From b5211d181d77b3d6db32fc886414ff076904d486 Mon Sep 17 00:00:00 2001
From: Nicholai <nicholai@biohazardvfx.com>
Date: Fri, 6 Feb 2026 22:32:21 -0700
Subject: [PATCH] feat(theme): visual theme system with presets and AI tools
 (#51)

* feat(theme): visual theme system with presets, custom themes, and AI tools

Runtime theming engine with 10 preset palettes, user custom themes
persisted to D1, animated circle-reveal transitions via View Transition
API, and AI agent tools for generating/editing themes incrementally.

- Theme library: types, presets, CSS injection, font loading, animation
- Theme provider with localStorage cache for instant load (no FOUC)
- Server actions for theme CRUD and user preference persistence
- Agent tools: listThemes, setTheme, generateTheme, editTheme
- Appearance tab extracted from settings modal
- Migration 0015: custom_themes + user_theme_preference tables
- Developer documentation in docs/theme-system.md

* fix(db): make migration 0016 idempotent

tables were already created as 0015 before renumber.
use IF NOT EXISTS so the migration is safe to re-run.

---------

Co-authored-by: Nicholai <nicholaivogelfilms@gmail.com>
---
 docs/theme-system.md                       |  195 ++
 drizzle.config.ts                          |    1 +
 drizzle/0016_noisy_gorilla_man.sql         |   17 +
 drizzle/meta/0015_snapshot.json            |    0
 drizzle/meta/0016_snapshot.json            | 3402 ++++++++++++++++++++
 drizzle/meta/_journal.json                 |    7 +
 src/app/actions/themes.ts                  |  228 ++
 src/app/globals.css                        |   24 +-
 src/components/settings-modal.tsx          |   43 +-
 src/components/settings/appearance-tab.tsx |  200 ++
 src/components/theme-provider.tsx          |  301 +-
 src/db/index.ts                            |    2 +
 src/db/schema-theme.ts                     |   30 +
 src/lib/agent/chat-adapter.ts              |   37 +
 src/lib/agent/system-prompt.ts             |  101 +
 src/lib/agent/tools.ts                     |  296 ++
 src/lib/theme/apply.ts                     |   91 +
 src/lib/theme/fonts.ts                     |   29 +
 src/lib/theme/index.ts                     |   19 +
 src/lib/theme/presets.ts                   | 1211 +++++++
 src/lib/theme/transition.ts                |   62 +
 src/lib/theme/types.ts                     |   89 +
 22 files changed, 6323 insertions(+), 62 deletions(-)
 create mode 100755 docs/theme-system.md
 create mode 100755 drizzle/0016_noisy_gorilla_man.sql
 mode change 100755 => 100644 drizzle/meta/0015_snapshot.json
 create mode 100755 drizzle/meta/0016_snapshot.json
 create mode 100755 src/app/actions/themes.ts
 create mode 100755 src/components/settings/appearance-tab.tsx
 create mode 100755 src/db/schema-theme.ts
 create mode 100755 src/lib/theme/apply.ts
 create mode 100755 src/lib/theme/fonts.ts
 create mode 100755 src/lib/theme/index.ts
 create mode 100755 src/lib/theme/presets.ts
 create mode 100755 src/lib/theme/transition.ts
 create mode 100755 src/lib/theme/types.ts

diff --git a/docs/theme-system.md b/docs/theme-system.md
new file mode 100755
index 0000000..fdbfa55
--- /dev/null
+++ b/docs/theme-system.md
@@ -0,0 +1,195 @@
+Theme System
+===
+
+Compass ships a runtime theming engine that lets users switch between preset palettes, create custom themes through the AI agent, and edit those themes incrementally. Every theme defines light and dark color maps, typography, spacing tokens, and shadow scales. Switching themes triggers an animated circle-reveal transition from the click origin.
+
+This document explains how the pieces fit together, what problems the architecture solves, and where to look when something breaks.
+
+
+How themes work
+---
+
+A theme is a `ThemeDefinition` object (defined in `src/lib/theme/types.ts`) containing:
+
+- **32 color keys** for both light and dark modes (background, foreground, primary, sidebar variants, chart colors, etc.) - all in oklch() format
+- **fonts** (sans, serif, mono) as CSS font-family strings, plus an optional list of Google Font names to load at runtime
+- **tokens** for border radius, spacing, letter tracking, and shadow geometry
+- **shadow scales** (2xs through 2xl) for both light and dark, since some themes use colored or offset shadows
+- **preview colors** (primary, background, foreground) used by the theme card swatches in settings
+
+When a theme is applied, `applyTheme()` in `src/lib/theme/apply.ts` builds a `<style>` block containing `:root { ... }` and `.dark { ... }` CSS variable declarations, then injects it into `<head>`. Because the style element has higher specificity than the default variables in `globals.css`, the theme overrides take effect immediately. Removing the style element reverts to the default "Native Compass" palette.
+
+Google Fonts are loaded lazily. `loadGoogleFonts()` in `src/lib/theme/fonts.ts` tracks which fonts have already been injected and only adds new `<link>` elements for fonts not yet present. Fonts load with `display=swap` to avoid blocking rendering.
+
+
+Presets vs custom themes
+---
+
+Preset themes are hardcoded in `src/lib/theme/presets.ts` and ship with the app. They're identified by slug IDs like `corpo`, `doom-64`, `violet-bloom`. The `findPreset()` function does a simple array lookup.
+
+Custom themes live in the `custom_themes` D1 table (schema in `src/db/schema-theme.ts`). Each row stores the full `ThemeDefinition` as a JSON string in `theme_data`, scoped to a user via `user_id`. The user's active theme preference is stored separately in `user_theme_preference`.
+
+This separation matters because preset resolution is synchronous (array lookup, no IO) while custom theme resolution requires a database fetch. The theme provider exploits this difference to eliminate flash-of-unstyled-content on page load.
+
+
+Theme provider architecture
+---
+
+`ThemeProvider` in `src/components/theme-provider.tsx` wraps the entire app and manages theme state. It solves a specific problem: the user's chosen theme needs to be visible on the very first paint, before any server action can return data from D1.
+
+The solution uses two localStorage keys:
+
+- `compass-active-theme` stores the theme ID
+- `compass-theme-data` stores the full theme JSON (only for non-default themes)
+
+On mount, a `useLayoutEffect` reads both keys synchronously. For preset themes, it resolves the definition from the in-memory array. For custom themes, it parses the cached JSON. Either way, `applyTheme()` runs before the browser paints, so the user sees their chosen theme immediately.
+
+A separate `useEffect` then fetches the user's actual preference from D1 and their custom themes list. If the database disagrees with what the cache applied (because the user changed themes on another device, say), it re-applies the correct theme. If they agree, it just refreshes the cached data to stay current.
+
+This two-phase approach - instant from cache, then validate against the database - means theme application is never blocked on network IO.
+
+The provider exposes these methods through `useCompassTheme()`:
+
+- `setVisualTheme(themeId, origin?)` - commits a theme change. Triggers the circle-reveal animation, persists the preference to D1, and updates the cache.
+- `previewTheme(theme)` - applies a theme instantly (no animation) without persisting. Used for hover previews and AI-generated theme previews.
+- `cancelPreview()` - reverts to the committed theme. Also instant, no animation.
+- `refreshCustomThemes()` - re-fetches the custom themes list from D1. Called after the agent creates or edits a theme.
+
+The distinction between animated and instant application is intentional. The circle-reveal is satisfying when you deliberately choose a theme, but disorienting during previews or initial page loads. Only `setVisualTheme` animates.
+
+
+Circle-reveal animation
+---
+
+`applyThemeAnimated()` in `src/lib/theme/transition.ts` wraps theme application in the View Transition API. The animation works like this:
+
+1. `document.startViewTransition()` captures a screenshot of the current page
+2. Inside the callback, CSS variables are mutated via `applyTheme()` or `removeThemeOverride()`
+3. Once the new state is ready, we animate `::view-transition-new(root)` with an expanding `clip-path: circle()` from the click origin
+4. The circle expands to cover the full viewport (radius calculated via `Math.hypot` from the origin to the farthest corner)
+
+The animation runs for 400ms with `ease-in-out` easing. Two lines in `globals.css` disable the View Transition API's default crossfade so our clip-path animation is the only visual effect:
+
+```css
+::view-transition-old(root),
+::view-transition-new(root) {
+  animation: none;
+  mix-blend-mode: normal;
+}
+```
+
+Fallback behavior: if the browser doesn't support the View Transition API (Firefox, older Safari) or the user has `prefers-reduced-motion: reduce` enabled, `applyThemeAnimated` skips the transition wrapper entirely and applies the theme instantly. No degraded experience, just no animation.
+
+When themes are switched from the settings panel, the click coordinates come from the `MouseEvent` on the theme card. When the AI agent switches themes, no origin is provided, so the animation radiates from the viewport center.
+
+
+AI agent integration
+---
+
+The agent has four theme-related tools defined in `src/lib/agent/tools.ts`:
+
+**listThemes** returns all available themes (presets + user's custom themes) with IDs, names, and descriptions. The agent calls this when asked "what themes are available?" or needs to look up a theme by name.
+
+**setTheme** activates a theme by ID. It persists the preference via `setUserThemePreference()`, then returns `{ action: "apply_theme", themeId }`. The chat adapter dispatches this as an `agent-apply-theme` CustomEvent, which the theme provider listens for and handles with `setVisualTheme()`.
+
+**generateTheme** creates a new custom theme from scratch. The agent provides all 32 color keys for both light and dark modes, font stacks, optional Google Font names, and design tokens. The tool builds a full `ThemeDefinition`, saves it to D1 via `saveCustomTheme()`, and returns `{ action: "preview_theme", themeId, themeData }`. The chat adapter dispatches this as an `agent-preview-theme` CustomEvent, which triggers `refreshCustomThemes()` followed by `previewTheme()`.
+
+**editTheme** modifies an existing custom theme. This is the incremental editing tool - the agent only provides the fields it wants to change. The tool fetches the existing theme from D1 via `getCustomThemeById()`, deep-merges the changes (spreading existing values under the new ones for colors, fonts, and tokens), rebuilds preview colors, saves the merged result back with the same ID, and returns the same `preview_theme` action shape.
+
+The deep merge is straightforward: `{ ...existingLight, ...inputLight }` for color maps, individual key fallbacks for fonts (`input.fonts.sans ?? prev.fonts.sans`), and spread with conditional overrides for tokens. Only the keys the agent specifies are touched; everything else passes through unchanged.
+
+The system prompt in `src/lib/agent/system-prompt.ts` includes guidance for when to use each tool:
+
+- "change to corpo" -> setTheme
+- "make me a sunset theme" -> generateTheme
+- "make the primary darker" -> editTheme (when a custom theme is active)
+
+The editTheme tool only works on custom themes, not presets. This is enforced by `getCustomThemeById()` which queries the `custom_themes` table scoped to the current user. If someone asks to tweak a preset, the agent should generate a new custom theme based on the preset's colors instead.
+
+
+Server actions
+---
+
+Theme persistence is handled by server actions in `src/app/actions/themes.ts`:
+
+- `getUserThemePreference()` - returns the user's active theme ID (defaults to "native-compass")
+- `setUserThemePreference(themeId)` - validates the ID exists (as preset or custom theme belonging to user), then upserts into `user_theme_preference`
+- `getCustomThemes()` - returns all custom themes for the current user, ordered by most recently updated
+- `getCustomThemeById(themeId)` - fetches a single custom theme by ID, scoped to current user
+- `saveCustomTheme(name, description, themeData, existingId?)` - creates or updates a custom theme. When `existingId` is provided, it updates the existing row instead of inserting
+- `deleteCustomTheme(themeId)` - removes a custom theme and resets the user's preference to "native-compass" if it was the active theme
+
+All actions follow the standard Compass pattern: authenticate via `getCurrentUser()`, return discriminated union results (`{ success: true, data }` or `{ success: false, error }`), and call `revalidatePath("/", "layout")` after mutations.
+
+
+Database schema
+---
+
+Two tables in `src/db/schema-theme.ts`:
+
+```
+custom_themes
+├── id           text (PK, UUID)
+├── user_id      text (FK -> users.id, cascade delete)
+├── name         text
+├── description  text (default "")
+├── theme_data   text (JSON-serialized ThemeDefinition)
+├── created_at   text (ISO 8601)
+└── updated_at   text (ISO 8601)
+
+user_theme_preference
+├── user_id          text (PK, FK -> users.id, cascade delete)
+├── active_theme_id  text
+└── updated_at       text (ISO 8601)
+```
+
+The `theme_data` column stores the complete `ThemeDefinition` as JSON. This means custom themes are self-contained - reading a single row gives you everything needed to apply the theme without any joins or additional queries.
+
+
+File map
+---
+
+```
+src/lib/theme/
+├── types.ts        ThemeDefinition, ColorMap, and related types
+├── presets.ts       THEME_PRESETS array + findPreset() + DEFAULT_THEME_ID
+├── apply.ts         applyTheme() and removeThemeOverride() - CSS injection
+├── transition.ts    applyThemeAnimated() - View Transition API wrapper
+├── fonts.ts         loadGoogleFonts() - lazy Google Fonts injection
+└── index.ts         barrel exports
+
+src/components/
+├── theme-provider.tsx         ThemeProvider + useCompassTheme hook
+└── settings/appearance-tab.tsx  Theme cards UI + click-origin forwarding
+
+src/app/actions/themes.ts       Server actions for D1 persistence
+src/db/schema-theme.ts          Drizzle schema for theme tables
+src/lib/agent/tools.ts          AI agent theme tools (lines 434-721)
+src/lib/agent/system-prompt.ts  Theming guidance in buildThemingRules()
+src/app/globals.css             Default theme vars + view-transition CSS
+```
+
+
+Adding a new preset
+---
+
+Add a `ThemeDefinition` object to the `THEME_PRESETS` array in `src/lib/theme/presets.ts`. The object needs all 32 color keys for both light and dark, plus fonts, tokens, shadows, and preview colors. Set `isPreset: true`.
+
+Then update three references:
+1. `setTheme` tool description in `tools.ts` - add the new ID to the preset list
+2. `TOOL_REGISTRY` in `system-prompt.ts` - update the setTheme summary
+3. `buildThemingRules()` in `system-prompt.ts` - add the new preset with a short description
+
+All color values must be oklch() format. Light backgrounds should have lightness >= 0.90, dark backgrounds <= 0.25. Ensure sufficient contrast between foreground and background pairs.
+
+
+Debugging
+---
+
+**Theme not applying on page load**: Check localStorage for `compass-active-theme` and `compass-theme-data`. If the ID points to a custom theme but the data key is missing or corrupted, the `useLayoutEffect` won't be able to apply it instantly. The DB fetch will eventually correct it, but there will be a flash.
+
+**Circle animation not working**: The View Transition API requires Chromium 111+. Check `document.startViewTransition` exists. Also check that `prefers-reduced-motion` isn't set to `reduce` in OS settings or dev tools.
+
+**Agent creates theme but it doesn't preview**: The tool should return `{ action: "preview_theme", themeId, themeData }`. The chat adapter dispatches this as a `CustomEvent` named `agent-preview-theme`. The theme provider listens for this event and calls `refreshCustomThemes()` then `previewTheme()`. Check the browser console for the event dispatch and verify the theme provider's event listener is registered.
+
+**editTheme returns "theme not found"**: The tool only works on custom themes, not presets. `getCustomThemeById()` queries the `custom_themes` table scoped to the current user. If the theme ID is a preset slug or belongs to a different user, it will fail.
diff --git a/drizzle.config.ts b/drizzle.config.ts
index 3c64ce2..3a49452 100755
--- a/drizzle.config.ts
+++ b/drizzle.config.ts
@@ -7,6 +7,7 @@ export default defineConfig({
     "./src/db/schema-plugins.ts",
     "./src/db/schema-agent.ts",
     "./src/db/schema-ai-config.ts",
+    "./src/db/schema-theme.ts",
     "./src/db/schema-google.ts",
   ],
   out: "./drizzle",
diff --git a/drizzle/0016_noisy_gorilla_man.sql b/drizzle/0016_noisy_gorilla_man.sql
new file mode 100755
index 0000000..e829038
--- /dev/null
+++ b/drizzle/0016_noisy_gorilla_man.sql
@@ -0,0 +1,17 @@
+CREATE TABLE IF NOT EXISTS `custom_themes` (
+	`id` text PRIMARY KEY NOT NULL,
+	`user_id` text NOT NULL,
+	`name` text NOT NULL,
+	`description` text DEFAULT '' NOT NULL,
+	`theme_data` text NOT NULL,
+	`created_at` text NOT NULL,
+	`updated_at` text NOT NULL,
+	FOREIGN KEY (`user_id`) REFERENCES `users`(`id`) ON UPDATE no action ON DELETE cascade
+);
+--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS `user_theme_preference` (
+	`user_id` text PRIMARY KEY NOT NULL,
+	`active_theme_id` text NOT NULL,
+	`updated_at` text NOT NULL,
+	FOREIGN KEY (`user_id`) REFERENCES `users`(`id`) ON UPDATE no action ON DELETE cascade
+);
diff --git a/drizzle/meta/0015_snapshot.json b/drizzle/meta/0015_snapshot.json
old mode 100755
new mode 100644
diff --git a/drizzle/meta/0016_snapshot.json b/drizzle/meta/0016_snapshot.json
new file mode 100755
index 0000000..73d2eec
--- /dev/null
+++ b/drizzle/meta/0016_snapshot.json
@@ -0,0 +1,3402 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+<<<<<<< HEAD
+  "id": "24da6db4-2ea9-47dd-807b-224e89738ab0",
+=======
+  "id": "f4c54926-b492-453b-bc4a-88eb2a6d63ee",
+>>>>>>> origin/main
+  "prevId": "08b14bdc-7015-48bd-9ec9-10a0b977c08f",
+  "tables": {
+    "agent_conversations": {
+      "name": "agent_conversations",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "last_message_at": {
+          "name": "last_message_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "agent_conversations_user_id_users_id_fk": {
+          "name": "agent_conversations_user_id_users_id_fk",
+          "tableFrom": "agent_conversations",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "agent_memories": {
+      "name": "agent_memories",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "conversation_id": {
+          "name": "conversation_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "embedding": {
+          "name": "embedding",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "metadata": {
+          "name": "metadata",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "agent_memories_conversation_id_agent_conversations_id_fk": {
+          "name": "agent_memories_conversation_id_agent_conversations_id_fk",
+          "tableFrom": "agent_memories",
+          "tableTo": "agent_conversations",
+          "columnsFrom": [
+            "conversation_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "agent_memories_user_id_users_id_fk": {
+          "name": "agent_memories_user_id_users_id_fk",
+          "tableFrom": "agent_memories",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "customers": {
+      "name": "customers",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "company": {
+          "name": "company",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "phone": {
+          "name": "phone",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "address": {
+          "name": "address",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "notes": {
+          "name": "notes",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "netsuite_id": {
+          "name": "netsuite_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "feedback": {
+      "name": "feedback",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "message": {
+          "name": "message",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "page_url": {
+          "name": "page_url",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "user_agent": {
+          "name": "user_agent",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "viewport_width": {
+          "name": "viewport_width",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "viewport_height": {
+          "name": "viewport_height",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "ip_hash": {
+          "name": "ip_hash",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "github_issue_url": {
+          "name": "github_issue_url",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "feedback_interviews": {
+      "name": "feedback_interviews",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_name": {
+          "name": "user_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_role": {
+          "name": "user_role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "responses": {
+          "name": "responses",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "summary": {
+          "name": "summary",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "pain_points": {
+          "name": "pain_points",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "feature_requests": {
+          "name": "feature_requests",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "overall_sentiment": {
+          "name": "overall_sentiment",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "github_issue_url": {
+          "name": "github_issue_url",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "conversation_id": {
+          "name": "conversation_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "feedback_interviews_user_id_users_id_fk": {
+          "name": "feedback_interviews_user_id_users_id_fk",
+          "tableFrom": "feedback_interviews",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "group_members": {
+      "name": "group_members",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "group_id": {
+          "name": "group_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "joined_at": {
+          "name": "joined_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "group_members_group_id_groups_id_fk": {
+          "name": "group_members_group_id_groups_id_fk",
+          "tableFrom": "group_members",
+          "tableTo": "groups",
+          "columnsFrom": [
+            "group_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "group_members_user_id_users_id_fk": {
+          "name": "group_members_user_id_users_id_fk",
+          "tableFrom": "group_members",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "groups": {
+      "name": "groups",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "color": {
+          "name": "color",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "groups_organization_id_organizations_id_fk": {
+          "name": "groups_organization_id_organizations_id_fk",
+          "tableFrom": "groups",
+          "tableTo": "organizations",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "organization_members": {
+      "name": "organization_members",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "joined_at": {
+          "name": "joined_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "organization_members_organization_id_organizations_id_fk": {
+          "name": "organization_members_organization_id_organizations_id_fk",
+          "tableFrom": "organization_members",
+          "tableTo": "organizations",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "organization_members_user_id_users_id_fk": {
+          "name": "organization_members_user_id_users_id_fk",
+          "tableFrom": "organization_members",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "organizations": {
+      "name": "organizations",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "slug": {
+          "name": "slug",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "logo_url": {
+          "name": "logo_url",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_active": {
+          "name": "is_active",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": true
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "organizations_slug_unique": {
+          "name": "organizations_slug_unique",
+          "columns": [
+            "slug"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "project_members": {
+      "name": "project_members",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "project_id": {
+          "name": "project_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "assigned_at": {
+          "name": "assigned_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "project_members_project_id_projects_id_fk": {
+          "name": "project_members_project_id_projects_id_fk",
+          "tableFrom": "project_members",
+          "tableTo": "projects",
+          "columnsFrom": [
+            "project_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "project_members_user_id_users_id_fk": {
+          "name": "project_members_user_id_users_id_fk",
+          "tableFrom": "project_members",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "projects": {
+      "name": "projects",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'OPEN'"
+        },
+        "address": {
+          "name": "address",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "client_name": {
+          "name": "client_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "project_manager": {
+          "name": "project_manager",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "netsuite_job_id": {
+          "name": "netsuite_job_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "projects_organization_id_organizations_id_fk": {
+          "name": "projects_organization_id_organizations_id_fk",
+          "tableFrom": "projects",
+          "tableTo": "organizations",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "schedule_baselines": {
+      "name": "schedule_baselines",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "project_id": {
+          "name": "project_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "snapshot_data": {
+          "name": "snapshot_data",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "schedule_baselines_project_id_projects_id_fk": {
+          "name": "schedule_baselines_project_id_projects_id_fk",
+          "tableFrom": "schedule_baselines",
+          "tableTo": "projects",
+          "columnsFrom": [
+            "project_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "schedule_tasks": {
+      "name": "schedule_tasks",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "project_id": {
+          "name": "project_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "start_date": {
+          "name": "start_date",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "workdays": {
+          "name": "workdays",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "end_date_calculated": {
+          "name": "end_date_calculated",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "phase": {
+          "name": "phase",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'PENDING'"
+        },
+        "is_critical_path": {
+          "name": "is_critical_path",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "is_milestone": {
+          "name": "is_milestone",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "percent_complete": {
+          "name": "percent_complete",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "assigned_to": {
+          "name": "assigned_to",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "sort_order": {
+          "name": "sort_order",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "schedule_tasks_project_id_projects_id_fk": {
+          "name": "schedule_tasks_project_id_projects_id_fk",
+          "tableFrom": "schedule_tasks",
+          "tableTo": "projects",
+          "columnsFrom": [
+            "project_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "slab_memories": {
+      "name": "slab_memories",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "memory_type": {
+          "name": "memory_type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "tags": {
+          "name": "tags",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "importance": {
+          "name": "importance",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0.7
+        },
+        "pinned": {
+          "name": "pinned",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "access_count": {
+          "name": "access_count",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "last_accessed_at": {
+          "name": "last_accessed_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "slab_memories_user_id_users_id_fk": {
+          "name": "slab_memories_user_id_users_id_fk",
+          "tableFrom": "slab_memories",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "task_dependencies": {
+      "name": "task_dependencies",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "predecessor_id": {
+          "name": "predecessor_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "successor_id": {
+          "name": "successor_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'FS'"
+        },
+        "lag_days": {
+          "name": "lag_days",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "task_dependencies_predecessor_id_schedule_tasks_id_fk": {
+          "name": "task_dependencies_predecessor_id_schedule_tasks_id_fk",
+          "tableFrom": "task_dependencies",
+          "tableTo": "schedule_tasks",
+          "columnsFrom": [
+            "predecessor_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "task_dependencies_successor_id_schedule_tasks_id_fk": {
+          "name": "task_dependencies_successor_id_schedule_tasks_id_fk",
+          "tableFrom": "task_dependencies",
+          "tableTo": "schedule_tasks",
+          "columnsFrom": [
+            "successor_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "team_members": {
+      "name": "team_members",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "team_id": {
+          "name": "team_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "joined_at": {
+          "name": "joined_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "team_members_team_id_teams_id_fk": {
+          "name": "team_members_team_id_teams_id_fk",
+          "tableFrom": "team_members",
+          "tableTo": "teams",
+          "columnsFrom": [
+            "team_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "team_members_user_id_users_id_fk": {
+          "name": "team_members_user_id_users_id_fk",
+          "tableFrom": "team_members",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "teams": {
+      "name": "teams",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "teams_organization_id_organizations_id_fk": {
+          "name": "teams_organization_id_organizations_id_fk",
+          "tableFrom": "teams",
+          "tableTo": "organizations",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "users": {
+      "name": "users",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "first_name": {
+          "name": "first_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "last_name": {
+          "name": "last_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "display_name": {
+          "name": "display_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "avatar_url": {
+          "name": "avatar_url",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'office'"
+        },
+<<<<<<< HEAD
+=======
+        "google_email": {
+          "name": "google_email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+>>>>>>> origin/main
+        "is_active": {
+          "name": "is_active",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": true
+        },
+        "last_login_at": {
+          "name": "last_login_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "users_email_unique": {
+          "name": "users_email_unique",
+          "columns": [
+            "email"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "vendors": {
+      "name": "vendors",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "category": {
+          "name": "category",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'Subcontractor'"
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "phone": {
+          "name": "phone",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "address": {
+          "name": "address",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "netsuite_id": {
+          "name": "netsuite_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "workday_exceptions": {
+      "name": "workday_exceptions",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "project_id": {
+          "name": "project_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "start_date": {
+          "name": "start_date",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "end_date": {
+          "name": "end_date",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'non_working'"
+        },
+        "category": {
+          "name": "category",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'company_holiday'"
+        },
+        "recurrence": {
+          "name": "recurrence",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'one_time'"
+        },
+        "notes": {
+          "name": "notes",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "workday_exceptions_project_id_projects_id_fk": {
+          "name": "workday_exceptions_project_id_projects_id_fk",
+          "tableFrom": "workday_exceptions",
+          "tableTo": "projects",
+          "columnsFrom": [
+            "project_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "credit_memos": {
+      "name": "credit_memos",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "netsuite_id": {
+          "name": "netsuite_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "customer_id": {
+          "name": "customer_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "project_id": {
+          "name": "project_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "memo_number": {
+          "name": "memo_number",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'draft'"
+        },
+        "issue_date": {
+          "name": "issue_date",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "total": {
+          "name": "total",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "amount_applied": {
+          "name": "amount_applied",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "amount_remaining": {
+          "name": "amount_remaining",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "memo": {
+          "name": "memo",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "line_items": {
+          "name": "line_items",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "credit_memos_customer_id_customers_id_fk": {
+          "name": "credit_memos_customer_id_customers_id_fk",
+          "tableFrom": "credit_memos",
+          "tableTo": "customers",
+          "columnsFrom": [
+            "customer_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "credit_memos_project_id_projects_id_fk": {
+          "name": "credit_memos_project_id_projects_id_fk",
+          "tableFrom": "credit_memos",
+          "tableTo": "projects",
+          "columnsFrom": [
+            "project_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "invoices": {
+      "name": "invoices",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "netsuite_id": {
+          "name": "netsuite_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "customer_id": {
+          "name": "customer_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "project_id": {
+          "name": "project_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "invoice_number": {
+          "name": "invoice_number",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'draft'"
+        },
+        "issue_date": {
+          "name": "issue_date",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "due_date": {
+          "name": "due_date",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "subtotal": {
+          "name": "subtotal",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "tax": {
+          "name": "tax",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "total": {
+          "name": "total",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "amount_paid": {
+          "name": "amount_paid",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "amount_due": {
+          "name": "amount_due",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "memo": {
+          "name": "memo",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "line_items": {
+          "name": "line_items",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "invoices_customer_id_customers_id_fk": {
+          "name": "invoices_customer_id_customers_id_fk",
+          "tableFrom": "invoices",
+          "tableTo": "customers",
+          "columnsFrom": [
+            "customer_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "invoices_project_id_projects_id_fk": {
+          "name": "invoices_project_id_projects_id_fk",
+          "tableFrom": "invoices",
+          "tableTo": "projects",
+          "columnsFrom": [
+            "project_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "netsuite_auth": {
+      "name": "netsuite_auth",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "account_id": {
+          "name": "account_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "access_token_encrypted": {
+          "name": "access_token_encrypted",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "refresh_token_encrypted": {
+          "name": "refresh_token_encrypted",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_in": {
+          "name": "expires_in",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "token_type": {
+          "name": "token_type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "issued_at": {
+          "name": "issued_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "netsuite_sync_log": {
+      "name": "netsuite_sync_log",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "sync_type": {
+          "name": "sync_type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "record_type": {
+          "name": "record_type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "direction": {
+          "name": "direction",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "records_processed": {
+          "name": "records_processed",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "records_failed": {
+          "name": "records_failed",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "error_summary": {
+          "name": "error_summary",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "started_at": {
+          "name": "started_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "completed_at": {
+          "name": "completed_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "netsuite_sync_metadata": {
+      "name": "netsuite_sync_metadata",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "local_table": {
+          "name": "local_table",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "local_record_id": {
+          "name": "local_record_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "netsuite_record_type": {
+          "name": "netsuite_record_type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "netsuite_internal_id": {
+          "name": "netsuite_internal_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "last_synced_at": {
+          "name": "last_synced_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "last_modified_local": {
+          "name": "last_modified_local",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "last_modified_remote": {
+          "name": "last_modified_remote",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "sync_status": {
+          "name": "sync_status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'synced'"
+        },
+        "conflict_data": {
+          "name": "conflict_data",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "error_message": {
+          "name": "error_message",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "retry_count": {
+          "name": "retry_count",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "payments": {
+      "name": "payments",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "netsuite_id": {
+          "name": "netsuite_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "customer_id": {
+          "name": "customer_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "vendor_id": {
+          "name": "vendor_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "project_id": {
+          "name": "project_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "payment_type": {
+          "name": "payment_type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "amount": {
+          "name": "amount",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "payment_date": {
+          "name": "payment_date",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "payment_method": {
+          "name": "payment_method",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "reference_number": {
+          "name": "reference_number",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "memo": {
+          "name": "memo",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "payments_customer_id_customers_id_fk": {
+          "name": "payments_customer_id_customers_id_fk",
+          "tableFrom": "payments",
+          "tableTo": "customers",
+          "columnsFrom": [
+            "customer_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "payments_vendor_id_vendors_id_fk": {
+          "name": "payments_vendor_id_vendors_id_fk",
+          "tableFrom": "payments",
+          "tableTo": "vendors",
+          "columnsFrom": [
+            "vendor_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "payments_project_id_projects_id_fk": {
+          "name": "payments_project_id_projects_id_fk",
+          "tableFrom": "payments",
+          "tableTo": "projects",
+          "columnsFrom": [
+            "project_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "vendor_bills": {
+      "name": "vendor_bills",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "netsuite_id": {
+          "name": "netsuite_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "vendor_id": {
+          "name": "vendor_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "project_id": {
+          "name": "project_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "bill_number": {
+          "name": "bill_number",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'pending'"
+        },
+        "bill_date": {
+          "name": "bill_date",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "due_date": {
+          "name": "due_date",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "subtotal": {
+          "name": "subtotal",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "tax": {
+          "name": "tax",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "total": {
+          "name": "total",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "amount_paid": {
+          "name": "amount_paid",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "amount_due": {
+          "name": "amount_due",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "memo": {
+          "name": "memo",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "line_items": {
+          "name": "line_items",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "vendor_bills_vendor_id_vendors_id_fk": {
+          "name": "vendor_bills_vendor_id_vendors_id_fk",
+          "tableFrom": "vendor_bills",
+          "tableTo": "vendors",
+          "columnsFrom": [
+            "vendor_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "vendor_bills_project_id_projects_id_fk": {
+          "name": "vendor_bills_project_id_projects_id_fk",
+          "tableFrom": "vendor_bills",
+          "tableTo": "projects",
+          "columnsFrom": [
+            "project_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "plugin_config": {
+      "name": "plugin_config",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "plugin_id": {
+          "name": "plugin_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "key": {
+          "name": "key",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "value": {
+          "name": "value",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "is_encrypted": {
+          "name": "is_encrypted",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "plugin_config_plugin_id_plugins_id_fk": {
+          "name": "plugin_config_plugin_id_plugins_id_fk",
+          "tableFrom": "plugin_config",
+          "tableTo": "plugins",
+          "columnsFrom": [
+            "plugin_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "plugin_events": {
+      "name": "plugin_events",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "plugin_id": {
+          "name": "plugin_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "event_type": {
+          "name": "event_type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "details": {
+          "name": "details",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "plugin_events_plugin_id_plugins_id_fk": {
+          "name": "plugin_events_plugin_id_plugins_id_fk",
+          "tableFrom": "plugin_events",
+          "tableTo": "plugins",
+          "columnsFrom": [
+            "plugin_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "plugin_events_user_id_users_id_fk": {
+          "name": "plugin_events_user_id_users_id_fk",
+          "tableFrom": "plugin_events",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "plugins": {
+      "name": "plugins",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "version": {
+          "name": "version",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "source": {
+          "name": "source",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "source_type": {
+          "name": "source_type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "capabilities": {
+          "name": "capabilities",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "required_env_vars": {
+          "name": "required_env_vars",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'disabled'"
+        },
+        "status_reason": {
+          "name": "status_reason",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "enabled_by": {
+          "name": "enabled_by",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "enabled_at": {
+          "name": "enabled_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "installed_at": {
+          "name": "installed_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "plugins_enabled_by_users_id_fk": {
+          "name": "plugins_enabled_by_users_id_fk",
+          "tableFrom": "plugins",
+          "tableTo": "users",
+          "columnsFrom": [
+            "enabled_by"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "agent_items": {
+      "name": "agent_items",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "conversation_id": {
+          "name": "conversation_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "done": {
+          "name": "done",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "sort_order": {
+          "name": "sort_order",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "parent_id": {
+          "name": "parent_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "metadata": {
+          "name": "metadata",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "agent_items_user_id_users_id_fk": {
+          "name": "agent_items_user_id_users_id_fk",
+          "tableFrom": "agent_items",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "agent_config": {
+      "name": "agent_config",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "model_id": {
+          "name": "model_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "model_name": {
+          "name": "model_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "provider": {
+          "name": "provider",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "prompt_cost": {
+          "name": "prompt_cost",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "completion_cost": {
+          "name": "completion_cost",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "context_length": {
+          "name": "context_length",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "max_cost_per_million": {
+          "name": "max_cost_per_million",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "allow_user_selection": {
+          "name": "allow_user_selection",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 1
+        },
+        "updated_by": {
+          "name": "updated_by",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "agent_config_updated_by_users_id_fk": {
+          "name": "agent_config_updated_by_users_id_fk",
+          "tableFrom": "agent_config",
+          "tableTo": "users",
+          "columnsFrom": [
+            "updated_by"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "agent_usage": {
+      "name": "agent_usage",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "conversation_id": {
+          "name": "conversation_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "model_id": {
+          "name": "model_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "prompt_tokens": {
+          "name": "prompt_tokens",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "completion_tokens": {
+          "name": "completion_tokens",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "total_tokens": {
+          "name": "total_tokens",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "estimated_cost": {
+          "name": "estimated_cost",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "agent_usage_conversation_id_agent_conversations_id_fk": {
+          "name": "agent_usage_conversation_id_agent_conversations_id_fk",
+          "tableFrom": "agent_usage",
+          "tableTo": "agent_conversations",
+          "columnsFrom": [
+            "conversation_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "agent_usage_user_id_users_id_fk": {
+          "name": "agent_usage_user_id_users_id_fk",
+          "tableFrom": "agent_usage",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user_model_preference": {
+      "name": "user_model_preference",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "model_id": {
+          "name": "model_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "prompt_cost": {
+          "name": "prompt_cost",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "completion_cost": {
+          "name": "completion_cost",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "user_model_preference_user_id_users_id_fk": {
+          "name": "user_model_preference_user_id_users_id_fk",
+          "tableFrom": "user_model_preference",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+<<<<<<< HEAD
+    "custom_themes": {
+      "name": "custom_themes",
+=======
+    "google_auth": {
+      "name": "google_auth",
+>>>>>>> origin/main
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+<<<<<<< HEAD
+        "user_id": {
+          "name": "user_id",
+=======
+        "organization_id": {
+          "name": "organization_id",
+>>>>>>> origin/main
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+<<<<<<< HEAD
+        "name": {
+          "name": "name",
+=======
+        "service_account_key_encrypted": {
+          "name": "service_account_key_encrypted",
+>>>>>>> origin/main
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+<<<<<<< HEAD
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "''"
+        },
+        "theme_data": {
+          "name": "theme_data",
+=======
+        "workspace_domain": {
+          "name": "workspace_domain",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "shared_drive_id": {
+          "name": "shared_drive_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "shared_drive_name": {
+          "name": "shared_drive_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "connected_by": {
+          "name": "connected_by",
+>>>>>>> origin/main
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+<<<<<<< HEAD
+        "custom_themes_user_id_users_id_fk": {
+          "name": "custom_themes_user_id_users_id_fk",
+          "tableFrom": "custom_themes",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+=======
+        "google_auth_organization_id_organizations_id_fk": {
+          "name": "google_auth_organization_id_organizations_id_fk",
+          "tableFrom": "google_auth",
+          "tableTo": "organizations",
+          "columnsFrom": [
+            "organization_id"
+>>>>>>> origin/main
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+<<<<<<< HEAD
+=======
+        },
+        "google_auth_connected_by_users_id_fk": {
+          "name": "google_auth_connected_by_users_id_fk",
+          "tableFrom": "google_auth",
+          "tableTo": "users",
+          "columnsFrom": [
+            "connected_by"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+>>>>>>> origin/main
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+<<<<<<< HEAD
+    "user_theme_preference": {
+      "name": "user_theme_preference",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+=======
+    "google_starred_files": {
+      "name": "google_starred_files",
+      "columns": {
+        "id": {
+          "name": "id",
+>>>>>>> origin/main
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+<<<<<<< HEAD
+        "active_theme_id": {
+          "name": "active_theme_id",
+=======
+        "user_id": {
+          "name": "user_id",
+>>>>>>> origin/main
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+<<<<<<< HEAD
+        "updated_at": {
+          "name": "updated_at",
+=======
+        "google_file_id": {
+          "name": "google_file_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+>>>>>>> origin/main
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+<<<<<<< HEAD
+        "user_theme_preference_user_id_users_id_fk": {
+          "name": "user_theme_preference_user_id_users_id_fk",
+          "tableFrom": "user_theme_preference",
+=======
+        "google_starred_files_user_id_users_id_fk": {
+          "name": "google_starred_files_user_id_users_id_fk",
+          "tableFrom": "google_starred_files",
+>>>>>>> origin/main
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    }
+  },
+  "views": {},
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  },
+  "internal": {
+    "indexes": {}
+  }
+}
\ No newline at end of file
diff --git a/drizzle/meta/_journal.json b/drizzle/meta/_journal.json
index c69ecfd..aa0dbe3 100755
--- a/drizzle/meta/_journal.json
+++ b/drizzle/meta/_journal.json
@@ -113,6 +113,13 @@
       "when": 1770439304946,
       "tag": "0015_busy_photon",
       "breakpoints": true
+    },
+    {
+      "idx": 16,
+      "version": "6",
+      "when": 1770436668271,
+      "tag": "0016_noisy_gorilla_man",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/src/app/actions/themes.ts b/src/app/actions/themes.ts
new file mode 100755
index 0000000..607e2fa
--- /dev/null
+++ b/src/app/actions/themes.ts
@@ -0,0 +1,228 @@
+"use server"
+
+import { getCloudflareContext } from "@opennextjs/cloudflare"
+import { eq, and } from "drizzle-orm"
+import { getDb } from "@/db"
+import {
+  customThemes,
+  userThemePreference,
+} from "@/db/schema-theme"
+import { getCurrentUser } from "@/lib/auth"
+import { findPreset } from "@/lib/theme/presets"
+import { revalidatePath } from "next/cache"
+
+export async function getUserThemePreference(): Promise<
+  | { readonly success: true; readonly data: { readonly activeThemeId: string } }
+  | { readonly success: false; readonly error: string }
+> {
+  const user = await getCurrentUser()
+  if (!user) return { success: false, error: "not authenticated" }
+
+  const { env } = await getCloudflareContext()
+  const db = getDb(env.DB)
+
+  const pref = await db.query.userThemePreference.findFirst({
+    where: (p, { eq: e }) => e(p.userId, user.id),
+  })
+
+  return {
+    success: true,
+    data: { activeThemeId: pref?.activeThemeId ?? "native-compass" },
+  }
+}
+
+export async function setUserThemePreference(
+  themeId: string,
+): Promise<
+  | { readonly success: true }
+  | { readonly success: false; readonly error: string }
+> {
+  const user = await getCurrentUser()
+  if (!user) return { success: false, error: "not authenticated" }
+
+  const { env } = await getCloudflareContext()
+  const db = getDb(env.DB)
+
+  const isPreset = findPreset(themeId) !== undefined
+  if (!isPreset) {
+    const custom = await db.query.customThemes.findFirst({
+      where: (t, { eq: e, and: a }) =>
+        a(e(t.id, themeId), e(t.userId, user.id)),
+    })
+    if (!custom) {
+      return { success: false, error: "theme not found" }
+    }
+  }
+
+  const now = new Date().toISOString()
+
+  await db
+    .insert(userThemePreference)
+    .values({ userId: user.id, activeThemeId: themeId, updatedAt: now })
+    .onConflictDoUpdate({
+      target: userThemePreference.userId,
+      set: { activeThemeId: themeId, updatedAt: now },
+    })
+
+  revalidatePath("/", "layout")
+  return { success: true }
+}
+
+export async function getCustomThemes(): Promise<
+  | {
+      readonly success: true
+      readonly data: ReadonlyArray<{
+        readonly id: string
+        readonly name: string
+        readonly description: string
+        readonly themeData: string
+        readonly createdAt: string
+        readonly updatedAt: string
+      }>
+    }
+  | { readonly success: false; readonly error: string }
+> {
+  const user = await getCurrentUser()
+  if (!user) return { success: false, error: "not authenticated" }
+
+  const { env } = await getCloudflareContext()
+  const db = getDb(env.DB)
+
+  const themes = await db.query.customThemes.findMany({
+    where: (t, { eq: e }) => e(t.userId, user.id),
+    orderBy: (t, { desc }) => desc(t.updatedAt),
+  })
+
+  return { success: true, data: themes }
+}
+
+export async function getCustomThemeById(
+  themeId: string,
+): Promise<
+  | {
+      readonly success: true
+      readonly data: {
+        readonly id: string
+        readonly name: string
+        readonly description: string
+        readonly themeData: string
+      }
+    }
+  | { readonly success: false; readonly error: string }
+> {
+  const user = await getCurrentUser()
+  if (!user) return { success: false, error: "not authenticated" }
+
+  const { env } = await getCloudflareContext()
+  const db = getDb(env.DB)
+
+  const theme = await db.query.customThemes.findFirst({
+    where: (t, { eq: e, and: a }) =>
+      a(e(t.id, themeId), e(t.userId, user.id)),
+  })
+
+  if (!theme) {
+    return { success: false, error: "theme not found" }
+  }
+
+  return {
+    success: true,
+    data: {
+      id: theme.id,
+      name: theme.name,
+      description: theme.description,
+      themeData: theme.themeData,
+    },
+  }
+}
+
+export async function saveCustomTheme(
+  name: string,
+  description: string,
+  themeData: string,
+  existingId?: string,
+): Promise<
+  | { readonly success: true; readonly id: string }
+  | { readonly success: false; readonly error: string }
+> {
+  const user = await getCurrentUser()
+  if (!user) return { success: false, error: "not authenticated" }
+
+  const { env } = await getCloudflareContext()
+  const db = getDb(env.DB)
+
+  const now = new Date().toISOString()
+  const id = existingId ?? crypto.randomUUID()
+
+  if (existingId) {
+    const existing = await db.query.customThemes.findFirst({
+      where: (t, { eq: e, and: a }) =>
+        a(e(t.id, existingId), e(t.userId, user.id)),
+    })
+    if (!existing) {
+      return { success: false, error: "theme not found" }
+    }
+    await db
+      .update(customThemes)
+      .set({ name, description, themeData, updatedAt: now })
+      .where(eq(customThemes.id, existingId))
+  } else {
+    await db.insert(customThemes).values({
+      id,
+      userId: user.id,
+      name,
+      description,
+      themeData,
+      createdAt: now,
+      updatedAt: now,
+    })
+  }
+
+  revalidatePath("/", "layout")
+  return { success: true, id }
+}
+
+export async function deleteCustomTheme(
+  themeId: string,
+): Promise<
+  | { readonly success: true }
+  | { readonly success: false; readonly error: string }
+> {
+  const user = await getCurrentUser()
+  if (!user) return { success: false, error: "not authenticated" }
+
+  const { env } = await getCloudflareContext()
+  const db = getDb(env.DB)
+
+  const existing = await db.query.customThemes.findFirst({
+    where: (t, { eq: e, and: a }) =>
+      a(e(t.id, themeId), e(t.userId, user.id)),
+  })
+  if (!existing) {
+    return { success: false, error: "theme not found" }
+  }
+
+  await db
+    .delete(customThemes)
+    .where(
+      and(
+        eq(customThemes.id, themeId),
+        eq(customThemes.userId, user.id),
+      ),
+    )
+
+  // reset preference if it was pointing to the deleted theme
+  const pref = await db.query.userThemePreference.findFirst({
+    where: (p, { eq: e }) => e(p.userId, user.id),
+  })
+  if (pref?.activeThemeId === themeId) {
+    const now = new Date().toISOString()
+    await db
+      .update(userThemePreference)
+      .set({ activeThemeId: "native-compass", updatedAt: now })
+      .where(eq(userThemePreference.userId, user.id))
+  }
+
+  revalidatePath("/", "layout")
+  return { success: true }
+}
diff --git a/src/app/globals.css b/src/app/globals.css
index baadd2e..f23da72 100755
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -3,27 +3,21 @@
 
 @custom-variant dark (&:is(.dark *));
 
-/* agent navigation crossfade */
-::view-transition-old(root) {
-	animation: 150ms ease-out both fade-out;
-}
+/* disable default view-transition crossfade so custom
+   clip-path circle-reveal animation can take over */
+::view-transition-old(root),
 ::view-transition-new(root) {
-	animation: 200ms ease-in 80ms both fade-in;
-}
-@keyframes fade-out {
-	to { opacity: 0; }
-}
-@keyframes fade-in {
-	from { opacity: 0; }
+	animation: none;
+	mix-blend-mode: normal;
 }
 
 @theme inline {
 	--color-background: var(--background);
 	--color-foreground: var(--foreground);
-	--font-sans: Sora, ui-sans-serif, sans-serif, system-ui;
-	--font-mono: Space Grotesk, ui-sans-serif, sans-serif, system-ui;
-	--font-serif: Playfair Display, ui-serif, serif;
-	--radius: 1.575rem;
+	--font-sans: var(--font-sans);
+	--font-mono: var(--font-mono);
+	--font-serif: var(--font-serif);
+	--radius: var(--radius);
 	--tracking-tighter: calc(var(--tracking-normal) - 0.05em);
 	--tracking-tight: calc(var(--tracking-normal) - 0.025em);
 	--tracking-wide: calc(var(--tracking-normal) + 0.025em);
diff --git a/src/components/settings-modal.tsx b/src/components/settings-modal.tsx
index c51fd9c..7d451dc 100755
--- a/src/components/settings-modal.tsx
+++ b/src/components/settings-modal.tsx
@@ -1,7 +1,6 @@
 "use client"
 
 import * as React from "react"
-import { useTheme } from "next-themes"
 
 import {
   ResponsiveDialog,
@@ -29,6 +28,7 @@ import { GoogleDriveConnectionStatus } from "@/components/google/connection-stat
 import { MemoriesTable } from "@/components/agent/memories-table"
 import { SkillsTab } from "@/components/settings/skills-tab"
 import { AIModelTab } from "@/components/settings/ai-model-tab"
+import { AppearanceTab } from "@/components/settings/appearance-tab"
 
 export function SettingsModal({
   open,
@@ -37,7 +37,6 @@ export function SettingsModal({
   open: boolean
   onOpenChange: (open: boolean) => void
 }) {
-  const { theme, setTheme } = useTheme()
   const [emailNotifs, setEmailNotifs] = React.useState(true)
   const [pushNotifs, setPushNotifs] = React.useState(true)
   const [weeklyDigest, setWeeklyDigest] = React.useState(false)
@@ -128,26 +127,7 @@ export function SettingsModal({
     </>
   )
 
-  const appearancePage = (
-    <div className="space-y-1.5">
-      <Label htmlFor="theme" className="text-xs">
-        Theme
-      </Label>
-      <Select
-        value={theme ?? "light"}
-        onValueChange={setTheme}
-      >
-        <SelectTrigger id="theme" className="w-full h-9">
-          <SelectValue />
-        </SelectTrigger>
-        <SelectContent>
-          <SelectItem value="light">Light</SelectItem>
-          <SelectItem value="dark">Dark</SelectItem>
-          <SelectItem value="system">System</SelectItem>
-        </SelectContent>
-      </Select>
-    </div>
-  )
+  const appearancePage = <AppearanceTab />
 
   const integrationsPage = (
     <>
@@ -288,24 +268,7 @@ export function SettingsModal({
             value="appearance"
             className="space-y-3 pt-3"
           >
-            <div className="space-y-1.5">
-              <Label htmlFor="theme" className="text-xs">
-                Theme
-              </Label>
-              <Select
-                value={theme ?? "light"}
-                onValueChange={setTheme}
-              >
-                <SelectTrigger id="theme" className="w-full h-9">
-                  <SelectValue />
-                </SelectTrigger>
-                <SelectContent>
-                  <SelectItem value="light">Light</SelectItem>
-                  <SelectItem value="dark">Dark</SelectItem>
-                  <SelectItem value="system">System</SelectItem>
-                </SelectContent>
-              </Select>
-            </div>
+            <AppearanceTab />
           </TabsContent>
 
           <TabsContent
diff --git a/src/components/settings/appearance-tab.tsx b/src/components/settings/appearance-tab.tsx
new file mode 100755
index 0000000..d8e2fd7
--- /dev/null
+++ b/src/components/settings/appearance-tab.tsx
@@ -0,0 +1,200 @@
+"use client"
+
+import * as React from "react"
+import { useTheme } from "next-themes"
+import { Check, Sparkles, Trash2 } from "lucide-react"
+import { toast } from "sonner"
+import { Label } from "@/components/ui/label"
+import { Button } from "@/components/ui/button"
+import { Badge } from "@/components/ui/badge"
+import { Separator } from "@/components/ui/separator"
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select"
+import { useCompassTheme } from "@/components/theme-provider"
+import { useAgentOptional } from "@/components/agent/chat-provider"
+import { THEME_PRESETS } from "@/lib/theme/presets"
+import { deleteCustomTheme } from "@/app/actions/themes"
+import type { ThemeDefinition } from "@/lib/theme/types"
+
+function ThemeCard({
+  theme,
+  isActive,
+  onSelect,
+  onDelete,
+}: {
+  readonly theme: ThemeDefinition
+  readonly isActive: boolean
+  readonly onSelect: (e: React.MouseEvent) => void
+  readonly onDelete?: () => void
+}) {
+  return (
+    <button
+      type="button"
+      onClick={onSelect}
+      className={
+        "relative flex flex-col gap-1.5 rounded-lg border p-3 " +
+        "text-left transition-colors hover:bg-accent/50 " +
+        (isActive
+          ? "border-primary ring-1 ring-primary"
+          : "border-border")
+      }
+    >
+      {isActive && (
+        <div className="absolute top-2 right-2 rounded-full bg-primary p-0.5">
+          <Check className="h-3 w-3 text-primary-foreground" />
+        </div>
+      )}
+
+      <div className="flex gap-1">
+        {[
+          theme.previewColors.primary,
+          theme.previewColors.background,
+          theme.previewColors.foreground,
+        ].map((color, i) => (
+          <div
+            key={i}
+            className="h-5 w-5 rounded-full border border-border/50"
+            style={{ backgroundColor: color }}
+          />
+        ))}
+      </div>
+
+      <div className="flex items-center gap-1.5">
+        <span className="text-xs font-medium truncate">
+          {theme.name}
+        </span>
+        {!theme.isPreset && (
+          <Badge variant="secondary" className="text-[10px] px-1 py-0">
+            Custom
+          </Badge>
+        )}
+      </div>
+
+      {!theme.isPreset && onDelete && (
+        <button
+          type="button"
+          onClick={(e) => {
+            e.stopPropagation()
+            onDelete()
+          }}
+          className={
+            "absolute bottom-2 right-2 rounded p-1 " +
+            "text-muted-foreground hover:text-destructive " +
+            "hover:bg-destructive/10 transition-colors"
+          }
+        >
+          <Trash2 className="h-3 w-3" />
+        </button>
+      )}
+    </button>
+  )
+}
+
+export function AppearanceTab() {
+  const { theme, setTheme } = useTheme()
+  const {
+    activeThemeId,
+    setVisualTheme,
+    customThemes,
+    refreshCustomThemes,
+  } = useCompassTheme()
+  const panel = useAgentOptional()
+
+  const allThemes = React.useMemo<ReadonlyArray<ThemeDefinition>>(
+    () => [...THEME_PRESETS, ...customThemes],
+    [customThemes],
+  )
+
+  async function handleSelectTheme(
+    themeId: string,
+    e: React.MouseEvent,
+  ) {
+    await setVisualTheme(themeId, {
+      x: e.clientX,
+      y: e.clientY,
+    })
+    const t = allThemes.find((t) => t.id === themeId)
+    if (t) {
+      toast.success(`Theme changed to ${t.name}`)
+    }
+  }
+
+  async function handleDeleteTheme(themeId: string) {
+    const result = await deleteCustomTheme(themeId)
+    if (result.success) {
+      await refreshCustomThemes()
+      toast.success("Custom theme deleted")
+    } else {
+      toast.error(result.error)
+    }
+  }
+
+  function handleCreateWithAI() {
+    if (!panel) {
+      toast.info("Open the AI chat to create a custom theme")
+      return
+    }
+    panel.open()
+  }
+
+  return (
+    <>
+      <div className="space-y-1.5">
+        <Label htmlFor="color-mode" className="text-xs">
+          Color mode
+        </Label>
+        <Select
+          value={theme ?? "light"}
+          onValueChange={setTheme}
+        >
+          <SelectTrigger id="color-mode" className="w-full h-9">
+            <SelectValue />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="light">Light</SelectItem>
+            <SelectItem value="dark">Dark</SelectItem>
+            <SelectItem value="system">System</SelectItem>
+          </SelectContent>
+        </Select>
+      </div>
+
+      <Separator />
+
+      <div className="space-y-2">
+        <Label className="text-xs">Theme</Label>
+        <div className="grid grid-cols-3 gap-2">
+          {allThemes.map((t) => (
+            <ThemeCard
+              key={t.id}
+              theme={t}
+              isActive={activeThemeId === t.id}
+              onSelect={(e) => handleSelectTheme(t.id, e)}
+              onDelete={
+                t.isPreset
+                  ? undefined
+                  : () => handleDeleteTheme(t.id)
+              }
+            />
+          ))}
+        </div>
+      </div>
+
+      <Separator />
+
+      <Button
+        variant="outline"
+        size="sm"
+        className="w-full"
+        onClick={handleCreateWithAI}
+      >
+        <Sparkles className="h-3.5 w-3.5 mr-1.5" />
+        Create with AI
+      </Button>
+    </>
+  )
+}
diff --git a/src/components/theme-provider.tsx b/src/components/theme-provider.tsx
index 01dd6f4..34b306f 100755
--- a/src/components/theme-provider.tsx
+++ b/src/components/theme-provider.tsx
@@ -1,6 +1,291 @@
 "use client"
 
+import * as React from "react"
 import { ThemeProvider as NextThemesProvider } from "next-themes"
+import type { ThemeDefinition } from "@/lib/theme/types"
+import { applyTheme, removeThemeOverride } from "@/lib/theme/apply"
+import { applyThemeAnimated } from "@/lib/theme/transition"
+import {
+  THEME_PRESETS,
+  DEFAULT_THEME_ID,
+  findPreset,
+} from "@/lib/theme/presets"
+import {
+  getUserThemePreference,
+  setUserThemePreference,
+  getCustomThemes,
+} from "@/app/actions/themes"
+
+const ID_KEY = "compass-active-theme"
+const DATA_KEY = "compass-theme-data"
+
+interface CompassThemeState {
+  readonly activeThemeId: string
+  readonly activeTheme: ThemeDefinition | null
+  readonly setVisualTheme: (
+    themeId: string,
+    origin?: { x: number; y: number },
+  ) => Promise<void>
+  readonly previewTheme: (theme: ThemeDefinition) => void
+  readonly cancelPreview: () => void
+  readonly customThemes: ReadonlyArray<ThemeDefinition>
+  readonly refreshCustomThemes: () => Promise<void>
+}
+
+const CompassThemeContext = React.createContext<
+  CompassThemeState | null
+>(null)
+
+export function useCompassTheme(): CompassThemeState {
+  const ctx = React.useContext(CompassThemeContext)
+  if (!ctx) {
+    throw new Error(
+      "useCompassTheme must be used within ThemeProvider",
+    )
+  }
+  return ctx
+}
+
+function resolveTheme(
+  id: string,
+  customs: ReadonlyArray<ThemeDefinition>,
+): ThemeDefinition | null {
+  return findPreset(id) ?? customs.find((c) => c.id === id) ?? null
+}
+
+function cacheTheme(id: string, theme: ThemeDefinition | null): void {
+  localStorage.setItem(ID_KEY, id)
+  if (theme && id !== DEFAULT_THEME_ID) {
+    localStorage.setItem(DATA_KEY, JSON.stringify(theme))
+  } else {
+    localStorage.removeItem(DATA_KEY)
+  }
+}
+
+function CompassThemeProvider({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  const [activeThemeId, setActiveThemeId] = React.useState(
+    DEFAULT_THEME_ID,
+  )
+  const [customThemes, setCustomThemes] = React.useState<
+    ReadonlyArray<ThemeDefinition>
+  >([])
+  const [previewing, setPreviewing] = React.useState(false)
+  const savedIdRef = React.useRef(DEFAULT_THEME_ID)
+
+  const activeTheme = React.useMemo(
+    () => resolveTheme(activeThemeId, customThemes),
+    [activeThemeId, customThemes],
+  )
+
+  // hydrate from localStorage (instant) then validate against DB
+  React.useLayoutEffect(() => {
+    const cachedId = localStorage.getItem(ID_KEY)
+    if (!cachedId || cachedId === DEFAULT_THEME_ID) return
+
+    // try preset first (no async needed)
+    const preset = findPreset(cachedId)
+    if (preset) {
+      applyTheme(preset)
+      setActiveThemeId(cachedId)
+      savedIdRef.current = cachedId
+      return
+    }
+
+    // for custom themes, use cached theme data for instant apply
+    const cachedData = localStorage.getItem(DATA_KEY)
+    if (cachedData) {
+      try {
+        const theme = JSON.parse(cachedData) as ThemeDefinition
+        applyTheme(theme)
+        setActiveThemeId(cachedId)
+        savedIdRef.current = cachedId
+      } catch {
+        // corrupted cache, clear it
+        localStorage.removeItem(DATA_KEY)
+      }
+    }
+  }, [])
+
+  // fetch DB preference + custom themes to validate/sync
+  React.useEffect(() => {
+    Promise.all([getUserThemePreference(), getCustomThemes()])
+      .then(([prefResult, customResult]) => {
+        let customs: ReadonlyArray<ThemeDefinition> = []
+        if (customResult.success) {
+          customs = customResult.data.map((row) => ({
+            ...(JSON.parse(row.themeData) as ThemeDefinition),
+            id: row.id,
+            name: row.name,
+            description: row.description,
+            isPreset: false,
+          }))
+          setCustomThemes(customs)
+        }
+
+        if (prefResult.success) {
+          const dbId = prefResult.data.activeThemeId
+          const currentId = savedIdRef.current
+
+          // only re-apply if the DB disagrees with what we
+          // already applied from cache
+          if (dbId !== currentId) {
+            savedIdRef.current = dbId
+            setActiveThemeId(dbId)
+            cacheTheme(
+              dbId,
+              dbId === DEFAULT_THEME_ID
+                ? null
+                : resolveTheme(dbId, customs),
+            )
+
+            if (dbId === DEFAULT_THEME_ID) {
+              removeThemeOverride()
+            } else {
+              const theme = resolveTheme(dbId, customs)
+              if (theme) applyTheme(theme)
+            }
+          } else {
+            // IDs match, just make sure cache has latest data
+            const theme = resolveTheme(dbId, customs)
+            cacheTheme(dbId, theme)
+          }
+        }
+      })
+      .catch(() => {
+        // silently fall back to whatever is cached
+      })
+  }, [])
+
+  const setVisualTheme = React.useCallback(
+    async (
+      themeId: string,
+      origin?: { x: number; y: number },
+    ) => {
+      setPreviewing(false)
+
+      const theme =
+        themeId === DEFAULT_THEME_ID
+          ? null
+          : resolveTheme(themeId, customThemes)
+
+      applyThemeAnimated(theme, origin)
+      setActiveThemeId(themeId)
+      savedIdRef.current = themeId
+      cacheTheme(themeId, theme)
+      await setUserThemePreference(themeId)
+    },
+    [customThemes],
+  )
+
+  const previewTheme = React.useCallback(
+    (theme: ThemeDefinition) => {
+      setPreviewing(true)
+      setActiveThemeId(theme.id)
+      applyTheme(theme)
+    },
+    [],
+  )
+
+  const cancelPreview = React.useCallback(() => {
+    if (!previewing) return
+    setPreviewing(false)
+    const id = savedIdRef.current
+    setActiveThemeId(id)
+    if (id === DEFAULT_THEME_ID) {
+      removeThemeOverride()
+    } else {
+      const theme = resolveTheme(id, customThemes)
+      if (theme) applyTheme(theme)
+    }
+  }, [previewing, customThemes])
+
+  const refreshCustomThemes = React.useCallback(async () => {
+    const result = await getCustomThemes()
+    if (result.success) {
+      const customs = result.data.map((row) => ({
+        ...(JSON.parse(row.themeData) as ThemeDefinition),
+        id: row.id,
+        name: row.name,
+        description: row.description,
+        isPreset: false,
+      }))
+      setCustomThemes(customs)
+    }
+  }, [])
+
+  // listen for agent CustomEvents
+  React.useEffect(() => {
+    function onApplyTheme(e: Event) {
+      const detail = (e as CustomEvent).detail as
+        | { themeId?: string }
+        | undefined
+      if (detail?.themeId) {
+        setVisualTheme(detail.themeId)
+      }
+    }
+
+    function onPreviewTheme(e: Event) {
+      const detail = (e as CustomEvent).detail as
+        | { themeId?: string; themeData?: ThemeDefinition }
+        | undefined
+      if (detail?.themeData) {
+        refreshCustomThemes().then(() => {
+          previewTheme(detail.themeData as ThemeDefinition)
+        })
+      } else if (detail?.themeId) {
+        const theme = resolveTheme(detail.themeId, customThemes)
+        if (theme) previewTheme(theme)
+      }
+    }
+
+    window.addEventListener("agent-apply-theme", onApplyTheme)
+    window.addEventListener("agent-preview-theme", onPreviewTheme)
+
+    return () => {
+      window.removeEventListener("agent-apply-theme", onApplyTheme)
+      window.removeEventListener(
+        "agent-preview-theme",
+        onPreviewTheme,
+      )
+    }
+  }, [
+    setVisualTheme,
+    previewTheme,
+    refreshCustomThemes,
+    customThemes,
+  ])
+
+  const value = React.useMemo<CompassThemeState>(
+    () => ({
+      activeThemeId,
+      activeTheme,
+      setVisualTheme,
+      previewTheme,
+      cancelPreview,
+      customThemes,
+      refreshCustomThemes,
+    }),
+    [
+      activeThemeId,
+      activeTheme,
+      setVisualTheme,
+      previewTheme,
+      cancelPreview,
+      customThemes,
+      refreshCustomThemes,
+    ],
+  )
+
+  return (
+    <CompassThemeContext.Provider value={value}>
+      {children}
+    </CompassThemeContext.Provider>
+  )
+}
 
 export function ThemeProvider({
   children,
@@ -8,12 +293,14 @@ export function ThemeProvider({
   children: React.ReactNode
 }) {
   return (
-    <NextThemesProvider
-      attribute="class"
-      defaultTheme="light"
-      enableSystem={false}
-    >
-      {children}
-    </NextThemesProvider>
+    <CompassThemeProvider>
+      <NextThemesProvider
+        attribute="class"
+        defaultTheme="light"
+        enableSystem={false}
+      >
+        {children}
+      </NextThemesProvider>
+    </CompassThemeProvider>
   )
 }
diff --git a/src/db/index.ts b/src/db/index.ts
index ae54ec2..77d8cc0 100755
--- a/src/db/index.ts
+++ b/src/db/index.ts
@@ -4,6 +4,7 @@ import * as netsuiteSchema from "./schema-netsuite"
 import * as pluginSchema from "./schema-plugins"
 import * as agentSchema from "./schema-agent"
 import * as aiConfigSchema from "./schema-ai-config"
+import * as themeSchema from "./schema-theme"
 import * as googleSchema from "./schema-google"
 
 const allSchemas = {
@@ -12,6 +13,7 @@ const allSchemas = {
   ...pluginSchema,
   ...agentSchema,
   ...aiConfigSchema,
+  ...themeSchema,
   ...googleSchema,
 }
 
diff --git a/src/db/schema-theme.ts b/src/db/schema-theme.ts
new file mode 100755
index 0000000..787dd04
--- /dev/null
+++ b/src/db/schema-theme.ts
@@ -0,0 +1,30 @@
+import { sqliteTable, text } from "drizzle-orm/sqlite-core"
+import { users } from "./schema"
+
+export const customThemes = sqliteTable("custom_themes", {
+  id: text("id").primaryKey(),
+  userId: text("user_id")
+    .notNull()
+    .references(() => users.id, { onDelete: "cascade" }),
+  name: text("name").notNull(),
+  description: text("description").notNull().default(""),
+  themeData: text("theme_data").notNull(),
+  createdAt: text("created_at").notNull(),
+  updatedAt: text("updated_at").notNull(),
+})
+
+export const userThemePreference = sqliteTable(
+  "user_theme_preference",
+  {
+    userId: text("user_id")
+      .primaryKey()
+      .references(() => users.id, { onDelete: "cascade" }),
+    activeThemeId: text("active_theme_id").notNull(),
+    updatedAt: text("updated_at").notNull(),
+  },
+)
+
+export type CustomTheme = typeof customThemes.$inferSelect
+export type NewCustomTheme = typeof customThemes.$inferInsert
+export type UserThemePreference =
+  typeof userThemePreference.$inferSelect
diff --git a/src/lib/agent/chat-adapter.ts b/src/lib/agent/chat-adapter.ts
index 606cf18..53736cb 100755
--- a/src/lib/agent/chat-adapter.ts
+++ b/src/lib/agent/chat-adapter.ts
@@ -133,6 +133,26 @@ export function initializeActionHandlers(
       )
     }
   })
+
+  registerActionHandler("APPLY_THEME", (payload) => {
+    if (typeof window !== "undefined") {
+      window.dispatchEvent(
+        new CustomEvent("agent-apply-theme", {
+          detail: payload,
+        })
+      )
+    }
+  })
+
+  registerActionHandler("PREVIEW_THEME", (payload) => {
+    if (typeof window !== "undefined") {
+      window.dispatchEvent(
+        new CustomEvent("agent-preview-theme", {
+          detail: payload,
+        })
+      )
+    }
+  })
 }
 
 export const ALL_HANDLER_TYPES = [
@@ -143,6 +163,8 @@ export const ALL_HANDLER_TYPES = [
   "SCROLL_TO",
   "FOCUS_ELEMENT",
   "GENERATE_UI",
+  "APPLY_THEME",
+  "PREVIEW_THEME",
 ] as const
 
 /**
@@ -205,6 +227,21 @@ export function dispatchToolActions(
           },
         })
         break
+      case "apply_theme":
+        executeAction({
+          type: "APPLY_THEME",
+          payload: { themeId: output.themeId },
+        })
+        break
+      case "preview_theme":
+        executeAction({
+          type: "PREVIEW_THEME",
+          payload: {
+            themeId: output.themeId,
+            themeData: output.themeData,
+          },
+        })
+        break
     }
   }
 }
diff --git a/src/lib/agent/system-prompt.ts b/src/lib/agent/system-prompt.ts
index a560c9b..53f3b22 100755
--- a/src/lib/agent/system-prompt.ts
+++ b/src/lib/agent/system-prompt.ts
@@ -150,6 +150,40 @@ const TOOL_REGISTRY: ReadonlyArray<ToolMeta> = [
       'and creates a GitHub issue tagged "user-feedback".',
     category: "feedback",
   },
+  {
+    name: "listThemes",
+    summary:
+      "List all available visual themes (presets and user " +
+      "custom themes) with their IDs and descriptions.",
+    category: "ui",
+  },
+  {
+    name: "setTheme",
+    summary:
+      "Switch the active visual theme by ID. Preset IDs: " +
+      "native-compass, corpo, notebook, doom-64, bubblegum, " +
+      "developers-choice, anslopics-clood, violet-bloom, soy, " +
+      "mocha. Also accepts custom theme UUIDs.",
+    category: "ui",
+  },
+  {
+    name: "generateTheme",
+    summary:
+      "Create a custom visual theme from scratch. Provide " +
+      "name, description, light/dark color maps (32 oklch " +
+      "entries each), fonts, optional Google Font names, " +
+      "and radius/spacing tokens.",
+    category: "ui",
+  },
+  {
+    name: "editTheme",
+    summary:
+      "Edit an existing custom theme incrementally. " +
+      "Provide only the properties to change — everything " +
+      "else is preserved. Only works on custom themes " +
+      "(not presets).",
+    category: "ui",
+  },
 ]
 
 // categories included in minimal mode
@@ -454,6 +488,72 @@ function buildGitHubGuidance(
   ]
 }
 
+function buildThemingRules(
+  mode: PromptMode,
+): ReadonlyArray<string> {
+  if (mode !== "full") return []
+  return [
+    "## Visual Theming",
+    "Users can customize the app's visual theme. You have three " +
+      "theming tools:",
+    "",
+    "**Preset themes** (use setTheme with these IDs):",
+    "- native-compass: Default teal construction palette",
+    "- corpo: Clean blue corporate look",
+    "- notebook: Warm handwritten aesthetic",
+    "- doom-64: Gritty industrial with sharp edges",
+    "- bubblegum: Playful pink and pastels",
+    "- developers-choice: Retro pixel-font terminal",
+    "- anslopics-clood: Warm amber-orange with clean lines",
+    "- violet-bloom: Deep violet with elegant rounded corners",
+    "- soy: Rosy pink and magenta romantic tones",
+    "- mocha: Coffee-brown earthy palette with offset shadows",
+    "",
+    "**When to use which tool:**",
+    '- "change to corpo" / "switch theme to X" -> setTheme',
+    '- "what themes are available?" -> listThemes',
+    '- "make me a sunset theme" / "create a dark red theme" -> ' +
+      "generateTheme",
+    '- "make the primary darker" / "change the font to Inter" ' +
+      '/ "tweak the accent color" -> editTheme ' +
+      "(when a custom theme is active)",
+    "",
+    "**generateTheme rules:**",
+    "- All 32 color keys required for both light AND dark maps: " +
+      "background, foreground, card, card-foreground, popover, " +
+      "popover-foreground, primary, primary-foreground, secondary, " +
+      "secondary-foreground, muted, muted-foreground, accent, " +
+      "accent-foreground, destructive, destructive-foreground, " +
+      "border, input, ring, chart-1 through chart-5, sidebar, " +
+      "sidebar-foreground, sidebar-primary, " +
+      "sidebar-primary-foreground, sidebar-accent, " +
+      "sidebar-accent-foreground, sidebar-border, sidebar-ring",
+    "- All colors in oklch() format: oklch(L C H) where " +
+      "L=0-1, C=0-0.4, H=0-360",
+    "- Light backgrounds: L >= 0.90; Dark backgrounds: L <= 0.25",
+    "- Ensure ~0.5+ lightness difference between bg and fg " +
+      "(WCAG AA approximation)",
+    "- destructive hue in red range (H: 20-50)",
+    "- 5 chart colors must be visually distinct",
+    "- Google Font names are case-sensitive",
+    "- radius: 0-2rem, spacing: 0.2-0.4rem",
+    "",
+    "**editTheme rules:**",
+    "- Only works on custom themes (not presets)",
+    "- Only provide the fields being changed",
+    "- For color maps, only include the specific keys being modified",
+    "- All color values must still be oklch() format",
+    "- Fonts: only include the font keys being changed " +
+      "(sans, serif, or mono)",
+    "- The theme is deep-merged: existing values are preserved " +
+      "unless explicitly overridden",
+    "",
+    "**Color mode vs theme:** Toggling light/dark changes which " +
+      "palette variant is displayed. Changing theme changes the " +
+      "entire palette. These are independent.",
+  ]
+}
+
 function buildGuidelines(
   mode: PromptMode,
 ): ReadonlyArray<string> {
@@ -521,6 +621,7 @@ export function buildSystemPrompt(ctx: PromptContext): string {
     buildCatalogSection(state.mode, state.catalogComponents),
     buildInterviewProtocol(state.mode),
     buildGitHubGuidance(state.mode),
+    buildThemingRules(state.mode),
     buildGuidelines(state.mode),
     buildPluginSections(ctx.pluginSections, state.mode),
   ]
diff --git a/src/lib/agent/tools.ts b/src/lib/agent/tools.ts
index ab5f4a4..68442be 100755
--- a/src/lib/agent/tools.ts
+++ b/src/lib/agent/tools.ts
@@ -10,6 +10,14 @@ import {
   toggleSkill as toggleSkillAction,
   getInstalledSkills as getInstalledSkillsAction,
 } from "@/app/actions/plugins"
+import {
+  getCustomThemes,
+  getCustomThemeById,
+  saveCustomTheme,
+  setUserThemePreference,
+} from "@/app/actions/themes"
+import { THEME_PRESETS, findPreset } from "@/lib/theme/presets"
+import type { ThemeDefinition, ColorMap, ThemeFonts, ThemeTokens, ThemeShadows } from "@/lib/theme/types"
 
 const queryDataInputSchema = z.object({
   queryType: z.enum([
@@ -422,4 +430,292 @@ export const agentTools = {
       return uninstallSkillAction(input.pluginId)
     },
   }),
+
+  listThemes: tool({
+    description:
+      "List available visual themes (presets + user custom themes).",
+    inputSchema: z.object({}),
+    execute: async () => {
+      const user = await getCurrentUser()
+      if (!user) return { error: "not authenticated" }
+
+      const presets = THEME_PRESETS.map((p) => ({
+        id: p.id,
+        name: p.name,
+        description: p.description,
+        isPreset: true,
+      }))
+
+      const customResult = await getCustomThemes()
+      const customs = customResult.success
+        ? customResult.data.map((c) => ({
+            id: c.id,
+            name: c.name,
+            description: c.description,
+            isPreset: false,
+          }))
+        : []
+
+      return { themes: [...presets, ...customs] }
+    },
+  }),
+
+  setTheme: tool({
+    description:
+      "Switch the user's visual theme. Use a preset ID " +
+      "(native-compass, corpo, notebook, doom-64, bubblegum, " +
+      "developers-choice, anslopics-clood, violet-bloom, soy, " +
+      "mocha) or a custom theme UUID.",
+    inputSchema: z.object({
+      themeId: z.string().describe(
+        "The theme ID to activate",
+      ),
+    }),
+    execute: async (input: { themeId: string }) => {
+      const result = await setUserThemePreference(input.themeId)
+      if (!result.success) return { error: result.error }
+      return {
+        action: "apply_theme" as const,
+        themeId: input.themeId,
+      }
+    },
+  }),
+
+  generateTheme: tool({
+    description:
+      "Generate and save a custom visual theme. Provide " +
+      "complete light and dark color maps (all 32 keys), " +
+      "fonts, optional Google Font names, and design tokens. " +
+      "All colors must be in oklch() format.",
+    inputSchema: z.object({
+      name: z.string().describe("Theme display name"),
+      description: z.string().describe("Brief theme description"),
+      light: z.record(z.string(), z.string()).describe(
+        "Light mode color map with all 32 ThemeColorKey entries",
+      ),
+      dark: z.record(z.string(), z.string()).describe(
+        "Dark mode color map with all 32 ThemeColorKey entries",
+      ),
+      fonts: z.object({
+        sans: z.string(),
+        serif: z.string(),
+        mono: z.string(),
+      }).describe("CSS font-family strings"),
+      googleFonts: z.array(z.string()).optional().describe(
+        "Google Font names to load (case-sensitive)",
+      ),
+      radius: z.string().optional().describe(
+        "Border radius (e.g. '0.5rem')",
+      ),
+      spacing: z.string().optional().describe(
+        "Base spacing (e.g. '0.25rem')",
+      ),
+    }),
+    execute: async (input: {
+      name: string
+      description: string
+      light: Record<string, string>
+      dark: Record<string, string>
+      fonts: { sans: string; serif: string; mono: string }
+      googleFonts?: ReadonlyArray<string>
+      radius?: string
+      spacing?: string
+    }) => {
+      const user = await getCurrentUser()
+      if (!user) return { error: "not authenticated" }
+
+      // build a full ThemeDefinition for storage
+      const nativePreset = findPreset("native-compass")
+      if (!nativePreset) return { error: "internal error" }
+
+      const tokens: ThemeTokens = {
+        radius: input.radius ?? "0.5rem",
+        spacing: input.spacing ?? "0.25rem",
+        trackingNormal: "0em",
+        shadowColor: "#000000",
+        shadowOpacity: "0.1",
+        shadowBlur: "3px",
+        shadowSpread: "0px",
+        shadowOffsetX: "0",
+        shadowOffsetY: "1px",
+      }
+
+      const defaultShadows: ThemeShadows = {
+        "2xs": "0 1px 3px 0px hsl(0 0% 0% / 0.05)",
+        xs: "0 1px 3px 0px hsl(0 0% 0% / 0.05)",
+        sm: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10)",
+        default: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10)",
+        md: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10)",
+        lg: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10)",
+        xl: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10)",
+        "2xl": "0 1px 3px 0px hsl(0 0% 0% / 0.25)",
+      }
+
+      const theme: ThemeDefinition = {
+        id: "", // will be set by saveCustomTheme
+        name: input.name,
+        description: input.description,
+        light: input.light as unknown as ColorMap,
+        dark: input.dark as unknown as ColorMap,
+        fonts: input.fonts as ThemeFonts,
+        fontSources: {
+          googleFonts: input.googleFonts ?? [],
+        },
+        tokens,
+        shadows: { light: defaultShadows, dark: defaultShadows },
+        isPreset: false,
+        previewColors: {
+          primary: input.light["primary"] ?? "oklch(0.5 0.1 200)",
+          background: input.light["background"] ?? "oklch(0.97 0 0)",
+          foreground: input.light["foreground"] ?? "oklch(0.2 0 0)",
+        },
+      }
+
+      const saveResult = await saveCustomTheme(
+        input.name,
+        input.description,
+        JSON.stringify(theme),
+      )
+      if (!saveResult.success) return { error: saveResult.error }
+
+      const savedTheme = { ...theme, id: saveResult.id }
+
+      return {
+        action: "preview_theme" as const,
+        themeId: saveResult.id,
+        themeData: savedTheme,
+      }
+    },
+  }),
+
+  editTheme: tool({
+    description:
+      "Edit an existing custom theme. Provide the theme ID " +
+      "and only the properties you want to change. " +
+      "Unspecified properties are preserved from the " +
+      "existing theme. Only works on custom themes " +
+      "(not presets).",
+    inputSchema: z.object({
+      themeId: z.string().describe(
+        "ID of existing custom theme to edit",
+      ),
+      name: z.string().optional().describe(
+        "New display name",
+      ),
+      description: z.string().optional().describe(
+        "New description",
+      ),
+      light: z.record(z.string(), z.string()).optional()
+        .describe(
+          "Partial light color overrides " +
+          "(only changed keys)",
+        ),
+      dark: z.record(z.string(), z.string()).optional()
+        .describe(
+          "Partial dark color overrides " +
+          "(only changed keys)",
+        ),
+      fonts: z.object({
+        sans: z.string().optional(),
+        serif: z.string().optional(),
+        mono: z.string().optional(),
+      }).optional().describe(
+        "Partial font overrides",
+      ),
+      googleFonts: z.array(z.string()).optional()
+        .describe("Replace Google Font list"),
+      radius: z.string().optional().describe(
+        "New border radius",
+      ),
+      spacing: z.string().optional().describe(
+        "New base spacing",
+      ),
+    }),
+    execute: async (input: {
+      themeId: string
+      name?: string
+      description?: string
+      light?: Record<string, string>
+      dark?: Record<string, string>
+      fonts?: {
+        sans?: string
+        serif?: string
+        mono?: string
+      }
+      googleFonts?: ReadonlyArray<string>
+      radius?: string
+      spacing?: string
+    }) => {
+      const user = await getCurrentUser()
+      if (!user) return { error: "not authenticated" }
+
+      const existing = await getCustomThemeById(input.themeId)
+      if (!existing.success) {
+        return { error: existing.error }
+      }
+
+      const prev = JSON.parse(
+        existing.data.themeData,
+      ) as ThemeDefinition
+
+      const mergedLight = input.light
+        ? ({ ...prev.light, ...input.light } as unknown as ColorMap)
+        : prev.light
+      const mergedDark = input.dark
+        ? ({ ...prev.dark, ...input.dark } as unknown as ColorMap)
+        : prev.dark
+      const mergedFonts: ThemeFonts = input.fonts
+        ? {
+            sans: input.fonts.sans ?? prev.fonts.sans,
+            serif: input.fonts.serif ?? prev.fonts.serif,
+            mono: input.fonts.mono ?? prev.fonts.mono,
+          }
+        : prev.fonts
+      const mergedTokens: ThemeTokens = {
+        ...prev.tokens,
+        ...(input.radius ? { radius: input.radius } : {}),
+        ...(input.spacing ? { spacing: input.spacing } : {}),
+      }
+      const mergedFontSources = input.googleFonts
+        ? { googleFonts: input.googleFonts }
+        : prev.fontSources
+
+      const name = input.name ?? existing.data.name
+      const description =
+        input.description ?? existing.data.description
+
+      const merged: ThemeDefinition = {
+        ...prev,
+        id: input.themeId,
+        name,
+        description,
+        light: mergedLight,
+        dark: mergedDark,
+        fonts: mergedFonts,
+        fontSources: mergedFontSources,
+        tokens: mergedTokens,
+        previewColors: {
+          primary: mergedLight.primary,
+          background: mergedLight.background,
+          foreground: mergedLight.foreground,
+        },
+      }
+
+      const saveResult = await saveCustomTheme(
+        name,
+        description,
+        JSON.stringify(merged),
+        input.themeId,
+      )
+      if (!saveResult.success) {
+        return { error: saveResult.error }
+      }
+
+      return {
+        action: "preview_theme" as const,
+        themeId: input.themeId,
+        themeData: merged,
+      }
+    },
+  }),
 }
diff --git a/src/lib/theme/apply.ts b/src/lib/theme/apply.ts
new file mode 100755
index 0000000..3a7aeb9
--- /dev/null
+++ b/src/lib/theme/apply.ts
@@ -0,0 +1,91 @@
+import type { ThemeDefinition, ThemeColorKey } from "./types"
+import { loadGoogleFonts } from "./fonts"
+
+const STYLE_ID = "compass-theme-vars"
+
+const COLOR_KEYS: ReadonlyArray<ThemeColorKey> = [
+  "background", "foreground", "card", "card-foreground",
+  "popover", "popover-foreground", "primary", "primary-foreground",
+  "secondary", "secondary-foreground", "muted", "muted-foreground",
+  "accent", "accent-foreground", "destructive", "destructive-foreground",
+  "border", "input", "ring",
+  "chart-1", "chart-2", "chart-3", "chart-4", "chart-5",
+  "sidebar", "sidebar-foreground", "sidebar-primary",
+  "sidebar-primary-foreground", "sidebar-accent",
+  "sidebar-accent-foreground", "sidebar-border", "sidebar-ring",
+]
+
+function buildColorBlock(
+  colors: Readonly<Record<ThemeColorKey, string>>,
+): string {
+  return COLOR_KEYS
+    .map((key) => `  --${key}: ${colors[key]};`)
+    .join("\n")
+}
+
+function buildTokenBlock(theme: ThemeDefinition): string {
+  const t = theme.tokens
+  return [
+    `  --radius: ${t.radius};`,
+    `  --spacing: ${t.spacing};`,
+    `  --tracking-normal: ${t.trackingNormal};`,
+    `  --shadow-color: ${t.shadowColor};`,
+    `  --shadow-opacity: ${t.shadowOpacity};`,
+    `  --shadow-blur: ${t.shadowBlur};`,
+    `  --shadow-spread: ${t.shadowSpread};`,
+    `  --shadow-offset-x: ${t.shadowOffsetX};`,
+    `  --shadow-offset-y: ${t.shadowOffsetY};`,
+    `  --font-sans: ${theme.fonts.sans};`,
+    `  --font-serif: ${theme.fonts.serif};`,
+    `  --font-mono: ${theme.fonts.mono};`,
+  ].join("\n")
+}
+
+function buildShadowBlock(
+  shadows: ThemeDefinition["shadows"]["light"],
+): string {
+  return [
+    `  --shadow-2xs: ${shadows["2xs"]};`,
+    `  --shadow-xs: ${shadows.xs};`,
+    `  --shadow-sm: ${shadows.sm};`,
+    `  --shadow: ${shadows.default};`,
+    `  --shadow-md: ${shadows.md};`,
+    `  --shadow-lg: ${shadows.lg};`,
+    `  --shadow-xl: ${shadows.xl};`,
+    `  --shadow-2xl: ${shadows["2xl"]};`,
+  ].join("\n")
+}
+
+export function applyTheme(theme: ThemeDefinition): void {
+  const lightCSS = [
+    buildColorBlock(theme.light),
+    buildTokenBlock(theme),
+    buildShadowBlock(theme.shadows.light),
+  ].join("\n")
+
+  const darkCSS = [
+    buildColorBlock(theme.dark),
+    buildTokenBlock(theme),
+    buildShadowBlock(theme.shadows.dark),
+  ].join("\n")
+
+  const css =
+    `:root {\n${lightCSS}\n}\n.dark {\n${darkCSS}\n}`
+
+  let el = document.getElementById(STYLE_ID)
+  if (!el) {
+    el = document.createElement("style")
+    el.id = STYLE_ID
+    document.head.appendChild(el)
+  }
+  el.textContent = css
+
+  if (theme.fontSources.googleFonts.length > 0) {
+    loadGoogleFonts(theme.fontSources.googleFonts)
+  }
+}
+
+export function removeThemeOverride(): void {
+  const el = document.getElementById(STYLE_ID)
+  if (el) el.remove()
+}
diff --git a/src/lib/theme/fonts.ts b/src/lib/theme/fonts.ts
new file mode 100755
index 0000000..e212b80
--- /dev/null
+++ b/src/lib/theme/fonts.ts
@@ -0,0 +1,29 @@
+const loadedFonts = new Set<string>()
+
+export function loadGoogleFonts(
+  fonts: ReadonlyArray<string>,
+): void {
+  const toLoad = fonts.filter((f) => !loadedFonts.has(f))
+  if (toLoad.length === 0) return
+
+  for (const font of toLoad) {
+    loadedFonts.add(font)
+  }
+
+  const families = toLoad
+    .map((f) => `family=${f.replace(/ /g, "+")}:wght@300;400;500;600;700`)
+    .join("&")
+
+  const href =
+    `https://fonts.googleapis.com/css2?${families}&display=swap`
+
+  const existing = document.querySelector(
+    `link[href="${href}"]`,
+  )
+  if (existing) return
+
+  const link = document.createElement("link")
+  link.rel = "stylesheet"
+  link.href = href
+  document.head.appendChild(link)
+}
diff --git a/src/lib/theme/index.ts b/src/lib/theme/index.ts
new file mode 100755
index 0000000..1d8f416
--- /dev/null
+++ b/src/lib/theme/index.ts
@@ -0,0 +1,19 @@
+export type {
+  ThemeColorKey,
+  ColorMap,
+  ThemeFonts,
+  ThemeTokens,
+  ThemeShadows,
+  ThemePreviewColors,
+  ThemeDefinition,
+} from "./types"
+
+export {
+  THEME_PRESETS,
+  DEFAULT_THEME_ID,
+  findPreset,
+} from "./presets"
+
+export { applyTheme, removeThemeOverride } from "./apply"
+export { applyThemeAnimated } from "./transition"
+export { loadGoogleFonts } from "./fonts"
diff --git a/src/lib/theme/presets.ts b/src/lib/theme/presets.ts
new file mode 100755
index 0000000..58098f1
--- /dev/null
+++ b/src/lib/theme/presets.ts
@@ -0,0 +1,1211 @@
+import type { ThemeDefinition } from "./types"
+
+export const DEFAULT_THEME_ID = "native-compass"
+
+export const THEME_PRESETS: ReadonlyArray<ThemeDefinition> = [
+  {
+    id: "native-compass",
+    name: "Native Compass",
+    description: "The default teal-forward construction palette",
+    light: {
+      "background": "oklch(0.9818 0.0054 95.0986)",
+      "foreground": "oklch(0.3438 0.0269 95.7226)",
+      "card": "oklch(0.9818 0.0054 95.0986)",
+      "card-foreground": "oklch(0.1908 0.0020 106.5859)",
+      "popover": "oklch(1.0000 0 0)",
+      "popover-foreground": "oklch(0.2671 0.0196 98.9390)",
+      "primary": "oklch(0.6671 0.0935 170.4436)",
+      "primary-foreground": "oklch(1.0000 0 0)",
+      "secondary": "oklch(0.9245 0.0138 92.9892)",
+      "secondary-foreground": "oklch(0.6010 0.1305 162.6575)",
+      "muted": "oklch(0.9369 0.0124 91.5218)",
+      "muted-foreground": "oklch(0.4866 0.0160 145.3235)",
+      "accent": "oklch(0.7722 0.0508 173.4329)",
+      "accent-foreground": "oklch(0.2891 0 0)",
+      "destructive": "oklch(0.6507 0.1836 39.0189)",
+      "destructive-foreground": "oklch(0.8429 0.1511 88.3005)",
+      "border": "oklch(0.8847 0.0069 97.3627)",
+      "input": "oklch(0.7621 0.0156 98.3528)",
+      "ring": "oklch(0.6507 0.1836 39.0189)",
+      "chart-1": "oklch(0.4340 0.0754 168.1984)",
+      "chart-2": "oklch(0.3821 0.0407 166.3004)",
+      "chart-3": "oklch(0.8429 0.1511 88.3005)",
+      "chart-4": "oklch(0.6507 0.1836 39.0189)",
+      "chart-5": "oklch(0.3980 0.0700 227.3920)",
+      "sidebar": "oklch(0.5751 0.0729 170.9439)",
+      "sidebar-foreground": "oklch(0.9688 0.0066 106.5223)",
+      "sidebar-primary": "oklch(0.7722 0.0508 173.4329)",
+      "sidebar-primary-foreground": "oklch(0.9881 0 0)",
+      "sidebar-accent": "oklch(0.6671 0.0935 170.4436)",
+      "sidebar-accent-foreground": "oklch(1.0000 0 0)",
+      "sidebar-border": "oklch(0 0 0)",
+      "sidebar-ring": "oklch(0 0 0)",
+    },
+    dark: {
+      "background": "oklch(0.2178 0 0)",
+      "foreground": "oklch(0.9300 0.0080 93.0137)",
+      "card": "oklch(0.2679 0.0036 106.6427)",
+      "card-foreground": "oklch(0.9818 0.0054 95.0986)",
+      "popover": "oklch(0.3085 0.0035 106.6039)",
+      "popover-foreground": "oklch(0.9211 0.0040 106.4781)",
+      "primary": "oklch(0.6671 0.0935 170.4436)",
+      "primary-foreground": "oklch(0 0 0)",
+      "secondary": "oklch(0.9245 0.0138 92.9892)",
+      "secondary-foreground": "oklch(0.6714 0.1207 167.7754)",
+      "muted": "oklch(0.2561 0.0071 145.3653)",
+      "muted-foreground": "oklch(0.8200 0.0120 99.0657)",
+      "accent": "oklch(0.7722 0.0508 173.4329)",
+      "accent-foreground": "oklch(0 0 0)",
+      "destructive": "oklch(0.6507 0.1836 39.0189)",
+      "destructive-foreground": "oklch(1.0000 0 0)",
+      "border": "oklch(0.2809 0 0)",
+      "input": "oklch(0.6551 0.0198 142.7714)",
+      "ring": "oklch(0.6507 0.1836 39.0189)",
+      "chart-1": "oklch(0.6714 0.1207 167.7754)",
+      "chart-2": "oklch(0.6979 0.0567 64.8386)",
+      "chart-3": "oklch(0.8429 0.1511 88.3005)",
+      "chart-4": "oklch(0.6507 0.1836 39.0189)",
+      "chart-5": "oklch(0.3980 0.0700 227.3920)",
+      "sidebar": "oklch(0.5144 0.0448 173.4372)",
+      "sidebar-foreground": "oklch(0.8074 0.0142 93.0137)",
+      "sidebar-primary": "oklch(0.7722 0.0508 173.4329)",
+      "sidebar-primary-foreground": "oklch(0.9881 0 0)",
+      "sidebar-accent": "oklch(0.6671 0.0935 170.4436)",
+      "sidebar-accent-foreground": "oklch(0 0 0)",
+      "sidebar-border": "oklch(0.9401 0 0)",
+      "sidebar-ring": "oklch(0.7731 0 0)",
+    },
+    fonts: {
+      sans: "Sora, ui-sans-serif, sans-serif, system-ui",
+      serif: "Playfair Display, ui-serif, serif",
+      mono: "Space Grotesk, ui-sans-serif, sans-serif, system-ui",
+    },
+    fontSources: { googleFonts: [] },
+    tokens: {
+      radius: "1.575rem",
+      spacing: "0.3rem",
+      trackingNormal: "0em",
+      shadowColor: "#000000",
+      shadowOpacity: "0.8",
+      shadowBlur: "8px",
+      shadowSpread: "-4px",
+      shadowOffsetX: "0px",
+      shadowOffsetY: "0px",
+    },
+    shadows: {
+      light: {
+        "2xs": "0px 0px 8px -4px hsl(0 0% 0% / 0.40)",
+        xs: "0px 0px 8px -4px hsl(0 0% 0% / 0.40)",
+        sm: "0px 0px 8px -4px hsl(0 0% 0% / 0.80), 0px 1px 2px -5px hsl(0 0% 0% / 0.80)",
+        default: "0px 0px 8px -4px hsl(0 0% 0% / 0.80), 0px 1px 2px -5px hsl(0 0% 0% / 0.80)",
+        md: "0px 0px 8px -4px hsl(0 0% 0% / 0.80), 0px 2px 4px -5px hsl(0 0% 0% / 0.80)",
+        lg: "0px 0px 8px -4px hsl(0 0% 0% / 0.80), 0px 4px 6px -5px hsl(0 0% 0% / 0.80)",
+        xl: "0px 0px 8px -4px hsl(0 0% 0% / 0.80), 0px 8px 10px -5px hsl(0 0% 0% / 0.80)",
+        "2xl": "0px 0px 8px -4px hsl(0 0% 0% / 2.00)",
+      },
+      dark: {
+        "2xs": "0px 0px 8px -4px hsl(0 0% 0% / 0.40)",
+        xs: "0px 0px 8px -4px hsl(0 0% 0% / 0.40)",
+        sm: "0px 0px 8px -4px hsl(0 0% 0% / 0.80), 0px 1px 2px -5px hsl(0 0% 0% / 0.80)",
+        default: "0px 0px 8px -4px hsl(0 0% 0% / 0.80), 0px 1px 2px -5px hsl(0 0% 0% / 0.80)",
+        md: "0px 0px 8px -4px hsl(0 0% 0% / 0.80), 0px 2px 4px -5px hsl(0 0% 0% / 0.80)",
+        lg: "0px 0px 8px -4px hsl(0 0% 0% / 0.80), 0px 4px 6px -5px hsl(0 0% 0% / 0.80)",
+        xl: "0px 0px 8px -4px hsl(0 0% 0% / 0.80), 0px 8px 10px -5px hsl(0 0% 0% / 0.80)",
+        "2xl": "0px 0px 8px -4px hsl(0 0% 0% / 2.00)",
+      },
+    },
+    isPreset: true,
+    previewColors: {
+      primary: "oklch(0.6671 0.0935 170.4436)",
+      background: "oklch(0.9818 0.0054 95.0986)",
+      foreground: "oklch(0.3438 0.0269 95.7226)",
+    },
+  },
+
+  {
+    id: "corpo",
+    name: "Corpo",
+    description: "Clean, professional blue palette for corporate environments",
+    light: {
+      "background": "oklch(1.0000 0 0)",
+      "foreground": "oklch(0.3211 0 0)",
+      "card": "oklch(1.0000 0 0)",
+      "card-foreground": "oklch(0.3211 0 0)",
+      "popover": "oklch(1.0000 0 0)",
+      "popover-foreground": "oklch(0.3211 0 0)",
+      "primary": "oklch(0.6231 0.1880 259.8145)",
+      "primary-foreground": "oklch(1.0000 0 0)",
+      "secondary": "oklch(0.9670 0.0029 264.5419)",
+      "secondary-foreground": "oklch(0.4461 0.0263 256.8018)",
+      "muted": "oklch(0.9846 0.0017 247.8389)",
+      "muted-foreground": "oklch(0.5510 0.0234 264.3637)",
+      "accent": "oklch(0.9514 0.0250 236.8242)",
+      "accent-foreground": "oklch(0.3791 0.1378 265.5222)",
+      "destructive": "oklch(0.6368 0.2078 25.3313)",
+      "destructive-foreground": "oklch(1.0000 0 0)",
+      "border": "oklch(0.9276 0.0058 264.5313)",
+      "input": "oklch(0.9276 0.0058 264.5313)",
+      "ring": "oklch(0.6231 0.1880 259.8145)",
+      "chart-1": "oklch(0.6231 0.1880 259.8145)",
+      "chart-2": "oklch(0.5461 0.2152 262.8809)",
+      "chart-3": "oklch(0.4882 0.2172 264.3763)",
+      "chart-4": "oklch(0.4244 0.1809 265.6377)",
+      "chart-5": "oklch(0.3791 0.1378 265.5222)",
+      "sidebar": "oklch(0.9846 0.0017 247.8389)",
+      "sidebar-foreground": "oklch(0.3211 0 0)",
+      "sidebar-primary": "oklch(0.6231 0.1880 259.8145)",
+      "sidebar-primary-foreground": "oklch(1.0000 0 0)",
+      "sidebar-accent": "oklch(0.9514 0.0250 236.8242)",
+      "sidebar-accent-foreground": "oklch(0.3791 0.1378 265.5222)",
+      "sidebar-border": "oklch(0.9276 0.0058 264.5313)",
+      "sidebar-ring": "oklch(0.6231 0.1880 259.8145)",
+    },
+    dark: {
+      "background": "oklch(0.2046 0 0)",
+      "foreground": "oklch(0.9219 0 0)",
+      "card": "oklch(0.2686 0 0)",
+      "card-foreground": "oklch(0.9219 0 0)",
+      "popover": "oklch(0.2686 0 0)",
+      "popover-foreground": "oklch(0.9219 0 0)",
+      "primary": "oklch(0.6231 0.1880 259.8145)",
+      "primary-foreground": "oklch(1.0000 0 0)",
+      "secondary": "oklch(0.2686 0 0)",
+      "secondary-foreground": "oklch(0.9219 0 0)",
+      "muted": "oklch(0.2393 0 0)",
+      "muted-foreground": "oklch(0.7155 0 0)",
+      "accent": "oklch(0.3791 0.1378 265.5222)",
+      "accent-foreground": "oklch(0.8823 0.0571 254.1284)",
+      "destructive": "oklch(0.6368 0.2078 25.3313)",
+      "destructive-foreground": "oklch(1.0000 0 0)",
+      "border": "oklch(0.3715 0 0)",
+      "input": "oklch(0.3715 0 0)",
+      "ring": "oklch(0.6231 0.1880 259.8145)",
+      "chart-1": "oklch(0.7137 0.1434 254.6240)",
+      "chart-2": "oklch(0.6231 0.1880 259.8145)",
+      "chart-3": "oklch(0.5461 0.2152 262.8809)",
+      "chart-4": "oklch(0.4882 0.2172 264.3763)",
+      "chart-5": "oklch(0.4244 0.1809 265.6377)",
+      "sidebar": "oklch(0.2046 0 0)",
+      "sidebar-foreground": "oklch(0.9219 0 0)",
+      "sidebar-primary": "oklch(0.6231 0.1880 259.8145)",
+      "sidebar-primary-foreground": "oklch(1.0000 0 0)",
+      "sidebar-accent": "oklch(0.3791 0.1378 265.5222)",
+      "sidebar-accent-foreground": "oklch(0.8823 0.0571 254.1284)",
+      "sidebar-border": "oklch(0.3715 0 0)",
+      "sidebar-ring": "oklch(0.6231 0.1880 259.8145)",
+    },
+    fonts: {
+      sans: "Inter, sans-serif",
+      serif: "Source Serif 4, serif",
+      mono: "JetBrains Mono, monospace",
+    },
+    fontSources: {
+      googleFonts: ["Inter", "Source Serif 4", "JetBrains Mono"],
+    },
+    tokens: {
+      radius: "0.375rem",
+      spacing: "0.25rem",
+      trackingNormal: "0em",
+      shadowColor: "oklch(0 0 0)",
+      shadowOpacity: "0.1",
+      shadowBlur: "3px",
+      shadowSpread: "0px",
+      shadowOffsetX: "0",
+      shadowOffsetY: "1px",
+    },
+    shadows: {
+      light: {
+        "2xs": "0 1px 3px 0px hsl(0 0% 0% / 0.05)",
+        xs: "0 1px 3px 0px hsl(0 0% 0% / 0.05)",
+        sm: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10)",
+        default: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10)",
+        md: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10)",
+        lg: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10)",
+        xl: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10)",
+        "2xl": "0 1px 3px 0px hsl(0 0% 0% / 0.25)",
+      },
+      dark: {
+        "2xs": "0 1px 3px 0px hsl(0 0% 0% / 0.05)",
+        xs: "0 1px 3px 0px hsl(0 0% 0% / 0.05)",
+        sm: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10)",
+        default: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10)",
+        md: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10)",
+        lg: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10)",
+        xl: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10)",
+        "2xl": "0 1px 3px 0px hsl(0 0% 0% / 0.25)",
+      },
+    },
+    isPreset: true,
+    previewColors: {
+      primary: "oklch(0.6231 0.1880 259.8145)",
+      background: "oklch(1.0000 0 0)",
+      foreground: "oklch(0.3211 0 0)",
+    },
+  },
+
+  {
+    id: "notebook",
+    name: "Notebook",
+    description: "Warm, handwritten feel with sketchy aesthetics",
+    light: {
+      "background": "oklch(0.9821 0 0)",
+      "foreground": "oklch(0.3485 0 0)",
+      "card": "oklch(1.0000 0 0)",
+      "card-foreground": "oklch(0.3485 0 0)",
+      "popover": "oklch(1.0000 0 0)",
+      "popover-foreground": "oklch(0.3485 0 0)",
+      "primary": "oklch(0.4891 0 0)",
+      "primary-foreground": "oklch(0.9551 0 0)",
+      "secondary": "oklch(0.9006 0 0)",
+      "secondary-foreground": "oklch(0.3485 0 0)",
+      "muted": "oklch(0.9158 0 0)",
+      "muted-foreground": "oklch(0.4313 0 0)",
+      "accent": "oklch(0.9354 0.0456 94.8549)",
+      "accent-foreground": "oklch(0.4015 0.0436 37.9587)",
+      "destructive": "oklch(0.6627 0.0978 20.0041)",
+      "destructive-foreground": "oklch(1.0000 0 0)",
+      "border": "oklch(0.5538 0.0025 17.2320)",
+      "input": "oklch(1.0000 0 0)",
+      "ring": "oklch(0.7058 0 0)",
+      "chart-1": "oklch(0.3211 0 0)",
+      "chart-2": "oklch(0.4495 0 0)",
+      "chart-3": "oklch(0.5693 0 0)",
+      "chart-4": "oklch(0.6830 0 0)",
+      "chart-5": "oklch(0.7921 0 0)",
+      "sidebar": "oklch(0.9551 0 0)",
+      "sidebar-foreground": "oklch(0.3485 0 0)",
+      "sidebar-primary": "oklch(0.4891 0 0)",
+      "sidebar-primary-foreground": "oklch(0.9551 0 0)",
+      "sidebar-accent": "oklch(0.9354 0.0456 94.8549)",
+      "sidebar-accent-foreground": "oklch(0.4015 0.0436 37.9587)",
+      "sidebar-border": "oklch(0.8078 0 0)",
+      "sidebar-ring": "oklch(0.7058 0 0)",
+    },
+    dark: {
+      "background": "oklch(0.2891 0 0)",
+      "foreground": "oklch(0.8945 0 0)",
+      "card": "oklch(0.3211 0 0)",
+      "card-foreground": "oklch(0.8945 0 0)",
+      "popover": "oklch(0.3211 0 0)",
+      "popover-foreground": "oklch(0.8945 0 0)",
+      "primary": "oklch(0.7572 0 0)",
+      "primary-foreground": "oklch(0.2891 0 0)",
+      "secondary": "oklch(0.4676 0 0)",
+      "secondary-foreground": "oklch(0.8078 0 0)",
+      "muted": "oklch(0.3904 0 0)",
+      "muted-foreground": "oklch(0.7058 0 0)",
+      "accent": "oklch(0.9067 0 0)",
+      "accent-foreground": "oklch(0.3211 0 0)",
+      "destructive": "oklch(0.7915 0.0491 18.2410)",
+      "destructive-foreground": "oklch(0.2891 0 0)",
+      "border": "oklch(0.4276 0 0)",
+      "input": "oklch(0.3211 0 0)",
+      "ring": "oklch(0.8078 0 0)",
+      "chart-1": "oklch(0.9521 0 0)",
+      "chart-2": "oklch(0.8576 0 0)",
+      "chart-3": "oklch(0.7572 0 0)",
+      "chart-4": "oklch(0.6534 0 0)",
+      "chart-5": "oklch(0.5452 0 0)",
+      "sidebar": "oklch(0.2478 0 0)",
+      "sidebar-foreground": "oklch(0.8945 0 0)",
+      "sidebar-primary": "oklch(0.7572 0 0)",
+      "sidebar-primary-foreground": "oklch(0.2478 0 0)",
+      "sidebar-accent": "oklch(0.9067 0 0)",
+      "sidebar-accent-foreground": "oklch(0.3211 0 0)",
+      "sidebar-border": "oklch(0.4276 0 0)",
+      "sidebar-ring": "oklch(0.8078 0 0)",
+    },
+    fonts: {
+      sans: "Architects Daughter, sans-serif",
+      serif: "Times New Roman, Times, serif",
+      mono: "Courier New, Courier, monospace",
+    },
+    fontSources: { googleFonts: ["Architects Daughter"] },
+    tokens: {
+      radius: "0.625rem",
+      spacing: "0.25rem",
+      trackingNormal: "0.5px",
+      shadowColor: "#000000",
+      shadowOpacity: "0.03",
+      shadowBlur: "5px",
+      shadowSpread: "0px",
+      shadowOffsetX: "1px",
+      shadowOffsetY: "4px",
+    },
+    shadows: {
+      light: {
+        "2xs": "1px 4px 5px 0px hsl(0 0% 0% / 0.01)",
+        xs: "1px 4px 5px 0px hsl(0 0% 0% / 0.01)",
+        sm: "1px 4px 5px 0px hsl(0 0% 0% / 0.03), 1px 1px 2px -1px hsl(0 0% 0% / 0.03)",
+        default: "1px 4px 5px 0px hsl(0 0% 0% / 0.03), 1px 1px 2px -1px hsl(0 0% 0% / 0.03)",
+        md: "1px 4px 5px 0px hsl(0 0% 0% / 0.03), 1px 2px 4px -1px hsl(0 0% 0% / 0.03)",
+        lg: "1px 4px 5px 0px hsl(0 0% 0% / 0.03), 1px 4px 6px -1px hsl(0 0% 0% / 0.03)",
+        xl: "1px 4px 5px 0px hsl(0 0% 0% / 0.03), 1px 8px 10px -1px hsl(0 0% 0% / 0.03)",
+        "2xl": "1px 4px 5px 0px hsl(0 0% 0% / 0.07)",
+      },
+      dark: {
+        "2xs": "1px 4px 5px 0px hsl(0 0% 0% / 0.01)",
+        xs: "1px 4px 5px 0px hsl(0 0% 0% / 0.01)",
+        sm: "1px 4px 5px 0px hsl(0 0% 0% / 0.03), 1px 1px 2px -1px hsl(0 0% 0% / 0.03)",
+        default: "1px 4px 5px 0px hsl(0 0% 0% / 0.03), 1px 1px 2px -1px hsl(0 0% 0% / 0.03)",
+        md: "1px 4px 5px 0px hsl(0 0% 0% / 0.03), 1px 2px 4px -1px hsl(0 0% 0% / 0.03)",
+        lg: "1px 4px 5px 0px hsl(0 0% 0% / 0.03), 1px 4px 6px -1px hsl(0 0% 0% / 0.03)",
+        xl: "1px 4px 5px 0px hsl(0 0% 0% / 0.03), 1px 8px 10px -1px hsl(0 0% 0% / 0.03)",
+        "2xl": "1px 4px 5px 0px hsl(0 0% 0% / 0.07)",
+      },
+    },
+    isPreset: true,
+    previewColors: {
+      primary: "oklch(0.4891 0 0)",
+      background: "oklch(0.9821 0 0)",
+      foreground: "oklch(0.3485 0 0)",
+    },
+  },
+
+  {
+    id: "doom-64",
+    name: "Doom 64",
+    description: "Gritty, industrial palette with sharp edges and no mercy",
+    light: {
+      "background": "oklch(0.8452 0 0)",
+      "foreground": "oklch(0.2393 0 0)",
+      "card": "oklch(0.7572 0 0)",
+      "card-foreground": "oklch(0.2393 0 0)",
+      "popover": "oklch(0.7572 0 0)",
+      "popover-foreground": "oklch(0.2393 0 0)",
+      "primary": "oklch(0.5016 0.1887 27.4816)",
+      "primary-foreground": "oklch(1.0000 0 0)",
+      "secondary": "oklch(0.4955 0.0896 126.1858)",
+      "secondary-foreground": "oklch(1.0000 0 0)",
+      "muted": "oklch(0.7826 0 0)",
+      "muted-foreground": "oklch(0.4091 0 0)",
+      "accent": "oklch(0.5880 0.0993 245.7394)",
+      "accent-foreground": "oklch(1.0000 0 0)",
+      "destructive": "oklch(0.7076 0.1975 46.4558)",
+      "destructive-foreground": "oklch(0 0 0)",
+      "border": "oklch(0.4313 0 0)",
+      "input": "oklch(0.4313 0 0)",
+      "ring": "oklch(0.5016 0.1887 27.4816)",
+      "chart-1": "oklch(0.5016 0.1887 27.4816)",
+      "chart-2": "oklch(0.4955 0.0896 126.1858)",
+      "chart-3": "oklch(0.5880 0.0993 245.7394)",
+      "chart-4": "oklch(0.7076 0.1975 46.4558)",
+      "chart-5": "oklch(0.5656 0.0431 40.4319)",
+      "sidebar": "oklch(0.7572 0 0)",
+      "sidebar-foreground": "oklch(0.2393 0 0)",
+      "sidebar-primary": "oklch(0.5016 0.1887 27.4816)",
+      "sidebar-primary-foreground": "oklch(1.0000 0 0)",
+      "sidebar-accent": "oklch(0.5880 0.0993 245.7394)",
+      "sidebar-accent-foreground": "oklch(1.0000 0 0)",
+      "sidebar-border": "oklch(0.4313 0 0)",
+      "sidebar-ring": "oklch(0.5016 0.1887 27.4816)",
+    },
+    dark: {
+      "background": "oklch(0.2178 0 0)",
+      "foreground": "oklch(0.9067 0 0)",
+      "card": "oklch(0.2850 0 0)",
+      "card-foreground": "oklch(0.9067 0 0)",
+      "popover": "oklch(0.2850 0 0)",
+      "popover-foreground": "oklch(0.9067 0 0)",
+      "primary": "oklch(0.6083 0.2090 27.0276)",
+      "primary-foreground": "oklch(1.0000 0 0)",
+      "secondary": "oklch(0.6423 0.1467 133.0145)",
+      "secondary-foreground": "oklch(0 0 0)",
+      "muted": "oklch(0.2645 0 0)",
+      "muted-foreground": "oklch(0.7058 0 0)",
+      "accent": "oklch(0.7482 0.1235 244.7492)",
+      "accent-foreground": "oklch(0 0 0)",
+      "destructive": "oklch(0.7839 0.1719 68.0943)",
+      "destructive-foreground": "oklch(0 0 0)",
+      "border": "oklch(0.4091 0 0)",
+      "input": "oklch(0.4091 0 0)",
+      "ring": "oklch(0.6083 0.2090 27.0276)",
+      "chart-1": "oklch(0.6083 0.2090 27.0276)",
+      "chart-2": "oklch(0.6423 0.1467 133.0145)",
+      "chart-3": "oklch(0.7482 0.1235 244.7492)",
+      "chart-4": "oklch(0.7839 0.1719 68.0943)",
+      "chart-5": "oklch(0.6471 0.0334 40.7963)",
+      "sidebar": "oklch(0.1913 0 0)",
+      "sidebar-foreground": "oklch(0.9067 0 0)",
+      "sidebar-primary": "oklch(0.6083 0.2090 27.0276)",
+      "sidebar-primary-foreground": "oklch(1.0000 0 0)",
+      "sidebar-accent": "oklch(0.7482 0.1235 244.7492)",
+      "sidebar-accent-foreground": "oklch(0 0 0)",
+      "sidebar-border": "oklch(0.4091 0 0)",
+      "sidebar-ring": "oklch(0.6083 0.2090 27.0276)",
+    },
+    fonts: {
+      sans: "Oxanium, sans-serif",
+      serif: "ui-serif, Georgia, Cambria, Times New Roman, Times, serif",
+      mono: "Source Code Pro, monospace",
+    },
+    fontSources: { googleFonts: ["Oxanium", "Source Code Pro"] },
+    tokens: {
+      radius: "0px",
+      spacing: "0.25rem",
+      trackingNormal: "0em",
+      shadowColor: "hsl(0 0% 0%)",
+      shadowOpacity: "0.4",
+      shadowBlur: "4px",
+      shadowSpread: "0px",
+      shadowOffsetX: "0px",
+      shadowOffsetY: "2px",
+    },
+    shadows: {
+      light: {
+        "2xs": "0px 2px 4px 0px hsl(0 0% 0% / 0.20)",
+        xs: "0px 2px 4px 0px hsl(0 0% 0% / 0.20)",
+        sm: "0px 2px 4px 0px hsl(0 0% 0% / 0.40), 0px 1px 2px -1px hsl(0 0% 0% / 0.40)",
+        default: "0px 2px 4px 0px hsl(0 0% 0% / 0.40), 0px 1px 2px -1px hsl(0 0% 0% / 0.40)",
+        md: "0px 2px 4px 0px hsl(0 0% 0% / 0.40), 0px 2px 4px -1px hsl(0 0% 0% / 0.40)",
+        lg: "0px 2px 4px 0px hsl(0 0% 0% / 0.40), 0px 4px 6px -1px hsl(0 0% 0% / 0.40)",
+        xl: "0px 2px 4px 0px hsl(0 0% 0% / 0.40), 0px 8px 10px -1px hsl(0 0% 0% / 0.40)",
+        "2xl": "0px 2px 4px 0px hsl(0 0% 0% / 1.00)",
+      },
+      dark: {
+        "2xs": "0px 2px 5px 0px hsl(0 0% 0% / 0.30)",
+        xs: "0px 2px 5px 0px hsl(0 0% 0% / 0.30)",
+        sm: "0px 2px 5px 0px hsl(0 0% 0% / 0.60), 0px 1px 2px -1px hsl(0 0% 0% / 0.60)",
+        default: "0px 2px 5px 0px hsl(0 0% 0% / 0.60), 0px 1px 2px -1px hsl(0 0% 0% / 0.60)",
+        md: "0px 2px 5px 0px hsl(0 0% 0% / 0.60), 0px 2px 4px -1px hsl(0 0% 0% / 0.60)",
+        lg: "0px 2px 5px 0px hsl(0 0% 0% / 0.60), 0px 4px 6px -1px hsl(0 0% 0% / 0.60)",
+        xl: "0px 2px 5px 0px hsl(0 0% 0% / 0.60), 0px 8px 10px -1px hsl(0 0% 0% / 0.60)",
+        "2xl": "0px 2px 5px 0px hsl(0 0% 0% / 1.50)",
+      },
+    },
+    isPreset: true,
+    previewColors: {
+      primary: "oklch(0.5016 0.1887 27.4816)",
+      background: "oklch(0.8452 0 0)",
+      foreground: "oklch(0.2393 0 0)",
+    },
+  },
+
+  {
+    id: "bubblegum",
+    name: "Bubblegum",
+    description: "Playful pink and pastel palette with pop art shadows",
+    light: {
+      "background": "oklch(0.9399 0.0203 345.6985)",
+      "foreground": "oklch(0.4712 0 0)",
+      "card": "oklch(0.9498 0.0500 86.8891)",
+      "card-foreground": "oklch(0.4712 0 0)",
+      "popover": "oklch(1.0000 0 0)",
+      "popover-foreground": "oklch(0.4712 0 0)",
+      "primary": "oklch(0.6209 0.1801 348.1385)",
+      "primary-foreground": "oklch(1.0000 0 0)",
+      "secondary": "oklch(0.8095 0.0694 198.1863)",
+      "secondary-foreground": "oklch(0.3211 0 0)",
+      "muted": "oklch(0.8800 0.0504 212.0952)",
+      "muted-foreground": "oklch(0.5795 0 0)",
+      "accent": "oklch(0.9195 0.0801 87.6670)",
+      "accent-foreground": "oklch(0.3211 0 0)",
+      "destructive": "oklch(0.7091 0.1697 21.9551)",
+      "destructive-foreground": "oklch(1.0000 0 0)",
+      "border": "oklch(0.6209 0.1801 348.1385)",
+      "input": "oklch(0.9189 0 0)",
+      "ring": "oklch(0.7002 0.1597 350.7532)",
+      "chart-1": "oklch(0.7002 0.1597 350.7532)",
+      "chart-2": "oklch(0.8189 0.0799 212.0892)",
+      "chart-3": "oklch(0.9195 0.0801 87.6670)",
+      "chart-4": "oklch(0.7998 0.1110 348.1791)",
+      "chart-5": "oklch(0.6197 0.1899 353.9091)",
+      "sidebar": "oklch(0.9140 0.0424 343.0913)",
+      "sidebar-foreground": "oklch(0.3211 0 0)",
+      "sidebar-primary": "oklch(0.6559 0.2118 354.3084)",
+      "sidebar-primary-foreground": "oklch(1.0000 0 0)",
+      "sidebar-accent": "oklch(0.8228 0.1095 346.0184)",
+      "sidebar-accent-foreground": "oklch(0.3211 0 0)",
+      "sidebar-border": "oklch(0.9464 0.0327 307.1745)",
+      "sidebar-ring": "oklch(0.6559 0.2118 354.3084)",
+    },
+    dark: {
+      "background": "oklch(0.2497 0.0305 234.1628)",
+      "foreground": "oklch(0.9306 0.0197 349.0785)",
+      "card": "oklch(0.2902 0.0299 233.5352)",
+      "card-foreground": "oklch(0.9306 0.0197 349.0785)",
+      "popover": "oklch(0.2902 0.0299 233.5352)",
+      "popover-foreground": "oklch(0.9306 0.0197 349.0785)",
+      "primary": "oklch(0.9195 0.0801 87.6670)",
+      "primary-foreground": "oklch(0.2497 0.0305 234.1628)",
+      "secondary": "oklch(0.7794 0.0803 4.1330)",
+      "secondary-foreground": "oklch(0.2497 0.0305 234.1628)",
+      "muted": "oklch(0.2713 0.0086 255.5780)",
+      "muted-foreground": "oklch(0.7794 0.0803 4.1330)",
+      "accent": "oklch(0.6699 0.0988 356.9762)",
+      "accent-foreground": "oklch(0.9306 0.0197 349.0785)",
+      "destructive": "oklch(0.6702 0.1806 350.3599)",
+      "destructive-foreground": "oklch(0.2497 0.0305 234.1628)",
+      "border": "oklch(0.3907 0.0399 242.2181)",
+      "input": "oklch(0.3093 0.0305 232.0027)",
+      "ring": "oklch(0.6998 0.0896 201.8672)",
+      "chart-1": "oklch(0.6998 0.0896 201.8672)",
+      "chart-2": "oklch(0.7794 0.0803 4.1330)",
+      "chart-3": "oklch(0.6699 0.0988 356.9762)",
+      "chart-4": "oklch(0.4408 0.0702 217.0848)",
+      "chart-5": "oklch(0.2713 0.0086 255.5780)",
+      "sidebar": "oklch(0.2303 0.0270 235.9743)",
+      "sidebar-foreground": "oklch(0.9670 0.0029 264.5419)",
+      "sidebar-primary": "oklch(0.6559 0.2118 354.3084)",
+      "sidebar-primary-foreground": "oklch(1.0000 0 0)",
+      "sidebar-accent": "oklch(0.8228 0.1095 346.0184)",
+      "sidebar-accent-foreground": "oklch(0.2781 0.0296 256.8480)",
+      "sidebar-border": "oklch(0.3729 0.0306 259.7328)",
+      "sidebar-ring": "oklch(0.6559 0.2118 354.3084)",
+    },
+    fonts: {
+      sans: "Poppins, sans-serif",
+      serif: "Lora, serif",
+      mono: "Fira Code, monospace",
+    },
+    fontSources: {
+      googleFonts: ["Poppins", "Lora", "Fira Code"],
+    },
+    tokens: {
+      radius: "0.4rem",
+      spacing: "0.25rem",
+      trackingNormal: "0em",
+      shadowColor: "hsl(325.78 58.18% 56.86% / 0.5)",
+      shadowOpacity: "1.0",
+      shadowBlur: "0px",
+      shadowSpread: "0px",
+      shadowOffsetX: "3px",
+      shadowOffsetY: "3px",
+    },
+    shadows: {
+      light: {
+        "2xs": "3px 3px 0px 0px hsl(325.7800 58.1800% 56.8600% / 0.50)",
+        xs: "3px 3px 0px 0px hsl(325.7800 58.1800% 56.8600% / 0.50)",
+        sm: "3px 3px 0px 0px hsl(325.7800 58.1800% 56.8600% / 1.00), 3px 1px 2px -1px hsl(325.7800 58.1800% 56.8600% / 1.00)",
+        default: "3px 3px 0px 0px hsl(325.7800 58.1800% 56.8600% / 1.00), 3px 1px 2px -1px hsl(325.7800 58.1800% 56.8600% / 1.00)",
+        md: "3px 3px 0px 0px hsl(325.7800 58.1800% 56.8600% / 1.00), 3px 2px 4px -1px hsl(325.7800 58.1800% 56.8600% / 1.00)",
+        lg: "3px 3px 0px 0px hsl(325.7800 58.1800% 56.8600% / 1.00), 3px 4px 6px -1px hsl(325.7800 58.1800% 56.8600% / 1.00)",
+        xl: "3px 3px 0px 0px hsl(325.7800 58.1800% 56.8600% / 1.00), 3px 8px 10px -1px hsl(325.7800 58.1800% 56.8600% / 1.00)",
+        "2xl": "3px 3px 0px 0px hsl(325.7800 58.1800% 56.8600% / 2.50)",
+      },
+      dark: {
+        "2xs": "3px 3px 0px 0px hsl(206.1538 28.0576% 27.2549% / 0.50)",
+        xs: "3px 3px 0px 0px hsl(206.1538 28.0576% 27.2549% / 0.50)",
+        sm: "3px 3px 0px 0px hsl(206.1538 28.0576% 27.2549% / 1.00), 3px 1px 2px -1px hsl(206.1538 28.0576% 27.2549% / 1.00)",
+        default: "3px 3px 0px 0px hsl(206.1538 28.0576% 27.2549% / 1.00), 3px 1px 2px -1px hsl(206.1538 28.0576% 27.2549% / 1.00)",
+        md: "3px 3px 0px 0px hsl(206.1538 28.0576% 27.2549% / 1.00), 3px 2px 4px -1px hsl(206.1538 28.0576% 27.2549% / 1.00)",
+        lg: "3px 3px 0px 0px hsl(206.1538 28.0576% 27.2549% / 1.00), 3px 4px 6px -1px hsl(206.1538 28.0576% 27.2549% / 1.00)",
+        xl: "3px 3px 0px 0px hsl(206.1538 28.0576% 27.2549% / 1.00), 3px 8px 10px -1px hsl(206.1538 28.0576% 27.2549% / 1.00)",
+        "2xl": "3px 3px 0px 0px hsl(206.1538 28.0576% 27.2549% / 2.50)",
+      },
+    },
+    isPreset: true,
+    previewColors: {
+      primary: "oklch(0.6209 0.1801 348.1385)",
+      background: "oklch(0.9399 0.0203 345.6985)",
+      foreground: "oklch(0.4712 0 0)",
+    },
+  },
+
+  {
+    id: "developers-choice",
+    name: "Developer's Choice",
+    description: "Retro pixel-font terminal aesthetic in teal-grey tones",
+    light: {
+      "background": "oklch(0.9694 0.0053 197.0688)",
+      "foreground": "oklch(0.1506 0.0209 195.1650)",
+      "card": "oklch(0.9798 0.0032 197.1047)",
+      "card-foreground": "oklch(0.1506 0.0209 195.1650)",
+      "popover": "oklch(0.9798 0.0032 197.1047)",
+      "popover-foreground": "oklch(0.1506 0.0209 195.1650)",
+      "primary": "oklch(0.3514 0.0597 199.7995)",
+      "primary-foreground": "oklch(0.9791 0 0)",
+      "secondary": "oklch(0.9204 0.0107 196.9701)",
+      "secondary-foreground": "oklch(0.2005 0.0207 201.1642)",
+      "muted": "oklch(0.9006 0.0086 197.0029)",
+      "muted-foreground": "oklch(0.3131 0.0124 204.7481)",
+      "accent": "oklch(0.8498 0.0206 200.6062)",
+      "accent-foreground": "oklch(0.1506 0.0209 195.1650)",
+      "destructive": "oklch(0.5494 0.1993 25.1156)",
+      "destructive-foreground": "oklch(1.0000 0 0)",
+      "border": "oklch(0.8807 0.0108 196.9597)",
+      "input": "oklch(0.9199 0.0077 207.1396)",
+      "ring": "oklch(0.3989 0.0599 199.8696)",
+      "chart-1": "oklch(0.4058 0.0690 201.7781)",
+      "chart-2": "oklch(0.4499 0.0595 219.7651)",
+      "chart-3": "oklch(0.5004 0.0503 179.3521)",
+      "chart-4": "oklch(0.5504 0.0397 200.5153)",
+      "chart-5": "oklch(0.6002 0.0298 199.2835)",
+      "sidebar": "oklch(0.9499 0.0075 197.0306)",
+      "sidebar-foreground": "oklch(0.1506 0.0209 195.1650)",
+      "sidebar-primary": "oklch(0.3514 0.0597 199.7995)",
+      "sidebar-primary-foreground": "oklch(0.9791 0 0)",
+      "sidebar-accent": "oklch(0.8808 0.0151 196.8829)",
+      "sidebar-accent-foreground": "oklch(0.1506 0.0209 195.1650)",
+      "sidebar-border": "oklch(0.8807 0.0108 196.9597)",
+      "sidebar-ring": "oklch(0.3989 0.0599 199.8696)",
+    },
+    dark: {
+      "background": "oklch(0.1750 0.0107 196.2131)",
+      "foreground": "oklch(0.9189 0 0)",
+      "card": "oklch(0.1609 0.0190 195.4252)",
+      "card-foreground": "oklch(0.9189 0 0)",
+      "popover": "oklch(0.1999 0.0218 200.8065)",
+      "popover-foreground": "oklch(0.9189 0 0)",
+      "primary": "oklch(0.3506 0.0397 200.5070)",
+      "primary-foreground": "oklch(0.9491 0 0)",
+      "secondary": "oklch(0.2405 0.0250 199.9985)",
+      "secondary-foreground": "oklch(0.8514 0 0)",
+      "muted": "oklch(0.2005 0.0207 201.1642)",
+      "muted-foreground": "oklch(0.9706 0.0017 67.8024)",
+      "accent": "oklch(0.1410 0.0055 196.5418)",
+      "accent-foreground": "oklch(0.9189 0 0)",
+      "destructive": "oklch(0.5494 0.1993 25.1156)",
+      "destructive-foreground": "oklch(1.0000 0 0)",
+      "border": "oklch(0.2510 0.0204 195.9303)",
+      "input": "oklch(0.2185 0.0195 201.5676)",
+      "ring": "oklch(0.5012 0.0599 199.9791)",
+      "chart-1": "oklch(0.5511 0.0805 199.5020)",
+      "chart-2": "oklch(0.4989 0.0603 220.5757)",
+      "chart-3": "oklch(0.4506 0.0403 179.5774)",
+      "chart-4": "oklch(0.4004 0.0305 199.1449)",
+      "chart-5": "oklch(0.3503 0.0208 201.0168)",
+      "sidebar": "oklch(0.1298 0.0157 195.3931)",
+      "sidebar-foreground": "oklch(0.8514 0 0)",
+      "sidebar-primary": "oklch(0.5012 0.0599 199.9791)",
+      "sidebar-primary-foreground": "oklch(0.1496 0 0)",
+      "sidebar-accent": "oklch(0.2991 0.0292 202.8196)",
+      "sidebar-accent-foreground": "oklch(0.8514 0 0)",
+      "sidebar-border": "oklch(0.2510 0.0204 195.9303)",
+      "sidebar-ring": "oklch(0.5012 0.0599 199.9791)",
+    },
+    fonts: {
+      sans: "Pixelify Sans, ui-serif, serif",
+      serif: "DotGothic16, ui-sans-serif, sans-serif, system-ui",
+      mono: "Space Mono, ui-monospace, monospace",
+    },
+    fontSources: {
+      googleFonts: ["Pixelify Sans", "DotGothic16", "Space Mono"],
+    },
+    tokens: {
+      radius: "0.25rem",
+      spacing: "0.25rem",
+      trackingNormal: "0.025em",
+      shadowColor: "#1b3234",
+      shadowOpacity: "0.5",
+      shadowBlur: "40px",
+      shadowSpread: "-15px",
+      shadowOffsetX: "0px",
+      shadowOffsetY: "2px",
+    },
+    shadows: {
+      light: {
+        "2xs": "0px 2px 40px -15px hsl(184.8000 31.6456% 15.4902% / 0.25)",
+        xs: "0px 2px 40px -15px hsl(184.8000 31.6456% 15.4902% / 0.25)",
+        sm: "0px 2px 40px -15px hsl(184.8000 31.6456% 15.4902% / 0.50), 0px 1px 2px -16px hsl(184.8000 31.6456% 15.4902% / 0.50)",
+        default: "0px 2px 40px -15px hsl(184.8000 31.6456% 15.4902% / 0.50), 0px 1px 2px -16px hsl(184.8000 31.6456% 15.4902% / 0.50)",
+        md: "0px 2px 40px -15px hsl(184.8000 31.6456% 15.4902% / 0.50), 0px 2px 4px -16px hsl(184.8000 31.6456% 15.4902% / 0.50)",
+        lg: "0px 2px 40px -15px hsl(184.8000 31.6456% 15.4902% / 0.50), 0px 4px 6px -16px hsl(184.8000 31.6456% 15.4902% / 0.50)",
+        xl: "0px 2px 40px -15px hsl(184.8000 31.6456% 15.4902% / 0.50), 0px 8px 10px -16px hsl(184.8000 31.6456% 15.4902% / 0.50)",
+        "2xl": "0px 2px 40px -15px hsl(184.8000 31.6456% 15.4902% / 1.25)",
+      },
+      dark: {
+        "2xs": "0px 2px 60px -20px hsl(180 100.0000% 0.9804% / 0.40)",
+        xs: "0px 2px 60px -20px hsl(180 100.0000% 0.9804% / 0.40)",
+        sm: "0px 2px 60px -20px hsl(180 100.0000% 0.9804% / 0.80), 0px 1px 2px -21px hsl(180 100.0000% 0.9804% / 0.80)",
+        default: "0px 2px 60px -20px hsl(180 100.0000% 0.9804% / 0.80), 0px 1px 2px -21px hsl(180 100.0000% 0.9804% / 0.80)",
+        md: "0px 2px 60px -20px hsl(180 100.0000% 0.9804% / 0.80), 0px 2px 4px -21px hsl(180 100.0000% 0.9804% / 0.80)",
+        lg: "0px 2px 60px -20px hsl(180 100.0000% 0.9804% / 0.80), 0px 4px 6px -21px hsl(180 100.0000% 0.9804% / 0.80)",
+        xl: "0px 2px 60px -20px hsl(180 100.0000% 0.9804% / 0.80), 0px 8px 10px -21px hsl(180 100.0000% 0.9804% / 0.80)",
+        "2xl": "0px 2px 60px -20px hsl(180 100.0000% 0.9804% / 2.00)",
+      },
+    },
+    isPreset: true,
+    previewColors: {
+      primary: "oklch(0.3514 0.0597 199.7995)",
+      background: "oklch(0.9694 0.0053 197.0688)",
+      foreground: "oklch(0.1506 0.0209 195.1650)",
+    },
+  },
+
+  {
+    id: "anslopics-clood",
+    name: "Anslopics Clood",
+    description: "Warm amber-orange palette with clean corporate lines",
+    light: {
+      "background": "oklch(0.9818 0.0054 95.0986)",
+      "foreground": "oklch(0.3438 0.0269 95.7226)",
+      "card": "oklch(0.9818 0.0054 95.0986)",
+      "card-foreground": "oklch(0.1908 0.0020 106.5859)",
+      "popover": "oklch(1.0000 0 0)",
+      "popover-foreground": "oklch(0.2671 0.0196 98.9390)",
+      "primary": "oklch(0.6171 0.1375 39.0427)",
+      "primary-foreground": "oklch(1.0000 0 0)",
+      "secondary": "oklch(0.9245 0.0138 92.9892)",
+      "secondary-foreground": "oklch(0.4334 0.0177 98.6048)",
+      "muted": "oklch(0.9341 0.0153 90.2390)",
+      "muted-foreground": "oklch(0.6059 0.0075 97.4233)",
+      "accent": "oklch(0.9245 0.0138 92.9892)",
+      "accent-foreground": "oklch(0.2671 0.0196 98.9390)",
+      "destructive": "oklch(0.1908 0.0020 106.5859)",
+      "destructive-foreground": "oklch(1.0000 0 0)",
+      "border": "oklch(0.8847 0.0069 97.3627)",
+      "input": "oklch(0.7621 0.0156 98.3528)",
+      "ring": "oklch(0.6171 0.1375 39.0427)",
+      "chart-1": "oklch(0.5583 0.1276 42.9956)",
+      "chart-2": "oklch(0.6898 0.1581 290.4107)",
+      "chart-3": "oklch(0.8816 0.0276 93.1280)",
+      "chart-4": "oklch(0.8822 0.0403 298.1792)",
+      "chart-5": "oklch(0.5608 0.1348 42.0584)",
+      "sidebar": "oklch(0.9663 0.0080 98.8792)",
+      "sidebar-foreground": "oklch(0.3590 0.0051 106.6524)",
+      "sidebar-primary": "oklch(0.6171 0.1375 39.0427)",
+      "sidebar-primary-foreground": "oklch(0.9881 0 0)",
+      "sidebar-accent": "oklch(0.9245 0.0138 92.9892)",
+      "sidebar-accent-foreground": "oklch(0.3250 0 0)",
+      "sidebar-border": "oklch(0.9401 0 0)",
+      "sidebar-ring": "oklch(0.7731 0 0)",
+    },
+    dark: {
+      "background": "oklch(0.2679 0.0036 106.6427)",
+      "foreground": "oklch(0.8074 0.0142 93.0137)",
+      "card": "oklch(0.2679 0.0036 106.6427)",
+      "card-foreground": "oklch(0.9818 0.0054 95.0986)",
+      "popover": "oklch(0.3085 0.0035 106.6039)",
+      "popover-foreground": "oklch(0.9211 0.0040 106.4781)",
+      "primary": "oklch(0.6724 0.1308 38.7559)",
+      "primary-foreground": "oklch(1.0000 0 0)",
+      "secondary": "oklch(0.9818 0.0054 95.0986)",
+      "secondary-foreground": "oklch(0.3085 0.0035 106.6039)",
+      "muted": "oklch(0.2213 0.0038 106.7070)",
+      "muted-foreground": "oklch(0.7713 0.0169 99.0657)",
+      "accent": "oklch(0.2130 0.0078 95.4245)",
+      "accent-foreground": "oklch(0.9663 0.0080 98.8792)",
+      "destructive": "oklch(0.6368 0.2078 25.3313)",
+      "destructive-foreground": "oklch(1.0000 0 0)",
+      "border": "oklch(0.3618 0.0101 106.8928)",
+      "input": "oklch(0.4336 0.0113 100.2195)",
+      "ring": "oklch(0.6724 0.1308 38.7559)",
+      "chart-1": "oklch(0.5583 0.1276 42.9956)",
+      "chart-2": "oklch(0.6898 0.1581 290.4107)",
+      "chart-3": "oklch(0.2130 0.0078 95.4245)",
+      "chart-4": "oklch(0.3074 0.0516 289.3230)",
+      "chart-5": "oklch(0.5608 0.1348 42.0584)",
+      "sidebar": "oklch(0.2357 0.0024 67.7077)",
+      "sidebar-foreground": "oklch(0.8074 0.0142 93.0137)",
+      "sidebar-primary": "oklch(0.3250 0 0)",
+      "sidebar-primary-foreground": "oklch(0.9881 0 0)",
+      "sidebar-accent": "oklch(0.1680 0.0020 106.6177)",
+      "sidebar-accent-foreground": "oklch(0.8074 0.0142 93.0137)",
+      "sidebar-border": "oklch(0.9401 0 0)",
+      "sidebar-ring": "oklch(0.7731 0 0)",
+    },
+    fonts: {
+      sans: "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif",
+      serif: "ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif",
+      mono: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
+    },
+    fontSources: { googleFonts: [] },
+    tokens: {
+      radius: "0.5rem",
+      spacing: "0.25rem",
+      trackingNormal: "0em",
+      shadowColor: "oklch(0 0 0)",
+      shadowOpacity: "0.1",
+      shadowBlur: "3px",
+      shadowSpread: "0px",
+      shadowOffsetX: "0",
+      shadowOffsetY: "1px",
+    },
+    shadows: {
+      light: {
+        "2xs": "0 1px 3px 0px hsl(0 0% 0% / 0.05)",
+        xs: "0 1px 3px 0px hsl(0 0% 0% / 0.05)",
+        sm: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10)",
+        default: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10)",
+        md: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10)",
+        lg: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10)",
+        xl: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10)",
+        "2xl": "0 1px 3px 0px hsl(0 0% 0% / 0.25)",
+      },
+      dark: {
+        "2xs": "0 1px 3px 0px hsl(0 0% 0% / 0.05)",
+        xs: "0 1px 3px 0px hsl(0 0% 0% / 0.05)",
+        sm: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10)",
+        default: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10)",
+        md: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10)",
+        lg: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10)",
+        xl: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10)",
+        "2xl": "0 1px 3px 0px hsl(0 0% 0% / 0.25)",
+      },
+    },
+    isPreset: true,
+    previewColors: {
+      primary: "oklch(0.6171 0.1375 39.0427)",
+      background: "oklch(0.9818 0.0054 95.0986)",
+      foreground: "oklch(0.3438 0.0269 95.7226)",
+    },
+  },
+
+  {
+    id: "violet-bloom",
+    name: "Violet Bloom",
+    description: "Deep violet primary with elegant rounded corners and tight tracking",
+    light: {
+      "background": "oklch(0.9940 0 0)",
+      "foreground": "oklch(0 0 0)",
+      "card": "oklch(0.9940 0 0)",
+      "card-foreground": "oklch(0 0 0)",
+      "popover": "oklch(0.9911 0 0)",
+      "popover-foreground": "oklch(0 0 0)",
+      "primary": "oklch(0.5393 0.2713 286.7462)",
+      "primary-foreground": "oklch(1.0000 0 0)",
+      "secondary": "oklch(0.9540 0.0063 255.4755)",
+      "secondary-foreground": "oklch(0.1344 0 0)",
+      "muted": "oklch(0.9702 0 0)",
+      "muted-foreground": "oklch(0.4386 0 0)",
+      "accent": "oklch(0.9393 0.0288 266.3680)",
+      "accent-foreground": "oklch(0.5445 0.1903 259.4848)",
+      "destructive": "oklch(0.6290 0.1902 23.0704)",
+      "destructive-foreground": "oklch(1.0000 0 0)",
+      "border": "oklch(0.9300 0.0094 286.2156)",
+      "input": "oklch(0.9401 0 0)",
+      "ring": "oklch(0 0 0)",
+      "chart-1": "oklch(0.7459 0.1483 156.4499)",
+      "chart-2": "oklch(0.5393 0.2713 286.7462)",
+      "chart-3": "oklch(0.7336 0.1758 50.5517)",
+      "chart-4": "oklch(0.5828 0.1809 259.7276)",
+      "chart-5": "oklch(0.5590 0 0)",
+      "sidebar": "oklch(0.9777 0.0051 247.8763)",
+      "sidebar-foreground": "oklch(0 0 0)",
+      "sidebar-primary": "oklch(0 0 0)",
+      "sidebar-primary-foreground": "oklch(1.0000 0 0)",
+      "sidebar-accent": "oklch(0.9401 0 0)",
+      "sidebar-accent-foreground": "oklch(0 0 0)",
+      "sidebar-border": "oklch(0.9401 0 0)",
+      "sidebar-ring": "oklch(0 0 0)",
+    },
+    dark: {
+      "background": "oklch(0.2223 0.0060 271.1393)",
+      "foreground": "oklch(0.9551 0 0)",
+      "card": "oklch(0.2568 0.0076 274.6528)",
+      "card-foreground": "oklch(0.9551 0 0)",
+      "popover": "oklch(0.2568 0.0076 274.6528)",
+      "popover-foreground": "oklch(0.9551 0 0)",
+      "primary": "oklch(0.6132 0.2294 291.7437)",
+      "primary-foreground": "oklch(1.0000 0 0)",
+      "secondary": "oklch(0.2940 0.0130 272.9312)",
+      "secondary-foreground": "oklch(0.9551 0 0)",
+      "muted": "oklch(0.2940 0.0130 272.9312)",
+      "muted-foreground": "oklch(0.7058 0 0)",
+      "accent": "oklch(0.2795 0.0368 260.0310)",
+      "accent-foreground": "oklch(0.7857 0.1153 246.6596)",
+      "destructive": "oklch(0.7106 0.1661 22.2162)",
+      "destructive-foreground": "oklch(1.0000 0 0)",
+      "border": "oklch(0.3289 0.0092 268.3843)",
+      "input": "oklch(0.3289 0.0092 268.3843)",
+      "ring": "oklch(0.6132 0.2294 291.7437)",
+      "chart-1": "oklch(0.8003 0.1821 151.7110)",
+      "chart-2": "oklch(0.6132 0.2294 291.7437)",
+      "chart-3": "oklch(0.8077 0.1035 19.5706)",
+      "chart-4": "oklch(0.6691 0.1569 260.1063)",
+      "chart-5": "oklch(0.7058 0 0)",
+      "sidebar": "oklch(0.2011 0.0039 286.0396)",
+      "sidebar-foreground": "oklch(0.9551 0 0)",
+      "sidebar-primary": "oklch(0.6132 0.2294 291.7437)",
+      "sidebar-primary-foreground": "oklch(1.0000 0 0)",
+      "sidebar-accent": "oklch(0.2940 0.0130 272.9312)",
+      "sidebar-accent-foreground": "oklch(0.6132 0.2294 291.7437)",
+      "sidebar-border": "oklch(0.3289 0.0092 268.3843)",
+      "sidebar-ring": "oklch(0.6132 0.2294 291.7437)",
+    },
+    fonts: {
+      sans: "Plus Jakarta Sans, sans-serif",
+      serif: "Lora, serif",
+      mono: "IBM Plex Mono, monospace",
+    },
+    fontSources: {
+      googleFonts: ["Plus Jakarta Sans", "Lora", "IBM Plex Mono"],
+    },
+    tokens: {
+      radius: "1.4rem",
+      spacing: "0.27rem",
+      trackingNormal: "-0.025em",
+      shadowColor: "hsl(0 0% 0%)",
+      shadowOpacity: "0.16",
+      shadowBlur: "3px",
+      shadowSpread: "0px",
+      shadowOffsetX: "0px",
+      shadowOffsetY: "2px",
+    },
+    shadows: {
+      light: {
+        "2xs": "0px 2px 3px 0px hsl(0 0% 0% / 0.08)",
+        xs: "0px 2px 3px 0px hsl(0 0% 0% / 0.08)",
+        sm: "0px 2px 3px 0px hsl(0 0% 0% / 0.16), 0px 1px 2px -1px hsl(0 0% 0% / 0.16)",
+        default: "0px 2px 3px 0px hsl(0 0% 0% / 0.16), 0px 1px 2px -1px hsl(0 0% 0% / 0.16)",
+        md: "0px 2px 3px 0px hsl(0 0% 0% / 0.16), 0px 2px 4px -1px hsl(0 0% 0% / 0.16)",
+        lg: "0px 2px 3px 0px hsl(0 0% 0% / 0.16), 0px 4px 6px -1px hsl(0 0% 0% / 0.16)",
+        xl: "0px 2px 3px 0px hsl(0 0% 0% / 0.16), 0px 8px 10px -1px hsl(0 0% 0% / 0.16)",
+        "2xl": "0px 2px 3px 0px hsl(0 0% 0% / 0.40)",
+      },
+      dark: {
+        "2xs": "0px 2px 3px 0px hsl(0 0% 0% / 0.08)",
+        xs: "0px 2px 3px 0px hsl(0 0% 0% / 0.08)",
+        sm: "0px 2px 3px 0px hsl(0 0% 0% / 0.16), 0px 1px 2px -1px hsl(0 0% 0% / 0.16)",
+        default: "0px 2px 3px 0px hsl(0 0% 0% / 0.16), 0px 1px 2px -1px hsl(0 0% 0% / 0.16)",
+        md: "0px 2px 3px 0px hsl(0 0% 0% / 0.16), 0px 2px 4px -1px hsl(0 0% 0% / 0.16)",
+        lg: "0px 2px 3px 0px hsl(0 0% 0% / 0.16), 0px 4px 6px -1px hsl(0 0% 0% / 0.16)",
+        xl: "0px 2px 3px 0px hsl(0 0% 0% / 0.16), 0px 8px 10px -1px hsl(0 0% 0% / 0.16)",
+        "2xl": "0px 2px 3px 0px hsl(0 0% 0% / 0.40)",
+      },
+    },
+    isPreset: true,
+    previewColors: {
+      primary: "oklch(0.5393 0.2713 286.7462)",
+      background: "oklch(0.9940 0 0)",
+      foreground: "oklch(0 0 0)",
+    },
+  },
+
+  {
+    id: "soy",
+    name: "Soy",
+    description: "Rosy pink and magenta palette with warm romantic tones",
+    light: {
+      "background": "oklch(0.9754 0.0084 325.6414)",
+      "foreground": "oklch(0.3257 0.1161 325.0372)",
+      "card": "oklch(0.9754 0.0084 325.6414)",
+      "card-foreground": "oklch(0.3257 0.1161 325.0372)",
+      "popover": "oklch(1.0000 0 0)",
+      "popover-foreground": "oklch(0.3257 0.1161 325.0372)",
+      "primary": "oklch(0.5316 0.1409 355.1999)",
+      "primary-foreground": "oklch(1.0000 0 0)",
+      "secondary": "oklch(0.8696 0.0675 334.8991)",
+      "secondary-foreground": "oklch(0.4448 0.1341 324.7991)",
+      "muted": "oklch(0.9395 0.0260 331.5454)",
+      "muted-foreground": "oklch(0.4924 0.1244 324.4523)",
+      "accent": "oklch(0.8696 0.0675 334.8991)",
+      "accent-foreground": "oklch(0.4448 0.1341 324.7991)",
+      "destructive": "oklch(0.5248 0.1368 20.8317)",
+      "destructive-foreground": "oklch(1.0000 0 0)",
+      "border": "oklch(0.8568 0.0829 328.9110)",
+      "input": "oklch(0.8517 0.0558 336.6002)",
+      "ring": "oklch(0.5916 0.2180 0.5844)",
+      "chart-1": "oklch(0.6038 0.2363 344.4657)",
+      "chart-2": "oklch(0.4445 0.2251 300.6246)",
+      "chart-3": "oklch(0.3790 0.0438 226.1538)",
+      "chart-4": "oklch(0.8330 0.1185 88.3461)",
+      "chart-5": "oklch(0.7843 0.1256 58.9964)",
+      "sidebar": "oklch(0.9360 0.0288 320.5788)",
+      "sidebar-foreground": "oklch(0.4948 0.1909 354.5435)",
+      "sidebar-primary": "oklch(0.3963 0.0251 285.1962)",
+      "sidebar-primary-foreground": "oklch(0.9668 0.0124 337.5228)",
+      "sidebar-accent": "oklch(0.9789 0.0013 106.4235)",
+      "sidebar-accent-foreground": "oklch(0.3963 0.0251 285.1962)",
+      "sidebar-border": "oklch(0.9383 0.0026 48.7178)",
+      "sidebar-ring": "oklch(0.5916 0.2180 0.5844)",
+    },
+    dark: {
+      "background": "oklch(0.2409 0.0201 307.5346)",
+      "foreground": "oklch(0.8398 0.0387 309.5391)",
+      "card": "oklch(0.2803 0.0232 307.5413)",
+      "card-foreground": "oklch(0.8456 0.0302 341.4597)",
+      "popover": "oklch(0.1548 0.0132 338.9015)",
+      "popover-foreground": "oklch(0.9647 0.0091 341.8035)",
+      "primary": "oklch(0.4607 0.1853 4.0994)",
+      "primary-foreground": "oklch(0.8560 0.0618 346.3684)",
+      "secondary": "oklch(0.3137 0.0306 310.0610)",
+      "secondary-foreground": "oklch(0.8483 0.0382 307.9613)",
+      "muted": "oklch(0.2634 0.0219 309.4748)",
+      "muted-foreground": "oklch(0.7940 0.0372 307.1032)",
+      "accent": "oklch(0.3649 0.0508 308.4911)",
+      "accent-foreground": "oklch(0.9647 0.0091 341.8035)",
+      "destructive": "oklch(0.2258 0.0524 12.6119)",
+      "destructive-foreground": "oklch(1.0000 0 0)",
+      "border": "oklch(0.3286 0.0154 343.4461)",
+      "input": "oklch(0.3387 0.0195 332.8347)",
+      "ring": "oklch(0.5916 0.2180 0.5844)",
+      "chart-1": "oklch(0.5316 0.1409 355.1999)",
+      "chart-2": "oklch(0.5633 0.1912 306.8561)",
+      "chart-3": "oklch(0.7227 0.1502 60.5799)",
+      "chart-4": "oklch(0.6193 0.2029 312.7422)",
+      "chart-5": "oklch(0.6118 0.2093 6.1387)",
+      "sidebar": "oklch(0.1893 0.0163 331.0475)",
+      "sidebar-foreground": "oklch(0.8607 0.0293 343.6612)",
+      "sidebar-primary": "oklch(0.4882 0.2172 264.3763)",
+      "sidebar-primary-foreground": "oklch(1.0000 0 0)",
+      "sidebar-accent": "oklch(0.2337 0.0261 338.1961)",
+      "sidebar-accent-foreground": "oklch(0.9674 0.0013 286.3752)",
+      "sidebar-border": "oklch(0 0 0)",
+      "sidebar-ring": "oklch(0.5916 0.2180 0.5844)",
+    },
+    fonts: {
+      sans: "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif",
+      serif: "ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif",
+      mono: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
+    },
+    fontSources: { googleFonts: [] },
+    tokens: {
+      radius: "0.5rem",
+      spacing: "0.25rem",
+      trackingNormal: "0em",
+      shadowColor: "oklch(0 0 0)",
+      shadowOpacity: "0.1",
+      shadowBlur: "3px",
+      shadowSpread: "0px",
+      shadowOffsetX: "0",
+      shadowOffsetY: "1px",
+    },
+    shadows: {
+      light: {
+        "2xs": "0 1px 3px 0px hsl(0 0% 0% / 0.05)",
+        xs: "0 1px 3px 0px hsl(0 0% 0% / 0.05)",
+        sm: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10)",
+        default: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10)",
+        md: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10)",
+        lg: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10)",
+        xl: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10)",
+        "2xl": "0 1px 3px 0px hsl(0 0% 0% / 0.25)",
+      },
+      dark: {
+        "2xs": "0 1px 3px 0px hsl(0 0% 0% / 0.05)",
+        xs: "0 1px 3px 0px hsl(0 0% 0% / 0.05)",
+        sm: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10)",
+        default: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10)",
+        md: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10)",
+        lg: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10)",
+        xl: "0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10)",
+        "2xl": "0 1px 3px 0px hsl(0 0% 0% / 0.25)",
+      },
+    },
+    isPreset: true,
+    previewColors: {
+      primary: "oklch(0.5316 0.1409 355.1999)",
+      background: "oklch(0.9754 0.0084 325.6414)",
+      foreground: "oklch(0.3257 0.1161 325.0372)",
+    },
+  },
+
+  {
+    id: "mocha",
+    name: "Mocha",
+    description: "Warm coffee-brown palette with cozy earthy tones and offset shadows",
+    light: {
+      "background": "oklch(0.9529 0.0146 102.4597)",
+      "foreground": "oklch(0.4063 0.0255 40.3627)",
+      "card": "oklch(0.9529 0.0146 102.4597)",
+      "card-foreground": "oklch(0.4063 0.0255 40.3627)",
+      "popover": "oklch(1.0000 0 0)",
+      "popover-foreground": "oklch(0.4063 0.0255 40.3627)",
+      "primary": "oklch(0.6083 0.0623 44.3588)",
+      "primary-foreground": "oklch(1.0000 0 0)",
+      "secondary": "oklch(0.7473 0.0387 80.5476)",
+      "secondary-foreground": "oklch(1.0000 0 0)",
+      "muted": "oklch(0.8502 0.0389 49.0874)",
+      "muted-foreground": "oklch(0.5416 0.0512 37.2132)",
+      "accent": "oklch(0.8502 0.0389 49.0874)",
+      "accent-foreground": "oklch(0.4063 0.0255 40.3627)",
+      "destructive": "oklch(0.2225 0.0098 52.9636)",
+      "destructive-foreground": "oklch(1.0000 0 0)",
+      "border": "oklch(0.7473 0.0387 80.5476)",
+      "input": "oklch(0.7473 0.0387 80.5476)",
+      "ring": "oklch(0.6083 0.0623 44.3588)",
+      "chart-1": "oklch(0.6083 0.0623 44.3588)",
+      "chart-2": "oklch(0.5416 0.0512 37.2132)",
+      "chart-3": "oklch(0.7272 0.0539 52.3320)",
+      "chart-4": "oklch(0.7473 0.0387 80.5476)",
+      "chart-5": "oklch(0.6440 0.0405 52.3917)",
+      "sidebar": "oklch(0.8903 0.0278 49.5658)",
+      "sidebar-foreground": "oklch(0.4063 0.0255 40.3627)",
+      "sidebar-primary": "oklch(0.6083 0.0623 44.3588)",
+      "sidebar-primary-foreground": "oklch(1.0000 0 0)",
+      "sidebar-accent": "oklch(0.7272 0.0539 52.3320)",
+      "sidebar-accent-foreground": "oklch(1.0000 0 0)",
+      "sidebar-border": "oklch(0.6440 0.0405 52.3917)",
+      "sidebar-ring": "oklch(0.6083 0.0623 44.3588)",
+    },
+    dark: {
+      "background": "oklch(0.2721 0.0141 48.1783)",
+      "foreground": "oklch(0.9529 0.0146 102.4597)",
+      "card": "oklch(0.3291 0.0156 50.8936)",
+      "card-foreground": "oklch(0.9529 0.0146 102.4597)",
+      "popover": "oklch(0.3291 0.0156 50.8936)",
+      "popover-foreground": "oklch(0.9529 0.0146 102.4597)",
+      "primary": "oklch(0.7272 0.0539 52.3320)",
+      "primary-foreground": "oklch(0.2721 0.0141 48.1783)",
+      "secondary": "oklch(0.5416 0.0512 37.2132)",
+      "secondary-foreground": "oklch(0.9529 0.0146 102.4597)",
+      "muted": "oklch(0.4063 0.0255 40.3627)",
+      "muted-foreground": "oklch(0.7575 0.0380 50.8610)",
+      "accent": "oklch(0.7473 0.0387 80.5476)",
+      "accent-foreground": "oklch(0.2721 0.0141 48.1783)",
+      "destructive": "oklch(0.6875 0.1420 21.4566)",
+      "destructive-foreground": "oklch(0.2721 0.0141 48.1783)",
+      "border": "oklch(0.4063 0.0255 40.3627)",
+      "input": "oklch(0.4063 0.0255 40.3627)",
+      "ring": "oklch(0.7272 0.0539 52.3320)",
+      "chart-1": "oklch(0.7272 0.0539 52.3320)",
+      "chart-2": "oklch(0.7473 0.0387 80.5476)",
+      "chart-3": "oklch(0.6083 0.0623 44.3588)",
+      "chart-4": "oklch(0.5416 0.0512 37.2132)",
+      "chart-5": "oklch(0.6440 0.0405 52.3917)",
+      "sidebar": "oklch(0.2225 0.0098 52.9636)",
+      "sidebar-foreground": "oklch(0.9529 0.0146 102.4597)",
+      "sidebar-primary": "oklch(0.7272 0.0539 52.3320)",
+      "sidebar-primary-foreground": "oklch(0.2225 0.0098 52.9636)",
+      "sidebar-accent": "oklch(0.7473 0.0387 80.5476)",
+      "sidebar-accent-foreground": "oklch(0.2225 0.0098 52.9636)",
+      "sidebar-border": "oklch(0.4063 0.0255 40.3627)",
+      "sidebar-ring": "oklch(0.7272 0.0539 52.3320)",
+    },
+    fonts: {
+      sans: "DM Sans, sans-serif",
+      serif: "Georgia, serif",
+      mono: "Menlo, monospace",
+    },
+    fontSources: {
+      googleFonts: ["DM Sans"],
+    },
+    tokens: {
+      radius: "0.5rem",
+      spacing: "0.25rem",
+      trackingNormal: "0em",
+      shadowColor: "hsl(20 18% 51% / 0.4)",
+      shadowOpacity: "0.11",
+      shadowBlur: "0px",
+      shadowSpread: "0px",
+      shadowOffsetX: "2px",
+      shadowOffsetY: "2px",
+    },
+    shadows: {
+      light: {
+        "2xs": "2px 2px 0px 0px hsl(20 18% 51% / 0.06)",
+        xs: "2px 2px 0px 0px hsl(20 18% 51% / 0.06)",
+        sm: "2px 2px 0px 0px hsl(20 18% 51% / 0.11), 2px 1px 2px -1px hsl(20 18% 51% / 0.11)",
+        default: "2px 2px 0px 0px hsl(20 18% 51% / 0.11), 2px 1px 2px -1px hsl(20 18% 51% / 0.11)",
+        md: "2px 2px 0px 0px hsl(20 18% 51% / 0.11), 2px 2px 4px -1px hsl(20 18% 51% / 0.11)",
+        lg: "2px 2px 0px 0px hsl(20 18% 51% / 0.11), 2px 4px 6px -1px hsl(20 18% 51% / 0.11)",
+        xl: "2px 2px 0px 0px hsl(20 18% 51% / 0.11), 2px 8px 10px -1px hsl(20 18% 51% / 0.11)",
+        "2xl": "2px 2px 0px 0px hsl(20 18% 51% / 0.28)",
+      },
+      dark: {
+        "2xs": "2px 2px 0px 0px hsl(20 18% 30% / 0.06)",
+        xs: "2px 2px 0px 0px hsl(20 18% 30% / 0.06)",
+        sm: "2px 2px 0px 0px hsl(20 18% 30% / 0.11), 2px 1px 2px -1px hsl(20 18% 30% / 0.11)",
+        default: "2px 2px 0px 0px hsl(20 18% 30% / 0.11), 2px 1px 2px -1px hsl(20 18% 30% / 0.11)",
+        md: "2px 2px 0px 0px hsl(20 18% 30% / 0.11), 2px 2px 4px -1px hsl(20 18% 30% / 0.11)",
+        lg: "2px 2px 0px 0px hsl(20 18% 30% / 0.11), 2px 4px 6px -1px hsl(20 18% 30% / 0.11)",
+        xl: "2px 2px 0px 0px hsl(20 18% 30% / 0.11), 2px 8px 10px -1px hsl(20 18% 30% / 0.11)",
+        "2xl": "2px 2px 0px 0px hsl(20 18% 30% / 0.28)",
+      },
+    },
+    isPreset: true,
+    previewColors: {
+      primary: "oklch(0.6083 0.0623 44.3588)",
+      background: "oklch(0.9529 0.0146 102.4597)",
+      foreground: "oklch(0.4063 0.0255 40.3627)",
+    },
+  },
+]
+
+export function findPreset(
+  id: string,
+): ThemeDefinition | undefined {
+  return THEME_PRESETS.find((p) => p.id === id)
+}
diff --git a/src/lib/theme/transition.ts b/src/lib/theme/transition.ts
new file mode 100755
index 0000000..e6312bc
--- /dev/null
+++ b/src/lib/theme/transition.ts
@@ -0,0 +1,62 @@
+import type { ThemeDefinition } from "./types"
+import { applyTheme, removeThemeOverride } from "./apply"
+
+function prefersReducedMotion(): boolean {
+  return window.matchMedia(
+    "(prefers-reduced-motion: reduce)",
+  ).matches
+}
+
+function calcMaxRadius(x: number, y: number): number {
+  return Math.hypot(
+    Math.max(x, innerWidth - x),
+    Math.max(y, innerHeight - y),
+  )
+}
+
+function supportsViewTransitions(): boolean {
+  return "startViewTransition" in document
+}
+
+export function applyThemeAnimated(
+  theme: ThemeDefinition | null,
+  origin?: { x: number; y: number },
+): void {
+  const mutate = () => {
+    if (theme) {
+      applyTheme(theme)
+    } else {
+      removeThemeOverride()
+    }
+  }
+
+  if (
+    !supportsViewTransitions() ||
+    prefersReducedMotion()
+  ) {
+    mutate()
+    return
+  }
+
+  const x = origin?.x ?? innerWidth / 2
+  const y = origin?.y ?? innerHeight / 2
+  const maxRadius = calcMaxRadius(x, y)
+
+  const transition = document.startViewTransition(mutate)
+
+  transition.ready.then(() => {
+    document.documentElement.animate(
+      {
+        clipPath: [
+          `circle(0px at ${x}px ${y}px)`,
+          `circle(${maxRadius}px at ${x}px ${y}px)`,
+        ],
+      },
+      {
+        duration: 400,
+        easing: "ease-in-out",
+        pseudoElement: "::view-transition-new(root)",
+      },
+    )
+  })
+}
diff --git a/src/lib/theme/types.ts b/src/lib/theme/types.ts
new file mode 100755
index 0000000..cbfb127
--- /dev/null
+++ b/src/lib/theme/types.ts
@@ -0,0 +1,89 @@
+export type ThemeColorKey =
+  | "background"
+  | "foreground"
+  | "card"
+  | "card-foreground"
+  | "popover"
+  | "popover-foreground"
+  | "primary"
+  | "primary-foreground"
+  | "secondary"
+  | "secondary-foreground"
+  | "muted"
+  | "muted-foreground"
+  | "accent"
+  | "accent-foreground"
+  | "destructive"
+  | "destructive-foreground"
+  | "border"
+  | "input"
+  | "ring"
+  | "chart-1"
+  | "chart-2"
+  | "chart-3"
+  | "chart-4"
+  | "chart-5"
+  | "sidebar"
+  | "sidebar-foreground"
+  | "sidebar-primary"
+  | "sidebar-primary-foreground"
+  | "sidebar-accent"
+  | "sidebar-accent-foreground"
+  | "sidebar-border"
+  | "sidebar-ring"
+
+export type ColorMap = Readonly<Record<ThemeColorKey, string>>
+
+export interface ThemeFonts {
+  readonly sans: string
+  readonly serif: string
+  readonly mono: string
+}
+
+export interface ThemeTokens {
+  readonly radius: string
+  readonly spacing: string
+  readonly trackingNormal: string
+  readonly shadowColor: string
+  readonly shadowOpacity: string
+  readonly shadowBlur: string
+  readonly shadowSpread: string
+  readonly shadowOffsetX: string
+  readonly shadowOffsetY: string
+}
+
+export interface ThemeShadows {
+  readonly "2xs": string
+  readonly xs: string
+  readonly sm: string
+  readonly default: string
+  readonly md: string
+  readonly lg: string
+  readonly xl: string
+  readonly "2xl": string
+}
+
+export interface ThemePreviewColors {
+  readonly primary: string
+  readonly background: string
+  readonly foreground: string
+}
+
+export interface ThemeDefinition {
+  readonly id: string
+  readonly name: string
+  readonly description: string
+  readonly light: ColorMap
+  readonly dark: ColorMap
+  readonly fonts: ThemeFonts
+  readonly fontSources: {
+    readonly googleFonts: ReadonlyArray<string>
+  }
+  readonly tokens: ThemeTokens
+  readonly shadows: {
+    readonly light: ThemeShadows
+    readonly dark: ThemeShadows
+  }
+  readonly isPreset: boolean
+  readonly previewColors: ThemePreviewColors
+}