From 939c947f3f861dd869d3f5217d5a82198e947b07 Mon Sep 17 00:00:00 2001
From: Nahiyan Khan <nahiyan@squareup.com>
Date: Mon, 6 Apr 2026 13:08:34 -0400
Subject: [PATCH 1/6] =?UTF-8?q?Add=20ghost-ui=20design=20language=20regist?=
 =?UTF-8?q?ry=20=E2=80=94=20port=20boss-ui=20components,=20tokens,=20and?=
 =?UTF-8?q?=20theme=20system?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Brings 97 shadcn-compatible components (49 UI primitives + 48 AI elements),
design tokens, theming system, and registry into the ghost monorepo as
packages/ghost-ui. Excludes icons (not OSS) and proprietary fonts (swapped
CashSans → Geist). Replaces next-themes with a custom framework-agnostic
ThemeProvider to eliminate the Next.js dependency.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 biome.json                                    |   16 +-
 package.json                                  |    1 +
 packages/ghost-ui/components.json             |   21 +
 packages/ghost-ui/package.json                |   92 +
 packages/ghost-ui/registry.json               | 1444 +++
 .../src/components/ai-elements/agent.tsx      |  141 +
 .../src/components/ai-elements/artifact.tsx   |  148 +
 .../components/ai-elements/attachments.tsx    |  426 +
 .../components/ai-elements/audio-player.tsx   |  229 +
 .../src/components/ai-elements/canvas.tsx     |   26 +
 .../ai-elements/chain-of-thought.tsx          |  222 +
 .../src/components/ai-elements/checkpoint.tsx |   71 +
 .../src/components/ai-elements/code-block.tsx |  563 +
 .../src/components/ai-elements/commit.tsx     |  458 +
 .../components/ai-elements/confirmation.tsx   |  174 +
 .../src/components/ai-elements/connection.tsx |   28 +
 .../src/components/ai-elements/context.tsx    |  409 +
 .../src/components/ai-elements/controls.tsx   |   18 +
 .../components/ai-elements/conversation.tsx   |  168 +
 .../src/components/ai-elements/edge.tsx       |  143 +
 .../ai-elements/environment-variables.tsx     |  324 +
 .../src/components/ai-elements/file-tree.tsx  |  304 +
 .../src/components/ai-elements/image.tsx      |   24 +
 .../ai-elements/inline-citation.tsx           |  296 +
 .../components/ai-elements/jsx-preview.tsx    |  310 +
 .../src/components/ai-elements/message.tsx    |  357 +
 .../components/ai-elements/mic-selector.tsx   |  375 +
 .../components/ai-elements/model-selector.tsx |  213 +
 .../src/components/ai-elements/node.tsx       |   80 +
 .../components/ai-elements/open-in-chat.tsx   |  370 +
 .../components/ai-elements/package-info.tsx   |  239 +
 .../src/components/ai-elements/panel.tsx      |   15 +
 .../src/components/ai-elements/persona.tsx    |  306 +
 .../src/components/ai-elements/plan.tsx       |  147 +
 .../components/ai-elements/prompt-input.tsx   | 1463 +++
 .../src/components/ai-elements/queue.tsx      |  274 +
 .../src/components/ai-elements/reasoning.tsx  |  226 +
 .../src/components/ai-elements/sandbox.tsx    |  127 +
 .../components/ai-elements/schema-display.tsx |  473 +
 .../src/components/ai-elements/shimmer.tsx    |   77 +
 .../src/components/ai-elements/snippet.tsx    |  145 +
 .../src/components/ai-elements/sources.tsx    |   77 +
 .../components/ai-elements/speech-input.tsx   |  323 +
 .../components/ai-elements/stack-trace.tsx    |  528 +
 .../src/components/ai-elements/suggestion.tsx |   54 +
 .../src/components/ai-elements/task.tsx       |   87 +
 .../src/components/ai-elements/terminal.tsx   |  273 +
 .../components/ai-elements/test-results.tsx   |  496 +
 .../src/components/ai-elements/tool.tsx       |  173 +
 .../src/components/ai-elements/toolbar.tsx    |   16 +
 .../components/ai-elements/transcription.tsx  |  125 +
 .../components/ai-elements/voice-selector.tsx |  524 +
 .../components/ai-elements/web-preview.tsx    |  281 +
 .../components/theme-panel/ColorControls.tsx  |  157 +
 .../components/theme-panel/ColorSwatch.tsx    |   29 +
 .../components/theme-panel/ExportReset.tsx    |   56 +
 .../components/theme-panel/PresetSelector.tsx |   61 +
 .../components/theme-panel/RadiusControls.tsx |   64 +
 .../components/theme-panel/ShadowControls.tsx |   64 +
 .../src/components/theme-panel/ThemePanel.tsx |  100 +
 .../theme-panel/ThemePanelTrigger.tsx         |   20 +
 .../theme-panel/TypographyControls.tsx        |  194 +
 .../src/components/theme/ThemeControls.tsx    |   18 +
 .../src/components/theme/ThemeProvider.tsx    |    6 +
 .../src/components/theme/ThemeToggle.tsx      |   50 +
 .../ghost-ui/src/components/ui/accordion.tsx  |   66 +
 .../src/components/ui/alert-dialog.tsx        |  159 +
 packages/ghost-ui/src/components/ui/alert.tsx |   66 +
 .../src/components/ui/aspect-ratio.tsx        |   11 +
 .../ghost-ui/src/components/ui/avatar.tsx     |   53 +
 packages/ghost-ui/src/components/ui/badge.tsx |   46 +
 .../ghost-ui/src/components/ui/breadcrumb.tsx |  109 +
 .../src/components/ui/button-group.tsx        |   82 +
 .../ghost-ui/src/components/ui/button.tsx     |   95 +
 .../ghost-ui/src/components/ui/calendar.tsx   |   76 +
 packages/ghost-ui/src/components/ui/card.tsx  |   95 +
 .../ghost-ui/src/components/ui/carousel.tsx   |  238 +
 packages/ghost-ui/src/components/ui/chart.tsx |  384 +
 .../ghost-ui/src/components/ui/checkbox.tsx   |   32 +
 .../src/components/ui/collapsible.tsx         |   33 +
 .../ghost-ui/src/components/ui/command.tsx    |  176 +
 .../src/components/ui/context-menu.tsx        |  252 +
 .../ghost-ui/src/components/ui/dialog.tsx     |  138 +
 .../ghost-ui/src/components/ui/drawer.tsx     |  135 +
 .../src/components/ui/dropdown-menu.tsx       |  254 +
 packages/ghost-ui/src/components/ui/form.tsx  |  167 +
 .../ghost-ui/src/components/ui/hover-card.tsx |   44 +
 .../src/components/ui/input-group.tsx         |  169 +
 .../ghost-ui/src/components/ui/input-otp.tsx  |   77 +
 packages/ghost-ui/src/components/ui/input.tsx |   21 +
 packages/ghost-ui/src/components/ui/label.tsx |   24 +
 .../ghost-ui/src/components/ui/menubar.tsx    |  273 +
 .../src/components/ui/navigation-menu.tsx     |  168 +
 .../ghost-ui/src/components/ui/pagination.tsx |  125 +
 .../ghost-ui/src/components/ui/popover.tsx    |   48 +
 .../ghost-ui/src/components/ui/progress.tsx   |   31 +
 .../src/components/ui/radio-group.tsx         |   45 +
 .../ghost-ui/src/components/ui/resizable.tsx  |   56 +
 .../src/components/ui/scroll-area.tsx         |   58 +
 .../ghost-ui/src/components/ui/select.tsx     |  185 +
 .../ghost-ui/src/components/ui/separator.tsx  |   28 +
 packages/ghost-ui/src/components/ui/sheet.tsx |  142 +
 .../ghost-ui/src/components/ui/sidebar.tsx    |  725 ++
 .../ghost-ui/src/components/ui/skeleton.tsx   |   13 +
 .../ghost-ui/src/components/ui/slider.tsx     |   63 +
 .../ghost-ui/src/components/ui/sonner.tsx     |   25 +
 .../ghost-ui/src/components/ui/spinner.tsx    |   16 +
 .../ghost-ui/src/components/ui/switch.tsx     |   31 +
 packages/ghost-ui/src/components/ui/table.tsx |  113 +
 packages/ghost-ui/src/components/ui/tabs.tsx  |   66 +
 .../ghost-ui/src/components/ui/textarea.tsx   |   18 +
 .../src/components/ui/toggle-group.tsx        |   72 +
 .../ghost-ui/src/components/ui/toggle.tsx     |   47 +
 .../ghost-ui/src/components/ui/tooltip.tsx    |   61 +
 .../ghost-ui/src/contexts/ThemeContext.tsx    |   65 +
 .../src/contexts/ThemePanelContext.tsx        |  249 +
 .../src/hooks/use-copy-to-clipboard.ts        |   35 +
 .../src/hooks/use-intersection-observer.ts    |   48 +
 packages/ghost-ui/src/hooks/use-mobile.ts     |   21 +
 .../ghost-ui/src/hooks/use-scroll-reveal.ts   |  109 +
 .../ghost-ui/src/hooks/use-text-animator.tsx  |  262 +
 .../ghost-ui/src/lib/component-registry.ts    |  158 +
 packages/ghost-ui/src/lib/component-source.ts |  162 +
 packages/ghost-ui/src/lib/theme-defaults.ts   |  159 +
 packages/ghost-ui/src/lib/theme-presets.ts    |  402 +
 packages/ghost-ui/src/lib/theme-provider.tsx  |  135 +
 packages/ghost-ui/src/lib/theme-utils.ts      |   79 +
 packages/ghost-ui/src/lib/utils.ts            |   20 +
 .../ghost-ui/src/store/preferences-store.ts   |  110 +
 packages/ghost-ui/src/styles/main.css         |  646 ++
 packages/ghost-ui/src/types/split-type.d.ts   |   18 +
 packages/ghost-ui/src/types/theme.ts          |   22 +
 packages/ghost-ui/tsconfig.json               |   22 +
 pnpm-lock.yaml                                | 9261 +++++++++++++++--
 134 files changed, 31443 insertions(+), 670 deletions(-)
 create mode 100644 packages/ghost-ui/components.json
 create mode 100644 packages/ghost-ui/package.json
 create mode 100644 packages/ghost-ui/registry.json
 create mode 100644 packages/ghost-ui/src/components/ai-elements/agent.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/artifact.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/attachments.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/audio-player.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/canvas.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/chain-of-thought.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/checkpoint.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/code-block.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/commit.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/confirmation.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/connection.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/context.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/controls.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/conversation.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/edge.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/environment-variables.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/file-tree.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/image.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/inline-citation.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/jsx-preview.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/message.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/mic-selector.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/model-selector.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/node.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/open-in-chat.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/package-info.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/panel.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/persona.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/plan.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/prompt-input.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/queue.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/reasoning.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/sandbox.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/schema-display.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/shimmer.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/snippet.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/sources.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/speech-input.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/stack-trace.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/suggestion.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/task.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/terminal.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/test-results.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/tool.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/toolbar.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/transcription.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/voice-selector.tsx
 create mode 100644 packages/ghost-ui/src/components/ai-elements/web-preview.tsx
 create mode 100644 packages/ghost-ui/src/components/theme-panel/ColorControls.tsx
 create mode 100644 packages/ghost-ui/src/components/theme-panel/ColorSwatch.tsx
 create mode 100644 packages/ghost-ui/src/components/theme-panel/ExportReset.tsx
 create mode 100644 packages/ghost-ui/src/components/theme-panel/PresetSelector.tsx
 create mode 100644 packages/ghost-ui/src/components/theme-panel/RadiusControls.tsx
 create mode 100644 packages/ghost-ui/src/components/theme-panel/ShadowControls.tsx
 create mode 100644 packages/ghost-ui/src/components/theme-panel/ThemePanel.tsx
 create mode 100644 packages/ghost-ui/src/components/theme-panel/ThemePanelTrigger.tsx
 create mode 100644 packages/ghost-ui/src/components/theme-panel/TypographyControls.tsx
 create mode 100644 packages/ghost-ui/src/components/theme/ThemeControls.tsx
 create mode 100644 packages/ghost-ui/src/components/theme/ThemeProvider.tsx
 create mode 100644 packages/ghost-ui/src/components/theme/ThemeToggle.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/accordion.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/alert-dialog.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/alert.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/aspect-ratio.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/avatar.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/badge.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/breadcrumb.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/button-group.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/button.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/calendar.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/card.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/carousel.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/chart.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/checkbox.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/collapsible.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/command.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/context-menu.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/dialog.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/drawer.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/dropdown-menu.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/form.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/hover-card.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/input-group.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/input-otp.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/input.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/label.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/menubar.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/navigation-menu.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/pagination.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/popover.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/progress.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/radio-group.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/resizable.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/scroll-area.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/select.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/separator.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/sheet.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/sidebar.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/skeleton.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/slider.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/sonner.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/spinner.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/switch.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/table.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/tabs.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/textarea.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/toggle-group.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/toggle.tsx
 create mode 100644 packages/ghost-ui/src/components/ui/tooltip.tsx
 create mode 100644 packages/ghost-ui/src/contexts/ThemeContext.tsx
 create mode 100644 packages/ghost-ui/src/contexts/ThemePanelContext.tsx
 create mode 100644 packages/ghost-ui/src/hooks/use-copy-to-clipboard.ts
 create mode 100644 packages/ghost-ui/src/hooks/use-intersection-observer.ts
 create mode 100644 packages/ghost-ui/src/hooks/use-mobile.ts
 create mode 100644 packages/ghost-ui/src/hooks/use-scroll-reveal.ts
 create mode 100644 packages/ghost-ui/src/hooks/use-text-animator.tsx
 create mode 100644 packages/ghost-ui/src/lib/component-registry.ts
 create mode 100644 packages/ghost-ui/src/lib/component-source.ts
 create mode 100644 packages/ghost-ui/src/lib/theme-defaults.ts
 create mode 100644 packages/ghost-ui/src/lib/theme-presets.ts
 create mode 100644 packages/ghost-ui/src/lib/theme-provider.tsx
 create mode 100644 packages/ghost-ui/src/lib/theme-utils.ts
 create mode 100644 packages/ghost-ui/src/lib/utils.ts
 create mode 100644 packages/ghost-ui/src/store/preferences-store.ts
 create mode 100644 packages/ghost-ui/src/styles/main.css
 create mode 100644 packages/ghost-ui/src/types/split-type.d.ts
 create mode 100644 packages/ghost-ui/src/types/theme.ts
 create mode 100644 packages/ghost-ui/tsconfig.json

diff --git a/biome.json b/biome.json
index 70f4aec..165530e 100644
--- a/biome.json
+++ b/biome.json
@@ -22,9 +22,23 @@
       }
     }
   },
+  "css": {
+    "parser": {
+      "cssModules": false,
+      "tailwindDirectives": true
+    }
+  },
   "javascript": {
     "formatter": {
       "quoteStyle": "double"
     }
-  }
+  },
+  "overrides": [
+    {
+      "includes": ["packages/ghost-ui/**"],
+      "linter": {
+        "enabled": false
+      }
+    }
+  ]
 }
diff --git a/package.json b/package.json
index 948fa12..699d1c6 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "test": "vitest run",
     "test:watch": "vitest",
     "typecheck": "tsc --build",
+    "build:ui": "pnpm --filter @ghost/ui build",
     "check": "biome check . && pnpm typecheck && pnpm check:file-sizes",
     "check:file-sizes": "node scripts/check-file-sizes.mjs",
     "fmt": "biome format --write .",
diff --git a/packages/ghost-ui/components.json b/packages/ghost-ui/components.json
new file mode 100644
index 0000000..9999f29
--- /dev/null
+++ b/packages/ghost-ui/components.json
@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "styles/main.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}
diff --git a/packages/ghost-ui/package.json b/packages/ghost-ui/package.json
new file mode 100644
index 0000000..6d32d38
--- /dev/null
+++ b/packages/ghost-ui/package.json
@@ -0,0 +1,92 @@
+{
+  "name": "@ghost/ui",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "shadcn build",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^5.2.2",
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-aspect-ratio": "^1.1.8",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-menubar": "^1.1.16",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@radix-ui/react-use-controllable-state": "^1.2.2",
+    "@rive-app/react-webgl2": "^4.27.3",
+    "@streamdown/cjk": "^1.0.3",
+    "@streamdown/code": "^1.1.1",
+    "@streamdown/math": "^1.0.2",
+    "@streamdown/mermaid": "^1.0.2",
+    "@tanstack/react-table": "^8.21.3",
+    "@xyflow/react": "^12.10.2",
+    "ai": "^6.0.141",
+    "ansi-to-react": "^6.2.6",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "date-fns": "^4.1.0",
+    "embla-carousel-react": "^8.6.0",
+    "gsap": "^3.14.2",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^1.7.0",
+    "media-chrome": "^4.18.3",
+    "motion": "^12.38.0",
+    "nanoid": "^5.1.7",
+    "react-day-picker": "9.14.0",
+    "react-hook-form": "^7.72.0",
+    "react-jsx-parser": "^2.4.1",
+    "react-resizable-panels": "^4.8.0",
+    "recharts": "^3.8.1",
+    "shiki": "^4.0.2",
+    "smart-registry": "^1.16.0",
+    "sonner": "^2.0.7",
+    "split-type": "^0.3.4",
+    "streamdown": "^2.5.0",
+    "tailwind-merge": "^3.5.0",
+    "tokenlens": "^1.3.1",
+    "tw-animate-css": "^1.4.0",
+    "use-stick-to-bottom": "^1.1.3",
+    "vaul": "^1.1.2",
+    "zod": "^4.3.6",
+    "zustand": "^5.0.12"
+  },
+  "peerDependencies": {
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.2.2",
+    "@types/node": "^22.0.0",
+    "@types/react": "19.1.2",
+    "@types/react-dom": "19.1.2",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "shadcn": "4.1.1",
+    "tailwindcss": "^4.2.2",
+    "typescript": "^5.7.0"
+  }
+}
diff --git a/packages/ghost-ui/registry.json b/packages/ghost-ui/registry.json
new file mode 100644
index 0000000..d623750
--- /dev/null
+++ b/packages/ghost-ui/registry.json
@@ -0,0 +1,1444 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry.json",
+  "name": "ghost-ui",
+  "items": [
+    {
+      "name": "styles-main",
+      "type": "registry:style",
+      "dependencies": ["tw-animate-css"],
+      "devDependencies": ["tailwindcss"],
+      "files": [
+        {
+          "type": "registry:theme",
+          "target": "app/globals.css",
+          "path": "src/styles/main.css"
+        }
+      ]
+    },
+    {
+      "name": "utils",
+      "type": "registry:lib",
+      "dependencies": ["clsx", "tailwind-merge"],
+      "files": [
+        {
+          "type": "registry:lib",
+          "target": "lib/utils.ts",
+          "path": "src/lib/utils.ts"
+        }
+      ]
+    },
+    {
+      "name": "accordion",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-accordion", "lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/accordion.tsx",
+          "path": "src/components/ui/accordion.tsx"
+        }
+      ],
+      "categories": ["layout"]
+    },
+    {
+      "name": "alert-dialog",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-alert-dialog"],
+      "registryDependencies": ["utils", "button"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/alert-dialog.tsx",
+          "path": "src/components/ui/alert-dialog.tsx"
+        }
+      ],
+      "categories": ["feedback"]
+    },
+    {
+      "name": "alert",
+      "type": "registry:ui",
+      "dependencies": ["class-variance-authority"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/alert.tsx",
+          "path": "src/components/ui/alert.tsx"
+        }
+      ],
+      "categories": ["feedback"]
+    },
+    {
+      "name": "aspect-ratio",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-aspect-ratio"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/aspect-ratio.tsx",
+          "path": "src/components/ui/aspect-ratio.tsx"
+        }
+      ],
+      "categories": ["layout"]
+    },
+    {
+      "name": "avatar",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-avatar"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/avatar.tsx",
+          "path": "src/components/ui/avatar.tsx"
+        }
+      ],
+      "categories": ["display"]
+    },
+    {
+      "name": "badge",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-slot", "class-variance-authority"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/badge.tsx",
+          "path": "src/components/ui/badge.tsx"
+        }
+      ],
+      "categories": ["display"]
+    },
+    {
+      "name": "breadcrumb",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-slot", "lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/breadcrumb.tsx",
+          "path": "src/components/ui/breadcrumb.tsx"
+        }
+      ],
+      "categories": ["navigation"]
+    },
+    {
+      "name": "button-group",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-slot", "class-variance-authority"],
+      "registryDependencies": ["utils", "separator"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/button-group.tsx",
+          "path": "src/components/ui/button-group.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "button",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-slot", "class-variance-authority"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/button.tsx",
+          "path": "src/components/ui/button.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "calendar",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "button"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/calendar.tsx",
+          "path": "src/components/ui/calendar.tsx"
+        }
+      ],
+      "categories": ["display", "input"]
+    },
+    {
+      "name": "card",
+      "type": "registry:ui",
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/card.tsx",
+          "path": "src/components/ui/card.tsx"
+        }
+      ],
+      "categories": ["display"]
+    },
+    {
+      "name": "carousel",
+      "type": "registry:ui",
+      "dependencies": ["embla-carousel-react", "lucide-react"],
+      "registryDependencies": ["utils", "button"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/carousel.tsx",
+          "path": "src/components/ui/carousel.tsx"
+        }
+      ],
+      "categories": ["display"]
+    },
+    {
+      "name": "chart",
+      "type": "registry:ui",
+      "dependencies": ["recharts"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/chart.tsx",
+          "path": "src/components/ui/chart.tsx"
+        }
+      ],
+      "categories": ["display"]
+    },
+    {
+      "name": "checkbox",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-checkbox", "lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/checkbox.tsx",
+          "path": "src/components/ui/checkbox.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "collapsible",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-collapsible"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/collapsible.tsx",
+          "path": "src/components/ui/collapsible.tsx"
+        }
+      ],
+      "categories": ["layout"]
+    },
+    {
+      "name": "command",
+      "type": "registry:ui",
+      "dependencies": ["cmdk", "lucide-react"],
+      "registryDependencies": ["utils", "dialog"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/command.tsx",
+          "path": "src/components/ui/command.tsx"
+        }
+      ],
+      "categories": ["input", "navigation"]
+    },
+    {
+      "name": "context-menu",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-context-menu", "lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/context-menu.tsx",
+          "path": "src/components/ui/context-menu.tsx"
+        }
+      ],
+      "categories": ["navigation"]
+    },
+    {
+      "name": "dialog",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-dialog", "lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/dialog.tsx",
+          "path": "src/components/ui/dialog.tsx"
+        }
+      ],
+      "categories": ["feedback"]
+    },
+    {
+      "name": "drawer",
+      "type": "registry:ui",
+      "dependencies": ["vaul"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/drawer.tsx",
+          "path": "src/components/ui/drawer.tsx"
+        }
+      ],
+      "categories": ["feedback"]
+    },
+    {
+      "name": "dropdown-menu",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-dropdown-menu", "lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/dropdown-menu.tsx",
+          "path": "src/components/ui/dropdown-menu.tsx"
+        }
+      ],
+      "categories": ["navigation"]
+    },
+    {
+      "name": "form",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-label", "@radix-ui/react-slot"],
+      "registryDependencies": ["utils", "label"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/form.tsx",
+          "path": "src/components/ui/form.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "hover-card",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-hover-card"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/hover-card.tsx",
+          "path": "src/components/ui/hover-card.tsx"
+        }
+      ],
+      "categories": ["display"]
+    },
+    {
+      "name": "input-group",
+      "type": "registry:ui",
+      "dependencies": ["class-variance-authority"],
+      "registryDependencies": ["utils", "button", "input", "textarea"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/input-group.tsx",
+          "path": "src/components/ui/input-group.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "input-otp",
+      "type": "registry:ui",
+      "dependencies": ["input-otp", "lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/input-otp.tsx",
+          "path": "src/components/ui/input-otp.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "input",
+      "type": "registry:ui",
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/input.tsx",
+          "path": "src/components/ui/input.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "label",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-label"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/label.tsx",
+          "path": "src/components/ui/label.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "menubar",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-menubar", "lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/menubar.tsx",
+          "path": "src/components/ui/menubar.tsx"
+        }
+      ],
+      "categories": ["navigation"]
+    },
+    {
+      "name": "navigation-menu",
+      "type": "registry:ui",
+      "dependencies": [
+        "@radix-ui/react-navigation-menu",
+        "class-variance-authority",
+        "lucide-react"
+      ],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/navigation-menu.tsx",
+          "path": "src/components/ui/navigation-menu.tsx"
+        }
+      ],
+      "categories": ["navigation"]
+    },
+    {
+      "name": "pagination",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "button"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/pagination.tsx",
+          "path": "src/components/ui/pagination.tsx"
+        }
+      ],
+      "categories": ["navigation"]
+    },
+    {
+      "name": "popover",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-popover"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/popover.tsx",
+          "path": "src/components/ui/popover.tsx"
+        }
+      ],
+      "categories": ["feedback"]
+    },
+    {
+      "name": "progress",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-progress"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/progress.tsx",
+          "path": "src/components/ui/progress.tsx"
+        }
+      ],
+      "categories": ["feedback"]
+    },
+    {
+      "name": "radio-group",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-radio-group", "lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/radio-group.tsx",
+          "path": "src/components/ui/radio-group.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "resizable",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/resizable.tsx",
+          "path": "src/components/ui/resizable.tsx"
+        }
+      ],
+      "categories": ["layout"]
+    },
+    {
+      "name": "scroll-area",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-scroll-area"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/scroll-area.tsx",
+          "path": "src/components/ui/scroll-area.tsx"
+        }
+      ],
+      "categories": ["layout"]
+    },
+    {
+      "name": "select",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-select", "lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/select.tsx",
+          "path": "src/components/ui/select.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "separator",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-separator"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/separator.tsx",
+          "path": "src/components/ui/separator.tsx"
+        }
+      ],
+      "categories": ["layout"]
+    },
+    {
+      "name": "sheet",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-dialog", "lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/sheet.tsx",
+          "path": "src/components/ui/sheet.tsx"
+        }
+      ],
+      "categories": ["feedback"]
+    },
+    {
+      "name": "sidebar",
+      "type": "registry:ui",
+      "dependencies": [
+        "@radix-ui/react-slot",
+        "class-variance-authority",
+        "lucide-react"
+      ],
+      "registryDependencies": [
+        "utils",
+        "button",
+        "input",
+        "separator",
+        "sheet",
+        "skeleton",
+        "tooltip"
+      ],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/sidebar.tsx",
+          "path": "src/components/ui/sidebar.tsx"
+        }
+      ],
+      "categories": ["navigation", "layout"]
+    },
+    {
+      "name": "skeleton",
+      "type": "registry:ui",
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/skeleton.tsx",
+          "path": "src/components/ui/skeleton.tsx"
+        }
+      ],
+      "categories": ["display"]
+    },
+    {
+      "name": "slider",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-slider"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/slider.tsx",
+          "path": "src/components/ui/slider.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "sonner",
+      "type": "registry:ui",
+      "dependencies": ["next-themes", "sonner"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/sonner.tsx",
+          "path": "src/components/ui/sonner.tsx"
+        }
+      ],
+      "categories": ["feedback"]
+    },
+    {
+      "name": "spinner",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/spinner.tsx",
+          "path": "src/components/ui/spinner.tsx"
+        }
+      ],
+      "categories": ["feedback"]
+    },
+    {
+      "name": "switch",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-switch"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/switch.tsx",
+          "path": "src/components/ui/switch.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "table",
+      "type": "registry:ui",
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/table.tsx",
+          "path": "src/components/ui/table.tsx"
+        }
+      ],
+      "categories": ["display"]
+    },
+    {
+      "name": "tabs",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-tabs"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/tabs.tsx",
+          "path": "src/components/ui/tabs.tsx"
+        }
+      ],
+      "categories": ["navigation"]
+    },
+    {
+      "name": "textarea",
+      "type": "registry:ui",
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/textarea.tsx",
+          "path": "src/components/ui/textarea.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "toggle-group",
+      "type": "registry:ui",
+      "dependencies": [
+        "@radix-ui/react-toggle-group",
+        "class-variance-authority"
+      ],
+      "registryDependencies": ["utils", "toggle"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/toggle-group.tsx",
+          "path": "src/components/ui/toggle-group.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "toggle",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-toggle", "class-variance-authority"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/toggle.tsx",
+          "path": "src/components/ui/toggle.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "tooltip",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-tooltip"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/tooltip.tsx",
+          "path": "src/components/ui/tooltip.tsx"
+        }
+      ],
+      "categories": ["feedback"]
+    },
+    {
+      "name": "agent",
+      "type": "registry:ui",
+      "dependencies": ["ai", "lucide-react"],
+      "registryDependencies": ["utils", "accordion", "badge"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/agent.tsx",
+          "path": "src/components/ai-elements/agent.tsx"
+        }
+      ],
+      "categories": ["ai", "display"]
+    },
+    {
+      "name": "artifact",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "button", "tooltip"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/artifact.tsx",
+          "path": "src/components/ai-elements/artifact.tsx"
+        }
+      ],
+      "categories": ["ai", "display"]
+    },
+    {
+      "name": "attachments",
+      "type": "registry:ui",
+      "dependencies": ["ai", "lucide-react"],
+      "registryDependencies": ["utils", "button", "hover-card"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/attachments.tsx",
+          "path": "src/components/ai-elements/attachments.tsx"
+        }
+      ],
+      "categories": ["ai", "input", "chat"]
+    },
+    {
+      "name": "audio-player",
+      "type": "registry:ui",
+      "dependencies": ["ai", "media-chrome"],
+      "registryDependencies": ["utils", "button", "button-group"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/audio-player.tsx",
+          "path": "src/components/ai-elements/audio-player.tsx"
+        }
+      ],
+      "categories": ["ai", "media"]
+    },
+    {
+      "name": "canvas",
+      "type": "registry:ui",
+      "dependencies": ["@xyflow/react"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/canvas.tsx",
+          "path": "src/components/ai-elements/canvas.tsx"
+        }
+      ],
+      "categories": ["ai", "layout"]
+    },
+    {
+      "name": "chain-of-thought",
+      "type": "registry:ui",
+      "dependencies": [
+        "@radix-ui/react-use-controllable-state",
+        "lucide-react"
+      ],
+      "registryDependencies": ["utils", "badge", "collapsible"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/chain-of-thought.tsx",
+          "path": "src/components/ai-elements/chain-of-thought.tsx"
+        }
+      ],
+      "categories": ["ai", "display"]
+    },
+    {
+      "name": "checkpoint",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "button", "separator", "tooltip"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/checkpoint.tsx",
+          "path": "src/components/ai-elements/checkpoint.tsx"
+        }
+      ],
+      "categories": ["ai", "display"]
+    },
+    {
+      "name": "code-block",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react", "shiki"],
+      "registryDependencies": ["utils", "button", "select"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/code-block.tsx",
+          "path": "src/components/ai-elements/code-block.tsx"
+        }
+      ],
+      "categories": ["ai", "code"]
+    },
+    {
+      "name": "commit",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "avatar", "button", "collapsible"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/commit.tsx",
+          "path": "src/components/ai-elements/commit.tsx"
+        }
+      ],
+      "categories": ["ai", "code"]
+    },
+    {
+      "name": "confirmation",
+      "type": "registry:ui",
+      "dependencies": ["ai"],
+      "registryDependencies": ["utils", "alert", "button"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/confirmation.tsx",
+          "path": "src/components/ai-elements/confirmation.tsx"
+        }
+      ],
+      "categories": ["ai", "feedback"]
+    },
+    {
+      "name": "connection",
+      "type": "registry:ui",
+      "dependencies": ["@xyflow/react"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/connection.tsx",
+          "path": "src/components/ai-elements/connection.tsx"
+        }
+      ],
+      "categories": ["ai", "layout"]
+    },
+    {
+      "name": "context",
+      "type": "registry:ui",
+      "dependencies": ["ai", "tokenlens"],
+      "registryDependencies": ["utils", "button", "hover-card", "progress"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/context.tsx",
+          "path": "src/components/ai-elements/context.tsx"
+        }
+      ],
+      "categories": ["ai", "display"]
+    },
+    {
+      "name": "controls",
+      "type": "registry:ui",
+      "dependencies": ["@xyflow/react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/controls.tsx",
+          "path": "src/components/ai-elements/controls.tsx"
+        }
+      ],
+      "categories": ["ai", "layout"]
+    },
+    {
+      "name": "conversation",
+      "type": "registry:ui",
+      "dependencies": ["ai", "lucide-react", "use-stick-to-bottom"],
+      "registryDependencies": ["utils", "button"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/conversation.tsx",
+          "path": "src/components/ai-elements/conversation.tsx"
+        }
+      ],
+      "categories": ["ai", "chat"]
+    },
+    {
+      "name": "edge",
+      "type": "registry:ui",
+      "dependencies": ["@xyflow/react"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/edge.tsx",
+          "path": "src/components/ai-elements/edge.tsx"
+        }
+      ],
+      "categories": ["ai", "layout"]
+    },
+    {
+      "name": "environment-variables",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "badge", "button", "switch"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/environment-variables.tsx",
+          "path": "src/components/ai-elements/environment-variables.tsx"
+        }
+      ],
+      "categories": ["ai", "code"]
+    },
+    {
+      "name": "file-tree",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "collapsible"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/file-tree.tsx",
+          "path": "src/components/ai-elements/file-tree.tsx"
+        }
+      ],
+      "categories": ["ai", "code"]
+    },
+    {
+      "name": "image",
+      "type": "registry:ui",
+      "dependencies": ["ai"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/image.tsx",
+          "path": "src/components/ai-elements/image.tsx"
+        }
+      ],
+      "categories": ["ai", "media"]
+    },
+    {
+      "name": "inline-citation",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "badge", "carousel", "hover-card"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/inline-citation.tsx",
+          "path": "src/components/ai-elements/inline-citation.tsx"
+        }
+      ],
+      "categories": ["ai", "display"]
+    },
+    {
+      "name": "jsx-preview",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/jsx-preview.tsx",
+          "path": "src/components/ai-elements/jsx-preview.tsx"
+        }
+      ],
+      "categories": ["ai", "code"]
+    },
+    {
+      "name": "message",
+      "type": "registry:ui",
+      "dependencies": [
+        "@streamdown/cjk",
+        "@streamdown/code",
+        "@streamdown/math",
+        "@streamdown/mermaid",
+        "ai",
+        "lucide-react",
+        "streamdown"
+      ],
+      "registryDependencies": ["utils", "button", "button-group", "tooltip"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/message.tsx",
+          "path": "src/components/ai-elements/message.tsx"
+        }
+      ],
+      "categories": ["ai", "chat"]
+    },
+    {
+      "name": "mic-selector",
+      "type": "registry:ui",
+      "dependencies": [
+        "@radix-ui/react-use-controllable-state",
+        "lucide-react"
+      ],
+      "registryDependencies": ["utils", "button", "command", "popover"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/mic-selector.tsx",
+          "path": "src/components/ai-elements/mic-selector.tsx"
+        }
+      ],
+      "categories": ["ai", "input", "media"]
+    },
+    {
+      "name": "model-selector",
+      "type": "registry:ui",
+      "registryDependencies": ["utils", "command", "dialog"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/model-selector.tsx",
+          "path": "src/components/ai-elements/model-selector.tsx"
+        }
+      ],
+      "categories": ["ai", "input"]
+    },
+    {
+      "name": "node",
+      "type": "registry:ui",
+      "dependencies": ["@xyflow/react"],
+      "registryDependencies": ["utils", "card"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/node.tsx",
+          "path": "src/components/ai-elements/node.tsx"
+        }
+      ],
+      "categories": ["ai", "layout"]
+    },
+    {
+      "name": "open-in-chat",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "button", "dropdown-menu"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/open-in-chat.tsx",
+          "path": "src/components/ai-elements/open-in-chat.tsx"
+        }
+      ],
+      "categories": ["ai", "chat"]
+    },
+    {
+      "name": "package-info",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "badge"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/package-info.tsx",
+          "path": "src/components/ai-elements/package-info.tsx"
+        }
+      ],
+      "categories": ["ai", "code"]
+    },
+    {
+      "name": "panel",
+      "type": "registry:ui",
+      "dependencies": ["@xyflow/react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/panel.tsx",
+          "path": "src/components/ai-elements/panel.tsx"
+        }
+      ],
+      "categories": ["ai", "layout"]
+    },
+    {
+      "name": "persona",
+      "type": "registry:ui",
+      "dependencies": ["@rive-app/react-webgl2"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/persona.tsx",
+          "path": "src/components/ai-elements/persona.tsx"
+        }
+      ],
+      "categories": ["ai", "media"]
+    },
+    {
+      "name": "plan",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "button", "card", "collapsible"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/plan.tsx",
+          "path": "src/components/ai-elements/plan.tsx"
+        }
+      ],
+      "categories": ["ai", "display"]
+    },
+    {
+      "name": "prompt-input",
+      "type": "registry:ui",
+      "dependencies": ["ai", "lucide-react", "nanoid"],
+      "registryDependencies": [
+        "utils",
+        "command",
+        "dropdown-menu",
+        "hover-card",
+        "input-group",
+        "select",
+        "spinner",
+        "tooltip"
+      ],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/prompt-input.tsx",
+          "path": "src/components/ai-elements/prompt-input.tsx"
+        }
+      ],
+      "categories": ["ai", "input", "chat"]
+    },
+    {
+      "name": "queue",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "button", "collapsible", "scroll-area"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/queue.tsx",
+          "path": "src/components/ai-elements/queue.tsx"
+        }
+      ],
+      "categories": ["ai", "display"]
+    },
+    {
+      "name": "reasoning",
+      "type": "registry:ui",
+      "dependencies": [
+        "@radix-ui/react-use-controllable-state",
+        "@streamdown/cjk",
+        "@streamdown/code",
+        "@streamdown/math",
+        "@streamdown/mermaid",
+        "lucide-react",
+        "streamdown"
+      ],
+      "registryDependencies": ["utils", "collapsible"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/reasoning.tsx",
+          "path": "src/components/ai-elements/reasoning.tsx"
+        }
+      ],
+      "categories": ["ai", "chat"]
+    },
+    {
+      "name": "sandbox",
+      "type": "registry:ui",
+      "dependencies": ["ai", "lucide-react"],
+      "registryDependencies": ["utils", "collapsible", "tabs"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/sandbox.tsx",
+          "path": "src/components/ai-elements/sandbox.tsx"
+        }
+      ],
+      "categories": ["ai", "code"]
+    },
+    {
+      "name": "schema-display",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "badge", "collapsible"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/schema-display.tsx",
+          "path": "src/components/ai-elements/schema-display.tsx"
+        }
+      ],
+      "categories": ["ai", "code"]
+    },
+    {
+      "name": "shimmer",
+      "type": "registry:ui",
+      "dependencies": ["motion"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/shimmer.tsx",
+          "path": "src/components/ai-elements/shimmer.tsx"
+        }
+      ],
+      "categories": ["ai", "feedback"]
+    },
+    {
+      "name": "snippet",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "input-group"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/snippet.tsx",
+          "path": "src/components/ai-elements/snippet.tsx"
+        }
+      ],
+      "categories": ["ai", "code"]
+    },
+    {
+      "name": "sources",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "collapsible"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/sources.tsx",
+          "path": "src/components/ai-elements/sources.tsx"
+        }
+      ],
+      "categories": ["ai", "display"]
+    },
+    {
+      "name": "speech-input",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "button", "spinner"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/speech-input.tsx",
+          "path": "src/components/ai-elements/speech-input.tsx"
+        }
+      ],
+      "categories": ["ai", "input", "media"]
+    },
+    {
+      "name": "stack-trace",
+      "type": "registry:ui",
+      "dependencies": [
+        "@radix-ui/react-use-controllable-state",
+        "lucide-react"
+      ],
+      "registryDependencies": ["utils", "button", "collapsible"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/stack-trace.tsx",
+          "path": "src/components/ai-elements/stack-trace.tsx"
+        }
+      ],
+      "categories": ["ai", "code"]
+    },
+    {
+      "name": "suggestion",
+      "type": "registry:ui",
+      "registryDependencies": ["utils", "button", "scroll-area"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/suggestion.tsx",
+          "path": "src/components/ai-elements/suggestion.tsx"
+        }
+      ],
+      "categories": ["ai", "chat"]
+    },
+    {
+      "name": "task",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "collapsible"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/task.tsx",
+          "path": "src/components/ai-elements/task.tsx"
+        }
+      ],
+      "categories": ["ai", "display"]
+    },
+    {
+      "name": "terminal",
+      "type": "registry:ui",
+      "dependencies": ["ansi-to-react", "lucide-react"],
+      "registryDependencies": ["utils", "button"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/terminal.tsx",
+          "path": "src/components/ai-elements/terminal.tsx"
+        }
+      ],
+      "categories": ["ai", "code"]
+    },
+    {
+      "name": "test-results",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "badge", "collapsible"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/test-results.tsx",
+          "path": "src/components/ai-elements/test-results.tsx"
+        }
+      ],
+      "categories": ["ai", "code"]
+    },
+    {
+      "name": "tool",
+      "type": "registry:ui",
+      "dependencies": ["ai", "lucide-react"],
+      "registryDependencies": ["utils", "badge", "collapsible"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/tool.tsx",
+          "path": "src/components/ai-elements/tool.tsx"
+        }
+      ],
+      "categories": ["ai", "display"]
+    },
+    {
+      "name": "toolbar",
+      "type": "registry:ui",
+      "dependencies": ["@xyflow/react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/toolbar.tsx",
+          "path": "src/components/ai-elements/toolbar.tsx"
+        }
+      ],
+      "categories": ["ai", "layout"]
+    },
+    {
+      "name": "transcription",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-use-controllable-state", "ai"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/transcription.tsx",
+          "path": "src/components/ai-elements/transcription.tsx"
+        }
+      ],
+      "categories": ["ai", "chat", "media"]
+    },
+    {
+      "name": "voice-selector",
+      "type": "registry:ui",
+      "dependencies": [
+        "@radix-ui/react-use-controllable-state",
+        "lucide-react"
+      ],
+      "registryDependencies": [
+        "utils",
+        "button",
+        "command",
+        "dialog",
+        "spinner"
+      ],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/voice-selector.tsx",
+          "path": "src/components/ai-elements/voice-selector.tsx"
+        }
+      ],
+      "categories": ["ai", "input", "media"]
+    },
+    {
+      "name": "web-preview",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": [
+        "utils",
+        "button",
+        "collapsible",
+        "input",
+        "tooltip"
+      ],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/web-preview.tsx",
+          "path": "src/components/ai-elements/web-preview.tsx"
+        }
+      ],
+      "categories": ["ai", "media"]
+    }
+  ]
+}
diff --git a/packages/ghost-ui/src/components/ai-elements/agent.tsx b/packages/ghost-ui/src/components/ai-elements/agent.tsx
new file mode 100644
index 0000000..263fe68
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/agent.tsx
@@ -0,0 +1,141 @@
+"use client";
+
+import type { Tool } from "ai";
+import { BotIcon } from "lucide-react";
+import type { ComponentProps } from "react";
+import { memo } from "react";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+import { Badge } from "@/components/ui/badge";
+import { cn } from "@/lib/utils";
+
+import { CodeBlock } from "./code-block";
+
+export type AgentProps = ComponentProps<"div">;
+
+export const Agent = memo(({ className, ...props }: AgentProps) => (
+  <div
+    className={cn("not-prose w-full rounded-md border", className)}
+    {...props}
+  />
+));
+
+export type AgentHeaderProps = ComponentProps<"div"> & {
+  name: string;
+  model?: string;
+};
+
+export const AgentHeader = memo(
+  ({ className, name, model, ...props }: AgentHeaderProps) => (
+    <div
+      className={cn(
+        "flex w-full items-center justify-between gap-4 p-3",
+        className,
+      )}
+      {...props}
+    >
+      <div className="flex items-center gap-2">
+        <BotIcon className="size-4 text-muted-foreground" />
+        <span className="font-medium text-sm">{name}</span>
+        {model && (
+          <Badge className="font-mono text-xs" variant="secondary">
+            {model}
+          </Badge>
+        )}
+      </div>
+    </div>
+  ),
+);
+
+export type AgentContentProps = ComponentProps<"div">;
+
+export const AgentContent = memo(
+  ({ className, ...props }: AgentContentProps) => (
+    <div className={cn("space-y-4 p-4 pt-0", className)} {...props} />
+  ),
+);
+
+export type AgentInstructionsProps = ComponentProps<"div"> & {
+  children: string;
+};
+
+export const AgentInstructions = memo(
+  ({ className, children, ...props }: AgentInstructionsProps) => (
+    <div className={cn("space-y-2", className)} {...props}>
+      <span className="font-medium text-muted-foreground text-sm">
+        Instructions
+      </span>
+      <div className="rounded-md bg-muted/50 p-3 text-muted-foreground text-sm">
+        <p>{children}</p>
+      </div>
+    </div>
+  ),
+);
+
+export type AgentToolsProps = ComponentProps<typeof Accordion>;
+
+export const AgentTools = memo(({ className, ...props }: AgentToolsProps) => (
+  <div className={cn("space-y-2", className)}>
+    <span className="font-medium text-muted-foreground text-sm">Tools</span>
+    <Accordion className="rounded-md border" {...props} />
+  </div>
+));
+
+export type AgentToolProps = ComponentProps<typeof AccordionItem> & {
+  tool: Tool;
+};
+
+export const AgentTool = memo(
+  ({ className, tool, value, ...props }: AgentToolProps) => {
+    const schema =
+      "jsonSchema" in tool && tool.jsonSchema
+        ? tool.jsonSchema
+        : tool.inputSchema;
+
+    return (
+      <AccordionItem
+        className={cn("border-b last:border-b-0", className)}
+        value={value}
+        {...props}
+      >
+        <AccordionTrigger className="px-3 py-2 text-sm hover:no-underline">
+          {tool.description ?? "No description"}
+        </AccordionTrigger>
+        <AccordionContent className="px-3 pb-3">
+          <div className="rounded-md bg-muted/50">
+            <CodeBlock code={JSON.stringify(schema, null, 2)} language="json" />
+          </div>
+        </AccordionContent>
+      </AccordionItem>
+    );
+  },
+);
+
+export type AgentOutputProps = ComponentProps<"div"> & {
+  schema: string;
+};
+
+export const AgentOutput = memo(
+  ({ className, schema, ...props }: AgentOutputProps) => (
+    <div className={cn("space-y-2", className)} {...props}>
+      <span className="font-medium text-muted-foreground text-sm">
+        Output Schema
+      </span>
+      <div className="rounded-md bg-muted/50">
+        <CodeBlock code={schema} language="typescript" />
+      </div>
+    </div>
+  ),
+);
+
+Agent.displayName = "Agent";
+AgentHeader.displayName = "AgentHeader";
+AgentContent.displayName = "AgentContent";
+AgentInstructions.displayName = "AgentInstructions";
+AgentTools.displayName = "AgentTools";
+AgentTool.displayName = "AgentTool";
+AgentOutput.displayName = "AgentOutput";
diff --git a/packages/ghost-ui/src/components/ai-elements/artifact.tsx b/packages/ghost-ui/src/components/ai-elements/artifact.tsx
new file mode 100644
index 0000000..259e10a
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/artifact.tsx
@@ -0,0 +1,148 @@
+"use client";
+
+import type { LucideIcon } from "lucide-react";
+import { XIcon } from "lucide-react";
+import type { ComponentProps, HTMLAttributes } from "react";
+import { Button } from "@/components/ui/button";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+import { cn } from "@/lib/utils";
+
+export type ArtifactProps = HTMLAttributes<HTMLDivElement>;
+
+export const Artifact = ({ className, ...props }: ArtifactProps) => (
+  <div
+    className={cn(
+      "flex flex-col overflow-hidden rounded-lg border bg-background shadow-sm",
+      className,
+    )}
+    {...props}
+  />
+);
+
+export type ArtifactHeaderProps = HTMLAttributes<HTMLDivElement>;
+
+export const ArtifactHeader = ({
+  className,
+  ...props
+}: ArtifactHeaderProps) => (
+  <div
+    className={cn(
+      "flex items-center justify-between border-b bg-muted/50 px-4 py-3",
+      className,
+    )}
+    {...props}
+  />
+);
+
+export type ArtifactCloseProps = ComponentProps<typeof Button>;
+
+export const ArtifactClose = ({
+  className,
+  children,
+  size = "sm",
+  variant = "ghost",
+  ...props
+}: ArtifactCloseProps) => (
+  <Button
+    className={cn(
+      "size-8 p-0 text-muted-foreground hover:text-foreground",
+      className,
+    )}
+    size={size}
+    type="button"
+    variant={variant}
+    {...props}
+  >
+    {children ?? <XIcon className="size-4" />}
+    <span className="sr-only">Close</span>
+  </Button>
+);
+
+export type ArtifactTitleProps = HTMLAttributes<HTMLParagraphElement>;
+
+export const ArtifactTitle = ({ className, ...props }: ArtifactTitleProps) => (
+  <p
+    className={cn("font-medium text-foreground text-sm", className)}
+    {...props}
+  />
+);
+
+export type ArtifactDescriptionProps = HTMLAttributes<HTMLParagraphElement>;
+
+export const ArtifactDescription = ({
+  className,
+  ...props
+}: ArtifactDescriptionProps) => (
+  <p className={cn("text-muted-foreground text-sm", className)} {...props} />
+);
+
+export type ArtifactActionsProps = HTMLAttributes<HTMLDivElement>;
+
+export const ArtifactActions = ({
+  className,
+  ...props
+}: ArtifactActionsProps) => (
+  <div className={cn("flex items-center gap-1", className)} {...props} />
+);
+
+export type ArtifactActionProps = ComponentProps<typeof Button> & {
+  tooltip?: string;
+  label?: string;
+  icon?: LucideIcon;
+};
+
+export const ArtifactAction = ({
+  tooltip,
+  label,
+  icon: Icon,
+  children,
+  className,
+  size = "sm",
+  variant = "ghost",
+  ...props
+}: ArtifactActionProps) => {
+  const button = (
+    <Button
+      className={cn(
+        "size-8 p-0 text-muted-foreground hover:text-foreground",
+        className,
+      )}
+      size={size}
+      type="button"
+      variant={variant}
+      {...props}
+    >
+      {Icon ? <Icon className="size-4" /> : children}
+      <span className="sr-only">{label || tooltip}</span>
+    </Button>
+  );
+
+  if (tooltip) {
+    return (
+      <TooltipProvider>
+        <Tooltip>
+          <TooltipTrigger asChild>{button}</TooltipTrigger>
+          <TooltipContent>
+            <p>{tooltip}</p>
+          </TooltipContent>
+        </Tooltip>
+      </TooltipProvider>
+    );
+  }
+
+  return button;
+};
+
+export type ArtifactContentProps = HTMLAttributes<HTMLDivElement>;
+
+export const ArtifactContent = ({
+  className,
+  ...props
+}: ArtifactContentProps) => (
+  <div className={cn("flex-1 overflow-auto p-4", className)} {...props} />
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/attachments.tsx b/packages/ghost-ui/src/components/ai-elements/attachments.tsx
new file mode 100644
index 0000000..71245c4
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/attachments.tsx
@@ -0,0 +1,426 @@
+"use client";
+
+import type { FileUIPart, SourceDocumentUIPart } from "ai";
+import {
+  FileTextIcon,
+  GlobeIcon,
+  ImageIcon,
+  Music2Icon,
+  PaperclipIcon,
+  VideoIcon,
+  XIcon,
+} from "lucide-react";
+import type { ComponentProps, HTMLAttributes, ReactNode } from "react";
+import { createContext, useCallback, useContext, useMemo } from "react";
+import { Button } from "@/components/ui/button";
+import {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+} from "@/components/ui/hover-card";
+import { cn } from "@/lib/utils";
+
+// ============================================================================
+// Types
+// ============================================================================
+
+export type AttachmentData =
+  | (FileUIPart & { id: string })
+  | (SourceDocumentUIPart & { id: string });
+
+export type AttachmentMediaCategory =
+  | "image"
+  | "video"
+  | "audio"
+  | "document"
+  | "source"
+  | "unknown";
+
+export type AttachmentVariant = "grid" | "inline" | "list";
+
+const mediaCategoryIcons: Record<AttachmentMediaCategory, typeof ImageIcon> = {
+  audio: Music2Icon,
+  document: FileTextIcon,
+  image: ImageIcon,
+  source: GlobeIcon,
+  unknown: PaperclipIcon,
+  video: VideoIcon,
+};
+
+// ============================================================================
+// Utility Functions
+// ============================================================================
+
+export const getMediaCategory = (
+  data: AttachmentData,
+): AttachmentMediaCategory => {
+  if (data.type === "source-document") {
+    return "source";
+  }
+
+  const mediaType = data.mediaType ?? "";
+
+  if (mediaType.startsWith("image/")) {
+    return "image";
+  }
+  if (mediaType.startsWith("video/")) {
+    return "video";
+  }
+  if (mediaType.startsWith("audio/")) {
+    return "audio";
+  }
+  if (mediaType.startsWith("application/") || mediaType.startsWith("text/")) {
+    return "document";
+  }
+
+  return "unknown";
+};
+
+export const getAttachmentLabel = (data: AttachmentData): string => {
+  if (data.type === "source-document") {
+    return data.title || data.filename || "Source";
+  }
+
+  const category = getMediaCategory(data);
+  return data.filename || (category === "image" ? "Image" : "Attachment");
+};
+
+const renderAttachmentImage = (
+  url: string,
+  filename: string | undefined,
+  isGrid: boolean,
+) =>
+  isGrid ? (
+    <img
+      alt={filename || "Image"}
+      className="size-full object-cover"
+      height={96}
+      src={url}
+      width={96}
+    />
+  ) : (
+    <img
+      alt={filename || "Image"}
+      className="size-full rounded object-cover"
+      height={20}
+      src={url}
+      width={20}
+    />
+  );
+
+// ============================================================================
+// Contexts
+// ============================================================================
+
+interface AttachmentsContextValue {
+  variant: AttachmentVariant;
+}
+
+const AttachmentsContext = createContext<AttachmentsContextValue | null>(null);
+
+interface AttachmentContextValue {
+  data: AttachmentData;
+  mediaCategory: AttachmentMediaCategory;
+  onRemove?: () => void;
+  variant: AttachmentVariant;
+}
+
+const AttachmentContext = createContext<AttachmentContextValue | null>(null);
+
+// ============================================================================
+// Hooks
+// ============================================================================
+
+export const useAttachmentsContext = () =>
+  useContext(AttachmentsContext) ?? { variant: "grid" as const };
+
+export const useAttachmentContext = () => {
+  const ctx = useContext(AttachmentContext);
+  if (!ctx) {
+    throw new Error("Attachment components must be used within <Attachment>");
+  }
+  return ctx;
+};
+
+// ============================================================================
+// Attachments - Container
+// ============================================================================
+
+export type AttachmentsProps = HTMLAttributes<HTMLDivElement> & {
+  variant?: AttachmentVariant;
+};
+
+export const Attachments = ({
+  variant = "grid",
+  className,
+  children,
+  ...props
+}: AttachmentsProps) => {
+  const contextValue = useMemo(() => ({ variant }), [variant]);
+
+  return (
+    <AttachmentsContext.Provider value={contextValue}>
+      <div
+        className={cn(
+          "flex items-start",
+          variant === "list" ? "flex-col gap-2" : "flex-wrap gap-2",
+          variant === "grid" && "ml-auto w-fit",
+          className,
+        )}
+        {...props}
+      >
+        {children}
+      </div>
+    </AttachmentsContext.Provider>
+  );
+};
+
+// ============================================================================
+// Attachment - Item
+// ============================================================================
+
+export type AttachmentProps = HTMLAttributes<HTMLDivElement> & {
+  data: AttachmentData;
+  onRemove?: () => void;
+};
+
+export const Attachment = ({
+  data,
+  onRemove,
+  className,
+  children,
+  ...props
+}: AttachmentProps) => {
+  const { variant } = useAttachmentsContext();
+  const mediaCategory = getMediaCategory(data);
+
+  const contextValue = useMemo<AttachmentContextValue>(
+    () => ({ data, mediaCategory, onRemove, variant }),
+    [data, mediaCategory, onRemove, variant],
+  );
+
+  return (
+    <AttachmentContext.Provider value={contextValue}>
+      <div
+        className={cn(
+          "group relative",
+          variant === "grid" && "size-24 overflow-hidden rounded-lg",
+          variant === "inline" && [
+            "flex h-8 cursor-pointer select-none items-center gap-1.5",
+            "rounded-md border border-border px-1.5",
+            "font-medium text-sm transition-all",
+            "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+          ],
+          variant === "list" && [
+            "flex w-full items-center gap-3 rounded-lg border p-3",
+            "hover:bg-accent/50",
+          ],
+          className,
+        )}
+        {...props}
+      >
+        {children}
+      </div>
+    </AttachmentContext.Provider>
+  );
+};
+
+// ============================================================================
+// AttachmentPreview - Media preview
+// ============================================================================
+
+export type AttachmentPreviewProps = HTMLAttributes<HTMLDivElement> & {
+  fallbackIcon?: ReactNode;
+};
+
+export const AttachmentPreview = ({
+  fallbackIcon,
+  className,
+  ...props
+}: AttachmentPreviewProps) => {
+  const { data, mediaCategory, variant } = useAttachmentContext();
+
+  const iconSize = variant === "inline" ? "size-3" : "size-4";
+
+  const renderIcon = (Icon: typeof ImageIcon) => (
+    <Icon className={cn(iconSize, "text-muted-foreground")} />
+  );
+
+  const renderContent = () => {
+    if (mediaCategory === "image" && data.type === "file" && data.url) {
+      return renderAttachmentImage(data.url, data.filename, variant === "grid");
+    }
+
+    if (mediaCategory === "video" && data.type === "file" && data.url) {
+      return <video className="size-full object-cover" muted src={data.url} />;
+    }
+
+    const Icon = mediaCategoryIcons[mediaCategory];
+    return fallbackIcon ?? renderIcon(Icon);
+  };
+
+  return (
+    <div
+      className={cn(
+        "flex shrink-0 items-center justify-center overflow-hidden",
+        variant === "grid" && "size-full bg-muted",
+        variant === "inline" && "size-5 rounded bg-background",
+        variant === "list" && "size-12 rounded bg-muted",
+        className,
+      )}
+      {...props}
+    >
+      {renderContent()}
+    </div>
+  );
+};
+
+// ============================================================================
+// AttachmentInfo - Name and type display
+// ============================================================================
+
+export type AttachmentInfoProps = HTMLAttributes<HTMLDivElement> & {
+  showMediaType?: boolean;
+};
+
+export const AttachmentInfo = ({
+  showMediaType = false,
+  className,
+  ...props
+}: AttachmentInfoProps) => {
+  const { data, variant } = useAttachmentContext();
+  const label = getAttachmentLabel(data);
+
+  if (variant === "grid") {
+    return null;
+  }
+
+  return (
+    <div className={cn("min-w-0 flex-1", className)} {...props}>
+      <span className="block truncate">{label}</span>
+      {showMediaType && data.mediaType && (
+        <span className="block truncate text-muted-foreground text-xs">
+          {data.mediaType}
+        </span>
+      )}
+    </div>
+  );
+};
+
+// ============================================================================
+// AttachmentRemove - Remove button
+// ============================================================================
+
+export type AttachmentRemoveProps = ComponentProps<typeof Button> & {
+  label?: string;
+};
+
+export const AttachmentRemove = ({
+  label = "Remove",
+  className,
+  children,
+  ...props
+}: AttachmentRemoveProps) => {
+  const { onRemove, variant } = useAttachmentContext();
+
+  const handleClick = useCallback(
+    (e: React.MouseEvent) => {
+      e.stopPropagation();
+      onRemove?.();
+    },
+    [onRemove],
+  );
+
+  if (!onRemove) {
+    return null;
+  }
+
+  return (
+    <Button
+      aria-label={label}
+      className={cn(
+        variant === "grid" && [
+          "absolute top-2 right-2 size-6 rounded-full p-0",
+          "bg-background/80 backdrop-blur-sm",
+          "opacity-0 transition-opacity group-hover:opacity-100",
+          "hover:bg-background",
+          "[&>svg]:size-3",
+        ],
+        variant === "inline" && [
+          "size-5 rounded p-0",
+          "opacity-0 transition-opacity group-hover:opacity-100",
+          "[&>svg]:size-2.5",
+        ],
+        variant === "list" && ["size-8 shrink-0 rounded p-0", "[&>svg]:size-4"],
+        className,
+      )}
+      onClick={handleClick}
+      type="button"
+      variant="ghost"
+      {...props}
+    >
+      {children ?? <XIcon />}
+      <span className="sr-only">{label}</span>
+    </Button>
+  );
+};
+
+// ============================================================================
+// AttachmentHoverCard - Hover preview
+// ============================================================================
+
+export type AttachmentHoverCardProps = ComponentProps<typeof HoverCard>;
+
+export const AttachmentHoverCard = ({
+  openDelay = 0,
+  closeDelay = 0,
+  ...props
+}: AttachmentHoverCardProps) => (
+  <HoverCard closeDelay={closeDelay} openDelay={openDelay} {...props} />
+);
+
+export type AttachmentHoverCardTriggerProps = ComponentProps<
+  typeof HoverCardTrigger
+>;
+
+export const AttachmentHoverCardTrigger = (
+  props: AttachmentHoverCardTriggerProps,
+) => <HoverCardTrigger {...props} />;
+
+export type AttachmentHoverCardContentProps = ComponentProps<
+  typeof HoverCardContent
+>;
+
+export const AttachmentHoverCardContent = ({
+  align = "start",
+  className,
+  ...props
+}: AttachmentHoverCardContentProps) => (
+  <HoverCardContent
+    align={align}
+    className={cn("w-auto p-2", className)}
+    {...props}
+  />
+);
+
+// ============================================================================
+// AttachmentEmpty - Empty state
+// ============================================================================
+
+export type AttachmentEmptyProps = HTMLAttributes<HTMLDivElement>;
+
+export const AttachmentEmpty = ({
+  className,
+  children,
+  ...props
+}: AttachmentEmptyProps) => (
+  <div
+    className={cn(
+      "flex items-center justify-center p-4 text-muted-foreground text-sm",
+      className,
+    )}
+    {...props}
+  >
+    {children ?? "No attachments"}
+  </div>
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/audio-player.tsx b/packages/ghost-ui/src/components/ai-elements/audio-player.tsx
new file mode 100644
index 0000000..8a5f15b
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/audio-player.tsx
@@ -0,0 +1,229 @@
+"use client";
+
+import type { Experimental_SpeechResult as SpeechResult } from "ai";
+import {
+  MediaControlBar,
+  MediaController,
+  MediaDurationDisplay,
+  MediaMuteButton,
+  MediaPlayButton,
+  MediaSeekBackwardButton,
+  MediaSeekForwardButton,
+  MediaTimeDisplay,
+  MediaTimeRange,
+  MediaVolumeRange,
+} from "media-chrome/react";
+import type { ComponentProps, CSSProperties } from "react";
+import { Button } from "@/components/ui/button";
+import { ButtonGroup, ButtonGroupText } from "@/components/ui/button-group";
+import { cn } from "@/lib/utils";
+
+export type AudioPlayerProps = Omit<
+  ComponentProps<typeof MediaController>,
+  "audio"
+>;
+
+export const AudioPlayer = ({
+  children,
+  style,
+  ...props
+}: AudioPlayerProps) => (
+  <MediaController
+    audio
+    data-slot="audio-player"
+    style={
+      {
+        "--media-background-color": "transparent",
+        "--media-button-icon-height": "1rem",
+        "--media-button-icon-width": "1rem",
+        "--media-control-background": "transparent",
+        "--media-control-hover-background": "var(--color-accent)",
+        "--media-control-padding": "0",
+        "--media-font": "var(--font-sans)",
+        "--media-font-size": "10px",
+        "--media-icon-color": "currentColor",
+        "--media-preview-time-background": "var(--color-background)",
+        "--media-preview-time-border-radius": "var(--radius-md)",
+        "--media-preview-time-text-shadow": "none",
+        "--media-primary-color": "var(--color-primary)",
+        "--media-range-bar-color": "var(--color-primary)",
+        "--media-range-track-background": "var(--color-secondary)",
+        "--media-secondary-color": "var(--color-secondary)",
+        "--media-text-color": "var(--color-foreground)",
+        "--media-tooltip-arrow-display": "none",
+        "--media-tooltip-background": "var(--color-background)",
+        "--media-tooltip-border-radius": "var(--radius-md)",
+        ...style,
+      } as CSSProperties
+    }
+    {...props}
+  >
+    {children}
+  </MediaController>
+);
+
+export type AudioPlayerElementProps = Omit<ComponentProps<"audio">, "src"> &
+  (
+    | {
+        data: SpeechResult["audio"];
+      }
+    | {
+        src: string;
+      }
+  );
+
+export const AudioPlayerElement = ({ ...props }: AudioPlayerElementProps) => (
+  // oxlint-disable-next-line eslint-plugin-jsx-a11y(media-has-caption) -- audio player captions are provided by consumer
+  <audio
+    suppressHydrationWarning
+    data-slot="audio-player-element"
+    slot="media"
+    src={
+      "src" in props
+        ? props.src
+        : `data:${props.data.mediaType};base64,${props.data.base64}`
+    }
+    {...props}
+  />
+);
+
+export type AudioPlayerControlBarProps = ComponentProps<typeof MediaControlBar>;
+
+export const AudioPlayerControlBar = ({
+  children,
+  ...props
+}: AudioPlayerControlBarProps) => (
+  <MediaControlBar data-slot="audio-player-control-bar" {...props}>
+    <ButtonGroup orientation="horizontal">{children}</ButtonGroup>
+  </MediaControlBar>
+);
+
+export type AudioPlayerPlayButtonProps = ComponentProps<typeof MediaPlayButton>;
+
+export const AudioPlayerPlayButton = ({
+  className,
+  ...props
+}: AudioPlayerPlayButtonProps) => (
+  <Button asChild size="icon-sm" variant="outline">
+    <MediaPlayButton
+      className={cn("bg-transparent", className)}
+      data-slot="audio-player-play-button"
+      {...props}
+    />
+  </Button>
+);
+
+export type AudioPlayerSeekBackwardButtonProps = ComponentProps<
+  typeof MediaSeekBackwardButton
+>;
+
+export const AudioPlayerSeekBackwardButton = ({
+  seekOffset = 10,
+  ...props
+}: AudioPlayerSeekBackwardButtonProps) => (
+  <Button asChild size="icon-sm" variant="outline">
+    <MediaSeekBackwardButton
+      data-slot="audio-player-seek-backward-button"
+      seekOffset={seekOffset}
+      {...props}
+    />
+  </Button>
+);
+
+export type AudioPlayerSeekForwardButtonProps = ComponentProps<
+  typeof MediaSeekForwardButton
+>;
+
+export const AudioPlayerSeekForwardButton = ({
+  seekOffset = 10,
+  ...props
+}: AudioPlayerSeekForwardButtonProps) => (
+  <Button asChild size="icon-sm" variant="outline">
+    <MediaSeekForwardButton
+      data-slot="audio-player-seek-forward-button"
+      seekOffset={seekOffset}
+      {...props}
+    />
+  </Button>
+);
+
+export type AudioPlayerTimeDisplayProps = ComponentProps<
+  typeof MediaTimeDisplay
+>;
+
+export const AudioPlayerTimeDisplay = ({
+  className,
+  ...props
+}: AudioPlayerTimeDisplayProps) => (
+  <ButtonGroupText asChild className="bg-transparent">
+    <MediaTimeDisplay
+      className={cn("tabular-nums", className)}
+      data-slot="audio-player-time-display"
+      {...props}
+    />
+  </ButtonGroupText>
+);
+
+export type AudioPlayerTimeRangeProps = ComponentProps<typeof MediaTimeRange>;
+
+export const AudioPlayerTimeRange = ({
+  className,
+  ...props
+}: AudioPlayerTimeRangeProps) => (
+  <ButtonGroupText asChild className="bg-transparent">
+    <MediaTimeRange
+      className={cn("", className)}
+      data-slot="audio-player-time-range"
+      {...props}
+    />
+  </ButtonGroupText>
+);
+
+export type AudioPlayerDurationDisplayProps = ComponentProps<
+  typeof MediaDurationDisplay
+>;
+
+export const AudioPlayerDurationDisplay = ({
+  className,
+  ...props
+}: AudioPlayerDurationDisplayProps) => (
+  <ButtonGroupText asChild className="bg-transparent">
+    <MediaDurationDisplay
+      className={cn("tabular-nums", className)}
+      data-slot="audio-player-duration-display"
+      {...props}
+    />
+  </ButtonGroupText>
+);
+
+export type AudioPlayerMuteButtonProps = ComponentProps<typeof MediaMuteButton>;
+
+export const AudioPlayerMuteButton = ({
+  className,
+  ...props
+}: AudioPlayerMuteButtonProps) => (
+  <ButtonGroupText asChild className="bg-transparent">
+    <MediaMuteButton
+      className={cn("", className)}
+      data-slot="audio-player-mute-button"
+      {...props}
+    />
+  </ButtonGroupText>
+);
+
+export type AudioPlayerVolumeRangeProps = ComponentProps<
+  typeof MediaVolumeRange
+>;
+
+export const AudioPlayerVolumeRange = ({
+  className,
+  ...props
+}: AudioPlayerVolumeRangeProps) => (
+  <ButtonGroupText asChild className="bg-transparent">
+    <MediaVolumeRange
+      className={cn("", className)}
+      data-slot="audio-player-volume-range"
+      {...props}
+    />
+  </ButtonGroupText>
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/canvas.tsx b/packages/ghost-ui/src/components/ai-elements/canvas.tsx
new file mode 100644
index 0000000..2960627
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/canvas.tsx
@@ -0,0 +1,26 @@
+import type { ReactFlowProps } from "@xyflow/react";
+import { Background, ReactFlow } from "@xyflow/react";
+import type { ReactNode } from "react";
+
+import "@xyflow/react/dist/style.css";
+
+type CanvasProps = ReactFlowProps & {
+  children?: ReactNode;
+};
+
+const deleteKeyCode = ["Backspace", "Delete"];
+
+export const Canvas = ({ children, ...props }: CanvasProps) => (
+  <ReactFlow
+    deleteKeyCode={deleteKeyCode}
+    fitView
+    panOnDrag={false}
+    panOnScroll
+    selectionOnDrag={true}
+    zoomOnDoubleClick={false}
+    {...props}
+  >
+    <Background bgColor="var(--sidebar)" />
+    {children}
+  </ReactFlow>
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/chain-of-thought.tsx b/packages/ghost-ui/src/components/ai-elements/chain-of-thought.tsx
new file mode 100644
index 0000000..88fd356
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/chain-of-thought.tsx
@@ -0,0 +1,222 @@
+"use client";
+
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import type { LucideIcon } from "lucide-react";
+import { BrainIcon, ChevronDownIcon, DotIcon } from "lucide-react";
+import type { ComponentProps, ReactNode } from "react";
+import { createContext, memo, useContext, useMemo } from "react";
+import { Badge } from "@/components/ui/badge";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
+import { cn } from "@/lib/utils";
+
+interface ChainOfThoughtContextValue {
+  isOpen: boolean;
+  setIsOpen: (open: boolean) => void;
+}
+
+const ChainOfThoughtContext = createContext<ChainOfThoughtContextValue | null>(
+  null,
+);
+
+const useChainOfThought = () => {
+  const context = useContext(ChainOfThoughtContext);
+  if (!context) {
+    throw new Error(
+      "ChainOfThought components must be used within ChainOfThought",
+    );
+  }
+  return context;
+};
+
+export type ChainOfThoughtProps = ComponentProps<"div"> & {
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+};
+
+export const ChainOfThought = memo(
+  ({
+    className,
+    open,
+    defaultOpen = false,
+    onOpenChange,
+    children,
+    ...props
+  }: ChainOfThoughtProps) => {
+    const [isOpen, setIsOpen] = useControllableState({
+      defaultProp: defaultOpen,
+      onChange: onOpenChange,
+      prop: open,
+    });
+
+    const chainOfThoughtContext = useMemo(
+      () => ({ isOpen, setIsOpen }),
+      [isOpen, setIsOpen],
+    );
+
+    return (
+      <ChainOfThoughtContext.Provider value={chainOfThoughtContext}>
+        <div className={cn("not-prose w-full space-y-4", className)} {...props}>
+          {children}
+        </div>
+      </ChainOfThoughtContext.Provider>
+    );
+  },
+);
+
+export type ChainOfThoughtHeaderProps = ComponentProps<
+  typeof CollapsibleTrigger
+>;
+
+export const ChainOfThoughtHeader = memo(
+  ({ className, children, ...props }: ChainOfThoughtHeaderProps) => {
+    const { isOpen, setIsOpen } = useChainOfThought();
+
+    return (
+      <Collapsible onOpenChange={setIsOpen} open={isOpen}>
+        <CollapsibleTrigger
+          className={cn(
+            "flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground",
+            className,
+          )}
+          {...props}
+        >
+          <BrainIcon className="size-4" />
+          <span className="flex-1 text-left">
+            {children ?? "Chain of Thought"}
+          </span>
+          <ChevronDownIcon
+            className={cn(
+              "size-4 transition-transform",
+              isOpen ? "rotate-180" : "rotate-0",
+            )}
+          />
+        </CollapsibleTrigger>
+      </Collapsible>
+    );
+  },
+);
+
+export type ChainOfThoughtStepProps = ComponentProps<"div"> & {
+  icon?: LucideIcon;
+  label: ReactNode;
+  description?: ReactNode;
+  status?: "complete" | "active" | "pending";
+};
+
+const stepStatusStyles = {
+  active: "text-foreground",
+  complete: "text-muted-foreground",
+  pending: "text-muted-foreground/50",
+};
+
+export const ChainOfThoughtStep = memo(
+  ({
+    className,
+    icon: Icon = DotIcon,
+    label,
+    description,
+    status = "complete",
+    children,
+    ...props
+  }: ChainOfThoughtStepProps) => (
+    <div
+      className={cn(
+        "flex gap-2 text-sm",
+        stepStatusStyles[status],
+        "fade-in-0 slide-in-from-top-2 animate-in",
+        className,
+      )}
+      {...props}
+    >
+      <div className="relative mt-0.5">
+        <Icon className="size-4" />
+        <div className="absolute top-7 bottom-0 left-1/2 -mx-px w-px bg-border" />
+      </div>
+      <div className="flex-1 space-y-2 overflow-hidden">
+        <div>{label}</div>
+        {description && (
+          <div className="text-muted-foreground text-xs">{description}</div>
+        )}
+        {children}
+      </div>
+    </div>
+  ),
+);
+
+export type ChainOfThoughtSearchResultsProps = ComponentProps<"div">;
+
+export const ChainOfThoughtSearchResults = memo(
+  ({ className, ...props }: ChainOfThoughtSearchResultsProps) => (
+    <div
+      className={cn("flex flex-wrap items-center gap-2", className)}
+      {...props}
+    />
+  ),
+);
+
+export type ChainOfThoughtSearchResultProps = ComponentProps<typeof Badge>;
+
+export const ChainOfThoughtSearchResult = memo(
+  ({ className, children, ...props }: ChainOfThoughtSearchResultProps) => (
+    <Badge
+      className={cn("gap-1 px-2 py-0.5 font-normal text-xs", className)}
+      variant="secondary"
+      {...props}
+    >
+      {children}
+    </Badge>
+  ),
+);
+
+export type ChainOfThoughtContentProps = ComponentProps<
+  typeof CollapsibleContent
+>;
+
+export const ChainOfThoughtContent = memo(
+  ({ className, children, ...props }: ChainOfThoughtContentProps) => {
+    const { isOpen } = useChainOfThought();
+
+    return (
+      <Collapsible open={isOpen}>
+        <CollapsibleContent
+          className={cn(
+            "mt-2 space-y-3",
+            "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",
+            className,
+          )}
+          {...props}
+        >
+          {children}
+        </CollapsibleContent>
+      </Collapsible>
+    );
+  },
+);
+
+export type ChainOfThoughtImageProps = ComponentProps<"div"> & {
+  caption?: string;
+};
+
+export const ChainOfThoughtImage = memo(
+  ({ className, children, caption, ...props }: ChainOfThoughtImageProps) => (
+    <div className={cn("mt-2 space-y-2", className)} {...props}>
+      <div className="relative flex max-h-[22rem] items-center justify-center overflow-hidden rounded-lg bg-muted p-3">
+        {children}
+      </div>
+      {caption && <p className="text-muted-foreground text-xs">{caption}</p>}
+    </div>
+  ),
+);
+
+ChainOfThought.displayName = "ChainOfThought";
+ChainOfThoughtHeader.displayName = "ChainOfThoughtHeader";
+ChainOfThoughtStep.displayName = "ChainOfThoughtStep";
+ChainOfThoughtSearchResults.displayName = "ChainOfThoughtSearchResults";
+ChainOfThoughtSearchResult.displayName = "ChainOfThoughtSearchResult";
+ChainOfThoughtContent.displayName = "ChainOfThoughtContent";
+ChainOfThoughtImage.displayName = "ChainOfThoughtImage";
diff --git a/packages/ghost-ui/src/components/ai-elements/checkpoint.tsx b/packages/ghost-ui/src/components/ai-elements/checkpoint.tsx
new file mode 100644
index 0000000..663aaf6
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/checkpoint.tsx
@@ -0,0 +1,71 @@
+"use client";
+
+import type { LucideProps } from "lucide-react";
+import { BookmarkIcon } from "lucide-react";
+import type { ComponentProps, HTMLAttributes } from "react";
+import { Button } from "@/components/ui/button";
+import { Separator } from "@/components/ui/separator";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+import { cn } from "@/lib/utils";
+
+export type CheckpointProps = HTMLAttributes<HTMLDivElement>;
+
+export const Checkpoint = ({
+  className,
+  children,
+  ...props
+}: CheckpointProps) => (
+  <div
+    className={cn(
+      "flex items-center gap-0.5 overflow-hidden text-muted-foreground",
+      className,
+    )}
+    {...props}
+  >
+    {children}
+    <Separator />
+  </div>
+);
+
+export type CheckpointIconProps = LucideProps;
+
+export const CheckpointIcon = ({
+  className,
+  children,
+  ...props
+}: CheckpointIconProps) =>
+  children ?? (
+    <BookmarkIcon className={cn("size-4 shrink-0", className)} {...props} />
+  );
+
+export type CheckpointTriggerProps = ComponentProps<typeof Button> & {
+  tooltip?: string;
+};
+
+export const CheckpointTrigger = ({
+  children,
+  variant = "ghost",
+  size = "sm",
+  tooltip,
+  ...props
+}: CheckpointTriggerProps) =>
+  tooltip ? (
+    <Tooltip>
+      <TooltipTrigger asChild>
+        <Button size={size} type="button" variant={variant} {...props}>
+          {children}
+        </Button>
+      </TooltipTrigger>
+      <TooltipContent align="start" side="bottom">
+        {tooltip}
+      </TooltipContent>
+    </Tooltip>
+  ) : (
+    <Button size={size} type="button" variant={variant} {...props}>
+      {children}
+    </Button>
+  );
diff --git a/packages/ghost-ui/src/components/ai-elements/code-block.tsx b/packages/ghost-ui/src/components/ai-elements/code-block.tsx
new file mode 100644
index 0000000..368abd3
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/code-block.tsx
@@ -0,0 +1,563 @@
+"use client";
+
+import { CheckIcon, CopyIcon } from "lucide-react";
+import type { ComponentProps, CSSProperties, HTMLAttributes } from "react";
+import {
+  createContext,
+  memo,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
+import type {
+  BundledLanguage,
+  BundledTheme,
+  HighlighterGeneric,
+  ThemedToken,
+} from "shiki";
+import { createHighlighter } from "shiki";
+import { Button } from "@/components/ui/button";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { cn } from "@/lib/utils";
+
+// Shiki uses bitflags for font styles: 1=italic, 2=bold, 4=underline
+// oxlint-disable-next-line eslint(no-bitwise)
+const isItalic = (fontStyle: number | undefined) => fontStyle && fontStyle & 1;
+// oxlint-disable-next-line eslint(no-bitwise)
+const isBold = (fontStyle: number | undefined) => fontStyle && fontStyle & 2;
+const isUnderline = (fontStyle: number | undefined) =>
+  // oxlint-disable-next-line eslint(no-bitwise)
+  fontStyle && fontStyle & 4;
+
+// Transform tokens to include pre-computed keys to avoid noArrayIndexKey lint
+interface KeyedToken {
+  token: ThemedToken;
+  key: string;
+}
+interface KeyedLine {
+  tokens: KeyedToken[];
+  key: string;
+}
+
+const addKeysToTokens = (lines: ThemedToken[][]): KeyedLine[] =>
+  lines.map((line, lineIdx) => ({
+    key: `line-${lineIdx}`,
+    tokens: line.map((token, tokenIdx) => ({
+      key: `line-${lineIdx}-${tokenIdx}`,
+      token,
+    })),
+  }));
+
+// Token rendering component
+const TokenSpan = ({ token }: { token: ThemedToken }) => (
+  <span
+    className="dark:!bg-[var(--shiki-dark-bg)] dark:!text-[var(--shiki-dark)]"
+    style={
+      {
+        backgroundColor: token.bgColor,
+        color: token.color,
+        fontStyle: isItalic(token.fontStyle) ? "italic" : undefined,
+        fontWeight: isBold(token.fontStyle) ? "bold" : undefined,
+        textDecoration: isUnderline(token.fontStyle) ? "underline" : undefined,
+        ...token.htmlStyle,
+      } as CSSProperties
+    }
+  >
+    {token.content}
+  </span>
+);
+
+// Line number styles using CSS counters
+const LINE_NUMBER_CLASSES = cn(
+  "block",
+  "before:content-[counter(line)]",
+  "before:inline-block",
+  "before:[counter-increment:line]",
+  "before:w-8",
+  "before:mr-4",
+  "before:text-right",
+  "before:text-muted-foreground/50",
+  "before:font-mono",
+  "before:select-none",
+);
+
+// Line rendering component
+const LineSpan = ({
+  keyedLine,
+  showLineNumbers,
+}: {
+  keyedLine: KeyedLine;
+  showLineNumbers: boolean;
+}) => (
+  <span className={showLineNumbers ? LINE_NUMBER_CLASSES : "block"}>
+    {keyedLine.tokens.length === 0
+      ? "\n"
+      : keyedLine.tokens.map(({ token, key }) => (
+          <TokenSpan key={key} token={token} />
+        ))}
+  </span>
+);
+
+// Types
+type CodeBlockProps = HTMLAttributes<HTMLDivElement> & {
+  code: string;
+  language: BundledLanguage;
+  showLineNumbers?: boolean;
+};
+
+interface TokenizedCode {
+  tokens: ThemedToken[][];
+  fg: string;
+  bg: string;
+}
+
+interface CodeBlockContextType {
+  code: string;
+}
+
+// Context
+const CodeBlockContext = createContext<CodeBlockContextType>({
+  code: "",
+});
+
+// Highlighter cache (singleton per language)
+const highlighterCache = new Map<
+  string,
+  Promise<HighlighterGeneric<BundledLanguage, BundledTheme>>
+>();
+
+// Token cache
+const tokensCache = new Map<string, TokenizedCode>();
+
+// Subscribers for async token updates
+const subscribers = new Map<string, Set<(result: TokenizedCode) => void>>();
+
+const getTokensCacheKey = (code: string, language: BundledLanguage) => {
+  const start = code.slice(0, 100);
+  const end = code.length > 100 ? code.slice(-100) : "";
+  return `${language}:${code.length}:${start}:${end}`;
+};
+
+const getHighlighter = (
+  language: BundledLanguage,
+): Promise<HighlighterGeneric<BundledLanguage, BundledTheme>> => {
+  const cached = highlighterCache.get(language);
+  if (cached) {
+    return cached;
+  }
+
+  const highlighterPromise = createHighlighter({
+    langs: [language],
+    themes: ["github-light", "github-dark"],
+  });
+
+  highlighterCache.set(language, highlighterPromise);
+  return highlighterPromise;
+};
+
+// Create raw tokens for immediate display while highlighting loads
+const createRawTokens = (code: string): TokenizedCode => ({
+  bg: "transparent",
+  fg: "inherit",
+  tokens: code.split("\n").map((line) =>
+    line === ""
+      ? []
+      : [
+          {
+            color: "inherit",
+            content: line,
+          } as ThemedToken,
+        ],
+  ),
+});
+
+// Synchronous highlight with callback for async results
+export const highlightCode = (
+  code: string,
+  language: BundledLanguage,
+  // oxlint-disable-next-line eslint-plugin-promise(prefer-await-to-callbacks)
+  callback?: (result: TokenizedCode) => void,
+): TokenizedCode | null => {
+  const tokensCacheKey = getTokensCacheKey(code, language);
+
+  // Return cached result if available
+  const cached = tokensCache.get(tokensCacheKey);
+  if (cached) {
+    return cached;
+  }
+
+  // Subscribe callback if provided
+  if (callback) {
+    if (!subscribers.has(tokensCacheKey)) {
+      subscribers.set(tokensCacheKey, new Set());
+    }
+    subscribers.get(tokensCacheKey)?.add(callback);
+  }
+
+  // Start highlighting in background - fire-and-forget async pattern
+  getHighlighter(language)
+    // oxlint-disable-next-line eslint-plugin-promise(prefer-await-to-then)
+    .then((highlighter) => {
+      const availableLangs = highlighter.getLoadedLanguages();
+      const langToUse = availableLangs.includes(language) ? language : "text";
+
+      const result = highlighter.codeToTokens(code, {
+        lang: langToUse,
+        themes: {
+          dark: "github-dark",
+          light: "github-light",
+        },
+      });
+
+      const tokenized: TokenizedCode = {
+        bg: result.bg ?? "transparent",
+        fg: result.fg ?? "inherit",
+        tokens: result.tokens,
+      };
+
+      // Cache the result
+      tokensCache.set(tokensCacheKey, tokenized);
+
+      // Notify all subscribers
+      const subs = subscribers.get(tokensCacheKey);
+      if (subs) {
+        for (const sub of subs) {
+          sub(tokenized);
+        }
+        subscribers.delete(tokensCacheKey);
+      }
+    })
+    // oxlint-disable-next-line eslint-plugin-promise(prefer-await-to-then), eslint-plugin-promise(prefer-await-to-callbacks)
+    .catch((error) => {
+      console.error("Failed to highlight code:", error);
+      subscribers.delete(tokensCacheKey);
+    });
+
+  return null;
+};
+
+const CodeBlockBody = memo(
+  ({
+    tokenized,
+    showLineNumbers,
+    className,
+  }: {
+    tokenized: TokenizedCode;
+    showLineNumbers: boolean;
+    className?: string;
+  }) => {
+    const preStyle = useMemo(
+      () => ({
+        backgroundColor: tokenized.bg,
+        color: tokenized.fg,
+      }),
+      [tokenized.bg, tokenized.fg],
+    );
+
+    const keyedLines = useMemo(
+      () => addKeysToTokens(tokenized.tokens),
+      [tokenized.tokens],
+    );
+
+    return (
+      <pre
+        className={cn(
+          "dark:!bg-[var(--shiki-dark-bg)] dark:!text-[var(--shiki-dark)] m-0 p-4 text-sm",
+          className,
+        )}
+        style={preStyle}
+      >
+        <code
+          className={cn(
+            "font-mono text-sm",
+            showLineNumbers &&
+              "[counter-increment:line_0] [counter-reset:line]",
+          )}
+        >
+          {keyedLines.map((keyedLine) => (
+            <LineSpan
+              key={keyedLine.key}
+              keyedLine={keyedLine}
+              showLineNumbers={showLineNumbers}
+            />
+          ))}
+        </code>
+      </pre>
+    );
+  },
+  (prevProps, nextProps) =>
+    prevProps.tokenized === nextProps.tokenized &&
+    prevProps.showLineNumbers === nextProps.showLineNumbers &&
+    prevProps.className === nextProps.className,
+);
+
+CodeBlockBody.displayName = "CodeBlockBody";
+
+export const CodeBlockContainer = ({
+  className,
+  language,
+  style,
+  ...props
+}: HTMLAttributes<HTMLDivElement> & { language: string }) => (
+  <div
+    className={cn(
+      "group relative w-full overflow-hidden rounded-md border bg-background text-foreground",
+      className,
+    )}
+    data-language={language}
+    style={{
+      containIntrinsicSize: "auto 200px",
+      contentVisibility: "auto",
+      ...style,
+    }}
+    {...props}
+  />
+);
+
+export const CodeBlockHeader = ({
+  children,
+  className,
+  ...props
+}: HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex items-center justify-between border-b bg-muted/80 px-3 py-2 text-muted-foreground text-xs",
+      className,
+    )}
+    {...props}
+  >
+    {children}
+  </div>
+);
+
+export const CodeBlockTitle = ({
+  children,
+  className,
+  ...props
+}: HTMLAttributes<HTMLDivElement>) => (
+  <div className={cn("flex items-center gap-2", className)} {...props}>
+    {children}
+  </div>
+);
+
+export const CodeBlockFilename = ({
+  children,
+  className,
+  ...props
+}: HTMLAttributes<HTMLSpanElement>) => (
+  <span className={cn("font-mono", className)} {...props}>
+    {children}
+  </span>
+);
+
+export const CodeBlockActions = ({
+  children,
+  className,
+  ...props
+}: HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn("-my-1 -mr-1 flex items-center gap-2", className)}
+    {...props}
+  >
+    {children}
+  </div>
+);
+
+export const CodeBlockContent = ({
+  code,
+  language,
+  showLineNumbers = false,
+}: {
+  code: string;
+  language: BundledLanguage;
+  showLineNumbers?: boolean;
+}) => {
+  // Memoized raw tokens for immediate display
+  const rawTokens = useMemo(() => createRawTokens(code), [code]);
+
+  // Async highlighting result (populated after shiki loads)
+  const [highlightedTokens, setHighlightedTokens] =
+    useState<TokenizedCode | null>(null);
+  const keyRef = useRef({ code, language });
+
+  // Invalidate stale tokens synchronously during render
+  if (keyRef.current.code !== code || keyRef.current.language !== language) {
+    keyRef.current = { code, language };
+    setHighlightedTokens(null);
+  }
+
+  useEffect(() => {
+    let cancelled = false;
+
+    // Check cache synchronously first
+    const cached = highlightCode(code, language);
+    if (cached) {
+      setHighlightedTokens(cached);
+      return;
+    }
+
+    // Otherwise wait for async highlighting
+    highlightCode(code, language, (result) => {
+      if (!cancelled) {
+        setHighlightedTokens(result);
+      }
+    });
+
+    return () => {
+      cancelled = true;
+    };
+  }, [code, language]);
+
+  const tokenized = highlightedTokens ?? rawTokens;
+
+  return (
+    <div className="relative overflow-auto">
+      <CodeBlockBody showLineNumbers={showLineNumbers} tokenized={tokenized} />
+    </div>
+  );
+};
+
+export const CodeBlock = ({
+  code,
+  language,
+  showLineNumbers = false,
+  className,
+  children,
+  ...props
+}: CodeBlockProps) => {
+  const contextValue = useMemo(() => ({ code }), [code]);
+
+  return (
+    <CodeBlockContext.Provider value={contextValue}>
+      <CodeBlockContainer className={className} language={language} {...props}>
+        {children}
+        <CodeBlockContent
+          code={code}
+          language={language}
+          showLineNumbers={showLineNumbers}
+        />
+      </CodeBlockContainer>
+    </CodeBlockContext.Provider>
+  );
+};
+
+export type CodeBlockCopyButtonProps = ComponentProps<typeof Button> & {
+  onCopy?: () => void;
+  onError?: (error: Error) => void;
+  timeout?: number;
+};
+
+export const CodeBlockCopyButton = ({
+  onCopy,
+  onError,
+  timeout = 2000,
+  children,
+  className,
+  ...props
+}: CodeBlockCopyButtonProps) => {
+  const [isCopied, setIsCopied] = useState(false);
+  const timeoutRef = useRef<number>(0);
+  const { code } = useContext(CodeBlockContext);
+
+  const copyToClipboard = useCallback(async () => {
+    if (typeof window === "undefined" || !navigator?.clipboard?.writeText) {
+      onError?.(new Error("Clipboard API not available"));
+      return;
+    }
+
+    try {
+      if (!isCopied) {
+        await navigator.clipboard.writeText(code);
+        setIsCopied(true);
+        onCopy?.();
+        timeoutRef.current = window.setTimeout(
+          () => setIsCopied(false),
+          timeout,
+        );
+      }
+    } catch (error) {
+      onError?.(error as Error);
+    }
+  }, [code, onCopy, onError, timeout, isCopied]);
+
+  useEffect(
+    () => () => {
+      window.clearTimeout(timeoutRef.current);
+    },
+    [],
+  );
+
+  const Icon = isCopied ? CheckIcon : CopyIcon;
+
+  return (
+    <Button
+      className={cn("shrink-0", className)}
+      onClick={copyToClipboard}
+      size="icon"
+      variant="ghost"
+      {...props}
+    >
+      {children ?? <Icon size={14} />}
+    </Button>
+  );
+};
+
+export type CodeBlockLanguageSelectorProps = ComponentProps<typeof Select>;
+
+export const CodeBlockLanguageSelector = (
+  props: CodeBlockLanguageSelectorProps,
+) => <Select {...props} />;
+
+export type CodeBlockLanguageSelectorTriggerProps = ComponentProps<
+  typeof SelectTrigger
+>;
+
+export const CodeBlockLanguageSelectorTrigger = ({
+  className,
+  ...props
+}: CodeBlockLanguageSelectorTriggerProps) => (
+  <SelectTrigger
+    className={cn(
+      "h-7 border-none bg-transparent px-2 text-xs shadow-none",
+      className,
+    )}
+    size="sm"
+    {...props}
+  />
+);
+
+export type CodeBlockLanguageSelectorValueProps = ComponentProps<
+  typeof SelectValue
+>;
+
+export const CodeBlockLanguageSelectorValue = (
+  props: CodeBlockLanguageSelectorValueProps,
+) => <SelectValue {...props} />;
+
+export type CodeBlockLanguageSelectorContentProps = ComponentProps<
+  typeof SelectContent
+>;
+
+export const CodeBlockLanguageSelectorContent = ({
+  align = "end",
+  ...props
+}: CodeBlockLanguageSelectorContentProps) => (
+  <SelectContent align={align} {...props} />
+);
+
+export type CodeBlockLanguageSelectorItemProps = ComponentProps<
+  typeof SelectItem
+>;
+
+export const CodeBlockLanguageSelectorItem = (
+  props: CodeBlockLanguageSelectorItemProps,
+) => <SelectItem {...props} />;
diff --git a/packages/ghost-ui/src/components/ai-elements/commit.tsx b/packages/ghost-ui/src/components/ai-elements/commit.tsx
new file mode 100644
index 0000000..cb6e1cf
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/commit.tsx
@@ -0,0 +1,458 @@
+"use client";
+
+import {
+  CheckIcon,
+  CopyIcon,
+  FileIcon,
+  GitCommitIcon,
+  MinusIcon,
+  PlusIcon,
+} from "lucide-react";
+import type { ComponentProps, HTMLAttributes } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { Avatar, AvatarFallback } from "@/components/ui/avatar";
+import { Button } from "@/components/ui/button";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
+import { cn } from "@/lib/utils";
+
+export type CommitProps = ComponentProps<typeof Collapsible>;
+
+export const Commit = ({ className, children, ...props }: CommitProps) => (
+  <Collapsible
+    className={cn("rounded-lg border bg-background", className)}
+    {...props}
+  >
+    {children}
+  </Collapsible>
+);
+
+export type CommitHeaderProps = ComponentProps<typeof CollapsibleTrigger>;
+
+export const CommitHeader = ({
+  className,
+  children,
+  ...props
+}: CommitHeaderProps) => (
+  <CollapsibleTrigger asChild {...props}>
+    <div
+      className={cn(
+        "group flex cursor-pointer items-center justify-between gap-4 p-3 text-left transition-colors hover:opacity-80",
+        className,
+      )}
+    >
+      {children}
+    </div>
+  </CollapsibleTrigger>
+);
+
+export type CommitHashProps = HTMLAttributes<HTMLSpanElement>;
+
+export const CommitHash = ({
+  className,
+  children,
+  ...props
+}: CommitHashProps) => (
+  <span className={cn("font-mono text-xs", className)} {...props}>
+    <GitCommitIcon className="mr-1 inline-block size-3" />
+    {children}
+  </span>
+);
+
+export type CommitMessageProps = HTMLAttributes<HTMLSpanElement>;
+
+export const CommitMessage = ({
+  className,
+  children,
+  ...props
+}: CommitMessageProps) => (
+  <span className={cn("font-medium text-sm", className)} {...props}>
+    {children}
+  </span>
+);
+
+export type CommitMetadataProps = HTMLAttributes<HTMLDivElement>;
+
+export const CommitMetadata = ({
+  className,
+  children,
+  ...props
+}: CommitMetadataProps) => (
+  <div
+    className={cn(
+      "flex items-center gap-2 text-muted-foreground text-xs",
+      className,
+    )}
+    {...props}
+  >
+    {children}
+  </div>
+);
+
+export type CommitSeparatorProps = HTMLAttributes<HTMLSpanElement>;
+
+export const CommitSeparator = ({
+  className,
+  children,
+  ...props
+}: CommitSeparatorProps) => (
+  <span className={className} {...props}>
+    {children ?? "•"}
+  </span>
+);
+
+export type CommitInfoProps = HTMLAttributes<HTMLDivElement>;
+
+export const CommitInfo = ({
+  className,
+  children,
+  ...props
+}: CommitInfoProps) => (
+  <div className={cn("flex flex-1 flex-col", className)} {...props}>
+    {children}
+  </div>
+);
+
+export type CommitAuthorProps = HTMLAttributes<HTMLDivElement>;
+
+export const CommitAuthor = ({
+  className,
+  children,
+  ...props
+}: CommitAuthorProps) => (
+  <div className={cn("flex items-center", className)} {...props}>
+    {children}
+  </div>
+);
+
+export type CommitAuthorAvatarProps = ComponentProps<typeof Avatar> & {
+  initials: string;
+};
+
+export const CommitAuthorAvatar = ({
+  initials,
+  className,
+  ...props
+}: CommitAuthorAvatarProps) => (
+  <Avatar className={cn("size-8", className)} {...props}>
+    <AvatarFallback className="text-xs">{initials}</AvatarFallback>
+  </Avatar>
+);
+
+export type CommitTimestampProps = HTMLAttributes<HTMLTimeElement> & {
+  date: Date;
+};
+
+const relativeTimeFormat = new Intl.RelativeTimeFormat("en", {
+  numeric: "auto",
+});
+
+const formatRelativeDate = (date: Date) => {
+  const days = Math.round(
+    (date.getTime() - Date.now()) / (1000 * 60 * 60 * 24),
+  );
+  return relativeTimeFormat.format(days, "day");
+};
+
+export const CommitTimestamp = ({
+  date,
+  className,
+  children,
+  ...props
+}: CommitTimestampProps) => {
+  const [formatted, setFormatted] = useState("");
+
+  const updateFormatted = useCallback(() => {
+    setFormatted(formatRelativeDate(date));
+  }, [date]);
+
+  useEffect(() => {
+    updateFormatted();
+  }, [updateFormatted]);
+
+  return (
+    <time
+      className={cn("text-xs", className)}
+      dateTime={date.toISOString()}
+      {...props}
+    >
+      {children ?? formatted}
+    </time>
+  );
+};
+
+export type CommitActionsProps = HTMLAttributes<HTMLDivElement>;
+
+const handleActionsClick = (e: React.MouseEvent) => e.stopPropagation();
+const handleActionsKeyDown = (e: React.KeyboardEvent) => e.stopPropagation();
+
+export const CommitActions = ({
+  className,
+  children,
+  ...props
+}: CommitActionsProps) => (
+  <div
+    className={cn("flex items-center gap-1", className)}
+    onClick={handleActionsClick}
+    onKeyDown={handleActionsKeyDown}
+    role="group"
+    {...props}
+  >
+    {children}
+  </div>
+);
+
+export type CommitCopyButtonProps = ComponentProps<typeof Button> & {
+  hash: string;
+  onCopy?: () => void;
+  onError?: (error: Error) => void;
+  timeout?: number;
+};
+
+export const CommitCopyButton = ({
+  hash,
+  onCopy,
+  onError,
+  timeout = 2000,
+  children,
+  className,
+  ...props
+}: CommitCopyButtonProps) => {
+  const [isCopied, setIsCopied] = useState(false);
+  const timeoutRef = useRef<number>(0);
+
+  const copyToClipboard = useCallback(async () => {
+    if (typeof window === "undefined" || !navigator?.clipboard?.writeText) {
+      onError?.(new Error("Clipboard API not available"));
+      return;
+    }
+
+    try {
+      if (!isCopied) {
+        await navigator.clipboard.writeText(hash);
+        setIsCopied(true);
+        onCopy?.();
+        timeoutRef.current = window.setTimeout(
+          () => setIsCopied(false),
+          timeout,
+        );
+      }
+    } catch (error) {
+      onError?.(error as Error);
+    }
+  }, [hash, onCopy, onError, timeout, isCopied]);
+
+  useEffect(
+    () => () => {
+      window.clearTimeout(timeoutRef.current);
+    },
+    [],
+  );
+
+  const Icon = isCopied ? CheckIcon : CopyIcon;
+
+  return (
+    <Button
+      className={cn("size-7 shrink-0", className)}
+      onClick={copyToClipboard}
+      size="icon"
+      variant="ghost"
+      {...props}
+    >
+      {children ?? <Icon size={14} />}
+    </Button>
+  );
+};
+
+export type CommitContentProps = ComponentProps<typeof CollapsibleContent>;
+
+export const CommitContent = ({
+  className,
+  children,
+  ...props
+}: CommitContentProps) => (
+  <CollapsibleContent className={cn("border-t p-3", className)} {...props}>
+    {children}
+  </CollapsibleContent>
+);
+
+export type CommitFilesProps = HTMLAttributes<HTMLDivElement>;
+
+export const CommitFiles = ({
+  className,
+  children,
+  ...props
+}: CommitFilesProps) => (
+  <div className={cn("space-y-1", className)} {...props}>
+    {children}
+  </div>
+);
+
+export type CommitFileProps = HTMLAttributes<HTMLDivElement>;
+
+export const CommitFile = ({
+  className,
+  children,
+  ...props
+}: CommitFileProps) => (
+  <div
+    className={cn(
+      "flex items-center justify-between gap-2 rounded px-2 py-1 text-sm hover:bg-muted/50",
+      className,
+    )}
+    {...props}
+  >
+    {children}
+  </div>
+);
+
+export type CommitFileInfoProps = HTMLAttributes<HTMLDivElement>;
+
+export const CommitFileInfo = ({
+  className,
+  children,
+  ...props
+}: CommitFileInfoProps) => (
+  <div className={cn("flex min-w-0 items-center gap-2", className)} {...props}>
+    {children}
+  </div>
+);
+
+const fileStatusStyles = {
+  added: "text-green-600 dark:text-green-400",
+  deleted: "text-red-600 dark:text-red-400",
+  modified: "text-yellow-600 dark:text-yellow-400",
+  renamed: "text-blue-600 dark:text-blue-400",
+};
+
+const fileStatusLabels = {
+  added: "A",
+  deleted: "D",
+  modified: "M",
+  renamed: "R",
+};
+
+export type CommitFileStatusProps = HTMLAttributes<HTMLSpanElement> & {
+  status: "added" | "modified" | "deleted" | "renamed";
+};
+
+export const CommitFileStatus = ({
+  status,
+  className,
+  children,
+  ...props
+}: CommitFileStatusProps) => (
+  <span
+    className={cn(
+      "font-medium font-mono text-xs",
+      fileStatusStyles[status],
+      className,
+    )}
+    {...props}
+  >
+    {children ?? fileStatusLabels[status]}
+  </span>
+);
+
+export type CommitFileIconProps = ComponentProps<typeof FileIcon>;
+
+export const CommitFileIcon = ({
+  className,
+  ...props
+}: CommitFileIconProps) => (
+  <FileIcon
+    className={cn("size-3.5 shrink-0 text-muted-foreground", className)}
+    {...props}
+  />
+);
+
+export type CommitFilePathProps = HTMLAttributes<HTMLSpanElement>;
+
+export const CommitFilePath = ({
+  className,
+  children,
+  ...props
+}: CommitFilePathProps) => (
+  <span className={cn("truncate font-mono text-xs", className)} {...props}>
+    {children}
+  </span>
+);
+
+export type CommitFileChangesProps = HTMLAttributes<HTMLDivElement>;
+
+export const CommitFileChanges = ({
+  className,
+  children,
+  ...props
+}: CommitFileChangesProps) => (
+  <div
+    className={cn(
+      "flex shrink-0 items-center gap-1 font-mono text-xs",
+      className,
+    )}
+    {...props}
+  >
+    {children}
+  </div>
+);
+
+export type CommitFileAdditionsProps = HTMLAttributes<HTMLSpanElement> & {
+  count: number;
+};
+
+export const CommitFileAdditions = ({
+  count,
+  className,
+  children,
+  ...props
+}: CommitFileAdditionsProps) => {
+  if (count <= 0) {
+    return null;
+  }
+
+  return (
+    <span
+      className={cn("text-green-600 dark:text-green-400", className)}
+      {...props}
+    >
+      {children ?? (
+        <>
+          <PlusIcon className="inline-block size-3" />
+          {count}
+        </>
+      )}
+    </span>
+  );
+};
+
+export type CommitFileDeletionsProps = HTMLAttributes<HTMLSpanElement> & {
+  count: number;
+};
+
+export const CommitFileDeletions = ({
+  count,
+  className,
+  children,
+  ...props
+}: CommitFileDeletionsProps) => {
+  if (count <= 0) {
+    return null;
+  }
+
+  return (
+    <span
+      className={cn("text-red-600 dark:text-red-400", className)}
+      {...props}
+    >
+      {children ?? (
+        <>
+          <MinusIcon className="inline-block size-3" />
+          {count}
+        </>
+      )}
+    </span>
+  );
+};
diff --git a/packages/ghost-ui/src/components/ai-elements/confirmation.tsx b/packages/ghost-ui/src/components/ai-elements/confirmation.tsx
new file mode 100644
index 0000000..b99c148
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/confirmation.tsx
@@ -0,0 +1,174 @@
+"use client";
+
+import type { ToolUIPart } from "ai";
+import type { ComponentProps, ReactNode } from "react";
+import { createContext, useContext, useMemo } from "react";
+import { Alert, AlertDescription } from "@/components/ui/alert";
+import { Button } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+
+type ToolUIPartApproval =
+  | {
+      id: string;
+      approved?: never;
+      reason?: never;
+    }
+  | {
+      id: string;
+      approved: boolean;
+      reason?: string;
+    }
+  | {
+      id: string;
+      approved: true;
+      reason?: string;
+    }
+  | {
+      id: string;
+      approved: true;
+      reason?: string;
+    }
+  | {
+      id: string;
+      approved: false;
+      reason?: string;
+    }
+  | undefined;
+
+interface ConfirmationContextValue {
+  approval: ToolUIPartApproval;
+  state: ToolUIPart["state"];
+}
+
+const ConfirmationContext = createContext<ConfirmationContextValue | null>(
+  null,
+);
+
+const useConfirmation = () => {
+  const context = useContext(ConfirmationContext);
+
+  if (!context) {
+    throw new Error("Confirmation components must be used within Confirmation");
+  }
+
+  return context;
+};
+
+export type ConfirmationProps = ComponentProps<typeof Alert> & {
+  approval?: ToolUIPartApproval;
+  state: ToolUIPart["state"];
+};
+
+export const Confirmation = ({
+  className,
+  approval,
+  state,
+  ...props
+}: ConfirmationProps) => {
+  const contextValue = useMemo(() => ({ approval, state }), [approval, state]);
+
+  if (!approval || state === "input-streaming" || state === "input-available") {
+    return null;
+  }
+
+  return (
+    <ConfirmationContext.Provider value={contextValue}>
+      <Alert className={cn("flex flex-col gap-2", className)} {...props} />
+    </ConfirmationContext.Provider>
+  );
+};
+
+export type ConfirmationTitleProps = ComponentProps<typeof AlertDescription>;
+
+export const ConfirmationTitle = ({
+  className,
+  ...props
+}: ConfirmationTitleProps) => (
+  <AlertDescription className={cn("inline", className)} {...props} />
+);
+
+export interface ConfirmationRequestProps {
+  children?: ReactNode;
+}
+
+export const ConfirmationRequest = ({ children }: ConfirmationRequestProps) => {
+  const { state } = useConfirmation();
+
+  // Only show when approval is requested
+  if (state !== "approval-requested") {
+    return null;
+  }
+
+  return children;
+};
+
+export interface ConfirmationAcceptedProps {
+  children?: ReactNode;
+}
+
+export const ConfirmationAccepted = ({
+  children,
+}: ConfirmationAcceptedProps) => {
+  const { approval, state } = useConfirmation();
+
+  // Only show when approved and in response states
+  if (
+    !approval?.approved ||
+    (state !== "approval-responded" &&
+      state !== "output-denied" &&
+      state !== "output-available")
+  ) {
+    return null;
+  }
+
+  return children;
+};
+
+export interface ConfirmationRejectedProps {
+  children?: ReactNode;
+}
+
+export const ConfirmationRejected = ({
+  children,
+}: ConfirmationRejectedProps) => {
+  const { approval, state } = useConfirmation();
+
+  // Only show when rejected and in response states
+  if (
+    approval?.approved !== false ||
+    (state !== "approval-responded" &&
+      state !== "output-denied" &&
+      state !== "output-available")
+  ) {
+    return null;
+  }
+
+  return children;
+};
+
+export type ConfirmationActionsProps = ComponentProps<"div">;
+
+export const ConfirmationActions = ({
+  className,
+  ...props
+}: ConfirmationActionsProps) => {
+  const { state } = useConfirmation();
+
+  // Only show when approval is requested
+  if (state !== "approval-requested") {
+    return null;
+  }
+
+  return (
+    <div
+      className={cn("flex items-center justify-end gap-2 self-end", className)}
+      {...props}
+    />
+  );
+};
+
+export type ConfirmationActionProps = ComponentProps<typeof Button>;
+
+export const ConfirmationAction = (props: ConfirmationActionProps) => (
+  <Button className="h-8 px-3 text-sm" type="button" {...props} />
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/connection.tsx b/packages/ghost-ui/src/components/ai-elements/connection.tsx
new file mode 100644
index 0000000..bb73356
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/connection.tsx
@@ -0,0 +1,28 @@
+import type { ConnectionLineComponent } from "@xyflow/react";
+
+const HALF = 0.5;
+
+export const Connection: ConnectionLineComponent = ({
+  fromX,
+  fromY,
+  toX,
+  toY,
+}) => (
+  <g>
+    <path
+      className="animated"
+      d={`M${fromX},${fromY} C ${fromX + (toX - fromX) * HALF},${fromY} ${fromX + (toX - fromX) * HALF},${toY} ${toX},${toY}`}
+      fill="none"
+      stroke="var(--color-ring)"
+      strokeWidth={1}
+    />
+    <circle
+      cx={toX}
+      cy={toY}
+      fill="#fff"
+      r={3}
+      stroke="var(--color-ring)"
+      strokeWidth={1}
+    />
+  </g>
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/context.tsx b/packages/ghost-ui/src/components/ai-elements/context.tsx
new file mode 100644
index 0000000..fc2d375
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/context.tsx
@@ -0,0 +1,409 @@
+"use client";
+
+import type { LanguageModelUsage } from "ai";
+import type { ComponentProps } from "react";
+import { createContext, useContext, useMemo } from "react";
+import { getUsage } from "tokenlens";
+import { Button } from "@/components/ui/button";
+import {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+} from "@/components/ui/hover-card";
+import { Progress } from "@/components/ui/progress";
+import { cn } from "@/lib/utils";
+
+const PERCENT_MAX = 100;
+const ICON_RADIUS = 10;
+const ICON_VIEWBOX = 24;
+const ICON_CENTER = 12;
+const ICON_STROKE_WIDTH = 2;
+
+type ModelId = string;
+
+interface ContextSchema {
+  usedTokens: number;
+  maxTokens: number;
+  usage?: LanguageModelUsage;
+  modelId?: ModelId;
+}
+
+const ContextContext = createContext<ContextSchema | null>(null);
+
+const useContextValue = () => {
+  const context = useContext(ContextContext);
+
+  if (!context) {
+    throw new Error("Context components must be used within Context");
+  }
+
+  return context;
+};
+
+export type ContextProps = ComponentProps<typeof HoverCard> & ContextSchema;
+
+export const Context = ({
+  usedTokens,
+  maxTokens,
+  usage,
+  modelId,
+  ...props
+}: ContextProps) => {
+  const contextValue = useMemo(
+    () => ({ maxTokens, modelId, usage, usedTokens }),
+    [maxTokens, modelId, usage, usedTokens],
+  );
+
+  return (
+    <ContextContext.Provider value={contextValue}>
+      <HoverCard closeDelay={0} openDelay={0} {...props} />
+    </ContextContext.Provider>
+  );
+};
+
+const ContextIcon = () => {
+  const { usedTokens, maxTokens } = useContextValue();
+  const circumference = 2 * Math.PI * ICON_RADIUS;
+  const usedPercent = usedTokens / maxTokens;
+  const dashOffset = circumference * (1 - usedPercent);
+
+  return (
+    <svg
+      aria-label="Model context usage"
+      height="20"
+      role="img"
+      style={{ color: "currentcolor" }}
+      viewBox={`0 0 ${ICON_VIEWBOX} ${ICON_VIEWBOX}`}
+      width="20"
+    >
+      <circle
+        cx={ICON_CENTER}
+        cy={ICON_CENTER}
+        fill="none"
+        opacity="0.25"
+        r={ICON_RADIUS}
+        stroke="currentColor"
+        strokeWidth={ICON_STROKE_WIDTH}
+      />
+      <circle
+        cx={ICON_CENTER}
+        cy={ICON_CENTER}
+        fill="none"
+        opacity="0.7"
+        r={ICON_RADIUS}
+        stroke="currentColor"
+        strokeDasharray={`${circumference} ${circumference}`}
+        strokeDashoffset={dashOffset}
+        strokeLinecap="round"
+        strokeWidth={ICON_STROKE_WIDTH}
+        style={{ transform: "rotate(-90deg)", transformOrigin: "center" }}
+      />
+    </svg>
+  );
+};
+
+export type ContextTriggerProps = ComponentProps<typeof Button>;
+
+export const ContextTrigger = ({ children, ...props }: ContextTriggerProps) => {
+  const { usedTokens, maxTokens } = useContextValue();
+  const usedPercent = usedTokens / maxTokens;
+  const renderedPercent = new Intl.NumberFormat("en-US", {
+    maximumFractionDigits: 1,
+    style: "percent",
+  }).format(usedPercent);
+
+  return (
+    <HoverCardTrigger asChild>
+      {children ?? (
+        <Button type="button" variant="ghost" {...props}>
+          <span className="font-medium text-muted-foreground">
+            {renderedPercent}
+          </span>
+          <ContextIcon />
+        </Button>
+      )}
+    </HoverCardTrigger>
+  );
+};
+
+export type ContextContentProps = ComponentProps<typeof HoverCardContent>;
+
+export const ContextContent = ({
+  className,
+  ...props
+}: ContextContentProps) => (
+  <HoverCardContent
+    className={cn("min-w-60 divide-y overflow-hidden p-0", className)}
+    {...props}
+  />
+);
+
+export type ContextContentHeaderProps = ComponentProps<"div">;
+
+export const ContextContentHeader = ({
+  children,
+  className,
+  ...props
+}: ContextContentHeaderProps) => {
+  const { usedTokens, maxTokens } = useContextValue();
+  const usedPercent = usedTokens / maxTokens;
+  const displayPct = new Intl.NumberFormat("en-US", {
+    maximumFractionDigits: 1,
+    style: "percent",
+  }).format(usedPercent);
+  const used = new Intl.NumberFormat("en-US", {
+    notation: "compact",
+  }).format(usedTokens);
+  const total = new Intl.NumberFormat("en-US", {
+    notation: "compact",
+  }).format(maxTokens);
+
+  return (
+    <div className={cn("w-full space-y-2 p-3", className)} {...props}>
+      {children ?? (
+        <>
+          <div className="flex items-center justify-between gap-3 text-xs">
+            <p>{displayPct}</p>
+            <p className="font-mono text-muted-foreground">
+              {used} / {total}
+            </p>
+          </div>
+          <div className="space-y-2">
+            <Progress className="bg-muted" value={usedPercent * PERCENT_MAX} />
+          </div>
+        </>
+      )}
+    </div>
+  );
+};
+
+export type ContextContentBodyProps = ComponentProps<"div">;
+
+export const ContextContentBody = ({
+  children,
+  className,
+  ...props
+}: ContextContentBodyProps) => (
+  <div className={cn("w-full p-3", className)} {...props}>
+    {children}
+  </div>
+);
+
+export type ContextContentFooterProps = ComponentProps<"div">;
+
+export const ContextContentFooter = ({
+  children,
+  className,
+  ...props
+}: ContextContentFooterProps) => {
+  const { modelId, usage } = useContextValue();
+  const costUSD = modelId
+    ? getUsage({
+        modelId,
+        usage: {
+          input: usage?.inputTokens ?? 0,
+          output: usage?.outputTokens ?? 0,
+        },
+      }).costUSD?.totalUSD
+    : undefined;
+  const totalCost = new Intl.NumberFormat("en-US", {
+    currency: "USD",
+    style: "currency",
+  }).format(costUSD ?? 0);
+
+  return (
+    <div
+      className={cn(
+        "flex w-full items-center justify-between gap-3 bg-secondary p-3 text-xs",
+        className,
+      )}
+      {...props}
+    >
+      {children ?? (
+        <>
+          <span className="text-muted-foreground">Total cost</span>
+          <span>{totalCost}</span>
+        </>
+      )}
+    </div>
+  );
+};
+
+const TokensWithCost = ({
+  tokens,
+  costText,
+}: {
+  tokens?: number;
+  costText?: string;
+}) => (
+  <span>
+    {tokens === undefined
+      ? "—"
+      : new Intl.NumberFormat("en-US", {
+          notation: "compact",
+        }).format(tokens)}
+    {costText ? (
+      <span className="ml-2 text-muted-foreground">• {costText}</span>
+    ) : null}
+  </span>
+);
+
+export type ContextInputUsageProps = ComponentProps<"div">;
+
+export const ContextInputUsage = ({
+  className,
+  children,
+  ...props
+}: ContextInputUsageProps) => {
+  const { usage, modelId } = useContextValue();
+  const inputTokens = usage?.inputTokens ?? 0;
+
+  if (children) {
+    return children;
+  }
+
+  if (!inputTokens) {
+    return null;
+  }
+
+  const inputCost = modelId
+    ? getUsage({
+        modelId,
+        usage: { input: inputTokens, output: 0 },
+      }).costUSD?.totalUSD
+    : undefined;
+  const inputCostText = new Intl.NumberFormat("en-US", {
+    currency: "USD",
+    style: "currency",
+  }).format(inputCost ?? 0);
+
+  return (
+    <div
+      className={cn("flex items-center justify-between text-xs", className)}
+      {...props}
+    >
+      <span className="text-muted-foreground">Input</span>
+      <TokensWithCost costText={inputCostText} tokens={inputTokens} />
+    </div>
+  );
+};
+
+export type ContextOutputUsageProps = ComponentProps<"div">;
+
+export const ContextOutputUsage = ({
+  className,
+  children,
+  ...props
+}: ContextOutputUsageProps) => {
+  const { usage, modelId } = useContextValue();
+  const outputTokens = usage?.outputTokens ?? 0;
+
+  if (children) {
+    return children;
+  }
+
+  if (!outputTokens) {
+    return null;
+  }
+
+  const outputCost = modelId
+    ? getUsage({
+        modelId,
+        usage: { input: 0, output: outputTokens },
+      }).costUSD?.totalUSD
+    : undefined;
+  const outputCostText = new Intl.NumberFormat("en-US", {
+    currency: "USD",
+    style: "currency",
+  }).format(outputCost ?? 0);
+
+  return (
+    <div
+      className={cn("flex items-center justify-between text-xs", className)}
+      {...props}
+    >
+      <span className="text-muted-foreground">Output</span>
+      <TokensWithCost costText={outputCostText} tokens={outputTokens} />
+    </div>
+  );
+};
+
+export type ContextReasoningUsageProps = ComponentProps<"div">;
+
+export const ContextReasoningUsage = ({
+  className,
+  children,
+  ...props
+}: ContextReasoningUsageProps) => {
+  const { usage, modelId } = useContextValue();
+  const reasoningTokens = usage?.reasoningTokens ?? 0;
+
+  if (children) {
+    return children;
+  }
+
+  if (!reasoningTokens) {
+    return null;
+  }
+
+  const reasoningCost = modelId
+    ? getUsage({
+        modelId,
+        usage: { reasoningTokens },
+      }).costUSD?.totalUSD
+    : undefined;
+  const reasoningCostText = new Intl.NumberFormat("en-US", {
+    currency: "USD",
+    style: "currency",
+  }).format(reasoningCost ?? 0);
+
+  return (
+    <div
+      className={cn("flex items-center justify-between text-xs", className)}
+      {...props}
+    >
+      <span className="text-muted-foreground">Reasoning</span>
+      <TokensWithCost costText={reasoningCostText} tokens={reasoningTokens} />
+    </div>
+  );
+};
+
+export type ContextCacheUsageProps = ComponentProps<"div">;
+
+export const ContextCacheUsage = ({
+  className,
+  children,
+  ...props
+}: ContextCacheUsageProps) => {
+  const { usage, modelId } = useContextValue();
+  const cacheTokens = usage?.cachedInputTokens ?? 0;
+
+  if (children) {
+    return children;
+  }
+
+  if (!cacheTokens) {
+    return null;
+  }
+
+  const cacheCost = modelId
+    ? getUsage({
+        modelId,
+        usage: { cacheReads: cacheTokens, input: 0, output: 0 },
+      }).costUSD?.totalUSD
+    : undefined;
+  const cacheCostText = new Intl.NumberFormat("en-US", {
+    currency: "USD",
+    style: "currency",
+  }).format(cacheCost ?? 0);
+
+  return (
+    <div
+      className={cn("flex items-center justify-between text-xs", className)}
+      {...props}
+    >
+      <span className="text-muted-foreground">Cache</span>
+      <TokensWithCost costText={cacheCostText} tokens={cacheTokens} />
+    </div>
+  );
+};
diff --git a/packages/ghost-ui/src/components/ai-elements/controls.tsx b/packages/ghost-ui/src/components/ai-elements/controls.tsx
new file mode 100644
index 0000000..369ea1b
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/controls.tsx
@@ -0,0 +1,18 @@
+"use client";
+
+import { Controls as ControlsPrimitive } from "@xyflow/react";
+import type { ComponentProps } from "react";
+import { cn } from "@/lib/utils";
+
+export type ControlsProps = ComponentProps<typeof ControlsPrimitive>;
+
+export const Controls = ({ className, ...props }: ControlsProps) => (
+  <ControlsPrimitive
+    className={cn(
+      "gap-px overflow-hidden rounded-md border bg-card p-1 shadow-none!",
+      "[&>button]:rounded-md [&>button]:border-none! [&>button]:bg-transparent! [&>button]:hover:bg-secondary!",
+      className,
+    )}
+    {...props}
+  />
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/conversation.tsx b/packages/ghost-ui/src/components/ai-elements/conversation.tsx
new file mode 100644
index 0000000..85034a1
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/conversation.tsx
@@ -0,0 +1,168 @@
+"use client";
+
+import type { UIMessage } from "ai";
+import { ArrowDownIcon, DownloadIcon } from "lucide-react";
+import type { ComponentProps } from "react";
+import { useCallback } from "react";
+import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
+import { Button } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+
+export type ConversationProps = ComponentProps<typeof StickToBottom>;
+
+export const Conversation = ({ className, ...props }: ConversationProps) => (
+  <StickToBottom
+    className={cn("relative flex-1 overflow-y-hidden", className)}
+    initial="smooth"
+    resize="smooth"
+    role="log"
+    {...props}
+  />
+);
+
+export type ConversationContentProps = ComponentProps<
+  typeof StickToBottom.Content
+>;
+
+export const ConversationContent = ({
+  className,
+  ...props
+}: ConversationContentProps) => (
+  <StickToBottom.Content
+    className={cn("flex flex-col gap-8 p-4", className)}
+    {...props}
+  />
+);
+
+export type ConversationEmptyStateProps = ComponentProps<"div"> & {
+  title?: string;
+  description?: string;
+  icon?: React.ReactNode;
+};
+
+export const ConversationEmptyState = ({
+  className,
+  title = "No messages yet",
+  description = "Start a conversation to see messages here",
+  icon,
+  children,
+  ...props
+}: ConversationEmptyStateProps) => (
+  <div
+    className={cn(
+      "flex size-full flex-col items-center justify-center gap-3 p-8 text-center",
+      className,
+    )}
+    {...props}
+  >
+    {children ?? (
+      <>
+        {icon && <div className="text-muted-foreground">{icon}</div>}
+        <div className="space-y-1">
+          <h3 className="font-medium text-sm">{title}</h3>
+          {description && (
+            <p className="text-muted-foreground text-sm">{description}</p>
+          )}
+        </div>
+      </>
+    )}
+  </div>
+);
+
+export type ConversationScrollButtonProps = ComponentProps<typeof Button>;
+
+export const ConversationScrollButton = ({
+  className,
+  ...props
+}: ConversationScrollButtonProps) => {
+  const { isAtBottom, scrollToBottom } = useStickToBottomContext();
+
+  const handleScrollToBottom = useCallback(() => {
+    scrollToBottom();
+  }, [scrollToBottom]);
+
+  return (
+    !isAtBottom && (
+      <Button
+        className={cn(
+          "absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full dark:bg-background dark:hover:bg-muted",
+          className,
+        )}
+        onClick={handleScrollToBottom}
+        size="icon"
+        type="button"
+        variant="outline"
+        {...props}
+      >
+        <ArrowDownIcon className="size-4" />
+      </Button>
+    )
+  );
+};
+
+const getMessageText = (message: UIMessage): string =>
+  message.parts
+    .filter((part) => part.type === "text")
+    .map((part) => part.text)
+    .join("");
+
+export type ConversationDownloadProps = Omit<
+  ComponentProps<typeof Button>,
+  "onClick"
+> & {
+  messages: UIMessage[];
+  filename?: string;
+  formatMessage?: (message: UIMessage, index: number) => string;
+};
+
+const defaultFormatMessage = (message: UIMessage): string => {
+  const roleLabel =
+    message.role.charAt(0).toUpperCase() + message.role.slice(1);
+  return `**${roleLabel}:** ${getMessageText(message)}`;
+};
+
+export const messagesToMarkdown = (
+  messages: UIMessage[],
+  formatMessage: (
+    message: UIMessage,
+    index: number,
+  ) => string = defaultFormatMessage,
+): string => messages.map((msg, i) => formatMessage(msg, i)).join("\n\n");
+
+export const ConversationDownload = ({
+  messages,
+  filename = "conversation.md",
+  formatMessage = defaultFormatMessage,
+  className,
+  children,
+  ...props
+}: ConversationDownloadProps) => {
+  const handleDownload = useCallback(() => {
+    const markdown = messagesToMarkdown(messages, formatMessage);
+    const blob = new Blob([markdown], { type: "text/markdown" });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = filename;
+    document.body.append(link);
+    link.click();
+    link.remove();
+    URL.revokeObjectURL(url);
+  }, [messages, filename, formatMessage]);
+
+  return (
+    <Button
+      className={cn(
+        "absolute top-4 right-4 rounded-full dark:bg-background dark:hover:bg-muted",
+        className,
+      )}
+      onClick={handleDownload}
+      size="icon"
+      type="button"
+      variant="outline"
+      {...props}
+    >
+      {children ?? <DownloadIcon className="size-4" />}
+    </Button>
+  );
+};
diff --git a/packages/ghost-ui/src/components/ai-elements/edge.tsx b/packages/ghost-ui/src/components/ai-elements/edge.tsx
new file mode 100644
index 0000000..abd5f3a
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/edge.tsx
@@ -0,0 +1,143 @@
+import type { EdgeProps, InternalNode, Node } from "@xyflow/react";
+import {
+  BaseEdge,
+  getBezierPath,
+  getSimpleBezierPath,
+  Position,
+  useInternalNode,
+} from "@xyflow/react";
+
+const Temporary = ({
+  id,
+  sourceX,
+  sourceY,
+  targetX,
+  targetY,
+  sourcePosition,
+  targetPosition,
+}: EdgeProps) => {
+  const [edgePath] = getSimpleBezierPath({
+    sourcePosition,
+    sourceX,
+    sourceY,
+    targetPosition,
+    targetX,
+    targetY,
+  });
+
+  return (
+    <BaseEdge
+      className="stroke-1 stroke-ring"
+      id={id}
+      path={edgePath}
+      style={{
+        strokeDasharray: "5, 5",
+      }}
+    />
+  );
+};
+
+const getHandleCoordsByPosition = (
+  node: InternalNode<Node>,
+  handlePosition: Position,
+) => {
+  // Choose the handle type based on position - Left is for target, Right is for source
+  const handleType = handlePosition === Position.Left ? "target" : "source";
+
+  const handle = node.internals.handleBounds?.[handleType]?.find(
+    (h) => h.position === handlePosition,
+  );
+
+  if (!handle) {
+    return [0, 0] as const;
+  }
+
+  let offsetX = handle.width / 2;
+  let offsetY = handle.height / 2;
+
+  // this is a tiny detail to make the markerEnd of an edge visible.
+  // The handle position that gets calculated has the origin top-left, so depending which side we are using, we add a little offset
+  // when the handlePosition is Position.Right for example, we need to add an offset as big as the handle itself in order to get the correct position
+  switch (handlePosition) {
+    case Position.Left: {
+      offsetX = 0;
+      break;
+    }
+    case Position.Right: {
+      offsetX = handle.width;
+      break;
+    }
+    case Position.Top: {
+      offsetY = 0;
+      break;
+    }
+    case Position.Bottom: {
+      offsetY = handle.height;
+      break;
+    }
+    default: {
+      throw new Error(`Invalid handle position: ${handlePosition}`);
+    }
+  }
+
+  const x = node.internals.positionAbsolute.x + handle.x + offsetX;
+  const y = node.internals.positionAbsolute.y + handle.y + offsetY;
+
+  return [x, y] as const;
+};
+
+const getEdgeParams = (
+  source: InternalNode<Node>,
+  target: InternalNode<Node>,
+) => {
+  const sourcePos = Position.Right;
+  const [sx, sy] = getHandleCoordsByPosition(source, sourcePos);
+  const targetPos = Position.Left;
+  const [tx, ty] = getHandleCoordsByPosition(target, targetPos);
+
+  return {
+    sourcePos,
+    sx,
+    sy,
+    targetPos,
+    tx,
+    ty,
+  };
+};
+
+const Animated = ({ id, source, target, markerEnd, style }: EdgeProps) => {
+  const sourceNode = useInternalNode(source);
+  const targetNode = useInternalNode(target);
+
+  if (!(sourceNode && targetNode)) {
+    return null;
+  }
+
+  const { sx, sy, tx, ty, sourcePos, targetPos } = getEdgeParams(
+    sourceNode,
+    targetNode,
+  );
+
+  const [edgePath] = getBezierPath({
+    sourcePosition: sourcePos,
+    sourceX: sx,
+    sourceY: sy,
+    targetPosition: targetPos,
+    targetX: tx,
+    targetY: ty,
+  });
+
+  return (
+    <>
+      <BaseEdge id={id} markerEnd={markerEnd} path={edgePath} style={style} />
+      <circle fill="var(--primary)" r="4">
+        <animateMotion dur="2s" path={edgePath} repeatCount="indefinite" />
+      </circle>
+    </>
+  );
+};
+
+export const Edge = {
+  Animated,
+  Temporary,
+};
diff --git a/packages/ghost-ui/src/components/ai-elements/environment-variables.tsx b/packages/ghost-ui/src/components/ai-elements/environment-variables.tsx
new file mode 100644
index 0000000..0f68f22
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/environment-variables.tsx
@@ -0,0 +1,324 @@
+"use client";
+
+import { CheckIcon, CopyIcon, EyeIcon, EyeOffIcon } from "lucide-react";
+import type { ComponentProps, HTMLAttributes } from "react";
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { Switch } from "@/components/ui/switch";
+import { cn } from "@/lib/utils";
+
+interface EnvironmentVariablesContextType {
+  showValues: boolean;
+  setShowValues: (show: boolean) => void;
+}
+
+// Default noop for context default value
+// oxlint-disable-next-line eslint(no-empty-function)
+const noop = () => {};
+
+const EnvironmentVariablesContext =
+  createContext<EnvironmentVariablesContextType>({
+    setShowValues: noop,
+    showValues: false,
+  });
+
+export type EnvironmentVariablesProps = HTMLAttributes<HTMLDivElement> & {
+  showValues?: boolean;
+  defaultShowValues?: boolean;
+  onShowValuesChange?: (show: boolean) => void;
+};
+
+export const EnvironmentVariables = ({
+  showValues: controlledShowValues,
+  defaultShowValues = false,
+  onShowValuesChange,
+  className,
+  children,
+  ...props
+}: EnvironmentVariablesProps) => {
+  const [internalShowValues, setInternalShowValues] =
+    useState(defaultShowValues);
+  const showValues = controlledShowValues ?? internalShowValues;
+
+  const setShowValues = useCallback(
+    (show: boolean) => {
+      setInternalShowValues(show);
+      onShowValuesChange?.(show);
+    },
+    [onShowValuesChange],
+  );
+
+  const contextValue = useMemo(
+    () => ({ setShowValues, showValues }),
+    [setShowValues, showValues],
+  );
+
+  return (
+    <EnvironmentVariablesContext.Provider value={contextValue}>
+      <div
+        className={cn("rounded-lg border bg-background", className)}
+        {...props}
+      >
+        {children}
+      </div>
+    </EnvironmentVariablesContext.Provider>
+  );
+};
+
+export type EnvironmentVariablesHeaderProps = HTMLAttributes<HTMLDivElement>;
+
+export const EnvironmentVariablesHeader = ({
+  className,
+  children,
+  ...props
+}: EnvironmentVariablesHeaderProps) => (
+  <div
+    className={cn(
+      "flex items-center justify-between border-b px-4 py-3",
+      className,
+    )}
+    {...props}
+  >
+    {children}
+  </div>
+);
+
+export type EnvironmentVariablesTitleProps = HTMLAttributes<HTMLHeadingElement>;
+
+export const EnvironmentVariablesTitle = ({
+  className,
+  children,
+  ...props
+}: EnvironmentVariablesTitleProps) => (
+  <h3 className={cn("font-medium text-sm", className)} {...props}>
+    {children ?? "Environment Variables"}
+  </h3>
+);
+
+export type EnvironmentVariablesToggleProps = ComponentProps<typeof Switch>;
+
+export const EnvironmentVariablesToggle = ({
+  className,
+  ...props
+}: EnvironmentVariablesToggleProps) => {
+  const { showValues, setShowValues } = useContext(EnvironmentVariablesContext);
+
+  return (
+    <div className={cn("flex items-center gap-2", className)}>
+      <span className="text-muted-foreground text-xs">
+        {showValues ? <EyeIcon size={14} /> : <EyeOffIcon size={14} />}
+      </span>
+      <Switch
+        aria-label="Toggle value visibility"
+        checked={showValues}
+        onCheckedChange={setShowValues}
+        {...props}
+      />
+    </div>
+  );
+};
+
+export type EnvironmentVariablesContentProps = HTMLAttributes<HTMLDivElement>;
+
+export const EnvironmentVariablesContent = ({
+  className,
+  children,
+  ...props
+}: EnvironmentVariablesContentProps) => (
+  <div className={cn("divide-y", className)} {...props}>
+    {children}
+  </div>
+);
+
+interface EnvironmentVariableContextType {
+  name: string;
+  value: string;
+}
+
+const EnvironmentVariableContext =
+  createContext<EnvironmentVariableContextType>({
+    name: "",
+    value: "",
+  });
+
+export type EnvironmentVariableGroupProps = HTMLAttributes<HTMLDivElement>;
+
+export const EnvironmentVariableGroup = ({
+  className,
+  children,
+  ...props
+}: EnvironmentVariableGroupProps) => (
+  <div className={cn("flex items-center gap-2", className)} {...props}>
+    {children}
+  </div>
+);
+
+export type EnvironmentVariableNameProps = HTMLAttributes<HTMLSpanElement>;
+
+export const EnvironmentVariableName = ({
+  className,
+  children,
+  ...props
+}: EnvironmentVariableNameProps) => {
+  const { name } = useContext(EnvironmentVariableContext);
+
+  return (
+    <span className={cn("font-mono text-sm", className)} {...props}>
+      {children ?? name}
+    </span>
+  );
+};
+
+export type EnvironmentVariableValueProps = HTMLAttributes<HTMLSpanElement>;
+
+export const EnvironmentVariableValue = ({
+  className,
+  children,
+  ...props
+}: EnvironmentVariableValueProps) => {
+  const { value } = useContext(EnvironmentVariableContext);
+  const { showValues } = useContext(EnvironmentVariablesContext);
+
+  const displayValue = showValues
+    ? value
+    : "•".repeat(Math.min(value.length, 20));
+
+  return (
+    <span
+      className={cn(
+        "font-mono text-muted-foreground text-sm",
+        !showValues && "select-none",
+        className,
+      )}
+      {...props}
+    >
+      {children ?? displayValue}
+    </span>
+  );
+};
+
+export type EnvironmentVariableProps = HTMLAttributes<HTMLDivElement> & {
+  name: string;
+  value: string;
+};
+
+export const EnvironmentVariable = ({
+  name,
+  value,
+  className,
+  children,
+  ...props
+}: EnvironmentVariableProps) => {
+  const envVarContextValue = useMemo(() => ({ name, value }), [name, value]);
+
+  return (
+    <EnvironmentVariableContext.Provider value={envVarContextValue}>
+      <div
+        className={cn(
+          "flex items-center justify-between gap-4 px-4 py-3",
+          className,
+        )}
+        {...props}
+      >
+        {children ?? (
+          <>
+            <div className="flex items-center gap-2">
+              <EnvironmentVariableName />
+            </div>
+            <EnvironmentVariableValue />
+          </>
+        )}
+      </div>
+    </EnvironmentVariableContext.Provider>
+  );
+};
+
+export type EnvironmentVariableCopyButtonProps = ComponentProps<
+  typeof Button
+> & {
+  onCopy?: () => void;
+  onError?: (error: Error) => void;
+  timeout?: number;
+  copyFormat?: "name" | "value" | "export";
+};
+
+export const EnvironmentVariableCopyButton = ({
+  onCopy,
+  onError,
+  timeout = 2000,
+  copyFormat = "value",
+  children,
+  className,
+  ...props
+}: EnvironmentVariableCopyButtonProps) => {
+  const [isCopied, setIsCopied] = useState(false);
+  const timeoutRef = useRef<number>(0);
+  const { name, value } = useContext(EnvironmentVariableContext);
+
+  const getTextToCopy = useCallback((): string => {
+    const formatMap = {
+      export: () => `export ${name}="${value}"`,
+      name: () => name,
+      value: () => value,
+    };
+    return formatMap[copyFormat]();
+  }, [name, value, copyFormat]);
+
+  const copyToClipboard = useCallback(async () => {
+    if (typeof window === "undefined" || !navigator?.clipboard?.writeText) {
+      onError?.(new Error("Clipboard API not available"));
+      return;
+    }
+
+    try {
+      await navigator.clipboard.writeText(getTextToCopy());
+      setIsCopied(true);
+      onCopy?.();
+      timeoutRef.current = window.setTimeout(() => setIsCopied(false), timeout);
+    } catch (error) {
+      onError?.(error as Error);
+    }
+  }, [getTextToCopy, onCopy, onError, timeout]);
+
+  useEffect(
+    () => () => {
+      window.clearTimeout(timeoutRef.current);
+    },
+    [],
+  );
+
+  const Icon = isCopied ? CheckIcon : CopyIcon;
+
+  return (
+    <Button
+      className={cn("size-6 shrink-0", className)}
+      onClick={copyToClipboard}
+      size="icon"
+      variant="ghost"
+      {...props}
+    >
+      {children ?? <Icon size={12} />}
+    </Button>
+  );
+};
+
+export type EnvironmentVariableRequiredProps = ComponentProps<typeof Badge>;
+
+export const EnvironmentVariableRequired = ({
+  className,
+  children,
+  ...props
+}: EnvironmentVariableRequiredProps) => (
+  <Badge className={cn("text-xs", className)} variant="secondary" {...props}>
+    {children ?? "Required"}
+  </Badge>
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/file-tree.tsx b/packages/ghost-ui/src/components/ai-elements/file-tree.tsx
new file mode 100644
index 0000000..c852532
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/file-tree.tsx
@@ -0,0 +1,304 @@
+"use client";
+
+import {
+  ChevronRightIcon,
+  FileIcon,
+  FolderIcon,
+  FolderOpenIcon,
+} from "lucide-react";
+import type { HTMLAttributes, ReactNode } from "react";
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useMemo,
+  useState,
+} from "react";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
+import { cn } from "@/lib/utils";
+
+interface FileTreeContextType {
+  expandedPaths: Set<string>;
+  togglePath: (path: string) => void;
+  selectedPath?: string;
+  onSelect?: (path: string) => void;
+}
+
+// Default noop for context default value
+// oxlint-disable-next-line eslint(no-empty-function)
+const noop = () => {};
+
+const FileTreeContext = createContext<FileTreeContextType>({
+  // oxlint-disable-next-line eslint-plugin-unicorn(no-new-builtin)
+  expandedPaths: new Set(),
+  togglePath: noop,
+});
+
+export type FileTreeProps = Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> & {
+  expanded?: Set<string>;
+  defaultExpanded?: Set<string>;
+  selectedPath?: string;
+  onSelect?: (path: string) => void;
+  onExpandedChange?: (expanded: Set<string>) => void;
+};
+
+export const FileTree = ({
+  expanded: controlledExpanded,
+  defaultExpanded = new Set(),
+  selectedPath,
+  onSelect,
+  onExpandedChange,
+  className,
+  children,
+  ...props
+}: FileTreeProps) => {
+  const [internalExpanded, setInternalExpanded] = useState(defaultExpanded);
+  const expandedPaths = controlledExpanded ?? internalExpanded;
+
+  const togglePath = useCallback(
+    (path: string) => {
+      const newExpanded = new Set(expandedPaths);
+      if (newExpanded.has(path)) {
+        newExpanded.delete(path);
+      } else {
+        newExpanded.add(path);
+      }
+      setInternalExpanded(newExpanded);
+      onExpandedChange?.(newExpanded);
+    },
+    [expandedPaths, onExpandedChange],
+  );
+
+  const contextValue = useMemo(
+    () => ({ expandedPaths, onSelect, selectedPath, togglePath }),
+    [expandedPaths, onSelect, selectedPath, togglePath],
+  );
+
+  return (
+    <FileTreeContext.Provider value={contextValue}>
+      <div
+        className={cn(
+          "rounded-lg border bg-background font-mono text-sm",
+          className,
+        )}
+        role="tree"
+        {...props}
+      >
+        <div className="p-2">{children}</div>
+      </div>
+    </FileTreeContext.Provider>
+  );
+};
+
+export type FileTreeIconProps = HTMLAttributes<HTMLSpanElement>;
+
+export const FileTreeIcon = ({
+  className,
+  children,
+  ...props
+}: FileTreeIconProps) => (
+  <span className={cn("shrink-0", className)} {...props}>
+    {children}
+  </span>
+);
+
+export type FileTreeNameProps = HTMLAttributes<HTMLSpanElement>;
+
+export const FileTreeName = ({
+  className,
+  children,
+  ...props
+}: FileTreeNameProps) => (
+  <span className={cn("truncate", className)} {...props}>
+    {children}
+  </span>
+);
+
+interface FileTreeFolderContextType {
+  path: string;
+  name: string;
+  isExpanded: boolean;
+}
+
+const FileTreeFolderContext = createContext<FileTreeFolderContextType>({
+  isExpanded: false,
+  name: "",
+  path: "",
+});
+
+export type FileTreeFolderProps = HTMLAttributes<HTMLDivElement> & {
+  path: string;
+  name: string;
+};
+
+export const FileTreeFolder = ({
+  path,
+  name,
+  className,
+  children,
+  ...props
+}: FileTreeFolderProps) => {
+  const { expandedPaths, togglePath, selectedPath, onSelect } =
+    useContext(FileTreeContext);
+  const isExpanded = expandedPaths.has(path);
+  const isSelected = selectedPath === path;
+
+  const handleOpenChange = useCallback(() => {
+    togglePath(path);
+  }, [togglePath, path]);
+
+  const handleSelect = useCallback(() => {
+    onSelect?.(path);
+  }, [onSelect, path]);
+
+  const folderContextValue = useMemo(
+    () => ({ isExpanded, name, path }),
+    [isExpanded, name, path],
+  );
+
+  return (
+    <FileTreeFolderContext.Provider value={folderContextValue}>
+      <Collapsible onOpenChange={handleOpenChange} open={isExpanded}>
+        <div
+          className={cn("", className)}
+          role="treeitem"
+          tabIndex={0}
+          {...props}
+        >
+          <div
+            className={cn(
+              "flex w-full items-center gap-1 rounded px-2 py-1 text-left transition-colors hover:bg-muted/50",
+              isSelected && "bg-muted",
+            )}
+          >
+            <CollapsibleTrigger asChild>
+              <button
+                className="flex shrink-0 cursor-pointer items-center border-none bg-transparent p-0"
+                type="button"
+              >
+                <ChevronRightIcon
+                  className={cn(
+                    "size-4 shrink-0 text-muted-foreground transition-transform",
+                    isExpanded && "rotate-90",
+                  )}
+                />
+              </button>
+            </CollapsibleTrigger>
+            <button
+              className="flex min-w-0 flex-1 cursor-pointer items-center gap-1 border-none bg-transparent p-0 text-left"
+              onClick={handleSelect}
+              type="button"
+            >
+              <FileTreeIcon>
+                {isExpanded ? (
+                  <FolderOpenIcon className="size-4 text-blue-500" />
+                ) : (
+                  <FolderIcon className="size-4 text-blue-500" />
+                )}
+              </FileTreeIcon>
+              <FileTreeName>{name}</FileTreeName>
+            </button>
+          </div>
+          <CollapsibleContent>
+            <div className="ml-4 border-l pl-2">{children}</div>
+          </CollapsibleContent>
+        </div>
+      </Collapsible>
+    </FileTreeFolderContext.Provider>
+  );
+};
+
+interface FileTreeFileContextType {
+  path: string;
+  name: string;
+}
+
+const FileTreeFileContext = createContext<FileTreeFileContextType>({
+  name: "",
+  path: "",
+});
+
+export type FileTreeFileProps = HTMLAttributes<HTMLDivElement> & {
+  path: string;
+  name: string;
+  icon?: ReactNode;
+};
+
+export const FileTreeFile = ({
+  path,
+  name,
+  icon,
+  className,
+  children,
+  ...props
+}: FileTreeFileProps) => {
+  const { selectedPath, onSelect } = useContext(FileTreeContext);
+  const isSelected = selectedPath === path;
+
+  const handleClick = useCallback(() => {
+    onSelect?.(path);
+  }, [onSelect, path]);
+
+  const handleKeyDown = useCallback(
+    (e: React.KeyboardEvent) => {
+      if (e.key === "Enter" || e.key === " ") {
+        onSelect?.(path);
+      }
+    },
+    [onSelect, path],
+  );
+
+  const fileContextValue = useMemo(() => ({ name, path }), [name, path]);
+
+  return (
+    <FileTreeFileContext.Provider value={fileContextValue}>
+      <div
+        className={cn(
+          "flex cursor-pointer items-center gap-1 rounded px-2 py-1 transition-colors hover:bg-muted/50",
+          isSelected && "bg-muted",
+          className,
+        )}
+        onClick={handleClick}
+        onKeyDown={handleKeyDown}
+        role="treeitem"
+        tabIndex={0}
+        {...props}
+      >
+        {children ?? (
+          <>
+            {/* Spacer for alignment */}
+            <span className="size-4 shrink-0" />
+            <FileTreeIcon>
+              {icon ?? <FileIcon className="size-4 text-muted-foreground" />}
+            </FileTreeIcon>
+            <FileTreeName>{name}</FileTreeName>
+          </>
+        )}
+      </div>
+    </FileTreeFileContext.Provider>
+  );
+};
+
+export type FileTreeActionsProps = HTMLAttributes<HTMLDivElement>;
+
+const stopPropagation = (e: React.SyntheticEvent) => e.stopPropagation();
+
+export const FileTreeActions = ({
+  className,
+  children,
+  ...props
+}: FileTreeActionsProps) => (
+  <div
+    className={cn("ml-auto flex items-center gap-1", className)}
+    onClick={stopPropagation}
+    onKeyDown={stopPropagation}
+    role="group"
+    {...props}
+  >
+    {children}
+  </div>
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/image.tsx b/packages/ghost-ui/src/components/ai-elements/image.tsx
new file mode 100644
index 0000000..31a6c28
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/image.tsx
@@ -0,0 +1,24 @@
+import type { Experimental_GeneratedImage } from "ai";
+import { cn } from "@/lib/utils";
+
+export type ImageProps = Experimental_GeneratedImage & {
+  className?: string;
+  alt?: string;
+};
+
+export const Image = ({
+  base64,
+  uint8Array: _uint8Array,
+  mediaType,
+  ...props
+}: ImageProps) => (
+  <img
+    {...props}
+    alt={props.alt}
+    className={cn(
+      "h-auto max-w-full overflow-hidden rounded-md",
+      props.className,
+    )}
+    src={`data:${mediaType};base64,${base64}`}
+  />
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/inline-citation.tsx b/packages/ghost-ui/src/components/ai-elements/inline-citation.tsx
new file mode 100644
index 0000000..0b4620f
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/inline-citation.tsx
@@ -0,0 +1,296 @@
+"use client";
+
+import { ArrowLeftIcon, ArrowRightIcon } from "lucide-react";
+import type { ComponentProps } from "react";
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useState,
+} from "react";
+import { Badge } from "@/components/ui/badge";
+import type { CarouselApi } from "@/components/ui/carousel";
+import {
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+} from "@/components/ui/carousel";
+import {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+} from "@/components/ui/hover-card";
+import { cn } from "@/lib/utils";
+
+export type InlineCitationProps = ComponentProps<"span">;
+
+export const InlineCitation = ({
+  className,
+  ...props
+}: InlineCitationProps) => (
+  <span
+    className={cn("group inline items-center gap-1", className)}
+    {...props}
+  />
+);
+
+export type InlineCitationTextProps = ComponentProps<"span">;
+
+export const InlineCitationText = ({
+  className,
+  ...props
+}: InlineCitationTextProps) => (
+  <span
+    className={cn("transition-colors group-hover:bg-accent", className)}
+    {...props}
+  />
+);
+
+export type InlineCitationCardProps = ComponentProps<typeof HoverCard>;
+
+export const InlineCitationCard = (props: InlineCitationCardProps) => (
+  <HoverCard closeDelay={0} openDelay={0} {...props} />
+);
+
+export type InlineCitationCardTriggerProps = ComponentProps<typeof Badge> & {
+  sources: string[];
+};
+
+export const InlineCitationCardTrigger = ({
+  sources,
+  className,
+  ...props
+}: InlineCitationCardTriggerProps) => (
+  <HoverCardTrigger asChild>
+    <Badge
+      className={cn("ml-1 rounded-full", className)}
+      variant="secondary"
+      {...props}
+    >
+      {sources[0] ? (
+        <>
+          {new URL(sources[0]).hostname}{" "}
+          {sources.length > 1 && `+${sources.length - 1}`}
+        </>
+      ) : (
+        "unknown"
+      )}
+    </Badge>
+  </HoverCardTrigger>
+);
+
+export type InlineCitationCardBodyProps = ComponentProps<"div">;
+
+export const InlineCitationCardBody = ({
+  className,
+  ...props
+}: InlineCitationCardBodyProps) => (
+  <HoverCardContent className={cn("relative w-80 p-0", className)} {...props} />
+);
+
+const CarouselApiContext = createContext<CarouselApi | undefined>(undefined);
+
+const useCarouselApi = () => {
+  const context = useContext(CarouselApiContext);
+  return context;
+};
+
+export type InlineCitationCarouselProps = ComponentProps<typeof Carousel>;
+
+export const InlineCitationCarousel = ({
+  className,
+  children,
+  ...props
+}: InlineCitationCarouselProps) => {
+  const [api, setApi] = useState<CarouselApi>();
+
+  return (
+    <CarouselApiContext.Provider value={api}>
+      <Carousel className={cn("w-full", className)} setApi={setApi} {...props}>
+        {children}
+      </Carousel>
+    </CarouselApiContext.Provider>
+  );
+};
+
+export type InlineCitationCarouselContentProps = ComponentProps<"div">;
+
+export const InlineCitationCarouselContent = (
+  props: InlineCitationCarouselContentProps,
+) => <CarouselContent {...props} />;
+
+export type InlineCitationCarouselItemProps = ComponentProps<"div">;
+
+export const InlineCitationCarouselItem = ({
+  className,
+  ...props
+}: InlineCitationCarouselItemProps) => (
+  <CarouselItem
+    className={cn("w-full space-y-2 p-4 pl-8", className)}
+    {...props}
+  />
+);
+
+export type InlineCitationCarouselHeaderProps = ComponentProps<"div">;
+
+export const InlineCitationCarouselHeader = ({
+  className,
+  ...props
+}: InlineCitationCarouselHeaderProps) => (
+  <div
+    className={cn(
+      "flex items-center justify-between gap-2 rounded-t-md bg-secondary p-2",
+      className,
+    )}
+    {...props}
+  />
+);
+
+export type InlineCitationCarouselIndexProps = ComponentProps<"div">;
+
+export const InlineCitationCarouselIndex = ({
+  children,
+  className,
+  ...props
+}: InlineCitationCarouselIndexProps) => {
+  const api = useCarouselApi();
+  const [current, setCurrent] = useState(0);
+  const [count, setCount] = useState(0);
+
+  const syncState = useCallback(() => {
+    if (!api) {
+      return;
+    }
+    setCount(api.scrollSnapList().length);
+    setCurrent(api.selectedScrollSnap() + 1);
+  }, [api]);
+
+  useEffect(() => {
+    if (!api) {
+      return;
+    }
+
+    syncState();
+
+    api.on("select", syncState);
+
+    return () => {
+      api.off("select", syncState);
+    };
+  }, [api, syncState]);
+
+  return (
+    <div
+      className={cn(
+        "flex flex-1 items-center justify-end px-3 py-1 text-muted-foreground text-xs",
+        className,
+      )}
+      {...props}
+    >
+      {children ?? `${current}/${count}`}
+    </div>
+  );
+};
+
+export type InlineCitationCarouselPrevProps = ComponentProps<"button">;
+
+export const InlineCitationCarouselPrev = ({
+  className,
+  ...props
+}: InlineCitationCarouselPrevProps) => {
+  const api = useCarouselApi();
+
+  const handleClick = useCallback(() => {
+    if (api) {
+      api.scrollPrev();
+    }
+  }, [api]);
+
+  return (
+    <button
+      aria-label="Previous"
+      className={cn("shrink-0", className)}
+      onClick={handleClick}
+      type="button"
+      {...props}
+    >
+      <ArrowLeftIcon className="size-4 text-muted-foreground" />
+    </button>
+  );
+};
+
+export type InlineCitationCarouselNextProps = ComponentProps<"button">;
+
+export const InlineCitationCarouselNext = ({
+  className,
+  ...props
+}: InlineCitationCarouselNextProps) => {
+  const api = useCarouselApi();
+
+  const handleClick = useCallback(() => {
+    if (api) {
+      api.scrollNext();
+    }
+  }, [api]);
+
+  return (
+    <button
+      aria-label="Next"
+      className={cn("shrink-0", className)}
+      onClick={handleClick}
+      type="button"
+      {...props}
+    >
+      <ArrowRightIcon className="size-4 text-muted-foreground" />
+    </button>
+  );
+};
+
+export type InlineCitationSourceProps = ComponentProps<"div"> & {
+  title?: string;
+  url?: string;
+  description?: string;
+};
+
+export const InlineCitationSource = ({
+  title,
+  url,
+  description,
+  className,
+  children,
+  ...props
+}: InlineCitationSourceProps) => (
+  <div className={cn("space-y-1", className)} {...props}>
+    {title && (
+      <h4 className="truncate font-medium text-sm leading-tight">{title}</h4>
+    )}
+    {url && (
+      <p className="truncate break-all text-muted-foreground text-xs">{url}</p>
+    )}
+    {description && (
+      <p className="line-clamp-3 text-muted-foreground text-sm leading-relaxed">
+        {description}
+      </p>
+    )}
+    {children}
+  </div>
+);
+
+export type InlineCitationQuoteProps = ComponentProps<"blockquote">;
+
+export const InlineCitationQuote = ({
+  children,
+  className,
+  ...props
+}: InlineCitationQuoteProps) => (
+  <blockquote
+    className={cn(
+      "border-muted border-l-2 pl-3 text-muted-foreground text-sm italic",
+      className,
+    )}
+    {...props}
+  >
+    {children}
+  </blockquote>
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/jsx-preview.tsx b/packages/ghost-ui/src/components/ai-elements/jsx-preview.tsx
new file mode 100644
index 0000000..e661fbc
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/jsx-preview.tsx
@@ -0,0 +1,310 @@
+"use client";
+
+import { AlertCircle } from "lucide-react";
+import type { ComponentProps, ReactNode } from "react";
+import {
+  createContext,
+  memo,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
+import type { TProps as JsxParserProps } from "react-jsx-parser";
+import JsxParser from "react-jsx-parser";
+import { cn } from "@/lib/utils";
+
+interface JSXPreviewContextValue {
+  jsx: string;
+  processedJsx: string;
+  isStreaming: boolean;
+  error: Error | null;
+  setError: (error: Error | null) => void;
+  setLastGoodJsx: (jsx: string) => void;
+  components: JsxParserProps["components"];
+  bindings: JsxParserProps["bindings"];
+  onErrorProp?: (error: Error) => void;
+}
+
+const JSXPreviewContext = createContext<JSXPreviewContextValue | null>(null);
+
+const TAG_REGEX = /<\/?([a-zA-Z][a-zA-Z0-9]*)\s*([^>]*?)(\/)?>/;
+
+export const useJSXPreview = () => {
+  const context = useContext(JSXPreviewContext);
+  if (!context) {
+    throw new Error("JSXPreview components must be used within JSXPreview");
+  }
+  return context;
+};
+
+const matchJsxTag = (code: string) => {
+  if (code.trim() === "") {
+    return null;
+  }
+
+  const match = code.match(TAG_REGEX);
+
+  if (!match || match.index === undefined) {
+    return null;
+  }
+
+  const [fullMatch, tagName, attributes, selfClosing] = match;
+
+  let type: "self-closing" | "closing" | "opening";
+  if (selfClosing) {
+    type = "self-closing";
+  } else if (fullMatch.startsWith("</")) {
+    type = "closing";
+  } else {
+    type = "opening";
+  }
+
+  return {
+    attributes: attributes.trim(),
+    endIndex: match.index + fullMatch.length,
+    startIndex: match.index,
+    tag: fullMatch,
+    tagName,
+    type,
+  };
+};
+
+const stripIncompleteTag = (text: string) => {
+  // Find the last '<' that isn't part of a complete tag
+  const lastOpen = text.lastIndexOf("<");
+  if (lastOpen === -1) {
+    return text;
+  }
+
+  const afterOpen = text.slice(lastOpen);
+  // If there's no closing '>' after the last '<', it's an incomplete tag
+  if (!afterOpen.includes(">")) {
+    return text.slice(0, lastOpen);
+  }
+
+  return text;
+};
+
+const completeJsxTag = (code: string) => {
+  const stack: string[] = [];
+  let result = "";
+  let currentPosition = 0;
+
+  while (currentPosition < code.length) {
+    const match = matchJsxTag(code.slice(currentPosition));
+    if (!match) {
+      // No more tags found, strip any trailing incomplete tag
+      result += stripIncompleteTag(code.slice(currentPosition));
+      break;
+    }
+    const { tagName, type, endIndex } = match;
+
+    // Include any text content before this tag
+    result += code.slice(currentPosition, currentPosition + endIndex);
+
+    if (type === "opening") {
+      stack.push(tagName);
+    } else if (type === "closing") {
+      stack.pop();
+    }
+
+    currentPosition += endIndex;
+  }
+
+  return (
+    result +
+    stack
+      .toReversed()
+      .map((tag) => `</${tag}>`)
+      .join("")
+  );
+};
+
+export type JSXPreviewProps = ComponentProps<"div"> & {
+  jsx: string;
+  isStreaming?: boolean;
+  components?: JsxParserProps["components"];
+  bindings?: JsxParserProps["bindings"];
+  onError?: (error: Error) => void;
+};
+
+export const JSXPreview = memo(
+  ({
+    jsx,
+    isStreaming = false,
+    components,
+    bindings,
+    onError,
+    className,
+    children,
+    ...props
+  }: JSXPreviewProps) => {
+    const [prevJsx, setPrevJsx] = useState(jsx);
+    const [error, setError] = useState<Error | null>(null);
+    const [_lastGoodJsx, setLastGoodJsx] = useState("");
+
+    // Clear error when jsx changes (derived state pattern)
+    if (jsx !== prevJsx) {
+      setPrevJsx(jsx);
+      setError(null);
+    }
+
+    const processedJsx = useMemo(
+      () => (isStreaming ? completeJsxTag(jsx) : jsx),
+      [jsx, isStreaming],
+    );
+
+    const contextValue = useMemo(
+      () => ({
+        bindings,
+        components,
+        error,
+        isStreaming,
+        jsx,
+        onErrorProp: onError,
+        processedJsx,
+        setError,
+        setLastGoodJsx,
+      }),
+      [
+        bindings,
+        components,
+        error,
+        isStreaming,
+        jsx,
+        onError,
+        processedJsx,
+        setError,
+      ],
+    );
+
+    return (
+      <JSXPreviewContext.Provider value={contextValue}>
+        <div className={cn("relative", className)} {...props}>
+          {children}
+        </div>
+      </JSXPreviewContext.Provider>
+    );
+  },
+);
+
+JSXPreview.displayName = "JSXPreview";
+
+export type JSXPreviewContentProps = Omit<ComponentProps<"div">, "children">;
+
+export const JSXPreviewContent = memo(
+  ({ className, ...props }: JSXPreviewContentProps) => {
+    const {
+      processedJsx,
+      isStreaming,
+      components,
+      bindings,
+      setError,
+      setLastGoodJsx,
+      onErrorProp,
+    } = useJSXPreview();
+    const errorReportedRef = useRef<string | null>(null);
+    const lastGoodJsxRef = useRef("");
+    const [hadError, setHadError] = useState(false);
+
+    // Reset error tracking when jsx changes
+    useEffect(() => {
+      errorReportedRef.current = null;
+      setHadError(false);
+    }, [processedJsx]);
+
+    const handleError = useCallback(
+      (err: Error) => {
+        // Prevent duplicate error reports for the same jsx
+        if (errorReportedRef.current === processedJsx) {
+          return;
+        }
+        errorReportedRef.current = processedJsx;
+
+        // During streaming, suppress errors and fall back to last good JSX
+        if (isStreaming) {
+          setHadError(true);
+          return;
+        }
+
+        setError(err);
+        onErrorProp?.(err);
+      },
+      [processedJsx, isStreaming, onErrorProp, setError],
+    );
+
+    // Track the last JSX that rendered without error
+    useEffect(() => {
+      if (!errorReportedRef.current) {
+        lastGoodJsxRef.current = processedJsx;
+        setLastGoodJsx(processedJsx);
+      }
+    }, [processedJsx, setLastGoodJsx]);
+
+    // During streaming, if the current JSX errored, re-render with last good version
+    const displayJsx =
+      isStreaming && hadError ? lastGoodJsxRef.current : processedJsx;
+
+    return (
+      <div className={cn("jsx-preview-content", className)} {...props}>
+        <JsxParser
+          bindings={bindings}
+          components={components}
+          jsx={displayJsx}
+          onError={handleError}
+          renderInWrapper={false}
+        />
+      </div>
+    );
+  },
+);
+
+JSXPreviewContent.displayName = "JSXPreviewContent";
+
+export type JSXPreviewErrorProps = ComponentProps<"div"> & {
+  children?: ReactNode | ((error: Error) => ReactNode);
+};
+
+const renderChildren = (
+  children: ReactNode | ((error: Error) => ReactNode),
+  error: Error,
+): ReactNode => {
+  if (typeof children === "function") {
+    return children(error);
+  }
+  return children;
+};
+
+export const JSXPreviewError = memo(
+  ({ className, children, ...props }: JSXPreviewErrorProps) => {
+    const { error } = useJSXPreview();
+
+    if (!error) {
+      return null;
+    }
+
+    return (
+      <div
+        className={cn(
+          "flex items-center gap-2 rounded-md border border-destructive/50 bg-destructive/10 p-3 text-destructive text-sm",
+          className,
+        )}
+        {...props}
+      >
+        {children ? (
+          renderChildren(children, error)
+        ) : (
+          <>
+            <AlertCircle className="size-4 shrink-0" />
+            <span>{error.message}</span>
+          </>
+        )}
+      </div>
+    );
+  },
+);
+
+JSXPreviewError.displayName = "JSXPreviewError";
diff --git a/packages/ghost-ui/src/components/ai-elements/message.tsx b/packages/ghost-ui/src/components/ai-elements/message.tsx
new file mode 100644
index 0000000..36d9a06
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/message.tsx
@@ -0,0 +1,357 @@
+"use client";
+
+import { cjk } from "@streamdown/cjk";
+import { code } from "@streamdown/code";
+import { math } from "@streamdown/math";
+import { mermaid } from "@streamdown/mermaid";
+import type { UIMessage } from "ai";
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import type { ComponentProps, HTMLAttributes, ReactElement } from "react";
+import {
+  createContext,
+  memo,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useState,
+} from "react";
+import { Streamdown } from "streamdown";
+import { Button } from "@/components/ui/button";
+import { ButtonGroup, ButtonGroupText } from "@/components/ui/button-group";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+import { cn } from "@/lib/utils";
+
+export type MessageProps = HTMLAttributes<HTMLDivElement> & {
+  from: UIMessage["role"];
+};
+
+export const Message = ({ className, from, ...props }: MessageProps) => (
+  <div
+    className={cn(
+      "group flex w-full max-w-[95%] flex-col gap-2",
+      from === "user" ? "is-user ml-auto justify-end" : "is-assistant",
+      className,
+    )}
+    {...props}
+  />
+);
+
+export type MessageContentProps = HTMLAttributes<HTMLDivElement>;
+
+export const MessageContent = ({
+  children,
+  className,
+  ...props
+}: MessageContentProps) => (
+  <div
+    className={cn(
+      "is-user:dark flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm",
+      "group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground",
+      "group-[.is-assistant]:text-foreground",
+      className,
+    )}
+    {...props}
+  >
+    {children}
+  </div>
+);
+
+export type MessageActionsProps = ComponentProps<"div">;
+
+export const MessageActions = ({
+  className,
+  children,
+  ...props
+}: MessageActionsProps) => (
+  <div className={cn("flex items-center gap-1", className)} {...props}>
+    {children}
+  </div>
+);
+
+export type MessageActionProps = ComponentProps<typeof Button> & {
+  tooltip?: string;
+  label?: string;
+};
+
+export const MessageAction = ({
+  tooltip,
+  children,
+  label,
+  variant = "ghost",
+  size = "icon-sm",
+  ...props
+}: MessageActionProps) => {
+  const button = (
+    <Button size={size} type="button" variant={variant} {...props}>
+      {children}
+      <span className="sr-only">{label || tooltip}</span>
+    </Button>
+  );
+
+  if (tooltip) {
+    return (
+      <TooltipProvider>
+        <Tooltip>
+          <TooltipTrigger asChild>{button}</TooltipTrigger>
+          <TooltipContent>
+            <p>{tooltip}</p>
+          </TooltipContent>
+        </Tooltip>
+      </TooltipProvider>
+    );
+  }
+
+  return button;
+};
+
+interface MessageBranchContextType {
+  currentBranch: number;
+  totalBranches: number;
+  goToPrevious: () => void;
+  goToNext: () => void;
+  branches: ReactElement[];
+  setBranches: (branches: ReactElement[]) => void;
+}
+
+const MessageBranchContext = createContext<MessageBranchContextType | null>(
+  null,
+);
+
+const useMessageBranch = () => {
+  const context = useContext(MessageBranchContext);
+
+  if (!context) {
+    throw new Error(
+      "MessageBranch components must be used within MessageBranch",
+    );
+  }
+
+  return context;
+};
+
+export type MessageBranchProps = HTMLAttributes<HTMLDivElement> & {
+  defaultBranch?: number;
+  onBranchChange?: (branchIndex: number) => void;
+};
+
+export const MessageBranch = ({
+  defaultBranch = 0,
+  onBranchChange,
+  className,
+  ...props
+}: MessageBranchProps) => {
+  const [currentBranch, setCurrentBranch] = useState(defaultBranch);
+  const [branches, setBranches] = useState<ReactElement[]>([]);
+
+  const handleBranchChange = useCallback(
+    (newBranch: number) => {
+      setCurrentBranch(newBranch);
+      onBranchChange?.(newBranch);
+    },
+    [onBranchChange],
+  );
+
+  const goToPrevious = useCallback(() => {
+    const newBranch =
+      currentBranch > 0 ? currentBranch - 1 : branches.length - 1;
+    handleBranchChange(newBranch);
+  }, [currentBranch, branches.length, handleBranchChange]);
+
+  const goToNext = useCallback(() => {
+    const newBranch =
+      currentBranch < branches.length - 1 ? currentBranch + 1 : 0;
+    handleBranchChange(newBranch);
+  }, [currentBranch, branches.length, handleBranchChange]);
+
+  const contextValue = useMemo<MessageBranchContextType>(
+    () => ({
+      branches,
+      currentBranch,
+      goToNext,
+      goToPrevious,
+      setBranches,
+      totalBranches: branches.length,
+    }),
+    [branches, currentBranch, goToNext, goToPrevious],
+  );
+
+  return (
+    <MessageBranchContext.Provider value={contextValue}>
+      <div
+        className={cn("grid w-full gap-2 [&>div]:pb-0", className)}
+        {...props}
+      />
+    </MessageBranchContext.Provider>
+  );
+};
+
+export type MessageBranchContentProps = HTMLAttributes<HTMLDivElement>;
+
+export const MessageBranchContent = ({
+  children,
+  ...props
+}: MessageBranchContentProps) => {
+  const { currentBranch, setBranches, branches } = useMessageBranch();
+  const childrenArray = useMemo(
+    () => (Array.isArray(children) ? children : [children]),
+    [children],
+  );
+
+  // Use useEffect to update branches when they change
+  useEffect(() => {
+    if (branches.length !== childrenArray.length) {
+      setBranches(childrenArray);
+    }
+  }, [childrenArray, branches, setBranches]);
+
+  return childrenArray.map((branch, index) => (
+    <div
+      className={cn(
+        "grid gap-2 overflow-hidden [&>div]:pb-0",
+        index === currentBranch ? "block" : "hidden",
+      )}
+      key={branch.key}
+      {...props}
+    >
+      {branch}
+    </div>
+  ));
+};
+
+export type MessageBranchSelectorProps = ComponentProps<typeof ButtonGroup>;
+
+export const MessageBranchSelector = ({
+  className,
+  ...props
+}: MessageBranchSelectorProps) => {
+  const { totalBranches } = useMessageBranch();
+
+  // Don't render if there's only one branch
+  if (totalBranches <= 1) {
+    return null;
+  }
+
+  return (
+    <ButtonGroup
+      className={cn(
+        "[&>*:not(:first-child)]:rounded-l-md [&>*:not(:last-child)]:rounded-r-md",
+        className,
+      )}
+      orientation="horizontal"
+      {...props}
+    />
+  );
+};
+
+export type MessageBranchPreviousProps = ComponentProps<typeof Button>;
+
+export const MessageBranchPrevious = ({
+  children,
+  ...props
+}: MessageBranchPreviousProps) => {
+  const { goToPrevious, totalBranches } = useMessageBranch();
+
+  return (
+    <Button
+      aria-label="Previous branch"
+      disabled={totalBranches <= 1}
+      onClick={goToPrevious}
+      size="icon-sm"
+      type="button"
+      variant="ghost"
+      {...props}
+    >
+      {children ?? <ChevronLeftIcon size={14} />}
+    </Button>
+  );
+};
+
+export type MessageBranchNextProps = ComponentProps<typeof Button>;
+
+export const MessageBranchNext = ({
+  children,
+  ...props
+}: MessageBranchNextProps) => {
+  const { goToNext, totalBranches } = useMessageBranch();
+
+  return (
+    <Button
+      aria-label="Next branch"
+      disabled={totalBranches <= 1}
+      onClick={goToNext}
+      size="icon-sm"
+      type="button"
+      variant="ghost"
+      {...props}
+    >
+      {children ?? <ChevronRightIcon size={14} />}
+    </Button>
+  );
+};
+
+export type MessageBranchPageProps = HTMLAttributes<HTMLSpanElement>;
+
+export const MessageBranchPage = ({
+  className,
+  ...props
+}: MessageBranchPageProps) => {
+  const { currentBranch, totalBranches } = useMessageBranch();
+
+  return (
+    <ButtonGroupText
+      className={cn(
+        "border-none bg-transparent text-muted-foreground shadow-none",
+        className,
+      )}
+      {...props}
+    >
+      {currentBranch + 1} of {totalBranches}
+    </ButtonGroupText>
+  );
+};
+
+export type MessageResponseProps = ComponentProps<typeof Streamdown>;
+
+const streamdownPlugins = { cjk, code, math, mermaid };
+
+export const MessageResponse = memo(
+  ({ className, ...props }: MessageResponseProps) => (
+    <Streamdown
+      className={cn(
+        "size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0",
+        className,
+      )}
+      plugins={streamdownPlugins}
+      {...props}
+    />
+  ),
+  (prevProps, nextProps) =>
+    prevProps.children === nextProps.children &&
+    nextProps.isAnimating === prevProps.isAnimating,
+);
+
+MessageResponse.displayName = "MessageResponse";
+
+export type MessageToolbarProps = ComponentProps<"div">;
+
+export const MessageToolbar = ({
+  className,
+  children,
+  ...props
+}: MessageToolbarProps) => (
+  <div
+    className={cn(
+      "mt-4 flex w-full items-center justify-between gap-4",
+      className,
+    )}
+    {...props}
+  >
+    {children}
+  </div>
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/mic-selector.tsx b/packages/ghost-ui/src/components/ai-elements/mic-selector.tsx
new file mode 100644
index 0000000..1f1820c
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/mic-selector.tsx
@@ -0,0 +1,375 @@
+"use client";
+
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { ChevronsUpDownIcon } from "lucide-react";
+import type { ComponentProps, ReactNode } from "react";
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
+import { Button } from "@/components/ui/button";
+import {
+  Command,
+  CommandEmpty,
+  CommandInput,
+  CommandItem,
+  CommandList,
+} from "@/components/ui/command";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { cn } from "@/lib/utils";
+
+const deviceIdRegex = /\(([\da-fA-F]{4}:[\da-fA-F]{4})\)$/;
+
+interface MicSelectorContextType {
+  data: MediaDeviceInfo[];
+  value: string | undefined;
+  onValueChange?: (value: string) => void;
+  open: boolean;
+  onOpenChange?: (open: boolean) => void;
+  width: number;
+  setWidth?: (width: number) => void;
+}
+
+const MicSelectorContext = createContext<MicSelectorContextType>({
+  data: [],
+  onOpenChange: undefined,
+  onValueChange: undefined,
+  open: false,
+  setWidth: undefined,
+  value: undefined,
+  width: 200,
+});
+
+export const useAudioDevices = () => {
+  const [devices, setDevices] = useState<MediaDeviceInfo[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+  const [hasPermission, setHasPermission] = useState(false);
+
+  const loadDevicesWithoutPermission = useCallback(async () => {
+    try {
+      setLoading(true);
+      setError(null);
+
+      const deviceList = await navigator.mediaDevices.enumerateDevices();
+      const audioInputs = deviceList.filter(
+        (device) => device.kind === "audioinput",
+      );
+
+      setDevices(audioInputs);
+    } catch (caughtError) {
+      const message =
+        caughtError instanceof Error
+          ? caughtError.message
+          : "Failed to get audio devices";
+
+      setError(message);
+      console.error("Error getting audio devices:", message);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  const loadDevicesWithPermission = useCallback(async () => {
+    if (loading) {
+      return;
+    }
+
+    try {
+      setLoading(true);
+      setError(null);
+
+      const tempStream = await navigator.mediaDevices.getUserMedia({
+        audio: true,
+      });
+
+      for (const track of tempStream.getTracks()) {
+        track.stop();
+      }
+
+      const deviceList = await navigator.mediaDevices.enumerateDevices();
+      const audioInputs = deviceList.filter(
+        (device) => device.kind === "audioinput",
+      );
+
+      setDevices(audioInputs);
+      setHasPermission(true);
+    } catch (caughtError) {
+      const message =
+        caughtError instanceof Error
+          ? caughtError.message
+          : "Failed to get audio devices";
+
+      setError(message);
+      console.error("Error getting audio devices:", message);
+    } finally {
+      setLoading(false);
+    }
+  }, [loading]);
+
+  useEffect(() => {
+    loadDevicesWithoutPermission();
+  }, [loadDevicesWithoutPermission]);
+
+  useEffect(() => {
+    const handleDeviceChange = () => {
+      if (hasPermission) {
+        loadDevicesWithPermission();
+      } else {
+        loadDevicesWithoutPermission();
+      }
+    };
+
+    navigator.mediaDevices.addEventListener("devicechange", handleDeviceChange);
+
+    return () => {
+      navigator.mediaDevices.removeEventListener(
+        "devicechange",
+        handleDeviceChange,
+      );
+    };
+  }, [hasPermission, loadDevicesWithPermission, loadDevicesWithoutPermission]);
+
+  return {
+    devices,
+    error,
+    hasPermission,
+    loadDevices: loadDevicesWithPermission,
+    loading,
+  };
+};
+
+export type MicSelectorProps = ComponentProps<typeof Popover> & {
+  defaultValue?: string;
+  value?: string | undefined;
+  onValueChange?: (value: string | undefined) => void;
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+};
+
+export const MicSelector = ({
+  defaultValue,
+  value: controlledValue,
+  onValueChange: controlledOnValueChange,
+  defaultOpen = false,
+  open: controlledOpen,
+  onOpenChange: controlledOnOpenChange,
+  ...props
+}: MicSelectorProps) => {
+  const [value, onValueChange] = useControllableState<string | undefined>({
+    defaultProp: defaultValue,
+    onChange: controlledOnValueChange,
+    prop: controlledValue,
+  });
+  const [open, onOpenChange] = useControllableState({
+    defaultProp: defaultOpen,
+    onChange: controlledOnOpenChange,
+    prop: controlledOpen,
+  });
+  const [width, setWidth] = useState(200);
+  const { devices, loading, hasPermission, loadDevices } = useAudioDevices();
+
+  useEffect(() => {
+    if (open && !hasPermission && !loading) {
+      loadDevices();
+    }
+  }, [open, hasPermission, loading, loadDevices]);
+
+  const contextValue = useMemo(
+    () => ({
+      data: devices,
+      onOpenChange,
+      onValueChange,
+      open,
+      setWidth,
+      value,
+      width,
+    }),
+    [devices, onOpenChange, onValueChange, open, setWidth, value, width],
+  );
+
+  return (
+    <MicSelectorContext.Provider value={contextValue}>
+      <Popover {...props} onOpenChange={onOpenChange} open={open} />
+    </MicSelectorContext.Provider>
+  );
+};
+
+export type MicSelectorTriggerProps = ComponentProps<typeof Button>;
+
+export const MicSelectorTrigger = ({
+  children,
+  ...props
+}: MicSelectorTriggerProps) => {
+  const { setWidth } = useContext(MicSelectorContext);
+  const ref = useRef<HTMLButtonElement>(null);
+
+  useEffect(() => {
+    // Create a ResizeObserver to detect width changes
+    const resizeObserver = new ResizeObserver((entries) => {
+      for (const entry of entries) {
+        const newWidth = (entry.target as HTMLElement).offsetWidth;
+        if (newWidth) {
+          setWidth?.(newWidth);
+        }
+      }
+    });
+
+    if (ref.current) {
+      resizeObserver.observe(ref.current);
+    }
+
+    // Clean up the observer when component unmounts
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [setWidth]);
+
+  return (
+    <PopoverTrigger asChild>
+      <Button variant="outline" {...props} ref={ref}>
+        {children}
+        <ChevronsUpDownIcon
+          className="shrink-0 text-muted-foreground"
+          size={16}
+        />
+      </Button>
+    </PopoverTrigger>
+  );
+};
+
+export type MicSelectorContentProps = ComponentProps<typeof Command> & {
+  popoverOptions?: ComponentProps<typeof PopoverContent>;
+};
+
+export const MicSelectorContent = ({
+  className,
+  popoverOptions,
+  ...props
+}: MicSelectorContentProps) => {
+  const { width, onValueChange, value } = useContext(MicSelectorContext);
+
+  return (
+    <PopoverContent
+      className={cn("p-0", className)}
+      style={{ width }}
+      {...popoverOptions}
+    >
+      <Command onValueChange={onValueChange} value={value} {...props} />
+    </PopoverContent>
+  );
+};
+
+export type MicSelectorInputProps = ComponentProps<typeof CommandInput> & {
+  value?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string) => void;
+};
+
+export const MicSelectorInput = ({ ...props }: MicSelectorInputProps) => (
+  <CommandInput placeholder="Search microphones..." {...props} />
+);
+
+export type MicSelectorListProps = Omit<
+  ComponentProps<typeof CommandList>,
+  "children"
+> & {
+  children: (devices: MediaDeviceInfo[]) => ReactNode;
+};
+
+export const MicSelectorList = ({
+  children,
+  ...props
+}: MicSelectorListProps) => {
+  const { data } = useContext(MicSelectorContext);
+
+  return <CommandList {...props}>{children(data)}</CommandList>;
+};
+
+export type MicSelectorEmptyProps = ComponentProps<typeof CommandEmpty>;
+
+export const MicSelectorEmpty = ({
+  children = "No microphone found.",
+  ...props
+}: MicSelectorEmptyProps) => <CommandEmpty {...props}>{children}</CommandEmpty>;
+
+export type MicSelectorItemProps = ComponentProps<typeof CommandItem>;
+
+export const MicSelectorItem = (props: MicSelectorItemProps) => {
+  const { onValueChange, onOpenChange } = useContext(MicSelectorContext);
+
+  const handleSelect = useCallback(
+    (currentValue: string) => {
+      onValueChange?.(currentValue);
+      onOpenChange?.(false);
+    },
+    [onValueChange, onOpenChange],
+  );
+
+  return <CommandItem onSelect={handleSelect} {...props} />;
+};
+
+export type MicSelectorLabelProps = ComponentProps<"span"> & {
+  device: MediaDeviceInfo;
+};
+
+export const MicSelectorLabel = ({
+  device,
+  className,
+  ...props
+}: MicSelectorLabelProps) => {
+  const matches = device.label.match(deviceIdRegex);
+
+  if (!matches) {
+    return (
+      <span className={className} {...props}>
+        {device.label}
+      </span>
+    );
+  }
+
+  const [, deviceId] = matches;
+  const name = device.label.replace(deviceIdRegex, "");
+
+  return (
+    <span className={className} {...props}>
+      <span>{name}</span>
+      <span className="text-muted-foreground"> ({deviceId})</span>
+    </span>
+  );
+};
+
+export type MicSelectorValueProps = ComponentProps<"span">;
+
+export const MicSelectorValue = ({
+  className,
+  ...props
+}: MicSelectorValueProps) => {
+  const { data, value } = useContext(MicSelectorContext);
+  const currentDevice = data.find((d) => d.deviceId === value);
+
+  if (!currentDevice) {
+    return (
+      <span className={cn("flex-1 text-left", className)} {...props}>
+        Select microphone...
+      </span>
+    );
+  }
+
+  return (
+    <MicSelectorLabel
+      className={cn("flex-1 text-left", className)}
+      device={currentDevice}
+      {...props}
+    />
+  );
+};
diff --git a/packages/ghost-ui/src/components/ai-elements/model-selector.tsx b/packages/ghost-ui/src/components/ai-elements/model-selector.tsx
new file mode 100644
index 0000000..982d119
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/model-selector.tsx
@@ -0,0 +1,213 @@
+import type { ComponentProps, ReactNode } from "react";
+import {
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+} from "@/components/ui/command";
+import {
+  Dialog,
+  DialogContent,
+  DialogTitle,
+  DialogTrigger,
+} from "@/components/ui/dialog";
+import { cn } from "@/lib/utils";
+
+export type ModelSelectorProps = ComponentProps<typeof Dialog>;
+
+export const ModelSelector = (props: ModelSelectorProps) => (
+  <Dialog {...props} />
+);
+
+export type ModelSelectorTriggerProps = ComponentProps<typeof DialogTrigger>;
+
+export const ModelSelectorTrigger = (props: ModelSelectorTriggerProps) => (
+  <DialogTrigger {...props} />
+);
+
+export type ModelSelectorContentProps = ComponentProps<typeof DialogContent> & {
+  title?: ReactNode;
+};
+
+export const ModelSelectorContent = ({
+  className,
+  children,
+  title = "Model Selector",
+  ...props
+}: ModelSelectorContentProps) => (
+  <DialogContent
+    aria-describedby={undefined}
+    className={cn(
+      "outline! border-none! p-0 outline-border! outline-solid!",
+      className,
+    )}
+    {...props}
+  >
+    <DialogTitle className="sr-only">{title}</DialogTitle>
+    <Command className="**:data-[slot=command-input-wrapper]:h-auto">
+      {children}
+    </Command>
+  </DialogContent>
+);
+
+export type ModelSelectorDialogProps = ComponentProps<typeof CommandDialog>;
+
+export const ModelSelectorDialog = (props: ModelSelectorDialogProps) => (
+  <CommandDialog {...props} />
+);
+
+export type ModelSelectorInputProps = ComponentProps<typeof CommandInput>;
+
+export const ModelSelectorInput = ({
+  className,
+  ...props
+}: ModelSelectorInputProps) => (
+  <CommandInput className={cn("h-auto py-3.5", className)} {...props} />
+);
+
+export type ModelSelectorListProps = ComponentProps<typeof CommandList>;
+
+export const ModelSelectorList = (props: ModelSelectorListProps) => (
+  <CommandList {...props} />
+);
+
+export type ModelSelectorEmptyProps = ComponentProps<typeof CommandEmpty>;
+
+export const ModelSelectorEmpty = (props: ModelSelectorEmptyProps) => (
+  <CommandEmpty {...props} />
+);
+
+export type ModelSelectorGroupProps = ComponentProps<typeof CommandGroup>;
+
+export const ModelSelectorGroup = (props: ModelSelectorGroupProps) => (
+  <CommandGroup {...props} />
+);
+
+export type ModelSelectorItemProps = ComponentProps<typeof CommandItem>;
+
+export const ModelSelectorItem = (props: ModelSelectorItemProps) => (
+  <CommandItem {...props} />
+);
+
+export type ModelSelectorShortcutProps = ComponentProps<typeof CommandShortcut>;
+
+export const ModelSelectorShortcut = (props: ModelSelectorShortcutProps) => (
+  <CommandShortcut {...props} />
+);
+
+export type ModelSelectorSeparatorProps = ComponentProps<
+  typeof CommandSeparator
+>;
+
+export const ModelSelectorSeparator = (props: ModelSelectorSeparatorProps) => (
+  <CommandSeparator {...props} />
+);
+
+export type ModelSelectorLogoProps = Omit<
+  ComponentProps<"img">,
+  "src" | "alt"
+> & {
+  provider:
+    | "moonshotai-cn"
+    | "lucidquery"
+    | "moonshotai"
+    | "zai-coding-plan"
+    | "alibaba"
+    | "xai"
+    | "vultr"
+    | "nvidia"
+    | "upstage"
+    | "groq"
+    | "github-copilot"
+    | "mistral"
+    | "vercel"
+    | "nebius"
+    | "deepseek"
+    | "alibaba-cn"
+    | "google-vertex-anthropic"
+    | "venice"
+    | "chutes"
+    | "cortecs"
+    | "github-models"
+    | "togetherai"
+    | "azure"
+    | "baseten"
+    | "huggingface"
+    | "opencode"
+    | "fastrouter"
+    | "google"
+    | "google-vertex"
+    | "cloudflare-workers-ai"
+    | "inception"
+    | "wandb"
+    | "openai"
+    | "zhipuai-coding-plan"
+    | "perplexity"
+    | "openrouter"
+    | "zenmux"
+    | "v0"
+    | "iflowcn"
+    | "synthetic"
+    | "deepinfra"
+    | "zhipuai"
+    | "submodel"
+    | "zai"
+    | "inference"
+    | "requesty"
+    | "morph"
+    | "lmstudio"
+    | "anthropic"
+    | "aihubmix"
+    | "fireworks-ai"
+    | "modelscope"
+    | "llama"
+    | "scaleway"
+    | "amazon-bedrock"
+    | "cerebras"
+    // oxlint-disable-next-line typescript-eslint(ban-types) -- intentional pattern for autocomplete-friendly string union
+    | (string & {});
+};
+
+export const ModelSelectorLogo = ({
+  provider,
+  className,
+  ...props
+}: ModelSelectorLogoProps) => (
+  <img
+    {...props}
+    alt={`${provider} logo`}
+    className={cn("size-3 dark:invert", className)}
+    height={12}
+    src={`https://models.dev/logos/${provider}.svg`}
+    width={12}
+  />
+);
+
+export type ModelSelectorLogoGroupProps = ComponentProps<"div">;
+
+export const ModelSelectorLogoGroup = ({
+  className,
+  ...props
+}: ModelSelectorLogoGroupProps) => (
+  <div
+    className={cn(
+      "flex shrink-0 items-center -space-x-1 [&>img]:rounded-full [&>img]:bg-background [&>img]:p-px [&>img]:ring-1 dark:[&>img]:bg-foreground",
+      className,
+    )}
+    {...props}
+  />
+);
+
+export type ModelSelectorNameProps = ComponentProps<"span">;
+
+export const ModelSelectorName = ({
+  className,
+  ...props
+}: ModelSelectorNameProps) => (
+  <span className={cn("flex-1 truncate text-left", className)} {...props} />
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/node.tsx b/packages/ghost-ui/src/components/ai-elements/node.tsx
new file mode 100644
index 0000000..010ae29
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/node.tsx
@@ -0,0 +1,80 @@
+import { Handle, Position, useNodeId } from "@xyflow/react";
+import type { ComponentProps } from "react";
+import {
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { cn } from "@/lib/utils";
+
+export type NodeProps = ComponentProps<typeof Card> & {
+  handles: {
+    target: boolean;
+    source: boolean;
+  };
+};
+
+export const Node = ({ handles, className, ...props }: NodeProps) => {
+  const nodeId = useNodeId();
+  const isInsideFlow = nodeId !== null;
+
+  return (
+    <Card
+      className={cn(
+        "node-container relative size-full h-auto w-sm gap-0 rounded-md p-0",
+        className,
+      )}
+      {...props}
+    >
+      {isInsideFlow && handles.target && (
+        <Handle position={Position.Left} type="target" />
+      )}
+      {isInsideFlow && handles.source && (
+        <Handle position={Position.Right} type="source" />
+      )}
+      {props.children}
+    </Card>
+  );
+};
+
+export type NodeHeaderProps = ComponentProps<typeof CardHeader>;
+
+export const NodeHeader = ({ className, ...props }: NodeHeaderProps) => (
+  <CardHeader
+    className={cn("gap-0.5 rounded-t-md border-b bg-secondary p-3!", className)}
+    {...props}
+  />
+);
+
+export type NodeTitleProps = ComponentProps<typeof CardTitle>;
+
+export const NodeTitle = (props: NodeTitleProps) => <CardTitle {...props} />;
+
+export type NodeDescriptionProps = ComponentProps<typeof CardDescription>;
+
+export const NodeDescription = (props: NodeDescriptionProps) => (
+  <CardDescription {...props} />
+);
+
+export type NodeActionProps = ComponentProps<typeof CardAction>;
+
+export const NodeAction = (props: NodeActionProps) => <CardAction {...props} />;
+
+export type NodeContentProps = ComponentProps<typeof CardContent>;
+
+export const NodeContent = ({ className, ...props }: NodeContentProps) => (
+  <CardContent className={cn("p-3", className)} {...props} />
+);
+
+export type NodeFooterProps = ComponentProps<typeof CardFooter>;
+
+export const NodeFooter = ({ className, ...props }: NodeFooterProps) => (
+  <CardFooter
+    className={cn("rounded-b-md border-t bg-secondary p-3!", className)}
+    {...props}
+  />
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/open-in-chat.tsx b/packages/ghost-ui/src/components/ai-elements/open-in-chat.tsx
new file mode 100644
index 0000000..2b9b764
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/open-in-chat.tsx
@@ -0,0 +1,370 @@
+"use client";
+
+import {
+  ChevronDownIcon,
+  ExternalLinkIcon,
+  MessageCircleIcon,
+} from "lucide-react";
+import type { ComponentProps } from "react";
+import { createContext, useContext, useMemo } from "react";
+import { Button } from "@/components/ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { cn } from "@/lib/utils";
+
+const providers = {
+  chatgpt: {
+    createUrl: (prompt: string) =>
+      `https://chatgpt.com/?${new URLSearchParams({
+        hints: "search",
+        prompt,
+      })}`,
+    icon: (
+      <svg
+        fill="currentColor"
+        role="img"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <title>OpenAI</title>
+        <path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z" />
+      </svg>
+    ),
+    title: "Open in ChatGPT",
+  },
+  claude: {
+    createUrl: (q: string) =>
+      `https://claude.ai/new?${new URLSearchParams({
+        q,
+      })}`,
+    icon: (
+      <svg
+        fill="currentColor"
+        role="img"
+        viewBox="0 0 12 12"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <title>Claude</title>
+        <path
+          clipRule="evenodd"
+          d="M2.3545 7.9775L4.7145 6.654L4.7545 6.539L4.7145 6.475H4.6L4.205 6.451L2.856 6.4145L1.6865 6.366L0.5535 6.305L0.268 6.2445L0 5.892L0.0275 5.716L0.2675 5.5555L0.6105 5.5855L1.3705 5.637L2.5095 5.716L3.3355 5.7645L4.56 5.892H4.7545L4.782 5.8135L4.715 5.7645L4.6635 5.716L3.4845 4.918L2.2085 4.074L1.5405 3.588L1.1785 3.3425L0.9965 3.1115L0.9175 2.6075L1.2455 2.2465L1.686 2.2765L1.7985 2.307L2.245 2.65L3.199 3.388L4.4445 4.3045L4.627 4.4565L4.6995 4.405L4.709 4.3685L4.627 4.2315L3.9495 3.0085L3.2265 1.7635L2.9045 1.2475L2.8195 0.938C2.78711 0.819128 2.76965 0.696687 2.7675 0.5735L3.1415 0.067L3.348 0L3.846 0.067L4.056 0.249L4.366 0.956L4.867 2.0705L5.6445 3.5855L5.8725 4.0345L5.994 4.4505L6.0395 4.578H6.1185V4.505L6.1825 3.652L6.301 2.6045L6.416 1.257L6.456 0.877L6.644 0.422L7.0175 0.176L7.3095 0.316L7.5495 0.6585L7.516 0.8805L7.373 1.806L7.0935 3.2575L6.9115 4.2285H7.0175L7.139 4.1075L7.6315 3.4545L8.4575 2.4225L8.8225 2.0125L9.2475 1.5605L9.521 1.345H10.0375L10.4175 1.9095L10.2475 2.4925L9.7155 3.166L9.275 3.737L8.643 4.587L8.248 5.267L8.2845 5.322L8.3785 5.312L9.8065 5.009L10.578 4.869L11.4985 4.7115L11.915 4.9055L11.9605 5.103L11.7965 5.5065L10.812 5.7495L9.6575 5.9805L7.938 6.387L7.917 6.402L7.9415 6.4325L8.716 6.5055L9.047 6.5235H9.858L11.368 6.636L11.763 6.897L12 7.216L11.9605 7.4585L11.353 7.7685L10.533 7.574L8.6185 7.119L7.9625 6.9545H7.8715V7.0095L8.418 7.5435L9.421 8.4485L10.6755 9.6135L10.739 9.9025L10.578 10.13L10.408 10.1055L9.3055 9.277L8.88 8.9035L7.917 8.0935H7.853V8.1785L8.075 8.503L9.2475 10.2635L9.3085 10.8035L9.2235 10.98L8.9195 11.0865L8.5855 11.0255L7.8985 10.063L7.191 8.9795L6.6195 8.008L6.5495 8.048L6.2125 11.675L6.0545 11.86L5.69 12L5.3865 11.7695L5.2255 11.396L5.3865 10.658L5.581 9.696L5.7385 8.931L5.8815 7.981L5.9665 7.665L5.9605 7.644L5.8905 7.653L5.1735 8.6365L4.0835 10.109L3.2205 11.0315L3.0135 11.1135L2.655 10.9285L2.6885 10.5975L2.889 10.303L4.083 8.785L4.803 7.844L5.268 7.301L5.265 7.222H5.2375L2.066 9.28L1.501 9.353L1.2575 9.125L1.288 8.752L1.4035 8.6305L2.3575 7.9745L2.3545 7.9775Z"
+          fillRule="evenodd"
+        />
+      </svg>
+    ),
+    title: "Open in Claude",
+  },
+  cursor: {
+    createUrl: (text: string) => {
+      const url = new URL("https://cursor.com/link/prompt");
+      url.searchParams.set("text", text);
+      return url.toString();
+    },
+    icon: (
+      <svg
+        version="1.1"
+        viewBox="0 0 466.73 532.09"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <title>Cursor</title>
+        <path
+          d="M457.43,125.94L244.42,2.96c-6.84-3.95-15.28-3.95-22.12,0L9.3,125.94c-5.75,3.32-9.3,9.46-9.3,16.11v247.99c0,6.65,3.55,12.79,9.3,16.11l213.01,122.98c6.84,3.95,15.28,3.95,22.12,0l213.01-122.98c5.75-3.32,9.3-9.46,9.3-16.11v-247.99c0-6.65-3.55-12.79-9.3-16.11h-.01ZM444.05,151.99l-205.63,356.16c-1.39,2.4-5.06,1.42-5.06-1.36v-233.21c0-4.66-2.49-8.97-6.53-11.31L24.87,145.67c-2.4-1.39-1.42-5.06,1.36-5.06h411.26c5.84,0,9.49,6.33,6.57,11.39h-.01Z"
+          fill="currentColor"
+        />
+      </svg>
+    ),
+    title: "Open in Cursor",
+  },
+  github: {
+    createUrl: (url: string) => url,
+    icon: (
+      <svg fill="currentColor" role="img" viewBox="0 0 24 24">
+        <title>GitHub</title>
+        <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
+      </svg>
+    ),
+    title: "Open in GitHub",
+  },
+  scira: {
+    createUrl: (q: string) =>
+      `https://scira.ai/?${new URLSearchParams({
+        q,
+      })}`,
+    icon: (
+      <svg
+        fill="none"
+        height="934"
+        viewBox="0 0 910 934"
+        width="910"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <title>Scira AI</title>
+        <path
+          d="M647.664 197.775C569.13 189.049 525.5 145.419 516.774 66.8849C508.048 145.419 464.418 189.049 385.884 197.775C464.418 206.501 508.048 250.131 516.774 328.665C525.5 250.131 569.13 206.501 647.664 197.775Z"
+          fill="currentColor"
+          stroke="currentColor"
+          strokeLinejoin="round"
+          strokeWidth="8"
+        />
+        <path
+          d="M516.774 304.217C510.299 275.491 498.208 252.087 480.335 234.214C462.462 216.341 439.058 204.251 410.333 197.775C439.059 191.3 462.462 179.209 480.335 161.336C498.208 143.463 510.299 120.06 516.774 91.334C523.25 120.059 535.34 143.463 553.213 161.336C571.086 179.209 594.49 191.3 623.216 197.775C594.49 204.251 571.086 216.341 553.213 234.214C535.34 252.087 523.25 275.491 516.774 304.217Z"
+          fill="currentColor"
+          stroke="currentColor"
+          strokeLinejoin="round"
+          strokeWidth="8"
+        />
+        <path
+          d="M857.5 508.116C763.259 497.644 710.903 445.288 700.432 351.047C689.961 445.288 637.605 497.644 543.364 508.116C637.605 518.587 689.961 570.943 700.432 665.184C710.903 570.943 763.259 518.587 857.5 508.116Z"
+          stroke="currentColor"
+          strokeLinejoin="round"
+          strokeWidth="20"
+        />
+        <path
+          d="M700.432 615.957C691.848 589.05 678.575 566.357 660.383 548.165C642.191 529.973 619.499 516.7 592.593 508.116C619.499 499.533 642.191 486.258 660.383 468.066C678.575 449.874 691.848 427.181 700.432 400.274C709.015 427.181 722.289 449.874 740.481 468.066C758.673 486.258 781.365 499.533 808.271 508.116C781.365 516.7 758.673 529.973 740.481 548.165C722.289 566.357 709.015 589.05 700.432 615.957Z"
+          stroke="currentColor"
+          strokeLinejoin="round"
+          strokeWidth="20"
+        />
+        <path
+          d="M889.949 121.237C831.049 114.692 798.326 81.9698 791.782 23.0692C785.237 81.9698 752.515 114.692 693.614 121.237C752.515 127.781 785.237 160.504 791.782 219.404C798.326 160.504 831.049 127.781 889.949 121.237Z"
+          fill="currentColor"
+          stroke="currentColor"
+          strokeLinejoin="round"
+          strokeWidth="8"
+        />
+        <path
+          d="M791.782 196.795C786.697 176.937 777.869 160.567 765.16 147.858C752.452 135.15 736.082 126.322 716.226 121.237C736.082 116.152 752.452 107.324 765.16 94.6152C777.869 81.9065 786.697 65.5368 791.782 45.6797C796.867 65.5367 805.695 81.9066 818.403 94.6152C831.112 107.324 847.481 116.152 867.338 121.237C847.481 126.322 831.112 135.15 818.403 147.858C805.694 160.567 796.867 176.937 791.782 196.795Z"
+          fill="currentColor"
+          stroke="currentColor"
+          strokeLinejoin="round"
+          strokeWidth="8"
+        />
+        <path
+          d="M760.632 764.337C720.719 814.616 669.835 855.1 611.872 882.692C553.91 910.285 490.404 924.255 426.213 923.533C362.022 922.812 298.846 907.419 241.518 878.531C184.19 849.643 134.228 808.026 95.4548 756.863C56.6815 705.7 30.1238 646.346 17.8129 583.343C5.50207 520.339 7.76433 455.354 24.4266 393.359C41.089 331.364 71.7099 274.001 113.947 225.658C156.184 177.315 208.919 139.273 268.117 114.442"
+          stroke="currentColor"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="30"
+        />
+      </svg>
+    ),
+    title: "Open in Scira",
+  },
+  t3: {
+    createUrl: (q: string) =>
+      `https://t3.chat/new?${new URLSearchParams({
+        q,
+      })}`,
+    icon: <MessageCircleIcon />,
+    title: "Open in T3 Chat",
+  },
+  v0: {
+    createUrl: (q: string) =>
+      `https://v0.app?${new URLSearchParams({
+        q,
+      })}`,
+    icon: (
+      <svg
+        fill="currentColor"
+        viewBox="0 0 147 70"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <title>v0</title>
+        <path d="M56 50.2031V14H70V60.1562C70 65.5928 65.5928 70 60.1562 70C57.5605 70 54.9982 68.9992 53.1562 67.1573L0 14H19.7969L56 50.2031Z" />
+        <path d="M147 56H133V23.9531L100.953 56H133V70H96.6875C85.8144 70 77 61.1856 77 50.3125V14H91V46.1562L123.156 14H91V0H127.312C138.186 0 147 8.81439 147 19.6875V56Z" />
+      </svg>
+    ),
+    title: "Open in v0",
+  },
+};
+
+const OpenInContext = createContext<{ query: string } | undefined>(undefined);
+
+const useOpenInContext = () => {
+  const context = useContext(OpenInContext);
+  if (!context) {
+    throw new Error("OpenIn components must be used within an OpenIn provider");
+  }
+  return context;
+};
+
+export type OpenInProps = ComponentProps<typeof DropdownMenu> & {
+  query: string;
+};
+
+export const OpenIn = ({ query, ...props }: OpenInProps) => {
+  const contextValue = useMemo(() => ({ query }), [query]);
+
+  return (
+    <OpenInContext.Provider value={contextValue}>
+      <DropdownMenu {...props} />
+    </OpenInContext.Provider>
+  );
+};
+
+export type OpenInContentProps = ComponentProps<typeof DropdownMenuContent>;
+
+export const OpenInContent = ({ className, ...props }: OpenInContentProps) => (
+  <DropdownMenuContent
+    align="start"
+    className={cn("w-[240px]", className)}
+    {...props}
+  />
+);
+
+export type OpenInItemProps = ComponentProps<typeof DropdownMenuItem>;
+
+export const OpenInItem = (props: OpenInItemProps) => (
+  <DropdownMenuItem {...props} />
+);
+
+export type OpenInLabelProps = ComponentProps<typeof DropdownMenuLabel>;
+
+export const OpenInLabel = (props: OpenInLabelProps) => (
+  <DropdownMenuLabel {...props} />
+);
+
+export type OpenInSeparatorProps = ComponentProps<typeof DropdownMenuSeparator>;
+
+export const OpenInSeparator = (props: OpenInSeparatorProps) => (
+  <DropdownMenuSeparator {...props} />
+);
+
+export type OpenInTriggerProps = ComponentProps<typeof DropdownMenuTrigger>;
+
+export const OpenInTrigger = ({ children, ...props }: OpenInTriggerProps) => (
+  <DropdownMenuTrigger {...props} asChild>
+    {children ?? (
+      <Button type="button" variant="outline">
+        Open in chat
+        <ChevronDownIcon className="size-4" />
+      </Button>
+    )}
+  </DropdownMenuTrigger>
+);
+
+export type OpenInChatGPTProps = ComponentProps<typeof DropdownMenuItem>;
+
+export const OpenInChatGPT = (props: OpenInChatGPTProps) => {
+  const { query } = useOpenInContext();
+  return (
+    <DropdownMenuItem asChild {...props}>
+      <a
+        className="flex items-center gap-2"
+        href={providers.chatgpt.createUrl(query)}
+        rel="noopener"
+        target="_blank"
+      >
+        <span className="shrink-0">{providers.chatgpt.icon}</span>
+        <span className="flex-1">{providers.chatgpt.title}</span>
+        <ExternalLinkIcon className="size-4 shrink-0" />
+      </a>
+    </DropdownMenuItem>
+  );
+};
+
+export type OpenInClaudeProps = ComponentProps<typeof DropdownMenuItem>;
+
+export const OpenInClaude = (props: OpenInClaudeProps) => {
+  const { query } = useOpenInContext();
+  return (
+    <DropdownMenuItem asChild {...props}>
+      <a
+        className="flex items-center gap-2"
+        href={providers.claude.createUrl(query)}
+        rel="noopener"
+        target="_blank"
+      >
+        <span className="shrink-0">{providers.claude.icon}</span>
+        <span className="flex-1">{providers.claude.title}</span>
+        <ExternalLinkIcon className="size-4 shrink-0" />
+      </a>
+    </DropdownMenuItem>
+  );
+};
+
+export type OpenInT3Props = ComponentProps<typeof DropdownMenuItem>;
+
+export const OpenInT3 = (props: OpenInT3Props) => {
+  const { query } = useOpenInContext();
+  return (
+    <DropdownMenuItem asChild {...props}>
+      <a
+        className="flex items-center gap-2"
+        href={providers.t3.createUrl(query)}
+        rel="noopener"
+        target="_blank"
+      >
+        <span className="shrink-0">{providers.t3.icon}</span>
+        <span className="flex-1">{providers.t3.title}</span>
+        <ExternalLinkIcon className="size-4 shrink-0" />
+      </a>
+    </DropdownMenuItem>
+  );
+};
+
+export type OpenInSciraProps = ComponentProps<typeof DropdownMenuItem>;
+
+export const OpenInScira = (props: OpenInSciraProps) => {
+  const { query } = useOpenInContext();
+  return (
+    <DropdownMenuItem asChild {...props}>
+      <a
+        className="flex items-center gap-2"
+        href={providers.scira.createUrl(query)}
+        rel="noopener"
+        target="_blank"
+      >
+        <span className="shrink-0">{providers.scira.icon}</span>
+        <span className="flex-1">{providers.scira.title}</span>
+        <ExternalLinkIcon className="size-4 shrink-0" />
+      </a>
+    </DropdownMenuItem>
+  );
+};
+
+export type OpenInv0Props = ComponentProps<typeof DropdownMenuItem>;
+
+export const OpenInv0 = (props: OpenInv0Props) => {
+  const { query } = useOpenInContext();
+  return (
+    <DropdownMenuItem asChild {...props}>
+      <a
+        className="flex items-center gap-2"
+        href={providers.v0.createUrl(query)}
+        rel="noopener"
+        target="_blank"
+      >
+        <span className="shrink-0">{providers.v0.icon}</span>
+        <span className="flex-1">{providers.v0.title}</span>
+        <ExternalLinkIcon className="size-4 shrink-0" />
+      </a>
+    </DropdownMenuItem>
+  );
+};
+
+export type OpenInCursorProps = ComponentProps<typeof DropdownMenuItem>;
+
+export const OpenInCursor = (props: OpenInCursorProps) => {
+  const { query } = useOpenInContext();
+  return (
+    <DropdownMenuItem asChild {...props}>
+      <a
+        className="flex items-center gap-2"
+        href={providers.cursor.createUrl(query)}
+        rel="noopener"
+        target="_blank"
+      >
+        <span className="shrink-0">{providers.cursor.icon}</span>
+        <span className="flex-1">{providers.cursor.title}</span>
+        <ExternalLinkIcon className="size-4 shrink-0" />
+      </a>
+    </DropdownMenuItem>
+  );
+};
diff --git a/packages/ghost-ui/src/components/ai-elements/package-info.tsx b/packages/ghost-ui/src/components/ai-elements/package-info.tsx
new file mode 100644
index 0000000..ee11452
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/package-info.tsx
@@ -0,0 +1,239 @@
+"use client";
+
+import { ArrowRightIcon, MinusIcon, PackageIcon, PlusIcon } from "lucide-react";
+import type { HTMLAttributes } from "react";
+import { createContext, useContext, useMemo } from "react";
+import { Badge } from "@/components/ui/badge";
+import { cn } from "@/lib/utils";
+
+type ChangeType = "major" | "minor" | "patch" | "added" | "removed";
+
+interface PackageInfoContextType {
+  name: string;
+  currentVersion?: string;
+  newVersion?: string;
+  changeType?: ChangeType;
+}
+
+const PackageInfoContext = createContext<PackageInfoContextType>({
+  name: "",
+});
+
+export type PackageInfoHeaderProps = HTMLAttributes<HTMLDivElement>;
+
+export const PackageInfoHeader = ({
+  className,
+  children,
+  ...props
+}: PackageInfoHeaderProps) => (
+  <div
+    className={cn("flex items-center justify-between gap-2", className)}
+    {...props}
+  >
+    {children}
+  </div>
+);
+
+export type PackageInfoNameProps = HTMLAttributes<HTMLDivElement>;
+
+export const PackageInfoName = ({
+  className,
+  children,
+  ...props
+}: PackageInfoNameProps) => {
+  const { name } = useContext(PackageInfoContext);
+
+  return (
+    <div className={cn("flex items-center gap-2", className)} {...props}>
+      <PackageIcon className="size-4 text-muted-foreground" />
+      <span className="font-medium font-mono text-sm">{children ?? name}</span>
+    </div>
+  );
+};
+
+const changeTypeStyles: Record<ChangeType, string> = {
+  added: "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400",
+  major: "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400",
+  minor:
+    "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400",
+  patch: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",
+  removed: "bg-gray-100 text-gray-700 dark:bg-gray-900/30 dark:text-gray-400",
+};
+
+const changeTypeIcons: Record<ChangeType, React.ReactNode> = {
+  added: <PlusIcon className="size-3" />,
+  major: <ArrowRightIcon className="size-3" />,
+  minor: <ArrowRightIcon className="size-3" />,
+  patch: <ArrowRightIcon className="size-3" />,
+  removed: <MinusIcon className="size-3" />,
+};
+
+export type PackageInfoChangeTypeProps = HTMLAttributes<HTMLDivElement>;
+
+export const PackageInfoChangeType = ({
+  className,
+  children,
+  ...props
+}: PackageInfoChangeTypeProps) => {
+  const { changeType } = useContext(PackageInfoContext);
+
+  if (!changeType) {
+    return null;
+  }
+
+  return (
+    <Badge
+      className={cn(
+        "gap-1 text-xs capitalize",
+        changeTypeStyles[changeType],
+        className,
+      )}
+      variant="secondary"
+      {...props}
+    >
+      {changeTypeIcons[changeType]}
+      {children ?? changeType}
+    </Badge>
+  );
+};
+
+export type PackageInfoVersionProps = HTMLAttributes<HTMLDivElement>;
+
+export const PackageInfoVersion = ({
+  className,
+  children,
+  ...props
+}: PackageInfoVersionProps) => {
+  const { currentVersion, newVersion } = useContext(PackageInfoContext);
+
+  if (!(currentVersion || newVersion)) {
+    return null;
+  }
+
+  return (
+    <div
+      className={cn(
+        "mt-2 flex items-center gap-2 font-mono text-muted-foreground text-sm",
+        className,
+      )}
+      {...props}
+    >
+      {children ?? (
+        <>
+          {currentVersion && <span>{currentVersion}</span>}
+          {currentVersion && newVersion && (
+            <ArrowRightIcon className="size-3" />
+          )}
+          {newVersion && (
+            <span className="font-medium text-foreground">{newVersion}</span>
+          )}
+        </>
+      )}
+    </div>
+  );
+};
+
+export type PackageInfoProps = HTMLAttributes<HTMLDivElement> & {
+  name: string;
+  currentVersion?: string;
+  newVersion?: string;
+  changeType?: ChangeType;
+};
+
+export const PackageInfo = ({
+  name,
+  currentVersion,
+  newVersion,
+  changeType,
+  className,
+  children,
+  ...props
+}: PackageInfoProps) => {
+  const contextValue = useMemo(
+    () => ({ changeType, currentVersion, name, newVersion }),
+    [changeType, currentVersion, name, newVersion],
+  );
+
+  return (
+    <PackageInfoContext.Provider value={contextValue}>
+      <div
+        className={cn("rounded-lg border bg-background p-4", className)}
+        {...props}
+      >
+        {children ?? (
+          <>
+            <PackageInfoHeader>
+              <PackageInfoName />
+              {changeType && <PackageInfoChangeType />}
+            </PackageInfoHeader>
+            {(currentVersion || newVersion) && <PackageInfoVersion />}
+          </>
+        )}
+      </div>
+    </PackageInfoContext.Provider>
+  );
+};
+
+export type PackageInfoDescriptionProps = HTMLAttributes<HTMLParagraphElement>;
+
+export const PackageInfoDescription = ({
+  className,
+  children,
+  ...props
+}: PackageInfoDescriptionProps) => (
+  <p className={cn("mt-2 text-muted-foreground text-sm", className)} {...props}>
+    {children}
+  </p>
+);
+
+export type PackageInfoContentProps = HTMLAttributes<HTMLDivElement>;
+
+export const PackageInfoContent = ({
+  className,
+  children,
+  ...props
+}: PackageInfoContentProps) => (
+  <div className={cn("mt-3 border-t pt-3", className)} {...props}>
+    {children}
+  </div>
+);
+
+export type PackageInfoDependenciesProps = HTMLAttributes<HTMLDivElement>;
+
+export const PackageInfoDependencies = ({
+  className,
+  children,
+  ...props
+}: PackageInfoDependenciesProps) => (
+  <div className={cn("space-y-2", className)} {...props}>
+    <span className="font-medium text-muted-foreground text-xs uppercase tracking-wide">
+      Dependencies
+    </span>
+    <div className="space-y-1">{children}</div>
+  </div>
+);
+
+export type PackageInfoDependencyProps = HTMLAttributes<HTMLDivElement> & {
+  name: string;
+  version?: string;
+};
+
+export const PackageInfoDependency = ({
+  name,
+  version,
+  className,
+  children,
+  ...props
+}: PackageInfoDependencyProps) => (
+  <div
+    className={cn("flex items-center justify-between text-sm", className)}
+    {...props}
+  >
+    {children ?? (
+      <>
+        <span className="font-mono text-muted-foreground">{name}</span>
+        {version && <span className="font-mono text-xs">{version}</span>}
+      </>
+    )}
+  </div>
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/panel.tsx b/packages/ghost-ui/src/components/ai-elements/panel.tsx
new file mode 100644
index 0000000..93b0460
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/panel.tsx
@@ -0,0 +1,15 @@
+import { Panel as PanelPrimitive } from "@xyflow/react";
+import type { ComponentProps } from "react";
+import { cn } from "@/lib/utils";
+
+type PanelProps = ComponentProps<typeof PanelPrimitive>;
+
+export const Panel = ({ className, ...props }: PanelProps) => (
+  <PanelPrimitive
+    className={cn(
+      "m-4 overflow-hidden rounded-md border bg-card p-1",
+      className,
+    )}
+    {...props}
+  />
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/persona.tsx b/packages/ghost-ui/src/components/ai-elements/persona.tsx
new file mode 100644
index 0000000..ab0093a
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/persona.tsx
@@ -0,0 +1,306 @@
+"use client";
+
+import type { RiveParameters } from "@rive-app/react-webgl2";
+import {
+  useRive,
+  useStateMachineInput,
+  useViewModel,
+  useViewModelInstance,
+  useViewModelInstanceColor,
+} from "@rive-app/react-webgl2";
+import type { FC, ReactNode } from "react";
+import { memo, useEffect, useMemo, useRef, useState } from "react";
+import { cn } from "@/lib/utils";
+
+// Delays Rive initialization by one frame so that React Strict Mode's
+// immediate unmount cycle never creates a WebGL2 context. Only the
+// second (real) mount will initialise, avoiding context exhaustion.
+const useStrictModeSafeInit = () => {
+  const [ready, setReady] = useState(false);
+
+  useEffect(() => {
+    const id = requestAnimationFrame(() => setReady(true));
+    return () => {
+      cancelAnimationFrame(id);
+      setReady(false);
+    };
+  }, []);
+
+  return ready;
+};
+
+export type PersonaState =
+  | "idle"
+  | "listening"
+  | "thinking"
+  | "speaking"
+  | "asleep";
+
+interface PersonaProps {
+  state: PersonaState;
+  onLoad?: RiveParameters["onLoad"];
+  onLoadError?: RiveParameters["onLoadError"];
+  onReady?: () => void;
+  onPause?: RiveParameters["onPause"];
+  onPlay?: RiveParameters["onPlay"];
+  onStop?: RiveParameters["onStop"];
+  className?: string;
+  variant?: keyof typeof sources;
+}
+
+// The state machine name is always 'default' for Elements AI visuals
+const stateMachine = "default";
+
+const sources = {
+  command: {
+    dynamicColor: true,
+    hasModel: true,
+    source:
+      "https://ejiidnob33g9ap1r.public.blob.vercel-storage.com/command-2.0.riv",
+  },
+  glint: {
+    dynamicColor: true,
+    hasModel: true,
+    source:
+      "https://ejiidnob33g9ap1r.public.blob.vercel-storage.com/glint-2.0.riv",
+  },
+  halo: {
+    dynamicColor: true,
+    hasModel: true,
+    source:
+      "https://ejiidnob33g9ap1r.public.blob.vercel-storage.com/halo-2.0.riv",
+  },
+  mana: {
+    dynamicColor: false,
+    hasModel: true,
+    source:
+      "https://ejiidnob33g9ap1r.public.blob.vercel-storage.com/mana-2.0.riv",
+  },
+  obsidian: {
+    dynamicColor: true,
+    hasModel: true,
+    source:
+      "https://ejiidnob33g9ap1r.public.blob.vercel-storage.com/obsidian-2.0.riv",
+  },
+  opal: {
+    dynamicColor: false,
+    hasModel: false,
+    source:
+      "https://ejiidnob33g9ap1r.public.blob.vercel-storage.com/orb-1.2.riv",
+  },
+};
+
+const getCurrentTheme = (): "light" | "dark" => {
+  if (typeof window !== "undefined") {
+    if (document.documentElement.classList.contains("dark")) {
+      return "dark";
+    }
+    if (window.matchMedia?.("(prefers-color-scheme: dark)").matches) {
+      return "dark";
+    }
+  }
+  return "light";
+};
+
+const useTheme = (enabled: boolean) => {
+  const [theme, setTheme] = useState<"light" | "dark">(getCurrentTheme);
+
+  useEffect(() => {
+    // Skip if not enabled (avoids unnecessary observers for non-dynamic-color variants)
+    if (!enabled) {
+      return;
+    }
+
+    // Watch for classList changes
+    const observer = new MutationObserver(() => {
+      setTheme(getCurrentTheme());
+    });
+
+    observer.observe(document.documentElement, {
+      attributeFilter: ["class"],
+      attributes: true,
+    });
+
+    // Watch for OS-level theme changes
+    let mql: MediaQueryList | null = null;
+    const handleMediaChange = () => {
+      setTheme(getCurrentTheme());
+    };
+
+    if (window.matchMedia) {
+      mql = window.matchMedia("(prefers-color-scheme: dark)");
+      mql.addEventListener("change", handleMediaChange);
+    }
+
+    return () => {
+      observer.disconnect();
+      if (mql) {
+        mql.removeEventListener("change", handleMediaChange);
+      }
+    };
+  }, [enabled]);
+
+  return theme;
+};
+
+interface PersonaWithModelProps {
+  rive: ReturnType<typeof useRive>["rive"];
+  source: (typeof sources)[keyof typeof sources];
+  children: React.ReactNode;
+}
+
+const PersonaWithModel = memo(
+  ({ rive, source, children }: PersonaWithModelProps) => {
+    const theme = useTheme(source.dynamicColor);
+    const viewModel = useViewModel(rive, { useDefault: true });
+    const viewModelInstance = useViewModelInstance(viewModel, {
+      rive,
+      useDefault: true,
+    });
+    const viewModelInstanceColor = useViewModelInstanceColor(
+      "color",
+      viewModelInstance,
+    );
+
+    useEffect(() => {
+      if (!(viewModelInstanceColor && source.dynamicColor)) {
+        return;
+      }
+
+      const [r, g, b] = theme === "dark" ? [255, 255, 255] : [0, 0, 0];
+      viewModelInstanceColor.setRgb(r, g, b);
+    }, [viewModelInstanceColor, theme, source.dynamicColor]);
+
+    return children;
+  },
+);
+
+PersonaWithModel.displayName = "PersonaWithModel";
+
+interface PersonaWithoutModelProps {
+  children: ReactNode;
+}
+
+const PersonaWithoutModel = memo(
+  ({ children }: PersonaWithoutModelProps) => children,
+);
+
+PersonaWithoutModel.displayName = "PersonaWithoutModel";
+
+export const Persona: FC<PersonaProps> = memo(
+  ({
+    variant = "obsidian",
+    state = "idle",
+    onLoad,
+    onLoadError,
+    onReady,
+    onPause,
+    onPlay,
+    onStop,
+    className,
+  }) => {
+    const source = sources[variant];
+
+    if (!source) {
+      throw new Error(`Invalid variant: ${variant}`);
+    }
+
+    // Stabilize callbacks to prevent useRive from reinitializing
+    const callbacksRef = useRef({
+      onLoad,
+      onLoadError,
+      onPause,
+      onPlay,
+      onReady,
+      onStop,
+    });
+
+    useEffect(() => {
+      callbacksRef.current = {
+        onLoad,
+        onLoadError,
+        onPause,
+        onPlay,
+        onReady,
+        onStop,
+      };
+    }, [onLoad, onLoadError, onPause, onPlay, onReady, onStop]);
+
+    const stableCallbacks = useMemo(
+      () => ({
+        onLoad: ((loadedRive) =>
+          callbacksRef.current.onLoad?.(
+            loadedRive,
+          )) as RiveParameters["onLoad"],
+        onLoadError: ((err) =>
+          callbacksRef.current.onLoadError?.(
+            err,
+          )) as RiveParameters["onLoadError"],
+        onPause: ((event) =>
+          callbacksRef.current.onPause?.(event)) as RiveParameters["onPause"],
+        onPlay: ((event) =>
+          callbacksRef.current.onPlay?.(event)) as RiveParameters["onPlay"],
+        onReady: () => callbacksRef.current.onReady?.(),
+        onStop: ((event) =>
+          callbacksRef.current.onStop?.(event)) as RiveParameters["onStop"],
+      }),
+      [],
+    );
+
+    // Delay initialisation by one frame to avoid creating (and leaking)
+    // a WebGL2 context during React Strict Mode's first throw-away mount.
+    const ready = useStrictModeSafeInit();
+
+    const { rive, RiveComponent } = useRive(
+      ready
+        ? {
+            autoplay: true,
+            onLoad: stableCallbacks.onLoad,
+            onLoadError: stableCallbacks.onLoadError,
+            onPause: stableCallbacks.onPause,
+            onPlay: stableCallbacks.onPlay,
+            onRiveReady: stableCallbacks.onReady,
+            onStop: stableCallbacks.onStop,
+            src: source.source,
+            stateMachines: stateMachine,
+          }
+        : null,
+    );
+
+    const listeningInput = useStateMachineInput(
+      rive,
+      stateMachine,
+      "listening",
+    );
+    const thinkingInput = useStateMachineInput(rive, stateMachine, "thinking");
+    const speakingInput = useStateMachineInput(rive, stateMachine, "speaking");
+    const asleepInput = useStateMachineInput(rive, stateMachine, "asleep");
+
+    // Rive state machine inputs are mutable objects that must be set via direct
+    // property assignment — this is the intended Rive API, not a React anti-pattern.
+    useEffect(() => {
+      if (listeningInput) {
+        listeningInput.value = state === "listening";
+      }
+      if (thinkingInput) {
+        thinkingInput.value = state === "thinking";
+      }
+      if (speakingInput) {
+        speakingInput.value = state === "speaking";
+      }
+      if (asleepInput) {
+        asleepInput.value = state === "asleep";
+      }
+    }, [state, listeningInput, thinkingInput, speakingInput, asleepInput]);
+
+    const Component = source.hasModel ? PersonaWithModel : PersonaWithoutModel;
+
+    return (
+      <Component rive={rive} source={source}>
+        <RiveComponent className={cn("size-16 shrink-0", className)} />
+      </Component>
+    );
+  },
+);
+
+Persona.displayName = "Persona";
diff --git a/packages/ghost-ui/src/components/ai-elements/plan.tsx b/packages/ghost-ui/src/components/ai-elements/plan.tsx
new file mode 100644
index 0000000..e956184
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/plan.tsx
@@ -0,0 +1,147 @@
+"use client";
+
+import { ChevronsUpDownIcon } from "lucide-react";
+import type { ComponentProps } from "react";
+import { createContext, useContext, useMemo } from "react";
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
+import { cn } from "@/lib/utils";
+
+import { Shimmer } from "./shimmer";
+
+interface PlanContextValue {
+  isStreaming: boolean;
+}
+
+const PlanContext = createContext<PlanContextValue | null>(null);
+
+const usePlan = () => {
+  const context = useContext(PlanContext);
+  if (!context) {
+    throw new Error("Plan components must be used within Plan");
+  }
+  return context;
+};
+
+export type PlanProps = ComponentProps<typeof Collapsible> & {
+  isStreaming?: boolean;
+};
+
+export const Plan = ({
+  className,
+  isStreaming = false,
+  children,
+  ...props
+}: PlanProps) => {
+  const contextValue = useMemo(() => ({ isStreaming }), [isStreaming]);
+
+  return (
+    <PlanContext.Provider value={contextValue}>
+      <Collapsible asChild data-slot="plan" {...props}>
+        <Card className={cn("shadow-none", className)}>{children}</Card>
+      </Collapsible>
+    </PlanContext.Provider>
+  );
+};
+
+export type PlanHeaderProps = ComponentProps<typeof CardHeader>;
+
+export const PlanHeader = ({ className, ...props }: PlanHeaderProps) => (
+  <CardHeader
+    className={cn("flex items-start justify-between", className)}
+    data-slot="plan-header"
+    {...props}
+  />
+);
+
+export type PlanTitleProps = Omit<
+  ComponentProps<typeof CardTitle>,
+  "children"
+> & {
+  children: string;
+};
+
+export const PlanTitle = ({ children, ...props }: PlanTitleProps) => {
+  const { isStreaming } = usePlan();
+
+  return (
+    <CardTitle data-slot="plan-title" {...props}>
+      {isStreaming ? <Shimmer>{children}</Shimmer> : children}
+    </CardTitle>
+  );
+};
+
+export type PlanDescriptionProps = Omit<
+  ComponentProps<typeof CardDescription>,
+  "children"
+> & {
+  children: string;
+};
+
+export const PlanDescription = ({
+  className,
+  children,
+  ...props
+}: PlanDescriptionProps) => {
+  const { isStreaming } = usePlan();
+
+  return (
+    <CardDescription
+      className={cn("text-balance", className)}
+      data-slot="plan-description"
+      {...props}
+    >
+      {isStreaming ? <Shimmer>{children}</Shimmer> : children}
+    </CardDescription>
+  );
+};
+
+export type PlanActionProps = ComponentProps<typeof CardAction>;
+
+export const PlanAction = (props: PlanActionProps) => (
+  <CardAction data-slot="plan-action" {...props} />
+);
+
+export type PlanContentProps = ComponentProps<typeof CardContent>;
+
+export const PlanContent = (props: PlanContentProps) => (
+  <CollapsibleContent asChild>
+    <CardContent data-slot="plan-content" {...props} />
+  </CollapsibleContent>
+);
+
+export type PlanFooterProps = ComponentProps<"div">;
+
+export const PlanFooter = (props: PlanFooterProps) => (
+  <CardFooter data-slot="plan-footer" {...props} />
+);
+
+export type PlanTriggerProps = ComponentProps<typeof CollapsibleTrigger>;
+
+export const PlanTrigger = ({ className, ...props }: PlanTriggerProps) => (
+  <CollapsibleTrigger asChild>
+    <Button
+      className={cn("size-8", className)}
+      data-slot="plan-trigger"
+      size="icon"
+      variant="ghost"
+      {...props}
+    >
+      <ChevronsUpDownIcon className="size-4" />
+      <span className="sr-only">Toggle plan</span>
+    </Button>
+  </CollapsibleTrigger>
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/prompt-input.tsx b/packages/ghost-ui/src/components/ai-elements/prompt-input.tsx
new file mode 100644
index 0000000..32a636b
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/prompt-input.tsx
@@ -0,0 +1,1463 @@
+"use client";
+
+import type { ChatStatus, FileUIPart, SourceDocumentUIPart } from "ai";
+import {
+  CornerDownLeftIcon,
+  ImageIcon,
+  Monitor,
+  PlusIcon,
+  SquareIcon,
+  XIcon,
+} from "lucide-react";
+import { nanoid } from "nanoid";
+import type {
+  ChangeEvent,
+  ChangeEventHandler,
+  ClipboardEventHandler,
+  ComponentProps,
+  FormEvent,
+  FormEventHandler,
+  HTMLAttributes,
+  KeyboardEventHandler,
+  PropsWithChildren,
+  ReactNode,
+  RefObject,
+} from "react";
+import {
+  Children,
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+} from "@/components/ui/command";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+} from "@/components/ui/hover-card";
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupTextarea,
+} from "@/components/ui/input-group";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { Spinner } from "@/components/ui/spinner";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+import { cn } from "@/lib/utils";
+
+// ============================================================================
+// Helpers
+// ============================================================================
+
+const convertBlobUrlToDataUrl = async (url: string): Promise<string | null> => {
+  try {
+    const response = await fetch(url);
+    const blob = await response.blob();
+    // FileReader uses callback-based API, wrapping in Promise is necessary
+    // oxlint-disable-next-line eslint-plugin-promise(avoid-new)
+    return new Promise((resolve) => {
+      const reader = new FileReader();
+      // oxlint-disable-next-line eslint-plugin-unicorn(prefer-add-event-listener)
+      reader.onloadend = () => resolve(reader.result as string);
+      // oxlint-disable-next-line eslint-plugin-unicorn(prefer-add-event-listener)
+      reader.onerror = () => resolve(null);
+      reader.readAsDataURL(blob);
+    });
+  } catch {
+    return null;
+  }
+};
+
+const captureScreenshot = async (): Promise<File | null> => {
+  if (
+    typeof navigator === "undefined" ||
+    !navigator.mediaDevices?.getDisplayMedia
+  ) {
+    return null;
+  }
+
+  let stream: MediaStream | null = null;
+  const video = document.createElement("video");
+  video.muted = true;
+  video.playsInline = true;
+
+  try {
+    stream = await navigator.mediaDevices.getDisplayMedia({
+      audio: false,
+      video: true,
+    });
+
+    video.srcObject = stream;
+
+    // Video element uses callback-based API, wrapping in Promise is necessary
+    // oxlint-disable-next-line eslint-plugin-promise(avoid-new)
+    await new Promise<void>((resolve, reject) => {
+      // oxlint-disable-next-line eslint-plugin-unicorn(prefer-add-event-listener)
+      video.onloadedmetadata = () => resolve();
+      // oxlint-disable-next-line eslint-plugin-unicorn(prefer-add-event-listener)
+      video.onerror = () => reject(new Error("Failed to load screen stream"));
+    });
+
+    await video.play();
+
+    const width = video.videoWidth;
+    const height = video.videoHeight;
+    if (!width || !height) {
+      return null;
+    }
+
+    const canvas = document.createElement("canvas");
+    canvas.width = width;
+    canvas.height = height;
+    const context = canvas.getContext("2d");
+    if (!context) {
+      return null;
+    }
+
+    context.drawImage(video, 0, 0, width, height);
+    // canvas.toBlob uses callback-based API, wrapping in Promise is necessary
+    // oxlint-disable-next-line eslint-plugin-promise(avoid-new)
+    const blob = await new Promise<Blob | null>((resolve) => {
+      canvas.toBlob(resolve, "image/png");
+    });
+    if (!blob) {
+      return null;
+    }
+
+    const timestamp = new Date()
+      .toISOString()
+      .replaceAll(/[:.]/g, "-")
+      .replace("T", "_")
+      .replace("Z", "");
+
+    return new File([blob], `screenshot-${timestamp}.png`, {
+      lastModified: Date.now(),
+      type: "image/png",
+    });
+  } finally {
+    if (stream) {
+      for (const track of stream.getTracks()) {
+        track.stop();
+      }
+    }
+    video.pause();
+    video.srcObject = null;
+  }
+};
+
+// ============================================================================
+// Provider Context & Types
+// ============================================================================
+
+export interface AttachmentsContext {
+  files: (FileUIPart & { id: string })[];
+  add: (files: File[] | FileList) => void;
+  remove: (id: string) => void;
+  clear: () => void;
+  openFileDialog: () => void;
+  fileInputRef: RefObject<HTMLInputElement | null>;
+}
+
+export interface TextInputContext {
+  value: string;
+  setInput: (v: string) => void;
+  clear: () => void;
+}
+
+export interface PromptInputControllerProps {
+  textInput: TextInputContext;
+  attachments: AttachmentsContext;
+  /** INTERNAL: Allows PromptInput to register its file textInput + "open" callback */
+  __registerFileInput: (
+    ref: RefObject<HTMLInputElement | null>,
+    open: () => void,
+  ) => void;
+}
+
+const PromptInputController = createContext<PromptInputControllerProps | null>(
+  null,
+);
+const ProviderAttachmentsContext = createContext<AttachmentsContext | null>(
+  null,
+);
+
+export const usePromptInputController = () => {
+  const ctx = useContext(PromptInputController);
+  if (!ctx) {
+    throw new Error(
+      "Wrap your component inside <PromptInputProvider> to use usePromptInputController().",
+    );
+  }
+  return ctx;
+};
+
+// Optional variants (do NOT throw). Useful for dual-mode components.
+const useOptionalPromptInputController = () =>
+  useContext(PromptInputController);
+
+export const useProviderAttachments = () => {
+  const ctx = useContext(ProviderAttachmentsContext);
+  if (!ctx) {
+    throw new Error(
+      "Wrap your component inside <PromptInputProvider> to use useProviderAttachments().",
+    );
+  }
+  return ctx;
+};
+
+const useOptionalProviderAttachments = () =>
+  useContext(ProviderAttachmentsContext);
+
+export type PromptInputProviderProps = PropsWithChildren<{
+  initialInput?: string;
+}>;
+
+/**
+ * Optional global provider that lifts PromptInput state outside of PromptInput.
+ * If you don't use it, PromptInput stays fully self-managed.
+ */
+export const PromptInputProvider = ({
+  initialInput: initialTextInput = "",
+  children,
+}: PromptInputProviderProps) => {
+  // ----- textInput state
+  const [textInput, setTextInput] = useState(initialTextInput);
+  const clearInput = useCallback(() => setTextInput(""), []);
+
+  // ----- attachments state (global when wrapped)
+  const [attachmentFiles, setAttachmentFiles] = useState<
+    (FileUIPart & { id: string })[]
+  >([]);
+  const fileInputRef = useRef<HTMLInputElement | null>(null);
+  // oxlint-disable-next-line eslint(no-empty-function)
+  const openRef = useRef<() => void>(() => {});
+
+  const add = useCallback((files: File[] | FileList) => {
+    const incoming = [...files];
+    if (incoming.length === 0) {
+      return;
+    }
+
+    setAttachmentFiles((prev) => [
+      ...prev,
+      ...incoming.map((file) => ({
+        filename: file.name,
+        id: nanoid(),
+        mediaType: file.type,
+        type: "file" as const,
+        url: URL.createObjectURL(file),
+      })),
+    ]);
+  }, []);
+
+  const remove = useCallback((id: string) => {
+    setAttachmentFiles((prev) => {
+      const found = prev.find((f) => f.id === id);
+      if (found?.url) {
+        URL.revokeObjectURL(found.url);
+      }
+      return prev.filter((f) => f.id !== id);
+    });
+  }, []);
+
+  const clear = useCallback(() => {
+    setAttachmentFiles((prev) => {
+      for (const f of prev) {
+        if (f.url) {
+          URL.revokeObjectURL(f.url);
+        }
+      }
+      return [];
+    });
+  }, []);
+
+  // Keep a ref to attachments for cleanup on unmount (avoids stale closure)
+  const attachmentsRef = useRef(attachmentFiles);
+
+  useEffect(() => {
+    attachmentsRef.current = attachmentFiles;
+  }, [attachmentFiles]);
+
+  // Cleanup blob URLs on unmount to prevent memory leaks
+  useEffect(
+    () => () => {
+      for (const f of attachmentsRef.current) {
+        if (f.url) {
+          URL.revokeObjectURL(f.url);
+        }
+      }
+    },
+    [],
+  );
+
+  const openFileDialog = useCallback(() => {
+    openRef.current?.();
+  }, []);
+
+  const attachments = useMemo<AttachmentsContext>(
+    () => ({
+      add,
+      clear,
+      fileInputRef,
+      files: attachmentFiles,
+      openFileDialog,
+      remove,
+    }),
+    [attachmentFiles, add, remove, clear, openFileDialog],
+  );
+
+  const __registerFileInput = useCallback(
+    (ref: RefObject<HTMLInputElement | null>, open: () => void) => {
+      fileInputRef.current = ref.current;
+      openRef.current = open;
+    },
+    [],
+  );
+
+  const controller = useMemo<PromptInputControllerProps>(
+    () => ({
+      __registerFileInput,
+      attachments,
+      textInput: {
+        clear: clearInput,
+        setInput: setTextInput,
+        value: textInput,
+      },
+    }),
+    [textInput, clearInput, attachments, __registerFileInput],
+  );
+
+  return (
+    <PromptInputController.Provider value={controller}>
+      <ProviderAttachmentsContext.Provider value={attachments}>
+        {children}
+      </ProviderAttachmentsContext.Provider>
+    </PromptInputController.Provider>
+  );
+};
+
+// ============================================================================
+// Component Context & Hooks
+// ============================================================================
+
+const LocalAttachmentsContext = createContext<AttachmentsContext | null>(null);
+
+export const usePromptInputAttachments = () => {
+  // Prefer local context (inside PromptInput) as it has validation, fall back to provider
+  const provider = useOptionalProviderAttachments();
+  const local = useContext(LocalAttachmentsContext);
+  const context = local ?? provider;
+  if (!context) {
+    throw new Error(
+      "usePromptInputAttachments must be used within a PromptInput or PromptInputProvider",
+    );
+  }
+  return context;
+};
+
+// ============================================================================
+// Referenced Sources (Local to PromptInput)
+// ============================================================================
+
+export interface ReferencedSourcesContext {
+  sources: (SourceDocumentUIPart & { id: string })[];
+  add: (sources: SourceDocumentUIPart[] | SourceDocumentUIPart) => void;
+  remove: (id: string) => void;
+  clear: () => void;
+}
+
+export const LocalReferencedSourcesContext =
+  createContext<ReferencedSourcesContext | null>(null);
+
+export const usePromptInputReferencedSources = () => {
+  const ctx = useContext(LocalReferencedSourcesContext);
+  if (!ctx) {
+    throw new Error(
+      "usePromptInputReferencedSources must be used within a LocalReferencedSourcesContext.Provider",
+    );
+  }
+  return ctx;
+};
+
+export type PromptInputActionAddAttachmentsProps = ComponentProps<
+  typeof DropdownMenuItem
+> & {
+  label?: string;
+};
+
+export const PromptInputActionAddAttachments = ({
+  label = "Add photos or files",
+  ...props
+}: PromptInputActionAddAttachmentsProps) => {
+  const attachments = usePromptInputAttachments();
+
+  const handleSelect = useCallback(
+    (e: Event) => {
+      e.preventDefault();
+      attachments.openFileDialog();
+    },
+    [attachments],
+  );
+
+  return (
+    <DropdownMenuItem {...props} onSelect={handleSelect}>
+      <ImageIcon className="mr-2 size-4" /> {label}
+    </DropdownMenuItem>
+  );
+};
+
+export type PromptInputActionAddScreenshotProps = ComponentProps<
+  typeof DropdownMenuItem
+> & {
+  label?: string;
+};
+
+export const PromptInputActionAddScreenshot = ({
+  label = "Take screenshot",
+  onSelect,
+  ...props
+}: PromptInputActionAddScreenshotProps) => {
+  const attachments = usePromptInputAttachments();
+
+  const handleSelect = useCallback(
+    async (event: Event) => {
+      onSelect?.(event);
+      if (event.defaultPrevented) {
+        return;
+      }
+
+      try {
+        const screenshot = await captureScreenshot();
+        if (screenshot) {
+          attachments.add([screenshot]);
+        }
+      } catch (error) {
+        if (
+          error instanceof DOMException &&
+          (error.name === "NotAllowedError" || error.name === "AbortError")
+        ) {
+          return;
+        }
+        throw error;
+      }
+    },
+    [onSelect, attachments],
+  );
+
+  return (
+    <DropdownMenuItem {...props} onSelect={handleSelect}>
+      <Monitor className="mr-2 size-4" />
+      {label}
+    </DropdownMenuItem>
+  );
+};
+
+export interface PromptInputMessage {
+  text: string;
+  files: FileUIPart[];
+}
+
+export type PromptInputProps = Omit<
+  HTMLAttributes<HTMLFormElement>,
+  "onSubmit" | "onError"
+> & {
+  // e.g., "image/*" or leave undefined for any
+  accept?: string;
+  multiple?: boolean;
+  // When true, accepts drops anywhere on document. Default false (opt-in).
+  globalDrop?: boolean;
+  // Render a hidden input with given name and keep it in sync for native form posts. Default false.
+  syncHiddenInput?: boolean;
+  // Minimal constraints
+  maxFiles?: number;
+  // bytes
+  maxFileSize?: number;
+  onError?: (err: {
+    code: "max_files" | "max_file_size" | "accept";
+    message: string;
+  }) => void;
+  onSubmit: (
+    message: PromptInputMessage,
+    event: FormEvent<HTMLFormElement>,
+  ) => void | Promise<void>;
+};
+
+export const PromptInput = ({
+  className,
+  accept,
+  multiple,
+  globalDrop,
+  syncHiddenInput,
+  maxFiles,
+  maxFileSize,
+  onError,
+  onSubmit,
+  children,
+  ...props
+}: PromptInputProps) => {
+  // Try to use a provider controller if present
+  const controller = useOptionalPromptInputController();
+  const usingProvider = !!controller;
+
+  // Refs
+  const inputRef = useRef<HTMLInputElement | null>(null);
+  const formRef = useRef<HTMLFormElement | null>(null);
+
+  // ----- Local attachments (only used when no provider)
+  const [items, setItems] = useState<(FileUIPart & { id: string })[]>([]);
+  const files = usingProvider ? controller.attachments.files : items;
+
+  // ----- Local referenced sources (always local to PromptInput)
+  const [referencedSources, setReferencedSources] = useState<
+    (SourceDocumentUIPart & { id: string })[]
+  >([]);
+
+  // Keep a ref to files for cleanup on unmount (avoids stale closure)
+  const filesRef = useRef(files);
+
+  useEffect(() => {
+    filesRef.current = files;
+  }, [files]);
+
+  const openFileDialogLocal = useCallback(() => {
+    inputRef.current?.click();
+  }, []);
+
+  const matchesAccept = useCallback(
+    (f: File) => {
+      if (!accept || accept.trim() === "") {
+        return true;
+      }
+
+      const patterns = accept
+        .split(",")
+        .map((s) => s.trim())
+        .filter(Boolean);
+
+      return patterns.some((pattern) => {
+        if (pattern.endsWith("/*")) {
+          // e.g: image/* -> image/
+          const prefix = pattern.slice(0, -1);
+          return f.type.startsWith(prefix);
+        }
+        return f.type === pattern;
+      });
+    },
+    [accept],
+  );
+
+  const addLocal = useCallback(
+    (fileList: File[] | FileList) => {
+      const incoming = [...fileList];
+      const accepted = incoming.filter((f) => matchesAccept(f));
+      if (incoming.length && accepted.length === 0) {
+        onError?.({
+          code: "accept",
+          message: "No files match the accepted types.",
+        });
+        return;
+      }
+      const withinSize = (f: File) =>
+        maxFileSize ? f.size <= maxFileSize : true;
+      const sized = accepted.filter(withinSize);
+      if (accepted.length > 0 && sized.length === 0) {
+        onError?.({
+          code: "max_file_size",
+          message: "All files exceed the maximum size.",
+        });
+        return;
+      }
+
+      setItems((prev) => {
+        const capacity =
+          typeof maxFiles === "number"
+            ? Math.max(0, maxFiles - prev.length)
+            : undefined;
+        const capped =
+          typeof capacity === "number" ? sized.slice(0, capacity) : sized;
+        if (typeof capacity === "number" && sized.length > capacity) {
+          onError?.({
+            code: "max_files",
+            message: "Too many files. Some were not added.",
+          });
+        }
+        const next: (FileUIPart & { id: string })[] = [];
+        for (const file of capped) {
+          next.push({
+            filename: file.name,
+            id: nanoid(),
+            mediaType: file.type,
+            type: "file",
+            url: URL.createObjectURL(file),
+          });
+        }
+        return [...prev, ...next];
+      });
+    },
+    [matchesAccept, maxFiles, maxFileSize, onError],
+  );
+
+  const removeLocal = useCallback(
+    (id: string) =>
+      setItems((prev) => {
+        const found = prev.find((file) => file.id === id);
+        if (found?.url) {
+          URL.revokeObjectURL(found.url);
+        }
+        return prev.filter((file) => file.id !== id);
+      }),
+    [],
+  );
+
+  // Wrapper that validates files before calling provider's add
+  const addWithProviderValidation = useCallback(
+    (fileList: File[] | FileList) => {
+      const incoming = [...fileList];
+      const accepted = incoming.filter((f) => matchesAccept(f));
+      if (incoming.length && accepted.length === 0) {
+        onError?.({
+          code: "accept",
+          message: "No files match the accepted types.",
+        });
+        return;
+      }
+      const withinSize = (f: File) =>
+        maxFileSize ? f.size <= maxFileSize : true;
+      const sized = accepted.filter(withinSize);
+      if (accepted.length > 0 && sized.length === 0) {
+        onError?.({
+          code: "max_file_size",
+          message: "All files exceed the maximum size.",
+        });
+        return;
+      }
+
+      const currentCount = files.length;
+      const capacity =
+        typeof maxFiles === "number"
+          ? Math.max(0, maxFiles - currentCount)
+          : undefined;
+      const capped =
+        typeof capacity === "number" ? sized.slice(0, capacity) : sized;
+      if (typeof capacity === "number" && sized.length > capacity) {
+        onError?.({
+          code: "max_files",
+          message: "Too many files. Some were not added.",
+        });
+      }
+
+      if (capped.length > 0) {
+        controller?.attachments.add(capped);
+      }
+    },
+    [matchesAccept, maxFileSize, maxFiles, onError, files.length, controller],
+  );
+
+  const clearAttachments = useCallback(
+    () =>
+      usingProvider
+        ? controller?.attachments.clear()
+        : setItems((prev) => {
+            for (const file of prev) {
+              if (file.url) {
+                URL.revokeObjectURL(file.url);
+              }
+            }
+            return [];
+          }),
+    [usingProvider, controller],
+  );
+
+  const clearReferencedSources = useCallback(
+    () => setReferencedSources([]),
+    [],
+  );
+
+  const add = usingProvider ? addWithProviderValidation : addLocal;
+  const remove = usingProvider ? controller.attachments.remove : removeLocal;
+  const openFileDialog = usingProvider
+    ? controller.attachments.openFileDialog
+    : openFileDialogLocal;
+
+  const clear = useCallback(() => {
+    clearAttachments();
+    clearReferencedSources();
+  }, [clearAttachments, clearReferencedSources]);
+
+  // Let provider know about our hidden file input so external menus can call openFileDialog()
+  useEffect(() => {
+    if (!usingProvider) {
+      return;
+    }
+    controller.__registerFileInput(inputRef, () => inputRef.current?.click());
+  }, [usingProvider, controller]);
+
+  // Note: File input cannot be programmatically set for security reasons
+  // The syncHiddenInput prop is no longer functional
+  useEffect(() => {
+    if (syncHiddenInput && inputRef.current && files.length === 0) {
+      inputRef.current.value = "";
+    }
+  }, [files, syncHiddenInput]);
+
+  // Attach drop handlers on nearest form and document (opt-in)
+  useEffect(() => {
+    const form = formRef.current;
+    if (!form) {
+      return;
+    }
+    if (globalDrop) {
+      // when global drop is on, let the document-level handler own drops
+      return;
+    }
+
+    const onDragOver = (e: DragEvent) => {
+      if (e.dataTransfer?.types?.includes("Files")) {
+        e.preventDefault();
+      }
+    };
+    const onDrop = (e: DragEvent) => {
+      if (e.dataTransfer?.types?.includes("Files")) {
+        e.preventDefault();
+      }
+      if (e.dataTransfer?.files && e.dataTransfer.files.length > 0) {
+        add(e.dataTransfer.files);
+      }
+    };
+    form.addEventListener("dragover", onDragOver);
+    form.addEventListener("drop", onDrop);
+    return () => {
+      form.removeEventListener("dragover", onDragOver);
+      form.removeEventListener("drop", onDrop);
+    };
+  }, [add, globalDrop]);
+
+  useEffect(() => {
+    if (!globalDrop) {
+      return;
+    }
+
+    const onDragOver = (e: DragEvent) => {
+      if (e.dataTransfer?.types?.includes("Files")) {
+        e.preventDefault();
+      }
+    };
+    const onDrop = (e: DragEvent) => {
+      if (e.dataTransfer?.types?.includes("Files")) {
+        e.preventDefault();
+      }
+      if (e.dataTransfer?.files && e.dataTransfer.files.length > 0) {
+        add(e.dataTransfer.files);
+      }
+    };
+    document.addEventListener("dragover", onDragOver);
+    document.addEventListener("drop", onDrop);
+    return () => {
+      document.removeEventListener("dragover", onDragOver);
+      document.removeEventListener("drop", onDrop);
+    };
+  }, [add, globalDrop]);
+
+  useEffect(
+    () => () => {
+      if (!usingProvider) {
+        for (const f of filesRef.current) {
+          if (f.url) {
+            URL.revokeObjectURL(f.url);
+          }
+        }
+      }
+    },
+    [usingProvider],
+  );
+
+  const handleChange: ChangeEventHandler<HTMLInputElement> = useCallback(
+    (event) => {
+      if (event.currentTarget.files) {
+        add(event.currentTarget.files);
+      }
+      // Reset input value to allow selecting files that were previously removed
+      event.currentTarget.value = "";
+    },
+    [add],
+  );
+
+  const attachmentsCtx = useMemo<AttachmentsContext>(
+    () => ({
+      add,
+      clear: clearAttachments,
+      fileInputRef: inputRef,
+      files: files.map((item) => ({ ...item, id: item.id })),
+      openFileDialog,
+      remove,
+    }),
+    [files, add, remove, clearAttachments, openFileDialog],
+  );
+
+  const refsCtx = useMemo<ReferencedSourcesContext>(
+    () => ({
+      add: (incoming: SourceDocumentUIPart[] | SourceDocumentUIPart) => {
+        const array = Array.isArray(incoming) ? incoming : [incoming];
+        setReferencedSources((prev) => [
+          ...prev,
+          ...array.map((s) => ({ ...s, id: nanoid() })),
+        ]);
+      },
+      clear: clearReferencedSources,
+      remove: (id: string) => {
+        setReferencedSources((prev) => prev.filter((s) => s.id !== id));
+      },
+      sources: referencedSources,
+    }),
+    [referencedSources, clearReferencedSources],
+  );
+
+  const handleSubmit: FormEventHandler<HTMLFormElement> = useCallback(
+    async (event) => {
+      event.preventDefault();
+
+      const form = event.currentTarget;
+      const text = usingProvider
+        ? controller.textInput.value
+        : (() => {
+            const formData = new FormData(form);
+            return (formData.get("message") as string) || "";
+          })();
+
+      // Reset form immediately after capturing text to avoid race condition
+      // where user input during async blob conversion would be lost
+      if (!usingProvider) {
+        form.reset();
+      }
+
+      try {
+        // Convert blob URLs to data URLs asynchronously
+        const convertedFiles: FileUIPart[] = await Promise.all(
+          files.map(async ({ id: _id, ...item }) => {
+            if (item.url?.startsWith("blob:")) {
+              const dataUrl = await convertBlobUrlToDataUrl(item.url);
+              // If conversion failed, keep the original blob URL
+              return {
+                ...item,
+                url: dataUrl ?? item.url,
+              };
+            }
+            return item;
+          }),
+        );
+
+        const result = onSubmit({ files: convertedFiles, text }, event);
+
+        // Handle both sync and async onSubmit
+        if (result instanceof Promise) {
+          try {
+            await result;
+            clear();
+            if (usingProvider) {
+              controller.textInput.clear();
+            }
+          } catch {
+            // Don't clear on error - user may want to retry
+          }
+        } else {
+          // Sync function completed without throwing, clear inputs
+          clear();
+          if (usingProvider) {
+            controller.textInput.clear();
+          }
+        }
+      } catch {
+        // Don't clear on error - user may want to retry
+      }
+    },
+    [usingProvider, controller, files, onSubmit, clear],
+  );
+
+  // Render with or without local provider
+  const inner = (
+    <>
+      <input
+        accept={accept}
+        aria-label="Upload files"
+        className="hidden"
+        multiple={multiple}
+        onChange={handleChange}
+        ref={inputRef}
+        title="Upload files"
+        type="file"
+      />
+      <form
+        className={cn("w-full", className)}
+        onSubmit={handleSubmit}
+        ref={formRef}
+        {...props}
+      >
+        <InputGroup className="overflow-hidden">{children}</InputGroup>
+      </form>
+    </>
+  );
+
+  const withReferencedSources = (
+    <LocalReferencedSourcesContext.Provider value={refsCtx}>
+      {inner}
+    </LocalReferencedSourcesContext.Provider>
+  );
+
+  // Always provide LocalAttachmentsContext so children get validated add function
+  return (
+    <LocalAttachmentsContext.Provider value={attachmentsCtx}>
+      {withReferencedSources}
+    </LocalAttachmentsContext.Provider>
+  );
+};
+
+export type PromptInputBodyProps = HTMLAttributes<HTMLDivElement>;
+
+export const PromptInputBody = ({
+  className,
+  ...props
+}: PromptInputBodyProps) => (
+  <div className={cn("contents", className)} {...props} />
+);
+
+export type PromptInputTextareaProps = ComponentProps<
+  typeof InputGroupTextarea
+>;
+
+export const PromptInputTextarea = ({
+  onChange,
+  onKeyDown,
+  className,
+  placeholder = "What would you like to know?",
+  ...props
+}: PromptInputTextareaProps) => {
+  const controller = useOptionalPromptInputController();
+  const attachments = usePromptInputAttachments();
+  const [isComposing, setIsComposing] = useState(false);
+
+  const handleKeyDown: KeyboardEventHandler<HTMLTextAreaElement> = useCallback(
+    (e) => {
+      // Call the external onKeyDown handler first
+      onKeyDown?.(e);
+
+      // If the external handler prevented default, don't run internal logic
+      if (e.defaultPrevented) {
+        return;
+      }
+
+      if (e.key === "Enter") {
+        if (isComposing || e.nativeEvent.isComposing) {
+          return;
+        }
+        if (e.shiftKey) {
+          return;
+        }
+        e.preventDefault();
+
+        // Check if the submit button is disabled before submitting
+        const { form } = e.currentTarget;
+        const submitButton = form?.querySelector(
+          'button[type="submit"]',
+        ) as HTMLButtonElement | null;
+        if (submitButton?.disabled) {
+          return;
+        }
+
+        form?.requestSubmit();
+      }
+
+      // Remove last attachment when Backspace is pressed and textarea is empty
+      if (
+        e.key === "Backspace" &&
+        e.currentTarget.value === "" &&
+        attachments.files.length > 0
+      ) {
+        e.preventDefault();
+        const lastAttachment = attachments.files.at(-1);
+        if (lastAttachment) {
+          attachments.remove(lastAttachment.id);
+        }
+      }
+    },
+    [onKeyDown, isComposing, attachments],
+  );
+
+  const handlePaste: ClipboardEventHandler<HTMLTextAreaElement> = useCallback(
+    (event) => {
+      const items = event.clipboardData?.items;
+
+      if (!items) {
+        return;
+      }
+
+      const files: File[] = [];
+
+      for (const item of items) {
+        if (item.kind === "file") {
+          const file = item.getAsFile();
+          if (file) {
+            files.push(file);
+          }
+        }
+      }
+
+      if (files.length > 0) {
+        event.preventDefault();
+        attachments.add(files);
+      }
+    },
+    [attachments],
+  );
+
+  const handleCompositionEnd = useCallback(() => setIsComposing(false), []);
+  const handleCompositionStart = useCallback(() => setIsComposing(true), []);
+
+  const controlledProps = controller
+    ? {
+        onChange: (e: ChangeEvent<HTMLTextAreaElement>) => {
+          controller.textInput.setInput(e.currentTarget.value);
+          onChange?.(e);
+        },
+        value: controller.textInput.value,
+      }
+    : {
+        onChange,
+      };
+
+  return (
+    <InputGroupTextarea
+      className={cn("field-sizing-content max-h-48 min-h-16", className)}
+      name="message"
+      onCompositionEnd={handleCompositionEnd}
+      onCompositionStart={handleCompositionStart}
+      onKeyDown={handleKeyDown}
+      onPaste={handlePaste}
+      placeholder={placeholder}
+      {...props}
+      {...controlledProps}
+    />
+  );
+};
+
+export type PromptInputHeaderProps = Omit<
+  ComponentProps<typeof InputGroupAddon>,
+  "align"
+>;
+
+export const PromptInputHeader = ({
+  className,
+  ...props
+}: PromptInputHeaderProps) => (
+  <InputGroupAddon
+    align="block-end"
+    className={cn("order-first flex-wrap gap-1", className)}
+    {...props}
+  />
+);
+
+export type PromptInputFooterProps = Omit<
+  ComponentProps<typeof InputGroupAddon>,
+  "align"
+>;
+
+export const PromptInputFooter = ({
+  className,
+  ...props
+}: PromptInputFooterProps) => (
+  <InputGroupAddon
+    align="block-end"
+    className={cn("justify-between gap-1", className)}
+    {...props}
+  />
+);
+
+export type PromptInputToolsProps = HTMLAttributes<HTMLDivElement>;
+
+export const PromptInputTools = ({
+  className,
+  ...props
+}: PromptInputToolsProps) => (
+  <div
+    className={cn("flex min-w-0 items-center gap-1", className)}
+    {...props}
+  />
+);
+
+export type PromptInputButtonTooltip =
+  | string
+  | {
+      content: ReactNode;
+      shortcut?: string;
+      side?: ComponentProps<typeof TooltipContent>["side"];
+    };
+
+export type PromptInputButtonProps = ComponentProps<typeof InputGroupButton> & {
+  tooltip?: PromptInputButtonTooltip;
+};
+
+export const PromptInputButton = ({
+  variant = "ghost",
+  className,
+  size,
+  tooltip,
+  ...props
+}: PromptInputButtonProps) => {
+  const newSize =
+    size ?? (Children.count(props.children) > 1 ? "sm" : "icon-sm");
+
+  const button = (
+    <InputGroupButton
+      className={cn(className)}
+      size={newSize}
+      type="button"
+      variant={variant}
+      {...props}
+    />
+  );
+
+  if (!tooltip) {
+    return button;
+  }
+
+  const tooltipContent =
+    typeof tooltip === "string" ? tooltip : tooltip.content;
+  const shortcut = typeof tooltip === "string" ? undefined : tooltip.shortcut;
+  const side = typeof tooltip === "string" ? "top" : (tooltip.side ?? "top");
+
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>{button}</TooltipTrigger>
+      <TooltipContent side={side}>
+        {tooltipContent}
+        {shortcut && (
+          <span className="ml-2 text-muted-foreground">{shortcut}</span>
+        )}
+      </TooltipContent>
+    </Tooltip>
+  );
+};
+
+export type PromptInputActionMenuProps = ComponentProps<typeof DropdownMenu>;
+export const PromptInputActionMenu = (props: PromptInputActionMenuProps) => (
+  <DropdownMenu {...props} />
+);
+
+export type PromptInputActionMenuTriggerProps = PromptInputButtonProps;
+
+export const PromptInputActionMenuTrigger = ({
+  className,
+  children,
+  ...props
+}: PromptInputActionMenuTriggerProps) => (
+  <DropdownMenuTrigger asChild>
+    <PromptInputButton className={className} {...props}>
+      {children ?? <PlusIcon className="size-4" />}
+    </PromptInputButton>
+  </DropdownMenuTrigger>
+);
+
+export type PromptInputActionMenuContentProps = ComponentProps<
+  typeof DropdownMenuContent
+>;
+export const PromptInputActionMenuContent = ({
+  className,
+  ...props
+}: PromptInputActionMenuContentProps) => (
+  <DropdownMenuContent align="start" className={cn(className)} {...props} />
+);
+
+export type PromptInputActionMenuItemProps = ComponentProps<
+  typeof DropdownMenuItem
+>;
+export const PromptInputActionMenuItem = ({
+  className,
+  ...props
+}: PromptInputActionMenuItemProps) => (
+  <DropdownMenuItem className={cn(className)} {...props} />
+);
+
+// Note: Actions that perform side-effects (like opening a file dialog)
+// are provided in opt-in modules (e.g., prompt-input-attachments).
+
+export type PromptInputSubmitProps = ComponentProps<typeof InputGroupButton> & {
+  status?: ChatStatus;
+  onStop?: () => void;
+};
+
+export const PromptInputSubmit = ({
+  className,
+  variant = "default",
+  size = "icon-sm",
+  status,
+  onStop,
+  onClick,
+  children,
+  ...props
+}: PromptInputSubmitProps) => {
+  const isGenerating = status === "submitted" || status === "streaming";
+
+  let Icon = <CornerDownLeftIcon className="size-4" />;
+
+  if (status === "submitted") {
+    Icon = <Spinner />;
+  } else if (status === "streaming") {
+    Icon = <SquareIcon className="size-4" />;
+  } else if (status === "error") {
+    Icon = <XIcon className="size-4" />;
+  }
+
+  const handleClick = useCallback(
+    (e: React.MouseEvent<HTMLButtonElement>) => {
+      if (isGenerating && onStop) {
+        e.preventDefault();
+        onStop();
+        return;
+      }
+      onClick?.(e);
+    },
+    [isGenerating, onStop, onClick],
+  );
+
+  return (
+    <InputGroupButton
+      aria-label={isGenerating ? "Stop" : "Submit"}
+      className={cn(className)}
+      onClick={handleClick}
+      size={size}
+      type={isGenerating && onStop ? "button" : "submit"}
+      variant={variant}
+      {...props}
+    >
+      {children ?? Icon}
+    </InputGroupButton>
+  );
+};
+
+export type PromptInputSelectProps = ComponentProps<typeof Select>;
+
+export const PromptInputSelect = (props: PromptInputSelectProps) => (
+  <Select {...props} />
+);
+
+export type PromptInputSelectTriggerProps = ComponentProps<
+  typeof SelectTrigger
+>;
+
+export const PromptInputSelectTrigger = ({
+  className,
+  ...props
+}: PromptInputSelectTriggerProps) => (
+  <SelectTrigger
+    className={cn(
+      "border-none bg-transparent font-medium text-muted-foreground shadow-none transition-colors",
+      "hover:bg-accent hover:text-foreground aria-expanded:bg-accent aria-expanded:text-foreground",
+      className,
+    )}
+    {...props}
+  />
+);
+
+export type PromptInputSelectContentProps = ComponentProps<
+  typeof SelectContent
+>;
+
+export const PromptInputSelectContent = ({
+  className,
+  ...props
+}: PromptInputSelectContentProps) => (
+  <SelectContent className={cn(className)} {...props} />
+);
+
+export type PromptInputSelectItemProps = ComponentProps<typeof SelectItem>;
+
+export const PromptInputSelectItem = ({
+  className,
+  ...props
+}: PromptInputSelectItemProps) => (
+  <SelectItem className={cn(className)} {...props} />
+);
+
+export type PromptInputSelectValueProps = ComponentProps<typeof SelectValue>;
+
+export const PromptInputSelectValue = ({
+  className,
+  ...props
+}: PromptInputSelectValueProps) => (
+  <SelectValue className={cn(className)} {...props} />
+);
+
+export type PromptInputHoverCardProps = ComponentProps<typeof HoverCard>;
+
+export const PromptInputHoverCard = ({
+  openDelay = 0,
+  closeDelay = 0,
+  ...props
+}: PromptInputHoverCardProps) => (
+  <HoverCard closeDelay={closeDelay} openDelay={openDelay} {...props} />
+);
+
+export type PromptInputHoverCardTriggerProps = ComponentProps<
+  typeof HoverCardTrigger
+>;
+
+export const PromptInputHoverCardTrigger = (
+  props: PromptInputHoverCardTriggerProps,
+) => <HoverCardTrigger {...props} />;
+
+export type PromptInputHoverCardContentProps = ComponentProps<
+  typeof HoverCardContent
+>;
+
+export const PromptInputHoverCardContent = ({
+  align = "start",
+  ...props
+}: PromptInputHoverCardContentProps) => (
+  <HoverCardContent align={align} {...props} />
+);
+
+export type PromptInputTabsListProps = HTMLAttributes<HTMLDivElement>;
+
+export const PromptInputTabsList = ({
+  className,
+  ...props
+}: PromptInputTabsListProps) => <div className={cn(className)} {...props} />;
+
+export type PromptInputTabProps = HTMLAttributes<HTMLDivElement>;
+
+export const PromptInputTab = ({
+  className,
+  ...props
+}: PromptInputTabProps) => <div className={cn(className)} {...props} />;
+
+export type PromptInputTabLabelProps = HTMLAttributes<HTMLHeadingElement>;
+
+export const PromptInputTabLabel = ({
+  className,
+  ...props
+}: PromptInputTabLabelProps) => (
+  // Content provided via children in props
+  // oxlint-disable-next-line eslint-plugin-jsx-a11y(heading-has-content)
+  <h3
+    className={cn(
+      "mb-2 px-3 font-medium text-muted-foreground text-xs",
+      className,
+    )}
+    {...props}
+  />
+);
+
+export type PromptInputTabBodyProps = HTMLAttributes<HTMLDivElement>;
+
+export const PromptInputTabBody = ({
+  className,
+  ...props
+}: PromptInputTabBodyProps) => (
+  <div className={cn("space-y-1", className)} {...props} />
+);
+
+export type PromptInputTabItemProps = HTMLAttributes<HTMLDivElement>;
+
+export const PromptInputTabItem = ({
+  className,
+  ...props
+}: PromptInputTabItemProps) => (
+  <div
+    className={cn(
+      "flex items-center gap-2 px-3 py-2 text-xs hover:bg-accent",
+      className,
+    )}
+    {...props}
+  />
+);
+
+export type PromptInputCommandProps = ComponentProps<typeof Command>;
+
+export const PromptInputCommand = ({
+  className,
+  ...props
+}: PromptInputCommandProps) => <Command className={cn(className)} {...props} />;
+
+export type PromptInputCommandInputProps = ComponentProps<typeof CommandInput>;
+
+export const PromptInputCommandInput = ({
+  className,
+  ...props
+}: PromptInputCommandInputProps) => (
+  <CommandInput className={cn(className)} {...props} />
+);
+
+export type PromptInputCommandListProps = ComponentProps<typeof CommandList>;
+
+export const PromptInputCommandList = ({
+  className,
+  ...props
+}: PromptInputCommandListProps) => (
+  <CommandList className={cn(className)} {...props} />
+);
+
+export type PromptInputCommandEmptyProps = ComponentProps<typeof CommandEmpty>;
+
+export const PromptInputCommandEmpty = ({
+  className,
+  ...props
+}: PromptInputCommandEmptyProps) => (
+  <CommandEmpty className={cn(className)} {...props} />
+);
+
+export type PromptInputCommandGroupProps = ComponentProps<typeof CommandGroup>;
+
+export const PromptInputCommandGroup = ({
+  className,
+  ...props
+}: PromptInputCommandGroupProps) => (
+  <CommandGroup className={cn(className)} {...props} />
+);
+
+export type PromptInputCommandItemProps = ComponentProps<typeof CommandItem>;
+
+export const PromptInputCommandItem = ({
+  className,
+  ...props
+}: PromptInputCommandItemProps) => (
+  <CommandItem className={cn(className)} {...props} />
+);
+
+export type PromptInputCommandSeparatorProps = ComponentProps<
+  typeof CommandSeparator
+>;
+
+export const PromptInputCommandSeparator = ({
+  className,
+  ...props
+}: PromptInputCommandSeparatorProps) => (
+  <CommandSeparator className={cn(className)} {...props} />
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/queue.tsx b/packages/ghost-ui/src/components/ai-elements/queue.tsx
new file mode 100644
index 0000000..24beef0
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/queue.tsx
@@ -0,0 +1,274 @@
+"use client";
+
+import { ChevronDownIcon, PaperclipIcon } from "lucide-react";
+import type { ComponentProps } from "react";
+import { Button } from "@/components/ui/button";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
+import { ScrollArea } from "@/components/ui/scroll-area";
+import { cn } from "@/lib/utils";
+
+export interface QueueMessagePart {
+  type: string;
+  text?: string;
+  url?: string;
+  filename?: string;
+  mediaType?: string;
+}
+
+export interface QueueMessage {
+  id: string;
+  parts: QueueMessagePart[];
+}
+
+export interface QueueTodo {
+  id: string;
+  title: string;
+  description?: string;
+  status?: "pending" | "completed";
+}
+
+export type QueueItemProps = ComponentProps<"li">;
+
+export const QueueItem = ({ className, ...props }: QueueItemProps) => (
+  <li
+    className={cn(
+      "group flex flex-col gap-1 rounded-md px-3 py-1 text-sm transition-colors hover:bg-muted",
+      className,
+    )}
+    {...props}
+  />
+);
+
+export type QueueItemIndicatorProps = ComponentProps<"span"> & {
+  completed?: boolean;
+};
+
+export const QueueItemIndicator = ({
+  completed = false,
+  className,
+  ...props
+}: QueueItemIndicatorProps) => (
+  <span
+    className={cn(
+      "mt-0.5 inline-block size-2.5 rounded-full border",
+      completed
+        ? "border-muted-foreground/20 bg-muted-foreground/10"
+        : "border-muted-foreground/50",
+      className,
+    )}
+    {...props}
+  />
+);
+
+export type QueueItemContentProps = ComponentProps<"span"> & {
+  completed?: boolean;
+};
+
+export const QueueItemContent = ({
+  completed = false,
+  className,
+  ...props
+}: QueueItemContentProps) => (
+  <span
+    className={cn(
+      "line-clamp-1 grow break-words",
+      completed
+        ? "text-muted-foreground/50 line-through"
+        : "text-muted-foreground",
+      className,
+    )}
+    {...props}
+  />
+);
+
+export type QueueItemDescriptionProps = ComponentProps<"div"> & {
+  completed?: boolean;
+};
+
+export const QueueItemDescription = ({
+  completed = false,
+  className,
+  ...props
+}: QueueItemDescriptionProps) => (
+  <div
+    className={cn(
+      "ml-6 text-xs",
+      completed
+        ? "text-muted-foreground/40 line-through"
+        : "text-muted-foreground",
+      className,
+    )}
+    {...props}
+  />
+);
+
+export type QueueItemActionsProps = ComponentProps<"div">;
+
+export const QueueItemActions = ({
+  className,
+  ...props
+}: QueueItemActionsProps) => (
+  <div className={cn("flex gap-1", className)} {...props} />
+);
+
+export type QueueItemActionProps = Omit<
+  ComponentProps<typeof Button>,
+  "variant" | "size"
+>;
+
+export const QueueItemAction = ({
+  className,
+  ...props
+}: QueueItemActionProps) => (
+  <Button
+    className={cn(
+      "size-auto rounded p-1 text-muted-foreground opacity-0 transition-opacity hover:bg-muted-foreground/10 hover:text-foreground group-hover:opacity-100",
+      className,
+    )}
+    size="icon"
+    type="button"
+    variant="ghost"
+    {...props}
+  />
+);
+
+export type QueueItemAttachmentProps = ComponentProps<"div">;
+
+export const QueueItemAttachment = ({
+  className,
+  ...props
+}: QueueItemAttachmentProps) => (
+  <div className={cn("mt-1 flex flex-wrap gap-2", className)} {...props} />
+);
+
+export type QueueItemImageProps = ComponentProps<"img">;
+
+export const QueueItemImage = ({
+  className,
+  ...props
+}: QueueItemImageProps) => (
+  <img
+    alt=""
+    className={cn("h-8 w-8 rounded border object-cover", className)}
+    height={32}
+    width={32}
+    {...props}
+  />
+);
+
+export type QueueItemFileProps = ComponentProps<"span">;
+
+export const QueueItemFile = ({
+  children,
+  className,
+  ...props
+}: QueueItemFileProps) => (
+  <span
+    className={cn(
+      "flex items-center gap-1 rounded border bg-muted px-2 py-1 text-xs",
+      className,
+    )}
+    {...props}
+  >
+    <PaperclipIcon size={12} />
+    <span className="max-w-[100px] truncate">{children}</span>
+  </span>
+);
+
+export type QueueListProps = ComponentProps<typeof ScrollArea>;
+
+export const QueueList = ({
+  children,
+  className,
+  ...props
+}: QueueListProps) => (
+  <ScrollArea className={cn("mt-2 -mb-1", className)} {...props}>
+    <div className="max-h-40 pr-4">
+      <ul>{children}</ul>
+    </div>
+  </ScrollArea>
+);
+
+// QueueSection - collapsible section container
+export type QueueSectionProps = ComponentProps<typeof Collapsible>;
+
+export const QueueSection = ({
+  className,
+  defaultOpen = true,
+  ...props
+}: QueueSectionProps) => (
+  <Collapsible className={cn(className)} defaultOpen={defaultOpen} {...props} />
+);
+
+// QueueSectionTrigger - section header/trigger
+export type QueueSectionTriggerProps = ComponentProps<"button">;
+
+export const QueueSectionTrigger = ({
+  children,
+  className,
+  ...props
+}: QueueSectionTriggerProps) => (
+  <CollapsibleTrigger asChild>
+    <button
+      className={cn(
+        "group flex w-full items-center justify-between rounded-md bg-muted/40 px-3 py-2 text-left font-medium text-muted-foreground text-sm transition-colors hover:bg-muted",
+        className,
+      )}
+      type="button"
+      {...props}
+    >
+      {children}
+    </button>
+  </CollapsibleTrigger>
+);
+
+// QueueSectionLabel - label content with icon and count
+export type QueueSectionLabelProps = ComponentProps<"span"> & {
+  count?: number;
+  label: string;
+  icon?: React.ReactNode;
+};
+
+export const QueueSectionLabel = ({
+  count,
+  label,
+  icon,
+  className,
+  ...props
+}: QueueSectionLabelProps) => (
+  <span className={cn("flex items-center gap-2", className)} {...props}>
+    <ChevronDownIcon className="size-4 transition-transform group-data-[state=closed]:-rotate-90" />
+    {icon}
+    <span>
+      {count} {label}
+    </span>
+  </span>
+);
+
+// QueueSectionContent - collapsible content area
+export type QueueSectionContentProps = ComponentProps<
+  typeof CollapsibleContent
+>;
+
+export const QueueSectionContent = ({
+  className,
+  ...props
+}: QueueSectionContentProps) => (
+  <CollapsibleContent className={cn(className)} {...props} />
+);
+
+export type QueueProps = ComponentProps<"div">;
+
+export const Queue = ({ className, ...props }: QueueProps) => (
+  <div
+    className={cn(
+      "flex flex-col gap-2 rounded-xl border border-border bg-background px-3 pt-2 pb-2 shadow-xs",
+      className,
+    )}
+    {...props}
+  />
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/reasoning.tsx b/packages/ghost-ui/src/components/ai-elements/reasoning.tsx
new file mode 100644
index 0000000..86cd818
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/reasoning.tsx
@@ -0,0 +1,226 @@
+"use client";
+
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { cjk } from "@streamdown/cjk";
+import { code } from "@streamdown/code";
+import { math } from "@streamdown/math";
+import { mermaid } from "@streamdown/mermaid";
+import { BrainIcon, ChevronDownIcon } from "lucide-react";
+import type { ComponentProps, ReactNode } from "react";
+import {
+  createContext,
+  memo,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
+import { Streamdown } from "streamdown";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
+import { cn } from "@/lib/utils";
+
+import { Shimmer } from "./shimmer";
+
+interface ReasoningContextValue {
+  isStreaming: boolean;
+  isOpen: boolean;
+  setIsOpen: (open: boolean) => void;
+  duration: number | undefined;
+}
+
+const ReasoningContext = createContext<ReasoningContextValue | null>(null);
+
+export const useReasoning = () => {
+  const context = useContext(ReasoningContext);
+  if (!context) {
+    throw new Error("Reasoning components must be used within Reasoning");
+  }
+  return context;
+};
+
+export type ReasoningProps = ComponentProps<typeof Collapsible> & {
+  isStreaming?: boolean;
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  duration?: number;
+};
+
+const AUTO_CLOSE_DELAY = 1000;
+const MS_IN_S = 1000;
+
+export const Reasoning = memo(
+  ({
+    className,
+    isStreaming = false,
+    open,
+    defaultOpen,
+    onOpenChange,
+    duration: durationProp,
+    children,
+    ...props
+  }: ReasoningProps) => {
+    const resolvedDefaultOpen = defaultOpen ?? isStreaming;
+    // Track if defaultOpen was explicitly set to false (to prevent auto-open)
+    const isExplicitlyClosed = defaultOpen === false;
+
+    const [isOpen, setIsOpen] = useControllableState<boolean>({
+      defaultProp: resolvedDefaultOpen,
+      onChange: onOpenChange,
+      prop: open,
+    });
+    const [duration, setDuration] = useControllableState<number | undefined>({
+      defaultProp: undefined,
+      prop: durationProp,
+    });
+
+    const hasEverStreamedRef = useRef(isStreaming);
+    const [hasAutoClosed, setHasAutoClosed] = useState(false);
+    const startTimeRef = useRef<number | null>(null);
+
+    // Track when streaming starts and compute duration
+    useEffect(() => {
+      if (isStreaming) {
+        hasEverStreamedRef.current = true;
+        if (startTimeRef.current === null) {
+          startTimeRef.current = Date.now();
+        }
+      } else if (startTimeRef.current !== null) {
+        setDuration(Math.ceil((Date.now() - startTimeRef.current) / MS_IN_S));
+        startTimeRef.current = null;
+      }
+    }, [isStreaming, setDuration]);
+
+    // Auto-open when streaming starts (unless explicitly closed)
+    useEffect(() => {
+      if (isStreaming && !isOpen && !isExplicitlyClosed) {
+        setIsOpen(true);
+      }
+    }, [isStreaming, isOpen, setIsOpen, isExplicitlyClosed]);
+
+    // Auto-close when streaming ends (once only, and only if it ever streamed)
+    useEffect(() => {
+      if (
+        hasEverStreamedRef.current &&
+        !isStreaming &&
+        isOpen &&
+        !hasAutoClosed
+      ) {
+        const timer = setTimeout(() => {
+          setIsOpen(false);
+          setHasAutoClosed(true);
+        }, AUTO_CLOSE_DELAY);
+
+        return () => clearTimeout(timer);
+      }
+    }, [isStreaming, isOpen, setIsOpen, hasAutoClosed]);
+
+    const handleOpenChange = useCallback(
+      (newOpen: boolean) => {
+        setIsOpen(newOpen);
+      },
+      [setIsOpen],
+    );
+
+    const contextValue = useMemo(
+      () => ({ duration, isOpen, isStreaming, setIsOpen }),
+      [duration, isOpen, isStreaming, setIsOpen],
+    );
+
+    return (
+      <ReasoningContext.Provider value={contextValue}>
+        <Collapsible
+          className={cn("not-prose mb-4", className)}
+          onOpenChange={handleOpenChange}
+          open={isOpen}
+          {...props}
+        >
+          {children}
+        </Collapsible>
+      </ReasoningContext.Provider>
+    );
+  },
+);
+
+export type ReasoningTriggerProps = ComponentProps<
+  typeof CollapsibleTrigger
+> & {
+  getThinkingMessage?: (isStreaming: boolean, duration?: number) => ReactNode;
+};
+
+const defaultGetThinkingMessage = (isStreaming: boolean, duration?: number) => {
+  if (isStreaming || duration === 0) {
+    return <Shimmer duration={1}>Thinking...</Shimmer>;
+  }
+  if (duration === undefined) {
+    return <p>Thought for a few seconds</p>;
+  }
+  return <p>Thought for {duration} seconds</p>;
+};
+
+export const ReasoningTrigger = memo(
+  ({
+    className,
+    children,
+    getThinkingMessage = defaultGetThinkingMessage,
+    ...props
+  }: ReasoningTriggerProps) => {
+    const { isStreaming, isOpen, duration } = useReasoning();
+
+    return (
+      <CollapsibleTrigger
+        className={cn(
+          "flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground",
+          className,
+        )}
+        {...props}
+      >
+        {children ?? (
+          <>
+            <BrainIcon className="size-4" />
+            {getThinkingMessage(isStreaming, duration)}
+            <ChevronDownIcon
+              className={cn(
+                "size-4 transition-transform",
+                isOpen ? "rotate-180" : "rotate-0",
+              )}
+            />
+          </>
+        )}
+      </CollapsibleTrigger>
+    );
+  },
+);
+
+export type ReasoningContentProps = ComponentProps<
+  typeof CollapsibleContent
+> & {
+  children: string;
+};
+
+const streamdownPlugins = { cjk, code, math, mermaid };
+
+export const ReasoningContent = memo(
+  ({ className, children, ...props }: ReasoningContentProps) => (
+    <CollapsibleContent
+      className={cn(
+        "mt-4 text-sm",
+        "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",
+        className,
+      )}
+      {...props}
+    >
+      <Streamdown plugins={streamdownPlugins}>{children}</Streamdown>
+    </CollapsibleContent>
+  ),
+);
+
+Reasoning.displayName = "Reasoning";
+ReasoningTrigger.displayName = "ReasoningTrigger";
+ReasoningContent.displayName = "ReasoningContent";
diff --git a/packages/ghost-ui/src/components/ai-elements/sandbox.tsx b/packages/ghost-ui/src/components/ai-elements/sandbox.tsx
new file mode 100644
index 0000000..3129b8a
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/sandbox.tsx
@@ -0,0 +1,127 @@
+"use client";
+
+import type { ToolUIPart } from "ai";
+import { ChevronDownIcon, Code } from "lucide-react";
+import type { ComponentProps } from "react";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { cn } from "@/lib/utils";
+
+import { getStatusBadge } from "./tool";
+
+export type SandboxRootProps = ComponentProps<typeof Collapsible>;
+
+export const Sandbox = ({ className, ...props }: SandboxRootProps) => (
+  <Collapsible
+    className={cn(
+      "not-prose group mb-4 w-full overflow-hidden rounded-md border",
+      className,
+    )}
+    defaultOpen
+    {...props}
+  />
+);
+
+export interface SandboxHeaderProps {
+  title?: string;
+  state: ToolUIPart["state"];
+  className?: string;
+}
+
+export const SandboxHeader = ({
+  className,
+  title,
+  state,
+  ...props
+}: SandboxHeaderProps) => (
+  <CollapsibleTrigger
+    className={cn(
+      "flex w-full items-center justify-between gap-4 p-3",
+      className,
+    )}
+    {...props}
+  >
+    <div className="flex items-center gap-2">
+      <Code className="size-4 text-muted-foreground" />
+      <span className="font-medium text-sm">{title}</span>
+      {getStatusBadge(state)}
+    </div>
+    <ChevronDownIcon className="size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" />
+  </CollapsibleTrigger>
+);
+
+export type SandboxContentProps = ComponentProps<typeof CollapsibleContent>;
+
+export const SandboxContent = ({
+  className,
+  ...props
+}: SandboxContentProps) => (
+  <CollapsibleContent
+    className={cn(
+      "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",
+      className,
+    )}
+    {...props}
+  />
+);
+
+export type SandboxTabsProps = ComponentProps<typeof Tabs>;
+
+export const SandboxTabs = ({ className, ...props }: SandboxTabsProps) => (
+  <Tabs className={cn("w-full gap-0", className)} {...props} />
+);
+
+export type SandboxTabsBarProps = ComponentProps<"div">;
+
+export const SandboxTabsBar = ({
+  className,
+  ...props
+}: SandboxTabsBarProps) => (
+  <div
+    className={cn(
+      "flex w-full items-center border-border border-t border-b",
+      className,
+    )}
+    {...props}
+  />
+);
+
+export type SandboxTabsListProps = ComponentProps<typeof TabsList>;
+
+export const SandboxTabsList = ({
+  className,
+  ...props
+}: SandboxTabsListProps) => (
+  <TabsList
+    className={cn("h-auto rounded-none border-0 bg-transparent p-0", className)}
+    {...props}
+  />
+);
+
+export type SandboxTabsTriggerProps = ComponentProps<typeof TabsTrigger>;
+
+export const SandboxTabsTrigger = ({
+  className,
+  ...props
+}: SandboxTabsTriggerProps) => (
+  <TabsTrigger
+    className={cn(
+      "rounded-none border-0 border-transparent border-b-2 px-4 py-2 font-medium text-muted-foreground text-sm transition-colors data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:text-foreground data-[state=active]:shadow-none",
+      className,
+    )}
+    {...props}
+  />
+);
+
+export type SandboxTabContentProps = ComponentProps<typeof TabsContent>;
+
+export const SandboxTabContent = ({
+  className,
+  ...props
+}: SandboxTabContentProps) => (
+  <TabsContent className={cn("mt-0 text-sm", className)} {...props} />
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/schema-display.tsx b/packages/ghost-ui/src/components/ai-elements/schema-display.tsx
new file mode 100644
index 0000000..9ff6b9b
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/schema-display.tsx
@@ -0,0 +1,473 @@
+"use client";
+
+import { ChevronRightIcon } from "lucide-react";
+import type { ComponentProps, HTMLAttributes } from "react";
+import { createContext, useContext, useMemo } from "react";
+import { Badge } from "@/components/ui/badge";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
+import { cn } from "@/lib/utils";
+
+type HttpMethod = "GET" | "POST" | "PUT" | "PATCH" | "DELETE";
+
+interface SchemaParameter {
+  name: string;
+  type: string;
+  required?: boolean;
+  description?: string;
+  location?: "path" | "query" | "header";
+}
+
+interface SchemaProperty {
+  name: string;
+  type: string;
+  required?: boolean;
+  description?: string;
+  properties?: SchemaProperty[];
+  items?: SchemaProperty;
+}
+
+interface SchemaDisplayContextType {
+  method: HttpMethod;
+  path: string;
+  description?: string;
+  parameters?: SchemaParameter[];
+  requestBody?: SchemaProperty[];
+  responseBody?: SchemaProperty[];
+}
+
+const SchemaDisplayContext = createContext<SchemaDisplayContextType>({
+  method: "GET",
+  path: "",
+});
+
+const methodStyles: Record<HttpMethod, string> = {
+  DELETE: "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400",
+  GET: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",
+  PATCH:
+    "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400",
+  POST: "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400",
+  PUT: "bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400",
+};
+
+export type SchemaDisplayHeaderProps = HTMLAttributes<HTMLDivElement>;
+
+export const SchemaDisplayHeader = ({
+  className,
+  children,
+  ...props
+}: SchemaDisplayHeaderProps) => (
+  <div
+    className={cn("flex items-center gap-3 border-b px-4 py-3", className)}
+    {...props}
+  >
+    {children}
+  </div>
+);
+
+export type SchemaDisplayMethodProps = ComponentProps<typeof Badge>;
+
+export const SchemaDisplayMethod = ({
+  className,
+  children,
+  ...props
+}: SchemaDisplayMethodProps) => {
+  const { method } = useContext(SchemaDisplayContext);
+
+  return (
+    <Badge
+      className={cn("font-mono text-xs", methodStyles[method], className)}
+      variant="secondary"
+      {...props}
+    >
+      {children ?? method}
+    </Badge>
+  );
+};
+
+export type SchemaDisplayPathProps = HTMLAttributes<HTMLSpanElement>;
+
+export const SchemaDisplayPath = ({
+  className,
+  children,
+  ...props
+}: SchemaDisplayPathProps) => {
+  const { path } = useContext(SchemaDisplayContext);
+
+  const parts = path.split(/(\{[^}]+\})/g);
+
+  return (
+    <span className={cn("font-mono text-sm", className)} {...props}>
+      {children ??
+        parts.map((part, i) =>
+          part.startsWith("{") ? (
+            <span key={i} className="text-blue-600 dark:text-blue-400">
+              {part}
+            </span>
+          ) : (
+            part
+          ),
+        )}
+    </span>
+  );
+};
+
+export type SchemaDisplayDescriptionProps =
+  HTMLAttributes<HTMLParagraphElement>;
+
+export const SchemaDisplayDescription = ({
+  className,
+  children,
+  ...props
+}: SchemaDisplayDescriptionProps) => {
+  const { description } = useContext(SchemaDisplayContext);
+
+  return (
+    <p
+      className={cn(
+        "border-b px-4 py-3 text-muted-foreground text-sm",
+        className,
+      )}
+      {...props}
+    >
+      {children ?? description}
+    </p>
+  );
+};
+
+export type SchemaDisplayContentProps = HTMLAttributes<HTMLDivElement>;
+
+export const SchemaDisplayContent = ({
+  className,
+  children,
+  ...props
+}: SchemaDisplayContentProps) => (
+  <div className={cn("divide-y", className)} {...props}>
+    {children}
+  </div>
+);
+
+export type SchemaDisplayParameterProps = HTMLAttributes<HTMLDivElement> &
+  SchemaParameter;
+
+export const SchemaDisplayParameter = ({
+  name,
+  type,
+  required,
+  description,
+  location,
+  className,
+  ...props
+}: SchemaDisplayParameterProps) => (
+  <div className={cn("px-4 py-3 pl-10", className)} {...props}>
+    <div className="flex items-center gap-2">
+      <span className="font-mono text-sm">{name}</span>
+      <Badge className="text-xs" variant="outline">
+        {type}
+      </Badge>
+      {location && (
+        <Badge className="text-xs" variant="secondary">
+          {location}
+        </Badge>
+      )}
+      {required && (
+        <Badge
+          className="bg-red-100 text-red-700 text-xs dark:bg-red-900/30 dark:text-red-400"
+          variant="secondary"
+        >
+          required
+        </Badge>
+      )}
+    </div>
+    {description && (
+      <p className="mt-1 text-muted-foreground text-sm">{description}</p>
+    )}
+  </div>
+);
+
+export type SchemaDisplayParametersProps = ComponentProps<typeof Collapsible>;
+
+export const SchemaDisplayParameters = ({
+  className,
+  children,
+  ...props
+}: SchemaDisplayParametersProps) => {
+  const { parameters } = useContext(SchemaDisplayContext);
+
+  return (
+    <Collapsible className={cn(className)} defaultOpen {...props}>
+      <CollapsibleTrigger className="group flex w-full items-center gap-2 px-4 py-3 text-left transition-colors hover:bg-muted/50">
+        <ChevronRightIcon className="size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90" />
+        <span className="font-medium text-sm">Parameters</span>
+        <Badge className="ml-auto text-xs" variant="secondary">
+          {parameters?.length}
+        </Badge>
+      </CollapsibleTrigger>
+      <CollapsibleContent>
+        <div className="divide-y border-t">
+          {children ??
+            parameters?.map((param) => (
+              <SchemaDisplayParameter key={param.name} {...param} />
+            ))}
+        </div>
+      </CollapsibleContent>
+    </Collapsible>
+  );
+};
+
+export type SchemaDisplayPropertyProps = HTMLAttributes<HTMLDivElement> &
+  SchemaProperty & {
+    depth?: number;
+  };
+
+export const SchemaDisplayProperty = ({
+  name,
+  type,
+  required,
+  description,
+  properties,
+  items,
+  depth = 0,
+  className,
+  ...props
+}: SchemaDisplayPropertyProps) => {
+  const hasChildren = properties || items;
+  const paddingLeft = 40 + depth * 16;
+
+  if (hasChildren) {
+    return (
+      <Collapsible defaultOpen={depth < 2}>
+        <CollapsibleTrigger
+          className={cn(
+            "group flex w-full items-center gap-2 py-3 text-left transition-colors hover:bg-muted/50",
+            className,
+          )}
+          style={{ paddingLeft }}
+        >
+          <ChevronRightIcon className="size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90" />
+          <span className="font-mono text-sm">{name}</span>
+          <Badge className="text-xs" variant="outline">
+            {type}
+          </Badge>
+          {required && (
+            <Badge
+              className="bg-red-100 text-red-700 text-xs dark:bg-red-900/30 dark:text-red-400"
+              variant="secondary"
+            >
+              required
+            </Badge>
+          )}
+        </CollapsibleTrigger>
+        {description && (
+          <p
+            className="pb-2 text-muted-foreground text-sm"
+            style={{ paddingLeft: paddingLeft + 24 }}
+          >
+            {description}
+          </p>
+        )}
+        <CollapsibleContent>
+          <div className="divide-y border-t">
+            {properties?.map((prop) => (
+              <SchemaDisplayProperty
+                key={prop.name}
+                {...prop}
+                depth={depth + 1}
+              />
+            ))}
+            {items && (
+              <SchemaDisplayProperty
+                {...items}
+                depth={depth + 1}
+                name={`${name}[]`}
+              />
+            )}
+          </div>
+        </CollapsibleContent>
+      </Collapsible>
+    );
+  }
+
+  return (
+    <div
+      className={cn("py-3 pr-4", className)}
+      style={{ paddingLeft }}
+      {...props}
+    >
+      <div className="flex items-center gap-2">
+        {/* Spacer for alignment */}
+        <span className="size-4" />
+        <span className="font-mono text-sm">{name}</span>
+        <Badge className="text-xs" variant="outline">
+          {type}
+        </Badge>
+        {required && (
+          <Badge
+            className="bg-red-100 text-red-700 text-xs dark:bg-red-900/30 dark:text-red-400"
+            variant="secondary"
+          >
+            required
+          </Badge>
+        )}
+      </div>
+      {description && (
+        <p className="mt-1 pl-6 text-muted-foreground text-sm">{description}</p>
+      )}
+    </div>
+  );
+};
+
+export type SchemaDisplayRequestProps = ComponentProps<typeof Collapsible>;
+
+export const SchemaDisplayRequest = ({
+  className,
+  children,
+  ...props
+}: SchemaDisplayRequestProps) => {
+  const { requestBody } = useContext(SchemaDisplayContext);
+
+  return (
+    <Collapsible className={cn(className)} defaultOpen {...props}>
+      <CollapsibleTrigger className="group flex w-full items-center gap-2 px-4 py-3 text-left transition-colors hover:bg-muted/50">
+        <ChevronRightIcon className="size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90" />
+        <span className="font-medium text-sm">Request Body</span>
+      </CollapsibleTrigger>
+      <CollapsibleContent>
+        <div className="border-t">
+          {children ??
+            requestBody?.map((prop) => (
+              <SchemaDisplayProperty key={prop.name} {...prop} depth={0} />
+            ))}
+        </div>
+      </CollapsibleContent>
+    </Collapsible>
+  );
+};
+
+export type SchemaDisplayResponseProps = ComponentProps<typeof Collapsible>;
+
+export const SchemaDisplayResponse = ({
+  className,
+  children,
+  ...props
+}: SchemaDisplayResponseProps) => {
+  const { responseBody } = useContext(SchemaDisplayContext);
+
+  return (
+    <Collapsible className={cn(className)} defaultOpen {...props}>
+      <CollapsibleTrigger className="group flex w-full items-center gap-2 px-4 py-3 text-left transition-colors hover:bg-muted/50">
+        <ChevronRightIcon className="size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90" />
+        <span className="font-medium text-sm">Response</span>
+      </CollapsibleTrigger>
+      <CollapsibleContent>
+        <div className="border-t">
+          {children ??
+            responseBody?.map((prop) => (
+              <SchemaDisplayProperty key={prop.name} {...prop} depth={0} />
+            ))}
+        </div>
+      </CollapsibleContent>
+    </Collapsible>
+  );
+};
+
+export type SchemaDisplayProps = HTMLAttributes<HTMLDivElement> & {
+  method: HttpMethod;
+  path: string;
+  description?: string;
+  parameters?: SchemaParameter[];
+  requestBody?: SchemaProperty[];
+  responseBody?: SchemaProperty[];
+};
+
+export const SchemaDisplay = ({
+  method,
+  path,
+  description,
+  parameters,
+  requestBody,
+  responseBody,
+  className,
+  children,
+  ...props
+}: SchemaDisplayProps) => {
+  const contextValue = useMemo(
+    () => ({
+      description,
+      method,
+      parameters,
+      path,
+      requestBody,
+      responseBody,
+    }),
+    [description, method, parameters, path, requestBody, responseBody],
+  );
+
+  return (
+    <SchemaDisplayContext.Provider value={contextValue}>
+      <div
+        className={cn(
+          "overflow-hidden rounded-lg border bg-background",
+          className,
+        )}
+        {...props}
+      >
+        {children ?? (
+          <>
+            <SchemaDisplayHeader>
+              <div className="flex items-center gap-3">
+                <SchemaDisplayMethod />
+                <SchemaDisplayPath />
+              </div>
+            </SchemaDisplayHeader>
+            {description && <SchemaDisplayDescription />}
+            <SchemaDisplayContent>
+              {parameters && parameters.length > 0 && (
+                <SchemaDisplayParameters />
+              )}
+              {requestBody && requestBody.length > 0 && (
+                <SchemaDisplayRequest />
+              )}
+              {responseBody && responseBody.length > 0 && (
+                <SchemaDisplayResponse />
+              )}
+            </SchemaDisplayContent>
+          </>
+        )}
+      </div>
+    </SchemaDisplayContext.Provider>
+  );
+};
+
+export type SchemaDisplayBodyProps = HTMLAttributes<HTMLDivElement>;
+
+export const SchemaDisplayBody = ({
+  className,
+  children,
+  ...props
+}: SchemaDisplayBodyProps) => (
+  <div className={cn("divide-y", className)} {...props}>
+    {children}
+  </div>
+);
+
+export type SchemaDisplayExampleProps = HTMLAttributes<HTMLPreElement>;
+
+export const SchemaDisplayExample = ({
+  className,
+  children,
+  ...props
+}: SchemaDisplayExampleProps) => (
+  <pre
+    className={cn(
+      "mx-4 mb-4 overflow-auto rounded-md bg-muted p-4 font-mono text-sm",
+      className,
+    )}
+    {...props}
+  >
+    {children}
+  </pre>
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/shimmer.tsx b/packages/ghost-ui/src/components/ai-elements/shimmer.tsx
new file mode 100644
index 0000000..53fe3b5
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/shimmer.tsx
@@ -0,0 +1,77 @@
+"use client";
+
+import type { MotionProps } from "motion/react";
+import { motion } from "motion/react";
+import type { CSSProperties, ElementType, JSX } from "react";
+import { memo, useMemo } from "react";
+import { cn } from "@/lib/utils";
+
+type MotionHTMLProps = MotionProps & Record<string, unknown>;
+
+// Cache motion components at module level to avoid creating during render
+const motionComponentCache = new Map<
+  keyof JSX.IntrinsicElements,
+  React.ComponentType<MotionHTMLProps>
+>();
+
+const getMotionComponent = (element: keyof JSX.IntrinsicElements) => {
+  let component = motionComponentCache.get(element);
+  if (!component) {
+    component = motion.create(element);
+    motionComponentCache.set(element, component);
+  }
+  return component;
+};
+
+export interface TextShimmerProps {
+  children: string;
+  as?: ElementType;
+  className?: string;
+  duration?: number;
+  spread?: number;
+}
+
+const ShimmerComponent = ({
+  children,
+  as: Component = "p",
+  className,
+  duration = 2,
+  spread = 2,
+}: TextShimmerProps) => {
+  const MotionComponent = getMotionComponent(
+    Component as keyof JSX.IntrinsicElements,
+  );
+
+  const dynamicSpread = useMemo(
+    () => (children?.length ?? 0) * spread,
+    [children, spread],
+  );
+
+  return (
+    <MotionComponent
+      animate={{ backgroundPosition: "0% center" }}
+      className={cn(
+        "relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent",
+        "[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]",
+        className,
+      )}
+      initial={{ backgroundPosition: "100% center" }}
+      style={
+        {
+          "--spread": `${dynamicSpread}px`,
+          backgroundImage:
+            "var(--bg), linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))",
+        } as CSSProperties
+      }
+      transition={{
+        duration,
+        ease: "linear",
+        repeat: Number.POSITIVE_INFINITY,
+      }}
+    >
+      {children}
+    </MotionComponent>
+  );
+};
+
+export const Shimmer = memo(ShimmerComponent);
diff --git a/packages/ghost-ui/src/components/ai-elements/snippet.tsx b/packages/ghost-ui/src/components/ai-elements/snippet.tsx
new file mode 100644
index 0000000..301ab8e
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/snippet.tsx
@@ -0,0 +1,145 @@
+"use client";
+
+import { CheckIcon, CopyIcon } from "lucide-react";
+import type { ComponentProps } from "react";
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+  InputGroupText,
+} from "@/components/ui/input-group";
+import { cn } from "@/lib/utils";
+
+interface SnippetContextType {
+  code: string;
+}
+
+const SnippetContext = createContext<SnippetContextType>({
+  code: "",
+});
+
+export type SnippetProps = ComponentProps<typeof InputGroup> & {
+  code: string;
+};
+
+export const Snippet = ({
+  code,
+  className,
+  children,
+  ...props
+}: SnippetProps) => {
+  const contextValue = useMemo(() => ({ code }), [code]);
+
+  return (
+    <SnippetContext.Provider value={contextValue}>
+      <InputGroup className={cn("font-mono", className)} {...props}>
+        {children}
+      </InputGroup>
+    </SnippetContext.Provider>
+  );
+};
+
+export type SnippetAddonProps = ComponentProps<typeof InputGroupAddon>;
+
+export const SnippetAddon = (props: SnippetAddonProps) => (
+  <InputGroupAddon {...props} />
+);
+
+export type SnippetTextProps = ComponentProps<typeof InputGroupText>;
+
+export const SnippetText = ({ className, ...props }: SnippetTextProps) => (
+  <InputGroupText
+    className={cn("pl-2 font-normal text-muted-foreground", className)}
+    {...props}
+  />
+);
+
+export type SnippetInputProps = Omit<
+  ComponentProps<typeof InputGroupInput>,
+  "readOnly" | "value"
+>;
+
+export const SnippetInput = ({ className, ...props }: SnippetInputProps) => {
+  const { code } = useContext(SnippetContext);
+
+  return (
+    <InputGroupInput
+      className={cn("text-foreground", className)}
+      readOnly
+      value={code}
+      {...props}
+    />
+  );
+};
+
+export type SnippetCopyButtonProps = ComponentProps<typeof InputGroupButton> & {
+  onCopy?: () => void;
+  onError?: (error: Error) => void;
+  timeout?: number;
+};
+
+export const SnippetCopyButton = ({
+  onCopy,
+  onError,
+  timeout = 2000,
+  children,
+  className,
+  ...props
+}: SnippetCopyButtonProps) => {
+  const [isCopied, setIsCopied] = useState(false);
+  const timeoutRef = useRef<number>(0);
+  const { code } = useContext(SnippetContext);
+
+  const copyToClipboard = useCallback(async () => {
+    if (typeof window === "undefined" || !navigator?.clipboard?.writeText) {
+      onError?.(new Error("Clipboard API not available"));
+      return;
+    }
+
+    try {
+      if (!isCopied) {
+        await navigator.clipboard.writeText(code);
+        setIsCopied(true);
+        onCopy?.();
+        timeoutRef.current = window.setTimeout(
+          () => setIsCopied(false),
+          timeout,
+        );
+      }
+    } catch (error) {
+      onError?.(error as Error);
+    }
+  }, [code, onCopy, onError, timeout, isCopied]);
+
+  useEffect(
+    () => () => {
+      window.clearTimeout(timeoutRef.current);
+    },
+    [],
+  );
+
+  const Icon = isCopied ? CheckIcon : CopyIcon;
+
+  return (
+    <InputGroupButton
+      aria-label="Copy"
+      className={className}
+      onClick={copyToClipboard}
+      size="icon-sm"
+      title="Copy"
+      {...props}
+    >
+      {children ?? <Icon className="size-3.5" size={14} />}
+    </InputGroupButton>
+  );
+};
diff --git a/packages/ghost-ui/src/components/ai-elements/sources.tsx b/packages/ghost-ui/src/components/ai-elements/sources.tsx
new file mode 100644
index 0000000..849442d
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/sources.tsx
@@ -0,0 +1,77 @@
+"use client";
+
+import { BookIcon, ChevronDownIcon } from "lucide-react";
+import type { ComponentProps } from "react";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
+import { cn } from "@/lib/utils";
+
+export type SourcesProps = ComponentProps<"div">;
+
+export const Sources = ({ className, ...props }: SourcesProps) => (
+  <Collapsible
+    className={cn("not-prose mb-4 text-primary text-xs", className)}
+    {...props}
+  />
+);
+
+export type SourcesTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {
+  count: number;
+};
+
+export const SourcesTrigger = ({
+  className,
+  count,
+  children,
+  ...props
+}: SourcesTriggerProps) => (
+  <CollapsibleTrigger
+    className={cn("flex items-center gap-2", className)}
+    {...props}
+  >
+    {children ?? (
+      <>
+        <p className="font-medium">Used {count} sources</p>
+        <ChevronDownIcon className="h-4 w-4" />
+      </>
+    )}
+  </CollapsibleTrigger>
+);
+
+export type SourcesContentProps = ComponentProps<typeof CollapsibleContent>;
+
+export const SourcesContent = ({
+  className,
+  ...props
+}: SourcesContentProps) => (
+  <CollapsibleContent
+    className={cn(
+      "mt-3 flex w-fit flex-col gap-2",
+      "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",
+      className,
+    )}
+    {...props}
+  />
+);
+
+export type SourceProps = ComponentProps<"a">;
+
+export const Source = ({ href, title, children, ...props }: SourceProps) => (
+  <a
+    className="flex items-center gap-2"
+    href={href}
+    rel="noreferrer"
+    target="_blank"
+    {...props}
+  >
+    {children ?? (
+      <>
+        <BookIcon className="h-4 w-4" />
+        <span className="block font-medium">{title}</span>
+      </>
+    )}
+  </a>
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/speech-input.tsx b/packages/ghost-ui/src/components/ai-elements/speech-input.tsx
new file mode 100644
index 0000000..d9ac30a
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/speech-input.tsx
@@ -0,0 +1,323 @@
+"use client";
+
+import { MicIcon, SquareIcon } from "lucide-react";
+import type { ComponentProps } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { Button } from "@/components/ui/button";
+import { Spinner } from "@/components/ui/spinner";
+import { cn } from "@/lib/utils";
+
+interface SpeechRecognition extends EventTarget {
+  continuous: boolean;
+  interimResults: boolean;
+  lang: string;
+  start(): void;
+  stop(): void;
+  onstart: ((this: SpeechRecognition, ev: Event) => void) | null;
+  onend: ((this: SpeechRecognition, ev: Event) => void) | null;
+  onresult:
+    | ((this: SpeechRecognition, ev: SpeechRecognitionEvent) => void)
+    | null;
+  onerror:
+    | ((this: SpeechRecognition, ev: SpeechRecognitionErrorEvent) => void)
+    | null;
+}
+
+interface SpeechRecognitionEvent extends Event {
+  results: SpeechRecognitionResultList;
+  resultIndex: number;
+}
+
+interface SpeechRecognitionResultList {
+  readonly length: number;
+  item(index: number): SpeechRecognitionResult;
+  [index: number]: SpeechRecognitionResult;
+}
+
+interface SpeechRecognitionResult {
+  readonly length: number;
+  item(index: number): SpeechRecognitionAlternative;
+  [index: number]: SpeechRecognitionAlternative;
+  isFinal: boolean;
+}
+
+interface SpeechRecognitionAlternative {
+  transcript: string;
+  confidence: number;
+}
+
+interface SpeechRecognitionErrorEvent extends Event {
+  error: string;
+}
+
+declare global {
+  interface Window {
+    SpeechRecognition: new () => SpeechRecognition;
+    webkitSpeechRecognition: new () => SpeechRecognition;
+  }
+}
+
+type SpeechInputMode = "speech-recognition" | "media-recorder" | "none";
+
+export type SpeechInputProps = ComponentProps<typeof Button> & {
+  onTranscriptionChange?: (text: string) => void;
+  /**
+   * Callback for when audio is recorded using MediaRecorder fallback.
+   * This is called in browsers that don't support the Web Speech API (Firefox, Safari).
+   * The callback receives an audio Blob that should be sent to a transcription service.
+   * Return the transcribed text, which will be passed to onTranscriptionChange.
+   */
+  onAudioRecorded?: (audioBlob: Blob) => Promise<string>;
+  lang?: string;
+};
+
+const detectSpeechInputMode = (): SpeechInputMode => {
+  if (typeof window === "undefined") {
+    return "none";
+  }
+
+  if ("SpeechRecognition" in window || "webkitSpeechRecognition" in window) {
+    return "speech-recognition";
+  }
+
+  if ("MediaRecorder" in window && "mediaDevices" in navigator) {
+    return "media-recorder";
+  }
+
+  return "none";
+};
+
+export const SpeechInput = ({
+  className,
+  onTranscriptionChange,
+  onAudioRecorded,
+  lang = "en-US",
+  ...props
+}: SpeechInputProps) => {
+  const [isListening, setIsListening] = useState(false);
+  const [isProcessing, setIsProcessing] = useState(false);
+  const [mode] = useState<SpeechInputMode>(detectSpeechInputMode);
+  const [isRecognitionReady, setIsRecognitionReady] = useState(false);
+  const recognitionRef = useRef<SpeechRecognition | null>(null);
+  const mediaRecorderRef = useRef<MediaRecorder | null>(null);
+  const streamRef = useRef<MediaStream | null>(null);
+  const audioChunksRef = useRef<Blob[]>([]);
+  const onTranscriptionChangeRef = useRef<
+    SpeechInputProps["onTranscriptionChange"]
+  >(onTranscriptionChange);
+  const onAudioRecordedRef =
+    useRef<SpeechInputProps["onAudioRecorded"]>(onAudioRecorded);
+
+  // Keep refs in sync
+  onTranscriptionChangeRef.current = onTranscriptionChange;
+  onAudioRecordedRef.current = onAudioRecorded;
+
+  // Initialize Speech Recognition when mode is speech-recognition
+  useEffect(() => {
+    if (mode !== "speech-recognition") {
+      return;
+    }
+
+    const SpeechRecognition =
+      window.SpeechRecognition || window.webkitSpeechRecognition;
+    const speechRecognition = new SpeechRecognition();
+
+    speechRecognition.continuous = true;
+    speechRecognition.interimResults = true;
+    speechRecognition.lang = lang;
+
+    const handleStart = () => {
+      setIsListening(true);
+    };
+
+    const handleEnd = () => {
+      setIsListening(false);
+    };
+
+    const handleResult = (event: Event) => {
+      const speechEvent = event as SpeechRecognitionEvent;
+      let finalTranscript = "";
+
+      for (
+        let i = speechEvent.resultIndex;
+        i < speechEvent.results.length;
+        i += 1
+      ) {
+        const result = speechEvent.results[i];
+        if (result.isFinal) {
+          finalTranscript += result[0]?.transcript ?? "";
+        }
+      }
+
+      if (finalTranscript) {
+        onTranscriptionChangeRef.current?.(finalTranscript);
+      }
+    };
+
+    const handleError = () => {
+      setIsListening(false);
+    };
+
+    speechRecognition.addEventListener("start", handleStart);
+    speechRecognition.addEventListener("end", handleEnd);
+    speechRecognition.addEventListener("result", handleResult);
+    speechRecognition.addEventListener("error", handleError);
+
+    recognitionRef.current = speechRecognition;
+    setIsRecognitionReady(true);
+
+    return () => {
+      speechRecognition.removeEventListener("start", handleStart);
+      speechRecognition.removeEventListener("end", handleEnd);
+      speechRecognition.removeEventListener("result", handleResult);
+      speechRecognition.removeEventListener("error", handleError);
+      speechRecognition.stop();
+      recognitionRef.current = null;
+      setIsRecognitionReady(false);
+    };
+  }, [mode, lang]);
+
+  // Cleanup MediaRecorder and stream on unmount
+  useEffect(
+    () => () => {
+      if (mediaRecorderRef.current?.state === "recording") {
+        mediaRecorderRef.current.stop();
+      }
+      if (streamRef.current) {
+        for (const track of streamRef.current.getTracks()) {
+          track.stop();
+        }
+      }
+    },
+    [],
+  );
+
+  // Start MediaRecorder recording
+  const startMediaRecorder = useCallback(async () => {
+    if (!onAudioRecordedRef.current) {
+      return;
+    }
+
+    try {
+      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+      streamRef.current = stream;
+      const mediaRecorder = new MediaRecorder(stream);
+      audioChunksRef.current = [];
+
+      const handleDataAvailable = (event: BlobEvent) => {
+        if (event.data.size > 0) {
+          audioChunksRef.current.push(event.data);
+        }
+      };
+
+      const handleStop = async () => {
+        for (const track of stream.getTracks()) {
+          track.stop();
+        }
+        streamRef.current = null;
+
+        const audioBlob = new Blob(audioChunksRef.current, {
+          type: "audio/webm",
+        });
+
+        if (audioBlob.size > 0 && onAudioRecordedRef.current) {
+          setIsProcessing(true);
+          try {
+            const transcript = await onAudioRecordedRef.current(audioBlob);
+            if (transcript) {
+              onTranscriptionChangeRef.current?.(transcript);
+            }
+          } catch {
+            // Error handling delegated to the onAudioRecorded caller
+          } finally {
+            setIsProcessing(false);
+          }
+        }
+      };
+
+      const handleError = () => {
+        setIsListening(false);
+        for (const track of stream.getTracks()) {
+          track.stop();
+        }
+        streamRef.current = null;
+      };
+
+      mediaRecorder.addEventListener("dataavailable", handleDataAvailable);
+      mediaRecorder.addEventListener("stop", handleStop);
+      mediaRecorder.addEventListener("error", handleError);
+
+      mediaRecorderRef.current = mediaRecorder;
+      mediaRecorder.start();
+      setIsListening(true);
+    } catch {
+      setIsListening(false);
+    }
+  }, []);
+
+  // Stop MediaRecorder recording
+  const stopMediaRecorder = useCallback(() => {
+    if (mediaRecorderRef.current?.state === "recording") {
+      mediaRecorderRef.current.stop();
+    }
+    setIsListening(false);
+  }, []);
+
+  const toggleListening = useCallback(() => {
+    if (mode === "speech-recognition" && recognitionRef.current) {
+      if (isListening) {
+        recognitionRef.current.stop();
+      } else {
+        recognitionRef.current.start();
+      }
+    } else if (mode === "media-recorder") {
+      if (isListening) {
+        stopMediaRecorder();
+      } else {
+        startMediaRecorder();
+      }
+    }
+  }, [mode, isListening, startMediaRecorder, stopMediaRecorder]);
+
+  // Determine if button should be disabled
+  const isDisabled =
+    mode === "none" ||
+    (mode === "speech-recognition" && !isRecognitionReady) ||
+    (mode === "media-recorder" && !onAudioRecorded) ||
+    isProcessing;
+
+  return (
+    <div className="relative inline-flex items-center justify-center">
+      {/* Animated pulse rings */}
+      {isListening &&
+        [0, 1, 2].map((index) => (
+          <div
+            className="absolute inset-0 animate-ping rounded-full border-2 border-red-400/30"
+            key={index}
+            style={{
+              animationDelay: `${index * 0.3}s`,
+              animationDuration: "2s",
+            }}
+          />
+        ))}
+
+      {/* Main record button */}
+      <Button
+        className={cn(
+          "relative z-10 rounded-full transition-all duration-300",
+          isListening
+            ? "bg-destructive text-white hover:bg-destructive/80 hover:text-white"
+            : "bg-primary text-primary-foreground hover:bg-primary/80 hover:text-primary-foreground",
+          className,
+        )}
+        disabled={isDisabled}
+        onClick={toggleListening}
+        {...props}
+      >
+        {isProcessing && <Spinner />}
+        {!isProcessing && isListening && <SquareIcon className="size-4" />}
+        {!(isProcessing || isListening) && <MicIcon className="size-4" />}
+      </Button>
+    </div>
+  );
+};
diff --git a/packages/ghost-ui/src/components/ai-elements/stack-trace.tsx b/packages/ghost-ui/src/components/ai-elements/stack-trace.tsx
new file mode 100644
index 0000000..ce835e4
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/stack-trace.tsx
@@ -0,0 +1,528 @@
+"use client";
+
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import {
+  AlertTriangleIcon,
+  CheckIcon,
+  ChevronDownIcon,
+  CopyIcon,
+} from "lucide-react";
+import type { ComponentProps } from "react";
+import {
+  createContext,
+  memo,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
+import { Button } from "@/components/ui/button";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
+import { cn } from "@/lib/utils";
+
+// Regex patterns for parsing stack traces
+const STACK_FRAME_WITH_PARENS_REGEX = /^at\s+(.+?)\s+\((.+):(\d+):(\d+)\)$/;
+const STACK_FRAME_WITHOUT_FN_REGEX = /^at\s+(.+):(\d+):(\d+)$/;
+const ERROR_TYPE_REGEX = /^(\w+Error|Error):\s*(.*)$/;
+const AT_PREFIX_REGEX = /^at\s+/;
+
+interface StackFrame {
+  raw: string;
+  functionName: string | null;
+  filePath: string | null;
+  lineNumber: number | null;
+  columnNumber: number | null;
+  isInternal: boolean;
+}
+
+interface ParsedStackTrace {
+  errorType: string | null;
+  errorMessage: string;
+  frames: StackFrame[];
+  raw: string;
+}
+
+interface StackTraceContextValue {
+  trace: ParsedStackTrace;
+  raw: string;
+  isOpen: boolean;
+  setIsOpen: (open: boolean) => void;
+  onFilePathClick?: (filePath: string, line?: number, column?: number) => void;
+}
+
+const StackTraceContext = createContext<StackTraceContextValue | null>(null);
+
+const useStackTrace = () => {
+  const context = useContext(StackTraceContext);
+  if (!context) {
+    throw new Error("StackTrace components must be used within StackTrace");
+  }
+  return context;
+};
+
+const parseStackFrame = (line: string): StackFrame => {
+  const trimmed = line.trim();
+
+  // Pattern: at functionName (filePath:line:column)
+  const withParensMatch = trimmed.match(STACK_FRAME_WITH_PARENS_REGEX);
+  if (withParensMatch) {
+    const [, functionName, filePath, lineNum, colNum] = withParensMatch;
+    const isInternal =
+      filePath.includes("node_modules") ||
+      filePath.startsWith("node:") ||
+      filePath.includes("internal/");
+    return {
+      columnNumber: colNum ? Number.parseInt(colNum, 10) : null,
+      filePath: filePath ?? null,
+      functionName: functionName ?? null,
+      isInternal,
+      lineNumber: lineNum ? Number.parseInt(lineNum, 10) : null,
+      raw: trimmed,
+    };
+  }
+
+  // Pattern: at filePath:line:column (no function name)
+  const withoutFnMatch = trimmed.match(STACK_FRAME_WITHOUT_FN_REGEX);
+  if (withoutFnMatch) {
+    const [, filePath, lineNum, colNum] = withoutFnMatch;
+    const isInternal =
+      (filePath?.includes("node_modules") ?? false) ||
+      (filePath?.startsWith("node:") ?? false) ||
+      (filePath?.includes("internal/") ?? false);
+    return {
+      columnNumber: colNum ? Number.parseInt(colNum, 10) : null,
+      filePath: filePath ?? null,
+      functionName: null,
+      isInternal,
+      lineNumber: lineNum ? Number.parseInt(lineNum, 10) : null,
+      raw: trimmed,
+    };
+  }
+
+  // Fallback: unparseable line
+  return {
+    columnNumber: null,
+    filePath: null,
+    functionName: null,
+    isInternal: trimmed.includes("node_modules") || trimmed.includes("node:"),
+    lineNumber: null,
+    raw: trimmed,
+  };
+};
+
+const parseStackTrace = (trace: string): ParsedStackTrace => {
+  const lines = trace.split("\n").filter((line) => line.trim());
+
+  if (lines.length === 0) {
+    return {
+      errorMessage: trace,
+      errorType: null,
+      frames: [],
+      raw: trace,
+    };
+  }
+
+  const firstLine = lines[0].trim();
+  let errorType: string | null = null;
+  let errorMessage = firstLine;
+
+  // Try to extract error type from "ErrorType: message" format
+  const errorMatch = firstLine.match(ERROR_TYPE_REGEX);
+  if (errorMatch) {
+    const [, type, msg] = errorMatch;
+    errorType = type;
+    errorMessage = msg || "";
+  }
+
+  // Parse stack frames (lines starting with "at")
+  const frames = lines
+    .slice(1)
+    .filter((line) => line.trim().startsWith("at "))
+    .map(parseStackFrame);
+
+  return {
+    errorMessage,
+    errorType,
+    frames,
+    raw: trace,
+  };
+};
+
+export type StackTraceProps = ComponentProps<"div"> & {
+  trace: string;
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  onFilePathClick?: (filePath: string, line?: number, column?: number) => void;
+};
+
+export const StackTrace = memo(
+  ({
+    trace,
+    className,
+    open,
+    defaultOpen = false,
+    onOpenChange,
+    onFilePathClick,
+    children,
+    ...props
+  }: StackTraceProps) => {
+    const [isOpen, setIsOpen] = useControllableState({
+      defaultProp: defaultOpen,
+      onChange: onOpenChange,
+      prop: open,
+    });
+
+    const parsedTrace = useMemo(() => parseStackTrace(trace), [trace]);
+
+    const contextValue = useMemo(
+      () => ({
+        isOpen,
+        onFilePathClick,
+        raw: trace,
+        setIsOpen,
+        trace: parsedTrace,
+      }),
+      [parsedTrace, trace, isOpen, setIsOpen, onFilePathClick],
+    );
+
+    return (
+      <StackTraceContext.Provider value={contextValue}>
+        <div
+          className={cn(
+            "not-prose w-full overflow-hidden rounded-lg border bg-background font-mono text-sm",
+            className,
+          )}
+          {...props}
+        >
+          {children}
+        </div>
+      </StackTraceContext.Provider>
+    );
+  },
+);
+
+export type StackTraceHeaderProps = ComponentProps<typeof CollapsibleTrigger>;
+
+export const StackTraceHeader = memo(
+  ({ className, children, ...props }: StackTraceHeaderProps) => {
+    const { isOpen, setIsOpen } = useStackTrace();
+
+    return (
+      <Collapsible onOpenChange={setIsOpen} open={isOpen}>
+        <CollapsibleTrigger asChild {...props}>
+          <div
+            className={cn(
+              "flex w-full cursor-pointer items-center gap-3 p-3 text-left transition-colors hover:bg-muted/50",
+              className,
+            )}
+          >
+            {children}
+          </div>
+        </CollapsibleTrigger>
+      </Collapsible>
+    );
+  },
+);
+
+export type StackTraceErrorProps = ComponentProps<"div">;
+
+export const StackTraceError = memo(
+  ({ className, children, ...props }: StackTraceErrorProps) => (
+    <div
+      className={cn(
+        "flex flex-1 items-center gap-2 overflow-hidden",
+        className,
+      )}
+      {...props}
+    >
+      <AlertTriangleIcon className="size-4 shrink-0 text-destructive" />
+      {children}
+    </div>
+  ),
+);
+
+export type StackTraceErrorTypeProps = ComponentProps<"span">;
+
+export const StackTraceErrorType = memo(
+  ({ className, children, ...props }: StackTraceErrorTypeProps) => {
+    const { trace } = useStackTrace();
+
+    return (
+      <span
+        className={cn("shrink-0 font-semibold text-destructive", className)}
+        {...props}
+      >
+        {children ?? trace.errorType}
+      </span>
+    );
+  },
+);
+
+export type StackTraceErrorMessageProps = ComponentProps<"span">;
+
+export const StackTraceErrorMessage = memo(
+  ({ className, children, ...props }: StackTraceErrorMessageProps) => {
+    const { trace } = useStackTrace();
+
+    return (
+      <span className={cn("truncate text-foreground", className)} {...props}>
+        {children ?? trace.errorMessage}
+      </span>
+    );
+  },
+);
+
+export type StackTraceActionsProps = ComponentProps<"div">;
+
+const handleActionsClick = (e: React.MouseEvent) => e.stopPropagation();
+const handleActionsKeyDown = (e: React.KeyboardEvent) => {
+  if (e.key === "Enter" || e.key === " ") {
+    e.stopPropagation();
+  }
+};
+
+export const StackTraceActions = memo(
+  ({ className, children, ...props }: StackTraceActionsProps) => (
+    <div
+      className={cn("flex shrink-0 items-center gap-1", className)}
+      onClick={handleActionsClick}
+      onKeyDown={handleActionsKeyDown}
+      role="group"
+      {...props}
+    >
+      {children}
+    </div>
+  ),
+);
+
+export type StackTraceCopyButtonProps = ComponentProps<typeof Button> & {
+  onCopy?: () => void;
+  onError?: (error: Error) => void;
+  timeout?: number;
+};
+
+export const StackTraceCopyButton = memo(
+  ({
+    onCopy,
+    onError,
+    timeout = 2000,
+    className,
+    children,
+    ...props
+  }: StackTraceCopyButtonProps) => {
+    const [isCopied, setIsCopied] = useState(false);
+    const timeoutRef = useRef<number>(0);
+    const { raw } = useStackTrace();
+
+    const copyToClipboard = useCallback(async () => {
+      if (typeof window === "undefined" || !navigator?.clipboard?.writeText) {
+        onError?.(new Error("Clipboard API not available"));
+        return;
+      }
+
+      try {
+        await navigator.clipboard.writeText(raw);
+        setIsCopied(true);
+        onCopy?.();
+        timeoutRef.current = window.setTimeout(
+          () => setIsCopied(false),
+          timeout,
+        );
+      } catch (error) {
+        onError?.(error as Error);
+      }
+    }, [raw, onCopy, onError, timeout]);
+
+    useEffect(
+      () => () => {
+        window.clearTimeout(timeoutRef.current);
+      },
+      [],
+    );
+
+    const Icon = isCopied ? CheckIcon : CopyIcon;
+
+    return (
+      <Button
+        className={cn("size-7", className)}
+        onClick={copyToClipboard}
+        size="icon"
+        variant="ghost"
+        {...props}
+      >
+        {children ?? <Icon size={14} />}
+      </Button>
+    );
+  },
+);
+
+export type StackTraceExpandButtonProps = ComponentProps<"div">;
+
+export const StackTraceExpandButton = memo(
+  ({ className, ...props }: StackTraceExpandButtonProps) => {
+    const { isOpen } = useStackTrace();
+
+    return (
+      <div
+        className={cn("flex size-7 items-center justify-center", className)}
+        {...props}
+      >
+        <ChevronDownIcon
+          className={cn(
+            "size-4 text-muted-foreground transition-transform",
+            isOpen ? "rotate-180" : "rotate-0",
+          )}
+        />
+      </div>
+    );
+  },
+);
+
+export type StackTraceContentProps = ComponentProps<
+  typeof CollapsibleContent
+> & {
+  maxHeight?: number;
+};
+
+export const StackTraceContent = memo(
+  ({
+    className,
+    maxHeight = 400,
+    children,
+    ...props
+  }: StackTraceContentProps) => {
+    const { isOpen } = useStackTrace();
+
+    return (
+      <Collapsible open={isOpen}>
+        <CollapsibleContent
+          className={cn(
+            "overflow-auto border-t bg-muted/30",
+            "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=open]:animate-in",
+            className,
+          )}
+          style={{ maxHeight }}
+          {...props}
+        >
+          {children}
+        </CollapsibleContent>
+      </Collapsible>
+    );
+  },
+);
+
+export type StackTraceFramesProps = ComponentProps<"div"> & {
+  showInternalFrames?: boolean;
+};
+
+interface FilePathButtonProps {
+  frame: StackFrame;
+  onFilePathClick?: (
+    filePath: string,
+    lineNumber?: number,
+    columnNumber?: number,
+  ) => void;
+}
+
+const FilePathButton = memo(
+  ({ frame, onFilePathClick }: FilePathButtonProps) => {
+    const handleClick = useCallback(() => {
+      if (frame.filePath) {
+        onFilePathClick?.(
+          frame.filePath,
+          frame.lineNumber ?? undefined,
+          frame.columnNumber ?? undefined,
+        );
+      }
+    }, [frame, onFilePathClick]);
+
+    return (
+      <button
+        className={cn(
+          "underline decoration-dotted hover:text-primary",
+          onFilePathClick && "cursor-pointer",
+        )}
+        disabled={!onFilePathClick}
+        onClick={handleClick}
+        type="button"
+      >
+        {frame.filePath}
+        {frame.lineNumber !== null && `:${frame.lineNumber}`}
+        {frame.columnNumber !== null && `:${frame.columnNumber}`}
+      </button>
+    );
+  },
+);
+
+FilePathButton.displayName = "FilePathButton";
+
+export const StackTraceFrames = memo(
+  ({
+    className,
+    showInternalFrames = true,
+    ...props
+  }: StackTraceFramesProps) => {
+    const { trace, onFilePathClick } = useStackTrace();
+
+    const framesToShow = showInternalFrames
+      ? trace.frames
+      : trace.frames.filter((f) => !f.isInternal);
+
+    return (
+      <div className={cn("space-y-1 p-3", className)} {...props}>
+        {framesToShow.map((frame) => (
+          <div
+            className={cn(
+              "text-xs",
+              frame.isInternal
+                ? "text-muted-foreground/50"
+                : "text-foreground/90",
+            )}
+            key={frame.raw}
+          >
+            <span className="text-muted-foreground">at </span>
+            {frame.functionName && (
+              <span className={frame.isInternal ? "" : "text-foreground"}>
+                {frame.functionName}{" "}
+              </span>
+            )}
+            {frame.filePath && (
+              <>
+                <span className="text-muted-foreground">(</span>
+                <FilePathButton
+                  frame={frame}
+                  onFilePathClick={onFilePathClick}
+                />
+                <span className="text-muted-foreground">)</span>
+              </>
+            )}
+            {!(frame.filePath || frame.functionName) && (
+              <span>{frame.raw.replace(AT_PREFIX_REGEX, "")}</span>
+            )}
+          </div>
+        ))}
+        {framesToShow.length === 0 && (
+          <div className="text-muted-foreground text-xs">No stack frames</div>
+        )}
+      </div>
+    );
+  },
+);
+
+StackTrace.displayName = "StackTrace";
+StackTraceHeader.displayName = "StackTraceHeader";
+StackTraceError.displayName = "StackTraceError";
+StackTraceErrorType.displayName = "StackTraceErrorType";
+StackTraceErrorMessage.displayName = "StackTraceErrorMessage";
+StackTraceActions.displayName = "StackTraceActions";
+StackTraceCopyButton.displayName = "StackTraceCopyButton";
+StackTraceExpandButton.displayName = "StackTraceExpandButton";
+StackTraceContent.displayName = "StackTraceContent";
+StackTraceFrames.displayName = "StackTraceFrames";
diff --git a/packages/ghost-ui/src/components/ai-elements/suggestion.tsx b/packages/ghost-ui/src/components/ai-elements/suggestion.tsx
new file mode 100644
index 0000000..89dbdda
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/suggestion.tsx
@@ -0,0 +1,54 @@
+"use client";
+
+import type { ComponentProps } from "react";
+import { useCallback } from "react";
+import { Button } from "@/components/ui/button";
+import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
+import { cn } from "@/lib/utils";
+
+export type SuggestionsProps = ComponentProps<typeof ScrollArea>;
+
+export const Suggestions = ({
+  className,
+  children,
+  ...props
+}: SuggestionsProps) => (
+  <ScrollArea className="w-full overflow-x-auto whitespace-nowrap" {...props}>
+    <div className={cn("flex w-max flex-nowrap items-center gap-2", className)}>
+      {children}
+    </div>
+    <ScrollBar className="hidden" orientation="horizontal" />
+  </ScrollArea>
+);
+
+export type SuggestionProps = Omit<ComponentProps<typeof Button>, "onClick"> & {
+  suggestion: string;
+  onClick?: (suggestion: string) => void;
+};
+
+export const Suggestion = ({
+  suggestion,
+  onClick,
+  className,
+  variant = "outline",
+  size = "sm",
+  children,
+  ...props
+}: SuggestionProps) => {
+  const handleClick = useCallback(() => {
+    onClick?.(suggestion);
+  }, [onClick, suggestion]);
+
+  return (
+    <Button
+      className={cn("cursor-pointer rounded-full px-4", className)}
+      onClick={handleClick}
+      size={size}
+      type="button"
+      variant={variant}
+      {...props}
+    >
+      {children || suggestion}
+    </Button>
+  );
+};
diff --git a/packages/ghost-ui/src/components/ai-elements/task.tsx b/packages/ghost-ui/src/components/ai-elements/task.tsx
new file mode 100644
index 0000000..9256f78
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/task.tsx
@@ -0,0 +1,87 @@
+"use client";
+
+import { ChevronDownIcon, SearchIcon } from "lucide-react";
+import type { ComponentProps } from "react";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
+import { cn } from "@/lib/utils";
+
+export type TaskItemFileProps = ComponentProps<"div">;
+
+export const TaskItemFile = ({
+  children,
+  className,
+  ...props
+}: TaskItemFileProps) => (
+  <div
+    className={cn(
+      "inline-flex items-center gap-1 rounded-md border bg-secondary px-1.5 py-0.5 text-foreground text-xs",
+      className,
+    )}
+    {...props}
+  >
+    {children}
+  </div>
+);
+
+export type TaskItemProps = ComponentProps<"div">;
+
+export const TaskItem = ({ children, className, ...props }: TaskItemProps) => (
+  <div className={cn("text-muted-foreground text-sm", className)} {...props}>
+    {children}
+  </div>
+);
+
+export type TaskProps = ComponentProps<typeof Collapsible>;
+
+export const Task = ({
+  defaultOpen = true,
+  className,
+  ...props
+}: TaskProps) => (
+  <Collapsible className={cn(className)} defaultOpen={defaultOpen} {...props} />
+);
+
+export type TaskTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {
+  title: string;
+};
+
+export const TaskTrigger = ({
+  children,
+  className,
+  title,
+  ...props
+}: TaskTriggerProps) => (
+  <CollapsibleTrigger asChild className={cn("group", className)} {...props}>
+    {children ?? (
+      <div className="flex w-full cursor-pointer items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground">
+        <SearchIcon className="size-4" />
+        <p className="text-sm">{title}</p>
+        <ChevronDownIcon className="size-4 transition-transform group-data-[state=open]:rotate-180" />
+      </div>
+    )}
+  </CollapsibleTrigger>
+);
+
+export type TaskContentProps = ComponentProps<typeof CollapsibleContent>;
+
+export const TaskContent = ({
+  children,
+  className,
+  ...props
+}: TaskContentProps) => (
+  <CollapsibleContent
+    className={cn(
+      "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",
+      className,
+    )}
+    {...props}
+  >
+    <div className="mt-4 space-y-2 border-muted border-l-2 pl-4">
+      {children}
+    </div>
+  </CollapsibleContent>
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/terminal.tsx b/packages/ghost-ui/src/components/ai-elements/terminal.tsx
new file mode 100644
index 0000000..19e1ad1
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/terminal.tsx
@@ -0,0 +1,273 @@
+"use client";
+
+import Ansi from "ansi-to-react";
+import { CheckIcon, CopyIcon, TerminalIcon, Trash2Icon } from "lucide-react";
+import type { ComponentProps, HTMLAttributes } from "react";
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
+import { Button } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+
+interface TerminalContextType {
+  output: string;
+  isStreaming: boolean;
+  autoScroll: boolean;
+  onClear?: () => void;
+}
+
+const TerminalContext = createContext<TerminalContextType>({
+  autoScroll: true,
+  isStreaming: false,
+  output: "",
+});
+
+export type TerminalHeaderProps = HTMLAttributes<HTMLDivElement>;
+
+export const TerminalHeader = ({
+  className,
+  children,
+  ...props
+}: TerminalHeaderProps) => (
+  <div
+    className={cn(
+      "flex items-center justify-between border-zinc-800 border-b px-4 py-2",
+      className,
+    )}
+    {...props}
+  >
+    {children}
+  </div>
+);
+
+export type TerminalTitleProps = HTMLAttributes<HTMLDivElement>;
+
+export const TerminalTitle = ({
+  className,
+  children,
+  ...props
+}: TerminalTitleProps) => (
+  <div
+    className={cn("flex items-center gap-2 text-sm text-zinc-400", className)}
+    {...props}
+  >
+    <TerminalIcon className="size-4" />
+    {children ?? "Terminal"}
+  </div>
+);
+
+export type TerminalStatusProps = HTMLAttributes<HTMLDivElement>;
+
+export const TerminalStatus = ({
+  className,
+  children,
+  ...props
+}: TerminalStatusProps) => {
+  const { isStreaming } = useContext(TerminalContext);
+
+  if (!isStreaming) {
+    return null;
+  }
+
+  return (
+    <div
+      className={cn("flex items-center gap-2 text-xs text-zinc-400", className)}
+      {...props}
+    >
+      {children}
+    </div>
+  );
+};
+
+export type TerminalActionsProps = HTMLAttributes<HTMLDivElement>;
+
+export const TerminalActions = ({
+  className,
+  children,
+  ...props
+}: TerminalActionsProps) => (
+  <div className={cn("flex items-center gap-1", className)} {...props}>
+    {children}
+  </div>
+);
+
+export type TerminalCopyButtonProps = ComponentProps<typeof Button> & {
+  onCopy?: () => void;
+  onError?: (error: Error) => void;
+  timeout?: number;
+};
+
+export const TerminalCopyButton = ({
+  onCopy,
+  onError,
+  timeout = 2000,
+  children,
+  className,
+  ...props
+}: TerminalCopyButtonProps) => {
+  const [isCopied, setIsCopied] = useState(false);
+  const timeoutRef = useRef<number>(0);
+  const { output } = useContext(TerminalContext);
+
+  const copyToClipboard = useCallback(async () => {
+    if (typeof window === "undefined" || !navigator?.clipboard?.writeText) {
+      onError?.(new Error("Clipboard API not available"));
+      return;
+    }
+
+    try {
+      await navigator.clipboard.writeText(output);
+      setIsCopied(true);
+      onCopy?.();
+      timeoutRef.current = window.setTimeout(() => setIsCopied(false), timeout);
+    } catch (error) {
+      onError?.(error as Error);
+    }
+  }, [output, onCopy, onError, timeout]);
+
+  useEffect(
+    () => () => {
+      window.clearTimeout(timeoutRef.current);
+    },
+    [],
+  );
+
+  const Icon = isCopied ? CheckIcon : CopyIcon;
+
+  return (
+    <Button
+      className={cn(
+        "size-7 shrink-0 text-zinc-400 hover:bg-zinc-800 hover:text-zinc-100",
+        className,
+      )}
+      onClick={copyToClipboard}
+      size="icon"
+      variant="ghost"
+      {...props}
+    >
+      {children ?? <Icon size={14} />}
+    </Button>
+  );
+};
+
+export type TerminalClearButtonProps = ComponentProps<typeof Button>;
+
+export const TerminalClearButton = ({
+  children,
+  className,
+  ...props
+}: TerminalClearButtonProps) => {
+  const { onClear } = useContext(TerminalContext);
+
+  if (!onClear) {
+    return null;
+  }
+
+  return (
+    <Button
+      className={cn(
+        "size-7 shrink-0 text-zinc-400 hover:bg-zinc-800 hover:text-zinc-100",
+        className,
+      )}
+      onClick={onClear}
+      size="icon"
+      variant="ghost"
+      {...props}
+    >
+      {children ?? <Trash2Icon size={14} />}
+    </Button>
+  );
+};
+
+export type TerminalContentProps = HTMLAttributes<HTMLDivElement>;
+
+export const TerminalContent = ({
+  className,
+  children,
+  ...props
+}: TerminalContentProps) => {
+  const { output, isStreaming, autoScroll } = useContext(TerminalContext);
+  const containerRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    if (autoScroll && containerRef.current) {
+      containerRef.current.scrollTop = containerRef.current.scrollHeight;
+    }
+  }, [output, autoScroll]);
+
+  return (
+    <div
+      className={cn(
+        "max-h-96 overflow-auto p-4 font-mono text-sm leading-relaxed",
+        className,
+      )}
+      ref={containerRef}
+      {...props}
+    >
+      {children ?? (
+        <pre className="whitespace-pre-wrap break-words">
+          <Ansi>{output}</Ansi>
+          {isStreaming && (
+            <span className="ml-0.5 inline-block h-4 w-2 animate-pulse bg-zinc-100" />
+          )}
+        </pre>
+      )}
+    </div>
+  );
+};
+
+export type TerminalProps = HTMLAttributes<HTMLDivElement> & {
+  output: string;
+  isStreaming?: boolean;
+  autoScroll?: boolean;
+  onClear?: () => void;
+};
+
+export const Terminal = ({
+  output,
+  isStreaming = false,
+  autoScroll = true,
+  onClear,
+  className,
+  children,
+  ...props
+}: TerminalProps) => {
+  const contextValue = useMemo(
+    () => ({ autoScroll, isStreaming, onClear, output }),
+    [autoScroll, isStreaming, onClear, output],
+  );
+
+  return (
+    <TerminalContext.Provider value={contextValue}>
+      <div
+        className={cn(
+          "flex flex-col overflow-hidden rounded-lg border bg-zinc-950 text-zinc-100",
+          className,
+        )}
+        {...props}
+      >
+        {children ?? (
+          <>
+            <TerminalHeader>
+              <TerminalTitle />
+              <div className="flex items-center gap-1">
+                <TerminalStatus />
+                <TerminalActions>
+                  <TerminalCopyButton />
+                  {onClear && <TerminalClearButton />}
+                </TerminalActions>
+              </div>
+            </TerminalHeader>
+            <TerminalContent />
+          </>
+        )}
+      </div>
+    </TerminalContext.Provider>
+  );
+};
diff --git a/packages/ghost-ui/src/components/ai-elements/test-results.tsx b/packages/ghost-ui/src/components/ai-elements/test-results.tsx
new file mode 100644
index 0000000..e10457c
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/test-results.tsx
@@ -0,0 +1,496 @@
+"use client";
+
+import {
+  CheckCircle2Icon,
+  ChevronRightIcon,
+  CircleDotIcon,
+  CircleIcon,
+  XCircleIcon,
+} from "lucide-react";
+import type { ComponentProps, HTMLAttributes } from "react";
+import { createContext, useContext, useMemo } from "react";
+import { Badge } from "@/components/ui/badge";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
+import { cn } from "@/lib/utils";
+
+type TestStatus = "passed" | "failed" | "skipped" | "running";
+
+interface TestResultsSummary {
+  passed: number;
+  failed: number;
+  skipped: number;
+  total: number;
+  duration?: number;
+}
+
+interface TestResultsContextType {
+  summary?: TestResultsSummary;
+}
+
+const TestResultsContext = createContext<TestResultsContextType>({});
+
+const formatDuration = (ms: number) => {
+  if (ms < 1000) {
+    return `${ms}ms`;
+  }
+  return `${(ms / 1000).toFixed(2)}s`;
+};
+
+export type TestResultsHeaderProps = HTMLAttributes<HTMLDivElement>;
+
+export const TestResultsHeader = ({
+  className,
+  children,
+  ...props
+}: TestResultsHeaderProps) => (
+  <div
+    className={cn(
+      "flex items-center justify-between border-b px-4 py-3",
+      className,
+    )}
+    {...props}
+  >
+    {children}
+  </div>
+);
+
+export type TestResultsDurationProps = HTMLAttributes<HTMLSpanElement>;
+
+export const TestResultsDuration = ({
+  className,
+  children,
+  ...props
+}: TestResultsDurationProps) => {
+  const { summary } = useContext(TestResultsContext);
+
+  if (!summary?.duration) {
+    return null;
+  }
+
+  return (
+    <span className={cn("text-muted-foreground text-sm", className)} {...props}>
+      {children ?? formatDuration(summary.duration)}
+    </span>
+  );
+};
+
+export type TestResultsSummaryProps = HTMLAttributes<HTMLDivElement>;
+
+export const TestResultsSummary = ({
+  className,
+  children,
+  ...props
+}: TestResultsSummaryProps) => {
+  const { summary } = useContext(TestResultsContext);
+
+  if (!summary) {
+    return null;
+  }
+
+  return (
+    <div className={cn("flex items-center gap-3", className)} {...props}>
+      {children ?? (
+        <>
+          <Badge
+            className="gap-1 bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400"
+            variant="secondary"
+          >
+            <CheckCircle2Icon className="size-3" />
+            {summary.passed} passed
+          </Badge>
+          {summary.failed > 0 && (
+            <Badge
+              className="gap-1 bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400"
+              variant="secondary"
+            >
+              <XCircleIcon className="size-3" />
+              {summary.failed} failed
+            </Badge>
+          )}
+          {summary.skipped > 0 && (
+            <Badge
+              className="gap-1 bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400"
+              variant="secondary"
+            >
+              <CircleIcon className="size-3" />
+              {summary.skipped} skipped
+            </Badge>
+          )}
+        </>
+      )}
+    </div>
+  );
+};
+
+export type TestResultsProps = HTMLAttributes<HTMLDivElement> & {
+  summary?: TestResultsSummary;
+};
+
+export const TestResults = ({
+  summary,
+  className,
+  children,
+  ...props
+}: TestResultsProps) => {
+  const contextValue = useMemo(() => ({ summary }), [summary]);
+
+  return (
+    <TestResultsContext.Provider value={contextValue}>
+      <div
+        className={cn("rounded-lg border bg-background", className)}
+        {...props}
+      >
+        {children ??
+          (summary && (
+            <TestResultsHeader>
+              <TestResultsSummary />
+              <TestResultsDuration />
+            </TestResultsHeader>
+          ))}
+      </div>
+    </TestResultsContext.Provider>
+  );
+};
+
+export type TestResultsProgressProps = HTMLAttributes<HTMLDivElement>;
+
+export const TestResultsProgress = ({
+  className,
+  children,
+  ...props
+}: TestResultsProgressProps) => {
+  const { summary } = useContext(TestResultsContext);
+
+  if (!summary) {
+    return null;
+  }
+
+  const passedPercent = (summary.passed / summary.total) * 100;
+  const failedPercent = (summary.failed / summary.total) * 100;
+
+  return (
+    <div className={cn("space-y-2", className)} {...props}>
+      {children ?? (
+        <>
+          <div className="flex h-2 overflow-hidden rounded-full bg-muted">
+            <div
+              className="bg-green-500 transition-all"
+              style={{ width: `${passedPercent}%` }}
+            />
+            <div
+              className="bg-red-500 transition-all"
+              style={{ width: `${failedPercent}%` }}
+            />
+          </div>
+          <div className="flex justify-between text-muted-foreground text-xs">
+            <span>
+              {summary.passed}/{summary.total} tests passed
+            </span>
+            <span>{passedPercent.toFixed(0)}%</span>
+          </div>
+        </>
+      )}
+    </div>
+  );
+};
+
+export type TestResultsContentProps = HTMLAttributes<HTMLDivElement>;
+
+export const TestResultsContent = ({
+  className,
+  children,
+  ...props
+}: TestResultsContentProps) => (
+  <div className={cn("space-y-2 p-4", className)} {...props}>
+    {children}
+  </div>
+);
+
+interface TestSuiteContextType {
+  name: string;
+  status: TestStatus;
+}
+
+const TestSuiteContext = createContext<TestSuiteContextType>({
+  name: "",
+  status: "passed",
+});
+
+const statusStyles: Record<TestStatus, string> = {
+  failed: "text-red-600 dark:text-red-400",
+  passed: "text-green-600 dark:text-green-400",
+  running: "text-blue-600 dark:text-blue-400",
+  skipped: "text-yellow-600 dark:text-yellow-400",
+};
+
+const statusIcons: Record<TestStatus, React.ReactNode> = {
+  failed: <XCircleIcon className="size-4" />,
+  passed: <CheckCircle2Icon className="size-4" />,
+  running: <CircleDotIcon className="size-4 animate-pulse" />,
+  skipped: <CircleIcon className="size-4" />,
+};
+
+const TestStatusIcon = ({ status }: { status: TestStatus }) => (
+  <span className={cn("shrink-0", statusStyles[status])}>
+    {statusIcons[status]}
+  </span>
+);
+
+export type TestSuiteProps = ComponentProps<typeof Collapsible> & {
+  name: string;
+  status: TestStatus;
+};
+
+export const TestSuite = ({
+  name,
+  status,
+  className,
+  children,
+  ...props
+}: TestSuiteProps) => {
+  const contextValue = useMemo(() => ({ name, status }), [name, status]);
+
+  return (
+    <TestSuiteContext.Provider value={contextValue}>
+      <Collapsible className={cn("rounded-lg border", className)} {...props}>
+        {children}
+      </Collapsible>
+    </TestSuiteContext.Provider>
+  );
+};
+
+export type TestSuiteNameProps = ComponentProps<typeof CollapsibleTrigger>;
+
+export const TestSuiteName = ({
+  className,
+  children,
+  ...props
+}: TestSuiteNameProps) => {
+  const { name, status } = useContext(TestSuiteContext);
+
+  return (
+    <CollapsibleTrigger
+      className={cn(
+        "group flex w-full items-center gap-2 px-4 py-3 text-left transition-colors hover:bg-muted/50",
+        className,
+      )}
+      {...props}
+    >
+      <ChevronRightIcon className="size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90" />
+      <TestStatusIcon status={status} />
+      <span className="font-medium text-sm">{children ?? name}</span>
+    </CollapsibleTrigger>
+  );
+};
+
+export type TestSuiteStatsProps = HTMLAttributes<HTMLDivElement> & {
+  passed?: number;
+  failed?: number;
+  skipped?: number;
+};
+
+export const TestSuiteStats = ({
+  passed = 0,
+  failed = 0,
+  skipped = 0,
+  className,
+  children,
+  ...props
+}: TestSuiteStatsProps) => (
+  <div
+    className={cn("ml-auto flex items-center gap-2 text-xs", className)}
+    {...props}
+  >
+    {children ?? (
+      <>
+        {passed > 0 && (
+          <span className="text-green-600 dark:text-green-400">
+            {passed} passed
+          </span>
+        )}
+        {failed > 0 && (
+          <span className="text-red-600 dark:text-red-400">
+            {failed} failed
+          </span>
+        )}
+        {skipped > 0 && (
+          <span className="text-yellow-600 dark:text-yellow-400">
+            {skipped} skipped
+          </span>
+        )}
+      </>
+    )}
+  </div>
+);
+
+export type TestSuiteContentProps = ComponentProps<typeof CollapsibleContent>;
+
+export const TestSuiteContent = ({
+  className,
+  children,
+  ...props
+}: TestSuiteContentProps) => (
+  <CollapsibleContent className={cn("border-t", className)} {...props}>
+    <div className="divide-y">{children}</div>
+  </CollapsibleContent>
+);
+
+interface TestContextType {
+  name: string;
+  status: TestStatus;
+  duration?: number;
+}
+
+const TestContext = createContext<TestContextType>({
+  name: "",
+  status: "passed",
+});
+
+export type TestNameProps = HTMLAttributes<HTMLSpanElement>;
+
+export const TestName = ({ className, children, ...props }: TestNameProps) => {
+  const { name } = useContext(TestContext);
+
+  return (
+    <span className={cn("flex-1", className)} {...props}>
+      {children ?? name}
+    </span>
+  );
+};
+
+export type TestDurationProps = HTMLAttributes<HTMLSpanElement>;
+
+export const TestDuration = ({
+  className,
+  children,
+  ...props
+}: TestDurationProps) => {
+  const { duration } = useContext(TestContext);
+
+  if (duration === undefined) {
+    return null;
+  }
+
+  return (
+    <span
+      className={cn("ml-auto text-muted-foreground text-xs", className)}
+      {...props}
+    >
+      {children ?? `${duration}ms`}
+    </span>
+  );
+};
+
+export type TestStatusProps = HTMLAttributes<HTMLSpanElement>;
+
+export const TestStatus = ({
+  className,
+  children,
+  ...props
+}: TestStatusProps) => {
+  const { status } = useContext(TestContext);
+
+  return (
+    <span
+      className={cn("shrink-0", statusStyles[status], className)}
+      {...props}
+    >
+      {children ?? statusIcons[status]}
+    </span>
+  );
+};
+
+export type TestProps = HTMLAttributes<HTMLDivElement> & {
+  name: string;
+  status: TestStatus;
+  duration?: number;
+};
+
+export const Test = ({
+  name,
+  status,
+  duration,
+  className,
+  children,
+  ...props
+}: TestProps) => {
+  const contextValue = useMemo(
+    () => ({ duration, name, status }),
+    [duration, name, status],
+  );
+
+  return (
+    <TestContext.Provider value={contextValue}>
+      <div
+        className={cn("flex items-center gap-2 px-4 py-2 text-sm", className)}
+        {...props}
+      >
+        {children ?? (
+          <>
+            <TestStatus />
+            <TestName />
+            {duration !== undefined && <TestDuration />}
+          </>
+        )}
+      </div>
+    </TestContext.Provider>
+  );
+};
+
+export type TestErrorProps = HTMLAttributes<HTMLDivElement>;
+
+export const TestError = ({
+  className,
+  children,
+  ...props
+}: TestErrorProps) => (
+  <div
+    className={cn(
+      "mt-2 rounded-md bg-red-50 p-3 dark:bg-red-900/20",
+      className,
+    )}
+    {...props}
+  >
+    {children}
+  </div>
+);
+
+export type TestErrorMessageProps = HTMLAttributes<HTMLParagraphElement>;
+
+export const TestErrorMessage = ({
+  className,
+  children,
+  ...props
+}: TestErrorMessageProps) => (
+  <p
+    className={cn(
+      "font-medium text-red-700 text-sm dark:text-red-400",
+      className,
+    )}
+    {...props}
+  >
+    {children}
+  </p>
+);
+
+export type TestErrorStackProps = HTMLAttributes<HTMLPreElement>;
+
+export const TestErrorStack = ({
+  className,
+  children,
+  ...props
+}: TestErrorStackProps) => (
+  <pre
+    className={cn(
+      "mt-2 overflow-auto font-mono text-red-600 text-xs dark:text-red-400",
+      className,
+    )}
+    {...props}
+  >
+    {children}
+  </pre>
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/tool.tsx b/packages/ghost-ui/src/components/ai-elements/tool.tsx
new file mode 100644
index 0000000..cfd289c
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/tool.tsx
@@ -0,0 +1,173 @@
+"use client";
+
+import type { DynamicToolUIPart, ToolUIPart } from "ai";
+import {
+  CheckCircleIcon,
+  ChevronDownIcon,
+  CircleIcon,
+  ClockIcon,
+  WrenchIcon,
+  XCircleIcon,
+} from "lucide-react";
+import type { ComponentProps, ReactNode } from "react";
+import { isValidElement } from "react";
+import { Badge } from "@/components/ui/badge";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
+import { cn } from "@/lib/utils";
+
+import { CodeBlock } from "./code-block";
+
+export type ToolProps = ComponentProps<typeof Collapsible>;
+
+export const Tool = ({ className, ...props }: ToolProps) => (
+  <Collapsible
+    className={cn("group not-prose mb-4 w-full rounded-md border", className)}
+    {...props}
+  />
+);
+
+export type ToolPart = ToolUIPart | DynamicToolUIPart;
+
+export type ToolHeaderProps = {
+  title?: string;
+  className?: string;
+} & (
+  | { type: ToolUIPart["type"]; state: ToolUIPart["state"]; toolName?: never }
+  | {
+      type: DynamicToolUIPart["type"];
+      state: DynamicToolUIPart["state"];
+      toolName: string;
+    }
+);
+
+const statusLabels: Record<ToolPart["state"], string> = {
+  "approval-requested": "Awaiting Approval",
+  "approval-responded": "Responded",
+  "input-available": "Running",
+  "input-streaming": "Pending",
+  "output-available": "Completed",
+  "output-denied": "Denied",
+  "output-error": "Error",
+};
+
+const statusIcons: Record<ToolPart["state"], ReactNode> = {
+  "approval-requested": <ClockIcon className="size-4 text-yellow-600" />,
+  "approval-responded": <CheckCircleIcon className="size-4 text-blue-600" />,
+  "input-available": <ClockIcon className="size-4 animate-pulse" />,
+  "input-streaming": <CircleIcon className="size-4" />,
+  "output-available": <CheckCircleIcon className="size-4 text-green-600" />,
+  "output-denied": <XCircleIcon className="size-4 text-orange-600" />,
+  "output-error": <XCircleIcon className="size-4 text-red-600" />,
+};
+
+export const getStatusBadge = (status: ToolPart["state"]) => (
+  <Badge className="gap-1.5 rounded-full text-xs" variant="secondary">
+    {statusIcons[status]}
+    {statusLabels[status]}
+  </Badge>
+);
+
+export const ToolHeader = ({
+  className,
+  title,
+  type,
+  state,
+  toolName,
+  ...props
+}: ToolHeaderProps) => {
+  const derivedName =
+    type === "dynamic-tool" ? toolName : type.split("-").slice(1).join("-");
+
+  return (
+    <CollapsibleTrigger
+      className={cn(
+        "flex w-full items-center justify-between gap-4 p-3",
+        className,
+      )}
+      {...props}
+    >
+      <div className="flex items-center gap-2">
+        <WrenchIcon className="size-4 text-muted-foreground" />
+        <span className="font-medium text-sm">{title ?? derivedName}</span>
+        {getStatusBadge(state)}
+      </div>
+      <ChevronDownIcon className="size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" />
+    </CollapsibleTrigger>
+  );
+};
+
+export type ToolContentProps = ComponentProps<typeof CollapsibleContent>;
+
+export const ToolContent = ({ className, ...props }: ToolContentProps) => (
+  <CollapsibleContent
+    className={cn(
+      "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 space-y-4 p-4 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",
+      className,
+    )}
+    {...props}
+  />
+);
+
+export type ToolInputProps = ComponentProps<"div"> & {
+  input: ToolPart["input"];
+};
+
+export const ToolInput = ({ className, input, ...props }: ToolInputProps) => (
+  <div className={cn("space-y-2 overflow-hidden", className)} {...props}>
+    <h4 className="font-medium text-muted-foreground text-xs uppercase tracking-wide">
+      Parameters
+    </h4>
+    <div className="rounded-md bg-muted/50">
+      <CodeBlock code={JSON.stringify(input, null, 2)} language="json" />
+    </div>
+  </div>
+);
+
+export type ToolOutputProps = ComponentProps<"div"> & {
+  output: ToolPart["output"];
+  errorText: ToolPart["errorText"];
+};
+
+export const ToolOutput = ({
+  className,
+  output,
+  errorText,
+  ...props
+}: ToolOutputProps) => {
+  if (!(output || errorText)) {
+    return null;
+  }
+
+  let Output = <div>{output as ReactNode}</div>;
+
+  if (typeof output === "object" && !isValidElement(output)) {
+    Output = (
+      <CodeBlock code={JSON.stringify(output, null, 2)} language="json" />
+    );
+  } else if (typeof output === "string") {
+    Output = <CodeBlock code={output} language="json" />;
+  }
+
+  return (
+    <div className={cn("space-y-2", className)} {...props}>
+      <h4 className="font-medium text-muted-foreground text-xs uppercase tracking-wide">
+        {errorText ? "Error" : "Result"}
+      </h4>
+      <div
+        className={cn(
+          "overflow-x-auto rounded-md text-xs [&_table]:w-full",
+          errorText
+            ? "bg-destructive/10 text-destructive"
+            : "bg-muted/50 text-foreground",
+        )}
+      >
+        {errorText && <div>{errorText}</div>}
+        {Output}
+      </div>
+    </div>
+  );
+};
diff --git a/packages/ghost-ui/src/components/ai-elements/toolbar.tsx b/packages/ghost-ui/src/components/ai-elements/toolbar.tsx
new file mode 100644
index 0000000..019ff91
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/toolbar.tsx
@@ -0,0 +1,16 @@
+import { NodeToolbar, Position } from "@xyflow/react";
+import type { ComponentProps } from "react";
+import { cn } from "@/lib/utils";
+
+type ToolbarProps = ComponentProps<typeof NodeToolbar>;
+
+export const Toolbar = ({ className, ...props }: ToolbarProps) => (
+  <NodeToolbar
+    className={cn(
+      "flex items-center gap-1 rounded-sm border bg-background p-1.5",
+      className,
+    )}
+    position={Position.Bottom}
+    {...props}
+  />
+);
diff --git a/packages/ghost-ui/src/components/ai-elements/transcription.tsx b/packages/ghost-ui/src/components/ai-elements/transcription.tsx
new file mode 100644
index 0000000..8a6d56c
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/transcription.tsx
@@ -0,0 +1,125 @@
+"use client";
+
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import type { Experimental_TranscriptionResult as TranscriptionResult } from "ai";
+import type { ComponentProps, ReactNode } from "react";
+import { createContext, useCallback, useContext, useMemo } from "react";
+import { cn } from "@/lib/utils";
+
+type TranscriptionSegment = TranscriptionResult["segments"][number];
+
+interface TranscriptionContextValue {
+  segments: TranscriptionSegment[];
+  currentTime: number;
+  onTimeUpdate: (time: number) => void;
+  onSeek?: (time: number) => void;
+}
+
+const TranscriptionContext = createContext<TranscriptionContextValue | null>(
+  null,
+);
+
+const useTranscription = () => {
+  const context = useContext(TranscriptionContext);
+  if (!context) {
+    throw new Error(
+      "Transcription components must be used within Transcription",
+    );
+  }
+  return context;
+};
+
+export type TranscriptionProps = Omit<ComponentProps<"div">, "children"> & {
+  segments: TranscriptionSegment[];
+  currentTime?: number;
+  onSeek?: (time: number) => void;
+  children: (segment: TranscriptionSegment, index: number) => ReactNode;
+};
+
+export const Transcription = ({
+  segments,
+  currentTime: externalCurrentTime,
+  onSeek,
+  className,
+  children,
+  ...props
+}: TranscriptionProps) => {
+  const [currentTime, setCurrentTime] = useControllableState({
+    defaultProp: 0,
+    onChange: onSeek,
+    prop: externalCurrentTime,
+  });
+
+  const contextValue = useMemo(
+    () => ({ currentTime, onSeek, onTimeUpdate: setCurrentTime, segments }),
+    [currentTime, onSeek, setCurrentTime, segments],
+  );
+
+  return (
+    <TranscriptionContext.Provider value={contextValue}>
+      <div
+        className={cn(
+          "flex flex-wrap gap-1 text-sm leading-relaxed",
+          className,
+        )}
+        data-slot="transcription"
+        {...props}
+      >
+        {segments
+          .filter((segment) => segment.text.trim())
+          .map((segment, index) => children(segment, index))}
+      </div>
+    </TranscriptionContext.Provider>
+  );
+};
+
+export type TranscriptionSegmentProps = ComponentProps<"button"> & {
+  segment: TranscriptionSegment;
+  index: number;
+};
+
+export const TranscriptionSegment = ({
+  segment,
+  index,
+  className,
+  onClick,
+  ...props
+}: TranscriptionSegmentProps) => {
+  const { currentTime, onSeek } = useTranscription();
+
+  const isActive =
+    currentTime >= segment.startSecond && currentTime < segment.endSecond;
+  const isPast = currentTime >= segment.endSecond;
+
+  const handleClick = useCallback(
+    (event: React.MouseEvent<HTMLButtonElement>) => {
+      if (onSeek) {
+        onSeek(segment.startSecond);
+      }
+      onClick?.(event);
+    },
+    [onSeek, segment.startSecond, onClick],
+  );
+
+  return (
+    <button
+      className={cn(
+        "inline text-left",
+        isActive && "text-primary",
+        isPast && "text-muted-foreground",
+        !(isActive || isPast) && "text-muted-foreground/60",
+        onSeek && "cursor-pointer hover:text-foreground",
+        !onSeek && "cursor-default",
+        className,
+      )}
+      data-active={isActive}
+      data-index={index}
+      data-slot="transcription-segment"
+      onClick={handleClick}
+      type="button"
+      {...props}
+    >
+      {segment.text}
+    </button>
+  );
+};
diff --git a/packages/ghost-ui/src/components/ai-elements/voice-selector.tsx b/packages/ghost-ui/src/components/ai-elements/voice-selector.tsx
new file mode 100644
index 0000000..797e4ea
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/voice-selector.tsx
@@ -0,0 +1,524 @@
+"use client";
+
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import {
+  CircleSmallIcon,
+  MarsIcon,
+  MarsStrokeIcon,
+  NonBinaryIcon,
+  PauseIcon,
+  PlayIcon,
+  TransgenderIcon,
+  VenusAndMarsIcon,
+  VenusIcon,
+} from "lucide-react";
+import type { ComponentProps, ReactNode } from "react";
+import { createContext, useCallback, useContext, useMemo } from "react";
+import { Button } from "@/components/ui/button";
+import {
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+} from "@/components/ui/command";
+import {
+  Dialog,
+  DialogContent,
+  DialogTitle,
+  DialogTrigger,
+} from "@/components/ui/dialog";
+import { Spinner } from "@/components/ui/spinner";
+import { cn } from "@/lib/utils";
+
+interface VoiceSelectorContextValue {
+  value: string | undefined;
+  setValue: (value: string | undefined) => void;
+  open: boolean;
+  setOpen: (open: boolean) => void;
+}
+
+const VoiceSelectorContext = createContext<VoiceSelectorContextValue | null>(
+  null,
+);
+
+export const useVoiceSelector = () => {
+  const context = useContext(VoiceSelectorContext);
+  if (!context) {
+    throw new Error(
+      "VoiceSelector components must be used within VoiceSelector",
+    );
+  }
+  return context;
+};
+
+export type VoiceSelectorProps = ComponentProps<typeof Dialog> & {
+  value?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string | undefined) => void;
+};
+
+export const VoiceSelector = ({
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  children,
+  ...props
+}: VoiceSelectorProps) => {
+  const [value, setValue] = useControllableState({
+    defaultProp: defaultValue,
+    onChange: onValueChange,
+    prop: valueProp,
+  });
+
+  const [open, setOpen] = useControllableState({
+    defaultProp: defaultOpen,
+    onChange: onOpenChange,
+    prop: openProp,
+  });
+
+  const voiceSelectorContext = useMemo(
+    () => ({ open, setOpen, setValue, value }),
+    [value, setValue, open, setOpen],
+  );
+
+  return (
+    <VoiceSelectorContext.Provider value={voiceSelectorContext}>
+      <Dialog onOpenChange={setOpen} open={open} {...props}>
+        {children}
+      </Dialog>
+    </VoiceSelectorContext.Provider>
+  );
+};
+
+export type VoiceSelectorTriggerProps = ComponentProps<typeof DialogTrigger>;
+
+export const VoiceSelectorTrigger = (props: VoiceSelectorTriggerProps) => (
+  <DialogTrigger {...props} />
+);
+
+export type VoiceSelectorContentProps = ComponentProps<typeof DialogContent> & {
+  title?: ReactNode;
+};
+
+export const VoiceSelectorContent = ({
+  className,
+  children,
+  title = "Voice Selector",
+  ...props
+}: VoiceSelectorContentProps) => (
+  <DialogContent
+    aria-describedby={undefined}
+    className={cn("p-0", className)}
+    {...props}
+  >
+    <DialogTitle className="sr-only">{title}</DialogTitle>
+    <Command className="**:data-[slot=command-input-wrapper]:h-auto">
+      {children}
+    </Command>
+  </DialogContent>
+);
+
+export type VoiceSelectorDialogProps = ComponentProps<typeof CommandDialog>;
+
+export const VoiceSelectorDialog = (props: VoiceSelectorDialogProps) => (
+  <CommandDialog {...props} />
+);
+
+export type VoiceSelectorInputProps = ComponentProps<typeof CommandInput>;
+
+export const VoiceSelectorInput = ({
+  className,
+  ...props
+}: VoiceSelectorInputProps) => (
+  <CommandInput className={cn("h-auto py-3.5", className)} {...props} />
+);
+
+export type VoiceSelectorListProps = ComponentProps<typeof CommandList>;
+
+export const VoiceSelectorList = (props: VoiceSelectorListProps) => (
+  <CommandList {...props} />
+);
+
+export type VoiceSelectorEmptyProps = ComponentProps<typeof CommandEmpty>;
+
+export const VoiceSelectorEmpty = (props: VoiceSelectorEmptyProps) => (
+  <CommandEmpty {...props} />
+);
+
+export type VoiceSelectorGroupProps = ComponentProps<typeof CommandGroup>;
+
+export const VoiceSelectorGroup = (props: VoiceSelectorGroupProps) => (
+  <CommandGroup {...props} />
+);
+
+export type VoiceSelectorItemProps = ComponentProps<typeof CommandItem>;
+
+export const VoiceSelectorItem = ({
+  className,
+  ...props
+}: VoiceSelectorItemProps) => (
+  <CommandItem className={cn("px-4 py-2", className)} {...props} />
+);
+
+export type VoiceSelectorShortcutProps = ComponentProps<typeof CommandShortcut>;
+
+export const VoiceSelectorShortcut = (props: VoiceSelectorShortcutProps) => (
+  <CommandShortcut {...props} />
+);
+
+export type VoiceSelectorSeparatorProps = ComponentProps<
+  typeof CommandSeparator
+>;
+
+export const VoiceSelectorSeparator = (props: VoiceSelectorSeparatorProps) => (
+  <CommandSeparator {...props} />
+);
+
+export type VoiceSelectorGenderProps = ComponentProps<"span"> & {
+  value?:
+    | "male"
+    | "female"
+    | "transgender"
+    | "androgyne"
+    | "non-binary"
+    | "intersex";
+};
+
+export const VoiceSelectorGender = ({
+  className,
+  value,
+  children,
+  ...props
+}: VoiceSelectorGenderProps) => {
+  let icon: ReactNode | null = null;
+
+  switch (value) {
+    case "male": {
+      icon = <MarsIcon className="size-4" />;
+      break;
+    }
+    case "female": {
+      icon = <VenusIcon className="size-4" />;
+      break;
+    }
+    case "transgender": {
+      icon = <TransgenderIcon className="size-4" />;
+      break;
+    }
+    case "androgyne": {
+      icon = <MarsStrokeIcon className="size-4" />;
+      break;
+    }
+    case "non-binary": {
+      icon = <NonBinaryIcon className="size-4" />;
+      break;
+    }
+    case "intersex": {
+      icon = <VenusAndMarsIcon className="size-4" />;
+      break;
+    }
+    default: {
+      icon = <CircleSmallIcon className="size-4" />;
+    }
+  }
+
+  return (
+    <span className={cn("text-muted-foreground text-xs", className)} {...props}>
+      {children ?? icon}
+    </span>
+  );
+};
+
+export type VoiceSelectorAccentProps = ComponentProps<"span"> & {
+  value?:
+    | "american"
+    | "british"
+    | "australian"
+    | "canadian"
+    | "irish"
+    | "scottish"
+    | "indian"
+    | "south-african"
+    | "new-zealand"
+    | "spanish"
+    | "french"
+    | "german"
+    | "italian"
+    | "portuguese"
+    | "brazilian"
+    | "mexican"
+    | "argentinian"
+    | "japanese"
+    | "chinese"
+    | "korean"
+    | "russian"
+    | "arabic"
+    | "dutch"
+    | "swedish"
+    | "norwegian"
+    | "danish"
+    | "finnish"
+    | "polish"
+    | "turkish"
+    | "greek"
+    | string;
+};
+
+export const VoiceSelectorAccent = ({
+  className,
+  value,
+  children,
+  ...props
+}: VoiceSelectorAccentProps) => {
+  let emoji: string | null = null;
+
+  switch (value) {
+    case "american": {
+      emoji = "🇺🇸";
+      break;
+    }
+    case "british": {
+      emoji = "🇬🇧";
+      break;
+    }
+    case "australian": {
+      emoji = "🇦🇺";
+      break;
+    }
+    case "canadian": {
+      emoji = "🇨🇦";
+      break;
+    }
+    case "irish": {
+      emoji = "🇮🇪";
+      break;
+    }
+    case "scottish": {
+      emoji = "🏴󠁧󠁢󠁳󠁣󠁴󠁿";
+      break;
+    }
+    case "indian": {
+      emoji = "🇮🇳";
+      break;
+    }
+    case "south-african": {
+      emoji = "🇿🇦";
+      break;
+    }
+    case "new-zealand": {
+      emoji = "🇳🇿";
+      break;
+    }
+    case "spanish": {
+      emoji = "🇪🇸";
+      break;
+    }
+    case "french": {
+      emoji = "🇫🇷";
+      break;
+    }
+    case "german": {
+      emoji = "🇩🇪";
+      break;
+    }
+    case "italian": {
+      emoji = "🇮🇹";
+      break;
+    }
+    case "portuguese": {
+      emoji = "🇵🇹";
+      break;
+    }
+    case "brazilian": {
+      emoji = "🇧🇷";
+      break;
+    }
+    case "mexican": {
+      emoji = "🇲🇽";
+      break;
+    }
+    case "argentinian": {
+      emoji = "🇦🇷";
+      break;
+    }
+    case "japanese": {
+      emoji = "🇯🇵";
+      break;
+    }
+    case "chinese": {
+      emoji = "🇨🇳";
+      break;
+    }
+    case "korean": {
+      emoji = "🇰🇷";
+      break;
+    }
+    case "russian": {
+      emoji = "🇷🇺";
+      break;
+    }
+    case "arabic": {
+      emoji = "🇸🇦";
+      break;
+    }
+    case "dutch": {
+      emoji = "🇳🇱";
+      break;
+    }
+    case "swedish": {
+      emoji = "🇸🇪";
+      break;
+    }
+    case "norwegian": {
+      emoji = "🇳🇴";
+      break;
+    }
+    case "danish": {
+      emoji = "🇩🇰";
+      break;
+    }
+    case "finnish": {
+      emoji = "🇫🇮";
+      break;
+    }
+    case "polish": {
+      emoji = "🇵🇱";
+      break;
+    }
+    case "turkish": {
+      emoji = "🇹🇷";
+      break;
+    }
+    case "greek": {
+      emoji = "🇬🇷";
+      break;
+    }
+    default: {
+      emoji = null;
+    }
+  }
+
+  return (
+    <span className={cn("text-muted-foreground text-xs", className)} {...props}>
+      {children ?? emoji}
+    </span>
+  );
+};
+
+export type VoiceSelectorAgeProps = ComponentProps<"span">;
+
+export const VoiceSelectorAge = ({
+  className,
+  ...props
+}: VoiceSelectorAgeProps) => (
+  <span
+    className={cn("text-muted-foreground text-xs tabular-nums", className)}
+    {...props}
+  />
+);
+
+export type VoiceSelectorNameProps = ComponentProps<"span">;
+
+export const VoiceSelectorName = ({
+  className,
+  ...props
+}: VoiceSelectorNameProps) => (
+  <span
+    className={cn("flex-1 truncate text-left font-medium", className)}
+    {...props}
+  />
+);
+
+export type VoiceSelectorDescriptionProps = ComponentProps<"span">;
+
+export const VoiceSelectorDescription = ({
+  className,
+  ...props
+}: VoiceSelectorDescriptionProps) => (
+  <span className={cn("text-muted-foreground text-xs", className)} {...props} />
+);
+
+export type VoiceSelectorAttributesProps = ComponentProps<"div">;
+
+export const VoiceSelectorAttributes = ({
+  className,
+  children,
+  ...props
+}: VoiceSelectorAttributesProps) => (
+  <div className={cn("flex items-center text-xs", className)} {...props}>
+    {children}
+  </div>
+);
+
+export type VoiceSelectorBulletProps = ComponentProps<"span">;
+
+export const VoiceSelectorBullet = ({
+  className,
+  ...props
+}: VoiceSelectorBulletProps) => (
+  <span
+    aria-hidden="true"
+    className={cn("select-none text-border", className)}
+    {...props}
+  >
+    &bull;
+  </span>
+);
+
+export type VoiceSelectorPreviewProps = Omit<
+  ComponentProps<"button">,
+  "children"
+> & {
+  playing?: boolean;
+  loading?: boolean;
+  onPlay?: () => void;
+};
+
+export const VoiceSelectorPreview = ({
+  className,
+  playing,
+  loading,
+  onPlay,
+  onClick,
+  ...props
+}: VoiceSelectorPreviewProps) => {
+  const handleClick = useCallback(
+    (event: React.MouseEvent<HTMLButtonElement>) => {
+      event.stopPropagation();
+      onClick?.(event);
+      onPlay?.();
+    },
+    [onClick, onPlay],
+  );
+
+  let icon = <PlayIcon className="size-3" />;
+
+  if (loading) {
+    icon = <Spinner className="size-3" />;
+  } else if (playing) {
+    icon = <PauseIcon className="size-3" />;
+  }
+
+  return (
+    <Button
+      aria-label={playing ? "Pause preview" : "Play preview"}
+      className={cn("size-6", className)}
+      disabled={loading}
+      onClick={handleClick}
+      size="icon-sm"
+      type="button"
+      variant="outline"
+      {...props}
+    >
+      {icon}
+    </Button>
+  );
+};
diff --git a/packages/ghost-ui/src/components/ai-elements/web-preview.tsx b/packages/ghost-ui/src/components/ai-elements/web-preview.tsx
new file mode 100644
index 0000000..62ea84a
--- /dev/null
+++ b/packages/ghost-ui/src/components/ai-elements/web-preview.tsx
@@ -0,0 +1,281 @@
+"use client";
+
+import { ChevronDownIcon } from "lucide-react";
+import type { ComponentProps, ReactNode } from "react";
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useMemo,
+  useState,
+} from "react";
+import { Button } from "@/components/ui/button";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
+import { Input } from "@/components/ui/input";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+import { cn } from "@/lib/utils";
+
+export interface WebPreviewContextValue {
+  url: string;
+  setUrl: (url: string) => void;
+  consoleOpen: boolean;
+  setConsoleOpen: (open: boolean) => void;
+}
+
+const WebPreviewContext = createContext<WebPreviewContextValue | null>(null);
+
+const useWebPreview = () => {
+  const context = useContext(WebPreviewContext);
+  if (!context) {
+    throw new Error("WebPreview components must be used within a WebPreview");
+  }
+  return context;
+};
+
+export type WebPreviewProps = ComponentProps<"div"> & {
+  defaultUrl?: string;
+  onUrlChange?: (url: string) => void;
+};
+
+export const WebPreview = ({
+  className,
+  children,
+  defaultUrl = "",
+  onUrlChange,
+  ...props
+}: WebPreviewProps) => {
+  const [url, setUrl] = useState(defaultUrl);
+  const [consoleOpen, setConsoleOpen] = useState(false);
+
+  const handleUrlChange = useCallback(
+    (newUrl: string) => {
+      setUrl(newUrl);
+      onUrlChange?.(newUrl);
+    },
+    [onUrlChange],
+  );
+
+  const contextValue = useMemo<WebPreviewContextValue>(
+    () => ({
+      consoleOpen,
+      setConsoleOpen,
+      setUrl: handleUrlChange,
+      url,
+    }),
+    [consoleOpen, handleUrlChange, url],
+  );
+
+  return (
+    <WebPreviewContext.Provider value={contextValue}>
+      <div
+        className={cn(
+          "flex size-full flex-col rounded-lg border bg-card",
+          className,
+        )}
+        {...props}
+      >
+        {children}
+      </div>
+    </WebPreviewContext.Provider>
+  );
+};
+
+export type WebPreviewNavigationProps = ComponentProps<"div">;
+
+export const WebPreviewNavigation = ({
+  className,
+  children,
+  ...props
+}: WebPreviewNavigationProps) => (
+  <div
+    className={cn("flex items-center gap-1 border-b p-2", className)}
+    {...props}
+  >
+    {children}
+  </div>
+);
+
+export type WebPreviewNavigationButtonProps = ComponentProps<typeof Button> & {
+  tooltip?: string;
+};
+
+export const WebPreviewNavigationButton = ({
+  onClick,
+  disabled,
+  tooltip,
+  children,
+  ...props
+}: WebPreviewNavigationButtonProps) => (
+  <TooltipProvider>
+    <Tooltip>
+      <TooltipTrigger asChild>
+        <Button
+          className="h-8 w-8 p-0 hover:text-foreground"
+          disabled={disabled}
+          onClick={onClick}
+          size="sm"
+          variant="ghost"
+          {...props}
+        >
+          {children}
+        </Button>
+      </TooltipTrigger>
+      <TooltipContent>
+        <p>{tooltip}</p>
+      </TooltipContent>
+    </Tooltip>
+  </TooltipProvider>
+);
+
+export type WebPreviewUrlProps = ComponentProps<typeof Input>;
+
+export const WebPreviewUrl = ({
+  value,
+  onChange,
+  onKeyDown,
+  ...props
+}: WebPreviewUrlProps) => {
+  const { url, setUrl } = useWebPreview();
+  const [prevUrl, setPrevUrl] = useState(url);
+  const [inputValue, setInputValue] = useState(url);
+
+  // Sync input value with context URL when it changes externally (derived state pattern)
+  if (url !== prevUrl) {
+    setPrevUrl(url);
+    setInputValue(url);
+  }
+
+  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    setInputValue(event.target.value);
+    onChange?.(event);
+  };
+
+  const handleKeyDown = useCallback(
+    (event: React.KeyboardEvent<HTMLInputElement>) => {
+      if (event.key === "Enter") {
+        const target = event.target as HTMLInputElement;
+        setUrl(target.value);
+      }
+      onKeyDown?.(event);
+    },
+    [setUrl, onKeyDown],
+  );
+
+  return (
+    <Input
+      className="h-8 flex-1 text-sm"
+      onChange={onChange ?? handleChange}
+      onKeyDown={handleKeyDown}
+      placeholder="Enter URL..."
+      value={value ?? inputValue}
+      {...props}
+    />
+  );
+};
+
+export type WebPreviewBodyProps = ComponentProps<"iframe"> & {
+  loading?: ReactNode;
+};
+
+export const WebPreviewBody = ({
+  className,
+  loading,
+  src,
+  ...props
+}: WebPreviewBodyProps) => {
+  const { url } = useWebPreview();
+
+  return (
+    <div className="flex-1">
+      <iframe
+        className={cn("size-full", className)}
+        // oxlint-disable-next-line eslint-plugin-react(iframe-missing-sandbox)
+        sandbox="allow-scripts allow-same-origin allow-forms allow-popups allow-presentation"
+        src={(src ?? url) || undefined}
+        title="Preview"
+        {...props}
+      />
+      {loading}
+    </div>
+  );
+};
+
+export type WebPreviewConsoleProps = ComponentProps<"div"> & {
+  logs?: {
+    level: "log" | "warn" | "error";
+    message: string;
+    timestamp: Date;
+  }[];
+};
+
+export const WebPreviewConsole = ({
+  className,
+  logs = [],
+  children,
+  ...props
+}: WebPreviewConsoleProps) => {
+  const { consoleOpen, setConsoleOpen } = useWebPreview();
+
+  return (
+    <Collapsible
+      className={cn("border-t bg-muted/50 font-mono text-sm", className)}
+      onOpenChange={setConsoleOpen}
+      open={consoleOpen}
+      {...props}
+    >
+      <CollapsibleTrigger asChild>
+        <Button
+          className="flex w-full items-center justify-between p-4 text-left font-medium hover:bg-muted/50"
+          variant="ghost"
+        >
+          Console
+          <ChevronDownIcon
+            className={cn(
+              "h-4 w-4 transition-transform duration-200",
+              consoleOpen && "rotate-180",
+            )}
+          />
+        </Button>
+      </CollapsibleTrigger>
+      <CollapsibleContent
+        className={cn(
+          "px-4 pb-4",
+          "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",
+        )}
+      >
+        <div className="max-h-48 space-y-1 overflow-y-auto">
+          {logs.length === 0 ? (
+            <p className="text-muted-foreground">No console output</p>
+          ) : (
+            logs.map((log) => (
+              <div
+                className={cn(
+                  "text-xs",
+                  log.level === "error" && "text-destructive",
+                  log.level === "warn" && "text-yellow-600",
+                  log.level === "log" && "text-foreground",
+                )}
+                key={`${log.timestamp.getTime()}-${log.level}-${log.message}`}
+              >
+                <span className="text-muted-foreground">
+                  {log.timestamp.toLocaleTimeString()}
+                </span>{" "}
+                {log.message}
+              </div>
+            ))
+          )}
+          {children}
+        </div>
+      </CollapsibleContent>
+    </Collapsible>
+  );
+};
diff --git a/packages/ghost-ui/src/components/theme-panel/ColorControls.tsx b/packages/ghost-ui/src/components/theme-panel/ColorControls.tsx
new file mode 100644
index 0000000..669eaf2
--- /dev/null
+++ b/packages/ghost-ui/src/components/theme-panel/ColorControls.tsx
@@ -0,0 +1,157 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { useThemePanel } from "@/contexts/ThemePanelContext";
+import {
+  DEFAULT_COLORS_DARK,
+  DEFAULT_COLORS_LIGHT,
+} from "@/lib/theme-defaults";
+import { useTheme } from "@/lib/theme-provider";
+import { getResolvedVariable } from "@/lib/theme-utils";
+import { ColorSwatch } from "./ColorSwatch";
+
+interface ColorGroup {
+  label: string;
+  variables: { key: string; label: string }[];
+}
+
+const COLOR_GROUPS: ColorGroup[] = [
+  {
+    label: "Accent",
+    variables: [{ key: "--background-accent", label: "Accent" }],
+  },
+  {
+    label: "Surfaces",
+    variables: [
+      { key: "--background-default", label: "Default" },
+      { key: "--background-alt", label: "Alt" },
+      { key: "--background-muted", label: "Muted" },
+      { key: "--background-medium", label: "Medium" },
+      { key: "--background-inverse", label: "Inverse" },
+    ],
+  },
+  {
+    label: "Text",
+    variables: [
+      { key: "--text-default", label: "Default" },
+      { key: "--text-muted", label: "Muted" },
+      { key: "--text-alt", label: "Alt" },
+      { key: "--text-inverse", label: "Inverse" },
+    ],
+  },
+  {
+    label: "Borders",
+    variables: [
+      { key: "--border-default", label: "Default" },
+      { key: "--border-input", label: "Input" },
+      { key: "--border-card", label: "Card" },
+      { key: "--border-strong", label: "Strong" },
+    ],
+  },
+  {
+    label: "Feedback",
+    variables: [
+      { key: "--background-danger", label: "Danger" },
+      { key: "--background-success", label: "Success" },
+      { key: "--background-warning", label: "Warning" },
+      { key: "--background-info", label: "Info" },
+    ],
+  },
+  {
+    label: "Charts",
+    variables: [
+      { key: "--chart-1", label: "Chart 1" },
+      { key: "--chart-2", label: "Chart 2" },
+      { key: "--chart-3", label: "Chart 3" },
+      { key: "--chart-4", label: "Chart 4" },
+      { key: "--chart-5", label: "Chart 5" },
+    ],
+  },
+];
+
+// Linked variables: when accent changes, also update these
+const ACCENT_LINKED = ["--border-accent", "--text-accent"];
+
+export function ColorControls() {
+  const { overrides, setVariable, setVariables } = useThemePanel();
+  const { resolvedTheme } = useTheme();
+  const isDark = resolvedTheme === "dark";
+  const defaults = isDark ? DEFAULT_COLORS_DARK : DEFAULT_COLORS_LIGHT;
+
+  // Track resolved values for initial display
+  const [resolved, setResolved] = useState<Record<string, string>>({});
+
+  useEffect(() => {
+    // Read current computed values for all color variables
+    const vals: Record<string, string> = {};
+    for (const group of COLOR_GROUPS) {
+      for (const v of group.variables) {
+        const computed = getResolvedVariable(v.key);
+        if (computed) {
+          vals[v.key] = rgbToHex(computed) || defaults[v.key] || "#000000";
+        }
+      }
+    }
+    setResolved(vals);
+  }, [overrides, isDark]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  function getColor(key: string): string {
+    return overrides[key] || resolved[key] || defaults[key] || "#000000";
+  }
+
+  function handleChange(key: string, value: string) {
+    if (key === "--background-accent") {
+      // Also update linked accent variables
+      const linked: Record<string, string> = { [key]: value };
+      for (const k of ACCENT_LINKED) {
+        linked[k] = value;
+      }
+      setVariables(linked);
+    } else {
+      setVariable(key, value);
+    }
+  }
+
+  return (
+    <div className="space-y-5">
+      {COLOR_GROUPS.map((group) => (
+        <div key={group.label}>
+          <p
+            className="font-display uppercase text-muted-foreground mb-2"
+            style={{
+              fontSize: "var(--label-font-size)",
+              letterSpacing: "var(--label-letter-spacing)",
+              fontWeight: "var(--label-font-weight)",
+            }}
+          >
+            {group.label}
+          </p>
+          <div className="space-y-1.5">
+            {group.variables.map((v) => (
+              <ColorSwatch
+                key={v.key}
+                value={getColor(v.key)}
+                onChange={(val) => handleChange(v.key, val)}
+                label={v.label}
+              />
+            ))}
+          </div>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+function rgbToHex(rgb: string): string | null {
+  // Handle hex passthrough
+  if (rgb.startsWith("#")) return rgb;
+
+  // Handle "rgb(r, g, b)" or "r g b" format
+  const match = rgb.match(/(\d+)[,\s]+(\d+)[,\s]+(\d+)/);
+  if (!match) return null;
+
+  const r = parseInt(match[1]);
+  const g = parseInt(match[2]);
+  const b = parseInt(match[3]);
+  return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}`;
+}
diff --git a/packages/ghost-ui/src/components/theme-panel/ColorSwatch.tsx b/packages/ghost-ui/src/components/theme-panel/ColorSwatch.tsx
new file mode 100644
index 0000000..22acfeb
--- /dev/null
+++ b/packages/ghost-ui/src/components/theme-panel/ColorSwatch.tsx
@@ -0,0 +1,29 @@
+"use client";
+
+interface ColorSwatchProps {
+  value: string;
+  onChange: (value: string) => void;
+  label: string;
+}
+
+export function ColorSwatch({ value, onChange, label }: ColorSwatchProps) {
+  return (
+    <label className="flex items-center gap-3 cursor-pointer group">
+      <div className="relative w-7 h-7 rounded-full border border-border overflow-hidden shrink-0 transition-shadow group-hover:shadow-mini">
+        <input
+          type="color"
+          value={value}
+          onChange={(e) => onChange(e.target.value)}
+          className="absolute inset-0 w-[200%] h-[200%] -top-1/2 -left-1/2 cursor-pointer opacity-0"
+        />
+        <div className="w-full h-full" style={{ backgroundColor: value }} />
+      </div>
+      <div className="flex items-center justify-between gap-2 flex-1 min-w-0">
+        <span className="text-xs text-muted-foreground truncate">{label}</span>
+        <span className="font-mono text-[10px] text-muted-foreground/70 uppercase shrink-0">
+          {value}
+        </span>
+      </div>
+    </label>
+  );
+}
diff --git a/packages/ghost-ui/src/components/theme-panel/ExportReset.tsx b/packages/ghost-ui/src/components/theme-panel/ExportReset.tsx
new file mode 100644
index 0000000..4a07cc5
--- /dev/null
+++ b/packages/ghost-ui/src/components/theme-panel/ExportReset.tsx
@@ -0,0 +1,56 @@
+"use client";
+
+import { Check, Copy, RotateCcw } from "lucide-react";
+import { useCallback, useState } from "react";
+import { Button } from "@/components/ui/button";
+import { useThemePanel } from "@/contexts/ThemePanelContext";
+
+export function ExportReset() {
+  const { exportCSS, reset, overrides } = useThemePanel();
+  const [copied, setCopied] = useState(false);
+
+  const handleCopy = useCallback(async () => {
+    const css = exportCSS();
+    if (!css) return;
+
+    await navigator.clipboard.writeText(css);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2000);
+  }, [exportCSS]);
+
+  const hasOverrides = Object.keys(overrides).length > 0;
+
+  return (
+    <div className="flex gap-2">
+      <Button
+        variant="outline"
+        size="sm"
+        onClick={handleCopy}
+        disabled={!hasOverrides}
+        className="flex-1 gap-2"
+      >
+        {copied ? (
+          <>
+            <Check className="h-3.5 w-3.5" />
+            Copied
+          </>
+        ) : (
+          <>
+            <Copy className="h-3.5 w-3.5" />
+            Copy CSS
+          </>
+        )}
+      </Button>
+      <Button
+        variant="outline"
+        size="sm"
+        onClick={reset}
+        disabled={!hasOverrides}
+        className="flex-1 gap-2"
+      >
+        <RotateCcw className="h-3.5 w-3.5" />
+        Reset
+      </Button>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/theme-panel/PresetSelector.tsx b/packages/ghost-ui/src/components/theme-panel/PresetSelector.tsx
new file mode 100644
index 0000000..b3972d5
--- /dev/null
+++ b/packages/ghost-ui/src/components/theme-panel/PresetSelector.tsx
@@ -0,0 +1,61 @@
+"use client";
+
+import { useThemePanel } from "@/contexts/ThemePanelContext";
+import { PRESETS } from "@/lib/theme-presets";
+import { cn } from "@/lib/utils";
+
+export function PresetSelector() {
+  const { activePresetId, applyPreset } = useThemePanel();
+
+  return (
+    <div className="grid grid-cols-3 gap-2">
+      {PRESETS.map((preset) => {
+        const isActive = activePresetId === preset.id;
+        return (
+          <button
+            key={preset.id}
+            onClick={() => applyPreset(preset.id)}
+            className={cn(
+              "flex flex-col items-center gap-2 rounded-card-sm border p-3 transition-all cursor-pointer",
+              isActive
+                ? "border-border-accent shadow-mini bg-background-alt"
+                : "border-border hover:border-border-input-hover hover:bg-background-alt",
+            )}
+          >
+            <div className="flex gap-1">
+              {[
+                preset.preview.accent,
+                preset.preview.background,
+                preset.preview.text,
+                preset.preview.muted,
+              ].map((color, i) => (
+                <div
+                  key={i}
+                  className="w-4 h-4 rounded-full border border-black/10"
+                  style={{ backgroundColor: color }}
+                />
+              ))}
+            </div>
+            <span className="text-[10px] font-medium text-foreground leading-tight text-center">
+              {preset.name}
+            </span>
+          </button>
+        );
+      })}
+      {/* Custom indicator */}
+      {activePresetId === null && (
+        <div className="flex flex-col items-center gap-2 rounded-card-sm border border-border-accent shadow-mini bg-background-alt p-3">
+          <div className="flex gap-1">
+            <div className="w-4 h-4 rounded-full border border-black/10 bg-gradient-to-br from-background-accent to-background-muted" />
+            <div className="w-4 h-4 rounded-full border border-black/10 bg-background" />
+            <div className="w-4 h-4 rounded-full border border-black/10 bg-text-default" />
+            <div className="w-4 h-4 rounded-full border border-black/10 bg-muted" />
+          </div>
+          <span className="text-[10px] font-medium text-foreground leading-tight text-center">
+            Custom
+          </span>
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/theme-panel/RadiusControls.tsx b/packages/ghost-ui/src/components/theme-panel/RadiusControls.tsx
new file mode 100644
index 0000000..a3cefff
--- /dev/null
+++ b/packages/ghost-ui/src/components/theme-panel/RadiusControls.tsx
@@ -0,0 +1,64 @@
+"use client";
+
+import { Slider } from "@/components/ui/slider";
+import { useThemePanel } from "@/contexts/ThemePanelContext";
+
+export function RadiusControls() {
+  const { radiusScale, setRadiusScale } = useThemePanel();
+
+  const label =
+    radiusScale < 10
+      ? "Sharp"
+      : radiusScale < 40
+        ? "Subtle"
+        : radiusScale < 60
+          ? "Default"
+          : radiusScale < 85
+            ? "Rounded"
+            : "Pill";
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <div className="flex items-center justify-between mb-3">
+          <p
+            className="font-display uppercase text-muted-foreground"
+            style={{
+              fontSize: "var(--label-font-size)",
+              letterSpacing: "var(--label-letter-spacing)",
+              fontWeight: "var(--label-font-weight)",
+            }}
+          >
+            Corner Radius
+          </p>
+          <span className="text-xs text-muted-foreground font-mono">
+            {label}
+          </span>
+        </div>
+        <Slider
+          value={[radiusScale]}
+          onValueChange={([v]) => setRadiusScale(v)}
+          min={0}
+          max={100}
+          step={1}
+        />
+      </div>
+
+      {/* Live preview */}
+      <div className="space-y-3">
+        <p className="text-xs text-muted-foreground">Preview</p>
+        <div className="flex items-center gap-3">
+          <div className="w-20 h-14 bg-muted border border-border rounded-card flex items-center justify-center text-[10px] text-muted-foreground">
+            Card
+          </div>
+          <button className="h-9 px-4 bg-primary text-primary-foreground text-xs font-medium rounded-button">
+            Button
+          </button>
+          <div className="h-8 w-24 border border-input rounded-input bg-background flex items-center px-2 text-[10px] text-muted-foreground">
+            Input
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/theme-panel/ShadowControls.tsx b/packages/ghost-ui/src/components/theme-panel/ShadowControls.tsx
new file mode 100644
index 0000000..0f36ed0
--- /dev/null
+++ b/packages/ghost-ui/src/components/theme-panel/ShadowControls.tsx
@@ -0,0 +1,64 @@
+"use client";
+
+import { Slider } from "@/components/ui/slider";
+import { useThemePanel } from "@/contexts/ThemePanelContext";
+
+export function ShadowControls() {
+  const { shadowScale, setShadowScale } = useThemePanel();
+
+  const label =
+    shadowScale < 5
+      ? "None"
+      : shadowScale < 30
+        ? "Subtle"
+        : shadowScale < 60
+          ? "Default"
+          : shadowScale < 85
+            ? "Prominent"
+            : "Heavy";
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <div className="flex items-center justify-between mb-3">
+          <p
+            className="font-display uppercase text-muted-foreground"
+            style={{
+              fontSize: "var(--label-font-size)",
+              letterSpacing: "var(--label-letter-spacing)",
+              fontWeight: "var(--label-font-weight)",
+            }}
+          >
+            Shadow Intensity
+          </p>
+          <span className="text-xs text-muted-foreground font-mono">
+            {label}
+          </span>
+        </div>
+        <Slider
+          value={[shadowScale]}
+          onValueChange={([v]) => setShadowScale(v)}
+          min={0}
+          max={100}
+          step={1}
+        />
+      </div>
+
+      {/* Live preview */}
+      <div className="space-y-3">
+        <p className="text-xs text-muted-foreground">Preview</p>
+        <div className="grid grid-cols-3 gap-3">
+          <div className="aspect-square bg-background border border-border rounded-card shadow-mini flex items-center justify-center text-[9px] text-muted-foreground">
+            Mini
+          </div>
+          <div className="aspect-square bg-background border border-border rounded-card shadow-card flex items-center justify-center text-[9px] text-muted-foreground">
+            Card
+          </div>
+          <div className="aspect-square bg-background border border-border rounded-card shadow-elevated flex items-center justify-center text-[9px] text-muted-foreground">
+            Elevated
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/theme-panel/ThemePanel.tsx b/packages/ghost-ui/src/components/theme-panel/ThemePanel.tsx
new file mode 100644
index 0000000..e9f370c
--- /dev/null
+++ b/packages/ghost-ui/src/components/theme-panel/ThemePanel.tsx
@@ -0,0 +1,100 @@
+"use client";
+
+import { XIcon } from "lucide-react";
+import { Separator } from "@/components/ui/separator";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { useThemePanel } from "@/contexts/ThemePanelContext";
+import { cn } from "@/lib/utils";
+import { ColorControls } from "./ColorControls";
+import { ExportReset } from "./ExportReset";
+import { PresetSelector } from "./PresetSelector";
+import { RadiusControls } from "./RadiusControls";
+import { ShadowControls } from "./ShadowControls";
+import { TypographyControls } from "./TypographyControls";
+
+export function ThemePanel() {
+  const { isOpen, setOpen } = useThemePanel();
+
+  return (
+    <div
+      className={cn(
+        "fixed inset-y-0 right-0 z-50 w-[360px] sm:w-[420px] bg-background border-l border-border flex flex-col transition-transform duration-300 ease-in-out",
+        isOpen ? "translate-x-0" : "translate-x-full",
+      )}
+    >
+      {/* Header */}
+      <div className="flex flex-col gap-1.5 p-6 pb-0 shrink-0">
+        <div className="flex items-center justify-between">
+          <h2 className="font-display text-foreground font-semibold tracking-[-0.01em]">
+            Theme
+          </h2>
+          <button
+            onClick={() => setOpen(false)}
+            className="rounded-xs opacity-70 transition-opacity hover:opacity-100"
+          >
+            <XIcon className="size-4" />
+            <span className="sr-only">Close</span>
+          </button>
+        </div>
+        <p className="text-muted-foreground text-sm">
+          Customize the design system in real time.
+        </p>
+      </div>
+
+      {/* Scrollable content */}
+      <div className="flex-1 overflow-y-auto p-6 space-y-5">
+        {/* Presets */}
+        <div>
+          <p
+            className="font-display uppercase text-muted-foreground mb-3"
+            style={{
+              fontSize: "var(--label-font-size)",
+              letterSpacing: "var(--label-letter-spacing)",
+              fontWeight: "var(--label-font-weight)",
+            }}
+          >
+            Presets
+          </p>
+          <PresetSelector />
+        </div>
+
+        <Separator />
+
+        {/* Token Controls */}
+        <Tabs defaultValue="colors">
+          <TabsList className="w-full">
+            <TabsTrigger value="colors" className="flex-1 text-xs">
+              Colors
+            </TabsTrigger>
+            <TabsTrigger value="radius" className="flex-1 text-xs">
+              Radius
+            </TabsTrigger>
+            <TabsTrigger value="shadows" className="flex-1 text-xs">
+              Shadows
+            </TabsTrigger>
+            <TabsTrigger value="type" className="flex-1 text-xs">
+              Type
+            </TabsTrigger>
+          </TabsList>
+          <TabsContent value="colors">
+            <ColorControls />
+          </TabsContent>
+          <TabsContent value="radius">
+            <RadiusControls />
+          </TabsContent>
+          <TabsContent value="shadows">
+            <ShadowControls />
+          </TabsContent>
+          <TabsContent value="type">
+            <TypographyControls />
+          </TabsContent>
+        </Tabs>
+      </div>
+
+      {/* Footer */}
+      <div className="p-6 pt-4 border-t border-border shrink-0">
+        <ExportReset />
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/theme-panel/ThemePanelTrigger.tsx b/packages/ghost-ui/src/components/theme-panel/ThemePanelTrigger.tsx
new file mode 100644
index 0000000..0d43d59
--- /dev/null
+++ b/packages/ghost-ui/src/components/theme-panel/ThemePanelTrigger.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import { Palette } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { useThemePanel } from "@/contexts/ThemePanelContext";
+
+export function ThemePanelTrigger() {
+  const { setOpen } = useThemePanel();
+
+  return (
+    <Button
+      size="lg"
+      appearance="icon"
+      onClick={() => setOpen(true)}
+      className="bg-background-inverse text-primary-foreground hover:scale-105"
+    >
+      <Palette className="h-4 w-4" />
+    </Button>
+  );
+}
diff --git a/packages/ghost-ui/src/components/theme-panel/TypographyControls.tsx b/packages/ghost-ui/src/components/theme-panel/TypographyControls.tsx
new file mode 100644
index 0000000..79c966e
--- /dev/null
+++ b/packages/ghost-ui/src/components/theme-panel/TypographyControls.tsx
@@ -0,0 +1,194 @@
+"use client";
+
+import { useCallback, useState } from "react";
+import { Slider } from "@/components/ui/slider";
+import { useThemePanel } from "@/contexts/ThemePanelContext";
+
+// Default values for scaling (50 = default)
+const WEIGHT_MAP: Record<number, Record<string, string>> = {
+  0: {
+    "--heading-display-font-weight": "300",
+    "--heading-section-font-weight": "400",
+    "--heading-sub-font-weight": "400",
+    "--heading-card-font-weight": "400",
+  },
+  25: {
+    "--heading-display-font-weight": "600",
+    "--heading-section-font-weight": "500",
+    "--heading-sub-font-weight": "500",
+    "--heading-card-font-weight": "500",
+  },
+  50: {
+    "--heading-display-font-weight": "900",
+    "--heading-section-font-weight": "700",
+    "--heading-sub-font-weight": "700",
+    "--heading-card-font-weight": "600",
+  },
+  75: {
+    "--heading-display-font-weight": "900",
+    "--heading-section-font-weight": "900",
+    "--heading-sub-font-weight": "700",
+    "--heading-card-font-weight": "700",
+  },
+  100: {
+    "--heading-display-font-weight": "900",
+    "--heading-section-font-weight": "900",
+    "--heading-sub-font-weight": "900",
+    "--heading-card-font-weight": "900",
+  },
+};
+
+function interpolateWeight(factor: number): Record<string, string> {
+  const keys = Object.keys(WEIGHT_MAP)
+    .map(Number)
+    .sort((a, b) => a - b);
+  const lower = keys.filter((k) => k <= factor).pop() ?? 0;
+  const upper = keys.find((k) => k >= factor) ?? 100;
+
+  if (lower === upper) return WEIGHT_MAP[lower];
+
+  // Snap to nearest weight bracket
+  const t = (factor - lower) / (upper - lower);
+  return t < 0.5 ? WEIGHT_MAP[lower] : WEIGHT_MAP[upper];
+}
+
+const TRACKING_VARS = [
+  "--heading-display-letter-spacing",
+  "--heading-section-letter-spacing",
+  "--heading-sub-letter-spacing",
+  "--heading-card-letter-spacing",
+];
+
+const DEFAULT_TRACKING = [-0.05, -0.035, -0.02, -0.01];
+
+export function TypographyControls() {
+  const { setVariables } = useThemePanel();
+  const [weightScale, setWeightScale] = useState(50);
+  const [trackingScale, setTrackingScale] = useState(50);
+
+  const handleWeightChange = useCallback(
+    (value: number) => {
+      setWeightScale(value);
+      setVariables(interpolateWeight(value));
+    },
+    [setVariables],
+  );
+
+  const handleTrackingChange = useCallback(
+    (value: number) => {
+      setTrackingScale(value);
+      // 0 = loose (0em), 50 = default, 100 = very tight (2x default)
+      const multiplier = value / 50;
+      const vars: Record<string, string> = {};
+      TRACKING_VARS.forEach((key, i) => {
+        vars[key] = `${(DEFAULT_TRACKING[i] * multiplier).toFixed(3)}em`;
+      });
+      setVariables(vars);
+    },
+    [setVariables],
+  );
+
+  const weightLabel =
+    weightScale < 20
+      ? "Light"
+      : weightScale < 45
+        ? "Medium"
+        : weightScale < 65
+          ? "Default"
+          : weightScale < 85
+            ? "Bold"
+            : "Black";
+
+  const trackingLabel =
+    trackingScale < 15
+      ? "Loose"
+      : trackingScale < 40
+        ? "Normal"
+        : trackingScale < 60
+          ? "Default"
+          : trackingScale < 85
+            ? "Tight"
+            : "Very Tight";
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <div className="flex items-center justify-between mb-3">
+          <p
+            className="font-display uppercase text-muted-foreground"
+            style={{
+              fontSize: "var(--label-font-size)",
+              letterSpacing: "var(--label-letter-spacing)",
+              fontWeight: "var(--label-font-weight)",
+            }}
+          >
+            Weight
+          </p>
+          <span className="text-xs text-muted-foreground font-mono">
+            {weightLabel}
+          </span>
+        </div>
+        <Slider
+          value={[weightScale]}
+          onValueChange={([v]) => handleWeightChange(v)}
+          min={0}
+          max={100}
+          step={1}
+        />
+      </div>
+
+      <div>
+        <div className="flex items-center justify-between mb-3">
+          <p
+            className="font-display uppercase text-muted-foreground"
+            style={{
+              fontSize: "var(--label-font-size)",
+              letterSpacing: "var(--label-letter-spacing)",
+              fontWeight: "var(--label-font-weight)",
+            }}
+          >
+            Letter Spacing
+          </p>
+          <span className="text-xs text-muted-foreground font-mono">
+            {trackingLabel}
+          </span>
+        </div>
+        <Slider
+          value={[trackingScale]}
+          onValueChange={([v]) => handleTrackingChange(v)}
+          min={0}
+          max={100}
+          step={1}
+        />
+      </div>
+
+      {/* Live preview */}
+      <div className="space-y-2 pt-2">
+        <p className="text-xs text-muted-foreground">Preview</p>
+        <div className="space-y-1 overflow-hidden">
+          <p
+            className="font-display truncate"
+            style={{
+              fontSize: "var(--heading-card-font-size)",
+              lineHeight: "var(--heading-card-line-height)",
+              letterSpacing: "var(--heading-card-letter-spacing)",
+              fontWeight: "var(--heading-card-font-weight)",
+            }}
+          >
+            Heading
+          </p>
+          <p
+            className="text-muted-foreground"
+            style={{
+              fontSize: "var(--body-reading-size)",
+              lineHeight: "var(--body-reading-line-height)",
+              letterSpacing: "var(--body-reading-letter-spacing)",
+            }}
+          >
+            Body text sample for preview.
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/theme/ThemeControls.tsx b/packages/ghost-ui/src/components/theme/ThemeControls.tsx
new file mode 100644
index 0000000..6c0ebda
--- /dev/null
+++ b/packages/ghost-ui/src/components/theme/ThemeControls.tsx
@@ -0,0 +1,18 @@
+"use client";
+
+import { ThemePanel } from "@/components/theme-panel/ThemePanel";
+import { ThemePanelTrigger } from "@/components/theme-panel/ThemePanelTrigger";
+import { ThemePanelProvider } from "@/contexts/ThemePanelContext";
+import { ThemeToggle } from "./ThemeToggle";
+
+export function ThemeControls() {
+  return (
+    <ThemePanelProvider>
+      <div className="sticky top-4 right-0 flex justify-end z-50 px-6 h-0 gap-2">
+        {/* <ThemePanelTrigger /> */}
+        <ThemeToggle />
+      </div>
+      {/* <ThemePanel /> */}
+    </ThemePanelProvider>
+  );
+}
diff --git a/packages/ghost-ui/src/components/theme/ThemeProvider.tsx b/packages/ghost-ui/src/components/theme/ThemeProvider.tsx
new file mode 100644
index 0000000..d0f9840
--- /dev/null
+++ b/packages/ghost-ui/src/components/theme/ThemeProvider.tsx
@@ -0,0 +1,6 @@
+"use client";
+
+export {
+  ThemeProvider,
+  useTheme,
+} from "@/lib/theme-provider";
diff --git a/packages/ghost-ui/src/components/theme/ThemeToggle.tsx b/packages/ghost-ui/src/components/theme/ThemeToggle.tsx
new file mode 100644
index 0000000..74beaeb
--- /dev/null
+++ b/packages/ghost-ui/src/components/theme/ThemeToggle.tsx
@@ -0,0 +1,50 @@
+"use client";
+
+import { Monitor, Moon, Sun } from "lucide-react";
+import { motion } from "motion/react";
+import { useEffect, useState } from "react";
+import { Button } from "@/components/ui/button";
+import { useTheme } from "@/lib/theme-provider";
+
+export function ThemeToggle() {
+  const { theme, setTheme } = useTheme();
+  const [mounted, setMounted] = useState(false);
+
+  // Only show the theme toggle after mounting to avoid hydration mismatch
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  if (!mounted) {
+    return null;
+  }
+
+  return (
+    <Button
+      size="lg"
+      appearance="icon"
+      onClick={() => {
+        if (theme === "light") setTheme("dark");
+        else if (theme === "dark") setTheme("system");
+        else setTheme("light");
+      }}
+      className="bg-background-inverse text-primary-foreground hover:scale-105"
+    >
+      <motion.div
+        key={theme}
+        initial={{ scale: 0.5, opacity: 0 }}
+        animate={{ scale: 1, opacity: 1 }}
+        exit={{ scale: 0.5, opacity: 0 }}
+        transition={{ duration: 0.2 }}
+      >
+        {theme === "system" ? (
+          <Monitor className="h-4 w-4" />
+        ) : theme === "dark" ? (
+          <Moon className="h-4 w-4" />
+        ) : (
+          <Sun className="h-4 w-4" />
+        )}
+      </motion.div>
+    </Button>
+  );
+}
diff --git a/packages/ghost-ui/src/components/ui/accordion.tsx b/packages/ghost-ui/src/components/ui/accordion.tsx
new file mode 100644
index 0000000..a914b90
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/accordion.tsx
@@ -0,0 +1,66 @@
+"use client";
+
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDownIcon } from "lucide-react";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Accordion({
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Root>) {
+  return <AccordionPrimitive.Root data-slot="accordion" {...props} />;
+}
+
+function AccordionItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Item>) {
+  return (
+    <AccordionPrimitive.Item
+      data-slot="accordion-item"
+      className={cn("border-b last:border-b-0", className)}
+      {...props}
+    />
+  );
+}
+
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {
+  return (
+    <AccordionPrimitive.Header className="flex">
+      <AccordionPrimitive.Trigger
+        data-slot="accordion-trigger"
+        className={cn(
+          "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm transition-all outline-none hover:underline focus-visible:ring-[1px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+          className,
+        )}
+        {...props}
+      >
+        {children}
+        <ChevronDownIcon className="text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" />
+      </AccordionPrimitive.Trigger>
+    </AccordionPrimitive.Header>
+  );
+}
+
+function AccordionContent({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Content>) {
+  return (
+    <AccordionPrimitive.Content
+      data-slot="accordion-content"
+      className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
+      {...props}
+    >
+      <div className={cn("pt-0 pb-4", className)}>{children}</div>
+    </AccordionPrimitive.Content>
+  );
+}
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
diff --git a/packages/ghost-ui/src/components/ui/alert-dialog.tsx b/packages/ghost-ui/src/components/ui/alert-dialog.tsx
new file mode 100644
index 0000000..3fc55fa
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/alert-dialog.tsx
@@ -0,0 +1,159 @@
+"use client";
+
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import type * as React from "react";
+import { buttonVariants } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+
+function AlertDialog({
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {
+  return <AlertDialogPrimitive.Root data-slot="alert-dialog" {...props} />;
+}
+
+function AlertDialogTrigger({
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {
+  return (
+    <AlertDialogPrimitive.Trigger data-slot="alert-dialog-trigger" {...props} />
+  );
+}
+
+function AlertDialogPortal({
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {
+  return (
+    <AlertDialogPrimitive.Portal data-slot="alert-dialog-portal" {...props} />
+  );
+}
+
+function AlertDialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {
+  return (
+    <AlertDialogPrimitive.Overlay
+      data-slot="alert-dialog-overlay"
+      className={cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function AlertDialogContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {
+  return (
+    <AlertDialogPortal>
+      <AlertDialogOverlay />
+      <AlertDialogPrimitive.Content
+        data-slot="alert-dialog-content"
+        className={cn(
+          "bg-background shadow-modal data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-modal border p-6 duration-200 sm:max-w-lg",
+          className,
+        )}
+        {...props}
+      />
+    </AlertDialogPortal>
+  );
+}
+
+function AlertDialogHeader({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="alert-dialog-header"
+      className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
+      {...props}
+    />
+  );
+}
+
+function AlertDialogFooter({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="alert-dialog-footer"
+      className={cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function AlertDialogTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {
+  return (
+    <AlertDialogPrimitive.Title
+      data-slot="alert-dialog-title"
+      className={cn(
+        "font-display text-lg font-semibold tracking-[-0.01em]",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function AlertDialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {
+  return (
+    <AlertDialogPrimitive.Description
+      data-slot="alert-dialog-description"
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  );
+}
+
+function AlertDialogAction({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {
+  return (
+    <AlertDialogPrimitive.Action
+      className={cn(buttonVariants(), className)}
+      {...props}
+    />
+  );
+}
+
+function AlertDialogCancel({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {
+  return (
+    <AlertDialogPrimitive.Cancel
+      className={cn(buttonVariants({ variant: "outline" }), className)}
+      {...props}
+    />
+  );
+}
+
+export {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+};
diff --git a/packages/ghost-ui/src/components/ui/alert.tsx b/packages/ghost-ui/src/components/ui/alert.tsx
new file mode 100644
index 0000000..4501081
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/alert.tsx
@@ -0,0 +1,66 @@
+import { cva, type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const alertVariants = cva(
+  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-text",
+        destructive:
+          "text-destructive bg-background [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  },
+);
+
+function Alert({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>) {
+  return (
+    <div
+      data-slot="alert"
+      role="alert"
+      className={cn(alertVariants({ variant }), className)}
+      {...props}
+    />
+  );
+}
+
+function AlertTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="alert-title"
+      className={cn(
+        "font-display col-start-2 line-clamp-1 min-h-4 font-semibold tracking-[-0.01em]",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function AlertDescription({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="alert-description"
+      className={cn(
+        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Alert, AlertDescription, AlertTitle };
diff --git a/packages/ghost-ui/src/components/ui/aspect-ratio.tsx b/packages/ghost-ui/src/components/ui/aspect-ratio.tsx
new file mode 100644
index 0000000..c16d6bc
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/aspect-ratio.tsx
@@ -0,0 +1,11 @@
+"use client";
+
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+
+function AspectRatio({
+  ...props
+}: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {
+  return <AspectRatioPrimitive.Root data-slot="aspect-ratio" {...props} />;
+}
+
+export { AspectRatio };
diff --git a/packages/ghost-ui/src/components/ui/avatar.tsx b/packages/ghost-ui/src/components/ui/avatar.tsx
new file mode 100644
index 0000000..5bb9bd0
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/avatar.tsx
@@ -0,0 +1,53 @@
+"use client";
+
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Avatar({
+  className,
+  ...props
+}: React.ComponentProps<typeof AvatarPrimitive.Root>) {
+  return (
+    <AvatarPrimitive.Root
+      data-slot="avatar"
+      className={cn(
+        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function AvatarImage({
+  className,
+  ...props
+}: React.ComponentProps<typeof AvatarPrimitive.Image>) {
+  return (
+    <AvatarPrimitive.Image
+      data-slot="avatar-image"
+      className={cn("aspect-square size-full", className)}
+      {...props}
+    />
+  );
+}
+
+function AvatarFallback({
+  className,
+  ...props
+}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {
+  return (
+    <AvatarPrimitive.Fallback
+      data-slot="avatar-fallback"
+      className={cn(
+        "bg-muted flex size-full items-center justify-center rounded-full text-xs",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Avatar, AvatarFallback, AvatarImage };
diff --git a/packages/ghost-ui/src/components/ui/badge.tsx b/packages/ghost-ui/src/components/ui/badge.tsx
new file mode 100644
index 0000000..50467d6
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/badge.tsx
@@ -0,0 +1,46 @@
+import { Slot } from "@radix-ui/react-slot";
+import { cva, type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const badgeVariants = cva(
+  "inline-flex items-center justify-center rounded-pill border px-2 py-0.5 text-xs w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default:
+          "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary:
+          "border-transparent bg-muted text-foreground [a&]:hover:bg-muted/90",
+        destructive:
+          "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline:
+          "text-foreground [a&]:hover:bg-muted [a&]:hover:text-muted-foreground",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  },
+);
+
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"span"> &
+  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : "span";
+
+  return (
+    <Comp
+      data-slot="badge"
+      className={cn(badgeVariants({ variant }), className)}
+      {...props}
+    />
+  );
+}
+
+export { Badge, badgeVariants };
diff --git a/packages/ghost-ui/src/components/ui/breadcrumb.tsx b/packages/ghost-ui/src/components/ui/breadcrumb.tsx
new file mode 100644
index 0000000..a1202be
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/breadcrumb.tsx
@@ -0,0 +1,109 @@
+import { Slot } from "@radix-ui/react-slot";
+import { ChevronRight, MoreHorizontal } from "lucide-react";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Breadcrumb({ ...props }: React.ComponentProps<"nav">) {
+  return <nav aria-label="breadcrumb" data-slot="breadcrumb" {...props} />;
+}
+
+function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">) {
+  return (
+    <ol
+      data-slot="breadcrumb-list"
+      className={cn(
+        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">) {
+  return (
+    <li
+      data-slot="breadcrumb-item"
+      className={cn("inline-flex items-center gap-1.5", className)}
+      {...props}
+    />
+  );
+}
+
+function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}: React.ComponentProps<"a"> & {
+  asChild?: boolean;
+}) {
+  const Comp = asChild ? Slot : "a";
+
+  return (
+    <Comp
+      data-slot="breadcrumb-link"
+      className={cn("hover:text-foreground transition-colors", className)}
+      {...props}
+    />
+  );
+}
+
+function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">) {
+  return (
+    <span
+      data-slot="breadcrumb-page"
+      role="link"
+      aria-disabled="true"
+      aria-current="page"
+      className={cn("text-foreground font-normal", className)}
+      {...props}
+    />
+  );
+}
+
+function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<"li">) {
+  return (
+    <li
+      data-slot="breadcrumb-separator"
+      role="presentation"
+      aria-hidden="true"
+      className={cn("[&>svg]:size-3.5", className)}
+      {...props}
+    >
+      {children ?? <ChevronRight />}
+    </li>
+  );
+}
+
+function BreadcrumbEllipsis({
+  className,
+  ...props
+}: React.ComponentProps<"span">) {
+  return (
+    <span
+      data-slot="breadcrumb-ellipsis"
+      role="presentation"
+      aria-hidden="true"
+      className={cn("flex size-9 items-center justify-center", className)}
+      {...props}
+    >
+      <MoreHorizontal className="size-4" />
+      <span className="sr-only">More</span>
+    </span>
+  );
+}
+
+export {
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+};
diff --git a/packages/ghost-ui/src/components/ui/button-group.tsx b/packages/ghost-ui/src/components/ui/button-group.tsx
new file mode 100644
index 0000000..9c07620
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/button-group.tsx
@@ -0,0 +1,82 @@
+import { Slot } from "@radix-ui/react-slot";
+import { cva, type VariantProps } from "class-variance-authority";
+import { Separator } from "@/components/ui/separator";
+import { cn } from "@/lib/utils";
+
+const buttonGroupVariants = cva(
+  "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
+  {
+    variants: {
+      orientation: {
+        horizontal:
+          "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+        vertical:
+          "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none",
+      },
+    },
+    defaultVariants: {
+      orientation: "horizontal",
+    },
+  },
+);
+
+function ButtonGroup({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>) {
+  return (
+    <div
+      role="group"
+      data-slot="button-group"
+      data-orientation={orientation}
+      className={cn(buttonGroupVariants({ orientation }), className)}
+      {...props}
+    />
+  );
+}
+
+function ButtonGroupText({
+  className,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"div"> & {
+  asChild?: boolean;
+}) {
+  const Comp = asChild ? Slot : "div";
+
+  return (
+    <Comp
+      className={cn(
+        "bg-muted shadow-xs flex items-center gap-2 rounded-md border px-4 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function ButtonGroupSeparator({
+  className,
+  orientation = "vertical",
+  ...props
+}: React.ComponentProps<typeof Separator>) {
+  return (
+    <Separator
+      data-slot="button-group-separator"
+      orientation={orientation}
+      className={cn(
+        "bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export {
+  ButtonGroup,
+  ButtonGroupSeparator,
+  ButtonGroupText,
+  buttonGroupVariants,
+};
diff --git a/packages/ghost-ui/src/components/ui/button.tsx b/packages/ghost-ui/src/components/ui/button.tsx
new file mode 100644
index 0000000..3d76a7a
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/button.tsx
@@ -0,0 +1,95 @@
+import { Slot } from "@radix-ui/react-slot";
+import { cva, type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+import { cn } from "@/lib/utils";
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive:
+          "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border border-input bg-background hover:bg-muted",
+        secondary: "bg-muted text-foreground hover:bg-muted/80",
+        ghost: "hover:bg-muted dark:hover:bg-muted/50",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default: "h-9",
+        sm: "h-8 gap-1.5",
+        lg: "h-10",
+        icon: "w-9 h-9 p-0",
+        "icon-xs": "w-7 h-7 p-0",
+        "icon-sm": "w-8 h-8 p-0",
+      },
+      appearance: {
+        default: "",
+        icon: "",
+      },
+    },
+    compoundVariants: [
+      {
+        appearance: "default",
+        size: "default",
+        className: "px-6 py-2 has-[>svg]:px-4",
+      },
+      {
+        appearance: "default",
+        size: "sm",
+        className: "px-4 has-[>svg]:px-3",
+      },
+      {
+        appearance: "default",
+        size: "lg",
+        className: "px-8 has-[>svg]:px-6",
+      },
+      {
+        appearance: "icon",
+        size: "default",
+        className: "w-9 h-9 p-0",
+      },
+      {
+        appearance: "icon",
+        size: "sm",
+        className: "w-8 h-8 p-0",
+      },
+      {
+        appearance: "icon",
+        size: "lg",
+        className: "w-10 h-10 p-0",
+      },
+    ],
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      appearance: "default",
+    },
+  },
+);
+
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  appearance = "default",
+  ...props
+}: React.ComponentProps<"button"> &
+  VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+    appearance?: "default" | "icon";
+  }) {
+  const Comp = asChild ? Slot : "button";
+
+  return (
+    <Comp
+      data-slot="button"
+      className={cn(buttonVariants({ variant, size, appearance, className }))}
+      {...props}
+    />
+  );
+}
+
+export { Button, buttonVariants };
diff --git a/packages/ghost-ui/src/components/ui/calendar.tsx b/packages/ghost-ui/src/components/ui/calendar.tsx
new file mode 100644
index 0000000..529c6d4
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/calendar.tsx
@@ -0,0 +1,76 @@
+"use client";
+
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import type * as React from "react";
+import { DayPicker } from "react-day-picker";
+import { buttonVariants } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}: React.ComponentProps<typeof DayPicker>) {
+  return (
+    <DayPicker
+      showOutsideDays={showOutsideDays}
+      className={cn("p-3", className)}
+      classNames={{
+        months: "flex flex-col sm:flex-row gap-2",
+        month: "flex flex-col gap-4",
+        month_caption: "flex justify-center pt-1 relative items-center w-full",
+        caption_label: "text-sm font-medium",
+        nav: "flex items-center gap-1",
+        button_previous: cn(
+          buttonVariants({ variant: "outline", appearance: "icon" }),
+          "size-7 bg-transparent p-0 absolute left-1",
+        ),
+        button_next: cn(
+          buttonVariants({ variant: "outline", appearance: "icon" }),
+          "size-7 bg-transparent p-0 absolute right-1",
+        ),
+        month_grid: "w-full border-collapse space-x-1",
+        weekdays: "flex",
+        weekday:
+          "text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",
+        week: "flex w-full mt-2",
+        day: cn(
+          "relative p-0 text-center text-sm focus-within:relative focus-within:z-20",
+          props.mode === "range"
+            ? "[&:has([aria-selected]):not(:has(.day-range-start)):not(:has(.day-range-end))]:bg-muted first:[&:has([aria-selected])]:rounded-l-full last:[&:has([aria-selected])]:rounded-r-full [&:has(>.day-range-start)]:[background:linear-gradient(to_right,transparent_50%,var(--color-background-muted)_50%)] [&:has(>.day-range-end)]:[background:linear-gradient(to_left,transparent_50%,var(--color-background-muted)_50%)]"
+            : "[&:has([aria-selected])]:rounded-full [&:has([aria-selected])]:bg-muted",
+        ),
+        day_button: cn(
+          buttonVariants({ variant: "ghost" }),
+          "relative z-10 size-8 p-0 font-normal aria-selected:opacity-100",
+        ),
+        range_start:
+          "day-range-start rounded-full aria-selected:bg-primary aria-selected:text-primary-foreground",
+        range_end:
+          "day-range-end rounded-full aria-selected:bg-primary aria-selected:text-primary-foreground",
+        selected:
+          "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+        today: "bg-muted text-muted-foreground",
+        outside:
+          "day-outside text-muted-foreground aria-selected:text-muted-foreground",
+        disabled: "text-muted-foreground opacity-50",
+        range_middle:
+          "aria-selected:bg-muted aria-selected:text-muted-foreground",
+        hidden: "invisible",
+        ...classNames,
+      }}
+      components={{
+        Chevron: ({ orientation, ...props }) => {
+          if (orientation === "left") {
+            return <ChevronLeft className="size-4" {...props} />;
+          }
+          return <ChevronRight className="size-4" {...props} />;
+        },
+      }}
+      {...props}
+    />
+  );
+}
+
+export { Calendar };
diff --git a/packages/ghost-ui/src/components/ui/card.tsx b/packages/ghost-ui/src/components/ui/card.tsx
new file mode 100644
index 0000000..d3938f4
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/card.tsx
@@ -0,0 +1,95 @@
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Card({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card"
+      className={cn(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-card border border-border py-6 transition-shadow hover:shadow-card",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-header"
+      className={cn(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-title"
+      className={cn(
+        "font-display font-semibold leading-none tracking-[-0.01em]",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-description"
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  );
+}
+
+function CardAction({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-action"
+      className={cn(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function CardContent({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-content"
+      className={cn("px-6", className)}
+      {...props}
+    />
+  );
+}
+
+function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-footer"
+      className={cn("flex items-center px-6 [.border-t]:pt-6", className)}
+      {...props}
+    />
+  );
+}
+
+export {
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+};
diff --git a/packages/ghost-ui/src/components/ui/carousel.tsx b/packages/ghost-ui/src/components/ui/carousel.tsx
new file mode 100644
index 0000000..65448ab
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/carousel.tsx
@@ -0,0 +1,238 @@
+"use client";
+
+import useEmblaCarousel, {
+  type UseEmblaCarouselType,
+} from "embla-carousel-react";
+import { ArrowLeft, ArrowRight } from "lucide-react";
+import * as React from "react";
+import { Button } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+
+type CarouselProps = {
+  opts?: CarouselOptions;
+  plugins?: CarouselPlugin;
+  orientation?: "horizontal" | "vertical";
+  setApi?: (api: CarouselApi) => void;
+};
+
+type CarouselContextProps = {
+  carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+  api: ReturnType<typeof useEmblaCarousel>[1];
+  scrollPrev: () => void;
+  scrollNext: () => void;
+  canScrollPrev: boolean;
+  canScrollNext: boolean;
+} & CarouselProps;
+
+const CarouselContext = React.createContext<CarouselContextProps | null>(null);
+
+function useCarousel() {
+  const context = React.useContext(CarouselContext);
+
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />");
+  }
+
+  return context;
+}
+
+function Carousel({
+  orientation = "horizontal",
+  opts,
+  setApi,
+  plugins,
+  className,
+  children,
+  ...props
+}: React.ComponentProps<"div"> & CarouselProps) {
+  const [carouselRef, api] = useEmblaCarousel(
+    {
+      ...opts,
+      axis: orientation === "horizontal" ? "x" : "y",
+    },
+    plugins,
+  );
+  const [canScrollPrev, setCanScrollPrev] = React.useState(false);
+  const [canScrollNext, setCanScrollNext] = React.useState(false);
+
+  const onSelect = React.useCallback((api: CarouselApi) => {
+    if (!api) return;
+    setCanScrollPrev(api.canScrollPrev());
+    setCanScrollNext(api.canScrollNext());
+  }, []);
+
+  const scrollPrev = React.useCallback(() => {
+    api?.scrollPrev();
+  }, [api]);
+
+  const scrollNext = React.useCallback(() => {
+    api?.scrollNext();
+  }, [api]);
+
+  const handleKeyDown = React.useCallback(
+    (event: React.KeyboardEvent<HTMLDivElement>) => {
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        scrollPrev();
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault();
+        scrollNext();
+      }
+    },
+    [scrollPrev, scrollNext],
+  );
+
+  React.useEffect(() => {
+    if (!api || !setApi) return;
+    setApi(api);
+  }, [api, setApi]);
+
+  React.useEffect(() => {
+    if (!api) return;
+    onSelect(api);
+    api.on("reInit", onSelect);
+    api.on("select", onSelect);
+
+    return () => {
+      api?.off("select", onSelect);
+    };
+  }, [api, onSelect]);
+
+  return (
+    <CarouselContext.Provider
+      value={{
+        carouselRef,
+        api: api,
+        opts,
+        orientation:
+          orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext,
+      }}
+    >
+      <div
+        onKeyDownCapture={handleKeyDown}
+        className={cn("relative", className)}
+        role="region"
+        aria-roledescription="carousel"
+        data-slot="carousel"
+        {...props}
+      >
+        {children}
+      </div>
+    </CarouselContext.Provider>
+  );
+}
+
+function CarouselContent({ className, ...props }: React.ComponentProps<"div">) {
+  const { carouselRef, orientation } = useCarousel();
+
+  return (
+    <div
+      ref={carouselRef}
+      className="overflow-hidden"
+      data-slot="carousel-content"
+    >
+      <div
+        className={cn(
+          "flex",
+          orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
+          className,
+        )}
+        {...props}
+      />
+    </div>
+  );
+}
+
+function CarouselItem({ className, ...props }: React.ComponentProps<"div">) {
+  const { orientation } = useCarousel();
+
+  return (
+    <div
+      role="group"
+      aria-roledescription="slide"
+      data-slot="carousel-item"
+      className={cn(
+        "min-w-0 shrink-0 grow-0 basis-full",
+        orientation === "horizontal" ? "pl-4" : "pt-4",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function CarouselPrevious({
+  className,
+  variant = "outline",
+  ...props
+}: React.ComponentProps<typeof Button>) {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+
+  return (
+    <Button
+      data-slot="carousel-previous"
+      variant={variant}
+      appearance="icon"
+      className={cn(
+        "absolute size-8 rounded-full",
+        orientation === "horizontal"
+          ? "top-1/2 -left-12 -translate-y-1/2"
+          : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        className,
+      )}
+      disabled={!canScrollPrev}
+      onClick={scrollPrev}
+      {...props}
+    >
+      <ArrowLeft />
+      <span className="sr-only">Previous slide</span>
+    </Button>
+  );
+}
+
+function CarouselNext({
+  className,
+  variant = "outline",
+  ...props
+}: React.ComponentProps<typeof Button>) {
+  const { orientation, scrollNext, canScrollNext } = useCarousel();
+
+  return (
+    <Button
+      data-slot="carousel-next"
+      variant={variant}
+      appearance="icon"
+      className={cn(
+        "absolute size-8 rounded-full",
+        orientation === "horizontal"
+          ? "top-1/2 -right-12 -translate-y-1/2"
+          : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        className,
+      )}
+      disabled={!canScrollNext}
+      onClick={scrollNext}
+      {...props}
+    >
+      <ArrowRight />
+      <span className="sr-only">Next slide</span>
+    </Button>
+  );
+}
+
+export {
+  Carousel,
+  type CarouselApi,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+};
diff --git a/packages/ghost-ui/src/components/ui/chart.tsx b/packages/ghost-ui/src/components/ui/chart.tsx
new file mode 100644
index 0000000..0e5c393
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/chart.tsx
@@ -0,0 +1,384 @@
+"use client";
+
+import * as React from "react";
+import * as RechartsPrimitive from "recharts";
+
+import { cn } from "@/lib/utils";
+
+// Format: { THEME_NAME: CSS_SELECTOR }
+const THEMES = { light: "", dark: ".dark" } as const;
+
+export type ChartConfig = {
+  [k in string]: {
+    label?: React.ReactNode;
+    icon?: React.ComponentType;
+  } & (
+    | { color?: string; theme?: never }
+    | { color?: never; theme: Record<keyof typeof THEMES, string> }
+  );
+};
+
+type ChartContextProps = {
+  config: ChartConfig;
+};
+
+const ChartContext = React.createContext<ChartContextProps | null>(null);
+
+function useChart() {
+  const context = React.useContext(ChartContext);
+
+  if (!context) {
+    throw new Error("useChart must be used within a <ChartContainer />");
+  }
+
+  return context;
+}
+
+function ChartContainer({
+  id,
+  className,
+  children,
+  config,
+  ...props
+}: React.ComponentProps<"div"> & {
+  config: ChartConfig;
+  children: React.ComponentProps<
+    typeof RechartsPrimitive.ResponsiveContainer
+  >["children"];
+}) {
+  const uniqueId = React.useId();
+  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
+  const containerRef = React.useRef<HTMLDivElement>(null);
+  const [dimensions, setDimensions] = React.useState<{
+    width: number;
+    height: number;
+  }>({ width: 0, height: 0 });
+
+  React.useEffect(() => {
+    const el = containerRef.current;
+    if (!el) return;
+
+    const observer = new ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (entry) {
+        const { width, height } = entry.contentRect;
+        if (width > 0 && height > 0) {
+          setDimensions({ width, height });
+        }
+      }
+    });
+
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, []);
+
+  return (
+    <ChartContext.Provider value={{ config }}>
+      <div
+        ref={containerRef}
+        data-slot="chart"
+        data-chart={chartId}
+        className={cn(
+          "[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border aspect-video text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
+          className,
+        )}
+        {...props}
+      >
+        <ChartStyle id={chartId} config={config} />
+        {dimensions.width > 0 &&
+          dimensions.height > 0 &&
+          React.cloneElement(
+            children as React.ReactElement<Record<string, unknown>>,
+            {
+              width: dimensions.width,
+              height: dimensions.height,
+            },
+          )}
+      </div>
+    </ChartContext.Provider>
+  );
+}
+
+const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
+  const colorConfig = Object.entries(config).filter(
+    ([, config]) => config.theme || config.color,
+  );
+
+  if (!colorConfig.length) {
+    return null;
+  }
+
+  return (
+    <style
+      dangerouslySetInnerHTML={{
+        __html: Object.entries(THEMES)
+          .map(
+            ([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig
+  .map(([key, itemConfig]) => {
+    const color =
+      itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||
+      itemConfig.color;
+    return color ? `  --color-${key}: ${color};` : null;
+  })
+  .join("\n")}
+}
+`,
+          )
+          .join("\n"),
+      }}
+    />
+  );
+};
+
+const ChartTooltip = RechartsPrimitive.Tooltip;
+
+function ChartTooltipContent({
+  active,
+  payload,
+  className,
+  indicator = "dot",
+  hideLabel = false,
+  hideIndicator = false,
+  label,
+  labelFormatter,
+  labelClassName,
+  formatter,
+  color,
+  nameKey,
+  labelKey,
+}: Partial<RechartsPrimitive.TooltipContentProps> &
+  React.ComponentProps<"div"> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+  }) {
+  const { config } = useChart();
+
+  const tooltipLabel = React.useMemo(() => {
+    if (hideLabel || !payload?.length) {
+      return null;
+    }
+
+    const [item] = payload;
+    const key = `${labelKey || item?.dataKey || item?.name || "value"}`;
+    const itemConfig = getPayloadConfigFromPayload(config, item, key);
+    const value =
+      !labelKey && typeof label === "string"
+        ? config[label as keyof typeof config]?.label || label
+        : itemConfig?.label;
+
+    if (labelFormatter) {
+      return (
+        <div className={cn("font-medium", labelClassName)}>
+          {labelFormatter(value, payload)}
+        </div>
+      );
+    }
+
+    if (!value) {
+      return null;
+    }
+
+    return <div className={cn("font-medium", labelClassName)}>{value}</div>;
+  }, [
+    label,
+    labelFormatter,
+    payload,
+    hideLabel,
+    labelClassName,
+    config,
+    labelKey,
+  ]);
+
+  if (!active || !payload?.length) {
+    return null;
+  }
+
+  const nestLabel = payload.length === 1 && indicator !== "dot";
+
+  return (
+    <div
+      className={cn(
+        "border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs",
+        className,
+      )}
+    >
+      {!nestLabel ? tooltipLabel : null}
+      <div className="grid gap-1.5">
+        {payload.map((item, index) => {
+          const key = `${nameKey || item.name || item.dataKey || "value"}`;
+          const itemConfig = getPayloadConfigFromPayload(config, item, key);
+          const indicatorColor = color || item.payload.fill || item.color;
+
+          return (
+            <div
+              key={String(item.dataKey)}
+              className={cn(
+                "[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",
+                indicator === "dot" && "items-center",
+              )}
+            >
+              {formatter && item?.value !== undefined && item.name ? (
+                formatter(item.value, item.name, item, index, item.payload)
+              ) : (
+                <>
+                  {itemConfig?.icon ? (
+                    <itemConfig.icon />
+                  ) : (
+                    !hideIndicator && (
+                      <div
+                        className={cn(
+                          "shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",
+                          {
+                            "h-2.5 w-2.5": indicator === "dot",
+                            "w-1": indicator === "line",
+                            "w-0 border-[1.5px] border-dashed bg-transparent":
+                              indicator === "dashed",
+                            "my-0.5": nestLabel && indicator === "dashed",
+                          },
+                        )}
+                        style={
+                          {
+                            "--color-bg": indicatorColor,
+                            "--color-border": indicatorColor,
+                          } as React.CSSProperties
+                        }
+                      />
+                    )
+                  )}
+                  <div
+                    className={cn(
+                      "flex flex-1 justify-between leading-none",
+                      nestLabel ? "items-end" : "items-center",
+                    )}
+                  >
+                    <div className="grid gap-1.5">
+                      {nestLabel ? tooltipLabel : null}
+                      <span className="text-muted-foreground">
+                        {itemConfig?.label || item.name}
+                      </span>
+                    </div>
+                    {item.value && (
+                      <span className="text-foreground font-mono tabular-nums">
+                        {item.value.toLocaleString()}
+                      </span>
+                    )}
+                  </div>
+                </>
+              )}
+            </div>
+          );
+        })}
+      </div>
+    </div>
+  );
+}
+
+const ChartLegend = RechartsPrimitive.Legend;
+
+function ChartLegendContent({
+  className,
+  hideIcon = false,
+  payload,
+  verticalAlign = "bottom",
+  nameKey,
+}: React.ComponentProps<"div"> & {
+  payload?: RechartsPrimitive.LegendPayload[];
+  verticalAlign?: "top" | "bottom" | "middle";
+  hideIcon?: boolean;
+  nameKey?: string;
+}) {
+  const { config } = useChart();
+
+  if (!payload?.length) {
+    return null;
+  }
+
+  return (
+    <div
+      className={cn(
+        "flex items-center justify-center gap-4",
+        verticalAlign === "top" ? "pb-3" : "pt-3",
+        className,
+      )}
+    >
+      {payload.map((item) => {
+        const key = `${nameKey || item.dataKey || "value"}`;
+        const itemConfig = getPayloadConfigFromPayload(config, item, key);
+
+        return (
+          <div
+            key={item.value}
+            className={cn(
+              "[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3",
+            )}
+          >
+            {itemConfig?.icon && !hideIcon ? (
+              <itemConfig.icon />
+            ) : (
+              <div
+                className="h-2 w-2 shrink-0 rounded-[2px]"
+                style={{
+                  backgroundColor: item.color,
+                }}
+              />
+            )}
+            {itemConfig?.label}
+          </div>
+        );
+      })}
+    </div>
+  );
+}
+
+// Helper to extract item config from a payload.
+function getPayloadConfigFromPayload(
+  config: ChartConfig,
+  payload: unknown,
+  key: string,
+) {
+  if (typeof payload !== "object" || payload === null) {
+    return undefined;
+  }
+
+  const payloadPayload =
+    "payload" in payload &&
+    typeof payload.payload === "object" &&
+    payload.payload !== null
+      ? payload.payload
+      : undefined;
+
+  let configLabelKey: string = key;
+
+  if (
+    key in payload &&
+    typeof payload[key as keyof typeof payload] === "string"
+  ) {
+    configLabelKey = payload[key as keyof typeof payload] as string;
+  } else if (
+    payloadPayload &&
+    key in payloadPayload &&
+    typeof payloadPayload[key as keyof typeof payloadPayload] === "string"
+  ) {
+    configLabelKey = payloadPayload[
+      key as keyof typeof payloadPayload
+    ] as string;
+  }
+
+  return configLabelKey in config
+    ? config[configLabelKey]
+    : config[key as keyof typeof config];
+}
+
+export {
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartStyle,
+  ChartTooltip,
+  ChartTooltipContent,
+};
diff --git a/packages/ghost-ui/src/components/ui/checkbox.tsx b/packages/ghost-ui/src/components/ui/checkbox.tsx
new file mode 100644
index 0000000..767bbba
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/checkbox.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { CheckIcon } from "lucide-react";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Checkbox({
+  className,
+  ...props
+}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {
+  return (
+    <CheckboxPrimitive.Root
+      data-slot="checkbox"
+      className={cn(
+        "peer border-input data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-border-inverse focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border transition-shadow outline-none focus-visible:ring-[1px] disabled:cursor-not-allowed disabled:opacity-50",
+        className,
+      )}
+      {...props}
+    >
+      <CheckboxPrimitive.Indicator
+        data-slot="checkbox-indicator"
+        className="flex items-center justify-center text-current transition-none"
+      >
+        <CheckIcon className="size-3.5" />
+      </CheckboxPrimitive.Indicator>
+    </CheckboxPrimitive.Root>
+  );
+}
+
+export { Checkbox };
diff --git a/packages/ghost-ui/src/components/ui/collapsible.tsx b/packages/ghost-ui/src/components/ui/collapsible.tsx
new file mode 100644
index 0000000..58a2ac2
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/collapsible.tsx
@@ -0,0 +1,33 @@
+"use client";
+
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+
+function Collapsible({
+  ...props
+}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {
+  return <CollapsiblePrimitive.Root data-slot="collapsible" {...props} />;
+}
+
+function CollapsibleTrigger({
+  ...props
+}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {
+  return (
+    <CollapsiblePrimitive.CollapsibleTrigger
+      data-slot="collapsible-trigger"
+      {...props}
+    />
+  );
+}
+
+function CollapsibleContent({
+  ...props
+}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {
+  return (
+    <CollapsiblePrimitive.CollapsibleContent
+      data-slot="collapsible-content"
+      {...props}
+    />
+  );
+}
+
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };
diff --git a/packages/ghost-ui/src/components/ui/command.tsx b/packages/ghost-ui/src/components/ui/command.tsx
new file mode 100644
index 0000000..61c7bb4
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/command.tsx
@@ -0,0 +1,176 @@
+"use client";
+
+import { Command as CommandPrimitive } from "cmdk";
+import { SearchIcon } from "lucide-react";
+import type * as React from "react";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { cn } from "@/lib/utils";
+
+function Command({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive>) {
+  return (
+    <CommandPrimitive
+      data-slot="command"
+      className={cn(
+        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function CommandDialog({
+  title = "Command Palette",
+  description = "Search for a command to run...",
+  children,
+  ...props
+}: React.ComponentProps<typeof Dialog> & {
+  title?: string;
+  description?: string;
+}) {
+  return (
+    <Dialog {...props}>
+      <DialogHeader className="sr-only">
+        <DialogTitle>{title}</DialogTitle>
+        <DialogDescription>{description}</DialogDescription>
+      </DialogHeader>
+      <DialogContent className="overflow-hidden p-0 data-[state=open]:slide-in-from-bottom-4 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-bottom-4 data-[state=closed]:zoom-out-95">
+        <Command className="[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:[&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
+          {children}
+        </Command>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+function CommandInput({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.Input>) {
+  return (
+    <div
+      data-slot="command-input-wrapper"
+      className="flex h-9 items-center gap-2 border-b px-3"
+    >
+      <SearchIcon className="size-4 shrink-0 opacity-50" />
+      <CommandPrimitive.Input
+        data-slot="command-input"
+        className={cn(
+          "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden focus-visible:ring-0 focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50",
+          className,
+        )}
+        {...props}
+      />
+    </div>
+  );
+}
+
+function CommandList({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.List>) {
+  return (
+    <CommandPrimitive.List
+      data-slot="command-list"
+      className={cn(
+        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function CommandEmpty({
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.Empty>) {
+  return (
+    <CommandPrimitive.Empty
+      data-slot="command-empty"
+      className="py-6 text-center text-sm"
+      {...props}
+    />
+  );
+}
+
+function CommandGroup({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.Group>) {
+  return (
+    <CommandPrimitive.Group
+      data-slot="command-group"
+      className={cn(
+        "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function CommandSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.Separator>) {
+  return (
+    <CommandPrimitive.Separator
+      data-slot="command-separator"
+      className={cn("bg-border -mx-1 h-px", className)}
+      {...props}
+    />
+  );
+}
+
+function CommandItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.Item>) {
+  return (
+    <CommandPrimitive.Item
+      data-slot="command-item"
+      className={cn(
+        "data-[selected=true]:bg-muted data-[selected=true]:text-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function CommandShortcut({
+  className,
+  ...props
+}: React.ComponentProps<"span">) {
+  return (
+    <span
+      data-slot="command-shortcut"
+      className={cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export {
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+};
diff --git a/packages/ghost-ui/src/components/ui/context-menu.tsx b/packages/ghost-ui/src/components/ui/context-menu.tsx
new file mode 100644
index 0000000..95d0c9d
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/context-menu.tsx
@@ -0,0 +1,252 @@
+"use client";
+
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function ContextMenu({
+  ...props
+}: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {
+  return <ContextMenuPrimitive.Root data-slot="context-menu" {...props} />;
+}
+
+function ContextMenuTrigger({
+  ...props
+}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {
+  return (
+    <ContextMenuPrimitive.Trigger data-slot="context-menu-trigger" {...props} />
+  );
+}
+
+function ContextMenuGroup({
+  ...props
+}: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {
+  return (
+    <ContextMenuPrimitive.Group data-slot="context-menu-group" {...props} />
+  );
+}
+
+function ContextMenuPortal({
+  ...props
+}: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {
+  return (
+    <ContextMenuPrimitive.Portal data-slot="context-menu-portal" {...props} />
+  );
+}
+
+function ContextMenuSub({
+  ...props
+}: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {
+  return <ContextMenuPrimitive.Sub data-slot="context-menu-sub" {...props} />;
+}
+
+function ContextMenuRadioGroup({
+  ...props
+}: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {
+  return (
+    <ContextMenuPrimitive.RadioGroup
+      data-slot="context-menu-radio-group"
+      {...props}
+    />
+  );
+}
+
+function ContextMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
+  inset?: boolean;
+}) {
+  return (
+    <ContextMenuPrimitive.SubTrigger
+      data-slot="context-menu-sub-trigger"
+      data-inset={inset}
+      className={cn(
+        "focus:bg-muted focus:text-muted-foreground data-[state=open]:bg-muted data-[state=open]:text-muted-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className,
+      )}
+      {...props}
+    >
+      {children}
+      <ChevronRightIcon className="ml-auto" />
+    </ContextMenuPrimitive.SubTrigger>
+  );
+}
+
+function ContextMenuSubContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {
+  return (
+    <ContextMenuPrimitive.SubContent
+      data-slot="context-menu-sub-content"
+      className={cn(
+        "bg-popover text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-dropdown border p-1",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function ContextMenuContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {
+  return (
+    <ContextMenuPrimitive.Portal>
+      <ContextMenuPrimitive.Content
+        data-slot="context-menu-content"
+        className={cn(
+          "bg-popover text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-dropdown border p-1",
+          className,
+        )}
+        {...props}
+      />
+    </ContextMenuPrimitive.Portal>
+  );
+}
+
+function ContextMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {
+  inset?: boolean;
+  variant?: "default" | "destructive";
+}) {
+  return (
+    <ContextMenuPrimitive.Item
+      data-slot="context-menu-item"
+      data-inset={inset}
+      data-variant={variant}
+      className={cn(
+        "focus:bg-muted focus:text-muted-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function ContextMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>) {
+  return (
+    <ContextMenuPrimitive.CheckboxItem
+      data-slot="context-menu-checkbox-item"
+      className={cn(
+        "focus:bg-muted focus:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className,
+      )}
+      checked={checked}
+      {...props}
+    >
+      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+        <ContextMenuPrimitive.ItemIndicator>
+          <CheckIcon className="size-4" />
+        </ContextMenuPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </ContextMenuPrimitive.CheckboxItem>
+  );
+}
+
+function ContextMenuRadioItem({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>) {
+  return (
+    <ContextMenuPrimitive.RadioItem
+      data-slot="context-menu-radio-item"
+      className={cn(
+        "focus:bg-muted focus:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className,
+      )}
+      {...props}
+    >
+      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+        <ContextMenuPrimitive.ItemIndicator>
+          <CircleIcon className="size-2 fill-current" />
+        </ContextMenuPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </ContextMenuPrimitive.RadioItem>
+  );
+}
+
+function ContextMenuLabel({
+  className,
+  inset,
+  ...props
+}: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {
+  inset?: boolean;
+}) {
+  return (
+    <ContextMenuPrimitive.Label
+      data-slot="context-menu-label"
+      data-inset={inset}
+      className={cn(
+        "text-foreground px-2 py-1.5 text-sm data-[inset]:pl-8",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function ContextMenuSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {
+  return (
+    <ContextMenuPrimitive.Separator
+      data-slot="context-menu-separator"
+      className={cn("bg-border -mx-1 my-1 h-px", className)}
+      {...props}
+    />
+  );
+}
+
+function ContextMenuShortcut({
+  className,
+  ...props
+}: React.ComponentProps<"span">) {
+  return (
+    <span
+      data-slot="context-menu-shortcut"
+      className={cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export {
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuPortal,
+  ContextMenuRadioGroup,
+  ContextMenuRadioItem,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger,
+};
diff --git a/packages/ghost-ui/src/components/ui/dialog.tsx b/packages/ghost-ui/src/components/ui/dialog.tsx
new file mode 100644
index 0000000..520c926
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/dialog.tsx
@@ -0,0 +1,138 @@
+"use client";
+
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { XIcon } from "lucide-react";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Dialog({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Root>) {
+  return <DialogPrimitive.Root data-slot="dialog" {...props} />;
+}
+
+function DialogTrigger({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
+  return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />;
+}
+
+function DialogPortal({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Portal>) {
+  return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />;
+}
+
+function DialogClose({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Close>) {
+  return <DialogPrimitive.Close data-slot="dialog-close" {...props} />;
+}
+
+function DialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
+  return (
+    <DialogPrimitive.Overlay
+      data-slot="dialog-overlay"
+      className={cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function DialogContent({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Content>) {
+  return (
+    <DialogPortal data-slot="dialog-portal">
+      <DialogOverlay />
+      <DialogPrimitive.Content
+        data-slot="dialog-content"
+        className={cn(
+          "bg-background shadow-modal data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-modal border p-6 duration-200 sm:max-w-lg",
+          className,
+        )}
+        {...props}
+      >
+        {children}
+        <DialogPrimitive.Close className="ring-offset-background focus:ring-ring data-[state=open]:bg-muted data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4">
+          <XIcon />
+          <span className="sr-only">Close</span>
+        </DialogPrimitive.Close>
+      </DialogPrimitive.Content>
+    </DialogPortal>
+  );
+}
+
+function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="dialog-header"
+      className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
+      {...props}
+    />
+  );
+}
+
+function DialogFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="dialog-footer"
+      className={cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function DialogTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Title>) {
+  return (
+    <DialogPrimitive.Title
+      data-slot="dialog-title"
+      className={cn(
+        "font-display text-lg font-semibold leading-none tracking-[-0.01em]",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function DialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Description>) {
+  return (
+    <DialogPrimitive.Description
+      data-slot="dialog-description"
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  );
+}
+
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+};
diff --git a/packages/ghost-ui/src/components/ui/drawer.tsx b/packages/ghost-ui/src/components/ui/drawer.tsx
new file mode 100644
index 0000000..4671348
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/drawer.tsx
@@ -0,0 +1,135 @@
+"use client";
+
+import type * as React from "react";
+import { Drawer as DrawerPrimitive } from "vaul";
+
+import { cn } from "@/lib/utils";
+
+function Drawer({
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Root>) {
+  return <DrawerPrimitive.Root data-slot="drawer" {...props} />;
+}
+
+function DrawerTrigger({
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {
+  return <DrawerPrimitive.Trigger data-slot="drawer-trigger" {...props} />;
+}
+
+function DrawerPortal({
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {
+  return <DrawerPrimitive.Portal data-slot="drawer-portal" {...props} />;
+}
+
+function DrawerClose({
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Close>) {
+  return <DrawerPrimitive.Close data-slot="drawer-close" {...props} />;
+}
+
+function DrawerOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {
+  return (
+    <DrawerPrimitive.Overlay
+      data-slot="drawer-overlay"
+      className={cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function DrawerContent({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Content>) {
+  return (
+    <DrawerPortal data-slot="drawer-portal">
+      <DrawerOverlay />
+      <DrawerPrimitive.Content
+        data-slot="drawer-content"
+        className={cn(
+          "group/drawer-content bg-background fixed z-50 flex h-auto flex-col",
+          "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b",
+          "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t",
+          "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm",
+          "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm",
+          className,
+        )}
+        {...props}
+      >
+        <div className="bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" />
+        {children}
+      </DrawerPrimitive.Content>
+    </DrawerPortal>
+  );
+}
+
+function DrawerHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="drawer-header"
+      className={cn("flex flex-col gap-1.5 p-4", className)}
+      {...props}
+    />
+  );
+}
+
+function DrawerFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="drawer-footer"
+      className={cn("mt-auto flex flex-col gap-2 p-4", className)}
+      {...props}
+    />
+  );
+}
+
+function DrawerTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Title>) {
+  return (
+    <DrawerPrimitive.Title
+      data-slot="drawer-title"
+      className={cn(
+        "font-display text-foreground font-semibold tracking-[-0.01em]",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function DrawerDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Description>) {
+  return (
+    <DrawerPrimitive.Description
+      data-slot="drawer-description"
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  );
+}
+
+export {
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerOverlay,
+  DrawerPortal,
+  DrawerTitle,
+  DrawerTrigger,
+};
diff --git a/packages/ghost-ui/src/components/ui/dropdown-menu.tsx b/packages/ghost-ui/src/components/ui/dropdown-menu.tsx
new file mode 100644
index 0000000..9f2066c
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/dropdown-menu.tsx
@@ -0,0 +1,254 @@
+"use client";
+
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function DropdownMenu({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
+  return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />;
+}
+
+function DropdownMenuPortal({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
+  return (
+    <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />
+  );
+}
+
+function DropdownMenuTrigger({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
+  return (
+    <DropdownMenuPrimitive.Trigger
+      data-slot="dropdown-menu-trigger"
+      {...props}
+    />
+  );
+}
+
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {
+  return (
+    <DropdownMenuPrimitive.Portal>
+      <DropdownMenuPrimitive.Content
+        data-slot="dropdown-menu-content"
+        sideOffset={sideOffset}
+        className={cn(
+          "bg-popover text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-dropdown border p-1",
+          className,
+        )}
+        {...props}
+      />
+    </DropdownMenuPrimitive.Portal>
+  );
+}
+
+function DropdownMenuGroup({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
+  return (
+    <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />
+  );
+}
+
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+  inset?: boolean;
+  variant?: "default" | "destructive";
+}) {
+  return (
+    <DropdownMenuPrimitive.Item
+      data-slot="dropdown-menu-item"
+      data-inset={inset}
+      data-variant={variant}
+      className={cn(
+        "focus:bg-muted focus:text-muted-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {
+  return (
+    <DropdownMenuPrimitive.CheckboxItem
+      data-slot="dropdown-menu-checkbox-item"
+      className={cn(
+        "focus:bg-muted focus:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className,
+      )}
+      checked={checked}
+      {...props}
+    >
+      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+        <DropdownMenuPrimitive.ItemIndicator>
+          <CheckIcon className="size-4" />
+        </DropdownMenuPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </DropdownMenuPrimitive.CheckboxItem>
+  );
+}
+
+function DropdownMenuRadioGroup({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {
+  return (
+    <DropdownMenuPrimitive.RadioGroup
+      data-slot="dropdown-menu-radio-group"
+      {...props}
+    />
+  );
+}
+
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {
+  return (
+    <DropdownMenuPrimitive.RadioItem
+      data-slot="dropdown-menu-radio-item"
+      className={cn(
+        "focus:bg-muted focus:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className,
+      )}
+      {...props}
+    >
+      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+        <DropdownMenuPrimitive.ItemIndicator>
+          <CircleIcon className="size-2 fill-current" />
+        </DropdownMenuPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </DropdownMenuPrimitive.RadioItem>
+  );
+}
+
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+  inset?: boolean;
+}) {
+  return (
+    <DropdownMenuPrimitive.Label
+      data-slot="dropdown-menu-label"
+      data-inset={inset}
+      className={cn("px-2 py-1.5 text-sm data-[inset]:pl-8", className)}
+      {...props}
+    />
+  );
+}
+
+function DropdownMenuSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {
+  return (
+    <DropdownMenuPrimitive.Separator
+      data-slot="dropdown-menu-separator"
+      className={cn("bg-border -mx-1 my-1 h-px", className)}
+      {...props}
+    />
+  );
+}
+
+function DropdownMenuShortcut({
+  className,
+  ...props
+}: React.ComponentProps<"span">) {
+  return (
+    <span
+      data-slot="dropdown-menu-shortcut"
+      className={cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function DropdownMenuSub({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {
+  return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />;
+}
+
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+  inset?: boolean;
+}) {
+  return (
+    <DropdownMenuPrimitive.SubTrigger
+      data-slot="dropdown-menu-sub-trigger"
+      data-inset={inset}
+      className={cn(
+        "focus:bg-muted focus:text-muted-foreground data-[state=open]:bg-muted data-[state=open]:text-muted-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",
+        className,
+      )}
+      {...props}
+    >
+      {children}
+      <ChevronRightIcon className="ml-auto size-4" />
+    </DropdownMenuPrimitive.SubTrigger>
+  );
+}
+
+function DropdownMenuSubContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {
+  return (
+    <DropdownMenuPrimitive.SubContent
+      data-slot="dropdown-menu-sub-content"
+      className={cn(
+        "bg-popover text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-dropdown border p-1",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+};
diff --git a/packages/ghost-ui/src/components/ui/form.tsx b/packages/ghost-ui/src/components/ui/form.tsx
new file mode 100644
index 0000000..b9aa7e9
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/form.tsx
@@ -0,0 +1,167 @@
+"use client";
+
+import type * as LabelPrimitive from "@radix-ui/react-label";
+import { Slot } from "@radix-ui/react-slot";
+import * as React from "react";
+import {
+  Controller,
+  type ControllerProps,
+  type FieldPath,
+  type FieldValues,
+  FormProvider,
+  useFormContext,
+  useFormState,
+} from "react-hook-form";
+import { Label } from "@/components/ui/label";
+import { cn } from "@/lib/utils";
+
+const Form = FormProvider;
+
+type FormFieldContextValue<
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+> = {
+  name: TName;
+};
+
+const FormFieldContext = React.createContext<FormFieldContextValue>(
+  {} as FormFieldContextValue,
+);
+
+const FormField = <
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+>({
+  ...props
+}: ControllerProps<TFieldValues, TName>) => {
+  return (
+    <FormFieldContext.Provider value={{ name: props.name }}>
+      <Controller {...props} />
+    </FormFieldContext.Provider>
+  );
+};
+
+const useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext);
+  const itemContext = React.useContext(FormItemContext);
+  const { getFieldState } = useFormContext();
+  const formState = useFormState({ name: fieldContext.name });
+  const fieldState = getFieldState(fieldContext.name, formState);
+
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>");
+  }
+
+  const { id } = itemContext;
+
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState,
+  };
+};
+
+type FormItemContextValue = {
+  id: string;
+};
+
+const FormItemContext = React.createContext<FormItemContextValue>(
+  {} as FormItemContextValue,
+);
+
+function FormItem({ className, ...props }: React.ComponentProps<"div">) {
+  const id = React.useId();
+
+  return (
+    <FormItemContext.Provider value={{ id }}>
+      <div
+        data-slot="form-item"
+        className={cn("grid gap-2", className)}
+        {...props}
+      />
+    </FormItemContext.Provider>
+  );
+}
+
+function FormLabel({
+  className,
+  ...props
+}: React.ComponentProps<typeof LabelPrimitive.Root>) {
+  const { error, formItemId } = useFormField();
+
+  return (
+    <Label
+      data-slot="form-label"
+      data-error={!!error}
+      className={cn("data-[error=true]:text-destructive", className)}
+      htmlFor={formItemId}
+      {...props}
+    />
+  );
+}
+
+function FormControl({ ...props }: React.ComponentProps<typeof Slot>) {
+  const { error, formItemId, formDescriptionId, formMessageId } =
+    useFormField();
+
+  return (
+    <Slot
+      data-slot="form-control"
+      id={formItemId}
+      aria-describedby={
+        !error
+          ? `${formDescriptionId}`
+          : `${formDescriptionId} ${formMessageId}`
+      }
+      aria-invalid={!!error}
+      {...props}
+    />
+  );
+}
+
+function FormDescription({ className, ...props }: React.ComponentProps<"p">) {
+  const { formDescriptionId } = useFormField();
+
+  return (
+    <p
+      data-slot="form-description"
+      id={formDescriptionId}
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  );
+}
+
+function FormMessage({ className, ...props }: React.ComponentProps<"p">) {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error?.message ?? "") : props.children;
+
+  if (!body) {
+    return null;
+  }
+
+  return (
+    <p
+      data-slot="form-message"
+      id={formMessageId}
+      className={cn("text-destructive text-sm", className)}
+      {...props}
+    >
+      {body}
+    </p>
+  );
+}
+
+export {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  useFormField,
+};
diff --git a/packages/ghost-ui/src/components/ui/hover-card.tsx b/packages/ghost-ui/src/components/ui/hover-card.tsx
new file mode 100644
index 0000000..2cbf769
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/hover-card.tsx
@@ -0,0 +1,44 @@
+"use client";
+
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function HoverCard({
+  ...props
+}: React.ComponentProps<typeof HoverCardPrimitive.Root>) {
+  return <HoverCardPrimitive.Root data-slot="hover-card" {...props} />;
+}
+
+function HoverCardTrigger({
+  ...props
+}: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) {
+  return (
+    <HoverCardPrimitive.Trigger data-slot="hover-card-trigger" {...props} />
+  );
+}
+
+function HoverCardContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}: React.ComponentProps<typeof HoverCardPrimitive.Content>) {
+  return (
+    <HoverCardPrimitive.Portal data-slot="hover-card-portal">
+      <HoverCardPrimitive.Content
+        data-slot="hover-card-content"
+        align={align}
+        sideOffset={sideOffset}
+        className={cn(
+          "bg-popover text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-dropdown border p-4 outline-hidden",
+          className,
+        )}
+        {...props}
+      />
+    </HoverCardPrimitive.Portal>
+  );
+}
+
+export { HoverCard, HoverCardContent, HoverCardTrigger };
diff --git a/packages/ghost-ui/src/components/ui/input-group.tsx b/packages/ghost-ui/src/components/ui/input-group.tsx
new file mode 100644
index 0000000..3d9bcae
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/input-group.tsx
@@ -0,0 +1,169 @@
+"use client";
+
+import { cva, type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Textarea } from "@/components/ui/textarea";
+import { cn } from "@/lib/utils";
+
+function InputGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="input-group"
+      role="group"
+      className={cn(
+        "group/input-group border-input dark:bg-input/30 shadow-xs relative flex w-full items-center rounded-md border outline-none transition-[color,box-shadow]",
+        "h-9 has-[>textarea]:h-auto",
+
+        // Variants based on alignment.
+        "has-[>[data-align=inline-start]]:[&>input]:pl-2",
+        "has-[>[data-align=inline-end]]:[&>input]:pr-2",
+        "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
+        "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3",
+
+        // Focus state.
+        "has-[[data-slot=input-group-control]:focus-visible]:ring-ring has-[[data-slot=input-group-control]:focus-visible]:ring-1",
+
+        // Error state.
+        "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40",
+
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+const inputGroupAddonVariants = cva(
+  "text-muted-foreground flex h-auto cursor-text select-none items-center justify-center gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      align: {
+        "inline-start":
+          "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
+        "inline-end":
+          "order-last pr-3 has-[>button]:mr-[-0.4rem] has-[>kbd]:mr-[-0.35rem]",
+        "block-start":
+          "[.border-b]:pb-3 order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5",
+        "block-end":
+          "[.border-t]:pt-3 order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5",
+      },
+    },
+    defaultVariants: {
+      align: "inline-start",
+    },
+  },
+);
+
+function InputGroupAddon({
+  className,
+  align = "inline-start",
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>) {
+  return (
+    <div
+      role="group"
+      data-slot="input-group-addon"
+      data-align={align}
+      className={cn(inputGroupAddonVariants({ align }), className)}
+      onClick={(e) => {
+        if ((e.target as HTMLElement).closest("button")) {
+          return;
+        }
+        e.currentTarget.parentElement?.querySelector("input")?.focus();
+      }}
+      {...props}
+    />
+  );
+}
+
+const inputGroupButtonVariants = cva(
+  "flex items-center gap-2 text-sm shadow-none",
+  {
+    variants: {
+      size: {
+        xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
+        sm: "h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",
+        "icon-xs":
+          "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+        "icon-sm": "size-8 p-0 has-[>svg]:p-0",
+      },
+    },
+    defaultVariants: {
+      size: "xs",
+    },
+  },
+);
+
+function InputGroupButton({
+  className,
+  type = "button",
+  variant = "ghost",
+  size = "xs",
+  ...props
+}: Omit<React.ComponentProps<typeof Button>, "size"> &
+  VariantProps<typeof inputGroupButtonVariants>) {
+  return (
+    <Button
+      type={type}
+      data-size={size}
+      variant={variant}
+      className={cn(inputGroupButtonVariants({ size }), className)}
+      {...props}
+    />
+  );
+}
+
+function InputGroupText({ className, ...props }: React.ComponentProps<"span">) {
+  return (
+    <span
+      className={cn(
+        "text-muted-foreground flex items-center gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function InputGroupInput({
+  className,
+  ...props
+}: React.ComponentProps<"input">) {
+  return (
+    <Input
+      data-slot="input-group-control"
+      className={cn(
+        "flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function InputGroupTextarea({
+  className,
+  ...props
+}: React.ComponentProps<"textarea">) {
+  return (
+    <Textarea
+      data-slot="input-group-control"
+      className={cn(
+        "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+  InputGroupText,
+  InputGroupTextarea,
+};
diff --git a/packages/ghost-ui/src/components/ui/input-otp.tsx b/packages/ghost-ui/src/components/ui/input-otp.tsx
new file mode 100644
index 0000000..bdf448e
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/input-otp.tsx
@@ -0,0 +1,77 @@
+"use client";
+
+import { OTPInput, OTPInputContext } from "input-otp";
+import { MinusIcon } from "lucide-react";
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function InputOTP({
+  className,
+  containerClassName,
+  ...props
+}: React.ComponentProps<typeof OTPInput> & {
+  containerClassName?: string;
+}) {
+  return (
+    <OTPInput
+      data-slot="input-otp"
+      containerClassName={cn(
+        "flex items-center gap-2 has-disabled:opacity-50",
+        containerClassName,
+      )}
+      className={cn("disabled:cursor-not-allowed", className)}
+      {...props}
+    />
+  );
+}
+
+function InputOTPGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="input-otp-group"
+      className={cn("flex items-center", className)}
+      {...props}
+    />
+  );
+}
+
+function InputOTPSlot({
+  index,
+  className,
+  ...props
+}: React.ComponentProps<"div"> & {
+  index: number;
+}) {
+  const inputOTPContext = React.useContext(OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
+
+  return (
+    <div
+      data-slot="input-otp-slot"
+      data-active={isActive}
+      className={cn(
+        "data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive border border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[1px]",
+        className,
+      )}
+      {...props}
+    >
+      {char}
+      {hasFakeCaret && (
+        <div className="pointer-events-none absolute inset-0 flex items-center justify-center">
+          <div className="animate-caret-blink bg-foreground h-4 w-px duration-1000" />
+        </div>
+      )}
+    </div>
+  );
+}
+
+function InputOTPSeparator({ ...props }: React.ComponentProps<"div">) {
+  return (
+    <div data-slot="input-otp-separator" role="separator" {...props}>
+      <MinusIcon />
+    </div>
+  );
+}
+
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
diff --git a/packages/ghost-ui/src/components/ui/input.tsx b/packages/ghost-ui/src/components/ui/input.tsx
new file mode 100644
index 0000000..a366c0d
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/input.tsx
@@ -0,0 +1,21 @@
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Input({ className, type, ...props }: React.ComponentProps<"input">) {
+  return (
+    <input
+      type={type}
+      data-slot="input"
+      className={cn(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground border-input hover:border-border-input-hover flex h-9 w-full min-w-0 rounded-input border bg-transparent px-3 py-1 text-base transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Input };
diff --git a/packages/ghost-ui/src/components/ui/label.tsx b/packages/ghost-ui/src/components/ui/label.tsx
new file mode 100644
index 0000000..5d1b0ef
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/label.tsx
@@ -0,0 +1,24 @@
+"use client";
+
+import * as LabelPrimitive from "@radix-ui/react-label";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Label({
+  className,
+  ...props
+}: React.ComponentProps<typeof LabelPrimitive.Root>) {
+  return (
+    <LabelPrimitive.Root
+      data-slot="label"
+      className={cn(
+        "flex gap-2 text-sm leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Label };
diff --git a/packages/ghost-ui/src/components/ui/menubar.tsx b/packages/ghost-ui/src/components/ui/menubar.tsx
new file mode 100644
index 0000000..0218736
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/menubar.tsx
@@ -0,0 +1,273 @@
+"use client";
+
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Menubar({
+  className,
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Root>) {
+  return (
+    <MenubarPrimitive.Root
+      data-slot="menubar"
+      className={cn(
+        "bg-background flex h-9 items-center gap-1 rounded-md border p-1",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function MenubarMenu({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {
+  return <MenubarPrimitive.Menu data-slot="menubar-menu" {...props} />;
+}
+
+function MenubarGroup({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Group>) {
+  return <MenubarPrimitive.Group data-slot="menubar-group" {...props} />;
+}
+
+function MenubarPortal({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {
+  return <MenubarPrimitive.Portal data-slot="menubar-portal" {...props} />;
+}
+
+function MenubarRadioGroup({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {
+  return (
+    <MenubarPrimitive.RadioGroup data-slot="menubar-radio-group" {...props} />
+  );
+}
+
+function MenubarTrigger({
+  className,
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {
+  return (
+    <MenubarPrimitive.Trigger
+      data-slot="menubar-trigger"
+      className={cn(
+        "focus:bg-muted focus:text-muted-foreground data-[state=open]:bg-muted data-[state=open]:text-muted-foreground flex items-center rounded-sm px-2 py-1 text-sm outline-hidden select-none",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function MenubarContent({
+  className,
+  align = "start",
+  alignOffset = -4,
+  sideOffset = 8,
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Content>) {
+  return (
+    <MenubarPortal>
+      <MenubarPrimitive.Content
+        data-slot="menubar-content"
+        align={align}
+        alignOffset={alignOffset}
+        sideOffset={sideOffset}
+        className={cn(
+          "bg-popover text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-dropdown border p-1",
+          className,
+        )}
+        {...props}
+      />
+    </MenubarPortal>
+  );
+}
+
+function MenubarItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Item> & {
+  inset?: boolean;
+  variant?: "default" | "destructive";
+}) {
+  return (
+    <MenubarPrimitive.Item
+      data-slot="menubar-item"
+      data-inset={inset}
+      data-variant={variant}
+      className={cn(
+        "focus:bg-muted focus:text-muted-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function MenubarCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) {
+  return (
+    <MenubarPrimitive.CheckboxItem
+      data-slot="menubar-checkbox-item"
+      className={cn(
+        "focus:bg-muted focus:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className,
+      )}
+      checked={checked}
+      {...props}
+    >
+      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+        <MenubarPrimitive.ItemIndicator>
+          <CheckIcon className="size-4" />
+        </MenubarPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </MenubarPrimitive.CheckboxItem>
+  );
+}
+
+function MenubarRadioItem({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) {
+  return (
+    <MenubarPrimitive.RadioItem
+      data-slot="menubar-radio-item"
+      className={cn(
+        "focus:bg-muted focus:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className,
+      )}
+      {...props}
+    >
+      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+        <MenubarPrimitive.ItemIndicator>
+          <CircleIcon className="size-2 fill-current" />
+        </MenubarPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </MenubarPrimitive.RadioItem>
+  );
+}
+
+function MenubarLabel({
+  className,
+  inset,
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Label> & {
+  inset?: boolean;
+}) {
+  return (
+    <MenubarPrimitive.Label
+      data-slot="menubar-label"
+      data-inset={inset}
+      className={cn("px-2 py-1.5 text-sm data-[inset]:pl-8", className)}
+      {...props}
+    />
+  );
+}
+
+function MenubarSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Separator>) {
+  return (
+    <MenubarPrimitive.Separator
+      data-slot="menubar-separator"
+      className={cn("bg-border -mx-1 my-1 h-px", className)}
+      {...props}
+    />
+  );
+}
+
+function MenubarShortcut({
+  className,
+  ...props
+}: React.ComponentProps<"span">) {
+  return (
+    <span
+      data-slot="menubar-shortcut"
+      className={cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function MenubarSub({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {
+  return <MenubarPrimitive.Sub data-slot="menubar-sub" {...props} />;
+}
+
+function MenubarSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
+  inset?: boolean;
+}) {
+  return (
+    <MenubarPrimitive.SubTrigger
+      data-slot="menubar-sub-trigger"
+      data-inset={inset}
+      className={cn(
+        "focus:bg-muted focus:text-muted-foreground data-[state=open]:bg-muted data-[state=open]:text-muted-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",
+        className,
+      )}
+      {...props}
+    >
+      {children}
+      <ChevronRightIcon className="ml-auto h-4 w-4" />
+    </MenubarPrimitive.SubTrigger>
+  );
+}
+
+function MenubarSubContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {
+  return (
+    <MenubarPrimitive.SubContent
+      data-slot="menubar-sub-content"
+      className={cn(
+        "bg-popover text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-dropdown border p-1",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export {
+  Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarGroup,
+  MenubarItem,
+  MenubarLabel,
+  MenubarMenu,
+  MenubarPortal,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarTrigger,
+};
diff --git a/packages/ghost-ui/src/components/ui/navigation-menu.tsx b/packages/ghost-ui/src/components/ui/navigation-menu.tsx
new file mode 100644
index 0000000..226beb0
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/navigation-menu.tsx
@@ -0,0 +1,168 @@
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { cva } from "class-variance-authority";
+import { ChevronDownIcon } from "lucide-react";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function NavigationMenu({
+  className,
+  children,
+  viewport = true,
+  ...props
+}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
+  viewport?: boolean;
+}) {
+  return (
+    <NavigationMenuPrimitive.Root
+      data-slot="navigation-menu"
+      data-viewport={viewport}
+      className={cn(
+        "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
+        className,
+      )}
+      {...props}
+    >
+      {children}
+      {viewport && <NavigationMenuViewport />}
+    </NavigationMenuPrimitive.Root>
+  );
+}
+
+function NavigationMenuList({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {
+  return (
+    <NavigationMenuPrimitive.List
+      data-slot="navigation-menu-list"
+      className={cn(
+        "group flex flex-1 list-none items-center justify-center gap-1",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function NavigationMenuItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {
+  return (
+    <NavigationMenuPrimitive.Item
+      data-slot="navigation-menu-item"
+      className={cn("relative", className)}
+      {...props}
+    />
+  );
+}
+
+const navigationMenuTriggerStyle = cva(
+  "group inline-flex h-9 w-max items-center justify-center rounded-full bg-background px-4 py-2 text-sm hover:bg-muted focus:bg-muted disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-muted data-[state=open]:focus:bg-muted data-[state=open]:bg-muted/50 focus-visible:ring-ring/50 outline-none transition-[color] focus-visible:ring-[1px] focus-visible:outline-1",
+);
+
+function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {
+  return (
+    <NavigationMenuPrimitive.Trigger
+      data-slot="navigation-menu-trigger"
+      className={cn(navigationMenuTriggerStyle(), "group", className)}
+      {...props}
+    >
+      {children}{" "}
+      <ChevronDownIcon
+        className="relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180"
+        aria-hidden="true"
+      />
+    </NavigationMenuPrimitive.Trigger>
+  );
+}
+
+function NavigationMenuContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {
+  return (
+    <NavigationMenuPrimitive.Content
+      data-slot="navigation-menu-content"
+      className={cn(
+        "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto",
+        "group-data-[viewport=false]/navigation-menu:bg-background group-data-[viewport=false]/navigation-menu:text-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function NavigationMenuViewport({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {
+  return (
+    <div
+      className={cn(
+        "absolute top-full left-0 isolate z-50 flex justify-center",
+      )}
+    >
+      <NavigationMenuPrimitive.Viewport
+        data-slot="navigation-menu-viewport"
+        className={cn(
+          "origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border md:w-[var(--radix-navigation-menu-viewport-width)]",
+          className,
+        )}
+        {...props}
+      />
+    </div>
+  );
+}
+
+function NavigationMenuLink({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {
+  return (
+    <NavigationMenuPrimitive.Link
+      data-slot="navigation-menu-link"
+      className={cn(
+        "data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 hover:bg-muted focus:bg-muted focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[1px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function NavigationMenuIndicator({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {
+  return (
+    <NavigationMenuPrimitive.Indicator
+      data-slot="navigation-menu-indicator"
+      className={cn(
+        "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
+        className,
+      )}
+      {...props}
+    >
+      <div className="bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm" />
+    </NavigationMenuPrimitive.Indicator>
+  );
+}
+
+export {
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  NavigationMenuViewport,
+  navigationMenuTriggerStyle,
+};
diff --git a/packages/ghost-ui/src/components/ui/pagination.tsx b/packages/ghost-ui/src/components/ui/pagination.tsx
new file mode 100644
index 0000000..d13409b
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/pagination.tsx
@@ -0,0 +1,125 @@
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  MoreHorizontalIcon,
+} from "lucide-react";
+import type * as React from "react";
+import { type Button, buttonVariants } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+
+function Pagination({ className, ...props }: React.ComponentProps<"nav">) {
+  return (
+    <nav
+      role="navigation"
+      aria-label="pagination"
+      data-slot="pagination"
+      className={cn("mx-auto flex w-full justify-center", className)}
+      {...props}
+    />
+  );
+}
+
+function PaginationContent({
+  className,
+  ...props
+}: React.ComponentProps<"ul">) {
+  return (
+    <ul
+      data-slot="pagination-content"
+      className={cn("flex flex-row items-center gap-1", className)}
+      {...props}
+    />
+  );
+}
+
+function PaginationItem({ ...props }: React.ComponentProps<"li">) {
+  return <li data-slot="pagination-item" {...props} />;
+}
+
+type PaginationLinkProps = {
+  isActive?: boolean;
+} & Pick<React.ComponentProps<typeof Button>, "size"> &
+  React.ComponentProps<"a">;
+
+function PaginationLink({
+  className,
+  isActive,
+  ...props
+}: PaginationLinkProps) {
+  return (
+    <a
+      aria-current={isActive ? "page" : undefined}
+      data-slot="pagination-link"
+      data-active={isActive}
+      className={cn(
+        buttonVariants({
+          variant: isActive ? "outline" : "ghost",
+          appearance: "icon",
+        }),
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function PaginationPrevious({
+  className,
+  ...props
+}: React.ComponentProps<typeof PaginationLink>) {
+  return (
+    <PaginationLink
+      aria-label="Go to previous page"
+      size="default"
+      className={cn("gap-1 px-2.5 sm:pl-2.5", className)}
+      {...props}
+    >
+      <ChevronLeftIcon />
+      <span className="hidden">Previous</span>
+    </PaginationLink>
+  );
+}
+
+function PaginationNext({
+  className,
+  ...props
+}: React.ComponentProps<typeof PaginationLink>) {
+  return (
+    <PaginationLink
+      aria-label="Go to next page"
+      size="default"
+      className={cn("gap-1 px-2.5 sm:pr-2.5", className)}
+      {...props}
+    >
+      <span className="hidden">Next</span>
+      <ChevronRightIcon />
+    </PaginationLink>
+  );
+}
+
+function PaginationEllipsis({
+  className,
+  ...props
+}: React.ComponentProps<"span">) {
+  return (
+    <span
+      aria-hidden
+      data-slot="pagination-ellipsis"
+      className={cn("flex size-9 items-center justify-center", className)}
+      {...props}
+    >
+      <MoreHorizontalIcon className="size-4" />
+      <span className="sr-only">More pages</span>
+    </span>
+  );
+}
+
+export {
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+};
diff --git a/packages/ghost-ui/src/components/ui/popover.tsx b/packages/ghost-ui/src/components/ui/popover.tsx
new file mode 100644
index 0000000..2b0832d
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/popover.tsx
@@ -0,0 +1,48 @@
+"use client";
+
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Popover({
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Root>) {
+  return <PopoverPrimitive.Root data-slot="popover" {...props} />;
+}
+
+function PopoverTrigger({
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {
+  return <PopoverPrimitive.Trigger data-slot="popover-trigger" {...props} />;
+}
+
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Content>) {
+  return (
+    <PopoverPrimitive.Portal>
+      <PopoverPrimitive.Content
+        data-slot="popover-content"
+        align={align}
+        sideOffset={sideOffset}
+        className={cn(
+          "bg-popover text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-dropdown border p-4 outline-hidden",
+          className,
+        )}
+        {...props}
+      />
+    </PopoverPrimitive.Portal>
+  );
+}
+
+function PopoverAnchor({
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {
+  return <PopoverPrimitive.Anchor data-slot="popover-anchor" {...props} />;
+}
+
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
diff --git a/packages/ghost-ui/src/components/ui/progress.tsx b/packages/ghost-ui/src/components/ui/progress.tsx
new file mode 100644
index 0000000..10e825d
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/progress.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Progress({
+  className,
+  value,
+  ...props
+}: React.ComponentProps<typeof ProgressPrimitive.Root>) {
+  return (
+    <ProgressPrimitive.Root
+      data-slot="progress"
+      className={cn(
+        "bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",
+        className,
+      )}
+      {...props}
+    >
+      <ProgressPrimitive.Indicator
+        data-slot="progress-indicator"
+        className="bg-primary h-full w-full flex-1 transition-all"
+        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
+      />
+    </ProgressPrimitive.Root>
+  );
+}
+
+export { Progress };
diff --git a/packages/ghost-ui/src/components/ui/radio-group.tsx b/packages/ghost-ui/src/components/ui/radio-group.tsx
new file mode 100644
index 0000000..37e8294
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/radio-group.tsx
@@ -0,0 +1,45 @@
+"use client";
+
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { CircleIcon } from "lucide-react";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function RadioGroup({
+  className,
+  ...props
+}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {
+  return (
+    <RadioGroupPrimitive.Root
+      data-slot="radio-group"
+      className={cn("grid gap-3", className)}
+      {...props}
+    />
+  );
+}
+
+function RadioGroupItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {
+  return (
+    <RadioGroupPrimitive.Item
+      data-slot="radio-group-item"
+      className={cn(
+        "border-input text-primary-foreground data-[state=checked]:bg-primary data-[state=checked]:border-none focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive aspect-square size-4 shrink-0 rounded-full border transition-[color,box-shadow] outline-none focus-visible:ring-[1px] disabled:cursor-not-allowed disabled:opacity-50",
+        className,
+      )}
+      {...props}
+    >
+      <RadioGroupPrimitive.Indicator
+        data-slot="radio-group-indicator"
+        className="relative flex items-center justify-center"
+      >
+        <CircleIcon className="fill-background-default absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" />
+      </RadioGroupPrimitive.Indicator>
+    </RadioGroupPrimitive.Item>
+  );
+}
+
+export { RadioGroup, RadioGroupItem };
diff --git a/packages/ghost-ui/src/components/ui/resizable.tsx b/packages/ghost-ui/src/components/ui/resizable.tsx
new file mode 100644
index 0000000..49ee73c
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/resizable.tsx
@@ -0,0 +1,56 @@
+"use client";
+
+import { GripVerticalIcon } from "lucide-react";
+import type * as React from "react";
+import * as ResizablePrimitive from "react-resizable-panels";
+
+import { cn } from "@/lib/utils";
+
+function ResizablePanelGroup({
+  className,
+  ...props
+}: React.ComponentProps<typeof ResizablePrimitive.Group>) {
+  return (
+    <ResizablePrimitive.Group
+      data-slot="resizable-panel-group"
+      className={cn(
+        "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function ResizablePanel({
+  ...props
+}: React.ComponentProps<typeof ResizablePrimitive.Panel>) {
+  return <ResizablePrimitive.Panel data-slot="resizable-panel" {...props} />;
+}
+
+function ResizableHandle({
+  withHandle,
+  className,
+  ...props
+}: React.ComponentProps<typeof ResizablePrimitive.Separator> & {
+  withHandle?: boolean;
+}) {
+  return (
+    <ResizablePrimitive.Separator
+      data-slot="resizable-handle"
+      className={cn(
+        "bg-border-default focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+        className,
+      )}
+      {...props}
+    >
+      {withHandle && (
+        <div className="bg-border-default z-10 flex h-4 w-3 items-center justify-center rounded-xs border">
+          <GripVerticalIcon className="size-2.5" />
+        </div>
+      )}
+    </ResizablePrimitive.Separator>
+  );
+}
+
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
diff --git a/packages/ghost-ui/src/components/ui/scroll-area.tsx b/packages/ghost-ui/src/components/ui/scroll-area.tsx
new file mode 100644
index 0000000..58e658a
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/scroll-area.tsx
@@ -0,0 +1,58 @@
+"use client";
+
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function ScrollArea({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {
+  return (
+    <ScrollAreaPrimitive.Root
+      data-slot="scroll-area"
+      className={cn("relative", className)}
+      {...props}
+    >
+      <ScrollAreaPrimitive.Viewport
+        data-slot="scroll-area-viewport"
+        className="focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[1px] focus-visible:outline-1"
+      >
+        {children}
+      </ScrollAreaPrimitive.Viewport>
+      <ScrollBar />
+      <ScrollAreaPrimitive.Corner />
+    </ScrollAreaPrimitive.Root>
+  );
+}
+
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {
+  return (
+    <ScrollAreaPrimitive.ScrollAreaScrollbar
+      data-slot="scroll-area-scrollbar"
+      orientation={orientation}
+      className={cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" &&
+          "h-full w-2.5 border-l border-l-transparent",
+        orientation === "horizontal" &&
+          "h-2.5 flex-col border-t border-t-transparent",
+        className,
+      )}
+      {...props}
+    >
+      <ScrollAreaPrimitive.ScrollAreaThumb
+        data-slot="scroll-area-thumb"
+        className="bg-border relative flex-1 rounded-full"
+      />
+    </ScrollAreaPrimitive.ScrollAreaScrollbar>
+  );
+}
+
+export { ScrollArea, ScrollBar };
diff --git a/packages/ghost-ui/src/components/ui/select.tsx b/packages/ghost-ui/src/components/ui/select.tsx
new file mode 100644
index 0000000..af98334
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/select.tsx
@@ -0,0 +1,185 @@
+"use client";
+
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Select({
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Root>) {
+  return <SelectPrimitive.Root data-slot="select" {...props} />;
+}
+
+function SelectGroup({
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Group>) {
+  return <SelectPrimitive.Group data-slot="select-group" {...props} />;
+}
+
+function SelectValue({
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Value>) {
+  return <SelectPrimitive.Value data-slot="select-value" {...props} />;
+}
+
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+  size?: "sm" | "default";
+}) {
+  return (
+    <SelectPrimitive.Trigger
+      data-slot="select-trigger"
+      data-size={size}
+      className={cn(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive  flex w-fit items-center justify-between gap-2 rounded-input border bg-transparent px-3 py-2 text-sm whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[1px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className,
+      )}
+      {...props}
+    >
+      {children}
+      <SelectPrimitive.Icon asChild>
+        <ChevronDownIcon className="size-4 opacity-50" />
+      </SelectPrimitive.Icon>
+    </SelectPrimitive.Trigger>
+  );
+}
+
+function SelectContent({
+  className,
+  children,
+  position = "popper",
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Content>) {
+  return (
+    <SelectPrimitive.Portal>
+      <SelectPrimitive.Content
+        data-slot="select-content"
+        className={cn(
+          "bg-popover text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-dropdown border",
+          position === "popper" &&
+            "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+          className,
+        )}
+        position={position}
+        {...props}
+      >
+        <SelectScrollUpButton />
+        <SelectPrimitive.Viewport
+          className={cn(
+            "p-1",
+            position === "popper" &&
+              "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1",
+          )}
+        >
+          {children}
+        </SelectPrimitive.Viewport>
+        <SelectScrollDownButton />
+      </SelectPrimitive.Content>
+    </SelectPrimitive.Portal>
+  );
+}
+
+function SelectLabel({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Label>) {
+  return (
+    <SelectPrimitive.Label
+      data-slot="select-label"
+      className={cn("text-muted-foreground px-2 py-1.5 text-xs", className)}
+      {...props}
+    />
+  );
+}
+
+function SelectItem({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Item>) {
+  return (
+    <SelectPrimitive.Item
+      data-slot="select-item"
+      className={cn(
+        "focus:bg-muted focus:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className,
+      )}
+      {...props}
+    >
+      <span className="absolute right-2 flex size-3.5 items-center justify-center">
+        <SelectPrimitive.ItemIndicator>
+          <CheckIcon className="size-4" />
+        </SelectPrimitive.ItemIndicator>
+      </span>
+      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+    </SelectPrimitive.Item>
+  );
+}
+
+function SelectSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Separator>) {
+  return (
+    <SelectPrimitive.Separator
+      data-slot="select-separator"
+      className={cn("bg-border pointer-events-none -mx-1 my-1 h-px", className)}
+      {...props}
+    />
+  );
+}
+
+function SelectScrollUpButton({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {
+  return (
+    <SelectPrimitive.ScrollUpButton
+      data-slot="select-scroll-up-button"
+      className={cn(
+        "flex cursor-default items-center justify-center py-1",
+        className,
+      )}
+      {...props}
+    >
+      <ChevronUpIcon className="size-4" />
+    </SelectPrimitive.ScrollUpButton>
+  );
+}
+
+function SelectScrollDownButton({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {
+  return (
+    <SelectPrimitive.ScrollDownButton
+      data-slot="select-scroll-down-button"
+      className={cn(
+        "flex cursor-default items-center justify-center py-1",
+        className,
+      )}
+      {...props}
+    >
+      <ChevronDownIcon className="size-4" />
+    </SelectPrimitive.ScrollDownButton>
+  );
+}
+
+export {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+};
diff --git a/packages/ghost-ui/src/components/ui/separator.tsx b/packages/ghost-ui/src/components/ui/separator.tsx
new file mode 100644
index 0000000..18b0d58
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/separator.tsx
@@ -0,0 +1,28 @@
+"use client";
+
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {
+  return (
+    <SeparatorPrimitive.Root
+      data-slot="separator-root"
+      decorative={decorative}
+      orientation={orientation}
+      className={cn(
+        "bg-border-default shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Separator };
diff --git a/packages/ghost-ui/src/components/ui/sheet.tsx b/packages/ghost-ui/src/components/ui/sheet.tsx
new file mode 100644
index 0000000..f980dae
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/sheet.tsx
@@ -0,0 +1,142 @@
+"use client";
+
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { XIcon } from "lucide-react";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {
+  return <SheetPrimitive.Root data-slot="sheet" {...props} />;
+}
+
+function SheetTrigger({
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {
+  return <SheetPrimitive.Trigger data-slot="sheet-trigger" {...props} />;
+}
+
+function SheetClose({
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Close>) {
+  return <SheetPrimitive.Close data-slot="sheet-close" {...props} />;
+}
+
+function SheetPortal({
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Portal>) {
+  return <SheetPrimitive.Portal data-slot="sheet-portal" {...props} />;
+}
+
+function SheetOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {
+  return (
+    <SheetPrimitive.Overlay
+      data-slot="sheet-overlay"
+      className={cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Content> & {
+  side?: "top" | "right" | "bottom" | "left";
+}) {
+  return (
+    <SheetPortal>
+      <SheetOverlay />
+      <SheetPrimitive.Content
+        data-slot="sheet-content"
+        className={cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+          side === "right" &&
+            "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+          side === "left" &&
+            "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+          side === "top" &&
+            "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+          side === "bottom" &&
+            "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+          className,
+        )}
+        {...props}
+      >
+        {children}
+        <SheetPrimitive.Close className="ring-offset-background focus:ring-ring data-[state=open]:bg-muted absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none">
+          <XIcon className="size-4" />
+          <span className="sr-only">Close</span>
+        </SheetPrimitive.Close>
+      </SheetPrimitive.Content>
+    </SheetPortal>
+  );
+}
+
+function SheetHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sheet-header"
+      className={cn("flex flex-col gap-1.5 p-4", className)}
+      {...props}
+    />
+  );
+}
+
+function SheetFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sheet-footer"
+      className={cn("mt-auto flex flex-col gap-2 p-4", className)}
+      {...props}
+    />
+  );
+}
+
+function SheetTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Title>) {
+  return (
+    <SheetPrimitive.Title
+      data-slot="sheet-title"
+      className={cn(
+        "font-display text-foreground font-semibold tracking-[-0.01em]",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function SheetDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Description>) {
+  return (
+    <SheetPrimitive.Description
+      data-slot="sheet-description"
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  );
+}
+
+export {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+};
diff --git a/packages/ghost-ui/src/components/ui/sidebar.tsx b/packages/ghost-ui/src/components/ui/sidebar.tsx
new file mode 100644
index 0000000..fb1e111
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/sidebar.tsx
@@ -0,0 +1,725 @@
+"use client";
+
+import { Slot } from "@radix-ui/react-slot";
+import { cva, type VariantProps } from "class-variance-authority";
+import { PanelLeftIcon } from "lucide-react";
+import * as React from "react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Separator } from "@/components/ui/separator";
+import {
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetHeader,
+  SheetTitle,
+} from "@/components/ui/sheet";
+import { Skeleton } from "@/components/ui/skeleton";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+import { useIsMobile } from "@/hooks/use-mobile";
+import { cn } from "@/lib/utils";
+
+const SIDEBAR_COOKIE_NAME = "sidebar_state";
+const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+const SIDEBAR_WIDTH = "16rem";
+const SIDEBAR_WIDTH_MOBILE = "18rem";
+const SIDEBAR_WIDTH_ICON = "3rem";
+const SIDEBAR_KEYBOARD_SHORTCUT = "b";
+
+type SidebarContextProps = {
+  state: "expanded" | "collapsed";
+  open: boolean;
+  setOpen: (open: boolean) => void;
+  openMobile: boolean;
+  setOpenMobile: (open: boolean) => void;
+  isMobile: boolean;
+  toggleSidebar: () => void;
+};
+
+const SidebarContext = React.createContext<SidebarContextProps | null>(null);
+
+function useSidebar() {
+  const context = React.useContext(SidebarContext);
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  }
+
+  return context;
+}
+
+function SidebarProvider({
+  defaultOpen = true,
+  open: openProp,
+  onOpenChange: setOpenProp,
+  className,
+  style,
+  children,
+  ...props
+}: React.ComponentProps<"div"> & {
+  defaultOpen?: boolean;
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+}) {
+  const isMobile = useIsMobile();
+  const [openMobile, setOpenMobile] = React.useState(false);
+
+  // This is the internal state of the sidebar.
+  // We use openProp and setOpenProp for control from outside the component.
+  const [_open, _setOpen] = React.useState(defaultOpen);
+  const open = openProp ?? _open;
+  const setOpen = React.useCallback(
+    (value: boolean | ((value: boolean) => boolean)) => {
+      const openState = typeof value === "function" ? value(open) : value;
+      if (setOpenProp) {
+        setOpenProp(openState);
+      } else {
+        _setOpen(openState);
+      }
+
+      // This sets the cookie to keep the sidebar state.
+      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+    },
+    [setOpenProp, open],
+  );
+
+  // Helper to toggle the sidebar.
+  const toggleSidebar = React.useCallback(() => {
+    return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);
+  }, [isMobile, setOpen, setOpenMobile]);
+
+  // Adds a keyboard shortcut to toggle the sidebar.
+  React.useEffect(() => {
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (
+        event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
+        (event.metaKey || event.ctrlKey)
+      ) {
+        event.preventDefault();
+        toggleSidebar();
+      }
+    };
+
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [toggleSidebar]);
+
+  // We add a state so that we can do data-state="expanded" or "collapsed".
+  // This makes it easier to style the sidebar with Tailwind classes.
+  const state = open ? "expanded" : "collapsed";
+
+  const contextValue = React.useMemo<SidebarContextProps>(
+    () => ({
+      state,
+      open,
+      setOpen,
+      isMobile,
+      openMobile,
+      setOpenMobile,
+      toggleSidebar,
+    }),
+    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar],
+  );
+
+  return (
+    <SidebarContext.Provider value={contextValue}>
+      <TooltipProvider delayDuration={0}>
+        <div
+          data-slot="sidebar-wrapper"
+          style={
+            {
+              "--sidebar-width": SIDEBAR_WIDTH,
+              "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+              ...style,
+            } as React.CSSProperties
+          }
+          className={cn(
+            "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",
+            className,
+          )}
+          {...props}
+        >
+          {children}
+        </div>
+      </TooltipProvider>
+    </SidebarContext.Provider>
+  );
+}
+
+function Sidebar({
+  side = "left",
+  variant = "sidebar",
+  collapsible = "offcanvas",
+  className,
+  children,
+  ...props
+}: React.ComponentProps<"div"> & {
+  side?: "left" | "right";
+  variant?: "sidebar" | "floating" | "inset";
+  collapsible?: "offcanvas" | "icon" | "none";
+}) {
+  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+
+  if (collapsible === "none") {
+    return (
+      <div
+        data-slot="sidebar"
+        className={cn(
+          "bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",
+          className,
+        )}
+        {...props}
+      >
+        {children}
+      </div>
+    );
+  }
+
+  if (isMobile) {
+    return (
+      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>
+        <SheetContent
+          data-sidebar="sidebar"
+          data-slot="sidebar"
+          data-mobile="true"
+          className="bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden"
+          style={
+            {
+              "--sidebar-width": SIDEBAR_WIDTH_MOBILE,
+            } as React.CSSProperties
+          }
+          side={side}
+        >
+          <SheetHeader className="sr-only">
+            <SheetTitle>Sidebar</SheetTitle>
+            <SheetDescription>Displays the mobile sidebar.</SheetDescription>
+          </SheetHeader>
+          <div className="flex h-full w-full flex-col">{children}</div>
+        </SheetContent>
+      </Sheet>
+    );
+  }
+
+  return (
+    <div
+      className="group peer text-sidebar-foreground hidden md:block"
+      data-state={state}
+      data-collapsible={state === "collapsed" ? collapsible : ""}
+      data-variant={variant}
+      data-side={side}
+      data-slot="sidebar"
+    >
+      {/* This is what handles the sidebar gap on desktop */}
+      <div
+        data-slot="sidebar-gap"
+        className={cn(
+          "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
+          "group-data-[collapsible=offcanvas]:w-0",
+          "group-data-[side=right]:rotate-180",
+          variant === "floating" || variant === "inset"
+            ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]"
+            : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)",
+        )}
+      />
+      <div
+        data-slot="sidebar-container"
+        className={cn(
+          "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
+          side === "left"
+            ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]"
+            : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+          // Adjust the padding for floating and inset variants.
+          variant === "floating" || variant === "inset"
+            ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]"
+            : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
+          className,
+        )}
+        {...props}
+      >
+        <div
+          data-sidebar="sidebar"
+          data-slot="sidebar-inner"
+          className="bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border"
+        >
+          {children}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function SidebarTrigger({
+  className,
+  onClick,
+  ...props
+}: React.ComponentProps<typeof Button>) {
+  const { toggleSidebar } = useSidebar();
+
+  return (
+    <Button
+      data-sidebar="trigger"
+      data-slot="sidebar-trigger"
+      variant="ghost"
+      appearance="icon"
+      className={cn("size-7", className)}
+      onClick={(event) => {
+        onClick?.(event);
+        toggleSidebar();
+      }}
+      {...props}
+    >
+      <PanelLeftIcon />
+      <span className="sr-only">Toggle Sidebar</span>
+    </Button>
+  );
+}
+
+function SidebarRail({ className, ...props }: React.ComponentProps<"button">) {
+  const { toggleSidebar } = useSidebar();
+
+  return (
+    <button
+      data-sidebar="rail"
+      data-slot="sidebar-rail"
+      aria-label="Toggle Sidebar"
+      tabIndex={-1}
+      onClick={toggleSidebar}
+      title="Toggle Sidebar"
+      className={cn(
+        "hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex",
+        "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
+        "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+        "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full",
+        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function SidebarInset({ className, ...props }: React.ComponentProps<"main">) {
+  return (
+    <main
+      data-slot="sidebar-inset"
+      className={cn(
+        "bg-background relative flex w-full flex-1 flex-col",
+        "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function SidebarInput({
+  className,
+  ...props
+}: React.ComponentProps<typeof Input>) {
+  return (
+    <Input
+      data-slot="sidebar-input"
+      data-sidebar="input"
+      className={cn("bg-background h-8 w-full", className)}
+      {...props}
+    />
+  );
+}
+
+function SidebarHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-header"
+      data-sidebar="header"
+      className={cn("flex flex-col gap-2 p-2", className)}
+      {...props}
+    />
+  );
+}
+
+function SidebarFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-footer"
+      data-sidebar="footer"
+      className={cn("flex flex-col gap-2 p-2", className)}
+      {...props}
+    />
+  );
+}
+
+function SidebarSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Separator>) {
+  return (
+    <Separator
+      data-slot="sidebar-separator"
+      data-sidebar="separator"
+      className={cn("bg-sidebar-border mx-2 w-auto", className)}
+      {...props}
+    />
+  );
+}
+
+function SidebarContent({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-content"
+      data-sidebar="content"
+      className={cn(
+        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function SidebarGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-group"
+      data-sidebar="group"
+      className={cn("relative flex w-full min-w-0 flex-col p-2", className)}
+      {...props}
+    />
+  );
+}
+
+function SidebarGroupLabel({
+  className,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"div"> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : "div";
+
+  return (
+    <Comp
+      data-slot="sidebar-group-label"
+      data-sidebar="group-label"
+      className={cn(
+        "text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function SidebarGroupAction({
+  className,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"button"> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : "button";
+
+  return (
+    <Comp
+      data-slot="sidebar-group-action"
+      data-sidebar="group-action"
+      className={cn(
+        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 md:after:hidden",
+        "group-data-[collapsible=icon]:hidden",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function SidebarGroupContent({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-group-content"
+      data-sidebar="group-content"
+      className={cn("w-full text-sm", className)}
+      {...props}
+    />
+  );
+}
+
+function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">) {
+  return (
+    <ul
+      data-slot="sidebar-menu"
+      data-sidebar="menu"
+      className={cn("flex w-full min-w-0 flex-col gap-1", className)}
+      {...props}
+    />
+  );
+}
+
+function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">) {
+  return (
+    <li
+      data-slot="sidebar-menu-item"
+      data-sidebar="menu-item"
+      className={cn("group/menu-item relative", className)}
+      {...props}
+    />
+  );
+}
+
+const sidebarMenuButtonVariants = cva(
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+        outline:
+          "bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+      },
+      size: {
+        default: "h-8 text-sm",
+        sm: "h-7 text-xs",
+        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  },
+);
+
+function SidebarMenuButton({
+  asChild = false,
+  isActive = false,
+  variant = "default",
+  size = "default",
+  tooltip,
+  className,
+  ...props
+}: React.ComponentProps<"button"> & {
+  asChild?: boolean;
+  isActive?: boolean;
+  tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>) {
+  const Comp = asChild ? Slot : "button";
+  const { isMobile, state } = useSidebar();
+
+  const button = (
+    <Comp
+      data-slot="sidebar-menu-button"
+      data-sidebar="menu-button"
+      data-size={size}
+      data-active={isActive}
+      className={cn(sidebarMenuButtonVariants({ variant, size }), className)}
+      {...props}
+    />
+  );
+
+  if (!tooltip) {
+    return button;
+  }
+
+  if (typeof tooltip === "string") {
+    tooltip = {
+      children: tooltip,
+    };
+  }
+
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>{button}</TooltipTrigger>
+      <TooltipContent
+        side="right"
+        align="center"
+        hidden={state !== "collapsed" || isMobile}
+        {...tooltip}
+      />
+    </Tooltip>
+  );
+}
+
+function SidebarMenuAction({
+  className,
+  asChild = false,
+  showOnHover = false,
+  ...props
+}: React.ComponentProps<"button"> & {
+  asChild?: boolean;
+  showOnHover?: boolean;
+}) {
+  const Comp = asChild ? Slot : "button";
+
+  return (
+    <Comp
+      data-slot="sidebar-menu-action"
+      data-sidebar="menu-action"
+      className={cn(
+        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 md:after:hidden",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        showOnHover &&
+          "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function SidebarMenuBadge({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-menu-badge"
+      data-sidebar="menu-badge"
+      className={cn(
+        "text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs tabular-nums select-none",
+        "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function SidebarMenuSkeleton({
+  className,
+  showIcon = false,
+  ...props
+}: React.ComponentProps<"div"> & {
+  showIcon?: boolean;
+}) {
+  // Random width between 50 to 90%.
+  const width = React.useMemo(() => {
+    return `${Math.floor(Math.random() * 40) + 50}%`;
+  }, []);
+
+  return (
+    <div
+      data-slot="sidebar-menu-skeleton"
+      data-sidebar="menu-skeleton"
+      className={cn("flex h-8 items-center gap-2 rounded-md px-2", className)}
+      {...props}
+    >
+      {showIcon && (
+        <Skeleton
+          className="size-4 rounded-md"
+          data-sidebar="menu-skeleton-icon"
+        />
+      )}
+      <Skeleton
+        className="h-4 max-w-(--skeleton-width) flex-1"
+        data-sidebar="menu-skeleton-text"
+        style={
+          {
+            "--skeleton-width": width,
+          } as React.CSSProperties
+        }
+      />
+    </div>
+  );
+}
+
+function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">) {
+  return (
+    <ul
+      data-slot="sidebar-menu-sub"
+      data-sidebar="menu-sub"
+      className={cn(
+        "border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5",
+        "group-data-[collapsible=icon]:hidden",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function SidebarMenuSubItem({
+  className,
+  ...props
+}: React.ComponentProps<"li">) {
+  return (
+    <li
+      data-slot="sidebar-menu-sub-item"
+      data-sidebar="menu-sub-item"
+      className={cn("group/menu-sub-item relative", className)}
+      {...props}
+    />
+  );
+}
+
+function SidebarMenuSubButton({
+  asChild = false,
+  size = "md",
+  isActive = false,
+  className,
+  ...props
+}: React.ComponentProps<"a"> & {
+  asChild?: boolean;
+  size?: "sm" | "md";
+  isActive?: boolean;
+}) {
+  const Comp = asChild ? Slot : "a";
+
+  return (
+    <Comp
+      data-slot="sidebar-menu-sub-button"
+      data-sidebar="menu-sub-button"
+      data-size={size}
+      data-active={isActive}
+      className={cn(
+        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+        "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
+        size === "sm" && "text-xs",
+        size === "md" && "text-sm",
+        "group-data-[collapsible=icon]:hidden",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export {
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInput,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuBadge,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSkeleton,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  SidebarProvider,
+  SidebarRail,
+  SidebarSeparator,
+  SidebarTrigger,
+  useSidebar,
+};
diff --git a/packages/ghost-ui/src/components/ui/skeleton.tsx b/packages/ghost-ui/src/components/ui/skeleton.tsx
new file mode 100644
index 0000000..42e237b
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/skeleton.tsx
@@ -0,0 +1,13 @@
+import { cn } from "@/lib/utils";
+
+function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="skeleton"
+      className={cn("bg-muted animate-pulse rounded-md", className)}
+      {...props}
+    />
+  );
+}
+
+export { Skeleton };
diff --git a/packages/ghost-ui/src/components/ui/slider.tsx b/packages/ghost-ui/src/components/ui/slider.tsx
new file mode 100644
index 0000000..47a95df
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/slider.tsx
@@ -0,0 +1,63 @@
+"use client";
+
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Slider({
+  className,
+  defaultValue,
+  value,
+  min = 0,
+  max = 100,
+  ...props
+}: React.ComponentProps<typeof SliderPrimitive.Root>) {
+  const _values = React.useMemo(
+    () =>
+      Array.isArray(value)
+        ? value
+        : Array.isArray(defaultValue)
+          ? defaultValue
+          : [min, max],
+    [value, defaultValue, min, max],
+  );
+
+  return (
+    <SliderPrimitive.Root
+      data-slot="slider"
+      defaultValue={defaultValue}
+      value={value}
+      min={min}
+      max={max}
+      className={cn(
+        "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
+        className,
+      )}
+      {...props}
+    >
+      <SliderPrimitive.Track
+        data-slot="slider-track"
+        className={cn(
+          "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5",
+        )}
+      >
+        <SliderPrimitive.Range
+          data-slot="slider-range"
+          className={cn(
+            "bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full",
+          )}
+        />
+      </SliderPrimitive.Track>
+      {Array.from({ length: _values.length }, (_, index) => (
+        <SliderPrimitive.Thumb
+          data-slot="slider-thumb"
+          key={index}
+          className="border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
+        />
+      ))}
+    </SliderPrimitive.Root>
+  );
+}
+
+export { Slider };
diff --git a/packages/ghost-ui/src/components/ui/sonner.tsx b/packages/ghost-ui/src/components/ui/sonner.tsx
new file mode 100644
index 0000000..fa598e0
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/sonner.tsx
@@ -0,0 +1,25 @@
+"use client";
+
+import { Toaster as Sonner, type ToasterProps } from "sonner";
+import { useTheme } from "@/lib/theme-provider";
+
+const Toaster = ({ ...props }: ToasterProps) => {
+  const { theme = "system" } = useTheme();
+
+  return (
+    <Sonner
+      theme={theme as ToasterProps["theme"]}
+      className="toaster group"
+      style={
+        {
+          "--normal-bg": "var(--popover)",
+          "--normal-text": "var(--popover-foreground)",
+          "--normal-border": "var(--border)",
+        } as React.CSSProperties
+      }
+      {...props}
+    />
+  );
+};
+
+export { Toaster };
diff --git a/packages/ghost-ui/src/components/ui/spinner.tsx b/packages/ghost-ui/src/components/ui/spinner.tsx
new file mode 100644
index 0000000..055ac76
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/spinner.tsx
@@ -0,0 +1,16 @@
+import { Loader2Icon } from "lucide-react";
+
+import { cn } from "@/lib/utils";
+
+function Spinner({ className, ...props }: React.ComponentProps<"svg">) {
+  return (
+    <Loader2Icon
+      role="status"
+      aria-label="Loading"
+      className={cn("size-4 animate-spin", className)}
+      {...props}
+    />
+  );
+}
+
+export { Spinner };
diff --git a/packages/ghost-ui/src/components/ui/switch.tsx b/packages/ghost-ui/src/components/ui/switch.tsx
new file mode 100644
index 0000000..aba697c
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/switch.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Switch({
+  className,
+  ...props
+}: React.ComponentProps<typeof SwitchPrimitive.Root>) {
+  return (
+    <SwitchPrimitive.Root
+      data-slot="switch"
+      className={cn(
+        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-background-medium focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-muted/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent transition-all outline-none focus-visible:ring-[1px] disabled:cursor-not-allowed disabled:opacity-50",
+        className,
+      )}
+      {...props}
+    >
+      <SwitchPrimitive.Thumb
+        data-slot="switch-thumb"
+        className={cn(
+          "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0",
+        )}
+      />
+    </SwitchPrimitive.Root>
+  );
+}
+
+export { Switch };
diff --git a/packages/ghost-ui/src/components/ui/table.tsx b/packages/ghost-ui/src/components/ui/table.tsx
new file mode 100644
index 0000000..78723d2
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/table.tsx
@@ -0,0 +1,113 @@
+"use client";
+
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Table({ className, ...props }: React.ComponentProps<"table">) {
+  return (
+    <div
+      data-slot="table-container"
+      className="relative w-full overflow-x-auto"
+    >
+      <table
+        data-slot="table"
+        className={cn("w-full caption-bottom text-sm", className)}
+        {...props}
+      />
+    </div>
+  );
+}
+
+function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
+  return (
+    <thead
+      data-slot="table-header"
+      className={cn("[&_tr]:border-b", className)}
+      {...props}
+    />
+  );
+}
+
+function TableBody({ className, ...props }: React.ComponentProps<"tbody">) {
+  return (
+    <tbody
+      data-slot="table-body"
+      className={cn("[&_tr:last-child]:border-0", className)}
+      {...props}
+    />
+  );
+}
+
+function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
+  return (
+    <tfoot
+      data-slot="table-footer"
+      className={cn("bg-muted/50 border-t [&>tr]:last:border-b-0", className)}
+      {...props}
+    />
+  );
+}
+
+function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
+  return (
+    <tr
+      data-slot="table-row"
+      className={cn(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function TableHead({ className, ...props }: React.ComponentProps<"th">) {
+  return (
+    <th
+      data-slot="table-head"
+      className={cn(
+        "text-foreground h-10 px-2 text-left align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function TableCell({ className, ...props }: React.ComponentProps<"td">) {
+  return (
+    <td
+      data-slot="table-cell"
+      className={cn(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function TableCaption({
+  className,
+  ...props
+}: React.ComponentProps<"caption">) {
+  return (
+    <caption
+      data-slot="table-caption"
+      className={cn("text-muted-foreground mt-4 text-sm", className)}
+      {...props}
+    />
+  );
+}
+
+export {
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+};
diff --git a/packages/ghost-ui/src/components/ui/tabs.tsx b/packages/ghost-ui/src/components/ui/tabs.tsx
new file mode 100644
index 0000000..88ea141
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/tabs.tsx
@@ -0,0 +1,66 @@
+"use client";
+
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Tabs({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Root>) {
+  return (
+    <TabsPrimitive.Root
+      data-slot="tabs"
+      className={cn("flex flex-col gap-2", className)}
+      {...props}
+    />
+  );
+}
+
+function TabsList({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.List>) {
+  return (
+    <TabsPrimitive.List
+      data-slot="tabs-list"
+      className={cn(
+        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function TabsTrigger({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {
+  return (
+    <TabsPrimitive.Trigger
+      data-slot="tabs-trigger"
+      className={cn(
+        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-muted/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[1px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function TabsContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Content>) {
+  return (
+    <TabsPrimitive.Content
+      data-slot="tabs-content"
+      className={cn("flex-1 outline-none", className)}
+      {...props}
+    />
+  );
+}
+
+export { Tabs, TabsContent, TabsList, TabsTrigger };
diff --git a/packages/ghost-ui/src/components/ui/textarea.tsx b/packages/ghost-ui/src/components/ui/textarea.tsx
new file mode 100644
index 0000000..924524b
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/textarea.tsx
@@ -0,0 +1,18 @@
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
+  return (
+    <textarea
+      data-slot="textarea"
+      className={cn(
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base transition-[color,box-shadow] outline-none focus-visible:ring-[1px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Textarea };
diff --git a/packages/ghost-ui/src/components/ui/toggle-group.tsx b/packages/ghost-ui/src/components/ui/toggle-group.tsx
new file mode 100644
index 0000000..8f1f495
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/toggle-group.tsx
@@ -0,0 +1,72 @@
+"use client";
+
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import type { VariantProps } from "class-variance-authority";
+import * as React from "react";
+import { toggleVariants } from "@/components/ui/toggle";
+import { cn } from "@/lib/utils";
+
+const ToggleGroupContext = React.createContext<
+  VariantProps<typeof toggleVariants>
+>({
+  size: "default",
+  variant: "default",
+});
+
+function ToggleGroup({
+  className,
+  variant,
+  size,
+  children,
+  ...props
+}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &
+  VariantProps<typeof toggleVariants>) {
+  return (
+    <ToggleGroupPrimitive.Root
+      data-slot="toggle-group"
+      data-variant={variant}
+      data-size={size}
+      className={cn(
+        "group/toggle-group flex w-fit items-center rounded-md",
+        className,
+      )}
+      {...props}
+    >
+      <ToggleGroupContext.Provider value={{ variant, size }}>
+        {children}
+      </ToggleGroupContext.Provider>
+    </ToggleGroupPrimitive.Root>
+  );
+}
+
+function ToggleGroupItem({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &
+  VariantProps<typeof toggleVariants>) {
+  const context = React.useContext(ToggleGroupContext);
+
+  return (
+    <ToggleGroupPrimitive.Item
+      data-slot="toggle-group-item"
+      data-variant={context.variant || variant}
+      data-size={context.size || size}
+      className={cn(
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size,
+        }),
+        "min-w-0 flex-1 shrink-0 rounded-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l",
+        className,
+      )}
+      {...props}
+    >
+      {children}
+    </ToggleGroupPrimitive.Item>
+  );
+}
+
+export { ToggleGroup, ToggleGroupItem };
diff --git a/packages/ghost-ui/src/components/ui/toggle.tsx b/packages/ghost-ui/src/components/ui/toggle.tsx
new file mode 100644
index 0000000..9bc3de0
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/toggle.tsx
@@ -0,0 +1,47 @@
+"use client";
+
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { cva, type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const toggleVariants = cva(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-muted data-[state=on]:text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline:
+          "border border-input bg-transparent hover:bg-muted hover:text-muted-foreground",
+      },
+      size: {
+        default: "h-9 px-2 min-w-9",
+        sm: "h-8 px-1.5 min-w-8",
+        lg: "h-10 px-2.5 min-w-10",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  },
+);
+
+function Toggle({
+  className,
+  variant,
+  size,
+  ...props
+}: React.ComponentProps<typeof TogglePrimitive.Root> &
+  VariantProps<typeof toggleVariants>) {
+  return (
+    <TogglePrimitive.Root
+      data-slot="toggle"
+      className={cn(toggleVariants({ variant, size, className }))}
+      {...props}
+    />
+  );
+}
+
+export { Toggle, toggleVariants };
diff --git a/packages/ghost-ui/src/components/ui/tooltip.tsx b/packages/ghost-ui/src/components/ui/tooltip.tsx
new file mode 100644
index 0000000..fa7ffeb
--- /dev/null
+++ b/packages/ghost-ui/src/components/ui/tooltip.tsx
@@ -0,0 +1,61 @@
+"use client";
+
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
+  return (
+    <TooltipPrimitive.Provider
+      data-slot="tooltip-provider"
+      delayDuration={delayDuration}
+      {...props}
+    />
+  );
+}
+
+function Tooltip({
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Root>) {
+  return (
+    <TooltipProvider>
+      <TooltipPrimitive.Root data-slot="tooltip" {...props} />
+    </TooltipProvider>
+  );
+}
+
+function TooltipTrigger({
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
+  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />;
+}
+
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Content>) {
+  return (
+    <TooltipPrimitive.Portal>
+      <TooltipPrimitive.Content
+        data-slot="tooltip-content"
+        sideOffset={sideOffset}
+        className={cn(
+          "bg-primary text-primary-foreground shadow-mini animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+          className,
+        )}
+        {...props}
+      >
+        {children}
+        <TooltipPrimitive.Arrow className="bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
+      </TooltipPrimitive.Content>
+    </TooltipPrimitive.Portal>
+  );
+}
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
diff --git a/packages/ghost-ui/src/contexts/ThemeContext.tsx b/packages/ghost-ui/src/contexts/ThemeContext.tsx
new file mode 100644
index 0000000..c0009e9
--- /dev/null
+++ b/packages/ghost-ui/src/contexts/ThemeContext.tsx
@@ -0,0 +1,65 @@
+"use client";
+
+import type React from "react";
+import { createContext, useContext, useEffect, useState } from "react";
+import type { ThemeContextType, ThemeVariables } from "@/types/theme";
+
+const ThemeContext = createContext<ThemeContextType | undefined>(undefined);
+
+export function ThemeProvider({ children }: { children: React.ReactNode }) {
+  const [theme, setTheme] = useState<ThemeVariables>({});
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  const updateTheme = async (prompt: string) => {
+    try {
+      setIsLoading(true);
+      setError(null);
+
+      const response = await fetch("/api/theme", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify({ prompt }),
+      });
+
+      const data = await response.json();
+
+      if (!response.ok) {
+        throw new Error(data.error || "Failed to update theme");
+      }
+
+      if (data.success) {
+        setTheme(data.variables);
+      } else {
+        throw new Error("Theme update failed");
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "An error occurred");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  // Apply theme variables to root element
+  useEffect(() => {
+    Object.entries(theme).forEach(([key, value]) => {
+      document.documentElement.style.setProperty(key, value);
+    });
+  }, [theme]);
+
+  return (
+    <ThemeContext.Provider value={{ theme, updateTheme, isLoading, error }}>
+      {children}
+    </ThemeContext.Provider>
+  );
+}
+
+export function useTheme() {
+  const context = useContext(ThemeContext);
+  if (context === undefined) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+}
diff --git a/packages/ghost-ui/src/contexts/ThemePanelContext.tsx b/packages/ghost-ui/src/contexts/ThemePanelContext.tsx
new file mode 100644
index 0000000..841eb76
--- /dev/null
+++ b/packages/ghost-ui/src/contexts/ThemePanelContext.tsx
@@ -0,0 +1,249 @@
+"use client";
+
+import type React from "react";
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useRef,
+  useState,
+} from "react";
+import {
+  ALL_THEMEABLE_KEYS,
+  DEFAULT_COLORS_DARK,
+  DEFAULT_COLORS_LIGHT,
+  DEFAULT_SHADOWS_DARK,
+  DEFAULT_SHADOWS_LIGHT,
+} from "@/lib/theme-defaults";
+import { PRESETS, type ThemePreset } from "@/lib/theme-presets";
+import { useTheme as useNextTheme } from "@/lib/theme-provider";
+import {
+  generateCSSExport,
+  scaleRadius,
+  scaleShadows,
+} from "@/lib/theme-utils";
+
+const STORAGE_KEY = "ghost-ui-theme";
+
+interface StoredTheme {
+  presetId: string | null;
+  overrides: Record<string, string>;
+  radiusScale: number;
+  shadowScale: number;
+}
+
+interface ThemePanelContextType {
+  isOpen: boolean;
+  setOpen: (open: boolean) => void;
+  activePresetId: string | null;
+  overrides: Record<string, string>;
+  radiusScale: number;
+  shadowScale: number;
+  applyPreset: (id: string) => void;
+  setVariable: (key: string, value: string) => void;
+  setVariables: (vars: Record<string, string>) => void;
+  setRadiusScale: (factor: number) => void;
+  setShadowScale: (factor: number) => void;
+  reset: () => void;
+  exportCSS: () => string;
+}
+
+const ThemePanelContext = createContext<ThemePanelContextType | undefined>(
+  undefined,
+);
+
+export function ThemePanelProvider({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const { resolvedTheme } = useNextTheme();
+  const isDark = resolvedTheme === "dark";
+
+  const [isOpen, setOpen] = useState(false);
+  const [activePresetId, setActivePresetId] = useState<string | null>(
+    "default",
+  );
+  const [overrides, setOverrides] = useState<Record<string, string>>({});
+  const [radiusScale, setRadiusScaleState] = useState(50);
+  const [shadowScale, setShadowScaleState] = useState(50);
+  const [mounted, setMounted] = useState(false);
+  const saveTimeoutRef = useRef<ReturnType<typeof setTimeout>>(undefined);
+  const prevKeysRef = useRef<Set<string>>(new Set());
+
+  // Load from localStorage on mount
+  useEffect(() => {
+    try {
+      const stored = localStorage.getItem(STORAGE_KEY);
+      if (stored) {
+        const data: StoredTheme = JSON.parse(stored);
+        setActivePresetId(data.presetId);
+        setOverrides(data.overrides);
+        setRadiusScaleState(data.radiusScale ?? 50);
+        setShadowScaleState(data.shadowScale ?? 50);
+      }
+    } catch {
+      // ignore corrupted data
+    }
+    setMounted(true);
+  }, []);
+
+  // Apply overrides to document whenever they change
+  useEffect(() => {
+    if (!mounted) return;
+
+    const currentKeys = new Set(Object.keys(overrides));
+
+    // Remove properties that were in previous overrides but not in current
+    for (const key of prevKeysRef.current) {
+      if (!currentKeys.has(key)) {
+        document.documentElement.style.removeProperty(key);
+      }
+    }
+
+    // Apply current overrides
+    requestAnimationFrame(() => {
+      for (const [key, value] of Object.entries(overrides)) {
+        document.documentElement.style.setProperty(key, value);
+      }
+    });
+
+    prevKeysRef.current = currentKeys;
+  }, [overrides, mounted]);
+
+  // Debounced save to localStorage
+  useEffect(() => {
+    if (!mounted) return;
+
+    if (saveTimeoutRef.current) clearTimeout(saveTimeoutRef.current);
+    saveTimeoutRef.current = setTimeout(() => {
+      const data: StoredTheme = {
+        presetId: activePresetId,
+        overrides,
+        radiusScale,
+        shadowScale,
+      };
+      localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
+    }, 300);
+
+    return () => {
+      if (saveTimeoutRef.current) clearTimeout(saveTimeoutRef.current);
+    };
+  }, [overrides, activePresetId, radiusScale, shadowScale, mounted]);
+
+  // Re-apply preset when dark/light mode toggles
+  useEffect(() => {
+    if (!mounted) return;
+    if (!activePresetId || activePresetId === "default") return;
+
+    const preset = PRESETS.find((p) => p.id === activePresetId);
+    if (!preset) return;
+
+    const modeVars = isDark ? preset.variables.dark : preset.variables.light;
+    if (Object.keys(modeVars).length > 0) {
+      setOverrides(modeVars);
+    }
+  }, [isDark, mounted]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  const applyPreset = useCallback(
+    (id: string) => {
+      setActivePresetId(id);
+
+      if (id === "default") {
+        // Clear all overrides to restore CSS defaults
+        setOverrides({});
+        setRadiusScaleState(50);
+        setShadowScaleState(50);
+        return;
+      }
+
+      const preset = PRESETS.find((p) => p.id === id);
+      if (!preset) return;
+
+      const modeVars = isDark ? preset.variables.dark : preset.variables.light;
+      setOverrides(modeVars);
+      setRadiusScaleState(50);
+      setShadowScaleState(50);
+    },
+    [isDark],
+  );
+
+  const setVariable = useCallback((key: string, value: string) => {
+    setActivePresetId(null); // mark as custom
+    setOverrides((prev) => ({ ...prev, [key]: value }));
+  }, []);
+
+  const setVariables = useCallback((vars: Record<string, string>) => {
+    setActivePresetId(null);
+    setOverrides((prev) => ({ ...prev, ...vars }));
+  }, []);
+
+  const setRadiusScale = useCallback((factor: number) => {
+    setRadiusScaleState(factor);
+    setActivePresetId(null);
+    const radiusVars = scaleRadius(factor);
+    setOverrides((prev) => ({ ...prev, ...radiusVars }));
+  }, []);
+
+  const setShadowScale = useCallback(
+    (factor: number) => {
+      setShadowScaleState(factor);
+      setActivePresetId(null);
+      const shadowVars = scaleShadows(factor, isDark);
+      setOverrides((prev) => ({ ...prev, ...shadowVars }));
+    },
+    [isDark],
+  );
+
+  const reset = useCallback(() => {
+    // Remove all overrides from document
+    for (const key of ALL_THEMEABLE_KEYS) {
+      document.documentElement.style.removeProperty(key);
+    }
+    // Also remove any current override keys not in ALL_THEMEABLE_KEYS
+    for (const key of Object.keys(overrides)) {
+      document.documentElement.style.removeProperty(key);
+    }
+
+    setOverrides({});
+    setActivePresetId("default");
+    setRadiusScaleState(50);
+    setShadowScaleState(50);
+    localStorage.removeItem(STORAGE_KEY);
+  }, [overrides]);
+
+  const exportCSS = useCallback(() => {
+    return generateCSSExport(overrides);
+  }, [overrides]);
+
+  return (
+    <ThemePanelContext.Provider
+      value={{
+        isOpen,
+        setOpen,
+        activePresetId,
+        overrides,
+        radiusScale,
+        shadowScale,
+        applyPreset,
+        setVariable,
+        setVariables,
+        setRadiusScale,
+        setShadowScale,
+        reset,
+        exportCSS,
+      }}
+    >
+      {children}
+    </ThemePanelContext.Provider>
+  );
+}
+
+export function useThemePanel() {
+  const context = useContext(ThemePanelContext);
+  if (context === undefined) {
+    throw new Error("useThemePanel must be used within a ThemePanelProvider");
+  }
+  return context;
+}
diff --git a/packages/ghost-ui/src/hooks/use-copy-to-clipboard.ts b/packages/ghost-ui/src/hooks/use-copy-to-clipboard.ts
new file mode 100644
index 0000000..22b9f78
--- /dev/null
+++ b/packages/ghost-ui/src/hooks/use-copy-to-clipboard.ts
@@ -0,0 +1,35 @@
+"use client";
+
+import * as React from "react";
+
+export function useCopyToClipboard({
+  timeout = 2000,
+  onCopy,
+}: {
+  timeout?: number;
+  onCopy?: () => void;
+} = {}) {
+  const [isCopied, setIsCopied] = React.useState(false);
+
+  const copyToClipboard = (value: string) => {
+    if (typeof window === "undefined" || !navigator.clipboard.writeText) {
+      return;
+    }
+
+    if (!value) return;
+
+    navigator.clipboard.writeText(value).then(() => {
+      setIsCopied(true);
+
+      if (onCopy) {
+        onCopy();
+      }
+
+      setTimeout(() => {
+        setIsCopied(false);
+      }, timeout);
+    }, console.error);
+  };
+
+  return { isCopied, copyToClipboard };
+}
diff --git a/packages/ghost-ui/src/hooks/use-intersection-observer.ts b/packages/ghost-ui/src/hooks/use-intersection-observer.ts
new file mode 100644
index 0000000..6bba175
--- /dev/null
+++ b/packages/ghost-ui/src/hooks/use-intersection-observer.ts
@@ -0,0 +1,48 @@
+import { useEffect, useRef } from "react";
+
+interface UseIntersectionObserverProps {
+  onIntersect: () => void;
+  threshold?: number;
+  root?: Element | null;
+  rootMargin?: string;
+}
+
+export function useIntersectionObserver({
+  onIntersect,
+  threshold = 0.5,
+  root = null,
+  rootMargin = "0px",
+}: UseIntersectionObserverProps) {
+  const elementRef = useRef<HTMLElement | null>(null);
+
+  useEffect(() => {
+    const observer = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((entry) => {
+          if (entry.isIntersecting) {
+            onIntersect();
+          }
+        });
+      },
+      {
+        threshold,
+        root,
+        rootMargin,
+      },
+    );
+
+    const currentElement = elementRef.current;
+    if (currentElement) {
+      observer.observe(currentElement);
+    }
+
+    return () => {
+      if (currentElement) {
+        observer.unobserve(currentElement);
+      }
+      observer.disconnect();
+    };
+  }, [onIntersect, threshold, root, rootMargin]);
+
+  return elementRef;
+}
diff --git a/packages/ghost-ui/src/hooks/use-mobile.ts b/packages/ghost-ui/src/hooks/use-mobile.ts
new file mode 100644
index 0000000..a93d583
--- /dev/null
+++ b/packages/ghost-ui/src/hooks/use-mobile.ts
@@ -0,0 +1,21 @@
+import * as React from "react";
+
+const MOBILE_BREAKPOINT = 768;
+
+export function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(
+    undefined,
+  );
+
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+
+  return !!isMobile;
+}
diff --git a/packages/ghost-ui/src/hooks/use-scroll-reveal.ts b/packages/ghost-ui/src/hooks/use-scroll-reveal.ts
new file mode 100644
index 0000000..f5e2be0
--- /dev/null
+++ b/packages/ghost-ui/src/hooks/use-scroll-reveal.ts
@@ -0,0 +1,109 @@
+"use client";
+
+import gsap from "gsap";
+import { ScrollTrigger } from "gsap/ScrollTrigger";
+import { useEffect, useRef } from "react";
+
+gsap.registerPlugin(ScrollTrigger);
+
+interface ScrollRevealOptions {
+  y?: number;
+  opacity?: number;
+  duration?: number;
+  delay?: number;
+  ease?: string;
+  start?: string;
+}
+
+export function useScrollReveal<T extends HTMLElement>(
+  options: ScrollRevealOptions = {},
+) {
+  const ref = useRef<T>(null);
+  const {
+    y = 40,
+    opacity = 0,
+    duration = 0.8,
+    delay = 0,
+    ease = "power2.out",
+    start = "top 90%",
+  } = options;
+
+  useEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+
+    gsap.set(el, { y, opacity, transition: "none" });
+    const trigger = ScrollTrigger.create({
+      trigger: el,
+      start,
+      once: true,
+      onEnter: () => {
+        gsap.to(el, {
+          y: 0,
+          opacity: 1,
+          duration,
+          delay,
+          ease,
+          onComplete: () => {
+            gsap.set(el, { clearProps: "transition" });
+          },
+        });
+      },
+    });
+
+    return () => trigger.kill();
+  }, [y, opacity, duration, delay, ease, start]);
+
+  return ref;
+}
+
+export function useStaggerReveal<T extends HTMLElement>(
+  selector: string,
+  options: {
+    stagger?: number;
+    y?: number;
+    duration?: number;
+    ease?: string;
+    start?: string;
+  } = {},
+) {
+  const ref = useRef<T>(null);
+  const {
+    stagger = 0.06,
+    y = 30,
+    duration = 0.7,
+    ease = "power2.out",
+    start = "top 90%",
+  } = options;
+
+  useEffect(() => {
+    const container = ref.current;
+    if (!container) return;
+
+    const children = container.querySelectorAll(selector);
+    if (children.length === 0) return;
+
+    gsap.set(children, { y, opacity: 0, transition: "none" });
+    const trigger = ScrollTrigger.create({
+      trigger: container,
+      start,
+      once: true,
+      onEnter: () => {
+        gsap.to(children, {
+          y: 0,
+          opacity: 1,
+          duration,
+          stagger,
+          ease,
+          onComplete: () => {
+            gsap.set(children, { clearProps: "transition" });
+          },
+        });
+      },
+    });
+
+    return () => trigger.kill();
+  }, [selector, stagger, y, duration, ease, start]);
+
+  return ref;
+}
diff --git a/packages/ghost-ui/src/hooks/use-text-animator.tsx b/packages/ghost-ui/src/hooks/use-text-animator.tsx
new file mode 100644
index 0000000..237c5b3
--- /dev/null
+++ b/packages/ghost-ui/src/hooks/use-text-animator.tsx
@@ -0,0 +1,262 @@
+import { gsap } from "gsap";
+import { useEffect, useRef } from "react";
+import SplitType from "split-type";
+
+// Utility debounce function
+export const debounce = <T extends (...args: any[]) => void>(
+  func: T,
+  delay: number,
+): T => {
+  let timerId: NodeJS.Timeout;
+  return ((...args: any[]) => {
+    clearTimeout(timerId);
+    timerId = setTimeout(() => {
+      func(...args);
+    }, delay);
+  }) as T;
+};
+
+interface TextSplitterOptions {
+  resizeCallback?: () => void;
+  splitTypeTypes?: ("lines" | "words" | "chars")[];
+}
+
+// Class to split text into lines, words, and characters for animation
+export class TextSplitter {
+  textElement: HTMLElement;
+  onResize: (() => void) | null;
+  splitText: SplitType;
+  previousContainerWidth: number | null = null;
+
+  constructor(textElement: HTMLElement, options: TextSplitterOptions = {}) {
+    if (!textElement || !(textElement instanceof HTMLElement)) {
+      throw new Error("Invalid text element provided.");
+    }
+
+    const { resizeCallback, splitTypeTypes } = options;
+    this.textElement = textElement;
+    this.onResize =
+      typeof resizeCallback === "function" ? resizeCallback : null;
+
+    const splitOptions = splitTypeTypes ? { types: splitTypeTypes } : {};
+    this.splitText = new SplitType(this.textElement, splitOptions);
+
+    if (this.onResize) {
+      this.initResizeObserver();
+    }
+  }
+
+  initResizeObserver() {
+    const resizeObserver = new ResizeObserver(
+      debounce(
+        (entries: ResizeObserverEntry[]) => this.handleResize(entries),
+        100,
+      ),
+    );
+    resizeObserver.observe(this.textElement);
+  }
+
+  handleResize(entries: ResizeObserverEntry[]) {
+    const [{ contentRect }] = entries;
+    const width = Math.floor(contentRect.width);
+
+    if (this.previousContainerWidth && this.previousContainerWidth !== width) {
+      this.splitText.split({ types: ["chars"] });
+      this.onResize?.();
+    }
+
+    this.previousContainerWidth = width;
+  }
+
+  revert() {
+    return this.splitText.revert();
+  }
+
+  getLines(): HTMLElement[] {
+    return this.splitText.lines ?? [];
+  }
+
+  getWords(): HTMLElement[] {
+    return this.splitText.words ?? [];
+  }
+
+  getChars(): HTMLElement[] {
+    return this.splitText.chars ?? [];
+  }
+}
+
+// Text animation class for hover effects
+const lettersAndSymbols = [
+  "a",
+  "b",
+  "c",
+  "d",
+  "e",
+  "f",
+  "g",
+  "h",
+  "i",
+  "j",
+  "k",
+  "l",
+  "m",
+  "n",
+  "o",
+  "p",
+  "q",
+  "r",
+  "s",
+  "t",
+  "u",
+  "v",
+  "w",
+  "x",
+  "y",
+  "z",
+  "!",
+  "@",
+  "#",
+  "$",
+  "%",
+  "^",
+  "&",
+  "*",
+  "-",
+  "_",
+  "+",
+  "=",
+  ";",
+  ":",
+  "<",
+  ">",
+  ",",
+];
+
+export class TextAnimator {
+  textElement: HTMLElement;
+  splitter!: TextSplitter;
+  originalChars!: string[];
+
+  constructor(textElement: HTMLElement) {
+    if (!textElement || !(textElement instanceof HTMLElement)) {
+      throw new Error("Invalid text element provided.");
+    }
+
+    this.textElement = textElement;
+    this.splitText();
+  }
+
+  private splitText() {
+    this.splitter = new TextSplitter(this.textElement, {
+      splitTypeTypes: ["words", "chars"],
+    });
+    this.originalChars = this.splitter.getChars().map((char) => char.innerHTML);
+  }
+
+  animate() {
+    this.reset();
+
+    const chars = this.splitter.getChars();
+
+    chars.forEach((char, position) => {
+      const initialHTML = char.innerHTML;
+      let repeatCount = 0;
+
+      gsap.fromTo(
+        char,
+        { opacity: 1 },
+        {
+          duration: 0.03,
+          onStart: () => {
+            gsap.set(char, { fontFamily: "Geist Mono" });
+          },
+          onComplete: () => {
+            gsap.set(char, {
+              innerHTML: initialHTML,
+              delay: 0.03,
+              fontFamily: "", // Reset to default font
+              opacity: 1, // Ensure full opacity is restored
+            });
+          },
+          repeat: 3,
+          onRepeat: () => {
+            repeatCount++;
+            if (repeatCount === 1) {
+              gsap.set(char, { opacity: 0.3 }); // Keep some visibility during scramble
+            }
+          },
+          repeatRefresh: true,
+          repeatDelay: 0.02,
+          delay: position * 0.05,
+          innerHTML: () =>
+            lettersAndSymbols[
+              Math.floor(Math.random() * lettersAndSymbols.length)
+            ],
+          opacity: 1,
+        },
+      );
+    });
+  }
+
+  reset() {
+    const chars = this.splitter.getChars();
+    chars.forEach((char, index) => {
+      gsap.killTweensOf(char);
+      char.innerHTML = this.originalChars[index];
+    });
+  }
+}
+
+interface UseTextAnimatorProps {
+  threshold?: number;
+  root?: Element | null;
+  rootMargin?: string;
+  autoAnimate?: boolean;
+}
+
+export function useTextAnimator({
+  threshold = 0.5,
+  root = null,
+  rootMargin = "0px",
+  autoAnimate = false,
+}: UseTextAnimatorProps = {}) {
+  const elementRef = useRef<HTMLDivElement>(null);
+  const animator = useRef<TextAnimator | null>(null);
+
+  useEffect(() => {
+    if (elementRef.current) {
+      animator.current = new TextAnimator(elementRef.current);
+
+      if (autoAnimate) {
+        animator.current.animate();
+      }
+    }
+  }, [autoAnimate]);
+
+  useEffect(() => {
+    if (!elementRef.current || autoAnimate) return;
+
+    const observer = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((entry) => {
+          if (entry.isIntersecting && animator.current) {
+            animator.current.animate();
+          }
+        });
+      },
+      {
+        threshold,
+        root,
+        rootMargin,
+      },
+    );
+
+    observer.observe(elementRef.current);
+
+    return () => {
+      observer.disconnect();
+    };
+  }, [threshold, root, rootMargin, autoAnimate]);
+
+  return elementRef;
+}
diff --git a/packages/ghost-ui/src/lib/component-registry.ts b/packages/ghost-ui/src/lib/component-registry.ts
new file mode 100644
index 0000000..df380a5
--- /dev/null
+++ b/packages/ghost-ui/src/lib/component-registry.ts
@@ -0,0 +1,158 @@
+import registryData from "../../registry.json";
+
+// ── Category metadata ──
+// Display order and names for the functional categories in registry.json.
+// "ai" is a tag, not a navigation category — it's used as a badge instead.
+
+const categoryMeta: Record<string, { name: string; description: string }> = {
+  input: {
+    name: "Inputs",
+    description: "Form controls and interactive inputs",
+  },
+  display: {
+    name: "Display",
+    description: "Visual content and presentation",
+  },
+  feedback: {
+    name: "Feedback",
+    description: "Alerts, notifications, and status indicators",
+  },
+  navigation: {
+    name: "Navigation",
+    description: "Menus, tabs, and wayfinding",
+  },
+  layout: {
+    name: "Layout",
+    description: "Content organization and structure",
+  },
+  chat: { name: "Chat", description: "Conversational AI interfaces" },
+  code: {
+    name: "Code",
+    description: "Code editing, display, and development tools",
+  },
+  media: { name: "Media", description: "Audio, video, and rich media" },
+};
+
+const categoryOrder = Object.keys(categoryMeta);
+
+// ── Types ──
+
+export type Category = {
+  slug: string;
+  name: string;
+  description: string;
+};
+
+export type ComponentEntry = {
+  slug: string;
+  name: string;
+  categories: string[];
+  primaryCategory: string;
+  dependencies: string[];
+  registryDependencies: string[];
+  isAI: boolean;
+  /** Where the demo file lives, if it exists */
+  demoSource: "primitives" | "ai-elements";
+};
+
+// ── Helpers ──
+
+function slugToDisplayName(slug: string): string {
+  return slug
+    .split("-")
+    .map((w) => {
+      // Special casing
+      if (w === "otp") return "OTP";
+      if (w === "jsx") return "JSX";
+      if (w === "api") return "API";
+      return w.charAt(0).toUpperCase() + w.slice(1);
+    })
+    .join(" ");
+}
+
+function getPrimaryCategory(cats: string[]): string {
+  const functional = cats.filter((c) => c !== "ai");
+  if (functional.length === 0) return "display";
+  // Pick the one that appears first in our defined order
+  for (const cat of categoryOrder) {
+    if (functional.includes(cat)) return cat;
+  }
+  return functional[0];
+}
+
+// ── Derived data ──
+
+type RegistryItem = {
+  name: string;
+  type: string;
+  dependencies?: string[];
+  registryDependencies?: string[];
+  files?: { type: string; target: string; path: string }[];
+  categories?: string[];
+};
+
+const uiItems = (registryData.items as RegistryItem[]).filter(
+  (item) => item.type === "registry:ui",
+);
+
+const componentMap = new Map<string, ComponentEntry>();
+
+for (const item of uiItems) {
+  const cats = item.categories ?? [];
+  const isAI = cats.includes("ai");
+
+  // Determine demo directory from the component's file path
+  const filePath = item.files?.[0]?.path ?? "";
+  const demoSource: "primitives" | "ai-elements" = filePath.includes(
+    "ai-elements",
+  )
+    ? "ai-elements"
+    : "primitives";
+
+  const entry: ComponentEntry = {
+    slug: item.name,
+    name: slugToDisplayName(item.name),
+    categories: cats,
+    primaryCategory: getPrimaryCategory(cats),
+    dependencies: item.dependencies ?? [],
+    registryDependencies: (item.registryDependencies ?? []).filter(
+      (d) => d !== "utils",
+    ),
+    isAI,
+    demoSource,
+  };
+
+  componentMap.set(item.name, entry);
+}
+
+// Sort components alphabetically within each category
+const allComponents = Array.from(componentMap.values()).sort((a, b) =>
+  a.slug.localeCompare(b.slug),
+);
+
+// ── Public API ──
+
+export const categories: Category[] = categoryOrder
+  .filter((slug) => allComponents.some((c) => c.primaryCategory === slug))
+  .map((slug) => ({
+    slug,
+    ...categoryMeta[slug],
+  }));
+
+export function getAllComponents(): ComponentEntry[] {
+  return allComponents;
+}
+
+export function getComponent(slug: string): ComponentEntry | undefined {
+  return componentMap.get(slug);
+}
+
+export function getCategory(slug: string): Category | undefined {
+  return categories.find((c) => c.slug === slug);
+}
+
+export function getComponentsByCategory(
+  categorySlug: string,
+): ComponentEntry[] {
+  return allComponents.filter((c) => c.primaryCategory === categorySlug);
+}
diff --git a/packages/ghost-ui/src/lib/component-source.ts b/packages/ghost-ui/src/lib/component-source.ts
new file mode 100644
index 0000000..5e9df1a
--- /dev/null
+++ b/packages/ghost-ui/src/lib/component-source.ts
@@ -0,0 +1,162 @@
+import fs from "fs";
+import path from "path";
+import registryData from "../../registry.json";
+
+// ── Types ──
+
+export type VariantDef = {
+  name: string;
+  values: string[];
+  defaultValue?: string;
+};
+
+export type ComponentSpec = {
+  /** All exported component/function names */
+  exports: string[];
+  /** CVA variant definitions, if any */
+  variants: VariantDef[];
+  /** data-slot values used in this component */
+  dataSlots: string[];
+  /** The raw source code */
+  source: string;
+  /** File path relative to project root */
+  filePath: string;
+};
+
+type RegistryItem = {
+  name: string;
+  type: string;
+  files?: { path: string }[];
+};
+
+// ── Extraction helpers ──
+
+function extractExports(source: string): string[] {
+  // Match named exports at the end of file: export { Foo, Bar, baz }
+  const exportBlockRe = /export\s*\{([^}]+)\}/g;
+  const exports: string[] = [];
+
+  let match;
+  while ((match = exportBlockRe.exec(source)) !== null) {
+    const names = match[1].split(",").map((s) =>
+      s
+        .trim()
+        .split(/\s+as\s+/)
+        .pop()!
+        .trim(),
+    );
+    exports.push(...names.filter(Boolean));
+  }
+
+  // Match: export function Foo / export const Foo
+  const exportDeclRe =
+    /export\s+(?:function|const|class)\s+([A-Z][A-Za-z0-9]*)/g;
+  while ((match = exportDeclRe.exec(source)) !== null) {
+    if (!exports.includes(match[1])) {
+      exports.push(match[1]);
+    }
+  }
+
+  return exports;
+}
+
+function extractVariants(source: string): VariantDef[] {
+  // Find the CVA variants block
+  const variantsBlockRe =
+    /variants:\s*\{([\s\S]*?)\},\s*(?:compoundVariants|defaultVariants)/;
+  const variantsMatch = variantsBlockRe.exec(source);
+  if (!variantsMatch) return [];
+
+  const variantsBlock = variantsMatch[1];
+
+  // Find default variants
+  const defaultsRe = /defaultVariants:\s*\{([^}]*)\}/;
+  const defaultsMatch = defaultsRe.exec(source);
+  const defaults: Record<string, string> = {};
+
+  if (defaultsMatch) {
+    const defaultEntries = defaultsMatch[1].matchAll(
+      /(\w[\w-]*)\s*:\s*"([^"]*)"/g,
+    );
+    for (const entry of defaultEntries) {
+      defaults[entry[1]] = entry[2];
+    }
+  }
+
+  // Parse each variant group: variantName: { value1: "...", value2: "..." }
+  const variantDefs: VariantDef[] = [];
+  const variantGroupRe = /(\w[\w-]*)\s*:\s*\{/g;
+  let groupMatch;
+
+  while ((groupMatch = variantGroupRe.exec(variantsBlock)) !== null) {
+    const variantName = groupMatch[1];
+    // Find the matching closing brace
+    let depth = 1;
+    let i = groupMatch.index + groupMatch[0].length;
+    while (i < variantsBlock.length && depth > 0) {
+      if (variantsBlock[i] === "{") depth++;
+      if (variantsBlock[i] === "}") depth--;
+      i++;
+    }
+    const groupContent = variantsBlock.slice(
+      groupMatch.index + groupMatch[0].length,
+      i - 1,
+    );
+
+    // Extract value names (keys of the object)
+    const valueRe = /["']?([\w-]+)["']?\s*:/g;
+    const values: string[] = [];
+    let valueMatch;
+    while ((valueMatch = valueRe.exec(groupContent)) !== null) {
+      values.push(valueMatch[1]);
+    }
+
+    if (values.length > 0) {
+      variantDefs.push({
+        name: variantName,
+        values,
+        defaultValue: defaults[variantName],
+      });
+    }
+  }
+
+  return variantDefs;
+}
+
+function extractDataSlots(source: string): string[] {
+  const slotRe = /data-slot="([^"]+)"/g;
+  const slots: string[] = [];
+  let match;
+  while ((match = slotRe.exec(source)) !== null) {
+    if (!slots.includes(match[1])) {
+      slots.push(match[1]);
+    }
+  }
+  return slots;
+}
+
+// ── Public API ──
+
+export function getComponentSpec(slug: string): ComponentSpec | null {
+  const items = registryData.items as RegistryItem[];
+  const item = items.find((i) => i.name === slug && i.type === "registry:ui");
+  if (!item?.files?.[0]?.path) return null;
+
+  const filePath = item.files[0].path;
+  const fullPath = path.join(process.cwd(), filePath);
+
+  let source: string;
+  try {
+    source = fs.readFileSync(fullPath, "utf-8");
+  } catch {
+    return null;
+  }
+
+  return {
+    exports: extractExports(source),
+    variants: extractVariants(source),
+    dataSlots: extractDataSlots(source),
+    source,
+    filePath,
+  };
+}
diff --git a/packages/ghost-ui/src/lib/theme-defaults.ts b/packages/ghost-ui/src/lib/theme-defaults.ts
new file mode 100644
index 0000000..5c2f0e9
--- /dev/null
+++ b/packages/ghost-ui/src/lib/theme-defaults.ts
@@ -0,0 +1,159 @@
+// Resolved default CSS variable values from main.css
+// These are concrete values (not var() references) so setProperty/removeProperty works correctly.
+
+export const DEFAULT_COLORS_LIGHT: Record<string, string> = {
+  "--background-accent": "#1a1a1a",
+  "--border-accent": "#1a1a1a",
+  "--text-accent": "#1a1a1a",
+  "--background-default": "#ffffff",
+  "--background-alt": "#f5f5f5",
+  "--background-medium": "#cccccc",
+  "--background-muted": "#f0f0f0",
+  "--background-inverse": "#000000",
+  "--background-danger": "#f94b4b",
+  "--background-success": "#91cb80",
+  "--background-info": "#5c98f9",
+  "--background-warning": "#fbcd44",
+  "--border-default": "#e8e8e8",
+  "--border-input": "#e5e5e5",
+  "--border-input-hover": "#cccccc",
+  "--border-strong": "#1a1a1a",
+  "--border-card": "#e8e8e8",
+  "--border-inverse": "#000000",
+  "--border-danger": "#f94b4b",
+  "--border-success": "#91cb80",
+  "--border-warning": "#fbcd44",
+  "--border-info": "#5c98f9",
+  "--text-default": "#1a1a1a",
+  "--text-muted": "#999999",
+  "--text-alt": "#666666",
+  "--text-inverse": "#ffffff",
+  "--text-danger": "#f94b4b",
+  "--text-success": "#91cb80",
+  "--text-warning": "#fbcd44",
+  "--text-info": "#5c98f9",
+  "--chart-1": "#f6b44a",
+  "--chart-2": "#7585ff",
+  "--chart-3": "#d76a6a",
+  "--chart-4": "#d185e0",
+  "--chart-5": "#91cb80",
+};
+
+export const DEFAULT_COLORS_DARK: Record<string, string> = {
+  "--background-accent": "#ffffff",
+  "--border-accent": "#ffffff",
+  "--text-accent": "#ffffff",
+  "--background-default": "#000000",
+  "--background-alt": "#232323",
+  "--background-medium": "#333333",
+  "--background-muted": "#232323",
+  "--background-inverse": "#ffffff",
+  "--background-danger": "#ff6b6b",
+  "--background-success": "#a3d795",
+  "--background-info": "#7cacff",
+  "--background-warning": "#ffd966",
+  "--border-default": "#333333",
+  "--border-input": "#333333",
+  "--border-input-hover": "#666666",
+  "--border-strong": "#ffffff",
+  "--border-card": "#333333",
+  "--border-inverse": "#ffffff",
+  "--border-danger": "#f94b4b",
+  "--border-success": "#91cb80",
+  "--border-warning": "#fbcd44",
+  "--border-info": "#5c98f9",
+  "--text-default": "#ffffff",
+  "--text-muted": "#999999",
+  "--text-alt": "#999999",
+  "--text-inverse": "#000000",
+  "--text-danger": "#ff6b6b",
+  "--text-success": "#a3d795",
+  "--text-warning": "#ffd966",
+  "--text-info": "#7cacff",
+  "--chart-1": "#f6b44a",
+  "--chart-2": "#7585ff",
+  "--chart-3": "#d76a6a",
+  "--chart-4": "#d185e0",
+  "--chart-5": "#91cb80",
+};
+
+export const DEFAULT_RADIUS: Record<string, string> = {
+  "--radius": "20px",
+  "--radius-pill": "999px",
+  "--radius-button": "999px",
+  "--radius-input": "999px",
+  "--radius-card": "20px",
+  "--radius-card-lg": "24px",
+  "--radius-card-sm": "14px",
+  "--radius-dropdown": "10px",
+  "--radius-modal": "16px",
+};
+
+// Default radius values in px for scaling interpolation
+export const DEFAULT_RADIUS_PX: Record<string, number> = {
+  "--radius": 20,
+  "--radius-pill": 999,
+  "--radius-button": 999,
+  "--radius-input": 999,
+  "--radius-card": 20,
+  "--radius-card-lg": 24,
+  "--radius-card-sm": 14,
+  "--radius-dropdown": 10,
+  "--radius-modal": 16,
+};
+
+export const DEFAULT_SHADOWS_LIGHT: Record<string, string> = {
+  "--shadow-mini": "0 2px 8px rgba(76, 76, 76, 0.15)",
+  "--shadow-mini-inset": "0 1px 4px rgba(76, 76, 76, 0.1) inset",
+  "--shadow-btn": "0 2px 8px rgba(76, 76, 76, 0.15)",
+  "--shadow-card": "0 2px 8px rgba(76, 76, 76, 0.15)",
+  "--shadow-elevated": "0 3px 12px rgba(76, 76, 76, 0.22)",
+  "--shadow-popover": "0 8px 30px rgba(0, 0, 0, 0.12)",
+  "--shadow-modal": "0 20px 60px rgba(0, 0, 0, 0.2)",
+  "--shadow-kbd": "0 2px 8px rgba(76, 76, 76, 0.15)",
+  "--shadow-date-field-focus": "0 0 0 3px rgba(26, 26, 26, 0.15)",
+};
+
+export const DEFAULT_SHADOWS_DARK: Record<string, string> = {
+  "--shadow-mini": "0 2px 8px rgba(0, 0, 0, 0.4)",
+  "--shadow-mini-inset": "0 1px 4px rgba(0, 0, 0, 0.5) inset",
+  "--shadow-btn": "0 2px 8px rgba(0, 0, 0, 0.3)",
+  "--shadow-card": "0 2px 8px rgba(0, 0, 0, 0.4)",
+  "--shadow-elevated": "0 3px 12px rgba(0, 0, 0, 0.5)",
+  "--shadow-popover": "0 8px 30px rgba(0, 0, 0, 0.4)",
+  "--shadow-modal": "0 20px 60px rgba(0, 0, 0, 0.6)",
+  "--shadow-kbd": "0 2px 8px rgba(0, 0, 0, 0.4)",
+  "--shadow-date-field-focus": "0 0 0 3px rgba(244, 244, 245, 0.1)",
+};
+
+// Default shadow alpha values for scaling (light mode baselines)
+export const DEFAULT_SHADOW_ALPHAS_LIGHT: Record<string, number> = {
+  "--shadow-mini": 0.15,
+  "--shadow-mini-inset": 0.1,
+  "--shadow-btn": 0.15,
+  "--shadow-card": 0.15,
+  "--shadow-elevated": 0.22,
+  "--shadow-popover": 0.12,
+  "--shadow-modal": 0.2,
+  "--shadow-kbd": 0.15,
+  "--shadow-date-field-focus": 0.15,
+};
+
+export const DEFAULT_SHADOW_ALPHAS_DARK: Record<string, number> = {
+  "--shadow-mini": 0.4,
+  "--shadow-mini-inset": 0.5,
+  "--shadow-btn": 0.3,
+  "--shadow-card": 0.4,
+  "--shadow-elevated": 0.5,
+  "--shadow-popover": 0.4,
+  "--shadow-modal": 0.6,
+  "--shadow-kbd": 0.4,
+  "--shadow-date-field-focus": 0.1,
+};
+
+// All variables that the theme panel can override
+export const ALL_THEMEABLE_KEYS = [
+  ...Object.keys(DEFAULT_COLORS_LIGHT),
+  ...Object.keys(DEFAULT_RADIUS),
+  ...Object.keys(DEFAULT_SHADOWS_LIGHT),
+];
diff --git a/packages/ghost-ui/src/lib/theme-presets.ts b/packages/ghost-ui/src/lib/theme-presets.ts
new file mode 100644
index 0000000..de3a250
--- /dev/null
+++ b/packages/ghost-ui/src/lib/theme-presets.ts
@@ -0,0 +1,402 @@
+export interface ThemePreset {
+  id: string;
+  name: string;
+  description: string;
+  preview: {
+    accent: string;
+    background: string;
+    text: string;
+    muted: string;
+  };
+  variables: {
+    light: Record<string, string>;
+    dark: Record<string, string>;
+  };
+}
+
+export const PRESETS: ThemePreset[] = [
+  {
+    id: "default",
+    name: "Default",
+    description: "Monochromatic grayscale",
+    preview: {
+      accent: "#1a1a1a",
+      background: "#ffffff",
+      text: "#1a1a1a",
+      muted: "#f0f0f0",
+    },
+    variables: {
+      light: {},
+      dark: {},
+    },
+  },
+  {
+    id: "warm-sand",
+    name: "Warm Sand",
+    description: "Earthy terracotta warmth",
+    preview: {
+      accent: "#9C5930",
+      background: "#FBF5EC",
+      text: "#3D2B1F",
+      muted: "#F0E4D4",
+    },
+    variables: {
+      light: {
+        "--background-accent": "#9C5930",
+        "--border-accent": "#9C5930",
+        "--text-accent": "#9C5930",
+        "--background-default": "#FBF5EC",
+        "--background-alt": "#F5ECDF",
+        "--background-medium": "#C4A882",
+        "--background-muted": "#F0E4D4",
+        "--background-inverse": "#3D2B1F",
+        "--border-default": "#E2D4C0",
+        "--border-input": "#D4C2AA",
+        "--border-input-hover": "#C4A882",
+        "--border-strong": "#3D2B1F",
+        "--border-card": "#E2D4C0",
+        "--border-inverse": "#3D2B1F",
+        "--text-default": "#3D2B1F",
+        "--text-muted": "#8B7355",
+        "--text-alt": "#6B5940",
+        "--text-inverse": "#FBF5EC",
+        "--chart-1": "#D4853A",
+        "--chart-2": "#7B9EA8",
+        "--chart-3": "#C46B5A",
+        "--chart-4": "#A8856B",
+        "--chart-5": "#8BAA72",
+      },
+      dark: {
+        "--background-accent": "#D4853A",
+        "--border-accent": "#D4853A",
+        "--text-accent": "#D4853A",
+        "--background-default": "#1C1410",
+        "--background-alt": "#2A1F18",
+        "--background-medium": "#4A382A",
+        "--background-muted": "#2A1F18",
+        "--background-inverse": "#FBF5EC",
+        "--border-default": "#3A2C20",
+        "--border-input": "#3A2C20",
+        "--border-input-hover": "#5A4530",
+        "--border-strong": "#D4853A",
+        "--border-card": "#3A2C20",
+        "--border-inverse": "#FBF5EC",
+        "--text-default": "#F0E4D4",
+        "--text-muted": "#8B7355",
+        "--text-alt": "#8B7355",
+        "--text-inverse": "#1C1410",
+        "--chart-1": "#D4853A",
+        "--chart-2": "#7B9EA8",
+        "--chart-3": "#C46B5A",
+        "--chart-4": "#A8856B",
+        "--chart-5": "#8BAA72",
+      },
+    },
+  },
+  {
+    id: "ocean",
+    name: "Ocean",
+    description: "Cool blues and teals",
+    preview: {
+      accent: "#1B6B8A",
+      background: "#F4F9FB",
+      text: "#0F3442",
+      muted: "#E4F0F5",
+    },
+    variables: {
+      light: {
+        "--background-accent": "#1B6B8A",
+        "--border-accent": "#1B6B8A",
+        "--text-accent": "#1B6B8A",
+        "--background-default": "#F4F9FB",
+        "--background-alt": "#EAF3F8",
+        "--background-medium": "#8BB8CA",
+        "--background-muted": "#E4F0F5",
+        "--background-inverse": "#0F3442",
+        "--border-default": "#C8DEE8",
+        "--border-input": "#B0D0DE",
+        "--border-input-hover": "#8BB8CA",
+        "--border-strong": "#0F3442",
+        "--border-card": "#C8DEE8",
+        "--border-inverse": "#0F3442",
+        "--text-default": "#0F3442",
+        "--text-muted": "#5A8A9C",
+        "--text-alt": "#3A6A7C",
+        "--text-inverse": "#F4F9FB",
+        "--chart-1": "#2E9AB8",
+        "--chart-2": "#5B78D8",
+        "--chart-3": "#E07A5F",
+        "--chart-4": "#7BC4B8",
+        "--chart-5": "#A8C256",
+      },
+      dark: {
+        "--background-accent": "#3AB4D8",
+        "--border-accent": "#3AB4D8",
+        "--text-accent": "#3AB4D8",
+        "--background-default": "#0A1E28",
+        "--background-alt": "#112A36",
+        "--background-medium": "#2A5060",
+        "--background-muted": "#112A36",
+        "--background-inverse": "#F4F9FB",
+        "--border-default": "#1A3A4A",
+        "--border-input": "#1A3A4A",
+        "--border-input-hover": "#3A6070",
+        "--border-strong": "#3AB4D8",
+        "--border-card": "#1A3A4A",
+        "--border-inverse": "#F4F9FB",
+        "--text-default": "#E4F0F5",
+        "--text-muted": "#5A8A9C",
+        "--text-alt": "#5A8A9C",
+        "--text-inverse": "#0A1E28",
+        "--chart-1": "#3AB4D8",
+        "--chart-2": "#7B92E8",
+        "--chart-3": "#E07A5F",
+        "--chart-4": "#7BC4B8",
+        "--chart-5": "#A8C256",
+      },
+    },
+  },
+  {
+    id: "midnight-luxe",
+    name: "Midnight Luxe",
+    description: "Deep purples and golds",
+    preview: {
+      accent: "#C5A24D",
+      background: "#F8F6F9",
+      text: "#1E1528",
+      muted: "#EDE8F2",
+    },
+    variables: {
+      light: {
+        "--background-accent": "#1E1528",
+        "--border-accent": "#1E1528",
+        "--text-accent": "#1E1528",
+        "--background-default": "#F8F6F9",
+        "--background-alt": "#F0ECF4",
+        "--background-medium": "#B8A8C8",
+        "--background-muted": "#EDE8F2",
+        "--background-inverse": "#1E1528",
+        "--border-default": "#DDD4E6",
+        "--border-input": "#CCC0D8",
+        "--border-input-hover": "#B8A8C8",
+        "--border-strong": "#1E1528",
+        "--border-card": "#DDD4E6",
+        "--border-inverse": "#1E1528",
+        "--text-default": "#1E1528",
+        "--text-muted": "#7A6B8A",
+        "--text-alt": "#5A4B6A",
+        "--text-inverse": "#F8F6F9",
+        "--background-warning": "#C5A24D",
+        "--chart-1": "#C5A24D",
+        "--chart-2": "#8B6CC1",
+        "--chart-3": "#D76A7A",
+        "--chart-4": "#5E8EC5",
+        "--chart-5": "#7CB88A",
+      },
+      dark: {
+        "--background-accent": "#C5A24D",
+        "--border-accent": "#C5A24D",
+        "--text-accent": "#C5A24D",
+        "--background-default": "#0E0A14",
+        "--background-alt": "#1A1224",
+        "--background-medium": "#3A2A50",
+        "--background-muted": "#1A1224",
+        "--background-inverse": "#F8F6F9",
+        "--border-default": "#2A1E3A",
+        "--border-input": "#2A1E3A",
+        "--border-input-hover": "#4A3A60",
+        "--border-strong": "#C5A24D",
+        "--border-card": "#2A1E3A",
+        "--border-inverse": "#F8F6F9",
+        "--text-default": "#EDE8F2",
+        "--text-muted": "#7A6B8A",
+        "--text-alt": "#7A6B8A",
+        "--text-inverse": "#0E0A14",
+        "--background-warning": "#C5A24D",
+        "--chart-1": "#C5A24D",
+        "--chart-2": "#A88DE0",
+        "--chart-3": "#E08090",
+        "--chart-4": "#7AAEE5",
+        "--chart-5": "#8BD09A",
+      },
+    },
+  },
+  {
+    id: "neon-brutalist",
+    name: "Neon Brutalist",
+    description: "High contrast, sharp edges",
+    preview: {
+      accent: "#FF3A00",
+      background: "#ffffff",
+      text: "#000000",
+      muted: "#F0F0F0",
+    },
+    variables: {
+      light: {
+        "--background-accent": "#FF3A00",
+        "--border-accent": "#FF3A00",
+        "--text-accent": "#FF3A00",
+        "--background-default": "#ffffff",
+        "--background-alt": "#F0F0F0",
+        "--background-medium": "#CCCCCC",
+        "--background-muted": "#F0F0F0",
+        "--background-inverse": "#000000",
+        "--border-default": "#000000",
+        "--border-input": "#000000",
+        "--border-input-hover": "#FF3A00",
+        "--border-strong": "#000000",
+        "--border-card": "#000000",
+        "--border-inverse": "#000000",
+        "--text-default": "#000000",
+        "--text-muted": "#555555",
+        "--text-alt": "#333333",
+        "--text-inverse": "#ffffff",
+        "--radius": "0px",
+        "--radius-pill": "0px",
+        "--radius-button": "0px",
+        "--radius-input": "0px",
+        "--radius-card": "0px",
+        "--radius-card-lg": "0px",
+        "--radius-card-sm": "0px",
+        "--radius-dropdown": "0px",
+        "--radius-modal": "0px",
+        "--chart-1": "#FF3A00",
+        "--chart-2": "#00E5FF",
+        "--chart-3": "#FFE600",
+        "--chart-4": "#FF00AA",
+        "--chart-5": "#00FF66",
+      },
+      dark: {
+        "--background-accent": "#FF5722",
+        "--border-accent": "#FF5722",
+        "--text-accent": "#FF5722",
+        "--background-default": "#0A0A0A",
+        "--background-alt": "#141414",
+        "--background-medium": "#333333",
+        "--background-muted": "#141414",
+        "--background-inverse": "#ffffff",
+        "--border-default": "#ffffff",
+        "--border-input": "#ffffff",
+        "--border-input-hover": "#FF5722",
+        "--border-strong": "#ffffff",
+        "--border-card": "#444444",
+        "--border-inverse": "#ffffff",
+        "--text-default": "#ffffff",
+        "--text-muted": "#AAAAAA",
+        "--text-alt": "#AAAAAA",
+        "--text-inverse": "#000000",
+        "--radius": "0px",
+        "--radius-pill": "0px",
+        "--radius-button": "0px",
+        "--radius-input": "0px",
+        "--radius-card": "0px",
+        "--radius-card-lg": "0px",
+        "--radius-card-sm": "0px",
+        "--radius-dropdown": "0px",
+        "--radius-modal": "0px",
+        "--chart-1": "#FF5722",
+        "--chart-2": "#00E5FF",
+        "--chart-3": "#FFE600",
+        "--chart-4": "#FF00AA",
+        "--chart-5": "#00FF66",
+      },
+    },
+  },
+  {
+    id: "soft-pastel",
+    name: "Soft Pastel",
+    description: "Gentle, muted pastels",
+    preview: {
+      accent: "#8B7EC8",
+      background: "#FAFAFA",
+      text: "#3A3552",
+      muted: "#F0EDF8",
+    },
+    variables: {
+      light: {
+        "--background-accent": "#8B7EC8",
+        "--border-accent": "#8B7EC8",
+        "--text-accent": "#8B7EC8",
+        "--background-default": "#FAFAFA",
+        "--background-alt": "#F5F2FA",
+        "--background-medium": "#C8BEE0",
+        "--background-muted": "#F0EDF8",
+        "--background-inverse": "#3A3552",
+        "--border-default": "#E0DAF0",
+        "--border-input": "#D2CAE4",
+        "--border-input-hover": "#C8BEE0",
+        "--border-strong": "#3A3552",
+        "--border-card": "#E0DAF0",
+        "--border-inverse": "#3A3552",
+        "--text-default": "#3A3552",
+        "--text-muted": "#8A82A0",
+        "--text-alt": "#6A6280",
+        "--text-inverse": "#FAFAFA",
+        "--background-danger": "#E8A0A0",
+        "--background-success": "#A0D8A0",
+        "--background-info": "#A0C0E8",
+        "--background-warning": "#E8D0A0",
+        "--border-danger": "#E8A0A0",
+        "--border-success": "#A0D8A0",
+        "--border-warning": "#E8D0A0",
+        "--border-info": "#A0C0E8",
+        "--text-danger": "#C07070",
+        "--text-success": "#70A870",
+        "--text-warning": "#C0A060",
+        "--text-info": "#7090C0",
+        "--radius-card": "16px",
+        "--radius-card-lg": "20px",
+        "--radius-card-sm": "14px",
+        "--radius-dropdown": "14px",
+        "--radius-modal": "20px",
+        "--chart-1": "#C8A8E0",
+        "--chart-2": "#A8C8E8",
+        "--chart-3": "#E8B0B0",
+        "--chart-4": "#B0D8B0",
+        "--chart-5": "#E8D0A8",
+      },
+      dark: {
+        "--background-accent": "#A898E0",
+        "--border-accent": "#A898E0",
+        "--text-accent": "#A898E0",
+        "--background-default": "#14121C",
+        "--background-alt": "#1E1A2A",
+        "--background-medium": "#3A3452",
+        "--background-muted": "#1E1A2A",
+        "--background-inverse": "#FAFAFA",
+        "--border-default": "#2A2640",
+        "--border-input": "#2A2640",
+        "--border-input-hover": "#4A4468",
+        "--border-strong": "#A898E0",
+        "--border-card": "#2A2640",
+        "--border-inverse": "#FAFAFA",
+        "--text-default": "#E8E4F4",
+        "--text-muted": "#8A82A0",
+        "--text-alt": "#8A82A0",
+        "--text-inverse": "#14121C",
+        "--background-danger": "#D08080",
+        "--background-success": "#80C080",
+        "--background-info": "#80A8D8",
+        "--background-warning": "#D8C080",
+        "--border-danger": "#D08080",
+        "--border-success": "#80C080",
+        "--border-warning": "#D8C080",
+        "--border-info": "#80A8D8",
+        "--text-danger": "#E0A0A0",
+        "--text-success": "#A0D8A0",
+        "--text-warning": "#E0C880",
+        "--text-info": "#A0C0E8",
+        "--radius-card": "16px",
+        "--radius-card-lg": "20px",
+        "--radius-card-sm": "14px",
+        "--radius-dropdown": "14px",
+        "--radius-modal": "20px",
+        "--chart-1": "#C8A8E0",
+        "--chart-2": "#A8C8E8",
+        "--chart-3": "#E8B0B0",
+        "--chart-4": "#B0D8B0",
+        "--chart-5": "#E8D0A8",
+      },
+    },
+  },
+];
diff --git a/packages/ghost-ui/src/lib/theme-provider.tsx b/packages/ghost-ui/src/lib/theme-provider.tsx
new file mode 100644
index 0000000..64e18e5
--- /dev/null
+++ b/packages/ghost-ui/src/lib/theme-provider.tsx
@@ -0,0 +1,135 @@
+"use client";
+
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useState,
+} from "react";
+
+type Theme = "light" | "dark" | "system";
+type ResolvedTheme = "light" | "dark";
+
+interface ThemeContextValue {
+  theme: Theme;
+  setTheme: (theme: Theme) => void;
+  resolvedTheme: ResolvedTheme;
+}
+
+const ThemeContext = createContext<ThemeContextValue | undefined>(undefined);
+
+const STORAGE_KEY = "theme";
+
+function getSystemTheme(): ResolvedTheme {
+  if (typeof window === "undefined") return "light";
+  return window.matchMedia("(prefers-color-scheme: dark)").matches
+    ? "dark"
+    : "light";
+}
+
+function getStoredTheme(): Theme {
+  if (typeof window === "undefined") return "system";
+  const stored = localStorage.getItem(STORAGE_KEY);
+  if (stored === "light" || stored === "dark" || stored === "system")
+    return stored;
+  return "system";
+}
+
+interface ThemeProviderProps {
+  children: React.ReactNode;
+  defaultTheme?: Theme;
+  attribute?: string;
+  enableSystem?: boolean;
+  disableTransitionOnChange?: boolean;
+}
+
+export function ThemeProvider({
+  children,
+  defaultTheme = "system",
+  attribute = "class",
+  disableTransitionOnChange = false,
+}: ThemeProviderProps) {
+  const [theme, setThemeState] = useState<Theme>(
+    () => getStoredTheme() ?? defaultTheme,
+  );
+  const [resolvedTheme, setResolvedTheme] = useState<ResolvedTheme>(() =>
+    theme === "system" ? getSystemTheme() : theme,
+  );
+
+  const applyTheme = useCallback(
+    (resolved: ResolvedTheme) => {
+      const root = document.documentElement;
+
+      if (disableTransitionOnChange) {
+        root.style.setProperty("transition", "none");
+      }
+
+      if (attribute === "class") {
+        root.classList.toggle("dark", resolved === "dark");
+        root.classList.toggle("light", resolved === "light");
+      } else {
+        root.setAttribute(`data-${attribute}`, resolved);
+      }
+
+      if (disableTransitionOnChange) {
+        // Force reflow then restore transitions
+        void root.offsetHeight;
+        root.style.removeProperty("transition");
+      }
+    },
+    [attribute, disableTransitionOnChange],
+  );
+
+  const setTheme = useCallback(
+    (newTheme: Theme) => {
+      setThemeState(newTheme);
+      localStorage.setItem(STORAGE_KEY, newTheme);
+      const resolved = newTheme === "system" ? getSystemTheme() : newTheme;
+      setResolvedTheme(resolved);
+      applyTheme(resolved);
+    },
+    [applyTheme],
+  );
+
+  // Apply theme on mount
+  useEffect(() => {
+    const resolved = theme === "system" ? getSystemTheme() : theme;
+    setResolvedTheme(resolved);
+    applyTheme(resolved);
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
+  // Listen for system preference changes
+  useEffect(() => {
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+
+    function handleChange() {
+      if (theme === "system") {
+        const resolved = getSystemTheme();
+        setResolvedTheme(resolved);
+        applyTheme(resolved);
+      }
+    }
+
+    mediaQuery.addEventListener("change", handleChange);
+    return () => mediaQuery.removeEventListener("change", handleChange);
+  }, [theme, applyTheme]);
+
+  const value = useMemo(
+    () => ({ theme, setTheme, resolvedTheme }),
+    [theme, setTheme, resolvedTheme],
+  );
+
+  return (
+    <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>
+  );
+}
+
+export function useTheme(): ThemeContextValue {
+  const context = useContext(ThemeContext);
+  if (context === undefined) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+}
diff --git a/packages/ghost-ui/src/lib/theme-utils.ts b/packages/ghost-ui/src/lib/theme-utils.ts
new file mode 100644
index 0000000..248a7cf
--- /dev/null
+++ b/packages/ghost-ui/src/lib/theme-utils.ts
@@ -0,0 +1,79 @@
+import {
+  DEFAULT_RADIUS_PX,
+  DEFAULT_SHADOW_ALPHAS_DARK,
+  DEFAULT_SHADOW_ALPHAS_LIGHT,
+  DEFAULT_SHADOWS_DARK,
+  DEFAULT_SHADOWS_LIGHT,
+} from "./theme-defaults";
+
+/**
+ * Scale shadow intensity by adjusting rgba alpha values.
+ * factor: 0 = no shadows, 50 = default, 100 = doubled intensity
+ */
+export function scaleShadows(
+  factor: number,
+  isDark: boolean,
+): Record<string, string> {
+  const defaults = isDark ? DEFAULT_SHADOWS_DARK : DEFAULT_SHADOWS_LIGHT;
+  const defaultAlphas = isDark
+    ? DEFAULT_SHADOW_ALPHAS_DARK
+    : DEFAULT_SHADOW_ALPHAS_LIGHT;
+  const multiplier = factor / 50; // 0→0x, 50→1x, 100→2x
+  const result: Record<string, string> = {};
+
+  for (const [key, shadow] of Object.entries(defaults)) {
+    const baseAlpha = defaultAlphas[key] ?? 0.15;
+    const newAlpha = Math.min(1, baseAlpha * multiplier);
+    result[key] = shadow.replace(
+      /rgba\(([^)]+),\s*([\d.]+)\)/g,
+      (_, rgb) => `rgba(${rgb}, ${newAlpha.toFixed(3)})`,
+    );
+  }
+
+  return result;
+}
+
+/**
+ * Scale all radius values proportionally.
+ * factor: 0 = all 0px (sharp), 50 = default values, 100 = all 999px (pill)
+ */
+export function scaleRadius(factor: number): Record<string, string> {
+  const result: Record<string, string> = {};
+
+  for (const [key, defaultPx] of Object.entries(DEFAULT_RADIUS_PX)) {
+    if (factor <= 50) {
+      // 0→0px, 50→default
+      const t = factor / 50;
+      result[key] = `${Math.round(defaultPx * t)}px`;
+    } else {
+      // 50→default, 100→999px
+      const t = (factor - 50) / 50;
+      const value = defaultPx + (999 - defaultPx) * t;
+      result[key] = `${Math.round(value)}px`;
+    }
+  }
+
+  return result;
+}
+
+/**
+ * Generate a CSS `:root { }` block from a map of variable overrides.
+ */
+export function generateCSSExport(overrides: Record<string, string>): string {
+  if (Object.keys(overrides).length === 0) return "";
+
+  const lines = Object.entries(overrides)
+    .sort(([a], [b]) => a.localeCompare(b))
+    .map(([key, value]) => `  ${key}: ${value};`);
+
+  return `:root {\n${lines.join("\n")}\n}`;
+}
+
+/**
+ * Get the computed value of a CSS variable from the document.
+ */
+export function getResolvedVariable(name: string): string {
+  return getComputedStyle(document.documentElement)
+    .getPropertyValue(name)
+    .trim();
+}
diff --git a/packages/ghost-ui/src/lib/utils.ts b/packages/ghost-ui/src/lib/utils.ts
new file mode 100644
index 0000000..40311a7
--- /dev/null
+++ b/packages/ghost-ui/src/lib/utils.ts
@@ -0,0 +1,20 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+
+export const copyToClipboard = (text: string) => {
+  if (window === undefined) return;
+  window.navigator.clipboard.writeText(text);
+};
+
+export function getComponentName(name: string) {
+  // convert kebab-case to title case
+  return name.replace(/-/g, " ");
+}
+
+export function getRandomIndex(array: any[]) {
+  return Math.floor(Math.random() * array.length);
+}
diff --git a/packages/ghost-ui/src/store/preferences-store.ts b/packages/ghost-ui/src/store/preferences-store.ts
new file mode 100644
index 0000000..d470a97
--- /dev/null
+++ b/packages/ghost-ui/src/store/preferences-store.ts
@@ -0,0 +1,110 @@
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+
+const PREFERENCES_STORAGE_KEY = "preferences-storage";
+
+type TailwindVersion = "3" | "4";
+type ColorFormat = "oklch" | "hsl" | "rgb" | "hex";
+type PackageManager = "npm" | "yarn" | "pnpm" | "bun";
+
+type PreferencesState = {
+  modesInSync: boolean;
+  tailwindVersion: TailwindVersion;
+  colorFormat: ColorFormat;
+  showFontVars: boolean;
+  showShadowsVars: boolean;
+
+  packageManager: PackageManager;
+  showTooltips: boolean;
+};
+
+type PreferencesStore = PreferencesState & {
+  actions: () => {
+    setModesInSync: (modesInSync: boolean) => void;
+    setTailwindVersion: (tailwindVersion: TailwindVersion) => void;
+    setColorFormat: (colorFormat: ColorFormat) => void;
+    setShowFontVars: (showFontVars: boolean) => void;
+    setShowShadowsVars: (showShadowsVars: boolean) => void;
+
+    setPackageManager: (packageManager: PackageManager) => void;
+    setShowTooltips: (showTooltips: boolean) => void;
+
+    resetSettings: () => void;
+  };
+};
+
+export const initialPreferencesState: PreferencesState = {
+  modesInSync: false,
+  tailwindVersion: "4",
+  colorFormat: "oklch",
+  showFontVars: false,
+  showShadowsVars: true,
+  packageManager: "pnpm",
+  showTooltips: true,
+};
+
+const usePreferencesStore = create<PreferencesStore>()(
+  persist(
+    (set) => ({
+      modesInSync: initialPreferencesState.modesInSync,
+      tailwindVersion: initialPreferencesState.tailwindVersion,
+      colorFormat: initialPreferencesState.colorFormat,
+      showFontVars: initialPreferencesState.showFontVars,
+      showShadowsVars: initialPreferencesState.showShadowsVars,
+
+      packageManager: initialPreferencesState.packageManager,
+      showTooltips: initialPreferencesState.showTooltips,
+
+      // Actions had to be a function to avoid storing these in local storage
+      // every property gets persisted in local storage, functions are not.
+      actions: () => ({
+        setModesInSync: (modesInSync: boolean) => set({ modesInSync }),
+        setTailwindVersion: (tailwindVersion: TailwindVersion) => {
+          if (!tailwindVersion) return;
+          set({ tailwindVersion });
+        },
+        setColorFormat: (colorFormat: ColorFormat) => {
+          if (!colorFormat) return;
+          set({ colorFormat });
+        },
+        setShowFontVars: (showFontVars: boolean) => set({ showFontVars }),
+        setShowShadowsVars: (showShadowsVars: boolean) =>
+          set({ showShadowsVars }),
+
+        setPackageManager: (packageManager: PackageManager) => {
+          if (!packageManager) return;
+          set({ packageManager });
+        },
+        setShowTooltips: (showTooltips: boolean) => set({ showTooltips }),
+
+        resetSettings: () => set(initialPreferencesState),
+      }),
+    }),
+    { name: PREFERENCES_STORAGE_KEY },
+  ),
+);
+
+export const useModesInSync = () =>
+  usePreferencesStore((state) => state.modesInSync);
+
+export const useColorFormat = () =>
+  usePreferencesStore((state) => state.colorFormat);
+
+export const useTailwindVersion = () =>
+  usePreferencesStore((state) => state.tailwindVersion);
+
+export const useFontVars = () =>
+  usePreferencesStore((state) => state.showFontVars);
+
+export const useShadowVars = () =>
+  usePreferencesStore((state) => state.showShadowsVars);
+
+export const usePackageManager = () =>
+  usePreferencesStore((state) => state.packageManager);
+
+export const useShowTooltips = () =>
+  usePreferencesStore((state) => state.showTooltips);
+
+export const usePreferencesActions = () => {
+  return usePreferencesStore((state) => state.actions)();
+};
diff --git a/packages/ghost-ui/src/styles/main.css b/packages/ghost-ui/src/styles/main.css
new file mode 100644
index 0000000..030a141
--- /dev/null
+++ b/packages/ghost-ui/src/styles/main.css
@@ -0,0 +1,646 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme {
+  /* reset */
+  --color-*: initial;
+
+  /* constants */
+  --color-white: #ffffff;
+  --color-black: #000000;
+
+  /* gray — pure monochromatic scale (from dsgn-playground) */
+  --color-gray-50: #f5f5f5;
+  --color-gray-100: #f0f0f0;
+  --color-gray-200: #e8e8e8;
+  --color-gray-300: #e5e5e5;
+  --color-gray-400: #cccccc;
+  --color-gray-500: #999999;
+  --color-gray-600: #666666;
+  --color-gray-700: #333333;
+  --color-gray-800: #232323;
+  --color-gray-900: #1a1a1a;
+
+  /* utility  */
+  --color-red-100: #ff6b6b;
+  --color-red-200: #f94b4b;
+
+  --color-blue-100: #7cacff;
+  --color-blue-200: #5c98f9;
+
+  --color-green-100: #a3d795;
+  --color-green-200: #91cb80;
+
+  --color-yellow-100: #ffd966;
+  --color-yellow-200: #fbcd44;
+}
+
+:root {
+  /* shape */
+  --radius: 20px;
+
+  /* theming accents */
+  --background-accent: var(--color-gray-900);
+  --border-accent: var(--color-gray-900);
+  --text-accent: var(--color-gray-900);
+
+  /* Semantic backgrounds */
+  --background-default: var(--color-white);
+  --background-alt: var(--color-gray-50);
+  --background-medium: var(--color-gray-400);
+  --background-muted: var(--color-gray-100);
+  --background-inverse: var(--color-black);
+  --background-danger: var(--color-red-200);
+  --background-success: var(--color-green-200);
+  --background-info: var(--color-blue-200);
+  --background-warning: var(--color-yellow-200);
+
+  /* Semantic borders */
+  --border-default: var(--color-gray-200);
+  --border-input: var(--color-gray-300);
+  --border-input-hover: var(--color-gray-400);
+  --border-strong: var(--color-gray-900);
+  --border-card: var(--color-gray-200);
+  --border-inverse: var(--color-black);
+  --border-danger: var(--color-red-200);
+  --border-success: var(--color-green-200);
+  --border-warning: var(--color-yellow-200);
+  --border-info: var(--color-blue-200);
+
+  /* Semantic text */
+  --text-default: var(--color-gray-900);
+  --text-muted: var(--color-gray-500);
+  --text-alt: var(--color-gray-600);
+  --text-inverse: var(--color-white);
+  --text-danger: var(--color-red-200);
+  --text-success: var(--color-green-200);
+  --text-warning: var(--color-yellow-200);
+  --text-info: var(--color-blue-200);
+
+  --ring: var(--border-strong);
+
+  /* Alpha variants */
+  --dark-10: rgba(26, 26, 26, 0.1);
+  --dark-40: rgba(26, 26, 26, 0.4);
+  --dark-04: rgba(26, 26, 26, 0.04);
+
+  /* Shadows — 4-tier hierarchy */
+  --shadow-mini: 0 2px 8px rgba(76, 76, 76, 0.15);
+  --shadow-mini-inset: 0 1px 4px rgba(76, 76, 76, 0.1) inset;
+  --shadow-btn: 0 2px 8px rgba(76, 76, 76, 0.15);
+  --shadow-card: 0 2px 8px rgba(76, 76, 76, 0.15);
+  --shadow-elevated: 0 3px 12px rgba(76, 76, 76, 0.22);
+  --shadow-popover: 0 8px 30px rgba(0, 0, 0, 0.12);
+  --shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.2);
+  --shadow-kbd: 0 2px 8px rgba(76, 76, 76, 0.15);
+  --shadow-date-field-focus: 0 0 0 3px rgba(26, 26, 26, 0.15);
+
+  /* Dark surfaces */
+  --surface-dark: #0a0a0a;
+  --surface-dark-text: #f5f5f5;
+  --surface-dark-muted: rgba(255, 255, 255, 0.5);
+  --surface-dark-border: rgba(255, 255, 255, 0.08);
+
+  /* Charts */
+  --chart-1: #f6b44a;
+  --chart-2: #7585ff;
+  --chart-3: #d76a6a;
+  --chart-4: #d185e0;
+  --chart-5: #91cb80;
+
+  /* shadcn/ui standard tokens — aliases into our semantic vars */
+  --background: var(--background-default);
+  --foreground: var(--text-default);
+  --card: var(--background-default);
+  --card-foreground: var(--text-default);
+  --popover: var(--background-default);
+  --popover-foreground: var(--text-default);
+  --primary: var(--background-accent);
+  --primary-foreground: var(--text-inverse);
+  --secondary: var(--background-muted);
+  --secondary-foreground: var(--text-default);
+  --muted: var(--background-muted);
+  --muted-foreground: var(--text-muted);
+  --accent: var(--background-muted);
+  --accent-foreground: var(--text-default);
+  --destructive: var(--background-danger);
+  --destructive-foreground: #ffffff;
+  --border: var(--border-default);
+  --input: var(--border-input);
+
+  /* Sidebar */
+  --sidebar: var(--background-default);
+  --sidebar-foreground: var(--text-default);
+  --sidebar-primary: var(--background-accent);
+  --sidebar-primary-foreground: var(--text-inverse);
+  --sidebar-accent: var(--background-muted);
+  --sidebar-accent-foreground: var(--text-default);
+  --sidebar-border: var(--border-default);
+  --sidebar-ring: var(--border-default);
+
+  /* Heading typography — magazine scale
+     Display → Section → Sub → Card, each tier with its own rhythm */
+  --heading-display-font-size: clamp(64px, 8vw, 96px);
+  --heading-display-line-height: 0.88;
+  --heading-display-letter-spacing: -0.05em;
+  --heading-display-font-weight: 900;
+
+  --heading-section-font-size: clamp(44px, 5vw, 64px);
+  --heading-section-line-height: 0.95;
+  --heading-section-letter-spacing: -0.035em;
+  --heading-section-font-weight: 700;
+
+  --heading-sub-font-size: clamp(28px, 3vw, 40px);
+  --heading-sub-line-height: 1;
+  --heading-sub-letter-spacing: -0.02em;
+  --heading-sub-font-weight: 700;
+
+  --heading-card-font-size: clamp(20px, 2vw, 28px);
+  --heading-card-line-height: 1.1;
+  --heading-card-letter-spacing: -0.01em;
+  --heading-card-font-weight: 600;
+
+  /* Display — hero-scale fluid type */
+  --display-size: clamp(3rem, 12vw, 12rem);
+  --display-line-height: 0.85;
+  --display-letter-spacing: -0.05em;
+
+  /* Body — longform reading */
+  --body-reading-size: clamp(1rem, 1.3vw, 1.25rem);
+  --body-reading-line-height: 1.65;
+  --body-reading-letter-spacing: -0.01em;
+
+  /* Label — uppercase kickers, bylines, category tags */
+  --label-font-size: 11px;
+  --label-letter-spacing: 0.12em;
+  --label-font-weight: 600;
+  --label-line-height: 1.2;
+
+  /* Pull quote — visual punctuation for longform */
+  --pullquote-size: clamp(1.5rem, 3vw, 2.5rem);
+  --pullquote-line-height: 1.3;
+  --pullquote-weight: 300;
+  --pullquote-letter-spacing: -0.02em;
+
+  /* Page layout */
+  --page-container-max-width: 1440px;
+  --page-container-side-gutter: 20px;
+  --section-padding-vertical: 100px;
+  --section-heading-margin-bottom: 75px;
+
+  /* Timing */
+  --ease-spring: cubic-bezier(0.33, 1, 0.68, 1);
+  --duration-fast: 0.15s;
+  --duration-normal: 0.2s;
+  --duration-slow: 0.4s;
+}
+
+.dark {
+  /* theming accents */
+  --background-accent: var(--color-white);
+  --border-accent: var(--color-white);
+  --text-accent: var(--color-white);
+
+  /* shadcn/ui standard tokens — same aliases, dark values cascade via custom vars */
+  --background: var(--background-default);
+  --foreground: var(--text-default);
+  --card: var(--background-default);
+  --card-foreground: var(--text-default);
+  --popover: var(--background-default);
+  --popover-foreground: var(--text-default);
+  --primary: var(--background-accent);
+  --primary-foreground: var(--text-inverse);
+  --secondary: var(--background-muted);
+  --secondary-foreground: var(--text-default);
+  --muted: var(--background-muted);
+  --muted-foreground: var(--text-muted);
+  --accent: var(--background-muted);
+  --accent-foreground: var(--text-default);
+  --destructive: var(--background-danger);
+  --destructive-foreground: #ffffff;
+  --border: var(--border-default);
+  --input: var(--border-input);
+
+  /* semantic backgrounds */
+  --background-default: var(--color-black);
+  --background-alt: var(--color-gray-800);
+  --background-medium: var(--color-gray-700);
+  --background-muted: var(--color-gray-800);
+  --background-inverse: var(--color-white);
+  --background-danger: var(--color-red-100);
+  --background-success: var(--color-green-100);
+  --background-info: var(--color-blue-100);
+  --background-warning: var(--color-yellow-100);
+
+  /* semantic borders */
+  --border-default: var(--color-gray-700);
+  --border-input: var(--color-gray-700);
+  --border-input-hover: var(--color-gray-600);
+  --border-strong: var(--color-white);
+  --border-card: var(--color-gray-700);
+  --border-inverse: var(--color-white);
+  --border-danger: var(--color-red-200);
+  --border-success: var(--color-green-200);
+  --border-warning: var(--color-yellow-200);
+  --border-info: var(--color-blue-200);
+
+  /* semantic text */
+  --text-default: var(--color-white);
+  --text-muted: var(--color-gray-500);
+  --text-alt: var(--color-gray-500);
+  --text-inverse: var(--color-black);
+  --text-danger: var(--color-red-100);
+  --text-success: var(--color-green-100);
+  --text-warning: var(--color-yellow-100);
+  --text-info: var(--color-blue-100);
+
+  --ring: var(--border-strong);
+
+  /* Alpha variants (dark mode) */
+  --dark-10: rgba(242, 242, 242, 0.1);
+  --dark-40: rgba(242, 242, 242, 0.4);
+  --dark-04: rgba(242, 242, 242, 0.04);
+
+  /* Shadows — doubled intensity for dark backgrounds */
+  --shadow-mini: 0 2px 8px rgba(0, 0, 0, 0.4);
+  --shadow-mini-inset: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
+  --shadow-btn: 0 2px 8px rgba(0, 0, 0, 0.3);
+  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.4);
+  --shadow-elevated: 0 3px 12px rgba(0, 0, 0, 0.5);
+  --shadow-popover: 0 8px 30px rgba(0, 0, 0, 0.4);
+  --shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.6);
+  --shadow-kbd: 0 2px 8px rgba(0, 0, 0, 0.4);
+  --shadow-date-field-focus: 0 0 0 3px rgba(244, 244, 245, 0.1);
+
+  /* Charts */
+  --chart-1: #f6b44a;
+  --chart-2: #7585ff;
+  --chart-3: #d76a6a;
+  --chart-4: #d185e0;
+  --chart-5: #91cb80;
+
+  /* Sidebar */
+  --sidebar: var(--background-default);
+  --sidebar-foreground: var(--text-default);
+  --sidebar-primary: var(--background-accent);
+  --sidebar-primary-foreground: var(--text-inverse);
+  --sidebar-accent: var(--background-muted);
+  --sidebar-accent-foreground: var(--text-default);
+  --sidebar-border: var(--border-default);
+  --sidebar-ring: var(--border-default);
+}
+
+@theme inline {
+  /* shadcn/ui standard Tailwind color mappings */
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+
+  /* semantic backgrounds (custom superset) */
+  --color-background-default: var(--background-default);
+  --color-background-alt: var(--background-alt);
+  --color-background-medium: var(--background-medium);
+  --color-background-inverse: var(--background-inverse);
+  --color-background-muted: var(--background-muted);
+  --color-background-danger: var(--background-danger);
+  --color-background-success: var(--background-success);
+  --color-background-info: var(--background-info);
+  --color-background-warning: var(--background-warning);
+
+  --color-background-accent: var(--background-accent);
+  --color-border-accent: var(--border-accent);
+  --color-text-accent: var(--text-accent);
+
+  /* semantic borders */
+  --color-border-default: var(--border-default);
+  --color-border-input: var(--border-input);
+  --color-border-input-hover: var(--border-input-hover);
+  --color-border-strong: var(--border-strong);
+  --color-border-card: var(--border-card);
+  --color-border-inverse: var(--border-inverse);
+  --color-border-danger: var(--border-danger);
+  --color-border-success: var(--border-success);
+  --color-border-warning: var(--border-warning);
+  --color-border-info: var(--border-info);
+
+  /* semantic text */
+  --color-text-default: var(--text-default);
+  --color-text-muted: var(--text-muted);
+  --color-text-alt: var(--text-alt);
+  --color-text-inverse: var(--text-inverse);
+  --color-text-danger: var(--text-danger);
+  --color-text-success: var(--text-success);
+  --color-text-warning: var(--text-warning);
+  --color-text-info: var(--text-info);
+
+  /* alpha variants */
+  --color-dark-10: var(--dark-10);
+  --color-dark-40: var(--dark-40);
+  --color-dark-04: var(--dark-04);
+
+  /* dark surfaces */
+  --color-surface-dark: var(--surface-dark);
+  --color-surface-dark-text: var(--surface-dark-text);
+  --color-surface-dark-muted: var(--surface-dark-muted);
+  --color-surface-dark-border: var(--surface-dark-border);
+
+  /* fonts */
+  --font-sans: "Geist", sans-serif;
+  --font-mono: "Geist Mono", monospace;
+  --font-serif: serif;
+  --font-display: "Geist", sans-serif;
+
+  /* shape — pill-first radius system */
+  --radius-pill: 999px;
+  --radius-button: 999px;
+  --radius-input: 999px;
+  --radius-card: 20px;
+  --radius-card-lg: 24px;
+  --radius-card-sm: 14px;
+  --radius-dropdown: 10px;
+  --radius-modal: 16px;
+
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+
+  --color-ring: var(--ring);
+
+  /* shadows */
+  --shadow-mini: var(--shadow-mini);
+  --shadow-mini-inset: var(--shadow-mini-inset);
+  --shadow-btn: var(--shadow-btn);
+  --shadow-card: var(--shadow-card);
+  --shadow-elevated: var(--shadow-elevated);
+  --shadow-popover: var(--shadow-popover);
+  --shadow-modal: var(--shadow-modal);
+  --shadow-kbd: var(--shadow-kbd);
+  --shadow-date-field-focus: var(--shadow-date-field-focus);
+
+  /* spacing — button/input heights */
+  --spacing-input: 3.25rem;
+  --spacing-input-sm: 2.75rem;
+  --spacing-button: 2.75rem;
+  --spacing-button-sm: 2rem;
+
+  --text-xxs: 10px;
+
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+
+  --breakpoint-desktop: 1440px;
+
+  --animate-accordion-down: accordion-down 0.2s ease-out;
+  --animate-accordion-up: accordion-up 0.2s ease-out;
+  --animate-caret-blink: caret-blink 1s ease-out infinite;
+  --animate-scale-in: scale-in 0.2s ease;
+  --animate-scale-out: scale-out 0.15s ease;
+  --animate-fade-in: fade-in 0.2s ease;
+  --animate-fade-out: fade-out 0.15s ease;
+  --animate-enter-from-left: enter-from-left 0.2s ease;
+  --animate-enter-from-right: enter-from-right 0.2s ease;
+  --animate-exit-to-left: exit-to-left 0.2s ease;
+  --animate-exit-to-right: exit-to-right 0.2s ease;
+  --animate-word-reveal: word-reveal 0.4s ease-out;
+
+  @keyframes accordion-down {
+    from {
+      height: 0;
+    }
+    to {
+      height: var(--bits-accordion-content-height);
+    }
+  }
+
+  @keyframes accordion-up {
+    from {
+      height: var(--bits-accordion-content-height);
+    }
+    to {
+      height: 0;
+    }
+  }
+
+  @keyframes caret-blink {
+    0%,
+    70%,
+    100% {
+      opacity: 1;
+    }
+    20%,
+    50% {
+      opacity: 0;
+    }
+  }
+
+  @keyframes enter-from-right {
+    from {
+      opacity: 0;
+      transform: translateX(200px);
+    }
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+
+  @keyframes enter-from-left {
+    from {
+      opacity: 0;
+      transform: translateX(-200px);
+    }
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+
+  @keyframes exit-to-right {
+    from {
+      opacity: 1;
+      transform: translateX(0);
+    }
+    to {
+      opacity: 0;
+      transform: translateX(200px);
+    }
+  }
+
+  @keyframes exit-to-left {
+    from {
+      opacity: 1;
+      transform: translateX(0);
+    }
+    to {
+      opacity: 0;
+      transform: translateX(-200px);
+    }
+  }
+
+  @keyframes scale-in {
+    from {
+      opacity: 0;
+      transform: rotateX(-10deg) scale(0.9);
+    }
+    to {
+      opacity: 1;
+      transform: rotateX(0deg) scale(1);
+    }
+  }
+
+  @keyframes scale-out {
+    from {
+      opacity: 1;
+      transform: rotateX(0deg) scale(1);
+    }
+    to {
+      opacity: 0;
+      transform: rotateX(-10deg) scale(0.95);
+    }
+  }
+
+  @keyframes fade-in {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+
+  @keyframes fade-out {
+    from {
+      opacity: 1;
+    }
+    to {
+      opacity: 0;
+    }
+  }
+
+  @keyframes hero-blur-in {
+    from {
+      opacity: 0;
+      filter: blur(12px);
+    }
+    to {
+      opacity: 1;
+      filter: blur(0);
+    }
+  }
+
+  @keyframes word-reveal {
+    from {
+      opacity: 0;
+      filter: blur(8px);
+      transform: translateY(10px);
+    }
+    to {
+      opacity: 1;
+      filter: blur(0);
+      transform: translateY(0);
+    }
+  }
+}
+
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-border, currentColor);
+  }
+
+  * {
+    @apply border-border;
+  }
+  html {
+    -webkit-text-size-adjust: 100%;
+    font-variation-settings: normal;
+    scroll-behavior: smooth;
+    scrollbar-color: var(--bg-muted);
+  }
+
+  body {
+    @apply bg-background text-foreground;
+    font-feature-settings:
+      "rlig" 1,
+      "calt" 1;
+  }
+
+  ::selection {
+    background: #1a1a1a;
+    color: #ffffff;
+  }
+
+  .dark ::selection {
+    background: #ffffff;
+    color: #000000;
+  }
+
+  /* Custom scrollbars */
+  ::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+  ::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  ::-webkit-scrollbar-thumb {
+    background: #ccc;
+    border-radius: 999px;
+  }
+  ::-webkit-scrollbar-thumb:hover {
+    background: #999;
+  }
+
+  .dark ::-webkit-scrollbar-thumb {
+    background: #444;
+  }
+  .dark ::-webkit-scrollbar-thumb:hover {
+    background: #666;
+  }
+}
+
+@layer components {
+  *:not(body):not(.focus-override) {
+    outline: none !important;
+    &:focus-visible {
+      @apply focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:outline-hidden;
+    }
+  }
+
+  .link {
+    @apply hover:text-foreground/80 focus-visible:ring-ring focus-visible:ring-offset-background inline-flex items-center gap-1 rounded-xs font-medium underline underline-offset-4 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden;
+  }
+}
diff --git a/packages/ghost-ui/src/types/split-type.d.ts b/packages/ghost-ui/src/types/split-type.d.ts
new file mode 100644
index 0000000..da52dac
--- /dev/null
+++ b/packages/ghost-ui/src/types/split-type.d.ts
@@ -0,0 +1,18 @@
+declare module "split-type" {
+  interface SplitTypeOptions {
+    types?: ("lines" | "words" | "chars")[];
+  }
+
+  interface SplitTypeResult {
+    lines?: HTMLElement[];
+    words?: HTMLElement[];
+    chars?: HTMLElement[];
+    split: (options?: SplitTypeOptions) => SplitTypeResult;
+    revert: () => void;
+  }
+
+  export default function SplitType(
+    element: HTMLElement,
+    options?: SplitTypeOptions,
+  ): SplitTypeResult;
+}
diff --git a/packages/ghost-ui/src/types/theme.ts b/packages/ghost-ui/src/types/theme.ts
new file mode 100644
index 0000000..90f3c36
--- /dev/null
+++ b/packages/ghost-ui/src/types/theme.ts
@@ -0,0 +1,22 @@
+export interface ThemeColors {
+  slate: string[];
+  red: string[];
+  blue: string[];
+  green: string[];
+  yellow: string[];
+}
+
+export interface ThemeResponse {
+  colors: ThemeColors;
+}
+
+export interface ThemeVariables {
+  [key: string]: string;
+}
+
+export interface ThemeContextType {
+  theme: ThemeVariables;
+  updateTheme: (prompt: string) => Promise<void>;
+  isLoading: boolean;
+  error: string | null;
+}
diff --git a/packages/ghost-ui/tsconfig.json b/packages/ghost-ui/tsconfig.json
new file mode 100644
index 0000000..a703d5a
--- /dev/null
+++ b/packages/ghost-ui/tsconfig.json
@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "noEmit": true,
+    "isolatedModules": true,
+    "resolveJsonModule": true,
+    "forceConsistentCasingInFileNames": true,
+    "incremental": true,
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "exclude": ["node_modules"]
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 869f1ab..eab5b1e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -22,7 +22,7 @@ importers:
         version: 5.9.3
       vitest:
         specifier: ^3.0.0
-        version: 3.2.4(@types/node@22.19.17)(jiti@2.6.1)
+        version: 3.2.4(@types/debug@4.1.13)(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0)(msw@2.12.14(@types/node@22.19.17)(typescript@5.9.3))
 
   packages/ghost-cli:
     dependencies:
@@ -62,8 +62,390 @@ importers:
         specifier: ^1.50.0
         version: 1.59.1
 
+  packages/ghost-ui:
+    dependencies:
+      '@hookform/resolvers':
+        specifier: ^5.2.2
+        version: 5.2.2(react-hook-form@7.72.1(react@19.1.0))
+      '@radix-ui/react-accordion':
+        specifier: ^1.2.12
+        version: 1.2.12(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-alert-dialog':
+        specifier: ^1.1.15
+        version: 1.1.15(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-aspect-ratio':
+        specifier: ^1.1.8
+        version: 1.1.8(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-avatar':
+        specifier: ^1.1.11
+        version: 1.1.11(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-checkbox':
+        specifier: ^1.3.3
+        version: 1.3.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-collapsible':
+        specifier: ^1.1.12
+        version: 1.1.12(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-context-menu':
+        specifier: ^2.2.16
+        version: 2.2.16(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-dialog':
+        specifier: ^1.1.15
+        version: 1.1.15(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-dropdown-menu':
+        specifier: ^2.1.16
+        version: 2.1.16(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-hover-card':
+        specifier: ^1.1.15
+        version: 1.1.15(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-label':
+        specifier: ^2.1.8
+        version: 2.1.8(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-menubar':
+        specifier: ^1.1.16
+        version: 1.1.16(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-navigation-menu':
+        specifier: ^1.2.14
+        version: 1.2.14(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-popover':
+        specifier: ^1.1.15
+        version: 1.1.15(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-progress':
+        specifier: ^1.1.8
+        version: 1.1.8(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-radio-group':
+        specifier: ^1.3.8
+        version: 1.3.8(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-scroll-area':
+        specifier: ^1.2.10
+        version: 1.2.10(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-select':
+        specifier: ^2.2.6
+        version: 2.2.6(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-separator':
+        specifier: ^1.1.8
+        version: 1.1.8(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-slider':
+        specifier: ^1.3.6
+        version: 1.3.6(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-slot':
+        specifier: ^1.2.4
+        version: 1.2.4(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-switch':
+        specifier: ^1.2.6
+        version: 1.2.6(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-tabs':
+        specifier: ^1.1.13
+        version: 1.1.13(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-toggle':
+        specifier: ^1.1.10
+        version: 1.1.10(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-toggle-group':
+        specifier: ^1.1.11
+        version: 1.1.11(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-tooltip':
+        specifier: ^1.2.8
+        version: 1.2.8(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state':
+        specifier: ^1.2.2
+        version: 1.2.2(@types/react@19.1.2)(react@19.1.0)
+      '@rive-app/react-webgl2':
+        specifier: ^4.27.3
+        version: 4.27.3(react@19.1.0)
+      '@streamdown/cjk':
+        specifier: ^1.0.3
+        version: 1.0.3(@types/mdast@4.0.4)(micromark-util-types@2.0.2)(micromark@4.0.2)(react@19.1.0)(unified@11.0.5)
+      '@streamdown/code':
+        specifier: ^1.1.1
+        version: 1.1.1(react@19.1.0)
+      '@streamdown/math':
+        specifier: ^1.0.2
+        version: 1.0.2(react@19.1.0)
+      '@streamdown/mermaid':
+        specifier: ^1.0.2
+        version: 1.0.2(react@19.1.0)
+      '@tanstack/react-table':
+        specifier: ^8.21.3
+        version: 8.21.3(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@xyflow/react':
+        specifier: ^12.10.2
+        version: 12.10.2(@types/react@19.1.2)(immer@11.1.4)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      ai:
+        specifier: ^6.0.141
+        version: 6.0.146(zod@4.3.6)
+      ansi-to-react:
+        specifier: ^6.2.6
+        version: 6.2.6(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      class-variance-authority:
+        specifier: ^0.7.1
+        version: 0.7.1
+      clsx:
+        specifier: ^2.1.1
+        version: 2.1.1
+      cmdk:
+        specifier: ^1.1.1
+        version: 1.1.1(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      date-fns:
+        specifier: ^4.1.0
+        version: 4.1.0
+      embla-carousel-react:
+        specifier: ^8.6.0
+        version: 8.6.0(react@19.1.0)
+      gsap:
+        specifier: ^3.14.2
+        version: 3.14.2
+      input-otp:
+        specifier: ^1.4.2
+        version: 1.4.2(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      lucide-react:
+        specifier: ^1.7.0
+        version: 1.7.0(react@19.1.0)
+      media-chrome:
+        specifier: ^4.18.3
+        version: 4.18.3(react@19.1.0)
+      motion:
+        specifier: ^12.38.0
+        version: 12.38.0(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      nanoid:
+        specifier: ^5.1.7
+        version: 5.1.7
+      react-day-picker:
+        specifier: 9.14.0
+        version: 9.14.0(react@19.1.0)
+      react-hook-form:
+        specifier: ^7.72.0
+        version: 7.72.1(react@19.1.0)
+      react-jsx-parser:
+        specifier: ^2.4.1
+        version: 2.4.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      react-resizable-panels:
+        specifier: ^4.8.0
+        version: 4.9.0(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      recharts:
+        specifier: ^3.8.1
+        version: 3.8.1(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react-is@19.2.4)(react@19.1.0)(redux@5.0.1)
+      shiki:
+        specifier: ^4.0.2
+        version: 4.0.2
+      smart-registry:
+        specifier: ^1.16.0
+        version: 1.16.0
+      sonner:
+        specifier: ^2.0.7
+        version: 2.0.7(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      split-type:
+        specifier: ^0.3.4
+        version: 0.3.4
+      streamdown:
+        specifier: ^2.5.0
+        version: 2.5.0(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      tailwind-merge:
+        specifier: ^3.5.0
+        version: 3.5.0
+      tokenlens:
+        specifier: ^1.3.1
+        version: 1.3.1
+      tw-animate-css:
+        specifier: ^1.4.0
+        version: 1.4.0
+      use-stick-to-bottom:
+        specifier: ^1.1.3
+        version: 1.1.3(react@19.1.0)
+      vaul:
+        specifier: ^1.1.2
+        version: 1.1.2(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      zod:
+        specifier: ^4.3.6
+        version: 4.3.6
+      zustand:
+        specifier: ^5.0.12
+        version: 5.0.12(@types/react@19.1.2)(immer@11.1.4)(react@19.1.0)(use-sync-external-store@1.6.0(react@19.1.0))
+    devDependencies:
+      '@tailwindcss/postcss':
+        specifier: ^4.2.2
+        version: 4.2.2
+      '@types/node':
+        specifier: ^22.0.0
+        version: 22.19.17
+      '@types/react':
+        specifier: 19.1.2
+        version: 19.1.2
+      '@types/react-dom':
+        specifier: 19.1.2
+        version: 19.1.2(@types/react@19.1.2)
+      react:
+        specifier: 19.1.0
+        version: 19.1.0
+      react-dom:
+        specifier: 19.1.0
+        version: 19.1.0(react@19.1.0)
+      shadcn:
+        specifier: 4.1.1
+        version: 4.1.1(@types/node@22.19.17)(typescript@5.9.3)
+      tailwindcss:
+        specifier: ^4.2.2
+        version: 4.2.2
+      typescript:
+        specifier: ^5.7.0
+        version: 5.9.3
+
 packages:
 
+  '@ai-sdk/gateway@3.0.88':
+    resolution: {integrity: sha512-AFoj7xdWAtCQcy0jJ235ENSakYM8D28qBX+rB+/rX4r8qe/LXgl0e5UivOqxAlIM5E9jnQdYxIPuj3XFtGk/yg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      zod: ^3.25.76 || ^4.1.8
+
+  '@ai-sdk/provider-utils@4.0.22':
+    resolution: {integrity: sha512-B2OTFcRw/Pdka9ZTjpXv6T6qZ6RruRuLokyb8HwW+aoW9ndJ3YasA3/mVswyJw7VMBF8ofXgqvcrCt9KYvFifg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      zod: ^3.25.76 || ^4.1.8
+
+  '@ai-sdk/provider@3.0.8':
+    resolution: {integrity: sha512-oGMAgGoQdBXbZqNG0Ze56CHjDZ1IDYOwGYxYjO5KLSlz5HiNQ9udIXsPZ61VWaHGZ5XW/jyjmr6t2xz2jGVwbQ==}
+    engines: {node: '>=18'}
+
+  '@alloc/quick-lru@5.2.0':
+    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
+    engines: {node: '>=10'}
+
+  '@antfu/install-pkg@1.1.0':
+    resolution: {integrity: sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==}
+
+  '@antfu/ni@24.4.0':
+    resolution: {integrity: sha512-ZjriRbGyWGSrBE1RY2qBIXyilejMWLDWh2Go2dqFottyiuOze36+BpPch2z2WnGEgEbzTBVPetMmQvt0xt+iww==}
+    hasBin: true
+
+  '@babel/code-frame@7.29.0':
+    resolution: {integrity: sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/compat-data@7.29.0':
+    resolution: {integrity: sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/core@7.29.0':
+    resolution: {integrity: sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@7.29.1':
+    resolution: {integrity: sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-annotate-as-pure@7.27.3':
+    resolution: {integrity: sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-compilation-targets@7.28.6':
+    resolution: {integrity: sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-create-class-features-plugin@7.28.6':
+    resolution: {integrity: sha512-dTOdvsjnG3xNT9Y0AUg1wAl38y+4Rl4sf9caSQZOXdNqVn+H+HbbJ4IyyHaIqNR6SW9oJpA/RuRjsjCw2IdIow==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-globals@7.28.0':
+    resolution: {integrity: sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-member-expression-to-functions@7.28.5':
+    resolution: {integrity: sha512-cwM7SBRZcPCLgl8a7cY0soT1SptSzAlMH39vwiRpOQkJlh53r5hdHwLSCZpQdVLT39sZt+CRpNwYG4Y2v77atg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-imports@7.28.6':
+    resolution: {integrity: sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-transforms@7.28.6':
+    resolution: {integrity: sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-optimise-call-expression@7.27.1':
+    resolution: {integrity: sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-plugin-utils@7.28.6':
+    resolution: {integrity: sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-replace-supers@7.28.6':
+    resolution: {integrity: sha512-mq8e+laIk94/yFec3DxSjCRD2Z0TAjhVbEJY3UQrlwVo15Lmt7C2wAUbK4bjnTs4APkwsYLTahXRraQXhb1WCg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-skip-transparent-expression-wrappers@7.27.1':
+    resolution: {integrity: sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-string-parser@7.27.1':
+    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@7.28.5':
+    resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-option@7.27.1':
+    resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helpers@7.29.2':
+    resolution: {integrity: sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.29.2':
+    resolution: {integrity: sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/plugin-syntax-jsx@7.28.6':
+    resolution: {integrity: sha512-wgEmr06G6sIpqr8YDwA2dSRTE3bJ+V0IfpzfSY3Lfgd7YWOaAdlykvJi13ZKBt8cZHfgH1IXN+CL656W3uUa4w==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-typescript@7.28.6':
+    resolution: {integrity: sha512-+nDNmQye7nlnuuHDboPbGm00Vqg3oO8niRRL27/4LYHUsHYh0zJ1xWOz0uRwNFmM1Avzk8wZbc6rdiYhomzv/A==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-modules-commonjs@7.28.6':
+    resolution: {integrity: sha512-jppVbf8IV9iWWwWTQIxJMAJCWBuuKx71475wHwYytrRGQ2CWiDvYlADQno3tcYpS/T2UUWFQp3nVtYfK/YBQrA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-typescript@7.28.6':
+    resolution: {integrity: sha512-0YWL2RFxOqEm9Efk5PvreamxPME8OyY0wM5wh5lHjF+VtVhdneCWGzZeSqzOfiobVqQaNCd2z0tQvnI9DaPWPw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/preset-typescript@7.28.5':
+    resolution: {integrity: sha512-+bQy5WOI2V6LJZpPVxY+yp66XdZ2yifu0Mc1aP5CQKgjn4QM5IN2i5fAZ4xKop47pr8rpVhiAeu+nDQa12C8+g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/template@7.28.6':
+    resolution: {integrity: sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/traverse@7.29.0':
+    resolution: {integrity: sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.29.0':
+    resolution: {integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==}
+    engines: {node: '>=6.9.0'}
+
   '@biomejs/biome@2.4.10':
     resolution: {integrity: sha512-xxA3AphFQ1geij4JTHXv4EeSTda1IFn22ye9LdyVPoJU19fNVl0uzfEuhsfQ4Yue/0FaLs2/ccVi4UDiE7R30w==}
     engines: {node: '>=14.21.3'}
@@ -121,6 +503,37 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@braintree/sanitize-url@7.1.2':
+    resolution: {integrity: sha512-jigsZK+sMF/cuiB7sERuo9V7N9jx+dhmHHnQyDSVdpZwVutaBu7WvNYqMDLSgFgfB30n452TP3vjDAvFC973mA==}
+
+  '@chevrotain/cst-dts-gen@11.1.2':
+    resolution: {integrity: sha512-XTsjvDVB5nDZBQB8o0o/0ozNelQtn2KrUVteIHSlPd2VAV2utEb6JzyCJaJ8tGxACR4RiBNWy5uYUHX2eji88Q==}
+
+  '@chevrotain/gast@11.1.2':
+    resolution: {integrity: sha512-Z9zfXR5jNZb1Hlsd/p+4XWeUFugrHirq36bKzPWDSIacV+GPSVXdk+ahVWZTwjhNwofAWg/sZg58fyucKSQx5g==}
+
+  '@chevrotain/regexp-to-ast@11.1.2':
+    resolution: {integrity: sha512-nMU3Uj8naWer7xpZTYJdxbAs6RIv/dxYzkYU8GSwgUtcAAlzjcPfX1w+RKRcYG8POlzMeayOQ/znfwxEGo5ulw==}
+
+  '@chevrotain/types@11.1.2':
+    resolution: {integrity: sha512-U+HFai5+zmJCkK86QsaJtoITlboZHBqrVketcO2ROv865xfCMSFpELQoz1GkX5GzME8pTa+3kbKrZHQtI0gdbw==}
+
+  '@chevrotain/utils@11.1.2':
+    resolution: {integrity: sha512-4mudFAQ6H+MqBTfqLmU7G1ZwRzCLfJEooL/fsF6rCX5eePMbGhoy5n4g+G4vlh2muDcsCTJtL+uKbOzWxs5LHA==}
+
+  '@date-fns/tz@1.4.1':
+    resolution: {integrity: sha512-P5LUNhtbj6YfI3iJjw5EL9eUAG6OitD0W3fWQcpQjDRc/QIsL0tRNuO1PcDvPccWL1fSTXXdE1ds+l95DV/OFA==}
+
+  '@dotenvx/dotenvx@1.59.1':
+    resolution: {integrity: sha512-Qg+meC+XFxliuVSDlEPkKnaUjdaJKK6FNx/Wwl2UxhQR8pyPIuLhMavsF7ePdB9qFZUWV1jEK3ckbJir/WmF4w==}
+    hasBin: true
+
+  '@ecies/ciphers@0.2.6':
+    resolution: {integrity: sha512-patgsRPKGkhhoBjETV4XxD0En4ui5fbX0hzayqI3M8tvNMGUoUvmyYAIWwlxBc1KX5cturfqByYdj5bYGRpN9g==}
+    engines: {bun: '>=1', deno: '>=2.7.10', node: '>=16'}
+    peerDependencies:
+      '@noble/ciphers': ^1.0.0
+
   '@esbuild/aix-ppc64@0.27.7':
     resolution: {integrity: sha512-EKX3Qwmhz1eMdEJokhALr0YiD0lhQNwDqkPYyPhiSwKrh7/4KRjQc04sZ8db+5DVVnZ1LmbNDI1uAMPEUBnQPg==}
     engines: {node: '>=18'}
@@ -277,914 +690,7870 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@jridgewell/sourcemap-codec@1.5.5':
-    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
+  '@floating-ui/core@1.7.5':
+    resolution: {integrity: sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==}
 
-  '@rollup/rollup-android-arm-eabi@4.60.1':
-    resolution: {integrity: sha512-d6FinEBLdIiK+1uACUttJKfgZREXrF0Qc2SmLII7W2AD8FfiZ9Wjd+rD/iRuf5s5dWrr1GgwXCvPqOuDquOowA==}
-    cpu: [arm]
-    os: [android]
+  '@floating-ui/dom@1.7.6':
+    resolution: {integrity: sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==}
 
-  '@rollup/rollup-android-arm64@4.60.1':
-    resolution: {integrity: sha512-YjG/EwIDvvYI1YvYbHvDz/BYHtkY4ygUIXHnTdLhG+hKIQFBiosfWiACWortsKPKU/+dUwQQCKQM3qrDe8c9BA==}
-    cpu: [arm64]
-    os: [android]
+  '@floating-ui/react-dom@2.1.8':
+    resolution: {integrity: sha512-cC52bHwM/n/CxS87FH0yWdngEZrjdtLW/qVruo68qg+prK7ZQ4YGdut2GyDVpoGeAYe/h899rVeOVm6Oi40k2A==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
 
-  '@rollup/rollup-darwin-arm64@4.60.1':
-    resolution: {integrity: sha512-mjCpF7GmkRtSJwon+Rq1N8+pI+8l7w5g9Z3vWj4T7abguC4Czwi3Yu/pFaLvA3TTeMVjnu3ctigusqWUfjZzvw==}
-    cpu: [arm64]
-    os: [darwin]
+  '@floating-ui/utils@0.2.11':
+    resolution: {integrity: sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==}
 
-  '@rollup/rollup-darwin-x64@4.60.1':
-    resolution: {integrity: sha512-haZ7hJ1JT4e9hqkoT9R/19XW2QKqjfJVv+i5AGg57S+nLk9lQnJ1F/eZloRO3o9Scy9CM3wQ9l+dkXtcBgN5Ew==}
-    cpu: [x64]
-    os: [darwin]
+  '@hono/node-server@1.19.12':
+    resolution: {integrity: sha512-txsUW4SQ1iilgE0l9/e9VQWmELXifEFvmdA1j6WFh/aFPj99hIntrSsq/if0UWyGVkmrRPKA1wCeP+UCr1B9Uw==}
+    engines: {node: '>=18.14.1'}
+    peerDependencies:
+      hono: ^4
 
-  '@rollup/rollup-freebsd-arm64@4.60.1':
-    resolution: {integrity: sha512-czw90wpQq3ZsAVBlinZjAYTKduOjTywlG7fEeWKUA7oCmpA8xdTkxZZlwNJKWqILlq0wehoZcJYfBvOyhPTQ6w==}
-    cpu: [arm64]
-    os: [freebsd]
+  '@hookform/resolvers@5.2.2':
+    resolution: {integrity: sha512-A/IxlMLShx3KjV/HeTcTfaMxdwy690+L/ZADoeaTltLx+CVuzkeVIPuybK3jrRfw7YZnmdKsVVHAlEPIAEUNlA==}
+    peerDependencies:
+      react-hook-form: ^7.55.0
 
-  '@rollup/rollup-freebsd-x64@4.60.1':
-    resolution: {integrity: sha512-KVB2rqsxTHuBtfOeySEyzEOB7ltlB/ux38iu2rBQzkjbwRVlkhAGIEDiiYnO2kFOkJp+Z7pUXKyrRRFuFUKt+g==}
-    cpu: [x64]
-    os: [freebsd]
+  '@iconify/types@2.0.0':
+    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.60.1':
-    resolution: {integrity: sha512-L+34Qqil+v5uC0zEubW7uByo78WOCIrBvci69E7sFASRl0X7b/MB6Cqd1lky/CtcSVTydWa2WZwFuWexjS5o6g==}
-    cpu: [arm]
-    os: [linux]
-    libc: [glibc]
+  '@iconify/utils@3.1.0':
+    resolution: {integrity: sha512-Zlzem1ZXhI1iHeeERabLNzBHdOa4VhQbqAcOQaMKuTuyZCpwKbC2R4Dd0Zo3g9EAc+Y4fiarO8HIHRAth7+skw==}
 
-  '@rollup/rollup-linux-arm-musleabihf@4.60.1':
-    resolution: {integrity: sha512-n83O8rt4v34hgFzlkb1ycniJh7IR5RCIqt6mz1VRJD6pmhRi0CXdmfnLu9dIUS6buzh60IvACM842Ffb3xd6Gg==}
-    cpu: [arm]
-    os: [linux]
-    libc: [musl]
+  '@inquirer/ansi@1.0.2':
+    resolution: {integrity: sha512-S8qNSZiYzFd0wAcyG5AXCvUHC5Sr7xpZ9wZ2py9XR88jUz8wooStVx5M6dRzczbBWjic9NP7+rY0Xi7qqK/aMQ==}
+    engines: {node: '>=18'}
 
-  '@rollup/rollup-linux-arm64-gnu@4.60.1':
-    resolution: {integrity: sha512-Nql7sTeAzhTAja3QXeAI48+/+GjBJ+QmAH13snn0AJSNL50JsDqotyudHyMbO2RbJkskbMbFJfIJKWA6R1LCJQ==}
-    cpu: [arm64]
-    os: [linux]
-    libc: [glibc]
+  '@inquirer/confirm@5.1.21':
+    resolution: {integrity: sha512-KR8edRkIsUayMXV+o3Gv+q4jlhENF9nMYUZs9PA2HzrXeHI8M5uDag70U7RJn9yyiMZSbtF5/UexBtAVtZGSbQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@types/node': '>=18'
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
 
-  '@rollup/rollup-linux-arm64-musl@4.60.1':
-    resolution: {integrity: sha512-+pUymDhd0ys9GcKZPPWlFiZ67sTWV5UU6zOJat02M1+PiuSGDziyRuI/pPue3hoUwm2uGfxdL+trT6Z9rxnlMA==}
-    cpu: [arm64]
-    os: [linux]
-    libc: [musl]
+  '@inquirer/core@10.3.2':
+    resolution: {integrity: sha512-43RTuEbfP8MbKzedNqBrlhhNKVwoK//vUFNW3Q3vZ88BLcrs4kYpGg+B2mm5p2K/HfygoCxuKwJJiv8PbGmE0A==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@types/node': '>=18'
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
 
-  '@rollup/rollup-linux-loong64-gnu@4.60.1':
-    resolution: {integrity: sha512-VSvgvQeIcsEvY4bKDHEDWcpW4Yw7BtlKG1GUT4FzBUlEKQK0rWHYBqQt6Fm2taXS+1bXvJT6kICu5ZwqKCnvlQ==}
-    cpu: [loong64]
-    os: [linux]
-    libc: [glibc]
+  '@inquirer/figures@1.0.15':
+    resolution: {integrity: sha512-t2IEY+unGHOzAaVM5Xx6DEWKeXlDDcNPeDyUpsRc6CUhBfU3VQOEl+Vssh7VNp1dR8MdUJBWhuObjXCsVpjN5g==}
+    engines: {node: '>=18'}
 
-  '@rollup/rollup-linux-loong64-musl@4.60.1':
-    resolution: {integrity: sha512-4LqhUomJqwe641gsPp6xLfhqWMbQV04KtPp7/dIp0nzPxAkNY1AbwL5W0MQpcalLYk07vaW9Kp1PBhdpZYYcEw==}
-    cpu: [loong64]
-    os: [linux]
-    libc: [musl]
+  '@inquirer/type@3.0.10':
+    resolution: {integrity: sha512-BvziSRxfz5Ov8ch0z/n3oijRSEcEsHnhggm4xFZe93DHcUCTlutlq9Ox4SVENAfcRD22UQq7T/atg9Wr3k09eA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@types/node': '>=18'
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
 
-  '@rollup/rollup-linux-ppc64-gnu@4.60.1':
-    resolution: {integrity: sha512-tLQQ9aPvkBxOc/EUT6j3pyeMD6Hb8QF2BTBnCQWP/uu1lhc9AIrIjKnLYMEroIz/JvtGYgI9dF3AxHZNaEH0rw==}
-    cpu: [ppc64]
-    os: [linux]
-    libc: [glibc]
+  '@jridgewell/gen-mapping@0.3.13':
+    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
 
-  '@rollup/rollup-linux-ppc64-musl@4.60.1':
-    resolution: {integrity: sha512-RMxFhJwc9fSXP6PqmAz4cbv3kAyvD1etJFjTx4ONqFP9DkTkXsAMU4v3Vyc5BgzC+anz7nS/9tp4obsKfqkDHg==}
-    cpu: [ppc64]
-    os: [linux]
-    libc: [musl]
+  '@jridgewell/remapping@2.3.5':
+    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
 
-  '@rollup/rollup-linux-riscv64-gnu@4.60.1':
-    resolution: {integrity: sha512-QKgFl+Yc1eEk6MmOBfRHYF6lTxiiiV3/z/BRrbSiW2I7AFTXoBFvdMEyglohPj//2mZS4hDOqeB0H1ACh3sBbg==}
-    cpu: [riscv64]
-    os: [linux]
-    libc: [glibc]
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
 
-  '@rollup/rollup-linux-riscv64-musl@4.60.1':
-    resolution: {integrity: sha512-RAjXjP/8c6ZtzatZcA1RaQr6O1TRhzC+adn8YZDnChliZHviqIjmvFwHcxi4JKPSDAt6Uhf/7vqcBzQJy0PDJg==}
-    cpu: [riscv64]
-    os: [linux]
-    libc: [musl]
+  '@jridgewell/sourcemap-codec@1.5.5':
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
 
-  '@rollup/rollup-linux-s390x-gnu@4.60.1':
-    resolution: {integrity: sha512-wcuocpaOlaL1COBYiA89O6yfjlp3RwKDeTIA0hM7OpmhR1Bjo9j31G1uQVpDlTvwxGn2nQs65fBFL5UFd76FcQ==}
-    cpu: [s390x]
-    os: [linux]
-    libc: [glibc]
+  '@jridgewell/trace-mapping@0.3.31':
+    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
 
-  '@rollup/rollup-linux-x64-gnu@4.60.1':
-    resolution: {integrity: sha512-77PpsFQUCOiZR9+LQEFg9GClyfkNXj1MP6wRnzYs0EeWbPcHs02AXu4xuUbM1zhwn3wqaizle3AEYg5aeoohhg==}
-    cpu: [x64]
-    os: [linux]
-    libc: [glibc]
+  '@mermaid-js/parser@1.1.0':
+    resolution: {integrity: sha512-gxK9ZX2+Fex5zu8LhRQoMeMPEHbc73UKZ0FQ54YrQtUxE1VVhMwzeNtKRPAu5aXks4FasbMe4xB4bWrmq6Jlxw==}
 
-  '@rollup/rollup-linux-x64-musl@4.60.1':
-    resolution: {integrity: sha512-5cIATbk5vynAjqqmyBjlciMJl1+R/CwX9oLk/EyiFXDWd95KpHdrOJT//rnUl4cUcskrd0jCCw3wpZnhIHdD9w==}
-    cpu: [x64]
-    os: [linux]
-    libc: [musl]
+  '@modelcontextprotocol/sdk@1.29.0':
+    resolution: {integrity: sha512-zo37mZA9hJWpULgkRpowewez1y6ML5GsXJPY8FI0tBBCd77HEvza4jDqRKOXgHNn867PVGCyTdzqpz0izu5ZjQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@cfworker/json-schema': ^4.1.1
+      zod: ^3.25 || ^4.0
+    peerDependenciesMeta:
+      '@cfworker/json-schema':
+        optional: true
 
-  '@rollup/rollup-openbsd-x64@4.60.1':
-    resolution: {integrity: sha512-cl0w09WsCi17mcmWqqglez9Gk8isgeWvoUZ3WiJFYSR3zjBQc2J5/ihSjpl+VLjPqjQ/1hJRcqBfLjssREQILw==}
-    cpu: [x64]
-    os: [openbsd]
+  '@mswjs/interceptors@0.41.3':
+    resolution: {integrity: sha512-cXu86tF4VQVfwz8W1SPbhoRyHJkti6mjH/XJIxp40jhO4j2k1m4KYrEykxqWPkFF3vrK4rgQppBh//AwyGSXPA==}
+    engines: {node: '>=18'}
 
-  '@rollup/rollup-openharmony-arm64@4.60.1':
-    resolution: {integrity: sha512-4Cv23ZrONRbNtbZa37mLSueXUCtN7MXccChtKpUnQNgF010rjrjfHx3QxkS2PI7LqGT5xXyYs1a7LbzAwT0iCA==}
-    cpu: [arm64]
-    os: [openharmony]
+  '@noble/ciphers@1.3.0':
+    resolution: {integrity: sha512-2I0gnIVPtfnMw9ee9h1dJG7tp81+8Ob3OJb3Mv37rx5L40/b0i7djjCVvGOVqc9AEIQyvyu1i6ypKdFw8R8gQw==}
+    engines: {node: ^14.21.3 || >=16}
 
-  '@rollup/rollup-win32-arm64-msvc@4.60.1':
-    resolution: {integrity: sha512-i1okWYkA4FJICtr7KpYzFpRTHgy5jdDbZiWfvny21iIKky5YExiDXP+zbXzm3dUcFpkEeYNHgQ5fuG236JPq0g==}
-    cpu: [arm64]
-    os: [win32]
+  '@noble/curves@1.9.7':
+    resolution: {integrity: sha512-gbKGcRUYIjA3/zCCNaWDciTMFI0dCkvou3TL8Zmy5Nc7sJ47a0jtOeZoTaMxkuqRo9cRhjOdZJXegxYE5FN/xw==}
+    engines: {node: ^14.21.3 || >=16}
 
-  '@rollup/rollup-win32-ia32-msvc@4.60.1':
-    resolution: {integrity: sha512-u09m3CuwLzShA0EYKMNiFgcjjzwqtUMLmuCJLeZWjjOYA3IT2Di09KaxGBTP9xVztWyIWjVdsB2E9goMjZvTQg==}
-    cpu: [ia32]
-    os: [win32]
+  '@noble/hashes@1.8.0':
+    resolution: {integrity: sha512-jCs9ldd7NwzpgXDIf6P3+NrHh9/sD6CQdxHyjQI+h/6rDNo88ypBxxz45UDuZHz9r3tNz7N/VInSVoVdtXEI4A==}
+    engines: {node: ^14.21.3 || >=16}
 
-  '@rollup/rollup-win32-x64-gnu@4.60.1':
-    resolution: {integrity: sha512-k+600V9Zl1CM7eZxJgMyTUzmrmhB/0XZnF4pRypKAlAgxmedUA+1v9R+XOFv56W4SlHEzfeMtzujLJD22Uz5zg==}
-    cpu: [x64]
-    os: [win32]
+  '@nodelib/fs.scandir@2.1.5':
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
 
-  '@rollup/rollup-win32-x64-msvc@4.60.1':
-    resolution: {integrity: sha512-lWMnixq/QzxyhTV6NjQJ4SFo1J6PvOX8vUx5Wb4bBPsEb+8xZ89Bz6kOXpfXj9ak9AHTQVQzlgzBEc1SyM27xQ==}
-    cpu: [x64]
-    os: [win32]
+  '@nodelib/fs.stat@2.0.5':
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
 
-  '@types/chai@5.2.3':
-    resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
+  '@nodelib/fs.walk@1.2.8':
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
 
-  '@types/deep-eql@4.0.2':
-    resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==}
+  '@open-draft/deferred-promise@2.2.0':
+    resolution: {integrity: sha512-CecwLWx3rhxVQF6V4bAgPS5t+So2sTbPgAzafKkVizyi7tlwpcFpdFqq+wqF2OwNBmqFuu6tOyouTuxgpMfzmA==}
 
-  '@types/diff@6.0.0':
-    resolution: {integrity: sha512-dhVCYGv3ZSbzmQaBSagrv1WJ6rXCdkyTcDyoNu1MD8JohI7pR7k8wdZEm+mvdxRKXyHVwckFzWU1vJc+Z29MlA==}
+  '@open-draft/logger@0.3.0':
+    resolution: {integrity: sha512-X2g45fzhxH238HKO4xbSr7+wBS8Fvw6ixhTDuvLd5mqh6bJJCFAPwU9mPDxbcrRtfxv4u5IHCEH77BmxvXmmxQ==}
 
-  '@types/estree@1.0.8':
-    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
+  '@open-draft/until@2.1.0':
+    resolution: {integrity: sha512-U69T3ItWHvLwGg5eJ0n3I62nWuE6ilHlmz7zM0npLBRvPRd7e6NYmg54vvRtP5mZG7kZqZCFVdsTWo7BPtBujg==}
 
-  '@types/node@22.19.17':
-    resolution: {integrity: sha512-wGdMcf+vPYM6jikpS/qhg6WiqSV/OhG+jeeHT/KlVqxYfD40iYJf9/AE1uQxVWFvU7MipKRkRv8NSHiCGgPr8Q==}
+  '@opentelemetry/api@1.9.0':
+    resolution: {integrity: sha512-3giAOQvZiH5F9bMlMiv8+GSPMeqg0dbaeo58/0SlA9sxSqZhnUtxzX9/2FzyhS9sWQf5S0GJE0AKBrFqjpeYcg==}
+    engines: {node: '>=8.0.0'}
 
-  '@types/pngjs@6.0.5':
-    resolution: {integrity: sha512-0k5eKfrA83JOZPppLtS2C7OUtyNAl2wKNxfyYl9Q5g9lPkgBl/9hNyAu6HuEH2J4XmIv2znEpkDd0SaZVxW6iQ==}
+  '@radix-ui/number@1.1.1':
+    resolution: {integrity: sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g==}
 
-  '@vitest/expect@3.2.4':
-    resolution: {integrity: sha512-Io0yyORnB6sikFlt8QW5K7slY4OjqNX9jmJQ02QDda8lyM6B5oNgVWoSoKPac8/kgnCUzuHQKrSLtu/uOqqrig==}
+  '@radix-ui/primitive@1.1.3':
+    resolution: {integrity: sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==}
 
-  '@vitest/mocker@3.2.4':
-    resolution: {integrity: sha512-46ryTE9RZO/rfDd7pEqFl7etuyzekzEhUbTW3BvmeO/BcCMEgq59BKhek3dXDWgAj4oMK6OZi+vRr1wPW6qjEQ==}
+  '@radix-ui/react-accordion@1.2.12':
+    resolution: {integrity: sha512-T4nygeh9YE9dLRPhAHSeOZi7HBXo+0kYIPJXayZfvWOWA0+n3dESrZbjfDPUABkUNym6Hd+f2IR113To8D2GPA==}
     peerDependencies:
-      msw: ^2.4.9
-      vite: ^5.0.0 || ^6.0.0 || ^7.0.0-0
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      msw:
+      '@types/react':
         optional: true
-      vite:
+      '@types/react-dom':
         optional: true
 
-  '@vitest/pretty-format@3.2.4':
-    resolution: {integrity: sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==}
+  '@radix-ui/react-alert-dialog@1.1.15':
+    resolution: {integrity: sha512-oTVLkEw5GpdRe29BqJ0LSDFWI3qu0vR1M0mUkOQWDIUnY/QIkLpgDMWuKxP94c2NAC2LGcgVhG1ImF3jkZ5wXw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@vitest/runner@3.2.4':
-    resolution: {integrity: sha512-oukfKT9Mk41LreEW09vt45f8wx7DordoWUZMYdY/cyAk7w5TWkTRCNZYF7sX7n2wB7jyGAl74OxgwhPgKaqDMQ==}
+  '@radix-ui/react-arrow@1.1.7':
+    resolution: {integrity: sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@vitest/snapshot@3.2.4':
-    resolution: {integrity: sha512-dEYtS7qQP2CjU27QBC5oUOxLE/v5eLkGqPE0ZKEIDGMs4vKWe7IjgLOeauHsR0D5YuuycGRO5oSRXnwnmA78fQ==}
+  '@radix-ui/react-aspect-ratio@1.1.8':
+    resolution: {integrity: sha512-5nZrJTF7gH+e0nZS7/QxFz6tJV4VimhQb1avEgtsJxvvIp5JilL+c58HICsKzPxghdwaDt48hEfPM1au4zGy+w==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@vitest/spy@3.2.4':
-    resolution: {integrity: sha512-vAfasCOe6AIK70iP5UD11Ac4siNUNJ9i/9PZ3NKx07sG6sUxeag1LWdNrMWeKKYBLlzuK+Gn65Yd5nyL6ds+nw==}
+  '@radix-ui/react-avatar@1.1.11':
+    resolution: {integrity: sha512-0Qk603AHGV28BOBO34p7IgD5m+V5Sg/YovfayABkoDDBM5d3NCx0Mp4gGrjzLGes1jV5eNOE1r3itqOR33VC6Q==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@vitest/utils@3.2.4':
+  '@radix-ui/react-checkbox@1.3.3':
+    resolution: {integrity: sha512-wBbpv+NQftHDdG86Qc0pIyXk5IR3tM8Vd0nWLKDcX8nNn4nXFOFwsKuqw2okA/1D/mpaAkmuyndrPJTYDNZtFw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-collapsible@1.1.12':
+    resolution: {integrity: sha512-Uu+mSh4agx2ib1uIGPP4/CKNULyajb3p92LsVXmH2EHVMTfZWpll88XJ0j4W0z3f8NK1eYl1+Mf/szHPmcHzyA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-collection@1.1.7':
+    resolution: {integrity: sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-compose-refs@1.1.2':
+    resolution: {integrity: sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-context-menu@2.2.16':
+    resolution: {integrity: sha512-O8morBEW+HsVG28gYDZPTrT9UUovQUlJue5YO836tiTJhuIWBm/zQHc7j388sHWtdH/xUZurK9olD2+pcqx5ww==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-context@1.1.2':
+    resolution: {integrity: sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-context@1.1.3':
+    resolution: {integrity: sha512-ieIFACdMpYfMEjF0rEf5KLvfVyIkOz6PDGyNnP+u+4xQ6jny3VCgA4OgXOwNx2aUkxn8zx9fiVcM8CfFYv9Lxw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-dialog@1.1.15':
+    resolution: {integrity: sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-direction@1.1.1':
+    resolution: {integrity: sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-dismissable-layer@1.1.11':
+    resolution: {integrity: sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-dropdown-menu@2.1.16':
+    resolution: {integrity: sha512-1PLGQEynI/3OX/ftV54COn+3Sud/Mn8vALg2rWnBLnRaGtJDduNW/22XjlGgPdpcIbiQxjKtb7BkcjP00nqfJw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-focus-guards@1.1.3':
+    resolution: {integrity: sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-focus-scope@1.1.7':
+    resolution: {integrity: sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-hover-card@1.1.15':
+    resolution: {integrity: sha512-qgTkjNT1CfKMoP0rcasmlH2r1DAiYicWsDsufxl940sT2wHNEWWv6FMWIQXWhVdmC1d/HYfbhQx60KYyAtKxjg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-id@1.1.1':
+    resolution: {integrity: sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-label@2.1.8':
+    resolution: {integrity: sha512-FmXs37I6hSBVDlO4y764TNz1rLgKwjJMQ0EGte6F3Cb3f4bIuHB/iLa/8I9VKkmOy+gNHq8rql3j686ACVV21A==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-menu@2.1.16':
+    resolution: {integrity: sha512-72F2T+PLlphrqLcAotYPp0uJMr5SjP5SL01wfEspJbru5Zs5vQaSHb4VB3ZMJPimgHHCHG7gMOeOB9H3Hdmtxg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-menubar@1.1.16':
+    resolution: {integrity: sha512-EB1FktTz5xRRi2Er974AUQZWg2yVBb1yjip38/lgwtCVRd3a+maUoGHN/xs9Yv8SY8QwbSEb+YrxGadVWbEutA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-navigation-menu@1.2.14':
+    resolution: {integrity: sha512-YB9mTFQvCOAQMHU+C/jVl96WmuWeltyUEpRJJky51huhds5W2FQr1J8D/16sQlf0ozxkPK8uF3niQMdUwZPv5w==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-popover@1.1.15':
+    resolution: {integrity: sha512-kr0X2+6Yy/vJzLYJUPCZEc8SfQcf+1COFoAqauJm74umQhta9M7lNJHP7QQS3vkvcGLQUbWpMzwrXYwrYztHKA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-popper@1.2.8':
+    resolution: {integrity: sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-portal@1.1.9':
+    resolution: {integrity: sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-presence@1.1.5':
+    resolution: {integrity: sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-primitive@2.1.3':
+    resolution: {integrity: sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-primitive@2.1.4':
+    resolution: {integrity: sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-progress@1.1.8':
+    resolution: {integrity: sha512-+gISHcSPUJ7ktBy9RnTqbdKW78bcGke3t6taawyZ71pio1JewwGSJizycs7rLhGTvMJYCQB1DBK4KQsxs7U8dA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-radio-group@1.3.8':
+    resolution: {integrity: sha512-VBKYIYImA5zsxACdisNQ3BjCBfmbGH3kQlnFVqlWU4tXwjy7cGX8ta80BcrO+WJXIn5iBylEH3K6ZTlee//lgQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-roving-focus@1.1.11':
+    resolution: {integrity: sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-scroll-area@1.2.10':
+    resolution: {integrity: sha512-tAXIa1g3sM5CGpVT0uIbUx/U3Gs5N8T52IICuCtObaos1S8fzsrPXG5WObkQN3S6NVl6wKgPhAIiBGbWnvc97A==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-select@2.2.6':
+    resolution: {integrity: sha512-I30RydO+bnn2PQztvo25tswPH+wFBjehVGtmagkU78yMdwTwVf12wnAOF+AeP8S2N8xD+5UPbGhkUfPyvT+mwQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-separator@1.1.8':
+    resolution: {integrity: sha512-sDvqVY4itsKwwSMEe0jtKgfTh+72Sy3gPmQpjqcQneqQ4PFmr/1I0YA+2/puilhggCe2gJcx5EBAYFkWkdpa5g==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-slider@1.3.6':
+    resolution: {integrity: sha512-JPYb1GuM1bxfjMRlNLE+BcmBC8onfCi60Blk7OBqi2MLTFdS+8401U4uFjnwkOr49BLmXxLC6JHkvAsx5OJvHw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-slot@1.2.3':
+    resolution: {integrity: sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-slot@1.2.4':
+    resolution: {integrity: sha512-Jl+bCv8HxKnlTLVrcDE8zTMJ09R9/ukw4qBs/oZClOfoQk/cOTbDn+NceXfV7j09YPVQUryJPHurafcSg6EVKA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-switch@1.2.6':
+    resolution: {integrity: sha512-bByzr1+ep1zk4VubeEVViV592vu2lHE2BZY5OnzehZqOOgogN80+mNtCqPkhn2gklJqOpxWgPoYTSnhBCqpOXQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-tabs@1.1.13':
+    resolution: {integrity: sha512-7xdcatg7/U+7+Udyoj2zodtI9H/IIopqo+YOIcZOq1nJwXWBZ9p8xiu5llXlekDbZkca79a/fozEYQXIA4sW6A==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-toggle-group@1.1.11':
+    resolution: {integrity: sha512-5umnS0T8JQzQT6HbPyO7Hh9dgd82NmS36DQr+X/YJ9ctFNCiiQd6IJAYYZ33LUwm8M+taCz5t2ui29fHZc4Y6Q==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-toggle@1.1.10':
+    resolution: {integrity: sha512-lS1odchhFTeZv3xwHH31YPObmJn8gOg7Lq12inrr0+BH/l3Tsq32VfjqH1oh80ARM3mlkfMic15n0kg4sD1poQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-tooltip@1.2.8':
+    resolution: {integrity: sha512-tY7sVt1yL9ozIxvmbtN5qtmH2krXcBCfjEiCgKGLqunJHvgvZG2Pcl2oQ3kbcZARb1BGEHdkLzcYGO8ynVlieg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-use-callback-ref@1.1.1':
+    resolution: {integrity: sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-controllable-state@1.2.2':
+    resolution: {integrity: sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-effect-event@0.0.2':
+    resolution: {integrity: sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-escape-keydown@1.1.1':
+    resolution: {integrity: sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-is-hydrated@0.1.0':
+    resolution: {integrity: sha512-U+UORVEq+cTnRIaostJv9AGdV3G6Y+zbVd+12e18jQ5A3c0xL03IhnHuiU4UV69wolOQp5GfR58NW/EgdQhwOA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-layout-effect@1.1.1':
+    resolution: {integrity: sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-previous@1.1.1':
+    resolution: {integrity: sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-rect@1.1.1':
+    resolution: {integrity: sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-size@1.1.1':
+    resolution: {integrity: sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-visually-hidden@1.2.3':
+    resolution: {integrity: sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/rect@1.1.1':
+    resolution: {integrity: sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==}
+
+  '@reduxjs/toolkit@2.11.2':
+    resolution: {integrity: sha512-Kd6kAHTA6/nUpp8mySPqj3en3dm0tdMIgbttnQ1xFMVpufoj+ADi8pXLBsd4xzTRHQa7t/Jv8W5UnCuW4kuWMQ==}
+    peerDependencies:
+      react: ^16.9.0 || ^17.0.0 || ^18 || ^19
+      react-redux: ^7.2.1 || ^8.1.3 || ^9.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      react-redux:
+        optional: true
+
+  '@rive-app/react-webgl2@4.27.3':
+    resolution: {integrity: sha512-f+i0w/iipxwJWOH2J+0u2se0OdTM5PNWqwndRMO6EwOG5YsHHOc9opmFQCViiwkzT6Sr3vU/hqdrZy8tno6exw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0
+
+  '@rive-app/webgl2@2.35.4':
+    resolution: {integrity: sha512-1dX1axIC6WgrvCkBsH1tjHjPz3xXGoDUuu3CZMdnlCOtGmASq4WM7LOPvuggmLgGl5mLHX9VF7Nr/AakpcMeUw==}
+
+  '@rollup/rollup-android-arm-eabi@4.60.1':
+    resolution: {integrity: sha512-d6FinEBLdIiK+1uACUttJKfgZREXrF0Qc2SmLII7W2AD8FfiZ9Wjd+rD/iRuf5s5dWrr1GgwXCvPqOuDquOowA==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.60.1':
+    resolution: {integrity: sha512-YjG/EwIDvvYI1YvYbHvDz/BYHtkY4ygUIXHnTdLhG+hKIQFBiosfWiACWortsKPKU/+dUwQQCKQM3qrDe8c9BA==}
+    cpu: [arm64]
+    os: [android]
+
+  '@rollup/rollup-darwin-arm64@4.60.1':
+    resolution: {integrity: sha512-mjCpF7GmkRtSJwon+Rq1N8+pI+8l7w5g9Z3vWj4T7abguC4Czwi3Yu/pFaLvA3TTeMVjnu3ctigusqWUfjZzvw==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-x64@4.60.1':
+    resolution: {integrity: sha512-haZ7hJ1JT4e9hqkoT9R/19XW2QKqjfJVv+i5AGg57S+nLk9lQnJ1F/eZloRO3o9Scy9CM3wQ9l+dkXtcBgN5Ew==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rollup/rollup-freebsd-arm64@4.60.1':
+    resolution: {integrity: sha512-czw90wpQq3ZsAVBlinZjAYTKduOjTywlG7fEeWKUA7oCmpA8xdTkxZZlwNJKWqILlq0wehoZcJYfBvOyhPTQ6w==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.60.1':
+    resolution: {integrity: sha512-KVB2rqsxTHuBtfOeySEyzEOB7ltlB/ux38iu2rBQzkjbwRVlkhAGIEDiiYnO2kFOkJp+Z7pUXKyrRRFuFUKt+g==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.60.1':
+    resolution: {integrity: sha512-L+34Qqil+v5uC0zEubW7uByo78WOCIrBvci69E7sFASRl0X7b/MB6Cqd1lky/CtcSVTydWa2WZwFuWexjS5o6g==}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-arm-musleabihf@4.60.1':
+    resolution: {integrity: sha512-n83O8rt4v34hgFzlkb1ycniJh7IR5RCIqt6mz1VRJD6pmhRi0CXdmfnLu9dIUS6buzh60IvACM842Ffb3xd6Gg==}
+    cpu: [arm]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-arm64-gnu@4.60.1':
+    resolution: {integrity: sha512-Nql7sTeAzhTAja3QXeAI48+/+GjBJ+QmAH13snn0AJSNL50JsDqotyudHyMbO2RbJkskbMbFJfIJKWA6R1LCJQ==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-arm64-musl@4.60.1':
+    resolution: {integrity: sha512-+pUymDhd0ys9GcKZPPWlFiZ67sTWV5UU6zOJat02M1+PiuSGDziyRuI/pPue3hoUwm2uGfxdL+trT6Z9rxnlMA==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-loong64-gnu@4.60.1':
+    resolution: {integrity: sha512-VSvgvQeIcsEvY4bKDHEDWcpW4Yw7BtlKG1GUT4FzBUlEKQK0rWHYBqQt6Fm2taXS+1bXvJT6kICu5ZwqKCnvlQ==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-loong64-musl@4.60.1':
+    resolution: {integrity: sha512-4LqhUomJqwe641gsPp6xLfhqWMbQV04KtPp7/dIp0nzPxAkNY1AbwL5W0MQpcalLYk07vaW9Kp1PBhdpZYYcEw==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-ppc64-gnu@4.60.1':
+    resolution: {integrity: sha512-tLQQ9aPvkBxOc/EUT6j3pyeMD6Hb8QF2BTBnCQWP/uu1lhc9AIrIjKnLYMEroIz/JvtGYgI9dF3AxHZNaEH0rw==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-ppc64-musl@4.60.1':
+    resolution: {integrity: sha512-RMxFhJwc9fSXP6PqmAz4cbv3kAyvD1etJFjTx4ONqFP9DkTkXsAMU4v3Vyc5BgzC+anz7nS/9tp4obsKfqkDHg==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.60.1':
+    resolution: {integrity: sha512-QKgFl+Yc1eEk6MmOBfRHYF6lTxiiiV3/z/BRrbSiW2I7AFTXoBFvdMEyglohPj//2mZS4hDOqeB0H1ACh3sBbg==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-riscv64-musl@4.60.1':
+    resolution: {integrity: sha512-RAjXjP/8c6ZtzatZcA1RaQr6O1TRhzC+adn8YZDnChliZHviqIjmvFwHcxi4JKPSDAt6Uhf/7vqcBzQJy0PDJg==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-s390x-gnu@4.60.1':
+    resolution: {integrity: sha512-wcuocpaOlaL1COBYiA89O6yfjlp3RwKDeTIA0hM7OpmhR1Bjo9j31G1uQVpDlTvwxGn2nQs65fBFL5UFd76FcQ==}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-x64-gnu@4.60.1':
+    resolution: {integrity: sha512-77PpsFQUCOiZR9+LQEFg9GClyfkNXj1MP6wRnzYs0EeWbPcHs02AXu4xuUbM1zhwn3wqaizle3AEYg5aeoohhg==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-x64-musl@4.60.1':
+    resolution: {integrity: sha512-5cIATbk5vynAjqqmyBjlciMJl1+R/CwX9oLk/EyiFXDWd95KpHdrOJT//rnUl4cUcskrd0jCCw3wpZnhIHdD9w==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-openbsd-x64@4.60.1':
+    resolution: {integrity: sha512-cl0w09WsCi17mcmWqqglez9Gk8isgeWvoUZ3WiJFYSR3zjBQc2J5/ihSjpl+VLjPqjQ/1hJRcqBfLjssREQILw==}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@rollup/rollup-openharmony-arm64@4.60.1':
+    resolution: {integrity: sha512-4Cv23ZrONRbNtbZa37mLSueXUCtN7MXccChtKpUnQNgF010rjrjfHx3QxkS2PI7LqGT5xXyYs1a7LbzAwT0iCA==}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rollup/rollup-win32-arm64-msvc@4.60.1':
+    resolution: {integrity: sha512-i1okWYkA4FJICtr7KpYzFpRTHgy5jdDbZiWfvny21iIKky5YExiDXP+zbXzm3dUcFpkEeYNHgQ5fuG236JPq0g==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rollup/rollup-win32-ia32-msvc@4.60.1':
+    resolution: {integrity: sha512-u09m3CuwLzShA0EYKMNiFgcjjzwqtUMLmuCJLeZWjjOYA3IT2Di09KaxGBTP9xVztWyIWjVdsB2E9goMjZvTQg==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-gnu@4.60.1':
+    resolution: {integrity: sha512-k+600V9Zl1CM7eZxJgMyTUzmrmhB/0XZnF4pRypKAlAgxmedUA+1v9R+XOFv56W4SlHEzfeMtzujLJD22Uz5zg==}
+    cpu: [x64]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-msvc@4.60.1':
+    resolution: {integrity: sha512-lWMnixq/QzxyhTV6NjQJ4SFo1J6PvOX8vUx5Wb4bBPsEb+8xZ89Bz6kOXpfXj9ak9AHTQVQzlgzBEc1SyM27xQ==}
+    cpu: [x64]
+    os: [win32]
+
+  '@sec-ant/readable-stream@0.4.1':
+    resolution: {integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==}
+
+  '@shikijs/core@3.23.0':
+    resolution: {integrity: sha512-NSWQz0riNb67xthdm5br6lAkvpDJRTgB36fxlo37ZzM2yq0PQFFzbd8psqC2XMPgCzo1fW6cVi18+ArJ44wqgA==}
+
+  '@shikijs/core@4.0.2':
+    resolution: {integrity: sha512-hxT0YF4ExEqB8G/qFdtJvpmHXBYJ2lWW7qTHDarVkIudPFE6iCIrqdgWxGn5s+ppkGXI0aEGlibI0PAyzP3zlw==}
+    engines: {node: '>=20'}
+
+  '@shikijs/engine-javascript@3.23.0':
+    resolution: {integrity: sha512-aHt9eiGFobmWR5uqJUViySI1bHMqrAgamWE1TYSUoftkAeCCAiGawPMwM+VCadylQtF4V3VNOZ5LmfItH5f3yA==}
+
+  '@shikijs/engine-javascript@4.0.2':
+    resolution: {integrity: sha512-7PW0Nm49DcoUIQEXlJhNNBHyoGMjalRETTCcjMqEaMoJRLljy1Bi/EGV3/qLBgLKQejdspiiYuHGQW6dX94Nag==}
+    engines: {node: '>=20'}
+
+  '@shikijs/engine-oniguruma@3.23.0':
+    resolution: {integrity: sha512-1nWINwKXxKKLqPibT5f4pAFLej9oZzQTsby8942OTlsJzOBZ0MWKiwzMsd+jhzu8YPCHAswGnnN1YtQfirL35g==}
+
+  '@shikijs/engine-oniguruma@4.0.2':
+    resolution: {integrity: sha512-UpCB9Y2sUKlS9z8juFSKz7ZtysmeXCgnRF0dlhXBkmQnek7lAToPte8DkxmEYGNTMii72zU/lyXiCB6StuZeJg==}
+    engines: {node: '>=20'}
+
+  '@shikijs/langs@3.23.0':
+    resolution: {integrity: sha512-2Ep4W3Re5aB1/62RSYQInK9mM3HsLeB91cHqznAJMuylqjzNVAVCMnNWRHFtcNHXsoNRayP9z1qj4Sq3nMqYXg==}
+
+  '@shikijs/langs@4.0.2':
+    resolution: {integrity: sha512-KaXby5dvoeuZzN0rYQiPMjFoUrz4hgwIE+D6Du9owcHcl6/g16/yT5BQxSW5cGt2MZBz6Hl0YuRqf12omRfUUg==}
+    engines: {node: '>=20'}
+
+  '@shikijs/primitive@4.0.2':
+    resolution: {integrity: sha512-M6UMPrSa3fN5ayeJwFVl9qWofl273wtK1VG8ySDZ1mQBfhCpdd8nEx7nPZ/tk7k+TYcpqBZzj/AnwxT9lO+HJw==}
+    engines: {node: '>=20'}
+
+  '@shikijs/themes@3.23.0':
+    resolution: {integrity: sha512-5qySYa1ZgAT18HR/ypENL9cUSGOeI2x+4IvYJu4JgVJdizn6kG4ia5Q1jDEOi7gTbN4RbuYtmHh0W3eccOrjMA==}
+
+  '@shikijs/themes@4.0.2':
+    resolution: {integrity: sha512-mjCafwt8lJJaVSsQvNVrJumbnnj1RI8jbUKrPKgE6E3OvQKxnuRoBaYC51H4IGHePsGN/QtALglWBU7DoKDFnA==}
+    engines: {node: '>=20'}
+
+  '@shikijs/types@3.23.0':
+    resolution: {integrity: sha512-3JZ5HXOZfYjsYSk0yPwBrkupyYSLpAE26Qc0HLghhZNGTZg/SKxXIIgoxOpmmeQP0RRSDJTk1/vPfw9tbw+jSQ==}
+
+  '@shikijs/types@4.0.2':
+    resolution: {integrity: sha512-qzbeRooUTPnLE+sHD/Z8DStmaDgnbbc/pMrU203950aRqjX/6AFHeDYT+j00y2lPdz0ywJKx7o/7qnqTivtlXg==}
+    engines: {node: '>=20'}
+
+  '@shikijs/vscode-textmate@10.0.2':
+    resolution: {integrity: sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==}
+
+  '@sindresorhus/merge-streams@4.0.0':
+    resolution: {integrity: sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==}
+    engines: {node: '>=18'}
+
+  '@standard-schema/spec@1.1.0':
+    resolution: {integrity: sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==}
+
+  '@standard-schema/utils@0.3.0':
+    resolution: {integrity: sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==}
+
+  '@streamdown/cjk@1.0.3':
+    resolution: {integrity: sha512-WRg8HR/gHbBoTgsMd91OKFUClIoDcEFVofJvluvEAyjx3KpU0aGgD9tGDqHkHj14ShoMSkX0IYetWGegTcwIJw==}
+    peerDependencies:
+      react: ^18.0.0 || ^19.0.0
+
+  '@streamdown/code@1.1.1':
+    resolution: {integrity: sha512-i7HTNuDgZWb+VdrNVOam9gQhIc5MSSDXKWXgbUrn/4vSRaSMM+Rtl10MQj4wLWPNpF7p80waJsAqFP8HZfb0Jg==}
+    peerDependencies:
+      react: ^18.0.0 || ^19.0.0
+
+  '@streamdown/math@1.0.2':
+    resolution: {integrity: sha512-r8Ur9/lBuFnzZAFdEWrLUF2s/gRwRRRwruqltdZibyjbCBnuW7SJbFm26nXqvpJPW/gzpBUMrBVBzd88z05D5g==}
+    peerDependencies:
+      react: ^18.0.0 || ^19.0.0
+
+  '@streamdown/mermaid@1.0.2':
+    resolution: {integrity: sha512-Fr/4sBWnAeSnxM3PcrV/+DiZe5oPMq9gOkUIAH7ZauJeuwrZ/DVzD4g0zlav6AH0axh2m/sOfrfLtY5aLT7niw==}
+    peerDependencies:
+      react: ^18.0.0 || ^19.0.0
+
+  '@tabby_ai/hijri-converter@1.0.5':
+    resolution: {integrity: sha512-r5bClKrcIusDoo049dSL8CawnHR6mRdDwhlQuIgZRNty68q0x8k3Lf1BtPAMxRf/GgnHBnIO4ujd3+GQdLWzxQ==}
+    engines: {node: '>=16.0.0'}
+
+  '@tailwindcss/node@4.2.2':
+    resolution: {integrity: sha512-pXS+wJ2gZpVXqFaUEjojq7jzMpTGf8rU6ipJz5ovJV6PUGmlJ+jvIwGrzdHdQ80Sg+wmQxUFuoW1UAAwHNEdFA==}
+
+  '@tailwindcss/oxide-android-arm64@4.2.2':
+    resolution: {integrity: sha512-dXGR1n+P3B6748jZO/SvHZq7qBOqqzQ+yFrXpoOWWALWndF9MoSKAT3Q0fYgAzYzGhxNYOoysRvYlpixRBBoDg==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.2.2':
+    resolution: {integrity: sha512-iq9Qjr6knfMpZHj55/37ouZeykwbDqF21gPFtfnhCCKGDcPI/21FKC9XdMO/XyBM7qKORx6UIhGgg6jLl7BZlg==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.2.2':
+    resolution: {integrity: sha512-BlR+2c3nzc8f2G639LpL89YY4bdcIdUmiOOkv2GQv4/4M0vJlpXEa0JXNHhCHU7VWOKWT/CjqHdTP8aUuDJkuw==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.2.2':
+    resolution: {integrity: sha512-YUqUgrGMSu2CDO82hzlQ5qSb5xmx3RUrke/QgnoEx7KvmRJHQuZHZmZTLSuuHwFf0DJPybFMXMYf+WJdxHy/nQ==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.2.2':
+    resolution: {integrity: sha512-FPdhvsW6g06T9BWT0qTwiVZYE2WIFo2dY5aCSpjG/S/u1tby+wXoslXS0kl3/KXnULlLr1E3NPRRw0g7t2kgaQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.2.2':
+    resolution: {integrity: sha512-4og1V+ftEPXGttOO7eCmW7VICmzzJWgMx+QXAJRAhjrSjumCwWqMfkDrNu1LXEQzNAwz28NCUpucgQPrR4S2yw==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.2.2':
+    resolution: {integrity: sha512-oCfG/mS+/+XRlwNjnsNLVwnMWYH7tn/kYPsNPh+JSOMlnt93mYNCKHYzylRhI51X+TbR+ufNhhKKzm6QkqX8ag==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.2.2':
+    resolution: {integrity: sha512-rTAGAkDgqbXHNp/xW0iugLVmX62wOp2PoE39BTCGKjv3Iocf6AFbRP/wZT/kuCxC9QBh9Pu8XPkv/zCZB2mcMg==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.2.2':
+    resolution: {integrity: sha512-XW3t3qwbIwiSyRCggeO2zxe3KWaEbM0/kW9e8+0XpBgyKU4ATYzcVSMKteZJ1iukJ3HgHBjbg9P5YPRCVUxlnQ==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@tailwindcss/oxide-wasm32-wasi@4.2.2':
+    resolution: {integrity: sha512-eKSztKsmEsn1O5lJ4ZAfyn41NfG7vzCg496YiGtMDV86jz1q/irhms5O0VrY6ZwTUkFy/EKG3RfWgxSI3VbZ8Q==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+    bundledDependencies:
+      - '@napi-rs/wasm-runtime'
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@tybys/wasm-util'
+      - '@emnapi/wasi-threads'
+      - tslib
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.2.2':
+    resolution: {integrity: sha512-qPmaQM4iKu5mxpsrWZMOZRgZv1tOZpUm+zdhhQP0VhJfyGGO3aUKdbh3gDZc/dPLQwW4eSqWGrrcWNBZWUWaXQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.2.2':
+    resolution: {integrity: sha512-1T/37VvI7WyH66b+vqHj/cLwnCxt7Qt3WFu5Q8hk65aOvlwAhs7rAp1VkulBJw/N4tMirXjVnylTR72uI0HGcA==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.2.2':
+    resolution: {integrity: sha512-qEUA07+E5kehxYp9BVMpq9E8vnJuBHfJEC0vPC5e7iL/hw7HR61aDKoVoKzrG+QKp56vhNZe4qwkRmMC0zDLvg==}
+    engines: {node: '>= 20'}
+
+  '@tailwindcss/postcss@4.2.2':
+    resolution: {integrity: sha512-n4goKQbW8RVXIbNKRB/45LzyUqN451deQK0nzIeauVEqjlI49slUlgKYJM2QyUzap/PcpnS7kzSUmPb1sCRvYQ==}
+
+  '@tanstack/react-table@8.21.3':
+    resolution: {integrity: sha512-5nNMTSETP4ykGegmVkhjcS8tTLW6Vl4axfEGQN3v0zdHYbK4UfoqfPChclTrJ4EoK9QynqAu9oUf8VEmrpZ5Ww==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      react: '>=16.8'
+      react-dom: '>=16.8'
+
+  '@tanstack/table-core@8.21.3':
+    resolution: {integrity: sha512-ldZXEhOBb8Is7xLs01fR3YEc3DERiz5silj8tnGkFZytt1abEvl/GhUmCE0PMLaMPTa3Jk4HbKmRlHmu+gCftg==}
+    engines: {node: '>=12'}
+
+  '@tokenlens/core@1.3.0':
+    resolution: {integrity: sha512-d8YNHNC+q10bVpi95fELJwJyPVf1HfvBEI18eFQxRSZTdByXrP+f/ZtlhSzkx0Jl0aEmYVeBA5tPeeYRioLViQ==}
+
+  '@tokenlens/fetch@1.3.0':
+    resolution: {integrity: sha512-RONDRmETYly9xO8XMKblmrZjKSwCva4s5ebJwQNfNlChZoA5kplPoCgnWceHnn1J1iRjLVlrCNB43ichfmGBKQ==}
+
+  '@tokenlens/helpers@1.3.1':
+    resolution: {integrity: sha512-t6yL8N6ES8337E6eVSeH4hCKnPdWkZRFpupy9w5E66Q9IeqQ9IO7XQ6gh12JKjvWiRHuyyJ8MBP5I549Cr41EQ==}
+
+  '@tokenlens/models@1.3.0':
+    resolution: {integrity: sha512-9mx7ZGeewW4ndXAiD7AT1bbCk4OpJeortbjHHyNkgap+pMPPn1chY6R5zqe1ggXIUzZ2l8VOAKfPqOvpcrisJw==}
+
+  '@ts-morph/common@0.27.0':
+    resolution: {integrity: sha512-Wf29UqxWDpc+i61k3oIOzcUfQt79PIT9y/MWfAGlrkjg6lBC1hwDECLXPVJAhWjiGbfBCxZd65F/LIZF3+jeJQ==}
+
+  '@types/chai@5.2.3':
+    resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
+
+  '@types/d3-array@3.2.2':
+    resolution: {integrity: sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==}
+
+  '@types/d3-axis@3.0.6':
+    resolution: {integrity: sha512-pYeijfZuBd87T0hGn0FO1vQ/cgLk6E1ALJjfkC0oJ8cbwkZl3TpgS8bVBLZN+2jjGgg38epgxb2zmoGtSfvgMw==}
+
+  '@types/d3-brush@3.0.6':
+    resolution: {integrity: sha512-nH60IZNNxEcrh6L1ZSMNA28rj27ut/2ZmI3r96Zd+1jrZD++zD3LsMIjWlvg4AYrHn/Pqz4CF3veCxGjtbqt7A==}
+
+  '@types/d3-chord@3.0.6':
+    resolution: {integrity: sha512-LFYWWd8nwfwEmTZG9PfQxd17HbNPksHBiJHaKuY1XeqscXacsS2tyoo6OdRsjf+NQYeB6XrNL3a25E3gH69lcg==}
+
+  '@types/d3-color@3.1.3':
+    resolution: {integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==}
+
+  '@types/d3-contour@3.0.6':
+    resolution: {integrity: sha512-BjzLgXGnCWjUSYGfH1cpdo41/hgdWETu4YxpezoztawmqsvCeep+8QGfiY6YbDvfgHz/DkjeIkkZVJavB4a3rg==}
+
+  '@types/d3-delaunay@6.0.4':
+    resolution: {integrity: sha512-ZMaSKu4THYCU6sV64Lhg6qjf1orxBthaC161plr5KuPHo3CNm8DTHiLw/5Eq2b6TsNP0W0iJrUOFscY6Q450Hw==}
+
+  '@types/d3-dispatch@3.0.7':
+    resolution: {integrity: sha512-5o9OIAdKkhN1QItV2oqaE5KMIiXAvDWBDPrD85e58Qlz1c1kI/J0NcqbEG88CoTwJrYe7ntUCVfeUl2UJKbWgA==}
+
+  '@types/d3-drag@3.0.7':
+    resolution: {integrity: sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ==}
+
+  '@types/d3-dsv@3.0.7':
+    resolution: {integrity: sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g==}
+
+  '@types/d3-ease@3.0.2':
+    resolution: {integrity: sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==}
+
+  '@types/d3-fetch@3.0.7':
+    resolution: {integrity: sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA==}
+
+  '@types/d3-force@3.0.10':
+    resolution: {integrity: sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw==}
+
+  '@types/d3-format@3.0.4':
+    resolution: {integrity: sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g==}
+
+  '@types/d3-geo@3.1.0':
+    resolution: {integrity: sha512-856sckF0oP/diXtS4jNsiQw/UuK5fQG8l/a9VVLeSouf1/PPbBE1i1W852zVwKwYCBkFJJB7nCFTbk6UMEXBOQ==}
+
+  '@types/d3-hierarchy@3.1.7':
+    resolution: {integrity: sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg==}
+
+  '@types/d3-interpolate@3.0.4':
+    resolution: {integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==}
+
+  '@types/d3-path@3.1.1':
+    resolution: {integrity: sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==}
+
+  '@types/d3-polygon@3.0.2':
+    resolution: {integrity: sha512-ZuWOtMaHCkN9xoeEMr1ubW2nGWsp4nIql+OPQRstu4ypeZ+zk3YKqQT0CXVe/PYqrKpZAi+J9mTs05TKwjXSRA==}
+
+  '@types/d3-quadtree@3.0.6':
+    resolution: {integrity: sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg==}
+
+  '@types/d3-random@3.0.3':
+    resolution: {integrity: sha512-Imagg1vJ3y76Y2ea0871wpabqp613+8/r0mCLEBfdtqC7xMSfj9idOnmBYyMoULfHePJyxMAw3nWhJxzc+LFwQ==}
+
+  '@types/d3-scale-chromatic@3.1.0':
+    resolution: {integrity: sha512-iWMJgwkK7yTRmWqRB5plb1kadXyQ5Sj8V/zYlFGMUBbIPKQScw+Dku9cAAMgJG+z5GYDoMjWGLVOvjghDEFnKQ==}
+
+  '@types/d3-scale@4.0.9':
+    resolution: {integrity: sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==}
+
+  '@types/d3-selection@3.0.11':
+    resolution: {integrity: sha512-bhAXu23DJWsrI45xafYpkQ4NtcKMwWnAC/vKrd2l+nxMFuvOT3XMYTIj2opv8vq8AO5Yh7Qac/nSeP/3zjTK0w==}
+
+  '@types/d3-shape@3.1.8':
+    resolution: {integrity: sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==}
+
+  '@types/d3-time-format@4.0.3':
+    resolution: {integrity: sha512-5xg9rC+wWL8kdDj153qZcsJ0FWiFt0J5RB6LYUNZjwSnesfblqrI/bJ1wBdJ8OQfncgbJG5+2F+qfqnqyzYxyg==}
+
+  '@types/d3-time@3.0.4':
+    resolution: {integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==}
+
+  '@types/d3-timer@3.0.2':
+    resolution: {integrity: sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==}
+
+  '@types/d3-transition@3.0.9':
+    resolution: {integrity: sha512-uZS5shfxzO3rGlu0cC3bjmMFKsXv+SmZZcgp0KD22ts4uGXp5EVYGzu/0YdwZeKmddhcAccYtREJKkPfXkZuCg==}
+
+  '@types/d3-zoom@3.0.8':
+    resolution: {integrity: sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw==}
+
+  '@types/d3@7.4.3':
+    resolution: {integrity: sha512-lZXZ9ckh5R8uiFVt8ogUNf+pIrK4EsWrx2Np75WvF/eTpJ0FMHNhjXk8CKEx/+gpHbNQyJWehbFaTvqmHWB3ww==}
+
+  '@types/debug@4.1.13':
+    resolution: {integrity: sha512-KSVgmQmzMwPlmtljOomayoR89W4FynCAi3E8PPs7vmDVPe84hT+vGPKkJfThkmXs0x0jAaa9U8uW8bbfyS2fWw==}
+
+  '@types/deep-eql@4.0.2':
+    resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==}
+
+  '@types/diff@6.0.0':
+    resolution: {integrity: sha512-dhVCYGv3ZSbzmQaBSagrv1WJ6rXCdkyTcDyoNu1MD8JohI7pR7k8wdZEm+mvdxRKXyHVwckFzWU1vJc+Z29MlA==}
+
+  '@types/estree-jsx@1.0.5':
+    resolution: {integrity: sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==}
+
+  '@types/estree@1.0.8':
+    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
+
+  '@types/geojson@7946.0.16':
+    resolution: {integrity: sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==}
+
+  '@types/hast@3.0.4':
+    resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
+
+  '@types/katex@0.16.8':
+    resolution: {integrity: sha512-trgaNyfU+Xh2Tc+ABIb44a5AYUpicB3uwirOioeOkNPPbmgRNtcWyDeeFRzjPZENO9Vq8gvVqfhaaXWLlevVwg==}
+
+  '@types/mdast@4.0.4':
+    resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
+
+  '@types/ms@2.1.0':
+    resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
+
+  '@types/node@22.19.17':
+    resolution: {integrity: sha512-wGdMcf+vPYM6jikpS/qhg6WiqSV/OhG+jeeHT/KlVqxYfD40iYJf9/AE1uQxVWFvU7MipKRkRv8NSHiCGgPr8Q==}
+
+  '@types/pngjs@6.0.5':
+    resolution: {integrity: sha512-0k5eKfrA83JOZPppLtS2C7OUtyNAl2wKNxfyYl9Q5g9lPkgBl/9hNyAu6HuEH2J4XmIv2znEpkDd0SaZVxW6iQ==}
+
+  '@types/prop-types@15.7.15':
+    resolution: {integrity: sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==}
+
+  '@types/react-dom@18.3.7':
+    resolution: {integrity: sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==}
+    peerDependencies:
+      '@types/react': ^18.0.0
+
+  '@types/react-dom@19.1.2':
+    resolution: {integrity: sha512-XGJkWF41Qq305SKWEILa1O8vzhb3aOo3ogBlSmiqNko/WmRb6QIaweuZCXjKygVDXpzXb5wyxKTSOsmkuqj+Qw==}
+    peerDependencies:
+      '@types/react': ^19.0.0
+
+  '@types/react@18.3.28':
+    resolution: {integrity: sha512-z9VXpC7MWrhfWipitjNdgCauoMLRdIILQsAEV+ZesIzBq/oUlxk0m3ApZuMFCXdnS4U7KrI+l3WRUEGQ8K1QKw==}
+
+  '@types/react@19.1.2':
+    resolution: {integrity: sha512-oxLPMytKchWGbnQM9O7D67uPa9paTNxO7jVoNMXgkkErULBPhPARCfkKL9ytcIJJRGjbsVwW4ugJzyFFvm/Tiw==}
+
+  '@types/statuses@2.0.6':
+    resolution: {integrity: sha512-xMAgYwceFhRA2zY+XbEA7mxYbA093wdiW8Vu6gZPGWy9cmOyU9XesH1tNcEWsKFd5Vzrqx5T3D38PWx1FIIXkA==}
+
+  '@types/trusted-types@2.0.7':
+    resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
+
+  '@types/unist@2.0.11':
+    resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==}
+
+  '@types/unist@3.0.3':
+    resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
+
+  '@types/use-sync-external-store@0.0.6':
+    resolution: {integrity: sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==}
+
+  '@types/validate-npm-package-name@4.0.2':
+    resolution: {integrity: sha512-lrpDziQipxCEeK5kWxvljWYhUvOiB2A9izZd9B2AFarYAkqZshb4lPbRs7zKEic6eGtH8V/2qJW+dPp9OtF6bw==}
+
+  '@ungap/structured-clone@1.3.0':
+    resolution: {integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==}
+
+  '@upsetjs/venn.js@2.0.0':
+    resolution: {integrity: sha512-WbBhLrooyePuQ1VZxrJjtLvTc4NVfpOyKx0sKqioq9bX1C1m7Jgykkn8gLrtwumBioXIqam8DLxp88Adbue6Hw==}
+
+  '@vercel/oidc@3.1.0':
+    resolution: {integrity: sha512-Fw28YZpRnA3cAHHDlkt7xQHiJ0fcL+NRcIqsocZQUSmbzeIKRpwttJjik5ZGanXP+vlA4SbTg+AbA3bP363l+w==}
+    engines: {node: '>= 20'}
+
+  '@vitest/expect@3.2.4':
+    resolution: {integrity: sha512-Io0yyORnB6sikFlt8QW5K7slY4OjqNX9jmJQ02QDda8lyM6B5oNgVWoSoKPac8/kgnCUzuHQKrSLtu/uOqqrig==}
+
+  '@vitest/mocker@3.2.4':
+    resolution: {integrity: sha512-46ryTE9RZO/rfDd7pEqFl7etuyzekzEhUbTW3BvmeO/BcCMEgq59BKhek3dXDWgAj4oMK6OZi+vRr1wPW6qjEQ==}
+    peerDependencies:
+      msw: ^2.4.9
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0-0
+    peerDependenciesMeta:
+      msw:
+        optional: true
+      vite:
+        optional: true
+
+  '@vitest/pretty-format@3.2.4':
+    resolution: {integrity: sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==}
+
+  '@vitest/runner@3.2.4':
+    resolution: {integrity: sha512-oukfKT9Mk41LreEW09vt45f8wx7DordoWUZMYdY/cyAk7w5TWkTRCNZYF7sX7n2wB7jyGAl74OxgwhPgKaqDMQ==}
+
+  '@vitest/snapshot@3.2.4':
+    resolution: {integrity: sha512-dEYtS7qQP2CjU27QBC5oUOxLE/v5eLkGqPE0ZKEIDGMs4vKWe7IjgLOeauHsR0D5YuuycGRO5oSRXnwnmA78fQ==}
+
+  '@vitest/spy@3.2.4':
+    resolution: {integrity: sha512-vAfasCOe6AIK70iP5UD11Ac4siNUNJ9i/9PZ3NKx07sG6sUxeag1LWdNrMWeKKYBLlzuK+Gn65Yd5nyL6ds+nw==}
+
+  '@vitest/utils@3.2.4':
     resolution: {integrity: sha512-fB2V0JFrQSMsCo9HiSq3Ezpdv4iYaXRG1Sx8edX3MwxfyNn83mKiGzOcH+Fkxt4MHxr3y42fQi1oeAInqgX2QA==}
 
-  assertion-error@2.0.1:
-    resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
-    engines: {node: '>=12'}
+  '@xyflow/react@12.10.2':
+    resolution: {integrity: sha512-CgIi6HwlcHXwlkTpr0fxLv/0sRVNZ8IdwKLzzeCscaYBwpvfcH1QFOCeaTCuEn1FQEs/B8CjnTSjhs8udgmBgQ==}
+    peerDependencies:
+      react: '>=17'
+      react-dom: '>=17'
+
+  '@xyflow/system@0.0.76':
+    resolution: {integrity: sha512-hvwvnRS1B3REwVDlWexsq7YQaPZeG3/mKo1jv38UmnpWmxihp14bW6VtEOuHEwJX2FvzFw8k77LyKSk/wiZVNA==}
+
+  accepts@2.0.0:
+    resolution: {integrity: sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==}
+    engines: {node: '>= 0.6'}
+
+  acorn-jsx@5.3.2:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  acorn@8.16.0:
+    resolution: {integrity: sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  agent-base@7.1.4:
+    resolution: {integrity: sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==}
+    engines: {node: '>= 14'}
+
+  ai@6.0.146:
+    resolution: {integrity: sha512-70DE8k1rR0N3mXxyyfjYAx/FxRln/kQ5ym18lt1ys1eUklcPuoIXGbUBwdfCbmkt6YF3jCDZ5+OgkWieP/NGDw==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      zod: ^3.25.76 || ^4.1.8
+
+  ajv-formats@3.0.1:
+    resolution: {integrity: sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==}
+    peerDependencies:
+      ajv: ^8.0.0
+    peerDependenciesMeta:
+      ajv:
+        optional: true
+
+  ajv@8.18.0:
+    resolution: {integrity: sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==}
+
+  anser@2.3.5:
+    resolution: {integrity: sha512-vcZjxvvVoxTeR5XBNJB38oTu/7eDCZlwdz32N1eNgpyPF7j/Z7Idf+CUwQOkKKpJ7RJyjxgLHCM7vdIK0iCNMQ==}
+
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
+  ansi-regex@6.2.2:
+    resolution: {integrity: sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==}
+    engines: {node: '>=12'}
+
+  ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+
+  ansi-to-react@6.2.6:
+    resolution: {integrity: sha512-Eqi0iaMK5OZ3jsVFxWvU2B74UZBnGuHlkflKMX6wTOeH+luy9KE2O0gUkc2PxhIP1R4IO0xohv62UMFInQOSeg==}
+    peerDependencies:
+      react: ^16.3.2 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.3.2 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  ansis@4.2.0:
+    resolution: {integrity: sha512-HqZ5rWlFjGiV0tDm3UxxgNRqsOTniqoKZu0pIAfh7TZQMGuZK+hH0drySty0si0QXj1ieop4+SkSfPZBPPkHig==}
+    engines: {node: '>=14'}
+
+  argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+
+  aria-hidden@1.2.6:
+    resolution: {integrity: sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==}
+    engines: {node: '>=10'}
+
+  assertion-error@2.0.1:
+    resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
+    engines: {node: '>=12'}
+
+  ast-types@0.16.1:
+    resolution: {integrity: sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==}
+    engines: {node: '>=4'}
+
+  bail@2.0.2:
+    resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==}
+
+  balanced-match@4.0.4:
+    resolution: {integrity: sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==}
+    engines: {node: 18 || 20 || >=22}
+
+  baseline-browser-mapping@2.10.14:
+    resolution: {integrity: sha512-fOVLPAsFTsQfuCkvahZkzq6nf8KvGWanlYoTh0SVA0A/PIUxQGU2AOZAoD95n2gFLVDW/jP6sbGLny95nmEuHA==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  body-parser@2.2.2:
+    resolution: {integrity: sha512-oP5VkATKlNwcgvxi0vM0p/D3n2C3EReYVX+DNYs5TjZFn/oQt2j+4sVJtSMr18pdRr8wjTcBl6LoV+FUwzPmNA==}
+    engines: {node: '>=18'}
+
+  brace-expansion@5.0.5:
+    resolution: {integrity: sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==}
+    engines: {node: 18 || 20 || >=22}
+
+  braces@3.0.3:
+    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
+    engines: {node: '>=8'}
+
+  browserslist@4.28.2:
+    resolution: {integrity: sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  bundle-name@4.1.0:
+    resolution: {integrity: sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==}
+    engines: {node: '>=18'}
+
+  bytes@3.1.2:
+    resolution: {integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==}
+    engines: {node: '>= 0.8'}
+
+  cac@6.7.14:
+    resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
+    engines: {node: '>=8'}
+
+  call-bind-apply-helpers@1.0.2:
+    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
+    engines: {node: '>= 0.4'}
+
+  call-bound@1.0.4:
+    resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
+    engines: {node: '>= 0.4'}
+
+  callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+
+  caniuse-lite@1.0.30001785:
+    resolution: {integrity: sha512-blhOL/WNR+Km1RI/LCVAvA73xplXA7ZbjzI4YkMK9pa6T/P3F2GxjNpEkyw5repTw9IvkyrjyHpwjnhZ5FOvYQ==}
+
+  ccount@2.0.1:
+    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
+
+  ce-la-react@0.3.2:
+    resolution: {integrity: sha512-QJ6k4lOD/btI08xG8jBPxRCGXvCnusGGkTsiXk0u3NqUu/W+BXRnFD4PYjwtqh8AWmGa5LDbGk0fLQsqr0nSMA==}
+    peerDependencies:
+      react: '>=17.0.0'
+
+  chai@5.3.3:
+    resolution: {integrity: sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==}
+    engines: {node: '>=18'}
+
+  chalk@5.6.2:
+    resolution: {integrity: sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+
+  character-entities-html4@2.1.0:
+    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
+
+  character-entities-legacy@3.0.0:
+    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
+
+  character-entities@2.0.2:
+    resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
+
+  character-reference-invalid@2.0.1:
+    resolution: {integrity: sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==}
+
+  check-error@2.1.3:
+    resolution: {integrity: sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==}
+    engines: {node: '>= 16'}
+
+  chevrotain-allstar@0.3.1:
+    resolution: {integrity: sha512-b7g+y9A0v4mxCW1qUhf3BSVPg+/NvGErk/dOkrDaHA0nQIQGAtrOjlX//9OQtRlSCy+x9rfB5N8yC71lH1nvMw==}
+    peerDependencies:
+      chevrotain: ^11.0.0
+
+  chevrotain@11.1.2:
+    resolution: {integrity: sha512-opLQzEVriiH1uUQ4Kctsd49bRoFDXGGSC4GUqj7pGyxM3RehRhvTlZJc1FL/Flew2p5uwxa1tUDWKzI4wNM8pg==}
+
+  citty@0.2.2:
+    resolution: {integrity: sha512-+6vJA3L98yv+IdfKGZHBNiGW5KHn22e/JwID0Strsz8h4S/csAu/OuICwxrg44k5MRiZHWIo8XXuJgQTriRP4w==}
+
+  class-variance-authority@0.7.1:
+    resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
+
+  classcat@5.0.5:
+    resolution: {integrity: sha512-JhZUT7JFcQy/EzW605k/ktHtncoo9vnyW/2GspNYwFlN1C/WmjuV/xtS04e9SOkL2sTdw0VAZ2UGCcQ9lR6p6w==}
+
+  cli-cursor@5.0.0:
+    resolution: {integrity: sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==}
+    engines: {node: '>=18'}
+
+  cli-spinners@2.9.2:
+    resolution: {integrity: sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==}
+    engines: {node: '>=6'}
+
+  cli-width@4.1.0:
+    resolution: {integrity: sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==}
+    engines: {node: '>= 12'}
+
+  cliui@8.0.1:
+    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
+    engines: {node: '>=12'}
+
+  clsx@2.1.1:
+    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
+    engines: {node: '>=6'}
+
+  cmdk@1.1.1:
+    resolution: {integrity: sha512-Vsv7kFaXm+ptHDMZ7izaRsP70GgrW9NBNGswt9OZaVBLlE0SNpDq8eu/VGXyF9r7M0azK3Wy7OlYXsuyYLFzHg==}
+    peerDependencies:
+      react: ^18 || ^19 || ^19.0.0-rc
+      react-dom: ^18 || ^19 || ^19.0.0-rc
+
+  code-block-writer@13.0.3:
+    resolution: {integrity: sha512-Oofo0pq3IKnsFtuHqSF7TqBfr71aeyZDVJ0HpmqB7FBM2qEigL0iPONSCZSO9pE9dZTAxANe5XHG9Uy0YMv8cg==}
+
+  color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+
+  color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
+  comma-separated-tokens@2.0.3:
+    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
+
+  commander@11.1.0:
+    resolution: {integrity: sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==}
+    engines: {node: '>=16'}
+
+  commander@14.0.3:
+    resolution: {integrity: sha512-H+y0Jo/T1RZ9qPP4Eh1pkcQcLRglraJaSLoyOtHxu6AapkjWVCy2Sit1QQ4x3Dng8qDlSsZEet7g5Pq06MvTgw==}
+    engines: {node: '>=20'}
+
+  commander@7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
+    engines: {node: '>= 10'}
+
+  commander@8.3.0:
+    resolution: {integrity: sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==}
+    engines: {node: '>= 12'}
+
+  confbox@0.1.8:
+    resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
+
+  content-disposition@1.0.1:
+    resolution: {integrity: sha512-oIXISMynqSqm241k6kcQ5UwttDILMK4BiurCfGEREw6+X9jkkpEe5T9FZaApyLGGOnFuyMWZpdolTXMtvEJ08Q==}
+    engines: {node: '>=18'}
+
+  content-type@1.0.5:
+    resolution: {integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==}
+    engines: {node: '>= 0.6'}
+
+  convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+
+  cookie-signature@1.2.2:
+    resolution: {integrity: sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==}
+    engines: {node: '>=6.6.0'}
+
+  cookie@0.7.2:
+    resolution: {integrity: sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==}
+    engines: {node: '>= 0.6'}
+
+  cookie@1.1.1:
+    resolution: {integrity: sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==}
+    engines: {node: '>=18'}
+
+  cors@2.8.6:
+    resolution: {integrity: sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw==}
+    engines: {node: '>= 0.10'}
+
+  cose-base@1.0.3:
+    resolution: {integrity: sha512-s9whTXInMSgAp/NVXVNuVxVKzGH2qck3aQlVHxDCdAEPgtMKwc4Wq6/QKhgdEdgbLSi9rBTAcPoRa6JpiG4ksg==}
+
+  cose-base@2.2.0:
+    resolution: {integrity: sha512-AzlgcsCbUMymkADOJtQm3wO9S3ltPfYOFD5033keQn9NJzIbtnZj+UdBJe7DYml/8TdbtHJW3j58SOnKhWY/5g==}
+
+  cosmiconfig@9.0.1:
+    resolution: {integrity: sha512-hr4ihw+DBqcvrsEDioRO31Z17x71pUYoNe/4h6Z0wB72p7MU7/9gH8Q3s12NFhHPfYBBOV3qyfUxmr/Yn3shnQ==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      typescript: '>=4.9.5'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  cross-spawn@7.0.6:
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
+    engines: {node: '>= 8'}
+
+  cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
+
+  cytoscape-cose-bilkent@4.1.0:
+    resolution: {integrity: sha512-wgQlVIUJF13Quxiv5e1gstZ08rnZj2XaLHGoFMYXz7SkNfCDOOteKBE6SYRfA9WxxI/iBc3ajfDoc6hb/MRAHQ==}
+    peerDependencies:
+      cytoscape: ^3.2.0
+
+  cytoscape-fcose@2.2.0:
+    resolution: {integrity: sha512-ki1/VuRIHFCzxWNrsshHYPs6L7TvLu3DL+TyIGEsRcvVERmxokbf5Gdk7mFxZnTdiGtnA4cfSmjZJMviqSuZrQ==}
+    peerDependencies:
+      cytoscape: ^3.2.0
+
+  cytoscape@3.33.1:
+    resolution: {integrity: sha512-iJc4TwyANnOGR1OmWhsS9ayRS3s+XQ185FmuHObThD+5AeJCakAAbWv8KimMTt08xCCLNgneQwFp+JRJOr9qGQ==}
+    engines: {node: '>=0.10'}
+
+  d3-array@2.12.1:
+    resolution: {integrity: sha512-B0ErZK/66mHtEsR1TkPEEkwdy+WDesimkM5gpZr5Dsg54BiTA5RXtYW5qTLIAcekaS9xfZrzBLF/OAkB3Qn1YQ==}
+
+  d3-array@3.2.4:
+    resolution: {integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==}
+    engines: {node: '>=12'}
+
+  d3-axis@3.0.0:
+    resolution: {integrity: sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==}
+    engines: {node: '>=12'}
+
+  d3-brush@3.0.0:
+    resolution: {integrity: sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==}
+    engines: {node: '>=12'}
+
+  d3-chord@3.0.1:
+    resolution: {integrity: sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==}
+    engines: {node: '>=12'}
+
+  d3-color@3.1.0:
+    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
+    engines: {node: '>=12'}
+
+  d3-contour@4.0.2:
+    resolution: {integrity: sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==}
+    engines: {node: '>=12'}
+
+  d3-delaunay@6.0.4:
+    resolution: {integrity: sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==}
+    engines: {node: '>=12'}
+
+  d3-dispatch@3.0.1:
+    resolution: {integrity: sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==}
+    engines: {node: '>=12'}
+
+  d3-drag@3.0.0:
+    resolution: {integrity: sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==}
+    engines: {node: '>=12'}
+
+  d3-dsv@3.0.1:
+    resolution: {integrity: sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  d3-ease@3.0.1:
+    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
+    engines: {node: '>=12'}
+
+  d3-fetch@3.0.1:
+    resolution: {integrity: sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==}
+    engines: {node: '>=12'}
+
+  d3-force@3.0.0:
+    resolution: {integrity: sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==}
+    engines: {node: '>=12'}
+
+  d3-format@3.1.2:
+    resolution: {integrity: sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==}
+    engines: {node: '>=12'}
+
+  d3-geo@3.1.1:
+    resolution: {integrity: sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q==}
+    engines: {node: '>=12'}
+
+  d3-hierarchy@3.1.2:
+    resolution: {integrity: sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==}
+    engines: {node: '>=12'}
+
+  d3-interpolate@3.0.1:
+    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
+    engines: {node: '>=12'}
+
+  d3-path@1.0.9:
+    resolution: {integrity: sha512-VLaYcn81dtHVTjEHd8B+pbe9yHWpXKZUC87PzoFmsFrJqgFwDe/qxfp5MlfsfM1V5E/iVt0MmEbWQ7FVIXh/bg==}
+
+  d3-path@3.1.0:
+    resolution: {integrity: sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==}
+    engines: {node: '>=12'}
+
+  d3-polygon@3.0.1:
+    resolution: {integrity: sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==}
+    engines: {node: '>=12'}
+
+  d3-quadtree@3.0.1:
+    resolution: {integrity: sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==}
+    engines: {node: '>=12'}
+
+  d3-random@3.0.1:
+    resolution: {integrity: sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==}
+    engines: {node: '>=12'}
+
+  d3-sankey@0.12.3:
+    resolution: {integrity: sha512-nQhsBRmM19Ax5xEIPLMY9ZmJ/cDvd1BG3UVvt5h3WRxKg5zGRbvnteTyWAbzeSvlh3tW7ZEmq4VwR5mB3tutmQ==}
+
+  d3-scale-chromatic@3.1.0:
+    resolution: {integrity: sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ==}
+    engines: {node: '>=12'}
+
+  d3-scale@4.0.2:
+    resolution: {integrity: sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==}
+    engines: {node: '>=12'}
+
+  d3-selection@3.0.0:
+    resolution: {integrity: sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==}
+    engines: {node: '>=12'}
+
+  d3-shape@1.3.7:
+    resolution: {integrity: sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw==}
+
+  d3-shape@3.2.0:
+    resolution: {integrity: sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==}
+    engines: {node: '>=12'}
+
+  d3-time-format@4.1.0:
+    resolution: {integrity: sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==}
+    engines: {node: '>=12'}
+
+  d3-time@3.1.0:
+    resolution: {integrity: sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==}
+    engines: {node: '>=12'}
+
+  d3-timer@3.0.1:
+    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
+    engines: {node: '>=12'}
+
+  d3-transition@3.0.1:
+    resolution: {integrity: sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      d3-selection: 2 - 3
+
+  d3-zoom@3.0.0:
+    resolution: {integrity: sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==}
+    engines: {node: '>=12'}
+
+  d3@7.9.0:
+    resolution: {integrity: sha512-e1U46jVP+w7Iut8Jt8ri1YsPOvFpg46k+K8TpCb0P+zjCkjkPnV7WzfDJzMHy1LnA+wj5pLT1wjO901gLXeEhA==}
+    engines: {node: '>=12'}
+
+  dagre-d3-es@7.0.14:
+    resolution: {integrity: sha512-P4rFMVq9ESWqmOgK+dlXvOtLwYg0i7u0HBGJER0LZDJT2VHIPAMZ/riPxqJceWMStH5+E61QxFra9kIS3AqdMg==}
+
+  data-uri-to-buffer@4.0.1:
+    resolution: {integrity: sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==}
+    engines: {node: '>= 12'}
+
+  date-fns-jalali@4.1.0-0:
+    resolution: {integrity: sha512-hTIP/z+t+qKwBDcmmsnmjWTduxCg+5KfdqWQvb2X/8C9+knYY6epN/pfxdDuyVlSVeFz0sM5eEfwIUQ70U4ckg==}
+
+  date-fns@4.1.0:
+    resolution: {integrity: sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==}
+
+  dayjs@1.11.20:
+    resolution: {integrity: sha512-YbwwqR/uYpeoP4pu043q+LTDLFBLApUP6VxRihdfNTqu4ubqMlGDLd6ErXhEgsyvY0K6nCs7nggYumAN+9uEuQ==}
+
+  debug@4.4.3:
+    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  decimal.js-light@2.5.1:
+    resolution: {integrity: sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==}
+
+  decode-named-character-reference@1.3.0:
+    resolution: {integrity: sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==}
+
+  dedent@1.7.2:
+    resolution: {integrity: sha512-WzMx3mW98SN+zn3hgemf4OzdmyNhhhKz5Ay0pUfQiMQ3e1g+xmTJWp/pKdwKVXhdSkAEGIIzqeuWrL3mV/AXbA==}
+    peerDependencies:
+      babel-plugin-macros: ^3.1.0
+    peerDependenciesMeta:
+      babel-plugin-macros:
+        optional: true
+
+  deep-eql@5.0.2:
+    resolution: {integrity: sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==}
+    engines: {node: '>=6'}
+
+  deepmerge@4.3.1:
+    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
+    engines: {node: '>=0.10.0'}
+
+  default-browser-id@5.0.1:
+    resolution: {integrity: sha512-x1VCxdX4t+8wVfd1so/9w+vQ4vx7lKd2Qp5tDRutErwmR85OgmfX7RlLRMWafRMY7hbEiXIbudNrjOAPa/hL8Q==}
+    engines: {node: '>=18'}
+
+  default-browser@5.5.0:
+    resolution: {integrity: sha512-H9LMLr5zwIbSxrmvikGuI/5KGhZ8E2zH3stkMgM5LpOWDutGM2JZaj460Udnf1a+946zc7YBgrqEWwbk7zHvGw==}
+    engines: {node: '>=18'}
+
+  define-lazy-prop@3.0.0:
+    resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==}
+    engines: {node: '>=12'}
+
+  delaunator@5.1.0:
+    resolution: {integrity: sha512-AGrQ4QSgssa1NGmWmLPqN5NY2KajF5MqxetNEO+o0n3ZwZZeTmt7bBnvzHWrmkZFxGgr4HdyFgelzgi06otLuQ==}
+
+  depd@2.0.0:
+    resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==}
+    engines: {node: '>= 0.8'}
+
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
+
+  detect-node-es@1.1.0:
+    resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
+
+  devlop@1.1.0:
+    resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
+
+  diff@7.0.0:
+    resolution: {integrity: sha512-PJWHUb1RFevKCwaFA9RlG5tCd+FO5iRh9A8HEtkmBH2Li03iJriB6m6JIN4rGz3K3JLawI7/veA1xzRKP6ISBw==}
+    engines: {node: '>=0.3.1'}
+
+  diff@8.0.4:
+    resolution: {integrity: sha512-DPi0FmjiSU5EvQV0++GFDOJ9ASQUVFh5kD+OzOnYdi7n3Wpm9hWWGfB/O2blfHcMVTL5WkQXSnRiK9makhrcnw==}
+    engines: {node: '>=0.3.1'}
+
+  dompurify@3.3.3:
+    resolution: {integrity: sha512-Oj6pzI2+RqBfFG+qOaOLbFXLQ90ARpcGG6UePL82bJLtdsa6CYJD7nmiU8MW9nQNOtCHV3lZ/Bzq1X0QYbBZCA==}
+
+  dotenv@17.4.0:
+    resolution: {integrity: sha512-kCKF62fwtzwYm0IGBNjRUjtJgMfGapII+FslMHIjMR5KTnwEmBmWLDRSnc3XSNP8bNy34tekgQyDT0hr7pERRQ==}
+    engines: {node: '>=12'}
+
+  dunder-proto@1.0.1:
+    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
+    engines: {node: '>= 0.4'}
+
+  eciesjs@0.4.18:
+    resolution: {integrity: sha512-wG99Zcfcys9fZux7Cft8BAX/YrOJLJSZ3jyYPfhZHqN2E+Ffx+QXBDsv3gubEgPtV6dTzJMSQUwk1H98/t/0wQ==}
+    engines: {bun: '>=1', deno: '>=2', node: '>=16'}
+
+  ee-first@1.1.1:
+    resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
+
+  electron-to-chromium@1.5.331:
+    resolution: {integrity: sha512-IbxXrsTlD3hRodkLnbxAPP4OuJYdWCeM3IOdT+CpcMoIwIoDfCmRpEtSPfwBXxVkg9xmBeY7Lz2Eo2TDn/HC3Q==}
+
+  embla-carousel-react@8.6.0:
+    resolution: {integrity: sha512-0/PjqU7geVmo6F734pmPqpyHqiM99olvyecY7zdweCw+6tKEXnrE90pBiBbMMU8s5tICemzpQ3hi5EpxzGW+JA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.1 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+
+  embla-carousel-reactive-utils@8.6.0:
+    resolution: {integrity: sha512-fMVUDUEx0/uIEDM0Mz3dHznDhfX+znCCDCeIophYb1QGVM7YThSWX+wz11zlYwWFOr74b4QLGg0hrGPJeG2s4A==}
+    peerDependencies:
+      embla-carousel: 8.6.0
+
+  embla-carousel@8.6.0:
+    resolution: {integrity: sha512-SjWyZBHJPbqxHOzckOfo8lHisEaJWmwd23XppYFYVh10bU66/Pn5tkVkbkCMZVdbUE5eTCI2nD8OyIP4Z+uwkA==}
+
+  emoji-regex@10.6.0:
+    resolution: {integrity: sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==}
+
+  emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
+  encodeurl@2.0.0:
+    resolution: {integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==}
+    engines: {node: '>= 0.8'}
+
+  enhanced-resolve@5.20.1:
+    resolution: {integrity: sha512-Qohcme7V1inbAfvjItgw0EaxVX5q2rdVEZHRBrEQdRZTssLDGsL8Lwrznl8oQ/6kuTJONLaDcGjkNP247XEhcA==}
+    engines: {node: '>=10.13.0'}
+
+  entities@6.0.1:
+    resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==}
+    engines: {node: '>=0.12'}
+
+  env-paths@2.2.1:
+    resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
+    engines: {node: '>=6'}
+
+  error-ex@1.3.4:
+    resolution: {integrity: sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==}
+
+  es-define-property@1.0.1:
+    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
+    engines: {node: '>= 0.4'}
+
+  es-errors@1.3.0:
+    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
+    engines: {node: '>= 0.4'}
+
+  es-module-lexer@1.7.0:
+    resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
+
+  es-object-atoms@1.1.1:
+    resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
+    engines: {node: '>= 0.4'}
+
+  es-toolkit@1.45.1:
+    resolution: {integrity: sha512-/jhoOj/Fx+A+IIyDNOvO3TItGmlMKhtX8ISAHKE90c4b/k1tqaqEZ+uUqfpU8DMnW5cgNJv606zS55jGvza0Xw==}
+
+  esbuild@0.27.7:
+    resolution: {integrity: sha512-IxpibTjyVnmrIQo5aqNpCgoACA/dTKLTlhMHihVHhdkxKyPO1uBBthumT0rdHmcsk9uMonIWS0m4FljWzILh3w==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  escalade@3.2.0:
+    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
+    engines: {node: '>=6'}
+
+  escape-carriage@1.3.1:
+    resolution: {integrity: sha512-GwBr6yViW3ttx1kb7/Oh+gKQ1/TrhYwxKqVmg5gS+BK+Qe2KrOa/Vh7w3HPBvgGf0LfcDGoY9I6NHKoA5Hozhw==}
+
+  escape-html@1.0.3:
+    resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
+
+  escape-string-regexp@5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+    engines: {node: '>=12'}
+
+  esprima@4.0.1:
+    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  estree-util-is-identifier-name@3.0.0:
+    resolution: {integrity: sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==}
+
+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
+  etag@1.8.1:
+    resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
+    engines: {node: '>= 0.6'}
+
+  eventemitter3@5.0.4:
+    resolution: {integrity: sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==}
+
+  eventsource-parser@3.0.6:
+    resolution: {integrity: sha512-Vo1ab+QXPzZ4tCa8SwIHJFaSzy4R6SHf7BY79rFBDf0idraZWAkYrDjDj8uWaSm3S2TK+hJ7/t1CEmZ7jXw+pg==}
+    engines: {node: '>=18.0.0'}
+
+  eventsource@3.0.7:
+    resolution: {integrity: sha512-CRT1WTyuQoD771GW56XEZFQ/ZoSfWid1alKGDYMmkt2yl8UXrVR4pspqWNEcqKvVIzg6PAltWjxcSSPrboA4iA==}
+    engines: {node: '>=18.0.0'}
+
+  execa@5.1.1:
+    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
+    engines: {node: '>=10'}
+
+  execa@9.6.1:
+    resolution: {integrity: sha512-9Be3ZoN4LmYR90tUoVu2te2BsbzHfhJyfEiAVfz7N5/zv+jduIfLrV2xdQXOHbaD6KgpGdO9PRPM1Y4Q9QkPkA==}
+    engines: {node: ^18.19.0 || >=20.5.0}
+
+  expect-type@1.3.0:
+    resolution: {integrity: sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==}
+    engines: {node: '>=12.0.0'}
+
+  express-rate-limit@8.3.2:
+    resolution: {integrity: sha512-77VmFeJkO0/rvimEDuUC5H30oqUC4EyOhyGccfqoLebB0oiEYfM7nwPrsDsBL1gsTpwfzX8SFy2MT3TDyRq+bg==}
+    engines: {node: '>= 16'}
+    peerDependencies:
+      express: '>= 4.11'
+
+  express@5.2.1:
+    resolution: {integrity: sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==}
+    engines: {node: '>= 18'}
+
+  extend@3.0.2:
+    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
+
+  fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  fast-glob@3.3.3:
+    resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
+    engines: {node: '>=8.6.0'}
+
+  fast-uri@3.1.0:
+    resolution: {integrity: sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==}
+
+  fastq@1.20.1:
+    resolution: {integrity: sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==}
+
+  fdir@6.5.0:
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
+  fetch-blob@3.2.0:
+    resolution: {integrity: sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==}
+    engines: {node: ^12.20 || >= 14.13}
+
+  figures@6.1.0:
+    resolution: {integrity: sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==}
+    engines: {node: '>=18'}
+
+  fill-range@7.1.1:
+    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
+    engines: {node: '>=8'}
+
+  finalhandler@2.1.1:
+    resolution: {integrity: sha512-S8KoZgRZN+a5rNwqTxlZZePjT/4cnm0ROV70LedRHZ0p8u9fRID0hJUZQpkKLzro8LfmC8sx23bY6tVNxv8pQA==}
+    engines: {node: '>= 18.0.0'}
+
+  formdata-polyfill@4.0.10:
+    resolution: {integrity: sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==}
+    engines: {node: '>=12.20.0'}
+
+  forwarded@0.2.0:
+    resolution: {integrity: sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==}
+    engines: {node: '>= 0.6'}
+
+  framer-motion@12.38.0:
+    resolution: {integrity: sha512-rFYkY/pigbcswl1XQSb7q424kSTQ8q6eAC+YUsSKooHQYuLdzdHjrt6uxUC+PRAO++q5IS7+TamgIw1AphxR+g==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
+  fresh@2.0.0:
+    resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
+    engines: {node: '>= 0.8'}
+
+  fs-extra@11.3.4:
+    resolution: {integrity: sha512-CTXd6rk/M3/ULNQj8FBqBWHYBVYybQ3VPBw0xGKFe3tuH7ytT6ACnvzpIQ3UZtB8yvUKC2cXn1a+x+5EVQLovA==}
+    engines: {node: '>=14.14'}
+
+  fsevents@2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+
+  fuzzysort@3.1.0:
+    resolution: {integrity: sha512-sR9BNCjBg6LNgwvxlBd0sBABvQitkLzoVY9MYYROQVX/FvfJ4Mai9LsGhDgd8qYdds0bY77VzYd5iuB+v5rwQQ==}
+
+  fzf@0.5.2:
+    resolution: {integrity: sha512-Tt4kuxLXFKHy8KT40zwsUPUkg1CrsgY25FxA2U/j/0WgEDCk3ddc/zLTCCcbSHX9FcKtLuVaDGtGE/STWC+j3Q==}
+
+  gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
+    engines: {node: '>=6.9.0'}
+
+  get-caller-file@2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
+    engines: {node: 6.* || 8.* || >= 10.*}
+
+  get-east-asian-width@1.5.0:
+    resolution: {integrity: sha512-CQ+bEO+Tva/qlmw24dCejulK5pMzVnUOFOijVogd3KQs07HnRIgp8TGipvCCRT06xeYEbpbgwaCxglFyiuIcmA==}
+    engines: {node: '>=18'}
+
+  get-intrinsic@1.3.0:
+    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
+    engines: {node: '>= 0.4'}
+
+  get-nonce@1.0.1:
+    resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
+    engines: {node: '>=6'}
+
+  get-own-enumerable-keys@1.0.0:
+    resolution: {integrity: sha512-PKsK2FSrQCyxcGHsGrLDcK0lx+0Ke+6e8KFFozA9/fIQLhQzPaRvJFdcz7+Axg3jUH/Mq+NI4xa5u/UT2tQskA==}
+    engines: {node: '>=14.16'}
+
+  get-proto@1.0.1:
+    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
+    engines: {node: '>= 0.4'}
+
+  get-stream@6.0.1:
+    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
+    engines: {node: '>=10'}
+
+  get-stream@9.0.1:
+    resolution: {integrity: sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==}
+    engines: {node: '>=18'}
+
+  glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+
+  gopd@1.2.0:
+    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
+    engines: {node: '>= 0.4'}
+
+  graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+
+  graphql@16.13.2:
+    resolution: {integrity: sha512-5bJ+nf/UCpAjHM8i06fl7eLyVC9iuNAjm9qzkiu2ZGhM0VscSvS6WDPfAwkdkBuoXGM9FJSbKl6wylMwP9Ktig==}
+    engines: {node: ^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0}
+
+  gsap@3.14.2:
+    resolution: {integrity: sha512-P8/mMxVLU7o4+55+1TCnQrPmgjPKnwkzkXOK1asnR9Jg2lna4tEY5qBJjMmAaOBDDZWtlRjBXjLa0w53G/uBLA==}
+
+  hachure-fill@0.5.2:
+    resolution: {integrity: sha512-3GKBOn+m2LX9iq+JC1064cSFprJY4jL1jCXTcpnfER5HYE2l/4EfWSGzkPa/ZDBmYI0ZOEj5VHV/eKnPGkHuOg==}
+
+  has-symbols@1.1.0:
+    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
+    engines: {node: '>= 0.4'}
+
+  hasown@2.0.2:
+    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
+    engines: {node: '>= 0.4'}
+
+  hast-util-from-dom@5.0.1:
+    resolution: {integrity: sha512-N+LqofjR2zuzTjCPzyDUdSshy4Ma6li7p/c3pA78uTwzFgENbgbUrm2ugwsOdcjI1muO+o6Dgzp9p8WHtn/39Q==}
+
+  hast-util-from-html-isomorphic@2.0.0:
+    resolution: {integrity: sha512-zJfpXq44yff2hmE0XmwEOzdWin5xwH+QIhMLOScpX91e/NSGPsAzNCvLQDIEPyO2TXi+lBmU6hjLIhV8MwP2kw==}
+
+  hast-util-from-html@2.0.3:
+    resolution: {integrity: sha512-CUSRHXyKjzHov8yKsQjGOElXy/3EKpyX56ELnkHH34vDVw1N1XSQ1ZcAvTyAPtGqLTuKP/uxM+aLkSPqF/EtMw==}
+
+  hast-util-from-parse5@8.0.3:
+    resolution: {integrity: sha512-3kxEVkEKt0zvcZ3hCRYI8rqrgwtlIOFMWkbclACvjlDw8Li9S2hk/d51OI0nr/gIpdMHNepwgOKqZ/sy0Clpyg==}
+
+  hast-util-is-element@3.0.0:
+    resolution: {integrity: sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==}
+
+  hast-util-parse-selector@4.0.0:
+    resolution: {integrity: sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==}
+
+  hast-util-raw@9.1.0:
+    resolution: {integrity: sha512-Y8/SBAHkZGoNkpzqqfCldijcuUKh7/su31kEBp67cFY09Wy0mTRgtsLYsiIxMJxlu0f6AA5SUTbDR8K0rxnbUw==}
+
+  hast-util-sanitize@5.0.2:
+    resolution: {integrity: sha512-3yTWghByc50aGS7JlGhk61SPenfE/p1oaFeNwkOOyrscaOkMGrcW9+Cy/QAIOBpZxP1yqDIzFMR0+Np0i0+usg==}
+
+  hast-util-to-html@9.0.5:
+    resolution: {integrity: sha512-OguPdidb+fbHQSU4Q4ZiLKnzWo8Wwsf5bZfbvu7//a9oTYoqD/fWpe96NuHkoS9h0ccGOTe0C4NGXdtS0iObOw==}
+
+  hast-util-to-jsx-runtime@2.3.6:
+    resolution: {integrity: sha512-zl6s8LwNyo1P9uw+XJGvZtdFF1GdAkOg8ujOw+4Pyb76874fLps4ueHXDhXWdk6YHQ6OgUtinliG7RsYvCbbBg==}
+
+  hast-util-to-parse5@8.0.1:
+    resolution: {integrity: sha512-MlWT6Pjt4CG9lFCjiz4BH7l9wmrMkfkJYCxFwKQic8+RTZgWPuWxwAfjJElsXkex7DJjfSJsQIt931ilUgmwdA==}
+
+  hast-util-to-text@4.0.2:
+    resolution: {integrity: sha512-KK6y/BN8lbaq654j7JgBydev7wuNMcID54lkRav1P0CaE1e47P72AWWPiGKXTJU271ooYzcvTAn/Zt0REnvc7A==}
+
+  hast-util-whitespace@3.0.0:
+    resolution: {integrity: sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==}
+
+  hastscript@9.0.1:
+    resolution: {integrity: sha512-g7df9rMFX/SPi34tyGCyUBREQoKkapwdY/T04Qn9TDWfHhAYt4/I0gMVirzK5wEzeUqIjEB+LXC/ypb7Aqno5w==}
+
+  headers-polyfill@4.0.3:
+    resolution: {integrity: sha512-IScLbePpkvO846sIwOtOTDjutRMWdXdJmXdMvk6gCBHxFO8d+QKOQedyZSxFTTFYRSmlgSTDtXqqq4pcenBXLQ==}
+
+  hono@4.12.10:
+    resolution: {integrity: sha512-mx/p18PLy5og9ufies2GOSUqep98Td9q4i/EF6X7yJgAiIopxqdfIO3jbqsi3jRgTgw88jMDEzVKi+V2EF+27w==}
+    engines: {node: '>=16.9.0'}
+
+  html-url-attributes@3.0.1:
+    resolution: {integrity: sha512-ol6UPyBWqsrO6EJySPz2O7ZSr856WDrEzM5zMqp+FJJLGMW35cLYmmZnl0vztAZxRUoNZJFTCohfjuIJ8I4QBQ==}
+
+  html-void-elements@3.0.0:
+    resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==}
+
+  http-errors@2.0.1:
+    resolution: {integrity: sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==}
+    engines: {node: '>= 0.8'}
+
+  https-proxy-agent@7.0.6:
+    resolution: {integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==}
+    engines: {node: '>= 14'}
+
+  human-signals@2.1.0:
+    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
+    engines: {node: '>=10.17.0'}
+
+  human-signals@8.0.1:
+    resolution: {integrity: sha512-eKCa6bwnJhvxj14kZk5NCPc6Hb6BdsU9DZcOnmQKSnO1VKrfV0zCvtttPZUsBvjmNDn8rpcJfpwSYnHBjc95MQ==}
+    engines: {node: '>=18.18.0'}
+
+  iconv-lite@0.6.3:
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
+
+  iconv-lite@0.7.2:
+    resolution: {integrity: sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==}
+    engines: {node: '>=0.10.0'}
+
+  ignore@5.3.2:
+    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
+    engines: {node: '>= 4'}
+
+  immer@10.2.0:
+    resolution: {integrity: sha512-d/+XTN3zfODyjr89gM3mPq1WNX2B8pYsu7eORitdwyA2sBubnTl3laYlBk4sXY5FUa5qTZGBDPJICVbvqzjlbw==}
+
+  immer@11.1.4:
+    resolution: {integrity: sha512-XREFCPo6ksxVzP4E0ekD5aMdf8WMwmdNaz6vuvxgI40UaEiu6q3p8X52aU6GdyvLY3XXX/8R7JOTXStz/nBbRw==}
+
+  import-fresh@3.3.1:
+    resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
+    engines: {node: '>=6'}
+
+  inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+
+  inline-style-parser@0.2.7:
+    resolution: {integrity: sha512-Nb2ctOyNR8DqQoR0OwRG95uNWIC0C1lCgf5Naz5H6Ji72KZ8OcFZLz2P5sNgwlyoJ8Yif11oMuYs5pBQa86csA==}
+
+  input-otp@1.4.2:
+    resolution: {integrity: sha512-l3jWwYNvrEa6NTCt7BECfCm48GvwuZzkoeG3gBL2w4CHeOXW3eKFmf9UNYkNfYc3mxMrthMnxjIE07MT0zLBQA==}
+    peerDependencies:
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
+
+  internmap@1.0.1:
+    resolution: {integrity: sha512-lDB5YccMydFBtasVtxnZ3MRBHuaoE8GKsppq+EchKL2U4nK/DmEpPHNH8MZe5HkMtpSiTSOZwfN0tzYjO/lJEw==}
+
+  internmap@2.0.3:
+    resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
+    engines: {node: '>=12'}
+
+  ip-address@10.1.0:
+    resolution: {integrity: sha512-XXADHxXmvT9+CRxhXg56LJovE+bmWnEWB78LB83VZTprKTmaC5QfruXocxzTZ2Kl0DNwKuBdlIhjL8LeY8Sf8Q==}
+    engines: {node: '>= 12'}
+
+  ipaddr.js@1.9.1:
+    resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
+    engines: {node: '>= 0.10'}
+
+  is-alphabetical@2.0.1:
+    resolution: {integrity: sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==}
+
+  is-alphanumerical@2.0.1:
+    resolution: {integrity: sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==}
+
+  is-arrayish@0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+
+  is-decimal@2.0.1:
+    resolution: {integrity: sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==}
+
+  is-docker@3.0.0:
+    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    hasBin: true
+
+  is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+
+  is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+
+  is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+
+  is-hexadecimal@2.0.1:
+    resolution: {integrity: sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==}
+
+  is-in-ssh@1.0.0:
+    resolution: {integrity: sha512-jYa6Q9rH90kR1vKB6NM7qqd1mge3Fx4Dhw5TVlK1MUBqhEOuCagrEHMevNuCcbECmXZ0ThXkRm+Ymr51HwEPAw==}
+    engines: {node: '>=20'}
+
+  is-inside-container@1.0.0:
+    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
+    engines: {node: '>=14.16'}
+    hasBin: true
+
+  is-interactive@2.0.0:
+    resolution: {integrity: sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==}
+    engines: {node: '>=12'}
+
+  is-node-process@1.2.0:
+    resolution: {integrity: sha512-Vg4o6/fqPxIjtxgUH5QLJhwZ7gW5diGCVlXpuUfELC62CuxM1iHcRe51f2W1FDy04Ai4KJkagKjx3XaqyfRKXw==}
+
+  is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+
+  is-obj@3.0.0:
+    resolution: {integrity: sha512-IlsXEHOjtKhpN8r/tRFj2nDyTmHvcfNeu/nrRIcXE17ROeatXchkojffa1SpdqW4cr/Fj6QkEf/Gn4zf6KKvEQ==}
+    engines: {node: '>=12'}
+
+  is-plain-obj@4.1.0:
+    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
+    engines: {node: '>=12'}
+
+  is-promise@4.0.0:
+    resolution: {integrity: sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==}
+
+  is-regexp@3.1.0:
+    resolution: {integrity: sha512-rbku49cWloU5bSMI+zaRaXdQHXnthP6DZ/vLnfdSKyL4zUzuWnomtOEiZZOd+ioQ+avFo/qau3KPTc7Fjy1uPA==}
+    engines: {node: '>=12'}
+
+  is-stream@2.0.1:
+    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
+    engines: {node: '>=8'}
+
+  is-stream@4.0.1:
+    resolution: {integrity: sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==}
+    engines: {node: '>=18'}
+
+  is-unicode-supported@1.3.0:
+    resolution: {integrity: sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==}
+    engines: {node: '>=12'}
+
+  is-unicode-supported@2.1.0:
+    resolution: {integrity: sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==}
+    engines: {node: '>=18'}
+
+  is-wsl@3.1.1:
+    resolution: {integrity: sha512-e6rvdUCiQCAuumZslxRJWR/Doq4VpPR82kqclvcS0efgt430SlGIk05vdCN58+VrzgtIcfNODjozVielycD4Sw==}
+    engines: {node: '>=16'}
+
+  isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+  isexe@3.1.5:
+    resolution: {integrity: sha512-6B3tLtFqtQS4ekarvLVMZ+X+VlvQekbe4taUkf/rhVO3d/h0M2rfARm/pXLcPEsjjMsFgrFgSrhQIxcSVrBz8w==}
+    engines: {node: '>=18'}
+
+  jiti@2.6.1:
+    resolution: {integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==}
+    hasBin: true
+
+  jose@6.2.2:
+    resolution: {integrity: sha512-d7kPDd34KO/YnzaDOlikGpOurfF0ByC2sEV4cANCtdqLlTfBlw2p14O/5d/zv40gJPbIQxfES3nSx1/oYNyuZQ==}
+
+  js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+
+  js-tokens@9.0.1:
+    resolution: {integrity: sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==}
+
+  js-yaml@4.1.1:
+    resolution: {integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==}
+    hasBin: true
+
+  jsesc@3.1.0:
+    resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  json-parse-even-better-errors@2.3.1:
+    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
+
+  json-schema-traverse@1.0.0:
+    resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
+
+  json-schema-typed@8.0.2:
+    resolution: {integrity: sha512-fQhoXdcvc3V28x7C7BMs4P5+kNlgUURe2jmUT1T//oBRMDrqy1QPelJimwZGo7Hg9VPV3EQV5Bnq4hbFy2vetA==}
+
+  json-schema@0.4.0:
+    resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==}
+
+  json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  jsonfile@6.2.0:
+    resolution: {integrity: sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==}
+
+  katex@0.16.44:
+    resolution: {integrity: sha512-EkxoDTk8ufHqHlf9QxGwcxeLkWRR3iOuYfRpfORgYfqc8s13bgb+YtRY59NK5ZpRaCwq1kqA6a5lpX8C/eLphQ==}
+    hasBin: true
+
+  khroma@2.1.0:
+    resolution: {integrity: sha512-Ls993zuzfayK269Svk9hzpeGUKob/sIgZzyHYdjQoAdQetRKpOLj+k/QQQ/6Qi0Yz65mlROrfd+Ev+1+7dz9Kw==}
+
+  kleur@3.0.3:
+    resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==}
+    engines: {node: '>=6'}
+
+  kleur@4.1.5:
+    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
+    engines: {node: '>=6'}
+
+  langium@4.2.1:
+    resolution: {integrity: sha512-zu9QWmjpzJcomzdJQAHgDVhLGq5bLosVak1KVa40NzQHXfqr4eAHupvnPOVXEoLkg6Ocefvf/93d//SB7du4YQ==}
+    engines: {node: '>=20.10.0', npm: '>=10.2.3'}
+
+  layout-base@1.0.2:
+    resolution: {integrity: sha512-8h2oVEZNktL4BH2JCOI90iD1yXwL6iNW7KcCKT2QZgQJR2vbqDsldCTPRU9NifTCqHZci57XvQQ15YTu+sTYPg==}
+
+  layout-base@2.0.1:
+    resolution: {integrity: sha512-dp3s92+uNI1hWIpPGH3jK2kxE2lMjdXdr+DH8ynZHpd6PUlH6x6cbuXnoMmiNumznqaNO31xu9e79F0uuZ0JFg==}
+
+  lefthook-darwin-arm64@2.1.4:
+    resolution: {integrity: sha512-BUAAE9+rUrjr39a+wH/1zHmGrDdwUQ2Yq/z6BQbM/yUb9qtXBRcQ5eOXxApqWW177VhGBpX31aqIlfAZ5Q7wzw==}
+    cpu: [arm64]
+    os: [darwin]
+
+  lefthook-darwin-x64@2.1.4:
+    resolution: {integrity: sha512-K1ncIMEe84fe+ss1hQNO7rIvqiKy2TJvTFpkypvqFodT7mJXZn7GLKYTIXdIuyPAYthRa9DwFnx5uMoHwD2F1Q==}
+    cpu: [x64]
+    os: [darwin]
+
+  lefthook-freebsd-arm64@2.1.4:
+    resolution: {integrity: sha512-PVUhjOhVN71YaYsVdQyNbFZ4a2jFB2Tg5hKrrn9kaWpx64aLz/XivLjwr8sEuTaP1GRlEWBpW6Bhrcsyo39qFw==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  lefthook-freebsd-x64@2.1.4:
+    resolution: {integrity: sha512-ZWV9o/LeyWNEBoVO+BhLqxH3rGTba05nkm5NvMjEFSj7LbUNUDbQmupZwtHl1OMGJO66eZP0CalzRfUH6GhBxQ==}
+    cpu: [x64]
+    os: [freebsd]
+
+  lefthook-linux-arm64@2.1.4:
+    resolution: {integrity: sha512-iWN0pGnTjrIvNIcSI1vQBJXUbybTqJ5CLMniPA0olabMXQfPDrdMKVQe+mgdwHK+E3/Y0H0ZNL3lnOj6Sk6szA==}
+    cpu: [arm64]
+    os: [linux]
+
+  lefthook-linux-x64@2.1.4:
+    resolution: {integrity: sha512-96bTBE/JdYgqWYAJDh+/e/0MaxJ25XTOAk7iy/fKoZ1ugf6S0W9bEFbnCFNooXOcxNVTan5xWKfcjJmPIKtsJA==}
+    cpu: [x64]
+    os: [linux]
+
+  lefthook-openbsd-arm64@2.1.4:
+    resolution: {integrity: sha512-oYUoK6AIJNEr9lUSpIMj6g7sWzotvtc3ryw7yoOyQM6uqmEduw73URV/qGoUcm4nqqmR93ZalZwR2r3Gd61zvw==}
+    cpu: [arm64]
+    os: [openbsd]
+
+  lefthook-openbsd-x64@2.1.4:
+    resolution: {integrity: sha512-i/Dv9Jcm68y9cggr1PhyUhOabBGP9+hzQPoiyOhKks7y9qrJl79A8XfG6LHekSuYc2VpiSu5wdnnrE1cj2nfTg==}
+    cpu: [x64]
+    os: [openbsd]
+
+  lefthook-windows-arm64@2.1.4:
+    resolution: {integrity: sha512-hSww7z+QX4YMnw2lK7DMrs3+w7NtxksuMKOkCKGyxUAC/0m1LAICo0ZbtdDtZ7agxRQQQ/SEbzFRhU5ysNcbjA==}
+    cpu: [arm64]
+    os: [win32]
+
+  lefthook-windows-x64@2.1.4:
+    resolution: {integrity: sha512-eE68LwnogxwcPgGsbVGPGxmghyMGmU9SdGwcc+uhGnUxPz1jL89oECMWJNc36zjVK24umNeDAzB5KA3lw1MuWw==}
+    cpu: [x64]
+    os: [win32]
+
+  lefthook@2.1.4:
+    resolution: {integrity: sha512-JNfJ5gAn0KADvJ1I6/xMcx70+/6TL6U9gqGkKvPw5RNMfatC7jIg0Evl97HN846xmfz959BV70l8r3QsBJk30w==}
+    hasBin: true
+
+  lightningcss-android-arm64@1.32.0:
+    resolution: {integrity: sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-darwin-arm64@1.32.0:
+    resolution: {integrity: sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.32.0:
+    resolution: {integrity: sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.32.0:
+    resolution: {integrity: sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    resolution: {integrity: sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.32.0:
+    resolution: {integrity: sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-arm64-musl@1.32.0:
+    resolution: {integrity: sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-linux-x64-gnu@1.32.0:
+    resolution: {integrity: sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-x64-musl@1.32.0:
+    resolution: {integrity: sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-win32-arm64-msvc@1.32.0:
+    resolution: {integrity: sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.32.0:
+    resolution: {integrity: sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.32.0:
+    resolution: {integrity: sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==}
+    engines: {node: '>= 12.0.0'}
+
+  lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+
+  linkify-it@3.0.3:
+    resolution: {integrity: sha512-ynTsyrFSdE5oZ/O9GEf00kPngmOfVwazR5GKDq6EYfhlpFug3J2zybX56a2PRRpc9P+FuSoGNAwjlbDs9jJBPQ==}
+
+  lodash-es@4.17.23:
+    resolution: {integrity: sha512-kVI48u3PZr38HdYz98UmfPnXl2DXrpdctLrFLCd3kOx1xUkOmpFPx7gCWWM5MPkL/fD8zb+Ph0QzjGFs4+hHWg==}
+
+  lodash-es@4.18.1:
+    resolution: {integrity: sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A==}
+
+  log-symbols@6.0.0:
+    resolution: {integrity: sha512-i24m8rpwhmPIS4zscNzK6MSEhk0DUWa/8iYQWxhffV8jkI4Phvs3F+quL5xvS0gdQR0FyTCMMH33Y78dDTzzIw==}
+    engines: {node: '>=18'}
+
+  longest-streak@3.1.0:
+    resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
+
+  loupe@3.2.1:
+    resolution: {integrity: sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==}
+
+  lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+
+  lucide-react@1.7.0:
+    resolution: {integrity: sha512-yI7BeItCLZJTXikmK4KNUGCKoGzSvbKlfCvw44bU4fXAL6v3gYS4uHD1jzsLkfwODYwI6Drw5Tu9Z5ulDe0TSg==}
+    peerDependencies:
+      react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  magic-string@0.30.21:
+    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
+
+  markdown-table@3.0.4:
+    resolution: {integrity: sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==}
+
+  marked@16.4.2:
+    resolution: {integrity: sha512-TI3V8YYWvkVf3KJe1dRkpnjs68JUPyEa5vjKrp1XEEJUAOaQc+Qj+L1qWbPd0SJuAdQkFU0h73sXXqwDYxsiDA==}
+    engines: {node: '>= 20'}
+    hasBin: true
+
+  marked@17.0.5:
+    resolution: {integrity: sha512-6hLvc0/JEbRjRgzI6wnT2P1XuM1/RrrDEX0kPt0N7jGm1133g6X7DlxFasUIx+72aKAr904GTxhSLDrd5DIlZg==}
+    engines: {node: '>= 20'}
+    hasBin: true
+
+  math-intrinsics@1.1.0:
+    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
+    engines: {node: '>= 0.4'}
+
+  mdast-util-find-and-replace@3.0.2:
+    resolution: {integrity: sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg==}
+
+  mdast-util-from-markdown@2.0.3:
+    resolution: {integrity: sha512-W4mAWTvSlKvf8L6J+VN9yLSqQ9AOAAvHuoDAmPkz4dHf553m5gVj2ejadHJhoJmcmxEnOv6Pa8XJhpxE93kb8Q==}
+
+  mdast-util-gfm-autolink-literal@2.0.1:
+    resolution: {integrity: sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==}
+
+  mdast-util-gfm-footnote@2.1.0:
+    resolution: {integrity: sha512-sqpDWlsHn7Ac9GNZQMeUzPQSMzR6Wv0WKRNvQRg0KqHh02fpTz69Qc1QSseNX29bhz1ROIyNyxExfawVKTm1GQ==}
+
+  mdast-util-gfm-strikethrough@2.0.0:
+    resolution: {integrity: sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==}
+
+  mdast-util-gfm-table@2.0.0:
+    resolution: {integrity: sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==}
+
+  mdast-util-gfm-task-list-item@2.0.0:
+    resolution: {integrity: sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==}
+
+  mdast-util-gfm@3.1.0:
+    resolution: {integrity: sha512-0ulfdQOM3ysHhCJ1p06l0b0VKlhU0wuQs3thxZQagjcjPrlFRqY215uZGHHJan9GEAXd9MbfPjFJz+qMkVR6zQ==}
+
+  mdast-util-math@3.0.0:
+    resolution: {integrity: sha512-Tl9GBNeG/AhJnQM221bJR2HPvLOSnLE/T9cJI9tlc6zwQk2nPk/4f0cHkOdEixQPC/j8UtKDdITswvLAy1OZ1w==}
+
+  mdast-util-mdx-expression@2.0.1:
+    resolution: {integrity: sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ==}
+
+  mdast-util-mdx-jsx@3.2.0:
+    resolution: {integrity: sha512-lj/z8v0r6ZtsN/cGNNtemmmfoLAFZnjMbNyLzBafjzikOM+glrjNHPlf6lQDOTccj9n5b0PPihEBbhneMyGs1Q==}
+
+  mdast-util-mdxjs-esm@2.0.1:
+    resolution: {integrity: sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==}
+
+  mdast-util-phrasing@4.1.0:
+    resolution: {integrity: sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==}
+
+  mdast-util-to-hast@13.2.1:
+    resolution: {integrity: sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA==}
+
+  mdast-util-to-markdown@2.1.2:
+    resolution: {integrity: sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==}
+
+  mdast-util-to-string@4.0.0:
+    resolution: {integrity: sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==}
+
+  media-chrome@4.18.3:
+    resolution: {integrity: sha512-YuS2wY0Fn+2nXGijJYn4+IE0n9wFe3v6SvOZHGNkoxh32T/cCcrXHUWskA+9tyYTONa6JKwKAOJJeO6QOlJLKw==}
+
+  media-typer@1.1.0:
+    resolution: {integrity: sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==}
+    engines: {node: '>= 0.8'}
+
+  merge-descriptors@2.0.0:
+    resolution: {integrity: sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==}
+    engines: {node: '>=18'}
+
+  merge-stream@2.0.0:
+    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+
+  merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+
+  mermaid@11.14.0:
+    resolution: {integrity: sha512-GSGloRsBs+JINmmhl0JDwjpuezCsHB4WGI4NASHxL3fHo3o/BRXTxhDLKnln8/Q0lRFRyDdEjmk1/d5Sn1Xz8g==}
+
+  micromark-core-commonmark@2.0.3:
+    resolution: {integrity: sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==}
+
+  micromark-extension-cjk-friendly-gfm-strikethrough@2.0.1:
+    resolution: {integrity: sha512-wVC0zwjJNqQeX+bb07YTPu/CvSAyCTafyYb7sMhX1r62/Lw5M/df3JyYaANyp8g15c1ypJRFSsookTqA1IDsUg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      micromark: ^4.0.0
+      micromark-util-types: ^2.0.0
+    peerDependenciesMeta:
+      micromark-util-types:
+        optional: true
+
+  micromark-extension-cjk-friendly-util@3.0.1:
+    resolution: {integrity: sha512-GcbXqTTHOsiZHyF753oIddP/J2eH8j9zpyQPhkof6B2JNxfEJabnQqxbCgzJNuNes0Y2jTNJ3LiYPSXr6eJA8w==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      micromark-util-types: '*'
+    peerDependenciesMeta:
+      micromark-util-types:
+        optional: true
+
+  micromark-extension-cjk-friendly@2.0.1:
+    resolution: {integrity: sha512-OkzoYVTL1ChbvQ8Cc1ayTIz7paFQz8iS9oIYmewncweUSwmWR+hkJF9spJ1lxB90XldJl26A1F4IkPOKS3bDXw==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      micromark: ^4.0.0
+      micromark-util-types: ^2.0.0
+    peerDependenciesMeta:
+      micromark-util-types:
+        optional: true
+
+  micromark-extension-gfm-autolink-literal@2.1.0:
+    resolution: {integrity: sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==}
+
+  micromark-extension-gfm-footnote@2.1.0:
+    resolution: {integrity: sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==}
+
+  micromark-extension-gfm-strikethrough@2.1.0:
+    resolution: {integrity: sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==}
+
+  micromark-extension-gfm-table@2.1.1:
+    resolution: {integrity: sha512-t2OU/dXXioARrC6yWfJ4hqB7rct14e8f7m0cbI5hUmDyyIlwv5vEtooptH8INkbLzOatzKuVbQmAYcbWoyz6Dg==}
+
+  micromark-extension-gfm-tagfilter@2.0.0:
+    resolution: {integrity: sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==}
+
+  micromark-extension-gfm-task-list-item@2.1.0:
+    resolution: {integrity: sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==}
+
+  micromark-extension-gfm@3.0.0:
+    resolution: {integrity: sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==}
+
+  micromark-extension-math@3.1.0:
+    resolution: {integrity: sha512-lvEqd+fHjATVs+2v/8kg9i5Q0AP2k85H0WUOwpIVvUML8BapsMvh1XAogmQjOCsLpoKRCVQqEkQBB3NhVBcsOg==}
+
+  micromark-factory-destination@2.0.1:
+    resolution: {integrity: sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==}
+
+  micromark-factory-label@2.0.1:
+    resolution: {integrity: sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==}
+
+  micromark-factory-space@2.0.1:
+    resolution: {integrity: sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==}
+
+  micromark-factory-title@2.0.1:
+    resolution: {integrity: sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==}
+
+  micromark-factory-whitespace@2.0.1:
+    resolution: {integrity: sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==}
+
+  micromark-util-character@2.1.1:
+    resolution: {integrity: sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==}
+
+  micromark-util-chunked@2.0.1:
+    resolution: {integrity: sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==}
+
+  micromark-util-classify-character@2.0.1:
+    resolution: {integrity: sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==}
+
+  micromark-util-combine-extensions@2.0.1:
+    resolution: {integrity: sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==}
+
+  micromark-util-decode-numeric-character-reference@2.0.2:
+    resolution: {integrity: sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==}
+
+  micromark-util-decode-string@2.0.1:
+    resolution: {integrity: sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==}
+
+  micromark-util-encode@2.0.1:
+    resolution: {integrity: sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==}
+
+  micromark-util-html-tag-name@2.0.1:
+    resolution: {integrity: sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==}
+
+  micromark-util-normalize-identifier@2.0.1:
+    resolution: {integrity: sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==}
+
+  micromark-util-resolve-all@2.0.1:
+    resolution: {integrity: sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==}
+
+  micromark-util-sanitize-uri@2.0.1:
+    resolution: {integrity: sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==}
+
+  micromark-util-subtokenize@2.1.0:
+    resolution: {integrity: sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==}
+
+  micromark-util-symbol@2.0.1:
+    resolution: {integrity: sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==}
+
+  micromark-util-types@2.0.2:
+    resolution: {integrity: sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==}
+
+  micromark@4.0.2:
+    resolution: {integrity: sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==}
+
+  micromatch@4.0.8:
+    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
+    engines: {node: '>=8.6'}
+
+  mime-db@1.54.0:
+    resolution: {integrity: sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==}
+    engines: {node: '>= 0.6'}
+
+  mime-types@3.0.2:
+    resolution: {integrity: sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==}
+    engines: {node: '>=18'}
+
+  mimic-fn@2.1.0:
+    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
+    engines: {node: '>=6'}
+
+  mimic-function@5.0.1:
+    resolution: {integrity: sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==}
+    engines: {node: '>=18'}
+
+  minimatch@10.2.5:
+    resolution: {integrity: sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==}
+    engines: {node: 18 || 20 || >=22}
+
+  minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+
+  mlly@1.8.2:
+    resolution: {integrity: sha512-d+ObxMQFmbt10sretNDytwt85VrbkhhUA/JBGm1MPaWJ65Cl4wOgLaB1NYvJSZ0Ef03MMEU/0xpPMXUIQ29UfA==}
+
+  motion-dom@12.38.0:
+    resolution: {integrity: sha512-pdkHLD8QYRp8VfiNLb8xIBJis1byQ9gPT3Jnh2jqfFtAsWUA3dEepDlsWe/xMpO8McV+VdpKVcp+E+TGJEtOoA==}
+
+  motion-utils@12.36.0:
+    resolution: {integrity: sha512-eHWisygbiwVvf6PZ1vhaHCLamvkSbPIeAYxWUuL3a2PD/TROgE7FvfHWTIH4vMl798QLfMw15nRqIaRDXTlYRg==}
+
+  motion@12.38.0:
+    resolution: {integrity: sha512-uYfXzeHlgThchzwz5Te47dlv5JOUC7OB4rjJ/7XTUgtBZD8CchMN8qEJ4ZVsUmTyYA44zjV0fBwsiktRuFnn+w==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
+  msw@2.12.14:
+    resolution: {integrity: sha512-4KXa4nVBIBjbDbd7vfQNuQ25eFxug0aropCQFoI0JdOBuJWamkT1yLVIWReFI8SiTRc+H1hKzaNk+cLk2N9rtQ==}
+    engines: {node: '>=18'}
+    hasBin: true
+    peerDependencies:
+      typescript: '>= 4.8.x'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  mute-stream@2.0.0:
+    resolution: {integrity: sha512-WWdIxpyjEn+FhQJQQv9aQAYlHoNVdzIzUySNV1gHUPDSdZJ3yZn7pAAbQcV7B56Mvu881q9FZV+0Vx2xC44VWA==}
+    engines: {node: ^18.17.0 || >=20.5.0}
+
+  nanoid@3.3.11:
+    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  nanoid@5.1.7:
+    resolution: {integrity: sha512-ua3NDgISf6jdwezAheMOk4mbE1LXjm1DfMUDMuJf4AqxLFK3ccGpgWizwa5YV7Yz9EpXwEaWoRXSb/BnV0t5dQ==}
+    engines: {node: ^18 || >=20}
+    hasBin: true
+
+  negotiator@1.0.0:
+    resolution: {integrity: sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==}
+    engines: {node: '>= 0.6'}
+
+  node-domexception@1.0.0:
+    resolution: {integrity: sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==}
+    engines: {node: '>=10.5.0'}
+    deprecated: Use your platform's native DOMException instead
+
+  node-fetch@3.3.2:
+    resolution: {integrity: sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  node-releases@2.0.37:
+    resolution: {integrity: sha512-1h5gKZCF+pO/o3Iqt5Jp7wc9rH3eJJ0+nh/CIoiRwjRxde/hAHyLPXYN4V3CqKAbiZPSeJFSWHmJsbkicta0Eg==}
+
+  npm-run-path@4.0.1:
+    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
+    engines: {node: '>=8'}
+
+  npm-run-path@6.0.0:
+    resolution: {integrity: sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==}
+    engines: {node: '>=18'}
+
+  object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+
+  object-inspect@1.13.4:
+    resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
+    engines: {node: '>= 0.4'}
+
+  object-treeify@1.1.33:
+    resolution: {integrity: sha512-EFVjAYfzWqWsBMRHPMAXLCDIJnpMhdWAqR7xG6M6a2cs6PMFpl/+Z20w9zDW4vkxOFfddegBKq9Rehd0bxWE7A==}
+    engines: {node: '>= 10'}
+
+  on-finished@2.4.1:
+    resolution: {integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==}
+    engines: {node: '>= 0.8'}
+
+  once@1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+
+  onetime@5.1.2:
+    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
+    engines: {node: '>=6'}
+
+  onetime@7.0.0:
+    resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==}
+    engines: {node: '>=18'}
+
+  oniguruma-parser@0.12.1:
+    resolution: {integrity: sha512-8Unqkvk1RYc6yq2WBYRj4hdnsAxVze8i7iPfQr8e4uSP3tRv0rpZcbGUDvxfQQcdwHt/e9PrMvGCsa8OqG9X3w==}
+
+  oniguruma-to-es@4.3.5:
+    resolution: {integrity: sha512-Zjygswjpsewa0NLTsiizVuMQZbp0MDyM6lIt66OxsF21npUDlzpHi1Mgb/qhQdkb+dWFTzJmFbEWdvZgRho8eQ==}
+
+  open@11.0.0:
+    resolution: {integrity: sha512-smsWv2LzFjP03xmvFoJ331ss6h+jixfA4UUV/Bsiyuu4YJPfN+FIQGOIiv4w9/+MoHkfkJ22UIaQWRVFRfH6Vw==}
+    engines: {node: '>=20'}
+
+  ora@8.2.0:
+    resolution: {integrity: sha512-weP+BZ8MVNnlCm8c0Qdc1WSWq4Qn7I+9CJGm7Qali6g44e/PUzbjNqJX5NJ9ljlNMosfJvg1fKEGILklK9cwnw==}
+    engines: {node: '>=18'}
+
+  outvariant@1.4.3:
+    resolution: {integrity: sha512-+Sl2UErvtsoajRDKCE5/dBz4DIvHXQQnAxtQTF04OJxY0+DyZXSo5P5Bb7XYWOh81syohlYL24hbDwxedPUJCA==}
+
+  package-manager-detector@1.6.0:
+    resolution: {integrity: sha512-61A5ThoTiDG/C8s8UMZwSorAGwMJ0ERVGj2OjoW5pAalsNOg15+iQiPzrLJ4jhZ1HJzmC2PIHT2oEiH3R5fzNA==}
+
+  parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+
+  parse-entities@4.0.2:
+    resolution: {integrity: sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==}
+
+  parse-json@5.2.0:
+    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
+    engines: {node: '>=8'}
+
+  parse-ms@4.0.0:
+    resolution: {integrity: sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==}
+    engines: {node: '>=18'}
+
+  parse5@7.3.0:
+    resolution: {integrity: sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==}
+
+  parseurl@1.3.3:
+    resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==}
+    engines: {node: '>= 0.8'}
+
+  path-browserify@1.0.1:
+    resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
+
+  path-data-parser@0.1.0:
+    resolution: {integrity: sha512-NOnmBpt5Y2RWbuv0LMzsayp3lVylAHLPUTut412ZA3l+C4uw4ZVkQbjShYCQ8TCpUMdPapr4YjUqLYD6v68j+w==}
+
+  path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+
+  path-key@4.0.0:
+    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
+    engines: {node: '>=12'}
+
+  path-to-regexp@6.3.0:
+    resolution: {integrity: sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ==}
+
+  path-to-regexp@8.4.2:
+    resolution: {integrity: sha512-qRcuIdP69NPm4qbACK+aDogI5CBDMi1jKe0ry5rSQJz8JVLsC7jV8XpiJjGRLLol3N+R5ihGYcrPLTno6pAdBA==}
+
+  pathe@2.0.3:
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
+
+  pathval@2.0.1:
+    resolution: {integrity: sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==}
+    engines: {node: '>= 14.16'}
+
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
+  picomatch@2.3.2:
+    resolution: {integrity: sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==}
+    engines: {node: '>=8.6'}
+
+  picomatch@4.0.4:
+    resolution: {integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==}
+    engines: {node: '>=12'}
+
+  pixelmatch@6.0.0:
+    resolution: {integrity: sha512-FYpL4XiIWakTnIqLqvt3uN4L9B3TsuHIvhLILzTiJZMJUsGvmKNeL4H3b6I99LRyerK9W4IuOXw+N28AtRgK2g==}
+    hasBin: true
+
+  pkce-challenge@5.0.1:
+    resolution: {integrity: sha512-wQ0b/W4Fr01qtpHlqSqspcj3EhBvimsdh0KlHhH8HRZnMsEa0ea2fTULOXOS9ccQr3om+GcGRk4e+isrZWV8qQ==}
+    engines: {node: '>=16.20.0'}
+
+  pkg-types@1.3.1:
+    resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
+
+  playwright-core@1.59.1:
+    resolution: {integrity: sha512-HBV/RJg81z5BiiZ9yPzIiClYV/QMsDCKUyogwH9p3MCP6IYjUFu/MActgYAvK0oWyV9NlwM3GLBjADyWgydVyg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  playwright@1.59.1:
+    resolution: {integrity: sha512-C8oWjPR3F81yljW9o5OxcWzfh6avkVwDD2VYdwIGqTkl+OGFISgypqzfu7dOe4QNLL2aqcWBmI3PMtLIK233lw==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  pngjs@7.0.0:
+    resolution: {integrity: sha512-LKWqWJRhstyYo9pGvgor/ivk2w94eSjE3RGVuzLGlr3NmD8bf7RcYGze1mNdEHRP6TRP6rMuDHk5t44hnTRyow==}
+    engines: {node: '>=14.19.0'}
+
+  points-on-curve@0.2.0:
+    resolution: {integrity: sha512-0mYKnYYe9ZcqMCWhUjItv/oHjvgEsfKvnUTg8sAtnHr3GVy7rGkXCb6d5cSyqrWqL4k81b9CPg3urd+T7aop3A==}
+
+  points-on-path@0.2.1:
+    resolution: {integrity: sha512-25ClnWWuw7JbWZcgqY/gJ4FQWadKxGWk+3kR/7kD0tCaDtPPMj7oHu2ToLaVhfpnHrZzYby2w6tUA0eOIuUg8g==}
+
+  postcss-selector-parser@7.1.1:
+    resolution: {integrity: sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==}
+    engines: {node: '>=4'}
+
+  postcss@8.5.8:
+    resolution: {integrity: sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  powershell-utils@0.1.0:
+    resolution: {integrity: sha512-dM0jVuXJPsDN6DvRpea484tCUaMiXWjuCn++HGTqUWzGDjv5tZkEZldAJ/UMlqRYGFrD/etByo4/xOuC/snX2A==}
+    engines: {node: '>=20'}
+
+  pretty-ms@9.3.0:
+    resolution: {integrity: sha512-gjVS5hOP+M3wMm5nmNOucbIrqudzs9v/57bWRHQWLYklXqoXKrVfYW2W9+glfGsqtPgpiz5WwyEEB+ksXIx3gQ==}
+    engines: {node: '>=18'}
+
+  prompts@2.4.2:
+    resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
+    engines: {node: '>= 6'}
+
+  property-information@7.1.0:
+    resolution: {integrity: sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==}
+
+  proxy-addr@2.0.7:
+    resolution: {integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==}
+    engines: {node: '>= 0.10'}
+
+  qs@6.15.0:
+    resolution: {integrity: sha512-mAZTtNCeetKMH+pSjrb76NAM8V9a05I9aBZOHztWy/UqcJdQYNsf59vrRKWnojAT9Y+GbIvoTBC++CPHqpDBhQ==}
+    engines: {node: '>=0.6'}
+
+  queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+
+  range-parser@1.2.1:
+    resolution: {integrity: sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==}
+    engines: {node: '>= 0.6'}
+
+  raw-body@3.0.2:
+    resolution: {integrity: sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==}
+    engines: {node: '>= 0.10'}
+
+  react-day-picker@9.14.0:
+    resolution: {integrity: sha512-tBaoDWjPwe0M5pGrum4H0SR6Lyk+BO9oHnp9JbKpGKW2mlraNPgP9BMfsg5pWpwrssARmeqk7YBl2oXutZTaHA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      react: '>=16.8.0'
+
+  react-dom@19.1.0:
+    resolution: {integrity: sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==}
+    peerDependencies:
+      react: ^19.1.0
+
+  react-hook-form@7.72.1:
+    resolution: {integrity: sha512-RhwBoy2ygeVZje+C+bwJ8g0NjTdBmDlJvAUHTxRjTmSUKPYsKfMphkS2sgEMotsY03bP358yEYlnUeZy//D9Ig==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      react: ^16.8.0 || ^17 || ^18 || ^19
+
+  react-is@19.2.4:
+    resolution: {integrity: sha512-W+EWGn2v0ApPKgKKCy/7s7WHXkboGcsrXE+2joLyVxkbyVQfO3MUEaUQDHoSmb8TFFrSKYa9mw64WZHNHSDzYA==}
+
+  react-jsx-parser@2.4.1:
+    resolution: {integrity: sha512-gE25DiHseuKmSbb5O1K1IkyQ/bwth3zl4z3EdW8XMhwrb2agUpuh8GvqHFvGwh/wdZjDDuadGrSR2lEgjcOvqQ==}
+    engines: {bun: ^1.1.27}
+    peerDependencies:
+      react: '>=18'
+      react-dom: '>=18'
+
+  react-redux@9.2.0:
+    resolution: {integrity: sha512-ROY9fvHhwOD9ySfrF0wmvu//bKCQ6AeZZq1nJNtbDC+kk5DuSuNX/n6YWYF/SYy7bSba4D4FSz8DJeKY/S/r+g==}
+    peerDependencies:
+      '@types/react': ^18.2.25 || ^19
+      react: ^18.0 || ^19
+      redux: ^5.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      redux:
+        optional: true
+
+  react-remove-scroll-bar@2.3.8:
+    resolution: {integrity: sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react-remove-scroll@2.7.2:
+    resolution: {integrity: sha512-Iqb9NjCCTt6Hf+vOdNIZGdTiH1QSqr27H/Ek9sv/a97gfueI/5h1s3yRi1nngzMUaOOToin5dI1dXKdXiF+u0Q==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react-resizable-panels@4.9.0:
+    resolution: {integrity: sha512-sEl+hA6y9/kxa0aPlrUC+G1lcShAf/PiIjoeC8kWXxa53RfAVplVCIxEl01Nwa4L2iRa5JXBXq1/mI8ch6qOZQ==}
+    peerDependencies:
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+
+  react-style-singleton@2.2.3:
+    resolution: {integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react@19.1.0:
+    resolution: {integrity: sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==}
+    engines: {node: '>=0.10.0'}
+
+  recast@0.23.11:
+    resolution: {integrity: sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA==}
+    engines: {node: '>= 4'}
+
+  recharts@3.8.1:
+    resolution: {integrity: sha512-mwzmO1s9sFL0TduUpwndxCUNoXsBw3u3E/0+A+cLcrSfQitSG62L32N69GhqUrrT5qKcAE3pCGVINC6pqkBBQg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-is: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  redux-thunk@3.1.0:
+    resolution: {integrity: sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==}
+    peerDependencies:
+      redux: ^5.0.0
+
+  redux@5.0.1:
+    resolution: {integrity: sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==}
+
+  regex-recursion@6.0.2:
+    resolution: {integrity: sha512-0YCaSCq2VRIebiaUviZNs0cBz1kg5kVS2UKUfNIx8YVs1cN3AV7NTctO5FOKBA+UT2BPJIWZauYHPqJODG50cg==}
+
+  regex-utilities@2.3.0:
+    resolution: {integrity: sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==}
+
+  regex@6.1.0:
+    resolution: {integrity: sha512-6VwtthbV4o/7+OaAF9I5L5V3llLEsoPyq9P1JVXkedTP33c7MfCG0/5NOPcSJn0TzXcG9YUrR0gQSWioew3LDg==}
+
+  rehype-harden@1.1.8:
+    resolution: {integrity: sha512-Qn7vR1xrf6fZCrkm9TDWi/AB4ylrHy+jqsNm1EHOAmbARYA6gsnVJBq/sdBh6kmT4NEZxH5vgIjrscefJAOXcw==}
+
+  rehype-katex@7.0.1:
+    resolution: {integrity: sha512-OiM2wrZ/wuhKkigASodFoo8wimG3H12LWQaH8qSPVJn9apWKFSH3YOCtbKpBorTVw/eI7cuT21XBbvwEswbIOA==}
+
+  rehype-raw@7.0.0:
+    resolution: {integrity: sha512-/aE8hCfKlQeA8LmyeyQvQF3eBiLRGNlfBJEvWH7ivp9sBqs7TNqBL5X3v157rM4IFETqDnIOO+z5M/biZbo9Ww==}
+
+  rehype-sanitize@6.0.0:
+    resolution: {integrity: sha512-CsnhKNsyI8Tub6L4sm5ZFsme4puGfc6pYylvXo1AeqaGbjOYyzNv3qZPwvs0oMJ39eryyeOdmxwUIo94IpEhqg==}
+
+  remark-cjk-friendly-gfm-strikethrough@2.0.1:
+    resolution: {integrity: sha512-pWKj25O2eLXIL1aBupayl1fKhco+Brw8qWUWJPVB9EBzbQNd7nGLj0nLmJpggWsGLR5j5y40PIdjxby9IEYTuA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@types/mdast': ^4.0.0
+      unified: ^11.0.0
+    peerDependenciesMeta:
+      '@types/mdast':
+        optional: true
+
+  remark-cjk-friendly@2.0.1:
+    resolution: {integrity: sha512-6WwkoQyZf/4j5k53zdFYrR8Ca+UVn992jXdLUSBDZR4eBpFhKyVxmA4gUHra/5fesjGIxrDhHesNr/sVoiiysA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@types/mdast': ^4.0.0
+      unified: ^11.0.0
+    peerDependenciesMeta:
+      '@types/mdast':
+        optional: true
+
+  remark-gfm@4.0.1:
+    resolution: {integrity: sha512-1quofZ2RQ9EWdeN34S79+KExV1764+wCUGop5CPL1WGdD0ocPpu91lzPGbwWMECpEpd42kJGQwzRfyov9j4yNg==}
+
+  remark-math@6.0.0:
+    resolution: {integrity: sha512-MMqgnP74Igy+S3WwnhQ7kqGlEerTETXMvJhrUzDikVZ2/uogJCb+WHUg97hK9/jcfc0dkD73s3LN8zU49cTEtA==}
+
+  remark-parse@11.0.0:
+    resolution: {integrity: sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==}
+
+  remark-rehype@11.1.2:
+    resolution: {integrity: sha512-Dh7l57ianaEoIpzbp0PC9UKAdCSVklD8E5Rpw7ETfbTl3FqcOOgq5q2LVDhgGCkaBv7p24JXikPdvhhmHvKMsw==}
+
+  remark-stringify@11.0.0:
+    resolution: {integrity: sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw==}
+
+  remend@1.3.0:
+    resolution: {integrity: sha512-iIhggPkhW3hFImKtB10w0dz4EZbs28mV/dmbcYVonWEJ6UGHHpP+bFZnTh6GNWJONg5m+U56JrL+8IxZRdgWjw==}
+
+  require-directory@2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
+    engines: {node: '>=0.10.0'}
+
+  require-from-string@2.0.2:
+    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
+    engines: {node: '>=0.10.0'}
+
+  reselect@5.1.1:
+    resolution: {integrity: sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==}
+
+  resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+
+  restore-cursor@5.1.0:
+    resolution: {integrity: sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==}
+    engines: {node: '>=18'}
+
+  rettime@0.10.1:
+    resolution: {integrity: sha512-uyDrIlUEH37cinabq0AX4QbgV4HbFZ/gqoiunWQ1UqBtRvTTytwhNYjE++pO/MjPTZL5KQCf2bEoJ/BJNVQ5Kw==}
+
+  reusify@1.1.0:
+    resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+
+  robust-predicates@3.0.3:
+    resolution: {integrity: sha512-NS3levdsRIUOmiJ8FZWCP7LG3QpJyrs/TE0Zpf1yvZu8cAJJ6QMW92H1c7kWpdIHo8RvmLxN/o2JXTKHp74lUA==}
+
+  rollup@4.60.1:
+    resolution: {integrity: sha512-VmtB2rFU/GroZ4oL8+ZqXgSA38O6GR8KSIvWmEFv63pQ0G6KaBH9s07PO8XTXP4vI+3UJUEypOfjkGfmSBBR0w==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+
+  roughjs@4.6.6:
+    resolution: {integrity: sha512-ZUz/69+SYpFN/g/lUlo2FXcIjRkSu3nDarreVdGGndHEBJ6cXPdKguS8JGxwj5HA5xIbVKSmLgr5b3AWxtRfvQ==}
+
+  router@2.2.0:
+    resolution: {integrity: sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==}
+    engines: {node: '>= 18'}
+
+  run-applescript@7.1.0:
+    resolution: {integrity: sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==}
+    engines: {node: '>=18'}
+
+  run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+
+  rw@1.3.3:
+    resolution: {integrity: sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==}
+
+  safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+
+  scheduler@0.26.0:
+    resolution: {integrity: sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==}
+
+  semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
+
+  send@1.2.1:
+    resolution: {integrity: sha512-1gnZf7DFcoIcajTjTwjwuDjzuz4PPcY2StKPlsGAQ1+YH20IRVrBaXSWmdjowTJ6u8Rc01PoYOGHXfP1mYcZNQ==}
+    engines: {node: '>= 18'}
+
+  serve-static@2.2.1:
+    resolution: {integrity: sha512-xRXBn0pPqQTVQiC8wyQrKs2MOlX24zQ0POGaj0kultvoOCstBQM5yvOhAVSUwOMjQtTvsPWoNCHfPGwaaQJhTw==}
+    engines: {node: '>= 18'}
+
+  setprototypeof@1.2.0:
+    resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
+
+  shadcn@4.1.1:
+    resolution: {integrity: sha512-nBj+7LYC9kzV9v9QmRPpoOhfW4KctJVQejywdAt/K+K+z4RYlJOcO2a4AaF7elrRWkfCbgXeGK02liV0KB9HvQ==}
+    hasBin: true
+
+  shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+
+  shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+
+  shiki@3.23.0:
+    resolution: {integrity: sha512-55Dj73uq9ZXL5zyeRPzHQsK7Nbyt6Y10k5s7OjuFZGMhpp4r/rsLBH0o/0fstIzX1Lep9VxefWljK/SKCzygIA==}
+
+  shiki@4.0.2:
+    resolution: {integrity: sha512-eAVKTMedR5ckPo4xne/PjYQYrU3qx78gtJZ+sHlXEg5IHhhoQhMfZVzetTYuaJS0L2Ef3AcCRzCHV8T0WI6nIQ==}
+    engines: {node: '>=20'}
+
+  side-channel-list@1.0.0:
+    resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-map@1.0.1:
+    resolution: {integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-weakmap@1.0.2:
+    resolution: {integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==}
+    engines: {node: '>= 0.4'}
+
+  side-channel@1.1.0:
+    resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
+    engines: {node: '>= 0.4'}
+
+  siginfo@2.0.0:
+    resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
+
+  signal-exit@3.0.7:
+    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
+
+  signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+    engines: {node: '>=14'}
+
+  sisteransi@1.0.5:
+    resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
+
+  smart-registry@1.16.0:
+    resolution: {integrity: sha512-JD12cZ1N3yOkbu5Rl73PgHMs6jeAPUNrgXo7jeUb8z4sf2kukbRyMPXHtS31iSJXdt6aQaWWzqE/9c8pETuJRA==}
+    hasBin: true
+
+  sonner@2.0.7:
+    resolution: {integrity: sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==}
+    peerDependencies:
+      react: ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+      react-dom: ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+    engines: {node: '>=0.10.0'}
+
+  source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+
+  space-separated-tokens@2.0.2:
+    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
+
+  split-type@0.3.4:
+    resolution: {integrity: sha512-otEk9vnD8qwfLsk3Lx0gz+qRkNIJCx0mlyL47ImP/DjMuV39d75Lpfwjn9fHteDRz0aoOblSzQjSNT9+Sswxcg==}
+
+  stackback@0.0.2:
+    resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
+
+  statuses@2.0.2:
+    resolution: {integrity: sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==}
+    engines: {node: '>= 0.8'}
+
+  std-env@3.10.0:
+    resolution: {integrity: sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==}
+
+  stdin-discarder@0.2.2:
+    resolution: {integrity: sha512-UhDfHmA92YAlNnCfhmq0VeNL5bDbiZGg7sZ2IvPsXubGkiNa9EC+tUTsjBRsYUAz87btI6/1wf4XoVvQ3uRnmQ==}
+    engines: {node: '>=18'}
+
+  streamdown@2.5.0:
+    resolution: {integrity: sha512-/tTnURfIOxZK/pqJAxsfCvETG/XCJHoWnk3jq9xLcuz6CSpnjjuxSRBTTL4PKGhxiZQf0lqPxGhImdpwcZ2XwA==}
+    peerDependencies:
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+
+  strict-event-emitter@0.5.1:
+    resolution: {integrity: sha512-vMgjE/GGEPEFnhFub6pa4FmJBRBVOLpIII2hvCZ8Kzb7K0hlHo7mQv6xYrBvCL2LtAIBwFUK8wvuJgTVSQ5MFQ==}
+
+  string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+
+  string-width@7.2.0:
+    resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
+    engines: {node: '>=18'}
+
+  stringify-entities@4.0.4:
+    resolution: {integrity: sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==}
+
+  stringify-object@5.0.0:
+    resolution: {integrity: sha512-zaJYxz2FtcMb4f+g60KsRNFOpVMUyuJgA51Zi5Z1DOTC3S59+OQiVOzE9GZt0x72uBGWKsQIuBKeF9iusmKFsg==}
+    engines: {node: '>=14.16'}
+
+  strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+
+  strip-ansi@7.2.0:
+    resolution: {integrity: sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==}
+    engines: {node: '>=12'}
+
+  strip-bom@3.0.0:
+    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
+    engines: {node: '>=4'}
+
+  strip-final-newline@2.0.0:
+    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
+    engines: {node: '>=6'}
+
+  strip-final-newline@4.0.0:
+    resolution: {integrity: sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==}
+    engines: {node: '>=18'}
+
+  strip-json-comments@5.0.3:
+    resolution: {integrity: sha512-1tB5mhVo7U+ETBKNf92xT4hrQa3pm0MZ0PQvuDnWgAAGHDsfp4lPSpiS6psrSiet87wyGPh9ft6wmhOMQ0hDiw==}
+    engines: {node: '>=14.16'}
+
+  strip-literal@3.1.0:
+    resolution: {integrity: sha512-8r3mkIM/2+PpjHoOtiAW8Rg3jJLHaV7xPwG+YRGrv6FP0wwk/toTpATxWYOW0BKdWwl82VT2tFYi5DlROa0Mxg==}
+
+  style-to-js@1.1.21:
+    resolution: {integrity: sha512-RjQetxJrrUJLQPHbLku6U/ocGtzyjbJMP9lCNK7Ag0CNh690nSH8woqWH9u16nMjYBAok+i7JO1NP2pOy8IsPQ==}
+
+  style-to-object@1.0.14:
+    resolution: {integrity: sha512-LIN7rULI0jBscWQYaSswptyderlarFkjQ+t79nzty8tcIAceVomEVlLzH5VP4Cmsv6MtKhs7qaAiwlcp+Mgaxw==}
+
+  stylis@4.3.6:
+    resolution: {integrity: sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ==}
+
+  tagged-tag@1.0.0:
+    resolution: {integrity: sha512-yEFYrVhod+hdNyx7g5Bnkkb0G6si8HJurOoOEgC8B/O0uXLHlaey/65KRv6cuWBNhBgHKAROVpc7QyYqE5gFng==}
+    engines: {node: '>=20'}
+
+  tailwind-merge@3.5.0:
+    resolution: {integrity: sha512-I8K9wewnVDkL1NTGoqWmVEIlUcB9gFriAEkXkfCjX5ib8ezGxtR3xD7iZIxrfArjEsH7F1CHD4RFUtxefdqV/A==}
+
+  tailwindcss@4.2.2:
+    resolution: {integrity: sha512-KWBIxs1Xb6NoLdMVqhbhgwZf2PGBpPEiwOqgI4pFIYbNTfBXiKYyWoTsXgBQ9WFg/OlhnvHaY+AEpW7wSmFo2Q==}
+
+  tapable@2.3.2:
+    resolution: {integrity: sha512-1MOpMXuhGzGL5TTCZFItxCc0AARf1EZFQkGqMm7ERKj8+Hgr5oLvJOVFcC+lRmR8hCe2S3jC4T5D7Vg/d7/fhA==}
+    engines: {node: '>=6'}
+
+  tiny-invariant@1.3.3:
+    resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
+
+  tinybench@2.9.0:
+    resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
+
+  tinyexec@0.3.2:
+    resolution: {integrity: sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==}
+
+  tinyexec@1.0.4:
+    resolution: {integrity: sha512-u9r3uZC0bdpGOXtlxUIdwf9pkmvhqJdrVCH9fapQtgy/OeTTMZ1nqH7agtvEfmGui6e1XxjcdrlxvxJvc3sMqw==}
+    engines: {node: '>=18'}
+
+  tinyglobby@0.2.15:
+    resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
+    engines: {node: '>=12.0.0'}
+
+  tinypool@1.1.1:
+    resolution: {integrity: sha512-Zba82s87IFq9A9XmjiX5uZA/ARWDrB03OHlq+Vw1fSdt0I+4/Kutwy8BP4Y/y/aORMo61FQ0vIb5j44vSo5Pkg==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+
+  tinyrainbow@2.0.0:
+    resolution: {integrity: sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==}
+    engines: {node: '>=14.0.0'}
+
+  tinyspy@4.0.4:
+    resolution: {integrity: sha512-azl+t0z7pw/z958Gy9svOTuzqIk6xq+NSheJzn5MMWtWTFywIacg2wUlzKFGtt3cthx0r2SxMK0yzJOR0IES7Q==}
+    engines: {node: '>=14.0.0'}
+
+  tldts-core@7.0.27:
+    resolution: {integrity: sha512-YQ7uPjgWUibIK6DW5lrKujGwUKhLevU4hcGbP5O6TcIUb+oTjJYJVWPS4nZsIHrEEEG6myk/oqAJUEQmpZrHsg==}
+
+  tldts@7.0.27:
+    resolution: {integrity: sha512-I4FZcVFcqCRuT0ph6dCDpPuO4Xgzvh+spkcTr1gK7peIvxWauoloVO0vuy1FQnijT63ss6AsHB6+OIM4aXHbPg==}
+    hasBin: true
+
+  to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+
+  toidentifier@1.0.1:
+    resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
+    engines: {node: '>=0.6'}
+
+  tokenlens@1.3.1:
+    resolution: {integrity: sha512-7oxmsS5PNCX3z+b+z07hL5vCzlgHKkCGrEQjQmWl5l+v5cUrtL7S1cuST4XThaL1XyjbTX8J5hfP0cjDJRkaLA==}
+
+  tough-cookie@6.0.1:
+    resolution: {integrity: sha512-LktZQb3IeoUWB9lqR5EWTHgW/VTITCXg4D21M+lvybRVdylLrRMnqaIONLVb5mav8vM19m44HIcGq4qASeu2Qw==}
+    engines: {node: '>=16'}
+
+  trim-lines@3.0.1:
+    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
+
+  trough@2.2.0:
+    resolution: {integrity: sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==}
+
+  ts-dedent@2.2.0:
+    resolution: {integrity: sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==}
+    engines: {node: '>=6.10'}
+
+  ts-morph@26.0.0:
+    resolution: {integrity: sha512-ztMO++owQnz8c/gIENcM9XfCEzgoGphTv+nKpYNM1bgsdOVC/jRZuEBf6N+mLLDNg68Kl+GgUZfOySaRiG1/Ug==}
+
+  tsconfig-paths@4.2.0:
+    resolution: {integrity: sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg==}
+    engines: {node: '>=6'}
+
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+
+  tw-animate-css@1.4.0:
+    resolution: {integrity: sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ==}
+
+  type-fest@5.5.0:
+    resolution: {integrity: sha512-PlBfpQwiUvGViBNX84Yxwjsdhd1TUlXr6zjX7eoirtCPIr08NAmxwa+fcYBTeRQxHo9YC9wwF3m9i700sHma8g==}
+    engines: {node: '>=20'}
+
+  type-is@2.0.1:
+    resolution: {integrity: sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==}
+    engines: {node: '>= 0.6'}
+
+  typescript@5.9.3:
+    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  uc.micro@1.0.6:
+    resolution: {integrity: sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==}
+
+  ufo@1.6.3:
+    resolution: {integrity: sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q==}
+
+  undici-types@6.21.0:
+    resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
+
+  unicorn-magic@0.3.0:
+    resolution: {integrity: sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==}
+    engines: {node: '>=18'}
+
+  unified@11.0.5:
+    resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}
+
+  unist-util-find-after@5.0.0:
+    resolution: {integrity: sha512-amQa0Ep2m6hE2g72AugUItjbuM8X8cGQnFoHk0pGfrFeT9GZhzN5SW8nRsiGKK7Aif4CrACPENkA6P/Lw6fHGQ==}
+
+  unist-util-is@6.0.1:
+    resolution: {integrity: sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==}
+
+  unist-util-position@5.0.0:
+    resolution: {integrity: sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==}
+
+  unist-util-remove-position@5.0.0:
+    resolution: {integrity: sha512-Hp5Kh3wLxv0PHj9m2yZhhLt58KzPtEYKQQ4yxfYFEO7EvHwzyDYnduhHnY1mDxoqr7VUwVuHXk9RXKIiYS1N8Q==}
+
+  unist-util-stringify-position@4.0.0:
+    resolution: {integrity: sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==}
+
+  unist-util-visit-parents@6.0.2:
+    resolution: {integrity: sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==}
+
+  unist-util-visit@5.1.0:
+    resolution: {integrity: sha512-m+vIdyeCOpdr/QeQCu2EzxX/ohgS8KbnPDgFni4dQsfSCtpz8UqDyY5GjRru8PDKuYn7Fq19j1CQ+nJSsGKOzg==}
+
+  universalify@2.0.1:
+    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
+    engines: {node: '>= 10.0.0'}
+
+  unpipe@1.0.0:
+    resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
+    engines: {node: '>= 0.8'}
+
+  until-async@3.0.2:
+    resolution: {integrity: sha512-IiSk4HlzAMqTUseHHe3VhIGyuFmN90zMTpD3Z3y8jeQbzLIq500MVM7Jq2vUAnTKAFPJrqwkzr6PoTcPhGcOiw==}
+
+  update-browserslist-db@1.2.3:
+    resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
+  use-callback-ref@1.3.3:
+    resolution: {integrity: sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  use-sidecar@1.1.3:
+    resolution: {integrity: sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  use-stick-to-bottom@1.1.3:
+    resolution: {integrity: sha512-GgRLdeGhxBxpcbrBbEIEoOKUQ9d46/eaSII+wyv1r9Du+NbCn1W/OE+VddefvRP4+5w/1kATN/6g2/BAC/yowQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  use-sync-external-store@1.6.0:
+    resolution: {integrity: sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  util-deprecate@1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+
+  uuid@11.1.0:
+    resolution: {integrity: sha512-0/A9rDy9P7cJ+8w1c9WD9V//9Wj15Ce2MPz8Ri6032usz+NfePxx5AcN3bN+r6ZL6jEo066/yNYB3tn4pQEx+A==}
+    hasBin: true
+
+  validate-npm-package-name@7.0.2:
+    resolution: {integrity: sha512-hVDIBwsRruT73PbK7uP5ebUt+ezEtCmzZz3F59BSr2F6OVFnJ/6h8liuvdLrQ88Xmnk6/+xGGuq+pG9WwTuy3A==}
+    engines: {node: ^20.17.0 || >=22.9.0}
+
+  vary@1.1.2:
+    resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
+    engines: {node: '>= 0.8'}
+
+  vaul@1.1.2:
+    resolution: {integrity: sha512-ZFkClGpWyI2WUQjdLJ/BaGuV6AVQiJ3uELGk3OYtP+B6yCO7Cmn9vPFXVJkRaGkOJu3m8bQMgtyzNHixULceQA==}
+    peerDependencies:
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
+
+  vfile-location@5.0.3:
+    resolution: {integrity: sha512-5yXvWDEgqeiYiBe1lbxYF7UMAIm/IcopxMHrMQDq3nvKcjPKIhZklUKL+AE7J7uApI4kwe2snsK+eI6UTj9EHg==}
+
+  vfile-message@4.0.3:
+    resolution: {integrity: sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==}
+
+  vfile@6.0.3:
+    resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
+
+  victory-vendor@37.3.6:
+    resolution: {integrity: sha512-SbPDPdDBYp+5MJHhBCAyI7wKM3d5ivekigc2Dk2s7pgbZ9wIgIBYGVw4zGHBml/qTFbexrofXW6Gu4noGxrOwQ==}
+
+  vite-node@3.2.4:
+    resolution: {integrity: sha512-EbKSKh+bh1E1IFxeO0pg1n4dvoOTt0UDiXMd/qn++r98+jPO1xtJilvXldeuQ8giIB5IkpjCgMleHMNEsGH6pg==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
+    hasBin: true
+
+  vite@7.3.1:
+    resolution: {integrity: sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^20.19.0 || >=22.12.0
+      jiti: '>=1.21.0'
+      less: ^4.0.0
+      lightningcss: ^1.21.0
+      sass: ^1.70.0
+      sass-embedded: ^1.70.0
+      stylus: '>=0.54.8'
+      sugarss: ^5.0.0
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  vitest@3.2.4:
+    resolution: {integrity: sha512-LUCP5ev3GURDysTWiP47wRRUpLKMOfPh+yKTx3kVIEiu5KOMeqzpnYNsKyOoVrULivR8tLcks4+lga33Whn90A==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
+    hasBin: true
+    peerDependencies:
+      '@edge-runtime/vm': '*'
+      '@types/debug': ^4.1.12
+      '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
+      '@vitest/browser': 3.2.4
+      '@vitest/ui': 3.2.4
+      happy-dom: '*'
+      jsdom: '*'
+    peerDependenciesMeta:
+      '@edge-runtime/vm':
+        optional: true
+      '@types/debug':
+        optional: true
+      '@types/node':
+        optional: true
+      '@vitest/browser':
+        optional: true
+      '@vitest/ui':
+        optional: true
+      happy-dom:
+        optional: true
+      jsdom:
+        optional: true
+
+  vscode-jsonrpc@8.2.0:
+    resolution: {integrity: sha512-C+r0eKJUIfiDIfwJhria30+TYWPtuHJXHtI7J0YlOmKAo7ogxP20T0zxB7HZQIFhIyvoBPwWskjxrvAtfjyZfA==}
+    engines: {node: '>=14.0.0'}
+
+  vscode-languageserver-protocol@3.17.5:
+    resolution: {integrity: sha512-mb1bvRJN8SVznADSGWM9u/b07H7Ecg0I3OgXDuLdn307rl/J3A9YD6/eYOssqhecL27hK1IPZAsaqh00i/Jljg==}
+
+  vscode-languageserver-textdocument@1.0.12:
+    resolution: {integrity: sha512-cxWNPesCnQCcMPeenjKKsOCKQZ/L6Tv19DTRIGuLWe32lyzWhihGVJ/rcckZXJxfdKCFvRLS3fpBIsV/ZGX4zA==}
+
+  vscode-languageserver-types@3.17.5:
+    resolution: {integrity: sha512-Ld1VelNuX9pdF39h2Hgaeb5hEZM2Z3jUrrMgWQAu82jMtZp7p3vJT3BzToKtZI7NgQssZje5o0zryOrhQvzQAg==}
+
+  vscode-languageserver@9.0.1:
+    resolution: {integrity: sha512-woByF3PDpkHFUreUa7Hos7+pUWdeWMXRd26+ZX2A8cFx6v/JPTtd4/uN0/jB6XQHYaOlHbio03NTHCqrgG5n7g==}
+    hasBin: true
+
+  vscode-uri@3.1.0:
+    resolution: {integrity: sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==}
+
+  web-namespaces@2.0.1:
+    resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==}
+
+  web-streams-polyfill@3.3.3:
+    resolution: {integrity: sha512-d2JWLCivmZYTSIoge9MsgFCZrt571BikcWGYkjC1khllbTeDlGqZ2D8vD8E/lJa8WGWbb7Plm8/XJYV7IJHZZw==}
+    engines: {node: '>= 8'}
+
+  which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+
+  which@4.0.0:
+    resolution: {integrity: sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==}
+    engines: {node: ^16.13.0 || >=18.0.0}
+    hasBin: true
+
+  why-is-node-running@2.3.0:
+    resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
+    engines: {node: '>=8'}
+    hasBin: true
+
+  wrap-ansi@6.2.0:
+    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
+    engines: {node: '>=8'}
+
+  wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+    engines: {node: '>=10'}
+
+  wrappy@1.0.2:
+    resolution: {integrity: sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=}
+
+  wsl-utils@0.3.1:
+    resolution: {integrity: sha512-g/eziiSUNBSsdDJtCLB8bdYEUMj4jR7AGeUo96p/3dTafgjHhpF4RiCFPiRILwjQoDXx5MqkBr4fwWtR3Ky4Wg==}
+    engines: {node: '>=20'}
+
+  y18n@5.0.8:
+    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
+    engines: {node: '>=10'}
+
+  yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+
+  yargs-parser@21.1.1:
+    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
+    engines: {node: '>=12'}
+
+  yargs@17.7.2:
+    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
+    engines: {node: '>=12'}
+
+  yoctocolors-cjs@2.1.3:
+    resolution: {integrity: sha512-U/PBtDf35ff0D8X8D0jfdzHYEPFxAI7jJlxZXwCSez5M3190m+QobIfh+sWDWSHMCWWJN2AWamkegn6vr6YBTw==}
+    engines: {node: '>=18'}
+
+  yoctocolors@2.1.2:
+    resolution: {integrity: sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug==}
+    engines: {node: '>=18'}
+
+  zod-to-json-schema@3.25.2:
+    resolution: {integrity: sha512-O/PgfnpT1xKSDeQYSCfRI5Gy3hPf91mKVDuYLUHZJMiDFptvP41MSnWofm8dnCm0256ZNfZIM7DSzuSMAFnjHA==}
+    peerDependencies:
+      zod: ^3.25.28 || ^4
+
+  zod@3.25.76:
+    resolution: {integrity: sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==}
+
+  zod@4.3.6:
+    resolution: {integrity: sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==}
+
+  zustand@4.5.7:
+    resolution: {integrity: sha512-CHOUy7mu3lbD6o6LJLfllpjkzhHXSBlX8B9+qPddUsIfeF5S/UZ5q0kmCsnRqT1UHFQZchNFDDzMbQsuesHWlw==}
+    engines: {node: '>=12.7.0'}
+    peerDependencies:
+      '@types/react': '>=16.8'
+      immer: '>=9.0.6'
+      react: '>=16.8'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      immer:
+        optional: true
+      react:
+        optional: true
+
+  zustand@5.0.12:
+    resolution: {integrity: sha512-i77ae3aZq4dhMlRhJVCYgMLKuSiZAaUPAct2AksxQ+gOtimhGMdXljRT21P5BNpeT4kXlLIckvkPM029OljD7g==}
+    engines: {node: '>=12.20.0'}
+    peerDependencies:
+      '@types/react': '>=18.0.0'
+      immer: '>=9.0.6'
+      react: '>=18.0.0'
+      use-sync-external-store: '>=1.2.0'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      immer:
+        optional: true
+      react:
+        optional: true
+      use-sync-external-store:
+        optional: true
+
+  zwitch@2.0.4:
+    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
+
+snapshots:
+
+  '@ai-sdk/gateway@3.0.88(zod@4.3.6)':
+    dependencies:
+      '@ai-sdk/provider': 3.0.8
+      '@ai-sdk/provider-utils': 4.0.22(zod@4.3.6)
+      '@vercel/oidc': 3.1.0
+      zod: 4.3.6
+
+  '@ai-sdk/provider-utils@4.0.22(zod@4.3.6)':
+    dependencies:
+      '@ai-sdk/provider': 3.0.8
+      '@standard-schema/spec': 1.1.0
+      eventsource-parser: 3.0.6
+      zod: 4.3.6
+
+  '@ai-sdk/provider@3.0.8':
+    dependencies:
+      json-schema: 0.4.0
+
+  '@alloc/quick-lru@5.2.0': {}
+
+  '@antfu/install-pkg@1.1.0':
+    dependencies:
+      package-manager-detector: 1.6.0
+      tinyexec: 1.0.4
+
+  '@antfu/ni@24.4.0':
+    dependencies:
+      ansis: 4.2.0
+      fzf: 0.5.2
+      package-manager-detector: 1.6.0
+      tinyexec: 1.0.4
+
+  '@babel/code-frame@7.29.0':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.28.5
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
+
+  '@babel/compat-data@7.29.0': {}
+
+  '@babel/core@7.29.0':
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      '@babel/generator': 7.29.1
+      '@babel/helper-compilation-targets': 7.28.6
+      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
+      '@babel/helpers': 7.29.2
+      '@babel/parser': 7.29.2
+      '@babel/template': 7.28.6
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
+      '@jridgewell/remapping': 2.3.5
+      convert-source-map: 2.0.0
+      debug: 4.4.3
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/generator@7.29.1':
+    dependencies:
+      '@babel/parser': 7.29.2
+      '@babel/types': 7.29.0
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+      jsesc: 3.1.0
+
+  '@babel/helper-annotate-as-pure@7.27.3':
+    dependencies:
+      '@babel/types': 7.29.0
+
+  '@babel/helper-compilation-targets@7.28.6':
+    dependencies:
+      '@babel/compat-data': 7.29.0
+      '@babel/helper-validator-option': 7.27.1
+      browserslist: 4.28.2
+      lru-cache: 5.1.1
+      semver: 6.3.1
+
+  '@babel/helper-create-class-features-plugin@7.28.6(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-annotate-as-pure': 7.27.3
+      '@babel/helper-member-expression-to-functions': 7.28.5
+      '@babel/helper-optimise-call-expression': 7.27.1
+      '@babel/helper-replace-supers': 7.28.6(@babel/core@7.29.0)
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+      '@babel/traverse': 7.29.0
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-globals@7.28.0': {}
+
+  '@babel/helper-member-expression-to-functions@7.28.5':
+    dependencies:
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-imports@7.28.6':
+    dependencies:
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-transforms@7.28.6(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-module-imports': 7.28.6
+      '@babel/helper-validator-identifier': 7.28.5
+      '@babel/traverse': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-optimise-call-expression@7.27.1':
+    dependencies:
+      '@babel/types': 7.29.0
+
+  '@babel/helper-plugin-utils@7.28.6': {}
+
+  '@babel/helper-replace-supers@7.28.6(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-member-expression-to-functions': 7.28.5
+      '@babel/helper-optimise-call-expression': 7.27.1
+      '@babel/traverse': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-skip-transparent-expression-wrappers@7.27.1':
+    dependencies:
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-string-parser@7.27.1': {}
+
+  '@babel/helper-validator-identifier@7.28.5': {}
+
+  '@babel/helper-validator-option@7.27.1': {}
+
+  '@babel/helpers@7.29.2':
+    dependencies:
+      '@babel/template': 7.28.6
+      '@babel/types': 7.29.0
+
+  '@babel/parser@7.29.2':
+    dependencies:
+      '@babel/types': 7.29.0
+
+  '@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/plugin-syntax-typescript@7.28.6(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/plugin-transform-modules-commonjs@7.28.6(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-typescript@7.28.6(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-annotate-as-pure': 7.27.3
+      '@babel/helper-create-class-features-plugin': 7.28.6(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+      '@babel/plugin-syntax-typescript': 7.28.6(@babel/core@7.29.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/preset-typescript@7.28.5(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/helper-validator-option': 7.27.1
+      '@babel/plugin-syntax-jsx': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-modules-commonjs': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-typescript': 7.28.6(@babel/core@7.29.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/template@7.28.6':
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      '@babel/parser': 7.29.2
+      '@babel/types': 7.29.0
+
+  '@babel/traverse@7.29.0':
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      '@babel/generator': 7.29.1
+      '@babel/helper-globals': 7.28.0
+      '@babel/parser': 7.29.2
+      '@babel/template': 7.28.6
+      '@babel/types': 7.29.0
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/types@7.29.0':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
+
+  '@biomejs/biome@2.4.10':
+    optionalDependencies:
+      '@biomejs/cli-darwin-arm64': 2.4.10
+      '@biomejs/cli-darwin-x64': 2.4.10
+      '@biomejs/cli-linux-arm64': 2.4.10
+      '@biomejs/cli-linux-arm64-musl': 2.4.10
+      '@biomejs/cli-linux-x64': 2.4.10
+      '@biomejs/cli-linux-x64-musl': 2.4.10
+      '@biomejs/cli-win32-arm64': 2.4.10
+      '@biomejs/cli-win32-x64': 2.4.10
+
+  '@biomejs/cli-darwin-arm64@2.4.10':
+    optional: true
+
+  '@biomejs/cli-darwin-x64@2.4.10':
+    optional: true
+
+  '@biomejs/cli-linux-arm64-musl@2.4.10':
+    optional: true
+
+  '@biomejs/cli-linux-arm64@2.4.10':
+    optional: true
+
+  '@biomejs/cli-linux-x64-musl@2.4.10':
+    optional: true
+
+  '@biomejs/cli-linux-x64@2.4.10':
+    optional: true
+
+  '@biomejs/cli-win32-arm64@2.4.10':
+    optional: true
+
+  '@biomejs/cli-win32-x64@2.4.10':
+    optional: true
+
+  '@braintree/sanitize-url@7.1.2': {}
+
+  '@chevrotain/cst-dts-gen@11.1.2':
+    dependencies:
+      '@chevrotain/gast': 11.1.2
+      '@chevrotain/types': 11.1.2
+      lodash-es: 4.17.23
+
+  '@chevrotain/gast@11.1.2':
+    dependencies:
+      '@chevrotain/types': 11.1.2
+      lodash-es: 4.17.23
+
+  '@chevrotain/regexp-to-ast@11.1.2': {}
+
+  '@chevrotain/types@11.1.2': {}
+
+  '@chevrotain/utils@11.1.2': {}
+
+  '@date-fns/tz@1.4.1': {}
+
+  '@dotenvx/dotenvx@1.59.1':
+    dependencies:
+      commander: 11.1.0
+      dotenv: 17.4.0
+      eciesjs: 0.4.18
+      execa: 5.1.1
+      fdir: 6.5.0(picomatch@4.0.4)
+      ignore: 5.3.2
+      object-treeify: 1.1.33
+      picomatch: 4.0.4
+      which: 4.0.0
+
+  '@ecies/ciphers@0.2.6(@noble/ciphers@1.3.0)':
+    dependencies:
+      '@noble/ciphers': 1.3.0
+
+  '@esbuild/aix-ppc64@0.27.7':
+    optional: true
+
+  '@esbuild/android-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/android-arm@0.27.7':
+    optional: true
+
+  '@esbuild/android-x64@0.27.7':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/darwin-x64@0.27.7':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-arm@0.27.7':
+    optional: true
+
+  '@esbuild/linux-ia32@0.27.7':
+    optional: true
+
+  '@esbuild/linux-loong64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.27.7':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-s390x@0.27.7':
+    optional: true
+
+  '@esbuild/linux-x64@0.27.7':
+    optional: true
+
+  '@esbuild/netbsd-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.27.7':
+    optional: true
+
+  '@esbuild/openbsd-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.27.7':
+    optional: true
+
+  '@esbuild/openharmony-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/sunos-x64@0.27.7':
+    optional: true
+
+  '@esbuild/win32-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/win32-ia32@0.27.7':
+    optional: true
+
+  '@esbuild/win32-x64@0.27.7':
+    optional: true
+
+  '@floating-ui/core@1.7.5':
+    dependencies:
+      '@floating-ui/utils': 0.2.11
+
+  '@floating-ui/dom@1.7.6':
+    dependencies:
+      '@floating-ui/core': 1.7.5
+      '@floating-ui/utils': 0.2.11
+
+  '@floating-ui/react-dom@2.1.8(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@floating-ui/dom': 1.7.6
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+
+  '@floating-ui/utils@0.2.11': {}
+
+  '@hono/node-server@1.19.12(hono@4.12.10)':
+    dependencies:
+      hono: 4.12.10
+
+  '@hookform/resolvers@5.2.2(react-hook-form@7.72.1(react@19.1.0))':
+    dependencies:
+      '@standard-schema/utils': 0.3.0
+      react-hook-form: 7.72.1(react@19.1.0)
+
+  '@iconify/types@2.0.0': {}
+
+  '@iconify/utils@3.1.0':
+    dependencies:
+      '@antfu/install-pkg': 1.1.0
+      '@iconify/types': 2.0.0
+      mlly: 1.8.2
+
+  '@inquirer/ansi@1.0.2': {}
+
+  '@inquirer/confirm@5.1.21(@types/node@22.19.17)':
+    dependencies:
+      '@inquirer/core': 10.3.2(@types/node@22.19.17)
+      '@inquirer/type': 3.0.10(@types/node@22.19.17)
+    optionalDependencies:
+      '@types/node': 22.19.17
+
+  '@inquirer/core@10.3.2(@types/node@22.19.17)':
+    dependencies:
+      '@inquirer/ansi': 1.0.2
+      '@inquirer/figures': 1.0.15
+      '@inquirer/type': 3.0.10(@types/node@22.19.17)
+      cli-width: 4.1.0
+      mute-stream: 2.0.0
+      signal-exit: 4.1.0
+      wrap-ansi: 6.2.0
+      yoctocolors-cjs: 2.1.3
+    optionalDependencies:
+      '@types/node': 22.19.17
+
+  '@inquirer/figures@1.0.15': {}
+
+  '@inquirer/type@3.0.10(@types/node@22.19.17)':
+    optionalDependencies:
+      '@types/node': 22.19.17
+
+  '@jridgewell/gen-mapping@0.3.13':
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/remapping@2.3.5':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/resolve-uri@3.1.2': {}
+
+  '@jridgewell/sourcemap-codec@1.5.5': {}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  '@mermaid-js/parser@1.1.0':
+    dependencies:
+      langium: 4.2.1
+
+  '@modelcontextprotocol/sdk@1.29.0(zod@3.25.76)':
+    dependencies:
+      '@hono/node-server': 1.19.12(hono@4.12.10)
+      ajv: 8.18.0
+      ajv-formats: 3.0.1(ajv@8.18.0)
+      content-type: 1.0.5
+      cors: 2.8.6
+      cross-spawn: 7.0.6
+      eventsource: 3.0.7
+      eventsource-parser: 3.0.6
+      express: 5.2.1
+      express-rate-limit: 8.3.2(express@5.2.1)
+      hono: 4.12.10
+      jose: 6.2.2
+      json-schema-typed: 8.0.2
+      pkce-challenge: 5.0.1
+      raw-body: 3.0.2
+      zod: 3.25.76
+      zod-to-json-schema: 3.25.2(zod@3.25.76)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@mswjs/interceptors@0.41.3':
+    dependencies:
+      '@open-draft/deferred-promise': 2.2.0
+      '@open-draft/logger': 0.3.0
+      '@open-draft/until': 2.1.0
+      is-node-process: 1.2.0
+      outvariant: 1.4.3
+      strict-event-emitter: 0.5.1
+
+  '@noble/ciphers@1.3.0': {}
+
+  '@noble/curves@1.9.7':
+    dependencies:
+      '@noble/hashes': 1.8.0
+
+  '@noble/hashes@1.8.0': {}
+
+  '@nodelib/fs.scandir@2.1.5':
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+
+  '@nodelib/fs.stat@2.0.5': {}
+
+  '@nodelib/fs.walk@1.2.8':
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.20.1
+
+  '@open-draft/deferred-promise@2.2.0': {}
+
+  '@open-draft/logger@0.3.0':
+    dependencies:
+      is-node-process: 1.2.0
+      outvariant: 1.4.3
+
+  '@open-draft/until@2.1.0': {}
+
+  '@opentelemetry/api@1.9.0': {}
+
+  '@radix-ui/number@1.1.1': {}
+
+  '@radix-ui/primitive@1.1.3': {}
+
+  '@radix-ui/react-accordion@1.2.12(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collapsible': 1.1.12(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-alert-dialog@1.1.15(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-arrow@1.1.7(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-aspect-ratio@1.1.8(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-avatar@1.1.11(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-context': 1.1.3(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-checkbox@1.3.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-collapsible@1.1.12(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-collection@1.1.7(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-compose-refs@1.1.2(@types/react@19.1.2)(react@19.1.0)':
+    dependencies:
+      react: 19.1.0
+    optionalDependencies:
+      '@types/react': 19.1.2
+
+  '@radix-ui/react-context-menu@2.2.16(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-context@1.1.2(@types/react@19.1.2)(react@19.1.0)':
+    dependencies:
+      react: 19.1.0
+    optionalDependencies:
+      '@types/react': 19.1.2
+
+  '@radix-ui/react-context@1.1.3(@types/react@19.1.2)(react@19.1.0)':
+    dependencies:
+      react: 19.1.0
+    optionalDependencies:
+      '@types/react': 19.1.2
+
+  '@radix-ui/react-dialog@1.1.15(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.2)(react@19.1.0)
+      aria-hidden: 1.2.6
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+      react-remove-scroll: 2.7.2(@types/react@19.1.2)(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-direction@1.1.1(@types/react@19.1.2)(react@19.1.0)':
+    dependencies:
+      react: 19.1.0
+    optionalDependencies:
+      '@types/react': 19.1.2
+
+  '@radix-ui/react-dismissable-layer@1.1.11(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-dropdown-menu@2.1.16(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-focus-guards@1.1.3(@types/react@19.1.2)(react@19.1.0)':
+    dependencies:
+      react: 19.1.0
+    optionalDependencies:
+      '@types/react': 19.1.2
+
+  '@radix-ui/react-focus-scope@1.1.7(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-hover-card@1.1.15(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-id@1.1.1(@types/react@19.1.2)(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+    optionalDependencies:
+      '@types/react': 19.1.2
+
+  '@radix-ui/react-label@2.1.8(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-menu@2.1.16(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      aria-hidden: 1.2.6
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+      react-remove-scroll: 2.7.2(@types/react@19.1.2)(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-menubar@1.1.16(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-navigation-menu@1.2.14(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-popover@1.1.15(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.2)(react@19.1.0)
+      aria-hidden: 1.2.6
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+      react-remove-scroll: 2.7.2(@types/react@19.1.2)(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-popper@1.2.8(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@floating-ui/react-dom': 2.1.8(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-arrow': 1.1.7(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-rect': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/rect': 1.1.1
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-portal@1.1.9(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-presence@1.1.5(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-primitive@2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-primitive@2.1.4(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-slot': 1.2.4(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-progress@1.1.8(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-context': 1.1.3(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-radio-group@1.3.8(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-roving-focus@1.1.11(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-scroll-area@1.2.10(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/number': 1.1.1
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-select@2.2.6(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/number': 1.1.1
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      aria-hidden: 1.2.6
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+      react-remove-scroll: 2.7.2(@types/react@19.1.2)(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-separator@1.1.8(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-slider@1.3.6(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/number': 1.1.1
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-slot@1.2.3(@types/react@19.1.2)(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+    optionalDependencies:
+      '@types/react': 19.1.2
+
+  '@radix-ui/react-slot@1.2.4(@types/react@19.1.2)(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+    optionalDependencies:
+      '@types/react': 19.1.2
+
+  '@radix-ui/react-switch@1.2.6(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-tabs@1.1.13(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-toggle-group@1.1.11(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-toggle': 1.1.10(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-toggle@1.1.10(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-tooltip@1.2.8(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-use-callback-ref@1.1.1(@types/react@19.1.2)(react@19.1.0)':
+    dependencies:
+      react: 19.1.0
+    optionalDependencies:
+      '@types/react': 19.1.2
+
+  '@radix-ui/react-use-controllable-state@1.2.2(@types/react@19.1.2)(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+    optionalDependencies:
+      '@types/react': 19.1.2
+
+  '@radix-ui/react-use-effect-event@0.0.2(@types/react@19.1.2)(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+    optionalDependencies:
+      '@types/react': 19.1.2
+
+  '@radix-ui/react-use-escape-keydown@1.1.1(@types/react@19.1.2)(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+    optionalDependencies:
+      '@types/react': 19.1.2
+
+  '@radix-ui/react-use-is-hydrated@0.1.0(@types/react@19.1.2)(react@19.1.0)':
+    dependencies:
+      react: 19.1.0
+      use-sync-external-store: 1.6.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+
+  '@radix-ui/react-use-layout-effect@1.1.1(@types/react@19.1.2)(react@19.1.0)':
+    dependencies:
+      react: 19.1.0
+    optionalDependencies:
+      '@types/react': 19.1.2
+
+  '@radix-ui/react-use-previous@1.1.1(@types/react@19.1.2)(react@19.1.0)':
+    dependencies:
+      react: 19.1.0
+    optionalDependencies:
+      '@types/react': 19.1.2
+
+  '@radix-ui/react-use-rect@1.1.1(@types/react@19.1.2)(react@19.1.0)':
+    dependencies:
+      '@radix-ui/rect': 1.1.1
+      react: 19.1.0
+    optionalDependencies:
+      '@types/react': 19.1.2
+
+  '@radix-ui/react-use-size@1.1.1(@types/react@19.1.2)(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+    optionalDependencies:
+      '@types/react': 19.1.2
+
+  '@radix-ui/react-visually-hidden@1.2.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/rect@1.1.1': {}
+
+  '@reduxjs/toolkit@2.11.2(react-redux@9.2.0(@types/react@19.1.2)(react@19.1.0)(redux@5.0.1))(react@19.1.0)':
+    dependencies:
+      '@standard-schema/spec': 1.1.0
+      '@standard-schema/utils': 0.3.0
+      immer: 11.1.4
+      redux: 5.0.1
+      redux-thunk: 3.1.0(redux@5.0.1)
+      reselect: 5.1.1
+    optionalDependencies:
+      react: 19.1.0
+      react-redux: 9.2.0(@types/react@19.1.2)(react@19.1.0)(redux@5.0.1)
+
+  '@rive-app/react-webgl2@4.27.3(react@19.1.0)':
+    dependencies:
+      '@rive-app/webgl2': 2.35.4
+      react: 19.1.0
+
+  '@rive-app/webgl2@2.35.4': {}
+
+  '@rollup/rollup-android-arm-eabi@4.60.1':
+    optional: true
+
+  '@rollup/rollup-android-arm64@4.60.1':
+    optional: true
+
+  '@rollup/rollup-darwin-arm64@4.60.1':
+    optional: true
+
+  '@rollup/rollup-darwin-x64@4.60.1':
+    optional: true
+
+  '@rollup/rollup-freebsd-arm64@4.60.1':
+    optional: true
+
+  '@rollup/rollup-freebsd-x64@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-arm-musleabihf@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-gnu@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-musl@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-gnu@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-musl@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-gnu@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-musl@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-gnu@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-musl@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-s390x-gnu@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-x64-gnu@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-x64-musl@4.60.1':
+    optional: true
+
+  '@rollup/rollup-openbsd-x64@4.60.1':
+    optional: true
+
+  '@rollup/rollup-openharmony-arm64@4.60.1':
+    optional: true
+
+  '@rollup/rollup-win32-arm64-msvc@4.60.1':
+    optional: true
+
+  '@rollup/rollup-win32-ia32-msvc@4.60.1':
+    optional: true
+
+  '@rollup/rollup-win32-x64-gnu@4.60.1':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.60.1':
+    optional: true
+
+  '@sec-ant/readable-stream@0.4.1': {}
+
+  '@shikijs/core@3.23.0':
+    dependencies:
+      '@shikijs/types': 3.23.0
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+      hast-util-to-html: 9.0.5
+
+  '@shikijs/core@4.0.2':
+    dependencies:
+      '@shikijs/primitive': 4.0.2
+      '@shikijs/types': 4.0.2
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+      hast-util-to-html: 9.0.5
+
+  '@shikijs/engine-javascript@3.23.0':
+    dependencies:
+      '@shikijs/types': 3.23.0
+      '@shikijs/vscode-textmate': 10.0.2
+      oniguruma-to-es: 4.3.5
+
+  '@shikijs/engine-javascript@4.0.2':
+    dependencies:
+      '@shikijs/types': 4.0.2
+      '@shikijs/vscode-textmate': 10.0.2
+      oniguruma-to-es: 4.3.5
+
+  '@shikijs/engine-oniguruma@3.23.0':
+    dependencies:
+      '@shikijs/types': 3.23.0
+      '@shikijs/vscode-textmate': 10.0.2
+
+  '@shikijs/engine-oniguruma@4.0.2':
+    dependencies:
+      '@shikijs/types': 4.0.2
+      '@shikijs/vscode-textmate': 10.0.2
+
+  '@shikijs/langs@3.23.0':
+    dependencies:
+      '@shikijs/types': 3.23.0
+
+  '@shikijs/langs@4.0.2':
+    dependencies:
+      '@shikijs/types': 4.0.2
+
+  '@shikijs/primitive@4.0.2':
+    dependencies:
+      '@shikijs/types': 4.0.2
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+
+  '@shikijs/themes@3.23.0':
+    dependencies:
+      '@shikijs/types': 3.23.0
+
+  '@shikijs/themes@4.0.2':
+    dependencies:
+      '@shikijs/types': 4.0.2
+
+  '@shikijs/types@3.23.0':
+    dependencies:
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+
+  '@shikijs/types@4.0.2':
+    dependencies:
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+
+  '@shikijs/vscode-textmate@10.0.2': {}
+
+  '@sindresorhus/merge-streams@4.0.0': {}
+
+  '@standard-schema/spec@1.1.0': {}
+
+  '@standard-schema/utils@0.3.0': {}
+
+  '@streamdown/cjk@1.0.3(@types/mdast@4.0.4)(micromark-util-types@2.0.2)(micromark@4.0.2)(react@19.1.0)(unified@11.0.5)':
+    dependencies:
+      react: 19.1.0
+      remark-cjk-friendly: 2.0.1(@types/mdast@4.0.4)(micromark-util-types@2.0.2)(micromark@4.0.2)(unified@11.0.5)
+      remark-cjk-friendly-gfm-strikethrough: 2.0.1(@types/mdast@4.0.4)(micromark-util-types@2.0.2)(micromark@4.0.2)(unified@11.0.5)
+      unist-util-visit: 5.1.0
+    transitivePeerDependencies:
+      - '@types/mdast'
+      - micromark
+      - micromark-util-types
+      - unified
+
+  '@streamdown/code@1.1.1(react@19.1.0)':
+    dependencies:
+      react: 19.1.0
+      shiki: 3.23.0
+
+  '@streamdown/math@1.0.2(react@19.1.0)':
+    dependencies:
+      katex: 0.16.44
+      react: 19.1.0
+      rehype-katex: 7.0.1
+      remark-math: 6.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@streamdown/mermaid@1.0.2(react@19.1.0)':
+    dependencies:
+      mermaid: 11.14.0
+      react: 19.1.0
+
+  '@tabby_ai/hijri-converter@1.0.5': {}
+
+  '@tailwindcss/node@4.2.2':
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      enhanced-resolve: 5.20.1
+      jiti: 2.6.1
+      lightningcss: 1.32.0
+      magic-string: 0.30.21
+      source-map-js: 1.2.1
+      tailwindcss: 4.2.2
+
+  '@tailwindcss/oxide-android-arm64@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-wasm32-wasi@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide@4.2.2':
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.2.2
+      '@tailwindcss/oxide-darwin-arm64': 4.2.2
+      '@tailwindcss/oxide-darwin-x64': 4.2.2
+      '@tailwindcss/oxide-freebsd-x64': 4.2.2
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.2.2
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.2.2
+      '@tailwindcss/oxide-linux-arm64-musl': 4.2.2
+      '@tailwindcss/oxide-linux-x64-gnu': 4.2.2
+      '@tailwindcss/oxide-linux-x64-musl': 4.2.2
+      '@tailwindcss/oxide-wasm32-wasi': 4.2.2
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.2.2
+      '@tailwindcss/oxide-win32-x64-msvc': 4.2.2
+
+  '@tailwindcss/postcss@4.2.2':
+    dependencies:
+      '@alloc/quick-lru': 5.2.0
+      '@tailwindcss/node': 4.2.2
+      '@tailwindcss/oxide': 4.2.2
+      postcss: 8.5.8
+      tailwindcss: 4.2.2
+
+  '@tanstack/react-table@8.21.3(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@tanstack/table-core': 8.21.3
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+
+  '@tanstack/table-core@8.21.3': {}
+
+  '@tokenlens/core@1.3.0': {}
+
+  '@tokenlens/fetch@1.3.0':
+    dependencies:
+      '@tokenlens/core': 1.3.0
+
+  '@tokenlens/helpers@1.3.1':
+    dependencies:
+      '@tokenlens/core': 1.3.0
+      '@tokenlens/fetch': 1.3.0
+
+  '@tokenlens/models@1.3.0':
+    dependencies:
+      '@tokenlens/core': 1.3.0
+
+  '@ts-morph/common@0.27.0':
+    dependencies:
+      fast-glob: 3.3.3
+      minimatch: 10.2.5
+      path-browserify: 1.0.1
+
+  '@types/chai@5.2.3':
+    dependencies:
+      '@types/deep-eql': 4.0.2
+      assertion-error: 2.0.1
+
+  '@types/d3-array@3.2.2': {}
+
+  '@types/d3-axis@3.0.6':
+    dependencies:
+      '@types/d3-selection': 3.0.11
+
+  '@types/d3-brush@3.0.6':
+    dependencies:
+      '@types/d3-selection': 3.0.11
+
+  '@types/d3-chord@3.0.6': {}
+
+  '@types/d3-color@3.1.3': {}
+
+  '@types/d3-contour@3.0.6':
+    dependencies:
+      '@types/d3-array': 3.2.2
+      '@types/geojson': 7946.0.16
+
+  '@types/d3-delaunay@6.0.4': {}
+
+  '@types/d3-dispatch@3.0.7': {}
+
+  '@types/d3-drag@3.0.7':
+    dependencies:
+      '@types/d3-selection': 3.0.11
+
+  '@types/d3-dsv@3.0.7': {}
+
+  '@types/d3-ease@3.0.2': {}
+
+  '@types/d3-fetch@3.0.7':
+    dependencies:
+      '@types/d3-dsv': 3.0.7
+
+  '@types/d3-force@3.0.10': {}
+
+  '@types/d3-format@3.0.4': {}
+
+  '@types/d3-geo@3.1.0':
+    dependencies:
+      '@types/geojson': 7946.0.16
+
+  '@types/d3-hierarchy@3.1.7': {}
+
+  '@types/d3-interpolate@3.0.4':
+    dependencies:
+      '@types/d3-color': 3.1.3
+
+  '@types/d3-path@3.1.1': {}
+
+  '@types/d3-polygon@3.0.2': {}
+
+  '@types/d3-quadtree@3.0.6': {}
+
+  '@types/d3-random@3.0.3': {}
+
+  '@types/d3-scale-chromatic@3.1.0': {}
+
+  '@types/d3-scale@4.0.9':
+    dependencies:
+      '@types/d3-time': 3.0.4
+
+  '@types/d3-selection@3.0.11': {}
+
+  '@types/d3-shape@3.1.8':
+    dependencies:
+      '@types/d3-path': 3.1.1
+
+  '@types/d3-time-format@4.0.3': {}
+
+  '@types/d3-time@3.0.4': {}
+
+  '@types/d3-timer@3.0.2': {}
+
+  '@types/d3-transition@3.0.9':
+    dependencies:
+      '@types/d3-selection': 3.0.11
+
+  '@types/d3-zoom@3.0.8':
+    dependencies:
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-selection': 3.0.11
+
+  '@types/d3@7.4.3':
+    dependencies:
+      '@types/d3-array': 3.2.2
+      '@types/d3-axis': 3.0.6
+      '@types/d3-brush': 3.0.6
+      '@types/d3-chord': 3.0.6
+      '@types/d3-color': 3.1.3
+      '@types/d3-contour': 3.0.6
+      '@types/d3-delaunay': 6.0.4
+      '@types/d3-dispatch': 3.0.7
+      '@types/d3-drag': 3.0.7
+      '@types/d3-dsv': 3.0.7
+      '@types/d3-ease': 3.0.2
+      '@types/d3-fetch': 3.0.7
+      '@types/d3-force': 3.0.10
+      '@types/d3-format': 3.0.4
+      '@types/d3-geo': 3.1.0
+      '@types/d3-hierarchy': 3.1.7
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-path': 3.1.1
+      '@types/d3-polygon': 3.0.2
+      '@types/d3-quadtree': 3.0.6
+      '@types/d3-random': 3.0.3
+      '@types/d3-scale': 4.0.9
+      '@types/d3-scale-chromatic': 3.1.0
+      '@types/d3-selection': 3.0.11
+      '@types/d3-shape': 3.1.8
+      '@types/d3-time': 3.0.4
+      '@types/d3-time-format': 4.0.3
+      '@types/d3-timer': 3.0.2
+      '@types/d3-transition': 3.0.9
+      '@types/d3-zoom': 3.0.8
+
+  '@types/debug@4.1.13':
+    dependencies:
+      '@types/ms': 2.1.0
+
+  '@types/deep-eql@4.0.2': {}
+
+  '@types/diff@6.0.0': {}
+
+  '@types/estree-jsx@1.0.5':
+    dependencies:
+      '@types/estree': 1.0.8
+
+  '@types/estree@1.0.8': {}
+
+  '@types/geojson@7946.0.16': {}
+
+  '@types/hast@3.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
+  '@types/katex@0.16.8': {}
+
+  '@types/mdast@4.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
+  '@types/ms@2.1.0': {}
+
+  '@types/node@22.19.17':
+    dependencies:
+      undici-types: 6.21.0
+
+  '@types/pngjs@6.0.5':
+    dependencies:
+      '@types/node': 22.19.17
+
+  '@types/prop-types@15.7.15':
+    optional: true
+
+  '@types/react-dom@18.3.7(@types/react@18.3.28)':
+    dependencies:
+      '@types/react': 18.3.28
+    optional: true
+
+  '@types/react-dom@19.1.2(@types/react@19.1.2)':
+    dependencies:
+      '@types/react': 19.1.2
+
+  '@types/react@18.3.28':
+    dependencies:
+      '@types/prop-types': 15.7.15
+      csstype: 3.2.3
+    optional: true
+
+  '@types/react@19.1.2':
+    dependencies:
+      csstype: 3.2.3
+
+  '@types/statuses@2.0.6': {}
+
+  '@types/trusted-types@2.0.7':
+    optional: true
+
+  '@types/unist@2.0.11': {}
+
+  '@types/unist@3.0.3': {}
+
+  '@types/use-sync-external-store@0.0.6': {}
+
+  '@types/validate-npm-package-name@4.0.2': {}
+
+  '@ungap/structured-clone@1.3.0': {}
+
+  '@upsetjs/venn.js@2.0.0':
+    optionalDependencies:
+      d3-selection: 3.0.0
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+
+  '@vercel/oidc@3.1.0': {}
+
+  '@vitest/expect@3.2.4':
+    dependencies:
+      '@types/chai': 5.2.3
+      '@vitest/spy': 3.2.4
+      '@vitest/utils': 3.2.4
+      chai: 5.3.3
+      tinyrainbow: 2.0.0
+
+  '@vitest/mocker@3.2.4(msw@2.12.14(@types/node@22.19.17)(typescript@5.9.3))(vite@7.3.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0))':
+    dependencies:
+      '@vitest/spy': 3.2.4
+      estree-walker: 3.0.3
+      magic-string: 0.30.21
+    optionalDependencies:
+      msw: 2.12.14(@types/node@22.19.17)(typescript@5.9.3)
+      vite: 7.3.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0)
+
+  '@vitest/pretty-format@3.2.4':
+    dependencies:
+      tinyrainbow: 2.0.0
+
+  '@vitest/runner@3.2.4':
+    dependencies:
+      '@vitest/utils': 3.2.4
+      pathe: 2.0.3
+      strip-literal: 3.1.0
+
+  '@vitest/snapshot@3.2.4':
+    dependencies:
+      '@vitest/pretty-format': 3.2.4
+      magic-string: 0.30.21
+      pathe: 2.0.3
+
+  '@vitest/spy@3.2.4':
+    dependencies:
+      tinyspy: 4.0.4
+
+  '@vitest/utils@3.2.4':
+    dependencies:
+      '@vitest/pretty-format': 3.2.4
+      loupe: 3.2.1
+      tinyrainbow: 2.0.0
+
+  '@xyflow/react@12.10.2(@types/react@19.1.2)(immer@11.1.4)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@xyflow/system': 0.0.76
+      classcat: 5.0.5
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+      zustand: 4.5.7(@types/react@19.1.2)(immer@11.1.4)(react@19.1.0)
+    transitivePeerDependencies:
+      - '@types/react'
+      - immer
+
+  '@xyflow/system@0.0.76':
+    dependencies:
+      '@types/d3-drag': 3.0.7
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-selection': 3.0.11
+      '@types/d3-transition': 3.0.9
+      '@types/d3-zoom': 3.0.8
+      d3-drag: 3.0.0
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-zoom: 3.0.0
+
+  accepts@2.0.0:
+    dependencies:
+      mime-types: 3.0.2
+      negotiator: 1.0.0
+
+  acorn-jsx@5.3.2(acorn@8.16.0):
+    dependencies:
+      acorn: 8.16.0
+
+  acorn@8.16.0: {}
+
+  agent-base@7.1.4: {}
+
+  ai@6.0.146(zod@4.3.6):
+    dependencies:
+      '@ai-sdk/gateway': 3.0.88(zod@4.3.6)
+      '@ai-sdk/provider': 3.0.8
+      '@ai-sdk/provider-utils': 4.0.22(zod@4.3.6)
+      '@opentelemetry/api': 1.9.0
+      zod: 4.3.6
+
+  ajv-formats@3.0.1(ajv@8.18.0):
+    optionalDependencies:
+      ajv: 8.18.0
+
+  ajv@8.18.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-uri: 3.1.0
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+
+  anser@2.3.5: {}
+
+  ansi-regex@5.0.1: {}
+
+  ansi-regex@6.2.2: {}
+
+  ansi-styles@4.3.0:
+    dependencies:
+      color-convert: 2.0.1
+
+  ansi-to-react@6.2.6(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
+    dependencies:
+      anser: 2.3.5
+      escape-carriage: 1.3.1
+      linkify-it: 3.0.3
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+
+  ansis@4.2.0: {}
+
+  argparse@2.0.1: {}
+
+  aria-hidden@1.2.6:
+    dependencies:
+      tslib: 2.8.1
+
+  assertion-error@2.0.1: {}
+
+  ast-types@0.16.1:
+    dependencies:
+      tslib: 2.8.1
+
+  bail@2.0.2: {}
+
+  balanced-match@4.0.4: {}
+
+  baseline-browser-mapping@2.10.14: {}
+
+  body-parser@2.2.2:
+    dependencies:
+      bytes: 3.1.2
+      content-type: 1.0.5
+      debug: 4.4.3
+      http-errors: 2.0.1
+      iconv-lite: 0.7.2
+      on-finished: 2.4.1
+      qs: 6.15.0
+      raw-body: 3.0.2
+      type-is: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  brace-expansion@5.0.5:
+    dependencies:
+      balanced-match: 4.0.4
+
+  braces@3.0.3:
+    dependencies:
+      fill-range: 7.1.1
+
+  browserslist@4.28.2:
+    dependencies:
+      baseline-browser-mapping: 2.10.14
+      caniuse-lite: 1.0.30001785
+      electron-to-chromium: 1.5.331
+      node-releases: 2.0.37
+      update-browserslist-db: 1.2.3(browserslist@4.28.2)
+
+  bundle-name@4.1.0:
+    dependencies:
+      run-applescript: 7.1.0
+
+  bytes@3.1.2: {}
+
+  cac@6.7.14: {}
+
+  call-bind-apply-helpers@1.0.2:
+    dependencies:
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+
+  call-bound@1.0.4:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      get-intrinsic: 1.3.0
+
+  callsites@3.1.0: {}
+
+  caniuse-lite@1.0.30001785: {}
+
+  ccount@2.0.1: {}
+
+  ce-la-react@0.3.2(react@19.1.0):
+    dependencies:
+      react: 19.1.0
+
+  chai@5.3.3:
+    dependencies:
+      assertion-error: 2.0.1
+      check-error: 2.1.3
+      deep-eql: 5.0.2
+      loupe: 3.2.1
+      pathval: 2.0.1
+
+  chalk@5.6.2: {}
+
+  character-entities-html4@2.1.0: {}
+
+  character-entities-legacy@3.0.0: {}
+
+  character-entities@2.0.2: {}
+
+  character-reference-invalid@2.0.1: {}
+
+  check-error@2.1.3: {}
+
+  chevrotain-allstar@0.3.1(chevrotain@11.1.2):
+    dependencies:
+      chevrotain: 11.1.2
+      lodash-es: 4.18.1
+
+  chevrotain@11.1.2:
+    dependencies:
+      '@chevrotain/cst-dts-gen': 11.1.2
+      '@chevrotain/gast': 11.1.2
+      '@chevrotain/regexp-to-ast': 11.1.2
+      '@chevrotain/types': 11.1.2
+      '@chevrotain/utils': 11.1.2
+      lodash-es: 4.17.23
+
+  citty@0.2.2: {}
+
+  class-variance-authority@0.7.1:
+    dependencies:
+      clsx: 2.1.1
+
+  classcat@5.0.5: {}
+
+  cli-cursor@5.0.0:
+    dependencies:
+      restore-cursor: 5.1.0
+
+  cli-spinners@2.9.2: {}
+
+  cli-width@4.1.0: {}
+
+  cliui@8.0.1:
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
+
+  clsx@2.1.1: {}
+
+  cmdk@1.1.1(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    transitivePeerDependencies:
+      - '@types/react'
+      - '@types/react-dom'
+
+  code-block-writer@13.0.3: {}
+
+  color-convert@2.0.1:
+    dependencies:
+      color-name: 1.1.4
+
+  color-name@1.1.4: {}
+
+  comma-separated-tokens@2.0.3: {}
+
+  commander@11.1.0: {}
+
+  commander@14.0.3: {}
+
+  commander@7.2.0: {}
+
+  commander@8.3.0: {}
+
+  confbox@0.1.8: {}
+
+  content-disposition@1.0.1: {}
+
+  content-type@1.0.5: {}
+
+  convert-source-map@2.0.0: {}
+
+  cookie-signature@1.2.2: {}
+
+  cookie@0.7.2: {}
+
+  cookie@1.1.1: {}
+
+  cors@2.8.6:
+    dependencies:
+      object-assign: 4.1.1
+      vary: 1.1.2
+
+  cose-base@1.0.3:
+    dependencies:
+      layout-base: 1.0.2
+
+  cose-base@2.2.0:
+    dependencies:
+      layout-base: 2.0.1
+
+  cosmiconfig@9.0.1(typescript@5.9.3):
+    dependencies:
+      env-paths: 2.2.1
+      import-fresh: 3.3.1
+      js-yaml: 4.1.1
+      parse-json: 5.2.0
+    optionalDependencies:
+      typescript: 5.9.3
+
+  cross-spawn@7.0.6:
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+
+  cssesc@3.0.0: {}
+
+  csstype@3.2.3: {}
+
+  cytoscape-cose-bilkent@4.1.0(cytoscape@3.33.1):
+    dependencies:
+      cose-base: 1.0.3
+      cytoscape: 3.33.1
+
+  cytoscape-fcose@2.2.0(cytoscape@3.33.1):
+    dependencies:
+      cose-base: 2.2.0
+      cytoscape: 3.33.1
+
+  cytoscape@3.33.1: {}
+
+  d3-array@2.12.1:
+    dependencies:
+      internmap: 1.0.1
+
+  d3-array@3.2.4:
+    dependencies:
+      internmap: 2.0.3
+
+  d3-axis@3.0.0: {}
+
+  d3-brush@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+
+  d3-chord@3.0.1:
+    dependencies:
+      d3-path: 3.1.0
+
+  d3-color@3.1.0: {}
+
+  d3-contour@4.0.2:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-delaunay@6.0.4:
+    dependencies:
+      delaunator: 5.1.0
+
+  d3-dispatch@3.0.1: {}
+
+  d3-drag@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-selection: 3.0.0
+
+  d3-dsv@3.0.1:
+    dependencies:
+      commander: 7.2.0
+      iconv-lite: 0.6.3
+      rw: 1.3.3
+
+  d3-ease@3.0.1: {}
+
+  d3-fetch@3.0.1:
+    dependencies:
+      d3-dsv: 3.0.1
+
+  d3-force@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-quadtree: 3.0.1
+      d3-timer: 3.0.1
+
+  d3-format@3.1.2: {}
+
+  d3-geo@3.1.1:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-hierarchy@3.1.2: {}
+
+  d3-interpolate@3.0.1:
+    dependencies:
+      d3-color: 3.1.0
+
+  d3-path@1.0.9: {}
+
+  d3-path@3.1.0: {}
+
+  d3-polygon@3.0.1: {}
+
+  d3-quadtree@3.0.1: {}
+
+  d3-random@3.0.1: {}
+
+  d3-sankey@0.12.3:
+    dependencies:
+      d3-array: 2.12.1
+      d3-shape: 1.3.7
+
+  d3-scale-chromatic@3.1.0:
+    dependencies:
+      d3-color: 3.1.0
+      d3-interpolate: 3.0.1
+
+  d3-scale@4.0.2:
+    dependencies:
+      d3-array: 3.2.4
+      d3-format: 3.1.2
+      d3-interpolate: 3.0.1
+      d3-time: 3.1.0
+      d3-time-format: 4.1.0
+
+  d3-selection@3.0.0: {}
+
+  d3-shape@1.3.7:
+    dependencies:
+      d3-path: 1.0.9
+
+  d3-shape@3.2.0:
+    dependencies:
+      d3-path: 3.1.0
+
+  d3-time-format@4.1.0:
+    dependencies:
+      d3-time: 3.1.0
+
+  d3-time@3.1.0:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-timer@3.0.1: {}
+
+  d3-transition@3.0.1(d3-selection@3.0.0):
+    dependencies:
+      d3-color: 3.1.0
+      d3-dispatch: 3.0.1
+      d3-ease: 3.0.1
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-timer: 3.0.1
+
+  d3-zoom@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+
+  d3@7.9.0:
+    dependencies:
+      d3-array: 3.2.4
+      d3-axis: 3.0.0
+      d3-brush: 3.0.0
+      d3-chord: 3.0.1
+      d3-color: 3.1.0
+      d3-contour: 4.0.2
+      d3-delaunay: 6.0.4
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-dsv: 3.0.1
+      d3-ease: 3.0.1
+      d3-fetch: 3.0.1
+      d3-force: 3.0.0
+      d3-format: 3.1.2
+      d3-geo: 3.1.1
+      d3-hierarchy: 3.1.2
+      d3-interpolate: 3.0.1
+      d3-path: 3.1.0
+      d3-polygon: 3.0.1
+      d3-quadtree: 3.0.1
+      d3-random: 3.0.1
+      d3-scale: 4.0.2
+      d3-scale-chromatic: 3.1.0
+      d3-selection: 3.0.0
+      d3-shape: 3.2.0
+      d3-time: 3.1.0
+      d3-time-format: 4.1.0
+      d3-timer: 3.0.1
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+      d3-zoom: 3.0.0
+
+  dagre-d3-es@7.0.14:
+    dependencies:
+      d3: 7.9.0
+      lodash-es: 4.18.1
+
+  data-uri-to-buffer@4.0.1: {}
+
+  date-fns-jalali@4.1.0-0: {}
+
+  date-fns@4.1.0: {}
+
+  dayjs@1.11.20: {}
+
+  debug@4.4.3:
+    dependencies:
+      ms: 2.1.3
+
+  decimal.js-light@2.5.1: {}
+
+  decode-named-character-reference@1.3.0:
+    dependencies:
+      character-entities: 2.0.2
+
+  dedent@1.7.2: {}
+
+  deep-eql@5.0.2: {}
+
+  deepmerge@4.3.1: {}
+
+  default-browser-id@5.0.1: {}
+
+  default-browser@5.5.0:
+    dependencies:
+      bundle-name: 4.1.0
+      default-browser-id: 5.0.1
+
+  define-lazy-prop@3.0.0: {}
+
+  delaunator@5.1.0:
+    dependencies:
+      robust-predicates: 3.0.3
+
+  depd@2.0.0: {}
+
+  dequal@2.0.3: {}
+
+  detect-libc@2.1.2: {}
+
+  detect-node-es@1.1.0: {}
+
+  devlop@1.1.0:
+    dependencies:
+      dequal: 2.0.3
+
+  diff@7.0.0: {}
+
+  diff@8.0.4: {}
+
+  dompurify@3.3.3:
+    optionalDependencies:
+      '@types/trusted-types': 2.0.7
+
+  dotenv@17.4.0: {}
+
+  dunder-proto@1.0.1:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-errors: 1.3.0
+      gopd: 1.2.0
+
+  eciesjs@0.4.18:
+    dependencies:
+      '@ecies/ciphers': 0.2.6(@noble/ciphers@1.3.0)
+      '@noble/ciphers': 1.3.0
+      '@noble/curves': 1.9.7
+      '@noble/hashes': 1.8.0
+
+  ee-first@1.1.1: {}
+
+  electron-to-chromium@1.5.331: {}
+
+  embla-carousel-react@8.6.0(react@19.1.0):
+    dependencies:
+      embla-carousel: 8.6.0
+      embla-carousel-reactive-utils: 8.6.0(embla-carousel@8.6.0)
+      react: 19.1.0
+
+  embla-carousel-reactive-utils@8.6.0(embla-carousel@8.6.0):
+    dependencies:
+      embla-carousel: 8.6.0
+
+  embla-carousel@8.6.0: {}
+
+  emoji-regex@10.6.0: {}
+
+  emoji-regex@8.0.0: {}
+
+  encodeurl@2.0.0: {}
+
+  enhanced-resolve@5.20.1:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.3.2
+
+  entities@6.0.1: {}
+
+  env-paths@2.2.1: {}
+
+  error-ex@1.3.4:
+    dependencies:
+      is-arrayish: 0.2.1
+
+  es-define-property@1.0.1: {}
+
+  es-errors@1.3.0: {}
+
+  es-module-lexer@1.7.0: {}
+
+  es-object-atoms@1.1.1:
+    dependencies:
+      es-errors: 1.3.0
+
+  es-toolkit@1.45.1: {}
+
+  esbuild@0.27.7:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.27.7
+      '@esbuild/android-arm': 0.27.7
+      '@esbuild/android-arm64': 0.27.7
+      '@esbuild/android-x64': 0.27.7
+      '@esbuild/darwin-arm64': 0.27.7
+      '@esbuild/darwin-x64': 0.27.7
+      '@esbuild/freebsd-arm64': 0.27.7
+      '@esbuild/freebsd-x64': 0.27.7
+      '@esbuild/linux-arm': 0.27.7
+      '@esbuild/linux-arm64': 0.27.7
+      '@esbuild/linux-ia32': 0.27.7
+      '@esbuild/linux-loong64': 0.27.7
+      '@esbuild/linux-mips64el': 0.27.7
+      '@esbuild/linux-ppc64': 0.27.7
+      '@esbuild/linux-riscv64': 0.27.7
+      '@esbuild/linux-s390x': 0.27.7
+      '@esbuild/linux-x64': 0.27.7
+      '@esbuild/netbsd-arm64': 0.27.7
+      '@esbuild/netbsd-x64': 0.27.7
+      '@esbuild/openbsd-arm64': 0.27.7
+      '@esbuild/openbsd-x64': 0.27.7
+      '@esbuild/openharmony-arm64': 0.27.7
+      '@esbuild/sunos-x64': 0.27.7
+      '@esbuild/win32-arm64': 0.27.7
+      '@esbuild/win32-ia32': 0.27.7
+      '@esbuild/win32-x64': 0.27.7
+
+  escalade@3.2.0: {}
+
+  escape-carriage@1.3.1: {}
+
+  escape-html@1.0.3: {}
+
+  escape-string-regexp@5.0.0: {}
+
+  esprima@4.0.1: {}
+
+  estree-util-is-identifier-name@3.0.0: {}
+
+  estree-walker@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.8
+
+  etag@1.8.1: {}
+
+  eventemitter3@5.0.4: {}
+
+  eventsource-parser@3.0.6: {}
+
+  eventsource@3.0.7:
+    dependencies:
+      eventsource-parser: 3.0.6
+
+  execa@5.1.1:
+    dependencies:
+      cross-spawn: 7.0.6
+      get-stream: 6.0.1
+      human-signals: 2.1.0
+      is-stream: 2.0.1
+      merge-stream: 2.0.0
+      npm-run-path: 4.0.1
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+      strip-final-newline: 2.0.0
+
+  execa@9.6.1:
+    dependencies:
+      '@sindresorhus/merge-streams': 4.0.0
+      cross-spawn: 7.0.6
+      figures: 6.1.0
+      get-stream: 9.0.1
+      human-signals: 8.0.1
+      is-plain-obj: 4.1.0
+      is-stream: 4.0.1
+      npm-run-path: 6.0.0
+      pretty-ms: 9.3.0
+      signal-exit: 4.1.0
+      strip-final-newline: 4.0.0
+      yoctocolors: 2.1.2
+
+  expect-type@1.3.0: {}
+
+  express-rate-limit@8.3.2(express@5.2.1):
+    dependencies:
+      express: 5.2.1
+      ip-address: 10.1.0
+
+  express@5.2.1:
+    dependencies:
+      accepts: 2.0.0
+      body-parser: 2.2.2
+      content-disposition: 1.0.1
+      content-type: 1.0.5
+      cookie: 0.7.2
+      cookie-signature: 1.2.2
+      debug: 4.4.3
+      depd: 2.0.0
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      etag: 1.8.1
+      finalhandler: 2.1.1
+      fresh: 2.0.0
+      http-errors: 2.0.1
+      merge-descriptors: 2.0.0
+      mime-types: 3.0.2
+      on-finished: 2.4.1
+      once: 1.4.0
+      parseurl: 1.3.3
+      proxy-addr: 2.0.7
+      qs: 6.15.0
+      range-parser: 1.2.1
+      router: 2.2.0
+      send: 1.2.1
+      serve-static: 2.2.1
+      statuses: 2.0.2
+      type-is: 2.0.1
+      vary: 1.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  extend@3.0.2: {}
+
+  fast-deep-equal@3.1.3: {}
+
+  fast-glob@3.3.3:
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.8
+
+  fast-uri@3.1.0: {}
+
+  fastq@1.20.1:
+    dependencies:
+      reusify: 1.1.0
+
+  fdir@6.5.0(picomatch@4.0.4):
+    optionalDependencies:
+      picomatch: 4.0.4
+
+  fetch-blob@3.2.0:
+    dependencies:
+      node-domexception: 1.0.0
+      web-streams-polyfill: 3.3.3
+
+  figures@6.1.0:
+    dependencies:
+      is-unicode-supported: 2.1.0
+
+  fill-range@7.1.1:
+    dependencies:
+      to-regex-range: 5.0.1
+
+  finalhandler@2.1.1:
+    dependencies:
+      debug: 4.4.3
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      on-finished: 2.4.1
+      parseurl: 1.3.3
+      statuses: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  formdata-polyfill@4.0.10:
+    dependencies:
+      fetch-blob: 3.2.0
+
+  forwarded@0.2.0: {}
+
+  framer-motion@12.38.0(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
+    dependencies:
+      motion-dom: 12.38.0
+      motion-utils: 12.36.0
+      tslib: 2.8.1
+    optionalDependencies:
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+
+  fresh@2.0.0: {}
+
+  fs-extra@11.3.4:
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 6.2.0
+      universalify: 2.0.1
+
+  fsevents@2.3.2:
+    optional: true
+
+  fsevents@2.3.3:
+    optional: true
+
+  function-bind@1.1.2: {}
+
+  fuzzysort@3.1.0: {}
+
+  fzf@0.5.2: {}
+
+  gensync@1.0.0-beta.2: {}
+
+  get-caller-file@2.0.5: {}
+
+  get-east-asian-width@1.5.0: {}
+
+  get-intrinsic@1.3.0:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      function-bind: 1.1.2
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      has-symbols: 1.1.0
+      hasown: 2.0.2
+      math-intrinsics: 1.1.0
+
+  get-nonce@1.0.1: {}
+
+  get-own-enumerable-keys@1.0.0: {}
+
+  get-proto@1.0.1:
+    dependencies:
+      dunder-proto: 1.0.1
+      es-object-atoms: 1.1.1
+
+  get-stream@6.0.1: {}
+
+  get-stream@9.0.1:
+    dependencies:
+      '@sec-ant/readable-stream': 0.4.1
+      is-stream: 4.0.1
+
+  glob-parent@5.1.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  gopd@1.2.0: {}
+
+  graceful-fs@4.2.11: {}
+
+  graphql@16.13.2: {}
+
+  gsap@3.14.2: {}
+
+  hachure-fill@0.5.2: {}
+
+  has-symbols@1.1.0: {}
+
+  hasown@2.0.2:
+    dependencies:
+      function-bind: 1.1.2
+
+  hast-util-from-dom@5.0.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      hastscript: 9.0.1
+      web-namespaces: 2.0.1
+
+  hast-util-from-html-isomorphic@2.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+      hast-util-from-dom: 5.0.1
+      hast-util-from-html: 2.0.3
+      unist-util-remove-position: 5.0.0
+
+  hast-util-from-html@2.0.3:
+    dependencies:
+      '@types/hast': 3.0.4
+      devlop: 1.1.0
+      hast-util-from-parse5: 8.0.3
+      parse5: 7.3.0
+      vfile: 6.0.3
+      vfile-message: 4.0.3
+
+  hast-util-from-parse5@8.0.3:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      devlop: 1.1.0
+      hastscript: 9.0.1
+      property-information: 7.1.0
+      vfile: 6.0.3
+      vfile-location: 5.0.3
+      web-namespaces: 2.0.1
+
+  hast-util-is-element@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+
+  hast-util-parse-selector@4.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+
+  hast-util-raw@9.1.0:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      '@ungap/structured-clone': 1.3.0
+      hast-util-from-parse5: 8.0.3
+      hast-util-to-parse5: 8.0.1
+      html-void-elements: 3.0.0
+      mdast-util-to-hast: 13.2.1
+      parse5: 7.3.0
+      unist-util-position: 5.0.0
+      unist-util-visit: 5.1.0
+      vfile: 6.0.3
+      web-namespaces: 2.0.1
+      zwitch: 2.0.4
+
+  hast-util-sanitize@5.0.2:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@ungap/structured-clone': 1.3.0
+      unist-util-position: 5.0.0
 
-  cac@6.7.14:
-    resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
-    engines: {node: '>=8'}
+  hast-util-to-html@9.0.5:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      ccount: 2.0.1
+      comma-separated-tokens: 2.0.3
+      hast-util-whitespace: 3.0.0
+      html-void-elements: 3.0.0
+      mdast-util-to-hast: 13.2.1
+      property-information: 7.1.0
+      space-separated-tokens: 2.0.2
+      stringify-entities: 4.0.4
+      zwitch: 2.0.4
+
+  hast-util-to-jsx-runtime@2.3.6:
+    dependencies:
+      '@types/estree': 1.0.8
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      comma-separated-tokens: 2.0.3
+      devlop: 1.1.0
+      estree-util-is-identifier-name: 3.0.0
+      hast-util-whitespace: 3.0.0
+      mdast-util-mdx-expression: 2.0.1
+      mdast-util-mdx-jsx: 3.2.0
+      mdast-util-mdxjs-esm: 2.0.1
+      property-information: 7.1.0
+      space-separated-tokens: 2.0.2
+      style-to-js: 1.1.21
+      unist-util-position: 5.0.0
+      vfile-message: 4.0.3
+    transitivePeerDependencies:
+      - supports-color
 
-  chai@5.3.3:
-    resolution: {integrity: sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==}
-    engines: {node: '>=18'}
+  hast-util-to-parse5@8.0.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      comma-separated-tokens: 2.0.3
+      devlop: 1.1.0
+      property-information: 7.1.0
+      space-separated-tokens: 2.0.2
+      web-namespaces: 2.0.1
+      zwitch: 2.0.4
+
+  hast-util-to-text@4.0.2:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      hast-util-is-element: 3.0.0
+      unist-util-find-after: 5.0.0
 
-  check-error@2.1.3:
-    resolution: {integrity: sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==}
-    engines: {node: '>= 16'}
+  hast-util-whitespace@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
 
-  citty@0.2.2:
-    resolution: {integrity: sha512-+6vJA3L98yv+IdfKGZHBNiGW5KHn22e/JwID0Strsz8h4S/csAu/OuICwxrg44k5MRiZHWIo8XXuJgQTriRP4w==}
+  hastscript@9.0.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      comma-separated-tokens: 2.0.3
+      hast-util-parse-selector: 4.0.0
+      property-information: 7.1.0
+      space-separated-tokens: 2.0.2
 
-  debug@4.4.3:
-    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
+  headers-polyfill@4.0.3: {}
 
-  deep-eql@5.0.2:
-    resolution: {integrity: sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==}
-    engines: {node: '>=6'}
+  hono@4.12.10: {}
 
-  diff@7.0.0:
-    resolution: {integrity: sha512-PJWHUb1RFevKCwaFA9RlG5tCd+FO5iRh9A8HEtkmBH2Li03iJriB6m6JIN4rGz3K3JLawI7/veA1xzRKP6ISBw==}
-    engines: {node: '>=0.3.1'}
+  html-url-attributes@3.0.1: {}
 
-  es-module-lexer@1.7.0:
-    resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
+  html-void-elements@3.0.0: {}
 
-  esbuild@0.27.7:
-    resolution: {integrity: sha512-IxpibTjyVnmrIQo5aqNpCgoACA/dTKLTlhMHihVHhdkxKyPO1uBBthumT0rdHmcsk9uMonIWS0m4FljWzILh3w==}
-    engines: {node: '>=18'}
-    hasBin: true
+  http-errors@2.0.1:
+    dependencies:
+      depd: 2.0.0
+      inherits: 2.0.4
+      setprototypeof: 1.2.0
+      statuses: 2.0.2
+      toidentifier: 1.0.1
 
-  estree-walker@3.0.3:
-    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+  https-proxy-agent@7.0.6:
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
 
-  expect-type@1.3.0:
-    resolution: {integrity: sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==}
-    engines: {node: '>=12.0.0'}
+  human-signals@2.1.0: {}
 
-  fdir@6.5.0:
-    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
-    engines: {node: '>=12.0.0'}
-    peerDependencies:
-      picomatch: ^3 || ^4
-    peerDependenciesMeta:
-      picomatch:
-        optional: true
+  human-signals@8.0.1: {}
 
-  fsevents@2.3.2:
-    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
-    os: [darwin]
+  iconv-lite@0.6.3:
+    dependencies:
+      safer-buffer: 2.1.2
 
-  fsevents@2.3.3:
-    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
-    os: [darwin]
+  iconv-lite@0.7.2:
+    dependencies:
+      safer-buffer: 2.1.2
 
-  jiti@2.6.1:
-    resolution: {integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==}
-    hasBin: true
+  ignore@5.3.2: {}
 
-  js-tokens@9.0.1:
-    resolution: {integrity: sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==}
+  immer@10.2.0: {}
+
+  immer@11.1.4: {}
+
+  import-fresh@3.3.1:
+    dependencies:
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
+
+  inherits@2.0.4: {}
+
+  inline-style-parser@0.2.7: {}
+
+  input-otp@1.4.2(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
+    dependencies:
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+
+  internmap@1.0.1: {}
+
+  internmap@2.0.3: {}
+
+  ip-address@10.1.0: {}
+
+  ipaddr.js@1.9.1: {}
+
+  is-alphabetical@2.0.1: {}
+
+  is-alphanumerical@2.0.1:
+    dependencies:
+      is-alphabetical: 2.0.1
+      is-decimal: 2.0.1
+
+  is-arrayish@0.2.1: {}
+
+  is-decimal@2.0.1: {}
+
+  is-docker@3.0.0: {}
+
+  is-extglob@2.1.1: {}
+
+  is-fullwidth-code-point@3.0.0: {}
+
+  is-glob@4.0.3:
+    dependencies:
+      is-extglob: 2.1.1
+
+  is-hexadecimal@2.0.1: {}
+
+  is-in-ssh@1.0.0: {}
+
+  is-inside-container@1.0.0:
+    dependencies:
+      is-docker: 3.0.0
+
+  is-interactive@2.0.0: {}
+
+  is-node-process@1.2.0: {}
+
+  is-number@7.0.0: {}
+
+  is-obj@3.0.0: {}
+
+  is-plain-obj@4.1.0: {}
+
+  is-promise@4.0.0: {}
+
+  is-regexp@3.1.0: {}
+
+  is-stream@2.0.1: {}
+
+  is-stream@4.0.1: {}
+
+  is-unicode-supported@1.3.0: {}
+
+  is-unicode-supported@2.1.0: {}
+
+  is-wsl@3.1.1:
+    dependencies:
+      is-inside-container: 1.0.0
+
+  isexe@2.0.0: {}
+
+  isexe@3.1.5: {}
+
+  jiti@2.6.1: {}
+
+  jose@6.2.2: {}
+
+  js-tokens@4.0.0: {}
+
+  js-tokens@9.0.1: {}
+
+  js-yaml@4.1.1:
+    dependencies:
+      argparse: 2.0.1
+
+  jsesc@3.1.0: {}
+
+  json-parse-even-better-errors@2.3.1: {}
+
+  json-schema-traverse@1.0.0: {}
+
+  json-schema-typed@8.0.2: {}
+
+  json-schema@0.4.0: {}
+
+  json5@2.2.3: {}
+
+  jsonfile@6.2.0:
+    dependencies:
+      universalify: 2.0.1
+    optionalDependencies:
+      graceful-fs: 4.2.11
+
+  katex@0.16.44:
+    dependencies:
+      commander: 8.3.0
+
+  khroma@2.1.0: {}
+
+  kleur@3.0.3: {}
+
+  kleur@4.1.5: {}
+
+  langium@4.2.1:
+    dependencies:
+      chevrotain: 11.1.2
+      chevrotain-allstar: 0.3.1(chevrotain@11.1.2)
+      vscode-languageserver: 9.0.1
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-uri: 3.1.0
+
+  layout-base@1.0.2: {}
+
+  layout-base@2.0.1: {}
 
   lefthook-darwin-arm64@2.1.4:
-    resolution: {integrity: sha512-BUAAE9+rUrjr39a+wH/1zHmGrDdwUQ2Yq/z6BQbM/yUb9qtXBRcQ5eOXxApqWW177VhGBpX31aqIlfAZ5Q7wzw==}
-    cpu: [arm64]
-    os: [darwin]
+    optional: true
 
   lefthook-darwin-x64@2.1.4:
-    resolution: {integrity: sha512-K1ncIMEe84fe+ss1hQNO7rIvqiKy2TJvTFpkypvqFodT7mJXZn7GLKYTIXdIuyPAYthRa9DwFnx5uMoHwD2F1Q==}
-    cpu: [x64]
-    os: [darwin]
+    optional: true
 
   lefthook-freebsd-arm64@2.1.4:
-    resolution: {integrity: sha512-PVUhjOhVN71YaYsVdQyNbFZ4a2jFB2Tg5hKrrn9kaWpx64aLz/XivLjwr8sEuTaP1GRlEWBpW6Bhrcsyo39qFw==}
-    cpu: [arm64]
-    os: [freebsd]
+    optional: true
 
   lefthook-freebsd-x64@2.1.4:
-    resolution: {integrity: sha512-ZWV9o/LeyWNEBoVO+BhLqxH3rGTba05nkm5NvMjEFSj7LbUNUDbQmupZwtHl1OMGJO66eZP0CalzRfUH6GhBxQ==}
-    cpu: [x64]
-    os: [freebsd]
+    optional: true
 
   lefthook-linux-arm64@2.1.4:
-    resolution: {integrity: sha512-iWN0pGnTjrIvNIcSI1vQBJXUbybTqJ5CLMniPA0olabMXQfPDrdMKVQe+mgdwHK+E3/Y0H0ZNL3lnOj6Sk6szA==}
-    cpu: [arm64]
-    os: [linux]
+    optional: true
 
   lefthook-linux-x64@2.1.4:
-    resolution: {integrity: sha512-96bTBE/JdYgqWYAJDh+/e/0MaxJ25XTOAk7iy/fKoZ1ugf6S0W9bEFbnCFNooXOcxNVTan5xWKfcjJmPIKtsJA==}
-    cpu: [x64]
-    os: [linux]
+    optional: true
 
   lefthook-openbsd-arm64@2.1.4:
-    resolution: {integrity: sha512-oYUoK6AIJNEr9lUSpIMj6g7sWzotvtc3ryw7yoOyQM6uqmEduw73URV/qGoUcm4nqqmR93ZalZwR2r3Gd61zvw==}
-    cpu: [arm64]
-    os: [openbsd]
+    optional: true
 
   lefthook-openbsd-x64@2.1.4:
-    resolution: {integrity: sha512-i/Dv9Jcm68y9cggr1PhyUhOabBGP9+hzQPoiyOhKks7y9qrJl79A8XfG6LHekSuYc2VpiSu5wdnnrE1cj2nfTg==}
-    cpu: [x64]
-    os: [openbsd]
+    optional: true
 
   lefthook-windows-arm64@2.1.4:
-    resolution: {integrity: sha512-hSww7z+QX4YMnw2lK7DMrs3+w7NtxksuMKOkCKGyxUAC/0m1LAICo0ZbtdDtZ7agxRQQQ/SEbzFRhU5ysNcbjA==}
-    cpu: [arm64]
-    os: [win32]
+    optional: true
 
   lefthook-windows-x64@2.1.4:
-    resolution: {integrity: sha512-eE68LwnogxwcPgGsbVGPGxmghyMGmU9SdGwcc+uhGnUxPz1jL89oECMWJNc36zjVK24umNeDAzB5KA3lw1MuWw==}
-    cpu: [x64]
-    os: [win32]
+    optional: true
 
   lefthook@2.1.4:
-    resolution: {integrity: sha512-JNfJ5gAn0KADvJ1I6/xMcx70+/6TL6U9gqGkKvPw5RNMfatC7jIg0Evl97HN846xmfz959BV70l8r3QsBJk30w==}
-    hasBin: true
+    optionalDependencies:
+      lefthook-darwin-arm64: 2.1.4
+      lefthook-darwin-x64: 2.1.4
+      lefthook-freebsd-arm64: 2.1.4
+      lefthook-freebsd-x64: 2.1.4
+      lefthook-linux-arm64: 2.1.4
+      lefthook-linux-x64: 2.1.4
+      lefthook-openbsd-arm64: 2.1.4
+      lefthook-openbsd-x64: 2.1.4
+      lefthook-windows-arm64: 2.1.4
+      lefthook-windows-x64: 2.1.4
 
-  loupe@3.2.1:
-    resolution: {integrity: sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==}
+  lightningcss-android-arm64@1.32.0:
+    optional: true
+
+  lightningcss-darwin-arm64@1.32.0:
+    optional: true
+
+  lightningcss-darwin-x64@1.32.0:
+    optional: true
+
+  lightningcss-freebsd-x64@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.32.0:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.32.0:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.32.0:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.32.0:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.32.0:
+    optional: true
+
+  lightningcss@1.32.0:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      lightningcss-android-arm64: 1.32.0
+      lightningcss-darwin-arm64: 1.32.0
+      lightningcss-darwin-x64: 1.32.0
+      lightningcss-freebsd-x64: 1.32.0
+      lightningcss-linux-arm-gnueabihf: 1.32.0
+      lightningcss-linux-arm64-gnu: 1.32.0
+      lightningcss-linux-arm64-musl: 1.32.0
+      lightningcss-linux-x64-gnu: 1.32.0
+      lightningcss-linux-x64-musl: 1.32.0
+      lightningcss-win32-arm64-msvc: 1.32.0
+      lightningcss-win32-x64-msvc: 1.32.0
+
+  lines-and-columns@1.2.4: {}
+
+  linkify-it@3.0.3:
+    dependencies:
+      uc.micro: 1.0.6
+
+  lodash-es@4.17.23: {}
+
+  lodash-es@4.18.1: {}
+
+  log-symbols@6.0.0:
+    dependencies:
+      chalk: 5.6.2
+      is-unicode-supported: 1.3.0
+
+  longest-streak@3.1.0: {}
+
+  loupe@3.2.1: {}
+
+  lru-cache@5.1.1:
+    dependencies:
+      yallist: 3.1.1
+
+  lucide-react@1.7.0(react@19.1.0):
+    dependencies:
+      react: 19.1.0
 
   magic-string@0.30.21:
-    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
 
-  ms@2.1.3:
-    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+  markdown-table@3.0.4: {}
 
-  nanoid@3.3.11:
-    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
+  marked@16.4.2: {}
 
-  pathe@2.0.3:
-    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
+  marked@17.0.5: {}
 
-  pathval@2.0.1:
-    resolution: {integrity: sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==}
-    engines: {node: '>= 14.16'}
+  math-intrinsics@1.1.0: {}
+
+  mdast-util-find-and-replace@3.0.2:
+    dependencies:
+      '@types/mdast': 4.0.4
+      escape-string-regexp: 5.0.0
+      unist-util-is: 6.0.1
+      unist-util-visit-parents: 6.0.2
+
+  mdast-util-from-markdown@2.0.3:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      decode-named-character-reference: 1.3.0
+      devlop: 1.1.0
+      mdast-util-to-string: 4.0.0
+      micromark: 4.0.2
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-decode-string: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      unist-util-stringify-position: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-autolink-literal@2.0.1:
+    dependencies:
+      '@types/mdast': 4.0.4
+      ccount: 2.0.1
+      devlop: 1.1.0
+      mdast-util-find-and-replace: 3.0.2
+      micromark-util-character: 2.1.1
 
-  picocolors@1.1.1:
-    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+  mdast-util-gfm-footnote@2.1.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+      micromark-util-normalize-identifier: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
 
-  picomatch@4.0.4:
-    resolution: {integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==}
-    engines: {node: '>=12'}
+  mdast-util-gfm-strikethrough@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
 
-  pixelmatch@6.0.0:
-    resolution: {integrity: sha512-FYpL4XiIWakTnIqLqvt3uN4L9B3TsuHIvhLILzTiJZMJUsGvmKNeL4H3b6I99LRyerK9W4IuOXw+N28AtRgK2g==}
-    hasBin: true
+  mdast-util-gfm-table@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      markdown-table: 3.0.4
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
 
-  playwright-core@1.59.1:
-    resolution: {integrity: sha512-HBV/RJg81z5BiiZ9yPzIiClYV/QMsDCKUyogwH9p3MCP6IYjUFu/MActgYAvK0oWyV9NlwM3GLBjADyWgydVyg==}
-    engines: {node: '>=18'}
-    hasBin: true
+  mdast-util-gfm-task-list-item@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
 
-  playwright@1.59.1:
-    resolution: {integrity: sha512-C8oWjPR3F81yljW9o5OxcWzfh6avkVwDD2VYdwIGqTkl+OGFISgypqzfu7dOe4QNLL2aqcWBmI3PMtLIK233lw==}
-    engines: {node: '>=18'}
-    hasBin: true
+  mdast-util-gfm@3.1.0:
+    dependencies:
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-gfm-autolink-literal: 2.0.1
+      mdast-util-gfm-footnote: 2.1.0
+      mdast-util-gfm-strikethrough: 2.0.0
+      mdast-util-gfm-table: 2.0.0
+      mdast-util-gfm-task-list-item: 2.0.0
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
 
-  pngjs@7.0.0:
-    resolution: {integrity: sha512-LKWqWJRhstyYo9pGvgor/ivk2w94eSjE3RGVuzLGlr3NmD8bf7RcYGze1mNdEHRP6TRP6rMuDHk5t44hnTRyow==}
-    engines: {node: '>=14.19.0'}
+  mdast-util-math@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      longest-streak: 3.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+      unist-util-remove-position: 5.0.0
+    transitivePeerDependencies:
+      - supports-color
 
-  postcss@8.5.8:
-    resolution: {integrity: sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==}
-    engines: {node: ^10 || ^12 || >=14}
+  mdast-util-mdx-expression@2.0.1:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
 
-  rollup@4.60.1:
-    resolution: {integrity: sha512-VmtB2rFU/GroZ4oL8+ZqXgSA38O6GR8KSIvWmEFv63pQ0G6KaBH9s07PO8XTXP4vI+3UJUEypOfjkGfmSBBR0w==}
-    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
-    hasBin: true
+  mdast-util-mdx-jsx@3.2.0:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      ccount: 2.0.1
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+      parse-entities: 4.0.2
+      stringify-entities: 4.0.4
+      unist-util-stringify-position: 4.0.0
+      vfile-message: 4.0.3
+    transitivePeerDependencies:
+      - supports-color
 
-  siginfo@2.0.0:
-    resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
+  mdast-util-mdxjs-esm@2.0.1:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
 
-  source-map-js@1.2.1:
-    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
-    engines: {node: '>=0.10.0'}
+  mdast-util-phrasing@4.1.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      unist-util-is: 6.0.1
 
-  stackback@0.0.2:
-    resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
+  mdast-util-to-hast@13.2.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@ungap/structured-clone': 1.3.0
+      devlop: 1.1.0
+      micromark-util-sanitize-uri: 2.0.1
+      trim-lines: 3.0.1
+      unist-util-position: 5.0.0
+      unist-util-visit: 5.1.0
+      vfile: 6.0.3
+
+  mdast-util-to-markdown@2.1.2:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      longest-streak: 3.1.0
+      mdast-util-phrasing: 4.1.0
+      mdast-util-to-string: 4.0.0
+      micromark-util-classify-character: 2.0.1
+      micromark-util-decode-string: 2.0.1
+      unist-util-visit: 5.1.0
+      zwitch: 2.0.4
+
+  mdast-util-to-string@4.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
 
-  std-env@3.10.0:
-    resolution: {integrity: sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==}
+  media-chrome@4.18.3(react@19.1.0):
+    dependencies:
+      ce-la-react: 0.3.2(react@19.1.0)
+    transitivePeerDependencies:
+      - react
 
-  strip-literal@3.1.0:
-    resolution: {integrity: sha512-8r3mkIM/2+PpjHoOtiAW8Rg3jJLHaV7xPwG+YRGrv6FP0wwk/toTpATxWYOW0BKdWwl82VT2tFYi5DlROa0Mxg==}
+  media-typer@1.1.0: {}
 
-  tinybench@2.9.0:
-    resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
+  merge-descriptors@2.0.0: {}
 
-  tinyexec@0.3.2:
-    resolution: {integrity: sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==}
+  merge-stream@2.0.0: {}
 
-  tinyglobby@0.2.15:
-    resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
-    engines: {node: '>=12.0.0'}
+  merge2@1.4.1: {}
 
-  tinypool@1.1.1:
-    resolution: {integrity: sha512-Zba82s87IFq9A9XmjiX5uZA/ARWDrB03OHlq+Vw1fSdt0I+4/Kutwy8BP4Y/y/aORMo61FQ0vIb5j44vSo5Pkg==}
-    engines: {node: ^18.0.0 || >=20.0.0}
+  mermaid@11.14.0:
+    dependencies:
+      '@braintree/sanitize-url': 7.1.2
+      '@iconify/utils': 3.1.0
+      '@mermaid-js/parser': 1.1.0
+      '@types/d3': 7.4.3
+      '@upsetjs/venn.js': 2.0.0
+      cytoscape: 3.33.1
+      cytoscape-cose-bilkent: 4.1.0(cytoscape@3.33.1)
+      cytoscape-fcose: 2.2.0(cytoscape@3.33.1)
+      d3: 7.9.0
+      d3-sankey: 0.12.3
+      dagre-d3-es: 7.0.14
+      dayjs: 1.11.20
+      dompurify: 3.3.3
+      katex: 0.16.44
+      khroma: 2.1.0
+      lodash-es: 4.18.1
+      marked: 16.4.2
+      roughjs: 4.6.6
+      stylis: 4.3.6
+      ts-dedent: 2.2.0
+      uuid: 11.1.0
+
+  micromark-core-commonmark@2.0.3:
+    dependencies:
+      decode-named-character-reference: 1.3.0
+      devlop: 1.1.0
+      micromark-factory-destination: 2.0.1
+      micromark-factory-label: 2.0.1
+      micromark-factory-space: 2.0.1
+      micromark-factory-title: 2.0.1
+      micromark-factory-whitespace: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-classify-character: 2.0.1
+      micromark-util-html-tag-name: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-subtokenize: 2.1.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-cjk-friendly-gfm-strikethrough@2.0.1(micromark-util-types@2.0.2)(micromark@4.0.2):
+    dependencies:
+      devlop: 1.1.0
+      get-east-asian-width: 1.5.0
+      micromark: 4.0.2
+      micromark-extension-cjk-friendly-util: 3.0.1(micromark-util-types@2.0.2)
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-symbol: 2.0.1
+    optionalDependencies:
+      micromark-util-types: 2.0.2
 
-  tinyrainbow@2.0.0:
-    resolution: {integrity: sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==}
-    engines: {node: '>=14.0.0'}
+  micromark-extension-cjk-friendly-util@3.0.1(micromark-util-types@2.0.2):
+    dependencies:
+      get-east-asian-width: 1.5.0
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+    optionalDependencies:
+      micromark-util-types: 2.0.2
 
-  tinyspy@4.0.4:
-    resolution: {integrity: sha512-azl+t0z7pw/z958Gy9svOTuzqIk6xq+NSheJzn5MMWtWTFywIacg2wUlzKFGtt3cthx0r2SxMK0yzJOR0IES7Q==}
-    engines: {node: '>=14.0.0'}
+  micromark-extension-cjk-friendly@2.0.1(micromark-util-types@2.0.2)(micromark@4.0.2):
+    dependencies:
+      devlop: 1.1.0
+      micromark: 4.0.2
+      micromark-extension-cjk-friendly-util: 3.0.1(micromark-util-types@2.0.2)
+      micromark-util-chunked: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-symbol: 2.0.1
+    optionalDependencies:
+      micromark-util-types: 2.0.2
 
-  typescript@5.9.3:
-    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
-    engines: {node: '>=14.17'}
-    hasBin: true
+  micromark-extension-gfm-autolink-literal@2.1.0:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-  undici-types@6.21.0:
-    resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
+  micromark-extension-gfm-footnote@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-strikethrough@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-chunked: 2.0.1
+      micromark-util-classify-character: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-table@2.1.1:
+    dependencies:
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-  vite-node@3.2.4:
-    resolution: {integrity: sha512-EbKSKh+bh1E1IFxeO0pg1n4dvoOTt0UDiXMd/qn++r98+jPO1xtJilvXldeuQ8giIB5IkpjCgMleHMNEsGH6pg==}
-    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
-    hasBin: true
+  micromark-extension-gfm-tagfilter@2.0.0:
+    dependencies:
+      micromark-util-types: 2.0.2
 
-  vite@7.3.1:
-    resolution: {integrity: sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': ^20.19.0 || >=22.12.0
-      jiti: '>=1.21.0'
-      less: ^4.0.0
-      lightningcss: ^1.21.0
-      sass: ^1.70.0
-      sass-embedded: ^1.70.0
-      stylus: '>=0.54.8'
-      sugarss: ^5.0.0
-      terser: ^5.16.0
-      tsx: ^4.8.1
-      yaml: ^2.4.2
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      jiti:
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      sass-embedded:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-      tsx:
-        optional: true
-      yaml:
-        optional: true
+  micromark-extension-gfm-task-list-item@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-  vitest@3.2.4:
-    resolution: {integrity: sha512-LUCP5ev3GURDysTWiP47wRRUpLKMOfPh+yKTx3kVIEiu5KOMeqzpnYNsKyOoVrULivR8tLcks4+lga33Whn90A==}
-    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
-    hasBin: true
-    peerDependencies:
-      '@edge-runtime/vm': '*'
-      '@types/debug': ^4.1.12
-      '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
-      '@vitest/browser': 3.2.4
-      '@vitest/ui': 3.2.4
-      happy-dom: '*'
-      jsdom: '*'
-    peerDependenciesMeta:
-      '@edge-runtime/vm':
-        optional: true
-      '@types/debug':
-        optional: true
-      '@types/node':
-        optional: true
-      '@vitest/browser':
-        optional: true
-      '@vitest/ui':
-        optional: true
-      happy-dom:
-        optional: true
-      jsdom:
-        optional: true
+  micromark-extension-gfm@3.0.0:
+    dependencies:
+      micromark-extension-gfm-autolink-literal: 2.1.0
+      micromark-extension-gfm-footnote: 2.1.0
+      micromark-extension-gfm-strikethrough: 2.1.0
+      micromark-extension-gfm-table: 2.1.1
+      micromark-extension-gfm-tagfilter: 2.0.0
+      micromark-extension-gfm-task-list-item: 2.1.0
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-math@3.1.0:
+    dependencies:
+      '@types/katex': 0.16.8
+      devlop: 1.1.0
+      katex: 0.16.44
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-destination@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-  why-is-node-running@2.3.0:
-    resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
-    engines: {node: '>=8'}
-    hasBin: true
+  micromark-factory-label@2.0.1:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-snapshots:
+  micromark-factory-space@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-types: 2.0.2
 
-  '@biomejs/biome@2.4.10':
-    optionalDependencies:
-      '@biomejs/cli-darwin-arm64': 2.4.10
-      '@biomejs/cli-darwin-x64': 2.4.10
-      '@biomejs/cli-linux-arm64': 2.4.10
-      '@biomejs/cli-linux-arm64-musl': 2.4.10
-      '@biomejs/cli-linux-x64': 2.4.10
-      '@biomejs/cli-linux-x64-musl': 2.4.10
-      '@biomejs/cli-win32-arm64': 2.4.10
-      '@biomejs/cli-win32-x64': 2.4.10
+  micromark-factory-title@2.0.1:
+    dependencies:
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-  '@biomejs/cli-darwin-arm64@2.4.10':
-    optional: true
+  micromark-factory-whitespace@2.0.1:
+    dependencies:
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-  '@biomejs/cli-darwin-x64@2.4.10':
-    optional: true
+  micromark-util-character@2.1.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-  '@biomejs/cli-linux-arm64-musl@2.4.10':
-    optional: true
+  micromark-util-chunked@2.0.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
 
-  '@biomejs/cli-linux-arm64@2.4.10':
-    optional: true
+  micromark-util-classify-character@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-  '@biomejs/cli-linux-x64-musl@2.4.10':
-    optional: true
+  micromark-util-combine-extensions@2.0.1:
+    dependencies:
+      micromark-util-chunked: 2.0.1
+      micromark-util-types: 2.0.2
 
-  '@biomejs/cli-linux-x64@2.4.10':
-    optional: true
+  micromark-util-decode-numeric-character-reference@2.0.2:
+    dependencies:
+      micromark-util-symbol: 2.0.1
 
-  '@biomejs/cli-win32-arm64@2.4.10':
-    optional: true
+  micromark-util-decode-string@2.0.1:
+    dependencies:
+      decode-named-character-reference: 1.3.0
+      micromark-util-character: 2.1.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-symbol: 2.0.1
 
-  '@biomejs/cli-win32-x64@2.4.10':
-    optional: true
+  micromark-util-encode@2.0.1: {}
 
-  '@esbuild/aix-ppc64@0.27.7':
-    optional: true
+  micromark-util-html-tag-name@2.0.1: {}
 
-  '@esbuild/android-arm64@0.27.7':
-    optional: true
+  micromark-util-normalize-identifier@2.0.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
 
-  '@esbuild/android-arm@0.27.7':
-    optional: true
+  micromark-util-resolve-all@2.0.1:
+    dependencies:
+      micromark-util-types: 2.0.2
 
-  '@esbuild/android-x64@0.27.7':
-    optional: true
+  micromark-util-sanitize-uri@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-encode: 2.0.1
+      micromark-util-symbol: 2.0.1
 
-  '@esbuild/darwin-arm64@0.27.7':
-    optional: true
+  micromark-util-subtokenize@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-chunked: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-  '@esbuild/darwin-x64@0.27.7':
-    optional: true
+  micromark-util-symbol@2.0.1: {}
 
-  '@esbuild/freebsd-arm64@0.27.7':
-    optional: true
+  micromark-util-types@2.0.2: {}
 
-  '@esbuild/freebsd-x64@0.27.7':
-    optional: true
+  micromark@4.0.2:
+    dependencies:
+      '@types/debug': 4.1.13
+      debug: 4.4.3
+      decode-named-character-reference: 1.3.0
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-encode: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-subtokenize: 2.1.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
 
-  '@esbuild/linux-arm64@0.27.7':
-    optional: true
+  micromatch@4.0.8:
+    dependencies:
+      braces: 3.0.3
+      picomatch: 2.3.2
 
-  '@esbuild/linux-arm@0.27.7':
-    optional: true
+  mime-db@1.54.0: {}
 
-  '@esbuild/linux-ia32@0.27.7':
-    optional: true
+  mime-types@3.0.2:
+    dependencies:
+      mime-db: 1.54.0
 
-  '@esbuild/linux-loong64@0.27.7':
-    optional: true
+  mimic-fn@2.1.0: {}
+
+  mimic-function@5.0.1: {}
 
-  '@esbuild/linux-mips64el@0.27.7':
-    optional: true
+  minimatch@10.2.5:
+    dependencies:
+      brace-expansion: 5.0.5
 
-  '@esbuild/linux-ppc64@0.27.7':
-    optional: true
+  minimist@1.2.8: {}
 
-  '@esbuild/linux-riscv64@0.27.7':
-    optional: true
+  mlly@1.8.2:
+    dependencies:
+      acorn: 8.16.0
+      pathe: 2.0.3
+      pkg-types: 1.3.1
+      ufo: 1.6.3
 
-  '@esbuild/linux-s390x@0.27.7':
-    optional: true
+  motion-dom@12.38.0:
+    dependencies:
+      motion-utils: 12.36.0
 
-  '@esbuild/linux-x64@0.27.7':
-    optional: true
+  motion-utils@12.36.0: {}
 
-  '@esbuild/netbsd-arm64@0.27.7':
-    optional: true
+  motion@12.38.0(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
+    dependencies:
+      framer-motion: 12.38.0(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      tslib: 2.8.1
+    optionalDependencies:
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
 
-  '@esbuild/netbsd-x64@0.27.7':
-    optional: true
+  ms@2.1.3: {}
 
-  '@esbuild/openbsd-arm64@0.27.7':
-    optional: true
+  msw@2.12.14(@types/node@22.19.17)(typescript@5.9.3):
+    dependencies:
+      '@inquirer/confirm': 5.1.21(@types/node@22.19.17)
+      '@mswjs/interceptors': 0.41.3
+      '@open-draft/deferred-promise': 2.2.0
+      '@types/statuses': 2.0.6
+      cookie: 1.1.1
+      graphql: 16.13.2
+      headers-polyfill: 4.0.3
+      is-node-process: 1.2.0
+      outvariant: 1.4.3
+      path-to-regexp: 6.3.0
+      picocolors: 1.1.1
+      rettime: 0.10.1
+      statuses: 2.0.2
+      strict-event-emitter: 0.5.1
+      tough-cookie: 6.0.1
+      type-fest: 5.5.0
+      until-async: 3.0.2
+      yargs: 17.7.2
+    optionalDependencies:
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - '@types/node'
 
-  '@esbuild/openbsd-x64@0.27.7':
-    optional: true
+  mute-stream@2.0.0: {}
 
-  '@esbuild/openharmony-arm64@0.27.7':
-    optional: true
+  nanoid@3.3.11: {}
 
-  '@esbuild/sunos-x64@0.27.7':
-    optional: true
+  nanoid@5.1.7: {}
 
-  '@esbuild/win32-arm64@0.27.7':
-    optional: true
+  negotiator@1.0.0: {}
 
-  '@esbuild/win32-ia32@0.27.7':
-    optional: true
+  node-domexception@1.0.0: {}
 
-  '@esbuild/win32-x64@0.27.7':
-    optional: true
+  node-fetch@3.3.2:
+    dependencies:
+      data-uri-to-buffer: 4.0.1
+      fetch-blob: 3.2.0
+      formdata-polyfill: 4.0.10
 
-  '@jridgewell/sourcemap-codec@1.5.5': {}
+  node-releases@2.0.37: {}
 
-  '@rollup/rollup-android-arm-eabi@4.60.1':
-    optional: true
+  npm-run-path@4.0.1:
+    dependencies:
+      path-key: 3.1.1
 
-  '@rollup/rollup-android-arm64@4.60.1':
-    optional: true
+  npm-run-path@6.0.0:
+    dependencies:
+      path-key: 4.0.0
+      unicorn-magic: 0.3.0
 
-  '@rollup/rollup-darwin-arm64@4.60.1':
-    optional: true
+  object-assign@4.1.1: {}
 
-  '@rollup/rollup-darwin-x64@4.60.1':
-    optional: true
+  object-inspect@1.13.4: {}
 
-  '@rollup/rollup-freebsd-arm64@4.60.1':
-    optional: true
+  object-treeify@1.1.33: {}
 
-  '@rollup/rollup-freebsd-x64@4.60.1':
-    optional: true
+  on-finished@2.4.1:
+    dependencies:
+      ee-first: 1.1.1
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.60.1':
-    optional: true
+  once@1.4.0:
+    dependencies:
+      wrappy: 1.0.2
 
-  '@rollup/rollup-linux-arm-musleabihf@4.60.1':
-    optional: true
+  onetime@5.1.2:
+    dependencies:
+      mimic-fn: 2.1.0
 
-  '@rollup/rollup-linux-arm64-gnu@4.60.1':
-    optional: true
+  onetime@7.0.0:
+    dependencies:
+      mimic-function: 5.0.1
 
-  '@rollup/rollup-linux-arm64-musl@4.60.1':
-    optional: true
+  oniguruma-parser@0.12.1: {}
 
-  '@rollup/rollup-linux-loong64-gnu@4.60.1':
-    optional: true
+  oniguruma-to-es@4.3.5:
+    dependencies:
+      oniguruma-parser: 0.12.1
+      regex: 6.1.0
+      regex-recursion: 6.0.2
 
-  '@rollup/rollup-linux-loong64-musl@4.60.1':
-    optional: true
+  open@11.0.0:
+    dependencies:
+      default-browser: 5.5.0
+      define-lazy-prop: 3.0.0
+      is-in-ssh: 1.0.0
+      is-inside-container: 1.0.0
+      powershell-utils: 0.1.0
+      wsl-utils: 0.3.1
+
+  ora@8.2.0:
+    dependencies:
+      chalk: 5.6.2
+      cli-cursor: 5.0.0
+      cli-spinners: 2.9.2
+      is-interactive: 2.0.0
+      is-unicode-supported: 2.1.0
+      log-symbols: 6.0.0
+      stdin-discarder: 0.2.2
+      string-width: 7.2.0
+      strip-ansi: 7.2.0
 
-  '@rollup/rollup-linux-ppc64-gnu@4.60.1':
-    optional: true
+  outvariant@1.4.3: {}
 
-  '@rollup/rollup-linux-ppc64-musl@4.60.1':
-    optional: true
+  package-manager-detector@1.6.0: {}
 
-  '@rollup/rollup-linux-riscv64-gnu@4.60.1':
-    optional: true
+  parent-module@1.0.1:
+    dependencies:
+      callsites: 3.1.0
 
-  '@rollup/rollup-linux-riscv64-musl@4.60.1':
-    optional: true
+  parse-entities@4.0.2:
+    dependencies:
+      '@types/unist': 2.0.11
+      character-entities-legacy: 3.0.0
+      character-reference-invalid: 2.0.1
+      decode-named-character-reference: 1.3.0
+      is-alphanumerical: 2.0.1
+      is-decimal: 2.0.1
+      is-hexadecimal: 2.0.1
+
+  parse-json@5.2.0:
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      error-ex: 1.3.4
+      json-parse-even-better-errors: 2.3.1
+      lines-and-columns: 1.2.4
 
-  '@rollup/rollup-linux-s390x-gnu@4.60.1':
-    optional: true
+  parse-ms@4.0.0: {}
 
-  '@rollup/rollup-linux-x64-gnu@4.60.1':
-    optional: true
+  parse5@7.3.0:
+    dependencies:
+      entities: 6.0.1
 
-  '@rollup/rollup-linux-x64-musl@4.60.1':
-    optional: true
+  parseurl@1.3.3: {}
 
-  '@rollup/rollup-openbsd-x64@4.60.1':
-    optional: true
+  path-browserify@1.0.1: {}
 
-  '@rollup/rollup-openharmony-arm64@4.60.1':
-    optional: true
+  path-data-parser@0.1.0: {}
 
-  '@rollup/rollup-win32-arm64-msvc@4.60.1':
-    optional: true
+  path-key@3.1.1: {}
 
-  '@rollup/rollup-win32-ia32-msvc@4.60.1':
-    optional: true
+  path-key@4.0.0: {}
 
-  '@rollup/rollup-win32-x64-gnu@4.60.1':
-    optional: true
+  path-to-regexp@6.3.0: {}
 
-  '@rollup/rollup-win32-x64-msvc@4.60.1':
-    optional: true
+  path-to-regexp@8.4.2: {}
 
-  '@types/chai@5.2.3':
-    dependencies:
-      '@types/deep-eql': 4.0.2
-      assertion-error: 2.0.1
+  pathe@2.0.3: {}
 
-  '@types/deep-eql@4.0.2': {}
+  pathval@2.0.1: {}
 
-  '@types/diff@6.0.0': {}
+  picocolors@1.1.1: {}
 
-  '@types/estree@1.0.8': {}
+  picomatch@2.3.2: {}
 
-  '@types/node@22.19.17':
-    dependencies:
-      undici-types: 6.21.0
+  picomatch@4.0.4: {}
 
-  '@types/pngjs@6.0.5':
+  pixelmatch@6.0.0:
     dependencies:
-      '@types/node': 22.19.17
+      pngjs: 7.0.0
 
-  '@vitest/expect@3.2.4':
+  pkce-challenge@5.0.1: {}
+
+  pkg-types@1.3.1:
     dependencies:
-      '@types/chai': 5.2.3
-      '@vitest/spy': 3.2.4
-      '@vitest/utils': 3.2.4
-      chai: 5.3.3
-      tinyrainbow: 2.0.0
+      confbox: 0.1.8
+      mlly: 1.8.2
+      pathe: 2.0.3
 
-  '@vitest/mocker@3.2.4(vite@7.3.1(@types/node@22.19.17)(jiti@2.6.1))':
+  playwright-core@1.59.1:
+    optional: true
+
+  playwright@1.59.1:
     dependencies:
-      '@vitest/spy': 3.2.4
-      estree-walker: 3.0.3
-      magic-string: 0.30.21
+      playwright-core: 1.59.1
     optionalDependencies:
-      vite: 7.3.1(@types/node@22.19.17)(jiti@2.6.1)
+      fsevents: 2.3.2
+    optional: true
 
-  '@vitest/pretty-format@3.2.4':
+  pngjs@7.0.0: {}
+
+  points-on-curve@0.2.0: {}
+
+  points-on-path@0.2.1:
     dependencies:
-      tinyrainbow: 2.0.0
+      path-data-parser: 0.1.0
+      points-on-curve: 0.2.0
 
-  '@vitest/runner@3.2.4':
+  postcss-selector-parser@7.1.1:
     dependencies:
-      '@vitest/utils': 3.2.4
-      pathe: 2.0.3
-      strip-literal: 3.1.0
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
 
-  '@vitest/snapshot@3.2.4':
+  postcss@8.5.8:
     dependencies:
-      '@vitest/pretty-format': 3.2.4
-      magic-string: 0.30.21
-      pathe: 2.0.3
+      nanoid: 3.3.11
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
 
-  '@vitest/spy@3.2.4':
+  powershell-utils@0.1.0: {}
+
+  pretty-ms@9.3.0:
     dependencies:
-      tinyspy: 4.0.4
+      parse-ms: 4.0.0
 
-  '@vitest/utils@3.2.4':
+  prompts@2.4.2:
     dependencies:
-      '@vitest/pretty-format': 3.2.4
-      loupe: 3.2.1
-      tinyrainbow: 2.0.0
+      kleur: 3.0.3
+      sisteransi: 1.0.5
 
-  assertion-error@2.0.1: {}
+  property-information@7.1.0: {}
 
-  cac@6.7.14: {}
+  proxy-addr@2.0.7:
+    dependencies:
+      forwarded: 0.2.0
+      ipaddr.js: 1.9.1
 
-  chai@5.3.3:
+  qs@6.15.0:
     dependencies:
-      assertion-error: 2.0.1
-      check-error: 2.1.3
-      deep-eql: 5.0.2
-      loupe: 3.2.1
-      pathval: 2.0.1
+      side-channel: 1.1.0
 
-  check-error@2.1.3: {}
+  queue-microtask@1.2.3: {}
 
-  citty@0.2.2: {}
+  range-parser@1.2.1: {}
 
-  debug@4.4.3:
+  raw-body@3.0.2:
     dependencies:
-      ms: 2.1.3
+      bytes: 3.1.2
+      http-errors: 2.0.1
+      iconv-lite: 0.7.2
+      unpipe: 1.0.0
 
-  deep-eql@5.0.2: {}
+  react-day-picker@9.14.0(react@19.1.0):
+    dependencies:
+      '@date-fns/tz': 1.4.1
+      '@tabby_ai/hijri-converter': 1.0.5
+      date-fns: 4.1.0
+      date-fns-jalali: 4.1.0-0
+      react: 19.1.0
 
-  diff@7.0.0: {}
+  react-dom@19.1.0(react@19.1.0):
+    dependencies:
+      react: 19.1.0
+      scheduler: 0.26.0
 
-  es-module-lexer@1.7.0: {}
+  react-hook-form@7.72.1(react@19.1.0):
+    dependencies:
+      react: 19.1.0
 
-  esbuild@0.27.7:
+  react-is@19.2.4: {}
+
+  react-jsx-parser@2.4.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
+    dependencies:
+      acorn: 8.16.0
+      acorn-jsx: 5.3.2(acorn@8.16.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@esbuild/aix-ppc64': 0.27.7
-      '@esbuild/android-arm': 0.27.7
-      '@esbuild/android-arm64': 0.27.7
-      '@esbuild/android-x64': 0.27.7
-      '@esbuild/darwin-arm64': 0.27.7
-      '@esbuild/darwin-x64': 0.27.7
-      '@esbuild/freebsd-arm64': 0.27.7
-      '@esbuild/freebsd-x64': 0.27.7
-      '@esbuild/linux-arm': 0.27.7
-      '@esbuild/linux-arm64': 0.27.7
-      '@esbuild/linux-ia32': 0.27.7
-      '@esbuild/linux-loong64': 0.27.7
-      '@esbuild/linux-mips64el': 0.27.7
-      '@esbuild/linux-ppc64': 0.27.7
-      '@esbuild/linux-riscv64': 0.27.7
-      '@esbuild/linux-s390x': 0.27.7
-      '@esbuild/linux-x64': 0.27.7
-      '@esbuild/netbsd-arm64': 0.27.7
-      '@esbuild/netbsd-x64': 0.27.7
-      '@esbuild/openbsd-arm64': 0.27.7
-      '@esbuild/openbsd-x64': 0.27.7
-      '@esbuild/openharmony-arm64': 0.27.7
-      '@esbuild/sunos-x64': 0.27.7
-      '@esbuild/win32-arm64': 0.27.7
-      '@esbuild/win32-ia32': 0.27.7
-      '@esbuild/win32-x64': 0.27.7
+      '@types/react': 18.3.28
+      '@types/react-dom': 18.3.7(@types/react@18.3.28)
 
-  estree-walker@3.0.3:
+  react-redux@9.2.0(@types/react@19.1.2)(react@19.1.0)(redux@5.0.1):
     dependencies:
-      '@types/estree': 1.0.8
+      '@types/use-sync-external-store': 0.0.6
+      react: 19.1.0
+      use-sync-external-store: 1.6.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      redux: 5.0.1
 
-  expect-type@1.3.0: {}
+  react-remove-scroll-bar@2.3.8(@types/react@19.1.2)(react@19.1.0):
+    dependencies:
+      react: 19.1.0
+      react-style-singleton: 2.2.3(@types/react@19.1.2)(react@19.1.0)
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 19.1.2
 
-  fdir@6.5.0(picomatch@4.0.4):
+  react-remove-scroll@2.7.2(@types/react@19.1.2)(react@19.1.0):
+    dependencies:
+      react: 19.1.0
+      react-remove-scroll-bar: 2.3.8(@types/react@19.1.2)(react@19.1.0)
+      react-style-singleton: 2.2.3(@types/react@19.1.2)(react@19.1.0)
+      tslib: 2.8.1
+      use-callback-ref: 1.3.3(@types/react@19.1.2)(react@19.1.0)
+      use-sidecar: 1.1.3(@types/react@19.1.2)(react@19.1.0)
     optionalDependencies:
-      picomatch: 4.0.4
+      '@types/react': 19.1.2
 
-  fsevents@2.3.2:
-    optional: true
+  react-resizable-panels@4.9.0(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
+    dependencies:
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
 
-  fsevents@2.3.3:
-    optional: true
+  react-style-singleton@2.2.3(@types/react@19.1.2)(react@19.1.0):
+    dependencies:
+      get-nonce: 1.0.1
+      react: 19.1.0
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 19.1.2
 
-  jiti@2.6.1: {}
+  react@19.1.0: {}
 
-  js-tokens@9.0.1: {}
+  recast@0.23.11:
+    dependencies:
+      ast-types: 0.16.1
+      esprima: 4.0.1
+      source-map: 0.6.1
+      tiny-invariant: 1.3.3
+      tslib: 2.8.1
 
-  lefthook-darwin-arm64@2.1.4:
-    optional: true
+  recharts@3.8.1(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react-is@19.2.4)(react@19.1.0)(redux@5.0.1):
+    dependencies:
+      '@reduxjs/toolkit': 2.11.2(react-redux@9.2.0(@types/react@19.1.2)(react@19.1.0)(redux@5.0.1))(react@19.1.0)
+      clsx: 2.1.1
+      decimal.js-light: 2.5.1
+      es-toolkit: 1.45.1
+      eventemitter3: 5.0.4
+      immer: 10.2.0
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+      react-is: 19.2.4
+      react-redux: 9.2.0(@types/react@19.1.2)(react@19.1.0)(redux@5.0.1)
+      reselect: 5.1.1
+      tiny-invariant: 1.3.3
+      use-sync-external-store: 1.6.0(react@19.1.0)
+      victory-vendor: 37.3.6
+    transitivePeerDependencies:
+      - '@types/react'
+      - redux
 
-  lefthook-darwin-x64@2.1.4:
-    optional: true
+  redux-thunk@3.1.0(redux@5.0.1):
+    dependencies:
+      redux: 5.0.1
 
-  lefthook-freebsd-arm64@2.1.4:
-    optional: true
+  redux@5.0.1: {}
 
-  lefthook-freebsd-x64@2.1.4:
-    optional: true
+  regex-recursion@6.0.2:
+    dependencies:
+      regex-utilities: 2.3.0
 
-  lefthook-linux-arm64@2.1.4:
-    optional: true
+  regex-utilities@2.3.0: {}
 
-  lefthook-linux-x64@2.1.4:
-    optional: true
+  regex@6.1.0:
+    dependencies:
+      regex-utilities: 2.3.0
 
-  lefthook-openbsd-arm64@2.1.4:
-    optional: true
+  rehype-harden@1.1.8:
+    dependencies:
+      unist-util-visit: 5.1.0
 
-  lefthook-openbsd-x64@2.1.4:
-    optional: true
+  rehype-katex@7.0.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/katex': 0.16.8
+      hast-util-from-html-isomorphic: 2.0.0
+      hast-util-to-text: 4.0.2
+      katex: 0.16.44
+      unist-util-visit-parents: 6.0.2
+      vfile: 6.0.3
+
+  rehype-raw@7.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+      hast-util-raw: 9.1.0
+      vfile: 6.0.3
 
-  lefthook-windows-arm64@2.1.4:
-    optional: true
+  rehype-sanitize@6.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+      hast-util-sanitize: 5.0.2
 
-  lefthook-windows-x64@2.1.4:
-    optional: true
+  remark-cjk-friendly-gfm-strikethrough@2.0.1(@types/mdast@4.0.4)(micromark-util-types@2.0.2)(micromark@4.0.2)(unified@11.0.5):
+    dependencies:
+      micromark-extension-cjk-friendly-gfm-strikethrough: 2.0.1(micromark-util-types@2.0.2)(micromark@4.0.2)
+      unified: 11.0.5
+    optionalDependencies:
+      '@types/mdast': 4.0.4
+    transitivePeerDependencies:
+      - micromark
+      - micromark-util-types
 
-  lefthook@2.1.4:
+  remark-cjk-friendly@2.0.1(@types/mdast@4.0.4)(micromark-util-types@2.0.2)(micromark@4.0.2)(unified@11.0.5):
+    dependencies:
+      micromark-extension-cjk-friendly: 2.0.1(micromark-util-types@2.0.2)(micromark@4.0.2)
+      unified: 11.0.5
     optionalDependencies:
-      lefthook-darwin-arm64: 2.1.4
-      lefthook-darwin-x64: 2.1.4
-      lefthook-freebsd-arm64: 2.1.4
-      lefthook-freebsd-x64: 2.1.4
-      lefthook-linux-arm64: 2.1.4
-      lefthook-linux-x64: 2.1.4
-      lefthook-openbsd-arm64: 2.1.4
-      lefthook-openbsd-x64: 2.1.4
-      lefthook-windows-arm64: 2.1.4
-      lefthook-windows-x64: 2.1.4
+      '@types/mdast': 4.0.4
+    transitivePeerDependencies:
+      - micromark
+      - micromark-util-types
 
-  loupe@3.2.1: {}
+  remark-gfm@4.0.1:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-gfm: 3.1.0
+      micromark-extension-gfm: 3.0.0
+      remark-parse: 11.0.0
+      remark-stringify: 11.0.0
+      unified: 11.0.5
+    transitivePeerDependencies:
+      - supports-color
 
-  magic-string@0.30.21:
+  remark-math@6.0.0:
     dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.5
+      '@types/mdast': 4.0.4
+      mdast-util-math: 3.0.0
+      micromark-extension-math: 3.1.0
+      unified: 11.0.5
+    transitivePeerDependencies:
+      - supports-color
 
-  ms@2.1.3: {}
+  remark-parse@11.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-from-markdown: 2.0.3
+      micromark-util-types: 2.0.2
+      unified: 11.0.5
+    transitivePeerDependencies:
+      - supports-color
 
-  nanoid@3.3.11: {}
+  remark-rehype@11.1.2:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      mdast-util-to-hast: 13.2.1
+      unified: 11.0.5
+      vfile: 6.0.3
 
-  pathe@2.0.3: {}
+  remark-stringify@11.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-to-markdown: 2.1.2
+      unified: 11.0.5
 
-  pathval@2.0.1: {}
+  remend@1.3.0: {}
 
-  picocolors@1.1.1: {}
+  require-directory@2.1.1: {}
 
-  picomatch@4.0.4: {}
+  require-from-string@2.0.2: {}
 
-  pixelmatch@6.0.0:
-    dependencies:
-      pngjs: 7.0.0
+  reselect@5.1.1: {}
 
-  playwright-core@1.59.1:
-    optional: true
+  resolve-from@4.0.0: {}
 
-  playwright@1.59.1:
+  restore-cursor@5.1.0:
     dependencies:
-      playwright-core: 1.59.1
-    optionalDependencies:
-      fsevents: 2.3.2
-    optional: true
+      onetime: 7.0.0
+      signal-exit: 4.1.0
 
-  pngjs@7.0.0: {}
+  rettime@0.10.1: {}
 
-  postcss@8.5.8:
-    dependencies:
-      nanoid: 3.3.11
-      picocolors: 1.1.1
-      source-map-js: 1.2.1
+  reusify@1.1.0: {}
+
+  robust-predicates@3.0.3: {}
 
   rollup@4.60.1:
     dependencies:
@@ -1217,22 +8586,294 @@ snapshots:
       '@rollup/rollup-win32-x64-msvc': 4.60.1
       fsevents: 2.3.3
 
+  roughjs@4.6.6:
+    dependencies:
+      hachure-fill: 0.5.2
+      path-data-parser: 0.1.0
+      points-on-curve: 0.2.0
+      points-on-path: 0.2.1
+
+  router@2.2.0:
+    dependencies:
+      debug: 4.4.3
+      depd: 2.0.0
+      is-promise: 4.0.0
+      parseurl: 1.3.3
+      path-to-regexp: 8.4.2
+    transitivePeerDependencies:
+      - supports-color
+
+  run-applescript@7.1.0: {}
+
+  run-parallel@1.2.0:
+    dependencies:
+      queue-microtask: 1.2.3
+
+  rw@1.3.3: {}
+
+  safer-buffer@2.1.2: {}
+
+  scheduler@0.26.0: {}
+
+  semver@6.3.1: {}
+
+  send@1.2.1:
+    dependencies:
+      debug: 4.4.3
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      etag: 1.8.1
+      fresh: 2.0.0
+      http-errors: 2.0.1
+      mime-types: 3.0.2
+      ms: 2.1.3
+      on-finished: 2.4.1
+      range-parser: 1.2.1
+      statuses: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  serve-static@2.2.1:
+    dependencies:
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      parseurl: 1.3.3
+      send: 1.2.1
+    transitivePeerDependencies:
+      - supports-color
+
+  setprototypeof@1.2.0: {}
+
+  shadcn@4.1.1(@types/node@22.19.17)(typescript@5.9.3):
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/parser': 7.29.2
+      '@babel/plugin-transform-typescript': 7.28.6(@babel/core@7.29.0)
+      '@babel/preset-typescript': 7.28.5(@babel/core@7.29.0)
+      '@dotenvx/dotenvx': 1.59.1
+      '@modelcontextprotocol/sdk': 1.29.0(zod@3.25.76)
+      '@types/validate-npm-package-name': 4.0.2
+      browserslist: 4.28.2
+      commander: 14.0.3
+      cosmiconfig: 9.0.1(typescript@5.9.3)
+      dedent: 1.7.2
+      deepmerge: 4.3.1
+      diff: 8.0.4
+      execa: 9.6.1
+      fast-glob: 3.3.3
+      fs-extra: 11.3.4
+      fuzzysort: 3.1.0
+      https-proxy-agent: 7.0.6
+      kleur: 4.1.5
+      msw: 2.12.14(@types/node@22.19.17)(typescript@5.9.3)
+      node-fetch: 3.3.2
+      open: 11.0.0
+      ora: 8.2.0
+      postcss: 8.5.8
+      postcss-selector-parser: 7.1.1
+      prompts: 2.4.2
+      recast: 0.23.11
+      stringify-object: 5.0.0
+      tailwind-merge: 3.5.0
+      ts-morph: 26.0.0
+      tsconfig-paths: 4.2.0
+      validate-npm-package-name: 7.0.2
+      zod: 3.25.76
+      zod-to-json-schema: 3.25.2(zod@3.25.76)
+    transitivePeerDependencies:
+      - '@cfworker/json-schema'
+      - '@types/node'
+      - babel-plugin-macros
+      - supports-color
+      - typescript
+
+  shebang-command@2.0.0:
+    dependencies:
+      shebang-regex: 3.0.0
+
+  shebang-regex@3.0.0: {}
+
+  shiki@3.23.0:
+    dependencies:
+      '@shikijs/core': 3.23.0
+      '@shikijs/engine-javascript': 3.23.0
+      '@shikijs/engine-oniguruma': 3.23.0
+      '@shikijs/langs': 3.23.0
+      '@shikijs/themes': 3.23.0
+      '@shikijs/types': 3.23.0
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+
+  shiki@4.0.2:
+    dependencies:
+      '@shikijs/core': 4.0.2
+      '@shikijs/engine-javascript': 4.0.2
+      '@shikijs/engine-oniguruma': 4.0.2
+      '@shikijs/langs': 4.0.2
+      '@shikijs/themes': 4.0.2
+      '@shikijs/types': 4.0.2
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+
+  side-channel-list@1.0.0:
+    dependencies:
+      es-errors: 1.3.0
+      object-inspect: 1.13.4
+
+  side-channel-map@1.0.1:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      object-inspect: 1.13.4
+
+  side-channel-weakmap@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      object-inspect: 1.13.4
+      side-channel-map: 1.0.1
+
+  side-channel@1.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      object-inspect: 1.13.4
+      side-channel-list: 1.0.0
+      side-channel-map: 1.0.1
+      side-channel-weakmap: 1.0.2
+
   siginfo@2.0.0: {}
 
+  signal-exit@3.0.7: {}
+
+  signal-exit@4.1.0: {}
+
+  sisteransi@1.0.5: {}
+
+  smart-registry@1.16.0:
+    dependencies:
+      '@antfu/ni': 24.4.0
+      execa: 9.6.1
+      strip-json-comments: 5.0.3
+      tinyglobby: 0.2.15
+      yoctocolors: 2.1.2
+
+  sonner@2.0.7(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
+    dependencies:
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+
   source-map-js@1.2.1: {}
 
+  source-map@0.6.1: {}
+
+  space-separated-tokens@2.0.2: {}
+
+  split-type@0.3.4: {}
+
   stackback@0.0.2: {}
 
+  statuses@2.0.2: {}
+
   std-env@3.10.0: {}
 
+  stdin-discarder@0.2.2: {}
+
+  streamdown@2.5.0(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
+    dependencies:
+      clsx: 2.1.1
+      hast-util-to-jsx-runtime: 2.3.6
+      html-url-attributes: 3.0.1
+      marked: 17.0.5
+      mermaid: 11.14.0
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+      rehype-harden: 1.1.8
+      rehype-raw: 7.0.0
+      rehype-sanitize: 6.0.0
+      remark-gfm: 4.0.1
+      remark-parse: 11.0.0
+      remark-rehype: 11.1.2
+      remend: 1.3.0
+      tailwind-merge: 3.5.0
+      unified: 11.0.5
+      unist-util-visit: 5.1.0
+      unist-util-visit-parents: 6.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  strict-event-emitter@0.5.1: {}
+
+  string-width@4.2.3:
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+
+  string-width@7.2.0:
+    dependencies:
+      emoji-regex: 10.6.0
+      get-east-asian-width: 1.5.0
+      strip-ansi: 7.2.0
+
+  stringify-entities@4.0.4:
+    dependencies:
+      character-entities-html4: 2.1.0
+      character-entities-legacy: 3.0.0
+
+  stringify-object@5.0.0:
+    dependencies:
+      get-own-enumerable-keys: 1.0.0
+      is-obj: 3.0.0
+      is-regexp: 3.1.0
+
+  strip-ansi@6.0.1:
+    dependencies:
+      ansi-regex: 5.0.1
+
+  strip-ansi@7.2.0:
+    dependencies:
+      ansi-regex: 6.2.2
+
+  strip-bom@3.0.0: {}
+
+  strip-final-newline@2.0.0: {}
+
+  strip-final-newline@4.0.0: {}
+
+  strip-json-comments@5.0.3: {}
+
   strip-literal@3.1.0:
     dependencies:
       js-tokens: 9.0.1
 
+  style-to-js@1.1.21:
+    dependencies:
+      style-to-object: 1.0.14
+
+  style-to-object@1.0.14:
+    dependencies:
+      inline-style-parser: 0.2.7
+
+  stylis@4.3.6: {}
+
+  tagged-tag@1.0.0: {}
+
+  tailwind-merge@3.5.0: {}
+
+  tailwindcss@4.2.2: {}
+
+  tapable@2.3.2: {}
+
+  tiny-invariant@1.3.3: {}
+
   tinybench@2.9.0: {}
 
   tinyexec@0.3.2: {}
 
+  tinyexec@1.0.4: {}
+
   tinyglobby@0.2.15:
     dependencies:
       fdir: 6.5.0(picomatch@4.0.4)
@@ -1244,17 +8885,204 @@ snapshots:
 
   tinyspy@4.0.4: {}
 
+  tldts-core@7.0.27: {}
+
+  tldts@7.0.27:
+    dependencies:
+      tldts-core: 7.0.27
+
+  to-regex-range@5.0.1:
+    dependencies:
+      is-number: 7.0.0
+
+  toidentifier@1.0.1: {}
+
+  tokenlens@1.3.1:
+    dependencies:
+      '@tokenlens/core': 1.3.0
+      '@tokenlens/fetch': 1.3.0
+      '@tokenlens/helpers': 1.3.1
+      '@tokenlens/models': 1.3.0
+
+  tough-cookie@6.0.1:
+    dependencies:
+      tldts: 7.0.27
+
+  trim-lines@3.0.1: {}
+
+  trough@2.2.0: {}
+
+  ts-dedent@2.2.0: {}
+
+  ts-morph@26.0.0:
+    dependencies:
+      '@ts-morph/common': 0.27.0
+      code-block-writer: 13.0.3
+
+  tsconfig-paths@4.2.0:
+    dependencies:
+      json5: 2.2.3
+      minimist: 1.2.8
+      strip-bom: 3.0.0
+
+  tslib@2.8.1: {}
+
+  tw-animate-css@1.4.0: {}
+
+  type-fest@5.5.0:
+    dependencies:
+      tagged-tag: 1.0.0
+
+  type-is@2.0.1:
+    dependencies:
+      content-type: 1.0.5
+      media-typer: 1.1.0
+      mime-types: 3.0.2
+
   typescript@5.9.3: {}
 
+  uc.micro@1.0.6: {}
+
+  ufo@1.6.3: {}
+
   undici-types@6.21.0: {}
 
-  vite-node@3.2.4(@types/node@22.19.17)(jiti@2.6.1):
+  unicorn-magic@0.3.0: {}
+
+  unified@11.0.5:
+    dependencies:
+      '@types/unist': 3.0.3
+      bail: 2.0.2
+      devlop: 1.1.0
+      extend: 3.0.2
+      is-plain-obj: 4.1.0
+      trough: 2.2.0
+      vfile: 6.0.3
+
+  unist-util-find-after@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+
+  unist-util-is@6.0.1:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-position@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-remove-position@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-visit: 5.1.0
+
+  unist-util-stringify-position@4.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-visit-parents@6.0.2:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+
+  unist-util-visit@5.1.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+      unist-util-visit-parents: 6.0.2
+
+  universalify@2.0.1: {}
+
+  unpipe@1.0.0: {}
+
+  until-async@3.0.2: {}
+
+  update-browserslist-db@1.2.3(browserslist@4.28.2):
+    dependencies:
+      browserslist: 4.28.2
+      escalade: 3.2.0
+      picocolors: 1.1.1
+
+  use-callback-ref@1.3.3(@types/react@19.1.2)(react@19.1.0):
+    dependencies:
+      react: 19.1.0
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 19.1.2
+
+  use-sidecar@1.1.3(@types/react@19.1.2)(react@19.1.0):
+    dependencies:
+      detect-node-es: 1.1.0
+      react: 19.1.0
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 19.1.2
+
+  use-stick-to-bottom@1.1.3(react@19.1.0):
+    dependencies:
+      react: 19.1.0
+
+  use-sync-external-store@1.6.0(react@19.1.0):
+    dependencies:
+      react: 19.1.0
+
+  util-deprecate@1.0.2: {}
+
+  uuid@11.1.0: {}
+
+  validate-npm-package-name@7.0.2: {}
+
+  vary@1.1.2: {}
+
+  vaul@1.1.2(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
+    dependencies:
+      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    transitivePeerDependencies:
+      - '@types/react'
+      - '@types/react-dom'
+
+  vfile-location@5.0.3:
+    dependencies:
+      '@types/unist': 3.0.3
+      vfile: 6.0.3
+
+  vfile-message@4.0.3:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-stringify-position: 4.0.0
+
+  vfile@6.0.3:
+    dependencies:
+      '@types/unist': 3.0.3
+      vfile-message: 4.0.3
+
+  victory-vendor@37.3.6:
+    dependencies:
+      '@types/d3-array': 3.2.2
+      '@types/d3-ease': 3.0.2
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-scale': 4.0.9
+      '@types/d3-shape': 3.1.8
+      '@types/d3-time': 3.0.4
+      '@types/d3-timer': 3.0.2
+      d3-array: 3.2.4
+      d3-ease: 3.0.1
+      d3-interpolate: 3.0.1
+      d3-scale: 4.0.2
+      d3-shape: 3.2.0
+      d3-time: 3.1.0
+      d3-timer: 3.0.1
+
+  vite-node@3.2.4(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0):
     dependencies:
       cac: 6.7.14
       debug: 4.4.3
       es-module-lexer: 1.7.0
       pathe: 2.0.3
-      vite: 7.3.1(@types/node@22.19.17)(jiti@2.6.1)
+      vite: 7.3.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0)
     transitivePeerDependencies:
       - '@types/node'
       - jiti
@@ -1269,7 +9097,7 @@ snapshots:
       - tsx
       - yaml
 
-  vite@7.3.1(@types/node@22.19.17)(jiti@2.6.1):
+  vite@7.3.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0):
     dependencies:
       esbuild: 0.27.7
       fdir: 6.5.0(picomatch@4.0.4)
@@ -1281,12 +9109,13 @@ snapshots:
       '@types/node': 22.19.17
       fsevents: 2.3.3
       jiti: 2.6.1
+      lightningcss: 1.32.0
 
-  vitest@3.2.4(@types/node@22.19.17)(jiti@2.6.1):
+  vitest@3.2.4(@types/debug@4.1.13)(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0)(msw@2.12.14(@types/node@22.19.17)(typescript@5.9.3)):
     dependencies:
       '@types/chai': 5.2.3
       '@vitest/expect': 3.2.4
-      '@vitest/mocker': 3.2.4(vite@7.3.1(@types/node@22.19.17)(jiti@2.6.1))
+      '@vitest/mocker': 3.2.4(msw@2.12.14(@types/node@22.19.17)(typescript@5.9.3))(vite@7.3.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0))
       '@vitest/pretty-format': 3.2.4
       '@vitest/runner': 3.2.4
       '@vitest/snapshot': 3.2.4
@@ -1304,10 +9133,11 @@ snapshots:
       tinyglobby: 0.2.15
       tinypool: 1.1.1
       tinyrainbow: 2.0.0
-      vite: 7.3.1(@types/node@22.19.17)(jiti@2.6.1)
-      vite-node: 3.2.4(@types/node@22.19.17)(jiti@2.6.1)
+      vite: 7.3.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0)
+      vite-node: 3.2.4(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
+      '@types/debug': 4.1.13
       '@types/node': 22.19.17
     transitivePeerDependencies:
       - jiti
@@ -1323,7 +9153,100 @@ snapshots:
       - tsx
       - yaml
 
+  vscode-jsonrpc@8.2.0: {}
+
+  vscode-languageserver-protocol@3.17.5:
+    dependencies:
+      vscode-jsonrpc: 8.2.0
+      vscode-languageserver-types: 3.17.5
+
+  vscode-languageserver-textdocument@1.0.12: {}
+
+  vscode-languageserver-types@3.17.5: {}
+
+  vscode-languageserver@9.0.1:
+    dependencies:
+      vscode-languageserver-protocol: 3.17.5
+
+  vscode-uri@3.1.0: {}
+
+  web-namespaces@2.0.1: {}
+
+  web-streams-polyfill@3.3.3: {}
+
+  which@2.0.2:
+    dependencies:
+      isexe: 2.0.0
+
+  which@4.0.0:
+    dependencies:
+      isexe: 3.1.5
+
   why-is-node-running@2.3.0:
     dependencies:
       siginfo: 2.0.0
       stackback: 0.0.2
+
+  wrap-ansi@6.2.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  wrap-ansi@7.0.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  wrappy@1.0.2: {}
+
+  wsl-utils@0.3.1:
+    dependencies:
+      is-wsl: 3.1.1
+      powershell-utils: 0.1.0
+
+  y18n@5.0.8: {}
+
+  yallist@3.1.1: {}
+
+  yargs-parser@21.1.1: {}
+
+  yargs@17.7.2:
+    dependencies:
+      cliui: 8.0.1
+      escalade: 3.2.0
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 21.1.1
+
+  yoctocolors-cjs@2.1.3: {}
+
+  yoctocolors@2.1.2: {}
+
+  zod-to-json-schema@3.25.2(zod@3.25.76):
+    dependencies:
+      zod: 3.25.76
+
+  zod@3.25.76: {}
+
+  zod@4.3.6: {}
+
+  zustand@4.5.7(@types/react@19.1.2)(immer@11.1.4)(react@19.1.0):
+    dependencies:
+      use-sync-external-store: 1.6.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      immer: 11.1.4
+      react: 19.1.0
+
+  zustand@5.0.12(@types/react@19.1.2)(immer@11.1.4)(react@19.1.0)(use-sync-external-store@1.6.0(react@19.1.0)):
+    optionalDependencies:
+      '@types/react': 19.1.2
+      immer: 11.1.4
+      react: 19.1.0
+      use-sync-external-store: 1.6.0(react@19.1.0)
+
+  zwitch@2.0.4: {}

From 7c4490242fd3e92b5324d5f7a4650be535984288 Mon Sep 17 00:00:00 2001
From: Nahiyan Khan <nahiyan@squareup.com>
Date: Mon, 6 Apr 2026 21:38:38 -0400
Subject: [PATCH 2/6] Port ghost-ui catalogue from Next.js to React + Vite +
 Tailwind

Replace Next.js with Vite for a lighter, faster dev experience. Swap
app-directory routing for React Router v7, replace next/link and
next/navigation with react-router equivalents, and convert server-side
fs.readFileSync calls to Vite import.meta.glob(?raw) for component
source display. Also adds HK Grotesk font faces, fixes dark-mode
visibility for hero plus grid and circle, and improves GSAP scroll
reveal clearProps.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 justfile                                      |  14 +
 packages/ghost-ui/components.json             |   2 +-
 packages/ghost-ui/index.html                  |  13 +
 packages/ghost-ui/package.json                |  15 +-
 packages/ghost-ui/public/placeholder.svg      |   4 +
 packages/ghost-ui/src/App.tsx                 |  32 ++
 .../src/app/components/[name]/page.tsx        |  56 ++
 packages/ghost-ui/src/app/components/page.tsx |  73 +++
 .../src/app/foundations/colors/page.tsx       |  32 ++
 .../ghost-ui/src/app/foundations/page.tsx     | 100 ++++
 .../src/app/foundations/typography/page.tsx   |  32 ++
 packages/ghost-ui/src/app/page.tsx            |   5 +
 .../docs/ai-elements/agent-demo.tsx           |  89 ++++
 .../docs/ai-elements/artifact-demo.tsx        |  67 +++
 .../docs/ai-elements/attachments-demo.tsx     |  83 +++
 .../docs/ai-elements/audio-player-demo.tsx    |  53 ++
 .../docs/ai-elements/canvas-demo.tsx          |  87 +++
 .../ai-elements/chain-of-thought-demo.tsx     |  52 ++
 .../docs/ai-elements/checkpoint-demo.tsx      |  31 ++
 .../docs/ai-elements/code-block-demo.tsx      |  79 +++
 .../docs/ai-elements/commit-demo.tsx          | 122 +++++
 .../docs/ai-elements/confirmation-demo.tsx    |  70 +++
 .../docs/ai-elements/connection-demo.tsx      |  70 +++
 .../docs/ai-elements/context-demo.tsx         |  44 ++
 .../docs/ai-elements/controls-demo.tsx        |  50 ++
 .../docs/ai-elements/conversation-demo.tsx    |  24 +
 .../components/docs/ai-elements/edge-demo.tsx |  87 +++
 .../environment-variables-demo.tsx            |  74 +++
 .../docs/ai-elements/file-tree-demo.tsx       |  39 ++
 .../docs/ai-elements/image-demo.tsx           |  47 ++
 .../src/components/docs/ai-elements/index.tsx | 238 +++++++++
 .../docs/ai-elements/inline-citation-demo.tsx |  65 +++
 .../docs/ai-elements/jsx-preview-demo.tsx     |  36 ++
 .../docs/ai-elements/message-demo.tsx         |  49 ++
 .../docs/ai-elements/mic-selector-demo.tsx    |  48 ++
 .../docs/ai-elements/model-selector-demo.tsx  |  68 +++
 .../components/docs/ai-elements/node-demo.tsx |  83 +++
 .../docs/ai-elements/open-in-chat-demo.tsx    |  42 ++
 .../docs/ai-elements/package-info-demo.tsx    |  57 ++
 .../docs/ai-elements/panel-demo.tsx           |  61 +++
 .../docs/ai-elements/persona-demo.tsx         |  56 ++
 .../components/docs/ai-elements/plan-demo.tsx |  63 +++
 .../docs/ai-elements/prompt-input-demo.tsx    |  29 +
 .../docs/ai-elements/queue-demo.tsx           |  86 +++
 .../docs/ai-elements/reasoning-demo.tsx       |  33 ++
 .../docs/ai-elements/sandbox-demo.tsx         |  86 +++
 .../docs/ai-elements/schema-display-demo.tsx  | 171 ++++++
 .../docs/ai-elements/shimmer-demo.tsx         |  21 +
 .../docs/ai-elements/snippet-demo.tsx         |  52 ++
 .../docs/ai-elements/sources-demo.tsx         |  30 ++
 .../docs/ai-elements/speech-input-demo.tsx    |  31 ++
 .../docs/ai-elements/stack-trace-demo.tsx     |  65 +++
 .../docs/ai-elements/suggestion-demo.tsx      |  18 +
 .../components/docs/ai-elements/task-demo.tsx |  43 ++
 .../docs/ai-elements/terminal-demo.tsx        |  63 +++
 .../docs/ai-elements/test-results-demo.tsx    | 132 +++++
 .../components/docs/ai-elements/tool-demo.tsx |  69 +++
 .../docs/ai-elements/toolbar-demo.tsx         |  71 +++
 .../docs/ai-elements/transcription-demo.tsx   |  58 ++
 .../docs/ai-elements/voice-selector-demo.tsx  | 137 +++++
 .../docs/ai-elements/web-preview-demo.tsx     |  52 ++
 .../components/docs/animated-page-header.tsx  |  79 +++
 .../components/docs/bento/activity-goal.tsx   |  64 +++
 .../src/components/docs/bento/calendar.tsx    |  26 +
 .../src/components/docs/bento/chat.tsx        | 253 +++++++++
 .../components/docs/bento/cookie-settings.tsx |  60 +++
 .../components/docs/bento/create-account.tsx  |  60 +++
 .../src/components/docs/bento/data-table.tsx  | 327 ++++++++++++
 .../src/components/docs/bento/index.tsx       | 100 ++++
 .../src/components/docs/bento/metric.tsx      | 108 ++++
 .../components/docs/bento/payment-amount.tsx  |  64 +++
 .../components/docs/bento/payment-method.tsx  | 139 +++++
 .../components/docs/bento/report-issue.tsx    |  96 ++++
 .../src/components/docs/bento/share.tsx       | 121 +++++
 .../src/components/docs/bento/stats.tsx       | 210 ++++++++
 .../components/docs/bento/team-members.tsx    | 199 +++++++
 .../components/docs/component-page-shell.tsx  | 416 +++++++++++++++
 .../src/components/docs/demo-loader.tsx       | 501 ++++++++++++++++++
 .../ghost-ui/src/components/docs/dock.tsx     | 236 +++++++++
 .../src/components/docs/error-boundary.tsx    |  39 ++
 .../src/components/docs/external-link.tsx     |  40 ++
 .../components/docs/foundations/colors.tsx    | 444 ++++++++++++++++
 .../docs/foundations/typography.tsx           | 297 +++++++++++
 .../ghost-ui/src/components/docs/hero.tsx     | 102 ++++
 .../ghost-ui/src/components/docs/icons.tsx    | 165 ++++++
 .../src/components/docs/open-in-v0-button.tsx |  42 ++
 .../src/components/docs/page-header.tsx       |  53 ++
 .../docs/primitives/accordion-demo.tsx        |  72 +++
 .../components/docs/primitives/alert-demo.tsx | 111 ++++
 .../docs/primitives/alert-dialog-demo.tsx     |  35 ++
 .../docs/primitives/aspect-ratio-demo.tsx     |  18 +
 .../docs/primitives/avatar-demo.tsx           |  92 ++++
 .../components/docs/primitives/badge-demo.tsx |  61 +++
 .../docs/primitives/breadcrumb-demo.tsx       |  49 ++
 .../docs/primitives/button-demo.tsx           | 111 ++++
 .../docs/primitives/calendar-demo.tsx         |  47 ++
 .../components/docs/primitives/card-demo.tsx  | 186 +++++++
 .../docs/primitives/carousel-demo.tsx         |  79 +++
 .../docs/primitives/chart-area-demo.tsx       |  94 ++++
 .../docs/primitives/chart-banded-demo.tsx     | 120 +++++
 .../docs/primitives/chart-bar-demo.tsx        |  80 +++
 .../docs/primitives/chart-bar-mixed.tsx       | 103 ++++
 .../components/docs/primitives/chart-demo.tsx |  23 +
 .../docs/primitives/chart-line-demo.tsx       | 100 ++++
 .../docs/primitives/chart-pie-demo.tsx        | 151 ++++++
 .../docs/primitives/chart-posneg-bar-demo.tsx | 132 +++++
 .../docs/primitives/checkbox-demo.tsx         |  41 ++
 .../docs/primitives/collapsible-demo.tsx      |  46 ++
 .../docs/primitives/combobox-demo.tsx         | 400 ++++++++++++++
 .../docs/primitives/command-demo.tsx          |  87 +++
 .../docs/primitives/component-wrapper.tsx     | 161 ++++++
 .../docs/primitives/context-menu-demo.tsx     |  79 +++
 .../docs/primitives/date-picker-demo.tsx      |  93 ++++
 .../docs/primitives/dialog-demo.tsx           | 133 +++++
 .../docs/primitives/drawer-demo.tsx           | 213 ++++++++
 .../docs/primitives/dropdown-menu-demo.tsx    | 368 +++++++++++++
 .../components/docs/primitives/form-demo.tsx  | 424 +++++++++++++++
 .../components/docs/primitives/forms-demo.tsx | 228 ++++++++
 .../docs/primitives/hover-card-demo.tsx       |  39 ++
 .../src/components/docs/primitives/index.tsx  | 200 +++++++
 .../components/docs/primitives/input-demo.tsx |  23 +
 .../docs/primitives/input-otp-demo.tsx        | 109 ++++
 .../components/docs/primitives/label-demo.tsx |  27 +
 .../docs/primitives/menubar-demo.tsx          | 130 +++++
 .../docs/primitives/navigation-menu-demo.tsx  | 225 ++++++++
 .../docs/primitives/pagination-demo.tsx       |  40 ++
 .../docs/primitives/popover-demo.tsx          |  64 +++
 .../docs/primitives/progress-demo.tsx         |  16 +
 .../docs/primitives/radio-group-demo.tsx      |  59 +++
 .../docs/primitives/resizable-demo.tsx        |  70 +++
 .../docs/primitives/scroll-area-demo.tsx      |  74 +++
 .../docs/primitives/select-demo.tsx           |  93 ++++
 .../docs/primitives/separator-demo.tsx        |  22 +
 .../components/docs/primitives/sheet-demo.tsx |  95 ++++
 .../docs/primitives/skeleton-demo.tsx         |  29 +
 .../docs/primitives/slider-demo.tsx           |  44 ++
 .../docs/primitives/sonner-demo.tsx           | 132 +++++
 .../docs/primitives/switch-demo.tsx           |  34 ++
 .../components/docs/primitives/table-demo.tsx |  87 +++
 .../components/docs/primitives/tabs-demo.tsx  | 103 ++++
 .../docs/primitives/textarea-demo.tsx         |  40 ++
 .../docs/primitives/toggle-demo.tsx           |  40 ++
 .../docs/primitives/toggle-group-demo.tsx     |  72 +++
 .../docs/primitives/tooltip-demo.tsx          |  49 ++
 .../src/components/docs/registry-sidebar.tsx  | 187 +++++++
 .../src/components/docs/tooltip-wrapper.tsx   |  35 ++
 .../ghost-ui/src/components/docs/wrappers.tsx |  92 ++++
 .../ghost-ui/src/fonts/HKGrotesk-Black.woff2  | Bin 0 -> 35048 bytes
 .../ghost-ui/src/fonts/HKGrotesk-Bold.woff2   | Bin 0 -> 36184 bytes
 .../src/fonts/HKGrotesk-ExtraBold.woff2       | Bin 0 -> 36248 bytes
 .../ghost-ui/src/fonts/HKGrotesk-Light.woff2  | Bin 0 -> 37020 bytes
 .../ghost-ui/src/fonts/HKGrotesk-Medium.woff2 | Bin 0 -> 35524 bytes
 .../src/fonts/HKGrotesk-Regular.woff2         | Bin 0 -> 34456 bytes
 .../src/fonts/HKGrotesk-SemiBold.woff2        | Bin 0 -> 35504 bytes
 .../ghost-ui/src/hooks/use-scroll-reveal.ts   |   4 +-
 packages/ghost-ui/src/lib/component-source.ts |  41 +-
 packages/ghost-ui/src/main.tsx                |  13 +
 packages/ghost-ui/src/styles/main.css         |  55 +-
 packages/ghost-ui/src/vite-env.d.ts           |   1 +
 packages/ghost-ui/tsconfig.json               |  23 +-
 packages/ghost-ui/vite.config.ts              |  14 +
 pnpm-lock.yaml                                | 383 ++++++++-----
 162 files changed, 14432 insertions(+), 169 deletions(-)
 create mode 100644 packages/ghost-ui/index.html
 create mode 100644 packages/ghost-ui/public/placeholder.svg
 create mode 100644 packages/ghost-ui/src/App.tsx
 create mode 100644 packages/ghost-ui/src/app/components/[name]/page.tsx
 create mode 100644 packages/ghost-ui/src/app/components/page.tsx
 create mode 100644 packages/ghost-ui/src/app/foundations/colors/page.tsx
 create mode 100644 packages/ghost-ui/src/app/foundations/page.tsx
 create mode 100644 packages/ghost-ui/src/app/foundations/typography/page.tsx
 create mode 100644 packages/ghost-ui/src/app/page.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/agent-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/artifact-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/attachments-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/audio-player-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/canvas-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/chain-of-thought-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/checkpoint-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/code-block-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/commit-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/confirmation-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/connection-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/context-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/controls-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/conversation-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/edge-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/environment-variables-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/file-tree-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/image-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/index.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/inline-citation-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/jsx-preview-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/message-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/mic-selector-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/model-selector-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/node-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/open-in-chat-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/package-info-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/panel-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/persona-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/plan-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/prompt-input-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/queue-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/reasoning-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/sandbox-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/schema-display-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/shimmer-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/snippet-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/sources-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/speech-input-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/stack-trace-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/suggestion-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/task-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/terminal-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/test-results-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/tool-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/toolbar-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/transcription-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/voice-selector-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/ai-elements/web-preview-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/animated-page-header.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/bento/activity-goal.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/bento/calendar.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/bento/chat.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/bento/cookie-settings.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/bento/create-account.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/bento/data-table.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/bento/index.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/bento/metric.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/bento/payment-amount.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/bento/payment-method.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/bento/report-issue.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/bento/share.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/bento/stats.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/bento/team-members.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/component-page-shell.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/demo-loader.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/dock.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/error-boundary.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/external-link.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/foundations/colors.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/foundations/typography.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/hero.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/icons.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/open-in-v0-button.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/page-header.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/accordion-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/alert-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/alert-dialog-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/aspect-ratio-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/avatar-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/badge-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/breadcrumb-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/button-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/calendar-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/card-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/carousel-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/chart-area-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/chart-banded-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/chart-bar-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/chart-bar-mixed.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/chart-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/chart-line-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/chart-pie-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/chart-posneg-bar-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/checkbox-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/collapsible-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/combobox-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/command-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/component-wrapper.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/context-menu-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/date-picker-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/dialog-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/drawer-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/dropdown-menu-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/form-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/forms-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/hover-card-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/index.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/input-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/input-otp-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/label-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/menubar-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/navigation-menu-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/pagination-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/popover-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/progress-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/radio-group-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/resizable-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/scroll-area-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/select-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/separator-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/sheet-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/skeleton-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/slider-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/sonner-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/switch-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/table-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/tabs-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/textarea-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/toggle-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/toggle-group-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/primitives/tooltip-demo.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/registry-sidebar.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/tooltip-wrapper.tsx
 create mode 100644 packages/ghost-ui/src/components/docs/wrappers.tsx
 create mode 100644 packages/ghost-ui/src/fonts/HKGrotesk-Black.woff2
 create mode 100644 packages/ghost-ui/src/fonts/HKGrotesk-Bold.woff2
 create mode 100644 packages/ghost-ui/src/fonts/HKGrotesk-ExtraBold.woff2
 create mode 100644 packages/ghost-ui/src/fonts/HKGrotesk-Light.woff2
 create mode 100644 packages/ghost-ui/src/fonts/HKGrotesk-Medium.woff2
 create mode 100644 packages/ghost-ui/src/fonts/HKGrotesk-Regular.woff2
 create mode 100644 packages/ghost-ui/src/fonts/HKGrotesk-SemiBold.woff2
 create mode 100644 packages/ghost-ui/src/main.tsx
 create mode 100644 packages/ghost-ui/src/vite-env.d.ts
 create mode 100644 packages/ghost-ui/vite.config.ts

diff --git a/justfile b/justfile
index d223cd3..2ce8d9b 100644
--- a/justfile
+++ b/justfile
@@ -39,6 +39,20 @@ test:
 test-watch:
     pnpm test:watch
 
+# ── Run ──────────────────────────────────────────────────────
+
+# Run ghost-ui catalogue dev server
+dev:
+    cd packages/ghost-ui && pnpm dev
+
+# Build ghost-ui catalogue (static export)
+build-ui:
+    cd packages/ghost-ui && pnpm build
+
+# Build ghost-ui shadcn registry
+build-registry:
+    cd packages/ghost-ui && pnpm build:registry
+
 # ── Utilities ────────────────────────────────────────────────
 
 # Clean build artifacts
diff --git a/packages/ghost-ui/components.json b/packages/ghost-ui/components.json
index 9999f29..50d02bf 100644
--- a/packages/ghost-ui/components.json
+++ b/packages/ghost-ui/components.json
@@ -1,7 +1,7 @@
 {
   "$schema": "https://ui.shadcn.com/schema.json",
   "style": "default",
-  "rsc": true,
+  "rsc": false,
   "tsx": true,
   "tailwind": {
     "config": "",
diff --git a/packages/ghost-ui/index.html b/packages/ghost-ui/index.html
new file mode 100644
index 0000000..3c9dc3b
--- /dev/null
+++ b/packages/ghost-ui/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Ghost UI</title>
+    <meta name="description" content="A world-class component design system." />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/packages/ghost-ui/package.json b/packages/ghost-ui/package.json
index 6d32d38..833f9d1 100644
--- a/packages/ghost-ui/package.json
+++ b/packages/ghost-ui/package.json
@@ -4,8 +4,12 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "build": "shadcn build",
-    "typecheck": "tsc --noEmit"
+    "dev": "vite",
+    "build": "tsc --noEmit && vite build",
+    "preview": "vite preview",
+    "build:registry": "shadcn build",
+    "typecheck": "tsc --noEmit",
+    "generate:icons": "npx tsx scripts/generate-icons.ts"
   },
   "dependencies": {
     "@hookform/resolvers": "^5.2.2",
@@ -60,6 +64,7 @@
     "react-hook-form": "^7.72.0",
     "react-jsx-parser": "^2.4.1",
     "react-resizable-panels": "^4.8.0",
+    "react-router": "^7.5.0",
     "recharts": "^3.8.1",
     "shiki": "^4.0.2",
     "smart-registry": "^1.16.0",
@@ -79,14 +84,16 @@
     "react-dom": ">=19.0.0"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "^4.2.2",
+    "@tailwindcss/vite": "^4.2.2",
     "@types/node": "^22.0.0",
     "@types/react": "19.1.2",
     "@types/react-dom": "19.1.2",
+    "@vitejs/plugin-react": "^4.4.1",
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "shadcn": "4.1.1",
     "tailwindcss": "^4.2.2",
-    "typescript": "^5.7.0"
+    "typescript": "^5.7.0",
+    "vite": "^6.3.0"
   }
 }
diff --git a/packages/ghost-ui/public/placeholder.svg b/packages/ghost-ui/public/placeholder.svg
new file mode 100644
index 0000000..95e9d5a
--- /dev/null
+++ b/packages/ghost-ui/public/placeholder.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" viewBox="0 0 500 500">
+  <rect width="500" height="500" fill="#e5e5e5"/>
+  <text x="250" y="250" text-anchor="middle" dominant-baseline="central" font-family="sans-serif" font-size="20" fill="#999">Placeholder</text>
+</svg>
diff --git a/packages/ghost-ui/src/App.tsx b/packages/ghost-ui/src/App.tsx
new file mode 100644
index 0000000..aebf5cd
--- /dev/null
+++ b/packages/ghost-ui/src/App.tsx
@@ -0,0 +1,32 @@
+import { Route, Routes } from "react-router";
+import ComponentPage from "@/app/components/[name]/page";
+import ComponentsIndex from "@/app/components/page";
+import ColorsPage from "@/app/foundations/colors/page";
+import FoundationsIndex from "@/app/foundations/page";
+import TypographyPage from "@/app/foundations/typography/page";
+import HomePage from "@/app/page";
+import { Dock } from "@/components/docs/dock";
+import { ThemeProvider } from "@/components/theme/ThemeProvider";
+
+export function App() {
+  return (
+    <ThemeProvider
+      attribute="class"
+      defaultTheme="system"
+      enableSystem
+      disableTransitionOnChange
+    >
+      <Dock />
+      <main className="min-h-screen">
+        <Routes>
+          <Route index element={<HomePage />} />
+          <Route path="components" element={<ComponentsIndex />} />
+          <Route path="components/:name" element={<ComponentPage />} />
+          <Route path="foundations" element={<FoundationsIndex />} />
+          <Route path="foundations/colors" element={<ColorsPage />} />
+          <Route path="foundations/typography" element={<TypographyPage />} />
+        </Routes>
+      </main>
+    </ThemeProvider>
+  );
+}
diff --git a/packages/ghost-ui/src/app/components/[name]/page.tsx b/packages/ghost-ui/src/app/components/[name]/page.tsx
new file mode 100644
index 0000000..0f2cba3
--- /dev/null
+++ b/packages/ghost-ui/src/app/components/[name]/page.tsx
@@ -0,0 +1,56 @@
+import { Navigate, useParams } from "react-router";
+import { ComponentPageShell } from "@/components/docs/component-page-shell";
+import {
+  getCategory,
+  getComponent,
+  getComponentsByCategory,
+} from "@/lib/component-registry";
+import { getComponentSpec } from "@/lib/component-source";
+
+// ── Import demo source files as raw strings at build time ──
+
+const demoSourceModules = import.meta.glob(
+  [
+    "/src/components/docs/primitives/*-demo.tsx",
+    "/src/components/docs/ai-elements/*-demo.tsx",
+  ],
+  { query: "?raw", eager: true },
+) as Record<string, { default: string }>;
+
+function getDemoSource(
+  slug: string,
+  source: "primitives" | "ai-elements",
+): string | null {
+  const key = `/src/components/docs/${source}/${slug}-demo.tsx`;
+  return demoSourceModules[key]?.default ?? null;
+}
+
+export default function ComponentPage() {
+  const { name } = useParams<{ name: string }>();
+
+  if (!name) return <Navigate to="/components" replace />;
+
+  const component = getComponent(name);
+  if (!component) return <Navigate to="/components" replace />;
+
+  const category = getCategory(component.primaryCategory);
+  const siblings = getComponentsByCategory(component.primaryCategory);
+  const currentIndex = siblings.findIndex((c) => c.slug === name);
+  const prev = currentIndex > 0 ? siblings[currentIndex - 1] : null;
+  const next =
+    currentIndex < siblings.length - 1 ? siblings[currentIndex + 1] : null;
+
+  const demoSource = getDemoSource(component.slug, component.demoSource);
+  const spec = getComponentSpec(component.slug);
+
+  return (
+    <ComponentPageShell
+      component={component}
+      categoryName={category?.name ?? component.primaryCategory}
+      demoSource={demoSource}
+      spec={spec}
+      prev={prev ? { slug: prev.slug, name: prev.name } : null}
+      next={next ? { slug: next.slug, name: next.name } : null}
+    />
+  );
+}
diff --git a/packages/ghost-ui/src/app/components/page.tsx b/packages/ghost-ui/src/app/components/page.tsx
new file mode 100644
index 0000000..70d3265
--- /dev/null
+++ b/packages/ghost-ui/src/app/components/page.tsx
@@ -0,0 +1,73 @@
+"use client";
+
+import { Link } from "react-router";
+import { AnimatedPageHeader } from "@/components/docs/animated-page-header";
+import { SectionWrapper } from "@/components/docs/wrappers";
+import { useStaggerReveal } from "@/hooks/use-scroll-reveal";
+import { categories, getComponentsByCategory } from "@/lib/component-registry";
+
+export default function ComponentsIndex() {
+  return (
+    <SectionWrapper>
+      <AnimatedPageHeader
+        kicker="Registry"
+        title="Components"
+        description="Production-ready building blocks. Every component follows Ghost UI — pill-first, monochromatic, accessible."
+      />
+
+      <div className="grid gap-12 pb-16">
+        {categories.map((cat) => {
+          const items = getComponentsByCategory(cat.slug);
+          if (items.length === 0) return null;
+          return (
+            <CategorySection
+              key={cat.slug}
+              name={cat.name}
+              description={cat.description}
+              items={items}
+            />
+          );
+        })}
+      </div>
+    </SectionWrapper>
+  );
+}
+
+function CategorySection({
+  name,
+  description,
+  items,
+}: {
+  name: string;
+  description: string;
+  items: { slug: string; name: string }[];
+}) {
+  const ref = useStaggerReveal<HTMLDivElement>(".component-card", {
+    stagger: 0.04,
+    y: 24,
+    duration: 0.6,
+  });
+
+  return (
+    <div ref={ref}>
+      <h2
+        className="font-display font-bold tracking-[-0.02em] mb-1"
+        style={{ fontSize: "var(--heading-sub-font-size)" }}
+      >
+        {name}
+      </h2>
+      <p className="text-sm text-muted-foreground mb-5">{description}</p>
+      <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-3">
+        {items.map((item) => (
+          <Link
+            key={item.slug}
+            to={`/components/${item.slug}`}
+            className="component-card group rounded-[var(--radius-card-sm)] border border-border-card bg-card p-4 transition-all duration-200 hover:scale-[1.03] hover:shadow-elevated"
+          >
+            <span className="text-sm font-medium">{item.name}</span>
+          </Link>
+        ))}
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/app/foundations/colors/page.tsx b/packages/ghost-ui/src/app/foundations/colors/page.tsx
new file mode 100644
index 0000000..25648da
--- /dev/null
+++ b/packages/ghost-ui/src/app/foundations/colors/page.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import { AnimatedPageHeader } from "@/components/docs/animated-page-header";
+import { ColorsDemos } from "@/components/docs/foundations/colors";
+import { SectionWrapper } from "@/components/docs/wrappers";
+import { useScrollReveal } from "@/hooks/use-scroll-reveal";
+
+export default function ColorsPage() {
+  const contentRef = useScrollReveal<HTMLDivElement>({
+    y: 50,
+    duration: 0.9,
+    ease: "expo.out",
+  });
+
+  return (
+    <>
+      <SectionWrapper>
+        <AnimatedPageHeader
+          kicker="Foundations"
+          title="Colors"
+          description="A pure monochromatic scale with selective semantic color for status and utility."
+        />
+      </SectionWrapper>
+
+      <SectionWrapper>
+        <div ref={contentRef}>
+          <ColorsDemos />
+        </div>
+      </SectionWrapper>
+    </>
+  );
+}
diff --git a/packages/ghost-ui/src/app/foundations/page.tsx b/packages/ghost-ui/src/app/foundations/page.tsx
new file mode 100644
index 0000000..f8721e3
--- /dev/null
+++ b/packages/ghost-ui/src/app/foundations/page.tsx
@@ -0,0 +1,100 @@
+"use client";
+
+import { type ReactNode } from "react";
+import { Link } from "react-router";
+import { AnimatedPageHeader } from "@/components/docs/animated-page-header";
+import { SectionWrapper } from "@/components/docs/wrappers";
+import { useStaggerReveal } from "@/hooks/use-scroll-reveal";
+
+function ColorsVisual() {
+  return (
+    <div className="flex items-end gap-1.5 h-16">
+      {[
+        "bg-foreground",
+        "bg-foreground/80",
+        "bg-foreground/60",
+        "bg-foreground/40",
+        "bg-foreground/20",
+        "bg-foreground/10",
+      ].map((bg, i) => (
+        <div
+          key={i}
+          className={`${bg} rounded-sm flex-1 transition-all duration-300`}
+          style={{ height: `${100 - i * 14}%` }}
+        />
+      ))}
+    </div>
+  );
+}
+
+function TypographyVisual() {
+  return (
+    <div className="flex flex-col gap-1.5 h-16 justify-center">
+      <div className="h-3 w-3/4 rounded-full bg-foreground" />
+      <div className="h-2 w-full rounded-full bg-foreground/40" />
+      <div className="h-2 w-5/6 rounded-full bg-foreground/20" />
+      <div className="h-2 w-2/3 rounded-full bg-foreground/20" />
+    </div>
+  );
+}
+
+const foundations: {
+  name: string;
+  href: string;
+  description: string;
+  visual: ReactNode;
+}[] = [
+  {
+    name: "Colors",
+    href: "/foundations/colors",
+    description:
+      "A pure monochromatic scale with selective semantic color for status and utility.",
+    visual: <ColorsVisual />,
+  },
+  {
+    name: "Typography",
+    href: "/foundations/typography",
+    description:
+      "Magazine-grade hierarchy with HK Grotesk. Display for headers, Regular for body, Mono for data.",
+    visual: <TypographyVisual />,
+  },
+];
+
+export default function FoundationsIndex() {
+  const ref = useStaggerReveal<HTMLDivElement>(".foundation-card", {
+    stagger: 0.06,
+    y: 30,
+    duration: 0.7,
+  });
+
+  return (
+    <SectionWrapper>
+      <AnimatedPageHeader
+        kicker="Foundations"
+        title="Foundations"
+        description="The building blocks that underpin every component. Color, type, and iconography — tuned for Ghost UI."
+      />
+
+      <div
+        ref={ref}
+        className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3 pb-16 overflow-visible"
+      >
+        {foundations.map((item) => (
+          <Link
+            key={item.href}
+            to={item.href}
+            className="foundation-card group rounded-[var(--radius-card-sm)] border border-border-card bg-card p-10 transition-all duration-200 hover:scale-[1.03] hover:shadow-elevated"
+          >
+            <div className="mb-6">{item.visual}</div>
+            <span className="font-display text-lg font-bold tracking-tight">
+              {item.name}
+            </span>
+            <p className="mt-2 text-sm text-muted-foreground leading-relaxed">
+              {item.description}
+            </p>
+          </Link>
+        ))}
+      </div>
+    </SectionWrapper>
+  );
+}
diff --git a/packages/ghost-ui/src/app/foundations/typography/page.tsx b/packages/ghost-ui/src/app/foundations/typography/page.tsx
new file mode 100644
index 0000000..f54784f
--- /dev/null
+++ b/packages/ghost-ui/src/app/foundations/typography/page.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import { AnimatedPageHeader } from "@/components/docs/animated-page-header";
+import { TypographyDemos } from "@/components/docs/foundations/typography";
+import { SectionWrapper } from "@/components/docs/wrappers";
+import { useScrollReveal } from "@/hooks/use-scroll-reveal";
+
+export default function TypographyPage() {
+  const contentRef = useScrollReveal<HTMLDivElement>({
+    y: 50,
+    duration: 0.9,
+    ease: "expo.out",
+  });
+
+  return (
+    <>
+      <SectionWrapper>
+        <AnimatedPageHeader
+          kicker="Foundations"
+          title="Typography"
+          description="Magazine-grade hierarchy with HK Grotesk. Display for headers, Regular for body, Mono for data."
+        />
+      </SectionWrapper>
+
+      <SectionWrapper>
+        <div ref={contentRef}>
+          <TypographyDemos />
+        </div>
+      </SectionWrapper>
+    </>
+  );
+}
diff --git a/packages/ghost-ui/src/app/page.tsx b/packages/ghost-ui/src/app/page.tsx
new file mode 100644
index 0000000..9ee37ba
--- /dev/null
+++ b/packages/ghost-ui/src/app/page.tsx
@@ -0,0 +1,5 @@
+import { Hero } from "@/components/docs/hero";
+
+export default function Home() {
+  return <Hero />;
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/agent-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/agent-demo.tsx
new file mode 100644
index 0000000..574f7bc
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/agent-demo.tsx
@@ -0,0 +1,89 @@
+"use client";
+
+import {
+  Agent,
+  AgentContent,
+  AgentHeader,
+  AgentInstructions,
+  AgentOutput,
+  AgentTool,
+  AgentTools,
+} from "@/components/ai-elements/agent";
+
+export function AgentDemo() {
+  return (
+    <div className="grid max-w-2xl gap-6">
+      <Agent>
+        <AgentHeader name="Research Assistant" model="gpt-4o" />
+        <AgentContent>
+          <AgentInstructions>
+            You are a research assistant that helps users find and summarize
+            academic papers. Use the provided tools to search databases and
+            retrieve relevant publications. Always cite your sources.
+          </AgentInstructions>
+          <AgentTools type="multiple" defaultValue={["search"]}>
+            <AgentTool
+              value="search"
+              tool={
+                {
+                  description: "Search academic databases for papers",
+                  inputSchema: {
+                    type: "object",
+                    properties: {
+                      query: { type: "string", description: "Search query" },
+                      limit: {
+                        type: "number",
+                        description: "Maximum results to return",
+                      },
+                    },
+                    required: ["query"],
+                  },
+                } as any
+              }
+            />
+            <AgentTool
+              value="summarize"
+              tool={
+                {
+                  description: "Summarize a paper given its content",
+                  inputSchema: {
+                    type: "object",
+                    properties: {
+                      content: {
+                        type: "string",
+                        description: "The paper content to summarize",
+                      },
+                      maxLength: {
+                        type: "number",
+                        description: "Maximum summary length in words",
+                      },
+                    },
+                    required: ["content"],
+                  },
+                } as any
+              }
+            />
+          </AgentTools>
+          <AgentOutput
+            schema={`interface ResearchResult {
+  title: string;
+  authors: string[];
+  summary: string;
+  relevanceScore: number;
+}`}
+          />
+        </AgentContent>
+      </Agent>
+
+      <Agent>
+        <AgentHeader name="Code Reviewer" model="claude-3.5-sonnet" />
+        <AgentContent>
+          <AgentInstructions>
+            Review code for best practices, potential bugs, and performance
+            issues. Provide actionable feedback with specific line references.
+          </AgentInstructions>
+        </AgentContent>
+      </Agent>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/artifact-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/artifact-demo.tsx
new file mode 100644
index 0000000..9caf114
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/artifact-demo.tsx
@@ -0,0 +1,67 @@
+"use client";
+
+import { CopyIcon, DownloadIcon, ShareIcon } from "lucide-react";
+import {
+  Artifact,
+  ArtifactAction,
+  ArtifactActions,
+  ArtifactClose,
+  ArtifactContent,
+  ArtifactDescription,
+  ArtifactHeader,
+  ArtifactTitle,
+} from "@/components/ai-elements/artifact";
+
+export function ArtifactDemo() {
+  return (
+    <div className="grid max-w-2xl gap-6">
+      <Artifact>
+        <ArtifactHeader>
+          <div>
+            <ArtifactTitle>React Component</ArtifactTitle>
+            <ArtifactDescription>
+              A reusable button component with variants
+            </ArtifactDescription>
+          </div>
+          <ArtifactActions>
+            <ArtifactAction tooltip="Copy" icon={CopyIcon} />
+            <ArtifactAction tooltip="Download" icon={DownloadIcon} />
+            <ArtifactAction tooltip="Share" icon={ShareIcon} />
+            <ArtifactClose />
+          </ArtifactActions>
+        </ArtifactHeader>
+        <ArtifactContent>
+          <pre className="font-mono text-sm">
+            {`export function Button({ variant = "primary", children }) {
+  return (
+    <button className={styles[variant]}>
+      {children}
+    </button>
+  );
+}`}
+          </pre>
+        </ArtifactContent>
+      </Artifact>
+
+      <Artifact>
+        <ArtifactHeader>
+          <div>
+            <ArtifactTitle>SVG Illustration</ArtifactTitle>
+            <ArtifactDescription>
+              Generated logo design concept
+            </ArtifactDescription>
+          </div>
+          <ArtifactActions>
+            <ArtifactAction tooltip="Download" icon={DownloadIcon} />
+            <ArtifactClose />
+          </ArtifactActions>
+        </ArtifactHeader>
+        <ArtifactContent className="flex items-center justify-center py-12">
+          <div className="flex size-24 items-center justify-center rounded-2xl bg-gradient-to-br from-blue-500 to-purple-600 font-bold text-3xl text-white">
+            AI
+          </div>
+        </ArtifactContent>
+      </Artifact>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/attachments-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/attachments-demo.tsx
new file mode 100644
index 0000000..11f1bf3
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/attachments-demo.tsx
@@ -0,0 +1,83 @@
+"use client";
+
+import {
+  Attachment,
+  AttachmentEmpty,
+  AttachmentInfo,
+  AttachmentPreview,
+  AttachmentRemove,
+  Attachments,
+} from "@/components/ai-elements/attachments";
+
+const mockAttachments = [
+  {
+    id: "1",
+    type: "file" as const,
+    mediaType: "image/png",
+    filename: "screenshot.png",
+    url: "https://picsum.photos/seed/attach1/200/200",
+  },
+  {
+    id: "2",
+    type: "file" as const,
+    mediaType: "application/pdf",
+    filename: "quarterly-report.pdf",
+    url: "",
+  },
+  {
+    id: "3",
+    type: "file" as const,
+    mediaType: "audio/mp3",
+    filename: "recording.mp3",
+    url: "",
+  },
+];
+
+export function AttachmentsDemo() {
+  return (
+    <div className="space-y-8">
+      <div className="space-y-2">
+        <p className="text-muted-foreground text-sm">Grid variant</p>
+        <Attachments variant="grid">
+          {mockAttachments.map((file) => (
+            <Attachment key={file.id} data={file} onRemove={() => {}}>
+              <AttachmentPreview />
+              <AttachmentRemove />
+            </Attachment>
+          ))}
+        </Attachments>
+      </div>
+
+      <div className="space-y-2">
+        <p className="text-muted-foreground text-sm">Inline variant</p>
+        <Attachments variant="inline">
+          {mockAttachments.map((file) => (
+            <Attachment key={file.id} data={file} onRemove={() => {}}>
+              <AttachmentPreview />
+              <AttachmentInfo />
+              <AttachmentRemove />
+            </Attachment>
+          ))}
+        </Attachments>
+      </div>
+
+      <div className="space-y-2">
+        <p className="text-muted-foreground text-sm">List variant</p>
+        <Attachments variant="list">
+          {mockAttachments.map((file) => (
+            <Attachment key={file.id} data={file} onRemove={() => {}}>
+              <AttachmentPreview />
+              <AttachmentInfo showMediaType />
+              <AttachmentRemove />
+            </Attachment>
+          ))}
+        </Attachments>
+      </div>
+
+      <div className="space-y-2">
+        <p className="text-muted-foreground text-sm">Empty state</p>
+        <AttachmentEmpty />
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/audio-player-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/audio-player-demo.tsx
new file mode 100644
index 0000000..52c5ce9
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/audio-player-demo.tsx
@@ -0,0 +1,53 @@
+"use client";
+
+import {
+  AudioPlayer,
+  AudioPlayerControlBar,
+  AudioPlayerDurationDisplay,
+  AudioPlayerElement,
+  AudioPlayerMuteButton,
+  AudioPlayerPlayButton,
+  AudioPlayerSeekBackwardButton,
+  AudioPlayerSeekForwardButton,
+  AudioPlayerTimeDisplay,
+  AudioPlayerTimeRange,
+  AudioPlayerVolumeRange,
+} from "@/components/ai-elements/audio-player";
+
+export function AudioPlayerDemo() {
+  return (
+    <div className="flex w-full flex-col gap-6">
+      <div className="flex flex-col gap-2">
+        <p className="text-sm text-muted-foreground">Full audio player</p>
+        <AudioPlayer className="w-full rounded-md border p-2">
+          <AudioPlayerElement src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" />
+          <AudioPlayerControlBar>
+            <AudioPlayerSeekBackwardButton />
+            <AudioPlayerPlayButton />
+            <AudioPlayerSeekForwardButton />
+            <AudioPlayerTimeDisplay />
+            <AudioPlayerTimeRange />
+            <AudioPlayerDurationDisplay />
+            <AudioPlayerMuteButton />
+            <AudioPlayerVolumeRange />
+          </AudioPlayerControlBar>
+        </AudioPlayer>
+      </div>
+
+      <div className="flex flex-col gap-2">
+        <p className="text-sm text-muted-foreground">
+          Minimal player (play, time, scrub)
+        </p>
+        <AudioPlayer className="w-full max-w-sm rounded-md border p-2">
+          <AudioPlayerElement src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" />
+          <AudioPlayerControlBar>
+            <AudioPlayerPlayButton />
+            <AudioPlayerTimeDisplay />
+            <AudioPlayerTimeRange />
+            <AudioPlayerDurationDisplay />
+          </AudioPlayerControlBar>
+        </AudioPlayer>
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/canvas-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/canvas-demo.tsx
new file mode 100644
index 0000000..82a100c
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/canvas-demo.tsx
@@ -0,0 +1,87 @@
+"use client";
+
+import { type NodeTypes, ReactFlowProvider } from "@xyflow/react";
+import { useMemo } from "react";
+import { Canvas } from "@/components/ai-elements/canvas";
+import { Controls } from "@/components/ai-elements/controls";
+import {
+  Node,
+  NodeContent,
+  NodeDescription,
+  NodeHeader,
+  NodeTitle,
+} from "@/components/ai-elements/node";
+
+const InputNode = () => (
+  <Node handles={{ target: false, source: true }}>
+    <NodeHeader>
+      <NodeTitle>User Input</NodeTitle>
+      <NodeDescription>Text prompt</NodeDescription>
+    </NodeHeader>
+    <NodeContent>
+      <p className="text-xs text-muted-foreground">
+        Accepts a natural language query from the user.
+      </p>
+    </NodeContent>
+  </Node>
+);
+
+const ProcessNode = () => (
+  <Node handles={{ target: true, source: true }}>
+    <NodeHeader>
+      <NodeTitle>LLM Processing</NodeTitle>
+      <NodeDescription>GPT-4o</NodeDescription>
+    </NodeHeader>
+    <NodeContent>
+      <p className="text-xs text-muted-foreground">
+        Processes the input and generates a response.
+      </p>
+    </NodeContent>
+  </Node>
+);
+
+const OutputNode = () => (
+  <Node handles={{ target: true, source: false }}>
+    <NodeHeader>
+      <NodeTitle>Response</NodeTitle>
+      <NodeDescription>Markdown output</NodeDescription>
+    </NodeHeader>
+    <NodeContent>
+      <p className="text-xs text-muted-foreground">
+        Displays the generated response to the user.
+      </p>
+    </NodeContent>
+  </Node>
+);
+
+const initialNodes = [
+  { id: "1", type: "input", position: { x: 0, y: 100 }, data: {} },
+  { id: "2", type: "process", position: { x: 500, y: 100 }, data: {} },
+  { id: "3", type: "output", position: { x: 1000, y: 100 }, data: {} },
+];
+
+const initialEdges = [
+  { id: "e1-2", source: "1", target: "2" },
+  { id: "e2-3", source: "2", target: "3" },
+];
+
+export function CanvasDemo() {
+  const nodeTypes: NodeTypes = useMemo(
+    () => ({
+      input: InputNode,
+      output: OutputNode,
+      process: ProcessNode,
+    }),
+    [],
+  );
+
+  return (
+    <ReactFlowProvider>
+      <div className="h-[400px] w-full overflow-hidden rounded-md border">
+        <Canvas nodes={initialNodes} edges={initialEdges} nodeTypes={nodeTypes}>
+          <Controls />
+        </Canvas>
+      </div>
+    </ReactFlowProvider>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/chain-of-thought-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/chain-of-thought-demo.tsx
new file mode 100644
index 0000000..cf46ca0
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/chain-of-thought-demo.tsx
@@ -0,0 +1,52 @@
+"use client";
+
+import { DatabaseIcon, FileTextIcon, SearchIcon } from "lucide-react";
+import {
+  ChainOfThought,
+  ChainOfThoughtContent,
+  ChainOfThoughtHeader,
+  ChainOfThoughtSearchResult,
+  ChainOfThoughtSearchResults,
+  ChainOfThoughtStep,
+} from "@/components/ai-elements/chain-of-thought";
+
+export function ChainOfThoughtDemo() {
+  return (
+    <ChainOfThought defaultOpen>
+      <ChainOfThoughtHeader>Researching climate data</ChainOfThoughtHeader>
+      <ChainOfThoughtContent>
+        <ChainOfThoughtStep
+          icon={SearchIcon}
+          label="Searching for recent climate reports"
+          status="complete"
+        >
+          <ChainOfThoughtSearchResults>
+            <ChainOfThoughtSearchResult>IPCC 2024</ChainOfThoughtSearchResult>
+            <ChainOfThoughtSearchResult>
+              NASA Climate
+            </ChainOfThoughtSearchResult>
+            <ChainOfThoughtSearchResult>NOAA Data</ChainOfThoughtSearchResult>
+          </ChainOfThoughtSearchResults>
+        </ChainOfThoughtStep>
+
+        <ChainOfThoughtStep
+          icon={DatabaseIcon}
+          label="Analyzing temperature datasets"
+          description="Cross-referencing satellite data with ground station measurements"
+          status="complete"
+        />
+
+        <ChainOfThoughtStep
+          icon={FileTextIcon}
+          label="Generating summary"
+          status="active"
+        />
+
+        <ChainOfThoughtStep
+          label="Formatting final response"
+          status="pending"
+        />
+      </ChainOfThoughtContent>
+    </ChainOfThought>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/checkpoint-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/checkpoint-demo.tsx
new file mode 100644
index 0000000..dc3bb84
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/checkpoint-demo.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import {
+  Checkpoint,
+  CheckpointIcon,
+  CheckpointTrigger,
+} from "@/components/ai-elements/checkpoint";
+
+export function CheckpointDemo() {
+  return (
+    <div className="space-y-6">
+      <Checkpoint>
+        <CheckpointIcon />
+        <CheckpointTrigger tooltip="Restore to this checkpoint">
+          Checkpoint 1 — Initial draft
+        </CheckpointTrigger>
+      </Checkpoint>
+
+      <div className="rounded-lg bg-muted/50 p-4 text-muted-foreground text-sm">
+        Some conversation content between checkpoints...
+      </div>
+
+      <Checkpoint>
+        <CheckpointIcon />
+        <CheckpointTrigger tooltip="Restore to this checkpoint">
+          Checkpoint 2 — After revisions
+        </CheckpointTrigger>
+      </Checkpoint>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/code-block-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/code-block-demo.tsx
new file mode 100644
index 0000000..ef20686
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/code-block-demo.tsx
@@ -0,0 +1,79 @@
+"use client";
+
+import {
+  CodeBlock,
+  CodeBlockActions,
+  CodeBlockCopyButton,
+  CodeBlockFilename,
+  CodeBlockHeader,
+  CodeBlockTitle,
+} from "@/components/ai-elements/code-block";
+
+const typescriptCode = `interface User {
+  id: string;
+  name: string;
+  email: string;
+  role: "admin" | "user" | "guest";
+}
+
+async function getUser(id: string): Promise<User> {
+  const response = await fetch(\`/api/users/\${id}\`);
+
+  if (!response.ok) {
+    throw new Error(\`Failed to fetch user: \${response.statusText}\`);
+  }
+
+  return response.json();
+}`;
+
+const cssCode = `.container {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: 1.5rem;
+  padding: 2rem;
+}
+
+.card {
+  border-radius: 0.75rem;
+  background: var(--card-bg);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}`;
+
+const jsonCode = `{
+  "name": "@acme/design-system",
+  "version": "2.4.0",
+  "dependencies": {
+    "react": "^19.0.0",
+    "tailwindcss": "^4.0.0"
+  }
+}`;
+
+export function CodeBlockDemo() {
+  return (
+    <div className="grid max-w-2xl gap-6">
+      <CodeBlock code={typescriptCode} language="typescript" showLineNumbers>
+        <CodeBlockHeader>
+          <CodeBlockTitle>
+            <CodeBlockFilename>lib/api/users.ts</CodeBlockFilename>
+          </CodeBlockTitle>
+          <CodeBlockActions>
+            <CodeBlockCopyButton />
+          </CodeBlockActions>
+        </CodeBlockHeader>
+      </CodeBlock>
+
+      <CodeBlock code={cssCode} language="css">
+        <CodeBlockHeader>
+          <CodeBlockTitle>
+            <CodeBlockFilename>styles/layout.css</CodeBlockFilename>
+          </CodeBlockTitle>
+          <CodeBlockActions>
+            <CodeBlockCopyButton />
+          </CodeBlockActions>
+        </CodeBlockHeader>
+      </CodeBlock>
+
+      <CodeBlock code={jsonCode} language="json" />
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/commit-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/commit-demo.tsx
new file mode 100644
index 0000000..9dafa57
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/commit-demo.tsx
@@ -0,0 +1,122 @@
+"use client";
+
+import {
+  Commit,
+  CommitActions,
+  CommitAuthor,
+  CommitAuthorAvatar,
+  CommitContent,
+  CommitCopyButton,
+  CommitFile,
+  CommitFileAdditions,
+  CommitFileChanges,
+  CommitFileDeletions,
+  CommitFileIcon,
+  CommitFileInfo,
+  CommitFilePath,
+  CommitFileStatus,
+  CommitFiles,
+  CommitHash,
+  CommitHeader,
+  CommitInfo,
+  CommitMessage,
+  CommitMetadata,
+  CommitSeparator,
+  CommitTimestamp,
+} from "@/components/ai-elements/commit";
+
+export function CommitDemo() {
+  return (
+    <div className="grid max-w-2xl gap-6">
+      <Commit>
+        <CommitHeader>
+          <CommitAuthor>
+            <CommitAuthorAvatar initials="NK" />
+          </CommitAuthor>
+          <CommitInfo>
+            <CommitMessage>
+              feat: add user authentication with OAuth2 support
+            </CommitMessage>
+            <CommitMetadata>
+              <CommitHash>a1b2c3d</CommitHash>
+              <CommitSeparator />
+              <CommitTimestamp date={new Date("2026-03-27T12:00:00Z")} />
+            </CommitMetadata>
+          </CommitInfo>
+          <CommitActions>
+            <CommitCopyButton hash="a1b2c3d4e5f6" />
+          </CommitActions>
+        </CommitHeader>
+        <CommitContent>
+          <CommitFiles>
+            <CommitFile>
+              <CommitFileInfo>
+                <CommitFileStatus status="added" />
+                <CommitFileIcon />
+                <CommitFilePath>src/lib/auth/oauth.ts</CommitFilePath>
+              </CommitFileInfo>
+              <CommitFileChanges>
+                <CommitFileAdditions count={142} />
+                <CommitFileDeletions count={0} />
+              </CommitFileChanges>
+            </CommitFile>
+            <CommitFile>
+              <CommitFileInfo>
+                <CommitFileStatus status="modified" />
+                <CommitFileIcon />
+                <CommitFilePath>src/middleware.ts</CommitFilePath>
+              </CommitFileInfo>
+              <CommitFileChanges>
+                <CommitFileAdditions count={23} />
+                <CommitFileDeletions count={5} />
+              </CommitFileChanges>
+            </CommitFile>
+            <CommitFile>
+              <CommitFileInfo>
+                <CommitFileStatus status="deleted" />
+                <CommitFileIcon />
+                <CommitFilePath>src/lib/auth/legacy.ts</CommitFilePath>
+              </CommitFileInfo>
+              <CommitFileChanges>
+                <CommitFileAdditions count={0} />
+                <CommitFileDeletions count={87} />
+              </CommitFileChanges>
+            </CommitFile>
+            <CommitFile>
+              <CommitFileInfo>
+                <CommitFileStatus status="renamed" />
+                <CommitFileIcon />
+                <CommitFilePath>src/config/auth.config.ts</CommitFilePath>
+              </CommitFileInfo>
+              <CommitFileChanges>
+                <CommitFileAdditions count={8} />
+                <CommitFileDeletions count={3} />
+              </CommitFileChanges>
+            </CommitFile>
+          </CommitFiles>
+        </CommitContent>
+      </Commit>
+
+      <Commit>
+        <CommitHeader>
+          <CommitAuthor>
+            <CommitAuthorAvatar initials="JD" />
+          </CommitAuthor>
+          <CommitInfo>
+            <CommitMessage>
+              fix: resolve race condition in data fetching
+            </CommitMessage>
+            <CommitMetadata>
+              <CommitHash>f8e9d0c</CommitHash>
+              <CommitSeparator />
+              <CommitTimestamp date={new Date("2026-03-29T11:00:00Z")} />
+            </CommitMetadata>
+          </CommitInfo>
+          <CommitActions>
+            <CommitCopyButton hash="f8e9d0c1b2a3" />
+          </CommitActions>
+        </CommitHeader>
+      </Commit>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/confirmation-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/confirmation-demo.tsx
new file mode 100644
index 0000000..986e8d0
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/confirmation-demo.tsx
@@ -0,0 +1,70 @@
+"use client";
+
+import {
+  Confirmation,
+  ConfirmationAccepted,
+  ConfirmationAction,
+  ConfirmationActions,
+  ConfirmationRejected,
+  ConfirmationRequest,
+  ConfirmationTitle,
+} from "@/components/ai-elements/confirmation";
+
+export function ConfirmationDemo() {
+  return (
+    <div className="space-y-6">
+      <div className="space-y-2">
+        <p className="text-muted-foreground text-sm">Approval requested</p>
+        <Confirmation approval={{ id: "1" }} state="approval-requested">
+          <ConfirmationTitle>
+            The assistant wants to execute <code>rm -rf ./build</code>
+          </ConfirmationTitle>
+          <ConfirmationRequest>
+            <p className="text-muted-foreground text-sm">
+              This action will delete the build directory. Do you want to
+              proceed?
+            </p>
+          </ConfirmationRequest>
+          <ConfirmationActions>
+            <ConfirmationAction variant="outline">Deny</ConfirmationAction>
+            <ConfirmationAction>Approve</ConfirmationAction>
+          </ConfirmationActions>
+        </Confirmation>
+      </div>
+
+      <div className="space-y-2">
+        <p className="text-muted-foreground text-sm">Accepted</p>
+        <Confirmation
+          approval={{ id: "2", approved: true }}
+          state="output-available"
+        >
+          <ConfirmationTitle>
+            Executed <code>rm -rf ./build</code>
+          </ConfirmationTitle>
+          <ConfirmationAccepted>
+            <p className="text-muted-foreground text-sm">
+              Action was approved and completed successfully.
+            </p>
+          </ConfirmationAccepted>
+        </Confirmation>
+      </div>
+
+      <div className="space-y-2">
+        <p className="text-muted-foreground text-sm">Rejected</p>
+        <Confirmation
+          approval={{ id: "3", approved: false, reason: "Too risky" }}
+          state="output-denied"
+        >
+          <ConfirmationTitle>
+            Blocked <code>rm -rf ./build</code>
+          </ConfirmationTitle>
+          <ConfirmationRejected>
+            <p className="text-muted-foreground text-sm">
+              Action was denied by the user.
+            </p>
+          </ConfirmationRejected>
+        </Confirmation>
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/connection-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/connection-demo.tsx
new file mode 100644
index 0000000..a2aad29
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/connection-demo.tsx
@@ -0,0 +1,70 @@
+"use client";
+
+import { type NodeTypes, ReactFlowProvider } from "@xyflow/react";
+import { useMemo } from "react";
+import { Canvas } from "@/components/ai-elements/canvas";
+import { Connection } from "@/components/ai-elements/connection";
+import {
+  Node,
+  NodeContent,
+  NodeHeader,
+  NodeTitle,
+} from "@/components/ai-elements/node";
+
+const SourceNode = () => (
+  <Node handles={{ target: false, source: true }}>
+    <NodeHeader>
+      <NodeTitle>Source</NodeTitle>
+    </NodeHeader>
+    <NodeContent>
+      <p className="text-xs text-muted-foreground">
+        Drag from the handle to see the custom connection line.
+      </p>
+    </NodeContent>
+  </Node>
+);
+
+const TargetNode = () => (
+  <Node handles={{ target: true, source: false }}>
+    <NodeHeader>
+      <NodeTitle>Target</NodeTitle>
+    </NodeHeader>
+    <NodeContent>
+      <p className="text-xs text-muted-foreground">Drop a connection here.</p>
+    </NodeContent>
+  </Node>
+);
+
+const initialNodes = [
+  { id: "1", type: "source", position: { x: 0, y: 80 }, data: {} },
+  { id: "2", type: "target", position: { x: 500, y: 80 }, data: {} },
+];
+
+export function ConnectionDemo() {
+  const nodeTypes: NodeTypes = useMemo(
+    () => ({
+      source: SourceNode,
+      target: TargetNode,
+    }),
+    [],
+  );
+
+  return (
+    <div className="flex w-full flex-col gap-2">
+      <p className="text-sm text-muted-foreground">
+        Drag from the source handle to see the animated bezier connection line
+        with a circular endpoint indicator.
+      </p>
+      <ReactFlowProvider>
+        <div className="h-[300px] w-full overflow-hidden rounded-md border">
+          <Canvas
+            nodes={initialNodes}
+            edges={[]}
+            nodeTypes={nodeTypes}
+            connectionLineComponent={Connection}
+          />
+        </div>
+      </ReactFlowProvider>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/context-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/context-demo.tsx
new file mode 100644
index 0000000..b17748f
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/context-demo.tsx
@@ -0,0 +1,44 @@
+"use client";
+
+import {
+  Context,
+  ContextContent,
+  ContextContentBody,
+  ContextContentFooter,
+  ContextContentHeader,
+  ContextInputUsage,
+  ContextOutputUsage,
+  ContextTrigger,
+} from "@/components/ai-elements/context";
+
+export function ContextDemo() {
+  return (
+    <Context
+      usedTokens={48000}
+      maxTokens={128000}
+      usage={{
+        inputTokens: 32000,
+        outputTokens: 16000,
+        totalTokens: 48000,
+        inputTokenDetails: {
+          cacheReadTokens: 0,
+          cacheWriteTokens: 0,
+          noCacheTokens: 32000,
+        },
+        outputTokenDetails: { reasoningTokens: 0, textTokens: 16000 },
+      }}
+    >
+      <ContextTrigger />
+      <ContextContent>
+        <ContextContentHeader />
+        <ContextContentBody>
+          <div className="space-y-2">
+            <ContextInputUsage />
+            <ContextOutputUsage />
+          </div>
+        </ContextContentBody>
+        <ContextContentFooter />
+      </ContextContent>
+    </Context>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/controls-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/controls-demo.tsx
new file mode 100644
index 0000000..4c47dd4
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/controls-demo.tsx
@@ -0,0 +1,50 @@
+"use client";
+
+import { type NodeTypes, ReactFlowProvider } from "@xyflow/react";
+import { useMemo } from "react";
+import { Canvas } from "@/components/ai-elements/canvas";
+import { Controls } from "@/components/ai-elements/controls";
+import {
+  Node,
+  NodeContent,
+  NodeHeader,
+  NodeTitle,
+} from "@/components/ai-elements/node";
+
+const SampleNode = () => (
+  <Node handles={{ target: false, source: false }}>
+    <NodeHeader>
+      <NodeTitle>Sample Node</NodeTitle>
+    </NodeHeader>
+    <NodeContent>
+      <p className="text-xs text-muted-foreground">
+        Use the controls in the bottom-left to zoom, fit view, and lock
+        interactions.
+      </p>
+    </NodeContent>
+  </Node>
+);
+
+const initialNodes = [
+  { id: "1", type: "sample", position: { x: 0, y: 0 }, data: {} },
+  { id: "2", type: "sample", position: { x: 400, y: 150 }, data: {} },
+];
+
+export function ControlsDemo() {
+  const nodeTypes: NodeTypes = useMemo(
+    () => ({
+      sample: SampleNode,
+    }),
+    [],
+  );
+
+  return (
+    <ReactFlowProvider>
+      <div className="h-[350px] w-full overflow-hidden rounded-md border">
+        <Canvas nodes={initialNodes} edges={[]} nodeTypes={nodeTypes}>
+          <Controls />
+        </Canvas>
+      </div>
+    </ReactFlowProvider>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/conversation-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/conversation-demo.tsx
new file mode 100644
index 0000000..d7c027b
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/conversation-demo.tsx
@@ -0,0 +1,24 @@
+"use client";
+
+import { MessageSquareIcon } from "lucide-react";
+import {
+  Conversation,
+  ConversationContent,
+  ConversationEmptyState,
+} from "@/components/ai-elements/conversation";
+
+export function ConversationDemo() {
+  return (
+    <div className="h-[300px] rounded-lg border">
+      <Conversation>
+        <ConversationContent>
+          <ConversationEmptyState
+            title="Start a conversation"
+            description="Ask me anything to get started."
+            icon={<MessageSquareIcon className="size-8" />}
+          />
+        </ConversationContent>
+      </Conversation>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/edge-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/edge-demo.tsx
new file mode 100644
index 0000000..065944c
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/edge-demo.tsx
@@ -0,0 +1,87 @@
+"use client";
+
+import {
+  type EdgeTypes,
+  type NodeTypes,
+  ReactFlowProvider,
+} from "@xyflow/react";
+import { useMemo } from "react";
+import { Canvas } from "@/components/ai-elements/canvas";
+import { Edge } from "@/components/ai-elements/edge";
+import { Node, NodeHeader, NodeTitle } from "@/components/ai-elements/node";
+
+const SimpleNode = ({ data }: { data: { label: string } }) => (
+  <Node handles={{ target: true, source: true }}>
+    <NodeHeader>
+      <NodeTitle>{data.label}</NodeTitle>
+    </NodeHeader>
+  </Node>
+);
+
+const initialNodes = [
+  {
+    id: "a1",
+    type: "simple",
+    position: { x: 0, y: 0 },
+    data: { label: "Start" },
+  },
+  {
+    id: "a2",
+    type: "simple",
+    position: { x: 450, y: 0 },
+    data: { label: "Animated" },
+  },
+  {
+    id: "b1",
+    type: "simple",
+    position: { x: 0, y: 150 },
+    data: { label: "Draft" },
+  },
+  {
+    id: "b2",
+    type: "simple",
+    position: { x: 450, y: 150 },
+    data: { label: "Temporary" },
+  },
+];
+
+const initialEdges = [
+  { id: "e-animated", source: "a1", target: "a2", type: "animated" },
+  { id: "e-temporary", source: "b1", target: "b2", type: "temporary" },
+];
+
+export function EdgeDemo() {
+  const nodeTypes: NodeTypes = useMemo(
+    () => ({
+      simple: SimpleNode,
+    }),
+    [],
+  );
+
+  const edgeTypes: EdgeTypes = useMemo(
+    () => ({
+      animated: Edge.Animated,
+      temporary: Edge.Temporary,
+    }),
+    [],
+  );
+
+  return (
+    <div className="flex w-full flex-col gap-2">
+      <p className="text-sm text-muted-foreground">
+        Two edge variants: <strong>Animated</strong> (top, with a traveling dot)
+        and <strong>Temporary</strong> (bottom, dashed line).
+      </p>
+      <ReactFlowProvider>
+        <div className="h-[350px] w-full overflow-hidden rounded-md border">
+          <Canvas
+            nodes={initialNodes}
+            edges={initialEdges}
+            nodeTypes={nodeTypes}
+            edgeTypes={edgeTypes}
+          />
+        </div>
+      </ReactFlowProvider>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/environment-variables-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/environment-variables-demo.tsx
new file mode 100644
index 0000000..0ed62a6
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/environment-variables-demo.tsx
@@ -0,0 +1,74 @@
+"use client";
+
+import {
+  EnvironmentVariable,
+  EnvironmentVariableCopyButton,
+  EnvironmentVariableGroup,
+  EnvironmentVariableName,
+  EnvironmentVariableRequired,
+  EnvironmentVariables,
+  EnvironmentVariablesContent,
+  EnvironmentVariablesHeader,
+  EnvironmentVariablesTitle,
+  EnvironmentVariablesToggle,
+  EnvironmentVariableValue,
+} from "@/components/ai-elements/environment-variables";
+
+export function EnvironmentVariablesDemo() {
+  return (
+    <div className="grid max-w-2xl gap-6">
+      <EnvironmentVariables>
+        <EnvironmentVariablesHeader>
+          <EnvironmentVariablesTitle />
+          <EnvironmentVariablesToggle />
+        </EnvironmentVariablesHeader>
+        <EnvironmentVariablesContent>
+          <EnvironmentVariable
+            name="DATABASE_URL"
+            value="postgresql://user:pass@localhost:5432/mydb"
+          >
+            <EnvironmentVariableGroup>
+              <EnvironmentVariableName />
+              <EnvironmentVariableRequired />
+            </EnvironmentVariableGroup>
+            <EnvironmentVariableGroup>
+              <EnvironmentVariableValue />
+              <EnvironmentVariableCopyButton />
+            </EnvironmentVariableGroup>
+          </EnvironmentVariable>
+          <EnvironmentVariable
+            name="API_KEY"
+            value="sk-proj-abc123def456ghi789"
+          >
+            <EnvironmentVariableGroup>
+              <EnvironmentVariableName />
+              <EnvironmentVariableRequired />
+            </EnvironmentVariableGroup>
+            <EnvironmentVariableGroup>
+              <EnvironmentVariableValue />
+              <EnvironmentVariableCopyButton />
+            </EnvironmentVariableGroup>
+          </EnvironmentVariable>
+          <EnvironmentVariable name="NODE_ENV" value="production">
+            <EnvironmentVariableGroup>
+              <EnvironmentVariableName />
+            </EnvironmentVariableGroup>
+            <EnvironmentVariableGroup>
+              <EnvironmentVariableValue />
+              <EnvironmentVariableCopyButton />
+            </EnvironmentVariableGroup>
+          </EnvironmentVariable>
+          <EnvironmentVariable name="REDIS_URL" value="redis://localhost:6379">
+            <EnvironmentVariableGroup>
+              <EnvironmentVariableName />
+            </EnvironmentVariableGroup>
+            <EnvironmentVariableGroup>
+              <EnvironmentVariableValue />
+              <EnvironmentVariableCopyButton />
+            </EnvironmentVariableGroup>
+          </EnvironmentVariable>
+        </EnvironmentVariablesContent>
+      </EnvironmentVariables>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/file-tree-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/file-tree-demo.tsx
new file mode 100644
index 0000000..85cb305
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/file-tree-demo.tsx
@@ -0,0 +1,39 @@
+"use client";
+
+import {
+  FileTree,
+  FileTreeFile,
+  FileTreeFolder,
+} from "@/components/ai-elements/file-tree";
+
+export function FileTreeDemo() {
+  return (
+    <div className="grid max-w-sm gap-6">
+      <FileTree
+        defaultExpanded={new Set(["src", "src/components", "src/lib"])}
+        selectedPath="src/components/button.tsx"
+      >
+        <FileTreeFolder path="src" name="src">
+          <FileTreeFolder path="src/components" name="components">
+            <FileTreeFile path="src/components/button.tsx" name="button.tsx" />
+            <FileTreeFile path="src/components/card.tsx" name="card.tsx" />
+            <FileTreeFile path="src/components/dialog.tsx" name="dialog.tsx" />
+            <FileTreeFile path="src/components/input.tsx" name="input.tsx" />
+          </FileTreeFolder>
+          <FileTreeFolder path="src/lib" name="lib">
+            <FileTreeFile path="src/lib/utils.ts" name="utils.ts" />
+            <FileTreeFile path="src/lib/api.ts" name="api.ts" />
+          </FileTreeFolder>
+          <FileTreeFolder path="src/styles" name="styles">
+            <FileTreeFile path="src/styles/globals.css" name="globals.css" />
+          </FileTreeFolder>
+          <FileTreeFile path="src/app.tsx" name="app.tsx" />
+          <FileTreeFile path="src/index.ts" name="index.ts" />
+        </FileTreeFolder>
+        <FileTreeFile path="package.json" name="package.json" />
+        <FileTreeFile path="tsconfig.json" name="tsconfig.json" />
+        <FileTreeFile path="README.md" name="README.md" />
+      </FileTree>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/image-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/image-demo.tsx
new file mode 100644
index 0000000..e43b696
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/image-demo.tsx
@@ -0,0 +1,47 @@
+"use client";
+
+import { Image } from "@/components/ai-elements/image";
+
+// A tiny 1x1 transparent PNG placeholder
+const PLACEHOLDER_BASE64 =
+  "iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==";
+
+export function ImageDemo() {
+  return (
+    <div className="flex w-full flex-col gap-6">
+      <p className="text-sm text-muted-foreground">
+        Renders an AI-generated image from base64 data. The component
+        automatically constructs a data URI from the provided media type and
+        base64 string.
+      </p>
+
+      <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
+        <div className="flex flex-col gap-2">
+          <Image
+            base64={PLACEHOLDER_BASE64}
+            uint8Array={new Uint8Array()}
+            mediaType="image/png"
+            alt="AI-generated landscape placeholder"
+            className="aspect-video w-full object-cover"
+          />
+          <span className="text-xs text-muted-foreground">
+            PNG, landscape aspect ratio
+          </span>
+        </div>
+
+        <div className="flex flex-col gap-2">
+          <Image
+            base64={PLACEHOLDER_BASE64}
+            uint8Array={new Uint8Array()}
+            mediaType="image/png"
+            alt="AI-generated portrait placeholder"
+            className="aspect-square w-full object-cover"
+          />
+          <span className="text-xs text-muted-foreground">
+            PNG, square aspect ratio
+          </span>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/index.tsx b/packages/ghost-ui/src/components/docs/ai-elements/index.tsx
new file mode 100644
index 0000000..46e71e0
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/index.tsx
@@ -0,0 +1,238 @@
+"use client";
+
+// Code
+import { AgentDemo } from "@/components/docs/ai-elements/agent-demo";
+import { ArtifactDemo } from "@/components/docs/ai-elements/artifact-demo";
+// Chatbot
+import { AttachmentsDemo } from "@/components/docs/ai-elements/attachments-demo";
+// Voice
+import { AudioPlayerDemo } from "@/components/docs/ai-elements/audio-player-demo";
+// Workflow
+import { CanvasDemo } from "@/components/docs/ai-elements/canvas-demo";
+import { ChainOfThoughtDemo } from "@/components/docs/ai-elements/chain-of-thought-demo";
+import { CheckpointDemo } from "@/components/docs/ai-elements/checkpoint-demo";
+import { CodeBlockDemo } from "@/components/docs/ai-elements/code-block-demo";
+import { CommitDemo } from "@/components/docs/ai-elements/commit-demo";
+import { ConfirmationDemo } from "@/components/docs/ai-elements/confirmation-demo";
+import { ConnectionDemo } from "@/components/docs/ai-elements/connection-demo";
+import { ContextDemo } from "@/components/docs/ai-elements/context-demo";
+import { ControlsDemo } from "@/components/docs/ai-elements/controls-demo";
+import { ConversationDemo } from "@/components/docs/ai-elements/conversation-demo";
+import { EdgeDemo } from "@/components/docs/ai-elements/edge-demo";
+import { EnvironmentVariablesDemo } from "@/components/docs/ai-elements/environment-variables-demo";
+import { FileTreeDemo } from "@/components/docs/ai-elements/file-tree-demo";
+// Utilities
+import { ImageDemo } from "@/components/docs/ai-elements/image-demo";
+import { InlineCitationDemo } from "@/components/docs/ai-elements/inline-citation-demo";
+import { JsxPreviewDemo } from "@/components/docs/ai-elements/jsx-preview-demo";
+import { MessageDemo } from "@/components/docs/ai-elements/message-demo";
+import { MicSelectorDemo } from "@/components/docs/ai-elements/mic-selector-demo";
+import { ModelSelectorDemo } from "@/components/docs/ai-elements/model-selector-demo";
+import { NodeDemo } from "@/components/docs/ai-elements/node-demo";
+import { OpenInChatDemo } from "@/components/docs/ai-elements/open-in-chat-demo";
+import { PackageInfoDemo } from "@/components/docs/ai-elements/package-info-demo";
+import { PanelDemo } from "@/components/docs/ai-elements/panel-demo";
+import { PersonaDemo } from "@/components/docs/ai-elements/persona-demo";
+import { PlanDemo } from "@/components/docs/ai-elements/plan-demo";
+import { PromptInputDemo } from "@/components/docs/ai-elements/prompt-input-demo";
+import { QueueDemo } from "@/components/docs/ai-elements/queue-demo";
+import { ReasoningDemo } from "@/components/docs/ai-elements/reasoning-demo";
+import { SandboxDemo } from "@/components/docs/ai-elements/sandbox-demo";
+import { SchemaDisplayDemo } from "@/components/docs/ai-elements/schema-display-demo";
+import { ShimmerDemo } from "@/components/docs/ai-elements/shimmer-demo";
+import { SnippetDemo } from "@/components/docs/ai-elements/snippet-demo";
+import { SourcesDemo } from "@/components/docs/ai-elements/sources-demo";
+import { SpeechInputDemo } from "@/components/docs/ai-elements/speech-input-demo";
+import { StackTraceDemo } from "@/components/docs/ai-elements/stack-trace-demo";
+import { SuggestionDemo } from "@/components/docs/ai-elements/suggestion-demo";
+import { TaskDemo } from "@/components/docs/ai-elements/task-demo";
+import { TerminalDemo } from "@/components/docs/ai-elements/terminal-demo";
+import { TestResultsDemo } from "@/components/docs/ai-elements/test-results-demo";
+import { ToolDemo } from "@/components/docs/ai-elements/tool-demo";
+import { ToolbarDemo } from "@/components/docs/ai-elements/toolbar-demo";
+import { TranscriptionDemo } from "@/components/docs/ai-elements/transcription-demo";
+import { VoiceSelectorDemo } from "@/components/docs/ai-elements/voice-selector-demo";
+import { WebPreviewDemo } from "@/components/docs/ai-elements/web-preview-demo";
+import { ComponentWrapper } from "@/components/docs/primitives/component-wrapper";
+
+function CategoryLabel({ children }: { children: React.ReactNode }) {
+  return (
+    <div className="pt-8 pb-2">
+      <p
+        className="font-display uppercase text-muted-foreground"
+        style={{
+          fontSize: "var(--label-font-size)",
+          letterSpacing: "var(--label-letter-spacing)",
+          fontWeight: "var(--label-font-weight)",
+        }}
+      >
+        {children}
+      </p>
+    </div>
+  );
+}
+
+export function AIElementDemos() {
+  return (
+    <div className="@container grid flex-1 gap-4 space-y-8 md:py-12">
+      {/* Chatbot */}
+      <CategoryLabel>Chatbot</CategoryLabel>
+      <ComponentWrapper name="attachments">
+        <AttachmentsDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="chain-of-thought">
+        <ChainOfThoughtDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="checkpoint">
+        <CheckpointDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="confirmation">
+        <ConfirmationDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="context">
+        <ContextDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="conversation">
+        <ConversationDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="inline-citation">
+        <InlineCitationDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="message">
+        <MessageDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="model-selector">
+        <ModelSelectorDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="plan">
+        <PlanDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="prompt-input">
+        <PromptInputDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="queue">
+        <QueueDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="reasoning">
+        <ReasoningDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="shimmer">
+        <ShimmerDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="sources">
+        <SourcesDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="suggestion">
+        <SuggestionDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="task">
+        <TaskDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="tool">
+        <ToolDemo />
+      </ComponentWrapper>
+
+      {/* Code */}
+      <CategoryLabel>Code</CategoryLabel>
+      <ComponentWrapper name="agent">
+        <AgentDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="artifact">
+        <ArtifactDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="code-block">
+        <CodeBlockDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="commit">
+        <CommitDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="environment-variables">
+        <EnvironmentVariablesDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="file-tree">
+        <FileTreeDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="jsx-preview">
+        <JsxPreviewDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="package-info">
+        <PackageInfoDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="sandbox">
+        <SandboxDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="schema-display">
+        <SchemaDisplayDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="snippet">
+        <SnippetDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="stack-trace">
+        <StackTraceDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="terminal">
+        <TerminalDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="test-results">
+        <TestResultsDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="web-preview">
+        <WebPreviewDemo />
+      </ComponentWrapper>
+
+      {/* Voice */}
+      <CategoryLabel>Voice</CategoryLabel>
+      <ComponentWrapper name="audio-player">
+        <AudioPlayerDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="mic-selector">
+        <MicSelectorDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="persona">
+        <PersonaDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="speech-input">
+        <SpeechInputDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="transcription">
+        <TranscriptionDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="voice-selector">
+        <VoiceSelectorDemo />
+      </ComponentWrapper>
+
+      {/* Workflow */}
+      <CategoryLabel>Workflow</CategoryLabel>
+      <ComponentWrapper name="canvas">
+        <CanvasDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="connection">
+        <ConnectionDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="controls">
+        <ControlsDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="edge">
+        <EdgeDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="node">
+        <NodeDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="panel">
+        <PanelDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="toolbar">
+        <ToolbarDemo />
+      </ComponentWrapper>
+
+      {/* Utilities */}
+      <CategoryLabel>Utilities</CategoryLabel>
+      <ComponentWrapper name="image">
+        <ImageDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="open-in-chat">
+        <OpenInChatDemo />
+      </ComponentWrapper>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/inline-citation-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/inline-citation-demo.tsx
new file mode 100644
index 0000000..1e2a210
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/inline-citation-demo.tsx
@@ -0,0 +1,65 @@
+"use client";
+
+import {
+  InlineCitation,
+  InlineCitationCard,
+  InlineCitationCardBody,
+  InlineCitationCardTrigger,
+  InlineCitationCarousel,
+  InlineCitationCarouselContent,
+  InlineCitationCarouselHeader,
+  InlineCitationCarouselIndex,
+  InlineCitationCarouselItem,
+  InlineCitationCarouselNext,
+  InlineCitationCarouselPrev,
+  InlineCitationSource,
+  InlineCitationText,
+} from "@/components/ai-elements/inline-citation";
+
+const sources = [
+  "https://en.wikipedia.org/wiki/Large_language_model",
+  "https://arxiv.org/abs/2303.08774",
+];
+
+export function InlineCitationDemo() {
+  return (
+    <p className="max-w-lg text-sm leading-relaxed">
+      Large language models are neural networks trained on vast amounts of text
+      data.{" "}
+      <InlineCitation>
+        <InlineCitationText>
+          They use transformer architectures to generate coherent text
+        </InlineCitationText>
+        <InlineCitationCard>
+          <InlineCitationCardTrigger sources={sources} />
+          <InlineCitationCardBody>
+            <InlineCitationCarousel>
+              <InlineCitationCarouselHeader>
+                <InlineCitationCarouselPrev />
+                <InlineCitationCarouselIndex />
+                <InlineCitationCarouselNext />
+              </InlineCitationCarouselHeader>
+              <InlineCitationCarouselContent>
+                <InlineCitationCarouselItem>
+                  <InlineCitationSource
+                    title="Large language model"
+                    url={sources[0]}
+                    description="A large language model is a computational model notable for its ability to achieve general-purpose language generation."
+                  />
+                </InlineCitationCarouselItem>
+                <InlineCitationCarouselItem>
+                  <InlineCitationSource
+                    title="GPT-4 Technical Report"
+                    url={sources[1]}
+                    description="We report the development of GPT-4, a large-scale multimodal model."
+                  />
+                </InlineCitationCarouselItem>
+              </InlineCitationCarouselContent>
+            </InlineCitationCarousel>
+          </InlineCitationCardBody>
+        </InlineCitationCard>
+      </InlineCitation>{" "}
+      and have become a cornerstone of modern AI applications.
+    </p>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/jsx-preview-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/jsx-preview-demo.tsx
new file mode 100644
index 0000000..27b22fe
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/jsx-preview-demo.tsx
@@ -0,0 +1,36 @@
+"use client";
+
+import {
+  JSXPreview,
+  JSXPreviewContent,
+  JSXPreviewError,
+} from "@/components/ai-elements/jsx-preview";
+
+const validJsx = `<div style={{ padding: "1.5rem", borderRadius: "0.75rem", background: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)", color: "white", textAlign: "center" }}>
+  <h2 style={{ margin: "0 0 0.5rem", fontSize: "1.25rem", fontWeight: 600 }}>Welcome Back</h2>
+  <p style={{ margin: 0, opacity: 0.9, fontSize: "0.875rem" }}>Your dashboard is ready to explore.</p>
+  <div style={{ display: "flex", gap: "0.5rem", justifyContent: "center", marginTop: "1rem" }}>
+    <button style={{ padding: "0.5rem 1rem", borderRadius: "0.375rem", background: "rgba(255,255,255,0.2)", color: "white", border: "1px solid rgba(255,255,255,0.3)", cursor: "pointer", fontSize: "0.875rem" }}>View Reports</button>
+    <button style={{ padding: "0.5rem 1rem", borderRadius: "0.375rem", background: "white", color: "#764ba2", border: "none", cursor: "pointer", fontWeight: 600, fontSize: "0.875rem" }}>Get Started</button>
+  </div>
+</div>`;
+
+const errorJsx = `<div>
+  <InvalidComponent />
+</div>`;
+
+export function JsxPreviewDemo() {
+  return (
+    <div className="grid max-w-2xl gap-6">
+      <JSXPreview jsx={validJsx}>
+        <JSXPreviewContent />
+        <JSXPreviewError />
+      </JSXPreview>
+
+      <JSXPreview jsx={errorJsx}>
+        <JSXPreviewContent />
+        <JSXPreviewError />
+      </JSXPreview>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/message-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/message-demo.tsx
new file mode 100644
index 0000000..740113e
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/message-demo.tsx
@@ -0,0 +1,49 @@
+"use client";
+
+import {
+  CopyIcon,
+  RefreshCwIcon,
+  ThumbsDownIcon,
+  ThumbsUpIcon,
+} from "lucide-react";
+import {
+  Message,
+  MessageAction,
+  MessageActions,
+  MessageContent,
+  MessageResponse,
+} from "@/components/ai-elements/message";
+
+export function MessageDemo() {
+  return (
+    <div className="space-y-6">
+      <Message from="user">
+        <MessageContent>
+          Can you explain how React Server Components work?
+        </MessageContent>
+      </Message>
+
+      <Message from="assistant">
+        <MessageContent>
+          <MessageResponse>
+            {`**React Server Components** (RSC) allow you to render components on the server, reducing the amount of JavaScript sent to the client.\n\n### Key Benefits\n\n- **Zero bundle size** — Server Components are not included in the client bundle\n- **Direct backend access** — You can query databases directly\n- **Automatic code splitting** — Client components are lazy-loaded\n\n\`\`\`tsx\n// This runs on the server\nasync function UserProfile({ id }: { id: string }) {\n  const user = await db.user.findUnique({ where: { id } });\n  return <div>{user.name}</div>;\n}\n\`\`\``}
+          </MessageResponse>
+        </MessageContent>
+        <MessageActions>
+          <MessageAction tooltip="Copy">
+            <CopyIcon className="size-4" />
+          </MessageAction>
+          <MessageAction tooltip="Thumbs up">
+            <ThumbsUpIcon className="size-4" />
+          </MessageAction>
+          <MessageAction tooltip="Thumbs down">
+            <ThumbsDownIcon className="size-4" />
+          </MessageAction>
+          <MessageAction tooltip="Regenerate">
+            <RefreshCwIcon className="size-4" />
+          </MessageAction>
+        </MessageActions>
+      </Message>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/mic-selector-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/mic-selector-demo.tsx
new file mode 100644
index 0000000..702e99a
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/mic-selector-demo.tsx
@@ -0,0 +1,48 @@
+"use client";
+
+import {
+  MicSelector,
+  MicSelectorContent,
+  MicSelectorEmpty,
+  MicSelectorInput,
+  MicSelectorItem,
+  MicSelectorLabel,
+  MicSelectorList,
+  MicSelectorTrigger,
+  MicSelectorValue,
+} from "@/components/ai-elements/mic-selector";
+
+export function MicSelectorDemo() {
+  return (
+    <div className="flex w-full flex-col gap-4">
+      <p className="text-sm text-muted-foreground">
+        Opens a popover listing available audio input devices. Requires
+        microphone permission to show device names.
+      </p>
+      <MicSelector>
+        <MicSelectorTrigger className="w-full max-w-sm justify-start">
+          <MicSelectorValue />
+        </MicSelectorTrigger>
+        <MicSelectorContent>
+          <MicSelectorInput />
+          <MicSelectorList>
+            {(devices) =>
+              devices.length === 0 ? (
+                <MicSelectorEmpty />
+              ) : (
+                devices.map((device) => (
+                  <MicSelectorItem
+                    key={device.deviceId}
+                    value={device.deviceId}
+                  >
+                    <MicSelectorLabel device={device} />
+                  </MicSelectorItem>
+                ))
+              )
+            }
+          </MicSelectorList>
+        </MicSelectorContent>
+      </MicSelector>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/model-selector-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/model-selector-demo.tsx
new file mode 100644
index 0000000..c215151
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/model-selector-demo.tsx
@@ -0,0 +1,68 @@
+"use client";
+
+import {
+  ModelSelector,
+  ModelSelectorContent,
+  ModelSelectorEmpty,
+  ModelSelectorGroup,
+  ModelSelectorInput,
+  ModelSelectorItem,
+  ModelSelectorList,
+  ModelSelectorLogo,
+  ModelSelectorLogoGroup,
+  ModelSelectorName,
+  ModelSelectorTrigger,
+} from "@/components/ai-elements/model-selector";
+import { Button } from "@/components/ui/button";
+
+export function ModelSelectorDemo() {
+  return (
+    <ModelSelector>
+      <ModelSelectorTrigger asChild>
+        <Button variant="outline">Select a model</Button>
+      </ModelSelectorTrigger>
+      <ModelSelectorContent title="Choose a Model">
+        <ModelSelectorInput placeholder="Search models..." />
+        <ModelSelectorList>
+          <ModelSelectorEmpty>No models found.</ModelSelectorEmpty>
+          <ModelSelectorGroup heading="OpenAI">
+            <ModelSelectorItem value="gpt-4o">
+              <ModelSelectorLogoGroup>
+                <ModelSelectorLogo provider="openai" />
+              </ModelSelectorLogoGroup>
+              <ModelSelectorName>GPT-4o</ModelSelectorName>
+            </ModelSelectorItem>
+            <ModelSelectorItem value="gpt-4o-mini">
+              <ModelSelectorLogoGroup>
+                <ModelSelectorLogo provider="openai" />
+              </ModelSelectorLogoGroup>
+              <ModelSelectorName>GPT-4o Mini</ModelSelectorName>
+            </ModelSelectorItem>
+          </ModelSelectorGroup>
+          <ModelSelectorGroup heading="Anthropic">
+            <ModelSelectorItem value="claude-sonnet-4-20250514">
+              <ModelSelectorLogoGroup>
+                <ModelSelectorLogo provider="anthropic" />
+              </ModelSelectorLogoGroup>
+              <ModelSelectorName>Claude Sonnet 4</ModelSelectorName>
+            </ModelSelectorItem>
+            <ModelSelectorItem value="claude-opus-4-20250514">
+              <ModelSelectorLogoGroup>
+                <ModelSelectorLogo provider="anthropic" />
+              </ModelSelectorLogoGroup>
+              <ModelSelectorName>Claude Opus 4</ModelSelectorName>
+            </ModelSelectorItem>
+          </ModelSelectorGroup>
+          <ModelSelectorGroup heading="Google">
+            <ModelSelectorItem value="gemini-2.5-pro">
+              <ModelSelectorLogoGroup>
+                <ModelSelectorLogo provider="google" />
+              </ModelSelectorLogoGroup>
+              <ModelSelectorName>Gemini 2.5 Pro</ModelSelectorName>
+            </ModelSelectorItem>
+          </ModelSelectorGroup>
+        </ModelSelectorList>
+      </ModelSelectorContent>
+    </ModelSelector>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/node-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/node-demo.tsx
new file mode 100644
index 0000000..80652af
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/node-demo.tsx
@@ -0,0 +1,83 @@
+"use client";
+
+import { ReactFlowProvider } from "@xyflow/react";
+import {
+  Node,
+  NodeContent,
+  NodeDescription,
+  NodeFooter,
+  NodeHeader,
+  NodeTitle,
+} from "@/components/ai-elements/node";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+
+export function NodeDemo() {
+  return (
+    <ReactFlowProvider>
+      <div className="flex w-full flex-col gap-6">
+        <div className="grid grid-cols-1 gap-6 sm:grid-cols-2">
+          <Node handles={{ target: true, source: true }}>
+            <NodeHeader>
+              <NodeTitle>Full Node</NodeTitle>
+              <NodeDescription>
+                A node with header, content, and footer
+              </NodeDescription>
+            </NodeHeader>
+            <NodeContent>
+              <p className="text-xs text-muted-foreground">
+                This node demonstrates all available sub-components arranged
+                together. It has both target (left) and source (right) handles.
+              </p>
+            </NodeContent>
+            <NodeFooter>
+              <Badge variant="outline">Ready</Badge>
+              <Button size="sm" variant="ghost" className="ml-auto">
+                Run
+              </Button>
+            </NodeFooter>
+          </Node>
+
+          <Node handles={{ target: false, source: true }}>
+            <NodeHeader>
+              <NodeTitle>Source Only</NodeTitle>
+              <NodeDescription>Starting node in a workflow</NodeDescription>
+            </NodeHeader>
+            <NodeContent>
+              <p className="text-xs text-muted-foreground">
+                This node only has a source handle on the right side.
+              </p>
+            </NodeContent>
+          </Node>
+
+          <Node handles={{ target: true, source: false }}>
+            <NodeHeader>
+              <NodeTitle>Target Only</NodeTitle>
+              <NodeDescription>Terminal node in a workflow</NodeDescription>
+            </NodeHeader>
+            <NodeContent>
+              <p className="text-xs text-muted-foreground">
+                This node only has a target handle on the left side.
+              </p>
+            </NodeContent>
+          </Node>
+
+          <Node handles={{ target: false, source: false }}>
+            <NodeHeader>
+              <NodeTitle>Standalone</NodeTitle>
+              <NodeDescription>No handles</NodeDescription>
+            </NodeHeader>
+            <NodeContent>
+              <p className="text-xs text-muted-foreground">
+                A standalone card-style node with no connection handles.
+              </p>
+            </NodeContent>
+            <NodeFooter>
+              <Badge variant="secondary">Idle</Badge>
+            </NodeFooter>
+          </Node>
+        </div>
+      </div>
+    </ReactFlowProvider>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/open-in-chat-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/open-in-chat-demo.tsx
new file mode 100644
index 0000000..6d688fa
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/open-in-chat-demo.tsx
@@ -0,0 +1,42 @@
+"use client";
+
+import {
+  OpenIn,
+  OpenInChatGPT,
+  OpenInClaude,
+  OpenInContent,
+  OpenInCursor,
+  OpenInLabel,
+  OpenInScira,
+  OpenInSeparator,
+  OpenInT3,
+  OpenInTrigger,
+  OpenInv0,
+} from "@/components/ai-elements/open-in-chat";
+
+export function OpenInChatDemo() {
+  return (
+    <div className="flex w-full flex-col gap-4">
+      <p className="text-sm text-muted-foreground">
+        A dropdown menu that lets users open a query in various AI chat
+        providers. Each item generates a provider-specific URL and opens it in a
+        new tab.
+      </p>
+
+      <OpenIn query="Explain how React Server Components work and when to use them">
+        <OpenInTrigger />
+        <OpenInContent>
+          <OpenInLabel>Open in a chat provider</OpenInLabel>
+          <OpenInSeparator />
+          <OpenInClaude />
+          <OpenInChatGPT />
+          <OpenInT3 />
+          <OpenInScira />
+          <OpenInv0 />
+          <OpenInSeparator />
+          <OpenInCursor />
+        </OpenInContent>
+      </OpenIn>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/package-info-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/package-info-demo.tsx
new file mode 100644
index 0000000..1f276fc
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/package-info-demo.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import {
+  PackageInfo,
+  PackageInfoContent,
+  PackageInfoDependencies,
+  PackageInfoDependency,
+  PackageInfoDescription,
+} from "@/components/ai-elements/package-info";
+
+export function PackageInfoDemo() {
+  return (
+    <div className="grid max-w-md gap-6">
+      <PackageInfo
+        name="react"
+        currentVersion="18.2.0"
+        newVersion="19.0.0"
+        changeType="major"
+      >
+        <PackageInfoDescription>
+          A JavaScript library for building user interfaces
+        </PackageInfoDescription>
+        <PackageInfoContent>
+          <PackageInfoDependencies>
+            <PackageInfoDependency name="loose-envify" version="^1.1.0" />
+            <PackageInfoDependency name="scheduler" version="^0.24.0" />
+          </PackageInfoDependencies>
+        </PackageInfoContent>
+      </PackageInfo>
+
+      <PackageInfo
+        name="tailwindcss"
+        currentVersion="3.4.1"
+        newVersion="4.0.0"
+        changeType="major"
+      />
+
+      <PackageInfo
+        name="typescript"
+        currentVersion="5.3.3"
+        newVersion="5.4.0"
+        changeType="minor"
+      />
+
+      <PackageInfo
+        name="zod"
+        currentVersion="3.22.4"
+        newVersion="3.22.5"
+        changeType="patch"
+      />
+
+      <PackageInfo name="@acme/ui" newVersion="1.0.0" changeType="added" />
+
+      <PackageInfo name="moment" currentVersion="2.30.1" changeType="removed" />
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/panel-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/panel-demo.tsx
new file mode 100644
index 0000000..dc000fa
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/panel-demo.tsx
@@ -0,0 +1,61 @@
+"use client";
+
+import { type NodeTypes, ReactFlowProvider } from "@xyflow/react";
+import { useMemo } from "react";
+import { Canvas } from "@/components/ai-elements/canvas";
+import {
+  Node,
+  NodeContent,
+  NodeHeader,
+  NodeTitle,
+} from "@/components/ai-elements/node";
+import { Panel } from "@/components/ai-elements/panel";
+
+const PlaceholderNode = () => (
+  <Node handles={{ target: false, source: false }}>
+    <NodeHeader>
+      <NodeTitle>Workflow Node</NodeTitle>
+    </NodeHeader>
+    <NodeContent>
+      <p className="text-xs text-muted-foreground">
+        Panels float above the canvas at fixed positions.
+      </p>
+    </NodeContent>
+  </Node>
+);
+
+const initialNodes = [
+  { id: "1", type: "placeholder", position: { x: 100, y: 80 }, data: {} },
+];
+
+export function PanelDemo() {
+  const nodeTypes: NodeTypes = useMemo(
+    () => ({
+      placeholder: PlaceholderNode,
+    }),
+    [],
+  );
+
+  return (
+    <div className="flex w-full flex-col gap-2">
+      <p className="text-sm text-muted-foreground">
+        Panels are floating overlays positioned at the edges of the canvas.
+      </p>
+      <ReactFlowProvider>
+        <div className="h-[350px] w-full overflow-hidden rounded-md border">
+          <Canvas nodes={initialNodes} edges={[]} nodeTypes={nodeTypes}>
+            <Panel position="top-left">
+              <span className="text-xs font-medium">Top Left Panel</span>
+            </Panel>
+            <Panel position="top-right">
+              <span className="text-xs font-medium">Top Right Panel</span>
+            </Panel>
+            <Panel position="bottom-center">
+              <span className="text-xs font-medium">Bottom Center Panel</span>
+            </Panel>
+          </Canvas>
+        </div>
+      </ReactFlowProvider>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/persona-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/persona-demo.tsx
new file mode 100644
index 0000000..3ca33e0
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/persona-demo.tsx
@@ -0,0 +1,56 @@
+"use client";
+
+import { useState } from "react";
+import type { PersonaState } from "@/components/ai-elements/persona";
+import { Persona } from "@/components/ai-elements/persona";
+import { Button } from "@/components/ui/button";
+
+const variants = [
+  "obsidian",
+  "glint",
+  "halo",
+  "command",
+  "mana",
+  "opal",
+] as const;
+const states: PersonaState[] = [
+  "idle",
+  "listening",
+  "thinking",
+  "speaking",
+  "asleep",
+];
+
+export function PersonaDemo() {
+  const [currentState, setCurrentState] = useState<PersonaState>("idle");
+
+  return (
+    <div className="flex w-full flex-col gap-6">
+      <div className="flex flex-wrap items-center gap-2">
+        {states.map((s) => (
+          <Button
+            key={s}
+            size="sm"
+            variant={currentState === s ? "default" : "outline"}
+            onClick={() => setCurrentState(s)}
+          >
+            {s}
+          </Button>
+        ))}
+      </div>
+
+      <div className="grid grid-cols-2 gap-6 sm:grid-cols-3">
+        {variants.map((variant) => (
+          <div key={variant} className="flex flex-col items-center gap-2">
+            <Persona
+              variant={variant}
+              state={currentState}
+              className="size-24"
+            />
+            <span className="text-xs text-muted-foreground">{variant}</span>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/plan-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/plan-demo.tsx
new file mode 100644
index 0000000..875aca4
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/plan-demo.tsx
@@ -0,0 +1,63 @@
+"use client";
+
+import { CheckCircleIcon, CircleIcon } from "lucide-react";
+import {
+  Plan,
+  PlanAction,
+  PlanContent,
+  PlanDescription,
+  PlanFooter,
+  PlanHeader,
+  PlanTitle,
+  PlanTrigger,
+} from "@/components/ai-elements/plan";
+
+export function PlanDemo() {
+  return (
+    <div className="space-y-6">
+      <Plan defaultOpen>
+        <PlanHeader>
+          <div>
+            <PlanTitle>Build a Landing Page</PlanTitle>
+            <PlanDescription>
+              Create a responsive landing page with hero section, features, and
+              footer.
+            </PlanDescription>
+          </div>
+          <PlanAction>
+            <PlanTrigger />
+          </PlanAction>
+        </PlanHeader>
+        <PlanContent>
+          <ul className="space-y-3">
+            <li className="flex items-center gap-2 text-sm">
+              <CheckCircleIcon className="size-4 text-green-600" />
+              <span className="text-muted-foreground line-through">
+                Set up project structure
+              </span>
+            </li>
+            <li className="flex items-center gap-2 text-sm">
+              <CheckCircleIcon className="size-4 text-green-600" />
+              <span className="text-muted-foreground line-through">
+                Design hero section
+              </span>
+            </li>
+            <li className="flex items-center gap-2 text-sm">
+              <CircleIcon className="size-4 text-muted-foreground" />
+              <span>Build features grid</span>
+            </li>
+            <li className="flex items-center gap-2 text-sm">
+              <CircleIcon className="size-4 text-muted-foreground" />
+              <span>Add footer and navigation</span>
+            </li>
+          </ul>
+        </PlanContent>
+        <PlanFooter>
+          <p className="text-muted-foreground text-xs">
+            2 of 4 steps completed
+          </p>
+        </PlanFooter>
+      </Plan>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/prompt-input-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/prompt-input-demo.tsx
new file mode 100644
index 0000000..cac9b16
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/prompt-input-demo.tsx
@@ -0,0 +1,29 @@
+"use client";
+
+import { PaperclipIcon } from "lucide-react";
+import {
+  PromptInput,
+  PromptInputButton,
+  PromptInputFooter,
+  PromptInputSubmit,
+  PromptInputTextarea,
+  PromptInputTools,
+} from "@/components/ai-elements/prompt-input";
+
+export function PromptInputDemo() {
+  return (
+    <div className="w-full max-w-2xl">
+      <PromptInput onSubmit={() => {}}>
+        <PromptInputTextarea placeholder="Ask anything..." />
+        <PromptInputFooter>
+          <PromptInputTools>
+            <PromptInputButton tooltip="Attach file">
+              <PaperclipIcon className="size-4" />
+            </PromptInputButton>
+          </PromptInputTools>
+          <PromptInputSubmit />
+        </PromptInputFooter>
+      </PromptInput>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/queue-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/queue-demo.tsx
new file mode 100644
index 0000000..0fdebcc
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/queue-demo.tsx
@@ -0,0 +1,86 @@
+"use client";
+
+import { CheckCircleIcon, ListTodoIcon } from "lucide-react";
+import {
+  Queue,
+  QueueItem,
+  QueueItemContent,
+  QueueItemDescription,
+  QueueItemIndicator,
+  QueueList,
+  QueueSection,
+  QueueSectionContent,
+  QueueSectionLabel,
+  QueueSectionTrigger,
+} from "@/components/ai-elements/queue";
+
+export function QueueDemo() {
+  return (
+    <div className="max-w-sm">
+      <Queue>
+        <QueueSection defaultOpen>
+          <QueueSectionTrigger>
+            <QueueSectionLabel
+              count={2}
+              label="pending"
+              icon={<ListTodoIcon className="size-4" />}
+            />
+          </QueueSectionTrigger>
+          <QueueSectionContent>
+            <QueueList>
+              <QueueItem>
+                <div className="flex items-center gap-2">
+                  <QueueItemIndicator />
+                  <QueueItemContent>
+                    Refactor authentication module
+                  </QueueItemContent>
+                </div>
+                <QueueItemDescription>
+                  Extract shared logic into a reusable hook
+                </QueueItemDescription>
+              </QueueItem>
+              <QueueItem>
+                <div className="flex items-center gap-2">
+                  <QueueItemIndicator />
+                  <QueueItemContent>
+                    Write unit tests for API routes
+                  </QueueItemContent>
+                </div>
+              </QueueItem>
+            </QueueList>
+          </QueueSectionContent>
+        </QueueSection>
+
+        <QueueSection defaultOpen>
+          <QueueSectionTrigger>
+            <QueueSectionLabel
+              count={2}
+              label="completed"
+              icon={<CheckCircleIcon className="size-4" />}
+            />
+          </QueueSectionTrigger>
+          <QueueSectionContent>
+            <QueueList>
+              <QueueItem>
+                <div className="flex items-center gap-2">
+                  <QueueItemIndicator completed />
+                  <QueueItemContent completed>
+                    Set up project scaffolding
+                  </QueueItemContent>
+                </div>
+              </QueueItem>
+              <QueueItem>
+                <div className="flex items-center gap-2">
+                  <QueueItemIndicator completed />
+                  <QueueItemContent completed>
+                    Configure database schema
+                  </QueueItemContent>
+                </div>
+              </QueueItem>
+            </QueueList>
+          </QueueSectionContent>
+        </QueueSection>
+      </Queue>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/reasoning-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/reasoning-demo.tsx
new file mode 100644
index 0000000..790c719
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/reasoning-demo.tsx
@@ -0,0 +1,33 @@
+"use client";
+
+import {
+  Reasoning,
+  ReasoningContent,
+  ReasoningTrigger,
+} from "@/components/ai-elements/reasoning";
+
+export function ReasoningDemo() {
+  return (
+    <div className="space-y-6">
+      <div className="space-y-2">
+        <p className="text-muted-foreground text-sm">Completed reasoning</p>
+        <Reasoning defaultOpen duration={12}>
+          <ReasoningTrigger />
+          <ReasoningContent>
+            {`The user is asking about the performance implications of using React Server Components. Let me think through the key factors:\n\n1. **Bundle size reduction** - Since server components don't ship JavaScript to the client, the initial bundle can be significantly smaller.\n\n2. **Data fetching** - Server components can fetch data directly during rendering, eliminating client-side waterfalls.\n\n3. **Streaming** - The server can stream HTML progressively, improving Time to First Byte.`}
+          </ReasoningContent>
+        </Reasoning>
+      </div>
+
+      <div className="space-y-2">
+        <p className="text-muted-foreground text-sm">Streaming reasoning</p>
+        <Reasoning defaultOpen isStreaming>
+          <ReasoningTrigger />
+          <ReasoningContent>
+            {`Analyzing the query about database optimization strategies. I should consider indexing, query planning, and caching...`}
+          </ReasoningContent>
+        </Reasoning>
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/sandbox-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/sandbox-demo.tsx
new file mode 100644
index 0000000..540299c
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/sandbox-demo.tsx
@@ -0,0 +1,86 @@
+"use client";
+
+import {
+  CodeBlock,
+  CodeBlockActions,
+  CodeBlockCopyButton,
+  CodeBlockFilename,
+  CodeBlockHeader,
+  CodeBlockTitle,
+} from "@/components/ai-elements/code-block";
+import {
+  Sandbox,
+  SandboxContent,
+  SandboxHeader,
+  SandboxTabContent,
+  SandboxTabs,
+  SandboxTabsBar,
+  SandboxTabsList,
+  SandboxTabsTrigger,
+} from "@/components/ai-elements/sandbox";
+
+const codeSnippet = `import { useState } from "react";
+
+export default function Counter() {
+  const [count, setCount] = useState(0);
+
+  return (
+    <div className="flex flex-col items-center gap-4 p-8">
+      <h1 className="text-2xl font-bold">{count}</h1>
+      <button onClick={() => setCount(c => c + 1)}>
+        Increment
+      </button>
+    </div>
+  );
+}`;
+
+const outputText = `> next dev --turbo
+  Ready in 1.2s
+  Local: http://localhost:3000
+  Network: http://192.168.1.100:3000
+
+  Compiled /page in 340ms`;
+
+export function SandboxDemo() {
+  return (
+    <div className="grid max-w-2xl gap-6">
+      <Sandbox>
+        <SandboxHeader title="Code Sandbox" state="output-available" />
+        <SandboxContent>
+          <SandboxTabs defaultValue="code">
+            <SandboxTabsBar>
+              <SandboxTabsList>
+                <SandboxTabsTrigger value="code">Code</SandboxTabsTrigger>
+                <SandboxTabsTrigger value="output">Output</SandboxTabsTrigger>
+              </SandboxTabsList>
+            </SandboxTabsBar>
+            <SandboxTabContent value="code">
+              <CodeBlock code={codeSnippet} language="tsx">
+                <CodeBlockHeader>
+                  <CodeBlockTitle>
+                    <CodeBlockFilename>counter.tsx</CodeBlockFilename>
+                  </CodeBlockTitle>
+                  <CodeBlockActions>
+                    <CodeBlockCopyButton />
+                  </CodeBlockActions>
+                </CodeBlockHeader>
+              </CodeBlock>
+            </SandboxTabContent>
+            <SandboxTabContent value="output">
+              <pre className="p-4 font-mono text-sm">{outputText}</pre>
+            </SandboxTabContent>
+          </SandboxTabs>
+        </SandboxContent>
+      </Sandbox>
+
+      <Sandbox>
+        <SandboxHeader title="Running Tests" state="input-streaming" />
+        <SandboxContent>
+          <div className="p-4 text-muted-foreground text-sm">
+            Executing test suite...
+          </div>
+        </SandboxContent>
+      </Sandbox>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/schema-display-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/schema-display-demo.tsx
new file mode 100644
index 0000000..b84c3cb
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/schema-display-demo.tsx
@@ -0,0 +1,171 @@
+"use client";
+
+import { SchemaDisplay } from "@/components/ai-elements/schema-display";
+
+export function SchemaDisplayDemo() {
+  return (
+    <div className="grid max-w-2xl gap-6">
+      <SchemaDisplay
+        method="POST"
+        path="/api/orgs/{orgId}/users"
+        description="Create a new user account within an organization."
+        parameters={[
+          {
+            name: "orgId",
+            type: "string",
+            required: true,
+            location: "path",
+            description: "The organization identifier",
+          },
+        ]}
+        requestBody={[
+          {
+            name: "name",
+            type: "string",
+            required: true,
+            description: "Full name of the user",
+          },
+          {
+            name: "email",
+            type: "string",
+            required: true,
+            description: "Valid email address",
+          },
+          {
+            name: "role",
+            type: "enum",
+            description: 'One of: "admin", "user", "guest"',
+          },
+          {
+            name: "metadata",
+            type: "object",
+            description: "Additional user metadata",
+            properties: [
+              { name: "department", type: "string" },
+              { name: "teamId", type: "number" },
+            ],
+          },
+        ]}
+        responseBody={[
+          {
+            name: "id",
+            type: "string",
+            required: true,
+            description: "Unique user ID",
+          },
+          { name: "name", type: "string", required: true },
+          { name: "email", type: "string", required: true },
+          {
+            name: "createdAt",
+            type: "string",
+            description: "ISO 8601 timestamp",
+          },
+        ]}
+      />
+
+      <SchemaDisplay
+        method="PUT"
+        path="/api/orgs/{orgId}/users/{userId}"
+        description="Replace all fields on an existing user record."
+        parameters={[
+          {
+            name: "orgId",
+            type: "string",
+            required: true,
+            location: "path",
+            description: "The organization identifier",
+          },
+          {
+            name: "userId",
+            type: "string",
+            required: true,
+            location: "path",
+            description: "The user to update",
+          },
+        ]}
+        requestBody={[
+          {
+            name: "name",
+            type: "string",
+            required: true,
+            description: "Full name",
+          },
+          {
+            name: "email",
+            type: "string",
+            required: true,
+            description: "Email address",
+          },
+          {
+            name: "role",
+            type: "enum",
+            description: 'One of: "admin", "user", "guest"',
+          },
+        ]}
+      />
+
+      <SchemaDisplay
+        method="GET"
+        path="/api/users/{userId}/posts"
+        description="Retrieve all posts for a specific user."
+        parameters={[
+          {
+            name: "userId",
+            type: "string",
+            required: true,
+            location: "path",
+            description: "The unique user identifier",
+          },
+          {
+            name: "page",
+            type: "number",
+            location: "query",
+            description: "Page number for pagination",
+          },
+          {
+            name: "limit",
+            type: "number",
+            location: "query",
+            description: "Number of items per page (max 100)",
+          },
+        ]}
+        responseBody={[
+          {
+            name: "posts",
+            type: "array",
+            description: "List of user posts",
+            items: {
+              name: "post",
+              type: "object",
+              properties: [
+                { name: "id", type: "string", required: true },
+                { name: "title", type: "string", required: true },
+                { name: "publishedAt", type: "string" },
+              ],
+            },
+          },
+          {
+            name: "total",
+            type: "number",
+            description: "Total number of posts",
+          },
+        ]}
+      />
+
+      <SchemaDisplay
+        method="DELETE"
+        path="/api/users/{userId}"
+        description="Permanently delete a user and all associated data."
+        parameters={[
+          {
+            name: "userId",
+            type: "string",
+            required: true,
+            location: "path",
+            description: "The user ID to delete",
+          },
+        ]}
+      />
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/shimmer-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/shimmer-demo.tsx
new file mode 100644
index 0000000..f24ac2d
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/shimmer-demo.tsx
@@ -0,0 +1,21 @@
+"use client";
+
+import { Shimmer } from "@/components/ai-elements/shimmer";
+
+export function ShimmerDemo() {
+  return (
+    <div className="space-y-4">
+      <Shimmer as="h3" className="text-lg font-semibold">
+        Generating response...
+      </Shimmer>
+
+      <Shimmer as="p" className="text-sm" duration={3}>
+        Analyzing your code and preparing suggestions
+      </Shimmer>
+
+      <Shimmer as="span" className="text-xs" duration={1.5}>
+        Thinking...
+      </Shimmer>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/snippet-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/snippet-demo.tsx
new file mode 100644
index 0000000..bae1ca7
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/snippet-demo.tsx
@@ -0,0 +1,52 @@
+"use client";
+
+import {
+  Snippet,
+  SnippetAddon,
+  SnippetCopyButton,
+  SnippetInput,
+  SnippetText,
+} from "@/components/ai-elements/snippet";
+
+export function SnippetDemo() {
+  return (
+    <div className="grid max-w-lg gap-6">
+      <Snippet code="npm install @acme/design-system">
+        <SnippetAddon>
+          <SnippetText>$</SnippetText>
+        </SnippetAddon>
+        <SnippetInput />
+        <SnippetAddon>
+          <SnippetCopyButton />
+        </SnippetAddon>
+      </Snippet>
+
+      <Snippet code="npx create-next-app@latest my-app --typescript">
+        <SnippetAddon>
+          <SnippetText>$</SnippetText>
+        </SnippetAddon>
+        <SnippetInput />
+        <SnippetAddon>
+          <SnippetCopyButton />
+        </SnippetAddon>
+      </Snippet>
+
+      <Snippet code="curl -X POST https://api.example.com/v1/data -H 'Authorization: Bearer token'">
+        <SnippetInput />
+        <SnippetAddon>
+          <SnippetCopyButton />
+        </SnippetAddon>
+      </Snippet>
+
+      <Snippet code="ssh user@192.168.1.100 -p 2222">
+        <SnippetAddon>
+          <SnippetText>$</SnippetText>
+        </SnippetAddon>
+        <SnippetInput />
+        <SnippetAddon>
+          <SnippetCopyButton />
+        </SnippetAddon>
+      </Snippet>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/sources-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/sources-demo.tsx
new file mode 100644
index 0000000..7272a58
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/sources-demo.tsx
@@ -0,0 +1,30 @@
+"use client";
+
+import {
+  Source,
+  Sources,
+  SourcesContent,
+  SourcesTrigger,
+} from "@/components/ai-elements/sources";
+
+export function SourcesDemo() {
+  return (
+    <Sources>
+      <SourcesTrigger count={3} />
+      <SourcesContent>
+        <Source
+          href="https://react.dev/reference/rsc/server-components"
+          title="React Server Components - React Docs"
+        />
+        <Source
+          href="https://nextjs.org/docs/app/building-your-application/rendering"
+          title="Rendering - Next.js Documentation"
+        />
+        <Source
+          href="https://vercel.com/blog/understanding-react-server-components"
+          title="Understanding React Server Components - Vercel Blog"
+        />
+      </SourcesContent>
+    </Sources>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/speech-input-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/speech-input-demo.tsx
new file mode 100644
index 0000000..0fa8f21
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/speech-input-demo.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import { useState } from "react";
+import { SpeechInput } from "@/components/ai-elements/speech-input";
+
+export function SpeechInputDemo() {
+  const [transcript, setTranscript] = useState("");
+
+  return (
+    <div className="flex w-full flex-col items-center gap-6">
+      <p className="text-sm text-muted-foreground">
+        Click the microphone button to begin recording. Uses the Web Speech API
+        when available, with a MediaRecorder fallback.
+      </p>
+
+      <SpeechInput
+        size="lg"
+        onTranscriptionChange={(text) =>
+          setTranscript((prev) => (prev ? `${prev} ${text}` : text))
+        }
+      />
+
+      <div className="w-full max-w-md rounded-md border p-4 text-sm">
+        <p className="mb-1 font-medium">Transcription output</p>
+        <p className="text-muted-foreground">
+          {transcript || "Transcribed text will appear here..."}
+        </p>
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/stack-trace-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/stack-trace-demo.tsx
new file mode 100644
index 0000000..d0f540b
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/stack-trace-demo.tsx
@@ -0,0 +1,65 @@
+"use client";
+
+import {
+  StackTrace,
+  StackTraceActions,
+  StackTraceContent,
+  StackTraceCopyButton,
+  StackTraceError,
+  StackTraceErrorMessage,
+  StackTraceErrorType,
+  StackTraceExpandButton,
+  StackTraceFrames,
+  StackTraceHeader,
+} from "@/components/ai-elements/stack-trace";
+
+const typeErrorTrace = `TypeError: Cannot read properties of undefined (reading 'map')
+    at UserList (/src/components/UserList.tsx:24:18)
+    at renderWithHooks (node_modules/react-dom/cjs/react-dom.development.js:14985:18)
+    at mountIndeterminateComponent (node_modules/react-dom/cjs/react-dom.development.js:17811:13)
+    at beginWork (node_modules/react-dom/cjs/react-dom.development.js:19049:16)
+    at HTMLUnknownElement.callCallback (node_modules/react-dom/cjs/react-dom.development.js:3945:14)`;
+
+const referenceErrorTrace = `ReferenceError: fetchData is not defined
+    at loadDashboard (/src/pages/dashboard.ts:15:3)
+    at async handleRequest (/src/server/router.ts:42:12)
+    at async processMiddleware (/src/server/middleware.ts:28:5)
+    at node:internal/process/task_queues:95:5`;
+
+export function StackTraceDemo() {
+  return (
+    <div className="grid max-w-2xl gap-6">
+      <StackTrace trace={typeErrorTrace} defaultOpen>
+        <StackTraceHeader>
+          <StackTraceError>
+            <StackTraceErrorType />
+            <StackTraceErrorMessage />
+          </StackTraceError>
+          <StackTraceActions>
+            <StackTraceCopyButton />
+            <StackTraceExpandButton />
+          </StackTraceActions>
+        </StackTraceHeader>
+        <StackTraceContent>
+          <StackTraceFrames />
+        </StackTraceContent>
+      </StackTrace>
+
+      <StackTrace trace={referenceErrorTrace}>
+        <StackTraceHeader>
+          <StackTraceError>
+            <StackTraceErrorType />
+            <StackTraceErrorMessage />
+          </StackTraceError>
+          <StackTraceActions>
+            <StackTraceCopyButton />
+            <StackTraceExpandButton />
+          </StackTraceActions>
+        </StackTraceHeader>
+        <StackTraceContent>
+          <StackTraceFrames showInternalFrames={false} />
+        </StackTraceContent>
+      </StackTrace>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/suggestion-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/suggestion-demo.tsx
new file mode 100644
index 0000000..2080a38
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/suggestion-demo.tsx
@@ -0,0 +1,18 @@
+"use client";
+
+import { Suggestion, Suggestions } from "@/components/ai-elements/suggestion";
+
+export function SuggestionDemo() {
+  return (
+    <div className="space-y-4">
+      <p className="text-muted-foreground text-sm">Suggested prompts</p>
+      <Suggestions>
+        <Suggestion suggestion="Explain quantum computing" />
+        <Suggestion suggestion="Write a Python script to sort files" />
+        <Suggestion suggestion="What are the best practices for REST APIs?" />
+        <Suggestion suggestion="Compare SQL and NoSQL databases" />
+        <Suggestion suggestion="Help me debug my React app" />
+      </Suggestions>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/task-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/task-demo.tsx
new file mode 100644
index 0000000..0aead52
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/task-demo.tsx
@@ -0,0 +1,43 @@
+"use client";
+
+import {
+  Task,
+  TaskContent,
+  TaskItem,
+  TaskItemFile,
+  TaskTrigger,
+} from "@/components/ai-elements/task";
+
+export function TaskDemo() {
+  return (
+    <div className="space-y-4">
+      <Task defaultOpen>
+        <TaskTrigger title="Searched 5 files for authentication logic" />
+        <TaskContent>
+          <TaskItem>
+            Found <TaskItemFile>src/auth/login.ts</TaskItemFile> — contains the
+            main login handler with JWT token generation.
+          </TaskItem>
+          <TaskItem>
+            Found <TaskItemFile>src/middleware/auth.ts</TaskItemFile> —
+            validates tokens on protected routes.
+          </TaskItem>
+          <TaskItem>
+            Found <TaskItemFile>src/lib/session.ts</TaskItemFile> — manages
+            session creation and expiration.
+          </TaskItem>
+        </TaskContent>
+      </Task>
+
+      <Task>
+        <TaskTrigger title="Analyzed database schema" />
+        <TaskContent>
+          <TaskItem>
+            Reviewed <TaskItemFile>prisma/schema.prisma</TaskItemFile> for user
+            model relationships.
+          </TaskItem>
+        </TaskContent>
+      </Task>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/terminal-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/terminal-demo.tsx
new file mode 100644
index 0000000..cd14404
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/terminal-demo.tsx
@@ -0,0 +1,63 @@
+"use client";
+
+import {
+  Terminal,
+  TerminalActions,
+  TerminalContent,
+  TerminalCopyButton,
+  TerminalHeader,
+  TerminalTitle,
+} from "@/components/ai-elements/terminal";
+
+const buildOutput = `\x1b[32m$\x1b[0m next build
+\x1b[36minfo\x1b[0m  - Linting and checking validity of types...
+\x1b[36minfo\x1b[0m  - Creating an optimized production build...
+\x1b[36minfo\x1b[0m  - Compiled successfully
+\x1b[36minfo\x1b[0m  - Collecting page data...
+\x1b[36minfo\x1b[0m  - Generating static pages (8/8)
+\x1b[36minfo\x1b[0m  - Finalizing page optimization...
+
+Route (app)                              Size     First Load JS
+\x1b[37m+\x1b[0m /                                    5.2 kB         89.3 kB
+\x1b[37m+\x1b[0m /about                               1.8 kB         85.9 kB
+\x1b[37m+\x1b[0m /dashboard                           12.4 kB        96.5 kB
+\x1b[37m+\x1b[0m /api/health                          0 B            0 B
+
+\x1b[32m\u2713\x1b[0m Build completed in 14.2s`;
+
+const gitOutput = `\x1b[33mOn branch main\x1b[0m
+Your branch is up to date with 'origin/main'.
+
+Changes to be committed:
+  \x1b[32mnew file:   src/components/avatar.tsx\x1b[0m
+  \x1b[32mmodified:   src/lib/utils.ts\x1b[0m
+  \x1b[31mdeleted:    src/old-component.tsx\x1b[0m
+
+Untracked files:
+  \x1b[31m.env.local\x1b[0m`;
+
+export function TerminalDemo() {
+  return (
+    <div className="grid max-w-2xl gap-6">
+      <Terminal output={buildOutput}>
+        <TerminalHeader>
+          <TerminalTitle>Build Output</TerminalTitle>
+          <TerminalActions>
+            <TerminalCopyButton />
+          </TerminalActions>
+        </TerminalHeader>
+        <TerminalContent />
+      </Terminal>
+
+      <Terminal output={gitOutput}>
+        <TerminalHeader>
+          <TerminalTitle>git status</TerminalTitle>
+          <TerminalActions>
+            <TerminalCopyButton />
+          </TerminalActions>
+        </TerminalHeader>
+        <TerminalContent />
+      </Terminal>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/test-results-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/test-results-demo.tsx
new file mode 100644
index 0000000..00c91e6
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/test-results-demo.tsx
@@ -0,0 +1,132 @@
+"use client";
+
+import {
+  Test,
+  TestError,
+  TestErrorMessage,
+  TestErrorStack,
+  TestResults,
+  TestResultsContent,
+  TestResultsDuration,
+  TestResultsHeader,
+  TestResultsProgress,
+  TestResultsSummary,
+  TestSuite,
+  TestSuiteContent,
+  TestSuiteName,
+} from "@/components/ai-elements/test-results";
+
+export function TestResultsDemo() {
+  return (
+    <div className="grid max-w-2xl gap-6">
+      <TestResults
+        summary={{
+          passed: 18,
+          failed: 2,
+          skipped: 1,
+          total: 21,
+          duration: 4230,
+        }}
+      >
+        <TestResultsHeader>
+          <TestResultsSummary />
+          <TestResultsDuration />
+        </TestResultsHeader>
+        <TestResultsContent>
+          <TestResultsProgress />
+
+          <TestSuite name="Authentication" status="passed" defaultOpen>
+            <TestSuiteName />
+            <TestSuiteContent>
+              <Test
+                name="should login with valid credentials"
+                status="passed"
+                duration={45}
+              />
+              <Test
+                name="should reject invalid password"
+                status="passed"
+                duration={32}
+              />
+              <Test
+                name="should handle OAuth callback"
+                status="passed"
+                duration={120}
+              />
+              <Test
+                name="should refresh expired tokens"
+                status="passed"
+                duration={89}
+              />
+            </TestSuiteContent>
+          </TestSuite>
+
+          <TestSuite name="User API" status="failed" defaultOpen>
+            <TestSuiteName />
+            <TestSuiteContent>
+              <Test
+                name="should create a new user"
+                status="passed"
+                duration={67}
+              />
+              <Test
+                name="should return 404 for unknown user"
+                status="passed"
+                duration={23}
+              />
+              <Test
+                name="should update user profile"
+                status="failed"
+                duration={150}
+              >
+                <TestError>
+                  <TestErrorMessage>
+                    Expected status 200 but received 500
+                  </TestErrorMessage>
+                  <TestErrorStack>
+                    {`at Object.<anonymous> (tests/api/user.test.ts:45:10)
+    at processTicksAndRejections (node:internal/process/task_queues:95:5)`}
+                  </TestErrorStack>
+                </TestError>
+              </Test>
+              <Test
+                name="should validate email format"
+                status="failed"
+                duration={12}
+              >
+                <TestError>
+                  <TestErrorMessage>
+                    AssertionError: expected &apos;invalid&apos; to match
+                    /^[^@]+@[^@]+$/
+                  </TestErrorMessage>
+                </TestError>
+              </Test>
+              <Test name="should handle concurrent requests" status="skipped" />
+            </TestSuiteContent>
+          </TestSuite>
+
+          <TestSuite name="Database" status="passed">
+            <TestSuiteName />
+            <TestSuiteContent>
+              <Test
+                name="should connect to database"
+                status="passed"
+                duration={200}
+              />
+              <Test
+                name="should run migrations"
+                status="passed"
+                duration={340}
+              />
+              <Test
+                name="should seed test data"
+                status="passed"
+                duration={180}
+              />
+            </TestSuiteContent>
+          </TestSuite>
+        </TestResultsContent>
+      </TestResults>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/tool-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/tool-demo.tsx
new file mode 100644
index 0000000..38d7f87
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/tool-demo.tsx
@@ -0,0 +1,69 @@
+"use client";
+
+import {
+  Tool,
+  ToolContent,
+  ToolHeader,
+  ToolInput,
+  ToolOutput,
+} from "@/components/ai-elements/tool";
+
+export function ToolDemo() {
+  return (
+    <div className="space-y-4">
+      <Tool defaultOpen>
+        <ToolHeader
+          type="tool-invocation"
+          state="output-available"
+          title="search_files"
+        />
+        <ToolContent>
+          <ToolInput
+            input={{
+              query: "authentication middleware",
+              directory: "src/",
+              filePattern: "*.ts",
+            }}
+          />
+          <ToolOutput
+            output={{
+              matches: [
+                "src/middleware/auth.ts",
+                "src/lib/verify-token.ts",
+                "src/routes/login.ts",
+              ],
+              totalMatches: 3,
+            }}
+            errorText={undefined}
+          />
+        </ToolContent>
+      </Tool>
+
+      <Tool>
+        <ToolHeader
+          type="tool-invocation"
+          state="input-available"
+          title="execute_command"
+        />
+        <ToolContent>
+          <ToolInput input={{ command: "npm run build" }} />
+        </ToolContent>
+      </Tool>
+
+      <Tool>
+        <ToolHeader
+          type="tool-invocation"
+          state="output-error"
+          title="read_file"
+        />
+        <ToolContent>
+          <ToolInput input={{ path: "/etc/shadow" }} />
+          <ToolOutput
+            output={undefined}
+            errorText="Permission denied: cannot read /etc/shadow"
+          />
+        </ToolContent>
+      </Tool>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/toolbar-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/toolbar-demo.tsx
new file mode 100644
index 0000000..e1151ff
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/toolbar-demo.tsx
@@ -0,0 +1,71 @@
+"use client";
+
+import { type NodeTypes, ReactFlowProvider } from "@xyflow/react";
+import { CopyIcon, PencilIcon, Trash2Icon } from "lucide-react";
+import { useMemo } from "react";
+import { Canvas } from "@/components/ai-elements/canvas";
+import {
+  Node,
+  NodeContent,
+  NodeHeader,
+  NodeTitle,
+} from "@/components/ai-elements/node";
+import { Toolbar } from "@/components/ai-elements/toolbar";
+import { Button } from "@/components/ui/button";
+
+const ToolbarNode = () => (
+  <Node handles={{ target: false, source: false }}>
+    <NodeHeader>
+      <NodeTitle>Select this node</NodeTitle>
+    </NodeHeader>
+    <NodeContent>
+      <p className="text-xs text-muted-foreground">
+        Click to select and reveal the toolbar below.
+      </p>
+    </NodeContent>
+    <Toolbar>
+      <Button size="icon-sm" variant="ghost">
+        <PencilIcon className="size-3.5" />
+      </Button>
+      <Button size="icon-sm" variant="ghost">
+        <CopyIcon className="size-3.5" />
+      </Button>
+      <Button size="icon-sm" variant="ghost">
+        <Trash2Icon className="size-3.5" />
+      </Button>
+    </Toolbar>
+  </Node>
+);
+
+const initialNodes = [
+  {
+    id: "1",
+    type: "toolbar",
+    position: { x: 100, y: 60 },
+    data: {},
+    selected: true,
+  },
+];
+
+export function ToolbarDemo() {
+  const nodeTypes: NodeTypes = useMemo(
+    () => ({
+      toolbar: ToolbarNode,
+    }),
+    [],
+  );
+
+  return (
+    <div className="flex w-full flex-col gap-2">
+      <p className="text-sm text-muted-foreground">
+        A floating toolbar that appears below a selected node, providing
+        contextual actions.
+      </p>
+      <ReactFlowProvider>
+        <div className="h-[300px] w-full overflow-hidden rounded-md border">
+          <Canvas nodes={initialNodes} edges={[]} nodeTypes={nodeTypes} />
+        </div>
+      </ReactFlowProvider>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/transcription-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/transcription-demo.tsx
new file mode 100644
index 0000000..7a9907a
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/transcription-demo.tsx
@@ -0,0 +1,58 @@
+"use client";
+
+import { useState } from "react";
+import {
+  Transcription,
+  TranscriptionSegment,
+} from "@/components/ai-elements/transcription";
+import { Button } from "@/components/ui/button";
+
+const mockSegments = [
+  { text: "Welcome to the demo.", startSecond: 0, endSecond: 2 },
+  { text: " Today we are looking at", startSecond: 2, endSecond: 4 },
+  { text: " the transcription component,", startSecond: 4, endSecond: 6 },
+  { text: " which highlights words", startSecond: 6, endSecond: 8 },
+  { text: " as audio plays.", startSecond: 8, endSecond: 10 },
+  { text: " Each segment is clickable", startSecond: 10, endSecond: 12 },
+  { text: " and can seek to", startSecond: 12, endSecond: 14 },
+  { text: " the corresponding position", startSecond: 14, endSecond: 16 },
+  { text: " in the audio track.", startSecond: 16, endSecond: 18 },
+];
+
+export function TranscriptionDemo() {
+  const [currentTime, setCurrentTime] = useState(0);
+
+  return (
+    <div className="flex w-full flex-col gap-4">
+      <div className="flex items-center gap-2">
+        <Button
+          size="sm"
+          variant="outline"
+          onClick={() => setCurrentTime((t) => Math.max(0, t - 2))}
+        >
+          -2s
+        </Button>
+        <span className="min-w-16 text-center text-sm tabular-nums">
+          {currentTime.toFixed(1)}s
+        </span>
+        <Button
+          size="sm"
+          variant="outline"
+          onClick={() => setCurrentTime((t) => Math.min(18, t + 2))}
+        >
+          +2s
+        </Button>
+      </div>
+
+      <Transcription
+        segments={mockSegments}
+        currentTime={currentTime}
+        onSeek={setCurrentTime}
+      >
+        {(segment, index) => (
+          <TranscriptionSegment key={index} segment={segment} index={index} />
+        )}
+      </Transcription>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/voice-selector-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/voice-selector-demo.tsx
new file mode 100644
index 0000000..0a0abd2
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/voice-selector-demo.tsx
@@ -0,0 +1,137 @@
+"use client";
+
+import { useState } from "react";
+import {
+  VoiceSelector,
+  VoiceSelectorAccent,
+  VoiceSelectorAge,
+  VoiceSelectorAttributes,
+  VoiceSelectorBullet,
+  VoiceSelectorContent,
+  VoiceSelectorDescription,
+  VoiceSelectorEmpty,
+  VoiceSelectorGender,
+  VoiceSelectorGroup,
+  VoiceSelectorInput,
+  VoiceSelectorItem,
+  VoiceSelectorList,
+  VoiceSelectorName,
+  VoiceSelectorPreview,
+  VoiceSelectorSeparator,
+  VoiceSelectorTrigger,
+} from "@/components/ai-elements/voice-selector";
+import { Button } from "@/components/ui/button";
+
+const voices = [
+  {
+    id: "alloy",
+    name: "Alloy",
+    gender: "non-binary" as const,
+    accent: "american" as const,
+    age: "Young Adult",
+    description: "Versatile, balanced tone",
+  },
+  {
+    id: "echo",
+    name: "Echo",
+    gender: "male" as const,
+    accent: "american" as const,
+    age: "Adult",
+    description: "Warm, resonant baritone",
+  },
+  {
+    id: "fable",
+    name: "Fable",
+    gender: "female" as const,
+    accent: "british" as const,
+    age: "Adult",
+    description: "Expressive storyteller",
+  },
+  {
+    id: "onyx",
+    name: "Onyx",
+    gender: "male" as const,
+    accent: "american" as const,
+    age: "Mature",
+    description: "Deep, authoritative",
+  },
+  {
+    id: "nova",
+    name: "Nova",
+    gender: "female" as const,
+    accent: "australian" as const,
+    age: "Young Adult",
+    description: "Bright, energetic",
+  },
+  {
+    id: "shimmer",
+    name: "Shimmer",
+    gender: "female" as const,
+    accent: "irish" as const,
+    age: "Adult",
+    description: "Soft, calming presence",
+  },
+];
+
+export function VoiceSelectorDemo() {
+  const [selected, setSelected] = useState<string | undefined>(undefined);
+
+  return (
+    <div className="flex w-full flex-col gap-4">
+      <p className="text-sm text-muted-foreground">
+        A dialog-based voice picker with search, gender, accent, and preview
+        controls.
+      </p>
+
+      <VoiceSelector value={selected} onValueChange={setSelected}>
+        <VoiceSelectorTrigger asChild>
+          <Button variant="outline">
+            {selected
+              ? (voices.find((v) => v.id === selected)?.name ?? "Select voice")
+              : "Select a voice..."}
+          </Button>
+        </VoiceSelectorTrigger>
+
+        <VoiceSelectorContent title="Choose a Voice">
+          <VoiceSelectorInput placeholder="Search voices..." />
+          <VoiceSelectorList>
+            <VoiceSelectorEmpty>No voices found.</VoiceSelectorEmpty>
+            <VoiceSelectorGroup heading="Available Voices">
+              {voices.map((voice) => (
+                <VoiceSelectorItem
+                  key={voice.id}
+                  value={voice.id}
+                  onSelect={() => setSelected(voice.id)}
+                >
+                  <div className="flex w-full items-center gap-3">
+                    <div className="flex flex-1 flex-col gap-0.5">
+                      <div className="flex items-center gap-2">
+                        <VoiceSelectorName>{voice.name}</VoiceSelectorName>
+                        <VoiceSelectorAttributes>
+                          <VoiceSelectorGender value={voice.gender} />
+                          <VoiceSelectorBullet />
+                          <VoiceSelectorAccent value={voice.accent} />
+                          <VoiceSelectorBullet />
+                          <VoiceSelectorAge>{voice.age}</VoiceSelectorAge>
+                        </VoiceSelectorAttributes>
+                      </div>
+                      <VoiceSelectorDescription>
+                        {voice.description}
+                      </VoiceSelectorDescription>
+                    </div>
+                    <VoiceSelectorPreview
+                      onPlay={() => {
+                        /* no-op in demo */
+                      }}
+                    />
+                  </div>
+                </VoiceSelectorItem>
+              ))}
+            </VoiceSelectorGroup>
+            <VoiceSelectorSeparator />
+          </VoiceSelectorList>
+        </VoiceSelectorContent>
+      </VoiceSelector>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/ai-elements/web-preview-demo.tsx b/packages/ghost-ui/src/components/docs/ai-elements/web-preview-demo.tsx
new file mode 100644
index 0000000..1e779e6
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/ai-elements/web-preview-demo.tsx
@@ -0,0 +1,52 @@
+"use client";
+
+import { ArrowLeftIcon, ArrowRightIcon, RefreshCwIcon } from "lucide-react";
+import {
+  WebPreview,
+  WebPreviewBody,
+  WebPreviewConsole,
+  WebPreviewNavigation,
+  WebPreviewNavigationButton,
+  WebPreviewUrl,
+} from "@/components/ai-elements/web-preview";
+
+export function WebPreviewDemo() {
+  return (
+    <div className="grid max-w-2xl gap-6">
+      <WebPreview defaultUrl="https://example.com" className="h-[480px]">
+        <WebPreviewNavigation>
+          <WebPreviewNavigationButton tooltip="Back">
+            <ArrowLeftIcon className="size-4" />
+          </WebPreviewNavigationButton>
+          <WebPreviewNavigationButton tooltip="Forward">
+            <ArrowRightIcon className="size-4" />
+          </WebPreviewNavigationButton>
+          <WebPreviewNavigationButton tooltip="Reload">
+            <RefreshCwIcon className="size-4" />
+          </WebPreviewNavigationButton>
+          <WebPreviewUrl />
+        </WebPreviewNavigation>
+        <WebPreviewBody />
+        <WebPreviewConsole
+          logs={[
+            {
+              level: "log",
+              message: "Page loaded successfully",
+              timestamp: new Date(2026, 2, 29, 10, 30, 0),
+            },
+            {
+              level: "warn",
+              message: "Deprecation warning: 'substr' is deprecated",
+              timestamp: new Date(2026, 2, 29, 10, 30, 1),
+            },
+            {
+              level: "error",
+              message: "Failed to load resource: net::ERR_BLOCKED_BY_CLIENT",
+              timestamp: new Date(2026, 2, 29, 10, 30, 2),
+            },
+          ]}
+        />
+      </WebPreview>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/animated-page-header.tsx b/packages/ghost-ui/src/components/docs/animated-page-header.tsx
new file mode 100644
index 0000000..89e0752
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/animated-page-header.tsx
@@ -0,0 +1,79 @@
+"use client";
+
+import gsap from "gsap";
+import { useEffect, useRef } from "react";
+
+interface AnimatedPageHeaderProps {
+  kicker: string;
+  title: string;
+  description?: string;
+}
+
+export function AnimatedPageHeader({
+  kicker,
+  title,
+  description,
+}: AnimatedPageHeaderProps) {
+  const ref = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    const ctx = gsap.context(() => {
+      const tl = gsap.timeline({ defaults: { ease: "expo.out" } });
+
+      const kickerEl = ref.current?.querySelector(".page-kicker");
+      const titleEl = ref.current?.querySelector(".page-title");
+      const descEl = ref.current?.querySelector(".page-desc");
+      const lineEl = ref.current?.querySelector(".page-line");
+
+      if (kickerEl) {
+        gsap.set(kickerEl, { y: 20, opacity: 0 });
+        tl.to(kickerEl, { y: 0, opacity: 1, duration: 0.6 });
+      }
+      if (titleEl) {
+        gsap.set(titleEl, { y: 60, opacity: 0 });
+        tl.to(titleEl, { y: 0, opacity: 1, duration: 1 }, "-=0.4");
+      }
+      if (lineEl) {
+        gsap.set(lineEl, { scaleX: 0 });
+        tl.to(
+          lineEl,
+          { scaleX: 1, duration: 0.8, ease: "power2.inOut" },
+          "-=0.5",
+        );
+      }
+      if (descEl) {
+        gsap.set(descEl, { y: 20, opacity: 0 });
+        tl.to(descEl, { y: 0, opacity: 1, duration: 0.6 }, "-=0.4");
+      }
+    }, ref);
+
+    return () => ctx.revert();
+  }, []);
+
+  return (
+    <div ref={ref} className="py-12 sm:py-16 md:py-24">
+      <p
+        className="page-kicker font-display uppercase text-muted-foreground"
+        style={{
+          fontSize: "var(--label-font-size)",
+          letterSpacing: "var(--label-letter-spacing)",
+          fontWeight: "var(--label-font-weight)",
+        }}
+      >
+        {kicker}
+      </p>
+      <div
+        className="page-title font-display font-black tracking-[-0.05em] leading-[0.88] mt-2"
+        style={{ fontSize: "var(--heading-section-font-size)" }}
+      >
+        {title}
+      </div>
+      <div className="page-line my-5 h-px w-24 origin-left bg-border-strong lg:w-32" />
+      {description && (
+        <p className="page-desc max-w-[60ch] text-muted-foreground leading-relaxed">
+          {description}
+        </p>
+      )}
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/bento/activity-goal.tsx b/packages/ghost-ui/src/components/docs/bento/activity-goal.tsx
new file mode 100644
index 0000000..4307f50
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/bento/activity-goal.tsx
@@ -0,0 +1,64 @@
+"use client";
+
+import { Minus, Plus } from "lucide-react";
+import * as React from "react";
+
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+
+export function CardsActivityGoal() {
+  const [amount, setAmount] = React.useState(350);
+
+  function onClick(adjustment: number) {
+    setAmount(Math.max(200, Math.min(400, amount + adjustment)));
+  }
+
+  return (
+    <Card>
+      <CardHeader className="pb-4">
+        <CardTitle>Payment Amount</CardTitle>
+        <CardDescription>Set your payment amount.</CardDescription>
+      </CardHeader>
+      <CardContent className="pb-2">
+        <div className="flex items-center justify-center space-x-2">
+          <Button
+            variant="outline"
+            appearance="icon"
+            className="h-12 w-12 shrink-0 rounded-full border-border-standard"
+            onClick={() => onClick(-10)}
+            disabled={amount <= 200}
+          >
+            <Minus />
+            <span className="sr-only">Decrease</span>
+          </Button>
+          <div className="flex-1 text-center">
+            <div className="text-6xl font-mono font-bold">${amount}</div>
+            <div className="text-[0.70rem] uppercase text-muted-foreground">
+              USD
+            </div>
+          </div>
+          <Button
+            variant="outline"
+            appearance="icon"
+            className="h-12 w-12 shrink-0 rounded-full border-border-standard"
+            onClick={() => onClick(10)}
+            disabled={amount >= 400}
+          >
+            <Plus />
+            <span className="sr-only">Increase</span>
+          </Button>
+        </div>
+      </CardContent>
+      <CardFooter>
+        <Button className="w-full">Pay Now</Button>
+      </CardFooter>
+    </Card>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/bento/calendar.tsx b/packages/ghost-ui/src/components/docs/bento/calendar.tsx
new file mode 100644
index 0000000..8853f02
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/bento/calendar.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import { addDays } from "date-fns";
+
+import { Calendar } from "@/components/ui/calendar";
+import { Card, CardContent } from "@/components/ui/card";
+
+const start = new Date(2023, 5, 5);
+
+export function CardsCalendar() {
+  return (
+    <Card className="max-w-[260px]">
+      <CardContent className="p-1">
+        <Calendar
+          numberOfMonths={1}
+          mode="range"
+          defaultMonth={start}
+          selected={{
+            from: start,
+            to: addDays(start, 8),
+          }}
+        />
+      </CardContent>
+    </Card>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/bento/chat.tsx b/packages/ghost-ui/src/components/docs/bento/chat.tsx
new file mode 100644
index 0000000..9767a69
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/bento/chat.tsx
@@ -0,0 +1,253 @@
+"use client";
+
+import { Check, Plus, Send } from "lucide-react";
+import * as React from "react";
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardFooter,
+  CardHeader,
+} from "@/components/ui/card";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+} from "@/components/ui/command";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { Input } from "@/components/ui/input";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+import { cn } from "@/lib/utils";
+
+const users = [
+  {
+    name: "Olivia Martin",
+    email: "m@example.com",
+  },
+  {
+    name: "Isabella Nguyen",
+    email: "isabella.nguyen@email.com",
+  },
+  {
+    name: "Emma Wilson",
+    email: "emma@example.com",
+  },
+  {
+    name: "Jackson Lee",
+    email: "lee@example.com",
+  },
+  {
+    name: "William Kim",
+    email: "will@email.com",
+  },
+] as const;
+
+type User = (typeof users)[number];
+
+export function CardsChat() {
+  const [open, setOpen] = React.useState(false);
+  const [selectedUsers, setSelectedUsers] = React.useState<User[]>([]);
+
+  const [messages, setMessages] = React.useState([
+    {
+      role: "agent",
+      content: "Hi, how can I help you today?",
+    },
+    {
+      role: "user",
+      content: "Hey, I'm having trouble with my account.",
+    },
+    {
+      role: "agent",
+      content: "What seems to be the problem?",
+    },
+    {
+      role: "user",
+      content: "I can't log in.",
+    },
+  ]);
+  const [input, setInput] = React.useState("");
+  const inputLength = input.trim().length;
+
+  return (
+    <>
+      <Card>
+        <CardHeader className="flex flex-row items-center">
+          <div className="flex items-center space-x-4">
+            <Avatar>
+              <AvatarFallback>OM</AvatarFallback>
+            </Avatar>
+            <div>
+              <p className="text-sm font-medium leading-none">Sofia Davis</p>
+              <p className="text-sm text-muted-foreground">m@example.com</p>
+            </div>
+          </div>
+          <TooltipProvider delayDuration={0}>
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <Button
+                  appearance="icon"
+                  variant="outline"
+                  className="ml-auto w-9 rounded-full"
+                  onClick={() => setOpen(true)}
+                >
+                  <Plus />
+                  <span className="sr-only">New message</span>
+                </Button>
+              </TooltipTrigger>
+              <TooltipContent sideOffset={10}>New message</TooltipContent>
+            </Tooltip>
+          </TooltipProvider>
+        </CardHeader>
+        <CardContent>
+          <div className="space-y-4">
+            {messages.map((message, index) => (
+              <div
+                key={index}
+                className={cn(
+                  "flex w-max max-w-[75%] flex-col gap-2 rounded-lg px-3 py-2 text-sm",
+                  message.role === "user"
+                    ? "ml-auto bg-primary text-primary-foreground"
+                    : "bg-muted",
+                )}
+              >
+                {message.content}
+              </div>
+            ))}
+          </div>
+        </CardContent>
+        <CardFooter>
+          <form
+            onSubmit={(event) => {
+              event.preventDefault();
+              if (inputLength === 0) return;
+              setMessages([
+                ...messages,
+                {
+                  role: "user",
+                  content: input,
+                },
+              ]);
+              setInput("");
+            }}
+            className="flex w-full items-center space-x-2"
+          >
+            <Input
+              id="message"
+              placeholder="Type your message..."
+              className="flex-1"
+              autoComplete="off"
+              value={input}
+              onChange={(event) => setInput(event.target.value)}
+            />
+            <Button
+              type="submit"
+              appearance="icon"
+              disabled={inputLength === 0}
+            >
+              <Send />
+              <span className="sr-only">Send</span>
+            </Button>
+          </form>
+        </CardFooter>
+      </Card>
+      <Dialog open={open} onOpenChange={setOpen}>
+        <DialogContent className="gap-0 p-0 outline-none">
+          <DialogHeader className="px-4 pb-4 pt-5">
+            <DialogTitle>New message</DialogTitle>
+            <DialogDescription>
+              Invite a user to this thread. This will create a new group
+              message.
+            </DialogDescription>
+          </DialogHeader>
+          <Command className="overflow-hidden rounded-t-none border-t bg-transparent">
+            <CommandInput placeholder="Search user..." />
+            <CommandList>
+              <CommandEmpty>No users found.</CommandEmpty>
+              <CommandGroup className="p-2">
+                {users.map((user) => (
+                  <CommandItem
+                    key={user.email}
+                    className="flex items-center px-2"
+                    onSelect={() => {
+                      if (selectedUsers.includes(user)) {
+                        return setSelectedUsers(
+                          selectedUsers.filter(
+                            (selectedUser) => selectedUser !== user,
+                          ),
+                        );
+                      }
+
+                      return setSelectedUsers(
+                        [...users].filter((u) =>
+                          [...selectedUsers, user].includes(u),
+                        ),
+                      );
+                    }}
+                  >
+                    <Avatar>
+                      <AvatarFallback>{user.name[0]}</AvatarFallback>
+                    </Avatar>
+                    <div className="ml-2">
+                      <p className="text-sm font-medium leading-none">
+                        {user.name}
+                      </p>
+                      <p className="text-sm text-muted-foreground">
+                        {user.email}
+                      </p>
+                    </div>
+                    {selectedUsers.includes(user) ? (
+                      <Check className="ml-auto flex h-5 w-5 text-primary" />
+                    ) : null}
+                  </CommandItem>
+                ))}
+              </CommandGroup>
+            </CommandList>
+          </Command>
+          <DialogFooter className="flex items-center border-t p-4 sm:justify-between">
+            {selectedUsers.length > 0 ? (
+              <div className="flex -space-x-2 overflow-hidden">
+                {selectedUsers.map((user) => (
+                  <Avatar
+                    key={user.email}
+                    className="inline-block border-2 border-background"
+                  >
+                    <AvatarFallback>{user.name[0]}</AvatarFallback>
+                  </Avatar>
+                ))}
+              </div>
+            ) : (
+              <p className="text-sm text-muted-foreground">
+                Select users to add to this thread.
+              </p>
+            )}
+            <Button
+              disabled={selectedUsers.length < 2}
+              onClick={() => {
+                setOpen(false);
+              }}
+            >
+              Continue
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/bento/cookie-settings.tsx b/packages/ghost-ui/src/components/docs/bento/cookie-settings.tsx
new file mode 100644
index 0000000..98ed054
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/bento/cookie-settings.tsx
@@ -0,0 +1,60 @@
+"use client";
+
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { Label } from "@/components/ui/label";
+import { Switch } from "@/components/ui/switch";
+
+export function CardsCookieSettings() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Cookie Settings</CardTitle>
+        <CardDescription>Manage your cookie settings here.</CardDescription>
+      </CardHeader>
+      <CardContent className="grid gap-6">
+        <div className="flex items-center justify-between space-x-4">
+          <Label htmlFor="necessary" className="flex flex-col space-y-1">
+            <span>Strictly Necessary</span>
+            <span className="text-xs font-normal leading-snug text-muted-foreground">
+              These cookies are essential in order to use the website and use
+              its features.
+            </span>
+          </Label>
+          <Switch id="necessary" defaultChecked aria-label="Necessary" />
+        </div>
+        <div className="flex items-center justify-between space-x-4">
+          <Label htmlFor="functional" className="flex flex-col space-y-1">
+            <span>Functional Cookies</span>
+            <span className="text-xs font-normal leading-snug text-muted-foreground">
+              These cookies allow the website to provide personalized
+              functionality.
+            </span>
+          </Label>
+          <Switch id="functional" aria-label="Functional" />
+        </div>
+        <div className="flex items-center justify-between space-x-4">
+          <Label htmlFor="performance" className="flex flex-col space-y-1">
+            <span>Performance Cookies</span>
+            <span className="text-xs font-normal leading-snug text-muted-foreground">
+              These cookies help to improve the performance of the website.
+            </span>
+          </Label>
+          <Switch id="performance" aria-label="Performance" />
+        </div>
+      </CardContent>
+      <CardFooter>
+        <Button variant="outline" className="w-full">
+          Save preferences
+        </Button>
+      </CardFooter>
+    </Card>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/bento/create-account.tsx b/packages/ghost-ui/src/components/docs/bento/create-account.tsx
new file mode 100644
index 0000000..0e2b8af
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/bento/create-account.tsx
@@ -0,0 +1,60 @@
+"use client";
+
+import { Icons } from "@/components/docs/icons";
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+
+export function CardsCreateAccount() {
+  return (
+    <Card>
+      <CardHeader className="">
+        <CardTitle className="text-2xl">Create an account</CardTitle>
+        <CardDescription>
+          Enter your email below to create your account
+        </CardDescription>
+      </CardHeader>
+      <CardContent className="grid gap-4">
+        <div className="grid grid-cols-2 gap-6">
+          <Button variant="outline">
+            <Icons.gitHub />
+            GitHub
+          </Button>
+          <Button variant="outline">
+            <Icons.google />
+            Google
+          </Button>
+        </div>
+        <div className="relative">
+          <div className="absolute inset-0 flex items-center">
+            <span className="w-full border-t" />
+          </div>
+          <div className="relative flex justify-center text-xs uppercase">
+            <span className="bg-card px-2 text-muted-foreground">
+              Or continue with
+            </span>
+          </div>
+        </div>
+        <div className="grid gap-2">
+          <Label htmlFor="email">Email</Label>
+          <Input id="email" type="email" placeholder="m@example.com" />
+        </div>
+        <div className="grid gap-2">
+          <Label htmlFor="password">Password</Label>
+          <Input id="password" type="password" />
+        </div>
+      </CardContent>
+      <CardFooter>
+        <Button className="w-full">Create account</Button>
+      </CardFooter>
+    </Card>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/bento/data-table.tsx b/packages/ghost-ui/src/components/docs/bento/data-table.tsx
new file mode 100644
index 0000000..e35b38a
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/bento/data-table.tsx
@@ -0,0 +1,327 @@
+"use client";
+
+import {
+  ColumnDef,
+  ColumnFiltersState,
+  flexRender,
+  getCoreRowModel,
+  getFilteredRowModel,
+  getPaginationRowModel,
+  getSortedRowModel,
+  SortingState,
+  useReactTable,
+  VisibilityState,
+} from "@tanstack/react-table";
+import { ArrowUpDown, ChevronDown, MoreHorizontal } from "lucide-react";
+import * as React from "react";
+
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { Checkbox } from "@/components/ui/checkbox";
+import {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { Input } from "@/components/ui/input";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+
+const data: Payment[] = [
+  {
+    id: "m5gr84i9",
+    amount: 316,
+    status: "success",
+    email: "ken99@example.com",
+  },
+  {
+    id: "3u1reuv4",
+    amount: 242,
+    status: "success",
+    email: "Abe45@example.com",
+  },
+  {
+    id: "derv1ws0",
+    amount: 837,
+    status: "processing",
+    email: "Monserrat44@example.com",
+  },
+  {
+    id: "bhqecj4p",
+    amount: 721,
+    status: "failed",
+    email: "carmella@example.com",
+  },
+];
+
+export type Payment = {
+  id: string;
+  amount: number;
+  status: "pending" | "processing" | "success" | "failed";
+  email: string;
+};
+
+export const columns: ColumnDef<Payment>[] = [
+  {
+    id: "select",
+    header: ({ table }) => (
+      <Checkbox
+        checked={
+          table.getIsAllPageRowsSelected() ||
+          (table.getIsSomePageRowsSelected() && "indeterminate")
+        }
+        onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
+        aria-label="Select all"
+      />
+    ),
+    cell: ({ row }) => (
+      <Checkbox
+        checked={row.getIsSelected()}
+        onCheckedChange={(value) => row.toggleSelected(!!value)}
+        aria-label="Select row"
+      />
+    ),
+    enableSorting: false,
+    enableHiding: false,
+  },
+  {
+    accessorKey: "status",
+    header: "Status",
+    cell: ({ row }) => (
+      <div className="capitalize">{row.getValue("status")}</div>
+    ),
+  },
+  {
+    accessorKey: "email",
+    header: ({ column }) => {
+      return (
+        <Button
+          variant="ghost"
+          onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
+        >
+          Email
+          <ArrowUpDown />
+        </Button>
+      );
+    },
+    cell: ({ row }) => <div className="lowercase">{row.getValue("email")}</div>,
+  },
+  {
+    accessorKey: "amount",
+    header: () => <div className="text-right">Amount</div>,
+    cell: ({ row }) => {
+      const amount = parseFloat(row.getValue("amount"));
+
+      // Format the amount as a dollar amount
+      const formatted = new Intl.NumberFormat("en-US", {
+        style: "currency",
+        currency: "USD",
+      }).format(amount);
+
+      return (
+        <div className="text-right font-mono font-medium">{formatted}</div>
+      );
+    },
+  },
+  {
+    id: "actions",
+    enableHiding: false,
+    cell: ({ row }) => {
+      const payment = row.original;
+
+      return (
+        <DropdownMenu>
+          <DropdownMenuTrigger asChild>
+            <Button variant="ghost" className="h-8 w-8 p-0">
+              <span className="sr-only">Open menu</span>
+              <MoreHorizontal />
+            </Button>
+          </DropdownMenuTrigger>
+          <DropdownMenuContent align="end">
+            <DropdownMenuLabel>Actions</DropdownMenuLabel>
+            <DropdownMenuItem
+              onClick={() => navigator.clipboard.writeText(payment.id)}
+            >
+              Copy payment ID
+            </DropdownMenuItem>
+            <DropdownMenuSeparator />
+            <DropdownMenuItem>View customer</DropdownMenuItem>
+            <DropdownMenuItem>View payment details</DropdownMenuItem>
+          </DropdownMenuContent>
+        </DropdownMenu>
+      );
+    },
+  },
+];
+
+export function CardsDataTable() {
+  const [sorting, setSorting] = React.useState<SortingState>([]);
+  const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(
+    [],
+  );
+  const [columnVisibility, setColumnVisibility] =
+    React.useState<VisibilityState>({});
+  const [rowSelection, setRowSelection] = React.useState({});
+
+  const table = useReactTable({
+    data,
+    columns,
+    onSortingChange: setSorting,
+    onColumnFiltersChange: setColumnFilters,
+    getCoreRowModel: getCoreRowModel(),
+    getPaginationRowModel: getPaginationRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    onColumnVisibilityChange: setColumnVisibility,
+    onRowSelectionChange: setRowSelection,
+    state: {
+      sorting,
+      columnFilters,
+      columnVisibility,
+      rowSelection,
+    },
+  });
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle className="text-xl">Payments</CardTitle>
+        <CardDescription>Manage your payments.</CardDescription>
+      </CardHeader>
+      <CardContent>
+        <div className="mb-4 flex items-center gap-4">
+          <Input
+            placeholder="Filter emails..."
+            value={(table.getColumn("email")?.getFilterValue() as string) ?? ""}
+            onChange={(event) =>
+              table.getColumn("email")?.setFilterValue(event.target.value)
+            }
+            className="max-w-sm"
+          />
+          <DropdownMenu>
+            <DropdownMenuTrigger asChild>
+              <Button variant="outline" className="ml-auto">
+                Columns <ChevronDown />
+              </Button>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent align="end">
+              {table
+                .getAllColumns()
+                .filter((column) => column.getCanHide())
+                .map((column) => {
+                  return (
+                    <DropdownMenuCheckboxItem
+                      key={column.id}
+                      className="capitalize"
+                      checked={column.getIsVisible()}
+                      onCheckedChange={(value) =>
+                        column.toggleVisibility(!!value)
+                      }
+                    >
+                      {column.id}
+                    </DropdownMenuCheckboxItem>
+                  );
+                })}
+            </DropdownMenuContent>
+          </DropdownMenu>
+        </div>
+        <div className="rounded-md border">
+          <Table>
+            <TableHeader>
+              {table.getHeaderGroups().map((headerGroup) => (
+                <TableRow key={headerGroup.id}>
+                  {headerGroup.headers.map((header) => {
+                    return (
+                      <TableHead
+                        key={header.id}
+                        className="[&:has([role=checkbox])]:pl-3"
+                      >
+                        {header.isPlaceholder
+                          ? null
+                          : flexRender(
+                              header.column.columnDef.header,
+                              header.getContext(),
+                            )}
+                      </TableHead>
+                    );
+                  })}
+                </TableRow>
+              ))}
+            </TableHeader>
+            <TableBody>
+              {table.getRowModel().rows?.length ? (
+                table.getRowModel().rows.map((row) => (
+                  <TableRow
+                    key={row.id}
+                    data-state={row.getIsSelected() && "selected"}
+                  >
+                    {row.getVisibleCells().map((cell) => (
+                      <TableCell
+                        key={cell.id}
+                        className="[&:has([role=checkbox])]:pl-3"
+                      >
+                        {flexRender(
+                          cell.column.columnDef.cell,
+                          cell.getContext(),
+                        )}
+                      </TableCell>
+                    ))}
+                  </TableRow>
+                ))
+              ) : (
+                <TableRow>
+                  <TableCell
+                    colSpan={columns.length}
+                    className="h-24 text-center"
+                  >
+                    No results.
+                  </TableCell>
+                </TableRow>
+              )}
+            </TableBody>
+          </Table>
+        </div>
+        <div className="flex items-center justify-end space-x-2 pt-4">
+          <div className="flex-1 text-sm text-muted-foreground">
+            {table.getFilteredSelectedRowModel().rows.length} of{" "}
+            {table.getFilteredRowModel().rows.length} row(s) selected.
+          </div>
+          <div className="space-x-2">
+            <Button
+              variant="outline"
+              size="sm"
+              onClick={() => table.previousPage()}
+              disabled={!table.getCanPreviousPage()}
+            >
+              Previous
+            </Button>
+            <Button
+              variant="outline"
+              size="sm"
+              onClick={() => table.nextPage()}
+              disabled={!table.getCanNextPage()}
+            >
+              Next
+            </Button>
+          </div>
+        </div>
+      </CardContent>
+    </Card>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/bento/index.tsx b/packages/ghost-ui/src/components/docs/bento/index.tsx
new file mode 100644
index 0000000..08fa106
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/bento/index.tsx
@@ -0,0 +1,100 @@
+"use client";
+
+import { lazy, Suspense } from "react";
+import { CardsChat } from "@/components/docs/bento/chat";
+import { CardsCookieSettings } from "@/components/docs/bento/cookie-settings";
+import { CardsCreateAccount } from "@/components/docs/bento/create-account";
+import { CardsPaymentMethod } from "@/components/docs/bento/payment-method";
+import { CardsReportIssue } from "@/components/docs/bento/report-issue";
+import { CardsShare } from "@/components/docs/bento/share";
+import { CardsTeamMembers } from "@/components/docs/bento/team-members";
+import { useIsMobile } from "@/hooks/use-mobile";
+
+const CardsStats = lazy(() =>
+  import("@/components/docs/bento/stats").then((m) => ({
+    default: m.CardsStats,
+  })),
+);
+const CardsCalendar = lazy(() =>
+  import("@/components/docs/bento/calendar").then((m) => ({
+    default: m.CardsCalendar,
+  })),
+);
+const CardsActivityGoal = lazy(() =>
+  import("@/components/docs/bento/activity-goal").then((m) => ({
+    default: m.CardsActivityGoal,
+  })),
+);
+const CardsMetric = lazy(() =>
+  import("@/components/docs/bento/metric").then((m) => ({
+    default: m.CardsMetric,
+  })),
+);
+const CardsDataTable = lazy(() =>
+  import("@/components/docs/bento/data-table").then((m) => ({
+    default: m.CardsDataTable,
+  })),
+);
+
+function CalendarMetricGroup() {
+  return (
+    <div className="grid gap-1 sm:grid-cols-[260px_1fr]">
+      <Suspense>
+        <CardsCalendar />
+      </Suspense>
+      <div className="pt-3 sm:pl-2 sm:pt-0 xl:pl-3">
+        <Suspense>
+          <CardsActivityGoal />
+        </Suspense>
+      </div>
+      <div className="pt-3 sm:col-span-2 xl:pt-3">
+        <Suspense>
+          <CardsMetric />
+        </Suspense>
+      </div>
+    </div>
+  );
+}
+
+export function BentoDemo() {
+  const isMobile = useIsMobile();
+
+  return (
+    <div className="md:grids-col-2 grid md:gap-4 lg:grid-cols-10 xl:grid-cols-11 xl:gap-4">
+      <div className="space-y-4 lg:col-span-4 xl:col-span-6 xl:space-y-4">
+        <Suspense>
+          <CardsStats />
+        </Suspense>
+        {isMobile && <CalendarMetricGroup />}
+        <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-1 xl:grid-cols-2">
+          <div className="space-y-4 xl:space-y-4">
+            <CardsTeamMembers />
+            <CardsCookieSettings />
+            <CardsPaymentMethod />
+          </div>
+          <div className="space-y-4 xl:space-y-4">
+            <CardsChat />
+            <CardsCreateAccount />
+            <div className="hidden xl:block">
+              <CardsReportIssue />
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="space-y-4 lg:col-span-6 xl:col-span-5 xl:space-y-4">
+        {!isMobile && (
+          <>
+            <CalendarMetricGroup />
+            <Suspense>
+              <CardsDataTable />
+            </Suspense>
+          </>
+        )}
+        <CardsShare />
+        <div className="xl:hidden">
+          <CardsReportIssue />
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/bento/metric.tsx b/packages/ghost-ui/src/components/docs/bento/metric.tsx
new file mode 100644
index 0000000..89e8431
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/bento/metric.tsx
@@ -0,0 +1,108 @@
+"use client";
+
+import { Line, LineChart } from "recharts";
+
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import {
+  ChartConfig,
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+} from "@/components/ui/chart";
+
+const data = [
+  {
+    average: 400,
+    today: 240,
+  },
+  {
+    average: 300,
+    today: 139,
+  },
+  {
+    average: 200,
+    today: 980,
+  },
+  {
+    average: 278,
+    today: 390,
+  },
+  {
+    average: 189,
+    today: 480,
+  },
+  {
+    average: 239,
+    today: 380,
+  },
+  {
+    average: 349,
+    today: 430,
+  },
+];
+
+const chartConfig = {
+  today: {
+    label: "Current Value",
+    color: "hsl(var(--primary))",
+  },
+  average: {
+    label: "Average Value",
+    color: "hsl(var(--primary))",
+  },
+} satisfies ChartConfig;
+
+export function CardsMetric() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Portfolio Value</CardTitle>
+        <CardDescription>
+          Your portfolio is performing above its 7-day average.
+        </CardDescription>
+      </CardHeader>
+      <CardContent className="pb-4">
+        <ChartContainer config={chartConfig} className="w-full h-[200px]">
+          <LineChart
+            data={data}
+            margin={{
+              top: 5,
+              right: 10,
+              left: 10,
+              bottom: 0,
+            }}
+          >
+            <Line
+              type="monotone"
+              strokeWidth={2}
+              dataKey="average"
+              stroke="var(--border)"
+              strokeOpacity={0.5}
+              activeDot={{
+                r: 6,
+                fill: "var(--background-inverse)",
+              }}
+            />
+            <Line
+              type="monotone"
+              dataKey="today"
+              strokeWidth={2}
+              stroke="var(--border-strong)"
+              activeDot={{
+                r: 8,
+                style: { fill: "var(--background-inverse)" },
+              }}
+            />
+            <ChartTooltip content={<ChartTooltipContent />} />
+          </LineChart>
+        </ChartContainer>
+      </CardContent>
+    </Card>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/bento/payment-amount.tsx b/packages/ghost-ui/src/components/docs/bento/payment-amount.tsx
new file mode 100644
index 0000000..1a4ca7b
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/bento/payment-amount.tsx
@@ -0,0 +1,64 @@
+"use client";
+
+import { Minus, Plus } from "lucide-react";
+import * as React from "react";
+
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+
+export function PaymentAmount() {
+  const [amount, setAmount] = React.useState(350);
+
+  function onClick(adjustment: number) {
+    setAmount(Math.max(200, Math.min(400, amount + adjustment)));
+  }
+
+  return (
+    <Card className="h-full">
+      <CardHeader className="pb-4">
+        <CardTitle>Payment Amount</CardTitle>
+        <CardDescription>Set your payment amount.</CardDescription>
+      </CardHeader>
+      <CardContent className="pb-2">
+        <div className="flex items-center justify-center space-x-2">
+          <Button
+            variant="outline"
+            appearance="icon"
+            className="h-12 w-12 shrink-0 rounded-full border-border-standard"
+            onClick={() => onClick(-10)}
+            disabled={amount <= 200}
+          >
+            <Minus />
+            <span className="sr-only">Decrease</span>
+          </Button>
+          <div className="flex-1 text-center">
+            <div className="text-6xl font-mono font-bold">${amount}</div>
+            <div className="text-[0.70rem] uppercase text-muted-foreground">
+              USD
+            </div>
+          </div>
+          <Button
+            variant="outline"
+            appearance="icon"
+            className="h-12 w-12 shrink-0 rounded-full border-border-standard"
+            onClick={() => onClick(10)}
+            disabled={amount >= 400}
+          >
+            <Plus />
+            <span className="sr-only">Increase</span>
+          </Button>
+        </div>
+      </CardContent>
+      <CardFooter>
+        <Button className="w-full">Pay Now</Button>
+      </CardFooter>
+    </Card>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/bento/payment-method.tsx b/packages/ghost-ui/src/components/docs/bento/payment-method.tsx
new file mode 100644
index 0000000..efb50d5
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/bento/payment-method.tsx
@@ -0,0 +1,139 @@
+"use client";
+
+import { Icons } from "@/components/docs/icons";
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+
+export function CardsPaymentMethod() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Payment Method</CardTitle>
+        <CardDescription>
+          Add a new payment method to your account.
+        </CardDescription>
+      </CardHeader>
+      <CardContent className="grid gap-6">
+        <RadioGroup defaultValue="card" className="grid grid-cols-3 gap-4">
+          <div>
+            <RadioGroupItem
+              value="card"
+              id="card"
+              className="peer sr-only"
+              aria-label="Card"
+            />
+            <Label
+              htmlFor="card"
+              className="flex flex-col items-center justify-between rounded-md border-2 border-border-muted bg-transparent p-4 hover:bg-accent text-muted-foreground hover:text-foreground peer-data-[state=checked]:border-border-strong [&:has([data-state=checked])]:border-border-strong "
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                strokeWidth="2"
+                className="mb-3 h-6 w-6"
+              >
+                <rect width="20" height="14" x="2" y="5" rx="2" />
+                <path d="M2 10h20" />
+              </svg>
+              Card
+            </Label>
+          </div>
+          <div>
+            <RadioGroupItem
+              value="cashapp"
+              id="cashapp"
+              className="peer sr-only"
+              aria-label="CashApp"
+            />
+            <Label
+              htmlFor="cashapp"
+              className="flex flex-col items-center justify-between rounded-md border-2 border-border-muted bg-transparent p-4 hover:bg-accent text-muted-foreground hover:text-foreground peer-data-[state=checked]:border-border-strong [&:has([data-state=checked])]:border-border-strong "
+            >
+              <Icons.cashapp className="mb-3 h-6 w-6" />
+              CashApp
+            </Label>
+          </div>
+        </RadioGroup>
+        <div className="grid gap-2">
+          <Label htmlFor="name">Name</Label>
+          <Input id="name" placeholder="First Last" />
+        </div>
+        <div className="grid gap-2">
+          <Label htmlFor="city">City</Label>
+          <Input id="city" placeholder="" />
+        </div>
+        <div className="grid gap-2">
+          <Label htmlFor="number">Card number</Label>
+          <Input id="number" placeholder="" />
+        </div>
+        <div className="grid grid-cols-3 gap-4">
+          <div className="grid gap-2">
+            <Label htmlFor="month">Expires</Label>
+            <Select>
+              <SelectTrigger id="month" aria-label="Month">
+                <SelectValue placeholder="Month" />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectItem value="1">January</SelectItem>
+                <SelectItem value="2">February</SelectItem>
+                <SelectItem value="3">March</SelectItem>
+                <SelectItem value="4">April</SelectItem>
+                <SelectItem value="5">May</SelectItem>
+                <SelectItem value="6">June</SelectItem>
+                <SelectItem value="7">July</SelectItem>
+                <SelectItem value="8">August</SelectItem>
+                <SelectItem value="9">September</SelectItem>
+                <SelectItem value="10">October</SelectItem>
+                <SelectItem value="11">November</SelectItem>
+                <SelectItem value="12">December</SelectItem>
+              </SelectContent>
+            </Select>
+          </div>
+          <div className="grid gap-2">
+            <Label htmlFor="year">Year</Label>
+            <Select>
+              <SelectTrigger id="year" aria-label="Year">
+                <SelectValue placeholder="Year" />
+              </SelectTrigger>
+              <SelectContent>
+                {Array.from({ length: 10 }, (_, i) => (
+                  <SelectItem key={i} value={`${new Date().getFullYear() + i}`}>
+                    {new Date().getFullYear() + i}
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          </div>
+          <div className="grid gap-2">
+            <Label htmlFor="cvc">CVC</Label>
+            <Input id="cvc" placeholder="CVC" />
+          </div>
+        </div>
+      </CardContent>
+      <CardFooter>
+        <Button className="w-full">Continue</Button>
+      </CardFooter>
+    </Card>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/bento/report-issue.tsx b/packages/ghost-ui/src/components/docs/bento/report-issue.tsx
new file mode 100644
index 0000000..e91bed1
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/bento/report-issue.tsx
@@ -0,0 +1,96 @@
+"use client";
+
+import * as React from "react";
+
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { Textarea } from "@/components/ui/textarea";
+
+export function CardsReportIssue() {
+  const id = React.useId();
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Report an issue</CardTitle>
+        <CardDescription>
+          What area are you having problems with?
+        </CardDescription>
+      </CardHeader>
+      <CardContent className="grid gap-6">
+        <div className="grid gap-2 sm:grid-cols-2">
+          <div className="grid gap-2">
+            <Label htmlFor={`area-${id}`}>Area</Label>
+            <Select defaultValue="billing">
+              <SelectTrigger
+                id={`area-${id}`}
+                aria-label="Area"
+                className="w-full"
+              >
+                <SelectValue placeholder="Select" />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectItem value="team">Team</SelectItem>
+                <SelectItem value="billing">Billing</SelectItem>
+                <SelectItem value="account">Account</SelectItem>
+                <SelectItem value="deployments">Deployments</SelectItem>
+                <SelectItem value="support">Support</SelectItem>
+              </SelectContent>
+            </Select>
+          </div>
+          <div className="grid gap-2">
+            <Label htmlFor={`security-level-${id}`}>Security Level</Label>
+            <Select defaultValue="2">
+              <SelectTrigger
+                id={`security-level-${id}`}
+                className="line-clamp-1 w-full truncate"
+                aria-label="Security Level"
+              >
+                <SelectValue placeholder="Select level" />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectItem value="1">Severity 1 (Highest)</SelectItem>
+                <SelectItem value="2">Severity 2</SelectItem>
+                <SelectItem value="3">Severity 3</SelectItem>
+                <SelectItem value="4">Severity 4 (Lowest)</SelectItem>
+              </SelectContent>
+            </Select>
+          </div>
+        </div>
+        <div className="grid gap-2">
+          <Label htmlFor={`subject-${id}`}>Subject</Label>
+          <Input id={`subject-${id}`} placeholder="I need help with..." />
+        </div>
+        <div className="grid gap-2">
+          <Label htmlFor={`description-${id}`}>Description</Label>
+          <Textarea
+            id={`description-${id}`}
+            placeholder="Please include all information relevant to your issue."
+          />
+        </div>
+      </CardContent>
+      <CardFooter className="justify-between space-x-2">
+        <Button variant="ghost" size="sm">
+          Cancel
+        </Button>
+        <Button size="sm">Submit</Button>
+      </CardFooter>
+    </Card>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/bento/share.tsx b/packages/ghost-ui/src/components/docs/bento/share.tsx
new file mode 100644
index 0000000..8bbccab
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/bento/share.tsx
@@ -0,0 +1,121 @@
+"use client";
+
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { Separator } from "@/components/ui/separator";
+
+export function CardsShare() {
+  return (
+    <Card>
+      <CardHeader className="pb-3">
+        <CardTitle>Share this document</CardTitle>
+        <CardDescription>
+          Anyone with the link can view this document.
+        </CardDescription>
+      </CardHeader>
+      <CardContent>
+        <div className="flex space-x-2">
+          <Label htmlFor="link" className="sr-only">
+            Link
+          </Label>
+          <Input
+            id="link"
+            value="http://example.com/link/to/document"
+            readOnly
+          />
+          <Button className="shrink-0">Copy Link</Button>
+        </div>
+        <Separator className="my-4" />
+        <div className="space-y-4">
+          <div className="text-sm font-display font-semibold">
+            People with access
+          </div>
+          <div className="grid gap-6">
+            <div className="flex items-center justify-between space-x-4">
+              <div className="flex items-center space-x-4">
+                <Avatar>
+                  <AvatarFallback>OM</AvatarFallback>
+                </Avatar>
+                <div>
+                  <p className="text-sm font-medium leading-none">
+                    Olivia Martin
+                  </p>
+                  <p className="text-sm text-muted-foreground">m@example.com</p>
+                </div>
+              </div>
+              <Select defaultValue="edit">
+                <SelectTrigger className="ml-auto w-[110px]" aria-label="Edit">
+                  <SelectValue placeholder="Select" />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="edit">Can edit</SelectItem>
+                  <SelectItem value="view">Can view</SelectItem>
+                </SelectContent>
+              </Select>
+            </div>
+            <div className="flex items-center justify-between space-x-4">
+              <div className="flex items-center space-x-4">
+                <Avatar>
+                  <AvatarFallback>IN</AvatarFallback>
+                </Avatar>
+                <div>
+                  <p className="text-sm font-medium leading-none">
+                    Isabella Nguyen
+                  </p>
+                  <p className="text-sm text-muted-foreground">b@example.com</p>
+                </div>
+              </div>
+              <Select defaultValue="view">
+                <SelectTrigger className="ml-auto w-[110px]" aria-label="Edit">
+                  <SelectValue placeholder="Select" />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="edit">Can edit</SelectItem>
+                  <SelectItem value="view">Can view</SelectItem>
+                </SelectContent>
+              </Select>
+            </div>
+            <div className="flex items-center justify-between space-x-4">
+              <div className="flex items-center space-x-4">
+                <Avatar>
+                  <AvatarFallback>SD</AvatarFallback>
+                </Avatar>
+                <div>
+                  <p className="text-sm font-medium leading-none">
+                    Sofia Davis
+                  </p>
+                  <p className="text-sm text-muted-foreground">p@example.com</p>
+                </div>
+              </div>
+              <Select defaultValue="view">
+                <SelectTrigger className="ml-auto w-[110px]" aria-label="Edit">
+                  <SelectValue placeholder="Select" />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="edit">Can edit</SelectItem>
+                  <SelectItem value="view">Can view</SelectItem>
+                </SelectContent>
+              </Select>
+            </div>
+          </div>
+        </div>
+      </CardContent>
+    </Card>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/bento/stats.tsx b/packages/ghost-ui/src/components/docs/bento/stats.tsx
new file mode 100644
index 0000000..bf11eeb
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/bento/stats.tsx
@@ -0,0 +1,210 @@
+"use client";
+
+import { useState } from "react";
+import { Bar, BarChart, Line, LineChart, Tooltip } from "recharts";
+
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { ChartConfig, ChartContainer } from "@/components/ui/chart";
+
+const data = [
+  {
+    revenue: 12500,
+    subscription: 320,
+  },
+  {
+    revenue: 15800,
+    subscription: 380,
+  },
+  {
+    revenue: 14200,
+    subscription: 350,
+  },
+  {
+    revenue: 16800,
+    subscription: 420,
+  },
+  {
+    revenue: 19200,
+    subscription: 450,
+  },
+  {
+    revenue: 17500,
+    subscription: 410,
+  },
+  {
+    revenue: 20300,
+    subscription: 480,
+  },
+  {
+    revenue: 22800,
+    subscription: 520,
+  },
+];
+
+const chartConfig = {
+  revenue: {
+    label: "Revenue",
+    color: "hsl(var(--primary))",
+  },
+  subscription: {
+    label: "Subscriptions",
+    color: "hsl(var(--primary))",
+  },
+} satisfies ChartConfig;
+
+interface CustomTooltipProps {
+  active?: boolean;
+  payload?: any[];
+  label?: string;
+  type?: "revenue" | "subscription";
+}
+
+const CustomTooltip = ({
+  active,
+  payload,
+  label,
+  type,
+}: CustomTooltipProps) => {
+  if (active && payload && payload.length) {
+    return (
+      <div className="rounded-lg bg-background border p-3">
+        <p className="text-sm font-medium">
+          {type === "revenue" ? "$" : ""}
+          {payload[0].value.toLocaleString()}
+        </p>
+      </div>
+    );
+  }
+  return null;
+};
+
+export function CardsStats() {
+  const [activeIndex, setActiveIndex] = useState<number | null>(null);
+
+  const handleMouseEnter = (props: any) => {
+    if (props && typeof props.index === "number") {
+      setActiveIndex(props.index);
+    }
+  };
+
+  const handleMouseLeave = () => {
+    setActiveIndex(null);
+  };
+
+  return (
+    <div className="grid gap-4 sm:grid-cols-2 xl:grid-cols-2">
+      <Card>
+        <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+          <CardTitle>Total Revenue</CardTitle>
+        </CardHeader>
+        <CardContent className="flex flex-col h-full pb-0">
+          <div className="flex-1">
+            <ChartContainer
+              config={chartConfig}
+              className="h-full min-h-[180px] w-full"
+            >
+              <LineChart
+                data={data}
+                margin={{
+                  top: 5,
+                  right: 10,
+                  left: 10,
+                  bottom: 0,
+                }}
+                onMouseLeave={handleMouseLeave}
+              >
+                <Line
+                  key="revenue-line"
+                  type="monotone"
+                  strokeWidth={2}
+                  dataKey="revenue"
+                  stroke="var(--border-strong)"
+                  activeDot={{
+                    r: 6,
+                    stroke: "var(--border)",
+                    strokeWidth: 2,
+                    fill: "var(--background-inverse)",
+                  }}
+                  dot={(props: any) => {
+                    const isActive = activeIndex === props.index;
+                    return (
+                      <circle
+                        key={`dot-${props.index}`}
+                        cx={props.cx}
+                        cy={props.cy}
+                        r={isActive ? 5 : 4}
+                        stroke="var(--border-strong)"
+                        strokeWidth={isActive ? 2.5 : 2}
+                        fill="var(--background)"
+                        className="transition-all duration-200"
+                      />
+                    );
+                  }}
+                  onMouseEnter={handleMouseEnter}
+                />
+                <Tooltip
+                  content={<CustomTooltip type="revenue" />}
+                  cursor={false}
+                />
+              </LineChart>
+            </ChartContainer>
+          </div>
+          <div className="pt-4">
+            <div className="text-2xl font-mono font-bold">$15,231.89</div>
+            <p className="text-xs text-muted-foreground">
+              +20.1% from last month
+            </p>
+          </div>
+        </CardContent>
+      </Card>
+      <Card>
+        <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+          <CardTitle>Subscriptions</CardTitle>
+        </CardHeader>
+        <CardContent className="flex flex-col h-full">
+          <div className="flex-1">
+            <ChartContainer
+              config={chartConfig}
+              className="h-full min-h-[180px] w-full"
+            >
+              <BarChart
+                data={data}
+                margin={{
+                  top: 5,
+                  right: 10,
+                  left: 10,
+                  bottom: 0,
+                }}
+                onMouseLeave={handleMouseLeave}
+              >
+                <Bar
+                  key="subscription-bar"
+                  dataKey="subscription"
+                  fill="var(--background-inverse)"
+                  radius={4}
+                  onMouseEnter={(data) => handleMouseEnter(data)}
+                  className={`transition-opacity duration-200 ${
+                    activeIndex !== null ? "opacity-60" : ""
+                  }`}
+                />
+                <Tooltip
+                  content={<CustomTooltip type="subscription" />}
+                  cursor={{
+                    fill: "var(--border)",
+                    opacity: 0.1,
+                  }}
+                />
+              </BarChart>
+            </ChartContainer>
+          </div>
+          <div className="pt-4">
+            <div className="text-2xl font-mono font-bold">+2350</div>
+            <p className="text-xs text-muted-foreground">
+              +180.1% from last month
+            </p>
+          </div>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/bento/team-members.tsx b/packages/ghost-ui/src/components/docs/bento/team-members.tsx
new file mode 100644
index 0000000..7d54304
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/bento/team-members.tsx
@@ -0,0 +1,199 @@
+"use client";
+
+import { ChevronDown } from "lucide-react";
+
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+} from "@/components/ui/command";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+
+export function CardsTeamMembers() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Team Members</CardTitle>
+        <CardDescription>
+          Invite your team members to collaborate.
+        </CardDescription>
+      </CardHeader>
+      <CardContent className="grid gap-6">
+        <div className="flex items-center justify-between space-x-4">
+          <div className="flex items-center space-x-4">
+            <Avatar className="h-8 w-8">
+              <AvatarFallback>OM</AvatarFallback>
+            </Avatar>
+            <div>
+              <p className="text-sm font-medium leading-none">Sofia Davis</p>
+              <p className="text-sm text-muted-foreground">m@example.com</p>
+            </div>
+          </div>
+          <Popover>
+            <PopoverTrigger asChild>
+              <Button variant="outline" size="sm" className="ml-auto">
+                Owner <ChevronDown className="text-muted-foreground" />
+              </Button>
+            </PopoverTrigger>
+            <PopoverContent className="p-0" align="end">
+              <Command>
+                <CommandInput placeholder="Select new role..." />
+                <CommandList>
+                  <CommandEmpty>No roles found.</CommandEmpty>
+                  <CommandGroup>
+                    <CommandItem className="teamaspace-y-1 flex flex-col items-start px-4 py-2">
+                      <p>Viewer</p>
+                      <p className="text-sm text-muted-foreground">
+                        Can view and comment.
+                      </p>
+                    </CommandItem>
+                    <CommandItem className="teamaspace-y-1 flex flex-col items-start px-4 py-2">
+                      <p>Developer</p>
+                      <p className="text-sm text-muted-foreground">
+                        Can view, comment and edit.
+                      </p>
+                    </CommandItem>
+                    <CommandItem className="teamaspace-y-1 flex flex-col items-start px-4 py-2">
+                      <p>Billing</p>
+                      <p className="text-sm text-muted-foreground">
+                        Can view, comment and manage billing.
+                      </p>
+                    </CommandItem>
+                    <CommandItem className="teamaspace-y-1 flex flex-col items-start px-4 py-2">
+                      <p>Owner</p>
+                      <p className="text-sm text-muted-foreground">
+                        Admin-level access to all resources.
+                      </p>
+                    </CommandItem>
+                  </CommandGroup>
+                </CommandList>
+              </Command>
+            </PopoverContent>
+          </Popover>
+        </div>
+        <div className="flex items-center justify-between space-x-4">
+          <div className="flex items-center space-x-4">
+            <Avatar className="h-8 w-8">
+              <AvatarFallback>JL</AvatarFallback>
+            </Avatar>
+            <div>
+              <p className="text-sm font-medium leading-none">Jackson Lee</p>
+              <p className="text-sm text-muted-foreground">p@example.com</p>
+            </div>
+          </div>
+          <Popover>
+            <PopoverTrigger asChild>
+              <Button variant="outline" size="sm" className="ml-auto">
+                Member <ChevronDown className="text-muted-foreground" />
+              </Button>
+            </PopoverTrigger>
+            <PopoverContent className="p-0" align="end">
+              <Command>
+                <CommandInput placeholder="Select new role..." />
+                <CommandList>
+                  <CommandEmpty>No roles found.</CommandEmpty>
+                  <CommandGroup className="p-1.5">
+                    <CommandItem className="teamaspace-y-1 flex flex-col items-start px-4 py-2">
+                      <p>Viewer</p>
+                      <p className="text-sm text-muted-foreground">
+                        Can view and comment.
+                      </p>
+                    </CommandItem>
+                    <CommandItem className="teamaspace-y-1 flex flex-col items-start px-4 py-2">
+                      <p>Developer</p>
+                      <p className="text-sm text-muted-foreground">
+                        Can view, comment and edit.
+                      </p>
+                    </CommandItem>
+                    <CommandItem className="teamaspace-y-1 flex flex-col items-start px-4 py-2">
+                      <p>Billing</p>
+                      <p className="text-sm text-muted-foreground">
+                        Can view, comment and manage billing.
+                      </p>
+                    </CommandItem>
+                    <CommandItem className="teamaspace-y-1 flex flex-col items-start px-4 py-2">
+                      <p>Owner</p>
+                      <p className="text-sm text-muted-foreground">
+                        Admin-level access to all resources.
+                      </p>
+                    </CommandItem>
+                  </CommandGroup>
+                </CommandList>
+              </Command>
+            </PopoverContent>
+          </Popover>
+        </div>
+        <div className="flex items-center justify-between space-x-4">
+          <div className="flex items-center space-x-4">
+            <Avatar className="h-8 w-8">
+              <AvatarFallback>IN</AvatarFallback>
+            </Avatar>
+            <div>
+              <p className="text-sm font-medium leading-none">
+                Isabella Nguyen
+              </p>
+              <p className="text-sm text-muted-foreground">i@example.com</p>
+            </div>
+          </div>
+          <Popover>
+            <PopoverTrigger asChild>
+              <Button variant="outline" size="sm" className="ml-auto">
+                Member <ChevronDown className="text-muted-foreground" />
+              </Button>
+            </PopoverTrigger>
+            <PopoverContent className="p-0" align="end">
+              <Command>
+                <CommandInput placeholder="Select new role..." />
+                <CommandList>
+                  <CommandEmpty>No roles found.</CommandEmpty>
+                  <CommandGroup className="p-1.5">
+                    <CommandItem className="teamaspace-y-1 flex flex-col items-start px-4 py-2">
+                      <p>Viewer</p>
+                      <p className="text-sm text-muted-foreground">
+                        Can view and comment.
+                      </p>
+                    </CommandItem>
+                    <CommandItem className="teamaspace-y-1 flex flex-col items-start px-4 py-2">
+                      <p>Developer</p>
+                      <p className="text-sm text-muted-foreground">
+                        Can view, comment and edit.
+                      </p>
+                    </CommandItem>
+                    <CommandItem className="teamaspace-y-1 flex flex-col items-start px-4 py-2">
+                      <p>Billing</p>
+                      <p className="text-sm text-muted-foreground">
+                        Can view, comment and manage billing.
+                      </p>
+                    </CommandItem>
+                    <CommandItem className="teamaspace-y-1 flex flex-col items-start px-4 py-2">
+                      <p>Owner</p>
+                      <p className="text-sm text-muted-foreground">
+                        Admin-level access to all resources.
+                      </p>
+                    </CommandItem>
+                  </CommandGroup>
+                </CommandList>
+              </Command>
+            </PopoverContent>
+          </Popover>
+        </div>
+      </CardContent>
+    </Card>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/component-page-shell.tsx b/packages/ghost-ui/src/components/docs/component-page-shell.tsx
new file mode 100644
index 0000000..8fc4b2e
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/component-page-shell.tsx
@@ -0,0 +1,416 @@
+"use client";
+
+import gsap from "gsap";
+import {
+  Check as CheckIcon,
+  Copy as CopyIcon,
+  Download as DownloadIcon,
+  ArrowLeft as NavigationBackIcon,
+} from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+import { Link } from "react-router";
+import {
+  CodeBlock,
+  CodeBlockActions,
+  CodeBlockCopyButton,
+  CodeBlockHeader,
+} from "@/components/ai-elements/code-block";
+import { DemoLoader } from "@/components/docs/demo-loader";
+import { ComponentErrorBoundary } from "@/components/docs/error-boundary";
+import { SectionWrapper } from "@/components/docs/wrappers";
+import { Button } from "@/components/ui/button";
+import { useCopyToClipboard } from "@/hooks/use-copy-to-clipboard";
+import { ComponentEntry } from "@/lib/component-registry";
+import type { ComponentSpec } from "@/lib/component-source";
+import { cn } from "@/lib/utils";
+
+// ── Spec Row ──
+
+function SpecRow({
+  label,
+  children,
+  mono = false,
+}: {
+  label: string;
+  children: React.ReactNode;
+  mono?: boolean;
+}) {
+  return (
+    <div className="grid grid-cols-[8rem_1fr] gap-4 py-2.5 border-b border-border/50 last:border-b-0 items-baseline">
+      <span
+        className="text-muted-foreground shrink-0 font-display uppercase"
+        style={{
+          fontSize: "var(--label-font-size)",
+          letterSpacing: "var(--label-letter-spacing)",
+          fontWeight: "var(--label-font-weight)",
+        }}
+      >
+        {label}
+      </span>
+      <div className={cn("text-sm", mono && "font-mono text-[13px]")}>
+        {children}
+      </div>
+    </div>
+  );
+}
+
+// ── Variant Table ──
+
+function VariantTable({ variants }: { variants: ComponentSpec["variants"] }) {
+  if (variants.length === 0) return null;
+
+  return (
+    <div className="space-y-3">
+      {variants.map((v) => (
+        <div key={v.name}>
+          <div className="flex items-center gap-2 mb-1.5">
+            <code className="text-[13px] font-mono font-medium">{v.name}</code>
+            {v.defaultValue && (
+              <span className="text-[11px] text-muted-foreground">
+                default: <code className="font-mono">{v.defaultValue}</code>
+              </span>
+            )}
+          </div>
+          <div className="flex flex-wrap gap-1.5">
+            {v.values.map((val) => (
+              <span
+                key={val}
+                className={cn(
+                  "inline-flex items-center rounded-md border px-2 py-0.5 font-mono text-xs",
+                  val === v.defaultValue
+                    ? "border-foreground/20 bg-foreground/5 text-foreground"
+                    : "border-border text-muted-foreground",
+                )}
+              >
+                {val}
+              </span>
+            ))}
+          </div>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+// ── Main Shell ──
+
+export function ComponentPageShell({
+  component,
+  categoryName,
+  demoSource,
+  spec,
+  prev,
+  next,
+}: {
+  component: ComponentEntry;
+  categoryName: string;
+  demoSource: string | null;
+  spec: ComponentSpec | null;
+  prev: { slug: string; name: string } | null;
+  next: { slug: string; name: string } | null;
+}) {
+  const [activeTab, setActiveTab] = useState<"preview" | "source" | "demo">(
+    "preview",
+  );
+  const { copyToClipboard, isCopied } = useCopyToClipboard();
+  const shellRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    const ctx = gsap.context(() => {
+      const tl = gsap.timeline({ defaults: { ease: "expo.out" } });
+      const header = shellRef.current?.querySelector(".shell-header");
+      const content = shellRef.current?.querySelector(".shell-content");
+      if (header) {
+        gsap.set(header, { y: 24, opacity: 0 });
+        tl.to(header, { y: 0, opacity: 1, duration: 0.6 });
+      }
+      if (content) {
+        gsap.set(content, { y: 16, opacity: 0 });
+        tl.to(content, { y: 0, opacity: 1, duration: 0.5 }, "-=0.25");
+      }
+    }, shellRef);
+    return () => ctx.revert();
+  }, [component.slug]);
+
+  const installCommand = `npx shadcn@latest add ${component.slug}`;
+
+  // Filter exports to only component names (capitalized), exclude variant exports
+  const componentExports =
+    spec?.exports.filter(
+      (e) => /^[A-Z]/.test(e) && !e.toLowerCase().includes("variant"),
+    ) ?? [];
+
+  return (
+    <SectionWrapper>
+      <div ref={shellRef}>
+        {/* ── Header ── */}
+        <div className="shell-header pt-6 pb-4 sm:pt-8 sm:pb-6">
+          <div className="flex items-center gap-3 mb-3">
+            <Link
+              to="/components"
+              className="inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground transition-colors"
+            >
+              <NavigationBackIcon className="size-4" />
+            </Link>
+            <div className="flex items-center gap-2">
+              <span
+                className="font-display uppercase text-muted-foreground"
+                style={{
+                  fontSize: "var(--label-font-size)",
+                  letterSpacing: "var(--label-letter-spacing)",
+                  fontWeight: "var(--label-font-weight)",
+                }}
+              >
+                {categoryName}
+              </span>
+              {component.isAI && (
+                <span className="inline-flex items-center rounded-full bg-foreground text-background px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider">
+                  AI
+                </span>
+              )}
+            </div>
+          </div>
+
+          <h1
+            className="font-display font-black tracking-[-0.04em] leading-[0.9]"
+            style={{ fontSize: "clamp(2rem, 5vw, 3.5rem)" }}
+          >
+            {component.name}
+          </h1>
+        </div>
+
+        <div className="shell-content space-y-6">
+          {/* ── Install ── */}
+          <div className="flex items-center gap-2 rounded-lg border bg-muted/30 px-3 py-2">
+            <DownloadIcon className="size-3.5 shrink-0 text-muted-foreground" />
+            <code className="flex-1 text-[13px] font-mono truncate text-muted-foreground">
+              {installCommand}
+            </code>
+            <Button
+              appearance="icon"
+              variant="ghost"
+              size="icon-xs"
+              className="relative shrink-0 cursor-pointer"
+              onClick={() => copyToClipboard(installCommand)}
+            >
+              <CopyIcon
+                className={cn(
+                  "absolute size-3.5 transition duration-200",
+                  isCopied ? "scale-0" : "scale-100",
+                )}
+              />
+              <CheckIcon
+                className={cn(
+                  "absolute size-3.5 transition duration-200",
+                  !isCopied ? "scale-0" : "scale-100",
+                )}
+              />
+            </Button>
+          </div>
+
+          {/* ── Tabs: Preview / Source / Demo Code ── */}
+          <div>
+            <div className="flex items-center gap-1 border-b mb-0">
+              {(
+                [
+                  ["preview", "Preview"],
+                  ...(spec?.source ? [["source", "Source"]] : []),
+                  ...(demoSource ? [["demo", "Demo"]] : []),
+                ] as [string, string][]
+              ).map(([key, label]) => (
+                <button
+                  key={key}
+                  onClick={() => setActiveTab(key as typeof activeTab)}
+                  className={cn(
+                    "px-3 py-2 text-sm font-medium transition-colors relative cursor-pointer",
+                    activeTab === key
+                      ? "text-foreground"
+                      : "text-muted-foreground hover:text-foreground",
+                  )}
+                >
+                  {label}
+                  {activeTab === key && (
+                    <span className="absolute bottom-0 left-0 right-0 h-px bg-foreground" />
+                  )}
+                </button>
+              ))}
+            </div>
+
+            <div className="pt-6">
+              {activeTab === "preview" && (
+                <ComponentErrorBoundary name={component.slug}>
+                  <DemoLoader name={component.slug} />
+                </ComponentErrorBoundary>
+              )}
+
+              {activeTab === "source" && spec?.source && (
+                <div className="rounded-lg border overflow-hidden">
+                  <CodeBlock code={spec.source} language="tsx" showLineNumbers>
+                    <CodeBlockHeader>
+                      <span className="text-xs font-mono text-muted-foreground">
+                        {spec.filePath}
+                      </span>
+                      <CodeBlockActions>
+                        <CodeBlockCopyButton />
+                      </CodeBlockActions>
+                    </CodeBlockHeader>
+                  </CodeBlock>
+                </div>
+              )}
+
+              {activeTab === "demo" && demoSource && (
+                <div className="rounded-lg border overflow-hidden">
+                  <CodeBlock code={demoSource} language="tsx" showLineNumbers>
+                    <CodeBlockHeader>
+                      <span className="text-xs font-mono text-muted-foreground">
+                        {component.slug}-demo.tsx
+                      </span>
+                      <CodeBlockActions>
+                        <CodeBlockCopyButton />
+                      </CodeBlockActions>
+                    </CodeBlockHeader>
+                  </CodeBlock>
+                </div>
+              )}
+            </div>
+          </div>
+
+          {/* ── Spec Sheet ── */}
+          <div className="border rounded-lg divide-y divide-border/50">
+            <div className="px-4 py-3">
+              <h2
+                className="font-display uppercase text-muted-foreground"
+                style={{
+                  fontSize: "var(--label-font-size)",
+                  letterSpacing: "var(--label-letter-spacing)",
+                  fontWeight: "var(--label-font-weight)",
+                }}
+              >
+                Specification
+              </h2>
+            </div>
+
+            <div className="px-4 py-1">
+              {/* Variants */}
+              {spec && spec.variants.length > 0 && (
+                <SpecRow label="Variants">
+                  <VariantTable variants={spec.variants} />
+                </SpecRow>
+              )}
+
+              {/* Sub-components */}
+              {componentExports.length > 1 && (
+                <SpecRow label="Exports" mono>
+                  <div className="flex flex-wrap gap-1.5">
+                    {componentExports.map((exp) => (
+                      <span
+                        key={exp}
+                        className="inline-flex items-center rounded-md border px-2 py-0.5 text-xs"
+                      >
+                        {exp}
+                      </span>
+                    ))}
+                  </div>
+                </SpecRow>
+              )}
+
+              {/* Data slots */}
+              {spec && spec.dataSlots.length > 0 && (
+                <SpecRow label="Data Slots" mono>
+                  <div className="flex flex-wrap gap-1.5">
+                    {spec.dataSlots.map((slot) => (
+                      <span
+                        key={slot}
+                        className="inline-flex items-center rounded-md border px-2 py-0.5 text-xs"
+                      >
+                        [data-slot=&quot;{slot}&quot;]
+                      </span>
+                    ))}
+                  </div>
+                </SpecRow>
+              )}
+
+              {/* Registry dependencies */}
+              {component.registryDependencies.length > 0 && (
+                <SpecRow label="Built With">
+                  <div className="flex flex-wrap gap-1.5">
+                    {component.registryDependencies.map((dep) => (
+                      <Link
+                        key={dep}
+                        to={`/components/${dep}`}
+                        className="inline-flex items-center rounded-md border px-2 py-0.5 text-xs font-mono transition-colors hover:bg-accent hover:text-accent-foreground"
+                      >
+                        {dep}
+                      </Link>
+                    ))}
+                  </div>
+                </SpecRow>
+              )}
+
+              {/* npm Dependencies */}
+              {component.dependencies.length > 0 && (
+                <SpecRow label="Packages" mono>
+                  <div className="flex flex-wrap gap-1.5">
+                    {component.dependencies.map((dep) => (
+                      <span
+                        key={dep}
+                        className="inline-flex items-center rounded-md border bg-muted/30 px-2 py-0.5 text-xs"
+                      >
+                        {dep}
+                      </span>
+                    ))}
+                  </div>
+                </SpecRow>
+              )}
+
+              {/* File path */}
+              {spec?.filePath && (
+                <SpecRow label="File" mono>
+                  <span className="text-muted-foreground">{spec.filePath}</span>
+                </SpecRow>
+              )}
+            </div>
+          </div>
+
+          {/* ── Prev / Next ── */}
+          <div className="flex items-center justify-between border-t pt-6 pb-16">
+            {prev ? (
+              <Link
+                to={`/components/${prev.slug}`}
+                className="group inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground transition-colors"
+              >
+                <NavigationBackIcon className="size-4 transition-transform group-hover:-translate-x-0.5" />
+                <div className="flex flex-col">
+                  <span className="text-xs text-muted-foreground">
+                    Previous
+                  </span>
+                  <span className="font-medium text-foreground">
+                    {prev.name}
+                  </span>
+                </div>
+              </Link>
+            ) : (
+              <div />
+            )}
+            {next ? (
+              <Link
+                to={`/components/${next.slug}`}
+                className="group inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground transition-colors text-right"
+              >
+                <div className="flex flex-col items-end">
+                  <span className="text-xs text-muted-foreground">Next</span>
+                  <span className="font-medium text-foreground">
+                    {next.name}
+                  </span>
+                </div>
+                <NavigationBackIcon className="size-4 rotate-180 transition-transform group-hover:translate-x-0.5" />
+              </Link>
+            ) : (
+              <div />
+            )}
+          </div>
+        </div>
+      </div>
+    </SectionWrapper>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/demo-loader.tsx b/packages/ghost-ui/src/components/docs/demo-loader.tsx
new file mode 100644
index 0000000..8efe902
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/demo-loader.tsx
@@ -0,0 +1,501 @@
+"use client";
+
+import { lazy, Suspense } from "react";
+import { Skeleton } from "@/components/ui/skeleton";
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const wrap = (imp: Promise<any>, name: string) =>
+  imp.then((m: any) => ({ default: m[name] }));
+
+const demos: Record<string, React.LazyExoticComponent<React.ComponentType>> = {
+  // ── Inputs ──
+  button: lazy(() =>
+    wrap(import("@/components/docs/primitives/button-demo"), "ButtonDemo"),
+  ),
+  input: lazy(() =>
+    wrap(import("@/components/docs/primitives/input-demo"), "InputDemo"),
+  ),
+  textarea: lazy(() =>
+    wrap(import("@/components/docs/primitives/textarea-demo"), "TextareaDemo"),
+  ),
+  select: lazy(() =>
+    wrap(import("@/components/docs/primitives/select-demo"), "SelectDemo"),
+  ),
+  checkbox: lazy(() =>
+    wrap(import("@/components/docs/primitives/checkbox-demo"), "CheckboxDemo"),
+  ),
+  "radio-group": lazy(() =>
+    wrap(
+      import("@/components/docs/primitives/radio-group-demo"),
+      "RadioGroupDemo",
+    ),
+  ),
+  slider: lazy(() =>
+    wrap(import("@/components/docs/primitives/slider-demo"), "SliderDemo"),
+  ),
+  switch: lazy(() =>
+    wrap(import("@/components/docs/primitives/switch-demo"), "SwitchDemo"),
+  ),
+  toggle: lazy(() =>
+    wrap(import("@/components/docs/primitives/toggle-demo"), "ToggleDemo"),
+  ),
+  "toggle-group": lazy(() =>
+    wrap(
+      import("@/components/docs/primitives/toggle-group-demo"),
+      "ToggleGroupDemo",
+    ),
+  ),
+  combobox: lazy(() =>
+    wrap(import("@/components/docs/primitives/combobox-demo"), "ComboboxDemo"),
+  ),
+  command: lazy(() =>
+    wrap(import("@/components/docs/primitives/command-demo"), "CommandDemo"),
+  ),
+  "date-picker": lazy(() =>
+    wrap(
+      import("@/components/docs/primitives/date-picker-demo"),
+      "DatePickerDemo",
+    ),
+  ),
+  "input-otp": lazy(() =>
+    wrap(import("@/components/docs/primitives/input-otp-demo"), "InputOTPDemo"),
+  ),
+  form: lazy(() =>
+    wrap(import("@/components/docs/primitives/form-demo"), "FormDemo"),
+  ),
+  forms: lazy(() =>
+    wrap(import("@/components/docs/primitives/forms-demo"), "FormsDemo"),
+  ),
+  label: lazy(() =>
+    wrap(import("@/components/docs/primitives/label-demo"), "LabelDemo"),
+  ),
+
+  // ── Display ──
+  card: lazy(() =>
+    wrap(import("@/components/docs/primitives/card-demo"), "CardDemo"),
+  ),
+  badge: lazy(() =>
+    wrap(import("@/components/docs/primitives/badge-demo"), "BadgeDemo"),
+  ),
+  avatar: lazy(() =>
+    wrap(import("@/components/docs/primitives/avatar-demo"), "AvatarDemo"),
+  ),
+  carousel: lazy(() =>
+    wrap(import("@/components/docs/primitives/carousel-demo"), "CarouselDemo"),
+  ),
+  "aspect-ratio": lazy(() =>
+    wrap(
+      import("@/components/docs/primitives/aspect-ratio-demo"),
+      "AspectRatioDemo",
+    ),
+  ),
+  "hover-card": lazy(() =>
+    wrap(
+      import("@/components/docs/primitives/hover-card-demo"),
+      "HoverCardDemo",
+    ),
+  ),
+  skeleton: lazy(() =>
+    wrap(import("@/components/docs/primitives/skeleton-demo"), "SkeletonDemo"),
+  ),
+  separator: lazy(() =>
+    wrap(
+      import("@/components/docs/primitives/separator-demo"),
+      "SeparatorDemo",
+    ),
+  ),
+  image: lazy(() =>
+    wrap(import("@/components/docs/ai-elements/image-demo"), "ImageDemo"),
+  ),
+
+  // ── Feedback ──
+  alert: lazy(() =>
+    wrap(import("@/components/docs/primitives/alert-demo"), "AlertDemo"),
+  ),
+  "alert-dialog": lazy(() =>
+    wrap(
+      import("@/components/docs/primitives/alert-dialog-demo"),
+      "AlertDialogDemo",
+    ),
+  ),
+  progress: lazy(() =>
+    wrap(import("@/components/docs/primitives/progress-demo"), "ProgressDemo"),
+  ),
+  sonner: lazy(() =>
+    wrap(import("@/components/docs/primitives/sonner-demo"), "SonnerDemo"),
+  ),
+
+  // ── Data ──
+  table: lazy(() =>
+    wrap(import("@/components/docs/primitives/table-demo"), "TableDemo"),
+  ),
+  chart: lazy(() =>
+    wrap(import("@/components/docs/primitives/chart-demo"), "ChartDemo"),
+  ),
+  "chart-area": lazy(() =>
+    wrap(
+      import("@/components/docs/primitives/chart-area-demo"),
+      "ChartAreaDemo",
+    ),
+  ),
+  "chart-banded": lazy(() =>
+    wrap(
+      import("@/components/docs/primitives/chart-banded-demo"),
+      "ChartBandedDemo",
+    ),
+  ),
+  "chart-bar": lazy(() =>
+    wrap(import("@/components/docs/primitives/chart-bar-demo"), "ChartBarDemo"),
+  ),
+  "chart-line": lazy(() =>
+    wrap(
+      import("@/components/docs/primitives/chart-line-demo"),
+      "ChartLineDemo",
+    ),
+  ),
+  "chart-pie": lazy(() =>
+    wrap(import("@/components/docs/primitives/chart-pie-demo"), "ChartPieDemo"),
+  ),
+  "chart-posneg-bar": lazy(() =>
+    wrap(
+      import("@/components/docs/primitives/chart-posneg-bar-demo"),
+      "ChartPosNegBarDemo",
+    ),
+  ),
+  calendar: lazy(() =>
+    wrap(import("@/components/docs/primitives/calendar-demo"), "CalendarDemo"),
+  ),
+
+  // ── Overlay ──
+  dialog: lazy(() =>
+    wrap(import("@/components/docs/primitives/dialog-demo"), "DialogDemo"),
+  ),
+  drawer: lazy(() =>
+    wrap(import("@/components/docs/primitives/drawer-demo"), "DrawerDemo"),
+  ),
+  sheet: lazy(() =>
+    wrap(import("@/components/docs/primitives/sheet-demo"), "SheetDemo"),
+  ),
+  popover: lazy(() =>
+    wrap(import("@/components/docs/primitives/popover-demo"), "PopoverDemo"),
+  ),
+  tooltip: lazy(() =>
+    wrap(import("@/components/docs/primitives/tooltip-demo"), "TooltipDemo"),
+  ),
+  "context-menu": lazy(() =>
+    wrap(
+      import("@/components/docs/primitives/context-menu-demo"),
+      "ContextMenuDemo",
+    ),
+  ),
+  "dropdown-menu": lazy(() =>
+    wrap(
+      import("@/components/docs/primitives/dropdown-menu-demo"),
+      "DropdownMenuDemo",
+    ),
+  ),
+  menubar: lazy(() =>
+    wrap(import("@/components/docs/primitives/menubar-demo"), "MenubarDemo"),
+  ),
+
+  // ── Navigation ──
+  breadcrumb: lazy(() =>
+    wrap(
+      import("@/components/docs/primitives/breadcrumb-demo"),
+      "BreadcrumbDemo",
+    ),
+  ),
+  tabs: lazy(() =>
+    wrap(import("@/components/docs/primitives/tabs-demo"), "TabsDemo"),
+  ),
+  "navigation-menu": lazy(() =>
+    wrap(
+      import("@/components/docs/primitives/navigation-menu-demo"),
+      "NavigationMenuDemo",
+    ),
+  ),
+  pagination: lazy(() =>
+    wrap(
+      import("@/components/docs/primitives/pagination-demo"),
+      "PaginationDemo",
+    ),
+  ),
+  "scroll-area": lazy(() =>
+    wrap(
+      import("@/components/docs/primitives/scroll-area-demo"),
+      "ScrollAreaDemo",
+    ),
+  ),
+
+  // ── Layout ──
+  accordion: lazy(() =>
+    wrap(
+      import("@/components/docs/primitives/accordion-demo"),
+      "AccordionDemo",
+    ),
+  ),
+  collapsible: lazy(() =>
+    wrap(
+      import("@/components/docs/primitives/collapsible-demo"),
+      "CollapsibleDemo",
+    ),
+  ),
+  resizable: lazy(() =>
+    wrap(
+      import("@/components/docs/primitives/resizable-demo"),
+      "ResizableDemo",
+    ),
+  ),
+
+  // ── Chat ──
+  attachments: lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/attachments-demo"),
+      "AttachmentsDemo",
+    ),
+  ),
+  "chain-of-thought": lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/chain-of-thought-demo"),
+      "ChainOfThoughtDemo",
+    ),
+  ),
+  checkpoint: lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/checkpoint-demo"),
+      "CheckpointDemo",
+    ),
+  ),
+  confirmation: lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/confirmation-demo"),
+      "ConfirmationDemo",
+    ),
+  ),
+  context: lazy(() =>
+    wrap(import("@/components/docs/ai-elements/context-demo"), "ContextDemo"),
+  ),
+  conversation: lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/conversation-demo"),
+      "ConversationDemo",
+    ),
+  ),
+  "inline-citation": lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/inline-citation-demo"),
+      "InlineCitationDemo",
+    ),
+  ),
+  message: lazy(() =>
+    wrap(import("@/components/docs/ai-elements/message-demo"), "MessageDemo"),
+  ),
+  "model-selector": lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/model-selector-demo"),
+      "ModelSelectorDemo",
+    ),
+  ),
+  "open-in-chat": lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/open-in-chat-demo"),
+      "OpenInChatDemo",
+    ),
+  ),
+  plan: lazy(() =>
+    wrap(import("@/components/docs/ai-elements/plan-demo"), "PlanDemo"),
+  ),
+  "prompt-input": lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/prompt-input-demo"),
+      "PromptInputDemo",
+    ),
+  ),
+  queue: lazy(() =>
+    wrap(import("@/components/docs/ai-elements/queue-demo"), "QueueDemo"),
+  ),
+  reasoning: lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/reasoning-demo"),
+      "ReasoningDemo",
+    ),
+  ),
+  shimmer: lazy(() =>
+    wrap(import("@/components/docs/ai-elements/shimmer-demo"), "ShimmerDemo"),
+  ),
+  sources: lazy(() =>
+    wrap(import("@/components/docs/ai-elements/sources-demo"), "SourcesDemo"),
+  ),
+  suggestion: lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/suggestion-demo"),
+      "SuggestionDemo",
+    ),
+  ),
+  task: lazy(() =>
+    wrap(import("@/components/docs/ai-elements/task-demo"), "TaskDemo"),
+  ),
+  tool: lazy(() =>
+    wrap(import("@/components/docs/ai-elements/tool-demo"), "ToolDemo"),
+  ),
+
+  // ── Code ──
+  agent: lazy(() =>
+    wrap(import("@/components/docs/ai-elements/agent-demo"), "AgentDemo"),
+  ),
+  artifact: lazy(() =>
+    wrap(import("@/components/docs/ai-elements/artifact-demo"), "ArtifactDemo"),
+  ),
+  "code-block": lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/code-block-demo"),
+      "CodeBlockDemo",
+    ),
+  ),
+  commit: lazy(() =>
+    wrap(import("@/components/docs/ai-elements/commit-demo"), "CommitDemo"),
+  ),
+  "environment-variables": lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/environment-variables-demo"),
+      "EnvironmentVariablesDemo",
+    ),
+  ),
+  "file-tree": lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/file-tree-demo"),
+      "FileTreeDemo",
+    ),
+  ),
+  "jsx-preview": lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/jsx-preview-demo"),
+      "JsxPreviewDemo",
+    ),
+  ),
+  "package-info": lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/package-info-demo"),
+      "PackageInfoDemo",
+    ),
+  ),
+  sandbox: lazy(() =>
+    wrap(import("@/components/docs/ai-elements/sandbox-demo"), "SandboxDemo"),
+  ),
+  "schema-display": lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/schema-display-demo"),
+      "SchemaDisplayDemo",
+    ),
+  ),
+  snippet: lazy(() =>
+    wrap(import("@/components/docs/ai-elements/snippet-demo"), "SnippetDemo"),
+  ),
+  "stack-trace": lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/stack-trace-demo"),
+      "StackTraceDemo",
+    ),
+  ),
+  terminal: lazy(() =>
+    wrap(import("@/components/docs/ai-elements/terminal-demo"), "TerminalDemo"),
+  ),
+  "test-results": lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/test-results-demo"),
+      "TestResultsDemo",
+    ),
+  ),
+  "web-preview": lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/web-preview-demo"),
+      "WebPreviewDemo",
+    ),
+  ),
+
+  // ── Voice ──
+  "audio-player": lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/audio-player-demo"),
+      "AudioPlayerDemo",
+    ),
+  ),
+  "mic-selector": lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/mic-selector-demo"),
+      "MicSelectorDemo",
+    ),
+  ),
+  persona: lazy(() =>
+    wrap(import("@/components/docs/ai-elements/persona-demo"), "PersonaDemo"),
+  ),
+  "speech-input": lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/speech-input-demo"),
+      "SpeechInputDemo",
+    ),
+  ),
+  transcription: lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/transcription-demo"),
+      "TranscriptionDemo",
+    ),
+  ),
+  "voice-selector": lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/voice-selector-demo"),
+      "VoiceSelectorDemo",
+    ),
+  ),
+
+  // ── Workflow ──
+  canvas: lazy(() =>
+    wrap(import("@/components/docs/ai-elements/canvas-demo"), "CanvasDemo"),
+  ),
+  connection: lazy(() =>
+    wrap(
+      import("@/components/docs/ai-elements/connection-demo"),
+      "ConnectionDemo",
+    ),
+  ),
+  controls: lazy(() =>
+    wrap(import("@/components/docs/ai-elements/controls-demo"), "ControlsDemo"),
+  ),
+  edge: lazy(() =>
+    wrap(import("@/components/docs/ai-elements/edge-demo"), "EdgeDemo"),
+  ),
+  node: lazy(() =>
+    wrap(import("@/components/docs/ai-elements/node-demo"), "NodeDemo"),
+  ),
+  panel: lazy(() =>
+    wrap(import("@/components/docs/ai-elements/panel-demo"), "PanelDemo"),
+  ),
+  toolbar: lazy(() =>
+    wrap(import("@/components/docs/ai-elements/toolbar-demo"), "ToolbarDemo"),
+  ),
+};
+
+export function DemoLoader({ name }: { name: string }) {
+  const Demo = demos[name];
+
+  if (!Demo) {
+    return (
+      <div className="flex items-center justify-center py-12 text-muted-foreground">
+        Component &ldquo;{name}&rdquo; not found
+      </div>
+    );
+  }
+
+  return (
+    <Suspense
+      fallback={
+        <div className="flex w-full flex-col gap-4 py-8">
+          <Skeleton className="h-8 w-48" />
+          <Skeleton className="h-48 w-full" />
+        </div>
+      }
+    >
+      <Demo />
+    </Suspense>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/dock.tsx b/packages/ghost-ui/src/components/docs/dock.tsx
new file mode 100644
index 0000000..b1ad354
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/dock.tsx
@@ -0,0 +1,236 @@
+"use client";
+
+import type { LucideIcon } from "lucide-react";
+import {
+  Home,
+  LayoutGrid,
+  Monitor,
+  Moon,
+  Palette,
+  Search,
+  Sun,
+} from "lucide-react";
+import { motion } from "motion/react";
+import { useCallback, useEffect, useState } from "react";
+import { Link, useLocation, useNavigate } from "react-router";
+import {
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+} from "@/components/ui/command";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+import {
+  categories,
+  getAllComponents,
+  getComponentsByCategory,
+} from "@/lib/component-registry";
+import { useTheme } from "@/lib/theme-provider";
+import { cn } from "@/lib/utils";
+
+const nav: { name: string; path: string; icon: LucideIcon }[] = [
+  { name: "Home", path: "/", icon: Home },
+  { name: "Foundations", path: "/foundations", icon: Palette },
+  { name: "Components", path: "/components", icon: LayoutGrid },
+];
+
+export function Dock() {
+  const { pathname } = useLocation();
+  const navigate = useNavigate();
+  const { theme, setTheme } = useTheme();
+  const [searchOpen, setSearchOpen] = useState(false);
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  const cycleTheme = useCallback(() => {
+    if (theme === "light") setTheme("dark");
+    else if (theme === "dark") setTheme("system");
+    else setTheme("light");
+  }, [theme, setTheme]);
+
+  useEffect(() => {
+    const down = (e: KeyboardEvent) => {
+      if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
+        e.preventDefault();
+        setSearchOpen((open) => !open);
+      }
+    };
+    document.addEventListener("keydown", down);
+    return () => document.removeEventListener("keydown", down);
+  }, []);
+
+  const isActive = useCallback(
+    (path: string) => {
+      if (path === "/") return pathname === "/";
+      return pathname.startsWith(path);
+    },
+    [pathname],
+  );
+
+  return (
+    <>
+      {/* Dock: bottom center, horizontal on all screens */}
+      <nav
+        className="fixed bottom-6 left-1/2 z-50 flex items-center justify-center pb-[env(safe-area-inset-bottom)] pointer-events-none"
+        style={{
+          transform:
+            "translateX(calc(-50% - var(--removed-body-scroll-bar-size, 0px) / 2))",
+        }}
+      >
+        <motion.div
+          initial={{ y: 20, opacity: 0 }}
+          animate={{ y: 0, opacity: 1 }}
+          transition={{ delay: 0.5, duration: 0.6, ease: [0.33, 1, 0.68, 1] }}
+          className="flex items-center gap-1 rounded-full border bg-background/80 backdrop-blur-xl p-2 shadow-elevated pointer-events-auto"
+        >
+          {nav.map((item) => (
+            <Tooltip key={item.path}>
+              <TooltipTrigger asChild>
+                <Link
+                  to={item.path}
+                  className={cn(
+                    "flex size-10 items-center justify-center rounded-full transition-all duration-200",
+                    isActive(item.path)
+                      ? "bg-foreground text-background"
+                      : "text-muted-foreground hover:text-foreground hover:bg-muted",
+                  )}
+                >
+                  <item.icon className="size-5" strokeWidth={1.75} />
+                </Link>
+              </TooltipTrigger>
+              <TooltipContent side="top" sideOffset={8}>
+                {item.name}
+              </TooltipContent>
+            </Tooltip>
+          ))}
+
+          <div className="my-auto mx-1 w-px h-5 bg-border" />
+
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <button
+                onClick={() => setSearchOpen(true)}
+                className="flex size-10 items-center justify-center rounded-full text-muted-foreground transition-all duration-200 hover:text-foreground hover:bg-muted"
+              >
+                <Search className="size-5" strokeWidth={1.75} />
+              </button>
+            </TooltipTrigger>
+            <TooltipContent side="top" sideOffset={8}>
+              Search
+              <span className="ml-2 text-[10px] opacity-60">&#8984;K</span>
+            </TooltipContent>
+          </Tooltip>
+
+          <div className="my-auto mx-1 w-px h-5 bg-border" />
+
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <button
+                onClick={cycleTheme}
+                className="flex size-10 items-center justify-center rounded-full text-muted-foreground transition-all duration-200 hover:text-foreground hover:bg-muted"
+              >
+                {mounted && (
+                  <motion.div
+                    key={theme}
+                    initial={{ scale: 0.5, opacity: 0 }}
+                    animate={{ scale: 1, opacity: 1 }}
+                    transition={{ duration: 0.2 }}
+                  >
+                    {theme === "system" ? (
+                      <Monitor className="size-[18px]" strokeWidth={1.75} />
+                    ) : theme === "dark" ? (
+                      <Moon className="size-[18px]" strokeWidth={1.75} />
+                    ) : (
+                      <Sun className="size-[18px]" strokeWidth={1.75} />
+                    )}
+                  </motion.div>
+                )}
+              </button>
+            </TooltipTrigger>
+            <TooltipContent side="top" sideOffset={8}>
+              {mounted
+                ? theme === "system"
+                  ? "System"
+                  : theme === "dark"
+                    ? "Dark"
+                    : "Light"
+                : "Theme"}
+            </TooltipContent>
+          </Tooltip>
+        </motion.div>
+      </nav>
+
+      {/* Search command palette */}
+      <CommandDialog
+        open={searchOpen}
+        onOpenChange={setSearchOpen}
+        title="Search components"
+        description="Search for a component by name"
+      >
+        <CommandInput placeholder="Search components..." />
+        <CommandList>
+          <CommandEmpty>No components found.</CommandEmpty>
+
+          <CommandGroup heading="Pages">
+            <CommandItem
+              onSelect={() => {
+                navigate("/");
+                setSearchOpen(false);
+              }}
+            >
+              <Home className="mr-2 size-4" />
+              Home
+            </CommandItem>
+            <CommandItem
+              onSelect={() => {
+                navigate("/foundations/colors");
+                setSearchOpen(false);
+              }}
+            >
+              <Palette className="mr-2 size-4" />
+              Colors
+            </CommandItem>
+            <CommandItem
+              onSelect={() => {
+                navigate("/foundations/typography");
+                setSearchOpen(false);
+              }}
+            >
+              <Palette className="mr-2 size-4" />
+              Typography
+            </CommandItem>
+          </CommandGroup>
+
+          {categories.map((cat) => {
+            const items = getComponentsByCategory(cat.slug);
+            if (items.length === 0) return null;
+            return (
+              <CommandGroup key={cat.slug} heading={cat.name}>
+                {items.map((item) => (
+                  <CommandItem
+                    key={item.slug}
+                    onSelect={() => {
+                      navigate(`/components/${item.slug}`);
+                      setSearchOpen(false);
+                    }}
+                  >
+                    {item.name}
+                  </CommandItem>
+                ))}
+              </CommandGroup>
+            );
+          })}
+        </CommandList>
+      </CommandDialog>
+    </>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/error-boundary.tsx b/packages/ghost-ui/src/components/docs/error-boundary.tsx
new file mode 100644
index 0000000..3c6a6ec
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/error-boundary.tsx
@@ -0,0 +1,39 @@
+import React from "react";
+
+export class ComponentErrorBoundary extends React.Component<
+  { children: React.ReactNode; name: string; fallback?: React.ReactNode },
+  { hasError: boolean }
+> {
+  constructor(props: {
+    children: React.ReactNode;
+    name: string;
+    fallback: React.ReactNode;
+  }) {
+    super(props);
+    this.state = { hasError: false };
+  }
+
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+
+  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {
+    console.error(`Error in component ${this.props.name}:`, error, errorInfo);
+  }
+
+  render() {
+    if (this.state.hasError) {
+      if (this.props.fallback) {
+        return this.props.fallback;
+      }
+
+      return (
+        <div className="p-4 text-red-500">
+          Something went wrong in component: {this.props.name}
+        </div>
+      );
+    }
+
+    return this.props.children;
+  }
+}
diff --git a/packages/ghost-ui/src/components/docs/external-link.tsx b/packages/ghost-ui/src/components/docs/external-link.tsx
new file mode 100644
index 0000000..f93797b
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/external-link.tsx
@@ -0,0 +1,40 @@
+import { ArrowUpRight } from "lucide-react";
+import { ComponentProps } from "react";
+import { cn } from "@/lib/utils";
+
+interface ExternalLinkProps extends ComponentProps<"a"> {
+  showIcon?: boolean;
+}
+
+export function ExternalLink({
+  href,
+  className,
+  children,
+  title,
+  showIcon,
+  ...rest
+}: ExternalLinkProps) {
+  if (!children) return null;
+
+  return (
+    <a
+      title={title}
+      href={href}
+      className={cn(
+        "group/link inline-flex w-fit items-center justify-between",
+        className,
+      )}
+      rel="noopener noreferrer"
+      target="_blank"
+      {...rest}
+    >
+      <span className="group-hover/link:underline">{children}</span>
+      {showIcon && (
+        <ArrowUpRight
+          size={12}
+          className="transition group-hover/link:rotate-45"
+        />
+      )}
+    </a>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/foundations/colors.tsx b/packages/ghost-ui/src/components/docs/foundations/colors.tsx
new file mode 100644
index 0000000..b2e63f0
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/foundations/colors.tsx
@@ -0,0 +1,444 @@
+export function ColorsDemos() {
+  return (
+    <div className="space-y-12">
+      <div className="pb-8">
+        <h3
+          className="font-display font-semibold tracking-[-0.01em] leading-[1.1] mb-6"
+          style={{ fontSize: "var(--heading-card-font-size)" }}
+        >
+          constant
+        </h3>
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-8">
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-white border dark:border-none" />
+            <p className="text-sm text-muted-foreground">white</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-black dark:border" />
+            <p className="text-sm text-muted-foreground">black</p>
+          </div>
+        </div>
+      </div>
+
+      <div className="pb-8">
+        <h3
+          className="font-display font-semibold tracking-[-0.01em] leading-[1.1] mb-6"
+          style={{ fontSize: "var(--heading-card-font-size)" }}
+        >
+          gray
+        </h3>
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-8">
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-gray-50" />
+            <p className="text-sm text-muted-foreground">gray 50</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-gray-100" />
+            <p className="text-sm text-muted-foreground">gray 100</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-gray-200" />
+            <p className="text-sm text-muted-foreground">gray 200</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-gray-300" />
+            <p className="text-sm text-muted-foreground">gray 300</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-gray-400" />
+            <p className="text-sm text-muted-foreground">gray 400</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-gray-500" />
+            <p className="text-sm text-muted-foreground">gray 500</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-gray-600" />
+            <p className="text-sm text-muted-foreground">gray 600</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-gray-700" />
+            <p className="text-sm text-muted-foreground">gray 700</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-gray-800" />
+            <p className="text-sm text-muted-foreground">gray 800</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-gray-900" />
+            <p className="text-sm text-muted-foreground">gray 900</p>
+          </div>
+        </div>
+      </div>
+
+      <div className="pb-8">
+        <h3
+          className="font-display font-semibold tracking-[-0.01em] leading-[1.1] mb-6"
+          style={{ fontSize: "var(--heading-card-font-size)" }}
+        >
+          red
+        </h3>
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-8">
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-red-100" />
+            <p className="text-sm text-muted-foreground">red 100</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-red-200" />
+            <p className="text-sm text-muted-foreground">red 200</p>
+          </div>
+        </div>
+      </div>
+
+      <div className="pb-8">
+        <h3
+          className="font-display font-semibold tracking-[-0.01em] leading-[1.1] mb-6"
+          style={{ fontSize: "var(--heading-card-font-size)" }}
+        >
+          blue
+        </h3>
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-8">
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-blue-100" />
+            <p className="text-sm text-muted-foreground">blue 100</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-blue-200" />
+            <p className="text-sm text-muted-foreground">blue 200</p>
+          </div>
+        </div>
+      </div>
+
+      <div className="pb-8">
+        <h3
+          className="font-display font-semibold tracking-[-0.01em] leading-[1.1] mb-6"
+          style={{ fontSize: "var(--heading-card-font-size)" }}
+        >
+          green
+        </h3>
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-8">
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-green-100" />
+            <p className="text-sm text-muted-foreground">green 100</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-green-200" />
+            <p className="text-sm text-muted-foreground">green 200</p>
+          </div>
+        </div>
+      </div>
+
+      <div className="pb-8">
+        <h3
+          className="font-display font-semibold tracking-[-0.01em] leading-[1.1] mb-6"
+          style={{ fontSize: "var(--heading-card-font-size)" }}
+        >
+          yellow
+        </h3>
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-8">
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-yellow-100" />
+            <p className="text-sm text-muted-foreground">yellow 100</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-yellow-200" />
+            <p className="text-sm text-muted-foreground">yellow 200</p>
+          </div>
+        </div>
+      </div>
+
+      {/* Semantic Colors */}
+      <div className="pb-8">
+        <h3
+          className="font-display font-semibold tracking-[-0.01em] leading-[1.1] mb-6"
+          style={{ fontSize: "var(--heading-card-font-size)" }}
+        >
+          background
+        </h3>
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-8">
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-background border dark:border-none" />
+            <p className="text-sm text-muted-foreground">background default</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-background-alt" />
+            <p className="text-sm text-muted-foreground">background alt</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-background-medium" />
+            <p className="text-sm text-muted-foreground">background medium</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-muted" />
+            <p className="text-sm text-muted-foreground">background muted</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-background-inverse border" />
+            <p className="text-sm text-muted-foreground">background inverse</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-destructive" />
+            <p className="text-sm text-muted-foreground">background danger</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-background-success" />
+            <p className="text-sm text-muted-foreground">background success</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-primary" />
+            <p className="text-sm text-muted-foreground">background accent</p>
+          </div>
+        </div>
+      </div>
+
+      {/* Border Colors */}
+      <div className="pb-8">
+        <h3
+          className="font-display font-semibold tracking-[-0.01em] leading-[1.1] mb-6"
+          style={{ fontSize: "var(--heading-card-font-size)" }}
+        >
+          border
+        </h3>
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-8">
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg border-1 border-border" />
+            <p className="text-sm text-muted-foreground">border default</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg border-1 border-border" />
+            <p className="text-sm text-muted-foreground">border card</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg border-1 border-input" />
+            <p className="text-sm text-muted-foreground">border input</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg border-1 border-border-input-hover" />
+            <p className="text-sm text-muted-foreground">border input hover</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg border-1 border-border-strong" />
+            <p className="text-sm text-muted-foreground">border strong</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg border-1 border-border-danger" />
+            <p className="text-sm text-muted-foreground">border danger</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg border-1 border-border-success" />
+            <p className="text-sm text-muted-foreground">border success</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg border-1 border-border-warning" />
+            <p className="text-sm text-muted-foreground">border warning</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg border-1 border-border-info" />
+            <p className="text-sm text-muted-foreground">border info</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg border-1 border-border-accent" />
+            <p className="text-sm text-muted-foreground">border accent</p>
+          </div>
+        </div>
+      </div>
+
+      {/* Text Colors */}
+      <div className="pb-8">
+        <h3
+          className="font-display font-semibold tracking-[-0.01em] leading-[1.1] mb-6"
+          style={{ fontSize: "var(--heading-card-font-size)" }}
+        >
+          text
+        </h3>
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-8">
+          <div className="space-y-2">
+            <p className="text-foreground text-lg py-2">hello world</p>
+            <p className="text-sm text-muted-foreground">text default</p>
+          </div>
+          <div className="space-y-2">
+            <p className="text-text-alt text-lg py-2">hello world</p>
+            <p className="text-sm text-muted-foreground">text alt</p>
+          </div>
+          <div className="space-y-2">
+            <p className="text-muted-foreground text-lg py-2">hello world</p>
+            <p className="text-sm text-muted-foreground">text muted</p>
+          </div>
+          <div className="space-y-2">
+            <p className="text-primary-foreground text-lg bg-background-inverse p-2 rounded">
+              hello world
+            </p>
+            <p className="text-sm text-muted-foreground">text inverse</p>
+          </div>
+          <div className="space-y-2">
+            <p className="text-destructive text-lg py-2">hello world</p>
+            <p className="text-sm text-muted-foreground">text danger</p>
+          </div>
+          <div className="space-y-2">
+            <p className="text-text-success text-lg py-2">hello world</p>
+            <p className="text-sm text-muted-foreground">text success</p>
+          </div>
+          <div className="space-y-2">
+            <p className="text-text-warning text-lg py-2">hello world</p>
+            <p className="text-sm text-muted-foreground">text warning</p>
+          </div>
+          <div className="space-y-2">
+            <p className="text-text-info text-lg py-2">hello world</p>
+            <p className="text-sm text-muted-foreground">text info</p>
+          </div>
+          <div className="space-y-2">
+            <p className="text-primary text-lg py-2">hello world</p>
+            <p className="text-sm text-muted-foreground">text accent</p>
+          </div>
+        </div>
+      </div>
+
+      {/* Dark Surfaces */}
+      <div className="pb-8">
+        <h3
+          className="font-display font-semibold tracking-[-0.01em] leading-[1.1] mb-6"
+          style={{ fontSize: "var(--heading-card-font-size)" }}
+        >
+          dark surface
+        </h3>
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-8">
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-surface-dark flex items-center justify-center">
+              <p className="text-surface-dark-text text-sm">surface dark</p>
+            </div>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-surface-dark flex items-center justify-center">
+              <p className="text-surface-dark-muted text-sm">
+                surface dark muted
+              </p>
+            </div>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-surface-dark border border-surface-dark-border flex items-center justify-center">
+              <p className="text-surface-dark-text text-sm">
+                surface dark border
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Chart Colors */}
+      <div className="pb-8">
+        <h3
+          className="font-display font-semibold tracking-[-0.01em] leading-[1.1] mb-6"
+          style={{ fontSize: "var(--heading-card-font-size)" }}
+        >
+          chart
+        </h3>
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-8">
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-chart-1" />
+            <p className="text-sm text-muted-foreground">chart 1</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-chart-2" />
+            <p className="text-sm text-muted-foreground">chart 2</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-chart-3" />
+            <p className="text-sm text-muted-foreground">chart 3</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-chart-4" />
+            <p className="text-sm text-muted-foreground">chart 4</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-lg bg-chart-5" />
+            <p className="text-sm text-muted-foreground">chart 5</p>
+          </div>
+        </div>
+      </div>
+
+      {/* Shadows */}
+      <div className="pb-8">
+        <h3
+          className="font-display font-semibold tracking-[-0.01em] leading-[1.1] mb-6"
+          style={{ fontSize: "var(--heading-card-font-size)" }}
+        >
+          shadow
+        </h3>
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-8">
+          <div className="space-y-2">
+            <div className="h-20 rounded-card bg-background shadow-mini" />
+            <p className="text-sm text-muted-foreground">shadow mini</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-card bg-background shadow-card" />
+            <p className="text-sm text-muted-foreground">shadow card</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-card bg-background shadow-elevated" />
+            <p className="text-sm text-muted-foreground">shadow elevated</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-card bg-background shadow-popover" />
+            <p className="text-sm text-muted-foreground">shadow popover</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-card bg-background shadow-modal" />
+            <p className="text-sm text-muted-foreground">shadow modal</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-card bg-background shadow-btn" />
+            <p className="text-sm text-muted-foreground">shadow btn</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 rounded-card bg-background shadow-kbd" />
+            <p className="text-sm text-muted-foreground">shadow kbd</p>
+          </div>
+        </div>
+      </div>
+
+      {/* Radii */}
+      <div className="pb-8">
+        <h3
+          className="font-display font-semibold tracking-[-0.01em] leading-[1.1] mb-6"
+          style={{ fontSize: "var(--heading-card-font-size)" }}
+        >
+          radius
+        </h3>
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-8">
+          <div className="space-y-2">
+            <div className="h-20 bg-muted rounded-pill" />
+            <p className="text-sm text-muted-foreground">pill (999px)</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 bg-muted rounded-button" />
+            <p className="text-sm text-muted-foreground">button (999px)</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 bg-muted rounded-input" />
+            <p className="text-sm text-muted-foreground">input (999px)</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 bg-muted rounded-modal" />
+            <p className="text-sm text-muted-foreground">modal (16px)</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 bg-muted rounded-card-lg" />
+            <p className="text-sm text-muted-foreground">card lg (16px)</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 bg-muted rounded-card" />
+            <p className="text-sm text-muted-foreground">card (12px)</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 bg-muted rounded-card-sm" />
+            <p className="text-sm text-muted-foreground">card sm (10px)</p>
+          </div>
+          <div className="space-y-2">
+            <div className="h-20 bg-muted rounded-dropdown" />
+            <p className="text-sm text-muted-foreground">dropdown (10px)</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/foundations/typography.tsx b/packages/ghost-ui/src/components/docs/foundations/typography.tsx
new file mode 100644
index 0000000..a47572d
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/foundations/typography.tsx
@@ -0,0 +1,297 @@
+export function TypographyDemos() {
+  return (
+    <div className="space-y-12">
+      {/* Heading Hierarchy */}
+      <div className="pb-8">
+        <h3
+          className="font-display font-semibold tracking-[-0.01em] leading-[1.1] mb-6"
+          style={{ fontSize: "var(--heading-card-font-size)" }}
+        >
+          Headings
+        </h3>
+        <div className="space-y-8 divide-y divide-border-default">
+          <div className="pb-8">
+            <p
+              className="font-display font-black tracking-[-0.05em] leading-[0.88]"
+              style={{ fontSize: "var(--heading-display-font-size)" }}
+            >
+              Display
+            </p>
+            <p className="text-sm text-muted-foreground mt-4">
+              Display / 64–96px / Black (900) / HK Grotesk / -0.05em / 0.88 lh
+            </p>
+          </div>
+          <div className="pb-8">
+            <p
+              className="font-display font-bold tracking-[-0.035em] leading-[0.95]"
+              style={{ fontSize: "var(--heading-section-font-size)" }}
+            >
+              Section heading
+            </p>
+            <p className="text-sm text-muted-foreground mt-3">
+              Section / 44–64px / Bold (700) / HK Grotesk / -0.035em / 0.95 lh
+            </p>
+          </div>
+          <div className="pb-8">
+            <p
+              className="font-display font-bold tracking-[-0.02em] leading-[1.0]"
+              style={{ fontSize: "var(--heading-sub-font-size)" }}
+            >
+              Subsection heading
+            </p>
+            <p className="text-sm text-muted-foreground mt-3">
+              Sub / 28–40px / Bold (700) / HK Grotesk / -0.02em / 1.0 lh
+            </p>
+          </div>
+          <div className="pb-8">
+            <p
+              className="font-display font-semibold tracking-[-0.01em] leading-[1.1]"
+              style={{ fontSize: "var(--heading-card-font-size)" }}
+            >
+              Card heading
+            </p>
+            <p className="text-sm text-muted-foreground mt-3">
+              Card / 20–28px / Semibold (600) / HK Grotesk / -0.01em / 1.1 lh
+            </p>
+          </div>
+        </div>
+      </div>
+
+      {/* Labels */}
+      <div className="pb-8">
+        <h3
+          className="font-display font-semibold tracking-[-0.01em] leading-[1.1] mb-6"
+          style={{ fontSize: "var(--heading-card-font-size)" }}
+        >
+          Labels
+        </h3>
+        <div className="space-y-8 divide-y divide-border-default">
+          <div className="pb-8 space-y-6">
+            <div>
+              <p
+                className="font-display uppercase text-muted-foreground"
+                style={{
+                  fontSize: "var(--label-font-size)",
+                  letterSpacing: "var(--label-letter-spacing)",
+                  fontWeight: "var(--label-font-weight)",
+                  lineHeight: "var(--label-line-height)",
+                }}
+              >
+                Culture
+              </p>
+              <p
+                className="font-display font-black tracking-[-0.05em] leading-[0.88] mt-3"
+                style={{ fontSize: "var(--heading-display-font-size)" }}
+              >
+                The Future of Open Design
+              </p>
+            </div>
+            <div>
+              <p
+                className="font-display uppercase text-muted-foreground"
+                style={{
+                  fontSize: "var(--label-font-size)",
+                  letterSpacing: "var(--label-letter-spacing)",
+                  fontWeight: "var(--label-font-weight)",
+                  lineHeight: "var(--label-line-height)",
+                }}
+              >
+                Design &middot; March 2026
+              </p>
+              <p
+                className="font-display font-bold tracking-[-0.035em] leading-[0.95] mt-2"
+                style={{ fontSize: "var(--heading-section-font-size)" }}
+              >
+                Systems That Scale
+              </p>
+            </div>
+            <p className="text-sm text-muted-foreground mt-2">
+              11px / Semibold (600) / HK Grotesk / uppercase / +0.12em tracking
+            </p>
+          </div>
+        </div>
+      </div>
+
+      {/* Pull Quotes */}
+      <div className="pb-8">
+        <h3
+          className="font-display font-semibold tracking-[-0.01em] leading-[1.1] mb-6"
+          style={{ fontSize: "var(--heading-card-font-size)" }}
+        >
+          Pull Quotes
+        </h3>
+        <div className="space-y-8 divide-y divide-border-default">
+          <div className="pb-8">
+            <blockquote
+              className="font-light tracking-[-0.02em] leading-[1.3] text-text-alt border-l-2 border-border-strong pl-6"
+              style={{ fontSize: "var(--pullquote-size)" }}
+            >
+              The magic that happens when you work in the open — co-creation,
+              co-celebration.
+            </blockquote>
+            <p className="text-sm text-muted-foreground mt-3">
+              Pull quote / 1.5–2.5rem / Light (300) / -0.02em / 1.3 lh
+            </p>
+          </div>
+        </div>
+      </div>
+
+      {/* Type Scale */}
+      <div className="space-y-4 py-8 md:py-12">
+        <h3
+          className="font-display font-semibold tracking-[-0.01em] leading-[1.1] mb-6"
+          style={{ fontSize: "var(--heading-card-font-size)" }}
+        >
+          Type Scale
+        </h3>
+        <div className="space-y-12 divide-y divide-border-default">
+          <div className="pb-12">
+            <p className="text-9xl font-light">
+              Open source design: all for one, one for all.
+            </p>
+            <p className="text-sm text-muted-foreground mt-2">9XL / Light</p>
+          </div>
+          <div className="pb-12">
+            <p className="text-8xl font-light">
+              AI will not replace your job. Humans that use AI will.
+            </p>
+            <p className="text-sm text-muted-foreground mt-2">8XL / Light</p>
+          </div>
+          <div className="pb-12">
+            <p className="text-7xl font-light">
+              Leave it cleaner than you found it.
+            </p>
+            <p className="text-sm text-muted-foreground mt-2">7XL / Light</p>
+          </div>
+          <div className="pb-12">
+            <p className="text-6xl font-light">
+              The magic that happens when you work in the open.
+            </p>
+            <p className="text-sm text-muted-foreground mt-2">6XL / Light</p>
+          </div>
+          <div className="pb-12">
+            <p className="text-5xl font-light">
+              Actual open AI. Co-creation, co-celebration.
+            </p>
+            <p className="text-sm text-muted-foreground mt-2">5XL / Light</p>
+          </div>
+          <div className="pb-12">
+            <p className="text-4xl font-light">
+              Work <s>hard</s> smarter, play <s>hard</s> in the grass.
+            </p>
+            <p className="text-sm text-muted-foreground mt-2">4XL / Light</p>
+          </div>
+          <div className="pb-12">
+            <p className="text-3xl font-light">
+              The first rule of open source design is you talk about open source
+              design
+            </p>
+            <p className="text-sm text-muted-foreground mt-2">3XL / Light</p>
+          </div>
+          <div className="pb-12">
+            <p className="text-2xl font-light">
+              Open source design: all for one, one for all.
+            </p>
+            <p className="text-sm text-muted-foreground mt-2">2XL / Light</p>
+          </div>
+          <div className="pb-12">
+            <p className="text-xl font-light">
+              The magic that happens when you work in the open.
+            </p>
+            <p className="text-sm text-muted-foreground mt-2">XL / Light</p>
+          </div>
+          <div className="pb-12">
+            <p className="text-lg font-light">
+              Leave it cleaner than you found it.
+            </p>
+            <p className="text-sm text-muted-foreground mt-2">LG / Light</p>
+          </div>
+          <div className="pb-12">
+            <p className="text-base font-light">
+              Work <s>hard</s> smarter, play <s>hard</s> in the grass.
+            </p>
+            <p className="text-sm text-muted-foreground mt-2">BASE / Light</p>
+          </div>
+          <div className="pb-12">
+            <p className="text-sm font-light">
+              Actual open AI. Co-creation, co-celebration.
+            </p>
+            <p className="text-sm text-muted-foreground mt-2">SM / Light</p>
+          </div>
+          <div className="pb-12">
+            <p className="text-xs font-light">
+              AI will not replace your job. Humans that use AI will.
+            </p>
+            <p className="text-sm text-muted-foreground mt-2">XS / Light</p>
+          </div>
+        </div>
+      </div>
+
+      {/* Font Weights */}
+      <div className="pb-8">
+        <h3
+          className="font-display font-semibold tracking-[-0.01em] leading-[1.1] mb-6"
+          style={{ fontSize: "var(--heading-card-font-size)" }}
+        >
+          Weights
+        </h3>
+        <div className="space-y-8 divide-y divide-border-default">
+          <div className="pb-8">
+            <p className="text-3xl font-light">The quick brown fox</p>
+            <p className="text-sm text-muted-foreground mt-2">300 / Light</p>
+          </div>
+          <div className="pb-8">
+            <p className="text-3xl font-normal">The quick brown fox</p>
+            <p className="text-sm text-muted-foreground mt-2">400 / Regular</p>
+          </div>
+          <div className="pb-8">
+            <p className="text-3xl font-medium">The quick brown fox</p>
+            <p className="text-sm text-muted-foreground mt-2">500 / Medium</p>
+          </div>
+          <div className="pb-8">
+            <p className="text-3xl font-semibold">The quick brown fox</p>
+            <p className="text-sm text-muted-foreground mt-2">600 / Semibold</p>
+          </div>
+          <div className="pb-8">
+            <p className="text-3xl font-bold">The quick brown fox</p>
+            <p className="text-sm text-muted-foreground mt-2">700 / Bold</p>
+          </div>
+          <div className="pb-8">
+            <p className="text-3xl font-black">The quick brown fox</p>
+            <p className="text-sm text-muted-foreground mt-2">900 / Black</p>
+          </div>
+        </div>
+      </div>
+
+      {/* Font Families */}
+      <div className="pb-8">
+        <h3
+          className="font-display font-semibold tracking-[-0.01em] leading-[1.1] mb-6"
+          style={{ fontSize: "var(--heading-card-font-size)" }}
+        >
+          Families
+        </h3>
+        <div className="space-y-8 divide-y divide-border-default">
+          <div className="pb-8">
+            <p className="text-3xl font-sans font-medium">
+              HK Grotesk — The quick brown fox jumps over the lazy dog
+            </p>
+            <p className="text-sm text-muted-foreground mt-2">font-sans</p>
+          </div>
+          <div className="pb-8">
+            <p className="text-3xl font-display font-medium">
+              HK Grotesk — The quick brown fox
+            </p>
+            <p className="text-sm text-muted-foreground mt-2">font-display</p>
+          </div>
+          <div className="pb-8">
+            <p className="text-3xl font-mono font-normal">
+              Geist Mono — The quick brown fox
+            </p>
+            <p className="text-sm text-muted-foreground mt-2">font-mono</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/hero.tsx b/packages/ghost-ui/src/components/docs/hero.tsx
new file mode 100644
index 0000000..a4bcc0a
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/hero.tsx
@@ -0,0 +1,102 @@
+"use client";
+
+import gsap from "gsap";
+import { ScrollTrigger } from "gsap/ScrollTrigger";
+import { useEffect, useRef } from "react";
+
+gsap.registerPlugin(ScrollTrigger);
+
+export function Hero() {
+  const containerRef = useRef<HTMLElement>(null);
+  const headingRef = useRef<HTMLHeadingElement>(null);
+
+  useEffect(() => {
+    const ctx = gsap.context(() => {
+      const tl = gsap.timeline({ defaults: { ease: "expo.out" } });
+
+      // Animate each line of the heading
+      const lines = headingRef.current?.querySelectorAll(".hero-line");
+      if (lines) {
+        gsap.set(lines, { y: 120, opacity: 0, rotateX: -15 });
+        tl.to(lines, {
+          y: 0,
+          opacity: 1,
+          rotateX: 0,
+          duration: 1.2,
+          stagger: 0.12,
+        });
+      }
+
+      // Parallax on scroll — heading moves up faster
+      if (headingRef.current) {
+        gsap.to(headingRef.current, {
+          y: -80,
+          scrollTrigger: {
+            trigger: containerRef.current,
+            start: "top top",
+            end: "bottom top",
+            scrub: 0.8,
+          },
+        });
+      }
+
+      // Fade out on scroll
+      if (containerRef.current) {
+        gsap.to(containerRef.current, {
+          opacity: 0,
+          scrollTrigger: {
+            trigger: containerRef.current,
+            start: "60% top",
+            end: "bottom top",
+            scrub: 0.5,
+          },
+        });
+      }
+    }, containerRef);
+
+    return () => ctx.revert();
+  }, []);
+
+  return (
+    <section
+      ref={containerRef}
+      className="relative flex min-h-screen flex-col justify-center overflow-hidden px-6 lg:px-10"
+      id="home"
+    >
+      {/* Subtle gradient overlay for depth */}
+      <div className="pointer-events-none absolute inset-0 bg-gradient-to-b from-transparent via-transparent to-background/60" />
+
+      {/* Plus grid background */}
+      <div
+        className="pointer-events-none absolute inset-0 opacity-[0.07] dark:hidden"
+        style={{
+          backgroundImage: `url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 16v8M16 20h8' stroke='black' stroke-width='0.5' fill='none'/%3E%3C/svg%3E")`,
+          backgroundSize: "80px 80px",
+        }}
+      />
+      <div
+        className="pointer-events-none absolute inset-0 opacity-[0.07] hidden dark:block"
+        style={{
+          backgroundImage: `url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 16v8M16 20h8' stroke='white' stroke-width='0.5' fill='none'/%3E%3C/svg%3E")`,
+          backgroundSize: "80px 80px",
+        }}
+      />
+
+      {/* Circle behind heading */}
+      <div className="pointer-events-none absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[min(70vw,600px)] aspect-square rounded-full border border-foreground/15" />
+
+      <div className="relative z-10 flex w-full flex-col items-center">
+        <h1
+          ref={headingRef}
+          className="font-display font-black uppercase leading-[0.88] tracking-[-0.04em] text-center"
+          style={{
+            fontSize: "clamp(3.5rem, 11vw, 10rem)",
+            perspective: "600px",
+          }}
+        >
+          <span className="hero-line block">Ghost UI</span>
+        </h1>
+      </div>
+    </section>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/icons.tsx b/packages/ghost-ui/src/components/docs/icons.tsx
new file mode 100644
index 0000000..6517c56
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/icons.tsx
@@ -0,0 +1,165 @@
+type IconProps = React.HTMLAttributes<SVGElement>;
+
+export const Icons = {
+  logo: (props: IconProps) => (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" {...props}>
+      <rect width="256" height="256" fill="none" />
+      <line
+        x1="208"
+        y1="128"
+        x2="128"
+        y2="208"
+        fill="none"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="32"
+      />
+      <line
+        x1="192"
+        y1="40"
+        x2="40"
+        y2="192"
+        fill="none"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="32"
+      />
+    </svg>
+  ),
+  twitter: (props: IconProps) => (
+    <svg
+      {...props}
+      height="23"
+      viewBox="0 0 1200 1227"
+      width="23"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" />
+    </svg>
+  ),
+  gitHub: (props: IconProps) => (
+    <svg viewBox="0 0 438.549 438.549" {...props}>
+      <path
+        fill="currentColor"
+        d="M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"
+      ></path>
+    </svg>
+  ),
+  radix: (props: IconProps) => (
+    <svg viewBox="0 0 25 25" fill="none" {...props}>
+      <path
+        d="M12 25C7.58173 25 4 21.4183 4 17C4 12.5817 7.58173 9 12 9V25Z"
+        fill="currentcolor"
+      ></path>
+      <path d="M12 0H4V8H12V0Z" fill="currentcolor"></path>
+      <path
+        d="M17 8C19.2091 8 21 6.20914 21 4C21 1.79086 19.2091 0 17 0C14.7909 0 13 1.79086 13 4C13 6.20914 14.7909 8 17 8Z"
+        fill="currentcolor"
+      ></path>
+    </svg>
+  ),
+  aria: (props: IconProps) => (
+    <svg role="img" viewBox="0 0 24 24" fill="currentColor" {...props}>
+      <path d="M13.966 22.624l-1.69-4.281H8.122l3.892-9.144 5.662 13.425zM8.884 1.376H0v21.248zm15.116 0h-8.884L24 22.624Z" />
+    </svg>
+  ),
+  npm: (props: IconProps) => (
+    <svg viewBox="0 0 24 24" {...props}>
+      <path
+        d="M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z"
+        fill="currentColor"
+      />
+    </svg>
+  ),
+  yarn: (props: IconProps) => (
+    <svg viewBox="0 0 24 24" {...props}>
+      <path
+        d="M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12 12-5.375 12-12S18.625 0 12 0zm.768 4.105c.183 0 .363.053.525.157.125.083.287.185.755 1.154.31-.088.468-.042.551-.019.204.056.366.19.463.375.477.917.542 2.553.334 3.605-.241 1.232-.755 2.029-1.131 2.576.324.329.778.899 1.117 1.825.278.774.31 1.478.273 2.015a5.51 5.51 0 0 0 .602-.329c.593-.366 1.487-.917 2.553-.931.714-.009 1.269.445 1.353 1.103a1.23 1.23 0 0 1-.945 1.362c-.649.158-.95.278-1.821.843-1.232.797-2.539 1.242-3.012 1.39a1.686 1.686 0 0 1-.704.343c-.737.181-3.266.315-3.466.315h-.046c-.783 0-1.214-.241-1.45-.491-.658.329-1.51.19-2.122-.134a1.078 1.078 0 0 1-.58-1.153 1.243 1.243 0 0 1-.153-.195c-.162-.25-.528-.936-.454-1.946.056-.723.556-1.367.88-1.71a5.522 5.522 0 0 1 .408-2.256c.306-.727.885-1.348 1.32-1.737-.32-.537-.644-1.367-.329-2.21.227-.602.412-.936.82-1.08h-.005c.199-.074.389-.153.486-.259a3.418 3.418 0 0 1 2.298-1.103c.037-.093.079-.185.125-.283.31-.658.639-1.029 1.024-1.168a.94.94 0 0 1 .328-.06zm.006.7c-.507.016-1.001 1.519-1.001 1.519s-1.27-.204-2.266.871c-.199.218-.468.334-.746.44-.079.028-.176.023-.417.672-.371.991.625 2.094.625 2.094s-1.186.839-1.626 1.881c-.486 1.144-.338 2.261-.338 2.261s-.843.732-.899 1.487c-.051.663.139 1.2.343 1.515.227.343.51.176.51.176s-.561.653-.037.931c.477.25 1.283.394 1.71-.037.31-.31.371-1.001.486-1.283.028-.065.12.111.209.199.097.093.264.195.264.195s-.755.324-.445 1.066c.102.246.468.403 1.066.398.222-.005 2.664-.139 3.313-.296.375-.088.505-.283.505-.283s1.566-.431 2.998-1.357c.917-.598 1.293-.76 2.034-.936.612-.148.57-1.098-.241-1.084-.839.009-1.575.44-2.196.825-1.163.718-1.742.672-1.742.672l-.018-.032c-.079-.13.371-1.293-.134-2.678-.547-1.515-1.413-1.881-1.344-1.997.297-.5 1.038-1.297 1.334-2.78.176-.899.13-2.377-.269-3.151-.074-.144-.732.241-.732.241s-.616-1.371-.788-1.483a.271.271 0 0 0-.157-.046z"
+        fill="currentColor"
+      />
+    </svg>
+  ),
+  pnpm: (props: IconProps) => (
+    <svg viewBox="0 0 24 24" {...props}>
+      <path
+        d="M0 0v7.5h7.5V0zm8.25 0v7.5h7.498V0zm8.25 0v7.5H24V0zM8.25 8.25v7.5h7.498v-7.5zm8.25 0v7.5H24v-7.5zM0 16.5V24h7.5v-7.5zm8.25 0V24h7.498v-7.5zm8.25 0V24H24v-7.5z"
+        fill="currentColor"
+      />
+    </svg>
+  ),
+  react: (props: IconProps) => (
+    <svg viewBox="0 0 24 24" {...props}>
+      <path
+        d="M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z"
+        fill="currentColor"
+      />
+    </svg>
+  ),
+  tailwind: (props: IconProps) => (
+    <svg viewBox="0 0 24 24" {...props}>
+      <path
+        d="M12.001,4.8c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 C13.666,10.618,15.027,12,18.001,12c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C16.337,6.182,14.976,4.8,12.001,4.8z M6.001,12c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 c1.177,1.194,2.538,2.576,5.512,2.576c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C10.337,13.382,8.976,12,6.001,12z"
+        fill="currentColor"
+      />
+    </svg>
+  ),
+  google: (props: IconProps) => (
+    <svg role="img" viewBox="0 0 24 24" {...props}>
+      <path
+        fill="currentColor"
+        d="M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"
+      />
+    </svg>
+  ),
+  cashapp: (props: IconProps) => (
+    <svg
+      role="img"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+      viewBox="0 0 210 210"
+      fill="none"
+    >
+      <title>Cash App Logo</title>
+      <rect
+        width="150"
+        height="150"
+        x="25"
+        y="25"
+        rx="7.81424"
+        fill="#fff"
+      ></rect>
+      <path
+        fill="#00e013"
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M206.398,30.286c-4.502-12.394-14.307-22.189-26.713-26.687C168.48,0,158.075,0,136.865,0h-63.63   c-21.11,0-31.615,0-42.92,3.498C17.909,7.996,8.104,17.792,3.602,30.186C0,41.58,0,52.075,0,73.165v63.57   c0,21.19,0,31.585,3.502,42.98c4.502,12.394,14.307,22.189,26.713,26.687C41.62,210,52.125,210,73.135,210h63.63   c21.11,0,31.615,0,42.92-3.598c12.406-4.498,22.211-14.293,26.713-26.687C210,168.32,210,157.825,210,136.735v-63.47   C210,52.175,210,41.68,206.398,30.286z M151.472,71.866l-12.106,9.895c-1.101,0.9-2.601,0.7-3.402-0.4   c-6.203-7.596-15.807-11.894-26.312-11.894c-11.706,0-19.009,5.098-19.009,12.294c-0.2,6.097,5.503,9.196,23.011,12.994   c22.111,4.698,32.215,13.893,32.215,29.386c0,19.391-15.808,33.684-40.519,35.283l-2.401,11.495   c-0.2,1.099-1.201,1.899-2.401,1.899H81.539c-1.601,0-2.701-1.499-2.401-2.999l3.001-12.794   c-12.206-3.498-22.111-10.295-27.813-18.591c-0.7-1.099-0.5-2.499,0.5-3.298l13.206-10.395c1.101-0.9,2.701-0.6,3.502,0.5   c7.003,9.795,17.808,15.593,30.815,15.593c11.706,0,20.51-5.697,20.51-13.893c0-6.297-4.402-9.196-19.309-12.294   c-25.412-5.497-35.517-14.793-35.517-30.286c0-17.991,15.107-31.485,37.918-33.284l2.501-11.894c0.2-1.099,1.201-1.899,2.401-1.899   h18.709c1.501,0,2.701,1.399,2.401,2.899l-2.901,13.294c9.805,2.999,17.808,8.396,22.811,15.093   C152.673,69.567,152.473,71.066,151.472,71.866z"
+      ></path>
+    </svg>
+  ),
+  paypal: (props: IconProps) => (
+    <svg role="img" viewBox="0 0 24 24" {...props}>
+      <path
+        d="M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.816-5.09a.932.932 0 0 1 .923-.788h.58c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z"
+        fill="currentColor"
+      />
+    </svg>
+  ),
+  spinner: (props: IconProps) => (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <path d="M21 12a9 9 0 1 1-6.219-8.56" />
+    </svg>
+  ),
+};
diff --git a/packages/ghost-ui/src/components/docs/open-in-v0-button.tsx b/packages/ghost-ui/src/components/docs/open-in-v0-button.tsx
new file mode 100644
index 0000000..7ea535e
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/open-in-v0-button.tsx
@@ -0,0 +1,42 @@
+import { Button } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+
+export function OpenInV0Button({
+  name,
+  className,
+}: { name: string } & React.ComponentProps<typeof Button>) {
+  return (
+    <Button
+      aria-label="Open in v0"
+      size="sm"
+      className={cn(
+        " bg-black text-white hover:bg-black hover:text-white dark:bg-white dark:text-black",
+        className,
+      )}
+      asChild
+    >
+      <a
+        href={`https://v0.dev/chat/api/open?url=${process.env.NEXT_PUBLIC_BASE_URL}/r/${name}.json`}
+        target="_blank"
+        rel="noreferrer"
+      >
+        Open in{" "}
+        <svg
+          viewBox="0 0 40 20"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+          className="h-5 w-5 text-current"
+        >
+          <path
+            d="M23.3919 0H32.9188C36.7819 0 39.9136 3.13165 39.9136 6.99475V16.0805H36.0006V6.99475C36.0006 6.90167 35.9969 6.80925 35.9898 6.71766L26.4628 16.079C26.4949 16.08 26.5272 16.0805 26.5595 16.0805H36.0006V19.7762H26.5595C22.6964 19.7762 19.4788 16.6139 19.4788 12.7508V3.68923H23.3919V12.7508C23.3919 12.9253 23.4054 13.0977 23.4316 13.2668L33.1682 3.6995C33.0861 3.6927 33.003 3.68923 32.9188 3.68923H23.3919V0Z"
+            fill="currentColor"
+          ></path>
+          <path
+            d="M13.7688 19.0956L0 3.68759H5.53933L13.6231 12.7337V3.68759H17.7535V17.5746C17.7535 19.6705 15.1654 20.6584 13.7688 19.0956Z"
+            fill="currentColor"
+          ></path>
+        </svg>
+      </a>
+    </Button>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/page-header.tsx b/packages/ghost-ui/src/components/docs/page-header.tsx
new file mode 100644
index 0000000..afc2315
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/page-header.tsx
@@ -0,0 +1,53 @@
+import { ComponentProps } from "react";
+import { cn } from "@/lib/utils";
+
+function PageHeader({
+  className,
+  children,
+  ...props
+}: ComponentProps<"section">) {
+  return (
+    <section className={cn("", className)} {...props}>
+      <div className="flex justify-between items-end gap-1">{children}</div>
+    </section>
+  );
+}
+
+function PageHeaderHeading({ className, ...props }: ComponentProps<"h1">) {
+  return (
+    <h1
+      className={cn(
+        "pb-4 font-display font-black tracking-[-0.05em] leading-[0.88]",
+        className,
+      )}
+      style={{ fontSize: "var(--heading-display-font-size)" }}
+      {...props}
+    />
+  );
+}
+
+function PageHeaderDescription({ className, ...props }: ComponentProps<"p">) {
+  return (
+    <p
+      className={cn(
+        "text-muted-foreground max-w-3xl text-sm font-light text-balance sm:text-base",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function PageActions({ className, ...props }: ComponentProps<"div">) {
+  return (
+    <div
+      className={cn(
+        "relative flex items-center justify-start gap-2 pt-2",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export { PageActions, PageHeader, PageHeaderDescription, PageHeaderHeading };
diff --git a/packages/ghost-ui/src/components/docs/primitives/accordion-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/accordion-demo.tsx
new file mode 100644
index 0000000..c5836a5
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/accordion-demo.tsx
@@ -0,0 +1,72 @@
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+
+export function AccordionDemo() {
+  return (
+    <div className="grid w-full max-w-xl gap-4">
+      <Accordion type="single" collapsible className="w-full">
+        <AccordionItem value="item-1">
+          <AccordionTrigger>Is it accessible?</AccordionTrigger>
+          <AccordionContent>
+            Yes. It adheres to the WAI-ARIA design pattern.
+          </AccordionContent>
+        </AccordionItem>
+        <AccordionItem value="item-2">
+          <AccordionTrigger>Is it styled?</AccordionTrigger>
+          <AccordionContent>
+            Yes. It comes with default styles that matches the other
+            components&apos; aesthetic.
+          </AccordionContent>
+        </AccordionItem>
+        <AccordionItem value="item-3">
+          <AccordionTrigger>Is it animated?</AccordionTrigger>
+          <AccordionContent>
+            Yes. It&apos;s animated by default, but you can disable it if you
+            prefer.
+          </AccordionContent>
+        </AccordionItem>
+      </Accordion>
+      <Accordion type="single" collapsible className="w-full">
+        <AccordionItem value="item-1">
+          <AccordionTrigger>
+            What are the key considerations when implementing a comprehensive
+            enterprise-level authentication system?
+          </AccordionTrigger>
+          <AccordionContent>
+            Implementing a robust enterprise authentication system requires
+            careful consideration of multiple factors. This includes secure
+            password hashing and storage, multi-factor authentication (MFA)
+            implementation, session management, OAuth2 and SSO integration,
+            regular security audits, rate limiting to prevent brute force
+            attacks, and maintaining detailed audit logs. Additionally,
+            you&apos;ll need to consider scalability, performance impact, and
+            compliance with relevant data protection regulations such as GDPR or
+            HIPAA.
+          </AccordionContent>
+        </AccordionItem>
+        <AccordionItem value="item-2">
+          <AccordionTrigger>
+            How does modern distributed system architecture handle eventual
+            consistency and data synchronization across multiple regions?
+          </AccordionTrigger>
+          <AccordionContent>
+            Modern distributed systems employ various strategies to maintain
+            data consistency across regions. This often involves using
+            techniques like CRDT (Conflict-Free Replicated Data Types), vector
+            clocks, and gossip protocols. Systems might implement event sourcing
+            patterns, utilize message queues for asynchronous updates, and
+            employ sophisticated conflict resolution strategies. Popular
+            solutions like Amazon&apos;s DynamoDB and Google&apos;s Spanner
+            demonstrate different approaches to solving these challenges,
+            balancing between consistency, availability, and partition tolerance
+            as described in the CAP theorem.
+          </AccordionContent>
+        </AccordionItem>
+      </Accordion>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/alert-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/alert-demo.tsx
new file mode 100644
index 0000000..3761d5a
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/alert-demo.tsx
@@ -0,0 +1,111 @@
+import {
+  AlertCircleIcon,
+  BookmarkCheckIcon,
+  CheckCircle2Icon,
+  GiftIcon,
+  PopcornIcon,
+  ShieldAlertIcon,
+} from "lucide-react";
+
+import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
+import { Button } from "@/components/ui/button";
+
+export function AlertDemo() {
+  return (
+    <div className="grid max-w-xl items-start gap-4">
+      <Alert>
+        <CheckCircle2Icon />
+        <AlertTitle>Success! Your changes have been saved</AlertTitle>
+        <AlertDescription>
+          This is an alert with icon, title and description.
+        </AlertDescription>
+      </Alert>
+      <Alert>
+        <BookmarkCheckIcon>Heads up!</BookmarkCheckIcon>
+        <AlertDescription>
+          This one has an icon and a description only. No title.
+        </AlertDescription>
+      </Alert>
+      <Alert>
+        <AlertDescription>
+          This one has a description only. No title. No icon.
+        </AlertDescription>
+      </Alert>
+      <Alert>
+        <PopcornIcon />
+        <AlertTitle>Let&apos;s try one with icon and title.</AlertTitle>
+      </Alert>
+      <Alert>
+        <ShieldAlertIcon />
+        <AlertTitle>
+          This is a very long alert title that demonstrates how the component
+          handles extended text content and potentially wraps across multiple
+          lines
+        </AlertTitle>
+      </Alert>
+      <Alert>
+        <GiftIcon />
+        <AlertDescription>
+          This is a very long alert description that demonstrates how the
+          component handles extended text content and potentially wraps across
+          multiple lines
+        </AlertDescription>
+      </Alert>
+      <Alert>
+        <AlertCircleIcon />
+        <AlertTitle>
+          This is an extremely long alert title that spans multiple lines to
+          demonstrate how the component handles very lengthy headings while
+          maintaining readability and proper text wrapping behavior
+        </AlertTitle>
+        <AlertDescription>
+          This is an equally long description that contains detailed information
+          about the alert. It shows how the component can accommodate extensive
+          content while preserving proper spacing, alignment, and readability
+          across different screen sizes and viewport widths. This helps ensure
+          the user experience remains consistent regardless of the content
+          length.
+        </AlertDescription>
+      </Alert>
+      <Alert variant="destructive">
+        <AlertCircleIcon />
+        <AlertTitle>Something went wrong!</AlertTitle>
+        <AlertDescription>
+          Your session has expired. Please log in again.
+        </AlertDescription>
+      </Alert>
+      <Alert variant="destructive">
+        <AlertCircleIcon />
+        <AlertTitle>Unable to process your payment.</AlertTitle>
+        <AlertDescription>
+          <p>Please verify your billing information and try again.</p>
+          <ul className="list-inside list-disc text-sm">
+            <li>Check your card details</li>
+            <li>Ensure sufficient funds</li>
+            <li>Verify billing address</li>
+          </ul>
+        </AlertDescription>
+      </Alert>
+      <Alert>
+        <CheckCircle2Icon />
+        <AlertTitle className="max-w-[calc(100%-4rem)] overflow-ellipsis">
+          The selected emails have been marked as spam.
+        </AlertTitle>
+        <Button
+          size="sm"
+          variant="outline"
+          className="absolute top-2.5 right-3 h-6"
+        >
+          Undo
+        </Button>
+      </Alert>
+      <Alert className="border-amber-50 bg-amber-50 text-amber-900 dark:border-amber-950 dark:bg-amber-950 dark:text-amber-100">
+        <CheckCircle2Icon />
+        <AlertTitle>Plot Twist: This Alert is Actually Amber!</AlertTitle>
+        <AlertDescription>
+          This one has custom colors for light and dark mode.
+        </AlertDescription>
+      </Alert>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/alert-dialog-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/alert-dialog-demo.tsx
new file mode 100644
index 0000000..393f3c2
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/alert-dialog-demo.tsx
@@ -0,0 +1,35 @@
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+} from "@/components/ui/alert-dialog";
+import { Button } from "@/components/ui/button";
+
+export function AlertDialogDemo() {
+  return (
+    <AlertDialog>
+      <AlertDialogTrigger asChild>
+        <Button variant="outline">Show Dialog</Button>
+      </AlertDialogTrigger>
+      <AlertDialogContent>
+        <AlertDialogHeader>
+          <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
+          <AlertDialogDescription>
+            This action cannot be undone. This will permanently delete your
+            account and remove your data from our servers.
+          </AlertDialogDescription>
+        </AlertDialogHeader>
+        <AlertDialogFooter>
+          <AlertDialogCancel>Cancel</AlertDialogCancel>
+          <AlertDialogAction>Continue</AlertDialogAction>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialog>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/aspect-ratio-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/aspect-ratio-demo.tsx
new file mode 100644
index 0000000..d0e6ef4
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/aspect-ratio-demo.tsx
@@ -0,0 +1,18 @@
+import { AspectRatio } from "@/components/ui/aspect-ratio";
+
+export function AspectRatioDemo() {
+  return (
+    <div className="grid w-full max-w-sm items-start gap-4">
+      <AspectRatio ratio={16 / 9} className="bg-muted rounded-lg">
+        <div className="flex h-full w-full items-center justify-center rounded-lg bg-muted text-muted-foreground text-sm">
+          16:9
+        </div>
+      </AspectRatio>
+      <AspectRatio ratio={1 / 1} className="bg-muted rounded-lg">
+        <div className="flex h-full w-full items-center justify-center rounded-lg bg-muted text-muted-foreground text-sm">
+          1:1
+        </div>
+      </AspectRatio>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/avatar-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/avatar-demo.tsx
new file mode 100644
index 0000000..43dd39e
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/avatar-demo.tsx
@@ -0,0 +1,92 @@
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+
+export function AvatarDemo() {
+  return (
+    <div className="flex flex-row flex-wrap items-center gap-4">
+      <Avatar>
+        <AvatarImage
+          src="https://github.com/nahiyankhan.png"
+          alt="@nahiyankhan"
+        />
+        <AvatarFallback>NK</AvatarFallback>
+      </Avatar>
+      <Avatar>
+        <AvatarFallback>NK</AvatarFallback>
+      </Avatar>
+      <Avatar className="size-12">
+        <AvatarImage
+          src="https://github.com/nahiyankhan.png"
+          alt="@nahiyankhan"
+        />
+        <AvatarFallback>NK</AvatarFallback>
+      </Avatar>
+      <Avatar className="rounded-lg">
+        <AvatarImage
+          src="https://github.com/spencrmartin.png"
+          alt="@spencrmartin"
+        />
+        <AvatarFallback>SM</AvatarFallback>
+      </Avatar>
+      <div className="*:data-[slot=avatar]:ring-background-muted flex -space-x-2 *:data-[slot=avatar]:ring-1 *:data-[slot=avatar]:grayscale">
+        <Avatar>
+          <AvatarImage
+            src="https://github.com/nahiyankhan.png"
+            alt="@nahiyankhan"
+          />
+          <AvatarFallback>NK</AvatarFallback>
+        </Avatar>
+        <Avatar>
+          <AvatarImage src="https://github.com/baxen.png" alt="@baxen" />
+          <AvatarFallback>BA</AvatarFallback>
+        </Avatar>
+        <Avatar>
+          <AvatarImage
+            src="https://github.com/spencrmartin.png"
+            alt="@spencrmartin"
+          />
+          <AvatarFallback>SM</AvatarFallback>
+        </Avatar>
+      </div>
+      <div className="*:data-[slot=avatar]:ring-background-muted flex -space-x-2 *:data-[slot=avatar]:size-12 *:data-[slot=avatar]:ring-1 *:data-[slot=avatar]:grayscale">
+        <Avatar>
+          <AvatarImage
+            src="https://github.com/nahiyankhan.png"
+            alt="@nahiyankhan"
+          />
+          <AvatarFallback>NK</AvatarFallback>
+        </Avatar>
+        <Avatar>
+          <AvatarImage src="https://github.com/baxen.png" alt="@baxen" />
+          <AvatarFallback>BA</AvatarFallback>
+        </Avatar>
+        <Avatar>
+          <AvatarImage
+            src="https://github.com/spencrmartin.png"
+            alt="@spencrmartin"
+          />
+          <AvatarFallback>SM</AvatarFallback>
+        </Avatar>
+      </div>
+      <div className="*:data-[slot=avatar]:ring-background-muted flex -space-x-2 hover:space-x-1 *:data-[slot=avatar]:size-12 *:data-[slot=avatar]:ring-1 *:data-[slot=avatar]:grayscale *:data-[slot=avatar]:transition-all *:data-[slot=avatar]:duration-300 *:data-[slot=avatar]:ease-in-out">
+        <Avatar>
+          <AvatarImage
+            src="https://github.com/nahiyankhan.png"
+            alt="@nahiyankhan"
+          />
+          <AvatarFallback>NK</AvatarFallback>
+        </Avatar>
+        <Avatar>
+          <AvatarImage src="https://github.com/baxen.png" alt="@baxen" />
+          <AvatarFallback>BA</AvatarFallback>
+        </Avatar>
+        <Avatar>
+          <AvatarImage
+            src="https://github.com/spencrmartin.png"
+            alt="@spencrmartin"
+          />
+          <AvatarFallback>SM</AvatarFallback>
+        </Avatar>
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/badge-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/badge-demo.tsx
new file mode 100644
index 0000000..db42ac8
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/badge-demo.tsx
@@ -0,0 +1,61 @@
+import { AlertCircleIcon, ArrowRightIcon, CheckIcon } from "lucide-react";
+
+import { Badge } from "@/components/ui/badge";
+
+export function BadgeDemo() {
+  return (
+    <div className="flex flex-col items-center gap-2">
+      <div className="flex w-full flex-wrap gap-2">
+        <Badge>Badge</Badge>
+        <Badge variant="secondary">Secondary</Badge>
+        <Badge variant="destructive">Destructive</Badge>
+        <Badge variant="outline">Outline</Badge>
+        <Badge variant="outline">
+          <CheckIcon />
+          Badge
+        </Badge>
+        <Badge variant="destructive">
+          <AlertCircleIcon />
+          Alert
+        </Badge>
+        <Badge className="h-5 min-w-5 rounded-full px-1 font-mono tabular-nums">
+          8
+        </Badge>
+        <Badge
+          className="h-5 min-w-5 rounded-full px-1 font-mono tabular-nums"
+          variant="destructive"
+        >
+          99
+        </Badge>
+        <Badge
+          className="h-5 min-w-5 rounded-full px-1 font-mono tabular-nums"
+          variant="outline"
+        >
+          20+
+        </Badge>
+      </div>
+      <div className="flex w-full flex-wrap gap-2">
+        <Badge asChild>
+          <a href="#">
+            Link <ArrowRightIcon />
+          </a>
+        </Badge>
+        <Badge asChild variant="secondary">
+          <a href="#">
+            Link <ArrowRightIcon />
+          </a>
+        </Badge>
+        <Badge asChild variant="destructive">
+          <a href="#">
+            Link <ArrowRightIcon />
+          </a>
+        </Badge>
+        <Badge asChild variant="outline">
+          <a href="#">
+            Link <ArrowRightIcon />
+          </a>
+        </Badge>
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/breadcrumb-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/breadcrumb-demo.tsx
new file mode 100644
index 0000000..850beaf
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/breadcrumb-demo.tsx
@@ -0,0 +1,49 @@
+import {
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+} from "@/components/ui/breadcrumb";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+
+export function BreadcrumbDemo() {
+  return (
+    <Breadcrumb>
+      <BreadcrumbList>
+        <BreadcrumbItem>
+          <BreadcrumbLink href="/">Home</BreadcrumbLink>
+        </BreadcrumbItem>
+        <BreadcrumbSeparator />
+        <BreadcrumbItem>
+          <DropdownMenu>
+            <DropdownMenuTrigger className="flex items-center gap-1">
+              <BreadcrumbEllipsis className="h-4 w-4" />
+              <span className="sr-only">Toggle menu</span>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent align="start">
+              <DropdownMenuItem>Documentation</DropdownMenuItem>
+              <DropdownMenuItem>Themes</DropdownMenuItem>
+              <DropdownMenuItem>GitHub</DropdownMenuItem>
+            </DropdownMenuContent>
+          </DropdownMenu>
+        </BreadcrumbItem>
+        <BreadcrumbSeparator />
+        <BreadcrumbItem>
+          <BreadcrumbLink href="/docs/components">Components</BreadcrumbLink>
+        </BreadcrumbItem>
+        <BreadcrumbSeparator />
+        <BreadcrumbItem>
+          <BreadcrumbPage>Breadcrumb</BreadcrumbPage>
+        </BreadcrumbItem>
+      </BreadcrumbList>
+    </Breadcrumb>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/button-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/button-demo.tsx
new file mode 100644
index 0000000..6e013c7
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/button-demo.tsx
@@ -0,0 +1,111 @@
+import { ArrowRightIcon, Loader2Icon, SendIcon } from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+
+export function ButtonDemo() {
+  return (
+    <div className="flex flex-col gap-6">
+      <div className="flex flex-wrap items-center gap-2 md:flex-row">
+        <Button>Button</Button>
+        <Button appearance="icon">
+          <SendIcon />
+        </Button>
+        <Button variant="outline">Outline</Button>
+        <Button variant="ghost">Ghost</Button>
+        <Button variant="ghost" appearance="icon">
+          <SendIcon />
+        </Button>
+        <Button variant="destructive">Destructive</Button>
+        <Button variant="secondary">Secondary</Button>
+        <Button variant="link">Link</Button>
+        <Button variant="outline">
+          <SendIcon /> Send
+        </Button>
+        <Button variant="outline" appearance="icon">
+          <SendIcon />
+        </Button>
+        <Button variant="outline">
+          Learn More <ArrowRightIcon />
+        </Button>
+        <Button disabled variant="outline">
+          <Loader2Icon className="animate-spin" />
+          Please wait
+        </Button>
+      </div>
+      <div className="flex flex-wrap items-center gap-2 md:flex-row">
+        <Button size="sm">Small</Button>
+        <Button appearance="icon" size="sm">
+          <SendIcon />
+        </Button>
+        <Button variant="outline" size="sm">
+          Outline
+        </Button>
+        <Button variant="ghost" size="sm">
+          Ghost
+        </Button>
+        <Button variant="ghost" appearance="icon" size="sm">
+          <SendIcon />
+        </Button>
+        <Button variant="destructive" size="sm">
+          Destructive
+        </Button>
+        <Button variant="secondary" size="sm">
+          Secondary
+        </Button>
+        <Button variant="link" size="sm">
+          Link
+        </Button>
+        <Button variant="outline" size="sm">
+          <SendIcon /> Send
+        </Button>
+        <Button variant="outline" size="sm" appearance="icon">
+          <SendIcon />
+        </Button>
+        <Button variant="outline" size="sm">
+          Learn More <ArrowRightIcon />
+        </Button>
+        <Button disabled size="sm" variant="outline">
+          <Loader2Icon className="animate-spin" />
+          Please wait
+        </Button>
+      </div>
+      <div className="flex flex-wrap items-center gap-2 md:flex-row">
+        <Button size="lg">Large</Button>
+        <Button appearance="icon" size="lg">
+          <SendIcon />
+        </Button>
+        <Button variant="outline" size="lg">
+          Outline
+        </Button>
+        <Button variant="ghost" size="lg">
+          Ghost
+        </Button>
+        <Button variant="ghost" appearance="icon" size="lg">
+          <SendIcon />
+        </Button>
+        <Button variant="destructive" size="lg">
+          Destructive
+        </Button>
+        <Button variant="secondary" size="lg">
+          Secondary
+        </Button>
+        <Button variant="link" size="lg">
+          Link
+        </Button>
+        <Button variant="outline" size="lg">
+          <SendIcon /> Send
+        </Button>
+        <Button variant="outline" size="lg" appearance="icon">
+          <SendIcon />
+        </Button>
+        <Button variant="outline" size="lg">
+          Learn More <ArrowRightIcon />
+        </Button>
+        <Button disabled size="lg" variant="outline">
+          <Loader2Icon className="animate-spin" />
+          Please wait
+        </Button>
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/calendar-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/calendar-demo.tsx
new file mode 100644
index 0000000..5f57901
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/calendar-demo.tsx
@@ -0,0 +1,47 @@
+"use client";
+
+import { addDays } from "date-fns";
+import * as React from "react";
+import { type DateRange } from "react-day-picker";
+
+import { Calendar } from "@/components/ui/calendar";
+
+export function CalendarDemo() {
+  const [date, setDate] = React.useState<Date | undefined>(new Date());
+  const [dateRange, setDateRange] = React.useState<DateRange | undefined>({
+    from: new Date(new Date().getFullYear(), 0, 12),
+    to: addDays(new Date(new Date().getFullYear(), 0, 12), 30),
+  });
+  const [range, setRange] = React.useState<DateRange | undefined>({
+    from: new Date(new Date().getFullYear(), 0, 12),
+    to: addDays(new Date(new Date().getFullYear(), 0, 12), 50),
+  });
+
+  return (
+    <div className="flex flex-col flex-wrap items-start justify-start gap-2 @md:flex-row">
+      <Calendar
+        mode="single"
+        selected={date}
+        onSelect={setDate}
+        className="rounded-md border"
+      />
+      <Calendar
+        mode="range"
+        defaultMonth={dateRange?.from}
+        selected={dateRange}
+        onSelect={setDateRange}
+        numberOfMonths={2}
+        disabled={(date) => date > new Date() || date < new Date("1900-01-01")}
+        className="rounded-md border"
+      />
+      <Calendar
+        mode="range"
+        defaultMonth={range?.from}
+        selected={range}
+        onSelect={setRange}
+        numberOfMonths={3}
+        className="hidden rounded-md border @4xl:flex [&>div]:gap-5"
+      />
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/card-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/card-demo.tsx
new file mode 100644
index 0000000..6a99d84
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/card-demo.tsx
@@ -0,0 +1,186 @@
+import { BathIcon, BedIcon, LandPlotIcon } from "lucide-react";
+
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+export function CardDemo() {
+  return (
+    <div className="flex w-full flex-col items-start justify-center gap-4">
+      <Card className="w-full @3xl:max-w-1/2">
+        <CardHeader>
+          <CardTitle>Login to your account</CardTitle>
+          <CardDescription>
+            Enter your email below to login to your account
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <form>
+            <div className="flex flex-col gap-6">
+              <div className="grid gap-2">
+                <Label htmlFor="email">Email</Label>
+                <Input
+                  id="email"
+                  type="email"
+                  placeholder="m@example.com"
+                  required
+                />
+              </div>
+              <div className="grid gap-2">
+                <div className="flex items-center">
+                  <Label htmlFor="password">Password</Label>
+                  <a
+                    href="#"
+                    className="ml-auto inline-block text-sm underline-offset-4 hover:underline"
+                  >
+                    Forgot your password?
+                  </a>
+                </div>
+                <Input id="password" type="password" required />
+              </div>
+            </div>
+          </form>
+        </CardContent>
+        <CardFooter className="flex-col gap-2">
+          <Button type="submit" className="w-full">
+            Login
+          </Button>
+          <Button variant="outline" className="w-full">
+            Login with Google
+          </Button>
+          <div className="mt-4 text-center text-sm">
+            Don&apos;t have an account?{" "}
+            <a href="#" className="underline underline-offset-4">
+              Sign up
+            </a>
+          </div>
+        </CardFooter>
+      </Card>
+      <Card className="w-full @3xl:max-w-1/2">
+        <CardHeader>
+          <CardTitle>Meeting Notes</CardTitle>
+          <CardDescription>
+            Transcript from the meeting with the client.
+          </CardDescription>
+        </CardHeader>
+        <CardContent className="text-sm">
+          <p>
+            Client requested dashboard redesign with focus on mobile
+            responsiveness.
+          </p>
+          <ol className="mt-4 flex list-decimal flex-col gap-2 pl-6">
+            <li>New analytics widgets for daily/weekly metrics</li>
+            <li>Simplified navigation menu</li>
+            <li>Dark mode support</li>
+            <li>Timeline: 6 weeks</li>
+            <li>Follow-up meeting scheduled for next Tuesday</li>
+          </ol>
+        </CardContent>
+        <CardFooter>
+          <div className="*:data-[slot=avatar]:ring-background-muted flex -space-x-2 *:data-[slot=avatar]:ring-1 *:data-[slot=avatar]:grayscale">
+            <Avatar>
+              <AvatarImage
+                src="https://github.com/nahiyankhan.png"
+                alt="@nahiyankhan"
+              />
+              <AvatarFallback>NK</AvatarFallback>
+            </Avatar>
+            <Avatar>
+              <AvatarImage src="https://github.com/baxen.png" alt="@baxen" />
+              <AvatarFallback>BA</AvatarFallback>
+            </Avatar>
+            <Avatar>
+              <AvatarImage
+                src="https://github.com/spencrmartin.png"
+                alt="@spencrmartin"
+              />
+              <AvatarFallback>SM</AvatarFallback>
+            </Avatar>
+          </div>
+        </CardFooter>
+      </Card>
+      <Card className="w-full @3xl:max-w-1/2">
+        <CardHeader>
+          <CardTitle>Is this an image?</CardTitle>
+          <CardDescription>This is a card with an image.</CardDescription>
+        </CardHeader>
+        <CardContent className="px-0">
+          <img
+            src="/placeholder.svg"
+            alt="placeholder"
+            className="aspect-video size-full object-cover"
+          />
+        </CardContent>
+        <CardFooter className="flex items-center gap-2">
+          <Badge variant="outline">
+            <BedIcon /> 4
+          </Badge>
+          <Badge variant="outline">
+            <BathIcon /> 2
+          </Badge>
+          <Badge variant="outline">
+            <LandPlotIcon /> 350m²
+          </Badge>
+          <div className="ml-auto  tabular-nums">$135,000</div>
+        </CardFooter>
+      </Card>
+      <div className="grid w-full grid-cols-1 items-start gap-4 md:grid-cols-2">
+        <Card>
+          <CardContent className="text-sm">Content Only</CardContent>
+        </Card>
+        <Card>
+          <CardHeader>
+            <CardTitle>Header Only</CardTitle>
+            <CardDescription>
+              This is a card with a header and a description.
+            </CardDescription>
+          </CardHeader>
+        </Card>
+        <Card>
+          <CardHeader>
+            <CardTitle>Header and Content</CardTitle>
+            <CardDescription>
+              This is a card with a header and a content.
+            </CardDescription>
+          </CardHeader>
+          <CardContent className="text-sm">Content</CardContent>
+        </Card>
+        <Card>
+          <CardFooter className="text-sm">Footer Only</CardFooter>
+        </Card>
+        <Card>
+          <CardHeader>
+            <CardTitle>Header + Footer</CardTitle>
+            <CardDescription>
+              This is a card with a header and a footer.
+            </CardDescription>
+          </CardHeader>
+          <CardFooter className="text-sm">Footer</CardFooter>
+        </Card>
+        <Card>
+          <CardContent className="text-sm">Content</CardContent>
+          <CardFooter className="text-sm">Footer</CardFooter>
+        </Card>
+        <Card>
+          <CardHeader>
+            <CardTitle>Header + Footer</CardTitle>
+            <CardDescription>
+              This is a card with a header and a footer.
+            </CardDescription>
+          </CardHeader>
+          <CardContent className="text-sm">Content</CardContent>
+          <CardFooter className="text-sm">Footer</CardFooter>
+        </Card>
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/carousel-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/carousel-demo.tsx
new file mode 100644
index 0000000..4d7ad7e
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/carousel-demo.tsx
@@ -0,0 +1,79 @@
+import * as React from "react";
+
+import { Card, CardContent } from "@/components/ui/card";
+import {
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+} from "@/components/ui/carousel";
+
+export function CarouselDemo() {
+  return (
+    <div className="hidden w-full flex-col items-center gap-4 @4xl:flex">
+      <Carousel className="max-w-sm *:data-[slot=carousel-next]:hidden *:data-[slot=carousel-previous]:hidden *:data-[slot=carousel-next]:md:inline-flex *:data-[slot=carousel-previous]:md:inline-flex">
+        <CarouselContent>
+          {Array.from({ length: 5 }).map((_, index) => (
+            <CarouselItem key={index}>
+              <div className="p-1">
+                <Card>
+                  <CardContent className="flex aspect-square items-center justify-center p-6">
+                    <span className="text-4xl font-display font-semibold">
+                      {index + 1}
+                    </span>
+                  </CardContent>
+                </Card>
+              </div>
+            </CarouselItem>
+          ))}
+        </CarouselContent>
+        <CarouselPrevious />
+        <CarouselNext />
+      </Carousel>
+      <Carousel
+        className="max-w-sm *:data-[slot=carousel-next]:hidden *:data-[slot=carousel-previous]:hidden *:data-[slot=carousel-next]:md:inline-flex *:data-[slot=carousel-previous]:md:inline-flex"
+        opts={{
+          align: "start",
+        }}
+      >
+        <CarouselContent>
+          {Array.from({ length: 5 }).map((_, index) => (
+            <CarouselItem key={index} className="md:basis-1/2 lg:basis-1/3">
+              <div className="p-1">
+                <Card>
+                  <CardContent className="flex aspect-square items-center justify-center p-6">
+                    <span className="text-3xl font-display font-semibold">
+                      {index + 1}
+                    </span>
+                  </CardContent>
+                </Card>
+              </div>
+            </CarouselItem>
+          ))}
+        </CarouselContent>
+        <CarouselPrevious />
+        <CarouselNext />
+      </Carousel>
+      <Carousel className="max-w-sm *:data-[slot=carousel-next]:hidden *:data-[slot=carousel-previous]:hidden *:data-[slot=carousel-next]:md:inline-flex *:data-[slot=carousel-previous]:md:inline-flex">
+        <CarouselContent className="-ml-1">
+          {Array.from({ length: 5 }).map((_, index) => (
+            <CarouselItem key={index} className="pl-1 md:basis-1/2">
+              <div className="p-1">
+                <Card>
+                  <CardContent className="flex aspect-square items-center justify-center p-6">
+                    <span className="text-2xl font-display font-semibold">
+                      {index + 1}
+                    </span>
+                  </CardContent>
+                </Card>
+              </div>
+            </CarouselItem>
+          ))}
+        </CarouselContent>
+        <CarouselPrevious />
+        <CarouselNext />
+      </Carousel>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/chart-area-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/chart-area-demo.tsx
new file mode 100644
index 0000000..22a5c81
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/chart-area-demo.tsx
@@ -0,0 +1,94 @@
+"use client";
+
+import { TrendingUp } from "lucide-react";
+import { Area, AreaChart, CartesianGrid, XAxis } from "recharts";
+
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import {
+  ChartConfig,
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+} from "@/components/ui/chart";
+
+export const description = "A simple area chart";
+
+const chartData = [
+  { month: "January", desktop: 186 },
+  { month: "February", desktop: 305 },
+  { month: "March", desktop: 237 },
+  { month: "April", desktop: 73 },
+  { month: "May", desktop: 209 },
+  { month: "June", desktop: 214 },
+];
+
+const chartConfig = {
+  desktop: {
+    label: "Desktop",
+    color: "var(--chart-1)",
+  },
+} satisfies ChartConfig;
+
+export function ChartAreaDemo() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Area Chart</CardTitle>
+        <CardDescription>
+          Showing total visitors for the last 6 months
+        </CardDescription>
+      </CardHeader>
+      <CardContent>
+        <ChartContainer config={chartConfig}>
+          <AreaChart
+            accessibilityLayer
+            data={chartData}
+            margin={{
+              left: 12,
+              right: 12,
+            }}
+          >
+            <CartesianGrid vertical={false} />
+            <XAxis
+              dataKey="month"
+              tickLine={false}
+              axisLine={false}
+              tickMargin={8}
+              tickFormatter={(value) => value.slice(0, 3)}
+            />
+            <ChartTooltip
+              cursor={false}
+              content={<ChartTooltipContent indicator="line" />}
+            />
+            <Area
+              dataKey="desktop"
+              type="natural"
+              fill="var(--color-desktop)"
+              fillOpacity={0.4}
+              stroke="var(--color-desktop)"
+            />
+          </AreaChart>
+        </ChartContainer>
+      </CardContent>
+      <CardFooter>
+        <div className="flex w-full items-start gap-2 text-sm">
+          <div className="grid gap-2">
+            <div className="flex items-center gap-2 leading-none ">
+              Trending up by 5.2% this month <TrendingUp className="h-4 w-4" />
+            </div>
+            <div className="text-muted-foreground flex items-center gap-2 leading-none">
+              January - June 2024
+            </div>
+          </div>
+        </div>
+      </CardFooter>
+    </Card>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/chart-banded-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/chart-banded-demo.tsx
new file mode 100644
index 0000000..5dd724a
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/chart-banded-demo.tsx
@@ -0,0 +1,120 @@
+"use client";
+
+import { TrendingUp } from "lucide-react";
+import { ComposedChart, Line, XAxis, YAxis } from "recharts";
+
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import {
+  ChartConfig,
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+} from "@/components/ui/chart";
+
+export const description = "A banded chart showing range";
+
+const chartData = [
+  { month: "Jan", upper: 86, lower: 23 },
+  { month: "Feb", upper: 105, lower: 45 },
+  { month: "Mar", upper: 137, lower: 58 },
+  { month: "Apr", upper: 173, lower: 68 },
+  { month: "May", upper: 109, lower: 45 },
+  { month: "Jun", upper: 144, lower: 67 },
+];
+
+const chartConfig = {
+  upper: {
+    label: "Upper Band",
+    color: "var(--chart-1)",
+  },
+  lower: {
+    label: "Lower Band",
+    color: "var(--chart-2)",
+  },
+} satisfies ChartConfig;
+
+export function ChartBandedDemo() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Banded Chart</CardTitle>
+        <CardDescription>Showing range variations over time</CardDescription>
+      </CardHeader>
+      <CardContent>
+        <ChartContainer config={chartConfig}>
+          <ComposedChart
+            data={chartData}
+            margin={{
+              top: 5,
+              right: 10,
+              left: 10,
+              bottom: 0,
+            }}
+          >
+            <XAxis dataKey="month" axisLine={false} tickLine={false} />
+            <YAxis axisLine={false} tickLine={false} hide />
+            <Line
+              type="monotone"
+              dataKey="upper"
+              stroke="var(--chart-1)"
+              strokeWidth={2}
+              dot={{
+                fill: "var(--chart-1)",
+                strokeWidth: 2,
+                stroke: "var(--background)",
+                r: 4,
+              }}
+              activeDot={{
+                fill: "var(--chart-1)",
+                strokeWidth: 2,
+                stroke: "var(--background)",
+                r: 6,
+              }}
+            />
+            <Line
+              type="monotone"
+              dataKey="lower"
+              stroke="var(--chart-2)"
+              strokeWidth={2}
+              dot={{
+                fill: "var(--chart-2)",
+                strokeWidth: 2,
+                stroke: "var(--background)",
+                r: 4,
+              }}
+              activeDot={{
+                fill: "var(--chart-2)",
+                strokeWidth: 2,
+                stroke: "var(--background)",
+                r: 6,
+              }}
+            />
+            <ChartTooltip
+              cursor={false}
+              content={<ChartTooltipContent indicator="dashed" />}
+            />
+          </ComposedChart>
+        </ChartContainer>
+      </CardContent>
+      <CardFooter>
+        <div className="flex w-full items-start gap-2 text-sm">
+          <div className="grid gap-2">
+            <div className="flex items-center gap-2 leading-none">
+              Range increased by 12% <TrendingUp className="h-4 w-4" />
+            </div>
+            <div className="text-muted-foreground flex items-center gap-2 leading-none">
+              January - June 2024
+            </div>
+          </div>
+        </div>
+      </CardFooter>
+    </Card>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/chart-bar-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/chart-bar-demo.tsx
new file mode 100644
index 0000000..fe41a75
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/chart-bar-demo.tsx
@@ -0,0 +1,80 @@
+"use client";
+
+import { TrendingUp } from "lucide-react";
+import { Bar, BarChart, CartesianGrid, XAxis } from "recharts";
+
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import {
+  ChartConfig,
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+} from "@/components/ui/chart";
+
+export const description = "A multiple bar chart";
+
+const chartData = [
+  { month: "January", desktop: 186, mobile: 80 },
+  { month: "February", desktop: 305, mobile: 200 },
+  { month: "March", desktop: 237, mobile: 120 },
+  { month: "April", desktop: 73, mobile: 190 },
+  { month: "May", desktop: 209, mobile: 130 },
+  { month: "June", desktop: 214, mobile: 140 },
+];
+
+const chartConfig = {
+  desktop: {
+    label: "Desktop",
+    color: "var(--chart-1)",
+  },
+  mobile: {
+    label: "Mobile",
+    color: "var(--chart-2)",
+  },
+} satisfies ChartConfig;
+
+export function ChartBarDemo() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Bar Chart - Multiple</CardTitle>
+        <CardDescription>January - June 2024</CardDescription>
+      </CardHeader>
+      <CardContent>
+        <ChartContainer config={chartConfig}>
+          <BarChart accessibilityLayer data={chartData}>
+            <CartesianGrid vertical={false} />
+            <XAxis
+              dataKey="month"
+              tickLine={false}
+              tickMargin={10}
+              axisLine={false}
+              tickFormatter={(value) => value.slice(0, 3)}
+            />
+            <ChartTooltip
+              cursor={false}
+              content={<ChartTooltipContent indicator="dashed" />}
+            />
+            <Bar dataKey="desktop" fill="var(--color-desktop)" radius={4} />
+            <Bar dataKey="mobile" fill="var(--color-mobile)" radius={4} />
+          </BarChart>
+        </ChartContainer>
+      </CardContent>
+      <CardFooter className="flex-col items-start gap-2 text-sm">
+        <div className="flex gap-2 leading-none ">
+          Trending up by 5.2% this month <TrendingUp className="h-4 w-4" />
+        </div>
+        <div className="text-muted-foreground leading-none">
+          Showing total visitors for the last 6 months
+        </div>
+      </CardFooter>
+    </Card>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/chart-bar-mixed.tsx b/packages/ghost-ui/src/components/docs/primitives/chart-bar-mixed.tsx
new file mode 100644
index 0000000..d5ac633
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/chart-bar-mixed.tsx
@@ -0,0 +1,103 @@
+"use client";
+
+import { TrendingUp } from "lucide-react";
+import { Bar, BarChart, XAxis, YAxis } from "recharts";
+
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import {
+  ChartConfig,
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+} from "@/components/ui/chart";
+
+export const description = "A mixed bar chart";
+
+const chartData = [
+  { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" },
+  { browser: "safari", visitors: 200, fill: "var(--color-safari)" },
+  { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" },
+  { browser: "edge", visitors: 173, fill: "var(--color-edge)" },
+  { browser: "other", visitors: 90, fill: "var(--color-other)" },
+];
+
+const chartConfig = {
+  visitors: {
+    label: "Visitors",
+  },
+  chrome: {
+    label: "Chrome",
+    color: "var(--chart-1)",
+  },
+  safari: {
+    label: "Safari",
+    color: "var(--chart-2)",
+  },
+  firefox: {
+    label: "Firefox",
+    color: "var(--chart-3)",
+  },
+  edge: {
+    label: "Edge",
+    color: "var(--chart-4)",
+  },
+  other: {
+    label: "Other",
+    color: "var(--chart-5)",
+  },
+} satisfies ChartConfig;
+
+export function ChartBarMixed() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Bar Chart - Mixed</CardTitle>
+        <CardDescription>January - June 2024</CardDescription>
+      </CardHeader>
+      <CardContent>
+        <ChartContainer config={chartConfig}>
+          <BarChart
+            accessibilityLayer
+            data={chartData}
+            layout="vertical"
+            margin={{
+              left: 0,
+            }}
+          >
+            <YAxis
+              dataKey="browser"
+              type="category"
+              tickLine={false}
+              tickMargin={10}
+              axisLine={false}
+              tickFormatter={(value) =>
+                chartConfig[value as keyof typeof chartConfig]?.label
+              }
+            />
+            <XAxis dataKey="visitors" type="number" hide />
+            <ChartTooltip
+              cursor={false}
+              content={<ChartTooltipContent hideLabel />}
+            />
+            <Bar dataKey="visitors" radius={5} />
+          </BarChart>
+        </ChartContainer>
+      </CardContent>
+      <CardFooter className="flex-col items-start gap-2 text-sm">
+        <div className="flex gap-2 leading-none ">
+          Trending up by 5.2% this month <TrendingUp className="h-4 w-4" />
+        </div>
+        <div className="text-muted-foreground leading-none">
+          Showing total visitors for the last 6 months
+        </div>
+      </CardFooter>
+    </Card>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/chart-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/chart-demo.tsx
new file mode 100644
index 0000000..97dfeec
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/chart-demo.tsx
@@ -0,0 +1,23 @@
+import { ChartAreaDemo } from "@/components/docs/primitives/chart-area-demo";
+import { ChartBandedDemo } from "@/components/docs/primitives/chart-banded-demo";
+import { ChartBarDemo } from "@/components/docs/primitives/chart-bar-demo";
+import { ChartBarMixed } from "@/components/docs/primitives/chart-bar-mixed";
+import { ChartLineDemo } from "@/components/docs/primitives/chart-line-demo";
+import { ChartPieDemo } from "@/components/docs/primitives/chart-pie-demo";
+import { ChartPosNegBarDemo } from "@/components/docs/primitives/chart-posneg-bar-demo";
+
+export function ChartDemo() {
+  return (
+    <div className="grid w-full max-w-screen-2xl gap-4 *:data-[slot=card]:flex-1 @2xl:grid-cols-2 @6xl:grid-cols-3">
+      <ChartAreaDemo />
+      <ChartBarDemo />
+      <ChartBarMixed />
+      <ChartBandedDemo />
+      <ChartPieDemo />
+      <ChartPosNegBarDemo />
+      <div className="@6xl:hidden">
+        <ChartLineDemo />
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/chart-line-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/chart-line-demo.tsx
new file mode 100644
index 0000000..69a32ad
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/chart-line-demo.tsx
@@ -0,0 +1,100 @@
+"use client";
+
+import { TrendingUp } from "lucide-react";
+import { CartesianGrid, Line, LineChart, XAxis } from "recharts";
+
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import {
+  ChartConfig,
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+} from "@/components/ui/chart";
+
+export const description = "A multiple line chart";
+
+const chartData = [
+  { month: "January", desktop: 186, mobile: 80 },
+  { month: "February", desktop: 305, mobile: 200 },
+  { month: "March", desktop: 237, mobile: 120 },
+  { month: "April", desktop: 73, mobile: 190 },
+  { month: "May", desktop: 209, mobile: 130 },
+  { month: "June", desktop: 214, mobile: 140 },
+];
+
+const chartConfig = {
+  desktop: {
+    label: "Desktop",
+    color: "var(--chart-1)",
+  },
+  mobile: {
+    label: "Mobile",
+    color: "var(--chart-2)",
+  },
+} satisfies ChartConfig;
+
+export function ChartLineDemo() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Line Chart - Multiple</CardTitle>
+        <CardDescription>January - June 2024</CardDescription>
+      </CardHeader>
+      <CardContent>
+        <ChartContainer config={chartConfig}>
+          <LineChart
+            accessibilityLayer
+            data={chartData}
+            margin={{
+              left: 12,
+              right: 12,
+            }}
+          >
+            <CartesianGrid vertical={false} />
+            <XAxis
+              dataKey="month"
+              tickLine={false}
+              axisLine={false}
+              tickMargin={8}
+              tickFormatter={(value) => value.slice(0, 3)}
+            />
+            <ChartTooltip cursor={false} content={<ChartTooltipContent />} />
+            <Line
+              dataKey="desktop"
+              type="monotone"
+              stroke="var(--color-desktop)"
+              strokeWidth={2}
+              dot={false}
+            />
+            <Line
+              dataKey="mobile"
+              type="monotone"
+              stroke="var(--color-mobile)"
+              strokeWidth={2}
+              dot={false}
+            />
+          </LineChart>
+        </ChartContainer>
+      </CardContent>
+      <CardFooter>
+        <div className="flex w-full items-start gap-2 text-sm">
+          <div className="grid gap-2">
+            <div className="flex items-center gap-2 leading-none ">
+              Trending up by 5.2% this month <TrendingUp className="h-4 w-4" />
+            </div>
+            <div className="text-muted-foreground flex items-center gap-2 leading-none">
+              Showing total visitors for the last 6 months
+            </div>
+          </div>
+        </div>
+      </CardFooter>
+    </Card>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/chart-pie-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/chart-pie-demo.tsx
new file mode 100644
index 0000000..ccb7338
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/chart-pie-demo.tsx
@@ -0,0 +1,151 @@
+"use client";
+
+import { TrendingUp } from "lucide-react";
+import { Cell, Pie, PieChart, ResponsiveContainer, Sector } from "recharts";
+
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { ChartConfig, ChartContainer } from "@/components/ui/chart";
+
+export const description = "A pie chart with padding angles and hover effects";
+
+const chartData = [
+  { name: "Desktop", value: 45, color: "var(--color-desktop)" },
+  { name: "Mobile", value: 35, color: "var(--color-mobile)" },
+  { name: "Tablet", value: 20, color: "var(--color-tablet)" },
+];
+
+const chartConfig = {
+  desktop: {
+    label: "Desktop",
+    color: "var(--chart-1)",
+  },
+  mobile: {
+    label: "Mobile",
+    color: "var(--chart-2)",
+  },
+  tablet: {
+    label: "Tablet",
+    color: "var(--chart-3)",
+  },
+} satisfies ChartConfig;
+
+const renderCustomizedLabel = ({
+  cx,
+  cy,
+  midAngle,
+  outerRadius,
+  payload,
+  fill,
+  value,
+}: any) => {
+  const RADIAN = Math.PI / 180;
+  const sin = Math.sin(-RADIAN * midAngle);
+  const cos = Math.cos(-RADIAN * midAngle);
+
+  // Extend line beyond the outer radius
+  const mx = cx + (outerRadius + 15) * cos;
+  const my = cy + (outerRadius + 15) * sin;
+  const ex = mx + (cos >= 0 ? 1 : -1) * 22;
+  const ey = my;
+
+  // Text anchor based on which side of the pie we're on
+  const textAnchor = cos >= 0 ? "start" : "end";
+
+  return (
+    <g>
+      {/* Label line */}
+      <path
+        d={`M${cx + outerRadius * cos},${
+          cy + outerRadius * sin
+        }L${mx},${my}L${ex},${ey}`}
+        stroke={fill}
+        strokeWidth={1}
+        fill="none"
+      />
+      {/* Label text */}
+      <text
+        x={ex + (cos >= 0 ? 10 : -10)}
+        y={ey}
+        textAnchor={textAnchor}
+        fill="var(--foreground)"
+        className="text-xs"
+      >
+        {payload.name} ({value}%)
+      </text>
+    </g>
+  );
+};
+
+const renderActiveShape = (props: any) => {
+  const { cx, cy, innerRadius, outerRadius, startAngle, endAngle, fill } =
+    props;
+
+  return (
+    <Sector
+      cx={cx}
+      cy={cy}
+      innerRadius={innerRadius}
+      outerRadius={outerRadius + 4}
+      startAngle={startAngle}
+      endAngle={endAngle}
+      fill={fill}
+      cornerRadius={4}
+    />
+  );
+};
+
+export function ChartPieDemo() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Device Distribution</CardTitle>
+        <CardDescription>Traffic sources by device type</CardDescription>
+      </CardHeader>
+      <CardContent>
+        <ChartContainer config={chartConfig}>
+          <ResponsiveContainer width="100%" height={300}>
+            <PieChart>
+              <Pie
+                activeShape={renderActiveShape}
+                data={chartData}
+                cx="50%"
+                cy="50%"
+                innerRadius={60}
+                outerRadius={80}
+                paddingAngle={5}
+                dataKey="value"
+                cornerRadius={4}
+                label={renderCustomizedLabel}
+                labelLine={false}
+              >
+                {chartData.map((entry, index) => (
+                  <Cell
+                    key={`cell-${index}`}
+                    fill={entry.color}
+                    stroke="var(--background)"
+                    strokeWidth={2}
+                  />
+                ))}
+              </Pie>
+            </PieChart>
+          </ResponsiveContainer>
+        </ChartContainer>
+      </CardContent>
+      <CardFooter className="flex-col items-start gap-2 text-sm">
+        <div className="flex gap-2 leading-none">
+          Desktop usage up 5.2% <TrendingUp className="h-4 w-4" />
+        </div>
+        <div className="text-muted-foreground leading-none">
+          Based on total visits in last 6 months
+        </div>
+      </CardFooter>
+    </Card>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/chart-posneg-bar-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/chart-posneg-bar-demo.tsx
new file mode 100644
index 0000000..ac74704
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/chart-posneg-bar-demo.tsx
@@ -0,0 +1,132 @@
+"use client";
+
+import { TrendingUp } from "lucide-react";
+import {
+  Bar,
+  BarChart,
+  CartesianGrid,
+  ReferenceLine,
+  XAxis,
+  YAxis,
+} from "recharts";
+
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import {
+  ChartConfig,
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+} from "@/components/ui/chart";
+
+export const description = "A bar chart showing positive and negative values";
+
+const chartData = [
+  { month: "Jan", value: 8.2 },
+  { month: "Feb", value: -4.5 },
+  { month: "Mar", value: 6.8 },
+  { month: "Apr", value: -3.2 },
+  { month: "May", value: 9.4 },
+  { month: "Jun", value: -5.1 },
+];
+
+const chartConfig = {
+  value: {
+    label: "Growth Rate",
+    color: "var(--chart-1)",
+  },
+} satisfies ChartConfig;
+
+const CustomBar = (props: any) => {
+  const { fill, x, y, width, height, value } = props;
+  const isNegative = value < 0;
+  const barFill = isNegative
+    ? "var(--background-danger)"
+    : "var(--background-success)";
+
+  // For negative values, we want to start from the zero line and go up
+  const barHeight = Math.abs(height);
+  const barY = isNegative ? y - barHeight : y;
+
+  return (
+    <g>
+      <rect
+        x={x}
+        y={barY}
+        width={width}
+        height={barHeight}
+        fill={barFill}
+        rx={4}
+        ry={4}
+      />
+    </g>
+  );
+};
+
+export function ChartPosNegBarDemo() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Growth Rate</CardTitle>
+        <CardDescription>Monthly growth rate variations</CardDescription>
+      </CardHeader>
+      <CardContent>
+        <ChartContainer config={chartConfig}>
+          <BarChart
+            accessibilityLayer
+            data={chartData}
+            margin={{
+              top: 20,
+              right: 10,
+              left: 0,
+              bottom: 0,
+            }}
+            barSize={32}
+          >
+            <CartesianGrid
+              vertical={false}
+              stroke="var(--border)"
+              strokeDasharray="3 3"
+            />
+            <XAxis
+              dataKey="month"
+              tickLine={false}
+              axisLine={false}
+              tickMargin={8}
+              padding={{ left: 20, right: 20 }}
+            />
+            <YAxis
+              tickLine={false}
+              axisLine={false}
+              tickMargin={4}
+              width={30}
+              domain={[-10, 10]}
+              ticks={[-10, -5, 0, 5, 10]}
+              tickFormatter={(value) => `${value}%`}
+            />
+            <ReferenceLine y={0} stroke="var(--border)" strokeWidth={2} />
+            <ChartTooltip
+              cursor={false}
+              content={<ChartTooltipContent indicator="dashed" />}
+            />
+            <Bar dataKey="value" shape={<CustomBar />} />
+          </BarChart>
+        </ChartContainer>
+      </CardContent>
+      <CardFooter className="flex-col items-start gap-2 text-sm">
+        <div className="flex gap-2 leading-none">
+          Net positive trend <TrendingUp className="h-4 w-4" />
+        </div>
+        <div className="text-muted-foreground leading-none">
+          Showing monthly growth rate changes
+        </div>
+      </CardFooter>
+    </Card>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/checkbox-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/checkbox-demo.tsx
new file mode 100644
index 0000000..1ed0fff
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/checkbox-demo.tsx
@@ -0,0 +1,41 @@
+"use client";
+
+import { Checkbox } from "@/components/ui/checkbox";
+import { Label } from "@/components/ui/label";
+
+export function CheckboxDemo() {
+  return (
+    <div className="flex flex-col gap-6">
+      <div className="flex items-center gap-3">
+        <Checkbox id="terms" />
+        <Label htmlFor="terms">Accept terms and conditions</Label>
+      </div>
+      <div className="flex items-start gap-3">
+        <Checkbox id="terms-2" defaultChecked />
+        <div className="grid gap-2">
+          <Label htmlFor="terms-2">Accept terms and conditions</Label>
+          <p className="text-muted-foreground text-sm">
+            By clicking this checkbox, you agree to the terms and conditions.
+          </p>
+        </div>
+      </div>
+      <div className="flex items-start gap-3">
+        <Checkbox id="toggle" disabled />
+        <Label htmlFor="toggle">Enable notifications</Label>
+      </div>
+      <Label className="hover:bg-accent/50 flex items-start gap-3 rounded-lg border p-3 has-[[aria-checked=true]]:border-border-info has-[[aria-checked=true]]:bg-background">
+        <Checkbox
+          id="toggle-2"
+          defaultChecked
+          className="data-[state=checked]:border-border-info data-[state=checked]:bg-background-info data-[state=checked]:text-white dark:data-[state=checked]:border-blue-700 dark:data-[state=checked]:bg-blue-700"
+        />
+        <div className="grid gap-1.5 font-normal">
+          <p className="text-sm leading-none ">Enable notifications</p>
+          <p className="text-muted-foreground text-sm">
+            You can enable or disable notifications at any time.
+          </p>
+        </div>
+      </Label>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/collapsible-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/collapsible-demo.tsx
new file mode 100644
index 0000000..7d995ee
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/collapsible-demo.tsx
@@ -0,0 +1,46 @@
+"use client";
+
+import { ChevronsUpDown } from "lucide-react";
+import * as React from "react";
+
+import { Button } from "@/components/ui/button";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
+
+export function CollapsibleDemo() {
+  const [isOpen, setIsOpen] = React.useState(false);
+
+  return (
+    <Collapsible
+      open={isOpen}
+      onOpenChange={setIsOpen}
+      className="flex w-full flex-col gap-2 md:w-[350px]"
+    >
+      <div className="flex items-center justify-between gap-4 px-4">
+        <h4 className="line-clamp-1 text-sm font-display font-semibold">
+          @peduarte starred 3 repositories
+        </h4>
+        <CollapsibleTrigger asChild>
+          <Button variant="ghost" size="sm">
+            <ChevronsUpDown className="h-4 w-4" />
+            <span className="sr-only">Toggle</span>
+          </Button>
+        </CollapsibleTrigger>
+      </div>
+      <div className="rounded-md border px-4 py-2 font-mono text-sm">
+        @radix-ui/primitives
+      </div>
+      <CollapsibleContent className="flex flex-col gap-2">
+        <div className="rounded-md border px-4 py-2 font-mono text-sm">
+          @radix-ui/colors
+        </div>
+        <div className="rounded-md border px-4 py-2 font-mono text-sm">
+          @stitches/react
+        </div>
+      </CollapsibleContent>
+    </Collapsible>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/combobox-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/combobox-demo.tsx
new file mode 100644
index 0000000..9081ac6
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/combobox-demo.tsx
@@ -0,0 +1,400 @@
+"use client";
+
+import {
+  CheckIcon,
+  ChevronDownIcon,
+  ChevronsUpDown,
+  PlusCircleIcon,
+} from "lucide-react";
+import * as React from "react";
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Button } from "@/components/ui/button";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+} from "@/components/ui/command";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { cn } from "@/lib/utils";
+
+const frameworks = [
+  {
+    value: "next.js",
+    label: "Next.js",
+  },
+  {
+    value: "sveltekit",
+    label: "SvelteKit",
+  },
+  {
+    value: "nuxt.js",
+    label: "Nuxt.js",
+  },
+  {
+    value: "remix",
+    label: "Remix",
+  },
+  {
+    value: "astro",
+    label: "Astro",
+  },
+];
+
+type Framework = (typeof frameworks)[number];
+
+const users = [
+  {
+    id: "1",
+    username: "nahiyankhan",
+  },
+  {
+    id: "2",
+    username: "baxen",
+  },
+  {
+    id: "3",
+    username: "spencrmartin",
+  },
+] as const;
+
+type User = (typeof users)[number];
+
+const timezones = [
+  {
+    label: "Americas",
+    timezones: [
+      { value: "America/New_York", label: "(GMT-5) New York" },
+      { value: "America/Los_Angeles", label: "(GMT-8) Los Angeles" },
+      { value: "America/Chicago", label: "(GMT-6) Chicago" },
+      { value: "America/Toronto", label: "(GMT-5) Toronto" },
+      { value: "America/Vancouver", label: "(GMT-8) Vancouver" },
+      { value: "America/Sao_Paulo", label: "(GMT-3) São Paulo" },
+    ],
+  },
+  {
+    label: "Europe",
+    timezones: [
+      { value: "Europe/London", label: "(GMT+0) London" },
+      { value: "Europe/Paris", label: "(GMT+1) Paris" },
+      { value: "Europe/Berlin", label: "(GMT+1) Berlin" },
+      { value: "Europe/Rome", label: "(GMT+1) Rome" },
+      { value: "Europe/Madrid", label: "(GMT+1) Madrid" },
+      { value: "Europe/Amsterdam", label: "(GMT+1) Amsterdam" },
+    ],
+  },
+  {
+    label: "Asia/Pacific",
+    timezones: [
+      { value: "Asia/Tokyo", label: "(GMT+9) Tokyo" },
+      { value: "Asia/Shanghai", label: "(GMT+8) Shanghai" },
+      { value: "Asia/Singapore", label: "(GMT+8) Singapore" },
+      { value: "Asia/Dubai", label: "(GMT+4) Dubai" },
+      { value: "Australia/Sydney", label: "(GMT+11) Sydney" },
+      { value: "Asia/Seoul", label: "(GMT+9) Seoul" },
+    ],
+  },
+] as const;
+
+type Timezone = (typeof timezones)[number];
+
+export function ComboboxDemo() {
+  return (
+    <div className="flex w-full flex-wrap items-start justify-start gap-4 @max-3xl:justify-start">
+      <FrameworkCombobox frameworks={[...frameworks]} />
+      <UserCombobox users={[...users]} selectedUserId={users[0].id} />
+      <TimezoneCombobox
+        timezones={[...timezones]}
+        selectedTimezone={timezones[0].timezones[0]}
+      />
+      <ComboboxWithCheckbox frameworks={[...frameworks]} />
+    </div>
+  );
+}
+
+function FrameworkCombobox({ frameworks }: { frameworks: Framework[] }) {
+  const [open, setOpen] = React.useState(false);
+  const [value, setValue] = React.useState("");
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          variant="outline"
+          role="combobox"
+          aria-expanded={open}
+          className="w-full justify-between md:max-w-[200px]"
+        >
+          {value
+            ? frameworks.find((framework) => framework.value === value)?.label
+            : "Select framework..."}
+          <ChevronsUpDown className="text-muted-foreground" />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-(--radix-popover-trigger-width) p-0">
+        <Command>
+          <CommandInput placeholder="Search framework..." />
+          <CommandList>
+            <CommandEmpty>No framework found.</CommandEmpty>
+            <CommandGroup>
+              {frameworks.map((framework) => (
+                <CommandItem
+                  key={framework.value}
+                  value={framework.value}
+                  onSelect={(currentValue) => {
+                    setValue(currentValue === value ? "" : currentValue);
+                    setOpen(false);
+                  }}
+                >
+                  {framework.label}
+                  <CheckIcon
+                    className={cn(
+                      "ml-auto",
+                      value === framework.value ? "opacity-100" : "opacity-0",
+                    )}
+                  />
+                </CommandItem>
+              ))}
+            </CommandGroup>
+          </CommandList>
+        </Command>
+      </PopoverContent>
+    </Popover>
+  );
+}
+
+function UserCombobox({
+  users,
+  selectedUserId,
+}: {
+  users: User[];
+  selectedUserId: string;
+}) {
+  const [open, setOpen] = React.useState(false);
+  const [value, setValue] = React.useState(selectedUserId);
+
+  const selectedUser = React.useMemo(
+    () => users.find((user) => user.id === value),
+    [value, users],
+  );
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          variant="outline"
+          role="combobox"
+          aria-expanded={open}
+          className="w-full justify-between px-2 md:max-w-[200px]"
+        >
+          {selectedUser ? (
+            <div className="flex items-center gap-2">
+              <Avatar className="size-5">
+                <AvatarImage
+                  src={`https://github.com/${selectedUser.username}.png`}
+                />
+                <AvatarFallback>{selectedUser.username[0]}</AvatarFallback>
+              </Avatar>
+              {selectedUser.username}
+            </div>
+          ) : (
+            "Select user..."
+          )}
+          <ChevronsUpDown className="text-muted-foreground" />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-(--radix-popover-trigger-width) p-0">
+        <Command>
+          <CommandInput placeholder="Search user..." />
+          <CommandList>
+            <CommandEmpty>No user found.</CommandEmpty>
+            <CommandGroup>
+              {users.map((user) => (
+                <CommandItem
+                  key={user.id}
+                  value={user.id}
+                  onSelect={(currentValue) => {
+                    setValue(currentValue === value ? "" : currentValue);
+                    setOpen(false);
+                  }}
+                >
+                  <Avatar className="size-5">
+                    <AvatarImage
+                      src={`https://github.com/${user.username}.png`}
+                    />
+                    <AvatarFallback>{user.username[0]}</AvatarFallback>
+                  </Avatar>
+                  {user.username}
+                  <CheckIcon
+                    className={cn(
+                      "ml-auto",
+                      value === user.id ? "opacity-100" : "opacity-0",
+                    )}
+                  />
+                </CommandItem>
+              ))}
+            </CommandGroup>
+            <CommandSeparator />
+            <CommandGroup>
+              <CommandItem>
+                <PlusCircleIcon />
+                Create user
+              </CommandItem>
+            </CommandGroup>
+          </CommandList>
+        </Command>
+      </PopoverContent>
+    </Popover>
+  );
+}
+
+function TimezoneCombobox({
+  timezones,
+  selectedTimezone,
+}: {
+  timezones: Timezone[];
+  selectedTimezone: Timezone["timezones"][number];
+}) {
+  const [open, setOpen] = React.useState(false);
+  const [value, setValue] = React.useState(selectedTimezone.value);
+
+  const selectedGroup = React.useMemo(
+    () =>
+      timezones.find((group) =>
+        group.timezones.find((tz) => tz.value === value),
+      ),
+    [value, timezones],
+  );
+
+  const selectedTimezoneLabel = React.useMemo(
+    () => selectedGroup?.timezones.find((tz) => tz.value === value)?.label,
+    [value, selectedGroup],
+  );
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          variant="outline"
+          className="h-14 w-full justify-between !px-6 md:max-w-[240px]"
+        >
+          {selectedTimezone ? (
+            <div className="flex flex-col items-start gap-0.5">
+              <span className="text-muted-foreground text-xs font-normal">
+                {selectedGroup?.label}
+              </span>
+              <span>{selectedTimezoneLabel}</span>
+            </div>
+          ) : (
+            "Select timezone"
+          )}
+          <ChevronDownIcon className="text-muted-foreground" />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="p-0" align="start">
+        <Command>
+          <CommandInput placeholder="Search timezone..." />
+          <CommandList className="scroll-pb-12">
+            <CommandEmpty>No timezone found.</CommandEmpty>
+            {timezones.map((region) => (
+              <CommandGroup key={region.label} heading={region.label}>
+                {region.timezones.map((timezone) => (
+                  <CommandItem
+                    key={timezone.value}
+                    value={timezone.value}
+                    onSelect={(currentValue) => {
+                      setValue(
+                        currentValue as Timezone["timezones"][number]["value"],
+                      );
+                      setOpen(false);
+                    }}
+                  >
+                    {timezone.label}
+                    <CheckIcon
+                      className="ml-auto opacity-0 data-[selected=true]:opacity-100"
+                      data-selected={value === timezone.value}
+                    />
+                  </CommandItem>
+                ))}
+              </CommandGroup>
+            ))}
+            <CommandSeparator className="sticky bottom-10" />
+            <CommandGroup className="bg-popover sticky bottom-0">
+              <CommandItem>
+                <PlusCircleIcon />
+                Create timezone
+              </CommandItem>
+            </CommandGroup>
+          </CommandList>
+        </Command>
+      </PopoverContent>
+    </Popover>
+  );
+}
+
+function ComboboxWithCheckbox({ frameworks }: { frameworks: Framework[] }) {
+  const [open, setOpen] = React.useState(false);
+  const [selectedFrameworks, setSelectedFrameworks] = React.useState<
+    Framework[]
+  >([]);
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          variant="outline"
+          role="combobox"
+          aria-expanded={open}
+          className="w-fit min-w-[280px] justify-between"
+        >
+          {selectedFrameworks.length > 0
+            ? selectedFrameworks.map((framework) => framework.label).join(", ")
+            : "Select frameworks (multi-select)..."}
+          <ChevronsUpDown className="text-muted-foreground" />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-[300px] p-0" align="start">
+        <Command>
+          <CommandInput placeholder="Search framework..." />
+          <CommandList>
+            <CommandEmpty>No framework found.</CommandEmpty>
+            <CommandGroup>
+              {frameworks.map((framework) => (
+                <CommandItem
+                  key={framework.value}
+                  value={framework.value}
+                  onSelect={(currentValue) => {
+                    setSelectedFrameworks(
+                      selectedFrameworks.some((f) => f.value === currentValue)
+                        ? selectedFrameworks.filter(
+                            (f) => f.value !== currentValue,
+                          )
+                        : [...selectedFrameworks, framework],
+                    );
+                  }}
+                >
+                  <div
+                    className="border-input data-[selected=true]:border-primary data-[selected=true]:bg-primary data-[selected=true]:text-primary-foreground pointer-events-none size-4 shrink-0 rounded-[4px] border transition-all select-none *:[svg]:opacity-0 data-[selected=true]:*:[svg]:opacity-100"
+                    data-selected={selectedFrameworks.some(
+                      (f) => f.value === framework.value,
+                    )}
+                  >
+                    <CheckIcon className="size-3.5 text-current" />
+                  </div>
+                  {framework.label}
+                </CommandItem>
+              ))}
+            </CommandGroup>
+          </CommandList>
+        </Command>
+      </PopoverContent>
+    </Popover>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/command-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/command-demo.tsx
new file mode 100644
index 0000000..d11c105
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/command-demo.tsx
@@ -0,0 +1,87 @@
+"use client";
+
+import {
+  Calculator,
+  Calendar,
+  CreditCard,
+  Settings,
+  Smile,
+  User,
+} from "lucide-react";
+import * as React from "react";
+
+import {
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+} from "@/components/ui/command";
+
+export function CommandDemo() {
+  const [open, setOpen] = React.useState(false);
+
+  React.useEffect(() => {
+    const down = (e: KeyboardEvent) => {
+      if (e.key === "j" && (e.metaKey || e.ctrlKey)) {
+        e.preventDefault();
+        setOpen((open) => !open);
+      }
+    };
+
+    document.addEventListener("keydown", down);
+    return () => document.removeEventListener("keydown", down);
+  }, []);
+
+  return (
+    <>
+      <p className="text-muted-foreground text-sm">
+        Press{" "}
+        <kbd className="bg-muted text-muted-foreground pointer-events-none inline-flex h-5 items-center gap-1 rounded border px-1.5 font-mono text-[10px]  opacity-100 select-none">
+          <span className="text-xs">⌘</span>J
+        </kbd>
+      </p>
+      <CommandDialog open={open} onOpenChange={setOpen}>
+        <CommandInput placeholder="Type a command or search..." />
+        <CommandList>
+          <CommandEmpty>No results found.</CommandEmpty>
+          <CommandGroup heading="Suggestions">
+            <CommandItem>
+              <Calendar />
+              <span>Calendar</span>
+            </CommandItem>
+            <CommandItem>
+              <Smile />
+              <span>Search Emoji</span>
+            </CommandItem>
+            <CommandItem>
+              <Calculator />
+              <span>Calculator</span>
+            </CommandItem>
+          </CommandGroup>
+          <CommandSeparator />
+          <CommandGroup heading="Settings">
+            <CommandItem>
+              <User />
+              <span>Profile</span>
+              <CommandShortcut>⌘P</CommandShortcut>
+            </CommandItem>
+            <CommandItem>
+              <CreditCard />
+              <span>Billing</span>
+              <CommandShortcut>⌘B</CommandShortcut>
+            </CommandItem>
+            <CommandItem>
+              <Settings />
+              <span>Settings</span>
+              <CommandShortcut>⌘S</CommandShortcut>
+            </CommandItem>
+          </CommandGroup>
+        </CommandList>
+      </CommandDialog>
+    </>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/component-wrapper.tsx b/packages/ghost-ui/src/components/docs/primitives/component-wrapper.tsx
new file mode 100644
index 0000000..c216d92
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/component-wrapper.tsx
@@ -0,0 +1,161 @@
+// pulled from https://github.com/shadcn-ui/ui/blob/main/apps/v4/components/component-wrapper.tsx#L7
+"use client";
+
+import { Check, Clipboard, Expand, Globe, Hash, Terminal } from "lucide-react";
+import * as React from "react";
+import { ComponentErrorBoundary } from "@/components/docs/error-boundary";
+import { ExternalLink } from "@/components/docs/external-link";
+import { TooltipWrapper } from "@/components/docs/tooltip-wrapper";
+import { Alert, AlertTitle } from "@/components/ui/alert";
+import { Button } from "@/components/ui/button";
+import { useCopyToClipboard } from "@/hooks/use-copy-to-clipboard";
+import { cn, getComponentName } from "@/lib/utils";
+
+export function ComponentWrapper({
+  className,
+  name,
+  children,
+  internalUrl,
+  showUrl = false,
+  ...props
+}: React.ComponentPropsWithoutRef<"div"> & {
+  name: string;
+  internalUrl?: string;
+  showUrl?: boolean;
+}) {
+  const { copyToClipboard, isCopied } = useCopyToClipboard();
+  const baseUrl = process.env.NEXT_PUBLIC_BASE_URL;
+  const [isHashCopied, setIsHashCopied] = React.useState(false);
+
+  const handleHashCopy = () => {
+    const url = `${window.location.origin}${
+      window.location.pathname
+    }#${name.toLowerCase()}`;
+    copyToClipboard(url);
+    setIsHashCopied(true);
+    setTimeout(() => setIsHashCopied(false), 2000);
+  };
+
+  React.useEffect(() => {
+    // Enable smooth scrolling for anchor links
+    document.documentElement.style.scrollBehavior = "smooth";
+    return () => {
+      document.documentElement.style.scrollBehavior = "";
+    };
+  }, []);
+
+  return (
+    <ComponentErrorBoundary name={name}>
+      <div
+        id={`component-${name.toLowerCase()}`}
+        data-name={name.toLowerCase()}
+        className={cn(
+          "@container flex w-full scroll-mt-16 flex-col pb-12 relative",
+          className,
+        )}
+        {...props}
+      >
+        <div className="z-10 absolute bottom-0 left-0 w-full h-[1px] bg-border" />
+
+        <div className="py-3">
+          <div className="flex flex-col items-center justify-between gap-2 text-xs lg:text-sm @lg:flex-row">
+            <div className="flex items-center gap-2">
+              <span
+                className="shrink-0 font-display font-bold tracking-[-0.02em]"
+                style={{ fontSize: "var(--heading-sub-font-size)" }}
+              >
+                {getComponentName(name)}
+              </span>
+              <TooltipWrapper label="Copy primitive link" asChild>
+                <Button
+                  appearance="icon"
+                  variant="outline"
+                  className="relative size-8 cursor-pointer p-1 mt-1"
+                  onClick={handleHashCopy}
+                >
+                  <Hash
+                    className={cn(
+                      "absolute size-4 transition duration-200",
+                      isHashCopied ? "scale-0" : "scale-100",
+                    )}
+                  />
+                  <Check
+                    className={cn(
+                      "absolute size-4 transition duration-200",
+                      !isHashCopied ? "scale-0" : "scale-100",
+                    )}
+                  />
+                </Button>
+              </TooltipWrapper>
+            </div>
+
+            {/* <Alert className="border-primary/30 bg-primary/10 flex w-full items-center border px-4 py-1 @lg:max-w-1/3">
+              <div className="pr-2">
+                <Terminal className="size-4" />
+              </div>
+
+              <AlertTitle className="w-full font-mono text-xs text-pretty">
+                {`npx shadcn@latest add `}
+                <span>{name}</span>
+              </AlertTitle>
+
+              <div className="ml-auto flex items-center">
+                <TooltipWrapper label="Copy command" asChild>
+                  <Button
+                    style={"icon"}
+                    variant={"ghost"}
+                    className="relative size-4 cursor-pointer p-1"
+                    onClick={() =>
+                      copyToClipboard(`npx shadcn@latest add ${name}`)
+                    }
+                  >
+                    <Clipboard
+                      className={cn(
+                        "absolute size-4 transition duration-200",
+                        isCopied ? "scale-0" : "scale-100"
+                      )}
+                    />
+                    <Check
+                      className={cn(
+                        "absolute size-4 transition duration-200",
+                        !isCopied ? "scale-0" : "scale-100"
+                      )}
+                    />
+                  </Button>
+                </TooltipWrapper>
+
+                {showUrl && (
+                  <TooltipWrapper label="Shadcn docs" asChild>
+                    <ExternalLink
+                      href={
+                        internalUrl
+                          ? `${baseUrl}${internalUrl}`
+                          : `https://ui.shadcn.com/docs/components/${name}`
+                      }
+                      showIcon
+                      className="size-fit cursor-pointer p-1"
+                    >
+                      {internalUrl ? (
+                        <Expand className="size-4" />
+                      ) : (
+                        <Globe className="size-4" />
+                      )}
+                    </ExternalLink>
+                  </TooltipWrapper>
+                )}
+              </div>
+            </Alert> */}
+          </div>
+        </div>
+        <div
+          className={cn(
+            "flex flex-1 flex-col items-center justify-start gap-8 py-4 @5xl:flex-row @5xl:items-start",
+            className,
+          )}
+        >
+          {children}
+        </div>
+      </div>
+    </ComponentErrorBoundary>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/context-menu-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/context-menu-demo.tsx
new file mode 100644
index 0000000..b13caa1
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/context-menu-demo.tsx
@@ -0,0 +1,79 @@
+import { Code2Icon, PlusIcon, TrashIcon } from "lucide-react";
+
+import {
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuRadioGroup,
+  ContextMenuRadioItem,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger,
+} from "@/components/ui/context-menu";
+
+export function ContextMenuDemo() {
+  return (
+    <ContextMenu>
+      <ContextMenuTrigger className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed text-sm">
+        Right click here
+      </ContextMenuTrigger>
+      <ContextMenuContent className="w-64">
+        <ContextMenuItem inset>
+          Back
+          <ContextMenuShortcut>⌘[</ContextMenuShortcut>
+        </ContextMenuItem>
+        <ContextMenuItem inset disabled>
+          Forward
+          <ContextMenuShortcut>⌘]</ContextMenuShortcut>
+        </ContextMenuItem>
+        <ContextMenuItem inset>
+          Reload
+          <ContextMenuShortcut>⌘R</ContextMenuShortcut>
+        </ContextMenuItem>
+        <ContextMenuSub>
+          <ContextMenuSubTrigger inset>More Tools</ContextMenuSubTrigger>
+          <ContextMenuSubContent className="w-48">
+            <ContextMenuItem inset>
+              Save Page...
+              <ContextMenuShortcut>⇧⌘S</ContextMenuShortcut>
+            </ContextMenuItem>
+            <ContextMenuItem>
+              <PlusIcon />
+              Create Shortcut...
+            </ContextMenuItem>
+            <ContextMenuItem inset>Name Window...</ContextMenuItem>
+            <ContextMenuSeparator />
+            <ContextMenuItem>
+              <Code2Icon />
+              Developer Tools
+            </ContextMenuItem>
+            <ContextMenuSeparator />
+            <ContextMenuItem variant="destructive">
+              <TrashIcon />
+              Delete
+            </ContextMenuItem>
+          </ContextMenuSubContent>
+        </ContextMenuSub>
+        <ContextMenuSeparator />
+        <ContextMenuCheckboxItem checked>
+          Show Bookmarks Bar
+          <ContextMenuShortcut>⌘⇧B</ContextMenuShortcut>
+        </ContextMenuCheckboxItem>
+        <ContextMenuCheckboxItem>Show Full URLs</ContextMenuCheckboxItem>
+        <ContextMenuSeparator />
+        <ContextMenuRadioGroup value="pedro">
+          <ContextMenuLabel inset>People</ContextMenuLabel>
+          <ContextMenuRadioItem value="pedro">
+            Pedro Duarte
+          </ContextMenuRadioItem>
+          <ContextMenuRadioItem value="colm">Colm Tuite</ContextMenuRadioItem>
+        </ContextMenuRadioGroup>
+      </ContextMenuContent>
+    </ContextMenu>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/date-picker-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/date-picker-demo.tsx
new file mode 100644
index 0000000..d50d91f
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/date-picker-demo.tsx
@@ -0,0 +1,93 @@
+"use client";
+
+import { addDays, format } from "date-fns";
+import { CalendarIcon } from "lucide-react";
+import * as React from "react";
+import { DateRange } from "react-day-picker";
+import { Button } from "@/components/ui/button";
+import { Calendar } from "@/components/ui/calendar";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { cn } from "@/lib/utils";
+
+export function DatePickerDemo() {
+  return (
+    <div className="flex flex-col items-start gap-4 md:flex-row">
+      <DatePickerSimple />
+      <DatePickerWithRange />
+    </div>
+  );
+}
+
+function DatePickerSimple() {
+  const [date, setDate] = React.useState<Date>();
+
+  return (
+    <Popover>
+      <PopoverTrigger asChild>
+        <Button
+          variant={"outline"}
+          className={cn(
+            "min-w-[200px] justify-start px-2 font-normal",
+            !date && "text-muted-foreground",
+          )}
+        >
+          <CalendarIcon className="text-muted-foreground" />
+          {date ? format(date, "PPP") : <span>Pick a date</span>}
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-auto p-0" align="start">
+        <Calendar mode="single" selected={date} onSelect={setDate} autoFocus />
+      </PopoverContent>
+    </Popover>
+  );
+}
+
+function DatePickerWithRange() {
+  const [date, setDate] = React.useState<DateRange | undefined>({
+    from: new Date(new Date().getFullYear(), 0, 20),
+    to: addDays(new Date(new Date().getFullYear(), 0, 20), 20),
+  });
+
+  return (
+    <Popover>
+      <PopoverTrigger asChild>
+        <Button
+          id="date"
+          variant={"outline"}
+          className={cn(
+            "w-fit justify-start px-2 font-normal",
+            !date && "text-muted-foreground",
+          )}
+        >
+          <CalendarIcon className="text-muted-foreground" />
+          {date?.from ? (
+            date.to ? (
+              <>
+                {format(date.from, "LLL dd, y")} -{" "}
+                {format(date.to, "LLL dd, y")}
+              </>
+            ) : (
+              format(date.from, "LLL dd, y")
+            )
+          ) : (
+            <span>Pick a date</span>
+          )}
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-auto p-0" align="start">
+        <Calendar
+          autoFocus
+          mode="range"
+          defaultMonth={date?.from}
+          selected={date}
+          onSelect={setDate}
+          numberOfMonths={2}
+        />
+      </PopoverContent>
+    </Popover>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/dialog-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/dialog-demo.tsx
new file mode 100644
index 0000000..f8157c7
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/dialog-demo.tsx
@@ -0,0 +1,133 @@
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "@/components/ui/dialog";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+
+export function DialogDemo() {
+  return (
+    <div className="flex flex-col items-start gap-4 md:flex-row">
+      <DialogWithForm />
+      <DialogScrollableContent />
+      <DialogWithStickyFooter />
+    </div>
+  );
+}
+
+function DialogWithForm() {
+  return (
+    <Dialog>
+      <form>
+        <DialogTrigger asChild>
+          <Button variant="outline">Edit Profile</Button>
+        </DialogTrigger>
+        <DialogContent className="sm:max-w-[425px]">
+          <DialogHeader>
+            <DialogTitle>Edit profile</DialogTitle>
+            <DialogDescription>
+              Make changes to your profile here. Click save when you&apos;re
+              done.
+            </DialogDescription>
+          </DialogHeader>
+          <div className="grid gap-4">
+            <div className="grid gap-3">
+              <Label htmlFor="name-1">Name</Label>
+              <Input id="name-1" name="name" defaultValue="Pedro Duarte" />
+            </div>
+            <div className="grid gap-3">
+              <Label htmlFor="username-1">Username</Label>
+              <Input id="username-1" name="username" defaultValue="@peduarte" />
+            </div>
+          </div>
+          <DialogFooter>
+            <DialogClose asChild>
+              <Button variant="outline">Cancel</Button>
+            </DialogClose>
+            <Button type="submit">Save changes</Button>
+          </DialogFooter>
+        </DialogContent>
+      </form>
+    </Dialog>
+  );
+}
+
+function DialogScrollableContent() {
+  return (
+    <Dialog>
+      <DialogTrigger asChild>
+        <Button variant="outline">Scrollable Content</Button>
+      </DialogTrigger>
+      <DialogContent className="sm:max-w-[425px]">
+        <DialogHeader>
+          <DialogTitle>Scrollable Content</DialogTitle>
+          <DialogDescription>
+            This is a dialog with scrollable content.
+          </DialogDescription>
+        </DialogHeader>
+        <div className="-mx-6 max-h-[500px] overflow-y-auto px-6 text-sm">
+          <h4 className="mb-4 text-lg font-display font-semibold leading-none">
+            Lorem Ipsum
+          </h4>
+          {Array.from({ length: 10 }).map((_, index) => (
+            <p key={index} className="mb-4 leading-normal">
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do
+              eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
+              enim ad minim veniam, quis nostrud exercitation ullamco laboris
+              nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+              reprehenderit in voluptate velit esse cillum dolore eu fugiat
+              nulla pariatur. Excepteur sint occaecat cupidatat non proident,
+              sunt in culpa qui officia deserunt mollit anim id est laborum.
+            </p>
+          ))}
+        </div>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+function DialogWithStickyFooter() {
+  return (
+    <Dialog>
+      <DialogTrigger asChild>
+        <Button variant="outline">Sticky Footer</Button>
+      </DialogTrigger>
+      <DialogContent className="sm:max-w-lg">
+        <DialogHeader>
+          <DialogTitle>Scrollable Content</DialogTitle>
+          <DialogDescription>
+            This is a dialog with scrollable content.
+          </DialogDescription>
+        </DialogHeader>
+        <div className="-mx-6 max-h-[500px] overflow-y-auto px-6 text-sm">
+          <h4 className="mb-4 text-lg font-display font-semibold leading-none">
+            Lorem Ipsum
+          </h4>
+          {Array.from({ length: 10 }).map((_, index) => (
+            <p key={index} className="mb-4 leading-normal">
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do
+              eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
+              enim ad minim veniam, quis nostrud exercitation ullamco laboris
+              nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+              reprehenderit in voluptate velit esse cillum dolore eu fugiat
+              nulla pariatur. Excepteur sint occaecat cupidatat non proident,
+              sunt in culpa qui officia deserunt mollit anim id est laborum.
+            </p>
+          ))}
+        </div>
+        <DialogFooter>
+          <DialogClose asChild>
+            <Button variant="outline">Close</Button>
+          </DialogClose>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/drawer-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/drawer-demo.tsx
new file mode 100644
index 0000000..c2134fa
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/drawer-demo.tsx
@@ -0,0 +1,213 @@
+"use client";
+
+import { Minus, Plus } from "lucide-react";
+import * as React from "react";
+import { Bar, BarChart, ResponsiveContainer } from "recharts";
+
+import { Button } from "@/components/ui/button";
+import {
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerTitle,
+  DrawerTrigger,
+} from "@/components/ui/drawer";
+
+const data = [
+  {
+    goal: 400,
+  },
+  {
+    goal: 300,
+  },
+  {
+    goal: 200,
+  },
+  {
+    goal: 300,
+  },
+  {
+    goal: 200,
+  },
+  {
+    goal: 278,
+  },
+  {
+    goal: 189,
+  },
+  {
+    goal: 239,
+  },
+  {
+    goal: 300,
+  },
+  {
+    goal: 200,
+  },
+  {
+    goal: 278,
+  },
+  {
+    goal: 189,
+  },
+  {
+    goal: 349,
+  },
+];
+
+export function DrawerDemo() {
+  return (
+    <div className="flex flex-wrap items-start gap-4">
+      <DrawerBottom />
+      <DrawerScrollableContent />
+      <DrawerDirections />
+    </div>
+  );
+}
+
+function DrawerBottom() {
+  const [goal, setGoal] = React.useState(350);
+
+  const onClick = React.useCallback((adjustment: number) => {
+    setGoal((prevGoal) => Math.max(200, Math.min(400, prevGoal + adjustment)));
+  }, []);
+
+  return (
+    <Drawer>
+      <DrawerTrigger asChild>
+        <Button variant="outline">Open Drawer</Button>
+      </DrawerTrigger>
+      <DrawerContent>
+        <div className="mx-auto w-full max-w-sm">
+          <DrawerHeader>
+            <DrawerTitle>Payment Amount</DrawerTitle>
+            <DrawerDescription>Set your payment amount.</DrawerDescription>
+          </DrawerHeader>
+          <div className="p-4 pb-0">
+            <div className="flex items-center justify-center space-x-2">
+              <Button
+                variant="outline"
+                appearance="icon"
+                className="h-12 w-12 shrink-0 rounded-full"
+                onClick={() => onClick(-10)}
+                disabled={goal <= 200}
+              >
+                <Minus />
+                <span className="sr-only">Decrease</span>
+              </Button>
+              <div className="flex-1 text-center">
+                <div className="text-7xl font-bold font-mono">{goal}</div>
+                <div className="text-muted-foreground text-[0.70rem] uppercase">
+                  USD
+                </div>
+              </div>
+              <Button
+                variant="outline"
+                appearance="icon"
+                className="h-12 w-12 shrink-0 rounded-full"
+                onClick={() => onClick(10)}
+                disabled={goal >= 400}
+              >
+                <Plus />
+                <span className="sr-only">Increase</span>
+              </Button>
+            </div>
+          </div>
+          <DrawerFooter>
+            <Button>Pay</Button>
+            <DrawerClose asChild>
+              <Button variant="outline">Cancel</Button>
+            </DrawerClose>
+          </DrawerFooter>
+        </div>
+      </DrawerContent>
+    </Drawer>
+  );
+}
+
+function DrawerScrollableContent() {
+  return (
+    <Drawer direction="right">
+      <DrawerTrigger asChild>
+        <Button variant="outline">Scrollable Content</Button>
+      </DrawerTrigger>
+      <DrawerContent>
+        <DrawerHeader>
+          <DrawerTitle>Payment Amount</DrawerTitle>
+          <DrawerDescription>Set your payment amount.</DrawerDescription>
+        </DrawerHeader>
+        <div className="overflow-y-auto px-4 text-sm">
+          <h4 className="mb-4 text-lg font-display font-semibold leading-none">
+            Lorem Ipsum
+          </h4>
+          {Array.from({ length: 10 }).map((_, index) => (
+            <p key={index} className="mb-4 leading-normal">
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do
+              eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
+              enim ad minim veniam, quis nostrud exercitation ullamco laboris
+              nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+              reprehenderit in voluptate velit esse cillum dolore eu fugiat
+              nulla pariatur. Excepteur sint occaecat cupidatat non proident,
+              sunt in culpa qui officia deserunt mollit anim id est laborum.
+            </p>
+          ))}
+        </div>
+        <DrawerFooter>
+          <Button>Submit</Button>
+          <DrawerClose asChild>
+            <Button variant="outline">Cancel</Button>
+          </DrawerClose>
+        </DrawerFooter>
+      </DrawerContent>
+    </Drawer>
+  );
+}
+
+const directions = ["top", "right", "bottom", "left"] as const;
+
+function DrawerDirections() {
+  return (
+    <>
+      {directions.map((direction) => (
+        <Drawer key={direction} direction={direction}>
+          <DrawerTrigger asChild>
+            <Button variant="outline" className="capitalize">
+              {direction}
+            </Button>
+          </DrawerTrigger>
+          <DrawerContent>
+            <DrawerHeader>
+              <DrawerTitle>Move Goal</DrawerTitle>
+              <DrawerDescription>
+                Set your daily activity goal.
+              </DrawerDescription>
+            </DrawerHeader>
+            <div className="overflow-y-auto px-4 text-sm">
+              {Array.from({ length: 10 }).map((_, index) => (
+                <p key={index} className="mb-4 leading-normal">
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
+                  do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                  Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                  laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+                  irure dolor in reprehenderit in voluptate velit esse cillum
+                  dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                  cupidatat non proident, sunt in culpa qui officia deserunt
+                  mollit anim id est laborum.
+                </p>
+              ))}
+            </div>
+            <DrawerFooter>
+              <Button>Submit</Button>
+              <DrawerClose asChild>
+                <Button variant="outline">Cancel</Button>
+              </DrawerClose>
+            </DrawerFooter>
+          </DrawerContent>
+        </Drawer>
+      ))}
+    </>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/dropdown-menu-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/dropdown-menu-demo.tsx
new file mode 100644
index 0000000..e9515f5
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/dropdown-menu-demo.tsx
@@ -0,0 +1,368 @@
+"use client";
+
+import {
+  BadgeCheckIcon,
+  BellIcon,
+  ChevronsUpDownIcon,
+  CreditCardIcon,
+  LogOut,
+  LogOutIcon,
+  MoreHorizontalIcon,
+  PencilIcon,
+  Settings2Icon,
+  ShareIcon,
+  SparklesIcon,
+  TrashIcon,
+  UserIcon,
+} from "lucide-react";
+import * as React from "react";
+
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Button } from "@/components/ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+
+export function DropdownMenuDemo() {
+  return (
+    <div className="flex flex-wrap items-start justify-center gap-4">
+      <DropdownMenuSimple />
+      <DropdownMenuCheckboxes />
+      <DropdownMenuRadioGroupDemo />
+      <DropdownMenuWithAvatar />
+      <DropdownMenuAvatarOnly />
+      <DropdownMenuIconColor />
+    </div>
+  );
+}
+
+function DropdownMenuSimple() {
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button variant="outline">Open</Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align="start" className="w-56">
+        <DropdownMenuLabel>My Account</DropdownMenuLabel>
+        <DropdownMenuGroup>
+          <DropdownMenuItem>
+            Profile
+            <DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut>
+          </DropdownMenuItem>
+          <DropdownMenuItem>
+            Billing
+            <DropdownMenuShortcut>⌘B</DropdownMenuShortcut>
+          </DropdownMenuItem>
+          <DropdownMenuItem>
+            Settings
+            <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>
+          </DropdownMenuItem>
+          <DropdownMenuItem>
+            Keyboard shortcuts
+            <DropdownMenuShortcut>⌘K</DropdownMenuShortcut>
+          </DropdownMenuItem>
+        </DropdownMenuGroup>
+        <DropdownMenuSeparator />
+        <DropdownMenuGroup>
+          <DropdownMenuItem>Team</DropdownMenuItem>
+          <DropdownMenuSub>
+            <DropdownMenuSubTrigger>Invite users</DropdownMenuSubTrigger>
+            <DropdownMenuPortal>
+              <DropdownMenuSubContent>
+                <DropdownMenuItem>Email</DropdownMenuItem>
+                <DropdownMenuItem>Message</DropdownMenuItem>
+                <DropdownMenuSeparator />
+                <DropdownMenuItem>More...</DropdownMenuItem>
+              </DropdownMenuSubContent>
+            </DropdownMenuPortal>
+          </DropdownMenuSub>
+          <DropdownMenuItem>
+            New Team
+            <DropdownMenuShortcut>⌘+T</DropdownMenuShortcut>
+          </DropdownMenuItem>
+        </DropdownMenuGroup>
+        <DropdownMenuSeparator />
+        <DropdownMenuItem>GitHub</DropdownMenuItem>
+        <DropdownMenuItem>Support</DropdownMenuItem>
+        <DropdownMenuItem disabled>API</DropdownMenuItem>
+        <DropdownMenuSeparator />
+        <DropdownMenuItem>
+          Log out
+          <DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+}
+
+function DropdownMenuCheckboxes() {
+  const [showStatusBar, setShowStatusBar] = React.useState(true);
+  const [showActivityBar, setShowActivityBar] = React.useState(false);
+  const [showPanel, setShowPanel] = React.useState(false);
+
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button variant="outline">Checkboxes</Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align="start" className="w-56">
+        <DropdownMenuGroup>
+          <DropdownMenuLabel>Account</DropdownMenuLabel>
+          <DropdownMenuItem>
+            <UserIcon /> Profile
+          </DropdownMenuItem>
+          <DropdownMenuItem>
+            <CreditCardIcon /> Billing
+          </DropdownMenuItem>
+          <DropdownMenuItem>
+            <Settings2Icon /> Settings
+          </DropdownMenuItem>
+        </DropdownMenuGroup>
+        <DropdownMenuSeparator />
+        <DropdownMenuGroup>
+          <DropdownMenuLabel>Appearance</DropdownMenuLabel>
+          <DropdownMenuCheckboxItem
+            checked={showStatusBar}
+            onCheckedChange={setShowStatusBar}
+          >
+            Status Bar
+          </DropdownMenuCheckboxItem>
+          <DropdownMenuCheckboxItem
+            checked={showActivityBar}
+            onCheckedChange={setShowActivityBar}
+            disabled
+          >
+            Activity Bar
+          </DropdownMenuCheckboxItem>
+          <DropdownMenuCheckboxItem
+            checked={showPanel}
+            onCheckedChange={setShowPanel}
+          >
+            Panel
+          </DropdownMenuCheckboxItem>
+        </DropdownMenuGroup>
+        <DropdownMenuSeparator />
+        <DropdownMenuGroup>
+          <DropdownMenuItem>
+            <LogOutIcon /> Sign Out
+          </DropdownMenuItem>
+        </DropdownMenuGroup>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+}
+
+function DropdownMenuRadioGroupDemo() {
+  const [position, setPosition] = React.useState("bottom");
+
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button variant="outline">Radio Group</Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align="start" className="w-56">
+        <DropdownMenuLabel inset>Panel Position</DropdownMenuLabel>
+        <DropdownMenuGroup>
+          <DropdownMenuRadioGroup value={position} onValueChange={setPosition}>
+            <DropdownMenuRadioItem value="top">Top</DropdownMenuRadioItem>
+            <DropdownMenuRadioItem value="bottom">Bottom</DropdownMenuRadioItem>
+            <DropdownMenuRadioItem value="right" disabled>
+              Right
+            </DropdownMenuRadioItem>
+          </DropdownMenuRadioGroup>
+        </DropdownMenuGroup>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+}
+
+function DropdownMenuWithAvatar() {
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button
+          variant="outline"
+          className="h-12 justify-start px-2 md:max-w-[200px]"
+        >
+          <Avatar>
+            <AvatarImage
+              src="https://github.com/nahiyankhan.png"
+              alt="Nahiyankhan"
+            />
+            <AvatarFallback className="rounded-lg">NK</AvatarFallback>
+          </Avatar>
+          <div className="grid flex-1 text-left text-sm leading-tight">
+            <span className="truncate font-medium">nahiyankhan</span>
+            <span className="text-muted-foreground truncate text-xs">
+              nahiyankhan@example.com
+            </span>
+          </div>
+          <ChevronsUpDownIcon className="text-muted-foreground ml-auto" />
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent
+        className="w-(--radix-dropdown-menu-trigger-width) min-w-56"
+        align="start"
+      >
+        <DropdownMenuLabel className="p-0 font-normal">
+          <div className="flex items-center gap-2 px-1 py-1.5 text-left text-sm">
+            <Avatar>
+              <AvatarImage
+                src="https://github.com/nahiyankhan.png"
+                alt="nahiyankhan"
+              />
+              <AvatarFallback className="rounded-lg">NK</AvatarFallback>
+            </Avatar>
+            <div className="grid flex-1 text-left text-sm leading-tight">
+              <span className="truncate font-medium">nahiyankhan</span>
+              <span className="text-muted-foreground truncate text-xs">
+                nahiyankhan@example.com
+              </span>
+            </div>
+          </div>
+        </DropdownMenuLabel>
+        <DropdownMenuSeparator />
+        <DropdownMenuGroup>
+          <DropdownMenuItem>
+            <SparklesIcon />
+            Upgrade to Pro
+          </DropdownMenuItem>
+        </DropdownMenuGroup>
+        <DropdownMenuSeparator />
+        <DropdownMenuGroup>
+          <DropdownMenuItem>
+            <BadgeCheckIcon />
+            Account
+          </DropdownMenuItem>
+          <DropdownMenuItem>
+            <CreditCardIcon />
+            Billing
+          </DropdownMenuItem>
+          <DropdownMenuItem>
+            <BellIcon />
+            Notifications
+          </DropdownMenuItem>
+        </DropdownMenuGroup>
+        <DropdownMenuSeparator />
+        <DropdownMenuItem>
+          <LogOut />
+          Sign Out
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+}
+
+function DropdownMenuAvatarOnly() {
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button
+          variant="outline"
+          className="size-8 rounded-full border-none p-0"
+        >
+          <Avatar>
+            <AvatarImage
+              src="https://github.com/nahiyankhan.png"
+              alt="nahiyankhan"
+            />
+            <AvatarFallback className="rounded-lg">NK</AvatarFallback>
+          </Avatar>
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent
+        className="w-(--radix-dropdown-menu-trigger-width) min-w-56"
+        align="start"
+      >
+        <DropdownMenuLabel className="p-0 font-normal">
+          <div className="flex items-center gap-2 px-1 py-1.5 text-left text-sm">
+            <Avatar>
+              <AvatarImage
+                src="https://github.com/nahiyankhan.png"
+                alt="nahiyankhan"
+              />
+              <AvatarFallback className="rounded-lg">NK</AvatarFallback>
+            </Avatar>
+            <div className="grid flex-1 text-left text-sm leading-tight">
+              <span className="truncate font-medium">nahiyankhan</span>
+              <span className="text-muted-foreground truncate text-xs">
+                nahiyankhan@example.com
+              </span>
+            </div>
+          </div>
+        </DropdownMenuLabel>
+        <DropdownMenuSeparator />
+        <DropdownMenuGroup>
+          <DropdownMenuItem>
+            <SparklesIcon />
+            Upgrade to Pro
+          </DropdownMenuItem>
+        </DropdownMenuGroup>
+        <DropdownMenuSeparator />
+        <DropdownMenuGroup>
+          <DropdownMenuItem>
+            <BadgeCheckIcon />
+            Account
+          </DropdownMenuItem>
+          <DropdownMenuItem>
+            <CreditCardIcon />
+            Billing
+          </DropdownMenuItem>
+          <DropdownMenuItem>
+            <BellIcon />
+            Notifications
+          </DropdownMenuItem>
+        </DropdownMenuGroup>
+        <DropdownMenuSeparator />
+        <DropdownMenuItem>
+          <LogOut />
+          Sign Out
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+}
+
+function DropdownMenuIconColor() {
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button variant="ghost" appearance="icon">
+          <MoreHorizontalIcon />
+          <span className="sr-only">Toggle menu</span>
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align="start">
+        <DropdownMenuGroup className="*:data-[slot=dropdown-menu-item]:[&>svg]:text-muted-foreground">
+          <DropdownMenuItem>
+            <PencilIcon />
+            Edit
+          </DropdownMenuItem>
+          <DropdownMenuItem>
+            <ShareIcon />
+            Share
+          </DropdownMenuItem>
+          <DropdownMenuSeparator />
+          <DropdownMenuItem variant="destructive">
+            <TrashIcon />
+            Delete
+          </DropdownMenuItem>
+        </DropdownMenuGroup>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/form-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/form-demo.tsx
new file mode 100644
index 0000000..47f8468
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/form-demo.tsx
@@ -0,0 +1,424 @@
+"use client";
+
+import { zodResolver } from "@hookform/resolvers/zod";
+import { format } from "date-fns";
+import { CalendarIcon } from "lucide-react";
+import { useForm } from "react-hook-form";
+import { toast } from "sonner";
+import { z } from "zod";
+import { Button } from "@/components/ui/button";
+import { Calendar } from "@/components/ui/calendar";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { Checkbox } from "@/components/ui/checkbox";
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { Switch } from "@/components/ui/switch";
+import { Textarea } from "@/components/ui/textarea";
+import { cn } from "@/lib/utils";
+
+const items = [
+  {
+    id: "recents",
+    label: "Recents",
+  },
+  {
+    id: "home",
+    label: "Home",
+  },
+  {
+    id: "applications",
+    label: "Applications",
+  },
+  {
+    id: "desktop",
+    label: "Desktop",
+  },
+  {
+    id: "downloads",
+    label: "Downloads",
+  },
+  {
+    id: "documents",
+    label: "Documents",
+  },
+] as const;
+
+const FormSchema = z.object({
+  username: z.string().min(2, {
+    message: "Username must be at least 2 characters.",
+  }),
+  bio: z
+    .string()
+    .min(10, {
+      message: "Bio must be at least 10 characters.",
+    })
+    .max(160, {
+      message: "Bio must not be longer than 30 characters.",
+    }),
+  email: z
+    .string({
+      error: "Please select an email to display.",
+    })
+    .email(),
+  type: z.enum(["all", "mentions", "none"], {
+    error: "You need to select a notification type.",
+  }),
+  mobile: z.boolean().default(false).optional(),
+  items: z.array(z.string()).refine((value) => value.some((item) => item), {
+    message: "You have to select at least one item.",
+  }),
+  dob: z.date({
+    error: "A date of birth is required.",
+  }),
+  marketing_emails: z.boolean().default(false).optional(),
+  security_emails: z.boolean(),
+});
+
+export function FormDemo() {
+  const form = useForm<z.infer<typeof FormSchema>>({
+    resolver: zodResolver(FormSchema),
+    defaultValues: {
+      username: "",
+      items: ["recents", "home"],
+    },
+  });
+
+  function onSubmit(data: z.infer<typeof FormSchema>) {
+    toast("You submitted the following values:", {
+      description: (
+        <pre className="mt-2 w-[340px] rounded-md bg-gray-900 p-4">
+          <code className="text-white">{JSON.stringify(data, null, 2)}</code>
+        </pre>
+      ),
+    });
+  }
+
+  return (
+    <Card className="@max-xl:w-full">
+      <CardHeader>
+        <CardTitle className="text-lg">Example</CardTitle>
+        <CardDescription className="text-balance">
+          See some of the form building blocks.
+        </CardDescription>
+      </CardHeader>
+      <CardContent>
+        <Form {...form}>
+          <form
+            onSubmit={form.handleSubmit(onSubmit)}
+            className="grid w-full max-w-sm gap-6"
+          >
+            <FormField
+              control={form.control}
+              name="username"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>Username</FormLabel>
+                  <FormControl>
+                    <Input placeholder="shadcn" {...field} />
+                  </FormControl>
+                  <FormDescription>
+                    This is your public display name.
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name="email"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>Email</FormLabel>
+                  <Select
+                    onValueChange={field.onChange}
+                    defaultValue={field.value}
+                  >
+                    <FormControl>
+                      <SelectTrigger>
+                        <SelectValue placeholder="Select a verified email to display" />
+                      </SelectTrigger>
+                    </FormControl>
+                    <SelectContent>
+                      <SelectItem value="m@example.com">
+                        m@example.com
+                      </SelectItem>
+                      <SelectItem value="m@google.com">m@google.com</SelectItem>
+                      <SelectItem value="m@support.com">
+                        m@support.com
+                      </SelectItem>
+                    </SelectContent>
+                  </Select>
+                  <FormDescription>
+                    You can manage email addresses in your email settings.
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name="bio"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>Bio</FormLabel>
+                  <FormControl>
+                    <Textarea
+                      placeholder="Tell us a little bit about yourself"
+                      className="resize-none"
+                      {...field}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    You can <span>@mention</span> other users and organizations.
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name="type"
+              render={({ field }) => (
+                <FormItem className="flex flex-col gap-3">
+                  <FormLabel>Notify me about...</FormLabel>
+                  <FormControl>
+                    <RadioGroup
+                      onValueChange={field.onChange}
+                      defaultValue={field.value}
+                      className="flex flex-col gap-3"
+                    >
+                      <FormItem className="flex items-center gap-2">
+                        <FormControl>
+                          <RadioGroupItem value="all" />
+                        </FormControl>
+                        <FormLabel className="font-normal">
+                          All new messages
+                        </FormLabel>
+                      </FormItem>
+                      <FormItem className="flex items-center gap-2">
+                        <FormControl>
+                          <RadioGroupItem value="mentions" />
+                        </FormControl>
+                        <FormLabel className="font-normal">
+                          Direct messages and mentions
+                        </FormLabel>
+                      </FormItem>
+                      <FormItem className="flex items-center gap-2">
+                        <FormControl>
+                          <RadioGroupItem value="none" />
+                        </FormControl>
+                        <FormLabel className="font-normal">Nothing</FormLabel>
+                      </FormItem>
+                    </RadioGroup>
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name="mobile"
+              render={({ field }) => (
+                <FormItem className="flex flex-row items-start gap-3 rounded-md border p-4">
+                  <FormControl>
+                    <Checkbox
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                  <div className="flex flex-col gap-1">
+                    <FormLabel className="leading-snug">
+                      Use different settings for my mobile devices
+                    </FormLabel>
+                    <FormDescription className="leading-snug">
+                      You can manage your mobile notifications in the mobile
+                      settings page.
+                    </FormDescription>
+                  </div>
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name="items"
+              render={() => (
+                <FormItem className="flex flex-col gap-4">
+                  <div>
+                    <FormLabel className="text-base">Sidebar</FormLabel>
+                    <FormDescription>
+                      Select the items you want to display in the sidebar.
+                    </FormDescription>
+                  </div>
+                  <div className="flex flex-col gap-2">
+                    {items.map((item) => (
+                      <FormField
+                        key={item.id}
+                        control={form.control}
+                        name="items"
+                        render={({ field }) => {
+                          return (
+                            <FormItem
+                              key={item.id}
+                              className="flex items-start gap-3"
+                            >
+                              <FormControl>
+                                <Checkbox
+                                  checked={field.value?.includes(item.id)}
+                                  onCheckedChange={(checked) => {
+                                    return checked
+                                      ? field.onChange([
+                                          ...field.value,
+                                          item.id,
+                                        ])
+                                      : field.onChange(
+                                          field.value?.filter(
+                                            (value) => value !== item.id,
+                                          ),
+                                        );
+                                  }}
+                                />
+                              </FormControl>
+                              <FormLabel className="text-sm leading-tight font-normal">
+                                {item.label}
+                              </FormLabel>
+                            </FormItem>
+                          );
+                        }}
+                      />
+                    ))}
+                  </div>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name="dob"
+              render={({ field }) => (
+                <FormItem className="flex flex-col">
+                  <FormLabel>Date of birth</FormLabel>
+                  <Popover>
+                    <PopoverTrigger asChild>
+                      <FormControl>
+                        <Button
+                          variant={"outline"}
+                          className={cn(
+                            "w-[240px] pl-3 text-left font-normal",
+                            !field.value && "text-muted-foreground",
+                          )}
+                        >
+                          {field.value ? (
+                            format(field.value, "PPP")
+                          ) : (
+                            <span>Pick a date</span>
+                          )}
+                          <CalendarIcon className="ml-auto h-4 w-4 opacity-50" />
+                        </Button>
+                      </FormControl>
+                    </PopoverTrigger>
+                    <PopoverContent className="w-auto p-0" align="start">
+                      <Calendar
+                        mode="single"
+                        selected={field.value}
+                        onSelect={field.onChange}
+                        disabled={(date) =>
+                          date > new Date() || date < new Date("1900-01-01")
+                        }
+                        autoFocus
+                      />
+                    </PopoverContent>
+                  </Popover>
+                  <FormDescription>
+                    Your date of birth is used to calculate your age.
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+            <div>
+              <h3 className="mb-4 text-lg font-display font-semibold">
+                Email Notifications
+              </h3>
+              <div className="flex flex-col gap-4">
+                <FormField
+                  control={form.control}
+                  name="marketing_emails"
+                  render={({ field }) => (
+                    <FormItem className="flex flex-row items-start justify-between rounded-lg border p-4">
+                      <div className="flex flex-col gap-0.5">
+                        <FormLabel className="leading-normal">
+                          Marketing emails
+                        </FormLabel>
+                        <FormDescription className="leading-snug">
+                          Receive emails about new products, features, and more.
+                        </FormDescription>
+                      </div>
+                      <FormControl>
+                        <Switch
+                          checked={field.value}
+                          onCheckedChange={field.onChange}
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+                <FormField
+                  control={form.control}
+                  name="security_emails"
+                  render={({ field }) => (
+                    <FormItem className="flex flex-row items-start justify-between rounded-lg border p-4">
+                      <div className="flex flex-col gap-0.5 opacity-60">
+                        <FormLabel className="leading-normal">
+                          Security emails
+                        </FormLabel>
+                        <FormDescription className="leading-snug">
+                          Receive emails about your account security.
+                        </FormDescription>
+                      </div>
+                      <FormControl>
+                        <Switch
+                          checked={field.value}
+                          onCheckedChange={field.onChange}
+                          disabled
+                          aria-readonly
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+              </div>
+            </div>
+            <Button type="submit">Submit</Button>
+          </form>
+        </Form>{" "}
+      </CardContent>
+    </Card>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/forms-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/forms-demo.tsx
new file mode 100644
index 0000000..e3b58bb
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/forms-demo.tsx
@@ -0,0 +1,228 @@
+"use client";
+
+import * as React from "react";
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { Checkbox } from "@/components/ui/checkbox";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { Textarea } from "@/components/ui/textarea";
+import { useTheme } from "@/lib/theme-provider";
+
+const plans = [
+  {
+    id: "starter",
+    name: "Starter Plan",
+    description: "Perfect for small businesses.",
+    price: "$10",
+  },
+  {
+    id: "pro",
+    name: "Pro Plan",
+    description: "Advanced features with more storage.",
+    price: "$20",
+  },
+] as const;
+
+const themes = {
+  neutral: {
+    light: {
+      "--primary": "oklch(0.205 0 0)",
+      "--primary-foreground": "oklch(0.985 0 0)",
+      "--ring": "oklch(0.708 0 0)",
+    },
+    dark: {
+      "--primary": "oklch(0.922 0 0)",
+      "--primary-foreground": "oklch(0.205 0 0)",
+      "--ring": "oklch(0.556 0 0)",
+    },
+  },
+  blue: {
+    light: {
+      "--primary": "oklch(0.546 0.245 262.881)",
+      "--primary-foreground": "oklch(0.985 0.001 106.423)",
+      "--ring": "oklch(0.546 0.245 262.881)",
+    },
+    dark: {
+      "--primary": "oklch(0.623 0.214 259.815)",
+      "--primary-foreground": "oklch(0.985 0.001 106.423)",
+      "--ring": "oklch(0.623 0.214 259.815)",
+    },
+  },
+  amber: {
+    light: {
+      "--primary": "oklch(0.769 0.188 70.08)",
+      "--primary-foreground": "oklch(0.985 0.001 106.423)",
+      "--ring": "oklch(0.82 0.13 92.25)",
+    },
+    dark: {
+      "--primary": "oklch(0.769 0.188 70.08)",
+      "--primary-foreground": "oklch(0.216 0.006 56.043)",
+      "--ring": "oklch(0.666 0.179 58.318)",
+    },
+  },
+  teal: {
+    light: {
+      "--primary": "oklch(0.627 0.194 149.214)",
+      "--primary-foreground": "oklch(0.985 0.001 106.423)",
+      "--ring": "oklch(0.79 0.19 153.13)",
+    },
+    dark: {
+      "--primary": "oklch(0.704 0.14 182.503)",
+      "--primary-foreground": "oklch(0.216 0.006 56.043)",
+      "--ring": "oklch(0.704 0.14 182.503)",
+    },
+  },
+} as const;
+
+export function FormsDemo() {
+  const { theme: mode = "light" } = useTheme();
+  const [theme, setTheme] = React.useState<keyof typeof themes | undefined>(
+    undefined,
+  );
+
+  const themeStyles = React.useMemo(() => {
+    if (!theme) return undefined;
+    return themes[theme][mode as keyof (typeof themes)[typeof theme]];
+  }, [theme, mode]);
+
+  return (
+    <div className="flex w-full flex-col gap-4 @xl:max-w-md">
+      <Card style={themeStyles as React.CSSProperties}>
+        <CardHeader>
+          <CardTitle className="text-lg">Upgrade your subscription</CardTitle>
+          <CardDescription className="text-balance">
+            You are currently on the free plan. Upgrade to the pro plan to get
+            access to all features.
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <div className="flex flex-col gap-6">
+            <div className="flex flex-col gap-3 md:flex-row">
+              <div className="flex flex-1 flex-col gap-2">
+                <Label htmlFor="name">Name</Label>
+                <Input id="name" placeholder="Evil Rabbit" />
+              </div>
+              <div className="flex flex-1 flex-col gap-2">
+                <Label htmlFor="email">Email</Label>
+                <Input id="email" placeholder="example@acme.com" />
+              </div>
+            </div>
+            <div className="flex flex-col gap-2">
+              <Label htmlFor="card-number">Card Number</Label>
+              <div className="grid grid-cols-2 gap-3 md:grid-cols-[1fr_80px_60px]">
+                <Input
+                  id="card-number"
+                  placeholder="1234 1234 1234 1234"
+                  className="col-span-2 md:col-span-1"
+                />
+                <Input id="card-number-expiry" placeholder="MM/YY" />
+                <Input id="card-number-cvc" placeholder="CVC" />
+              </div>
+            </div>
+            <div className="flex flex-col gap-2">
+              <Label htmlFor="color">Color</Label>
+              <Select
+                onValueChange={(value) =>
+                  setTheme(value as keyof typeof themes)
+                }
+              >
+                <SelectTrigger id="color" className="w-full capitalize">
+                  <SelectValue placeholder="Select a color" />
+                </SelectTrigger>
+                <SelectContent>
+                  {Object.keys(themes).map((theme) => (
+                    <SelectItem
+                      key={theme}
+                      value={theme}
+                      className="capitalize"
+                    >
+                      <div
+                        className="size-3.5 rounded-full border"
+                        style={{
+                          backgroundColor:
+                            themes[theme as keyof typeof themes][
+                              mode as keyof (typeof themes)[keyof typeof themes]
+                            ]?.["--primary"],
+                        }}
+                      />
+                      {theme}
+                    </SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
+            </div>
+            <fieldset className="flex flex-col gap-3">
+              <legend className="text-sm ">Plan</legend>
+              <p className="text-muted-foreground text-sm">
+                Select the plan that best fits your needs.
+              </p>
+              <RadioGroup
+                defaultValue="starter"
+                className="grid gap-3 md:grid-cols-2"
+              >
+                {plans.map((plan) => (
+                  <Label
+                    className="has-[[data-state=checked]]:border-ring has-[[data-state=checked]]:bg-input/30 flex items-start gap-3 rounded-lg border p-3"
+                    key={plan.id}
+                  >
+                    <RadioGroupItem
+                      value={plan.id}
+                      id={plan.name}
+                      className="data-[state=checked]:border-primary"
+                    />
+                    <div className="grid gap-1 font-normal">
+                      <div className="">{plan.name}</div>
+                      <div className="text-muted-foreground pr-2 text-xs leading-snug text-balance">
+                        {plan.description}
+                      </div>
+                    </div>
+                  </Label>
+                ))}
+              </RadioGroup>
+            </fieldset>
+            <div className="flex flex-col gap-2">
+              <Label htmlFor="notes">Notes</Label>
+              <Textarea id="notes" placeholder="Enter notes" />
+            </div>
+            <div className="flex flex-col gap-3">
+              <div className="flex items-center gap-2">
+                <Checkbox id="terms" />
+                <Label htmlFor="terms" className="font-normal">
+                  I agree to the terms and conditions
+                </Label>
+              </div>
+              <div className="flex items-center gap-2">
+                <Checkbox id="newsletter" defaultChecked />
+                <Label htmlFor="newsletter" className="font-normal">
+                  Allow us to send you emails
+                </Label>
+              </div>
+            </div>
+          </div>
+        </CardContent>
+        <CardFooter className="flex justify-between">
+          <Button variant="outline" size="sm">
+            Cancel
+          </Button>
+          <Button size="sm">Upgrade Plan</Button>
+        </CardFooter>
+      </Card>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/hover-card-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/hover-card-demo.tsx
new file mode 100644
index 0000000..c410318
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/hover-card-demo.tsx
@@ -0,0 +1,39 @@
+import { CalendarIcon } from "lucide-react";
+
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Button } from "@/components/ui/button";
+import {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+} from "@/components/ui/hover-card";
+
+export function HoverCardDemo() {
+  return (
+    <HoverCard>
+      <HoverCardTrigger asChild>
+        <Button variant="link">@nextjs</Button>
+      </HoverCardTrigger>
+      <HoverCardContent className="w-80" side="right">
+        <div className="flex justify-between gap-4">
+          <Avatar>
+            <AvatarImage src="https://github.com/vercel.png" />
+            <AvatarFallback>VC</AvatarFallback>
+          </Avatar>
+          <div className="flex flex-col gap-1">
+            <h4 className="text-sm font-display font-semibold">@nextjs</h4>
+            <p className="text-sm">
+              The React Framework – created and maintained by @vercel.
+            </p>
+            <div className="mt-1 flex items-center gap-2">
+              <CalendarIcon className="text-muted-foreground size-4" />{" "}
+              <span className="text-muted-foreground text-xs">
+                Joined December 2021
+              </span>
+            </div>
+          </div>
+        </div>
+      </HoverCardContent>
+    </HoverCard>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/index.tsx b/packages/ghost-ui/src/components/docs/primitives/index.tsx
new file mode 100644
index 0000000..5b0a85b
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/index.tsx
@@ -0,0 +1,200 @@
+"use client";
+
+import { AccordionDemo } from "@/components/docs/primitives/accordion-demo";
+import { AlertDemo } from "@/components/docs/primitives/alert-demo";
+import { AlertDialogDemo } from "@/components/docs/primitives/alert-dialog-demo";
+import { AspectRatioDemo } from "@/components/docs/primitives/aspect-ratio-demo";
+import { AvatarDemo } from "@/components/docs/primitives/avatar-demo";
+import { BadgeDemo } from "@/components/docs/primitives/badge-demo";
+import { BreadcrumbDemo } from "@/components/docs/primitives/breadcrumb-demo";
+import { ButtonDemo } from "@/components/docs/primitives/button-demo";
+import { CalendarDemo } from "@/components/docs/primitives/calendar-demo";
+import { CardDemo } from "@/components/docs/primitives/card-demo";
+import { CarouselDemo } from "@/components/docs/primitives/carousel-demo";
+import { ChartDemo } from "@/components/docs/primitives/chart-demo";
+import { CheckboxDemo } from "@/components/docs/primitives/checkbox-demo";
+import { CollapsibleDemo } from "@/components/docs/primitives/collapsible-demo";
+import { ComboboxDemo } from "@/components/docs/primitives/combobox-demo";
+import { CommandDemo } from "@/components/docs/primitives/command-demo";
+import { ComponentWrapper } from "@/components/docs/primitives/component-wrapper";
+import { ContextMenuDemo } from "@/components/docs/primitives/context-menu-demo";
+import { DatePickerDemo } from "@/components/docs/primitives/date-picker-demo";
+import { DialogDemo } from "@/components/docs/primitives/dialog-demo";
+import { DrawerDemo } from "@/components/docs/primitives/drawer-demo";
+import { DropdownMenuDemo } from "@/components/docs/primitives/dropdown-menu-demo";
+import { FormDemo } from "@/components/docs/primitives/form-demo";
+import { FormsDemo } from "@/components/docs/primitives/forms-demo";
+import { HoverCardDemo } from "@/components/docs/primitives/hover-card-demo";
+import { InputDemo } from "@/components/docs/primitives/input-demo";
+import { InputOTPDemo } from "@/components/docs/primitives/input-otp-demo";
+import { LabelDemo } from "@/components/docs/primitives/label-demo";
+import { MenubarDemo } from "@/components/docs/primitives/menubar-demo";
+import { NavigationMenuDemo } from "@/components/docs/primitives/navigation-menu-demo";
+import { PaginationDemo } from "@/components/docs/primitives/pagination-demo";
+import { PopoverDemo } from "@/components/docs/primitives/popover-demo";
+import { ProgressDemo } from "@/components/docs/primitives/progress-demo";
+import { RadioGroupDemo } from "@/components/docs/primitives/radio-group-demo";
+import { ResizableDemo } from "@/components/docs/primitives/resizable-demo";
+import { ScrollAreaDemo } from "@/components/docs/primitives/scroll-area-demo";
+import { SelectDemo } from "@/components/docs/primitives/select-demo";
+import { SeparatorDemo } from "@/components/docs/primitives/separator-demo";
+import { SheetDemo } from "@/components/docs/primitives/sheet-demo";
+import { SkeletonDemo } from "@/components/docs/primitives/skeleton-demo";
+import { SliderDemo } from "@/components/docs/primitives/slider-demo";
+import { SonnerDemo } from "@/components/docs/primitives/sonner-demo";
+import { SwitchDemo } from "@/components/docs/primitives/switch-demo";
+import { TableDemo } from "@/components/docs/primitives/table-demo";
+import { TabsDemo } from "@/components/docs/primitives/tabs-demo";
+import { TextareaDemo } from "@/components/docs/primitives/textarea-demo";
+import { ToggleDemo } from "@/components/docs/primitives/toggle-demo";
+import { ToggleGroupDemo } from "@/components/docs/primitives/toggle-group-demo";
+import { TooltipDemo } from "@/components/docs/primitives/tooltip-demo";
+
+export function ComponentDemos() {
+  return (
+    <div className="@container grid flex-1 gap-4 space-y-8 md:py-12">
+      <ComponentWrapper name="accordion">
+        <AccordionDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="alert">
+        <AlertDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="alert-dialog">
+        <AlertDialogDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="aspect-ratio">
+        <AspectRatioDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="avatar">
+        <AvatarDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="badge">
+        <BadgeDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="breadcrumb">
+        <BreadcrumbDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="button">
+        <ButtonDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="calendar">
+        <CalendarDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="card">
+        <CardDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="carousel">
+        <CarouselDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="chart" className="w-full">
+        <ChartDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="checkbox">
+        <CheckboxDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="collapsible">
+        <CollapsibleDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="combobox">
+        <ComboboxDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="command">
+        <CommandDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="context-menu">
+        <ContextMenuDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="date-picker">
+        <DatePickerDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="dialog">
+        <DialogDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="drawer">
+        <DrawerDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="dropdown-menu">
+        <DropdownMenuDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="form">
+        <FormsDemo />
+        <FormDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="hover-card">
+        <HoverCardDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="input">
+        <InputDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="input-otp">
+        <InputOTPDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="label">
+        <LabelDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="menubar">
+        <MenubarDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="navigation-menu">
+        <NavigationMenuDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="pagination">
+        <PaginationDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="popover">
+        <PopoverDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="progress">
+        <ProgressDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="radio-group">
+        <RadioGroupDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="resizable">
+        <ResizableDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="scroll-area">
+        <ScrollAreaDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="select">
+        <SelectDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="separator">
+        <SeparatorDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="sheet">
+        <SheetDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="skeleton">
+        <SkeletonDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="slider">
+        <SliderDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="sonner">
+        <SonnerDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="switch">
+        <SwitchDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="table">
+        <TableDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="tabs">
+        <TabsDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="textarea">
+        <TextareaDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="toggle">
+        <ToggleDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="toggle-group">
+        <ToggleGroupDemo />
+      </ComponentWrapper>
+      <ComponentWrapper name="tooltip">
+        <TooltipDemo />
+      </ComponentWrapper>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/input-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/input-demo.tsx
new file mode 100644
index 0000000..886b37d
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/input-demo.tsx
@@ -0,0 +1,23 @@
+import { Input } from "@/components/ui/input";
+
+export function InputDemo() {
+  return (
+    <div className="grid w-full max-w-sm gap-4">
+      <Input type="email" placeholder="Email" />
+      <Input type="text" placeholder="Error" aria-invalid="true" />
+      <Input type="password" placeholder="Password" />
+      <Input type="number" placeholder="Number" />
+      <Input type="file" placeholder="File" />
+      <Input type="tel" placeholder="Tel" />
+      <Input type="text" placeholder="Text" />
+      <Input type="url" placeholder="URL" />
+      <Input type="search" placeholder="Search" />
+      <Input type="date" placeholder="Date" />
+      <Input type="datetime-local" placeholder="Datetime Local" />
+      <Input type="month" placeholder="Month" />
+      <Input type="time" placeholder="Time" />
+      <Input type="week" placeholder="Week" />
+      <Input disabled placeholder="Disabled" />
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/input-otp-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/input-otp-demo.tsx
new file mode 100644
index 0000000..6faee5d
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/input-otp-demo.tsx
@@ -0,0 +1,109 @@
+"use client";
+
+import { REGEXP_ONLY_DIGITS } from "input-otp";
+import * as React from "react";
+
+import {
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSeparator,
+  InputOTPSlot,
+} from "@/components/ui/input-otp";
+import { Label } from "@/components/ui/label";
+
+export function InputOTPDemo() {
+  return (
+    <div className="flex flex-col flex-wrap justify-center gap-6 md:flex-row">
+      <InputOTPSimple />
+      <InputOTPPattern />
+      <InputOTPWithSeparator />
+      <InputOTPWithSpacing />
+    </div>
+  );
+}
+
+function InputOTPSimple() {
+  return (
+    <div className="grid gap-2">
+      <Label htmlFor="simple">Simple</Label>
+      <InputOTP id="simple" maxLength={6}>
+        <InputOTPGroup>
+          <InputOTPSlot index={0} />
+          <InputOTPSlot index={1} />
+          <InputOTPSlot index={2} />
+        </InputOTPGroup>
+        <InputOTPSeparator />
+        <InputOTPGroup>
+          <InputOTPSlot index={3} />
+          <InputOTPSlot index={4} />
+          <InputOTPSlot index={5} />
+        </InputOTPGroup>
+      </InputOTP>
+    </div>
+  );
+}
+
+function InputOTPPattern() {
+  return (
+    <div className="grid gap-2">
+      <Label htmlFor="digits-only">Digits Only</Label>
+      <InputOTP id="digits-only" maxLength={6} pattern={REGEXP_ONLY_DIGITS}>
+        <InputOTPGroup>
+          <InputOTPSlot index={0} />
+          <InputOTPSlot index={1} />
+          <InputOTPSlot index={2} />
+          <InputOTPSlot index={3} />
+          <InputOTPSlot index={4} />
+          <InputOTPSlot index={5} />
+        </InputOTPGroup>
+      </InputOTP>
+    </div>
+  );
+}
+
+function InputOTPWithSeparator() {
+  const [value, setValue] = React.useState("123456");
+
+  return (
+    <div className="grid gap-2">
+      <Label htmlFor="with-separator">With Separator</Label>
+      <InputOTP
+        id="with-separator"
+        maxLength={6}
+        value={value}
+        onChange={setValue}
+      >
+        <InputOTPGroup>
+          <InputOTPSlot index={0} />
+          <InputOTPSlot index={1} />
+        </InputOTPGroup>
+        <InputOTPSeparator />
+        <InputOTPGroup>
+          <InputOTPSlot index={2} />
+          <InputOTPSlot index={3} />
+        </InputOTPGroup>
+        <InputOTPSeparator />
+        <InputOTPGroup>
+          <InputOTPSlot index={4} />
+          <InputOTPSlot index={5} />
+        </InputOTPGroup>
+      </InputOTP>
+    </div>
+  );
+}
+
+function InputOTPWithSpacing() {
+  return (
+    <div className="grid gap-2">
+      <Label htmlFor="with-spacing">With Spacing</Label>
+      <InputOTP id="with-spacing" maxLength={6}>
+        <InputOTPGroup className="gap-2 *:data-[slot=input-otp-slot]:rounded-md *:data-[slot=input-otp-slot]:border">
+          <InputOTPSlot index={0} aria-invalid="true" />
+          <InputOTPSlot index={1} aria-invalid="true" />
+          <InputOTPSlot index={2} aria-invalid="true" />
+          <InputOTPSlot index={3} aria-invalid="true" />
+        </InputOTPGroup>
+      </InputOTP>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/label-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/label-demo.tsx
new file mode 100644
index 0000000..998e2c8
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/label-demo.tsx
@@ -0,0 +1,27 @@
+import { Checkbox } from "@/components/ui/checkbox";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Textarea } from "@/components/ui/textarea";
+
+export function LabelDemo() {
+  return (
+    <div className="grid w-full max-w-sm gap-6">
+      <div className="flex items-center gap-3">
+        <Checkbox id="label-demo-terms" />
+        <Label htmlFor="label-demo-terms">Accept terms and conditions</Label>
+      </div>
+      <div className="grid gap-3">
+        <Label htmlFor="label-demo-username">Username</Label>
+        <Input id="label-demo-username" placeholder="Username" />
+      </div>
+      <div className="group grid gap-3" data-disabled={true}>
+        <Label htmlFor="label-demo-disabled">Disabled</Label>
+        <Input id="label-demo-disabled" placeholder="Disabled" disabled />
+      </div>
+      <div className="grid gap-3">
+        <Label htmlFor="label-demo-message">Message</Label>
+        <Textarea id="label-demo-message" placeholder="Message" />
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/menubar-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/menubar-demo.tsx
new file mode 100644
index 0000000..fd3c386
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/menubar-demo.tsx
@@ -0,0 +1,130 @@
+import { HelpCircleIcon, SettingsIcon, Trash2Icon } from "lucide-react";
+
+import {
+  Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarGroup,
+  MenubarItem,
+  MenubarMenu,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarTrigger,
+} from "@/components/ui/menubar";
+
+export function MenubarDemo() {
+  return (
+    <Menubar>
+      <MenubarMenu>
+        <MenubarTrigger>File</MenubarTrigger>
+        <MenubarContent>
+          <MenubarItem>
+            New Tab <MenubarShortcut>⌘T</MenubarShortcut>
+          </MenubarItem>
+          <MenubarItem>
+            New Window <MenubarShortcut>⌘N</MenubarShortcut>
+          </MenubarItem>
+          <MenubarItem disabled>New Incognito Window</MenubarItem>
+          <MenubarSeparator />
+          <MenubarSub>
+            <MenubarSubTrigger>Share</MenubarSubTrigger>
+            <MenubarSubContent>
+              <MenubarItem>Email link</MenubarItem>
+              <MenubarItem>Messages</MenubarItem>
+              <MenubarItem>Notes</MenubarItem>
+            </MenubarSubContent>
+          </MenubarSub>
+          <MenubarSeparator />
+          <MenubarItem>
+            Print... <MenubarShortcut>⌘P</MenubarShortcut>
+          </MenubarItem>
+        </MenubarContent>
+      </MenubarMenu>
+      <MenubarMenu>
+        <MenubarTrigger>Edit</MenubarTrigger>
+        <MenubarContent>
+          <MenubarItem>
+            Undo <MenubarShortcut>⌘Z</MenubarShortcut>
+          </MenubarItem>
+          <MenubarItem>
+            Redo <MenubarShortcut>⇧⌘Z</MenubarShortcut>
+          </MenubarItem>
+          <MenubarSeparator />
+          <MenubarSub>
+            <MenubarSubTrigger>Find</MenubarSubTrigger>
+            <MenubarSubContent>
+              <MenubarItem>Search the web</MenubarItem>
+              <MenubarSeparator />
+              <MenubarItem>Find...</MenubarItem>
+              <MenubarItem>Find Next</MenubarItem>
+              <MenubarItem>Find Previous</MenubarItem>
+            </MenubarSubContent>
+          </MenubarSub>
+          <MenubarSeparator />
+          <MenubarItem>Cut</MenubarItem>
+          <MenubarItem>Copy</MenubarItem>
+          <MenubarItem>Paste</MenubarItem>
+        </MenubarContent>
+      </MenubarMenu>
+      <MenubarMenu>
+        <MenubarTrigger>View</MenubarTrigger>
+        <MenubarContent>
+          <MenubarCheckboxItem>Always Show Bookmarks Bar</MenubarCheckboxItem>
+          <MenubarCheckboxItem checked>
+            Always Show Full URLs
+          </MenubarCheckboxItem>
+          <MenubarSeparator />
+          <MenubarItem inset>
+            Reload <MenubarShortcut>⌘R</MenubarShortcut>
+          </MenubarItem>
+          <MenubarItem disabled inset>
+            Force Reload <MenubarShortcut>⇧⌘R</MenubarShortcut>
+          </MenubarItem>
+          <MenubarSeparator />
+          <MenubarItem inset>Toggle Fullscreen</MenubarItem>
+          <MenubarSeparator />
+          <MenubarItem inset>Hide Sidebar</MenubarItem>
+        </MenubarContent>
+      </MenubarMenu>
+      <MenubarMenu>
+        <MenubarTrigger>Profiles</MenubarTrigger>
+        <MenubarContent>
+          <MenubarRadioGroup value="benoit">
+            <MenubarRadioItem value="andy">Andy</MenubarRadioItem>
+            <MenubarRadioItem value="benoit">Benoit</MenubarRadioItem>
+            <MenubarRadioItem value="Luis">Luis</MenubarRadioItem>
+          </MenubarRadioGroup>
+          <MenubarSeparator />
+          <MenubarItem inset>Edit...</MenubarItem>
+          <MenubarSeparator />
+          <MenubarItem inset>Add Profile...</MenubarItem>
+        </MenubarContent>
+      </MenubarMenu>
+      <MenubarMenu>
+        <MenubarTrigger>More</MenubarTrigger>
+        <MenubarContent>
+          <MenubarGroup>
+            <MenubarItem>
+              <SettingsIcon />
+              Settings
+            </MenubarItem>
+            <MenubarItem>
+              <HelpCircleIcon />
+              Help
+            </MenubarItem>
+            <MenubarSeparator />
+            <MenubarItem variant="destructive">
+              <Trash2Icon />
+              Delete
+            </MenubarItem>
+          </MenubarGroup>
+        </MenubarContent>
+      </MenubarMenu>
+    </Menubar>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/navigation-menu-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/navigation-menu-demo.tsx
new file mode 100644
index 0000000..c3fb3a8
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/navigation-menu-demo.tsx
@@ -0,0 +1,225 @@
+import { CircleCheckIcon, CircleHelpIcon, CircleIcon } from "lucide-react";
+import * as React from "react";
+import { Link } from "react-router";
+
+import {
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  navigationMenuTriggerStyle,
+} from "@/components/ui/navigation-menu";
+
+const components: { title: string; href: string; description: string }[] = [
+  {
+    title: "Alert Dialog",
+    href: "/docs/primitives/alert-dialog",
+    description:
+      "A modal dialog that interrupts the user with important content and expects a response.",
+  },
+  {
+    title: "Hover Card",
+    href: "/docs/primitives/hover-card",
+    description:
+      "For sighted users to preview content available behind a link.",
+  },
+  {
+    title: "Progress",
+    href: "/docs/primitives/progress",
+    description:
+      "Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.",
+  },
+  {
+    title: "Scroll-area",
+    href: "/docs/primitives/scroll-area",
+    description: "Visually or semantically separates content.",
+  },
+  {
+    title: "Tabs",
+    href: "/docs/primitives/tabs",
+    description:
+      "A set of layered sections of content—known as tab panels—that are displayed one at a time.",
+  },
+  {
+    title: "Tooltip",
+    href: "/docs/primitives/tooltip",
+    description:
+      "A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.",
+  },
+];
+
+export function NavigationMenuDemo() {
+  return (
+    <div className="hidden w-full flex-col items-start justify-center gap-6 @xl:flex">
+      <NavigationMenu>
+        <NavigationMenuList>
+          <NavigationMenuItem>
+            <NavigationMenuTrigger>Getting started</NavigationMenuTrigger>
+            <NavigationMenuContent>
+              <ul className="grid gap-2 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]">
+                <li className="row-span-3">
+                  <NavigationMenuLink asChild>
+                    <a
+                      className="from-muted/50 to-muted flex h-full w-full flex-col justify-end rounded-md bg-linear-to-b p-6 no-underline outline-hidden select-none"
+                      href="/"
+                    >
+                      <div className="mt-4 mb-2 text-lg ">shadcn/ui</div>
+                      <p className="text-muted-foreground text-sm leading-tight">
+                        Beautifully designed components built with Tailwind CSS.
+                      </p>
+                    </a>
+                  </NavigationMenuLink>
+                </li>
+                <ListItem href="/docs" title="Introduction">
+                  Re-usable components built using Radix UI and Tailwind CSS.
+                </ListItem>
+                <ListItem href="/docs/installation" title="Installation">
+                  How to install dependencies and structure your app.
+                </ListItem>
+                <ListItem href="/docs/primitives/typography" title="Typography">
+                  Styles for headings, paragraphs, lists...etc
+                </ListItem>
+              </ul>
+            </NavigationMenuContent>
+          </NavigationMenuItem>
+          <NavigationMenuItem>
+            <NavigationMenuTrigger>Components</NavigationMenuTrigger>
+            <NavigationMenuContent>
+              <ul className="grid w-[400px] gap-2 md:w-[500px] md:grid-cols-2 lg:w-[600px]">
+                {components.map((component) => (
+                  <ListItem
+                    key={component.title}
+                    title={component.title}
+                    href={component.href}
+                  >
+                    {component.description}
+                  </ListItem>
+                ))}
+              </ul>
+            </NavigationMenuContent>
+          </NavigationMenuItem>
+          <NavigationMenuItem>
+            <NavigationMenuLink
+              asChild
+              className={navigationMenuTriggerStyle()}
+            >
+              <Link to="/docs">Documentation</Link>
+            </NavigationMenuLink>
+          </NavigationMenuItem>
+        </NavigationMenuList>
+      </NavigationMenu>
+      <NavigationMenu viewport={false}>
+        <NavigationMenuList>
+          <NavigationMenuItem>
+            <NavigationMenuLink
+              asChild
+              className={navigationMenuTriggerStyle()}
+            >
+              <Link to="/docs">Documentation</Link>
+            </NavigationMenuLink>
+          </NavigationMenuItem>
+          <NavigationMenuItem>
+            <NavigationMenuTrigger>List</NavigationMenuTrigger>
+            <NavigationMenuContent>
+              <ul className="grid w-[300px] gap-4">
+                <li>
+                  <NavigationMenuLink asChild>
+                    <Link to="#">
+                      <div className="">Components</div>
+                      <div className="text-muted-foreground">
+                        Browse all components in the library.
+                      </div>
+                    </Link>
+                  </NavigationMenuLink>
+                  <NavigationMenuLink asChild>
+                    <Link to="#">
+                      <div className="">Documentation</div>
+                      <div className="text-muted-foreground">
+                        Learn how to use the library.
+                      </div>
+                    </Link>
+                  </NavigationMenuLink>
+                  <NavigationMenuLink asChild>
+                    <Link to="#">
+                      <div className="">Blog</div>
+                      <div className="text-muted-foreground">
+                        Read our latest blog posts.
+                      </div>
+                    </Link>
+                  </NavigationMenuLink>
+                </li>
+              </ul>
+            </NavigationMenuContent>
+          </NavigationMenuItem>
+          <NavigationMenuItem>
+            <NavigationMenuTrigger>Simple List</NavigationMenuTrigger>
+            <NavigationMenuContent>
+              <ul className="grid w-[200px] gap-4">
+                <li>
+                  <NavigationMenuLink asChild>
+                    <Link to="#">Components</Link>
+                  </NavigationMenuLink>
+                  <NavigationMenuLink asChild>
+                    <Link to="#">Documentation</Link>
+                  </NavigationMenuLink>
+                  <NavigationMenuLink asChild>
+                    <Link to="#">Blocks</Link>
+                  </NavigationMenuLink>
+                </li>
+              </ul>
+            </NavigationMenuContent>
+          </NavigationMenuItem>
+          <NavigationMenuItem>
+            <NavigationMenuTrigger>With Icon</NavigationMenuTrigger>
+            <NavigationMenuContent>
+              <ul className="grid w-[200px] gap-4">
+                <li>
+                  <NavigationMenuLink asChild>
+                    <Link to="#" className="flex-row items-center gap-2">
+                      <CircleHelpIcon />
+                      Backlog
+                    </Link>
+                  </NavigationMenuLink>
+                  <NavigationMenuLink asChild>
+                    <Link to="#" className="flex-row items-center gap-2">
+                      <CircleIcon />
+                      To Do
+                    </Link>
+                  </NavigationMenuLink>
+                  <NavigationMenuLink asChild>
+                    <Link to="#" className="flex-row items-center gap-2">
+                      <CircleCheckIcon />
+                      Done
+                    </Link>
+                  </NavigationMenuLink>
+                </li>
+              </ul>
+            </NavigationMenuContent>
+          </NavigationMenuItem>
+        </NavigationMenuList>
+      </NavigationMenu>
+    </div>
+  );
+}
+
+function ListItem({
+  title,
+  children,
+  href,
+  ...props
+}: React.ComponentPropsWithoutRef<"li"> & { href: string }) {
+  return (
+    <li {...props}>
+      <NavigationMenuLink asChild>
+        <Link to={href}>
+          <div className="text-sm leading-none ">{title}</div>
+          <p className="text-muted-foreground line-clamp-2 text-sm leading-snug">
+            {children}
+          </p>
+        </Link>
+      </NavigationMenuLink>
+    </li>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/pagination-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/pagination-demo.tsx
new file mode 100644
index 0000000..fa3fe1b
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/pagination-demo.tsx
@@ -0,0 +1,40 @@
+import {
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+} from "@/components/ui/pagination";
+
+export function PaginationDemo() {
+  return (
+    <div className="flex flex-col gap-6">
+      <Pagination>
+        <PaginationContent>
+          <PaginationItem>
+            <PaginationPrevious href="#" />
+          </PaginationItem>
+          <PaginationItem>
+            <PaginationLink href="#">1</PaginationLink>
+          </PaginationItem>
+          <PaginationItem>
+            <PaginationLink href="#" isActive>
+              2
+            </PaginationLink>
+          </PaginationItem>
+          <PaginationItem>
+            <PaginationLink href="#">3</PaginationLink>
+          </PaginationItem>
+          <PaginationItem>
+            <PaginationEllipsis />
+          </PaginationItem>
+          <PaginationItem>
+            <PaginationNext href="#" />
+          </PaginationItem>
+        </PaginationContent>
+      </Pagination>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/popover-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/popover-demo.tsx
new file mode 100644
index 0000000..a8f884c
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/popover-demo.tsx
@@ -0,0 +1,64 @@
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+
+export function PopoverDemo() {
+  return (
+    <Popover>
+      <PopoverTrigger asChild>
+        <Button variant="outline">Open popover</Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-80" align="start">
+        <div className="grid gap-4">
+          <div className="grid gap-1.5">
+            <h4 className="font-display font-semibold leading-none">
+              Dimensions
+            </h4>
+            <p className="text-muted-foreground text-sm">
+              Set the dimensions for the layer.
+            </p>
+          </div>
+          <div className="grid gap-2">
+            <div className="grid grid-cols-3 items-center gap-4">
+              <Label htmlFor="width">Width</Label>
+              <Input
+                id="width"
+                defaultValue="100%"
+                className="col-span-2 h-8"
+              />
+            </div>
+            <div className="grid grid-cols-3 items-center gap-4">
+              <Label htmlFor="maxWidth">Max. width</Label>
+              <Input
+                id="maxWidth"
+                defaultValue="300px"
+                className="col-span-2 h-8"
+              />
+            </div>
+            <div className="grid grid-cols-3 items-center gap-4">
+              <Label htmlFor="height">Height</Label>
+              <Input
+                id="height"
+                defaultValue="25px"
+                className="col-span-2 h-8"
+              />
+            </div>
+            <div className="grid grid-cols-3 items-center gap-4">
+              <Label htmlFor="maxHeight">Max. height</Label>
+              <Input
+                id="maxHeight"
+                defaultValue="none"
+                className="col-span-2 h-8"
+              />
+            </div>
+          </div>
+        </div>
+      </PopoverContent>
+    </Popover>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/progress-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/progress-demo.tsx
new file mode 100644
index 0000000..01c84b7
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/progress-demo.tsx
@@ -0,0 +1,16 @@
+"use client";
+
+import * as React from "react";
+
+import { Progress } from "@/components/ui/progress";
+
+export function ProgressDemo() {
+  const [progress, setProgress] = React.useState(13);
+
+  React.useEffect(() => {
+    const timer = setTimeout(() => setProgress(66), 500);
+    return () => clearTimeout(timer);
+  }, []);
+
+  return <Progress value={progress} className="w-[60%]" />;
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/radio-group-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/radio-group-demo.tsx
new file mode 100644
index 0000000..0a76b87
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/radio-group-demo.tsx
@@ -0,0 +1,59 @@
+import { Label } from "@/components/ui/label";
+import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
+
+const plans = [
+  {
+    id: "starter",
+    name: "Starter Plan",
+    description:
+      "Perfect for small businesses getting started with our platform",
+    price: "$10",
+  },
+  {
+    id: "pro",
+    name: "Pro Plan",
+    description: "Advanced features for growing businesses with higher demands",
+    price: "$20",
+  },
+] as const;
+
+export function RadioGroupDemo() {
+  return (
+    <div className="flex flex-col gap-6">
+      <RadioGroup defaultValue="comfortable">
+        <div className="flex items-center gap-3">
+          <RadioGroupItem value="default" id="r1" />
+          <Label htmlFor="r1">Default</Label>
+        </div>
+        <div className="flex items-center gap-3">
+          <RadioGroupItem value="comfortable" id="r2" />
+          <Label htmlFor="r2">Comfortable</Label>
+        </div>
+        <div className="flex items-center gap-3">
+          <RadioGroupItem value="compact" id="r3" />
+          <Label htmlFor="r3">Compact</Label>
+        </div>
+      </RadioGroup>
+      <RadioGroup defaultValue="starter" className="max-w-sm">
+        {plans.map((plan) => (
+          <Label
+            className="hover:bg-accent/50 flex items-start gap-3 rounded-lg border p-4 has-[[data-state=checked]]:border-border"
+            key={plan.id}
+          >
+            <RadioGroupItem
+              value={plan.id}
+              id={plan.name}
+              className=" data-[state=checked]:border-none data-[state=checked]:bg-primary *:data-[slot=radio-group-indicator]:[&>svg]:fill-white *:data-[slot=radio-group-indicator]:[&>svg]:stroke-white"
+            />
+            <div className="grid gap-1 font-normal">
+              <div className="">{plan.name}</div>
+              <div className="text-muted-foreground leading-snug">
+                {plan.description}
+              </div>
+            </div>
+          </Label>
+        ))}
+      </RadioGroup>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/resizable-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/resizable-demo.tsx
new file mode 100644
index 0000000..fa07054
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/resizable-demo.tsx
@@ -0,0 +1,70 @@
+import {
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup,
+} from "@/components/ui/resizable";
+
+export function ResizableDemo() {
+  return (
+    <div className="flex w-full flex-col items-start gap-6">
+      <ResizablePanelGroup
+        orientation="horizontal"
+        className="max-w-md rounded-lg border md:min-w-[450px]"
+      >
+        <ResizablePanel defaultSize={50}>
+          <div className="flex h-[200px] items-center justify-center p-6">
+            <span className="font-display font-semibold">One</span>
+          </div>
+        </ResizablePanel>
+        <ResizableHandle />
+        <ResizablePanel defaultSize={50}>
+          <ResizablePanelGroup orientation="vertical">
+            <ResizablePanel defaultSize={25}>
+              <div className="flex h-full items-center justify-center p-6">
+                <span className="font-display font-semibold">Two</span>
+              </div>
+            </ResizablePanel>
+            <ResizableHandle />
+            <ResizablePanel defaultSize={75}>
+              <div className="flex h-full items-center justify-center p-6">
+                <span className="font-display font-semibold">Three</span>
+              </div>
+            </ResizablePanel>
+          </ResizablePanelGroup>
+        </ResizablePanel>
+      </ResizablePanelGroup>
+      <ResizablePanelGroup
+        orientation="horizontal"
+        className="min-h-[200px] max-w-md rounded-lg border md:min-w-[450px]"
+      >
+        <ResizablePanel defaultSize={25}>
+          <div className="flex h-full items-center justify-center p-6">
+            <span className="font-display font-semibold">Sidebar</span>
+          </div>
+        </ResizablePanel>
+        <ResizableHandle withHandle />
+        <ResizablePanel defaultSize={75}>
+          <div className="flex h-full items-center justify-center p-6">
+            <span className="font-display font-semibold">Content</span>
+          </div>
+        </ResizablePanel>
+      </ResizablePanelGroup>
+      <ResizablePanelGroup
+        orientation="vertical"
+        className="min-h-[200px] max-w-md rounded-lg border md:min-w-[450px]"
+      >
+        <ResizablePanel defaultSize={25}>
+          <div className="flex h-full items-center justify-center p-6">
+            <span className="font-display font-semibold">Header</span>
+          </div>
+        </ResizablePanel>
+        <ResizableHandle />
+        <ResizablePanel defaultSize={75}>
+          <div className="flex h-full items-center justify-center p-6">
+            <span className="font-display font-semibold">Content</span>
+          </div>
+        </ResizablePanel>
+      </ResizablePanelGroup>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/scroll-area-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/scroll-area-demo.tsx
new file mode 100644
index 0000000..c37bf8c
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/scroll-area-demo.tsx
@@ -0,0 +1,74 @@
+import * as React from "react";
+import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
+import { Separator } from "@/components/ui/separator";
+export function ScrollAreaDemo() {
+  return (
+    <div className="flex flex-col gap-6">
+      <ScrollAreaVertical />
+      <ScrollAreaHorizontalDemo />
+    </div>
+  );
+}
+
+const tags = Array.from({ length: 50 }).map(
+  (_, i, a) => `v1.2.0-beta.${a.length - i}`,
+);
+
+function ScrollAreaVertical() {
+  return (
+    <div className="flex flex-col gap-6">
+      <ScrollArea className="h-72 w-48 rounded-md border">
+        <div className="p-4">
+          <h4 className="mb-4 text-sm font-display font-semibold leading-none">
+            Tags
+          </h4>
+          {tags.map((tag) => (
+            <React.Fragment key={tag}>
+              <div className="text-sm">{tag}</div>
+              <Separator className="my-2" />
+            </React.Fragment>
+          ))}
+        </div>
+      </ScrollArea>
+    </div>
+  );
+}
+
+export const works = [
+  {
+    artist: "Placeholder Name",
+  },
+  {
+    artist: "Placeholder Name",
+  },
+  {
+    artist: "Placeholder Name",
+  },
+] as const;
+
+function ScrollAreaHorizontalDemo() {
+  return (
+    <ScrollArea className="w-full max-w-96 rounded-md border p-4">
+      <div className="flex gap-4">
+        {works.map((artwork, index) => (
+          <figure key={index} className="shrink-0">
+            <div className="overflow-hidden rounded-md">
+              <img
+                src="/placeholder.svg"
+                alt="placeholder"
+                className="aspect-[3/4] h-fit w-fit object-cover"
+              />
+            </div>
+            <figcaption className="text-muted-foreground pt-2 text-xs">
+              Photo by{" "}
+              <span className="text-foreground font-medium">
+                {artwork.artist}
+              </span>
+            </figcaption>
+          </figure>
+        ))}
+      </div>
+      <ScrollBar orientation="horizontal" />
+    </ScrollArea>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/select-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/select-demo.tsx
new file mode 100644
index 0000000..a35aa36
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/select-demo.tsx
@@ -0,0 +1,93 @@
+import {
+  ChartBarIcon,
+  ChartLineIcon,
+  ChartPieIcon,
+  CircleDashed,
+} from "lucide-react";
+import * as React from "react";
+
+import {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+
+export function SelectDemo() {
+  return (
+    <div className="flex flex-wrap items-start gap-4">
+      <Select>
+        <SelectTrigger className="w-[180px]">
+          <SelectValue placeholder="Select a fruit" />
+        </SelectTrigger>
+        <SelectContent>
+          <SelectGroup>
+            <SelectLabel>Fruits</SelectLabel>
+            <SelectItem value="apple">Apple</SelectItem>
+            <SelectItem value="banana">Banana</SelectItem>
+            <SelectItem value="blueberry">Blueberry</SelectItem>
+            <SelectItem value="grapes" disabled>
+              Grapes
+            </SelectItem>
+            <SelectItem value="pineapple">Pineapple</SelectItem>
+          </SelectGroup>
+        </SelectContent>
+      </Select>
+      <Select>
+        <SelectTrigger className="w-[180px]">
+          <SelectValue placeholder="Large List" />
+        </SelectTrigger>
+        <SelectContent>
+          {Array.from({ length: 100 }).map((_, i) => (
+            <SelectItem key={i} value={`item-${i}`}>
+              Item {i}
+            </SelectItem>
+          ))}
+        </SelectContent>
+      </Select>
+      <Select disabled>
+        <SelectTrigger className="w-[180px]">
+          <SelectValue placeholder="Disabled" />
+        </SelectTrigger>
+        <SelectContent>
+          <SelectItem value="apple">Apple</SelectItem>
+          <SelectItem value="banana">Banana</SelectItem>
+          <SelectItem value="blueberry">Blueberry</SelectItem>
+          <SelectItem value="grapes" disabled>
+            Grapes
+          </SelectItem>
+          <SelectItem value="pineapple">Pineapple</SelectItem>
+        </SelectContent>
+      </Select>
+      <Select>
+        <SelectTrigger className="w-[180px]">
+          <SelectValue
+            placeholder={
+              <>
+                <CircleDashed className="text-muted-foreground" />
+                With Icon
+              </>
+            }
+          />
+        </SelectTrigger>
+        <SelectContent>
+          <SelectItem value="line">
+            <ChartLineIcon />
+            Line
+          </SelectItem>
+          <SelectItem value="bar">
+            <ChartBarIcon />
+            Bar
+          </SelectItem>
+          <SelectItem value="pie">
+            <ChartPieIcon />
+            Pie
+          </SelectItem>
+        </SelectContent>
+      </Select>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/separator-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/separator-demo.tsx
new file mode 100644
index 0000000..de52581
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/separator-demo.tsx
@@ -0,0 +1,22 @@
+import { Separator } from "@/components/ui/separator";
+
+export function SeparatorDemo() {
+  return (
+    <div>
+      <div className="flex flex-col gap-1">
+        <div className="text-sm leading-none ">Tailwind CSS</div>
+        <div className="text-muted-foreground text-sm">
+          A utility-first CSS framework.
+        </div>
+      </div>
+      <Separator className="my-4" />
+      <div className="flex h-5 items-center gap-4 text-sm">
+        <div>Blog</div>
+        <Separator orientation="vertical" />
+        <div>Docs</div>
+        <Separator orientation="vertical" />
+        <div>Source</div>
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/sheet-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/sheet-demo.tsx
new file mode 100644
index 0000000..17a872d
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/sheet-demo.tsx
@@ -0,0 +1,95 @@
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+} from "@/components/ui/sheet";
+
+const SHEET_SIDES = ["top", "right", "bottom", "left"] as const;
+
+export function SheetDemo() {
+  return (
+    <div className="flex flex-col gap-2 md:flex-row">
+      <Sheet>
+        <SheetTrigger asChild>
+          <Button variant="outline">Open</Button>
+        </SheetTrigger>
+        <SheetContent>
+          <SheetHeader>
+            <SheetTitle>Edit profile</SheetTitle>
+            <SheetDescription>
+              Make changes to your profile here. Click save when you&apos;re
+              done.
+            </SheetDescription>
+          </SheetHeader>
+          <div className="grid flex-1 auto-rows-min gap-6 px-4">
+            <div className="grid gap-3">
+              <Label htmlFor="sheet-demo-name">Name</Label>
+              <Input id="sheet-demo-name" defaultValue="Pedro Duarte" />
+            </div>
+            <div className="grid gap-3">
+              <Label htmlFor="sheet-demo-username">Username</Label>
+              <Input id="sheet-demo-username" defaultValue="@peduarte" />
+            </div>
+          </div>
+          <SheetFooter>
+            <Button type="submit">Save changes</Button>
+            <SheetClose asChild>
+              <Button variant="outline">Close</Button>
+            </SheetClose>
+          </SheetFooter>
+        </SheetContent>
+      </Sheet>
+      <div className="flex gap-2">
+        {SHEET_SIDES.map((side) => (
+          <Sheet key={side}>
+            <SheetTrigger asChild>
+              <Button variant="outline" className="capitalize">
+                {side}
+              </Button>
+            </SheetTrigger>
+            <SheetContent side={side}>
+              <SheetHeader>
+                <SheetTitle>Edit profile</SheetTitle>
+                <SheetDescription>
+                  Make changes to your profile here. Click save when you&apos;re
+                  done.
+                </SheetDescription>
+              </SheetHeader>
+              <div className="overflow-y-auto px-4 text-sm">
+                <h4 className="mb-4 text-lg font-display font-semibold leading-none">
+                  Lorem Ipsum
+                </h4>
+                {Array.from({ length: 10 }).map((_, index) => (
+                  <p key={index} className="mb-4 leading-normal">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
+                    do eiusmod tempor incididunt ut labore et dolore magna
+                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                    ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                    Duis aute irure dolor in reprehenderit in voluptate velit
+                    esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+                    occaecat cupidatat non proident, sunt in culpa qui officia
+                    deserunt mollit anim id est laborum.
+                  </p>
+                ))}
+              </div>
+              <SheetFooter>
+                <Button type="submit">Save changes</Button>
+                <SheetClose asChild>
+                  <Button variant="outline">Cancel</Button>
+                </SheetClose>
+              </SheetFooter>
+            </SheetContent>
+          </Sheet>
+        ))}
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/skeleton-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/skeleton-demo.tsx
new file mode 100644
index 0000000..64ae864
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/skeleton-demo.tsx
@@ -0,0 +1,29 @@
+import { Card, CardContent, CardHeader } from "@/components/ui/card";
+import { Skeleton } from "@/components/ui/skeleton";
+
+export function SkeletonDemo() {
+  return (
+    <div className="flex w-full flex-col flex-wrap items-start justify-center gap-4">
+      <div className="flex w-fit items-center gap-4">
+        <Skeleton className="size-10 shrink-0 rounded-full" />
+        <div className="grid gap-2">
+          <Skeleton className="h-4 w-[150px]" />
+          <Skeleton className="h-4 w-[100px]" />
+        </div>
+      </div>
+      <div className="flex w-full flex-wrap justify-start gap-4">
+        {Array.from({ length: 3 }).map((_, index) => (
+          <Card key={index} className="w-full @md:w-auto @md:min-w-sm">
+            <CardHeader>
+              <Skeleton className="h-4 w-2/3" />
+              <Skeleton className="h-4 w-1/2" />
+            </CardHeader>
+            <CardContent>
+              <Skeleton className="aspect-square w-full" />
+            </CardContent>
+          </Card>
+        ))}
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/slider-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/slider-demo.tsx
new file mode 100644
index 0000000..f326a51
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/slider-demo.tsx
@@ -0,0 +1,44 @@
+"use client";
+
+import * as React from "react";
+
+import { Label } from "@/components/ui/label";
+import { Slider } from "@/components/ui/slider";
+
+export function SliderDemo() {
+  return (
+    <div className="flex w-full max-w-sm flex-col flex-wrap gap-6 md:flex-row">
+      <Slider defaultValue={[50]} max={100} step={1} />
+      <Slider defaultValue={[25, 50]} max={100} step={1} />
+      <Slider defaultValue={[10, 20]} max={100} step={10} />
+      <div className="flex w-full items-center gap-6">
+        <Slider defaultValue={[50]} max={100} step={1} orientation="vertical" />
+        <Slider defaultValue={[25]} max={100} step={1} orientation="vertical" />
+      </div>
+      <SliderControlled />
+    </div>
+  );
+}
+
+function SliderControlled() {
+  const [value, setValue] = React.useState([0.3, 0.7]);
+
+  return (
+    <div className="grid w-full gap-3">
+      <div className="flex items-center justify-between gap-2">
+        <Label htmlFor="slider-demo-temperature">Temperature</Label>
+        <span className="text-muted-foreground text-sm">
+          {value.join(", ")}
+        </span>
+      </div>
+      <Slider
+        id="slider-demo-temperature"
+        value={value}
+        onValueChange={setValue}
+        min={0}
+        max={1}
+        step={0.1}
+      />
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/sonner-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/sonner-demo.tsx
new file mode 100644
index 0000000..a20025a
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/sonner-demo.tsx
@@ -0,0 +1,132 @@
+"use client";
+
+import * as React from "react";
+import { toast } from "sonner";
+
+import { Button } from "@/components/ui/button";
+
+const promiseCode = "`${data.name} toast has been added`";
+
+const allTypes = [
+  {
+    name: "Default",
+    snippet: `toast('Event has been created')`,
+    action: () => toast("Event has been created"),
+  },
+  {
+    name: "Description",
+    snippet: `toast.message('Event has been created', {
+  description: 'Monday, January 3rd at 6:00pm',
+})`,
+    action: () =>
+      toast("Event has been created", {
+        description: "Monday, January 3rd at 6:00pm",
+      }),
+  },
+  {
+    name: "Success",
+    snippet: `toast.success('Event has been created')`,
+    action: () => toast.success("Event has been created"),
+  },
+  {
+    name: "Info",
+    snippet: `toast.info('Be at the area 10 minutes before the event time')`,
+    action: () => toast.info("Be at the area 10 minutes before the event time"),
+  },
+  {
+    name: "Warning",
+    snippet: `toast.warning('Event start time cannot be earlier than 8am')`,
+    action: () => toast.warning("Event start time cannot be earlier than 8am"),
+  },
+  {
+    name: "Error",
+    snippet: `toast.error('Event has not been created')`,
+    action: () => toast.error("Event has not been created"),
+  },
+  {
+    name: "Action",
+    action: () =>
+      toast.message("Event has been created", {
+        action: {
+          label: "Undo",
+          onClick: () => console.log("Undo"),
+        },
+      }),
+  },
+  {
+    name: "Cancel",
+    action: () =>
+      toast.message("Event has been created", {
+        cancel: {
+          label: "Cancel",
+          onClick: () => console.log("Cancel"),
+        },
+      }),
+  },
+  {
+    name: "Promise",
+    snippet: `const promise = () => new Promise((resolve) => setTimeout(() => resolve({ name: 'Sonner' }), 2000));
+
+toast.promise(promise, {
+  loading: 'Loading...',
+  success: (data) => {
+    return ${promiseCode};
+  },
+  error: 'Error',
+});`,
+    action: () =>
+      toast.promise<{ name: string }>(
+        () =>
+          new Promise((resolve) => {
+            setTimeout(() => {
+              resolve({ name: "Sonner" });
+            }, 2000);
+          }),
+        {
+          loading: "Loading...",
+          success: (data) => {
+            return `${data.name} toast has been added`;
+          },
+          error: "Error",
+        },
+      ),
+  },
+];
+
+export function SonnerDemo() {
+  const [activeType, setActiveType] = React.useState(allTypes[0]);
+  return (
+    <div className="flex flex-wrap gap-4">
+      <Button onClick={() => toast("My first toast")} variant="outline">
+        Give me a toast
+      </Button>
+      <Button
+        variant="outline"
+        onClick={() =>
+          toast("Event has been created", {
+            description: "Sunday, December 03, 2023 at 9:00 AM",
+            action: {
+              label: "Undo",
+              onClick: () => console.log("Undo"),
+            },
+          })
+        }
+      >
+        Show Toast
+      </Button>
+      {allTypes.map((type) => (
+        <Button
+          variant="ghost"
+          data-active={activeType.name === type.name}
+          onClick={() => {
+            type.action();
+            setActiveType(type);
+          }}
+          key={type.name}
+        >
+          {type.name}
+        </Button>
+      ))}
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/switch-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/switch-demo.tsx
new file mode 100644
index 0000000..27368d2
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/switch-demo.tsx
@@ -0,0 +1,34 @@
+import { Label } from "@/components/ui/label";
+import { Switch } from "@/components/ui/switch";
+
+export function SwitchDemo() {
+  return (
+    <div className="flex flex-col gap-6">
+      <div className="flex items-center gap-2">
+        <Switch id="switch-demo-airplane-mode" />
+        <Label htmlFor="switch-demo-airplane-mode">Airplane Mode</Label>
+      </div>
+      <div className="flex items-center gap-2">
+        <Switch
+          id="switch-demo-bluetooth"
+          className="data-[state=checked]:bg-background-info dark:data-[state=checked]:bg-border-info"
+          defaultChecked
+        />
+        <Label htmlFor="switch-demo-bluetooth">Bluetooth</Label>
+      </div>
+      <Label className="flex items-center gap-6 rounded-lg border p-4 has-[[data-state=checked]]:border-blue-600">
+        <div className="flex flex-col gap-1">
+          <div className="">Share across devices</div>
+          <div className="text-muted-foreground text-sm font-normal">
+            Focus is shared across devices, and turns off when you leave the
+            app.
+          </div>
+        </div>
+        <Switch
+          id="switch-demo-focus-mode"
+          className="data-[state=checked]:bg-blue-500 dark:data-[state=checked]:bg-blue-600"
+        />
+      </Label>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/table-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/table-demo.tsx
new file mode 100644
index 0000000..d72eb27
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/table-demo.tsx
@@ -0,0 +1,87 @@
+import {
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+
+const invoices = [
+  {
+    invoice: "INV001",
+    paymentStatus: "Paid",
+    totalAmount: "$250.00",
+    paymentMethod: "Credit Card",
+  },
+  {
+    invoice: "INV002",
+    paymentStatus: "Pending",
+    totalAmount: "$150.00",
+    paymentMethod: "PayPal",
+  },
+  {
+    invoice: "INV003",
+    paymentStatus: "Unpaid",
+    totalAmount: "$350.00",
+    paymentMethod: "Bank Transfer",
+  },
+  {
+    invoice: "INV004",
+    paymentStatus: "Paid",
+    totalAmount: "$450.00",
+    paymentMethod: "Credit Card",
+  },
+  {
+    invoice: "INV005",
+    paymentStatus: "Paid",
+    totalAmount: "$550.00",
+    paymentMethod: "PayPal",
+  },
+  {
+    invoice: "INV006",
+    paymentStatus: "Pending",
+    totalAmount: "$200.00",
+    paymentMethod: "Bank Transfer",
+  },
+  {
+    invoice: "INV007",
+    paymentStatus: "Unpaid",
+    totalAmount: "$300.00",
+    paymentMethod: "Credit Card",
+  },
+];
+
+export function TableDemo() {
+  return (
+    <Table>
+      <TableCaption>A list of your recent invoices.</TableCaption>
+      <TableHeader>
+        <TableRow>
+          <TableHead className="w-[100px]">Invoice</TableHead>
+          <TableHead>Status</TableHead>
+          <TableHead>Method</TableHead>
+          <TableHead className="text-right">Amount</TableHead>
+        </TableRow>
+      </TableHeader>
+      <TableBody>
+        {invoices.map((invoice) => (
+          <TableRow key={invoice.invoice}>
+            <TableCell className="">{invoice.invoice}</TableCell>
+            <TableCell>{invoice.paymentStatus}</TableCell>
+            <TableCell>{invoice.paymentMethod}</TableCell>
+            <TableCell className="text-right">{invoice.totalAmount}</TableCell>
+          </TableRow>
+        ))}
+      </TableBody>
+      <TableFooter>
+        <TableRow>
+          <TableCell colSpan={3}>Total</TableCell>
+          <TableCell className="text-right">$2,500.00</TableCell>
+        </TableRow>
+      </TableFooter>
+    </Table>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/tabs-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/tabs-demo.tsx
new file mode 100644
index 0000000..605daae
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/tabs-demo.tsx
@@ -0,0 +1,103 @@
+import { AppWindowIcon, CodeIcon } from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+
+export function TabsDemo() {
+  return (
+    <div className="flex flex-col items-center gap-6 @3xl:flex-row @3xl:items-start">
+      <Tabs defaultValue="account" className="max-w-[400px]">
+        <TabsList className="grid w-full grid-cols-2">
+          <TabsTrigger value="account">Account</TabsTrigger>
+          <TabsTrigger value="password">Password</TabsTrigger>
+        </TabsList>
+        <TabsContent value="account">
+          <Card>
+            <CardHeader>
+              <CardTitle>Account</CardTitle>
+              <CardDescription>
+                Make changes to your account here. Click save when you&apos;re
+                done.
+              </CardDescription>
+            </CardHeader>
+            <CardContent className="grid gap-6">
+              <div className="grid gap-3">
+                <Label htmlFor="tabs-demo-name">Name</Label>
+                <Input id="tabs-demo-name" defaultValue="Pedro Duarte" />
+              </div>
+              <div className="grid gap-3">
+                <Label htmlFor="tabs-demo-username">Username</Label>
+                <Input id="tabs-demo-username" defaultValue="@peduarte" />
+              </div>
+            </CardContent>
+            <CardFooter>
+              <Button>Save changes</Button>
+            </CardFooter>
+          </Card>
+        </TabsContent>
+        <TabsContent value="password">
+          <Card>
+            <CardHeader>
+              <CardTitle>Password</CardTitle>
+              <CardDescription>
+                Change your password here. After saving, you&apos;ll be logged
+                out.
+              </CardDescription>
+            </CardHeader>
+            <CardContent className="grid gap-6">
+              <div className="grid gap-3">
+                <Label htmlFor="tabs-demo-current">Current password</Label>
+                <Input id="tabs-demo-current" type="password" />
+              </div>
+              <div className="grid gap-3">
+                <Label htmlFor="tabs-demo-new">New password</Label>
+                <Input id="tabs-demo-new" type="password" />
+              </div>
+            </CardContent>
+            <CardFooter>
+              <Button>Save password</Button>
+            </CardFooter>
+          </Card>
+        </TabsContent>
+      </Tabs>
+      <div className="flex flex-col items-start gap-6 @max-3xl:w-full @3xl:justify-start">
+        <Tabs defaultValue="home" className="@max-3xl:w-full">
+          <TabsList className="@max-3xl:w-full">
+            <TabsTrigger value="home">Home</TabsTrigger>
+            <TabsTrigger value="settings">Settings</TabsTrigger>
+          </TabsList>
+        </Tabs>
+        <Tabs defaultValue="home" className="@max-3xl:w-full">
+          <TabsList className="@max-3xl:w-full">
+            <TabsTrigger value="home">Home</TabsTrigger>
+            <TabsTrigger value="settings" disabled>
+              Disabled
+            </TabsTrigger>
+          </TabsList>
+        </Tabs>
+        <Tabs defaultValue="preview" className="@max-3xl:w-full">
+          <TabsList className="@max-3xl:w-full">
+            <TabsTrigger value="preview">
+              <AppWindowIcon />
+              Preview
+            </TabsTrigger>
+            <TabsTrigger value="code">
+              <CodeIcon />
+              Code
+            </TabsTrigger>
+          </TabsList>
+        </Tabs>
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/textarea-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/textarea-demo.tsx
new file mode 100644
index 0000000..5a9ac53
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/textarea-demo.tsx
@@ -0,0 +1,40 @@
+import { Label } from "@/components/ui/label";
+import { Textarea } from "@/components/ui/textarea";
+
+export function TextareaDemo() {
+  return (
+    <div className="flex w-full flex-col gap-10">
+      <Textarea placeholder="Type your message here." />
+      <Textarea placeholder="Type your message here." aria-invalid="true" />
+      <div className="grid gap-3">
+        <Label htmlFor="textarea-demo-message">Label</Label>
+        <Textarea
+          id="textarea-demo-message"
+          placeholder="Type your message here."
+          rows={6}
+        />
+      </div>
+      <div className="grid gap-3">
+        <Label htmlFor="textarea-demo-message-2">
+          With label and description
+        </Label>
+        <Textarea
+          id="textarea-demo-message-2"
+          placeholder="Type your message here."
+          rows={6}
+        />
+        <div className="text-muted-foreground text-sm">
+          Type your message and press enter to send.
+        </div>
+      </div>
+      <div className="grid gap-3">
+        <Label htmlFor="textarea-demo-disabled">Disabled</Label>
+        <Textarea
+          id="textarea-demo-disabled"
+          placeholder="Type your message here."
+          disabled
+        />
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/toggle-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/toggle-demo.tsx
new file mode 100644
index 0000000..b60702c
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/toggle-demo.tsx
@@ -0,0 +1,40 @@
+import {
+  BoldIcon,
+  BookmarkIcon,
+  ItalicIcon,
+  UnderlineIcon,
+} from "lucide-react";
+
+import { Toggle } from "@/components/ui/toggle";
+
+export function ToggleDemo() {
+  return (
+    <div className="flex flex-wrap items-center justify-center gap-6">
+      <Toggle aria-label="Toggle italic">
+        <BoldIcon />
+      </Toggle>
+      <Toggle aria-label="Toggle italic" variant="default">
+        <UnderlineIcon />
+      </Toggle>
+      <Toggle aria-label="Toggle italic" variant="default" disabled>
+        Disabled
+      </Toggle>
+      <Toggle variant="outline" aria-label="Toggle italic">
+        <ItalicIcon />
+        Italic
+      </Toggle>
+      <Toggle
+        aria-label="Toggle book"
+        className="data-[state=on]:[&_svg]:fill-accent-foreground"
+      >
+        <BookmarkIcon />
+      </Toggle>
+      <Toggle variant="outline" aria-label="Toggle italic" size="sm">
+        Small
+      </Toggle>
+      <Toggle variant="outline" aria-label="Toggle italic" size="lg">
+        Large
+      </Toggle>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/toggle-group-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/toggle-group-demo.tsx
new file mode 100644
index 0000000..364ea68
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/toggle-group-demo.tsx
@@ -0,0 +1,72 @@
+import { BoldIcon, ItalicIcon, UnderlineIcon } from "lucide-react";
+
+import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
+
+export function ToggleGroupDemo() {
+  return (
+    <div className="flex flex-wrap items-start justify-center gap-4">
+      <ToggleGroup type="multiple">
+        <ToggleGroupItem value="bold" aria-label="Toggle bold">
+          <BoldIcon />
+        </ToggleGroupItem>
+        <ToggleGroupItem value="italic" aria-label="Toggle italic">
+          <ItalicIcon />
+        </ToggleGroupItem>
+        <ToggleGroupItem
+          value="strikethrough"
+          aria-label="Toggle strikethrough"
+        >
+          <UnderlineIcon />
+        </ToggleGroupItem>
+      </ToggleGroup>
+      <ToggleGroup
+        variant="outline"
+        type="single"
+        defaultValue="all"
+        className="*:data-[slot=toggle-group-item]:w-20"
+      >
+        <ToggleGroupItem value="all" aria-label="Toggle all">
+          All
+        </ToggleGroupItem>
+        <ToggleGroupItem value="missed" aria-label="Toggle missed">
+          Missed
+        </ToggleGroupItem>
+      </ToggleGroup>
+
+      <ToggleGroup
+        variant="outline"
+        type="single"
+        size="sm"
+        defaultValue="last-24-hours"
+        className="*:data-[slot=toggle-group-item]:px-3"
+      >
+        <ToggleGroupItem
+          value="last-24-hours"
+          aria-label="Toggle last 24 hours"
+        >
+          Last 24 hours
+        </ToggleGroupItem>
+        <ToggleGroupItem value="last-7-days" aria-label="Toggle last 7 days">
+          Last 7 days
+        </ToggleGroupItem>
+      </ToggleGroup>
+
+      <ToggleGroup
+        type="single"
+        size="sm"
+        defaultValue="last-24-hours"
+        className="*:data-[slot=toggle-group-item]:px-3"
+      >
+        <ToggleGroupItem
+          value="last-24-hours"
+          aria-label="Toggle last 24 hours"
+        >
+          Last 24 hours
+        </ToggleGroupItem>
+        <ToggleGroupItem value="last-7-days" aria-label="Toggle last 7 days">
+          Last 7 days
+        </ToggleGroupItem>
+      </ToggleGroup>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/primitives/tooltip-demo.tsx b/packages/ghost-ui/src/components/docs/primitives/tooltip-demo.tsx
new file mode 100644
index 0000000..90ef6af
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/primitives/tooltip-demo.tsx
@@ -0,0 +1,49 @@
+import { InfoIcon } from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+
+export function TooltipDemo() {
+  return (
+    <div className="flex flex-wrap items-start gap-4">
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <Button variant="outline">Hover</Button>
+        </TooltipTrigger>
+        <TooltipContent>
+          <p>Add to library</p>
+        </TooltipContent>
+      </Tooltip>
+      <div className="flex gap-2">
+        {["top", "right", "bottom", "left"].map((side) => (
+          <Tooltip key={side}>
+            <TooltipTrigger asChild>
+              <Button variant="outline" className="capitalize">
+                {side}
+              </Button>
+            </TooltipTrigger>
+            <TooltipContent side={side as "top" | "right" | "bottom" | "left"}>
+              <p>Add to library</p>
+            </TooltipContent>
+          </Tooltip>
+        ))}
+      </div>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <Button variant="ghost" appearance="icon">
+            <InfoIcon />
+            <span className="sr-only">Info</span>
+          </Button>
+        </TooltipTrigger>
+        <TooltipContent>
+          To learn more about how this works, check out the docs. If you have
+          any questions, please reach out to us.
+        </TooltipContent>
+      </Tooltip>
+    </div>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/registry-sidebar.tsx b/packages/ghost-ui/src/components/docs/registry-sidebar.tsx
new file mode 100644
index 0000000..88880e4
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/registry-sidebar.tsx
@@ -0,0 +1,187 @@
+"use client";
+
+import { ChevronDown, Menu, Search } from "lucide-react";
+import { useEffect, useMemo, useState } from "react";
+import { Link, useLocation } from "react-router";
+
+import { Button } from "@/components/ui/button";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
+import { Input } from "@/components/ui/input";
+import {
+  Sidebar,
+  SidebarContent,
+  SidebarGroup,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  useSidebar,
+} from "@/components/ui/sidebar";
+import {
+  type ComponentEntry,
+  categories,
+  getComponentsByCategory,
+} from "@/lib/component-registry";
+
+const topNav = [
+  { name: "home", path: "/" },
+  { name: "colors", path: "/foundations/colors" },
+  { name: "typography", path: "/foundations/typography" },
+  { name: "all components", path: "/components" },
+];
+
+export function RegistrySidebar() {
+  const { pathname } = useLocation();
+  const { setOpenMobile } = useSidebar();
+
+  const [searchTerm, setSearchTerm] = useState("");
+
+  const filteredCategories = useMemo(() => {
+    const term = searchTerm.toLowerCase();
+    return categories
+      .map((cat) => {
+        const items = getComponentsByCategory(cat.slug);
+        const filtered = term
+          ? items.filter((item) => item.name.toLowerCase().includes(term))
+          : items;
+        return { ...cat, items: filtered };
+      })
+      .filter((cat) => cat.items.length > 0);
+  }, [searchTerm]);
+
+  const hasSearch = searchTerm.length > 0;
+
+  return (
+    <>
+      <Button
+        aria-label="Open menu"
+        onClick={() => setOpenMobile(true)}
+        appearance="icon"
+        size="lg"
+        className="hover:scale-105 sticky z-50 top-4 ml-6 md:hidden"
+      >
+        <Menu className="size-5" />
+      </Button>
+
+      <Sidebar collapsible="icon" variant="floating">
+        <SidebarHeader className="border-b">
+          <div className="px-2 py-2 opacity-100 transition-all duration-200">
+            <div className="relative">
+              <Search className="absolute top-2.5 left-2.5 size-4 text-muted-foreground" />
+              <Input
+                type="search"
+                placeholder="Search..."
+                className="pl-8"
+                value={searchTerm}
+                onChange={(e) => setSearchTerm(e.target.value)}
+              />
+            </div>
+          </div>
+        </SidebarHeader>
+
+        <SidebarContent>
+          {!hasSearch && (
+            <Collapsible defaultOpen className="group/collapsible">
+              <SidebarGroup>
+                <CollapsibleTrigger className="w-full">
+                  <SidebarGroupLabel className="flex cursor-pointer items-center justify-between">
+                    <span className="opacity-100 transition-all duration-200">
+                      get started
+                    </span>
+                    <ChevronDown className="size-4 flex-shrink-0 opacity-100 transition-all duration-200 group-data-[state=open]/collapsible:rotate-180" />
+                  </SidebarGroupLabel>
+                </CollapsibleTrigger>
+
+                <CollapsibleContent>
+                  <SidebarGroupContent>
+                    <SidebarMenu>
+                      {topNav.map((item) => (
+                        <SidebarMenuItem key={item.path}>
+                          <SidebarMenuButton
+                            asChild
+                            isActive={pathname === item.path}
+                          >
+                            <Link
+                              to={item.path}
+                              onClick={() => setOpenMobile(false)}
+                            >
+                              <span className="opacity-100 transition-all duration-200">
+                                {item.name}
+                              </span>
+                            </Link>
+                          </SidebarMenuButton>
+                        </SidebarMenuItem>
+                      ))}
+                    </SidebarMenu>
+                  </SidebarGroupContent>
+                </CollapsibleContent>
+              </SidebarGroup>
+            </Collapsible>
+          )}
+
+          {filteredCategories.map((cat) => (
+            <CategorySection
+              key={cat.slug}
+              label={cat.name}
+              items={cat.items}
+              pathname={pathname}
+              defaultOpen={hasSearch}
+              onNavigate={() => setOpenMobile(false)}
+            />
+          ))}
+        </SidebarContent>
+      </Sidebar>
+    </>
+  );
+}
+
+function CategorySection({
+  label,
+  items,
+  pathname,
+  defaultOpen,
+  onNavigate,
+}: {
+  label: string;
+  items: ComponentEntry[];
+  pathname: string;
+  defaultOpen: boolean;
+  onNavigate: () => void;
+}) {
+  return (
+    <Collapsible defaultOpen={defaultOpen} className="group/collapsible">
+      <SidebarGroup>
+        <CollapsibleTrigger className="w-full">
+          <SidebarGroupLabel className="flex cursor-pointer items-center justify-between">
+            <span className="transition-all duration-200">{label}</span>
+            <ChevronDown className="size-4 flex-shrink-0 transition-all duration-200 group-data-[state=open]/collapsible:rotate-180" />
+          </SidebarGroupLabel>
+        </CollapsibleTrigger>
+        <CollapsibleContent>
+          <SidebarGroupContent>
+            <SidebarMenu>
+              {items.map((item) => (
+                <SidebarMenuItem key={item.slug}>
+                  <SidebarMenuButton
+                    asChild
+                    isActive={pathname === `/components/${item.slug}`}
+                  >
+                    <Link to={`/components/${item.slug}`} onClick={onNavigate}>
+                      {item.name}
+                    </Link>
+                  </SidebarMenuButton>
+                </SidebarMenuItem>
+              ))}
+            </SidebarMenu>
+          </SidebarGroupContent>
+        </CollapsibleContent>
+      </SidebarGroup>
+    </Collapsible>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/tooltip-wrapper.tsx b/packages/ghost-ui/src/components/docs/tooltip-wrapper.tsx
new file mode 100644
index 0000000..1d94c01
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/tooltip-wrapper.tsx
@@ -0,0 +1,35 @@
+"use client";
+
+import { ComponentProps } from "react";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+import { cn } from "@/lib/utils";
+import { useShowTooltips } from "@/store/preferences-store";
+
+export function TooltipWrapper({
+  label,
+  className,
+  children,
+  ...props
+}: ComponentProps<typeof TooltipTrigger> & {
+  label: string;
+}) {
+  const showTootips = useShowTooltips();
+
+  return (
+    <Tooltip delayDuration={500} key={label} defaultOpen={false}>
+      <TooltipTrigger className={cn(className)} {...props}>
+        {children}
+      </TooltipTrigger>
+
+      {showTootips && (
+        <TooltipContent>
+          <p>{label}</p>
+        </TooltipContent>
+      )}
+    </Tooltip>
+  );
+}
diff --git a/packages/ghost-ui/src/components/docs/wrappers.tsx b/packages/ghost-ui/src/components/docs/wrappers.tsx
new file mode 100644
index 0000000..5998555
--- /dev/null
+++ b/packages/ghost-ui/src/components/docs/wrappers.tsx
@@ -0,0 +1,92 @@
+import { ComponentProps } from "react";
+import { cn } from "@/lib/utils";
+
+interface SectionWrapperProps extends ComponentProps<"div"> {
+  withCane?: boolean;
+}
+
+function SectionWrapper({
+  children,
+  className,
+  withCane = false,
+  ...props
+}: SectionWrapperProps) {
+  if (withCane) {
+    return (
+      <div
+        className={cn(
+          "relative isolate my-6 md:my-8 lg:my-10 px-6 lg:px-8",
+          className,
+        )}
+        {...props}
+      >
+        {children}
+        <div className="inset-x-0 top-0 hidden h-10 -translate-y-full border-y bg-[image:repeating-linear-gradient(315deg,_var(--pattern-fg)_0,_var(--pattern-fg)_1px,_transparent_0,_transparent_50%)] bg-[size:10px_10px] bg-fixed xl:absolute xl:block" />
+        <div className="inset-x-0 bottom-0 hidden h-10 translate-y-full border-y bg-[image:repeating-linear-gradient(315deg,_var(--pattern-fg)_0,_var(--pattern-fg)_1px,_transparent_0,_transparent_50%)] bg-[size:10px_10px] bg-fixed xl:absolute xl:block" />
+      </div>
+    );
+  }
+
+  return (
+    <div
+      className={cn("relative py-6 md:py-8 px-6 lg:px-8", className)}
+      {...props}
+    >
+      {children}
+    </div>
+  );
+}
+
+interface ContainerWrapperProps extends ComponentProps<"div"> {
+  withCane?: boolean;
+  inverse?: boolean;
+}
+
+function ContainerWrapper({
+  children,
+  className,
+  withCane = false,
+  inverse = false,
+  ...props
+}: ContainerWrapperProps) {
+  if (withCane) {
+    return (
+      <div
+        className={cn(
+          "relative mx-auto w-full max-w-[96rem]",
+          inverse
+            ? "bg-background-app-inverse text-text-prominent-inverse"
+            : "",
+          className,
+        )}
+        {...props}
+      >
+        {children}
+        <div
+          className={`inset-y-0 left-0 hidden -translate-x-full xl:absolute xl:block ${
+            inverse ? "bg-background-app-inverse" : "border-r"
+          }`}
+        />
+        <div
+          className={`inset-y-0 right-0 hidden translate-x-full xl:absolute xl:block ${
+            inverse ? "bg-background-app-inverse" : "border-l"
+          }`}
+        />
+      </div>
+    );
+  }
+
+  return (
+    <div
+      className={cn(
+        "relative mx-auto w-full max-w-[96rem] px-6 lg:px-8",
+        className,
+      )}
+      {...props}
+    >
+      {children}
+    </div>
+  );
+}
+
+export { ContainerWrapper, SectionWrapper };
diff --git a/packages/ghost-ui/src/fonts/HKGrotesk-Black.woff2 b/packages/ghost-ui/src/fonts/HKGrotesk-Black.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..3b84b31f8d7f83d5b09e40f9dacc6b59808dd52b
GIT binary patch
literal 35048
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
Ue(=uz<-K;9ADwOi{m%dZ02*-3i2wiq

literal 0
HcmV?d00001

diff --git a/packages/ghost-ui/src/fonts/HKGrotesk-Bold.woff2 b/packages/ghost-ui/src/fonts/HKGrotesk-Bold.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..b078c0b2409cceb2d880aa5db817e407187a41ca
GIT binary patch
literal 36184
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
MeVhXeI2-~10KQDr4gdfE

literal 0
HcmV?d00001

diff --git a/packages/ghost-ui/src/fonts/HKGrotesk-ExtraBold.woff2 b/packages/ghost-ui/src/fonts/HKGrotesk-ExtraBold.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..c6161ef0ae9f23b3dcce85da603704258cb9f0b6
GIT binary patch
literal 36248
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
Y73=Rbne!}3@EmUYe@R|H5b!zx09_{dT>t<8

literal 0
HcmV?d00001

diff --git a/packages/ghost-ui/src/fonts/HKGrotesk-Light.woff2 b/packages/ghost-ui/src/fonts/HKGrotesk-Light.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..d9012bf08bbe4d9f63a3b2455c9e6c7844b00c02
GIT binary patch
literal 37020
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
Qhr8h)iKGrzyaxaP0G>Z3h5!Hn

literal 0
HcmV?d00001

diff --git a/packages/ghost-ui/src/fonts/HKGrotesk-Medium.woff2 b/packages/ghost-ui/src/fonts/HKGrotesk-Medium.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..252d7e88b7fe570b8aa2f5e1e04939ee78ca0745
GIT binary patch
literal 35524
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

literal 0
HcmV?d00001

diff --git a/packages/ghost-ui/src/fonts/HKGrotesk-Regular.woff2 b/packages/ghost-ui/src/fonts/HKGrotesk-Regular.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..e90c63ffa8c9885e78ed94fec69a4a3ed17b734e
GIT binary patch
literal 34456
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
Ag#Z8m

literal 0
HcmV?d00001

diff --git a/packages/ghost-ui/src/fonts/HKGrotesk-SemiBold.woff2 b/packages/ghost-ui/src/fonts/HKGrotesk-SemiBold.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..e99f11d235941697e9779edb968af688fb520dab
GIT binary patch
literal 35504
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%0DhQcmDt^9JQ4-t
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
I1g*gC8&gl~FaQ7m

literal 0
HcmV?d00001

diff --git a/packages/ghost-ui/src/hooks/use-scroll-reveal.ts b/packages/ghost-ui/src/hooks/use-scroll-reveal.ts
index f5e2be0..8d5dfb0 100644
--- a/packages/ghost-ui/src/hooks/use-scroll-reveal.ts
+++ b/packages/ghost-ui/src/hooks/use-scroll-reveal.ts
@@ -45,7 +45,7 @@ export function useScrollReveal<T extends HTMLElement>(
           delay,
           ease,
           onComplete: () => {
-            gsap.set(el, { clearProps: "transition" });
+            gsap.set(el, { clearProps: "transform,opacity,transition" });
           },
         });
       },
@@ -96,7 +96,7 @@ export function useStaggerReveal<T extends HTMLElement>(
           stagger,
           ease,
           onComplete: () => {
-            gsap.set(children, { clearProps: "transition" });
+            gsap.set(children, { clearProps: "transform,opacity,transition" });
           },
         });
       },
diff --git a/packages/ghost-ui/src/lib/component-source.ts b/packages/ghost-ui/src/lib/component-source.ts
index 5e9df1a..31f075e 100644
--- a/packages/ghost-ui/src/lib/component-source.ts
+++ b/packages/ghost-ui/src/lib/component-source.ts
@@ -1,5 +1,3 @@
-import fs from "fs";
-import path from "path";
 import registryData from "../../registry.json";
 
 // ── Types ──
@@ -29,6 +27,27 @@ type RegistryItem = {
   files?: { path: string }[];
 };
 
+// ── Raw source imports via Vite glob ──
+
+const rawSources: Record<string, string> = {};
+
+const uiModules = import.meta.glob("/src/components/ui/**/*.tsx", {
+  query: "?raw",
+  eager: true,
+}) as Record<string, { default: string }>;
+
+const aiModules = import.meta.glob("/src/components/ai-elements/**/*.tsx", {
+  query: "?raw",
+  eager: true,
+}) as Record<string, { default: string }>;
+
+for (const [key, mod] of Object.entries({ ...uiModules, ...aiModules })) {
+  // Glob keys are like "/src/components/ui/button.tsx"
+  // Registry paths are like "src/components/ui/button.tsx"
+  const normalized = key.startsWith("/") ? key.slice(1) : key;
+  rawSources[normalized] = mod.default;
+}
+
 // ── Extraction helpers ──
 
 function extractExports(source: string): string[] {
@@ -103,12 +122,14 @@ function extractVariants(source: string): VariantDef[] {
       i - 1,
     );
 
-    // Extract value names (keys of the object)
-    const valueRe = /["']?([\w-]+)["']?\s*:/g;
+    // Extract value names (keys of the object, anchored to line start to skip Tailwind prefixes like hover:)
+    const valueRe = /^\s*["']?([\w-]+)["']?\s*:/gm;
     const values: string[] = [];
     let valueMatch;
     while ((valueMatch = valueRe.exec(groupContent)) !== null) {
-      values.push(valueMatch[1]);
+      if (!values.includes(valueMatch[1])) {
+        values.push(valueMatch[1]);
+      }
     }
 
     if (values.length > 0) {
@@ -143,14 +164,8 @@ export function getComponentSpec(slug: string): ComponentSpec | null {
   if (!item?.files?.[0]?.path) return null;
 
   const filePath = item.files[0].path;
-  const fullPath = path.join(process.cwd(), filePath);
-
-  let source: string;
-  try {
-    source = fs.readFileSync(fullPath, "utf-8");
-  } catch {
-    return null;
-  }
+  const source = rawSources[filePath];
+  if (!source) return null;
 
   return {
     exports: extractExports(source),
diff --git a/packages/ghost-ui/src/main.tsx b/packages/ghost-ui/src/main.tsx
new file mode 100644
index 0000000..fc9f819
--- /dev/null
+++ b/packages/ghost-ui/src/main.tsx
@@ -0,0 +1,13 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { BrowserRouter } from "react-router";
+import { App } from "./App";
+import "./styles/main.css";
+
+createRoot(document.getElementById("root")!).render(
+  <StrictMode>
+    <BrowserRouter>
+      <App />
+    </BrowserRouter>
+  </StrictMode>,
+);
diff --git a/packages/ghost-ui/src/styles/main.css b/packages/ghost-ui/src/styles/main.css
index 030a141..acaa987 100644
--- a/packages/ghost-ui/src/styles/main.css
+++ b/packages/ghost-ui/src/styles/main.css
@@ -1,6 +1,57 @@
 @import "tailwindcss";
 @import "tw-animate-css";
 
+/* ── HK Grotesk ── */
+@font-face {
+  font-family: "HK Grotesk";
+  src: url("../fonts/HKGrotesk-Light.woff2") format("woff2");
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "HK Grotesk";
+  src: url("../fonts/HKGrotesk-Regular.woff2") format("woff2");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "HK Grotesk";
+  src: url("../fonts/HKGrotesk-Medium.woff2") format("woff2");
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "HK Grotesk";
+  src: url("../fonts/HKGrotesk-SemiBold.woff2") format("woff2");
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "HK Grotesk";
+  src: url("../fonts/HKGrotesk-Bold.woff2") format("woff2");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "HK Grotesk";
+  src: url("../fonts/HKGrotesk-ExtraBold.woff2") format("woff2");
+  font-weight: 800;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "HK Grotesk";
+  src: url("../fonts/HKGrotesk-Black.woff2") format("woff2");
+  font-weight: 900;
+  font-style: normal;
+  font-display: swap;
+}
+
 @custom-variant dark (&:is(.dark *));
 
 @theme {
@@ -362,10 +413,10 @@
   --color-surface-dark-border: var(--surface-dark-border);
 
   /* fonts */
-  --font-sans: "Geist", sans-serif;
+  --font-sans: "HK Grotesk", sans-serif;
   --font-mono: "Geist Mono", monospace;
   --font-serif: serif;
-  --font-display: "Geist", sans-serif;
+  --font-display: "HK Grotesk", sans-serif;
 
   /* shape — pill-first radius system */
   --radius-pill: 999px;
diff --git a/packages/ghost-ui/src/vite-env.d.ts b/packages/ghost-ui/src/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/packages/ghost-ui/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/packages/ghost-ui/tsconfig.json b/packages/ghost-ui/tsconfig.json
index a703d5a..b0f3130 100644
--- a/packages/ghost-ui/tsconfig.json
+++ b/packages/ghost-ui/tsconfig.json
@@ -1,22 +1,23 @@
 {
   "compilerOptions": {
-    "target": "ES2022",
+    "target": "ES2017",
     "lib": ["dom", "dom.iterable", "esnext"],
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "jsx": "react-jsx",
-    "strict": true,
-    "esModuleInterop": true,
+    "allowJs": true,
     "skipLibCheck": true,
+    "strict": true,
     "noEmit": true,
-    "isolatedModules": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
-    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
     "incremental": true,
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": ["./src/*"],
+      "@/registry": ["./registry.json"]
     }
   },
-  "include": ["src/**/*.ts", "src/**/*.tsx"],
-  "exclude": ["node_modules"]
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules", "dist"]
 }
diff --git a/packages/ghost-ui/vite.config.ts b/packages/ghost-ui/vite.config.ts
new file mode 100644
index 0000000..e2b0345
--- /dev/null
+++ b/packages/ghost-ui/vite.config.ts
@@ -0,0 +1,14 @@
+import tailwindcss from "@tailwindcss/vite";
+import react from "@vitejs/plugin-react";
+import { resolve } from "path";
+import { defineConfig } from "vite";
+
+export default defineConfig({
+  plugins: [react(), tailwindcss()],
+  resolve: {
+    alias: {
+      "@": resolve(__dirname, "src"),
+    },
+  },
+  base: process.env.VITE_BASE_PATH || "/",
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index eab5b1e..3cbc588 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -220,6 +220,9 @@ importers:
       react-resizable-panels:
         specifier: ^4.8.0
         version: 4.9.0(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      react-router:
+        specifier: ^7.5.0
+        version: 7.14.0(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       recharts:
         specifier: ^3.8.1
         version: 3.8.1(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react-is@19.2.4)(react@19.1.0)(redux@5.0.1)
@@ -260,9 +263,9 @@ importers:
         specifier: ^5.0.12
         version: 5.0.12(@types/react@19.1.2)(immer@11.1.4)(react@19.1.0)(use-sync-external-store@1.6.0(react@19.1.0))
     devDependencies:
-      '@tailwindcss/postcss':
+      '@tailwindcss/vite':
         specifier: ^4.2.2
-        version: 4.2.2
+        version: 4.2.2(vite@6.4.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0))
       '@types/node':
         specifier: ^22.0.0
         version: 22.19.17
@@ -272,6 +275,9 @@ importers:
       '@types/react-dom':
         specifier: 19.1.2
         version: 19.1.2(@types/react@19.1.2)
+      '@vitejs/plugin-react':
+        specifier: ^4.4.1
+        version: 4.7.0(vite@6.4.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0))
       react:
         specifier: 19.1.0
         version: 19.1.0
@@ -287,6 +293,9 @@ importers:
       typescript:
         specifier: ^5.7.0
         version: 5.9.3
+      vite:
+        specifier: ^6.3.0
+        version: 6.4.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0)
 
 packages:
 
@@ -306,10 +315,6 @@ packages:
     resolution: {integrity: sha512-oGMAgGoQdBXbZqNG0Ze56CHjDZ1IDYOwGYxYjO5KLSlz5HiNQ9udIXsPZ61VWaHGZ5XW/jyjmr6t2xz2jGVwbQ==}
     engines: {node: '>=18'}
 
-  '@alloc/quick-lru@5.2.0':
-    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
-    engines: {node: '>=10'}
-
   '@antfu/install-pkg@1.1.0':
     resolution: {integrity: sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==}
 
@@ -422,6 +427,18 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
+  '@babel/plugin-transform-react-jsx-self@7.27.1':
+    resolution: {integrity: sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-jsx-source@7.27.1':
+    resolution: {integrity: sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
   '@babel/plugin-transform-typescript@7.28.6':
     resolution: {integrity: sha512-0YWL2RFxOqEm9Efk5PvreamxPME8OyY0wM5wh5lHjF+VtVhdneCWGzZeSqzOfiobVqQaNCd2z0tQvnI9DaPWPw==}
     engines: {node: '>=6.9.0'}
@@ -534,158 +551,158 @@ packages:
     peerDependencies:
       '@noble/ciphers': ^1.0.0
 
-  '@esbuild/aix-ppc64@0.27.7':
-    resolution: {integrity: sha512-EKX3Qwmhz1eMdEJokhALr0YiD0lhQNwDqkPYyPhiSwKrh7/4KRjQc04sZ8db+5DVVnZ1LmbNDI1uAMPEUBnQPg==}
+  '@esbuild/aix-ppc64@0.25.12':
+    resolution: {integrity: sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==}
     engines: {node: '>=18'}
     cpu: [ppc64]
     os: [aix]
 
-  '@esbuild/android-arm64@0.27.7':
-    resolution: {integrity: sha512-62dPZHpIXzvChfvfLJow3q5dDtiNMkwiRzPylSCfriLvZeq0a1bWChrGx/BbUbPwOrsWKMn8idSllklzBy+dgQ==}
+  '@esbuild/android-arm64@0.25.12':
+    resolution: {integrity: sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [android]
 
-  '@esbuild/android-arm@0.27.7':
-    resolution: {integrity: sha512-jbPXvB4Yj2yBV7HUfE2KHe4GJX51QplCN1pGbYjvsyCZbQmies29EoJbkEc+vYuU5o45AfQn37vZlyXy4YJ8RQ==}
+  '@esbuild/android-arm@0.25.12':
+    resolution: {integrity: sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [android]
 
-  '@esbuild/android-x64@0.27.7':
-    resolution: {integrity: sha512-x5VpMODneVDb70PYV2VQOmIUUiBtY3D3mPBG8NxVk5CogneYhkR7MmM3yR/uMdITLrC1ml/NV1rj4bMJuy9MCg==}
+  '@esbuild/android-x64@0.25.12':
+    resolution: {integrity: sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [android]
 
-  '@esbuild/darwin-arm64@0.27.7':
-    resolution: {integrity: sha512-5lckdqeuBPlKUwvoCXIgI2D9/ABmPq3Rdp7IfL70393YgaASt7tbju3Ac+ePVi3KDH6N2RqePfHnXkaDtY9fkw==}
+  '@esbuild/darwin-arm64@0.25.12':
+    resolution: {integrity: sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [darwin]
 
-  '@esbuild/darwin-x64@0.27.7':
-    resolution: {integrity: sha512-rYnXrKcXuT7Z+WL5K980jVFdvVKhCHhUwid+dDYQpH+qu+TefcomiMAJpIiC2EM3Rjtq0sO3StMV/+3w3MyyqQ==}
+  '@esbuild/darwin-x64@0.25.12':
+    resolution: {integrity: sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [darwin]
 
-  '@esbuild/freebsd-arm64@0.27.7':
-    resolution: {integrity: sha512-B48PqeCsEgOtzME2GbNM2roU29AMTuOIN91dsMO30t+Ydis3z/3Ngoj5hhnsOSSwNzS+6JppqWsuhTp6E82l2w==}
+  '@esbuild/freebsd-arm64@0.25.12':
+    resolution: {integrity: sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [freebsd]
 
-  '@esbuild/freebsd-x64@0.27.7':
-    resolution: {integrity: sha512-jOBDK5XEjA4m5IJK3bpAQF9/Lelu/Z9ZcdhTRLf4cajlB+8VEhFFRjWgfy3M1O4rO2GQ/b2dLwCUGpiF/eATNQ==}
+  '@esbuild/freebsd-x64@0.25.12':
+    resolution: {integrity: sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [freebsd]
 
-  '@esbuild/linux-arm64@0.27.7':
-    resolution: {integrity: sha512-RZPHBoxXuNnPQO9rvjh5jdkRmVizktkT7TCDkDmQ0W2SwHInKCAV95GRuvdSvA7w4VMwfCjUiPwDi0ZO6Nfe9A==}
+  '@esbuild/linux-arm64@0.25.12':
+    resolution: {integrity: sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [linux]
 
-  '@esbuild/linux-arm@0.27.7':
-    resolution: {integrity: sha512-RkT/YXYBTSULo3+af8Ib0ykH8u2MBh57o7q/DAs3lTJlyVQkgQvlrPTnjIzzRPQyavxtPtfg0EopvDyIt0j1rA==}
+  '@esbuild/linux-arm@0.25.12':
+    resolution: {integrity: sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [linux]
 
-  '@esbuild/linux-ia32@0.27.7':
-    resolution: {integrity: sha512-GA48aKNkyQDbd3KtkplYWT102C5sn/EZTY4XROkxONgruHPU72l+gW+FfF8tf2cFjeHaRbWpOYa/uRBz/Xq1Pg==}
+  '@esbuild/linux-ia32@0.25.12':
+    resolution: {integrity: sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [linux]
 
-  '@esbuild/linux-loong64@0.27.7':
-    resolution: {integrity: sha512-a4POruNM2oWsD4WKvBSEKGIiWQF8fZOAsycHOt6JBpZ+JN2n2JH9WAv56SOyu9X5IqAjqSIPTaJkqN8F7XOQ5Q==}
+  '@esbuild/linux-loong64@0.25.12':
+    resolution: {integrity: sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==}
     engines: {node: '>=18'}
     cpu: [loong64]
     os: [linux]
 
-  '@esbuild/linux-mips64el@0.27.7':
-    resolution: {integrity: sha512-KabT5I6StirGfIz0FMgl1I+R1H73Gp0ofL9A3nG3i/cYFJzKHhouBV5VWK1CSgKvVaG4q1RNpCTR2LuTVB3fIw==}
+  '@esbuild/linux-mips64el@0.25.12':
+    resolution: {integrity: sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==}
     engines: {node: '>=18'}
     cpu: [mips64el]
     os: [linux]
 
-  '@esbuild/linux-ppc64@0.27.7':
-    resolution: {integrity: sha512-gRsL4x6wsGHGRqhtI+ifpN/vpOFTQtnbsupUF5R5YTAg+y/lKelYR1hXbnBdzDjGbMYjVJLJTd2OFmMewAgwlQ==}
+  '@esbuild/linux-ppc64@0.25.12':
+    resolution: {integrity: sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==}
     engines: {node: '>=18'}
     cpu: [ppc64]
     os: [linux]
 
-  '@esbuild/linux-riscv64@0.27.7':
-    resolution: {integrity: sha512-hL25LbxO1QOngGzu2U5xeXtxXcW+/GvMN3ejANqXkxZ/opySAZMrc+9LY/WyjAan41unrR3YrmtTsUpwT66InQ==}
+  '@esbuild/linux-riscv64@0.25.12':
+    resolution: {integrity: sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==}
     engines: {node: '>=18'}
     cpu: [riscv64]
     os: [linux]
 
-  '@esbuild/linux-s390x@0.27.7':
-    resolution: {integrity: sha512-2k8go8Ycu1Kb46vEelhu1vqEP+UeRVj2zY1pSuPdgvbd5ykAw82Lrro28vXUrRmzEsUV0NzCf54yARIK8r0fdw==}
+  '@esbuild/linux-s390x@0.25.12':
+    resolution: {integrity: sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==}
     engines: {node: '>=18'}
     cpu: [s390x]
     os: [linux]
 
-  '@esbuild/linux-x64@0.27.7':
-    resolution: {integrity: sha512-hzznmADPt+OmsYzw1EE33ccA+HPdIqiCRq7cQeL1Jlq2gb1+OyWBkMCrYGBJ+sxVzve2ZJEVeePbLM2iEIZSxA==}
+  '@esbuild/linux-x64@0.25.12':
+    resolution: {integrity: sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [linux]
 
-  '@esbuild/netbsd-arm64@0.27.7':
-    resolution: {integrity: sha512-b6pqtrQdigZBwZxAn1UpazEisvwaIDvdbMbmrly7cDTMFnw/+3lVxxCTGOrkPVnsYIosJJXAsILG9XcQS+Yu6w==}
+  '@esbuild/netbsd-arm64@0.25.12':
+    resolution: {integrity: sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [netbsd]
 
-  '@esbuild/netbsd-x64@0.27.7':
-    resolution: {integrity: sha512-OfatkLojr6U+WN5EDYuoQhtM+1xco+/6FSzJJnuWiUw5eVcicbyK3dq5EeV/QHT1uy6GoDhGbFpprUiHUYggrw==}
+  '@esbuild/netbsd-x64@0.25.12':
+    resolution: {integrity: sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [netbsd]
 
-  '@esbuild/openbsd-arm64@0.27.7':
-    resolution: {integrity: sha512-AFuojMQTxAz75Fo8idVcqoQWEHIXFRbOc1TrVcFSgCZtQfSdc1RXgB3tjOn/krRHENUB4j00bfGjyl2mJrU37A==}
+  '@esbuild/openbsd-arm64@0.25.12':
+    resolution: {integrity: sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [openbsd]
 
-  '@esbuild/openbsd-x64@0.27.7':
-    resolution: {integrity: sha512-+A1NJmfM8WNDv5CLVQYJ5PshuRm/4cI6WMZRg1by1GwPIQPCTs1GLEUHwiiQGT5zDdyLiRM/l1G0Pv54gvtKIg==}
+  '@esbuild/openbsd-x64@0.25.12':
+    resolution: {integrity: sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [openbsd]
 
-  '@esbuild/openharmony-arm64@0.27.7':
-    resolution: {integrity: sha512-+KrvYb/C8zA9CU/g0sR6w2RBw7IGc5J2BPnc3dYc5VJxHCSF1yNMxTV5LQ7GuKteQXZtspjFbiuW5/dOj7H4Yw==}
+  '@esbuild/openharmony-arm64@0.25.12':
+    resolution: {integrity: sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [openharmony]
 
-  '@esbuild/sunos-x64@0.27.7':
-    resolution: {integrity: sha512-ikktIhFBzQNt/QDyOL580ti9+5mL/YZeUPKU2ivGtGjdTYoqz6jObj6nOMfhASpS4GU4Q/Clh1QtxWAvcYKamA==}
+  '@esbuild/sunos-x64@0.25.12':
+    resolution: {integrity: sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [sunos]
 
-  '@esbuild/win32-arm64@0.27.7':
-    resolution: {integrity: sha512-7yRhbHvPqSpRUV7Q20VuDwbjW5kIMwTHpptuUzV+AA46kiPze5Z7qgt6CLCK3pWFrHeNfDd1VKgyP4O+ng17CA==}
+  '@esbuild/win32-arm64@0.25.12':
+    resolution: {integrity: sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [win32]
 
-  '@esbuild/win32-ia32@0.27.7':
-    resolution: {integrity: sha512-SmwKXe6VHIyZYbBLJrhOoCJRB/Z1tckzmgTLfFYOfpMAx63BJEaL9ExI8x7v0oAO3Zh6D/Oi1gVxEYr5oUCFhw==}
+  '@esbuild/win32-ia32@0.25.12':
+    resolution: {integrity: sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [win32]
 
-  '@esbuild/win32-x64@0.27.7':
-    resolution: {integrity: sha512-56hiAJPhwQ1R4i+21FVF7V8kSD5zZTdHcVuRFMW0hn753vVfQN8xlx4uOPT4xoGH0Z/oVATuR82AiqSTDIpaHg==}
+  '@esbuild/win32-x64@0.25.12':
+    resolution: {integrity: sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [win32]
@@ -1489,6 +1506,9 @@ packages:
   '@rive-app/webgl2@2.35.4':
     resolution: {integrity: sha512-1dX1axIC6WgrvCkBsH1tjHjPz3xXGoDUuu3CZMdnlCOtGmASq4WM7LOPvuggmLgGl5mLHX9VF7Nr/AakpcMeUw==}
 
+  '@rolldown/pluginutils@1.0.0-beta.27':
+    resolution: {integrity: sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==}
+
   '@rollup/rollup-android-arm-eabi@4.60.1':
     resolution: {integrity: sha512-d6FinEBLdIiK+1uACUttJKfgZREXrF0Qc2SmLII7W2AD8FfiZ9Wjd+rD/iRuf5s5dWrr1GgwXCvPqOuDquOowA==}
     cpu: [arm]
@@ -1802,8 +1822,10 @@ packages:
     resolution: {integrity: sha512-qEUA07+E5kehxYp9BVMpq9E8vnJuBHfJEC0vPC5e7iL/hw7HR61aDKoVoKzrG+QKp56vhNZe4qwkRmMC0zDLvg==}
     engines: {node: '>= 20'}
 
-  '@tailwindcss/postcss@4.2.2':
-    resolution: {integrity: sha512-n4goKQbW8RVXIbNKRB/45LzyUqN451deQK0nzIeauVEqjlI49slUlgKYJM2QyUzap/PcpnS7kzSUmPb1sCRvYQ==}
+  '@tailwindcss/vite@4.2.2':
+    resolution: {integrity: sha512-mEiF5HO1QqCLXoNEfXVA1Tzo+cYsrqV7w9Juj2wdUFyW07JRenqMG225MvPwr3ZD9N1bFQj46X7r33iHxLUW0w==}
+    peerDependencies:
+      vite: ^5.2.0 || ^6 || ^7 || ^8
 
   '@tanstack/react-table@8.21.3':
     resolution: {integrity: sha512-5nNMTSETP4ykGegmVkhjcS8tTLW6Vl4axfEGQN3v0zdHYbK4UfoqfPChclTrJ4EoK9QynqAu9oUf8VEmrpZ5Ww==}
@@ -1831,6 +1853,18 @@ packages:
   '@ts-morph/common@0.27.0':
     resolution: {integrity: sha512-Wf29UqxWDpc+i61k3oIOzcUfQt79PIT9y/MWfAGlrkjg6lBC1hwDECLXPVJAhWjiGbfBCxZd65F/LIZF3+jeJQ==}
 
+  '@types/babel__core@7.20.5':
+    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
+
+  '@types/babel__generator@7.27.0':
+    resolution: {integrity: sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==}
+
+  '@types/babel__template@7.4.4':
+    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==}
+
+  '@types/babel__traverse@7.28.0':
+    resolution: {integrity: sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==}
+
   '@types/chai@5.2.3':
     resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
 
@@ -2010,6 +2044,12 @@ packages:
     resolution: {integrity: sha512-Fw28YZpRnA3cAHHDlkt7xQHiJ0fcL+NRcIqsocZQUSmbzeIKRpwttJjik5ZGanXP+vlA4SbTg+AbA3bP363l+w==}
     engines: {node: '>= 20'}
 
+  '@vitejs/plugin-react@4.7.0':
+    resolution: {integrity: sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0
+
   '@vitest/expect@3.2.4':
     resolution: {integrity: sha512-Io0yyORnB6sikFlt8QW5K7slY4OjqNX9jmJQ02QDda8lyM6B5oNgVWoSoKPac8/kgnCUzuHQKrSLtu/uOqqrig==}
 
@@ -2658,8 +2698,8 @@ packages:
   es-toolkit@1.45.1:
     resolution: {integrity: sha512-/jhoOj/Fx+A+IIyDNOvO3TItGmlMKhtX8ISAHKE90c4b/k1tqaqEZ+uUqfpU8DMnW5cgNJv606zS55jGvza0Xw==}
 
-  esbuild@0.27.7:
-    resolution: {integrity: sha512-IxpibTjyVnmrIQo5aqNpCgoACA/dTKLTlhMHihVHhdkxKyPO1uBBthumT0rdHmcsk9uMonIWS0m4FljWzILh3w==}
+  esbuild@0.25.12:
+    resolution: {integrity: sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -3844,6 +3884,10 @@ packages:
       redux:
         optional: true
 
+  react-refresh@0.17.0:
+    resolution: {integrity: sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==}
+    engines: {node: '>=0.10.0'}
+
   react-remove-scroll-bar@2.3.8:
     resolution: {integrity: sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==}
     engines: {node: '>=10'}
@@ -3870,6 +3914,16 @@ packages:
       react: ^18.0.0 || ^19.0.0
       react-dom: ^18.0.0 || ^19.0.0
 
+  react-router@7.14.0:
+    resolution: {integrity: sha512-m/xR9N4LQLmAS0ZhkY2nkPA1N7gQ5TUVa5n8TgANuDTARbn1gt+zLPXEm7W0XDTbrQ2AJSJKhoa6yx1D8BcpxQ==}
+    engines: {node: '>=20.0.0'}
+    peerDependencies:
+      react: '>=18'
+      react-dom: '>=18'
+    peerDependenciesMeta:
+      react-dom:
+        optional: true
+
   react-style-singleton@2.2.3:
     resolution: {integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==}
     engines: {node: '>=10'}
@@ -4032,6 +4086,9 @@ packages:
     resolution: {integrity: sha512-xRXBn0pPqQTVQiC8wyQrKs2MOlX24zQ0POGaj0kultvoOCstBQM5yvOhAVSUwOMjQtTvsPWoNCHfPGwaaQJhTw==}
     engines: {node: '>= 18'}
 
+  set-cookie-parser@2.7.2:
+    resolution: {integrity: sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==}
+
   setprototypeof@1.2.0:
     resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
 
@@ -4404,19 +4461,19 @@ packages:
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
 
-  vite@7.3.1:
-    resolution: {integrity: sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==}
-    engines: {node: ^20.19.0 || >=22.12.0}
+  vite@6.4.1:
+    resolution: {integrity: sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
     peerDependencies:
-      '@types/node': ^20.19.0 || >=22.12.0
+      '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
       jiti: '>=1.21.0'
-      less: ^4.0.0
+      less: '*'
       lightningcss: ^1.21.0
-      sass: ^1.70.0
-      sass-embedded: ^1.70.0
-      stylus: '>=0.54.8'
-      sugarss: ^5.0.0
+      sass: '*'
+      sass-embedded: '*'
+      stylus: '*'
+      sugarss: '*'
       terser: ^5.16.0
       tsx: ^4.8.1
       yaml: ^2.4.2
@@ -4619,8 +4676,6 @@ snapshots:
     dependencies:
       json-schema: 0.4.0
 
-  '@alloc/quick-lru@5.2.0': {}
-
   '@antfu/install-pkg@1.1.0':
     dependencies:
       package-manager-detector: 1.6.0
@@ -4774,6 +4829,16 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/plugin-transform-react-jsx-self@7.27.1(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/plugin-transform-react-jsx-source@7.27.1(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+
   '@babel/plugin-transform-typescript@7.28.6(@babel/core@7.29.0)':
     dependencies:
       '@babel/core': 7.29.0
@@ -4891,82 +4956,82 @@ snapshots:
     dependencies:
       '@noble/ciphers': 1.3.0
 
-  '@esbuild/aix-ppc64@0.27.7':
+  '@esbuild/aix-ppc64@0.25.12':
     optional: true
 
-  '@esbuild/android-arm64@0.27.7':
+  '@esbuild/android-arm64@0.25.12':
     optional: true
 
-  '@esbuild/android-arm@0.27.7':
+  '@esbuild/android-arm@0.25.12':
     optional: true
 
-  '@esbuild/android-x64@0.27.7':
+  '@esbuild/android-x64@0.25.12':
     optional: true
 
-  '@esbuild/darwin-arm64@0.27.7':
+  '@esbuild/darwin-arm64@0.25.12':
     optional: true
 
-  '@esbuild/darwin-x64@0.27.7':
+  '@esbuild/darwin-x64@0.25.12':
     optional: true
 
-  '@esbuild/freebsd-arm64@0.27.7':
+  '@esbuild/freebsd-arm64@0.25.12':
     optional: true
 
-  '@esbuild/freebsd-x64@0.27.7':
+  '@esbuild/freebsd-x64@0.25.12':
     optional: true
 
-  '@esbuild/linux-arm64@0.27.7':
+  '@esbuild/linux-arm64@0.25.12':
     optional: true
 
-  '@esbuild/linux-arm@0.27.7':
+  '@esbuild/linux-arm@0.25.12':
     optional: true
 
-  '@esbuild/linux-ia32@0.27.7':
+  '@esbuild/linux-ia32@0.25.12':
     optional: true
 
-  '@esbuild/linux-loong64@0.27.7':
+  '@esbuild/linux-loong64@0.25.12':
     optional: true
 
-  '@esbuild/linux-mips64el@0.27.7':
+  '@esbuild/linux-mips64el@0.25.12':
     optional: true
 
-  '@esbuild/linux-ppc64@0.27.7':
+  '@esbuild/linux-ppc64@0.25.12':
     optional: true
 
-  '@esbuild/linux-riscv64@0.27.7':
+  '@esbuild/linux-riscv64@0.25.12':
     optional: true
 
-  '@esbuild/linux-s390x@0.27.7':
+  '@esbuild/linux-s390x@0.25.12':
     optional: true
 
-  '@esbuild/linux-x64@0.27.7':
+  '@esbuild/linux-x64@0.25.12':
     optional: true
 
-  '@esbuild/netbsd-arm64@0.27.7':
+  '@esbuild/netbsd-arm64@0.25.12':
     optional: true
 
-  '@esbuild/netbsd-x64@0.27.7':
+  '@esbuild/netbsd-x64@0.25.12':
     optional: true
 
-  '@esbuild/openbsd-arm64@0.27.7':
+  '@esbuild/openbsd-arm64@0.25.12':
     optional: true
 
-  '@esbuild/openbsd-x64@0.27.7':
+  '@esbuild/openbsd-x64@0.25.12':
     optional: true
 
-  '@esbuild/openharmony-arm64@0.27.7':
+  '@esbuild/openharmony-arm64@0.25.12':
     optional: true
 
-  '@esbuild/sunos-x64@0.27.7':
+  '@esbuild/sunos-x64@0.25.12':
     optional: true
 
-  '@esbuild/win32-arm64@0.27.7':
+  '@esbuild/win32-arm64@0.25.12':
     optional: true
 
-  '@esbuild/win32-ia32@0.27.7':
+  '@esbuild/win32-ia32@0.25.12':
     optional: true
 
-  '@esbuild/win32-x64@0.27.7':
+  '@esbuild/win32-x64@0.25.12':
     optional: true
 
   '@floating-ui/core@1.7.5':
@@ -5810,6 +5875,8 @@ snapshots:
 
   '@rive-app/webgl2@2.35.4': {}
 
+  '@rolldown/pluginutils@1.0.0-beta.27': {}
+
   '@rollup/rollup-android-arm-eabi@4.60.1':
     optional: true
 
@@ -6058,13 +6125,12 @@ snapshots:
       '@tailwindcss/oxide-win32-arm64-msvc': 4.2.2
       '@tailwindcss/oxide-win32-x64-msvc': 4.2.2
 
-  '@tailwindcss/postcss@4.2.2':
+  '@tailwindcss/vite@4.2.2(vite@6.4.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0))':
     dependencies:
-      '@alloc/quick-lru': 5.2.0
       '@tailwindcss/node': 4.2.2
       '@tailwindcss/oxide': 4.2.2
-      postcss: 8.5.8
       tailwindcss: 4.2.2
+      vite: 6.4.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0)
 
   '@tanstack/react-table@8.21.3(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
@@ -6095,6 +6161,27 @@ snapshots:
       minimatch: 10.2.5
       path-browserify: 1.0.1
 
+  '@types/babel__core@7.20.5':
+    dependencies:
+      '@babel/parser': 7.29.2
+      '@babel/types': 7.29.0
+      '@types/babel__generator': 7.27.0
+      '@types/babel__template': 7.4.4
+      '@types/babel__traverse': 7.28.0
+
+  '@types/babel__generator@7.27.0':
+    dependencies:
+      '@babel/types': 7.29.0
+
+  '@types/babel__template@7.4.4':
+    dependencies:
+      '@babel/parser': 7.29.2
+      '@babel/types': 7.29.0
+
+  '@types/babel__traverse@7.28.0':
+    dependencies:
+      '@babel/types': 7.29.0
+
   '@types/chai@5.2.3':
     dependencies:
       '@types/deep-eql': 4.0.2
@@ -6297,6 +6384,18 @@ snapshots:
 
   '@vercel/oidc@3.1.0': {}
 
+  '@vitejs/plugin-react@4.7.0(vite@6.4.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0))':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-react-jsx-source': 7.27.1(@babel/core@7.29.0)
+      '@rolldown/pluginutils': 1.0.0-beta.27
+      '@types/babel__core': 7.20.5
+      react-refresh: 0.17.0
+      vite: 6.4.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0)
+    transitivePeerDependencies:
+      - supports-color
+
   '@vitest/expect@3.2.4':
     dependencies:
       '@types/chai': 5.2.3
@@ -6305,14 +6404,14 @@ snapshots:
       chai: 5.3.3
       tinyrainbow: 2.0.0
 
-  '@vitest/mocker@3.2.4(msw@2.12.14(@types/node@22.19.17)(typescript@5.9.3))(vite@7.3.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0))':
+  '@vitest/mocker@3.2.4(msw@2.12.14(@types/node@22.19.17)(typescript@5.9.3))(vite@6.4.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0))':
     dependencies:
       '@vitest/spy': 3.2.4
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
       msw: 2.12.14(@types/node@22.19.17)(typescript@5.9.3)
-      vite: 7.3.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0)
+      vite: 6.4.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0)
 
   '@vitest/pretty-format@3.2.4':
     dependencies:
@@ -6928,34 +7027,34 @@ snapshots:
 
   es-toolkit@1.45.1: {}
 
-  esbuild@0.27.7:
+  esbuild@0.25.12:
     optionalDependencies:
-      '@esbuild/aix-ppc64': 0.27.7
-      '@esbuild/android-arm': 0.27.7
-      '@esbuild/android-arm64': 0.27.7
-      '@esbuild/android-x64': 0.27.7
-      '@esbuild/darwin-arm64': 0.27.7
-      '@esbuild/darwin-x64': 0.27.7
-      '@esbuild/freebsd-arm64': 0.27.7
-      '@esbuild/freebsd-x64': 0.27.7
-      '@esbuild/linux-arm': 0.27.7
-      '@esbuild/linux-arm64': 0.27.7
-      '@esbuild/linux-ia32': 0.27.7
-      '@esbuild/linux-loong64': 0.27.7
-      '@esbuild/linux-mips64el': 0.27.7
-      '@esbuild/linux-ppc64': 0.27.7
-      '@esbuild/linux-riscv64': 0.27.7
-      '@esbuild/linux-s390x': 0.27.7
-      '@esbuild/linux-x64': 0.27.7
-      '@esbuild/netbsd-arm64': 0.27.7
-      '@esbuild/netbsd-x64': 0.27.7
-      '@esbuild/openbsd-arm64': 0.27.7
-      '@esbuild/openbsd-x64': 0.27.7
-      '@esbuild/openharmony-arm64': 0.27.7
-      '@esbuild/sunos-x64': 0.27.7
-      '@esbuild/win32-arm64': 0.27.7
-      '@esbuild/win32-ia32': 0.27.7
-      '@esbuild/win32-x64': 0.27.7
+      '@esbuild/aix-ppc64': 0.25.12
+      '@esbuild/android-arm': 0.25.12
+      '@esbuild/android-arm64': 0.25.12
+      '@esbuild/android-x64': 0.25.12
+      '@esbuild/darwin-arm64': 0.25.12
+      '@esbuild/darwin-x64': 0.25.12
+      '@esbuild/freebsd-arm64': 0.25.12
+      '@esbuild/freebsd-x64': 0.25.12
+      '@esbuild/linux-arm': 0.25.12
+      '@esbuild/linux-arm64': 0.25.12
+      '@esbuild/linux-ia32': 0.25.12
+      '@esbuild/linux-loong64': 0.25.12
+      '@esbuild/linux-mips64el': 0.25.12
+      '@esbuild/linux-ppc64': 0.25.12
+      '@esbuild/linux-riscv64': 0.25.12
+      '@esbuild/linux-s390x': 0.25.12
+      '@esbuild/linux-x64': 0.25.12
+      '@esbuild/netbsd-arm64': 0.25.12
+      '@esbuild/netbsd-x64': 0.25.12
+      '@esbuild/openbsd-arm64': 0.25.12
+      '@esbuild/openbsd-x64': 0.25.12
+      '@esbuild/openharmony-arm64': 0.25.12
+      '@esbuild/sunos-x64': 0.25.12
+      '@esbuild/win32-arm64': 0.25.12
+      '@esbuild/win32-ia32': 0.25.12
+      '@esbuild/win32-x64': 0.25.12
 
   escalade@3.2.0: {}
 
@@ -8368,6 +8467,8 @@ snapshots:
       '@types/react': 19.1.2
       redux: 5.0.1
 
+  react-refresh@0.17.0: {}
+
   react-remove-scroll-bar@2.3.8(@types/react@19.1.2)(react@19.1.0):
     dependencies:
       react: 19.1.0
@@ -8392,6 +8493,14 @@ snapshots:
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
 
+  react-router@7.14.0(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
+    dependencies:
+      cookie: 1.1.1
+      react: 19.1.0
+      set-cookie-parser: 2.7.2
+    optionalDependencies:
+      react-dom: 19.1.0(react@19.1.0)
+
   react-style-singleton@2.2.3(@types/react@19.1.2)(react@19.1.0):
     dependencies:
       get-nonce: 1.0.1
@@ -8642,6 +8751,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  set-cookie-parser@2.7.2: {}
+
   setprototypeof@1.2.0: {}
 
   shadcn@4.1.1(@types/node@22.19.17)(typescript@5.9.3):
@@ -9082,7 +9193,7 @@ snapshots:
       debug: 4.4.3
       es-module-lexer: 1.7.0
       pathe: 2.0.3
-      vite: 7.3.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0)
+      vite: 6.4.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0)
     transitivePeerDependencies:
       - '@types/node'
       - jiti
@@ -9097,9 +9208,9 @@ snapshots:
       - tsx
       - yaml
 
-  vite@7.3.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0):
+  vite@6.4.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0):
     dependencies:
-      esbuild: 0.27.7
+      esbuild: 0.25.12
       fdir: 6.5.0(picomatch@4.0.4)
       picomatch: 4.0.4
       postcss: 8.5.8
@@ -9115,7 +9226,7 @@ snapshots:
     dependencies:
       '@types/chai': 5.2.3
       '@vitest/expect': 3.2.4
-      '@vitest/mocker': 3.2.4(msw@2.12.14(@types/node@22.19.17)(typescript@5.9.3))(vite@7.3.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0))
+      '@vitest/mocker': 3.2.4(msw@2.12.14(@types/node@22.19.17)(typescript@5.9.3))(vite@6.4.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0))
       '@vitest/pretty-format': 3.2.4
       '@vitest/runner': 3.2.4
       '@vitest/snapshot': 3.2.4
@@ -9133,7 +9244,7 @@ snapshots:
       tinyglobby: 0.2.15
       tinypool: 1.1.1
       tinyrainbow: 2.0.0
-      vite: 7.3.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0)
+      vite: 6.4.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0)
       vite-node: 3.2.4(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.32.0)
       why-is-node-running: 2.3.0
     optionalDependencies:

From 9a51acd62b690c0d7bde8b7debe1fd46d67d5557 Mon Sep 17 00:00:00 2001
From: Nahiyan Khan <nahiyan@squareup.com>
Date: Mon, 6 Apr 2026 21:45:58 -0400
Subject: [PATCH 3/6] Update README to document ghost-ui design language
 package
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Expand the README to comprehensively cover the new ghost-ui package —
its 97 components (49 primitives + 48 AI elements), theme system, shadcn
registry, and live catalogue — alongside the existing drift detection and
fingerprinting documentation.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 README.md | 72 +++++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 70 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index bdcd5cd..5257fd8 100644
--- a/README.md
+++ b/README.md
@@ -1,8 +1,8 @@
 # Ghost
 
-**Design drift detection and fingerprinting for design systems.**
+**Design drift detection, fingerprinting, and design language tooling for design systems.**
 
-Ghost detects unintentional divergence between a parent design language and its consumer implementations. It scans for drift across values, structure, and visual dimensions, generates design fingerprints for comparison, and tracks how systems evolve over time.
+Ghost is a monorepo for understanding and managing design systems at scale. It detects unintentional divergence between a parent design language and its consumer implementations, generates design fingerprints for quantitative comparison, tracks how systems evolve over time, and ships a reference design language as a shadcn-compatible component registry.
 
 ## Why Ghost?
 
@@ -14,6 +14,7 @@ Design languages drift. Teams override tokens, hardcode colors, restructure comp
 - **Fleet analysis** - Compare fingerprints across an ecosystem to identify clusters and outliers
 - **LLM-powered interpretation** - Optionally use Claude or OpenAI for richer fingerprint generation
 - **3D visualization** - Explore fingerprint similarity space in an interactive Three.js viewer
+- **Reference design language** - A full shadcn-compatible registry with 97 components, design tokens, and a live catalogue
 
 ## Getting Started
 
@@ -57,6 +58,13 @@ ghost compare system-a.json system-b.json
 ghost viz system-a.json system-b.json system-c.json
 ```
 
+**Run the ghost-ui catalogue:**
+
+```bash
+just dev
+# or: cd packages/ghost-ui && pnpm dev
+```
+
 ## CLI Commands
 
 | Command         | Description                                                                  |
@@ -138,6 +146,47 @@ Ghost tracks design lineage through:
 
 Compare fingerprints across multiple systems to get an ecosystem-wide view. Ghost calculates pairwise distances, identifies a centroid, and optionally clusters systems by similarity.
 
+## Ghost UI
+
+Ghost UI (`@ghost/ui`) is the project's reference design language — a shadcn-compatible component registry that serves both as a living design system and as a concrete target for Ghost's drift detection and fingerprinting tools.
+
+### What's included
+
+- **49 primitive components** - Foundational UI building blocks (accordion, button, card, dialog, form, table, tabs, etc.) built on Radix UI and styled with Tailwind CSS
+- **48 AI-native elements** - Purpose-built components for conversational and agentic interfaces (prompt input, message, code block, chain of thought, file tree, terminal, tool, etc.)
+- **Design tokens** - A full token system (colors, spacing, typography, radii, shadows) defined as CSS custom properties with light and dark mode support
+- **Theme system** - Runtime theme switching with presets, a live theme panel for editing tokens, and CSS variable export
+- **HK Grotesk typeface** - Self-hosted display font (300–900 weights) paired with system sans-serif for body text
+- **Live catalogue** - An interactive documentation site (React + Vite) with component demos, foundations pages, and a bento showcase
+
+### Registry
+
+Ghost UI publishes a `registry.json` conforming to the [shadcn registry schema](https://ui.shadcn.com/docs/registry). Consumers can install individual components directly:
+
+```bash
+npx shadcn@latest add --registry https://your-ghost-ui-host/registry.json button card dialog
+```
+
+Ghost itself can profile the registry to generate a fingerprint, then scan downstream consumers against it to detect drift:
+
+```bash
+ghost profile --registry ./packages/ghost-ui/registry.json
+ghost scan --config ghost.config.ts
+```
+
+### Catalogue development
+
+```bash
+# dev server with hot reload
+just dev
+
+# production build
+just build-ui
+
+# rebuild the shadcn registry
+just build-registry
+```
+
 ## Project Structure
 
 ```
@@ -154,6 +203,20 @@ packages/
   ghost-cli/           CLI interface
     src/
       viz/             3D visualization (Three.js, PCA projection)
+  ghost-ui/            Reference design language (@ghost/ui)
+    src/
+      components/
+        ui/            Primitive components (Radix + Tailwind)
+        ai-elements/   AI-native components (chat, code, agents)
+        theme/         ThemeProvider and theme toggle
+        theme-panel/   Live token editor panel
+        docs/          Catalogue pages, demos, and bento showcase
+      contexts/        Theme and theme-panel context providers
+      hooks/           Shared React hooks
+      lib/             Utilities, registry helpers, theme presets
+      styles/          Design tokens and global CSS
+      fonts/           HK Grotesk woff2 files
+    registry.json      shadcn-compatible component registry
 ```
 
 ## Development
@@ -170,8 +233,13 @@ pnpm test
 
 # lint and format
 pnpm check
+
+# run ghost-ui dev server
+just dev
 ```
 
+A `justfile` is included for common workflows — run `just` to see all available recipes.
+
 ## Project Resources
 
 | Resource                             | Description                 |

From 3d3ea16de567e893920c5bcd13725264b77f9afb Mon Sep 17 00:00:00 2001
From: Nahiyan Khan <nahiyan@squareup.com>
Date: Mon, 6 Apr 2026 22:02:49 -0400
Subject: [PATCH 4/6] Fix registry schema and add built registry output

Add required `homepage` field to registry.json so `shadcn build`
validates successfully, and include the generated per-component
JSON files in public/r/.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 packages/ghost-ui/public/r/accordion.json     |   16 +
 packages/ghost-ui/public/r/agent.json         |   16 +
 packages/ghost-ui/public/r/alert-dialog.json  |   16 +
 packages/ghost-ui/public/r/alert.json         |   16 +
 packages/ghost-ui/public/r/artifact.json      |   16 +
 packages/ghost-ui/public/r/aspect-ratio.json  |   15 +
 packages/ghost-ui/public/r/attachments.json   |   16 +
 packages/ghost-ui/public/r/audio-player.json  |   16 +
 packages/ghost-ui/public/r/avatar.json        |   16 +
 packages/ghost-ui/public/r/badge.json         |   16 +
 packages/ghost-ui/public/r/breadcrumb.json    |   16 +
 packages/ghost-ui/public/r/button-group.json  |   16 +
 packages/ghost-ui/public/r/button.json        |   16 +
 packages/ghost-ui/public/r/calendar.json      |   16 +
 packages/ghost-ui/public/r/canvas.json        |   15 +
 packages/ghost-ui/public/r/card.json          |   15 +
 packages/ghost-ui/public/r/carousel.json      |   16 +
 .../ghost-ui/public/r/chain-of-thought.json   |   16 +
 packages/ghost-ui/public/r/chart.json         |   16 +
 packages/ghost-ui/public/r/checkbox.json      |   16 +
 packages/ghost-ui/public/r/checkpoint.json    |   16 +
 packages/ghost-ui/public/r/code-block.json    |   16 +
 packages/ghost-ui/public/r/collapsible.json   |   15 +
 packages/ghost-ui/public/r/command.json       |   16 +
 packages/ghost-ui/public/r/commit.json        |   16 +
 packages/ghost-ui/public/r/confirmation.json  |   16 +
 packages/ghost-ui/public/r/connection.json    |   15 +
 packages/ghost-ui/public/r/context-menu.json  |   16 +
 packages/ghost-ui/public/r/context.json       |   16 +
 packages/ghost-ui/public/r/controls.json      |   16 +
 packages/ghost-ui/public/r/conversation.json  |   16 +
 packages/ghost-ui/public/r/dialog.json        |   16 +
 packages/ghost-ui/public/r/drawer.json        |   16 +
 packages/ghost-ui/public/r/dropdown-menu.json |   16 +
 packages/ghost-ui/public/r/edge.json          |   15 +
 .../public/r/environment-variables.json       |   16 +
 packages/ghost-ui/public/r/file-tree.json     |   16 +
 packages/ghost-ui/public/r/form.json          |   16 +
 packages/ghost-ui/public/r/hover-card.json    |   16 +
 packages/ghost-ui/public/r/image.json         |   16 +
 .../ghost-ui/public/r/inline-citation.json    |   16 +
 packages/ghost-ui/public/r/input-group.json   |   16 +
 packages/ghost-ui/public/r/input-otp.json     |   16 +
 packages/ghost-ui/public/r/input.json         |   15 +
 packages/ghost-ui/public/r/jsx-preview.json   |   16 +
 packages/ghost-ui/public/r/label.json         |   16 +
 packages/ghost-ui/public/r/menubar.json       |   16 +
 packages/ghost-ui/public/r/message.json       |   24 +
 packages/ghost-ui/public/r/mic-selector.json  |   16 +
 .../ghost-ui/public/r/model-selector.json     |   15 +
 .../ghost-ui/public/r/navigation-menu.json    |   20 +
 packages/ghost-ui/public/r/node.json          |   16 +
 packages/ghost-ui/public/r/open-in-chat.json  |   16 +
 packages/ghost-ui/public/r/package-info.json  |   16 +
 packages/ghost-ui/public/r/pagination.json    |   16 +
 packages/ghost-ui/public/r/panel.json         |   16 +
 packages/ghost-ui/public/r/persona.json       |   16 +
 packages/ghost-ui/public/r/plan.json          |   16 +
 packages/ghost-ui/public/r/popover.json       |   16 +
 packages/ghost-ui/public/r/progress.json      |   16 +
 packages/ghost-ui/public/r/prompt-input.json  |   25 +
 packages/ghost-ui/public/r/queue.json         |   16 +
 packages/ghost-ui/public/r/radio-group.json   |   16 +
 packages/ghost-ui/public/r/reasoning.json     |   24 +
 packages/ghost-ui/public/r/registry.json      | 1445 +++++++++++++++++
 packages/ghost-ui/public/r/resizable.json     |   16 +
 packages/ghost-ui/public/r/sandbox.json       |   16 +
 .../ghost-ui/public/r/schema-display.json     |   16 +
 packages/ghost-ui/public/r/scroll-area.json   |   16 +
 packages/ghost-ui/public/r/select.json        |   16 +
 packages/ghost-ui/public/r/separator.json     |   16 +
 packages/ghost-ui/public/r/sheet.json         |   16 +
 packages/ghost-ui/public/r/shimmer.json       |   16 +
 packages/ghost-ui/public/r/sidebar.json       |   28 +
 packages/ghost-ui/public/r/skeleton.json      |   15 +
 packages/ghost-ui/public/r/slider.json        |   16 +
 packages/ghost-ui/public/r/snippet.json       |   16 +
 packages/ghost-ui/public/r/sonner.json        |   15 +
 packages/ghost-ui/public/r/sources.json       |   16 +
 packages/ghost-ui/public/r/speech-input.json  |   16 +
 packages/ghost-ui/public/r/spinner.json       |   16 +
 packages/ghost-ui/public/r/stack-trace.json   |   16 +
 packages/ghost-ui/public/r/styles-main.json   |   15 +
 packages/ghost-ui/public/r/suggestion.json    |   15 +
 packages/ghost-ui/public/r/switch.json        |   16 +
 packages/ghost-ui/public/r/table.json         |   15 +
 packages/ghost-ui/public/r/tabs.json          |   16 +
 packages/ghost-ui/public/r/task.json          |   16 +
 packages/ghost-ui/public/r/terminal.json      |   16 +
 packages/ghost-ui/public/r/test-results.json  |   16 +
 packages/ghost-ui/public/r/textarea.json      |   15 +
 packages/ghost-ui/public/r/toggle-group.json  |   16 +
 packages/ghost-ui/public/r/toggle.json        |   16 +
 packages/ghost-ui/public/r/tool.json          |   16 +
 packages/ghost-ui/public/r/toolbar.json       |   16 +
 packages/ghost-ui/public/r/tooltip.json       |   16 +
 packages/ghost-ui/public/r/transcription.json |   16 +
 packages/ghost-ui/public/r/utils.json         |   14 +
 .../ghost-ui/public/r/voice-selector.json     |   16 +
 packages/ghost-ui/public/r/web-preview.json   |   22 +
 packages/ghost-ui/registry.json               |    1 +
 101 files changed, 3061 insertions(+)
 create mode 100644 packages/ghost-ui/public/r/accordion.json
 create mode 100644 packages/ghost-ui/public/r/agent.json
 create mode 100644 packages/ghost-ui/public/r/alert-dialog.json
 create mode 100644 packages/ghost-ui/public/r/alert.json
 create mode 100644 packages/ghost-ui/public/r/artifact.json
 create mode 100644 packages/ghost-ui/public/r/aspect-ratio.json
 create mode 100644 packages/ghost-ui/public/r/attachments.json
 create mode 100644 packages/ghost-ui/public/r/audio-player.json
 create mode 100644 packages/ghost-ui/public/r/avatar.json
 create mode 100644 packages/ghost-ui/public/r/badge.json
 create mode 100644 packages/ghost-ui/public/r/breadcrumb.json
 create mode 100644 packages/ghost-ui/public/r/button-group.json
 create mode 100644 packages/ghost-ui/public/r/button.json
 create mode 100644 packages/ghost-ui/public/r/calendar.json
 create mode 100644 packages/ghost-ui/public/r/canvas.json
 create mode 100644 packages/ghost-ui/public/r/card.json
 create mode 100644 packages/ghost-ui/public/r/carousel.json
 create mode 100644 packages/ghost-ui/public/r/chain-of-thought.json
 create mode 100644 packages/ghost-ui/public/r/chart.json
 create mode 100644 packages/ghost-ui/public/r/checkbox.json
 create mode 100644 packages/ghost-ui/public/r/checkpoint.json
 create mode 100644 packages/ghost-ui/public/r/code-block.json
 create mode 100644 packages/ghost-ui/public/r/collapsible.json
 create mode 100644 packages/ghost-ui/public/r/command.json
 create mode 100644 packages/ghost-ui/public/r/commit.json
 create mode 100644 packages/ghost-ui/public/r/confirmation.json
 create mode 100644 packages/ghost-ui/public/r/connection.json
 create mode 100644 packages/ghost-ui/public/r/context-menu.json
 create mode 100644 packages/ghost-ui/public/r/context.json
 create mode 100644 packages/ghost-ui/public/r/controls.json
 create mode 100644 packages/ghost-ui/public/r/conversation.json
 create mode 100644 packages/ghost-ui/public/r/dialog.json
 create mode 100644 packages/ghost-ui/public/r/drawer.json
 create mode 100644 packages/ghost-ui/public/r/dropdown-menu.json
 create mode 100644 packages/ghost-ui/public/r/edge.json
 create mode 100644 packages/ghost-ui/public/r/environment-variables.json
 create mode 100644 packages/ghost-ui/public/r/file-tree.json
 create mode 100644 packages/ghost-ui/public/r/form.json
 create mode 100644 packages/ghost-ui/public/r/hover-card.json
 create mode 100644 packages/ghost-ui/public/r/image.json
 create mode 100644 packages/ghost-ui/public/r/inline-citation.json
 create mode 100644 packages/ghost-ui/public/r/input-group.json
 create mode 100644 packages/ghost-ui/public/r/input-otp.json
 create mode 100644 packages/ghost-ui/public/r/input.json
 create mode 100644 packages/ghost-ui/public/r/jsx-preview.json
 create mode 100644 packages/ghost-ui/public/r/label.json
 create mode 100644 packages/ghost-ui/public/r/menubar.json
 create mode 100644 packages/ghost-ui/public/r/message.json
 create mode 100644 packages/ghost-ui/public/r/mic-selector.json
 create mode 100644 packages/ghost-ui/public/r/model-selector.json
 create mode 100644 packages/ghost-ui/public/r/navigation-menu.json
 create mode 100644 packages/ghost-ui/public/r/node.json
 create mode 100644 packages/ghost-ui/public/r/open-in-chat.json
 create mode 100644 packages/ghost-ui/public/r/package-info.json
 create mode 100644 packages/ghost-ui/public/r/pagination.json
 create mode 100644 packages/ghost-ui/public/r/panel.json
 create mode 100644 packages/ghost-ui/public/r/persona.json
 create mode 100644 packages/ghost-ui/public/r/plan.json
 create mode 100644 packages/ghost-ui/public/r/popover.json
 create mode 100644 packages/ghost-ui/public/r/progress.json
 create mode 100644 packages/ghost-ui/public/r/prompt-input.json
 create mode 100644 packages/ghost-ui/public/r/queue.json
 create mode 100644 packages/ghost-ui/public/r/radio-group.json
 create mode 100644 packages/ghost-ui/public/r/reasoning.json
 create mode 100644 packages/ghost-ui/public/r/registry.json
 create mode 100644 packages/ghost-ui/public/r/resizable.json
 create mode 100644 packages/ghost-ui/public/r/sandbox.json
 create mode 100644 packages/ghost-ui/public/r/schema-display.json
 create mode 100644 packages/ghost-ui/public/r/scroll-area.json
 create mode 100644 packages/ghost-ui/public/r/select.json
 create mode 100644 packages/ghost-ui/public/r/separator.json
 create mode 100644 packages/ghost-ui/public/r/sheet.json
 create mode 100644 packages/ghost-ui/public/r/shimmer.json
 create mode 100644 packages/ghost-ui/public/r/sidebar.json
 create mode 100644 packages/ghost-ui/public/r/skeleton.json
 create mode 100644 packages/ghost-ui/public/r/slider.json
 create mode 100644 packages/ghost-ui/public/r/snippet.json
 create mode 100644 packages/ghost-ui/public/r/sonner.json
 create mode 100644 packages/ghost-ui/public/r/sources.json
 create mode 100644 packages/ghost-ui/public/r/speech-input.json
 create mode 100644 packages/ghost-ui/public/r/spinner.json
 create mode 100644 packages/ghost-ui/public/r/stack-trace.json
 create mode 100644 packages/ghost-ui/public/r/styles-main.json
 create mode 100644 packages/ghost-ui/public/r/suggestion.json
 create mode 100644 packages/ghost-ui/public/r/switch.json
 create mode 100644 packages/ghost-ui/public/r/table.json
 create mode 100644 packages/ghost-ui/public/r/tabs.json
 create mode 100644 packages/ghost-ui/public/r/task.json
 create mode 100644 packages/ghost-ui/public/r/terminal.json
 create mode 100644 packages/ghost-ui/public/r/test-results.json
 create mode 100644 packages/ghost-ui/public/r/textarea.json
 create mode 100644 packages/ghost-ui/public/r/toggle-group.json
 create mode 100644 packages/ghost-ui/public/r/toggle.json
 create mode 100644 packages/ghost-ui/public/r/tool.json
 create mode 100644 packages/ghost-ui/public/r/toolbar.json
 create mode 100644 packages/ghost-ui/public/r/tooltip.json
 create mode 100644 packages/ghost-ui/public/r/transcription.json
 create mode 100644 packages/ghost-ui/public/r/utils.json
 create mode 100644 packages/ghost-ui/public/r/voice-selector.json
 create mode 100644 packages/ghost-ui/public/r/web-preview.json

diff --git a/packages/ghost-ui/public/r/accordion.json b/packages/ghost-ui/public/r/accordion.json
new file mode 100644
index 0000000..b9337a2
--- /dev/null
+++ b/packages/ghost-ui/public/r/accordion.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "accordion",
+  "dependencies": ["@radix-ui/react-accordion", "lucide-react"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/accordion.tsx",
+      "content": "\"use client\";\n\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Accordion({\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />;\n}\n\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"border-b last:border-b-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm transition-all outline-none hover:underline focus-visible:ring-[1px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon className=\"text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\n      {...props}\n    >\n      <div className={cn(\"pt-0 pb-4\", className)}>{children}</div>\n    </AccordionPrimitive.Content>\n  );\n}\n\nexport { Accordion, AccordionContent, AccordionItem, AccordionTrigger };\n",
+      "type": "registry:ui",
+      "target": "components/ui/accordion.tsx"
+    }
+  ],
+  "categories": ["layout"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/agent.json b/packages/ghost-ui/public/r/agent.json
new file mode 100644
index 0000000..87986b6
--- /dev/null
+++ b/packages/ghost-ui/public/r/agent.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "agent",
+  "dependencies": ["ai", "lucide-react"],
+  "registryDependencies": ["utils", "accordion", "badge"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/agent.tsx",
+      "content": "\"use client\";\n\nimport type { Tool } from \"ai\";\nimport { BotIcon } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport { memo } from \"react\";\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { cn } from \"@/lib/utils\";\n\nimport { CodeBlock } from \"./code-block\";\n\nexport type AgentProps = ComponentProps<\"div\">;\n\nexport const Agent = memo(({ className, ...props }: AgentProps) => (\n  <div\n    className={cn(\"not-prose w-full rounded-md border\", className)}\n    {...props}\n  />\n));\n\nexport type AgentHeaderProps = ComponentProps<\"div\"> & {\n  name: string;\n  model?: string;\n};\n\nexport const AgentHeader = memo(\n  ({ className, name, model, ...props }: AgentHeaderProps) => (\n    <div\n      className={cn(\n        \"flex w-full items-center justify-between gap-4 p-3\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"flex items-center gap-2\">\n        <BotIcon className=\"size-4 text-muted-foreground\" />\n        <span className=\"font-medium text-sm\">{name}</span>\n        {model && (\n          <Badge className=\"font-mono text-xs\" variant=\"secondary\">\n            {model}\n          </Badge>\n        )}\n      </div>\n    </div>\n  ),\n);\n\nexport type AgentContentProps = ComponentProps<\"div\">;\n\nexport const AgentContent = memo(\n  ({ className, ...props }: AgentContentProps) => (\n    <div className={cn(\"space-y-4 p-4 pt-0\", className)} {...props} />\n  ),\n);\n\nexport type AgentInstructionsProps = ComponentProps<\"div\"> & {\n  children: string;\n};\n\nexport const AgentInstructions = memo(\n  ({ className, children, ...props }: AgentInstructionsProps) => (\n    <div className={cn(\"space-y-2\", className)} {...props}>\n      <span className=\"font-medium text-muted-foreground text-sm\">\n        Instructions\n      </span>\n      <div className=\"rounded-md bg-muted/50 p-3 text-muted-foreground text-sm\">\n        <p>{children}</p>\n      </div>\n    </div>\n  ),\n);\n\nexport type AgentToolsProps = ComponentProps<typeof Accordion>;\n\nexport const AgentTools = memo(({ className, ...props }: AgentToolsProps) => (\n  <div className={cn(\"space-y-2\", className)}>\n    <span className=\"font-medium text-muted-foreground text-sm\">Tools</span>\n    <Accordion className=\"rounded-md border\" {...props} />\n  </div>\n));\n\nexport type AgentToolProps = ComponentProps<typeof AccordionItem> & {\n  tool: Tool;\n};\n\nexport const AgentTool = memo(\n  ({ className, tool, value, ...props }: AgentToolProps) => {\n    const schema =\n      \"jsonSchema\" in tool && tool.jsonSchema\n        ? tool.jsonSchema\n        : tool.inputSchema;\n\n    return (\n      <AccordionItem\n        className={cn(\"border-b last:border-b-0\", className)}\n        value={value}\n        {...props}\n      >\n        <AccordionTrigger className=\"px-3 py-2 text-sm hover:no-underline\">\n          {tool.description ?? \"No description\"}\n        </AccordionTrigger>\n        <AccordionContent className=\"px-3 pb-3\">\n          <div className=\"rounded-md bg-muted/50\">\n            <CodeBlock code={JSON.stringify(schema, null, 2)} language=\"json\" />\n          </div>\n        </AccordionContent>\n      </AccordionItem>\n    );\n  },\n);\n\nexport type AgentOutputProps = ComponentProps<\"div\"> & {\n  schema: string;\n};\n\nexport const AgentOutput = memo(\n  ({ className, schema, ...props }: AgentOutputProps) => (\n    <div className={cn(\"space-y-2\", className)} {...props}>\n      <span className=\"font-medium text-muted-foreground text-sm\">\n        Output Schema\n      </span>\n      <div className=\"rounded-md bg-muted/50\">\n        <CodeBlock code={schema} language=\"typescript\" />\n      </div>\n    </div>\n  ),\n);\n\nAgent.displayName = \"Agent\";\nAgentHeader.displayName = \"AgentHeader\";\nAgentContent.displayName = \"AgentContent\";\nAgentInstructions.displayName = \"AgentInstructions\";\nAgentTools.displayName = \"AgentTools\";\nAgentTool.displayName = \"AgentTool\";\nAgentOutput.displayName = \"AgentOutput\";\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/agent.tsx"
+    }
+  ],
+  "categories": ["ai", "display"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/alert-dialog.json b/packages/ghost-ui/public/r/alert-dialog.json
new file mode 100644
index 0000000..3497075
--- /dev/null
+++ b/packages/ghost-ui/public/r/alert-dialog.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "alert-dialog",
+  "dependencies": ["@radix-ui/react-alert-dialog"],
+  "registryDependencies": ["utils", "button"],
+  "files": [
+    {
+      "path": "src/components/ui/alert-dialog.tsx",
+      "content": "\"use client\";\n\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\";\nimport type * as React from \"react\";\nimport { buttonVariants } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\nfunction AlertDialog({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\n}\n\nfunction AlertDialogTrigger({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  );\n}\n\nfunction AlertDialogPortal({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  );\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          \"bg-background shadow-modal data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-modal border p-6 duration-200 sm:max-w-lg\",\n          className,\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  );\n}\n\nfunction AlertDialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogFooter({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\n        \"font-display text-lg font-semibold tracking-[-0.01em]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogAction({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\n  return (\n    <AlertDialogPrimitive.Action\n      className={cn(buttonVariants(), className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogCancel({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={cn(buttonVariants({ variant: \"outline\" }), className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n};\n",
+      "type": "registry:ui",
+      "target": "components/ui/alert-dialog.tsx"
+    }
+  ],
+  "categories": ["feedback"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/alert.json b/packages/ghost-ui/public/r/alert.json
new file mode 100644
index 0000000..0b638c3
--- /dev/null
+++ b/packages/ghost-ui/public/r/alert.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "alert",
+  "dependencies": ["class-variance-authority"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/alert.tsx",
+      "content": "import { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst alertVariants = cva(\n  \"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-background text-text\",\n        destructive:\n          \"text-destructive bg-background [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"font-display col-start-2 line-clamp-1 min-h-4 font-semibold tracking-[-0.01em]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertDescription, AlertTitle };\n",
+      "type": "registry:ui",
+      "target": "components/ui/alert.tsx"
+    }
+  ],
+  "categories": ["feedback"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/artifact.json b/packages/ghost-ui/public/r/artifact.json
new file mode 100644
index 0000000..6d0b4e8
--- /dev/null
+++ b/packages/ghost-ui/public/r/artifact.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "artifact",
+  "dependencies": ["lucide-react"],
+  "registryDependencies": ["utils", "button", "tooltip"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/artifact.tsx",
+      "content": "\"use client\";\n\nimport type { LucideIcon } from \"lucide-react\";\nimport { XIcon } from \"lucide-react\";\nimport type { ComponentProps, HTMLAttributes } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\nexport type ArtifactProps = HTMLAttributes<HTMLDivElement>;\n\nexport const Artifact = ({ className, ...props }: ArtifactProps) => (\n  <div\n    className={cn(\n      \"flex flex-col overflow-hidden rounded-lg border bg-background shadow-sm\",\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport type ArtifactHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport const ArtifactHeader = ({\n  className,\n  ...props\n}: ArtifactHeaderProps) => (\n  <div\n    className={cn(\n      \"flex items-center justify-between border-b bg-muted/50 px-4 py-3\",\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport type ArtifactCloseProps = ComponentProps<typeof Button>;\n\nexport const ArtifactClose = ({\n  className,\n  children,\n  size = \"sm\",\n  variant = \"ghost\",\n  ...props\n}: ArtifactCloseProps) => (\n  <Button\n    className={cn(\n      \"size-8 p-0 text-muted-foreground hover:text-foreground\",\n      className,\n    )}\n    size={size}\n    type=\"button\"\n    variant={variant}\n    {...props}\n  >\n    {children ?? <XIcon className=\"size-4\" />}\n    <span className=\"sr-only\">Close</span>\n  </Button>\n);\n\nexport type ArtifactTitleProps = HTMLAttributes<HTMLParagraphElement>;\n\nexport const ArtifactTitle = ({ className, ...props }: ArtifactTitleProps) => (\n  <p\n    className={cn(\"font-medium text-foreground text-sm\", className)}\n    {...props}\n  />\n);\n\nexport type ArtifactDescriptionProps = HTMLAttributes<HTMLParagraphElement>;\n\nexport const ArtifactDescription = ({\n  className,\n  ...props\n}: ArtifactDescriptionProps) => (\n  <p className={cn(\"text-muted-foreground text-sm\", className)} {...props} />\n);\n\nexport type ArtifactActionsProps = HTMLAttributes<HTMLDivElement>;\n\nexport const ArtifactActions = ({\n  className,\n  ...props\n}: ArtifactActionsProps) => (\n  <div className={cn(\"flex items-center gap-1\", className)} {...props} />\n);\n\nexport type ArtifactActionProps = ComponentProps<typeof Button> & {\n  tooltip?: string;\n  label?: string;\n  icon?: LucideIcon;\n};\n\nexport const ArtifactAction = ({\n  tooltip,\n  label,\n  icon: Icon,\n  children,\n  className,\n  size = \"sm\",\n  variant = \"ghost\",\n  ...props\n}: ArtifactActionProps) => {\n  const button = (\n    <Button\n      className={cn(\n        \"size-8 p-0 text-muted-foreground hover:text-foreground\",\n        className,\n      )}\n      size={size}\n      type=\"button\"\n      variant={variant}\n      {...props}\n    >\n      {Icon ? <Icon className=\"size-4\" /> : children}\n      <span className=\"sr-only\">{label || tooltip}</span>\n    </Button>\n  );\n\n  if (tooltip) {\n    return (\n      <TooltipProvider>\n        <Tooltip>\n          <TooltipTrigger asChild>{button}</TooltipTrigger>\n          <TooltipContent>\n            <p>{tooltip}</p>\n          </TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n    );\n  }\n\n  return button;\n};\n\nexport type ArtifactContentProps = HTMLAttributes<HTMLDivElement>;\n\nexport const ArtifactContent = ({\n  className,\n  ...props\n}: ArtifactContentProps) => (\n  <div className={cn(\"flex-1 overflow-auto p-4\", className)} {...props} />\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/artifact.tsx"
+    }
+  ],
+  "categories": ["ai", "display"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/aspect-ratio.json b/packages/ghost-ui/public/r/aspect-ratio.json
new file mode 100644
index 0000000..21df4d3
--- /dev/null
+++ b/packages/ghost-ui/public/r/aspect-ratio.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "aspect-ratio",
+  "dependencies": ["@radix-ui/react-aspect-ratio"],
+  "files": [
+    {
+      "path": "src/components/ui/aspect-ratio.tsx",
+      "content": "\"use client\";\n\nimport * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\";\n\nfunction AspectRatio({\n  ...props\n}: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {\n  return <AspectRatioPrimitive.Root data-slot=\"aspect-ratio\" {...props} />;\n}\n\nexport { AspectRatio };\n",
+      "type": "registry:ui",
+      "target": "components/ui/aspect-ratio.tsx"
+    }
+  ],
+  "categories": ["layout"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/attachments.json b/packages/ghost-ui/public/r/attachments.json
new file mode 100644
index 0000000..e8d1ef9
--- /dev/null
+++ b/packages/ghost-ui/public/r/attachments.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "attachments",
+  "dependencies": ["ai", "lucide-react"],
+  "registryDependencies": ["utils", "button", "hover-card"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/attachments.tsx",
+      "content": "\"use client\";\n\nimport type { FileUIPart, SourceDocumentUIPart } from \"ai\";\nimport {\n  FileTextIcon,\n  GlobeIcon,\n  ImageIcon,\n  Music2Icon,\n  PaperclipIcon,\n  VideoIcon,\n  XIcon,\n} from \"lucide-react\";\nimport type { ComponentProps, HTMLAttributes, ReactNode } from \"react\";\nimport { createContext, useCallback, useContext, useMemo } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  HoverCard,\n  HoverCardContent,\n  HoverCardTrigger,\n} from \"@/components/ui/hover-card\";\nimport { cn } from \"@/lib/utils\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type AttachmentData =\n  | (FileUIPart & { id: string })\n  | (SourceDocumentUIPart & { id: string });\n\nexport type AttachmentMediaCategory =\n  | \"image\"\n  | \"video\"\n  | \"audio\"\n  | \"document\"\n  | \"source\"\n  | \"unknown\";\n\nexport type AttachmentVariant = \"grid\" | \"inline\" | \"list\";\n\nconst mediaCategoryIcons: Record<AttachmentMediaCategory, typeof ImageIcon> = {\n  audio: Music2Icon,\n  document: FileTextIcon,\n  image: ImageIcon,\n  source: GlobeIcon,\n  unknown: PaperclipIcon,\n  video: VideoIcon,\n};\n\n// ============================================================================\n// Utility Functions\n// ============================================================================\n\nexport const getMediaCategory = (\n  data: AttachmentData,\n): AttachmentMediaCategory => {\n  if (data.type === \"source-document\") {\n    return \"source\";\n  }\n\n  const mediaType = data.mediaType ?? \"\";\n\n  if (mediaType.startsWith(\"image/\")) {\n    return \"image\";\n  }\n  if (mediaType.startsWith(\"video/\")) {\n    return \"video\";\n  }\n  if (mediaType.startsWith(\"audio/\")) {\n    return \"audio\";\n  }\n  if (mediaType.startsWith(\"application/\") || mediaType.startsWith(\"text/\")) {\n    return \"document\";\n  }\n\n  return \"unknown\";\n};\n\nexport const getAttachmentLabel = (data: AttachmentData): string => {\n  if (data.type === \"source-document\") {\n    return data.title || data.filename || \"Source\";\n  }\n\n  const category = getMediaCategory(data);\n  return data.filename || (category === \"image\" ? \"Image\" : \"Attachment\");\n};\n\nconst renderAttachmentImage = (\n  url: string,\n  filename: string | undefined,\n  isGrid: boolean,\n) =>\n  isGrid ? (\n    <img\n      alt={filename || \"Image\"}\n      className=\"size-full object-cover\"\n      height={96}\n      src={url}\n      width={96}\n    />\n  ) : (\n    <img\n      alt={filename || \"Image\"}\n      className=\"size-full rounded object-cover\"\n      height={20}\n      src={url}\n      width={20}\n    />\n  );\n\n// ============================================================================\n// Contexts\n// ============================================================================\n\ninterface AttachmentsContextValue {\n  variant: AttachmentVariant;\n}\n\nconst AttachmentsContext = createContext<AttachmentsContextValue | null>(null);\n\ninterface AttachmentContextValue {\n  data: AttachmentData;\n  mediaCategory: AttachmentMediaCategory;\n  onRemove?: () => void;\n  variant: AttachmentVariant;\n}\n\nconst AttachmentContext = createContext<AttachmentContextValue | null>(null);\n\n// ============================================================================\n// Hooks\n// ============================================================================\n\nexport const useAttachmentsContext = () =>\n  useContext(AttachmentsContext) ?? { variant: \"grid\" as const };\n\nexport const useAttachmentContext = () => {\n  const ctx = useContext(AttachmentContext);\n  if (!ctx) {\n    throw new Error(\"Attachment components must be used within <Attachment>\");\n  }\n  return ctx;\n};\n\n// ============================================================================\n// Attachments - Container\n// ============================================================================\n\nexport type AttachmentsProps = HTMLAttributes<HTMLDivElement> & {\n  variant?: AttachmentVariant;\n};\n\nexport const Attachments = ({\n  variant = \"grid\",\n  className,\n  children,\n  ...props\n}: AttachmentsProps) => {\n  const contextValue = useMemo(() => ({ variant }), [variant]);\n\n  return (\n    <AttachmentsContext.Provider value={contextValue}>\n      <div\n        className={cn(\n          \"flex items-start\",\n          variant === \"list\" ? \"flex-col gap-2\" : \"flex-wrap gap-2\",\n          variant === \"grid\" && \"ml-auto w-fit\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    </AttachmentsContext.Provider>\n  );\n};\n\n// ============================================================================\n// Attachment - Item\n// ============================================================================\n\nexport type AttachmentProps = HTMLAttributes<HTMLDivElement> & {\n  data: AttachmentData;\n  onRemove?: () => void;\n};\n\nexport const Attachment = ({\n  data,\n  onRemove,\n  className,\n  children,\n  ...props\n}: AttachmentProps) => {\n  const { variant } = useAttachmentsContext();\n  const mediaCategory = getMediaCategory(data);\n\n  const contextValue = useMemo<AttachmentContextValue>(\n    () => ({ data, mediaCategory, onRemove, variant }),\n    [data, mediaCategory, onRemove, variant],\n  );\n\n  return (\n    <AttachmentContext.Provider value={contextValue}>\n      <div\n        className={cn(\n          \"group relative\",\n          variant === \"grid\" && \"size-24 overflow-hidden rounded-lg\",\n          variant === \"inline\" && [\n            \"flex h-8 cursor-pointer select-none items-center gap-1.5\",\n            \"rounded-md border border-border px-1.5\",\n            \"font-medium text-sm transition-all\",\n            \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n          ],\n          variant === \"list\" && [\n            \"flex w-full items-center gap-3 rounded-lg border p-3\",\n            \"hover:bg-accent/50\",\n          ],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    </AttachmentContext.Provider>\n  );\n};\n\n// ============================================================================\n// AttachmentPreview - Media preview\n// ============================================================================\n\nexport type AttachmentPreviewProps = HTMLAttributes<HTMLDivElement> & {\n  fallbackIcon?: ReactNode;\n};\n\nexport const AttachmentPreview = ({\n  fallbackIcon,\n  className,\n  ...props\n}: AttachmentPreviewProps) => {\n  const { data, mediaCategory, variant } = useAttachmentContext();\n\n  const iconSize = variant === \"inline\" ? \"size-3\" : \"size-4\";\n\n  const renderIcon = (Icon: typeof ImageIcon) => (\n    <Icon className={cn(iconSize, \"text-muted-foreground\")} />\n  );\n\n  const renderContent = () => {\n    if (mediaCategory === \"image\" && data.type === \"file\" && data.url) {\n      return renderAttachmentImage(data.url, data.filename, variant === \"grid\");\n    }\n\n    if (mediaCategory === \"video\" && data.type === \"file\" && data.url) {\n      return <video className=\"size-full object-cover\" muted src={data.url} />;\n    }\n\n    const Icon = mediaCategoryIcons[mediaCategory];\n    return fallbackIcon ?? renderIcon(Icon);\n  };\n\n  return (\n    <div\n      className={cn(\n        \"flex shrink-0 items-center justify-center overflow-hidden\",\n        variant === \"grid\" && \"size-full bg-muted\",\n        variant === \"inline\" && \"size-5 rounded bg-background\",\n        variant === \"list\" && \"size-12 rounded bg-muted\",\n        className,\n      )}\n      {...props}\n    >\n      {renderContent()}\n    </div>\n  );\n};\n\n// ============================================================================\n// AttachmentInfo - Name and type display\n// ============================================================================\n\nexport type AttachmentInfoProps = HTMLAttributes<HTMLDivElement> & {\n  showMediaType?: boolean;\n};\n\nexport const AttachmentInfo = ({\n  showMediaType = false,\n  className,\n  ...props\n}: AttachmentInfoProps) => {\n  const { data, variant } = useAttachmentContext();\n  const label = getAttachmentLabel(data);\n\n  if (variant === \"grid\") {\n    return null;\n  }\n\n  return (\n    <div className={cn(\"min-w-0 flex-1\", className)} {...props}>\n      <span className=\"block truncate\">{label}</span>\n      {showMediaType && data.mediaType && (\n        <span className=\"block truncate text-muted-foreground text-xs\">\n          {data.mediaType}\n        </span>\n      )}\n    </div>\n  );\n};\n\n// ============================================================================\n// AttachmentRemove - Remove button\n// ============================================================================\n\nexport type AttachmentRemoveProps = ComponentProps<typeof Button> & {\n  label?: string;\n};\n\nexport const AttachmentRemove = ({\n  label = \"Remove\",\n  className,\n  children,\n  ...props\n}: AttachmentRemoveProps) => {\n  const { onRemove, variant } = useAttachmentContext();\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onRemove?.();\n    },\n    [onRemove],\n  );\n\n  if (!onRemove) {\n    return null;\n  }\n\n  return (\n    <Button\n      aria-label={label}\n      className={cn(\n        variant === \"grid\" && [\n          \"absolute top-2 right-2 size-6 rounded-full p-0\",\n          \"bg-background/80 backdrop-blur-sm\",\n          \"opacity-0 transition-opacity group-hover:opacity-100\",\n          \"hover:bg-background\",\n          \"[&>svg]:size-3\",\n        ],\n        variant === \"inline\" && [\n          \"size-5 rounded p-0\",\n          \"opacity-0 transition-opacity group-hover:opacity-100\",\n          \"[&>svg]:size-2.5\",\n        ],\n        variant === \"list\" && [\"size-8 shrink-0 rounded p-0\", \"[&>svg]:size-4\"],\n        className,\n      )}\n      onClick={handleClick}\n      type=\"button\"\n      variant=\"ghost\"\n      {...props}\n    >\n      {children ?? <XIcon />}\n      <span className=\"sr-only\">{label}</span>\n    </Button>\n  );\n};\n\n// ============================================================================\n// AttachmentHoverCard - Hover preview\n// ============================================================================\n\nexport type AttachmentHoverCardProps = ComponentProps<typeof HoverCard>;\n\nexport const AttachmentHoverCard = ({\n  openDelay = 0,\n  closeDelay = 0,\n  ...props\n}: AttachmentHoverCardProps) => (\n  <HoverCard closeDelay={closeDelay} openDelay={openDelay} {...props} />\n);\n\nexport type AttachmentHoverCardTriggerProps = ComponentProps<\n  typeof HoverCardTrigger\n>;\n\nexport const AttachmentHoverCardTrigger = (\n  props: AttachmentHoverCardTriggerProps,\n) => <HoverCardTrigger {...props} />;\n\nexport type AttachmentHoverCardContentProps = ComponentProps<\n  typeof HoverCardContent\n>;\n\nexport const AttachmentHoverCardContent = ({\n  align = \"start\",\n  className,\n  ...props\n}: AttachmentHoverCardContentProps) => (\n  <HoverCardContent\n    align={align}\n    className={cn(\"w-auto p-2\", className)}\n    {...props}\n  />\n);\n\n// ============================================================================\n// AttachmentEmpty - Empty state\n// ============================================================================\n\nexport type AttachmentEmptyProps = HTMLAttributes<HTMLDivElement>;\n\nexport const AttachmentEmpty = ({\n  className,\n  children,\n  ...props\n}: AttachmentEmptyProps) => (\n  <div\n    className={cn(\n      \"flex items-center justify-center p-4 text-muted-foreground text-sm\",\n      className,\n    )}\n    {...props}\n  >\n    {children ?? \"No attachments\"}\n  </div>\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/attachments.tsx"
+    }
+  ],
+  "categories": ["ai", "input", "chat"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/audio-player.json b/packages/ghost-ui/public/r/audio-player.json
new file mode 100644
index 0000000..f9b7095
--- /dev/null
+++ b/packages/ghost-ui/public/r/audio-player.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "audio-player",
+  "dependencies": ["ai", "media-chrome"],
+  "registryDependencies": ["utils", "button", "button-group"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/audio-player.tsx",
+      "content": "\"use client\";\n\nimport type { Experimental_SpeechResult as SpeechResult } from \"ai\";\nimport {\n  MediaControlBar,\n  MediaController,\n  MediaDurationDisplay,\n  MediaMuteButton,\n  MediaPlayButton,\n  MediaSeekBackwardButton,\n  MediaSeekForwardButton,\n  MediaTimeDisplay,\n  MediaTimeRange,\n  MediaVolumeRange,\n} from \"media-chrome/react\";\nimport type { ComponentProps, CSSProperties } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { ButtonGroup, ButtonGroupText } from \"@/components/ui/button-group\";\nimport { cn } from \"@/lib/utils\";\n\nexport type AudioPlayerProps = Omit<\n  ComponentProps<typeof MediaController>,\n  \"audio\"\n>;\n\nexport const AudioPlayer = ({\n  children,\n  style,\n  ...props\n}: AudioPlayerProps) => (\n  <MediaController\n    audio\n    data-slot=\"audio-player\"\n    style={\n      {\n        \"--media-background-color\": \"transparent\",\n        \"--media-button-icon-height\": \"1rem\",\n        \"--media-button-icon-width\": \"1rem\",\n        \"--media-control-background\": \"transparent\",\n        \"--media-control-hover-background\": \"var(--color-accent)\",\n        \"--media-control-padding\": \"0\",\n        \"--media-font\": \"var(--font-sans)\",\n        \"--media-font-size\": \"10px\",\n        \"--media-icon-color\": \"currentColor\",\n        \"--media-preview-time-background\": \"var(--color-background)\",\n        \"--media-preview-time-border-radius\": \"var(--radius-md)\",\n        \"--media-preview-time-text-shadow\": \"none\",\n        \"--media-primary-color\": \"var(--color-primary)\",\n        \"--media-range-bar-color\": \"var(--color-primary)\",\n        \"--media-range-track-background\": \"var(--color-secondary)\",\n        \"--media-secondary-color\": \"var(--color-secondary)\",\n        \"--media-text-color\": \"var(--color-foreground)\",\n        \"--media-tooltip-arrow-display\": \"none\",\n        \"--media-tooltip-background\": \"var(--color-background)\",\n        \"--media-tooltip-border-radius\": \"var(--radius-md)\",\n        ...style,\n      } as CSSProperties\n    }\n    {...props}\n  >\n    {children}\n  </MediaController>\n);\n\nexport type AudioPlayerElementProps = Omit<ComponentProps<\"audio\">, \"src\"> &\n  (\n    | {\n        data: SpeechResult[\"audio\"];\n      }\n    | {\n        src: string;\n      }\n  );\n\nexport const AudioPlayerElement = ({ ...props }: AudioPlayerElementProps) => (\n  // oxlint-disable-next-line eslint-plugin-jsx-a11y(media-has-caption) -- audio player captions are provided by consumer\n  <audio\n    suppressHydrationWarning\n    data-slot=\"audio-player-element\"\n    slot=\"media\"\n    src={\n      \"src\" in props\n        ? props.src\n        : `data:${props.data.mediaType};base64,${props.data.base64}`\n    }\n    {...props}\n  />\n);\n\nexport type AudioPlayerControlBarProps = ComponentProps<typeof MediaControlBar>;\n\nexport const AudioPlayerControlBar = ({\n  children,\n  ...props\n}: AudioPlayerControlBarProps) => (\n  <MediaControlBar data-slot=\"audio-player-control-bar\" {...props}>\n    <ButtonGroup orientation=\"horizontal\">{children}</ButtonGroup>\n  </MediaControlBar>\n);\n\nexport type AudioPlayerPlayButtonProps = ComponentProps<typeof MediaPlayButton>;\n\nexport const AudioPlayerPlayButton = ({\n  className,\n  ...props\n}: AudioPlayerPlayButtonProps) => (\n  <Button asChild size=\"icon-sm\" variant=\"outline\">\n    <MediaPlayButton\n      className={cn(\"bg-transparent\", className)}\n      data-slot=\"audio-player-play-button\"\n      {...props}\n    />\n  </Button>\n);\n\nexport type AudioPlayerSeekBackwardButtonProps = ComponentProps<\n  typeof MediaSeekBackwardButton\n>;\n\nexport const AudioPlayerSeekBackwardButton = ({\n  seekOffset = 10,\n  ...props\n}: AudioPlayerSeekBackwardButtonProps) => (\n  <Button asChild size=\"icon-sm\" variant=\"outline\">\n    <MediaSeekBackwardButton\n      data-slot=\"audio-player-seek-backward-button\"\n      seekOffset={seekOffset}\n      {...props}\n    />\n  </Button>\n);\n\nexport type AudioPlayerSeekForwardButtonProps = ComponentProps<\n  typeof MediaSeekForwardButton\n>;\n\nexport const AudioPlayerSeekForwardButton = ({\n  seekOffset = 10,\n  ...props\n}: AudioPlayerSeekForwardButtonProps) => (\n  <Button asChild size=\"icon-sm\" variant=\"outline\">\n    <MediaSeekForwardButton\n      data-slot=\"audio-player-seek-forward-button\"\n      seekOffset={seekOffset}\n      {...props}\n    />\n  </Button>\n);\n\nexport type AudioPlayerTimeDisplayProps = ComponentProps<\n  typeof MediaTimeDisplay\n>;\n\nexport const AudioPlayerTimeDisplay = ({\n  className,\n  ...props\n}: AudioPlayerTimeDisplayProps) => (\n  <ButtonGroupText asChild className=\"bg-transparent\">\n    <MediaTimeDisplay\n      className={cn(\"tabular-nums\", className)}\n      data-slot=\"audio-player-time-display\"\n      {...props}\n    />\n  </ButtonGroupText>\n);\n\nexport type AudioPlayerTimeRangeProps = ComponentProps<typeof MediaTimeRange>;\n\nexport const AudioPlayerTimeRange = ({\n  className,\n  ...props\n}: AudioPlayerTimeRangeProps) => (\n  <ButtonGroupText asChild className=\"bg-transparent\">\n    <MediaTimeRange\n      className={cn(\"\", className)}\n      data-slot=\"audio-player-time-range\"\n      {...props}\n    />\n  </ButtonGroupText>\n);\n\nexport type AudioPlayerDurationDisplayProps = ComponentProps<\n  typeof MediaDurationDisplay\n>;\n\nexport const AudioPlayerDurationDisplay = ({\n  className,\n  ...props\n}: AudioPlayerDurationDisplayProps) => (\n  <ButtonGroupText asChild className=\"bg-transparent\">\n    <MediaDurationDisplay\n      className={cn(\"tabular-nums\", className)}\n      data-slot=\"audio-player-duration-display\"\n      {...props}\n    />\n  </ButtonGroupText>\n);\n\nexport type AudioPlayerMuteButtonProps = ComponentProps<typeof MediaMuteButton>;\n\nexport const AudioPlayerMuteButton = ({\n  className,\n  ...props\n}: AudioPlayerMuteButtonProps) => (\n  <ButtonGroupText asChild className=\"bg-transparent\">\n    <MediaMuteButton\n      className={cn(\"\", className)}\n      data-slot=\"audio-player-mute-button\"\n      {...props}\n    />\n  </ButtonGroupText>\n);\n\nexport type AudioPlayerVolumeRangeProps = ComponentProps<\n  typeof MediaVolumeRange\n>;\n\nexport const AudioPlayerVolumeRange = ({\n  className,\n  ...props\n}: AudioPlayerVolumeRangeProps) => (\n  <ButtonGroupText asChild className=\"bg-transparent\">\n    <MediaVolumeRange\n      className={cn(\"\", className)}\n      data-slot=\"audio-player-volume-range\"\n      {...props}\n    />\n  </ButtonGroupText>\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/audio-player.tsx"
+    }
+  ],
+  "categories": ["ai", "media"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/avatar.json b/packages/ghost-ui/public/r/avatar.json
new file mode 100644
index 0000000..5f5a437
--- /dev/null
+++ b/packages/ghost-ui/public/r/avatar.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "avatar",
+  "dependencies": ["@radix-ui/react-avatar"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/avatar.tsx",
+      "content": "\"use client\";\n\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Avatar({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      className={cn(\n        \"relative flex size-8 shrink-0 overflow-hidden rounded-full\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\"aspect-square size-full\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        \"bg-muted flex size-full items-center justify-center rounded-full text-xs\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Avatar, AvatarFallback, AvatarImage };\n",
+      "type": "registry:ui",
+      "target": "components/ui/avatar.tsx"
+    }
+  ],
+  "categories": ["display"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/badge.json b/packages/ghost-ui/public/r/badge.json
new file mode 100644
index 0000000..a00865f
--- /dev/null
+++ b/packages/ghost-ui/public/r/badge.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "badge",
+  "dependencies": ["@radix-ui/react-slot", "class-variance-authority"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/badge.tsx",
+      "content": "import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-pill border px-2 py-0.5 text-xs w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n        secondary:\n          \"border-transparent bg-muted text-foreground [a&]:hover:bg-muted/90\",\n        destructive:\n          \"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"text-foreground [a&]:hover:bg-muted [a&]:hover:text-muted-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"span\";\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Badge, badgeVariants };\n",
+      "type": "registry:ui",
+      "target": "components/ui/badge.tsx"
+    }
+  ],
+  "categories": ["display"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/breadcrumb.json b/packages/ghost-ui/public/r/breadcrumb.json
new file mode 100644
index 0000000..053b770
--- /dev/null
+++ b/packages/ghost-ui/public/r/breadcrumb.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "breadcrumb",
+  "dependencies": ["@radix-ui/react-slot", "lucide-react"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/breadcrumb.tsx",
+      "content": "import { Slot } from \"@radix-ui/react-slot\";\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />;\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        \"text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn(\"inline-flex items-center gap-1.5\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<\"a\"> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn(\"hover:text-foreground transition-colors\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn(\"text-foreground font-normal\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  );\n}\n\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"flex size-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  );\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n};\n",
+      "type": "registry:ui",
+      "target": "components/ui/breadcrumb.tsx"
+    }
+  ],
+  "categories": ["navigation"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/button-group.json b/packages/ghost-ui/public/r/button-group.json
new file mode 100644
index 0000000..96f10f4
--- /dev/null
+++ b/packages/ghost-ui/public/r/button-group.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "button-group",
+  "dependencies": ["@radix-ui/react-slot", "class-variance-authority"],
+  "registryDependencies": ["utils", "separator"],
+  "files": [
+    {
+      "path": "src/components/ui/button-group.tsx",
+      "content": "import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { cn } from \"@/lib/utils\";\n\nconst buttonGroupVariants = cva(\n  \"flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          \"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none\",\n        vertical:\n          \"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"horizontal\",\n    },\n  },\n);\n\nfunction ButtonGroup({\n  className,\n  orientation,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction ButtonGroupText({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp\n      className={cn(\n        \"bg-muted shadow-xs flex items-center gap-2 rounded-md border px-4 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ButtonGroupSeparator({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn(\n        \"bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  ButtonGroup,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n  buttonGroupVariants,\n};\n",
+      "type": "registry:ui",
+      "target": "components/ui/button-group.tsx"
+    }
+  ],
+  "categories": ["input"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/button.json b/packages/ghost-ui/public/r/button.json
new file mode 100644
index 0000000..fa69d44
--- /dev/null
+++ b/packages/ghost-ui/public/r/button.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "button",
+  "dependencies": ["@radix-ui/react-slot", "class-variance-authority"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/button.tsx",
+      "content": "import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline: \"border border-input bg-background hover:bg-muted\",\n        secondary: \"bg-muted text-foreground hover:bg-muted/80\",\n        ghost: \"hover:bg-muted dark:hover:bg-muted/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9\",\n        sm: \"h-8 gap-1.5\",\n        lg: \"h-10\",\n        icon: \"w-9 h-9 p-0\",\n        \"icon-xs\": \"w-7 h-7 p-0\",\n        \"icon-sm\": \"w-8 h-8 p-0\",\n      },\n      appearance: {\n        default: \"\",\n        icon: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        appearance: \"default\",\n        size: \"default\",\n        className: \"px-6 py-2 has-[>svg]:px-4\",\n      },\n      {\n        appearance: \"default\",\n        size: \"sm\",\n        className: \"px-4 has-[>svg]:px-3\",\n      },\n      {\n        appearance: \"default\",\n        size: \"lg\",\n        className: \"px-8 has-[>svg]:px-6\",\n      },\n      {\n        appearance: \"icon\",\n        size: \"default\",\n        className: \"w-9 h-9 p-0\",\n      },\n      {\n        appearance: \"icon\",\n        size: \"sm\",\n        className: \"w-8 h-8 p-0\",\n      },\n      {\n        appearance: \"icon\",\n        size: \"lg\",\n        className: \"w-10 h-10 p-0\",\n      },\n    ],\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n      appearance: \"default\",\n    },\n  },\n);\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  appearance = \"default\",\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n    appearance?: \"default\" | \"icon\";\n  }) {\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, appearance, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Button, buttonVariants };\n",
+      "type": "registry:ui",
+      "target": "components/ui/button.tsx"
+    }
+  ],
+  "categories": ["input"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/calendar.json b/packages/ghost-ui/public/r/calendar.json
new file mode 100644
index 0000000..2c9d22e
--- /dev/null
+++ b/packages/ghost-ui/public/r/calendar.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "calendar",
+  "dependencies": ["lucide-react"],
+  "registryDependencies": ["utils", "button"],
+  "files": [
+    {
+      "path": "src/components/ui/calendar.tsx",
+      "content": "\"use client\";\n\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\nimport type * as React from \"react\";\nimport { DayPicker } from \"react-day-picker\";\nimport { buttonVariants } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  ...props\n}: React.ComponentProps<typeof DayPicker>) {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\"p-3\", className)}\n      classNames={{\n        months: \"flex flex-col sm:flex-row gap-2\",\n        month: \"flex flex-col gap-4\",\n        month_caption: \"flex justify-center pt-1 relative items-center w-full\",\n        caption_label: \"text-sm font-medium\",\n        nav: \"flex items-center gap-1\",\n        button_previous: cn(\n          buttonVariants({ variant: \"outline\", appearance: \"icon\" }),\n          \"size-7 bg-transparent p-0 absolute left-1\",\n        ),\n        button_next: cn(\n          buttonVariants({ variant: \"outline\", appearance: \"icon\" }),\n          \"size-7 bg-transparent p-0 absolute right-1\",\n        ),\n        month_grid: \"w-full border-collapse space-x-1\",\n        weekdays: \"flex\",\n        weekday:\n          \"text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]\",\n        week: \"flex w-full mt-2\",\n        day: cn(\n          \"relative p-0 text-center text-sm focus-within:relative focus-within:z-20\",\n          props.mode === \"range\"\n            ? \"[&:has([aria-selected]):not(:has(.day-range-start)):not(:has(.day-range-end))]:bg-muted first:[&:has([aria-selected])]:rounded-l-full last:[&:has([aria-selected])]:rounded-r-full [&:has(>.day-range-start)]:[background:linear-gradient(to_right,transparent_50%,var(--color-background-muted)_50%)] [&:has(>.day-range-end)]:[background:linear-gradient(to_left,transparent_50%,var(--color-background-muted)_50%)]\"\n            : \"[&:has([aria-selected])]:rounded-full [&:has([aria-selected])]:bg-muted\",\n        ),\n        day_button: cn(\n          buttonVariants({ variant: \"ghost\" }),\n          \"relative z-10 size-8 p-0 font-normal aria-selected:opacity-100\",\n        ),\n        range_start:\n          \"day-range-start rounded-full aria-selected:bg-primary aria-selected:text-primary-foreground\",\n        range_end:\n          \"day-range-end rounded-full aria-selected:bg-primary aria-selected:text-primary-foreground\",\n        selected:\n          \"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground\",\n        today: \"bg-muted text-muted-foreground\",\n        outside:\n          \"day-outside text-muted-foreground aria-selected:text-muted-foreground\",\n        disabled: \"text-muted-foreground opacity-50\",\n        range_middle:\n          \"aria-selected:bg-muted aria-selected:text-muted-foreground\",\n        hidden: \"invisible\",\n        ...classNames,\n      }}\n      components={{\n        Chevron: ({ orientation, ...props }) => {\n          if (orientation === \"left\") {\n            return <ChevronLeft className=\"size-4\" {...props} />;\n          }\n          return <ChevronRight className=\"size-4\" {...props} />;\n        },\n      }}\n      {...props}\n    />\n  );\n}\n\nexport { Calendar };\n",
+      "type": "registry:ui",
+      "target": "components/ui/calendar.tsx"
+    }
+  ],
+  "categories": ["display", "input"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/canvas.json b/packages/ghost-ui/public/r/canvas.json
new file mode 100644
index 0000000..b3fd991
--- /dev/null
+++ b/packages/ghost-ui/public/r/canvas.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "canvas",
+  "dependencies": ["@xyflow/react"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/canvas.tsx",
+      "content": "import type { ReactFlowProps } from \"@xyflow/react\";\nimport { Background, ReactFlow } from \"@xyflow/react\";\nimport type { ReactNode } from \"react\";\n\nimport \"@xyflow/react/dist/style.css\";\n\ntype CanvasProps = ReactFlowProps & {\n  children?: ReactNode;\n};\n\nconst deleteKeyCode = [\"Backspace\", \"Delete\"];\n\nexport const Canvas = ({ children, ...props }: CanvasProps) => (\n  <ReactFlow\n    deleteKeyCode={deleteKeyCode}\n    fitView\n    panOnDrag={false}\n    panOnScroll\n    selectionOnDrag={true}\n    zoomOnDoubleClick={false}\n    {...props}\n  >\n    <Background bgColor=\"var(--sidebar)\" />\n    {children}\n  </ReactFlow>\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/canvas.tsx"
+    }
+  ],
+  "categories": ["ai", "layout"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/card.json b/packages/ghost-ui/public/r/card.json
new file mode 100644
index 0000000..ca44d52
--- /dev/null
+++ b/packages/ghost-ui/public/r/card.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "card",
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/card.tsx",
+      "content": "import type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Card({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card\"\n      className={cn(\n        \"bg-card text-card-foreground flex flex-col gap-6 rounded-card border border-border py-6 transition-shadow hover:shadow-card\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        \"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn(\n        \"font-display font-semibold leading-none tracking-[-0.01em]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(\n        \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn(\"px-6\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(\"flex items-center px-6 [.border-t]:pt-6\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Card,\n  CardAction,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n};\n",
+      "type": "registry:ui",
+      "target": "components/ui/card.tsx"
+    }
+  ],
+  "categories": ["display"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/carousel.json b/packages/ghost-ui/public/r/carousel.json
new file mode 100644
index 0000000..62e22c8
--- /dev/null
+++ b/packages/ghost-ui/public/r/carousel.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "carousel",
+  "dependencies": ["embla-carousel-react", "lucide-react"],
+  "registryDependencies": ["utils", "button"],
+  "files": [
+    {
+      "path": "src/components/ui/carousel.tsx",
+      "content": "\"use client\";\n\nimport useEmblaCarousel, {\n  type UseEmblaCarouselType,\n} from \"embla-carousel-react\";\nimport { ArrowLeft, ArrowRight } from \"lucide-react\";\nimport * as React from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ntype CarouselProps = {\n  opts?: CarouselOptions;\n  plugins?: CarouselPlugin;\n  orientation?: \"horizontal\" | \"vertical\";\n  setApi?: (api: CarouselApi) => void;\n};\n\ntype CarouselContextProps = {\n  carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n  api: ReturnType<typeof useEmblaCarousel>[1];\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  canScrollPrev: boolean;\n  canScrollNext: boolean;\n} & CarouselProps;\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null);\n\nfunction useCarousel() {\n  const context = React.useContext(CarouselContext);\n\n  if (!context) {\n    throw new Error(\"useCarousel must be used within a <Carousel />\");\n  }\n\n  return context;\n}\n\nfunction Carousel({\n  orientation = \"horizontal\",\n  opts,\n  setApi,\n  plugins,\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & CarouselProps) {\n  const [carouselRef, api] = useEmblaCarousel(\n    {\n      ...opts,\n      axis: orientation === \"horizontal\" ? \"x\" : \"y\",\n    },\n    plugins,\n  );\n  const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n  const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n  const onSelect = React.useCallback((api: CarouselApi) => {\n    if (!api) return;\n    setCanScrollPrev(api.canScrollPrev());\n    setCanScrollNext(api.canScrollNext());\n  }, []);\n\n  const scrollPrev = React.useCallback(() => {\n    api?.scrollPrev();\n  }, [api]);\n\n  const scrollNext = React.useCallback(() => {\n    api?.scrollNext();\n  }, [api]);\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === \"ArrowLeft\") {\n        event.preventDefault();\n        scrollPrev();\n      } else if (event.key === \"ArrowRight\") {\n        event.preventDefault();\n        scrollNext();\n      }\n    },\n    [scrollPrev, scrollNext],\n  );\n\n  React.useEffect(() => {\n    if (!api || !setApi) return;\n    setApi(api);\n  }, [api, setApi]);\n\n  React.useEffect(() => {\n    if (!api) return;\n    onSelect(api);\n    api.on(\"reInit\", onSelect);\n    api.on(\"select\", onSelect);\n\n    return () => {\n      api?.off(\"select\", onSelect);\n    };\n  }, [api, onSelect]);\n\n  return (\n    <CarouselContext.Provider\n      value={{\n        carouselRef,\n        api: api,\n        opts,\n        orientation:\n          orientation || (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\"),\n        scrollPrev,\n        scrollNext,\n        canScrollPrev,\n        canScrollNext,\n      }}\n    >\n      <div\n        onKeyDownCapture={handleKeyDown}\n        className={cn(\"relative\", className)}\n        role=\"region\"\n        aria-roledescription=\"carousel\"\n        data-slot=\"carousel\"\n        {...props}\n      >\n        {children}\n      </div>\n    </CarouselContext.Provider>\n  );\n}\n\nfunction CarouselContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  const { carouselRef, orientation } = useCarousel();\n\n  return (\n    <div\n      ref={carouselRef}\n      className=\"overflow-hidden\"\n      data-slot=\"carousel-content\"\n    >\n      <div\n        className={cn(\n          \"flex\",\n          orientation === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction CarouselItem({ className, ...props }: React.ComponentProps<\"div\">) {\n  const { orientation } = useCarousel();\n\n  return (\n    <div\n      role=\"group\"\n      aria-roledescription=\"slide\"\n      data-slot=\"carousel-item\"\n      className={cn(\n        \"min-w-0 shrink-0 grow-0 basis-full\",\n        orientation === \"horizontal\" ? \"pl-4\" : \"pt-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CarouselPrevious({\n  className,\n  variant = \"outline\",\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel();\n\n  return (\n    <Button\n      data-slot=\"carousel-previous\"\n      variant={variant}\n      appearance=\"icon\"\n      className={cn(\n        \"absolute size-8 rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -left-12 -translate-y-1/2\"\n          : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className,\n      )}\n      disabled={!canScrollPrev}\n      onClick={scrollPrev}\n      {...props}\n    >\n      <ArrowLeft />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  );\n}\n\nfunction CarouselNext({\n  className,\n  variant = \"outline\",\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  const { orientation, scrollNext, canScrollNext } = useCarousel();\n\n  return (\n    <Button\n      data-slot=\"carousel-next\"\n      variant={variant}\n      appearance=\"icon\"\n      className={cn(\n        \"absolute size-8 rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -right-12 -translate-y-1/2\"\n          : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className,\n      )}\n      disabled={!canScrollNext}\n      onClick={scrollNext}\n      {...props}\n    >\n      <ArrowRight />\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  );\n}\n\nexport {\n  Carousel,\n  type CarouselApi,\n  CarouselContent,\n  CarouselItem,\n  CarouselNext,\n  CarouselPrevious,\n};\n",
+      "type": "registry:ui",
+      "target": "components/ui/carousel.tsx"
+    }
+  ],
+  "categories": ["display"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/chain-of-thought.json b/packages/ghost-ui/public/r/chain-of-thought.json
new file mode 100644
index 0000000..f85a69c
--- /dev/null
+++ b/packages/ghost-ui/public/r/chain-of-thought.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "chain-of-thought",
+  "dependencies": ["@radix-ui/react-use-controllable-state", "lucide-react"],
+  "registryDependencies": ["utils", "badge", "collapsible"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/chain-of-thought.tsx",
+      "content": "\"use client\";\n\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport type { LucideIcon } from \"lucide-react\";\nimport { BrainIcon, ChevronDownIcon, DotIcon } from \"lucide-react\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { createContext, memo, useContext, useMemo } from \"react\";\nimport { Badge } from \"@/components/ui/badge\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\ninterface ChainOfThoughtContextValue {\n  isOpen: boolean;\n  setIsOpen: (open: boolean) => void;\n}\n\nconst ChainOfThoughtContext = createContext<ChainOfThoughtContextValue | null>(\n  null,\n);\n\nconst useChainOfThought = () => {\n  const context = useContext(ChainOfThoughtContext);\n  if (!context) {\n    throw new Error(\n      \"ChainOfThought components must be used within ChainOfThought\",\n    );\n  }\n  return context;\n};\n\nexport type ChainOfThoughtProps = ComponentProps<\"div\"> & {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n};\n\nexport const ChainOfThought = memo(\n  ({\n    className,\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    children,\n    ...props\n  }: ChainOfThoughtProps) => {\n    const [isOpen, setIsOpen] = useControllableState({\n      defaultProp: defaultOpen,\n      onChange: onOpenChange,\n      prop: open,\n    });\n\n    const chainOfThoughtContext = useMemo(\n      () => ({ isOpen, setIsOpen }),\n      [isOpen, setIsOpen],\n    );\n\n    return (\n      <ChainOfThoughtContext.Provider value={chainOfThoughtContext}>\n        <div className={cn(\"not-prose w-full space-y-4\", className)} {...props}>\n          {children}\n        </div>\n      </ChainOfThoughtContext.Provider>\n    );\n  },\n);\n\nexport type ChainOfThoughtHeaderProps = ComponentProps<\n  typeof CollapsibleTrigger\n>;\n\nexport const ChainOfThoughtHeader = memo(\n  ({ className, children, ...props }: ChainOfThoughtHeaderProps) => {\n    const { isOpen, setIsOpen } = useChainOfThought();\n\n    return (\n      <Collapsible onOpenChange={setIsOpen} open={isOpen}>\n        <CollapsibleTrigger\n          className={cn(\n            \"flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground\",\n            className,\n          )}\n          {...props}\n        >\n          <BrainIcon className=\"size-4\" />\n          <span className=\"flex-1 text-left\">\n            {children ?? \"Chain of Thought\"}\n          </span>\n          <ChevronDownIcon\n            className={cn(\n              \"size-4 transition-transform\",\n              isOpen ? \"rotate-180\" : \"rotate-0\",\n            )}\n          />\n        </CollapsibleTrigger>\n      </Collapsible>\n    );\n  },\n);\n\nexport type ChainOfThoughtStepProps = ComponentProps<\"div\"> & {\n  icon?: LucideIcon;\n  label: ReactNode;\n  description?: ReactNode;\n  status?: \"complete\" | \"active\" | \"pending\";\n};\n\nconst stepStatusStyles = {\n  active: \"text-foreground\",\n  complete: \"text-muted-foreground\",\n  pending: \"text-muted-foreground/50\",\n};\n\nexport const ChainOfThoughtStep = memo(\n  ({\n    className,\n    icon: Icon = DotIcon,\n    label,\n    description,\n    status = \"complete\",\n    children,\n    ...props\n  }: ChainOfThoughtStepProps) => (\n    <div\n      className={cn(\n        \"flex gap-2 text-sm\",\n        stepStatusStyles[status],\n        \"fade-in-0 slide-in-from-top-2 animate-in\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"relative mt-0.5\">\n        <Icon className=\"size-4\" />\n        <div className=\"absolute top-7 bottom-0 left-1/2 -mx-px w-px bg-border\" />\n      </div>\n      <div className=\"flex-1 space-y-2 overflow-hidden\">\n        <div>{label}</div>\n        {description && (\n          <div className=\"text-muted-foreground text-xs\">{description}</div>\n        )}\n        {children}\n      </div>\n    </div>\n  ),\n);\n\nexport type ChainOfThoughtSearchResultsProps = ComponentProps<\"div\">;\n\nexport const ChainOfThoughtSearchResults = memo(\n  ({ className, ...props }: ChainOfThoughtSearchResultsProps) => (\n    <div\n      className={cn(\"flex flex-wrap items-center gap-2\", className)}\n      {...props}\n    />\n  ),\n);\n\nexport type ChainOfThoughtSearchResultProps = ComponentProps<typeof Badge>;\n\nexport const ChainOfThoughtSearchResult = memo(\n  ({ className, children, ...props }: ChainOfThoughtSearchResultProps) => (\n    <Badge\n      className={cn(\"gap-1 px-2 py-0.5 font-normal text-xs\", className)}\n      variant=\"secondary\"\n      {...props}\n    >\n      {children}\n    </Badge>\n  ),\n);\n\nexport type ChainOfThoughtContentProps = ComponentProps<\n  typeof CollapsibleContent\n>;\n\nexport const ChainOfThoughtContent = memo(\n  ({ className, children, ...props }: ChainOfThoughtContentProps) => {\n    const { isOpen } = useChainOfThought();\n\n    return (\n      <Collapsible open={isOpen}>\n        <CollapsibleContent\n          className={cn(\n            \"mt-2 space-y-3\",\n            \"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n            className,\n          )}\n          {...props}\n        >\n          {children}\n        </CollapsibleContent>\n      </Collapsible>\n    );\n  },\n);\n\nexport type ChainOfThoughtImageProps = ComponentProps<\"div\"> & {\n  caption?: string;\n};\n\nexport const ChainOfThoughtImage = memo(\n  ({ className, children, caption, ...props }: ChainOfThoughtImageProps) => (\n    <div className={cn(\"mt-2 space-y-2\", className)} {...props}>\n      <div className=\"relative flex max-h-[22rem] items-center justify-center overflow-hidden rounded-lg bg-muted p-3\">\n        {children}\n      </div>\n      {caption && <p className=\"text-muted-foreground text-xs\">{caption}</p>}\n    </div>\n  ),\n);\n\nChainOfThought.displayName = \"ChainOfThought\";\nChainOfThoughtHeader.displayName = \"ChainOfThoughtHeader\";\nChainOfThoughtStep.displayName = \"ChainOfThoughtStep\";\nChainOfThoughtSearchResults.displayName = \"ChainOfThoughtSearchResults\";\nChainOfThoughtSearchResult.displayName = \"ChainOfThoughtSearchResult\";\nChainOfThoughtContent.displayName = \"ChainOfThoughtContent\";\nChainOfThoughtImage.displayName = \"ChainOfThoughtImage\";\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/chain-of-thought.tsx"
+    }
+  ],
+  "categories": ["ai", "display"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/chart.json b/packages/ghost-ui/public/r/chart.json
new file mode 100644
index 0000000..de98f0d
--- /dev/null
+++ b/packages/ghost-ui/public/r/chart.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "chart",
+  "dependencies": ["recharts"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/chart.tsx",
+      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport * as RechartsPrimitive from \"recharts\";\n\nimport { cn } from \"@/lib/utils\";\n\n// Format: { THEME_NAME: CSS_SELECTOR }\nconst THEMES = { light: \"\", dark: \".dark\" } as const;\n\nexport type ChartConfig = {\n  [k in string]: {\n    label?: React.ReactNode;\n    icon?: React.ComponentType;\n  } & (\n    | { color?: string; theme?: never }\n    | { color?: never; theme: Record<keyof typeof THEMES, string> }\n  );\n};\n\ntype ChartContextProps = {\n  config: ChartConfig;\n};\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\n\nfunction useChart() {\n  const context = React.useContext(ChartContext);\n\n  if (!context) {\n    throw new Error(\"useChart must be used within a <ChartContainer />\");\n  }\n\n  return context;\n}\n\nfunction ChartContainer({\n  id,\n  className,\n  children,\n  config,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  config: ChartConfig;\n  children: React.ComponentProps<\n    typeof RechartsPrimitive.ResponsiveContainer\n  >[\"children\"];\n}) {\n  const uniqueId = React.useId();\n  const chartId = `chart-${id || uniqueId.replace(/:/g, \"\")}`;\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const [dimensions, setDimensions] = React.useState<{\n    width: number;\n    height: number;\n  }>({ width: 0, height: 0 });\n\n  React.useEffect(() => {\n    const el = containerRef.current;\n    if (!el) return;\n\n    const observer = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (entry) {\n        const { width, height } = entry.contentRect;\n        if (width > 0 && height > 0) {\n          setDimensions({ width, height });\n        }\n      }\n    });\n\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, []);\n\n  return (\n    <ChartContext.Provider value={{ config }}>\n      <div\n        ref={containerRef}\n        data-slot=\"chart\"\n        data-chart={chartId}\n        className={cn(\n          \"[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border aspect-video text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden\",\n          className,\n        )}\n        {...props}\n      >\n        <ChartStyle id={chartId} config={config} />\n        {dimensions.width > 0 &&\n          dimensions.height > 0 &&\n          React.cloneElement(\n            children as React.ReactElement<Record<string, unknown>>,\n            {\n              width: dimensions.width,\n              height: dimensions.height,\n            },\n          )}\n      </div>\n    </ChartContext.Provider>\n  );\n}\n\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n  const colorConfig = Object.entries(config).filter(\n    ([, config]) => config.theme || config.color,\n  );\n\n  if (!colorConfig.length) {\n    return null;\n  }\n\n  return (\n    <style\n      dangerouslySetInnerHTML={{\n        __html: Object.entries(THEMES)\n          .map(\n            ([theme, prefix]) => `\n${prefix} [data-chart=${id}] {\n${colorConfig\n  .map(([key, itemConfig]) => {\n    const color =\n      itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||\n      itemConfig.color;\n    return color ? `  --color-${key}: ${color};` : null;\n  })\n  .join(\"\\n\")}\n}\n`,\n          )\n          .join(\"\\n\"),\n      }}\n    />\n  );\n};\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\nfunction ChartTooltipContent({\n  active,\n  payload,\n  className,\n  indicator = \"dot\",\n  hideLabel = false,\n  hideIndicator = false,\n  label,\n  labelFormatter,\n  labelClassName,\n  formatter,\n  color,\n  nameKey,\n  labelKey,\n}: Partial<RechartsPrimitive.TooltipContentProps> &\n  React.ComponentProps<\"div\"> & {\n    hideLabel?: boolean;\n    hideIndicator?: boolean;\n    indicator?: \"line\" | \"dot\" | \"dashed\";\n    nameKey?: string;\n    labelKey?: string;\n  }) {\n  const { config } = useChart();\n\n  const tooltipLabel = React.useMemo(() => {\n    if (hideLabel || !payload?.length) {\n      return null;\n    }\n\n    const [item] = payload;\n    const key = `${labelKey || item?.dataKey || item?.name || \"value\"}`;\n    const itemConfig = getPayloadConfigFromPayload(config, item, key);\n    const value =\n      !labelKey && typeof label === \"string\"\n        ? config[label as keyof typeof config]?.label || label\n        : itemConfig?.label;\n\n    if (labelFormatter) {\n      return (\n        <div className={cn(\"font-medium\", labelClassName)}>\n          {labelFormatter(value, payload)}\n        </div>\n      );\n    }\n\n    if (!value) {\n      return null;\n    }\n\n    return <div className={cn(\"font-medium\", labelClassName)}>{value}</div>;\n  }, [\n    label,\n    labelFormatter,\n    payload,\n    hideLabel,\n    labelClassName,\n    config,\n    labelKey,\n  ]);\n\n  if (!active || !payload?.length) {\n    return null;\n  }\n\n  const nestLabel = payload.length === 1 && indicator !== \"dot\";\n\n  return (\n    <div\n      className={cn(\n        \"border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs\",\n        className,\n      )}\n    >\n      {!nestLabel ? tooltipLabel : null}\n      <div className=\"grid gap-1.5\">\n        {payload.map((item, index) => {\n          const key = `${nameKey || item.name || item.dataKey || \"value\"}`;\n          const itemConfig = getPayloadConfigFromPayload(config, item, key);\n          const indicatorColor = color || item.payload.fill || item.color;\n\n          return (\n            <div\n              key={String(item.dataKey)}\n              className={cn(\n                \"[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5\",\n                indicator === \"dot\" && \"items-center\",\n              )}\n            >\n              {formatter && item?.value !== undefined && item.name ? (\n                formatter(item.value, item.name, item, index, item.payload)\n              ) : (\n                <>\n                  {itemConfig?.icon ? (\n                    <itemConfig.icon />\n                  ) : (\n                    !hideIndicator && (\n                      <div\n                        className={cn(\n                          \"shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)\",\n                          {\n                            \"h-2.5 w-2.5\": indicator === \"dot\",\n                            \"w-1\": indicator === \"line\",\n                            \"w-0 border-[1.5px] border-dashed bg-transparent\":\n                              indicator === \"dashed\",\n                            \"my-0.5\": nestLabel && indicator === \"dashed\",\n                          },\n                        )}\n                        style={\n                          {\n                            \"--color-bg\": indicatorColor,\n                            \"--color-border\": indicatorColor,\n                          } as React.CSSProperties\n                        }\n                      />\n                    )\n                  )}\n                  <div\n                    className={cn(\n                      \"flex flex-1 justify-between leading-none\",\n                      nestLabel ? \"items-end\" : \"items-center\",\n                    )}\n                  >\n                    <div className=\"grid gap-1.5\">\n                      {nestLabel ? tooltipLabel : null}\n                      <span className=\"text-muted-foreground\">\n                        {itemConfig?.label || item.name}\n                      </span>\n                    </div>\n                    {item.value && (\n                      <span className=\"text-foreground font-mono tabular-nums\">\n                        {item.value.toLocaleString()}\n                      </span>\n                    )}\n                  </div>\n                </>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\nfunction ChartLegendContent({\n  className,\n  hideIcon = false,\n  payload,\n  verticalAlign = \"bottom\",\n  nameKey,\n}: React.ComponentProps<\"div\"> & {\n  payload?: RechartsPrimitive.LegendPayload[];\n  verticalAlign?: \"top\" | \"bottom\" | \"middle\";\n  hideIcon?: boolean;\n  nameKey?: string;\n}) {\n  const { config } = useChart();\n\n  if (!payload?.length) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center justify-center gap-4\",\n        verticalAlign === \"top\" ? \"pb-3\" : \"pt-3\",\n        className,\n      )}\n    >\n      {payload.map((item) => {\n        const key = `${nameKey || item.dataKey || \"value\"}`;\n        const itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n        return (\n          <div\n            key={item.value}\n            className={cn(\n              \"[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3\",\n            )}\n          >\n            {itemConfig?.icon && !hideIcon ? (\n              <itemConfig.icon />\n            ) : (\n              <div\n                className=\"h-2 w-2 shrink-0 rounded-[2px]\"\n                style={{\n                  backgroundColor: item.color,\n                }}\n              />\n            )}\n            {itemConfig?.label}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(\n  config: ChartConfig,\n  payload: unknown,\n  key: string,\n) {\n  if (typeof payload !== \"object\" || payload === null) {\n    return undefined;\n  }\n\n  const payloadPayload =\n    \"payload\" in payload &&\n    typeof payload.payload === \"object\" &&\n    payload.payload !== null\n      ? payload.payload\n      : undefined;\n\n  let configLabelKey: string = key;\n\n  if (\n    key in payload &&\n    typeof payload[key as keyof typeof payload] === \"string\"\n  ) {\n    configLabelKey = payload[key as keyof typeof payload] as string;\n  } else if (\n    payloadPayload &&\n    key in payloadPayload &&\n    typeof payloadPayload[key as keyof typeof payloadPayload] === \"string\"\n  ) {\n    configLabelKey = payloadPayload[\n      key as keyof typeof payloadPayload\n    ] as string;\n  }\n\n  return configLabelKey in config\n    ? config[configLabelKey]\n    : config[key as keyof typeof config];\n}\n\nexport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartStyle,\n  ChartTooltip,\n  ChartTooltipContent,\n};\n",
+      "type": "registry:ui",
+      "target": "components/ui/chart.tsx"
+    }
+  ],
+  "categories": ["display"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/checkbox.json b/packages/ghost-ui/public/r/checkbox.json
new file mode 100644
index 0000000..8bfda81
--- /dev/null
+++ b/packages/ghost-ui/public/r/checkbox.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "checkbox",
+  "dependencies": ["@radix-ui/react-checkbox", "lucide-react"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/checkbox.tsx",
+      "content": "\"use client\";\n\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Checkbox({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        \"peer border-input data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-border-inverse focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border transition-shadow outline-none focus-visible:ring-[1px] disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"flex items-center justify-center text-current transition-none\"\n      >\n        <CheckIcon className=\"size-3.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\nexport { Checkbox };\n",
+      "type": "registry:ui",
+      "target": "components/ui/checkbox.tsx"
+    }
+  ],
+  "categories": ["input"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/checkpoint.json b/packages/ghost-ui/public/r/checkpoint.json
new file mode 100644
index 0000000..2a748bf
--- /dev/null
+++ b/packages/ghost-ui/public/r/checkpoint.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "checkpoint",
+  "dependencies": ["lucide-react"],
+  "registryDependencies": ["utils", "button", "separator", "tooltip"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/checkpoint.tsx",
+      "content": "\"use client\";\n\nimport type { LucideProps } from \"lucide-react\";\nimport { BookmarkIcon } from \"lucide-react\";\nimport type { ComponentProps, HTMLAttributes } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { Separator } from \"@/components/ui/separator\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\nexport type CheckpointProps = HTMLAttributes<HTMLDivElement>;\n\nexport const Checkpoint = ({\n  className,\n  children,\n  ...props\n}: CheckpointProps) => (\n  <div\n    className={cn(\n      \"flex items-center gap-0.5 overflow-hidden text-muted-foreground\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <Separator />\n  </div>\n);\n\nexport type CheckpointIconProps = LucideProps;\n\nexport const CheckpointIcon = ({\n  className,\n  children,\n  ...props\n}: CheckpointIconProps) =>\n  children ?? (\n    <BookmarkIcon className={cn(\"size-4 shrink-0\", className)} {...props} />\n  );\n\nexport type CheckpointTriggerProps = ComponentProps<typeof Button> & {\n  tooltip?: string;\n};\n\nexport const CheckpointTrigger = ({\n  children,\n  variant = \"ghost\",\n  size = \"sm\",\n  tooltip,\n  ...props\n}: CheckpointTriggerProps) =>\n  tooltip ? (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <Button size={size} type=\"button\" variant={variant} {...props}>\n          {children}\n        </Button>\n      </TooltipTrigger>\n      <TooltipContent align=\"start\" side=\"bottom\">\n        {tooltip}\n      </TooltipContent>\n    </Tooltip>\n  ) : (\n    <Button size={size} type=\"button\" variant={variant} {...props}>\n      {children}\n    </Button>\n  );\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/checkpoint.tsx"
+    }
+  ],
+  "categories": ["ai", "display"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/code-block.json b/packages/ghost-ui/public/r/code-block.json
new file mode 100644
index 0000000..a6a390c
--- /dev/null
+++ b/packages/ghost-ui/public/r/code-block.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "code-block",
+  "dependencies": ["lucide-react", "shiki"],
+  "registryDependencies": ["utils", "button", "select"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/code-block.tsx",
+      "content": "\"use client\";\n\nimport { CheckIcon, CopyIcon } from \"lucide-react\";\nimport type { ComponentProps, CSSProperties, HTMLAttributes } from \"react\";\nimport {\n  createContext,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type {\n  BundledLanguage,\n  BundledTheme,\n  HighlighterGeneric,\n  ThemedToken,\n} from \"shiki\";\nimport { createHighlighter } from \"shiki\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select\";\nimport { cn } from \"@/lib/utils\";\n\n// Shiki uses bitflags for font styles: 1=italic, 2=bold, 4=underline\n// oxlint-disable-next-line eslint(no-bitwise)\nconst isItalic = (fontStyle: number | undefined) => fontStyle && fontStyle & 1;\n// oxlint-disable-next-line eslint(no-bitwise)\nconst isBold = (fontStyle: number | undefined) => fontStyle && fontStyle & 2;\nconst isUnderline = (fontStyle: number | undefined) =>\n  // oxlint-disable-next-line eslint(no-bitwise)\n  fontStyle && fontStyle & 4;\n\n// Transform tokens to include pre-computed keys to avoid noArrayIndexKey lint\ninterface KeyedToken {\n  token: ThemedToken;\n  key: string;\n}\ninterface KeyedLine {\n  tokens: KeyedToken[];\n  key: string;\n}\n\nconst addKeysToTokens = (lines: ThemedToken[][]): KeyedLine[] =>\n  lines.map((line, lineIdx) => ({\n    key: `line-${lineIdx}`,\n    tokens: line.map((token, tokenIdx) => ({\n      key: `line-${lineIdx}-${tokenIdx}`,\n      token,\n    })),\n  }));\n\n// Token rendering component\nconst TokenSpan = ({ token }: { token: ThemedToken }) => (\n  <span\n    className=\"dark:!bg-[var(--shiki-dark-bg)] dark:!text-[var(--shiki-dark)]\"\n    style={\n      {\n        backgroundColor: token.bgColor,\n        color: token.color,\n        fontStyle: isItalic(token.fontStyle) ? \"italic\" : undefined,\n        fontWeight: isBold(token.fontStyle) ? \"bold\" : undefined,\n        textDecoration: isUnderline(token.fontStyle) ? \"underline\" : undefined,\n        ...token.htmlStyle,\n      } as CSSProperties\n    }\n  >\n    {token.content}\n  </span>\n);\n\n// Line number styles using CSS counters\nconst LINE_NUMBER_CLASSES = cn(\n  \"block\",\n  \"before:content-[counter(line)]\",\n  \"before:inline-block\",\n  \"before:[counter-increment:line]\",\n  \"before:w-8\",\n  \"before:mr-4\",\n  \"before:text-right\",\n  \"before:text-muted-foreground/50\",\n  \"before:font-mono\",\n  \"before:select-none\",\n);\n\n// Line rendering component\nconst LineSpan = ({\n  keyedLine,\n  showLineNumbers,\n}: {\n  keyedLine: KeyedLine;\n  showLineNumbers: boolean;\n}) => (\n  <span className={showLineNumbers ? LINE_NUMBER_CLASSES : \"block\"}>\n    {keyedLine.tokens.length === 0\n      ? \"\\n\"\n      : keyedLine.tokens.map(({ token, key }) => (\n          <TokenSpan key={key} token={token} />\n        ))}\n  </span>\n);\n\n// Types\ntype CodeBlockProps = HTMLAttributes<HTMLDivElement> & {\n  code: string;\n  language: BundledLanguage;\n  showLineNumbers?: boolean;\n};\n\ninterface TokenizedCode {\n  tokens: ThemedToken[][];\n  fg: string;\n  bg: string;\n}\n\ninterface CodeBlockContextType {\n  code: string;\n}\n\n// Context\nconst CodeBlockContext = createContext<CodeBlockContextType>({\n  code: \"\",\n});\n\n// Highlighter cache (singleton per language)\nconst highlighterCache = new Map<\n  string,\n  Promise<HighlighterGeneric<BundledLanguage, BundledTheme>>\n>();\n\n// Token cache\nconst tokensCache = new Map<string, TokenizedCode>();\n\n// Subscribers for async token updates\nconst subscribers = new Map<string, Set<(result: TokenizedCode) => void>>();\n\nconst getTokensCacheKey = (code: string, language: BundledLanguage) => {\n  const start = code.slice(0, 100);\n  const end = code.length > 100 ? code.slice(-100) : \"\";\n  return `${language}:${code.length}:${start}:${end}`;\n};\n\nconst getHighlighter = (\n  language: BundledLanguage,\n): Promise<HighlighterGeneric<BundledLanguage, BundledTheme>> => {\n  const cached = highlighterCache.get(language);\n  if (cached) {\n    return cached;\n  }\n\n  const highlighterPromise = createHighlighter({\n    langs: [language],\n    themes: [\"github-light\", \"github-dark\"],\n  });\n\n  highlighterCache.set(language, highlighterPromise);\n  return highlighterPromise;\n};\n\n// Create raw tokens for immediate display while highlighting loads\nconst createRawTokens = (code: string): TokenizedCode => ({\n  bg: \"transparent\",\n  fg: \"inherit\",\n  tokens: code.split(\"\\n\").map((line) =>\n    line === \"\"\n      ? []\n      : [\n          {\n            color: \"inherit\",\n            content: line,\n          } as ThemedToken,\n        ],\n  ),\n});\n\n// Synchronous highlight with callback for async results\nexport const highlightCode = (\n  code: string,\n  language: BundledLanguage,\n  // oxlint-disable-next-line eslint-plugin-promise(prefer-await-to-callbacks)\n  callback?: (result: TokenizedCode) => void,\n): TokenizedCode | null => {\n  const tokensCacheKey = getTokensCacheKey(code, language);\n\n  // Return cached result if available\n  const cached = tokensCache.get(tokensCacheKey);\n  if (cached) {\n    return cached;\n  }\n\n  // Subscribe callback if provided\n  if (callback) {\n    if (!subscribers.has(tokensCacheKey)) {\n      subscribers.set(tokensCacheKey, new Set());\n    }\n    subscribers.get(tokensCacheKey)?.add(callback);\n  }\n\n  // Start highlighting in background - fire-and-forget async pattern\n  getHighlighter(language)\n    // oxlint-disable-next-line eslint-plugin-promise(prefer-await-to-then)\n    .then((highlighter) => {\n      const availableLangs = highlighter.getLoadedLanguages();\n      const langToUse = availableLangs.includes(language) ? language : \"text\";\n\n      const result = highlighter.codeToTokens(code, {\n        lang: langToUse,\n        themes: {\n          dark: \"github-dark\",\n          light: \"github-light\",\n        },\n      });\n\n      const tokenized: TokenizedCode = {\n        bg: result.bg ?? \"transparent\",\n        fg: result.fg ?? \"inherit\",\n        tokens: result.tokens,\n      };\n\n      // Cache the result\n      tokensCache.set(tokensCacheKey, tokenized);\n\n      // Notify all subscribers\n      const subs = subscribers.get(tokensCacheKey);\n      if (subs) {\n        for (const sub of subs) {\n          sub(tokenized);\n        }\n        subscribers.delete(tokensCacheKey);\n      }\n    })\n    // oxlint-disable-next-line eslint-plugin-promise(prefer-await-to-then), eslint-plugin-promise(prefer-await-to-callbacks)\n    .catch((error) => {\n      console.error(\"Failed to highlight code:\", error);\n      subscribers.delete(tokensCacheKey);\n    });\n\n  return null;\n};\n\nconst CodeBlockBody = memo(\n  ({\n    tokenized,\n    showLineNumbers,\n    className,\n  }: {\n    tokenized: TokenizedCode;\n    showLineNumbers: boolean;\n    className?: string;\n  }) => {\n    const preStyle = useMemo(\n      () => ({\n        backgroundColor: tokenized.bg,\n        color: tokenized.fg,\n      }),\n      [tokenized.bg, tokenized.fg],\n    );\n\n    const keyedLines = useMemo(\n      () => addKeysToTokens(tokenized.tokens),\n      [tokenized.tokens],\n    );\n\n    return (\n      <pre\n        className={cn(\n          \"dark:!bg-[var(--shiki-dark-bg)] dark:!text-[var(--shiki-dark)] m-0 p-4 text-sm\",\n          className,\n        )}\n        style={preStyle}\n      >\n        <code\n          className={cn(\n            \"font-mono text-sm\",\n            showLineNumbers &&\n              \"[counter-increment:line_0] [counter-reset:line]\",\n          )}\n        >\n          {keyedLines.map((keyedLine) => (\n            <LineSpan\n              key={keyedLine.key}\n              keyedLine={keyedLine}\n              showLineNumbers={showLineNumbers}\n            />\n          ))}\n        </code>\n      </pre>\n    );\n  },\n  (prevProps, nextProps) =>\n    prevProps.tokenized === nextProps.tokenized &&\n    prevProps.showLineNumbers === nextProps.showLineNumbers &&\n    prevProps.className === nextProps.className,\n);\n\nCodeBlockBody.displayName = \"CodeBlockBody\";\n\nexport const CodeBlockContainer = ({\n  className,\n  language,\n  style,\n  ...props\n}: HTMLAttributes<HTMLDivElement> & { language: string }) => (\n  <div\n    className={cn(\n      \"group relative w-full overflow-hidden rounded-md border bg-background text-foreground\",\n      className,\n    )}\n    data-language={language}\n    style={{\n      containIntrinsicSize: \"auto 200px\",\n      contentVisibility: \"auto\",\n      ...style,\n    }}\n    {...props}\n  />\n);\n\nexport const CodeBlockHeader = ({\n  children,\n  className,\n  ...props\n}: HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex items-center justify-between border-b bg-muted/80 px-3 py-2 text-muted-foreground text-xs\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport const CodeBlockTitle = ({\n  children,\n  className,\n  ...props\n}: HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn(\"flex items-center gap-2\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport const CodeBlockFilename = ({\n  children,\n  className,\n  ...props\n}: HTMLAttributes<HTMLSpanElement>) => (\n  <span className={cn(\"font-mono\", className)} {...props}>\n    {children}\n  </span>\n);\n\nexport const CodeBlockActions = ({\n  children,\n  className,\n  ...props\n}: HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\"-my-1 -mr-1 flex items-center gap-2\", className)}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport const CodeBlockContent = ({\n  code,\n  language,\n  showLineNumbers = false,\n}: {\n  code: string;\n  language: BundledLanguage;\n  showLineNumbers?: boolean;\n}) => {\n  // Memoized raw tokens for immediate display\n  const rawTokens = useMemo(() => createRawTokens(code), [code]);\n\n  // Async highlighting result (populated after shiki loads)\n  const [highlightedTokens, setHighlightedTokens] =\n    useState<TokenizedCode | null>(null);\n  const keyRef = useRef({ code, language });\n\n  // Invalidate stale tokens synchronously during render\n  if (keyRef.current.code !== code || keyRef.current.language !== language) {\n    keyRef.current = { code, language };\n    setHighlightedTokens(null);\n  }\n\n  useEffect(() => {\n    let cancelled = false;\n\n    // Check cache synchronously first\n    const cached = highlightCode(code, language);\n    if (cached) {\n      setHighlightedTokens(cached);\n      return;\n    }\n\n    // Otherwise wait for async highlighting\n    highlightCode(code, language, (result) => {\n      if (!cancelled) {\n        setHighlightedTokens(result);\n      }\n    });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [code, language]);\n\n  const tokenized = highlightedTokens ?? rawTokens;\n\n  return (\n    <div className=\"relative overflow-auto\">\n      <CodeBlockBody showLineNumbers={showLineNumbers} tokenized={tokenized} />\n    </div>\n  );\n};\n\nexport const CodeBlock = ({\n  code,\n  language,\n  showLineNumbers = false,\n  className,\n  children,\n  ...props\n}: CodeBlockProps) => {\n  const contextValue = useMemo(() => ({ code }), [code]);\n\n  return (\n    <CodeBlockContext.Provider value={contextValue}>\n      <CodeBlockContainer className={className} language={language} {...props}>\n        {children}\n        <CodeBlockContent\n          code={code}\n          language={language}\n          showLineNumbers={showLineNumbers}\n        />\n      </CodeBlockContainer>\n    </CodeBlockContext.Provider>\n  );\n};\n\nexport type CodeBlockCopyButtonProps = ComponentProps<typeof Button> & {\n  onCopy?: () => void;\n  onError?: (error: Error) => void;\n  timeout?: number;\n};\n\nexport const CodeBlockCopyButton = ({\n  onCopy,\n  onError,\n  timeout = 2000,\n  children,\n  className,\n  ...props\n}: CodeBlockCopyButtonProps) => {\n  const [isCopied, setIsCopied] = useState(false);\n  const timeoutRef = useRef<number>(0);\n  const { code } = useContext(CodeBlockContext);\n\n  const copyToClipboard = useCallback(async () => {\n    if (typeof window === \"undefined\" || !navigator?.clipboard?.writeText) {\n      onError?.(new Error(\"Clipboard API not available\"));\n      return;\n    }\n\n    try {\n      if (!isCopied) {\n        await navigator.clipboard.writeText(code);\n        setIsCopied(true);\n        onCopy?.();\n        timeoutRef.current = window.setTimeout(\n          () => setIsCopied(false),\n          timeout,\n        );\n      }\n    } catch (error) {\n      onError?.(error as Error);\n    }\n  }, [code, onCopy, onError, timeout, isCopied]);\n\n  useEffect(\n    () => () => {\n      window.clearTimeout(timeoutRef.current);\n    },\n    [],\n  );\n\n  const Icon = isCopied ? CheckIcon : CopyIcon;\n\n  return (\n    <Button\n      className={cn(\"shrink-0\", className)}\n      onClick={copyToClipboard}\n      size=\"icon\"\n      variant=\"ghost\"\n      {...props}\n    >\n      {children ?? <Icon size={14} />}\n    </Button>\n  );\n};\n\nexport type CodeBlockLanguageSelectorProps = ComponentProps<typeof Select>;\n\nexport const CodeBlockLanguageSelector = (\n  props: CodeBlockLanguageSelectorProps,\n) => <Select {...props} />;\n\nexport type CodeBlockLanguageSelectorTriggerProps = ComponentProps<\n  typeof SelectTrigger\n>;\n\nexport const CodeBlockLanguageSelectorTrigger = ({\n  className,\n  ...props\n}: CodeBlockLanguageSelectorTriggerProps) => (\n  <SelectTrigger\n    className={cn(\n      \"h-7 border-none bg-transparent px-2 text-xs shadow-none\",\n      className,\n    )}\n    size=\"sm\"\n    {...props}\n  />\n);\n\nexport type CodeBlockLanguageSelectorValueProps = ComponentProps<\n  typeof SelectValue\n>;\n\nexport const CodeBlockLanguageSelectorValue = (\n  props: CodeBlockLanguageSelectorValueProps,\n) => <SelectValue {...props} />;\n\nexport type CodeBlockLanguageSelectorContentProps = ComponentProps<\n  typeof SelectContent\n>;\n\nexport const CodeBlockLanguageSelectorContent = ({\n  align = \"end\",\n  ...props\n}: CodeBlockLanguageSelectorContentProps) => (\n  <SelectContent align={align} {...props} />\n);\n\nexport type CodeBlockLanguageSelectorItemProps = ComponentProps<\n  typeof SelectItem\n>;\n\nexport const CodeBlockLanguageSelectorItem = (\n  props: CodeBlockLanguageSelectorItemProps,\n) => <SelectItem {...props} />;\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/code-block.tsx"
+    }
+  ],
+  "categories": ["ai", "code"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/collapsible.json b/packages/ghost-ui/public/r/collapsible.json
new file mode 100644
index 0000000..456bf6e
--- /dev/null
+++ b/packages/ghost-ui/public/r/collapsible.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "collapsible",
+  "dependencies": ["@radix-ui/react-collapsible"],
+  "files": [
+    {
+      "path": "src/components/ui/collapsible.tsx",
+      "content": "\"use client\";\n\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\n\nfunction Collapsible({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\nfunction CollapsibleTrigger({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\n  return (\n    <CollapsiblePrimitive.CollapsibleTrigger\n      data-slot=\"collapsible-trigger\"\n      {...props}\n    />\n  );\n}\n\nfunction CollapsibleContent({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\n  return (\n    <CollapsiblePrimitive.CollapsibleContent\n      data-slot=\"collapsible-content\"\n      {...props}\n    />\n  );\n}\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger };\n",
+      "type": "registry:ui",
+      "target": "components/ui/collapsible.tsx"
+    }
+  ],
+  "categories": ["layout"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/command.json b/packages/ghost-ui/public/r/command.json
new file mode 100644
index 0000000..4d06e85
--- /dev/null
+++ b/packages/ghost-ui/public/r/command.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "command",
+  "dependencies": ["cmdk", "lucide-react"],
+  "registryDependencies": ["utils", "dialog"],
+  "files": [
+    {
+      "path": "src/components/ui/command.tsx",
+      "content": "\"use client\";\n\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { SearchIcon } from \"lucide-react\";\nimport type * as React from \"react\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"@/components/ui/dialog\";\nimport { cn } from \"@/lib/utils\";\n\nfunction Command({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandDialog({\n  title = \"Command Palette\",\n  description = \"Search for a command to run...\",\n  children,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string;\n  description?: string;\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent className=\"overflow-hidden p-0 data-[state=open]:slide-in-from-bottom-4 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-bottom-4 data-[state=closed]:zoom-out-95\">\n        <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:[&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className=\"flex h-9 items-center gap-2 border-b px-3\"\n    >\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          \"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden focus-visible:ring-0 focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\n        \"max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-6 text-center text-sm\"\n      {...props}\n    />\n  );\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        \"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(\"bg-border -mx-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        \"data-[selected=true]:bg-muted data-[selected=true]:text-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n};\n",
+      "type": "registry:ui",
+      "target": "components/ui/command.tsx"
+    }
+  ],
+  "categories": ["input", "navigation"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/commit.json b/packages/ghost-ui/public/r/commit.json
new file mode 100644
index 0000000..7b5b038
--- /dev/null
+++ b/packages/ghost-ui/public/r/commit.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "commit",
+  "dependencies": ["lucide-react"],
+  "registryDependencies": ["utils", "avatar", "button", "collapsible"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/commit.tsx",
+      "content": "\"use client\";\n\nimport {\n  CheckIcon,\n  CopyIcon,\n  FileIcon,\n  GitCommitIcon,\n  MinusIcon,\n  PlusIcon,\n} from \"lucide-react\";\nimport type { ComponentProps, HTMLAttributes } from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Avatar, AvatarFallback } from \"@/components/ui/avatar\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\nexport type CommitProps = ComponentProps<typeof Collapsible>;\n\nexport const Commit = ({ className, children, ...props }: CommitProps) => (\n  <Collapsible\n    className={cn(\"rounded-lg border bg-background\", className)}\n    {...props}\n  >\n    {children}\n  </Collapsible>\n);\n\nexport type CommitHeaderProps = ComponentProps<typeof CollapsibleTrigger>;\n\nexport const CommitHeader = ({\n  className,\n  children,\n  ...props\n}: CommitHeaderProps) => (\n  <CollapsibleTrigger asChild {...props}>\n    <div\n      className={cn(\n        \"group flex cursor-pointer items-center justify-between gap-4 p-3 text-left transition-colors hover:opacity-80\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  </CollapsibleTrigger>\n);\n\nexport type CommitHashProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const CommitHash = ({\n  className,\n  children,\n  ...props\n}: CommitHashProps) => (\n  <span className={cn(\"font-mono text-xs\", className)} {...props}>\n    <GitCommitIcon className=\"mr-1 inline-block size-3\" />\n    {children}\n  </span>\n);\n\nexport type CommitMessageProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const CommitMessage = ({\n  className,\n  children,\n  ...props\n}: CommitMessageProps) => (\n  <span className={cn(\"font-medium text-sm\", className)} {...props}>\n    {children}\n  </span>\n);\n\nexport type CommitMetadataProps = HTMLAttributes<HTMLDivElement>;\n\nexport const CommitMetadata = ({\n  className,\n  children,\n  ...props\n}: CommitMetadataProps) => (\n  <div\n    className={cn(\n      \"flex items-center gap-2 text-muted-foreground text-xs\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type CommitSeparatorProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const CommitSeparator = ({\n  className,\n  children,\n  ...props\n}: CommitSeparatorProps) => (\n  <span className={className} {...props}>\n    {children ?? \"•\"}\n  </span>\n);\n\nexport type CommitInfoProps = HTMLAttributes<HTMLDivElement>;\n\nexport const CommitInfo = ({\n  className,\n  children,\n  ...props\n}: CommitInfoProps) => (\n  <div className={cn(\"flex flex-1 flex-col\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport type CommitAuthorProps = HTMLAttributes<HTMLDivElement>;\n\nexport const CommitAuthor = ({\n  className,\n  children,\n  ...props\n}: CommitAuthorProps) => (\n  <div className={cn(\"flex items-center\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport type CommitAuthorAvatarProps = ComponentProps<typeof Avatar> & {\n  initials: string;\n};\n\nexport const CommitAuthorAvatar = ({\n  initials,\n  className,\n  ...props\n}: CommitAuthorAvatarProps) => (\n  <Avatar className={cn(\"size-8\", className)} {...props}>\n    <AvatarFallback className=\"text-xs\">{initials}</AvatarFallback>\n  </Avatar>\n);\n\nexport type CommitTimestampProps = HTMLAttributes<HTMLTimeElement> & {\n  date: Date;\n};\n\nconst relativeTimeFormat = new Intl.RelativeTimeFormat(\"en\", {\n  numeric: \"auto\",\n});\n\nconst formatRelativeDate = (date: Date) => {\n  const days = Math.round(\n    (date.getTime() - Date.now()) / (1000 * 60 * 60 * 24),\n  );\n  return relativeTimeFormat.format(days, \"day\");\n};\n\nexport const CommitTimestamp = ({\n  date,\n  className,\n  children,\n  ...props\n}: CommitTimestampProps) => {\n  const [formatted, setFormatted] = useState(\"\");\n\n  const updateFormatted = useCallback(() => {\n    setFormatted(formatRelativeDate(date));\n  }, [date]);\n\n  useEffect(() => {\n    updateFormatted();\n  }, [updateFormatted]);\n\n  return (\n    <time\n      className={cn(\"text-xs\", className)}\n      dateTime={date.toISOString()}\n      {...props}\n    >\n      {children ?? formatted}\n    </time>\n  );\n};\n\nexport type CommitActionsProps = HTMLAttributes<HTMLDivElement>;\n\nconst handleActionsClick = (e: React.MouseEvent) => e.stopPropagation();\nconst handleActionsKeyDown = (e: React.KeyboardEvent) => e.stopPropagation();\n\nexport const CommitActions = ({\n  className,\n  children,\n  ...props\n}: CommitActionsProps) => (\n  <div\n    className={cn(\"flex items-center gap-1\", className)}\n    onClick={handleActionsClick}\n    onKeyDown={handleActionsKeyDown}\n    role=\"group\"\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type CommitCopyButtonProps = ComponentProps<typeof Button> & {\n  hash: string;\n  onCopy?: () => void;\n  onError?: (error: Error) => void;\n  timeout?: number;\n};\n\nexport const CommitCopyButton = ({\n  hash,\n  onCopy,\n  onError,\n  timeout = 2000,\n  children,\n  className,\n  ...props\n}: CommitCopyButtonProps) => {\n  const [isCopied, setIsCopied] = useState(false);\n  const timeoutRef = useRef<number>(0);\n\n  const copyToClipboard = useCallback(async () => {\n    if (typeof window === \"undefined\" || !navigator?.clipboard?.writeText) {\n      onError?.(new Error(\"Clipboard API not available\"));\n      return;\n    }\n\n    try {\n      if (!isCopied) {\n        await navigator.clipboard.writeText(hash);\n        setIsCopied(true);\n        onCopy?.();\n        timeoutRef.current = window.setTimeout(\n          () => setIsCopied(false),\n          timeout,\n        );\n      }\n    } catch (error) {\n      onError?.(error as Error);\n    }\n  }, [hash, onCopy, onError, timeout, isCopied]);\n\n  useEffect(\n    () => () => {\n      window.clearTimeout(timeoutRef.current);\n    },\n    [],\n  );\n\n  const Icon = isCopied ? CheckIcon : CopyIcon;\n\n  return (\n    <Button\n      className={cn(\"size-7 shrink-0\", className)}\n      onClick={copyToClipboard}\n      size=\"icon\"\n      variant=\"ghost\"\n      {...props}\n    >\n      {children ?? <Icon size={14} />}\n    </Button>\n  );\n};\n\nexport type CommitContentProps = ComponentProps<typeof CollapsibleContent>;\n\nexport const CommitContent = ({\n  className,\n  children,\n  ...props\n}: CommitContentProps) => (\n  <CollapsibleContent className={cn(\"border-t p-3\", className)} {...props}>\n    {children}\n  </CollapsibleContent>\n);\n\nexport type CommitFilesProps = HTMLAttributes<HTMLDivElement>;\n\nexport const CommitFiles = ({\n  className,\n  children,\n  ...props\n}: CommitFilesProps) => (\n  <div className={cn(\"space-y-1\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport type CommitFileProps = HTMLAttributes<HTMLDivElement>;\n\nexport const CommitFile = ({\n  className,\n  children,\n  ...props\n}: CommitFileProps) => (\n  <div\n    className={cn(\n      \"flex items-center justify-between gap-2 rounded px-2 py-1 text-sm hover:bg-muted/50\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type CommitFileInfoProps = HTMLAttributes<HTMLDivElement>;\n\nexport const CommitFileInfo = ({\n  className,\n  children,\n  ...props\n}: CommitFileInfoProps) => (\n  <div className={cn(\"flex min-w-0 items-center gap-2\", className)} {...props}>\n    {children}\n  </div>\n);\n\nconst fileStatusStyles = {\n  added: \"text-green-600 dark:text-green-400\",\n  deleted: \"text-red-600 dark:text-red-400\",\n  modified: \"text-yellow-600 dark:text-yellow-400\",\n  renamed: \"text-blue-600 dark:text-blue-400\",\n};\n\nconst fileStatusLabels = {\n  added: \"A\",\n  deleted: \"D\",\n  modified: \"M\",\n  renamed: \"R\",\n};\n\nexport type CommitFileStatusProps = HTMLAttributes<HTMLSpanElement> & {\n  status: \"added\" | \"modified\" | \"deleted\" | \"renamed\";\n};\n\nexport const CommitFileStatus = ({\n  status,\n  className,\n  children,\n  ...props\n}: CommitFileStatusProps) => (\n  <span\n    className={cn(\n      \"font-medium font-mono text-xs\",\n      fileStatusStyles[status],\n      className,\n    )}\n    {...props}\n  >\n    {children ?? fileStatusLabels[status]}\n  </span>\n);\n\nexport type CommitFileIconProps = ComponentProps<typeof FileIcon>;\n\nexport const CommitFileIcon = ({\n  className,\n  ...props\n}: CommitFileIconProps) => (\n  <FileIcon\n    className={cn(\"size-3.5 shrink-0 text-muted-foreground\", className)}\n    {...props}\n  />\n);\n\nexport type CommitFilePathProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const CommitFilePath = ({\n  className,\n  children,\n  ...props\n}: CommitFilePathProps) => (\n  <span className={cn(\"truncate font-mono text-xs\", className)} {...props}>\n    {children}\n  </span>\n);\n\nexport type CommitFileChangesProps = HTMLAttributes<HTMLDivElement>;\n\nexport const CommitFileChanges = ({\n  className,\n  children,\n  ...props\n}: CommitFileChangesProps) => (\n  <div\n    className={cn(\n      \"flex shrink-0 items-center gap-1 font-mono text-xs\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type CommitFileAdditionsProps = HTMLAttributes<HTMLSpanElement> & {\n  count: number;\n};\n\nexport const CommitFileAdditions = ({\n  count,\n  className,\n  children,\n  ...props\n}: CommitFileAdditionsProps) => {\n  if (count <= 0) {\n    return null;\n  }\n\n  return (\n    <span\n      className={cn(\"text-green-600 dark:text-green-400\", className)}\n      {...props}\n    >\n      {children ?? (\n        <>\n          <PlusIcon className=\"inline-block size-3\" />\n          {count}\n        </>\n      )}\n    </span>\n  );\n};\n\nexport type CommitFileDeletionsProps = HTMLAttributes<HTMLSpanElement> & {\n  count: number;\n};\n\nexport const CommitFileDeletions = ({\n  count,\n  className,\n  children,\n  ...props\n}: CommitFileDeletionsProps) => {\n  if (count <= 0) {\n    return null;\n  }\n\n  return (\n    <span\n      className={cn(\"text-red-600 dark:text-red-400\", className)}\n      {...props}\n    >\n      {children ?? (\n        <>\n          <MinusIcon className=\"inline-block size-3\" />\n          {count}\n        </>\n      )}\n    </span>\n  );\n};\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/commit.tsx"
+    }
+  ],
+  "categories": ["ai", "code"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/confirmation.json b/packages/ghost-ui/public/r/confirmation.json
new file mode 100644
index 0000000..5dfa589
--- /dev/null
+++ b/packages/ghost-ui/public/r/confirmation.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "confirmation",
+  "dependencies": ["ai"],
+  "registryDependencies": ["utils", "alert", "button"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/confirmation.tsx",
+      "content": "\"use client\";\n\nimport type { ToolUIPart } from \"ai\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { createContext, useContext, useMemo } from \"react\";\nimport { Alert, AlertDescription } from \"@/components/ui/alert\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\ntype ToolUIPartApproval =\n  | {\n      id: string;\n      approved?: never;\n      reason?: never;\n    }\n  | {\n      id: string;\n      approved: boolean;\n      reason?: string;\n    }\n  | {\n      id: string;\n      approved: true;\n      reason?: string;\n    }\n  | {\n      id: string;\n      approved: true;\n      reason?: string;\n    }\n  | {\n      id: string;\n      approved: false;\n      reason?: string;\n    }\n  | undefined;\n\ninterface ConfirmationContextValue {\n  approval: ToolUIPartApproval;\n  state: ToolUIPart[\"state\"];\n}\n\nconst ConfirmationContext = createContext<ConfirmationContextValue | null>(\n  null,\n);\n\nconst useConfirmation = () => {\n  const context = useContext(ConfirmationContext);\n\n  if (!context) {\n    throw new Error(\"Confirmation components must be used within Confirmation\");\n  }\n\n  return context;\n};\n\nexport type ConfirmationProps = ComponentProps<typeof Alert> & {\n  approval?: ToolUIPartApproval;\n  state: ToolUIPart[\"state\"];\n};\n\nexport const Confirmation = ({\n  className,\n  approval,\n  state,\n  ...props\n}: ConfirmationProps) => {\n  const contextValue = useMemo(() => ({ approval, state }), [approval, state]);\n\n  if (!approval || state === \"input-streaming\" || state === \"input-available\") {\n    return null;\n  }\n\n  return (\n    <ConfirmationContext.Provider value={contextValue}>\n      <Alert className={cn(\"flex flex-col gap-2\", className)} {...props} />\n    </ConfirmationContext.Provider>\n  );\n};\n\nexport type ConfirmationTitleProps = ComponentProps<typeof AlertDescription>;\n\nexport const ConfirmationTitle = ({\n  className,\n  ...props\n}: ConfirmationTitleProps) => (\n  <AlertDescription className={cn(\"inline\", className)} {...props} />\n);\n\nexport interface ConfirmationRequestProps {\n  children?: ReactNode;\n}\n\nexport const ConfirmationRequest = ({ children }: ConfirmationRequestProps) => {\n  const { state } = useConfirmation();\n\n  // Only show when approval is requested\n  if (state !== \"approval-requested\") {\n    return null;\n  }\n\n  return children;\n};\n\nexport interface ConfirmationAcceptedProps {\n  children?: ReactNode;\n}\n\nexport const ConfirmationAccepted = ({\n  children,\n}: ConfirmationAcceptedProps) => {\n  const { approval, state } = useConfirmation();\n\n  // Only show when approved and in response states\n  if (\n    !approval?.approved ||\n    (state !== \"approval-responded\" &&\n      state !== \"output-denied\" &&\n      state !== \"output-available\")\n  ) {\n    return null;\n  }\n\n  return children;\n};\n\nexport interface ConfirmationRejectedProps {\n  children?: ReactNode;\n}\n\nexport const ConfirmationRejected = ({\n  children,\n}: ConfirmationRejectedProps) => {\n  const { approval, state } = useConfirmation();\n\n  // Only show when rejected and in response states\n  if (\n    approval?.approved !== false ||\n    (state !== \"approval-responded\" &&\n      state !== \"output-denied\" &&\n      state !== \"output-available\")\n  ) {\n    return null;\n  }\n\n  return children;\n};\n\nexport type ConfirmationActionsProps = ComponentProps<\"div\">;\n\nexport const ConfirmationActions = ({\n  className,\n  ...props\n}: ConfirmationActionsProps) => {\n  const { state } = useConfirmation();\n\n  // Only show when approval is requested\n  if (state !== \"approval-requested\") {\n    return null;\n  }\n\n  return (\n    <div\n      className={cn(\"flex items-center justify-end gap-2 self-end\", className)}\n      {...props}\n    />\n  );\n};\n\nexport type ConfirmationActionProps = ComponentProps<typeof Button>;\n\nexport const ConfirmationAction = (props: ConfirmationActionProps) => (\n  <Button className=\"h-8 px-3 text-sm\" type=\"button\" {...props} />\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/confirmation.tsx"
+    }
+  ],
+  "categories": ["ai", "feedback"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/connection.json b/packages/ghost-ui/public/r/connection.json
new file mode 100644
index 0000000..395b2c4
--- /dev/null
+++ b/packages/ghost-ui/public/r/connection.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "connection",
+  "dependencies": ["@xyflow/react"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/connection.tsx",
+      "content": "import type { ConnectionLineComponent } from \"@xyflow/react\";\n\nconst HALF = 0.5;\n\nexport const Connection: ConnectionLineComponent = ({\n  fromX,\n  fromY,\n  toX,\n  toY,\n}) => (\n  <g>\n    <path\n      className=\"animated\"\n      d={`M${fromX},${fromY} C ${fromX + (toX - fromX) * HALF},${fromY} ${fromX + (toX - fromX) * HALF},${toY} ${toX},${toY}`}\n      fill=\"none\"\n      stroke=\"var(--color-ring)\"\n      strokeWidth={1}\n    />\n    <circle\n      cx={toX}\n      cy={toY}\n      fill=\"#fff\"\n      r={3}\n      stroke=\"var(--color-ring)\"\n      strokeWidth={1}\n    />\n  </g>\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/connection.tsx"
+    }
+  ],
+  "categories": ["ai", "layout"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/context-menu.json b/packages/ghost-ui/public/r/context-menu.json
new file mode 100644
index 0000000..a01edb9
--- /dev/null
+++ b/packages/ghost-ui/public/r/context-menu.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "context-menu",
+  "dependencies": ["@radix-ui/react-context-menu", "lucide-react"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/context-menu.tsx",
+      "content": "\"use client\";\n\nimport * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction ContextMenu({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {\n  return <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />;\n}\n\nfunction ContextMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {\n  return (\n    <ContextMenuPrimitive.Trigger data-slot=\"context-menu-trigger\" {...props} />\n  );\n}\n\nfunction ContextMenuGroup({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {\n  return (\n    <ContextMenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />\n  );\n}\n\nfunction ContextMenuPortal({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {\n  return (\n    <ContextMenuPrimitive.Portal data-slot=\"context-menu-portal\" {...props} />\n  );\n}\n\nfunction ContextMenuSub({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {\n  return <ContextMenuPrimitive.Sub data-slot=\"context-menu-sub\" {...props} />;\n}\n\nfunction ContextMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {\n  return (\n    <ContextMenuPrimitive.RadioGroup\n      data-slot=\"context-menu-radio-group\"\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <ContextMenuPrimitive.SubTrigger\n      data-slot=\"context-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-muted focus:text-muted-foreground data-[state=open]:bg-muted data-[state=open]:text-muted-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto\" />\n    </ContextMenuPrimitive.SubTrigger>\n  );\n}\n\nfunction ContextMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {\n  return (\n    <ContextMenuPrimitive.SubContent\n      data-slot=\"context-menu-sub-content\"\n      className={cn(\n        \"bg-popover text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-dropdown border p-1\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {\n  return (\n    <ContextMenuPrimitive.Portal>\n      <ContextMenuPrimitive.Content\n        data-slot=\"context-menu-content\"\n        className={cn(\n          \"bg-popover text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-dropdown border p-1\",\n          className,\n        )}\n        {...props}\n      />\n    </ContextMenuPrimitive.Portal>\n  );\n}\n\nfunction ContextMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}) {\n  return (\n    <ContextMenuPrimitive.Item\n      data-slot=\"context-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-muted focus:text-muted-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>) {\n  return (\n    <ContextMenuPrimitive.CheckboxItem\n      data-slot=\"context-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-muted focus:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <ContextMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction ContextMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>) {\n  return (\n    <ContextMenuPrimitive.RadioItem\n      data-slot=\"context-menu-radio-item\"\n      className={cn(\n        \"focus:bg-muted focus:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <ContextMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.RadioItem>\n  );\n}\n\nfunction ContextMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <ContextMenuPrimitive.Label\n      data-slot=\"context-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"text-foreground px-2 py-1.5 text-sm data-[inset]:pl-8\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {\n  return (\n    <ContextMenuPrimitive.Separator\n      data-slot=\"context-menu-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"context-menu-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  ContextMenuGroup,\n  ContextMenuItem,\n  ContextMenuLabel,\n  ContextMenuPortal,\n  ContextMenuRadioGroup,\n  ContextMenuRadioItem,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n};\n",
+      "type": "registry:ui",
+      "target": "components/ui/context-menu.tsx"
+    }
+  ],
+  "categories": ["navigation"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/context.json b/packages/ghost-ui/public/r/context.json
new file mode 100644
index 0000000..af5fbf4
--- /dev/null
+++ b/packages/ghost-ui/public/r/context.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "context",
+  "dependencies": ["ai", "tokenlens"],
+  "registryDependencies": ["utils", "button", "hover-card", "progress"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/context.tsx",
+      "content": "\"use client\";\n\nimport type { LanguageModelUsage } from \"ai\";\nimport type { ComponentProps } from \"react\";\nimport { createContext, useContext, useMemo } from \"react\";\nimport { getUsage } from \"tokenlens\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  HoverCard,\n  HoverCardContent,\n  HoverCardTrigger,\n} from \"@/components/ui/hover-card\";\nimport { Progress } from \"@/components/ui/progress\";\nimport { cn } from \"@/lib/utils\";\n\nconst PERCENT_MAX = 100;\nconst ICON_RADIUS = 10;\nconst ICON_VIEWBOX = 24;\nconst ICON_CENTER = 12;\nconst ICON_STROKE_WIDTH = 2;\n\ntype ModelId = string;\n\ninterface ContextSchema {\n  usedTokens: number;\n  maxTokens: number;\n  usage?: LanguageModelUsage;\n  modelId?: ModelId;\n}\n\nconst ContextContext = createContext<ContextSchema | null>(null);\n\nconst useContextValue = () => {\n  const context = useContext(ContextContext);\n\n  if (!context) {\n    throw new Error(\"Context components must be used within Context\");\n  }\n\n  return context;\n};\n\nexport type ContextProps = ComponentProps<typeof HoverCard> & ContextSchema;\n\nexport const Context = ({\n  usedTokens,\n  maxTokens,\n  usage,\n  modelId,\n  ...props\n}: ContextProps) => {\n  const contextValue = useMemo(\n    () => ({ maxTokens, modelId, usage, usedTokens }),\n    [maxTokens, modelId, usage, usedTokens],\n  );\n\n  return (\n    <ContextContext.Provider value={contextValue}>\n      <HoverCard closeDelay={0} openDelay={0} {...props} />\n    </ContextContext.Provider>\n  );\n};\n\nconst ContextIcon = () => {\n  const { usedTokens, maxTokens } = useContextValue();\n  const circumference = 2 * Math.PI * ICON_RADIUS;\n  const usedPercent = usedTokens / maxTokens;\n  const dashOffset = circumference * (1 - usedPercent);\n\n  return (\n    <svg\n      aria-label=\"Model context usage\"\n      height=\"20\"\n      role=\"img\"\n      style={{ color: \"currentcolor\" }}\n      viewBox={`0 0 ${ICON_VIEWBOX} ${ICON_VIEWBOX}`}\n      width=\"20\"\n    >\n      <circle\n        cx={ICON_CENTER}\n        cy={ICON_CENTER}\n        fill=\"none\"\n        opacity=\"0.25\"\n        r={ICON_RADIUS}\n        stroke=\"currentColor\"\n        strokeWidth={ICON_STROKE_WIDTH}\n      />\n      <circle\n        cx={ICON_CENTER}\n        cy={ICON_CENTER}\n        fill=\"none\"\n        opacity=\"0.7\"\n        r={ICON_RADIUS}\n        stroke=\"currentColor\"\n        strokeDasharray={`${circumference} ${circumference}`}\n        strokeDashoffset={dashOffset}\n        strokeLinecap=\"round\"\n        strokeWidth={ICON_STROKE_WIDTH}\n        style={{ transform: \"rotate(-90deg)\", transformOrigin: \"center\" }}\n      />\n    </svg>\n  );\n};\n\nexport type ContextTriggerProps = ComponentProps<typeof Button>;\n\nexport const ContextTrigger = ({ children, ...props }: ContextTriggerProps) => {\n  const { usedTokens, maxTokens } = useContextValue();\n  const usedPercent = usedTokens / maxTokens;\n  const renderedPercent = new Intl.NumberFormat(\"en-US\", {\n    maximumFractionDigits: 1,\n    style: \"percent\",\n  }).format(usedPercent);\n\n  return (\n    <HoverCardTrigger asChild>\n      {children ?? (\n        <Button type=\"button\" variant=\"ghost\" {...props}>\n          <span className=\"font-medium text-muted-foreground\">\n            {renderedPercent}\n          </span>\n          <ContextIcon />\n        </Button>\n      )}\n    </HoverCardTrigger>\n  );\n};\n\nexport type ContextContentProps = ComponentProps<typeof HoverCardContent>;\n\nexport const ContextContent = ({\n  className,\n  ...props\n}: ContextContentProps) => (\n  <HoverCardContent\n    className={cn(\"min-w-60 divide-y overflow-hidden p-0\", className)}\n    {...props}\n  />\n);\n\nexport type ContextContentHeaderProps = ComponentProps<\"div\">;\n\nexport const ContextContentHeader = ({\n  children,\n  className,\n  ...props\n}: ContextContentHeaderProps) => {\n  const { usedTokens, maxTokens } = useContextValue();\n  const usedPercent = usedTokens / maxTokens;\n  const displayPct = new Intl.NumberFormat(\"en-US\", {\n    maximumFractionDigits: 1,\n    style: \"percent\",\n  }).format(usedPercent);\n  const used = new Intl.NumberFormat(\"en-US\", {\n    notation: \"compact\",\n  }).format(usedTokens);\n  const total = new Intl.NumberFormat(\"en-US\", {\n    notation: \"compact\",\n  }).format(maxTokens);\n\n  return (\n    <div className={cn(\"w-full space-y-2 p-3\", className)} {...props}>\n      {children ?? (\n        <>\n          <div className=\"flex items-center justify-between gap-3 text-xs\">\n            <p>{displayPct}</p>\n            <p className=\"font-mono text-muted-foreground\">\n              {used} / {total}\n            </p>\n          </div>\n          <div className=\"space-y-2\">\n            <Progress className=\"bg-muted\" value={usedPercent * PERCENT_MAX} />\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nexport type ContextContentBodyProps = ComponentProps<\"div\">;\n\nexport const ContextContentBody = ({\n  children,\n  className,\n  ...props\n}: ContextContentBodyProps) => (\n  <div className={cn(\"w-full p-3\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport type ContextContentFooterProps = ComponentProps<\"div\">;\n\nexport const ContextContentFooter = ({\n  children,\n  className,\n  ...props\n}: ContextContentFooterProps) => {\n  const { modelId, usage } = useContextValue();\n  const costUSD = modelId\n    ? getUsage({\n        modelId,\n        usage: {\n          input: usage?.inputTokens ?? 0,\n          output: usage?.outputTokens ?? 0,\n        },\n      }).costUSD?.totalUSD\n    : undefined;\n  const totalCost = new Intl.NumberFormat(\"en-US\", {\n    currency: \"USD\",\n    style: \"currency\",\n  }).format(costUSD ?? 0);\n\n  return (\n    <div\n      className={cn(\n        \"flex w-full items-center justify-between gap-3 bg-secondary p-3 text-xs\",\n        className,\n      )}\n      {...props}\n    >\n      {children ?? (\n        <>\n          <span className=\"text-muted-foreground\">Total cost</span>\n          <span>{totalCost}</span>\n        </>\n      )}\n    </div>\n  );\n};\n\nconst TokensWithCost = ({\n  tokens,\n  costText,\n}: {\n  tokens?: number;\n  costText?: string;\n}) => (\n  <span>\n    {tokens === undefined\n      ? \"—\"\n      : new Intl.NumberFormat(\"en-US\", {\n          notation: \"compact\",\n        }).format(tokens)}\n    {costText ? (\n      <span className=\"ml-2 text-muted-foreground\">• {costText}</span>\n    ) : null}\n  </span>\n);\n\nexport type ContextInputUsageProps = ComponentProps<\"div\">;\n\nexport const ContextInputUsage = ({\n  className,\n  children,\n  ...props\n}: ContextInputUsageProps) => {\n  const { usage, modelId } = useContextValue();\n  const inputTokens = usage?.inputTokens ?? 0;\n\n  if (children) {\n    return children;\n  }\n\n  if (!inputTokens) {\n    return null;\n  }\n\n  const inputCost = modelId\n    ? getUsage({\n        modelId,\n        usage: { input: inputTokens, output: 0 },\n      }).costUSD?.totalUSD\n    : undefined;\n  const inputCostText = new Intl.NumberFormat(\"en-US\", {\n    currency: \"USD\",\n    style: \"currency\",\n  }).format(inputCost ?? 0);\n\n  return (\n    <div\n      className={cn(\"flex items-center justify-between text-xs\", className)}\n      {...props}\n    >\n      <span className=\"text-muted-foreground\">Input</span>\n      <TokensWithCost costText={inputCostText} tokens={inputTokens} />\n    </div>\n  );\n};\n\nexport type ContextOutputUsageProps = ComponentProps<\"div\">;\n\nexport const ContextOutputUsage = ({\n  className,\n  children,\n  ...props\n}: ContextOutputUsageProps) => {\n  const { usage, modelId } = useContextValue();\n  const outputTokens = usage?.outputTokens ?? 0;\n\n  if (children) {\n    return children;\n  }\n\n  if (!outputTokens) {\n    return null;\n  }\n\n  const outputCost = modelId\n    ? getUsage({\n        modelId,\n        usage: { input: 0, output: outputTokens },\n      }).costUSD?.totalUSD\n    : undefined;\n  const outputCostText = new Intl.NumberFormat(\"en-US\", {\n    currency: \"USD\",\n    style: \"currency\",\n  }).format(outputCost ?? 0);\n\n  return (\n    <div\n      className={cn(\"flex items-center justify-between text-xs\", className)}\n      {...props}\n    >\n      <span className=\"text-muted-foreground\">Output</span>\n      <TokensWithCost costText={outputCostText} tokens={outputTokens} />\n    </div>\n  );\n};\n\nexport type ContextReasoningUsageProps = ComponentProps<\"div\">;\n\nexport const ContextReasoningUsage = ({\n  className,\n  children,\n  ...props\n}: ContextReasoningUsageProps) => {\n  const { usage, modelId } = useContextValue();\n  const reasoningTokens = usage?.reasoningTokens ?? 0;\n\n  if (children) {\n    return children;\n  }\n\n  if (!reasoningTokens) {\n    return null;\n  }\n\n  const reasoningCost = modelId\n    ? getUsage({\n        modelId,\n        usage: { reasoningTokens },\n      }).costUSD?.totalUSD\n    : undefined;\n  const reasoningCostText = new Intl.NumberFormat(\"en-US\", {\n    currency: \"USD\",\n    style: \"currency\",\n  }).format(reasoningCost ?? 0);\n\n  return (\n    <div\n      className={cn(\"flex items-center justify-between text-xs\", className)}\n      {...props}\n    >\n      <span className=\"text-muted-foreground\">Reasoning</span>\n      <TokensWithCost costText={reasoningCostText} tokens={reasoningTokens} />\n    </div>\n  );\n};\n\nexport type ContextCacheUsageProps = ComponentProps<\"div\">;\n\nexport const ContextCacheUsage = ({\n  className,\n  children,\n  ...props\n}: ContextCacheUsageProps) => {\n  const { usage, modelId } = useContextValue();\n  const cacheTokens = usage?.cachedInputTokens ?? 0;\n\n  if (children) {\n    return children;\n  }\n\n  if (!cacheTokens) {\n    return null;\n  }\n\n  const cacheCost = modelId\n    ? getUsage({\n        modelId,\n        usage: { cacheReads: cacheTokens, input: 0, output: 0 },\n      }).costUSD?.totalUSD\n    : undefined;\n  const cacheCostText = new Intl.NumberFormat(\"en-US\", {\n    currency: \"USD\",\n    style: \"currency\",\n  }).format(cacheCost ?? 0);\n\n  return (\n    <div\n      className={cn(\"flex items-center justify-between text-xs\", className)}\n      {...props}\n    >\n      <span className=\"text-muted-foreground\">Cache</span>\n      <TokensWithCost costText={cacheCostText} tokens={cacheTokens} />\n    </div>\n  );\n};\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/context.tsx"
+    }
+  ],
+  "categories": ["ai", "display"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/controls.json b/packages/ghost-ui/public/r/controls.json
new file mode 100644
index 0000000..fb0e43e
--- /dev/null
+++ b/packages/ghost-ui/public/r/controls.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "controls",
+  "dependencies": ["@xyflow/react"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/controls.tsx",
+      "content": "\"use client\";\n\nimport { Controls as ControlsPrimitive } from \"@xyflow/react\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nexport type ControlsProps = ComponentProps<typeof ControlsPrimitive>;\n\nexport const Controls = ({ className, ...props }: ControlsProps) => (\n  <ControlsPrimitive\n    className={cn(\n      \"gap-px overflow-hidden rounded-md border bg-card p-1 shadow-none!\",\n      \"[&>button]:rounded-md [&>button]:border-none! [&>button]:bg-transparent! [&>button]:hover:bg-secondary!\",\n      className,\n    )}\n    {...props}\n  />\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/controls.tsx"
+    }
+  ],
+  "categories": ["ai", "layout"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/conversation.json b/packages/ghost-ui/public/r/conversation.json
new file mode 100644
index 0000000..1ea8add
--- /dev/null
+++ b/packages/ghost-ui/public/r/conversation.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "conversation",
+  "dependencies": ["ai", "lucide-react", "use-stick-to-bottom"],
+  "registryDependencies": ["utils", "button"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/conversation.tsx",
+      "content": "\"use client\";\n\nimport type { UIMessage } from \"ai\";\nimport { ArrowDownIcon, DownloadIcon } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport { useCallback } from \"react\";\nimport { StickToBottom, useStickToBottomContext } from \"use-stick-to-bottom\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\nexport type ConversationProps = ComponentProps<typeof StickToBottom>;\n\nexport const Conversation = ({ className, ...props }: ConversationProps) => (\n  <StickToBottom\n    className={cn(\"relative flex-1 overflow-y-hidden\", className)}\n    initial=\"smooth\"\n    resize=\"smooth\"\n    role=\"log\"\n    {...props}\n  />\n);\n\nexport type ConversationContentProps = ComponentProps<\n  typeof StickToBottom.Content\n>;\n\nexport const ConversationContent = ({\n  className,\n  ...props\n}: ConversationContentProps) => (\n  <StickToBottom.Content\n    className={cn(\"flex flex-col gap-8 p-4\", className)}\n    {...props}\n  />\n);\n\nexport type ConversationEmptyStateProps = ComponentProps<\"div\"> & {\n  title?: string;\n  description?: string;\n  icon?: React.ReactNode;\n};\n\nexport const ConversationEmptyState = ({\n  className,\n  title = \"No messages yet\",\n  description = \"Start a conversation to see messages here\",\n  icon,\n  children,\n  ...props\n}: ConversationEmptyStateProps) => (\n  <div\n    className={cn(\n      \"flex size-full flex-col items-center justify-center gap-3 p-8 text-center\",\n      className,\n    )}\n    {...props}\n  >\n    {children ?? (\n      <>\n        {icon && <div className=\"text-muted-foreground\">{icon}</div>}\n        <div className=\"space-y-1\">\n          <h3 className=\"font-medium text-sm\">{title}</h3>\n          {description && (\n            <p className=\"text-muted-foreground text-sm\">{description}</p>\n          )}\n        </div>\n      </>\n    )}\n  </div>\n);\n\nexport type ConversationScrollButtonProps = ComponentProps<typeof Button>;\n\nexport const ConversationScrollButton = ({\n  className,\n  ...props\n}: ConversationScrollButtonProps) => {\n  const { isAtBottom, scrollToBottom } = useStickToBottomContext();\n\n  const handleScrollToBottom = useCallback(() => {\n    scrollToBottom();\n  }, [scrollToBottom]);\n\n  return (\n    !isAtBottom && (\n      <Button\n        className={cn(\n          \"absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full dark:bg-background dark:hover:bg-muted\",\n          className,\n        )}\n        onClick={handleScrollToBottom}\n        size=\"icon\"\n        type=\"button\"\n        variant=\"outline\"\n        {...props}\n      >\n        <ArrowDownIcon className=\"size-4\" />\n      </Button>\n    )\n  );\n};\n\nconst getMessageText = (message: UIMessage): string =>\n  message.parts\n    .filter((part) => part.type === \"text\")\n    .map((part) => part.text)\n    .join(\"\");\n\nexport type ConversationDownloadProps = Omit<\n  ComponentProps<typeof Button>,\n  \"onClick\"\n> & {\n  messages: UIMessage[];\n  filename?: string;\n  formatMessage?: (message: UIMessage, index: number) => string;\n};\n\nconst defaultFormatMessage = (message: UIMessage): string => {\n  const roleLabel =\n    message.role.charAt(0).toUpperCase() + message.role.slice(1);\n  return `**${roleLabel}:** ${getMessageText(message)}`;\n};\n\nexport const messagesToMarkdown = (\n  messages: UIMessage[],\n  formatMessage: (\n    message: UIMessage,\n    index: number,\n  ) => string = defaultFormatMessage,\n): string => messages.map((msg, i) => formatMessage(msg, i)).join(\"\\n\\n\");\n\nexport const ConversationDownload = ({\n  messages,\n  filename = \"conversation.md\",\n  formatMessage = defaultFormatMessage,\n  className,\n  children,\n  ...props\n}: ConversationDownloadProps) => {\n  const handleDownload = useCallback(() => {\n    const markdown = messagesToMarkdown(messages, formatMessage);\n    const blob = new Blob([markdown], { type: \"text/markdown\" });\n    const url = URL.createObjectURL(blob);\n    const link = document.createElement(\"a\");\n    link.href = url;\n    link.download = filename;\n    document.body.append(link);\n    link.click();\n    link.remove();\n    URL.revokeObjectURL(url);\n  }, [messages, filename, formatMessage]);\n\n  return (\n    <Button\n      className={cn(\n        \"absolute top-4 right-4 rounded-full dark:bg-background dark:hover:bg-muted\",\n        className,\n      )}\n      onClick={handleDownload}\n      size=\"icon\"\n      type=\"button\"\n      variant=\"outline\"\n      {...props}\n    >\n      {children ?? <DownloadIcon className=\"size-4\" />}\n    </Button>\n  );\n};\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/conversation.tsx"
+    }
+  ],
+  "categories": ["ai", "chat"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/dialog.json b/packages/ghost-ui/public/r/dialog.json
new file mode 100644
index 0000000..7731564
--- /dev/null
+++ b/packages/ghost-ui/public/r/dialog.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "dialog",
+  "dependencies": ["@radix-ui/react-dialog", "lucide-react"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/dialog.tsx",
+      "content": "\"use client\";\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content>) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"bg-background shadow-modal data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-modal border p-6 duration-200 sm:max-w-lg\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <DialogPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-muted data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\">\n          <XIcon />\n          <span className=\"sr-only\">Close</span>\n        </DialogPrimitive.Close>\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\n        \"font-display text-lg font-semibold leading-none tracking-[-0.01em]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n",
+      "type": "registry:ui",
+      "target": "components/ui/dialog.tsx"
+    }
+  ],
+  "categories": ["feedback"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/drawer.json b/packages/ghost-ui/public/r/drawer.json
new file mode 100644
index 0000000..dd74029
--- /dev/null
+++ b/packages/ghost-ui/public/r/drawer.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "drawer",
+  "dependencies": ["vaul"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/drawer.tsx",
+      "content": "\"use client\";\n\nimport type * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Drawer({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot=\"drawer-portal\">\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot=\"drawer-content\"\n        className={cn(\n          \"group/drawer-content bg-background fixed z-50 flex h-auto flex-col\",\n          \"data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b\",\n          \"data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t\",\n          \"data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm\",\n          \"data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm\",\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  );\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn(\"flex flex-col gap-1.5 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={cn(\n        \"font-display text-foreground font-semibold tracking-[-0.01em]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerOverlay,\n  DrawerPortal,\n  DrawerTitle,\n  DrawerTrigger,\n};\n",
+      "type": "registry:ui",
+      "target": "components/ui/drawer.tsx"
+    }
+  ],
+  "categories": ["feedback"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/dropdown-menu.json b/packages/ghost-ui/public/r/dropdown-menu.json
new file mode 100644
index 0000000..c07d114
--- /dev/null
+++ b/packages/ghost-ui/public/r/dropdown-menu.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "dropdown-menu",
+  "dependencies": ["@radix-ui/react-dropdown-menu", "lucide-react"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/dropdown-menu.tsx",
+      "content": "\"use client\";\n\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  );\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-dropdown border p-1\",\n          className,\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  );\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-muted focus:text-muted-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-muted focus:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"focus:bg-muted focus:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\"px-2 py-1.5 text-sm data-[inset]:pl-8\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-muted focus:text-muted-foreground data-[state=open]:bg-muted data-[state=open]:text-muted-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        \"bg-popover text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-dropdown border p-1\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n};\n",
+      "type": "registry:ui",
+      "target": "components/ui/dropdown-menu.tsx"
+    }
+  ],
+  "categories": ["navigation"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/edge.json b/packages/ghost-ui/public/r/edge.json
new file mode 100644
index 0000000..3fe0a52
--- /dev/null
+++ b/packages/ghost-ui/public/r/edge.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "edge",
+  "dependencies": ["@xyflow/react"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/edge.tsx",
+      "content": "import type { EdgeProps, InternalNode, Node } from \"@xyflow/react\";\nimport {\n  BaseEdge,\n  getBezierPath,\n  getSimpleBezierPath,\n  Position,\n  useInternalNode,\n} from \"@xyflow/react\";\n\nconst Temporary = ({\n  id,\n  sourceX,\n  sourceY,\n  targetX,\n  targetY,\n  sourcePosition,\n  targetPosition,\n}: EdgeProps) => {\n  const [edgePath] = getSimpleBezierPath({\n    sourcePosition,\n    sourceX,\n    sourceY,\n    targetPosition,\n    targetX,\n    targetY,\n  });\n\n  return (\n    <BaseEdge\n      className=\"stroke-1 stroke-ring\"\n      id={id}\n      path={edgePath}\n      style={{\n        strokeDasharray: \"5, 5\",\n      }}\n    />\n  );\n};\n\nconst getHandleCoordsByPosition = (\n  node: InternalNode<Node>,\n  handlePosition: Position,\n) => {\n  // Choose the handle type based on position - Left is for target, Right is for source\n  const handleType = handlePosition === Position.Left ? \"target\" : \"source\";\n\n  const handle = node.internals.handleBounds?.[handleType]?.find(\n    (h) => h.position === handlePosition,\n  );\n\n  if (!handle) {\n    return [0, 0] as const;\n  }\n\n  let offsetX = handle.width / 2;\n  let offsetY = handle.height / 2;\n\n  // this is a tiny detail to make the markerEnd of an edge visible.\n  // The handle position that gets calculated has the origin top-left, so depending which side we are using, we add a little offset\n  // when the handlePosition is Position.Right for example, we need to add an offset as big as the handle itself in order to get the correct position\n  switch (handlePosition) {\n    case Position.Left: {\n      offsetX = 0;\n      break;\n    }\n    case Position.Right: {\n      offsetX = handle.width;\n      break;\n    }\n    case Position.Top: {\n      offsetY = 0;\n      break;\n    }\n    case Position.Bottom: {\n      offsetY = handle.height;\n      break;\n    }\n    default: {\n      throw new Error(`Invalid handle position: ${handlePosition}`);\n    }\n  }\n\n  const x = node.internals.positionAbsolute.x + handle.x + offsetX;\n  const y = node.internals.positionAbsolute.y + handle.y + offsetY;\n\n  return [x, y] as const;\n};\n\nconst getEdgeParams = (\n  source: InternalNode<Node>,\n  target: InternalNode<Node>,\n) => {\n  const sourcePos = Position.Right;\n  const [sx, sy] = getHandleCoordsByPosition(source, sourcePos);\n  const targetPos = Position.Left;\n  const [tx, ty] = getHandleCoordsByPosition(target, targetPos);\n\n  return {\n    sourcePos,\n    sx,\n    sy,\n    targetPos,\n    tx,\n    ty,\n  };\n};\n\nconst Animated = ({ id, source, target, markerEnd, style }: EdgeProps) => {\n  const sourceNode = useInternalNode(source);\n  const targetNode = useInternalNode(target);\n\n  if (!(sourceNode && targetNode)) {\n    return null;\n  }\n\n  const { sx, sy, tx, ty, sourcePos, targetPos } = getEdgeParams(\n    sourceNode,\n    targetNode,\n  );\n\n  const [edgePath] = getBezierPath({\n    sourcePosition: sourcePos,\n    sourceX: sx,\n    sourceY: sy,\n    targetPosition: targetPos,\n    targetX: tx,\n    targetY: ty,\n  });\n\n  return (\n    <>\n      <BaseEdge id={id} markerEnd={markerEnd} path={edgePath} style={style} />\n      <circle fill=\"var(--primary)\" r=\"4\">\n        <animateMotion dur=\"2s\" path={edgePath} repeatCount=\"indefinite\" />\n      </circle>\n    </>\n  );\n};\n\nexport const Edge = {\n  Animated,\n  Temporary,\n};\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/edge.tsx"
+    }
+  ],
+  "categories": ["ai", "layout"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/environment-variables.json b/packages/ghost-ui/public/r/environment-variables.json
new file mode 100644
index 0000000..b994dfa
--- /dev/null
+++ b/packages/ghost-ui/public/r/environment-variables.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "environment-variables",
+  "dependencies": ["lucide-react"],
+  "registryDependencies": ["utils", "badge", "button", "switch"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/environment-variables.tsx",
+      "content": "\"use client\";\n\nimport { CheckIcon, CopyIcon, EyeIcon, EyeOffIcon } from \"lucide-react\";\nimport type { ComponentProps, HTMLAttributes } from \"react\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\nimport { Switch } from \"@/components/ui/switch\";\nimport { cn } from \"@/lib/utils\";\n\ninterface EnvironmentVariablesContextType {\n  showValues: boolean;\n  setShowValues: (show: boolean) => void;\n}\n\n// Default noop for context default value\n// oxlint-disable-next-line eslint(no-empty-function)\nconst noop = () => {};\n\nconst EnvironmentVariablesContext =\n  createContext<EnvironmentVariablesContextType>({\n    setShowValues: noop,\n    showValues: false,\n  });\n\nexport type EnvironmentVariablesProps = HTMLAttributes<HTMLDivElement> & {\n  showValues?: boolean;\n  defaultShowValues?: boolean;\n  onShowValuesChange?: (show: boolean) => void;\n};\n\nexport const EnvironmentVariables = ({\n  showValues: controlledShowValues,\n  defaultShowValues = false,\n  onShowValuesChange,\n  className,\n  children,\n  ...props\n}: EnvironmentVariablesProps) => {\n  const [internalShowValues, setInternalShowValues] =\n    useState(defaultShowValues);\n  const showValues = controlledShowValues ?? internalShowValues;\n\n  const setShowValues = useCallback(\n    (show: boolean) => {\n      setInternalShowValues(show);\n      onShowValuesChange?.(show);\n    },\n    [onShowValuesChange],\n  );\n\n  const contextValue = useMemo(\n    () => ({ setShowValues, showValues }),\n    [setShowValues, showValues],\n  );\n\n  return (\n    <EnvironmentVariablesContext.Provider value={contextValue}>\n      <div\n        className={cn(\"rounded-lg border bg-background\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    </EnvironmentVariablesContext.Provider>\n  );\n};\n\nexport type EnvironmentVariablesHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport const EnvironmentVariablesHeader = ({\n  className,\n  children,\n  ...props\n}: EnvironmentVariablesHeaderProps) => (\n  <div\n    className={cn(\n      \"flex items-center justify-between border-b px-4 py-3\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type EnvironmentVariablesTitleProps = HTMLAttributes<HTMLHeadingElement>;\n\nexport const EnvironmentVariablesTitle = ({\n  className,\n  children,\n  ...props\n}: EnvironmentVariablesTitleProps) => (\n  <h3 className={cn(\"font-medium text-sm\", className)} {...props}>\n    {children ?? \"Environment Variables\"}\n  </h3>\n);\n\nexport type EnvironmentVariablesToggleProps = ComponentProps<typeof Switch>;\n\nexport const EnvironmentVariablesToggle = ({\n  className,\n  ...props\n}: EnvironmentVariablesToggleProps) => {\n  const { showValues, setShowValues } = useContext(EnvironmentVariablesContext);\n\n  return (\n    <div className={cn(\"flex items-center gap-2\", className)}>\n      <span className=\"text-muted-foreground text-xs\">\n        {showValues ? <EyeIcon size={14} /> : <EyeOffIcon size={14} />}\n      </span>\n      <Switch\n        aria-label=\"Toggle value visibility\"\n        checked={showValues}\n        onCheckedChange={setShowValues}\n        {...props}\n      />\n    </div>\n  );\n};\n\nexport type EnvironmentVariablesContentProps = HTMLAttributes<HTMLDivElement>;\n\nexport const EnvironmentVariablesContent = ({\n  className,\n  children,\n  ...props\n}: EnvironmentVariablesContentProps) => (\n  <div className={cn(\"divide-y\", className)} {...props}>\n    {children}\n  </div>\n);\n\ninterface EnvironmentVariableContextType {\n  name: string;\n  value: string;\n}\n\nconst EnvironmentVariableContext =\n  createContext<EnvironmentVariableContextType>({\n    name: \"\",\n    value: \"\",\n  });\n\nexport type EnvironmentVariableGroupProps = HTMLAttributes<HTMLDivElement>;\n\nexport const EnvironmentVariableGroup = ({\n  className,\n  children,\n  ...props\n}: EnvironmentVariableGroupProps) => (\n  <div className={cn(\"flex items-center gap-2\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport type EnvironmentVariableNameProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const EnvironmentVariableName = ({\n  className,\n  children,\n  ...props\n}: EnvironmentVariableNameProps) => {\n  const { name } = useContext(EnvironmentVariableContext);\n\n  return (\n    <span className={cn(\"font-mono text-sm\", className)} {...props}>\n      {children ?? name}\n    </span>\n  );\n};\n\nexport type EnvironmentVariableValueProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const EnvironmentVariableValue = ({\n  className,\n  children,\n  ...props\n}: EnvironmentVariableValueProps) => {\n  const { value } = useContext(EnvironmentVariableContext);\n  const { showValues } = useContext(EnvironmentVariablesContext);\n\n  const displayValue = showValues\n    ? value\n    : \"•\".repeat(Math.min(value.length, 20));\n\n  return (\n    <span\n      className={cn(\n        \"font-mono text-muted-foreground text-sm\",\n        !showValues && \"select-none\",\n        className,\n      )}\n      {...props}\n    >\n      {children ?? displayValue}\n    </span>\n  );\n};\n\nexport type EnvironmentVariableProps = HTMLAttributes<HTMLDivElement> & {\n  name: string;\n  value: string;\n};\n\nexport const EnvironmentVariable = ({\n  name,\n  value,\n  className,\n  children,\n  ...props\n}: EnvironmentVariableProps) => {\n  const envVarContextValue = useMemo(() => ({ name, value }), [name, value]);\n\n  return (\n    <EnvironmentVariableContext.Provider value={envVarContextValue}>\n      <div\n        className={cn(\n          \"flex items-center justify-between gap-4 px-4 py-3\",\n          className,\n        )}\n        {...props}\n      >\n        {children ?? (\n          <>\n            <div className=\"flex items-center gap-2\">\n              <EnvironmentVariableName />\n            </div>\n            <EnvironmentVariableValue />\n          </>\n        )}\n      </div>\n    </EnvironmentVariableContext.Provider>\n  );\n};\n\nexport type EnvironmentVariableCopyButtonProps = ComponentProps<\n  typeof Button\n> & {\n  onCopy?: () => void;\n  onError?: (error: Error) => void;\n  timeout?: number;\n  copyFormat?: \"name\" | \"value\" | \"export\";\n};\n\nexport const EnvironmentVariableCopyButton = ({\n  onCopy,\n  onError,\n  timeout = 2000,\n  copyFormat = \"value\",\n  children,\n  className,\n  ...props\n}: EnvironmentVariableCopyButtonProps) => {\n  const [isCopied, setIsCopied] = useState(false);\n  const timeoutRef = useRef<number>(0);\n  const { name, value } = useContext(EnvironmentVariableContext);\n\n  const getTextToCopy = useCallback((): string => {\n    const formatMap = {\n      export: () => `export ${name}=\"${value}\"`,\n      name: () => name,\n      value: () => value,\n    };\n    return formatMap[copyFormat]();\n  }, [name, value, copyFormat]);\n\n  const copyToClipboard = useCallback(async () => {\n    if (typeof window === \"undefined\" || !navigator?.clipboard?.writeText) {\n      onError?.(new Error(\"Clipboard API not available\"));\n      return;\n    }\n\n    try {\n      await navigator.clipboard.writeText(getTextToCopy());\n      setIsCopied(true);\n      onCopy?.();\n      timeoutRef.current = window.setTimeout(() => setIsCopied(false), timeout);\n    } catch (error) {\n      onError?.(error as Error);\n    }\n  }, [getTextToCopy, onCopy, onError, timeout]);\n\n  useEffect(\n    () => () => {\n      window.clearTimeout(timeoutRef.current);\n    },\n    [],\n  );\n\n  const Icon = isCopied ? CheckIcon : CopyIcon;\n\n  return (\n    <Button\n      className={cn(\"size-6 shrink-0\", className)}\n      onClick={copyToClipboard}\n      size=\"icon\"\n      variant=\"ghost\"\n      {...props}\n    >\n      {children ?? <Icon size={12} />}\n    </Button>\n  );\n};\n\nexport type EnvironmentVariableRequiredProps = ComponentProps<typeof Badge>;\n\nexport const EnvironmentVariableRequired = ({\n  className,\n  children,\n  ...props\n}: EnvironmentVariableRequiredProps) => (\n  <Badge className={cn(\"text-xs\", className)} variant=\"secondary\" {...props}>\n    {children ?? \"Required\"}\n  </Badge>\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/environment-variables.tsx"
+    }
+  ],
+  "categories": ["ai", "code"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/file-tree.json b/packages/ghost-ui/public/r/file-tree.json
new file mode 100644
index 0000000..ddc26bb
--- /dev/null
+++ b/packages/ghost-ui/public/r/file-tree.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "file-tree",
+  "dependencies": ["lucide-react"],
+  "registryDependencies": ["utils", "collapsible"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/file-tree.tsx",
+      "content": "\"use client\";\n\nimport {\n  ChevronRightIcon,\n  FileIcon,\n  FolderIcon,\n  FolderOpenIcon,\n} from \"lucide-react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\ninterface FileTreeContextType {\n  expandedPaths: Set<string>;\n  togglePath: (path: string) => void;\n  selectedPath?: string;\n  onSelect?: (path: string) => void;\n}\n\n// Default noop for context default value\n// oxlint-disable-next-line eslint(no-empty-function)\nconst noop = () => {};\n\nconst FileTreeContext = createContext<FileTreeContextType>({\n  // oxlint-disable-next-line eslint-plugin-unicorn(no-new-builtin)\n  expandedPaths: new Set(),\n  togglePath: noop,\n});\n\nexport type FileTreeProps = Omit<HTMLAttributes<HTMLDivElement>, \"onSelect\"> & {\n  expanded?: Set<string>;\n  defaultExpanded?: Set<string>;\n  selectedPath?: string;\n  onSelect?: (path: string) => void;\n  onExpandedChange?: (expanded: Set<string>) => void;\n};\n\nexport const FileTree = ({\n  expanded: controlledExpanded,\n  defaultExpanded = new Set(),\n  selectedPath,\n  onSelect,\n  onExpandedChange,\n  className,\n  children,\n  ...props\n}: FileTreeProps) => {\n  const [internalExpanded, setInternalExpanded] = useState(defaultExpanded);\n  const expandedPaths = controlledExpanded ?? internalExpanded;\n\n  const togglePath = useCallback(\n    (path: string) => {\n      const newExpanded = new Set(expandedPaths);\n      if (newExpanded.has(path)) {\n        newExpanded.delete(path);\n      } else {\n        newExpanded.add(path);\n      }\n      setInternalExpanded(newExpanded);\n      onExpandedChange?.(newExpanded);\n    },\n    [expandedPaths, onExpandedChange],\n  );\n\n  const contextValue = useMemo(\n    () => ({ expandedPaths, onSelect, selectedPath, togglePath }),\n    [expandedPaths, onSelect, selectedPath, togglePath],\n  );\n\n  return (\n    <FileTreeContext.Provider value={contextValue}>\n      <div\n        className={cn(\n          \"rounded-lg border bg-background font-mono text-sm\",\n          className,\n        )}\n        role=\"tree\"\n        {...props}\n      >\n        <div className=\"p-2\">{children}</div>\n      </div>\n    </FileTreeContext.Provider>\n  );\n};\n\nexport type FileTreeIconProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const FileTreeIcon = ({\n  className,\n  children,\n  ...props\n}: FileTreeIconProps) => (\n  <span className={cn(\"shrink-0\", className)} {...props}>\n    {children}\n  </span>\n);\n\nexport type FileTreeNameProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const FileTreeName = ({\n  className,\n  children,\n  ...props\n}: FileTreeNameProps) => (\n  <span className={cn(\"truncate\", className)} {...props}>\n    {children}\n  </span>\n);\n\ninterface FileTreeFolderContextType {\n  path: string;\n  name: string;\n  isExpanded: boolean;\n}\n\nconst FileTreeFolderContext = createContext<FileTreeFolderContextType>({\n  isExpanded: false,\n  name: \"\",\n  path: \"\",\n});\n\nexport type FileTreeFolderProps = HTMLAttributes<HTMLDivElement> & {\n  path: string;\n  name: string;\n};\n\nexport const FileTreeFolder = ({\n  path,\n  name,\n  className,\n  children,\n  ...props\n}: FileTreeFolderProps) => {\n  const { expandedPaths, togglePath, selectedPath, onSelect } =\n    useContext(FileTreeContext);\n  const isExpanded = expandedPaths.has(path);\n  const isSelected = selectedPath === path;\n\n  const handleOpenChange = useCallback(() => {\n    togglePath(path);\n  }, [togglePath, path]);\n\n  const handleSelect = useCallback(() => {\n    onSelect?.(path);\n  }, [onSelect, path]);\n\n  const folderContextValue = useMemo(\n    () => ({ isExpanded, name, path }),\n    [isExpanded, name, path],\n  );\n\n  return (\n    <FileTreeFolderContext.Provider value={folderContextValue}>\n      <Collapsible onOpenChange={handleOpenChange} open={isExpanded}>\n        <div\n          className={cn(\"\", className)}\n          role=\"treeitem\"\n          tabIndex={0}\n          {...props}\n        >\n          <div\n            className={cn(\n              \"flex w-full items-center gap-1 rounded px-2 py-1 text-left transition-colors hover:bg-muted/50\",\n              isSelected && \"bg-muted\",\n            )}\n          >\n            <CollapsibleTrigger asChild>\n              <button\n                className=\"flex shrink-0 cursor-pointer items-center border-none bg-transparent p-0\"\n                type=\"button\"\n              >\n                <ChevronRightIcon\n                  className={cn(\n                    \"size-4 shrink-0 text-muted-foreground transition-transform\",\n                    isExpanded && \"rotate-90\",\n                  )}\n                />\n              </button>\n            </CollapsibleTrigger>\n            <button\n              className=\"flex min-w-0 flex-1 cursor-pointer items-center gap-1 border-none bg-transparent p-0 text-left\"\n              onClick={handleSelect}\n              type=\"button\"\n            >\n              <FileTreeIcon>\n                {isExpanded ? (\n                  <FolderOpenIcon className=\"size-4 text-blue-500\" />\n                ) : (\n                  <FolderIcon className=\"size-4 text-blue-500\" />\n                )}\n              </FileTreeIcon>\n              <FileTreeName>{name}</FileTreeName>\n            </button>\n          </div>\n          <CollapsibleContent>\n            <div className=\"ml-4 border-l pl-2\">{children}</div>\n          </CollapsibleContent>\n        </div>\n      </Collapsible>\n    </FileTreeFolderContext.Provider>\n  );\n};\n\ninterface FileTreeFileContextType {\n  path: string;\n  name: string;\n}\n\nconst FileTreeFileContext = createContext<FileTreeFileContextType>({\n  name: \"\",\n  path: \"\",\n});\n\nexport type FileTreeFileProps = HTMLAttributes<HTMLDivElement> & {\n  path: string;\n  name: string;\n  icon?: ReactNode;\n};\n\nexport const FileTreeFile = ({\n  path,\n  name,\n  icon,\n  className,\n  children,\n  ...props\n}: FileTreeFileProps) => {\n  const { selectedPath, onSelect } = useContext(FileTreeContext);\n  const isSelected = selectedPath === path;\n\n  const handleClick = useCallback(() => {\n    onSelect?.(path);\n  }, [onSelect, path]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === \"Enter\" || e.key === \" \") {\n        onSelect?.(path);\n      }\n    },\n    [onSelect, path],\n  );\n\n  const fileContextValue = useMemo(() => ({ name, path }), [name, path]);\n\n  return (\n    <FileTreeFileContext.Provider value={fileContextValue}>\n      <div\n        className={cn(\n          \"flex cursor-pointer items-center gap-1 rounded px-2 py-1 transition-colors hover:bg-muted/50\",\n          isSelected && \"bg-muted\",\n          className,\n        )}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        role=\"treeitem\"\n        tabIndex={0}\n        {...props}\n      >\n        {children ?? (\n          <>\n            {/* Spacer for alignment */}\n            <span className=\"size-4 shrink-0\" />\n            <FileTreeIcon>\n              {icon ?? <FileIcon className=\"size-4 text-muted-foreground\" />}\n            </FileTreeIcon>\n            <FileTreeName>{name}</FileTreeName>\n          </>\n        )}\n      </div>\n    </FileTreeFileContext.Provider>\n  );\n};\n\nexport type FileTreeActionsProps = HTMLAttributes<HTMLDivElement>;\n\nconst stopPropagation = (e: React.SyntheticEvent) => e.stopPropagation();\n\nexport const FileTreeActions = ({\n  className,\n  children,\n  ...props\n}: FileTreeActionsProps) => (\n  <div\n    className={cn(\"ml-auto flex items-center gap-1\", className)}\n    onClick={stopPropagation}\n    onKeyDown={stopPropagation}\n    role=\"group\"\n    {...props}\n  >\n    {children}\n  </div>\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/file-tree.tsx"
+    }
+  ],
+  "categories": ["ai", "code"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/form.json b/packages/ghost-ui/public/r/form.json
new file mode 100644
index 0000000..2c6b05a
--- /dev/null
+++ b/packages/ghost-ui/public/r/form.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "form",
+  "dependencies": ["@radix-ui/react-label", "@radix-ui/react-slot"],
+  "registryDependencies": ["utils", "label"],
+  "files": [
+    {
+      "path": "src/components/ui/form.tsx",
+      "content": "\"use client\";\n\nimport type * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport * as React from \"react\";\nimport {\n  Controller,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n  FormProvider,\n  useFormContext,\n  useFormState,\n} from \"react-hook-form\";\nimport { Label } from \"@/components/ui/label\";\nimport { cn } from \"@/lib/utils\";\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  name: TName;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\n  {} as FormFieldContextValue,\n);\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n};\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext);\n  const itemContext = React.useContext(FormItemContext);\n  const { getFieldState } = useFormContext();\n  const formState = useFormState({ name: fieldContext.name });\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  if (!fieldContext) {\n    throw new Error(\"useFormField should be used within <FormField>\");\n  }\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\ntype FormItemContextValue = {\n  id: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n  {} as FormItemContextValue,\n);\n\nfunction FormItem({ className, ...props }: React.ComponentProps<\"div\">) {\n  const id = React.useId();\n\n  return (\n    <FormItemContext.Provider value={{ id }}>\n      <div\n        data-slot=\"form-item\"\n        className={cn(\"grid gap-2\", className)}\n        {...props}\n      />\n    </FormItemContext.Provider>\n  );\n}\n\nfunction FormLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  const { error, formItemId } = useFormField();\n\n  return (\n    <Label\n      data-slot=\"form-label\"\n      data-error={!!error}\n      className={cn(\"data-[error=true]:text-destructive\", className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  );\n}\n\nfunction FormControl({ ...props }: React.ComponentProps<typeof Slot>) {\n  const { error, formItemId, formDescriptionId, formMessageId } =\n    useFormField();\n\n  return (\n    <Slot\n      data-slot=\"form-control\"\n      id={formItemId}\n      aria-describedby={\n        !error\n          ? `${formDescriptionId}`\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n}\n\nfunction FormDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p\n      data-slot=\"form-description\"\n      id={formDescriptionId}\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction FormMessage({ className, ...props }: React.ComponentProps<\"p\">) {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error?.message ?? \"\") : props.children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p\n      data-slot=\"form-message\"\n      id={formMessageId}\n      className={cn(\"text-destructive text-sm\", className)}\n      {...props}\n    >\n      {body}\n    </p>\n  );\n}\n\nexport {\n  Form,\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n  useFormField,\n};\n",
+      "type": "registry:ui",
+      "target": "components/ui/form.tsx"
+    }
+  ],
+  "categories": ["input"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/hover-card.json b/packages/ghost-ui/public/r/hover-card.json
new file mode 100644
index 0000000..0a1a6ab
--- /dev/null
+++ b/packages/ghost-ui/public/r/hover-card.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "hover-card",
+  "dependencies": ["@radix-ui/react-hover-card"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/hover-card.tsx",
+      "content": "\"use client\";\n\nimport * as HoverCardPrimitive from \"@radix-ui/react-hover-card\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction HoverCard({\n  ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Root>) {\n  return <HoverCardPrimitive.Root data-slot=\"hover-card\" {...props} />;\n}\n\nfunction HoverCardTrigger({\n  ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) {\n  return (\n    <HoverCardPrimitive.Trigger data-slot=\"hover-card-trigger\" {...props} />\n  );\n}\n\nfunction HoverCardContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Content>) {\n  return (\n    <HoverCardPrimitive.Portal data-slot=\"hover-card-portal\">\n      <HoverCardPrimitive.Content\n        data-slot=\"hover-card-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-dropdown border p-4 outline-hidden\",\n          className,\n        )}\n        {...props}\n      />\n    </HoverCardPrimitive.Portal>\n  );\n}\n\nexport { HoverCard, HoverCardContent, HoverCardTrigger };\n",
+      "type": "registry:ui",
+      "target": "components/ui/hover-card.tsx"
+    }
+  ],
+  "categories": ["display"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/image.json b/packages/ghost-ui/public/r/image.json
new file mode 100644
index 0000000..82ca737
--- /dev/null
+++ b/packages/ghost-ui/public/r/image.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "image",
+  "dependencies": ["ai"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/image.tsx",
+      "content": "import type { Experimental_GeneratedImage } from \"ai\";\nimport { cn } from \"@/lib/utils\";\n\nexport type ImageProps = Experimental_GeneratedImage & {\n  className?: string;\n  alt?: string;\n};\n\nexport const Image = ({\n  base64,\n  uint8Array: _uint8Array,\n  mediaType,\n  ...props\n}: ImageProps) => (\n  <img\n    {...props}\n    alt={props.alt}\n    className={cn(\n      \"h-auto max-w-full overflow-hidden rounded-md\",\n      props.className,\n    )}\n    src={`data:${mediaType};base64,${base64}`}\n  />\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/image.tsx"
+    }
+  ],
+  "categories": ["ai", "media"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/inline-citation.json b/packages/ghost-ui/public/r/inline-citation.json
new file mode 100644
index 0000000..dbf3a1b
--- /dev/null
+++ b/packages/ghost-ui/public/r/inline-citation.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "inline-citation",
+  "dependencies": ["lucide-react"],
+  "registryDependencies": ["utils", "badge", "carousel", "hover-card"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/inline-citation.tsx",
+      "content": "\"use client\";\n\nimport { ArrowLeftIcon, ArrowRightIcon } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Badge } from \"@/components/ui/badge\";\nimport type { CarouselApi } from \"@/components/ui/carousel\";\nimport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n} from \"@/components/ui/carousel\";\nimport {\n  HoverCard,\n  HoverCardContent,\n  HoverCardTrigger,\n} from \"@/components/ui/hover-card\";\nimport { cn } from \"@/lib/utils\";\n\nexport type InlineCitationProps = ComponentProps<\"span\">;\n\nexport const InlineCitation = ({\n  className,\n  ...props\n}: InlineCitationProps) => (\n  <span\n    className={cn(\"group inline items-center gap-1\", className)}\n    {...props}\n  />\n);\n\nexport type InlineCitationTextProps = ComponentProps<\"span\">;\n\nexport const InlineCitationText = ({\n  className,\n  ...props\n}: InlineCitationTextProps) => (\n  <span\n    className={cn(\"transition-colors group-hover:bg-accent\", className)}\n    {...props}\n  />\n);\n\nexport type InlineCitationCardProps = ComponentProps<typeof HoverCard>;\n\nexport const InlineCitationCard = (props: InlineCitationCardProps) => (\n  <HoverCard closeDelay={0} openDelay={0} {...props} />\n);\n\nexport type InlineCitationCardTriggerProps = ComponentProps<typeof Badge> & {\n  sources: string[];\n};\n\nexport const InlineCitationCardTrigger = ({\n  sources,\n  className,\n  ...props\n}: InlineCitationCardTriggerProps) => (\n  <HoverCardTrigger asChild>\n    <Badge\n      className={cn(\"ml-1 rounded-full\", className)}\n      variant=\"secondary\"\n      {...props}\n    >\n      {sources[0] ? (\n        <>\n          {new URL(sources[0]).hostname}{\" \"}\n          {sources.length > 1 && `+${sources.length - 1}`}\n        </>\n      ) : (\n        \"unknown\"\n      )}\n    </Badge>\n  </HoverCardTrigger>\n);\n\nexport type InlineCitationCardBodyProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCardBody = ({\n  className,\n  ...props\n}: InlineCitationCardBodyProps) => (\n  <HoverCardContent className={cn(\"relative w-80 p-0\", className)} {...props} />\n);\n\nconst CarouselApiContext = createContext<CarouselApi | undefined>(undefined);\n\nconst useCarouselApi = () => {\n  const context = useContext(CarouselApiContext);\n  return context;\n};\n\nexport type InlineCitationCarouselProps = ComponentProps<typeof Carousel>;\n\nexport const InlineCitationCarousel = ({\n  className,\n  children,\n  ...props\n}: InlineCitationCarouselProps) => {\n  const [api, setApi] = useState<CarouselApi>();\n\n  return (\n    <CarouselApiContext.Provider value={api}>\n      <Carousel className={cn(\"w-full\", className)} setApi={setApi} {...props}>\n        {children}\n      </Carousel>\n    </CarouselApiContext.Provider>\n  );\n};\n\nexport type InlineCitationCarouselContentProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCarouselContent = (\n  props: InlineCitationCarouselContentProps,\n) => <CarouselContent {...props} />;\n\nexport type InlineCitationCarouselItemProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCarouselItem = ({\n  className,\n  ...props\n}: InlineCitationCarouselItemProps) => (\n  <CarouselItem\n    className={cn(\"w-full space-y-2 p-4 pl-8\", className)}\n    {...props}\n  />\n);\n\nexport type InlineCitationCarouselHeaderProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCarouselHeader = ({\n  className,\n  ...props\n}: InlineCitationCarouselHeaderProps) => (\n  <div\n    className={cn(\n      \"flex items-center justify-between gap-2 rounded-t-md bg-secondary p-2\",\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport type InlineCitationCarouselIndexProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCarouselIndex = ({\n  children,\n  className,\n  ...props\n}: InlineCitationCarouselIndexProps) => {\n  const api = useCarouselApi();\n  const [current, setCurrent] = useState(0);\n  const [count, setCount] = useState(0);\n\n  const syncState = useCallback(() => {\n    if (!api) {\n      return;\n    }\n    setCount(api.scrollSnapList().length);\n    setCurrent(api.selectedScrollSnap() + 1);\n  }, [api]);\n\n  useEffect(() => {\n    if (!api) {\n      return;\n    }\n\n    syncState();\n\n    api.on(\"select\", syncState);\n\n    return () => {\n      api.off(\"select\", syncState);\n    };\n  }, [api, syncState]);\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-1 items-center justify-end px-3 py-1 text-muted-foreground text-xs\",\n        className,\n      )}\n      {...props}\n    >\n      {children ?? `${current}/${count}`}\n    </div>\n  );\n};\n\nexport type InlineCitationCarouselPrevProps = ComponentProps<\"button\">;\n\nexport const InlineCitationCarouselPrev = ({\n  className,\n  ...props\n}: InlineCitationCarouselPrevProps) => {\n  const api = useCarouselApi();\n\n  const handleClick = useCallback(() => {\n    if (api) {\n      api.scrollPrev();\n    }\n  }, [api]);\n\n  return (\n    <button\n      aria-label=\"Previous\"\n      className={cn(\"shrink-0\", className)}\n      onClick={handleClick}\n      type=\"button\"\n      {...props}\n    >\n      <ArrowLeftIcon className=\"size-4 text-muted-foreground\" />\n    </button>\n  );\n};\n\nexport type InlineCitationCarouselNextProps = ComponentProps<\"button\">;\n\nexport const InlineCitationCarouselNext = ({\n  className,\n  ...props\n}: InlineCitationCarouselNextProps) => {\n  const api = useCarouselApi();\n\n  const handleClick = useCallback(() => {\n    if (api) {\n      api.scrollNext();\n    }\n  }, [api]);\n\n  return (\n    <button\n      aria-label=\"Next\"\n      className={cn(\"shrink-0\", className)}\n      onClick={handleClick}\n      type=\"button\"\n      {...props}\n    >\n      <ArrowRightIcon className=\"size-4 text-muted-foreground\" />\n    </button>\n  );\n};\n\nexport type InlineCitationSourceProps = ComponentProps<\"div\"> & {\n  title?: string;\n  url?: string;\n  description?: string;\n};\n\nexport const InlineCitationSource = ({\n  title,\n  url,\n  description,\n  className,\n  children,\n  ...props\n}: InlineCitationSourceProps) => (\n  <div className={cn(\"space-y-1\", className)} {...props}>\n    {title && (\n      <h4 className=\"truncate font-medium text-sm leading-tight\">{title}</h4>\n    )}\n    {url && (\n      <p className=\"truncate break-all text-muted-foreground text-xs\">{url}</p>\n    )}\n    {description && (\n      <p className=\"line-clamp-3 text-muted-foreground text-sm leading-relaxed\">\n        {description}\n      </p>\n    )}\n    {children}\n  </div>\n);\n\nexport type InlineCitationQuoteProps = ComponentProps<\"blockquote\">;\n\nexport const InlineCitationQuote = ({\n  children,\n  className,\n  ...props\n}: InlineCitationQuoteProps) => (\n  <blockquote\n    className={cn(\n      \"border-muted border-l-2 pl-3 text-muted-foreground text-sm italic\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </blockquote>\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/inline-citation.tsx"
+    }
+  ],
+  "categories": ["ai", "display"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/input-group.json b/packages/ghost-ui/public/r/input-group.json
new file mode 100644
index 0000000..dc7fdb9
--- /dev/null
+++ b/packages/ghost-ui/public/r/input-group.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "input-group",
+  "dependencies": ["class-variance-authority"],
+  "registryDependencies": ["utils", "button", "input", "textarea"],
+  "files": [
+    {
+      "path": "src/components/ui/input-group.tsx",
+      "content": "\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { Textarea } from \"@/components/ui/textarea\";\nimport { cn } from \"@/lib/utils\";\n\nfunction InputGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-group\"\n      role=\"group\"\n      className={cn(\n        \"group/input-group border-input dark:bg-input/30 shadow-xs relative flex w-full items-center rounded-md border outline-none transition-[color,box-shadow]\",\n        \"h-9 has-[>textarea]:h-auto\",\n\n        // Variants based on alignment.\n        \"has-[>[data-align=inline-start]]:[&>input]:pl-2\",\n        \"has-[>[data-align=inline-end]]:[&>input]:pr-2\",\n        \"has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3\",\n        \"has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3\",\n\n        // Focus state.\n        \"has-[[data-slot=input-group-control]:focus-visible]:ring-ring has-[[data-slot=input-group-control]:focus-visible]:ring-1\",\n\n        // Error state.\n        \"has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40\",\n\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nconst inputGroupAddonVariants = cva(\n  \"text-muted-foreground flex h-auto cursor-text select-none items-center justify-center gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      align: {\n        \"inline-start\":\n          \"order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]\",\n        \"inline-end\":\n          \"order-last pr-3 has-[>button]:mr-[-0.4rem] has-[>kbd]:mr-[-0.35rem]\",\n        \"block-start\":\n          \"[.border-b]:pb-3 order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5\",\n        \"block-end\":\n          \"[.border-t]:pt-3 order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5\",\n      },\n    },\n    defaultVariants: {\n      align: \"inline-start\",\n    },\n  },\n);\n\nfunction InputGroupAddon({\n  className,\n  align = \"inline-start\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof inputGroupAddonVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return;\n        }\n        e.currentTarget.parentElement?.querySelector(\"input\")?.focus();\n      }}\n      {...props}\n    />\n  );\n}\n\nconst inputGroupButtonVariants = cva(\n  \"flex items-center gap-2 text-sm shadow-none\",\n  {\n    variants: {\n      size: {\n        xs: \"h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5\",\n        sm: \"h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5\",\n        \"icon-xs\":\n          \"size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0\",\n        \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n      },\n    },\n    defaultVariants: {\n      size: \"xs\",\n    },\n  },\n);\n\nfunction InputGroupButton({\n  className,\n  type = \"button\",\n  variant = \"ghost\",\n  size = \"xs\",\n  ...props\n}: Omit<React.ComponentProps<typeof Button>, \"size\"> &\n  VariantProps<typeof inputGroupButtonVariants>) {\n  return (\n    <Button\n      type={type}\n      data-size={size}\n      variant={variant}\n      className={cn(inputGroupButtonVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupText({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      className={cn(\n        \"text-muted-foreground flex items-center gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupInput({\n  className,\n  ...props\n}: React.ComponentProps<\"input\">) {\n  return (\n    <Input\n      data-slot=\"input-group-control\"\n      className={cn(\n        \"flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupTextarea({\n  className,\n  ...props\n}: React.ComponentProps<\"textarea\">) {\n  return (\n    <Textarea\n      data-slot=\"input-group-control\"\n      className={cn(\n        \"flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n  InputGroupText,\n  InputGroupTextarea,\n};\n",
+      "type": "registry:ui",
+      "target": "components/ui/input-group.tsx"
+    }
+  ],
+  "categories": ["input"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/input-otp.json b/packages/ghost-ui/public/r/input-otp.json
new file mode 100644
index 0000000..114d1c3
--- /dev/null
+++ b/packages/ghost-ui/public/r/input-otp.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "input-otp",
+  "dependencies": ["input-otp", "lucide-react"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/input-otp.tsx",
+      "content": "\"use client\";\n\nimport { OTPInput, OTPInputContext } from \"input-otp\";\nimport { MinusIcon } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction InputOTP({\n  className,\n  containerClassName,\n  ...props\n}: React.ComponentProps<typeof OTPInput> & {\n  containerClassName?: string;\n}) {\n  return (\n    <OTPInput\n      data-slot=\"input-otp\"\n      containerClassName={cn(\n        \"flex items-center gap-2 has-disabled:opacity-50\",\n        containerClassName,\n      )}\n      className={cn(\"disabled:cursor-not-allowed\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-otp-group\"\n      className={cn(\"flex items-center\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction InputOTPSlot({\n  index,\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  index: number;\n}) {\n  const inputOTPContext = React.useContext(OTPInputContext);\n  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};\n\n  return (\n    <div\n      data-slot=\"input-otp-slot\"\n      data-active={isActive}\n      className={cn(\n        \"data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive border border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[1px]\",\n        className,\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"animate-caret-blink bg-foreground h-4 w-px duration-1000\" />\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div data-slot=\"input-otp-separator\" role=\"separator\" {...props}>\n      <MinusIcon />\n    </div>\n  );\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };\n",
+      "type": "registry:ui",
+      "target": "components/ui/input-otp.tsx"
+    }
+  ],
+  "categories": ["input"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/input.json b/packages/ghost-ui/public/r/input.json
new file mode 100644
index 0000000..ca15d48
--- /dev/null
+++ b/packages/ghost-ui/public/r/input.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "input",
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/input.tsx",
+      "content": "import type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground border-input hover:border-border-input-hover flex h-9 w-full min-w-0 rounded-input border bg-transparent px-3 py-1 text-base transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n        \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px]\",\n        \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n",
+      "type": "registry:ui",
+      "target": "components/ui/input.tsx"
+    }
+  ],
+  "categories": ["input"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/jsx-preview.json b/packages/ghost-ui/public/r/jsx-preview.json
new file mode 100644
index 0000000..dcf3e60
--- /dev/null
+++ b/packages/ghost-ui/public/r/jsx-preview.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "jsx-preview",
+  "dependencies": ["lucide-react"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/jsx-preview.tsx",
+      "content": "\"use client\";\n\nimport { AlertCircle } from \"lucide-react\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport {\n  createContext,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { TProps as JsxParserProps } from \"react-jsx-parser\";\nimport JsxParser from \"react-jsx-parser\";\nimport { cn } from \"@/lib/utils\";\n\ninterface JSXPreviewContextValue {\n  jsx: string;\n  processedJsx: string;\n  isStreaming: boolean;\n  error: Error | null;\n  setError: (error: Error | null) => void;\n  setLastGoodJsx: (jsx: string) => void;\n  components: JsxParserProps[\"components\"];\n  bindings: JsxParserProps[\"bindings\"];\n  onErrorProp?: (error: Error) => void;\n}\n\nconst JSXPreviewContext = createContext<JSXPreviewContextValue | null>(null);\n\nconst TAG_REGEX = /<\\/?([a-zA-Z][a-zA-Z0-9]*)\\s*([^>]*?)(\\/)?>/;\n\nexport const useJSXPreview = () => {\n  const context = useContext(JSXPreviewContext);\n  if (!context) {\n    throw new Error(\"JSXPreview components must be used within JSXPreview\");\n  }\n  return context;\n};\n\nconst matchJsxTag = (code: string) => {\n  if (code.trim() === \"\") {\n    return null;\n  }\n\n  const match = code.match(TAG_REGEX);\n\n  if (!match || match.index === undefined) {\n    return null;\n  }\n\n  const [fullMatch, tagName, attributes, selfClosing] = match;\n\n  let type: \"self-closing\" | \"closing\" | \"opening\";\n  if (selfClosing) {\n    type = \"self-closing\";\n  } else if (fullMatch.startsWith(\"</\")) {\n    type = \"closing\";\n  } else {\n    type = \"opening\";\n  }\n\n  return {\n    attributes: attributes.trim(),\n    endIndex: match.index + fullMatch.length,\n    startIndex: match.index,\n    tag: fullMatch,\n    tagName,\n    type,\n  };\n};\n\nconst stripIncompleteTag = (text: string) => {\n  // Find the last '<' that isn't part of a complete tag\n  const lastOpen = text.lastIndexOf(\"<\");\n  if (lastOpen === -1) {\n    return text;\n  }\n\n  const afterOpen = text.slice(lastOpen);\n  // If there's no closing '>' after the last '<', it's an incomplete tag\n  if (!afterOpen.includes(\">\")) {\n    return text.slice(0, lastOpen);\n  }\n\n  return text;\n};\n\nconst completeJsxTag = (code: string) => {\n  const stack: string[] = [];\n  let result = \"\";\n  let currentPosition = 0;\n\n  while (currentPosition < code.length) {\n    const match = matchJsxTag(code.slice(currentPosition));\n    if (!match) {\n      // No more tags found, strip any trailing incomplete tag\n      result += stripIncompleteTag(code.slice(currentPosition));\n      break;\n    }\n    const { tagName, type, endIndex } = match;\n\n    // Include any text content before this tag\n    result += code.slice(currentPosition, currentPosition + endIndex);\n\n    if (type === \"opening\") {\n      stack.push(tagName);\n    } else if (type === \"closing\") {\n      stack.pop();\n    }\n\n    currentPosition += endIndex;\n  }\n\n  return (\n    result +\n    stack\n      .toReversed()\n      .map((tag) => `</${tag}>`)\n      .join(\"\")\n  );\n};\n\nexport type JSXPreviewProps = ComponentProps<\"div\"> & {\n  jsx: string;\n  isStreaming?: boolean;\n  components?: JsxParserProps[\"components\"];\n  bindings?: JsxParserProps[\"bindings\"];\n  onError?: (error: Error) => void;\n};\n\nexport const JSXPreview = memo(\n  ({\n    jsx,\n    isStreaming = false,\n    components,\n    bindings,\n    onError,\n    className,\n    children,\n    ...props\n  }: JSXPreviewProps) => {\n    const [prevJsx, setPrevJsx] = useState(jsx);\n    const [error, setError] = useState<Error | null>(null);\n    const [_lastGoodJsx, setLastGoodJsx] = useState(\"\");\n\n    // Clear error when jsx changes (derived state pattern)\n    if (jsx !== prevJsx) {\n      setPrevJsx(jsx);\n      setError(null);\n    }\n\n    const processedJsx = useMemo(\n      () => (isStreaming ? completeJsxTag(jsx) : jsx),\n      [jsx, isStreaming],\n    );\n\n    const contextValue = useMemo(\n      () => ({\n        bindings,\n        components,\n        error,\n        isStreaming,\n        jsx,\n        onErrorProp: onError,\n        processedJsx,\n        setError,\n        setLastGoodJsx,\n      }),\n      [\n        bindings,\n        components,\n        error,\n        isStreaming,\n        jsx,\n        onError,\n        processedJsx,\n        setError,\n      ],\n    );\n\n    return (\n      <JSXPreviewContext.Provider value={contextValue}>\n        <div className={cn(\"relative\", className)} {...props}>\n          {children}\n        </div>\n      </JSXPreviewContext.Provider>\n    );\n  },\n);\n\nJSXPreview.displayName = \"JSXPreview\";\n\nexport type JSXPreviewContentProps = Omit<ComponentProps<\"div\">, \"children\">;\n\nexport const JSXPreviewContent = memo(\n  ({ className, ...props }: JSXPreviewContentProps) => {\n    const {\n      processedJsx,\n      isStreaming,\n      components,\n      bindings,\n      setError,\n      setLastGoodJsx,\n      onErrorProp,\n    } = useJSXPreview();\n    const errorReportedRef = useRef<string | null>(null);\n    const lastGoodJsxRef = useRef(\"\");\n    const [hadError, setHadError] = useState(false);\n\n    // Reset error tracking when jsx changes\n    useEffect(() => {\n      errorReportedRef.current = null;\n      setHadError(false);\n    }, [processedJsx]);\n\n    const handleError = useCallback(\n      (err: Error) => {\n        // Prevent duplicate error reports for the same jsx\n        if (errorReportedRef.current === processedJsx) {\n          return;\n        }\n        errorReportedRef.current = processedJsx;\n\n        // During streaming, suppress errors and fall back to last good JSX\n        if (isStreaming) {\n          setHadError(true);\n          return;\n        }\n\n        setError(err);\n        onErrorProp?.(err);\n      },\n      [processedJsx, isStreaming, onErrorProp, setError],\n    );\n\n    // Track the last JSX that rendered without error\n    useEffect(() => {\n      if (!errorReportedRef.current) {\n        lastGoodJsxRef.current = processedJsx;\n        setLastGoodJsx(processedJsx);\n      }\n    }, [processedJsx, setLastGoodJsx]);\n\n    // During streaming, if the current JSX errored, re-render with last good version\n    const displayJsx =\n      isStreaming && hadError ? lastGoodJsxRef.current : processedJsx;\n\n    return (\n      <div className={cn(\"jsx-preview-content\", className)} {...props}>\n        <JsxParser\n          bindings={bindings}\n          components={components}\n          jsx={displayJsx}\n          onError={handleError}\n          renderInWrapper={false}\n        />\n      </div>\n    );\n  },\n);\n\nJSXPreviewContent.displayName = \"JSXPreviewContent\";\n\nexport type JSXPreviewErrorProps = ComponentProps<\"div\"> & {\n  children?: ReactNode | ((error: Error) => ReactNode);\n};\n\nconst renderChildren = (\n  children: ReactNode | ((error: Error) => ReactNode),\n  error: Error,\n): ReactNode => {\n  if (typeof children === \"function\") {\n    return children(error);\n  }\n  return children;\n};\n\nexport const JSXPreviewError = memo(\n  ({ className, children, ...props }: JSXPreviewErrorProps) => {\n    const { error } = useJSXPreview();\n\n    if (!error) {\n      return null;\n    }\n\n    return (\n      <div\n        className={cn(\n          \"flex items-center gap-2 rounded-md border border-destructive/50 bg-destructive/10 p-3 text-destructive text-sm\",\n          className,\n        )}\n        {...props}\n      >\n        {children ? (\n          renderChildren(children, error)\n        ) : (\n          <>\n            <AlertCircle className=\"size-4 shrink-0\" />\n            <span>{error.message}</span>\n          </>\n        )}\n      </div>\n    );\n  },\n);\n\nJSXPreviewError.displayName = \"JSXPreviewError\";\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/jsx-preview.tsx"
+    }
+  ],
+  "categories": ["ai", "code"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/label.json b/packages/ghost-ui/public/r/label.json
new file mode 100644
index 0000000..436fab8
--- /dev/null
+++ b/packages/ghost-ui/public/r/label.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "label",
+  "dependencies": ["@radix-ui/react-label"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/label.tsx",
+      "content": "\"use client\";\n\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"flex gap-2 text-sm leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n",
+      "type": "registry:ui",
+      "target": "components/ui/label.tsx"
+    }
+  ],
+  "categories": ["input"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/menubar.json b/packages/ghost-ui/public/r/menubar.json
new file mode 100644
index 0000000..f95f7fc
--- /dev/null
+++ b/packages/ghost-ui/public/r/menubar.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "menubar",
+  "dependencies": ["@radix-ui/react-menubar", "lucide-react"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/menubar.tsx",
+      "content": "\"use client\";\n\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Menubar({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Root>) {\n  return (\n    <MenubarPrimitive.Root\n      data-slot=\"menubar\"\n      className={cn(\n        \"bg-background flex h-9 items-center gap-1 rounded-md border p-1\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarMenu({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\n  return <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />;\n}\n\nfunction MenubarGroup({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Group>) {\n  return <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />;\n}\n\nfunction MenubarPortal({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\n  return <MenubarPrimitive.Portal data-slot=\"menubar-portal\" {...props} />;\n}\n\nfunction MenubarRadioGroup({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\n  return (\n    <MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />\n  );\n}\n\nfunction MenubarTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {\n  return (\n    <MenubarPrimitive.Trigger\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        \"focus:bg-muted focus:text-muted-foreground data-[state=open]:bg-muted data-[state=open]:text-muted-foreground flex items-center rounded-sm px-2 py-1 text-sm outline-hidden select-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarContent({\n  className,\n  align = \"start\",\n  alignOffset = -4,\n  sideOffset = 8,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Content>) {\n  return (\n    <MenubarPortal>\n      <MenubarPrimitive.Content\n        data-slot=\"menubar-content\"\n        align={align}\n        alignOffset={alignOffset}\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-dropdown border p-1\",\n          className,\n        )}\n        {...props}\n      />\n    </MenubarPortal>\n  );\n}\n\nfunction MenubarItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Item> & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}) {\n  return (\n    <MenubarPrimitive.Item\n      data-slot=\"menubar-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-muted focus:text-muted-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) {\n  return (\n    <MenubarPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      className={cn(\n        \"focus:bg-muted focus:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.CheckboxItem>\n  );\n}\n\nfunction MenubarRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) {\n  return (\n    <MenubarPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      className={cn(\n        \"focus:bg-muted focus:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.RadioItem>\n  );\n}\n\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <MenubarPrimitive.Label\n      data-slot=\"menubar-label\"\n      data-inset={inset}\n      className={cn(\"px-2 py-1.5 text-sm data-[inset]:pl-8\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Separator>) {\n  return (\n    <MenubarPrimitive.Separator\n      data-slot=\"menubar-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"menubar-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarSub({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\n  return <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />;\n}\n\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <MenubarPrimitive.SubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-muted focus:text-muted-foreground data-[state=open]:bg-muted data-[state=open]:text-muted-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto h-4 w-4\" />\n    </MenubarPrimitive.SubTrigger>\n  );\n}\n\nfunction MenubarSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {\n  return (\n    <MenubarPrimitive.SubContent\n      data-slot=\"menubar-sub-content\"\n      className={cn(\n        \"bg-popover text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-dropdown border p-1\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Menubar,\n  MenubarCheckboxItem,\n  MenubarContent,\n  MenubarGroup,\n  MenubarItem,\n  MenubarLabel,\n  MenubarMenu,\n  MenubarPortal,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSeparator,\n  MenubarShortcut,\n  MenubarSub,\n  MenubarSubContent,\n  MenubarSubTrigger,\n  MenubarTrigger,\n};\n",
+      "type": "registry:ui",
+      "target": "components/ui/menubar.tsx"
+    }
+  ],
+  "categories": ["navigation"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/message.json b/packages/ghost-ui/public/r/message.json
new file mode 100644
index 0000000..8561d9f
--- /dev/null
+++ b/packages/ghost-ui/public/r/message.json
@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "message",
+  "dependencies": [
+    "@streamdown/cjk",
+    "@streamdown/code",
+    "@streamdown/math",
+    "@streamdown/mermaid",
+    "ai",
+    "lucide-react",
+    "streamdown"
+  ],
+  "registryDependencies": ["utils", "button", "button-group", "tooltip"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/message.tsx",
+      "content": "\"use client\";\n\nimport { cjk } from \"@streamdown/cjk\";\nimport { code } from \"@streamdown/code\";\nimport { math } from \"@streamdown/math\";\nimport { mermaid } from \"@streamdown/mermaid\";\nimport type { UIMessage } from \"ai\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\";\nimport type { ComponentProps, HTMLAttributes, ReactElement } from \"react\";\nimport {\n  createContext,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { Streamdown } from \"streamdown\";\nimport { Button } from \"@/components/ui/button\";\nimport { ButtonGroup, ButtonGroupText } from \"@/components/ui/button-group\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\nexport type MessageProps = HTMLAttributes<HTMLDivElement> & {\n  from: UIMessage[\"role\"];\n};\n\nexport const Message = ({ className, from, ...props }: MessageProps) => (\n  <div\n    className={cn(\n      \"group flex w-full max-w-[95%] flex-col gap-2\",\n      from === \"user\" ? \"is-user ml-auto justify-end\" : \"is-assistant\",\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport type MessageContentProps = HTMLAttributes<HTMLDivElement>;\n\nexport const MessageContent = ({\n  children,\n  className,\n  ...props\n}: MessageContentProps) => (\n  <div\n    className={cn(\n      \"is-user:dark flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm\",\n      \"group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground\",\n      \"group-[.is-assistant]:text-foreground\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type MessageActionsProps = ComponentProps<\"div\">;\n\nexport const MessageActions = ({\n  className,\n  children,\n  ...props\n}: MessageActionsProps) => (\n  <div className={cn(\"flex items-center gap-1\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport type MessageActionProps = ComponentProps<typeof Button> & {\n  tooltip?: string;\n  label?: string;\n};\n\nexport const MessageAction = ({\n  tooltip,\n  children,\n  label,\n  variant = \"ghost\",\n  size = \"icon-sm\",\n  ...props\n}: MessageActionProps) => {\n  const button = (\n    <Button size={size} type=\"button\" variant={variant} {...props}>\n      {children}\n      <span className=\"sr-only\">{label || tooltip}</span>\n    </Button>\n  );\n\n  if (tooltip) {\n    return (\n      <TooltipProvider>\n        <Tooltip>\n          <TooltipTrigger asChild>{button}</TooltipTrigger>\n          <TooltipContent>\n            <p>{tooltip}</p>\n          </TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n    );\n  }\n\n  return button;\n};\n\ninterface MessageBranchContextType {\n  currentBranch: number;\n  totalBranches: number;\n  goToPrevious: () => void;\n  goToNext: () => void;\n  branches: ReactElement[];\n  setBranches: (branches: ReactElement[]) => void;\n}\n\nconst MessageBranchContext = createContext<MessageBranchContextType | null>(\n  null,\n);\n\nconst useMessageBranch = () => {\n  const context = useContext(MessageBranchContext);\n\n  if (!context) {\n    throw new Error(\n      \"MessageBranch components must be used within MessageBranch\",\n    );\n  }\n\n  return context;\n};\n\nexport type MessageBranchProps = HTMLAttributes<HTMLDivElement> & {\n  defaultBranch?: number;\n  onBranchChange?: (branchIndex: number) => void;\n};\n\nexport const MessageBranch = ({\n  defaultBranch = 0,\n  onBranchChange,\n  className,\n  ...props\n}: MessageBranchProps) => {\n  const [currentBranch, setCurrentBranch] = useState(defaultBranch);\n  const [branches, setBranches] = useState<ReactElement[]>([]);\n\n  const handleBranchChange = useCallback(\n    (newBranch: number) => {\n      setCurrentBranch(newBranch);\n      onBranchChange?.(newBranch);\n    },\n    [onBranchChange],\n  );\n\n  const goToPrevious = useCallback(() => {\n    const newBranch =\n      currentBranch > 0 ? currentBranch - 1 : branches.length - 1;\n    handleBranchChange(newBranch);\n  }, [currentBranch, branches.length, handleBranchChange]);\n\n  const goToNext = useCallback(() => {\n    const newBranch =\n      currentBranch < branches.length - 1 ? currentBranch + 1 : 0;\n    handleBranchChange(newBranch);\n  }, [currentBranch, branches.length, handleBranchChange]);\n\n  const contextValue = useMemo<MessageBranchContextType>(\n    () => ({\n      branches,\n      currentBranch,\n      goToNext,\n      goToPrevious,\n      setBranches,\n      totalBranches: branches.length,\n    }),\n    [branches, currentBranch, goToNext, goToPrevious],\n  );\n\n  return (\n    <MessageBranchContext.Provider value={contextValue}>\n      <div\n        className={cn(\"grid w-full gap-2 [&>div]:pb-0\", className)}\n        {...props}\n      />\n    </MessageBranchContext.Provider>\n  );\n};\n\nexport type MessageBranchContentProps = HTMLAttributes<HTMLDivElement>;\n\nexport const MessageBranchContent = ({\n  children,\n  ...props\n}: MessageBranchContentProps) => {\n  const { currentBranch, setBranches, branches } = useMessageBranch();\n  const childrenArray = useMemo(\n    () => (Array.isArray(children) ? children : [children]),\n    [children],\n  );\n\n  // Use useEffect to update branches when they change\n  useEffect(() => {\n    if (branches.length !== childrenArray.length) {\n      setBranches(childrenArray);\n    }\n  }, [childrenArray, branches, setBranches]);\n\n  return childrenArray.map((branch, index) => (\n    <div\n      className={cn(\n        \"grid gap-2 overflow-hidden [&>div]:pb-0\",\n        index === currentBranch ? \"block\" : \"hidden\",\n      )}\n      key={branch.key}\n      {...props}\n    >\n      {branch}\n    </div>\n  ));\n};\n\nexport type MessageBranchSelectorProps = ComponentProps<typeof ButtonGroup>;\n\nexport const MessageBranchSelector = ({\n  className,\n  ...props\n}: MessageBranchSelectorProps) => {\n  const { totalBranches } = useMessageBranch();\n\n  // Don't render if there's only one branch\n  if (totalBranches <= 1) {\n    return null;\n  }\n\n  return (\n    <ButtonGroup\n      className={cn(\n        \"[&>*:not(:first-child)]:rounded-l-md [&>*:not(:last-child)]:rounded-r-md\",\n        className,\n      )}\n      orientation=\"horizontal\"\n      {...props}\n    />\n  );\n};\n\nexport type MessageBranchPreviousProps = ComponentProps<typeof Button>;\n\nexport const MessageBranchPrevious = ({\n  children,\n  ...props\n}: MessageBranchPreviousProps) => {\n  const { goToPrevious, totalBranches } = useMessageBranch();\n\n  return (\n    <Button\n      aria-label=\"Previous branch\"\n      disabled={totalBranches <= 1}\n      onClick={goToPrevious}\n      size=\"icon-sm\"\n      type=\"button\"\n      variant=\"ghost\"\n      {...props}\n    >\n      {children ?? <ChevronLeftIcon size={14} />}\n    </Button>\n  );\n};\n\nexport type MessageBranchNextProps = ComponentProps<typeof Button>;\n\nexport const MessageBranchNext = ({\n  children,\n  ...props\n}: MessageBranchNextProps) => {\n  const { goToNext, totalBranches } = useMessageBranch();\n\n  return (\n    <Button\n      aria-label=\"Next branch\"\n      disabled={totalBranches <= 1}\n      onClick={goToNext}\n      size=\"icon-sm\"\n      type=\"button\"\n      variant=\"ghost\"\n      {...props}\n    >\n      {children ?? <ChevronRightIcon size={14} />}\n    </Button>\n  );\n};\n\nexport type MessageBranchPageProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const MessageBranchPage = ({\n  className,\n  ...props\n}: MessageBranchPageProps) => {\n  const { currentBranch, totalBranches } = useMessageBranch();\n\n  return (\n    <ButtonGroupText\n      className={cn(\n        \"border-none bg-transparent text-muted-foreground shadow-none\",\n        className,\n      )}\n      {...props}\n    >\n      {currentBranch + 1} of {totalBranches}\n    </ButtonGroupText>\n  );\n};\n\nexport type MessageResponseProps = ComponentProps<typeof Streamdown>;\n\nconst streamdownPlugins = { cjk, code, math, mermaid };\n\nexport const MessageResponse = memo(\n  ({ className, ...props }: MessageResponseProps) => (\n    <Streamdown\n      className={cn(\n        \"size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0\",\n        className,\n      )}\n      plugins={streamdownPlugins}\n      {...props}\n    />\n  ),\n  (prevProps, nextProps) =>\n    prevProps.children === nextProps.children &&\n    nextProps.isAnimating === prevProps.isAnimating,\n);\n\nMessageResponse.displayName = \"MessageResponse\";\n\nexport type MessageToolbarProps = ComponentProps<\"div\">;\n\nexport const MessageToolbar = ({\n  className,\n  children,\n  ...props\n}: MessageToolbarProps) => (\n  <div\n    className={cn(\n      \"mt-4 flex w-full items-center justify-between gap-4\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/message.tsx"
+    }
+  ],
+  "categories": ["ai", "chat"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/mic-selector.json b/packages/ghost-ui/public/r/mic-selector.json
new file mode 100644
index 0000000..0b42472
--- /dev/null
+++ b/packages/ghost-ui/public/r/mic-selector.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "mic-selector",
+  "dependencies": ["@radix-ui/react-use-controllable-state", "lucide-react"],
+  "registryDependencies": ["utils", "button", "command", "popover"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/mic-selector.tsx",
+      "content": "\"use client\";\n\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { ChevronsUpDownIcon } from \"lucide-react\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Command,\n  CommandEmpty,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from \"@/components/ui/command\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/components/ui/popover\";\nimport { cn } from \"@/lib/utils\";\n\nconst deviceIdRegex = /\\(([\\da-fA-F]{4}:[\\da-fA-F]{4})\\)$/;\n\ninterface MicSelectorContextType {\n  data: MediaDeviceInfo[];\n  value: string | undefined;\n  onValueChange?: (value: string) => void;\n  open: boolean;\n  onOpenChange?: (open: boolean) => void;\n  width: number;\n  setWidth?: (width: number) => void;\n}\n\nconst MicSelectorContext = createContext<MicSelectorContextType>({\n  data: [],\n  onOpenChange: undefined,\n  onValueChange: undefined,\n  open: false,\n  setWidth: undefined,\n  value: undefined,\n  width: 200,\n});\n\nexport const useAudioDevices = () => {\n  const [devices, setDevices] = useState<MediaDeviceInfo[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [hasPermission, setHasPermission] = useState(false);\n\n  const loadDevicesWithoutPermission = useCallback(async () => {\n    try {\n      setLoading(true);\n      setError(null);\n\n      const deviceList = await navigator.mediaDevices.enumerateDevices();\n      const audioInputs = deviceList.filter(\n        (device) => device.kind === \"audioinput\",\n      );\n\n      setDevices(audioInputs);\n    } catch (caughtError) {\n      const message =\n        caughtError instanceof Error\n          ? caughtError.message\n          : \"Failed to get audio devices\";\n\n      setError(message);\n      console.error(\"Error getting audio devices:\", message);\n    } finally {\n      setLoading(false);\n    }\n  }, []);\n\n  const loadDevicesWithPermission = useCallback(async () => {\n    if (loading) {\n      return;\n    }\n\n    try {\n      setLoading(true);\n      setError(null);\n\n      const tempStream = await navigator.mediaDevices.getUserMedia({\n        audio: true,\n      });\n\n      for (const track of tempStream.getTracks()) {\n        track.stop();\n      }\n\n      const deviceList = await navigator.mediaDevices.enumerateDevices();\n      const audioInputs = deviceList.filter(\n        (device) => device.kind === \"audioinput\",\n      );\n\n      setDevices(audioInputs);\n      setHasPermission(true);\n    } catch (caughtError) {\n      const message =\n        caughtError instanceof Error\n          ? caughtError.message\n          : \"Failed to get audio devices\";\n\n      setError(message);\n      console.error(\"Error getting audio devices:\", message);\n    } finally {\n      setLoading(false);\n    }\n  }, [loading]);\n\n  useEffect(() => {\n    loadDevicesWithoutPermission();\n  }, [loadDevicesWithoutPermission]);\n\n  useEffect(() => {\n    const handleDeviceChange = () => {\n      if (hasPermission) {\n        loadDevicesWithPermission();\n      } else {\n        loadDevicesWithoutPermission();\n      }\n    };\n\n    navigator.mediaDevices.addEventListener(\"devicechange\", handleDeviceChange);\n\n    return () => {\n      navigator.mediaDevices.removeEventListener(\n        \"devicechange\",\n        handleDeviceChange,\n      );\n    };\n  }, [hasPermission, loadDevicesWithPermission, loadDevicesWithoutPermission]);\n\n  return {\n    devices,\n    error,\n    hasPermission,\n    loadDevices: loadDevicesWithPermission,\n    loading,\n  };\n};\n\nexport type MicSelectorProps = ComponentProps<typeof Popover> & {\n  defaultValue?: string;\n  value?: string | undefined;\n  onValueChange?: (value: string | undefined) => void;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n};\n\nexport const MicSelector = ({\n  defaultValue,\n  value: controlledValue,\n  onValueChange: controlledOnValueChange,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange: controlledOnOpenChange,\n  ...props\n}: MicSelectorProps) => {\n  const [value, onValueChange] = useControllableState<string | undefined>({\n    defaultProp: defaultValue,\n    onChange: controlledOnValueChange,\n    prop: controlledValue,\n  });\n  const [open, onOpenChange] = useControllableState({\n    defaultProp: defaultOpen,\n    onChange: controlledOnOpenChange,\n    prop: controlledOpen,\n  });\n  const [width, setWidth] = useState(200);\n  const { devices, loading, hasPermission, loadDevices } = useAudioDevices();\n\n  useEffect(() => {\n    if (open && !hasPermission && !loading) {\n      loadDevices();\n    }\n  }, [open, hasPermission, loading, loadDevices]);\n\n  const contextValue = useMemo(\n    () => ({\n      data: devices,\n      onOpenChange,\n      onValueChange,\n      open,\n      setWidth,\n      value,\n      width,\n    }),\n    [devices, onOpenChange, onValueChange, open, setWidth, value, width],\n  );\n\n  return (\n    <MicSelectorContext.Provider value={contextValue}>\n      <Popover {...props} onOpenChange={onOpenChange} open={open} />\n    </MicSelectorContext.Provider>\n  );\n};\n\nexport type MicSelectorTriggerProps = ComponentProps<typeof Button>;\n\nexport const MicSelectorTrigger = ({\n  children,\n  ...props\n}: MicSelectorTriggerProps) => {\n  const { setWidth } = useContext(MicSelectorContext);\n  const ref = useRef<HTMLButtonElement>(null);\n\n  useEffect(() => {\n    // Create a ResizeObserver to detect width changes\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const newWidth = (entry.target as HTMLElement).offsetWidth;\n        if (newWidth) {\n          setWidth?.(newWidth);\n        }\n      }\n    });\n\n    if (ref.current) {\n      resizeObserver.observe(ref.current);\n    }\n\n    // Clean up the observer when component unmounts\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [setWidth]);\n\n  return (\n    <PopoverTrigger asChild>\n      <Button variant=\"outline\" {...props} ref={ref}>\n        {children}\n        <ChevronsUpDownIcon\n          className=\"shrink-0 text-muted-foreground\"\n          size={16}\n        />\n      </Button>\n    </PopoverTrigger>\n  );\n};\n\nexport type MicSelectorContentProps = ComponentProps<typeof Command> & {\n  popoverOptions?: ComponentProps<typeof PopoverContent>;\n};\n\nexport const MicSelectorContent = ({\n  className,\n  popoverOptions,\n  ...props\n}: MicSelectorContentProps) => {\n  const { width, onValueChange, value } = useContext(MicSelectorContext);\n\n  return (\n    <PopoverContent\n      className={cn(\"p-0\", className)}\n      style={{ width }}\n      {...popoverOptions}\n    >\n      <Command onValueChange={onValueChange} value={value} {...props} />\n    </PopoverContent>\n  );\n};\n\nexport type MicSelectorInputProps = ComponentProps<typeof CommandInput> & {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n};\n\nexport const MicSelectorInput = ({ ...props }: MicSelectorInputProps) => (\n  <CommandInput placeholder=\"Search microphones...\" {...props} />\n);\n\nexport type MicSelectorListProps = Omit<\n  ComponentProps<typeof CommandList>,\n  \"children\"\n> & {\n  children: (devices: MediaDeviceInfo[]) => ReactNode;\n};\n\nexport const MicSelectorList = ({\n  children,\n  ...props\n}: MicSelectorListProps) => {\n  const { data } = useContext(MicSelectorContext);\n\n  return <CommandList {...props}>{children(data)}</CommandList>;\n};\n\nexport type MicSelectorEmptyProps = ComponentProps<typeof CommandEmpty>;\n\nexport const MicSelectorEmpty = ({\n  children = \"No microphone found.\",\n  ...props\n}: MicSelectorEmptyProps) => <CommandEmpty {...props}>{children}</CommandEmpty>;\n\nexport type MicSelectorItemProps = ComponentProps<typeof CommandItem>;\n\nexport const MicSelectorItem = (props: MicSelectorItemProps) => {\n  const { onValueChange, onOpenChange } = useContext(MicSelectorContext);\n\n  const handleSelect = useCallback(\n    (currentValue: string) => {\n      onValueChange?.(currentValue);\n      onOpenChange?.(false);\n    },\n    [onValueChange, onOpenChange],\n  );\n\n  return <CommandItem onSelect={handleSelect} {...props} />;\n};\n\nexport type MicSelectorLabelProps = ComponentProps<\"span\"> & {\n  device: MediaDeviceInfo;\n};\n\nexport const MicSelectorLabel = ({\n  device,\n  className,\n  ...props\n}: MicSelectorLabelProps) => {\n  const matches = device.label.match(deviceIdRegex);\n\n  if (!matches) {\n    return (\n      <span className={className} {...props}>\n        {device.label}\n      </span>\n    );\n  }\n\n  const [, deviceId] = matches;\n  const name = device.label.replace(deviceIdRegex, \"\");\n\n  return (\n    <span className={className} {...props}>\n      <span>{name}</span>\n      <span className=\"text-muted-foreground\"> ({deviceId})</span>\n    </span>\n  );\n};\n\nexport type MicSelectorValueProps = ComponentProps<\"span\">;\n\nexport const MicSelectorValue = ({\n  className,\n  ...props\n}: MicSelectorValueProps) => {\n  const { data, value } = useContext(MicSelectorContext);\n  const currentDevice = data.find((d) => d.deviceId === value);\n\n  if (!currentDevice) {\n    return (\n      <span className={cn(\"flex-1 text-left\", className)} {...props}>\n        Select microphone...\n      </span>\n    );\n  }\n\n  return (\n    <MicSelectorLabel\n      className={cn(\"flex-1 text-left\", className)}\n      device={currentDevice}\n      {...props}\n    />\n  );\n};\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/mic-selector.tsx"
+    }
+  ],
+  "categories": ["ai", "input", "media"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/model-selector.json b/packages/ghost-ui/public/r/model-selector.json
new file mode 100644
index 0000000..af1adf6
--- /dev/null
+++ b/packages/ghost-ui/public/r/model-selector.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "model-selector",
+  "registryDependencies": ["utils", "command", "dialog"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/model-selector.tsx",
+      "content": "import type { ComponentProps, ReactNode } from \"react\";\nimport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n} from \"@/components/ui/command\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/components/ui/dialog\";\nimport { cn } from \"@/lib/utils\";\n\nexport type ModelSelectorProps = ComponentProps<typeof Dialog>;\n\nexport const ModelSelector = (props: ModelSelectorProps) => (\n  <Dialog {...props} />\n);\n\nexport type ModelSelectorTriggerProps = ComponentProps<typeof DialogTrigger>;\n\nexport const ModelSelectorTrigger = (props: ModelSelectorTriggerProps) => (\n  <DialogTrigger {...props} />\n);\n\nexport type ModelSelectorContentProps = ComponentProps<typeof DialogContent> & {\n  title?: ReactNode;\n};\n\nexport const ModelSelectorContent = ({\n  className,\n  children,\n  title = \"Model Selector\",\n  ...props\n}: ModelSelectorContentProps) => (\n  <DialogContent\n    aria-describedby={undefined}\n    className={cn(\n      \"outline! border-none! p-0 outline-border! outline-solid!\",\n      className,\n    )}\n    {...props}\n  >\n    <DialogTitle className=\"sr-only\">{title}</DialogTitle>\n    <Command className=\"**:data-[slot=command-input-wrapper]:h-auto\">\n      {children}\n    </Command>\n  </DialogContent>\n);\n\nexport type ModelSelectorDialogProps = ComponentProps<typeof CommandDialog>;\n\nexport const ModelSelectorDialog = (props: ModelSelectorDialogProps) => (\n  <CommandDialog {...props} />\n);\n\nexport type ModelSelectorInputProps = ComponentProps<typeof CommandInput>;\n\nexport const ModelSelectorInput = ({\n  className,\n  ...props\n}: ModelSelectorInputProps) => (\n  <CommandInput className={cn(\"h-auto py-3.5\", className)} {...props} />\n);\n\nexport type ModelSelectorListProps = ComponentProps<typeof CommandList>;\n\nexport const ModelSelectorList = (props: ModelSelectorListProps) => (\n  <CommandList {...props} />\n);\n\nexport type ModelSelectorEmptyProps = ComponentProps<typeof CommandEmpty>;\n\nexport const ModelSelectorEmpty = (props: ModelSelectorEmptyProps) => (\n  <CommandEmpty {...props} />\n);\n\nexport type ModelSelectorGroupProps = ComponentProps<typeof CommandGroup>;\n\nexport const ModelSelectorGroup = (props: ModelSelectorGroupProps) => (\n  <CommandGroup {...props} />\n);\n\nexport type ModelSelectorItemProps = ComponentProps<typeof CommandItem>;\n\nexport const ModelSelectorItem = (props: ModelSelectorItemProps) => (\n  <CommandItem {...props} />\n);\n\nexport type ModelSelectorShortcutProps = ComponentProps<typeof CommandShortcut>;\n\nexport const ModelSelectorShortcut = (props: ModelSelectorShortcutProps) => (\n  <CommandShortcut {...props} />\n);\n\nexport type ModelSelectorSeparatorProps = ComponentProps<\n  typeof CommandSeparator\n>;\n\nexport const ModelSelectorSeparator = (props: ModelSelectorSeparatorProps) => (\n  <CommandSeparator {...props} />\n);\n\nexport type ModelSelectorLogoProps = Omit<\n  ComponentProps<\"img\">,\n  \"src\" | \"alt\"\n> & {\n  provider:\n    | \"moonshotai-cn\"\n    | \"lucidquery\"\n    | \"moonshotai\"\n    | \"zai-coding-plan\"\n    | \"alibaba\"\n    | \"xai\"\n    | \"vultr\"\n    | \"nvidia\"\n    | \"upstage\"\n    | \"groq\"\n    | \"github-copilot\"\n    | \"mistral\"\n    | \"vercel\"\n    | \"nebius\"\n    | \"deepseek\"\n    | \"alibaba-cn\"\n    | \"google-vertex-anthropic\"\n    | \"venice\"\n    | \"chutes\"\n    | \"cortecs\"\n    | \"github-models\"\n    | \"togetherai\"\n    | \"azure\"\n    | \"baseten\"\n    | \"huggingface\"\n    | \"opencode\"\n    | \"fastrouter\"\n    | \"google\"\n    | \"google-vertex\"\n    | \"cloudflare-workers-ai\"\n    | \"inception\"\n    | \"wandb\"\n    | \"openai\"\n    | \"zhipuai-coding-plan\"\n    | \"perplexity\"\n    | \"openrouter\"\n    | \"zenmux\"\n    | \"v0\"\n    | \"iflowcn\"\n    | \"synthetic\"\n    | \"deepinfra\"\n    | \"zhipuai\"\n    | \"submodel\"\n    | \"zai\"\n    | \"inference\"\n    | \"requesty\"\n    | \"morph\"\n    | \"lmstudio\"\n    | \"anthropic\"\n    | \"aihubmix\"\n    | \"fireworks-ai\"\n    | \"modelscope\"\n    | \"llama\"\n    | \"scaleway\"\n    | \"amazon-bedrock\"\n    | \"cerebras\"\n    // oxlint-disable-next-line typescript-eslint(ban-types) -- intentional pattern for autocomplete-friendly string union\n    | (string & {});\n};\n\nexport const ModelSelectorLogo = ({\n  provider,\n  className,\n  ...props\n}: ModelSelectorLogoProps) => (\n  <img\n    {...props}\n    alt={`${provider} logo`}\n    className={cn(\"size-3 dark:invert\", className)}\n    height={12}\n    src={`https://models.dev/logos/${provider}.svg`}\n    width={12}\n  />\n);\n\nexport type ModelSelectorLogoGroupProps = ComponentProps<\"div\">;\n\nexport const ModelSelectorLogoGroup = ({\n  className,\n  ...props\n}: ModelSelectorLogoGroupProps) => (\n  <div\n    className={cn(\n      \"flex shrink-0 items-center -space-x-1 [&>img]:rounded-full [&>img]:bg-background [&>img]:p-px [&>img]:ring-1 dark:[&>img]:bg-foreground\",\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport type ModelSelectorNameProps = ComponentProps<\"span\">;\n\nexport const ModelSelectorName = ({\n  className,\n  ...props\n}: ModelSelectorNameProps) => (\n  <span className={cn(\"flex-1 truncate text-left\", className)} {...props} />\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/model-selector.tsx"
+    }
+  ],
+  "categories": ["ai", "input"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/navigation-menu.json b/packages/ghost-ui/public/r/navigation-menu.json
new file mode 100644
index 0000000..d2da9bf
--- /dev/null
+++ b/packages/ghost-ui/public/r/navigation-menu.json
@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "navigation-menu",
+  "dependencies": [
+    "@radix-ui/react-navigation-menu",
+    "class-variance-authority",
+    "lucide-react"
+  ],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/navigation-menu.tsx",
+      "content": "import * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cva } from \"class-variance-authority\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction NavigationMenu({\n  className,\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean;\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      className={cn(\n        \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\nfunction NavigationMenuList({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn(\n        \"group flex flex-1 list-none items-center justify-center gap-1\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn(\"relative\", className)}\n      {...props}\n    />\n  );\n}\n\nconst navigationMenuTriggerStyle = cva(\n  \"group inline-flex h-9 w-max items-center justify-center rounded-full bg-background px-4 py-2 text-sm hover:bg-muted focus:bg-muted disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-muted data-[state=open]:focus:bg-muted data-[state=open]:bg-muted/50 focus-visible:ring-ring/50 outline-none transition-[color] focus-visible:ring-[1px] focus-visible:outline-1\",\n);\n\nfunction NavigationMenuTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n      {...props}\n    >\n      {children}{\" \"}\n      <ChevronDownIcon\n        className=\"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n        aria-hidden=\"true\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\nfunction NavigationMenuContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        \"data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto\",\n        \"group-data-[viewport=false]/navigation-menu:bg-background group-data-[viewport=false]/navigation-menu:text-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuViewport({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n  return (\n    <div\n      className={cn(\n        \"absolute top-full left-0 isolate z-50 flex justify-center\",\n      )}\n    >\n      <NavigationMenuPrimitive.Viewport\n        data-slot=\"navigation-menu-viewport\"\n        className={cn(\n          \"origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border md:w-[var(--radix-navigation-menu-viewport-width)]\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction NavigationMenuLink({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        \"data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 hover:bg-muted focus:bg-muted focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[1px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuIndicator({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        \"data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm\" />\n    </NavigationMenuPrimitive.Indicator>\n  );\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  NavigationMenuViewport,\n  navigationMenuTriggerStyle,\n};\n",
+      "type": "registry:ui",
+      "target": "components/ui/navigation-menu.tsx"
+    }
+  ],
+  "categories": ["navigation"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/node.json b/packages/ghost-ui/public/r/node.json
new file mode 100644
index 0000000..e85fd87
--- /dev/null
+++ b/packages/ghost-ui/public/r/node.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "node",
+  "dependencies": ["@xyflow/react"],
+  "registryDependencies": ["utils", "card"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/node.tsx",
+      "content": "import { Handle, Position, useNodeId } from \"@xyflow/react\";\nimport type { ComponentProps } from \"react\";\nimport {\n  Card,\n  CardAction,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\";\nimport { cn } from \"@/lib/utils\";\n\nexport type NodeProps = ComponentProps<typeof Card> & {\n  handles: {\n    target: boolean;\n    source: boolean;\n  };\n};\n\nexport const Node = ({ handles, className, ...props }: NodeProps) => {\n  const nodeId = useNodeId();\n  const isInsideFlow = nodeId !== null;\n\n  return (\n    <Card\n      className={cn(\n        \"node-container relative size-full h-auto w-sm gap-0 rounded-md p-0\",\n        className,\n      )}\n      {...props}\n    >\n      {isInsideFlow && handles.target && (\n        <Handle position={Position.Left} type=\"target\" />\n      )}\n      {isInsideFlow && handles.source && (\n        <Handle position={Position.Right} type=\"source\" />\n      )}\n      {props.children}\n    </Card>\n  );\n};\n\nexport type NodeHeaderProps = ComponentProps<typeof CardHeader>;\n\nexport const NodeHeader = ({ className, ...props }: NodeHeaderProps) => (\n  <CardHeader\n    className={cn(\"gap-0.5 rounded-t-md border-b bg-secondary p-3!\", className)}\n    {...props}\n  />\n);\n\nexport type NodeTitleProps = ComponentProps<typeof CardTitle>;\n\nexport const NodeTitle = (props: NodeTitleProps) => <CardTitle {...props} />;\n\nexport type NodeDescriptionProps = ComponentProps<typeof CardDescription>;\n\nexport const NodeDescription = (props: NodeDescriptionProps) => (\n  <CardDescription {...props} />\n);\n\nexport type NodeActionProps = ComponentProps<typeof CardAction>;\n\nexport const NodeAction = (props: NodeActionProps) => <CardAction {...props} />;\n\nexport type NodeContentProps = ComponentProps<typeof CardContent>;\n\nexport const NodeContent = ({ className, ...props }: NodeContentProps) => (\n  <CardContent className={cn(\"p-3\", className)} {...props} />\n);\n\nexport type NodeFooterProps = ComponentProps<typeof CardFooter>;\n\nexport const NodeFooter = ({ className, ...props }: NodeFooterProps) => (\n  <CardFooter\n    className={cn(\"rounded-b-md border-t bg-secondary p-3!\", className)}\n    {...props}\n  />\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/node.tsx"
+    }
+  ],
+  "categories": ["ai", "layout"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/open-in-chat.json b/packages/ghost-ui/public/r/open-in-chat.json
new file mode 100644
index 0000000..cdbb304
--- /dev/null
+++ b/packages/ghost-ui/public/r/open-in-chat.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "open-in-chat",
+  "dependencies": ["lucide-react"],
+  "registryDependencies": ["utils", "button", "dropdown-menu"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/open-in-chat.tsx",
+      "content": "\"use client\";\n\nimport {\n  ChevronDownIcon,\n  ExternalLinkIcon,\n  MessageCircleIcon,\n} from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport { createContext, useContext, useMemo } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { cn } from \"@/lib/utils\";\n\nconst providers = {\n  chatgpt: {\n    createUrl: (prompt: string) =>\n      `https://chatgpt.com/?${new URLSearchParams({\n        hints: \"search\",\n        prompt,\n      })}`,\n    icon: (\n      <svg\n        fill=\"currentColor\"\n        role=\"img\"\n        viewBox=\"0 0 24 24\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <title>OpenAI</title>\n        <path d=\"M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z\" />\n      </svg>\n    ),\n    title: \"Open in ChatGPT\",\n  },\n  claude: {\n    createUrl: (q: string) =>\n      `https://claude.ai/new?${new URLSearchParams({\n        q,\n      })}`,\n    icon: (\n      <svg\n        fill=\"currentColor\"\n        role=\"img\"\n        viewBox=\"0 0 12 12\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <title>Claude</title>\n        <path\n          clipRule=\"evenodd\"\n          d=\"M2.3545 7.9775L4.7145 6.654L4.7545 6.539L4.7145 6.475H4.6L4.205 6.451L2.856 6.4145L1.6865 6.366L0.5535 6.305L0.268 6.2445L0 5.892L0.0275 5.716L0.2675 5.5555L0.6105 5.5855L1.3705 5.637L2.5095 5.716L3.3355 5.7645L4.56 5.892H4.7545L4.782 5.8135L4.715 5.7645L4.6635 5.716L3.4845 4.918L2.2085 4.074L1.5405 3.588L1.1785 3.3425L0.9965 3.1115L0.9175 2.6075L1.2455 2.2465L1.686 2.2765L1.7985 2.307L2.245 2.65L3.199 3.388L4.4445 4.3045L4.627 4.4565L4.6995 4.405L4.709 4.3685L4.627 4.2315L3.9495 3.0085L3.2265 1.7635L2.9045 1.2475L2.8195 0.938C2.78711 0.819128 2.76965 0.696687 2.7675 0.5735L3.1415 0.067L3.348 0L3.846 0.067L4.056 0.249L4.366 0.956L4.867 2.0705L5.6445 3.5855L5.8725 4.0345L5.994 4.4505L6.0395 4.578H6.1185V4.505L6.1825 3.652L6.301 2.6045L6.416 1.257L6.456 0.877L6.644 0.422L7.0175 0.176L7.3095 0.316L7.5495 0.6585L7.516 0.8805L7.373 1.806L7.0935 3.2575L6.9115 4.2285H7.0175L7.139 4.1075L7.6315 3.4545L8.4575 2.4225L8.8225 2.0125L9.2475 1.5605L9.521 1.345H10.0375L10.4175 1.9095L10.2475 2.4925L9.7155 3.166L9.275 3.737L8.643 4.587L8.248 5.267L8.2845 5.322L8.3785 5.312L9.8065 5.009L10.578 4.869L11.4985 4.7115L11.915 4.9055L11.9605 5.103L11.7965 5.5065L10.812 5.7495L9.6575 5.9805L7.938 6.387L7.917 6.402L7.9415 6.4325L8.716 6.5055L9.047 6.5235H9.858L11.368 6.636L11.763 6.897L12 7.216L11.9605 7.4585L11.353 7.7685L10.533 7.574L8.6185 7.119L7.9625 6.9545H7.8715V7.0095L8.418 7.5435L9.421 8.4485L10.6755 9.6135L10.739 9.9025L10.578 10.13L10.408 10.1055L9.3055 9.277L8.88 8.9035L7.917 8.0935H7.853V8.1785L8.075 8.503L9.2475 10.2635L9.3085 10.8035L9.2235 10.98L8.9195 11.0865L8.5855 11.0255L7.8985 10.063L7.191 8.9795L6.6195 8.008L6.5495 8.048L6.2125 11.675L6.0545 11.86L5.69 12L5.3865 11.7695L5.2255 11.396L5.3865 10.658L5.581 9.696L5.7385 8.931L5.8815 7.981L5.9665 7.665L5.9605 7.644L5.8905 7.653L5.1735 8.6365L4.0835 10.109L3.2205 11.0315L3.0135 11.1135L2.655 10.9285L2.6885 10.5975L2.889 10.303L4.083 8.785L4.803 7.844L5.268 7.301L5.265 7.222H5.2375L2.066 9.28L1.501 9.353L1.2575 9.125L1.288 8.752L1.4035 8.6305L2.3575 7.9745L2.3545 7.9775Z\"\n          fillRule=\"evenodd\"\n        />\n      </svg>\n    ),\n    title: \"Open in Claude\",\n  },\n  cursor: {\n    createUrl: (text: string) => {\n      const url = new URL(\"https://cursor.com/link/prompt\");\n      url.searchParams.set(\"text\", text);\n      return url.toString();\n    },\n    icon: (\n      <svg\n        version=\"1.1\"\n        viewBox=\"0 0 466.73 532.09\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <title>Cursor</title>\n        <path\n          d=\"M457.43,125.94L244.42,2.96c-6.84-3.95-15.28-3.95-22.12,0L9.3,125.94c-5.75,3.32-9.3,9.46-9.3,16.11v247.99c0,6.65,3.55,12.79,9.3,16.11l213.01,122.98c6.84,3.95,15.28,3.95,22.12,0l213.01-122.98c5.75-3.32,9.3-9.46,9.3-16.11v-247.99c0-6.65-3.55-12.79-9.3-16.11h-.01ZM444.05,151.99l-205.63,356.16c-1.39,2.4-5.06,1.42-5.06-1.36v-233.21c0-4.66-2.49-8.97-6.53-11.31L24.87,145.67c-2.4-1.39-1.42-5.06,1.36-5.06h411.26c5.84,0,9.49,6.33,6.57,11.39h-.01Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    ),\n    title: \"Open in Cursor\",\n  },\n  github: {\n    createUrl: (url: string) => url,\n    icon: (\n      <svg fill=\"currentColor\" role=\"img\" viewBox=\"0 0 24 24\">\n        <title>GitHub</title>\n        <path d=\"M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\" />\n      </svg>\n    ),\n    title: \"Open in GitHub\",\n  },\n  scira: {\n    createUrl: (q: string) =>\n      `https://scira.ai/?${new URLSearchParams({\n        q,\n      })}`,\n    icon: (\n      <svg\n        fill=\"none\"\n        height=\"934\"\n        viewBox=\"0 0 910 934\"\n        width=\"910\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <title>Scira AI</title>\n        <path\n          d=\"M647.664 197.775C569.13 189.049 525.5 145.419 516.774 66.8849C508.048 145.419 464.418 189.049 385.884 197.775C464.418 206.501 508.048 250.131 516.774 328.665C525.5 250.131 569.13 206.501 647.664 197.775Z\"\n          fill=\"currentColor\"\n          stroke=\"currentColor\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"8\"\n        />\n        <path\n          d=\"M516.774 304.217C510.299 275.491 498.208 252.087 480.335 234.214C462.462 216.341 439.058 204.251 410.333 197.775C439.059 191.3 462.462 179.209 480.335 161.336C498.208 143.463 510.299 120.06 516.774 91.334C523.25 120.059 535.34 143.463 553.213 161.336C571.086 179.209 594.49 191.3 623.216 197.775C594.49 204.251 571.086 216.341 553.213 234.214C535.34 252.087 523.25 275.491 516.774 304.217Z\"\n          fill=\"currentColor\"\n          stroke=\"currentColor\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"8\"\n        />\n        <path\n          d=\"M857.5 508.116C763.259 497.644 710.903 445.288 700.432 351.047C689.961 445.288 637.605 497.644 543.364 508.116C637.605 518.587 689.961 570.943 700.432 665.184C710.903 570.943 763.259 518.587 857.5 508.116Z\"\n          stroke=\"currentColor\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"20\"\n        />\n        <path\n          d=\"M700.432 615.957C691.848 589.05 678.575 566.357 660.383 548.165C642.191 529.973 619.499 516.7 592.593 508.116C619.499 499.533 642.191 486.258 660.383 468.066C678.575 449.874 691.848 427.181 700.432 400.274C709.015 427.181 722.289 449.874 740.481 468.066C758.673 486.258 781.365 499.533 808.271 508.116C781.365 516.7 758.673 529.973 740.481 548.165C722.289 566.357 709.015 589.05 700.432 615.957Z\"\n          stroke=\"currentColor\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"20\"\n        />\n        <path\n          d=\"M889.949 121.237C831.049 114.692 798.326 81.9698 791.782 23.0692C785.237 81.9698 752.515 114.692 693.614 121.237C752.515 127.781 785.237 160.504 791.782 219.404C798.326 160.504 831.049 127.781 889.949 121.237Z\"\n          fill=\"currentColor\"\n          stroke=\"currentColor\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"8\"\n        />\n        <path\n          d=\"M791.782 196.795C786.697 176.937 777.869 160.567 765.16 147.858C752.452 135.15 736.082 126.322 716.226 121.237C736.082 116.152 752.452 107.324 765.16 94.6152C777.869 81.9065 786.697 65.5368 791.782 45.6797C796.867 65.5367 805.695 81.9066 818.403 94.6152C831.112 107.324 847.481 116.152 867.338 121.237C847.481 126.322 831.112 135.15 818.403 147.858C805.694 160.567 796.867 176.937 791.782 196.795Z\"\n          fill=\"currentColor\"\n          stroke=\"currentColor\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"8\"\n        />\n        <path\n          d=\"M760.632 764.337C720.719 814.616 669.835 855.1 611.872 882.692C553.91 910.285 490.404 924.255 426.213 923.533C362.022 922.812 298.846 907.419 241.518 878.531C184.19 849.643 134.228 808.026 95.4548 756.863C56.6815 705.7 30.1238 646.346 17.8129 583.343C5.50207 520.339 7.76433 455.354 24.4266 393.359C41.089 331.364 71.7099 274.001 113.947 225.658C156.184 177.315 208.919 139.273 268.117 114.442\"\n          stroke=\"currentColor\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"30\"\n        />\n      </svg>\n    ),\n    title: \"Open in Scira\",\n  },\n  t3: {\n    createUrl: (q: string) =>\n      `https://t3.chat/new?${new URLSearchParams({\n        q,\n      })}`,\n    icon: <MessageCircleIcon />,\n    title: \"Open in T3 Chat\",\n  },\n  v0: {\n    createUrl: (q: string) =>\n      `https://v0.app?${new URLSearchParams({\n        q,\n      })}`,\n    icon: (\n      <svg\n        fill=\"currentColor\"\n        viewBox=\"0 0 147 70\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <title>v0</title>\n        <path d=\"M56 50.2031V14H70V60.1562C70 65.5928 65.5928 70 60.1562 70C57.5605 70 54.9982 68.9992 53.1562 67.1573L0 14H19.7969L56 50.2031Z\" />\n        <path d=\"M147 56H133V23.9531L100.953 56H133V70H96.6875C85.8144 70 77 61.1856 77 50.3125V14H91V46.1562L123.156 14H91V0H127.312C138.186 0 147 8.81439 147 19.6875V56Z\" />\n      </svg>\n    ),\n    title: \"Open in v0\",\n  },\n};\n\nconst OpenInContext = createContext<{ query: string } | undefined>(undefined);\n\nconst useOpenInContext = () => {\n  const context = useContext(OpenInContext);\n  if (!context) {\n    throw new Error(\"OpenIn components must be used within an OpenIn provider\");\n  }\n  return context;\n};\n\nexport type OpenInProps = ComponentProps<typeof DropdownMenu> & {\n  query: string;\n};\n\nexport const OpenIn = ({ query, ...props }: OpenInProps) => {\n  const contextValue = useMemo(() => ({ query }), [query]);\n\n  return (\n    <OpenInContext.Provider value={contextValue}>\n      <DropdownMenu {...props} />\n    </OpenInContext.Provider>\n  );\n};\n\nexport type OpenInContentProps = ComponentProps<typeof DropdownMenuContent>;\n\nexport const OpenInContent = ({ className, ...props }: OpenInContentProps) => (\n  <DropdownMenuContent\n    align=\"start\"\n    className={cn(\"w-[240px]\", className)}\n    {...props}\n  />\n);\n\nexport type OpenInItemProps = ComponentProps<typeof DropdownMenuItem>;\n\nexport const OpenInItem = (props: OpenInItemProps) => (\n  <DropdownMenuItem {...props} />\n);\n\nexport type OpenInLabelProps = ComponentProps<typeof DropdownMenuLabel>;\n\nexport const OpenInLabel = (props: OpenInLabelProps) => (\n  <DropdownMenuLabel {...props} />\n);\n\nexport type OpenInSeparatorProps = ComponentProps<typeof DropdownMenuSeparator>;\n\nexport const OpenInSeparator = (props: OpenInSeparatorProps) => (\n  <DropdownMenuSeparator {...props} />\n);\n\nexport type OpenInTriggerProps = ComponentProps<typeof DropdownMenuTrigger>;\n\nexport const OpenInTrigger = ({ children, ...props }: OpenInTriggerProps) => (\n  <DropdownMenuTrigger {...props} asChild>\n    {children ?? (\n      <Button type=\"button\" variant=\"outline\">\n        Open in chat\n        <ChevronDownIcon className=\"size-4\" />\n      </Button>\n    )}\n  </DropdownMenuTrigger>\n);\n\nexport type OpenInChatGPTProps = ComponentProps<typeof DropdownMenuItem>;\n\nexport const OpenInChatGPT = (props: OpenInChatGPTProps) => {\n  const { query } = useOpenInContext();\n  return (\n    <DropdownMenuItem asChild {...props}>\n      <a\n        className=\"flex items-center gap-2\"\n        href={providers.chatgpt.createUrl(query)}\n        rel=\"noopener\"\n        target=\"_blank\"\n      >\n        <span className=\"shrink-0\">{providers.chatgpt.icon}</span>\n        <span className=\"flex-1\">{providers.chatgpt.title}</span>\n        <ExternalLinkIcon className=\"size-4 shrink-0\" />\n      </a>\n    </DropdownMenuItem>\n  );\n};\n\nexport type OpenInClaudeProps = ComponentProps<typeof DropdownMenuItem>;\n\nexport const OpenInClaude = (props: OpenInClaudeProps) => {\n  const { query } = useOpenInContext();\n  return (\n    <DropdownMenuItem asChild {...props}>\n      <a\n        className=\"flex items-center gap-2\"\n        href={providers.claude.createUrl(query)}\n        rel=\"noopener\"\n        target=\"_blank\"\n      >\n        <span className=\"shrink-0\">{providers.claude.icon}</span>\n        <span className=\"flex-1\">{providers.claude.title}</span>\n        <ExternalLinkIcon className=\"size-4 shrink-0\" />\n      </a>\n    </DropdownMenuItem>\n  );\n};\n\nexport type OpenInT3Props = ComponentProps<typeof DropdownMenuItem>;\n\nexport const OpenInT3 = (props: OpenInT3Props) => {\n  const { query } = useOpenInContext();\n  return (\n    <DropdownMenuItem asChild {...props}>\n      <a\n        className=\"flex items-center gap-2\"\n        href={providers.t3.createUrl(query)}\n        rel=\"noopener\"\n        target=\"_blank\"\n      >\n        <span className=\"shrink-0\">{providers.t3.icon}</span>\n        <span className=\"flex-1\">{providers.t3.title}</span>\n        <ExternalLinkIcon className=\"size-4 shrink-0\" />\n      </a>\n    </DropdownMenuItem>\n  );\n};\n\nexport type OpenInSciraProps = ComponentProps<typeof DropdownMenuItem>;\n\nexport const OpenInScira = (props: OpenInSciraProps) => {\n  const { query } = useOpenInContext();\n  return (\n    <DropdownMenuItem asChild {...props}>\n      <a\n        className=\"flex items-center gap-2\"\n        href={providers.scira.createUrl(query)}\n        rel=\"noopener\"\n        target=\"_blank\"\n      >\n        <span className=\"shrink-0\">{providers.scira.icon}</span>\n        <span className=\"flex-1\">{providers.scira.title}</span>\n        <ExternalLinkIcon className=\"size-4 shrink-0\" />\n      </a>\n    </DropdownMenuItem>\n  );\n};\n\nexport type OpenInv0Props = ComponentProps<typeof DropdownMenuItem>;\n\nexport const OpenInv0 = (props: OpenInv0Props) => {\n  const { query } = useOpenInContext();\n  return (\n    <DropdownMenuItem asChild {...props}>\n      <a\n        className=\"flex items-center gap-2\"\n        href={providers.v0.createUrl(query)}\n        rel=\"noopener\"\n        target=\"_blank\"\n      >\n        <span className=\"shrink-0\">{providers.v0.icon}</span>\n        <span className=\"flex-1\">{providers.v0.title}</span>\n        <ExternalLinkIcon className=\"size-4 shrink-0\" />\n      </a>\n    </DropdownMenuItem>\n  );\n};\n\nexport type OpenInCursorProps = ComponentProps<typeof DropdownMenuItem>;\n\nexport const OpenInCursor = (props: OpenInCursorProps) => {\n  const { query } = useOpenInContext();\n  return (\n    <DropdownMenuItem asChild {...props}>\n      <a\n        className=\"flex items-center gap-2\"\n        href={providers.cursor.createUrl(query)}\n        rel=\"noopener\"\n        target=\"_blank\"\n      >\n        <span className=\"shrink-0\">{providers.cursor.icon}</span>\n        <span className=\"flex-1\">{providers.cursor.title}</span>\n        <ExternalLinkIcon className=\"size-4 shrink-0\" />\n      </a>\n    </DropdownMenuItem>\n  );\n};\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/open-in-chat.tsx"
+    }
+  ],
+  "categories": ["ai", "chat"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/package-info.json b/packages/ghost-ui/public/r/package-info.json
new file mode 100644
index 0000000..029bd4d
--- /dev/null
+++ b/packages/ghost-ui/public/r/package-info.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "package-info",
+  "dependencies": ["lucide-react"],
+  "registryDependencies": ["utils", "badge"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/package-info.tsx",
+      "content": "\"use client\";\n\nimport { ArrowRightIcon, MinusIcon, PackageIcon, PlusIcon } from \"lucide-react\";\nimport type { HTMLAttributes } from \"react\";\nimport { createContext, useContext, useMemo } from \"react\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { cn } from \"@/lib/utils\";\n\ntype ChangeType = \"major\" | \"minor\" | \"patch\" | \"added\" | \"removed\";\n\ninterface PackageInfoContextType {\n  name: string;\n  currentVersion?: string;\n  newVersion?: string;\n  changeType?: ChangeType;\n}\n\nconst PackageInfoContext = createContext<PackageInfoContextType>({\n  name: \"\",\n});\n\nexport type PackageInfoHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport const PackageInfoHeader = ({\n  className,\n  children,\n  ...props\n}: PackageInfoHeaderProps) => (\n  <div\n    className={cn(\"flex items-center justify-between gap-2\", className)}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type PackageInfoNameProps = HTMLAttributes<HTMLDivElement>;\n\nexport const PackageInfoName = ({\n  className,\n  children,\n  ...props\n}: PackageInfoNameProps) => {\n  const { name } = useContext(PackageInfoContext);\n\n  return (\n    <div className={cn(\"flex items-center gap-2\", className)} {...props}>\n      <PackageIcon className=\"size-4 text-muted-foreground\" />\n      <span className=\"font-medium font-mono text-sm\">{children ?? name}</span>\n    </div>\n  );\n};\n\nconst changeTypeStyles: Record<ChangeType, string> = {\n  added: \"bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400\",\n  major: \"bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400\",\n  minor:\n    \"bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400\",\n  patch: \"bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400\",\n  removed: \"bg-gray-100 text-gray-700 dark:bg-gray-900/30 dark:text-gray-400\",\n};\n\nconst changeTypeIcons: Record<ChangeType, React.ReactNode> = {\n  added: <PlusIcon className=\"size-3\" />,\n  major: <ArrowRightIcon className=\"size-3\" />,\n  minor: <ArrowRightIcon className=\"size-3\" />,\n  patch: <ArrowRightIcon className=\"size-3\" />,\n  removed: <MinusIcon className=\"size-3\" />,\n};\n\nexport type PackageInfoChangeTypeProps = HTMLAttributes<HTMLDivElement>;\n\nexport const PackageInfoChangeType = ({\n  className,\n  children,\n  ...props\n}: PackageInfoChangeTypeProps) => {\n  const { changeType } = useContext(PackageInfoContext);\n\n  if (!changeType) {\n    return null;\n  }\n\n  return (\n    <Badge\n      className={cn(\n        \"gap-1 text-xs capitalize\",\n        changeTypeStyles[changeType],\n        className,\n      )}\n      variant=\"secondary\"\n      {...props}\n    >\n      {changeTypeIcons[changeType]}\n      {children ?? changeType}\n    </Badge>\n  );\n};\n\nexport type PackageInfoVersionProps = HTMLAttributes<HTMLDivElement>;\n\nexport const PackageInfoVersion = ({\n  className,\n  children,\n  ...props\n}: PackageInfoVersionProps) => {\n  const { currentVersion, newVersion } = useContext(PackageInfoContext);\n\n  if (!(currentVersion || newVersion)) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cn(\n        \"mt-2 flex items-center gap-2 font-mono text-muted-foreground text-sm\",\n        className,\n      )}\n      {...props}\n    >\n      {children ?? (\n        <>\n          {currentVersion && <span>{currentVersion}</span>}\n          {currentVersion && newVersion && (\n            <ArrowRightIcon className=\"size-3\" />\n          )}\n          {newVersion && (\n            <span className=\"font-medium text-foreground\">{newVersion}</span>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nexport type PackageInfoProps = HTMLAttributes<HTMLDivElement> & {\n  name: string;\n  currentVersion?: string;\n  newVersion?: string;\n  changeType?: ChangeType;\n};\n\nexport const PackageInfo = ({\n  name,\n  currentVersion,\n  newVersion,\n  changeType,\n  className,\n  children,\n  ...props\n}: PackageInfoProps) => {\n  const contextValue = useMemo(\n    () => ({ changeType, currentVersion, name, newVersion }),\n    [changeType, currentVersion, name, newVersion],\n  );\n\n  return (\n    <PackageInfoContext.Provider value={contextValue}>\n      <div\n        className={cn(\"rounded-lg border bg-background p-4\", className)}\n        {...props}\n      >\n        {children ?? (\n          <>\n            <PackageInfoHeader>\n              <PackageInfoName />\n              {changeType && <PackageInfoChangeType />}\n            </PackageInfoHeader>\n            {(currentVersion || newVersion) && <PackageInfoVersion />}\n          </>\n        )}\n      </div>\n    </PackageInfoContext.Provider>\n  );\n};\n\nexport type PackageInfoDescriptionProps = HTMLAttributes<HTMLParagraphElement>;\n\nexport const PackageInfoDescription = ({\n  className,\n  children,\n  ...props\n}: PackageInfoDescriptionProps) => (\n  <p className={cn(\"mt-2 text-muted-foreground text-sm\", className)} {...props}>\n    {children}\n  </p>\n);\n\nexport type PackageInfoContentProps = HTMLAttributes<HTMLDivElement>;\n\nexport const PackageInfoContent = ({\n  className,\n  children,\n  ...props\n}: PackageInfoContentProps) => (\n  <div className={cn(\"mt-3 border-t pt-3\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport type PackageInfoDependenciesProps = HTMLAttributes<HTMLDivElement>;\n\nexport const PackageInfoDependencies = ({\n  className,\n  children,\n  ...props\n}: PackageInfoDependenciesProps) => (\n  <div className={cn(\"space-y-2\", className)} {...props}>\n    <span className=\"font-medium text-muted-foreground text-xs uppercase tracking-wide\">\n      Dependencies\n    </span>\n    <div className=\"space-y-1\">{children}</div>\n  </div>\n);\n\nexport type PackageInfoDependencyProps = HTMLAttributes<HTMLDivElement> & {\n  name: string;\n  version?: string;\n};\n\nexport const PackageInfoDependency = ({\n  name,\n  version,\n  className,\n  children,\n  ...props\n}: PackageInfoDependencyProps) => (\n  <div\n    className={cn(\"flex items-center justify-between text-sm\", className)}\n    {...props}\n  >\n    {children ?? (\n      <>\n        <span className=\"font-mono text-muted-foreground\">{name}</span>\n        {version && <span className=\"font-mono text-xs\">{version}</span>}\n      </>\n    )}\n  </div>\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/package-info.tsx"
+    }
+  ],
+  "categories": ["ai", "code"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/pagination.json b/packages/ghost-ui/public/r/pagination.json
new file mode 100644
index 0000000..5f73b00
--- /dev/null
+++ b/packages/ghost-ui/public/r/pagination.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "pagination",
+  "dependencies": ["lucide-react"],
+  "registryDependencies": ["utils", "button"],
+  "files": [
+    {
+      "path": "src/components/ui/pagination.tsx",
+      "content": "import {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  MoreHorizontalIcon,\n} from \"lucide-react\";\nimport type * as React from \"react\";\nimport { type Button, buttonVariants } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationContent({\n  className,\n  ...props\n}: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      className={cn(\"flex flex-row items-center gap-1\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n  return <li data-slot=\"pagination-item\" {...props} />;\n}\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n  React.ComponentProps<\"a\">;\n\nfunction PaginationLink({\n  className,\n  isActive,\n  ...props\n}: PaginationLinkProps) {\n  return (\n    <a\n      aria-current={isActive ? \"page\" : undefined}\n      data-slot=\"pagination-link\"\n      data-active={isActive}\n      className={cn(\n        buttonVariants({\n          variant: isActive ? \"outline\" : \"ghost\",\n          appearance: \"icon\",\n        }),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationPrevious({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"default\"\n      className={cn(\"gap-1 px-2.5 sm:pl-2.5\", className)}\n      {...props}\n    >\n      <ChevronLeftIcon />\n      <span className=\"hidden\">Previous</span>\n    </PaginationLink>\n  );\n}\n\nfunction PaginationNext({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size=\"default\"\n      className={cn(\"gap-1 px-2.5 sm:pr-2.5\", className)}\n      {...props}\n    >\n      <span className=\"hidden\">Next</span>\n      <ChevronRightIcon />\n    </PaginationLink>\n  );\n}\n\nfunction PaginationEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      aria-hidden\n      data-slot=\"pagination-ellipsis\"\n      className={cn(\"flex size-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreHorizontalIcon className=\"size-4\" />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n};\n",
+      "type": "registry:ui",
+      "target": "components/ui/pagination.tsx"
+    }
+  ],
+  "categories": ["navigation"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/panel.json b/packages/ghost-ui/public/r/panel.json
new file mode 100644
index 0000000..dc4515e
--- /dev/null
+++ b/packages/ghost-ui/public/r/panel.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "panel",
+  "dependencies": ["@xyflow/react"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/panel.tsx",
+      "content": "import { Panel as PanelPrimitive } from \"@xyflow/react\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"@/lib/utils\";\n\ntype PanelProps = ComponentProps<typeof PanelPrimitive>;\n\nexport const Panel = ({ className, ...props }: PanelProps) => (\n  <PanelPrimitive\n    className={cn(\n      \"m-4 overflow-hidden rounded-md border bg-card p-1\",\n      className,\n    )}\n    {...props}\n  />\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/panel.tsx"
+    }
+  ],
+  "categories": ["ai", "layout"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/persona.json b/packages/ghost-ui/public/r/persona.json
new file mode 100644
index 0000000..5a55c8c
--- /dev/null
+++ b/packages/ghost-ui/public/r/persona.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "persona",
+  "dependencies": ["@rive-app/react-webgl2"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/persona.tsx",
+      "content": "\"use client\";\n\nimport type { RiveParameters } from \"@rive-app/react-webgl2\";\nimport {\n  useRive,\n  useStateMachineInput,\n  useViewModel,\n  useViewModelInstance,\n  useViewModelInstanceColor,\n} from \"@rive-app/react-webgl2\";\nimport type { FC, ReactNode } from \"react\";\nimport { memo, useEffect, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"@/lib/utils\";\n\n// Delays Rive initialization by one frame so that React Strict Mode's\n// immediate unmount cycle never creates a WebGL2 context. Only the\n// second (real) mount will initialise, avoiding context exhaustion.\nconst useStrictModeSafeInit = () => {\n  const [ready, setReady] = useState(false);\n\n  useEffect(() => {\n    const id = requestAnimationFrame(() => setReady(true));\n    return () => {\n      cancelAnimationFrame(id);\n      setReady(false);\n    };\n  }, []);\n\n  return ready;\n};\n\nexport type PersonaState =\n  | \"idle\"\n  | \"listening\"\n  | \"thinking\"\n  | \"speaking\"\n  | \"asleep\";\n\ninterface PersonaProps {\n  state: PersonaState;\n  onLoad?: RiveParameters[\"onLoad\"];\n  onLoadError?: RiveParameters[\"onLoadError\"];\n  onReady?: () => void;\n  onPause?: RiveParameters[\"onPause\"];\n  onPlay?: RiveParameters[\"onPlay\"];\n  onStop?: RiveParameters[\"onStop\"];\n  className?: string;\n  variant?: keyof typeof sources;\n}\n\n// The state machine name is always 'default' for Elements AI visuals\nconst stateMachine = \"default\";\n\nconst sources = {\n  command: {\n    dynamicColor: true,\n    hasModel: true,\n    source:\n      \"https://ejiidnob33g9ap1r.public.blob.vercel-storage.com/command-2.0.riv\",\n  },\n  glint: {\n    dynamicColor: true,\n    hasModel: true,\n    source:\n      \"https://ejiidnob33g9ap1r.public.blob.vercel-storage.com/glint-2.0.riv\",\n  },\n  halo: {\n    dynamicColor: true,\n    hasModel: true,\n    source:\n      \"https://ejiidnob33g9ap1r.public.blob.vercel-storage.com/halo-2.0.riv\",\n  },\n  mana: {\n    dynamicColor: false,\n    hasModel: true,\n    source:\n      \"https://ejiidnob33g9ap1r.public.blob.vercel-storage.com/mana-2.0.riv\",\n  },\n  obsidian: {\n    dynamicColor: true,\n    hasModel: true,\n    source:\n      \"https://ejiidnob33g9ap1r.public.blob.vercel-storage.com/obsidian-2.0.riv\",\n  },\n  opal: {\n    dynamicColor: false,\n    hasModel: false,\n    source:\n      \"https://ejiidnob33g9ap1r.public.blob.vercel-storage.com/orb-1.2.riv\",\n  },\n};\n\nconst getCurrentTheme = (): \"light\" | \"dark\" => {\n  if (typeof window !== \"undefined\") {\n    if (document.documentElement.classList.contains(\"dark\")) {\n      return \"dark\";\n    }\n    if (window.matchMedia?.(\"(prefers-color-scheme: dark)\").matches) {\n      return \"dark\";\n    }\n  }\n  return \"light\";\n};\n\nconst useTheme = (enabled: boolean) => {\n  const [theme, setTheme] = useState<\"light\" | \"dark\">(getCurrentTheme);\n\n  useEffect(() => {\n    // Skip if not enabled (avoids unnecessary observers for non-dynamic-color variants)\n    if (!enabled) {\n      return;\n    }\n\n    // Watch for classList changes\n    const observer = new MutationObserver(() => {\n      setTheme(getCurrentTheme());\n    });\n\n    observer.observe(document.documentElement, {\n      attributeFilter: [\"class\"],\n      attributes: true,\n    });\n\n    // Watch for OS-level theme changes\n    let mql: MediaQueryList | null = null;\n    const handleMediaChange = () => {\n      setTheme(getCurrentTheme());\n    };\n\n    if (window.matchMedia) {\n      mql = window.matchMedia(\"(prefers-color-scheme: dark)\");\n      mql.addEventListener(\"change\", handleMediaChange);\n    }\n\n    return () => {\n      observer.disconnect();\n      if (mql) {\n        mql.removeEventListener(\"change\", handleMediaChange);\n      }\n    };\n  }, [enabled]);\n\n  return theme;\n};\n\ninterface PersonaWithModelProps {\n  rive: ReturnType<typeof useRive>[\"rive\"];\n  source: (typeof sources)[keyof typeof sources];\n  children: React.ReactNode;\n}\n\nconst PersonaWithModel = memo(\n  ({ rive, source, children }: PersonaWithModelProps) => {\n    const theme = useTheme(source.dynamicColor);\n    const viewModel = useViewModel(rive, { useDefault: true });\n    const viewModelInstance = useViewModelInstance(viewModel, {\n      rive,\n      useDefault: true,\n    });\n    const viewModelInstanceColor = useViewModelInstanceColor(\n      \"color\",\n      viewModelInstance,\n    );\n\n    useEffect(() => {\n      if (!(viewModelInstanceColor && source.dynamicColor)) {\n        return;\n      }\n\n      const [r, g, b] = theme === \"dark\" ? [255, 255, 255] : [0, 0, 0];\n      viewModelInstanceColor.setRgb(r, g, b);\n    }, [viewModelInstanceColor, theme, source.dynamicColor]);\n\n    return children;\n  },\n);\n\nPersonaWithModel.displayName = \"PersonaWithModel\";\n\ninterface PersonaWithoutModelProps {\n  children: ReactNode;\n}\n\nconst PersonaWithoutModel = memo(\n  ({ children }: PersonaWithoutModelProps) => children,\n);\n\nPersonaWithoutModel.displayName = \"PersonaWithoutModel\";\n\nexport const Persona: FC<PersonaProps> = memo(\n  ({\n    variant = \"obsidian\",\n    state = \"idle\",\n    onLoad,\n    onLoadError,\n    onReady,\n    onPause,\n    onPlay,\n    onStop,\n    className,\n  }) => {\n    const source = sources[variant];\n\n    if (!source) {\n      throw new Error(`Invalid variant: ${variant}`);\n    }\n\n    // Stabilize callbacks to prevent useRive from reinitializing\n    const callbacksRef = useRef({\n      onLoad,\n      onLoadError,\n      onPause,\n      onPlay,\n      onReady,\n      onStop,\n    });\n\n    useEffect(() => {\n      callbacksRef.current = {\n        onLoad,\n        onLoadError,\n        onPause,\n        onPlay,\n        onReady,\n        onStop,\n      };\n    }, [onLoad, onLoadError, onPause, onPlay, onReady, onStop]);\n\n    const stableCallbacks = useMemo(\n      () => ({\n        onLoad: ((loadedRive) =>\n          callbacksRef.current.onLoad?.(\n            loadedRive,\n          )) as RiveParameters[\"onLoad\"],\n        onLoadError: ((err) =>\n          callbacksRef.current.onLoadError?.(\n            err,\n          )) as RiveParameters[\"onLoadError\"],\n        onPause: ((event) =>\n          callbacksRef.current.onPause?.(event)) as RiveParameters[\"onPause\"],\n        onPlay: ((event) =>\n          callbacksRef.current.onPlay?.(event)) as RiveParameters[\"onPlay\"],\n        onReady: () => callbacksRef.current.onReady?.(),\n        onStop: ((event) =>\n          callbacksRef.current.onStop?.(event)) as RiveParameters[\"onStop\"],\n      }),\n      [],\n    );\n\n    // Delay initialisation by one frame to avoid creating (and leaking)\n    // a WebGL2 context during React Strict Mode's first throw-away mount.\n    const ready = useStrictModeSafeInit();\n\n    const { rive, RiveComponent } = useRive(\n      ready\n        ? {\n            autoplay: true,\n            onLoad: stableCallbacks.onLoad,\n            onLoadError: stableCallbacks.onLoadError,\n            onPause: stableCallbacks.onPause,\n            onPlay: stableCallbacks.onPlay,\n            onRiveReady: stableCallbacks.onReady,\n            onStop: stableCallbacks.onStop,\n            src: source.source,\n            stateMachines: stateMachine,\n          }\n        : null,\n    );\n\n    const listeningInput = useStateMachineInput(\n      rive,\n      stateMachine,\n      \"listening\",\n    );\n    const thinkingInput = useStateMachineInput(rive, stateMachine, \"thinking\");\n    const speakingInput = useStateMachineInput(rive, stateMachine, \"speaking\");\n    const asleepInput = useStateMachineInput(rive, stateMachine, \"asleep\");\n\n    // Rive state machine inputs are mutable objects that must be set via direct\n    // property assignment — this is the intended Rive API, not a React anti-pattern.\n    useEffect(() => {\n      if (listeningInput) {\n        listeningInput.value = state === \"listening\";\n      }\n      if (thinkingInput) {\n        thinkingInput.value = state === \"thinking\";\n      }\n      if (speakingInput) {\n        speakingInput.value = state === \"speaking\";\n      }\n      if (asleepInput) {\n        asleepInput.value = state === \"asleep\";\n      }\n    }, [state, listeningInput, thinkingInput, speakingInput, asleepInput]);\n\n    const Component = source.hasModel ? PersonaWithModel : PersonaWithoutModel;\n\n    return (\n      <Component rive={rive} source={source}>\n        <RiveComponent className={cn(\"size-16 shrink-0\", className)} />\n      </Component>\n    );\n  },\n);\n\nPersona.displayName = \"Persona\";\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/persona.tsx"
+    }
+  ],
+  "categories": ["ai", "media"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/plan.json b/packages/ghost-ui/public/r/plan.json
new file mode 100644
index 0000000..d7ff989
--- /dev/null
+++ b/packages/ghost-ui/public/r/plan.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "plan",
+  "dependencies": ["lucide-react"],
+  "registryDependencies": ["utils", "button", "card", "collapsible"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/plan.tsx",
+      "content": "\"use client\";\n\nimport { ChevronsUpDownIcon } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport { createContext, useContext, useMemo } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Card,\n  CardAction,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\nimport { Shimmer } from \"./shimmer\";\n\ninterface PlanContextValue {\n  isStreaming: boolean;\n}\n\nconst PlanContext = createContext<PlanContextValue | null>(null);\n\nconst usePlan = () => {\n  const context = useContext(PlanContext);\n  if (!context) {\n    throw new Error(\"Plan components must be used within Plan\");\n  }\n  return context;\n};\n\nexport type PlanProps = ComponentProps<typeof Collapsible> & {\n  isStreaming?: boolean;\n};\n\nexport const Plan = ({\n  className,\n  isStreaming = false,\n  children,\n  ...props\n}: PlanProps) => {\n  const contextValue = useMemo(() => ({ isStreaming }), [isStreaming]);\n\n  return (\n    <PlanContext.Provider value={contextValue}>\n      <Collapsible asChild data-slot=\"plan\" {...props}>\n        <Card className={cn(\"shadow-none\", className)}>{children}</Card>\n      </Collapsible>\n    </PlanContext.Provider>\n  );\n};\n\nexport type PlanHeaderProps = ComponentProps<typeof CardHeader>;\n\nexport const PlanHeader = ({ className, ...props }: PlanHeaderProps) => (\n  <CardHeader\n    className={cn(\"flex items-start justify-between\", className)}\n    data-slot=\"plan-header\"\n    {...props}\n  />\n);\n\nexport type PlanTitleProps = Omit<\n  ComponentProps<typeof CardTitle>,\n  \"children\"\n> & {\n  children: string;\n};\n\nexport const PlanTitle = ({ children, ...props }: PlanTitleProps) => {\n  const { isStreaming } = usePlan();\n\n  return (\n    <CardTitle data-slot=\"plan-title\" {...props}>\n      {isStreaming ? <Shimmer>{children}</Shimmer> : children}\n    </CardTitle>\n  );\n};\n\nexport type PlanDescriptionProps = Omit<\n  ComponentProps<typeof CardDescription>,\n  \"children\"\n> & {\n  children: string;\n};\n\nexport const PlanDescription = ({\n  className,\n  children,\n  ...props\n}: PlanDescriptionProps) => {\n  const { isStreaming } = usePlan();\n\n  return (\n    <CardDescription\n      className={cn(\"text-balance\", className)}\n      data-slot=\"plan-description\"\n      {...props}\n    >\n      {isStreaming ? <Shimmer>{children}</Shimmer> : children}\n    </CardDescription>\n  );\n};\n\nexport type PlanActionProps = ComponentProps<typeof CardAction>;\n\nexport const PlanAction = (props: PlanActionProps) => (\n  <CardAction data-slot=\"plan-action\" {...props} />\n);\n\nexport type PlanContentProps = ComponentProps<typeof CardContent>;\n\nexport const PlanContent = (props: PlanContentProps) => (\n  <CollapsibleContent asChild>\n    <CardContent data-slot=\"plan-content\" {...props} />\n  </CollapsibleContent>\n);\n\nexport type PlanFooterProps = ComponentProps<\"div\">;\n\nexport const PlanFooter = (props: PlanFooterProps) => (\n  <CardFooter data-slot=\"plan-footer\" {...props} />\n);\n\nexport type PlanTriggerProps = ComponentProps<typeof CollapsibleTrigger>;\n\nexport const PlanTrigger = ({ className, ...props }: PlanTriggerProps) => (\n  <CollapsibleTrigger asChild>\n    <Button\n      className={cn(\"size-8\", className)}\n      data-slot=\"plan-trigger\"\n      size=\"icon\"\n      variant=\"ghost\"\n      {...props}\n    >\n      <ChevronsUpDownIcon className=\"size-4\" />\n      <span className=\"sr-only\">Toggle plan</span>\n    </Button>\n  </CollapsibleTrigger>\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/plan.tsx"
+    }
+  ],
+  "categories": ["ai", "display"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/popover.json b/packages/ghost-ui/public/r/popover.json
new file mode 100644
index 0000000..e5b39cf
--- /dev/null
+++ b/packages/ghost-ui/public/r/popover.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "popover",
+  "dependencies": ["@radix-ui/react-popover"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/popover.tsx",
+      "content": "\"use client\";\n\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-dropdown border p-4 outline-hidden\",\n          className,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };\n",
+      "type": "registry:ui",
+      "target": "components/ui/popover.tsx"
+    }
+  ],
+  "categories": ["feedback"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/progress.json b/packages/ghost-ui/public/r/progress.json
new file mode 100644
index 0000000..f388e4e
--- /dev/null
+++ b/packages/ghost-ui/public/r/progress.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "progress",
+  "dependencies": ["@radix-ui/react-progress"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/progress.tsx",
+      "content": "\"use client\";\n\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Progress({\n  className,\n  value,\n  ...props\n}: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n  return (\n    <ProgressPrimitive.Root\n      data-slot=\"progress\"\n      className={cn(\n        \"bg-primary/20 relative h-2 w-full overflow-hidden rounded-full\",\n        className,\n      )}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"bg-primary h-full w-full flex-1 transition-all\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\nexport { Progress };\n",
+      "type": "registry:ui",
+      "target": "components/ui/progress.tsx"
+    }
+  ],
+  "categories": ["feedback"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/prompt-input.json b/packages/ghost-ui/public/r/prompt-input.json
new file mode 100644
index 0000000..9a894e0
--- /dev/null
+++ b/packages/ghost-ui/public/r/prompt-input.json
@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "prompt-input",
+  "dependencies": ["ai", "lucide-react", "nanoid"],
+  "registryDependencies": [
+    "utils",
+    "command",
+    "dropdown-menu",
+    "hover-card",
+    "input-group",
+    "select",
+    "spinner",
+    "tooltip"
+  ],
+  "files": [
+    {
+      "path": "src/components/ai-elements/prompt-input.tsx",
+      "content": "\"use client\";\n\nimport type { ChatStatus, FileUIPart, SourceDocumentUIPart } from \"ai\";\nimport {\n  CornerDownLeftIcon,\n  ImageIcon,\n  Monitor,\n  PlusIcon,\n  SquareIcon,\n  XIcon,\n} from \"lucide-react\";\nimport { nanoid } from \"nanoid\";\nimport type {\n  ChangeEvent,\n  ChangeEventHandler,\n  ClipboardEventHandler,\n  ComponentProps,\n  FormEvent,\n  FormEventHandler,\n  HTMLAttributes,\n  KeyboardEventHandler,\n  PropsWithChildren,\n  ReactNode,\n  RefObject,\n} from \"react\";\nimport {\n  Children,\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n} from \"@/components/ui/command\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport {\n  HoverCard,\n  HoverCardContent,\n  HoverCardTrigger,\n} from \"@/components/ui/hover-card\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupTextarea,\n} from \"@/components/ui/input-group\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select\";\nimport { Spinner } from \"@/components/ui/spinner\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nconst convertBlobUrlToDataUrl = async (url: string): Promise<string | null> => {\n  try {\n    const response = await fetch(url);\n    const blob = await response.blob();\n    // FileReader uses callback-based API, wrapping in Promise is necessary\n    // oxlint-disable-next-line eslint-plugin-promise(avoid-new)\n    return new Promise((resolve) => {\n      const reader = new FileReader();\n      // oxlint-disable-next-line eslint-plugin-unicorn(prefer-add-event-listener)\n      reader.onloadend = () => resolve(reader.result as string);\n      // oxlint-disable-next-line eslint-plugin-unicorn(prefer-add-event-listener)\n      reader.onerror = () => resolve(null);\n      reader.readAsDataURL(blob);\n    });\n  } catch {\n    return null;\n  }\n};\n\nconst captureScreenshot = async (): Promise<File | null> => {\n  if (\n    typeof navigator === \"undefined\" ||\n    !navigator.mediaDevices?.getDisplayMedia\n  ) {\n    return null;\n  }\n\n  let stream: MediaStream | null = null;\n  const video = document.createElement(\"video\");\n  video.muted = true;\n  video.playsInline = true;\n\n  try {\n    stream = await navigator.mediaDevices.getDisplayMedia({\n      audio: false,\n      video: true,\n    });\n\n    video.srcObject = stream;\n\n    // Video element uses callback-based API, wrapping in Promise is necessary\n    // oxlint-disable-next-line eslint-plugin-promise(avoid-new)\n    await new Promise<void>((resolve, reject) => {\n      // oxlint-disable-next-line eslint-plugin-unicorn(prefer-add-event-listener)\n      video.onloadedmetadata = () => resolve();\n      // oxlint-disable-next-line eslint-plugin-unicorn(prefer-add-event-listener)\n      video.onerror = () => reject(new Error(\"Failed to load screen stream\"));\n    });\n\n    await video.play();\n\n    const width = video.videoWidth;\n    const height = video.videoHeight;\n    if (!width || !height) {\n      return null;\n    }\n\n    const canvas = document.createElement(\"canvas\");\n    canvas.width = width;\n    canvas.height = height;\n    const context = canvas.getContext(\"2d\");\n    if (!context) {\n      return null;\n    }\n\n    context.drawImage(video, 0, 0, width, height);\n    // canvas.toBlob uses callback-based API, wrapping in Promise is necessary\n    // oxlint-disable-next-line eslint-plugin-promise(avoid-new)\n    const blob = await new Promise<Blob | null>((resolve) => {\n      canvas.toBlob(resolve, \"image/png\");\n    });\n    if (!blob) {\n      return null;\n    }\n\n    const timestamp = new Date()\n      .toISOString()\n      .replaceAll(/[:.]/g, \"-\")\n      .replace(\"T\", \"_\")\n      .replace(\"Z\", \"\");\n\n    return new File([blob], `screenshot-${timestamp}.png`, {\n      lastModified: Date.now(),\n      type: \"image/png\",\n    });\n  } finally {\n    if (stream) {\n      for (const track of stream.getTracks()) {\n        track.stop();\n      }\n    }\n    video.pause();\n    video.srcObject = null;\n  }\n};\n\n// ============================================================================\n// Provider Context & Types\n// ============================================================================\n\nexport interface AttachmentsContext {\n  files: (FileUIPart & { id: string })[];\n  add: (files: File[] | FileList) => void;\n  remove: (id: string) => void;\n  clear: () => void;\n  openFileDialog: () => void;\n  fileInputRef: RefObject<HTMLInputElement | null>;\n}\n\nexport interface TextInputContext {\n  value: string;\n  setInput: (v: string) => void;\n  clear: () => void;\n}\n\nexport interface PromptInputControllerProps {\n  textInput: TextInputContext;\n  attachments: AttachmentsContext;\n  /** INTERNAL: Allows PromptInput to register its file textInput + \"open\" callback */\n  __registerFileInput: (\n    ref: RefObject<HTMLInputElement | null>,\n    open: () => void,\n  ) => void;\n}\n\nconst PromptInputController = createContext<PromptInputControllerProps | null>(\n  null,\n);\nconst ProviderAttachmentsContext = createContext<AttachmentsContext | null>(\n  null,\n);\n\nexport const usePromptInputController = () => {\n  const ctx = useContext(PromptInputController);\n  if (!ctx) {\n    throw new Error(\n      \"Wrap your component inside <PromptInputProvider> to use usePromptInputController().\",\n    );\n  }\n  return ctx;\n};\n\n// Optional variants (do NOT throw). Useful for dual-mode components.\nconst useOptionalPromptInputController = () =>\n  useContext(PromptInputController);\n\nexport const useProviderAttachments = () => {\n  const ctx = useContext(ProviderAttachmentsContext);\n  if (!ctx) {\n    throw new Error(\n      \"Wrap your component inside <PromptInputProvider> to use useProviderAttachments().\",\n    );\n  }\n  return ctx;\n};\n\nconst useOptionalProviderAttachments = () =>\n  useContext(ProviderAttachmentsContext);\n\nexport type PromptInputProviderProps = PropsWithChildren<{\n  initialInput?: string;\n}>;\n\n/**\n * Optional global provider that lifts PromptInput state outside of PromptInput.\n * If you don't use it, PromptInput stays fully self-managed.\n */\nexport const PromptInputProvider = ({\n  initialInput: initialTextInput = \"\",\n  children,\n}: PromptInputProviderProps) => {\n  // ----- textInput state\n  const [textInput, setTextInput] = useState(initialTextInput);\n  const clearInput = useCallback(() => setTextInput(\"\"), []);\n\n  // ----- attachments state (global when wrapped)\n  const [attachmentFiles, setAttachmentFiles] = useState<\n    (FileUIPart & { id: string })[]\n  >([]);\n  const fileInputRef = useRef<HTMLInputElement | null>(null);\n  // oxlint-disable-next-line eslint(no-empty-function)\n  const openRef = useRef<() => void>(() => {});\n\n  const add = useCallback((files: File[] | FileList) => {\n    const incoming = [...files];\n    if (incoming.length === 0) {\n      return;\n    }\n\n    setAttachmentFiles((prev) => [\n      ...prev,\n      ...incoming.map((file) => ({\n        filename: file.name,\n        id: nanoid(),\n        mediaType: file.type,\n        type: \"file\" as const,\n        url: URL.createObjectURL(file),\n      })),\n    ]);\n  }, []);\n\n  const remove = useCallback((id: string) => {\n    setAttachmentFiles((prev) => {\n      const found = prev.find((f) => f.id === id);\n      if (found?.url) {\n        URL.revokeObjectURL(found.url);\n      }\n      return prev.filter((f) => f.id !== id);\n    });\n  }, []);\n\n  const clear = useCallback(() => {\n    setAttachmentFiles((prev) => {\n      for (const f of prev) {\n        if (f.url) {\n          URL.revokeObjectURL(f.url);\n        }\n      }\n      return [];\n    });\n  }, []);\n\n  // Keep a ref to attachments for cleanup on unmount (avoids stale closure)\n  const attachmentsRef = useRef(attachmentFiles);\n\n  useEffect(() => {\n    attachmentsRef.current = attachmentFiles;\n  }, [attachmentFiles]);\n\n  // Cleanup blob URLs on unmount to prevent memory leaks\n  useEffect(\n    () => () => {\n      for (const f of attachmentsRef.current) {\n        if (f.url) {\n          URL.revokeObjectURL(f.url);\n        }\n      }\n    },\n    [],\n  );\n\n  const openFileDialog = useCallback(() => {\n    openRef.current?.();\n  }, []);\n\n  const attachments = useMemo<AttachmentsContext>(\n    () => ({\n      add,\n      clear,\n      fileInputRef,\n      files: attachmentFiles,\n      openFileDialog,\n      remove,\n    }),\n    [attachmentFiles, add, remove, clear, openFileDialog],\n  );\n\n  const __registerFileInput = useCallback(\n    (ref: RefObject<HTMLInputElement | null>, open: () => void) => {\n      fileInputRef.current = ref.current;\n      openRef.current = open;\n    },\n    [],\n  );\n\n  const controller = useMemo<PromptInputControllerProps>(\n    () => ({\n      __registerFileInput,\n      attachments,\n      textInput: {\n        clear: clearInput,\n        setInput: setTextInput,\n        value: textInput,\n      },\n    }),\n    [textInput, clearInput, attachments, __registerFileInput],\n  );\n\n  return (\n    <PromptInputController.Provider value={controller}>\n      <ProviderAttachmentsContext.Provider value={attachments}>\n        {children}\n      </ProviderAttachmentsContext.Provider>\n    </PromptInputController.Provider>\n  );\n};\n\n// ============================================================================\n// Component Context & Hooks\n// ============================================================================\n\nconst LocalAttachmentsContext = createContext<AttachmentsContext | null>(null);\n\nexport const usePromptInputAttachments = () => {\n  // Prefer local context (inside PromptInput) as it has validation, fall back to provider\n  const provider = useOptionalProviderAttachments();\n  const local = useContext(LocalAttachmentsContext);\n  const context = local ?? provider;\n  if (!context) {\n    throw new Error(\n      \"usePromptInputAttachments must be used within a PromptInput or PromptInputProvider\",\n    );\n  }\n  return context;\n};\n\n// ============================================================================\n// Referenced Sources (Local to PromptInput)\n// ============================================================================\n\nexport interface ReferencedSourcesContext {\n  sources: (SourceDocumentUIPart & { id: string })[];\n  add: (sources: SourceDocumentUIPart[] | SourceDocumentUIPart) => void;\n  remove: (id: string) => void;\n  clear: () => void;\n}\n\nexport const LocalReferencedSourcesContext =\n  createContext<ReferencedSourcesContext | null>(null);\n\nexport const usePromptInputReferencedSources = () => {\n  const ctx = useContext(LocalReferencedSourcesContext);\n  if (!ctx) {\n    throw new Error(\n      \"usePromptInputReferencedSources must be used within a LocalReferencedSourcesContext.Provider\",\n    );\n  }\n  return ctx;\n};\n\nexport type PromptInputActionAddAttachmentsProps = ComponentProps<\n  typeof DropdownMenuItem\n> & {\n  label?: string;\n};\n\nexport const PromptInputActionAddAttachments = ({\n  label = \"Add photos or files\",\n  ...props\n}: PromptInputActionAddAttachmentsProps) => {\n  const attachments = usePromptInputAttachments();\n\n  const handleSelect = useCallback(\n    (e: Event) => {\n      e.preventDefault();\n      attachments.openFileDialog();\n    },\n    [attachments],\n  );\n\n  return (\n    <DropdownMenuItem {...props} onSelect={handleSelect}>\n      <ImageIcon className=\"mr-2 size-4\" /> {label}\n    </DropdownMenuItem>\n  );\n};\n\nexport type PromptInputActionAddScreenshotProps = ComponentProps<\n  typeof DropdownMenuItem\n> & {\n  label?: string;\n};\n\nexport const PromptInputActionAddScreenshot = ({\n  label = \"Take screenshot\",\n  onSelect,\n  ...props\n}: PromptInputActionAddScreenshotProps) => {\n  const attachments = usePromptInputAttachments();\n\n  const handleSelect = useCallback(\n    async (event: Event) => {\n      onSelect?.(event);\n      if (event.defaultPrevented) {\n        return;\n      }\n\n      try {\n        const screenshot = await captureScreenshot();\n        if (screenshot) {\n          attachments.add([screenshot]);\n        }\n      } catch (error) {\n        if (\n          error instanceof DOMException &&\n          (error.name === \"NotAllowedError\" || error.name === \"AbortError\")\n        ) {\n          return;\n        }\n        throw error;\n      }\n    },\n    [onSelect, attachments],\n  );\n\n  return (\n    <DropdownMenuItem {...props} onSelect={handleSelect}>\n      <Monitor className=\"mr-2 size-4\" />\n      {label}\n    </DropdownMenuItem>\n  );\n};\n\nexport interface PromptInputMessage {\n  text: string;\n  files: FileUIPart[];\n}\n\nexport type PromptInputProps = Omit<\n  HTMLAttributes<HTMLFormElement>,\n  \"onSubmit\" | \"onError\"\n> & {\n  // e.g., \"image/*\" or leave undefined for any\n  accept?: string;\n  multiple?: boolean;\n  // When true, accepts drops anywhere on document. Default false (opt-in).\n  globalDrop?: boolean;\n  // Render a hidden input with given name and keep it in sync for native form posts. Default false.\n  syncHiddenInput?: boolean;\n  // Minimal constraints\n  maxFiles?: number;\n  // bytes\n  maxFileSize?: number;\n  onError?: (err: {\n    code: \"max_files\" | \"max_file_size\" | \"accept\";\n    message: string;\n  }) => void;\n  onSubmit: (\n    message: PromptInputMessage,\n    event: FormEvent<HTMLFormElement>,\n  ) => void | Promise<void>;\n};\n\nexport const PromptInput = ({\n  className,\n  accept,\n  multiple,\n  globalDrop,\n  syncHiddenInput,\n  maxFiles,\n  maxFileSize,\n  onError,\n  onSubmit,\n  children,\n  ...props\n}: PromptInputProps) => {\n  // Try to use a provider controller if present\n  const controller = useOptionalPromptInputController();\n  const usingProvider = !!controller;\n\n  // Refs\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const formRef = useRef<HTMLFormElement | null>(null);\n\n  // ----- Local attachments (only used when no provider)\n  const [items, setItems] = useState<(FileUIPart & { id: string })[]>([]);\n  const files = usingProvider ? controller.attachments.files : items;\n\n  // ----- Local referenced sources (always local to PromptInput)\n  const [referencedSources, setReferencedSources] = useState<\n    (SourceDocumentUIPart & { id: string })[]\n  >([]);\n\n  // Keep a ref to files for cleanup on unmount (avoids stale closure)\n  const filesRef = useRef(files);\n\n  useEffect(() => {\n    filesRef.current = files;\n  }, [files]);\n\n  const openFileDialogLocal = useCallback(() => {\n    inputRef.current?.click();\n  }, []);\n\n  const matchesAccept = useCallback(\n    (f: File) => {\n      if (!accept || accept.trim() === \"\") {\n        return true;\n      }\n\n      const patterns = accept\n        .split(\",\")\n        .map((s) => s.trim())\n        .filter(Boolean);\n\n      return patterns.some((pattern) => {\n        if (pattern.endsWith(\"/*\")) {\n          // e.g: image/* -> image/\n          const prefix = pattern.slice(0, -1);\n          return f.type.startsWith(prefix);\n        }\n        return f.type === pattern;\n      });\n    },\n    [accept],\n  );\n\n  const addLocal = useCallback(\n    (fileList: File[] | FileList) => {\n      const incoming = [...fileList];\n      const accepted = incoming.filter((f) => matchesAccept(f));\n      if (incoming.length && accepted.length === 0) {\n        onError?.({\n          code: \"accept\",\n          message: \"No files match the accepted types.\",\n        });\n        return;\n      }\n      const withinSize = (f: File) =>\n        maxFileSize ? f.size <= maxFileSize : true;\n      const sized = accepted.filter(withinSize);\n      if (accepted.length > 0 && sized.length === 0) {\n        onError?.({\n          code: \"max_file_size\",\n          message: \"All files exceed the maximum size.\",\n        });\n        return;\n      }\n\n      setItems((prev) => {\n        const capacity =\n          typeof maxFiles === \"number\"\n            ? Math.max(0, maxFiles - prev.length)\n            : undefined;\n        const capped =\n          typeof capacity === \"number\" ? sized.slice(0, capacity) : sized;\n        if (typeof capacity === \"number\" && sized.length > capacity) {\n          onError?.({\n            code: \"max_files\",\n            message: \"Too many files. Some were not added.\",\n          });\n        }\n        const next: (FileUIPart & { id: string })[] = [];\n        for (const file of capped) {\n          next.push({\n            filename: file.name,\n            id: nanoid(),\n            mediaType: file.type,\n            type: \"file\",\n            url: URL.createObjectURL(file),\n          });\n        }\n        return [...prev, ...next];\n      });\n    },\n    [matchesAccept, maxFiles, maxFileSize, onError],\n  );\n\n  const removeLocal = useCallback(\n    (id: string) =>\n      setItems((prev) => {\n        const found = prev.find((file) => file.id === id);\n        if (found?.url) {\n          URL.revokeObjectURL(found.url);\n        }\n        return prev.filter((file) => file.id !== id);\n      }),\n    [],\n  );\n\n  // Wrapper that validates files before calling provider's add\n  const addWithProviderValidation = useCallback(\n    (fileList: File[] | FileList) => {\n      const incoming = [...fileList];\n      const accepted = incoming.filter((f) => matchesAccept(f));\n      if (incoming.length && accepted.length === 0) {\n        onError?.({\n          code: \"accept\",\n          message: \"No files match the accepted types.\",\n        });\n        return;\n      }\n      const withinSize = (f: File) =>\n        maxFileSize ? f.size <= maxFileSize : true;\n      const sized = accepted.filter(withinSize);\n      if (accepted.length > 0 && sized.length === 0) {\n        onError?.({\n          code: \"max_file_size\",\n          message: \"All files exceed the maximum size.\",\n        });\n        return;\n      }\n\n      const currentCount = files.length;\n      const capacity =\n        typeof maxFiles === \"number\"\n          ? Math.max(0, maxFiles - currentCount)\n          : undefined;\n      const capped =\n        typeof capacity === \"number\" ? sized.slice(0, capacity) : sized;\n      if (typeof capacity === \"number\" && sized.length > capacity) {\n        onError?.({\n          code: \"max_files\",\n          message: \"Too many files. Some were not added.\",\n        });\n      }\n\n      if (capped.length > 0) {\n        controller?.attachments.add(capped);\n      }\n    },\n    [matchesAccept, maxFileSize, maxFiles, onError, files.length, controller],\n  );\n\n  const clearAttachments = useCallback(\n    () =>\n      usingProvider\n        ? controller?.attachments.clear()\n        : setItems((prev) => {\n            for (const file of prev) {\n              if (file.url) {\n                URL.revokeObjectURL(file.url);\n              }\n            }\n            return [];\n          }),\n    [usingProvider, controller],\n  );\n\n  const clearReferencedSources = useCallback(\n    () => setReferencedSources([]),\n    [],\n  );\n\n  const add = usingProvider ? addWithProviderValidation : addLocal;\n  const remove = usingProvider ? controller.attachments.remove : removeLocal;\n  const openFileDialog = usingProvider\n    ? controller.attachments.openFileDialog\n    : openFileDialogLocal;\n\n  const clear = useCallback(() => {\n    clearAttachments();\n    clearReferencedSources();\n  }, [clearAttachments, clearReferencedSources]);\n\n  // Let provider know about our hidden file input so external menus can call openFileDialog()\n  useEffect(() => {\n    if (!usingProvider) {\n      return;\n    }\n    controller.__registerFileInput(inputRef, () => inputRef.current?.click());\n  }, [usingProvider, controller]);\n\n  // Note: File input cannot be programmatically set for security reasons\n  // The syncHiddenInput prop is no longer functional\n  useEffect(() => {\n    if (syncHiddenInput && inputRef.current && files.length === 0) {\n      inputRef.current.value = \"\";\n    }\n  }, [files, syncHiddenInput]);\n\n  // Attach drop handlers on nearest form and document (opt-in)\n  useEffect(() => {\n    const form = formRef.current;\n    if (!form) {\n      return;\n    }\n    if (globalDrop) {\n      // when global drop is on, let the document-level handler own drops\n      return;\n    }\n\n    const onDragOver = (e: DragEvent) => {\n      if (e.dataTransfer?.types?.includes(\"Files\")) {\n        e.preventDefault();\n      }\n    };\n    const onDrop = (e: DragEvent) => {\n      if (e.dataTransfer?.types?.includes(\"Files\")) {\n        e.preventDefault();\n      }\n      if (e.dataTransfer?.files && e.dataTransfer.files.length > 0) {\n        add(e.dataTransfer.files);\n      }\n    };\n    form.addEventListener(\"dragover\", onDragOver);\n    form.addEventListener(\"drop\", onDrop);\n    return () => {\n      form.removeEventListener(\"dragover\", onDragOver);\n      form.removeEventListener(\"drop\", onDrop);\n    };\n  }, [add, globalDrop]);\n\n  useEffect(() => {\n    if (!globalDrop) {\n      return;\n    }\n\n    const onDragOver = (e: DragEvent) => {\n      if (e.dataTransfer?.types?.includes(\"Files\")) {\n        e.preventDefault();\n      }\n    };\n    const onDrop = (e: DragEvent) => {\n      if (e.dataTransfer?.types?.includes(\"Files\")) {\n        e.preventDefault();\n      }\n      if (e.dataTransfer?.files && e.dataTransfer.files.length > 0) {\n        add(e.dataTransfer.files);\n      }\n    };\n    document.addEventListener(\"dragover\", onDragOver);\n    document.addEventListener(\"drop\", onDrop);\n    return () => {\n      document.removeEventListener(\"dragover\", onDragOver);\n      document.removeEventListener(\"drop\", onDrop);\n    };\n  }, [add, globalDrop]);\n\n  useEffect(\n    () => () => {\n      if (!usingProvider) {\n        for (const f of filesRef.current) {\n          if (f.url) {\n            URL.revokeObjectURL(f.url);\n          }\n        }\n      }\n    },\n    [usingProvider],\n  );\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = useCallback(\n    (event) => {\n      if (event.currentTarget.files) {\n        add(event.currentTarget.files);\n      }\n      // Reset input value to allow selecting files that were previously removed\n      event.currentTarget.value = \"\";\n    },\n    [add],\n  );\n\n  const attachmentsCtx = useMemo<AttachmentsContext>(\n    () => ({\n      add,\n      clear: clearAttachments,\n      fileInputRef: inputRef,\n      files: files.map((item) => ({ ...item, id: item.id })),\n      openFileDialog,\n      remove,\n    }),\n    [files, add, remove, clearAttachments, openFileDialog],\n  );\n\n  const refsCtx = useMemo<ReferencedSourcesContext>(\n    () => ({\n      add: (incoming: SourceDocumentUIPart[] | SourceDocumentUIPart) => {\n        const array = Array.isArray(incoming) ? incoming : [incoming];\n        setReferencedSources((prev) => [\n          ...prev,\n          ...array.map((s) => ({ ...s, id: nanoid() })),\n        ]);\n      },\n      clear: clearReferencedSources,\n      remove: (id: string) => {\n        setReferencedSources((prev) => prev.filter((s) => s.id !== id));\n      },\n      sources: referencedSources,\n    }),\n    [referencedSources, clearReferencedSources],\n  );\n\n  const handleSubmit: FormEventHandler<HTMLFormElement> = useCallback(\n    async (event) => {\n      event.preventDefault();\n\n      const form = event.currentTarget;\n      const text = usingProvider\n        ? controller.textInput.value\n        : (() => {\n            const formData = new FormData(form);\n            return (formData.get(\"message\") as string) || \"\";\n          })();\n\n      // Reset form immediately after capturing text to avoid race condition\n      // where user input during async blob conversion would be lost\n      if (!usingProvider) {\n        form.reset();\n      }\n\n      try {\n        // Convert blob URLs to data URLs asynchronously\n        const convertedFiles: FileUIPart[] = await Promise.all(\n          files.map(async ({ id: _id, ...item }) => {\n            if (item.url?.startsWith(\"blob:\")) {\n              const dataUrl = await convertBlobUrlToDataUrl(item.url);\n              // If conversion failed, keep the original blob URL\n              return {\n                ...item,\n                url: dataUrl ?? item.url,\n              };\n            }\n            return item;\n          }),\n        );\n\n        const result = onSubmit({ files: convertedFiles, text }, event);\n\n        // Handle both sync and async onSubmit\n        if (result instanceof Promise) {\n          try {\n            await result;\n            clear();\n            if (usingProvider) {\n              controller.textInput.clear();\n            }\n          } catch {\n            // Don't clear on error - user may want to retry\n          }\n        } else {\n          // Sync function completed without throwing, clear inputs\n          clear();\n          if (usingProvider) {\n            controller.textInput.clear();\n          }\n        }\n      } catch {\n        // Don't clear on error - user may want to retry\n      }\n    },\n    [usingProvider, controller, files, onSubmit, clear],\n  );\n\n  // Render with or without local provider\n  const inner = (\n    <>\n      <input\n        accept={accept}\n        aria-label=\"Upload files\"\n        className=\"hidden\"\n        multiple={multiple}\n        onChange={handleChange}\n        ref={inputRef}\n        title=\"Upload files\"\n        type=\"file\"\n      />\n      <form\n        className={cn(\"w-full\", className)}\n        onSubmit={handleSubmit}\n        ref={formRef}\n        {...props}\n      >\n        <InputGroup className=\"overflow-hidden\">{children}</InputGroup>\n      </form>\n    </>\n  );\n\n  const withReferencedSources = (\n    <LocalReferencedSourcesContext.Provider value={refsCtx}>\n      {inner}\n    </LocalReferencedSourcesContext.Provider>\n  );\n\n  // Always provide LocalAttachmentsContext so children get validated add function\n  return (\n    <LocalAttachmentsContext.Provider value={attachmentsCtx}>\n      {withReferencedSources}\n    </LocalAttachmentsContext.Provider>\n  );\n};\n\nexport type PromptInputBodyProps = HTMLAttributes<HTMLDivElement>;\n\nexport const PromptInputBody = ({\n  className,\n  ...props\n}: PromptInputBodyProps) => (\n  <div className={cn(\"contents\", className)} {...props} />\n);\n\nexport type PromptInputTextareaProps = ComponentProps<\n  typeof InputGroupTextarea\n>;\n\nexport const PromptInputTextarea = ({\n  onChange,\n  onKeyDown,\n  className,\n  placeholder = \"What would you like to know?\",\n  ...props\n}: PromptInputTextareaProps) => {\n  const controller = useOptionalPromptInputController();\n  const attachments = usePromptInputAttachments();\n  const [isComposing, setIsComposing] = useState(false);\n\n  const handleKeyDown: KeyboardEventHandler<HTMLTextAreaElement> = useCallback(\n    (e) => {\n      // Call the external onKeyDown handler first\n      onKeyDown?.(e);\n\n      // If the external handler prevented default, don't run internal logic\n      if (e.defaultPrevented) {\n        return;\n      }\n\n      if (e.key === \"Enter\") {\n        if (isComposing || e.nativeEvent.isComposing) {\n          return;\n        }\n        if (e.shiftKey) {\n          return;\n        }\n        e.preventDefault();\n\n        // Check if the submit button is disabled before submitting\n        const { form } = e.currentTarget;\n        const submitButton = form?.querySelector(\n          'button[type=\"submit\"]',\n        ) as HTMLButtonElement | null;\n        if (submitButton?.disabled) {\n          return;\n        }\n\n        form?.requestSubmit();\n      }\n\n      // Remove last attachment when Backspace is pressed and textarea is empty\n      if (\n        e.key === \"Backspace\" &&\n        e.currentTarget.value === \"\" &&\n        attachments.files.length > 0\n      ) {\n        e.preventDefault();\n        const lastAttachment = attachments.files.at(-1);\n        if (lastAttachment) {\n          attachments.remove(lastAttachment.id);\n        }\n      }\n    },\n    [onKeyDown, isComposing, attachments],\n  );\n\n  const handlePaste: ClipboardEventHandler<HTMLTextAreaElement> = useCallback(\n    (event) => {\n      const items = event.clipboardData?.items;\n\n      if (!items) {\n        return;\n      }\n\n      const files: File[] = [];\n\n      for (const item of items) {\n        if (item.kind === \"file\") {\n          const file = item.getAsFile();\n          if (file) {\n            files.push(file);\n          }\n        }\n      }\n\n      if (files.length > 0) {\n        event.preventDefault();\n        attachments.add(files);\n      }\n    },\n    [attachments],\n  );\n\n  const handleCompositionEnd = useCallback(() => setIsComposing(false), []);\n  const handleCompositionStart = useCallback(() => setIsComposing(true), []);\n\n  const controlledProps = controller\n    ? {\n        onChange: (e: ChangeEvent<HTMLTextAreaElement>) => {\n          controller.textInput.setInput(e.currentTarget.value);\n          onChange?.(e);\n        },\n        value: controller.textInput.value,\n      }\n    : {\n        onChange,\n      };\n\n  return (\n    <InputGroupTextarea\n      className={cn(\"field-sizing-content max-h-48 min-h-16\", className)}\n      name=\"message\"\n      onCompositionEnd={handleCompositionEnd}\n      onCompositionStart={handleCompositionStart}\n      onKeyDown={handleKeyDown}\n      onPaste={handlePaste}\n      placeholder={placeholder}\n      {...props}\n      {...controlledProps}\n    />\n  );\n};\n\nexport type PromptInputHeaderProps = Omit<\n  ComponentProps<typeof InputGroupAddon>,\n  \"align\"\n>;\n\nexport const PromptInputHeader = ({\n  className,\n  ...props\n}: PromptInputHeaderProps) => (\n  <InputGroupAddon\n    align=\"block-end\"\n    className={cn(\"order-first flex-wrap gap-1\", className)}\n    {...props}\n  />\n);\n\nexport type PromptInputFooterProps = Omit<\n  ComponentProps<typeof InputGroupAddon>,\n  \"align\"\n>;\n\nexport const PromptInputFooter = ({\n  className,\n  ...props\n}: PromptInputFooterProps) => (\n  <InputGroupAddon\n    align=\"block-end\"\n    className={cn(\"justify-between gap-1\", className)}\n    {...props}\n  />\n);\n\nexport type PromptInputToolsProps = HTMLAttributes<HTMLDivElement>;\n\nexport const PromptInputTools = ({\n  className,\n  ...props\n}: PromptInputToolsProps) => (\n  <div\n    className={cn(\"flex min-w-0 items-center gap-1\", className)}\n    {...props}\n  />\n);\n\nexport type PromptInputButtonTooltip =\n  | string\n  | {\n      content: ReactNode;\n      shortcut?: string;\n      side?: ComponentProps<typeof TooltipContent>[\"side\"];\n    };\n\nexport type PromptInputButtonProps = ComponentProps<typeof InputGroupButton> & {\n  tooltip?: PromptInputButtonTooltip;\n};\n\nexport const PromptInputButton = ({\n  variant = \"ghost\",\n  className,\n  size,\n  tooltip,\n  ...props\n}: PromptInputButtonProps) => {\n  const newSize =\n    size ?? (Children.count(props.children) > 1 ? \"sm\" : \"icon-sm\");\n\n  const button = (\n    <InputGroupButton\n      className={cn(className)}\n      size={newSize}\n      type=\"button\"\n      variant={variant}\n      {...props}\n    />\n  );\n\n  if (!tooltip) {\n    return button;\n  }\n\n  const tooltipContent =\n    typeof tooltip === \"string\" ? tooltip : tooltip.content;\n  const shortcut = typeof tooltip === \"string\" ? undefined : tooltip.shortcut;\n  const side = typeof tooltip === \"string\" ? \"top\" : (tooltip.side ?? \"top\");\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{button}</TooltipTrigger>\n      <TooltipContent side={side}>\n        {tooltipContent}\n        {shortcut && (\n          <span className=\"ml-2 text-muted-foreground\">{shortcut}</span>\n        )}\n      </TooltipContent>\n    </Tooltip>\n  );\n};\n\nexport type PromptInputActionMenuProps = ComponentProps<typeof DropdownMenu>;\nexport const PromptInputActionMenu = (props: PromptInputActionMenuProps) => (\n  <DropdownMenu {...props} />\n);\n\nexport type PromptInputActionMenuTriggerProps = PromptInputButtonProps;\n\nexport const PromptInputActionMenuTrigger = ({\n  className,\n  children,\n  ...props\n}: PromptInputActionMenuTriggerProps) => (\n  <DropdownMenuTrigger asChild>\n    <PromptInputButton className={className} {...props}>\n      {children ?? <PlusIcon className=\"size-4\" />}\n    </PromptInputButton>\n  </DropdownMenuTrigger>\n);\n\nexport type PromptInputActionMenuContentProps = ComponentProps<\n  typeof DropdownMenuContent\n>;\nexport const PromptInputActionMenuContent = ({\n  className,\n  ...props\n}: PromptInputActionMenuContentProps) => (\n  <DropdownMenuContent align=\"start\" className={cn(className)} {...props} />\n);\n\nexport type PromptInputActionMenuItemProps = ComponentProps<\n  typeof DropdownMenuItem\n>;\nexport const PromptInputActionMenuItem = ({\n  className,\n  ...props\n}: PromptInputActionMenuItemProps) => (\n  <DropdownMenuItem className={cn(className)} {...props} />\n);\n\n// Note: Actions that perform side-effects (like opening a file dialog)\n// are provided in opt-in modules (e.g., prompt-input-attachments).\n\nexport type PromptInputSubmitProps = ComponentProps<typeof InputGroupButton> & {\n  status?: ChatStatus;\n  onStop?: () => void;\n};\n\nexport const PromptInputSubmit = ({\n  className,\n  variant = \"default\",\n  size = \"icon-sm\",\n  status,\n  onStop,\n  onClick,\n  children,\n  ...props\n}: PromptInputSubmitProps) => {\n  const isGenerating = status === \"submitted\" || status === \"streaming\";\n\n  let Icon = <CornerDownLeftIcon className=\"size-4\" />;\n\n  if (status === \"submitted\") {\n    Icon = <Spinner />;\n  } else if (status === \"streaming\") {\n    Icon = <SquareIcon className=\"size-4\" />;\n  } else if (status === \"error\") {\n    Icon = <XIcon className=\"size-4\" />;\n  }\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent<HTMLButtonElement>) => {\n      if (isGenerating && onStop) {\n        e.preventDefault();\n        onStop();\n        return;\n      }\n      onClick?.(e);\n    },\n    [isGenerating, onStop, onClick],\n  );\n\n  return (\n    <InputGroupButton\n      aria-label={isGenerating ? \"Stop\" : \"Submit\"}\n      className={cn(className)}\n      onClick={handleClick}\n      size={size}\n      type={isGenerating && onStop ? \"button\" : \"submit\"}\n      variant={variant}\n      {...props}\n    >\n      {children ?? Icon}\n    </InputGroupButton>\n  );\n};\n\nexport type PromptInputSelectProps = ComponentProps<typeof Select>;\n\nexport const PromptInputSelect = (props: PromptInputSelectProps) => (\n  <Select {...props} />\n);\n\nexport type PromptInputSelectTriggerProps = ComponentProps<\n  typeof SelectTrigger\n>;\n\nexport const PromptInputSelectTrigger = ({\n  className,\n  ...props\n}: PromptInputSelectTriggerProps) => (\n  <SelectTrigger\n    className={cn(\n      \"border-none bg-transparent font-medium text-muted-foreground shadow-none transition-colors\",\n      \"hover:bg-accent hover:text-foreground aria-expanded:bg-accent aria-expanded:text-foreground\",\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport type PromptInputSelectContentProps = ComponentProps<\n  typeof SelectContent\n>;\n\nexport const PromptInputSelectContent = ({\n  className,\n  ...props\n}: PromptInputSelectContentProps) => (\n  <SelectContent className={cn(className)} {...props} />\n);\n\nexport type PromptInputSelectItemProps = ComponentProps<typeof SelectItem>;\n\nexport const PromptInputSelectItem = ({\n  className,\n  ...props\n}: PromptInputSelectItemProps) => (\n  <SelectItem className={cn(className)} {...props} />\n);\n\nexport type PromptInputSelectValueProps = ComponentProps<typeof SelectValue>;\n\nexport const PromptInputSelectValue = ({\n  className,\n  ...props\n}: PromptInputSelectValueProps) => (\n  <SelectValue className={cn(className)} {...props} />\n);\n\nexport type PromptInputHoverCardProps = ComponentProps<typeof HoverCard>;\n\nexport const PromptInputHoverCard = ({\n  openDelay = 0,\n  closeDelay = 0,\n  ...props\n}: PromptInputHoverCardProps) => (\n  <HoverCard closeDelay={closeDelay} openDelay={openDelay} {...props} />\n);\n\nexport type PromptInputHoverCardTriggerProps = ComponentProps<\n  typeof HoverCardTrigger\n>;\n\nexport const PromptInputHoverCardTrigger = (\n  props: PromptInputHoverCardTriggerProps,\n) => <HoverCardTrigger {...props} />;\n\nexport type PromptInputHoverCardContentProps = ComponentProps<\n  typeof HoverCardContent\n>;\n\nexport const PromptInputHoverCardContent = ({\n  align = \"start\",\n  ...props\n}: PromptInputHoverCardContentProps) => (\n  <HoverCardContent align={align} {...props} />\n);\n\nexport type PromptInputTabsListProps = HTMLAttributes<HTMLDivElement>;\n\nexport const PromptInputTabsList = ({\n  className,\n  ...props\n}: PromptInputTabsListProps) => <div className={cn(className)} {...props} />;\n\nexport type PromptInputTabProps = HTMLAttributes<HTMLDivElement>;\n\nexport const PromptInputTab = ({\n  className,\n  ...props\n}: PromptInputTabProps) => <div className={cn(className)} {...props} />;\n\nexport type PromptInputTabLabelProps = HTMLAttributes<HTMLHeadingElement>;\n\nexport const PromptInputTabLabel = ({\n  className,\n  ...props\n}: PromptInputTabLabelProps) => (\n  // Content provided via children in props\n  // oxlint-disable-next-line eslint-plugin-jsx-a11y(heading-has-content)\n  <h3\n    className={cn(\n      \"mb-2 px-3 font-medium text-muted-foreground text-xs\",\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport type PromptInputTabBodyProps = HTMLAttributes<HTMLDivElement>;\n\nexport const PromptInputTabBody = ({\n  className,\n  ...props\n}: PromptInputTabBodyProps) => (\n  <div className={cn(\"space-y-1\", className)} {...props} />\n);\n\nexport type PromptInputTabItemProps = HTMLAttributes<HTMLDivElement>;\n\nexport const PromptInputTabItem = ({\n  className,\n  ...props\n}: PromptInputTabItemProps) => (\n  <div\n    className={cn(\n      \"flex items-center gap-2 px-3 py-2 text-xs hover:bg-accent\",\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport type PromptInputCommandProps = ComponentProps<typeof Command>;\n\nexport const PromptInputCommand = ({\n  className,\n  ...props\n}: PromptInputCommandProps) => <Command className={cn(className)} {...props} />;\n\nexport type PromptInputCommandInputProps = ComponentProps<typeof CommandInput>;\n\nexport const PromptInputCommandInput = ({\n  className,\n  ...props\n}: PromptInputCommandInputProps) => (\n  <CommandInput className={cn(className)} {...props} />\n);\n\nexport type PromptInputCommandListProps = ComponentProps<typeof CommandList>;\n\nexport const PromptInputCommandList = ({\n  className,\n  ...props\n}: PromptInputCommandListProps) => (\n  <CommandList className={cn(className)} {...props} />\n);\n\nexport type PromptInputCommandEmptyProps = ComponentProps<typeof CommandEmpty>;\n\nexport const PromptInputCommandEmpty = ({\n  className,\n  ...props\n}: PromptInputCommandEmptyProps) => (\n  <CommandEmpty className={cn(className)} {...props} />\n);\n\nexport type PromptInputCommandGroupProps = ComponentProps<typeof CommandGroup>;\n\nexport const PromptInputCommandGroup = ({\n  className,\n  ...props\n}: PromptInputCommandGroupProps) => (\n  <CommandGroup className={cn(className)} {...props} />\n);\n\nexport type PromptInputCommandItemProps = ComponentProps<typeof CommandItem>;\n\nexport const PromptInputCommandItem = ({\n  className,\n  ...props\n}: PromptInputCommandItemProps) => (\n  <CommandItem className={cn(className)} {...props} />\n);\n\nexport type PromptInputCommandSeparatorProps = ComponentProps<\n  typeof CommandSeparator\n>;\n\nexport const PromptInputCommandSeparator = ({\n  className,\n  ...props\n}: PromptInputCommandSeparatorProps) => (\n  <CommandSeparator className={cn(className)} {...props} />\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/prompt-input.tsx"
+    }
+  ],
+  "categories": ["ai", "input", "chat"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/queue.json b/packages/ghost-ui/public/r/queue.json
new file mode 100644
index 0000000..433c9c7
--- /dev/null
+++ b/packages/ghost-ui/public/r/queue.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "queue",
+  "dependencies": ["lucide-react"],
+  "registryDependencies": ["utils", "button", "collapsible", "scroll-area"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/queue.tsx",
+      "content": "\"use client\";\n\nimport { ChevronDownIcon, PaperclipIcon } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { ScrollArea } from \"@/components/ui/scroll-area\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface QueueMessagePart {\n  type: string;\n  text?: string;\n  url?: string;\n  filename?: string;\n  mediaType?: string;\n}\n\nexport interface QueueMessage {\n  id: string;\n  parts: QueueMessagePart[];\n}\n\nexport interface QueueTodo {\n  id: string;\n  title: string;\n  description?: string;\n  status?: \"pending\" | \"completed\";\n}\n\nexport type QueueItemProps = ComponentProps<\"li\">;\n\nexport const QueueItem = ({ className, ...props }: QueueItemProps) => (\n  <li\n    className={cn(\n      \"group flex flex-col gap-1 rounded-md px-3 py-1 text-sm transition-colors hover:bg-muted\",\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport type QueueItemIndicatorProps = ComponentProps<\"span\"> & {\n  completed?: boolean;\n};\n\nexport const QueueItemIndicator = ({\n  completed = false,\n  className,\n  ...props\n}: QueueItemIndicatorProps) => (\n  <span\n    className={cn(\n      \"mt-0.5 inline-block size-2.5 rounded-full border\",\n      completed\n        ? \"border-muted-foreground/20 bg-muted-foreground/10\"\n        : \"border-muted-foreground/50\",\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport type QueueItemContentProps = ComponentProps<\"span\"> & {\n  completed?: boolean;\n};\n\nexport const QueueItemContent = ({\n  completed = false,\n  className,\n  ...props\n}: QueueItemContentProps) => (\n  <span\n    className={cn(\n      \"line-clamp-1 grow break-words\",\n      completed\n        ? \"text-muted-foreground/50 line-through\"\n        : \"text-muted-foreground\",\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport type QueueItemDescriptionProps = ComponentProps<\"div\"> & {\n  completed?: boolean;\n};\n\nexport const QueueItemDescription = ({\n  completed = false,\n  className,\n  ...props\n}: QueueItemDescriptionProps) => (\n  <div\n    className={cn(\n      \"ml-6 text-xs\",\n      completed\n        ? \"text-muted-foreground/40 line-through\"\n        : \"text-muted-foreground\",\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport type QueueItemActionsProps = ComponentProps<\"div\">;\n\nexport const QueueItemActions = ({\n  className,\n  ...props\n}: QueueItemActionsProps) => (\n  <div className={cn(\"flex gap-1\", className)} {...props} />\n);\n\nexport type QueueItemActionProps = Omit<\n  ComponentProps<typeof Button>,\n  \"variant\" | \"size\"\n>;\n\nexport const QueueItemAction = ({\n  className,\n  ...props\n}: QueueItemActionProps) => (\n  <Button\n    className={cn(\n      \"size-auto rounded p-1 text-muted-foreground opacity-0 transition-opacity hover:bg-muted-foreground/10 hover:text-foreground group-hover:opacity-100\",\n      className,\n    )}\n    size=\"icon\"\n    type=\"button\"\n    variant=\"ghost\"\n    {...props}\n  />\n);\n\nexport type QueueItemAttachmentProps = ComponentProps<\"div\">;\n\nexport const QueueItemAttachment = ({\n  className,\n  ...props\n}: QueueItemAttachmentProps) => (\n  <div className={cn(\"mt-1 flex flex-wrap gap-2\", className)} {...props} />\n);\n\nexport type QueueItemImageProps = ComponentProps<\"img\">;\n\nexport const QueueItemImage = ({\n  className,\n  ...props\n}: QueueItemImageProps) => (\n  <img\n    alt=\"\"\n    className={cn(\"h-8 w-8 rounded border object-cover\", className)}\n    height={32}\n    width={32}\n    {...props}\n  />\n);\n\nexport type QueueItemFileProps = ComponentProps<\"span\">;\n\nexport const QueueItemFile = ({\n  children,\n  className,\n  ...props\n}: QueueItemFileProps) => (\n  <span\n    className={cn(\n      \"flex items-center gap-1 rounded border bg-muted px-2 py-1 text-xs\",\n      className,\n    )}\n    {...props}\n  >\n    <PaperclipIcon size={12} />\n    <span className=\"max-w-[100px] truncate\">{children}</span>\n  </span>\n);\n\nexport type QueueListProps = ComponentProps<typeof ScrollArea>;\n\nexport const QueueList = ({\n  children,\n  className,\n  ...props\n}: QueueListProps) => (\n  <ScrollArea className={cn(\"mt-2 -mb-1\", className)} {...props}>\n    <div className=\"max-h-40 pr-4\">\n      <ul>{children}</ul>\n    </div>\n  </ScrollArea>\n);\n\n// QueueSection - collapsible section container\nexport type QueueSectionProps = ComponentProps<typeof Collapsible>;\n\nexport const QueueSection = ({\n  className,\n  defaultOpen = true,\n  ...props\n}: QueueSectionProps) => (\n  <Collapsible className={cn(className)} defaultOpen={defaultOpen} {...props} />\n);\n\n// QueueSectionTrigger - section header/trigger\nexport type QueueSectionTriggerProps = ComponentProps<\"button\">;\n\nexport const QueueSectionTrigger = ({\n  children,\n  className,\n  ...props\n}: QueueSectionTriggerProps) => (\n  <CollapsibleTrigger asChild>\n    <button\n      className={cn(\n        \"group flex w-full items-center justify-between rounded-md bg-muted/40 px-3 py-2 text-left font-medium text-muted-foreground text-sm transition-colors hover:bg-muted\",\n        className,\n      )}\n      type=\"button\"\n      {...props}\n    >\n      {children}\n    </button>\n  </CollapsibleTrigger>\n);\n\n// QueueSectionLabel - label content with icon and count\nexport type QueueSectionLabelProps = ComponentProps<\"span\"> & {\n  count?: number;\n  label: string;\n  icon?: React.ReactNode;\n};\n\nexport const QueueSectionLabel = ({\n  count,\n  label,\n  icon,\n  className,\n  ...props\n}: QueueSectionLabelProps) => (\n  <span className={cn(\"flex items-center gap-2\", className)} {...props}>\n    <ChevronDownIcon className=\"size-4 transition-transform group-data-[state=closed]:-rotate-90\" />\n    {icon}\n    <span>\n      {count} {label}\n    </span>\n  </span>\n);\n\n// QueueSectionContent - collapsible content area\nexport type QueueSectionContentProps = ComponentProps<\n  typeof CollapsibleContent\n>;\n\nexport const QueueSectionContent = ({\n  className,\n  ...props\n}: QueueSectionContentProps) => (\n  <CollapsibleContent className={cn(className)} {...props} />\n);\n\nexport type QueueProps = ComponentProps<\"div\">;\n\nexport const Queue = ({ className, ...props }: QueueProps) => (\n  <div\n    className={cn(\n      \"flex flex-col gap-2 rounded-xl border border-border bg-background px-3 pt-2 pb-2 shadow-xs\",\n      className,\n    )}\n    {...props}\n  />\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/queue.tsx"
+    }
+  ],
+  "categories": ["ai", "display"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/radio-group.json b/packages/ghost-ui/public/r/radio-group.json
new file mode 100644
index 0000000..8dca0b6
--- /dev/null
+++ b/packages/ghost-ui/public/r/radio-group.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "radio-group",
+  "dependencies": ["@radix-ui/react-radio-group", "lucide-react"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/radio-group.tsx",
+      "content": "\"use client\";\n\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { CircleIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction RadioGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return (\n    <RadioGroupPrimitive.Root\n      data-slot=\"radio-group\"\n      className={cn(\"grid gap-3\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction RadioGroupItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        \"border-input text-primary-foreground data-[state=checked]:bg-primary data-[state=checked]:border-none focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive aspect-square size-4 shrink-0 rounded-full border transition-[color,box-shadow] outline-none focus-visible:ring-[1px] disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className=\"relative flex items-center justify-center\"\n      >\n        <CircleIcon className=\"fill-background-default absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n",
+      "type": "registry:ui",
+      "target": "components/ui/radio-group.tsx"
+    }
+  ],
+  "categories": ["input"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/reasoning.json b/packages/ghost-ui/public/r/reasoning.json
new file mode 100644
index 0000000..fd0ab66
--- /dev/null
+++ b/packages/ghost-ui/public/r/reasoning.json
@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "reasoning",
+  "dependencies": [
+    "@radix-ui/react-use-controllable-state",
+    "@streamdown/cjk",
+    "@streamdown/code",
+    "@streamdown/math",
+    "@streamdown/mermaid",
+    "lucide-react",
+    "streamdown"
+  ],
+  "registryDependencies": ["utils", "collapsible"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/reasoning.tsx",
+      "content": "\"use client\";\n\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { cjk } from \"@streamdown/cjk\";\nimport { code } from \"@streamdown/code\";\nimport { math } from \"@streamdown/math\";\nimport { mermaid } from \"@streamdown/mermaid\";\nimport { BrainIcon, ChevronDownIcon } from \"lucide-react\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport {\n  createContext,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Streamdown } from \"streamdown\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\nimport { Shimmer } from \"./shimmer\";\n\ninterface ReasoningContextValue {\n  isStreaming: boolean;\n  isOpen: boolean;\n  setIsOpen: (open: boolean) => void;\n  duration: number | undefined;\n}\n\nconst ReasoningContext = createContext<ReasoningContextValue | null>(null);\n\nexport const useReasoning = () => {\n  const context = useContext(ReasoningContext);\n  if (!context) {\n    throw new Error(\"Reasoning components must be used within Reasoning\");\n  }\n  return context;\n};\n\nexport type ReasoningProps = ComponentProps<typeof Collapsible> & {\n  isStreaming?: boolean;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  duration?: number;\n};\n\nconst AUTO_CLOSE_DELAY = 1000;\nconst MS_IN_S = 1000;\n\nexport const Reasoning = memo(\n  ({\n    className,\n    isStreaming = false,\n    open,\n    defaultOpen,\n    onOpenChange,\n    duration: durationProp,\n    children,\n    ...props\n  }: ReasoningProps) => {\n    const resolvedDefaultOpen = defaultOpen ?? isStreaming;\n    // Track if defaultOpen was explicitly set to false (to prevent auto-open)\n    const isExplicitlyClosed = defaultOpen === false;\n\n    const [isOpen, setIsOpen] = useControllableState<boolean>({\n      defaultProp: resolvedDefaultOpen,\n      onChange: onOpenChange,\n      prop: open,\n    });\n    const [duration, setDuration] = useControllableState<number | undefined>({\n      defaultProp: undefined,\n      prop: durationProp,\n    });\n\n    const hasEverStreamedRef = useRef(isStreaming);\n    const [hasAutoClosed, setHasAutoClosed] = useState(false);\n    const startTimeRef = useRef<number | null>(null);\n\n    // Track when streaming starts and compute duration\n    useEffect(() => {\n      if (isStreaming) {\n        hasEverStreamedRef.current = true;\n        if (startTimeRef.current === null) {\n          startTimeRef.current = Date.now();\n        }\n      } else if (startTimeRef.current !== null) {\n        setDuration(Math.ceil((Date.now() - startTimeRef.current) / MS_IN_S));\n        startTimeRef.current = null;\n      }\n    }, [isStreaming, setDuration]);\n\n    // Auto-open when streaming starts (unless explicitly closed)\n    useEffect(() => {\n      if (isStreaming && !isOpen && !isExplicitlyClosed) {\n        setIsOpen(true);\n      }\n    }, [isStreaming, isOpen, setIsOpen, isExplicitlyClosed]);\n\n    // Auto-close when streaming ends (once only, and only if it ever streamed)\n    useEffect(() => {\n      if (\n        hasEverStreamedRef.current &&\n        !isStreaming &&\n        isOpen &&\n        !hasAutoClosed\n      ) {\n        const timer = setTimeout(() => {\n          setIsOpen(false);\n          setHasAutoClosed(true);\n        }, AUTO_CLOSE_DELAY);\n\n        return () => clearTimeout(timer);\n      }\n    }, [isStreaming, isOpen, setIsOpen, hasAutoClosed]);\n\n    const handleOpenChange = useCallback(\n      (newOpen: boolean) => {\n        setIsOpen(newOpen);\n      },\n      [setIsOpen],\n    );\n\n    const contextValue = useMemo(\n      () => ({ duration, isOpen, isStreaming, setIsOpen }),\n      [duration, isOpen, isStreaming, setIsOpen],\n    );\n\n    return (\n      <ReasoningContext.Provider value={contextValue}>\n        <Collapsible\n          className={cn(\"not-prose mb-4\", className)}\n          onOpenChange={handleOpenChange}\n          open={isOpen}\n          {...props}\n        >\n          {children}\n        </Collapsible>\n      </ReasoningContext.Provider>\n    );\n  },\n);\n\nexport type ReasoningTriggerProps = ComponentProps<\n  typeof CollapsibleTrigger\n> & {\n  getThinkingMessage?: (isStreaming: boolean, duration?: number) => ReactNode;\n};\n\nconst defaultGetThinkingMessage = (isStreaming: boolean, duration?: number) => {\n  if (isStreaming || duration === 0) {\n    return <Shimmer duration={1}>Thinking...</Shimmer>;\n  }\n  if (duration === undefined) {\n    return <p>Thought for a few seconds</p>;\n  }\n  return <p>Thought for {duration} seconds</p>;\n};\n\nexport const ReasoningTrigger = memo(\n  ({\n    className,\n    children,\n    getThinkingMessage = defaultGetThinkingMessage,\n    ...props\n  }: ReasoningTriggerProps) => {\n    const { isStreaming, isOpen, duration } = useReasoning();\n\n    return (\n      <CollapsibleTrigger\n        className={cn(\n          \"flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground\",\n          className,\n        )}\n        {...props}\n      >\n        {children ?? (\n          <>\n            <BrainIcon className=\"size-4\" />\n            {getThinkingMessage(isStreaming, duration)}\n            <ChevronDownIcon\n              className={cn(\n                \"size-4 transition-transform\",\n                isOpen ? \"rotate-180\" : \"rotate-0\",\n              )}\n            />\n          </>\n        )}\n      </CollapsibleTrigger>\n    );\n  },\n);\n\nexport type ReasoningContentProps = ComponentProps<\n  typeof CollapsibleContent\n> & {\n  children: string;\n};\n\nconst streamdownPlugins = { cjk, code, math, mermaid };\n\nexport const ReasoningContent = memo(\n  ({ className, children, ...props }: ReasoningContentProps) => (\n    <CollapsibleContent\n      className={cn(\n        \"mt-4 text-sm\",\n        \"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n        className,\n      )}\n      {...props}\n    >\n      <Streamdown plugins={streamdownPlugins}>{children}</Streamdown>\n    </CollapsibleContent>\n  ),\n);\n\nReasoning.displayName = \"Reasoning\";\nReasoningTrigger.displayName = \"ReasoningTrigger\";\nReasoningContent.displayName = \"ReasoningContent\";\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/reasoning.tsx"
+    }
+  ],
+  "categories": ["ai", "chat"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/registry.json b/packages/ghost-ui/public/r/registry.json
new file mode 100644
index 0000000..adb6d55
--- /dev/null
+++ b/packages/ghost-ui/public/r/registry.json
@@ -0,0 +1,1445 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry.json",
+  "name": "ghost-ui",
+  "homepage": "https://github.com/block/ghost",
+  "items": [
+    {
+      "name": "styles-main",
+      "type": "registry:style",
+      "dependencies": ["tw-animate-css"],
+      "devDependencies": ["tailwindcss"],
+      "files": [
+        {
+          "type": "registry:theme",
+          "target": "app/globals.css",
+          "path": "src/styles/main.css"
+        }
+      ]
+    },
+    {
+      "name": "utils",
+      "type": "registry:lib",
+      "dependencies": ["clsx", "tailwind-merge"],
+      "files": [
+        {
+          "type": "registry:lib",
+          "target": "lib/utils.ts",
+          "path": "src/lib/utils.ts"
+        }
+      ]
+    },
+    {
+      "name": "accordion",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-accordion", "lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/accordion.tsx",
+          "path": "src/components/ui/accordion.tsx"
+        }
+      ],
+      "categories": ["layout"]
+    },
+    {
+      "name": "alert-dialog",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-alert-dialog"],
+      "registryDependencies": ["utils", "button"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/alert-dialog.tsx",
+          "path": "src/components/ui/alert-dialog.tsx"
+        }
+      ],
+      "categories": ["feedback"]
+    },
+    {
+      "name": "alert",
+      "type": "registry:ui",
+      "dependencies": ["class-variance-authority"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/alert.tsx",
+          "path": "src/components/ui/alert.tsx"
+        }
+      ],
+      "categories": ["feedback"]
+    },
+    {
+      "name": "aspect-ratio",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-aspect-ratio"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/aspect-ratio.tsx",
+          "path": "src/components/ui/aspect-ratio.tsx"
+        }
+      ],
+      "categories": ["layout"]
+    },
+    {
+      "name": "avatar",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-avatar"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/avatar.tsx",
+          "path": "src/components/ui/avatar.tsx"
+        }
+      ],
+      "categories": ["display"]
+    },
+    {
+      "name": "badge",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-slot", "class-variance-authority"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/badge.tsx",
+          "path": "src/components/ui/badge.tsx"
+        }
+      ],
+      "categories": ["display"]
+    },
+    {
+      "name": "breadcrumb",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-slot", "lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/breadcrumb.tsx",
+          "path": "src/components/ui/breadcrumb.tsx"
+        }
+      ],
+      "categories": ["navigation"]
+    },
+    {
+      "name": "button-group",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-slot", "class-variance-authority"],
+      "registryDependencies": ["utils", "separator"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/button-group.tsx",
+          "path": "src/components/ui/button-group.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "button",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-slot", "class-variance-authority"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/button.tsx",
+          "path": "src/components/ui/button.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "calendar",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "button"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/calendar.tsx",
+          "path": "src/components/ui/calendar.tsx"
+        }
+      ],
+      "categories": ["display", "input"]
+    },
+    {
+      "name": "card",
+      "type": "registry:ui",
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/card.tsx",
+          "path": "src/components/ui/card.tsx"
+        }
+      ],
+      "categories": ["display"]
+    },
+    {
+      "name": "carousel",
+      "type": "registry:ui",
+      "dependencies": ["embla-carousel-react", "lucide-react"],
+      "registryDependencies": ["utils", "button"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/carousel.tsx",
+          "path": "src/components/ui/carousel.tsx"
+        }
+      ],
+      "categories": ["display"]
+    },
+    {
+      "name": "chart",
+      "type": "registry:ui",
+      "dependencies": ["recharts"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/chart.tsx",
+          "path": "src/components/ui/chart.tsx"
+        }
+      ],
+      "categories": ["display"]
+    },
+    {
+      "name": "checkbox",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-checkbox", "lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/checkbox.tsx",
+          "path": "src/components/ui/checkbox.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "collapsible",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-collapsible"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/collapsible.tsx",
+          "path": "src/components/ui/collapsible.tsx"
+        }
+      ],
+      "categories": ["layout"]
+    },
+    {
+      "name": "command",
+      "type": "registry:ui",
+      "dependencies": ["cmdk", "lucide-react"],
+      "registryDependencies": ["utils", "dialog"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/command.tsx",
+          "path": "src/components/ui/command.tsx"
+        }
+      ],
+      "categories": ["input", "navigation"]
+    },
+    {
+      "name": "context-menu",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-context-menu", "lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/context-menu.tsx",
+          "path": "src/components/ui/context-menu.tsx"
+        }
+      ],
+      "categories": ["navigation"]
+    },
+    {
+      "name": "dialog",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-dialog", "lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/dialog.tsx",
+          "path": "src/components/ui/dialog.tsx"
+        }
+      ],
+      "categories": ["feedback"]
+    },
+    {
+      "name": "drawer",
+      "type": "registry:ui",
+      "dependencies": ["vaul"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/drawer.tsx",
+          "path": "src/components/ui/drawer.tsx"
+        }
+      ],
+      "categories": ["feedback"]
+    },
+    {
+      "name": "dropdown-menu",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-dropdown-menu", "lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/dropdown-menu.tsx",
+          "path": "src/components/ui/dropdown-menu.tsx"
+        }
+      ],
+      "categories": ["navigation"]
+    },
+    {
+      "name": "form",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-label", "@radix-ui/react-slot"],
+      "registryDependencies": ["utils", "label"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/form.tsx",
+          "path": "src/components/ui/form.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "hover-card",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-hover-card"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/hover-card.tsx",
+          "path": "src/components/ui/hover-card.tsx"
+        }
+      ],
+      "categories": ["display"]
+    },
+    {
+      "name": "input-group",
+      "type": "registry:ui",
+      "dependencies": ["class-variance-authority"],
+      "registryDependencies": ["utils", "button", "input", "textarea"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/input-group.tsx",
+          "path": "src/components/ui/input-group.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "input-otp",
+      "type": "registry:ui",
+      "dependencies": ["input-otp", "lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/input-otp.tsx",
+          "path": "src/components/ui/input-otp.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "input",
+      "type": "registry:ui",
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/input.tsx",
+          "path": "src/components/ui/input.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "label",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-label"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/label.tsx",
+          "path": "src/components/ui/label.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "menubar",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-menubar", "lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/menubar.tsx",
+          "path": "src/components/ui/menubar.tsx"
+        }
+      ],
+      "categories": ["navigation"]
+    },
+    {
+      "name": "navigation-menu",
+      "type": "registry:ui",
+      "dependencies": [
+        "@radix-ui/react-navigation-menu",
+        "class-variance-authority",
+        "lucide-react"
+      ],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/navigation-menu.tsx",
+          "path": "src/components/ui/navigation-menu.tsx"
+        }
+      ],
+      "categories": ["navigation"]
+    },
+    {
+      "name": "pagination",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "button"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/pagination.tsx",
+          "path": "src/components/ui/pagination.tsx"
+        }
+      ],
+      "categories": ["navigation"]
+    },
+    {
+      "name": "popover",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-popover"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/popover.tsx",
+          "path": "src/components/ui/popover.tsx"
+        }
+      ],
+      "categories": ["feedback"]
+    },
+    {
+      "name": "progress",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-progress"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/progress.tsx",
+          "path": "src/components/ui/progress.tsx"
+        }
+      ],
+      "categories": ["feedback"]
+    },
+    {
+      "name": "radio-group",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-radio-group", "lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/radio-group.tsx",
+          "path": "src/components/ui/radio-group.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "resizable",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/resizable.tsx",
+          "path": "src/components/ui/resizable.tsx"
+        }
+      ],
+      "categories": ["layout"]
+    },
+    {
+      "name": "scroll-area",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-scroll-area"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/scroll-area.tsx",
+          "path": "src/components/ui/scroll-area.tsx"
+        }
+      ],
+      "categories": ["layout"]
+    },
+    {
+      "name": "select",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-select", "lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/select.tsx",
+          "path": "src/components/ui/select.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "separator",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-separator"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/separator.tsx",
+          "path": "src/components/ui/separator.tsx"
+        }
+      ],
+      "categories": ["layout"]
+    },
+    {
+      "name": "sheet",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-dialog", "lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/sheet.tsx",
+          "path": "src/components/ui/sheet.tsx"
+        }
+      ],
+      "categories": ["feedback"]
+    },
+    {
+      "name": "sidebar",
+      "type": "registry:ui",
+      "dependencies": [
+        "@radix-ui/react-slot",
+        "class-variance-authority",
+        "lucide-react"
+      ],
+      "registryDependencies": [
+        "utils",
+        "button",
+        "input",
+        "separator",
+        "sheet",
+        "skeleton",
+        "tooltip"
+      ],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/sidebar.tsx",
+          "path": "src/components/ui/sidebar.tsx"
+        }
+      ],
+      "categories": ["navigation", "layout"]
+    },
+    {
+      "name": "skeleton",
+      "type": "registry:ui",
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/skeleton.tsx",
+          "path": "src/components/ui/skeleton.tsx"
+        }
+      ],
+      "categories": ["display"]
+    },
+    {
+      "name": "slider",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-slider"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/slider.tsx",
+          "path": "src/components/ui/slider.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "sonner",
+      "type": "registry:ui",
+      "dependencies": ["next-themes", "sonner"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/sonner.tsx",
+          "path": "src/components/ui/sonner.tsx"
+        }
+      ],
+      "categories": ["feedback"]
+    },
+    {
+      "name": "spinner",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/spinner.tsx",
+          "path": "src/components/ui/spinner.tsx"
+        }
+      ],
+      "categories": ["feedback"]
+    },
+    {
+      "name": "switch",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-switch"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/switch.tsx",
+          "path": "src/components/ui/switch.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "table",
+      "type": "registry:ui",
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/table.tsx",
+          "path": "src/components/ui/table.tsx"
+        }
+      ],
+      "categories": ["display"]
+    },
+    {
+      "name": "tabs",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-tabs"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/tabs.tsx",
+          "path": "src/components/ui/tabs.tsx"
+        }
+      ],
+      "categories": ["navigation"]
+    },
+    {
+      "name": "textarea",
+      "type": "registry:ui",
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/textarea.tsx",
+          "path": "src/components/ui/textarea.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "toggle-group",
+      "type": "registry:ui",
+      "dependencies": [
+        "@radix-ui/react-toggle-group",
+        "class-variance-authority"
+      ],
+      "registryDependencies": ["utils", "toggle"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/toggle-group.tsx",
+          "path": "src/components/ui/toggle-group.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "toggle",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-toggle", "class-variance-authority"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/toggle.tsx",
+          "path": "src/components/ui/toggle.tsx"
+        }
+      ],
+      "categories": ["input"]
+    },
+    {
+      "name": "tooltip",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-tooltip"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ui/tooltip.tsx",
+          "path": "src/components/ui/tooltip.tsx"
+        }
+      ],
+      "categories": ["feedback"]
+    },
+    {
+      "name": "agent",
+      "type": "registry:ui",
+      "dependencies": ["ai", "lucide-react"],
+      "registryDependencies": ["utils", "accordion", "badge"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/agent.tsx",
+          "path": "src/components/ai-elements/agent.tsx"
+        }
+      ],
+      "categories": ["ai", "display"]
+    },
+    {
+      "name": "artifact",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "button", "tooltip"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/artifact.tsx",
+          "path": "src/components/ai-elements/artifact.tsx"
+        }
+      ],
+      "categories": ["ai", "display"]
+    },
+    {
+      "name": "attachments",
+      "type": "registry:ui",
+      "dependencies": ["ai", "lucide-react"],
+      "registryDependencies": ["utils", "button", "hover-card"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/attachments.tsx",
+          "path": "src/components/ai-elements/attachments.tsx"
+        }
+      ],
+      "categories": ["ai", "input", "chat"]
+    },
+    {
+      "name": "audio-player",
+      "type": "registry:ui",
+      "dependencies": ["ai", "media-chrome"],
+      "registryDependencies": ["utils", "button", "button-group"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/audio-player.tsx",
+          "path": "src/components/ai-elements/audio-player.tsx"
+        }
+      ],
+      "categories": ["ai", "media"]
+    },
+    {
+      "name": "canvas",
+      "type": "registry:ui",
+      "dependencies": ["@xyflow/react"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/canvas.tsx",
+          "path": "src/components/ai-elements/canvas.tsx"
+        }
+      ],
+      "categories": ["ai", "layout"]
+    },
+    {
+      "name": "chain-of-thought",
+      "type": "registry:ui",
+      "dependencies": [
+        "@radix-ui/react-use-controllable-state",
+        "lucide-react"
+      ],
+      "registryDependencies": ["utils", "badge", "collapsible"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/chain-of-thought.tsx",
+          "path": "src/components/ai-elements/chain-of-thought.tsx"
+        }
+      ],
+      "categories": ["ai", "display"]
+    },
+    {
+      "name": "checkpoint",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "button", "separator", "tooltip"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/checkpoint.tsx",
+          "path": "src/components/ai-elements/checkpoint.tsx"
+        }
+      ],
+      "categories": ["ai", "display"]
+    },
+    {
+      "name": "code-block",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react", "shiki"],
+      "registryDependencies": ["utils", "button", "select"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/code-block.tsx",
+          "path": "src/components/ai-elements/code-block.tsx"
+        }
+      ],
+      "categories": ["ai", "code"]
+    },
+    {
+      "name": "commit",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "avatar", "button", "collapsible"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/commit.tsx",
+          "path": "src/components/ai-elements/commit.tsx"
+        }
+      ],
+      "categories": ["ai", "code"]
+    },
+    {
+      "name": "confirmation",
+      "type": "registry:ui",
+      "dependencies": ["ai"],
+      "registryDependencies": ["utils", "alert", "button"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/confirmation.tsx",
+          "path": "src/components/ai-elements/confirmation.tsx"
+        }
+      ],
+      "categories": ["ai", "feedback"]
+    },
+    {
+      "name": "connection",
+      "type": "registry:ui",
+      "dependencies": ["@xyflow/react"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/connection.tsx",
+          "path": "src/components/ai-elements/connection.tsx"
+        }
+      ],
+      "categories": ["ai", "layout"]
+    },
+    {
+      "name": "context",
+      "type": "registry:ui",
+      "dependencies": ["ai", "tokenlens"],
+      "registryDependencies": ["utils", "button", "hover-card", "progress"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/context.tsx",
+          "path": "src/components/ai-elements/context.tsx"
+        }
+      ],
+      "categories": ["ai", "display"]
+    },
+    {
+      "name": "controls",
+      "type": "registry:ui",
+      "dependencies": ["@xyflow/react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/controls.tsx",
+          "path": "src/components/ai-elements/controls.tsx"
+        }
+      ],
+      "categories": ["ai", "layout"]
+    },
+    {
+      "name": "conversation",
+      "type": "registry:ui",
+      "dependencies": ["ai", "lucide-react", "use-stick-to-bottom"],
+      "registryDependencies": ["utils", "button"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/conversation.tsx",
+          "path": "src/components/ai-elements/conversation.tsx"
+        }
+      ],
+      "categories": ["ai", "chat"]
+    },
+    {
+      "name": "edge",
+      "type": "registry:ui",
+      "dependencies": ["@xyflow/react"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/edge.tsx",
+          "path": "src/components/ai-elements/edge.tsx"
+        }
+      ],
+      "categories": ["ai", "layout"]
+    },
+    {
+      "name": "environment-variables",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "badge", "button", "switch"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/environment-variables.tsx",
+          "path": "src/components/ai-elements/environment-variables.tsx"
+        }
+      ],
+      "categories": ["ai", "code"]
+    },
+    {
+      "name": "file-tree",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "collapsible"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/file-tree.tsx",
+          "path": "src/components/ai-elements/file-tree.tsx"
+        }
+      ],
+      "categories": ["ai", "code"]
+    },
+    {
+      "name": "image",
+      "type": "registry:ui",
+      "dependencies": ["ai"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/image.tsx",
+          "path": "src/components/ai-elements/image.tsx"
+        }
+      ],
+      "categories": ["ai", "media"]
+    },
+    {
+      "name": "inline-citation",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "badge", "carousel", "hover-card"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/inline-citation.tsx",
+          "path": "src/components/ai-elements/inline-citation.tsx"
+        }
+      ],
+      "categories": ["ai", "display"]
+    },
+    {
+      "name": "jsx-preview",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/jsx-preview.tsx",
+          "path": "src/components/ai-elements/jsx-preview.tsx"
+        }
+      ],
+      "categories": ["ai", "code"]
+    },
+    {
+      "name": "message",
+      "type": "registry:ui",
+      "dependencies": [
+        "@streamdown/cjk",
+        "@streamdown/code",
+        "@streamdown/math",
+        "@streamdown/mermaid",
+        "ai",
+        "lucide-react",
+        "streamdown"
+      ],
+      "registryDependencies": ["utils", "button", "button-group", "tooltip"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/message.tsx",
+          "path": "src/components/ai-elements/message.tsx"
+        }
+      ],
+      "categories": ["ai", "chat"]
+    },
+    {
+      "name": "mic-selector",
+      "type": "registry:ui",
+      "dependencies": [
+        "@radix-ui/react-use-controllable-state",
+        "lucide-react"
+      ],
+      "registryDependencies": ["utils", "button", "command", "popover"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/mic-selector.tsx",
+          "path": "src/components/ai-elements/mic-selector.tsx"
+        }
+      ],
+      "categories": ["ai", "input", "media"]
+    },
+    {
+      "name": "model-selector",
+      "type": "registry:ui",
+      "registryDependencies": ["utils", "command", "dialog"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/model-selector.tsx",
+          "path": "src/components/ai-elements/model-selector.tsx"
+        }
+      ],
+      "categories": ["ai", "input"]
+    },
+    {
+      "name": "node",
+      "type": "registry:ui",
+      "dependencies": ["@xyflow/react"],
+      "registryDependencies": ["utils", "card"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/node.tsx",
+          "path": "src/components/ai-elements/node.tsx"
+        }
+      ],
+      "categories": ["ai", "layout"]
+    },
+    {
+      "name": "open-in-chat",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "button", "dropdown-menu"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/open-in-chat.tsx",
+          "path": "src/components/ai-elements/open-in-chat.tsx"
+        }
+      ],
+      "categories": ["ai", "chat"]
+    },
+    {
+      "name": "package-info",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "badge"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/package-info.tsx",
+          "path": "src/components/ai-elements/package-info.tsx"
+        }
+      ],
+      "categories": ["ai", "code"]
+    },
+    {
+      "name": "panel",
+      "type": "registry:ui",
+      "dependencies": ["@xyflow/react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/panel.tsx",
+          "path": "src/components/ai-elements/panel.tsx"
+        }
+      ],
+      "categories": ["ai", "layout"]
+    },
+    {
+      "name": "persona",
+      "type": "registry:ui",
+      "dependencies": ["@rive-app/react-webgl2"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/persona.tsx",
+          "path": "src/components/ai-elements/persona.tsx"
+        }
+      ],
+      "categories": ["ai", "media"]
+    },
+    {
+      "name": "plan",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "button", "card", "collapsible"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/plan.tsx",
+          "path": "src/components/ai-elements/plan.tsx"
+        }
+      ],
+      "categories": ["ai", "display"]
+    },
+    {
+      "name": "prompt-input",
+      "type": "registry:ui",
+      "dependencies": ["ai", "lucide-react", "nanoid"],
+      "registryDependencies": [
+        "utils",
+        "command",
+        "dropdown-menu",
+        "hover-card",
+        "input-group",
+        "select",
+        "spinner",
+        "tooltip"
+      ],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/prompt-input.tsx",
+          "path": "src/components/ai-elements/prompt-input.tsx"
+        }
+      ],
+      "categories": ["ai", "input", "chat"]
+    },
+    {
+      "name": "queue",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "button", "collapsible", "scroll-area"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/queue.tsx",
+          "path": "src/components/ai-elements/queue.tsx"
+        }
+      ],
+      "categories": ["ai", "display"]
+    },
+    {
+      "name": "reasoning",
+      "type": "registry:ui",
+      "dependencies": [
+        "@radix-ui/react-use-controllable-state",
+        "@streamdown/cjk",
+        "@streamdown/code",
+        "@streamdown/math",
+        "@streamdown/mermaid",
+        "lucide-react",
+        "streamdown"
+      ],
+      "registryDependencies": ["utils", "collapsible"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/reasoning.tsx",
+          "path": "src/components/ai-elements/reasoning.tsx"
+        }
+      ],
+      "categories": ["ai", "chat"]
+    },
+    {
+      "name": "sandbox",
+      "type": "registry:ui",
+      "dependencies": ["ai", "lucide-react"],
+      "registryDependencies": ["utils", "collapsible", "tabs"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/sandbox.tsx",
+          "path": "src/components/ai-elements/sandbox.tsx"
+        }
+      ],
+      "categories": ["ai", "code"]
+    },
+    {
+      "name": "schema-display",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "badge", "collapsible"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/schema-display.tsx",
+          "path": "src/components/ai-elements/schema-display.tsx"
+        }
+      ],
+      "categories": ["ai", "code"]
+    },
+    {
+      "name": "shimmer",
+      "type": "registry:ui",
+      "dependencies": ["motion"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/shimmer.tsx",
+          "path": "src/components/ai-elements/shimmer.tsx"
+        }
+      ],
+      "categories": ["ai", "feedback"]
+    },
+    {
+      "name": "snippet",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "input-group"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/snippet.tsx",
+          "path": "src/components/ai-elements/snippet.tsx"
+        }
+      ],
+      "categories": ["ai", "code"]
+    },
+    {
+      "name": "sources",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "collapsible"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/sources.tsx",
+          "path": "src/components/ai-elements/sources.tsx"
+        }
+      ],
+      "categories": ["ai", "display"]
+    },
+    {
+      "name": "speech-input",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "button", "spinner"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/speech-input.tsx",
+          "path": "src/components/ai-elements/speech-input.tsx"
+        }
+      ],
+      "categories": ["ai", "input", "media"]
+    },
+    {
+      "name": "stack-trace",
+      "type": "registry:ui",
+      "dependencies": [
+        "@radix-ui/react-use-controllable-state",
+        "lucide-react"
+      ],
+      "registryDependencies": ["utils", "button", "collapsible"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/stack-trace.tsx",
+          "path": "src/components/ai-elements/stack-trace.tsx"
+        }
+      ],
+      "categories": ["ai", "code"]
+    },
+    {
+      "name": "suggestion",
+      "type": "registry:ui",
+      "registryDependencies": ["utils", "button", "scroll-area"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/suggestion.tsx",
+          "path": "src/components/ai-elements/suggestion.tsx"
+        }
+      ],
+      "categories": ["ai", "chat"]
+    },
+    {
+      "name": "task",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "collapsible"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/task.tsx",
+          "path": "src/components/ai-elements/task.tsx"
+        }
+      ],
+      "categories": ["ai", "display"]
+    },
+    {
+      "name": "terminal",
+      "type": "registry:ui",
+      "dependencies": ["ansi-to-react", "lucide-react"],
+      "registryDependencies": ["utils", "button"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/terminal.tsx",
+          "path": "src/components/ai-elements/terminal.tsx"
+        }
+      ],
+      "categories": ["ai", "code"]
+    },
+    {
+      "name": "test-results",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": ["utils", "badge", "collapsible"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/test-results.tsx",
+          "path": "src/components/ai-elements/test-results.tsx"
+        }
+      ],
+      "categories": ["ai", "code"]
+    },
+    {
+      "name": "tool",
+      "type": "registry:ui",
+      "dependencies": ["ai", "lucide-react"],
+      "registryDependencies": ["utils", "badge", "collapsible"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/tool.tsx",
+          "path": "src/components/ai-elements/tool.tsx"
+        }
+      ],
+      "categories": ["ai", "display"]
+    },
+    {
+      "name": "toolbar",
+      "type": "registry:ui",
+      "dependencies": ["@xyflow/react"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/toolbar.tsx",
+          "path": "src/components/ai-elements/toolbar.tsx"
+        }
+      ],
+      "categories": ["ai", "layout"]
+    },
+    {
+      "name": "transcription",
+      "type": "registry:ui",
+      "dependencies": ["@radix-ui/react-use-controllable-state", "ai"],
+      "registryDependencies": ["utils"],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/transcription.tsx",
+          "path": "src/components/ai-elements/transcription.tsx"
+        }
+      ],
+      "categories": ["ai", "chat", "media"]
+    },
+    {
+      "name": "voice-selector",
+      "type": "registry:ui",
+      "dependencies": [
+        "@radix-ui/react-use-controllable-state",
+        "lucide-react"
+      ],
+      "registryDependencies": [
+        "utils",
+        "button",
+        "command",
+        "dialog",
+        "spinner"
+      ],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/voice-selector.tsx",
+          "path": "src/components/ai-elements/voice-selector.tsx"
+        }
+      ],
+      "categories": ["ai", "input", "media"]
+    },
+    {
+      "name": "web-preview",
+      "type": "registry:ui",
+      "dependencies": ["lucide-react"],
+      "registryDependencies": [
+        "utils",
+        "button",
+        "collapsible",
+        "input",
+        "tooltip"
+      ],
+      "files": [
+        {
+          "type": "registry:ui",
+          "target": "components/ai-elements/web-preview.tsx",
+          "path": "src/components/ai-elements/web-preview.tsx"
+        }
+      ],
+      "categories": ["ai", "media"]
+    }
+  ]
+}
diff --git a/packages/ghost-ui/public/r/resizable.json b/packages/ghost-ui/public/r/resizable.json
new file mode 100644
index 0000000..423da0c
--- /dev/null
+++ b/packages/ghost-ui/public/r/resizable.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "resizable",
+  "dependencies": ["lucide-react"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/resizable.tsx",
+      "content": "\"use client\";\n\nimport { GripVerticalIcon } from \"lucide-react\";\nimport type * as React from \"react\";\nimport * as ResizablePrimitive from \"react-resizable-panels\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction ResizablePanelGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof ResizablePrimitive.Group>) {\n  return (\n    <ResizablePrimitive.Group\n      data-slot=\"resizable-panel-group\"\n      className={cn(\n        \"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ResizablePanel({\n  ...props\n}: React.ComponentProps<typeof ResizablePrimitive.Panel>) {\n  return <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />;\n}\n\nfunction ResizableHandle({\n  withHandle,\n  className,\n  ...props\n}: React.ComponentProps<typeof ResizablePrimitive.Separator> & {\n  withHandle?: boolean;\n}) {\n  return (\n    <ResizablePrimitive.Separator\n      data-slot=\"resizable-handle\"\n      className={cn(\n        \"bg-border-default focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n        className,\n      )}\n      {...props}\n    >\n      {withHandle && (\n        <div className=\"bg-border-default z-10 flex h-4 w-3 items-center justify-center rounded-xs border\">\n          <GripVerticalIcon className=\"size-2.5\" />\n        </div>\n      )}\n    </ResizablePrimitive.Separator>\n  );\n}\n\nexport { ResizableHandle, ResizablePanel, ResizablePanelGroup };\n",
+      "type": "registry:ui",
+      "target": "components/ui/resizable.tsx"
+    }
+  ],
+  "categories": ["layout"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/sandbox.json b/packages/ghost-ui/public/r/sandbox.json
new file mode 100644
index 0000000..11cf753
--- /dev/null
+++ b/packages/ghost-ui/public/r/sandbox.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "sandbox",
+  "dependencies": ["ai", "lucide-react"],
+  "registryDependencies": ["utils", "collapsible", "tabs"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/sandbox.tsx",
+      "content": "\"use client\";\n\nimport type { ToolUIPart } from \"ai\";\nimport { ChevronDownIcon, Code } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"@/components/ui/tabs\";\nimport { cn } from \"@/lib/utils\";\n\nimport { getStatusBadge } from \"./tool\";\n\nexport type SandboxRootProps = ComponentProps<typeof Collapsible>;\n\nexport const Sandbox = ({ className, ...props }: SandboxRootProps) => (\n  <Collapsible\n    className={cn(\n      \"not-prose group mb-4 w-full overflow-hidden rounded-md border\",\n      className,\n    )}\n    defaultOpen\n    {...props}\n  />\n);\n\nexport interface SandboxHeaderProps {\n  title?: string;\n  state: ToolUIPart[\"state\"];\n  className?: string;\n}\n\nexport const SandboxHeader = ({\n  className,\n  title,\n  state,\n  ...props\n}: SandboxHeaderProps) => (\n  <CollapsibleTrigger\n    className={cn(\n      \"flex w-full items-center justify-between gap-4 p-3\",\n      className,\n    )}\n    {...props}\n  >\n    <div className=\"flex items-center gap-2\">\n      <Code className=\"size-4 text-muted-foreground\" />\n      <span className=\"font-medium text-sm\">{title}</span>\n      {getStatusBadge(state)}\n    </div>\n    <ChevronDownIcon className=\"size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180\" />\n  </CollapsibleTrigger>\n);\n\nexport type SandboxContentProps = ComponentProps<typeof CollapsibleContent>;\n\nexport const SandboxContent = ({\n  className,\n  ...props\n}: SandboxContentProps) => (\n  <CollapsibleContent\n    className={cn(\n      \"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport type SandboxTabsProps = ComponentProps<typeof Tabs>;\n\nexport const SandboxTabs = ({ className, ...props }: SandboxTabsProps) => (\n  <Tabs className={cn(\"w-full gap-0\", className)} {...props} />\n);\n\nexport type SandboxTabsBarProps = ComponentProps<\"div\">;\n\nexport const SandboxTabsBar = ({\n  className,\n  ...props\n}: SandboxTabsBarProps) => (\n  <div\n    className={cn(\n      \"flex w-full items-center border-border border-t border-b\",\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport type SandboxTabsListProps = ComponentProps<typeof TabsList>;\n\nexport const SandboxTabsList = ({\n  className,\n  ...props\n}: SandboxTabsListProps) => (\n  <TabsList\n    className={cn(\"h-auto rounded-none border-0 bg-transparent p-0\", className)}\n    {...props}\n  />\n);\n\nexport type SandboxTabsTriggerProps = ComponentProps<typeof TabsTrigger>;\n\nexport const SandboxTabsTrigger = ({\n  className,\n  ...props\n}: SandboxTabsTriggerProps) => (\n  <TabsTrigger\n    className={cn(\n      \"rounded-none border-0 border-transparent border-b-2 px-4 py-2 font-medium text-muted-foreground text-sm transition-colors data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:text-foreground data-[state=active]:shadow-none\",\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport type SandboxTabContentProps = ComponentProps<typeof TabsContent>;\n\nexport const SandboxTabContent = ({\n  className,\n  ...props\n}: SandboxTabContentProps) => (\n  <TabsContent className={cn(\"mt-0 text-sm\", className)} {...props} />\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/sandbox.tsx"
+    }
+  ],
+  "categories": ["ai", "code"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/schema-display.json b/packages/ghost-ui/public/r/schema-display.json
new file mode 100644
index 0000000..5816073
--- /dev/null
+++ b/packages/ghost-ui/public/r/schema-display.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "schema-display",
+  "dependencies": ["lucide-react"],
+  "registryDependencies": ["utils", "badge", "collapsible"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/schema-display.tsx",
+      "content": "\"use client\";\n\nimport { ChevronRightIcon } from \"lucide-react\";\nimport type { ComponentProps, HTMLAttributes } from \"react\";\nimport { createContext, useContext, useMemo } from \"react\";\nimport { Badge } from \"@/components/ui/badge\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\ntype HttpMethod = \"GET\" | \"POST\" | \"PUT\" | \"PATCH\" | \"DELETE\";\n\ninterface SchemaParameter {\n  name: string;\n  type: string;\n  required?: boolean;\n  description?: string;\n  location?: \"path\" | \"query\" | \"header\";\n}\n\ninterface SchemaProperty {\n  name: string;\n  type: string;\n  required?: boolean;\n  description?: string;\n  properties?: SchemaProperty[];\n  items?: SchemaProperty;\n}\n\ninterface SchemaDisplayContextType {\n  method: HttpMethod;\n  path: string;\n  description?: string;\n  parameters?: SchemaParameter[];\n  requestBody?: SchemaProperty[];\n  responseBody?: SchemaProperty[];\n}\n\nconst SchemaDisplayContext = createContext<SchemaDisplayContextType>({\n  method: \"GET\",\n  path: \"\",\n});\n\nconst methodStyles: Record<HttpMethod, string> = {\n  DELETE: \"bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400\",\n  GET: \"bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400\",\n  PATCH:\n    \"bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400\",\n  POST: \"bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400\",\n  PUT: \"bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400\",\n};\n\nexport type SchemaDisplayHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport const SchemaDisplayHeader = ({\n  className,\n  children,\n  ...props\n}: SchemaDisplayHeaderProps) => (\n  <div\n    className={cn(\"flex items-center gap-3 border-b px-4 py-3\", className)}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type SchemaDisplayMethodProps = ComponentProps<typeof Badge>;\n\nexport const SchemaDisplayMethod = ({\n  className,\n  children,\n  ...props\n}: SchemaDisplayMethodProps) => {\n  const { method } = useContext(SchemaDisplayContext);\n\n  return (\n    <Badge\n      className={cn(\"font-mono text-xs\", methodStyles[method], className)}\n      variant=\"secondary\"\n      {...props}\n    >\n      {children ?? method}\n    </Badge>\n  );\n};\n\nexport type SchemaDisplayPathProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const SchemaDisplayPath = ({\n  className,\n  children,\n  ...props\n}: SchemaDisplayPathProps) => {\n  const { path } = useContext(SchemaDisplayContext);\n\n  const parts = path.split(/(\\{[^}]+\\})/g);\n\n  return (\n    <span className={cn(\"font-mono text-sm\", className)} {...props}>\n      {children ??\n        parts.map((part, i) =>\n          part.startsWith(\"{\") ? (\n            <span key={i} className=\"text-blue-600 dark:text-blue-400\">\n              {part}\n            </span>\n          ) : (\n            part\n          ),\n        )}\n    </span>\n  );\n};\n\nexport type SchemaDisplayDescriptionProps =\n  HTMLAttributes<HTMLParagraphElement>;\n\nexport const SchemaDisplayDescription = ({\n  className,\n  children,\n  ...props\n}: SchemaDisplayDescriptionProps) => {\n  const { description } = useContext(SchemaDisplayContext);\n\n  return (\n    <p\n      className={cn(\n        \"border-b px-4 py-3 text-muted-foreground text-sm\",\n        className,\n      )}\n      {...props}\n    >\n      {children ?? description}\n    </p>\n  );\n};\n\nexport type SchemaDisplayContentProps = HTMLAttributes<HTMLDivElement>;\n\nexport const SchemaDisplayContent = ({\n  className,\n  children,\n  ...props\n}: SchemaDisplayContentProps) => (\n  <div className={cn(\"divide-y\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport type SchemaDisplayParameterProps = HTMLAttributes<HTMLDivElement> &\n  SchemaParameter;\n\nexport const SchemaDisplayParameter = ({\n  name,\n  type,\n  required,\n  description,\n  location,\n  className,\n  ...props\n}: SchemaDisplayParameterProps) => (\n  <div className={cn(\"px-4 py-3 pl-10\", className)} {...props}>\n    <div className=\"flex items-center gap-2\">\n      <span className=\"font-mono text-sm\">{name}</span>\n      <Badge className=\"text-xs\" variant=\"outline\">\n        {type}\n      </Badge>\n      {location && (\n        <Badge className=\"text-xs\" variant=\"secondary\">\n          {location}\n        </Badge>\n      )}\n      {required && (\n        <Badge\n          className=\"bg-red-100 text-red-700 text-xs dark:bg-red-900/30 dark:text-red-400\"\n          variant=\"secondary\"\n        >\n          required\n        </Badge>\n      )}\n    </div>\n    {description && (\n      <p className=\"mt-1 text-muted-foreground text-sm\">{description}</p>\n    )}\n  </div>\n);\n\nexport type SchemaDisplayParametersProps = ComponentProps<typeof Collapsible>;\n\nexport const SchemaDisplayParameters = ({\n  className,\n  children,\n  ...props\n}: SchemaDisplayParametersProps) => {\n  const { parameters } = useContext(SchemaDisplayContext);\n\n  return (\n    <Collapsible className={cn(className)} defaultOpen {...props}>\n      <CollapsibleTrigger className=\"group flex w-full items-center gap-2 px-4 py-3 text-left transition-colors hover:bg-muted/50\">\n        <ChevronRightIcon className=\"size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90\" />\n        <span className=\"font-medium text-sm\">Parameters</span>\n        <Badge className=\"ml-auto text-xs\" variant=\"secondary\">\n          {parameters?.length}\n        </Badge>\n      </CollapsibleTrigger>\n      <CollapsibleContent>\n        <div className=\"divide-y border-t\">\n          {children ??\n            parameters?.map((param) => (\n              <SchemaDisplayParameter key={param.name} {...param} />\n            ))}\n        </div>\n      </CollapsibleContent>\n    </Collapsible>\n  );\n};\n\nexport type SchemaDisplayPropertyProps = HTMLAttributes<HTMLDivElement> &\n  SchemaProperty & {\n    depth?: number;\n  };\n\nexport const SchemaDisplayProperty = ({\n  name,\n  type,\n  required,\n  description,\n  properties,\n  items,\n  depth = 0,\n  className,\n  ...props\n}: SchemaDisplayPropertyProps) => {\n  const hasChildren = properties || items;\n  const paddingLeft = 40 + depth * 16;\n\n  if (hasChildren) {\n    return (\n      <Collapsible defaultOpen={depth < 2}>\n        <CollapsibleTrigger\n          className={cn(\n            \"group flex w-full items-center gap-2 py-3 text-left transition-colors hover:bg-muted/50\",\n            className,\n          )}\n          style={{ paddingLeft }}\n        >\n          <ChevronRightIcon className=\"size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90\" />\n          <span className=\"font-mono text-sm\">{name}</span>\n          <Badge className=\"text-xs\" variant=\"outline\">\n            {type}\n          </Badge>\n          {required && (\n            <Badge\n              className=\"bg-red-100 text-red-700 text-xs dark:bg-red-900/30 dark:text-red-400\"\n              variant=\"secondary\"\n            >\n              required\n            </Badge>\n          )}\n        </CollapsibleTrigger>\n        {description && (\n          <p\n            className=\"pb-2 text-muted-foreground text-sm\"\n            style={{ paddingLeft: paddingLeft + 24 }}\n          >\n            {description}\n          </p>\n        )}\n        <CollapsibleContent>\n          <div className=\"divide-y border-t\">\n            {properties?.map((prop) => (\n              <SchemaDisplayProperty\n                key={prop.name}\n                {...prop}\n                depth={depth + 1}\n              />\n            ))}\n            {items && (\n              <SchemaDisplayProperty\n                {...items}\n                depth={depth + 1}\n                name={`${name}[]`}\n              />\n            )}\n          </div>\n        </CollapsibleContent>\n      </Collapsible>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\"py-3 pr-4\", className)}\n      style={{ paddingLeft }}\n      {...props}\n    >\n      <div className=\"flex items-center gap-2\">\n        {/* Spacer for alignment */}\n        <span className=\"size-4\" />\n        <span className=\"font-mono text-sm\">{name}</span>\n        <Badge className=\"text-xs\" variant=\"outline\">\n          {type}\n        </Badge>\n        {required && (\n          <Badge\n            className=\"bg-red-100 text-red-700 text-xs dark:bg-red-900/30 dark:text-red-400\"\n            variant=\"secondary\"\n          >\n            required\n          </Badge>\n        )}\n      </div>\n      {description && (\n        <p className=\"mt-1 pl-6 text-muted-foreground text-sm\">{description}</p>\n      )}\n    </div>\n  );\n};\n\nexport type SchemaDisplayRequestProps = ComponentProps<typeof Collapsible>;\n\nexport const SchemaDisplayRequest = ({\n  className,\n  children,\n  ...props\n}: SchemaDisplayRequestProps) => {\n  const { requestBody } = useContext(SchemaDisplayContext);\n\n  return (\n    <Collapsible className={cn(className)} defaultOpen {...props}>\n      <CollapsibleTrigger className=\"group flex w-full items-center gap-2 px-4 py-3 text-left transition-colors hover:bg-muted/50\">\n        <ChevronRightIcon className=\"size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90\" />\n        <span className=\"font-medium text-sm\">Request Body</span>\n      </CollapsibleTrigger>\n      <CollapsibleContent>\n        <div className=\"border-t\">\n          {children ??\n            requestBody?.map((prop) => (\n              <SchemaDisplayProperty key={prop.name} {...prop} depth={0} />\n            ))}\n        </div>\n      </CollapsibleContent>\n    </Collapsible>\n  );\n};\n\nexport type SchemaDisplayResponseProps = ComponentProps<typeof Collapsible>;\n\nexport const SchemaDisplayResponse = ({\n  className,\n  children,\n  ...props\n}: SchemaDisplayResponseProps) => {\n  const { responseBody } = useContext(SchemaDisplayContext);\n\n  return (\n    <Collapsible className={cn(className)} defaultOpen {...props}>\n      <CollapsibleTrigger className=\"group flex w-full items-center gap-2 px-4 py-3 text-left transition-colors hover:bg-muted/50\">\n        <ChevronRightIcon className=\"size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90\" />\n        <span className=\"font-medium text-sm\">Response</span>\n      </CollapsibleTrigger>\n      <CollapsibleContent>\n        <div className=\"border-t\">\n          {children ??\n            responseBody?.map((prop) => (\n              <SchemaDisplayProperty key={prop.name} {...prop} depth={0} />\n            ))}\n        </div>\n      </CollapsibleContent>\n    </Collapsible>\n  );\n};\n\nexport type SchemaDisplayProps = HTMLAttributes<HTMLDivElement> & {\n  method: HttpMethod;\n  path: string;\n  description?: string;\n  parameters?: SchemaParameter[];\n  requestBody?: SchemaProperty[];\n  responseBody?: SchemaProperty[];\n};\n\nexport const SchemaDisplay = ({\n  method,\n  path,\n  description,\n  parameters,\n  requestBody,\n  responseBody,\n  className,\n  children,\n  ...props\n}: SchemaDisplayProps) => {\n  const contextValue = useMemo(\n    () => ({\n      description,\n      method,\n      parameters,\n      path,\n      requestBody,\n      responseBody,\n    }),\n    [description, method, parameters, path, requestBody, responseBody],\n  );\n\n  return (\n    <SchemaDisplayContext.Provider value={contextValue}>\n      <div\n        className={cn(\n          \"overflow-hidden rounded-lg border bg-background\",\n          className,\n        )}\n        {...props}\n      >\n        {children ?? (\n          <>\n            <SchemaDisplayHeader>\n              <div className=\"flex items-center gap-3\">\n                <SchemaDisplayMethod />\n                <SchemaDisplayPath />\n              </div>\n            </SchemaDisplayHeader>\n            {description && <SchemaDisplayDescription />}\n            <SchemaDisplayContent>\n              {parameters && parameters.length > 0 && (\n                <SchemaDisplayParameters />\n              )}\n              {requestBody && requestBody.length > 0 && (\n                <SchemaDisplayRequest />\n              )}\n              {responseBody && responseBody.length > 0 && (\n                <SchemaDisplayResponse />\n              )}\n            </SchemaDisplayContent>\n          </>\n        )}\n      </div>\n    </SchemaDisplayContext.Provider>\n  );\n};\n\nexport type SchemaDisplayBodyProps = HTMLAttributes<HTMLDivElement>;\n\nexport const SchemaDisplayBody = ({\n  className,\n  children,\n  ...props\n}: SchemaDisplayBodyProps) => (\n  <div className={cn(\"divide-y\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport type SchemaDisplayExampleProps = HTMLAttributes<HTMLPreElement>;\n\nexport const SchemaDisplayExample = ({\n  className,\n  children,\n  ...props\n}: SchemaDisplayExampleProps) => (\n  <pre\n    className={cn(\n      \"mx-4 mb-4 overflow-auto rounded-md bg-muted p-4 font-mono text-sm\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </pre>\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/schema-display.tsx"
+    }
+  ],
+  "categories": ["ai", "code"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/scroll-area.json b/packages/ghost-ui/public/r/scroll-area.json
new file mode 100644
index 0000000..f6a1079
--- /dev/null
+++ b/packages/ghost-ui/public/r/scroll-area.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "scroll-area",
+  "dependencies": ["@radix-ui/react-scroll-area"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/scroll-area.tsx",
+      "content": "\"use client\";\n\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction ScrollArea({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      className={cn(\"relative\", className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className=\"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[1px] focus-visible:outline-1\"\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nfunction ScrollBar({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        \"flex touch-none p-px transition-colors select-none\",\n        orientation === \"vertical\" &&\n          \"h-full w-2.5 border-l border-l-transparent\",\n        orientation === \"horizontal\" &&\n          \"h-2.5 flex-col border-t border-t-transparent\",\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"bg-border relative flex-1 rounded-full\"\n      />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  );\n}\n\nexport { ScrollArea, ScrollBar };\n",
+      "type": "registry:ui",
+      "target": "components/ui/scroll-area.tsx"
+    }
+  ],
+  "categories": ["layout"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/select.json b/packages/ghost-ui/public/r/select.json
new file mode 100644
index 0000000..048d1f5
--- /dev/null
+++ b/packages/ghost-ui/public/r/select.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "select",
+  "dependencies": ["@radix-ui/react-select", "lucide-react"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/select.tsx",
+      "content": "\"use client\";\n\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Select({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: \"sm\" | \"default\";\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive  flex w-fit items-center justify-between gap-2 rounded-input border bg-transparent px-3 py-2 text-sm whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[1px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = \"popper\",\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          \"bg-popover text-popover-foreground shadow-popover data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-dropdown border\",\n          position === \"popper\" &&\n            \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n          className,\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            \"p-1\",\n            position === \"popper\" &&\n              \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\",\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"focus:bg-muted focus:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"flex cursor-default items-center justify-center py-1\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"flex cursor-default items-center justify-center py-1\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n",
+      "type": "registry:ui",
+      "target": "components/ui/select.tsx"
+    }
+  ],
+  "categories": ["input"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/separator.json b/packages/ghost-ui/public/r/separator.json
new file mode 100644
index 0000000..8d80683
--- /dev/null
+++ b/packages/ghost-ui/public/r/separator.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "separator",
+  "dependencies": ["@radix-ui/react-separator"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/separator.tsx",
+      "content": "\"use client\";\n\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator-root\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"bg-border-default shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n",
+      "type": "registry:ui",
+      "target": "components/ui/separator.tsx"
+    }
+  ],
+  "categories": ["layout"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/sheet.json b/packages/ghost-ui/public/r/sheet.json
new file mode 100644
index 0000000..4395da7
--- /dev/null
+++ b/packages/ghost-ui/public/r/sheet.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "sheet",
+  "dependencies": ["@radix-ui/react-dialog", "lucide-react"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/sheet.tsx",
+      "content": "\"use client\";\n\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = \"right\",\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n          side === \"right\" &&\n            \"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n          side === \"left\" &&\n            \"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n          side === \"top\" &&\n            \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b\",\n          side === \"bottom\" &&\n            \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-muted absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\">\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\"flex flex-col gap-1.5 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn(\n        \"font-display text-foreground font-semibold tracking-[-0.01em]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n};\n",
+      "type": "registry:ui",
+      "target": "components/ui/sheet.tsx"
+    }
+  ],
+  "categories": ["feedback"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/shimmer.json b/packages/ghost-ui/public/r/shimmer.json
new file mode 100644
index 0000000..b2931f0
--- /dev/null
+++ b/packages/ghost-ui/public/r/shimmer.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "shimmer",
+  "dependencies": ["motion"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/shimmer.tsx",
+      "content": "\"use client\";\n\nimport type { MotionProps } from \"motion/react\";\nimport { motion } from \"motion/react\";\nimport type { CSSProperties, ElementType, JSX } from \"react\";\nimport { memo, useMemo } from \"react\";\nimport { cn } from \"@/lib/utils\";\n\ntype MotionHTMLProps = MotionProps & Record<string, unknown>;\n\n// Cache motion components at module level to avoid creating during render\nconst motionComponentCache = new Map<\n  keyof JSX.IntrinsicElements,\n  React.ComponentType<MotionHTMLProps>\n>();\n\nconst getMotionComponent = (element: keyof JSX.IntrinsicElements) => {\n  let component = motionComponentCache.get(element);\n  if (!component) {\n    component = motion.create(element);\n    motionComponentCache.set(element, component);\n  }\n  return component;\n};\n\nexport interface TextShimmerProps {\n  children: string;\n  as?: ElementType;\n  className?: string;\n  duration?: number;\n  spread?: number;\n}\n\nconst ShimmerComponent = ({\n  children,\n  as: Component = \"p\",\n  className,\n  duration = 2,\n  spread = 2,\n}: TextShimmerProps) => {\n  const MotionComponent = getMotionComponent(\n    Component as keyof JSX.IntrinsicElements,\n  );\n\n  const dynamicSpread = useMemo(\n    () => (children?.length ?? 0) * spread,\n    [children, spread],\n  );\n\n  return (\n    <MotionComponent\n      animate={{ backgroundPosition: \"0% center\" }}\n      className={cn(\n        \"relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent\",\n        \"[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]\",\n        className,\n      )}\n      initial={{ backgroundPosition: \"100% center\" }}\n      style={\n        {\n          \"--spread\": `${dynamicSpread}px`,\n          backgroundImage:\n            \"var(--bg), linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))\",\n        } as CSSProperties\n      }\n      transition={{\n        duration,\n        ease: \"linear\",\n        repeat: Number.POSITIVE_INFINITY,\n      }}\n    >\n      {children}\n    </MotionComponent>\n  );\n};\n\nexport const Shimmer = memo(ShimmerComponent);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/shimmer.tsx"
+    }
+  ],
+  "categories": ["ai", "feedback"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/sidebar.json b/packages/ghost-ui/public/r/sidebar.json
new file mode 100644
index 0000000..de0290f
--- /dev/null
+++ b/packages/ghost-ui/public/r/sidebar.json
@@ -0,0 +1,28 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "sidebar",
+  "dependencies": [
+    "@radix-ui/react-slot",
+    "class-variance-authority",
+    "lucide-react"
+  ],
+  "registryDependencies": [
+    "utils",
+    "button",
+    "input",
+    "separator",
+    "sheet",
+    "skeleton",
+    "tooltip"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/sidebar.tsx",
+      "content": "\"use client\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { PanelLeftIcon } from \"lucide-react\";\nimport * as React from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { Separator } from \"@/components/ui/separator\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from \"@/components/ui/sheet\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { useIsMobile } from \"@/hooks/use-mobile\";\nimport { cn } from \"@/lib/utils\";\n\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\";\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\nconst SIDEBAR_WIDTH = \"16rem\";\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\";\nconst SIDEBAR_WIDTH_ICON = \"3rem\";\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\";\n\ntype SidebarContextProps = {\n  state: \"expanded\" | \"collapsed\";\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  openMobile: boolean;\n  setOpenMobile: (open: boolean) => void;\n  isMobile: boolean;\n  toggleSidebar: () => void;\n};\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null);\n\nfunction useSidebar() {\n  const context = React.useContext(SidebarContext);\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a SidebarProvider.\");\n  }\n\n  return context;\n}\n\nfunction SidebarProvider({\n  defaultOpen = true,\n  open: openProp,\n  onOpenChange: setOpenProp,\n  className,\n  style,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}) {\n  const isMobile = useIsMobile();\n  const [openMobile, setOpenMobile] = React.useState(false);\n\n  // This is the internal state of the sidebar.\n  // We use openProp and setOpenProp for control from outside the component.\n  const [_open, _setOpen] = React.useState(defaultOpen);\n  const open = openProp ?? _open;\n  const setOpen = React.useCallback(\n    (value: boolean | ((value: boolean) => boolean)) => {\n      const openState = typeof value === \"function\" ? value(open) : value;\n      if (setOpenProp) {\n        setOpenProp(openState);\n      } else {\n        _setOpen(openState);\n      }\n\n      // This sets the cookie to keep the sidebar state.\n      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n    },\n    [setOpenProp, open],\n  );\n\n  // Helper to toggle the sidebar.\n  const toggleSidebar = React.useCallback(() => {\n    return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);\n  }, [isMobile, setOpen, setOpenMobile]);\n\n  // Adds a keyboard shortcut to toggle the sidebar.\n  React.useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (\n        event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n        (event.metaKey || event.ctrlKey)\n      ) {\n        event.preventDefault();\n        toggleSidebar();\n      }\n    };\n\n    window.addEventListener(\"keydown\", handleKeyDown);\n    return () => window.removeEventListener(\"keydown\", handleKeyDown);\n  }, [toggleSidebar]);\n\n  // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n  // This makes it easier to style the sidebar with Tailwind classes.\n  const state = open ? \"expanded\" : \"collapsed\";\n\n  const contextValue = React.useMemo<SidebarContextProps>(\n    () => ({\n      state,\n      open,\n      setOpen,\n      isMobile,\n      openMobile,\n      setOpenMobile,\n      toggleSidebar,\n    }),\n    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar],\n  );\n\n  return (\n    <SidebarContext.Provider value={contextValue}>\n      <TooltipProvider delayDuration={0}>\n        <div\n          data-slot=\"sidebar-wrapper\"\n          style={\n            {\n              \"--sidebar-width\": SIDEBAR_WIDTH,\n              \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n              ...style,\n            } as React.CSSProperties\n          }\n          className={cn(\n            \"group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full\",\n            className,\n          )}\n          {...props}\n        >\n          {children}\n        </div>\n      </TooltipProvider>\n    </SidebarContext.Provider>\n  );\n}\n\nfunction Sidebar({\n  side = \"left\",\n  variant = \"sidebar\",\n  collapsible = \"offcanvas\",\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  side?: \"left\" | \"right\";\n  variant?: \"sidebar\" | \"floating\" | \"inset\";\n  collapsible?: \"offcanvas\" | \"icon\" | \"none\";\n}) {\n  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\n  if (collapsible === \"none\") {\n    return (\n      <div\n        data-slot=\"sidebar\"\n        className={cn(\n          \"bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  if (isMobile) {\n    return (\n      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n        <SheetContent\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar\"\n          data-mobile=\"true\"\n          className=\"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden\"\n          style={\n            {\n              \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE,\n            } as React.CSSProperties\n          }\n          side={side}\n        >\n          <SheetHeader className=\"sr-only\">\n            <SheetTitle>Sidebar</SheetTitle>\n            <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n          </SheetHeader>\n          <div className=\"flex h-full w-full flex-col\">{children}</div>\n        </SheetContent>\n      </Sheet>\n    );\n  }\n\n  return (\n    <div\n      className=\"group peer text-sidebar-foreground hidden md:block\"\n      data-state={state}\n      data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n      data-variant={variant}\n      data-side={side}\n      data-slot=\"sidebar\"\n    >\n      {/* This is what handles the sidebar gap on desktop */}\n      <div\n        data-slot=\"sidebar-gap\"\n        className={cn(\n          \"relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear\",\n          \"group-data-[collapsible=offcanvas]:w-0\",\n          \"group-data-[side=right]:rotate-180\",\n          variant === \"floating\" || variant === \"inset\"\n            ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n            : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\",\n        )}\n      />\n      <div\n        data-slot=\"sidebar-container\"\n        className={cn(\n          \"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex\",\n          side === \"left\"\n            ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n            : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n          // Adjust the padding for floating and inset variants.\n          variant === \"floating\" || variant === \"inset\"\n            ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n            : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n          className,\n        )}\n        {...props}\n      >\n        <div\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar-inner\"\n          className=\"bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border\"\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction SidebarTrigger({\n  className,\n  onClick,\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <Button\n      data-sidebar=\"trigger\"\n      data-slot=\"sidebar-trigger\"\n      variant=\"ghost\"\n      appearance=\"icon\"\n      className={cn(\"size-7\", className)}\n      onClick={(event) => {\n        onClick?.(event);\n        toggleSidebar();\n      }}\n      {...props}\n    >\n      <PanelLeftIcon />\n      <span className=\"sr-only\">Toggle Sidebar</span>\n    </Button>\n  );\n}\n\nfunction SidebarRail({ className, ...props }: React.ComponentProps<\"button\">) {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <button\n      data-sidebar=\"rail\"\n      data-slot=\"sidebar-rail\"\n      aria-label=\"Toggle Sidebar\"\n      tabIndex={-1}\n      onClick={toggleSidebar}\n      title=\"Toggle Sidebar\"\n      className={cn(\n        \"hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex\",\n        \"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n        \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n        \"hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full\",\n        \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n        \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarInset({ className, ...props }: React.ComponentProps<\"main\">) {\n  return (\n    <main\n      data-slot=\"sidebar-inset\"\n      className={cn(\n        \"bg-background relative flex w-full flex-1 flex-col\",\n        \"md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof Input>) {\n  return (\n    <Input\n      data-slot=\"sidebar-input\"\n      data-sidebar=\"input\"\n      className={cn(\"bg-background h-8 w-full\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sidebar-header\"\n      data-sidebar=\"header\"\n      className={cn(\"flex flex-col gap-2 p-2\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sidebar-footer\"\n      data-sidebar=\"footer\"\n      className={cn(\"flex flex-col gap-2 p-2\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"sidebar-separator\"\n      data-sidebar=\"separator\"\n      className={cn(\"bg-sidebar-border mx-2 w-auto\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sidebar-content\"\n      data-sidebar=\"content\"\n      className={cn(\n        \"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sidebar-group\"\n      data-sidebar=\"group\"\n      className={cn(\"relative flex w-full min-w-0 flex-col p-2\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarGroupLabel({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"div\"> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp\n      data-slot=\"sidebar-group-label\"\n      data-sidebar=\"group-label\"\n      className={cn(\n        \"text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarGroupAction({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      data-slot=\"sidebar-group-action\"\n      data-sidebar=\"group-action\"\n      className={cn(\n        \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        // Increases the hit area of the button on mobile.\n        \"after:absolute after:-inset-2 md:after:hidden\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarGroupContent({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sidebar-group-content\"\n      data-sidebar=\"group-content\"\n      className={cn(\"w-full text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenu({ className, ...props }: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"sidebar-menu\"\n      data-sidebar=\"menu\"\n      className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"sidebar-menu-item\"\n      data-sidebar=\"menu-item\"\n      className={cn(\"group/menu-item relative\", className)}\n      {...props}\n    />\n  );\n}\n\nconst sidebarMenuButtonVariants = cva(\n  \"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n        outline:\n          \"bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n      },\n      size: {\n        default: \"h-8 text-sm\",\n        sm: \"h-7 text-xs\",\n        lg: \"h-12 text-sm group-data-[collapsible=icon]:p-0!\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction SidebarMenuButton({\n  asChild = false,\n  isActive = false,\n  variant = \"default\",\n  size = \"default\",\n  tooltip,\n  className,\n  ...props\n}: React.ComponentProps<\"button\"> & {\n  asChild?: boolean;\n  isActive?: boolean;\n  tooltip?: string | React.ComponentProps<typeof TooltipContent>;\n} & VariantProps<typeof sidebarMenuButtonVariants>) {\n  const Comp = asChild ? Slot : \"button\";\n  const { isMobile, state } = useSidebar();\n\n  const button = (\n    <Comp\n      data-slot=\"sidebar-menu-button\"\n      data-sidebar=\"menu-button\"\n      data-size={size}\n      data-active={isActive}\n      className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n      {...props}\n    />\n  );\n\n  if (!tooltip) {\n    return button;\n  }\n\n  if (typeof tooltip === \"string\") {\n    tooltip = {\n      children: tooltip,\n    };\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{button}</TooltipTrigger>\n      <TooltipContent\n        side=\"right\"\n        align=\"center\"\n        hidden={state !== \"collapsed\" || isMobile}\n        {...tooltip}\n      />\n    </Tooltip>\n  );\n}\n\nfunction SidebarMenuAction({\n  className,\n  asChild = false,\n  showOnHover = false,\n  ...props\n}: React.ComponentProps<\"button\"> & {\n  asChild?: boolean;\n  showOnHover?: boolean;\n}) {\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      data-slot=\"sidebar-menu-action\"\n      data-sidebar=\"menu-action\"\n      className={cn(\n        \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        // Increases the hit area of the button on mobile.\n        \"after:absolute after:-inset-2 md:after:hidden\",\n        \"peer-data-[size=sm]/menu-button:top-1\",\n        \"peer-data-[size=default]/menu-button:top-1.5\",\n        \"peer-data-[size=lg]/menu-button:top-2.5\",\n        \"group-data-[collapsible=icon]:hidden\",\n        showOnHover &&\n          \"peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuBadge({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sidebar-menu-badge\"\n      data-sidebar=\"menu-badge\"\n      className={cn(\n        \"text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs tabular-nums select-none\",\n        \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n        \"peer-data-[size=sm]/menu-button:top-1\",\n        \"peer-data-[size=default]/menu-button:top-1.5\",\n        \"peer-data-[size=lg]/menu-button:top-2.5\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuSkeleton({\n  className,\n  showIcon = false,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  showIcon?: boolean;\n}) {\n  // Random width between 50 to 90%.\n  const width = React.useMemo(() => {\n    return `${Math.floor(Math.random() * 40) + 50}%`;\n  }, []);\n\n  return (\n    <div\n      data-slot=\"sidebar-menu-skeleton\"\n      data-sidebar=\"menu-skeleton\"\n      className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n      {...props}\n    >\n      {showIcon && (\n        <Skeleton\n          className=\"size-4 rounded-md\"\n          data-sidebar=\"menu-skeleton-icon\"\n        />\n      )}\n      <Skeleton\n        className=\"h-4 max-w-(--skeleton-width) flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={\n          {\n            \"--skeleton-width\": width,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  );\n}\n\nfunction SidebarMenuSub({ className, ...props }: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"sidebar-menu-sub\"\n      data-sidebar=\"menu-sub\"\n      className={cn(\n        \"border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuSubItem({\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"sidebar-menu-sub-item\"\n      data-sidebar=\"menu-sub-item\"\n      className={cn(\"group/menu-sub-item relative\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuSubButton({\n  asChild = false,\n  size = \"md\",\n  isActive = false,\n  className,\n  ...props\n}: React.ComponentProps<\"a\"> & {\n  asChild?: boolean;\n  size?: \"sm\" | \"md\";\n  isActive?: boolean;\n}) {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Comp\n      data-slot=\"sidebar-menu-sub-button\"\n      data-sidebar=\"menu-sub-button\"\n      data-size={size}\n      data-active={isActive}\n      className={cn(\n        \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\",\n        size === \"sm\" && \"text-xs\",\n        size === \"md\" && \"text-sm\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar,\n};\n",
+      "type": "registry:ui",
+      "target": "components/ui/sidebar.tsx"
+    }
+  ],
+  "categories": ["navigation", "layout"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/skeleton.json b/packages/ghost-ui/public/r/skeleton.json
new file mode 100644
index 0000000..d279b68
--- /dev/null
+++ b/packages/ghost-ui/public/r/skeleton.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "skeleton",
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/skeleton.tsx",
+      "content": "import { cn } from \"@/lib/utils\";\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      className={cn(\"bg-muted animate-pulse rounded-md\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n",
+      "type": "registry:ui",
+      "target": "components/ui/skeleton.tsx"
+    }
+  ],
+  "categories": ["display"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/slider.json b/packages/ghost-ui/public/r/slider.json
new file mode 100644
index 0000000..4c7e89a
--- /dev/null
+++ b/packages/ghost-ui/public/r/slider.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "slider",
+  "dependencies": ["@radix-ui/react-slider"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/slider.tsx",
+      "content": "\"use client\";\n\nimport * as SliderPrimitive from \"@radix-ui/react-slider\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Slider({\n  className,\n  defaultValue,\n  value,\n  min = 0,\n  max = 100,\n  ...props\n}: React.ComponentProps<typeof SliderPrimitive.Root>) {\n  const _values = React.useMemo(\n    () =>\n      Array.isArray(value)\n        ? value\n        : Array.isArray(defaultValue)\n          ? defaultValue\n          : [min, max],\n    [value, defaultValue, min, max],\n  );\n\n  return (\n    <SliderPrimitive.Root\n      data-slot=\"slider\"\n      defaultValue={defaultValue}\n      value={value}\n      min={min}\n      max={max}\n      className={cn(\n        \"relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col\",\n        className,\n      )}\n      {...props}\n    >\n      <SliderPrimitive.Track\n        data-slot=\"slider-track\"\n        className={cn(\n          \"bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5\",\n        )}\n      >\n        <SliderPrimitive.Range\n          data-slot=\"slider-range\"\n          className={cn(\n            \"bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full\",\n          )}\n        />\n      </SliderPrimitive.Track>\n      {Array.from({ length: _values.length }, (_, index) => (\n        <SliderPrimitive.Thumb\n          data-slot=\"slider-thumb\"\n          key={index}\n          className=\"border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50\"\n        />\n      ))}\n    </SliderPrimitive.Root>\n  );\n}\n\nexport { Slider };\n",
+      "type": "registry:ui",
+      "target": "components/ui/slider.tsx"
+    }
+  ],
+  "categories": ["input"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/snippet.json b/packages/ghost-ui/public/r/snippet.json
new file mode 100644
index 0000000..b80b6d9
--- /dev/null
+++ b/packages/ghost-ui/public/r/snippet.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "snippet",
+  "dependencies": ["lucide-react"],
+  "registryDependencies": ["utils", "input-group"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/snippet.tsx",
+      "content": "\"use client\";\n\nimport { CheckIcon, CopyIcon } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n  InputGroupText,\n} from \"@/components/ui/input-group\";\nimport { cn } from \"@/lib/utils\";\n\ninterface SnippetContextType {\n  code: string;\n}\n\nconst SnippetContext = createContext<SnippetContextType>({\n  code: \"\",\n});\n\nexport type SnippetProps = ComponentProps<typeof InputGroup> & {\n  code: string;\n};\n\nexport const Snippet = ({\n  code,\n  className,\n  children,\n  ...props\n}: SnippetProps) => {\n  const contextValue = useMemo(() => ({ code }), [code]);\n\n  return (\n    <SnippetContext.Provider value={contextValue}>\n      <InputGroup className={cn(\"font-mono\", className)} {...props}>\n        {children}\n      </InputGroup>\n    </SnippetContext.Provider>\n  );\n};\n\nexport type SnippetAddonProps = ComponentProps<typeof InputGroupAddon>;\n\nexport const SnippetAddon = (props: SnippetAddonProps) => (\n  <InputGroupAddon {...props} />\n);\n\nexport type SnippetTextProps = ComponentProps<typeof InputGroupText>;\n\nexport const SnippetText = ({ className, ...props }: SnippetTextProps) => (\n  <InputGroupText\n    className={cn(\"pl-2 font-normal text-muted-foreground\", className)}\n    {...props}\n  />\n);\n\nexport type SnippetInputProps = Omit<\n  ComponentProps<typeof InputGroupInput>,\n  \"readOnly\" | \"value\"\n>;\n\nexport const SnippetInput = ({ className, ...props }: SnippetInputProps) => {\n  const { code } = useContext(SnippetContext);\n\n  return (\n    <InputGroupInput\n      className={cn(\"text-foreground\", className)}\n      readOnly\n      value={code}\n      {...props}\n    />\n  );\n};\n\nexport type SnippetCopyButtonProps = ComponentProps<typeof InputGroupButton> & {\n  onCopy?: () => void;\n  onError?: (error: Error) => void;\n  timeout?: number;\n};\n\nexport const SnippetCopyButton = ({\n  onCopy,\n  onError,\n  timeout = 2000,\n  children,\n  className,\n  ...props\n}: SnippetCopyButtonProps) => {\n  const [isCopied, setIsCopied] = useState(false);\n  const timeoutRef = useRef<number>(0);\n  const { code } = useContext(SnippetContext);\n\n  const copyToClipboard = useCallback(async () => {\n    if (typeof window === \"undefined\" || !navigator?.clipboard?.writeText) {\n      onError?.(new Error(\"Clipboard API not available\"));\n      return;\n    }\n\n    try {\n      if (!isCopied) {\n        await navigator.clipboard.writeText(code);\n        setIsCopied(true);\n        onCopy?.();\n        timeoutRef.current = window.setTimeout(\n          () => setIsCopied(false),\n          timeout,\n        );\n      }\n    } catch (error) {\n      onError?.(error as Error);\n    }\n  }, [code, onCopy, onError, timeout, isCopied]);\n\n  useEffect(\n    () => () => {\n      window.clearTimeout(timeoutRef.current);\n    },\n    [],\n  );\n\n  const Icon = isCopied ? CheckIcon : CopyIcon;\n\n  return (\n    <InputGroupButton\n      aria-label=\"Copy\"\n      className={className}\n      onClick={copyToClipboard}\n      size=\"icon-sm\"\n      title=\"Copy\"\n      {...props}\n    >\n      {children ?? <Icon className=\"size-3.5\" size={14} />}\n    </InputGroupButton>\n  );\n};\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/snippet.tsx"
+    }
+  ],
+  "categories": ["ai", "code"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/sonner.json b/packages/ghost-ui/public/r/sonner.json
new file mode 100644
index 0000000..cf7ea10
--- /dev/null
+++ b/packages/ghost-ui/public/r/sonner.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "sonner",
+  "dependencies": ["next-themes", "sonner"],
+  "files": [
+    {
+      "path": "src/components/ui/sonner.tsx",
+      "content": "\"use client\";\n\nimport { Toaster as Sonner, type ToasterProps } from \"sonner\";\nimport { useTheme } from \"@/lib/theme-provider\";\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n  const { theme = \"system\" } = useTheme();\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps[\"theme\"]}\n      className=\"toaster group\"\n      style={\n        {\n          \"--normal-bg\": \"var(--popover)\",\n          \"--normal-text\": \"var(--popover-foreground)\",\n          \"--normal-border\": \"var(--border)\",\n        } as React.CSSProperties\n      }\n      {...props}\n    />\n  );\n};\n\nexport { Toaster };\n",
+      "type": "registry:ui",
+      "target": "components/ui/sonner.tsx"
+    }
+  ],
+  "categories": ["feedback"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/sources.json b/packages/ghost-ui/public/r/sources.json
new file mode 100644
index 0000000..4fb0783
--- /dev/null
+++ b/packages/ghost-ui/public/r/sources.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "sources",
+  "dependencies": ["lucide-react"],
+  "registryDependencies": ["utils", "collapsible"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/sources.tsx",
+      "content": "\"use client\";\n\nimport { BookIcon, ChevronDownIcon } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\nexport type SourcesProps = ComponentProps<\"div\">;\n\nexport const Sources = ({ className, ...props }: SourcesProps) => (\n  <Collapsible\n    className={cn(\"not-prose mb-4 text-primary text-xs\", className)}\n    {...props}\n  />\n);\n\nexport type SourcesTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {\n  count: number;\n};\n\nexport const SourcesTrigger = ({\n  className,\n  count,\n  children,\n  ...props\n}: SourcesTriggerProps) => (\n  <CollapsibleTrigger\n    className={cn(\"flex items-center gap-2\", className)}\n    {...props}\n  >\n    {children ?? (\n      <>\n        <p className=\"font-medium\">Used {count} sources</p>\n        <ChevronDownIcon className=\"h-4 w-4\" />\n      </>\n    )}\n  </CollapsibleTrigger>\n);\n\nexport type SourcesContentProps = ComponentProps<typeof CollapsibleContent>;\n\nexport const SourcesContent = ({\n  className,\n  ...props\n}: SourcesContentProps) => (\n  <CollapsibleContent\n    className={cn(\n      \"mt-3 flex w-fit flex-col gap-2\",\n      \"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport type SourceProps = ComponentProps<\"a\">;\n\nexport const Source = ({ href, title, children, ...props }: SourceProps) => (\n  <a\n    className=\"flex items-center gap-2\"\n    href={href}\n    rel=\"noreferrer\"\n    target=\"_blank\"\n    {...props}\n  >\n    {children ?? (\n      <>\n        <BookIcon className=\"h-4 w-4\" />\n        <span className=\"block font-medium\">{title}</span>\n      </>\n    )}\n  </a>\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/sources.tsx"
+    }
+  ],
+  "categories": ["ai", "display"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/speech-input.json b/packages/ghost-ui/public/r/speech-input.json
new file mode 100644
index 0000000..66a1c8d
--- /dev/null
+++ b/packages/ghost-ui/public/r/speech-input.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "speech-input",
+  "dependencies": ["lucide-react"],
+  "registryDependencies": ["utils", "button", "spinner"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/speech-input.tsx",
+      "content": "\"use client\";\n\nimport { MicIcon, SquareIcon } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { Spinner } from \"@/components/ui/spinner\";\nimport { cn } from \"@/lib/utils\";\n\ninterface SpeechRecognition extends EventTarget {\n  continuous: boolean;\n  interimResults: boolean;\n  lang: string;\n  start(): void;\n  stop(): void;\n  onstart: ((this: SpeechRecognition, ev: Event) => void) | null;\n  onend: ((this: SpeechRecognition, ev: Event) => void) | null;\n  onresult:\n    | ((this: SpeechRecognition, ev: SpeechRecognitionEvent) => void)\n    | null;\n  onerror:\n    | ((this: SpeechRecognition, ev: SpeechRecognitionErrorEvent) => void)\n    | null;\n}\n\ninterface SpeechRecognitionEvent extends Event {\n  results: SpeechRecognitionResultList;\n  resultIndex: number;\n}\n\ninterface SpeechRecognitionResultList {\n  readonly length: number;\n  item(index: number): SpeechRecognitionResult;\n  [index: number]: SpeechRecognitionResult;\n}\n\ninterface SpeechRecognitionResult {\n  readonly length: number;\n  item(index: number): SpeechRecognitionAlternative;\n  [index: number]: SpeechRecognitionAlternative;\n  isFinal: boolean;\n}\n\ninterface SpeechRecognitionAlternative {\n  transcript: string;\n  confidence: number;\n}\n\ninterface SpeechRecognitionErrorEvent extends Event {\n  error: string;\n}\n\ndeclare global {\n  interface Window {\n    SpeechRecognition: new () => SpeechRecognition;\n    webkitSpeechRecognition: new () => SpeechRecognition;\n  }\n}\n\ntype SpeechInputMode = \"speech-recognition\" | \"media-recorder\" | \"none\";\n\nexport type SpeechInputProps = ComponentProps<typeof Button> & {\n  onTranscriptionChange?: (text: string) => void;\n  /**\n   * Callback for when audio is recorded using MediaRecorder fallback.\n   * This is called in browsers that don't support the Web Speech API (Firefox, Safari).\n   * The callback receives an audio Blob that should be sent to a transcription service.\n   * Return the transcribed text, which will be passed to onTranscriptionChange.\n   */\n  onAudioRecorded?: (audioBlob: Blob) => Promise<string>;\n  lang?: string;\n};\n\nconst detectSpeechInputMode = (): SpeechInputMode => {\n  if (typeof window === \"undefined\") {\n    return \"none\";\n  }\n\n  if (\"SpeechRecognition\" in window || \"webkitSpeechRecognition\" in window) {\n    return \"speech-recognition\";\n  }\n\n  if (\"MediaRecorder\" in window && \"mediaDevices\" in navigator) {\n    return \"media-recorder\";\n  }\n\n  return \"none\";\n};\n\nexport const SpeechInput = ({\n  className,\n  onTranscriptionChange,\n  onAudioRecorded,\n  lang = \"en-US\",\n  ...props\n}: SpeechInputProps) => {\n  const [isListening, setIsListening] = useState(false);\n  const [isProcessing, setIsProcessing] = useState(false);\n  const [mode] = useState<SpeechInputMode>(detectSpeechInputMode);\n  const [isRecognitionReady, setIsRecognitionReady] = useState(false);\n  const recognitionRef = useRef<SpeechRecognition | null>(null);\n  const mediaRecorderRef = useRef<MediaRecorder | null>(null);\n  const streamRef = useRef<MediaStream | null>(null);\n  const audioChunksRef = useRef<Blob[]>([]);\n  const onTranscriptionChangeRef = useRef<\n    SpeechInputProps[\"onTranscriptionChange\"]\n  >(onTranscriptionChange);\n  const onAudioRecordedRef =\n    useRef<SpeechInputProps[\"onAudioRecorded\"]>(onAudioRecorded);\n\n  // Keep refs in sync\n  onTranscriptionChangeRef.current = onTranscriptionChange;\n  onAudioRecordedRef.current = onAudioRecorded;\n\n  // Initialize Speech Recognition when mode is speech-recognition\n  useEffect(() => {\n    if (mode !== \"speech-recognition\") {\n      return;\n    }\n\n    const SpeechRecognition =\n      window.SpeechRecognition || window.webkitSpeechRecognition;\n    const speechRecognition = new SpeechRecognition();\n\n    speechRecognition.continuous = true;\n    speechRecognition.interimResults = true;\n    speechRecognition.lang = lang;\n\n    const handleStart = () => {\n      setIsListening(true);\n    };\n\n    const handleEnd = () => {\n      setIsListening(false);\n    };\n\n    const handleResult = (event: Event) => {\n      const speechEvent = event as SpeechRecognitionEvent;\n      let finalTranscript = \"\";\n\n      for (\n        let i = speechEvent.resultIndex;\n        i < speechEvent.results.length;\n        i += 1\n      ) {\n        const result = speechEvent.results[i];\n        if (result.isFinal) {\n          finalTranscript += result[0]?.transcript ?? \"\";\n        }\n      }\n\n      if (finalTranscript) {\n        onTranscriptionChangeRef.current?.(finalTranscript);\n      }\n    };\n\n    const handleError = () => {\n      setIsListening(false);\n    };\n\n    speechRecognition.addEventListener(\"start\", handleStart);\n    speechRecognition.addEventListener(\"end\", handleEnd);\n    speechRecognition.addEventListener(\"result\", handleResult);\n    speechRecognition.addEventListener(\"error\", handleError);\n\n    recognitionRef.current = speechRecognition;\n    setIsRecognitionReady(true);\n\n    return () => {\n      speechRecognition.removeEventListener(\"start\", handleStart);\n      speechRecognition.removeEventListener(\"end\", handleEnd);\n      speechRecognition.removeEventListener(\"result\", handleResult);\n      speechRecognition.removeEventListener(\"error\", handleError);\n      speechRecognition.stop();\n      recognitionRef.current = null;\n      setIsRecognitionReady(false);\n    };\n  }, [mode, lang]);\n\n  // Cleanup MediaRecorder and stream on unmount\n  useEffect(\n    () => () => {\n      if (mediaRecorderRef.current?.state === \"recording\") {\n        mediaRecorderRef.current.stop();\n      }\n      if (streamRef.current) {\n        for (const track of streamRef.current.getTracks()) {\n          track.stop();\n        }\n      }\n    },\n    [],\n  );\n\n  // Start MediaRecorder recording\n  const startMediaRecorder = useCallback(async () => {\n    if (!onAudioRecordedRef.current) {\n      return;\n    }\n\n    try {\n      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n      streamRef.current = stream;\n      const mediaRecorder = new MediaRecorder(stream);\n      audioChunksRef.current = [];\n\n      const handleDataAvailable = (event: BlobEvent) => {\n        if (event.data.size > 0) {\n          audioChunksRef.current.push(event.data);\n        }\n      };\n\n      const handleStop = async () => {\n        for (const track of stream.getTracks()) {\n          track.stop();\n        }\n        streamRef.current = null;\n\n        const audioBlob = new Blob(audioChunksRef.current, {\n          type: \"audio/webm\",\n        });\n\n        if (audioBlob.size > 0 && onAudioRecordedRef.current) {\n          setIsProcessing(true);\n          try {\n            const transcript = await onAudioRecordedRef.current(audioBlob);\n            if (transcript) {\n              onTranscriptionChangeRef.current?.(transcript);\n            }\n          } catch {\n            // Error handling delegated to the onAudioRecorded caller\n          } finally {\n            setIsProcessing(false);\n          }\n        }\n      };\n\n      const handleError = () => {\n        setIsListening(false);\n        for (const track of stream.getTracks()) {\n          track.stop();\n        }\n        streamRef.current = null;\n      };\n\n      mediaRecorder.addEventListener(\"dataavailable\", handleDataAvailable);\n      mediaRecorder.addEventListener(\"stop\", handleStop);\n      mediaRecorder.addEventListener(\"error\", handleError);\n\n      mediaRecorderRef.current = mediaRecorder;\n      mediaRecorder.start();\n      setIsListening(true);\n    } catch {\n      setIsListening(false);\n    }\n  }, []);\n\n  // Stop MediaRecorder recording\n  const stopMediaRecorder = useCallback(() => {\n    if (mediaRecorderRef.current?.state === \"recording\") {\n      mediaRecorderRef.current.stop();\n    }\n    setIsListening(false);\n  }, []);\n\n  const toggleListening = useCallback(() => {\n    if (mode === \"speech-recognition\" && recognitionRef.current) {\n      if (isListening) {\n        recognitionRef.current.stop();\n      } else {\n        recognitionRef.current.start();\n      }\n    } else if (mode === \"media-recorder\") {\n      if (isListening) {\n        stopMediaRecorder();\n      } else {\n        startMediaRecorder();\n      }\n    }\n  }, [mode, isListening, startMediaRecorder, stopMediaRecorder]);\n\n  // Determine if button should be disabled\n  const isDisabled =\n    mode === \"none\" ||\n    (mode === \"speech-recognition\" && !isRecognitionReady) ||\n    (mode === \"media-recorder\" && !onAudioRecorded) ||\n    isProcessing;\n\n  return (\n    <div className=\"relative inline-flex items-center justify-center\">\n      {/* Animated pulse rings */}\n      {isListening &&\n        [0, 1, 2].map((index) => (\n          <div\n            className=\"absolute inset-0 animate-ping rounded-full border-2 border-red-400/30\"\n            key={index}\n            style={{\n              animationDelay: `${index * 0.3}s`,\n              animationDuration: \"2s\",\n            }}\n          />\n        ))}\n\n      {/* Main record button */}\n      <Button\n        className={cn(\n          \"relative z-10 rounded-full transition-all duration-300\",\n          isListening\n            ? \"bg-destructive text-white hover:bg-destructive/80 hover:text-white\"\n            : \"bg-primary text-primary-foreground hover:bg-primary/80 hover:text-primary-foreground\",\n          className,\n        )}\n        disabled={isDisabled}\n        onClick={toggleListening}\n        {...props}\n      >\n        {isProcessing && <Spinner />}\n        {!isProcessing && isListening && <SquareIcon className=\"size-4\" />}\n        {!(isProcessing || isListening) && <MicIcon className=\"size-4\" />}\n      </Button>\n    </div>\n  );\n};\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/speech-input.tsx"
+    }
+  ],
+  "categories": ["ai", "input", "media"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/spinner.json b/packages/ghost-ui/public/r/spinner.json
new file mode 100644
index 0000000..de438ef
--- /dev/null
+++ b/packages/ghost-ui/public/r/spinner.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "spinner",
+  "dependencies": ["lucide-react"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/spinner.tsx",
+      "content": "import { Loader2Icon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Spinner({ className, ...props }: React.ComponentProps<\"svg\">) {\n  return (\n    <Loader2Icon\n      role=\"status\"\n      aria-label=\"Loading\"\n      className={cn(\"size-4 animate-spin\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Spinner };\n",
+      "type": "registry:ui",
+      "target": "components/ui/spinner.tsx"
+    }
+  ],
+  "categories": ["feedback"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/stack-trace.json b/packages/ghost-ui/public/r/stack-trace.json
new file mode 100644
index 0000000..16bf091
--- /dev/null
+++ b/packages/ghost-ui/public/r/stack-trace.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "stack-trace",
+  "dependencies": ["@radix-ui/react-use-controllable-state", "lucide-react"],
+  "registryDependencies": ["utils", "button", "collapsible"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/stack-trace.tsx",
+      "content": "\"use client\";\n\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport {\n  AlertTriangleIcon,\n  CheckIcon,\n  ChevronDownIcon,\n  CopyIcon,\n} from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport {\n  createContext,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\n// Regex patterns for parsing stack traces\nconst STACK_FRAME_WITH_PARENS_REGEX = /^at\\s+(.+?)\\s+\\((.+):(\\d+):(\\d+)\\)$/;\nconst STACK_FRAME_WITHOUT_FN_REGEX = /^at\\s+(.+):(\\d+):(\\d+)$/;\nconst ERROR_TYPE_REGEX = /^(\\w+Error|Error):\\s*(.*)$/;\nconst AT_PREFIX_REGEX = /^at\\s+/;\n\ninterface StackFrame {\n  raw: string;\n  functionName: string | null;\n  filePath: string | null;\n  lineNumber: number | null;\n  columnNumber: number | null;\n  isInternal: boolean;\n}\n\ninterface ParsedStackTrace {\n  errorType: string | null;\n  errorMessage: string;\n  frames: StackFrame[];\n  raw: string;\n}\n\ninterface StackTraceContextValue {\n  trace: ParsedStackTrace;\n  raw: string;\n  isOpen: boolean;\n  setIsOpen: (open: boolean) => void;\n  onFilePathClick?: (filePath: string, line?: number, column?: number) => void;\n}\n\nconst StackTraceContext = createContext<StackTraceContextValue | null>(null);\n\nconst useStackTrace = () => {\n  const context = useContext(StackTraceContext);\n  if (!context) {\n    throw new Error(\"StackTrace components must be used within StackTrace\");\n  }\n  return context;\n};\n\nconst parseStackFrame = (line: string): StackFrame => {\n  const trimmed = line.trim();\n\n  // Pattern: at functionName (filePath:line:column)\n  const withParensMatch = trimmed.match(STACK_FRAME_WITH_PARENS_REGEX);\n  if (withParensMatch) {\n    const [, functionName, filePath, lineNum, colNum] = withParensMatch;\n    const isInternal =\n      filePath.includes(\"node_modules\") ||\n      filePath.startsWith(\"node:\") ||\n      filePath.includes(\"internal/\");\n    return {\n      columnNumber: colNum ? Number.parseInt(colNum, 10) : null,\n      filePath: filePath ?? null,\n      functionName: functionName ?? null,\n      isInternal,\n      lineNumber: lineNum ? Number.parseInt(lineNum, 10) : null,\n      raw: trimmed,\n    };\n  }\n\n  // Pattern: at filePath:line:column (no function name)\n  const withoutFnMatch = trimmed.match(STACK_FRAME_WITHOUT_FN_REGEX);\n  if (withoutFnMatch) {\n    const [, filePath, lineNum, colNum] = withoutFnMatch;\n    const isInternal =\n      (filePath?.includes(\"node_modules\") ?? false) ||\n      (filePath?.startsWith(\"node:\") ?? false) ||\n      (filePath?.includes(\"internal/\") ?? false);\n    return {\n      columnNumber: colNum ? Number.parseInt(colNum, 10) : null,\n      filePath: filePath ?? null,\n      functionName: null,\n      isInternal,\n      lineNumber: lineNum ? Number.parseInt(lineNum, 10) : null,\n      raw: trimmed,\n    };\n  }\n\n  // Fallback: unparseable line\n  return {\n    columnNumber: null,\n    filePath: null,\n    functionName: null,\n    isInternal: trimmed.includes(\"node_modules\") || trimmed.includes(\"node:\"),\n    lineNumber: null,\n    raw: trimmed,\n  };\n};\n\nconst parseStackTrace = (trace: string): ParsedStackTrace => {\n  const lines = trace.split(\"\\n\").filter((line) => line.trim());\n\n  if (lines.length === 0) {\n    return {\n      errorMessage: trace,\n      errorType: null,\n      frames: [],\n      raw: trace,\n    };\n  }\n\n  const firstLine = lines[0].trim();\n  let errorType: string | null = null;\n  let errorMessage = firstLine;\n\n  // Try to extract error type from \"ErrorType: message\" format\n  const errorMatch = firstLine.match(ERROR_TYPE_REGEX);\n  if (errorMatch) {\n    const [, type, msg] = errorMatch;\n    errorType = type;\n    errorMessage = msg || \"\";\n  }\n\n  // Parse stack frames (lines starting with \"at\")\n  const frames = lines\n    .slice(1)\n    .filter((line) => line.trim().startsWith(\"at \"))\n    .map(parseStackFrame);\n\n  return {\n    errorMessage,\n    errorType,\n    frames,\n    raw: trace,\n  };\n};\n\nexport type StackTraceProps = ComponentProps<\"div\"> & {\n  trace: string;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  onFilePathClick?: (filePath: string, line?: number, column?: number) => void;\n};\n\nexport const StackTrace = memo(\n  ({\n    trace,\n    className,\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    onFilePathClick,\n    children,\n    ...props\n  }: StackTraceProps) => {\n    const [isOpen, setIsOpen] = useControllableState({\n      defaultProp: defaultOpen,\n      onChange: onOpenChange,\n      prop: open,\n    });\n\n    const parsedTrace = useMemo(() => parseStackTrace(trace), [trace]);\n\n    const contextValue = useMemo(\n      () => ({\n        isOpen,\n        onFilePathClick,\n        raw: trace,\n        setIsOpen,\n        trace: parsedTrace,\n      }),\n      [parsedTrace, trace, isOpen, setIsOpen, onFilePathClick],\n    );\n\n    return (\n      <StackTraceContext.Provider value={contextValue}>\n        <div\n          className={cn(\n            \"not-prose w-full overflow-hidden rounded-lg border bg-background font-mono text-sm\",\n            className,\n          )}\n          {...props}\n        >\n          {children}\n        </div>\n      </StackTraceContext.Provider>\n    );\n  },\n);\n\nexport type StackTraceHeaderProps = ComponentProps<typeof CollapsibleTrigger>;\n\nexport const StackTraceHeader = memo(\n  ({ className, children, ...props }: StackTraceHeaderProps) => {\n    const { isOpen, setIsOpen } = useStackTrace();\n\n    return (\n      <Collapsible onOpenChange={setIsOpen} open={isOpen}>\n        <CollapsibleTrigger asChild {...props}>\n          <div\n            className={cn(\n              \"flex w-full cursor-pointer items-center gap-3 p-3 text-left transition-colors hover:bg-muted/50\",\n              className,\n            )}\n          >\n            {children}\n          </div>\n        </CollapsibleTrigger>\n      </Collapsible>\n    );\n  },\n);\n\nexport type StackTraceErrorProps = ComponentProps<\"div\">;\n\nexport const StackTraceError = memo(\n  ({ className, children, ...props }: StackTraceErrorProps) => (\n    <div\n      className={cn(\n        \"flex flex-1 items-center gap-2 overflow-hidden\",\n        className,\n      )}\n      {...props}\n    >\n      <AlertTriangleIcon className=\"size-4 shrink-0 text-destructive\" />\n      {children}\n    </div>\n  ),\n);\n\nexport type StackTraceErrorTypeProps = ComponentProps<\"span\">;\n\nexport const StackTraceErrorType = memo(\n  ({ className, children, ...props }: StackTraceErrorTypeProps) => {\n    const { trace } = useStackTrace();\n\n    return (\n      <span\n        className={cn(\"shrink-0 font-semibold text-destructive\", className)}\n        {...props}\n      >\n        {children ?? trace.errorType}\n      </span>\n    );\n  },\n);\n\nexport type StackTraceErrorMessageProps = ComponentProps<\"span\">;\n\nexport const StackTraceErrorMessage = memo(\n  ({ className, children, ...props }: StackTraceErrorMessageProps) => {\n    const { trace } = useStackTrace();\n\n    return (\n      <span className={cn(\"truncate text-foreground\", className)} {...props}>\n        {children ?? trace.errorMessage}\n      </span>\n    );\n  },\n);\n\nexport type StackTraceActionsProps = ComponentProps<\"div\">;\n\nconst handleActionsClick = (e: React.MouseEvent) => e.stopPropagation();\nconst handleActionsKeyDown = (e: React.KeyboardEvent) => {\n  if (e.key === \"Enter\" || e.key === \" \") {\n    e.stopPropagation();\n  }\n};\n\nexport const StackTraceActions = memo(\n  ({ className, children, ...props }: StackTraceActionsProps) => (\n    <div\n      className={cn(\"flex shrink-0 items-center gap-1\", className)}\n      onClick={handleActionsClick}\n      onKeyDown={handleActionsKeyDown}\n      role=\"group\"\n      {...props}\n    >\n      {children}\n    </div>\n  ),\n);\n\nexport type StackTraceCopyButtonProps = ComponentProps<typeof Button> & {\n  onCopy?: () => void;\n  onError?: (error: Error) => void;\n  timeout?: number;\n};\n\nexport const StackTraceCopyButton = memo(\n  ({\n    onCopy,\n    onError,\n    timeout = 2000,\n    className,\n    children,\n    ...props\n  }: StackTraceCopyButtonProps) => {\n    const [isCopied, setIsCopied] = useState(false);\n    const timeoutRef = useRef<number>(0);\n    const { raw } = useStackTrace();\n\n    const copyToClipboard = useCallback(async () => {\n      if (typeof window === \"undefined\" || !navigator?.clipboard?.writeText) {\n        onError?.(new Error(\"Clipboard API not available\"));\n        return;\n      }\n\n      try {\n        await navigator.clipboard.writeText(raw);\n        setIsCopied(true);\n        onCopy?.();\n        timeoutRef.current = window.setTimeout(\n          () => setIsCopied(false),\n          timeout,\n        );\n      } catch (error) {\n        onError?.(error as Error);\n      }\n    }, [raw, onCopy, onError, timeout]);\n\n    useEffect(\n      () => () => {\n        window.clearTimeout(timeoutRef.current);\n      },\n      [],\n    );\n\n    const Icon = isCopied ? CheckIcon : CopyIcon;\n\n    return (\n      <Button\n        className={cn(\"size-7\", className)}\n        onClick={copyToClipboard}\n        size=\"icon\"\n        variant=\"ghost\"\n        {...props}\n      >\n        {children ?? <Icon size={14} />}\n      </Button>\n    );\n  },\n);\n\nexport type StackTraceExpandButtonProps = ComponentProps<\"div\">;\n\nexport const StackTraceExpandButton = memo(\n  ({ className, ...props }: StackTraceExpandButtonProps) => {\n    const { isOpen } = useStackTrace();\n\n    return (\n      <div\n        className={cn(\"flex size-7 items-center justify-center\", className)}\n        {...props}\n      >\n        <ChevronDownIcon\n          className={cn(\n            \"size-4 text-muted-foreground transition-transform\",\n            isOpen ? \"rotate-180\" : \"rotate-0\",\n          )}\n        />\n      </div>\n    );\n  },\n);\n\nexport type StackTraceContentProps = ComponentProps<\n  typeof CollapsibleContent\n> & {\n  maxHeight?: number;\n};\n\nexport const StackTraceContent = memo(\n  ({\n    className,\n    maxHeight = 400,\n    children,\n    ...props\n  }: StackTraceContentProps) => {\n    const { isOpen } = useStackTrace();\n\n    return (\n      <Collapsible open={isOpen}>\n        <CollapsibleContent\n          className={cn(\n            \"overflow-auto border-t bg-muted/30\",\n            \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=open]:animate-in\",\n            className,\n          )}\n          style={{ maxHeight }}\n          {...props}\n        >\n          {children}\n        </CollapsibleContent>\n      </Collapsible>\n    );\n  },\n);\n\nexport type StackTraceFramesProps = ComponentProps<\"div\"> & {\n  showInternalFrames?: boolean;\n};\n\ninterface FilePathButtonProps {\n  frame: StackFrame;\n  onFilePathClick?: (\n    filePath: string,\n    lineNumber?: number,\n    columnNumber?: number,\n  ) => void;\n}\n\nconst FilePathButton = memo(\n  ({ frame, onFilePathClick }: FilePathButtonProps) => {\n    const handleClick = useCallback(() => {\n      if (frame.filePath) {\n        onFilePathClick?.(\n          frame.filePath,\n          frame.lineNumber ?? undefined,\n          frame.columnNumber ?? undefined,\n        );\n      }\n    }, [frame, onFilePathClick]);\n\n    return (\n      <button\n        className={cn(\n          \"underline decoration-dotted hover:text-primary\",\n          onFilePathClick && \"cursor-pointer\",\n        )}\n        disabled={!onFilePathClick}\n        onClick={handleClick}\n        type=\"button\"\n      >\n        {frame.filePath}\n        {frame.lineNumber !== null && `:${frame.lineNumber}`}\n        {frame.columnNumber !== null && `:${frame.columnNumber}`}\n      </button>\n    );\n  },\n);\n\nFilePathButton.displayName = \"FilePathButton\";\n\nexport const StackTraceFrames = memo(\n  ({\n    className,\n    showInternalFrames = true,\n    ...props\n  }: StackTraceFramesProps) => {\n    const { trace, onFilePathClick } = useStackTrace();\n\n    const framesToShow = showInternalFrames\n      ? trace.frames\n      : trace.frames.filter((f) => !f.isInternal);\n\n    return (\n      <div className={cn(\"space-y-1 p-3\", className)} {...props}>\n        {framesToShow.map((frame) => (\n          <div\n            className={cn(\n              \"text-xs\",\n              frame.isInternal\n                ? \"text-muted-foreground/50\"\n                : \"text-foreground/90\",\n            )}\n            key={frame.raw}\n          >\n            <span className=\"text-muted-foreground\">at </span>\n            {frame.functionName && (\n              <span className={frame.isInternal ? \"\" : \"text-foreground\"}>\n                {frame.functionName}{\" \"}\n              </span>\n            )}\n            {frame.filePath && (\n              <>\n                <span className=\"text-muted-foreground\">(</span>\n                <FilePathButton\n                  frame={frame}\n                  onFilePathClick={onFilePathClick}\n                />\n                <span className=\"text-muted-foreground\">)</span>\n              </>\n            )}\n            {!(frame.filePath || frame.functionName) && (\n              <span>{frame.raw.replace(AT_PREFIX_REGEX, \"\")}</span>\n            )}\n          </div>\n        ))}\n        {framesToShow.length === 0 && (\n          <div className=\"text-muted-foreground text-xs\">No stack frames</div>\n        )}\n      </div>\n    );\n  },\n);\n\nStackTrace.displayName = \"StackTrace\";\nStackTraceHeader.displayName = \"StackTraceHeader\";\nStackTraceError.displayName = \"StackTraceError\";\nStackTraceErrorType.displayName = \"StackTraceErrorType\";\nStackTraceErrorMessage.displayName = \"StackTraceErrorMessage\";\nStackTraceActions.displayName = \"StackTraceActions\";\nStackTraceCopyButton.displayName = \"StackTraceCopyButton\";\nStackTraceExpandButton.displayName = \"StackTraceExpandButton\";\nStackTraceContent.displayName = \"StackTraceContent\";\nStackTraceFrames.displayName = \"StackTraceFrames\";\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/stack-trace.tsx"
+    }
+  ],
+  "categories": ["ai", "code"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/styles-main.json b/packages/ghost-ui/public/r/styles-main.json
new file mode 100644
index 0000000..7d5addc
--- /dev/null
+++ b/packages/ghost-ui/public/r/styles-main.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "styles-main",
+  "dependencies": ["tw-animate-css"],
+  "devDependencies": ["tailwindcss"],
+  "files": [
+    {
+      "path": "src/styles/main.css",
+      "content": "@import \"tailwindcss\";\n@import \"tw-animate-css\";\n\n/* ── HK Grotesk ── */\n@font-face {\n  font-family: \"HK Grotesk\";\n  src: url(\"../fonts/HKGrotesk-Light.woff2\") format(\"woff2\");\n  font-weight: 300;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"HK Grotesk\";\n  src: url(\"../fonts/HKGrotesk-Regular.woff2\") format(\"woff2\");\n  font-weight: 400;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"HK Grotesk\";\n  src: url(\"../fonts/HKGrotesk-Medium.woff2\") format(\"woff2\");\n  font-weight: 500;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"HK Grotesk\";\n  src: url(\"../fonts/HKGrotesk-SemiBold.woff2\") format(\"woff2\");\n  font-weight: 600;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"HK Grotesk\";\n  src: url(\"../fonts/HKGrotesk-Bold.woff2\") format(\"woff2\");\n  font-weight: 700;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"HK Grotesk\";\n  src: url(\"../fonts/HKGrotesk-ExtraBold.woff2\") format(\"woff2\");\n  font-weight: 800;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"HK Grotesk\";\n  src: url(\"../fonts/HKGrotesk-Black.woff2\") format(\"woff2\");\n  font-weight: 900;\n  font-style: normal;\n  font-display: swap;\n}\n\n@custom-variant dark (&:is(.dark *));\n\n@theme {\n  /* reset */\n  --color-*: initial;\n\n  /* constants */\n  --color-white: #ffffff;\n  --color-black: #000000;\n\n  /* gray — pure monochromatic scale (from dsgn-playground) */\n  --color-gray-50: #f5f5f5;\n  --color-gray-100: #f0f0f0;\n  --color-gray-200: #e8e8e8;\n  --color-gray-300: #e5e5e5;\n  --color-gray-400: #cccccc;\n  --color-gray-500: #999999;\n  --color-gray-600: #666666;\n  --color-gray-700: #333333;\n  --color-gray-800: #232323;\n  --color-gray-900: #1a1a1a;\n\n  /* utility  */\n  --color-red-100: #ff6b6b;\n  --color-red-200: #f94b4b;\n\n  --color-blue-100: #7cacff;\n  --color-blue-200: #5c98f9;\n\n  --color-green-100: #a3d795;\n  --color-green-200: #91cb80;\n\n  --color-yellow-100: #ffd966;\n  --color-yellow-200: #fbcd44;\n}\n\n:root {\n  /* shape */\n  --radius: 20px;\n\n  /* theming accents */\n  --background-accent: var(--color-gray-900);\n  --border-accent: var(--color-gray-900);\n  --text-accent: var(--color-gray-900);\n\n  /* Semantic backgrounds */\n  --background-default: var(--color-white);\n  --background-alt: var(--color-gray-50);\n  --background-medium: var(--color-gray-400);\n  --background-muted: var(--color-gray-100);\n  --background-inverse: var(--color-black);\n  --background-danger: var(--color-red-200);\n  --background-success: var(--color-green-200);\n  --background-info: var(--color-blue-200);\n  --background-warning: var(--color-yellow-200);\n\n  /* Semantic borders */\n  --border-default: var(--color-gray-200);\n  --border-input: var(--color-gray-300);\n  --border-input-hover: var(--color-gray-400);\n  --border-strong: var(--color-gray-900);\n  --border-card: var(--color-gray-200);\n  --border-inverse: var(--color-black);\n  --border-danger: var(--color-red-200);\n  --border-success: var(--color-green-200);\n  --border-warning: var(--color-yellow-200);\n  --border-info: var(--color-blue-200);\n\n  /* Semantic text */\n  --text-default: var(--color-gray-900);\n  --text-muted: var(--color-gray-500);\n  --text-alt: var(--color-gray-600);\n  --text-inverse: var(--color-white);\n  --text-danger: var(--color-red-200);\n  --text-success: var(--color-green-200);\n  --text-warning: var(--color-yellow-200);\n  --text-info: var(--color-blue-200);\n\n  --ring: var(--border-strong);\n\n  /* Alpha variants */\n  --dark-10: rgba(26, 26, 26, 0.1);\n  --dark-40: rgba(26, 26, 26, 0.4);\n  --dark-04: rgba(26, 26, 26, 0.04);\n\n  /* Shadows — 4-tier hierarchy */\n  --shadow-mini: 0 2px 8px rgba(76, 76, 76, 0.15);\n  --shadow-mini-inset: 0 1px 4px rgba(76, 76, 76, 0.1) inset;\n  --shadow-btn: 0 2px 8px rgba(76, 76, 76, 0.15);\n  --shadow-card: 0 2px 8px rgba(76, 76, 76, 0.15);\n  --shadow-elevated: 0 3px 12px rgba(76, 76, 76, 0.22);\n  --shadow-popover: 0 8px 30px rgba(0, 0, 0, 0.12);\n  --shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.2);\n  --shadow-kbd: 0 2px 8px rgba(76, 76, 76, 0.15);\n  --shadow-date-field-focus: 0 0 0 3px rgba(26, 26, 26, 0.15);\n\n  /* Dark surfaces */\n  --surface-dark: #0a0a0a;\n  --surface-dark-text: #f5f5f5;\n  --surface-dark-muted: rgba(255, 255, 255, 0.5);\n  --surface-dark-border: rgba(255, 255, 255, 0.08);\n\n  /* Charts */\n  --chart-1: #f6b44a;\n  --chart-2: #7585ff;\n  --chart-3: #d76a6a;\n  --chart-4: #d185e0;\n  --chart-5: #91cb80;\n\n  /* shadcn/ui standard tokens — aliases into our semantic vars */\n  --background: var(--background-default);\n  --foreground: var(--text-default);\n  --card: var(--background-default);\n  --card-foreground: var(--text-default);\n  --popover: var(--background-default);\n  --popover-foreground: var(--text-default);\n  --primary: var(--background-accent);\n  --primary-foreground: var(--text-inverse);\n  --secondary: var(--background-muted);\n  --secondary-foreground: var(--text-default);\n  --muted: var(--background-muted);\n  --muted-foreground: var(--text-muted);\n  --accent: var(--background-muted);\n  --accent-foreground: var(--text-default);\n  --destructive: var(--background-danger);\n  --destructive-foreground: #ffffff;\n  --border: var(--border-default);\n  --input: var(--border-input);\n\n  /* Sidebar */\n  --sidebar: var(--background-default);\n  --sidebar-foreground: var(--text-default);\n  --sidebar-primary: var(--background-accent);\n  --sidebar-primary-foreground: var(--text-inverse);\n  --sidebar-accent: var(--background-muted);\n  --sidebar-accent-foreground: var(--text-default);\n  --sidebar-border: var(--border-default);\n  --sidebar-ring: var(--border-default);\n\n  /* Heading typography — magazine scale\n     Display → Section → Sub → Card, each tier with its own rhythm */\n  --heading-display-font-size: clamp(64px, 8vw, 96px);\n  --heading-display-line-height: 0.88;\n  --heading-display-letter-spacing: -0.05em;\n  --heading-display-font-weight: 900;\n\n  --heading-section-font-size: clamp(44px, 5vw, 64px);\n  --heading-section-line-height: 0.95;\n  --heading-section-letter-spacing: -0.035em;\n  --heading-section-font-weight: 700;\n\n  --heading-sub-font-size: clamp(28px, 3vw, 40px);\n  --heading-sub-line-height: 1;\n  --heading-sub-letter-spacing: -0.02em;\n  --heading-sub-font-weight: 700;\n\n  --heading-card-font-size: clamp(20px, 2vw, 28px);\n  --heading-card-line-height: 1.1;\n  --heading-card-letter-spacing: -0.01em;\n  --heading-card-font-weight: 600;\n\n  /* Display — hero-scale fluid type */\n  --display-size: clamp(3rem, 12vw, 12rem);\n  --display-line-height: 0.85;\n  --display-letter-spacing: -0.05em;\n\n  /* Body — longform reading */\n  --body-reading-size: clamp(1rem, 1.3vw, 1.25rem);\n  --body-reading-line-height: 1.65;\n  --body-reading-letter-spacing: -0.01em;\n\n  /* Label — uppercase kickers, bylines, category tags */\n  --label-font-size: 11px;\n  --label-letter-spacing: 0.12em;\n  --label-font-weight: 600;\n  --label-line-height: 1.2;\n\n  /* Pull quote — visual punctuation for longform */\n  --pullquote-size: clamp(1.5rem, 3vw, 2.5rem);\n  --pullquote-line-height: 1.3;\n  --pullquote-weight: 300;\n  --pullquote-letter-spacing: -0.02em;\n\n  /* Page layout */\n  --page-container-max-width: 1440px;\n  --page-container-side-gutter: 20px;\n  --section-padding-vertical: 100px;\n  --section-heading-margin-bottom: 75px;\n\n  /* Timing */\n  --ease-spring: cubic-bezier(0.33, 1, 0.68, 1);\n  --duration-fast: 0.15s;\n  --duration-normal: 0.2s;\n  --duration-slow: 0.4s;\n}\n\n.dark {\n  /* theming accents */\n  --background-accent: var(--color-white);\n  --border-accent: var(--color-white);\n  --text-accent: var(--color-white);\n\n  /* shadcn/ui standard tokens — same aliases, dark values cascade via custom vars */\n  --background: var(--background-default);\n  --foreground: var(--text-default);\n  --card: var(--background-default);\n  --card-foreground: var(--text-default);\n  --popover: var(--background-default);\n  --popover-foreground: var(--text-default);\n  --primary: var(--background-accent);\n  --primary-foreground: var(--text-inverse);\n  --secondary: var(--background-muted);\n  --secondary-foreground: var(--text-default);\n  --muted: var(--background-muted);\n  --muted-foreground: var(--text-muted);\n  --accent: var(--background-muted);\n  --accent-foreground: var(--text-default);\n  --destructive: var(--background-danger);\n  --destructive-foreground: #ffffff;\n  --border: var(--border-default);\n  --input: var(--border-input);\n\n  /* semantic backgrounds */\n  --background-default: var(--color-black);\n  --background-alt: var(--color-gray-800);\n  --background-medium: var(--color-gray-700);\n  --background-muted: var(--color-gray-800);\n  --background-inverse: var(--color-white);\n  --background-danger: var(--color-red-100);\n  --background-success: var(--color-green-100);\n  --background-info: var(--color-blue-100);\n  --background-warning: var(--color-yellow-100);\n\n  /* semantic borders */\n  --border-default: var(--color-gray-700);\n  --border-input: var(--color-gray-700);\n  --border-input-hover: var(--color-gray-600);\n  --border-strong: var(--color-white);\n  --border-card: var(--color-gray-700);\n  --border-inverse: var(--color-white);\n  --border-danger: var(--color-red-200);\n  --border-success: var(--color-green-200);\n  --border-warning: var(--color-yellow-200);\n  --border-info: var(--color-blue-200);\n\n  /* semantic text */\n  --text-default: var(--color-white);\n  --text-muted: var(--color-gray-500);\n  --text-alt: var(--color-gray-500);\n  --text-inverse: var(--color-black);\n  --text-danger: var(--color-red-100);\n  --text-success: var(--color-green-100);\n  --text-warning: var(--color-yellow-100);\n  --text-info: var(--color-blue-100);\n\n  --ring: var(--border-strong);\n\n  /* Alpha variants (dark mode) */\n  --dark-10: rgba(242, 242, 242, 0.1);\n  --dark-40: rgba(242, 242, 242, 0.4);\n  --dark-04: rgba(242, 242, 242, 0.04);\n\n  /* Shadows — doubled intensity for dark backgrounds */\n  --shadow-mini: 0 2px 8px rgba(0, 0, 0, 0.4);\n  --shadow-mini-inset: 0 1px 4px rgba(0, 0, 0, 0.5) inset;\n  --shadow-btn: 0 2px 8px rgba(0, 0, 0, 0.3);\n  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.4);\n  --shadow-elevated: 0 3px 12px rgba(0, 0, 0, 0.5);\n  --shadow-popover: 0 8px 30px rgba(0, 0, 0, 0.4);\n  --shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.6);\n  --shadow-kbd: 0 2px 8px rgba(0, 0, 0, 0.4);\n  --shadow-date-field-focus: 0 0 0 3px rgba(244, 244, 245, 0.1);\n\n  /* Charts */\n  --chart-1: #f6b44a;\n  --chart-2: #7585ff;\n  --chart-3: #d76a6a;\n  --chart-4: #d185e0;\n  --chart-5: #91cb80;\n\n  /* Sidebar */\n  --sidebar: var(--background-default);\n  --sidebar-foreground: var(--text-default);\n  --sidebar-primary: var(--background-accent);\n  --sidebar-primary-foreground: var(--text-inverse);\n  --sidebar-accent: var(--background-muted);\n  --sidebar-accent-foreground: var(--text-default);\n  --sidebar-border: var(--border-default);\n  --sidebar-ring: var(--border-default);\n}\n\n@theme inline {\n  /* shadcn/ui standard Tailwind color mappings */\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-destructive-foreground: var(--destructive-foreground);\n  --color-border: var(--border);\n  --color-input: var(--input);\n\n  /* semantic backgrounds (custom superset) */\n  --color-background-default: var(--background-default);\n  --color-background-alt: var(--background-alt);\n  --color-background-medium: var(--background-medium);\n  --color-background-inverse: var(--background-inverse);\n  --color-background-muted: var(--background-muted);\n  --color-background-danger: var(--background-danger);\n  --color-background-success: var(--background-success);\n  --color-background-info: var(--background-info);\n  --color-background-warning: var(--background-warning);\n\n  --color-background-accent: var(--background-accent);\n  --color-border-accent: var(--border-accent);\n  --color-text-accent: var(--text-accent);\n\n  /* semantic borders */\n  --color-border-default: var(--border-default);\n  --color-border-input: var(--border-input);\n  --color-border-input-hover: var(--border-input-hover);\n  --color-border-strong: var(--border-strong);\n  --color-border-card: var(--border-card);\n  --color-border-inverse: var(--border-inverse);\n  --color-border-danger: var(--border-danger);\n  --color-border-success: var(--border-success);\n  --color-border-warning: var(--border-warning);\n  --color-border-info: var(--border-info);\n\n  /* semantic text */\n  --color-text-default: var(--text-default);\n  --color-text-muted: var(--text-muted);\n  --color-text-alt: var(--text-alt);\n  --color-text-inverse: var(--text-inverse);\n  --color-text-danger: var(--text-danger);\n  --color-text-success: var(--text-success);\n  --color-text-warning: var(--text-warning);\n  --color-text-info: var(--text-info);\n\n  /* alpha variants */\n  --color-dark-10: var(--dark-10);\n  --color-dark-40: var(--dark-40);\n  --color-dark-04: var(--dark-04);\n\n  /* dark surfaces */\n  --color-surface-dark: var(--surface-dark);\n  --color-surface-dark-text: var(--surface-dark-text);\n  --color-surface-dark-muted: var(--surface-dark-muted);\n  --color-surface-dark-border: var(--surface-dark-border);\n\n  /* fonts */\n  --font-sans: \"HK Grotesk\", sans-serif;\n  --font-mono: \"Geist Mono\", monospace;\n  --font-serif: serif;\n  --font-display: \"HK Grotesk\", sans-serif;\n\n  /* shape — pill-first radius system */\n  --radius-pill: 999px;\n  --radius-button: 999px;\n  --radius-input: 999px;\n  --radius-card: 20px;\n  --radius-card-lg: 24px;\n  --radius-card-sm: 14px;\n  --radius-dropdown: 10px;\n  --radius-modal: 16px;\n\n  --radius-sm: calc(var(--radius) - 4px);\n  --radius-md: calc(var(--radius) - 2px);\n  --radius-lg: var(--radius);\n  --radius-xl: calc(var(--radius) + 4px);\n\n  --color-ring: var(--ring);\n\n  /* shadows */\n  --shadow-mini: var(--shadow-mini);\n  --shadow-mini-inset: var(--shadow-mini-inset);\n  --shadow-btn: var(--shadow-btn);\n  --shadow-card: var(--shadow-card);\n  --shadow-elevated: var(--shadow-elevated);\n  --shadow-popover: var(--shadow-popover);\n  --shadow-modal: var(--shadow-modal);\n  --shadow-kbd: var(--shadow-kbd);\n  --shadow-date-field-focus: var(--shadow-date-field-focus);\n\n  /* spacing — button/input heights */\n  --spacing-input: 3.25rem;\n  --spacing-input-sm: 2.75rem;\n  --spacing-button: 2.75rem;\n  --spacing-button-sm: 2rem;\n\n  --text-xxs: 10px;\n\n  --color-chart-1: var(--chart-1);\n  --color-chart-2: var(--chart-2);\n  --color-chart-3: var(--chart-3);\n  --color-chart-4: var(--chart-4);\n  --color-chart-5: var(--chart-5);\n\n  --color-sidebar: var(--sidebar);\n  --color-sidebar-foreground: var(--sidebar-foreground);\n  --color-sidebar-primary: var(--sidebar-primary);\n  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);\n  --color-sidebar-accent: var(--sidebar-accent);\n  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);\n  --color-sidebar-border: var(--sidebar-border);\n  --color-sidebar-ring: var(--sidebar-ring);\n\n  --breakpoint-desktop: 1440px;\n\n  --animate-accordion-down: accordion-down 0.2s ease-out;\n  --animate-accordion-up: accordion-up 0.2s ease-out;\n  --animate-caret-blink: caret-blink 1s ease-out infinite;\n  --animate-scale-in: scale-in 0.2s ease;\n  --animate-scale-out: scale-out 0.15s ease;\n  --animate-fade-in: fade-in 0.2s ease;\n  --animate-fade-out: fade-out 0.15s ease;\n  --animate-enter-from-left: enter-from-left 0.2s ease;\n  --animate-enter-from-right: enter-from-right 0.2s ease;\n  --animate-exit-to-left: exit-to-left 0.2s ease;\n  --animate-exit-to-right: exit-to-right 0.2s ease;\n  --animate-word-reveal: word-reveal 0.4s ease-out;\n\n  @keyframes accordion-down {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--bits-accordion-content-height);\n    }\n  }\n\n  @keyframes accordion-up {\n    from {\n      height: var(--bits-accordion-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n\n  @keyframes caret-blink {\n    0%,\n    70%,\n    100% {\n      opacity: 1;\n    }\n    20%,\n    50% {\n      opacity: 0;\n    }\n  }\n\n  @keyframes enter-from-right {\n    from {\n      opacity: 0;\n      transform: translateX(200px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes enter-from-left {\n    from {\n      opacity: 0;\n      transform: translateX(-200px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes exit-to-right {\n    from {\n      opacity: 1;\n      transform: translateX(0);\n    }\n    to {\n      opacity: 0;\n      transform: translateX(200px);\n    }\n  }\n\n  @keyframes exit-to-left {\n    from {\n      opacity: 1;\n      transform: translateX(0);\n    }\n    to {\n      opacity: 0;\n      transform: translateX(-200px);\n    }\n  }\n\n  @keyframes scale-in {\n    from {\n      opacity: 0;\n      transform: rotateX(-10deg) scale(0.9);\n    }\n    to {\n      opacity: 1;\n      transform: rotateX(0deg) scale(1);\n    }\n  }\n\n  @keyframes scale-out {\n    from {\n      opacity: 1;\n      transform: rotateX(0deg) scale(1);\n    }\n    to {\n      opacity: 0;\n      transform: rotateX(-10deg) scale(0.95);\n    }\n  }\n\n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes fade-out {\n    from {\n      opacity: 1;\n    }\n    to {\n      opacity: 0;\n    }\n  }\n\n  @keyframes hero-blur-in {\n    from {\n      opacity: 0;\n      filter: blur(12px);\n    }\n    to {\n      opacity: 1;\n      filter: blur(0);\n    }\n  }\n\n  @keyframes word-reveal {\n    from {\n      opacity: 0;\n      filter: blur(8px);\n      transform: translateY(10px);\n    }\n    to {\n      opacity: 1;\n      filter: blur(0);\n      transform: translateY(0);\n    }\n  }\n}\n\n@layer base {\n  *,\n  ::after,\n  ::before,\n  ::backdrop,\n  ::file-selector-button {\n    border-color: var(--color-border, currentColor);\n  }\n\n  * {\n    @apply border-border;\n  }\n  html {\n    -webkit-text-size-adjust: 100%;\n    font-variation-settings: normal;\n    scroll-behavior: smooth;\n    scrollbar-color: var(--bg-muted);\n  }\n\n  body {\n    @apply bg-background text-foreground;\n    font-feature-settings:\n      \"rlig\" 1,\n      \"calt\" 1;\n  }\n\n  ::selection {\n    background: #1a1a1a;\n    color: #ffffff;\n  }\n\n  .dark ::selection {\n    background: #ffffff;\n    color: #000000;\n  }\n\n  /* Custom scrollbars */\n  ::-webkit-scrollbar {\n    width: 6px;\n    height: 6px;\n  }\n  ::-webkit-scrollbar-track {\n    background: transparent;\n  }\n  ::-webkit-scrollbar-thumb {\n    background: #ccc;\n    border-radius: 999px;\n  }\n  ::-webkit-scrollbar-thumb:hover {\n    background: #999;\n  }\n\n  .dark ::-webkit-scrollbar-thumb {\n    background: #444;\n  }\n  .dark ::-webkit-scrollbar-thumb:hover {\n    background: #666;\n  }\n}\n\n@layer components {\n  *:not(body):not(.focus-override) {\n    outline: none !important;\n    &:focus-visible {\n      @apply focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:outline-hidden;\n    }\n  }\n\n  .link {\n    @apply hover:text-foreground/80 focus-visible:ring-ring focus-visible:ring-offset-background inline-flex items-center gap-1 rounded-xs font-medium underline underline-offset-4 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden;\n  }\n}\n",
+      "type": "registry:theme",
+      "target": "app/globals.css"
+    }
+  ],
+  "type": "registry:style"
+}
diff --git a/packages/ghost-ui/public/r/suggestion.json b/packages/ghost-ui/public/r/suggestion.json
new file mode 100644
index 0000000..0d743a6
--- /dev/null
+++ b/packages/ghost-ui/public/r/suggestion.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "suggestion",
+  "registryDependencies": ["utils", "button", "scroll-area"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/suggestion.tsx",
+      "content": "\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { useCallback } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { ScrollArea, ScrollBar } from \"@/components/ui/scroll-area\";\nimport { cn } from \"@/lib/utils\";\n\nexport type SuggestionsProps = ComponentProps<typeof ScrollArea>;\n\nexport const Suggestions = ({\n  className,\n  children,\n  ...props\n}: SuggestionsProps) => (\n  <ScrollArea className=\"w-full overflow-x-auto whitespace-nowrap\" {...props}>\n    <div className={cn(\"flex w-max flex-nowrap items-center gap-2\", className)}>\n      {children}\n    </div>\n    <ScrollBar className=\"hidden\" orientation=\"horizontal\" />\n  </ScrollArea>\n);\n\nexport type SuggestionProps = Omit<ComponentProps<typeof Button>, \"onClick\"> & {\n  suggestion: string;\n  onClick?: (suggestion: string) => void;\n};\n\nexport const Suggestion = ({\n  suggestion,\n  onClick,\n  className,\n  variant = \"outline\",\n  size = \"sm\",\n  children,\n  ...props\n}: SuggestionProps) => {\n  const handleClick = useCallback(() => {\n    onClick?.(suggestion);\n  }, [onClick, suggestion]);\n\n  return (\n    <Button\n      className={cn(\"cursor-pointer rounded-full px-4\", className)}\n      onClick={handleClick}\n      size={size}\n      type=\"button\"\n      variant={variant}\n      {...props}\n    >\n      {children || suggestion}\n    </Button>\n  );\n};\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/suggestion.tsx"
+    }
+  ],
+  "categories": ["ai", "chat"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/switch.json b/packages/ghost-ui/public/r/switch.json
new file mode 100644
index 0000000..2d45439
--- /dev/null
+++ b/packages/ghost-ui/public/r/switch.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "switch",
+  "dependencies": ["@radix-ui/react-switch"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/switch.tsx",
+      "content": "\"use client\";\n\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Switch({\n  className,\n  ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      className={cn(\n        \"peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-background-medium focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-muted/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent transition-all outline-none focus-visible:ring-[1px] disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          \"bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0\",\n        )}\n      />\n    </SwitchPrimitive.Root>\n  );\n}\n\nexport { Switch };\n",
+      "type": "registry:ui",
+      "target": "components/ui/switch.tsx"
+    }
+  ],
+  "categories": ["input"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/table.json b/packages/ghost-ui/public/r/table.json
new file mode 100644
index 0000000..0874c58
--- /dev/null
+++ b/packages/ghost-ui/public/r/table.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "table",
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/table.tsx",
+      "content": "\"use client\";\n\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      className=\"relative w-full overflow-x-auto\"\n    >\n      <table\n        data-slot=\"table\"\n        className={cn(\"w-full caption-bottom text-sm\", className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn(\"[&_tr]:border-b\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\"bg-muted/50 border-t [&>tr]:last:border-b-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        \"text-foreground h-10 px-2 text-left align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        \"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow,\n};\n",
+      "type": "registry:ui",
+      "target": "components/ui/table.tsx"
+    }
+  ],
+  "categories": ["display"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/tabs.json b/packages/ghost-ui/public/r/tabs.json
new file mode 100644
index 0000000..e8b9f5a
--- /dev/null
+++ b/packages/ghost-ui/public/r/tabs.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "tabs",
+  "dependencies": ["@radix-ui/react-tabs"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/tabs.tsx",
+      "content": "\"use client\";\n\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Tabs({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn(\"flex flex-col gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsList({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(\n        \"bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-muted/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[1px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn(\"flex-1 outline-none\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger };\n",
+      "type": "registry:ui",
+      "target": "components/ui/tabs.tsx"
+    }
+  ],
+  "categories": ["navigation"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/task.json b/packages/ghost-ui/public/r/task.json
new file mode 100644
index 0000000..8d1481b
--- /dev/null
+++ b/packages/ghost-ui/public/r/task.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "task",
+  "dependencies": ["lucide-react"],
+  "registryDependencies": ["utils", "collapsible"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/task.tsx",
+      "content": "\"use client\";\n\nimport { ChevronDownIcon, SearchIcon } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\nexport type TaskItemFileProps = ComponentProps<\"div\">;\n\nexport const TaskItemFile = ({\n  children,\n  className,\n  ...props\n}: TaskItemFileProps) => (\n  <div\n    className={cn(\n      \"inline-flex items-center gap-1 rounded-md border bg-secondary px-1.5 py-0.5 text-foreground text-xs\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type TaskItemProps = ComponentProps<\"div\">;\n\nexport const TaskItem = ({ children, className, ...props }: TaskItemProps) => (\n  <div className={cn(\"text-muted-foreground text-sm\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport type TaskProps = ComponentProps<typeof Collapsible>;\n\nexport const Task = ({\n  defaultOpen = true,\n  className,\n  ...props\n}: TaskProps) => (\n  <Collapsible className={cn(className)} defaultOpen={defaultOpen} {...props} />\n);\n\nexport type TaskTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {\n  title: string;\n};\n\nexport const TaskTrigger = ({\n  children,\n  className,\n  title,\n  ...props\n}: TaskTriggerProps) => (\n  <CollapsibleTrigger asChild className={cn(\"group\", className)} {...props}>\n    {children ?? (\n      <div className=\"flex w-full cursor-pointer items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground\">\n        <SearchIcon className=\"size-4\" />\n        <p className=\"text-sm\">{title}</p>\n        <ChevronDownIcon className=\"size-4 transition-transform group-data-[state=open]:rotate-180\" />\n      </div>\n    )}\n  </CollapsibleTrigger>\n);\n\nexport type TaskContentProps = ComponentProps<typeof CollapsibleContent>;\n\nexport const TaskContent = ({\n  children,\n  className,\n  ...props\n}: TaskContentProps) => (\n  <CollapsibleContent\n    className={cn(\n      \"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n      className,\n    )}\n    {...props}\n  >\n    <div className=\"mt-4 space-y-2 border-muted border-l-2 pl-4\">\n      {children}\n    </div>\n  </CollapsibleContent>\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/task.tsx"
+    }
+  ],
+  "categories": ["ai", "display"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/terminal.json b/packages/ghost-ui/public/r/terminal.json
new file mode 100644
index 0000000..c604707
--- /dev/null
+++ b/packages/ghost-ui/public/r/terminal.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "terminal",
+  "dependencies": ["ansi-to-react", "lucide-react"],
+  "registryDependencies": ["utils", "button"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/terminal.tsx",
+      "content": "\"use client\";\n\nimport Ansi from \"ansi-to-react\";\nimport { CheckIcon, CopyIcon, TerminalIcon, Trash2Icon } from \"lucide-react\";\nimport type { ComponentProps, HTMLAttributes } from \"react\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\ninterface TerminalContextType {\n  output: string;\n  isStreaming: boolean;\n  autoScroll: boolean;\n  onClear?: () => void;\n}\n\nconst TerminalContext = createContext<TerminalContextType>({\n  autoScroll: true,\n  isStreaming: false,\n  output: \"\",\n});\n\nexport type TerminalHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport const TerminalHeader = ({\n  className,\n  children,\n  ...props\n}: TerminalHeaderProps) => (\n  <div\n    className={cn(\n      \"flex items-center justify-between border-zinc-800 border-b px-4 py-2\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type TerminalTitleProps = HTMLAttributes<HTMLDivElement>;\n\nexport const TerminalTitle = ({\n  className,\n  children,\n  ...props\n}: TerminalTitleProps) => (\n  <div\n    className={cn(\"flex items-center gap-2 text-sm text-zinc-400\", className)}\n    {...props}\n  >\n    <TerminalIcon className=\"size-4\" />\n    {children ?? \"Terminal\"}\n  </div>\n);\n\nexport type TerminalStatusProps = HTMLAttributes<HTMLDivElement>;\n\nexport const TerminalStatus = ({\n  className,\n  children,\n  ...props\n}: TerminalStatusProps) => {\n  const { isStreaming } = useContext(TerminalContext);\n\n  if (!isStreaming) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cn(\"flex items-center gap-2 text-xs text-zinc-400\", className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport type TerminalActionsProps = HTMLAttributes<HTMLDivElement>;\n\nexport const TerminalActions = ({\n  className,\n  children,\n  ...props\n}: TerminalActionsProps) => (\n  <div className={cn(\"flex items-center gap-1\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport type TerminalCopyButtonProps = ComponentProps<typeof Button> & {\n  onCopy?: () => void;\n  onError?: (error: Error) => void;\n  timeout?: number;\n};\n\nexport const TerminalCopyButton = ({\n  onCopy,\n  onError,\n  timeout = 2000,\n  children,\n  className,\n  ...props\n}: TerminalCopyButtonProps) => {\n  const [isCopied, setIsCopied] = useState(false);\n  const timeoutRef = useRef<number>(0);\n  const { output } = useContext(TerminalContext);\n\n  const copyToClipboard = useCallback(async () => {\n    if (typeof window === \"undefined\" || !navigator?.clipboard?.writeText) {\n      onError?.(new Error(\"Clipboard API not available\"));\n      return;\n    }\n\n    try {\n      await navigator.clipboard.writeText(output);\n      setIsCopied(true);\n      onCopy?.();\n      timeoutRef.current = window.setTimeout(() => setIsCopied(false), timeout);\n    } catch (error) {\n      onError?.(error as Error);\n    }\n  }, [output, onCopy, onError, timeout]);\n\n  useEffect(\n    () => () => {\n      window.clearTimeout(timeoutRef.current);\n    },\n    [],\n  );\n\n  const Icon = isCopied ? CheckIcon : CopyIcon;\n\n  return (\n    <Button\n      className={cn(\n        \"size-7 shrink-0 text-zinc-400 hover:bg-zinc-800 hover:text-zinc-100\",\n        className,\n      )}\n      onClick={copyToClipboard}\n      size=\"icon\"\n      variant=\"ghost\"\n      {...props}\n    >\n      {children ?? <Icon size={14} />}\n    </Button>\n  );\n};\n\nexport type TerminalClearButtonProps = ComponentProps<typeof Button>;\n\nexport const TerminalClearButton = ({\n  children,\n  className,\n  ...props\n}: TerminalClearButtonProps) => {\n  const { onClear } = useContext(TerminalContext);\n\n  if (!onClear) {\n    return null;\n  }\n\n  return (\n    <Button\n      className={cn(\n        \"size-7 shrink-0 text-zinc-400 hover:bg-zinc-800 hover:text-zinc-100\",\n        className,\n      )}\n      onClick={onClear}\n      size=\"icon\"\n      variant=\"ghost\"\n      {...props}\n    >\n      {children ?? <Trash2Icon size={14} />}\n    </Button>\n  );\n};\n\nexport type TerminalContentProps = HTMLAttributes<HTMLDivElement>;\n\nexport const TerminalContent = ({\n  className,\n  children,\n  ...props\n}: TerminalContentProps) => {\n  const { output, isStreaming, autoScroll } = useContext(TerminalContext);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (autoScroll && containerRef.current) {\n      containerRef.current.scrollTop = containerRef.current.scrollHeight;\n    }\n  }, [output, autoScroll]);\n\n  return (\n    <div\n      className={cn(\n        \"max-h-96 overflow-auto p-4 font-mono text-sm leading-relaxed\",\n        className,\n      )}\n      ref={containerRef}\n      {...props}\n    >\n      {children ?? (\n        <pre className=\"whitespace-pre-wrap break-words\">\n          <Ansi>{output}</Ansi>\n          {isStreaming && (\n            <span className=\"ml-0.5 inline-block h-4 w-2 animate-pulse bg-zinc-100\" />\n          )}\n        </pre>\n      )}\n    </div>\n  );\n};\n\nexport type TerminalProps = HTMLAttributes<HTMLDivElement> & {\n  output: string;\n  isStreaming?: boolean;\n  autoScroll?: boolean;\n  onClear?: () => void;\n};\n\nexport const Terminal = ({\n  output,\n  isStreaming = false,\n  autoScroll = true,\n  onClear,\n  className,\n  children,\n  ...props\n}: TerminalProps) => {\n  const contextValue = useMemo(\n    () => ({ autoScroll, isStreaming, onClear, output }),\n    [autoScroll, isStreaming, onClear, output],\n  );\n\n  return (\n    <TerminalContext.Provider value={contextValue}>\n      <div\n        className={cn(\n          \"flex flex-col overflow-hidden rounded-lg border bg-zinc-950 text-zinc-100\",\n          className,\n        )}\n        {...props}\n      >\n        {children ?? (\n          <>\n            <TerminalHeader>\n              <TerminalTitle />\n              <div className=\"flex items-center gap-1\">\n                <TerminalStatus />\n                <TerminalActions>\n                  <TerminalCopyButton />\n                  {onClear && <TerminalClearButton />}\n                </TerminalActions>\n              </div>\n            </TerminalHeader>\n            <TerminalContent />\n          </>\n        )}\n      </div>\n    </TerminalContext.Provider>\n  );\n};\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/terminal.tsx"
+    }
+  ],
+  "categories": ["ai", "code"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/test-results.json b/packages/ghost-ui/public/r/test-results.json
new file mode 100644
index 0000000..44ccea1
--- /dev/null
+++ b/packages/ghost-ui/public/r/test-results.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "test-results",
+  "dependencies": ["lucide-react"],
+  "registryDependencies": ["utils", "badge", "collapsible"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/test-results.tsx",
+      "content": "\"use client\";\n\nimport {\n  CheckCircle2Icon,\n  ChevronRightIcon,\n  CircleDotIcon,\n  CircleIcon,\n  XCircleIcon,\n} from \"lucide-react\";\nimport type { ComponentProps, HTMLAttributes } from \"react\";\nimport { createContext, useContext, useMemo } from \"react\";\nimport { Badge } from \"@/components/ui/badge\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\ntype TestStatus = \"passed\" | \"failed\" | \"skipped\" | \"running\";\n\ninterface TestResultsSummary {\n  passed: number;\n  failed: number;\n  skipped: number;\n  total: number;\n  duration?: number;\n}\n\ninterface TestResultsContextType {\n  summary?: TestResultsSummary;\n}\n\nconst TestResultsContext = createContext<TestResultsContextType>({});\n\nconst formatDuration = (ms: number) => {\n  if (ms < 1000) {\n    return `${ms}ms`;\n  }\n  return `${(ms / 1000).toFixed(2)}s`;\n};\n\nexport type TestResultsHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport const TestResultsHeader = ({\n  className,\n  children,\n  ...props\n}: TestResultsHeaderProps) => (\n  <div\n    className={cn(\n      \"flex items-center justify-between border-b px-4 py-3\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type TestResultsDurationProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const TestResultsDuration = ({\n  className,\n  children,\n  ...props\n}: TestResultsDurationProps) => {\n  const { summary } = useContext(TestResultsContext);\n\n  if (!summary?.duration) {\n    return null;\n  }\n\n  return (\n    <span className={cn(\"text-muted-foreground text-sm\", className)} {...props}>\n      {children ?? formatDuration(summary.duration)}\n    </span>\n  );\n};\n\nexport type TestResultsSummaryProps = HTMLAttributes<HTMLDivElement>;\n\nexport const TestResultsSummary = ({\n  className,\n  children,\n  ...props\n}: TestResultsSummaryProps) => {\n  const { summary } = useContext(TestResultsContext);\n\n  if (!summary) {\n    return null;\n  }\n\n  return (\n    <div className={cn(\"flex items-center gap-3\", className)} {...props}>\n      {children ?? (\n        <>\n          <Badge\n            className=\"gap-1 bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400\"\n            variant=\"secondary\"\n          >\n            <CheckCircle2Icon className=\"size-3\" />\n            {summary.passed} passed\n          </Badge>\n          {summary.failed > 0 && (\n            <Badge\n              className=\"gap-1 bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400\"\n              variant=\"secondary\"\n            >\n              <XCircleIcon className=\"size-3\" />\n              {summary.failed} failed\n            </Badge>\n          )}\n          {summary.skipped > 0 && (\n            <Badge\n              className=\"gap-1 bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400\"\n              variant=\"secondary\"\n            >\n              <CircleIcon className=\"size-3\" />\n              {summary.skipped} skipped\n            </Badge>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nexport type TestResultsProps = HTMLAttributes<HTMLDivElement> & {\n  summary?: TestResultsSummary;\n};\n\nexport const TestResults = ({\n  summary,\n  className,\n  children,\n  ...props\n}: TestResultsProps) => {\n  const contextValue = useMemo(() => ({ summary }), [summary]);\n\n  return (\n    <TestResultsContext.Provider value={contextValue}>\n      <div\n        className={cn(\"rounded-lg border bg-background\", className)}\n        {...props}\n      >\n        {children ??\n          (summary && (\n            <TestResultsHeader>\n              <TestResultsSummary />\n              <TestResultsDuration />\n            </TestResultsHeader>\n          ))}\n      </div>\n    </TestResultsContext.Provider>\n  );\n};\n\nexport type TestResultsProgressProps = HTMLAttributes<HTMLDivElement>;\n\nexport const TestResultsProgress = ({\n  className,\n  children,\n  ...props\n}: TestResultsProgressProps) => {\n  const { summary } = useContext(TestResultsContext);\n\n  if (!summary) {\n    return null;\n  }\n\n  const passedPercent = (summary.passed / summary.total) * 100;\n  const failedPercent = (summary.failed / summary.total) * 100;\n\n  return (\n    <div className={cn(\"space-y-2\", className)} {...props}>\n      {children ?? (\n        <>\n          <div className=\"flex h-2 overflow-hidden rounded-full bg-muted\">\n            <div\n              className=\"bg-green-500 transition-all\"\n              style={{ width: `${passedPercent}%` }}\n            />\n            <div\n              className=\"bg-red-500 transition-all\"\n              style={{ width: `${failedPercent}%` }}\n            />\n          </div>\n          <div className=\"flex justify-between text-muted-foreground text-xs\">\n            <span>\n              {summary.passed}/{summary.total} tests passed\n            </span>\n            <span>{passedPercent.toFixed(0)}%</span>\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nexport type TestResultsContentProps = HTMLAttributes<HTMLDivElement>;\n\nexport const TestResultsContent = ({\n  className,\n  children,\n  ...props\n}: TestResultsContentProps) => (\n  <div className={cn(\"space-y-2 p-4\", className)} {...props}>\n    {children}\n  </div>\n);\n\ninterface TestSuiteContextType {\n  name: string;\n  status: TestStatus;\n}\n\nconst TestSuiteContext = createContext<TestSuiteContextType>({\n  name: \"\",\n  status: \"passed\",\n});\n\nconst statusStyles: Record<TestStatus, string> = {\n  failed: \"text-red-600 dark:text-red-400\",\n  passed: \"text-green-600 dark:text-green-400\",\n  running: \"text-blue-600 dark:text-blue-400\",\n  skipped: \"text-yellow-600 dark:text-yellow-400\",\n};\n\nconst statusIcons: Record<TestStatus, React.ReactNode> = {\n  failed: <XCircleIcon className=\"size-4\" />,\n  passed: <CheckCircle2Icon className=\"size-4\" />,\n  running: <CircleDotIcon className=\"size-4 animate-pulse\" />,\n  skipped: <CircleIcon className=\"size-4\" />,\n};\n\nconst TestStatusIcon = ({ status }: { status: TestStatus }) => (\n  <span className={cn(\"shrink-0\", statusStyles[status])}>\n    {statusIcons[status]}\n  </span>\n);\n\nexport type TestSuiteProps = ComponentProps<typeof Collapsible> & {\n  name: string;\n  status: TestStatus;\n};\n\nexport const TestSuite = ({\n  name,\n  status,\n  className,\n  children,\n  ...props\n}: TestSuiteProps) => {\n  const contextValue = useMemo(() => ({ name, status }), [name, status]);\n\n  return (\n    <TestSuiteContext.Provider value={contextValue}>\n      <Collapsible className={cn(\"rounded-lg border\", className)} {...props}>\n        {children}\n      </Collapsible>\n    </TestSuiteContext.Provider>\n  );\n};\n\nexport type TestSuiteNameProps = ComponentProps<typeof CollapsibleTrigger>;\n\nexport const TestSuiteName = ({\n  className,\n  children,\n  ...props\n}: TestSuiteNameProps) => {\n  const { name, status } = useContext(TestSuiteContext);\n\n  return (\n    <CollapsibleTrigger\n      className={cn(\n        \"group flex w-full items-center gap-2 px-4 py-3 text-left transition-colors hover:bg-muted/50\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronRightIcon className=\"size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90\" />\n      <TestStatusIcon status={status} />\n      <span className=\"font-medium text-sm\">{children ?? name}</span>\n    </CollapsibleTrigger>\n  );\n};\n\nexport type TestSuiteStatsProps = HTMLAttributes<HTMLDivElement> & {\n  passed?: number;\n  failed?: number;\n  skipped?: number;\n};\n\nexport const TestSuiteStats = ({\n  passed = 0,\n  failed = 0,\n  skipped = 0,\n  className,\n  children,\n  ...props\n}: TestSuiteStatsProps) => (\n  <div\n    className={cn(\"ml-auto flex items-center gap-2 text-xs\", className)}\n    {...props}\n  >\n    {children ?? (\n      <>\n        {passed > 0 && (\n          <span className=\"text-green-600 dark:text-green-400\">\n            {passed} passed\n          </span>\n        )}\n        {failed > 0 && (\n          <span className=\"text-red-600 dark:text-red-400\">\n            {failed} failed\n          </span>\n        )}\n        {skipped > 0 && (\n          <span className=\"text-yellow-600 dark:text-yellow-400\">\n            {skipped} skipped\n          </span>\n        )}\n      </>\n    )}\n  </div>\n);\n\nexport type TestSuiteContentProps = ComponentProps<typeof CollapsibleContent>;\n\nexport const TestSuiteContent = ({\n  className,\n  children,\n  ...props\n}: TestSuiteContentProps) => (\n  <CollapsibleContent className={cn(\"border-t\", className)} {...props}>\n    <div className=\"divide-y\">{children}</div>\n  </CollapsibleContent>\n);\n\ninterface TestContextType {\n  name: string;\n  status: TestStatus;\n  duration?: number;\n}\n\nconst TestContext = createContext<TestContextType>({\n  name: \"\",\n  status: \"passed\",\n});\n\nexport type TestNameProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const TestName = ({ className, children, ...props }: TestNameProps) => {\n  const { name } = useContext(TestContext);\n\n  return (\n    <span className={cn(\"flex-1\", className)} {...props}>\n      {children ?? name}\n    </span>\n  );\n};\n\nexport type TestDurationProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const TestDuration = ({\n  className,\n  children,\n  ...props\n}: TestDurationProps) => {\n  const { duration } = useContext(TestContext);\n\n  if (duration === undefined) {\n    return null;\n  }\n\n  return (\n    <span\n      className={cn(\"ml-auto text-muted-foreground text-xs\", className)}\n      {...props}\n    >\n      {children ?? `${duration}ms`}\n    </span>\n  );\n};\n\nexport type TestStatusProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const TestStatus = ({\n  className,\n  children,\n  ...props\n}: TestStatusProps) => {\n  const { status } = useContext(TestContext);\n\n  return (\n    <span\n      className={cn(\"shrink-0\", statusStyles[status], className)}\n      {...props}\n    >\n      {children ?? statusIcons[status]}\n    </span>\n  );\n};\n\nexport type TestProps = HTMLAttributes<HTMLDivElement> & {\n  name: string;\n  status: TestStatus;\n  duration?: number;\n};\n\nexport const Test = ({\n  name,\n  status,\n  duration,\n  className,\n  children,\n  ...props\n}: TestProps) => {\n  const contextValue = useMemo(\n    () => ({ duration, name, status }),\n    [duration, name, status],\n  );\n\n  return (\n    <TestContext.Provider value={contextValue}>\n      <div\n        className={cn(\"flex items-center gap-2 px-4 py-2 text-sm\", className)}\n        {...props}\n      >\n        {children ?? (\n          <>\n            <TestStatus />\n            <TestName />\n            {duration !== undefined && <TestDuration />}\n          </>\n        )}\n      </div>\n    </TestContext.Provider>\n  );\n};\n\nexport type TestErrorProps = HTMLAttributes<HTMLDivElement>;\n\nexport const TestError = ({\n  className,\n  children,\n  ...props\n}: TestErrorProps) => (\n  <div\n    className={cn(\n      \"mt-2 rounded-md bg-red-50 p-3 dark:bg-red-900/20\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type TestErrorMessageProps = HTMLAttributes<HTMLParagraphElement>;\n\nexport const TestErrorMessage = ({\n  className,\n  children,\n  ...props\n}: TestErrorMessageProps) => (\n  <p\n    className={cn(\n      \"font-medium text-red-700 text-sm dark:text-red-400\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </p>\n);\n\nexport type TestErrorStackProps = HTMLAttributes<HTMLPreElement>;\n\nexport const TestErrorStack = ({\n  className,\n  children,\n  ...props\n}: TestErrorStackProps) => (\n  <pre\n    className={cn(\n      \"mt-2 overflow-auto font-mono text-red-600 text-xs dark:text-red-400\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </pre>\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/test-results.tsx"
+    }
+  ],
+  "categories": ["ai", "code"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/textarea.json b/packages/ghost-ui/public/r/textarea.json
new file mode 100644
index 0000000..ce0f710
--- /dev/null
+++ b/packages/ghost-ui/public/r/textarea.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "textarea",
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/textarea.tsx",
+      "content": "import type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base transition-[color,box-shadow] outline-none focus-visible:ring-[1px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Textarea };\n",
+      "type": "registry:ui",
+      "target": "components/ui/textarea.tsx"
+    }
+  ],
+  "categories": ["input"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/toggle-group.json b/packages/ghost-ui/public/r/toggle-group.json
new file mode 100644
index 0000000..69aff83
--- /dev/null
+++ b/packages/ghost-ui/public/r/toggle-group.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "toggle-group",
+  "dependencies": ["@radix-ui/react-toggle-group", "class-variance-authority"],
+  "registryDependencies": ["utils", "toggle"],
+  "files": [
+    {
+      "path": "src/components/ui/toggle-group.tsx",
+      "content": "\"use client\";\n\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\nimport type { VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\nimport { toggleVariants } from \"@/components/ui/toggle\";\nimport { cn } from \"@/lib/utils\";\n\nconst ToggleGroupContext = React.createContext<\n  VariantProps<typeof toggleVariants>\n>({\n  size: \"default\",\n  variant: \"default\",\n});\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\n  VariantProps<typeof toggleVariants>) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(\n        \"group/toggle-group flex w-fit items-center rounded-md\",\n        className,\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size }}>\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  );\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &\n  VariantProps<typeof toggleVariants>) {\n  const context = React.useContext(ToggleGroupContext);\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant || variant}\n      data-size={context.size || size}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        \"min-w-0 flex-1 shrink-0 rounded-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n}\n\nexport { ToggleGroup, ToggleGroupItem };\n",
+      "type": "registry:ui",
+      "target": "components/ui/toggle-group.tsx"
+    }
+  ],
+  "categories": ["input"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/toggle.json b/packages/ghost-ui/public/r/toggle.json
new file mode 100644
index 0000000..002bf17
--- /dev/null
+++ b/packages/ghost-ui/public/r/toggle.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "toggle",
+  "dependencies": ["@radix-ui/react-toggle", "class-variance-authority"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/toggle.tsx",
+      "content": "\"use client\";\n\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst toggleVariants = cva(\n  \"inline-flex items-center justify-center gap-2 rounded-md text-sm hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-muted data-[state=on]:text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline:\n          \"border border-input bg-transparent hover:bg-muted hover:text-muted-foreground\",\n      },\n      size: {\n        default: \"h-9 px-2 min-w-9\",\n        sm: \"h-8 px-1.5 min-w-8\",\n        lg: \"h-10 px-2.5 min-w-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Toggle({\n  className,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n  VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Toggle, toggleVariants };\n",
+      "type": "registry:ui",
+      "target": "components/ui/toggle.tsx"
+    }
+  ],
+  "categories": ["input"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/tool.json b/packages/ghost-ui/public/r/tool.json
new file mode 100644
index 0000000..2b32f78
--- /dev/null
+++ b/packages/ghost-ui/public/r/tool.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "tool",
+  "dependencies": ["ai", "lucide-react"],
+  "registryDependencies": ["utils", "badge", "collapsible"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/tool.tsx",
+      "content": "\"use client\";\n\nimport type { DynamicToolUIPart, ToolUIPart } from \"ai\";\nimport {\n  CheckCircleIcon,\n  ChevronDownIcon,\n  CircleIcon,\n  ClockIcon,\n  WrenchIcon,\n  XCircleIcon,\n} from \"lucide-react\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { isValidElement } from \"react\";\nimport { Badge } from \"@/components/ui/badge\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\nimport { CodeBlock } from \"./code-block\";\n\nexport type ToolProps = ComponentProps<typeof Collapsible>;\n\nexport const Tool = ({ className, ...props }: ToolProps) => (\n  <Collapsible\n    className={cn(\"group not-prose mb-4 w-full rounded-md border\", className)}\n    {...props}\n  />\n);\n\nexport type ToolPart = ToolUIPart | DynamicToolUIPart;\n\nexport type ToolHeaderProps = {\n  title?: string;\n  className?: string;\n} & (\n  | { type: ToolUIPart[\"type\"]; state: ToolUIPart[\"state\"]; toolName?: never }\n  | {\n      type: DynamicToolUIPart[\"type\"];\n      state: DynamicToolUIPart[\"state\"];\n      toolName: string;\n    }\n);\n\nconst statusLabels: Record<ToolPart[\"state\"], string> = {\n  \"approval-requested\": \"Awaiting Approval\",\n  \"approval-responded\": \"Responded\",\n  \"input-available\": \"Running\",\n  \"input-streaming\": \"Pending\",\n  \"output-available\": \"Completed\",\n  \"output-denied\": \"Denied\",\n  \"output-error\": \"Error\",\n};\n\nconst statusIcons: Record<ToolPart[\"state\"], ReactNode> = {\n  \"approval-requested\": <ClockIcon className=\"size-4 text-yellow-600\" />,\n  \"approval-responded\": <CheckCircleIcon className=\"size-4 text-blue-600\" />,\n  \"input-available\": <ClockIcon className=\"size-4 animate-pulse\" />,\n  \"input-streaming\": <CircleIcon className=\"size-4\" />,\n  \"output-available\": <CheckCircleIcon className=\"size-4 text-green-600\" />,\n  \"output-denied\": <XCircleIcon className=\"size-4 text-orange-600\" />,\n  \"output-error\": <XCircleIcon className=\"size-4 text-red-600\" />,\n};\n\nexport const getStatusBadge = (status: ToolPart[\"state\"]) => (\n  <Badge className=\"gap-1.5 rounded-full text-xs\" variant=\"secondary\">\n    {statusIcons[status]}\n    {statusLabels[status]}\n  </Badge>\n);\n\nexport const ToolHeader = ({\n  className,\n  title,\n  type,\n  state,\n  toolName,\n  ...props\n}: ToolHeaderProps) => {\n  const derivedName =\n    type === \"dynamic-tool\" ? toolName : type.split(\"-\").slice(1).join(\"-\");\n\n  return (\n    <CollapsibleTrigger\n      className={cn(\n        \"flex w-full items-center justify-between gap-4 p-3\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"flex items-center gap-2\">\n        <WrenchIcon className=\"size-4 text-muted-foreground\" />\n        <span className=\"font-medium text-sm\">{title ?? derivedName}</span>\n        {getStatusBadge(state)}\n      </div>\n      <ChevronDownIcon className=\"size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180\" />\n    </CollapsibleTrigger>\n  );\n};\n\nexport type ToolContentProps = ComponentProps<typeof CollapsibleContent>;\n\nexport const ToolContent = ({ className, ...props }: ToolContentProps) => (\n  <CollapsibleContent\n    className={cn(\n      \"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 space-y-4 p-4 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport type ToolInputProps = ComponentProps<\"div\"> & {\n  input: ToolPart[\"input\"];\n};\n\nexport const ToolInput = ({ className, input, ...props }: ToolInputProps) => (\n  <div className={cn(\"space-y-2 overflow-hidden\", className)} {...props}>\n    <h4 className=\"font-medium text-muted-foreground text-xs uppercase tracking-wide\">\n      Parameters\n    </h4>\n    <div className=\"rounded-md bg-muted/50\">\n      <CodeBlock code={JSON.stringify(input, null, 2)} language=\"json\" />\n    </div>\n  </div>\n);\n\nexport type ToolOutputProps = ComponentProps<\"div\"> & {\n  output: ToolPart[\"output\"];\n  errorText: ToolPart[\"errorText\"];\n};\n\nexport const ToolOutput = ({\n  className,\n  output,\n  errorText,\n  ...props\n}: ToolOutputProps) => {\n  if (!(output || errorText)) {\n    return null;\n  }\n\n  let Output = <div>{output as ReactNode}</div>;\n\n  if (typeof output === \"object\" && !isValidElement(output)) {\n    Output = (\n      <CodeBlock code={JSON.stringify(output, null, 2)} language=\"json\" />\n    );\n  } else if (typeof output === \"string\") {\n    Output = <CodeBlock code={output} language=\"json\" />;\n  }\n\n  return (\n    <div className={cn(\"space-y-2\", className)} {...props}>\n      <h4 className=\"font-medium text-muted-foreground text-xs uppercase tracking-wide\">\n        {errorText ? \"Error\" : \"Result\"}\n      </h4>\n      <div\n        className={cn(\n          \"overflow-x-auto rounded-md text-xs [&_table]:w-full\",\n          errorText\n            ? \"bg-destructive/10 text-destructive\"\n            : \"bg-muted/50 text-foreground\",\n        )}\n      >\n        {errorText && <div>{errorText}</div>}\n        {Output}\n      </div>\n    </div>\n  );\n};\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/tool.tsx"
+    }
+  ],
+  "categories": ["ai", "display"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/toolbar.json b/packages/ghost-ui/public/r/toolbar.json
new file mode 100644
index 0000000..de7495c
--- /dev/null
+++ b/packages/ghost-ui/public/r/toolbar.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "toolbar",
+  "dependencies": ["@xyflow/react"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/toolbar.tsx",
+      "content": "import { NodeToolbar, Position } from \"@xyflow/react\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"@/lib/utils\";\n\ntype ToolbarProps = ComponentProps<typeof NodeToolbar>;\n\nexport const Toolbar = ({ className, ...props }: ToolbarProps) => (\n  <NodeToolbar\n    className={cn(\n      \"flex items-center gap-1 rounded-sm border bg-background p-1.5\",\n      className,\n    )}\n    position={Position.Bottom}\n    {...props}\n  />\n);\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/toolbar.tsx"
+    }
+  ],
+  "categories": ["ai", "layout"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/tooltip.json b/packages/ghost-ui/public/r/tooltip.json
new file mode 100644
index 0000000..493b372
--- /dev/null
+++ b/packages/ghost-ui/public/r/tooltip.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "tooltip",
+  "dependencies": ["@radix-ui/react-tooltip"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ui/tooltip.tsx",
+      "content": "\"use client\";\n\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-primary text-primary-foreground shadow-mini animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };\n",
+      "type": "registry:ui",
+      "target": "components/ui/tooltip.tsx"
+    }
+  ],
+  "categories": ["feedback"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/transcription.json b/packages/ghost-ui/public/r/transcription.json
new file mode 100644
index 0000000..45c031f
--- /dev/null
+++ b/packages/ghost-ui/public/r/transcription.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "transcription",
+  "dependencies": ["@radix-ui/react-use-controllable-state", "ai"],
+  "registryDependencies": ["utils"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/transcription.tsx",
+      "content": "\"use client\";\n\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport type { Experimental_TranscriptionResult as TranscriptionResult } from \"ai\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { createContext, useCallback, useContext, useMemo } from \"react\";\nimport { cn } from \"@/lib/utils\";\n\ntype TranscriptionSegment = TranscriptionResult[\"segments\"][number];\n\ninterface TranscriptionContextValue {\n  segments: TranscriptionSegment[];\n  currentTime: number;\n  onTimeUpdate: (time: number) => void;\n  onSeek?: (time: number) => void;\n}\n\nconst TranscriptionContext = createContext<TranscriptionContextValue | null>(\n  null,\n);\n\nconst useTranscription = () => {\n  const context = useContext(TranscriptionContext);\n  if (!context) {\n    throw new Error(\n      \"Transcription components must be used within Transcription\",\n    );\n  }\n  return context;\n};\n\nexport type TranscriptionProps = Omit<ComponentProps<\"div\">, \"children\"> & {\n  segments: TranscriptionSegment[];\n  currentTime?: number;\n  onSeek?: (time: number) => void;\n  children: (segment: TranscriptionSegment, index: number) => ReactNode;\n};\n\nexport const Transcription = ({\n  segments,\n  currentTime: externalCurrentTime,\n  onSeek,\n  className,\n  children,\n  ...props\n}: TranscriptionProps) => {\n  const [currentTime, setCurrentTime] = useControllableState({\n    defaultProp: 0,\n    onChange: onSeek,\n    prop: externalCurrentTime,\n  });\n\n  const contextValue = useMemo(\n    () => ({ currentTime, onSeek, onTimeUpdate: setCurrentTime, segments }),\n    [currentTime, onSeek, setCurrentTime, segments],\n  );\n\n  return (\n    <TranscriptionContext.Provider value={contextValue}>\n      <div\n        className={cn(\n          \"flex flex-wrap gap-1 text-sm leading-relaxed\",\n          className,\n        )}\n        data-slot=\"transcription\"\n        {...props}\n      >\n        {segments\n          .filter((segment) => segment.text.trim())\n          .map((segment, index) => children(segment, index))}\n      </div>\n    </TranscriptionContext.Provider>\n  );\n};\n\nexport type TranscriptionSegmentProps = ComponentProps<\"button\"> & {\n  segment: TranscriptionSegment;\n  index: number;\n};\n\nexport const TranscriptionSegment = ({\n  segment,\n  index,\n  className,\n  onClick,\n  ...props\n}: TranscriptionSegmentProps) => {\n  const { currentTime, onSeek } = useTranscription();\n\n  const isActive =\n    currentTime >= segment.startSecond && currentTime < segment.endSecond;\n  const isPast = currentTime >= segment.endSecond;\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      if (onSeek) {\n        onSeek(segment.startSecond);\n      }\n      onClick?.(event);\n    },\n    [onSeek, segment.startSecond, onClick],\n  );\n\n  return (\n    <button\n      className={cn(\n        \"inline text-left\",\n        isActive && \"text-primary\",\n        isPast && \"text-muted-foreground\",\n        !(isActive || isPast) && \"text-muted-foreground/60\",\n        onSeek && \"cursor-pointer hover:text-foreground\",\n        !onSeek && \"cursor-default\",\n        className,\n      )}\n      data-active={isActive}\n      data-index={index}\n      data-slot=\"transcription-segment\"\n      onClick={handleClick}\n      type=\"button\"\n      {...props}\n    >\n      {segment.text}\n    </button>\n  );\n};\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/transcription.tsx"
+    }
+  ],
+  "categories": ["ai", "chat", "media"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/utils.json b/packages/ghost-ui/public/r/utils.json
new file mode 100644
index 0000000..b310835
--- /dev/null
+++ b/packages/ghost-ui/public/r/utils.json
@@ -0,0 +1,14 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "utils",
+  "dependencies": ["clsx", "tailwind-merge"],
+  "files": [
+    {
+      "path": "src/lib/utils.ts",
+      "content": "import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport const copyToClipboard = (text: string) => {\n  if (window === undefined) return;\n  window.navigator.clipboard.writeText(text);\n};\n\nexport function getComponentName(name: string) {\n  // convert kebab-case to title case\n  return name.replace(/-/g, \" \");\n}\n\nexport function getRandomIndex(array: any[]) {\n  return Math.floor(Math.random() * array.length);\n}\n",
+      "type": "registry:lib",
+      "target": "lib/utils.ts"
+    }
+  ],
+  "type": "registry:lib"
+}
diff --git a/packages/ghost-ui/public/r/voice-selector.json b/packages/ghost-ui/public/r/voice-selector.json
new file mode 100644
index 0000000..d5545d9
--- /dev/null
+++ b/packages/ghost-ui/public/r/voice-selector.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "voice-selector",
+  "dependencies": ["@radix-ui/react-use-controllable-state", "lucide-react"],
+  "registryDependencies": ["utils", "button", "command", "dialog", "spinner"],
+  "files": [
+    {
+      "path": "src/components/ai-elements/voice-selector.tsx",
+      "content": "\"use client\";\n\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport {\n  CircleSmallIcon,\n  MarsIcon,\n  MarsStrokeIcon,\n  NonBinaryIcon,\n  PauseIcon,\n  PlayIcon,\n  TransgenderIcon,\n  VenusAndMarsIcon,\n  VenusIcon,\n} from \"lucide-react\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { createContext, useCallback, useContext, useMemo } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n} from \"@/components/ui/command\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/components/ui/dialog\";\nimport { Spinner } from \"@/components/ui/spinner\";\nimport { cn } from \"@/lib/utils\";\n\ninterface VoiceSelectorContextValue {\n  value: string | undefined;\n  setValue: (value: string | undefined) => void;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n}\n\nconst VoiceSelectorContext = createContext<VoiceSelectorContextValue | null>(\n  null,\n);\n\nexport const useVoiceSelector = () => {\n  const context = useContext(VoiceSelectorContext);\n  if (!context) {\n    throw new Error(\n      \"VoiceSelector components must be used within VoiceSelector\",\n    );\n  }\n  return context;\n};\n\nexport type VoiceSelectorProps = ComponentProps<typeof Dialog> & {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string | undefined) => void;\n};\n\nexport const VoiceSelector = ({\n  value: valueProp,\n  defaultValue,\n  onValueChange,\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  children,\n  ...props\n}: VoiceSelectorProps) => {\n  const [value, setValue] = useControllableState({\n    defaultProp: defaultValue,\n    onChange: onValueChange,\n    prop: valueProp,\n  });\n\n  const [open, setOpen] = useControllableState({\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n    prop: openProp,\n  });\n\n  const voiceSelectorContext = useMemo(\n    () => ({ open, setOpen, setValue, value }),\n    [value, setValue, open, setOpen],\n  );\n\n  return (\n    <VoiceSelectorContext.Provider value={voiceSelectorContext}>\n      <Dialog onOpenChange={setOpen} open={open} {...props}>\n        {children}\n      </Dialog>\n    </VoiceSelectorContext.Provider>\n  );\n};\n\nexport type VoiceSelectorTriggerProps = ComponentProps<typeof DialogTrigger>;\n\nexport const VoiceSelectorTrigger = (props: VoiceSelectorTriggerProps) => (\n  <DialogTrigger {...props} />\n);\n\nexport type VoiceSelectorContentProps = ComponentProps<typeof DialogContent> & {\n  title?: ReactNode;\n};\n\nexport const VoiceSelectorContent = ({\n  className,\n  children,\n  title = \"Voice Selector\",\n  ...props\n}: VoiceSelectorContentProps) => (\n  <DialogContent\n    aria-describedby={undefined}\n    className={cn(\"p-0\", className)}\n    {...props}\n  >\n    <DialogTitle className=\"sr-only\">{title}</DialogTitle>\n    <Command className=\"**:data-[slot=command-input-wrapper]:h-auto\">\n      {children}\n    </Command>\n  </DialogContent>\n);\n\nexport type VoiceSelectorDialogProps = ComponentProps<typeof CommandDialog>;\n\nexport const VoiceSelectorDialog = (props: VoiceSelectorDialogProps) => (\n  <CommandDialog {...props} />\n);\n\nexport type VoiceSelectorInputProps = ComponentProps<typeof CommandInput>;\n\nexport const VoiceSelectorInput = ({\n  className,\n  ...props\n}: VoiceSelectorInputProps) => (\n  <CommandInput className={cn(\"h-auto py-3.5\", className)} {...props} />\n);\n\nexport type VoiceSelectorListProps = ComponentProps<typeof CommandList>;\n\nexport const VoiceSelectorList = (props: VoiceSelectorListProps) => (\n  <CommandList {...props} />\n);\n\nexport type VoiceSelectorEmptyProps = ComponentProps<typeof CommandEmpty>;\n\nexport const VoiceSelectorEmpty = (props: VoiceSelectorEmptyProps) => (\n  <CommandEmpty {...props} />\n);\n\nexport type VoiceSelectorGroupProps = ComponentProps<typeof CommandGroup>;\n\nexport const VoiceSelectorGroup = (props: VoiceSelectorGroupProps) => (\n  <CommandGroup {...props} />\n);\n\nexport type VoiceSelectorItemProps = ComponentProps<typeof CommandItem>;\n\nexport const VoiceSelectorItem = ({\n  className,\n  ...props\n}: VoiceSelectorItemProps) => (\n  <CommandItem className={cn(\"px-4 py-2\", className)} {...props} />\n);\n\nexport type VoiceSelectorShortcutProps = ComponentProps<typeof CommandShortcut>;\n\nexport const VoiceSelectorShortcut = (props: VoiceSelectorShortcutProps) => (\n  <CommandShortcut {...props} />\n);\n\nexport type VoiceSelectorSeparatorProps = ComponentProps<\n  typeof CommandSeparator\n>;\n\nexport const VoiceSelectorSeparator = (props: VoiceSelectorSeparatorProps) => (\n  <CommandSeparator {...props} />\n);\n\nexport type VoiceSelectorGenderProps = ComponentProps<\"span\"> & {\n  value?:\n    | \"male\"\n    | \"female\"\n    | \"transgender\"\n    | \"androgyne\"\n    | \"non-binary\"\n    | \"intersex\";\n};\n\nexport const VoiceSelectorGender = ({\n  className,\n  value,\n  children,\n  ...props\n}: VoiceSelectorGenderProps) => {\n  let icon: ReactNode | null = null;\n\n  switch (value) {\n    case \"male\": {\n      icon = <MarsIcon className=\"size-4\" />;\n      break;\n    }\n    case \"female\": {\n      icon = <VenusIcon className=\"size-4\" />;\n      break;\n    }\n    case \"transgender\": {\n      icon = <TransgenderIcon className=\"size-4\" />;\n      break;\n    }\n    case \"androgyne\": {\n      icon = <MarsStrokeIcon className=\"size-4\" />;\n      break;\n    }\n    case \"non-binary\": {\n      icon = <NonBinaryIcon className=\"size-4\" />;\n      break;\n    }\n    case \"intersex\": {\n      icon = <VenusAndMarsIcon className=\"size-4\" />;\n      break;\n    }\n    default: {\n      icon = <CircleSmallIcon className=\"size-4\" />;\n    }\n  }\n\n  return (\n    <span className={cn(\"text-muted-foreground text-xs\", className)} {...props}>\n      {children ?? icon}\n    </span>\n  );\n};\n\nexport type VoiceSelectorAccentProps = ComponentProps<\"span\"> & {\n  value?:\n    | \"american\"\n    | \"british\"\n    | \"australian\"\n    | \"canadian\"\n    | \"irish\"\n    | \"scottish\"\n    | \"indian\"\n    | \"south-african\"\n    | \"new-zealand\"\n    | \"spanish\"\n    | \"french\"\n    | \"german\"\n    | \"italian\"\n    | \"portuguese\"\n    | \"brazilian\"\n    | \"mexican\"\n    | \"argentinian\"\n    | \"japanese\"\n    | \"chinese\"\n    | \"korean\"\n    | \"russian\"\n    | \"arabic\"\n    | \"dutch\"\n    | \"swedish\"\n    | \"norwegian\"\n    | \"danish\"\n    | \"finnish\"\n    | \"polish\"\n    | \"turkish\"\n    | \"greek\"\n    | string;\n};\n\nexport const VoiceSelectorAccent = ({\n  className,\n  value,\n  children,\n  ...props\n}: VoiceSelectorAccentProps) => {\n  let emoji: string | null = null;\n\n  switch (value) {\n    case \"american\": {\n      emoji = \"🇺🇸\";\n      break;\n    }\n    case \"british\": {\n      emoji = \"🇬🇧\";\n      break;\n    }\n    case \"australian\": {\n      emoji = \"🇦🇺\";\n      break;\n    }\n    case \"canadian\": {\n      emoji = \"🇨🇦\";\n      break;\n    }\n    case \"irish\": {\n      emoji = \"🇮🇪\";\n      break;\n    }\n    case \"scottish\": {\n      emoji = \"🏴󠁧󠁢󠁳󠁣󠁴󠁿\";\n      break;\n    }\n    case \"indian\": {\n      emoji = \"🇮🇳\";\n      break;\n    }\n    case \"south-african\": {\n      emoji = \"🇿🇦\";\n      break;\n    }\n    case \"new-zealand\": {\n      emoji = \"🇳🇿\";\n      break;\n    }\n    case \"spanish\": {\n      emoji = \"🇪🇸\";\n      break;\n    }\n    case \"french\": {\n      emoji = \"🇫🇷\";\n      break;\n    }\n    case \"german\": {\n      emoji = \"🇩🇪\";\n      break;\n    }\n    case \"italian\": {\n      emoji = \"🇮🇹\";\n      break;\n    }\n    case \"portuguese\": {\n      emoji = \"🇵🇹\";\n      break;\n    }\n    case \"brazilian\": {\n      emoji = \"🇧🇷\";\n      break;\n    }\n    case \"mexican\": {\n      emoji = \"🇲🇽\";\n      break;\n    }\n    case \"argentinian\": {\n      emoji = \"🇦🇷\";\n      break;\n    }\n    case \"japanese\": {\n      emoji = \"🇯🇵\";\n      break;\n    }\n    case \"chinese\": {\n      emoji = \"🇨🇳\";\n      break;\n    }\n    case \"korean\": {\n      emoji = \"🇰🇷\";\n      break;\n    }\n    case \"russian\": {\n      emoji = \"🇷🇺\";\n      break;\n    }\n    case \"arabic\": {\n      emoji = \"🇸🇦\";\n      break;\n    }\n    case \"dutch\": {\n      emoji = \"🇳🇱\";\n      break;\n    }\n    case \"swedish\": {\n      emoji = \"🇸🇪\";\n      break;\n    }\n    case \"norwegian\": {\n      emoji = \"🇳🇴\";\n      break;\n    }\n    case \"danish\": {\n      emoji = \"🇩🇰\";\n      break;\n    }\n    case \"finnish\": {\n      emoji = \"🇫🇮\";\n      break;\n    }\n    case \"polish\": {\n      emoji = \"🇵🇱\";\n      break;\n    }\n    case \"turkish\": {\n      emoji = \"🇹🇷\";\n      break;\n    }\n    case \"greek\": {\n      emoji = \"🇬🇷\";\n      break;\n    }\n    default: {\n      emoji = null;\n    }\n  }\n\n  return (\n    <span className={cn(\"text-muted-foreground text-xs\", className)} {...props}>\n      {children ?? emoji}\n    </span>\n  );\n};\n\nexport type VoiceSelectorAgeProps = ComponentProps<\"span\">;\n\nexport const VoiceSelectorAge = ({\n  className,\n  ...props\n}: VoiceSelectorAgeProps) => (\n  <span\n    className={cn(\"text-muted-foreground text-xs tabular-nums\", className)}\n    {...props}\n  />\n);\n\nexport type VoiceSelectorNameProps = ComponentProps<\"span\">;\n\nexport const VoiceSelectorName = ({\n  className,\n  ...props\n}: VoiceSelectorNameProps) => (\n  <span\n    className={cn(\"flex-1 truncate text-left font-medium\", className)}\n    {...props}\n  />\n);\n\nexport type VoiceSelectorDescriptionProps = ComponentProps<\"span\">;\n\nexport const VoiceSelectorDescription = ({\n  className,\n  ...props\n}: VoiceSelectorDescriptionProps) => (\n  <span className={cn(\"text-muted-foreground text-xs\", className)} {...props} />\n);\n\nexport type VoiceSelectorAttributesProps = ComponentProps<\"div\">;\n\nexport const VoiceSelectorAttributes = ({\n  className,\n  children,\n  ...props\n}: VoiceSelectorAttributesProps) => (\n  <div className={cn(\"flex items-center text-xs\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport type VoiceSelectorBulletProps = ComponentProps<\"span\">;\n\nexport const VoiceSelectorBullet = ({\n  className,\n  ...props\n}: VoiceSelectorBulletProps) => (\n  <span\n    aria-hidden=\"true\"\n    className={cn(\"select-none text-border\", className)}\n    {...props}\n  >\n    &bull;\n  </span>\n);\n\nexport type VoiceSelectorPreviewProps = Omit<\n  ComponentProps<\"button\">,\n  \"children\"\n> & {\n  playing?: boolean;\n  loading?: boolean;\n  onPlay?: () => void;\n};\n\nexport const VoiceSelectorPreview = ({\n  className,\n  playing,\n  loading,\n  onPlay,\n  onClick,\n  ...props\n}: VoiceSelectorPreviewProps) => {\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      event.stopPropagation();\n      onClick?.(event);\n      onPlay?.();\n    },\n    [onClick, onPlay],\n  );\n\n  let icon = <PlayIcon className=\"size-3\" />;\n\n  if (loading) {\n    icon = <Spinner className=\"size-3\" />;\n  } else if (playing) {\n    icon = <PauseIcon className=\"size-3\" />;\n  }\n\n  return (\n    <Button\n      aria-label={playing ? \"Pause preview\" : \"Play preview\"}\n      className={cn(\"size-6\", className)}\n      disabled={loading}\n      onClick={handleClick}\n      size=\"icon-sm\"\n      type=\"button\"\n      variant=\"outline\"\n      {...props}\n    >\n      {icon}\n    </Button>\n  );\n};\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/voice-selector.tsx"
+    }
+  ],
+  "categories": ["ai", "input", "media"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/public/r/web-preview.json b/packages/ghost-ui/public/r/web-preview.json
new file mode 100644
index 0000000..6b1bc96
--- /dev/null
+++ b/packages/ghost-ui/public/r/web-preview.json
@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "web-preview",
+  "dependencies": ["lucide-react"],
+  "registryDependencies": [
+    "utils",
+    "button",
+    "collapsible",
+    "input",
+    "tooltip"
+  ],
+  "files": [
+    {
+      "path": "src/components/ai-elements/web-preview.tsx",
+      "content": "\"use client\";\n\nimport { ChevronDownIcon } from \"lucide-react\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { Input } from \"@/components/ui/input\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface WebPreviewContextValue {\n  url: string;\n  setUrl: (url: string) => void;\n  consoleOpen: boolean;\n  setConsoleOpen: (open: boolean) => void;\n}\n\nconst WebPreviewContext = createContext<WebPreviewContextValue | null>(null);\n\nconst useWebPreview = () => {\n  const context = useContext(WebPreviewContext);\n  if (!context) {\n    throw new Error(\"WebPreview components must be used within a WebPreview\");\n  }\n  return context;\n};\n\nexport type WebPreviewProps = ComponentProps<\"div\"> & {\n  defaultUrl?: string;\n  onUrlChange?: (url: string) => void;\n};\n\nexport const WebPreview = ({\n  className,\n  children,\n  defaultUrl = \"\",\n  onUrlChange,\n  ...props\n}: WebPreviewProps) => {\n  const [url, setUrl] = useState(defaultUrl);\n  const [consoleOpen, setConsoleOpen] = useState(false);\n\n  const handleUrlChange = useCallback(\n    (newUrl: string) => {\n      setUrl(newUrl);\n      onUrlChange?.(newUrl);\n    },\n    [onUrlChange],\n  );\n\n  const contextValue = useMemo<WebPreviewContextValue>(\n    () => ({\n      consoleOpen,\n      setConsoleOpen,\n      setUrl: handleUrlChange,\n      url,\n    }),\n    [consoleOpen, handleUrlChange, url],\n  );\n\n  return (\n    <WebPreviewContext.Provider value={contextValue}>\n      <div\n        className={cn(\n          \"flex size-full flex-col rounded-lg border bg-card\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    </WebPreviewContext.Provider>\n  );\n};\n\nexport type WebPreviewNavigationProps = ComponentProps<\"div\">;\n\nexport const WebPreviewNavigation = ({\n  className,\n  children,\n  ...props\n}: WebPreviewNavigationProps) => (\n  <div\n    className={cn(\"flex items-center gap-1 border-b p-2\", className)}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type WebPreviewNavigationButtonProps = ComponentProps<typeof Button> & {\n  tooltip?: string;\n};\n\nexport const WebPreviewNavigationButton = ({\n  onClick,\n  disabled,\n  tooltip,\n  children,\n  ...props\n}: WebPreviewNavigationButtonProps) => (\n  <TooltipProvider>\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <Button\n          className=\"h-8 w-8 p-0 hover:text-foreground\"\n          disabled={disabled}\n          onClick={onClick}\n          size=\"sm\"\n          variant=\"ghost\"\n          {...props}\n        >\n          {children}\n        </Button>\n      </TooltipTrigger>\n      <TooltipContent>\n        <p>{tooltip}</p>\n      </TooltipContent>\n    </Tooltip>\n  </TooltipProvider>\n);\n\nexport type WebPreviewUrlProps = ComponentProps<typeof Input>;\n\nexport const WebPreviewUrl = ({\n  value,\n  onChange,\n  onKeyDown,\n  ...props\n}: WebPreviewUrlProps) => {\n  const { url, setUrl } = useWebPreview();\n  const [prevUrl, setPrevUrl] = useState(url);\n  const [inputValue, setInputValue] = useState(url);\n\n  // Sync input value with context URL when it changes externally (derived state pattern)\n  if (url !== prevUrl) {\n    setPrevUrl(url);\n    setInputValue(url);\n  }\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setInputValue(event.target.value);\n    onChange?.(event);\n  };\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Enter\") {\n        const target = event.target as HTMLInputElement;\n        setUrl(target.value);\n      }\n      onKeyDown?.(event);\n    },\n    [setUrl, onKeyDown],\n  );\n\n  return (\n    <Input\n      className=\"h-8 flex-1 text-sm\"\n      onChange={onChange ?? handleChange}\n      onKeyDown={handleKeyDown}\n      placeholder=\"Enter URL...\"\n      value={value ?? inputValue}\n      {...props}\n    />\n  );\n};\n\nexport type WebPreviewBodyProps = ComponentProps<\"iframe\"> & {\n  loading?: ReactNode;\n};\n\nexport const WebPreviewBody = ({\n  className,\n  loading,\n  src,\n  ...props\n}: WebPreviewBodyProps) => {\n  const { url } = useWebPreview();\n\n  return (\n    <div className=\"flex-1\">\n      <iframe\n        className={cn(\"size-full\", className)}\n        // oxlint-disable-next-line eslint-plugin-react(iframe-missing-sandbox)\n        sandbox=\"allow-scripts allow-same-origin allow-forms allow-popups allow-presentation\"\n        src={(src ?? url) || undefined}\n        title=\"Preview\"\n        {...props}\n      />\n      {loading}\n    </div>\n  );\n};\n\nexport type WebPreviewConsoleProps = ComponentProps<\"div\"> & {\n  logs?: {\n    level: \"log\" | \"warn\" | \"error\";\n    message: string;\n    timestamp: Date;\n  }[];\n};\n\nexport const WebPreviewConsole = ({\n  className,\n  logs = [],\n  children,\n  ...props\n}: WebPreviewConsoleProps) => {\n  const { consoleOpen, setConsoleOpen } = useWebPreview();\n\n  return (\n    <Collapsible\n      className={cn(\"border-t bg-muted/50 font-mono text-sm\", className)}\n      onOpenChange={setConsoleOpen}\n      open={consoleOpen}\n      {...props}\n    >\n      <CollapsibleTrigger asChild>\n        <Button\n          className=\"flex w-full items-center justify-between p-4 text-left font-medium hover:bg-muted/50\"\n          variant=\"ghost\"\n        >\n          Console\n          <ChevronDownIcon\n            className={cn(\n              \"h-4 w-4 transition-transform duration-200\",\n              consoleOpen && \"rotate-180\",\n            )}\n          />\n        </Button>\n      </CollapsibleTrigger>\n      <CollapsibleContent\n        className={cn(\n          \"px-4 pb-4\",\n          \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n        )}\n      >\n        <div className=\"max-h-48 space-y-1 overflow-y-auto\">\n          {logs.length === 0 ? (\n            <p className=\"text-muted-foreground\">No console output</p>\n          ) : (\n            logs.map((log) => (\n              <div\n                className={cn(\n                  \"text-xs\",\n                  log.level === \"error\" && \"text-destructive\",\n                  log.level === \"warn\" && \"text-yellow-600\",\n                  log.level === \"log\" && \"text-foreground\",\n                )}\n                key={`${log.timestamp.getTime()}-${log.level}-${log.message}`}\n              >\n                <span className=\"text-muted-foreground\">\n                  {log.timestamp.toLocaleTimeString()}\n                </span>{\" \"}\n                {log.message}\n              </div>\n            ))\n          )}\n          {children}\n        </div>\n      </CollapsibleContent>\n    </Collapsible>\n  );\n};\n",
+      "type": "registry:ui",
+      "target": "components/ai-elements/web-preview.tsx"
+    }
+  ],
+  "categories": ["ai", "media"],
+  "type": "registry:ui"
+}
diff --git a/packages/ghost-ui/registry.json b/packages/ghost-ui/registry.json
index d623750..adb6d55 100644
--- a/packages/ghost-ui/registry.json
+++ b/packages/ghost-ui/registry.json
@@ -1,6 +1,7 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry.json",
   "name": "ghost-ui",
+  "homepage": "https://github.com/block/ghost",
   "items": [
     {
       "name": "styles-main",

From f090e2ac70f9ba241716c759777aadbfcf99bb8b Mon Sep 17 00:00:00 2001
From: Nahiyan Khan <nahiyan@squareup.com>
Date: Tue, 7 Apr 2026 00:03:32 -0400
Subject: [PATCH 5/6] Integrate shadcn CLI v4 features: registry:base,
 registry:font, presets, diff, agent skills
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Extend ghost-core types to support all shadcn v4 registry item types
  (registry:base, registry:font, registry:theme, etc.) with FontDescriptor,
  CSSVarsMap, and ComponentMeta interfaces

- Add registry:font item for HK Grotesk (7 weights, self-hosted woff2) with
  companion font-faces style item and automatic dependency wiring

- Add registry:base item (ghost-ui-base) that bundles the entire design system
  as a single-install payload with 323 CSS tokens across theme/light/dark

- Generate registry:theme items from existing theme presets (warm-sand, ocean,
  midnight-luxe, neon-brutalist, soft-pastel) via build-presets script

- Set ghost-ui style to "ghost" in components.json and base item config

- Add ghost diff CLI command with severity classification (cosmetic/additive/
  breaking/missing) combining structure and value scanning

- Generate .shadcn/skills.md agent metadata with component inventory, token
  taxonomy, variant extraction, and data-slot mapping for 97 components

- Wire build pipeline: build:base → build:presets → generate:skills → shadcn build

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 packages/ghost-cli/src/bin.ts                 |  52 ++
 packages/ghost-core/src/diff.ts               | 168 ++++
 packages/ghost-core/src/index.ts              |   7 +
 packages/ghost-core/src/reporters/diff.ts     | 134 ++++
 packages/ghost-core/src/resolvers/css.ts      |   1 +
 packages/ghost-core/src/resolvers/registry.ts |  70 +-
 packages/ghost-core/src/types.ts              |  53 +-
 packages/ghost-ui/.shadcn/skills.md           | 176 ++++
 packages/ghost-ui/components.json             |   2 +-
 packages/ghost-ui/package.json                |   5 +-
 .../public/r/font-hk-grotesk-faces.json       |  13 +
 .../ghost-ui/public/r/font-hk-grotesk.json    |  61 ++
 packages/ghost-ui/public/r/ghost-ui-base.json | 343 ++++++++
 packages/ghost-ui/public/r/registry.json      | 759 ++++++++++++++++++
 packages/ghost-ui/public/r/styles-main.json   |   3 +-
 .../public/r/theme-midnight-luxe.json         |  62 ++
 .../public/r/theme-neon-brutalist.json        |  78 ++
 packages/ghost-ui/public/r/theme-ocean.json   |  60 ++
 .../ghost-ui/public/r/theme-soft-pastel.json  |  94 +++
 .../ghost-ui/public/r/theme-warm-sand.json    |  60 ++
 packages/ghost-ui/registry.json               | 759 ++++++++++++++++++
 packages/ghost-ui/scripts/build-base-vars.mjs |  88 ++
 packages/ghost-ui/scripts/build-presets.mjs   |  65 ++
 packages/ghost-ui/scripts/generate-skills.mjs | 201 +++++
 packages/ghost-ui/src/styles/font-faces.css   |  50 ++
 packages/ghost-ui/src/styles/main.css         |  52 +-
 26 files changed, 3359 insertions(+), 57 deletions(-)
 create mode 100644 packages/ghost-core/src/diff.ts
 create mode 100644 packages/ghost-core/src/reporters/diff.ts
 create mode 100644 packages/ghost-ui/.shadcn/skills.md
 create mode 100644 packages/ghost-ui/public/r/font-hk-grotesk-faces.json
 create mode 100644 packages/ghost-ui/public/r/font-hk-grotesk.json
 create mode 100644 packages/ghost-ui/public/r/ghost-ui-base.json
 create mode 100644 packages/ghost-ui/public/r/theme-midnight-luxe.json
 create mode 100644 packages/ghost-ui/public/r/theme-neon-brutalist.json
 create mode 100644 packages/ghost-ui/public/r/theme-ocean.json
 create mode 100644 packages/ghost-ui/public/r/theme-soft-pastel.json
 create mode 100644 packages/ghost-ui/public/r/theme-warm-sand.json
 create mode 100644 packages/ghost-ui/scripts/build-base-vars.mjs
 create mode 100644 packages/ghost-ui/scripts/build-presets.mjs
 create mode 100644 packages/ghost-ui/scripts/generate-skills.mjs
 create mode 100644 packages/ghost-ui/src/styles/font-faces.css

diff --git a/packages/ghost-cli/src/bin.ts b/packages/ghost-cli/src/bin.ts
index 9c58d45..9104769 100644
--- a/packages/ghost-cli/src/bin.ts
+++ b/packages/ghost-cli/src/bin.ts
@@ -5,9 +5,12 @@ import type { DesignFingerprint } from "@ghost/core";
 import {
   compareFingerprints,
   computeTemporalComparison,
+  diff,
   formatCLIReport,
   formatComparison,
   formatComparisonJSON,
+  formatDiffCLI,
+  formatDiffJSON,
   formatFingerprint,
   formatFingerprintJSON,
   formatJSONReport,
@@ -239,6 +242,54 @@ const compareCommand = defineCommand({
   },
 });
 
+const diffCommand = defineCommand({
+  meta: {
+    name: "diff",
+    description:
+      "Compare local components against registry with drift analysis",
+  },
+  args: {
+    component: {
+      type: "positional",
+      description: "Component name (optional, all if omitted)",
+      required: false,
+    },
+    config: {
+      type: "string",
+      description: "Path to ghost config file",
+      alias: "c",
+    },
+    format: {
+      type: "string",
+      description: "Output format: cli or json",
+      default: "cli",
+    },
+  },
+  async run({ args }) {
+    try {
+      const config = await loadConfig(args.config);
+      const results = await diff(config, args.component || undefined);
+
+      const output =
+        args.format === "json"
+          ? formatDiffJSON(results)
+          : formatDiffCLI(results);
+
+      process.stdout.write(output);
+
+      const hasBreaking = results.some((r) =>
+        r.components.some((c) => c.severity === "error"),
+      );
+      process.exit(hasBreaking ? 1 : 0);
+    } catch (err) {
+      console.error(
+        `Error: ${err instanceof Error ? err.message : String(err)}`,
+      );
+      process.exit(2);
+    }
+  },
+});
+
 const main = defineCommand({
   meta: {
     name: "ghost",
@@ -249,6 +300,7 @@ const main = defineCommand({
     scan: scanCommand,
     profile: profileCommand,
     compare: compareCommand,
+    diff: diffCommand,
     fleet: fleetCommand,
     ack: ackCommand,
     adopt: adoptCommand,
diff --git a/packages/ghost-core/src/diff.ts b/packages/ghost-core/src/diff.ts
new file mode 100644
index 0000000..260b4ca
--- /dev/null
+++ b/packages/ghost-core/src/diff.ts
@@ -0,0 +1,168 @@
+import { existsSync } from "node:fs";
+import { readFile } from "node:fs/promises";
+import { resolve } from "node:path";
+import { parseCSS } from "./resolvers/css.js";
+import { resolveRegistry } from "./resolvers/registry.js";
+import { scanStructure } from "./scanners/structure.js";
+import { scanValues } from "./scanners/values.js";
+import type { GhostConfig, StructureDrift, ValueDrift } from "./types.js";
+
+export type DiffSeverity = "info" | "warn" | "error";
+
+export interface ComponentDiff {
+  component: string;
+  severity: DiffSeverity;
+  structureDrift?: StructureDrift;
+  valueDrifts: ValueDrift[];
+  classification: "cosmetic" | "additive" | "breaking" | "missing";
+}
+
+export interface DiffResult {
+  designSystem: string;
+  components: ComponentDiff[];
+  summary: {
+    total: number;
+    missing: number;
+    diverged: number;
+    clean: number;
+    tokenDrifts: number;
+  };
+}
+
+function classifyStructureDrift(
+  drift: StructureDrift,
+): "cosmetic" | "additive" | "breaking" {
+  if (!drift.diff) return "cosmetic";
+
+  const lines = drift.diff.split("\n");
+  let hasRemovedExport = false;
+  let hasRemovedProp = false;
+  let onlyWhitespace = true;
+
+  for (const line of lines) {
+    if (line.startsWith("-") && !line.startsWith("---")) {
+      const content = line.slice(1).trim();
+      if (content.length > 0) onlyWhitespace = false;
+      if (content.startsWith("export ")) hasRemovedExport = true;
+      if (content.includes("Props") || content.includes("interface "))
+        hasRemovedProp = true;
+    }
+    if (line.startsWith("+") && !line.startsWith("+++")) {
+      const content = line.slice(1).trim();
+      if (content.length > 0) onlyWhitespace = false;
+    }
+  }
+
+  if (onlyWhitespace) return "cosmetic";
+  if (hasRemovedExport || hasRemovedProp) return "breaking";
+  return "additive";
+}
+
+function classificationToSeverity(
+  classification: ComponentDiff["classification"],
+): DiffSeverity {
+  switch (classification) {
+    case "cosmetic":
+      return "info";
+    case "additive":
+      return "warn";
+    case "breaking":
+    case "missing":
+      return "error";
+  }
+}
+
+export async function diff(
+  config: GhostConfig,
+  componentFilter?: string,
+): Promise<DiffResult[]> {
+  const results: DiffResult[] = [];
+
+  for (const ds of config.designSystems ?? []) {
+    const registry = await resolveRegistry(ds.registry);
+    const consumerDir = process.cwd();
+
+    // Structure scan
+    const structureDrifts = await scanStructure({
+      registryItems: registry.items,
+      consumerDir,
+      componentDir: ds.componentDir,
+      rules: config.rules,
+      ignore: config.ignore,
+    });
+
+    // Value scan
+    let valueDrifts: ValueDrift[] = [];
+    const styleEntryPath = resolve(consumerDir, ds.styleEntry);
+    if (existsSync(styleEntryPath)) {
+      const consumerCSS = await readFile(styleEntryPath, "utf-8");
+      const consumerTokens = parseCSS(consumerCSS);
+      valueDrifts = scanValues({
+        registryTokens: registry.tokens,
+        consumerTokens,
+        consumerCSS,
+        rules: config.rules,
+        styleFile: ds.styleEntry,
+      });
+    }
+
+    // Group by component
+    const componentMap = new Map<string, ComponentDiff>();
+
+    // Process structure drifts
+    for (const sd of structureDrifts) {
+      if (componentFilter && sd.component !== componentFilter) continue;
+
+      const classification =
+        sd.rule === "missing-component"
+          ? "missing"
+          : classifyStructureDrift(sd);
+
+      componentMap.set(sd.component, {
+        component: sd.component,
+        severity: classificationToSeverity(classification),
+        structureDrift: sd,
+        valueDrifts: [],
+        classification,
+      });
+    }
+
+    // Attach value drifts (these are token-level, not per-component)
+    // Group them under a synthetic "_tokens" component
+    if (valueDrifts.length > 0) {
+      const tokenDiff: ComponentDiff = {
+        component: "_tokens",
+        severity: valueDrifts.some((v) => v.severity === "error")
+          ? "error"
+          : "warn",
+        valueDrifts,
+        classification: "additive",
+      };
+      componentMap.set("_tokens", tokenDiff);
+    }
+
+    // Count clean components
+    const uiItems = registry.items.filter((i) => i.type === "registry:ui");
+    const divergedComponents = new Set(structureDrifts.map((d) => d.component));
+    const clean = componentFilter
+      ? 0
+      : uiItems.filter((i) => !divergedComponents.has(i.name)).length;
+
+    results.push({
+      designSystem: ds.name,
+      components: Array.from(componentMap.values()),
+      summary: {
+        total: componentFilter ? 1 : uiItems.length,
+        missing: structureDrifts.filter((d) => d.rule === "missing-component")
+          .length,
+        diverged: structureDrifts.filter(
+          (d) => d.rule === "structural-divergence",
+        ).length,
+        clean,
+        tokenDrifts: valueDrifts.length,
+      },
+    });
+  }
+
+  return results;
+}
diff --git a/packages/ghost-core/src/index.ts b/packages/ghost-core/src/index.ts
index bed92cc..9124c77 100644
--- a/packages/ghost-core/src/index.ts
+++ b/packages/ghost-core/src/index.ts
@@ -1,4 +1,6 @@
 export { defineConfig, loadConfig } from "./config.js";
+export type { ComponentDiff, DiffResult, DiffSeverity } from "./diff.js";
+export { diff } from "./diff.js";
 export {
   acknowledge,
   appendHistory,
@@ -29,6 +31,7 @@ export { createProvider } from "./llm/index.js";
 export type { ProfileOptions } from "./profile.js";
 export { profile, profileRegistry } from "./profile.js";
 export { formatReport as formatCLIReport } from "./reporters/cli.js";
+export { formatDiffCLI, formatDiffJSON } from "./reporters/diff.js";
 export {
   formatComparison,
   formatComparisonJSON,
@@ -50,7 +53,9 @@ export { scan } from "./scan.js";
 export { scanVisual } from "./scanners/visual.js";
 export type {
   ColorRamp,
+  ComponentMeta,
   CSSToken,
+  CSSVarsMap,
   DesignFingerprint,
   DesignSystemConfig,
   DesignSystemReport,
@@ -72,6 +77,7 @@ export type {
   FleetComparison,
   FleetMember,
   FleetPair,
+  FontDescriptor,
   GhostConfig,
   LLMConfig,
   LLMProvider,
@@ -79,6 +85,7 @@ export type {
   Registry,
   RegistryFile,
   RegistryItem,
+  RegistryItemType,
   ResolvedRegistry,
   RuleSeverity,
   ScanOptions,
diff --git a/packages/ghost-core/src/reporters/diff.ts b/packages/ghost-core/src/reporters/diff.ts
new file mode 100644
index 0000000..40848a1
--- /dev/null
+++ b/packages/ghost-core/src/reporters/diff.ts
@@ -0,0 +1,134 @@
+import type { ComponentDiff, DiffResult, DiffSeverity } from "../diff.js";
+
+const useColor =
+  !process.env.NO_COLOR &&
+  !process.argv.includes("--no-color") &&
+  process.stdout.isTTY;
+
+const c = {
+  red: (s: string) => (useColor ? `\x1b[31m${s}\x1b[0m` : s),
+  yellow: (s: string) => (useColor ? `\x1b[33m${s}\x1b[0m` : s),
+  green: (s: string) => (useColor ? `\x1b[32m${s}\x1b[0m` : s),
+  cyan: (s: string) => (useColor ? `\x1b[36m${s}\x1b[0m` : s),
+  dim: (s: string) => (useColor ? `\x1b[2m${s}\x1b[0m` : s),
+  bold: (s: string) => (useColor ? `\x1b[1m${s}\x1b[0m` : s),
+  magenta: (s: string) => (useColor ? `\x1b[35m${s}\x1b[0m` : s),
+};
+
+function _severityBadge(severity: DiffSeverity): string {
+  switch (severity) {
+    case "error":
+      return c.red("BREAKING");
+    case "warn":
+      return c.yellow("CHANGED");
+    case "info":
+      return c.cyan("COSMETIC");
+  }
+}
+
+function classificationLabel(
+  classification: ComponentDiff["classification"],
+): string {
+  switch (classification) {
+    case "missing":
+      return c.red("MISSING");
+    case "breaking":
+      return c.red("BREAKING");
+    case "additive":
+      return c.yellow("ADDITIVE");
+    case "cosmetic":
+      return c.cyan("COSMETIC");
+  }
+}
+
+function formatComponentDiff(cd: ComponentDiff): string {
+  const lines: string[] = [];
+
+  if (cd.component === "_tokens") {
+    lines.push(`\n${c.bold("Token Drift")}`);
+    for (const vd of cd.valueDrifts) {
+      const tag = vd.severity === "error" ? c.red("ERROR") : c.yellow(" WARN");
+      lines.push(`  ${tag} ${vd.message}`);
+      if (vd.registryValue && vd.consumerValue) {
+        lines.push(`         ${c.dim("registry:")} ${vd.registryValue}`);
+        lines.push(`         ${c.dim("local:")}    ${vd.consumerValue}`);
+      }
+      if (vd.suggestion) {
+        lines.push(`         ${c.green("suggestion:")} ${vd.suggestion}`);
+      }
+    }
+    return lines.join("\n");
+  }
+
+  const badge = classificationLabel(cd.classification);
+  lines.push(`\n${c.bold(cd.component)} ${badge}`);
+
+  if (cd.structureDrift) {
+    const sd = cd.structureDrift;
+    if (sd.rule === "missing-component") {
+      lines.push(`  Not found at ${c.dim(sd.consumerFile ?? "")}`);
+    } else {
+      lines.push(
+        `  ${c.green(`+${sd.linesAdded}`)} ${c.red(`-${sd.linesRemoved}`)} lines`,
+      );
+      if (sd.diff) {
+        // Show a condensed diff (first 20 meaningful lines)
+        const diffLines = sd.diff.split("\n");
+        let shown = 0;
+        for (const line of diffLines) {
+          if (shown >= 20) {
+            lines.push(c.dim(`  ... (${diffLines.length - shown} more lines)`));
+            break;
+          }
+          if (line.startsWith("+") && !line.startsWith("+++")) {
+            lines.push(`  ${c.green(line)}`);
+            shown++;
+          } else if (line.startsWith("-") && !line.startsWith("---")) {
+            lines.push(`  ${c.red(line)}`);
+            shown++;
+          } else if (line.startsWith("@@")) {
+            lines.push(`  ${c.magenta(line)}`);
+            shown++;
+          }
+        }
+      }
+    }
+  }
+
+  return lines.join("\n");
+}
+
+export function formatDiffCLI(results: DiffResult[]): string {
+  const lines: string[] = [];
+
+  for (const result of results) {
+    lines.push(c.bold(`\n${result.designSystem}`));
+    lines.push(
+      c.dim(
+        `${result.summary.total} components | ${result.summary.clean} clean | ${result.summary.diverged} diverged | ${result.summary.missing} missing | ${result.summary.tokenDrifts} token drifts`,
+      ),
+    );
+
+    if (result.components.length === 0) {
+      lines.push(c.green("\n  All components match registry."));
+      continue;
+    }
+
+    // Sort: breaking first, then additive, then cosmetic
+    const order = { missing: 0, breaking: 1, additive: 2, cosmetic: 3 };
+    const sorted = [...result.components].sort(
+      (a, b) => order[a.classification] - order[b.classification],
+    );
+
+    for (const cd of sorted) {
+      lines.push(formatComponentDiff(cd));
+    }
+  }
+
+  lines.push("");
+  return lines.join("\n");
+}
+
+export function formatDiffJSON(results: DiffResult[]): string {
+  return JSON.stringify(results, null, 2);
+}
diff --git a/packages/ghost-core/src/resolvers/css.ts b/packages/ghost-core/src/resolvers/css.ts
index 8f93525..9d34607 100644
--- a/packages/ghost-core/src/resolvers/css.ts
+++ b/packages/ghost-core/src/resolvers/css.ts
@@ -22,6 +22,7 @@ const CATEGORY_PREFIXES: [string, TokenCategory][] = [
   ["--duration-", "animation"],
   ["--ease-", "animation"],
   ["--color-", "color"],
+  ["--font-face-", "font-face"],
   ["--font-", "font"],
   ["--chart-", "chart"],
   ["--sidebar-", "sidebar"],
diff --git a/packages/ghost-core/src/resolvers/registry.ts b/packages/ghost-core/src/resolvers/registry.ts
index f58d062..92865c3 100644
--- a/packages/ghost-core/src/resolvers/registry.ts
+++ b/packages/ghost-core/src/resolvers/registry.ts
@@ -6,6 +6,7 @@ import type {
   Registry,
   RegistryItem,
   ResolvedRegistry,
+  TokenCategory,
 } from "../types.js";
 import { parseCSS } from "./css.js";
 
@@ -25,10 +26,20 @@ async function resolveItemContent(
   item: RegistryItem,
   registryDir: string,
 ): Promise<RegistryItem> {
+  // registry:font items carry structured metadata, not file content
+  if (item.type === "registry:font" && item.files.length === 0) {
+    return item;
+  }
+
   const resolvedFiles = await Promise.all(
     item.files.map(async (file) => {
       if (file.content) return file;
 
+      // Skip binary files (e.g., woff2 font files)
+      if (file.path.match(/\.(woff2?|ttf|otf|eot)$/)) {
+        return file;
+      }
+
       // Try built output first: out/r/[name].json
       const builtPath = join(registryDir, "out", "r", `${item.name}.json`);
       if (existsSync(builtPath)) {
@@ -81,7 +92,44 @@ async function resolveItemContentFromURL(
   }
 }
 
+function extractCSSVarsTokens(
+  vars: Record<string, string>,
+  selector: string,
+): CSSToken[] {
+  // Build a synthetic CSS string and parse it to reuse categorization logic
+  const lines = Object.entries(vars).map(([k, v]) => `  ${k}: ${v};`);
+  const css = `${selector} {\n${lines.join("\n")}\n}`;
+  return parseCSS(css);
+}
+
+function extractFontTokens(items: RegistryItem[]): CSSToken[] {
+  const tokens: CSSToken[] = [];
+  for (const item of items) {
+    if (item.type !== "registry:font" || !item.font) continue;
+    tokens.push({
+      name: item.font.variable,
+      value: item.font.family,
+      resolvedValue: item.font.family,
+      selector: ":root",
+      category: "font" as TokenCategory,
+    });
+    if (item.font.weight) {
+      tokens.push({
+        name: `${item.font.variable}-weights`,
+        value: item.font.weight.join(", "),
+        resolvedValue: item.font.weight.join(", "),
+        selector: ":root",
+        category: "font-face" as TokenCategory,
+      });
+    }
+  }
+  return tokens;
+}
+
 function extractStyleTokens(items: RegistryItem[]): CSSToken[] {
+  const tokens: CSSToken[] = [];
+
+  // Extract from registry:style items (CSS file content)
   for (const item of items) {
     if (item.type !== "registry:style") continue;
     for (const file of item.files) {
@@ -89,11 +137,29 @@ function extractStyleTokens(items: RegistryItem[]): CSSToken[] {
         file.content &&
         (file.path.endsWith(".css") || file.type === "registry:theme")
       ) {
-        return parseCSS(file.content);
+        tokens.push(...parseCSS(file.content));
       }
     }
   }
-  return [];
+
+  // Extract from registry:base items (cssVars maps)
+  for (const item of items) {
+    if (item.type !== "registry:base" || !item.cssVars) continue;
+    if (item.cssVars.theme) {
+      tokens.push(...extractCSSVarsTokens(item.cssVars.theme, "@theme"));
+    }
+    if (item.cssVars.light) {
+      tokens.push(...extractCSSVarsTokens(item.cssVars.light, ":root"));
+    }
+    if (item.cssVars.dark) {
+      tokens.push(...extractCSSVarsTokens(item.cssVars.dark, ".dark"));
+    }
+  }
+
+  // Extract from registry:font items
+  tokens.push(...extractFontTokens(items));
+
+  return tokens;
 }
 
 export async function resolveRegistry(
diff --git a/packages/ghost-core/src/types.ts b/packages/ghost-core/src/types.ts
index 2f5a823..abda207 100644
--- a/packages/ghost-core/src/types.ts
+++ b/packages/ghost-core/src/types.ts
@@ -1,5 +1,36 @@
 // --- Registry types (mirrors shadcn registry schema) ---
 
+export type RegistryItemType =
+  | "registry:ui"
+  | "registry:style"
+  | "registry:lib"
+  | "registry:base"
+  | "registry:font"
+  | "registry:block"
+  | "registry:component"
+  | "registry:hook"
+  | "registry:theme"
+  | "registry:file"
+  | "registry:page"
+  | "registry:item";
+
+export interface FontDescriptor {
+  family: string;
+  provider: string;
+  import: string;
+  variable: string;
+  weight?: string[];
+  subsets?: string[];
+  selector?: string;
+  dependency?: string;
+}
+
+export interface CSSVarsMap {
+  theme?: Record<string, string>;
+  light?: Record<string, string>;
+  dark?: Record<string, string>;
+}
+
 export interface Registry {
   $schema?: string;
   name: string;
@@ -9,12 +40,31 @@ export interface Registry {
 
 export interface RegistryItem {
   name: string;
-  type: "registry:ui" | "registry:style" | "registry:lib";
+  type: RegistryItemType;
   dependencies?: string[];
   devDependencies?: string[];
   registryDependencies?: string[];
   files: RegistryFile[];
   categories?: string[];
+  // v4 fields
+  font?: FontDescriptor;
+  cssVars?: CSSVarsMap;
+  css?: string;
+  meta?: Record<string, unknown>;
+  title?: string;
+  description?: string;
+  author?: string;
+}
+
+export interface ComponentMeta {
+  name: string;
+  description?: string;
+  categories: string[];
+  exports: string[];
+  variants: { name: string; options: string[] }[];
+  dataSlots: string[];
+  dependencies: string[];
+  registryDependencies: string[];
 }
 
 export interface RegistryFile {
@@ -44,6 +94,7 @@ export type TokenCategory =
   | "animation"
   | "color"
   | "font"
+  | "font-face"
   | "chart"
   | "sidebar"
   | "other";
diff --git a/packages/ghost-ui/.shadcn/skills.md b/packages/ghost-ui/.shadcn/skills.md
new file mode 100644
index 0000000..f0a8fbc
--- /dev/null
+++ b/packages/ghost-ui/.shadcn/skills.md
@@ -0,0 +1,176 @@
+# Ghost UI — Agent Skills
+
+## Overview
+
+Ghost UI is a magazine-inspired design system built on shadcn/ui with:
+- **Pill geometry**: 999px border-radius on buttons, inputs, and pills
+- **HK Grotesk typography**: Self-hosted, 7 weights (300-900), magazine-scale heading hierarchy
+- **4-tier shadow hierarchy**: mini, card, elevated, modal
+- **97 components** across 9 categories
+- **323+ CSS custom properties** with full light/dark mode support
+
+## Style: ghost
+
+This registry uses the `ghost` style. Components use CVA (class-variance-authority) for variants and `data-slot` attributes for runtime introspection.
+
+## Token System
+
+Semantic layers:
+- **Backgrounds**: `--background-default`, `--background-alt`, `--background-muted`, `--background-inverse`, `--background-accent`, `--background-danger/success/info/warning`
+- **Borders**: `--border-default`, `--border-input`, `--border-strong`, `--border-card`, `--border-accent`
+- **Text**: `--text-default`, `--text-muted`, `--text-alt`, `--text-inverse`, `--text-accent`
+- **Shadows**: `--shadow-mini`, `--shadow-card`, `--shadow-elevated`, `--shadow-modal`
+- **Radii**: `--radius-pill` (999px), `--radius-button` (999px), `--radius-card` (20px), `--radius-modal` (16px)
+
+Typography scale (magazine rhythm):
+- Display: clamp(64px, 8vw, 96px), weight 900
+- Section: clamp(44px, 5vw, 64px), weight 700
+- Sub: clamp(28px, 3vw, 40px), weight 700
+- Card: clamp(20px, 2vw, 28px), weight 600
+- Body reading: clamp(1rem, 1.3vw, 1.25rem), line-height 1.65
+- Label: 11px, uppercase, 0.12em letter-spacing
+
+## Theme Presets
+
+- **Default** (default): Monochromatic grayscale
+- **Warm Sand** (warm-sand): Earthy terracotta warmth
+- **Ocean** (ocean): Cool blues and teals
+- **Midnight Luxe** (midnight-luxe): Deep purples and golds
+- **Neon Brutalist** (neon-brutalist): High contrast, sharp edges
+- **Soft Pastel** (soft-pastel): Gentle, muted pastels
+
+## Categories
+
+- **layout**: accordion, aspect-ratio, collapsible, resizable, scroll-area, separator, sidebar, canvas, connection, controls, edge, node, panel, toolbar
+- **feedback**: alert-dialog, alert, dialog, drawer, popover, progress, sheet, sonner, spinner, tooltip, confirmation, shimmer
+- **display**: avatar, badge, calendar, card, carousel, chart, hover-card, skeleton, table, agent, artifact, chain-of-thought, checkpoint, context, inline-citation, plan, queue, sources, task, tool
+- **navigation**: breadcrumb, command, context-menu, dropdown-menu, menubar, navigation-menu, pagination, sidebar, tabs
+- **input**: button-group, button, calendar, checkbox, command, form, input-group, input-otp, input, label, radio-group, select, slider, switch, textarea, toggle-group, toggle, attachments, mic-selector, model-selector, prompt-input, speech-input, voice-selector
+- **ai**: agent, artifact, attachments, audio-player, canvas, chain-of-thought, checkpoint, code-block, commit, confirmation, connection, context, controls, conversation, edge, environment-variables, file-tree, image, inline-citation, jsx-preview, message, mic-selector, model-selector, node, open-in-chat, package-info, panel, persona, plan, prompt-input, queue, reasoning, sandbox, schema-display, shimmer, snippet, sources, speech-input, stack-trace, suggestion, task, terminal, test-results, tool, toolbar, transcription, voice-selector, web-preview
+- **chat**: attachments, conversation, message, open-in-chat, prompt-input, reasoning, suggestion, transcription
+- **media**: audio-player, image, mic-selector, persona, speech-input, transcription, voice-selector, web-preview
+- **code**: code-block, commit, environment-variables, file-tree, jsx-preview, package-info, sandbox, schema-display, snippet, stack-trace, terminal, test-results
+
+## Component Reference
+
+| Component | Categories | Exports | Variants | Data Slots |
+|-----------|-----------|---------|----------|------------|
+| accordion | layout |  | - | accordion, accordion-item, accordion-trigger, accordion-content |
+| alert-dialog | feedback |  | - | alert-dialog, alert-dialog-trigger, alert-dialog-portal, alert-dialog-overlay, alert-dialog-content, alert-dialog-header, alert-dialog-footer, alert-dialog-title, alert-dialog-description |
+| alert | feedback |  | - | alert, alert-title, alert-description |
+| aspect-ratio | layout |  | - | aspect-ratio |
+| avatar | display |  | - | avatar, avatar-image, avatar-fallback |
+| badge | display |  | - | badge |
+| breadcrumb | navigation |  | - | breadcrumb, breadcrumb-list, breadcrumb-item, breadcrumb-link, breadcrumb-page, breadcrumb-separator, breadcrumb-ellipsis |
+| button-group | input |  | - | button-group, button-group-separator |
+| button | input |  | - | button |
+| calendar | display, input |  | - | - |
+| card | display |  | - | card, card-header, card-title, card-description, card-action, card-content, card-footer |
+| carousel | display |  | - | carousel, carousel-content, carousel-item, carousel-previous, carousel-next |
+| chart | display |  | - | chart |
+| checkbox | input |  | - | checkbox, checkbox-indicator |
+| collapsible | layout |  | - | collapsible, collapsible-trigger, collapsible-content |
+| command | input, navigation |  | - | command, command-input-wrapper, command-input, command-list, command-empty, command-group, command-separator, command-item, command-shortcut |
+| context-menu | navigation |  | - | context-menu, context-menu-trigger, context-menu-group, context-menu-portal, context-menu-sub, context-menu-radio-group, context-menu-sub-trigger, context-menu-sub-content, context-menu-content, context-menu-item, context-menu-checkbox-item, context-menu-radio-item, context-menu-label, context-menu-separator, context-menu-shortcut |
+| dialog | feedback |  | - | dialog, dialog-trigger, dialog-portal, dialog-close, dialog-overlay, dialog-content, dialog-header, dialog-footer, dialog-title, dialog-description |
+| drawer | feedback |  | - | drawer, drawer-trigger, drawer-portal, drawer-close, drawer-overlay, drawer-content, drawer-header, drawer-footer, drawer-title, drawer-description |
+| dropdown-menu | navigation |  | - | dropdown-menu, dropdown-menu-portal, dropdown-menu-trigger, dropdown-menu-content, dropdown-menu-group, dropdown-menu-item, dropdown-menu-checkbox-item, dropdown-menu-radio-group, dropdown-menu-radio-item, dropdown-menu-label, dropdown-menu-separator, dropdown-menu-shortcut, dropdown-menu-sub, dropdown-menu-sub-trigger, dropdown-menu-sub-content |
+| form | input |  | - | form-item, form-label, form-control, form-description, form-message |
+| hover-card | display |  | - | hover-card, hover-card-trigger, hover-card-portal, hover-card-content |
+| input-group | input |  | - | input-group, input-group-addon, input-group-control |
+| input-otp | input |  | - | input-otp, input-otp-group, input-otp-slot, input-otp-separator |
+| input | input |  | - | input |
+| label | input |  | - | label |
+| menubar | navigation |  | - | menubar, menubar-menu, menubar-group, menubar-portal, menubar-radio-group, menubar-trigger, menubar-content, menubar-item, menubar-checkbox-item, menubar-radio-item, menubar-label, menubar-separator, menubar-shortcut, menubar-sub, menubar-sub-trigger, menubar-sub-content |
+| navigation-menu | navigation |  | - | navigation-menu, navigation-menu-list, navigation-menu-item, navigation-menu-trigger, navigation-menu-content, navigation-menu-viewport, navigation-menu-link, navigation-menu-indicator |
+| pagination | navigation |  | - | pagination, pagination-content, pagination-item, pagination-link, pagination-ellipsis |
+| popover | feedback |  | - | popover, popover-trigger, popover-content, popover-anchor |
+| progress | feedback |  | - | progress, progress-indicator |
+| radio-group | input |  | - | radio-group, radio-group-item, radio-group-indicator |
+| resizable | layout |  | - | resizable-panel-group, resizable-panel, resizable-handle |
+| scroll-area | layout |  | - | scroll-area, scroll-area-viewport, scroll-area-scrollbar, scroll-area-thumb |
+| select | input |  | - | select, select-group, select-value, select-trigger, select-content, select-label, select-item, select-separator, select-scroll-up-button, select-scroll-down-button |
+| separator | layout |  | - | separator-root |
+| sheet | feedback |  | - | sheet, sheet-trigger, sheet-close, sheet-portal, sheet-overlay, sheet-content, sheet-header, sheet-footer, sheet-title, sheet-description |
+| sidebar | navigation, layout |  | - | sidebar-wrapper, sidebar, sidebar-gap, sidebar-container, sidebar-inner, sidebar-trigger, sidebar-rail, sidebar-inset, sidebar-input, sidebar-header, sidebar-footer, sidebar-separator, sidebar-content, sidebar-group, sidebar-group-label, sidebar-group-action, sidebar-group-content, sidebar-menu, sidebar-menu-item, sidebar-menu-button, sidebar-menu-action, sidebar-menu-badge, sidebar-menu-skeleton, sidebar-menu-sub, sidebar-menu-sub-item, sidebar-menu-sub-button |
+| skeleton | display |  | - | skeleton |
+| slider | input |  | - | slider, slider-track, slider-range, slider-thumb |
+| sonner | feedback |  | - | - |
+| spinner | feedback |  | - | - |
+| switch | input |  | - | switch, switch-thumb |
+| table | display |  | - | table-container, table, table-header, table-body, table-footer, table-row, table-head, table-cell, table-caption |
+| tabs | navigation |  | - | tabs, tabs-list, tabs-trigger, tabs-content |
+| textarea | input |  | - | textarea |
+| toggle-group | input |  | - | toggle-group, toggle-group-item |
+| toggle | input |  | - | toggle |
+| tooltip | feedback |  | - | tooltip-provider, tooltip, tooltip-trigger, tooltip-content |
+| agent | ai, display | Agent, AgentHeader, AgentContent, AgentInstructions, AgentTools, AgentTool, AgentOutput | - | - |
+| artifact | ai, display | Artifact, ArtifactHeader, ArtifactClose, ArtifactTitle, ArtifactDescription, ArtifactActions, ArtifactAction, ArtifactContent | - | - |
+| attachments | ai, input, chat | getMediaCategory, getAttachmentLabel, useAttachmentsContext, useAttachmentContext, Attachments, Attachment, AttachmentPreview, AttachmentInfo, AttachmentRemove, AttachmentHoverCard, AttachmentHoverCardTrigger, AttachmentHoverCardContent, AttachmentEmpty | - | - |
+| audio-player | ai, media | AudioPlayer, AudioPlayerElement, AudioPlayerControlBar, AudioPlayerPlayButton, AudioPlayerSeekBackwardButton, AudioPlayerSeekForwardButton, AudioPlayerTimeDisplay, AudioPlayerTimeRange, AudioPlayerDurationDisplay, AudioPlayerMuteButton, AudioPlayerVolumeRange | - | audio-player, audio-player-element, audio-player-control-bar, audio-player-play-button, audio-player-seek-backward-button, audio-player-seek-forward-button, audio-player-time-display, audio-player-time-range, audio-player-duration-display, audio-player-mute-button, audio-player-volume-range |
+| canvas | ai, layout | Canvas | - | - |
+| chain-of-thought | ai, display | ChainOfThought, ChainOfThoughtHeader, ChainOfThoughtStep, ChainOfThoughtSearchResults, ChainOfThoughtSearchResult, ChainOfThoughtContent, ChainOfThoughtImage | - | - |
+| checkpoint | ai, display | Checkpoint, CheckpointIcon, CheckpointTrigger | - | - |
+| code-block | ai, code | highlightCode, CodeBlockContainer, CodeBlockHeader, CodeBlockTitle, CodeBlockFilename, CodeBlockActions, CodeBlockContent, CodeBlock, CodeBlockCopyButton, CodeBlockLanguageSelector, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorValue, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorItem | - | - |
+| commit | ai, code | Commit, CommitHeader, CommitHash, CommitMessage, CommitMetadata, CommitSeparator, CommitInfo, CommitAuthor, CommitAuthorAvatar, CommitTimestamp, CommitActions, CommitCopyButton, CommitContent, CommitFiles, CommitFile, CommitFileInfo, CommitFileStatus, CommitFileIcon, CommitFilePath, CommitFileChanges, CommitFileAdditions, CommitFileDeletions | - | - |
+| confirmation | ai, feedback | Confirmation, ConfirmationTitle, ConfirmationRequest, ConfirmationAccepted, ConfirmationRejected, ConfirmationActions, ConfirmationAction | - | - |
+| connection | ai, layout | Connection | - | - |
+| context | ai, display | Context, ContextTrigger, ContextContent, ContextContentHeader, ContextContentBody, ContextContentFooter, ContextInputUsage, ContextOutputUsage, ContextReasoningUsage, ContextCacheUsage | - | - |
+| controls | ai, layout | Controls | - | - |
+| conversation | ai, chat | Conversation, ConversationContent, ConversationEmptyState, ConversationScrollButton, messagesToMarkdown, ConversationDownload | - | - |
+| edge | ai, layout | Edge | - | - |
+| environment-variables | ai, code | EnvironmentVariables, EnvironmentVariablesHeader, EnvironmentVariablesTitle, EnvironmentVariablesToggle, EnvironmentVariablesContent, EnvironmentVariableGroup, EnvironmentVariableName, EnvironmentVariableValue, EnvironmentVariable, EnvironmentVariableCopyButton, EnvironmentVariableRequired | - | - |
+| file-tree | ai, code | FileTree, FileTreeIcon, FileTreeName, FileTreeFolder, FileTreeFile, FileTreeActions | - | - |
+| image | ai, media | Image | - | - |
+| inline-citation | ai, display | InlineCitation, InlineCitationText, InlineCitationCard, InlineCitationCardTrigger, InlineCitationCardBody, InlineCitationCarousel, InlineCitationCarouselContent, InlineCitationCarouselItem, InlineCitationCarouselHeader, InlineCitationCarouselIndex, InlineCitationCarouselPrev, InlineCitationCarouselNext, InlineCitationSource, InlineCitationQuote | - | - |
+| jsx-preview | ai, code | useJSXPreview, JSXPreview, JSXPreviewContent, JSXPreviewError | - | - |
+| message | ai, chat | Message, MessageContent, MessageActions, MessageAction, MessageBranch, MessageBranchContent, MessageBranchSelector, MessageBranchPrevious, MessageBranchNext, MessageBranchPage, MessageResponse, MessageToolbar | - | - |
+| mic-selector | ai, input, media | useAudioDevices, MicSelector, MicSelectorTrigger, MicSelectorContent, MicSelectorInput, MicSelectorList, MicSelectorEmpty, MicSelectorItem, MicSelectorLabel, MicSelectorValue | - | - |
+| model-selector | ai, input | ModelSelector, ModelSelectorTrigger, ModelSelectorContent, ModelSelectorDialog, ModelSelectorInput, ModelSelectorList, ModelSelectorEmpty, ModelSelectorGroup, ModelSelectorItem, ModelSelectorShortcut, ModelSelectorSeparator, ModelSelectorLogo, ModelSelectorLogoGroup, ModelSelectorName | - | - |
+| node | ai, layout | Node, NodeHeader, NodeTitle, NodeDescription, NodeAction, NodeContent, NodeFooter | - | - |
+| open-in-chat | ai, chat | OpenIn, OpenInContent, OpenInItem, OpenInLabel, OpenInSeparator, OpenInTrigger, OpenInChatGPT, OpenInClaude, OpenInT3, OpenInScira, OpenInv0, OpenInCursor | - | - |
+| package-info | ai, code | PackageInfoHeader, PackageInfoName, PackageInfoChangeType, PackageInfoVersion, PackageInfo, PackageInfoDescription, PackageInfoContent, PackageInfoDependencies, PackageInfoDependency | - | - |
+| panel | ai, layout | Panel | - | - |
+| persona | ai, media | Persona | - | - |
+| plan | ai, display | Plan, PlanHeader, PlanTitle, PlanDescription, PlanAction, PlanContent, PlanFooter, PlanTrigger | - | plan, plan-header, plan-title, plan-description, plan-action, plan-content, plan-footer, plan-trigger |
+| prompt-input | ai, input, chat | usePromptInputController, useProviderAttachments, PromptInputProvider, usePromptInputAttachments, LocalReferencedSourcesContext, usePromptInputReferencedSources, PromptInputActionAddAttachments, PromptInputActionAddScreenshot, PromptInput, PromptInputBody, PromptInputTextarea, PromptInputHeader, PromptInputFooter, PromptInputTools, PromptInputButton, PromptInputActionMenu, PromptInputActionMenuTrigger, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputSubmit, PromptInputSelect, PromptInputSelectTrigger, PromptInputSelectContent, PromptInputSelectItem, PromptInputSelectValue, PromptInputHoverCard, PromptInputHoverCardTrigger, PromptInputHoverCardContent, PromptInputTabsList, PromptInputTab, PromptInputTabLabel, PromptInputTabBody, PromptInputTabItem, PromptInputCommand, PromptInputCommandInput, PromptInputCommandList, PromptInputCommandEmpty, PromptInputCommandGroup, PromptInputCommandItem, PromptInputCommandSeparator | - | - |
+| queue | ai, display | QueueItem, QueueItemIndicator, QueueItemContent, QueueItemDescription, QueueItemActions, QueueItemAction, QueueItemAttachment, QueueItemImage, QueueItemFile, QueueList, QueueSection, QueueSectionTrigger, QueueSectionLabel, QueueSectionContent, Queue | - | - |
+| reasoning | ai, chat | useReasoning, Reasoning, ReasoningTrigger, ReasoningContent | - | - |
+| sandbox | ai, code | Sandbox, SandboxHeader, SandboxContent, SandboxTabs, SandboxTabsBar, SandboxTabsList, SandboxTabsTrigger, SandboxTabContent | - | - |
+| schema-display | ai, code | SchemaDisplayHeader, SchemaDisplayMethod, SchemaDisplayPath, SchemaDisplayDescription, SchemaDisplayContent, SchemaDisplayParameter, SchemaDisplayParameters, SchemaDisplayProperty, SchemaDisplayRequest, SchemaDisplayResponse, SchemaDisplay, SchemaDisplayBody, SchemaDisplayExample | - | - |
+| shimmer | ai, feedback | Shimmer | - | - |
+| snippet | ai, code | Snippet, SnippetAddon, SnippetText, SnippetInput, SnippetCopyButton | - | - |
+| sources | ai, display | Sources, SourcesTrigger, SourcesContent, Source | - | - |
+| speech-input | ai, input, media | SpeechInput | - | - |
+| stack-trace | ai, code | StackTrace, StackTraceHeader, StackTraceError, StackTraceErrorType, StackTraceErrorMessage, StackTraceActions, StackTraceCopyButton, StackTraceExpandButton, StackTraceContent, StackTraceFrames | - | - |
+| suggestion | ai, chat | Suggestions, Suggestion | - | - |
+| task | ai, display | TaskItemFile, TaskItem, Task, TaskTrigger, TaskContent | - | - |
+| terminal | ai, code | TerminalHeader, TerminalTitle, TerminalStatus, TerminalActions, TerminalCopyButton, TerminalClearButton, TerminalContent, Terminal | - | - |
+| test-results | ai, code | TestResultsHeader, TestResultsDuration, TestResultsSummary, TestResults, TestResultsProgress, TestResultsContent, TestSuite, TestSuiteName, TestSuiteStats, TestSuiteContent, TestName, TestDuration, TestStatus, Test, TestError, TestErrorMessage, TestErrorStack | - | - |
+| tool | ai, display | Tool, getStatusBadge, ToolHeader, ToolContent, ToolInput, ToolOutput | - | - |
+| toolbar | ai, layout | Toolbar | - | - |
+| transcription | ai, chat, media | Transcription, TranscriptionSegment | - | transcription, transcription-segment |
+| voice-selector | ai, input, media | useVoiceSelector, VoiceSelector, VoiceSelectorTrigger, VoiceSelectorContent, VoiceSelectorDialog, VoiceSelectorInput, VoiceSelectorList, VoiceSelectorEmpty, VoiceSelectorGroup, VoiceSelectorItem, VoiceSelectorShortcut, VoiceSelectorSeparator, VoiceSelectorGender, VoiceSelectorAccent, VoiceSelectorAge, VoiceSelectorName, VoiceSelectorDescription, VoiceSelectorAttributes, VoiceSelectorBullet, VoiceSelectorPreview | - | - |
+| web-preview | ai, media | WebPreview, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewUrl, WebPreviewBody, WebPreviewConsole | - | - |
+
+## Usage Patterns
+
+### ThemeProvider
+```tsx
+import { ThemeProvider } from "@/lib/theme-provider"
+<ThemeProvider defaultTheme="system" storageKey="theme">
+  {children}
+</ThemeProvider>
+```
+
+### Import Aliases
+- `@/components/ui/*` — UI primitives
+- `@/components/ai-elements/*` — AI-native components
+- `@/lib/utils` — `cn()` utility (clsx + tailwind-merge)
+- `@/lib/theme-provider` — ThemeProvider context
+
+### Icon Library
+Uses `lucide-react` for all icons.
+
+### Dark Mode
+Toggle via `.dark` class on `document.documentElement`. ThemeProvider handles this automatically.
diff --git a/packages/ghost-ui/components.json b/packages/ghost-ui/components.json
index 50d02bf..afe38a0 100644
--- a/packages/ghost-ui/components.json
+++ b/packages/ghost-ui/components.json
@@ -1,6 +1,6 @@
 {
   "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "default",
+  "style": "ghost",
   "rsc": false,
   "tsx": true,
   "tailwind": {
diff --git a/packages/ghost-ui/package.json b/packages/ghost-ui/package.json
index 833f9d1..645c134 100644
--- a/packages/ghost-ui/package.json
+++ b/packages/ghost-ui/package.json
@@ -7,7 +7,10 @@
     "dev": "vite",
     "build": "tsc --noEmit && vite build",
     "preview": "vite preview",
-    "build:registry": "shadcn build",
+    "build:base": "node scripts/build-base-vars.mjs",
+    "build:presets": "node scripts/build-presets.mjs",
+    "generate:skills": "node scripts/generate-skills.mjs",
+    "build:registry": "npm run build:base && npm run build:presets && npm run generate:skills && shadcn build",
     "typecheck": "tsc --noEmit",
     "generate:icons": "npx tsx scripts/generate-icons.ts"
   },
diff --git a/packages/ghost-ui/public/r/font-hk-grotesk-faces.json b/packages/ghost-ui/public/r/font-hk-grotesk-faces.json
new file mode 100644
index 0000000..a1727d7
--- /dev/null
+++ b/packages/ghost-ui/public/r/font-hk-grotesk-faces.json
@@ -0,0 +1,13 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-hk-grotesk-faces",
+  "files": [
+    {
+      "path": "src/styles/font-faces.css",
+      "content": "/* ── HK Grotesk ── */\n@font-face {\n  font-family: \"HK Grotesk\";\n  src: url(\"../fonts/HKGrotesk-Light.woff2\") format(\"woff2\");\n  font-weight: 300;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"HK Grotesk\";\n  src: url(\"../fonts/HKGrotesk-Regular.woff2\") format(\"woff2\");\n  font-weight: 400;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"HK Grotesk\";\n  src: url(\"../fonts/HKGrotesk-Medium.woff2\") format(\"woff2\");\n  font-weight: 500;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"HK Grotesk\";\n  src: url(\"../fonts/HKGrotesk-SemiBold.woff2\") format(\"woff2\");\n  font-weight: 600;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"HK Grotesk\";\n  src: url(\"../fonts/HKGrotesk-Bold.woff2\") format(\"woff2\");\n  font-weight: 700;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"HK Grotesk\";\n  src: url(\"../fonts/HKGrotesk-ExtraBold.woff2\") format(\"woff2\");\n  font-weight: 800;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"HK Grotesk\";\n  src: url(\"../fonts/HKGrotesk-Black.woff2\") format(\"woff2\");\n  font-weight: 900;\n  font-style: normal;\n  font-display: swap;\n}\n",
+      "type": "registry:theme",
+      "target": "styles/font-faces.css"
+    }
+  ],
+  "type": "registry:style"
+}
diff --git a/packages/ghost-ui/public/r/font-hk-grotesk.json b/packages/ghost-ui/public/r/font-hk-grotesk.json
new file mode 100644
index 0000000..9cdc6db
--- /dev/null
+++ b/packages/ghost-ui/public/r/font-hk-grotesk.json
@@ -0,0 +1,61 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "font-hk-grotesk",
+  "registryDependencies": ["font-hk-grotesk-faces"],
+  "files": [
+    {
+      "path": "src/fonts/HKGrotesk-Light.woff2",
+      "content": "wOF2\u0000\u0001\u0000\u0000\u0000\u0000��\u0000\u0011\u0000\u0000\u0000\u0001xh\u0000\u0000�6\u0000\u0001\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u001a�,\u001b��:\u001c�\u0018\u0006`\u0000�@\bl\t�\f\u0011\b\n��p��<\u000b�~\u0000\u00016\u0002$\u0003�x\u0004 \u0005�\u0007\u0007�\f�=[\u000eYq\u0007E�v~�\u000bA�U��\u000f6Lu\u0000�mGDoV��N��+�6�n�Y�\u0010��������w$�\u0018�$`�\u0003\u0000@DT�6��kG a�Dӊ\u000e��\u0001+���i�q\b�hN�vb^\u0012m3�9J[��u<�H[�GQ�?��h\u0017!\u001b\\ȕ���\u0006\\'\u000e�x:�*�\u0005V�\f\u0015�X�,�����b�0\u0007\u001e\u0016w\u0018k^�w?;��-z�\u0016�b�3d`\u000e��\u0012�Όd�ݭ��\b�m\u001bi����\u0017������K[�Ү:_�+�7ϥ��C�&J�\u0011\u0011��\u000f�U?q��t\u000b�\u0014�\u000f\u001d�0Y�6��|JW+�EK1V[u\u000e������Hwʃ��\u001f�\u001f�9�l��D�\\(j~�??\u0011��\u000f#�(��\u0003��\u0017����\b����\noqF4�R(�G�+��-\u0003ʸ�`$��$��<?�?�nolc�\u0018c\u001bs\f؈\u001c]*\u0018M�\u0017\u0010�\u001c`�J\rو���_0\u0000�3�\u0019|�@��(lb�Ns�0�\u0011ċ�\u0012�z�쩯'�_�6Q\u0012˖c�C��En�)\u0001�\t�[6,��E6�\u000f���k�w3Rf�F\n�B�R)\u0014�\u0014\n�f�i�R\u0005�\u0015(�8\u0000k�\u001fDPT�\u0014D�#$��\"�����\"�*��\u0000�PAA\fP�7��\r+\u0017��/�m\u0005 0\u000f��K\u000b�!_��\u0017�׻d/{\u001fZ^�\u0007\u0015\u0000�\u000f���_�&�A$\tA�*K�D\u0013�%�y�-�\u0015\b�\u0007��2v��7=����~t�ާt����\u0012[\u0016�Y�dyd\u001a�yHC�\u0007@��F�\u001ee��d�ӝ�����Þaʔ9}N\u001fK��^j��^�y\u001c\u000fc\u000ec�1�1�\u0018c�\u0010�\b!�\u0010B\b!\u0014!��y����'���sC���,��ͨ�'�\u0007�g&���\u0017�\u0015�����\r�uT�2�([���AX0\u0002�\"\u0004\u00120(��h��7�������?�)��1�uK�ٸ���3B\" ��\u001b2]��U���+�@��y^w����}�E\u0016ܴeR¾�@\\\u0001����)K����\u0000�--<\u0001Zx\u0007(\u0003�����_�F�怅\"�2rz\\��\u0011�О�U6��B��_H\u0010v���U�=���\u0000�\u001b$m҆D)�!\u0005q��N\u001cV\u001c�?��V��\u001f:PE���ޥ�7T��_�Z6/�wpH�A�\u0013ΰ��\u001c��2�H��R\u001eI�\u000f�tT����_]ճ{\u0007�\"\u0014��|�BgmC�H�\u0001�l��t�\u0017,���*9�/�k�#\u001a�CP�`�#��ӌ�q�8\n%\u001a�]��[�\u0007�\n@��*f�͐⇋IzE)�|��Fh�ؠ�]-���(\u001e\u0001����ajY���\u0002�\u0005:pIv�C�/J\u0017_�9ìmz�qC8H���R����\u0003M5)�K:�){�h�j�I�\n������>����F\u0003�n@\"\u001b�\u0005\u0001�� �\f�LQ\u000e�\u0006 �\u0000g�\n�%i�&gMf��\u0014G���dycL׭=�\u0014\u000e�9���=�|��qχX��.\u000f��L�{=\u001a5�;�0\u000b\u001a���\u00017��׺���*�#�qK�p�T\u0000I�L�0'(��M��\u0015��p�^�g��:\"�\u0019�\r]�0\u0007\n��P�\u0019��Q�\u000eX��\u0006�\u0001#�J_:� 3Q��\"�sǙ����<i߹�����y\u0006,f\u000bZ�dR�v��tZՔ\u000e\\*-�\u0004p\u0005\u00078\"\u0016��\tg\u000f�e]�I���oK��x��(�v�\u0001��\u0012\u0016\u0006��#��y��M����Y���\u0014�\u0002��TF�W�Wz�O\u001a[{igw\u0018@�������\\����\u00193\u001a�B\u0003`G \u0014�\u0003�9�v\u0002�Ğ_��L������Ù㈂�R��\u001c��Qx��q���\u0006�ؕ�qdB�#��P�$�� ��� �9�\t�\u0010~�}����Y���x\u001e��\\D\u000e\"A�\u0004\u001bl*v3\u001f�}����I���W}��*��\"�\u0018Ϙ��,K�\"!\u0019���\u0010f�Kd�����g����̍�u\u0013vx@ @@���>�8������-N�\u0015�X�Z\u0001\t$\u0006����^%��M�&$\u0013�Ro��'\u0005 �&��\u0000^�t`ɐ\u0014\u0003�A���F!��@�\u0005�\n�\bjE\u0017�Nw\u0005\u001e�\u0018�<�\u0001o�0�†�6c\u0004h�V���\u001dE��]�0Q����G��b$A�\u0006;�rg;��a�\u0001!C��\u0010&L\u001b\u0005:l`\u0014thf�a\r!C\u0013����!���\u0004@\u001b�_�\u001f�\u0010��Z}{\u000fFX�\u000eGE�>�L�\u0015\u001bX\u000f��l�O�|L\u0002��\u001cXԣћ\u0005�\u001f�dP��\u0016�Q0�ࠝ�,a������H�\u001e�\u0010��0�h�� \u001cCߕ� �����-\u0003N$�=�\u0015�\u001c�Rq�΀@�\u0016\u001e����-w졿<�����\u0001��\u0005w0\\^�.��\u001a� �7��l�\u0004\u000f���b�C\u0014\u0018��e�4\u001d�g�#�\u0000���A�#����\fg\u0003�u�\t�n�[�\u0018\u0018�H&�����\u0002�\u0003��s��\u0004�\u0003fDt3fVaעD�tW\u0019?W���G�i\u0010��� ��9#�\u0006�ԟ~H\u000f�\u0000ҫ���9�!k�zL�޷\u0005�`\u000b��-�>�@\u001aq�\u0012�d�Ō\u001aە]>��ib����f%\r����F�r*U�����i��@���0n\u0004� �s��Ԡ5ݰ\u0001\u0013�h�\b�;�0�I���j5�0�\u001f�\u0010��\u0014x\n��\\W\u0007yJ¢\"\u0001�1��=���ﺎʫ��\\\\����<<�\u0006�P�ii�4�9�\tǓ�\"\\��\u001e\u0001�����\fO�]MX�w���|\u000f��J%*��Oͥ�p`�\t\u0006g!5r���>i��0\u0003\f���\u0016�����\u0003\u0012%u��@\u0003�\u001c��\u001c.q\u000597飞;\f������\tq�%;9sI1��3%��^ɤ`D\r��om��Lh�:E�#:.::���Dg�FW�\u001b=]:̬���ap]��C�Ƭ�r����T8w���\u001b�8V��s�j9�c���r��T���n�{�ʈK��w�`Sz�̱J\u0011�ز�\u0002\u0010\u000eQ:W\u000e�\u0011\u001c��jT��p���\u001c����.��G6�\u0003�Tź|��Sq�O�såp��\u001e\u001d�Q��b\r>ӈ��d�M�\u000e��2\u0018C�./�\u0011]3�djw��\u000b�����5��ho]����'CՎ�qv◩0��ovڃ����Lc�*~z6f2x�_ew��J�P�e/��h۹��l��\bÇ�yʲ��<������\n��43��5u㛱料�2\\\u001b�7\u0015��|Wk4e�W\"�����\u0012�\b���筩�Ɵ�\u0006>\u001bJ\u0013gg�\\�VK����\u001dS�gl�s|��\u0012�d�\u00059��N�_g����k\t�Mߴc���-v��N\f=���)\u0017��2��\\37(i�,\u0002Y|Ă�EN�uZm�´}8��:I������8�\fF$\u0017�b\u00140�?\u0014R\u0004�v�kD\u001e�ʌ9\u001f?G=Ԟ�\u0017���P\u001f�W����yړ����塋;�\u0010�\u001c��$�E�\u0006jf�\u00123�\u001c\u001cr���սV2;��\u000e�\u0003�Qg�:�]�%�\u0017c�)U#o��\u001e\t��d���\u0014�\b���\u001av;��\"�Ӟ\\�=wr��Â�/\u0003'=-W{�\u000b*�yA��뮖wL�E���q \u0016�-�yJ�f����+\rlտ��TUT�.h/��ꭆ�\f\u0015�\u0010�0�Q\u001b�q{Y���\u0011�\u0007s1\u000b�z�\u0011]�\u0004;���痙�J#�����G���\f؄B�F1��y\n˂�$\u0015\u001dF��?Ҡ�H\u0003\f\u0003�n��|��(\u000el�\nl.\u001a�W��\u001e<���\b�\u001fwb���\bӎ�̅Kb�%�T\bi�lN<\u0014���7��TJ#|\u001a-�'S\u0005hQ?\t�\u0018,�a\u0012\"!\u0018&?N���ܱ� \u0018d�\u001d��L��\u0013�2��\u0019%�\r�>&T�\u000eA!��%I�Ô,��\u001aS\t|�,G�Om���@6ќ\u000e�\rTԕM}�>K\t\u001b�p��@`Kf���Jt���b�\r�9�\"��h�Qm��6w�-V�6�\u0010�\u001a��}^�5��<�Rֲ��nb?�\u0011\u001e\u001a���\u0015\b2�\u0017٢��[Q\u0016\u0003N�*�PW�m=��~�W\f�|�V�R���Lv&R#�\n'���8\u001f�aA���=�H���?�%ʞL֘\u0003����\"r�\u0000X�_�5�p�D��\b�,%�~�\rj��i���E��5���v�����+~v\\릟H�\u0000m��ÒF\u0005ѓ�\u00197tdp=\u001f�.�Mݭ;�D��8�\u0019c��{��\u0001�z�K-���K�hS\u000b��Q#��J\u0013i_����FcÉ'��ȡ�\u000b�*��x�Z2�z�]��\u001036\u0019�=h�mA�\u0018�W��\u0001cm�6���x.�:����\u000f�o���\u0010/�/G\f6^������\u0010NS\u0014��\u001e(\u000b�pK�\u0000�!���\u0005\u001a`�Kd��#�T'|�7�:\u0007cC�\u001d���p��.��\"'\u0016\u001f��(N\u0000�J��\rL\r�G\u0010���t�a�\f�8\u0006M���4\"W�`N�Rv�'��n�4\u0013 ������z�7\u0004�\u001e�\u0003��e2\u0019���_�]�\u0017�\u0010'=-ưX�~�-mnke�vO\u0005y\u001f��_�Lᵇ�}\u0019���7�u~�\u0013�U=���o��G\u000eO<<\u0015!ɽ(:�\u0018@\u001eR�#R'�\u0010�Γ\u000ee��\u0015\u001f�]p\u0005o\u000b>MY(�&�\f�H\rɄ!*t\u001c�)�0�\u0000\u000b�*���>`j�纝m/}�jT?u��\u000bw@\u0012D�N�$ބG��l��t�Hhg��\u0017pW�X�~\b*1:\u0019}u\u0002\u001e\u0014Q�\\qC$����r\u0010�/���x��\u000b���C\n�p<����g4�C<�X,���|��YWa���t!�ͩ=R\u001b��!�g�}zQ\u001d��ګS]�b�[���A8�[b9�$C4���7�Ѽ\t��`�E\u001br[&6SKU���H���|\u0019\u0015_�.���S\u001e�X�`�\u0010@��ie0g�X�\"��ui.$@�0M��\u000f�r�����0\u0017�|Dr}�\u0007&<\b\u001f�5^��&���U�|��M\u0003�Cl����fV�\u001b�a�����H`-��Yg'�8�Z���=�}\u0002�˴\\ap\u0003\u000e���Ñ\u000fgC�L�����\u0003��\u001c+�?\u0018��X�1 ��w�\"\u0005p\u000f\u0015[N\u0004�2���0�ز\u0017��MY��X��>_p��H��e\r�$'����\n\u0010�����Vq\u0018�n����a^٠f�u\u0010u��a�\u0006H*�\u001dLP���\u0017�XF�\u001d�����lcQ��*��)\u0004�L���Q�C>u,f �18!�\r+���J�\u001c�\u0004\u0010���El�]k\u00053x%�yfv�H�ҳ˓t�����1l<^��Kv�@+U��+��\u0001z�(�l\u000e�w�w{\b��\u000e�\u001b\u0003ǹUVV`gH*�r�R�a.�ұ�!��_\u0014FK8�As5k'!+��W��!Ib!�A6\u0019d�\u0013���r���z\f���jʩ\u0002�O'\u0007EQ\u0003�XI�X��ݙ��Gjݺ{F��\u0017Tp��O���`p\u001b�\u001f��\f\u001a�apE4(�8.��\u0002���C�\u0005r{���%\u0019/)�G�ۦ\b\t�\u001d����~�數M7�V;\u0015%;�y�\u000bU��!\f_\f�U2�\n+�3^�q�х�\u001ckO�Ь�\u001d����y\u0005���a�\u0003�4\u0005-�}�A\u0007-O\u001a�<ƶh\u0013��,��m�J�\u0013��\u001dl\u0002\b]=2\u0011�_��K]�)�p6\t�&\u0015V_�*f\u0014+J\u0001�O\u000f^_'Z��;����9#}��'�Zk\u0016�r\rٴ3浳�e�f\u0011��\u0019B�o�d�y\u001d�Q�\u001d�=��b�&\fW\u0012X=I���R��u\u000f\u001cO��qe�op2mЛ�����\u0016z�\n�X���ʵ2\u0003��ə�\u0007��)��%ǹ�L��e�$i�D�\b�\u0006\u0012�z�j��?Ң��p5\f�Tn�D {x�ת���fO8�\u000e�\u000f<�\u0015�����\u0016��\u0011\u0012\u001e63��\u0016�\"��8�\u0015�\u0002(Ζ���\ri�\u001cd;�\u0007\u0010\"��<��ņ�G\u0019$l�G�!\u0006�Nw�\u001dϾ�\u000b=r{&\u0007t��\";Е��\u0011�%��}�C\t�l����\r\u0016�����\u00071\"��\u0010!\u0011sC��\u001d�\u0007\u000f\u0004O�(�\u00115�`\\��\"T\u0011���&��\u0002t���\u0015����`�)�A���\u001a\r�4j���\u000e���\u000e�\u0007WG�����\u001e�c��;I_OS��.v�edW\u0002��,��j����\u001e�\u0001�7�����`�j\u0004Ƿ�����`\u001b5��xS����Ti������0.�x�����$9\u0013�?V\u0001q\u0019\u001f\u0015��\u0014�0��\u000b��>!)��*b��\u0019�\"\u001d�2�'��\u0006�d�2OQ\u001b���'��!�mi����`��\t�Zڃ�?Mc��\u0019�vu\b��\u000e�u�SX\u001dl�qGZ �x��;�\u0012q';ϲ�.\u0010u��x��\u0012ng:����\u0012t�s���<�lfO(�nj�\u0001�\u0014{Ayy��\u0017]A,\u0011o��^& $\u000bH��\u000b\u0014�^���\u0010��0]�Йf�ls�R\u0002�S\u001e\u001f�^�)�\u0012^R\u0014B�ZpVL��\u0015H\\������\u001b!%(�a\u0006\u0015Q��i�F\u0010n\u000b�\r\u000b^Q�~\bԠ\"\u0012r^в�[i�\u0012\u000e:�{�\u00103N\\��\u0011�};���a�9\\��$\u0017\u0006��\u0011�g�����\r�G���EY��\u0016l��1\u0005\u0001�\b�ڷ�������@�y�\u0005-h\t*���N2 �h� \u000fB�\u0011ߋt\u000fю\u000e^��H/�\u001b\u0019��\u0000�Q��Ԁݨ@{t��:��&�O\u001b����\u001evc�}�\u001f�x\u0006`>6��\u0004�\u0018\u001f�My��x��f`8\u0011��ј9���u6\u0018�\u0016��U�����}��\u001d�\u001d����c���А\u0001 T\b�\u0013,�\u0007\u0018��mS�]��m�\u001c�]\u0017A��iÍpd�q�Н�/��{\u000f�o�7s�pٕ�[�T/��*^��C�|i���+3��o��\u0019�;#���I﷙;\u001f����~'�?F\u0015��\b�_���8t�6\u001f���4t�\u0006L/^\u00131�ȽΰJB0R��K �+�)�\u001b�\u0001\n�\u0011튼����\u001d�s�h�\u001e�\u000ft\u0002e~��\u0011t��+z�1t�)��e��j�G\u0006�v�*�'����\u0019<\u0004�3�Kn�\u0015��\u0014���~�`�:\u0001b?�^�o��\b����<\u0006By�\u001c���\u000er\u0005<|\u0013��J����Z\u0001����\u001ej�tI�\u000f>\u001d��\u0012�ƿ��L=���\u000e\u000b1�{��\\\u0002�5$6�qp:}|��A���?�}\u0003�g*pxD\u0011�R\u0001�\taD,�\u0010B\\�ԕJ��P\u0016�䔥,`\u0013;>�;ڇq��\bN�9�_O\u0013����\u001cj����l��2o��\u001cjҰ�o��.�r\u0001a�S�c\u0010��.m{3�\u0002jE��\u0015̶\u0019�\nO��q���+M\u0012��I���\u000e\tץ\u00040gr�QgX��F\u0006��(*�j\u001f+���\u0017:��z�ϔx�:L[������R]�~�jZ·�\t�ˣ�\u0002����\u0007��/k����X��\u0013����\u0005�\u0000\u00138%�\"j$��jБ\u001d(\u0005�R\r0�E\tl���G�S�S������cA\f;K?\u0007D���\u0013��\u0018f\u0014I�\n)�z\rV\u0013�!HB�PN\u001cW\u001bEB���0�\u0007�\u0010|\n\"\u0003p���\\!�N���{\u0005\u0018\to�8�S�����[����_\u001a������,�\u0004��\u000eԑ^Y���Ѐ�LJ�:�\u0011��r�\u00166��5#;S��Yt�zw���jg����7��,�&�p�����{[�:D�\by\u0004���\u0017�Lñyd7�r\u001f�v�J����\u0013�A�� i�~�������_\u0007p��1\u0013b�Ԩ��\u001c\u0016\u0005���sU$���~W��k�8j�������n��\u001c�%]/01b���\u000bЀ�8\u001a��F��D�����,��[���\u0018�ӵV&��a��N\u000e�\u0000X�Q\u0016o\u001f\\�LT�i�j��׌l���\u001c�N('�\bz�XzΛ��\u001fw�/\u0015\u0006� �\u0019!�\u000bHP�\n��\u0012\u001b��\u0004� f5\u000e\u0011g~P�ݨ\u0016���+��l]�%�6�\u0004�6WC�m�:�7O���D��j��\u0010\u000f�5�I�H)\u0002�\u0005��9��n(K}$~��ۓ%�&���򨷠\u00141a�\u0003�ޗ5j�(2�d�k`�0& V\u000e�3]�K\u0000H��\u0012C\u0010��\u001a�4\f\u0016���\u0001:�[�k-�y���|���\u001c�浭�V����>\u0017o�����4^ꪦA\r\rJ8���\b��w\u0000�R�\u0014��V\b�d\u000f��J�rT��\u001b\u00003�YE�\u0001QNLw;�eP�0��@H;����a�L�2�u���v���e���\u0006o\u0016�h�����/�]<��nT|=}]vF�3�����KQ�k���V��ێſ[\u0011�K��+ �V�\u0012o�=B^��\u000b�\"�vX\\�6<���٭�WڏPZȯw������F�dyVV�KI����l\u001d�W��qY������z\u0006\r]��u�!��\u0015O�\u001f4�5�5�����\u001f\u0007D��r@i�ɶ��ڄ#����1%�;�*C,$\\d#\u001b��l�|ع\u0007b\f�2�8���\u000e�\u001d?W\f�\u001c��ۚ4�MMz\u0019`��ң�\u0002��\u0013?)��g�l=}u�-c?��6?;\u0002\\���1t&.0��I)؄'p�sPg\u0015��Ј�-(��?܂�\u0010>���7gY���T�r\u0012}J�0�>ι��\u0001�\u0003��b\u0002\u0013<�/<��G��\u0003���f�J<\u0001����E��_\u0000rʞy/\u001e�cd��Α��u҉��(3�\u0012\u0018Z��H�\r�����e�+�])�\u0001����9\u0003��\u001c��\u0000䘃9����PϦ\u001dv)�X��2�X�,�a��N=WY��ڃ\f��l)���lx \u001boux�����$�\u0012W��B�ێ\u0000\u00153\u000f�j2Wё���\u001c�A���R+���S������Z\u001c��\u001cN��rn�c\u0017���oz\u0010[k�p%^�w�t�\u0013W�,�{�%��(�\u0017_\u0002S�S\u0012C\u0011V��\u001fK�3��DV�f��8w�H\u0019\u0019�*\u0013Y�h��Ͷ�b�\u0004VDP$��3\u000bP\u0012��\u0018�\u0013���j��Y�$���,\u0004��\u0017�\u001cl|x,�A�<�I٥\u0013\u001fhOl�M�\u0003f�@�N�$ y\u0017\u001f�n,�\u000f�i\u0003jw\u00043\u001f\u0014u���sC?;\u0000WL��-�O�a��\f`Ν\u001e�\f\\\u0006�!��2\u0003'[�A�\u000b�j�7|8캒as\u0018���Wͥ)n4r�$���\u0013un�&��8Jm�\u0013/]�u@;���\u0012�\\�����}�Q�,�+{3�t\u0000XǩҲ\\�(kk�����K�� w嘺T5)\t�H�E����71\u0013S��5��Y\u0004UUQv\u0001�Jn��\u0013�k�^�C�R^�Î\u0014�٩��z�z�8\u001c�剔�OЄ&�XL�\\\u000b\u0010{�V�H���7��)�QR�\f��b\"�5\u0001W\u001c�Q/�$��s�~��\u0004�\u000fM�\u001dO�\u0018�\u0018��\u000e�Z\u0013#ǣO.:>\u0018�)��Z����\u0001a\u001dժ�N\u0017j|O|'*���F��G����!x�>E���_�q�h��E��I�10�\u0016�S����Q\f>s�2���8;������θ�[;\u0007�������Am5\u0001�\u001bo�3�)\u0017\\��\u000f>8�9�' ��\u001ar�{\b�;#��\u0006�{�\u00114\f��՜�\u000b9\\�\u0011�\u0017�a��Z��$2L\u0013\u0013���5�Y��v��ѹ>0\u001dO�����=��U�00��1�A\f��\u0014\n\u0000ϱ��\u001c�-�pV�\u0000�z����\u001f\u0011\u0018t��&\u0005�HS��U$u���}������O2R�\u0004��K���h�\u001f���\u0018�Nl��).�\u0013\"\\����T\u0011�$Y.�J�����`�6;u;��S��s�mA�h�,�!7�V����R��L� rxv��9nrQ������]n�r����z]�'c��-M��(�J��E�\f���\n�Ԛz<?\u000b�\u0019\u0001\u0013b�e\u001b�@#���B~\u0003��dȏ�Օ\u0015b�fݚ��g!�@�\tL\u0001�|�W:��\u0016-�wv�;�+z�1���\u000fT^\u000f����=\u0015\u001e\u0003:���Dy��[�zD3\u0003\t�Ј��D�曻6��h�+�#���Ž�\u0015\u0017Ar�\u0013���\u001f,�c�]�79�4]4!H(\u001b�vX����\u0000�\u000b��7M�Z\f���սE`\u001a��0��Nsv^^�fJ�\u001e�\u000e%q��Z�m�/m� C\u001bf�X�1!��\b��D߇5&\u0003FVY�D����B��\u001e�\t�������Y�\u00124f�qY\b*��� \u0007�՝�l�;��4��ި����4s��9(�PSڤF�͓�y�\t�h�H[֬Ń�4��y\u0018����EO��7i\rՓ@X�DW�j����4����8�T_�ff�×���)\u0005�B�����'�\u001fi4�\u0017�`\u0002Gn��\u001b�\u0013,0���%֘�?~��i�럏S&�R�~��$\u001a2M�r��]�Kt���%�P\u0018����t��\u0014)��.ݘN�q�B,ޓc�'b.x�-G�Ģ5:'�H茲\u0012�.\u0012�\u0012��9���ɔ��\f�Z%�\u0019۵F�3�˽Eorf&S�����\u0007Gg�͍<0\u0001XTP_�&a\u001a�M���\u001e0�]�\u0011��'Ⱑٺo\u0000L\u0010FĜ\u0005��\u0011c`:`űPq�\u0006�9��ad�\u0006�8&H�1�>\fk/� �\u0018\u00102\u0014\u0013�Y��\\DMK\r\u00175�2�i\n4�;\u0006������.89u�܅KW�ݸu�t���1\u0001�[^����P޼�`9�3G(�B*�|\u0014�\u0014g��(a\u0019\u001d����q��;:��{z��\u00074���b��\u0010\u0007\u0017��\u0018�*�l�ZtZ��d�=\u001a���u9�~\t�\u0004I�QhСKȆ\u0003\tG~��0O�\u0018�%J�&��*\u0015�mӤ�^\u0007\u001dr�}��4�?�\u0011\u0015ѐ0�L��9���) t��)+ɒ��Zꪻ�&�������}�c��ܗ�b\u0007jZ���r{�>z�\u0000\u0010�\u0011\u0014�\t���\u000bEb�T���H\u0006\u0012\u0000�\ny�Ã�\u0010�拒`)�|�jl�f7�cN:�+n�sǠ�pۚ�kj7����jnO��LꂳI��p����ho{�]��z���!7���5��D\u001fz� R\u001f{�}�>��!�>��\u0007H}�u\u000f��ڛ\u001eA]��\u000eu\u0003�&T/��P}P�P��nÈt�\u0003�V\u0006p�x�Ye��Z�PP\u0000�i\u0012���\u0004\u0000\u0011A| \u0000<$\u0000\b\u0013�c\r\u0001�Ap��`xu�\u0007����0��.�\u0004��/���*L6�]���\u001f\u0004��.\u001b@\u0001�ѳ��݃��\\�\u000b��@�\u0001�/;\b������=E��t�҉��\u00049Af6t�����Xxˇ'[9��U��\\%���hud�ʢ�\n�2\u000b�\u0000�D�f���Xm{��1Md4@�/@�:�\u001e�\u0016���TÍ<4����F��a_D͇\n��\u0018�X}��tK��U�v�K\\B#��'K�k�\u0010��;��\u001b�n���p����?\\��\u0003�\f�\u0011�a�NN�̞���U��y�\u001b�22eR��\b\u001c�����>{cJP�\u000b��\u001ayӐt��\u0000�\u001c_`D�u���n��?�����a��\u0010��U�\u0002X����j��\u0018ۊ��u�#)O\u0003y[�\u001a�]�0\bgxQY�t��H\u0018<\u0004!00\u000f��:�$p��C��ӰqN� ~CRf?\u0006��\u0013� S ��\u001d\u0017W«Bn[c�7!�\u001b���M�\u0007�\u0002\u0017����\u0016�\fq�u7��k��\u0017k\u000ew�Κ����J�:~��f\u001e5��M�X\u0013#Ѿ����� �=�2}�ߴJ1(�@32��GF�\u001d̜NFY��Fx�aeq��@@\u0005�6��0����c�����XD)�A����>�y���\u000e���Bp/t�\u0005\b�e�y��1k\u0004 n\u001cJ\u0000��\u0017���Է�n�\rLւ/��፜!�[R��%0ެŽ�7\u0000���)\u0005 @r���11�e3���B�(@�f�����ώ���aoz_g�4�\u001c˵\"-��zT?�Lb��H�����vsn�\u000fYl���\u0013'��Ѹ����[�\u0004\u0013������HO�Cz/�\u0011t\u000b�\u000b\u000e\t�\tz�YC>,��3�1�\u0013b�\u0012�\u0010��!o�>���0A�lv�_O\u0016�\u0016{<h�\u0015ӥ��ͼλ��]\u0012��K5X?\u0002�k\u0015��9�%���=�`T�@/M�n��?O\u0017�hW�A�״�ޢI�:u9<j��t�en|�]ut�Y\u001f8d\u0015V�U2�[�/\fǧ7z� \u0019�\u0003C5r�\r��N�>K���K�Vh{z��\u000b4��9��\u00034\u0018 �?\u000e\b��N�Y�K\u0001\u001e�\u0017\u0000�_���f\n��fC�h�o��&���O�l\u0003��4��~�/��<S��\u0017O��=V\u001d͏�B<�\u0016�|\u0019\"Eq�&�{\u001aN\u001eW��[��\u001bK���G*#&�<x\n�@��& �T���\\�F{t�G��\"/��\"�\b����w�T餛a���K�[�\u0005�O�(Y��5�X[�\r\f��E/�G�a�\r?Ɛ\u0003�� ]�Ò\u0016���\u001d|��n|ʕ�`\f|���8I��֏��\u001e\u0012u�t\u0018�\u0010pbΊ��BM\u0017�T�lK�P k���n���ٯ�b�\fy�a�|�+u�$\u0011\u0015���8���\"\u0006\u000b\u00197�8\u0015fː9K\u001d\t��\u0003�\u0007X>����oBL�q\"\u0013\\�\u0000�\u0000$��5M�\f�O�����6��\u0004\u0015(���\u0016kvѦ\u0016bN1�\u000b\u0012\u0012Ђ\u0012,*)\u0007���.]Tib�\u0010[��r,\u000e���$��X�\u0005�\u0017Sa<���%�1\tEr��T�T�B}%�ҪMcw�:��9�]�i���ju��@�\u000e:Ѡ�\r��]r#k�\u0014�3�\n�<�-�xǴ.6�ϸFl���\"\r�\u001c�j������8 Wc\"�/dc�b.�\t���A�&Q>�+9]*e����-L���k4�\u0016-�C�7h�\r\u0004���gP�\u001c\u001a_@�S\u001cE��ĀE�\u0005s�\u0004s��yD�y�\u0006s�\f�H�\f�\"�\f̚�F��h\u001a:MG�0���Us�k\u001e��O�\u0016`�\\ƴ�\t�f�ֲG���:�i=S�c^5\u001cR5GT�1Q�.I\u0012'^��P��<>\u001f\u001b�:2�b\u001al\"žb��{n�\f\b����qJ�J�\u0018l�u�Ša�VP�H�p\u0016�Z���q��]|\u0004�\u0013|����)�z\t�n���/��\u000e˷0B��+i�+M4��P����/�;i:\u0010�\u000b� \u0001�:�+P�\u0015;�\u0004�'��\tW�'�d�כ�j�r>y7�{c���h�ؒݎ;:A��p|�b�v����=�!�:_}y6!~�����vF�\u0010)\u0019�\u0013ӓHm=b�\u0016������Jm���=*G�*{Cw~{\u001aj�/�?��k5�ܽnؽ)2Z\u001b[�F�a9i�/����0B��\u0016bhᠧx�x�6d�\u0011T��!\rZ\u001c\u0012?��۽f�Qc����E�tdH�^��'�Eڨ$�j<�#`DqZP\u0006z �؆��-OYwԨ�X[��\u0005��fD�/�\u0003�\u0016�5f��ofV��!�}������\u0017�9Y��a��\u001d��V����n|��8XA\u0015���\u0003\r1�\u000e��\u0013\u0010�E���d��ڗ]\u001d0t���%�?���[WENh�\u001f��N_�]Ͻ�QCLo\u0014�,\u0005�$EʒE�\f$�����N0Xb�D�[\u001d�\"\u001bk�O���dv����`�\\'�%HG[�\u001a����&2�x�_4k\u000b:h�\u0000��\u0015��g�;\u0015`���p������\\�d��$\u001a]\u0006�?ب{JdN\u000f�{>�Q���\u0018��@�u�~u�1i�\u0014�W\f����Q/�!i�n�=}4\\n>Qg\u0014ɺ�R<��w\u0016��M\u001f�˵N�ʕ�&fH��=�Q69�\u0019�\u0005�@�\u0012�7���4$$�:��y�\u0010\u0013\u0019�h��s�\u001e��ÆS��A�H6'�N\\�p�9�\u0005p���`���s�\u0016��\u0011�*\u0018G��D��%I�-1ґdҕ\u0014ғTҗ42���+��g�RW���$�\u001a)�\u0016�9i��&~��S�����b�L\u0017o���DŽF\\3��`2&g\nfĔ̘9aT�π*Z�|h`RQ�ڨ�\u0019%N����@&��k�_�\u0014�\u0000\u0003��8'E�t�n\u001c'K|�e{�!�f�i?�\u001a��[u�8�2��\u0015����5&P�#}.I�Q\u001c���y&���商n�T6@���\u001dĝe�ki��VUpGg�����{d*�\u0013��K��ҳ�>���\u0017�L�\u001d���)\t��4C\u000f \"�}���i:�%�)M�:N3\u0007���v�S(UYT\u000e\u0011F\u0017�C=\u0019]��\u0013f��\t}e�����\u001bD\u0012̖�۝*�U=T:<#M�\u0018Z�����*\u0019\r����wF�rP�~�3�k��r\fj�e�L\u0017����@t�\u0011�/�KV\u0000H�IA��\u0005z���/��AH�\u0005uH5�~ѥC�\u0014�\u0003t\b\u0003\u0018��sK���p=?�%*�F<�0�d�I%6�/[0�E\u0013]\u001d(��=~��{^}��_7��F��QC4�A���̎zTZ�\u0006�2mo�x�lվ\u0015+����\u0003\u000f���{�<S�Az�f��\r�’\u000b5yp\u0010�f�x�#�j�nh6\u0015T(eNu�\u0011��\u0019�~\u001b���A\u0002�;PÞ��9cS%m�D�t6\u000e�<�=oX��2W\u001d\u0011�ӗX��v��\u001d�&)���y�yC\u0006Y%���{^ۿ��\u0010�\u0004%�I4O�\u001f\u0010��$ld\u0019�\t:\u0016\u0006�ru�e��4�\u0010�\\Ei^\u0001XE�+J\u000b\f�,T�x��A\u0000V`�\u0000J�\u0019�D\u0001��\u001d\u0000I\fP��\b$\u000e��7'+i���_�@\u0016+J�\u0005`UIR��\r�,QĔ.ɊX�g.C�d9\u0010W G�\n�4�Hҁ�fX�\u0007��c�w���]��W)��$\u0001\u0017�o�����#��(��\u0005�\neU�-�;o�A�$kO�R^�R~�Һ[�y����l�|����S��z��{tY\u0002[�\"�|��󕍝��q����eD\u00142ʗ[\u001fP7j�RR�\u001fȘ\u0014���qg��H�bJj�$���%��\r t\u0014��O��#;\u0012\u0007O\u0001L�\u0010\u001c��\u0005L�\u0013\u0018}+��SX\u0007�~\f���\u0014\u0004HOa�r��o\u000br��!T�j\u0013��R��7�F#�l��$jR\u001fB��\u0002\u0012C�M\u0015-}\f\u0015��^??�hQK����«\u001c��N\b��:|�U���� �\u000f�^\u001a�m�e��\u001fT���D�oZ��>�N\"��aj�\u0016\n��m\t��<��\u0012:� �x�L\u0018'$A\u0015��o�aI����`s��\u0019\t���\u0010y�jh�Rg�-\fx�[\t*\u0005�����Eb�(j��\u0000\bƭ\u001f�d�K��\u0015WDM�*\u0006�w@��޹�x�ٺ�}�<\u0019,�t�\u0003[7,�5�����}���z�b����׼�&j(2�樖\u0005\u0018��s�\u0006E�‡o�t�ty��\u001b\u001dظ\u0015O\u0001\ro>�\u001b��\u0000���/�^��̝z…b�K���,����%7>�8��\u001d̠)��E\u0010q=�FЛ�`,|r��y\u001aC\u0001\u0015\u0006{����\u0019�3ղ�\u0016XV�6\u0018 ˕í����\u0017�#��K��\u0017C�t�Ī��$���۾+�;?��]�`6M*\b��=�39o�R\u0000{���)���+����'�3��� �!�1��\"F��>f��,���Gǣ��¯Nyw\u0011�b��P4�뷢m!�,p�x[�\b�l\b��v��\u0017p\u000er;$�\u001c��&l�j\u000b��������s)����%)�σ�Ȇ��:&”l�f�0*�F7�-%�ŕ�\u0018ґ_\u0001)���O�t��y��J;��\u001e7\u0011'���SS,�OK�L��\u001dX�<�N�C��\u0010F���{�%�P���c[+\u0004��\u0002\f&��M\u0011��#F�+�\u000b�te�\u0007\u0000eYK�I�\r��О+��\ff*Xl[!H�UJQ-�B #�$ۯ#��CW��Ѕ�����&Ҽ�\"�F�\u0016��\\Z�<͸�P���\n��0��\n�&����o8�l�5:�x_G�V�\u0005Fv���Uo�^�$�k�!a�q�K*DoL���|\u000f\u0019\u0005�t*��\u0014��՘�?���<�\u0003���\u0001��h�\u001d�fE��qՉ��\u001c��6\r�#�b��`��q|\u000f�\"\b\"4,\u0005$��\u0003ѕ�3`\u001cT�\u0014�\u001b�*0U�\u000b�S�xG��H�0�YbMd�%�s\r\\f����\u001d�O�m�\u0017�zȾ*�K��R�娑�0�J�>�\u0017|�sA�Tu�[\u0006���\u0001�台��=��*�7��$<Lkz��S�H���\u001cY��\r���>��z���\u0013\u0005�\u0018Q�\u0017`���X\u0007\n�EʕP8��Tv�m�f��t�\u0019�Էd\u001bP�|�V�>���r�\u001fP��S\\�wS���qU����Ni\u0003��Ɨ��3X�Ϳ��ڍ\u0005K�>�!���kI,\r9<�D����b��+�M�Z�4�b\u0013b��������Ưء;�;?\u0015�\\\u0001�Ndߥy�ȑ��LFP\u0012K�\u001e�x��d��̪�y\u0006G��7�\u0016[��O�\u00101\u0007�ț��4�\u0015\u00012�\u001b�Z�@�fg+qdA9�:\u0018�j�gOe�\b���\u001a�\u0005���t\u001b�<M�=~g�*=��]�<\u0003;�ܕ�x\u0007�/\u0001�\t���I�Y,�Ge\u0004�Y�?��\u0007\u000eS�wb�5\u001fQ8�9A'��P++ʍ�;vǕ\u001dv:Y���0̙��^��2�\t�װ�@\u000b�&\u0002�<1��r�:BK��\\��\u0012�b�6\"�\u0013\u0007\u0015\u0016;%�0v���jDBj:VanV>0S�@:m�!ES��E@�S/��p\u0002�cBP��ڀ̶�bg\bC��p�k{\\����_\t��{RJ\u000e�E�`�o���|^T�H�s�\u0006�h�h�7��[\np���\u0019esI���qF!Fb\"\u0016~I�;�K�܄\u0016��RI���I\u0013G~o�\u000b�V4��f�C��\u0012�0Q��\u0011�U��X��b6�\u0013}:Ua\f�\u0014\u0018i9C\u0019}A�\u0012/R�\n�bK�Y�\u0018���� �V�\u0003A��ĺ��my��5��P\b\u0011�a6\u0003b�\t����p��j�A����-E1��>��*:�\u0002�pW�brAa㻡\u001bC�\u0004���X�d\u0014u`�^�LT����m\u001c�kW��j��%i=HX��v�(�vH$U�B�\u000b�+�Ȓ\u000b�j��\u0002Se\u001b�w.9\u001bD�\u001b&�7��%��/��7\u0010-/J\u0018�\\x����M��[T?����\u001fi�\b\u0003��<on�`�z\u000bS�\u0014Y&æ-&H[\b�P�\u00133\u0015#Q�3\u00056X^o�\u000b�y��ib:����\n�*D�Z�ï?o%�9\u0019�;���e���a�\u0010��\u0016��\u000e��S���\u001c\u0012#��\u0003C4ҩ��rI�\t\u0016�\"��W�,��J\u0015�Ť\u0010X,�^|�j�`xߡ[\u0015o���\rf�6��P��$��C�;�~'NuoNNd'\n\u0011�����Ce�q���m\u0005�,���y\u001c:�\u0002\u0014\u000e'\u0003ǵ\u0006\u0017ד�\"y�9\u001d�\u001a(�\u000em��?{#�� �c�7*�\fi\u0005��9�U�V��\u000f1O�ݑ��3\b���k\u0001���.���FY�!z\u0012��d�����ͱ&�|`J���|�L^�\u001dwo.:\u00112�7|\u0003y�\u0004�g֣��3�GO�rg5���&���;6�`��[�6�\b\u0003�4xyYy!K��I{/nPO���\u0003J�y)�K\u000b�'o���k�\u0014�\\�'�*��6t\u000f�?m�K��\u0002�`%c\u0005l�\u0012Dq\f���|��à��)|cyr;\u0013�ڤ\u0001�\u001b�*eMp\u0005z��\u000f\u0007�;�\u001b�Đ'eF�bZ]�#?����\t�~�`��-1S\t�);i�h����>���%�\r�\"\u0018��Ư[���$�������M� \u0005cO����QC8�]~D�\r\u0004�\u000e\u0019\b�N\u0001�]��\u0010�ɫ^d\t�\u0012�0p��[\u0010�\u0006\"���/�\u0007��?��:��A�&b��Q�V�q�K\u0015[r-H�+�D��*0Qr��\u001e\f��\u000f\u000e�|�GS��Ŧ�\u0018�ŝ�l\n��wr�k�lǦ\u0005\u001f�~�\u000f�o�}�H/���xt���TDa�MKXF\t�˔ �䓂����2g\u0002�K�A5�u1�ک��W��I2�\u0018�JJ�/5�TH\u0001R\u0000?/ ?�Q\u001b����ȉ#3\u0003\u001a5\u0001]��\u001e�M\u0017\r'*{�95O�\u0011t�+����7\u0005�\u0014���5ͭ�/�Y���Ի�\u0019gk�Pe�i\u0014M�>\u0001�\\������5,>��\u0002\u0006\u0005�Y�d�[�,z�i�*���c�\u0001y\u0001Bz>��Guc�o����Ղ�;\u0019��\u0010x�\\\u0003�@\u0000y<���1���\b{�\t�Z��N�UjA1ϕ֠tn���c�\n`�`\u0005kD�V�\u001d\u001e��� �cB�(o\u0012\u0011\u0013�\u0012B��<��j�U�\u0016\u0006�z'\bP�p�$�U���p99j\"�>��\\d,��g\u0002�\u0014�\u0017\u001a�F���3+�&��#��{����\u0014�a���l\u001d�\t\u0007��n���GT��Q�TnoJ�=�djp3'o%�z�\u0019�p��ŻΝ�\b\u0017L�\t�x\u0017B��Qi>���\f�3>,41��9<37o�J\u000e�\u000f\\?\u0016\u0018Lw�\u0013w�����\f�2}hR\u0014V�|~����L�\u0005�hTP\" �Pmsަ\u001d$\fA���,lf��n�Q_a�]���:���8���/�\u0007�X�埀�+�f@�7KL���n�&��pALSu�\u00147�>���zQtOR@\u001e���\u0012�#:d�\n@��[K�ٻ浽���<�\r+Z�-������E\u0015��$���YF(K�*���\u0004��Õ9\u0001���\u0019��\"|��c���@s�\u0010��R�3�`3�=��)셿�*�H6\u0019�\u001f�>;�ь��#�¨��m�\u0006|B4#�_Ь��\u0017\b��z�`�M\u001c�o\u000ex��L&pW����p�\u0003c.\u0017D\u0010r��vAMA�\u0004\\Ԧ���\"‰�\t#��\u000b��\u0005�7���\t,5�3Y,G5\u001f�K\u001a�.����p'\u0011&2Ѕ=\u0000�*6o���7\r�����f�TҮ�w�q\nk\"�əM6�\u001a��l��\b�|�t\u0015��ɴG�\u0018@��84��RU$�.jM��5�7\u001b�Ĺ�Ԗ\u001fHwZ��\u0001� �\r\u0005\u0007\u001e�H���\u0012:�,m�$x��\r\u000ew�O���&3\u0019�i)���UH�)\u0010�\u0005�\nR��~\u0001�e\u0006��ɩ0h�gi|\u0016�k'��#/k�I�{\u001c\u001e��x�㡑�t#V��A��z[�\u001d�-�4���M4�uӼqo�\"E<��J�8\u0011U;\u001a���{{���e#Ʒ����\f�߅3�@\u0006�u��-�WP�w��\t��G㰠��o�\\��4�e�|��;���|���r����{?Nf�\u0018cw��\u001d~�iJpu5�+M��\u0005�r�\b�i�u�#���[\f3o�9\n��\u001bWי�\n=tT\u001aK_̯2��\u001b���\u0019�˧�S�'ߙUFfATbT�\u001f\u001dQ�{�h}]m�\u0002���\u001d�!z��z\u001f�\u0015��\u000e\u001f}w̠�\u001c+mh�\b\b\t��~d\u0010�Rs����e��W��c���sA\u0017�_\u000b>4\u0004~�b\u0010��Hc��4\u001fS\u001e�c����E��/ͤS��m��71��_4���ʽ����#Hμs;���R4���T�\u0006�g\r\u001b��9\u001e�r��|c��IJ�J��}^\u0011�086�%\u0010�~O�I\u000bt\t=�p�4Ǯ*����ٝ�NQ�\u000eS�7ݲ��e��绣�:��/�QXs\u001f���w�t\u0005��ͩ{�{�1�\u0015(<\u0012\u0017�;i8�\u0013��@���=�X\u001749'a���Nמ�\"HV��\u0002���\u0006�yeAf�݊h��\u0012?p��A#��eG�V\u0004C\u0004̒����駵#��LIa1\t\u0016��Lcmu�ٿ�\n��m5=9m�H0\u001f]m[ǡ�ԝ�A'�a��\u001c�\u0007�.]\b��9\u001fO�Bg/��[���gt�}o\u0004O3�\u001c\u001b}���@�xE�'Y\b<@\u001c�F\u001fⱤjl7~Gz�q\t2˿㯴\u000b\u0015��F\u0002�I�j�ן;4�ꇍ�\u000e�S齘�˄\bX�N�@�}V�ǓF���\u001f�\n5���\u000e�Cx�!Ƥ.U�N�u��'�u�\u0010ߋo\u001cp�ٕ�?�/���\u0019\u0010h�UK�\u0016j�\u0018��u��#!\u0012��i�����\u001b�>�~�/�=�>���r�����c=5�n\u0005�\\媎��iO���8�6Y\\f�z�:�\u0007���\u0013J��ݗ;Js �_�a�]&An�-v~\u0003\u0017��>b\b����\u0017<��\u0017�������\u0017z{\u0016��m�]JÏ���\n���s�mm�M��\u0001���^��\\P{��R�c[�Չ!f\u0007�\\I�2�MH[|Y”��.�Iw�s��+Ƽ\u00121H~�\u001c�\f\u0004W�1\u0004I\u001d\\\u001fS�t@*�W\u001bts��\u0015\t��7�����Q���\u0002��?�^{����\u0001e�`a�,l�{�F\u0014#�xy\u0005ԖԔ1œ�j\r��;��[����Ʋ ��\u000bS��>$��D�i�PeI5)�<^�\u0006���\t\u001c�q\u0005%�o�wz��\u001b\u0007\u0002W\u0006z�\\�]\u000f�=`�*m��2ƕ�Ɵڤ�z���T��-g����KI�~1��…ů�����\u0003G�b�H�|y\u0014\u0017\\I1�%m������;3)����E׳��Du�x�������\u001a�6\u001f�~�%\\n�\u0007:�\u001a���K[�\u001b��~1����\u0002��έt�<WM���뎋�N\r��Lp\u0006�1|�8pXr@�\u001f��\u001b���5�b�Eg�>�_E\u0010�˃��\u000e���'���\u0007��7�^L�?��D�N�$�x߉+\u0017\u0015���eS\u0015m�WV�;8�\u000b=����Sf\u0017���*�v7���!dk���\u0013yqm��m�^\f�����W9\u0015�o^[R�`���F�0�pT���\u0013�\fK�˹K�ϵ\\�~�bae6��]b,M�y��E.��2���4FJ�W*<���O��j�Q\f��p�Y=�.����YЏɣ�04�2���XU�-�0[c�[�����w׏�4 j�\u0002��X&�(����TD�{��Jw��+\u0014%m�Nz-x�ux�/�\u0018<\u0002Z]<���-�V\u000ev�ID��ۼ&Ur���,�r�E\u000b:k�j뻁n��\ruE���1�T6!/�3\u001a=CK&�FYi�d�۵Ƣ��]�\b�54��hN�SDŽ���ʢ\u001e-ꌶ���U�4��ꨣ\u0013�o��&|=�_�����K-�Wm2.\u0011g9�lތ+\u001fc\u000b*;�v����{���Nu�uA�,�Zq�˩�y�\r�\n�҈~\n#Yp��S]�=���W勤�K�wc%�t�?G‘��a��h�\r�\u0015\u0017f2\u0013�3��#(�\u000e���\u0017U\u0014��\u00139T�p\u001f�o;�)Yt7�lgB��T��\u001b��_5\u001a�|M��y�X[�huC�~ƴl���Z���\u001e�7W���/�q>3{\u0001\u0012�:Ɛ��1e��\u001c0���1O`m\u0011�\u0003��V���VH�p���: �c��ZHB��/�J4ڍ�l�E������)|�\u0010ch\u001f��\u00109��^��\u0003��R˟\n�u��4�\u0005�H \u0007���\u0016��\u0012�TnO�;p\u000b��照\u001cj�\u0007�y��L�l4�\u0000��Fg\u0018JLm¦�<�HS<^*�\f�\u0014�9��(T�*��er��x{���q�\u0012~eN6\\;F��� 5A6/��ӷ�,������a�ڼ�b82O��C�\ry�\u001a8����^��\u0019\u0000]\u001f��i�A�`\u0018-�L�Iw}�f�\f�?���\u000fgw����qOB�4i[�).�\u0000�l���Յ1k�����\u000e�R{����\u0004�\u0011}\u0017�x��{D����_��XP�\u001fn\u0002�n��]'�MV��p�\u0011�:cg,�\n\u000b�l�[\u0019.]\u0019���#=�����P\fo�PX�/�\u0010�\u000b�DE�'^\\�ٓ�i�V�\u001bO\u001e��C�?�6�>\u0010i'�\u001e��x�n�j��ʲž;S>Y�ڳ|�w;�[���\u0013˘b\u0017�>}z�]Rc�h\u001a��7�\\�W3s0ۤ��)n�]�\u001f�ӕ�E'�Ã�����5w'|�k�=q�)�=��4�znՒۣZ���>��G5-�\u000fk����s?�m�70�'�*Մ�1o�=�\th��2�\u0003�g�/���XWD��ǒZ9\u0003��9�^�}�\u001d�\u001d\u001a6��\u000f�M�ʪd}��M�OK��\u000f ��7���^��m_�9�b�`\bb<ˀ\t\u001e�91J\r��\u0018�����uP.�+���0)�X[�/=E��C䠩��a$A�~�*M���_���#��\u0007�9�4�����z\\P+���㙓�O5>���0�V�����=2�����r{�B��}�.ś�J;�7GW\u001c���]�x3�'TJy�\u00143g�c��\n����X0�Ě>�Hv\u000b��ſ�p=�f?���b��&a\"r�ퟂY��`Y�\u0006\u0006�\u001d�t�W�$��#Y3*��FD����@�6�֚L������!\"�)q\u0012��\u0019�kưA��\fx|�@\u0004${�\u0002;��\u0016\u0019��0�R'HN@���YۖY[\u001c[���Ժa�b\u001d�~\t����\u001b\u0001b6�c�q!쉒\u0012M��Z�ĩ����d���D�剔m+�\u001d+�$\f�4\u001a>:�\u0005���U\u001ck�ܾS����J˨�\u0002\u0006o'�\u001f�\u0015\u000fH\u0003��|\u0012�Q�5ۛ�\u0004F��[?\u000e����\f�ҡ'�'Av�,7ϧ2F\u000e\u0003��Z�ކ�j�_��S�S�S�S�'�D�t�ܐ�S\u0007r�\u0013�]l٥�K��2;���|f\u001e����e�5w�b��z\f�Ͷfۛ��v��\u001f�\u001c���3�XR\u001bw@����\u0016[xb�j̍�m�s:����\n��A�\u0003\u0000k���ҵ\u001a�\u0007@/'����H�����ެ\u0019�`\u0019\u001f*s��\u001f���\u0003�b�z�ߖ��\u001f=\u001a3�\u001br9ؿ~I�_؀F}]�+�\u0013M�.���\u0004h�2(]c��ךr�\\T��h�a�����I�K�����t�[;M/�U��.7ř�^�����~N\u0019�c\u0013R�l\\�:�Ѱ���$�IY�\t�\t5���hTy�):��!8QL!�����\u0019�\u0012[��y�1\u001f7�\u001cO\u0014�9\u0003�(Ee�\fx�\u0013|�%G�d���*R5]Gv������}H.8|u�\u000eXuE@��\\�\t��RTG.\u001a�}Z@jD��'PS�gm�=���\u001e��9=�՝V~\\x�/\u0015\r\u001c �j�yȼ�\u0018��4�sd'��.�\u0006\tA���r[h��\u00181��SE2f婐\\��B��X.���\u001e�}6��1\n��\u001b�)\u001b��क़�h 9��Zr?\u001b�\u0011�.Д\u0004\u0013�Ŕ]o�o\u0017�\n?�\u0006���6\u0000�ݙ�H�A%��c`E!�\u0004���H�%�I�z[s��>\fc,��\u001e\u001aAKX\u001d\u0000:D�z\u001cei�8�Y���MO���p\u00076�Y�1UQ\u001e\u000b\u001f�[�g�34\u0003}�\u000f�g4'@\u0013!��XX\u0011z\u001b�R4�I�\u0015\u0014H{�e�<��R\u0011\u001f��)m��W��uݽ����\u001d���]\u0002\f�`!F�7�\u001d_�d((���a\u001es�XĚ\u001a�\t\u0005C�9%��C\\��*\u0013��7��(\u0012)�ڈ�\u0011<���X�Ũ\u000e�3jsgM�p�?�\u0016�>�nl\u001f\u0012�[l�*�i�\\�\u0019&��s��\u0017コ�ݖ�R��\u000f���힬�\u001b]�r��QG'\u0007�=�G {\u000ft =��o\u0013��u����K���i��CN\u000b\u001d?=�7�E45`\u0004#{/;��74+\u001e����-��\u0015�o��;]o�CߥM\u0018p{Rd[��:�9]3x�v\u000f���\u0019����h��\u0013�1�\u00150�M0t�\u0003��/>zIXfY�*�(j��,;���dioqY�Қ�\u0013��0/��_1Ͻѿ!�/�\u0002R}�Ϻ]�6��3�}=Y–><W�[�>$\u0013SƇ\u000b�)v\u000e�<���5���mS���ۥ�/��+�]ל�U��K+���w+�+�=�WW?�Wݭ�B����\u0012�\u001bo|7G ���M����I�P0��O�\u0001وu\\�[i��Gc�\u0019�\u0007�څ�����HV�|�X��:I���\u0015���\u0015�!vXET�r}]��}~\u0019\u000b,h\u001dG���\b^���l\u001d�IecXV+��\t5��p6\u0010T��CL60\u0011U����r�\u0001��s�\u0015�I�\"SW\u0003�a%7g˾��>�|\u000f��Į�/מ��(\u000f` <Q'q�;�h\u0017\u0005t��׵���\u0015���.��7\u0005�mϑ�㯸��X\u0002lz=�es}\u0001}\u001d��lAJ�y�*t�$�$��ӗ���?����|��\u0011�b��*�I_\u001e_�)��C'�<@�\\�\u0018���ӆ�v��Z\\���3�I�(��\u0016'�2�\tD���N���A\u0000(\u001c��3�\n��Ԕ�Z�~\u0016��%�9\u0006G\u001e͙�_c��1z\u0010H��}��S�3�hL���\u00060�B`8ь\u0012�@�'Қ�6G8˱\fN\u0004s�X\u001c�ꀤ;� E�\u001c\u001cR�Q �GR\u000bQ�t\u000f����\u0018\u001b\n��\u001b7���\u0019��\u0016b�M�sY�Ɂ\u001bm �f\u000b��\u0005_$\"�q���Y�\t\u001cVjN&?�?ō;z��N���\rO �a\u0011�x\"���D�qr�N�Ub0\u0015X\u0002��\u000eC�ס�Uxb,���$m\u001a�����Gq23�\n�)\u0019��\u0014���L��_~\u001a2a\u00014GaP�ƚ,���'\u001bP�[�8 \bT�M\u0005A4\u0019�2hN\u0016;\u0012�O�\u0013HD}M&�ڍ\f\u0012':=�\u001d�N�LM!\u0016�d�t|bB\u0006�\b�2\t \b�\u0002�F�ǂc��\u000b M��\u0007�2\u0013�W,l5���ܜ��]��\u001fCv��ľ!\u0011��\u0003O\u0011bs\u00000\u0007�㒆�S���&�8��\u0003\u0019\u001d��\r��<�{�rO@���o(�4�\u001f\u0005�c)�\\�#�/�\u0010�L��\u001ei\u001c���7~\u0019F�Hn�~EA\u0011�\u001c��\rEw߂-\u0016�>Q�\rd�S<\u0018����\u0004�\u001c�*���lOx\n��ɱ���a�9$ ��\u0012\"��`\u0012�Ҭ�B�b �gIm&��\u000b��h�\u001d�\u0018��F\u0014(-iU����E\u0006\u000e\u001a9I�F����x?�\u0007\u000e�@��A\u001e���{�.��<!�+�:�a�)yU\u0016\u0014\u0005��\u0006iq�9/\u001b^�\u0001�@�|ެ��b\fD�3�\\)\u0005Ic����q��!��\u0010��\u0004\u0014)*��(t�@��`�.\u0003\tץAD�X6\u001b�E�0��X��6�\u0002\u000bI�@�J����[n\u0012���?O9��Q����+��x��\u001e��4y?�kpͥo�}�\u001e\u0014��Q�Ԓ��&y��2]������ �da&�s����\ts��\"G�o\u000eA���\u0005��u=]{\u0006\u001d���Uyt�SZv�(�mfeZ�Hp,�a4>�V��q�n�t���rs�۾�Wֿ�l������\r��W�l�\"�I6�b]}�$�HW�ѯ���\u001f}��w�\u000f�&J�F�vF��ޥ�uI�]��i�\u001e��ƒb{�E���4\u0007R�rz\f��(ک�&�I[��,���\u0016�Q��W�_\u0000�\u0002��C�\u001e��/�P\u0011\u0000/@DhD�wd���>\u000bq`�( v�-�qQ@>\u001d�\u000fA;�=\"�M\u0000\u001f�������BWY��=�H�,\u0013\u001b\"���AU�\u001f#\"\u001c�Q��\u0000����8h�;�y/�\fp�\bO@d�3G�\f�\u0005\u000eW>�\u001d\u0007�a\u001d�\"�h�0C\u0015-Y����\u0005�!�\u0014\u0013u��\u0016\u0018���fY�H�\b{pv�n���}xD\u0012x����U���Q�t��\u00101�X��9[x�7DxO���������\u0005`Ϙ�Q\r*j�V��,���\u001d\u0011A�M\u001e�z\u0001\"=\t4w�۠'���a��;�k�����\n���\u000fO���#�#�\u000e۾��ދW��\u0013���3\u001c՗��x�C6I��/2���u�����Ȥ�>ò֯�*��P����;M�m\u0007:\u0007;,\u0019��\"w��GT,%\u0017\u0010\u0010\u0014r\u00109����(�K\u000e&?6&\u0014��IN�!\u0012,q5^\u0001\"��\f\u0019\u0019@_a�\u0006�u5m������\u000ew���q�p(:k]��\\�Wƺ֍���܇�b�Fƃ���\u001cZ8�mQ��\u0016�,�)�mS\u0016}�_���PX����ضin�]\u001e(���q�u�_�m�����h6\u0006�o�1Z'f\u000fhzk[ֳJ+�\u000e�?gtM~\u001f�l��w�4��\u000bèJQe%+S��R��\u0019��wYUNN�f� �`man�\u001eK\u0000\u001bb\u000fB���B\"p4��ԋ絺��x��vŨ�$\u0001@���\u0012�\u0003�$���V %ܷ�n=PP\u0003���\u001f\u001b�re��)[�W�\u0017��@��]ڥ딻��Ҩ+�ݥ^]�}>_��EX$r�$�w���i����,<�_*�\fK�l�#\u0002_L&\u0004�$�u/\u001c��>|�t����KgN\u0000�\u000f�\u001e��ƐHɗR��\r�2,\u001eo���XlX���ݢ\u0014�hf�\f{.����d��nuQv&\u0012\"�3C���=$��\u0017���\n9}\u001d\u001aU\u000e�[6\u0018�}�{����\u001a\u001ds�.��%�:�\u001d�i���P\bxɬ ��$�\t\u0007�F�s��H�+\u000b\tf,�H�Bj�s�`�^�\u001d~�I����\u001d�\u0005����a{�nA;�$�#C�*�)\n��=t1Ζ\u0007W�p,YY�.�:i���e\"d4�l!\u0017)�N1�\rW�\u0005zEA\u0012��)���`\u001a\u0018VwR^IL\u0013>�E��>>N�4��縆F�y�&V�6���PV\u0012�khF\u0018c��0c���\u0010V\"��\u0015~�\u0002|e�\u0002̰ʂ]���\u000b���\r�ǀ�c'Nx\u0006�\u0014�>\u001e�q\u001e����X�N�\b\"\u0000�\u000e\u0005Gܨ�\u001e�ˡ\u0007�db~�l\u0007�\u001b\u001em>[[Y>W*�_O{]�mC�7�=fз�\u001d��4\u0002�!\u001f��Rc��sKE�g\u0016��ՉŖ��-\u001fn5�a��\"\u001a\u0001��C]g6B'\u001d��r'2����LL\u001aT��$�a,^�zz��*`I�~���{6�R�\f�X\u0000+���\u0007����u\u0004<�\u0016�𵸥x\u0002�n����\u001cNzf�[����H\u001di\u0019���L\u0019)[\"\u001f�\u001c6�񼢫\u0004�\tx)�p���u�uc�1'�\u0013�\u0007`�[�[Gz3ؑ�Hr�9v5R�+|�cR9�+�\u0006��Ay�bS^=k4��\f�v���_Q�c\r�\u001cN\u0013\u0007=.�G��\u00115��#����~\u0007>�}�'}�\u0001���K����8�OOmUQ#�B�?3�W2��;}�ǡ�$���ͳm��M�lͶ���\u001d����s�q���\u000f�ҹ������_WUĥ��H�}\u0001U�Pxe���t\"�'�tE\u0015\f&/�I\u001d ��;���\u001e<�7틯)SKE��\u000bE�i�x:$���S�_\\}uE�yX7.HL3^ڵ�ov|�Ф@��3�\u001dÆc�L���ǫF~l���r��k��[\\�`����U�x\u001d�\u0018\\�}�}S�I\u000b�Nq7-�p��%�\u0017���B\u0015���H x\u0016�a��m�\u0013ic�\u0000�>�u}\n���ۈ��4+�.hp����G>��!�r��W��O�\u001cizqA\u001a��D�\u0002V�=;y��\n\u0013\u0013�W!\u0015��^���9�8\u001e^E���:\u001f#�Q�{�����\u001dզ���_N�\n}�p\"5��\u0003�kl�\u0018Y7#�+\u0006�\u001b�K�\r'9�)�����|G��f����P~���ǔ���X�\u001b�Fk�^Q��z�`[S��}�Gd��5���7��\u001b���/�-[�i��n�� ���뱳ͭ-�چ�\"�NuUp�vp�?�\u001f�\u0002.+\u000e\u0001K\u0015&��\\�����\u0016\u0001 L=nV������LS�a�.V���d\u001e�ވ�<@�[�\u0015���\t��ė\u0015�կ��\"ݞk%��Ziv`�S�ԇ}\u001f�\u0003�N�Ң�E��\u0017\u0015ّ�FQ��Q����\u0019�̌d&|B\u001d�Ⱦ\b� ��?s4?\u001f\f�`\n \u00100\u0006[\u0000.��` ��|��`�\b�����#��q�������\u0007�9�\u0005�Ec�p/Q���|:t�h�\u0012\u001e'�����\b:���G�2Wܧ��^\u0017�j�)c�*\\\u0014��Z?ӣȅ�Uf\u000bԕ9�\\8\u001cjRhE,�e��l�/tY�̓�\u0015������לC!�(秃�;�@\b\rW�̬U\"\u0011�D �\t�]0\bS&��;T\u0004$<!�N���\u001b}=L\u000e�g�T\u0011�i�gQ�%��\bL���/7�\u0017�$��\\$�F��r\u0010\u0011/��O\bhZ�%wQ��(c�;��ԣ5>o >W 5a\u001fR,�u\u001e�\u000e\f�>�4�\"���n9��k���虃�c��d��.���/{��FK\u0005-��?zz~\u001fH�4\u001cO����T�\u0015[�R���\u001c\u0011\n\u000f��™�񡵼\u001e�7�\u001b�\u000eZ����\u0019�Rt��Hc}7$��վ\u001a�m\u0001`ʪ\u0011$�r+��ְ��#m�Ĕ��Ck/w�ȵ\bL\u0019\u0001o\u0019~�$\u000bW�9��gJڳ ��i:���@�(\u0006�/ �2�)����}�_��U����՝k������KK;v�\u0007-ܻ����.�|��|����=�\u001f^Ԏ��+o��=7/D/��\u001b\u0007L7��G\u001aU �r��<�>n��M-�+W;8k(��}�PFp�i�4\tk��0\u0006\u001d\rg�6$�\u0001��O/;\n���\u0002��\u0003\\}̮֬�����[G\\mk��h�n����o�=�R�]��ԛ�]��t$����ܙ��\u0001��>[�<�ô�4J�\tN,{�2�����;5d�\u001b粨��^��b^W|�[\u001b�^\b>Ю-j�Y���\u0011�Z5r�`J�g�1of��3KF\u0017#jl�:T�料�\f�+V�\u0016���\\\u000e�婕y�?���\f\u000e��J��JM�Xkj_�\u0006�\u0013l.g �\n��!\u0005����7��M\u0011/�\u0011*7\u0016&�\u001aٛ�C�]�B*�B�tsX\u0005�&2�a)��\"�r\"�$p^2>;V\u0001)\u0000�H��9\u00040@�g���m�P�6\n���\r�2�\u0006��҃�Ӕ�|�R�C���$\u001dO�Y�Bp�A��\r\u0012��E�S*?\u000b\u0019u]���ߌ��eN3r�X�†\u001cGAӈ�\u0003%\u0011r�\u0014�\u0002\n�\u000e��k��`��0\u000bL��r�\u000197��\u0010\u0006\u0000v��{���$9pK�\u000eϷ\u0000�y��<�v�><7��qqְh8;��\u0005CMP��w^K��[�\u0017Y��\u0014ktR\u0019�k'�QzЕ�x�����J�U��w��`�5\u0006LH'��b��#\u001e�,m\u0016!8�'��}\f\u0002,�\u000f���;\"_ϣ�.\u0011\b���Q\u000f߆�����7\u0006�-Q@奥�%����;)���Suq��R���C�����1��\u0011l��Q�3��P��/0�I\tə�Lbpt\n[�R�'��(��J8�r�Ԏ�/f��O��!�÷�q\u001b�#�Kܦ��zN��;c��\u000e�\u0019�Ok�˜\u0006%\u0006��극�j��^�\u001a\u0000\u0000D\u0000|\u0000��ۯc\u0001��p\u0000 '(��BR��Ítyw�B�Gr�]~�/�X��?/ ��X�g��\u0014[�1�\u0017�\u001ei��\u0019��\u0004����+7�o*�}U�W�]�&\u0005��N�<�C�{��sx\u001b�E���z �LJ���۶��G�I�4\u001cF/�dD�1k>n\u0010���\u0013�8\u001d17M��Ι\u001b�=�ݗ\r��\u0006��Ϥ\u0007c�i��\u0018rF&\u0012*\u000bFn�ǛZ�8V� �Q,�C,�O^N^\u0000T\u0007ly��*�]��q��\u001a����\u0013\u001a����\"\u0005|�]|��:��o��\u0006��y��R�:q����mS�j5�4�P-�G܏a������,��}�\u0004�?�\u0000���4�ś\u0017n\u0016{\u0005(>E\u0005�.��p���!\u000f�q��׳+/�_>�\u0014>�\u001f� ��\u0006��3���\t��?�&0\u0015�O�\u0006�f/繰����o�I��\u0002BZf&�\u001d\u0002�|\u000f�������$\u0005G{\"n\r6T�9%\u0002�\\'�j�����H�\u001a�E�\u0006��j\u0012~�v\"�uʎII?H�9\u0011��\u000fݭ\rt\u00022���=;�~\u001e�8m\u0002���?�o�v`�\tp��\u001c��\u0016l�f`�%HŖoG<�i��1��.SĆN߽Xf��U�c\u0005\u000e\u0019c\u0014U������)�C���qF\"(-U�+�n%残ѯFf����\u0013��C�0��ޑoJ7HݐM��#o�\u0005L�\u0000B\n�(v'\u0016�g�����\u0005�u\u0005�/z��\u0014ڷ'����1��\u001b���x:d<a��ӿE(\u00162�*,1&\u0007\fJ�\u0016��ί3���&\u001f'�\u0007�\u0010����&�|8L�\t��z\\���R�\u001a]����\u0003����\fU�����H۹C�H\u0005wd\u0013��\u0019�N,��N��[i��\u001d\u0012�ªd� cHYV�qZ�Ǟ�����R��\u0011��Q�\u0000�j_�V\u000f%6v\u0013QEy\u000eÌM\u0017��\u0001��!�\n\u001e�&\u001e�_V(؃G\u0014�\u0017�\n<�\u0018\f�X���\u001ez(�K��J1~Q���'b�fe�<�\\�qhP1=�\bUJ�\u001e\u0010��s��n#xR���}q[Q��\u0018J�\\\u0016W��\u0012����\u000b�KYqe5�XU:�`]\u0010��j\u001cS\u000erN�©A\u001aG�GD(���l`[`�*�WLj\"*��QZ�b���Uᕧ�\u001b3�\u0014�j�)��~д\u001c�aެ��>;���\u0015��hQTŹ�UR������\\��ܞ4�%W�\u0017�'n�n]h��Y��G3e�ek�\\�Zʱ\u0015��ĖL��5�q���7��7\u001e\u0013|g#~���E�X\"Y��(C�7\u001e��-��-=iK[�F�z�%�\u0019al,u�^�\u0012eX��\f��\u000e���.�̋�\u000eS\u001bk���0\u000e���,歬WS�q6O�|E��n��]��Z��q0\n%�����ڽ�R�v��\u001fR�\u001b�S\f�<\u0006��v'�.3]L���]��\u001aޢ\u0013\u001f�\u0012��Y�`6\u0004�|���r�=\u000b\"��jy�<^\r��H�A�ŪSɠ���Vx�\b�n\\�Z�\u0002�@�X��bfT�qsX���P�ReY�|�Jo��Kk�WS�&]+\u0015T�r�ِ\u000f�q>�������T� e��j͔U�:U��W�+\u000f��W��~3|'�B\\\u0001��S\u0016J�\u0014��,\u0019P�Rm��(��*uİ�S���T���2�\u000e�I�%P0�/��\u0006Q�Y�a��Ǥ����!�b���?\u0002�2\u0006�\u0012�\nU�a\u0018�\nV\u0019�ʸdz�K�P\u001f���H*\n&�\u0005���2h�w��駲�\b\u000eW�o\u0003YI�uZU<\u000e��0X�\u00163�M�Rj\u00050؅\u0006v��]��}#ɾ�sq`��\u0007��\u0001�I����ב��7u�\u000f��\u0018WV��2R����\u0003��vY!��\n��r�.�4��Wٞ�+�;���x\bU�B�8\u0014����l�\u0006�Ig_i����zӍB\u0014���9��\u0018#��R�:_|�W\rc<�\u001b�C������U�v��P�W�\u001a�u��2���ld~���|\u001b��\u001b�a�*v3\u0013��D\u00013��5��m�']Ӻ�b�̰��J����\u0015��\u000e�\u001d⽙FR�\u0005�X�A�h��R�����Y^5wx����O�U�Fv�NQ�i�*�V��{�\u0010���\u001b�U���H��\u001f���6-�b\u0011k� �c7Z\u001e+?(g\t\b��\u0011��݊�ɭ�a���d���>\u000b]�vUo�A�o!\u0015�\u0012��.��������v|w\u0011�}\u0017�{��ZL|�$O~�.�\u001d�;�VA��Ϟʢ��Q�L��N\u0001Y�T|U���؄n��\u000630�m�&�Ta�\u001a/{��ӫ���3h��\u0016�i���終����Sd��۠����ț��gF�\"z�\u000b�\u0015+}ά�0��}��y;࿷�\r��\u0018�\u001c����\r��\n\u001b��oA6R~8O��7�yRu�\u001b����c\u0017?l51�r�����j���jb�+&�\\��:Y�V^�\u001d������T�R�(���\u001e�\u0002�\u0007{�)\u000b�R^��S��-��[�v�|Vn��2����!��Sw\u0018%K�T�\u0007\u0019f���\r$���g���؂����\u0003�\u000f�&s����\u001c�W/\u00102���qځ�{��ut��j7\u001e��j�؀�]�^�ʄ�e5�G?��Ċ�\u0015O��|f�N�z��I�\u001f�&���Է�݀�\u0000C��RW�5\u000b9Q�s�䧊�T�D�g$���\u0019\u0012�z�\t�V%nG�\u0015j@\u001c�_��S\u0005)\u0013�K��f2�ɳ�\u0012�Av��c�{��1�dI���\u0000üܢ�\u0005sV��J;�\fnY�\u0000L8\u0013��Z�?��\u000f\b�\u0019�m2n(�\u0010i3W�։�)�8��-�'\u0002ʴ�J\u001bz\u0006�`KiR��T�Y70�l&�\u0006S�\u0017�ό�9��d�w��*8�2�;kR\n2�]35\u000f\b�f�\u0017jTD$���q:��)��K�a�â]\u0005�'��Z���7��\bҘ�$�\tC��QRK��\b���\u00116\u0013z��\u001e�'2���\u0019]�3��&}�D�7)]��^\"�j�z\u0002E'��\u0004rQ@pҾ.��\u0015%;�a\r3�eB>ؔGu�+\u00105T�B��$�dK�\u0018o��\u001e,�7�ny\tI\u000e��ڋҝ�p��a�\u0018�\u0007w\"�| \u0017���#&�\u0003��C\r�iW�\u0002X��+�t?�(WR��z\u0011}[(\u0005j��\u0015�(�\t�1t��rv�Q�ז}���+W�x�W}��\u0001�&����\u001dOӄ�M�0��dOG҅k4H��Oy�5%�V�X��\u0012�2��\u0018�����d\u001a��\u0014,��x\tI\u000e\t�\"1\u0000^�@���:�!W�\ru\r�V(\u0011��h\u001d\u0003���KMe\u0013��a�$�m�!R�T\u001fn�5�/��p�uu�֖��\"V��VŐ�Ә�a�\u0006%B��'M<�1\t�\u000f2kE���A�E��Wϝ�q���$Kw�C$�\u0004��A�!��'�ȈH�fLT�!%�J�]\u001d\u000f ��\n�wD+�II��2\u001d�;ϠR��\u0000L�[a�\u0015\u0003�����0�av�]��\u0005Ѯk�\u0011\u0005QD�BO�H-�\f\u0012_\rz)\u0017\u0000\u0019)ޡ\u0017f��r��\u0005\u0004���h\u0019�ӡ�k\u000e���Dǧ���W�z���\u00163�\u001d\u000b���4��\u001d�~�\u0006��A\u001d�p.kU��XG]\u0016�\u0000�\u001c߲�=�I\u000b\"\u0000��u\"gG᪝\u000e�$�\n�6\u001a��W�\t۽xC��\u0011�����\u0014u����?�?\u0014\u0000�A�`�-\u00053���\u0017/��Z�ať����!�>\u0000�\u00049#�T5U��Z�a�$�O��Wt�Ύ��\u0014��e7Jܘj8\\7��|e\b��u87�gG��>C;�ъ?4��A����ut4\u000fv\u0000J G\u000b�d\"F�î)2�\u0000\u001b:\u0013Z�;�w:\u0005Sf9te�u\u0010�1�&�躗�d�Őf�g�Hu��f\u0018@�i��->��j�\u0010��^�� ��=E�-\u00113�{�Ռ2\u001a�W;=s�AÜݤ��6��#\u0015$��`�y\u0002���.�b��ƺ�L\u001e|lW�lw��\u000e\u0012=@y�d�`v.5@\u001f�\"�B��\u0013{��\u001f�Q9d�<�\u0006�[B�\u0004z��y���@\u0002�?\u0002���`\u0016\u0004��2���yW�s���v��X��\u0000�8\r)�6��\u0018�&�U�C�Li�5��uU�\u000bKg8S`!��!\"EZ��n�#3��t_�$v����ԁ�ħ�E��W!@\u00063\fK�\u0012R�N�Qg���*02\u000b>�@ᫎIY@)�#\"�'�3J�3\u00021�ZO+^[[`l�dG�\u0015���֛ᝣ�+2\u0011#�Ѭthj�\u001def��ꋴ}�������������/�\u0001�ϛD���R�<�\\\u000bb�=А\u001c �\\\t�\f�\u0005k\rBe�i�>\b��\u0002�#\u0013̂�\u001c=�d\u0017�\u0014&Đ��*�j\u0010��N)3�G��ء�Q�s�PG��\u0007L+&?v�\u0007p��0�PZ[�f���\u000efu\u000b\u0006�V�³a�\\\u0018���\fn\tx�<�����\n�f������k�i�F�1�pl�滋\u001c!L�WvI\u0013Q\u0011�h\u001bB;�scʬuc�`�v\u0015d�R����wT�!�\u0007n��29\u0017DT��FT�\u001f\u000f\u0014\u001f���\u001b%���: ��\u001b\u001d�A�A��y�����e�,u��\u0017�s��P�m�h�扬�'�2OV�>�\r3g�����W(�27�F:���\u000e\b�\fu{\b�\u00153�*D�8�e��*\u001bH���4���@{O\u0001���`>\u001d��\u0018f7*\u0005h��|\u001bg[�\u0005,*\\DX�1�)V��\u0012��^A����\u000b\u0010���4a9�`�\u0000\u0005L�#�Ԏ�\rM�x�W�\u001f�(X�K�Dl$�\u0015İ㈆�$rf\t��(iW\u0018�\u0018hs�-Y\u000bN�Ҧ1�k����k��@\u0010�\u0018�s��5�\"�a�]p�w\u0012�m�b�����X�[���\bW�sC��\u0012\u0011�ߊ�*rv\rH\u0014R;-!^:\u0012�Zf�\u000fq�L1�����s/jt����\u0002�s;�$�Tw+���m�o5�[��m*\u0015ς�Zo��j6\r�\u001e�#�\u0013Ҙ`\u0013�<� -x��y@���$��\u0013\n��yq\u0004��Y\n\u0019&Q\b���}�\u0000�> !1\u000b�2l�����\u0011Yi���ؒ��M\u001d)�hM\u0010H�v�)��\u0019��\\8>�m()6���!�\"�s\u001bRɹ�\rt\u0005��A�w\u0016t�m'��2���K\u000fv�2�xý��3���g\u0010ٙ�\u001e\u0002�\u000b\u0004�\u0001\u001c&U�Ӥ�1�@ۚ�*���v=��^f��xO���L%\"\u0013H�\u001f�\re00Ɓ@Ф\u000e��\u001c�\u0013�xP_�T�Uv����S��h�����\u0018\u0006\u001f\u0005\u001dvܗ���QM��epR�2c�\u0006�eG�l4�� �9\f���KQm\t$Mj�D0\u00041�\u0001��R\u001b߹\t8�+=�����,��ʑ'�\fx\u0007Q��K*�����g��r�Jx[\u000f�/�]�D�6��=�\u0019�R혘4e2Ҡ��\u001e�Q{[���]�{z��>|��˦����$l�\u0019�vG=KW�l��\u0007|\b��kF��0�;Ҕ%���\u000b���i�w7���b�y�;\u001f0\u001c��z\u0014Y�8�Xw2\u0017G�\u000eye�_\u0012�Fw�e��89�\b8\u0015��B�@{R\u000f]�=�[v\u0001Q\u000b��\"H2$.[�j)j\u0016Tz\u0016a�1J\u0013�wy��\u0002�b@\u0012�w\u000f*\u0018J��\u0004���\u0004�\b=�dF�Z\rN�10zS��I�Boi_չ\u0010�Dll��b$!����f���U�p�\u0015\f\u0005��\u00065����`��}�\u00152{\u001cs}�*����,�RZ�K\u001d\u0000���D\u001b-��\u001a����!��t�,���\u0001$\bUЧ��@'��͝\u00131��tdo��t]�e@��@V�5e����l\t;�h��T`��f��QLPU\u0018��z\\Z�X\"U�\u0012M#s��-\u000f\u0004�\u0003t@Z}y\u0016:��4u�\u0001C\u0006=\"\u000e�)a(�.L\\\b\u001d�[\u0012�ġe\u001e/\b����\u001b�L��,%晸f3�\u001ap�����\u001b%f����x=�*�(��q��\\uf\u0000^\u0011-hi��]\r�\bb@228��(�.�������]�6ߊ�`�����*j\u0006����Ǟ\u001a�\u0015\u0016N� N\b\u0007�\u001e\u001c�p40=\u0010�2��z� R%\u001cӍ�\u0000\u0004,2.U�n2!Q5�t)�\u000e�P\u0014\u001d\"b.��S���Ȩ�~�~7u�[M�\u0017:-DP$ݏJ�\u0012Mn�\u0010�o�\u0001r���u\u000b/!�r\ry�g)�y�\r\u001a�\n�x\u001b5�\"��T��f\b\u000f#��?���w\u000f�M�K�'�{�� i$\u0015z���&\u0001�\u000f��H'0��1���\u0005Ά\r�#{\"��U\u0013�5m.H�\f aF�ǂ�\u0019�a����]��֪_&��պ\u0002L\u0010.nH�~��S�mE��\u0010\u0018�8�Iۺ��R��D.i�����H\u0003r)�@�~�V��d6\u001d�o���\u000f��0��I��ӝ��\u000eQ;��kw�+\u000e\u0001X#@��ҁw\u0006\r\u0013�_\u001c�ʌ���#5�k\u001b\u001c��\t�\u0012\u0012�f��V`{3}'�����z\u0016\u0005r\u0011{�{=�Bi9�Nű�\u0002�;��\fq�[�/���SsW�G�\u001b���8�����]a\t�\u001c_\u001dA����\u001c�;�\u0012�&\u0017�\u0011���PK�u�wA5kL̿X��QR�6�o���\\�Z�ҙY�!���\u001a&��{x:s4\"[t�e۶�,\u001et\\~?�M�\u0012AāM\u0002-\tG���\u0015K��X�qoY�)s�a鱩h����^\u00148 ��\b7�y��\u0002�KKjH���\n0�'�\u000e{�&�#�*ui��kZ\u0019�y�\u0000d?�\u0007��{y�̇_b����߭��c\"���D�t\"�wk}����V\u0018(n�\u001f�\u001a^r\u0017zo8���Y�}�z;�\u0012g�q\u0015�䇡{��m\u0002���S$�n\u0004S�Ĉc�G��X����,\u0014\b���8�dI\u0017H �v��.fy\u0010�aE����\u0011dD�۸�Nh\u0010�m/\"p���D���D\u000e?Wwy�<\u001b<6n{y�O���׵��`��w�H�J��;E�M��x$[\u000f�E.\u0018*��\u0019BI+D�\u0015�_�%���\u0002L�SM\u0010�\fqs�\u0018�����NX�\tW)�r�iY�\u00112\u0018�:��nL�<���*��J���lp�\u0004%a�!-\u0013E�\u000b\n�!����$�w�Ǘ�����Ob�����j�{:\u0013��?k�.\u000b�ߋ��f�6⺀;��=W+�;�v�\u0017u� �>F/��|S�\u001b�{���\b�����llNR�\f����\f��}�6�HA:^O *9�/H\u0017�99tA�q{\u0017<�\u0000��SUgG%$qݝ\u0016c\t�i�iwج��4�#3\u0017�i�I�2���cL6\t̶�ξ�\u0014����Ï��K/���4��C\u0015uŒg6��ኽv4�H<#Sω�~�\u0005�m+�l����7G)�{\u0001�DF\u0019�g�\u000e��j5��~�מּ�y�\u0007�i�!��v��0�Zn��\u001cx��U�Y�\u0005s\u0011z������z=�:p=�`#b|e0�%.0]\u000e�gt\u001e ��|���%-�\u000f(Z�3�\u000f*�xQ�\u0010��\u0004,d��1\u0013,>\\\u000f#�G\u0002D\bEo�\\��F[{�\r���\u0014\u00134GZ\u001b\t\"�\u0007^�~����Eaa�n\u0006&\u0011\u0000�\\o��\u001a�\u001eS�#��/�<2r(4�RC\u001bKՉ�\bd�\u001b:\u000f�\u001c3a\u000284\u001b[,=���+TgR2…\u0001rk1\u001aǖ\u001b�\u001b{1�5�M˚�\u0007���o�l��#7oH�s�4\\<\u0005�\f�q�\u0019�\u0010hî���d���\f��\u0013Bzf\u001b,M^u�Ru\u0011\u0005��̘���4R[s�11^/�B\u0002�a\\��rE���7y\t\u000e\u0003��z�l�����G\n\u001d�\u0010�f<!�a7nŲ[����.?����\t�B{��m���6��\u0003o N����\u0019�?塚��n���-P���[����u\"�J;<�|G[��0�(U�k`-�4$���]���ZN7�C 1N�߄f���<�\u0001�\tJ#*@�\u0010�f|J���\u0000�[�\u0012ә~{\u0019��k�餾0*\u0016�\r���4�\u001e\u0013�\u0000ؿH�\u0016q�(��,��;\u0004\u0016A�l���=\u0011\u001b\u0012��\u0005\u0000\u000eP]�K\u0018��\f���=W�5\u0004ǁ�\u0007Ƶ�|\u000f4�E\ba��;��C&\u0018�/�&c\r�\u0015�\\Z�\u000f�=�P���\u001eTlG�w���H�D=��Kcm�nA��\u0018#�E]�~)SPH7��\tr��\u0011טKk\t\u001b�Ɔo�\u00003�~���[\b\u001d��z�>\u001fi����g����Η�5�[&k�>$���_/���[�\\�`�pC�D}`J\u000f�˷��j1=��a�����\u001e����n�fl.��C�\u0016�9a�M���N�>�x�Um�(��6\u0015?��4BRbj\u000e%��ħz���W�W�>C�\u0015�`\u0018�� �\b���W�=�s�C4h.)�\u0001��\u0012�ܖ}�9U��/Nq5��\u000fc\u0002C\u0017zt��8m\u000e4�?���іz���S\u001c\u001f\u001bL&3��c��|]\u0015��J���B\u0001\u0003/:5��Cy��\u0003H�=I��\u0017�_�8�\u0000d�OAPΈ�9����LI��\u0000#KH#�k��Z]�������6�\u00049��iM��LQ\u000eU}\u0018@�Ƌ���誼NN1���\u001a>��\u0005\u0004���\u0001Y\u0001�n\fQ��n ���Y�v�:�\u0018\"���q\u0016�\u0006���L||E�~p\u0001\\\t���R�>�:db��6���ʧ��%���Q\rӨ�kg��%�\\e\u000e1�\u0010�~�N����i[���!�`����@\u001d\u0018\u0019\u001dJ\f��\u000fH���+\t\f�2��o;U�\"@�\u0010��6e�b\u0019L\u0002+l\t$���\u001c˺g9��y���W�:��ɠ�\u0018�N��K�\u0017j��*fA���\u001b�4�&��h\u0002|5\rt�Ȯ��\\\u000f�\u0016��ޤ4�id\u0007\u0018�U48�\"g���a\u0003�0\u000f}V�■O>q=\nym3��s6�\t���\"�\n��\u0013qN��zwe6_���!�Y��1*�\u001c\u0005C\u0013֌�\u0010Y�#���*p@\"\u000b����\u0019�5��6ϣ\t�\u000b����z})\u000e�\u0017\u0001\r�@{��\u001b8�]/mU��jɞ�\f;�k���6�1C\u00067A���p;������uE��do�e����E]YI\u0005�Ht�\u0015�\u00023Oe2���&Ѥ>��\u001b�y[d0�\u00130�y�\u001eh^�\u0011\\��q�\u0012��\"\u0012EY�\u001f��\u000f�u�վ\u000f�(�Ĵ��|D�Z{~��\fmK�z֕�c�BF�C\u0014\bo��L`}6}}��~�^�c�V.[��v���ͩ\\�wI�l}���1P֎D.M\u0003��f6����\"��6�+\u0000ʆ�\u0011)dĵ\u001f�`�%P{̕���Q_�dE�Ā\u001c�\u0015pRC�i�ki\u001b;�N��\u0019�\bx\u0011*DV1\u001e�\u001a���\u001e��\u000fK�Lÿ2\u0016t�{��\u0006��4�j\u0014���\u0013d�\n�>�I]��^vӴ�'%-v�g���KS\"��Ng.�\u00005(&ʑ$�N�!;ĭ���e73j;�:\u001f\u0012����VGH�O�\u000eFWݾ�gI�Mh�g�E8\f�MY�;� ���y;)�\u0000V\u0019\u0000R�n\u0019�AE\u001d;2{��07�?�\u001f�WC�\"φ%���I�\u000f0\u001b�'�g6�c>�^Ϸf�54��+�.;��L�eN��$U�c�]ճLC\rY,\u0007��Bmʺ��:���_We�\u000bD:\u001c�{�K��R\u001ePg��i\u001f38X\u0013�gUo��y�\u0003I�*�\u0019\u0005�-hD�`\u000e�ao����M\u000bu�@ͨ\u0007����4���b�AH}�9k��Ow����\u001f9`�v;n��wL�\u0002{LZ\"K��ʵT�vL?���\u0014�\u0000\u0004��=\b�AKyo.\u001cD�\u0006Y��1�9���i=O�*m�\u0016F;tl+�֡��>K\n�\u0004\u0006��\u0004/@���\u0011�kL \u000e\u0001�I�{�*�\t�\u000f\u001c8\u001bc�\t\u001a�|p4���ff�b\"`hLw>\u0000C\n�f|���\u001c�%\u0002,5�%A|o�v\fN�6G+��p�%�x[�Ί�\u00167�H9/�i��%\u0000�D\u0007��JʅC�����\u000ec濧\u0006�?h,\tD�:�,�v\u000fs�x\u001b��3�,=\u0013�q��$徤\u0019H\r)}p\u0000�h�\u0005�Ҹ�wՏ�\u0014#��Q\u0018V�w/]�T\fd)���\"��-�������\f\u0017�؂�1�(���-��eRo1@\u0012Fl�HS�-M�&��Z�U�{�R/@}��˧��n\u0017ߋ\u0001�\u001e��C=�xշ��JG2l�Yp��b��\u0014\u0003�P��S��\u0003}\u001ao\u0007�� \u0000�J�x�`\u0003l~��#�I'b��\t��� �ࠋ�,R�S\u0015�\u001d�5\u000b�HH+3|%m���Na\u0006\u001d�����m�n�#�S\u0018\nl1���Y{S����\u0006��~%bѥM\u001d'�>\u0013bJ�\u0005�\r�\u001bI�\u0012\u0016�n�6F�8��\u0007\u001b/ƭt8�P�Fw�\u0014@E��+�t\u0004\tar>.��\u00015S�֓Zn\u0004�\u0011�bZ���\u000e0��bzPg\u0014-gF�w�DP�\u0016]^�\u001e�y��T\r�����\u0000�I��8hl�_W\f��\u001a5Gift$������կ\u0005̸�ܗI\"\u0007�L�sf`T�\\���Hn�\u0000���4Q�T4�#O��ל���G���x\u0017{�s�w����3\u0011�N��#Mp��uW�h�\u0016�6VW�\u0005�\u0006\u001fB?�\u0016Qw��j�e,�\byH1y<p����g?������c���m\u000f�^�\u001e\\Dz(ڱl5���?b>ZL=�z��|��?���P-`�����h��SS��3��br��\u0015��\u001eu�ҭ?����)�Õ�$g`�$����8S/p\u0002\u0006ߑ �[H\u001a�w4����o�9\u001cc\u001at�\u0012\b-��}h:\u0001�[�\u000b*\u000e�/#�F�!@\u001d\u001d����N�x��1���?t��«�@A��mjPf�q�+�jK&�\u001a\u001b�y�4\t�`ct;��\u00120�˴;\nCe֧\u0011��ψ\u0014!j|�AYSYO�}/�ї7��*x1+`����񰤋\u001b�$͈p���\u0018b���\u0010�\u0018\u0005\t�\nHY��K��\u0014\u0019�1q��\u0001M�\u001a\u0000�\u0006��Cf�y\u0004\u0016S����<�BC2!���e�=��\u0011\t��\u0000c��*�g\u0017��s��_\u000f\u001b/ѣ�e�����C�wK�{\u0014�\u0001a)y'�c���E\u001b5S�Ul\u001b\u0007w�ǒ���=4��7Iĥ�b�\u0016��?�!���\"����{n�\u0006�~:��ah\u001a\u0001\u0012Z)gq�qn��V2\u0012{�Z��밍F圶\u0007\u0012����7/6�r�L�Na%���\u0015Z�#\u0001t�\u0007���3\u000b\r,�P��\"�}\u0012wA��{��\u0017\u0019\"pm�v�tN\n_-ّ�`�}�ue^=��ke��ٿ�CYR_���\\�*\u0019�~C\b���s�$2�N��\u0019\u0015�c�C�t�7�)���W�\u0017`�\fj�\u0000{oJ;�\\��r`�4�L2���<��\nM\rm\u0002/���[%��\u0019��\u0006\u0002s�\u000e\u0017\\Q�.ۼ\t�\u0004�y(�.�����Y���.��\u001c\u001fڊ+��*ZQF��'n�\u001a�6\u0012=\u001fH^���g�آ\u001b��RH��(Wb�#\n�Ǘ�_��w�;��$��P\u001ee2�oֲ\u0001!��u6���q\u0004�1\u001e��/�O-l�%1�K�\u0006�*\t\u0002@������7U3��T5�>\u0000�o�\u0004��S>�{π�H�,����\u0012�m��Q�$�?��\r��\u0003�c���\u0002�&���5��N;]�\u0016cs4G�\u0001II�vǐ�I�\fȾ���J\u00175k��m{\u0019\u0003P?����k�\u001d�\\M*�>�:��˙�p�-]���N��$X��l'�ޟ�;�\u0000)��;M�s$�E|�6ypgc(L���>[\u0011�k.�gx�\u0014ً��ݱ�<���\u0015��bvG� `\u0005�o<!~��!���=7��И=+��\u0003�<#��=\u001e\u0011Ł��S\u000e\u0002�yo����`��:��g�}������\u0014�S�u\u0010W� zi�h&6+��RR\u0013l��c�$�5_Ե\u001aѳ'd9��J��D�C�~2�p�#6���l�\u0018�\u0004�t%�E��4<H \u0013Z?��};\u000fr#�P�e|E�'�Vp��i\"\u001a�`׺��)�Ls]�ZO�b7Ȁ?:����QU�%�����\t���{�Af�\u001a��{�$�\u001e�Lj��o�!���A����b)k)a�H�ݫE��{<��\u0003�=����.\\{\u001as�ueO��L¾j��h��\u001d�u�\u0002��2DI���@\r\"���l�q����n\nN\u0006�\u001c⇜�0\u001d�N\u0011��\u0002�\u0016���V�a��\u000f��M`��_\u000f8����\t�vaQ�L\u001b�J.�����pO�^�\u0010�6��轘����HP����\t�\u0003Y�a���E\u0005|\u0005%zʰu��\u001b����ư�6�R���G\u000bl�'��Z��0\u0001�t\u001crsww,�����լ�ц�u�<��e���������q��\u0014���*[4�\\��E�\u0003�:Pm\u0000�l$�%�\u0007zK�+9?�b1Iu��]\t�\u001ba�Fhkg8\u0016�6X�Q��U*rI~P\f��H\b5\u001f���tߵ����u�5mKZ��$\u0016�Z�=�e�4`��cx\u000e?�\u001f�X\r6<7ѕ4<c��\u001c�(sa��\n/�b:P�#�ñ�Ǹ~�\u0004\nqߴN'|G\bG\t����'�#x�q��\u0019/+\t�'�\fkg\u0019�\u001c&&;�\u001a�\u0017�[�7-9\u0011 �eJ\u0018�e�a)��\u0010�ǁ�\u001b�_��������T��e�eC��]Hm���\u0004]@�&�\u00174��+f+��{�A�\tL��OS\u0002��q���L:\u0001\u000e�΀ �\t��^YŸ�l�g\\K���\u001ac1�z�8�6\u0012J\u001a���`bZ��\u0019�\u000f-X�7�L+�5&��uL�\u00056��5\u0016j2]�Ao��/��\"/�\u0011�@�m\u001ad�\u000fmz���\u001b_��i�\u0003��W�U��\u0019.|���3�'���T^�ޤ�F��\u0019\u001c�p����2��\u000bi2\u0014\u0007X\u0019dT�RRRi\u0019�ӓoiX���/\u0010\u0004�_CH��H\u0005�����x��\u0019O �������O-u5�\u000f��v?��0uY��\u000fq���\r�\\��B��PG�>޺ $�\u0019 �\u0015ҷ�3�kNv\u0015'�����\u001f��\u001eu7y}�U\u0010\u0001�P/�%pvb��3�\u0017��tX�Or����\u00025]Lґ��Kć�b�TBg�֛�P.k����o��J\u0019o\u00052�=2\u0018)����ݣ��_oX�7��B�~�G�G�E�\\�X0��&��8�\u001ca��o�zR����\u0011����?�%�~h����aDBdD \nRCT�\u001c\rё:b \rX�;��\u0003i�#1o��ɇ\u0019�\t�\b�M���X\u00190����ĉ\u001b/���5%��\u0019\u000b��nƂ�߉\u0012g�E���ʚu6nd��\u001a�\u000f�����C�\u001csb�s.lse�[�y��9{\u000ey�O��Y\u0012�D_\u0001��\u0017\u0014\"d��R¸��p�#D�\u00149J�hj��G��GN�[\u00103\u0016�\"�4Vd��\\��� !7wJH쮥I�+1Y�\u0014)SUTq�4i+�Σ��\u00192���}��˜�[��[�uk+��ʪ����ꪯ�ƚj����j��κꮧ���o��v\t����\u001b1O�+��\u000b�Wj�,�L-��\u001d������P\u0005�ѡ\u000e\u000b���\u001ca�L�t\u0012ilٙ$+/�4���M?�\u000b�R��\r�i�sVZՕ.�m�K]�JW��V׻af��kVw뫿[^�mN\u000f����5Р�}m�5��@^O{�\u0011[��\u000e�&B\u0005\u001f��}o����d�\u0005b�e��T��x_\u001b!����ޏ~������@a��_�5�D�&1�ܰ\u001dN7\"q�S.\u0012\u000f|��\t�t��=\u000e�={S\u0007S,\u0001WuC��\u0015�\u0002 \"\\�\u0006\u0014-F�8;�E \u0017��'Y�Ti�eȔ%[���X1�%\u0000$�&z���\u0018`3���[\u0000\f\u0002\n\u0006\u000e\u0001\t\u0005\r\u0003\u000b\u0007�������������\u0010\u0007\u0017�����E@HDLBJFNAI�(/Z��u!�A�\u001f�5�@��w15\r�\u0012:z\u0006F&f\u0016�<�:��zP�1�\u0011���Us\u000e;�=:�r\u001a�n���%(\u0000�2��)T(\u0016�:�W]�\u001ej�\rG�1��M\t�>�с@5cS4jPo����Y����m���؂��zi���R����\u001b�\u0016�l��\\�?\u0018�Ɠ�w]��vd���������������������ӳ�=��.\u000f�tz�+�<����<��ŗ^���\u0006B�����rO��39IB<�o\u0011�êx����%��E���G�Ƞ�*%��:�b$�7�<�\r�vlj�x��<�����\u0000�K��:�_\n��Qt�10df�\u0011�0�p��^��z^cY*���ݶ���X�ż�y���eR�\u0004�ǟ\u001cb�T؃$kE�IMk���@\u001b��`J{���E��`��^��߬֍E�y��Ц�q�I���\u0003=h*�B.���3\f��\u000eR\\�2� \u001eЄS,�0��\u0018h:���e�y��e�i̇��xG\b�x\u0014��\u0019q\u0016��\u001dl;|����<\u0017C�QO��оK=�7'\n�X'$Lc�ڴG�H����͢n2�x�\u0012�{Y��\u001bd�ȗ{�|�Fc��Dv#n�\u001e�\u001d��T���a��y�;0\u000ff\n��!�g���~��\u0010��\u0016�8\rY��f8�_�혴!�p7�a#su�ICsH\u0003}�߻w���w���l�\\��'踵��U}h�\u0007��A�a4�s�7�ce�\"~��颩bͶ��}��e=�\u0013W�rj��\u0015��'\u001a�Ju��(*�$�.��_�TikI��Ng�\u001d���DEJF�H�@ECGz�\u0015��A6\u0004��A�x�r�\u0000\u0013\u0015)�\u001d�\u001ahN�\u0002R@���\u0000kgw�jv�fI#�\u0016��}�T<�_���۔�}愧\u0005$\u0007�\u00194�\u0002[���9�f��3bN�_��DM�*󙨶�\u0007�k{�9of~w�[����\u0010�Q�)$�HJCFA� S���\u0018�nO;�*�\u001a�f���\u0002�n�5����#��\u0003ON!U�iH�\u0018n�:OO\u000f_��ڼ.����~;\u0001w*�h���h�sI6�␡\r�\u0001ߘm���!��.��b\u001bl�؂%�S�\u0003a�=��Az�4�ځv�O{\u0017\u0003.Ж'���H\u000f8�\u001d��\u001bK�}{��\b��\u0014�;���{$4&�����^ტ�G��a*z$�����&��toܤP\u00173�i��u�x\u0017���l@���v�\u001d�|g\f�^/��)�:��t����ʠ�3�ɧ��H�mT���$h��\u00154����Q5�\t\u001ad��#���7H\u0005\rG��U=\u0000�+@�\u0010�\u0006\u0011<!\u0002\u0004\bY\u0010\u0001B�π�5���]�\f7�S�DEF˯>s_v\u0013g�2Jl\u001d\u0012�ws�T�:�Fon����V����q���pј�ws\u001dn�\u0002�\u000fEֻ븺\u0018��e���\u001dJ\u0007�q���\u0002ci?\u000b����:\u00107���ڸ���f~;�M�j|c��II�\u0012?o\u0004)v��\\^\tWT\u0015y�\u0005q�\u0003�#��X������ˬ8�Y��t\"�d�Nr)�S�Ry�ı,Vw�\f�����H�r\bhv�\u0011�\u0015d�zZ?�\t\"cS\u000eNPt1ڼ��ܗÈy\u001c�\u001e�jTk�I�F\u0003�]��u�&��\u001a�Q\f��$�t�ܹ��T����5�\u0015\u0005�?�b\u0007�\u0016\u0005M�tTu����Fu��W\u0015o:-\u0003~2�y>\\�����m���Gp\u0004�\u00125^_\t�BL,M�P�wm��o�k��)���$��^„,e��m�x�+�h���]�.\u000b�`;N�SU�֮lW�+\u00036��\t�Ձx�\u0005�9�B8B��!R'��q�$�e�,|$BW��h܋yz��\u0000�7��~�~��6S���ugg|�\u001fԖ\u0010��H0��\u0017~Ğ,8u\u000f\u0012��59a�e��ӗ��7�/� 1�\u0012\r\u0007�~\u0002�}\u000f3��{ST�^�ү,\u0002�\u001d%�cT����\u000b�~�à\u0013�\u0002PjV%ο\u000b?\u001e�Q\t\u0016.f�4-��ɓ�%Wއ��\u001f��\u000eV�\u0007\u0000\u0000\u0000",
+      "type": "registry:file",
+      "target": "public/fonts/HKGrotesk-Light.woff2"
+    },
+    {
+      "path": "src/fonts/HKGrotesk-Regular.woff2",
+      "content": "wOF2\u0000\u0001\u0000\u0000\u0000\u0000��\u0000\u0011\u0000\u0000\u0000\u0001_�\u0000\u0000�3\u0000\u0001\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u001a�,\u001b�0\u001c�\u0018\u0006`\u0000�@\bl\t�\f\u0011\b\n��\f��R\u000b�~\u0000\u00016\u0002$\u0003�x\u0004 \u0005�\t\u0007�\f�=[�@q\u0003�k�� ���lӳ�_�O\rۦ1�zn�{�U\u001a�\n�Mk��\n\u0015�~\"�����d2ƺ��\u0001\u0000�jXZe�\u000f\n�\u000f0�`�r,L��\u0014Ӏ�0�i�H-��\\D@\b�u�\b���q\r��J�S���-�\u0016w���{@�)��f���f��\u0004�\u001c���O�\n�%�����-4�+\u0019��\u001eT�ô\n:��E�%(�?\u0018��^�ލ��c�F�-L6�$�\u0005��\u0001;3|�AT\u0011� \u0017�,�*\u000f�*v�\u0010�b0\\\u0014�S�Щ�ڈ����K�\u0019����M{��\f�M��Z\u001br��7}�\u000b� �J,|`;CC�#���X����]�9d1��ί�-\u0003l�a!�,���H\t��\\T����g9�\u0005\u0019Z\u0011\u0014m\u0010\u0001<!\u0012##:GF��\t�?��z��m���\u0005X�ш��)\u0017Q\\D7�U�E�^��%���n\u000f�>R��ֻ�oN.mF�j��M5}y\u0019�#�|�l|ntn��Q\u0014;5[�_�\u0007�{hs��+�)y�d\u001a74\u000f]��@\"�$<�H�M�\u00034�@Bg�\u0002�56j��\u0006k\u0016��\u0006��1\u00185nA��\u001e���� �\"b>/F�\u001b����[\u001f��BHkU5�3��\u0003`I,�G\u0018����!zߏgS\bB{ua�6.�\u0002\u0017��F=%Y�\u0007u��$�\u001c0�\u000e\u0018b�\u0018\"\u0007��\u0006\u0016\u0000\u000e\u0000��u\r`��]Y���o��m_��#�\u0018�A�-���6\u0000����\u000f[�����7[o�x\\�\u0010\t�\u0004�U_�u�~��\u0003\u0018�\nN�{�j\u0001�\f\u0005�eP��\u001c=�����'J\u0006��\u0019<\u0015�~�Xno��~��\u0006\u0004]���/�\u0007|\u0003���;#'�NxBi&\u001c��g��?s��<�\\i�NDD�6���6BD$���N�\u000b餓\b/DD:��<�~��q����4�_�<\t�\u000b�\u0013OB�\u0013\u0011�\u0010�\u0010�\u0010O$�#\"!\u0012њ\u0002��r;V\u0010o�ΩfF\"�p�š�%dX\u0012�\u000b�4�}���JO\u001e�[-��|�K�|o@\u0013ЁL|d�/�^I\u0005Z]��}�\u0017�#,���*f���F\bY�\b�\"�\u0012��Y\u0015�ε��>�*�\u0000�SW�)T\u0012���?�c\u0007��!-\u001d�\u0014���*T4�*UAO>HrL�ǧ\u0013$�T\u0015;�c�іQtzq8\"\u00157Q��e��\u00104y�\"m0\u000e]\teΥ�����7��3��iM���K\u001e���\u0000��z\r�.ɮ�u1�_T�W���s�\u0003@n�?\u0005�\u001b�\\�)vqWP�\u001a\u000e+\u0018?�C�s�\u0003��=��wi�pl�� f#$\u0012��ߗ�U�S4�\u0002)�CZ\u001b({�8\u001e�R\u0013��W��B8���w��\u0006�nB\u0004\u001a�E\u0002�\u0007$M\u000fH�2%9�\u001b\u0000\r����TS�69\u0007M�$${�`%NX�\r!�S���\u001e��=�1��e/ǽ�S>\\��Z6݄���I����!�C!\u001d)(�Ÿ�7\n���k���Ҿ\u000b.M���\u0007e&\u0001t\u000e�P\u0011r�]�x|��\f�CHl\u001dG'�%cs����L�\u0011\u0000l�w�?���K;�,y�E(�N&l�a밦��\u0012!�\u000e�\u0005���\u0007%��lf��~������I�T%��z΢}�?�\u0016�\f��Azs�m��\b\u001a\u0001\u0005<\u0011(��s���G&%�U\u0018cY��\u0013�\u0012\u0015��K�w�ݥP\u001bo\u0004�\u000b��\u0019�5\n�\u000e\u001c�\u0006��\u00196���\"��\"j\u0018ҵ~����q��X�P)\u0012@ H�c~�/M�ݏl��\u0007����P�\u0012���,�m��\u001b������=-[QQ#�\"r^s\u0003�n&_ڕ*��#H\u0010\u0011�\u0004��/���wO���\u001e�S\\�\u0004\u0011\u0011� \"�&��\u0018S\u000b���?G�TP\u0019�<���_(\u0010�\u0001\u001c\u0004���6P;7!//R�\u0017ɟ\u0010��P0Wy�N�\u0018رbhD\u0004��e�U\u001c\u0011��HpUG��7\u001d�Q��a��$r�lR9UQ�[kH�۱�d�F�\u0005q��A\"!:\u0002<�\u0011�\b焧F\u0010\u0007� e�U�B���\u0001j���d\u0001�o\u0016:\u0006\r� �k\b�?���\t(��\"�\u0015�F��B��\u0003\u0001=��5@w�\u0013/��g:\u0005lDx��>�\u0007��\u0001��8�]�a�G��Q\u0004U9�\u0016P���R������R]��q\f��ob�v�=���\u001f\b�n~0���z\u0006��yV��\u0004�s��y\u0006!�\u0002\u001f��2��z9_�z\u0005?��\"�z�\u0000\u0011�P\t\u0014)��w\u001a\u0005޴��V�/�s�ݹ�N�I�\b��0\u001aPp�p��\u000fr\n��˹�~�b\u001f���\u0002\u0018D^v�$Z�c�F2��L�o�\u0015�5\u0011\u0012�����O�Fx\u001f� T�ې\u000b?�<V^H�\t\"tA�¼��G��7��O\u0016��\u001e�`���g\f���\u0000#�\u0015�.�r��,ܣ��9��>\u0017�\u000b\u0013�p\u0013�\u0017�QS���PL�M�����|�u��z��P@\b\u0004�A|T�PKC\r����i�]t\u0013͌��ȝ�\u001f�9\u001bn����X�7�ңd1�L[q�\u0004�Lx�l#t\"p\u0010(#�:S&�ԻJBd��ս���ͩ�A���vT'S�Y}��w���Z��2\u001b��n�A��dܭ�өOr�:R8q��J\u001c<��j��nϴV�\u001b�rp����\u0002E����iK���Bt��ʑ�n��e����\u0011�����NyR�����n\u0012��ՇJ��pމ�*�,e�\u001f�\u0011\u0019\"�Ƅ��\\���zΥ�\u0011g���Q����T��e7�|h\u001d�d�ϕ\u0016�������*�lp-���L��q�bw3�s�;�Y\\*\u0001=�=��W�^\rh1�U�4K\u001d�����rL-Sn��Bl�����e��+��Z�<�̤W�\u001bn��E\u0012�#��}��-�I���R�)\n[��e\u0011��_�\u000e�D\u0015�ՙ�+���˝\u0012.D�i9\f³��,g|=�t7�RW�\u0016�v]gy�\u001a�c�3�����9v*�ʏP�)iK�Ʀ�K\u001a\u0004?#������)oJ7�\u0015\u0015t\u0010S��\u0017���Vi��ן�fh��� \u001cI\u0019�'2���_�1�u?��-��Q#�c<9K瑤�E�����\u0016��\u0017�{ZL3g�e�Q�l-��ٳF�w���e�E�4�UvQ����J�e\"�J;���\"\u0011y�-x~�W_I �\u0010���s����O�\u001f�\u0007%�\u001d��2��Q����*�}o�\\�{\u0018��ވn�d㍿��+5�����>B\u0013���x��t�s����Α�}|=G\u0006v�(~�Ii?�%f8��,#���-��\u0017\u0007\n�7��-\u0007B6i��.�t��sO\u0014\u001c�\u001b\u0016�s=���f�\t�)�\u0011�<e:PR>�'3\u0012�����\u0014��[x����K���HE-i�̩򬒇�\u001d���\"�.��p��=-\u000fr[+>k���(L\u001c\r\u000fL���*|\"\u000e�oo�\u0004��E���X�&�W�2�5\u0007�!p�j\u0001ݎ��ã�\u0000�|v�8���-��4Gڑ���\t��y�^5:�~�\u001cg\u001aJQ\u001a�K[^;sT����u�P���D���Ta\u0015V�e\t�\u0015������5#�\u0019�\u001033�\u001f\u0011&�ɖ�[\u0002�۪�WO}�\u0006\u001a�-�dX5��{�l\f�\u0014\u0013����.�\u001c\u0002\tVS_�\u0006\u0016M��Q�m[ʴ�[�\u0003��\u001dY�&�(B�k8�\u0016U��\u0006��5:�-�)�A���\n|^<?0T��擞�UR�\u0002�\u0016�IXI%��^��\u001c���*]`�2���\u0002g��T��똌_�*\u0016\u00143�T{�]U��퇳c���\u0016+n�p9-M��V���4�k#��v\u000e�Ӯ\u001c+�`�Y;�w�XA� ��o�R�)`/&�F*�P�Du2A,j�q�\u0005<�A#���`�<9<�����)��Tt�%\u0018ۦ\u0015J|R�K��x$��l�\b9ʺ�l�Q9��D\u0006�&�\u0012jf�!\n4\u0018Q�\u001aߘ0�\u0002�Uq���� $�ǚ�\u0016�\t�?��)� &�$t@�z����1��\nܓ�;\u0003��\u0003�\u0013\u00034S\u0006��\tPO\n�����y݌36�L�\u0004\u0002-1�%\u0005�-�U\u000e�t\f�u�G$\u001c@�J*��\u0006\u0011�)�Y��'KU��)\u001byί�H�<\u0015��\u0015^���\u0002'�6\u001f�\u0019����l~���;��_o�M��Mغt@�/��\u001d�����\u001f0�\fx�)����\u001b�1<�\u001f�ʗ@\u0015\u0003��ɚ��\u00034ױ\fO�g��G�\u0019=ÙkƩ�S���*\"{�\u0004`�g����Z�\u0016G��av$�Mw�?��\u001c�$\u000fp��\u00182�^�N��c�qxv��\u00182�\u0003\u0018�d��\u0018HP�\u0007\u001c�8g\u0017�\f��������\u0004�x�v�\u0000>|���?\u0017��^@��3��\\\u0006��uYj�]��>�,\u0007]�ƺ-�TeL�A�.Yy�\\<oO���c�O�8���7�-��cw�~}U��L���X�5�����3S��6M��O�,�o�j8[��Rm\u000e�\u000b��J卽\u0015TxZttJ�\u000e;')N\u0017H��3]ӛt��A-Z|�ƿ*��(�a�U��\f\u0002�:6��GȠq�Y\u0015\"b���Z�f��B\u001akn�j-�6\u0014_�B\u0003�ұh���#� ý2D�8V��?ap��\u0016�WG2~³�nz��d����.���\u0012\u000b5��i��b\u0001*���<��ls�\u0007�ם\u0015�����\u0011�\u0007T\u0003T_�F!�;��կ���:��f\u001a��L#�cV�6m2��(�\u0000s��Q��}����&�#k��ˆbsA���_q_\u000f<�(���\u001d��f����\u001e\u001f��l�a(�Q�\u0013\u001e�>\u0003��\u0001\rj�Bq]*�rε��7ص\u0010�VQ-5�ɚ����ܫ�Dgt\f��'\u00103=���J�d����\r���W��jdû��9�Ι�dqM<�\u001bO�<\u0019\u0012V�~\u0000���j\t\u0011�^�7_?D\u001b\u0019��`D\u0004w2\u001eE�ROo�i;��i�\u0016�ewS\u00176�\u00154���`\u0011���D=�m\u0001����N\u0015SRW㚖�t��Ɔ�Z����Qi�^\u0018So�71�o5t��\r�~�u ����X��\u0003f����(\"��yD�[�@�f�W��)9s\u0015k媃�Ja��zs��gС\\���ݴ��Α���\u001e�\u000bh�/�n� �FN&�e�j7��(M����b\u001b<(R����\u0015�Ҧ�a��A��t�\u0005��WO\\(��F�Qg��\u0006�G�O&hk�@�#a��N��o�7j\u0011e��x>w�;�]����t���y{4G��⺴�Gs��9�\u0003�GI�`G���#z��]�?`���p*\u0000-�Ù��\b8b�֌ɋ&�7�����2��:ض]�/�\t\u0007\u001d��\u0016��xa\u001e�>�Ѳ^iUo�Y'\u000e��P���2$���~����8��5��1�\u0003:Vw��V[���b�ަ\u0002#�m��R�os5�����4�Y[@�r\u001fm,K�P�wό�\u001f3�N$�\f�N�\\�*��A���6~�;�\u0012��4\u0005z�d��W֪Rݨ�p�K�E�\u0010T'�jwN;H���L�R�+*5saG�'E\f��\u0006�Q}�1Z\u001e��5�^���k\u001d8�-b�W\f��uoٟ9\u001b[ɖ�ɓ#tb�T\u0016}1߬\u0011�\u001bt|6=��4��f�\u000b�L��N�o��F\u001e\u0000��]\u0001`>n8)�� �d�E��\t\u0006`C�]\u001a��5�nr��\bML_�؃\u000e:�@D]F�\u001fj��q�b����AD�IWFŧ˰h�L\be�Q�C�s\"@9�\u0002�)\u0006x4\u0016F.Ea�I��g`5u�\u0007���\u0003�D�\u001e�#jO��\t����R�,�\u0003=j�8\u001bS\u0005m�B*�*�f&߫��SC�o\\\u0007\u00183��`\u0004�(\u0003e����Rr��K��Df��Y��\"2\u001a����\u0000��� �G��S�L\u0019\t��q��҅5Q\u0016<q���B3�<J\u001eeW\u001b'_��pF]�\u0003�\u0003YVj\f��(��\bU����%����2ӟ虵O+B\u000e���7�K;��'@^�\nbt��P̶\u0016g�\u0006��b����P��4Vw�\u000b�R\u0016�-\u0011I\u0002\tRȉلt^\u0010\u00017�t�\"^�ga`W�\rT\u0007A\u001dԙ�&.�U��\u0014�]�v���3�3c��4���\u000e�f��ir{'���J���\u0016\u0016#�J|\u001aFN\u001d\u0005\u0014򺐢y�Df^�٨�mZE\u000e\u0014-�U�)f\\\u0001+}XG��\u0018���r:��+��x�\u0011�w�h�d��\u00144\u0013r�y�����C\u001b-lFC'M��\f��G\u00134�E���\u0005`�[\bg\u0002\u0007�8�)Z(U�\u0012p]\u000f�(%JU�\u0015L��3m��l�8\u000b���\u0006M�h�Xx\\��\r��y5&Ll\u000fJ�\u0006�\u0002��Û��\f�Y\"�\u000f�Z\u0002N��\u001a$�\u0019ݢ� $\u001dq)\u0015��,�����{:��,i'��\fTCq��a\u0005A�H�)1��Ό�v\n���\u0003\u001d���\u0011\u0019�0��u��wK�&\u0002\u0005�c5B4\u000e٢�5;����m+ř\u0005��H\u0001\u001b�\u0016'��\u0004Og|9(�0Ӓ��]\u0003��u��\u0006\u0000���8g�כ\u0018o25\u001c��T��P�\\�\n�\u001cKGi\u001eH�Ա��\n9t�H�bP\\4b›Y�j[[�\u001c=3y��a��X/�*`=\u001d˓��\u001bT���n��ˇ�?w\nd��pw\u001f�k\u0007\u001c���<���}b���q�v2/�)�\u0015��+~��\t\u001f���<v\"\u0000=\u0004\u001e\u001e<\t\u001d�Ù�.���T\u001a��\u0011�q�\u000e�� �j$���q��\u0007KMν8|\u001bu���\u0015�w\u001c�!1\n\u0015)\u001e�\u0012`ݼ�\u0002�~i9}�x�N��\u001f\u0005:H\u0004���\n2���|�\u0004@\u00070\u00180\u00120\u001e0���r3\\Rkt�ON� @0�8Ġ��q��*\u0007����\u001ePk�M�[\u0016�f\u0002`�_���\u0017����\u0016���A�U\bᑧ�*��5�K�@S�u�]_���FD�%��g�\u0016��\u0002� �O(�M+\n\tb��١\u0018Lh�\u0005�#�X��T[И���\u0011�qr�|JU\u0016\u000f��ʜ/ޮ�\\���Nb#\u0005S�|_�Oܮ�\r��HC�\u0001����\u0013�\u0013B�\f��a�ߢ\u0002\u0005�w���0���}�QYP��h\u0000\u001e���1n�N^���7\u001e�g���[|���}N������/zԿ����e\tL�\n\u001cnL\"(\u0006�[����]�����-�VQ�\u0010�}�3��e,�����hO3�D���1y]��B��K@�U9kfW��%\u0012O/�j�T��i���\b�T�\"�w��=Z\u001a��\u001ak��\u0011�x�\u001c���h��؎\u001b�G�h\u0015���쩃�\u0017퍑��\u001a��c$\u0012>\r�X\u0011e��\fe���A_��\th�\\\u000f(�\u0000��8�UK\u0013\u001d�3\u001a����\r�C���2�S[S��7\u0006����M�\u0013��\t��WG3�\r0\u0016����-�����UPWs]\f4\u000e����m����IrTTO\u000b]\r2\u001e����\u001d����6�*���n\u0006��I�,�.ʩ��dN�5�JwCL�\"g\u0011t\u000f�a�])U4�Z\u000fCM¦`\u0015r\u001f�!��p�\"OU����0�q(ل�w�뉸@i~��P�no��Z���B��˃�1�\u000b��^����B�\u000fJ�?����_\u000f��(ȓ�-,�Ë�\n,֋A���A�����f�|\rQ�*\u0004,B�\u001a�\u0018�.����!�E�B\u000b�u��P��Y`�_/�\u0016�ׯ�\b\u000b���W�\u0015\u0016��4�r?+2�~�Tg�/زG��A�T�/�\u001b�@Lq�S��\u0012\u0007?��{s�\u0003�W���a_��\u0013�VU�<�\u0017��+kyb<���Km;>���q�\u001e\u0006m2�G=��]Q^���Si\u0005����c;�\u0002��w��#];瘰\u0013N:ţ@�\"�N;��#�9�~\u0005λ�K��{⊫��yZ�,y���R�I�!c��Y�d�F���h���ʝ'o��\u0005\n���=�a�zܓ����C��;��/`�3�4��4���\u0018\t9\u0019\u0001>\u0011�+����\u0011SP��PQ��\r�\u0015\u0011��\u0019X$Hf�\"OeU�֘[K���E\u000f=�3\u0019\r\u0017������\u001bw=��K?3G9*�Rx�bJ+�ܜ�\"D����T���1b�X\t������uozۻ����fB\u0007�$��� ���\"5��F+]��W��i��n�U�����#����20.\u000e r�\u0001�,yʩ��F�k����\"c\u0013S3s�\u000b�(v�%�x�A-L8�E�\u0006�8��\n���vP�m\u001aTB�\u0017׋�u\rׯ~�~�q��]\u000f���O�{�M\\�У�Xo{\\\tֻ�t\u000b�}O��������؛����������.�.�.�.î��\"|�|���\u001feΌ+�8|g�K \u0000\"�Pn]1�DBN\b\u0018�D$d��w�Ix�v]�L��7q\u0007����R0xH7\u001d���`�E��v�\u0005�iEn\u0012\u0000F�\u001a�\rS�\u001ay\u0007��n�+'���\u0007��rq.h\u0001.\u001c��x�>s�}S�W�\u0013���\u0017��\u001f�\fF\u001bc\u001bm�KhS\\D�&���uqKܴA�glB�\u0004C���f�\u001eٵ3�\u0011\rn6��� n�`\u001c���?\"\u0018;��7�2X��(�lUD�ae56\u0015o\u0010]�\u0018�.f�V\u0014t0�{U\u001e�\u000eu�*�[�j\u0012Z;�\u0005�}t�\u0014p����u7v�l�\tK7���Ô9��7�Z�7�z\u000e\"a�j��P\r_�FR2�҇�Jj�K�\u001er��i��\u0000�f\u0015B�g�jo����k��?b����t�0YW\u0019�[���ce�R6\ta�3)�\f\\Z]N��\u0014^T�C�t�W;���R\u0006�\u001b���,�;�u�ՉOu��\r�'\u0007\u0015�����'�5����\u0010\bı�����p-�\u0017?A\u0007�DK\u0013%N\u0002S\u0005\u001e��7�|'\u0017⒳�-B�\u0012tX�M��̆\u0015��/�UG\u001e�Z3�l|\u0015\u001f���Z_������?�;�3�p_Z�,(x�ˈ�֏\u0004�xH4}A�w�\tj�\u0018q+�-7蠴�����%\u0012��T_�J?7iPx~��h�B�oX����_��v����\u0006��2�<n��ʸ\u0004����\u000f��O�oo�\u0013\u0017��+�B_O������?q����\u0001������u�\u000b9�g�p\f\u0019\nj\u000b\u001c\u001fk�3�gr�+\u0012\u0005H�ih�:���?x�=�y����R���\u0003vqw��0g*�e��t�\u001fч��s莺C\u001d�4��*\u001cj�[����\u0007�%�Cp\u0015w0�&��gr�<&��W�f\u0012sռ1?�K��Q~��J�&����&!\u0019\\\u0001���C��`8�,ˋºrS\u000fz֫~�av��y��0ag�E\u001eiG�Ƶu\u001e�S��0q��\f�0��\u0017�:9\u0003}��&}��hz\tz�C���뾃���.��\r?����\u0016�?�.�֪7��ś}�3�1�o�,��'��\u0017���}����d�Ȁ���&���36Ы��+��o\u001f\u000e�ݏ\u0015������\u0000_�\u0004�\u000f���\u0000\u0000�z��F`r\u0000|�|�G�\u0011���Vh��&h\u000ez��\u000fǭ����\u0017�1��\u0007�N���jrJ���N>��\u0017��i���)d�t+�����/��g\u001a���U[=���f�A\u001ec?ٴL�ص��|��O;�G�p\u0004 ����2s�O��\u001f�|�\u0016�7���ie\u0017�V}\u001b�*�5���\r�}\u000evn�k=��vԑ����͚\u001br*�����ޗ�语\u0003\u001f�R =F�RE�����*�̪�^��d���\u0019j1&\u000e.\u000bXS^��\u000f���Q�u�\u0012Q�\u0011\u0005\u0017���PQC�+=���UZI�T��W�\n�����[����C��j|��f����\u0000f���4\u0010\u001b�3_9���^����Y��*H�\u0002T�]�\u0002U�U���\r�~�%kX���4*��(M�k^��%hQ|�ږhp�:�1(�\u0011�\u0018۠�\r\u001bא���҄ɍ�ԘY͙٬\u0019�X\u001fl���Ւu]����vu�P�F��7���拹�薶I�P�<t\fk~�r�\f�+�{&�\u001c�fj�f7o_TvF\u000e\u001eN\u0016{��1�0\b�p�`H�P�.�j\u0007s�*��a�\u000b9C��zI��c\u001aOi=���\u0013�;dO�\u0001�])���\n\u001ci!>\u0006��\u0000�d�\u0010\u0007��S5\u001f=��\u001dM��Fԭd�#�\u0012A�\u0018��2�\u0014\u0003c�\u0017Ӣ�,iò��肕]��K��mO��#�\u0019e��\u0006�Z��B-�\\��\bj�jR�Rբ��\u001c%S\u0005��DJX{��c���#©Jw޾�\u001b\u0005w��\u001b/����e�?T�m�5��z��cΡ����y\u001c�]cǵ<��\u000fu�\u0002��\u0017��n�\u0007a���}R[��D\u0005�t�1�\u0001AiV�`�)\t�\u0004Ô\u0014bĤ�����r�f\u001bt�\u0010l�-\r\u001b��#)7?�-C�F�'[�TQ�\u0018,�t�0\u0006W�֑�Q��V�t�M\t��\u0006��%=��\u0006I�\u001e\u001d�|��S�V�\u000f�� s/�Z��굨�8C����.q�.?�|g�����ir���#\u0006�E����1�Z[\u000b\t�H�\u0010��b\u0017\f5\\���\u0019\u0013O#4��}�VH-[�\u0011��XB��\u0015-=��x��g�\u001e��,�ܤ~�I���\u0005��w�>���2�\u0002�-�K��U�]�RÈ6&=\u001e�Tl�Q�}Q�,\u0006@W]�\u000e��\\0h�(\u0017��\u0013er��\u0011\u001fץ\u0005�[saU\u0017�މ7\u001e\u0014[\u000e5�\u0012Y�ͥTA��\n�ǂ�e�X\u0001alA\u001a\rI�>L���:\u0000tp��LDa�`��\u0013+4//�@��\t��M�\u001a�t�Hoq�\u0010/\\\u0017�\r�@���[�D�7��k��V�������Ӟ\u001ad^���\u0011:�ͮ�kDF]uF��7M�.\"U3�vNwJ\u000b�\u0002�����{�d��z�6��!hc#\u0016�\f����,��\u0002�l��AA�u���\"K��2۩|�\b��5���\u0005�iD�a\u000f\u0011M�-�YV\"\t-m������#����\t(�^��\u000b����9Dv[\u0005#OZ��\u001e\u0013�ϐ�\t�.;5\u0016>��S��o�\u0011•&\t���H�az\u000f��R7\u001d\u001dc�bgI�m(�[A�;�\u0018Ac�t�Zk�ڃ]\"a�U���zw�S��h�۵�G\f��IF1A�0E�*N3N�\f��K%X�t���d�\f<���@�/·\u0017ݲ(~�\u00045V���H��.��i�h8�\fM��@S����h&h��$�/�\u001c��jp� @C���O�\f�2^\u0003kD\u0014�(�m�l\u0000t\u0010Ș\u0014��Գ\u001fմ�–>�b�l&�6�M!ʲ��n{\u0003��69����\u0003Н\u0007��\u00183�l\u0012\u000f#s�VѶ\u0007\u0001��Lƽ���(\r��\u0003=LP�����|��D\u0017 a}��ψT�]AVل�(���y��\u0002��3�pc��$�gn��\u0017\u0010m�AfgB\u0013�-q��d}P.\r��'h�چ�W�ʥ��\u0006��O��\r����D/}����,�o\u0010e�\u001c�v[T�Z�B��\u0015i\n��\u0017�,���VU;-d9W�H!�Lr�.&uc\u001blW+ˠ�5\u00064�\u0010UX-x\"\"�¸R�dN\u0001�U�E΢ir\u0014?�onP��dG’O��zf�\u0018S�\u0000\u0002!���~�\tu2�,��2�b4�4@2�`P�ި�c\u000b�`�H�\u0003�\u0019��_�B\u001c/����U�\u0016�\u0006\u00046-s 6���V��w�}\u0016ײW�4���u�:�ü��/�#x�’���/�\u000e�k-�\u0013� *̸�\u0016^��\u0016��sz�`��z�'E�{��$�ԗ\u0010�\u0012k�\b��gE'��\u001c�a��7�Imb�a<D���P�!�W�q�0�.\fY�ϫ��5���ק��)����uD�ÅG\\�\u0011ߜW��\u000fm-A�v����*�\u0001���d\u001f���0,�\raY�\u001dx8�܆����.\u0000�\b<�-\u0011y�=��xJ[\"��\\\u001eȊ�YeCTVu\u0007>���!:��!��0�hl���f2%,�V-���\r\"����>��\tu�\u0010�{���H����:&�����m�\\b�kl�nd����\u001eI=�z��I�3�(�`�BՂ�:MU���Z(+uQ��JCT\u001a\u0017DMi��4�������\u001dj�f-���Wm;�z{:{�xI��k$�f>��B=\u0010�\u0012\b��o��ގ}w\u0000�K��\u0003�~\u000036\u0000͏\u0002z}2`�\u001b\b`���U3̻C\u000f(铿\u000b�j\u0015@�X�����&\f�B�����\f��D~cZҿ�Ō�;��vq(��I��,*�|\u0006ͤA.(�8\u0017�Ԍ1=�I��V\u0006tR#�?�x�Cw\u0011�\u0018\\�����%\u0004�P\rN*��\t���HT�ip\u0012'���͛�WL\u000f�b���Ux���L��L���\u0011c!s��1���S�\u001c�\n�u��Ib\u000e8�nYhI�\u0013߬\u0015�\u0006U)i\u0015@���g��(Sc�N���u)&Ő�J�,��C(\\�W������a�ǭMN��;�7\u0011\u0016.䎥����:\u001f��%�Z}�@1PMI$՛b��\u001e���\u0010���W���S^~~�t]�{\u001bŅ\u0019W�Z��+�7�\u0000�\u001af\u001e�Ym\u000b�\u0011(��#���p�Y�A\u0004�(�\u00178�^�5a\b.F)(E��D%��*vҺQ`�u�D#P��Iy�\u00048f��i�d�\u0003�E�\u0000BKj��CO�l�·��Q��h\u0019TZk�\u001evk�gc;�1�fGJ�U�B�d\u0013b\u0017�)�� $�\u0010{C��t����>\u001c薑\n�\u0004a5�2\u0011S:\u0015I���'�L��<--�qO�i�ma�3Iq�*V�����U��@�\u0017i������%Ns�_�\u0015�\u001f�Z�͖D�_>��ʒ\no���Ӓ�����;�yh��aI�?67�K�f��P�b�x����\u001d�\u0010-�´��w}�f�cAX��Ek���\"b\u0011����r�Γ��a$LJ\u0006�\u0017������~E\u0010���>V6x7��T�\t9˺4��45�v�,Cش\u0001W�j��K⷟��\u001f��o�Ln-3�\u0013�!\u0006�\u0019rm\\�3v�[�Mޞ\"dd����\n�6Z�>��\u001d���eY\u000b�\\ܩ^��\u0019�m�\u000b6\fx•Y�L�xʂfk\u001eB�&E\u0005�J\u0011�\u0013�O��1<V`���ȡ�\u0001\u001e�d�X������_\u001a/I�ǐ!�{\u001d�S��+�J��\u0005�\u001b�4x�\u001d�]�\u0012A2�GKɢ�@�T\\�m�;U�.%�\"rѡ�_&\u0017��\u001ahz8e(\u0006\u0007HS\fq��\u001aiNSc\u0006\u001d\u00112bƩ�+�N�wZ��\u0019�i\u001e\"l�j�����`MHv���\u0016�#6��\u001e�`��9��^d�YÑ2p\u0018�\u001f\u0012�~��К���NH+Ѻ/Ϲ�Sٻ����:��\u000b{\u00105^�\u0017<�\u000e���0��.���o�)Q3��\fO�ܘ��\u0006z���\fIe� ?�rx<�\"\u0001\u0019�&M��)��\u001aQ}A ��&&n���\u000b���6��h��~�\u000f\u0019V�\b�s9���\u0013}C'�w��u�y>F\u001aܖ�l�Y^�N�YAE�w��f��\u0006�c��'F_\u0000wE4��t\u0016\u0011S`�vcd�4s�#/k6\u0016i�� ��\u000b\u0005z\u0012L�>��\u001aw��J��\u0015,@\u0013'͉c>�d�n��\u000f�\\��܉\u0017��ZC^m�\tY�\u0015���0m��7�ӎ^W�[�Qp���F��!i\u000f�!H���5\u001c����M�m�\u0012\u001d�/ej�\u001a��V�C\\ޞ&_�\u0014]��!�5\u001a\u0016W\u001c�r�8}\u0013\f�m�s?2E�\"\u0006Z��\u0017���\"\u0017b�\u0003�\u001a\u000f�:}��g��� N�m��晭\u000b�!=\u0012���+1\u0000����'��_6�\u0000F_9X��\u00152 e����\u00070-���\u0018m9���S\u0002ʂ�О⓷�cF�\u001b��G�7<2�m�!���/4���\u001a\u0006$3>\u000b\u001d��9��ʆ��\u001a\u0011\u000e*\\@QD\u0007�g:��` 2��@T�\u0017������u��5�$�Ó�T�r��\u001e�wM�Uy��-���r9�'I������\"4��,[���[P]�]�� �\u001f�02���6�_��Y~���s.\u00059_��(��?f��\r\f\\U3�j����ݱ\u0011\n�\\\u000b�Z�z���\u001dFa��6��0��J\u00050��\u00009\u0017#\t\u0012�\u000b�(?��t�i��z���lL��\u0005�\u0019p��C�4b\u001d��\"�I\u001e�\u001b\u0002\u001eI\u0012� -Er�7q�ɠ�u�� ��P���\u0001l&���j��1��P'\u0003ݧI�_͍\u0014⧿\u000fd��0џ���$�8��24�L�PO�\u001d.�\u0010�\u0014U}�\u0018��FnٵW�;�-�#\u000b\u0015^n�㶆^���\b�J\u001b���5�|�=�q��\u0014�Q���o�D����v\b��(�\u0015{���@�D\f�=�a\u0000��b\u0019�:�ǎ@F��\u001a2k��\u001c����m\u001cEYKy�˷�*\u0019����Ꝯ\u000e��f��\u0001L��,\u001f2��r�;��E�lRqlD���6pC��_��f�Dǻ!�C\u0004��w�W2a7?$}�s(j��\u001b4��i����75��\u0002S\u0006��\u0011�J��\u0006����z&\u0018⎅\u001f\u0015���r��64H�O���n!�\b+�ł��Q����XC\u001a�[ӿ��h\u001a�f;nCU�n�;nC\u0005�T�\u0002�\u0019�߈ay��\u0016ǔ�]�*U�{=n��|튔\u001a\u0001�\"5M\u0012j�R+b�\u001d�\u001d�U5`\u0002���{��\f\u0000a)���ze1��>yb\u000f2���c��\f%'�S�t�\u001dኀ��~Tr���(�\u0015䩋\u0004�Њ�����j�'\u0019v�}IU��▿��W>Њ\u0007�����\u001fc);�)�o����%��}n���֥O\u001b��M��\u0011[h�qǷP�X��\u001e\u000e�\u0005��1�ɖV\u0010��r���X\u000f2\u0003���\u0010G��eI’X�\u0006&\u0010�_����\u0006��N=9��c�����zpd�QW�C�]���8.b!h�:|\u001f��.\f��C�\u0014��l\u0005ܠY��0I\u001d�h��J~\f\r\u0002\u0010\u000eD\u001fW�{��Zu*�^\u0012=�U�����Sor��\u0011\u0013ī\u001c�76[�s���Z��J�\u0012�p���@]\u0017T��\u0005�>�Z\\&6�����AR�<�X�c��RD�;#\u0001��CΒ�I�l���\t~�V���\u0018�(o\u001a,�ɴ��\u001b���Q�]���g��)��\u000b�j��Z��\u0007S:݅����O;܋#~\u0012֫���\u0002t(N�\u0016\u0019M\u000f8ǽ]+�K@^�\t'P\\�8C�\u0012U2�`\u0002�b�od�.�E�]A#�\u0016�Y3\u0013�S�5���1y��\u0013��\tďl�\u0006k��<�,\tM�GM \u0007sM�h��w\r\u0011TJW*)g�\f\u001d\rI\u001f���f\u0007V]��\u0017�}\u0013+K�t����\u0015-�c���Zp{\u0003\u0001\u001bhK�F����<�;>\b�\u0004��/��I�4�d\ni�+�-��!�\u0017\u0004�\fGѾ�U�a��ڑ�Ym��E�M�ah�}G\u0018(,]���wY0!4�/@4\u0017i��\u001dGF\u001e-LȄ�j�u�\u0013,\u001a\u0004�ؿ���Ŋ� L\u0019h���B_�\n��\u00195��ꬵ\u0002�6�\f�\u00168՚�W�g�\u0013\f�7�C��GȞ-Y�\u0007_��\u0005I\u0015a\u000b�\u001e*h���E�V����\u001f�\u0001#�r��\u001d��\u0002�b\u0012/��\u0000�Q���Ш�y��c\u001c(��M!�j\u0011��@j��%*�\"�2�m-��r+՟J`�Չ�-�\u0002�l��\u0017Cߍ>����v�Xʞ\u0017v\u000b\fG�Ai^�1�0�r�}��U�$XJ\u0010W��>\u0016�h\u0015H..�0��\u001b���\\V�T��~t�|\r\u001dZgD\u000b����cO�O\u0016�\u001b\u001c������S���.���q\u001d�ʾ:� bQ�[s�I_��\u0007����\u0004\u0001��\u001fTuWf�3�u��dy[�C�n��p�\u001a}B�'\u0000���}.��\u0003\u0019+S��:̏V<�KA��4\u0010xűX7\u001d���̼�M�֮��+h�K�\r\u0018�^\t��6Ls/����Ʊ�\u001e\u0005\u0011�\u0007\u0018�n��J\u001bP\u001e�7TL�S��,�q�\u0001��*�T�/÷�֑\\�\nw��n�?F?���M���8?}�#@\"�q\u001b��^�\n=�W�_��\u0016�V��L�\u0010�N\\F�2O1�#_� �;�\u0019\u0002o�/��\u0001T\u0001\u001de\u0014�ә���-(�L����<)k���t*\u000e����X�g\u000e}9��B��s���\u0011�y�p�\u000b\n����������׌��9\u000eN\t��Y�ãWш|$��\u0007Iu<�A\u0018��r\u0007�e�>\u0014�\u000f�\u000fd��@o\t��\u0005N)�x\u0015�L����\u001d�;�A�<�Ź�\u0016�����~�{��\t\f��S(`0D��`�)�%z�\t\u0005ňb�0>?*:�|\f���8���\u0004�����\u00177�OA��>\u000e\r}\u0002�>���\u000f]=���FL7������-�[�yK���'��\u0011õ'CF±�����I��c\u0002\b�\n8Qs�)\u0019,�M\u001fd��{i皵��\u00173�?=\u001bu�\u0015�֪�+�ZI�Z�]]\\�q6!����(���\u0011����-o�S�C��\u0013\"\u001b\u001el�m�U\u000f�;5\u0005|���^\u001f_\u0003�q�7DL;\u00154C@�BS1�X\f��O/��0�\u000e*2͞����xs�\u0005>{\b.�9�LTo�\u0012�X˸��(Af$�J�/��_$NL%�<�\fO\u001czc(\u001e�u�jg�e��\u001b\u0010�\u001dU=@�npȣ���W��_i���\u0013cCc˯�z\u0002=��Vv��~\"\u0010���{f\u0010�T4[����\u000f#u\u001dE\u0012\u0017�/�_�ݻ\u0003��� �{����_�O�����ӎh�+�k��\tÐ�l������0��\u0005^��\u0005���ٰh��A��qE+E�\u0005���\u001c]g\u0002�ٲ��\u0004��X�S�m6���l|+5�������h�ΰ1��Ev�\u001d�7Dg1OuqMþM���.}kͱ��\u0002��׎彽T�\n�����}\u001f6�y*X�.���ӋY�7vwI>��\bڱR�c��F�2˶4c��:�~�ns�l�Y[��TUN>��:a�U�\u0006��� \u001f\n\u0005P���T꬛��S�F+�v�\b���2u:S�M�L\u0014�7�)8\u0004��t\u001e& ,\bL��͈\n�[����\u0000{�#ػ�F�>s'N�͍���\u001b��\u0012�n�\u0003�ݪk7.Y[���X��~����n�8�|���ܙRg���҄�ͯ\u0012��O\u0017S�\u00007��)�5�T�\u0018;�\u000f~�0�\u001c\\�J��\u0001ᓕ\u0003�,\u001c��'�Dj�ǐ��ܲ�>�Pb�\u001bTw�B\f��x��\u001e�Pj���昈K�\u0004�����1�\u001d0�!\u0018�\u0016y�w�9\r \u0012jh\"��ʮ\u0004�ċ\\��/�q\u001er�j{\u0002r��\u0005\u0006z\u0005�<��x��/�V~�δ��=TZQ6��YY\t��\u0005�.ll8����BS|��]�X����R7Z���3$c�X�j�������gi��(��>ZCr��[���K��Gn�b��\b��ח�\u001b����)T?���\u0011�l���\u0012�f����r8\b�`w/��M��@�����\u0014M<�\u0000�#���� \u001dtB�љ�+�8ί���\f�la\u000bwMad��\u0019�Ht�.� �&l���#S)~��[\u0003\u0001��g��J��}�+��vr�@ё�2�Y�8�a|_z|(49�\u001e�Gg�&*��1cbqW��|����vI�px�j_�榙m���xB>\u0016O\u0010j1Jh]�p\u0016�\u0007\b�;�/�2�}����C�����\u0000\\Xyv��s���@�Ⱥ��R�\u0005!F�|�7a���z��ٜ3�'\u000f̎�>�=#_c��'�3\fl�\u0003\u000bBJ\u0005���F�N\u0003�)�\u0018\u0014\u0012�G��|��wݿŞߋ3�{\u0010��h�;8h�/p���t���g��F�U��c�>�6/]f�T���\u001c�\u0019�Z�n6\u0000\u0004\u0002�����[�\u0018m�-�\u001fO��\u0010W\u0017w�����,wQ�K�kѭ��4���!���D�\u001b:�5l\t\u0005\u001bZ��م��\u0007,��\u0010�\u001b �w\u001e>y\f���V�.7)�0�Կ4\u0017\u0016fr\u001fN\u001e���'ȼ�\f\u001a�$S\u00107\u0011��WT���(R�t��է�\u0016��\u0006��\u0001ҳ�$z=��A���.��]B.l��\r��N���աb^��ȍ�0Tt��\b��d�a\u0019p~�!䷵�l�a2�9�jT3�*�\u0004\u0006����\u0005\u001d�R^�\u0015vM���C\u001c�6����x\u0005�'\u001d�3g�Ѳ������JS�\u0007�\u0013\r���1u��5�_�R�����=�Ϸ6qh�Q�Uɨ�-\u0019�@>����1����\u001a���Z�L�8�\u0017J\u001cgI5W��׽F��˵5�\u001e�H#��k�QF�R�->�F%�I\u0006��5�޶����]lo��\u001cָ-�5U�%\u0010Ve!v�3\u0011�6I(�d�r9̟���vȃM���T������sx��e{�U\u001b\b��iFICV�k�o����W�\u001a�8+��g��i\r'\r���z�:��V\u000eZ-��.U�4����é#p*6��|�j\r)���Կ,�\u0014��S�OQ��Ga\u0018v����5,���\u001c3I��xV�ni�,H�Ɩ\u001cߪO\u0017�\u000e)3N\u0001\nU>>�[\u0003�eSe�@m�B��\u0001��u��mm��.�tt��\u0011��Y�z]���\u001fn`��m*)��\u0003�|\u0015~�5&����M��`k,\u0018\t�m���Ɍ��-�g\u001aD�\u001bg\u0014O�H�V��\n\\�oh���˝uF��w��f6����������9Wj�\u0019\u0002la,�,�\u001e\u0004C\"�$���ל�\b���آ�t\u001f�\u0010��J\u0014��ң*��9��}\\\u0019F�ﳣ���[\u0015L\u0015J\u0004}�Y�\u0000\u000f|#*(T�L[;l7\u001f�.�lx�u���\b�FلB���*\u001c+��k�\tՎ�Ч�\"qT\"J\u0010\u0015.�K�\u0010\n#\u0011H1,J\u0010G\u0005Y\u0000�y�S�\u001fd��\u0001����\u0000 �i4\u0001[�byJs��٥��bgS\u000b`��b��Tǭ����\u0005S}�|Ef�/��\u0013�M�8�z�IJ8[�O����9��^�^��nF��XM+U}SeE\\o��%y�{ ��ʒ�g�\u00137L��״w_�w�0���\u0011��FI��L\t`eM]V�Ȱ�\u0000�T�1���P=1�y\u001a�&m�..�\u001c�<M�\u001eӠ�\u0017c���\n��d�\u000fЙ�E��4Yf�~[��1u�B�Nvl6�\r\u0019����s�{�w3 x<vU^�V�V�ͱ�����\u0010�\u0000)K6@c\r\u0014Q�y\nA�\u0011����7�]�o��Z�\u001eTU���|���\u0011�I\u001ek�\n��\\�XA!i�9�/�\u00152����|�h����DIR�eiŬ>�kDq��\rG\u000eֽ�\u0005l\u0013����\u000bX�ze�9׉�EX=\u0002s\u001a��Ku�g�ȓV���&f�9\u000eF�T���\u001f\u0017f5p\nf9h�m\n�\u0013���%Ə#�㉔\u0007곔\u001b�򤘅#�j}*/���/�U4��h���\u0012���d�M�FA���sC�_���&C\u0015��Z\u0011�S���7X\u0000Ә0�\u0011q��H��m��ܗG+U�c�\u0010\u000ea\u001a4�F\u001co�\u000b��N��8�,j\u0015\u0010ƥ�\u0001\u0007�Ջ���θ?r^�by�5�0Τsh��ޖD+WZ5Ǚ۹�I�6��Yݪ�e�����\u0002�����!Q\"�\u0014;�}]\f��KgW\u000e�sJ~\u0010�������(\u0006-\u0007\u0005\u000f\\J�$mR8w��eҌ��)�\u001c�_e^�r\u000f���WB\u0019\u000b?�Tf]/Mb��->�\u000bT?��ĨJ\u001d�\u001b\u0012�\u0018\r\u0012\t?���x��E��r����x\u001c�4;��(~��\u0015�I(���Y�Q��3���K�qL^u\u001a\t#\u0012E��'�<�|�h\fg��̩.J����jމ\u0011s\rV�5�iWj���#�}Y�\u0012‰b'�<��;ң5�皿��\u0002\u001e;\u0017���e���ƭya����B7���^d)�R�h�C��ɧ\"�����Ի���0�`�����Dri�y��4yJ/�UCQ8c��V%Pݑ���uՋ�y�����\u0017����f5ˇ.>x�����Kw\u000em�Z\u001e���>�!��_�?�0UY��d����\r�r��+���\u000ef�\u0013�� ]'?�\f\"�&߆��k��\u0014e�\u000e\u001c��Ѐ�WI���҆ɖ�SaY��r͙���Mƒ�g+��}E��g�N�����\u0019�%�6qx�f6�O(\"�7qS�-\\J�HA��u�@�N�5���Ć�p��9���<���nGMj���`�@\"�f\u0015���\u000eoX�\bM_\u001a�l��~\u0018y�]���ͤ�O�7\u0014Hm��\u0005��$�\u0010\u0016&�CD\b�\u0011\b�(2�� �9���O !(D��E����lcA\u001b�9{k��Hs��2\u000b\u001a�\t��6\bm�V�>/pk���օ3�Qr�<_,w!��\u0003Ņ�\"!\u001d?cƄf�]~U~x�v\b\u0001B+5/��޺Ev[���M�]���d��\fͻ�*9u�:_�����M�X�]�K_��l���W�/Q:\b�E�%�=�֑7x@��)�$�\f��\"UI\u000e�\u000f��LTy��\u0014%7{\u0007\u0004\u000b��搚�d�\u0000j��\u0014Gƙ�E\u001a�eJ՟�@�$'7��X�ș�L�NR�E\u0003;��Y}PJD@\u0001�۳����f\u001f-�H\u0010%J�s˖]6�!qit�(�M��i5ش���Փi�����\r�)\bb�\u0014���m��I��~�sz��:*\u0012qG\u0007�b�\u000b���F�a��#\u0015R4�\u0000I0\u0005�\u0018�\u0004\u000f�}��\u0018\u0014P\u0007�{�\u0002sq�1��Kv/���Lro�m\u0004\u0011y��k�վs3?����tm0{�\u001b\u0003�:�#�¹�y\u0016\u001ey����um�Pw��\u0017�Ke���'{}A��CH���O�\u0017\u001e�V�y�u{y�Q��qxն�u��Gת�5'rsO�>���f\u000e\u000f��\u0006uZ=+��P�\u000b��4�b%��HJ)�[O}��|~E\"\"\u000b�Jf��#\u000bMp\u0013 E�܅,}�q�lB&����w��ݮ՜z�߉?J�\u000f�\u001a\u0019l\\\u0019Z!O�\u001by2\u001c6gu5�ᘭj�u=�UY�g���I�\\6���.�\u001aiᤉ���+Cl|kY�`�u��V��i}K��M\t�\rg�]Q~KWSu�qym���;�\u0006�v��\u0019\u000f\u001f\u000bVk;��\u0016\tV\u001b��\u0014��9)\u001d?��\rۺ�9��:\u0010��q��V����봺\u001f\u00000ŗ�%�+�\u0016�2�|F��\\�m��\u0002`ݏ�uu�\u001f\t��x�\u000e\u0004'�=�U�e�*ڒ22�\u0013�L�G��0��)��\u0017#1�9\u0005�\u0004ta$*\u000b\u001d��\u0004�j�/ �Bm�&{��_�\t�]���g\u000e��6x�x�_��5�:Ş#3\u0007��X:���Pe����GW_�dn���g��ӭ��v��n�~����~6?;�..��\u0002��޲e���3vO�Pl\u000fq7�����5\u0013�\u00174�g�Ǫ1j�\u0012}\u001e�[_2��!а\u0014�t\u0015�d5\rU����\u0014H���t��Ѭ��H\u0001�\u000eԔD*��,�sR�l\u0011\u001d��Z@3�ƣ��$$�LtVX`1\u0005�\t\u0014�\":1\u001b�����mE9t2IՐ��\u001e�X���)��/�_TG\u0016�\u0016���4\b�|\u001dVa\u0007J���ഈ����41#�\t�.v�\u001c8W��{\u0013\u001d��i�8\u0003�Fnl`�c�N`o��Hԓ鴪\u0006\"��@�\u0019h�`�����,(�\u0006\u000e\r��mmx8���]�/\u0013�߽k\u0005iܚ�ծ^��\u0018&���P��˜�\u0018|�**\t��FK�1���Dgl!��\u0000�ch�O�2(�l\u0006\u0001�ɢ1����\u00102:!��\u0018\u0015C�%�Q����\u0003�L\f�.=?\u001c�\u000b�I�޲e�/1\u001fk���-\u000e�*f�ۥ���Qޭ\u0006ݣ��w5\r����Ms�0pJ\u0012�f\u0013��d\u001bQ6�p��?j3^����\u000e��\bF�:��\u0006�\u0012p��\u0012BF(3�r�+���VR8�\u0001\t�'�)ρ��\u0018\u001bsb\u001b�\u0007ہ\b\u000f�\t�\u000f5�^����N\\\u0018\u0016º�r�\u0015\u0011os�Y\u00139���T���Ι�\"\u0001*±@��fKĕ���$n|���V�Bk�\u000f�D&��J+1姯�!���,\u0012\u0010�,�t�ffȼ��`\u0006ٲ��œ\u0015\f��\u0014@�\u000eO��\"��;���.�cx�$\"�a��Y�й�h\u001cF\u0001C�QI\u0014�\u0012�:��I�\u0016��0�n��VQ�s�S}f��,�õ=�����E��}���Mk��,�[|t���l�\u000bW��=�\u0004\u001e9�vN�F���\r\u001e}�O�\f:\u000fL���T{�I���{?U�w�3\u001c�E\u0014\u0011����\u0003�Ѳ�b}mg����+8|Z�+��捕q��(���qrdN\u0017`�Xp_\f}�T��4�a\u001c�v9�\\���wX{6e���h��/R�\r��6@�k�\u0005���H�|�wDž7�k�Z,���]��n�f5-��XOd�W\u0004��fx,{�1�\u0019͈����\u0000���\u000e�60�I�]�]\u000e�k�pp<�h��.�����筐���O!��!![\u0002�xf\u0001�φ|TP`凵�6�A-��\u000e�]k��\b�@\rɃ\u001f1�x��.5�}\t��\"\u001e�2��#:%\\\u0005��kO�y�\u0011��]S\u0007L����\u0006Z>�@?�@\u0017�t\"�};���{eʴ.i�\u0000�\u0017\b��w��*\u0014���O�.'��2��k�Թ]J*��-ņ:c����$�[N�P�\u0010ѕ��D���%\u001f��G�\f&<)\u0005�:\u001f��l7����s����S\b�c{���7����8����9\f���u�P&:���`�8�;�`��\u000f�\u0015\"\u000b�Q��U�\u0000&��3U/�若(����6�`EX,�\u0017ڙ~`��ŷ>\u0018U\u0016��7h����\u001aͷd$�WӋ�\u0010�i�kd\u0015E\u0018t,\u0005����D9m�71�m����1E\u0015��?&\u0007L�L�ߍ\u0003��8�v�L�D\u0010�w\u0018�\u001a�X\u000f|6��@�\u0017���=1A�\u0000{�s\u0016p`S��\u0019S��(\u001cM�\u001a$\u0001�\u0007`�x0��\u0007�~��\u0019�\b`O�9�\b���<���X\u0003�\u000b6g���?����/\u001fq~����;�w�b�\u001aא\u000e��Mѫ��᳞|l_c�s��s抖�\u0012�\u0018e��^����ll��(��\u0000�6�a��f5�ѕ��\u0016^A��'��S��\f�[�o��Q�\u0004\u0011�H�p�bV�omr�vMT�K�lk���E\u0018j\"\u000e�D�\\-�zI�#t�\u0011O\u00113�\u0007�{�\u001d��K)7�]����u�s�,�Əmw�i�L+\u0014�����3!��\u0007\u0014�\u0003\u0013�9�\u0016z ɪ��\u0013\u001e\u0011�u�ܘ����Y����Gg�\\�������)dF.F��3\u0010��C&%�\"c\u0001\u00129V��JJ�K�S��'m.��\u0003�Yi=m�91�$A�\u001a-\u0012wN�$��\t�Z.��QU�\u0006�f0��/o�\u000b\\_�o�~i�ޟ8�{\u0014�:�D~Y8�L�\u0006o��\u0015Ұ���ݘR$�\u0012g�Kå�������hĘ�\n��Z]y�\n_�mb���ڼX�ib���=�q�\u0004���\u00053\u001a\u0018)(iD\\Z\f��+�\u0016��+�Ü�~5#�\u0019��&r`q��|jq��\u0012���\u0017D�eqQ9\u0011��I�4\u0000.�ӆ\u000eq��*Zt;�\u0013�.*���lF�eI4(Y`�%�uJ\u00033Z��\u0001�\f�\u000e%\u000b���+ɑ\u000f)�wL���\u0000a\u0016\u00160�O-�1\u000b�O�\u0017\u0016ЧN/`�\u000b���v���ڽ�m�.�ݻ���\u0002x�\u000ehu�\u001ftPeM�\u000b�4��\u0002��]\u001c6�\u0003����-$=�_y�P��+͸\\�z�}_�����w�j�ZMm��n�gإ\u0003u��\u0017�KK�\u0017\u0001\u00174ZŅ���R\u001f۷\n���XĦ\"1�˽f���R>S'�\u001a�@�9�\u0019�\u0005�\u0013��^�kҜ\u0016^Ş����W�`�\u0007�\u0005\u001d��c\u0011�ɔj*�R\u0005�\u00142̣P)��ݿ���\u0010\b�`���\u00102\u0005�\u0005\u0016� ��}�\f&�d��= �A`\b7xٚ\t>�>�\u0018z��\u0006\u0018�)�?\u001b>o>J�W���\r�vc��\u0002�\n�F�s�h�J5_\"=�T垝\u0007\u0016��~�Y�:���uݱ�J:��f�7�Y�\rj�N���6� �#�L\u0015\u0013���ʵ\u000fz����V>KX�P�#�p#^�\"�<�\u0005[��/\u0010��\u0003�\u0003�M�ʭf�Җ�\fi\u000f,�\u0017啲�\u0015�\u000e4�+-@���k._w�\fV���t9�\rO��.������\u001d�a$B3d�������}h\u0007\u0011\u000fi�H\u0017�W�p��^\rn�\u0012�������zy�^n*��\u0006�=��j\u001f\u000f�ߦY�g��&m�\r\u0005)�\u00072s�o�E`�\u0001ut���߉\u0015I��\u000b��\\.��;�,�-�+\u0004�'r�\u0013��ߖ2���\u0016)3�S���n�ƌt��̜̺�\u0004}!\u001e�+��뙌x]\u0001\u0016�+�%h\u0019����덯]�+�\u0005��H�LY�ֵ�����?;T�M����\u0013s~}���`48\n\u000e6S�{O\u001c_�:�,�\f���>bw3W9_F��/2)�\u001d��B\"\u0014��\u0019�\t�K�8\u001a:�y�AϚ�9�\u000f\u000e\u001c\u0013�!�!xu�Д\u0016���m�<_:�K��j�&T���ΠKV/��g3 7���\u0000=�\u0019���\u0019՗�\u000e�RiTu.ފ~�>g�;2�3���-,>����SO�\u001d�\u00181\u001e3�_jv\u0016��M�T��\u0015��.����,�/\u001a��+3��\u001f��o�=��T\u0013�(n��S��I�T��:d�X}\u0012gK\bR����_\u0018w\u000eF��\f�\u0019W�}C��u��\u0015߇\u000f�\u001a�fҚ�[��?X|�Dý��)3)�)˳1~\u0016@��\u0004���~O}c��-y\u001e\u000e���O��\u001f��\"`R)�#�y�=��\u0002\u0016\u0006\r��\n˨� V-~X\u0014-�[\u0004�/�wr0�xm|(�\u001f��o�Ǥ>`b����ä��,�Cf\u0001e ғ\tIt#³�K��XBǻv�x�r\u0011f�%C\u001b~Ӥ\u0017G���б��\u0015����ޞ���ɉ\u0015�#�6�%7��nz���\u001d9t�;��(82N�Ҙ\u001e�,'%ǧ�\u0013>X��G\"��bĶ\u0012&)5>�ENN���t\u0015&�3{KRH1�'�f7�쌡�Z|��\u001f����*�(�\u0000�G���wf�� �^����EN�0��w�ƶ>��\u0015���}��Mw��\"�睘�?�wO��N�>6 �H����_ۦ��w���\r'�R��;�@��{���;\u001b�w}\u0000��CSӇ���\u0000B����\u000f�r�\"\r�w62���'\u0014N��\u0004��\t\u0015����*2J��\u0015\u0003\u0014�%��I�'\u0002�O\u001b�U\\գ\u0006�\u001b\b2�$���W�-!(�)i��X�\f\u0013.\u0002��҉�XT\u001e\u0016��)b�����\u0012�������|\u0003��TM�F\u0017���\u0015>�G�xdݍ_�-\u001b#:&�\u0011'Egc.�0��;���s��ѫ��?fFP'-�'5}�+�+�]7+\n���=⺗;g\t��\u0003�^u�.΄ڛ����D��s/E���E/�/W�4�����a��.#\u001bA�k�6���=v�1~���޾\u0000?\u0017�5��)���u�k\u0007����������Ĵp��\u0014{\u0000t�$�N�׮\u001e7���\u000f�i����O�\t���\u0019��P̓�ށ;ۋ��߮cZ�?f'&6���ʩ\u0002��:�\u0019#f�:'K{H�?�@�&\u0000M�/�Y㳃���Ha��\u0019]<\u000e����b�1��i���tnXTD\n,,\u0003\u001e\u001f��DDFr���\t�9Fg\u000b3\u001a��M�w�r���\u001b\u000e�+�#���\u0011\r!*9&6<#5\u0012&%\":〤�\u0002�IA����r\u000e�R��\u001a�S�\u001d�L2�2\u0015Ց�`�\u0015� t�oZt*\u0013�'S\u00006�\u001c�X�ʢT�pF\u001e\u0017#ܛ:���hLQ��\u0000rpҪ��0K\u0004R�\u0017\u0016��ˠ\n�Cx�\u000eEO/)���7\u001dD\u0002E�R=I��\u0014�$&�\u001a$6dҔ� LDr\f�UB �Y����k�&8}��_�$���'�B%+\u0001�\u001c\u0018e24[ũ&��\n�W���H\u00116�:���\u001dL�:�N��\u0012�\u001e�w�� �*���������9Rd�m�C�5�6˅�L �\u001a�dj���s[\u0015�MӖ�`\u0002�̍6��՟�Ä`�[��B�c|\u000e>4�A}So�Q\\%6]Md���)��1w�C�|�]\u000e��!���\u0001}�V���\u0003�d�GI�\u0003���<!n�C��o3uӶ����\u0013��\u0013׺��\u000e\b�\n�8��l�y���MЎt\u001e9\u0014��pJh����2[���$C�Y�=�A�H\u0014�um�\u0000#�\u001d5��\u001b�S�/�8�u�m\u001e\u001c<$�:�;��v:FKǨ�SȦ\u000b\u001d}\u0005�C��`l/Wߒ��W/ݷ\u0016�c���uG���\u0004pd���1�oV0C\u001d��/��w�/0��;���Us\b�y����������3�\u000f�;�]\u001cb\u0015\u0019�=��t�^E\u0013\u000bw�\u0013�O\twY��v���\u001fB�e��ԧ�6+�^\u001cp����s+$M\u001c����x���O�H�{xN\b�-Ӎ�\u0014LfDǒ02��'}���\u0000fX\r{m�\u000f\u0018���A6\u001e<縮���7mg�d�<Dشxk�ô��G���c+�˯��\u001b�&����eI��Auf6�����x �C(��Lr\fަl�Q��G�e\u0004��\u0013\u0002�����+\u0004�:z`�@�&��\u001fB��U�\u0018������\u0006ف\r��X%Z�\u000f[\u000f w��l\u001e?��[�\u001c\"\u0012��q���N�����Mqz}[���Mۚ���N�'��\u000f\u0010\u0015�\u0017&\u0000��\u0002��\u0016{�\f\u0015T1#��ɤ�Uo���;Ѱ�*addH<E/d�?5�Ɇ��I��\t�ԏ��\u001b\u0019}m�є��\u001c�d����{��Y���i\u001cFX�S�-��G}5ߴ��\u00174��sӴщ����u��X�0\u0018�\u0016�/�\u0006����P=|�А��VI���K��κ��x��RI#�'��t}�x�\u0012�\u0005�\b_����gJCT�-����\u001b�Q���i\t\u0011��bE�\u0017�p�a\u000b�,�p��\u0001�5r$���GZ#��\u0016�a�^>���Nw�2�i�o�~f*�K���J=C�!p\u0001���7D�B.����E�fjZR<�/�!�|���\u000e� �g��>6_��\u001c\u0010\u000fZ��`x��ݶYy��\n��A���C4FW��a�����?1\u0010�:\u0014�Nf�#�\u0014�A�\u000fq�Zb�*ʣ�\u001a^�ᙄIΥf$7;���\u0006WE�����-�\u0010Z�h���Oi\u0019`�q�P���\u0013]�\u0013�\f\u001dCB\u0015j�C(� \u0017Z�\u0013$��\u0006�m\u000f#\u0005�ф0�i\b�ti�\\\u001a5Q�e��\u0016�MO�?����\u000e6l\u000e~��\"aEGt�>,\u0007;Qf�\u0011\t�8�]\u001f\u0015���(���\b���]#N�� ][\u001a�R�\u001ezt����x\"\u0013�}�;����� ��\u0012�J�+<�F���\u001b��f����Ƨ�\f����י���\u0013]�\u0013�\u000b�\u000fa'�ӑ�\u0018��q˃�˃\u0016y0��\u001f���N�����hL�\u000b�(`*aĚ���7.xÍ��S�\u0010ق�S ��F�Y?t�m\r\u0010\u0018��r��P\u001c�Q��vs�H�ƨ�h��(�Y��5\u00193���\u0002|�/i�@uZZ.��m�ɦӡ�8Ǽ� ��\u0005Q$�!u�Q�tD�Y\u0006Nb\u0003�hfD��S���3DT��Yw�վ.ވ(�\u0015�{����@\u0015�ź}M�_��-���]hioI�:\u00060�gv�x;��bپ�s������.\u0003_�R�1~�����a�Xo�Ԕ�I��\u001a�\r��@�1oo\\� \u0017\u0004��~\t�eG�P*�\u000e���J�8M�4S��\u0016�q\"���6��X\u001eP�MZ�!��d�G��\u0007�j��v���[��\u000e��~\u001c-����qD�B4:#��-\b$,6�\u0012\u0003J�D�\u0012%\u0012����\u001a,D�}4Xl�\u001a�\u0005!�\u000e>��\u000e\u000f�/3��&\u0013�J\u001eq|�:~*\u001b�oA\b:��E\fr��\u00195VT��Ӈe�\u0017Ə�8�ã\"q,}��OF�V�>ċQ�}\u0003&_@�?\u0016\u001cK8\u000b���%�3�9MK\u00174S�Q\u001bą\u0017aF&�S|��U�~�\u001e�;!/-�������{Ͻ��nS\u0001�~GTc����{��q\u0007��\u0001�\u0015iU�d�ɠ���\u000f�;�:��Z����}�\u000f�ˈSz�\u001f�1�檃*����c�;Ե͘n��l\u0011���{����ϝr�����27����4�K\u001e�C�]\u001f��\u000bB��3~�҉����\u0010�R\f\u0006�wC�(\u0004C\u001eV;]tLp�\u000b�)A\u001fkK\u001f�\u0010����䐎�fG�t\b>y��G���g�h\u000f���zi����t�\u0010,��\u0002���\u0018\u0015����\u0018�toyV�\u001f�ܴ�]\u0012\u001bv�\u0005v ����\u001fG���ƌ�������׵�EJ�V�#�E7���|���y���Ein!\"��?Y�ۧ�%m�Z��Q��C��#��L\u0018m������Q\fk�z7E���Ĉ��;\rX~J8\u0003Q�{����O?nw5��wn����=|pX��h������\u001d�|�zvX\t\u0014��Ko�e��^�De�#�T\n`�����^�W\u0012:��h�K\u0002�}Їe��8�&���QV�,\u0018����̾\u0015\u000f{y���2��]�>���}���_�\u0013�//>�\u001ez�/�>��]w?�����m�����\u0007���\u00010�?T\u0000x\u001d\u0000\u0000~��\u0012(!\u0004�7�QBS�B�\u000e\u0007A\n)#�%�$�\u0016\u0007)�Ty�z��(1ʘ��\u0015O9�VV篽���$�묾�C�ڨQ*A{*�B\u0012\n�\"\u0013\u0004As�r\u0006��������^�i\r�8�wdE\u001c��\u0016m���#��V!�����TLA��\u00145�r���\u0005�)7�\u0013�nc�j*J�+�|i\u0001L���$s���G��\b�z����\rG\t�b�\u001d���a��m�\f��\\-ye՘���\u000e\u0002\b��\u001dN���R:�S՘�\u0010�F�&E�hy�}�f|\u00182��\u001bZ�J�T��dX.\u0010�>[�5��\u0007�}U~V��u��\nN�H*�7a�N��[��m�y��H�L+����\u0011�O�\u0016��)�\\�B\u0012�b\bc׎���;\b\u0016s#˘��cM�T��+䬰L��vPa�@�i\\������ӓx���\t�\f\u0015�(ܷiG�ë�a\t��Y���\u0018!\u001b4b��E��\u0010��H<�竐��� ���\rqg�&}�\tj\u0002)Ph�E�^�2\u0002\t�\u0004��\\B=�\u0002��0�\u0004R���\u0018J&\u0016��(L��\u0014f�N\u0010FgE�\u000eM))\nJZ���%-�$\u0012$[�ͺ[r��\u0015��*��\u0006��}6\u001bT9\u0014ܼf�H\f\u0019P|��\u0006+9\u0005�^`�\u0004�!2J\u001f�\u0007谛�f�Ltcp�%��-)�\u0002J�fQb��c�#�#�pݮMg\u0006�V\n�\u0010\u001b�\u0012قY}\b��ѣ�xG�~IP�-4\u0013o�g�2̛\u0004E&(\u0004��/\u0011�)\u0016�\u001e���֎��mM\u000b#�e�\u0014A�\u0000�\u000e\u0007\u0004�PJ�ud]C$\t���.\u00140��\u0012M%8^2�e��\f��l$\u000f#9��*(\u0000mQS��^�$`�-h�\u0018\u0000)��n\u001e��SH�,��O\rtn�cZ�-v��L\u0006 �b\u0019\u0010��VXfX&�g#4�V�\u0016���\b�\u0006�Nw���\u0014���\u000e�\u0012�e'\f�������\u0000���b\u000b\u0010@��)�k�l��}(�*-��$S\u0006:��j�BvC���@���Fa�W������Z�\fXs�C��p������+��`\u001d���+L0i\u0010�޴N,T�2�\u0011��5��z�p\u0001_o{'�\u00070�>\u0011=��-�X�\\\u001b-��W&����?�^\u0019\u0013�cs]vz�*�QGᨶ43\u0000\u000f�w����s\t�\u001a4d��uƌ\u001d4~��\u0017/�c\u0011��j\u001d\u0007ۂCt}\u0004�oJ�3Zc�T��\u0018Ĭ\u001e�7������o�\u001d,�Zܲ�\u000b��)�=��Uoi����bE�\u000b$�ݘ�Ii�-\u0007�\u0018\u0004��g�\u001d��<�\u0002(�\u001c+�kW\f�zCW\u0015I\u0006�c$�\u0005Eݣ.��\\�Gc\u001ei-\u0004w\u0000j��J�\u0014����f�\u0017���:/�\u0012 ���'�]@a�lhQ#��A!�\u0001�7\u0011��\u00121s=��\u0012J��S�u���Ћ�9[��Ln�<=UAb�\u0006���\u0012��\u0018ʡI�\\槞��}����V�L\u000b�\u001e�v\u0016\u0004V��v\u00040F\\\u0012������r�����,\u0002�=�\na\u0004�D�����'r�@�O@e\"�cS�teZ�\u0007��\u000e\u0013\u0005��c�~\u0016��*���O4Ÿ�� �,]6�1+�)ǣ���\u001f}hj��\u0002\u000bᄋ\u0004y��\u001a�;a\u0016\u0018t�\u0012y���ߨ�\u0001#��ݬ��B^�\u0010q\u001a\u001a���J��u0������]\u0012�\f�-\n?�-�\u0019�2\u0013TdO��iN06����\u001d�%\u0010�1�\u0011���z��\u0012��(,s�C$��ף��\u0013A�̚h�0z_!�N�|�L���w>\u0011c`�\u0019K��W��\u000f�y�l�w\u000f4B\u000e�y태�#�A)N$g[��A�F\u001f\"�Z2�L\u000bɞ��lb�„\u0018:LP�I5d00L��Y�ɤdd��V��g[\u000e��@�u�C��CuF��\u000b�LhS�5\u0011\u0003)�J�x̼ў5E��:&̼\u001a\"�x=\u0000���r��*\u0011�\u0015\u001aj�\u0016�3MR\u001dcGr��:F�{zcC[�˰�B�1]�DT\u0004[�J/\u001e�\nc�lpYC0mE�1�m ���\u0003U\u00022{dgo1�O���p{?�E~\u000b���Z�\u0012A�a-����\tɓ�\u0000��\u001dH�L�S�\f�C�g�k��V8�%�b��Ճ��c�:��͐9����w�\u0001��&+H׺M\u0004��k\u0018*DC�E�\"k*6@ߣY�I�Y�R�{\u0016s�\u0014.9\r,U s,\b�Z���\u0006��Dco*\nT홹]�7ߦ�a��\bk��9�N]=\u0000��#�Z�\u0004�\u0018\u0001\u0019�*�\tn�\u0018���D�Ғ��D��-\u001bb��/\u0018$[�)J�-����-�]\u0015\f�i�\u001c�dZv\u001bT2\u0006�\u001c,�:\u0019/�X�Ʀ�a��\f\u0004�A�\u0005��\u0003��R$�f�{�Am�y�|�t��܅�h(J�p����y��\u001e�U�JE�V�@V��\u001e�ɩ\u0019�>S����\u0005��\u0004ɑ\u000e��-0�/\u000b�\u0016D ���s+~�\"Fe:g�B�\r>�_��ύkÓ�1o�\u0011G/�\r2dp\u0019��\u0007���e\u0007\u0014�tk��\u0010�ܶ�R�I\u0014\"����K��\u000f��Ήo\u001c��(�N�<��Z��2�\u0004<���6�vI\u000fm\u0005�)���\u0005lX�V#X6�\\��)�v&��.�\u000bҼ�\u001c�\u0003�<�\f6rei�n�x�W$\\m��\u000e$n��\u0011, �p�\u001d�\f|��J��d\u0011�\u0012l���9\u001a\u001f�%\u0000\u0005��\u0011\u0006�ֈ�|-=g\r�\u0002B=���!���\u001bE��\u001a \u001a�\u001e�Z\f�x^ hR\u000bvH|P�*Nur\u0002�J�Y����)\u0003\u001eM��9}K�+��\u0001��b`!�\u0013�{�V:\"��|�/3r����b\u0010d0�wM�\"W\u00072�\u0017�dOH\u00198M)\u0017�������\u0006��$��f˷�\u0004ǜ�{\u000bQ�徭s2�3N\u0013ث5,B�\u001e��^�^ԕ��\u001d�R�(�4e2rP[S�&�}���f�w^z\u0012w�_�4��ԋdˋN\u0006�\u0017D��������%�}�BC/�\r�>\u0011\u0010S��\u001e�F)a��1qb�C���O\r�����\u000f��e=���s�z�5V\u000e��1��0����GE��\u0013=�GU�\u0006\u0010/��!�̉K��8ʒ�je@.��F�z��l4\u0013��G\bK܎{��E\u001e�-��fk\u0001o\t\b�\b���\n����\u001d��)���\u0007�:ݪ��ـG�\f\u001c$M�l�\\[�\u001ey\u0003\u000f=^g\u0012D4��\"\u000f\u000f#����rJd�p{�\u0018\u0014�8v\u0019>�X/ɰ\u0014�]��Qު~�9�!%CA\u001e�P�\u0016?�B%v�}+(s��qN�|Q`\u0014�L(e\u0019�E\u000f���a#\fK��h�fc\u0017?�>�U\u0002��w�'9�L�V#�Q�͡����\u0016���\n\u0003n��qM­m(�\u0015\rt\n%�b5�Z��8x6�(�����f��Ɣ�U=���K8�y1v~����<\u0006�i[w�3_i�cjHA���ep\u0014r�s�p�\u000emeF\u0010�j�^\u001f�<��x�����73�\u0012��\u001dNz�� y�@��i�k�\u000fb�fK,�6� �k�\u0012��m,_�,�\u0000\f�`F[�\u0012l\u0013t\"�\u0001�\u0017!D\u0010'[\u001a�\b\u0001�K��z!��!���(?.T�\u001d��P�U�4����I�\u001cBR�\u001bm�;��I�\u001a�6�'נ��DO�y�,\u0011�H\u0000\u0019\u00149†y�.P�c0-��!�\u000e2����|Y�z�`j\u001f�����\u0019n5q\\�:\u001eze��]R�Pg{\n�\"\u0002\n&�Gs�_!\u0005q\t��\u0012.��UGc����_��!�`�\u0019x\u000e1\b\n�\u001f�'w��m��\u000e�\u001e�|���@�J�^�򰸽�\u0010�-c.�eH����\u0004b�\u0019�X��\bN�Մ�\u0003\u0001\u0013:�9�[\fps��8i�r_�E:�]7�@!��\u001b͚_F�ƕxe\r)#\u001f��\u0017� ��%�}i6�z�hq�,ߢ��j˹�Te\u0010���\u0001\t�r&a����4f���oY\t\u001b+�j�Y^��u���0�mPJ�\u0014�R\u0015-��9�[\u000f\rC#\u001a����\u001d&V �!�aP�\"$\u0007Mʛ�\u0017\f�u�\u000e�X�\n/�3�[Y\\\u001e�fN\u0005\u0013\u0000ɠ)���W��^�L pvʃJ�Ub�\u001d\u0000��\u0005\u0002njhx%N�s\u001ci�j\u0005\u0019X���X%Ѥ���i�%��Ά�/��B\\^�\f��q7�H����\u001a��m�:ǻ�fg-�.�/B�\u001b��^�\u000fs\u0013<��\u0016\u00158\b���4\u000bY\"[tT�\u0013�d(KB�X���fȝrp<lj���A�K�L��I\\ބ�^\u0006\n����\u0014��Y��\u0014ٝ.\u001cU����4\u0000o�Ꞻ^&^\r؍�>�k=�����[�))_,�V��=ʦ���\u001a�����@�}�� !Mw�o�p3�>����6u�&\u0010�\n7�?�y�:�ƭӥ�9��Lƕ��\u0014��>^�m9Ps�&�Ϙ\u0003�n\u000b�\u001dk\u0000\t�kPs�%�m,F��}W�b�IH U��� �;gs/@}�x��!X�%4N�s�F��\u0018�\u001d\u0004\r?3�,r��4�;�\u001eE�E\u000b䞱R+���\\!�\u0002(\rt���T��\"\u0003�^�%{^��U�o�<�Z�l5[\"a6zR()�0ؒ�\u0001�d@xA�H����A\u0011��l�\u0007V\u0015w\tq�n\u001f>�{|���,/ ��\u001f�\u0011픫\u0013�B9{\u0015��Q'�\u0005H���+�����z\\�l�Ye�Z�e��\\��5���x��m����z=��\u0016�#\u0001���yűN\t�˛\u0014��Lԍ�m�kI3�U�˶)�դ����z�ӭmFT\u0014��I�А�^�C�H\u0005\u001a��\u0015��o�w��+�t�5>Q3��\u0000�����D����[������W�V�8\u0017���\f\u0014ޅI�c2Y�v\u0011/�\f���^�\u0001�Ǿ5�֖F\\��ښ���|cE��j�\u0017��9v쌼-��\u000b2�\u0012+�\u0011�\u0000l�\u0019WVC^�/�U�o\"̌�*�\u000bA>zmmˈw��Hs\u0003mk��c����G&\u0016�|^\u0019��0�J�f�\t\u0011�@]��}[\u001aZ5?�[���\u001b+6XF����Sh��m5��$#U��oa�bE�5$u\u0015\u0017\r.��>�\u000bI����\r�����\u0019�\n�3G\u0007\u0018y�#[��hg��`�K�;\u0006�~��{z\u001e�����\u0002'�P��\u0000Re�KN /\u0014x�\u0007�\u0011V�� ^w1�����7�ڻ\u0003\u001aԳ�F ����dp�;\boe.\u0011\u001e\u0013L�7���\u0013m��$2����m\u0001�7�t�g$��) K�ҽl�Od\n!~\u0011��в%\u001d\u0004��UJF�0@Zw����\u0011,6.x�ʹ����\u001c�Q\u0006�\u0002�rd2C�<�\"�?���+\u0006�ћ��9�d\tgy43��c\u0014e�`\u001eu��40��0@je�n3��7S4d\u000b�����)�M���e��e\u0001Fs���\t$�\u001a�m(Z/k7ۙ�+����~�?��\u001f�*�����I�:{��|}Ǭ;�d�mwx�M�� 8��8�ג��\u0006\t�ty}�=?u&�3i@�w�w\u0015�~��y{�kֱR\u0007\u0001�H�J$���\u001f�\u0002�\u000f+6}��P&\u0006����\u0004���\u001a��\u001c'@\u0007��,\u001e��J븞��8�Y\u001d���\u0005�\u0005�?ί�FSP&��~-�S�T\u0006\\�A~\u000e�dN\u0016��u��Z�j�k:�*���bV/�\u0015\u000b�{��6\u001c@\u001d\u001c׌��W����A[�df\b�4���\u0013_�G\b�\t�\u0003��\u000b����\u0019��I�_\u0005�wDiJ<\u0002�ia���\u001dka�d�\u0000nETY��\u0002�R1\u0018�G\u0017\u00032�޹����:�9�br�{�P,8�\f~ANp�����#\u0007�ˮ�)�\u0011%��=��\u001c\u000b��� ]�\u000f|v\u001dsqV�M\u0003�+j\u0003�\u0014�)&�T\u00176��|\n\f\u0015ߓf�o̞�!�6�Q �!�v@'�﹇9%=ۄ[Z�\u0003\u0018C���w���\u001f\u0019nka1��`ڼ��0Q\u0015\u0019�&֑}\u0015�݀I���Q7\u001d�^��SM8��\u001a��\\\u0013*��.@;h>���U���W��Z�h\u0003)\u0018��D\u0010��]6�s����Ec=�Q�(�${�9\u001a��U�\u0013���S\u001coM\t��{���i���������D��h�KΥ�d2+m�<��3��c\u0019�\u000b\u00141%����mSyENLb�8\u0004i�.]���Y��d\u0000\tv\u0004�y�?\u0004~�������J�6�FU��0�D�\t��&#\u000eyF�\u000b�\u0014��1\u0007\t\u000bg���x���\u001e�+�B\u001fJk\u0003<{Y=(�`\f;\u001b��B�\u001dj��iZ�;YSؾ�\u0005\u000b\u001d\u0000Y\u0001\u001d.�(k��&�h\u001d\u0000Ҁ�F�c��$l��_\u001e��3r��\nHF��\u000e)';�U_�C�\u0015���N:�o��=Y�\u0003�*�~�Ck1�>��\u0000E\u000e6�f&�ʅ�\u0018��`�[\u0017VK\u0003�M\u001f)\u0010��r`�C�\u001f��+��;�hD\u001c<k�C_ET�$\b�A3�F���u0\u0001l��'A�KV����2\u0016\bxO\bhÙ\u000e��V\u0006�=;o��b\u001fA�!ˮV�\b�$ب�\u000e�\u0003[*��->��*�]\u0003�\u0016s$����U��)��-\u0006���;ۡ\f�y0�\u0017DP���\u0006�\u0014{�v��P\u0004{v�=�y4?d�GT���8\u0007�\u0018rlf�&�\u0019\u001bBd\t���*\u001bC����U�L���1o�eN&��H��K�w7vƩ���\f�F\u0007����̳��=�=��݌���P�/\u0003��՗��)�O\u0000�6���M1���j�qd���.�S_�\u000f��\u0012.���m����r�+��R�v#\u0002Z h�Fz\\F�(�\u000eF�\u0013]N��qoF]�7\u0015����+������2����XW^�m*dT9�b��r��2/���|:\u001e���7.U���S�ɚT6�.��އL���\u0004�S\u0012��8x\u0019G���ZGB�$��ps&\t)\tdĽ�����Q�3��\n:��LVDM�\u001c�V�\u0019��`&꦳�U�U�v�.@�\u0000n���*���@����2���\u0010���iE��&�e\u0007�0�&�'&X\u001c���'7��Y�0��V{�j�e��ߚ%�y\u0014�\\|��A&\b�Crؼ���p\u0019[r�#w��^�J��ԡ.��\u0004@�>'\u001ct�\u0016&`�\u0014X��\bF\u0019\u0017��\u0003s�;�\u001a��\u0010(0�V\u0005��l��ȩ�\t��\t�ɚ���W.2�\u0000`6����f�\t�t\u0007\u0005K��1 ���\\�\u0005$��KB��TM�%�$��\u0006\u001bY,��\u0000\u000b6)%�S1\u0000���{\u0012�E�j�ki[�ޱ�sI�)\u0016W,\\���V�B�4(���\u0018l\u000fT�.vd��$\u0015�1\u0006�5,\\�\u000b\u000e��<㑧SnP�\u0004jF=@Qn9fg�YE\r�L������\u0005�y_\u0001��'X?x��\u0002>?��%�v%;��6�'n��*�@�\u001cP[x��ٜ��E�U���x��s�Y��k�S�8`�gS}���\r\t�\u0019\u0006��\u0018}��\u001b�g���!E\u0004���\u0015�{ɸ�Έ�\u0018���q��V�p�if�\u0017�\u0000\\Fh�\u0002\u001a(G��=��q�PVꀐ��d��\u0004�\u0005�w =����\u0013S��\rԷ\u001d3�\u0003\u000f���`�;�.\u0005�ڡ~�\u0002�\r�83�AV���\u0018Ձ-!�4A�2��}x\u0004m�஧��s�� &\u0010��\u0003]J�'��,_�M\u001e��\u0016\"ȱE\u000bc�\u0006U6Y5\r&�.�:.@���O\u0019i,��)��\"��\u001fx��z\u0005n�?�\u001e��ioǞE\b\u001d�\u0012����\u0014>��\u001a�3l#����c\u00056'�b弞?~����OD�\u0014\u0006N\u0011��@\u0006Y#�D�_nǡmF}�-8�\u001f�R\u0004����tQW�:��PX\u001b\u0000X�GJڐ!V�=\r��+e%��iw�㘯܃y�B\u0013\\��6bW��Yٵ\u0002���x�\u0006��ڴLϻ�M�)�?eX\u000b�y\u0019�6�e�Y������\r�2�\t��P�P��e�S�\u0000,�ę�y\t�\u0015��\u0017���i��\u001cIj\u001d,\u0011�z�RM\u000bW�������Ai-�5�%�v���O�\u0003*H\u0016��­c�����Col��_\r��\t\u0004zO����m\u0015�1��#\u0003nj���\nj�}�'�R��<��0-�f�q.�\\�i[�\u001dK��^H�\t�Ҥy��\u001bu����\u0016\u0001�\u000e�U>߰�U!ٻ�\u0005ZC�K�A\u0014��\u001f˷��\\hk��m�{ܛ-��vP\\xW0�\u000b�\u0011��K���G�텙���p��g��W����GM{�j)V�$�\u0018�™_h9T\f��p�o~��\u001f�;_��� �Hy�ѩ�PsE��\\E���r�N�-����KU�\u0006���2�\t����%�J\u0014\u0018ٚ �\f�`�\u001d\u0001\"��I�}\u0018���-`uO{�brtq�Kڨ\u0004\"\u0017y�>�ۀ�a{ G��ex�\u0016�\u0000��@���o���Q\u0004x��M�\n��x5R\u0002�Z\u001e5it���\u001a��\u001f7�CQ�p�O�1Z�%�X���\niWU\u0016zh�\"Ocq]��7�`��2�܉��ߊ\u0006�D$H\\i0\u0003ږ$\u001e\u0002[o\u0017]\u0000���g����x�WtOf�����X�v�6�~�\u0016�tT�\u00143�\f��01�\u0016cF�]�<:�\u001b�\u0017%\u001e!�\u0013\u0013�)��m߈� �\u0015�Sa�o��U��K\u0019�S\b\u0012\u0006S\u0010c��bYgX��>\u0004y� \f���y���X!��ޤa\u0000�ekT�u�dvr��\\O�~�L�\u0018Z[�\u0010wh�+g�L�I�Mljud�\u000e\u001ci�\r%�\b�2\u0015�Zͭ\u001f�\u00150V�~��{k�\u0004\u0006�\"R�\t�h\\����ZE��M\u000eC�������\u0010p���x��W�E�x�L��‹\u0019�\u001dZ�\\g,�\u000b\r↪��\u0000:�\u0013\u0017��\u0018a�:t��O��*�\n\u0013�{1����7�%��1v�zօ\u001fz���\u001f)q��nRe.�\u0003�H��{���7\ffuE�\b;��,k`��\b�F\u0006z�^�������5tҗ�|]��|#���\u0006@�H�FQ)�*c`�G\u0014�\"\u0018A�n�b�C�:�+XX�-�d\u001d\u0015[\u001b4q�����\u001df~&OfU��\u000f�E����P;��#\u0000E�Q\u0017c��\u000eQ�\u0003�@�a�@�b�O5�K\"�\u0016�Fc�[,5>\u0005��k�\u0016�:\u001b-���^_���YׅQ�#��)ƨ����\u001e\f�m\u000f�1g��Dkn�_�~���\u00011\u0002M\u0000\b�}�v�?�,�N��\u0004�\u001b��|y���H�\u001f0\u00049\u0003Ȁ\u0000\u0000\u0002�?n\u0005z��\u0019��\u001f��H�f2;\u001a�Њ\u000e\u0010�g����W�dSc\u0010eC[�B���r��\u001c��J\u001b\u001dB\";�(\u0011H\\M�m�\"\u0000\u0015�K\u0005�n\u000e�7� \u0014�B�g��y\u001c҃�#�Y)��G��X\n����u_��w���\n��A�\u001fA\u0011\u0007��.�V�m�\u0004>\u001e�a\u0001�V^g�=��W\u0016Sx�\r#0A�3v\u000f.�m�E�Oȟ{n���\u0001��a�+��8ց�\u001c#�]=��y��\u001f�m�';'�Ämt2Pf�����\u0002�x�-+�\u0014�\nk5K܂x�$�e-�+\u0012��F�V�B�\\���FG>���\\'\u0011�<B�Sk�{DˇV��L3����\u0005�\f��pMI�fC\u0003�R�\u001d��J;��$�D����\u0011$[��p�l\n��\u0018R�^�o\u001c�\u0012��\u0013;B�p�|�ʦ��\t\u000f0\u0014e\u0019�@�]��6�=Ӆ��L��\u001a��e%R(4$\u00071�q�wD�X\u0007fw��F+Yyi\u000b\u0015�3�A�m�Kf\u001cW\u0011췞�}�\u0013M4t��h\u000b�\"\u0001R !�Gʽ]\u000e\u0001f\u0006��”\u0012c�l&Ü x\u001cu$˺�����\"\u001e��%25I�2�T�U AbL\"\r\n\u0015,znCY\u0003�C��\u001a\f{���\u0005�\u0016輗@�b����r&/��9�E\u0007��Pֱ��O7\u0001�.�i�e\u000f�\u0013�\f\u001d�-)\u0003�Sm�\u0005��}:�\u0013\t6\u001c�Dz\u0019�\u0003��\u001c�?���3V�4��2 $�\u0015o��F�E�2�\n�O����\t@���:\b���\u0011\u0015L�� )�i02�K�=+b�Ҫ[q\u0018Z\u001d��Fk8�\u0004١zP4.d�\b{o��d9L�\r\u0013�������،\u001dm�3��P\u0016K�CE�\f�2����ܗ\u0010Ѡ1�J�}Ϛ�\b&�q�����\u0004��5���.(l�r�v9�O\u0007�<aw\u0017��\u0016�Ch�`q(���pP<6u@�\u0002u�(29�IWe;������C��ƶR\u0001�-sX�0�\u000b���\u0007����*�$�U8&�U!h\u0013l�.�R\u0015\bS^�!\u0012_�}\u0015�\u0013\u001c\u0014\u0000;�9b\u0014Z�\u0011�j�\u00008��\u001e\u0018\u0006h�F\u0002�\u0011\u0016���\u0011g����ީ�''z6\f*N����\u001eI��\u0013����CI=ǚ��g,�^`�:�K=�\u0015���*9�P�JNw��Y\u0016X����]�#-��:=ͱ���\u0004;��X[��vڂ\u0001�r�o%�\u0019�9\u000e�\u001d��n\u0003[�\u001f��E\u0007��f�+�#�zB�쪬���F%��\u0011��jq�4�P߻E���O/QU߫\f*���S������\u001b<6L\u0013V��;6F�\"�B_Pfg���\u0015sR\u0015���fr֝�I?t�\u000e�C\u0018#����X���a���4h*�B�\u0019�\u0017��~\u001b�B����ۀ�1ADUCEX'���\u0005p�\u0013��\u0010�H�o�\u001a\u001d�k\u0006��rj��\u000eG`�P�\u001a�U�$#Alm|\u0017sj\u001d\u001dK�Ϯ�E����S�L2G\"��\"��L2�A�\u0000\u001cb2jMg�����\b[N�r��ɨ�j�F�|i�#��\u0012��Z\u000b\t���\n�\u001a>��w\u0007\u0010X���!�<\n(C9\u0014�@\u0011��B5�l#l)\u000bu�j����\u0010�$<�m����/���P�⌙2\u0017T�3�\u0014��3K��D��W� �n�?`� ������\u0012\u0012\u001a��=>�u}��\u0011#���\u0002\t\u0007\u001d=f�8υ\n\u001b?!\"2J�D�nL�v3&6.>�4���I�)�i�\u0019�Y:��ߛ��\"��s����җSӦ���/(\u0014m���\u001d�3ݝ5�dN��ye�\u0017,\\$F���%\u0001q⽯��\u0015�t���^�XYS[W���ka�\u0011�Q�1�q�\t�I�)�i�\u0019�\u001cy{�s�_�W1�\u001e��<��U5@�}v3R\r��\u0016������=A�<��\t\u001adj�\u00045�\u0014�d�E��~^��0�{�O?C���稞�ŋ/����WP_}\r��7�|�\u000bt��/���{�+�\u0000S��\u000fU~�q��\u0001\u001a��\n�\u0012m�v��N뀹OR�c/\u000e��p�|���d����A\\��\f3��\u0017��c�\u0013�m�[\u0015c]�6�a%�#\u000f����b����{�\u001b�\u001d������0�b8AR4�r� ��\u0006��l���\u000e��ݩ\"\t\u0018�e�\u0001\u0005l��ž\u0003GN��L�X��9\u0010��\u0017\bEb�\u00146153��������w(�ߡ\u000e�;9� 2T���p��.��V�`��[��J1�d\u0010\u0018����_�\nW���W2`�)���n���6\u001b\\�T�j�)�G��\u001c�\\4��B\u0012���\u0005��H8��p��`��0Rt�No���\rw�50�!\u00061� ��\u000f\\�MS#�\u001ct4*�V;8\r��\u000f\u001af\\\u001c���-Ya�WF�gH�(��\t���Ž�9�S�#\u0001!\u00111\t)\u0019yT�!�8m��\u001b\u0018��YX��98��yx��\u0005\u0004��wb'wj\u001eS�W�\u0014�x=t�]%n���\u0014�pE+�ff�=�_�E��4�H�����\u001e�C�\u000f�\u0006\u0007�KRҒ�H\u000f\u0016���[\u000bw���0����\u0014\f��_��\u001c���0\u001e-\r\u0010���||f�\u0002ĺ���G�\u0015�2�8�\u0019K�BvLv\\��3<��*y}C�N[ �ʐ��}j�:�gdB�YFW�\u001eb�iL ��,sB���?\tB\b앃W�BޒN]\u0004\u001b/\u000bp��t��պ\t\u0010.\u0015��h\u0013n8�$�[̂�6�q\u001c����\f���i\u001b\u0017�\f���ӄS����\u0013h(\u0010\"i\t%޲�%̘�b|��Y���\u0011Y\u0001�e�as���������i��\u0013�6��k{�9o̾�S�TH�\u0017�B�-\u0012Bjm��l�u\u0013a�$$������e,\u00149YG�K?�D\u001dJ�n���~�mi�/��̗\u0005܂ef��z�h}�j���\r5�\u0003��q��h+o6�a;��u��\u0010C:�a���ޕCc(\u0007��W�w���郹0��\\��B�\u000eqn����J�\r�\r{�\r�ݍ���bc�Y��\u0003�rÁ�ݪ����K���e��c��\u0016�!�\u001a�,���D��u�V�JuJ><��9]�w@��$\u0014\u0014� \"\b(\f\u000e�g\u0005�\u0018�&�RC5?�éc$\u0014\u0014V+j�黂y&a��\u0000�y-�y�f�)�A�ށT�P_�����}�\u0013Q\u0016��\u0010�܁\u000e�\u0000�2.Ϫ�jxm���pY�<\u0012Y�b>�G[Q�f��\u0004�$�s�[�:�\"E\fP�)s\u001a�b`\b\u0014!M���\b��v���5Z\u001b��\u0014�q{2Yw�u\u001d,s��\u0011��{\f\u0014G�S���K��\u000ev(\u0007\u001d�G&����\f<�g�\u000by\u0004~p8ӆ�\u0000v2��O��P�'4E�Q�@��CL稍�ڞ\u001c�{t<��\u0011l\u0004�\u0018�[gAHHq��5;���#��-\u000f���\u0010=3J���=��(XHT\u000e��\u001fG��\u0018�|�U>}�\n�g���&79К�\u0011�)C\u001d�p2�\u001a���I-��l@�u��\u0006���T\rH+����-��;�\u0015駱�`H��\u000e��\u0012�y�\u000b*mA-\u0007:\u0006\f�kL0�0\u0019\u0000�\"�\t\u0010L�\u0004ӵ\u0000\u0013�\u0018*;\u0001��\u0001\u0000(\u0010L\u0001\u0006\u0014\u0000\u0000Ȁ\u0002�\u0014\u0000\bЁ����]���̧F�\f�M.\u000fI(;�3DB\u000f[�Dq:fIE*�N�)����T�m�,[�r��aL�V\u0017j��&\u001f���q�P��A<��/<�dT���iQ:U�n���uL���\u000bV~�\u0000���\u001d:�\\�oB-�\f�Z�s�x��)cY-}TWK\u0013Hі�m\u0004d��`����I�8�YK}�b~b\f%I<�0�T^9q,���6C��dp��\u0014D��Y��ν�����2�d��)\u0013\u001d�65�GC9�4���c��j\nu��\u001b��#8_��\u001a��Fb\b\u001b�Ƥ�\t��\u001b��S�\u0005����\u000e\ndq�\u0005E�-�44�Tu�p>\f>^�!`\"�\rgd�O�7��UX�D����^\u000e�\u0014�\u0015z���n\u0007CO�*�����s-���\u0011B\t�*�ULHRR!�ZFҟ\u00162ׅfi�L4e�(�)(�5+���JѶ�abl��1'jc\b\u0005�\u0013�3�\u0001�\u001e�Q�ې�.g\u000b�\u0013BG\u0011�\u0017ܳE������C�\u0011�L��[\u0004%\u000eܒ??�+�\u000f��f\b&�����\n*#y�A]�,�&}�S3\\�L�#��!��\u0012~m��\r@}a)\tK~E\u0014�F=*��\u0000A�yӑ�Cw\b,����\u0007%]�mP���v���]��\f\"L\u001c\u001fbM<?^�\u001eg�пa��\u0013\u0000\u0000\u0000",
+      "type": "registry:file",
+      "target": "public/fonts/HKGrotesk-Regular.woff2"
+    },
+    {
+      "path": "src/fonts/HKGrotesk-Medium.woff2",
+      "content": "wOF2\u0000\u0001\u0000\u0000\u0000\u0000��\u0000\u0011\u0000\u0000\u0000\u0001iL\u0000\u0000�a\u0000\u0001\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u001a�,\u001b�$\u001c�\u0018\u0006`\u0000�@\bl\t�\f\u0011\b\n��`��\u0005\u000b�~\u0000\u00016\u0002$\u0003�x\u0004 \u0005�\u0014\u0007�\f�=[NJq\u0006k�\u001d>!�7 6/m�KJ\t�l��\u0001e�}��Sjضl�w�*W�GX����?;Y\f��o�jm\u001b@\u0000���e�����l��b͖R�:�\"VOj�\u0011��ج/P�@Nr�'krk\b��4��,���8\u0011^�+��\u001cʹ\u0002��ݛ�-3�!wp�H\u001b�W%��t\"\b�ܞ\n����\"�\u0014\u0004\u001d\u0005a\f�\u0005,�x\u000b�\u000e\u000f�ګb@����\u0017\u000f!lI���t�\u0018V�#���V�tI�t�䏽�\u001a\u0010\u001a�\fD\"��qYTf$4(\u001f��^g����\u000f\u000e���瑇��oc��O�&��\u0006p��c?a\u0018�¬*�n�^k������m���\u0006~��t�\u0019�鮘�N�\u000e��!V\u001f\"E��r���ϐ\"ZU\u0001��޹�b���H�f��\u0010B\u000f5\u0001�\u0000��\u0000�41 ��F\u0013�* Ҕ\u000f(�+*I�P\u0002\u0002��bÆ-��+*6,\r���\u0010��W������\u0007@NP�\u001c*,�][㐊F\u001cl�\u001a\u001eV4�1�ʹ����T4nJ��������Ͻ�]�\u001c\u0014\n�B�PdE��\u00187!\t3FL}9F����\u0000�3�X1�T���q\"/��q�s%ε<�詉�Y�EbiU�����+\u0012 @����ع��J�qb\u000b\u0018`��̺��{w� �.���\u000b*�KC�f�\u0001�\u0014�\u0016\u0000:�œ���)\u001a\")��X\n����?�QO��e\u0015��:��/P\u0000e\n�^Q�<�\u0019fm��\u000f�`��n��ݚۛ���\u001b���7��o�\bo��D���HD�D_B|�$DDD$�����)\u0005ꐗ`\u001e������������̚g$�}�����\u001a�(w\u00069Q9dk?R�v\u0019�\u0010�s�����[2\u0011;k�}0x)�oگJN�`y]TXD\u0001��y\u000f+�:yґ�\u001a�g./�%??B\u0018�\u0003�\u0000x���y߳l\u000f\u001bh\u0000%y\u0000\u0017�CP��)ڤ)\u0016�m�sα\u001e\rI�A����s_�M\u0006���\u0000h���\u0011F��\u00079\\x\t�~ߚmF\u001b�dk%�w-j:BI[k�\u0015t�o2�� �\u0002�\u001b*E������o\n\u0004;��\u0017�W�\u0001�\u0005��K2�5\u0012X\u0019@_aj|�o�L�yO�Y�'?LB��h�j���@��\u0000�\u000ei��K-ْq��!\u0000��/��\u00000j@n�\u0004��_V;\u0007�o�\u000eE,�gԴ(Bn��Ɉ5f�W7ӯ?5\u001dfS5)֦�< b�Yrj�\u0006�A�\\��!\u001cʠ�~5��%_�V���&$��Ƥ���(N�'J\u0013� Mn���������A�\u001b\u0010�\u0006)Q�$���\u0005AJ�kt�\t!гT�-��T���D�&d��l(��N\u0013r:%mL�\u0014���\u001e��=�1�������^.\u0011�\u001f��4�M��,��\u0005�������)w�(���\u0015�\u0000XZ\u0002��j�\u001f�oϤj,��1B\r�(��v:��$\u001f6;�\\ǽwoTp�E�J\u0014��8\u0003���\u0002�\u0004\u0003o�!\u0010Y\u00110�J`\u0014�T�\u0014�l��{�xy\u0013*ȸ��Y�G!\t���\u001d��]��؅\u000f�\u0001<Y^B}�P&R�+�<�;\r��\u0005�%�\u0006q�`�\u0011Bh�:t7��8�z_v�W�0H� !\u0004_$ך�}�*��^>s��)<�\u0014A�\u0004\u0011\t���l}�̎�\\^�f8�2�eH\"�VJ5���\u001fc�_:-_H`��Ҩ���6�K\u001a\u0004����\u000f��Ϙ��%�������g�cE�� [\u000e��br�\u001e0�Lo\u001dW �.`o��0\u0003X\u0016$�\u0003H�nX�ߐ�\u0005A��@�$���4�ٖ�a�\u0001���\"��6~xh\u0013F�V�BĤ�F��NA�X\u001c��\u0010$Z�$�\u0010���v��:��a�\u000f!�S\u0017\u0010.L\u001f\u0003:\u0017�\u0018��&B�|\b\t-��\u0013�t�+���\u0000�\f\u0013��'Qk\\��ob�0�\u001b�[���b�t�v�Lֶ)\u0002\b^� �\u0010�X��� :\u000et��x\u000e����ߎ��\u0004�a\u0003����\"�x�خB�N\u0006\u00048��d���\u001e����YY҃�D2\u0001]I\" t\u000b�L��3Pz�Aç�4�Q���_F\u0004}�\u0011ɀUD1d\u001d1\u0018�#&.��Ř �b�6b3e\u0017i3c�߂Ü��7K2\u0007ގ�G�·�'��\u0000͕?����\u001d�;Ɂ�h�jy�\u001b�*q�X�<�<�1\u0016��`��{�6=�V���E�W�C\u0018��a����ӇQ{v\u000b:��P6�(\u001f�KP�\u0005�\u001b]\u001f\rխ��i��\u001a��8��0\f���7}H\u0002\u00120�m\u001eeQt���>\u000e�Y�z��\u0010\u001e�Dž�{�<\u000f�k\u0017�K�Ey��\u001c�\\�<���r������k�u�z�z�z���\u0006 B\u0018�%[\u000e�\u0005H�([9\u00199�z;��G��/��d�a�y�UH�x�&I�����v�Po+*\f;yh�E\rP!^��6���\u0001<\u0001O)�Q�c'�6q�I�\u0016T9\u0006�dX�Mƀ\u001f�P�e�48�\u0014���$'�SBg�̍<\u001e��x��\u0019���\u0004\n�\u0000$�h�\t�\u0005�Q#�A\u00079:a`�<�\u0019�>����R\f\u0019�4��\b�� �����h�\u0003Ր�?>�v.���#MY\u001am���\r�-�X�6\u0005&�(v��&�Z3�a�0���K������\u001a@����k�!�\"��\u001b�\u0012c��mV��mK\u0010�oQBAۿ���\u0004\u0013�0<�\u0005+I�q�X~]�6)��\"=���i�*�0�Q*F(�;\u0018����q��\u0011�vH\bI\u0014�ȍ̯R�\n\u0015�� �`���p���S*f�3�\u0005\u0007��X\u001d$�$By��\u0014BJh;\u001d���T��r�\u0019q�O7i��\u0004\f�4��)&\t�t@@B! aB�����P��J\u0014\u0011\u0000�\u0003\u0000\u0000����'\u001c\u0002\u0002\u0002r�F�\r\u0014��\b<LJ\u000f\u001a�V\u0018�\u0014\"\u0002!X���/x걩�\u0006�\u00146\f\u0012\"8\u0015!@\u0004֭7�����X�5m`�\u0010D��}��\u0005\u00074�\b��|�y\\$��=\u0006����\u0005�=\u001a\u000174oi\u001c(����h�Tq�����t�\u0013R\"\u001c�m��M\u0005�f8\u0002\u0018�\n�ة\u0004\u0013dי_�a\u0019^K\u0017���\f��k�c�\u0004MLO3�W��U惤��H�\nn^�����f���E�u\u0002!\u0019��&ћ��8��\u00188\u0012B�\t��g�2�\nk��J\u001c<��՘c��Y5���,�[\u0016\u001a\t\bЪU�R��\u0012���l�I�\u0004�<�\"�\u0010�V�1�G\\Ɲ�D�\u0019��~icF�ORwX�M��ZS�O��\u0005\t�kI�9�\b\f�(��}���d�f��3Jxa�B[�m‘a���tj\n�\flV���e��#2���|��P�����pLJ\u0001�ܼ(ɟ�����(Xd\u0011�\u0015h*�}@'|C8��\"��\u0002��f��Bㆇ��\"I��\u0006\u0003�p\u001f�5OW�C&\u0011�Qc\u001d���Es~����n\u0017\rK�^�d�_�Rn�1t�\u0015.A��Ќ:�p\u0005\u0005۠\u0005rS�e�\rJe�ó�f�SK��\u000e}g��K`X���,\u0005w%�\u0013��\u0002FĬ��[u���WP\u0016\u0010a���%��:�S�\u0016�W����&��T��\u001f�p�T��ß`�\b{-9�Xf�C��McXF9bd�'�VN��Y��|:�\u0013\u0016r\u0017~����e+\u001a�H\n���H\u001d���jie����6��&��@Gr�x'��Lg����ˣ�O��.�9���Z�$\u0005��N\u0016\u0002�d�\u0007��Cl1&�&\u0004\bFr����Q\u0012LŐh\u0006&H0G\u0014b�!�l0\u001br��(�a��D��z�V;\u001e�I5G��t��(]j��9�\u0014}��j�\u000e�`�!�n��{��� ��=��\u001e\u001f\u0019��I�|aaC_�\"�\n�C��(�\fp3̌q����'Ӽ\u001a�,߂\u0019\u0014R<�ЌJ�lK��wN��Wfb�rQ΀L�+�e�JY%��]UU���f�m�\r�j4��\fȠ�\u0006\u0018��\u0011\u0006mk���M0���,<��/s�#�;�1v��\u0004�N�ѝь;��}��Y���uY<Z\u0019\u0015��\n�%���E�e>a��<�E\u0001[V�Vk�F��\u001f��0r�M(ԃk�񙉯�bs\r���i\u001f��o�\u0018\u0005\u0014\u0000\u0017\b�z{\u0002*�ͪ�%\u0019��,*\u0019��~�� �A�\u0018�2j\u0016%\u0013��d*F��\u0013��Ɲ&\u0003��\u0012��~\u0010s�G\u0003{,\r�ckЛ�\u0006�t5�N_ә�f0�ƞ�ƞY�\r-f\u0011��k���k�<4<�8�n�ds�r���,&H�� \u001c#`!��\u0018\u001fU�Ƶ�O���ӫ\bY�Z��#~\u0016~:g�7^��:\u000f�$��궯�����\u0007|�7��\u0000��pu�F����\rqm����<��Ş��\u001a�^�F�pO0\u0019�-�\u0011�\u001c\u0001��w�;ȳ��\u001bQ*\u0012��7v'�Y/�\u000b�!��E\u0011�ݏ�a~�w�f~zw�9?\u0002�\u0007\nx\r��\u000b<~�ni�������u��@���Z�E��Ȍ��LZ=5\u0010�U�qve��\u0003\u0001q�<��|η�3;�\u0011�6;����g�\u0000�\u001cΒ����c\u0001i=��F�2\b5�\u0001��Ή���tW�\u0007��?�\b^�m�n��~�(\u0003�k~��\u0016�\u000b�8��G�\u0006�\u001as8VM�{��Lb)V��S8�C���\u0012��zOlu�����e<���nr*�M�~Y�d�Y���MC�B�\u0010���d��[:�L��[�uW9 4�@�{\"�_D}���1�9�\u0012��S�\u0015]z�<x\u000ft��*�s\n\u0019t�?س��p��Z�H�x詮�f׳�ea�rl�N\u001c���P�*@h��SN�\u001cm\u0011�9?�U\u0013O5���ƃx������apH�f:$?\u000265��{{�K) �X#��)\u0006��\u0018M�^\"�\"E��\bƱ��\\vd�<0�\u001aާ�U��\b� C�˦v �b��%��@L���n��'\n��b�z��\u001b��ߞ�\u0010'\u0017\u0018�\u0001d�c]�\u0005�=������E������v��*,�V�gh����?X���\u0012\n�\u0012a���:(�Nqh5\u0015�&\u0012����A�\"q1��\n�\u001d��\u000b�����\u0006�w��t��t[�|,��%����8Q\u001c�\u0012�\u001c�fF2�\"����}�uw�.�;�_\u0012[}\u0003\u0010�<�J�\u0018)\u0014��㘨\u0002�G���x�3M��?e޲���:^s�6�+-��a�5ĥUd�+�\u0001�\u0013���J�G�)W�y^UF�\u0007.�\u0013|�^�㭌�����a�\u0002���[�\u0019�\u001fb���q�6H�\u00113�\"$#]�̱P\nC�\u001b�Vku�\"���\\-����\n����\u000f��\u0018t�6���&�ϵ�V\u000e_?|1��N\u0016��g\u0002M\u00074\u001e;�cѾ��\\��\u001a\u001e�zۮ���Z\u0010a\u0011+<�\u0007\"�@H�]9\u0016O.���Emy�5�b�GM�\u000e�$n�/�HJ�T\u001dC�5�<!���\u0014�\"`����M�|�\u0006CLh;U����y2\u0007c\u0017�Z\u0005S-���0�u���Ni��h/o�\u001e\u001d*�p����n�^��%>�{���QP�\u0004U1\u0004\u0004�W�/N]R�+,B�b_$�J�+�O(x�)q�Cɉ,���*C���=Vf��B�o��\u001a��-\u001f������\u000b�r3w�}�\u001a%��\u0014ϛ�\u0016߮�\u0001}���3\u0013��Y�S�_}���\u0016�Ģ?���+\u0011��H\u0004K'~\\�C\u000b�i���|��ӗ\u0005{W���]\u000f#�2�[V+\u0011�`�N|`��\u0017��\"�.M�s\u000eT�'B�G�\u0017�\u0014¢%r$+\u0016�h=���������W��cd����߄+|eNJͳ�ȭ�ZC(��\u0011������\u0011� ���8���\u000e��\u000b\u001f��K���F]��{ �g�Q\u0000\\#�Vw�(�ܨ�('�8h\u0000V9�D�zͬ�\u0014�E��b8e��\u0000nbJ�\u0014\u0006\u001b�W7�$�����Q���\u0004���@�3\u001cf��\u000bsN�����3vTf[\u001c��\"��\f9������������GN|���\"�\u001a\u0013��\u0003�;[����x=\r��o�$�4\u0002�����rF\t�],�l����M��\n\\>b/\u0000��;\u0006�kt��\u0000���oC\u0013R�y|/����\u00020�ޘ��\u0013K,E6\u001bk�o����W騣����#�G��M�_=T�0\u0014�*^\u0015q᳎�,\u0017nԕ�\u0004Q5�\f�\u000f\u0017��>�\u001egU8�\u0003\u0019��X�D��\u0004�}�_l�S5��{\u0015������\u0007w���ҏ\u0000^(9��\u00121���V��1�ͣhf�� ���H�\u001b�W���^o�\u0000�Eq��7\u001ew!׆�D��\u0010��XQ��V$�E��\\dd3�3gR\f1�K,\u0017�Z|��ݡ\u0016e�9�h�.�\u000e��ݏ0�r;,��\u0001��_\u001e;�5����u�蕱\u0014$\t�\r-�Tbk\u0014����O4��\u0012T;FI��;�Rg�@������;�E,�\u00195\u000b\u0016\u0012�.��fm�ی\u000f\u000e&����`У\u0015W�yu�\u0002��\u0017�GY��=I�3�\u0006����\u001e����\b���E\u001cy]\u001d\u0001�L��\u0001=\u0018�|趃\u0011�7Y$K�Tʘ�\u0018\r\u0012cR0cȘ�tL���\u0004Evq�n\u001e\u0011\u001b��ך�O8������z.���2\u001e\u0019��\u001d\u0004e3�$W�;1e�\u0014n_����6��\u0002�|{����)\u0007�m�ڙ_�\u0003U�i���S_�]?G_\n�$�n\\��\u001a�H-z��_$��~�����=�^���}ќ����\u000e�J\r�7��Mϯ��~Y�������\u0015�\u0004���u�d�o����=\u0007��.R�����V%���̬��o�\u001b\u001c�\u0010����7��\u0019�\u0006��Su\u0011�]�\u001fR�\u0017m�\u0001�_�\u0017�0��\"\u0000+���:\u0006\u0010$\u001a��\u0001�u:\u0011>�+E�:�.dz:\u001e\u001c��=h�`����'u=�\u001c\u0007\u001f�\u0005s��\"���2\u0019��]�\u0003XoK�apaw�\u0011��zc��\u000b��4s�����@�������E�q{��y\u0006x�G����\u0013Sa\u0001�\u001b��|\u00079C\u0007W&u\u0013>u���E����\u001f\u0001�\u0002�\u0019�@�6ViH�ӞnD\u0015�a����dڶ���\u0012\t��e�&�\n-\u0012���n��\u001f\u0001�i����w\u0006}\b\u001b(�g\u001c���}\u0001�J\u0001�\u0004�\u000f�\u001405`FH'@%\u0006\u0005�q�ۯ\u0015\u001c��X�Cy��2p\u001b?�l��9�}\u000b�R����`\u0014S\u0000�&\u0019�]\b����l\u0006'v�%k\u001d��D+\u0014��\u0005J�\"S�B�-R��R�f\u001bm��\u0001ǜq�M\u001daA(���8�ܩ���h)E�f�Z�$\u0006U�`�jS���\u0003=�\u000f�\r�\u0016Ѓ�U5�ӕ���=Z������6��i,��ZW�z�SRpA�%��s���G�\u00182\u0011���\u001f\"A���&�\b�����P�����9����˷��;wr?��4/�:���c��/��_�\u001b������\u0019B�Km&\u0011T�\u001a�kS�-�-��I\u001b[�\u0004�V�nN���\tp�\u0001\u0016����3\"\n8^�\u0003GCe-\n�+�*��w؁j_\u0015`�ѝ����b����7\u0005\u0004AIi���1��t�f~�\u0007\u0018F�\u0017*�[\u0000k�:j�T��=��w�\t�\u0006@p/(;\u0011����3\u0018N\u0011�J� g�Y�i�B\u0010�\u0004�Z߁xg��\u0007�{�\"i\\���\u000b\u000b�\u0016���>a(z�T[�CDo\u0007��x�p4#)=���J�\u001e���~\u0011\u0018&/#�b���\u0001�����XVrf^�\u0010W�#�\u0005�Q8vJV~ՈP�\u0013�\u001f�\u0003��\u001c���zLj�\u0019�\u001c�\u0018Bljvä́��\u0017���_\u0004B�q����%԰�m\u001c�\u001d�CWzz~1y?lw\\?���3\n\nɁ<���l��0���\u0002�{��V�O�M����~��t�1\\m��|�#;ˆ�β�l�eu��W\u0012;�+�P\"w%��$s\u000e�3\\I�<g^\u0001\u00154\\��V$\n�B�+\n��\u001a�\u0018�����^a\u0011��F�����H�ܾ�fa\u00028\u0018�Ӊ0\u001d���@\u000f}\f�\u000b3�\u00192[֒�e��\u0014:ԍ�\u0018\t.�沅̓9O\u000ecl\b�.a\u0016;���!s�,\u001b�P޿藰�������W�kW6õ�֤�Z;nv��4h\u0018\f>d2L4,b�0�g�O�\"�\u000bK+k\u001b[;{\u0007G'I'g񥕫�����������/���C�#�c�\u0013�3�s��\u001d\u0007W:x��8k����'N�:�����߳�7�����,�/\u0010��\u0012�L>�g�/�0$\u0002\u0004��e��\u0004\u0000\u0014�&�0X� d\u000e�A�\u0001C�46n<y�&6�\u0004�fH2S�l\u0005�!Q�F�fkm��A����\u0001�^�\u0015�XH\u000b\t��.�F���\n\t\u0013!Z�2S�.����W[=\r��W��Mo{��>��O\u0003|`\n30\u0013��\u0016fcm��:XF�>ʹ�Y�򖿂\u0015N���W��լvuk^�:ֹ��\"\u0000‚���O,L�8ӥ�Mb�\n�V�h\u0007�cNiס�57���\u0011\\s�pk�[W?��\r4\tg�.8�Ԉ\u0006{�]d�{���!�������oo��\u0001�����nD�z^\u000f��\rԋ�C��\u0010��^�\bѧ^�\u0018�\n�U�kPס��n@݄�\u0005u\u001b�\u000e��0#�'3���G�\u000b�+=��\u0000$]�$s\u0010\u0000\u0011B� ��\b�pa|�\u0010`|\b��\u000b\f�a��Y'\f�O�F!���\u000fC\u0012Lj\u0019��\u0002��n��v�\u0003\f����v���%��u4m���m\u001c�K*ض`�M��^y\u001a\r�/�B\"��G��\u0015�M�\t�\u0016��/\u000f^�\ni�]Aq]T^ k�\\9�Ap�q�\u0000\u0003��{�5M%�)�0]�5@��!d\u001bA;xE��3��q�3�\f�h�\u0014:E\"RV��\u0006�#\u0012�K&���+7I֗��q�\f�\t'�!+.\t\r\u001e�W��s{��E����P��\u0007X\u0015�KP\r�mb\"e�>��Ub�\u0005Oz\t\u0012e;��b�'�1�gY>jv��`�7��k�E\"�p\u001b\u0001��\n�ٍW�ÿϻ7���\u001e�\u001ffG�bUs\u0005c�\nF�d��ز�֪W�mI\u0003t����TV�tÙ/��c�����/\u0014����|\u0002��#*���f����\\�B�\u000b/��\u0018�ϱ?�V�$v\\��\u0007�������\u001b����\u001b\u0000S�En���\u0016�\b��W]C�&���ɦ\u000e\u001f0\u000f�۟\u000fu4f͜F6�Ȗ'������r���]̠y��\u0003\n\u0016��h�\u0013@\u000f\u001ȇA����B�Z�E\u001c�\u0006q����\u0016V�!�\u000e%Y�/�g_,1P~��T\\���\u0016�w����>�Jp:��\u0007�Ʋ��\u0013�Q��\u0002��S\r8��\u001e�?2�ds�\u0017�&�Pu���IЎ�c���o��r-�e@\u0002\u0010��H\u0000���!\u001eP��GG �@V�Ks6Ka`�\u0007~��Luj�;��G����Mø�ۣ<�\u0012_��}\u000f��\u0010z�a��6\u001c�7�EY�cy4��8\u0015�/�X��*�j��E\u001b�\u0016�\u0015mK\u000biOڟ\u000e���4��>D\u001f�Oۘ�\bl�6)6\r6\r\u0002,���\u0004�\n�\u0005\u0016\u0002+�� B�\u0013\b�����01\"��Ȋ���t�\u0017����\u00057{q��\u0016@�fa���PY3m\u0015jU��Fڈ6����=-��\u0000O�\u001e\f����(8UB=:\u0017>i���u/q\u000f�?4G5׻ҎڲM�D�9f�徼��{��J��\f[��O\u0000��{��4����\u001b�\u0015�[�7\u0002|��_���o�?������g}\u0005\u0000\u001f'\u0001|\u001c�G���E�Y<�\u000b��n�\u0010�\u0001nW \u0000�_��\\\r\f��0\u0003��_��\n!09&\u0005cܸ\u0005��\u001bo\u001e�Ǔc\u0000\u0017x�5\u0015��]c���Vf���\u0013\\� ���B��&��\t����)���r�}��\u0010�\u0011K��ץ��H�H姳�\r��,�y\u0017=�X$�ۃ\u0001�_/��߯\u0018\u0011�\u001e@�����ZMv�8;:C\u001ak��u��\u001df��8X\u001d�t�i���C��?�k��x�9��~�¼�U_���`\u0004�6�\u0018`�\u00054#p�\u0005O&\u0012N\u0014�#�8*2[���Y�2무F���I��뙏\u0006��ɏ�a\u0018�X�>�l\u0012��8R�P�GX\\�i�N���\u0012�g�-�C&ޱ򍍟\u0004~���������\u0003N\u0001̚\u0016�J\u0017�C\u0010������cL&B�56\u001b1y����\u001cM�St��\u0002���Ԁy�V�\u0019�M/HR��\u000b�V��EI/�\u0000��Z\u0014[N\b�Ʋ�\u0004\u0015%��oy)�\u0012�M�&���4���\f+J�#��\u0015Y���J����b��p�:\u0007�h�S�9Y�yQ����_dNrCZ���\u0016�a�\u0003�ϖ\u0014G�XSY�ִÛݑ\u001d���\u0017���W��խ~5+�~�V��UO�b�Y�(�ު�ܞ*\u0019z��\r��t�O�\u000b�^�1��\b�\u0013,Oi���wl\u0018\u0019\u0007|�\u0003�\bp�\u0002�\u0018 �\tn�0)w\u0013�K\u0012Qqd���\tkn8��\u0015�1?�\u0005ѕư0��h֦�>�\r��T��\u0015�R���9\\�C��G�\u000f��K\u001e=a&�3cf���\u001a�١:L��U\u000b�bҌĤ\u001b�ᙤ�&<ydU_\u0019­��\u000f�i\u0007�%�f��`\u0017\u0019!���X�V\u0011�����я\u0016}?A�Hl��\u0002[���o1��\u0015�j���q�\u001c�G��GuT\u001a˹u��OD�\rL\u0012�\f\u0011H��h�!N\\U\u0002�����-�c!���E�z��\u0011\u0019)Ǘ Ǩ��$�TӬ]6��D�]�C�l&�S��hG�o\n��&ʭa-\\hS��\r�#\bGc\tD��D��ڢ\u0006�)4ޯ���2\u0018\u000f\u0018M\u0007�\u001c�z�;P���hl��\\\u0017�E������\u0002+R�#�\u0015\u0012�D��\t�g`�\\\u0015�\u0011[�\u000b�F\u001b��|�Q5�\u0018Ė\u001c\u0019��@\u0016W��j\u0016�u��b�OiL�\u000f)�f�I)NT�΂���\u0019R�\u0000$m��~��\u0007�7�=�Υ\u000f�3d��\u0010rC%\u000e=0�j؊\u000e?\b��\u001f�\u0019&ܣ/��]\u0011U[��A��6\u001dj\u0010u\n�7\u0003\u0019�&�\u0018��!\u0013ԒN\u0003�ňut-�\u0005\u0004SL�pB)5IƉmG\u000b�t����\r��J�t��\u001d��\u000bc��j!\u0019��\u000b\u001a��\u000e�0��\u001e�d�������\u0002Ԇ�`�\u0019$��Kl�$\u0003\u001b\r�۟�N�\u0018�\u0001L�\u001c�2ծ�M\u0014��\u000fΊӶ�M�P��濚\u00153�G�\u0001\u001c=٬�<�dG�V�\u0006�'\u00103��\u001a�*�I*e\u00170������\"�j���PL��\u001f�S��\u00052Zy\u0010���1�d��\\\u0014�\u0013-﷠\u0004��Su����<�t\u0013J���m�b�(����u�+҄�G:�aKB�x���Ld�\u0014�\r\u000fG�q�q\u000b�i�\u0014!�\u0017ļy�\u0019�UP�ǁ��\u0018pb<dž��\u0011�}S�N��{�=�NO\tJY�X�\u0006�+f��@�\u0013d*!d&ad.\u0011�B\"\u0011O�\u0010_b K���$\u0016�����@l?##�8\b*��B�bW�ܺ�,�m�����h1q:��\u00047k\u0000�n�Ɇ&����h�4!́�Hs�9�݁�`�$�12r�'c�s�&�q�ר\b\u0011͕Z�v@<\u0001��ɴ�Y���\u0013\r�9�bO�2����C�3Q(�\u001e�O���m\u001a��\u0011�w��F�\u0005\u0015��9\u0014'G~\u0014��R3\u0011�Բ̖\u0011ܭ�\u0001�\u0001\u00161�=IĒ��i\u0014��3���R6��M�P0�XT�C�HY����\u001a7�\u0010�m�����\u001ds��6��\u0007����\u00143�Bi�eD�i�ҹ�w\u0003,f_h# ���(\u0019�NF\u0007LK'���Õ����C���$;�\u0016d[�\f��F2T���،t\u0010Rb-�$Օf\u0006�\u0006#&9O��$Pfx2L��t�2��l�p�eDn\b�iDG�P6yO\n��\u0013@�:ѫI4����H�\u001dtl$(\u000f��8�>w�M6I\u001b\u0002�\b\u001e�\u0004��\"��d��V��(��\u0001�L\u0012\u001b��d㶅90o���2L�G�|��W_�xu�n�{�b�\u0006,H|�F¾=ԀE����:�������W\u000ei��.\u001e\u000b���2C�\u0000��\u0005��n�wt#Ȑ�\"5\u001agCOl�=�'\u0013G\u0015S\u001bJM�W��ٮG������\u0002��\u001f�Q\u0004�>���]�Y�b%�TF\u0014�\f��\"zĄ�\t'��\tW\u001fG�����0���[A�D{�֌G\u0001\u001e�8����7�\t\u0017\u0004=ӂ\n��\u0002KY\u0013\u0011�dG����\u0006h&��LvXM\t\u0010\u0011㰊\r�f�sX�\u0007�Hpx���\u0002\"a\u0012]V�ND�t�ՌӁ�$�U�Hq��ʏi'�d*=@�L�UF\b4G��*+@�,�m�LL�����\u0001r]�y`�|�m\u0001\u0018`��s�@�y��ҡ���!�)1x�\u0011�(ZM\u0011Y\u0015�ȝ�#5\u001ad:��˰���RH>���U��H-�Z<\r�\u001f)�,�,��,�'\u0006T����G\"��C���r,�rT�A)|��|�H5^�\u001f�~\u0018���T�� �:�|\r�*�h{�ZpK=�\r\u0010�Q�\u001e~\u0010>��\u0001�\u001c��\r0��]��\u001f��`�\u001b0����w\u001a�0�!���n��\u000e�s�o�\f¤\t�~�%<��\u0012t�Q�f�G�z�n9In\u0000����k���@����x��/5�Xy\nŖ�!�6\bN�/��Xy���\u0001�\u0013���zW�8ե[�$̾�\u0013��^'�^�S\b��ˆ1K�\u0004�Sw�s���\u0012�i�L\u0001�\u0002&�04�\b�j�ע��$a>�\t\u0017l�Q����{+�\"\u0017UYD��\u0016\u0010g�27\u001f$9��\"��g�F�\u0001��\u0017��-J�Q��\\\u0002Q��:�\n��i��\u000b��Eۗ����\u0018��\"S)�\u0019�E}q/\u0017k=\u0006���袶;;�Ρ,C�\"9\u0011י��\bh�n\u001a1��s(��=i���)\u001b��_e*9\u000f�g\u0017ݐg�h�i�\u0002d*���f�Ѭ7�yPH\u0017\u0005Mbh�'�]��\u0015\u0000\u0014PC����P\t}�'L��쑲���$������\u0014S�����$�IN\u0011Y�\u00026�ƔE�S�,9\u0000\\�9��I`\u0010\"��\u0014׆���\u0017���T�8Lѐa���6���Yd�s.�Ȉ���A\u0005\u001c�\u0016𓭲U�\"M�� �I\tS��n����Svzz��Ʈ�[ʦն�9rN�J|�tl*���^{I����%u��ܠB6Gzd��ȴ-�'Nk��Ɗ&\u0011Flp�g�\u001a7\u001b�.���΅\u000e�:��\u0018�\u0013�?@>�q��w�×%���t�۱��\u001d.1#G\u0013\t�i�e!�\u0013X�-݉\u0011\tC�-^�\u001f}\r��M���݅�\u0014�\u0004͉�\u0018��\u001eu�jԫ_�$I�]��K�e\u001f�j���C�=�WC�η�\u001b_\u0005%]BN��`@�b�\u001e�\u001a��\n�mG�+�Xrz'�5�)\u0000o��qR�p��V�\u001c!7㸕�\u0006%�O�\t\u0019\u0019\u00162\f ���,xЗ\u0017�59�VsN�1�E+\u0019�W?cN֏K��i\u000bR��Q\t��`T��ٸdQ�NA�K-\u0003�=4��\u0016#^<`|�iwT�\u0003��\u0013W:|H\u001f�T��!\r��\u0011����ƒ#7J׹\u0016�:��\u0019���\u0000��e����)Ų#@\\�Ñ�����B��Az�%�)j>�0���8�h\\KB3\u0004���\u0010\u0014������eK�Q�\u0015�({���Z��x��\b\t��(��R\u001dK�'\u0004�\u0013�ó�`�\u0017�\u001e\u000f{\u0018����X����F����ɰOȱ#\f��8*\"k�%\u001aKk��)N�����nx���\u0013=��.v̓�#��t_�y\u0018�����������\u001f�1�kc4^#)��\u001e'�����Je\u0014�1� N�h�\u0006A\u0019���!C�l\u0013��ҡ�\"�n�{\u0003\u001aͩ?\u0000�\r����Ȍ��u���:e2v���5\u0012܁�G��lge͖Z���b�\u0006ѝp��J�ԏ�dDaT\u001e�1`\n`�h?e6�\u001d�J�)�;\u0004}����\f&3\u001d�\u0013��Q{\u001agңN��՚Rvs�>\u0019�;cz�b\u0006����n�ʹL�\u000f�#2\b�ӕ�g�)�úvR�ε\u0010Ɯc�EQS�\u0007 mg�\u0018m���7O��N���v��\u0018�*7�ue��ӟ@�s��0a�s]�|\u0000V�c��Kw����m� ��9�-o�V\r\u0018����Ӻ�\f�C�=�<�qy�ؘbaw\bK�ң���\u001c)&Q%X(�\u0002�\u001c1!J!\u0007�ƍ9�\u0003�+�l�uN�$\u0019�=��a��\f3'w�\u0018����;\u0019�ڸ�;�s\"��T��\u001cT��a~P�b홶΀\u000b�����ܺ��Eҁ�o0�L\\�'�E�\u0015�\u001e`��S\u0019\u0003<\u000f\u001c2�\u0014�`�\nQ~��\u0004)%_J^�\u0013�6�.\u001a\n��7���1�e\u001c���7�ϕ��8����L�uIJE�\f}��/ǭ@8X�\u0018\rB]¢�\u000b�$ 0vŐ�\u000b\b\u0013H��&�[7v�+��1N~\u0017�|\u001bi�Y^L��HY���)�5�~%�\u0013�\f�W�|��\u0015*�4�\u0011B3\u001b[p-H�Pe0�n\u000br2\f�`���UW�\u0015\u0017���ʞ9\bwfڝ�'\f9\u0001�܏��%�\u0015=��H��Ą�F��Y2$To����t+*�/�J\u0015���[\u001a\u0007�b�qN-�]$Lu'V��ݸ'\u001d^|�`J��\u0001F�^X�<�l����0w����:\u001cͬ�\u0019y%\br.����\u000b�\u001d��ژ�+�m��\u0017�/\u0012&dNo���Ǵ��Ċ� ��0z�\u001fs�\u0017���;�@4=�\u0006�\"\f�\rzg���\u0005���lA0�MR�\\�\u0014;�r6�/`Y\u0013YԜ\u001c\u0005+)��ݜ򂵾�k�s�$��\u0007�߷��|A9c�\r�:%��y�t˭T�_:�v.k!<N#��J-wa�\n�CRGr���M�KxA�DNRo3LVQn��L�� �9��yy`�4%\u0003}�_\r��r�9�7S�\u0014M�����_._����\r���;��,.͋��\u0014/\u001cw�\u0010>�s��^��4O���\t�˷�í��\u001dnK�k�\u001a]s�PЖޅ�\u0002���Z��\u0006��\u000e\b\u0005Z�'[�XY=\r\u0016�F��8�CX�\u0001�\u0012��%�\u0015�\u0017`��̳�o�́z\u000f�N���\u0002\u0010�\u00188}�\u0004���X�UȰy\\b�\u0014�V{�]���Gm�H��,~��\\#�j���0��Y#�����kHߋ{t~]\u000e��af.��\u001c\bzv\r^\u0011E��u�K�\u001b�����q\\n0r��\u001a���g�2}\u0013T����m�-כ�����j\u001d&=}\u0004��\u0012�\u001e\r����V�\u000b\u0002�14�� �}Esa�Q���DŽ�'i�0\u0016�\b��B�\b\u0006� �\u000eL\u0010�z��\u000fЎ�.[L\u0010B6�\u000e�\u000f��?�%�F�u\u0014Mh6<��\u0004\u000fш�:0�.u\rٞ\u0007҆�i�jQ9X)�\"Q�c7����{���g�\u0014B\\�n��G\u0007�������\u001a���2Mx\"�<yUq\u0015(b�/�`�\r+\u0016�_��\u0006�[�3��\u0017�3�\t,�^vb��\u0010Ze��g\u0003P�<��m� Ի�\u000eIs�R!�2}�\u0007]N\u001d���y��\u001b\u001d�;�fg^���z�\u0007�ߨ�\u000f\u0004��s��~\u000b�3�\u001eP��pN����\u001e�\u001dk(O\u000e\u0001�\u0016F�ೃ���Y�7M��T\t\u001a��V����$\tO�Z*�\"t`���/�9�'H=�\u0014���[��=V�\u0014+B��a\u0013�Y֢\u0002ܽ�cH����o9wd���$�RߥG\u0007�i�oK\\|kȉX�\u001f����B�������|��8�m�a\u0002��\u0002�T\u001a}&𾔳�T��*�\u0010�*\u000f%M�}\u0002�lK\u001a��i�����p;3�g\u0004��\u0007��݋~\u000e�1���\u0018\bE�\u0005];�U��\r]\u000b'�*;4���ȴql?��}q�T�V�w\u0005\u0003l��6p�L��VR2�D\u0003\u0019Dt\u0018T)�1�����x��ͨ���xv�\"����=\f����.\u00008F/�\u001b\u0014�Y�,�$�\u0003l@��\u001a�\u0012.^�\u0018vo����o\u0002��>O�jޒ\u000fM�\u001c���~3\u001a�W��o�N�\u00167�O�t���F���!x:y�`r�5�a���Pywߍr����\u0012�/c��ҋ6�>w\u000fg\n9��V\u0019it��̮�`�\u0003���1[�+��DBφD\u001a�u��4GM3V��.������ǽWS\u000b�q��7r.\u000b\"A��>�\b#^�`����Φ�-\u000f\u0018�\u0006�q��vnl�j\u000b���K������;��\bP_�\u001ausW��ͱ���\u001f�ڀ�Ce-򭹜��\u000f<��\u0002�1-��7��'6�\u0004�\u0017��>��\u0012��:^����Y���#i�s��7�S!�\u001fxej�\u0004\u0016��$A��\u0018�윣$��\\��&�\u001ef��\u0013�O��ˢP��\u0012�v����S�1G�����\u0007�\u001f���Uh��S�3�\u0000+4�\u000b��KA.�쨽�.\u0005�\u0016��o����ԙ���p\u0015\u000f@�\u001f�,K�0\rXkF���\b\rR�L�:'''�/\n\u0006���\u0006Ҽ�\u0013��h\u001c3��f��mq?*�kJ,\f�W=*\u0003\t\u0010�n\u001fR��\u0015\u00062\u0012��q�K�!,z�ߔ<ʔ�!����;��h��zO��\u001d�F7�j\"����r] ����\u000f\u0001]��h�aWO�\u0011y��=��,p\u0004\u001f�EP�k��\u0013���*�;�\u0006\u000f(�Ay�w�z�G�S�c\"�>`z(���{�՚\u001e����P^Xxhrr�U�\u0007$9<<,�o��\u001e�e�z_:����7��7�\u001bZ�A\u001fl�v��\u000f\u0016�!�.\u001b�\u0018��jy��(��r���\u0011բj��Bo�l���\u001fo\b6uE\u0019\u001b\u000b����х��\u0002v'�C�7�@E���en��o'�O�9�L��\u001fd�2ib�&5ð:\n`\r8<�~p\u0010�~�\\�礩C�y�� ��}M\u0015W�2��\u00072�^.�l��e�\u0014b;:u8�}�z?cc�4�=H�՜#�����\u0019�M�Z�uR\u0001^��\u0012!��ݽ�1�I7M��D�&\u000b�����W�\u0006>2\u001e���(\b���Bq�dǏ;�\u0019����_���\u000e}�\u001a�u���i��\u0019�\u000b��\u001b����\u0017:=�s���\u001a��Y�\u0017���s�\u000f�<n\\�y5�1�o~\u001c�;\u0013����l?�ٳ>���嶲7K�\u000e�^r>�\b5\u0016��\u0017V�3�fd��:Y���5/��\u0010*ƨ!a�����\u0007\"R\u001f\b��E�\\�4aV\r(9ZFSƪ�q�T��V�5��b�r۹���^/�^F�\u0002]�\\C��o�\u001eW\u001f�\u0002��R�\u0015��K��6��\u000b��.8,|��O�p-�Χ���e՛��;�\u0019_O�z��Ūә�{R�\u0010`m�9/��JAʫU���K���Yw�[�c�lp1�e9\u0018�J�����)s��\u000e��@X[�4��&;�U�ב!\u0016��}4w!���\u0011���M��@݂\u001aS�����'6�\u0016�\t�黒8s�\u0002\u001e���+\u000bt�v?4����O\u000b8tv���\u0010��a�T;\u0006��~YWY}�(���` \u0010���\u000ed|\u001d\u0004����[��ݵ���B\\\u0015�\u0007�\u0007s�l>�\\fO\u001d�4�\f\u000f0\u0017����~�����^[��4+�\u0015�\u001b\n�->bd��\u001es����>\u0019J\b�fV)z\u0013��fc�%����g��ws�R-ƅ:\\b�\t0�M\u0011\"%u�����&��\f=���Ch�1\n�;\u0002z�b<\n:�p���h���\u000b̍�w�h2�ϱ!�ߴ��\u0002�����K�?�|��r�zh��SY����Q�]\u0002��e���\tisy��G��Z�6\u001eo\r�ޯP�[5UO��\u0001��\u000f\r��a�c~F$\\^�Q_Z�D^��[�u�� W/�\u000bW/�K/Y�\b��[�/ﮟj(;U�!��̦Ǘ1V����<��~\u0018dl|z��ԪE�\u000b@���:=F\u0019\u0002�C ��\\�Գ\u00188�\u001e�\"����&\u0016T^ˋ�\f�$\f�F���\fpX45\u000f*\u0001�\u0006Ld$�K4�\u0013�%\u0015~�Ʒ���J���\u000f/�ٌv~�\u0014Y��ҋ6E��2�^\n_-D�i�\u0018�<F\u000e�\n\u001f\u0014$5���N?����\tk���\\\u0006������5�\b~\f\u0014\u0016�\u000b��\n\u001d\u0010�;T\u0014�\u001d'W�\u000eA'/-$,\\8y�����������.�s�{\u001a\u0013��!gq-��c)?�\u001d��z�-����Ⱦj�b��ȱ�+2\u0013���s,��\u001d�\ff\u0014ȏ�U�*K�ʌ�Rʠx��}\u0000��9_�~������ݲ�iG��$+:ޟ���\fZ���>�c��y�2\"��P&�k^\u001a�{i���;���{�G�̛��<5/{\u0018\u001b\u001b�{����\u001e�\u001e��\u001e];�]�.w������\u0012�\u0003�JR�ށϲ[��g��I�a��\u000b\u000f�uww�-8N�\u001c��~��V��Nt���Ӈ���ڴ2�6g���M'�\u0007\u0000M�\u0002p=���qb|}\"\u0005�,��y9�i����\u0018L���}\u001c�/9\u0016�<�M?�酘\u0016�/B��\b�;�\u0018{Ѽ�~����~��\u000b��H��j,���yq�\"*<�7�H\u000e\u000b\u0019&K�oM�z�M4\u001d$�k\u0012�Å�6�מi���\tQE�:��Y�\u001b��e������39�k���᭺�\u001a-#7\b[���iq�v���\u001c��=ѹs���o<\u001c;��޸4|�*���\u0014�\u001b�O�!e%%Ҳѡj��\u0013V�]�\u0000B�y\u0003J~~�?���Ͻ��|�ј��Bi\t�\u0007���N�\u0017�P���\u0001\u0017�)�M���MoUK?�x�=̲��v-�f\nfKW'��j���\t�\u001d�\u001f\u001b��.�����o�7����\u0007�x�dۉz�3}\u0007��;g�F�3�?�.\u0015���BiƇ�\u000e廋���\u001e�?n�\u0016G�\f t��?���\u0016Ѥ5��J�˒)ӫr镒���(�Tc\u0015N�=f_4�q<\u000b�#���p�R��X�psʘ\u001f�\u0019���y9sә�[%h]\u0001�$\u001aJ�NmI�\u0018\u001e\\�\u001f��Nf2\u000e��r|i�ڡߡ9���Wi�y\u001e\u0016���)\u0017���M��Z��tI����N<�E�����\u0017\u001cW���O��~�l�@�er\u0004��@�h6G@v&��\u0011G�,�\u0018��J|RV����\u0011pfx@�\u0006\u0019�S�\u0018����L�r�,�;������������\u001e�k#l�}E\u001b�\u0018̲��4[��\u0007c\u0011����a+�u��PY�x7F��,�&2��9�3\u000b*\u0012\u000e\u001c��µ���J�9�E�x^ZR�\fC&g{\u0011�\u0001�\\+��&�\u0013@UFj͋��=\u000f;0����Q>p��J�3v[)Kj�+��_l,(*�\u0005�ᄰE\u0012v\u0004\u0007\u0018�\u000e!\u0019���\u0013��\u0000�Q�H�\u0017U,W��}v�׀�\u0014kKN���}C�$v5x[=[\u0016�>α�$�\u0003o�p�\u001as�\u001a���\u000f}3\u0011+\u0006�|%�m䯔�f�G�嶽ӑ�k�#���K����\\�Ӵ�Χ9:��\u0012v�x\u001a\u0017\u000f\u000f%��\u0013�k�~�RvfHw\u0014�\u0014\u000f0j^[���5cY�F�\u00175�E�)A\u001f�LZ\u0002�>/���2Z���J�\u0012Y_��2�v\u0002E�=�\u0011�\u001b׊�����n\n�+�a��ĩ�\u0017����E%9YZ>\u0006g�����\u0000���:\u001e\u001d꿺z�O��K�\u0016f����.��(c�Q��\u001e\n�+\u0013�#Ӧ�\u000e�>-���ܔ��II]��\u0012�65Mg�X_�҆j+��r�h�6�\u0010�^D��f\u001a*�\u0002�U�<F��c�x\u0014\\\u0015KJ�9\u0003�ŵ�\u000ei�z+�l�߾\u0016�\r��^��\u0016��\u0001Ů|\u001c�T���m\u0017*2�UG�1\u0015\u0006��S$�l\u0004�n�H��i`R�\u001c�\"�e�fֻ��\u0005�A��{�J\u0012�\u001b��U���G�!f���YP�R��F��L�̃�˜\u000b�9#��@\u0007�՜�r�6`ϳ���i0\u0001MJ4\f�\u0004\u0004�3��Y�e?\u0010e���;Z����K�v1G����\u0011\u0003���\u0017s��\u000f�\r�\u000f�$���\u001d)`\u0000��%c��I�\t\u0000~��-s�Q��J�?��N���'���L\u001dpZ�\r�q+�|n\u0005\r7��\u0013�)W\u0000���y\u001c\u0001:�o2։bɳ*\u000f�����\u0005�H��DRPlnBf^4\u0001�\r\u0007���;aL�m\u001aC�y�Ĥ�\u0019��/�2�P$�W��'\u0007\u0012۽\u001cZE\u001bE�5�7��ƿ6\u001dC�r�p�(;BnJ\n����d8�,Rls���8\u0016F�\u001aD�\u0005N�\u001cݡ�\"����BG=��jի'{�\u0016-!3*\u0012�贔\u0010�\u0003�T����(+��Ъ*4E�&\u0014֏!S8Ŧ\r�\r�����\\Ȑ�h��\u0003f@|ϵcm\u0018�:�>�˥˦�}L_���&\u001fh�Ѡ�\f�tuz\u00004\u0017��(Lm��tR���Ō��\nAEF��ة�KkKE@t\u0007&�p~]4\u0013�\u0017�USFS)��D7�ѰK�'E��\u0007۟�zr��um�v����\u0013s��&\u001fM����{h���\u000bn��ε_�?~�)�\u0017�Gn�}�\u001d&�\u0017�G���=K\u00035��v-�ݵ5F�{��\u001e���|hϨ�g���\u0002hz�ڛ^���ߩ�\u0002�\u000f�I���%/�\u001b����UɆR�c�ϟy��ǦK\u0004d��Dg\u0014����q�\u0006\u001d�F�Q�\rqj����n�;j��'q�P��\u0002�(E���X)<g�K�>5�]�E��f\u0018٪X\u001fh�5H�þٿ�J׹>���m%�޼���O�5#,�rؠ�8A:��u{��C\u0013�_D\rU�HD \b�\u00049\u001bɜ�dF6��;\u0014���I�X�}��Y-��EՁ��c�c����m����a\u0002ؒ��Z]0\t\u0007H\u0010�����\r.9��}\u0011]\u0006�K\u0007����j!~� 5%\t��H�ox\b�\u001a�ˌ}\u0006�#X\u001d\n\u0017�`&�j_\"]�t�Wۯ.s;|�\u0011��G�t'd\u000e\u00070�v��=�\r���;l��>�1�X��= Q�$9�]�Y�D=\u0007(R�?�?�Z���z#�f�B�WA0���L�}�r���)I�s��`K���\u0011|fZ�\fU,\u0019\b�\u0007�$S�\r�16Ă�Ŭ��dhZ�Xs�*�\u0018FCa\u0011�0\u0010'2�R��/o�_<,4�K�m�\u001d\"��\n�2�\u0007\\ÐCA���=���d\u001eg@�RR����dv�����\u0016����Q�\u0010�@�\u00022�cr���\u00060\u0013���&�w^�?����P4X47��\u0007����\u0011�����ï������`;�S\u000f\u0018f�\u0019�bz�\u000f�u�k���v�Ů�&��v�[L�*�nl���\npm�S��\u0011�;,eـ�/��gn�gt�o\u001d�^+˫P\u0016�\u001e�Xsf�>���򆂳\u0012����ئ\u001dC\r\u000b3�^�L�f\u0015\\.;��F��\u0007M�VD`2�釻�\r'S����E\u0001HBfh��\u0000vf�2{አ8�L�t\\*Q�Kv-r\u001e\u001a��\u0015.��hF\u000f�*;<\u000f��g?_x�_6L��\u0005̚�\u0012W\u001d߭:�l�\"�\n\u0011��R\u0016��F��t�xf9�\u000fy\"@o}�\b�f2\u001b�n\u0017��\u0015�\u0016�yUY'�U�\u0011��rs�\u0014��\u001f��-/�[������x�����/�R�eXR)�Fԗ㨔���<�\u0006\u001e>�q�S�\u0007�����+^��\u001c�B�?\u0006@��*4S��\u0014g\u0013e3�\u0004J%\u0016��^�TT�~�+�I��+�\u0019��0��N�+*�؜�(����\b�@\bhZ@X|DLH� \b\t\u0011\u0005Dr����S#��s\u0013�%�I\u0017�f&™���/|��\u000b�[���/��\r`�����\u0003�}Fo\u000b��_|2W�\u0004\u0017w4�V(N�Ts\u001aߒ�\u0007���0��cr��8�t�+������yk�{.��}��,ƾw\u0007�РƗ�/�P�R֫�j\u0017;�2��[HQ�9�Q�9��SAaqr\u001a����zKxI�\u0014�\u001eX\u0018�$b`�E�/��ƪ���W�1�M��ᣪ�G��c\u0006�4Xu\u0003��Έ�s���@Z�Y�\t.G���3�˄��\u0002� =\u001a���`�\u001b&\u0014\u001b�`�::\u0007���Ԥ҅\u000f�\t��\b���q5��K-ۂ�Q)\u0014\u000e\u0016��E�$\u0004����@DD8\u0004\u0005ߣ߂Bf�G�p�P�\u0000\u001a\u0019�d`�\b�D��\u001a\u001a�\u001c���V��v�<��b\u0005\f�\u000e\u0015�`��гM�J��\u0019� \fЍ䋠�\u0011\u0003�>�\u0005.�C���N�')\u0014\u001d\u0011]L \u0013���p���֤\"\u001cNG�QJ�qTZ\u0015�ZB��`�ji\u000e�zc�\u0000__<�\u001b��\u001f�\u0007�x1����x\"?�����դ:���!!��r|�!(�('\u0014�R��$h\t=�K�\u0014E�+�¨ӗS�8l\u0012\u001e\u000e�\u0012�D��\u0013��\f\u000fCG��P\u00109�ب��j\u00079���ϛ\u0001��dp>����p����W����zSZ�+�N�����g\u000f�c���M�3���M1\u0010\u0014\n~o��a7\u0011\ra ���ԫ\u0015��\u0015�I~م�ڻ�bh��!�CG\u001d�C�#z�\u00158��dM�G.��\u001a\t�\"\u0002�TUEc�YXг�\u001e{(������@�\u000f\u0007k�N\u000e�ߠ�����)�����\u0010q~���\u0003�B2PT��\u0003��\u001by��\u000e\u0011\u0005a%��_�L�=R^\u001b�\u0006��\u001b��\f\u0005��(&\"�\u0005�b��wsOT�/� �T,��e�(�:\tR�Kd�\u0011\u0010\u0019����`����8/\u000b�H����urF<��I'�}�&r� p::\u001a�&\u0018@\u0004[�\u0011\u0012e(\u001a�\u0000#S�1(�\u0005�\u0019/�L\"�*¨p{�>}�nע\u001d\u0015��9!�M�\u0001E??���������\u00123#��g�>���E䱍k��2c�g�}��9�m�i\n��v5v����l���eCŃֽ�)GF۹n��I9N\fR�0O��\u0000BPr�P]X���\u0018�d\u001e_�\u0015� �\u000f�q�Z\u0002�\u000b�\u0005�\u001ad�\t�\u0018\u001fx?\u0004\u001a�ԭ�=��;�\u000f�u[����[���sW6G�*~��1�Z�\f�.�M����Dt����v��/�&1�4���zX\u0015��nV�z�6x࿵�=��=.��n�gT�Sd`��[y���V���ɣB±\u001fXY\u001b�9\t\u001c�\u0016���~{���ʞ[���6 $\n\u0014�B\u0006ҡP�֧'PhP\u0010\u0012q��0\u0015��\u001e�$�)uz��\u001b�\f�ˌ�*\u0011��c�BC�\u0015�� �h�\u0019\u001a\r\nȉ���s鰛��=1�@D�5M 8\"pĮ��c�\u00191��\r\u0015\u000f�|�A�\u0003�\u0012tt�\u0013�H��\t�o�tް,�6@�#d\u0014�6;s�\u001e�,]��@3[�\u0017j�o��\u0011\\�?.p�=\u0006}�@h��)���!���1!��K�R��)�(ə1(�8��R�\u0015IB!�\u001a\nt��s2�4��|�FGKc �0�tS/�D+�\u000bp��\"Ѡ \u0004\"�j鿧ơl\u001a\t\"auG�\u0001�F+Á��'�\u0006_5���(�\u00184ғΊ6p��UPk��#_�\u001f��m��R9<��-}�ۺ\u0000�ʏ�~�<�KH�v��$[�|�D���*�����O��eU��D8��Z� \u0010�\u000beU��B��n=\u0016.�����\u0005�_�\u0014��r����\u0015�b;yݐԿQ\u0002���.�\u0013�\u0017\t�:r�E�݀q���l���Ġ�̻�Fij�\u000f3�&��e\u000f�W����V�l�����%����ګ$��\u0007\u001cv��9�<Ԕ;R\"�H\u001b����:\u000b��_����p���[�\u0019f�?\u001d������e�@MV���$D�ݜ�?��f�\u0019�0l\u0017�x���\u0019\f�]y�\u0018\r\u001b%�^�{��l37s�\u0007�r��S�S���Z-����\u000bV��E@h��_����_�z�5�\u0018\u001b\u000b\u0019�@K��b�A��֮���X(�n;�7��߲�\rn[���<�If���L�����a��U���\u0017x�\u0017�?�[Zf�:�|��S@����c��a\u001ew.[Ν\u001fN\u00162�h/���G�\u001d~\u0018Xq�l��U���U_���aK�މ��DX!#x5D�n,X�\u000b��N\n\u0003�\u0011H��\u0017\u001e\u0015ŋ\b� �G-�R\u0014=�)qm5�����x?\r<��<I\u0016J��������R��'���䴵�f���\u0007�9S\u0017Y�\u0007��?v�\u000b�Gu�@\u0001�_H�$Gu��d��\f���\n�1�tQ\u0012��bP��͛W���W�*���T9�bi��`K���d�=%T3.� \u0016�I\u0011���ԠH,C\n�sE�����=\u001azx-��$/�l�4G^y[\tU�\u000b\u0001x\u001d�\u001a��\u0003��Q$f\u00168�-\u001f�����P�\u001b�ΐ���Y�)�6^$'i�\u0004��\u0005* !v\u000ft/����Y�w���\u0000��\u001f�.Ar��S�\u0010�Ξ�\u000bɣ�S\u0010={\u000e\tLw�o?lm5<:j=,$�\u0019��\u000e��Yl5�$�s�@^a�b���=�\n!e�\bB\u001a��H\f(\u0011��X\u0011�\u0002�\u0014\u0002�\u001f)�-�W�]Pӟ�.��غ��i���T��\u0007�qV�\u0015���*�9Iֹ�|ٹsR�jJ̋G���!~\u0012�\u0012\r!��3��J��3�P��J�l��@>�u���`�p��\u0017�c�-S�y\u000f���i���-�h=��'\u0011�%�\u00131YB$�\u0002�t��Byxy��'ʦ=�(@6�\u0007�\u000b����f��7�͞\u001eEHsb3���\\O���[sS��?�Z\\ї~k����\nC�5�\u001b�|�\u0002\u0004+��\u0011�J\u0012����-fk4dzE�\u0014J�҉l�fQ�v^�%~��]�]A�\u0012<��A\b.&\u0013�u\u0019x\u0012I�\u000bґ��\\�\u001b��!�\u000f�6=��z�aXv/x��T�����z����Ƙߤ�����\\('od�M7p\u001e\u0014\u0016p�\u000b\t\u000f�k�W�v���_(\"��������Zp�Z9�U��zW���\feNW�\u001f\u0016]�ݥTK%jբO\r\u0006�SsB-\u0017g��]�ޘ�<�Z�oa��S\u0018�\u0006&��Ng�k`Й�x���_w\u001f�|y�vl��k\\\"������J�E��}�\u0010ɪ���d\t\u000f\u001d��\u001a_�\u000b���fƞ�\u0016&�\u001a\u0013�zh������S�\u001a�f�Ѵ�\u001e�g�S�TJUOz�6\r\u000e�\u000b�!Z2)T#���i�0\r�n�髂����9\u0006�4O_\u001f@j�ֱq��+M�\u001fM\u000b$}���ҹ~��?\fKw\u0004��=vn����63U~\\�)\u001d����<��Xu:\u00175��۶��\u0017\"\n.T���=\n;�I2����Cί\u0017\u000f>��\u001e\u0014�H\u0004��u\u0014?�@J�w��Ӊ�q\t�ZY��dLt��\"\nｚ�쐵�vf([�)e�)W���YY,�H�E��FC��\u001f�\u001f���O\u001di�Ǔ\u001d)8���WO�P�(��6��%��2Y\u0017_�d4r䂜\r�\fu܍�{\\\u001b�\u0002�����\u0016�y�a�����0˄\n>\u0007+���‚�4��G�\u0019�\b/����|itv6�nHW;�f�V�j�\"{3����=J�;j�_��OHm��'Yg�\u0010՛��߿\u001a��&os)��7{9������������<\u0016a�ifU}����O�������x�x{k�~^\u001e^[�\"D�\"���\u001f/r�����k3�.w3�Nw\u0017�+��3��v]q�K�\\]�5�i�ԙD�\u0012��\u001e\n|��F`F���G��\u0002j\\�s�K�F�`k@�_�\f\u0005%�\u001c�� ��z޹����1C��� ޝ�^F\rt\u000f �\u0011��\u0003������\u0019p�������˸�?8�ړ\u0018�OI\"ư\u0001�����w�n\u0013\u0017֝\n�P3I���V����}��lRdqěU�` ��O��\u0017-��x�\u001ent���\"\b�\u0003�o���ų3�35�C�$g��\u0007?v��t\u0005�\t�Y\r��4�ۙ��n:_�����m��~tr��O���{���_k&�-�&��%\u0013�g����O\u0011�n�m\u000bp5U����Uy�(wG�QŬ*���x��\u001d�0\u001c|.)q\"]�\u001d���$�s�JN���t�Fr\\*����\u001cO�񤀕��zT�q'(�'\u000eB\u0012�2��0�P:\u0006)\u0006�� �\u0017��t,J\u001a\u0014��B\"xR0\n=��\u0014E\u001fv-\u0003A��\f\u0016���D\u000e��x/,�\u000b\tF\u0012P�}��{�����3�C���'���{��9�36�x�\u0000`01����I�c͢G\u0017�5��5��ͧ\u000fZ�P�[z\u0001F� �\u0015yu��QK~�%<�������/���G��x}to�\u0010H\u0006RE�co~����\u0013�������}O�7�\u001f�h\u0005�n���\u0004�$W�K�7\u0016\u0017�֖�}�m�d�\u000f�n��g|I��������1�O�\"�1�&��\u001b%6��r\u001a�\u0002\n�Էw=�yݿ_��z~q�\bU�\u000f�d\rJ8�[�\u001b����b�\u0013Y�#b\brD^\u001frO^��n/���Jg�0)ͱ,rS5�ά�R\u001b\u0012JC|�d�\u0000?B�\u000f#0ԗI���'��f��\u0007(��T�z3j\u0013�Mi�f\u0005D�O,\r�W`�\u0011\u0001�,p��A��~��P9l�W�$6z�\rk�g�H\u00054tc<\u001bِK'2\u000b��FV)� B\u0001��Ђh\u0004\u0011\u0014�\u0011R}ϦM�Ǥ�\n���XTC^6\u000bF!\u0003��)���H��\u000b=�B�Z��\"�Ϭ�\\&�|i�\rq���|\u001a�^��7��d�\b�����\b8\f#&��c�w\u0016�1�I�1�A�F:�Ѣ��\u0013�\u0000-\u0018`*Q\b�&�6���[���h$(\u0010�QШ@����13\u001e\u0000����'�lw��9͐CK!��ˮ�\u0000�u\r����\tD�G�w]��7ɛb�C���K���&����Ӻ����p��I\u0003�Ͻ\u00070�Io�3a\u0010\u0010}S-�;\u0014���\u0019rd�\u000e\u0013��ѽ>lw�CP�'��y^\u0002\u001e��*�K����e\u0019R$v\"\u00118\u0006X\u001appW�\u001b\u001f[\u001dQ\u0003\u0003�\u001a��\u0017�<�?h��y��6T\u000flZm�=d\u0002���-�Va����\u001c��\\t�]7o��:x�[�M��Hl�MJ\"\u0007���s$KG[j�\u0006��I �/�\u001f\u001ctĚ�\r�\u001e\u000fkw�w=�բ��T�v�w-��ʪnU�ɧS��_\u0017�\u000e'n�������F\u000bn\u0010�^m�\u001b�9\u001e��b9��l&�\u001c)y����ݳ�O�)ծ\u0003��ݼa�hn\u0014/�M\u0006�l\u001a��ܦ��MDӾ���#\u001aݶ�ȯ_�W�[\u001d�\u0007�{��\u001b����=\u001d�=nJ`�\r�\u0006�v\u0005ym.rm�f��&�ƶ\u001b�Ā\u001cK�>�O�&�����\u0015\u0005��D������6N\u001e\u0014��P\\\u0017����_g�����\u0014��ޏ\u0007 :�\u001c\u0013�I��H\"R�7��$�x\u001c��\u001a�v=��\u0011>\u0016e%�v�k�&o�V\u0004�I76M�\u0016�rJ�=x��Uz�+]m�`�v߂�9\t�\u000b�qȏ{[���Z���X3<x0����8q�)?\u0019���6}�u����-^��\u0014�e����Qw ��q�ax��j�3�6\\`mC���g�۴��\u0001��ݪ����\u001cϛ�ަ;5j�q��03%!�\u0005��h�!��;����43_\u001d�j\u0012hᡰXG�1\u0017}i�՗�\u000es��ey����\u0016\u001d�'\u0010�Xt��S��~��\u000e��c����\f���{N����{5��΍�5A��C��Db\u0000ª�4��ў�mHQ\u0013\u0013\u0018 �M�9K�`�԰�ȷ1J�v�Ւ��t�h[��8\u0004�q�q�ᘛ�r,�����F�ZZ�}2)�_\u0016�:zR\u0011Z��2.��+��%��-�͒�\u0018���|oj����=�\u000f\u001a\bt�Ё�g�-\u001d�m{�Ł�\u0006��sd[\u0017\u0018\u0005�nq4\b<Y�$Iv�\u000e;�\u000b�]�=�w�Ի,�CQ�����s:�\b\u0002�����\rR�0ïc����'�\u001bM0TG�OkHY�#w��8F�\u0019��C�g��\t �\tH\u0001\u0018(\u001d��`��2����\u001b�\u0000���o27�\\�zC{\u0013�Vla\u0017�J`�\u0015��zAn6\u0015��\u0006��0LK*\u0006�����R�:\u001dYW�n��x%\u0016���%�Ωd\u001c,e\u001cu-3+ؚr����\u001a\u001c—������*z���~��zƥ�����\u0006��%��ǁ\u0013���}\t�'�� u�a�/8ȹ*`���T@�\u0014_t\u0015\u0005֛To�e��Re!�E�θ�!V?e�Z\u00053��M�V5\u0005\u001d�-m�We�`øq�oly#�u8����\b�-!�>�\u001c\b�O%WB����N\u001c^\u0012u��X�M�j\u000eVV�L\f\u001ei�̜{3ʔ���\u0011�B*{舐�p���f���U*W�\u0017\u0005����]Gԥ�B�H�����\\�\fh������Z�yY�8�dd�\\\rn�d�.e�x��L��\u0017i\u0015�ܣ��0�\n�������l��P\u000f9\u0013�u�\u0014T~�>�\u001eM(��\u0001U�A[*\u001d�Q�S9�n��T��W���l�j�i�?�d��\u0007US���*CvE��j�aؖm�������\u001cch����g��>�m��3զ�T��p���Y�Utj��j{]�V�^��n\u001d\u0003S��Q\u000bG��{�Eݿ��.i�\u0003�5�]�\u001a.�i�5��\u0007Yﲩ����%o\u0018���=�wJӄT7��#�\u000e�mN���XG�=�EP\r\u001a����l�\u0005~\u0005�6;�\t=�L��P��\u001e�\n����Y�+�x��z{\u0001�Rs�]E������\u0017����b�̖��NĆ�|\u000fu�N����]�\u000f]�L>�\n_W_-\u0015aWQm*�L\u0013差L��q����z��L�����35��Ԙ\u001a�������\u0010\u001a�\u0002�ѓ𡝔aÏ���/�:\u0000�ܜ�`��o�\u000b���m�ɖ��r�X6q\u001eU,YĘ�*ŋ]�\u0012Mŝ�-�K�/k�x]�B\r��F�e \u0017��v]�\nE�6t��ۘ4�*��(�$\u001e��������ؑ��J`�e�>\b�� ��R��\u0007-z`~�!�l6\u0014v\u0013W�)��q퓅\u0010�h��]�A��C���/�t��zw\u0011Q\u0017�̒r�N\u001e��:]�ܣ�\u0007��-��i��ki�[_�Kj%ww�\u0016��*M?�#��7~σ�)Cf���LCc)N*\u0006M��ykq�R���\u001d��:��G�H��&�\n�����K\u001b�ɽ/w\u0016�2\u001a��N��\u0006��\u001e\u001e�ڃBa���\u000b�<R�U�g� �\nG\u0003[�L[�\\-W�T�\u0015ʷ\u0015�R)�E��\u001a-k��\u001c��P-�D����uvTM\u00175\n\u0014�j%�Y�p��`\u001fC3�\u001dE�B��]*C�I\u001a�\"\\�4��g�[�o\u001b�|���j��u�^ӻ\u0014\u001a4��Lh��4w�NːM��zr�X�\r�\u001bA-wQvW��6�>~6_��4���n\u0015�66���\u0015�.2\u0014��vi!rݦ��:rc��ѻ�04\r#��L)CK<�qΓW9G�_=:�>;��\u0002�\u001da�~�.�Q\u0003�\u001e�x�m��\u0002��P\u001e�\u0003Rx�J�K\u0018\u0003����Yor�v�6\u0010���\u0007�\u0017�%�]�HwV~; �~��ώ�\t��\u001e��'jW�rXs��ᙽ����\u001f�\u0011����%g��o\u000b��W^\u001e�w���\u000b\u0017\u0006m\u0018֝�B��\u000f�����4Z\n�D��\u0001\f\u0000\u001e\u0006\u0000���8�����c�ӵ��οJ�Z\u0007��\ra���Fb�Y�ؖq���8��\n�{����o'�\u0017\u001d���2�n�g\r��N\u0016\t�����\u000b\u0004��ޟn+���]6�\u000b�G\u001d�tU��7�\u001e�kԤ��(5�k�yX�T�\u0013oz|�j<:K��_ݞi'\u000e\n۝�iI��v@���IҶ�J��Yz��\u0019~��\b\fU;��E�=��E])��z`��2��\n�|X&+v3��X�W+�c�B�ͼ]j���}��@����0S�يmɣ�{\b'��Ў�n��Q2Ts򑷏��3��Gǵ��\u0017 \u0012��&�����{ż������\"WԮr>�H�u�u�qN��ZBm�dr<Y�Y���\u0011T�\u001f3{�\u0011�6! �#��ysCX&}�\"�✮*\u001e�g���,�[\u0015�\u0012\u0017�}���SP��Yŕ�+^y����,��\t�^$��B\u000b�l|�z3Eɷ��+O�\u001a���#�L�~N.�\u0004��7�b5gz6������SR��\u000f�\u0004�/+j\u0011��+\r%hDv�iY\u0015o<\\�Q\u000e�˝\u0003��>>��g,?��,�xo!J~}�\u0017+9j��˸�D���VZW\u001do��\u0018�s虥D����(A�������I ^�\t��f��\u0018^\u000ex���x��⸡����I��A?�i+v��\u0002�'.�Y�\u000eg\u001e\f��Cm�\u0005<C)m]%M3({\u0012ǖ�\u0015%�W�z�����Q\u001d\u001b�~o��d���4\u0015�j��5Y@�\u0002\u0012\\q�x\u0003�d)�&�\b��\u001ae��;���\u0010��\u0004\u000b��,�x�Ŧ��L�\t%K�l�9�js(�U�y9\u0010c�\u0013�~I\u000f�7F\u0011��݃H�\b�a�dh�X\u000b�*�,���EJ\u0006��\u001d�5�x~��;2p\u0011������!̿�Q��\u000b(�2\u0004�s%�r�s�S��D�w\u0016��)N�\u00102K�\u0000b#�\u0012_\u0019�\u0012�I=;\u0019����,!Z.g��r�,�I�\u0017i\u0019�7;����\u000e\u0003Xb����\u0010�f�6\u0002c��\u0017��/OvA2eV��<�1�Zg\u0015k4+U�4�Zl�̤�ijQ�RC\u001b\u0015]-�T:+Қ\u001cl,P�)5,�\u000fy��nN�\u0011\u000eS�\u000f���\"\r�o��\b�Z�\u0012��2���N~��8����/�)�b���3�\u0003�3��f�x�����\u0010�*\u0017\fF[\u00177f(�J9_\u000f���bgȬ�E�g�_��M�ذ|�&]$�Cʓ\u0004Ԡ.3��\u0019���mN�=o�`�\u0007]�}\u001cl�Ct}\u0002�_}�H{+����\u0001l�a�\u0016����,L�\u0015�\u0014I��]<��X�\u0016\u0006\u0014�4Y㓕�\u001c�z�$�~ �Z��b�uZ�O\u001c@�\u0005�Q�t�_;�`\u0003D�ԛ��tl2��2��\u0010ȹ'�C~i�O�d\f������\u001a\u0004>3�\u0013r�\u0002��OL�\u001c&i\u0014z1me�EI�\u0000�D���\u0013\u0014Vʺ�\u0012���9\u0012Kѫ�x,M�(� �\u0014�\u0004�[œ:3@�I\u000fs6b7��:��h��%\nL��\u0011���N�2\u0003\"\u0012-+F�C�E2��t�\u0006\u0011-p�\u0016xV��/\nذ�Ki�A���sx�ŧ6��i�\u0018~�0�bB4�W�w�#��� fBz�L-֍n�\u0016B���\u00134��u�\r\u0018ڝ�+^VR��\u0018ֱ\u0014:KWu\u000e5g�,6�����XY�ΰ\u001b�L8a#���h��H�F�A��\u0010����mSY�H�\r�-�e� g�)�E����UP��կ���y�CMK�\u0007�(_��G\u0003u��Iw�g^�q�a�v�?<\u0002\u0003<\u001d:�Y�]�Y�^��Z&\u0011��<��:��UO�(�ha+z/�d9��L��\u0015}�}]\u0012��X\u001a�֊�?��J���\u0003\rJk�t[���q\u0019P+$��T3\u0015\b��]MT���\u001c�\\r}\u0014�X%a@t\u001d\u0003\u0014yPtY\bl2�����B�\u0003��B��A`3��:�ajԾ8�w��!�!ņ�\u0001\u0017\b��p�u\u0017\u001cka3\u0001�v&��\u0010�x/\u0004��S$'˨X��+�6�\r$g6I��s�q$P1�_�L\u000f3�o�7F�����(\b6�u����`�\f;� ��}՘��@��6��$��Q��`fS\u000bb����i'�Ύ����\u0012A�a\r�t�S\"9҂�\u001f�!`���\t,|��f�-�봜{\u0004%x}�k�\u001e\u0000�4N����k,s�\t\n�\u001dm�v�v�\u0016�m�ҥ\b\u0005�5�Jab1S��\u0014Mi*i�^@�n��z|'�)�x��\u0002��J\u001b)k��M�%~��h�3i����z��o\u0017��E��|�Մ��\u00114�ǽ�M�\u000e���]6�9r�=K���\u0010֔�6\u0014�̇�0ζF*�-�j\u0014�h\u000b\u0013lH\u0013`\u001bT=W�Nh�\u0010uen�ꓻQK��\u0012�6�e�Z���`�\u0004���_�1i�B\f��� Zr������\\���\u000e�lᮾ@\u0010��C�R\u0003�Ԧ�?���6�\"�\u0007�-�>\\ei�lc#J�@x\u0010�\u001b�6\u000eQI������4��:9ܱ�j�A��~�>�A5�\u0000k��\f�&Y�t��ٍ�_���\u0000��w�~n�mOګ|\u0007�y\u0018��o�6�Ze=��FPyH~�\u0019L/���\u0018�49�\u001d�\\ȕ>\u001c\u001b)�,�M��d��\u00102��Ȅ~�\u0000:\u0012\u0010�/&_c�~G&ےi�\fk\u0018\u000bK�&��O��\u0007��PVJ_��\u000f/\r�PpZ@�z��$�A8\u000b�\\�Tq:ZEZ@�K\u0016�o�à�|7�Q��f���+�T\u0016@>�bct��\u001f����Lo�zN�::J;�w4�X�8W��ٖ\u0016��\u0006dF���r4�@X!�j��y\u0013���6�\u001a�b\u0007�\u0003t>Y�f\u0016ũ9��N\"ňL�tx�\u0005t�@Ht�}Lj\u0010$:]\u0018��9<�7\u00054�F��w�9u�V~�\f�\r.u��a;.%�N� K\u0015D)sl�\u000e>|<�d�\u0017�j�K��y��ъf$]+5�v����N�?����\u0018�\f��)h\u0003�?1��ĕ�{S:/��f\u001bk���\u0010��O���,\u001e���h\u0015?�pk�e��I����[����\u0006��Z����x��͸22E��L�A�\u0007=/J����\u0013OA�\t�E�\t\u001d���|[�—\u0014;+���'��{\")�0�3�e�ʽ\r,��\u001b\u001c��;\u001c�\u001e�\u0015���X�8\u0014*z�wm��d���\u0019e��dQ}���(o\u0011�$\\���e��\u0011�q���'O����<�e�sΤ���\u001aW�DHS)\u0017�x\u0007+\u0002r�C^I\f͏\u0007j�[��?l\u0007�{�\u0017�xr����\\_m�r/N�/�*��i�Jt=�,��$�C��\u0003\u0015bR��%/��\u0013�\u0007F��\f��z�0\u000f$��q��n�E��D���\u001e:8\u000e\u0000�w\u0006+��i��\u0017�\u001aK��\u0014��\u0017(\b�Od��p�\b��l�����J쉋,iP��p� ط����\u0016�mU�4b�\t�3)Qȉ��\\�\u000e���-s4g�u���I��:/{⎬\u001dm\u0002T8����ь�\f1sΪ\n�x���p\u000b�r*���fX��4k0/��\u0003&P�\u001d��şZ�(�슸�q3�n�\u000b�K�F&$vT\u001d��)�N;�7�xV\u0015��`���NH��V\u001f\\T�&\u001e�\u0012�\"F�� F��Qސ1x�����2\u0012�2�|!�/��0z3�1%�� ��\u0002\n\u001aT�_?��|�A7���\u0002��\u0014W̫j?R{82��A�3t�v\u0006�`�Љ :,;�JI�l\u000fu\u0011\u0010�\tAM� I�v��0�awH6t\t�<�\u001c�0��.*�Y$\u0005}\u001a��2]�^e3�p�ά���:��\u0006&�Q}�\u0003h�Z_dɈ����,ه�Z�\u0003\u001a�1s���=�\u000e=���U�)�Jb�TsE�\u000f\t\\�$��G��F5\u0001��M�.�\u0012\u00120��\u0013|�Г�;�x�\u0019�u��\u0001\u000b�IY�r\t�J\u0011A5ރ�\u001d�\u001f��\b\u0007��6�/�h�UH������Ҭ�h��-㶂#�~��\"̛�N7�a�$�\u0018����0\u0011\"\u0003�(�Z6�r�\u001b\u001cK8һ�8'/?I�M\\}��\u0013\u001c�\t��]\u001fN�\rplI�\u0002�\\��Y\u0016\u001bϭ���Ќi\u001d�\u0019����\b\u0006V\u0012�j�<��D�'\u0003d�˥�Oᱜ��41ӝ��J\u001b�\u0011���\u001a��6���.2�P�(�'�e,;�\u0007�]\u0018nM[\t��:�3\u000f1fK��dR��k���g'ۛN!��>�|����\u0003�\"\u0012a\u0018���Z�\u0001��\u001d!����$9�q�\u001d%��\f����I�-J\u0003/�u���qɔ\u0001\u001a�\u0007��]\u0012�\u0000^��w\u0012����\u00051�\u0016�\u00174WO��sr�h���\u001f�-5��x\b8��t1��\u0002\u001dB&r=�¹]\t��>H�A�\u0019�\n{�x���$t]O|�o�|\b\u000b�ή\n\u0011B\u000b�\u000f�Jr5��X>q�0�p�\u0013��v|N��2gP{?\u0017\t�����d����P�\u0014�〒\u0010\u001d��D\nG�\u000b5��l�\b�\u000b!�\u0002\u0015o0��\\U���\u000e3���?�\u0013\u0000���N�\t�x.�#c\u0014��\u0015eCR�lm����[!P|� \u0017VZw/��򶪩O�tS\u0017y�\u0006>������k����n}T1`�m%I.�\u0015*���W��3� ��(�<0>�2�d��\"\u0002�s�K�J��G�$��,!\r\u0005P��1\u0016� d3���m�{�=\u0011�v�ޛt(1�I��\"�����d<�O�N�w���ieR�\u0018(��}�\u0015e��ŷ��\u0005\u00023n��w/\u001f��v'QP�t�O��H��t�\u0017��c�*2L\u0002�̪�(�`��Q\u0005\u0001\u001b��\u0010��f�\fV�`�ˉ�hͪ�B\f\u001b|\u001c?\nJcaO��\u0016b\n�~hF4S\u0019S,�k��\f�ZQT�~���[\nxz�x����FW.\u0007^d\u0004�jס�m;n\u0016��\\�U{ڝ�u�5p5-\b�\u0000K�\u0019\u0016E��\"�C]!�6;��\u0015�\u0015�y+�\u001b��~\u000e�r��V\u0011ڞ7������\u0002�^��9kѱ��\u0004\\�:��Z.��\u000bc\u0014�Q�\u0017r4\u0011�\u000fԌ�\b��6��f�+���*�p\u0007�jUo\u00116I'����\u0006!�,\u0006m�`P/:t�� \u001e��!\u000f�Н�I5\u0015\u0007�P���_;CLCg=�V\u0017�)ML\u000ek\u0006�����8��s��c�\u0001+��͒���\u001b���m����ʡ�A6�l���\u0018,;�;k�\u001f<�d�\u0011x ���1b� <��^��\u0019��&��x凌�r�-\u0012��\u0015;\u0016\fF��Y�����тy!�\u0018�����\u0002�z�����K�a�\u0007]���������1��{T<����%��ick���\u000f�^bK\b59\b�����\b\"�V��\u001e[�\u0013�2�a���RML���\u0000�;��N\u0010 �y�<i,j��\u001a?$\u001cK\u001eܶ�i�e{y�V\"cC�yؚ�\u0014�6V�z�C<\u0006���9�\u0006\u0016�\u000bo8*���{Vʵ�� �\u0006�*\u0019�B��<?hw�WlدĆ���\u0013���\u0019\u000e2��*[3vγ\u001a\u001f\u0007�m�\u00020p��%:c��\u0016<�r��1�g\u001a�f\u000b1�\u001c�@֒�+\u0003�\u0010��Ye��sX�\u0003�b�@�Ǻ�\u0019�W޽�Z��*�m�:\u0018�NEpJ\r$�����ɣ���\u001f���i���ȷ@X�H\u001f��]T\u0015�-�閽i�\u000fA�0\u0015���0oY3��ƓL�[\u0018\u001e�U��:}�99��k�\u0005��=l\u0016l���:�Ⱥ\u0004u\u0004�c[�\t�V�6�Q@#��dE#u)�\u0000D(���>��sB�v��Hؑ����bf�*z�\u001af\"��G�\u0012�{�~�wWu�r�;$���L=5gv�[�\"=\u001b{ʪT�jˮ'�%\u00025�Iq\u001e�P��z�E�8��R���꾜�T��k�`�_1�=�`f~�L|]\u0002��\t-4�w\u0019�M\u0016���qݐ\u0007�:�\u000f�3\u0012xr�$���\u0010h|ʡ�\n�Q:�Ћn�L�~xa�D\u00039����&>;�'qV�\u0019�+O<�-#��u��y�fL/ox$��X��}\u001e���xbg\\JI�T�\\�E-�\t\"������*��~��8������p`������5�\u001bA��\u0002��a.��.���Cq���\u001f:'��p�R9����~����=yDzԝ�\u0018<��L�D�m�|^�\\kLoM\u0004��D<�P�\u0019!e���R����q��,V\u0017��:��}�m\u001d9�ò��v��I�d�jey������4�@R��4��/E޸�ڙڜg�t��E\u0010\f�\"\u0010�\n����\u0000�\u001e-�\u0006�9�S��g�\u0013O�Px��C�\u0010\u000f}\u001a��08^lӦ�6\u000e�=��\n�;NS�ip{��\u0019\fF�.�����Fӧ\",\u0013�ڴe���*�t��d�ۼ�!���^���6D�\u0005\b`\u001b���������*(�C��+����.�p����\u001a�!\u000fI=nQ��3N�\u0016R�7۳�5\rj\u0013ɚ8�n��\u001a\\=8�?���\u0007�0j��Y�8��E�){n�}\b\u0015���\u0010��ca���'�׳`*7�/�-hh��?\"e�Ȃr��\f�?��ɔ�疒l4_|�\u0007;�v��Ƿx\u0004\u0017G�������%�<\u001e�\u001c|Э,bfʹԫ�/�6��a��M�5�y0\u0007��E\u001d)�����令E������I����N��s1�\u0004���\u0005�X�k֌��\u0018��/��՜�:�����e�U��o�|��R>\t\"�\u000e��\u0004ӛEU��;��g\u0003k�\u0005�d�g�\u0000����U*�\u0014�.��\u00015\u0005��@�\"4��ub\u00031�3�]_�A\u0005����J6�c\u001b�\u001fY����M�ӆ�#�Sa\tD��g�*��\u001b!2\u0007{NQ�E�\b�I����b�2��E�!�\b\u00118�/�\u0007��\u0005��\u000b9\u0005�.s�hU��a0ز�\u000b\u0003��\u0010\u001e�����Nu;\\�\u0014���[����~����~��6��߼�\u001c~\u0013w�u�6DB���%���t[��~5�\u000f6�\rO������UA_��T�z���kY��g��n��\u000f^+i:�\u00029\u000e�GS$�{2�J9�\u0016�}x����x\u0013�\u000bΊsi�{J\\p_�=LJ�u�_���o+��H]$��.�\u000b]�m�V�żk�����~:|\u0019@J\rI�e��^��\u0012���\u0002��%�\t$�����g�Z���ڌ�,\u001b��쮌��\u001e�\u0017�J��\u0016��\u0003\u0005Q: �3,+W�[nd U��!�/�4�t1\n5\u0004<\u000b\u000f\"\u0015�o<\\;IK�\u00034������mf%��׻�\u000e&i6Ln\u0010\u0005�ID�\u0003t��L\u0013e9���2���\u0016�R��$v���\fK��ʽ]��� �Vb$y��^�Ɠ�8�\u001b\u000e�\u0001.�8O�\u001c\u0019=�\u000bӝ�l�\u001e\u0013\u0001;��)Q\u0015Ks��;`\u001e\u001a��\u0019\u000e}oR�5\b\u0002�ߠQ��7��2�d�-�3\u000e�+g\u0000\\�\u001a�nU�����\u000e�\n��w���*�y�\\B�s+�:��Bʖ:u��Z�-CGp>6�Fu��(�\u001c\"g��g֛TҷE�8����FY�h�\u001cK�\"�\u0005\u0018�� w�5�i\u000e�5\u001e\u0010Ơ\u0017t��qx�;#���\u0011P�\u0002%��8#[Rn9��<V��mjx�WK%�\u0004��C-�?\u0019���&\u001d���H�`'\"ccu?�̓\"�h����,�N�\u001c\u000f�,z��:��[�4�f\u0018�^N�<���\u001aK�\u001c%M��+�\u0018V3�d\f\"��\u0017�o.7�\u001b��h�D��O��\u0011��K[����9�C>�\"��[����\b\u0004�x�1��K��Kh���^~G\u000fٺ��\u0007�gf.(��n_R5[]I\u0006\u0006��|FN=Ǹ��A\u0007}��L\u0001„:���V���\u0015$����\u001d���\u0005��\u0015��\u0005�J@�/�d9\u0010߮_\u0011]̟i��\u0017L�đ��έ�����r�\u0015��\u0019�1�͸SKV�DDRtL�iΞ�R��i���W(�\u001ckX\u0018CZT�RQ��r�\u0007���۪���dF��ʩR\"Ԃ:v�rs9��_�N�v6k�\u000b��Z\u0016�\u001193h6�4��\u0011��:\u0007\u0018��Nt�Y1[��쎯|�!Ꮹ\u001b\u0014\u0006�K\u001d0\u0013��0舎�\u0001\u0016���\u0017���\u001d\u001d\u0018\b6�*692J@�񠇣��I8��<�š\n`\u0002��Ң!]\u0011������(\"l\u001fw}����ӃY�L\u0010�I�셮!\u0007=\u001e�5��/W\u000b��\u0001�8r�=��\f!�4���-�3�]d�ǰb[���\\Y�-���Kل��l\u000f\u0003`�\u000f�\u0013{~�@b{\u001d[p�I]�\\Mj�\u000e�\\��\u0013[�\u000f�\u0000#���>ԉ�m��w\u0003\u0012�ʺ?1[�\u00035=VW�\u0014\u001e��y�\n��pX\u0012ͼ���S����W���Hoե��:\u0005�\u0012t��;��鼤�=���C\u001e(\u0007�W��b���6��\u0019/�i�\u001c\u0018X+\f\u0005�J�:\u0007e����\u0014�#�ؚ0|�M.u\u000bX��H���M������%�}�66gqg[�+~XSQ_�**��3��\u0016A�t�\u000e�y���^|~�}RH�A�s\u001dދ��͕6V:;x�H�s�*\u001c��f�p6u~�����������`�Н�oջ�&��l�m\u001e\u0007�\u001fP������af=�c6\f�?V\r�L� �\u001dӥ\u000b�4�\b�ö\u001d7��D<C��~M�\"<��j�fO��V\u0007�f�\t�8��\u0004Fo�j\u0015K�\u000b�.{#�\u00005\u0014`e\"O\u000f�@,f\u000e�\u0017\u001e��p\u0014ً�v��ɟQU���\u000fNE�\u0011�wd�ݜ�v)]�y]D.+\u0003[�&�\u001d�S�#0�C\u0011��㲣\u0010<cO�'YZ\u0006�\u000eY�\f��daY�\u0006���\u0002��柆�3�R�T؜�@�i��\u001c��\r\u0017\r��6��&�}��ٮN��P�;\u000f\u0014\u001d\u000e'R�� ��ꀵ2�e>���H���wY+�1\u000b,���\"�\u0002s�\t�]��\u0017'����y�\u0000r[Gԭ\u001a���7���\u0012>É5��5�غ\u0017�\bL�%\\�,���\u0015ͤ��X�]��(Px*��˗\u001e���?2\u001f��*{]#1�\u0000����1n��\u0010�:�eJ\u000bV�qa�\f\u001a&u\n`���\r\"|�YC�9fxS�:d2\rn߼�i|,n��\n?�bK,��!�@�'�\t0����چ�v[0�q�#V�X:h�g�>ʭ�>lg�Y������`̹���0����Ï{���<���E�x��Q�ޖ��h�b�p��ڠ��Ӭ} ��\u0013y3l\u0001�h��3��GRM�����%q��J��h\u001b���jc\f7o'�\u0003��3s�J3\u001f{k`��\u0012[�\u0010s.���L\f��;�\u00035P��*������-�[*��\u001d;\u000e���\"���N���\u0016d�D��gT�؄޳C�cǽ\n�,Fu�����\n��\u0012L�\u0002��+�KWB�ɜw/��,�ң�8\n�\n;�Rv\u0002%�\u0004C��q�$���\u0002���IyX��3�x��\u000f���\u0003fb���юNƭ��L\u0002���*�����va��\t\tM\u0005 �|���T��?XL�M\u0000\u001f��BS0]��\u000f�m\u001e\u001ab;w�\u0001\u001d\u0018\u0000\u0004���C�\u0014�߫�\u0006��b�`�$�,�2*��������Y�2��'�ri\u001bJ����\u0018���3\u000bt�\u001f\u001a\u0012X���W�5Q\u0000Զ��k��|�m{�r�[l��p����(LX�NԀ\u001d5��j�.{\n���|��\f��\u0006M\u001b�\u0001ߋF����m!�bU'��\t\u001e>tņ��}�Ƕ���;\u0005��\\+���y��i\u001d��1\u0010��z��y�\r:~\u0012�g;�����I\\��H���\u000e8��@�^oQ\u001f����:\u0014у\u0019z\u001d�W\u0015�\u0017��\b\u0001$�sn�۹%\u001b�\u001bbP �Ӵ����fy����Q󔮗\n76\u0016�f�@�B����j����뜊�v�D\u0001\u001bMc�ï�}\u0019�-�E�T\\{�+�v\u001d�b�!�\u0005�'r\u001e��\u0004���\u0013>�%��QG)\u0000Ǹ���p��\b��/Nư��I��T\u001e�J�\u0015�����b\u001f\u0011�\f4޽W���dM��:ú�W,�\rѺ������`Pk��\n��+b�<0�k4�{�!����bmz����=�Â]�ʬ�����uL�4���� \u0001Wx��I}��\t�-��>QYKAޔ�����܎,eD�u%k�,_\u0013i>\u000e>E�\u0007\u0004z��\u001f\u0012�\u001a?��y�P���z�^@Xs)\u0003_�\u001c��&t�{Е_ �\u0011\fbBT�� <�\r\u0011qf\u0001�a2����v�\u0000H��z\"�+\u0011�Ar\u001c�0aR�C����\u0001YY2�\u0014�\u0019amS԰�(���\u0016Y�]�*�z�|]ֹ��lp;�f�%L�L\u0016:\u0017K�h��\u0019�>\u0007eGb��L�|���\u0007���i\u0016\u000ef� R�\u0011�(eL,f�\r\t�\u0011�\u0017�\u0015�I�.h磤k�W�4�8�0g\u0012<h *\u001d���s�]Ee\u0016ٹ��׼�5���\t���\bCf\u001d8��,\u0006�\r���M+�\u0006�,��\r\t�\\8�`��4�r*F\u0012�L�\u001d(XD\u000b\u0007���(Dip�����\u0004�u$�3\u0004�q�*��\"db6\u0011�\u000f%�EQ+9�^n�j\u000f�5>���\\��ɜ/�F�\u0000֑�4X�&���χRh��Pv��Y�뾩X@�\u0012w���\u0003�\"�Nx�Q�k���\fZ\u000e\u0001?����(���j\u0001�\\ہ@\u0000F�\u001d\u0002�\u0018�|)�� J\u0006̢B��gW�|\u0010Щ\u0005���r�\b��0]O\"���\u0011I� �X\u0014\u001a1Х\b���\"-�m\u0014���8\u0002{\u001d�$�0��s\"\"}�S�i\u00068G�Gx:\\2�8�(��G�\u001f�}�Z�\u001f��Iow�Ȼ���\u000e\u0013�5W�R\u00129��V��Eċ'Z��h���t�,E��&��ڌF`�`�Lf��D��qUgɗo.q�n��w>��\f�\u0015'��\u0013dɔc�\u00021&��ϗN›;\u0011Q�\u001c B��&�\u001d�O����f ��\u001cɜ|4�fҮ+�G\u000b]\u001a�̵Dϕ�\u0005�7�\u0004o��4\"���z6�����{\u0014+Tğ\u0007\u000f�6\u001c�%���LՐd��-Y\u001d��!����\u0014Ć�3���/��)��-���\u001f6#�-b���-2���ڬ�,Rt�&)ĭO�}t2�\u001bT\u0017O��4���\u001ce���o6��2����J�p0�$g/ؔ���C\u001a�a3j:+Tl��Ⱥ���!��I�D'l���_�c�I5]�\u001dc~\u0000\bv.�\u0011�HD!\u0006b\"\u0016\\J\u000b��6� \u001d��N��.����v۫>s���\f��,2��U&�r��U�:��\u0017?ˬ\\�:��l\u001e�v�=����τ9�S�\\rɕkn�垇��N�F�y��\bn�̇{�x�_�\u0005xFij�F\u0017Ԙ�f\u0005��f!��*4d��ad�u���\u0011\"F�\u001c%j��Vİ���wF\u0018Y|��|J4�Oӊ+ި��X\u0012_wK+�=�Kq��R\u0013��0Q�$IK/�L~������\u0002\u0004zS����\u0017�J�&����\u0016�W~\u0005\u0015���e�'M����W������6euշ��\u001akJ�Js��Z�\u001a�x,��Wi��!\u0011\u001dn���2��\u0000P�\u0003���,}jW�W2�x\u001fU]u�({\u0006k8:Ŀz��Ԏ�\u0001e�:GM�R\u001dT�t�Kuv\u0019�+]�\u001aR��B�F7��m�QP����u�\u0007u��\bMNk=�ד\u001e��m��'��T�O5�[\u0005�]�c`��m�~qo��Ϫ<��׾�\u001dGa��S��~��W��P��Wn�0-�i�3�\t\u001e>��&����,�-y�^n��\u000e��c�J��p���:s\u000bK+k\u001b[��صg߁CG��8��9=ZN8w�ZF���0eƜ\u0005\u001e��4(\u00188\u0004$\u00144\f,\u001c<\u0002\"\u00122\n*\u001a:\u0006&\u00166�Xq�%t�Wg�;Y�$<�R�\u0012H#$\"΀\u001eKVv!m!��y\u0015t0\u0018\u001a��eȔE&�����:��뀃�\u000b��#E� b\u001dV\u001cv�\u0011G��挳(lۨ�c([Z*U�V��T�A%�]H��i̿���B򋭼��\u000f~�\tZ\u001d\u001b�T�4�.]��+j��j���z��X.������m\u001d]�O\u001af��M\\��\u0003\u0000A`\b\u0014\u0006G %��\u0005\u001c���Kd\n�Fg0Yl\u000e��\u0017\bEbs\u000b眷d�z���zꡗ\u001e{�5ϼx�\u0005\u0017�8w:�<._���[\u001al��I\u0012�6~�P�_�\u000f=%5-�U�&�\u0013�����0ߋ�S�r�\u0010�y��yY\u0002|\\��˘�{F|����y�ܳ��0�Ӈ憌\u0006�I\t\"g��)$+$�����y\tm\u0015���gm\u0006Bi(P�W�����Ҫ����C,�\u001d�@����U���/�\u001bX�[XO������ֽ�u��O�=,��<�%#���|�I�\u0019l\b;�\n�\u001b.ٹ�\u0019\u000e�{\u000f#.x\t��wM\t�\u001a�b%=\r=�R\u0013��&�:��0<�\b�\u001e\t\r�%��I���߭��/����9;�n��\b�:�k����r���\u0012W��k�4]\r\u0012�\n{Ä�f�6��\u0004��M\u0016��������T�\u0004\u001d\"���\u0012\u000f�C�\u0016T�rc\u0000+U\u0001n�rf\u001c\u001e��ǝ\u0016\u000f�]��fd��?N_C^j�)\u000e�\u0017�4,UH0��4���.�qhvq`�\u001e�A�\u000f��z\u0015.�z�\u001b��+�N�Y�����B_%!�n4r�\u001bku�lS�Ӌޒ�&׾K�;E(�\\���dө��3�!���V�l\u0014��ث}5�c�H��\u000f.o?\u001b�I\u0015\u0011\n\u0014\f\u0002\u0001\u0002=\u0014\f\u001c�a�i�\t=�8i'�r\u0015N�\u0006\"B����(\u0011���D�@a�g�wd�?D�0\u0011~\u00024x/��������\u0016p�0\u0017\u00143Z���\u0000��\u0004�dv�������q\u0018��&���\u0006�I�l%ߪ�����\"���,!O��\"\u001eE��h0\u0010\u0014\u0006\f\u0002\n�\u001dS�\u0003C��vڰɶ�XUF�*���\u000b&i\u0012�р�́�C�*\u0015\u0018P8�o��@ \"JT7��:�e\u000fo\u00130@��\u0006��1�w�\t��EZy\u001b\u0014�P\u0007|�itQ_T�:�\u0006\u001aH\f��ZҖ~�V'tE�[�20\u0003k���\u0014P\u0003���C�ֺ�P�H֭�t��\u001aB�,f�\u0013=Uj-�\"5�=�!�+�1.���\u0017�),|���Y�>��\u0015�\u0018��\f��Xӝ��\u0005�_\u000e+�|��MW!��j�\u001dG�E�+鰦w�����h�ȩ6EWv�/���hg�\u0001e�%E��V�&c��\u0002-ف��\nJ\n��{e\u0001�v\u0000\u0000\fh�\u0000�\u0019\u0000\u00000\u0016\u0006\u0000\f�\u0006��5&��7ug�h=U�� ���ڲ�8�\r��V\"Q������iQ;\u001c\bO�ߧB��.��v���Yb��\rgx<\u0019��Hdm�\r�\u0007çG�\u0018�\u001e�\"�SR�u\u001a�P��\u001a���\r\u001aL\u000f���*��f\f��cΎ}�፩��Ƒ뒓·�����d]u�ke,�\u0010���q�\u0017?Aŋɷ�����8�z\u0012JD���[\"���ı��i��<\u000eoL\u000e\u0001\u001a�eM\u001e�E~\u0007\u001e{����� aSz�F�2Z=�Gf�,]=\u000eo�n\u0015�\u0001\u001er��\u0004&\u000f�|�{\f%�&�0��P\u0012j�,m���T����1�L\n�u�M���54��V�e���{\u0014�\f\u0001{\u0015m:.k�hzx~�\u00003u\u001b��-f/W�Q�\t<��$�\u000b\u0011��\u0005\u0014�]����B�P$PB@��\u0005L\u0004d@%t-\u0018U���f��ڤm2���%�PV�֦lS�)e��ډ�UM\\'�6;[�߄T�1P�G��ڄl\\z�\u0016\u001e\u0017��l���G�\u0004U\u0002��\r�1��\u0011R��F���\u0019w�\u000f�Eo\u0007��\bp>l{���\u0007�\u001d��\\�\b�X���ً��\u0011\u000f�َ@�\"\u001d\u001b�_\u0000�{�\u0019a�[�P�*�jqe\"�Lɱ�\u0018\u000b�,X|\u001d޼�*�\u0004k)(5K3�����\u001c�‚�-����hX~3Y{\u000b��o�2+�.\u000e\u0000",
+      "type": "registry:file",
+      "target": "public/fonts/HKGrotesk-Medium.woff2"
+    },
+    {
+      "path": "src/fonts/HKGrotesk-SemiBold.woff2",
+      "content": "wOF2\u0000\u0001\u0000\u0000\u0000\u0000��\u0000\u0011\u0000\u0000\u0000\u0001i0\u0000\u0000�N\u0000\u0001\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u001a�,\u001b�$\u001c�\u0018\u0006`\u0000�@\bl\t�\f\u0011\b\n��(��j\u000b�~\u0000\u00016\u0002$\u0003�x\u0004 \u0005�.\u0007�\f�=[�Iq\u0005�k\u0017�@ЛU\u0017~^l\u0002�\u001a6�v��mc�Ǿ\u0019'��\u001d{\u0001�\u0007��;�_�����'\u0013\u0019�ܕ�$i;�m�+������ +{��e��[_{�P�^U����l%q�;�\u0007���!\u0014̤\u0012�D�j�\u0017�|\u0014�`S�\u0010����\n�|�)~�\u000e�ff���ZUP\u0002\u0017�YY�&��\u0007��$|{\u000f\u0012�����\u0003d���蝤��\u00045~p���Z�>�\u0007\\\u0010��3��\u0018��ݩD%*Q5�~�\u001f��i2\u0011\u0007�P���bb.�k�i�\f�\u001dN�L8P6�����t[���,0\u001c�d�������J�f������ơ�\u0007���.v�����j_y���F���\u0017[\u0006خ\u001bB� �\u001c~$��/���y_T��#1\u0002�nJ(�3c�\u0010?����\u0016��\u0001\u0003&L*\u0007\u0016RRҢ_`b�!�H�ؐ\u0011�ҙ��\b&U\u0016\"�b��~#�\u0012\u000b\u0011~l���\u0010��\"A�( $PMYKI��d��pگ�K�_w\u0000�V�`�8\u0015\u0010z\u001b1���X7��\\$�\u0015\u0003dt+6����b���gq'��\u00116V^�\u001f�4WӅlJG�\u0007@���\\��OA-[�޿�'I�\\�\u0012�\u0010\u0012�B�P/$�B��Σ�Uc�†�f�\u0002\u0000�IQ\u0015���\u0015�\u0006�mg��w\u0019���U�\"{W��\u0010���/��/\u0011\u0011�����\f\u0011��\u0010\u0011�-�v�\u0003�y\u0011��.��2�pp\u0000�������8�40�,>k���\n�3�`\fơ-9s^m�\u0006��\u001e�O-��퉳QW���\u0001�g��5�C\u001a�\t��\"kU�0�9U��Y\u001c��J�t��g���C��t�(2\nd��u\r\b�*�������Y��~�4���\u0004\t��Y%|\u001b�2\u0010\u0014�3�8C\u0006�%���N��gs�˘\u0013�\b�>�\u001e\u00047@�۠��q��\u0018B%D7��\u0014MW�Ix\u000b��\\`kKo�(���%�\u001f�\u0005�\u0011\u0014\u001c0%�;�H�3\u001eI\u0001�R�\u001d8`Se�<\u0014h\"��:\u000f�e�\u0002A�]�nS�\u0005\u0010\u0010\u0001\u00040\u001d�!�W̘Z\u001d6\n@������\u0002R`���~�\u0000\u001d�L\t�9�\u001f�n�\\�.ju�H�\nls��\n7\u0013Do�E[�aNkd\u0014�_�r�.;���\u0014[\u001f���\u0003�!``��e�ߛj���MP %�\u0010��\u001d�Kk9k��)I�3�ek\u001b����ݿ\u0001\u0002�\u0004M��!E�HQ�  C�c�h\u0010��h 3�\u001c��˭�\u00149\u00062;ˣ�ɜ1�F�g\u001b^\u0010^x�wirq`+������o���nij#�G�\bU�\u0012M��I�l\u001e�l�/CkC���\u0010����R��Y��\u0018��\u0006k(\u0010\u0010�T����y\u0014 \u0013��\u000e��\u0016\u0015\b�R��\u0002�|p4\u0002��\u0010���\u000b�9\u000b�\u0004����Zow�ۘ�\\������VK7��2�)ubX6\"���ZT?�\u0013\u0013�aX��o{�o{\tFPf\u000f��\u0016��8�v\u000bX���a~�Ԥ'=}�>��Vi�\u0002\u0012�����\u001cC��f3#�\u001cJ��\u0011�ԯ��\u001c2L�\u0004�ߩd�W�,9�!�\t�\u0018!��ҡs}����YR��I�+��0��\u0018a�\u0011F�¸�+}�a�.cZ�$�XH��\u0014\u0001!�k\u000ec�3�\u001dK\u001b\u0004\u0004\u0014�4��o�\u001em�F\r\t�Q\u0012 5�F����}�\fN��--\u0005��#\u0002ʓn�\u000b�ژ��Â�G���tK\u001e_�A!\u00101�3\u0000��HB�A����y\u0006\u0019�\bZ�%\u0018����D\u000e&2\u0017��d\u0000*B\b���\u0014�S�`]J\u0005��t�I-�5���v�\u000bDE��i-K�<�\u0011\u0004\"{VOzӗ�\f\u0014!S\u0010\u000e�j *D\u0002\u0011�� D\u0014�>�\\\u0000����\n�yӗ�Y�\u000f\u0003\u001c\u0001>�xn\u0006\u0011Z�▴��\u0010�6\f>\"\u001dC.�\u0005D[�Z���\rT@��-\u0004\u0001\u0007Y.\u0019���a���c\u001e��\n&\nx�[\u0006\u0004��X�\u0001\u000e�p�}!1��Pn���u��!��]�����V�\u0016�>t8���<Zw��g��y�B�o�8��\n�uv#��`$�\u0012�$%!��,D�\u0018BB�Z�d��\u0010Y�B!GM�Ѩ�_���A����\u0015S�~��aa��%��ٿ\u0016��a� s��K�\u0017�\t�\u0012lR��O�af�\r��\u0002!{7\"Z��7�U\u0012G&_�Os���y�\u0017y���K\u0002BX�\u0001��\u000b0��`<1\u0003��MQ���\u000f0πy\u0003�\u00140�<qx!\t�S�F�$@,8�<�^�\u0010�T�d��ծ�t\u0014\u0011,�ñhP�\u001fʼ�:���.׋�+�r}�J\u001cO��~��\u0018j��>�\u0001\u0010\u001a\u0010�UTi2e��K�4\u001c\\<��Ի�Y��\u0016,G2R��a�c��%+�\f���V�\u0013Q��R��N�z�i�\\U�\u0015�|\u0013b�G�\txJ@\\>�:$�8.\u0012i��B�����5�4f���\u00034���@�i�s�c`�3�A�\u001c���QQXy\u001b�T\u0005�� ���\u0013\f8�+mj\u0007�\u0011�T<�:�\n�;'�Q\u0001Sʢ�����Ʈ\u0004\"q���,[\u0013���Zy6h��I��1�LG����kp�_�>�\u0010!��S�0���_}���\u0000\n�����S1�fM��L��\"U�\u0007\u0010���\u0012\u0012uF�7S��FQ��% �\f���yK��\u000bdc\u0015\u0001i��\u001a�f?�u\u000e����3a0^ܢ\u0011\f(`�aS��\u0010�\u000f�F\u001f>��&��/e\r�\u0012ipkɣ�\u000f��G����iv�\u0012�P\u0013ܔ\f\r=UU��4�K�2���r\u0015� w���g2>�f\u0019^��7籟k�F�M\u0013Nu�S<8\u0014t��a�\u001bUhR\u0000�����R��AxK\u001a�^m&�U�\u001a��(&��ud�W��\u0000<<&ې�\u000f;�J�I@s\u001d��\\�2\u0014\"\u0004,401���{��q�\u0011@p�\u0004D\f\t\u000f\u0011\u001d�\u0004(\tX~yɟ\u0018I��\u000fn�u-dbdEG\u0004��X^�T�T���\u0001l����5�A��\rv\\\u001c�>�o{/9�<9U\u001e�\\oPq�U�\u0003l���p���f���\u001c`k���c�D�\u000es̑�;B�\u0002��A\u0010ZJ�/w�\u001f��\f�]���ْ:��\f�KWB�2\fn����l��+\u0018��)\u0001�ʜ�����\u001b8�\\'ŰA+���t�R�5I�\u000b��q�dRO<�ڕ�c�\u0006�_=P�:L\r��1h�+Hc)��\u0010,�֐�/�ABF�D1\rx�\u0002�\u0011\r@2\u0000\u001e\u0001�R�<n�b�Z���俙�\u0004\u0007悥� \u000f�(\u0016ܛ|��8�9\u0019\u001c���K�+#����TE\u0015<�Z�\u0014_����5�~o�4��H��].^v�\u001e�)��=�努I�\u001dB�gR������j�����~fA\u0006\u0000��wt�\u0011Yo\u0019|W{#��调����\u0015���(�û�\u0010\u0000�v\u0015�wd�r�2wO7P�>w��\u0011pU�j/\n�Jf��cE�\u000e3\u001d\u001b��l+ZAԽ\u0015�����^��l4&a�#�D\u0007�#}ɘ��Y�S�ٳ�ʚ|��H��\u000f\\��\\�����r=�\u0007��00\nX�٭�\t��¹d\u0001_��)�>�C٠\u0018�R����Pdʚ>�ג��m=�?�6I��\n�q6��G�~�\u0006�v��?�Z���r\u0014�f�u\u00063����Ek>�T\u0004AA�C˥\\�z��\u0019�t�'��K_\f3��0s37cT�2c܈*\u0012��vf\u0003ĉ\u0002E\b\u001d\u001dT��B2ƌ5\\3&\u001c�\u0013\u0001�\u000eD^v#��$E>$�G�9�ո2\t��C����\u0012�\u0011�u���XRD�&�.\u001eNL�V��t��u,I2�\u0016�\u000f7���Ǟ\u0010��'���ԍ�%i�<iߏd)\u000b�P�\n+�sK�N2��I�F&�(R�0F�2�:�LbM2��ɷ\u0007?��T�\tl��%�bA��\u0017�\t�-2Z��C)nx��J\u0016�SD|q�0*ǏV�!I&�)2�N�Tk9$�Υ�t���|�ri&�s�|mi�V{:(Չ\u001f�n?�zL�\u0001V��h�3)\f�\n�g\u0005-\"YEE�h\u0002�\u000b�a�T\u0018��\u0006\u000b��B�[\n��G@$C����N/d�<Y\u000b�@�M�*'�Q�\u0010c\u0012SĘ�\u001a(�`�-A0,0}�I\u0005�DA�J��qY\u0002S����A�\u00102�\u0011S)\u0013dYA0I����\u0010� a�O�.,g\u000f�r�j��\u001f?���\u0007¥��x��@�b~ V\t?�J�I\u000e�\u001f�r~��\u0002U�B\u0015|�UT��C5��j������';\"�H��:D\u0016\u000e\b2H�Z��)\b񭪯���nU(�{�4H&ԩ���\u000b?*:�7=�8�����ntM���\u0003w�>�7=\u0018�Gx�<Ӛ�;�H��\u0004��^�i��\t>�/\u0010����k��\u0018�,��\u0006*['h�]\u0003\u0004����_7Jd��a�Y�p�m��Pc\u000f���]\u0006\"譻�X�U\u001dXu�O�\u00042�N9�Yϓ��B�2���R\u0007\u0001���$�8�\u0014:�.���5<q\u0002��7��w���\u0013�D�0�kN,߈�@7��\u0000x���\u00008�\u001e�[����+��\u0002��\u0018����x\u001c��\u0017w1���\u000f��J\u0001,8M�`�\u0015=�\u0002�\u0003���\r��d�Z�\\z:���ݜ�\u0003ɌM$��1�\u000e\r�gfXM~*��R�w�{�z\u001b�2��\u0007~Ez�۳�9�4���\u000f�p\u001fO\u0007�J)�N\u0001x՟�!S!ϩ�\u0012��\u0000\u000fH���Z��uR��\u0014\u0010O,6�'��\u0004;��\u0019�i\u0013\u0017�$B莾���\u0019Y*�どv�ϙ��w�u���a��\u000e���p\u001c�H��|<'}�=9եf�w�*�]ϧtn����Tx�\u0014�7���&ZL\u000b�L�td|��-?� \u001fޑ�@6\n�R��\t��n�/��Ѵ\u001e�Pr������\u0001c;9�On#jA��3�׉;z��zt*Q�n\u0005����_La%����.s�G��ߞ�\u0010��������&�:\u000f�<��x��\u0017��ǽ����;) �uk|\t�4��/X�s\u000f�_\u0012�í\u0000M\u001d����\u0018\u0014'=�2\u000b�A(�)���zMr-[\u0011:�+��w�vp �g�Ng�{�ڳ��i5m�pL�Gg���^���\u0006O�\u0014}�5�f�������f�Ԟ�����o\u000f��YJ�C_�#���\b�MX\b-��Z�zj�o>�\u0014��4!k4���7�\u0010Nn���P;U_-��\u0006\u001e\u000e�\"��W\u0007���t*�S�N���}g�J�5m1��%�ܦG������G\u0015$K�A����֌�l��b��i�\u000fs�֍\b-�ڕz�T�X�\u0002=m�3�_���v��\u0019�n\u0004O�\u001d��Vb��d��H��\u0003ފp�g�w_�_�i\\���U����.�qx\u0001�\u0003db�\u0001\t��G�\u001d8�‰\"NY�h�㺫\u0007z��׭K|&\u0005�.56;�z�\"�@c�M0�&q��vR��:<�qc��w�n̎e�]�u�N&�M\u0018��:V�_�\u0019�產�\u0014%�@eGX�\u0012��Z��f\u0013NvO8do<�g�2�M��O<�W��\u0000�y�W���)�U\u0002�)ѯ\u0002�*\u001f�*k���Q���$y�<���7�*�x�P�ѳ�?ݥ�\u001b\r�r5���\u0003';f�H��}ML5�_��P׍�f9c-6cG�\u0007E��U�\u0012��<�*����\\�?���!�to�P�J�D�i�z���u\u0010H����z�\u0000h=\u0019m�\u0015�����V\u0013�7^m~�M\u0006�\u0013\u001eF[=q֏�J�s�\u0001����:ۼ~x���YJ�B�Y�\u0011\u0011\u001e*F�ʈ�(U,'SӘ�6,z׃����uy\u0003�[5\u0003�io\u0014\u0000Q��6�n�!3�r���l-�F�߅��m,V���P���M�����\u0018��s��x}.�\u0000�za�\u0005H�P�-D��u���~����B��s�\u0005��N��f��z�\u0011�\u0018\u0018��\u0005_x�w�\u000f�#ޞ\u0011��Pԣ�\u0001g~���*橽\u0005��l�D1�y�\u0000l��K\u000fq+��\u0003b5\u001e!n\u001e�L��\"\u0003I\u0006�\rb\u0015b۬�\u001dm�j��\u0000�U(�`�/�\u001d\ba\u001f�X���-��/��A}�\u0013��\tS��_\r�\u0018&���\u0014�\f����V|�� 9G\u001c\b�0�\b�\u0011\u0012=��\u0019 �����f�=�3�Ư�\t��iV\t2��\u0013\u0019\"\u0002���`\u001bٹbj,�F�\u0015�A\u0013�\r\u0010E��P�\r�f\u001b^��;�{�*6\f�Y\u0002�P��jY\"��kx�JD\"��\u000b���-@\u001f��u\u0019�����\f8�����?O!�\bq$C\u001f)��\ro��\u001b���\u0018=���*L�Pjۢ5a�t���\u001a@���B��/��bY�%\t�\u000bP�B\u0016�a�B�\u001b6\\�{3\u0012\bg�K\u0017����\u001e�Uc�\u000f?�h�G�A54����\\���p�)���՗��B�!���p\u0004\r�\u0016֜H�\u0014��S��E�w�\r+O\u0002)��\u001b�\u0010��\u000eڵ����i��ך� 0�Ya�$cϹ\u0012��Xp�����h�ɚ�Nn�0�KR�\u0018�X�6T/��l���p���b\u001cmz��Y�ָI�#�l�?���kF\u00005E<<\u0007�\u001e\b��W<�U'(����\u0006YK;h\u001e��\u0014l�e�[�\\��{�(�J��V���k�r��>l\u001a����\f\u0006���y��i\u0017�����t �qe&Gd\u0010±p���;'p�X�t�(�\u001do���^�eR&�[r޳���\u0017s��5k�\u001f*�\u000eh��yV5��\u000e0w�\u0013��a�\r��a[\u0016�|m-��Rw�;kۀ��]�3�R��<\u000f:�FT�\tdUp�� \\�v��\u001a���n\u0000�O6�V+�%9�g�|h��i\u00034�~��\u00173\u001e\\�.��)>��\u0007g���`�Y�5�x�z�L9�`�\u0004��9���B��77Sa+��\u0019\u0003�\u0010���^���\f\u001a�\u0000瀹�}L\u001a\rNX��+�\u0000F�9�4�}�.G��#/�굄�C��\u0000fm�7'�-\u000b%\u0007���<�/�s�w3M>��&�<�ѳ\u001c���,?sK��\b��\u0007���`P7�\f-�Qh&#�A\u0005=I/�<\u0012\u0014��g\u0000y�\u001cyk��\u001a�m�盪CMr���m�,�\u00101T\n\u00184�u\u0004Bu����+\u0006���\u0017�>/��D\u0012 \n`����\u0014�]\u00118U\u0002�8�)��\u0000\u0017\u0000.\u0003\r\u0003\u0012� o�L�<�j!B\n�\u00125\u0011�a!2-Bl�\u0018p�ss\u0004��c%���\u0004q�2\u0010��1\u0013b\u0017\u0012NEa\\�\u0005���\u000e�(\u001bdŞ�X��~��΋� \u0011b%:$M&�b�N���V݆�\u001a\f\u0016��\u0015+L�\u001b\u0004I2\u0017�^�X������\u001e\u001fN�\u0013?�>\u0011\u0002ח��}�[�(\u000e��m�wy\u0017� s�c�֋��X����3�`~GU\u001b\u00109�ę�U���!�@dj��E\f\r���(�� X�:>���\u000be�\r��\t�\u0017=��\u0002F���\u0017��B�\u0011p�F�w��I?�\u0019a�N<\u0007����B}ޞ�\u000f\u0007��\u0006j*�C&�\u0010h��dž��l�cvƙ�\u0001y��\f�\u001c�[\u0007L\f��d0�`��L�\u0019\u0006k\ff)x\u0004\u0000P���t=f\u0004���[M��5�\u0010�8� \u0017�8�+T�/��f�kY��V�������yW�_�A\u0010�Ќ'm)�JBDŽ�\t�\u0017��'���lm\u0013&A�<��\\3��\u0017mt\u001d\u001b���\u001e�\u0012��w\\��\u0006\u0005����2��v�\"$�( Р�\r�r��g#{�|DJ�U�Fmn��vt}�\u001cx�\u0015e�\fEN���-�B�n��#O~�:��b�4�p\u001b��\u001b2��_��2�8��Nw�K@:�\u0005g;\u0004�q\bO�3�u\u0019\u0002�\u0007�F,��\u0012(�aYʜբ�]��nl\u0013W;\u0005��l�j\\�c\u0018�R�_�ae�]��\u001d��B��z��wFj�*��p\\�����g�u�߅� �\\�|�V�Ѫ��\f\u0013!����K7\u001bQri�\n�m�f�V�@\u0007R{\u001dРv+\u001dgބƠ֯`�\t�>K�b�̈́NcP���Y��\u000b\u000b_���\u0012��r�#r\u0005�Vo��`E6�������\u0004��\n\u0017�,\u0010C�\rNB��X�D�\u0004ɻ�A&�\u0014YH\u0016��2I�֮�\"-���e\u0005YQ\u0016y�����X�Ѧ�ӇY\u0004��������d�X엒�gQ\u001d�p�2�R�z��*Y\u000f����f��ٵ�>\u001d�=�<�8����V��\u0011}0��է߀A7�t�mw\f��rW��n�{F�7���\u0003\u000f=2�'�6����5����5^h�X�Rq��W���y�zk[{GgW��W^��\u001bo���\u0007\u001f#�˗\fYrh�)PD�j�'���\f\r�4u��Ts\u000b\r]#cK3\u0013Sw��\u0001EC�DI��B�\u0011ckXq�����\b\u0010(�^��%�Q�R��.��N�&���g�C2\u0014�*Q�Z��.�c\u0011�؄\u0014Z8�F\u0013C���:��,�s*��9_�5S����d�9���\u0016���p��ޤ�B�1X\u001c�@$Qht\u000e�/���ԭ���`� �^S`ʊ=W\u001ev�\u0013��\f�ʝt^�V�z\r�mب1ϼ�R\u0019\u0001����R��0��Ш���\u0006(�i��S&3\u0006�\"��*���˗��\u0013x�����\u0014�L�M���-o3\u000e�t��9,3y�\u0017���!/a��c&�\f��\u000bf\u0018�=0#`�\u0019\u0005�\u0000�C0� �HE\u001a�q��B\u000f\u001d\u001e��\"d(\u0013����\u0018�=�a��\u0000Y��SN�S!tz��U����\u0015�h�K[\t�?�%����4@\u0011��H�A\u0002�o�\u0019��喧���4��\u0015P+|\u0019\u001d�7�)\u0017�{\u001e�F*(kA���r}க\f}�1\\���(��|�J�E\u001f��r{\u0010jF�@��a�yY9YN�\u000f��m\b��/\bX`Xf<l�Y\"�\u0019z?\"\u0006_\r0�� |�`\u001e�eo�Kw婸��\u0002��\u0005b\f��.bJ`g�VDx\u0015�z�\u0017��\"YB�+�\u001dd`�vziQr��3�\u0016��\bO�\u001bC\u0015X�W�חXu�Ҁ�U��\u0015�\u001b�<����输�\b\u0014�j(h>)|Ɓg\b2���99\u000e\r3x���:�t��\u0000\u001c�v\b�\f�ݫ�\u000f=���!j�W,�l��b\u001d\u0001���m�1�G���EYI=D�u\u0005���$Ϡ��������`D��C�*\u0018N�B�^��[��^d�\u001eH�OTP~a��\u0006\u0004P��)R���ٹ>,<)x*S��\u001cW�;� 'r2���@�Zx��99�Uw\r;B�\u0013L���O�#n6.\u0001\u0017����#)uk�FG66�t�\u001e����ҧ��Bĺ�%pqZ�8(H�3\u0012E��\u0003�:�\u0016�VEOiLhX��8��@�R\u0014[(!�\u000fA%�Ǭ���Y�ЈW\u0011���1�����^��_���Q'؃��\u0004�d�Ʒc��U�\u0000,��̀��\u000f��\b�\u0019z�-�U\u0018���i�=G/�O\u0013���O\u0003\\\t�9\u0003�\u0017ㅧ\u001f-l�\u00190\\<i� ���W��y�\u0014D4�6:Rq�R�:���9c���Y�uM7tg��_'�3pL\u0004\u0013Ǥ&�IuҚL���x���M�S��9��f�+\\\u0011ȟ���0�\b�l��x6��W��.#k�D̕�7��TV��U�R�zU4�\u0003�����\u001fZ\u0019�\u0019�L�T��/�^>�K\u0016E�1��j��G\u0000l\u0015thL��9�;(\u001dI9�$�馟�;�̱\u000e\u001a�ܸc��H���U����]���e/��/_�{\u0017�\u000e;R���hd|r����3�'����-���\r��\u0016�>L�j�?��O�^{\u0007~��!�l��zzv��^\u0006~q9�����C���\u0000~��>P9�#�\u0003пha\\>\"F�� 0��>)M\u001aP:�\u0005���\tlOt���|����<?r�ŷ�\u000e�|�TS2ZWq���&t}իQ1��ˑr1$1��|*nr!��\u000fI���;�;�|�\u000f\u0012�)�&\u001bڕ�N�\u000b�*�?X$���\u0002 \u001f/\u00123�Ə\u0018\u0011�\u001b@����);�����70��\u0010r)���K(�C���\u001a5�^���5=����F\u0017Y\u0011ԚEn�8\u000b|燄�4�0y��(`XK�.#n\u001c8s�&X�0�R�\u001bBGT+U�R��\"|��\u001b�>�6�W��\n\f�\fգ��Q�7Va\u0004\u001bBġU\u0014aL�M~\f��O\u001aɘ�{A�7J~X�7\u0015(�I�\u0012\r��O\u0014h\u0007�U\t�\r�\u0001� �L�yҬr�)Yv��m��Al˟c��+�k����Y�\u001d����\"�.ڮ��)�w���\t\b����\t\t�PI��9X�����_f��\u0015 �`���)Tv!��V�^\u0005E9_��R��v�4g;��T�\u001ds�\\��W��2\u001d�J�E�~\u0014�s�KDx�ű��p\u000243\u0014�;�\b�p�Ÿ�R���Nn�v0��fr\u0004B\u001e�&⳸$���4g�%h���\f\u0017�$�3��D�%�=q\u001fH�H�;\u0004/�L\"{E�kD\u0013�D\u0001�\u0012\u0001&�\u0003�0`\u0010\u0001\u0018F\u0004�H@?\u001cl�ז@����\u0014\u0015Qtd1Q�F�7��ؒ��\u001fρ���*���S\u001dr���t��\u000e�Z�+�V��Pe\n6zK+\u000bO!Y��c�aɡ�\"�&�/\u0006�Ѭ��-�k��m�\u001e\u0001�B��\u001aR\u001c�E��,8�-�i*\u000b���\u001c�iT\u000b�7��B��x#L\u0014�p\u0006��\u0007\u001a��\u0002϶ؽ�\u0005�\u001b/Ğ�-Ie�ɾ���\u000e�1\u0019W@�wD`Y\u0016�\u0018b�:j@�-߸�G�\u0018}��#_D�1b~[�##�(�$7ˊ\u001b\rF�j|��M���\\|�\u001e^��W/y���r8�\u001a&�\u0019\"��`��\n\u001f��s�\u0006=�OK��.�9�&4\u000e�e���\u0007\u001cl��ʗoΚ�L\u001ef\u0003�WE�5�g'�EII\u001b}\u0013\n�\u0013�\u0005���\u000b\r���%Z\u001f̤\u001dڅ�.G2��\u0011;«��\\@ͺ�\u0011R�X��3W:��g�\f�q}R�0\f{��\u0012\f)^\u001du`\u0002\u0012O=h�\r4��2o���)�\u0006�\u0015D�_́�\u0007�j��Ï\"�Z&\u001d��=q\"��)ʦ-H�^��Is\r�VAu\u001fP7<aŸ6G\u0013�9��E��xۼ�0,��\u0007\u000b�a;�~k�\u0000��\u001dvgD\u0006ׁ�VE����\r\rP�%q\u0013?�R��N)2F)t���j\u0012����+zF��\tC��ެ��N͓�8����F�\u0014`p\u001d#\u0007����xA�\u000f�`�X\u001dX�\t\nn\u001c�s�\u001aG\u0017�\n�'|\u001f9�d�Jׂ_Ů\u0002\u0011��0d2�\u0011\u0019f^IY��V1�%��\f\u001f��BFc}��X�\u001e���\u000f_\u001f\"ƶ�W�G\u0001��*ۆ\u0011UO\u001aJN?v_&��\u001dB�*��^X\u0017&9����\u001a�o�N��0~\b\u00074y�WN8�\u000b�H\u001aAe\"��\u0016����H�9A)=�\u000fp�\u0000\u001f~\u000bd�1��͎c�V<�i�~\u0011��x�G���j�gz�?�\u001e�c�\u0002A8FFB(�0J$\r�\u0012A���\\2�T2Q!Yh&�+{\b理Q>|\u000b��賦(M��cNX�S9GV�\u001e�\u0012\u00178A�Z�z�\u0000��sUY+�F�Jm�ӹ\u001e)�zV������ȸ`$�b$N\u0015��J]�\u001b$�h��qP�\u0001�P�ݒV�Q��W7��\u0013z�]��Ce�������Ix�\u0014\u0006OY���\u0019�\n�-.@���l���\u001dE�ў\n�ے�r�\u0002:\u000f�\u000e��\f�v�cRI?��hnm8\u001e�����ܡ�(X�\u001dMm\u0013xMY�.���TB�7\u001aw��zHh��@\f�\u0000!���\b�\u0004)_Fb9�� �\f�ȇG#�-h�\n��B����d��\r�D��f��WS�ZvÀ�<tX��.\rVU=j:�F:\u0004a�:Sߩd׌գ�K\u001b�#\t�qY�iŴ��ӵ�5`\u000e��\u0018�\u0002�D�(�\u000eݓN\u001b�&�\u0005�\\�6�ES�Qu\n]�AC$�gh����\u001b\u0016\u0007~�\u0014 C(��M4!�rY�\u0016{=4�\u0010k��\u000e���3b���n��\n�U�YI�&�[o���Y�\u001b7i�m\u0012o��p���.\u001f1�f�\u0001\u001bڔM򇉆��ʹi�?\u001a/�Џ�c�Ed\u0016�8x\u0019��A��0\u001f�\r���\u001b6z‚P5�����QGɆ\u0017U�{��J��O�\fZ�!���kb��@\u000f谇ސ\u0015cU%j\u0015G��J�\b�hO;J\u001f�2a�p��3FP��\n�[�\u0016��������P\u0000�E�G���v��\u0017�\u000f�CA�i�S拐f�\"�\u001a�\u0012�q�H=��%oDRP(�\u0006D��,e#��¿U\u001c\u0002\b���R�D�\u0000��6@i��]��\u0003���$�=7J߈d�P�\r��HY�F$\u0013\u0005Nq�\u0010f>�\u001c\u001cD\u0006P\u0001\u0007QAj� :ு\u0002Qx4-��5[�����0$p�\u0004���7\u000b0Z�fu\u0006R���\u0012m�Tm��Ү|5{�\u001c@s<\u0003�+�����C\u0017�!�\u0004s\u0005�\r\fwX���z�i���^z�`>���i\\z~�0\u0019nՖ��UI�y\u0018�\u001a��-�1��v����n\u000f�ׂ���\u0007o<�Zt���������g��\u001d� �Ɨ@��\f�\u0017ad�P�+\u0000-�\u0002�XXm����;8j�Ì��t�v��WI\r@���*�8�\"�����\u0012�A\u0005\u001c\u0007���\u001e�ãF��dV�fX.���<�u��<z\u0005�(�%_1%�;;aҧf�ז�\u0013��\u0007c�b^��;s\\c&_�u��F\u001eр�,Ԇ1+��\\k��S�\u000el-u�H�U�E�Z\u0005�u�y�\u00158�[\u0006UR&�\u0004��W��Z\u0001t���i�;��\u000f�DU��Y���\u0006�Zց���\b^?���)�W�\u0015��d_�d�<\u001b\u00130�\u0007����\u001d7\\�{\u001b{�ȉ�r��\f��Vk>�\u0001�\u0005��?գ�8\\gVr\u001e� R��w�lڭ7\u0010R%����#�\u001e>B�������5����\r9`9*2�]ü<z�VR���\u0014\b\u000e����,U^��8&�r��5�\u0019�SD�I��_l,B�1g�\u0011p����Id��I�\u001b�[�}]\u0005]뇜*�\u001e�˜e\u0019�\u0017\u001a�9�j6�H��ڶ��\u0005\u0004\u0007l�\u0010d�p�\u0000��T����MI��i\u0003��;�\u0006\t��\u000b�s/�s���-HM�M\u0006\bj�8�\u001d-\r��8\u0013�1'�w+��\f�\u0010����s�qP<6�U�7�Z�c\u0019l��١\u001a���\b\n7�NxX;_��e�ZU(~�\u001b\u0014-�y���8>/+�a\u0002lT�;b�z��I- \u000b�<���Mm,=q#m�ۅh�����\u001f\u0002څ{��\"V��IuX��.�)���N�La�c�w!�1T���\u0004��g[3�\u000e��\u0003rbdd_ܛA���(Oݻ�N/�kM�\u0010�9��?\u0006�آ�7�C\u000b�R(���\u0016\u0006dnCVզ\f��cid�\b.F0\u0001��f\u0015�ŀv}V\u000f\u0018K-�\u001a�+-N\u0011o�)�2�\"\r{\u0014�\n�d�l�\u0014H�\"\"[\u0013p����RuA9�8��<��\u0003�k\u0005��H�ʩ<�f,�N\u001b�ىb�^J�\u0006� ��w/e\f��+͗!*l���m�S<%W1*\u00198G,�.\u0005-+\u000e�1\u0006-ti�A\"R�R��#��h��K��!�P+b�&P�@��@\u0005��\u0002#\u0011�5\n�a\u0003��2t��{�\nʔ\u0001\"�Tm٘rJET�v�I|��9��~5T�@X�\u0005���h��l�<L������le�dm'I���y�\u001ci��5�m\u000b皱���r��!T0M�����A�bZ4�୦��\u0011�\u0015����2_i�4�\u001fG�B�+l�;\u0006�9�\u0016G��B��� \u00188�=���:�U�`�%� 1\u000e\u0012�X`���\u0011\u0000�����iv���9\u000b,-�;,��5��\u000e\b��@H��b��$�K:�\"J��\u001d�#o\u0000��'�U\"<x�B\u0007C@j��+�5�x+E���E\n3�ƥ.\u0015\u0019�4��Ǹ�E���љ`^)m�>\u0004\u0018ɬ��aCo�3�\u001dG\u0003��)i�8?4��\u0019TJ���FpȚԲF�\u0019��!1v�\u001e\u001b��t�%��\u0005�7j\u0001����ґ\u001e�l�_��o�&��N_�b�R��6,�x�k�1�w�4K\u0011Rn�,\u001e�\u0002\u0019�&9�2[6'`�⏦�\u0014G�+�Jd��D,,�}�K����JV�:����hJ�l2�\b�\b�\u0004A6!��I젣\bЖ\u000bUi�L����>�)x�)\u0007\bj*��\u0014R6j�\u000e=4@\u0019T*t�\u0005�l!t\u0007�Y\u001c�c��\u001d�\u001b����U�H�K\u001b׼�\f��U2\u000b]'�U��$���%�R8J)\u0005\u000e�Q\u001cS0�H�����\u0012�D��m�ân>\u0010V좬[\u001d�\u001dpe\u0014�j��C�S5�ُ\u001f�va\u000b\u0007�2+\u000eJǻw�h��5��1�\u001e\u000bBys�\"\u0002k\u0013dH�g���T0�Y�6�\u001e�n��\u0002�/�� 뜇�*�S���\u0005��z�bj~��cOOb�$j�XX�����nHmr6f\u000bȀO�L�\u001e\u0000�SHRx��5`�����O�K�*\f��N\\ތ\u0005�q�\u001d��}�b_^�)��!�\u000e�]�\u0018R��\u0004�Tg���\u0014��Q��*���d��G��?\u000e��[_k�Ψ>z؜��\u0006���\u0007��8�\u00145v\n�\u0013\fv\u001b*���rK�i`�n\u0017طG\n��C�=��+\u001b�y�TަW\u001fS&��c�|Be���Y���;\n;\u0013���Q�b��'\u0018��T?d�#O��e\b3mm���\u0013�n(�g]\t�\u0015�ɑ�^��/�\u0013ҭ������6��\u001f����j���R��bZ�\u001bBު��\r�;�q��\u0007�y�\t������@%�����\u000f����\u0003_��]@�\u0016��S�\"1\n�Tw�ȕ��\"\u00188c\\�?��y�R2n\u0006�f��,�\u0017�\b\"\u0001�?�,��%6r]4�,�\n[4�����c)w�~\u0017�\u000b\"�?\u001c�tY���{��#YA'\u001a��w�1��0mW��\u0013+j[cz�n\"�9\u0015�\u0000��\u000eS�42d���^ҕ��>�pD���@c�5��ڼ\u0006\n4)��Z���N���Ҁ�BB��n�\u0003@V1x�P�JM����\b�\u0000�Y���Z�)�N��g|\u0019�\u0004��ޫ)�%P\u0015F�&\u00019�d9e���oBmN�w�����\u0015���������C,��q�\u0007,\u0016\u0018�\u0016�V[���.���C�\u0000����bʪrT��(���b;t���@0E>�1�r��5+p��\u0005N�\u0006s�Mk�>9\ry<\u0001E��HS�=��\u0013C�$B;2�=C5�$W�1���Y���s@�\u001al\bh�A\u001a�b�X��wB�m�WM'e�]_�\u0006~�+X�k\u0007�\u0001�\u0010\u001a��\"1��\u001aO/�4ɧC���\u0013�\u0004�\u000f�Lj�H\u0005lqa>\u0011Q\u0016=��da��[\u001f�Q�\u00045��k\u001f\u0002\u0006o�\u000e\u0013k�f\r�-R�\u0002�j�쳆I\r�֌@B��r�\u0017\f�\u0005�d\n��I��!�\u0017�Y�\u0018�.cva_8\u000e}����E�;ck��^C�򠤛2t�\u0010\u000b\f��8\t\b�zt;��~�]?���ny�d\u0017��\u0017�r\r6\u0001��ķ��:\u0013��G�Fg�\u0002�0GfoF4\u0006��\u0016\f\u0010����/�p�\u0016���\u000e���7\u00040��C45�矽���\u0017_�Oπm�\r#��<a�i���=?&�|\u0015��D��~xSc�}\u0004\u001e\u0001\u0015)d\u0014�\u0014\u0001��^?�y��\u0001�I=���<`$��L6\u0000*�]Р����S�\u0018K~k�\u00150�?��]�]|)>�\"�1�=�\u0001��\u0012�a@\u0003^�\u001b1ӥ4\t,�\u0002��\u001ch���\u0013�0�(�\u0013P��d�3�/��6��\u0004ӭ���W�F�7�6\u0014\u0013���U�\u000e��E�m�\u0006�eZО�Y�+\u001b)��Rk�c�8;�M2�'�I�w���1r0\u001f��s&\u0018g�B�)5\b\u0004\u000bd�$\u001c3�hE��TɒZL��E��p�7+\f�jM[�\u0000�\u0018-��\u0014�\u0019�U�D�s�A3b\u001a�ƈ�4�4�3���Mq���+�>�՗1�4xwm����@'i�={\u001a|�h-v�+\u000f��\u000b�be5�9͙M~����(��\u00140R����ʝ�l�7\r�2\u0016>�MA�R\u001d\u0003\u0003KD]\u0002�\b'e��Cl�|�\"�/�8%z\u001a�x\u0014�Sg�՛\bT�GB/���ek��\rU�dq�\n\u0015#\u0013���b3锹���Jc�q/'O�\u001f�NWK�'+��߅�Oj���\u001a.\u0015�$�Ƹ�I̅��p���Y��瀂\u0017\u001a��Bw\u001f_P��Lߪ���+\u001f�b��\u0015�+�\u0018z��\u000br�0\u0014���uN�\u0018P����?WZw�\u0014[�\u0006�\u0017oo��\u001e'a~X(K���W�\"\u0006\u0012W)�ߛ԰\u001eL�!�?�K�.8�]P\u0019�y\"\u0001�\u001f\u0006!��ё\u001f\u001e\fg\n�:�̖\u0006�\u0003��w�S\u000e\u0012��\u00191�1�trt$�MJ����w�\u001b28vɘ�\u000e���#V\u001f�\u0001�פֿn\u0004aM���\u0014�Z�o\u0010g��\u0006T���'6�B�E�\u0018Ǯ��m\u001b\b�t�\u0010͖�\u0005I\u001b��s�s9#\u0011�'�d�ѹ?rBy��\u0014���\t/\u0016�\t���]�\u0003�cm���\u0003��\u0003\u000e��D@1�a�\u001e��ޝg\u0017�q��3�Þ?=�$��\u0015\u0018\u000f�]\u0015��\u0004\u000e�3\u0007{��2�xb���#k��.��X��\u0001�ۜf���D�c!��\u0016\u0018�6@\u0000�~�Ǡ�\u0016�\u0013������Ӑ���@���|�z\u0010�+M\u0004�\t\u001fDg.�\"\u000b�K�\f�\u0015��iV�op��\rh�g>�3��l8\u0002�\r�ώ��f|g$x!���l�\t\f�\t\n�\t\t�\u0005B\u001f��1.ͧ��l�\u0005�\u001d\f�~i\u000f/I\u0014\u001e\u001e\u000b��o�����EYvi�\u0001x �7�﯋��m�p�Ϟ��̕�Rer�i�y~�#���\u0013�R\u001b�,��\u001b�ϕɢڗ\u0007\br2\u0012�*Q��P��\u001b�D\u001f����$��d�\u0007��S!E�1C��WW_:n�=�ѣW�\u001f(�w\u0015?�\u001b#�����!�)��!l�/�\u001c,�\u001a�\n�Z\u00022�������Ό�D3�`�\u0013/2k��P�\u001b2R�HX�\f�������g��\u0001�ùs\u0011�]/\u001b�Ӄ���;#K����\f�6hw����'T~,��^��:wM��ۦlm'�v\u0005\fo�K�\u000e�;�\u001b��[�H/e��/������k�\u0015w��\t�\u000bw\r�{I�sg�!#�\u000b��\u001f���_A��\u0010���ػ�N��S�E��\u001b�D/W���\t��R=�|�ޠ�H)Q�\u0018�\b7�\u0017�\b�p\u0019ƌEo����r���\u000f��go���Rr�t��_�e�\\\b�\";ɔ�ӏ\t)r��6O��s��M�i���=G7M}�>�}���� \bG�25�\u00007�2�����[/?2.��\u0015Oa\\R��=gH^�>)�ɢ���O�t���/��:\u0001gV�C͡��L�>��d4x�_\u000e��\u0011���)��Y��ի�JT���\u0007\u000fNpnc\"�f�[�ͥ��(BT���\u0016\u0016W��\u0002j\\\u0000&���L��\f\u00123�{��\rI`7��\u0001���j�f������\u001eܯ%\u0005�N\u001e�ɞ��/-�(0��;dO�2�Ǟ������+��\r�IE�V\\\u000f;\u0003�N����l.'M�~|<S�\\�:E˧�8'�Sϩ�\u0018�T\u0011?\u0018���i\b��J��@܈/t;\u000fe��sz,�����g\t��/\u0006�\u0003��6�\u0017��o��\u0016E��{\u0010�AJj����g\u000e�?\u000b��V\u0006Z�pL�\u001a��?b�a\u001d\u0002��\f?uR_:U�vr\n�zy�G�\u0007���~��\u001e��ƾ�������\u001e~\u0018w|�5s��2U�S�\\1�\u0000Y���s\tdLH���%���wL���O��ʔ�:U��p��\u001bd�O�ϰ\u0016�\u001a-�~�W��䶸+\b��>E��a�g+�����D�ð���a����Ba@�t�$����5��Z/R��\u0013�\u0017�#\u001c\u001c�i\u000f���\u0000E�b7�\u000eT\u0017aT�\b\u0011\u001c��\u0018\u0013�~\u0015\u0011���.�Z98�VR;]����\u0006�L,jl\u0012$�\u001a\u0016\u0005���2_��Vԭ��.�Wֆ88<6aO�\u0011\u0017��\u001e��p\b�\u00133h�^S�.7c��\u0000~�d���g<\u0012\u0005�j���Z�\u0001��Me.\u001a�}oe���i\fP�,n}���\b�\rC\nap\u0004ǀV\u00065�\u000eh���\t뾞��v���M�M��}�:���~u��\u0005�\\n��{\u0015�Pp�\b�\u0014oA&O9�'\u0012Q�z-��b�)��F�jJ��NC�s�:a��ފ�AZ�ژ���a�U\u001f��QV\u000e�\u001e9��\u0007�&�Z7K�\u000b����Ix@\u0019�#�\u0000'\u0016�$A�_��\u000fM�\u001f�s[�u�f�'�AG�㗞��\u001bG\u001d?��`?��v{c��'Z\u000eK�B�ӛ%Nt��_N�=�)�1�q��JJǹ�[U\u0002�*�L�碻\u0003\u0018��bh�k����3�Tv*:�\u0001Pn�d?�C;�\u0014y\u0007Q����Ⅰ���,}��\u000b�gj{_�<\u001cN��'k\u000e1R�S�h����� 7�.KN)�!�{+��O����E�?��7~��G�\u0010MHB.\u0001�\\��2�i�:��+܋���ؒ(� d&����ym�ba\u0001�Ά�#��a�R\u000b$h�ck���\u0000��(�:X|�9�7�X��M�����U�d>��X\u000e������\u000fY~d�nw|yo�1bKOU<��Z�&(>�\f��`������\u0014�4���ڗ��6-1\u001e��Ys��\u0016T\u000e�Ő�\"dk��\u001d;Ia��9;\u0002{�;���L1MZs����_Lplq���|\u001a�a���$\u0012[�@c��i��s:\u001d�֩^�֨^�\u0019ut�k����me�E|�N\u0010���k\u0005�|�p+3\u0016�lHM�\u0011����G5����K��!x����z�#N4Ύ\u000bS�8Q.�ړ�|�)��\u0019B�fb��0F')�f/��@���V\"�d\u0007��*9��7��\u001b��Z���)P��������Ɯ��E�A3�/��h\u001f\\�ÃE�\u001a�Y����,v>�I\\�q��>����d��N�_��&� ����[N?����3Җ�픤9SC{������v�{��g�5Y���n�^�9_\u0013�\u0019Z\u0015SVh�����W��&��\u000b����l\u0005�HU\"a�\u0014�:-����wխ��\u0011ϔ�~�ڂv\u001f��͈���k9\bڃ΄佡!wo�\u001fN��6[�\u0017|n����\u001a�\u0000p�x�\u0019�U��m�������\u0004]�\u0018(kI)F�����:�Bq�H�2zy�-ͭ�(��2v\r'�i\u0005~g��r�rם��\u000f��d7>����u\u0001�@����;�٢_�`Oْ�\u000e1���㊳�̔\fV4;8�\u0019ɰW��k��\u0007�� qN{N�|YX{ؒ����=�PB�+S���\u001cdw���`�1 p���\r\u0019�3�j�-VU��Dž��\u0016�\b�\u0005��F�,M��A�?w�����I~aCz\\�_%��Eusi\u0002�ۺ�����\u0003\u001c��\u0001\n����\rs������\u000e浇�\u0003��f��[�<I\u000b9�\u0019�褈L�\u0014�aE�|��W\u0003����On�\b-�,yw��ɭ�ǐ���ݖ��\"S(�\u0013������h���<f�Y��\u000fh��(2\u0016Ji4�㷼}�a�m_붸\u001e���\u001b\u001b��Ǩ����\u0000m�c\u000b3�\u0012��\u001d�\u0014���\u001a��{C�l��aY񋶶�Ņ����Ң\u0017���/����\t�\u001a-4.�DC6�g \u001bLT\u000e�BE�|���P�gX\u0018ʈ����a�h;�� iA�c���Ez���S$\u001c\f����z�ko�\u0006��w�p]\u001fO�{u���4�l��\u000e'�2��H\n\u0017d��f�t�+����M#I<�j!��Ο�qT}�����\b\u0007\u0002e�Ʊ$8\u0013ü��[�Z��b����\u0018�\u0004�)uE��=LN@/\u0011O�+\u001c�}c�J�D�%Wbp�ߜ��\u0006{�%�x�\"�v�\"�E�.��Sf���\u0015�s[X{F\u0017�l�$Z\n���\u001b{�\u00023\u001b�$��\u0005��\u0012�7Ŗ!\u0000�b��9�\u001e{�:;���c$�\"��+�n��i�Δ�����\u0005\"�q�\f�w���\u0004b�\u0004\u0015\u0015��xP\u0000��5�)y�|a�\u0001��p>%FP���\u0011D4/\u0012�%`�\u00116h��”����\u0011�!DcY����\u0018�_�\u0017I���\u0005��.^�����|�&�r\u001c$\u001a�N�a�V�69��CG��S�\t��]\u000bb���D�2+���(�v��A�����E����/�*\u0007U^#��2�\u0014�\u0014N�\\\u001e\u0007tvi��\u001d�R\r�*�)�-�\t\u0019�R�\u001d���cCc\u001f_�W�\u000e���3��\nxx��*�f?T�X�ا�����t�[|�\t�\u000b�V|O�`�\u001f$��*U�V�!��?�V̅\u0014�K�֜����3�GCI��d��\r$6!5m�����2�$�NJt�\u0011X���~����Ŷm��3�\\�N>�j��R9~%�X�ۍOfn����纷��կ<\u001f�W�x��A�����U�=h���\u0016�rs?(\n\u0011:��\u0016��?���\u000bh\u001cxP��\u001f�\f���%�\fm]i�o\u0015^(�=�m�.\\��˷'\u00052;�.,�rRܖ�`3\u0010\u0019\f#\u0011i��P�\u0006*�n��*x���չ��gZ�|\\J\u0002*R�B$�\u0015�\u0003'Dj���s_YnMW�?C�~���\u0017\u0006�'n\tS�ro��^k������ߎb��\u000b\u0013�Q\u000fH`\t��m\u0003�l>W��`��19���\u0016{�#�l(�\n��i�`�$\u00184�\u0000�\u001c��\u0006\u001f\u001a:DQi���j\u001b�\b\n�)�\u000f�L<��/��}��dpR�\u001c0s�:�\u0005�O�����\u0013\u001b̞�����Ο�?\u001c�\u000e��Rњ��$||�L#1�p\u001a�\f\t����\u0000I���\"Fm4\u0017\u0016^g\u0012�kW�4t)M�Y���w����\u0018�…1K\"\u0013|]=/ ��T—�q\u0004�\u001d'B�2�NI�n:�%i�{Ns5�Ca�0�G�HKO�\u0001���\u0013��c�pM~\r�IHKK���\r�\u000b\u000e~��\u001b�#�U{Oq���pa�z>���\u0002ٕ]�<��Bf`�\u001d\n�-�('s\u0019F\u0014畉��T�$\"\u001b\u000eW�;���O�mP\u001f&Ea��R=®`�������R\u0004���\u0005�v�deZI8��]�Y׿�ز��z�TV�i�٠D\n�\u001f��뿙I�\u0001\u0000i�H\u001a���\u0000�Y�ⳟ�\u000b�ᯇx\u0002A�M\u0004@p�������\u0013��g\u001a\u001d��6b\u001d��Z�i&zuV�l픦���Gx4� ��#���{�\u001e.�x�Ձ\u0017�-RZM\u0003���7�j���n+�T����\u001eV���Щ�?B�\u001d_�oVͮ�BʭB��:�\n�X���ۖT�H���t�9w��̺���S�2�Tՠ:K� \u0000\u0017�:\u000e��J�.Fw\u0012\u001b��\u001f\u0003\u0000�WD\u000b�^9�;�*�჎w�u�\u001d�\u000f��(�ƌa&\u0015�\u0011e4\u0012�h$$q�I{~��x���}lp\u0016���n��~qE���&�{o�w���V�][M�̳��5ϭU3U\u0018�r��v�s�\u001d-�X\u001a�\bK*`2��\u0010K\u0017���\r\f���tj�\u001f�֟��\u001c���M��Fs\"0\u0001�J��`���<��T�1��T���)�p~MZ�\f�vϧ*Kb�l}�d%�LT�@�\\[,II&د秇�\u0012҃����<E�qPc\u0013a0�<u���<)�eR�\u0016�p���S�t�'(��.ǿ�E��g��|��^����Nin�{�3�Џ$���}h�k���h��0M_��<�\"홬i��K�������[��\u000b�>\u0015��W��bS_!\u0011��M��c�l{�\u0000F����7w�Ay\\\u001a�\r����(��W�)UP\b�M����t�-\b�\u001c�IάN�v���W�\u0005��\u001c�t��Oc�\u001f��ńw���;�,hg5�\u000f绦�����.\\���<��f5��@�8\u0018\u000e��̱��\r[W�(���X3s���MI�:�>�qu�\u001d���ao-��(\u001c\f\u001c)�f\u001bIv��BC�F�P\b@��\u0003A�\rɢ\u001a�0RL\u001c���Ή�Ma�-\r\u00181��N_���]q���y�#�}M�\r?����E�d��q�^��\u0004\n�\u001c�\u000fȬ\u0003�Oީ\u0013�nO'�mtR)�ɬ��%��a@'f)�R��r*�(\\^=�S��\u0005���k�O\n�\u0012@\u0010\b\u001e�\r�&q�\u0010\u00028\u0000\u001bD���@�D����\u000e\\�`�h�a��=��,\u0012UY\u0018G\"\u0015�H*R\u000e5�(L���\r�0��i1�H\u0010�\b\u0001�H\u0016�\u0012���1����04,6\u0016\u000b\r�\u0016l����\u0013�� j>}x��1�{���w�\u0005ß�\u0012\u0007�!�|�Lsۃ\u000f�\u001a<�Ml+��ˎ���Nҗ9��ނ�ǘ��W���g>\f�z\u0019CC�!\u0018�Óy�ŞO�y7ɩ�rS7�R4���,&v!�\u001cL���a���|6\u001ak?�Iq�q���m8�r��\u0013��D\u0002\t��`/�M��>O���1���˛߸\n����KHX����B��>��N�qd�Gڶ\u0003�+=���Q+��|�\rƠ�)V6\t�\u001bor_��𹚦\u0013iH\u0002\u001d�`��x\u0018\u001c��+�X�T\u0003\u001c��L֎\u001enO�>��eB\u0000�/U!�&�~��,�CW0�<\u001b,�-���h\u0006\u0016����[�W\u001a�xc4!\u000b\u0003G%\u001e�o\u0014j�L��\u001a�!��7Z���Y�[\\q�\u0006G~M\n7|[�� =\u0014�ײO���#_��\u0016o\u0006����gTb\u001f��W��\u00019����7I��>2��:��}\u001f{~���\u0001��̘rp�c��}�L�iQ&*u~y<�\u001c&2K4�m�v�7�2t\u0017�e�[�\u0018��batA�Ps�:|iQ��B���f2����y\u0013Yf���'Z�ç���\u001c�Y×����}�뺪Za����W��d���]�X��F��r�ꍛ?��$\u0016�$��t/\u001f\u0011��ڽ�b�\u00029��#���\u001e;�á1�W\u001e��7[?\u0018��r\b\u0010=r�(�ȫ\\\\�3\u000b-:�~���������r#��\b\u00108�\u0012\u001e�R<\u0018\u001c4\rv��1�\u0000Ci4�Y2b\u001aT��F=0@ާ\r\u0002�\t\u0016��.���N(�\u000e�\u0004\u0005��}�i\u001b�S��`Х \u0013\bM\u0012��`�%\u0010�J��\u000e:\u0014�\b\u001f�}늍���'�\u000b�����%g��C?�P��hR�3bā&\u0013��=q\u0003K�\u001f��``�4�{&� p�%0�N��TӢE]#4'�Gb�*�������@qT\u001a\u0014\u001c4����Ø\u0003e�I=/N\u001c���$ڂ�i9��*V�_\u0017?\r�@G��0\b0�ᯙȄ\u0004%\u0012��zjH�(Q�B�(\u000f��$\u0002ԑ&�j�\t\u0010�q\u0007�+�\u0019�\u001f�\u0017缤�V���\u000f��{�\\S����wNڮ��i�0�\u0000��Q�\n\u0012C߻��CC�O����?O�SL�<�π\fS�\r���Wb�O\t%\u0019^z��0�4y�]y�{v�m�E�gwg\u0011i�y��Q��H�W�%�dXϵXO�L2_)'5��9�OϜ��M�3\u0014�o��՝M��h\u00193Ʉ�7v|\u0005��ߖ�S���{>\u001b@j��\u000b�V���:\u001c��ſ��Nx��{v\u0007����(�g\"�s\tlK���\u0006V\u001cRV�N�>}�\t`]\u0005�:\u0003���_J�=9�d�Ǔ�wO�?�P�\u001a{=�\u0012P�\u001d�\f�}s6�>��c\u0001[V���_��mW\u0012n���Ǹ��pZ��\u0001֯��\f5�@C�C�bT����7%��xx��\u0018(��y��2v���:�\u0003���;�eI��j􌏆��}6eμ�D\u001f�@��G�\u0007�l{�~„�h��^_tP��Wn켽p+(��\u0007Ͻ/]aMOV��J�\u0011\u0007�1��$Yo�d(7W2ܛ.۟X�Yw�\n�U,\u0016a4\u000f�X#�qd\b�s����}?���\u001f�I�4&��\nS�=\u001e��\u0014\u0015\u0017�\u0018\u0019��D��%FC����4�H��[,�n]���V�\u0001}�\u0011����9\u001dC,�j\u001f%�>�\\7j�wĘ�G.�\u0007���sww�\r^N\"�#\u0017<u���?Z\u0014\u001eTFh\u001a\u0011.�v�#\u00151�tDv>\u0019N�S(������7��#F�u�F��؎\u0018T,�\\���\u001d1h[�dߌ\tc�h\u0000�\u000b\u0019��D�0r(�ȐF\n||-!{\u0004��\u0016>���_`\u0007\u001a�\u000eO\n�k~3���\u0006\u0010�¢��\u0003��aP*S\u001e��[\u0010�m��\u0007o��Ɗ��?N�\f?<��\"̅���)�\u000f��H�@\u000fK\u0003\u000fW�݈Qp�(������.l�\u0018�=�\u001f���M6.�ڷiӾ�^�>��\u001d�\u0000\u0000�6�7\u0002z﨓.\u001f5\u0017\u0017���\u0018~�0R�(��\u0012d&�\u0003\r\u0012\u0002\u0001�B��K��\u001f/)(\u001a6\b/�\u000f�ol5��:uܛ���W�P���������5���<����\u000b\n�������w��\u0019mY�|VB<���{���ç�#�����\b��\fH��t�:ᓅy�.�$\u001f{d�On}(;�I��4ls\u001e��F/g0襠1��R\u0006�^vR���ݾ�k|q�\u00053>kh<a�#�T��ۑFk��O\n՟�\u001f��\u0003\u0000 >����6��N�UE]�xnn�1�\\�����̜{�\u0017��\u001a����9�gs-��\\�>_61�7[��s&�n�\u0019�9W���P�H�f21ԘE�P2\b!\u0006R�n�fiIuh���O�����[z7�sg�J��?�ƽ��ML�:��\u000e��)Y@f~\u0011J�<Вx���x�(�)yk�5�K���gx��\u0007��\u0005��NG�}����W�H\u0001��<�٪7��\n$\u0012�\u0002j��\u0016s��\u000bRC�A�v��L�|cMy\u0000����3rw�*��Lv5�Y��;��Y�g\u0000\u0016����q�����Ϸ�ܝ۳s~�}�n}�!���i�G���kf�>\u0017#����&\u000eI\u0015���+�%���PX\r��\u0003�Un�B6_VUSVsB\u0013�OK@\"S\u0013\"�TJ�.\u0015��LCD�(�}:9>��-xv�ە�:���R:�;�?Nl����dnF�io3h��%%�j�.�\u001f����=;\n��T�S=e�=G�\u001f(M�X��ũ��v\u0002:!U\u0013NP��<R;��\\���<r+>4��\u0018\u0018�-�uJ�.�]�X<��\u001cTC�e�N\u0015�q\r�~3����Z�.]����+��=�gΑ^�y���<q��\u0002�Ԋ�Α�#WF8�;���v�w�*Hc���\u0015#��M<�����U\u0010�끎�Qĺn@=��qx��2R�q欲H:@�Uo\u0012\u001fFoL*N��Ph66��\u0012�pN��\u0003f'�1�#�ΌC]'�J�\u0016�J�\u0016�W�.�[\u0004Oܶ?Nh$�>\u0015\u000f�ct\u0010j��507�Иp<azq�/^?�ӧ?�x���h}�H�OY�n|��Pg�U \u0018�[U\u0005\u0012q��\u001a \b\b핾8�,�\u0013\u0013n\u001f1~C4��\u0015�\u0010O:�~��E#a��\u0019�0ے�z\")��g;_���}/�FR�޷ӹ�/ʺa�)�� �N�Լ\t�����u�\u0015��M'��F�_�>�%�c$nZl\u0003��\u001ey�\u0013��ĝ\t\u0005.b�\t��\u001f���Ý�#�\u001d�\u001d�����#�a�=���3�5!���c��6\u000b��\u0011�'�~}[\u0015\u0012���`�X\u0005l%\u0005�n� �v��,��H1{�\"62�j��JW��0���\rr�F���H>�R\"���7o�c���}iw���\rgw�\u001d��<\u001a��L��\u0012y�4v\u0003\u0000���\u0004Z��̱�s�J�\u001a.W���禜�fEL����c8��Z��웗Zc\u001d�v��V\u001d�\u0013o��}�V���{3\u0005h��:��n����)\u0002\u0006�����\u001eNI\u001e�h�\u0007���e�s�j��~��4��2�V�\f\f�����9r��^�⢫Q���΂&�Ҷgb2�\n�W��tL�Y*\u0016Y\u0014Y��,Dj�\t�tC�Q.Lb�U0X0]�\u000bC㉏4\u00038*A�f�6\u0017�5\u0016��`=߫���������q��\u001f�O\u001f��� \u0002̀'�s\u000f\u0002F\u001b����\u0015U\u0013�Yw\u001a�\u001eٴ�<\u0001����C}��;��s�I(�\f\u001a��i+��힧�N�;=\u0006JV�PBh��g�.�}�v'\"��ӎ1��_\\�h����\u001bpU�̜�NX�\u0013�g\u0001��z�g&�C��dɏys���w��7���~����ߩ\u0007����W\u0019�F�c�S���Q\u0011%\u000b��w��#\u0017rg&+ѡ���}�|\u0003���!��.�a�`R�G����\u0019\u0003�H\\�~O�A�wU�IVk-�˯��DI��\u001a>�_�b�&w2\u0004b\\\u00006ȗ\u001e\u001a���C �D1�}��Z������6a\u0012��&�ǯc�Z�:�!\f�?\u0004�\u000b�c�G��\t�@\b�ߟ\u001e�Gw�wG~eﶧ�&�\u0014s9�\u0012.�U�Dh)�1�6\u001e�E�I%HP�Z/Z(��\u0012��J�s��b\u001e�e�[�BbK1�ɳq�-�.\u001aA��%�P���x\u0004FB{.ķ\u0014���\u0012\u001e�E$\"�\u0014s��\u0012.�E�A%$'�\u0007�h\u0011Tr2\u0002���J�0\u0017�\t.�J�\bH�E<\u0006\u0004����OF�vx�é��X�X1�մ_ӯ\t[\u001b?\tށ��$\bt\u0007\u0001\n��\u001a\u0001\u000eB6�l����\u000b\"w`|���~��빧Lg ��\u0014���\u0002D\u0003�.`,d}�[gCgS����M���v�CF\u0006�q�ܞ�\u0010Hѷcu�\f'_j�R=J��<8\f'����-�������\n��\u0019t-+�\u0011Ip��\u001d\f���Ql�{\b�Xa��.��A\u0018�y�J�\\a��\u001e�Y��F)�N�:\u001c�v|rK,'\\\u001eU8d\\u`N��\u001a��Z1\u001f\u0016�\u0011z�\u001d��m@?�\u0017����<V��\u0007��'\u0002�ّDg�oR�\u0019䶥��(�\u0019v���\u0003gogY�2����\u000e���Z\u0001���s,}�O�\u001e��?7\u001e�z�t���3p�n��p�4F�Aϩ��\u0001��Ҡq�\u0011\u0006\u001e��\u001d����{�υ_\u000b�\u0004�~njro�\u0014�\\\u0000+���]{] \u0015�\t��\u0007��Zj�\u000b^\u001b�y��\f�\\�\u0016�;V�e�\u001aua�\u000fU7���c\u0014v+�c?D\u0001/\u0003r\\�L/\u000f*�<vaЇ�\bOP�߅\u001d=q[�@\u0004��TӜ\u001eM\b�1&��\u0006��+˔M)Q+@������|\t\u000e�o\r\u0014yQ=�<�Z\u0002Y\\��\u001boY#�\u0006�;n��\u0000\u0012���\u0018v�z��\u0015�\r�/\\VGiN�}�n�<��5���ˋ\u0005Ƥ���\u001d�.��^�k�t�ݞ\u0003g\u001a[Po�D�_~�\u0015�;��<֡E���|/v\u001e{�\u001dG+��\u000f\u0015�\u001f�]i�U�\t��\f\\��\u0002�x�m]%]'\u001c�+_E���-()8��bu���L�\"G�R\u001e�\u001c]}L�Q}��aW�\u0005f�$�0����H��yx���3\u0006�n�{W\u001b���^+���\u0002w��\u001cӄ�\"7x��\u0000_�\u0017Xsq8<\u0017��e��l�$�F�e0�p�Ǔ����mծ�R��\u0006�w��\"}�\u001fX��Ū\u0015�Q��m0�J�\u0010D��n]�4�-��e��RZ\u001d��� s��и\"/ �\u0003��\u0010��\u001b�n@Ng�!mfM�� �\u001c�����\u0002UU����e��핛��Q\u0015�\u001e\u0000��2�\u0000�\u000eI�@����z�<���&��q��v9V\u0016C9� ��A�\u000b\u001f]/H}�����ꮡ�#U�J\u001b��+@\n��\u00106|��ؔJ\r��9o�\u0001\u0012�7�eqoY\u0014�d�2\u000e��΃\"$\bJs|��\nZ\u000ezI�e�f�\u0018�\u0000�ʎC\"�q��>�\u0007\u0004\u0000��22��\u0014#�\u001b\u001cC'#\u000e�}����SmQ�懧\u0010�\rg�DgE<�:��F\u001c����\thA�Tz�Y�������K��\u001f�\u0012��\u001b\n��߾\nA�]�>��=��)rUQF���Z�5�Gk���Ǭ�<��<�]\u0016\u0011EA_\u001cW�'�~�:�\u0003*�����%h\u001eN\u0005Md\u0016���A\u0013=n�\u0019��h†�!�(��)ќ�\u0012~8nS\u0002�|�\u0011�.�!Z��gns5\u000e\u0016���!����t�c�\u001f8BEחk�p�y\fj�\u0010Ђj\u0004����B\u0016�\u0011gu\rӡ�zx�ɬC��K]=&�rNJ�:3Û���`ux2�9���P<�\u00026{��\u0010\u0010B�\u0000*��I���V��e5a�D��J�\u000f+Y��ƀ�W�\u0019&(\u001f&��\tgJ`�����d��\u0003�\u001dG�1^qi��\u0016�Y�ڡa�y\"�\u0006\u001e��WW�Җ��\u0003}��Ƃ���7/\u0019\u001a(�$�P\\��C�E�Ys=i'\u001e]CA���$\u0016�I�Ր}o�6�8���xV��hE��U=W�VW��U�\\�׊:�Jx�b��f�;�N�J\u0017�D�u��\u0006���N$jĽ�m�k\u0016�,�����\\���^��\u001b��\u0002~AbX��U�\u0016��W�4�k��-��Bd�\r(�d\u0014�-di�\u00146\u001f�\u001f~k\b5^��N���Xn���*��������80�ΩE^�4�i@mh\u001f\n��GU\u001do.��Ќbo{�Ӎ�%#��t6A�Ծ�ߵ+?L�x| Ίyo=��E4<���>�NW�J�\u001aB�G%�y�O2��t����\u0018�$���¥��Yrb�p�Eɜ)�\\��`�\u001at�\u00131�<ؚ���|y�0^š\u0018\f\u001d\u0007-X�0\u000b�2���?:�+���Ζ\u0012g�<]`Isb.|g /U#2[��\u0010��ʸ\u000b�NG�Q�\u0015�vO\u001f��@����1w�\u0011��;�O\f�f2�\u0019�Er�\u001d۠�\u0019�c�qW*A\u0018\f��K7��Sn?��,��� �\t$E\u0004��F_�����˻�N���H\u0017{�9aI�t��T�l�⬘W\u001el��.v�<D\u0018\u0013~\u0015Dr\t�d�\\i���m�\rV\u0012o;�6��xB\u001f3)|���i�\u0011�BF淆P�����=�\u0018�� Ar7\n<\u000e\u000b)]�7�e斔hY)L��R\u001b�j1�Y\u0013�-\u0003C]�\u0010�\u001e�F�g#��`q�Y�ۚ�Xc�&�b640X�s)u%�K�NO�p�\u000e�*#1\\چC�2O#�PQ��\u0001���7dc\u0013!|\u0017)��}�\u0017��ڮ8yI�}~�Dt�_0�^9�t �\u0005�$�\u001cu\u0001y5(�\\\u0010�^�\\i�[ȶċ^Ī^:���\u001b7��u�]c��z�V�o�\u001a�(5Z��4��{�pMv\r�\u001aO�=9q\tjzb�\rq^<�5&D�Ua�N�ۭc{���\b\\��[����':G\u001a{ȋ�\u0000y%!>\b2�G\b�-t����1����\u0018|=�%�Mg���ݷ&��?\u0014\u001b��L\f��%�\u001cf|7�yX����x�쩌��\u000f���oc���X�v�樷# ��ލ�\t�\u0010�J�P?�u���.��[Yλ�r!ya���k���\u000b�������X{g�r��5�剕�(�F�O_��k��e�\u0012!��'�\u001d�\u000b\u0000��o�\u001dW�\u0000@\"P7�ޮ#�����'� ZA�n�R�!��~�)�ta�b�۵\u0010��\u001a��Ҭ�m�\u0001�\u0007R\u0000\u001f\u0000�__��-���\nά#\u0010@״\u001c�\u001a\b��\u0007\u0014�.�=܄۵��1MG�#Z�8d�K�%�\u000fyB��v�\u000e5+��]\u001bב1�n��tǝ`i���Æ\u0017���H`�I��xe6F�x\\O��18�G&ĭn]\u000b\u0002��Q���q�\u0016e�����\u0003�`i��9���w\u001f3\u001cL�Gn��y�5E�.y�D�:��(F\u0007�˵�\u0014N`͡\u0014٥'*\u001dY�\u001f��\u0004FwbOh/yhUJ&\u001a%ߙ���I�C֑x��f�t}\u0013��Z.&\\�${I�uL�}�\u0005\n-q��j\u0000R���]�\u0018�+�\u001b=�8^~�a\u000b��p�\u0016�UcLC\fKQz�{��\u0016�\u000ea�\njz\\d���\f��^�vIN�K$��\u001c���g���+dX��TƳ%��\u001bb��\u0017\u0012�'��b\t�>���k|��\u0010�}g��n,��UGJ����V\u0006�����N$�MS5�8��N�W&�m&\u0010�X=�������]������z^���\u0010�Wڕ����S%�������\u0016�e;�VpQtn\u001c]\u0000<bӕ\u0000\u0000��L\u0001@a�h\u0013��Ԯ*\u001aW7t$R���i\u0006w%�\u0010Ź�%.��e���\u0003\u0010�\u0017��\u0007�\rK�\u0018�\u0019�H\u0014N��W_���\u0005���\u001c~�\u0015�Q�Xzݠ*���O4͛\u0004����Vak�<�M�]M4�\"v[\u0014���[\u0013\u000b�eW\"�æ�\u001aQ���>Z6;Ų{\u0012-\u0003v2/f�\u0015�R\u00000�z\u000b�%\u000f�4�)�ƻ�%d�&\u0019�&���-��� tv�,1<�|\u0011�+�xk�s\u0019\u001f��')W�3�d��J�֮����t�,l�\u0007@�*@�\u001a�~��;�\u0017�Fv\u0018��l\\�/���\u001c\u00000?���3�\u0013�\u001d�r��67&�m*������\u0010��2_8�NS3/�3̐]fk\u0011\u00000!\u001e��h\u00133������D�۩�\\��=��E��Sb�D&�Gƻ\u001b�X\t\u000eS��N�PN��\u0014�f5f\u0007��c��Z�O\u0005��ŀ�y�a5�~9��Ȼ@�\r�]\u0001��F���r�t,݅�b�����Ds̺c:\r\u0000\"9x>-[~)�\"Y�6���� \u0004�����R3+}\u0016��(Yk\u000f�ր\u0003�!�\u0010�A�����aa߬\u0001\u0000x;%ؠ11�N\u00133���\"eϞ/o��oU��8X2��z\u000f�~AC.�\u000eUS5���k��z[���\u0001�S\u0019gH��ë�S��R\\�dE���\u001c�:�,���d\u0003�/�\u001c,jA�4J�FP��{UmCG\u001e,\u0000�@�\n�g6�,�j�%A\u0004��\u0011I��۔\u001a�ʸEq%\u0015\b�Y`&�I\u0005La���\u0011�2�&�d��i�n@iĤ�w��\u0000\f�ec�F�:��DO��\u0010���X��t7�\\��k��~�|ⅅ9\u000b͋Ln#��l��C�$��ѲH��j�h��EI�f���+���#\u0006��\u0015��z��\u0018�\u0019\u0014RJ�o�����dޥ\tI���\u0010FPL�2\\O^�U\u0003(\u0010�\fL&���4 \u001d�\u0016\u001e@t�iJ��s��\u0017��I\u0000l�,����w��x>c�>����l\u000f���Rgu�S\u0003f�\t\u0011!y��\u0016wSz�l�L����(����e�\u001e��Ŭ���^�!\u0012�t`r\r�R*u\u0006Z>~ޫG\u0018�|�C���\u00147��q�A#\rL���U#����UmGW�rw�h�\"֕6� �)�Y\u0002\u0011��{f�\u0012�˖�ef�tu�}��K+�#%�ᚾ����\f:U�/����\u0003�\\�\u0017\u0006�P\u0006��R:�\u00069�\u0001N�'�\u0004���T\u0005 ��ǀTK7�)C2{u�Cl��\u0012c�E��jLd`�-�e?�E��\n��F\u0013i\\�p�@e�\u0011O]�7��~_/�\u000f��\u0014}�\u0001\u0016��P�1��س�K�����0n�\u0012�\u0003\u0000xsy���~jwh�\u0005t3�R�s�\u0010��.��\u00172�\u001a��1\u0010����DT\u0004K���OTb�e���!�f�\u0015D�\u0016�$��g�D��\u0019�Xp�\u0007M6\u001d����Va]\r���\n�}۔�z]no�\b�u��\u0006mwO6\u001bi\u000f/��0X�\"\r��<\u0004�l3��L\u001d>��\f�]�\u0011��q\u0000�\u00100\u001ar���h@���CB\u001e\u001a��>�\tv�J�pn�;��\u001f�\u0019Ȝ�\u000eE\u001b\u001cC\u00059���2�0��\f\u0004z\fy���$�J�i\u00061D�4\u0014٣Q\u0013r��|�q��4��0�f\u000b\u0014�<=\u0003�\u0012�2\u000f�d]v\u0014w��g�c\u00139�:�IyH\b+�ш\f/=M\f�9\u0004�ј\u0004�$\u0001\u001c^,\u0010�\u0004 E��\u0002�Dn�t���Ȧ, ��k���ѪN�][��\u0006�n�d$H�(\u0000\u0006&�:�:���&Gᢞ+T���a����nJC�g�\u0003B8c\u0014\u000e�k������M�nE�1]SZ�\\�O�,uJviS��\u0004q�>w��I\u0004>x#��D΂\u0001�\u0007\u0003ܗ�x|UX��2x\u0005�H8T\"\t�\u0001�|+X��Y���D�\n�\u001fl|\u0006`�԰˼\n\u0005��\u0018_Gb�&<�\tppZH^3�ʹ����X�\u0007�m�����nl\u001ac\u0000�O�&�B��4R��Ȅ\u001d!aD \u0003l\t\u0000n�Ko�}u&���e\u0019V\u0018\u000bK1+x�[,-�d�/Zk�U`�k:M��\u001b/�\u000e(�\u0016n�N$�+F!�Ax\\\u0000���{�|�;S�FUuV�X�r��k�$�h�\u0012G/�F���\u0011\u0002$|\u0000�Nq\u0002̑�g..Lfn�\u0002*�@Gw\u0019S�\br�fNf\u0001c4��D.� \u0000���=�\u000e��@Ф��\u0010)�\u0003k1�^Ɯ�h�X���d�Q4��p�W\u0004�\u0011I�؊���G�,�\u0000a�+&�#\u0006�dW\u0011\n�l�\u0002\u0010R0�\u0019�qd��\tJ�bu�\u0015�J�Aw���\u001b_�6�^E\u0019\n[��{V^I��(���M\u0017���\u0010�O��\u0013�\u0000�ʬ���d\fB\"\u0005��Z�뜴�Z�x����M��)�>�\u001fT5�x�7_\u0005�\u0017��\u001cL�Mn'\u001e���\u0013�ѫ�Ș^\u0010Ҙ��RK?���w�eO?���<g���Q?���\u0017�\u0018�\u0012\\���k\u0005]2Pmx�Z���9��\u0016BC��Ej�\u0014´-@��A\u0012uW�ԡj\u000eĊ=�����^^\u0002\\>���Qu؞\u001e�\u001aVLV>\u0017\\N��z�D��+���\u0004\u0010�\f�y\f̋{���Ժ[��}�>M������\u001a�4ZR쎡num\u0012��n\u0015��\u001d)���pN���s[qԴ�\u0014N��\u0017f��Q���]�!��\u0000I��\u001c ��LA-��l�\u0018���\u0011u'o\u0006\u001bz�'N�˥!G�/�}Z�*\u0000�\u0010�\\�m��B6PAI�+`��j�@�\u0012$AA\u0018�h+��FC\u0014xX\u001a�^)-�g�G�\u0002I��������\u0007h�l\n)$����p�'醏�k�7�\bP�9��B�\t@R+s6\r�՚t����3$�%��YA�!�wL�\u0012G�S�*��}�gj��5\u001c���\u000e��]�9�Ȧp��*˦�f�*�\u0019\u0015�پ\u0019 \u0016�����\b];���U\u0003�\r�R�p�\u001d?��B\u001f\u0017n��\u0007��}\u001ba��D넀��)�\u0004d�Y\u0016<�s�j��\u001e�������\u001a��ea\u0014\t\u000bCG\u000b8�\u0003\u0014,v2 \u0007K�Ɖ F�p�\u0018K%۲�\b��F�1ɼ��إ�χ��~C��Zڙ�9���[�2���g}\u0015����T\"���rK�ה����\\��K�\u0000\u001cf�$\f\u0010y>\"\nE��$m��@��%�TvU�w\u001dN��\u001f\u001dݦN�V\u0013�\u001b�4\u0000_F�?h��ic\u0007\u0006�U @8�nS\t\u001cC\u000ef\u001b�׌�!��~ïϾ/\u001a\"��\u0014f�!J�\u0014\u0011�9{�.��#�9�A���}S��\rN�E�\r\u0018\t�bR��B�'�ݐ\u0005\u0003\u0006A`p�\u001b��C\u0014q\u0002%ÌK�s#i:{\u0013�\t\u0012\"\u0003f(�Y\u000e��`\u001b Ą�\\l'\u001d�Ɲ�\u001c��\u000bN}�\u0017���ƻ�Qg\u0003\u001cWP�Z0�-|��:XxV\u0017�\bgڣX:/����ܱ�_<�\t)w�B+m�3K��\u001c�XXn�\u0012\u0000���\u0016_-k�;�y\u0017m>��(\nn�Uü�Q�BT�bM�N���\u0002lo��^�\u001f��-4�렑��z��׮����rVf\rz��\u0017A\u0016'��Q�{�t�\t^��M�6�Q\u001e�*w�fO���\u001b�\u0018�AM ;ɒP\r�Z\u001c��\u0000�|�`A\f���U4��ѡit\u0005a�\u001a��|�f\r����3ʇ�X��ޑܭ��HH�u,�d+�K�՗P�.f�#�?�л\u0005�y��m=���\r>�N�D��\u0000q�\r�ؚ�ϑ�e�H�aҀ:\"�k�[p���.r5��ll�J�^<��J\u000e|\u0019�;��lN=A�;�|,E�;�T*�,;Y�Ǖ��l2��\u0003�uo]wc0\u0006\u000eE�ލ�ʭ��\u0017��\u000e/�Ѷ/\u000epgRՂTK0�q��\u0004U�8����o�{v���BU�Uu����\u000e|�:����B!�.\u000fc���6gs<.�X�6�\n(4�\u0006�g-��\u0007{\u0006\u0007��M<�U\f\u001a��%}+E�˜��\u000f�p\u000b\u0005\u001d?*��s�\u0002��\u001fָ�\r*�\u0010q\u0013�h#���]����\u0016��i��yO��4@\u000b��-r��L\u0019�\u0016�ߙ]�[�a�z�s\u0018�\t�@��Zڽ|:s�q��X+V��{2�l�/m�ƫ��Րa\u0012H��S��8�V`$��+\"&\u0012���\u0012b�!D��l�\u0010�9����\u0012���6���?�\u001b���,�`�g\u0019\u0001�b���Ζj���8\u0019-�o��s�d�m�d[\u000bኑ��9\u001bW\u0011��_W\u0017���\n\u0016з�\u0016�mwP��e8�Y�NÑ\u001e�Lr=�¸JC���6k[���n\u000e{a~\u0019�xQ;Z#x1�^�5u3R=E�r\u001d�\u0014Q��k����e0�\u0013�Ţ�(���*�C�����l�b�W�C\u0012q�\u001eu��x�\u000b\u0018���|\b\u0001k�U�A3�$��5\u0017���aK��nHM���u�m7��b�\u0001�\\(s���&\u001du�j��\t�e�u2Ĵ���\r\u0016*��a��x������\u0007h�ae��\u0000�-\f\u001e\u0004KQ\u0016�s�l�\u0007�5��\"pE\u0015�Y��M�\u001a���u��)��;\u0002o�Pg�@|/�a>��f��\u0013������WxNA}󑑀\u0015�yF�u�z�W�.��\u0017\\X�vm�b�`\u0013bh\u0003��-�A\u0012y\u0014��y�\u0018.�5�^��(\u0004�����e1��\u000bz��e����\u0016�7��QT��\b�\u0014\u0005�\u0010�z#��\r��m7�M\r���־�U6�ݩG�\u00175�'[��\u0000�x��ū\u0000����p[���A,����}�A2\u0016��a��)p���Nħ8\t�<�n�i\u0018ɜ5��^��s�\u001a!���\u0014�\b\u0017F����.�\u0005�\u000e\nw��n|\f��K±��\u0019*\r�Wr\u0018�Vm\u0000\u0000\u0000�\u0005L�s2~��owġ��/[\u0002��!\u0006�0F1\u000e\f��\u0015�d�q<\f\u0001�\u0005�~\u0018t��}ÛƂ�� 欩�a��f�ɲ�o��dOM\t�5�a\n;�by�\u00192�^\u001cx�/�h�Fw����B��\rww�^�j铕ϗ�����(ͷ�%\u001b\tK\u00019M�xѐ3�\u0007�r��cx$g���\b��SӺ\\P�>�y�'�0�u\b� \u0000\u0015�M��@\u0014�['�\u0001�Q`�b՗\n��b������P�p|�� �\u000f\u0001L���[�\u0013^�'\u0006;٪�ּ5��\u0013��\u0013�\u001f\tM�eL�_��\n�&��V�ǨM*�\\�(�Y���V{-�m���\u001a���\u000eS�%S�F���Vas\u000f@g\u001c\u000b������s�|\u0007\u0007ud�x��1\t��q-qquA\rv�Nu�ˏ�;���\\�\u0007�o)&�s�2�-�|sh\u000e�e;c��\u001c�2���K�u\"�����\u0012�\b��0�x)�:�o��P�\\���v>���kT�S�T}�����3q;8���\u001d����\u0000����w\u0005|Z��\u001a�>xz�2Q�9^\u0004gd���~�:��6��q#���\u0007�t(ר?�ڳ��ht���V��w�՝��EM\u0014<-�2�\u0017�G�D&�����6\u000b�jP��B����k�K�\u001f\t_��L�q�\u001c.b9gs���\u0005ø\u0010\u0004�,���-��Of\u00005\u0006OG8\u0006��\u0019^�\u0013��f��r���q�z��%��=W�N�q�Dי�Eo;�zM���Vm�m���\t���\u000f���y(\u0011��|Qgd\u0015Ӥ�ˆ����i\n���\u0017�-,{�\u0001h�K�oԻ\u0002����\u0000����C\rwT�A�`�\u0000\b6r����\t\u000f��\u000e�1s���\u0015*�9E�HC���~���\u0010MV�f��fil��}\u001a�ᕕ^Ԉ{0��@�\u0017������3/�Ŷ\u0000�\u0002��\u0018\"\u001e�#;�!v�\u0014^��y�\u0014Z��,��\u0012ڌ�8p��\u001cs6\u0016��\nCv�G3᳟ۗ\u001e��~�w\u0019��Q������2Jz$\u0010��\u000e>�v��\b�\u0006\rꫥ޷�7M\u0013+�w�\n �\u0005T����Lz��=�9(J��FN;L�,@�f�J1=�bP\u0002���5���պ\u001aչM\\@�\"�%��;�����μ�ú�\u0016��-�B�\"\b!tP�\u001cL��OX{����\u0001\u0014Px�\u0010݇\u001a0c��G'�0‰\u001b��1\u0007Tx�M�\u0003\u0004s�\u0010�T$�\u0005\f|��8\u000e�\u001a��[�\u0015�K�\u001fm���V�3����\u0006\u000b\u00000\fiJ\fMX3�Bd\u000eN���\u001b\u0007\fj��zצN�Xc��y.$Xw\u00118�7��\u001c\u000eRp&\u001b!G���]��6O�(4���y\n�R��>I�\u0007�\u001f�z�vz�0Ĩ�(�\u0017P5�_�\r�E{)\u0000����YuZ���*�P�\u0012ڦ�U�R��z�ӻm+�\u001f� �\u000e �?��>\u0006Y)[<z����q?o��\u001d\u001e�D&��\"W�\u0011�kR\nͅ~6���U!E��Ln���\u0015��t�[�h��e����G@Kɗ��n.�?K?R��o�`�*!�1�1�\u000f���M���)�(�Q��hI�:�\u0012?$�W�\u001a��쩈z��\u000f#{aZ��7�t�k�4��K��\u0016�R\u0019��p!R\u0015Sr��I�KR�y�:u4���;��G\\6�8e�H���P��P\u000bH:�TCu�\u001c� ��C>�8S�M\u0013�P�d�\"�O'���\u00026p��:�g-�dH�G�q87��L\\��,�(I����Y&E�O��+���(�\u0005�}\r�\u0011\u0016p�ۀ\rV \u0004j%����'u����\u0018�lq\u001d�ю�tנ)�)�a�v�Yd��ISF�?�\u0000^1�g@؞�X�I��qɝ&�E\u0010Գ���S+��FʖFv�\u0019\u001bd͗\u0016\u0015�I Q\u001a\f.�^�ɱY���U\u000f�_\u0015q��!��\u0017a��iT���\u0018�\u0016\u001b��\u001d:W<�{N�\n^��qN7�y\u001a�\u001a�\\�JWwq�\t8\u001a8\u0002$M�\u0003'\u001f,\u0002\u001a3n�|a\u0010��\u000f�?Z\u00178\u0000Ԍz��AF�.ݫ�OU���XN7���\u000b�mJ\r�z}�\r%�\u001f�\"���^xi�e~F9e���{��a�b��� j'O�`�s��0�x6��$,�\u0017\u0015��h�m�c�c��2\u0014R��/� �G<��Y�pjSu\u001fS�v�\u001eʱv��ͧ��{+����4B\f�%�x�F���/��*�cY�2\u0011ټ{�\u0010\u0016��ʑ�ֹ�d3;�\u00120\u000b\u000e�\u0003�5.Q�Q�jV��rޠL�17S�s�9\u00103��\r؟2K\u0003��Z\u0000�\u001eY�V�xa��E�\f��>��\\9r\u001aپk\u0003eՖ>�PB�8�d�p4�yKv؈\u0014jT���_V���n�^�3� �\f\u000bc�:��T5un�s[\u000b)�\u0011\u0013^0����&�&� �ͳR\u000fܹ^�\u001bW\u0017���r1o��#��L�}g3����˽��h�Yf2�6�엶��\u001f��=\u0019���!݃Q�(��I�㨄\u0014\u0010j�!\f��\u0002l�Њ���!�`��HRhv\u0005aʝ���4\u001aZ�\u001d]a�\u0002��OT�`�lC�K�Z&\f߭��\u0007�AR+�A�\u0017.k#�S��ks���\u000b�_뗍���x�!ĂF�\u0011�\u0017�\u0012��$�@�|� �8\u0014�Nn���leq]E���\u0000h��ki�-\r�k컠\u0011���m\u001d����*��\u000f�V\u0015�\u0004\u001b<;E����m�p�,��/���)��\u0011C�\u00013��8�tL�aG~x\u000f>�,E\u0006:M���\tc\t����y��\u001b�h��wn���^\u0005>N�m�ΐ[�A�C���g�m\r���P�Lt��-����I)�栮R�\u0001�\"r��Ca]/��b\tTM�<J��\u0006�����\u0014Jp(�j��\u001fn#]��9�u���§��_�\u0007堯��o����<�ȭ���B�>ǩ\\��hR����vG��1y�Ȟ�����9��'����\u001f����\u000f�o\rfQ5��\r&�\u000bH�<:�Vc���T)��1�YS\n�37Q�bݴ\u001d����A�F��\u0019�QF���\u001d5�L!ΐh�w\u0003�\u0003�Xgs�:&�{a\u0012=��H�y;�[���˰d��q�V\\\u0005T����ſ�<u�2��2pT٫�˜��\u001f`��i�}j�`xD�\f)\u0016�K�F����\u0000���b�\u0019�jM�`�\u0014s��U�h�� a�7\u0019Bi�\u001a0��\u0005\u0019湆��+\u0010^L3ܝK�}�nt��v\u0017�N�;2U\u0016����;��~1y͊%W\n��d�CU�v\u001fQ�c\u0000\u0001\u001e\u000e;R���`l�i��ޖ�+�<\u0011\tDf���8\u0018\u000b�b�9)R�Q��`�7\\^����V�\u000f\u0006��\u0019aHx�]klթ���m�b�[~aZ\u0007Ȓ��E���m}��+�B&n.�\u0000�\u0003PvlM�M��\u000e}x�gG_��\u000b�\u0016�&\u0011'��ş3�6�\u0014\tǨ���1\rXg�͚�s3cK\u0000�2\u000b)<\u000e�M�\u001c��4�U�Í�\u0000���\u0017�\\�4�Z�2�,m���>\u0015Y�\u0000�v\u0012rk}G��\u0001z\n\u0010^\\9@��y`�vB���`\u0014����`n�y��\u0001���\u0017M�\u0019lr�E$�!D�\n�#�\rm�/$Q�L���?��j\u0018�zqE؝��2�5[rF�v���)Ϭ�e��m�RhY?��J�Ҭ���V&�==��\u0019c8��\u000fy\u001b�\u0002�d�\u0017;]�~|�o(+\u0004ךS�g��s\u0005�8�k�^|�`E��\u001a\u0011�b��+)؏�;�}�p'��AWC���1q/eW\u0010�K���E�\u0012�\u0007C\u0006�\fς'����0�\u0005\u000ez�3�\\�\r\u00187��\u0001Y�N\u0017�����oS\u0017�0�9AH\\�\"�|���=+���\u0019p�rO�0��,q��\u0011C$\u0000^�5�\u001e�Y\\�xeEq��T»&��˵\u0014�B\u001d4�z��=;��\b��`��*�\u0012\u001f\u0007G~k��Oa\u001aʾ�����G\u0000�=����0\u000e\u0003�\u0005\t�+�i=�\u0000F/�/�4�.\u000fx}�\u001c2\n���`��L9-\u0000\u0001\u0000\u0018\u0018|�\u000b�������I�Q\u0000�W�90��#Kg�O�[���n\u0002�\u0004\u0010��\t\u0001��\u000bSr\u0012�b�x\u0010пcQ��S��\u0000\u0010t�>�\u001d�{8��=�U��:�w/���1����\u0007��\f�S��5|a�x1�j�g\u0004ݙ\u0007xޕ�\bH\u0001����\\�=\u0019�E�������R��N�n�\u000bmc�x��\u0005�\u0019>D|���g\"\u0006�v��Lb\u0019\u0019�x�B4���\"u\u0019��e����)�\u001a��ja�!�W����_�M�O�_zߠ�O\u0007�V.!\f\u001cɝ�8�\u0001M���^�h��z��\f񽇓)5R<\u0014\u001b�#���ݎ���\u001c��y��E/����-\r��2�ऄ���>ڂW�Z�0�6�\u001d��&4���<o֎�J��0i�sXtS-զ��d����H�8b��+����=\u0007l��0Ɉ�\u0007:G�k{)$��ۄ�I*\f�4EO?\u000f�[�i�\u000fN�%�޶j��?=o�!=*�\u000e7q�1\u0010{�g�A�B�}Z?�_\u001d\u001e\u0003\u000f��\b�\u000e�|\u0011��\u000f��w���bG?�ݡ��7|G����T�҃N�\u0007A��Hv����\u001e?�0�\u001b�Ȳ�՘��6\u001bs�\u0001˱\u000e_H�\u000b�3[3 <�\u000e$�]����>��AR��.�zg�>��Kf����@K�l¯�,��\fT��'��ЧT&ap<\u0007��Wf\u0013���\u0003k�\u0017b-�ֱUd\u0000P�t�&�I�\bH\u0013\t�ȋ\u0011����`�B\u0004��BF���)\u001c+qn,_;�R�\u0002�j2�X�{!*R\b\u001a�\u001bQ��i�\u001a��>n\u000e�W\u0005�tc,�o\u0000�\u001d@8��'0E\u0004�G�\u0018����LJ�\u0015dn��Н��|��c.\u001a�P\u0000�S���p�����a�=��Q,��fv]�\u001c;a|\\�<\u0012�\u0018~�dW�\u0004���1=��,�#Y�x�)�ʚ�]���\u0007;ҡ�\u0012?t=\u0004\"\n\u001dq�كy�1g�+T�B\"�\u0005�rl�q\f��\t�\\a�\u0016`M�'���8Rcn�`W���\u0011WO\u001e�KDo�y�z��ə��<B��O��\u0007\u0000��C��}6���A�[l��\u0015�\u0002\f;�'H\u0004ɝ��Y�!h��\u001e�!f\u000bG����\u0016wH\t>@���D�?\u0002D��\\�s\u0016k\u0001\u0006\u0003\u001c�'\b �\u001f��E\"}�L��,D�ﻒb\n;[g�5O�\n�4�\u000b\"�`L�\u0014�FL!P�%Dj�\n�J�\"D�k*\u001c5N�\b�\u0001D4*5\u00171�'\u001f�@���X��t�N+:|�}�|=������|�\u001f�~����m��L.W�z~hJ�\b�b�ڏ-\\�0�\u0018�1\u00193���\u0005�×�X\n\u0016'����\b\u001f(5k\tC�vc��j�Y�E�\u0012�*��\u0016y�h\u0006\u0002�V�k����\ng\u0013LM� �\u0005\u000b� �?�5\f01�aƑ\u001d[[q#�\u001a�Կ\u0012�`9�\u000f\u000e\u0017#\u001a�q����02�=��.r��\u0001kˇ`k�\u001a\u0019�t�(���Q\f\u0017e���\u0017+�)C��]8듾��\u0000��\u0004��h4>�6��z�>|@޾G\u001foB�!$&��\u0016\u0018Y�\u001a>���Sl\f\t� �n�>�М���V���^�Z��\u0005\r��==C��Z�*1��Ý\u0010\u0003D%c�p\r.�ZV��w\u0014wL/hQ�\u0013�q�\u0015/o�@��#\u0006[��z(r��\u0017.��.<\r#�\u0018�$�\u0013X?\u0007���\u0013�\u0018�!\u0001\u0012!\t���� \u0005\nC\u0011(\n\u0002Z\u000f.$\u000e%\")����'M��V��m�\fM���\u001c-�9G��\u0014�\u0018zVE�P�a��jWӦ�w4�\u0019�hG�n�\u0007\u0015���7ܠ����\u001e�0�o���k�_w=�\u001b\u00186��i3o�1jޢ�M��D36�&փv�\t�IB�=ꜚ��������`�E�o���9q������΢b\u001b�<e*\u0013c��{L6Ó��f�)-+�������阺��̘�:NG�>j��Y���\u0003�\u000b\u0017-�mI�Z�7��v���\u000f���d:�/-\u000b\tߵ�f\u0017\u000e)^�s�S����a�<i�����-\u0003\u0018\u0007�E}�\u0010��\n�K�er��U{\u0011��F�ý䋿h��?��Q�Ƀ\f�������a�7�`�:����`�����?��3�\u000fp�?�\u0005��\u0013��B���j�r\u001fӾ?EZ\u0014M��ts�%�\u000ft�|�;�F��\u000b�I��?�V����?�^���\u0005��@a4��i�e���7N��n\u001a���x�}C\u001fKb<����͔*5�!H��ܑ�����Ʊ\u0013��l��\u001d��pY�>�\tbn�Y\u0015iT2dɡ��@\u0011�-\n\u001a\u0006\u0016\u000e\u001e\u0001\u0011\t\u0019\u0005\u0015\r\u001d\u0003\u0013\u000b\u001b\u0007\u0017\u000f_�$\u0002B\"b�:-���d)R�I�!S�l9�d�I\u0012���\u0006�3T�6�\u0018QDR6�������N.�<�\f�I��K.��!L�\u000f?��\f�ካ���N�n=\b(jMǟ�R%$S�lYr���I��Gl��\u000bi�)T\u001a=n��fbf�jŐg5e%�\u00159��Y֫*T��T�BM�rd7���\u0015�6\u0012K�C`�PVQՒ?'\rM-m\u001d]=}\u0003C�r�����~emckg��������������O�\u0001��d+�+���\t㞛��\r7���\u000eW���4N$�co�2�\n\u000f�\u0010��\"욳A��y�Gy�\u0007��$H)\u001dmt\u001e\u0004��̃W�S�5��X\u0000;\u0017㯄i�����ص�\b\f�n\rLl���\u0002��j�\u0011PdE\u0010\u0017�\u0019���<���v,��X�2�L\u0002��\u0000�2\u001c�=*�,��bV0�~�\b�g)�'(�\u001bfI1��p�X¢��{\u0015!�٥�E�\u0015\u000b%����j4.ˆ��K\u0011.�\u0019�P\u0001k���\u0019��V\"�f��k\u000f�u�n�祬\u0014�n�!�®X�\u0006�\r2�@��,�{��wa���X��c��G�B\u0015�\u0018Ӵ�;�W��!ّ.�ޛbW���\u0019�z��Mħ�����:1�%����>:�~?������\u0001E���g���X�1��\r�:�K\u001d|���\b�Vb܉���@\ts\u000eק�������C[V\\��w�S�^f{����\\�\u0005\t-%�\u000b\n\u001eI��\u001fj�\u000fj��钂�\u000f��z9�ZV��N�\u0006��eƝ�\u0003\\:�\b�\u001ej���&�\u0006 �\u001e\u0015�V��f\u0012/��iFf3�e�Ɗ�X5%���\u0019\"�\u0012���\u001e��0���Q�=\u000e\u0005&$��C���\u0019h��\u0000\t\f\n\u000e\u000f�\u0006\u0012\u001a\u0016�:�h�\u001ej�ڌ����t\f\u0011 �A\u001f��\b}�Mp\u001c��\u001e�5�|��4�W�(̄\u0007�*�\u0005��T_����\b�\u0015����\u001e@\u0011�\u0015��\r�\u0015��\u0005Y�]�W��_,��h�l�I�D�F�F�s��\u0015��}�Ɛi^����$�8� �Р��hN\f1Â�A8\u0019W<�'ڂm9V^+�ʯ��ָc5�I\u0016\u0004\f�D\u0019\u000b40,��C%\u0010H$Vl�m�Z���'q�!A��0�\u000eyn v�7\u000e\u0017p�y�\u0016ZJ�{�=(��J�,\u0019#cD<���h��9��\u001a��G�V�`\u000e.�}A�b��v]5;�GV�\u001a)Q먹�KƸ�y,�.�G�N\u0002À��#�^�[�3�z-�/�\u0012�'���I�g��]�R�\u0005��\u001c\u001a}޺d\u0010R^��\u0000g��N�Z��c��n3��C7�����.�_\u0013��uR\"?�2�\\eiq�[�\u0014\u0016�\u001c���Req�#g8\u000e\u0017Y]�\u0010�!�AU0�\u0019Fp\u0011�\t\f� \u0011\u0018��\rF�7���ɶ�/n)�J���O��\u0017��&�1�i�$�~ҠL���ƪ��s����ȉ�{^f׿F�v\u0007���\u0007C���кn���z��u1��\u001ceO��0\u0010Y��\n���WU���\u001f��/��\u0005��z,����\u001cj����2x�~�K^:��GIk:hdb,)����)~���2���q5\u0016u��t\u0016�\u0006aV<�\u0002c\u0011��Z\u001a9�L#�]�P6\u0002F\u0013��ތ��߸؏\u000f�XR��ұ|Aq�e���\u0017�rמwb��9w2cU\u0014�����݋,�jP\"Y�EY}���x���?<\f�[U���{�-�Z��ʜ�l����9V�\u001a�g%Zm.ϸNup�$)M�\u001d���:1_ª��e?�w\u0010u\u0018��<eKLJn}�\u0015�y�\fH�R�! [U\u0016̑���R[.Υ���\u001e�R$�+rE���v�'�fJ:K��\u0007^�=�Rp\u001e��\u001c�yb���%k�%+�E�Xnp_F�_�\u0010��?��]�\u0002!�~Ͱ\rϿ�\u0005�l>\u0002t?0�3�Ǚ8c'�a\u0014���\"�U~��\u0014�ψX���^\u0018\u0010�Ft\u0006�>\u0018�'�_\t���`潽��2��\u0004\u001d�Z����E��G�E��y��\u0014\u0010�\u000e�p���1RY�\u000b&��\t��m�s?��\u0017�#\u0004���\u001b",
+      "type": "registry:file",
+      "target": "public/fonts/HKGrotesk-SemiBold.woff2"
+    },
+    {
+      "path": "src/fonts/HKGrotesk-Bold.woff2",
+      "content": "wOF2\u0000\u0001\u0000\u0000\u0000\u0000�X\u0000\u0011\u0000\u0000\u0000\u0001~\u0010\u0000\u0000��\u0000\u0001\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u001a�,\u001b�~\u001c�\u0018\u0006`\u0000�@\bl\t�\f\u0011\b\n��x��)\u000b�~\u0000\u00016\u0002$\u0003�x\u0004 \u0005�b\u0007�\f�=[�^q������ם ���m�\u0013K�-�֛�)b�=�fG`�\u0003\"��\u001d#����\u000b��Ȗf������\u0003\"(�B̡�L�l��Qk�P��Z3u,�v,m�֦�7s\u0012�H�sa�;;�\u0011��-�9_�zsSQ\u001dM�m�HT4��m\b>���1�n�?]v�;yL-\u001e�W������I\"�M�E%'r�F�_�*�K8�2�h�!��$�|���\u001d��[YY�T\u0004b�4��Wѻ�Ų��z�\u0007�?%\u000b\u001dG��\u0003l\u001a*���d\u0016��#!\u0004~Kw՜=\u0010p#�?�K��I\u0010�!���Kw<�����\u0014����czw*Q�JT\u0005:�l*\u0019�U|?�*0v=D�U�^Ȉ\u000e��\u001e��O�;Ã���w��s8g\u001fI��I�N�PjەtTh�s�Y��3V9����))�9\u0010\r�%������o�}����(��\u0016I$�K��DrIx\"�L\u0013IK�3�\u0000�-\u0012�X*$���ϝq�9�m\u001c7qθa�u8kdF}f�SOoE\nI�>-M��ޏ\u001d�\u0010�X6\u000b�CL\u0001@�'W�\"�~z>\u000es߿�$T�@\u0004�`�\u00006�\u0000ebx$iT�u�\u0017�$�6!\u0019�����_D�E6�e�m\u0000z�i�\u001bc/-@�I7�-\tbϖ�\u0017�Q�o���(RQX���HGB\u001f��諾;�����Tkă�ҝB8�{W(�B�\u0019�ɵ���8\r�?{6�\u0019���E�\u0017�^���\u001f5DD���D���\f\u0019\"\"�\f�D\u001e\"\u001f\nZ�N(\u001f��d��\u001e�5�������}�\u0015b�`ŭ��Hf�\u0000���R����?3\u0000-q],\bC҄ץhH�\u000b�0���C�F��,�\u000e�PE��L���֌��=#���3��V6\n�\u0012\u001f{kci\u000e�;��\u0001\"\u0005�\u000b\u0000g��i�~w\u0003\u0012��e<�\by;�h��lt�\u0006�l�\\\u0010^]\u0010\u001d�9I�I���$$�\u0016�\u0010\u001bt�0��L#\u0017@�}�6�@Hv���IO�|���Sno!H��\u001b��X�OMߪ��$~���\u0005\n@@�V�S�\u00187EC$e�\u0014K��љ��8�<�\u0002�K\\�M�O[\n4�\u001dT�)?|�\u001b Æt����Aɷ����VW=ɼ9�I��=$J��ד\u0013v,�\u000bO\u0004N\u001c\u0012�\u000b�]���AN�\u0000{.u}v�\u0005��(�-�� �e��,c�f�\u0003��_�l.�$�O}��U8���Lho��6��e(UՒd-\u0016a8(\u000e����,�\u0015���\u0014\u0012g�\u001e�A!\r�o�֕�\u000f\u0000��H/!m��\u0017���=Z�`�\u0016��!����\u000f���3 8C�Đ�H@\u0012�,\u0003��HY�`\u0006\u0010\u0002�G�����(�\"$��,e� �{\u0017Bȕ��].����+�\u001c�����rџ�.{��!{r��R\u0001�'��q�R\u001d���4\u0000X�>մ�\u0011��\u000b>B�CȕUT|W�ʎ����\u0012\u0018�@\u0012\u000e9U\u0007:������{.�\u0010+w.������5�s#�\tAj��3��\u0002>I�E�pg��Z�\b>0�_M˧ֶ���i\u001dG�(\u0001d��:����ȅ75���(\u0006h���8r�����\u001f�H\u0000��\u001a����:��D\f��x8���*�'�q�L�Ƙ`Lc�0�\u0010Fx�q*W�U��U�\n����K����A�}_��_�}9Is0�e�\u0019C��D�d,s��u�X�:���������AAq\u0013_7���\u0019��w\u0015�\u0006X�A\t(����U \b\u0015`/�� � P�\tФIȔ%�r6`�!��J\u0000;�E���CC\b\u00014�A���\b�}dp�G\u0005wr�0K\\\u0003���\u0001�#ҠϘ\r\u000f>v\t\u0004\u0011M�՝�v��C�\u0012�\u0005OK\u0010\u001dB�\u0007�&\b\u001e\u0019\\\u0004x^\u0001a�\u0005���է\u0004�1\u0006`8L�2\u000b�p�^�rW�\u0006\bN\u001b�{JF\u001cw\u0017��x�\u00183�z* ��e�\u0000\u0003�\f\u0011 \u0013\u0016;��\u0001���GG\u0000}����\\�a\u0000�*\u0006`\br�P\b\u0015yl!/|�Q\u0019��M>��\u001fl{$�b�N\u0017�5s��\u0016\u000f$eS\u001c$矾���͒�7ӽ�Y�.�\u0013\u001c�j�S4�\u001d�hV\u00076ЪNl�]]��Nu�m\u0004�5v\u0010V7�ET=�\u001e��ŘLdQC���\b0\u001b�?�)��ׁ��_b�6\u0005���x���\u0006��\u001b@�\u0004�҇N���\u0019�[9�\u0019\u0017\f\u0010D�#4�\u0013s��g���n�\t?\u0016�\n\u0004��z�\u000f��\u000f�����c�\u001e=\u0003f�\u001fr7���\u0007�� ��n\u0001�\u0014��\u00026+`?\u0006 \u000e�P��)�\u0003\r�\u000b\u000b0�Zϓ�Ri�͍�L'[�&\u000f����=��\u001c9�^�\u0017�J�*/�5p=��n��}��)�ѻ��s�����\u0003\u0000�\u0006Q�h-u����\u0017\"\u0001[\u0012.�:\u0002M�Z��`%��g�O�PE'J���T��+�(�?�\u0016�\\\u001cu�\"p\u001c�%B�#��\u0006��s\f�B\u0006q��3�C# �DA\b\u0013�!0�\u0016sS0�N�SΌ=HB\u0001e�\u0007�c�DB(����\r�M�2�\u000ft��(�B�X��\bH4A\u0010�i!��c�Dl*��\u0007<x�\u0001��\u0018\u0003\u000f3�Dw\u00170�e����\u001b�c�b�V�\u001d}��s�j\u001b1�l��E��6�@�O�\u000e���P�|�\"�\u00002�(͔6@��\u0002��\u001e5���\"\u0002��\\&u�\nD�\u0006�\"@�Z�|�}�=���$$29;CJ�tW�\u0013o�P�6i�q�)\u0003P�bm�\u0014\u001eA�\u001d �B!k\u001du,�{����\"���\u0017�\u000e_\u0001�|�|C\u0000C�\t�%��\u0003\u000e\u0019�m�P�4i\u0014\b�B��\u0012\b���\u0013\f���l]�m�x�SBD���a�QP\ta�]\u001c��\u0010�Z\u0006�E\u0014��D�b�RO\u00119�\u0000\u0005\u0005哋\u000b�\u0015\u001a�k�\\\u0003\u0002�AB���7�)��\u0014�8\u0004\"(._��Od\\tL4\b��aA\u001d�O�X%W\b�ɵ:�h��(�N���Z\u0002�ֶ�\u001fW�\u001d$��u}�?�\u0012j�<\u000bb�8�s����ٖ�Q��;+H�\u0000��2\u0002�$\u0018jmbH�,�Mds��kS4!O�ͨ\u0003\u0016\\){��%�p\u0005\u0011�W,4�l%Y+�\u0019�@����-I�ym��7��x�LIJd\u000b��)Fpz�m���<\u000e���\"\u0006S���B\u000f\"��\u0000\t:�,Kf���\\L��%g,�=�B1!0H̘��0<Q\u000eyhA�e�\u0013�z��I��_\u001fA\u001a2R�Ī\u00128�o\r��\u001e�\u0006�P�)�C�C\u0004�\b\u0019�P\u001f�!��h�50\u0006+��\"�\u001e�/a(3p�\u0017�ߞy\u0017X@��Ԑ\u0005��\u0019қ\u0000�\"��9��sr�W���y��Ef�3��̳2?/,\u0018J�\u000bF%2�8h��A��W�d/�r8���X�܂L�yᛱ\u0004S�5�\u0015\u0003\u0000`E��^2��!\u0006�����Sո��E��(&x��gGI�;z�\u0014S\u000b�ϝ�B�\u000b�\u000e�qN\u0013Lx�|�<{@^\u001aC���[�v!����D���H�\n<\u001d/�\u0014vfHO�B\u001bC`��\u001b\u000f�\u0017����e\n��.��-cl\u0003�|�/\n\u0015s&�e�ͫ|�f��u���8C\u00035�7���a/h�\u0015�\u0019T�'bD�\u0010`J��Y�D�ӯ�\to\u0001L��=mt^\u0002[l\u0017٩�a�.��Э_�Q��lY���զ\u0017Dw��\u0018l_J?bW\u0018��\t���n����[�ź�i�������Ro\u0006�o�)�(`3k�\f�J�<D�\u0002�\u0016�s&��M���-�\u001d�/?x�\u0002\u0010�C�e�\u0004K�~�5�� ��DƗCD��p�]~���\u0014\u0002�D5-D%�LL�v4\u001dG{�n}�~�5�^Ԙqb&,��B�L�F�w?H�y�)a�\u001f*V!��i$��>��gI*����'?ҁ��)($�PE�M��,Z�-&���EI�'+�B�\u0014\u0018%��Xql�J�R�2\u001e���Ƭ�|ʵV@��\n��^\u0005���!^_�Tꯎd�\tH�}׈7�M�M�B���0���r\u0017�$�l]��w�L\u000b�'3^�%73k���B�\u0011(R\u0001Y�\u0000Y�\u0004\nq\u001e��\u00065iBԢ\u001dI�{\b�\u000f��\u000fzh\u00184a\u0002ɔ\u001f\u0018\u0016��%�>\u0012�ϒt~��g\u001e\u0014>�B��C�g�\u0000ΰ���&�3x'\u0013���\u001a\u001atM���М\u0014Y|E\u0006g\u0018\u000eg��6xp�mh�X�. =v���g\u0010��\u0005�G\u0014 2�\u0000��\b��*�:�\u0010��\u0010�\u0003�<iA�Lеr;l�g}H\u0007��+0�\u0013h�\u00023w�\u0018� ��\u000f�\u0001\u000b D\u0010�1��,\u0004�T�f//|��䞽Fj�y�u�Q�\u000b߯&�����\u0000\u001f�3��g�}��W�6?�G�\"�K\u0001���\u001cw\u000em�\u001c��5�~��\u000b���$��o����{�C�=���?aP�Bc�At���\u0018\\(�X�cu�\u0011�]\u001a9�=�{�\u0018�6��\u0002,�\u000e���[�\u0003�H�sx\u0000\u0006>�ǘ�o�4Y�|�:�!h�����<,�\u0012,w�U���\u0012�\r،m؉=�/^\u00070�7�^�\u0003�@r�Y��\u0005t1��\u0002���Q�P~\u001ap�e�\u0000c��s��o��@\t\u0001�sx?b��k/R��\u000f^��M����\f�AP�\u0007\u000b�\u001cIU@\u001fX���&l�i�Z�V\u0011\u001dѝ�61�u0�x�J�s\u001d�\u001a,H��/�Mn:�p����ۋ\u000f\b�3�A\u0011\u0010n�\u0016�ӳ��+\u000fz�\t�\u0002\t��7(A����D��N��K��\\�`@��\u00144����=���wo�f�v݊�R�Cvfɞ�\u0003\u0017�\u001fC1zb��{�t.�Ȭ�-Z��\u0013�\u0002�����5��|�>J�^��JX^�eod�C\r�O�����J\u0005\u001f���Zz��N����3J�\u0015Pc(�\u0001eҷ�P�6i�2B5bJr\u0000�r�{ԗ@AS%|#�ە���0\u0003=\u000b]PМ,�ܞ�����P��|P��8�\u001b��<�?\u0013�DW���v���\u0017�yTJ��i}��9�<\u0019]�w\u001dZt~�˸׻��ί���ߺ\u0012_�St��7LN\f�\"��ε88rt�\u0002\u0003\u000eB��U��^�@q,8ɧ\u0017�Z5%�FG�~續λB}'\u0006\u001f�@�t�iwK�\u0005�Lה�7\u001dv>�x���M��\u0007���-�W��Ս�X�\u0016�=��VFY�@*-嶩3���\u001c���h\u0011ϭ\u0016YQ�ds�\u0007<��̞��v\u001f\\�޶����B�����\u0000\u001dX�/��R�\u0001w\u0006�\u0002\u0007\u0011��\u0017�3���\u0002�}ꇲ\u001aY�8�\u0006�tɻ��\u0014�����\u001a46O�I/��\u0007z�\u000f�%��\u0012]�\u001e[��k,�7t �ex��\\��d�4��JKxuUm���୨��Y\u001c��2��Y�\u001b'�'���!}���/�\b��{/�;rj�U\u0014��Z\u0018\u0007E�6�a!}�UNP�'�����tS��g��9.2�Qw���1k]j�����Z�#��`x���Q��dZ�\u0014N��{\u0019��-����M�\u0005�fo�v�\u0005�eX��8б7;�k�5�\u0014\b�\u0000�qKO�\u000e�Gt5ӭ�\u001f�g|�Mj\u0018�8�Zҕ]O��\"@pB�\u001a��\b(��\u001b`�\u0006�N�\u001e\u0013�}��=�\u000fyh=z�t(���LOg[/�˩\u0018��l{�ؚu�����J��ҧ&�)\u0002\u000f�\u0000���`O(5�(�]s\u0011;۩o;׀;x�\u0017�\u001d�%�\\ud\u000f�T4� �Y���\u0018H��ٻ\u0016�Z6IHH�v��\u0003\u000f�ݴ\u001c�܊�� �\u0005-ѵ�\u001e�'���d\u0007�r$-q^�ذ�\\\u0000\u000f;h�˫~)�\"so\u0004��o��j�\u0015d\\�U�`��W�����j��*��ҩ�����ՎS�M�>��\u001f��m\u000f�\u0017�f!��\u0001M{�X��,���z�Z\u0013�\u001b~�:U��Uǩ��yX�\f\u001f���u3s���ٌQnk~4\u001b̗�F5Gbс�M�����u]�\"3�4��q4�E��m�\u0016~��\u0001�1\u001a\u0019\u0011Y�\u0014<�כ,�Xx\u0011���\u0015JQ��\u000f�\u0007\u0015����W53�>N\u0004N�'Ҧ1�}ݜ\u0006k\u000eI�>�$� \"�\u001c�BR\u001e$-F���D�\"����c�\u0000@���Tq�\u000e@L���&썀�P��c��)�k���\u0006Ә�\u0019�N\u000b銤\u001a��9\u0013r\b\u001d�\u000e�)Mi�\u0007\u0000��\u0004EB8C�rg\u0000q�9�@�Hƴ}#@mJ���(�5X\u0003g2��ce���+���Ќ�\u0003(��\u000e�\u001c�%4�\\i��\u0018�t(�\u0011�\u001e�pXe�\u0018m\u000b\u00113ksT =�w(G\u0014����A*���\u0011�i$V\r U\u0017\u0015 +s�\u001b>g���e�\u0000aҗ\u000b?��_O���\u0017��I��H�`uq)]ۭ\\���\u0016��\u00001E9}\ff0�3=�:]ٮ\u0003Y�bv\u001b��Rm��\u001e#+\n\u0010����T-\u0007/2k��O�r\u000e��s}IɢLU�s͸zq��\u001c�'��\u0019�ji�YFZh��*���^�Ϛ&{��PG\u001aQ�k���x�h�C7[l�H�,�fWc����u��:h�\u0014\u0005�\u0011�Kq�1�\u0000�H�vt�_D���q�HVV�\u00152���E�CL��%��3+��\u0010\u0007\u001bA]*�uc�U�b1���1t���\u0019\b�-�\u0019�.���V\u0000��]��\u0001����D�\u0007�Q}TZ[C���\u0006a\u0003���6�\u0001as�\u0016\u001aͣ�\rGd\u0001b��w�&yj\u000649��\u0002�f>�\u001a=�a�P�Cɀ�yw�\f��8�]�\u0017\"\u0014�A�����7\u001a$�K����i&Tp�˚>�a�k~-��`�\u001c\u001d��n�o/�\u0018\u0015}������f\u0019��\u0019'!J�'\u000e.& F�[\b\u0019��\b0�)��1��!+]���c�ɨSŨ��\te�6��\bgj<`=4ު\u0005�.\u0000�C��0Ǒ\u001d��\u0014o���\u0000S\u000e\u00114�ٳ\u00071\u001f�\u0002��gr,��\u001ck#��:=à�⻖yNc\u0002�>\u0006����M,Y\r7��\u0003�4���\u0000j�����y�Yh�\u0003�\u0013��\u0001s�dke��\u0014 ��\u0002e���]��MG�g��\u0016��.\u0018�Ř\u001b�w6䞙�\u0006d��\u0002\u0012zw\u001a��ܡ�\u0007<a2��6Ӥ�7~'��ND9\u0011\u0000��w��\u0013�I7\u0003:L6\u001dPw��\\�2h<~\u000e�]�vX\u001b�\u0007�̛��=��uܤ�8{�Zt��X&,��N�25��\\���t8w�����pC�����x4\u0010\u00190��( 9�\u0017\u000e\u0006q�f���M›��a�#\u0000�\u0015��\n��\u0017/�($�`Re����.�#n\u0001h���]wx\u0002��3\u0010�o�\u001c~�\u00068�߿9���oGn��\n��^\u001bEJ��r�!Ҷ\t]({\u0004\n\u0017��\u0012�Ȑ�H�Z\r�i�i���8\u000e\r��3���De﵎�]�RI���\u0001�\u001d�0mK�%[v���zݥE˩OmSwv=�\f\u000et�,3�\u00162?me�hK*��ȍ�e�\u001dk3ǡ�\u0018z��\u000e��\"10(\u0006���\u0019,�/��N\u0003ѽKsY_\u001b\t�\"�P�\f�\u001dwN�,.�2��w�\u000b��\bO�\u0002��N�\u0017��(]\u0017|�/�\u00058zS5�3$�3�qIB/J�\u0010%��\u00183\u0017��_ę��Ά�)�O����\u000b\u0011\t�>4�g��\u0017a\u0014�J��T\u0002UCq�\u0002\u0018h�O\u001e\u000f�]�i\u000e@�z�Su�6�\u0014,J�tE.��n��̅��5���E�\u0010���P첛�]�A x\u0010b�X&t$$\u0010�\u00106�p�z�]ϔ=/��K��D�[��\u0015\u001e_�\u0019\u0007[�\u0012�D|\u0017\t�����\u001e_�9G��\u0016�$�\u000bJ�k�\u0003]��Yp�m�Cb$�R�A�^�B��Ò3\u001f{\u001d\u0016�#[�+Z�AW�|]V\\l��\u0011q��ШM?t���c͕��\"��\"W�&����\u0017��6p�瀣N��SE��\u0000t��7`Ý��\"�����U�\u0006�+I���<�\u0010蘳R\u0015�qM�\u0007�e���\u0011[��\u0014��4�j]w�CC��=��q�vG�l���ہ7)�w��\u0012�~�\u001f1t��\u0014�{X�\u0014|���e\u0003Mn�G�-�\tw�_u�%�_m�\u001d�G>�\u0003�� >�6�a�-��=�;\b����wlЈ�-Ű�t[�Qc�-�yw��t��q?!���A\u0018\u0000�B0?�\u0003��P�\rbh�K�\u0000x�A�\b� PT�,A�t@\u0016r�\u0007�\u0005�\u0015R�p��\u0018�c��xR��g��p�8�/څ�\n�=W���g\\\u000fn2^��܂������\u0000}\u0010<����'�'�O\b�����#�VD�u��{��֣W�~�\u0019�àN\u000f��АG�e���\u0013#F�\u00197Qw�UU]M�]�ru5t�ƚ*�j�]�����fa)��v͵�Z[�u���^��7��]����>\r\"�\u000e��,f9�\u001d���̦?�\\�W��U��JV���/a�կx�Y�\u001aV�K��ֵ�\" x��IP�À!#��m�-�.\u0007\u001c\u0014�cXNJ��H�rW\\wC�)/���\u0017�B\"$A��r�-H\u0001�\u0005\u000b\u0015!J��K)��r*/���XE���t3��������\u0001t \u001c�#\u0002\"\"\u0012\"#\u0011DA��6�E.sY�.{9�]��[�\u0012�\u001ew�K[�����\u0015��\u001aa\u0000�\bzM��\u0013�\u000fi\u001f;�\u0013��4\u000e�\u0002�.\u0013j��n�\u001e\u00186j�s��J��+�*�\u001cF�?�\u0005Pk\u001b��i\u0004�Ͻl\u0014�����1��6���a[n�7M�����6\t���5\u0005�\\�{\n�|\u001fz\u0006ӷ>�\u001c��}�\u0005�\u0000� �\u0003��`C`����\u001e�=\u0001\u001b����\u001c�KY@)t\u00046�<�\u001a�\u0005<<@B�l�\b�@5n���x�\u0018\u001d��6�P\t��p�7k�\r_[\u0011T��ʥ��\u0007�J\u0005R(SEb\u0016�������\\�\tx\u0000#\u0017z>6\u000eR���u�/~�\u001b�;�\fBU��~A�ɢ��Ka�xG��`\u0005�g?�6,(�\u000fM�3�Вv\n������La&ו�:�sŚ\u0010r3�!�\u0007�R\u0013�r�\u0002�N)\f TX߀�x\u001c�mF�9d�\u001e�Cg\u0005\u0015�0�� ��w�S߈\u000e&h�ףp��5\u0019fJ�h.\u0005�Cg\u0017P'��WL�\t^=h�`C�5a\u0014]�x��x_ڒk�\u0015ܬ�\f�Z>�e��fe@t��>\u0001�.U\u0010XK\u0002N4� S��\u001bs|H����I\u001fv�0J��Dh��5�\u001c\u0006\u001aI���\u000f;�\u000b\u001e�\u0010Ub>�zW�YG@�;9]�\u0018�EZ�ґ}R�(�ZN�Q��LB�ƅ|��<aPXr�CA��o�9\u0018\u00077�O\u001a@�B�RCE��\r�\u001cD\u0000m�\bZB%I(�1�`+���.:�*���*�WAq&�\u0005+�\u001a\u0010�\fz\u0010\b�A0{�DP=�B�\u001a؄?\u0007�\u000e�$�i\r�lt��]\u000e�/k��\u001e/��\b�\u001e*\fl���\u0000�b\u0012�xv����\u0007� �M�N�C�Z�#ı��\u001c(ñ9�ypz\u000f��G\u0019�f���⑋w���<7�<���?��8��]�\u0015\u0002԰tS�8��\u0000�>�/�#\u0000g$���\u0003���\u0006\u0017\u0001�F�\tz�:��hm��:���/\u0001�C؞7\u0003�\u0015\u0000�\u0017\u000b`\"\u0018\u0000\u0003D\u001e\r8\u0004/�־>g��'C����WWV8��G�h��i�1�\u0005.b�-��~\u001fX\f\u0005#��8�\u000f���\b:ҏ���H>r������Ʊ�M���\u000fF�\u0018,<\"汈\u001a�р���ftd��e1���Y�C���ӎϹA7�Kn��sAa�W\u001b&��R�V��yS\u000f��tK�\u0019\bNze��u\u0000��\u0000< G�oqCۚ�_�\u001c�\u0018�\u0004�`�\u001c\u0016\u0000��^�����Y\u0018((�o����o�m�_����%�=6CW,K�\u001c�\u001f�=������\u001d+OV��\r��6�}���ĥ�o��\u001e;\u0003>~�Y�hO1o�܀�.\u0002>:�\u001bW6 ��\u0001��]P\u0001�mY\u0003\u0000��\u0016�ˋ�\u0010��@�\rG\u000e�\u0003h���VP^��\u0001r�������x/���%��~e�<�=T��L�\u0007m�j�\u0005\f0�v#�mEJ3B��߰gQ�.��I��8����u�ޟ()�%����7���yæ~�$�D�\u0007�?\\�\u0011T���p!A�����)���\u000f;�I�$�>�(�\f7��lS�g0����\u001c&�s�\u0013.b��D�-�3���g�&\u0002$a��%N�\u001ce�4h1�ə\u001bw��D\tuH�c\u0013�\u0012y\n\u0015�*�pӞz���|�\"`�\n�p]�9��o��B�+*�\"�(3ui�WݞjI���\f�WL���H�\u001fJ~[g��L�\u0005�g\u0000f�\f��\u001bhf\bl:�:s�Y��!\u000eY��m��ʕKv���#\u001bN�؞7�|�#\u0001A�\flW\u0001v\u0017h_P\u0007\n���B\u0004�t:��0N�u�]8��A�\u001d�+Hz��\n�Z��\"duą\u000e�\\�����r�\u0004՝S�y\r%�V��Z��^���\u001c/\\i���p�^xX\u0005E��\u0001g�1O�\u000f犔Q����]�n�q7ײ[�:녬d�q�������e.m����\nm���`\u001a㪏�J)$|A7��\u001d�\u000f�|D��p�#x��\u0015���^0j;0i'0o\u000f��\b�f\f�2\u0001�m\u0003:m\u0005[\u0002ڜ3VT��\u001d\u000e/\"���DFv$�\u00131��\u0012\u001b[\\\u001c'c*�(+NE�UvFUg�w���n��V\u00174�=���c^���#l\u0017����!��/n�%�?ф�ՙ����#�أ���ZXT�SaH��_$�w��Ǘ�r��«�,׳�������!>R��}\u0005��������/��8��0FzsB\u0016�EF2�e$\u0007�Z�\u0003q�^\u0001�%��D��17a\u0014+v��h����)ץ�\b��g6�uY�_Rug\u0002�|]���ؙ\u0014VW���s�2RKap��\u0006l���\u0018'=�\u0010���\u0016߰�\u0001��\u0013=�(ʁOＵ\u0006-��G\u0011���?�S-�%\u000f���\u0017���\u001e|����^�v�b{���\u0013[&��Ĝ0U�B��$��n�'��S�lE\u001f\tk��\u0004u{3d�9\u001d\u0011/=��tBٮCF\u000b͡��xnʨ�\u0000�|Vm�����@�+�8��\u0010}P�؂�nxj�1㝱�<QVTu-\"H\u0003Y�q�@}U���M�G.�#*�������Ǥ<m�\u0014qӇ\r\u0013�ԋZ\u0005�}��1\t\u0015cG\u001552��\u0002fc��s�;\u0001\u0011�Hv3&�\u000e���%$M-��\\��sɚi��\u0011zg��Y�]r��\u00165���H�\u0001�(I��\"��))��jZG�\u001ab\\2�T[��!��؏&ߴ�Q\u0005�m\u000e\n�7��(�!���ֈ�Ƕb���\u0015�*�h�\r\u0001̢~i,��Ŧ�,���\u0014���;��nq.�K\n+Z\u001a�>��S ���u�gq�ӻ���d\u0007������U��)���e���\r�a\u0018�r���g�\u0005����\\�4$ \u000f��u\u0017�ؚ�\u0006]����+�\u001f��\u0001&y|��,�&H�,�rb�}f`%=�\u0012�B�ܼ�y��`Ŏ��\u001d�,xǼ'/\u001d�Yyd\u001a��ҔsNy�NM���2�4~Gu��\f�à$\u0010(\u000b\fT\u0004\u000e��\u00005A\u0001uA\u0005\rA\u0003M!\u0003ZB��\u0001���R-��xAM�\u001c)bS8���_}G�b�ۅ��\u0014�T\\J�N�PfQ��N;@�\b\u00121�H�C\u001f�$�D�V0I\r,��ʒw�\u0019\"���52e&���&�8#0�#�\u0012W$�;�U��`N.��Tx�L��Y1�}�T\u0015�\u0016�q\\�X\u0012���Zq*+S�3II\u000e�C�� �\u0003�����4��\u0017ʚh0����\u0018���6��4\u0015�d\u0011RR*]{��Ŀ��f\u0012�H���n��4\u0010�\u000fL�]ۻ�54��X��I�,�-\"�b���\\���a\u001a{�Iۗ\u0000�V�P\u0011�� �\t~�'k���H`�m�@�������\"��\u0011\u0019t[Uu�*!ґ\u0019i;BC+T4�]H̲�J�rY�cQ �C�A\\1B]\u0007da�\u001c�4 W$�%�\u0004KĔ\u0010}V\u0002�\"\n \u0004�\u0007\u001aE3��t\f\u001f� #\u0011Ub�.���A�.4\u0000�!r`�|\u0018��\u0018Y�\u001d���ш5�J�L��lQê��X��ө�\u0014����\u00036<�UBr���A���\u0014\t2��w_R�a�ԣ�:O�����z�-�Q���c���B�Sgɷ�CJ�\u001e��YL[�\u0014�Zs*\u0006w\f���F��G�:�ot���A-+��w�������_\u0015C\u000fF�\u0018�ꍬ\u0018�+Q�2�{'c�1�|%�Q+\u0005U��\u001f>P�!�\u0017���R�r�/�þG̠E\u000b7\u0018z��w3xrU���\u001a�\u0014V�ҟ\u0012���Ly�\"�to\n\u0017Oi�A\u0002��.=��\u0016\u001b$��Ly$i�d��\u001dR�V�%�\fZ�C�h����zlZ� M��\\��VZ� ]�=�d�\u001fgm�!C�Q\u0016��A�t�\u0014��1k��yI�\r��,ؙ/5^n؝�\u000e�zZ�l\u0003h��\f�;c�\u001bW����c��\u0013�3����=_M�f�w\u00136!.�\u0001�\tҋa�m�\u001fS���/����߀������Nu����‹5V�u��'�ژ|�~��\u0011\u0000�\u000b�������\u0000�W\u0001�\u000e��K���\u0002F�\u0001\u0018�\u0013`�5@\u0000~|'��00�;�\u0000iT�� d\u0014&�`E��S~a\u001fًE�&��m\u0006���\u000f������F�m�E�ӎ��;������G遾8�g\u00010L�YG�i�����\u001c���f\u000fґ���=�\u0002\"�\u0007\b��E��^J�����\u0001\"��\u0004���b\u001a���6\u0014��\u0007y\u0010�\u0010ی0\u0017\u000b\u0003�\u001bf��\u0010�I@�\u00061\u0016��܇k.d}�q�E�$C;\u001f�#����\u001c�d,�Gq U��\u0014[%\u0002I��iM�\\�Ĝ,��d��\u001b�^�h�.��!�����\u0007.K9_%��\f�{us��L�����\n.\u0017o�[m?~W\u000f�Մ\u0016�\f�V���'�6MO�\\\n�R��]m��j�I\u001cS3ʭe+�9�����\n�\u001a��po�YJ�\u0007��\u001d�P\"d\u000e��m\u0005�(�`�*E�a��p.�$B]\u0018Q�\u0000���\u0000�K��;��<�\u0014�\u0018�;k|��r7$�j�Y�k�\n\u0001�4\u0010�P�&�=�}���w)\u001a\u0010 \"e\u0002M����Y�tƌdwB�i�\b��\u001c\b�-!��u\u001c{����1:��ˋ�Jʗ�\u0003r\bY0�*��B��9���wἵ�����\u00198^\u001b{-U�(�h;�ˆU\u001d�������s�t�\f�ݯG�\u001f\u0002��9��/�7�z�=$�\u000b2�Qۍ���G�\u001f\u0010[���P��\u001bW��sp�\u0019d�e���\u0015tv�„1�\u0019_\u0017NQ�\u001c9�\u000f`/\u0010�����|�\u000e����*�v#��җU�!���;/N:�Y�WZ:�i�Xi�_\u001b,:�ʑ�r\u001a���-4�$�@V\b\u0014ͽ�Ґ����g���Nq�5�\u0007w����w�\u001d�#\u0004kzV\rֳ4F�\u0006xb�\u001ay�G̔���\"�$�\"��n\u000fu��I�ލ�!\u001bV½}4\u001dZ,I�\u001c�V7+�}�\\�\u0014\u0002�K�\u001b����<�\u001e��\u0010[Le{a�D��ADz�K?\u0000m�U�K�\u0012�5?�[*��e�E�k\t�������\u000f3J�\u0019@Ql����\f\u001e�\u0004H\u001f8�H\u0014�\u0000��\u001c��\u001b��n�K�\f�TJ�[�.��\u0012�+\t\f��إ�\f\u0004)խA{�\u0012f*�zqOWx��œ�\u0015\u0003{I�a��\u0019��t!���dEDԤ�\u0016���|����K*�\u000eX��d��c��2,��@Q�Ac!l\u001cj\u0003��\"��`����V\u0002&='����]L~���e���\u00131K�-����_��;ǫP��=�gڼ5�\u001a5֎�\u001b�5�T\u000e-�-*)F�\u0011��\u0006�=�l\u0004\u001ala9v9nijNN{Õ��;\u0004��)�\u0017>\u0006����WS\u001d��Z�(y�\u001dGl��[Z�m�0�T��\u0002(��\tH�\u001d����\u0018�[\b|���}�G'\u001e+�{�'�;�\\\u0002\nMBoK�\u0019x�C$�\u001c{t\u0019�\u0003\u001dR1�\u0004�71\u0002�E9�5�¸��3_9܎�5\u001a�Ni�tF9ň�\u0003(�\u000fU@\u000bkÌ<{�,\u000fArm���׻�{�\u001d����I�N�!9���S��`�\u0005�)�f�Ex}���#0+�� y8\"u�nE=�+��I�\u000f6~\u0013�2�Y�\u0019s�@H8a�BG���K�<���\u001f\\ٽ\u0005sI�h\n�&�Ͱ��6jz�U��u��}i9T\u0017T��M\u001bl�X�\u0011\u0017f� b��$QTn+�e\u0017��t�D#\u0006�@(��'\"�5H� �l��6&^O�eEJ���cC�\u001e�D�;F�\u0001)�\u0006cH�É��������\u0010�%Dy�v~_�0�vH,�_\u0006;\u000f3�a�-q�_c/��1\u001a�U8\u0002���\u0005#09�^mL��q(^�Ny�\r�p* س�m�[ӌ�c6�S+v[x����S��'���,f��I[l��\u0003HZzvӰ���{.ӴH��8&\u0007\u0004�\u000e*�%XS~r�\u001aU\u0006��D#�η�\u0016��=l\u001e��q2�8]�%������j��c�l�J�kuV��t\\�Ձ�6�EZ�\u0014vse*2@���G�JJ��[#�w�9.?�(w\u001di.��\u0006���\u001d�|2b\"�؋M&����\u000e�F�݋��[�=\u0007<�fV�\u0014��\u0000!\u001b�O��/L �kF�\u001a�\u0015�3h��\u0018���7[q'%��[�W�\u0019\u0017;x�Вg\u0012Es\t\u0013~��q��&���Dݩ�g��T�Z\u000b�\u000f8\u0018pv�0�U�=?4%V�\u001e\u0005^�e��\u0002%�b�6�H��S�s�tFKh�.�\u000b\u0013�Y��\u0018��@�*�$T��w+Qxtx\r�8T���\t0��r��\u0019�lk�\u000b�\u001c�\u0017��#���Z�v���\u001b�qh�.\u000b�����>ˉ����H�}����m��\b:�~��zZ�Va��\"υ����/\u000b��\u0010hP3)Z\u001e\u0004b�?��8q2��\u0014|��O�g�Hӌ6Qk$�S�xm4�\u0005�0����i���\u0012�>�Vi3�'�\u0019���$�?\n3�•��V�ϛc��\u000f�\u001a͆.|�\"�\u000b9�(��E88�@j+q�p�{�A�4����H�P؅��\u001c�l��d\u0001F�Ɩ�s૒t?�\u001a󡱄ą�\u000f:�Q�& \td�\ruPX\r\u001d�]�_���/\u0003�����\u000e\bPJ��\u0012~�%j��9�\"�+A�TaM\rd9%�*��v&\\�&P.q^�>z\t\u0013�>\u0004\u0010�� �Y'�1RW^�A��J����F��⤇�,5�-u�>���v��\b���&\u000f1j����JVb��J'��\u000e_jA�R��%��ؓ'θ\u0017�\u000f\u000eEⰬ�E\n�*ސ\u0015�_�d�@�����tI%)��\u0019꽰GZ@}v��m\u0001�\u0012�DO�N�B\u0015��\u0010��*�^�1w��\u001b�lj'\u0010� \u001bP@y�\u0006���l��16\u001eVe�3��Ԅ�ů#\u001a���z�S��\u0010��Wh@�C�jÅ�fb��`�\u000b����!T�\u0015��W\n�k��\"�W��\u00157N\b!#�S�\u0013;J@)\u0000\u001a[�L������_�2�X���:�+�t�IY�#�y�\u001c6��A͖#q��^�-؝Z�`�ȸ(!��,�v��f��u)�&��������B����\u0011���퇶���ݓ��n�W\n��a?�A��n��\u0005\u000f\b\u0004�A�\u0011\u0010��\u0000\r�}�j��\u00130��\u0011L�,��w���\u001e�\u0003�\u0018�iV�/�pzsҢ�H.L\u0001�\u0003�(+�!n��A*��|��@\u0004U��eQ$�:� \u0001)�] ����W\"ο�ѥ_%Z�oM������\u001e\u0003�{h#`�VCW\u0003��\b+�9QT�\u0000W�+\u0015$>���Bl9\"�:�\u0005{\u001c\u0012ř\nO�ie:�mu�\u000e Rb�k��o\u0001�լ�D\u0001II�1~�\rme~~\u0015\u0015�O�k��4\u0007�\u0015��J� ��d��7�G��B���NQ���,\u0016\u0017\u0015�\u0019�Q<\u0019؁���ӎ�<�騭c\u001a�e��fC֛n�.\u001a���k�����\u0006\b%r �J\u0014���\u0013G�T1��n�+ҍHP��.\u0019�����ga�\u0007�\u0018r�'cov�L�u�w�\u000eo¡�̱�>��O�CK�P\n�k_��V��nטxG+\u0013[[\u001e;�\u001d\nTj�I\b��\u0010<v��/2p��i���A|U�z+\u0004*����\u0012�`0�H\u001c�\u0010���q�\u0010GaTz�m��\u001f%w�5\u000ern�\u000f}1�kyR\n��®:ž�_�V\r_��J��zgQ��`�d����\u001f���b��+\u001c�\f��x�;7=d�3��R�M�[�\u001d\u001bub���Qw\u001a�c��3-&�=\u000b��\u0010\u001b��^\u000b�(`����o$\u0004��Om\"d#�{V\u0006\"/�\u0004�N~:�~[z�\u0015v~��:x\u0002:��ם+Pmn���h�V�b�M�\u0011�_\u0007\t4]ߛ�\n(k�R�\u000ez8aSޥ*+��U�\b�ӭЕ\u001b�26\u0013P�\u00141��3U0vQ޹�JK.�<qF\u001f�'Lg���:�T�Q��D����>���\n�ǎ���B��J��2%L��&q�!\u0010yTzfVfjG���\u000f�닞�tJ�x�\u0016br��yDI#Ԍ\u001a�\u0001֑����G��9����8���u< � ����y\u0011����T�\u000e\u0017VLX��U���!�\u0017�A�6���n����n\u001e?x\u0015 ��w��G<��w�kTh��|Ps��\u001f�a�^'�^k�ˍ��3�)f9����\u000f\u0017��x~�z\u0007h���%G\u0010��~PA(':����8��0\u0007�\u0004��\u0012�a�ώ0X\u0002\u001c\n�>�_�\u0006��\u001a����y�<�ў\u001e\u00187q��>Ƚ��N�Cɐ�T'��\t�u�5�ƚ���h�{�plmj����R¯��z�_GUf�A��*�X��d\u0011�\u0019����5?i����/�&�\tB�cʟlF4�F\u0012�#֐rg[��~��\u0007�D���ƿ�#��\u0005�gKJs'S�\u000f\u001b���&SsKgK����z\u0017���K��03\u000b6���M�t�G��\u0007\u0017x��� ���FW��%���7xn=�f\u000b\u0018A�+\u0012ё��D(�H����\u000e��x�\u000f\\o����\u0003���3\u001b����k��ķ��˪�d���K�\u0018b�]k�\u0014��Zݾ��pn�}N]�����f��}?�\u0019�Ur����f��S�k4y\u0001y��u��}ħO�x�m岤���cǮ5�VYHLc5�ֺ(�5\"�\bkm�2ޫ�\u001bQy���@�Z�?索CY�y9�\u0012^k#/���\u0001�\u0011��5B��L�\r�U��|��m�5ٗ\u000e\u0019����夈,� �r���\u000f����Pf�1��omZ���Ւ�ڶ�k�3�5kws��\u0018��C�2�v�s������jd���V1���ffI�J��Q�wF�\u000f\u0007�{X�F2�'�~�U�\u0016����I�g\u001f��\b6e�s���T�.g�ԔQ�\u0017Ink\u0007\u0006n�ϸ��IN� \u001dO� $`C%y�a5���ŀݑ9��o�Q_�H\u0019��xlv����x?���~����%�1����\u0003D߱�ch����ܼsi\\��(}�䙽�Q\u0013�@�6_�|�G��޵����P��6�\u000b�i\u0014��3����A�H=���4��s�~�v�\u001cF:�dPg�\u000e\u001cR�udƐk�{l;�ChC��|�pW�`;ڕ\u0012J\u001f�\rD\bcv�H��Av��\u0013!��[���b�~��e�<\u001e1\u000bŞ�\u0007=}1\u0018��}\u0007Yk���T��5����~x�:��R��ו\r�i���Ͽ]�z�ϕ/?\"\f���Y9lQL\u0006#�l,m�=��s�J�\u0004�gs�4S�$���?��޸Կ1��8�z��\u0013\u001fj����w���K'Z�.�\u0007]�*��YJ���~����w��v\r)ќy�ϻ'��y\u0017�\u001eJ�\u0007\u0005�f����\u0000�\"z\\l\u0011I=\u001c�73�:�F^;k��\u001cv �xQ&L�\u0011�\b\u0000��աR`���\f��\u0004e�%qQ��BD�r�;IE���\u0000�h\u000f\u001f\b6\r\u001e\u0007(\u0005\ri�'\u0012s��j\u0019ffSq�J{����'�����\f�̏�\u0012� l<���c$���*�w\u0018��\fK��\u000e�M�hJ��-<K��z��0g��\u0015���R�\u0005���!\u0001Ad%L�Q\u001f֧au�x\u0003^V\u0019�\u001f�U���־�2\tX���w%��Qޥ�Kr\u0013�Y��\u0010��oI���\u001c�\u0015�Xj�k�H�� շ:\u0013�����jT1[T{v�����r/�|4�b��P�k&\u001aM\u001eQ�Xƹ\u0019��4XD���=�ۗ@?�?]��k�t��\u0006{��\u000b43���X��\u001dz}���f\u000ed8�ٽ����Ʀ�~o���h>����7��y��\u000fMO,OC(�$cȍ��\u0013\u0001�ϔ���?�mG\u0019�a4\u001c\r`�f8\u0018�\u0005��1[�Y3\u001c�^�0Y#��\u001e��~�\u0017�\u0000�7�\u0018.B��awi�7]s��褄��G��\n�L\"_�E��$\r��\u001aELt��(H�\u0011KZ<_��\r�!�oaG�G���Gŝ�P�\u0019��C�Q)��X���fEu@]K�Q��\r�{���\u001bk\u0000j��\u001b߅��އV`�0yBX�D\t�ЄP��\u001d�㷭\f%)���%Ӽ����>�%�\u0003p݉.�\t��@\bb�E$y�������k�}���c+v��H\u0012\u0017KU�^:s,\f�O-?\u0012���5A��KI�I\t“U\u0001p1��T)\u001c��\u0003�x�R\u0014\tŐ����[��Y6�j.�h���ڋ�H��f+�N6�~�X\\�3\u0014\\��\u0011\b�Xh!�\u000b�%b\t\u0004\u00056��S�d��6�CEy�5m���࣏ؐ�VZ<ӯ�\u001e�[\"g�Z!\u001d��࣫\r�ޏ\u0007��\u0017�T��|C�\u0013]�����v/�1��\u00171��bq�Ɠʵ��t~#ًd-�����CC�B\u0019\u0001���\u0019\\؟��uߘ�JMY.�h����N�%\u0002��\u0014��A\b��RfCP�u\u001a��C[v6�����;\u0006s����T�3��x��HN\t�\b�%�N~\u0018$)\tEOi��a����`��5I��^�W�\u0013�C�l�����7������M��q�뀜�mBmRJM�|�X8����lk\u0010$J\f�'h2�8����s\u001b���U�=�5��dm3\u0010c[�A#{�\u000e�nV�0�}�W�\u0005������֐]+V���r�?4��]��CW~F���;V��ʆ����('E\u0005;\u0003U\u0019�-| pU#����\t�y�!݅ymM�.$a��c����s\u000e�u4�\u001c ��\u001f����\u0012W���ï�x���\u0004?_{��@�N�6w,�b\u0007v�\u0019C#3b\bD6�@�E�i�z5��Ǘ\"¶StI�$�S\u001e�\u000f�7E�x�~us��N��{2� �e��4�gHl����3#\u0010�Y\\XX�r�x���\t�6�\u001c�\b��j�.�����ޟ�.eH�ϯ_�ߒ:]a�G����>qE����i�}av*�k\nZ��'|ś���u��m=��\n|�G�\f~=֛\u001a@m�r�\u001d\n�wq)\u001b~o����Z\fLa�hso���pT�\u001e��K-Ыɾ�\u0006XtJ\u0007�����'���H\u0001Ϻ�k�iW�W� rl�fl�\r<$\u0003��Xq��vN���H����(.��[\n6W�$�\"\u001ba����2��w�����_\u0015�>46����}�׽ol������c������o*�\n���\u0017��t!�Z%y��£�Y(�\u0019j,�8��M�~7>p�JI�̌�m���~m����#�h\u0018��c��A��ҳ��T&<*\t�d.�Ũ�d�<��n�\f�\u00192�mev,��·愒\u001d_�@9�3�\u00101�2�P��+\u001c�Ł)F(\u0001M�\nO�Q�sQ��p\u00141�0�H\u001b8����z4�d/\u001d��]�\u000e#�X\u001fn�(䆑\u001f\u0005��\u0000h6��N �\u0005��\u001f\u001a;\u0014�&3՜��_����ݒs*K�:v�>�Y���*�x�\r�c�xa��\u001b�8\\����\u001d_Ϧ��ve>���G��\u0016�vSN��f,��V&�9���gs\t�`/�#\u0014k�~��Pq��'(\u001e �d�E\u0007�Z�x�P4���|x?�\u001a�Ge�\u0010���(�6O0��TsÕ�0c�`J\u0000��EG0��qe�\u0011�I�5�w�!bF�\u0005�\n�\u0012#���\u0013�=\u001cֱ�\u0011����A|U4��,\u000b�\u001e�C���;�'��Dh��V\u0019�~�\u0005\u0000���O�����\u0014p�ã�����X�� y~R��y\u0018/�-6�k��\u0018�\u001f{��,�����H?\u0016�ud6܆\u0017Tz��r����׉n\\����\u0017\u001cgz5}�0��Rm\"jR�\u000b�:��ߘ�o��\u0019�x� �qP_�����C��\n�*\u000e�9�\u001fɄ���H��.�De{\u0000\u001c�Eկ͇�����}�כwZ\u0019�.��HWM�\u0005�����>�����\u0019���%4�w�{�M�-,������\r�\u001d�S`=�\u0002]��S�z��\u0019�w]z����\u0007����IFCǞͶ�:�~��ؗT�\u0011��\u0014Ž�lR>����j�\u001e\u0004�Nj�\f^���\t��\u0012\u0011\u0004b\"\"8�B\u000b�&b��$4TK�a~���\u001dl\u0012\u0007�\u0019(�# �b(W���?\u0015����v\u0017��Z�](�\t�)��|)\u0011����S�]C�������g\u0006\u0015�)!A1\u0019�9�]�3�h\u001a�! \u0012�|\"��'4�\u001c�3��\u0000�H��+\n\bD���z����\u0014\bǙ�Zk50?�Q��/r4�\n8\u0005^\u0017�;�>s\"��9(~m~��,�꣪�j��\u0000\u000e�\u0015Dr���6���涮��\b׎�r���JJ� �GB�W7���r���Wq�;)r�k�ŌZ��\u0007t\u0005\u0005�\u0014�\u000e\u0017��s���3Y�o�Z��e5����\u000b���3u���K��v\u0002I�\u001d��_1\u000f�N��<\u0010c>.Y�=;�=\u000eb�����(�\u0012p}=W?ZA�>�\r\u0012\u001d�/(�@Y!c\u0004<\u0012rt~�jS�w�\u0017���=�Ug���\u0004\u0019\u0010\u001d�kw;��N�!\b\u0019:�Y��\u001d�\".\u0013�\t�Q�Cؕ��(=\u0016���.��\u0016�ꅣ(o�Ÿ~0u\u0016�E#��B���-\u0016Gts}ll�P���鈉��E�\u0015���E�h�\b�nB+qwI�,8��b�\u001b@�\u0013_0\u0011�\u000bo\u0007�=P��uܵ}�|����ʛA\"����� ��_p���O���'А{���/v��^�:��g��eE�/�>J?�\bd�η\u001a]\u001c^ߕ-> ``D�'\u0003�O�ڵ�̿��o+\u0013��$��=[���_�~��h��J��j�E�o\r�K3��}�›\u0015��v�(t��܊\u0014I��聅�Jn4->�/V�\u001b���s2cf%�$��0��2&�:\u001c�\u0006�\u0018��\u0017]]W��3��9�T�c���O\t�|_r_�\u0007�\u001f�T�����M\u0001�S\"�,\u0015%0\u0007�\u0002'� X�4\f�\u0003����O\b\u001f���̊��Y\u000f�K�\u001f>T�'حt�\u001dJ\u001e��>�W�?��[Y�Sn��\n�K��㸭��0��0\u0002>=\f�&���\u0006�|d�h�U>o����:\u0001��\u001c����Kj\u0017���\u00111�(�?+o�(3��X;��_�\u0017C�gUU5\u000b?K�w\u0015a�� *M\u000bR�x,\u001a���k���W*� B��0���Q*!\u0003ʸ%�x�Q�\u0014�$����o�ݕ)l�B�o��G�%f�\u0007���w�t���j\u0014�v�@�?o����z��MSqZR���O��w\t\\�O��\u001e��*���g�M���W��wO�ū\\\u0001 \u0019����v|���T>%\u001a\u0012�\u0017��W���~��\u001e��\u0002�H\t�\u0014[\u001c'R\u0019Ee&�c\u0016!�Qp-��Ykb{Ɨ��ͱ��O#��G�=Au\u00142�N��T�)�*��w�JI�ׄ�{?�\u001fʨ�`\u001a�\u0019\u001d\f\u0010\f�\f�ڊ��A�ԔDDQ��\u0018mx��\u0007%\f�\tB.~��:,-�ջ=�M�a�a\u0001�\u0002��\u0018m�\u000frW��\u0007��l'\u00104\u0005\b\u0006%+\u0018-G\u0007��N!\u000f\u0013d8:-�\u000e#��n1.?�k�n}��J����M���\u00124'�\u0014�m�&�\u0011\u0018\f?$\u0018E�z!\\��\\\u0019瞜`Y�|���4��\u0012N��aG@%P�\u001dt=�\\H�Jk�\u001cN-���f{\u00117��`q\fb\u0018,�\b���le\u0018�\u0014\u0016?3p�DLV��\u0001N;�By\u0019\u001c$X.�\u0006\u000bHԔ\u0002(��\u000f���Dh�\u0018�\u0000�p3�B����p\f�\r\u000f�2aX,\u000b\u0006\u0005X�n\u0004z��\u0000��x\u0004%��\u001c���Q�K�ŋ�p��26��il,m��/.ؠ��yρ���b:\u001b�91�I��\u001e\u000e�\u0007\u0005>;��\u001d�m�_�\f���>����\u001c<v��\u0000h4H�8� \u000fQ55�I\u0010�т�rc�\u0018��3NWw\\�����~�\u000e%(N�K�\u0011$\f<�'\u0002��\u0006dL��3�\tE緖�\u000f>\u0004�\u0015; �Jخ�\u001c�fEqX\u0018c\u0015\u0002�����k��P��F\u0005\u0012�K����E����\u0018\u0016\"\u0018�\u0001��\b\u0002�Z_�߼���^�r�w�\u00048��/7$;c�\b��f�uτ��t\u000e% /To��]4YZ7\u001a\u0013\u0002�#�Ą-�ftT��ɣf��4ᑊ������ڤDw��K\u0015��,n�\u0019QƤ\u0011e\u0004|�6@\u0010\u0011E\t� � \u0018\u0015m�gJ�%e\u0006\u0013��\u0010|,:0�[A��H!�34\u0015�,���Zu����?K�K�\u001cc��\u0001�%�[!\u0012�\u001a���X\u0012]6\u0016��\u0006\n�rq0��?1��������Em\u0016�[\u0001\u0001\u000b\u0011V\t�\u0016\u00100�\u0018�\u00024�\u001a�\\��ҹs\u001b�&�د���?~�TO\nȣП���0^\f%+6-#� �Y�f�F\\Y�,]5P\u0010\u0001�!S�\u000f�\u0002(��\u0015�Ň�\u0004�^��\u0016U�>��\u000e'�\u0006qQF���fح\u0019������g�oJ;�V[#��h4�e{�3#��\n׎���\u001d����k�9_��/��U��z3b\u0016����A~˥&�;\u001b�|p�\u001f�`�u���\u0019/�մ9�K,ƽ�XY�J[ڊ�JM��x\u0002>�~j�k�(\u0017 ��\u0015�D\u0001�@\u0001�G�Zx��\u0006D\"\u0001J�\"�nie��#�����\r\u0000��\u000b\u0003\u001dPg�U��5�\u0003��Jk*:��\u000e?��R\\�����$]\r�G�\u0003P\r�AL#@i$�9���ݺ�C�\u0000�\u000b05f�k���E���e縹�B�=\u0015f�\u00187�\u0013~\u0017\f\u0017��k\u0018d-\u0001\u0007��BA�n�`�\u001a��y)���G�yejԁ`�: \u0000\t\u0001\u0004�e����Hy$\"\u00180�@E�r|�i�\u000f�\u001b�t\u0014F\n�� ���C0X\"\u001c\u000eKz�plID�EJG�2�Q.\u0000�' \u0001n�2,�\u000b�5P����\u0005\u000fb�������n[\u000e}�����G\u0018��{�\fg���SK\u0002�\u0002�~~3��\u0017���2�_���x�y��mQ�K��9��y-�y\u001fz�\u00143\u0011�eA$���t;~�4\u0016_gS(�������Ut�S����e1N�u؉��%�n\u0004�b���N_���hrC�K��7:�\u0014��2�|\u000e�k\u001a{m����I���aG����Š���ݪ�Y��2p����)K/r�m<\u0000��\\o�r�S���\u0016�%\u001a�\r�^#�t��)\u000bs)1�`�\u0013�I_ss���N�{�����\u0018������>U��cH<\b�\u001e�1bl�U�\u001f��\u001a-�jb�������&�I�[�[\u0011aw`w,�4\u0010���M�癖�exz8W�:�c�e���@_\u001fX����������\u0005�\u0019���b���c�\f��hw�:�x@�j���(Û�B\u0012�$uu�+���<�S��/޳��tiY���xɏO��.-q�.u>:�-���֣y\t=¨3*u�p�(�����Μ�L�aAɩ}-[v��\f�jk5?�}�lO���N���\u0011��C�\u000b=�x\u001aM\u0018��\t�4�(�{��b����H��*R$A8rd�$6��,=!��\u001cY+N+\u001a����\u0019�t�|��������#'\u0006�y����;@\u0015Sҙ&��G��\u00062A��a�&�@~\u0012<\u0000�C�8\u0014\u0014�;�zt�ٌ���ף3�\rJ`5��tg�A\t��6�B��y�wĦQP$\u0011\r�\"\b}X�\u0007�Y�\u001d\u0011���g2�\u0000�Hm�wK���Os�Y��\u000e�T*�\u0014CG�\t�x�\u0018�l�v�h]^Xs�\u0013>*+��3�v7��3��\u0004��Z#��-C���Āhg��a�\u001fF\u00189��\fs�\u0002f~�\u0002Z��ϡ/���_��=Guj߽����GN�6f��]�ʓ�\u001f��\u0014ܹ����q�g�\u001ci\u001b�\u0000\rc���aa@9\u0003\u000e\u000baa�O�\u0000�Q]v�p\u001a�B\n�v��⧶֊��\u000bk���뭭�k�5�$�;'U�uBq.K\u000b@%�G\u0015�o���1�� j��s��\u0017�I�Ӽ�nn��أ\u0012�^��Ҿ�k�����\u0019�\u001f�S�O\u001b3�7��\u001eL�\u0014S��t\u001aU�!�jB�����D��\u0015�\u0003A�X�?\u001e\u0003\u0001a1��\u001d���\u0006ux�rp�\u0011�1Ӡi���^�L�R=]���o\u001f���\u000bV\u0019ɤLU�O���s��\u0002���M7�\b\u0018vo�/��=��ι��ϪS\u0013��g?��3��y�]��*>AZ�(��'ċ�\u0012R��m�mq/^�۸q��ɿ�f݊��I�[�\u0010[r�[l�\u000e�\u0017�s(~ꎷ#�\u0015�3;a���Z��`��7fXܘ���g��+ﵜ�$�ѣ9{V& ���R\"\u0000z4\u0016��+���T��J\\��*�JUR���]�1���)TI�\n�FE=Z�EUk�z)y\u0005x\n��J*\"��\u0005E\u00142EG!�i�'��D�R+b~�\u001a\u001f�oirQ��L~����R��'5�]�&���|��/效\u0017\u0006�\u0013�(������\u0007r]�nbb�5\"��HR��?���M�CCC�P�D\u0002�G\u0011\u0011\u001c\u0012������Km�S�&�AM����5�O�P�|�eZ�����\u0015�^E}��z°w�����֚1����A��l�\u001b���Ç�&i\u0017򃷲����y0A�L*�����\u001e\u0017\\o�3��x�\u001f?w/4\u0005�S�m[�C�\u001e\u0014\u001c-�\"N>�t�!���Ķ\u0015]�tZpu;8H5��/̨�L�W!\f-GAi�4>?��VI�[�\u001c�5\\5�t\u00181lU�9W0���ǹ*�-�'C\u0005s��\u0004'\u0012���s�����9�8��]�����v\u001eL��H��'\u0016(N�T��\u0005��]�,\u001e]�Q\n�V�.%�%\u0007��BR\u0019ީ���\u001d��ר�;�w�PF\u0016X���u��\r�Uh>��ud����#�C���k�|�U�M� `�f�qQ3�o��t��t���!+��\u0005�e�u\u001b;\u001b�cmG���Z��C6��bĽ��(�\u0005\u000b\u0005>q����w�g�9��\u0016Ì�.�9\"�\u000b/ߖo�.V�z�暓\u0017Oȷl�f���'CF��Pq�\u001d�|�\u0011�T�\u0004&�-\u0015w��>\u001a�e�\u001f�Y��e�>��:`�\u001f��\u001d�w<[������[�'?藃�/W�\u0017�U���\u0016�Z�,>��Ɩ�{��\u0001\u0000p�$]�aZ�X,��5~��=�'������E��\u0019��<6��˙�\nl�N�F����\u0000�\u001b�t%�$p9գ�\u001b\u0000�[\u0004�\u0014}\u0001p�D�\u0012�LM|P�*�\u00130=�H��W]ss�\t�\u0018`\u0013�\t�\u001a��M�|���[�k&��K�\u0006��\u0006�&ڄ$����(�|}��ho?p:r���E�>Y2�\u0015G8�F �5����:�j��IaѪN��PL\u0018F�\u0011�\u0004��gc�\u0007�J� �&'���\u0015G��U�e/Lt��D\u000f�:��;\n��)�)��\u0014\u0011°�H\u0010\u000b�\tA\t�I\u0014���PqR\u0004��,\u0010\u0005WG@���_���r<�^]Fg���7\u0013ۋ�\u000f�\u0018\u0005bZ�V�%���⯷qܒ�=��y�O_�\u000f:}��\\o��\u001c����WOP�w��\u0010]?��+�R��+&\u0006������]�a�� ��@��\u000e)���ck%��0��N�\\�\u001dg��\u0013�K\r�����\u001f��\u001c�����;��ˇ�\u0018��2�N&�W7A\ttm\u0012/*�fH��X]����c#��Q��}�o�%/��Z��_e]B�Нfu�:��\u0001�\u0018��\u001c��\u0017��o;��x��g5��s�ϴ��@\\lS,��`\u0015�\bLNBR�\u001be��\\8�Ws6\u0010�\u0019���7V�Y�\n\u000e�)�Gm,��U�\u0006a\u001f�\u001a\u001e�|�\u0001�A�r���p��aZ}y8�Sɡ7FDКʹlv%=�I�O�2��\u001f\u001cq^8*'$�\u0014N\u001aDB4#�{��m�.BC\u0011��гI�Q|BC\u0001;�]�$5\b��(&�\u000f�E��@8��y\u0012__�d1�lrcd\u0004���\u0013��3�\r1�\u0004$3�\u001f���P�@\b��{\u0012E\u0010�\u00190\u0012�AQCct/\u0001\u0005�\u0010�\u0007\u0001���*.�E<���\u00172Y\fu�t��\u000e�\u000f�dAA\b.\u001a�fA\u0002�ᄯ�W\u000edOg�Q{4\u0004P\u0010U�F\u0001���B/V�\u0015��\n��<��\u001eR�����^˻���cMj�\b�=�v�p���\u001ab\u001dha\u0013�ۙ�|���I�\u0011�T<�㛶�v���������\u0000-��І\u000f��[�l[Z\u0011�\r\r�D�\"M\u000f�\u000f�l\u000b�Y\u0005ۂ\u0017|���\u0017��\u0004\u0013,{k��Z��U\u001bxGt\u0002�w�PW����o��W�=lfP�:a��\n����m̈́�gV��\u0004x[��e|\u001b�?M�>۲�(^H0��&V�v(9w@m]��\u0015M.7pKE|\"\u001bL�,�Y�k��Uc��1r�*�Q[Qe�o�8@�>c=f�uQ���äW������;o>��H�ƹ�6:\u000bl�7,{:\b��\u0011]�+r�\u0012\u0017�\\����h�՘}5+��t�\u0014�uQ3\u000b���7�����jv��ǭ��jL��\u0013=�\u0017���\u001d�\u001a�W���-�ǂ\u0004W4\u0015�+V�K;�U�]p1�xx�&\u0018{�6�\u0004�����Ch���ǀ>��l/�\u0010�]�m�\u001e��C�����2\bѫ|z���\u001d\u0016�R�l���^�\u00006\u0000�w��?�[\u0001��D�*;i�\u0007�\u001d\u0012Ձ�5��kB�S�D\u0014��ݸ\t��qY�>p��YS.\"J\u0000;C�A4�𒺽�Zӗ������\u0004\u001c���U�mr�\u0018l\u0010�\u001ae+�׏��o�(����`ۏ$����ړ�L�A��W&���z�g����$��rI��%�'H���PU,����\u0014d��V�\u0014K�w��-��Yь��ywm´�0���yM���D�{�!@\u001a\u001f\r�[�w<�g9�M�\u0010uﭣ\u001fm��#���h�-�̊g���3�0��u�����\u0010rhh\u0018\u0019\u0016<\\zB�\rqv��PF\b�\u0010\u001e\u0006��s)l��k�'���vƗNR\u0019q<�om���O�h>�x��nG�%�\u0013@\b\u0017��rX�A3\u0012_���:�� �)�q�\u000f�_Y\u001d\t(�]q���mz�S=b�\u0019c��Vu��2l ����\u001c\u0012\nڒ�,�x��!���|�ĩY3�\\�\f�:�\u0011?�Þwa�\n�\u0015��[v�퐉�v�s2��C�Us_#�>\u000b�j+�*f�4�Y�-��l�e�|����\t�S<�Wy�Ł\u0011[�\u000f�^��a|f\u0005T�v�a��/*�`�e�u��\u0012�>�O�&\u0001\u0002\u0001��C\u0010�&\u000b��\u001f�\n\b�+�hY\u0005�IR�r)\u0001|+_פ��H��dX\u0001]�*\u001ebyR���\u0017�ؚ�K�e��b�D�Q(�C\u0012�X�L\r�3��\u0013jE\u0014��\t�+b��q(q�����lk}-� \\G@���拰T�����.�\t�J\u0005Q&/�uɴ�x�LJԉ܏���mY��I&�%�T�X,�+���3\u001eTЄ]A\t��esThٖ\r\u0019�]�\u0018L\u001c�\u0003o\u0013\u0013��\u001c\u000eԿ3*?���k�,4�&��1\u001b����mRC�L��6H\u0003���ޓ.�bH�rߑ�e诽�\u001b)v��5O�\t\nJo_}�/����UP\\��^�_�C��\u001e\" �\u001e27\tFH\u001eL�b:2\u0015�x����b�eu�\u0002���{\b�R�N�\nͯ,5<�|x�G\u001fo;�񛞞��2�R�\u000b�Z��'�W�Y�<�\u0013\u0015���e\u0015$�<Zi�\u0006+\u0003�\u001e�\u001f����E�\u00163[ĩ\t\u0015�9���m\"+6[��$\u0006�Kǰ��ai�.m)�]�\u0004ϵY4��\u001b\u0015�j�O�\u000b=�����\u0004u[�-u�m��2Ņ��\u000b�̹�\u0004y\u0005�TA(�\u0010J�\u000bI�.�(\u0013e˲�Say�\nle/��ⲦS�v�z��GT��g�\u0011��v:�B��]��yqg\u000b�m����H���M\u0015DZ����J�t�B����{��\t��:\r�R�6�\u0011qMS�J�/[�6�5,E/@e�^��\f�%yޢN8�T=pt���R9=\u0019��\u0017���1�cu��i�sO\u001d�(\u001a��>c�Ra\u0013ɢ\u0010�Q�\u0006�q��r�\u0019�\u00156���N�|\u000f\u001c7�\u000b�\n�<�47��I�BJ\"ʊ�(ަRmyTi��T4�E���i\"\u0005B*������%K���FX�mX��ѧ\u000fQ\u0012#�l�<͵\u0017X�l��\f�D6\u0014��B�;#����C��:��i�\u0013�XJ\u0014�'\u001f'5/ƞ̉�\u001dPK�շ2����\u0016)�o���3ΊT\"\u001aѻ���\u001b~�4q��pY��8g.?A5P`��b��[����\u0017�i!Sas��l�F��d��raSi�<͝��^}����4�\u0002�Ad��%DН�n9b\u0012rY^�S�:�^m^\u001c�Ya�\u0019\r\u0019�x�\u000e[RO��~���wF��+9sz`�����l\u0015\u0002��\u0012Nw�\u0017�S�\u000e~A��\u0001��$¦rY�4�&RPg+�\u0016M6C���\u0007EJ\u001d���bC:|�4V�\u0011�?$��R���m{���M�ސ$-I�\u001c\u001d�\\r\u000e%�>#W��Զ�Q&+!U쉐A\u000b9+��{�1b��T�x�}�\u0016i�\u001f��R4N�~Q_�E엓Y�\u0019��\\�|��>���y���Q����O�\u0004�o7��6���I�N�v��; D����$(�ښs�c}[�(ծ\u001eU�X�#\u001b{�Y\u0005����q�֠}A@�xm��0�%\u0011�\u0012��\u0016�\\pH�:f��kB���9x����\n�E�q�(�[�\"�;_T\u001f�\u000fs�\u0015|��Jx�\u0012���\u00175��cw\u0002C\u0015j�����y�#\u0010^��Zt��s5cJ\u001e=j?\u001d��_���4���\u001eQ��\u001a��(�|Yʝ�s�}t1Q\u000fu4��<�,����ʉ?�+{�����7Lh���I�l��\u0016l銫�߄綉\u000blʚn����!����\u0017��\u0015�\u0003`\u001f\u0001:\u0000\u000f\u0001\u0000����{��\u0001\r�g��Ԗ��\u0006�w�\u0000��\u0004\u0019z���.u1�\u0015N�Y \u001b���өѦ|Z\u001d�9o�\u000bЫ���\u001b��ϫd�4���2\u0004A�wv�z��O\rxJ\u0001��; \u000bw������O���KԐV�!;�B-��?\u000b�zV���f�qܾp\r�p�ȗ鵻i\u0015��\\�S�5L����h���ή��\u001e϶��k��a>XI�\u0017G����2m�3�|@i?VaD�3U�JxL�X\u000b#�\u0014+C\u0018=�\u001e%���n��d���+����\u0016^����f-{�\u001d^s�\u0002I2\u0012��f>\u001fj�\u0001���U�|\u0001F��a\u0006��\u001a;ozYhG\u0019*ϫz�{7Ҩ��g�e�\u0007\"I\n��Q��G�o\u0018N��\u0003�q��7$\u0013�tz�\u0011K�?ؕ,\u0018����Q���lD�J��c���\u000e\tq\u0017��rZ�睈st��\f�#���@�-)f���p|齩��B��\u0017�{C,\"�Tb��[,��ILW�t_&^3��n�u���-\u0005��m)=Y�U�J\u0019�P���E8�|N��B\u0011�:��ư��\u00002ύ��_��v����<e����\u0018x^\b\u001e���+ܠ9�\u0002x^��\u0018l��P�!!�[���.����K�ci���\u0018�\u000f#u\u0004�\u001f�pY~;3[@��4��{M,�v�9��[\u0019���\u0011Ho��\u000e�8���\u00193CVq\u001e����z9��\u000eI�|��3��JF\u0013�u&!��%�>���&��m���{��ϑ��\u0018<&�Z_\u0004&�\u0016勻7\b�p\t��\u0015s\u0012Y�\u0016��.L\u001bJI���\u0001/O���U��4��-IFb��4g6A\u001eÃ��\f\u0007\u001f�*����ٙ\b�}���'۽��i�TԸ�S=��H\u0010C\u0015�E\\�:\u00161�ig��\u0001�\u0002�\u000fY�0;!Q��%�wa���j��xw\f���\n��\u001bE�DOܶ�ى �d�\u0002Os�\n��W�IM�#�UrJ�;���+�!IV�qk @G����W\r\u001e�֔�0K���P�\u0011\u000e\u001e�\u0011/J�=%�:Q���O�l�Jp<U\u0010��\n�\n�osp\u0002��\u0005\"zF�\u0015&�\fǧ<?��ֳ[��g��9�K،'Y-m�\u0013�\u000f;e3P��^�Ft╇^\u000b�8���%&\u0001��A�\u0011��;�ʙM�ǐ�\b_u�J��L�:7�^\f�M\u0006�K���.,2�iv:�,Wl~9\u0000̠�c��u̸DƟ���ec\"�ޗKM\u0007�?o�߾G��\u0010]/\u0001�\u0013\u000e9aG\r�݉��r������<��@ފ��o\u0012�\u0015v��H<\u0010\u0016��\u0018S\\���9~�� X\"�z��²�؇nG�_۝H\u001a.T��\u0001�q@f>���Z\u001eJ�\u0004�\u0006r0%�L(ﴎ\u0018am�D[�P�x�)7��c��U�o�����d\u001d\b|\u0004h�28\u0001S�K6��@��\u001d\u0004��*����UE�M�\u0003(�f>\u0014��݃�jY?�Fz��Cbi��?P��\u00111\t;��6�\n���\u0011F\u0001���\u0016>]y�h�G��O�ɭ�0��H\\�Iǵ�nw��\u0000�ˤI\u001bɉj#����@��lyږ�\u0003�%:5�5�p�\u0012\u000f�{�\u0019\n\u000e�4@\u000b�ع���-\u0011X�\u001b_��Y:J[c�G\u0010FPLDw�^�@\u0010+hL�\u00031uX\u0017Ɗt ���QfZ�B�\u0006Xa�;�s;��\u0018��E���H\u0018�~/\u0019�;oG���վ����XLӨ�\u0010Nh\u001c�Қ������\\9T+�������,M����µ��,C�� DA/\u0001�4\u0010簎x�:CW�D\u000f��\u0015:��׸,.T٢C�!�/�\\�\u0007�K�)\u0013�Dvl~\u0018wP��i����˾��'r\u001d�\u0004�\u000e�\u0000(�`��\u0005]�)b\u001dW\u0012�\u0002r�f#O�\u0012|�Y�}}/<yy&~�~�\u001ay\u00131e�CA��8�(\u0005)%\u001e�\u001ar�\u0018Z\u0011�EِtZN�H9D\u00072N��\u001cP��`��(h\u000f\u0011�\buβq�I'�� ���+Q\u0005<�\u001d\u0002�տhP��J�M\n#�\u001f3BUFU��J�R&\tr\"\u0000�\b\u0011麐\"C�8I\n��&-_؁�cZ���B�\u001fH�=����5��)޵b\\t��}X��|8�C~�\u00175��x2�\\݄�K��8��~/˞)\u0007��6Ȗ*�\u0002{c��4>5Z�J+�\\F)�\f\u0013#v��<X���k�\u0000�!���@��&�\"8��\u0016|\u001b���,�\u001a\u0001\u000e����M�6�\b���R�\u0003�t-�\u0006fSp�\u0003��`�2�\u0004�\u0010\b��\u0016���\u0003\u0001�0�\u0001���\u001fn �= \u0016�F�\b�\u000e�FQ\u000f��\u0005�ī\u0000�^p?�^�\u0003\u001b\u0013�;\n�\u000ev~z\u000b���T\u001f�\rR��� �\u0012�ͮ\u0003���W��)�\u0006�*�A\u0011�T�+��(�.�n�%���NA�]!\u0007��W\u0013�K۴�\u001c�g\u001a]\u001a�0\u0002�\b=�.��\"���\tE�(���t܍u\u0018|N��\u0002a��\u0000��1����ߐ�]�\u001a0�f�1s%�8��r�\u00106��\u0000R\u0013�%�f���\u000b����\t\b�\u0011wo�\u0004��\r�g3X�m�'�o؋�\u001dB`��)[g�\"\b�k3<]E��\\�u\u001c�$��\u0002ղ\u0012��L\t�I�`��~����\u0011'�Df���\u001dm���}&�L��4\u0005\b�^�\u0016��>\u0006aa\u000e�\b'�K<\u000e�9�\u001a\u0005��D�oP9�\"��%[\u001fDi>'�g�q� U�\u000b��R(A�g��d����C�;)q��\u001a�����\u0006�\u00103\u0012��j\u0014\u000e�a\"\b\u000b��e��\u001ac$��x�w�����\u001f���B�\t^���_�?�G?x�\u0011apF�ڔ\u0018U�T�\u0012�D&\u001c�q�\u0016�i\t@���\\�� 0\u0000\u0005�\u0011��+\u001d)�U\u0018���3�\nL�\u0010B\f\u0016�%\u0019�v�E\u00101'��m�S��5�Uf�mR�A��\u0017��ja\u0019+\u0006\u001e�P*M��r�\u0006-*�$�.�`�\u0019���]���Q�\u001a{yj\"�ɜ�jV�/�NY���\u0013%\u000f�??l��\bnX�C�n\u001f�\f\u0006�\t�k�\u0018�\u0011\u0016�\u0001õ\u0013�\u0003|�#@\f���G eV���*�����L���\u0004�\u000f)��\fH��\u0006�VR��:��\u001b�V���3�Rx���`\r��\b�On�\u0015� hR�3�\u0010�\u0003�b\u0017D&��\u00028\u001f^�r.�����>\u000b�0\u0012\u0006^���J\u0019��²�J���9�b��\u0013�\\�D}E�\t�\u0005�\r+\u00102��\u0011N��\u0006N�\u0000CX���O�T�\u0013\u0004�\u0016-�;���q�}\u001b�X$�`u\u000e~�(S\u0012-��<Ғo�g=��P�E&��\u001e���*j�S�)s�\u0003i\r��q;7'1J\u0002��.�E�\u0002KS���U�|*X|�\u000fϸ\u000b��o�S(\u001851\u001a�P�)\u0003B]���l��'Em�V�0�DZ�\u0015�}�7$)\u0005yK�n�p�D��y����uT\u000f�w�Sx�\u001e�I��\u0010|��O��#\u000e\b`���m:@�����c��\u0007�\u001fA�k\u0010��EK�1��6�Q@�ɅG�κ\u0000��\u0015�Nz���x\n\u0010��k>�i\n���T\u001e_\u00048�=޽��t}�\u001cL0�\\ǵ�\u000f�)u��\u0010\tW��X;qn�K��h\nj�pf��-`�f]���\u0019�]\u001a\u000e�jq\u0018_����qUj���\u001a���]'�d��A'�XU\u0017p\u0011�As�\u00106|\u000b*\u0003�pïҨ�aj�ܲ�K�ze�\t�\u0001\u0000�� �\u0000���*:\u0000�p�`��\u001c��ɂ��Z\u0001\u001b:4�:!7\b|\\���!0����+k8T�wTc��ڑ\u0013(H���e�:\u000b<M7�n��9��(��R\tB\u0007��Rf\ts@�kQ]\u000b�zS�>gfn�c��3\u0010��a�\bd��6��wkҾ\u001c�ܞ��X�\u001d\u001e\b7\u001d��3\u0012����涤�\u001c�([uLP�~\u0000�Jj\u0018^�S?@>Mww\fzHz�8̔��-�\t��X�d>P��\n��EV\t!�P/45�1��B/�\u0015n\u0007z�S\"��4\f��%Χ��\u000eH�A�\u0015\u001fI7,�R�i#��?�0�|Cㆂ�\u001c�P�h�R���קa�!\u0006͂A�\u001dy�0cX*\u0010X�)�2\"���\u0017ė1XyiX\u0002N�p�D\u0010��\u0005y�e�K�\f�u\u001eNj�,S�r?�F\u0019�L\u0019@:�C&j(�\u0018�3\u0014�F#i\u0017��\u0012c�\\i|+�ƧAAs\u0006i%`����#�����{���Ҡ0�p���CI�~5b���@I�\nV�l\u0001���IǞ\u000e1j�\r\u0011\u0004j���g�k(`m�dJ�_�g��l�\f��،y\u000f\u001f^W�z�$���BeBl�\"@\nxԐ�;\u0014EB�#��]0��$Zp��\u001d7\u001a�UV\u0014�������i�(^$�0��l����>%�\b�y��D8�C:\u0013:\rzl\u0015\u0017~~�\u001f̮He2��U�{�p�VM��X-�B�q����\u0006&Bd�\u0018\u0016�ڔ\u0011�\u0001��]qD��P[��؆���4�}g\u00106\u001c�v�\u0007k@��@\u0007�㒗��&�k\u000e�\u0007���\f��\u0001�\u0006M\u0018|_�\u0018�j:\u0019�%Y�\u0011��w\u0006^̋��?A\u0013+�A=\u0002�;B\nV�ߋC���!\u0013\u001a�M\u001f�L��vf�Q���YM��h�\u001a��N)DM�G�0\u0010��y�q2���\u0002�$fӻ\u0000��ݓG\u000f\u000e;o�\u0010A �3K�\u0005\f����*!�\u0014L�\u0015\u001aR�\u0001FA�ƥ������9#�TH\"<�f�)o�U���\u0004�^,��0��r\t�\u0006X,\u0006�\u0007�\u001en/6\u000e1�$0�`\u001e�\u0001L��\b�H\u0015ϵ\u0016\r�\u000b\"4h�*�&\u000b���偸�d��@�\u0002��G\u0019�/\u000fVy ���Od(��^!\u0010G���sj\u0002ԯ<8�-�nG>s[\f�PQm!�\u0004[�\u0017L\u000b�VkWD��,۳K�љp�)q��\n7���=ia�y\u0012o���L;�\u001d˃\u001b\u0002\u0003��dd\u001cҪ4\u001f7�\u001b\u000b\u0000Xq1�aJ��CX��zV\u0012�5P\u0007�~V\u0017\u001b�-�;\to/>�i��\u0016��H5\u0004}~�\b�\u0006W�Z\u0012@y \u0019ݗ�Q��ix�q�Yޫ*�\u0005�N�转\u000f�#�\u0018C�xI�\u0017ϸ&(�����\u001d�\u0011���-�\u0005]8\u0016�l\u001a�\u000f�\u0001%�%\\���\u0000����Ԡ\ruR�\u000b!\u0001�=F��_!\u001dbC��d���m���PD�k@�����pF�\u000b��l��\"\u0002|�2@^�O2&;��\u0012\u000b\u001d���\"�����;�V���Ei���1\u0013t}�fv&�\u0000r\u0011d\u0005���´�����h�K\f$\u0017\"�X�@V\u0011p^�0\u0018����1pQ�\u000b��>\u001c\u0019o�\n\u0019m��\u0014��k�P�\f��8](�e�\u001f�\u0002\u0001�\u001c-�\u0019ά���\fh�M��\u000f9ĵ=���C91�\f�>'��[�|��q��4�\u0011U�m\u0007N1,�\u001e�xC\u0017>l���4�\u0015=��u�D\u0005��O\u001eݻ;�\u0014��^veN��;�\u0004�\u0016��Eڃڧ�L\u0012������|\f�\u0007���|zcuhf����\t{`v#�\u0011\u0018\bu\\hK=�6�zkf;sQhL�\\\u001b�x�ژ�M5�6�g=An\u0018D��$�\u000b\u001di�n���ɵ�\u0018a=ԕu8�/���_ѡ\u0019��ӡ����j0�L7��.T����u%��(4aTzs��u�aJ*0\u001a͚���{Z4jy%�����#]ZZ�׭�O�YR�m�\rMc�ߧ�U����(�G�.ڌ\u001a�\u000fnW\u0007#��)M�\u0011�=�\u0001؉i\u0017�z@8��KZ7�\fm4\u001eM�\u0013fi\f�F\u001bX�-��H\u001e�\fTU�?Nc\f�\t�'�%`\u000f�m\r\u000f�\u0015\u0006!\u000eL��?\u0000�%�����=\f�\u001c��s`�bj�8���x\u0014��2�ĵ�N\u0017.�Uq�\u0006Lj��L\u0010o!X�Kp\u000fؠ�sw�����F=q0<~E��Ļ�g�h�5Yۃ��м[\u0001\u0014Y�QDb�El,�\u001b\u0015g\u001ev���<Z1\u0005J�S� \u001ek\u0018\u0007�ez\t��\u0012ғ6\u0001�\u0011�a-\u0011��l\u001a\t\u0007<\u0005v�\u0017�A\u0004̑�]\u000f�mH�9��a+x�V.F�\u0006�#$\rb���G�`3�F\b��|�\u0017�6�4W'Ւ�p�G�+��%���n\\��hmݠD�\u001c�?\u0005�Z��(ͫ��:�)�\u0005Ӌ0�hB�݅\u0003���n*R��\u0002w^<�3�aYM����\u0019\u0013\u000b\u0002LV\b���Z�6G$v\u0016\u0013\tli7��k�mo�\u0004\u000b�\u000e!\u0011D��T��M�)n�̩�$�\u0016��W������H\u001b\u001dDc�Ȥ��\u0019\u0006�\u0019��\u0003�f���xʗ}J���}��7a��[�bv��\u0011�\u0011�܈�<�\u0006�\u0017�pb�N\ro\tω/󖃙�\b�& \u0017�@�\u0001+\u001e^���ոL �e�=h��H�|��Jj�/|8�c�T���G�\t�\u001b�Z_��:\u0003U\u001b�v}dv��X\u0018\u000bѝJ�}\u0019\u0007�^��^��k�:�L\u0006=F��Sw֗u3��\u0018�z0���zc}���ف�a\u0006Y�Ͳ�h�u�\u0016�I���0Ih^����,k\u0002;`�Z�\u0003��\u001a�d�\u0018�c�qp\u0011ؽo��b��F����y:r\u0003�\u00189I�\u0012�\u0007)�{��\u001b:|��ԝ����B��u�'B�G�5\u001b���X��jYIr\f6�i\u00004>`D�\\�_Ѹ��Hы�S��,3�E;��\u0018�2f���\u0013��\u000f\u0017]��\u0018�O��m\b\"\u001e���9\b\u000b\u0001\u001d��L\u0011�\u001c�p=TW_t�h�I\u000b\u0004kn�ٺcY��\u0004�f`a+\u0017j�*�L�\u0004_�A�c|�\\�\u000e!)h���hխ���_V��\u0007\u0010q�o�??�c[P)\"\u0018.�\u0018�H�\u0002\u0003��\u0013\u0016`\u0005\u0016�O�6�\u0000\b������\u0015��Z��V���K!]��(�\u0017��\u001d�a��\u000fl��n�mX/aX�&��ie��\tqM�0��n={�\u001b\n;�v���t3\u0002G��0�5��۝h��́\f�Q_:\f2+�kg��*3�c\\\u0003\u0002<��<��z�\u0019/�9v�+��f!���F�\u0006S�3\u001aM�\u0011��\u0000\u0014�2hz��a掤�\u001a�P݅j2����x)��&\b�8\f���M�����\u000e\b�u�]�O�g\u0003��\u001c|��x�A����TM�k�L\u0003\b\f�\u0000\u0010\u001c��\u0000;0�v�#��1\u001dp�ޅY�\u0001��H˞��4�TT'R��ػ�TI���e�#����mw���V����0C��z�\u0007��ntf\u0018\u000f�\t:hۻ�\u0018\u0004@��d`���E�M\u0000o�Yg�v5��Z���H�c\u0007��o�/��\u0001,DV��lo�Q�\f\u0017\u0016�(a�\f�\u000b��:e?k\u000eRF�a�}iC=�\u0005\u0018;�(\u00045\u001bT@D�\u0002����w�)@F�����\u0007��i(E\b8뚎*�c�a\f�r�ˡ�\f~\u000f\u0005���M�e���6��dP���:,�_����jڱ��fՁ�\u0014����e�\u0003h��\u0000�wt��m��!-�p��Y��u�\u000e�8o!4R0B�\u0015!Ob�\u0002��;\u0010�\u0011�8B�O�\u001c\u001c�\u000e�%�_a�S�\u0013��D}\u001f�\u0003P\r9t\fMX3\f\b�%��SUe��\u0005����6�\u0005�5��*�f\u0002�$��_~�<\u0004;lc��3�-5��:����D�h�N.���SG��c�\u0016V\u0007\u001d�G��DAB׬����\b+��,�\u0002#��];�\u0004f\u000f�Ӻ\u0012CU\u0010�'m\b\r\u001a�5Va[d6m���|�h�ݨC�Y�ZR\u001f�q\u001e��,�_�os���m�]XXO~����\u0015�F�2�J�\u000bYW^\u000f#*dT�{���>n�.��N�\u000e��v�wM������&�\u00162\u0002�KuI��\u00142q��0�K'�c��Y͎Y��5\u001f\u001amZ��I��\u0012m\u000bRGs�\u001d�\u001f\u0013��5\u0012'\u001a�����ĪlⷾڊN�2��0�XO�j�T\u001bL7\u0002*�*끋�U\u0019\ng�O�R�ls� gކ>?Z�\u0001�J�o�c�DT9��.�qzxK�l*U[�61��I�\u001d\t�b\u0007��$)��2�Ż-��87,�\u0016�.�\u001af2>�\u0000\u0013�إ��-�ʊ��\r{v��N��!��<+�\\TC�{_\u0001&��q�����*\u0014O.G�Ч�\u0019̉��n\u0014�\f��I\u00137���\u0002#�P70\u0005�ۥ�;��`4����jr\u0010H-��#���%\u001dG�f�C�\f{`��Yb�s�#jj�Ų�\u0011\u0016�/�C\u0006-ru\u0000I��tͩE�v<��\u0015���G�\u0005\u0007.�܀\u0014��\f��f��^.�Hݭ+�fԍ7\u0012����yY4��,�h'�\u0001�\u0000k�\u0003�\u001a\u0002g`���MX�9�\u0001\u000fze;�D5\u001d�Y:N��e�\u0014�:u�@���/}g�}�\u0002�f�}<+n�h̦\u0005(Dא}����,\u0010����H�N��(���\u0001���,\u001d��9'\f�e<\u0015uh�h�2�7��\u001f�q\u0001��ƒE\u0017g�\u0012u�5T\u0007�*�]�\\q@+����|\u000f�\u0004�m'���3�u�}@c�\u001aV\u000b\u0018Df��\u000e�M��0��Hv�q�\r�s ����˙\r���}p�o�@��w2g$���\u0010�ſfR/��A+�B�\u0004�>\u000b��\u0015\f\b��,̰�V�V[n0%�`� �Z�lϞ@w�W��\rn�r�d�Ϫ�����j�\u0018\u001eqe���z�W�%ʑ7�s���@��k\u001e��C��J`K\u0001�;���9\u0014$�=�٨���\u000b!�\u0017\u001f�>��ǂ6�K\u0013��SJ˙\u001bh�N���#�FC�SD*z���\u001b�\u0013��|Hw��%� NJ,��Mn6Y5M~�.�z\u001f\u0006�0�1#MN�oJ6R\u0006K�S�\u001d�ԷpPݏΧ�1}�8�5���v���7��}4���,�\u0019� �ek��ե{�q��7VX>Ց!�*c��\u0019 q�(@\u000e���A�t) 8�6-I�e\b�\u0007ѣ\f�٠ȓE�o��y\u0001\u0010\u0001\u001f\u0018)\u0016L�k(t{\u00133O����E��Ӄ�F�N�^q\u0019\u000b�ȩt7�u\u000b��nC�险�Y�?5 �4j3�\u001d>t�s�Y�\u0014�7\fe�}���\u0003�\u000e\u000b�\tT�z�-e\u0000\"�\u000e���uA:2�G\"?B�\u000e\u0013�I�YN,\u0011��-w*����٭\u001e�L�m�Y�VJ\u0004�'���o\u0003\u001b5���\u0014����\u000e\njwЯ����YѢZ�\u0013�d\u0005:F*W�K�\u0007J��qĢ�hI��|\u000f\\\u001f���p�a0\r\u0000�MAT!�8\u0014vt�[\u0018�t{:4�sQ��)ވ\u000e�\n��\u0015��\u001d��C��+*}B���A�\u0014\u0015\u000fri�\\��Z��\f��ZgEo\"�\u0013���<��\u001a�'\u0001���s���Q�\u0007�bg\u001b�\u0006�\f\u0017EܛSx.}\u001fط$J\u0006��[�\t\u0002�J~�\u0013�W�|����j��:k:v��2<\u0017\u000e�z�\u0007���\u000b���*N\u000eb�Ɓ\"�E�\u0007Rx.�\u0018�w5I\n���|$�oY�_��ן����_~���!�bO��\u001f��Й�w1\u001e��F�m�]R\r⍃kJԺ���εP��îa3��\u0003�表����EA>\u001011']I������S����\u001a�\u001bw'%�C�@,����\u001e(��w\n���f���\u001d���\u0007\u001e\u001e�Y'�̩\u0004ɕ�\u001bnaė����ү��c�\u000b�Y%�9�p�\tm�!��Q�\t\\�h\u0000���x��\n��\u0013�s�ZyZ�5Gtc�UE�Z�.���ň�f�����\u0019��df�~�V�\u000e�݊j\n(�\n��R\",�u',%\u000b�@6�;J\\��:�YO< ��Y�X��q=��*\u0004�M����7\u0005D�~c�\f�Б�3Bq�\u0010\u0014vhg\t� ,������\u0016~\u0007j\u0007u�rh=�����\u0012��h@��\u000fg/V����ܛO��\u0018�\u001cȕ��\u0013�����Z\u0005���\r��Q�Vk]@�\u0005�\u0018���Ư�+�S)l��t�C wM��2�ز���7�<�v\u0010Hj=��I�$�ZZ�4q�p\r�Lj�I�\n�n���6\u0019�\u001d�_O\u0003�\u0012f\u000b$�\u000bD�p+ ��\\��7�{|��H7�\u000b���_\u0001UTH�)-�w���)o\u0012\u0016B罽�����=��N1p-�\u000e3\u001d���:��sJ�G���ș;���R��GS(�#\u0000b�=���=e>\u0002�+5-wQ���-��o\u0011\u0012\u0018>`6_\t�\u0002}�ٯ\n�(��p��Ѥ�!�;\u0012��#�0�I����A2l�V�������5K�c\u001c�E\u001a�̜��\u0007�\u000b\u0001\u0004d�QQ4 <y\u000e��EOǸ�\u0004��<�������Dn�4KU]\u000e#\b4\u0015��N�o�F\u0016K��`X���+\f��0�����N %y̚�V\b*d�>��\u001b\fg\b�i\u000e�\u0007*4�Y\u0011�\te�\"b\n3>ʫ\f\\C�œ��_\t\u0005\\y���\u001eT��7�6\u001b\b��\t\u0015i��]��\u0000����9UV@O��^ɞ���)��t�[�&���ŗy[\u0003\u0000c��Z�1���!l\r�@\u001d�\u0004)\t#�E\t(`/e�\u001eV/[�=��/��\u001e�\u0015�۬U���њ'ޝ\u0013ϞSAY0����rqy��ı2����g��(�j�8;���J\u0014�6�<��\u0017�;.`Ú?��}Kb��\u0019ru���\u001a�\u0016jg��I�{�\n�\u001b\u001at��pԋ\u001b�7%\u0010�\u0001��\r�nps�+�[�\ru\u0000\b\u0001\u0004\u0000\u0004��\u0013G\u0006�PT~�O\u0004��߰~ \u0016\b4\"\u0000yQh��e�Ύ^8��g�=���9U��ɑRsx�.@�3x���uu\u001c��\u001d\f���Ǟap�\u0006$U����x�o�neK�C\u0013�R\u0017���oF�F\u001d���i\u001d@�����\u0013x�r��N\u0004��a^\u0014\u0012�߂Gx\u000e��'�����*�>\u0010���ߍ��Z���(�[\b\u000fӆyԿY�͟��}\u0003:�Ml��_\u000e\u0010\u0013�gb\u0019\u0007i�\u001c�G�f\u0005#\u001c�ϫf���#�S��s�\u0004��\rv\u0017\u0004[��\u0007\u001b��.��\u001e�\u0019R�zÈ\u00032G����;澧\u0003\\��\u0004��{���[Y4�Z\n��\u0011�i\u000fq f�\u0019s�p\u001a͕p}�\\r�%�ȃ��\u0019���?�\u0007\u0011f\f\u001e�\\*xFf\u001f�f��}�#�%��\u0010MDR:����\u0000L��PF��\u0013aDܞ_]��\u0001�xX�A9�q�\u0011G4\u0007l�D6[�a����g�W�ǒ���4�V9\u0005�\u0004*�>���qy�Ŗq�v����II\u0004���K�*\u000e��}�5��\r�j¹�p�O-�-��ΤЊ\u0013���c\r��4\u0006�\b�\u00151\u000b>��\u0011\u00011�k�g4\u0010\u0019G����~��m䋘2L����cd�д���c\f�\u0012j�\u0013+{�>g7]�Ȯ�M\\��\u001f���U�\f�%�ђĬ�P3\u00020s]��2\u0001���\u0011\u0001�$�\u001a�^��=\u0004�a54�#J\u000e]�\u00169�/\u0014x`�l�\u000e�Z\u0000pX0q���p�I�\u001aR�\u000eN��e?�\"|v��\u0005BU\u001e�Bd?��~pΎ���\u0016,�Ѭ�@�\f���קp1M\u001c�r\t3�Q�l~p\"\u0015���>���`��!��La6,�Z�&f\f�&\u0018�s�u\u001e�؇@.:�\u001d����\b=9�F\b�X��\u0010;���Z|��;/c����ZxnP������3Q�Fw4\"T[\u0004 \n\u0003\u0012��c\u0019cc\u000f֨\u000b�\u0012C$Y��\u001as�0ƎP\u0017^{��Xg2�U���í��/\u001b<��\u0003�¾x���=�I\b³\u0013�dv'���\u0019�c����\u0001�\\\u0018\u001b��\r\u001bv����uM���\")�\u0006*���� 2i�\u0013�@�ֽ����t��;y�\u0011\u0003\u0004�\u0001�!�\u001f\u001c\bU<I\u001f�#n\n��\u00010\u001a��\u0000�Ş\u0001�\u0006��\f����IcF\u0014E�$v�\t\u0006�H\u0000�\u0007��\b��؈ r�\u0011�!\u0003�X�,7␓\\#\u001e\u0005\u00197\u0012Q�W#\t\r�d\u0011�)j�`��JQy\u0016\u001b���\\#\r�{}%�C�W��{�e�\u0007w�jI\u0015ҧ��W\u001ea���@��\u0010z���nQ���\n�\"i�H�j\u000f�F�ix�L4V\t,���uJ~��\u0004)��~�nC��1]�E�\\U���\u0005�B��/;X��h��h�\u0007�אq�F:ɨ�+�ڹ�L�\u0007I\u001d�]\u0002�+��Hb\u0017���N'\u0003jM#֑i�DiO�\\��}������\"�K,\u0011�L�\u0019\u0019$��byn8Z�7MCU!���#R�4•%sV$w\u001a�H��C�*��d��gs��Y�\u0016���{V��\"��D+�\"�&\u0003�?�_\n0AL3�\u000e���4+������l$1g.\u001b˼��9E<�W\u0006\u0011�ҳ�\u0013\u000f\t��i �ϨYx�4�_\u0003\u0004U�� \u0006b!\u000e�!\u0001\u0012A_$H�\"�\u0002E��v�+�AZ�\u001cl�F�$���U��\u0003\u001d��K�,h\b�2+��eݑl�5�R�\u0006[�e��\u001e\u0000��i1�\\r�-wZy�I;/\u000f���CC���(�@�\u0007�\u0013�\u0000�\u0005�+�ࠅxK�A��\u0005\u000b\u001eBpH���\u000b�q\u000eaÅ� $���\"G�\u001a-z�1b�r!\u001fM��|e�$N�xL�{�o;�,�Y���I��h�\u0012\u001b\u0013��x\u0007�\u0015[\\��KHQbI%�‚e�T�Ӱbm�(mE�^F�eِ����)����U��\u0012J�]R��K�\u001b���J/���](��r�-����UP!^\n�C\u0018)�W���\b�6!\"��fG�w�#'+\u0001�c�&�l�� p\u0011�z�\u0018,��\"c\u001c#����\u001f\u0004\u0014>�so�;<L�n�{N8�Bݎ�Xo}����]k�\u0007<[nȖn6��x���V\u001am��&�\u0014�#�Ķ�3�z�\u000b�1\"N�-đ :\u0017�UѬ3��6��v�.\"|͇�\u000f���\u000f\\~��B�����>�(���8ק��ܿVZ����X�\u001dv⧀��8e6�V\u001c\u0015��\\�����8��\u0000�����u\u0004B\u0011)֕��\u001b\u0018\u001a\u0019����[XZY����;tǼ�J\u0003N�\u0015�D'�A�\fYr�)��BBA����# \"!����\u000b��������\u0017!R\u0014A�\u0016��{E\f!\u00111\t)�Xq��%$N�\"�zXUTT���(<\t\u001b'Q�d)�T�4R�I�\u0011��]s=�\u001d\u0011\u0014{�c�V�Ecn��:\u0002��������i��HRp��I�h�ϊ�{�.�\u000e�� 0\u0004ZR��xT�~�LY�5��ʑ���mZV��$�\"�j�\u0015 �Ūag|-\u0005\"��B͠�`\"�\u0011q�\u001c��\u000b�\"�D��CT�����No0��\u0016���p��\u001e�������Zϡ�{塗\u001e{�UϼأW\u001f��ߛ���2\u000f�Z��VI��\u001e�\u0002_��/E5\u000e\u001e�\u001e��\u001e��\u0006�����R4���6��(���;��\u0001[&�n�\nv?{_\\��)����Au�\\�f\u0011C͊7�,j<�jF5�x���^��F^tqM']6h��ݠ,կmBרUȘ�U22��Q\u001a�\u0014�Q\fډpLҎ\u0007�:]�)/����z�t頳rwG,]����<�`�_+�$�8�$�o0\u0003��F\u0019�9���\t\r��\u000e[�(J�x��|n�%\u001a���$�\u0012'\u001e��\u001e\u001e��\u001e�j\u0005G�p�9n\u001b�$<^�X\u0011�\tE��es8wms>\u0005�u'��U6\u0019����J{mz��\u0016K�D��Rj�A�����T`��c�|����\t\u0016-�u�hœq\u0012.̨�t���Y���U��<\u000bu�\u001du���\u0006Zl�V�:�Y�f���y7=�'���\\J����^�hs\u0012�{�\u000e\u0017\u0019M_�h���x�^��Ψ\u0015\\n����{��t7�\u0019��\n�*�/�\u0015]\u0016؂��1�8�n\\jڠت�\u000bNGK-��NT)v'�˜\u0017\u001d�S�5)���}���\u000b��\u0018T�f5֫\u000f�\u001b���Z����<�O+D�*j(\u00100\bT\u0010(�`�@\u000e���6�B�5X�{؟*@\r\u0005\u0002���\u0001�\u000b@����0H��uY,\u000e\u0010�6�w\u0010��q�������\"�\u0007�\u0013^\u0003<\u0004\n�\u001d�W{�R�_���־����\u0014IOԔ��\u0007�ۊ:��[퀺���n5G��B�8A\u0015}\u0006�AA`� �P�\u001aj80��גLkm]�K�l��kw�\f�\u001eWy�5\u000e\u0005p\b�`�\u0001�C���\u0002\u0002��2��\u0019�b\u0019��k\u0004�C��\u0006=�1�#���:\u0012{�\u000e�\b\u001b����x|\\P8=N\u0013Q_�G�(���c,^�U�iN=��,��U\u0000\b\u0000��Q�\u0015��?6绦%w���\u0006I�U���@�O�M M�;a/4Xr���<�����\"���G5��q����i\u0001�1^\u0013޺P'3<���t>�P�!�\u0002i5?�}L�\"\u0010Q\u0002�bqd��7��\r�4��q�ˢcC��<R�P�QB���\"�1ŔG\u0014\u001f!JD\u0010ŀ)\u0019cJ\u0016B\u0014\u0003�\b\u001d\u001f\u0004d�\u0000\u0001\u0001L\t�#\u0002\b\u0010\u0010\u0011\u0002\b\b�c\u0004d\u0014҈Y�*UF&�1QB����cl�.�L�\u0002[J����\u0011�|6�V����T�Fx��{_��9ڸc�Q�\u0004��S)�}\u001cf\u0017վ�hդ���2E�/]�ԥ\u0017sЭ�W�@��]�*L~\u001a�Mw@&]��*\u0014D�\u0016�*^\u0019O}/J���KT\u0005;�����\r\u00035X-�\u001f%�D�.^\u0010�U���\u00141Z�H\u0010w��ȝc�\u0000��\u00124�a�h\u001c<�S��x�\u0010!�����)\u001f7\u0015I���\u0016��$�Kl9���p=lW\u001e�Q�����%\u0014�3'���x\u0018���\u0017��v\u0006��\u0018��\r���p�W���o)�i���\u0013CE7��\n\\\u001e\u0005\b4�l�\u0015r�\u001f5�)[K\u0003�x�n��e�L�Y��-*��\f��j\t\u001dt)ק6��X J%x�[�2�\u001e\u0015�i���\u0017��,�L@\u0012���;-���2��2�\f(]�9�\u0013aSC,S.�\u0015�`O��#@+\u000fC��&$�2K���\u0017�3�t�q��¸�\u001f����U���\u0019k�\b7�i�]���\u0013�v1@s���ʝDŐSG�\ri\u0014ټ}�\"o\u0006�n�q\u0007\f\"\u0006�\u001a�^ ��\u000eӂ�\u001eN\u0006SV�\u000b\u0017*_\u000b@�0Ugs\u0007�C�bW�o��$�v��$Y�){.:�&�gA*��1Tͻ��t\u00136�f�\u000f}�\u0003\u000b8\u001c\u0002\u0000\u0000",
+      "type": "registry:file",
+      "target": "public/fonts/HKGrotesk-Bold.woff2"
+    },
+    {
+      "path": "src/fonts/HKGrotesk-ExtraBold.woff2",
+      "content": "wOF2\u0000\u0001\u0000\u0000\u0000\u0000��\u0000\u0011\u0000\u0000\u0000\u0001�\u0000\u0000�4\u0000\u0001\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u001a�,\u001b�0\u001c�\u0018\u0006`\u0000�@\bl\t�\f\u0011\b\n��0��J\u000b�~\u0000\u00016\u0002$\u0003�x\u0004 \u0005�;\u0007�\f�=[�_q\u0004��n) ���\n�g�Y\u0005��\u0006��*\u0018�r�\u0015L7���0�&U������d\u0011ǚ]��=RG!P�>�\u0000M��H+\t��g\u000e���R�I�Z�\t���y���)���|���Sx��ѐ\u0001\u000eD\u000e���e�\u0011&\n��Dt5]���&�W�3�2�\u0014\tb��k^�\tN�p�dS�h��-�x6\u001f�Ů��i�X��\b�+��\u001c�9\f���aN!�\r��s��l\\����l���~��eeiiI\u0013\b(-����ƿ'\u0010��n$�\u0016f���w��\u0010հ���Pm�4g8\u000219����0�ӹb�Wk���eP��X���\u0013?�w�W��Q�&R-Q\"\"-b����\n��#6b�\rd�\"\u0004c¨��E��H\u000b�\u0018����Y�\\ ��\u0010�]�弇c�-�3q\n�\t�μ\t����d{i�)��=\u0003��s��[s����ֈ�(\n8�F\u0014H��F�@��7�ϭ�Jڰ���Fm\f\u0018�h��\u001aXCo�\u0007#GDY�\nb\u0010b����uF��`\u001eV~��������m��\u0010s\u0003T��cwB��\tG�\u0012=�罟�m��\u0001��3\\R�Ӗ�����\u0014x�\u000f��\u0006Ȁ:2�~P򭯨���UOk\u000e�\u0000��m�\u0001����wct���H�e%�s\u0000����k߷�\u0013����{��8�)!�g���d\"v���`�R\u0002ߴ_����<sY\u000eo�t���[ͼ���WU�%���t\t���\u001aT�0\tf��b�Z�H��P��� v\u0012:t\u0001\b@���GG�|�)\u0007'�^�5\u0003]�[�ӫ���\u001dvn��syc��a�c��\r�XV�ѕ\u0017?\u001f$��]vI\b\"��\u0010B\bA�\u0012\u0002+�:yґЂ�tT�-�}HO\u0004\u0010o�H!�eOn�u�\u001b\u001f\u0001\u0006\u0019Q�\u0019���D,�\u0016�\u0007��n�l\u0010~��{�^UW����yE\u000e�2`���\u0016B\u0012;���\u0019\u0002��F[VD\u0001@:P�7m�t�I\t\u0004\u000f\f�<_\u0017�\u0002a\u0018my!�:M��\u0010���{Di�3Ulɷ6�\u000e�,g�o�N?�[���a\u0019�Q��/\u0005��D+\u001eÊ�g����$�/�\u0000���h�eE�m��O\u0012ln\u0015�|�n�)\u001a\")��b)\u0014���LR���\\\u0011�\u0007\u0004x��_��s\u001e��\rބG|�/�\u0010H�ޝЙ�\t�$)���\bG[\t�\b�wU)@�deW��0����j��}�S�Dڄd{���x5��=!�\u0004�M1���}x�\t\u0000�\u0001�\u0000H\u0005�\u001cQ�\u0003�\"���\u0003`\u0004�\u0007�4s(Mr\fr8{�\u0012��&���M�VS��j�-�\r�ۭ�l�.bl\u0017��iJ�\u001f��u�S�y+�\u0000I�� �\t\f@7*^oN�]i\u0015���7F\n�a1��a����+��#^���O\u0000B93]u���U.2+--g�����mK�\"h�\u0004�y;[[�<�@�\u0000z�\u001f��\u0005��k�J����EN=� \u0003\u0016\u0016�O���È#�ͳ\u001d��V\u0001�J=��\u0015�(�\u0000���X\u0018\u000f�!\b�b�rJ��{EF�\u0011/��\\�䝟���w��Yv,�\u001a\u001bQ\u0010\u0011\u0010Q���5~��\u0007�]E����e���J��Ji}�!�w~\u001f�s�_�\u001e-V�\u0016�DDD�\u00121��}~�9_}_�Z&8�v�\u0010F��/�cL��؝ﯕD\u0011T�����B�\u001ek��'\u000b��㖦\u0011K��\u0010i*���m˿\n@�T\u0002�\u000e�%�:�\u0006�\u0018Ϡz����\u000b5�o�\u001f|����\u0004�C��]\f�l������l��m�)b[e��)KE�]���\u00150�a)@\u0010,��\f\u0011m=\u0014�����[n\u000fc�P��1/\u0014\u0003N\r%t���D\u000f�\u001d:�\"��\u00165v�8�X_\u0011\u0001�\u0001���\u0007E��\"�]�Z׃!�\u0006����(��\u0012�=�:L@`�\u0004\u00040\u0006��\u0000o�fx\u0014�\u001c�ޖdp�\u000e��\u0010\u0016�\r�$\u00050\u001ef�F\u0011*��\u0007=�\u0004\t�\u0019�\"\u0011x� \u0011)v�j&A\u0012uT�\u001b�\\\u0016|=�E�ݱ\\���<\"?Ƌe\u0016��\\���\u000b\u001c�C��h\r9��\u001e\n��3��@w�`\u0013��\n[��jl#\u001ej��dh�]��\u0016+�C��\b�'�&�\u0007/���\u001f�\u001d:G$!_��\u0002\\\u000e\u0015�\u0002��\u0010\\%o\u0001h(��r*��c���\u000f�/�7����\u0014ƒ�mU�ѴW>w-%;\\o� (z�~��g}�F0�}�\u0011��\u0007�Z_�’��hЅ���ԁ�S\u0007�h\u001dH\u001f�@�FW\u0007�$\u0010A�j�^\r�\"H\u0000\u000b#a@L���*}�\u0012v�ڕ�)󪏻aD\u0019Y��mS{K󛬵�@�� �7ѓ<ŝ��1w�s>-\u0000a\u000eƀZ\u001a�ʂ\u0017o�,\u0011#\u001bW\u000e�b����\\��\u000f��Y��\u000f�(��Z�\f:5��)�����R\u001f��\u0015�\u001ad4�ݍ7p�!۝����ȂO1�ZN���\u0004CfD\u0012�_����I�8\u0016���\u000f�tD��#(��C1�Z7\u0000��L�O|b��J�\u0003�����G,�Uv^��ܘJ#�lՅ�W\u0005\rD\u0001��q�$��+�%l#]\u000f�\t����X�^�|�\u00051|0������\u000e�*�\u0017�\u0003O�m��\u0013��37F�b,�\u00107��<m\u001f��\u0006\u0000�+?�\u0018�������\u001e���&�\u001beP���\u0014G�)RKe��\n�c[\fp}�ŭ�'M��wV\f\u001e6M��\fgU�n\"Y\u000e��&H�\u0004O�\u0003M��5��\u001a�\u0018�wuM\f\u0012�\u001aX�UEbY��\u0004�ɹ!\u000fA1+\u000f8�\u0001�Oi�-4�\u001axF6�i�Ɵ�\t\u0001�`@8��Ǭ�K�\u001bg�ZX\u000f�FLa\u0003�y�)\"_\t@��\u0003^�&���A��\u001f�pZ�C��+\u0015�:���`�2&L<�V�4b+n���\u0013��K\u000f(^H>�f\u0000#f��\u0013+58��\u0010\u0014\u0006�s\u000f\u001f4,$Al<\u0005)��'d�SJ\u0004�c\u0006���=��]�\u0007\u0003�fk\u0018�\u0002\u000bU�P�\u0015+\u0001�b��{<~1�\u00145c�3����\u001c��\bjoK\u0001�\u0002�`\u000eʱ\u000f>\u000en�op!����s_G\u0010N�L�#\u0005���\u00117ъ��Ư�3h�B�p=�I�\u0018P>�+�cӻ\f\n%�B���\u001c\u0005{H����MY\u0006#M2�����$��?����\u0014�z�A��z�9\u0017_���)�;�\u0004����k�!�\b�xyz�.�\r�7)�І\u000e����\u000b���\u001c�\t�t\u0005��\u001f\f�DA��-�@�jhhB@�Dǎ\u0004�k\u0011\r\f��\bzu�^��z�a�\u001e\u0000��@\u0017�\b6��OB�hB,\f�s�ׄ���)OH?H���\u0019u��\u0018�7�\u0011�d���\u0016�'�%�\u0006:�\u0011-�%����5\u0016\u001e\u001d\u001f��§\u0016\u0014\u0016\\T�G��\u0000�.�\\H����]�a�\u000f\u0007��Ƃ��\u0015��,g�q|\u0000s%ս�_�DBH|�T�?sά1A���+[�K�PL�\u001c%Hn\u000b����/\u0012\u0019��HD�� ϱ\u0015�\u0000���;9���D���%B\u0017�r�w\u001d��r�̘��(����&+���\u0003W�\u0015��9�|�8U鸘^n�O�Y\"5��\u0019�\u0014Ϻ�J��`J�\u0017\u0002��A����\u0004}������\u0015O3d�懫��c��v�-�4�o�.d�0�8y�Ir��9\u000f�Z[-�oq\u001d�Q%)]��e�+��v��Y79�w��\u000b�r��\u0002 ��t�;�+�Åb҇3`\u0000E�ap�+\u0012x3\u0013R̐_j!d\u0016�\u0018\nKX\u000e5~�}9L����`S�!\u001f\u0005x\u0014A�\u00181��R\u0001�c�\f��W\t)�(��B*ȸ�*\u0017��\u001aW�^*��\u0003sߑ��U�)ݨ�̩��Bf��\u0005u��R�h�~]Q�\u000f��+���Z�Y���%���e�Y�\u0002�\t\t�n�\b�G\u0014�^\t�4K�MM:X\u001e_N�~ji\u0019�.U|��ː�aո\u0019U��i��\u0019�D�e���V|�m���7�:�\u0006\u001dO�=$��Wm���V�\u000e3��\u001cq6�N��i�.g�)|�N��:s �\u0002m�\u0007�]݁�`.�\u000b���S*����#ZW��IVXED\u000eG��Q!Z}��'\"\\\u0011�N'�էV��oh�C\u001b!�&\u001a�t\u0014�\u0017�\"\u000f�A�����\u0001ʉhȎ��[�U\u0001B��^���D\rFU\u0000I��ZԂ�萐E;�]\u0012\u001d�@>q\u00195��f�9~\u001b�`�\u000eդ�\u0007�i\u001e\u0014M��jE\u000fJV�b5���=�x���Э;�uL�9}��Ãm�!���v�\u0010���v���M!�!\u0001\b\u001a\b%\\���\u0001\f壪\u0013y_��\u001a��^՜+�\u001d�ٞ�Y�ެAsm�P�֜�\u00049y�L\u0018?MC�\u0006-\u001bَ��\u0000\u000f��.+݈��\u0016\u0014ui�.�_�������z~~0\u001b�L*��\f`N`~��\u0018X4��=�Ȧ�p���|\u0016|�$.�Q7�ǣ�\u0006@\u0002ar��X�\u00020@�\u0000/D�ӻ<M��P[,zL�\u001d�\u0003�K|�\u0011��\r�\u000b\n\u0016�\u0012\u0011D��o�#A�y\u0002dB�4 rc\u0001�{8��8\u0004�t��\u0010��0^�bN�J\u0003��F(+T\t�[o��n��E(�\u001f�y�6%}i�* �j�b�r����\u0015�\t<x�W���=�\u0000$��,nU�\u001a��w�^#�\u001cQ�ǔ0\u0015u�,H�|���f�X\u001a�\u0012�*����l��&F��\u001ak����E\u0007{͠�[\u000e��^n'I\u001f�g\f���\f�ؙ��\u0011\u000e�\u0005��4\u001f\u0007R��[*\r�h\u0016vq��%f�@\u0017\u0014_\u0003�\u000f!���\u001c���/��ʷR�,X�U\u001e\u001e�\u0019][�X\"L\"N�5�[_�}\u0003Ʉ0-t�jZ5��1�\u001c��4�>_M-}���x��K\u001f�\u001cf�ӊ8�\u0014�B[�+��\u001f�\u0003�\"&Y�\u001cUc����4�Γ��2�\u0005����,\u0019��X���\t�Ƙ@u�/�,�\u000b��S�w�5��\u0016.��͕�&O�\u0001��j�(�\u0006b����/��E6It������Zme�\u0016o�\u0015����#_�R�T�I��LI�\u0013}I��6����7X2�E;\bw�K��ǒ�`�\u0001\u0015W\u001bH<�9��:�&Ƞ&�jdˉ'x�}\u001a~\b#��qMiW�\t\u0019#%���R��\u000bNw-��)6+oW�>�ev���)���\u001d>-ַ�j���]���n�#\nD?��*_��E��4]ܔF{�Y�+�#�6��E5SZ\u001b_\u001b|�\f��ڞ�It���\u001aT��Yk��]\u00035|������\u0005�ӜwW�ƭ��k�����Z\u001e�\u0015�V\u0005n����5FK�O;�+X��<K�Y�\u0019\u0000C)w\u001e����j�NGYy'\u0003d\t�&���L6\u0003\u0005EL�f�8���\u0016�6\u001f^\u0001zm(J6��b�v%%i�A�u�m�z\u001f��\u0019���U��v�\u0012�\u000b�\u001a����u�;�\u0001\u001e��>`Q��Z ��\u001a[@B��:Q��>�N���\r�k��c,}��&N�\\nc8Oכ\t\r�B�*rcL�G�4����;\u001eȴ>���AI�k\n-��4��;��\u0005���\u0016pЖ�U����ց����a�j\u0006\u0006j\n�x�W�u�p\u0019\u001b\u0002}jh�R�[s\u001e�\u001e�r�/3�\b��\t���_���.�\\�\u0000��\u0006�\u001f��mFR&q\u0004ߛ\t�M���D���\u0016_g��\u0004�.�[#�/�4\u0000\u0013!�n�\bj4h�Ft{�ټ5�\n�tyJ�\u0016�.��G��I3ޖ���[K��\u0011\u000e��\u0000Ec��\u0017o0pG(�\t��\\��\u0002J\u0007.$|���$ɪ(�Y;i�;�\nƛ�v\u001e�z�+���r�\u0006�ы�`j}��rE����ʧ��y<W����mx�՜���ofz���E\u0014\u0011�\u000eȲ�ە���2ngF!���t.x�\\b2�J�\u0007\t��}��\u0013\\ä�=ō5g�\u0015����\t�\\h�\u0005\u0000����?\u001c-KU\n]y-_?5�����ϥ_�\r�\u0006b�Ŏ�4_��U����w�(�w�x��,��0xp�ø\u0002�{.�+׌\u0006�L9�Bi�JU�tﳰc��$UG���\u0018�\u0016[5��nT�5(g�\u0004���(+g�9��\u0000ϊGQ`�\u0003}����Ԙ���\u000b3\u0018r�\u0012K��w�g�\u0002��d]G�ZQWd�u�y+\nEy\u000e�J\u001a���\u0002�č�g�W�^�\u0018.\u001e:\u0010M�ȊhP9#Z��\\+i\u001a�\t�Lѩ��\tщ�/��/��ۭѯ jL�A��Ξ}�\u001d���dWt���\n�I�jb��\u0004�\u0000��C6���\f��\u001b?����مi�\u0000\f�y�>��\u0001y\u0005�X�D�4V��R��Tݴ�\u001c�����\u0018ږT��\u00038۔�n|@\u001b{d�����5JKs�*\u001c� �C�+T��D�\u001a�m�}�]ϻ~��J$q�IP�[:,��*�f3]f6�G��ј��Pbe\u0001�2�\u001f���c�O\u001b���\"~�����3H�\u0003��2����á�\u0011\u0000ܔ���H�S�\u001a\u0005����d�\u0015q\u001fKbEʪYa���x,�^�\u0012�r����Q�:�L\u000fU��c`orU_���U��D������~v��M������\u000f!�4jX��\u0016\u0010�S�+c~p�X�\u0010����ƥ���\u0004�`�\u001f򖷼%�F���d�5UA)�i��%�w�e��唱�B��_��\n�Tp��g�\bE۬����\\����P.�AW�����\u0006\u0003�X�����\u0011��眇���w&U(Z��|�\u001d��%�\f\u0003�'x\u0015\u000b~�\u0018\u0017�\\�Y\u0010}�\"�0Ok�x�\u000e$�\u0018��p\u001az�5}ѓ�\u000e�>_9\u001b�\u000ffEJ��=d'�\u000f\u0016��K\u0010��G�W�\u0001S!���XY�z�{�S`\t�?O\u001b\r�&�޿������~�rv���+\u001c�)[�t��A�y�\u0010�#`�k�v\u0000_�\u0019�94��n�O\u0016\u001a���i�������f�'=��\u0013�\u0011f3�O�z�\u0000؍'���X{D.YOM��\u0015J��e��A�x�8��i��Knp�6\u001e�3~Hc�/����\u0007\u0006Z�\u0002���.}\u001f�\u001aʹh'�(\u0018i*\u00160OmCuW\u0003\u0000}0�\u0017x\u0004��Nu\u0016�h�sv!�3{d~^¢�.�қ�\u0014N%\u0006&\u0016s�Ђ��n:�_Z\u0006=\u0017��@�\u0018�!%5(z��}S\n�\u0014��\u0002>*9\u0000m\u0000\u0006\u0000L\u0000X\u0002���\u0002��\u000b>�V�ї�)�A�\u0011SS�0�;\u0003����ˏSw������k3(�\u0014@�K2T�\u0013��Ü�5d0ӻ�!c��\u0004\t�ق!��\u0012+�\u0017o�mv˖OH�*\u0012�N���\u0016���\u0003յ�̀B���VqX\u0016\u0007����\u001e\u0002���T��~�j�W�ȹ�s5l�k�yٶ\\��W�\u000e�5�˸I�7v�J�r\u000e�E�\u001f�;\u000f\u001c?!b�2��|�h(����Aʂ~>)�럝'\n���zD7w��\u0006�O`\n��t�s�p�J�!\u001d/\u000bq�[ܧ�.�\u0018\u001e�\u0001���T��o#�#�}��L��s[��I��,Y�).r0Yf붫�F��P\u001d`2�\t� n�\"\u0003����`�Y�\u001c�\u0019�CY�\u0016��:(c�K���<j\u0000�_\u001d�ʴ׊}��\u0016\\�\u0014a�4�\u0004\u000e9ጛ�`�y�\\��k�\u0018[d\u0011*S�[�\u001aY/|�Iw2a�ZtKkuO3}��[+nf�'�Vي��u��(0�xk�\u0002�\u0017-�6\u001c�*H��\\\u0000;���!�\u0002+�K�=\u0018r�.o���\u0011\u0018j�4��F\t��;��x�0\u001aO�YX�F��\u0003�{�_8�/�\u0014�iq�\u0004�\u001f�\u001f\u0011%Ph���d�}\u0001C�\u000f�d\b�Y�\u0006#\u001d���*�\u0003�L�JW�hf��\u0007��<\u0012�\u0012��K��||�\u0002{��³%I@Y�]L���\u0018�Pd�\u001aݛ\u001fF���\u001eO-T\u001a��s\u0017C���b�ٵ�fi�~�\u0010\u001b\u0001���\u001f\u0017#1-Eal��,U��ڂ��\u0016V6�~C�g8�V�\u0001�\u0003*!�\u0000��8؅�i�\u001ac����\u0013\u0010hLv� �\u0019n\f�q�k���\u0018\u000bܕ��>�[4�\u0016�Eh\u0003\u000f�h�\r^ԩ�r�@\u00155���.�\"tQ\u0010E�\t5*_z�\u0006��\u0001�\u0013���\u0017��\u0014\u0002�B�־x\u001d%R|�)�3��jM�̶�\u0013�O.lmC��\u000ey��X׼LW�J�JF���\u000e������Ш��u�\r7�r[�;��\u0007ZD���5mݩ]��:\t�=��\u0013]����fG\u001cu�q\u0012'ԨU�A�&\u0007�t�)w�v�Yq�L:.�슫�\u0019�ܰ\u0011�^x���\faƬf�M����f?�9�ߌ���U�؎�b�;��e.{�խlU;>��W�\u0013�٥]\u000e�\fGI9u\u001aL�q�l\u001a?��\u0011i�hk�\u0013#I�T�\n�\u001cR�J��θ�נ��z�O$DC\nȄ\u001bw>ЂE�\"�c��BK/O�zBE��P��wƼ��G�|��W�\u0019�\u0003�1\u0005S1\r+`:V�JX\u0019�\u0019l�ӽ�;�ӻ��{�v���1�<\u0017��\u0002�,�A\u001fr�\u001b!\u0000\u0004\r�0L��#�p�X�jbIe7�\u0014s�*j�q�+ܠ\u0019&�צS�\u001e\u0003�C*��\u001c\u000e+W\u0015�B5i�T�av\u000eFxkHW$����H�\u00193�;�\t�x\u0016�\u001f����\u000b�\u0011>y�/�g��G�ⵁ\b_�1\u0018�\u0012�\u001a�\u0016�\u001e�\u0011�0�3�Q��'��4�\u0003���0\u0003\u000e�؀G�b0J�\u0000H��\u0012-\u0019\u0011\u0000�\u001c�\u0017\n�\u0000\u0011\u0000�\u0001g�\u0016\n�\u0000\n3\u0000\u000f�W2Q���P8\u001c�]w ���l�\u001bN\n^7�6����=\u0000�u�g(\u0001��7�\u000f�\u000eez�Vk��\\�-��Մ”F�,�~0�\u000f�\\u\u000e�!#\u0015 ��g���F��\u0018��ٮ�r�\u000eO�=�~QP\n$]v�\u000eO�D`�q� \u0002��VG\u0016�\u0002uW\u0019tcT I\u0003I�4\bR\u001a�t�\u000b��*�t@\u0007/q9k�H()��O�2\u0002=��VҖ�\\0�_-�̓<j\u001e\u0003)p�\u0007���/%#�3�\u001c�\u0013[���V�Q��ѧo�6�\u0014F\u0004�M� J�y�L�[�8!�\u0007\u000e�\rp��\u0014��A\u0003�+ݓ0�M����?�\u0006c�Er(�&�\u0000T��\t=�I-z�{\u0013j�kwi�0��J,\u0013W\"�ˀ!9�\u0019�1���\u000b,�.I\u001d(C��F���\u0006�\u0003�^#�84V\u0004\u0004Jx\u0011\u0000�?��\u0006�`��\u0010\f75��G�\fX�KT�~��9{0`�Xc/dL\nJ9��g�JH:�2����\u0017�J\u001dV�����\u0006\u000f\u001e=���PE�ݪM\t�*hߘ-U��2�\u0014��υ��\u0006�Q�dC\u000bm̎�N���eߘ�á��\u0006\u0016���B�h\u0003�H\u0013鏈�>8K�9B�&���\u0004\\㸺\u0011\u0006e0[3J\u000f�QA��)�k�\u001d\u000f�$��)�SQ�f^���<��o}\u0005&$�ݙ\u0012�Ċ�m��Xur�\u001c��\u001d\u0007\u0003ط<!����Q����6��j���.n`�����\t�~[�*�\u0019��\u0017�>\u0016\u0002cL(\f4���.mo�\u00032Q���\u0013�RmJ��O\u001f�.o�79�Z��\u0003vq�۞�JTrTZ�4*7�0jBԂ�}q<��9�e/�n�.P��g�����S�(\u0015�B�J9S�V�:{�匞�\u0007:�>�\u0002�@UP�\\\fo$\u0018\u000b��Rp\u001c�\u0003*���ڷ���\u0014�?�k\u0012�\u0017G���JҦ�Ԯ�\u001a�_�\u0018�K��\u001e�\f\u0010��{\u0016�r\u001bs�YF\u0001ГKTͫ��e\u0019��{�X�,O���O��q�?�u\u0002J�v��\r����\u001ek\u0019~����[��YYU&�����!���S�\u001a����F/���\u0000_O�\u0003����\u001dyz�\u001b\u001c\u001dT1���A�`�Ȕ�Y�e�_\r�\u000e'\u0001|�'���\rG\u000e�\u000eO\u001ff>�\u0000��I�&�\u0003\u0000/�\u0007\u0000�/�F��B�B6���:\u0014�<c.����\u001e�\u0002ͳ������e1�c���L-U��[T�aWo�s�پ\u000e��=�\u001e/6\t\u001b{\u0015VK���^�\u0015Ŧ�%2П@\"Y�_v�RE�J�;��-\fs�M=Ao)#��M\"\u0000���T�0�h��\u0004\u001a\u0017��M\u0005\u0012��\u0014[Z%���lG:�\u000b\u001dd?7x���d�Y&��\u0003�F��\u000f:�3�\u0016_�_����髾{\rhB��\u001e�����\u000b���D\u0004��1�,1�A�X\t2��8�r�\u001ct�I��\u001b�g�\u0017o}�կ\u0014a��h�\f�\u000b��凃�*\u001ek\u0012b����k�RkZ> �O�GF~��7\u0013\u0018\u001bgf����Z\u0007V��9spo=X�\u0002|��'p~mjF�\u0005d߬�Z\u0010�yy\u0017�S��)<ǂ�ja~-.@`KC�<t�\n*��V\u0014���Z[dk�\u0010��\b�NX\\�v%(��r[S~��km�6$(��b*hc��+)��%V\u0013��e���N�ݱ2��U}y�J�i�*�J��ܾ�\u0016]e;�7\"4��t���\u0007iO�t}�$\t�Kܦ�W���������?\u0013�|!\u001b�\u0016s�Lp\u0005\u0002�ٴ.l��+�����\u000e�{J���+����\r�^\"7��\u0010Z�)4�Ҡi�\u0006�ւG\u001b��U`�18d\u0002���]F07���^j��-1Z�E�)F�c�\u0014�mŴ��v�kg�ҋ��mU�������\u001diOGcWծ�Vܙ�:��.$��\u0002\u0006����\u0018m���\u001a\u0003�\u0014�-z�K_�D�O�Hw�G-�nA8�y�o�#Ҕ��D��َ�>`8����΋�](�\u000bR7c��R��G�;�S`�\u001a�W�T�~y�7�^�\b��3��\u001b=��r('�Z�\u0013qG�-\bw��H`��*2�\u0015[�\u0003�\u0019��/\\�\u0015\"\u0004�ٴ�l�!��\u0018,(\u0019;���\u001e����\u0004��񩝟��mi6q�)�>��J���\u0012�?�6��2$�p�OO�\u001c\u0005,�f5h��\u0014�W���ްGu�-���o��פ�—�G%o��\u001f�ۿ(2̍\r3�\u0012RL��s\"�o/���\u001bWd*�vѪy\u0010�h�\u001aTӶCf,pH��ē@���QB��,^�a�{-����j\u0013���#�\u00032�8��\u0000=PXl@�;��:�ꌵJ*\u0015զ�\byw�\u000e\u000e\u0019���\u0011�<Kj��\u001bR��f'R���\u0013��mI�v}�1qO��U0��\u001a�016VQ\u0003\r�-X\u001b#}ۆ:\u0001\u0011�Hv\u0018���Vj�N\u001a��}K\u001c^��Ž�'�`���%\u0013�1����`�\u0006YV#�\u000b\f\u0012�\u0012�Caa��+�����\u001a���p�X��\u0016ջ�\u000f�X��I\u0006���J�6�Ί#�{7[�F�~�\u0015�Ȭq�_I�V�Q\u0007�d�k��o)9��\u0013�5�%4;��\u0006Y\u001f�E�2ŕ\u000e3����t�d�.�\u000f|\u0016?]}��Q�'T�wׯ�o���=��\u001e2��aН\u0007����Z�nf.���^�4\u0017�[�榋P\u001c�鿨r���<\tĺ�CL�t�[Y�6�MK�i�\u001df`!]\u0012�kK�v[�Qdؽ\u0003OW\u001dz,�],*yx;\bW��\u0004��n�S^�p]Q�^o�����Z1@�_:\u0014\n��\u0002C5��� PCPPSPQK�P[�QG0f� �\u001f�jY?����1P�*���\u001d4~ל����\u0003�E���x6�^l\u0002�F5zt�\u0010b�\u0004A\"�\b}�\fa�0Dܦc\n�\u0019+��\r�\u0016td�u�3H�:���9\"A��6��\u0002�\u0000\u001d��8%���\\�(���N�R�^o\u001b�������'U�X5����5�]��\r\n(��\"�\u001c���\"8\u0007��\u0005����y�l�9\fdo%�h)~uڡ~8Wq�\u0017!\u0005��%\u000f�,\u0004�Q�I\"\u001e(]��\u00035�\u0011��X�%յ�H��\u000f��\u0011D�ph\u00166Q��\\\b��Z,O�T���G\u0013�\u0018jV\u0011��\u0000a\u0012�̞,���3!w�f�Nw��l�I��8\"�f�*�U5X:�\"m@04B��i�bQ�W���%OD�p\u001bI�q�\bM��l�\u001cV\u001a�\u0002�\u0004��\u0012\tŢ��HR$\u0001\u0004S�̬h\u0006��\u000e��\u001e\u0014\u0004�J�V���\u001ew1i�\u0005� \u0015�\u000e\f]Ѵ&�e�tao}�9��oT�d��f�v\u0005���@\u000b:�t�Q��{��j����ɍm}\u0003�ۚC$D���zH�c��cN�<�^\u0019��u��N��t��O�\u001d����\u000b�<u[ҿV1���Pe͹\u0018�3\u0011�M=i�5��@�I\u0018��N�2ź�}d�%\u001drnο&\u0006=��Cl���d�ؾ\u0012�*#z0\u000b�R#�Ý�ƭ,�\"�������\u0016�;x7���\u0019y��\u0013d�w�;\u001f|\u001aW\u000e\u000bz�9\u0004=A�~����E\f\u001b�t#�}\"?\u0005A%QD\u0013db\u0016 � �p�`�\t2)\u000b�NP=�K\u0000��� ��\u0006�\u0017d\ns\u0004�� S�\u0006P\u0016�W�\u0011�T���,@=A��\u0004!8\t2M\u000b�JPl�D�t�g��\u0000z�b\u001f\u00020\u0010d��\u0000F�.\u001d��O��Ib?��1%��\u001a<[\u0010�5�,d��\u0002�%�겦3Ե��\u001b7}���Fw͍�A\u000e\u0010�ì�������^��^\u001b�\u001b�\u001d�\u0003�3��f���з���\u0006�\u000b���6�Y��S�?-L\u0004���ƪ��w��0}3�P?�B��\u0005�\u0006��sJ��\u0017�40������yi<�+~\u000b6�\u0005\u000e\u0000��ɲZ\"����\n�g]�\u0015�ɽ5�\u0010\"\u001a�ܒ��\u0003\u000f-,��k�\u001d\u0014a\u0011��L2�ɂs���1i#�;���9��^U�#�Y\u000e\u001d\u0005�{\u0010�Dq6�(l:�!8�\u0003�~��j�U���.��\u0012\f{v�\u0005�W�rXD\u001e�-�\u0004\u001b�9\u0003kd��2���S��a�D�3N�0)�U!�U~�$��pY`Q����^S/��**�ݫ&�K`�n.�d\f�?l\u0013�&U+v��ܺ�9���u�\u001f�\u0002��:f�hEz�}�\\\u0019�K�.���\u001fY�j=2\u0019�\u001f\u0017�q)���\u000bN�\u0005W\u0019��s���*���!��9��{�@\u001et�\u001e�\u0016,Y�>��<�e5����/��d\u000b��6\f�S\u0010B�m��2��J�HV��\u001f�R\u0018Χ�\n�i/\u0005%�\u001e�h�_\u0012~�\u0002�){�P�&�)@� \n��2<��\u0018\u000f\u000f��G#�&���\u0007���s#2��eV\b������or?��mS�Ν[� \bx+�\u0000\u0006�r=h�{?��\u001dB����S��\u001b\bX�W��:B��q�H�z,\u000bd\u0005�Z��\u0002�=\u0001h+��\u0005G�ł�!J�TY\u000b�2ﯗ\\�L�+\u001c�x��\u0016��\"S)�7\u001e��\u001cd����kG]U섛��~y\u001c\f�b�C�\u0015�\f�\u0007[�N\u000fu� �d^ֲ�Ʀ�dO�����n?\u0007ƍ,U���8�\u001a��Q\"\u0011/��\u0014\u0010�7�h�Yy���Ԯ��\u000fF����_�u\\��OvW�^�̨�\u0012��b\u001eK\u001a���@\u0016����\b�|&�\u00188:��\u0002\u0019\bS�[c�gƥPs�'�Y:��\u0003xzi3b��\u0010#�\u0015]U��6�,߆Pо���\u00169ҝ\u0019��%�d� :�{��d�(H\u0004\u0006Δ\u0019v�Ddz�]V� W�֕ؑ�������#m-T������5��\u001a�Ֆ\u0003�\u001f�\u0017\u0003��\u000b�\u000f��t��\b���k���-�0�2�z�_ȱ����a�\u001b%|�DI\\�w5{�ԍ\u0014��Y\n�\u0011�o4�\u001e��Y`�og�.+� \\�Hu���9��\u0019yG.s\u00046�\u0017����`f �&\nJe�\u000e4�8PcF\u0007q8\u001b����:�#�^%I��г�T�\u0019g\u001aU��;nz�\u0016�V�\\��ɗ��\u0011��\u001e�\u0017�V���\u001c�d�*��\u0002G�\u001f1����\u0002���E�\u0001����t3n����/��Oa�%Vĝ~x��m\u0014\u001a��SLuRk���w2j7)���D��i�Ji[Χ�i�6�U���3�2���a�ӑ��F(OW\u001b�tgJ�9�VH\u0007�z�\u0007�n����dp9*\u0018��\u000e8�e��I(��e��\u0006\u001cV�\u0010q��_?: ��$\u00169i\u0014I�\u0005\u0016m�+�\u001f��<���\n.\\�.���\u0007�\u0011:\n\u0015��@}2\u0017���@�\\2�X'29\u0011����86��%�3\u0019��E\u000f\fI�jn�\u0016�]\b�����\\\u0000]V\b\u0002���Q��-\u0006\u001d[��>C\u0001O�a���0�n��O�p�����`��\u000e�����u�\u000f:�ri��hZ�\u0003�#�\u0017�9@\u001e���Ũ��u�Q��\u001f6��O�Es�\u001apT�\u0011#D����\u0011\fnKAk�\u0000~0��#2\u000f�\u0012���Ndu��M�Ia��(%�?��w��\u001cW\\;Rh�D�������\u0000Ŗ�8�/����JW�kg2!�Bo�ÿ3�ȁ����Zq\u0005v�b�faJ0�~�7�ٲh\u0007��,4P\u0015m�T�R@���I>�\tk��HuYESx�\u000e����A�L�%6<ڥ\u0002U�?��3�����\u0000\u000f2��_�\u0013��z�4��\u0011j�&�֣W�X�V\u001cC{���\f_\u0000�~YΒʉ}�g�vm\f\u0007.�:Y���1��/2�+ c\u001cEKӵ\u0019\u000f,�y�\u0017Y��y�ʾ\u0005r�\u0019����4�\u0016�}\u001digV&iIw)��\f��*`\u0002�v41��ENJX6j���qH��X$��T)�L��E�)�\"5�\n�%T�ug1å���\u000b�_�7�ӭmJ)kW�u�#x�GxG\u000e\u001f��H\u001d�X\u0007X�2�\u001d]f�;�Oޯ�m~�\\2Z�����C�kB\u0012��աx��b�Ñ��S�\\�v7{�МH�w��7���T��+\u0006*ƅac�\u001a\u001a��c]\u001e\u0004��H�_M�[�Н�����a��6�ڲ�\u000369�K���'ۃ�Ճ�AR�z�+��N,i�WC�5�T\u001cR2��\u0004�P4�\u001d\u0012�`��\u001fDru��SY�M;hxܠ�\u0002\u00049V\u0015Lj�$�}m�$.�S\u0003����r5;ҳ�<��\u0005<�H�,i��D�k��_�/�x�#�>�S5\u001arΕ�~s�qў\u0002R�qU\f�7�.,�P\u0006��F\u0006���\u0013\u000f�\u0001���d~\u0005M��8�\u0019�\t.�i��\u0012N�~��\u0007�*�H2R��\u0014I�p\u001b���R�>����n�:�X�t���T�4�E3k��\u0004��e��P6�\u0003p##n*���g��E�ۄYA�F\u0015F�{�YԄ��\u000e�m�ل^S��4�r���!���K�!����ʑ\u0014d��\u0001�勘x��%�k�\nΖ�Xq\u000b�\r��W���\r�1���s\u000e\u0018pB��\u0016N\u0005j\u0011ԛ�\u0010��ɑ���}�3_N�V��&_c�Q\tp��9\",����+C\u0004�\u0005\rJ'�[ml�k���0�\u001dL�=���\u001fQ����2yS��mM\u0012�\u0014��;�\u0018[D�R[�5[Ɋlo�\u0012YCڲ/�$w��ɢ\u0007d��3o�n�)Rp\fk�%F���zi�\r���c�\u0012\u0003�\f;�`/�]\u001f3lW�:z��\u0014к�*��\u000b��1�f�$2�\u000b������Rߥ��y���|m\u0011�ր��\u0000��nP\u001a\u0016��\r��D�$!��h\b\u0015���2�E:������\"\u0014�H��\r���x�\u0010�A\u0006p:Կ�\u0005\u000e����yl\u0002�4k_���BCI�u\f��p.�C}���\u0002�5�����\u001b!uM>��\u0006���=J�\u0015���$\u0016BR��H���Ұɟ6i\u000eK�؂\\���F\u001e\u0001�.J�,,�x��\u001b�4V>\fx�ya��[E��W~=�\u001c�v�N��c\u000b�0�*�x�4\u0018�7zRl�\u001e\u0015۱�\u0005��z!�\u0000B`\u0010-N�\u001aN\u00100�cO?\u001b�2T\u0004��\f\u0004X0��c �\u0002\u0019�d}.\b��i�\u0012%ya���o�\u0010�\\c��\u001c�t\u001a]�A��h�1�@\u0006��)$E�\u0010T\u0014��-�Qqd�hG\u000f�H\u000b\u000fH�\u000f|q��D9�W$�|Ej� JN�퀷��\b\u0006[�\u0003DYMd}>��mG�E\n�=�n�\u0005��b�ZD�K���K�T�8d�\u000bk7�Z(�B%��!���ר�o͈�\f��\u0012d��N�;�q��.2�\u000e$Dr\u001a\u000f�SZ�� :\u0001�\u0004+�\\�\"0\u0004K/�N�\u001d�ǐ��\n�\u0010/B.��\u0014f�KN\u001c�rE*kȈ#Y֕�:a��'\u0004�i��dN�&AuV�U�9%c\u0019t�\u0015V\u0010�P�ܧQ\u0011g�s\u0005ڴyK4#˰f�E'��](�5?m\u0002O�;�\u000b]\u001f�u����|�����ֶġ�.�\u0010��\u0003x\u001a-�Ʈ��5Z�\u0011l�׺��5���\u0003�#���yWh4<,1���_�\u0015��+Evy�p��E\u001d�WP\u0017�G�\u0011�C�\u001d(<�3���\u0018�\u0019l��Q�\u0019�% \u000f#�\u0007������V}1�\u000fp9f�i6פM#�\b\nФ�Ԫ*���'\u0010�3\u0004��\u001e��;���Y���ݿζ�t :]lp(v���M���u��t^یS9_#�i\u001djCE�W���\bŨ��ۛ\b ������.�6$\b��\u001e~~|N�-���L\u001cys\t�}W\u0002f\u0016B\u0005\r,��m\f*ES~�����O\u001a\u0005�d�F����$(�3.b\"��T�\u001e�\u0002��4��;\u0006�j���\u0002\u001d�c0�\u0007k�\\�>B�\u0014��ɯJ�/1���k�\f0>�?�M\u0013x�d\n@�\u0003\f�i\b�z\u0011\u000f$#�z\u00196��B�����5\u0015\u0004!\u001a≩�\u0007�l�k4�u�˕˚��\u0016���\u000bɸT�CO��I+�Ҝb;��V\u0012��ld������5\u00155�\u0010\u000e�\u0010���\u0015[s�\u001c���1��?#Ha�I=\u0013=]>h�j�\u001a^ϰ�V3��(0DŽ4\u00013�ܕį��Z�S�\u0005�\u001e T����_\u000f��#��.��}��2u_�\bg\u000b\u0002��a�-��\u0019\u0014\u000e9\u0013\u001d)�\n\u0013��0��w�|�>\u001c�\n!�25���E�#h\b�Hլ�\u0007�����m\u0002�\u0005������Vx)�\\}�lˇ��6q��\u0000\u0003pG\u0003�@\u0012\f\u001f���\u0001���C��\u0007��8��V�37}\u0001���2/c@#et��Y����2͉�\u0016����\u0010W��l�?�2x\\*�O�.9��� '�3\u001f���\b����3��i��u\n�~��<�Fz��Ez��&�|�\u0002�_'��<r�Ϥ�\u0018ss�I��=�z�ۭ�\u001dvY��\u0000��?d�c67p����[6~�sj��\u0017���j\u000e\u0011��� WJ��y�+��hijG������%&;�13g�\r��>��,R�J���v%`�㿛z'R,6�\u001b���ճkA�b:�&m���o�+�0�У#���\u000e���i�u�\r>Ef)�����׃��0\u001f-�00Go�[g\fu��E\u0016\\��4}\u0001��\n=C~=bC)�.�ɽ����\u0011J/\u00149uRA1�M�\u0014G�NF�J�\u001b�\u001c�\f\u0005\u0019�m1#�P���U�]����\u0011�C�K�*�?z(�PġT\\�\u0017�V\u0010޹U햧�\u0017���.�ݬ��Ѥ\\�-O\u0013�TU����?��}C'���\u0007l�عt\t㺫�\u000e܃bR�W�\u0006JB���d��٧Ž���o���c�x7w\u0010��2���,�\u0000�\u0011Y��$�0���u��F��^�C����?\u0012\u00105\u0000p��\n��gE=�L2#\u0000�DU�\u0002}�c��E�ÈwJ��c_�i)�ѝie��.���\u0019�\u001f�g\"'/\\B\u001es���\u0011\u0006�؅*���\u0001M^�\u0001��ZS���\u0001�\u000fj`��\u001b�J�\"d��R�^�\u0017z���\u001a`{cڏ�{:�\u001c\f���Z��\u0007w����oD�{Vbs+A\u001a�\u0012�\u0014\u0005���\u0011lv�\u001dsQmp9\u001b�Ac�35�\u0002Y��\u001db�y2�\rcM\u001f;�\t�wJ�\u001c��kq@\u001ca�ֶ�b�p\u001fsǨ9��\u000f�����!\u001f=\u001b��\r�r\u0003�z�}î\u0005M��1s�*s�L]�9�M==$7}\u0001,=�r����3�\u000e��!:-]�O'�\u000e�s�\u0019\u0003&��Ws&Q}�P�sjQ��H����؄��G��n.��F�\r~-+�����/��<\u001f\u001d<\u0017�m��I��ڳs���;}��HM�����_>��(:���J�TTlH\u0010�~9(%�$%��d֤�X���\u0019�7i�s�Jk2��Ð-��\u0019~h�&\\�֌>P�\u001fH��:tYY����P���M�`�\t¨P�\u0000|6V�Q�\u001a�\u0015�e�\u0014�{��17_�[�tYcG�?�\u001be��\u0002����:\u0013�-S��\u0001��\u0007�.k�1��4l�+vX+��0T^x����&c�<�̞����\u0004\bK�@S�\u0003P��H5l3n_~�p���\u0006\u0000���\u0002�A��A�5xRza�BB�`\tsSs2W�y�H\"Sȷ�{\roa�Y\\F��Ƶ늠b-�RKLI�\"�+3\u0012�:\u000b\u000b��؞�\"s�/�#\u00051�g���\u0014�{�\u001e�Y6k�g�\u001c�t��g���xc�U���2��]��A7 �\u001a�ͪk[��\u000b`\u0001��\u0002 ,T�\u001b�R�6�Z�L���\u0000d�\u0011äZ\r��ώ]9)\f���b��'�\u001e\u0013F�\f})\by�\u0006\u001d��}\u0002�\u0002)P\u0012�\u001d\u001a$̒A�}�\u001aFAZc�\u0019��\u000e�1��@S\u001f޴�\u0019�Ɏ��\"�\r��;��\u0010w &M����\r\u0001\n\u0000W��\fI����\u0018e��G)�\u0015�j��\u0010�l1!\u000f���\u001eA·�چ�\t�cz�?�+�\u0018Rd\u0012*\"\u001e�\u0011��¯�Υ].���r�\u000b��bޥ}N�|\u0013p�n�\u001bc}!���d�\b�L\"N�[�6*w�����\u0016�Z�\u0019\u001b2\u0012'�\u001e�'��։$c���(��=*�\u000bA{�0�o�\u0016\u001e�r��eOI��h\u001e/���7qf/�^�it���Ą�8�D;\u0019)2[�?��\u0016��s>�&\b�����~�\u0012�\u0015B\u0011\"=Y�|\t\"�*�\u0004\u0019\u0003�6\bFK\u0014/g�0��@��͉�2�z�Y���\\T�Ӕ�\u0006�\u000b�: Kmڷ�u�7Km�����\u001d����-t\u0019\u000ba�G!\f26�\u0005��\u0014�����ox_��'j7Nw'.�P���0�Qd���I[�J���V��\u001e�|=]��k\u0011�\f\u001b�\u0007�\t�����4�g\u0016\u0015���HSa[7�N��zu��o���\u0001�\u0017cE��N�l��Ɓ�\u000e�[e5\u0019n��3\u000e��\u00168�\f9~j\u0015�M\u001e�S\u0019�N\tĉ�\u0012��1�HEr\u00183�A�kg\u00129?1�_5�Jo����g\u001cj�<jIyY_�~w�{��fu��n7I�\u0019G\u001b�T�S���y��\u0013ڕ(�\b\u0011�LI6��ל�Ol,Ff\\��T'�����\u0014�xp\u0012��<�\u001d�\u001a������>��r��e�w��l[�:���q��XO{D��7��ݼ���+��\u0018�\u0013��~�\u0002U�.�\u0015,-�\u001e���M���kt#�\u0012uE��ݕM���=��\u0019Ƀ�E\u0005�\u0002�;6N����2\u001b��\t\u0000�R���?�����I�\b\u001f�\u001958u�pq$�ڜu�ƧR�|\u0012��%\u0010��\u0004�)\u001a�X�g\"�i\u0010Q>%/�\u0014\u0006O\u0005�\"��0\u0005/\u001a��e�+���-�(\u0000�\fڔ0��x���n�\u0018T ����Z���@~�'\u0018d\f����I���Rh���yu^�E��.]�@!� �U5�\u0016t\u0002�Q�vG�z7\u001f��O\u001a�����-n���(*��\u000e���EHq\u0000�\r��\u0013\u0002�!�.bl�P:{L�\u0007#�o\u0017���^[\u0006%1��\u0012QC�kH6���T���lT�jY���]1���v\b�k}\u0014�\u001a��mϳ�7v�����\b�\u000f�\u001c]\u0016=���\u0019���b����\u001b\u0018�\u001d�q���lM� �\u0010�,��������u�B�WW���*󼪽m���MWg����?���22�m����\f�\u001d^��B%�8�D�c�\n\u000f=CW�z�|<\u0015�B#C��\u0012Je�����6R(�2ؒ�\u0010�\u0018n�֖�%�,�*\u000f|�)��*�E�\u001a�K�V�\u0016QT\u000b�\"�\u0001�plj�����SλK\u0000���6���\u0005J��ޏ�z�\u001a\u0015`5Ɉ$��G����\u0011L\u000f�\u0015$R\u0004i��=p�\u0014N�Pf$�i��w4w\u0005�>�Xq��Q�(\u001a5�\tL^]\u0003@��t\u0006�ˏ�&��ڕ�r2/��\u001d��\u0007d��\u001a���4uCc��6#?�ˀ����r��-�Qd�?\u0011H6E-Z�yQ�y,d��S��\u0012\n�%\\�M\u001c3\u0013�􂓮B�_�\u001eR��ᙁ\u001e��)�O��#�EJ��v��]0�\u0018��W��a�(����C�\r~C�}g��<S��m�W\u0014�\u001b�O��W훆\u0019�[\u0012۲E�^\u0013I�\u0000<�R~0Ƙy�X�r\u001b\u0002/N��\u0007�����H�/\u000e\u0015�Ȅ�,u\u0018�q��G+�lOVS��\u001e�S9����F<Y�gW\"�DK�vE/Y�y��I�͡�\u0015Y�9ێЕ�\u001a������\u001b[���޾w�!�?\u0016���v,4>�\u0001�H\u001e;nx�r\u001cy��'J5[ٵHw\u0016�\u001c�V`��\r�a*>\u001b��.�7\u0016�\u00009v{*\t�L\u0007�|��vc\nx\u0011l\u0010���L�_\\���\f\u0003\u0014�^�O4N�!j�VO�\u0014�-?Zѵ�\u0000<\u0000�mW->C�\\��\r�\u0003�v���'X��m4vo�^�_B_�N�M\u0017����峑��\u0011��zަU5\u0005\u001f�ܒ\u0000��9��\u0015���sS�'^B\u0019�cw�h��=0BFl��@V\u0006�\u0013��Ć�J�\u001f�=����O�,g^����Z\u0015NW��\f�e�QZE$���\b�F�Ŏ���\f��\u0005\u001fF+p%ڤ�8�6k���fCÕ��{\n<8⌤�\u001d�0S�6�h��ʖy�\n\u001e�6����oQ�\n\u001e��#x#\u001b�Ft�\u00123�Hbp�8.��ua�\u0015h+o\u001a�\u0007��\u0011\u001f�n��{/��6MG4���J�so\u000f.[?</�٬��p\u001da\u0012+#�MPx0Jz��]#�\u0011���}~�ĖdI��\u0015�p�ay47Ct?��[\u0010�\u0015�\u0002�貹\\�f�0\u0016�e.Z֚e�1�\u0016I6�44�S�\u001c�P�Ӫ��zW�kw���{\u0013�L�w��>��}�\u0011153Aj�2쎳��T��\r5��d�b\u0012=Ţh~���b\\פ��ݗD�U3HAP�\u001c��\u001c/\u0014����@�\u000f�2�A����/p��X\u001cv�޸\u0011�h��0)�p�e���dP\u0012�[$���v�x��d�t\u000e��DNݜ��s����cC�\u0015�F\b����\u001a\n�,n�eU�DR\u0012;}\"\\�O (���݈%�v�DC\n�xp�<%�։\u0007\u0015J鼵�fqى\t��\u0004)O����\u0003�\u0014��\u0001,��\u0000<9(즩ɬ�,1�U�!���7�o�/!/+�#L�ܿ#\u001e���\t��-���1�G�AK�o�\\zL\n:z�\u0012����=�Ӝ4_$H�s�ohu9��+\u0014%��[�\\���\u00077�4\u0002�\u000e\u0001\u0019\u0003�0��šܯ\u000f�\u0019W\u000bE�b���X�\u000eR���Q����t�Wk�7�i�\u0015��Uf������M\u001b7\u0010�<47�T%Q�\u000b\u0007�)��h��h�:qE�\u0006���3�gԗ_Ph\u000f��1\r4o�O�޼��+��{iJ���\u001d�'�#�\u0006\u001a��\u001b6��\ry��:�!o�/)D��erRh\u0001ٸĬ�\\v\u0006���M�3;P��\u0002\u0017�ٴTU�XZS��}k7�e��ʾv�Pr��������֏%MO�)�u�\u0003]�.nϰ)�`\u001213\u0004�B�D�f��H�!�T\u001a��\b�\u0007��0#�\"�vB���Ϸh����ľ���w��%wT%Njc1����qMK��Ϫ����Ӂ��t��)-'�)M��\u001a'��R�I\"�0Y�\f��\u000b3r\u0015�/@\u0001U��\u0006��6lr�\u001bv�K��]�Τc�f�a\u001do\u0007�\u001f-7L�Z\u0013��F�������_��^q~Z0m\u0018������1��H�\u0006���\u001b\u0003O�\u001a�D5\"��~\u0012��\u0017�)�H&Q����\u0001�\u000e�ӌ�8EP\b��[���\u0013>!�y3���_�&\u0004����kj꽦u\u0019^�5uUU�\r\u001e��Y^ӵ��@��L$)��W[\u0014�1\u0013�\u000fD\"\t���<ޠnu��/\"=�����_ڒ_:\u0014���?2P =��Mm�MHd\u0017�)�1����l�\u0011n-mÚ\u000e*��wl-�K$�(��(����\f$�x��G:\u001cY\u001b\u0015�[E�c\u0017����(X\fe\t�&EG\u001b:(���s\t���*�U��:?���}�g���\"�7�\u001dv�#R#�\u0011��(\f�\b\u001f�{/,���\u0011��R\u0017ƫ�2�X�ѭm|IX\u000e�2�����\u0016��ۙ\u0002a\u0007�W'\u0010�E���@�2��0:!<,����\u000fΥ��V=\"��?{5�}mw��@�\rHv��L�gquU\u0011lVe\u0004G��w�-��R�\u0005���pQ�\u000b\u000e\u0006��\u0005��!\u0004\u0002;\u0004�f5\u0012��û4\u0010��\u0015*3�:\u001e��J#L��\bo\\j뽦�ҽ����S�q,M�ur����V\"⢱��w�ou-/�q��f}�`�k��\u001e�΢v\\�!6��j1�}7�\r.իC�\u0003��~��Z��7\u001cq\u0010��`Ѵ+\u0004\u0015qO|嗄�ڑ�s\u001b��u#�ι�,п�\u0007E��\u0011B \u001a��\u001d7���#��cZ�\u0004b�&r\u0006 ����m�1r�}����\fb�B�0g��KK����\u0019��ר�KN�s���֑|Q��`v�Ň\u0006�m���\u001b�<�!֫Е�0H\u0000\u0013�/\r\f�\u0017�\u001c�<0����Y]���l��p\\��9^�~(\u0001\u001dF��\"��d���\u001b+x\"v~\u0004)'F�4>���\u0006ra`�����BQ�9E�aP�d\u0012\u001b\b\u0014+$$T\u0000��Ac�8�\u00063&M[\u0010F�\u0016\u0006ӓ��i(&8*+*&.�\t\u0013G�;ڒғ�fϋ�����ʌO\u0018\u0005�-��P��Ƞ?UGm��6�Z�ֹZ��j��~§L�\u0016ܬܰ�[�v�v�YK[K�k\u0016�Ѧ=�ƕ����}�����-A՟\u0007�}�TK\u000f�bEߚwv��D%E%j5Y+4_���o�5\u0015��\u0000#U⠒(�Y�<w\u0016��\ra�\u0003gKg\u0019�������V��8����M��u\u001b�٘-\u000b�L��\u000b\u001cz\u0007������\u0001\u0001C��\u001e��V\u0019^��r\b�z6�����+���\u0007���qe����s�\u000f�́�]�&Ļ���>\u000f\u0016`\u000f�{$\u00017|�����\t���/��5S\u001d��:�k򧺽������]��`0:\u0002�C�y�T�O!\u000f\u0002C�^��a>�\u001a8]:���O����K�\u0018��8�\u0007|�dA��\b����dߍ�୨�=po*�g!R[�\u0007�x�Y�\u0014R�ϳ��T��K0� �rwoo�\u0006+!�az�������J�\"���\u0010��Q�b[��u��Z�<�q\u0005\u0005�\u0003y�tZY�\u001b��Q�\u0011NI-=\t��\u001fj���ٿ\u001b�}#���\u001aTs\u001d�LJ�S�G�\b\u0010�up�D��\tr���=���*H\u0004��$��P���\f\u001c\u000e�����%���2:�\\\b�C��M�w��u\u0005b�4�dT�n݉>��ƵY1a�O�\u0007ten�{��\u001ah�ۺ�[\u0013o����uF�\\��`ʞӫ��\u0015�O�\u0017>�y���]?\b7��(��\u0003[����]�{�������`��ܭu�D\\\u0016�(��\u0014���ݚ>v�\u0013�J@�R�44��4w�F=�v%\u0004p\u000e��z}��\u0019�=�Szz9�`��\u0012��k\u001bjv�ʩ�G ��hꔫ���\u0007D=�=c����\u0011\u001b�1�\u0007�(\u0006\u001e���$`2\u0003��\n���q�ܾ\u0003��}������9�ɲ\u00078\u0016��W��N��?׎��V�[��˲�Ujk�³$_�v����o1[�\u00194��v��҆M���K�K9�5��&%/w\u000b�������̻��\u001d*N$uV�I�'i�&L|\u0005ڴ�k\u000b\u001f.-�ęGEQ\\S�'�\f5\b4m�^ڬ�\u0015\u0012��\u001eʹT��{y��\u0016����\u000e��B\n�WgD�\u001fɿ]O\\x�[����'��K�{W�<��o$Z�j#\bӆd���l���<��\u000b�m/��O�EaP*�`�_�M##f��7L\fl[��{p�O�p >|\t�}�0_B�ƉYl^\u0002��O`\u001f�ms/ư+G!�R�%�\u0010I��U)\u0019[�Fgd�gI;��\n\u000f�sO�A���~�B|��������b�\u00029�42�.�ъ��P\u0011qD$÷i\u0017Fz0\n�T�\u0004���1,R8v(�j��`~����ļ� �z�h���>\u0010E�\u0007�9��@*��\u0001%d1#�<R�?����u�V�? ��e8T��d�\u001b\n\u000f]�\u00145�QJ,���I��\u0012y�P2I���S�;h\u0010c�lvc$\u0016\u0017\u001c�\u0012_�Nu��JA\u000b�\b��\\��è \u0012C�\u0012�\u001dU\r��9`\u001d�`N��!Ϟ�!�gfϒffHgggȤ��$�^�ս��f�����z��z��Wo�5�K\u0011�\u001c�)1\u001c�G�-��҈AќB>��\u001b��cg/�=u��\u000bK\u000f�\bN��]+x_��n���w�+���W4�۶������ƶ�#G�Z�\u0011y����������\nS��f��\t�7\u0015\u000b_��a\u000b�W*a灧ŽE��\rM�w�\u0016\r��Ԩ/��q�����YU��ٜ\u001a.�S����Zv\u001d�˩���)��l���\"��!N\"���.\\\u0003�n^�Y�L�k�k�k��n\u000eo��i����ڻ�W�Pg__{�j�m����ګ�`S��O��p?w����r�RN��\rgt��������\u001f��\u0019 e6���W&W\n�U2A�R�3ȵ�_���:�tSS_�\u001e������17]�q1����/\u0012̗����kv�S^�\u001f�?*~7��\r�������\u0018���ݼz�`q�ï��0\u0011�Ұ\u0014�`����d#m��{9��V\u0016�I�ܦ�ѳ\u001a�QZmW�VC�$\u0012<*���\u001d[t:mTs�>J�SM��\n���B\u0006��J�*,�S�\u0005tj1�x�����\u001f�>�)b\u0007��&[^�rNk9V\u001e��\u0013߿��)�M�\u0014nX��\u0016��\u000e\u0010�VV��0�����\u0007\u001e�<L��\\�R5��%p\n�s\u0000��Ή\u0017le>��(HIR���J}�/\r�Y��\u0007.�\u001a�\u0014\u000f���\u00143��ں��Ӝ\u0016Pyy�r�j��R�޼b��&+7Ф�T�sFu�rP�ܳ�W\u0005\u0012��?�\u0014_(\u000f�a\u001e�?r�\u0002��\u0016%��b��WgG���rs{?��\n\u0015F�*㺗\u001b\t���;�Se\u001d�vI\u0010\u001c�3%\u0001�U �sG0Jw\u0015�H\u000b��ٕy�\u000e�`r���\r��\u001c�z���'^N�L|��mI�s�b\u000e����%���\u000f�\u000e_��\u0002�HX\u0010�?�yxcC+c�:p�ը\u0005\t�\u0014\u0000(O�ʨ�L0uM\u0016\tw��YY1LI����+�,y%�TBNTЫ_^�j��-���שnP�\u001a���G�\\\tx\u001c�\rx2�S\u0014�'i\u0005\t�Qt�������U�$�\u001a���\u000b���|E����Ų������bq��4\u001b�\u001dk[k���mll������ݷ�\u0006b\r1I\u00137�o�L��a�c7ac��)�\u0007�C��]c77�_N�'��`xwVxwȃ���{\"\"6ge�O�,P(����/5>vn�I��n�y}�/��1A\u001d\u000b(�3u-�\u0014p+^�O��w�\u0015��\u001a�/#S/p������\u0015�ED�������\u0007�\u0001�\u001c㽄�\u0017'ݜ݅��\u0014j_�@@�y���́:�$1\u00163i����2\u0011u�B(���\u00175���2!9ޓ��\u0001��y��_��)ދ������\u001b��6�+DB�̧`i*��\t��|���ުDэ�W���=\bv|\u0001H�HO\\�~�~���G%��\u001e���o�po\"#q��X�~]=���e��d�\u001f\u001dA�\u001fo<h�F��\u0018��\u0011QX�PlX(��4��5\u0018�&��\u001f#�a����\t#�����\u0012�MY��!��P�\u001c�%��\u0012G��\f���Q�h�M�z\u000b\\ƒ�ƹ�Rn-���\\]��h�dp\f9\u001a�\u0014�dq8�h�3�9���<u�\f�ӥ�D��\r�1\u00119�\u001d\u0007t\u000e`�\u0010����Ǭ\u001d�Q;֝I��6�8\u001c\u001061?\u001791�|[�\t���I7��;��j\u0012�\u001d�(*>�I�P}xxu{�M\u0002��\u0003 �%\u0001\u0007�O_�\u001eZq\b�\u0006�L��eT�������|\u0018\u000eF(�\u0019'�>z�p�1-�Æ��Ԓ)�j�\u000f�{\u0015n&9�`��\n�\by)��7+���L$�\u0005+\bJ&��#kn�7���~~�5+{8\bB�Z�y�tCf\"�\u0004�\u0012}\t��~ٹ}�i����\u001fm�u�'�T����\u0004y���m%�(�\u0000HMi���Y8�00\u0017|\u0017�3���v�s��\r|NO���U'��7rc�\u0014��$*�\u001f�\r#\u0011\u0018H$�B];����D\r��\u00121����m�ۥ:N%RQ�8N$��p\u000f\u000b\u0014�K�y`\u000e=\f̙��X��ѱq�|fw���Uɏ��E�;��I�T\u0014\"�\u001dN�d\u0006\u0004b(�g�\u0019�U�qqu|V�D��\u0012��j�Y]��\b*�/��%DD!�1T�-)\u0013\u00151\u0017.avW�bx51]�)r\u0004-��C��n@!��\u0010\u0004z���bk�aF\"�_\u0007¹\u0001\u001d�\u001bƎ\u0014�F#���\u001c��Z���\u00072l�\u000b�&\u001c��0|��Ή�#�✷��V�k��4/��+n��D*�`\u0017M��k�\u0006{�a��0غs��\u001d�\u0013\u001c:�D�\u0011�\u0013;����F�\r��:�s��~��m-�6��\u000b#1d1�`� \u001f�j��\u001c\r\rb����\u0004J���`��p��z��}+�r-/��.���Mh�/}\u001b��\b’B�\u0010-b�<=n2D�xl�%�\u001b���)�ؤeȺn츬lh���r0ԛ\u001c]T�\u0001A�\u0000�\u0010�\tf��\t��ln���\u0017�dMzM\u000e��\"V�A�f�\u0015���Eg#>���q��;���:\u0007��O̞\u00048~�F�9��'\\:�c<\u001cQ��of��!xjS\b\u0004ۊ�#\u001fp2sj3��A=���`�^�7\u001c��Z�;Bo��E[8\u0005p�`_\u001ag�Te_�XC\u0001�?]�\u0001���HZT\u001a\u0014�E[#>p'5;=�v\u0004�N�\u001d1\u001bܭ߭cy_1���\\r���<\u0012�\u001bM�t�y\u000b\u001b;|d�~{\n���S�b��=>|w3Г$3�}�����[¾��nl\b�i�S�\t�$a�Vj�1�m�\u0007ܟ�/�\u001f�/�c#��\u001bw\u0014�;:�=o�\u0010\nC��e�-\u001d\u0012�\u0011_r.�\u0005��d��Oـ��km��{�Ts�1���3(����\u000e�ҵa\typdję\\\u001e�\u0019vY�s��\u001b��\nM�sKk���j[�MA\u0011IK\n�ܰdac�&�Qaj�\u001aL�)=\u0007�Bo�)y\u0002�8�\u0015��:��6\u0014ə�`�CꙦ\r�\u001c\u0007�+\u0015�\n?��\u001b�X�r��V�\u001f�{1���j\u000eMF\u0007�\u000bBP��}�\u0003Q)��@3�x\u0002#8h��\u000bX�g<\u001b�{����^\u001f�U��6�=]'\ff��3.��J^����\u0018���W7X\u0001��UX�/�u\u0005���N�da��8�\u0007�m잢�w��O���+D���Շ,l���\u001b��)h�w���\rV���\u0006�6IH�>��\r�\t-\t�&�\u0000f�=�\u0019W\u001e+���z\u001f\u001fy\u0013\u001fD��(\u000f:��f�:q���\u0016�W�)\u0018�,|\\��gS9���N7�En��?O\u0019�\u000e��t�$�V�\u0005�=j�Hu��E��\n\b+:������\"7<\u0011O�HO�\u0012�\u0002���+\u0017\u00150�z�k\n:p1����Ur\u0004z�|n\u0001wi@oV�=f��\u000b�˞��^+ (�.�-o\u001ef�Rvd\u001c1�H�6�\u0001\b/R_[�E5V\"\u001db��P�\f1b���B�a'Tʖ�q�j�(�1��dasu��p�~:��y8W�X\u0001$\u0015ޯxw��'�����q8�\u0007�v{������ݣ]��\u000e~\u0001H��ޑ��\f.tb\u0005�\u0007\u0013\u0017��s�m�*V�\u001a��\u0006��H3)�p.\u001b�/\u0018W]�5�W\u000b��\u0019�\u0014���i��yN��\"<3a\u001d�\u0003i�i�;�\"�G�.��\u00166���q�\u001c�wX\u0019���*���OWŒ��*u��<�/\u0000\tG�V\"C�i@~͘���0�Y��\u0010H�J<ʺzR\u000e���_1]\u0018G\u0011h$�,G�p?5��u���\u001awk�V��;?���z����\u0011�r8�*�2>���H�<\u0013\u001d4��&��,\u0010_C�Z��n!(�?-m\u0017�\u0015��HӔ��)\r5�s��E���p��;]kV�jVָ�y�8\f�߂𙦚��\u000b�k�\u001c�ZM%�4�6J˼��2�g`��T�\rL�T&�?\"��\u0010\u0017I�� ���q��N!F����nI���Y�\u000e������V<<����5\n�>-\u001bZ��p��\u001b���Zp��wK)��jo\u001eH�CαֹJ�mi���p���䠁CO\u0014�u�ȑ�i�\n\u0018?����Sɴt��e\u0001�F'����Hm��\u001aj52:�\u0017�%��޲�\u0015\u001b\u0019/�D�����\"��v�;ܝ����]��Zl��9�9\u0014�\u0011��q�\u000eE[�\u0005\u0000\u0017��\u000b�n\u0005\b��uC�c�6p>\u0002�g��6?�$���\u0005�r>5./��]�NOv\u0003\"\u0000I�<\u0014�q��h\u000b���NFN�F\u001e>�j\u0001ũ,y\u0001��O���{�ùr�B\u001a�֖Ui���1w�;��\u001e]\u0007� ��*ryKsJފ\u001c��\u0016m男ay��\u001f\u0006����}���VP�\u0010�4D\f��A�����ߊ��SwΈ���'!\u000f�G�h�P�bb��^�O7���\f�Ҍ�\u0019�\\-�\u0002J�خ\u0006^�e���Kv����ѓ݀\b�\u0017\u0000\u0004�Q4\u0002\u0010΍��\u001eݍ�\u0015=�dR�\u001b�\u0017��{��<Z���>b_�����)��`�\u001fs\u000f��Uu5�WjC�\u000b\r\u000f��\u0019�8�/9�\u0019ʴWuB�FG���N\u001a]��þY�x����FGћ\u000b;\t���p�¶��}�y�\"\u0017��\n�K\rմs\u001d\u000e��\u0016��2�#��\t0yr\u001e�\u0019�����\"\u000bk\u000e�,��LS'D��4[\u0001\\��\u000e���\\���\u001a{I��\u0005�ʲ�r����\u0003�\u0006¤F\u0000¥�ܥ�\u0014�v�B�M|�Xz�W��k���m4Ø�P��4��n�NY24?���f[ZZ���Q����`�\u0003�\r��]�У��1-mI)��RG�P��X'��LD��TMs\u0006G���;�����/,��j�E��\u0019��sa�ћ�\u0005�?3>\u0017h��\u000bv�\\�;�_�M_W\u000b i��\u0007�f�O�c\u0004�܀VY\u001e)��~)n��b`h�m\u001d�K\u001d�|���Xg�p�\u0003c\t^\u0002Qf\u0002�~\u0002��'0ϙ�<x��ɆS���\u000f���+3���U��W�`��\u001d5y���*���W\u001f���_�%���r\u0000��}\u0018`\u0014��\u0000\u0000|�sfc\u001b\u0012\u000e\u001dh�-z�OG�ڿ��0��;\"]t���X\b\u0010�U>\u0000KK�ҚjF <i���N<�<�e\b�`\n\u001b�?���0\u001b���\u0001-s\u001d\u0000OP�\nk�e\u000b<?@�(�V�\u001a�v�9k�E�3�J�cT�f\u0005-.�\u001a�\u000f��\r������'Y��t�ǻo��>�s^?X�u�\u0017UxOY����7��_�\u0017���*�̚�\t�׽εi���f\u0006u�ܻa3\u001a�%�{0x7�%6�R���f�$�@��\u0016�xO|��--ML\u000b�/\u001a��i��(M\b$ӑ�W�\u00043�z��2\u00016@.��[��.>\u0003k�����8')W�u��\t�wk�r�zX󒇹X�9O$���(�0��z\u0006��\u0007\"���#�k���{��w�T+jF�{��r�m���#��\u000f��\u000e\u0010~\nt�\\� �\u0010;s�D'VʰD�1�|\u001aJ��^Z��IB��Qb���$�\u0000�$�T�^�z\f����X��'�iZc�λ\u001a�&�p�os�x���F(?w�\u0014�X.��9����\n��w<?\u0011H��7�\u0002pp��\u0010��TTu?\u000e\u001d�8���(QX�m\u000e$�\"��2k��\n�e<��a>^;.\u0015�X^�_�N�Q��\u001cGu!\t�\u0015ה\u0014��4�Y�U�q���j8���J8~��\u001c_ؓ\u0000�+�%�ѫ\u0006���U��[u��N�\b���eI��#m�q\f\"��󡞎�ZIP��ڈ��EM\u001bU>Q>g޿Bkg�%>\u0003�5��\u0013o\u001cݠ��;�÷\u0002\u0010�!��e����Q�\u0005�^<�I���њ�|�?�b�|Ҁ�L�K:SUD\u0005��[�(�ţr���ت��h\"=��L\u000b!F��q��rz�+%�\u0018K�&�,��\u0015��С�\u0018�'D��ճ�6\u0002\u0010�ǥ�_o����5����\u0019�w��'\u0000�3M8n\u001e\u0019\u001e���\u0001E>�\u0001�O��HN\u0004j\u000e�\u001cz^\u001e��;/�C�\u000e\u0013@�ݒ��\u0012�m��郅`�n�\u000b�C�h��ӚG`�\u0011E�i��SI(���$�\u001a�R�#�`ށ\u0017Fެb��у��L\u0013\u0013�OLz|\u000e�[e2�~V쟵W4�9�w�VR3�\f�\\E]��V�`�ټq��Q\u001c>֥h�I���\u0003j��S��Z�\u0011�}�u\u001a�v�Ѐ\u001d\b�Bu�J\u00107�\u0003�I��ѳl\r�\b��\u0007�Zk5��侖:�<\u0019\u0000̠�`��\tf\\ �\u0017b�xY\u001f�T{r�t�;�\u001e���\u0002��z\u000b��q�)'\u000e���.�c]S5k�=�y_ސ����!~W�.�\f�Z�ґƄ�\nM֝�ou\u0014\u0004K$T+^�e=eW�dF��mY�\"/b���\b}�8��c�f��v\\i@K\u001f����!�-T\u0000�@\u000eM\u0016e\u001d2r�\u0007�Z\u0012|�5EƄ��\u0012�,xӮP�*�s�J��&Y\u000f\u0002�\u0001Z�\fN�\u0014��ɳ\"���\u0004\u0005jo�t����.�<�\u0001\u00046K\u001fȧ\u001bx\r\u0006�e�>52�\\:$\u0016�x�x,\u001a\u0011Sw�.ں���XO\u0010�@4�k\u0005>9�b��Qm�Sor[2>\u000b�H\\ H��p\\\u001f�g\u0018�:���\u0005)N�-��nc�\u000b�\te�\u0010�\u0011���\u0002�\u0007�ųc*��\u0018�B\u0005t�N��zO�@M+q��\u0006�<���2�\u0007 �������A\u0003A�И�G��c�K+�C��P\u0007�:\u0017�S�(`�u`̚��\u000f�\u0011�_��|\n�\u0004�Sa�n��l��]߯v��*FiU�\u0010N\b\u001c�kM�q�d�T^Y��Vr�#v�ϳ�'�2�,�\\\u0018�3Q(�EP#\u0003�s�\u0007Z�/�+&��ߕ�\u0005��q�<Qe\u0013��>��;9}��NV�\u0016td�䕷A�i�ۖ<a:S��|<��\"u\u0004�����\u0017>���D��A5\u0000�\u00115e�L���ݮ���\b]�v�ȼ\u0010��d�~zt��D:jͼ����\u0007�,��<�d��d�\u001b�V��/��5�Pk)I#�\b\u001b�4�\u0017rs�ШEs=M�5FT\u0004q_`\u000e��up\n\bn\u0013�����;f�֪�̂_�J�M\n\u0013b9d��L��0W�\u0018�2\rȊ\u0002�\u0012\"�\u001b��M�\u0016UHpd�Y-\u0018\u0007f�������= ߻\u0003��,��L�\n�=\n����\"\u0011*�6�J�\tN�o��]\u0010D=ރ �֟�\\Y4�\\ӄE�Y�\u0011\u0000�9��\u001fT\u0005�C\u000eb�*�B�fĘ\u001a���S��v\\\tƭ\u0002�\u0010\u0012p����r\u000e�'z\u0001@���?T|rW�DT\u0004;~�\u0019]�m\u0015��7\u0013\u001c��Ǝ\u001c(8d\u0001��\u001bƀ��tmI\u0000\u00130�U���pQ�\u0015\u0010؞ �^1s\u0017�D�#\u0005�h�\u0001�v�t\u0003��k��]#J\u0004I�գ�W\u0019U�f�xP�_�$A�C\n����\u0014�4�\u0006/,R@\u0000�U��\u0016G˭�\u001c�\u0002��s�:G]�B����+�{��\u000e��\u0012\u001c��9檢c����\u0015ԓT+ R}G��XD�.t�\u0007\u0014 ����`�9h\u000e\u0016t4\u0019W�WE蛙\r\u0011��\u00106�\u001f����\u000e�]+ \f�\u0011�is�����mM\u0006q����a��z�ٗ]#K�a�7\u001cqb:?�\u0016��<$�u�ф��p:\r�\u0002��\u000e�f\u0004�H�ق\t����g8WG���#M�\u0007Ndg����D�\tXM[\u001aIT\u0005�\u0018\u000e�]�9�X�^\u0015�s�\t�\u001bd\n\f�r9�x�M�M6l\u001d�\u001c�f�[��{��\f\u0016�R�\u0010�X�\u000e\u0007��,\u0000��%\t���$}wO��s0\u001d��~^����\"�K�֑R7%\\\u001b��$Q&<\u000f�y���\u001bZ�\u0019L���͙\u0000��ţ�.�_�B��\u001b��k���N�8wTq&��\"�T�~Pc��0�M\u0001���2��\u001d��\u0016�-�T6��\\��\u0016/����\\\u001f�c��\"�V9[\u000f\u000b��1�opk�#��\b0�:G3�\u0000\u0003�\u0011�Jc�d��^a\u000ew�tI\u0018�D!�\u0011�m�2���\u0000�\n\u0005^�o�c\u001eo�ld�\u0006��d�<�\u001dT\u000b�\u0018ix�c�\f�\u0007�*\u001f���=\u0016e��v̰��؃6XRla��S$��Z��3��\\�/\f�X�\u0006:���|�ʁ-'��\u001c���\u0018Ud�\u0003�\b�~��7�~<\u0007��\u0005{\u001fW��\u0010(\u001aD�\"��+�\t〉\f�Q4�/ U$�\u000e��+Uc��\u0011�]1��:f�VV\u0013\u0000���u�i�GM�\u0018N��\f6\u0010YNP�<�-9�\u0011\u0004M\u001ax�\\��\u0002\u0007�,0D\u001f\u0006p�\u0001\"sЮ\u0002�a7<\\�檎�R�jA��\u0002��eќz�2���/\u001c��rYg��6���8h\rB\u0006s\u0019U�/��\u0003\u0005`�K�\fm�)�\u000evCѸ%��V�\u001b��vs\u001f1\u0016!ޝk�(���Qyt������;��:˜�\u001a���j�{\u0015��n\u001ejBW�\u0007���m��\u0002%�3v���%\u001fО� <\u001e� \u0005�Q��js���Oĕ_w��\u001b�F�Vz\u0002\u0005�&&\u0003\u000fP�)\u0003B]�^29F���X�UMې\u001e\u0015��,�����rV���\u0013<\u0016�׽<<�\u0006ˉ��>��($@>��sWK�\u000f��tw���&,�?Uts\r�\"��8^\u0011\u001az��\u0003H�\u0015\u0013�\u001a\u0004�R���\t�#���7��:\u000f��\u0005w]v����T0�K�2�Y\u0005D0���\u000b\u000f���\u0006������{�\u0002s��Ti� 1�K�\f�p���5\u001d�\u000fq�ޚ�Pu\u001c�\u001d��ԂFk�\u0018�\u001c�1��\u0001nT\u0015�\n=\u0007\u0002S��в\\��@=U;q����Iڧ\r�`�6�\u0012.��\u001c\u0011\u000e�\u0001T\u0006�\r��.��]`�\\3��~�$\u0002/(\t L\u0000���ء�.�@V�k4�!\u0006�l\u0005%{5��\u000eu뻶1n�X�M���\u0007��젆V�`��\\P�\u001dR�1#� !.a�y�<�\t\u001f4�~P��'C�2�)�\u001e�.J�\u0007ʂү%}Etpܫ\n����ylb\u0002\u001f��TF�sM7\u0002�Ȇ�2�\u0015�k\u0013z\b�f�2�\u0002�\u00113\u000bq���#r��\u000e���Y\u0017MV�-��LP��H���ipk�dV�Q��xt��p�a�0�\u001d\u0007o�lгa�\t��;�����\u0018\f�-V\u0010/f�&�L�4�\til�ȯbh��E\u0012ᬀ�qKB�T\f^\r\u0003Q\u0012�\\�/�\"��‰E���ga�nEㆀ�\u001c$ѡވ*^?p����t��\u0018�K\u0002so���\u0018C|�C�a��@�c*<\u0013���\u0003.�%�(-\u0007�\bBRt�A���(�3P�d\u0018�\u001aVL�&d]�\b���&�� lG\u0003%\\\f:#\u0005\u001cñ\u000e4N�Y��t�͞N\u001d��\u0004��`�\u0015�\u0000\u0012!2�!>\u0015sP�j��x\u0017\u001e��\u0006�\u0000f\u0012J�϶�f\n�<\u001e0\u0014��7�y,\u0006�NE\u0006��\u0000�\b�\u0007SՇ�y��E��M�p��l�WSg���z����R��Ւ��*�T�\u0017\"�2H���1T�$\u0017s\u0004y�]e��\\\u000b��t'=U�h3oJ�\u0011�掎kr��ϐ���L��\u000ec(\u001cPr�p��Q�r�\u0019Ȅޜ\u001eb�#�\u001e�|�dki�\nSi��~���ҋ�\u0017�\u0015���c�\u0006&Bd�\u001c ���̱��B�'��9���&neq$���5{�F��\f%\u0011*��bP\u000b\tā�n�\u001c��@����\u0011w7z��z�w���!�/�Kt�C��Q<&h>A�����t�z�٤�)\u000b�0�\f\u001c\u001f#�����~\u0010u��j�n��x3z��<!�T\u0013�C.��'յ�\u0016j�׶tJQ~0#o߁�\u001d�0�����d�|v�0ۚ\u001d޿�o��\"�\"��\na\u0013꾵\u001a\"����7szd��Wh\u0002��=.~Iv��\u0006,\u0019�/�Y F\u0006��{P�)�%\u0012���uiQ\u001b�0��v\t\u0018\u000f�B\u001c}\u0019���\fW7cEI�i�C�&`G\n`�t�Tc1�C\u0016��7A��n\u0011��\u001dM�Ė�6\fx�{\u001b �����\u0015��z����e�#\n�C�8`\u001e�^Z��\u001b\\�3�>�\u0002\u000b\u0016\u0016��?\\-\u0018�/H1�����ݓ\u000b\u0010x,�qʌ����\u001es�\u001a6�\u0001\u001eě��x\n�\u0006C��� \u001d1\u0010��sw''�f�n�e7\u001f����qMj͈O��t]�S��\u0016�\b�7=�:���w�O��\u0011����\u001a퇨\u001cP\u0019]��\r��K�\f\"�ё������m���,�@|�y��QH3J\u0018\u001bD.��up�\t\u0006�\u0003\u0002}�9��o�|�o�&�$h\u0014g�\u0001�)��8\u0018��\u0003�}i(�fN�L�Μ\u0005)8�9\u000f\u000f~�|i�x\u0016\r�k����&\u001a>��0\u0019,���;D�\u0002we�ky\u001d\u0019��9J��\u001e8�\u0007 ���W�4:\n��!��\u0007\u001b���3����/�x���p�'�\f�a�\u0006�C��\t9\u0003�\u0012F\f~xd��نT��M��ȴ�r`�\u0011�*o\u0016\u001e�,�'�9#�\u0019�1�u`8��+0=\u000e�\"�\tc�|�\u000ej\u0006K��_��mܕ��\f�8T�;\u0016���\u0012�t�v����\u001a��qx��|�Ǎ#��`�gdx��qs|�\f\u0013���p\u0003�x/��,��c\u00078�!lX\u00177�\u0015�2�/�\u001d㜓J�ܐ\u000f��<yt�<�V����t�;��\u0017�\u001ch�E�hE5�{�\u001an��5rM{\u001f~��M8�he;�Խ��0���\u000f\n���(�\u001d�[�kuS\u0017�\"�W�r֐�Z��/-�\tF�\u001e�q3FR�c��k$M���\u0007�6���Z�\u0012���l�Q��/��KZ�\u0013�?ޢ{�256\u000e\t�}��:/���Ť)��P�a\u000e�P���ZRV\u0017��<���\u0017[2i������h�|���a:\\�N\u0001N\u0012���V3Ӵ\u0012�hT5Vy\u0015\u0004�uY\u0004�{=`\u0019\u000b;\\{�>\u001ai$N�uJ�/���J\n\u0010Ih��:�\u0012.(��w�ے���+\"�(ΖRl�R\u0019�\u0018Q�����MtS�\u0002��PG���h�5�B\u000f�{�h��ǭ�DM�5P��ԋ�/�\u000f�\u000b6`R�����[�f�RZ\t��2ڽg\u001c���\u001a��\fϤ{\u001bX�����n��;*l,\u0013�D\u000b����B\t�h�\u0015�\u000eD\u0000iq\u001bG.�p^��A|\u0002Цy\u0004p�\u000f�C\u000e�\u0017\u001f�\u0010�N�Q8�U��?w�\u00034�\u001b{#���h�h7\u000f\u001b�Q�\b\u0007�\u001c���\u0002\u0010K�\u001e���\u0011�1V6�o�#*A[���N\\-�\b\u0017���P�L�huq\u001e�V'�k&F\u0013�QO�\u0011|c�����\u001b��ϲѬ\u001cL��-\rT[\u0004�\f-����iG���G�~\u0010\u0006Ga�\u001e�7#��\u001cy�I�!d�y���W6ř����Uf4g@T��\u001cQi\u001d��v\u001d�\u0013�#Øs\u0005ب\u0007�\u0019\u0006�\u0010?����V��g=\u0007V��Kp��0͏p$��\u001f_�F�\u000b�]�î���=�\u0004b�\u0003���G'�!�p\u0006�&�nWn�lT�E\f��\u0012��R����!�\u001d��\u00055k=��\u0007 ����\u0013��\u0010X�g`\u0000{/ۘRCӼ��_�����Y��\u0019����V!\u001a1c���/֏��R\u000e�\u0003���p��l����獑�a��A��XΙ��<�\u000e�\u0003�\u0010ꐸ���U\u0001���|Ƶ�\u0004��K\f{v!5,��:����I�֭��\u0007��\u00194�\u001a�EU��GxC���#��I���ELbq�\"����-�\u000e��⭰\u0015�2�\u001a�n��X\"�OS!b��#��?©g�烸ۺ2僧g�Vw\fA�jx�+��{��5~UEY������lg�\fh����R~\n��9�oΏ@_\u001a?�OPjRht8�\fX\u0017b2�h����\u0015\u0003\u0016!�9\u001dVj\u001f]af1\u0011�l\r񟢂y}5�����}����6��<��D�����`;L�xZ�-ϱ\"\u000b�\u0012V�\u0016\u0001\b���Ќm����\u0018[�f:�Ҟv5j��o�uJ����\u001f9�Y#C[\\�\fC�n\r}<��<\u0005-T|\n��[�β��[��7�\u0012o�q\u0013�`\u0018P\u0003G`�T��؃���u՗.��+\u0004��\u0000q\u0005�@\"�\u0015�5�,���i\\iR��F�6Y�b\u0013\r\u001a\u001edV�L&�,\u0010��!{�����x���v�\u001cl����u��\u0017�g��۔0��\u0015���ڤ\u0005E���\f�5�\u001dyG�'\u0012�%��\u0010��?���?44�zϜ(|��ݴ8\u0017 я\u0010��9�\u0018�M�\u0002�,�d\r8��vh���Pmd�Eb��x���\u001b\u000fU�<\u000e�\\S��e���\u001f��G\u000f\u000fl�oC��,�Ѽ�6y��\r�(�=�\u0010q�_:�us��\rӱQ^\u000f]wWnZ@����t����Y>\u0012��i�dȼ|�j9��?���\u001b��-\u001f�\"��׾�_�o�sB��Ȑaa�Q�vO�/���/�#}'�e3���7�46(��\u0006\u0006MD L\u0000�����(���;�t��f˾x1����\b\u0004/�#\u0018�\u000f@CI\"ki�*Ug |d��\r�y\u001cT\u0017�WTD'+l�0��\u001d����2����W\u001d�~W�\u0013�\\5:�\\����\u0005��x2\u0002�mG\u00074�p\u0001K\u0005ԝA�x�Ϯ_�A�\t�\u0015�fN��5n\u0019D\u0005�Rh���GܑO\\,�[@&�\u0001�\u001b\bwF��@���/q�.2�p=iog{\u0000�!\u0007�Є5C�\u0010Y��XUU�Y��\u0007��W��� �1o��C\tV�?�����;�jI��&����4���R��Sv|H��'�\u001c\u0010\u0017�Yi��Н�\\��\u0014q�Fϊ��T��@p?L0Y\u00035<��ֈ��ì�cAZ'nt�\u001a��:j�L\u001f�v�2��_Y3Q,?\u0010\u0017�.��t\u0006EY|��G���H�4Ɖ��S��&U�\u001a�����SYW^\u000f\u0003*dT�$��Mp?��Z��\u000f�w��ښ�=�X�O��7Q6S\u0003��4��\u001f�����\u0007A]8�\u00144\r�k��:��\\xJ�i���YK�XWp<\u001dQ<��\u001d�mY7����'\u0006����ӱ��\u001b���逰:�\u0019X�b��\u00117\u0002T�U�\u0003\u0017�We�H-���F�fY\u0002\u0012�����H\u0000V���j��\u000e��\u0005���V�P��\u0014�t�\u0014�vu���i:A�����f��\u000f\u000e���Yi��?[_Z\u0016q�H��'�\u0019��鞡��9ש�^�n�xUn�q�p��.\u001dC�M�psV�q��*��V\u001ev��YָO\u001e\u001d6�%��X�ƪ\u000en �B\u0005���\u001b3\t�_T�\u0004ۤ\u0006g�xK)�\u000e`5�\f<X)ʪ�A!�HW'�\b�\u0005l���.|��[�b��#,4�\u0005\u000fy\u00070��ږ\u001a��F-Y-��-�$���x'b\u0013!��|\u001dq��\u0005]���:X\u0013���p���z�\u001d��à�2��#GEӲ������\u0003\u0018���%`iS\u0014\b�\\�r�+7F?@���œw�d�Y�|�A*(\u0003mt�q���&(�|�t\u0002\u0018���Gƨ\"䁒\u0016\u0016̡t\u0019NJ�ڻ�\u000eJҥ�\nxlov%��߬��\u0006� \u0005H��\b�\u0011Z@[S\u0016Lˀ���#�C�\u0006��-��Q��Z�Ti��JFu7\u001a���<Or�p�:�[�\u001a\u0001\u0006\u000b�'\u0014�ӌE���B�j8�\u0002�\u0018`�#�#hy�`&�\nC^�K�\u001c�{(Y�/��&\u001f��\u0005?��\t�yWs.��ޚJ��fZ���G�\u0004\u0015�C\u0019\u001a~\u0013�kWR <\u0013�1�}��\u0000�Pi4�y�}��c`��\u001b��w��F�ny�m�&.��\u001f�ք!��\u0006���s\u0003�w�e'��/@w��K; ���/k�gZ��#^-]lJ���d\u0016�xI�D,#����\u001d8̺�`��M\"R�dJ�;>���S\u0003���\u001e��\u0017��\tY�O\\ٔꉇ�n&O\u0018��@�0��\u001d��d3�&�\u0015�\\��]�bs~�O\u001b:��jF����q*�H��\u000er\u0004c�D\u0016\u001e6�;\u0019s�9p:N?�{Nپ��\f�\u0012�H\u0007\u0013<��\u0019�\u0005�\b�5\u0019sM\nL�i����[Z\f\u0005�v�'\"ls���1�\u001c���sc�d�\u0004��\u0007S\u000eW�\u001a��7�2��oR`'/P�C�=\bw��:\u001c�QY��·`X�\u0001��\u000f�\u0014�t��(t{�\u0012��L�\u000en�\b�2�3v�W0\u000b�-�\f�yo�/^7c�na�<�Fd�V�R��-\u0010+4:��M\u001e\u0004k�\u0017t�j�\u0006!D�k;�����\u001f-a.pmS��ty�[�l��\r��ᢉP�8�K���3�\u0016���Rz��`,L��3SVX攵�\u0000����,��@&€���uķ��\u0010�#���'��k�Uӭ���/��O4�\u0005����ӂ\u0019i�v�s�\u0003����#����\u000b\b�����}�Z��-����ܦHk��46�\b�݊\u0006OHgq\u00074�\u001c7\b��\"|�.\u0003i�\u0005�\u0015�bb�\u0006f׬\u001e�Pp���P%��~-\u001dm$}4�Ւ�D+��Y8��U�1Z��\u001a\u0004\u0011\\i\u000f*d�Ik�R�g�=W\r8V�A\r�\u0016Z�n���w�|��{��q���\\Zʵ��I�@\u0012���\u0019O*e�\t�q)�g�#��8W�I-��u�UW�������ۯ?w�\u0007�L-<\"\u0018�0P��ß}\u0001��\n�z\u000bjT_\u0007#(�\u0012-�x��\u0013o\u001c\\�����0���!-����d~\u001b$s��\u000b�#s�P�d�/� K�4ڝ\"6\n��l�be���!=�\u0010�E���\u0005Jk�\u0017��bS�p4b\u001b@]�M\u000f_��D�3\u0015�ޕ�\u0013Wq�`��Y�%ӯaR$h���R�sr`�t\u0013��!x\u0017fU���C\u0001�'��eUF\u0014�gԗ�j$F.��\u0019#)�3�\u0018u\t\u000e�/A�N\u0010�3J�\u0019�31�ȃ�\u0015�#���U\u0018�!*�3�\u0004��s',�\u001eW�\u001c�{�\u000b}fmb�\u000f�[��ٙ��Zy���!\u0004^�.����\u000eD\u001c�[Ȑ#���p>��-q��ӭ\u0012>b\\!���/,\u0016~\u0007m�8�8���\f�2�T�,\u0006\u0018����&F\u0014˧e/\u00079\u00122�d�\u001b}�S<\u0015��\u0015���EuZ��$;\u00057>u�W����]�d����s3:�#\u0019��]��Ω�-��,3�?�Ӛ\u000546�\u00107�#����\u0016H��k�g�����Z�=2���R��\u0012j�\f�r�NBpS\u0006�\u000f9�\u001c��1Q�\n1�\"\u0004ST��4'BRLh�*`$�(��:j����\u0005�}qd�\b�����\u001d=\u0010ng\u0012�<\t>��܆i�\u0017��~j��=��\u001e�h6�\u0014g�P�E�\u001e��\u0006�3\u0018L�[��ʥ��\u0000���\u001c���Vǽ\u0010/��˸\u0000?M��z�\u00052�\u0000�6S\u0002\u000e~OT�Jު��8��j�ُ��*���d���\u0010m���|o6�F����\r�*�#ƕ�U�V�`'*�K��x�w�Ǘb}��K�,���A�\u0010?��[�$۲�M\u0018=}N43����,�Fp�8�?M\u0015y%Ú�q��K�%Xӥ�]\t���\u0010���\rG�`8S�[qd�B�y�)h�R�/���2\u0015埞>\u0013�\u0012�:Ǡ�#���p�h�\u0016\"Y��)�cM�\f?B_��#��\u0007W/\u0019�s���VV�\u0007Ғ\u001f&�9�\u0017J�7�OC$��g�A��s�\u0000���F\u000e6ʂ<T��À�\u0017d�Lhg$�\u0010��,\u0003#\u0019�\u000f�^�\u001f\b�*��\u001a�/o�\"k;�ä>��\u0003�\r��\b���)+�!��\u00170� �\u0014�@��_}.Z���$�7k�\u0007L����\u000bj��<Ї\b�Tyt�rt���L���|�73�v\u0002��\u000e\u001b�}H7t�g������\u000eЃ\u0001@��-92����pu\u0010?�-�o�7֛\u0006������\u0017���\u001dv\u000b\t���=�\f&o2\u000eq��\u0004g1�;����f�l3�\u0001A�y\">F�y�� ���\u000e���0�9�\u0000�˩q3kQ˘S+�\u0004�����}7���\r$\u000ev��٩�\u001fY�\r���<�z�B4�]j7R�\u0012��l=�a(�ga����h�\u000b���\u001a�\u001f��Ɠ��>6��\u001c3ϱ8\u001a���J,�,=���b�\f���9�\u0004���\"-z\u0004+����,\u0018\u0015\b�?/f\u0010�_4wc\u0015;�|��!�iμ~�T�RU7����2\u0005�\u000e\u0012��7�z*5�wȞ7�B\u001a��>$����T�,\t��}�\u001d\u001d}>�\u001c�����;��V\u0002�]\f���\u0015jV\u0010�5f����=�T4�k�4\u0001V�\u0006�b��*��I.1�\u001f�;z�\u0016V:\f�JV�65N\u0000Y\u0003�w�=������6�$��x�\b��OV���ְRU�A�\u0019$��c�<dt�h�޽�\t��#�+�*\r��\u000ek\u0017��\u0001���cR\t�\u0007�\u001fgVV�\u0007M���\"�L�\u0003�\u001f�e�\u0010_�ا��� *]\u0004��eibcb��+֤����ۮ��,�~��_b�'8{\u0001;�����\u0005l-\u001b�\u0018%�ޔ��cǮ����Y����<\u0007�  X��XZ:D�\u0011\u0001�\u0001�U�5��+��- ]\u0003�X��b��\u001a\u0003\u001c�\u0015�\f�Ջ�\u0005\u001c\u000f-�a��\u0011Ua�\"N!�5����\"\n��%\u0011e\u0005ؘ��U�Od���x3\u0011\u0015_�aB�w��J��[����0X�����:\u000e���\u0000���ڡ̯B,j\u001c��`�Yٱ�\u0019����c\u0016�#8�\u0013�\u0012r���֞د�u��\u0012����F6�cVt6�3Ʋt�~<�b�X��q+\u000e\\[Ѐ\u0017\f\r<+��[\rvV\u0003qqb��Y7Q��:�B�GJD\u001a>\u0004��M\u001a\u000f���\r���f\u0016+Ym�w\u0018����\r\u0004�\u0001|�\"�\u0013KV\u000b#\"Cĵ*��'�EzI:��9�/��\u000f��gj�\ne�b�5\u0005�\u00006�6�[����6\b����UM�٨�\u001bÚ\"\u00104;6��r\u001a솖{k�Ww����^��\u0013) �o�\u0005\u0005�B\u0006cJ\u0004\u0002��'(\u0001\u0001\u00010�q\u00100�\u000e\u0018�\r\u0015\u0006\u0006%?�~<���C�\u000eM| tU*���\\�����T�\n\u001f�\u0012��o*\tK�L%Ôl*\u0005s\u0015N�a�\u001d��T�U\u0014C⛩J�x�Te��6U\u0005�J��\u0006�v�H\u001d�:����:iZ��.��<2I�l�3\u001c7���]�\u0011!����A/5�\u001eV�ؓR�T$�.iZ��.d�ĉ��X\u0013��J�&���6/\u0012���Yzy�Os�Cyo9��=wHVE-& �f��+\u0014�?[����b�&���M7� \u0013�MaJ��I��I{H\u001d�x$�9���w��P��������\u0013���\t�3�#���^�n?�����\u0004x�g��\u0019�Z�֘��P���s��F3����xO�\r� ab�-Y�\u0006��v/S��fiZث�_�\u001e�\"yid(��|�\u0004�ZSqHE����\u0011�Bz�*�[Z�\u000f[�R�G=�yi�\u0001\u0014�z��4\u00186z\u0015�\u0011s���|��\u001f���Q�= ���� �\bDBdDATD�{) :RDJH\u0019ֶ\u001e\u001aREj,Z�e���̌��&U\r�*\u000b�Ҷ)K\u001b�a����9p\u0004�%cε6ʼn\bs��\u0015k�3�ś\u000fX6�!�ͷ���׮��\u001c{�\u0013$���B\u000bξ�\u001c\n�\u0011&�Q���\u0010\t\u000b\u0007��\b9��\u001f�G\u0005����\u0017STO\n�����\u0015-F���\u0016U\u0013�i>r�\u001a��0�D����$�s/A\")Y\u001e�ZM�S�)�n\u001d�$�R�J�.C&\rm��ʢ�\rț���u�-���+hz��n�b\u0006%J�)�%\u001b\u0007W�\\y���\u0015($ T��^%D�J�+@\\[\u001cp�Q\r�\u0004�4,�H�\r\u0015�T�H�:]����KI\u0010y\u0000��OZ��� \b��1\r�:�!ZZPVJ��B���z�\u0007�fwƍ�=��Y��&�y�m�����As��U[\u0011]���n����^�g~wty��3=m�A\u000b�hQ�zhн\u001b�v�a�\f\u0002n��i�}h��\"}\u0012e��4\"-���^��o�,�\u001f~\u001ao\tv?�.SV��/�L�O.�S�����R%�k�N�؟J�\u0003\u001b�Y&x\"+n��zw��\u000e�4���\u001b�'�tvpxt|rzv~qyu}s{w���䬛*\f\u0004^^�\u0002��bm\u0013\u001b���sx3OHLJNIMK\u001f������;z��qy�\u0005�E�%�'����{���WTVUO�<e�4�6`\bj�\u0011G�\u001a4/�:(h��z�̚�Yu�\u0003s���#��1Gv���\u0012+UY\n\u000fu�\u0019�L��߈��0��ā\u000f�B\n���V�Fͪ���m.{\u0019�\u0019�;7\u001c����mNX�g_\\଍\u000b'=�u�K�1�:��Ri�m3���\u0019w�\u0004�)��b�\\q\u0005N��l����q{��p4�Lg�\u001d*�@��?8<:>9=;��������x|�7\u0013zh�+��1�ߠ^}�\f���{�T�$B��|]f!��`CT�HD\u0014x'��'58�^��\u0016�H:1���x*���.\u0000M����{J�ڗ�FaxU�C��\\�w�51<\u0007��@�B�O\u001fɋD��N�\"K��0ɘ�\u0017���y^Ҳ\u0018���v�Q�*(C龶\u001d:B�KY�\u0014\fҏ\f�l2�B��\"aY�Z�\\�;�\u0016�i�\"ƽ��u֮��-���o\u000f�e\u0015!\\�(#��T��$�\u001ā�h\f��Kzbx�Az�A�\u000b^\u0006��u����k\u0018�U��xO\"Q�(�@\u0013�~�\u000e���SaC�B�F@EH#������/����9\u001b�\u001d�w\u0005[\r�U�i#�1yɬžB��T�M\u001b$�T�.\u0013�YԖìH\\b�j\u0016��V�x��\b��ը\u000e:\u001eI2���a���=q���1��\r܄yk�`�k�<a�\u0014��FJ7u�q��hͪMqX�ٱ.�\u0010g�Liؔ�Rn����\u0003u4�0m?���.\\\u0018�y�����\r8J���Vd���\u0004�`�Οo(�P��Iw8�\r4A�=K�\u000b�)#��\\\u001c��\t�1��\u00170C`�5o\u0004f#���G�k�.�X�d��\u000f���\u0006�U%��0\u0004\u0001A���\u0007Y�`96d��9�D\u000b�i\u0001�((lQQ\u0002�ˠ\bI\f�\u00019Z.�J��&q.�\u0005��{�\u0014ʨo����ýa.T��\r*Q�\u0019Ԫ\u0011����uU_�B����rc\u000e�\u0012��=�\u0013mm�t�Z�)S�D��7)�zˋL�aTx\t\u0005\u0004�\u0018\u0018\u0002E�0����\u0013�i�E\\�*t�`\u000f(p��5�x�[�1\u0007\u0001�X�Ҁ����c\u0013\b�$��n�����F?�\u0004<P0���3���\u0013�\r�谟VR\u0007e��������e\u0012��蠃��\u0018S���?�e\u0016=�c�X�@\u000eԸ\u0017�\u001d�(\\��=7k���z@�h���y�\u0011��C�;�c�Z\t#���G�\u000f\u000b\u001f���bw�t͔�\n�\\�����x\u001bp�C���э5��l���:�\u0000ӥ��[�|F'<h��g�K���9�\u001e\u000e��]LN��2U�)X�{�Z\u001eƫ�\u000e�a�\u0014al�(\t���\u0014h\bo4\u0004,\u0012R���%�\u0000�\u0012 \u0000@C\u0000�\u0005 @�n\u0001 \u0004 @\u0001�A$�2753��O\u0015\u0013\u0006Z]���.ۉ3��\u0002�\u0017��ɴ%\u0005s�m�O�߮B��6\u001bq���P�\u0018�Y�'SA\u0004��\"k�mX<�OSm�W3kO�\u0014�\u001f\n\u000e0��98n�\u0017i@\u001f����_}T7bӣ\u000fq�bx#\n8ז&*�y�~�˘;p\u0017X\u0005f\u000b\u0012\u00166�Q`\n��q*�\u0006����y��\u0018��\u0012ţ�\u0004qN�Tn�8�\b<�\u0013\u001a\u001e�\u0013��H�ޣ�g��\u001d����|.�\u0002%6d�T�6F��ҧ�������خZ�F&\u0017W�\u0004�\u001e��ufܘ46\"�ؘ6&�M+K}�\u001a��g2���fT��\u000bo\u0012д@i��T�e��o�Պ+\u000490����G���i\rf,\u0012e�\u0016W/\u000b�\u0000��8�\u001d���УWC���\u0002��s7\u0003#�\u0012DU�k�\u0010���\u0016��?�Jg�M2���\u000bdNQYZ��I٤��p�'@3E,G\u001emt��_\t��\u0003`�G��\taX�\\-l.\bmY��\t�\u0004���\u00100�;�����\b\tw\u001bA\u000e�\u0018���@]�+�yA��ߖ�֑�|Y�U���\\����������w��\u0006\u0004�\u001a)��wO@�~\u001e\u00156��\u0014�o����_\u0002h�`�v�\u0006�~�����\u0004�.�2A)��ng*��n�;cׁ�*\u0015��4��,I�\u001cn�I^?\u0010�:\u0000\u0000",
+      "type": "registry:file",
+      "target": "public/fonts/HKGrotesk-ExtraBold.woff2"
+    },
+    {
+      "path": "src/fonts/HKGrotesk-Black.woff2",
+      "content": "wOF2\u0000\u0001\u0000\u0000\u0000\u0000��\u0000\u0011\u0000\u0000\u0000\u0001v�\u0000\u0000��\u0000\u0001\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u001a�$\u001b�F\u001c�\u0018\u0006`\u0000�@\bl\t�\f\u0011\b\n��L��^\u000b�~\u0000\u00016\u0002$\u0003�x\u0004 \u0005�\u0007\u0007�\f�=[�Vq\u0007u���\u0015Q�y�\u0016R\u000fy&�\n�M+^�m�PwU\u0013X1�Y\t�\u000e\u0000O��������'�\u0018��ܙݽ�R\n\u0004�M�\u0002\u000f�\u0010d��\u0004���\u0010\u0016\u0001- �3\u001f!`�XS��Z�`szq'*��-\u0019�m����&'n�;�?\\x5w�ػ��W�a+p*\u0010h{�\u0011iC6�f�%!�~�I.�u�\u0004\u000ep��\u0017�\u001b��k�^:X>1~�\u0017\u001a�DGQW�����.</\\\\T�{������9���k2\u0011\u0007�P���ł\ts����$����\u001d�#\u001dNĿU��s-&2�*n\u0007��~�,2ч���\u0017Py�O���\u001e�K���*�\u001c�0?k>o6�F�;�\n^�\u001f�2��Ym\u0019Pƭ\u0007#�9�$O�\u0010���9�����1o���\u0016�A\u000e\"\b!Ґe���l\u0011�\u0010b[��\u0010)\r��Im��\u001bi�9�5ߟh[?ovY�\u0014�����\n/��̊����s\u0000�֙����2����\u0019�p{�mޝs�-�\u001e)DdTf��U[Q���֢1�Ə�=��s��}�\u001b@�Ѐ\u0011��\u0005Vb�(��G\u001ai\u001a\u0004\u0003y�ȯ���\"�\u001d���&T����yNv����\u0000G0�,�P#\u000f!��cН���ʘn��\u0018�RJ\u0007���핲�s�\u001f�\u0012T�Lۄ��v5�v ^��2��\u0002OD�S�~پ@`\u0007no��ۄ\bc\u0013௦��\u0012��&�&�L��b[i�������\u0014���\u0019�,g]�s'9�V�}\u0011\u001b�\"�A�xn\bb\u001eR� V������]dp��\u000b�$�ֆ`�ME��H�D�\u0012�'�� �\u0006\u0019DD��H\u0010�ֳv\u0010��9��Βdl�חM��qO�}{��\u0016�I�B\u000b��\u0016c]��\u000e�K\u0001��ΔҬ崀�.;�k�������\"{m>lꌴ�\u0012,=a\u001f\u0004'9�\u0000�j�������B�c� \u001e��r��sg��H\u00121#8�b\f/�!�n�Cj��]�E�E���7�u�}�WU�$�\u0011=\u0014ph֌�A\u0002�1L��u��,j�\"\rkB�^��x�pÅ�ٌ\u0005\u000f�X��L���৶�\u0003b\u0000*�f��i��ʷ�+o}��_�T����7==����\u001cF�pA��($V�T\u001e�ٶ�/6��nggv~��U\b���xD}\fiË�|+\u0000��5�EW�\nW��\u0012-��J���Y��D���h,B\u0003��e�S:�G���Բ\nO��\fW���d\n�~Q�/\u001ef\u000f���I�C�vJ\u001f�$�\u0010A�\f+mK\t9dˁ\u0002/�y�H�i'^�J�`���t��s5~�\u000b��/�>�BX4\u000e`W�g�hGO��ز��r�A�Y\u001b���p���$��˔��/��m�>e\u001fx��)�oW�b�\u000b@6�0\u0007�\u000e�j�mU<�Ӯ�\u0017)���A ��\n��A'(,\u0004�����j��I��\u001c���\u0006u�\u001b��t����\u0006��\u0010���}~_\u001f\u0014�ɖ%�\u001cw\u001c�@��Tb�\u0012}�#��9r�`q\u001a8�UlHRN�8�\u0006��\u0000�\u000e\u0000WD�M/g9���,�w@��l��[\u0000mg7g�O���ݏǻ\u0011W\u0011T�b�\u0013�do�o\u001d�RZ>̿1\u0001�\u0018+��#�\u0014iWW�VkCK\u0013�}U�s@P��uf7��̙P�7�F0$\u0001�y��\u0003K�x��X��N\u0001��\u0001����P.�9\u001b���\u0013J�r�\u0010����ܒr�{�1�!�\u0010�\u0018G8�8�W\u001e�X\u001bV��M��,\u0019��!\f\"��H�\u0004\u0011��s�����\u0001\"��iͭ�\u0010�o��=��R�h�����j�\u0001�؂��#����\u001f\tv���V�\u0000�\nDPP�^����黦[jL�U\"J�\u0013����1��\u0004\b�\u0007q \u0000o����L��\u0018��\u000f\u001b�\r��\u0010а�L\nLͤ�]\u0000��\f\u000fc��\f3�\u001b;\n��\u001f��&��d�W�lǗ�X�j\u0001\t\u0006'\u0013\u00040\u0018��O�\u0004C�5�XS���\u0000�ช)k\u00148>��P��\u0000 ��I�B|\\\u0006Ӝ�H��\u001fSd����,t�ˁ�f\u0002`o:��ӻ��襑-k��\u0000ީ]\u0001\u0010q��@����\"�ǿ��\u0002����\u0005H\u0006y�@̧x}_��4��k0\u0012\u0002\b@�a� �\b�=�+h\u0018\tkC�\u00161Xt��1���m\\\u0016c��w�\u001f�si�T�\u001bT\u0014�c��\u001a^��:V�K\u0003�觉5�i�:\u0006i�\r$i�M�i�-\f�\u0011�!�_,a\u0007\u0019�����S���i���4����+��!�\u001d�\u001a8�E�8�\u0004\fL\u0012q犷#U��_�˻�\ncTv�99/�ּ�ԟ��������\u0001Tv�����\u00040�>�\u0013<'�Au�CP�w�@\rF��^\u000f�_\u000f��\u001e�b=�]\u0005{d��\u0013�/b�Y\b�`\u000e�\u000fI�\u0013�ת2:ZC��'�Ψ^nU�i�\u001d�eZ�!�\u001cv��n\u000e��C't�1��&5�4�\u0006\u0003�\u001e�b��#�\u0000���T0\tr�%���+P�\u000f~%L�y��\u0005\u0016Wb��J��3��f�a�s�\\I�\u001c\r\u0015�I�\u0012��HӖ��� 6��[\u0014�%�?%�\u0019�\\�99�S�\u0002.��d;]9H[,�\n�k\u001a�1��m���h\u001e�\u0006�u�T�:y*2�K]$��!�,�ψ��C}�3ԸR�9\u0005������\"��\u001a�#���h>��A��P��u)p�k^\u000fRt���{=V[+0���$^�j\u0007\u0011q�HxQw���TT��r��2�\n��a]Z����i\u0016�_�4�ڎ�\u000eb\u0012�'E�✁7c\u001cI��.i\u0010��mآ\u0015\u001d�D<i\u000eqE���++[ע^ź\\p��E�u_~��m�q�jt�g�i�8cp��Z\\�9~*�uPg\u0014įD� *g�hP�F�s�����\u0015Z7S\u0002�\u001e���V\u001dx�\tċ��հ�o�K*�9\u0004���W\ne�\u0017�Q\r�݌n�\u001a�)F\u001a�\u000b�Ky�����ʠCS�Ԗ�����C>S�xD̓H�Wwq��p����\u000br2$1��\b\u0004\u0004B�,i\\8\t\u0010�T;ѐ\"��:�\u001c� O�&U\"���\nϘ�X��\u0014Ԗ�%Mb�/�O.G=�\r�1�zٟ��9�\t\u0012�\f\u000fzN��:m��\u0010n\u0013��1�&����\u000f��\u0012*2�X\u0004�J��!?�\u0012��q�k�.\\p��.��0\u001e��i\u0011���\u0015�3FĽ�v�P��j�\f�60�#r�\b��9^O�B��(^�K�\u001b��3�\u001d�X���\u0015���v\u0019\u001b³3��P�X߄���r6��i\u000bݻ��I��\u0012����X\u0014w�h��YT��i�ѠB\u0015�q��\u0016��B�Ӓv��t�X=�!\u001c\u0016Շ\u000b\u001d���q��:G��p�ձ��^�\u001fɑ\u0006\u001f\u000f�sq=G�����\r�u���\r\u000f��>\u001f�Q�\r��N+����z�\u001a��bJ�\u0019�����e(�lv5m?h5\u0015��OH��z<��T\u0012O6���+�FU�@i��X���k\u001e��H���q�?tθ�y\n�_0:\\\rյ�W\u0019�l>^�2��i��*є\\cc��Pg��\u0006\t�r^'����s��\\:\u0000n��Tw��cc�\u0013\u001d���g�3�t3,�\u0006| ��G���L��\f��e�\u001c\u0006�5�=�_ܔj�\u0002��ؒ\u001f%\u0003#?�\u0010��N*�BqP�:f�*�\u0002\r���EMv��a�\u0007�:l�\u000f�~���&o-���͖��G���,�ȸ\u0010WV|(�4U�Ug]]���Xc�5לCm��8�isں�\u0005[�jr����\u0012��\u0002\u001c��\f\f\b\u0001�̍Bda�X\u0016f\u0011�4��*\u000b�Y娣�c�a01a\nr\n�i\u0017�]\u0012�#T,�\u0014\u0019h2e�ʒ�'_>�\u0002\u0015\u0004*�\u0010�U��E;�C\u0007�?����\b��B���\u001a���[�H����\u0007_I����_\tH\u0013&$K�\u0019y�)٦I�<}�\u0014�e������ \u0019�\u0016\u0016ǩE��ڒ�\\Z��k�J\u0003̔�uA�fә�Pw�`�E\u0014AQd�DŕH^R�D��FRz��e�E^QED\u0015WJYe�l���uuՑW_=Y�5R�\\3�ܧe��ՠ��aJt\u0016Ԁ? �����\u0001\u0013\u0013P�\t]�f�C\u0007��\u000f`�;<\u001f\u0012��2#H�\u000e�_\u0006T\u0001\u0005 \u001a��e�ɘ��8�-.�iK��lEj\u001b3eB+�Ӹ��,Z�\n�-�HTQ%�%��WZipYe\u0011TT\u0011��J�*�ƭ�:��jC\u001f�I�\u001f\u000b�\u0010gl�F��0\u000f�&�\u0000s�\t�'�\u0004���\u0002g�)1�>w�<恜f\u001aĴ�\"7~46[�4��y\u001a6H\b�\u00008�`�\u0016a���8I���հ�r&\u000e�n�hc���+���#�G��>\u0018�؄]1��܉\u0016��\u0014N�Y���|\u0016,�\u0006���\u0007���\n윬v\u000bp��\u0001�\u0005�\u0018���\u001b\u0000.��@ �\u0019�z�'@c�M\u001b�\u001b�8N\b\u0002b\u0002\u0003�r�F,���Z\u0015��Q����p�����ޯa��z���t��7��\u001eF7�E\u0001�X���0��66aW�a/L��9��0�\u0011��\u0004���\n�'��^��d\u0006\u001c�\u0014�)Y�,`z�\f�ap>\u0004\u001a�\n̚���?�\b\u0002r�\u0013n�\u000e&\u0000��a�g欞��I/Fч���a�!.ӑ\\�,�����P���h��\u0016u[}��\u0001$TD\"��CDA�\u0011ZBY�-����x�Bb\u001c\u0011n�z��)\"�\u0014��2��\u0005^�\u001fi�\u0002�\u0001z�\u001a���7}���a�\u0012�Cd�!�;T�,�M�T��8�c\u001f��j<�jR�,�����C�\u0018X;~��hم[\u0018Qbz�\u001b\u00101\u0005!�M���N�\u0019�\u001cQ�U�[�v�\u0005\u0000$�A��J��'~\u000b��U=N]�\u0016�e�Z�$��R�b�I�$u�̅K�B��\u001aU����\u001c~�m�l������-oE/K\\[4��j�\u0000bw���h��Gܹ����9�1x��[\r����\u001e��\u0016e�䡉�q\u0002N�9�\u0010����\u001e��pCy�5Xx��+(N>d�����\u0013��� �\\�\n\ro^4$�(Rތ�S��ߴ�?�\t�բ\u001b�C�\u0006Y\u0012a���1xb�X:VbE��to� �\u0005ugi{���D\u0003f01$6\u0004u��3�S;�(�p�[�\u001f\u001dh\u000f\u0007�Mg;@\u000b\u001dc\rrԝ\u0000T��n�-nl�ͥ�oT�[%]ee~���h�S-��u���\u0012K�����˫˅f���\u000bN�ݙ>�Q��,`%�+,(F\u0019���B���2\u0016�$�<��F8�3�D \u0006�\\�X�\u001c�+��kZ\u000b\u0018zyh1\u0018��i-!u}&�Xύ\u001b�;Amf�pۭ��wY�K\u0017� 9\u001d/�\u0018�\u0007Hy\"�q�\u0000�[�V\u0003�C\u001fͨS�\u001d�JF|n�\u0016�C�O�]�C�/\u0004����/���n��W��\u0012����\u0013�(\t�?҂s�4@$\u001a>1`5:pZ\u000b\u0018�\u0004q\u001d�?�-�:�\u000777�\u0007�C\u0014P�I'rh�\u0006dZ����\u0013I\u001c�'3,��j���\t��CY�iP_\u0002\u0003vP�!��e��\r�}%���i��3��q2\fm�\u0007v\r�C�}�\u0016���\u001c�\u00180��ɲ�q��#�\u0006���x�+\u001c���x�%�?ⴳJ�\u0001���k����\u001aD1�Y���_�R\u0010%l��m�h�(fy�ђ�#�~cgP��^�a�2ә\u0006�\u0019c'���\t��\u0004^�\u000b\u0013�\u001e��\u00133N�\u0007�ud��\u0014�!:\u000bd�>U��B34Ks�����\u00156\u001fA�>��\u0018�q{[�\u0012�a�\u0003>IKkq��u����+\\d�kSL�nFcg�\u0006�tڑ?\u0001�M�\u0016�V�ǎ��wuV��<��_(~Z�4��\u0007䧭OU<�8�g�t\nzG\u000e���4��2_��6�h���Cz;��ό�\n��%4���&.ʉ\bG1�^\u0001\u000b�\u000e'\u00045�\u001d[\u0016�L:8���Nr \u001f*�A�J��9q��!R�D�\u000e����L�\u001a����e\u000b՚\u0005/�!.R��\"�-�+-�$S����\u0013�j\u0004Ρ�\u001b���[L\u000b\u00131\u0013F��(�\u000b0�`_�5�EPB�W�\u0016�\u0004��\u0004^`(\u001153:0Z���Q�\u0006�bpC�lx���e�S��\u001e�c4�;[G*xf��h-Y��R��+3L�an��r0Zw\u0018U�&d�X�T\u0019q�\u0014�\u0005~�=������p�5;O4����\u0016��K�ɤ�P\b5\u0018jph�Me\u000f}�כ\u000e���F\r��C��uOA!�z\u0019p��=6�JVi`����\u0018k\u0011S���\u0016AgE\u0019\u0001�\u000b���\u00102K�F�q�Pma�![\u0011��R�\u0011�a����2ƱH܈-���5�Ʃ\u0002\"��vig;-����Cs\u001d��z\u000fLv*�R�C\u0018�\u000e\u0015�\u0004�]�'�E!��\u0003��\u001b�}\u0015�.�*9�*\u0015�����|33��f��X�%\u0016r�1Up�A���a��\u000bha�K���G���С�*w�`ԗy,��a%\u0017�SАJ�c^�y.\u0018�����P���d2@VFZ�K\u0005��$O�\u0016\u0010����\r\u0019s�`fH\u0003k�ń���GBP\u001a���\t\nf�UB���J%4{J�^\u0006�\u0019qN�}K�Ǥ�0�X<��+W Ş8\u0012\u000f�@V:b����\u0000��&\fƲ\u0011x\tsQ�@+54\u0010\u0011\u0019�\\*�0�c��쨏Pki�Z����\u0010�R�m���\b�*G�\u001dJ�\u0003�:�4\u0012��QE�\fď�\"�g@(-q�jY�H���\u001b�0�#�=��^\f��\u0019���^�\u0003N��e��X\u0018]��g���\u000e�gF'���ʋ3\u0016X\u0014P�>Q�8\u0000�U���]%rA�U�E,\u0018�a.VU���\u0011B\u001b\u0002a�S)X\u0011��N\b\r�o��\u0012`V\u0002�[����ЅVG���E4���)*̰؋ށ�\nҜs�\r\u0015�V�̪�\"�#�3gq�k�B�?�\u001f�\u0013C�0Ww����m�� ���Z�����]F\u0014\t\\\"��[�PE\u0003mtE`\t� \u0003�Z���\u0011�\u001e<�'�s�\fXʱ�}�������-�r��\u0000d��|-nТ\u0004�L����Z'i��\u0003\t���H(Xs�\u00066\n��;�r��\u000eO\u000b�����q_K\u0002�\u0005]�;�\u0000\n�Fv\u001c\r\"\u0003�\b�\u0006�\u000eщ�\u0010�\u0018#\u001d<Q�ɧ9\u001c\"f,�y�,\u0004\u0015R�Q�B��y�<���9U�A1�M���\u000f'�\r\b����.�jU�f�J�a�贸�^ �x\ni���T8�\u0010Q\u0012�H��\u0016�ТK�R�\u001a�\u001a\u0005I\u0014\u0005��W�i&�8.\u0013�1\u000b�}E\u001fw��\u001alz�yGؤ��]K�W��y��K�.��M\u0012p=ql\n�\"�\u0017c��}�̚\u000b\u0019���h#�Q��\"6\b�\u0014�\u0016᣿�\u0003���En+�#׽�%�\u001cp��}\u000b��4f0�9��\u0015w�\u0001<�g�\u0012��{�W��\u001c��\u0000�&���\"~m�A�O$�v�ZTpuz?�\t�!�#��+�\u0004�z��,�\u0000\u000eD;�\\��>{�H��3O\u0017�9M��\u0007&�n/�ժ�\u0017���ʥ�@\\�;4���Ά$��:�bĔ �yQҕh�O����x\u000b�\"����\u0005�2�j\u001ay�\n�A\u0001�K?\bj�\u0018�&B�\bUM�u�c8�T9*\\\u0014#S�f\u0016\u001a��]�\u001a�CFͨ�%���k�А����H\\q��rY�l\u0015Z��yߍ�Qx��S�x9*�A���;���\u0012d�W#X�\\Uڡ�{�C�1b%�T�V�Dy�u@���� c\t$�R�N�$�jtBc���`�\b%�(R/L�\u0002���\u0001~_g��D䴊5\b��P�nh���\u001bj\u00021\u0005�\u0012�DHU�^\u000f4����4\f���^�F��\u0014kЫO����l�Gfy����_\u0016Y�3��o�0\u0014\u0019j���)�,M��\u001fS\u0010��Ir��)�\rjU���4i�\u0019\u0016���Ms_\u0000�qt9_� �r2�\u0016\u0001*\b�^�e\u00116\u0005���ɴ@N�\u0018\f\u0001�\u0016�i+A\u0016�i\u001b�\u0016�)�\u001c��B0��/�'��\u0012(\u001f�Ɵ\u001dB\u0006j�,��\u001a��\u001a���{�\u0006�@�e��'c2����MS�\u0011�\"���e�ڿ.\u0016�\u0005���f���y��e�m>w~�navG3;\u001f��Ѥ\u0017H�\u0007s����\u001e\t����v�o�5�5�F����XƦ�@\u0010\u0018\u0002��\u0011H\u0014\u001a��k,\u0000\u0017\u001eO �D��\u0014*��`����?8<:>9������oqw�\u000f\u0001\u001a\u0013�O�/�o�@IYEUM]CS��ڼ>)\u001993�\u0014�T,�;f�~�L��\t\u0005 �F�\u0015�\u0015:�R�\u0011�j`\u0013S\u0014.!\u00115w:z���a���I&��IG/W�`Q�%�U�D�\u00017=��S_#�\u0001LPg�]�y\u001f��\u0018$�D�h\u001bYZ���h�������/��,}��}��Z�tôl���͓+O�\u0002��\u0014+Q�\u001c\nCcqx*���\u001bb��\u0010\f�\u000e\u0005ï\u0017�h>�D��Ը$B�\f\u0005*�hТC�?���\r���ࢋ��)\u0001����,8۲��+@���R����2���T\u0018墯�,�\u00035V1Tg\u0017#\rN1��\u0016��B1m+\u0006\u0013lp��\u0010bH!�\u0012*���\u0012%��69�*\u00152�\\���&\n\u0005a�X[ �J���C\u0000D��$�o�mU!��:&Wye�U�\u0017\u0005\u0017�_��!�A�k(�X�D3���^|?$�k�?\nB��>\u0017�\u000f�\u000b���\b�Ȏ��/�\u0001��������h��3a*ӦGz�I�Yܐ|�\nȨv�邶��N�\u0010ӝ�A��Hz�xw{�y�&\u0000.3� H\u0003��ma!��~x�\u001e��l\r��SL�uD���LԪ\u001bz�����\u000bm0*\tG���%\u0010V��s�\u000b���鳃�\u0002�J��h/Қ�;��*�R\u0003���������ü��`A[\u0011�\f/Q\u0017����\\̒w�\u0019\u00170>�V��@�\u001dZ1�\b���<l��q[�\u000e�y]rt�\u001b�L)��\u0016,\u0016�e���o�u����n>=�\u000e�Ų�J\u001a� \u0018��+����1wv�ZR'.2��P���~8�9�\u0012�;�\u0019Λ�U�?!\fTQs�\u0001Q�f�G��zXm�TR��^f/Fx\u000b�؀���x��\"\tg�,��b�-���+��\u0012IS�s\u0016�s\u0011�vĶn=���\u0005�綬�W\\�\u0015�����ut����t�����d���ڻ��6y�\u0015�jC�е\\t(:C7R���\u0000�\f�D�EnEc��\u000e���xw#\u0005�Uتe}�\u0012�\u0016\u0018�����\u0014؜���\u0012O��Ϲ��A��ޟ�\u0016\n!�R�N@*��t��㪫B����\u0000�c��ʊ>�n�?�/\u0002}4��3�k���A��?\t�z���\u0013�3\b̿�6\u0000Z\u0011?Pb\u0013�P�$�n\u00073�\b�\u0019\r�*��+��Ϟ���q��]9��n������t$�!���g{N�w;����\\��\\Ç�M-���Fd0\n��1b�\u000er(��\nj�,x(�k�\u0014�8V��_��\u001ey��\u001b��%����\u001d�\u0006Zi\u0019$�\u0012�����Q��6��q�W׿���s��yߎ�*k�ؑ�\u0012\u0010�\"��[��\u0010X���QA�-jn�\n�ISv\u0001����\u0000�+׀��s+�+�ߢ�_���\u001c\u001dL�̠���h%h�ee݊���\u000e06��\u001a��?\u000b������^\u0000:=\u000b�\u0016�\u0017�\u0016p�����_�g\u0002\u0000[\u0006\u0000l�<o�2\u001f3\u000f\u000f\u0015� ���\u001a�\b��\u001a\u0004\u0001��}�W%E0�f_��(�Y�\u0003�+��R��\u0006����u���=�\u0013�Yl��n�»WT������\u000e9���a<<{��j\u0004\u0016T~բI\u0017Wl�[��\u0007\"�\u0011�\u0011�0���y��xs�p.[9�=�\u0003o�\u000f[H\u0003�\u001f\u0001����c\u0000ԄEDR[����t��9n伷��1���F_�C�Ȍ�L�\u0015\u0003-p�\u001b�����\n�i�qpE�j��\u000f����H��fNHN��\u0017'�t&!���A�te�N�D�0��\u0014:�:�]s�\u001bO��������\u0000�,�I�{�b���4�$��MWv95��\u001d�^ ]'󒥏l|����O����'���9��c\"�x�%@C�\u001a�ذ\u001c\fMfD[\ro�i����1����\t9\u001b\u0015���f\u0017��܂�/ԼB,(���-\taY1�\u0016]�Ua\u0014%�\u000e�0��\u0016�i����m��V��\u001a����UZ�dg\u001b�����K��9�1)\u001d���r:���U\u0015��pՅ�\u0019���Z㮱���`w��$q0\u0011�ה�9�Ď�jk�ɮ̐�`w;�\u0000\u0001�\u0010h<\u0001\u000b�\u0012qH\f\u0010G(g\fhyHy���\t��\"��s\u001c��<����c\\\u000f��@w\u000b�mLwPn򌅼� ���-\u0002yDC�(����#��L�ö\u0018�cɈ$+\nMT�h2#3Ƒ\u0017O~|\u0005�ʍ��]��Ǿ����\u000e\u001a���\u001b.*벊���v�s���6z�Yc�ģ�qc/ei˘h�K�i]OF\u0005��\u0010N��!��Ls\\B�}Ȭ�]d��0�������E'lj<��_]?h���\u0007?P`�\u0016��&��_��5�\u001e�\u0004��\u0003��;]t�e,g�Z�\u000bqO�\u0005$�����L�*\u0006�b\u000f�@s��\u001f̸\u001e}\"�=3��,���<��\u0015�>K/6\u0014\u0017��\u001a\r\u0006���u䋽0{�\u0019VN\\�_\u001b7\t��k�%L���\u001c\u000f�鍑K��ڮA\u0003��(�2JU\u000e�\u0003��ޒ�\u001e���u�>w�닽+�#<�\\=>*2��\rG��bRj\u0019.��G\u0006\u0013�ou\u0011ӅC\u00187��O��}=��\u001dC�pL��ij\u0007g��F�޽��x�ȸs�V���/5QI�*��y0�8�R\u0001\u0006��؀\u001a�<5s��\u0019k��ҥ�kc$���sh��Ɔw�_�/.�1��m�H���\u0014y9*)�\u000f{&\u001e�\u0017�\n��ބ�$}|�֥\u0006\u001al\u00170\u001b��5�\t���H֛��uj�x�\u0000\u0004��\u001c�\n��:\u0018�eQp3��\u000f2Q�9�7p-�4b��Dq�@�Bb�\u0014\u001e6k)�h4=��5L�Xc��:�'�>�\u001f��M9�\u0001�[�m��\\Tg��^\u001cn�Xm�.kȬ��_%S]:h\u0006\u0001�\u001a7z\u0007_&��t*��1����4�\u0019n����J�7\u0006Sc�\\�\u001c�a��g1��kV�2=�?��7\u000f\u001fSccگ\u000e���x�{?C��n�<��]�=�<AZ\u0014�{\u001ff�\rS��Ҝr�VJ����\u0012\u0016P�%��qD\u0007��;,�!�;1\u0003+�H��RJϿ���\f�{��À�9V��8��hy\u0016��\u0013��\u0012lN�9�(�_��R�\t��\u0010��eKQ��dG��*�=\u0015��R\u000eT�CUɑ�ǹ�\u0002b�m���#/�H�3��_N[���q���y��,�\f+T�%իG\u000b�R�\u00011\tJ�2D�(\u0019J�2B\u0019�LЙ9P;�,�QAO�QϞ��4(s�,��������\n�\b#���$���N�(����T��v�m*��YI\u000b\u0003�V\u0015�6�q�ݹ\u0005>\tݲ�\f\u0018f�]�\u0014b87\u001d\u0010�?\u0000�~���Mu5�/{��H�8qϊ�s��Q��\u0011.B�J��������J\u0010�L�^O����D�3\u0013pW7W��\u0016�t�3��1�\u000bR�x��z\\���47�NG��\u0012EE*B�P��\u0000���\u0003���B�bl.D^l�\u000b��&�R�\f�M���J\bt\u0010�&\u0010\f�PalZY�!\u0013�\u0010�lћ�@��e\u0018�L�09�V�L\u0019l6�P\u0004�$�\u0004K4)\u001e�\u0016\"A�9�x��Y\u0010�b#�\u0018�2C\b���A\\��\u0019�&�.y\b�\"\u0019��M3�\u0004�,\u001e\u0016x�+�b\rT �.Z�U�\u0014��-`AGOg#����oߩ�ً\u0012�\u001b[y��\u001b/!\u0012b@��o��\u0003�����\u0014�\u00135����\u001b��0����=�\u001c��HqG�k��\b'�:Xq)F\u000fL���e��#+-�M^e��B%K�3\u001f\"�#��P��o��\u0007\u0013uH\b{�Z�����U\u0011ѣV�� ��\u001b��Y)�\"\\~�D�Oy�`v��b�}wq����\f\u0019�Jy0����4ˋ�\u0010�\n*\fSZ\r5�\u0012�l.�%�\nEh�Wa)bw \u001cE�\n釧�߁\b�|�\u000bR7\u0012i\u0012w\"\u0012M�\u000b$d�䝈B\u000bKv��b/R�@�\u0014�WH\u001a�4;\u0010-%j�ģ;�^����\u0016��\u0005\f4\u0019v\"F��\u0018�\\֋&��T�M�Ù�k\u0017���i��hY��K\u001f��KND��a�h��\u000b��\u0017����\u000fw�)\u000e'o8{��\u001b�}��\u000f��p\u000f���[^����O\u001f���\"\u0000�\u0004t�i¯�C�tT׊h4w�XcU��P\u001f�o�M�Q\u001fٍ9\u00020\n��\u0016�\u001b\b�S\u0000��Zn��_\u0002D�м/Ю?\u0018B/[\u0007�8U��`��4�\u001e%�r��\u0013 p\u0018O�=\b,1f\u0013�)�9���n6i,�aw`��h\u0003�\r�9�s/��B��3�W���j#\u0010�%��a�Ћ`~��ċ\u0004�\r���;\u0000,v`|�\u0011�j+�����\u0018�y\u0004�a�8G77;Q<\u000eK$`0�\\�1�D`��ݜOp�`�„\u0005�b4tL��4hg\u0016�\u000e��J�b+����\"JV%�Q��\u00058UWl)\nJ�G�\u0018��-\u001bf�\u00015��B�!�\u0011\u0019w���\u0018\n_����B����&��\u001d��a�<E_��V��m��m[ۂ�>\n2�'��T�!�-禴\u0015VYa}����w����ewa�\u00159��p\u000e�E/��j���.�YM�P4N���v�B\u0011\f�&U\u0011M\b��\u0016`\u000b�?ET\u0014=\u0004\u0014 �\u0010�c\t/n1���9x\rBe��m���G�Q\u0013�$��\u0010\u0000k\u0001\u0012ZP��\\:�٬�V\\94A0\"5�j� \u0006���V\b���s(�5F\u0019BPԏ��\u001e����d�*�\u001d���\u000e.\u0010\u0015�\u0013/d��7\u0002�ZA��UsO�kI;Uւ\u001e�m�\u0002��ɟ��SN�\u001ez�D=]�_\t���4P\u0014H��H�1����U�_��g�B���������wS���\u0011&�h\u0007�J�{\u00012��\u0003�\n\f,\u0018��\u0001r��n8n����A�\u000b\"�\u0004YJ5�Cq�9��>ݴ/��t�y5\u0016E�d�\u0018W���\r\u0012�\u0015Ɩ%��ϣ\u0015\u0000�f��\u0018'�tIt\"�YI�\u001fE>��J��~:a=�Xs�{?��X�q�7瘢��t\r\r�SA\u001cZ�\t\u0014n;�Mt�w\"\u0004�<�f��F�J*BqMEG�\u0003��Ê�4�)�b�K�\u000ey쓏0��\u0013�7\u0016@�\u000f�\u0003�\u0014z��hc\u001a�F���\\:�0k)����\u0015�C\u0011��qtFҲ+W>�<�zr�\u0017��$��\\�C\u0007J�X\u001d�`\u0004�5��q\u0010��Ih������<d��Rfm�<LB���{0�P˧l�S�t����\\�!)��%�,��\u001b\u0016]�S�#%W���'v�e\u000bz�|�(\u0015�m�&�II�8$\u001b��P-<�C5���{qB3۔\u001c�0}\u0002�P(�F�{C�ܸ\u0012�\u000e�\u001aA��\bs,�<8兕���l�&��\u0018���\"ʚ�zJ�S�\u001b�ѐ�\u001b>X�z�\u001a��>N�q�aG4Z���ͺ���X\u000eE�C�m��\"��5\u001a:�\b�1�L���p\n\u000b��gJS�K���7�34u?�\u0017�\u001f�����\u0005�?�p<U�\u0006^�yT\u0006\u0017�w�P�.],aP�\u0010�V��\u0017�\u001aû�NM�w5�\u001d^�\u0019�c[N��Ƞ��U>�:L\u0018�\u0016� �@L \u0006�i��\"��sn���+���@%��\b��\u0012��\n?xKc�'��7\u0015�tU��b�ֲ\u000b!\u0015��\u001d9�<��>RDKM\u001c\b����\u0018�\u0004L\u0001�����L\rO?\u0011��\\���ye[\u000f#\b��AS<�+�K��?\u000ed�(�PM/�,\u0001\u001b*\u0017�9�=\u0000����1���(�H�\u000f�NU�HY��\u0005��\u0012\u0004I�\u0000a�f�j�8N�S��(�\u001b�3r-Q_�뼼`�H���\u0006i�!��h\f`5b�\u0012��i��Bˑ}\u001e��u����\u0016�%JG��]Ch�ԧ��\b�\u0006Ŭ�s���{�+�\u0003B�ħ����'2�L�X�\r�$r0���k*x�\u0012h@���z��\u0002g��j��\u0005�w\"�=��h頕������\f��DF��l���zj$\u0010\u0018/^���?\"\u0003��-��_�\u001auX\u0019\u0017�Wh�\u0006����� \u0000B�r�G��\u001b�\f|\u001dj�G�ɻ���ԡ\u001b\\\u001b_�W��p2�\u00062�Y]ʘB�6�H����\u0010!}�^L#r\u0011���0����\u0014���\f\u00120�j�|=*$\u001d\u001c�q�W���\rD�?�?\u001e\u0004��`�)j��7p��Kq�\u0001Q�HK�-Hq�`�M�\u001a�����TXɕ�<C�nP\u001a�x(��3Y����r\u0011�\f\u001b4(A/���01C����\u0004\u0000�j\u0006+��I�XP\u0000�L�P���\u0010(��n+'�g���$�$\u0003\u000b��\t�b�\u0006��T��S����\u0001\u0003<�Ў��\t�z\u0016��n\u0005\u0018\\\u0019��O™*z=\b���H�PDžh�\b��b=7sI \u0013�R�\u001e\u0011\u0012Y���&)\u001c\u0019 �l�b;RфFJ�L�Ȋ[Lu踑,Rɰ\u0012\u001d+Ҡ�-9\ri\rS[dC��j�.�kS-,΀�iTS��'#��D/\u0006���s%\u001a�ÿ�mN�跸(�r�(��W�\\ԿJ��~y��z�v\u001f��QO-�\u0007f����⣨�o\u0000����\u0003@k\tnA�d���=�N�#�~�\u0012�Ϡ\u0019r�|o�h����%�-�8���\u0012 N�E����=_\u0010�\u001f�\u0015\t���_�V\f�:�\rZ��/��X=\u0011M>��\u001cC�؆TAg\u001b�S\u001fAz��;ґ����N>:qR֢7�ƕ>}�=R�ބ\u001c]vj\u001e��P�[l\u000e&\u0000��O\u0015m\f)�?\\.�U�v_0$y&\"q>��{\u001c�-P\u0019��\u001bU=or�#�ڴf�\u0012���\u0018\u0003ꗍ2\u0010��ʙ�\u0013��\t�Ȅ�H?ղ��M\u0006=����.8�q�\";�>�\u0005T(��ϫ���\fT����\n�N2{1��\u001bD#Dl���/i�Wn?�b���%��.\u0017�S%&)6�?Հ�pHn����>#\u0015&zt\u0014�؊�ŎU�\u001e\u0017��!�\u001cMl�H��$\u000e*�<��Fv�\u001b\u001d\\7��\r6�\u001d9�R;Ӎl�\u001b�D�O #\u0015��g\u0015\u0019�U&�M�\u0003Kd\u0002F2q\u0013�Q�L�%8\u001a�\u001a��q�e�R\u0002?Ȋ�\u0017\"�\u001b1�h��7\n�.�N��38\u0017�Uv��v�tY��A�|�\u0019\u001b7tK�o�\u001bQ֔�����b��ȴ;�1�w�c�3��\u0006-\r��A�x�Ԣ\u000e]\u00129^�V[�<�!Z*(̾VTr\u0014g��\u000f�\u0006W��B�\\�7�w�;Fq��\rB��p�n)�\u001b\u001d��\u001a\f6�td9�A^���'��w\u0017hq1C\u0005������\u0003\u001a��[�]*�g�P�9�l6U�>�\fgm\u0015�m��[�f�@_I�ԧD ��b�s}��\u0001\u001f*�\u0015��\rY�3]����P�/b ��N�ts`Ta��u�\u0000\u0003\u0003�|K6�j�\\1��@�\u00160�ԩFh\u0012\u0007e�ʫ���pڸݒ��\rOl�\u0007\u0014(��U\u0006|\u0016�\u0017㢇\u0012�\u001eHߓ\u000b��\u001d#NNu�\u0011\u0000_}�\u0019�\u0013:�Y\u0013���Mɭf\u0018~�\rH;�\u0013��'���:��\f�wd<_RL��Ʃ/V�!�z��hiw��k\u0010��G q���\u000e�+�_��e�\u0001�,G^��y<\n���]\"e]�bM��0�\u000f3�)ē\n�^��q|M��V�\u0013���\u0014٪\"�\u001b�xζ\\�z%&�dK�ߙ\u0014�FZ\"ha\\R\\B*(R���,ms�\u0004ɒ\u001ej�7\u0019�m�\u0018\u0004y��VS5Zn�!�u`.��\tj�\u0010Q�=BJ^��$+�呠tL{,�\rM�\u001e�ׯ�\u0010Hrӱf-����\u0005�� ̱o��E\u0001dh7ż���U\u0011\u001f��׼>�\b�\f���(�\\6\u0003;m�*�!?9 sQ�(�r�����y+��g�\u0015R\u000f\u000f��3�ƽe�\u0018\u001c�82�>zT�S�U\\�ԫ\u0013�P\u0018\u0012�>ϴ\u001cAwJ̦�7���(ؚ��O�f���[s\u0001��\u0000���h�ٍ���\u0001PQ�\"�[��S5x��\u0005��s�h�\rN�\u0005\u0019i�\u0018�02��N\u001a�\\sn�\u0016��o�=$�_<f���&�b�V��ݘ�M�\u0017ŭ+\u0010�b����\u001dhg\u0002�Dq���\u0003.��͹������ܱ��P��Q�\u0018,��bO�\u001d��\u001ff����\u000b@7����՟W��t��\u00184��F\"\u0011Q�58��[��8�}��P��0\u0000����I�\u0016A��[�\u0006u�<G�]���8�<ه�b<���`\u001ecB:a�W\u0007�\u00172`\u000f�!v�.I�;�1a�(\u001c�y\u0015��,\rSW\u0010�m���h)�\u001e\u000fj���\n�#\"��)A��\rN�b�;�*״;M\u001a\"srdž�u�ֈ�\u0013���\u001f���\b�Ssr%�Q�s��{�|��*\u0019���\t6&K\\m��m�:���-�N6$��.\u0012Ճ=;RQ�&�Aq��\\��C+~�u�[�����z��f}���ֿ���\u000bD_��_\u0004�A�]�=�t��R�[l�\u000fP��0:\u001d\u0016��cp:<b{*'�v�G���\u001b\u000e�����\u0007r\u000b�s�3��9\u001b�߉':B�\u001e���P�g��7S�T���\u0007�5Y��Dp�:n�<Gk�J�_��6?s_��؂���U�\n˲��Ul熻�4\u0013E4ފ��H<\r���F\u0011����\u0006\u000e�\u0018f<}2L\u000f���XV�_򯆨��G�\n�C*���\u001a���J[p��[\u000bQ�W�_ZVup��\u0012VI�\"�-�n.(��A�\u001a\\֡~��/\u001f\u0004^�s��\u0015�/���i���A��ģ�tHB\u0005��9\u001f�H\u001e\u001a�^xq(����r���8�Ɂ=򓓤FE\u0010)'vpv�\u000f�\u0011�q�cX\u0012��\u001f\u0004f\u0001�@�o\u0016� ���m\u0000\u0003nj\u001fe���K/\u001dV�VL�A��t�k�W\u001f�FM�0^<;J�\u0019�ɳ�2/�\u0012�p(y��u\u001ch\u0004x\u0000=�\b�f0l�\u0010㉂�A*գ(\u001a�bi�\u0016�\u001f��v�\\�O:b��&\u0004����vA#0�\u0014\u0000�q�e�e\u0017�\u0014\u001c\u0017\u0000�2C+\u0013{]zSa)\\�[�W�\u0010��P4g�\u001e�fY�M\u0015%��r3�\u0000\u0006�w�~x^���~�\r_�����*̮���{\u001f\u0011YsY%�@c��U\u000eO�\n�3?!�\u001f�\u000b:R\u001f�!�UǍM8�S�Ai����>\u0001�t\u0000A���Ao�\\\u000e�ǂ�\u0005\u0002D\u00184�A\"_\u0016\\�P�sV��V���-��ं��a4n�\u000f�{\u0011�\t8�d5��PV����O�\u000e3ƹ\u00116q�>�t�\u0016\u0016�5\u0002��]�\u001dJ�@U�xZR�\n�\u001a���!ߠ\f�˗��\u001d���{�\u0014�\u0000�'��\u0004\u0001�����nT��K\u000f�\t�N��\u001ef:uءW \f&�#\u001ew+�4T\u001eI\u0017�V`\n�X#�ͧv�_Q\u0014����!\u0011�;���D�e�X\u0011����B#)�\u001a�x�\u0012�=<���N���\u001fJ���X�p/QgT���ǭ��{\u000e\u0005�X\u0018�&\u000f}���\u001b\u00066�N^�u��\u0014��$��=�����?��D��Q�d@��\u0000Y�\u001c�\u000e9,�L޹����w9�Xu!Nq��:��\u000bE��\u0012���\u001451V�FS�GǺ�q�\u0011�S�_DIԳp��\u001bg�o���x��ϑ\u0000뼻u�R�Nwq���8�?�|��b���3�\u0019\u0018\u001f��/�i\u0000\u001b\u001dk[\u0012\u0013]�ۀl\u0006�����Io�jW\u0015H�˩�Mg�P1�˩�2����%��t�n􎢶u�\u000e[�w\u0007���D�ӑ�\u001e�3c�u�#�ؽ\u0019�EW�j��VV/\u0016���Ș��[F0�n�~�g}���'�3\u001fh�^�\u0019�=\fFPƤ�7����mi%U���7��fW\u0011ΰ2��e���(ߥ��\u0004�.�p\u0011�P��e\t\"gK�d70\u0003�.A�\u001d��:{5��^����\u0002$˪ck*�E���d�`�%Bz1�v�\u0002�@푯��'��x�)%\b��7�}]�M�x\b�a\u0004��Kѻ\u001b\u0013��\u001e\b�b��Ǟ\u0015\u001c\"��;��V����P�q���_6�\u0015`���M���j\u0019�B�>\b�NO�0��F�\b!�\u0006yː\u001e�~��*��x���<�7�l�ȵQ{�?y��\u0017���e���`�f�p\u0001ӽ\u0010!�|�\u0004�\u00073�:��\u0000X��\u001d0�j�\u0001Z��nB4���Ն��\r�\n�d4�Ajj\"'Q\\�v\u000b.�J����`BE\u0000-�(W�!��~H\u0002�7l\b\u0013a81z���q�lYV���,m$[o��&\u0004\"¤�\u0011t���}\u000f<�\u0006>��\u0015����\u0000�4Eqڽ�$���\u0013O�-մ�/��^>�'\u0000O\"��u7\u0006����N\u0005c\u000e�\u0007�֖f#Y�\u001f\"\u000bD�\u0011�pW��?��e\u0013N�\"4-��?��xJҢp�j�+y�ĉ>�12>�\u001aC�pk\u0018�&Q�JV��TۋC�@lFwL\u0012ų:\u001c�\u0004\r��\u0007�)\u0001�Q\u000b\u0001���2\f\u000b�\u001e��vў�T\u0000\u0003X�avPj\u001d����K�ػ+��xU��Δ\u0012�LY��RD&\r�j���_�h��Tk>󷗽�\u0016���,T��<*\t+$B�X\u001cD/$aI<�f��*�m�}\u001f�٬>�\r�k6�m��\u0015b8]xɉ�\u0005���3�(\u0012���O�z�>N�iYuD(Վ�\u0015\n�M��-|Fu\u001a���m�n�(G{�������\u001a��\u0011�h�_�\\�s�\u0016,�Wg�p�K��^ϭ�j`���ߚ�kF�.5DJ\u0013`\b^���@\u0015h�jy�8�\n�����\t�1�\u0004,�k�+��;�D���\u000eՇ�*��\\����U�]n�u{��qQ\u0019p��I�����\u0003�f�\u0014\u0016I*\u0015\u000e�����otJZ`��X+�A���FZ�n�O�\u00114��߶�~�M�-��1�\r���˲����<(�p�cWL��g»4�&p\u001fL0�y�\u001b\\V~�)�P%q/-��\u0010kr�,z|�V?r)^��\u0018x���tk�'C��\u001a<'.T�]J7:-�6�W\u001d��\u0018�Өw������\u0019|\u001e��>,~�b\r��t\b�~5o6��BF1��PDD\u0014���X^��\u0017�8�r���5\u001b�\r�F�\"�!t'Y\u000e���\u001b�;�Hʆ��.>0w�����\u0000f֭.\u0004�\u0001\u0016z�KB��P�LA�J�0��`��7�����â\u001d)\u0000�+�����~ְl4�N�L�pM�(�c�@��9�1��\u0003�<-�� ���W�?�}(�\b\u001et��C/ox\t\u000b���P����p\u001d�J�~��\u001d+�d�Ӛ\u0001�h��\u0019���&\u0012XY�\u0012�{8�Ŵ����\u0013�~���\u000bD?�|�Z8�r�\u0014�\u001c��\u0002\u001b0}�!�\u000fՕ�[[+>}�ji~_�_�;+���n�ݐV!���\u0017䧖�\u0015��\u0002\b��+i\u0013d\u001cVoG\f\t��O�w��\u001eq���\u000e��^\t�'J��A�s7_zkpG�\u0013T\u0016Ad×�W��H���O4*\u001f�+f�|\u0010I�\t�b��~\u0019\u000f\u0013�\u0012�\u0011�;\u0013�E�=c�ч���ԛMb��\u0010.\"ʨ�g��)�\\Y�C\u001e�+�e��N��;UR�d\u0016l/�m�\"m��쩴�}����N�U?�u���A`��;=|\u0001p�\u001f�l�V��m ��DN\u0016�1��\u0007�F�mBCZ������+��Ug�z\u001b����\u0010~u]8�yq���\\@�'��G\u000b�s\u000elZ�E�s\u000fㄇ��\u0016pw�����c28&7Gת(�H���C��^��v��H)Ml8N�.�\"��O��2�#�M�\r\u001d��K�[vEk*2S�=\u0017\u0004š����\"g}�\n��x�\u0012nS�Ti}l\u0019�3��_�3Vl�U\\E�E��nuŹ�6˶\u0016\"$�$\u0011U�\u0012Mu>����L�+\u0011l��\b\u0010�WB\b\u001f�\u001c:����Xn��5k�|�v-����ܞIJrQ���}�'\u0006?\u000f������|'1\u000e�E���&F46?\u0005wpv���X=wf�\u00006����&q�i�ܰg���c&�辣.�(qN몜\u0018��ۏ?<�\f����\u0011��\u0002F�Ɓ\u000e\"|\u000e^ h:�Ѳ�J\b�P�~q�N<�\f5�\u0001\u0002.�\u0014\u0005���͙�樗X�XxG��?�L\u0006��ۭ|��y�&\u000b��f�5��]P\u001bD�w܇�#�НH�@��ك�1���Ҹ��E=?=��z�V+��c���ұ�kٝZt侞\u001a�ir�Ć����8W\u0010\u0010[t�\"ya[{��i�v�����}0{�z�\u001bJrV\\\\�6I�ʗHSrS.�]+�\"\u0011\u0002�xVv�.5��^5�f�\u0007\u001e�A�у&�v(M�f��\u0015oK��o>�ǁ�\u001f�R�\rZ���[��*|�긱��������σ��\u0003ׅ9�Y(\u0016�y���}��\u0006��\u0003m�m�uՅ\u0018{�<�>(��L7\\P;\u0013�\u0010��a.�+�K\u000fE\b�`�tؚ�9�m�\u0005\u000e�ǩ�6k#�\u0005���]\u001eHK�����B�\r\u0003�����o�\u0012��z�y��1\u001d���x������80�Gd0A��������w�y\rW����\u001e\u001a\u0019�\"\u000e\u0017煜�Ѧ���DZ7݄�az\"�L��!��K\u000bjgBӣ�\u0007E8�\u0003z�6�\u0013�g�ð)�����snz'�\u0014�\f��Z\u001c#j�'�j��R^oW���K�$\u000f\u0017���\u001f�3u����'�\u0007��$\u0003ܝ�\u001aH�\u0004�\u001c\u001fHP�\u001e\u0007E�4����˾^W��ފS���@ߋ-Ɔ�nޞ�_��%�eɲ�r^t������\u0002��H���׸�ӣ��W��<}�\u0006\u001dx��V<���\ni�@��i���\u0003� ���\u0010\u0010�h��U&\r�A���E�?����c6iQ��'q�m�\u000f�P��m��]�t��u�߈�\\\u0004>yN����S�h;tcL�,+��f\u0010�D�Y=�\u0019�d\u001a�E s$|\u0013��mA���̆�����z>���TX֐����\u000f�\u001e\u0012�@~\u000f\u0001\u0013��\u0003�\u0013����\u0014�^�7���6FH�S�89�L����\"��:\r5)��=n�;o`���N�:�\u0017U��K�k~��܎\u0004�z�ٶ�yQ�\\M��7ߊ����Xh\"x�g��&s�?��W\u0004�����x\f&2A\u001e�D)\u0002#\u0013�$���\u0001���\b�����C�:���@624�YRy�쩢�\\\t+(��@�����d�ג�Ĭ,�&�T$dfV���M������x\u0016���x\u0004� [[L�2��\bu<\u0013�F�V�\u001d%�N<���;Ń{5d�7�ۻ;\u0005�7�~m]=�&�k�����n�ǘ:��t��ZU�:�]x�?�ZAgY�\u0017����Kf��@���\u0006~\n\u0001��g\u00117���Y\u0003��F���.Y�I��\t��\"\u0002���͛�Q֞\u00114����$�+b�X�Pb�\u0011�`~T_iO\f\u0019\u00022x�>\u0007N[S��jl,�0��F\b\u0004��艔c8��VB�>g�۞�id��T��l�p�a���6�0o\u0015��+0\u001a\u001b\u0019\u001dL\t����⮍�Ş_<C��l\r��eQ��lnS�P�����T��\u0015\u001c����.\u0014��\u0004�\"�?���\u0004!>24\f\u0013\u0011\u001e�C���BT;�ug\u0012wp�_�yXwDK�bb�\u0013\u0016��d�ư\u00195�\u001c\u0003�\u000f�\u001f\u0016�˅���hI�WR02�\u001c\u0012\u0018H\u000e��!\u0007\u0004����Aq�\u001e\u0010�@op\u0004ׄr��HQ\u000f� �y�6\u0006�W{��7<��T��\u0019�D��\u0017��<l��{����F]^�����F��W���n����{YK��\u0012����k�)�\u00018�G��\u0004/�\u0002�X\b���>�}hs�_�C�\u0007\u0005@�m\u0004A�*�%�U�l�\u001d�\"�\\h����‚N\u0019\t\fі!\u0011�V/�v\u0014s�,�nC@@���\u0010�\"w�\u001cCN=W�z�V�\t�\u001fb�V�_\u0000\u000eĎD*\u0005�l��\u001fD\nD\"i� ���0(\t�b�}p\u0000k�*\u0001\u0013!�\n��\u00106D\u0004{�xm�P�&��ۣ�:�p��}Y 3�\u0014�0#w�e\u0012\u001a�\u0004bF^4!��K<����i�+��t�1�W$�Š)D�\u0004����\u0005�H4��\u00143\u0013\u0018�E����\b\n� ��\"\u0004�r3�vX\r��7lG�H�3���\t/ƞT\u001d����X�7\u001f\u0018�5�)Ļ\u001b��]9\u0003��\u001d�\u0000E�#�\"D\u0006\u000bY˪{\b\u0010\u0002�Zp\u0012\u0018��W�>�D��,����so}:3�Ȏ��ʭ��ʵ�\u0018^����b�腑��wM�i1�{��#�\u00123g�F\u001c\\La\u001e�#Ń\u001e�\u0012�p=�),A�\u0013����K\u0015`UI\u0006:\u0001����=܁����� ��\u001fr ��z����kq�ޒ�����NЦ�\u000f�@ξ~�AlX\u0012\u0017��\u0015/I��?X\r=���\u0006a�g�\\ཻ����`�\u0017\u001e����\u000el��\r+?�b8p�\u0016���[ώ<;f���\u0000��������\f??��?����H\"KAf\u001ew��qZܸ�CmO*\u001c.JT\u001az,���4$\t���\u0013�f(�~�M��\t�s��\u0010c!�\u0015ʤ_̧~��Z���s��ȵ�/A\u0019e\u0015\u0001\u0001��\u0018�\u0001P\u0016�/`Ϭ\u0000�=෦�s�&��\u0002�+s��&�x,`�T;\n�\u001e�\u001dI\u0012ޝ����˴\u0011V��B\"�Q(dF\u001a\n��\u0012C\b�� �´��0����\u0019:7�Nv�\u0000�ӻ\nG%�\u0012��������u��^\u001d%h����ї��<\u0006̋\u001b\u000f��WɋU�K�����\u000f7=�\u001fD\u000e��\u001e�b��\u0015����^%�AQ�^\u001b[��9{\u001aFd|��e7>M6Ґ�'��\u00056�N�����@�P \u0014�j$�\u000e�}�T����a�p\\l���\u001b��\u0000\u0001���\r����\u0005�\u0017�\u000fX��\u000e�\u0001F��WC\fy\u001d�\u0019:��*��?�sU�\u000ev\u0000+����\n�M\u0016H\u001a��J��j��:O�����h�\\�)�ZV�J�E�\u0018�zn\\m\u0002�o�9���;�2~Y�[��8\u0004i~��Z^L��h3���?Y\u0010Oh��ǝH1�]���+& �����G\u001f�vXQp�~��ZhL2\u001a0O� ��u��͡1�s��X�;�i���_Ňb�)1r\u0019aM�Ro�Kx��Vu���K7\u0004��$��ݎ�\u001fځ\u0012���K�5Z�Hb\u001aA��υ��\u000e\u001b\u001b\u0010\n������t��A�֦5G���5��\u001e�+/�E�Bg�]�2P(2\u0003����(*\u000b??�8�)��I\u0014v�h\u0013\"?%퓫�:O�3t#��]�麑d�฿ҵp-\u0014�)e���\u001f��n���0R�dק�_.'�����rY�m��\u001f�\u001d\u001c��\bE\u000e(o�\u0015\u001d��-:�\u0013\u0019�\u0003(�~\u0011�l�a|�\u001f�>��\u0014_j�\u001a��D�Co��4�CFx��0X<V�\u000b�Ǖ\u0016�ݓ\u0016m_�+̪L���w\u0004�bP�P\t8\u0017�O�3P\"CuN��I%\u0005cwe����P��`�[\u0011��=��\u001f�����Y\rD��#C��|+����KS�q*pi\nw>0u�<~��p���滻��vw�uw�6�@g�Y�[��\"vrD[\\4j�\u001a?�\u000bn�\u0011�j2\u0019-'A\u001f\u000f����\u001c/�/=��+y�r\u0017K\u001b��tS�����@���\u001e�zKy���1YF\u0006���h��o<t��\u001a'�\u001a� ��\u001b\u0012ޅ�/;+�\\�\u0000�@\u0010�ɾ����Z4-?�v�w�N�w�u{a�_\r���8����V1�5,\u0016�\n*�5�\u0000�ͬ��l��\u001e>X�\u0017����+hM��y@xo\u001eX^f�|�|м�Ɓuo����׼��h\u001e�w~�e�t���Er]�ß�ev+����\u0014��\u000b��)]�y�^}�r����^5�5��/�dKE\u0014���F\u0016{�gq��9nd�˃����>�\u001er��1�\".�\u0002\u0016‚\u0016$�l����z<a��n�_�08����贬�}�\u0006���g�7���K�ѐKSbZ�\u001a'4am�z\u0015�\u0018���-ժ}\u0007�u٤��\f\\zz�>J'\u0018��\t���\u0002C��\u0019��Z���L?�����\bz\u0002ƀ�\u0010t\u0006<�{��O�D�u�Q����\f����U\u0012g_G�����t���Ќ�L�zG�<>�����|(���At�b����ԬB|d�ˮ�\nsEMWͅ綪��XZ.�������Yl�H��(�d��\u0019I�'\u0012����Gn��&�X�N`\u0000mV\u0005��~�|_���ry\u000fW�\u0000\u0012f�\\�\u0000�:YwX\\ӸȌ)�݉�{*͚���i�g+\u0003��3���gC�J\u0006��C\u0006��Ũmk�L�+W\u000e\fn\r�#ã\u0014\u0014\b��\u000el�B]k�\u001d�n�`��}\u0015�`9�Țςw�-��ڤ�7l��7\\��'\u0007D8V\n0d����\u000f(�����~ut�h��uG��w�Pd���1��e0��̜�p�\u0016���]�����\u000b\u0018�#cث��\u00186�<\"X� ��O]ȨҞ�k���}\u0010Z�RiDn��\u0016���θ̌\u0010\u0004\u0017�e-?�*\u001c�沕\u001f+2s��\u0015���\u001f��׼~����w���\f�\u000e¶�w��\u0012�B\u00075�Pz\r�_�-��\u001bO��-��-�=\\\nL��f�\u0006�|��v�����7nL� �׶�����-��݋��y2/�K����Z.�/���/����m���\u0017-�\n�4�齖j�nRC��\u0019��A���4�\u0015�[\u0019\u0013;�,cHM}��^:M\u0003XB����{�K\u001eav\ro��R�=��bx�Ք�AM}��:Ըh�X��^��^�iy��$��9\u001eB�{jpsr�⾥Q�j�b��;�sU��V�d’�:R�$�O$\u000f�H$�\u0007�,i�G�%�x/���C�����D8V���o�\u0001��Q}i㾵HK\u001a�pm���܉���%\u0017\u0017��h��G$�\u000b�\u000bڭ����r䐛ۡ�\u0013]R��LӸH���b\u001a�����61I|�qy,ґ��y�O\t7\u0014��˻]ș��\fw\u000bE1==��(z�X���� \u001d\u001e�/K�-d��\u000f������\u0004ٰ^\u0017wx,�Tq]@\u00101E�\u0004ɕ�|T�3ݙ\u0016�=BC�\\�\u000f7�\u0005R�I�-B\u0001��xt\u000bى�<��<]��L\u0001�8;���19���.��o\u0000��q�[?�gv�J�\u0000d����^f\"\u0018u��\f�ę�S��%\u0019ț�d;���P���AU��Z4Uj O�n��?a�z\u0013�T��LH��/��\t]�a�.o^�\u001bW�m�\u0015��b�H��\u0012�K���Ý�.���k�WD�a���Ɨ�\u0005�4�;���\"Q�s\u00048�\ro<���Qs������j\u001b��Q��lH�\\�z\u0001\u0007�\u0013\u0001�?#��|l����;\u0017r��N������\\�LX.\"ԓdzeJr�$�\n��\f�\u001f�U�\u001fX�\f1[k��غX�.���V#��\u001bX����B8$�\u0010\u0012\u001d��B�\u0018�#��5�\u0005�c�mR1}W�(���jS\\�\u0014�|B��Q�h>����V\u0012�gXT�1��_Kd�j\u001fgA)��&�ǫc�˯��������\u0012����\b�e�_'�v���\u000b��X\t�]G\u0017����ѥ��g\u0013�W5�<���2��\u0007���2����\u0016N�Eη'�M�~�sxH��͛,<]\u0007�i)��;�m�v�Zg��ξ�|d{k�\u0014\u0015\u0013\u0015\u001d���L\rv5\r�Ӿ\r?Y/k��\f�_|\u001dm�v�\u001bCF\u0012�N�ծ*n\bЉ\u0011�\u0012��ڋ�\u0012$\u0017�F��\u001c����n��z8En\u0010\u0004=��j�\"���s���P�%\u000eɟ�R�/���8I���~�5b��-6w`+�|�֍��v�]�-�N���@f��o7�����D�d����*#�e�\u0019w��X0=6\u0018�%x���J}Ȇ������ٻ+���F�u~\t�d��Ӝ�\u001c�Cz4�77ɳ���y������~���]/*s���h�\u001c�g��X.��E�n�e'g�dž�e��},��Ki����C��[2�w����N\u00165Ҝ�/-�\tk3��ۘ\u001e1�bܭN5{�\u0003v\u0014\u0006Z�O'X:ع�m(�����rY�\b��b����eX�͵�^��ly0��ƑLTD��ήp./�\u001e>\u001e߽+�0�\u0017�\t�\u001c\u0002:�D�-\u001f\u0001��\u000es�M�FM\u0012T�㵡�]�\u0003Z��o�&��\f_��\n����\u0002\nH��8:��5\u000e��𪼝�3y͎\u000e\u001f\"4�\\ltx�\u0011��$�+��짢�^�\u001f�Z���9\u001d�>g�)��fCn���>v(�՗;k�\u001e��B�.�\u001e���|�d�\u001f\u000f�D���S\u000fg�Zk峓��T͑��8lҏ�\u0014�\u0011nXc�o\\�����\bl\u0017\u00031��<\f�Ξ\u001a�r�I�����\u0006�s\u001f���\u001d7x�8��\u0011��W���%\u0007��\u0018���b~��\r�ݷ${�o��\u0019����\bja��s�\u0010�v�u���\u001cO���\u001f\u0010=��[��]�-6U���_X��\u000b��U\u0019��!\u0002\re�`�༃\u0004��(�x���9�{xx<\n۶Ǜw�T���\u0010�A���CQ�Tݞ5\u0004OI �����\u001b�Rm�E��\b?��!�Ɍ��L~��w�6|�>��I�I�����SD�X�R��lDN�̡�\t7�O�6��\b��!W\u0014\u0019\u001e-df{�v��kIz�P�hʨgq�ќ\r�ڑ>�o'�\u001ecz\u000e\u001a��\u0007b��\u0013W�>~C�\u0002�,\u0005¨la�4�\u0011�D�/�h�y~Z�����b�\u0000K�>�W�ҽ�#K#\"]�_��d2�\u001a�a\u001f�z���i��n~�4x�\u001c��ƾO���%3s�@}��i�ޔ�P�EД�\u0014����2U�1��e�r��M\u001aW�*�����O_\u001ff~�}a0nP��#p�I#��\u001d��y�\u0016;��GV���Ѯ\u001e\b�\u001e���!\nd���nH@n�V����ӷ��m�[��V5Z�q\u0001���q:�}�j\u001chL_���K��*)���I�m�`z�鱝O�I=�lMX8\u0011&NJ&i���\u0012k��x\t$>u���#���ͼlb�,\u000fq��\u0018n|���\u0017\")@�\u0011��2��\\���ʓ\u00122��\u0007S\u0010\"`)\u0003�\u0000`�\u0002.�hD���t?�Kʠ\u001d]��\u001a���X��|-(�g�+\f{v��>\tI\b}۞*���G�{V\u001e����=��V��m�Y\t2>y�\u0011���F5��c�EήĶ�\u00129�r*\"�㙚�'�.�;p6\tN�H\u0001��O0���K�����:��>���X{�� >�?�hO�\u0014�±v\u0004B��\r�*�N)��3\r�\u0013qD�\u0006�y)J�\\ȑ\u000e`>b��{V��l�V;�B�Q���\u001bK��f1iOH;���&1�\u001fҶ�)aLH\u0000��\u0010\nE��K0��r\fD�A�Ǚ����=V���Vo�i�I/�/�)u?�%�60���\u001b~j�\u001d\u000bۯ}�k�]��':4yN]v�̇\u0017�\u0011��k1����O�0����1%�?�L�����\u0013��b�`_\\Q\u001d��a�z񑿫�j��&_�}�M*�J\u001f�k\u0014��8E�Y��'�\u001d��V�X�\u001fZiWS˜�Q\u0010�\u0003�N\u0004K�6����\u0014s��@[ѥ��m�� ^����\\,����T\u0015�X�_�\u000e\u0003Y\u0017��s\u0014�\b��\u0012۰]����\u0017V�ŗ�,V�%\u0006�D�\u001f�\u0002�wI;`J�\u0011�e��0(�\u0005�\u001fn�a\u001e�k\u0012���\nB��\u001c�Y��V>j\u0010�'aɟ5���w(��_}Ÿ���\u0011��R\\���\u001b\u0001���ٟ\u0016��f�\r�Q�c�����핈j�2\u001e㲖ݜ/�.��]>x�;(�'ތ�s��T��;6홛g\u0019y��\u0004E�`�`zW�g�Sɾ�u������Ï�Ee����Y��\u0006\u0001|�H�nL�x��+(J��\u0017Ů��і=��e�A\u0019͓H������%�4����&�rTɆl&�z���&�3\u001d���լ�k������T]�峰�\u0016Αq�5��*r��g\u0015��\t�o\u0007Lz���ٰ�A�rW8�َ\t?�+R~_t�^�\u0000G�ƿ~�\u0004\f��=��n�)\u0011��\u000fֽ���_�v���?�m����?{|?�\\��ז�vwf�?��O����7>�\u0017��/�\u0000-��\u0010\u0003������~Vb���A\u0019/T��\u0019��e�KJ\u0013H\"�D\u001a��D�2ϳ\u0006��\f��\u001d��;\u000bW6\b\u0013�\\LitB�C��$��B<[9�Es��\u0000E\u0006)Z�m\u0018Y:~�9\u0003]Qz\r�y�흏0��\u0000�5�n� ;�f\u0016:��\b71\u000e�DS�b,*��=\"�T���A�R-9�!&�\"\u001f�\u000e\u001e\u001d��l~�\u001b\u0002�\u000e��\\<\b�:�J�'V��5ej\b����<B'���VRz��\b\u0019�>Q�-\n\u0002\u0011[��.;\u0002�e�5\u0001\u0005����\bWBZ\u0003=��9��\u000bh�)����g��\"\u0005�9�\u0018 �\u0012NU����6@\")�+�A�Ň�\u0014�\\5����6�P-M8��o�r�N��u8[eV�]�\u001c!X|SRT% �\u0005H\u0010��~���<��W��߁��C�Td����\u001e�*P\t�K��P�7Bck���KB�٧(����x\u0017�z\n\u001ao`���z�P1�JL�\u0007aR\r�\u0006�${\"4c�D`K�*L���Ϧ?\r+��e��k��,�x<�23`\u000b\u001e�-,�-�g\f�\u001e\u001d3F> 0FJ�K\u0016*R�.\"\\����\u0012*�}=�x\u0002f\u0005�ㇿ\u0007\f5�,Q����{�,��Fz�Jg؉�)b��I�\u00137\u001c�\u0019r��\u0002�w�'y�\"Ff�TOU�\u001d��g\u001e�\nтLGM�ªT�\u00075'�\u0006�\u0011U���q�{d�A;�D�(\u0019����=��ne����\r���C���:L5V){�,M����b\u001am{l�\u0000�\u001b)L��uA>�?`���5�l�G�g��Kw��ryD[�k\f�\"�\u0016�\u000f����\u001e`6����Tn�ˍ��\f\by�\u000eC���\u0004�\b�>�^���w�� �y�?�͛�Gw��r\u001a&�x��h$j1�\u000e\u0000��ʂ{\t xf@7��\u001bΗ���M�J�-FN4\u0000�\f�\u0019e^\u0019^���G�d �JN�M�3\u0010��V \r��f��n��\u0004.�S&\u0000�\u0013���\b���X\u001a�`&�u4p\u001a��$\b����%䂓UI R-�V\u0012ޙ�\b�\u0011d*�\t��\f!\u0013ݼ�`����\u0001p�����e��\b�\u001d�B���׎��c�S\u001b�P�t��q�V�v�����|\r\u0010����\u001d�W��\u0019\u0018<z�\u001d�,�Dz�%FV��S�G�Q��j��,��㜷�`�X90�\u001cN\u0015��\n��b���|\u001a\u0000̠�`��\tf���\u0007�^��vd�;�R�������Ϙ*8D�\u001b��\u0005�\u001cs�\t��\u000b�\u0002Mլ|��dw�[���ߊ�,�ä��*�ͥ=�8�\u0016�\u001a��ٖT��\u000b�Z\u001d�)_�e�{qj��\f��V`���U��w�\u0004\b|B�\u0012e\b\u0002��7t�\u0014�4�7!P{��4*�蚢**���`���A��`�l>�FF���̌_x =fN��܄3Z�Jv\\\u0015#�\u0002���E{tԥ��\u0011��q�LnsFfE\u0015�3��\u0013^�K[%��+yś4(h��\u0011m�cl��l\u000e���\u001ea�\u0002��.w�\u0017�f-��S8\u0017@\u001f�̭2ޝ��\u001e!�U��x]�~�2�\u0005a\u0004�D�C�`\u0003A,Hc\"\u001f\bS�un�H�A\u0017\u001b�(�D�_�X\u0000;lCc֩��>\u001fu�Ÿ��@\u0018й\u0016����h��>�s�ǻ�c�^��pB�H~�:�\b\u001b�+�v�5��\u0000s⿛�,��_�\u001a\u000e$��l\u0016\u0011��^\u00047�p8�]�eZ�\\�\u0013=d��0j�\t��FK#��K)���5\u001a-֛�n\u0005\u0007B�\"zݺt\u001a\b�d�ݑ{�Ů���zԚu��@���h���ǔ\u0016\u000be1�t\u0014V_>\"z��%P\u001dN�H)�����\u000bk� \u0004�h��7��H\\��Y��O\u0016̯\u000b���yOT��\u001c�Pk\u001dg�8^^%�&�\u00111\u001f3BUF�\\p�4�R�\u000er�@�\b�,pr�f��+(��NX-�\u0003�'^�����\u0001��ۊ\u000f�\u0003�v�A�M�� \u0000�Z\u000e\u001e/\u001f���1B\u0015r\u0001��@�:�)��֏c]\u0019���]-��\u0016�\u0019h�W@�\u0017\u00002b<ӯ�SQҌ��\u0013��p�L��ܚ\"��`\u00108\u0004ӂk�::4\u0001��\u001b�@'ѓ�Z$\u0013̢�~�86�}Y\b�.\n�{4>\u0003Z\n�a-n�!��m\u0003����\u0006��y�p]�\"\u001d�+�p���,\u0010Ľ�~�Y4%�.\u0001\r��ש�h��xѷ���L��dYY����^\u0000|�\\�L@�R�Ӳg���5��S�wA8�2�ѱF���7\u001f�j��!\u0012}\u0007[\u001a/WQ�\u000b)s�\u001aē�]��e\u0007���6Y6�\u001a��(4��-(g\u0015&C�s��c��\u0007\u000f��\u0014\b\u0003m�\u0010'\u0006��=�W����c\u0004��5�&V��\\�)�\u0005�\u000f�y������CBX�\r��i\f\u0017��!�U�ޔ�\u0014�5z0!�BeE<�v!c��L�t՚��-��6g\u0001k\\�S\u001a*k�\u001e\t��v�h�:Њ����V+\u0015\f48\u001f_<���M3���L��.�Nߝ�'��\u0010\u001a\u0010�\u0019s�!s�{@�r�\u0006+�\u0001��\u0019�?m\u000e��i�����WU�m�y\u001b�nN\\O�T:(�垂e���k�\u0012\u0006�\u0003�Mqn�o_�q�lkZ�6�\u001dO��\u000e�������a�֪\u0018�OX�s-\u0007��\u0014���_\u001bJ;��Ⱦ���y���K�+ҭ<�0K�o�\u000e��ro{�\u001b�\u0017�\u0015Cc.|�9�X�H�D�5�m;�\u0016\u0000�Y�ccv��\u0000�o�:�[�/�5\u0003��.\f��(D�BslI\u0006)��\u000e�m�QBso�=�(�=�֨\\%�F�͡ZXƂ��?p�k�YNݨ%�2)\u000bx[(#�7ڽC��pg�σ\u001b(6��T��ʼn�^k\b\u0010΅�\u0018tŽ��r�\u0001\u001b-��¨�N�&�Mw/�����h�_�*\u0014TZ\b�1�ll\u0000\u0018A@!�x\u0019��\u001f\"�\u0013U\u0001\u001d�S\u0015�*��<y`��li6%8�h\u0015E\u0017�ulB��g\u0001u-��V�Y&5�Rx���`�Hr\u0002�.�>?4\rA�$ų�\u001a�\u0015�85�D��\u0000�=@�\u0010�UD\u0019�3\t���Ց���U\u0003���\u0000\u001dyY4#��u��z���D\u000eFs¶\u000e����\u000e�\f��\u0007����h\u0001�\u0016�\t���1�F�\u0006\"�%��D��hi�t\u000f\u0010��L��?@�DK��e٨��Y˻35_Ր3X�P\u0015V�z��7��\u0001\u000b��r�\u000e�Cm�\u001c�\u0018�\u0002og\fχDx<�\u0003�ݣ\t-�@B4Odjx�W�G\u0019k����;�F�Uz\f\u0005�&F\u0003\u000f�5e\u0000�\u0015�9�����&��ڈ\u001e��rf�l$a(\u0003C6��r�NE\u001f=x���H\u001b*�|��\u001eM�B��\u0004�]�GLx72�����ZL�����\"��\"�$4��G��\u001b�?� \"��ס\u0006�!?*�?��P����C�V���P�_T+#;�@4��^�:���\u0007S�8>�{v\u0016�{Z0���xvގe��kʹ�S�#����n\u0006f��㓐Y�d�f�\u001c\u0017N\n��\u001f\u0016�2zN[�\u000e�\n��TXM�L�]\b>\\�e�M*�3����p+4�\u0002��{�2\u0010��)�\u0012G�\u0006��:U1�l\t�N�9e\u0000�Y�G\u0010K�@��.���5��23�m�����`�9�׶�F�\u0000��Ϭ)�B���N\u000f��\u001e�Hs\u000b5���=\u0019���8���S��Sx��N�c[�p�(�\u0010xT�)e�L\u000e�5Z\"+JR頭�s��153�\u001ed�\u000e\\s#���\u00001�����gi���f�O��N�F����2��k�ۼ��3�,[�`\u0004\u0011֏1A%疀ԩ̇\u0019\"�Qr(�Lҹ���:(V~��ޙ`<\u0011�>؇�\u001d�\\�\u0016�s\f\u0013�-V+�~����S2N�F��=\"?�W�H�$�S\u0005��\r��\u001a\u0018v\u001d�\u0012�T���\u000fӀ�\n\u0007��_�L�h݊tC��\u001c\fq`��t%/����r�)�3>Nw;M̷�D�y�]X��)�S-<�t���.\rK\u0014��\u001c:\u0011���>��B�(����vPU�c��\u0012\u0012ղ�Xk��d\u0014ǡ�BP5�\b\u0011\u001d���\u0003acy���v:zC\u001a�0�u\u0004\u0012�D�[3CZ:\u0013(�-�!��\u000f���:�鏙\u0001�(6��R���wRU��d�\u0016O�������3�jb5SU\u0000?˩���8O�*$J��\u0004R�cZ\u0010:|$\u0011s+�\u0012:EsYP��pa�+\t\t�T�����9�d\u0011�b�E��\u0000���%\u0014�)�G�uy\u0015\u0014�b���Л�S\tT��+v\"k9�`\rσs|�V�m�B\t�tP�\u0010w��%�\b�\u0001[r`��O��JA�\u0002\"?ӄ8t��n�q������� ����P/T�8\u0006j6\u0018h_Kp�K�.F�\u0014��k!x�[�\u0017<Vd�1.�Kb��$K��|\u0004^]�G�v�ݫ�/w��:L=!�\u000fz��K\u0015c\u0006Jⶶ�]ɳ\u0014��ㆅ��\u001daP\u000f�T��\n�b�E\r���A)�\u000f��h@�]2�he+8\"�^X-�\u000e\u0016;���y�1j���T�\nj\u001e\\\r\u0011SB4�;]fȭ7Ϡ\u0004\u0012�[\\�2�Y\u0000�f\u0004_�Cu:)�;��\u0013K�\n\u0011�K�\u0015��\u0012\u0007��\u001fi��\u00073\u0001����\nX�%�}X^\u0012j��\b\u0000��\u000eh�Y�TJ�f�\u0017�(�U��LK�z��J��x�\u001f�h�\u000eѪv�>\u0019�T�Xy��U�n\u0017AI�(�o���35c�R+\u0017\t��,�\u001d�q����\u001e\u0018�Z\u0010ͯ㢖�����K�\u0016�ϩp�9ׂ����̝7�q�\u000b'�4)���-+Sp���3\u0005\u0006�\u0017��JZ�ҩԍ�����+U\u0015���\u0011y\u0010ש���̩\u000eډ\u0018H~�\"���\u001bf�\u0005^.0���b+���e���\u0014n\u0018O/��\u0011\u0019\u000f����'��m�6ue�\u0004&\u0019,���1�\u0006cx�2\u001c�z�k�\u0019\u0015�$�l\u0010�#k���u�\u0001|7Ql0�K�\u001e�a\u0012G�Kp���\f)���X\u000f�y>\u0014ధ$���H�VUcь��6�O�H�0��`�t��D�\b͡���UF\u0004'[0�6(\u0018�\u0002xo�+���9\u0002M�yo��C�[�c��?�\u0012��>�FK[��>9�P\u0019$zy\u0007�f-r1d\u0019��\b�����A�騭�M.B�0�@�\u0010t��PJ\u001e\u0007�(\u001c\u0017�t1N��ut�m5f�^�w\u0019R��Q>9��Z�\u0012��a�3�T-kP̑\u0002���h�4��JI(��3ʷ�y��0\u001a�\u001bf\u0006C\u001f��ݒt�f�}��+(�L\u0001��Ɓ�&Aח�����@'��\r����Ui\u001a�ƭ�?�\b\u0013�֓mVB�\nR�\u0018��]C�#p \u000f�<`���J]�i�N\u000f�.ڵJ�w.�Y��=I1ӯ�sÀmQ�\u0018:y�\u0019�A\nޗZ��gy����T}�ML��\u0015�8S|Ew0ejlQK@�\u0007T�yQ�$�fU)�\u0014v\f�\u001by�\u0007�\u001c�V7��$VC�.��&һ��������Ģ\u0018�P�CPH�vkF��V�Am��\u001d\u0012]&�aX���)�/��J'�F'Dy�4��\"�\"����E\u000e)!�B���|�\tK\u000e\u0019��ċsE\u0014Z6i\u0012��ŒK$:l��}[{\u000b�!B\u001d\u0011\u001e�\u000b\fB\u001c�B�\u001b��Y�\u0013{��Ws�:m�\u0002-���f�\u0001p�\u0006Lj�5X[�E�:%\u0010��%�.nH3Z�\u0017�U��\r%?�;�\u0013\u0019�j�==+�ٮ�w���P'R\u0000#36\u000b\"�9\t�G[ v���o=���Km#��H���2\u0002�J\u0001F�!\u0002��\\Ɖ����H�eŸ���GY��L�+��\u0015��Qn\u001e�@�\u0002\u0017nF]\u0003��\u0002`�Cuv\u0000�\u0002��*H$\u000bt;�7\u0013E�j~\tjIF�0\u0007z\u0003:��[\u001c��\u0005�G�+&%�ۤ����z?\u001c�\u0015�|��Z\u0012��\u0012���\u0014Is��8�Wj�l�SҁP&7\u001fE\u0019\u0010\u0006�`\t�_7#ss�\u0011��\t2L�5n̳^�%|\u0016��x��6g��L��\t�̞��\rv{�XL�b�\u0002\u001c`��-���\u0018\u000e%�Z�*\u0010\u0002L|�=����\u001a\u0018!?�0��On��9�]�é<T�6�\u0003�E\f����2�\u0016^.��16\u001c,Q�j\u0005��:V釺+�sEA\u0013X1,4�8S��\u001c9�\u001c�9��\u0003�p�J�]��e���E\u00031��lep��e\u0000{�.�\u000b\u001eg9�oVOI���7�)���������o�+뛰c~�����_��7;<�1+�9\u0014��u��\u0001�б�a�/�\u0017�\u0006l�&��D�\u000f�CJ\u0012\r��L��'�%�͐������`����\u001c1�ynt��u\u000b\u000e�ff4z�fl)��:��}c�j�)\u000e�Ny\u000f}C@b���<�\u0004�$�\u0003\u001a\u001f0\"�<��\u0013�.�\u0001�o\u0010/I�l�IB�\u0011�]1\u0002�2p���^��[(X�\u0015�j\b�9�P\u0012��C�io!�[�>.\b�\u0004{�xs�\u000e�\u000f�ca\u000e�*\u001bF\r�[��A�!�\u0004>As\u001b�R�qA�X�\nN\u001b�Ќ��\nV�\u0003D܅7�?D1�\u000f��3�>��0#ݰr\u001ea\u0005\u0016_C0�\u0002\u0010�3��Sv(\u0005ö1����XK1-��)�'�:������8FY�#\u001b�S�pA�N����S�uG;���U[\u000f\u001b��w\u001d]�o$\f�p\u0006\u001e\fS\f��\r>\u0013���\u001es$�u5�.�\u0012M��*�J?q\t�x\u0005�\u001b�n�^k��Ǹ��p\u0019h��\u0014۫��\u001do��Re4\u001aG�PL\u0004�=\r��d�Ƽc\u001cq�Q\u0016��;'�b�\\�\u0002���B�k\u000f������7\u0018`�\u00073#�aP�k�Hp�\b\u001c��v+�\u0017�q�ϒ������E-'\u0019�i&��\t��bnf1�\u0007�O�@*�N�\u0002�0\u0007�t\u000f��/b�md\u0014����XZ�M'J��(�L\nތ҇�)�h�Џ�e�3:gNӍ\u000f��\u0005v���ȍU\tp�]��æ�K�\n-%���m\\�\u0011ʵ5����Ϸ\u0006oa\n;��\u001d5�M��{�\u0017v�.�Ϳ�F#X(t��xݰ��[�8�S\u0003\bb #|�V\u0014�b�~،W͸�T�s\r\u0003�\u0000M�\u0016p�#!�\u0012� �2��)��߻�t�3�d?<iR�$%�\u0010�B�`�b�4�,j\u0011s5T�\u0016#�\u0013�\u0004�9\u0010p�̢OPB7l�C��.w�N�4\u0019��|�Q\u001d�z\u001f�\u0003���u=���9)\u0015�@x�9����S�ƞ��UC\u0019���xf�����\u0007L*H�=�\u001e3��d�\u0019ɮ�u��}bt��\")B'\u0017�@b�{��z�\u0004\u000f��\u0007E��c+\u0010�3��-�eH-��p�\u00182y���f\u0018\u0010\"K�-3bU�\u0007:�#$���Y�\u0001P\r9d�+�oʔ�O���,7\u0010֘7��Fr6�'*=���\u0017W�\u0019�LKf�6s���[���,�tzd�[\u000f�;\u0013����z�\u0011ޥ�NI\u001c)vI�y���\b�ڵg�K\u0018a��\"1��u�o�]2��b\u0006/6�C/��\u0018F�ے�XM�#\u000bc�m�ץ�7r���6��\u001dk6�=\u0016��x\u000e��,�]!���\\�=g���#�\u0007C]�_o��\f-r�b֕�È\n\u0019U�\u0003��%��9خ��\u000f�w�Ͱ��/\\H���Ù(�\u0011���%��Qġ��1\u0000�,H$ݪ�\u001f3\u0019�Q[�*�-�,P�+�3\u000b�����S�\u001fc/1W0\u001d�\u000b\rVD-��̚���S�x�I�-�x��MǪ\u0016Ke\u0013�\u0002PQWY\u000f,�We���ݪ�z��\u0001G�2�We$@_)�M\u001c\u001d`\u0007�nEgYfK\u0019P+��V�l\u0005��\u001c���q�����\u000b�NS\u0014M��E�٪\u0014Ҧ_[+�\u001b�]|)�����w\b�^c����ޭ�|*7l�S\\���FȺY\u0010n�\r���W�K\u001f�n��qA�2\u001b�\u0007:\f��`���@\r3�w�\u0000{/���\u000b\u0005��I��\u0012\u001d_)��!X\rF\u0003�RQVM\u000e\n��>q��`��7n/��}\u0003Y,�E\u0011\u0016���{�mI9��u�2\u000b���Za~��\rpGݹ�,\u000e��i���9����nD��6bɖ���\u001c�Kuj�\u0002)�\u000fh�\u0011M3��a�w�iQ9Oc�#~�t�,�f�\u0004*e\u0006l��a�\u0013]��\\�G�ξ�L⺾g陒\u0017\u001c���\u0005�\u001f�~��\u0006\u0011M�\u0016�/�l��h�5E\u000f\u0001�h��IU\\�\u0006\u0014D\u001a2��\u0011�\u0007oN\u0018`�\u001dH\u0003�T�M��*�-�\u0007\u0015|��udA�4w�i�i�\tySƖ�\\q��\u000fkf��B��4C�)IO�����Θ�A�+\u0001c�$\u0017dȀ�C��\u0013�A›\u001c!5\u0016\u0018L��\u001aJԧ���`��G���89G\u0003��\bJ/\r���U���M�\u001a7��-�4c��!^i)R!�\f�J�'�8[��\u0004�c�x����:2�SP\u00168F��Zg�\tu���V�z�+y�mT9��Pk)+�\u0019��9f\u0017>@��;\u000e`��X\u000e\u0012�\u0000�\u001d�^3\u0000�C���ޟ���\u000fp���2�:�>MD��R���H�/��\u000f��9�`��{E�bN��w\u0004ښ凪�8q��O�\u0014�\u001f�\u0002|d���WS7�G\fpa �\u0018i�i�2�ь�\u0019�R�sJ�S\u001e\u0014V>���r,�'mVe\u0011�*�\u0014r*�X\u0004�O�\b\u0006�OX\u0001���'�0iE�z�_K�\u0017�'N�\u000f��k�(�۟aS�<�\f�\u000e⸘�/��\u0018��v����r�awx�獷�\u0000*�i�\u0012�Ҟ\u0002T��e#��Tu�\u0004�i�&bx\u0019��6}�㸜ԕ_��ú\u0011�E�U\u0007 \u0002>PRL�P�P��.���IO\u0007w'$�Y�elc��\u0003�V���2����\u000f�pݮ&��V{d�e�\u0004�c�^Z\u0010K4j��]m\u0010�y*�\\��\r@�(�v�ޓ'̋�0ݹ��hA\u0014�ㆺ�\u001c2C&��]!H�S�\t��\u001c6��\u001f>p�\u00067G��1)R��Lp�sֹ^��\\犷,���\r�b-�k�m�ۃ���f�8BW3�Q\u0016��,(�Y2\u0014t�(l�K�r��̫��$�&,FK�\u0014���P��W\u0001��\u0011U�e��v1� ��=_-n�{���GOZ3m�>���[\u000b\t?��\u001c.��8�,�ߒ3r��Ӯ�<E\f��R�$�\u001d�\\��|P. `�6<�cӻ.��W\u001b�H�\u001b\u001a���qo��|4*\u0004ی�\u0002�~�\u001c/4#*y\\��%���m�}X3�.�~���w�|�)������x�\u001f�J�DŽSq ϰ��S�x�̸��2T/5Z\u0018����\u000f�L��?K��������C��*�&\u0002�bXZ�U�}\u0002_\u0013zz�VE��ӥ�R1�PhB{\u001ex\u0013�����޽�\f�Z�[k&ӗ �s\u0018�\u0012``�R �Bָu�4ڗ/�\u0011�N��2�Vϻ\u0017RS�@,�\u000f}�5`��R\u0006=���BW�\u0001P���}tۤn��B�*^\rFl0B��F#)\\V7P�� �h��E:����*Y�\u0006\r\u0017�x\b�Q�̪�େ\u0007\u001c]�q�KY\u0004�ڨ�3-Q��\"�d\u0010p���\b�����\t��9'�e\u0018�)|��\"9�\u0002)�L��K��z�<3i�\u0011�Cxz��f�>����{��eV3^���K^\u0007o��\u0001\u0016�\"��rz�\fiDS\u0016��;��\u001cy�5f|�pZG�+e���<K�\n��\\�өcM�.�$���x�w��5��%EYQ���\u0019�q�E@n8YE�\u0015TI\n.m,��I\u0001���Gv\nn�߸�\u001b�s�Y��\u0003�\fxz4\n=8\u0002rW��b��=ɲ�䡹W�d���:\u0014q\u0013=%�]�`��H�\u00065\u001cX�iEU��\u00033N�n'I��X\f��.\u0012~\u0010\u000fL�:k�\u0010+g�|�*<E��ZT\bJ�wBƄ\u0019\u0005D\u0007J��X�\u0014þ��� �D�\u0011P\u001dp�j�\u0007��3'�$�K:zD�5����\u001a�[����PZVr'�|!��)Wsf\"�h�\u000f\t�\u0002����5��U\u001a\f$�F>�K�mG0�rLv��%�\r�\u0017dZ�b9\bj���}K��\b\u0001mC%���\n\u001f��:e��,��&��d��4\u001bl�yꗹ�EP?4�/tcCs=�\u0005��c��\u0004�S�\u001fN+�>�\u0002��=|\",B\u0019�{�}8��2\u0018�\b�R�\b�@+�-SK�N\u0012&/�;d\u0017��3YeM�7�\bg\u000el�N�W��|\u0004Y�S@y�\u0019l�<��C��N\u001a�;F��7\\��\u001c�\u0007�\b�9$2<�+�^�k��\u0005�r��k\t�\u000f�\u000fP\"���<{ij!Z��n��%��\u000e>3o���!\u0000\u000e>4���:<%�9x\u000bU�\f�\u0017�|�,N_5�~\u0011\u000bz\u001bF��m_�\rĚ;�{\u000bm�\\�7\b!�;t����C7�z�NN�L��\f���֤3d��\u000f\u0003��\u001e���B\u0014�\u0005�����9���y[�?�\u0019��t���\u0000n\u0002�vv��\t�9&�F�B�d�ϊ�\u001f78�L�����;T��Ĺ�Iq��\u0007�r�\u0017r(�-\u001d\"<�\u001dG���V��S1yW�oz\u0011\u0015� ��1�1�ׇ|�\"��:��0�\u0018\u000f-\u0006�h��<\"_\u001f@�v���\b�\u0011���s�>�*�0I\u0002�Dn��\u0003|�!l��F�Ϻ���Ͼ6(�.�wi\u0017\u0018�m'�u�L���ƶHY9�o��\u001c�>�6��\u001fR����v��C����P�'�ʴ[6=���\u0012��RD`�7^�'\u0005\u0004�f\u0002c\u0012X;o�dܬ���\u0007�Q\\\u001f�>{ ��5Ǩ�a�[k��\r��\u0002�F�:q$Mi���<\u0017?\u0010\u0005�C\u0012�Q\"��\u000e��\r{��Zv\u0018�\u0011�n�^�\u0002�\u001b&�vR\u001a�~��]v~��\u0010�\u0016ٔU��9�!L�\u0012�\u0003�w[#K�>d��֙��R/R�AJ\u0004FD�-\u0002oը\u0006�����dlY��n��nt\u001f'�=\u001cN��]���#�4�\u001c�Q&g�=Xc �\u000f�g����\n\t\u0002�ie�(�:]�]�G��Xk���R�ɻ\u0015f���f\u0003�]�\"�:B�\b�Z%�5rZ�w�Ӯ\u001e�t@�\u001bK7(���㥎��i� �W�4Q�#\u001fj�\f2�I��a��)��fQP2����Y!.\u0015zk�\u00000�z����33�p\f�D�DŽi�9��DZͦ��\u0018ly�\u001d��e�\r�x\u0000���kJ�)�=�Wd\u001b9i�N?iw��&\u0003#�f`�\u0001���\u0011/q�\f�Vw��i���#�ڪ[���\u0010\u001d&��\t\n:r��;e�(�~�(�Z[M\u0000\u0006�ɠ�\\Q<��\u0002�\u001a2�ܧ�qTye\u0019\u001e+ˇ\u0004lpu?\u000b���Y=�t\u001b\u0005��$W��ͤ׈Y~�e��\f���\u0011v��3\u0019�\u0012\tQ;J\u001f\u0001��[�1�%���0�2��\u001c�P�\u001d�A�\u0019\u0012��^'��A\u0014��>�fp�r��̠��3lvu����;��\t��\"�k�͊�\u001d�tV/�'\f\u0001���|���_\u0010��f�\u00178P���V\u0014k\u001f=��\u001b^�g\u0018\u0017Z����Q����&\u0003�\b�=LP�.8�\u001c��\u001a0��\u0001�\u0001\"~�T9\u0011R��u{%!�sjI�0u�gˏ\u000fH҃A�]\u0000=某\n�ܞ*\t^O\r=|�ZZ�A����4�97�̔A���ɩPÎQm�1��)7��)��18\u0015�\u001cۿL�u8��f����7���U��캏\u000b�5��nwp�_���$\u001c\r�|zj*����i��X\u001b�\u0006d4=�lJ\u0006�@�\u0018���\u0013�\u001c�e*\r=\u0003\u0018�pl�\f\u00194��$Y���'\u000b�r\u001a><'�2z�\rWMUr���\u000b�AK�&��ux8,�\u0012����q�@e���4���c����\\\u00072��]��\u0018?\u0019�(C\n=%\u0005� \u0013����\t�$�j�\f1��{�2@�ЈhyO��x\u0003�2ʀ�\u001b8O�������\u0003�k�G\u0015NՑ��A�4WR�,��l`�'Ɇ\fO@v\u0006(�W��J�\t\u0005��ɴ��\\���\fز��N=�u�\u001e)�<#�����ž&�p�wSgAy�$k\fιw\u0004bY\u0011M����V�bx\u0006L�ޱ���'���RC��ئ�oMS\u000f��'����\r�a�3\f\u0004�@\u0003\n��@�1�\u0005l�\u0000\u0017-�\u0006��\u0007AB��$ϥ��9��7��r�4YrNV\u0006�\\G�����RWVY��&u��eϙ�/9�Sιp�57n���#�^}��u5]�<��w><��/�\f\u0005�GKw�\u0013\u001d�D�K�\u000b�\u001e,����\u0004\")��}T*��`��\u001cn-�\u001d�{�~ɫP�\u0002aaD���X\"-�L�P\u0016�\u0003��=lM�G�\u001a�Z�:�z�\u0006�FE��115+��0tV����M1�{������٥���������a[��� \"�b�\u0012�R�2�S���#A\u0010NG`-�e�+\r��HY��.�^�\u0011\"��w�4R�;�5�\u0016ρ����A/I��&J���v��>\u001a\u0010\u0014�Dz����Ba��\u0011H\u0014:\u0006\u0006���'�\"�Ȕ�`ǡ��\f&�<v��9�\n\u0015\u0014�TdGU���\u000eq��\u0019T܉x-�\u0017�BD$�}�����G�\t}���'Q%~�UV��J��-,��]\u000b&�e\r5\u0012d\b(�\u0012G..�\u0019B\u0004_^\u001e�\u0011�ې�+y|l\u000b�s�/6�H\rI����Dajfnaiemckg�����\u0006�bŭv�&��$�d�̘SPR�V\t\u0003\u000b\u0007����������������/������T��9烏>m�◰�%-y�)�\\�TK��F|\u0016,e#%SK��$.��Э[�2���i��n�\u0019���\u0019m�n'\u0015o\u000f��8\u0016I�4̌V%J�)�)K�z4,i\b\u0019|\u0006\u0002�t�\tg�q�q�}tL�\u000e�T�Z�\u001d��\u001d��\u0004-H�N�y�\n�.�a%T�`�\u001ad\\�+bvj�E\u0019�H�c\u0012��{\u0014\u000e�&�r\"�LA٥�`������\\�/\u0010��\u0012�\f߃�\u001a��\u000f��`4�-V���t�=^�>�~�`\b\u0014��\u001b|��,U�\"���2\u001c�D��5����y�Ś\u0006\u001b�\u001c'\u0005\"��w\u0011껠:\u0007�\u000bRЂ\u0015H\u0017f^~5�|�B�7&��'kFq_��<W\u0005��\u0002�)�)���\fl�\u001c!�8v@h�E�,\u001ay�QE�EMmX�X�\u0005/x�/�\u0014Q1���-6\u0013��\t���v�\b�DJ�Y����\u0010�\u0019�n$�\\\u000bK��m��b\t��2��b�[ڢ�E쾅�{\u0013�z7�W\u0011���d�V˘;��u���N\u001bsX�%k�?��>x\u001b�\")�����Z\u0014KإkvGc\u001d��\u0016P�ue,��C������gÁA�zp��F(\u000e{Z��/����9��\u001d��\u000e��5gѧU���[v.�\n\t��R�T\"1���6!9�\u0014�ab\u0012��� ��c���V2�Ř\u001dt,\u0012c]�t\u000fۆFj��d5\u001a�l�&�ʌ�u\u001ft}��j�s\u0005��\u0017\u0001w\u001e�\u0006�Y�I\u000e�\u0003��d\u001eb\f�I\r�(\u001b�G;�oځ2��I�\u000f��x\u0018\u0017z�͕��Hd�Em���������7r\u001f�\u001bCU��n*�vZۛ���0�b\u001f)�2�b��El�d��.�\u0015�!}�LN\u0002�u$����;�2�r������w\u0005jTE�\u0002\u0005�@�@\u0007\u0005\u0003\u0007z�e\n���\nڦe�M0�\u0006�\b\u0005\n�U�\u0000s�e\u0010�t�Q\u0018p�n++�\u0019�ĭ�7���%R`�~���o\u001a���\u0015&\u0019n���\u0003%5�:ٝ���T��M��\u0014������|���R\u001cV�NB�w\u0012�\u001fW9��F^H\u0011WP�5\u0004\u0004\u0004�\u0001��B�cJp`�\u0010\u000f҆BҮ\"W\u0007u���n^4I;�\u0006-�\u0001\u0007\f\u000e�U�0�p�\u000eƆ�`aǮo�{���\u0003\u0002F(����9u�J>\tnpx�VN\u0004�9�\r��\u00177��72h\u001b\u0003\f�.\u001cbF��tت\u0011�ћ\u001b�:�\u0003F��VO\u00032��X�5G���u�dؔ\f�]Y ��\"6w:ߔG\u0011�#\r�?l�\u0011މ���\u001e��+m\u0004?��\u0017)=5\\�î\r��\f�kk�p>S�P�n\u0001T��F�\u001b�\\}\u0001DW2\\C�f���\u0006�)~�dOe1J�s\u000b<�\u0005/�_��\u0013�N\b\u0001�$��\u0005�;B \b!\u0014(�\u0013%��\u0010\n@\b�7\u0004��\u0000\u0001\u0000J\u0000�\u000e�\u0000\u0001�\u0003\u0000\u0002@�\u0002�d2��\\���l<U\\\u0018�ux���l!�P\u0001=l)\u0012ō)K\n�\u0006������ߢB��*��a�q\r��C��\u0013Y�@���ڶ�g��A��Z�Fr\u0012���\u0006&�)�����r�\u0006���ذ�+S\":ޯ��2��\u0002�aIJ\rew�K{HJ��\n��T�\u0007+��Q`\u0005ֺ�Ǩ8�\u001a�\u0016+Sm\b����E�Q�K�R\u0019z�c���2�m�Yt�\tT�Z,3E��i���9\u001a\u001f�����fF+ŠSQf��ܿ��U-ND��j�b����Y�`\u0012l\u0004�1�\u0006�`\u0013gi;$���(�4�\f\n�\\xo��\u0005F]SS\u0015ӆ�OBU�\u0019�\u001c���\u00129�\u000fƻg�\u001c�\u0018\u0015�a����؏71�[�R�\u001d��͡��jK��K��\u0011C\t���9L\bRP1]���?�Vd��Zi��k|u��(*#�U�*k�^��\u0015\u00138��X.�Z/PR\u0014��\u0010�8\u0000V{\u0014\n��\u0010���la3!4��������BX��^���[Gw� �0��\tK��j�\u0001򧵿v\u0011�1zx\u001b4�T\u000f�Ip�M\u001c/���\\\u0012'0̳h�A�\u0002�\u0015nR���n�_�+E�\b������\u0018p�A������;b���4즲%\u000f���n\u0002'`��\u0014�m\u0007~����v�\u001f�n\u0001��\u0000\u0000\u0000",
+      "type": "registry:file",
+      "target": "public/fonts/HKGrotesk-Black.woff2"
+    }
+  ],
+  "meta": {
+    "selfHosted": true
+  },
+  "type": "registry:font",
+  "font": {
+    "family": "HK Grotesk",
+    "provider": "google",
+    "import": "HK_Grotesk",
+    "variable": "--font-hk-grotesk",
+    "weight": ["300", "400", "500", "600", "700", "800", "900"],
+    "subsets": ["latin"]
+  }
+}
diff --git a/packages/ghost-ui/public/r/ghost-ui-base.json b/packages/ghost-ui/public/r/ghost-ui-base.json
new file mode 100644
index 0000000..5cae149
--- /dev/null
+++ b/packages/ghost-ui/public/r/ghost-ui-base.json
@@ -0,0 +1,343 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "ghost-ui-base",
+  "title": "Ghost UI",
+  "author": "block",
+  "description": "Magazine-inspired design system — pill geometry, HK Grotesk typography, 4-tier shadow hierarchy",
+  "dependencies": ["tw-animate-css", "clsx", "tailwind-merge"],
+  "devDependencies": ["tailwindcss"],
+  "registryDependencies": ["styles-main", "font-hk-grotesk", "utils"],
+  "files": [],
+  "cssVars": {
+    "theme": {
+      "--color-white": "#ffffff",
+      "--color-black": "#000000",
+      "--color-gray-50": "#f5f5f5",
+      "--color-gray-100": "#f0f0f0",
+      "--color-gray-200": "#e8e8e8",
+      "--color-gray-300": "#e5e5e5",
+      "--color-gray-400": "#cccccc",
+      "--color-gray-500": "#999999",
+      "--color-gray-600": "#666666",
+      "--color-gray-700": "#333333",
+      "--color-gray-800": "#232323",
+      "--color-gray-900": "#1a1a1a",
+      "--color-red-100": "#ff6b6b",
+      "--color-red-200": "#f94b4b",
+      "--color-blue-100": "#7cacff",
+      "--color-blue-200": "#5c98f9",
+      "--color-green-100": "#a3d795",
+      "--color-green-200": "#91cb80",
+      "--color-yellow-100": "#ffd966",
+      "--color-yellow-200": "#fbcd44",
+      "--color-background": "var(--background)",
+      "--color-foreground": "var(--foreground)",
+      "--color-card": "var(--card)",
+      "--color-card-foreground": "var(--card-foreground)",
+      "--color-popover": "var(--popover)",
+      "--color-popover-foreground": "var(--popover-foreground)",
+      "--color-primary": "var(--primary)",
+      "--color-primary-foreground": "var(--primary-foreground)",
+      "--color-secondary": "var(--secondary)",
+      "--color-secondary-foreground": "var(--secondary-foreground)",
+      "--color-muted": "var(--muted)",
+      "--color-muted-foreground": "var(--muted-foreground)",
+      "--color-accent": "var(--accent)",
+      "--color-accent-foreground": "var(--accent-foreground)",
+      "--color-destructive": "var(--destructive)",
+      "--color-destructive-foreground": "var(--destructive-foreground)",
+      "--color-border": "var(--border)",
+      "--color-input": "var(--input)",
+      "--color-background-default": "var(--background-default)",
+      "--color-background-alt": "var(--background-alt)",
+      "--color-background-medium": "var(--background-medium)",
+      "--color-background-inverse": "var(--background-inverse)",
+      "--color-background-muted": "var(--background-muted)",
+      "--color-background-danger": "var(--background-danger)",
+      "--color-background-success": "var(--background-success)",
+      "--color-background-info": "var(--background-info)",
+      "--color-background-warning": "var(--background-warning)",
+      "--color-background-accent": "var(--background-accent)",
+      "--color-border-accent": "var(--border-accent)",
+      "--color-text-accent": "var(--text-accent)",
+      "--color-border-default": "var(--border-default)",
+      "--color-border-input": "var(--border-input)",
+      "--color-border-input-hover": "var(--border-input-hover)",
+      "--color-border-strong": "var(--border-strong)",
+      "--color-border-card": "var(--border-card)",
+      "--color-border-inverse": "var(--border-inverse)",
+      "--color-border-danger": "var(--border-danger)",
+      "--color-border-success": "var(--border-success)",
+      "--color-border-warning": "var(--border-warning)",
+      "--color-border-info": "var(--border-info)",
+      "--color-text-default": "var(--text-default)",
+      "--color-text-muted": "var(--text-muted)",
+      "--color-text-alt": "var(--text-alt)",
+      "--color-text-inverse": "var(--text-inverse)",
+      "--color-text-danger": "var(--text-danger)",
+      "--color-text-success": "var(--text-success)",
+      "--color-text-warning": "var(--text-warning)",
+      "--color-text-info": "var(--text-info)",
+      "--color-dark-10": "var(--dark-10)",
+      "--color-dark-40": "var(--dark-40)",
+      "--color-dark-04": "var(--dark-04)",
+      "--color-surface-dark": "var(--surface-dark)",
+      "--color-surface-dark-text": "var(--surface-dark-text)",
+      "--color-surface-dark-muted": "var(--surface-dark-muted)",
+      "--color-surface-dark-border": "var(--surface-dark-border)",
+      "--font-sans": "\"HK Grotesk\", sans-serif",
+      "--font-mono": "\"Geist Mono\", monospace",
+      "--font-serif": "serif",
+      "--font-display": "\"HK Grotesk\", sans-serif",
+      "--radius-pill": "999px",
+      "--radius-button": "999px",
+      "--radius-input": "999px",
+      "--radius-card": "20px",
+      "--radius-card-lg": "24px",
+      "--radius-card-sm": "14px",
+      "--radius-dropdown": "10px",
+      "--radius-modal": "16px",
+      "--radius-sm": "calc(var(--radius) - 4px)",
+      "--radius-md": "calc(var(--radius) - 2px)",
+      "--radius-lg": "var(--radius)",
+      "--radius-xl": "calc(var(--radius) + 4px)",
+      "--color-ring": "var(--ring)",
+      "--shadow-mini": "var(--shadow-mini)",
+      "--shadow-mini-inset": "var(--shadow-mini-inset)",
+      "--shadow-btn": "var(--shadow-btn)",
+      "--shadow-card": "var(--shadow-card)",
+      "--shadow-elevated": "var(--shadow-elevated)",
+      "--shadow-popover": "var(--shadow-popover)",
+      "--shadow-modal": "var(--shadow-modal)",
+      "--shadow-kbd": "var(--shadow-kbd)",
+      "--shadow-date-field-focus": "var(--shadow-date-field-focus)",
+      "--spacing-input": "3.25rem",
+      "--spacing-input-sm": "2.75rem",
+      "--spacing-button": "2.75rem",
+      "--spacing-button-sm": "2rem",
+      "--text-xxs": "10px",
+      "--color-chart-1": "var(--chart-1)",
+      "--color-chart-2": "var(--chart-2)",
+      "--color-chart-3": "var(--chart-3)",
+      "--color-chart-4": "var(--chart-4)",
+      "--color-chart-5": "var(--chart-5)",
+      "--color-sidebar": "var(--sidebar)",
+      "--color-sidebar-foreground": "var(--sidebar-foreground)",
+      "--color-sidebar-primary": "var(--sidebar-primary)",
+      "--color-sidebar-primary-foreground": "var(--sidebar-primary-foreground)",
+      "--color-sidebar-accent": "var(--sidebar-accent)",
+      "--color-sidebar-accent-foreground": "var(--sidebar-accent-foreground)",
+      "--color-sidebar-border": "var(--sidebar-border)",
+      "--color-sidebar-ring": "var(--sidebar-ring)",
+      "--breakpoint-desktop": "1440px",
+      "--animate-accordion-down": "accordion-down 0.2s ease-out",
+      "--animate-accordion-up": "accordion-up 0.2s ease-out",
+      "--animate-caret-blink": "caret-blink 1s ease-out infinite",
+      "--animate-scale-in": "scale-in 0.2s ease",
+      "--animate-scale-out": "scale-out 0.15s ease",
+      "--animate-fade-in": "fade-in 0.2s ease",
+      "--animate-fade-out": "fade-out 0.15s ease",
+      "--animate-enter-from-left": "enter-from-left 0.2s ease",
+      "--animate-enter-from-right": "enter-from-right 0.2s ease",
+      "--animate-exit-to-left": "exit-to-left 0.2s ease",
+      "--animate-exit-to-right": "exit-to-right 0.2s ease",
+      "--animate-word-reveal": "word-reveal 0.4s ease-out"
+    },
+    "light": {
+      "--radius": "20px",
+      "--background-accent": "var(--color-gray-900)",
+      "--border-accent": "var(--color-gray-900)",
+      "--text-accent": "var(--color-gray-900)",
+      "--background-default": "var(--color-white)",
+      "--background-alt": "var(--color-gray-50)",
+      "--background-medium": "var(--color-gray-400)",
+      "--background-muted": "var(--color-gray-100)",
+      "--background-inverse": "var(--color-black)",
+      "--background-danger": "var(--color-red-200)",
+      "--background-success": "var(--color-green-200)",
+      "--background-info": "var(--color-blue-200)",
+      "--background-warning": "var(--color-yellow-200)",
+      "--border-default": "var(--color-gray-200)",
+      "--border-input": "var(--color-gray-300)",
+      "--border-input-hover": "var(--color-gray-400)",
+      "--border-strong": "var(--color-gray-900)",
+      "--border-card": "var(--color-gray-200)",
+      "--border-inverse": "var(--color-black)",
+      "--border-danger": "var(--color-red-200)",
+      "--border-success": "var(--color-green-200)",
+      "--border-warning": "var(--color-yellow-200)",
+      "--border-info": "var(--color-blue-200)",
+      "--text-default": "var(--color-gray-900)",
+      "--text-muted": "var(--color-gray-500)",
+      "--text-alt": "var(--color-gray-600)",
+      "--text-inverse": "var(--color-white)",
+      "--text-danger": "var(--color-red-200)",
+      "--text-success": "var(--color-green-200)",
+      "--text-warning": "var(--color-yellow-200)",
+      "--text-info": "var(--color-blue-200)",
+      "--ring": "var(--border-strong)",
+      "--dark-10": "rgba(26, 26, 26, 0.1)",
+      "--dark-40": "rgba(26, 26, 26, 0.4)",
+      "--dark-04": "rgba(26, 26, 26, 0.04)",
+      "--shadow-mini": "0 2px 8px rgba(76, 76, 76, 0.15)",
+      "--shadow-mini-inset": "0 1px 4px rgba(76, 76, 76, 0.1) inset",
+      "--shadow-btn": "0 2px 8px rgba(76, 76, 76, 0.15)",
+      "--shadow-card": "0 2px 8px rgba(76, 76, 76, 0.15)",
+      "--shadow-elevated": "0 3px 12px rgba(76, 76, 76, 0.22)",
+      "--shadow-popover": "0 8px 30px rgba(0, 0, 0, 0.12)",
+      "--shadow-modal": "0 20px 60px rgba(0, 0, 0, 0.2)",
+      "--shadow-kbd": "0 2px 8px rgba(76, 76, 76, 0.15)",
+      "--shadow-date-field-focus": "0 0 0 3px rgba(26, 26, 26, 0.15)",
+      "--surface-dark": "#0a0a0a",
+      "--surface-dark-text": "#f5f5f5",
+      "--surface-dark-muted": "rgba(255, 255, 255, 0.5)",
+      "--surface-dark-border": "rgba(255, 255, 255, 0.08)",
+      "--chart-1": "#f6b44a",
+      "--chart-2": "#7585ff",
+      "--chart-3": "#d76a6a",
+      "--chart-4": "#d185e0",
+      "--chart-5": "#91cb80",
+      "--background": "var(--background-default)",
+      "--foreground": "var(--text-default)",
+      "--card": "var(--background-default)",
+      "--card-foreground": "var(--text-default)",
+      "--popover": "var(--background-default)",
+      "--popover-foreground": "var(--text-default)",
+      "--primary": "var(--background-accent)",
+      "--primary-foreground": "var(--text-inverse)",
+      "--secondary": "var(--background-muted)",
+      "--secondary-foreground": "var(--text-default)",
+      "--muted": "var(--background-muted)",
+      "--muted-foreground": "var(--text-muted)",
+      "--accent": "var(--background-muted)",
+      "--accent-foreground": "var(--text-default)",
+      "--destructive": "var(--background-danger)",
+      "--destructive-foreground": "#ffffff",
+      "--border": "var(--border-default)",
+      "--input": "var(--border-input)",
+      "--sidebar": "var(--background-default)",
+      "--sidebar-foreground": "var(--text-default)",
+      "--sidebar-primary": "var(--background-accent)",
+      "--sidebar-primary-foreground": "var(--text-inverse)",
+      "--sidebar-accent": "var(--background-muted)",
+      "--sidebar-accent-foreground": "var(--text-default)",
+      "--sidebar-border": "var(--border-default)",
+      "--sidebar-ring": "var(--border-default)",
+      "--heading-display-font-size": "clamp(64px, 8vw, 96px)",
+      "--heading-display-line-height": "0.88",
+      "--heading-display-letter-spacing": "-0.05em",
+      "--heading-display-font-weight": "900",
+      "--heading-section-font-size": "clamp(44px, 5vw, 64px)",
+      "--heading-section-line-height": "0.95",
+      "--heading-section-letter-spacing": "-0.035em",
+      "--heading-section-font-weight": "700",
+      "--heading-sub-font-size": "clamp(28px, 3vw, 40px)",
+      "--heading-sub-line-height": "1",
+      "--heading-sub-letter-spacing": "-0.02em",
+      "--heading-sub-font-weight": "700",
+      "--heading-card-font-size": "clamp(20px, 2vw, 28px)",
+      "--heading-card-line-height": "1.1",
+      "--heading-card-letter-spacing": "-0.01em",
+      "--heading-card-font-weight": "600",
+      "--display-size": "clamp(3rem, 12vw, 12rem)",
+      "--display-line-height": "0.85",
+      "--display-letter-spacing": "-0.05em",
+      "--body-reading-size": "clamp(1rem, 1.3vw, 1.25rem)",
+      "--body-reading-line-height": "1.65",
+      "--body-reading-letter-spacing": "-0.01em",
+      "--label-font-size": "11px",
+      "--label-letter-spacing": "0.12em",
+      "--label-font-weight": "600",
+      "--label-line-height": "1.2",
+      "--pullquote-size": "clamp(1.5rem, 3vw, 2.5rem)",
+      "--pullquote-line-height": "1.3",
+      "--pullquote-weight": "300",
+      "--pullquote-letter-spacing": "-0.02em",
+      "--page-container-max-width": "1440px",
+      "--page-container-side-gutter": "20px",
+      "--section-padding-vertical": "100px",
+      "--section-heading-margin-bottom": "75px",
+      "--ease-spring": "cubic-bezier(0.33, 1, 0.68, 1)",
+      "--duration-fast": "0.15s",
+      "--duration-normal": "0.2s",
+      "--duration-slow": "0.4s"
+    },
+    "dark": {
+      "--background-accent": "var(--color-white)",
+      "--border-accent": "var(--color-white)",
+      "--text-accent": "var(--color-white)",
+      "--background": "var(--background-default)",
+      "--foreground": "var(--text-default)",
+      "--card": "var(--background-default)",
+      "--card-foreground": "var(--text-default)",
+      "--popover": "var(--background-default)",
+      "--popover-foreground": "var(--text-default)",
+      "--primary": "var(--background-accent)",
+      "--primary-foreground": "var(--text-inverse)",
+      "--secondary": "var(--background-muted)",
+      "--secondary-foreground": "var(--text-default)",
+      "--muted": "var(--background-muted)",
+      "--muted-foreground": "var(--text-muted)",
+      "--accent": "var(--background-muted)",
+      "--accent-foreground": "var(--text-default)",
+      "--destructive": "var(--background-danger)",
+      "--destructive-foreground": "#ffffff",
+      "--border": "var(--border-default)",
+      "--input": "var(--border-input)",
+      "--background-default": "var(--color-black)",
+      "--background-alt": "var(--color-gray-800)",
+      "--background-medium": "var(--color-gray-700)",
+      "--background-muted": "var(--color-gray-800)",
+      "--background-inverse": "var(--color-white)",
+      "--background-danger": "var(--color-red-100)",
+      "--background-success": "var(--color-green-100)",
+      "--background-info": "var(--color-blue-100)",
+      "--background-warning": "var(--color-yellow-100)",
+      "--border-default": "var(--color-gray-700)",
+      "--border-input": "var(--color-gray-700)",
+      "--border-input-hover": "var(--color-gray-600)",
+      "--border-strong": "var(--color-white)",
+      "--border-card": "var(--color-gray-700)",
+      "--border-inverse": "var(--color-white)",
+      "--border-danger": "var(--color-red-200)",
+      "--border-success": "var(--color-green-200)",
+      "--border-warning": "var(--color-yellow-200)",
+      "--border-info": "var(--color-blue-200)",
+      "--text-default": "var(--color-white)",
+      "--text-muted": "var(--color-gray-500)",
+      "--text-alt": "var(--color-gray-500)",
+      "--text-inverse": "var(--color-black)",
+      "--text-danger": "var(--color-red-100)",
+      "--text-success": "var(--color-green-100)",
+      "--text-warning": "var(--color-yellow-100)",
+      "--text-info": "var(--color-blue-100)",
+      "--ring": "var(--border-strong)",
+      "--dark-10": "rgba(242, 242, 242, 0.1)",
+      "--dark-40": "rgba(242, 242, 242, 0.4)",
+      "--dark-04": "rgba(242, 242, 242, 0.04)",
+      "--shadow-mini": "0 2px 8px rgba(0, 0, 0, 0.4)",
+      "--shadow-mini-inset": "0 1px 4px rgba(0, 0, 0, 0.5) inset",
+      "--shadow-btn": "0 2px 8px rgba(0, 0, 0, 0.3)",
+      "--shadow-card": "0 2px 8px rgba(0, 0, 0, 0.4)",
+      "--shadow-elevated": "0 3px 12px rgba(0, 0, 0, 0.5)",
+      "--shadow-popover": "0 8px 30px rgba(0, 0, 0, 0.4)",
+      "--shadow-modal": "0 20px 60px rgba(0, 0, 0, 0.6)",
+      "--shadow-kbd": "0 2px 8px rgba(0, 0, 0, 0.4)",
+      "--shadow-date-field-focus": "0 0 0 3px rgba(244, 244, 245, 0.1)",
+      "--chart-1": "#f6b44a",
+      "--chart-2": "#7585ff",
+      "--chart-3": "#d76a6a",
+      "--chart-4": "#d185e0",
+      "--chart-5": "#91cb80",
+      "--sidebar": "var(--background-default)",
+      "--sidebar-foreground": "var(--text-default)",
+      "--sidebar-primary": "var(--background-accent)",
+      "--sidebar-primary-foreground": "var(--text-inverse)",
+      "--sidebar-accent": "var(--background-muted)",
+      "--sidebar-accent-foreground": "var(--text-default)",
+      "--sidebar-border": "var(--border-default)",
+      "--sidebar-ring": "var(--border-default)"
+    }
+  },
+  "type": "registry:base"
+}
diff --git a/packages/ghost-ui/public/r/registry.json b/packages/ghost-ui/public/r/registry.json
index adb6d55..299175f 100644
--- a/packages/ghost-ui/public/r/registry.json
+++ b/packages/ghost-ui/public/r/registry.json
@@ -3,11 +3,357 @@
   "name": "ghost-ui",
   "homepage": "https://github.com/block/ghost",
   "items": [
+    {
+      "name": "ghost-ui-base",
+      "type": "registry:base",
+      "title": "Ghost UI",
+      "description": "Magazine-inspired design system — pill geometry, HK Grotesk typography, 4-tier shadow hierarchy",
+      "author": "block",
+      "style": "ghost",
+      "iconLibrary": "lucide",
+      "baseColor": "neutral",
+      "registryDependencies": ["styles-main", "font-hk-grotesk", "utils"],
+      "dependencies": ["tw-animate-css", "clsx", "tailwind-merge"],
+      "devDependencies": ["tailwindcss"],
+      "files": [],
+      "cssVars": {
+        "theme": {
+          "--color-white": "#ffffff",
+          "--color-black": "#000000",
+          "--color-gray-50": "#f5f5f5",
+          "--color-gray-100": "#f0f0f0",
+          "--color-gray-200": "#e8e8e8",
+          "--color-gray-300": "#e5e5e5",
+          "--color-gray-400": "#cccccc",
+          "--color-gray-500": "#999999",
+          "--color-gray-600": "#666666",
+          "--color-gray-700": "#333333",
+          "--color-gray-800": "#232323",
+          "--color-gray-900": "#1a1a1a",
+          "--color-red-100": "#ff6b6b",
+          "--color-red-200": "#f94b4b",
+          "--color-blue-100": "#7cacff",
+          "--color-blue-200": "#5c98f9",
+          "--color-green-100": "#a3d795",
+          "--color-green-200": "#91cb80",
+          "--color-yellow-100": "#ffd966",
+          "--color-yellow-200": "#fbcd44",
+          "--color-background": "var(--background)",
+          "--color-foreground": "var(--foreground)",
+          "--color-card": "var(--card)",
+          "--color-card-foreground": "var(--card-foreground)",
+          "--color-popover": "var(--popover)",
+          "--color-popover-foreground": "var(--popover-foreground)",
+          "--color-primary": "var(--primary)",
+          "--color-primary-foreground": "var(--primary-foreground)",
+          "--color-secondary": "var(--secondary)",
+          "--color-secondary-foreground": "var(--secondary-foreground)",
+          "--color-muted": "var(--muted)",
+          "--color-muted-foreground": "var(--muted-foreground)",
+          "--color-accent": "var(--accent)",
+          "--color-accent-foreground": "var(--accent-foreground)",
+          "--color-destructive": "var(--destructive)",
+          "--color-destructive-foreground": "var(--destructive-foreground)",
+          "--color-border": "var(--border)",
+          "--color-input": "var(--input)",
+          "--color-background-default": "var(--background-default)",
+          "--color-background-alt": "var(--background-alt)",
+          "--color-background-medium": "var(--background-medium)",
+          "--color-background-inverse": "var(--background-inverse)",
+          "--color-background-muted": "var(--background-muted)",
+          "--color-background-danger": "var(--background-danger)",
+          "--color-background-success": "var(--background-success)",
+          "--color-background-info": "var(--background-info)",
+          "--color-background-warning": "var(--background-warning)",
+          "--color-background-accent": "var(--background-accent)",
+          "--color-border-accent": "var(--border-accent)",
+          "--color-text-accent": "var(--text-accent)",
+          "--color-border-default": "var(--border-default)",
+          "--color-border-input": "var(--border-input)",
+          "--color-border-input-hover": "var(--border-input-hover)",
+          "--color-border-strong": "var(--border-strong)",
+          "--color-border-card": "var(--border-card)",
+          "--color-border-inverse": "var(--border-inverse)",
+          "--color-border-danger": "var(--border-danger)",
+          "--color-border-success": "var(--border-success)",
+          "--color-border-warning": "var(--border-warning)",
+          "--color-border-info": "var(--border-info)",
+          "--color-text-default": "var(--text-default)",
+          "--color-text-muted": "var(--text-muted)",
+          "--color-text-alt": "var(--text-alt)",
+          "--color-text-inverse": "var(--text-inverse)",
+          "--color-text-danger": "var(--text-danger)",
+          "--color-text-success": "var(--text-success)",
+          "--color-text-warning": "var(--text-warning)",
+          "--color-text-info": "var(--text-info)",
+          "--color-dark-10": "var(--dark-10)",
+          "--color-dark-40": "var(--dark-40)",
+          "--color-dark-04": "var(--dark-04)",
+          "--color-surface-dark": "var(--surface-dark)",
+          "--color-surface-dark-text": "var(--surface-dark-text)",
+          "--color-surface-dark-muted": "var(--surface-dark-muted)",
+          "--color-surface-dark-border": "var(--surface-dark-border)",
+          "--font-sans": "\"HK Grotesk\", sans-serif",
+          "--font-mono": "\"Geist Mono\", monospace",
+          "--font-serif": "serif",
+          "--font-display": "\"HK Grotesk\", sans-serif",
+          "--radius-pill": "999px",
+          "--radius-button": "999px",
+          "--radius-input": "999px",
+          "--radius-card": "20px",
+          "--radius-card-lg": "24px",
+          "--radius-card-sm": "14px",
+          "--radius-dropdown": "10px",
+          "--radius-modal": "16px",
+          "--radius-sm": "calc(var(--radius) - 4px)",
+          "--radius-md": "calc(var(--radius) - 2px)",
+          "--radius-lg": "var(--radius)",
+          "--radius-xl": "calc(var(--radius) + 4px)",
+          "--color-ring": "var(--ring)",
+          "--shadow-mini": "var(--shadow-mini)",
+          "--shadow-mini-inset": "var(--shadow-mini-inset)",
+          "--shadow-btn": "var(--shadow-btn)",
+          "--shadow-card": "var(--shadow-card)",
+          "--shadow-elevated": "var(--shadow-elevated)",
+          "--shadow-popover": "var(--shadow-popover)",
+          "--shadow-modal": "var(--shadow-modal)",
+          "--shadow-kbd": "var(--shadow-kbd)",
+          "--shadow-date-field-focus": "var(--shadow-date-field-focus)",
+          "--spacing-input": "3.25rem",
+          "--spacing-input-sm": "2.75rem",
+          "--spacing-button": "2.75rem",
+          "--spacing-button-sm": "2rem",
+          "--text-xxs": "10px",
+          "--color-chart-1": "var(--chart-1)",
+          "--color-chart-2": "var(--chart-2)",
+          "--color-chart-3": "var(--chart-3)",
+          "--color-chart-4": "var(--chart-4)",
+          "--color-chart-5": "var(--chart-5)",
+          "--color-sidebar": "var(--sidebar)",
+          "--color-sidebar-foreground": "var(--sidebar-foreground)",
+          "--color-sidebar-primary": "var(--sidebar-primary)",
+          "--color-sidebar-primary-foreground": "var(--sidebar-primary-foreground)",
+          "--color-sidebar-accent": "var(--sidebar-accent)",
+          "--color-sidebar-accent-foreground": "var(--sidebar-accent-foreground)",
+          "--color-sidebar-border": "var(--sidebar-border)",
+          "--color-sidebar-ring": "var(--sidebar-ring)",
+          "--breakpoint-desktop": "1440px",
+          "--animate-accordion-down": "accordion-down 0.2s ease-out",
+          "--animate-accordion-up": "accordion-up 0.2s ease-out",
+          "--animate-caret-blink": "caret-blink 1s ease-out infinite",
+          "--animate-scale-in": "scale-in 0.2s ease",
+          "--animate-scale-out": "scale-out 0.15s ease",
+          "--animate-fade-in": "fade-in 0.2s ease",
+          "--animate-fade-out": "fade-out 0.15s ease",
+          "--animate-enter-from-left": "enter-from-left 0.2s ease",
+          "--animate-enter-from-right": "enter-from-right 0.2s ease",
+          "--animate-exit-to-left": "exit-to-left 0.2s ease",
+          "--animate-exit-to-right": "exit-to-right 0.2s ease",
+          "--animate-word-reveal": "word-reveal 0.4s ease-out"
+        },
+        "light": {
+          "--radius": "20px",
+          "--background-accent": "var(--color-gray-900)",
+          "--border-accent": "var(--color-gray-900)",
+          "--text-accent": "var(--color-gray-900)",
+          "--background-default": "var(--color-white)",
+          "--background-alt": "var(--color-gray-50)",
+          "--background-medium": "var(--color-gray-400)",
+          "--background-muted": "var(--color-gray-100)",
+          "--background-inverse": "var(--color-black)",
+          "--background-danger": "var(--color-red-200)",
+          "--background-success": "var(--color-green-200)",
+          "--background-info": "var(--color-blue-200)",
+          "--background-warning": "var(--color-yellow-200)",
+          "--border-default": "var(--color-gray-200)",
+          "--border-input": "var(--color-gray-300)",
+          "--border-input-hover": "var(--color-gray-400)",
+          "--border-strong": "var(--color-gray-900)",
+          "--border-card": "var(--color-gray-200)",
+          "--border-inverse": "var(--color-black)",
+          "--border-danger": "var(--color-red-200)",
+          "--border-success": "var(--color-green-200)",
+          "--border-warning": "var(--color-yellow-200)",
+          "--border-info": "var(--color-blue-200)",
+          "--text-default": "var(--color-gray-900)",
+          "--text-muted": "var(--color-gray-500)",
+          "--text-alt": "var(--color-gray-600)",
+          "--text-inverse": "var(--color-white)",
+          "--text-danger": "var(--color-red-200)",
+          "--text-success": "var(--color-green-200)",
+          "--text-warning": "var(--color-yellow-200)",
+          "--text-info": "var(--color-blue-200)",
+          "--ring": "var(--border-strong)",
+          "--dark-10": "rgba(26, 26, 26, 0.1)",
+          "--dark-40": "rgba(26, 26, 26, 0.4)",
+          "--dark-04": "rgba(26, 26, 26, 0.04)",
+          "--shadow-mini": "0 2px 8px rgba(76, 76, 76, 0.15)",
+          "--shadow-mini-inset": "0 1px 4px rgba(76, 76, 76, 0.1) inset",
+          "--shadow-btn": "0 2px 8px rgba(76, 76, 76, 0.15)",
+          "--shadow-card": "0 2px 8px rgba(76, 76, 76, 0.15)",
+          "--shadow-elevated": "0 3px 12px rgba(76, 76, 76, 0.22)",
+          "--shadow-popover": "0 8px 30px rgba(0, 0, 0, 0.12)",
+          "--shadow-modal": "0 20px 60px rgba(0, 0, 0, 0.2)",
+          "--shadow-kbd": "0 2px 8px rgba(76, 76, 76, 0.15)",
+          "--shadow-date-field-focus": "0 0 0 3px rgba(26, 26, 26, 0.15)",
+          "--surface-dark": "#0a0a0a",
+          "--surface-dark-text": "#f5f5f5",
+          "--surface-dark-muted": "rgba(255, 255, 255, 0.5)",
+          "--surface-dark-border": "rgba(255, 255, 255, 0.08)",
+          "--chart-1": "#f6b44a",
+          "--chart-2": "#7585ff",
+          "--chart-3": "#d76a6a",
+          "--chart-4": "#d185e0",
+          "--chart-5": "#91cb80",
+          "--background": "var(--background-default)",
+          "--foreground": "var(--text-default)",
+          "--card": "var(--background-default)",
+          "--card-foreground": "var(--text-default)",
+          "--popover": "var(--background-default)",
+          "--popover-foreground": "var(--text-default)",
+          "--primary": "var(--background-accent)",
+          "--primary-foreground": "var(--text-inverse)",
+          "--secondary": "var(--background-muted)",
+          "--secondary-foreground": "var(--text-default)",
+          "--muted": "var(--background-muted)",
+          "--muted-foreground": "var(--text-muted)",
+          "--accent": "var(--background-muted)",
+          "--accent-foreground": "var(--text-default)",
+          "--destructive": "var(--background-danger)",
+          "--destructive-foreground": "#ffffff",
+          "--border": "var(--border-default)",
+          "--input": "var(--border-input)",
+          "--sidebar": "var(--background-default)",
+          "--sidebar-foreground": "var(--text-default)",
+          "--sidebar-primary": "var(--background-accent)",
+          "--sidebar-primary-foreground": "var(--text-inverse)",
+          "--sidebar-accent": "var(--background-muted)",
+          "--sidebar-accent-foreground": "var(--text-default)",
+          "--sidebar-border": "var(--border-default)",
+          "--sidebar-ring": "var(--border-default)",
+          "--heading-display-font-size": "clamp(64px, 8vw, 96px)",
+          "--heading-display-line-height": "0.88",
+          "--heading-display-letter-spacing": "-0.05em",
+          "--heading-display-font-weight": "900",
+          "--heading-section-font-size": "clamp(44px, 5vw, 64px)",
+          "--heading-section-line-height": "0.95",
+          "--heading-section-letter-spacing": "-0.035em",
+          "--heading-section-font-weight": "700",
+          "--heading-sub-font-size": "clamp(28px, 3vw, 40px)",
+          "--heading-sub-line-height": "1",
+          "--heading-sub-letter-spacing": "-0.02em",
+          "--heading-sub-font-weight": "700",
+          "--heading-card-font-size": "clamp(20px, 2vw, 28px)",
+          "--heading-card-line-height": "1.1",
+          "--heading-card-letter-spacing": "-0.01em",
+          "--heading-card-font-weight": "600",
+          "--display-size": "clamp(3rem, 12vw, 12rem)",
+          "--display-line-height": "0.85",
+          "--display-letter-spacing": "-0.05em",
+          "--body-reading-size": "clamp(1rem, 1.3vw, 1.25rem)",
+          "--body-reading-line-height": "1.65",
+          "--body-reading-letter-spacing": "-0.01em",
+          "--label-font-size": "11px",
+          "--label-letter-spacing": "0.12em",
+          "--label-font-weight": "600",
+          "--label-line-height": "1.2",
+          "--pullquote-size": "clamp(1.5rem, 3vw, 2.5rem)",
+          "--pullquote-line-height": "1.3",
+          "--pullquote-weight": "300",
+          "--pullquote-letter-spacing": "-0.02em",
+          "--page-container-max-width": "1440px",
+          "--page-container-side-gutter": "20px",
+          "--section-padding-vertical": "100px",
+          "--section-heading-margin-bottom": "75px",
+          "--ease-spring": "cubic-bezier(0.33, 1, 0.68, 1)",
+          "--duration-fast": "0.15s",
+          "--duration-normal": "0.2s",
+          "--duration-slow": "0.4s"
+        },
+        "dark": {
+          "--background-accent": "var(--color-white)",
+          "--border-accent": "var(--color-white)",
+          "--text-accent": "var(--color-white)",
+          "--background": "var(--background-default)",
+          "--foreground": "var(--text-default)",
+          "--card": "var(--background-default)",
+          "--card-foreground": "var(--text-default)",
+          "--popover": "var(--background-default)",
+          "--popover-foreground": "var(--text-default)",
+          "--primary": "var(--background-accent)",
+          "--primary-foreground": "var(--text-inverse)",
+          "--secondary": "var(--background-muted)",
+          "--secondary-foreground": "var(--text-default)",
+          "--muted": "var(--background-muted)",
+          "--muted-foreground": "var(--text-muted)",
+          "--accent": "var(--background-muted)",
+          "--accent-foreground": "var(--text-default)",
+          "--destructive": "var(--background-danger)",
+          "--destructive-foreground": "#ffffff",
+          "--border": "var(--border-default)",
+          "--input": "var(--border-input)",
+          "--background-default": "var(--color-black)",
+          "--background-alt": "var(--color-gray-800)",
+          "--background-medium": "var(--color-gray-700)",
+          "--background-muted": "var(--color-gray-800)",
+          "--background-inverse": "var(--color-white)",
+          "--background-danger": "var(--color-red-100)",
+          "--background-success": "var(--color-green-100)",
+          "--background-info": "var(--color-blue-100)",
+          "--background-warning": "var(--color-yellow-100)",
+          "--border-default": "var(--color-gray-700)",
+          "--border-input": "var(--color-gray-700)",
+          "--border-input-hover": "var(--color-gray-600)",
+          "--border-strong": "var(--color-white)",
+          "--border-card": "var(--color-gray-700)",
+          "--border-inverse": "var(--color-white)",
+          "--border-danger": "var(--color-red-200)",
+          "--border-success": "var(--color-green-200)",
+          "--border-warning": "var(--color-yellow-200)",
+          "--border-info": "var(--color-blue-200)",
+          "--text-default": "var(--color-white)",
+          "--text-muted": "var(--color-gray-500)",
+          "--text-alt": "var(--color-gray-500)",
+          "--text-inverse": "var(--color-black)",
+          "--text-danger": "var(--color-red-100)",
+          "--text-success": "var(--color-green-100)",
+          "--text-warning": "var(--color-yellow-100)",
+          "--text-info": "var(--color-blue-100)",
+          "--ring": "var(--border-strong)",
+          "--dark-10": "rgba(242, 242, 242, 0.1)",
+          "--dark-40": "rgba(242, 242, 242, 0.4)",
+          "--dark-04": "rgba(242, 242, 242, 0.04)",
+          "--shadow-mini": "0 2px 8px rgba(0, 0, 0, 0.4)",
+          "--shadow-mini-inset": "0 1px 4px rgba(0, 0, 0, 0.5) inset",
+          "--shadow-btn": "0 2px 8px rgba(0, 0, 0, 0.3)",
+          "--shadow-card": "0 2px 8px rgba(0, 0, 0, 0.4)",
+          "--shadow-elevated": "0 3px 12px rgba(0, 0, 0, 0.5)",
+          "--shadow-popover": "0 8px 30px rgba(0, 0, 0, 0.4)",
+          "--shadow-modal": "0 20px 60px rgba(0, 0, 0, 0.6)",
+          "--shadow-kbd": "0 2px 8px rgba(0, 0, 0, 0.4)",
+          "--shadow-date-field-focus": "0 0 0 3px rgba(244, 244, 245, 0.1)",
+          "--chart-1": "#f6b44a",
+          "--chart-2": "#7585ff",
+          "--chart-3": "#d76a6a",
+          "--chart-4": "#d185e0",
+          "--chart-5": "#91cb80",
+          "--sidebar": "var(--background-default)",
+          "--sidebar-foreground": "var(--text-default)",
+          "--sidebar-primary": "var(--background-accent)",
+          "--sidebar-primary-foreground": "var(--text-inverse)",
+          "--sidebar-accent": "var(--background-muted)",
+          "--sidebar-accent-foreground": "var(--text-default)",
+          "--sidebar-border": "var(--border-default)",
+          "--sidebar-ring": "var(--border-default)"
+        }
+      }
+    },
     {
       "name": "styles-main",
       "type": "registry:style",
       "dependencies": ["tw-animate-css"],
       "devDependencies": ["tailwindcss"],
+      "registryDependencies": ["font-hk-grotesk"],
       "files": [
         {
           "type": "registry:theme",
@@ -16,6 +362,70 @@
         }
       ]
     },
+    {
+      "name": "font-hk-grotesk-faces",
+      "type": "registry:style",
+      "files": [
+        {
+          "type": "registry:theme",
+          "target": "styles/font-faces.css",
+          "path": "src/styles/font-faces.css"
+        }
+      ]
+    },
+    {
+      "name": "font-hk-grotesk",
+      "type": "registry:font",
+      "font": {
+        "family": "HK Grotesk",
+        "provider": "google",
+        "import": "HK_Grotesk",
+        "variable": "--font-hk-grotesk",
+        "weight": ["300", "400", "500", "600", "700", "800", "900"],
+        "subsets": ["latin"]
+      },
+      "meta": {
+        "selfHosted": true
+      },
+      "registryDependencies": ["font-hk-grotesk-faces"],
+      "files": [
+        {
+          "type": "registry:file",
+          "path": "src/fonts/HKGrotesk-Light.woff2",
+          "target": "public/fonts/HKGrotesk-Light.woff2"
+        },
+        {
+          "type": "registry:file",
+          "path": "src/fonts/HKGrotesk-Regular.woff2",
+          "target": "public/fonts/HKGrotesk-Regular.woff2"
+        },
+        {
+          "type": "registry:file",
+          "path": "src/fonts/HKGrotesk-Medium.woff2",
+          "target": "public/fonts/HKGrotesk-Medium.woff2"
+        },
+        {
+          "type": "registry:file",
+          "path": "src/fonts/HKGrotesk-SemiBold.woff2",
+          "target": "public/fonts/HKGrotesk-SemiBold.woff2"
+        },
+        {
+          "type": "registry:file",
+          "path": "src/fonts/HKGrotesk-Bold.woff2",
+          "target": "public/fonts/HKGrotesk-Bold.woff2"
+        },
+        {
+          "type": "registry:file",
+          "path": "src/fonts/HKGrotesk-ExtraBold.woff2",
+          "target": "public/fonts/HKGrotesk-ExtraBold.woff2"
+        },
+        {
+          "type": "registry:file",
+          "path": "src/fonts/HKGrotesk-Black.woff2",
+          "target": "public/fonts/HKGrotesk-Black.woff2"
+        }
+      ]
+    },
     {
       "name": "utils",
       "type": "registry:lib",
@@ -28,6 +438,355 @@
         }
       ]
     },
+    {
+      "name": "theme-warm-sand",
+      "type": "registry:theme",
+      "title": "Warm Sand",
+      "description": "Earthy terracotta warmth",
+      "cssVars": {
+        "light": {
+          "--background-accent": "#9C5930",
+          "--border-accent": "#9C5930",
+          "--text-accent": "#9C5930",
+          "--background-default": "#FBF5EC",
+          "--background-alt": "#F5ECDF",
+          "--background-medium": "#C4A882",
+          "--background-muted": "#F0E4D4",
+          "--background-inverse": "#3D2B1F",
+          "--border-default": "#E2D4C0",
+          "--border-input": "#D4C2AA",
+          "--border-input-hover": "#C4A882",
+          "--border-strong": "#3D2B1F",
+          "--border-card": "#E2D4C0",
+          "--border-inverse": "#3D2B1F",
+          "--text-default": "#3D2B1F",
+          "--text-muted": "#8B7355",
+          "--text-alt": "#6B5940",
+          "--text-inverse": "#FBF5EC",
+          "--chart-1": "#D4853A",
+          "--chart-2": "#7B9EA8",
+          "--chart-3": "#C46B5A",
+          "--chart-4": "#A8856B",
+          "--chart-5": "#8BAA72"
+        },
+        "dark": {
+          "--background-accent": "#D4853A",
+          "--border-accent": "#D4853A",
+          "--text-accent": "#D4853A",
+          "--background-default": "#1C1410",
+          "--background-alt": "#2A1F18",
+          "--background-medium": "#4A382A",
+          "--background-muted": "#2A1F18",
+          "--background-inverse": "#FBF5EC",
+          "--border-default": "#3A2C20",
+          "--border-input": "#3A2C20",
+          "--border-input-hover": "#5A4530",
+          "--border-strong": "#D4853A",
+          "--border-card": "#3A2C20",
+          "--border-inverse": "#FBF5EC",
+          "--text-default": "#F0E4D4",
+          "--text-muted": "#8B7355",
+          "--text-alt": "#8B7355",
+          "--text-inverse": "#1C1410",
+          "--chart-1": "#D4853A",
+          "--chart-2": "#7B9EA8",
+          "--chart-3": "#C46B5A",
+          "--chart-4": "#A8856B",
+          "--chart-5": "#8BAA72"
+        }
+      },
+      "files": []
+    },
+    {
+      "name": "theme-ocean",
+      "type": "registry:theme",
+      "title": "Ocean",
+      "description": "Cool blues and teals",
+      "cssVars": {
+        "light": {
+          "--background-accent": "#1B6B8A",
+          "--border-accent": "#1B6B8A",
+          "--text-accent": "#1B6B8A",
+          "--background-default": "#F4F9FB",
+          "--background-alt": "#EAF3F8",
+          "--background-medium": "#8BB8CA",
+          "--background-muted": "#E4F0F5",
+          "--background-inverse": "#0F3442",
+          "--border-default": "#C8DEE8",
+          "--border-input": "#B0D0DE",
+          "--border-input-hover": "#8BB8CA",
+          "--border-strong": "#0F3442",
+          "--border-card": "#C8DEE8",
+          "--border-inverse": "#0F3442",
+          "--text-default": "#0F3442",
+          "--text-muted": "#5A8A9C",
+          "--text-alt": "#3A6A7C",
+          "--text-inverse": "#F4F9FB",
+          "--chart-1": "#2E9AB8",
+          "--chart-2": "#5B78D8",
+          "--chart-3": "#E07A5F",
+          "--chart-4": "#7BC4B8",
+          "--chart-5": "#A8C256"
+        },
+        "dark": {
+          "--background-accent": "#3AB4D8",
+          "--border-accent": "#3AB4D8",
+          "--text-accent": "#3AB4D8",
+          "--background-default": "#0A1E28",
+          "--background-alt": "#112A36",
+          "--background-medium": "#2A5060",
+          "--background-muted": "#112A36",
+          "--background-inverse": "#F4F9FB",
+          "--border-default": "#1A3A4A",
+          "--border-input": "#1A3A4A",
+          "--border-input-hover": "#3A6070",
+          "--border-strong": "#3AB4D8",
+          "--border-card": "#1A3A4A",
+          "--border-inverse": "#F4F9FB",
+          "--text-default": "#E4F0F5",
+          "--text-muted": "#5A8A9C",
+          "--text-alt": "#5A8A9C",
+          "--text-inverse": "#0A1E28",
+          "--chart-1": "#3AB4D8",
+          "--chart-2": "#7B92E8",
+          "--chart-3": "#E07A5F",
+          "--chart-4": "#7BC4B8",
+          "--chart-5": "#A8C256"
+        }
+      },
+      "files": []
+    },
+    {
+      "name": "theme-midnight-luxe",
+      "type": "registry:theme",
+      "title": "Midnight Luxe",
+      "description": "Deep purples and golds",
+      "cssVars": {
+        "light": {
+          "--background-accent": "#1E1528",
+          "--border-accent": "#1E1528",
+          "--text-accent": "#1E1528",
+          "--background-default": "#F8F6F9",
+          "--background-alt": "#F0ECF4",
+          "--background-medium": "#B8A8C8",
+          "--background-muted": "#EDE8F2",
+          "--background-inverse": "#1E1528",
+          "--border-default": "#DDD4E6",
+          "--border-input": "#CCC0D8",
+          "--border-input-hover": "#B8A8C8",
+          "--border-strong": "#1E1528",
+          "--border-card": "#DDD4E6",
+          "--border-inverse": "#1E1528",
+          "--text-default": "#1E1528",
+          "--text-muted": "#7A6B8A",
+          "--text-alt": "#5A4B6A",
+          "--text-inverse": "#F8F6F9",
+          "--background-warning": "#C5A24D",
+          "--chart-1": "#C5A24D",
+          "--chart-2": "#8B6CC1",
+          "--chart-3": "#D76A7A",
+          "--chart-4": "#5E8EC5",
+          "--chart-5": "#7CB88A"
+        },
+        "dark": {
+          "--background-accent": "#C5A24D",
+          "--border-accent": "#C5A24D",
+          "--text-accent": "#C5A24D",
+          "--background-default": "#0E0A14",
+          "--background-alt": "#1A1224",
+          "--background-medium": "#3A2A50",
+          "--background-muted": "#1A1224",
+          "--background-inverse": "#F8F6F9",
+          "--border-default": "#2A1E3A",
+          "--border-input": "#2A1E3A",
+          "--border-input-hover": "#4A3A60",
+          "--border-strong": "#C5A24D",
+          "--border-card": "#2A1E3A",
+          "--border-inverse": "#F8F6F9",
+          "--text-default": "#EDE8F2",
+          "--text-muted": "#7A6B8A",
+          "--text-alt": "#7A6B8A",
+          "--text-inverse": "#0E0A14",
+          "--background-warning": "#C5A24D",
+          "--chart-1": "#C5A24D",
+          "--chart-2": "#A88DE0",
+          "--chart-3": "#E08090",
+          "--chart-4": "#7AAEE5",
+          "--chart-5": "#8BD09A"
+        }
+      },
+      "files": []
+    },
+    {
+      "name": "theme-neon-brutalist",
+      "type": "registry:theme",
+      "title": "Neon Brutalist",
+      "description": "High contrast, sharp edges",
+      "cssVars": {
+        "light": {
+          "--background-accent": "#FF3A00",
+          "--border-accent": "#FF3A00",
+          "--text-accent": "#FF3A00",
+          "--background-default": "#ffffff",
+          "--background-alt": "#F0F0F0",
+          "--background-medium": "#CCCCCC",
+          "--background-muted": "#F0F0F0",
+          "--background-inverse": "#000000",
+          "--border-default": "#000000",
+          "--border-input": "#000000",
+          "--border-input-hover": "#FF3A00",
+          "--border-strong": "#000000",
+          "--border-card": "#000000",
+          "--border-inverse": "#000000",
+          "--text-default": "#000000",
+          "--text-muted": "#555555",
+          "--text-alt": "#333333",
+          "--text-inverse": "#ffffff",
+          "--radius": "0px",
+          "--radius-pill": "0px",
+          "--radius-button": "0px",
+          "--radius-input": "0px",
+          "--radius-card": "0px",
+          "--radius-card-lg": "0px",
+          "--radius-card-sm": "0px",
+          "--radius-dropdown": "0px",
+          "--radius-modal": "0px",
+          "--chart-1": "#FF3A00",
+          "--chart-2": "#00E5FF",
+          "--chart-3": "#FFE600",
+          "--chart-4": "#FF00AA",
+          "--chart-5": "#00FF66"
+        },
+        "dark": {
+          "--background-accent": "#FF5722",
+          "--border-accent": "#FF5722",
+          "--text-accent": "#FF5722",
+          "--background-default": "#0A0A0A",
+          "--background-alt": "#141414",
+          "--background-medium": "#333333",
+          "--background-muted": "#141414",
+          "--background-inverse": "#ffffff",
+          "--border-default": "#ffffff",
+          "--border-input": "#ffffff",
+          "--border-input-hover": "#FF5722",
+          "--border-strong": "#ffffff",
+          "--border-card": "#444444",
+          "--border-inverse": "#ffffff",
+          "--text-default": "#ffffff",
+          "--text-muted": "#AAAAAA",
+          "--text-alt": "#AAAAAA",
+          "--text-inverse": "#000000",
+          "--radius": "0px",
+          "--radius-pill": "0px",
+          "--radius-button": "0px",
+          "--radius-input": "0px",
+          "--radius-card": "0px",
+          "--radius-card-lg": "0px",
+          "--radius-card-sm": "0px",
+          "--radius-dropdown": "0px",
+          "--radius-modal": "0px",
+          "--chart-1": "#FF5722",
+          "--chart-2": "#00E5FF",
+          "--chart-3": "#FFE600",
+          "--chart-4": "#FF00AA",
+          "--chart-5": "#00FF66"
+        }
+      },
+      "files": []
+    },
+    {
+      "name": "theme-soft-pastel",
+      "type": "registry:theme",
+      "title": "Soft Pastel",
+      "description": "Gentle, muted pastels",
+      "cssVars": {
+        "light": {
+          "--background-accent": "#8B7EC8",
+          "--border-accent": "#8B7EC8",
+          "--text-accent": "#8B7EC8",
+          "--background-default": "#FAFAFA",
+          "--background-alt": "#F5F2FA",
+          "--background-medium": "#C8BEE0",
+          "--background-muted": "#F0EDF8",
+          "--background-inverse": "#3A3552",
+          "--border-default": "#E0DAF0",
+          "--border-input": "#D2CAE4",
+          "--border-input-hover": "#C8BEE0",
+          "--border-strong": "#3A3552",
+          "--border-card": "#E0DAF0",
+          "--border-inverse": "#3A3552",
+          "--text-default": "#3A3552",
+          "--text-muted": "#8A82A0",
+          "--text-alt": "#6A6280",
+          "--text-inverse": "#FAFAFA",
+          "--background-danger": "#E8A0A0",
+          "--background-success": "#A0D8A0",
+          "--background-info": "#A0C0E8",
+          "--background-warning": "#E8D0A0",
+          "--border-danger": "#E8A0A0",
+          "--border-success": "#A0D8A0",
+          "--border-warning": "#E8D0A0",
+          "--border-info": "#A0C0E8",
+          "--text-danger": "#C07070",
+          "--text-success": "#70A870",
+          "--text-warning": "#C0A060",
+          "--text-info": "#7090C0",
+          "--radius-card": "16px",
+          "--radius-card-lg": "20px",
+          "--radius-card-sm": "14px",
+          "--radius-dropdown": "14px",
+          "--radius-modal": "20px",
+          "--chart-1": "#C8A8E0",
+          "--chart-2": "#A8C8E8",
+          "--chart-3": "#E8B0B0",
+          "--chart-4": "#B0D8B0",
+          "--chart-5": "#E8D0A8"
+        },
+        "dark": {
+          "--background-accent": "#A898E0",
+          "--border-accent": "#A898E0",
+          "--text-accent": "#A898E0",
+          "--background-default": "#14121C",
+          "--background-alt": "#1E1A2A",
+          "--background-medium": "#3A3452",
+          "--background-muted": "#1E1A2A",
+          "--background-inverse": "#FAFAFA",
+          "--border-default": "#2A2640",
+          "--border-input": "#2A2640",
+          "--border-input-hover": "#4A4468",
+          "--border-strong": "#A898E0",
+          "--border-card": "#2A2640",
+          "--border-inverse": "#FAFAFA",
+          "--text-default": "#E8E4F4",
+          "--text-muted": "#8A82A0",
+          "--text-alt": "#8A82A0",
+          "--text-inverse": "#14121C",
+          "--background-danger": "#D08080",
+          "--background-success": "#80C080",
+          "--background-info": "#80A8D8",
+          "--background-warning": "#D8C080",
+          "--border-danger": "#D08080",
+          "--border-success": "#80C080",
+          "--border-warning": "#D8C080",
+          "--border-info": "#80A8D8",
+          "--text-danger": "#E0A0A0",
+          "--text-success": "#A0D8A0",
+          "--text-warning": "#E0C880",
+          "--text-info": "#A0C0E8",
+          "--radius-card": "16px",
+          "--radius-card-lg": "20px",
+          "--radius-card-sm": "14px",
+          "--radius-dropdown": "14px",
+          "--radius-modal": "20px",
+          "--chart-1": "#C8A8E0",
+          "--chart-2": "#A8C8E8",
+          "--chart-3": "#E8B0B0",
+          "--chart-4": "#B0D8B0",
+          "--chart-5": "#E8D0A8"
+        }
+      },
+      "files": []
+    },
     {
       "name": "accordion",
       "type": "registry:ui",
diff --git a/packages/ghost-ui/public/r/styles-main.json b/packages/ghost-ui/public/r/styles-main.json
index 7d5addc..7f9f942 100644
--- a/packages/ghost-ui/public/r/styles-main.json
+++ b/packages/ghost-ui/public/r/styles-main.json
@@ -3,10 +3,11 @@
   "name": "styles-main",
   "dependencies": ["tw-animate-css"],
   "devDependencies": ["tailwindcss"],
+  "registryDependencies": ["font-hk-grotesk"],
   "files": [
     {
       "path": "src/styles/main.css",
-      "content": "@import \"tailwindcss\";\n@import \"tw-animate-css\";\n\n/* ── HK Grotesk ── */\n@font-face {\n  font-family: \"HK Grotesk\";\n  src: url(\"../fonts/HKGrotesk-Light.woff2\") format(\"woff2\");\n  font-weight: 300;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"HK Grotesk\";\n  src: url(\"../fonts/HKGrotesk-Regular.woff2\") format(\"woff2\");\n  font-weight: 400;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"HK Grotesk\";\n  src: url(\"../fonts/HKGrotesk-Medium.woff2\") format(\"woff2\");\n  font-weight: 500;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"HK Grotesk\";\n  src: url(\"../fonts/HKGrotesk-SemiBold.woff2\") format(\"woff2\");\n  font-weight: 600;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"HK Grotesk\";\n  src: url(\"../fonts/HKGrotesk-Bold.woff2\") format(\"woff2\");\n  font-weight: 700;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"HK Grotesk\";\n  src: url(\"../fonts/HKGrotesk-ExtraBold.woff2\") format(\"woff2\");\n  font-weight: 800;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"HK Grotesk\";\n  src: url(\"../fonts/HKGrotesk-Black.woff2\") format(\"woff2\");\n  font-weight: 900;\n  font-style: normal;\n  font-display: swap;\n}\n\n@custom-variant dark (&:is(.dark *));\n\n@theme {\n  /* reset */\n  --color-*: initial;\n\n  /* constants */\n  --color-white: #ffffff;\n  --color-black: #000000;\n\n  /* gray — pure monochromatic scale (from dsgn-playground) */\n  --color-gray-50: #f5f5f5;\n  --color-gray-100: #f0f0f0;\n  --color-gray-200: #e8e8e8;\n  --color-gray-300: #e5e5e5;\n  --color-gray-400: #cccccc;\n  --color-gray-500: #999999;\n  --color-gray-600: #666666;\n  --color-gray-700: #333333;\n  --color-gray-800: #232323;\n  --color-gray-900: #1a1a1a;\n\n  /* utility  */\n  --color-red-100: #ff6b6b;\n  --color-red-200: #f94b4b;\n\n  --color-blue-100: #7cacff;\n  --color-blue-200: #5c98f9;\n\n  --color-green-100: #a3d795;\n  --color-green-200: #91cb80;\n\n  --color-yellow-100: #ffd966;\n  --color-yellow-200: #fbcd44;\n}\n\n:root {\n  /* shape */\n  --radius: 20px;\n\n  /* theming accents */\n  --background-accent: var(--color-gray-900);\n  --border-accent: var(--color-gray-900);\n  --text-accent: var(--color-gray-900);\n\n  /* Semantic backgrounds */\n  --background-default: var(--color-white);\n  --background-alt: var(--color-gray-50);\n  --background-medium: var(--color-gray-400);\n  --background-muted: var(--color-gray-100);\n  --background-inverse: var(--color-black);\n  --background-danger: var(--color-red-200);\n  --background-success: var(--color-green-200);\n  --background-info: var(--color-blue-200);\n  --background-warning: var(--color-yellow-200);\n\n  /* Semantic borders */\n  --border-default: var(--color-gray-200);\n  --border-input: var(--color-gray-300);\n  --border-input-hover: var(--color-gray-400);\n  --border-strong: var(--color-gray-900);\n  --border-card: var(--color-gray-200);\n  --border-inverse: var(--color-black);\n  --border-danger: var(--color-red-200);\n  --border-success: var(--color-green-200);\n  --border-warning: var(--color-yellow-200);\n  --border-info: var(--color-blue-200);\n\n  /* Semantic text */\n  --text-default: var(--color-gray-900);\n  --text-muted: var(--color-gray-500);\n  --text-alt: var(--color-gray-600);\n  --text-inverse: var(--color-white);\n  --text-danger: var(--color-red-200);\n  --text-success: var(--color-green-200);\n  --text-warning: var(--color-yellow-200);\n  --text-info: var(--color-blue-200);\n\n  --ring: var(--border-strong);\n\n  /* Alpha variants */\n  --dark-10: rgba(26, 26, 26, 0.1);\n  --dark-40: rgba(26, 26, 26, 0.4);\n  --dark-04: rgba(26, 26, 26, 0.04);\n\n  /* Shadows — 4-tier hierarchy */\n  --shadow-mini: 0 2px 8px rgba(76, 76, 76, 0.15);\n  --shadow-mini-inset: 0 1px 4px rgba(76, 76, 76, 0.1) inset;\n  --shadow-btn: 0 2px 8px rgba(76, 76, 76, 0.15);\n  --shadow-card: 0 2px 8px rgba(76, 76, 76, 0.15);\n  --shadow-elevated: 0 3px 12px rgba(76, 76, 76, 0.22);\n  --shadow-popover: 0 8px 30px rgba(0, 0, 0, 0.12);\n  --shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.2);\n  --shadow-kbd: 0 2px 8px rgba(76, 76, 76, 0.15);\n  --shadow-date-field-focus: 0 0 0 3px rgba(26, 26, 26, 0.15);\n\n  /* Dark surfaces */\n  --surface-dark: #0a0a0a;\n  --surface-dark-text: #f5f5f5;\n  --surface-dark-muted: rgba(255, 255, 255, 0.5);\n  --surface-dark-border: rgba(255, 255, 255, 0.08);\n\n  /* Charts */\n  --chart-1: #f6b44a;\n  --chart-2: #7585ff;\n  --chart-3: #d76a6a;\n  --chart-4: #d185e0;\n  --chart-5: #91cb80;\n\n  /* shadcn/ui standard tokens — aliases into our semantic vars */\n  --background: var(--background-default);\n  --foreground: var(--text-default);\n  --card: var(--background-default);\n  --card-foreground: var(--text-default);\n  --popover: var(--background-default);\n  --popover-foreground: var(--text-default);\n  --primary: var(--background-accent);\n  --primary-foreground: var(--text-inverse);\n  --secondary: var(--background-muted);\n  --secondary-foreground: var(--text-default);\n  --muted: var(--background-muted);\n  --muted-foreground: var(--text-muted);\n  --accent: var(--background-muted);\n  --accent-foreground: var(--text-default);\n  --destructive: var(--background-danger);\n  --destructive-foreground: #ffffff;\n  --border: var(--border-default);\n  --input: var(--border-input);\n\n  /* Sidebar */\n  --sidebar: var(--background-default);\n  --sidebar-foreground: var(--text-default);\n  --sidebar-primary: var(--background-accent);\n  --sidebar-primary-foreground: var(--text-inverse);\n  --sidebar-accent: var(--background-muted);\n  --sidebar-accent-foreground: var(--text-default);\n  --sidebar-border: var(--border-default);\n  --sidebar-ring: var(--border-default);\n\n  /* Heading typography — magazine scale\n     Display → Section → Sub → Card, each tier with its own rhythm */\n  --heading-display-font-size: clamp(64px, 8vw, 96px);\n  --heading-display-line-height: 0.88;\n  --heading-display-letter-spacing: -0.05em;\n  --heading-display-font-weight: 900;\n\n  --heading-section-font-size: clamp(44px, 5vw, 64px);\n  --heading-section-line-height: 0.95;\n  --heading-section-letter-spacing: -0.035em;\n  --heading-section-font-weight: 700;\n\n  --heading-sub-font-size: clamp(28px, 3vw, 40px);\n  --heading-sub-line-height: 1;\n  --heading-sub-letter-spacing: -0.02em;\n  --heading-sub-font-weight: 700;\n\n  --heading-card-font-size: clamp(20px, 2vw, 28px);\n  --heading-card-line-height: 1.1;\n  --heading-card-letter-spacing: -0.01em;\n  --heading-card-font-weight: 600;\n\n  /* Display — hero-scale fluid type */\n  --display-size: clamp(3rem, 12vw, 12rem);\n  --display-line-height: 0.85;\n  --display-letter-spacing: -0.05em;\n\n  /* Body — longform reading */\n  --body-reading-size: clamp(1rem, 1.3vw, 1.25rem);\n  --body-reading-line-height: 1.65;\n  --body-reading-letter-spacing: -0.01em;\n\n  /* Label — uppercase kickers, bylines, category tags */\n  --label-font-size: 11px;\n  --label-letter-spacing: 0.12em;\n  --label-font-weight: 600;\n  --label-line-height: 1.2;\n\n  /* Pull quote — visual punctuation for longform */\n  --pullquote-size: clamp(1.5rem, 3vw, 2.5rem);\n  --pullquote-line-height: 1.3;\n  --pullquote-weight: 300;\n  --pullquote-letter-spacing: -0.02em;\n\n  /* Page layout */\n  --page-container-max-width: 1440px;\n  --page-container-side-gutter: 20px;\n  --section-padding-vertical: 100px;\n  --section-heading-margin-bottom: 75px;\n\n  /* Timing */\n  --ease-spring: cubic-bezier(0.33, 1, 0.68, 1);\n  --duration-fast: 0.15s;\n  --duration-normal: 0.2s;\n  --duration-slow: 0.4s;\n}\n\n.dark {\n  /* theming accents */\n  --background-accent: var(--color-white);\n  --border-accent: var(--color-white);\n  --text-accent: var(--color-white);\n\n  /* shadcn/ui standard tokens — same aliases, dark values cascade via custom vars */\n  --background: var(--background-default);\n  --foreground: var(--text-default);\n  --card: var(--background-default);\n  --card-foreground: var(--text-default);\n  --popover: var(--background-default);\n  --popover-foreground: var(--text-default);\n  --primary: var(--background-accent);\n  --primary-foreground: var(--text-inverse);\n  --secondary: var(--background-muted);\n  --secondary-foreground: var(--text-default);\n  --muted: var(--background-muted);\n  --muted-foreground: var(--text-muted);\n  --accent: var(--background-muted);\n  --accent-foreground: var(--text-default);\n  --destructive: var(--background-danger);\n  --destructive-foreground: #ffffff;\n  --border: var(--border-default);\n  --input: var(--border-input);\n\n  /* semantic backgrounds */\n  --background-default: var(--color-black);\n  --background-alt: var(--color-gray-800);\n  --background-medium: var(--color-gray-700);\n  --background-muted: var(--color-gray-800);\n  --background-inverse: var(--color-white);\n  --background-danger: var(--color-red-100);\n  --background-success: var(--color-green-100);\n  --background-info: var(--color-blue-100);\n  --background-warning: var(--color-yellow-100);\n\n  /* semantic borders */\n  --border-default: var(--color-gray-700);\n  --border-input: var(--color-gray-700);\n  --border-input-hover: var(--color-gray-600);\n  --border-strong: var(--color-white);\n  --border-card: var(--color-gray-700);\n  --border-inverse: var(--color-white);\n  --border-danger: var(--color-red-200);\n  --border-success: var(--color-green-200);\n  --border-warning: var(--color-yellow-200);\n  --border-info: var(--color-blue-200);\n\n  /* semantic text */\n  --text-default: var(--color-white);\n  --text-muted: var(--color-gray-500);\n  --text-alt: var(--color-gray-500);\n  --text-inverse: var(--color-black);\n  --text-danger: var(--color-red-100);\n  --text-success: var(--color-green-100);\n  --text-warning: var(--color-yellow-100);\n  --text-info: var(--color-blue-100);\n\n  --ring: var(--border-strong);\n\n  /* Alpha variants (dark mode) */\n  --dark-10: rgba(242, 242, 242, 0.1);\n  --dark-40: rgba(242, 242, 242, 0.4);\n  --dark-04: rgba(242, 242, 242, 0.04);\n\n  /* Shadows — doubled intensity for dark backgrounds */\n  --shadow-mini: 0 2px 8px rgba(0, 0, 0, 0.4);\n  --shadow-mini-inset: 0 1px 4px rgba(0, 0, 0, 0.5) inset;\n  --shadow-btn: 0 2px 8px rgba(0, 0, 0, 0.3);\n  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.4);\n  --shadow-elevated: 0 3px 12px rgba(0, 0, 0, 0.5);\n  --shadow-popover: 0 8px 30px rgba(0, 0, 0, 0.4);\n  --shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.6);\n  --shadow-kbd: 0 2px 8px rgba(0, 0, 0, 0.4);\n  --shadow-date-field-focus: 0 0 0 3px rgba(244, 244, 245, 0.1);\n\n  /* Charts */\n  --chart-1: #f6b44a;\n  --chart-2: #7585ff;\n  --chart-3: #d76a6a;\n  --chart-4: #d185e0;\n  --chart-5: #91cb80;\n\n  /* Sidebar */\n  --sidebar: var(--background-default);\n  --sidebar-foreground: var(--text-default);\n  --sidebar-primary: var(--background-accent);\n  --sidebar-primary-foreground: var(--text-inverse);\n  --sidebar-accent: var(--background-muted);\n  --sidebar-accent-foreground: var(--text-default);\n  --sidebar-border: var(--border-default);\n  --sidebar-ring: var(--border-default);\n}\n\n@theme inline {\n  /* shadcn/ui standard Tailwind color mappings */\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-destructive-foreground: var(--destructive-foreground);\n  --color-border: var(--border);\n  --color-input: var(--input);\n\n  /* semantic backgrounds (custom superset) */\n  --color-background-default: var(--background-default);\n  --color-background-alt: var(--background-alt);\n  --color-background-medium: var(--background-medium);\n  --color-background-inverse: var(--background-inverse);\n  --color-background-muted: var(--background-muted);\n  --color-background-danger: var(--background-danger);\n  --color-background-success: var(--background-success);\n  --color-background-info: var(--background-info);\n  --color-background-warning: var(--background-warning);\n\n  --color-background-accent: var(--background-accent);\n  --color-border-accent: var(--border-accent);\n  --color-text-accent: var(--text-accent);\n\n  /* semantic borders */\n  --color-border-default: var(--border-default);\n  --color-border-input: var(--border-input);\n  --color-border-input-hover: var(--border-input-hover);\n  --color-border-strong: var(--border-strong);\n  --color-border-card: var(--border-card);\n  --color-border-inverse: var(--border-inverse);\n  --color-border-danger: var(--border-danger);\n  --color-border-success: var(--border-success);\n  --color-border-warning: var(--border-warning);\n  --color-border-info: var(--border-info);\n\n  /* semantic text */\n  --color-text-default: var(--text-default);\n  --color-text-muted: var(--text-muted);\n  --color-text-alt: var(--text-alt);\n  --color-text-inverse: var(--text-inverse);\n  --color-text-danger: var(--text-danger);\n  --color-text-success: var(--text-success);\n  --color-text-warning: var(--text-warning);\n  --color-text-info: var(--text-info);\n\n  /* alpha variants */\n  --color-dark-10: var(--dark-10);\n  --color-dark-40: var(--dark-40);\n  --color-dark-04: var(--dark-04);\n\n  /* dark surfaces */\n  --color-surface-dark: var(--surface-dark);\n  --color-surface-dark-text: var(--surface-dark-text);\n  --color-surface-dark-muted: var(--surface-dark-muted);\n  --color-surface-dark-border: var(--surface-dark-border);\n\n  /* fonts */\n  --font-sans: \"HK Grotesk\", sans-serif;\n  --font-mono: \"Geist Mono\", monospace;\n  --font-serif: serif;\n  --font-display: \"HK Grotesk\", sans-serif;\n\n  /* shape — pill-first radius system */\n  --radius-pill: 999px;\n  --radius-button: 999px;\n  --radius-input: 999px;\n  --radius-card: 20px;\n  --radius-card-lg: 24px;\n  --radius-card-sm: 14px;\n  --radius-dropdown: 10px;\n  --radius-modal: 16px;\n\n  --radius-sm: calc(var(--radius) - 4px);\n  --radius-md: calc(var(--radius) - 2px);\n  --radius-lg: var(--radius);\n  --radius-xl: calc(var(--radius) + 4px);\n\n  --color-ring: var(--ring);\n\n  /* shadows */\n  --shadow-mini: var(--shadow-mini);\n  --shadow-mini-inset: var(--shadow-mini-inset);\n  --shadow-btn: var(--shadow-btn);\n  --shadow-card: var(--shadow-card);\n  --shadow-elevated: var(--shadow-elevated);\n  --shadow-popover: var(--shadow-popover);\n  --shadow-modal: var(--shadow-modal);\n  --shadow-kbd: var(--shadow-kbd);\n  --shadow-date-field-focus: var(--shadow-date-field-focus);\n\n  /* spacing — button/input heights */\n  --spacing-input: 3.25rem;\n  --spacing-input-sm: 2.75rem;\n  --spacing-button: 2.75rem;\n  --spacing-button-sm: 2rem;\n\n  --text-xxs: 10px;\n\n  --color-chart-1: var(--chart-1);\n  --color-chart-2: var(--chart-2);\n  --color-chart-3: var(--chart-3);\n  --color-chart-4: var(--chart-4);\n  --color-chart-5: var(--chart-5);\n\n  --color-sidebar: var(--sidebar);\n  --color-sidebar-foreground: var(--sidebar-foreground);\n  --color-sidebar-primary: var(--sidebar-primary);\n  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);\n  --color-sidebar-accent: var(--sidebar-accent);\n  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);\n  --color-sidebar-border: var(--sidebar-border);\n  --color-sidebar-ring: var(--sidebar-ring);\n\n  --breakpoint-desktop: 1440px;\n\n  --animate-accordion-down: accordion-down 0.2s ease-out;\n  --animate-accordion-up: accordion-up 0.2s ease-out;\n  --animate-caret-blink: caret-blink 1s ease-out infinite;\n  --animate-scale-in: scale-in 0.2s ease;\n  --animate-scale-out: scale-out 0.15s ease;\n  --animate-fade-in: fade-in 0.2s ease;\n  --animate-fade-out: fade-out 0.15s ease;\n  --animate-enter-from-left: enter-from-left 0.2s ease;\n  --animate-enter-from-right: enter-from-right 0.2s ease;\n  --animate-exit-to-left: exit-to-left 0.2s ease;\n  --animate-exit-to-right: exit-to-right 0.2s ease;\n  --animate-word-reveal: word-reveal 0.4s ease-out;\n\n  @keyframes accordion-down {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--bits-accordion-content-height);\n    }\n  }\n\n  @keyframes accordion-up {\n    from {\n      height: var(--bits-accordion-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n\n  @keyframes caret-blink {\n    0%,\n    70%,\n    100% {\n      opacity: 1;\n    }\n    20%,\n    50% {\n      opacity: 0;\n    }\n  }\n\n  @keyframes enter-from-right {\n    from {\n      opacity: 0;\n      transform: translateX(200px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes enter-from-left {\n    from {\n      opacity: 0;\n      transform: translateX(-200px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes exit-to-right {\n    from {\n      opacity: 1;\n      transform: translateX(0);\n    }\n    to {\n      opacity: 0;\n      transform: translateX(200px);\n    }\n  }\n\n  @keyframes exit-to-left {\n    from {\n      opacity: 1;\n      transform: translateX(0);\n    }\n    to {\n      opacity: 0;\n      transform: translateX(-200px);\n    }\n  }\n\n  @keyframes scale-in {\n    from {\n      opacity: 0;\n      transform: rotateX(-10deg) scale(0.9);\n    }\n    to {\n      opacity: 1;\n      transform: rotateX(0deg) scale(1);\n    }\n  }\n\n  @keyframes scale-out {\n    from {\n      opacity: 1;\n      transform: rotateX(0deg) scale(1);\n    }\n    to {\n      opacity: 0;\n      transform: rotateX(-10deg) scale(0.95);\n    }\n  }\n\n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes fade-out {\n    from {\n      opacity: 1;\n    }\n    to {\n      opacity: 0;\n    }\n  }\n\n  @keyframes hero-blur-in {\n    from {\n      opacity: 0;\n      filter: blur(12px);\n    }\n    to {\n      opacity: 1;\n      filter: blur(0);\n    }\n  }\n\n  @keyframes word-reveal {\n    from {\n      opacity: 0;\n      filter: blur(8px);\n      transform: translateY(10px);\n    }\n    to {\n      opacity: 1;\n      filter: blur(0);\n      transform: translateY(0);\n    }\n  }\n}\n\n@layer base {\n  *,\n  ::after,\n  ::before,\n  ::backdrop,\n  ::file-selector-button {\n    border-color: var(--color-border, currentColor);\n  }\n\n  * {\n    @apply border-border;\n  }\n  html {\n    -webkit-text-size-adjust: 100%;\n    font-variation-settings: normal;\n    scroll-behavior: smooth;\n    scrollbar-color: var(--bg-muted);\n  }\n\n  body {\n    @apply bg-background text-foreground;\n    font-feature-settings:\n      \"rlig\" 1,\n      \"calt\" 1;\n  }\n\n  ::selection {\n    background: #1a1a1a;\n    color: #ffffff;\n  }\n\n  .dark ::selection {\n    background: #ffffff;\n    color: #000000;\n  }\n\n  /* Custom scrollbars */\n  ::-webkit-scrollbar {\n    width: 6px;\n    height: 6px;\n  }\n  ::-webkit-scrollbar-track {\n    background: transparent;\n  }\n  ::-webkit-scrollbar-thumb {\n    background: #ccc;\n    border-radius: 999px;\n  }\n  ::-webkit-scrollbar-thumb:hover {\n    background: #999;\n  }\n\n  .dark ::-webkit-scrollbar-thumb {\n    background: #444;\n  }\n  .dark ::-webkit-scrollbar-thumb:hover {\n    background: #666;\n  }\n}\n\n@layer components {\n  *:not(body):not(.focus-override) {\n    outline: none !important;\n    &:focus-visible {\n      @apply focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:outline-hidden;\n    }\n  }\n\n  .link {\n    @apply hover:text-foreground/80 focus-visible:ring-ring focus-visible:ring-offset-background inline-flex items-center gap-1 rounded-xs font-medium underline underline-offset-4 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden;\n  }\n}\n",
+      "content": "@import \"tailwindcss\";\n@import \"tw-animate-css\";\n@import \"./font-faces.css\";\n\n@custom-variant dark (&:is(.dark *));\n\n@theme {\n  /* reset */\n  --color-*: initial;\n\n  /* constants */\n  --color-white: #ffffff;\n  --color-black: #000000;\n\n  /* gray — pure monochromatic scale (from dsgn-playground) */\n  --color-gray-50: #f5f5f5;\n  --color-gray-100: #f0f0f0;\n  --color-gray-200: #e8e8e8;\n  --color-gray-300: #e5e5e5;\n  --color-gray-400: #cccccc;\n  --color-gray-500: #999999;\n  --color-gray-600: #666666;\n  --color-gray-700: #333333;\n  --color-gray-800: #232323;\n  --color-gray-900: #1a1a1a;\n\n  /* utility  */\n  --color-red-100: #ff6b6b;\n  --color-red-200: #f94b4b;\n\n  --color-blue-100: #7cacff;\n  --color-blue-200: #5c98f9;\n\n  --color-green-100: #a3d795;\n  --color-green-200: #91cb80;\n\n  --color-yellow-100: #ffd966;\n  --color-yellow-200: #fbcd44;\n}\n\n:root {\n  /* shape */\n  --radius: 20px;\n\n  /* theming accents */\n  --background-accent: var(--color-gray-900);\n  --border-accent: var(--color-gray-900);\n  --text-accent: var(--color-gray-900);\n\n  /* Semantic backgrounds */\n  --background-default: var(--color-white);\n  --background-alt: var(--color-gray-50);\n  --background-medium: var(--color-gray-400);\n  --background-muted: var(--color-gray-100);\n  --background-inverse: var(--color-black);\n  --background-danger: var(--color-red-200);\n  --background-success: var(--color-green-200);\n  --background-info: var(--color-blue-200);\n  --background-warning: var(--color-yellow-200);\n\n  /* Semantic borders */\n  --border-default: var(--color-gray-200);\n  --border-input: var(--color-gray-300);\n  --border-input-hover: var(--color-gray-400);\n  --border-strong: var(--color-gray-900);\n  --border-card: var(--color-gray-200);\n  --border-inverse: var(--color-black);\n  --border-danger: var(--color-red-200);\n  --border-success: var(--color-green-200);\n  --border-warning: var(--color-yellow-200);\n  --border-info: var(--color-blue-200);\n\n  /* Semantic text */\n  --text-default: var(--color-gray-900);\n  --text-muted: var(--color-gray-500);\n  --text-alt: var(--color-gray-600);\n  --text-inverse: var(--color-white);\n  --text-danger: var(--color-red-200);\n  --text-success: var(--color-green-200);\n  --text-warning: var(--color-yellow-200);\n  --text-info: var(--color-blue-200);\n\n  --ring: var(--border-strong);\n\n  /* Alpha variants */\n  --dark-10: rgba(26, 26, 26, 0.1);\n  --dark-40: rgba(26, 26, 26, 0.4);\n  --dark-04: rgba(26, 26, 26, 0.04);\n\n  /* Shadows — 4-tier hierarchy */\n  --shadow-mini: 0 2px 8px rgba(76, 76, 76, 0.15);\n  --shadow-mini-inset: 0 1px 4px rgba(76, 76, 76, 0.1) inset;\n  --shadow-btn: 0 2px 8px rgba(76, 76, 76, 0.15);\n  --shadow-card: 0 2px 8px rgba(76, 76, 76, 0.15);\n  --shadow-elevated: 0 3px 12px rgba(76, 76, 76, 0.22);\n  --shadow-popover: 0 8px 30px rgba(0, 0, 0, 0.12);\n  --shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.2);\n  --shadow-kbd: 0 2px 8px rgba(76, 76, 76, 0.15);\n  --shadow-date-field-focus: 0 0 0 3px rgba(26, 26, 26, 0.15);\n\n  /* Dark surfaces */\n  --surface-dark: #0a0a0a;\n  --surface-dark-text: #f5f5f5;\n  --surface-dark-muted: rgba(255, 255, 255, 0.5);\n  --surface-dark-border: rgba(255, 255, 255, 0.08);\n\n  /* Charts */\n  --chart-1: #f6b44a;\n  --chart-2: #7585ff;\n  --chart-3: #d76a6a;\n  --chart-4: #d185e0;\n  --chart-5: #91cb80;\n\n  /* shadcn/ui standard tokens — aliases into our semantic vars */\n  --background: var(--background-default);\n  --foreground: var(--text-default);\n  --card: var(--background-default);\n  --card-foreground: var(--text-default);\n  --popover: var(--background-default);\n  --popover-foreground: var(--text-default);\n  --primary: var(--background-accent);\n  --primary-foreground: var(--text-inverse);\n  --secondary: var(--background-muted);\n  --secondary-foreground: var(--text-default);\n  --muted: var(--background-muted);\n  --muted-foreground: var(--text-muted);\n  --accent: var(--background-muted);\n  --accent-foreground: var(--text-default);\n  --destructive: var(--background-danger);\n  --destructive-foreground: #ffffff;\n  --border: var(--border-default);\n  --input: var(--border-input);\n\n  /* Sidebar */\n  --sidebar: var(--background-default);\n  --sidebar-foreground: var(--text-default);\n  --sidebar-primary: var(--background-accent);\n  --sidebar-primary-foreground: var(--text-inverse);\n  --sidebar-accent: var(--background-muted);\n  --sidebar-accent-foreground: var(--text-default);\n  --sidebar-border: var(--border-default);\n  --sidebar-ring: var(--border-default);\n\n  /* Heading typography — magazine scale\n     Display → Section → Sub → Card, each tier with its own rhythm */\n  --heading-display-font-size: clamp(64px, 8vw, 96px);\n  --heading-display-line-height: 0.88;\n  --heading-display-letter-spacing: -0.05em;\n  --heading-display-font-weight: 900;\n\n  --heading-section-font-size: clamp(44px, 5vw, 64px);\n  --heading-section-line-height: 0.95;\n  --heading-section-letter-spacing: -0.035em;\n  --heading-section-font-weight: 700;\n\n  --heading-sub-font-size: clamp(28px, 3vw, 40px);\n  --heading-sub-line-height: 1;\n  --heading-sub-letter-spacing: -0.02em;\n  --heading-sub-font-weight: 700;\n\n  --heading-card-font-size: clamp(20px, 2vw, 28px);\n  --heading-card-line-height: 1.1;\n  --heading-card-letter-spacing: -0.01em;\n  --heading-card-font-weight: 600;\n\n  /* Display — hero-scale fluid type */\n  --display-size: clamp(3rem, 12vw, 12rem);\n  --display-line-height: 0.85;\n  --display-letter-spacing: -0.05em;\n\n  /* Body — longform reading */\n  --body-reading-size: clamp(1rem, 1.3vw, 1.25rem);\n  --body-reading-line-height: 1.65;\n  --body-reading-letter-spacing: -0.01em;\n\n  /* Label — uppercase kickers, bylines, category tags */\n  --label-font-size: 11px;\n  --label-letter-spacing: 0.12em;\n  --label-font-weight: 600;\n  --label-line-height: 1.2;\n\n  /* Pull quote — visual punctuation for longform */\n  --pullquote-size: clamp(1.5rem, 3vw, 2.5rem);\n  --pullquote-line-height: 1.3;\n  --pullquote-weight: 300;\n  --pullquote-letter-spacing: -0.02em;\n\n  /* Page layout */\n  --page-container-max-width: 1440px;\n  --page-container-side-gutter: 20px;\n  --section-padding-vertical: 100px;\n  --section-heading-margin-bottom: 75px;\n\n  /* Timing */\n  --ease-spring: cubic-bezier(0.33, 1, 0.68, 1);\n  --duration-fast: 0.15s;\n  --duration-normal: 0.2s;\n  --duration-slow: 0.4s;\n}\n\n.dark {\n  /* theming accents */\n  --background-accent: var(--color-white);\n  --border-accent: var(--color-white);\n  --text-accent: var(--color-white);\n\n  /* shadcn/ui standard tokens — same aliases, dark values cascade via custom vars */\n  --background: var(--background-default);\n  --foreground: var(--text-default);\n  --card: var(--background-default);\n  --card-foreground: var(--text-default);\n  --popover: var(--background-default);\n  --popover-foreground: var(--text-default);\n  --primary: var(--background-accent);\n  --primary-foreground: var(--text-inverse);\n  --secondary: var(--background-muted);\n  --secondary-foreground: var(--text-default);\n  --muted: var(--background-muted);\n  --muted-foreground: var(--text-muted);\n  --accent: var(--background-muted);\n  --accent-foreground: var(--text-default);\n  --destructive: var(--background-danger);\n  --destructive-foreground: #ffffff;\n  --border: var(--border-default);\n  --input: var(--border-input);\n\n  /* semantic backgrounds */\n  --background-default: var(--color-black);\n  --background-alt: var(--color-gray-800);\n  --background-medium: var(--color-gray-700);\n  --background-muted: var(--color-gray-800);\n  --background-inverse: var(--color-white);\n  --background-danger: var(--color-red-100);\n  --background-success: var(--color-green-100);\n  --background-info: var(--color-blue-100);\n  --background-warning: var(--color-yellow-100);\n\n  /* semantic borders */\n  --border-default: var(--color-gray-700);\n  --border-input: var(--color-gray-700);\n  --border-input-hover: var(--color-gray-600);\n  --border-strong: var(--color-white);\n  --border-card: var(--color-gray-700);\n  --border-inverse: var(--color-white);\n  --border-danger: var(--color-red-200);\n  --border-success: var(--color-green-200);\n  --border-warning: var(--color-yellow-200);\n  --border-info: var(--color-blue-200);\n\n  /* semantic text */\n  --text-default: var(--color-white);\n  --text-muted: var(--color-gray-500);\n  --text-alt: var(--color-gray-500);\n  --text-inverse: var(--color-black);\n  --text-danger: var(--color-red-100);\n  --text-success: var(--color-green-100);\n  --text-warning: var(--color-yellow-100);\n  --text-info: var(--color-blue-100);\n\n  --ring: var(--border-strong);\n\n  /* Alpha variants (dark mode) */\n  --dark-10: rgba(242, 242, 242, 0.1);\n  --dark-40: rgba(242, 242, 242, 0.4);\n  --dark-04: rgba(242, 242, 242, 0.04);\n\n  /* Shadows — doubled intensity for dark backgrounds */\n  --shadow-mini: 0 2px 8px rgba(0, 0, 0, 0.4);\n  --shadow-mini-inset: 0 1px 4px rgba(0, 0, 0, 0.5) inset;\n  --shadow-btn: 0 2px 8px rgba(0, 0, 0, 0.3);\n  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.4);\n  --shadow-elevated: 0 3px 12px rgba(0, 0, 0, 0.5);\n  --shadow-popover: 0 8px 30px rgba(0, 0, 0, 0.4);\n  --shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.6);\n  --shadow-kbd: 0 2px 8px rgba(0, 0, 0, 0.4);\n  --shadow-date-field-focus: 0 0 0 3px rgba(244, 244, 245, 0.1);\n\n  /* Charts */\n  --chart-1: #f6b44a;\n  --chart-2: #7585ff;\n  --chart-3: #d76a6a;\n  --chart-4: #d185e0;\n  --chart-5: #91cb80;\n\n  /* Sidebar */\n  --sidebar: var(--background-default);\n  --sidebar-foreground: var(--text-default);\n  --sidebar-primary: var(--background-accent);\n  --sidebar-primary-foreground: var(--text-inverse);\n  --sidebar-accent: var(--background-muted);\n  --sidebar-accent-foreground: var(--text-default);\n  --sidebar-border: var(--border-default);\n  --sidebar-ring: var(--border-default);\n}\n\n@theme inline {\n  /* shadcn/ui standard Tailwind color mappings */\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-destructive-foreground: var(--destructive-foreground);\n  --color-border: var(--border);\n  --color-input: var(--input);\n\n  /* semantic backgrounds (custom superset) */\n  --color-background-default: var(--background-default);\n  --color-background-alt: var(--background-alt);\n  --color-background-medium: var(--background-medium);\n  --color-background-inverse: var(--background-inverse);\n  --color-background-muted: var(--background-muted);\n  --color-background-danger: var(--background-danger);\n  --color-background-success: var(--background-success);\n  --color-background-info: var(--background-info);\n  --color-background-warning: var(--background-warning);\n\n  --color-background-accent: var(--background-accent);\n  --color-border-accent: var(--border-accent);\n  --color-text-accent: var(--text-accent);\n\n  /* semantic borders */\n  --color-border-default: var(--border-default);\n  --color-border-input: var(--border-input);\n  --color-border-input-hover: var(--border-input-hover);\n  --color-border-strong: var(--border-strong);\n  --color-border-card: var(--border-card);\n  --color-border-inverse: var(--border-inverse);\n  --color-border-danger: var(--border-danger);\n  --color-border-success: var(--border-success);\n  --color-border-warning: var(--border-warning);\n  --color-border-info: var(--border-info);\n\n  /* semantic text */\n  --color-text-default: var(--text-default);\n  --color-text-muted: var(--text-muted);\n  --color-text-alt: var(--text-alt);\n  --color-text-inverse: var(--text-inverse);\n  --color-text-danger: var(--text-danger);\n  --color-text-success: var(--text-success);\n  --color-text-warning: var(--text-warning);\n  --color-text-info: var(--text-info);\n\n  /* alpha variants */\n  --color-dark-10: var(--dark-10);\n  --color-dark-40: var(--dark-40);\n  --color-dark-04: var(--dark-04);\n\n  /* dark surfaces */\n  --color-surface-dark: var(--surface-dark);\n  --color-surface-dark-text: var(--surface-dark-text);\n  --color-surface-dark-muted: var(--surface-dark-muted);\n  --color-surface-dark-border: var(--surface-dark-border);\n\n  /* fonts */\n  --font-sans: \"HK Grotesk\", sans-serif;\n  --font-mono: \"Geist Mono\", monospace;\n  --font-serif: serif;\n  --font-display: \"HK Grotesk\", sans-serif;\n\n  /* shape — pill-first radius system */\n  --radius-pill: 999px;\n  --radius-button: 999px;\n  --radius-input: 999px;\n  --radius-card: 20px;\n  --radius-card-lg: 24px;\n  --radius-card-sm: 14px;\n  --radius-dropdown: 10px;\n  --radius-modal: 16px;\n\n  --radius-sm: calc(var(--radius) - 4px);\n  --radius-md: calc(var(--radius) - 2px);\n  --radius-lg: var(--radius);\n  --radius-xl: calc(var(--radius) + 4px);\n\n  --color-ring: var(--ring);\n\n  /* shadows */\n  --shadow-mini: var(--shadow-mini);\n  --shadow-mini-inset: var(--shadow-mini-inset);\n  --shadow-btn: var(--shadow-btn);\n  --shadow-card: var(--shadow-card);\n  --shadow-elevated: var(--shadow-elevated);\n  --shadow-popover: var(--shadow-popover);\n  --shadow-modal: var(--shadow-modal);\n  --shadow-kbd: var(--shadow-kbd);\n  --shadow-date-field-focus: var(--shadow-date-field-focus);\n\n  /* spacing — button/input heights */\n  --spacing-input: 3.25rem;\n  --spacing-input-sm: 2.75rem;\n  --spacing-button: 2.75rem;\n  --spacing-button-sm: 2rem;\n\n  --text-xxs: 10px;\n\n  --color-chart-1: var(--chart-1);\n  --color-chart-2: var(--chart-2);\n  --color-chart-3: var(--chart-3);\n  --color-chart-4: var(--chart-4);\n  --color-chart-5: var(--chart-5);\n\n  --color-sidebar: var(--sidebar);\n  --color-sidebar-foreground: var(--sidebar-foreground);\n  --color-sidebar-primary: var(--sidebar-primary);\n  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);\n  --color-sidebar-accent: var(--sidebar-accent);\n  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);\n  --color-sidebar-border: var(--sidebar-border);\n  --color-sidebar-ring: var(--sidebar-ring);\n\n  --breakpoint-desktop: 1440px;\n\n  --animate-accordion-down: accordion-down 0.2s ease-out;\n  --animate-accordion-up: accordion-up 0.2s ease-out;\n  --animate-caret-blink: caret-blink 1s ease-out infinite;\n  --animate-scale-in: scale-in 0.2s ease;\n  --animate-scale-out: scale-out 0.15s ease;\n  --animate-fade-in: fade-in 0.2s ease;\n  --animate-fade-out: fade-out 0.15s ease;\n  --animate-enter-from-left: enter-from-left 0.2s ease;\n  --animate-enter-from-right: enter-from-right 0.2s ease;\n  --animate-exit-to-left: exit-to-left 0.2s ease;\n  --animate-exit-to-right: exit-to-right 0.2s ease;\n  --animate-word-reveal: word-reveal 0.4s ease-out;\n\n  @keyframes accordion-down {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--bits-accordion-content-height);\n    }\n  }\n\n  @keyframes accordion-up {\n    from {\n      height: var(--bits-accordion-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n\n  @keyframes caret-blink {\n    0%,\n    70%,\n    100% {\n      opacity: 1;\n    }\n    20%,\n    50% {\n      opacity: 0;\n    }\n  }\n\n  @keyframes enter-from-right {\n    from {\n      opacity: 0;\n      transform: translateX(200px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes enter-from-left {\n    from {\n      opacity: 0;\n      transform: translateX(-200px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes exit-to-right {\n    from {\n      opacity: 1;\n      transform: translateX(0);\n    }\n    to {\n      opacity: 0;\n      transform: translateX(200px);\n    }\n  }\n\n  @keyframes exit-to-left {\n    from {\n      opacity: 1;\n      transform: translateX(0);\n    }\n    to {\n      opacity: 0;\n      transform: translateX(-200px);\n    }\n  }\n\n  @keyframes scale-in {\n    from {\n      opacity: 0;\n      transform: rotateX(-10deg) scale(0.9);\n    }\n    to {\n      opacity: 1;\n      transform: rotateX(0deg) scale(1);\n    }\n  }\n\n  @keyframes scale-out {\n    from {\n      opacity: 1;\n      transform: rotateX(0deg) scale(1);\n    }\n    to {\n      opacity: 0;\n      transform: rotateX(-10deg) scale(0.95);\n    }\n  }\n\n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes fade-out {\n    from {\n      opacity: 1;\n    }\n    to {\n      opacity: 0;\n    }\n  }\n\n  @keyframes hero-blur-in {\n    from {\n      opacity: 0;\n      filter: blur(12px);\n    }\n    to {\n      opacity: 1;\n      filter: blur(0);\n    }\n  }\n\n  @keyframes word-reveal {\n    from {\n      opacity: 0;\n      filter: blur(8px);\n      transform: translateY(10px);\n    }\n    to {\n      opacity: 1;\n      filter: blur(0);\n      transform: translateY(0);\n    }\n  }\n}\n\n@layer base {\n  *,\n  ::after,\n  ::before,\n  ::backdrop,\n  ::file-selector-button {\n    border-color: var(--color-border, currentColor);\n  }\n\n  * {\n    @apply border-border;\n  }\n  html {\n    -webkit-text-size-adjust: 100%;\n    font-variation-settings: normal;\n    scroll-behavior: smooth;\n    scrollbar-color: var(--bg-muted);\n  }\n\n  body {\n    @apply bg-background text-foreground;\n    font-feature-settings:\n      \"rlig\" 1,\n      \"calt\" 1;\n  }\n\n  ::selection {\n    background: #1a1a1a;\n    color: #ffffff;\n  }\n\n  .dark ::selection {\n    background: #ffffff;\n    color: #000000;\n  }\n\n  /* Custom scrollbars */\n  ::-webkit-scrollbar {\n    width: 6px;\n    height: 6px;\n  }\n  ::-webkit-scrollbar-track {\n    background: transparent;\n  }\n  ::-webkit-scrollbar-thumb {\n    background: #ccc;\n    border-radius: 999px;\n  }\n  ::-webkit-scrollbar-thumb:hover {\n    background: #999;\n  }\n\n  .dark ::-webkit-scrollbar-thumb {\n    background: #444;\n  }\n  .dark ::-webkit-scrollbar-thumb:hover {\n    background: #666;\n  }\n}\n\n@layer components {\n  *:not(body):not(.focus-override) {\n    outline: none !important;\n    &:focus-visible {\n      @apply focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:outline-hidden;\n    }\n  }\n\n  .link {\n    @apply hover:text-foreground/80 focus-visible:ring-ring focus-visible:ring-offset-background inline-flex items-center gap-1 rounded-xs font-medium underline underline-offset-4 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden;\n  }\n}\n",
       "type": "registry:theme",
       "target": "app/globals.css"
     }
diff --git a/packages/ghost-ui/public/r/theme-midnight-luxe.json b/packages/ghost-ui/public/r/theme-midnight-luxe.json
new file mode 100644
index 0000000..857cd9d
--- /dev/null
+++ b/packages/ghost-ui/public/r/theme-midnight-luxe.json
@@ -0,0 +1,62 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "theme-midnight-luxe",
+  "title": "Midnight Luxe",
+  "description": "Deep purples and golds",
+  "files": [],
+  "cssVars": {
+    "light": {
+      "--background-accent": "#1E1528",
+      "--border-accent": "#1E1528",
+      "--text-accent": "#1E1528",
+      "--background-default": "#F8F6F9",
+      "--background-alt": "#F0ECF4",
+      "--background-medium": "#B8A8C8",
+      "--background-muted": "#EDE8F2",
+      "--background-inverse": "#1E1528",
+      "--border-default": "#DDD4E6",
+      "--border-input": "#CCC0D8",
+      "--border-input-hover": "#B8A8C8",
+      "--border-strong": "#1E1528",
+      "--border-card": "#DDD4E6",
+      "--border-inverse": "#1E1528",
+      "--text-default": "#1E1528",
+      "--text-muted": "#7A6B8A",
+      "--text-alt": "#5A4B6A",
+      "--text-inverse": "#F8F6F9",
+      "--background-warning": "#C5A24D",
+      "--chart-1": "#C5A24D",
+      "--chart-2": "#8B6CC1",
+      "--chart-3": "#D76A7A",
+      "--chart-4": "#5E8EC5",
+      "--chart-5": "#7CB88A"
+    },
+    "dark": {
+      "--background-accent": "#C5A24D",
+      "--border-accent": "#C5A24D",
+      "--text-accent": "#C5A24D",
+      "--background-default": "#0E0A14",
+      "--background-alt": "#1A1224",
+      "--background-medium": "#3A2A50",
+      "--background-muted": "#1A1224",
+      "--background-inverse": "#F8F6F9",
+      "--border-default": "#2A1E3A",
+      "--border-input": "#2A1E3A",
+      "--border-input-hover": "#4A3A60",
+      "--border-strong": "#C5A24D",
+      "--border-card": "#2A1E3A",
+      "--border-inverse": "#F8F6F9",
+      "--text-default": "#EDE8F2",
+      "--text-muted": "#7A6B8A",
+      "--text-alt": "#7A6B8A",
+      "--text-inverse": "#0E0A14",
+      "--background-warning": "#C5A24D",
+      "--chart-1": "#C5A24D",
+      "--chart-2": "#A88DE0",
+      "--chart-3": "#E08090",
+      "--chart-4": "#7AAEE5",
+      "--chart-5": "#8BD09A"
+    }
+  },
+  "type": "registry:theme"
+}
diff --git a/packages/ghost-ui/public/r/theme-neon-brutalist.json b/packages/ghost-ui/public/r/theme-neon-brutalist.json
new file mode 100644
index 0000000..f9cd1af
--- /dev/null
+++ b/packages/ghost-ui/public/r/theme-neon-brutalist.json
@@ -0,0 +1,78 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "theme-neon-brutalist",
+  "title": "Neon Brutalist",
+  "description": "High contrast, sharp edges",
+  "files": [],
+  "cssVars": {
+    "light": {
+      "--background-accent": "#FF3A00",
+      "--border-accent": "#FF3A00",
+      "--text-accent": "#FF3A00",
+      "--background-default": "#ffffff",
+      "--background-alt": "#F0F0F0",
+      "--background-medium": "#CCCCCC",
+      "--background-muted": "#F0F0F0",
+      "--background-inverse": "#000000",
+      "--border-default": "#000000",
+      "--border-input": "#000000",
+      "--border-input-hover": "#FF3A00",
+      "--border-strong": "#000000",
+      "--border-card": "#000000",
+      "--border-inverse": "#000000",
+      "--text-default": "#000000",
+      "--text-muted": "#555555",
+      "--text-alt": "#333333",
+      "--text-inverse": "#ffffff",
+      "--radius": "0px",
+      "--radius-pill": "0px",
+      "--radius-button": "0px",
+      "--radius-input": "0px",
+      "--radius-card": "0px",
+      "--radius-card-lg": "0px",
+      "--radius-card-sm": "0px",
+      "--radius-dropdown": "0px",
+      "--radius-modal": "0px",
+      "--chart-1": "#FF3A00",
+      "--chart-2": "#00E5FF",
+      "--chart-3": "#FFE600",
+      "--chart-4": "#FF00AA",
+      "--chart-5": "#00FF66"
+    },
+    "dark": {
+      "--background-accent": "#FF5722",
+      "--border-accent": "#FF5722",
+      "--text-accent": "#FF5722",
+      "--background-default": "#0A0A0A",
+      "--background-alt": "#141414",
+      "--background-medium": "#333333",
+      "--background-muted": "#141414",
+      "--background-inverse": "#ffffff",
+      "--border-default": "#ffffff",
+      "--border-input": "#ffffff",
+      "--border-input-hover": "#FF5722",
+      "--border-strong": "#ffffff",
+      "--border-card": "#444444",
+      "--border-inverse": "#ffffff",
+      "--text-default": "#ffffff",
+      "--text-muted": "#AAAAAA",
+      "--text-alt": "#AAAAAA",
+      "--text-inverse": "#000000",
+      "--radius": "0px",
+      "--radius-pill": "0px",
+      "--radius-button": "0px",
+      "--radius-input": "0px",
+      "--radius-card": "0px",
+      "--radius-card-lg": "0px",
+      "--radius-card-sm": "0px",
+      "--radius-dropdown": "0px",
+      "--radius-modal": "0px",
+      "--chart-1": "#FF5722",
+      "--chart-2": "#00E5FF",
+      "--chart-3": "#FFE600",
+      "--chart-4": "#FF00AA",
+      "--chart-5": "#00FF66"
+    }
+  },
+  "type": "registry:theme"
+}
diff --git a/packages/ghost-ui/public/r/theme-ocean.json b/packages/ghost-ui/public/r/theme-ocean.json
new file mode 100644
index 0000000..ae245c2
--- /dev/null
+++ b/packages/ghost-ui/public/r/theme-ocean.json
@@ -0,0 +1,60 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "theme-ocean",
+  "title": "Ocean",
+  "description": "Cool blues and teals",
+  "files": [],
+  "cssVars": {
+    "light": {
+      "--background-accent": "#1B6B8A",
+      "--border-accent": "#1B6B8A",
+      "--text-accent": "#1B6B8A",
+      "--background-default": "#F4F9FB",
+      "--background-alt": "#EAF3F8",
+      "--background-medium": "#8BB8CA",
+      "--background-muted": "#E4F0F5",
+      "--background-inverse": "#0F3442",
+      "--border-default": "#C8DEE8",
+      "--border-input": "#B0D0DE",
+      "--border-input-hover": "#8BB8CA",
+      "--border-strong": "#0F3442",
+      "--border-card": "#C8DEE8",
+      "--border-inverse": "#0F3442",
+      "--text-default": "#0F3442",
+      "--text-muted": "#5A8A9C",
+      "--text-alt": "#3A6A7C",
+      "--text-inverse": "#F4F9FB",
+      "--chart-1": "#2E9AB8",
+      "--chart-2": "#5B78D8",
+      "--chart-3": "#E07A5F",
+      "--chart-4": "#7BC4B8",
+      "--chart-5": "#A8C256"
+    },
+    "dark": {
+      "--background-accent": "#3AB4D8",
+      "--border-accent": "#3AB4D8",
+      "--text-accent": "#3AB4D8",
+      "--background-default": "#0A1E28",
+      "--background-alt": "#112A36",
+      "--background-medium": "#2A5060",
+      "--background-muted": "#112A36",
+      "--background-inverse": "#F4F9FB",
+      "--border-default": "#1A3A4A",
+      "--border-input": "#1A3A4A",
+      "--border-input-hover": "#3A6070",
+      "--border-strong": "#3AB4D8",
+      "--border-card": "#1A3A4A",
+      "--border-inverse": "#F4F9FB",
+      "--text-default": "#E4F0F5",
+      "--text-muted": "#5A8A9C",
+      "--text-alt": "#5A8A9C",
+      "--text-inverse": "#0A1E28",
+      "--chart-1": "#3AB4D8",
+      "--chart-2": "#7B92E8",
+      "--chart-3": "#E07A5F",
+      "--chart-4": "#7BC4B8",
+      "--chart-5": "#A8C256"
+    }
+  },
+  "type": "registry:theme"
+}
diff --git a/packages/ghost-ui/public/r/theme-soft-pastel.json b/packages/ghost-ui/public/r/theme-soft-pastel.json
new file mode 100644
index 0000000..c992ee5
--- /dev/null
+++ b/packages/ghost-ui/public/r/theme-soft-pastel.json
@@ -0,0 +1,94 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "theme-soft-pastel",
+  "title": "Soft Pastel",
+  "description": "Gentle, muted pastels",
+  "files": [],
+  "cssVars": {
+    "light": {
+      "--background-accent": "#8B7EC8",
+      "--border-accent": "#8B7EC8",
+      "--text-accent": "#8B7EC8",
+      "--background-default": "#FAFAFA",
+      "--background-alt": "#F5F2FA",
+      "--background-medium": "#C8BEE0",
+      "--background-muted": "#F0EDF8",
+      "--background-inverse": "#3A3552",
+      "--border-default": "#E0DAF0",
+      "--border-input": "#D2CAE4",
+      "--border-input-hover": "#C8BEE0",
+      "--border-strong": "#3A3552",
+      "--border-card": "#E0DAF0",
+      "--border-inverse": "#3A3552",
+      "--text-default": "#3A3552",
+      "--text-muted": "#8A82A0",
+      "--text-alt": "#6A6280",
+      "--text-inverse": "#FAFAFA",
+      "--background-danger": "#E8A0A0",
+      "--background-success": "#A0D8A0",
+      "--background-info": "#A0C0E8",
+      "--background-warning": "#E8D0A0",
+      "--border-danger": "#E8A0A0",
+      "--border-success": "#A0D8A0",
+      "--border-warning": "#E8D0A0",
+      "--border-info": "#A0C0E8",
+      "--text-danger": "#C07070",
+      "--text-success": "#70A870",
+      "--text-warning": "#C0A060",
+      "--text-info": "#7090C0",
+      "--radius-card": "16px",
+      "--radius-card-lg": "20px",
+      "--radius-card-sm": "14px",
+      "--radius-dropdown": "14px",
+      "--radius-modal": "20px",
+      "--chart-1": "#C8A8E0",
+      "--chart-2": "#A8C8E8",
+      "--chart-3": "#E8B0B0",
+      "--chart-4": "#B0D8B0",
+      "--chart-5": "#E8D0A8"
+    },
+    "dark": {
+      "--background-accent": "#A898E0",
+      "--border-accent": "#A898E0",
+      "--text-accent": "#A898E0",
+      "--background-default": "#14121C",
+      "--background-alt": "#1E1A2A",
+      "--background-medium": "#3A3452",
+      "--background-muted": "#1E1A2A",
+      "--background-inverse": "#FAFAFA",
+      "--border-default": "#2A2640",
+      "--border-input": "#2A2640",
+      "--border-input-hover": "#4A4468",
+      "--border-strong": "#A898E0",
+      "--border-card": "#2A2640",
+      "--border-inverse": "#FAFAFA",
+      "--text-default": "#E8E4F4",
+      "--text-muted": "#8A82A0",
+      "--text-alt": "#8A82A0",
+      "--text-inverse": "#14121C",
+      "--background-danger": "#D08080",
+      "--background-success": "#80C080",
+      "--background-info": "#80A8D8",
+      "--background-warning": "#D8C080",
+      "--border-danger": "#D08080",
+      "--border-success": "#80C080",
+      "--border-warning": "#D8C080",
+      "--border-info": "#80A8D8",
+      "--text-danger": "#E0A0A0",
+      "--text-success": "#A0D8A0",
+      "--text-warning": "#E0C880",
+      "--text-info": "#A0C0E8",
+      "--radius-card": "16px",
+      "--radius-card-lg": "20px",
+      "--radius-card-sm": "14px",
+      "--radius-dropdown": "14px",
+      "--radius-modal": "20px",
+      "--chart-1": "#C8A8E0",
+      "--chart-2": "#A8C8E8",
+      "--chart-3": "#E8B0B0",
+      "--chart-4": "#B0D8B0",
+      "--chart-5": "#E8D0A8"
+    }
+  },
+  "type": "registry:theme"
+}
diff --git a/packages/ghost-ui/public/r/theme-warm-sand.json b/packages/ghost-ui/public/r/theme-warm-sand.json
new file mode 100644
index 0000000..91dfc82
--- /dev/null
+++ b/packages/ghost-ui/public/r/theme-warm-sand.json
@@ -0,0 +1,60 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "theme-warm-sand",
+  "title": "Warm Sand",
+  "description": "Earthy terracotta warmth",
+  "files": [],
+  "cssVars": {
+    "light": {
+      "--background-accent": "#9C5930",
+      "--border-accent": "#9C5930",
+      "--text-accent": "#9C5930",
+      "--background-default": "#FBF5EC",
+      "--background-alt": "#F5ECDF",
+      "--background-medium": "#C4A882",
+      "--background-muted": "#F0E4D4",
+      "--background-inverse": "#3D2B1F",
+      "--border-default": "#E2D4C0",
+      "--border-input": "#D4C2AA",
+      "--border-input-hover": "#C4A882",
+      "--border-strong": "#3D2B1F",
+      "--border-card": "#E2D4C0",
+      "--border-inverse": "#3D2B1F",
+      "--text-default": "#3D2B1F",
+      "--text-muted": "#8B7355",
+      "--text-alt": "#6B5940",
+      "--text-inverse": "#FBF5EC",
+      "--chart-1": "#D4853A",
+      "--chart-2": "#7B9EA8",
+      "--chart-3": "#C46B5A",
+      "--chart-4": "#A8856B",
+      "--chart-5": "#8BAA72"
+    },
+    "dark": {
+      "--background-accent": "#D4853A",
+      "--border-accent": "#D4853A",
+      "--text-accent": "#D4853A",
+      "--background-default": "#1C1410",
+      "--background-alt": "#2A1F18",
+      "--background-medium": "#4A382A",
+      "--background-muted": "#2A1F18",
+      "--background-inverse": "#FBF5EC",
+      "--border-default": "#3A2C20",
+      "--border-input": "#3A2C20",
+      "--border-input-hover": "#5A4530",
+      "--border-strong": "#D4853A",
+      "--border-card": "#3A2C20",
+      "--border-inverse": "#FBF5EC",
+      "--text-default": "#F0E4D4",
+      "--text-muted": "#8B7355",
+      "--text-alt": "#8B7355",
+      "--text-inverse": "#1C1410",
+      "--chart-1": "#D4853A",
+      "--chart-2": "#7B9EA8",
+      "--chart-3": "#C46B5A",
+      "--chart-4": "#A8856B",
+      "--chart-5": "#8BAA72"
+    }
+  },
+  "type": "registry:theme"
+}
diff --git a/packages/ghost-ui/registry.json b/packages/ghost-ui/registry.json
index adb6d55..299175f 100644
--- a/packages/ghost-ui/registry.json
+++ b/packages/ghost-ui/registry.json
@@ -3,11 +3,357 @@
   "name": "ghost-ui",
   "homepage": "https://github.com/block/ghost",
   "items": [
+    {
+      "name": "ghost-ui-base",
+      "type": "registry:base",
+      "title": "Ghost UI",
+      "description": "Magazine-inspired design system — pill geometry, HK Grotesk typography, 4-tier shadow hierarchy",
+      "author": "block",
+      "style": "ghost",
+      "iconLibrary": "lucide",
+      "baseColor": "neutral",
+      "registryDependencies": ["styles-main", "font-hk-grotesk", "utils"],
+      "dependencies": ["tw-animate-css", "clsx", "tailwind-merge"],
+      "devDependencies": ["tailwindcss"],
+      "files": [],
+      "cssVars": {
+        "theme": {
+          "--color-white": "#ffffff",
+          "--color-black": "#000000",
+          "--color-gray-50": "#f5f5f5",
+          "--color-gray-100": "#f0f0f0",
+          "--color-gray-200": "#e8e8e8",
+          "--color-gray-300": "#e5e5e5",
+          "--color-gray-400": "#cccccc",
+          "--color-gray-500": "#999999",
+          "--color-gray-600": "#666666",
+          "--color-gray-700": "#333333",
+          "--color-gray-800": "#232323",
+          "--color-gray-900": "#1a1a1a",
+          "--color-red-100": "#ff6b6b",
+          "--color-red-200": "#f94b4b",
+          "--color-blue-100": "#7cacff",
+          "--color-blue-200": "#5c98f9",
+          "--color-green-100": "#a3d795",
+          "--color-green-200": "#91cb80",
+          "--color-yellow-100": "#ffd966",
+          "--color-yellow-200": "#fbcd44",
+          "--color-background": "var(--background)",
+          "--color-foreground": "var(--foreground)",
+          "--color-card": "var(--card)",
+          "--color-card-foreground": "var(--card-foreground)",
+          "--color-popover": "var(--popover)",
+          "--color-popover-foreground": "var(--popover-foreground)",
+          "--color-primary": "var(--primary)",
+          "--color-primary-foreground": "var(--primary-foreground)",
+          "--color-secondary": "var(--secondary)",
+          "--color-secondary-foreground": "var(--secondary-foreground)",
+          "--color-muted": "var(--muted)",
+          "--color-muted-foreground": "var(--muted-foreground)",
+          "--color-accent": "var(--accent)",
+          "--color-accent-foreground": "var(--accent-foreground)",
+          "--color-destructive": "var(--destructive)",
+          "--color-destructive-foreground": "var(--destructive-foreground)",
+          "--color-border": "var(--border)",
+          "--color-input": "var(--input)",
+          "--color-background-default": "var(--background-default)",
+          "--color-background-alt": "var(--background-alt)",
+          "--color-background-medium": "var(--background-medium)",
+          "--color-background-inverse": "var(--background-inverse)",
+          "--color-background-muted": "var(--background-muted)",
+          "--color-background-danger": "var(--background-danger)",
+          "--color-background-success": "var(--background-success)",
+          "--color-background-info": "var(--background-info)",
+          "--color-background-warning": "var(--background-warning)",
+          "--color-background-accent": "var(--background-accent)",
+          "--color-border-accent": "var(--border-accent)",
+          "--color-text-accent": "var(--text-accent)",
+          "--color-border-default": "var(--border-default)",
+          "--color-border-input": "var(--border-input)",
+          "--color-border-input-hover": "var(--border-input-hover)",
+          "--color-border-strong": "var(--border-strong)",
+          "--color-border-card": "var(--border-card)",
+          "--color-border-inverse": "var(--border-inverse)",
+          "--color-border-danger": "var(--border-danger)",
+          "--color-border-success": "var(--border-success)",
+          "--color-border-warning": "var(--border-warning)",
+          "--color-border-info": "var(--border-info)",
+          "--color-text-default": "var(--text-default)",
+          "--color-text-muted": "var(--text-muted)",
+          "--color-text-alt": "var(--text-alt)",
+          "--color-text-inverse": "var(--text-inverse)",
+          "--color-text-danger": "var(--text-danger)",
+          "--color-text-success": "var(--text-success)",
+          "--color-text-warning": "var(--text-warning)",
+          "--color-text-info": "var(--text-info)",
+          "--color-dark-10": "var(--dark-10)",
+          "--color-dark-40": "var(--dark-40)",
+          "--color-dark-04": "var(--dark-04)",
+          "--color-surface-dark": "var(--surface-dark)",
+          "--color-surface-dark-text": "var(--surface-dark-text)",
+          "--color-surface-dark-muted": "var(--surface-dark-muted)",
+          "--color-surface-dark-border": "var(--surface-dark-border)",
+          "--font-sans": "\"HK Grotesk\", sans-serif",
+          "--font-mono": "\"Geist Mono\", monospace",
+          "--font-serif": "serif",
+          "--font-display": "\"HK Grotesk\", sans-serif",
+          "--radius-pill": "999px",
+          "--radius-button": "999px",
+          "--radius-input": "999px",
+          "--radius-card": "20px",
+          "--radius-card-lg": "24px",
+          "--radius-card-sm": "14px",
+          "--radius-dropdown": "10px",
+          "--radius-modal": "16px",
+          "--radius-sm": "calc(var(--radius) - 4px)",
+          "--radius-md": "calc(var(--radius) - 2px)",
+          "--radius-lg": "var(--radius)",
+          "--radius-xl": "calc(var(--radius) + 4px)",
+          "--color-ring": "var(--ring)",
+          "--shadow-mini": "var(--shadow-mini)",
+          "--shadow-mini-inset": "var(--shadow-mini-inset)",
+          "--shadow-btn": "var(--shadow-btn)",
+          "--shadow-card": "var(--shadow-card)",
+          "--shadow-elevated": "var(--shadow-elevated)",
+          "--shadow-popover": "var(--shadow-popover)",
+          "--shadow-modal": "var(--shadow-modal)",
+          "--shadow-kbd": "var(--shadow-kbd)",
+          "--shadow-date-field-focus": "var(--shadow-date-field-focus)",
+          "--spacing-input": "3.25rem",
+          "--spacing-input-sm": "2.75rem",
+          "--spacing-button": "2.75rem",
+          "--spacing-button-sm": "2rem",
+          "--text-xxs": "10px",
+          "--color-chart-1": "var(--chart-1)",
+          "--color-chart-2": "var(--chart-2)",
+          "--color-chart-3": "var(--chart-3)",
+          "--color-chart-4": "var(--chart-4)",
+          "--color-chart-5": "var(--chart-5)",
+          "--color-sidebar": "var(--sidebar)",
+          "--color-sidebar-foreground": "var(--sidebar-foreground)",
+          "--color-sidebar-primary": "var(--sidebar-primary)",
+          "--color-sidebar-primary-foreground": "var(--sidebar-primary-foreground)",
+          "--color-sidebar-accent": "var(--sidebar-accent)",
+          "--color-sidebar-accent-foreground": "var(--sidebar-accent-foreground)",
+          "--color-sidebar-border": "var(--sidebar-border)",
+          "--color-sidebar-ring": "var(--sidebar-ring)",
+          "--breakpoint-desktop": "1440px",
+          "--animate-accordion-down": "accordion-down 0.2s ease-out",
+          "--animate-accordion-up": "accordion-up 0.2s ease-out",
+          "--animate-caret-blink": "caret-blink 1s ease-out infinite",
+          "--animate-scale-in": "scale-in 0.2s ease",
+          "--animate-scale-out": "scale-out 0.15s ease",
+          "--animate-fade-in": "fade-in 0.2s ease",
+          "--animate-fade-out": "fade-out 0.15s ease",
+          "--animate-enter-from-left": "enter-from-left 0.2s ease",
+          "--animate-enter-from-right": "enter-from-right 0.2s ease",
+          "--animate-exit-to-left": "exit-to-left 0.2s ease",
+          "--animate-exit-to-right": "exit-to-right 0.2s ease",
+          "--animate-word-reveal": "word-reveal 0.4s ease-out"
+        },
+        "light": {
+          "--radius": "20px",
+          "--background-accent": "var(--color-gray-900)",
+          "--border-accent": "var(--color-gray-900)",
+          "--text-accent": "var(--color-gray-900)",
+          "--background-default": "var(--color-white)",
+          "--background-alt": "var(--color-gray-50)",
+          "--background-medium": "var(--color-gray-400)",
+          "--background-muted": "var(--color-gray-100)",
+          "--background-inverse": "var(--color-black)",
+          "--background-danger": "var(--color-red-200)",
+          "--background-success": "var(--color-green-200)",
+          "--background-info": "var(--color-blue-200)",
+          "--background-warning": "var(--color-yellow-200)",
+          "--border-default": "var(--color-gray-200)",
+          "--border-input": "var(--color-gray-300)",
+          "--border-input-hover": "var(--color-gray-400)",
+          "--border-strong": "var(--color-gray-900)",
+          "--border-card": "var(--color-gray-200)",
+          "--border-inverse": "var(--color-black)",
+          "--border-danger": "var(--color-red-200)",
+          "--border-success": "var(--color-green-200)",
+          "--border-warning": "var(--color-yellow-200)",
+          "--border-info": "var(--color-blue-200)",
+          "--text-default": "var(--color-gray-900)",
+          "--text-muted": "var(--color-gray-500)",
+          "--text-alt": "var(--color-gray-600)",
+          "--text-inverse": "var(--color-white)",
+          "--text-danger": "var(--color-red-200)",
+          "--text-success": "var(--color-green-200)",
+          "--text-warning": "var(--color-yellow-200)",
+          "--text-info": "var(--color-blue-200)",
+          "--ring": "var(--border-strong)",
+          "--dark-10": "rgba(26, 26, 26, 0.1)",
+          "--dark-40": "rgba(26, 26, 26, 0.4)",
+          "--dark-04": "rgba(26, 26, 26, 0.04)",
+          "--shadow-mini": "0 2px 8px rgba(76, 76, 76, 0.15)",
+          "--shadow-mini-inset": "0 1px 4px rgba(76, 76, 76, 0.1) inset",
+          "--shadow-btn": "0 2px 8px rgba(76, 76, 76, 0.15)",
+          "--shadow-card": "0 2px 8px rgba(76, 76, 76, 0.15)",
+          "--shadow-elevated": "0 3px 12px rgba(76, 76, 76, 0.22)",
+          "--shadow-popover": "0 8px 30px rgba(0, 0, 0, 0.12)",
+          "--shadow-modal": "0 20px 60px rgba(0, 0, 0, 0.2)",
+          "--shadow-kbd": "0 2px 8px rgba(76, 76, 76, 0.15)",
+          "--shadow-date-field-focus": "0 0 0 3px rgba(26, 26, 26, 0.15)",
+          "--surface-dark": "#0a0a0a",
+          "--surface-dark-text": "#f5f5f5",
+          "--surface-dark-muted": "rgba(255, 255, 255, 0.5)",
+          "--surface-dark-border": "rgba(255, 255, 255, 0.08)",
+          "--chart-1": "#f6b44a",
+          "--chart-2": "#7585ff",
+          "--chart-3": "#d76a6a",
+          "--chart-4": "#d185e0",
+          "--chart-5": "#91cb80",
+          "--background": "var(--background-default)",
+          "--foreground": "var(--text-default)",
+          "--card": "var(--background-default)",
+          "--card-foreground": "var(--text-default)",
+          "--popover": "var(--background-default)",
+          "--popover-foreground": "var(--text-default)",
+          "--primary": "var(--background-accent)",
+          "--primary-foreground": "var(--text-inverse)",
+          "--secondary": "var(--background-muted)",
+          "--secondary-foreground": "var(--text-default)",
+          "--muted": "var(--background-muted)",
+          "--muted-foreground": "var(--text-muted)",
+          "--accent": "var(--background-muted)",
+          "--accent-foreground": "var(--text-default)",
+          "--destructive": "var(--background-danger)",
+          "--destructive-foreground": "#ffffff",
+          "--border": "var(--border-default)",
+          "--input": "var(--border-input)",
+          "--sidebar": "var(--background-default)",
+          "--sidebar-foreground": "var(--text-default)",
+          "--sidebar-primary": "var(--background-accent)",
+          "--sidebar-primary-foreground": "var(--text-inverse)",
+          "--sidebar-accent": "var(--background-muted)",
+          "--sidebar-accent-foreground": "var(--text-default)",
+          "--sidebar-border": "var(--border-default)",
+          "--sidebar-ring": "var(--border-default)",
+          "--heading-display-font-size": "clamp(64px, 8vw, 96px)",
+          "--heading-display-line-height": "0.88",
+          "--heading-display-letter-spacing": "-0.05em",
+          "--heading-display-font-weight": "900",
+          "--heading-section-font-size": "clamp(44px, 5vw, 64px)",
+          "--heading-section-line-height": "0.95",
+          "--heading-section-letter-spacing": "-0.035em",
+          "--heading-section-font-weight": "700",
+          "--heading-sub-font-size": "clamp(28px, 3vw, 40px)",
+          "--heading-sub-line-height": "1",
+          "--heading-sub-letter-spacing": "-0.02em",
+          "--heading-sub-font-weight": "700",
+          "--heading-card-font-size": "clamp(20px, 2vw, 28px)",
+          "--heading-card-line-height": "1.1",
+          "--heading-card-letter-spacing": "-0.01em",
+          "--heading-card-font-weight": "600",
+          "--display-size": "clamp(3rem, 12vw, 12rem)",
+          "--display-line-height": "0.85",
+          "--display-letter-spacing": "-0.05em",
+          "--body-reading-size": "clamp(1rem, 1.3vw, 1.25rem)",
+          "--body-reading-line-height": "1.65",
+          "--body-reading-letter-spacing": "-0.01em",
+          "--label-font-size": "11px",
+          "--label-letter-spacing": "0.12em",
+          "--label-font-weight": "600",
+          "--label-line-height": "1.2",
+          "--pullquote-size": "clamp(1.5rem, 3vw, 2.5rem)",
+          "--pullquote-line-height": "1.3",
+          "--pullquote-weight": "300",
+          "--pullquote-letter-spacing": "-0.02em",
+          "--page-container-max-width": "1440px",
+          "--page-container-side-gutter": "20px",
+          "--section-padding-vertical": "100px",
+          "--section-heading-margin-bottom": "75px",
+          "--ease-spring": "cubic-bezier(0.33, 1, 0.68, 1)",
+          "--duration-fast": "0.15s",
+          "--duration-normal": "0.2s",
+          "--duration-slow": "0.4s"
+        },
+        "dark": {
+          "--background-accent": "var(--color-white)",
+          "--border-accent": "var(--color-white)",
+          "--text-accent": "var(--color-white)",
+          "--background": "var(--background-default)",
+          "--foreground": "var(--text-default)",
+          "--card": "var(--background-default)",
+          "--card-foreground": "var(--text-default)",
+          "--popover": "var(--background-default)",
+          "--popover-foreground": "var(--text-default)",
+          "--primary": "var(--background-accent)",
+          "--primary-foreground": "var(--text-inverse)",
+          "--secondary": "var(--background-muted)",
+          "--secondary-foreground": "var(--text-default)",
+          "--muted": "var(--background-muted)",
+          "--muted-foreground": "var(--text-muted)",
+          "--accent": "var(--background-muted)",
+          "--accent-foreground": "var(--text-default)",
+          "--destructive": "var(--background-danger)",
+          "--destructive-foreground": "#ffffff",
+          "--border": "var(--border-default)",
+          "--input": "var(--border-input)",
+          "--background-default": "var(--color-black)",
+          "--background-alt": "var(--color-gray-800)",
+          "--background-medium": "var(--color-gray-700)",
+          "--background-muted": "var(--color-gray-800)",
+          "--background-inverse": "var(--color-white)",
+          "--background-danger": "var(--color-red-100)",
+          "--background-success": "var(--color-green-100)",
+          "--background-info": "var(--color-blue-100)",
+          "--background-warning": "var(--color-yellow-100)",
+          "--border-default": "var(--color-gray-700)",
+          "--border-input": "var(--color-gray-700)",
+          "--border-input-hover": "var(--color-gray-600)",
+          "--border-strong": "var(--color-white)",
+          "--border-card": "var(--color-gray-700)",
+          "--border-inverse": "var(--color-white)",
+          "--border-danger": "var(--color-red-200)",
+          "--border-success": "var(--color-green-200)",
+          "--border-warning": "var(--color-yellow-200)",
+          "--border-info": "var(--color-blue-200)",
+          "--text-default": "var(--color-white)",
+          "--text-muted": "var(--color-gray-500)",
+          "--text-alt": "var(--color-gray-500)",
+          "--text-inverse": "var(--color-black)",
+          "--text-danger": "var(--color-red-100)",
+          "--text-success": "var(--color-green-100)",
+          "--text-warning": "var(--color-yellow-100)",
+          "--text-info": "var(--color-blue-100)",
+          "--ring": "var(--border-strong)",
+          "--dark-10": "rgba(242, 242, 242, 0.1)",
+          "--dark-40": "rgba(242, 242, 242, 0.4)",
+          "--dark-04": "rgba(242, 242, 242, 0.04)",
+          "--shadow-mini": "0 2px 8px rgba(0, 0, 0, 0.4)",
+          "--shadow-mini-inset": "0 1px 4px rgba(0, 0, 0, 0.5) inset",
+          "--shadow-btn": "0 2px 8px rgba(0, 0, 0, 0.3)",
+          "--shadow-card": "0 2px 8px rgba(0, 0, 0, 0.4)",
+          "--shadow-elevated": "0 3px 12px rgba(0, 0, 0, 0.5)",
+          "--shadow-popover": "0 8px 30px rgba(0, 0, 0, 0.4)",
+          "--shadow-modal": "0 20px 60px rgba(0, 0, 0, 0.6)",
+          "--shadow-kbd": "0 2px 8px rgba(0, 0, 0, 0.4)",
+          "--shadow-date-field-focus": "0 0 0 3px rgba(244, 244, 245, 0.1)",
+          "--chart-1": "#f6b44a",
+          "--chart-2": "#7585ff",
+          "--chart-3": "#d76a6a",
+          "--chart-4": "#d185e0",
+          "--chart-5": "#91cb80",
+          "--sidebar": "var(--background-default)",
+          "--sidebar-foreground": "var(--text-default)",
+          "--sidebar-primary": "var(--background-accent)",
+          "--sidebar-primary-foreground": "var(--text-inverse)",
+          "--sidebar-accent": "var(--background-muted)",
+          "--sidebar-accent-foreground": "var(--text-default)",
+          "--sidebar-border": "var(--border-default)",
+          "--sidebar-ring": "var(--border-default)"
+        }
+      }
+    },
     {
       "name": "styles-main",
       "type": "registry:style",
       "dependencies": ["tw-animate-css"],
       "devDependencies": ["tailwindcss"],
+      "registryDependencies": ["font-hk-grotesk"],
       "files": [
         {
           "type": "registry:theme",
@@ -16,6 +362,70 @@
         }
       ]
     },
+    {
+      "name": "font-hk-grotesk-faces",
+      "type": "registry:style",
+      "files": [
+        {
+          "type": "registry:theme",
+          "target": "styles/font-faces.css",
+          "path": "src/styles/font-faces.css"
+        }
+      ]
+    },
+    {
+      "name": "font-hk-grotesk",
+      "type": "registry:font",
+      "font": {
+        "family": "HK Grotesk",
+        "provider": "google",
+        "import": "HK_Grotesk",
+        "variable": "--font-hk-grotesk",
+        "weight": ["300", "400", "500", "600", "700", "800", "900"],
+        "subsets": ["latin"]
+      },
+      "meta": {
+        "selfHosted": true
+      },
+      "registryDependencies": ["font-hk-grotesk-faces"],
+      "files": [
+        {
+          "type": "registry:file",
+          "path": "src/fonts/HKGrotesk-Light.woff2",
+          "target": "public/fonts/HKGrotesk-Light.woff2"
+        },
+        {
+          "type": "registry:file",
+          "path": "src/fonts/HKGrotesk-Regular.woff2",
+          "target": "public/fonts/HKGrotesk-Regular.woff2"
+        },
+        {
+          "type": "registry:file",
+          "path": "src/fonts/HKGrotesk-Medium.woff2",
+          "target": "public/fonts/HKGrotesk-Medium.woff2"
+        },
+        {
+          "type": "registry:file",
+          "path": "src/fonts/HKGrotesk-SemiBold.woff2",
+          "target": "public/fonts/HKGrotesk-SemiBold.woff2"
+        },
+        {
+          "type": "registry:file",
+          "path": "src/fonts/HKGrotesk-Bold.woff2",
+          "target": "public/fonts/HKGrotesk-Bold.woff2"
+        },
+        {
+          "type": "registry:file",
+          "path": "src/fonts/HKGrotesk-ExtraBold.woff2",
+          "target": "public/fonts/HKGrotesk-ExtraBold.woff2"
+        },
+        {
+          "type": "registry:file",
+          "path": "src/fonts/HKGrotesk-Black.woff2",
+          "target": "public/fonts/HKGrotesk-Black.woff2"
+        }
+      ]
+    },
     {
       "name": "utils",
       "type": "registry:lib",
@@ -28,6 +438,355 @@
         }
       ]
     },
+    {
+      "name": "theme-warm-sand",
+      "type": "registry:theme",
+      "title": "Warm Sand",
+      "description": "Earthy terracotta warmth",
+      "cssVars": {
+        "light": {
+          "--background-accent": "#9C5930",
+          "--border-accent": "#9C5930",
+          "--text-accent": "#9C5930",
+          "--background-default": "#FBF5EC",
+          "--background-alt": "#F5ECDF",
+          "--background-medium": "#C4A882",
+          "--background-muted": "#F0E4D4",
+          "--background-inverse": "#3D2B1F",
+          "--border-default": "#E2D4C0",
+          "--border-input": "#D4C2AA",
+          "--border-input-hover": "#C4A882",
+          "--border-strong": "#3D2B1F",
+          "--border-card": "#E2D4C0",
+          "--border-inverse": "#3D2B1F",
+          "--text-default": "#3D2B1F",
+          "--text-muted": "#8B7355",
+          "--text-alt": "#6B5940",
+          "--text-inverse": "#FBF5EC",
+          "--chart-1": "#D4853A",
+          "--chart-2": "#7B9EA8",
+          "--chart-3": "#C46B5A",
+          "--chart-4": "#A8856B",
+          "--chart-5": "#8BAA72"
+        },
+        "dark": {
+          "--background-accent": "#D4853A",
+          "--border-accent": "#D4853A",
+          "--text-accent": "#D4853A",
+          "--background-default": "#1C1410",
+          "--background-alt": "#2A1F18",
+          "--background-medium": "#4A382A",
+          "--background-muted": "#2A1F18",
+          "--background-inverse": "#FBF5EC",
+          "--border-default": "#3A2C20",
+          "--border-input": "#3A2C20",
+          "--border-input-hover": "#5A4530",
+          "--border-strong": "#D4853A",
+          "--border-card": "#3A2C20",
+          "--border-inverse": "#FBF5EC",
+          "--text-default": "#F0E4D4",
+          "--text-muted": "#8B7355",
+          "--text-alt": "#8B7355",
+          "--text-inverse": "#1C1410",
+          "--chart-1": "#D4853A",
+          "--chart-2": "#7B9EA8",
+          "--chart-3": "#C46B5A",
+          "--chart-4": "#A8856B",
+          "--chart-5": "#8BAA72"
+        }
+      },
+      "files": []
+    },
+    {
+      "name": "theme-ocean",
+      "type": "registry:theme",
+      "title": "Ocean",
+      "description": "Cool blues and teals",
+      "cssVars": {
+        "light": {
+          "--background-accent": "#1B6B8A",
+          "--border-accent": "#1B6B8A",
+          "--text-accent": "#1B6B8A",
+          "--background-default": "#F4F9FB",
+          "--background-alt": "#EAF3F8",
+          "--background-medium": "#8BB8CA",
+          "--background-muted": "#E4F0F5",
+          "--background-inverse": "#0F3442",
+          "--border-default": "#C8DEE8",
+          "--border-input": "#B0D0DE",
+          "--border-input-hover": "#8BB8CA",
+          "--border-strong": "#0F3442",
+          "--border-card": "#C8DEE8",
+          "--border-inverse": "#0F3442",
+          "--text-default": "#0F3442",
+          "--text-muted": "#5A8A9C",
+          "--text-alt": "#3A6A7C",
+          "--text-inverse": "#F4F9FB",
+          "--chart-1": "#2E9AB8",
+          "--chart-2": "#5B78D8",
+          "--chart-3": "#E07A5F",
+          "--chart-4": "#7BC4B8",
+          "--chart-5": "#A8C256"
+        },
+        "dark": {
+          "--background-accent": "#3AB4D8",
+          "--border-accent": "#3AB4D8",
+          "--text-accent": "#3AB4D8",
+          "--background-default": "#0A1E28",
+          "--background-alt": "#112A36",
+          "--background-medium": "#2A5060",
+          "--background-muted": "#112A36",
+          "--background-inverse": "#F4F9FB",
+          "--border-default": "#1A3A4A",
+          "--border-input": "#1A3A4A",
+          "--border-input-hover": "#3A6070",
+          "--border-strong": "#3AB4D8",
+          "--border-card": "#1A3A4A",
+          "--border-inverse": "#F4F9FB",
+          "--text-default": "#E4F0F5",
+          "--text-muted": "#5A8A9C",
+          "--text-alt": "#5A8A9C",
+          "--text-inverse": "#0A1E28",
+          "--chart-1": "#3AB4D8",
+          "--chart-2": "#7B92E8",
+          "--chart-3": "#E07A5F",
+          "--chart-4": "#7BC4B8",
+          "--chart-5": "#A8C256"
+        }
+      },
+      "files": []
+    },
+    {
+      "name": "theme-midnight-luxe",
+      "type": "registry:theme",
+      "title": "Midnight Luxe",
+      "description": "Deep purples and golds",
+      "cssVars": {
+        "light": {
+          "--background-accent": "#1E1528",
+          "--border-accent": "#1E1528",
+          "--text-accent": "#1E1528",
+          "--background-default": "#F8F6F9",
+          "--background-alt": "#F0ECF4",
+          "--background-medium": "#B8A8C8",
+          "--background-muted": "#EDE8F2",
+          "--background-inverse": "#1E1528",
+          "--border-default": "#DDD4E6",
+          "--border-input": "#CCC0D8",
+          "--border-input-hover": "#B8A8C8",
+          "--border-strong": "#1E1528",
+          "--border-card": "#DDD4E6",
+          "--border-inverse": "#1E1528",
+          "--text-default": "#1E1528",
+          "--text-muted": "#7A6B8A",
+          "--text-alt": "#5A4B6A",
+          "--text-inverse": "#F8F6F9",
+          "--background-warning": "#C5A24D",
+          "--chart-1": "#C5A24D",
+          "--chart-2": "#8B6CC1",
+          "--chart-3": "#D76A7A",
+          "--chart-4": "#5E8EC5",
+          "--chart-5": "#7CB88A"
+        },
+        "dark": {
+          "--background-accent": "#C5A24D",
+          "--border-accent": "#C5A24D",
+          "--text-accent": "#C5A24D",
+          "--background-default": "#0E0A14",
+          "--background-alt": "#1A1224",
+          "--background-medium": "#3A2A50",
+          "--background-muted": "#1A1224",
+          "--background-inverse": "#F8F6F9",
+          "--border-default": "#2A1E3A",
+          "--border-input": "#2A1E3A",
+          "--border-input-hover": "#4A3A60",
+          "--border-strong": "#C5A24D",
+          "--border-card": "#2A1E3A",
+          "--border-inverse": "#F8F6F9",
+          "--text-default": "#EDE8F2",
+          "--text-muted": "#7A6B8A",
+          "--text-alt": "#7A6B8A",
+          "--text-inverse": "#0E0A14",
+          "--background-warning": "#C5A24D",
+          "--chart-1": "#C5A24D",
+          "--chart-2": "#A88DE0",
+          "--chart-3": "#E08090",
+          "--chart-4": "#7AAEE5",
+          "--chart-5": "#8BD09A"
+        }
+      },
+      "files": []
+    },
+    {
+      "name": "theme-neon-brutalist",
+      "type": "registry:theme",
+      "title": "Neon Brutalist",
+      "description": "High contrast, sharp edges",
+      "cssVars": {
+        "light": {
+          "--background-accent": "#FF3A00",
+          "--border-accent": "#FF3A00",
+          "--text-accent": "#FF3A00",
+          "--background-default": "#ffffff",
+          "--background-alt": "#F0F0F0",
+          "--background-medium": "#CCCCCC",
+          "--background-muted": "#F0F0F0",
+          "--background-inverse": "#000000",
+          "--border-default": "#000000",
+          "--border-input": "#000000",
+          "--border-input-hover": "#FF3A00",
+          "--border-strong": "#000000",
+          "--border-card": "#000000",
+          "--border-inverse": "#000000",
+          "--text-default": "#000000",
+          "--text-muted": "#555555",
+          "--text-alt": "#333333",
+          "--text-inverse": "#ffffff",
+          "--radius": "0px",
+          "--radius-pill": "0px",
+          "--radius-button": "0px",
+          "--radius-input": "0px",
+          "--radius-card": "0px",
+          "--radius-card-lg": "0px",
+          "--radius-card-sm": "0px",
+          "--radius-dropdown": "0px",
+          "--radius-modal": "0px",
+          "--chart-1": "#FF3A00",
+          "--chart-2": "#00E5FF",
+          "--chart-3": "#FFE600",
+          "--chart-4": "#FF00AA",
+          "--chart-5": "#00FF66"
+        },
+        "dark": {
+          "--background-accent": "#FF5722",
+          "--border-accent": "#FF5722",
+          "--text-accent": "#FF5722",
+          "--background-default": "#0A0A0A",
+          "--background-alt": "#141414",
+          "--background-medium": "#333333",
+          "--background-muted": "#141414",
+          "--background-inverse": "#ffffff",
+          "--border-default": "#ffffff",
+          "--border-input": "#ffffff",
+          "--border-input-hover": "#FF5722",
+          "--border-strong": "#ffffff",
+          "--border-card": "#444444",
+          "--border-inverse": "#ffffff",
+          "--text-default": "#ffffff",
+          "--text-muted": "#AAAAAA",
+          "--text-alt": "#AAAAAA",
+          "--text-inverse": "#000000",
+          "--radius": "0px",
+          "--radius-pill": "0px",
+          "--radius-button": "0px",
+          "--radius-input": "0px",
+          "--radius-card": "0px",
+          "--radius-card-lg": "0px",
+          "--radius-card-sm": "0px",
+          "--radius-dropdown": "0px",
+          "--radius-modal": "0px",
+          "--chart-1": "#FF5722",
+          "--chart-2": "#00E5FF",
+          "--chart-3": "#FFE600",
+          "--chart-4": "#FF00AA",
+          "--chart-5": "#00FF66"
+        }
+      },
+      "files": []
+    },
+    {
+      "name": "theme-soft-pastel",
+      "type": "registry:theme",
+      "title": "Soft Pastel",
+      "description": "Gentle, muted pastels",
+      "cssVars": {
+        "light": {
+          "--background-accent": "#8B7EC8",
+          "--border-accent": "#8B7EC8",
+          "--text-accent": "#8B7EC8",
+          "--background-default": "#FAFAFA",
+          "--background-alt": "#F5F2FA",
+          "--background-medium": "#C8BEE0",
+          "--background-muted": "#F0EDF8",
+          "--background-inverse": "#3A3552",
+          "--border-default": "#E0DAF0",
+          "--border-input": "#D2CAE4",
+          "--border-input-hover": "#C8BEE0",
+          "--border-strong": "#3A3552",
+          "--border-card": "#E0DAF0",
+          "--border-inverse": "#3A3552",
+          "--text-default": "#3A3552",
+          "--text-muted": "#8A82A0",
+          "--text-alt": "#6A6280",
+          "--text-inverse": "#FAFAFA",
+          "--background-danger": "#E8A0A0",
+          "--background-success": "#A0D8A0",
+          "--background-info": "#A0C0E8",
+          "--background-warning": "#E8D0A0",
+          "--border-danger": "#E8A0A0",
+          "--border-success": "#A0D8A0",
+          "--border-warning": "#E8D0A0",
+          "--border-info": "#A0C0E8",
+          "--text-danger": "#C07070",
+          "--text-success": "#70A870",
+          "--text-warning": "#C0A060",
+          "--text-info": "#7090C0",
+          "--radius-card": "16px",
+          "--radius-card-lg": "20px",
+          "--radius-card-sm": "14px",
+          "--radius-dropdown": "14px",
+          "--radius-modal": "20px",
+          "--chart-1": "#C8A8E0",
+          "--chart-2": "#A8C8E8",
+          "--chart-3": "#E8B0B0",
+          "--chart-4": "#B0D8B0",
+          "--chart-5": "#E8D0A8"
+        },
+        "dark": {
+          "--background-accent": "#A898E0",
+          "--border-accent": "#A898E0",
+          "--text-accent": "#A898E0",
+          "--background-default": "#14121C",
+          "--background-alt": "#1E1A2A",
+          "--background-medium": "#3A3452",
+          "--background-muted": "#1E1A2A",
+          "--background-inverse": "#FAFAFA",
+          "--border-default": "#2A2640",
+          "--border-input": "#2A2640",
+          "--border-input-hover": "#4A4468",
+          "--border-strong": "#A898E0",
+          "--border-card": "#2A2640",
+          "--border-inverse": "#FAFAFA",
+          "--text-default": "#E8E4F4",
+          "--text-muted": "#8A82A0",
+          "--text-alt": "#8A82A0",
+          "--text-inverse": "#14121C",
+          "--background-danger": "#D08080",
+          "--background-success": "#80C080",
+          "--background-info": "#80A8D8",
+          "--background-warning": "#D8C080",
+          "--border-danger": "#D08080",
+          "--border-success": "#80C080",
+          "--border-warning": "#D8C080",
+          "--border-info": "#80A8D8",
+          "--text-danger": "#E0A0A0",
+          "--text-success": "#A0D8A0",
+          "--text-warning": "#E0C880",
+          "--text-info": "#A0C0E8",
+          "--radius-card": "16px",
+          "--radius-card-lg": "20px",
+          "--radius-card-sm": "14px",
+          "--radius-dropdown": "14px",
+          "--radius-modal": "20px",
+          "--chart-1": "#C8A8E0",
+          "--chart-2": "#A8C8E8",
+          "--chart-3": "#E8B0B0",
+          "--chart-4": "#B0D8B0",
+          "--chart-5": "#E8D0A8"
+        }
+      },
+      "files": []
+    },
     {
       "name": "accordion",
       "type": "registry:ui",
diff --git a/packages/ghost-ui/scripts/build-base-vars.mjs b/packages/ghost-ui/scripts/build-base-vars.mjs
new file mode 100644
index 0000000..935e75b
--- /dev/null
+++ b/packages/ghost-ui/scripts/build-base-vars.mjs
@@ -0,0 +1,88 @@
+/**
+ * Extracts CSS variables from main.css and injects them into the
+ * registry:base item in registry.json as the `cssVars` field.
+ */
+
+import { readFileSync, writeFileSync } from "node:fs";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+import postcss from "postcss";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const PKG = join(__dirname, "..");
+
+const css = readFileSync(join(PKG, "src/styles/main.css"), "utf-8");
+const root = postcss.parse(css);
+
+const theme = {};
+const light = {};
+const dark = {};
+
+root.walk((node) => {
+  if (node.type !== "decl" || !node.prop.startsWith("--")) return;
+
+  const parent = node.parent;
+  if (!parent) return;
+
+  if (parent.type === "atrule" && parent.name === "theme") {
+    // Skip wildcard resets like --color-*: initial
+    if (node.prop.includes("*")) return;
+    theme[node.prop] = node.value;
+  } else if (parent.type === "rule" && parent.selector === ":root") {
+    light[node.prop] = node.value;
+  } else if (parent.type === "rule" && parent.selector === ".dark") {
+    dark[node.prop] = node.value;
+  }
+
+  // @theme inline declarations also go into theme
+  if (
+    parent.type === "atrule" &&
+    parent.name === "theme" &&
+    parent.params?.includes("inline")
+  ) {
+    theme[node.prop] = node.value;
+  }
+});
+
+// Read and update registry.json
+const registryPath = join(PKG, "registry.json");
+const registry = JSON.parse(readFileSync(registryPath, "utf-8"));
+
+// Find or create the registry:base item
+let baseItem = registry.items.find(
+  (item) => item.type === "registry:base" && item.name === "ghost-ui-base",
+);
+
+if (!baseItem) {
+  baseItem = {
+    name: "ghost-ui-base",
+    type: "registry:base",
+    title: "Ghost UI",
+    description:
+      "Magazine-inspired design system — pill geometry, HK Grotesk typography, 4-tier shadow hierarchy",
+    author: "block",
+    style: "ghost",
+    iconLibrary: "lucide",
+    baseColor: "neutral",
+    registryDependencies: ["styles-main", "font-hk-grotesk", "utils"],
+    dependencies: ["tw-animate-css", "clsx", "tailwind-merge"],
+    devDependencies: ["tailwindcss"],
+    files: [],
+    cssVars: {},
+  };
+  // Insert at the beginning of items (before styles-main)
+  registry.items.unshift(baseItem);
+}
+
+baseItem.cssVars = { theme, light, dark };
+
+writeFileSync(registryPath, JSON.stringify(registry, null, 2) + "\n");
+
+const counts = {
+  theme: Object.keys(theme).length,
+  light: Object.keys(light).length,
+  dark: Object.keys(dark).length,
+};
+console.log(
+  `Updated ghost-ui-base cssVars: ${counts.theme} theme, ${counts.light} light, ${counts.dark} dark tokens`,
+);
diff --git a/packages/ghost-ui/scripts/build-presets.mjs b/packages/ghost-ui/scripts/build-presets.mjs
new file mode 100644
index 0000000..255bdea
--- /dev/null
+++ b/packages/ghost-ui/scripts/build-presets.mjs
@@ -0,0 +1,65 @@
+/**
+ * Reads theme-presets.ts and generates registry:theme items
+ * for each non-default preset, injecting them into registry.json.
+ */
+
+import { readFileSync, writeFileSync } from "node:fs";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+import { createJiti } from "jiti";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const PKG = join(__dirname, "..");
+
+// Use jiti to import the TypeScript module directly
+const jiti = createJiti(import.meta.url);
+const { PRESETS } = await jiti.import(join(PKG, "src/lib/theme-presets.ts"));
+
+// Read registry.json
+const registryPath = join(PKG, "registry.json");
+const registry = JSON.parse(readFileSync(registryPath, "utf-8"));
+
+// Remove any existing theme-* items (from previous builds)
+registry.items = registry.items.filter(
+  (item) => !(item.type === "registry:theme" && item.name.startsWith("theme-")),
+);
+
+// Generate registry:theme items for non-default presets
+const themeItems = [];
+for (const preset of PRESETS) {
+  if (preset.id === "default") continue;
+  if (
+    Object.keys(preset.variables.light).length === 0 &&
+    Object.keys(preset.variables.dark).length === 0
+  ) {
+    continue;
+  }
+
+  themeItems.push({
+    name: `theme-${preset.id}`,
+    type: "registry:theme",
+    title: preset.name,
+    description: preset.description,
+    cssVars: {
+      light: preset.variables.light,
+      dark: preset.variables.dark,
+    },
+    files: [],
+  });
+}
+
+// Insert theme items after the base/style/font/utils items (before UI components)
+const firstUIIndex = registry.items.findIndex(
+  (item) => item.type === "registry:ui",
+);
+if (firstUIIndex !== -1) {
+  registry.items.splice(firstUIIndex, 0, ...themeItems);
+} else {
+  registry.items.push(...themeItems);
+}
+
+writeFileSync(registryPath, JSON.stringify(registry, null, 2) + "\n");
+
+console.log(
+  `Generated ${themeItems.length} theme items: ${themeItems.map((t) => t.name).join(", ")}`,
+);
diff --git a/packages/ghost-ui/scripts/generate-skills.mjs b/packages/ghost-ui/scripts/generate-skills.mjs
new file mode 100644
index 0000000..b2f344b
--- /dev/null
+++ b/packages/ghost-ui/scripts/generate-skills.mjs
@@ -0,0 +1,201 @@
+/**
+ * Generates .shadcn/skills.md — agent-friendly metadata about ghost-ui.
+ * Reads registry.json + component sources to extract metadata for AI agents.
+ */
+
+import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const PKG = join(__dirname, "..");
+
+// Read registry
+const registry = JSON.parse(readFileSync(join(PKG, "registry.json"), "utf-8"));
+
+// Extract component metadata from source files
+function extractComponentMeta(item) {
+  const meta = {
+    name: item.name,
+    categories: item.categories || [],
+    dependencies: item.dependencies || [],
+    registryDependencies: item.registryDependencies || [],
+    exports: [],
+    variants: [],
+    dataSlots: [],
+  };
+
+  for (const file of item.files) {
+    const sourcePath = join(PKG, file.path);
+    if (!existsSync(sourcePath) || !file.path.endsWith(".tsx")) continue;
+
+    try {
+      const content = readFileSync(sourcePath, "utf-8");
+
+      // Extract exports
+      const exportMatches = content.matchAll(
+        /export\s+(?:function|const)\s+(\w+)/g,
+      );
+      for (const match of exportMatches) {
+        meta.exports.push(match[1]);
+      }
+
+      // Extract CVA variants
+      const cvaMatch = content.match(
+        /cva\([^)]*\{[\s\S]*?variants:\s*\{([\s\S]*?)\}\s*\}/,
+      );
+      if (cvaMatch) {
+        const variantBlock = cvaMatch[1];
+        const variantNames = variantBlock.matchAll(/(\w+):\s*\{/g);
+        for (const v of variantNames) {
+          const name = v[1];
+          // Extract options for this variant
+          const optionRegex = new RegExp(`${name}:\\s*\\{([\\s\\S]*?)\\}`);
+          const optionMatch = variantBlock.match(optionRegex);
+          if (optionMatch) {
+            const options = [];
+            const optMatches = optionMatch[1].matchAll(/(\w+):/g);
+            for (const o of optMatches) {
+              options.push(o[1]);
+            }
+            meta.variants.push({ name, options });
+          }
+        }
+      }
+
+      // Extract data-slot attributes
+      const slotMatches = content.matchAll(/data-slot="([^"]+)"/g);
+      for (const match of slotMatches) {
+        if (!meta.dataSlots.includes(match[1])) {
+          meta.dataSlots.push(match[1]);
+        }
+      }
+    } catch {
+      // Skip unreadable files
+    }
+  }
+
+  return meta;
+}
+
+// Gather all UI component metadata
+const uiItems = registry.items.filter((i) => i.type === "registry:ui");
+const componentMetas = uiItems.map(extractComponentMeta);
+
+// Build category index
+const categories = {};
+for (const meta of componentMetas) {
+  for (const cat of meta.categories) {
+    if (!categories[cat]) categories[cat] = [];
+    categories[cat].push(meta.name);
+  }
+}
+
+// Read main.css token summary
+const mainCSS = readFileSync(join(PKG, "src/styles/main.css"), "utf-8");
+const tokenCount = (mainCSS.match(/--[\w-]+:/g) || []).length;
+
+// Read theme presets
+let presetSummary = "";
+try {
+  const { createJiti } = await import("jiti");
+  const jiti = createJiti(import.meta.url);
+  const { PRESETS } = await jiti.import(join(PKG, "src/lib/theme-presets.ts"));
+  presetSummary = PRESETS.map(
+    (p) => `- **${p.name}** (${p.id}): ${p.description}`,
+  ).join("\n");
+} catch {
+  presetSummary =
+    "- Default, Warm Sand, Ocean, Midnight Luxe, Neon Brutalist, Soft Pastel";
+}
+
+// Generate the skills markdown
+const componentTable = componentMetas
+  .map((m) => {
+    const variants = m.variants
+      .map((v) => `${v.name}(${v.options.join("|")})`)
+      .join(", ");
+    const slots = m.dataSlots.join(", ");
+    return `| ${m.name} | ${m.categories.join(", ")} | ${m.exports.join(", ")} | ${variants || "-"} | ${slots || "-"} |`;
+  })
+  .join("\n");
+
+const markdown = `# Ghost UI — Agent Skills
+
+## Overview
+
+Ghost UI is a magazine-inspired design system built on shadcn/ui with:
+- **Pill geometry**: 999px border-radius on buttons, inputs, and pills
+- **HK Grotesk typography**: Self-hosted, 7 weights (300-900), magazine-scale heading hierarchy
+- **4-tier shadow hierarchy**: mini, card, elevated, modal
+- **${uiItems.length} components** across ${Object.keys(categories).length} categories
+- **${tokenCount}+ CSS custom properties** with full light/dark mode support
+
+## Style: ghost
+
+This registry uses the \`ghost\` style. Components use CVA (class-variance-authority) for variants and \`data-slot\` attributes for runtime introspection.
+
+## Token System
+
+Semantic layers:
+- **Backgrounds**: \`--background-default\`, \`--background-alt\`, \`--background-muted\`, \`--background-inverse\`, \`--background-accent\`, \`--background-danger/success/info/warning\`
+- **Borders**: \`--border-default\`, \`--border-input\`, \`--border-strong\`, \`--border-card\`, \`--border-accent\`
+- **Text**: \`--text-default\`, \`--text-muted\`, \`--text-alt\`, \`--text-inverse\`, \`--text-accent\`
+- **Shadows**: \`--shadow-mini\`, \`--shadow-card\`, \`--shadow-elevated\`, \`--shadow-modal\`
+- **Radii**: \`--radius-pill\` (999px), \`--radius-button\` (999px), \`--radius-card\` (20px), \`--radius-modal\` (16px)
+
+Typography scale (magazine rhythm):
+- Display: clamp(64px, 8vw, 96px), weight 900
+- Section: clamp(44px, 5vw, 64px), weight 700
+- Sub: clamp(28px, 3vw, 40px), weight 700
+- Card: clamp(20px, 2vw, 28px), weight 600
+- Body reading: clamp(1rem, 1.3vw, 1.25rem), line-height 1.65
+- Label: 11px, uppercase, 0.12em letter-spacing
+
+## Theme Presets
+
+${presetSummary}
+
+## Categories
+
+${Object.entries(categories)
+  .map(([cat, components]) => `- **${cat}**: ${components.join(", ")}`)
+  .join("\n")}
+
+## Component Reference
+
+| Component | Categories | Exports | Variants | Data Slots |
+|-----------|-----------|---------|----------|------------|
+${componentTable}
+
+## Usage Patterns
+
+### ThemeProvider
+\`\`\`tsx
+import { ThemeProvider } from "@/lib/theme-provider"
+<ThemeProvider defaultTheme="system" storageKey="theme">
+  {children}
+</ThemeProvider>
+\`\`\`
+
+### Import Aliases
+- \`@/components/ui/*\` — UI primitives
+- \`@/components/ai-elements/*\` — AI-native components
+- \`@/lib/utils\` — \`cn()\` utility (clsx + tailwind-merge)
+- \`@/lib/theme-provider\` — ThemeProvider context
+
+### Icon Library
+Uses \`lucide-react\` for all icons.
+
+### Dark Mode
+Toggle via \`.dark\` class on \`document.documentElement\`. ThemeProvider handles this automatically.
+`;
+
+// Write output
+const outputDir = join(PKG, ".shadcn");
+if (!existsSync(outputDir)) mkdirSync(outputDir, { recursive: true });
+writeFileSync(join(outputDir, "skills.md"), markdown);
+
+console.log(
+  `Generated .shadcn/skills.md: ${uiItems.length} components, ${Object.keys(categories).length} categories`,
+);
diff --git a/packages/ghost-ui/src/styles/font-faces.css b/packages/ghost-ui/src/styles/font-faces.css
new file mode 100644
index 0000000..bce7e45
--- /dev/null
+++ b/packages/ghost-ui/src/styles/font-faces.css
@@ -0,0 +1,50 @@
+/* ── HK Grotesk ── */
+@font-face {
+  font-family: "HK Grotesk";
+  src: url("../fonts/HKGrotesk-Light.woff2") format("woff2");
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "HK Grotesk";
+  src: url("../fonts/HKGrotesk-Regular.woff2") format("woff2");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "HK Grotesk";
+  src: url("../fonts/HKGrotesk-Medium.woff2") format("woff2");
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "HK Grotesk";
+  src: url("../fonts/HKGrotesk-SemiBold.woff2") format("woff2");
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "HK Grotesk";
+  src: url("../fonts/HKGrotesk-Bold.woff2") format("woff2");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "HK Grotesk";
+  src: url("../fonts/HKGrotesk-ExtraBold.woff2") format("woff2");
+  font-weight: 800;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "HK Grotesk";
+  src: url("../fonts/HKGrotesk-Black.woff2") format("woff2");
+  font-weight: 900;
+  font-style: normal;
+  font-display: swap;
+}
diff --git a/packages/ghost-ui/src/styles/main.css b/packages/ghost-ui/src/styles/main.css
index acaa987..9ca0718 100644
--- a/packages/ghost-ui/src/styles/main.css
+++ b/packages/ghost-ui/src/styles/main.css
@@ -1,56 +1,6 @@
 @import "tailwindcss";
 @import "tw-animate-css";
-
-/* ── HK Grotesk ── */
-@font-face {
-  font-family: "HK Grotesk";
-  src: url("../fonts/HKGrotesk-Light.woff2") format("woff2");
-  font-weight: 300;
-  font-style: normal;
-  font-display: swap;
-}
-@font-face {
-  font-family: "HK Grotesk";
-  src: url("../fonts/HKGrotesk-Regular.woff2") format("woff2");
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
-@font-face {
-  font-family: "HK Grotesk";
-  src: url("../fonts/HKGrotesk-Medium.woff2") format("woff2");
-  font-weight: 500;
-  font-style: normal;
-  font-display: swap;
-}
-@font-face {
-  font-family: "HK Grotesk";
-  src: url("../fonts/HKGrotesk-SemiBold.woff2") format("woff2");
-  font-weight: 600;
-  font-style: normal;
-  font-display: swap;
-}
-@font-face {
-  font-family: "HK Grotesk";
-  src: url("../fonts/HKGrotesk-Bold.woff2") format("woff2");
-  font-weight: 700;
-  font-style: normal;
-  font-display: swap;
-}
-@font-face {
-  font-family: "HK Grotesk";
-  src: url("../fonts/HKGrotesk-ExtraBold.woff2") format("woff2");
-  font-weight: 800;
-  font-style: normal;
-  font-display: swap;
-}
-@font-face {
-  font-family: "HK Grotesk";
-  src: url("../fonts/HKGrotesk-Black.woff2") format("woff2");
-  font-weight: 900;
-  font-style: normal;
-  font-display: swap;
-}
+@import "./font-faces.css";
 
 @custom-variant dark (&:is(.dark *));
 

From 207615666126209f8f44849b4139e454f54f5400 Mon Sep 17 00:00:00 2001
From: Nahiyan Khan <nahiyan@squareup.com>
Date: Tue, 7 Apr 2026 01:03:09 -0400
Subject: [PATCH 6/6] Reframe README around autonomous perception, organic
 drift, and composable infrastructure

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 README.md | 78 +++++++++++++++++++++++++++----------------------------
 1 file changed, 39 insertions(+), 39 deletions(-)

diff --git a/README.md b/README.md
index 5257fd8..3362dab 100644
--- a/README.md
+++ b/README.md
@@ -1,20 +1,20 @@
 # Ghost
 
-**Design drift detection, fingerprinting, and design language tooling for design systems.**
+**Autonomous perception of organic drift across decentralized design consumers.**
 
-Ghost is a monorepo for understanding and managing design systems at scale. It detects unintentional divergence between a parent design language and its consumer implementations, generates design fingerprints for quantitative comparison, tracks how systems evolve over time, and ships a reference design language as a shadcn-compatible component registry.
+Ghost makes design systems legible. It continuously detects divergence between a parent design language and its consumers, generates quantitative fingerprints for comparison, tracks how systems evolve over time, and ships a reference design language as a shadcn-compatible component registry.
 
 ## Why Ghost?
 
-Design languages drift. Teams override tokens, hardcode colors, restructure components, and make visual changes that silently diverge from the source of truth. Drift can be neutral. Sometimes organic. Sometimes a mistake. Sometimes intentional. Ghost catches this drift.
+Design languages drift — and drift degrades trust. When interfaces lose coherence, the experience suffers regardless of how good the underlying capabilities are. Ghost perceives this drift across an ecosystem so teams can reason about it and act with intent.
 
-- **Multi-dimensional scanning** - Detect token overrides, hardcoded values, structural divergence, and pixel-level visual regressions
-- **Design fingerprinting** - Generate a 64-dimensional numeric profile of any design system for quantitative comparison
-- **Evolution tracking** - Acknowledge, adopt, or intentionally diverge from a parent system with full lineage history
-- **Fleet analysis** - Compare fingerprints across an ecosystem to identify clusters and outliers
-- **LLM-powered interpretation** - Optionally use Claude or OpenAI for richer fingerprint generation
-- **3D visualization** - Explore fingerprint similarity space in an interactive Three.js viewer
-- **Reference design language** - A full shadcn-compatible registry with 97 components, design tokens, and a live catalogue
+- **Continuous scanning** — Detect token overrides, hardcoded values, structural divergence, and pixel-level visual regressions across every consumer
+- **Design fingerprinting** — Generate a 64-dimensional profile of any design system — a continuous signal, not a binary check
+- **Intent tracking** — Acknowledge, adopt, or intentionally diverge from a parent system. Every stance is published with reasoning and full lineage
+- **Fleet observability** — Compare fingerprints across an ecosystem to see the full picture: clusters, outliers, and how consumers relate to each other and the source
+- **LLM-aided interpretation** — Optionally use Claude or OpenAI for richer fingerprint generation and drift analysis
+- **3D visualization** — Explore fingerprint similarity space in an interactive Three.js viewer
+- **Composable design language** — A full shadcn-compatible registry of atomic components, design tokens, and a live catalogue — building blocks that interfaces compose from
 
 ## Getting Started
 
@@ -69,14 +69,14 @@ just dev
 
 | Command         | Description                                                                  |
 | --------------- | ---------------------------------------------------------------------------- |
-| `ghost scan`    | Detect design drift against a registry                                       |
-| `ghost profile` | Generate a design fingerprint from a registry, codebase, or via LLM          |
-| `ghost compare` | Compare two fingerprints with optional temporal analysis                     |
-| `ghost ack`     | Acknowledge current drift and record a stance (aligned, accepted, diverging) |
-| `ghost adopt`   | Shift parent baseline to a new fingerprint                                   |
-| `ghost diverge` | Mark a fingerprint dimension as intentionally diverging                      |
-| `ghost fleet`   | Compare N fingerprints across an ecosystem                                   |
-| `ghost viz`     | Launch interactive 3D fingerprint visualization                              |
+| `ghost scan`    | Detect design drift against a registry                                        |
+| `ghost profile` | Generate a design fingerprint from a registry, codebase, or via LLM           |
+| `ghost compare` | Compare two fingerprints with optional temporal analysis                      |
+| `ghost ack`     | Acknowledge current drift and publish a stance (aligned, accepted, diverging) |
+| `ghost adopt`   | Shift parent baseline to a new fingerprint                                    |
+| `ghost diverge` | Mark a fingerprint dimension as intentionally diverging with reasoning         |
+| `ghost fleet`   | Compare N fingerprints for ecosystem-wide observability                        |
+| `ghost viz`     | Launch interactive 3D fingerprint visualization                               |
 
 ## Configuration
 
@@ -112,17 +112,17 @@ export default defineConfig({
 
 ## How It Works
 
-### Drift Scanning
+### Scanning
 
-Ghost scans at three levels:
+Ghost perceives drift at three levels:
 
-1. **Values** - Detects hardcoded colors, token overrides, and missing tokens by comparing your styles against the registry
-2. **Structure** - Diffs component files between your implementation and the registry source
-3. **Visual** - Renders components with Playwright and performs pixel-level comparison using pixelmatch
+1. **Values** — Detects hardcoded colors, token overrides, and missing tokens by comparing styles against the registry
+2. **Structure** — Diffs component files between a consumer implementation and the registry source
+3. **Visual** — Renders components with Playwright and performs pixel-level comparison using pixelmatch
 
-### Design Fingerprinting
+### Fingerprinting
 
-A fingerprint is a 64-dimensional vector capturing a system's design characteristics:
+A fingerprint is a 64-dimensional vector — a continuous representation of a system's design characteristics:
 
 | Dimensions | Category     | What it captures                                               |
 | ---------- | ------------ | -------------------------------------------------------------- |
@@ -134,30 +134,30 @@ A fingerprint is a 64-dimensional vector capturing a system's design characteris
 
 Fingerprints can be generated deterministically from extracted material, from a shadcn-compatible registry, or with LLM assistance for richer interpretation.
 
-### Evolution Tracking
+### Intent Tracking
 
-Ghost tracks design lineage through:
+Ghost tracks design lineage and published intent through:
 
-- **`.ghost-sync.json`** - A manifest recording per-dimension stances toward the parent (aligned, accepted, diverging)
-- **`.ghost/history.jsonl`** - Append-only fingerprint history for temporal analysis
-- **Temporal comparison** - Velocity and trajectory classification to understand drift trends
+- **`.ghost-sync.json`** — Per-dimension stances toward the parent: aligned, accepted, or diverging — each with recorded reasoning
+- **`.ghost/history.jsonl`** — Append-only fingerprint history for temporal analysis
+- **Temporal comparison** — Velocity and trajectory classification to understand where a system is heading, not just where it is
 
-### Fleet Analysis
+### Fleet Observability
 
-Compare fingerprints across multiple systems to get an ecosystem-wide view. Ghost calculates pairwise distances, identifies a centroid, and optionally clusters systems by similarity.
+Compare fingerprints across multiple systems to make an ecosystem legible. Ghost calculates pairwise distances, identifies a centroid, and clusters systems by similarity — surfacing which consumers are coherent, which are drifting, and where gaps exist.
 
 ## Ghost UI
 
-Ghost UI (`@ghost/ui`) is the project's reference design language — a shadcn-compatible component registry that serves both as a living design system and as a concrete target for Ghost's drift detection and fingerprinting tools.
+Ghost UI (`@ghost/ui`) is the project's reference design language — atomic, composable interface primitives published as a shadcn-compatible registry. It serves as both a living design system and the concrete baseline Ghost scans consumers against.
 
 ### What's included
 
-- **49 primitive components** - Foundational UI building blocks (accordion, button, card, dialog, form, table, tabs, etc.) built on Radix UI and styled with Tailwind CSS
-- **48 AI-native elements** - Purpose-built components for conversational and agentic interfaces (prompt input, message, code block, chain of thought, file tree, terminal, tool, etc.)
-- **Design tokens** - A full token system (colors, spacing, typography, radii, shadows) defined as CSS custom properties with light and dark mode support
-- **Theme system** - Runtime theme switching with presets, a live theme panel for editing tokens, and CSS variable export
-- **HK Grotesk typeface** - Self-hosted display font (300–900 weights) paired with system sans-serif for body text
-- **Live catalogue** - An interactive documentation site (React + Vite) with component demos, foundations pages, and a bento showcase
+- **49 primitive components** — Foundational building blocks (accordion, button, card, dialog, form, table, tabs, etc.) built on Radix UI and styled with Tailwind CSS
+- **48 AI-native elements** — Components for conversational and agentic interfaces: prompt input, message, code block, chain of thought, file tree, terminal, tool, and more — the pieces intelligent interfaces compose from
+- **Design tokens** — A full token system (colors, spacing, typography, radii, shadows) defined as CSS custom properties with light and dark mode support
+- **Theme system** — Runtime theme switching with presets, a live theme panel for editing tokens, and CSS variable export
+- **HK Grotesk typeface** — Self-hosted display font (300–900 weights) paired with system sans-serif for body text
+- **Live catalogue** — An interactive documentation site (React + Vite) with component demos, foundations pages, and a bento showcase
 
 ### Registry