From 22229286231a4399ec0ebb2a305546447831f9ca Mon Sep 17 00:00:00 2001
From: Willie Zutz <boarder2@bit-shift.com>
Date: Sat, 9 Aug 2025 17:30:12 -0600
Subject: [PATCH] feat(themes): Added custom theme support.

---
 .github/copilot-instructions.md               |    1 +
 package-lock.json                             | 1300 +++++++++++------
 package.json                                  |    3 +-
 postcss.config.js                             |    2 +-
 src/app/dashboard/page.tsx                    |   34 +-
 src/app/discover/page.tsx                     |   10 +-
 src/app/globals.css                           |  118 +-
 src/app/layout.tsx                            |   17 +-
 src/app/library/page.tsx                      |   16 +-
 src/app/settings/page.tsx                     |  246 ++--
 src/components/Chat.tsx                       |    4 +-
 src/components/ChatWindow.tsx                 |    4 +-
 src/components/CitationLink.tsx               |    8 +-
 src/components/DeleteChat.tsx                 |   10 +-
 src/components/EmptyChat.tsx                  |    4 +-
 src/components/Layout.tsx                     |    2 +-
 src/components/MarkdownRenderer.tsx           |   80 +-
 src/components/MessageActions/Copy.tsx        |    2 +-
 src/components/MessageActions/ModelInfo.tsx   |   38 +-
 src/components/MessageActions/Rewrite.tsx     |    2 +-
 src/components/MessageBox.tsx                 |   15 +-
 src/components/MessageBoxLoading.tsx          |   21 +-
 src/components/MessageInput.tsx               |   14 +-
 src/components/MessageInputActions/Attach.tsx |   46 +-
 .../MessageInputActions/Copilot.tsx           |   43 -
 src/components/MessageInputActions/Focus.tsx  |   42 +-
 .../MessageInputActions/ModelSelector.tsx     |   31 +-
 .../MessageInputActions/Optimization.tsx      |   22 +-
 .../SystemPromptSelector.tsx                  |   40 +-
 .../MessageInputActions/ToolSelector.tsx      |   28 +-
 src/components/MessageSource.tsx              |   31 +-
 src/components/MessageTabs.tsx                |   60 +-
 src/components/Navbar.tsx                     |   14 +-
 src/components/NewsArticleWidget.tsx          |   14 +-
 src/components/SearchImages.tsx               |    4 +-
 src/components/SearchVideos.tsx               |    6 +-
 src/components/Sidebar.tsx                    |   18 +-
 src/components/ThinkBox.tsx                   |   15 +-
 src/components/WeatherWidget.tsx              |   30 +-
 .../dashboard/WidgetConfigModal.tsx           |   83 +-
 src/components/dashboard/WidgetDisplay.tsx    |   53 +-
 src/components/theme/Controller.tsx           |  209 +++
 src/components/theme/Switcher.tsx             |  101 +-
 src/components/ui/Select.tsx                  |    2 +-
 src/lib/search/simplifiedAgent.ts             |    7 +-
 src/lib/utils/color-utils.ts                  |  213 +++
 tailwind.config.ts                            |   55 +-
 yarn.lock                                     |  745 +++++-----
 48 files changed, 2273 insertions(+), 1590 deletions(-)
 delete mode 100644 src/components/MessageInputActions/Copilot.tsx
 create mode 100644 src/components/theme/Controller.tsx
 create mode 100644 src/lib/utils/color-utils.ts

diff --git a/.github/copilot-instructions.md b/.github/copilot-instructions.md
index 1dc4536..ce6bc51 100644
--- a/.github/copilot-instructions.md
+++ b/.github/copilot-instructions.md
@@ -151,3 +151,4 @@ When working on this codebase, you might need to:
   - `/langchain-ai/langgraph` for LangGraph
   - `/quantizor/markdown-to-jsx` for Markdown to JSX conversion
   - `/context7/headlessui_com` for Headless UI components
+  - `/tailwindlabs/tailwindcss.com` for Tailwind CSS documentation
diff --git a/package-lock.json b/package-lock.json
index a796721..a7d1417 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -57,6 +57,7 @@
         "zod": "^3.22.4"
       },
       "devDependencies": {
+        "@tailwindcss/postcss": "^4.0.0",
         "@types/better-sqlite3": "^7.6.12",
         "@types/html-to-text": "^9.0.4",
         "@types/jsdom": "^21.1.7",
@@ -73,7 +74,7 @@
         "eslint-config-next": "14.1.4",
         "postcss": "^8",
         "prettier": "^3.2.5",
-        "tailwindcss": "^3.3.0",
+        "tailwindcss": "^4.0.0",
         "typescript": "^5"
       }
     },
@@ -81,6 +82,7 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
       "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=10"
@@ -89,6 +91,20 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
+      "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/@anthropic-ai/sdk": {
       "version": "0.27.3",
       "resolved": "https://registry.npmjs.org/@anthropic-ai/sdk/-/sdk-0.27.3.tgz",
@@ -106,9 +122,9 @@
       }
     },
     "node_modules/@anthropic-ai/sdk/node_modules/@types/node": {
-      "version": "18.19.121",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.121.tgz",
-      "integrity": "sha512-bHOrbyztmyYIi4f1R0s17QsPs1uyyYnGcXeZoGEd227oZjry0q6XQBQxd82X1I57zEfwO8h9Xo+Kl5gX1d9MwQ==",
+      "version": "18.19.122",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.122.tgz",
+      "integrity": "sha512-yzegtT82dwTNEe/9y+CM8cgb42WrUfMMCg2QqSddzO1J6uPmBD7qKCZ7dOHZP2Yrpm/kb0eqdNMn2MUyEiqBmA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -161,9 +177,9 @@
       }
     },
     "node_modules/@browserbasehq/sdk/node_modules/@types/node": {
-      "version": "18.19.121",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.121.tgz",
-      "integrity": "sha512-bHOrbyztmyYIi4f1R0s17QsPs1uyyYnGcXeZoGEd227oZjry0q6XQBQxd82X1I57zEfwO8h9Xo+Kl5gX1d9MwQ==",
+      "version": "18.19.122",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.122.tgz",
+      "integrity": "sha512-yzegtT82dwTNEe/9y+CM8cgb42WrUfMMCg2QqSddzO1J6uPmBD7qKCZ7dOHZP2Yrpm/kb0eqdNMn2MUyEiqBmA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -1484,9 +1500,9 @@
       }
     },
     "node_modules/@ibm-cloud/watsonx-ai/node_modules/@types/node": {
-      "version": "18.19.121",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.121.tgz",
-      "integrity": "sha512-bHOrbyztmyYIi4f1R0s17QsPs1uyyYnGcXeZoGEd227oZjry0q6XQBQxd82X1I57zEfwO8h9Xo+Kl5gX1d9MwQ==",
+      "version": "18.19.122",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.122.tgz",
+      "integrity": "sha512-yzegtT82dwTNEe/9y+CM8cgb42WrUfMMCg2QqSddzO1J6uPmBD7qKCZ7dOHZP2Yrpm/kb0eqdNMn2MUyEiqBmA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -1931,6 +1947,7 @@
       "version": "8.0.2",
       "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
       "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "string-width": "^5.1.2",
@@ -1948,6 +1965,7 @@
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
       "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -1960,6 +1978,7 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
       "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ansi-regex": "^6.0.1"
@@ -1971,10 +1990,24 @@
         "url": "https://github.com/chalk/strip-ansi?sponsor=1"
       }
     },
+    "node_modules/@isaacs/fs-minipass": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
+      "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^7.0.4"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.12",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.12.tgz",
       "integrity": "sha512-OuLGC46TjB5BbN1dH8JULVVZY4WTdkF7tV9Ys6wLL1rubZnCMstOhNHueU5bLCrnRuDhKPDM4g6sw4Bel5Gzqg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.5.0",
@@ -1985,6 +2018,7 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
       "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
@@ -1994,12 +2028,14 @@
       "version": "1.5.4",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.4.tgz",
       "integrity": "sha512-VT2+G1VQs/9oz078bLrYbecdZKs912zQlkelYpuf+SXF+QvZDYJlbx/LSx+meSAwdDFnF8FVXW92AVjjkVmgFw==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/@jridgewell/trace-mapping": {
       "version": "0.3.29",
       "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.29.tgz",
       "integrity": "sha512-uw6guiW/gcAGPDhLmd77/6lW8QLeiV5RUTsAX46Db6oLhGaVj4lhnPwb184s1bkc8kdVg/+h988dro8GRDpmYQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
@@ -2042,9 +2078,9 @@
       }
     },
     "node_modules/@langchain/community": {
-      "version": "0.3.49",
-      "resolved": "https://registry.npmjs.org/@langchain/community/-/community-0.3.49.tgz",
-      "integrity": "sha512-1AAo9mvr1FmqYHUpXhYI8P4NBPC4t9TfUAuvefEImrtb3gZ60fPelVu17ljWlKJcHC1hPSHYpPJWm0Yx7yRvrw==",
+      "version": "0.3.50",
+      "resolved": "https://registry.npmjs.org/@langchain/community/-/community-0.3.50.tgz",
+      "integrity": "sha512-3tni++DmYV1Xb4AYZmky4he8lMxrTrkOT+/RSVin5gAwEN5e0QEeNmipWpcKRrmDNUsZZxGdYRPN5Wo23hDqBA==",
       "license": "MIT",
       "dependencies": {
         "@langchain/openai": ">=0.2.0 <0.7.0",
@@ -2054,7 +2090,7 @@
         "flat": "^5.0.2",
         "js-yaml": "^4.1.0",
         "langchain": ">=0.2.3 <0.3.0 || >=0.3.4 <0.4.0",
-        "langsmith": "^0.3.33",
+        "langsmith": "^0.3.46",
         "uuid": "^10.0.0",
         "zod": "^3.25.32"
       },
@@ -2105,7 +2141,7 @@
         "@pinecone-database/pinecone": "*",
         "@planetscale/database": "^1.8.0",
         "@premai/prem-sdk": "^0.3.25",
-        "@qdrant/js-client-rest": "^1.8.2",
+        "@qdrant/js-client-rest": "^1.15.0",
         "@raycast/api": "^1.55.2",
         "@rockset/client": "^0.9.1",
         "@smithy/eventstream-codec": "^2.0.5",
@@ -2567,9 +2603,9 @@
       }
     },
     "node_modules/@langchain/core": {
-      "version": "0.3.66",
-      "resolved": "https://registry.npmjs.org/@langchain/core/-/core-0.3.66.tgz",
-      "integrity": "sha512-d3SgSDOlgOjdIbReIXVQl9HaQzKqO/5+E+o3kJwoKXLGP9dxi7+lMyaII7yv7G8/aUxMWLwFES9zc1jFoeJEZw==",
+      "version": "0.3.68",
+      "resolved": "https://registry.npmjs.org/@langchain/core/-/core-0.3.68.tgz",
+      "integrity": "sha512-dWPT1h9ObG1TK9uivFTk/pgBULZ6/tBmq8czGUjZjR+1xh9jB4tm/D5FY6o5FklXcEpnAI9peNq2x17Kl9wbMg==",
       "license": "MIT",
       "dependencies": {
         "@cfworker/json-schema": "^4.0.2",
@@ -2748,9 +2784,9 @@
       }
     },
     "node_modules/@langchain/openai/node_modules/openai": {
-      "version": "5.12.0",
-      "resolved": "https://registry.npmjs.org/openai/-/openai-5.12.0.tgz",
-      "integrity": "sha512-vUdt02xiWgOHiYUmW0Hj1Qu9OKAiVQu5Bd547ktVCiMKC1BkB5L3ImeEnCyq3WpRKR6ZTaPgekzqdozwdPs7Lg==",
+      "version": "5.12.2",
+      "resolved": "https://registry.npmjs.org/openai/-/openai-5.12.2.tgz",
+      "integrity": "sha512-xqzHHQch5Tws5PcKR2xsZGX9xtch+JQFz5zb14dGqlshmmDAFBFEWmeIpf7wVqWV+w7Emj7jRgkNJakyKE0tYQ==",
       "license": "Apache-2.0",
       "bin": {
         "openai": "bin/cli"
@@ -2822,9 +2858,9 @@
       }
     },
     "node_modules/@next/env": {
-      "version": "15.4.5",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.4.5.tgz",
-      "integrity": "sha512-ruM+q2SCOVCepUiERoxOmZY9ZVoecR3gcXNwCYZRvQQWRjhOiPJGmQ2fAiLR6YKWXcSAh7G79KEFxN3rwhs4LQ==",
+      "version": "15.4.6",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.4.6.tgz",
+      "integrity": "sha512-yHDKVTcHrZy/8TWhj0B23ylKv5ypocuCwey9ZqPyv4rPdUdRzpGCkSi03t04KBPyU96kxVtUqx6O3nE1kpxASQ==",
       "license": "MIT"
     },
     "node_modules/@next/eslint-plugin-next": {
@@ -2838,9 +2874,9 @@
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "15.4.5",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.4.5.tgz",
-      "integrity": "sha512-84dAN4fkfdC7nX6udDLz9GzQlMUwEMKD7zsseXrl7FTeIItF8vpk1lhLEnsotiiDt+QFu3O1FVWnqwcRD2U3KA==",
+      "version": "15.4.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.4.6.tgz",
+      "integrity": "sha512-667R0RTP4DwxzmrqTs4Lr5dcEda9OxuZsVFsjVtxVMVhzSpo6nLclXejJVfQo2/g7/Z9qF3ETDmN3h65mTjpTQ==",
       "cpu": [
         "arm64"
       ],
@@ -2854,9 +2890,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "15.4.5",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.4.5.tgz",
-      "integrity": "sha512-CL6mfGsKuFSyQjx36p2ftwMNSb8PQog8y0HO/ONLdQqDql7x3aJb/wB+LA651r4we2pp/Ck+qoRVUeZZEvSurA==",
+      "version": "15.4.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.4.6.tgz",
+      "integrity": "sha512-KMSFoistFkaiQYVQQnaU9MPWtp/3m0kn2Xed1Ces5ll+ag1+rlac20sxG+MqhH2qYWX1O2GFOATQXEyxKiIscg==",
       "cpu": [
         "x64"
       ],
@@ -2870,9 +2906,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "15.4.5",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.4.5.tgz",
-      "integrity": "sha512-1hTVd9n6jpM/thnDc5kYHD1OjjWYpUJrJxY4DlEacT7L5SEOXIifIdTye6SQNNn8JDZrcN+n8AWOmeJ8u3KlvQ==",
+      "version": "15.4.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.4.6.tgz",
+      "integrity": "sha512-PnOx1YdO0W7m/HWFeYd2A6JtBO8O8Eb9h6nfJia2Dw1sRHoHpNf6lN1U4GKFRzRDBi9Nq2GrHk9PF3Vmwf7XVw==",
       "cpu": [
         "arm64"
       ],
@@ -2886,9 +2922,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "15.4.5",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.4.5.tgz",
-      "integrity": "sha512-4W+D/nw3RpIwGrqpFi7greZ0hjrCaioGErI7XHgkcTeWdZd146NNu1s4HnaHonLeNTguKnL2Urqvj28UJj6Gqw==",
+      "version": "15.4.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.4.6.tgz",
+      "integrity": "sha512-XBbuQddtY1p5FGPc2naMO0kqs4YYtLYK/8aPausI5lyOjr4J77KTG9mtlU4P3NwkLI1+OjsPzKVvSJdMs3cFaw==",
       "cpu": [
         "arm64"
       ],
@@ -2902,9 +2938,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "15.4.5",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.4.5.tgz",
-      "integrity": "sha512-N6Mgdxe/Cn2K1yMHge6pclffkxzbSGOydXVKYOjYqQXZYjLCfN/CuFkaYDeDHY2VBwSHyM2fUjYBiQCIlxIKDA==",
+      "version": "15.4.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.4.6.tgz",
+      "integrity": "sha512-+WTeK7Qdw82ez3U9JgD+igBAP75gqZ1vbK6R8PlEEuY0OIe5FuYXA4aTjL811kWPf7hNeslD4hHK2WoM9W0IgA==",
       "cpu": [
         "x64"
       ],
@@ -2918,9 +2954,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "15.4.5",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.4.5.tgz",
-      "integrity": "sha512-YZ3bNDrS8v5KiqgWE0xZQgtXgCTUacgFtnEgI4ccotAASwSvcMPDLua7BWLuTfucoRv6mPidXkITJLd8IdJplQ==",
+      "version": "15.4.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.4.6.tgz",
+      "integrity": "sha512-XP824mCbgQsK20jlXKrUpZoh/iO3vUWhMpxCz8oYeagoiZ4V0TQiKy0ASji1KK6IAe3DYGfj5RfKP6+L2020OQ==",
       "cpu": [
         "x64"
       ],
@@ -2934,9 +2970,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "15.4.5",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.4.5.tgz",
-      "integrity": "sha512-9Wr4t9GkZmMNcTVvSloFtjzbH4vtT4a8+UHqDoVnxA5QyfWe6c5flTH1BIWPGNWSUlofc8dVJAE7j84FQgskvQ==",
+      "version": "15.4.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.4.6.tgz",
+      "integrity": "sha512-FxrsenhUz0LbgRkNWx6FRRJIPe/MI1JRA4W4EPd5leXO00AZ6YU8v5vfx4MDXTvN77lM/EqsE3+6d2CIeF5NYg==",
       "cpu": [
         "arm64"
       ],
@@ -2950,9 +2986,9 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "15.4.5",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.4.5.tgz",
-      "integrity": "sha512-voWk7XtGvlsP+w8VBz7lqp8Y+dYw/MTI4KeS0gTVtfdhdJ5QwhXLmNrndFOin/MDoCvUaLWMkYKATaCoUkt2/A==",
+      "version": "15.4.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.4.6.tgz",
+      "integrity": "sha512-T4ufqnZ4u88ZheczkBTtOF+eKaM14V8kbjud/XrAakoM5DKQWjW09vD6B9fsdsWS2T7D5EY31hRHdta7QKWOng==",
       "cpu": [
         "x64"
       ],
@@ -2969,6 +3005,7 @@
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
@@ -2982,6 +3019,7 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
       "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 8"
@@ -2991,6 +3029,7 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@nodelib/fs.scandir": "2.1.5",
@@ -3021,6 +3060,7 @@
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
       "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "engines": {
@@ -3240,6 +3280,282 @@
         "tslib": "^2.8.0"
       }
     },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.11.tgz",
+      "integrity": "sha512-yzhzuGRmv5QyU9qLNg4GTlYI6STedBWRE7NjxP45CsFYYq9taI0zJXZBMqIC/c8fViNLhmrbpSFS57EoxUmD6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@ampproject/remapping": "^2.3.0",
+        "enhanced-resolve": "^5.18.1",
+        "jiti": "^2.4.2",
+        "lightningcss": "1.30.1",
+        "magic-string": "^0.30.17",
+        "source-map-js": "^1.2.1",
+        "tailwindcss": "4.1.11"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.11.tgz",
+      "integrity": "sha512-Q69XzrtAhuyfHo+5/HMgr1lAiPP/G40OMFAnws7xcFEYqcypZmdW8eGXaOUIeOl1dzPJBPENXgbjsOyhg2nkrg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "detect-libc": "^2.0.4",
+        "tar": "^7.4.3"
+      },
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.1.11",
+        "@tailwindcss/oxide-darwin-arm64": "4.1.11",
+        "@tailwindcss/oxide-darwin-x64": "4.1.11",
+        "@tailwindcss/oxide-freebsd-x64": "4.1.11",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.11",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.1.11",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.1.11",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.1.11",
+        "@tailwindcss/oxide-linux-x64-musl": "4.1.11",
+        "@tailwindcss/oxide-wasm32-wasi": "4.1.11",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.1.11",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.1.11"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.11.tgz",
+      "integrity": "sha512-3IfFuATVRUMZZprEIx9OGDjG3Ou3jG4xQzNTvjDoKmU9JdmoCohQJ83MYd0GPnQIu89YoJqvMM0G3uqLRFtetg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.11.tgz",
+      "integrity": "sha512-ESgStEOEsyg8J5YcMb1xl8WFOXfeBmrhAwGsFxxB2CxY9evy63+AtpbDLAyRkJnxLy2WsD1qF13E97uQyP1lfQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.11.tgz",
+      "integrity": "sha512-EgnK8kRchgmgzG6jE10UQNaH9Mwi2n+yw1jWmof9Vyg2lpKNX2ioe7CJdf9M5f8V9uaQxInenZkOxnTVL3fhAw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.11.tgz",
+      "integrity": "sha512-xdqKtbpHs7pQhIKmqVpxStnY1skuNh4CtbcyOHeX1YBE0hArj2romsFGb6yUmzkq/6M24nkxDqU8GYrKrz+UcA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.11.tgz",
+      "integrity": "sha512-ryHQK2eyDYYMwB5wZL46uoxz2zzDZsFBwfjssgB7pzytAeCCa6glsiJGjhTEddq/4OsIjsLNMAiMlHNYnkEEeg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.11.tgz",
+      "integrity": "sha512-mYwqheq4BXF83j/w75ewkPJmPZIqqP1nhoghS9D57CLjsh3Nfq0m4ftTotRYtGnZd3eCztgbSPJ9QhfC91gDZQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.11.tgz",
+      "integrity": "sha512-m/NVRFNGlEHJrNVk3O6I9ggVuNjXHIPoD6bqay/pubtYC9QIdAMpS+cswZQPBLvVvEF6GtSNONbDkZrjWZXYNQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.11.tgz",
+      "integrity": "sha512-YW6sblI7xukSD2TdbbaeQVDysIm/UPJtObHJHKxDEcW2exAtY47j52f8jZXkqE1krdnkhCMGqP3dbniu1Te2Fg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.11.tgz",
+      "integrity": "sha512-e3C/RRhGunWYNC3aSF7exsQkdXzQ/M+aYuZHKnw4U7KQwTJotnWsGOIVih0s2qQzmEzOFIJ3+xt7iq67K/p56Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.11.tgz",
+      "integrity": "sha512-Xo1+/GU0JEN/C/dvcammKHzeM6NqKovG+6921MR6oadee5XPBaKOumrJCXvopJ/Qb5TH7LX/UAywbqrP4lax0g==",
+      "bundleDependencies": [
+        "@napi-rs/wasm-runtime",
+        "@emnapi/core",
+        "@emnapi/runtime",
+        "@tybys/wasm-util",
+        "@emnapi/wasi-threads",
+        "tslib"
+      ],
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.4.3",
+        "@emnapi/runtime": "^1.4.3",
+        "@emnapi/wasi-threads": "^1.0.2",
+        "@napi-rs/wasm-runtime": "^0.2.11",
+        "@tybys/wasm-util": "^0.9.0",
+        "tslib": "^2.8.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.11.tgz",
+      "integrity": "sha512-UgKYx5PwEKrac3GPNPf6HVMNhUIGuUh4wlDFR2jYYdkX6pL/rn73zTq/4pzUm8fOjAn5L8zDeHp9iXmUGOXZ+w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.11.tgz",
+      "integrity": "sha512-YfHoggn1j0LK7wR82TOucWc5LDCguHnoS879idHekmmiR7g9HUtMw9MI0NHatS28u/Xlkfi9w5RJWgz2Dl+5Qg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/postcss": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.1.11.tgz",
+      "integrity": "sha512-q/EAIIpF6WpLhKEuQSEVMZNMIY8KhWoAemZ9eylNAih9jxMGAYPPWBn3I9QL/2jZ+e7OEz/tZkX5HwbBR4HohA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "@tailwindcss/node": "4.1.11",
+        "@tailwindcss/oxide": "4.1.11",
+        "postcss": "^8.4.41",
+        "tailwindcss": "4.1.11"
+      }
+    },
     "node_modules/@tailwindcss/typography": {
       "version": "0.5.16",
       "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.16.tgz",
@@ -3393,9 +3709,9 @@
       "peer": true
     },
     "node_modules/@types/node": {
-      "version": "20.19.9",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.9.tgz",
-      "integrity": "sha512-cuVNgarYWZqxRJDQHEB58GEONhOK79QVR/qYx4S7kcUObQvUwvFnYxJuuHUKm2aieN9X3yZB4LZsuYNU1Qphsw==",
+      "version": "20.19.10",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.10.tgz",
+      "integrity": "sha512-iAFpG6DokED3roLSP0K+ybeDdIX6Bc0Vd3mLW5uDqThPWtNos3E+EqOM11mPQHKzfWHqEBuLjIlsBQQ8CsISmQ==",
       "license": "MIT",
       "dependencies": {
         "undici-types": "~6.21.0"
@@ -4036,31 +4352,6 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/any-promise": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
-      "license": "MIT"
-    },
-    "node_modules/anymatch": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "license": "ISC",
-      "dependencies": {
-        "normalize-path": "^3.0.0",
-        "picomatch": "^2.0.4"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/arg": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-      "license": "MIT"
-    },
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -4383,12 +4674,13 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/bare-events": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/bare-events/-/bare-events-2.6.0.tgz",
-      "integrity": "sha512-EKZ5BTXYExaNqi3I3f9RtEsaI/xBSGjE0XZCZilPzFAV/goswFHuPd9jEZlPIZ/iNZJwDSao9qRiScySz7MbQg==",
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/bare-events/-/bare-events-2.6.1.tgz",
+      "integrity": "sha512-AuTJkq9XmE6Vk0FJVNq5QxETrSA/vKHarWVBG5l/JbdCL1prJemiyJqUS0jrlXO0MftuPq4m3YVYhoNc5+aE/g==",
       "license": "Apache-2.0",
       "optional": true
     },
@@ -4571,6 +4863,7 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
       "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "fill-range": "^7.1.1"
@@ -4580,9 +4873,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.25.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.25.1.tgz",
-      "integrity": "sha512-KGj0KoOMXLpSNkkEI6Z6mShmQy0bc1I+T7K9N81k4WWMrfz+6fQ6es80B/YLAeRoKvjYE1YSHHOW1qe9xIVzHw==",
+      "version": "4.25.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.25.2.tgz",
+      "integrity": "sha512-0si2SJK3ooGzIawRu61ZdPCO1IncZwS8IzuX73sPZsXW6EQ/w/DAfPyKI8l1ETTCr2MnvqWitmlCUxgdul45jA==",
       "dev": true,
       "funding": [
         {
@@ -4600,8 +4893,8 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "caniuse-lite": "^1.0.30001726",
-        "electron-to-chromium": "^1.5.173",
+        "caniuse-lite": "^1.0.30001733",
+        "electron-to-chromium": "^1.5.199",
         "node-releases": "^2.0.19",
         "update-browserslist-db": "^1.1.3"
       },
@@ -4733,19 +5026,10 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/camelcase-css": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
-      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001731",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001731.tgz",
-      "integrity": "sha512-lDdp2/wrOmTRWuoB5DpfNkC0rJDU8DqRa6nYL6HK6sytw70QMopt/NIc/9SM7ylItlBWfACXk0tEn37UWM/+mg==",
+      "version": "1.0.30001733",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001733.tgz",
+      "integrity": "sha512-e4QKw/O2Kavj2VQTKZWrwzkt3IxOmIlU6ajRb6LP64LHpBo1J67k2Hi4Vu/TgJWsNtynurfS0uK3MaUTCPfu5Q==",
       "funding": [
         {
           "type": "opencollective",
@@ -4885,47 +5169,15 @@
         "url": "https://github.com/sponsors/fb55"
       }
     },
-    "node_modules/chokidar": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
-      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
-      "license": "MIT",
-      "dependencies": {
-        "anymatch": "~3.1.2",
-        "braces": "~3.0.2",
-        "glob-parent": "~5.1.2",
-        "is-binary-path": "~2.1.0",
-        "is-glob": "~4.0.1",
-        "normalize-path": "~3.0.0",
-        "readdirp": "~3.6.0"
-      },
-      "engines": {
-        "node": ">= 8.10.0"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/chokidar/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/chownr": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
-      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
-      "license": "ISC"
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
+      "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
     },
     "node_modules/client-only": {
       "version": "0.0.1",
@@ -5106,15 +5358,6 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/commander": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/compute-cosine-similarity": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/compute-cosine-similarity/-/compute-cosine-similarity-1.1.0.tgz",
@@ -5191,6 +5434,7 @@
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
       "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "path-key": "^3.1.0",
@@ -5470,12 +5714,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/didyoumean": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-      "license": "Apache-2.0"
-    },
     "node_modules/dingbat-to-unicode": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/dingbat-to-unicode/-/dingbat-to-unicode-1.0.1.tgz",
@@ -5495,12 +5733,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/dlv": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-      "license": "MIT"
-    },
     "node_modules/doctrine": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
@@ -5757,6 +5989,7 @@
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
       "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/ecdsa-sig-formatter": {
@@ -5770,9 +6003,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.196",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.196.tgz",
-      "integrity": "sha512-FnnXV0dXANe7YNtKl/Af1raw+sBBUPuwcNEWfLOJyumXBvfQEBsnc0Gn+yEnVscq4x3makTtrlf4TjAo7lcXTQ==",
+      "version": "1.5.199",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.199.tgz",
+      "integrity": "sha512-3gl0S7zQd88kCAZRO/DnxtBKuhMO4h0EaQIN3YgZfV6+pW+5+bf2AdQeHNESCoaQqo/gjGVYEf2YM4O5HJQqpQ==",
       "dev": true,
       "license": "ISC"
     },
@@ -5780,6 +6013,7 @@
       "version": "9.2.2",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
       "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/enabled": {
@@ -5810,6 +6044,20 @@
         "once": "^1.4.0"
       }
     },
+    "node_modules/enhanced-resolve": {
+      "version": "5.18.3",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz",
+      "integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
     "node_modules/entities": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
@@ -6599,6 +6847,7 @@
       "version": "3.3.3",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
       "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
@@ -6615,6 +6864,7 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.1"
@@ -6659,6 +6909,7 @@
       "version": "1.19.1",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
       "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "reusify": "^1.0.4"
@@ -6730,6 +6981,7 @@
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
       "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "to-regex-range": "^5.0.1"
@@ -6838,6 +7090,7 @@
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
       "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "cross-spawn": "^7.0.6",
@@ -7108,6 +7361,7 @@
       "version": "10.3.10",
       "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
       "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "foreground-child": "^3.1.0",
@@ -7130,6 +7384,7 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
       "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.3"
@@ -7142,6 +7397,7 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
       "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0"
@@ -7151,6 +7407,7 @@
       "version": "9.0.5",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
       "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "brace-expansion": "^2.0.1"
@@ -7228,6 +7485,13 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/graphemer": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
@@ -7273,9 +7537,9 @@
       }
     },
     "node_modules/groq-sdk/node_modules/@types/node": {
-      "version": "18.19.121",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.121.tgz",
-      "integrity": "sha512-bHOrbyztmyYIi4f1R0s17QsPs1uyyYnGcXeZoGEd227oZjry0q6XQBQxd82X1I57zEfwO8h9Xo+Kl5gX1d9MwQ==",
+      "version": "18.19.122",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.122.tgz",
+      "integrity": "sha512-yzegtT82dwTNEe/9y+CM8cgb42WrUfMMCg2QqSddzO1J6uPmBD7qKCZ7dOHZP2Yrpm/kb0eqdNMn2MUyEiqBmA==",
       "license": "MIT",
       "dependencies": {
         "undici-types": "~5.26.4"
@@ -7580,9 +7844,9 @@
       }
     },
     "node_modules/ibm-cloud-sdk-core/node_modules/@types/node": {
-      "version": "18.19.121",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.121.tgz",
-      "integrity": "sha512-bHOrbyztmyYIi4f1R0s17QsPs1uyyYnGcXeZoGEd227oZjry0q6XQBQxd82X1I57zEfwO8h9Xo+Kl5gX1d9MwQ==",
+      "version": "18.19.122",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.122.tgz",
+      "integrity": "sha512-yzegtT82dwTNEe/9y+CM8cgb42WrUfMMCg2QqSddzO1J6uPmBD7qKCZ7dOHZP2Yrpm/kb0eqdNMn2MUyEiqBmA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -7794,18 +8058,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-binary-path": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "license": "MIT",
-      "dependencies": {
-        "binary-extensions": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/is-boolean-object": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
@@ -7850,6 +8102,7 @@
       "version": "2.16.1",
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
       "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "hasown": "^2.0.2"
@@ -7910,6 +8163,7 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -7963,6 +8217,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "is-extglob": "^2.1.1"
@@ -8011,6 +8266,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.12.0"
@@ -8216,6 +8472,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
       "license": "ISC"
     },
     "node_modules/isstream": {
@@ -8247,6 +8504,7 @@
       "version": "2.3.6",
       "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz",
       "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==",
+      "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
         "@isaacs/cliui": "^8.0.2"
@@ -8262,18 +8520,19 @@
       }
     },
     "node_modules/jiti": {
-      "version": "1.21.7",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
-      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.5.1.tgz",
+      "integrity": "sha512-twQoecYPiVA5K/h6SxtORw/Bs3ar+mLUtoPSc7iMXzQzK8d7eJ/R09wmTwAjiamETn1cXYPGfNnu7DMoHgu12w==",
+      "dev": true,
       "license": "MIT",
       "bin": {
-        "jiti": "bin/jiti.js"
+        "jiti": "lib/jiti-cli.mjs"
       }
     },
     "node_modules/js-tiktoken": {
-      "version": "1.0.20",
-      "resolved": "https://registry.npmjs.org/js-tiktoken/-/js-tiktoken-1.0.20.tgz",
-      "integrity": "sha512-Xlaqhhs8VfCd6Sh7a1cFkZHQbYTLCwVJJWiHVxBYzLPxW0XsoxBy1hitmjkdIjD3Aon5BXLHFwU5O8WUx6HH+A==",
+      "version": "1.0.21",
+      "resolved": "https://registry.npmjs.org/js-tiktoken/-/js-tiktoken-1.0.21.tgz",
+      "integrity": "sha512-biOj/6M5qdgx5TKjDnFT1ymSpM5tbd3ylwDtrQvFQSu0Z7bBYko2dF+W/aUkXUPuk6IVpRxk/3Q2sHOzGlS36g==",
       "license": "MIT",
       "dependencies": {
         "base64-js": "^1.5.1"
@@ -8595,9 +8854,9 @@
       }
     },
     "node_modules/langsmith": {
-      "version": "0.3.52",
-      "resolved": "https://registry.npmjs.org/langsmith/-/langsmith-0.3.52.tgz",
-      "integrity": "sha512-GxKl1uxCJa/PbB0CtzpfYtGIYQBQrrdTjkcIqrL5eCldOb4ro2jiqC0HbkVcs1ytK3Xe+SHoA0NUv062XXto/g==",
+      "version": "0.3.55",
+      "resolved": "https://registry.npmjs.org/langsmith/-/langsmith-0.3.55.tgz",
+      "integrity": "sha512-YC/e6lUIYSkheOq9PR6O4CV6GOhYHyPvF2w0SOk85Mw4P5ae/oFdjuFsv7BCjKhPs4vFWC6Fz/qxPTz9mXNhVw==",
       "license": "MIT",
       "dependencies": {
         "@types/uuid": "^10.0.0",
@@ -8681,23 +8940,244 @@
         "immediate": "~3.0.5"
       }
     },
-    "node_modules/lilconfig": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
-      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
-      "license": "MIT",
+    "node_modules/lightningcss": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.1.tgz",
+      "integrity": "sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
       "engines": {
-        "node": ">=14"
+        "node": ">= 12.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/antonk52"
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-darwin-arm64": "1.30.1",
+        "lightningcss-darwin-x64": "1.30.1",
+        "lightningcss-freebsd-x64": "1.30.1",
+        "lightningcss-linux-arm-gnueabihf": "1.30.1",
+        "lightningcss-linux-arm64-gnu": "1.30.1",
+        "lightningcss-linux-arm64-musl": "1.30.1",
+        "lightningcss-linux-x64-gnu": "1.30.1",
+        "lightningcss-linux-x64-musl": "1.30.1",
+        "lightningcss-win32-arm64-msvc": "1.30.1",
+        "lightningcss-win32-x64-msvc": "1.30.1"
       }
     },
-    "node_modules/lines-and-columns": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "license": "MIT"
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.1.tgz",
+      "integrity": "sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.1.tgz",
+      "integrity": "sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.1.tgz",
+      "integrity": "sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.1.tgz",
+      "integrity": "sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.1.tgz",
+      "integrity": "sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.1.tgz",
+      "integrity": "sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.1.tgz",
+      "integrity": "sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.1.tgz",
+      "integrity": "sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.1.tgz",
+      "integrity": "sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.1.tgz",
+      "integrity": "sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
     },
     "node_modules/locate-path": {
       "version": "6.0.0",
@@ -8865,6 +9345,16 @@
         "node": ">=12"
       }
     },
+    "node_modules/magic-string": {
+      "version": "0.30.17",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
+      "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0"
+      }
+    },
     "node_modules/mammoth": {
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/mammoth/-/mammoth-1.10.0.tgz",
@@ -8923,6 +9413,7 @@
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 8"
@@ -8932,6 +9423,7 @@
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
       "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "braces": "^3.0.3",
@@ -9000,11 +9492,41 @@
       "version": "7.1.2",
       "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
       "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "dev": true,
       "license": "ISC",
       "engines": {
         "node": ">=16 || 14 >=14.17"
       }
     },
+    "node_modules/minizlib": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.0.2.tgz",
+      "integrity": "sha512-oG62iEk+CYt5Xj2YqI5Xi9xWUeZhDI8jjQmC5oThVH5JGCTgIjr7ciJDzC7MBzYd//WvR1OTmP5Q38Q8ShQtVA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minipass": "^7.1.2"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-3.0.1.tgz",
+      "integrity": "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mkdirp": "dist/cjs/src/bin.js"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/mkdirp-classic": {
       "version": "0.5.3",
       "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz",
@@ -9026,17 +9548,6 @@
         "mustache": "bin/mustache"
       }
     },
-    "node_modules/mz": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
-      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
-      "license": "MIT",
-      "dependencies": {
-        "any-promise": "^1.0.0",
-        "object-assign": "^4.0.1",
-        "thenify-all": "^1.0.0"
-      }
-    },
     "node_modules/nanoid": {
       "version": "3.3.11",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
@@ -9062,9 +9573,9 @@
       "license": "MIT"
     },
     "node_modules/napi-postinstall": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/napi-postinstall/-/napi-postinstall-0.3.2.tgz",
-      "integrity": "sha512-tWVJxJHmBWLy69PvO96TZMZDrzmw5KeiZBz3RHmiM2XZ9grBJ2WgMAFVVg25nqp3ZjTFUs2Ftw1JhscL3Teliw==",
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/napi-postinstall/-/napi-postinstall-0.3.3.tgz",
+      "integrity": "sha512-uTp172LLXSxuSYHv/kou+f6KW3SMppU9ivthaVTXian9sOt3XM/zHYHpRZiLgQoxeWfYUnslNWQHF1+G71xcow==",
       "dev": true,
       "license": "MIT",
       "bin": {
@@ -9085,12 +9596,12 @@
       "license": "MIT"
     },
     "node_modules/next": {
-      "version": "15.4.5",
-      "resolved": "https://registry.npmjs.org/next/-/next-15.4.5.tgz",
-      "integrity": "sha512-nJ4v+IO9CPmbmcvsPebIoX3Q+S7f6Fu08/dEWu0Ttfa+wVwQRh9epcmsyCPjmL2b8MxC+CkBR97jgDhUUztI3g==",
+      "version": "15.4.6",
+      "resolved": "https://registry.npmjs.org/next/-/next-15.4.6.tgz",
+      "integrity": "sha512-us++E/Q80/8+UekzB3SAGs71AlLDsadpFMXVNM/uQ0BMwsh9m3mr0UNQIfjKed8vpWXsASe+Qifrnu1oLIcKEQ==",
       "license": "MIT",
       "dependencies": {
-        "@next/env": "15.4.5",
+        "@next/env": "15.4.6",
         "@swc/helpers": "0.5.15",
         "caniuse-lite": "^1.0.30001579",
         "postcss": "8.4.31",
@@ -9103,14 +9614,14 @@
         "node": "^18.18.0 || ^19.8.0 || >= 20.0.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "15.4.5",
-        "@next/swc-darwin-x64": "15.4.5",
-        "@next/swc-linux-arm64-gnu": "15.4.5",
-        "@next/swc-linux-arm64-musl": "15.4.5",
-        "@next/swc-linux-x64-gnu": "15.4.5",
-        "@next/swc-linux-x64-musl": "15.4.5",
-        "@next/swc-win32-arm64-msvc": "15.4.5",
-        "@next/swc-win32-x64-msvc": "15.4.5",
+        "@next/swc-darwin-arm64": "15.4.6",
+        "@next/swc-darwin-x64": "15.4.6",
+        "@next/swc-linux-arm64-gnu": "15.4.6",
+        "@next/swc-linux-arm64-musl": "15.4.6",
+        "@next/swc-linux-x64-gnu": "15.4.6",
+        "@next/swc-linux-x64-musl": "15.4.6",
+        "@next/swc-win32-arm64-msvc": "15.4.6",
+        "@next/swc-win32-x64-msvc": "15.4.6",
         "sharp": "^0.34.3"
       },
       "peerDependencies": {
@@ -9349,15 +9860,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/normalize-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/normalize-range": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
@@ -9395,15 +9897,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/object-hash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
-      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/object-inspect": {
       "version": "1.13.4",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
@@ -9518,9 +10011,9 @@
       }
     },
     "node_modules/ollama": {
-      "version": "0.5.16",
-      "resolved": "https://registry.npmjs.org/ollama/-/ollama-0.5.16.tgz",
-      "integrity": "sha512-OEbxxOIUZtdZgOaTPAULo051F5y+Z1vosxEYOoABPnQKeW7i4O8tJNlxCB+xioyoorVqgjkdj+TA1f1Hy2ug/w==",
+      "version": "0.5.17",
+      "resolved": "https://registry.npmjs.org/ollama/-/ollama-0.5.17.tgz",
+      "integrity": "sha512-q5LmPtk6GLFouS+3aURIVl+qcAOPC4+Msmx7uBb3pd+fxI55WnGjmLZ0yijI/CYy79x0QPGx3BwC3u5zv9fBvQ==",
       "license": "MIT",
       "dependencies": {
         "whatwg-fetch": "^3.6.20"
@@ -9620,9 +10113,9 @@
       }
     },
     "node_modules/openai/node_modules/@types/node": {
-      "version": "18.19.121",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.121.tgz",
-      "integrity": "sha512-bHOrbyztmyYIi4f1R0s17QsPs1uyyYnGcXeZoGEd227oZjry0q6XQBQxd82X1I57zEfwO8h9Xo+Kl5gX1d9MwQ==",
+      "version": "18.19.122",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.122.tgz",
+      "integrity": "sha512-yzegtT82dwTNEe/9y+CM8cgb42WrUfMMCg2QqSddzO1J6uPmBD7qKCZ7dOHZP2Yrpm/kb0eqdNMn2MUyEiqBmA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -9888,6 +10381,7 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
       "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
@@ -9897,12 +10391,14 @@
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
       "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/path-scurry": {
       "version": "1.11.1",
       "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
       "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+      "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
         "lru-cache": "^10.2.0",
@@ -9987,6 +10483,7 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8.6"
@@ -9995,24 +10492,6 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/pify": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
-      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/pirates": {
-      "version": "4.0.7",
-      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
-      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/platform": {
       "version": "1.3.6",
       "resolved": "https://registry.npmjs.org/platform/-/platform-1.3.6.tgz",
@@ -10063,6 +10542,7 @@
       "version": "8.5.6",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
       "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -10087,115 +10567,6 @@
         "node": "^10 || ^12 || >=14"
       }
     },
-    "node_modules/postcss-import": {
-      "version": "15.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
-      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
-      "license": "MIT",
-      "dependencies": {
-        "postcss-value-parser": "^4.0.0",
-        "read-cache": "^1.0.0",
-        "resolve": "^1.1.7"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.0.0"
-      }
-    },
-    "node_modules/postcss-js": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
-      "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
-      "license": "MIT",
-      "dependencies": {
-        "camelcase-css": "^2.0.1"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >= 16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.21"
-      }
-    },
-    "node_modules/postcss-load-config": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
-      "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "lilconfig": "^3.0.0",
-        "yaml": "^2.3.4"
-      },
-      "engines": {
-        "node": ">= 14"
-      },
-      "peerDependencies": {
-        "postcss": ">=8.0.9",
-        "ts-node": ">=9.0.0"
-      },
-      "peerDependenciesMeta": {
-        "postcss": {
-          "optional": true
-        },
-        "ts-node": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/postcss-nested": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
-      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "postcss-selector-parser": "^6.1.1"
-      },
-      "engines": {
-        "node": ">=12.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.14"
-      }
-    },
-    "node_modules/postcss-nested/node_modules/postcss-selector-parser": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
-      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
-      "license": "MIT",
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/postcss-selector-parser": {
       "version": "6.0.10",
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
@@ -10213,6 +10584,7 @@
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
       "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/prebuild-install": {
@@ -10391,6 +10763,7 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
       "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -10557,15 +10930,6 @@
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
-    "node_modules/read-cache": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
-      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-      "license": "MIT",
-      "dependencies": {
-        "pify": "^2.3.0"
-      }
-    },
     "node_modules/readable-stream": {
       "version": "2.3.8",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
@@ -10656,18 +11020,6 @@
         "safe-buffer": "~5.2.0"
       }
     },
-    "node_modules/readdirp": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "license": "MIT",
-      "dependencies": {
-        "picomatch": "^2.2.1"
-      },
-      "engines": {
-        "node": ">=8.10.0"
-      }
-    },
     "node_modules/reflect.getprototypeof": {
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
@@ -10769,6 +11121,7 @@
       "version": "1.22.10",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
       "integrity": "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "is-core-module": "^2.16.0",
@@ -10831,6 +11184,7 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
       "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "iojs": ">=1.0.0",
@@ -10896,6 +11250,7 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
       "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -11168,6 +11523,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
       "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "shebang-regex": "^3.0.0"
@@ -11180,6 +11536,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
@@ -11278,6 +11635,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
       "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
       "license": "ISC",
       "engines": {
         "node": ">=14"
@@ -11484,6 +11842,7 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
       "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "eastasianwidth": "^0.2.0",
@@ -11502,6 +11861,7 @@
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "emoji-regex": "^8.0.0",
@@ -11516,12 +11876,14 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/string-width/node_modules/ansi-regex": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
       "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -11534,6 +11896,7 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
       "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ansi-regex": "^6.0.1"
@@ -11675,6 +12038,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ansi-regex": "^5.0.1"
@@ -11759,28 +12123,6 @@
         }
       }
     },
-    "node_modules/sucrase": {
-      "version": "3.35.0",
-      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
-      "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.2",
-        "commander": "^4.0.0",
-        "glob": "^10.3.10",
-        "lines-and-columns": "^1.1.6",
-        "mz": "^2.7.0",
-        "pirates": "^4.0.1",
-        "ts-interface-checker": "^0.1.9"
-      },
-      "bin": {
-        "sucrase": "bin/sucrase",
-        "sucrase-node": "bin/sucrase-node"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      }
-    },
     "node_modules/supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -11797,6 +12139,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -11838,53 +12181,37 @@
       }
     },
     "node_modules/tailwindcss": {
-      "version": "3.4.17",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.17.tgz",
-      "integrity": "sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==",
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.11.tgz",
+      "integrity": "sha512-2E9TBm6MDD/xKYe+dvJZAmg3yxIEDNRc0jwlNyDg/4Fil2QcSLjFKGVff0lAf1jjeaArlG/M75Ey/EYr/OJtBA==",
+      "license": "MIT"
+    },
+    "node_modules/tapable": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.2.tgz",
+      "integrity": "sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@alloc/quick-lru": "^5.2.0",
-        "arg": "^5.0.2",
-        "chokidar": "^3.6.0",
-        "didyoumean": "^1.2.2",
-        "dlv": "^1.1.3",
-        "fast-glob": "^3.3.2",
-        "glob-parent": "^6.0.2",
-        "is-glob": "^4.0.3",
-        "jiti": "^1.21.6",
-        "lilconfig": "^3.1.3",
-        "micromatch": "^4.0.8",
-        "normalize-path": "^3.0.0",
-        "object-hash": "^3.0.0",
-        "picocolors": "^1.1.1",
-        "postcss": "^8.4.47",
-        "postcss-import": "^15.1.0",
-        "postcss-js": "^4.0.1",
-        "postcss-load-config": "^4.0.2",
-        "postcss-nested": "^6.2.0",
-        "postcss-selector-parser": "^6.1.2",
-        "resolve": "^1.22.8",
-        "sucrase": "^3.35.0"
-      },
-      "bin": {
-        "tailwind": "lib/cli.js",
-        "tailwindcss": "lib/cli.js"
-      },
       "engines": {
-        "node": ">=14.0.0"
+        "node": ">=6"
       }
     },
-    "node_modules/tailwindcss/node_modules/postcss-selector-parser": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
-      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
-      "license": "MIT",
+    "node_modules/tar": {
+      "version": "7.4.3",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-7.4.3.tgz",
+      "integrity": "sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==",
+      "dev": true,
+      "license": "ISC",
       "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
+        "@isaacs/fs-minipass": "^4.0.0",
+        "chownr": "^3.0.0",
+        "minipass": "^7.1.2",
+        "minizlib": "^3.0.1",
+        "mkdirp": "^3.0.1",
+        "yallist": "^5.0.0"
       },
       "engines": {
-        "node": ">=4"
+        "node": ">=18"
       }
     },
     "node_modules/tar-fs": {
@@ -11899,6 +12226,12 @@
         "tar-stream": "^2.1.4"
       }
     },
+    "node_modules/tar-fs/node_modules/chownr": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
+      "license": "ISC"
+    },
     "node_modules/tar-stream": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
@@ -11961,27 +12294,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/thenify": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
-      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
-      "license": "MIT",
-      "dependencies": {
-        "any-promise": "^1.0.0"
-      }
-    },
-    "node_modules/thenify-all": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
-      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
-      "license": "MIT",
-      "dependencies": {
-        "thenify": ">= 3.1.0 < 4"
-      },
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
     "node_modules/tinyglobby": {
       "version": "0.2.14",
       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz",
@@ -12049,6 +12361,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "is-number": "^7.0.0"
@@ -12131,12 +12444,6 @@
       "integrity": "sha512-tLJxacIQUM82IR7JO1UUkKlYuUTmoY9HBJAmNWFzheSlDS5SPMcNIepejHJa4BpPQLAcbRhRf3GDJzyj6rbKvA==",
       "license": "MIT"
     },
-    "node_modules/ts-interface-checker": {
-      "version": "0.1.13",
-      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
-      "license": "Apache-2.0"
-    },
     "node_modules/tsconfig-paths": {
       "version": "3.15.0",
       "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
@@ -12629,6 +12936,7 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
       "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "isexe": "^2.0.0"
@@ -12814,6 +13122,7 @@
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
       "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ansi-styles": "^6.1.0",
@@ -12832,6 +13141,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
       "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ansi-styles": "^4.0.0",
@@ -12849,6 +13159,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "color-convert": "^2.0.1"
@@ -12864,12 +13175,14 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/wrap-ansi-cjs/node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "emoji-regex": "^8.0.0",
@@ -12884,6 +13197,7 @@
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
       "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -12896,6 +13210,7 @@
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
       "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -12908,6 +13223,7 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
       "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ansi-regex": "^6.0.1"
@@ -12988,6 +13304,16 @@
         "node": ">=10"
       }
     },
+    "node_modules/yallist": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
+      "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/yaml": {
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.1.tgz",
diff --git a/package.json b/package.json
index 501d8d1..c227e99 100644
--- a/package.json
+++ b/package.json
@@ -61,6 +61,7 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
+    "@tailwindcss/postcss": "^4.0.0",
     "@types/better-sqlite3": "^7.6.12",
     "@types/html-to-text": "^9.0.4",
     "@types/jsdom": "^21.1.7",
@@ -77,7 +78,7 @@
     "eslint-config-next": "14.1.4",
     "postcss": "^8",
     "prettier": "^3.2.5",
-    "tailwindcss": "^3.3.0",
+    "tailwindcss": "^4.0.0",
     "typescript": "^5"
   }
 }
diff --git a/postcss.config.js b/postcss.config.js
index 12a703d..b4bee66 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,6 +1,6 @@
 module.exports = {
   plugins: {
-    tailwindcss: {},
+    '@tailwindcss/postcss': {},
     autoprefixer: {},
   },
 };
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index bcbe8db..837a726 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -159,7 +159,7 @@ const DashboardPage = () => {
         </CardHeader>
 
         <CardContent>
-          <p className="text-sm text-gray-600 dark:text-gray-400 mb-4">
+          <p className="text-sm text-fg/60 mb-4">
             Widgets let you fetch content from any URL and process it with AI to
             show exactly what you need.
           </p>
@@ -168,7 +168,7 @@ const DashboardPage = () => {
         <CardFooter className="justify-center">
           <button
             onClick={handleAddWidget}
-            className="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 transition duration-200 flex items-center space-x-2"
+            className="px-4 py-2 bg-accent text-white rounded hover:bg-accent-700 transition duration-200 flex items-center space-x-2"
           >
             <Plus size={16} />
             <span>Create Your First Widget</span>
@@ -191,50 +191,50 @@ const DashboardPage = () => {
           <div className="flex items-center space-x-2">
             <button
               onClick={handleRefreshAll}
-              className="p-2 hover:bg-light-secondary dark:hover:bg-dark-secondary rounded-lg transition duration-200"
+              className="p-2 hover:bg-surface-2 rounded-lg transition duration-200"
               title="Refresh All Widgets"
             >
-              <RefreshCw size={18} className="text-black dark:text-white" />
+              <RefreshCw size={18} />
             </button>
 
             <button
               onClick={handleToggleProcessingMode}
-              className="p-2 hover:bg-light-secondary dark:hover:bg-dark-secondary rounded-lg transition duration-200"
+              className="p-2 hover:bg-surface-2 rounded-lg transition duration-200"
               title={`Switch to ${settings.parallelLoading ? 'Sequential' : 'Parallel'} Processing`}
             >
               {settings.parallelLoading ? (
-                <Layers size={18} className="text-black dark:text-white" />
+                <Layers size={18} />
               ) : (
-                <List size={18} className="text-black dark:text-white" />
+                <List size={18} />
               )}
             </button>
 
             <button
               onClick={handleExport}
-              className="p-2 hover:bg-light-secondary dark:hover:bg-dark-secondary rounded-lg transition duration-200"
+              className="p-2 hover:bg-surface-2 rounded-lg transition duration-200"
               title="Export Dashboard Configuration"
             >
-              <Download size={18} className="text-black dark:text-white" />
+              <Download size={18} />
             </button>
 
             <button
               onClick={handleImport}
-              className="p-2 hover:bg-light-secondary dark:hover:bg-dark-secondary rounded-lg transition duration-200"
+              className="p-2 hover:bg-surface-2 rounded-lg transition duration-200"
               title="Import Dashboard Configuration"
             >
-              <Upload size={18} className="text-black dark:text-white" />
+              <Upload size={18} />
             </button>
 
             <button
               onClick={handleAddWidget}
-              className="p-2 bg-blue-600 hover:bg-blue-700 rounded-lg transition duration-200"
+              className="p-2 bg-accent hover:bg-accent-700 rounded-lg transition duration-200"
               title="Add New Widget"
             >
-              <Plus size={18} className="text-white" />
+              <Plus size={18} />
             </button>
           </div>
         </div>
-        <hr className="border-t border-[#2B2C2C] my-4 w-full" />
+        <hr className="border-t my-4 w-full" />
       </div>
 
       {/* Main content area */}
@@ -242,10 +242,8 @@ const DashboardPage = () => {
         {isLoading ? (
           <div className="flex items-center justify-center py-12">
             <div className="text-center">
-              <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600 mx-auto mb-4"></div>
-              <p className="text-gray-500 dark:text-gray-400">
-                Loading dashboard...
-              </p>
+              <div className="animate-spin rounded-full h-8 w-8 border-b-2 mx-auto mb-4"></div>
+              <p className="text-fg/60">Loading dashboard...</p>
             </div>
           </div>
         ) : widgets.length === 0 ? (
diff --git a/src/app/discover/page.tsx b/src/app/discover/page.tsx
index eb7de7f..90c4493 100644
--- a/src/app/discover/page.tsx
+++ b/src/app/discover/page.tsx
@@ -50,7 +50,7 @@ const Page = () => {
     <div className="flex flex-row items-center justify-center min-h-screen">
       <svg
         aria-hidden="true"
-        className="w-8 h-8 text-light-200 fill-light-secondary dark:text-[#202020] animate-spin dark:fill-[#ffffff3b]"
+        className="w-8 h-8 text-fg/20 fill-fg/30 animate-spin"
         viewBox="0 0 100 101"
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
@@ -73,7 +73,7 @@ const Page = () => {
             <Search />
             <h1 className="text-3xl font-medium p-2">Discover</h1>
           </div>
-          <hr className="border-t border-[#2B2C2C] my-4 w-full" />
+          <hr className="border-t border-surface-2 my-4 w-full" />
         </div>
 
         <div className="grid lg:grid-cols-3 sm:grid-cols-2 grid-cols-1 gap-4 pb-28 lg:pb-8 w-full justify-items-center lg:justify-items-start">
@@ -82,7 +82,7 @@ const Page = () => {
               <Link
                 href={`/?q=Summary: ${item.url}`}
                 key={i}
-                className="max-w-sm rounded-lg overflow-hidden bg-light-secondary dark:bg-dark-secondary hover:-translate-y-[1px] transition duration-200"
+                className="max-w-sm rounded-lg overflow-hidden bg-surface border border-surface-2 hover:-translate-y-[1px] transition duration-200"
                 target="_blank"
               >
                 <img
@@ -95,10 +95,10 @@ const Page = () => {
                   alt={item.title}
                 />
                 <div className="px-6 py-4">
-                  <div className="font-bold text-lg mb-2">
+                  <div className="font-bold text-lg mb-2 text-fg">
                     {item.title.slice(0, 100)}...
                   </div>
-                  <p className="text-black-70 dark:text-white/70 text-sm">
+                  <p className="text-fg/70 text-sm">
                     {item.content.slice(0, 100)}...
                   </p>
                 </div>
diff --git a/src/app/globals.css b/src/app/globals.css
index f1832da..d07e5c2 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -2,9 +2,36 @@
 @import 'react-grid-layout/css/styles.css';
 @import 'react-resizable/css/styles.css';
 
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss';
+
+/* Theme tokens */
+@theme {
+  /* Base palette (light by default) */
+  --color-bg: oklch(0.98 0 0); /* canvas/background */
+  --color-fg: oklch(0.21 0 0); /* text */
+  --color-accent-600: var(--color-blue-600);
+  --color-accent-700: var(--color-blue-700);
+  --color-accent-500: var(--color-blue-500);
+  --color-surface: color-mix(in oklch, var(--color-bg), black 6%);
+  --color-surface-2: color-mix(in oklch, var(--color-bg), black 10%);
+
+  /* Shorthands that Tailwind maps into utilities */
+  --color-accent: var(--color-accent-600);
+}
+
+:root {
+  color-scheme: light;
+}
+
+[data-theme='dark'] {
+  color-scheme: dark;
+  --color-bg: oklch(0.16 0 0);
+  --color-fg: oklch(0.95 0 0);
+  --color-surface: color-mix(in oklch, var(--color-bg), white 8%);
+  --color-surface-2: color-mix(in oklch, var(--color-bg), white 12%);
+}
+
+/* Custom theme overrides are applied via CSS variables on :root by ThemeController */
 
 @layer base {
   .overflow-hidden-scrollable {
@@ -14,6 +41,39 @@
   .overflow-hidden-scrollable::-webkit-scrollbar {
     display: none;
   }
+
+  html,
+  body {
+    min-height: 100dvh;
+  }
+
+  button:not(:disabled),
+  [role='button']:not(:disabled),
+  input[type='button']:not(:disabled),
+  input[type='submit']:not(:disabled),
+  input[type='reset']:not(:disabled) {
+    cursor: pointer;
+    color: var(--color-fg);
+  }
+
+  button:not(:disabled):hover,
+  [role='button']:not(:disabled):hover,
+  input[type='button']:not(:disabled):hover,
+  input[type='submit']:not(:disabled):hover,
+  input[type='reset']:not(:disabled):hover {
+    color: var(--color-accent);
+  }
+
+  input[type='text']:focus,
+  textarea:focus {
+    border-color: var(--color-accent);
+    outline: none;
+    border: 1px solid var(--color-accent);
+  }
+
+  a:hover {
+    color: var(--color-accent);
+  }
 }
 
 @layer utilities {
@@ -37,3 +97,55 @@
     font-size: 16px !important;
   }
 }
+
+/* Utilities are auto-generated from @theme tokens */
+@layer utilities {
+  /* Backwards-compat for prior custom palette names */
+  .bg-light-primary {
+    background-color: var(--color-bg);
+  }
+  .dark .bg-dark-primary {
+    background-color: var(--color-bg);
+  }
+  .bg-light-secondary {
+    background-color: var(--color-surface);
+  }
+  .dark .bg-dark-secondary {
+    background-color: var(--color-surface);
+  }
+  .bg-light-100 {
+    background-color: var(--color-surface-2);
+  }
+  .dark .bg-dark-100 {
+    background-color: var(--color-surface-2);
+  }
+  .hover\:bg-light-200:hover {
+    background-color: var(--color-surface-2);
+  }
+  .dark .hover\:bg-dark-200:hover {
+    background-color: var(--color-surface-2);
+  }
+  .border-light-200 {
+    border-color: var(--color-surface-2);
+  }
+  .dark .border-dark-200 {
+    border-color: var(--color-surface-2);
+  }
+
+  /* Preferred token utilities */
+  .bg-bg {
+    background-color: var(--color-bg);
+  }
+  .bg-surface {
+    background-color: var(--color-surface);
+  }
+  .bg-surface-2 {
+    background-color: var(--color-surface-2);
+  }
+  .text-fg {
+    color: var(--color-fg);
+  }
+  .border-surface-2 {
+    border-color: var(--color-surface-2);
+  }
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 06ee1f2..ce8fb5d 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -4,7 +4,7 @@ import './globals.css';
 import { cn } from '@/lib/utils';
 import Sidebar from '@/components/Sidebar';
 import { Toaster } from 'sonner';
-import ThemeProvider from '@/components/theme/Provider';
+import ThemeController from '@/components/theme/Controller';
 
 const montserrat = Montserrat({
   weight: ['300', '400', '500', '700'],
@@ -25,7 +25,12 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html className="h-full" lang="en" suppressHydrationWarning>
+    <html
+      className="h-full dark"
+      lang="en"
+      suppressHydrationWarning
+      data-theme="dark"
+    >
       <head>
         <link
           rel="search"
@@ -34,19 +39,19 @@ export default function RootLayout({
           href="/api/opensearch"
         />
       </head>
-      <body className={cn('h-full', montserrat.className)}>
-        <ThemeProvider>
+      <body className={cn('h-full bg-bg text-fg', montserrat.className)}>
+        <ThemeController>
           <Sidebar>{children}</Sidebar>
           <Toaster
             toastOptions={{
               unstyled: true,
               classNames: {
                 toast:
-                  'bg-light-primary dark:bg-dark-secondary dark:text-white/70 text-black-70 rounded-lg p-4 flex flex-row items-center space-x-2',
+                  'bg-surface text-fg rounded-lg p-4 flex flex-row items-center space-x-2',
               },
             }}
           />
-        </ThemeProvider>
+        </ThemeController>
       </body>
     </html>
   );
diff --git a/src/app/library/page.tsx b/src/app/library/page.tsx
index 9c40b2b..091a348 100644
--- a/src/app/library/page.tsx
+++ b/src/app/library/page.tsx
@@ -41,7 +41,7 @@ const Page = () => {
     <div className="flex flex-row items-center justify-center min-h-screen">
       <svg
         aria-hidden="true"
-        className="w-8 h-8 text-light-200 fill-light-secondary dark:text-[#202020] animate-spin dark:fill-[#ffffff3b]"
+        className="w-8 h-8 text-fg/20 fill-fg/30 animate-spin"
         viewBox="0 0 100 101"
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
@@ -63,13 +63,11 @@ const Page = () => {
           <BookOpenText />
           <h1 className="text-3xl font-medium p-2">Library</h1>
         </div>
-        <hr className="border-t border-[#2B2C2C] my-4 w-full" />
+        <hr className="border-t border-surface-2 my-4 w-full" />
       </div>
       {chats.length === 0 && (
         <div className="flex flex-row items-center justify-center min-h-screen">
-          <p className="text-black/70 dark:text-white/70 text-sm">
-            No chats found.
-          </p>
+          <p className="text-fg/70 text-sm">No chats found.</p>
         </div>
       )}
       {chats.length > 0 && (
@@ -78,20 +76,18 @@ const Page = () => {
             <div
               className={cn(
                 'flex flex-col space-y-4 py-6',
-                i !== chats.length - 1
-                  ? 'border-b border-white-200 dark:border-dark-200'
-                  : '',
+                i !== chats.length - 1 ? 'border-b border-surface-2' : '',
               )}
               key={i}
             >
               <Link
                 href={`/c/${chat.id}`}
-                className="text-black dark:text-white lg:text-xl font-medium truncate transition duration-200 hover:text-[#24A0ED] dark:hover:text-[#24A0ED] cursor-pointer"
+                className="lg:text-xl font-medium truncate transition duration-200 cursor-pointer"
               >
                 {chat.title}
               </Link>
               <div className="flex flex-row items-center justify-between w-full">
-                <div className="flex flex-row items-center space-x-1 lg:space-x-1.5 text-black/70 dark:text-white/70">
+                <div className="flex flex-row items-center space-x-1 lg:space-x-1.5 opacity-70">
                   <ClockIcon size={15} />
                   <p className="text-xs">
                     {formatTimeDifference(new Date(), chat.createdAt)} Ago
diff --git a/src/app/settings/page.tsx b/src/app/settings/page.tsx
index c32068e..e604e44 100644
--- a/src/app/settings/page.tsx
+++ b/src/app/settings/page.tsx
@@ -65,7 +65,7 @@ const InputComponent = ({
       <input
         {...restProps}
         className={cn(
-          'bg-light-secondary dark:bg-dark-secondary w-full px-3 py-2 flex items-center overflow-hidden border border-light-200 dark:border-dark-200 dark:text-white rounded-lg text-sm',
+          'bg-surface w-full px-3 py-2 flex items-center overflow-hidden rounded-lg text-sm',
           isSaving && 'pr-10',
           className,
         )}
@@ -73,10 +73,7 @@ const InputComponent = ({
       />
       {isSaving && (
         <div className="absolute right-3 top-1/2 -translate-y-1/2">
-          <Loader2
-            size={16}
-            className="animate-spin text-black/70 dark:text-white/70"
-          />
+          <Loader2 size={16} className="animate-spin" />
         </div>
       )}
     </div>
@@ -98,17 +95,14 @@ const TextareaComponent = ({
     <div className="relative">
       <textarea
         placeholder="Any special instructions for the LLM"
-        className="placeholder:text-sm text-sm w-full flex items-center justify-between p-3 bg-light-secondary dark:bg-dark-secondary rounded-lg hover:bg-light-200 dark:hover:bg-dark-200 transition-colors"
+        className="placeholder:text-sm text-sm w-full flex items-center justify-between p-3 bg-surface rounded-lg hover:bg-surface-2 transition-colors"
         rows={4}
         onBlur={(e) => onSave?.(e.target.value)}
         {...restProps}
       />
       {isSaving && (
         <div className="absolute right-3 top-3">
-          <Loader2
-            size={16}
-            className="animate-spin text-black/70 dark:text-white/70"
-          />
+          <Loader2 size={16} className="animate-spin" />
         </div>
       )}
     </div>
@@ -126,7 +120,7 @@ const Select = ({
     <select
       {...restProps}
       className={cn(
-        'bg-light-secondary dark:bg-dark-secondary px-3 py-2 flex items-center overflow-hidden border border-light-200 dark:border-dark-200 dark:text-white rounded-lg text-sm',
+        'bg-surface px-3 py-2 flex items-center overflow-hidden border border-surface-2 rounded-lg text-sm',
         className,
       )}
     >
@@ -171,16 +165,14 @@ const SettingsSection = ({
   }, []);
 
   return (
-    <div className="flex flex-col space-y-4 p-4 bg-light-secondary/50 dark:bg-dark-secondary/50 rounded-xl border border-light-200 dark:border-dark-200">
+    <div className="flex flex-col space-y-4 p-4 bg-surface rounded-xl border border-surface-2">
       <div className="flex items-center gap-2">
-        <h2 className="text-black/90 dark:text-white/90 font-medium">
-          {title}
-        </h2>
+        <h2 className="font-medium">{title}</h2>
         {tooltip && (
           <div className="relative">
             <button
               ref={buttonRef}
-              className="p-1 text-black/70 dark:text-white/70 rounded-full hover:bg-light-secondary dark:hover:bg-dark-secondary transition duration-200 hover:text-black dark:hover:text-white"
+              className="p-1 rounded-full hover:bg-surface-2 transition duration-200"
               onClick={() => setShowTooltip(!showTooltip)}
               aria-label="Show section information"
             >
@@ -189,10 +181,10 @@ const SettingsSection = ({
             {showTooltip && (
               <div
                 ref={tooltipRef}
-                className="absolute z-10 left-6 top-0 w-96 rounded-md shadow-lg bg-white dark:bg-dark-secondary border border-light-200 dark:border-dark-200"
+                className="absolute z-10 left-6 top-0 w-96 rounded-md shadow-lg bg-surface border border-surface-2"
               >
                 <div className="py-2 px-3">
-                  <div className="space-y-1 text-xs text-black dark:text-white">
+                  <div className="space-y-1 text-xs">
                     {tooltip.split('\\n').map((line, index) => (
                       <div key={index}>{line}</div>
                     ))}
@@ -733,21 +725,21 @@ export default function SettingsPage() {
       <div className="flex flex-col pt-4">
         <div className="flex items-center space-x-2">
           <Link href="/" className="lg:hidden">
-            <ArrowLeft className="text-black/70 dark:text-white/70" />
+            <ArrowLeft />
           </Link>
           <div className="flex flex-row space-x-0.5 items-center">
             <SettingsIcon size={23} />
             <h1 className="text-3xl font-medium p-2">Settings</h1>
           </div>
         </div>
-        <hr className="border-t border-[#2B2C2C] my-4 w-full" />
+        <hr className="border-t border-surface-2 my-4 w-full" />
       </div>
 
       {isLoading ? (
         <div className="flex flex-row items-center justify-center min-h-[50vh]">
           <svg
             aria-hidden="true"
-            className="w-8 h-8 text-light-200 fill-light-secondary dark:text-[#202020] animate-spin dark:fill-[#ffffff3b]"
+            className="w-8 h-8 text-surface-2 fill-surface animate-spin"
             viewBox="0 0 100 101"
             fill="none"
             xmlns="http://www.w3.org/2000/svg"
@@ -767,15 +759,11 @@ export default function SettingsPage() {
           <div className="flex flex-col space-y-6 pb-28 lg:pb-8">
             <SettingsSection title="Preferences">
               <div className="flex flex-col space-y-1">
-                <p className="text-black/70 dark:text-white/70 text-sm">
-                  Theme
-                </p>
+                <p className="text-sm">Theme</p>
                 <ThemeSwitcher />
               </div>
               <div className="flex flex-col space-y-1">
-                <p className="text-black/70 dark:text-white/70 text-sm">
-                  Measurement Units
-                </p>
+                <p className="text-sm">Measurement Units</p>
                 <Select
                   value={measureUnit ?? undefined}
                   onChange={(e) => {
@@ -798,19 +786,16 @@ export default function SettingsPage() {
 
             <SettingsSection title="Automatic Search">
               <div className="flex flex-col space-y-4">
-                <div className="flex items-center justify-between p-3 bg-light-secondary dark:bg-dark-secondary rounded-lg hover:bg-light-200 dark:hover:bg-dark-200 transition-colors">
+                <div className="flex items-center justify-between p-3 bg-surface rounded-lg hover:bg-surface-2 transition-colors">
                   <div className="flex items-center space-x-3">
-                    <div className="p-2 bg-light-200 dark:bg-dark-200 rounded-lg">
-                      <Layers3
-                        size={18}
-                        className="text-black/70 dark:text-white/70"
-                      />
+                    <div className="p-2 bg-surface-2 rounded-lg">
+                      <Layers3 size={18} />
                     </div>
                     <div>
-                      <p className="text-sm text-black/90 dark:text-white/90 font-medium">
+                      <p className="text-sm font-medium">
                         Automatic Suggestions
                       </p>
-                      <p className="text-xs text-black/60 dark:text-white/60 mt-0.5">
+                      <p className="text-xs mt-0.5">
                         Automatically show related suggestions after responses
                       </p>
                     </div>
@@ -822,9 +807,7 @@ export default function SettingsPage() {
                       saveConfig('automaticSuggestions', checked);
                     }}
                     className={cn(
-                      automaticSuggestions
-                        ? 'bg-[#24A0ED]'
-                        : 'bg-light-200 dark:bg-dark-200',
+                      automaticSuggestions ? 'bg-accent' : 'bg-surface-2',
                       'relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none',
                     )}
                   >
@@ -852,7 +835,7 @@ export default function SettingsPage() {
                   .map((prompt) => (
                     <div
                       key={prompt.id}
-                      className="p-3 border border-light-secondary dark:border-dark-secondary rounded-md bg-light-100 dark:bg-dark-100"
+                      className="p-3 border border-surface-2 rounded-md bg-surface-2"
                     >
                       {editingPrompt && editingPrompt.id === prompt.id ? (
                         <div className="space-y-3">
@@ -868,7 +851,6 @@ export default function SettingsPage() {
                               })
                             }
                             placeholder="Prompt Name"
-                            className="text-black dark:text-white bg-white dark:bg-dark-secondary"
                           />
                           <Select
                             value={editingPrompt.type}
@@ -882,7 +864,6 @@ export default function SettingsPage() {
                               { value: 'system', label: 'System Prompt' },
                               { value: 'persona', label: 'Persona Prompt' },
                             ]}
-                            className="text-black dark:text-white bg-white dark:bg-dark-secondary"
                           />
                           <TextareaComponent
                             value={editingPrompt.content}
@@ -895,19 +876,19 @@ export default function SettingsPage() {
                               })
                             }
                             placeholder="Prompt Content"
-                            className="min-h-[100px] text-black dark:text-white bg-white dark:bg-dark-secondary"
+                            className="min-h-[100px]"
                           />
                           <div className="flex space-x-2 justify-end">
                             <button
                               onClick={() => setEditingPrompt(null)}
-                              className="px-3 py-2 text-sm rounded-md bg-light-secondary hover:bg-light-200 dark:bg-dark-secondary dark:hover:bg-dark-200 text-black/80 dark:text-white/80 flex items-center gap-1.5"
+                              className="px-3 py-2 text-sm rounded-md bg-surface hover:bg-surface-2 flex items-center gap-1.5"
                             >
                               <X size={16} />
                               Cancel
                             </button>
                             <button
                               onClick={handleAddOrUpdateSystemPrompt}
-                              className="px-3 py-2 text-sm rounded-md bg-[#24A0ED] hover:bg-[#1f8cdb] text-white flex items-center gap-1.5"
+                              className="px-3 py-2 text-sm rounded-md flex items-center gap-1.5 bg-accent"
                             >
                               <Save size={16} />
                               Save
@@ -917,11 +898,9 @@ export default function SettingsPage() {
                       ) : (
                         <div className="flex justify-between items-start">
                           <div className="flex-grow">
-                            <h4 className="font-semibold text-black/90 dark:text-white/90">
-                              {prompt.name}
-                            </h4>
+                            <h4 className="font-semibold">{prompt.name}</h4>
                             <p
-                              className="text-sm text-black/70 dark:text-white/70 mt-1 whitespace-pre-wrap overflow-hidden text-ellipsis"
+                              className="text-sm mt-1 whitespace-pre-wrap overflow-hidden text-ellipsis"
                               style={{
                                 maxHeight: '3.6em',
                                 display: '-webkit-box',
@@ -936,7 +915,7 @@ export default function SettingsPage() {
                             <button
                               onClick={() => setEditingPrompt({ ...prompt })}
                               title="Edit"
-                              className="p-1.5 rounded-md hover:bg-light-200 dark:hover:bg-dark-200 text-black/70 dark:text-white/70"
+                              className="p-1.5 rounded-md hover:bg-surface-2"
                             >
                               <Edit3 size={18} />
                             </button>
@@ -945,7 +924,7 @@ export default function SettingsPage() {
                                 handleDeleteSystemPrompt(prompt.id)
                               }
                               title="Delete"
-                              className="p-1.5 rounded-md hover:bg-light-200 dark:hover:bg-dark-200 text-red-500 hover:text-red-600 dark:text-red-400 dark:hover:text-red-500"
+                              className="p-1.5 rounded-md hover:bg-surface-2 text-red-500 hover:text-red-600"
                             >
                               <Trash2 size={18} />
                             </button>
@@ -955,7 +934,7 @@ export default function SettingsPage() {
                     </div>
                   ))}
                 {isAddingNewPrompt && newPromptType === 'system' && (
-                  <div className="p-3 border border-dashed border-light-secondary dark:border-dark-secondary rounded-md space-y-3 bg-light-100 dark:bg-dark-100">
+                  <div className="p-3 border border-dashed border-surface-2 rounded-md space-y-3 bg-surface-2">
                     <InputComponent
                       type="text"
                       value={newPromptName}
@@ -963,7 +942,6 @@ export default function SettingsPage() {
                         setNewPromptName(e.target.value)
                       }
                       placeholder="System Prompt Name"
-                      className="text-black dark:text-white bg-white dark:bg-dark-secondary"
                     />
                     <TextareaComponent
                       value={newPromptContent}
@@ -971,7 +949,7 @@ export default function SettingsPage() {
                         setNewPromptContent(e.target.value)
                       }
                       placeholder="System prompt content (e.g., '/nothink')"
-                      className="min-h-[100px] text-black dark:text-white bg-white dark:bg-dark-secondary"
+                      className="min-h-[100px]"
                     />
                     <div className="flex space-x-2 justify-end">
                       <button
@@ -981,14 +959,14 @@ export default function SettingsPage() {
                           setNewPromptContent('');
                           setNewPromptType('system');
                         }}
-                        className="px-3 py-2 text-sm rounded-md bg-light-secondary hover:bg-light-200 dark:bg-dark-secondary dark:hover:bg-dark-200 text-black/80 dark:text-white/80 flex items-center gap-1.5"
+                        className="px-3 py-2 text-sm rounded-md bg-surface hover:bg-surface-2 flex items-center gap-1.5"
                       >
                         <X size={16} />
                         Cancel
                       </button>
                       <button
                         onClick={handleAddOrUpdateSystemPrompt}
-                        className="px-3 py-2 text-sm rounded-md bg-[#24A0ED] hover:bg-[#1f8cdb] text-white flex items-center gap-1.5"
+                        className="px-3 py-2 text-sm rounded-md flex items-center gap-1.5 bg-accent"
                       >
                         <Save size={16} />
                         Add System Prompt
@@ -1002,7 +980,7 @@ export default function SettingsPage() {
                       setIsAddingNewPrompt(true);
                       setNewPromptType('system');
                     }}
-                    className="self-start px-3 py-2 text-sm rounded-md border border-light-200 dark:border-dark-200 hover:bg-light-200 dark:hover:bg-dark-200 text-black/80 dark:text-white/80 flex items-center gap-1.5"
+                    className="self-start px-3 py-2 text-sm rounded-md border border-surface-2 hover:bg-surface-2 flex items-center gap-1.5"
                   >
                     <PlusCircle size={18} /> Add System Prompt
                   </button>
@@ -1020,7 +998,7 @@ export default function SettingsPage() {
                   .map((prompt) => (
                     <div
                       key={prompt.id}
-                      className="p-3 border border-light-secondary dark:border-dark-secondary rounded-md bg-light-100 dark:bg-dark-100"
+                      className="p-3 border border-surface-2 rounded-md bg-surface-2"
                     >
                       {editingPrompt && editingPrompt.id === prompt.id ? (
                         <div className="space-y-3">
@@ -1036,7 +1014,7 @@ export default function SettingsPage() {
                               })
                             }
                             placeholder="Prompt Name"
-                            className="text-black dark:text-white bg-white dark:bg-dark-secondary"
+                            className=""
                           />
                           <Select
                             value={editingPrompt.type}
@@ -1050,7 +1028,7 @@ export default function SettingsPage() {
                               { value: 'system', label: 'System Prompt' },
                               { value: 'persona', label: 'Persona Prompt' },
                             ]}
-                            className="text-black dark:text-white bg-white dark:bg-dark-secondary"
+                            className=""
                           />
                           <TextareaComponent
                             value={editingPrompt.content}
@@ -1063,19 +1041,19 @@ export default function SettingsPage() {
                               })
                             }
                             placeholder="Prompt Content"
-                            className="min-h-[100px] text-black dark:text-white bg-white dark:bg-dark-secondary"
+                            className="min-h-[100px]"
                           />
                           <div className="flex space-x-2 justify-end">
                             <button
                               onClick={() => setEditingPrompt(null)}
-                              className="px-3 py-2 text-sm rounded-md bg-light-secondary hover:bg-light-200 dark:bg-dark-secondary dark:hover:bg-dark-200 text-black/80 dark:text-white/80 flex items-center gap-1.5"
+                              className="px-3 py-2 text-sm rounded-md bg-surface hover:bg-surface-2 flex items-center gap-1.5"
                             >
                               <X size={16} />
                               Cancel
                             </button>
                             <button
                               onClick={handleAddOrUpdateSystemPrompt}
-                              className="px-3 py-2 text-sm rounded-md bg-[#24A0ED] hover:bg-[#1f8cdb] text-white flex items-center gap-1.5"
+                              className="px-3 py-2 text-sm rounded-md bg-accent flex items-center gap-1.5"
                             >
                               <Save size={16} />
                               Save
@@ -1085,11 +1063,9 @@ export default function SettingsPage() {
                       ) : (
                         <div className="flex justify-between items-start">
                           <div className="flex-grow">
-                            <h4 className="font-semibold text-black/90 dark:text-white/90">
-                              {prompt.name}
-                            </h4>
+                            <h4 className="font-semibold">{prompt.name}</h4>
                             <p
-                              className="text-sm text-black/70 dark:text-white/70 mt-1 whitespace-pre-wrap overflow-hidden text-ellipsis"
+                              className="text-sm mt-1 whitespace-pre-wrap overflow-hidden text-ellipsis"
                               style={{
                                 maxHeight: '3.6em',
                                 display: '-webkit-box',
@@ -1104,7 +1080,7 @@ export default function SettingsPage() {
                             <button
                               onClick={() => setEditingPrompt({ ...prompt })}
                               title="Edit"
-                              className="p-1.5 rounded-md hover:bg-light-200 dark:hover:bg-dark-200 text-black/70 dark:text-white/70"
+                              className="p-1.5 rounded-md hover:bg-surface-2"
                             >
                               <Edit3 size={18} />
                             </button>
@@ -1113,7 +1089,7 @@ export default function SettingsPage() {
                                 handleDeleteSystemPrompt(prompt.id)
                               }
                               title="Delete"
-                              className="p-1.5 rounded-md hover:bg-light-200 dark:hover:bg-dark-200 text-red-500 hover:text-red-600 dark:text-red-400 dark:hover:text-red-500"
+                              className="p-1.5 rounded-md hover:bg-surface-2 text-red-500 hover:text-red-600"
                             >
                               <Trash2 size={18} />
                             </button>
@@ -1123,7 +1099,7 @@ export default function SettingsPage() {
                     </div>
                   ))}
                 {isAddingNewPrompt && newPromptType === 'persona' && (
-                  <div className="p-3 border border-dashed border-light-secondary dark:border-dark-secondary rounded-md space-y-3 bg-light-100 dark:bg-dark-100">
+                  <div className="p-3 border border-dashed border-surface-2 rounded-md space-y-3 bg-surface-2">
                     <InputComponent
                       type="text"
                       value={newPromptName}
@@ -1131,7 +1107,7 @@ export default function SettingsPage() {
                         setNewPromptName(e.target.value)
                       }
                       placeholder="Persona Prompt Name"
-                      className="text-black dark:text-white bg-white dark:bg-dark-secondary"
+                      className=""
                     />
                     <TextareaComponent
                       value={newPromptContent}
@@ -1139,7 +1115,7 @@ export default function SettingsPage() {
                         setNewPromptContent(e.target.value)
                       }
                       placeholder="Persona prompt content (e.g., You are a helpful assistant that speaks like a pirate and uses nautical metaphors.)"
-                      className="min-h-[100px] text-black dark:text-white bg-white dark:bg-dark-secondary"
+                      className="min-h-[100px]"
                     />
                     <div className="flex space-x-2 justify-end">
                       <button
@@ -1149,14 +1125,14 @@ export default function SettingsPage() {
                           setNewPromptContent('');
                           setNewPromptType('system');
                         }}
-                        className="px-3 py-2 text-sm rounded-md bg-light-secondary hover:bg-light-200 dark:bg-dark-secondary dark:hover:bg-dark-200 text-black/80 dark:text-white/80 flex items-center gap-1.5"
+                        className="px-3 py-2 text-sm rounded-md bg-surface hover:bg-surface-2 flex items-center gap-1.5"
                       >
                         <X size={16} />
                         Cancel
                       </button>
                       <button
                         onClick={handleAddOrUpdateSystemPrompt}
-                        className="px-3 py-2 text-sm rounded-md bg-[#24A0ED] hover:bg-[#1f8cdb] text-white flex items-center gap-1.5"
+                        className="px-3 py-2 text-sm rounded-md bg-accent flex items-center gap-1.5"
                       >
                         <Save size={16} />
                         Add Persona Prompt
@@ -1170,7 +1146,7 @@ export default function SettingsPage() {
                       setIsAddingNewPrompt(true);
                       setNewPromptType('persona');
                     }}
-                    className="self-start px-3 py-2 text-sm rounded-md border border-light-200 dark:border-dark-200 hover:bg-light-200 dark:hover:bg-dark-200 text-black/80 dark:text-white/80 flex items-center gap-1.5"
+                    className="self-start px-3 py-2 text-sm rounded-md border border-surface-2 hover:bg-surface-2 flex items-center gap-1.5"
                   >
                     <PlusCircle size={18} /> Add Persona Prompt
                   </button>
@@ -1184,9 +1160,7 @@ export default function SettingsPage() {
             >
               <div className="flex flex-col space-y-4">
                 <div className="flex flex-col space-y-1">
-                  <p className="text-black/70 dark:text-white/70 text-sm">
-                    Optimization Mode
-                  </p>
+                  <p className="text-sm">Optimization Mode</p>
                   <div className="flex justify-start items-center space-x-2">
                     <Optimization
                       optimizationMode={searchOptimizationMode}
@@ -1202,7 +1176,7 @@ export default function SettingsPage() {
                           setSearchOptimizationMode('');
                           localStorage.removeItem('searchOptimizationMode');
                         }}
-                        className="p-1.5 rounded-md hover:bg-light-200 dark:hover:bg-dark-200 text-black/50 dark:text-white/50 hover:text-black/80 dark:hover:text-white/80 transition-colors"
+                        className="p-1.5 rounded-md hover:bg-surface-2 transition-colors"
                         title="Reset optimization mode"
                       >
                         <RotateCcw size={16} />
@@ -1212,9 +1186,7 @@ export default function SettingsPage() {
                 </div>
 
                 <div className="flex flex-col space-y-1">
-                  <p className="text-black/70 dark:text-white/70 text-sm">
-                    Chat Model
-                  </p>
+                  <p className="text-sm">Chat Model</p>
                   <div className="flex justify-start items-center space-x-2">
                     <ModelSelector
                       selectedModel={{
@@ -1240,7 +1212,7 @@ export default function SettingsPage() {
                           localStorage.removeItem('searchChatModelProvider');
                           localStorage.removeItem('searchChatModel');
                         }}
-                        className="p-1.5 rounded-md hover:bg-light-200 dark:hover:bg-dark-200 text-black/50 dark:text-white/50 hover:text-black/80 dark:hover:text-white/80 transition-colors"
+                        className="p-1.5 rounded-md hover:bg-surface-2 transition-colors"
                         title="Reset chat model"
                       >
                         <RotateCcw size={16} />
@@ -1255,9 +1227,7 @@ export default function SettingsPage() {
               {config.chatModelProviders && (
                 <div className="flex flex-col space-y-4">
                   <div className="flex flex-col space-y-1">
-                    <p className="text-black/70 dark:text-white/70 text-sm">
-                      Chat Model Provider
-                    </p>
+                    <p className="text-sm">Chat Model Provider</p>
                     <Select
                       value={selectedChatModelProvider ?? undefined}
                       onChange={(e) => {
@@ -1286,9 +1256,7 @@ export default function SettingsPage() {
                   {selectedChatModelProvider &&
                     selectedChatModelProvider != 'custom_openai' && (
                       <div className="flex flex-col space-y-1">
-                        <p className="text-black/70 dark:text-white/70 text-sm">
-                          Chat Model
-                        </p>
+                        <p className="text-sm">Chat Model</p>
                         <Select
                           value={selectedChatModel ?? undefined}
                           onChange={(e) => {
@@ -1326,9 +1294,7 @@ export default function SettingsPage() {
                         />
                         {selectedChatModelProvider === 'ollama' && (
                           <div className="flex flex-col space-y-1">
-                            <p className="text-black/70 dark:text-white/70 text-sm">
-                              Chat Context Window Size
-                            </p>
+                            <p className="text-sm">Chat Context Window Size</p>
                             <Select
                               value={
                                 isCustomContextWindow
@@ -1389,7 +1355,7 @@ export default function SettingsPage() {
                                 />
                               </div>
                             )}
-                            <p className="text-xs text-black/60 dark:text-white/60 mt-0.5">
+                            <p className="text-xs mt-0.5">
                               {isCustomContextWindow
                                 ? 'Adjust the context window size for Ollama models (minimum 512 tokens)'
                                 : 'Adjust the context window size for Ollama models'}
@@ -1405,9 +1371,7 @@ export default function SettingsPage() {
                 selectedChatModelProvider === 'custom_openai' && (
                   <div className="flex flex-col space-y-4">
                     <div className="flex flex-col space-y-1">
-                      <p className="text-black/70 dark:text-white/70 text-sm">
-                        Model Name
-                      </p>
+                      <p className="text-sm">Model Name</p>
                       <InputComponent
                         type="text"
                         placeholder="Model name"
@@ -1425,9 +1389,7 @@ export default function SettingsPage() {
                       />
                     </div>
                     <div className="flex flex-col space-y-1">
-                      <p className="text-black/70 dark:text-white/70 text-sm">
-                        Custom OpenAI API Key
-                      </p>
+                      <p className="text-sm">Custom OpenAI API Key</p>
                       <InputComponent
                         type="password"
                         placeholder="Custom OpenAI API Key"
@@ -1445,9 +1407,7 @@ export default function SettingsPage() {
                       />
                     </div>
                     <div className="flex flex-col space-y-1">
-                      <p className="text-black/70 dark:text-white/70 text-sm">
-                        Custom OpenAI Base URL
-                      </p>
+                      <p className="text-sm">Custom OpenAI Base URL</p>
                       <InputComponent
                         type="text"
                         placeholder="Custom OpenAI Base URL"
@@ -1468,11 +1428,9 @@ export default function SettingsPage() {
                 )}
 
               {config.embeddingModelProviders && (
-                <div className="flex flex-col space-y-4 mt-4 pt-4 border-t border-light-200 dark:border-dark-200">
+                <div className="flex flex-col space-y-4 mt-4 pt-4 border-t border-surface-2">
                   <div className="flex flex-col space-y-1">
-                    <p className="text-black/70 dark:text-white/70 text-sm">
-                      Embedding Model Provider
-                    </p>
+                    <p className="text-sm">Embedding Model Provider</p>
                     <Select
                       value={selectedEmbeddingModelProvider ?? undefined}
                       onChange={(e) => {
@@ -1500,9 +1458,7 @@ export default function SettingsPage() {
 
                   {selectedEmbeddingModelProvider && (
                     <div className="flex flex-col space-y-1">
-                      <p className="text-black/70 dark:text-white/70 text-sm">
-                        Embedding Model
-                      </p>
+                      <p className="text-sm">Embedding Model</p>
                       <Select
                         value={selectedEmbeddingModel ?? undefined}
                         onChange={(e) => {
@@ -1591,35 +1547,29 @@ export default function SettingsPage() {
                       return (
                         <div
                           key={providerId}
-                          className="border border-light-200 dark:border-dark-200 rounded-lg overflow-hidden"
+                          className="border border-surface-2 rounded-lg overflow-hidden"
                         >
                           <button
                             onClick={() => toggleProviderExpansion(providerId)}
-                            className="w-full p-3 bg-light-secondary dark:bg-dark-secondary hover:bg-light-200 dark:hover:bg-dark-200 transition-colors flex items-center justify-between"
+                            className="w-full p-3 bg-surface hover:bg-surface-2 transition-colors flex items-center justify-between"
                           >
                             <div className="flex items-center space-x-3">
                               {isExpanded ? (
-                                <ChevronDown
-                                  size={16}
-                                  className="text-black/70 dark:text-white/70"
-                                />
+                                <ChevronDown size={16} />
                               ) : (
-                                <ChevronRight
-                                  size={16}
-                                  className="text-black/70 dark:text-white/70"
-                                />
+                                <ChevronRight size={16} />
                               )}
-                              <h4 className="text-sm font-medium text-black/80 dark:text-white/80">
+                              <h4 className="text-sm font-medium">
                                 {(PROVIDER_METADATA as any)[provider]
                                   ?.displayName ||
                                   provider.charAt(0).toUpperCase() +
                                     provider.slice(1)}
                               </h4>
                             </div>
-                            <div className="flex items-center space-x-2 text-xs text-black/60 dark:text-white/60">
+                            <div className="flex items-center space-x-2 text-xs">
                               <span>{totalCount - hiddenCount} visible</span>
                               {hiddenCount > 0 && (
-                                <span className="px-2 py-1 bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-400 rounded">
+                                <span className="px-2 py-1 bg-red-100 text-red-700 rounded">
                                   {hiddenCount} hidden
                                 </span>
                               )}
@@ -1627,7 +1577,7 @@ export default function SettingsPage() {
                           </button>
 
                           {isExpanded && (
-                            <div className="p-3 bg-light-100 dark:bg-dark-100 border-t border-light-200 dark:border-dark-200">
+                            <div className="p-3 bg-surface-2 border-t border-surface-2">
                               <div className="flex justify-end mb-3 space-x-2">
                                 <button
                                   onClick={(e) => {
@@ -1637,7 +1587,7 @@ export default function SettingsPage() {
                                       true,
                                     );
                                   }}
-                                  className="px-3 py-1.5 text-xs rounded-md bg-green-100 hover:bg-green-200 dark:bg-green-900/30 dark:hover:bg-green-900/50 text-green-700 dark:text-green-400 flex items-center gap-1.5 transition-colors"
+                                  className="px-3 py-1.5 text-xs rounded-md bg-green-100 hover:bg-green-200 text-green-700 flex items-center gap-1.5 transition-colors"
                                   title="Show all models in this provider"
                                 >
                                   <Eye size={14} />
@@ -1651,7 +1601,7 @@ export default function SettingsPage() {
                                       false,
                                     );
                                   }}
-                                  className="px-3 py-1.5 text-xs rounded-md bg-red-100 hover:bg-red-200 dark:bg-red-900/30 dark:hover:bg-red-900/50 text-red-700 dark:text-red-400 flex items-center gap-1.5 transition-colors"
+                                  className="px-3 py-1.5 text-xs rounded-md bg-red-100 hover:bg-red-200 text-red-700 flex items-center gap-1.5 transition-colors"
                                   title="Hide all models in this provider"
                                 >
                                   <EyeOff size={14} />
@@ -1662,9 +1612,9 @@ export default function SettingsPage() {
                                 {modelEntries.map(([modelKey, model]) => (
                                   <div
                                     key={`${provider}-${modelKey}`}
-                                    className="flex items-center justify-between p-2 bg-white dark:bg-dark-secondary rounded-md"
+                                    className="flex items-center justify-between p-2 bg-surface rounded-md"
                                   >
-                                    <span className="text-sm text-black/90 dark:text-white/90">
+                                    <span className="text-sm">
                                       {model.displayName || modelKey}
                                     </span>
                                     <Switch
@@ -1677,8 +1627,8 @@ export default function SettingsPage() {
                                       }}
                                       className={cn(
                                         !hiddenModels.includes(modelKey)
-                                          ? 'bg-[#24A0ED]'
-                                          : 'bg-light-200 dark:bg-dark-200',
+                                          ? 'bg-accent'
+                                          : 'bg-surface-2',
                                         'relative inline-flex h-5 w-9 items-center rounded-full transition-colors focus:outline-none',
                                       )}
                                     >
@@ -1700,9 +1650,7 @@ export default function SettingsPage() {
                       );
                     })
                   ) : (
-                    <p className="text-sm text-black/60 dark:text-white/60 italic">
-                      No models available
-                    </p>
+                    <p className="text-sm italic">No models available</p>
                   );
                 })()}
               </div>
@@ -1714,9 +1662,7 @@ export default function SettingsPage() {
             >
               <div className="flex flex-col space-y-4">
                 <div className="flex flex-col space-y-1">
-                  <p className="text-black/70 dark:text-white/70 text-sm">
-                    OpenAI API Key
-                  </p>
+                  <p className="text-sm">OpenAI API Key</p>
                   <InputComponent
                     type="password"
                     placeholder="OpenAI API Key"
@@ -1733,9 +1679,7 @@ export default function SettingsPage() {
                 </div>
 
                 <div className="flex flex-col space-y-1">
-                  <p className="text-black/70 dark:text-white/70 text-sm">
-                    Ollama API URL
-                  </p>
+                  <p className="text-sm">Ollama API URL</p>
                   <InputComponent
                     type="text"
                     placeholder="Ollama API URL"
@@ -1752,9 +1696,7 @@ export default function SettingsPage() {
                 </div>
 
                 <div className="flex flex-col space-y-1">
-                  <p className="text-black/70 dark:text-white/70 text-sm">
-                    GROQ API Key
-                  </p>
+                  <p className="text-sm">GROQ API Key</p>
                   <InputComponent
                     type="password"
                     placeholder="GROQ API Key"
@@ -1771,9 +1713,7 @@ export default function SettingsPage() {
                 </div>
 
                 <div className="flex flex-col space-y-1">
-                  <p className="text-black/70 dark:text-white/70 text-sm">
-                    OpenRouter API Key
-                  </p>
+                  <p className="text-sm">OpenRouter API Key</p>
                   <InputComponent
                     type="password"
                     placeholder="OpenRouter API Key"
@@ -1790,9 +1730,7 @@ export default function SettingsPage() {
                 </div>
 
                 <div className="flex flex-col space-y-1">
-                  <p className="text-black/70 dark:text-white/70 text-sm">
-                    Anthropic API Key
-                  </p>
+                  <p className="text-sm">Anthropic API Key</p>
                   <InputComponent
                     type="password"
                     placeholder="Anthropic API key"
@@ -1809,9 +1747,7 @@ export default function SettingsPage() {
                 </div>
 
                 <div className="flex flex-col space-y-1">
-                  <p className="text-black/70 dark:text-white/70 text-sm">
-                    Gemini API Key
-                  </p>
+                  <p className="text-sm">Gemini API Key</p>
                   <InputComponent
                     type="password"
                     placeholder="Gemini API key"
@@ -1828,9 +1764,7 @@ export default function SettingsPage() {
                 </div>
 
                 <div className="flex flex-col space-y-1">
-                  <p className="text-black/70 dark:text-white/70 text-sm">
-                    Deepseek API Key
-                  </p>
+                  <p className="text-sm">Deepseek API Key</p>
                   <InputComponent
                     type="password"
                     placeholder="Deepseek API Key"
@@ -1847,9 +1781,7 @@ export default function SettingsPage() {
                 </div>
 
                 <div className="flex flex-col space-y-1">
-                  <p className="text-black/70 dark:text-white/70 text-sm">
-                    AI/ML API Key
-                  </p>
+                  <p className="text-sm">AI/ML API Key</p>
                   <InputComponent
                     type="text"
                     placeholder="AI/ML API Key"
@@ -1866,9 +1798,7 @@ export default function SettingsPage() {
                 </div>
 
                 <div className="flex flex-col space-y-1">
-                  <p className="text-black/70 dark:text-white/70 text-sm">
-                    LM Studio API URL
-                  </p>
+                  <p className="text-sm">LM Studio API URL</p>
                   <InputComponent
                     type="text"
                     placeholder="LM Studio API URL"
diff --git a/src/components/Chat.tsx b/src/components/Chat.tsx
index d14c013..8845651 100644
--- a/src/components/Chat.tsx
+++ b/src/components/Chat.tsx
@@ -232,7 +232,7 @@ const Chat = ({
               onThinkBoxToggle={onThinkBoxToggle}
             />
             {!isLast && msg.role === 'assistant' && (
-              <div className="h-px w-full bg-light-secondary dark:bg-dark-secondary" />
+              <div className="h-px w-full bg-surface-2" />
             )}
           </Fragment>
         );
@@ -248,7 +248,7 @@ const Chat = ({
                 setIsAtBottom(true);
                 messageEnd.current?.scrollIntoView({ behavior: 'smooth' });
               }}
-              className="bg-[#24A0ED] text-white hover:bg-opacity-85 transition duration-100 rounded-full px-4 py-2 shadow-lg flex items-center justify-center"
+              className="bg-accent text-fg hover:bg-opacity-85 transition duration-100 rounded-full px-4 py-2 shadow-lg flex items-center justify-center"
               aria-label="Scroll to bottom"
             >
               <svg
diff --git a/src/components/ChatWindow.tsx b/src/components/ChatWindow.tsx
index 2267d00..70a25e0 100644
--- a/src/components/ChatWindow.tsx
+++ b/src/components/ChatWindow.tsx
@@ -812,7 +812,7 @@ const ChatWindow = ({ id }: { id?: string }) => {
           </Link>
         </div>
         <div className="flex flex-col items-center justify-center min-h-screen">
-          <p className="dark:text-white/70 text-black/70 text-sm">
+          <p className="text-sm">
             Failed to connect to the server. Please try again later.
           </p>
         </div>
@@ -870,7 +870,7 @@ const ChatWindow = ({ id }: { id?: string }) => {
     <div className="flex flex-row items-center justify-center min-h-screen">
       <svg
         aria-hidden="true"
-        className="w-8 h-8 text-light-200 fill-light-secondary dark:text-[#202020] animate-spin dark:fill-[#ffffff3b]"
+        className="w-8 h-8 text-fg/20 fill-fg/30 animate-spin"
         viewBox="0 0 100 101"
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
diff --git a/src/components/CitationLink.tsx b/src/components/CitationLink.tsx
index c3f0a02..db88be6 100644
--- a/src/components/CitationLink.tsx
+++ b/src/components/CitationLink.tsx
@@ -19,7 +19,7 @@ const CitationLink = ({ number, source, url }: CitationLinkProps) => {
       href={url}
       target="_blank"
       rel="noopener noreferrer"
-      className="bg-light-secondary dark:bg-dark-secondary px-1 rounded ml-1 no-underline text-xs text-black/70 dark:text-white/70 relative hover:bg-light-200 dark:hover:bg-dark-200 transition-colors duration-200"
+      className="bg-surface px-1 rounded ml-1 no-underline text-xs text-fg/70 relative hover:bg-surface-2 transition-colors duration-200 border border-surface-2"
     >
       {number}
     </a>
@@ -64,14 +64,14 @@ const CitationLink = ({ number, source, url }: CitationLinkProps) => {
                 transform: 'translate(-50%, -100%)',
               }}
             >
-              <div className="bg-light-primary dark:bg-dark-primary border rounded-lg border-light-200 dark:border-dark-200 shadow-lg w-96">
+              <div className="bg-surface border rounded-lg border-surface-2 shadow-lg w-96">
                 <MessageSource
                   source={source}
-                  className="shadow-none border-none bg-transparent hover:bg-transparent dark:hover:bg-transparent cursor-pointer"
+                  className="shadow-none border-none bg-transparent hover:bg-transparent cursor-pointer"
                 />
               </div>
               {/* Tooltip arrow */}
-              <div className="absolute top-full left-1/2 transform -translate-x-1/2 w-0 h-0 border-l-4 border-r-4 border-t-4 border-transparent border-t-light-200 dark:border-t-dark-200"></div>
+              <div className="absolute top-full left-1/2 transform -translate-x-1/2 w-0 h-0 border-l-4 border-r-4 border-t-4 border-transparent border-t-surface-2"></div>
             </div>,
             document.body,
           )}
diff --git a/src/components/DeleteChat.tsx b/src/components/DeleteChat.tsx
index 3acc9fc..5dc107e 100644
--- a/src/components/DeleteChat.tsx
+++ b/src/components/DeleteChat.tsx
@@ -75,7 +75,7 @@ const DeleteChat = ({
             }
           }}
         >
-          <DialogBackdrop className="fixed inset-0 bg-black/30" />
+          <DialogBackdrop className="fixed inset-0 bg-fg/30" />
           <div className="fixed inset-0 overflow-y-auto">
             <div className="flex min-h-full items-center justify-center p-4 text-center">
               <TransitionChild
@@ -87,11 +87,11 @@ const DeleteChat = ({
                 leaveFrom="opacity-100 scale-200"
                 leaveTo="opacity-0 scale-95"
               >
-                <DialogPanel className="w-full max-w-md transform rounded-2xl bg-light-secondary dark:bg-dark-secondary border border-light-200 dark:border-dark-200 p-6 text-left align-middle shadow-xl transition-all">
-                  <DialogTitle className="text-lg font-medium leading-6 dark:text-white">
+                <DialogPanel className="w-full max-w-md transform rounded-2xl bg-surface border border-surface-2 p-6 text-left align-middle shadow-xl transition-all">
+                  <DialogTitle className="text-lg font-medium leading-6">
                     Delete Confirmation
                   </DialogTitle>
-                  <Description className="text-sm dark:text-white/70 text-black/70">
+                  <Description className="text-sm">
                     Are you sure you want to delete this chat?
                   </Description>
                   <div className="flex flex-row items-end justify-end space-x-4 mt-6">
@@ -101,7 +101,7 @@ const DeleteChat = ({
                           setConfirmationDialogOpen(false);
                         }
                       }}
-                      className="text-black/50 dark:text-white/50 text-sm hover:text-black/70 hover:dark:text-white/70 transition duration-200"
+                      className="text-sm transition duration-200"
                     >
                       Cancel
                     </button>
diff --git a/src/components/EmptyChat.tsx b/src/components/EmptyChat.tsx
index b69ac37..30607f0 100644
--- a/src/components/EmptyChat.tsx
+++ b/src/components/EmptyChat.tsx
@@ -40,9 +40,7 @@ const EmptyChat = ({
       </div>
       <div className="flex flex-col items-center justify-center min-h-screen max-w-screen-sm mx-auto p-2 space-y-4">
         <div className="flex flex-col items-center justify-center w-full space-y-8">
-          <h2 className="text-black/70 dark:text-white/70 text-3xl font-medium -mt-8">
-            Research begins here.
-          </h2>
+          <h2 className="text-3xl font-medium -mt-8">Research begins here.</h2>
           <MessageInput
             firstMessage={true}
             loading={false}
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 1321f31..2d64a5b 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -7,7 +7,7 @@ const Layout = ({ children }: { children: React.ReactNode }) => {
   const isDashboard = segments.includes('dashboard');
 
   return (
-    <main className="lg:pl-20 bg-light-primary dark:bg-dark-primary min-h-screen">
+    <main className="lg:pl-20 bg-bg min-h-screen">
       <div className={isDashboard ? 'mx-4' : 'max-w-screen-lg lg:mx-auto mx-4'}>
         {children}
       </div>
diff --git a/src/components/MarkdownRenderer.tsx b/src/components/MarkdownRenderer.tsx
index c0c9dee..756d2b4 100644
--- a/src/components/MarkdownRenderer.tsx
+++ b/src/components/MarkdownRenderer.tsx
@@ -11,13 +11,12 @@ import {
   Settings,
 } from 'lucide-react';
 import Markdown, { MarkdownToJSX } from 'markdown-to-jsx';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
 import {
   oneDark,
   oneLight,
 } from 'react-syntax-highlighter/dist/cjs/styles/prism';
-import { useTheme } from 'next-themes';
 import ThinkBox from './ThinkBox';
 import { Document } from '@langchain/core/documents';
 import CitationLink from './CitationLink';
@@ -81,23 +80,15 @@ const ToolCall = ({
     switch (toolType) {
       case 'search':
       case 'web_search':
-        return (
-          <Search size={16} className="text-blue-600 dark:text-blue-400" />
-        );
+        return <Search size={16} className="text-accent" />;
       case 'file':
       case 'file_search':
-        return (
-          <FileText size={16} className="text-green-600 dark:text-green-400" />
-        );
+        return <FileText size={16} className="text-green-600" />;
       case 'url':
       case 'url_summarization':
-        return (
-          <Globe size={16} className="text-purple-600 dark:text-purple-400" />
-        );
+        return <Globe size={16} className="text-purple-600" />;
       default:
-        return (
-          <Settings size={16} className="text-gray-600 dark:text-gray-400" />
-        );
+        return <Settings size={16} className="text-fg/70" />;
     }
   };
 
@@ -106,8 +97,8 @@ const ToolCall = ({
       return (
         <>
           <span className="mr-2">{getIcon(type)}</span>
-          <span className="text-black/60 dark:text-white/60">Web search:</span>
-          <span className="ml-2 px-2 py-0.5 bg-black/5 dark:bg-white/5 rounded font-mono text-sm">
+          <span>Web search:</span>
+          <span className="ml-2 px-2 py-0.5 bg-fg/5 rounded font-mono text-sm">
             {query || children}
           </span>
         </>
@@ -118,8 +109,8 @@ const ToolCall = ({
       return (
         <>
           <span className="mr-2">{getIcon(type)}</span>
-          <span className="text-black/60 dark:text-white/60">File search:</span>
-          <span className="ml-2 px-2 py-0.5 bg-black/5 dark:bg-white/5 rounded font-mono text-sm">
+          <span>File search:</span>
+          <span className="ml-2 px-2 py-0.5 bg-fg/5 rounded font-mono text-sm">
             {query || children}
           </span>
         </>
@@ -131,7 +122,7 @@ const ToolCall = ({
       return (
         <>
           <span className="mr-2">{getIcon(type)}</span>
-          <span className="text-black/60 dark:text-white/60">
+          <span>
             Analyzing {urlCount} web page{urlCount === 1 ? '' : 's'} for
             additional details
           </span>
@@ -143,8 +134,8 @@ const ToolCall = ({
     return (
       <>
         <span className="mr-2">{getIcon(type || 'default')}</span>
-        <span className="text-black/60 dark:text-white/60">Using tool:</span>
-        <span className="ml-2 px-2 py-0.5 bg-black/5 dark:bg-white/5 rounded font-mono text-sm border">
+        <span>Using tool:</span>
+        <span className="ml-2 px-2 py-0.5 bg-fg/5 rounded font-mono text-sm border border-surface-2">
           {type || 'unknown'}
         </span>
       </>
@@ -152,7 +143,7 @@ const ToolCall = ({
   };
 
   return (
-    <div className="my-3 px-4 py-3 bg-gradient-to-r from-blue-50/50 to-purple-50/50 dark:from-blue-900/20 dark:to-purple-900/20 border border-blue-200/30 dark:border-blue-700/30 rounded-lg">
+    <div className="my-3 px-4 py-3 bg-surface border border-surface-2 rounded-lg">
       <div className="flex items-center text-sm font-medium">
         {formatToolMessage()}
       </div>
@@ -190,7 +181,24 @@ const CodeBlock = ({
   className?: string;
   children: React.ReactNode;
 }) => {
-  const { theme } = useTheme();
+  // Determine dark mode based on html.dark class so custom themes are respected
+  const [isDark, setIsDark] = useState(false);
+  useEffect(() => {
+    const getIsDark = () =>
+      typeof document !== 'undefined' &&
+      document.documentElement.classList.contains('dark');
+
+    setIsDark(getIsDark());
+
+    const observer = new MutationObserver(() => setIsDark(getIsDark()));
+    if (typeof document !== 'undefined') {
+      observer.observe(document.documentElement, {
+        attributes: true,
+        attributeFilter: ['class'],
+      });
+    }
+    return () => observer.disconnect();
+  }, []);
 
   // Extract language from className (format could be "language-javascript" or "lang-javascript")
   let language = '';
@@ -211,23 +219,23 @@ const CodeBlock = ({
     setTimeout(() => setIsCopied(false), 2000);
   };
 
-  // Choose syntax highlighting style based on theme
-  const syntaxStyle = theme === 'light' ? oneLight : oneDark;
-  const backgroundStyle = theme === 'light' ? '#fafafa' : '#1c1c1c';
+  // Choose syntax highlighting style based on actual dark/light class
+  const syntaxStyle = isDark ? oneDark : oneLight;
+  const backgroundStyle = isDark ? '#1c1c1c' : '#fafafa';
 
   return (
-    <div className="rounded-md overflow-hidden my-4 relative group border border-light-200 dark:border-dark-secondary">
-      <div className="flex justify-between items-center px-4 py-2 bg-light-100 dark:bg-dark-200 border-b border-light-200 dark:border-dark-secondary text-xs text-black/70 dark:text-white/70 font-mono">
+    <div className="rounded-md overflow-hidden my-4 relative group border border-surface-2">
+      <div className="flex justify-between items-center px-4 py-2 bg-surface-2 border-b border-surface-2 text-xs text-fg/70 font-mono">
         <span>{language}</span>
         <button
           onClick={handleCopyCode}
-          className="p-1 rounded-md hover:bg-light-200 dark:hover:bg-dark-secondary transition duration-200"
+          className="p-1 rounded-md hover:bg-surface transition duration-200"
           aria-label="Copy code to clipboard"
         >
           {isCopied ? (
             <CheckCheck size={14} className="text-green-500" />
           ) : (
-            <CopyIcon size={14} className="text-black/70 dark:text-white/70" />
+            <CopyIcon size={14} className="text-fg" />
           )}
         </button>
       </div>
@@ -312,7 +320,7 @@ const MarkdownRenderer = ({
           }
           // This is an inline code block (`code`)
           return (
-            <code className="px-1.5 py-0.5 rounded bg-light-200 dark:bg-dark-secondary text-black dark:text-white font-mono text-sm">
+            <code className="px-1.5 py-0.5 rounded bg-surface-2 font-mono text-sm">
               {children}
             </code>
           );
@@ -320,9 +328,7 @@ const MarkdownRenderer = ({
       },
       strong: {
         component: ({ children }) => (
-          <strong className="font-bold text-black dark:text-white">
-            {children}
-          </strong>
+          <strong className="font-bold">{children}</strong>
         ),
       },
       pre: {
@@ -364,11 +370,11 @@ const MarkdownRenderer = ({
     <div className="relative">
       <Markdown
         className={cn(
-          'prose prose-h1:mb-3 prose-h2:mb-2 prose-h2:mt-6 prose-h2:font-[800] prose-h3:mt-4 prose-h3:mb-1.5 prose-h3:font-[600] dark:prose-invert prose-p:leading-relaxed prose-pre:p-0 font-[400]',
+          'prose prose-h1:mb-3 prose-h2:mb-2 prose-h2:mt-6 prose-h2:font-[800] prose-h3:mt-4 prose-h3:mb-1.5 prose-h3:font-[600] prose-p:leading-relaxed prose-pre:p-0 font-[400]',
           'prose-code:bg-transparent prose-code:p-0 prose-code:text-inherit prose-code:font-normal prose-code:before:content-none prose-code:after:content-none',
           'prose-pre:bg-transparent prose-pre:border-0 prose-pre:m-0 prose-pre:p-0',
-          'prose-strong:text-black dark:prose-strong:text-white prose-strong:font-bold',
-          'break-words text-black dark:text-white max-w-full',
+          'prose-strong:font-bold',
+          'break-words max-w-full',
           className,
         )}
         options={markdownOverrides}
diff --git a/src/components/MessageActions/Copy.tsx b/src/components/MessageActions/Copy.tsx
index cb07b3e..4c376de 100644
--- a/src/components/MessageActions/Copy.tsx
+++ b/src/components/MessageActions/Copy.tsx
@@ -19,7 +19,7 @@ const Copy = ({
         setCopied(true);
         setTimeout(() => setCopied(false), 1000);
       }}
-      className="p-2 text-black/70 dark:text-white/70 rounded-xl hover:bg-light-secondary dark:hover:bg-dark-secondary transition duration-200 hover:text-black dark:hover:text-white"
+      className="p-2 rounded-xl transition duration-200"
     >
       {copied ? <Check size={18} /> : <ClipboardList size={18} />}
     </button>
diff --git a/src/components/MessageActions/ModelInfo.tsx b/src/components/MessageActions/ModelInfo.tsx
index 6eae9a5..3922a32 100644
--- a/src/components/MessageActions/ModelInfo.tsx
+++ b/src/components/MessageActions/ModelInfo.tsx
@@ -39,7 +39,7 @@ const ModelInfoButton: React.FC<ModelInfoButtonProps> = ({ modelStats }) => {
     <div className="relative">
       <button
         ref={buttonRef}
-        className="p-1 ml-1 text-black/70 dark:text-white/70 rounded-full hover:bg-light-secondary dark:hover:bg-dark-secondary transition duration-200 hover:text-black dark:hover:text-white"
+        className="p-1 ml-1 rounded-full hover:bg-surface-2 transition duration-200"
         onClick={() => setShowPopover(!showPopover)}
         aria-label="Show model information"
       >
@@ -48,25 +48,19 @@ const ModelInfoButton: React.FC<ModelInfoButtonProps> = ({ modelStats }) => {
       {showPopover && (
         <div
           ref={popoverRef}
-          className="absolute z-10 left-6 top-0 w-72 rounded-md shadow-lg bg-white dark:bg-dark-secondary border border-light-200 dark:border-dark-200"
+          className="absolute z-10 left-6 top-0 w-72 rounded-md shadow-lg border border-surface-2 bg-surface"
         >
           <div className="py-2 px-3">
-            <h4 className="text-sm font-medium mb-2 text-black dark:text-white">
-              Model Information
-            </h4>
+            <h4 className="text-sm font-medium mb-2">Model Information</h4>
             <div className="space-y-1 text-xs">
               <div className="flex space-x-2">
-                <span className="text-black/70 dark:text-white/70">Model:</span>
-                <span className="text-black dark:text-white font-medium">
-                  {modelName}
-                </span>
+                <span className="">Model:</span>
+                <span className="font-medium">{modelName}</span>
               </div>
               {modelStats?.responseTime && (
                 <div className="flex space-x-2">
-                  <span className="text-black/70 dark:text-white/70">
-                    Response time:
-                  </span>
-                  <span className="text-black dark:text-white font-medium">
+                  <span>Response time:</span>
+                  <span className="font-medium">
                     {(modelStats.responseTime / 1000).toFixed(2)}s
                   </span>
                 </div>
@@ -74,26 +68,20 @@ const ModelInfoButton: React.FC<ModelInfoButtonProps> = ({ modelStats }) => {
               {modelStats?.usage && (
                 <>
                   <div className="flex space-x-2">
-                    <span className="text-black/70 dark:text-white/70">
-                      Input tokens:
-                    </span>
-                    <span className="text-black dark:text-white font-medium">
+                    <span>Input tokens:</span>
+                    <span className="font-medium">
                       {modelStats.usage.input_tokens.toLocaleString()}
                     </span>
                   </div>
                   <div className="flex space-x-2">
-                    <span className="text-black/70 dark:text-white/70">
-                      Output tokens:
-                    </span>
-                    <span className="text-black dark:text-white font-medium">
+                    <span>Output tokens:</span>
+                    <span className="font-medium">
                       {modelStats.usage.output_tokens.toLocaleString()}
                     </span>
                   </div>
                   <div className="flex space-x-2">
-                    <span className="text-black/70 dark:text-white/70">
-                      Total tokens:
-                    </span>
-                    <span className="text-black dark:text-white font-medium">
+                    <span>Total tokens:</span>
+                    <span className="font-medium">
                       {modelStats.usage.total_tokens.toLocaleString()}
                     </span>
                   </div>
diff --git a/src/components/MessageActions/Rewrite.tsx b/src/components/MessageActions/Rewrite.tsx
index 80fadb3..f2cbf57 100644
--- a/src/components/MessageActions/Rewrite.tsx
+++ b/src/components/MessageActions/Rewrite.tsx
@@ -10,7 +10,7 @@ const Rewrite = ({
   return (
     <button
       onClick={() => rewrite(messageId)}
-      className="py-2 px-3 text-black/70 dark:text-white/70 rounded-xl hover:bg-light-secondary dark:hover:bg-dark-secondary transition duration-200 hover:text-black dark:hover:text-white flex flex-row items-center space-x-1"
+      className="py-2 px-3 rounded-xl hover:bg-secondary transition duration-200 flex flex-row items-center space-x-1"
     >
       <ArrowLeftRight size={18} />
       <p className="text-xs font-medium">Rewrite</p>
diff --git a/src/components/MessageBox.tsx b/src/components/MessageBox.tsx
index 2900d2b..7360bd6 100644
--- a/src/components/MessageBox.tsx
+++ b/src/components/MessageBox.tsx
@@ -70,7 +70,7 @@ const MessageBox = ({
           {isEditing ? (
             <div className="w-full">
               <textarea
-                className="w-full p-3 text-lg bg-light-100 dark:bg-dark-100 rounded-lg border border-light-secondary dark:border-dark-secondary text-black dark:text-white focus:outline-none focus:border-[#24A0ED] transition duration-200 min-h-[120px] font-medium"
+                className="w-full p-3 text-lg bg-surface rounded-lg transition duration-200 min-h-[120px] font-medium text-fg placeholder:text-fg/40 border border-surface-2 focus:outline-none focus:ring-2 focus:ring-accent/40"
                 value={editedContent}
                 onChange={(e) => setEditedContent(e.target.value)}
                 placeholder="Edit your message..."
@@ -79,7 +79,7 @@ const MessageBox = ({
               <div className="flex flex-row space-x-2 mt-3 justify-end">
                 <button
                   onClick={cancelEditMessage}
-                  className="p-2 rounded-full bg-light-secondary dark:bg-dark-secondary hover:bg-light-200 dark:hover:bg-dark-200 transition duration-200 text-black/70 dark:text-white/70 hover:text-black dark:hover:text-white"
+                  className="p-2 rounded-full bg-surface hover:bg-surface-2 border border-surface-2 transition duration-200 text-fg/80"
                   aria-label="Cancel"
                   title="Cancel"
                 >
@@ -87,27 +87,24 @@ const MessageBox = ({
                 </button>
                 <button
                   onClick={saveEditMessage}
-                  className="p-2 rounded-full bg-[#24A0ED] hover:bg-[#1a8ad3] transition duration-200 text-white disabled:opacity-50 disabled:cursor-not-allowed"
+                  className="p-2 rounded-full bg-accent hover:bg-accent-700 transition duration-200 text-white disabled:opacity-50 disabled:cursor-not-allowed"
                   aria-label="Save changes"
                   title="Save changes"
                   disabled={!editedContent.trim()}
                 >
-                  <Check size={18} className="text-white" />
+                  <Check size={18} />
                 </button>
               </div>
             </div>
           ) : (
             <>
               <div className="flex items-center">
-                <h2
-                  className="text-black dark:text-white font-medium text-3xl"
-                  onClick={startEditMessage}
-                >
+                <h2 className="font-medium text-3xl" onClick={startEditMessage}>
                   {message.content}
                 </h2>
                 <button
                   onClick={startEditMessage}
-                  className="ml-3 p-2 rounded-xl bg-light-secondary dark:bg-dark-secondary text-black/70 dark:text-white/70 hover:text-black dark:hover:text-white flex-shrink-0"
+                  className="ml-3 p-2 rounded-xl bg-surface hover:bg-surface-2 border border-surface-2 flex-shrink-0"
                   aria-label="Edit message"
                   title="Edit message"
                 >
diff --git a/src/components/MessageBoxLoading.tsx b/src/components/MessageBoxLoading.tsx
index e496bb1..49b875b 100644
--- a/src/components/MessageBoxLoading.tsx
+++ b/src/components/MessageBoxLoading.tsx
@@ -11,22 +11,17 @@ const MessageBoxLoading = ({ progress }: MessageBoxLoadingProps) => {
   return (
     <div className="flex flex-col space-y-4 w-full lg:w-9/12">
       {progress && progress.current !== progress.total ? (
-        <div className="bg-light-primary dark:bg-dark-primary rounded-lg p-4">
+        <div className="bg-surface rounded-lg p-4 border border-surface-2">
           <div className="flex flex-col space-y-3">
-            <p className="text-base font-semibold text-black dark:text-white">
-              {progress.message}
-            </p>
+            <p className="text-base font-semibold">{progress.message}</p>
             {progress.subMessage && (
-              <p
-                className="text-xs text-black/40 dark:text-white/40 mt-1"
-                title={progress.subMessage}
-              >
+              <p className="text-xs mt-1" title={progress.subMessage}>
                 {progress.subMessage}
               </p>
             )}
-            <div className="w-full bg-light-secondary dark:bg-dark-secondary rounded-full h-2 overflow-hidden">
+            <div className="w-full bg-surface-2 rounded-full h-2 overflow-hidden">
               <div
-                className={`h-full bg-[#24A0ED] transition-all duration-300 ease-in-out ${
+                className={`h-full bg-accent transition-all duration-300 ease-in-out ${
                   progress.current === progress.total ? '' : 'animate-pulse'
                 }`}
                 style={{
@@ -39,9 +34,9 @@ const MessageBoxLoading = ({ progress }: MessageBoxLoadingProps) => {
       ) : (
         <div className="pl-3 flex items-center justify-start">
           <div className="flex space-x-1">
-            <div className="w-1.5 h-1.5 bg-black/40 dark:bg-white/40 rounded-full animate-[high-bounce_1s_infinite] [animation-delay:-0.3s]"></div>
-            <div className="w-1.5 h-1.5 bg-black/40 dark:bg-white/40 rounded-full animate-[high-bounce_1s_infinite] [animation-delay:-0.15s]"></div>
-            <div className="w-1.5 h-1.5 bg-black/40 dark:bg-white/40 rounded-full animate-[high-bounce_1s_infinite]"></div>
+            <div className="w-1.5 h-1.5 bg-fg/40 rounded-full animate-[high-bounce_1s_infinite] [animation-delay:-0.3s]"></div>
+            <div className="w-1.5 h-1.5 bg-fg/40 rounded-full animate-[high-bounce_1s_infinite] [animation-delay:-0.15s]"></div>
+            <div className="w-1.5 h-1.5 bg-fg/40 rounded-full animate-[high-bounce_1s_infinite]"></div>
           </div>
         </div>
       )}
diff --git a/src/components/MessageInput.tsx b/src/components/MessageInput.tsx
index 3dc5df7..20976f3 100644
--- a/src/components/MessageInput.tsx
+++ b/src/components/MessageInput.tsx
@@ -141,14 +141,14 @@ const MessageInput = ({
       }}
       className="w-full"
     >
-      <div className="flex flex-col bg-light-secondary dark:bg-dark-secondary px-3 pt-4 pb-2 rounded-lg w-full border border-light-200 dark:border-dark-200">
-        <div className="flex flex-row items-end space-x-2 mb-2">
+      <div className="flex flex-col bg-surface px-3 pt-4 pb-2 rounded-lg w-full border border-surface-2">
+        <div className="flex flex-row space-x-2 mb-2">
           <TextareaAutosize
             ref={inputRef}
             value={message}
             onChange={(e) => setMessage(e.target.value)}
             minRows={1}
-            className="mb-2 bg-transparent placeholder:text-black/50 dark:placeholder:text-white/50 text-sm text-black dark:text-white resize-none focus:outline-none w-full max-h-24 lg:max-h-36 xl:max-h-48"
+            className="px-3 py-2 overflow-hidden flex rounded-lg bg-transparent text-sm resize-none w-full max-h-24 lg:max-h-36 xl:max-h-48"
             placeholder={firstMessage ? 'Ask anything...' : 'Ask a follow-up'}
             autoFocus={true}
           />
@@ -196,7 +196,7 @@ const MessageInput = ({
                 aria-label="Cancel"
               >
                 {loading && (
-                  <div className="absolute inset-0 rounded-full border-2 border-white/30 border-t-white animate-spin" />
+                  <div className="absolute inset-0 rounded-full border-2 border-fg/30 border-t-fg animate-spin" />
                 )}
                 <span className="relative flex items-center justify-center w-[17px] h-[17px]">
                   <Square size={17} className="text-white" />
@@ -205,13 +205,13 @@ const MessageInput = ({
             ) : (
               <button
                 disabled={message.trim().length === 0}
-                className="bg-[#24A0ED] text-white disabled:text-black/50 dark:disabled:text-white/50 disabled:bg-[#e0e0dc] dark:disabled:bg-[#ececec21] hover:bg-opacity-85 transition duration-100 rounded-full p-2"
+                className="bg-accent text-white disabled:text-white/50 disabled:bg-accent/20 hover:bg-accent-700 transition duration-100 rounded-full p-2"
                 type="submit"
               >
                 {firstMessage ? (
-                  <ArrowRight className="bg-background" size={17} />
+                  <ArrowRight size={17} />
                 ) : (
-                  <ArrowUp className="bg-background" size={17} />
+                  <ArrowUp size={17} />
                 )}
               </button>
             )}
diff --git a/src/components/MessageInputActions/Attach.tsx b/src/components/MessageInputActions/Attach.tsx
index d288ead..ef9556a 100644
--- a/src/components/MessageInputActions/Attach.tsx
+++ b/src/components/MessageInputActions/Attach.tsx
@@ -84,20 +84,20 @@ const Attach = ({
             'flex flex-row items-center justify-between space-x-1 p-2 rounded-xl transition duration-200',
             files.length > 0 ? '-ml-2 lg:-ml-3' : '',
             isDisabled
-              ? 'text-black/20 dark:text-white/20 cursor-not-allowed'
-              : 'text-black/50 dark:text-white/50 hover:bg-light-secondary dark:hover:bg-dark-secondary hover:text-black dark:hover:text-white',
+              ? 'text-fg/20 cursor-not-allowed'
+              : 'text-fg/50 hover:bg-surface-2 hover:text-fg',
           )}
         >
           {files.length > 1 && (
             <>
               <File
                 size={19}
-                className={isDisabled ? 'text-sky-900' : 'text-sky-400'}
+                className={isDisabled ? 'text-fg/20' : 'text-accent'}
               />
               <p
                 className={cn(
                   'inline whitespace-nowrap text-xs font-medium',
-                  isDisabled ? 'text-sky-900' : 'text-sky-400',
+                  isDisabled ? 'text-fg/20' : 'text-accent',
                 )}
               >
                 {files.length} files
@@ -109,12 +109,12 @@ const Attach = ({
             <>
               <File
                 size={18}
-                className={isDisabled ? 'text-sky-900' : 'text-sky-400'}
+                className={isDisabled ? 'text-fg/20' : 'text-accent'}
               />
               <p
                 className={cn(
                   'text-xs font-medium',
-                  isDisabled ? 'text-sky-900' : 'text-sky-400',
+                  isDisabled ? 'text-fg/20' : 'text-accent',
                 )}
               >
                 {files[0].fileName.length > 10
@@ -136,11 +136,9 @@ const Attach = ({
           leaveTo="opacity-0 translate-y-1"
         >
           <PopoverPanel className="absolute z-10 w-64 md:w-[350px] right-0">
-            <div className="bg-light-primary dark:bg-dark-primary border rounded-md border-light-200 dark:border-dark-200 w-full max-h-[200px] md:max-h-none overflow-y-auto flex flex-col">
+            <div className="bg-surface border rounded-md border-surface-2 w-full max-h-[200px] md:max-h-none overflow-y-auto flex flex-col">
               <div className="flex flex-row items-center justify-between px-3 py-2">
-                <h4 className="text-black dark:text-white font-medium text-sm">
-                  Attached files
-                </h4>
+                <h4 className="text-fg font-medium text-sm">Attached files</h4>
                 <div className="flex flex-row items-center space-x-4">
                   <button
                     type="button"
@@ -149,8 +147,8 @@ const Attach = ({
                     className={cn(
                       'flex flex-row items-center space-x-1 transition duration-200',
                       isDisabled
-                        ? 'text-black/20 dark:text-white/20 cursor-not-allowed'
-                        : 'text-black/70 dark:text-white/70 hover:text-black hover:dark:text-white',
+                        ? 'text-fg/20 cursor-not-allowed'
+                        : 'text-fg/70 hover:text-fg',
                     )}
                   >
                     <input
@@ -176,8 +174,8 @@ const Attach = ({
                     className={cn(
                       'flex flex-row items-center space-x-1 transition duration-200',
                       isDisabled
-                        ? 'text-black/20 dark:text-white/20 cursor-not-allowed'
-                        : 'text-black/70 dark:text-white/70 hover:text-black hover:dark:text-white',
+                        ? 'text-fg/20 cursor-not-allowed'
+                        : 'text-fg/70 hover:text-fg',
                     )}
                   >
                     <Trash size={14} />
@@ -185,17 +183,17 @@ const Attach = ({
                   </button>
                 </div>
               </div>
-              <div className="h-[0.5px] mx-2 bg-white/10" />
+              <div className="h-[0.5px] mx-2 bg-surface-2" />
               <div className="flex flex-col items-center">
                 {files.map((file, i) => (
                   <div
                     key={i}
                     className="flex flex-row items-center justify-start w-full space-x-3 p-3"
                   >
-                    <div className="bg-dark-100 flex items-center justify-center w-10 h-10 rounded-md">
-                      <File size={16} className="text-white/70" />
+                    <div className="bg-surface-2 flex items-center justify-center w-10 h-10 rounded-md">
+                      <File size={16} className="text-fg/70" />
                     </div>
-                    <p className="text-black/70 dark:text-white/70 text-sm">
+                    <p className="text-fg/70 text-sm">
                       {file.fileName.length > 25
                         ? file.fileName.replace(/\.\w+$/, '').substring(0, 25) +
                           '...' +
@@ -211,9 +209,9 @@ const Attach = ({
       </Popover>
       {isSpeedMode && (
         <div className="absolute bottom-full mb-2 left-1/2 transform -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none">
-          <div className="bg-black dark:bg-white text-white dark:text-black text-xs px-2 py-1 rounded whitespace-nowrap">
+          <div className="bg-fg text-bg text-xs px-2 py-1 rounded whitespace-nowrap">
             File attachments are disabled in Speed mode
-            <div className="absolute top-full left-1/2 transform -translate-x-1/2 border-4 border-transparent border-t-black dark:border-t-white"></div>
+            <div className="absolute top-full left-1/2 transform -translate-x-1/2 border-4 border-transparent border-t-fg"></div>
           </div>
         </div>
       )}
@@ -227,8 +225,8 @@ const Attach = ({
         className={cn(
           'flex flex-row items-center space-x-1 rounded-xl transition duration-200 p-2',
           isDisabled
-            ? 'text-black/20 dark:text-white/20 cursor-not-allowed'
-            : 'text-black/50 dark:text-white/50 hover:bg-light-secondary dark:hover:bg-dark-secondary hover:text-black dark:hover:text-white',
+            ? 'text-fg/20 cursor-not-allowed'
+            : 'text-fg/50 hover:bg-surface-2 hover:text-fg',
         )}
       >
         <input
@@ -244,9 +242,9 @@ const Attach = ({
       </button>
       {isSpeedMode && (
         <div className="absolute bottom-full mb-2 left-1/2 transform -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none">
-          <div className="bg-black dark:bg-white text-white dark:text-black text-xs px-2 py-1 rounded whitespace-nowrap">
+          <div className="bg-fg text-bg text-xs px-2 py-1 rounded whitespace-nowrap">
             File attachments are disabled in Speed mode
-            <div className="absolute top-full left-1/2 transform -translate-x-1/2 border-4 border-transparent border-t-black dark:border-t-white"></div>
+            <div className="absolute top-full left-1/2 transform -translate-x-1/2 border-4 border-transparent border-t-fg"></div>
           </div>
         </div>
       )}
diff --git a/src/components/MessageInputActions/Copilot.tsx b/src/components/MessageInputActions/Copilot.tsx
deleted file mode 100644
index 5a3e476..0000000
--- a/src/components/MessageInputActions/Copilot.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { cn } from '@/lib/utils';
-import { Switch } from '@headlessui/react';
-
-const CopilotToggle = ({
-  copilotEnabled,
-  setCopilotEnabled,
-}: {
-  copilotEnabled: boolean;
-  setCopilotEnabled: (enabled: boolean) => void;
-}) => {
-  return (
-    <div className="group flex flex-row items-center space-x-1 active:scale-95 duration-200 transition cursor-pointer">
-      <Switch
-        checked={copilotEnabled}
-        onChange={setCopilotEnabled}
-        className="bg-light-secondary dark:bg-dark-secondary border border-light-200/70 dark:border-dark-200 relative inline-flex h-5 w-10 sm:h-6 sm:w-11 items-center rounded-full"
-      >
-        <span className="sr-only">Copilot</span>
-        <span
-          className={cn(
-            copilotEnabled
-              ? 'translate-x-6 bg-[#24A0ED]'
-              : 'translate-x-1 bg-black/50 dark:bg-white/50',
-            'inline-block h-3 w-3 sm:h-4 sm:w-4 transform rounded-full transition-all duration-200',
-          )}
-        />
-      </Switch>
-      <p
-        onClick={() => setCopilotEnabled(!copilotEnabled)}
-        className={cn(
-          'text-xs font-medium transition-colors duration-150 ease-in-out',
-          copilotEnabled
-            ? 'text-[#24A0ED]'
-            : 'text-black/50 dark:text-white/50 group-hover:text-black dark:group-hover:text-white',
-        )}
-      >
-        Copilot
-      </p>
-    </div>
-  );
-};
-
-export default CopilotToggle;
diff --git a/src/components/MessageInputActions/Focus.tsx b/src/components/MessageInputActions/Focus.tsx
index 5801a89..e8f4472 100644
--- a/src/components/MessageInputActions/Focus.tsx
+++ b/src/components/MessageInputActions/Focus.tsx
@@ -7,7 +7,7 @@ const focusModes = [
     key: 'webSearch',
     title: 'All',
     description: 'Searches across all of the internet',
-    icon: <Globe size={20} className="text-[#24A0ED]" />,
+    icon: <Globe size={20} className="text-accent" />,
   },
   {
     key: 'chat',
@@ -42,17 +42,17 @@ const Focus = ({
   );
 
   return (
-    <div className="text-black/50 dark:text-white/50 rounded-xl hover:bg-light-secondary dark:hover:bg-dark-secondary transition duration-200 hover:text-black dark:hover:text-white">
+    <div className="rounded-xl hover:bg-surface-2 transition duration-200">
       <div className="flex flex-row items-center space-x-1">
         <div className="relative">
-          <div className="flex items-center border border-light-200 dark:border-dark-200 rounded-lg overflow-hidden">
+          <div className="flex items-center border border-surface-2 rounded-lg overflow-hidden">
             {/* Web Search Mode Icon */}
             <button
               className={cn(
                 'p-2 transition-all duration-200',
                 focusMode === 'webSearch'
-                  ? 'bg-[#24A0ED]/20 text-[#24A0ED] scale-105'
-                  : 'text-black/30 dark:text-white/30 hover:text-black/50 dark:hover:text-white/50 hover:bg-light-secondary/50 dark:hover:bg-dark-secondary/50',
+                  ? 'text-accent scale-105'
+                  : 'text-fg/70',
               )}
               onMouseEnter={() => setShowWebSearchTooltip(true)}
               onMouseLeave={() => setShowWebSearchTooltip(false)}
@@ -65,15 +65,15 @@ const Focus = ({
             </button>
 
             {/* Divider */}
-            <div className="h-6 w-px bg-light-200 dark:bg-dark-200"></div>
+            <div className="h-6 w-px border-l opacity-10"></div>
 
             {/* Chat Mode Icon */}
             <button
               className={cn(
                 'p-2 transition-all duration-200',
                 focusMode === 'chat'
-                  ? 'bg-[#10B981]/20 text-[#10B981] scale-105'
-                  : 'text-black/30 dark:text-white/30 hover:text-black/50 dark:hover:text-white/50 hover:bg-light-secondary/50 dark:hover:bg-dark-secondary/50',
+                  ? 'text-[#10B981] scale-105'
+                  : 'text-fg/70',
               )}
               onMouseEnter={() => setShowChatTooltip(true)}
               onMouseLeave={() => setShowChatTooltip(false)}
@@ -86,15 +86,15 @@ const Focus = ({
             </button>
 
             {/* Divider */}
-            <div className="h-6 w-px bg-light-200 dark:bg-dark-200"></div>
+            <div className="h-6 w-px border-l opacity-10"></div>
 
             {/* Local Research Mode Icon */}
             <button
               className={cn(
                 'p-2 transition-all duration-200',
                 focusMode === 'localResearch'
-                  ? 'bg-[#8B5CF6]/20 text-[#8B5CF6] scale-105'
-                  : 'text-black/30 dark:text-white/30 hover:text-black/50 dark:hover:text-white/50 hover:bg-light-secondary/50 dark:hover:bg-dark-secondary/50',
+                  ? 'text-[#8B5CF6] scale-105'
+                  : 'text-fg/70',
               )}
               onMouseEnter={() => setShowLocalResearchTooltip(true)}
               onMouseLeave={() => setShowLocalResearchTooltip(false)}
@@ -110,14 +110,14 @@ const Focus = ({
           {/* Web Search Mode Tooltip */}
           {showWebSearchTooltip && (
             <div className="absolute z-20 bottom-[100%] mb-2 left-0 animate-in fade-in-0 duration-150">
-              <div className="bg-light-primary dark:bg-dark-primary border rounded-lg border-light-200 dark:border-dark-200 p-4 w-80 shadow-lg">
+              <div className="bg-surface border rounded-lg border-surface-2 p-4 w-80 shadow-lg">
                 <div className="flex items-center space-x-2 mb-2">
-                  <Globe size={16} className="text-[#24A0ED]" />
-                  <h3 className="font-medium text-sm text-black dark:text-white text-left">
+                  <Globe size={16} className="text-accent" />
+                  <h3 className="font-medium text-sm text-left">
                     {webSearchMode?.title}
                   </h3>
                 </div>
-                <p className="text-sm text-black/70 dark:text-white/70 leading-relaxed text-left">
+                <p className="text-sm leading-relaxed text-left">
                   {webSearchMode?.description}
                 </p>
               </div>
@@ -127,14 +127,14 @@ const Focus = ({
           {/* Chat Mode Tooltip */}
           {showChatTooltip && (
             <div className="absolute z-20 bottom-[100%] mb-2 left-0 transform animate-in fade-in-0 duration-150">
-              <div className="bg-light-primary dark:bg-dark-primary border rounded-lg border-light-200 dark:border-dark-200 p-4 w-80 shadow-lg">
+              <div className="bg-surface border rounded-lg border-surface-2 p-4 w-80 shadow-lg">
                 <div className="flex items-center space-x-2 mb-2">
                   <MessageCircle size={16} className="text-[#10B981]" />
-                  <h3 className="font-medium text-sm text-black dark:text-white text-left">
+                  <h3 className="font-medium text-sm text-left">
                     {chatMode?.title}
                   </h3>
                 </div>
-                <p className="text-sm text-black/70 dark:text-white/70 leading-relaxed text-left">
+                <p className="text-sm leading-relaxed text-left">
                   {chatMode?.description}
                 </p>
               </div>
@@ -144,14 +144,14 @@ const Focus = ({
           {/* Local Research Mode Tooltip */}
           {showLocalResearchTooltip && (
             <div className="absolute z-20 bottom-[100%] mb-2 left-0 animate-in fade-in-0 duration-150">
-              <div className="bg-light-primary dark:bg-dark-primary border rounded-lg border-light-200 dark:border-dark-200 p-4 w-80 shadow-lg">
+              <div className="bg-surface border rounded-lg border-surface-2 p-4 w-80 shadow-lg">
                 <div className="flex items-center space-x-2 mb-2">
                   <Pencil size={16} className="text-[#8B5CF6]" />
-                  <h3 className="font-medium text-sm text-black dark:text-white text-left">
+                  <h3 className="font-medium text-smtext-left">
                     {localResearchMode?.title}
                   </h3>
                 </div>
-                <p className="text-sm text-black/70 dark:text-white/70 leading-relaxed text-left">
+                <p className="text-sm leading-relaxed text-left">
                   {localResearchMode?.description}
                 </p>
               </div>
diff --git a/src/components/MessageInputActions/ModelSelector.tsx b/src/components/MessageInputActions/ModelSelector.tsx
index 3a8572a..f8d2d17 100644
--- a/src/components/MessageInputActions/ModelSelector.tsx
+++ b/src/components/MessageInputActions/ModelSelector.tsx
@@ -170,7 +170,7 @@ const ModelSelector = ({
           <div className="relative">
             <PopoverButton
               type="button"
-              className="p-2 group flex text-black/50 dark:text-white/50 rounded-xl hover:bg-light-secondary dark:hover:bg-dark-secondary active:scale-95 transition duration-200 hover:text-black dark:hover:text-white"
+              className="p-2 group flex text-fg/50 rounded-xl hover:bg-surface-2 active:scale-95 transition duration-200 hover:text-fg"
             >
               <Cpu size={18} />
               {showModelName && (
@@ -205,22 +205,22 @@ const ModelSelector = ({
             leaveTo="opacity-0 translate-y-1"
           >
             <PopoverPanel className="absolute z-10 w-72 transform bottom-full mb-2">
-              <div className="overflow-hidden rounded-lg shadow-lg ring-1 ring-black/5 dark:ring-white/5 bg-white dark:bg-dark-secondary divide-y divide-light-200 dark:divide-dark-200">
+              <div className="overflow-hidden rounded-lg shadow-lg bg-surface border border-surface-2 divide-y divide-surface-2">
                 <div className="px-4 py-3">
-                  <h3 className="text-sm font-medium text-black/90 dark:text-white/90">
+                  <h3 className="text-sm font-medium text-fg/90">
                     Select Model
                   </h3>
-                  <p className="text-xs text-black/60 dark:text-white/60 mt-1">
+                  <p className="text-xs text-fg/60 mt-1">
                     Choose a provider and model for your conversation
                   </p>
                 </div>
                 <div className="max-h-72 overflow-y-auto">
                   {loading ? (
-                    <div className="px-4 py-3 text-sm text-black/70 dark:text-white/70">
+                    <div className="px-4 py-3 text-sm text-fg/70">
                       Loading available models...
                     </div>
                   ) : providersList.length === 0 ? (
-                    <div className="px-4 py-3 text-sm text-black/70 dark:text-white/70">
+                    <div className="px-4 py-3 text-sm text-fg/70">
                       No models available
                     </div>
                   ) : (
@@ -232,15 +232,15 @@ const ModelSelector = ({
                         return (
                           <div
                             key={providerKey}
-                            className="border-t border-light-200 dark:border-dark-200 first:border-t-0"
+                            className="border-t border-surface-2 first:border-t-0"
                           >
                             {/* Provider header */}
                             <button
                               className={cn(
                                 'w-full flex items-center justify-between px-4 py-2 text-sm text-left',
-                                'hover:bg-light-100 dark:hover:bg-dark-100',
+                                'hover:bg-surface-2',
                                 selectedModel?.provider === providerKey
-                                  ? 'bg-light-50 dark:bg-dark-50'
+                                  ? 'bg-surface-2'
                                   : '',
                               )}
                               onClick={() =>
@@ -248,13 +248,10 @@ const ModelSelector = ({
                               }
                             >
                               <div className="font-medium flex items-center">
-                                <Cpu
-                                  size={14}
-                                  className="mr-2 text-black/70 dark:text-white/70"
-                                />
+                                <Cpu size={14} className="mr-2 text-fg/70" />
                                 {provider.displayName}
                                 {selectedModel?.provider === providerKey && (
-                                  <span className="ml-2 text-xs text-[#24A0ED]">
+                                  <span className="ml-2 text-xs text-accent">
                                     (active)
                                   </span>
                                 )}
@@ -280,8 +277,8 @@ const ModelSelector = ({
                                         modelOption.provider &&
                                         selectedModel?.model ===
                                           modelOption.model
-                                        ? 'bg-light-100 dark:bg-dark-100 text-black dark:text-white'
-                                        : 'text-black/70 dark:text-white/70 hover:bg-light-100 dark:hover:bg-dark-100',
+                                        ? 'bg-surface-2 text-fg'
+                                        : 'text-fg/70 hover:bg-surface-2',
                                     )}
                                     onClick={() =>
                                       handleSelectModel(modelOption)
@@ -297,7 +294,7 @@ const ModelSelector = ({
                                       modelOption.provider &&
                                       selectedModel?.model ===
                                         modelOption.model && (
-                                        <div className="ml-auto bg-[#24A0ED] text-white text-xs px-1.5 py-0.5 rounded">
+                                        <div className="ml-auto bg-accent text-white text-xs px-1.5 py-0.5 rounded">
                                           Active
                                         </div>
                                       )}
diff --git a/src/components/MessageInputActions/Optimization.tsx b/src/components/MessageInputActions/Optimization.tsx
index 11130ce..dad3918 100644
--- a/src/components/MessageInputActions/Optimization.tsx
+++ b/src/components/MessageInputActions/Optimization.tsx
@@ -47,18 +47,18 @@ const Optimization = ({
     <button
       type="button"
       onClick={handleToggle}
-      className="text-black/50 dark:text-white/50 rounded-xl hover:bg-light-secondary dark:hover:bg-dark-secondary active:scale-95 transition duration-200 hover:text-black dark:hover:text-white"
+      className="text-fg/50 rounded-xl hover:bg-surface-2 active:scale-95 transition duration-200 hover:text-fg"
     >
       <div className="flex flex-row items-center space-x-1">
         <div className="relative">
-          <div className="flex items-center border border-light-200 dark:border-dark-200 rounded-lg overflow-hidden">
+          <div className="flex items-center border border-surface-2 rounded-lg overflow-hidden">
             {/* Speed Mode Icon */}
             <div
               className={cn(
                 'p-2 transition-all duration-200',
                 !isAgentMode
                   ? 'bg-[#FF9800]/20 text-[#FF9800] scale-105'
-                  : 'text-black/30 dark:text-white/30 hover:text-black/50 dark:hover:text-white/50 hover:bg-light-secondary/50 dark:hover:bg-dark-secondary/50',
+                  : 'text-fg/30 hover:text-fg/50 hover:bg-surface-2/50',
               )}
               onMouseEnter={() => setShowSpeedTooltip(true)}
               onMouseLeave={() => setShowSpeedTooltip(false)}
@@ -67,7 +67,7 @@ const Optimization = ({
             </div>
 
             {/* Divider */}
-            <div className="h-6 w-px bg-light-200 dark:bg-dark-200"></div>
+            <div className="h-6 w-px bg-surface-2"></div>
 
             {/* Agent Mode Icon */}
             <div
@@ -75,7 +75,7 @@ const Optimization = ({
                 'p-2 transition-all duration-200',
                 isAgentMode
                   ? 'bg-[#9C27B0]/20 text-[#9C27B0] scale-105'
-                  : 'text-black/30 dark:text-white/30 hover:text-black/50 dark:hover:text-white/50 hover:bg-light-secondary/50 dark:hover:bg-dark-secondary/50',
+                  : 'text-fg/30 hover:text-fg/50 hover:bg-surface-2/50',
               )}
               onMouseEnter={() => setShowAgentTooltip(true)}
               onMouseLeave={() => setShowAgentTooltip(false)}
@@ -87,14 +87,14 @@ const Optimization = ({
           {/* Speed Mode Tooltip */}
           {showSpeedTooltip && (
             <div className="absolute z-20 bottom-[100%] mb-2 right-0 animate-in fade-in-0 duration-150">
-              <div className="bg-light-primary dark:bg-dark-primary border rounded-lg border-light-200 dark:border-dark-200 p-4 w-80 shadow-lg">
+              <div className="bg-surface border rounded-lg border-surface-2 p-4 w-80 shadow-lg">
                 <div className="flex items-center space-x-2 mb-2">
                   <Zap size={16} className="text-[#FF9800]" />
-                  <h3 className="font-medium text-sm text-black dark:text-white text-left">
+                  <h3 className="font-medium text-sm text-fg text-left">
                     {speedMode?.title}
                   </h3>
                 </div>
-                <p className="text-sm text-black/70 dark:text-white/70 leading-relaxed text-left">
+                <p className="text-sm text-fg/70 leading-relaxed text-left">
                   {speedMode?.description}
                 </p>
               </div>
@@ -104,14 +104,14 @@ const Optimization = ({
           {/* Agent Mode Tooltip */}
           {showAgentTooltip && (
             <div className="absolute z-20 bottom-[100%] mb-2 right-0 animate-in fade-in-0 duration-150">
-              <div className="bg-light-primary dark:bg-dark-primary border rounded-lg border-light-200 dark:border-dark-200 p-4 w-80 shadow-lg">
+              <div className="bg-surface border rounded-lg border-surface-2 p-4 w-80 shadow-lg">
                 <div className="flex items-center space-x-2 mb-2">
                   <Bot size={16} className="text-[#9C27B0]" />
-                  <h3 className="font-medium text-sm text-black dark:text-white text-left">
+                  <h3 className="font-medium text-sm text-fg text-left">
                     {agentMode?.title}
                   </h3>
                 </div>
-                <p className="text-sm text-black/70 dark:text-white/70 leading-relaxed text-left">
+                <p className="text-sm text-fg/70 leading-relaxed text-left">
                   {agentMode?.description}
                 </p>
               </div>
diff --git a/src/components/MessageInputActions/SystemPromptSelector.tsx b/src/components/MessageInputActions/SystemPromptSelector.tsx
index 28b525f..a93b908 100644
--- a/src/components/MessageInputActions/SystemPromptSelector.tsx
+++ b/src/components/MessageInputActions/SystemPromptSelector.tsx
@@ -88,10 +88,10 @@ const SystemPromptSelector = ({
           <>
             <PopoverButton
               className={cn(
-                'flex items-center gap-1 rounded-lg text-sm transition-colors duration-150 ease-in-out focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500',
+                'flex items-center gap-1 rounded-lg text-sm transition-colors duration-150 ease-in-out focus:outline-none focus-visible:ring-2',
                 selectedCount > 0
-                  ? 'text-[#24A0ED] hover:text-blue-200'
-                  : 'text-black/60 hover:text-black/30 dark:text-white/60 dark:hover:*:text-white/30',
+                  ? 'text-accent hover:text-accent'
+                  : 'text-fg/60 hover:text-fg/30',
               )}
               title="Select Prompts"
             >
@@ -109,25 +109,25 @@ const SystemPromptSelector = ({
               leaveTo="opacity-0 translate-y-1"
             >
               <PopoverPanel className="absolute z-20 w-72 transform bottom-full mb-2">
-                <div className="overflow-hidden rounded-lg shadow-lg ring-1 ring-black/5 dark:ring-white/5 bg-white dark:bg-dark-secondary">
-                  <div className="px-4 py-3 border-b border-light-200 dark:border-dark-200">
-                    <h3 className="text-sm font-medium text-black/90 dark:text-white/90">
+                <div className="overflow-hidden rounded-lg shadow-lg ring-1 ring-surface-2 bg-surface">
+                  <div className="px-4 py-3 border-b border-surface-2">
+                    <h3 className="text-sm font-medium text-fg/90">
                       Select Prompts
                     </h3>
-                    <p className="text-xs text-black/60 dark:text-white/60 mt-0.5">
+                    <p className="text-xs text-fg/60 mt-0.5">
                       Choose instructions to guide the AI.
                     </p>
                   </div>
                   {isLoading ? (
                     <div className="px-4 py-3">
-                      <Loader2 className="animate-spin text-black/70 dark:text-white/70" />
+                      <Loader2 className="animate-spin text-fg/70" />
                     </div>
                   ) : (
                     <div className="max-h-60 overflow-y-auto p-1.5 space-y-3">
                       {availablePrompts.length === 0 && (
-                        <p className="text-xs text-black/50 dark:text-white/50 px-2.5 py-2 text-center">
+                        <p className="text-xs text-fg/50 px-2.5 py-2 text-center">
                           No prompts configured. <br /> Go to{' '}
-                          <a className="text-blue-500" href="/settings">
+                          <a className="text-accent" href="/settings">
                             settings
                           </a>{' '}
                           to add some.
@@ -137,7 +137,7 @@ const SystemPromptSelector = ({
                       {availablePrompts.filter((p) => p.type === 'system')
                         .length > 0 && (
                         <div>
-                          <div className="flex items-center gap-1.5 px-2.5 py-1.5 text-xs font-medium text-black/70 dark:text-white/70">
+                          <div className="flex items-center gap-1.5 px-2.5 py-1.5 text-xs font-medium text-fg/70">
                             <Settings size={14} />
                             <span>System Prompts</span>
                           </div>
@@ -148,21 +148,21 @@ const SystemPromptSelector = ({
                                 <div
                                   key={prompt.id}
                                   onClick={() => handleTogglePrompt(prompt.id)}
-                                  className="flex items-center gap-2.5 p-2.5 rounded-md hover:bg-light-100 dark:hover:bg-dark-100 cursor-pointer"
+                                  className="flex items-center gap-2.5 p-2.5 rounded-md hover:bg-surface-2 cursor-pointer"
                                 >
                                   {selectedPromptIds.includes(prompt.id) ? (
                                     <CheckSquare
                                       size={18}
-                                      className="text-[#24A0ED] flex-shrink-0"
+                                      className="text-accent flex-shrink-0"
                                     />
                                   ) : (
                                     <Square
                                       size={18}
-                                      className="text-black/40 dark:text-white/40 flex-shrink-0"
+                                      className="text-fg/40 flex-shrink-0"
                                     />
                                   )}
                                   <span
-                                    className="text-sm text-black/80 dark:text-white/80 truncate"
+                                    className="text-sm text-fg/80 truncate"
                                     title={prompt.name}
                                   >
                                     {prompt.name}
@@ -176,7 +176,7 @@ const SystemPromptSelector = ({
                       {availablePrompts.filter((p) => p.type === 'persona')
                         .length > 0 && (
                         <div>
-                          <div className="flex items-center gap-1.5 px-2.5 py-1.5 text-xs font-medium text-black/70 dark:text-white/70">
+                          <div className="flex items-center gap-1.5 px-2.5 py-1.5 text-xs font-medium text-fg/70">
                             <User size={14} />
                             <span>Persona Prompts</span>
                           </div>
@@ -187,21 +187,21 @@ const SystemPromptSelector = ({
                                 <div
                                   key={prompt.id}
                                   onClick={() => handleTogglePrompt(prompt.id)}
-                                  className="flex items-center gap-2.5 p-2.5 rounded-md hover:bg-light-100 dark:hover:bg-dark-100 cursor-pointer"
+                                  className="flex items-center gap-2.5 p-2.5 rounded-md hover:bg-surface-2 cursor-pointer"
                                 >
                                   {selectedPromptIds.includes(prompt.id) ? (
                                     <CheckSquare
                                       size={18}
-                                      className="text-[#24A0ED] flex-shrink-0"
+                                      className="text-accent flex-shrink-0"
                                     />
                                   ) : (
                                     <Square
                                       size={18}
-                                      className="text-black/40 dark:text-white/40 flex-shrink-0"
+                                      className="text-fg/40 flex-shrink-0"
                                     />
                                   )}
                                   <span
-                                    className="text-sm text-black/80 dark:text-white/80 truncate"
+                                    className="text-sm text-fg/80 truncate"
                                     title={prompt.name}
                                   >
                                     {prompt.name}
diff --git a/src/components/MessageInputActions/ToolSelector.tsx b/src/components/MessageInputActions/ToolSelector.tsx
index cb5dd90..9aa34ee 100644
--- a/src/components/MessageInputActions/ToolSelector.tsx
+++ b/src/components/MessageInputActions/ToolSelector.tsx
@@ -80,10 +80,10 @@ const ToolSelector = ({
         <>
           <PopoverButton
             className={cn(
-              'flex items-center gap-1 rounded-lg text-sm transition-colors duration-150 ease-in-out focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500',
+              'flex items-center gap-1 rounded-lg text-sm transition-colors duration-150 ease-in-out focus:outline-none focus-visible:ring-2 focus-visible:ring-accent',
               selectedCount > 0
-                ? 'text-[#24A0ED] hover:text-blue-200'
-                : 'text-black/60 hover:text-black/30 dark:text-white/60 dark:hover:*:text-white/30',
+                ? 'text-accent hover:text-accent'
+                : 'text-fg/60 hover:text-fg/30',
             )}
             title="Select Tools"
           >
@@ -101,23 +101,23 @@ const ToolSelector = ({
             leaveTo="opacity-0 translate-y-1"
           >
             <PopoverPanel className="absolute z-20 w-72 transform bottom-full mb-2">
-              <div className="overflow-hidden rounded-lg shadow-lg ring-1 ring-black/5 dark:ring-white/5 bg-white dark:bg-dark-secondary">
-                <div className="px-4 py-3 border-b border-light-200 dark:border-dark-200">
-                  <h3 className="text-sm font-medium text-black/90 dark:text-white/90">
+              <div className="overflow-hidden rounded-lg shadow-lg bg-surface border border-surface-2">
+                <div className="px-4 py-3 border-b border-surface-2">
+                  <h3 className="text-sm font-medium text-fg/90">
                     Select Tools
                   </h3>
-                  <p className="text-xs text-black/60 dark:text-white/60 mt-0.5">
+                  <p className="text-xs text-fg/60 mt-0.5">
                     Choose tools to assist the AI.
                   </p>
                 </div>
                 {isLoading ? (
                   <div className="px-4 py-3">
-                    <Loader2 className="animate-spin text-black/70 dark:text-white/70" />
+                    <Loader2 className="animate-spin text-fg/70" />
                   </div>
                 ) : (
                   <div className="max-h-60 overflow-y-auto p-1.5 space-y-0.5">
                     {availableTools.length === 0 && (
-                      <p className="text-xs text-black/50 dark:text-white/50 px-2.5 py-2 text-center">
+                      <p className="text-xs text-fg/50 px-2.5 py-2 text-center">
                         No tools available.
                       </p>
                     )}
@@ -126,27 +126,27 @@ const ToolSelector = ({
                       <div
                         key={tool.name}
                         onClick={() => handleToggleTool(tool.name)}
-                        className="flex items-start gap-2.5 p-2.5 rounded-md hover:bg-light-100 dark:hover:bg-dark-100 cursor-pointer"
+                        className="flex items-start gap-2.5 p-2.5 rounded-md hover:bg-surface-2 cursor-pointer"
                       >
                         {selectedToolNames.includes(tool.name) ? (
                           <CheckSquare
                             size={18}
-                            className="text-[#24A0ED] flex-shrink-0 mt-0.5"
+                            className="text-accent flex-shrink-0 mt-0.5"
                           />
                         ) : (
                           <Square
                             size={18}
-                            className="text-black/40 dark:text-white/40 flex-shrink-0 mt-0.5"
+                            className="text-fg/40 flex-shrink-0 mt-0.5"
                           />
                         )}
                         <div className="flex-1 min-w-0">
                           <span
-                            className="text-sm font-medium text-black/80 dark:text-white/80 block truncate"
+                            className="text-sm font-medium text-fg/80 block truncate"
                             title={tool.name}
                           >
                             {tool.name.replace(/_/g, ' ')}
                           </span>
-                          <p className="text-xs text-black/60 dark:text-white/60 mt-0.5">
+                          <p className="text-xs text-fg/60 mt-0.5">
                             {tool.description}
                           </p>
                         </div>
diff --git a/src/components/MessageSource.tsx b/src/components/MessageSource.tsx
index f4d197d..c67cd16 100644
--- a/src/components/MessageSource.tsx
+++ b/src/components/MessageSource.tsx
@@ -17,7 +17,7 @@ const MessageSource = ({
 }: MessageSourceProps) => {
   return (
     <a
-      className={`bg-light-100 hover:bg-light-200 dark:bg-dark-100 dark:hover:bg-dark-200 transition duration-200 rounded-lg p-4 flex flex-row no-underline space-x-3 font-medium ${className || ''}`}
+      className={`bg-surface hover:bg-surface-2 transition duration-200 rounded-lg p-4 flex flex-row no-underline space-x-3 font-medium border border-surface-2 ${className || ''}`}
       href={source.metadata.url}
       target="_blank"
       style={style}
@@ -25,8 +25,8 @@ const MessageSource = ({
       {/* Left side: Favicon/Icon and source number */}
       <div className="flex flex-col items-center space-y-2 flex-shrink-0">
         {source.metadata.url === 'File' ? (
-          <div className="bg-dark-200 hover:bg-dark-100 transition duration-200 flex items-center justify-center w-8 h-8 rounded-full">
-            <File size={16} className="text-white/70" />
+          <div className="bg-surface-2 hover:bg-surface transition duration-200 flex items-center justify-center w-8 h-8 rounded-full">
+            <File size={16} className="text-fg/70" />
           </div>
         ) : (
           <img
@@ -37,38 +37,29 @@ const MessageSource = ({
             className="rounded-lg h-7 w-7"
           />
         )}
-        <div className="flex flex-row items-center space-x-1 text-black/50 dark:text-white/50 text-xs">
+        <div className="flex flex-row items-center space-x-1 text-fg/50 text-xs">
           {typeof index === 'number' && (
             <span className="font-semibold">{index + 1}</span>
           )}
           {/* Processing type indicator */}
           {source.metadata.processingType === 'preview-only' && (
             <span title="Partial content analyzed" className="inline-flex">
-              <Zap size={12} className="text-black/40 dark:text-white/40" />
+              <Zap size={12} className="text-fg/40" />
             </span>
           )}
           {source.metadata.processingType === 'full-content' && (
             <span title="Full content analyzed" className="inline-flex">
-              <Microscope
-                size={12}
-                className="text-black/40 dark:text-white/40"
-              />
+              <Microscope size={12} className="text-fg/40" />
             </span>
           )}
           {source.metadata.processingType === 'url-direct-content' && (
             <span title="Direct URL content" className="inline-flex">
-              <FileText
-                size={12}
-                className="text-black/40 dark:text-white/40"
-              />
+              <FileText size={12} className="text-fg/40" />
             </span>
           )}
           {source.metadata.processingType === 'url-content-extraction' && (
             <span title="Summarized URL content" className="inline-flex">
-              <Sparkles
-                size={12}
-                className="text-black/40 dark:text-white/40"
-              />
+              <Sparkles size={12} className="text-fg/40" />
             </span>
           )}
         </div>
@@ -77,18 +68,18 @@ const MessageSource = ({
       {/* Right side: Content */}
       <div className="flex-1 flex flex-col space-y-2">
         {/* Title */}
-        <h3 className="dark:text-white text-sm font-semibold leading-tight">
+        <h3 className="text-fg text-sm font-semibold leading-tight">
           {source.metadata.title}
         </h3>
 
         {/* URL */}
-        <p className="text-xs text-black/50 dark:text-white/50">
+        <p className="text-xs text-fg/50">
           {source.metadata.url.replace(/.+\/\/|www.|\..+/g, '')}
         </p>
 
         {/* Preview content */}
         <p
-          className="text-xs text-black/70 dark:text-white/70 leading-relaxed overflow-hidden"
+          className="text-xs text-fg/70 leading-relaxed overflow-hidden"
           style={{
             display: '-webkit-box',
             WebkitLineClamp: 3,
diff --git a/src/components/MessageTabs.tsx b/src/components/MessageTabs.tsx
index 4a41882..180c9bc 100644
--- a/src/components/MessageTabs.tsx
+++ b/src/components/MessageTabs.tsx
@@ -135,7 +135,7 @@ const MessageTabs = ({
               const url = source?.metadata?.url;
 
               if (url) {
-                return `<a href="${url}" target="_blank" data-citation="${number}" className="bg-light-secondary dark:bg-dark-secondary px-1 rounded ml-1 no-underline text-xs text-black/70 dark:text-white/70 relative hover:bg-light-200 dark:hover:bg-dark-200 transition-colors duration-200">${numStr}</a>`;
+                return `<a href="${url}" target="_blank" data-citation="${number}" className="bg-surface px-1 rounded ml-1 no-underline text-xs relative hover:bg-surface-2 transition-colors duration-200">${numStr}</a>`;
               } else {
                 return `[${numStr}]`;
               }
@@ -169,14 +169,14 @@ const MessageTabs = ({
   return (
     <div className="flex flex-col w-full">
       {/* Tabs */}
-      <div className="flex border-b border-light-200 dark:border-dark-200 overflow-x-auto no-scrollbar sticky top-0 bg-light-primary dark:bg-dark-primary z-10 -mx-4 px-4 mb-2 shadow-sm">
+      <div className="flex border-b border-accent overflow-x-auto no-scrollbar sticky top-0 z-10 -mx-4 px-4 mb-2">
         <button
           onClick={() => setActiveTab('text')}
           className={cn(
             'flex items-center px-4 py-3 text-sm font-medium transition-all duration-200 relative',
             activeTab === 'text'
-              ? 'border-b-2 border-[#24A0ED] text-[#24A0ED] bg-light-100 dark:bg-dark-100'
-              : 'text-black/70 dark:text-white/70 hover:text-black dark:hover:text-white hover:bg-light-100 dark:hover:bg-dark-100',
+              ? 'border-b-2 border-accent text-accent bg-surface-2'
+              : 'hover:bg-surface-2',
           )}
           aria-selected={activeTab === 'text'}
           role="tab"
@@ -191,8 +191,8 @@ const MessageTabs = ({
             className={cn(
               'flex items-center space-x-2 px-4 py-3 text-sm font-medium transition-all duration-200 relative',
               activeTab === 'sources'
-                ? 'border-b-2 border-[#24A0ED] text-[#24A0ED] bg-light-100 dark:bg-dark-100'
-                : 'text-black/70 dark:text-white/70 hover:text-black dark:hover:text-white hover:bg-light-100 dark:hover:bg-dark-100',
+                ? 'border-b-2 border-accent text-accent bg-surface-2'
+                : 'hover:bg-surface-2',
             )}
             aria-selected={activeTab === 'sources'}
             role="tab"
@@ -203,8 +203,8 @@ const MessageTabs = ({
               className={cn(
                 'ml-1.5 px-1.5 py-0.5 text-xs rounded-full',
                 activeTab === 'sources'
-                  ? 'bg-[#24A0ED]/20 text-[#24A0ED]'
-                  : 'bg-light-200 dark:bg-dark-200 text-black/70 dark:text-white/70',
+                  ? 'bg-accent/20 text-accent'
+                  : 'bg-surface-2 text-fg/70',
               )}
             >
               {message.sources.length}
@@ -217,8 +217,8 @@ const MessageTabs = ({
           className={cn(
             'flex items-center space-x-2 px-4 py-3 text-sm font-medium transition-all duration-200 relative',
             activeTab === 'images'
-              ? 'border-b-2 border-[#24A0ED] text-[#24A0ED] bg-light-100 dark:bg-dark-100'
-              : 'text-black/70 dark:text-white/70 hover:text-black dark:hover:text-white hover:bg-light-100 dark:hover:bg-dark-100',
+              ? 'border-b-2 border-accent text-accent bg-surface-2'
+              : 'hover:bg-surface-2',
           )}
           aria-selected={activeTab === 'images'}
           role="tab"
@@ -230,8 +230,8 @@ const MessageTabs = ({
               className={cn(
                 'ml-1.5 px-1.5 py-0.5 text-xs rounded-full',
                 activeTab === 'images'
-                  ? 'bg-[#24A0ED]/20 text-[#24A0ED]'
-                  : 'bg-light-200 dark:bg-dark-200 text-black/70 dark:text-white/70',
+                  ? 'bg-accent/20 text-accent'
+                  : 'bg-surface-2 text-fg/70',
               )}
             >
               {imageCount}
@@ -244,8 +244,8 @@ const MessageTabs = ({
           className={cn(
             'flex items-center space-x-2 px-4 py-3 text-sm font-medium transition-all duration-200 relative',
             activeTab === 'videos'
-              ? 'border-b-2 border-[#24A0ED] text-[#24A0ED] bg-light-100 dark:bg-dark-100'
-              : 'text-black/70 dark:text-white/70 hover:text-black dark:hover:text-white hover:bg-light-100 dark:hover:bg-dark-100',
+              ? 'border-b-2 border-accent text-accent bg-surface-2'
+              : 'hover:bg-surface-2',
           )}
           aria-selected={activeTab === 'videos'}
           role="tab"
@@ -257,8 +257,8 @@ const MessageTabs = ({
               className={cn(
                 'ml-1.5 px-1.5 py-0.5 text-xs rounded-full',
                 activeTab === 'videos'
-                  ? 'bg-[#24A0ED]/20 text-[#24A0ED]'
-                  : 'bg-light-200 dark:bg-dark-200 text-black/70 dark:text-white/70',
+                  ? 'bg-accent/20 text-accent'
+                  : 'bg-surface-2 text-fg/70',
               )}
             >
               {videoCount}
@@ -285,7 +285,7 @@ const MessageTabs = ({
               sources={message.sources}
             />{' '}
             {loading && isLast ? null : (
-              <div className="flex flex-row items-center justify-between w-full text-black dark:text-white px-4 py-4">
+              <div className="flex flex-row items-center justify-between w-full px-4 py-4">
                 <div className="flex flex-row items-center space-x-1">
                   <Rewrite rewrite={rewrite} messageId={message.messageId} />
                   {message.modelStats && (
@@ -302,7 +302,7 @@ const MessageTabs = ({
                         start();
                       }
                     }}
-                    className="p-2 text-black/70 dark:text-white/70 rounded-xl hover:bg-light-secondary dark:hover:bg-dark-secondary transition duration-200 hover:text-black dark:hover:text-white"
+                    className="p-2 opacity-70 rounded-xl hover:bg-surface-2 transition duration-200"
                   >
                     {speechStatus === 'started' ? (
                       <StopCircle size={18} />
@@ -315,7 +315,7 @@ const MessageTabs = ({
             )}
             {isLast && message.role === 'assistant' && !loading && (
               <>
-                <div className="border-t border-light-secondary dark:border-dark-secondary px-4 pt-4 mt-4">
+                <div className="border-t border-surface-2 px-4 pt-4 mt-4">
                   <div className="flex flex-row items-center space-x-2 mb-3">
                     <Layers3 size={20} />
                     <h3 className="text-xl font-medium">Related</h3>
@@ -325,10 +325,10 @@ const MessageTabs = ({
                       <button
                         onClick={handleLoadSuggestions}
                         disabled={loadingSuggestions}
-                        className="px-4 py-2 flex flex-row items-center justify-center space-x-2 rounded-lg bg-light-secondary dark:bg-dark-secondary hover:bg-light-200 dark:hover:bg-dark-200 transition duration-200 text-black/70 dark:text-white/70 hover:text-black dark:hover:text-white"
+                        className="px-4 py-2 flex flex-row items-center justify-center space-x-2 rounded-lg bg-surface hover:bg-surface-2 transition duration-200"
                       >
                         {loadingSuggestions ? (
-                          <div className="w-4 h-4 border-2 border-t-transparent border-gray-400 dark:border-gray-500 rounded-full animate-spin" />
+                          <div className="w-4 h-4 border-2 border-t-transparent border-fg/40 rounded-full animate-spin" />
                         ) : (
                           <Sparkles size={16} />
                         )}
@@ -348,19 +348,19 @@ const MessageTabs = ({
                           className="flex flex-col space-y-3 text-sm"
                           key={i}
                         >
-                          <div className="h-px w-full bg-light-secondary dark:bg-dark-secondary" />
+                          <div className="h-px w-full bg-surface-2" />
                           <div
                             onClick={() => {
                               sendMessage(suggestion);
                             }}
                             className="cursor-pointer flex flex-row justify-between font-medium space-x-2 items-center"
                           >
-                            <p className="transition duration-200 hover:text-[#24A0ED]">
+                            <p className="transition duration-200 hover:text-accent">
                               {suggestion}
                             </p>
                             <Plus
                               size={20}
-                              className="text-[#24A0ED] flex-shrink-0"
+                              className="text-accent flex-shrink-0"
                             />
                           </div>
                         </div>
@@ -379,23 +379,19 @@ const MessageTabs = ({
           message.sources.length > 0 && (
             <div className="p-4 animate-fadeIn">
               {message.searchQuery && (
-                <div className="mb-4 text-sm bg-light-secondary dark:bg-dark-secondary rounded-lg p-3">
-                  <span className="font-medium text-black/70 dark:text-white/70">
-                    Search query:
-                  </span>{' '}
+                <div className="mb-4 text-sm bg-surface rounded-lg p-3">
+                  <span className="font-medium opacity-70">Search query:</span>{' '}
                   {message.searchUrl ? (
                     <a
                       href={message.searchUrl}
                       target="_blank"
                       rel="noopener noreferrer"
-                      className="dark:text-white text-black hover:underline"
+                      className="hover:underline"
                     >
                       {message.searchQuery}
                     </a>
                   ) : (
-                    <span className="text-black dark:text-white">
-                      {message.searchQuery}
-                    </span>
+                    <span>{message.searchQuery}</span>
                   )}
                 </div>
               )}
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index e406ade..f3e35e8 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -159,7 +159,7 @@ const Navbar = ({
   }, []);
 
   return (
-    <div className="fixed z-40 top-0 left-0 right-0 px-4 lg:pl-[104px] lg:pr-6 lg:px-8 flex flex-row items-center justify-between w-full py-4 text-sm text-black dark:text-white/70 border-b bg-light-primary dark:bg-dark-primary border-light-100 dark:border-dark-200">
+    <div className="fixed z-40 top-0 left-0 right-0 px-4 lg:pl-[104px] lg:pr-6 lg:px-8 flex flex-row items-center justify-between w-full py-4 text-sm border-b bg-bg border-surface-2">
       <a
         href="/"
         className="active:scale-95 transition duration-100 cursor-pointer lg:hidden"
@@ -174,7 +174,7 @@ const Navbar = ({
 
       <div className="flex flex-row items-center space-x-4">
         <Popover className="relative">
-          <PopoverButton className="active:scale-95 transition duration-100 cursor-pointer p-2 rounded-full hover:bg-light-secondary dark:hover:bg-dark-secondary">
+          <PopoverButton className="active:scale-95 transition duration-100 cursor-pointer p-2 rounded-full hover:bg-surface-2">
             <Share size={17} />
           </PopoverButton>
           <Transition
@@ -186,20 +186,20 @@ const Navbar = ({
             leaveFrom="opacity-100 translate-y-0"
             leaveTo="opacity-0 translate-y-1"
           >
-            <PopoverPanel className="absolute right-0 mt-2 w-64 rounded-xl shadow-xl bg-light-primary dark:bg-dark-primary border border-light-200 dark:border-dark-200 z-50">
+            <PopoverPanel className="absolute right-0 mt-2 w-64 rounded-xl shadow-xl bg-surface border border-surface-2 z-50">
               <div className="flex flex-col py-3 px-3 gap-2">
                 <button
-                  className="flex items-center gap-2 px-4 py-2 text-left hover:bg-light-secondary dark:hover:bg-dark-secondary transition-colors text-black dark:text-white rounded-lg font-medium"
+                  className="flex items-center gap-2 px-4 py-2 text-left hover:bg-surface-2 transition-colors rounded-lg font-medium"
                   onClick={() => exportAsMarkdown(messages, title || '')}
                 >
-                  <FileText size={17} className="text-[#24A0ED]" />
+                  <FileText size={17} className="text-accent" />
                   Export as Markdown
                 </button>
                 <button
-                  className="flex items-center gap-2 px-4 py-2 text-left hover:bg-light-secondary dark:hover:bg-dark-secondary transition-colors text-black dark:text-white rounded-lg font-medium"
+                  className="flex items-center gap-2 px-4 py-2 text-left hover:bg-surface-2 transition-colors rounded-lg font-medium"
                   onClick={() => exportAsPDF(messages, title || '')}
                 >
-                  <FileDown size={17} className="text-[#24A0ED]" />
+                  <FileDown size={17} className="text-accent" />
                   Export as PDF
                 </button>
               </div>
diff --git a/src/components/NewsArticleWidget.tsx b/src/components/NewsArticleWidget.tsx
index eca6940..567f36d 100644
--- a/src/components/NewsArticleWidget.tsx
+++ b/src/components/NewsArticleWidget.tsx
@@ -27,14 +27,14 @@ const NewsArticleWidget = () => {
   }, []);
 
   return (
-    <div className="bg-light-secondary dark:bg-dark-secondary rounded-xl border border-light-200 dark:border-dark-200 shadow-sm flex flex-row items-center w-full h-24 min-h-[96px] max-h-[96px] px-3 py-2 gap-3 overflow-hidden">
+    <div className="bg-surface rounded-xl border border-surface-2 shadow-sm flex flex-row items-center w-full h-24 min-h-[96px] max-h-[96px] px-3 py-2 gap-3 overflow-hidden">
       {loading ? (
         <>
           <div className="animate-pulse flex flex-row items-center w-full h-full">
-            <div className="rounded-lg w-16 min-w-16 max-w-16 h-16 min-h-16 max-h-16 bg-light-200 dark:bg-dark-200 mr-3" />
+            <div className="rounded-lg w-16 min-w-16 max-w-16 h-16 min-h-16 max-h-16 bg-surface-2 mr-3" />
             <div className="flex flex-col justify-center flex-1 h-full w-0 gap-2">
-              <div className="h-4 w-3/4 rounded bg-light-200 dark:bg-dark-200" />
-              <div className="h-3 w-1/2 rounded bg-light-200 dark:bg-dark-200" />
+              <div className="h-4 w-3/4 rounded bg-surface-2" />
+              <div className="h-3 w-1/2 rounded bg-surface-2" />
             </div>
           </div>
         </>
@@ -46,7 +46,7 @@ const NewsArticleWidget = () => {
           className="flex flex-row items-center w-full h-full group"
         >
           <img
-            className="object-cover rounded-lg w-16 min-w-16 max-w-16 h-16 min-h-16 max-h-16 border border-light-200 dark:border-dark-200 bg-light-200 dark:bg-dark-200 group-hover:opacity-90 transition"
+            className="object-cover rounded-lg w-16 min-w-16 max-w-16 h-16 min-h-16 max-h-16 border border-surface-2 bg-surface-2 group-hover:opacity-90 transition"
             src={
               new URL(article.thumbnail).origin +
               new URL(article.thumbnail).pathname +
@@ -55,10 +55,10 @@ const NewsArticleWidget = () => {
             alt={article.title}
           />
           <div className="flex flex-col justify-center flex-1 h-full pl-3 w-0">
-            <div className="font-bold text-xs text-black dark:text-white leading-tight truncate overflow-hidden whitespace-nowrap">
+            <div className="font-bold text-xs text-fg leading-tight truncate overflow-hidden whitespace-nowrap">
               {article.title}
             </div>
-            <p className="text-black/70 dark:text-white/70 text-xs leading-snug truncate overflow-hidden whitespace-nowrap">
+            <p className="text-fg/70 text-xs leading-snug truncate overflow-hidden whitespace-nowrap">
               {article.content}
             </p>
           </div>
diff --git a/src/components/SearchImages.tsx b/src/components/SearchImages.tsx
index 6d3e992..2c5a19e 100644
--- a/src/components/SearchImages.tsx
+++ b/src/components/SearchImages.tsx
@@ -126,7 +126,7 @@ const SearchImages = ({
           {[...Array(4)].map((_, i) => (
             <div
               key={i}
-              className="bg-light-secondary dark:bg-dark-secondary h-32 w-full rounded-lg animate-pulse aspect-video object-cover"
+              className="bg-surface-2 h-32 w-full rounded-lg animate-pulse aspect-video object-cover"
             />
           ))}
         </div>
@@ -158,7 +158,7 @@ const SearchImages = ({
             <div className="flex justify-center mt-4">
               <button
                 onClick={handleShowMore}
-                className="px-4 py-2 bg-light-secondary dark:bg-dark-secondary hover:bg-light-200 dark:hover:bg-dark-200 text-black/70 dark:text-white/70 hover:text-black dark:hover:text-white rounded-md transition duration-200 flex items-center space-x-2"
+                className="px-4 py-2 bg-surface hover:bg-surface-2 text-fg/70 hover:text-fg rounded-md transition duration-200 flex items-center space-x-2 border border-surface-2"
               >
                 <span>Show More Images</span>
                 <span className="text-sm opacity-75">
diff --git a/src/components/SearchVideos.tsx b/src/components/SearchVideos.tsx
index 21d2921..8e33eff 100644
--- a/src/components/SearchVideos.tsx
+++ b/src/components/SearchVideos.tsx
@@ -144,7 +144,7 @@ const Searchvideos = ({
           {[...Array(4)].map((_, i) => (
             <div
               key={i}
-              className="bg-light-secondary dark:bg-dark-secondary h-32 w-full rounded-lg animate-pulse aspect-video object-cover"
+              className="bg-surface-2 h-32 w-full rounded-lg animate-pulse aspect-video object-cover"
             />
           ))}
         </div>
@@ -173,7 +173,7 @@ const Searchvideos = ({
                   alt={video.title}
                   className="relative h-full w-full aspect-video object-cover rounded-lg"
                 />
-                <div className="absolute bg-white/70 dark:bg-black/70 text-black/70 dark:text-white/70 px-2 py-1 flex flex-row items-center space-x-1 bottom-1 right-1 rounded-md">
+                <div className="absolute bg-bg/70 text-fg/70 px-2 py-1 flex flex-row items-center space-x-1 bottom-1 right-1 rounded-md">
                   <PlayCircle size={15} />
                   <p className="text-xs">Video</p>
                 </div>
@@ -184,7 +184,7 @@ const Searchvideos = ({
             <div className="flex justify-center mt-4">
               <button
                 onClick={handleShowMore}
-                className="px-4 py-2 bg-light-secondary dark:bg-dark-secondary hover:bg-light-200 dark:hover:bg-dark-200 text-black/70 dark:text-white/70 hover:text-black dark:hover:text-white rounded-md transition duration-200 flex items-center space-x-2"
+                className="px-4 py-2 bg-surface hover:bg-surface-2 text-fg/70 hover:text-fg rounded-md transition duration-200 flex items-center space-x-2 border border-surface-2"
               >
                 <span>Show More Videos</span>
                 <span className="text-sm opacity-75">
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index cb93e4a..fddc07d 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -53,7 +53,7 @@ const Sidebar = ({ children }: { children: React.ReactNode }) => {
   return (
     <div>
       <div className="hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-20 lg:flex-col">
-        <div className="flex grow flex-col items-center justify-between gap-y-5 overflow-y-auto bg-light-secondary dark:bg-dark-secondary px-2 py-8">
+        <div className="flex grow flex-col items-center justify-between gap-y-5 overflow-y-auto bg-surface px-2 py-8">
           <a href="/">
             <SquarePen className="cursor-pointer" />
           </a>
@@ -63,15 +63,13 @@ const Sidebar = ({ children }: { children: React.ReactNode }) => {
                 key={i}
                 href={link.href}
                 className={cn(
-                  'relative flex flex-row items-center justify-center cursor-pointer hover:bg-black/10 dark:hover:bg-white/10 duration-150 transition w-full py-2 rounded-lg',
-                  link.active
-                    ? 'text-black dark:text-white'
-                    : 'text-black/70 dark:text-white/70',
+                  'relative flex flex-row items-center justify-center cursor-pointer hover:bg-surface-2 duration-150 transition w-full py-2 rounded-lg',
+                  link.active ? 'text-fg' : 'text-fg/70',
                 )}
               >
                 <link.icon />
                 {link.active && (
-                  <div className="absolute right-0 -mr-2 h-full w-1 rounded-l-lg bg-black dark:bg-white" />
+                  <div className="absolute right-0 -mr-2 h-full w-1 rounded-l-lg bg-accent" />
                 )}
               </Link>
             ))}
@@ -83,20 +81,18 @@ const Sidebar = ({ children }: { children: React.ReactNode }) => {
         </div>
       </div>
 
-      <div className="fixed bottom-0 w-full z-50 flex flex-row items-center gap-x-6 bg-light-primary dark:bg-dark-primary px-4 py-4 shadow-sm lg:hidden">
+      <div className="fixed bottom-0 w-full z-50 flex flex-row items-center gap-x-6 bg-bg px-4 py-4 shadow-sm lg:hidden">
         {navLinks.map((link, i) => (
           <Link
             href={link.href}
             key={i}
             className={cn(
               'relative flex flex-col items-center space-y-1 text-center w-full',
-              link.active
-                ? 'text-black dark:text-white'
-                : 'text-black dark:text-white/70',
+              link.active ? 'text-fg' : 'text-fg/70',
             )}
           >
             {link.active && (
-              <div className="absolute top-0 -mt-4 h-1 w-full rounded-b-lg bg-black dark:bg-white" />
+              <div className="absolute top-0 -mt-4 h-1 w-full rounded-b-lg bg-accent" />
             )}
             <link.icon />
             <p className="text-xs">{link.label}</p>
diff --git a/src/components/ThinkBox.tsx b/src/components/ThinkBox.tsx
index 449bffb..943e842 100644
--- a/src/components/ThinkBox.tsx
+++ b/src/components/ThinkBox.tsx
@@ -24,27 +24,24 @@ const ThinkBox = ({ content, expanded, onToggle }: ThinkBoxProps) => {
     onToggle || (() => setInternalExpanded(!internalExpanded));
 
   return (
-    <div className="my-4 bg-light-secondary/50 dark:bg-dark-secondary/50 rounded-xl border border-light-200 dark:border-dark-200 overflow-hidden">
+    <div className="my-4 bg-surface/50 rounded-xl border border-surface-2 overflow-hidden">
       <button
         onClick={handleToggle}
-        className="w-full flex items-center justify-between px-4 py-4 text-black/90 dark:text-white/90 hover:bg-light-200 dark:hover:bg-dark-200 transition duration-200"
+        className="w-full flex items-center justify-between px-4 py-4 text-fg/90 hover:bg-surface-2 transition duration-200"
       >
         <div className="flex items-center space-x-2">
-          <BrainCircuit
-            size={20}
-            className="text-[#9C27B0] dark:text-[#CE93D8]"
-          />
+          <BrainCircuit size={20} className="text-[#9C27B0]" />
           <span className="font-medium text-sm">Thinking Process</span>
         </div>
         {isExpanded ? (
-          <ChevronUp size={18} className="text-black/70 dark:text-white/70" />
+          <ChevronUp size={18} className="text-fg/70" />
         ) : (
-          <ChevronDown size={18} className="text-black/70 dark:text-white/70" />
+          <ChevronDown size={18} className="text-fg/70" />
         )}
       </button>
 
       {isExpanded && (
-        <div className="px-4 py-3 text-black/80 dark:text-white/80 text-sm border-t border-light-200 dark:border-dark-200 bg-light-100/50 dark:bg-dark-100/50 whitespace-pre-wrap">
+        <div className="px-4 py-3 text-fg/80 text-sm border-t border-surface-2 bg-surface/50 whitespace-pre-wrap">
           {content}
         </div>
       )}
diff --git a/src/components/WeatherWidget.tsx b/src/components/WeatherWidget.tsx
index 8eaf871..1728c49 100644
--- a/src/components/WeatherWidget.tsx
+++ b/src/components/WeatherWidget.tsx
@@ -103,22 +103,22 @@ const WeatherWidget = () => {
   }, []);
 
   return (
-    <div className="bg-light-secondary dark:bg-dark-secondary rounded-xl border border-light-200 dark:border-dark-200 shadow-sm flex flex-row items-center w-full h-24 min-h-[96px] max-h-[96px] px-3 py-2 gap-3">
+    <div className="bg-surface rounded-xl border border-surface-2 shadow-sm flex flex-row items-center w-full h-24 min-h-[96px] max-h-[96px] px-3 py-2 gap-3">
       {loading ? (
         <>
           <div className="flex flex-col items-center justify-center w-16 min-w-16 max-w-16 h-full animate-pulse">
-            <div className="h-10 w-10 rounded-full bg-light-200 dark:bg-dark-200 mb-2" />
-            <div className="h-4 w-10 rounded bg-light-200 dark:bg-dark-200" />
+            <div className="h-10 w-10 rounded-full bg-surface-2 mb-2" />
+            <div className="h-4 w-10 rounded bg-surface-2" />
           </div>
           <div className="flex flex-col justify-between flex-1 h-full py-1 animate-pulse">
             <div className="flex flex-row items-center justify-between">
-              <div className="h-3 w-20 rounded bg-light-200 dark:bg-dark-200" />
-              <div className="h-3 w-12 rounded bg-light-200 dark:bg-dark-200" />
+              <div className="h-3 w-20 rounded bg-surface-2" />
+              <div className="h-3 w-12 rounded bg-surface-2" />
             </div>
-            <div className="h-3 w-16 rounded bg-light-200 dark:bg-dark-200 mt-1" />
-            <div className="flex flex-row justify-between w-full mt-auto pt-1 border-t border-light-200 dark:border-dark-200">
-              <div className="h-3 w-16 rounded bg-light-200 dark:bg-dark-200" />
-              <div className="h-3 w-8 rounded bg-light-200 dark:bg-dark-200" />
+            <div className="h-3 w-16 rounded bg-surface-2 mt-1" />
+            <div className="flex flex-row justify-between w-full mt-auto pt-1 border-t border-surface-2">
+              <div className="h-3 w-16 rounded bg-surface-2" />
+              <div className="h-3 w-8 rounded bg-surface-2" />
             </div>
           </div>
         </>
@@ -130,24 +130,22 @@ const WeatherWidget = () => {
               alt={data.condition}
               className="h-10 w-auto"
             />
-            <span className="text-base font-semibold text-black dark:text-white">
+            <span className="text-base font-semibold text-fg">
               {data.temperature}°{data.temperatureUnit}
             </span>
           </div>
           <div className="flex flex-col justify-between flex-1 h-full py-1">
             <div className="flex flex-row items-center justify-between">
-              <span className="text-xs font-medium text-black dark:text-white">
+              <span className="text-xs font-medium text-fg">
                 {data.location}
               </span>
-              <span className="flex items-center text-xs text-black/60 dark:text-white/60">
+              <span className="flex items-center text-xs text-fg/60">
                 <Wind className="w-3 h-3 mr-1" />
                 {data.windSpeed} {data.windSpeedUnit}
               </span>
             </div>
-            <span className="text-xs text-black/60 dark:text-white/60 mt-1">
-              {data.condition}
-            </span>
-            <div className="flex flex-row justify-between w-full mt-auto pt-1 border-t border-light-200 dark:border-dark-200 text-xs text-black/60 dark:text-white/60">
+            <span className="text-xs text-fg/60 mt-1">{data.condition}</span>
+            <div className="flex flex-row justify-between w-full mt-auto pt-1 border-t border-surface-2 text-xs text-fg/60">
               <span>Humidity: {data.humidity}%</span>
               <span>Now</span>
             </div>
diff --git a/src/components/dashboard/WidgetConfigModal.tsx b/src/components/dashboard/WidgetConfigModal.tsx
index 5832b71..2ad093c 100644
--- a/src/components/dashboard/WidgetConfigModal.tsx
+++ b/src/components/dashboard/WidgetConfigModal.tsx
@@ -222,7 +222,7 @@ const WidgetConfigModal = ({
           leaveFrom="opacity-100"
           leaveTo="opacity-0"
         >
-          <div className="fixed inset-0 bg-black bg-opacity-75" />
+          <div className="fixed inset-0 bg-fg/75" />
         </TransitionChild>
 
         <div className="fixed inset-0 overflow-y-auto">
@@ -236,15 +236,15 @@ const WidgetConfigModal = ({
               leaveFrom="opacity-100 scale-100"
               leaveTo="opacity-0 scale-95"
             >
-              <DialogPanel className="w-full lg:max-w-[85vw]  transform overflow-hidden rounded-2xl bg-light-primary dark:bg-dark-primary p-6 text-left align-middle shadow-xl transition-all">
+              <DialogPanel className="w-full lg:max-w-[85vw]  transform overflow-hidden rounded-2xl bg-surface p-6 text-left align-middle shadow-xl transition-all">
                 <DialogTitle
                   as="h3"
-                  className="text-lg font-medium leading-6 text-black dark:text-white flex items-center justify-between"
+                  className="text-lg font-medium leading-6 text-fg flex items-center justify-between"
                 >
                   {editingWidget ? 'Edit Widget' : 'Create New Widget'}
                   <button
                     onClick={handleClose}
-                    className="p-1 hover:bg-light-secondary dark:hover:bg-dark-secondary rounded"
+                    className="p-1 hover:bg-surface-2 rounded"
                   >
                     <X size={20} />
                   </button>
@@ -255,7 +255,7 @@ const WidgetConfigModal = ({
                   <div className="space-y-4">
                     {/* Widget Title */}
                     <div>
-                      <label className="block text-sm font-medium text-black dark:text-white mb-1">
+                      <label className="block text-sm font-medium text-fg mb-1">
                         Widget Title
                       </label>
                       <input
@@ -267,14 +267,14 @@ const WidgetConfigModal = ({
                             title: e.target.value,
                           }))
                         }
-                        className="w-full px-3 py-2 border border-light-200 dark:border-dark-200 rounded-md bg-light-primary dark:bg-dark-primary text-black dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-500"
+                        className="w-full px-3 py-2 border border-surface-2 rounded-md bg-bg text-fg focus:outline-none focus:ring-2 focus:ring-accent"
                         placeholder="Enter widget title..."
                       />
                     </div>
 
                     {/* Source URLs */}
                     <div>
-                      <label className="block text-sm font-medium text-black dark:text-white mb-1">
+                      <label className="block text-sm font-medium text-fg mb-1">
                         Source URLs
                       </label>
                       <div className="space-y-2">
@@ -286,7 +286,7 @@ const WidgetConfigModal = ({
                               onChange={(e) =>
                                 updateSource(index, 'url', e.target.value)
                               }
-                              className="flex-1 px-3 py-2 border border-light-200 dark:border-dark-200 rounded-md bg-light-primary dark:bg-dark-primary text-black dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-500"
+                              className="flex-1 px-3 py-2 border border-surface-2 rounded-md bg-bg text-fg focus:outline-none focus:ring-2 focus:ring-accent"
                               placeholder="https://example.com"
                             />
                             <select
@@ -298,7 +298,7 @@ const WidgetConfigModal = ({
                                   e.target.value as Source['type'],
                                 )
                               }
-                              className="px-3 py-2 border border-light-200 dark:border-dark-200 rounded-md bg-light-primary dark:bg-dark-primary text-black dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-500"
+                              className="px-3 py-2 border border-surface-2 rounded-md bg-bg text-fg focus:outline-none focus:ring-2 focus:ring-accent"
                             >
                               <option value="Web Page">Web Page</option>
                               <option value="HTTP Data">HTTP Data</option>
@@ -306,7 +306,7 @@ const WidgetConfigModal = ({
                             {config.sources.length > 1 && (
                               <button
                                 onClick={() => removeSource(index)}
-                                className="p-2 text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20 rounded"
+                                className="p-2 text-red-500 hover:bg-red-50 rounded"
                               >
                                 <Trash2 size={16} />
                               </button>
@@ -315,7 +315,7 @@ const WidgetConfigModal = ({
                         ))}
                         <button
                           onClick={addSource}
-                          className="flex items-center gap-2 px-3 py-2 text-sm text-blue-600 hover:bg-blue-50 dark:hover:bg-blue-900/20 rounded"
+                          className="flex items-center gap-2 px-3 py-2 text-sm text-accent hover:bg-surface-2 rounded"
                         >
                           <Plus size={16} />
                           Add Source
@@ -325,7 +325,7 @@ const WidgetConfigModal = ({
 
                     {/* LLM Prompt */}
                     <div>
-                      <label className="block text-sm font-medium text-black dark:text-white mb-1">
+                      <label className="block text-sm font-medium text-fg mb-1">
                         LLM Prompt
                       </label>
                       <textarea
@@ -337,14 +337,14 @@ const WidgetConfigModal = ({
                           }))
                         }
                         rows={8}
-                        className="w-full px-3 py-2 border border-light-200 dark:border-dark-200 rounded-md bg-light-primary dark:bg-dark-primary text-black dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-500"
+                        className="w-full px-3 py-2 border border-surface-2 rounded-md bg-bg text-fg focus:outline-none focus:ring-2 focus:ring-accent"
                         placeholder="Enter your prompt here..."
                       />
                     </div>
 
                     {/* Provider and Model Selection */}
                     <div>
-                      <label className="block text-sm font-medium text-black dark:text-white mb-2">
+                      <label className="block text-sm font-medium text-fg mb-2">
                         Model & Provider
                       </label>
                       <ModelSelector
@@ -353,7 +353,7 @@ const WidgetConfigModal = ({
                         truncateModelName={false}
                         showModelName={true}
                       />
-                      <p className="text-xs text-gray-500 dark:text-gray-400 mt-1">
+                      <p className="text-xs text-fg/60 mt-1">
                         Select the AI model and provider to process your widget
                         content
                       </p>
@@ -361,14 +361,14 @@ const WidgetConfigModal = ({
 
                     {/* Tool Selection */}
                     <div>
-                      <label className="block text-sm font-medium text-black dark:text-white mb-2">
+                      <label className="block text-sm font-medium text-fg mb-2">
                         Available Tools
                       </label>
                       <ToolSelector
                         selectedToolNames={selectedTools}
                         onSelectedToolNamesChange={setSelectedTools}
                       />
-                      <p className="text-xs text-gray-500 dark:text-gray-400 mt-1">
+                      <p className="text-xs text-fg/60 mt-1">
                         Select tools to assist the AI in processing your widget.
                         Your model must support tool calling.
                       </p>
@@ -376,7 +376,7 @@ const WidgetConfigModal = ({
 
                     {/* Refresh Frequency */}
                     <div>
-                      <label className="block text-sm font-medium text-black dark:text-white mb-1">
+                      <label className="block text-sm font-medium text-fg mb-1">
                         Refresh Frequency
                       </label>
                       <div className="flex gap-2">
@@ -390,7 +390,7 @@ const WidgetConfigModal = ({
                               refreshFrequency: parseInt(e.target.value) || 1,
                             }))
                           }
-                          className="flex-1 px-3 py-2 border border-light-200 dark:border-dark-200 rounded-md bg-light-primary dark:bg-dark-primary text-black dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-500"
+                          className="flex-1 px-3 py-2 border border-surface-2 rounded-md bg-bg text-fg focus:outline-none focus:ring-2 focus:ring-accent"
                         />
                         <select
                           value={config.refreshUnit}
@@ -402,7 +402,7 @@ const WidgetConfigModal = ({
                                 | 'hours',
                             }))
                           }
-                          className="px-3 py-2 border border-light-200 dark:border-dark-200 rounded-md bg-light-primary dark:bg-dark-primary text-black dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-500"
+                          className="px-3 py-2 border border-surface-2 rounded-md bg-bg text-fg focus:outline-none focus:ring-2 focus:ring-accent"
                         >
                           <option value="minutes">Minutes</option>
                           <option value="hours">Hours</option>
@@ -414,29 +414,22 @@ const WidgetConfigModal = ({
                   {/* Right Column - Preview */}
                   <div className="space-y-4">
                     <div className="flex items-center justify-between">
-                      <h4 className="text-sm font-medium text-black dark:text-white">
-                        Preview
-                      </h4>
+                      <h4 className="text-sm font-medium text-fg">Preview</h4>
                       <div className="flex items-center gap-2">
                         <div className="flex items-center gap-2">
-                          <Brain
-                            size={16}
-                            className="text-gray-600 dark:text-gray-400"
-                          />
-                          <span className="text-sm text-gray-700 dark:text-gray-300">
-                            Thinking
-                          </span>
+                          <Brain size={16} className="text-fg/70" />
+                          <span className="text-sm text-fg/80">Thinking</span>
                           <Switch
                             checked={showThinking}
                             onChange={setShowThinking}
-                            className="bg-light-secondary dark:bg-dark-secondary border border-light-200/70 dark:border-dark-200 relative inline-flex h-5 w-10 sm:h-6 sm:w-11 items-center rounded-full"
+                            className="bg-surface border border-surface-2 relative inline-flex h-5 w-10 sm:h-6 sm:w-11 items-center rounded-full"
                           >
                             <span className="sr-only">Show thinking tags</span>
                             <span
                               className={`${
                                 showThinking
                                   ? 'translate-x-6 bg-purple-600'
-                                  : 'translate-x-1 bg-black/50 dark:bg-white/50'
+                                  : 'translate-x-1 bg-fg/50'
                               } inline-block h-3 w-3 sm:h-4 sm:w-4 transform rounded-full transition-all duration-200`}
                             />
                           </Switch>
@@ -444,7 +437,7 @@ const WidgetConfigModal = ({
                         <button
                           onClick={handlePreview}
                           disabled={isPreviewLoading}
-                          className="flex items-center gap-2 px-3 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 disabled:opacity-50"
+                          className="flex items-center gap-2 px-3 py-2 bg-accent text-white rounded hover:bg-accent-700 disabled:opacity-50"
                         >
                           <Play size={16} />
                           {isPreviewLoading ? 'Loading...' : 'Run Preview'}
@@ -452,16 +445,16 @@ const WidgetConfigModal = ({
                       </div>
                     </div>
 
-                    <div className="h-80 p-4 border border-light-200 dark:border-dark-200 rounded-md bg-light-secondary dark:bg-dark-secondary overflow-y-auto max-w-full">
+                    <div className="h-80 p-4 border border-surface-2 rounded-md bg-surface overflow-y-auto max-w-full">
                       {previewContent ? (
-                        <div className="prose prose-sm dark:prose-invert max-w-full">
+                        <div className="prose prose-sm max-w-full">
                           <MarkdownRenderer
                             showThinking={showThinking}
                             content={previewContent}
                           />
                         </div>
                       ) : (
-                        <div className="text-sm text-black/50 dark:text-white/50 italic">
+                        <div className="text-sm text-fg/50 italic">
                           Click &quot;Run Preview&quot; to see how your widget
                           will look
                         </div>
@@ -469,41 +462,41 @@ const WidgetConfigModal = ({
                     </div>
 
                     {/* Variable Legend */}
-                    <div className="text-xs text-black/70 dark:text-white/70">
+                    <div className="text-xs text-fg/70">
                       <h5 className="font-medium mb-2">Available Variables:</h5>
                       <div className="space-y-1">
                         <div>
-                          <code className="bg-light-200 dark:bg-dark-200 px-1 rounded">
+                          <code className="bg-surface-2 px-1 rounded">
                             {'{{current_utc_datetime}}'}
                           </code>{' '}
                           - Current UTC date and time
                         </div>
                         <div>
-                          <code className="bg-light-200 dark:bg-dark-200 px-1 rounded">
+                          <code className="bg-surface-2 px-1 rounded">
                             {'{{current_local_datetime}}'}
                           </code>{' '}
                           - Current local date and time
                         </div>
                         <div>
-                          <code className="bg-light-200 dark:bg-dark-200 px-1 rounded">
+                          <code className="bg-surface-2 px-1 rounded">
                             {'{{source_content_1}}'}
                           </code>{' '}
                           - Content from first source
                         </div>
                         <div>
-                          <code className="bg-light-200 dark:bg-dark-200 px-1 rounded">
+                          <code className="bg-surface-2 px-1 rounded">
                             {'{{source_content_2}}'}
                           </code>{' '}
                           - Content from second source
                         </div>
                         <div>
-                          <code className="bg-light-200 dark:bg-dark-200 px-1 rounded">
+                          <code className="bg-surface-2 px-1 rounded">
                             {'{{source_content_...}}'}
                           </code>{' '}
                           - Content from nth source
                         </div>
                         <div>
-                          <code className="bg-light-200 dark:bg-dark-200 px-1 rounded">
+                          <code className="bg-surface-2 px-1 rounded">
                             {'{{location}}'}
                           </code>{' '}
                           - Your current location
@@ -517,13 +510,13 @@ const WidgetConfigModal = ({
                 <div className="mt-6 flex justify-end gap-3">
                   <button
                     onClick={handleClose}
-                    className="px-4 py-2 text-sm font-medium text-black dark:text-white bg-light-secondary dark:bg-dark-secondary hover:bg-light-200 dark:hover:bg-dark-200 rounded-md"
+                    className="px-4 py-2 text-sm font-medium text-fg bg-surface hover:bg-surface-2 rounded-md"
                   >
                     Cancel
                   </button>
                   <button
                     onClick={handleSave}
-                    className="flex items-center gap-2 px-4 py-2 text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 rounded-md"
+                    className="flex items-center gap-2 px-4 py-2 text-sm font-medium text-white bg-accent hover:bg-accent-700 rounded-md"
                   >
                     <Save size={16} />
                     {editingWidget ? 'Update Widget' : 'Create Widget'}
diff --git a/src/components/dashboard/WidgetDisplay.tsx b/src/components/dashboard/WidgetDisplay.tsx
index feade67..734dc08 100644
--- a/src/components/dashboard/WidgetDisplay.tsx
+++ b/src/components/dashboard/WidgetDisplay.tsx
@@ -10,6 +10,7 @@ import {
   ChevronUp,
   GripVertical,
 } from 'lucide-react';
+import { cn } from '@/lib/utils';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import MarkdownRenderer from '@/components/MarkdownRenderer';
 import { Widget } from '@/lib/types/widget';
@@ -56,13 +57,10 @@ const WidgetDisplay = ({
           <div className="flex items-center space-x-2 flex-1 min-w-0">
             {/* Drag Handle */}
             <div
-              className="widget-drag-handle flex-shrink-0 p-1 rounded hover:bg-light-secondary dark:hover:bg-dark-secondary cursor-move transition-colors"
+              className="widget-drag-handle flex-shrink-0 p-1 rounded hover:bg-surface-2 cursor-move transition-colors"
               title="Drag to move widget"
             >
-              <GripVertical
-                size={16}
-                className="text-gray-400 dark:text-gray-500"
-              />
+              <GripVertical size={16} className="text-fg/50" />
             </div>
 
             <CardTitle className="text-lg font-medium truncate">
@@ -73,7 +71,7 @@ const WidgetDisplay = ({
           <div className="flex items-center space-x-2 flex-shrink-0">
             {/* Last updated date with refresh frequency tooltip */}
             <span
-              className="text-xs text-gray-500 dark:text-gray-400"
+              className="text-xs text-fg/60"
               title={getRefreshFrequencyText()}
             >
               {formatLastUpdated(widget.lastUpdated)}
@@ -83,12 +81,15 @@ const WidgetDisplay = ({
             <button
               onClick={() => onRefresh(widget.id)}
               disabled={widget.isLoading}
-              className="p-1.5 hover:bg-light-secondary dark:hover:bg-dark-secondary rounded transition-colors disabled:opacity-50"
+              className="p-1.5 hover:bg-surface-2 rounded transition-colors disabled:opacity-50"
               title="Refresh Widget"
             >
               <RefreshCw
                 size={16}
-                className={`text-gray-600 dark:text-gray-400 ${widget.isLoading ? 'animate-spin' : ''}`}
+                className={cn(
+                  'text-fg/70',
+                  widget.isLoading ? 'animate-spin' : '',
+                )}
               />
             </button>
           </div>
@@ -98,31 +99,29 @@ const WidgetDisplay = ({
       <CardContent className="flex-1 overflow-hidden">
         <div className="h-full overflow-y-auto">
           {widget.isLoading ? (
-            <div className="flex items-center justify-center py-8 text-gray-500 dark:text-gray-400">
+            <div className="flex items-center justify-center py-8 text-fg/60">
               <RefreshCw size={20} className="animate-spin mr-2" />
               <span>Loading content...</span>
             </div>
           ) : widget.error ? (
-            <div className="flex items-start space-x-2 p-3 bg-red-50 dark:bg-red-900/20 rounded border border-red-200 dark:border-red-800">
+            <div className="flex items-start space-x-2 p-3 bg-red-50 rounded border border-red-200">
               <AlertCircle
                 size={16}
                 className="text-red-500 mt-0.5 flex-shrink-0"
               />
               <div className="flex-1">
-                <p className="text-sm font-medium text-red-800 dark:text-red-300">
+                <p className="text-sm font-medium text-red-800">
                   Error Loading Content
                 </p>
-                <p className="text-xs text-red-600 dark:text-red-400 mt-1">
-                  {widget.error}
-                </p>
+                <p className="text-xs text-red-600 mt-1">{widget.error}</p>
               </div>
             </div>
           ) : widget.content ? (
-            <div className="prose prose-sm dark:prose-invert max-w-none">
+            <div className="prose prose-sm max-w-none">
               <MarkdownRenderer content={widget.content} showThinking={false} />
             </div>
           ) : (
-            <div className="flex items-center justify-center py-8 text-gray-500 dark:text-gray-400">
+            <div className="flex items-center justify-center py-8 text-fg/60">
               <div className="text-center">
                 <p className="text-sm">No content yet</p>
                 <p className="text-xs mt-1">Click refresh to load content</p>
@@ -133,10 +132,10 @@ const WidgetDisplay = ({
       </CardContent>
 
       {/* Collapsible footer with sources and actions */}
-      <div className="bg-light-secondary/30 dark:bg-dark-secondary/30 flex-shrink-0">
+      <div className="bg-surface/30 flex-shrink-0">
         <button
           onClick={() => setIsFooterExpanded(!isFooterExpanded)}
-          className="w-full px-4 py-2 flex items-center space-x-2 text-xs text-gray-500 dark:text-gray-400 hover:bg-light-secondary dark:hover:bg-dark-secondary transition-colors"
+          className="w-full px-4 py-2 flex items-center space-x-2 text-xs text-fg/60 hover:bg-surface-2 transition-colors"
         >
           {isFooterExpanded ? (
             <ChevronUp size={14} />
@@ -151,22 +150,16 @@ const WidgetDisplay = ({
             {/* Sources */}
             {widget.sources.length > 0 && (
               <div>
-                <p className="text-xs text-gray-500 dark:text-gray-400 mb-2">
-                  Sources:
-                </p>
+                <p className="text-xs text-fg/60 mb-2">Sources:</p>
                 <div className="space-y-1">
                   {widget.sources.map((source, index) => (
                     <div
                       key={index}
                       className="flex items-center space-x-2 text-xs"
                     >
-                      <span className="inline-block w-2 h-2 bg-blue-500 rounded-full"></span>
-                      <span className="text-gray-600 dark:text-gray-300 truncate">
-                        {source.url}
-                      </span>
-                      <span className="text-gray-400 dark:text-gray-500">
-                        ({source.type})
-                      </span>
+                      <span className="inline-block w-2 h-2 bg-accent rounded-full"></span>
+                      <span className="text-fg/70 truncate">{source.url}</span>
+                      <span className="text-fg/60">({source.type})</span>
                     </div>
                   ))}
                 </div>
@@ -177,7 +170,7 @@ const WidgetDisplay = ({
             <div className="flex items-center space-x-2 pt-2">
               <button
                 onClick={() => onEdit(widget)}
-                className="flex items-center space-x-1 px-2 py-1 text-xs text-gray-600 dark:text-gray-400 hover:bg-light-secondary dark:hover:bg-dark-secondary rounded transition-colors"
+                className="flex items-center space-x-1 px-2 py-1 text-xs text-fg/70 hover:bg-surface-2 rounded transition-colors"
               >
                 <Edit size={12} />
                 <span>Edit</span>
@@ -185,7 +178,7 @@ const WidgetDisplay = ({
 
               <button
                 onClick={() => onDelete(widget.id)}
-                className="flex items-center space-x-1 px-2 py-1 text-xs text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20 rounded transition-colors"
+                className="flex items-center space-x-1 px-2 py-1 text-xs text-red-500 hover:bg-surface-2 rounded transition-colors"
               >
                 <Trash2 size={12} />
                 <span>Delete</span>
diff --git a/src/components/theme/Controller.tsx b/src/components/theme/Controller.tsx
new file mode 100644
index 0000000..347be00
--- /dev/null
+++ b/src/components/theme/Controller.tsx
@@ -0,0 +1,209 @@
+'use client';
+import { useEffect, useState } from 'react';
+
+export type AppTheme = 'light' | 'dark' | 'custom';
+
+type Props = {
+  children: React.ReactNode;
+};
+
+export default function ThemeController({ children }: Props) {
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => {
+    setMounted(true);
+    const savedTheme = (localStorage.getItem('appTheme') as AppTheme) || 'dark';
+    const userBg = localStorage.getItem('userBg') || '';
+    const userAccent = localStorage.getItem('userAccent') || '';
+    applyTheme(savedTheme, userBg, userAccent);
+  }, []);
+
+  const applyTheme = (mode: AppTheme, bg?: string, accent?: string) => {
+    const root = document.documentElement;
+    root.setAttribute('data-theme', mode);
+    if (mode === 'custom') {
+      if (bg) {
+        root.style.setProperty('--color-bg', normalizeColor(bg));
+        // decide foreground based on luminance
+        const luminance = getLuminance(bg);
+        root.style.setProperty(
+          '--color-fg',
+          luminance > 0.5 ? '#000000' : '#ffffff',
+        );
+        // surfaces
+        const surface = adjustLightness(bg, luminance > 0.5 ? -0.06 : 0.08);
+        const surface2 = adjustLightness(bg, luminance > 0.5 ? -0.1 : 0.12);
+        root.style.setProperty('--color-surface', surface);
+        root.style.setProperty('--color-surface-2', surface2);
+        root.classList.toggle('dark', luminance <= 0.5);
+      }
+      if (accent) {
+        const a600 = normalizeColor(accent);
+        const a700 = adjustLightness(a600, -0.1);
+        const a500 = adjustLightness(a600, 0.1);
+        root.style.setProperty('--color-accent-600', a600);
+        root.style.setProperty('--color-accent-700', a700);
+        root.style.setProperty('--color-accent-500', a500);
+        root.style.setProperty('--color-accent', a600);
+        // Map default blue to accent to minimize code changes
+        root.style.setProperty('--color-blue-600', a600);
+        root.style.setProperty('--color-blue-700', a700);
+        root.style.setProperty('--color-blue-500', a500);
+        root.style.setProperty('--color-blue-50', adjustLightness(a600, 0.92));
+        root.style.setProperty('--color-blue-900', adjustLightness(a600, -0.4));
+      }
+    } else {
+      // Clear any inline custom overrides so stylesheet tokens take effect
+      const toClear = [
+        '--user-bg',
+        '--user-accent',
+        '--color-bg',
+        '--color-fg',
+        '--color-surface',
+        '--color-surface-2',
+        '--color-accent-600',
+        '--color-accent-700',
+        '--color-accent-500',
+        '--color-accent',
+        '--color-blue-600',
+        '--color-blue-700',
+        '--color-blue-500',
+        '--color-blue-50',
+        '--color-blue-900',
+      ];
+      toClear.forEach((name) => root.style.removeProperty(name));
+      root.classList.toggle('dark', mode === 'dark');
+    }
+  };
+
+  useEffect(() => {
+    (window as any).__setAppTheme = (
+      mode: AppTheme,
+      bg?: string,
+      accent?: string,
+    ) => {
+      localStorage.setItem('appTheme', mode);
+      if (mode === 'custom') {
+        if (bg) localStorage.setItem('userBg', bg);
+        if (accent) localStorage.setItem('userAccent', accent);
+      }
+      applyTheme(mode, bg, accent);
+    };
+  }, []);
+
+  if (!mounted) return null;
+  return <>{children}</>;
+}
+
+// helpers
+function normalizeColor(c: string): string {
+  if (c.startsWith('#') && (c.length === 4 || c.length === 7)) return c;
+  try {
+    // Attempt to parse rgb(...) or other; create a canvas to normalize
+    const ctx = document.createElement('canvas').getContext('2d');
+    if (!ctx) return c;
+    ctx.fillStyle = c;
+    const v = ctx.fillStyle as string;
+    // convert to hex
+    const m = v.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)/i);
+    if (m) {
+      const r = Number(m[1]),
+        g = Number(m[2]),
+        b = Number(m[3]);
+      return rgbToHex(r, g, b);
+    }
+    return c;
+  } catch {
+    return c;
+  }
+}
+
+function getLuminance(hex: string): number {
+  const { r, g, b } = hexToRgb(hex);
+  const [R, G, B] = [r, g, b].map((v) => {
+    const srgb = v / 255;
+    return srgb <= 0.03928
+      ? srgb / 12.92
+      : Math.pow((srgb + 0.055) / 1.055, 2.4);
+  });
+  return 0.2126 * R + 0.7152 * G + 0.0722 * B;
+}
+
+function adjustLightness(hex: string, delta: number): string {
+  // delta in [-1, 1] add to perceived lightness roughly
+  const { r, g, b } = hexToRgb(hex);
+  // convert to HSL
+  let { h, s, l } = rgbToHsl(r, g, b);
+  l = Math.max(0, Math.min(1, l + delta));
+  const { r: nr, g: ng, b: nb } = hslToRgb(h, s, l);
+  return rgbToHex(nr, ng, nb);
+}
+
+function hexToRgb(hex: string): { r: number; g: number; b: number } {
+  let h = hex.replace('#', '');
+  if (h.length === 3)
+    h = h
+      .split('')
+      .map((c) => c + c)
+      .join('');
+  const num = parseInt(h, 16);
+  return { r: (num >> 16) & 255, g: (num >> 8) & 255, b: num & 255 };
+}
+
+function rgbToHex(r: number, g: number, b: number): string {
+  return '#' + [r, g, b].map((v) => v.toString(16).padStart(2, '0')).join('');
+}
+
+function rgbToHsl(r: number, g: number, b: number) {
+  r /= 255;
+  g /= 255;
+  b /= 255;
+  const max = Math.max(r, g, b),
+    min = Math.min(r, g, b);
+  let h = 0,
+    s = 0;
+  const l = (max + min) / 2;
+  if (max !== min) {
+    const d = max - min;
+    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    switch (max) {
+      case r:
+        h = (g - b) / d + (g < b ? 6 : 0);
+        break;
+      case g:
+        h = (b - r) / d + 2;
+        break;
+      case b:
+        h = (r - g) / d + 4;
+        break;
+    }
+    h /= 6;
+  }
+  return { h, s, l };
+}
+
+function hslToRgb(h: number, s: number, l: number) {
+  let r: number, g: number, b: number;
+  if (s === 0) {
+    r = g = b = l; // achromatic
+  } else {
+    const hue2rgb = (p: number, q: number, t: number) => {
+      if (t < 0) t += 1;
+      if (t > 1) t -= 1;
+      if (t < 1 / 6) return p + (q - p) * 6 * t;
+      if (t < 1 / 2) return q;
+      if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
+      return p;
+    };
+    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+    const p = 2 * l - q;
+    r = hue2rgb(p, q, h + 1 / 3);
+    g = hue2rgb(p, q, h);
+    b = hue2rgb(p, q, h - 1 / 3);
+  }
+  return {
+    r: Math.round(r * 255),
+    g: Math.round(g * 255),
+    b: Math.round(b * 255),
+  };
+}
diff --git a/src/components/theme/Switcher.tsx b/src/components/theme/Switcher.tsx
index b1e7371..f2f6820 100644
--- a/src/components/theme/Switcher.tsx
+++ b/src/components/theme/Switcher.tsx
@@ -1,59 +1,76 @@
 'use client';
-import { useTheme } from 'next-themes';
-import { useCallback, useEffect, useState } from 'react';
-import Select from '../ui/Select';
+import { useEffect, useState } from 'react';
 
-type Theme = 'dark' | 'light' | 'system';
+type Theme = 'dark' | 'light' | 'custom';
 
 const ThemeSwitcher = ({ className }: { className?: string }) => {
   const [mounted, setMounted] = useState(false);
-
-  const { theme, setTheme } = useTheme();
-
-  const isTheme = useCallback((t: Theme) => t === theme, [theme]);
-
-  const handleThemeSwitch = (theme: Theme) => {
-    setTheme(theme);
-  };
+  const [theme, setTheme] = useState<Theme>('dark');
+  const [bg, setBg] = useState<string>('');
+  const [accent, setAccent] = useState<string>('');
 
   useEffect(() => {
     setMounted(true);
+    const t = (localStorage.getItem('appTheme') as Theme) || 'dark';
+    const b = localStorage.getItem('userBg') || '#0f0f0f';
+    const a = localStorage.getItem('userAccent') || '#2563eb';
+    setTheme(t);
+    setBg(b);
+    setAccent(a);
   }, []);
 
-  useEffect(() => {
-    if (isTheme('system')) {
-      const preferDarkScheme = window.matchMedia(
-        '(prefers-color-scheme: dark)',
-      );
-
-      const detectThemeChange = (event: MediaQueryListEvent) => {
-        const theme: Theme = event.matches ? 'dark' : 'light';
-        setTheme(theme);
-      };
-
-      preferDarkScheme.addEventListener('change', detectThemeChange);
-
-      return () => {
-        preferDarkScheme.removeEventListener('change', detectThemeChange);
-      };
+  const apply = (next: Theme, nextBg = bg, nextAccent = accent) => {
+    (window as any).__setAppTheme?.(next, nextBg, nextAccent);
+    setTheme(next);
+    if (next === 'light' || next === 'dark') {
+      // Refresh local color inputs from storage so UI shows current defaults
+      const b = localStorage.getItem('userBg') || '#0f0f0f';
+      const a = localStorage.getItem('userAccent') || '#2563eb';
+      setBg(b);
+      setAccent(a);
     }
-  }, [isTheme, setTheme, theme]);
+  };
 
-  // Avoid Hydration Mismatch
-  if (!mounted) {
-    return null;
-  }
+  if (!mounted) return null;
 
   return (
-    <Select
-      className={className}
-      value={theme}
-      onChange={(e) => handleThemeSwitch(e.target.value as Theme)}
-      options={[
-        { value: 'light', label: 'Light' },
-        { value: 'dark', label: 'Dark' },
-      ]}
-    />
+    <div className={className}>
+      <div className="flex gap-2">
+        <select
+          className="bg-surface text-fg px-3 py-2 rounded-lg border border-surface-2 text-sm"
+          value={theme}
+          onChange={(e) => apply(e.target.value as Theme)}
+        >
+          <option value="light">Light</option>
+          <option value="dark">Dark</option>
+          <option value="custom">Custom</option>
+        </select>
+        {theme === 'custom' && (
+          <div className="flex items-center gap-2">
+            <label className="text-xs text-foreground/70">Background</label>
+            <input
+              type="color"
+              value={bg}
+              onChange={(e) => {
+                const v = e.target.value;
+                setBg(v);
+                apply('custom', v, accent);
+              }}
+            />
+            <label className="text-xs text-foreground/70">Accent</label>
+            <input
+              type="color"
+              value={accent}
+              onChange={(e) => {
+                const v = e.target.value;
+                setAccent(v);
+                apply('custom', bg, v);
+              }}
+            />
+          </div>
+        )}
+      </div>
+    </div>
   );
 };
 
diff --git a/src/components/ui/Select.tsx b/src/components/ui/Select.tsx
index 8402149..9d40530 100644
--- a/src/components/ui/Select.tsx
+++ b/src/components/ui/Select.tsx
@@ -10,7 +10,7 @@ export const Select = ({ className, options, ...restProps }: SelectProps) => {
     <select
       {...restProps}
       className={cn(
-        'bg-light-secondary dark:bg-dark-secondary px-3 py-2 flex items-center overflow-hidden border border-light-200 dark:border-dark-200 dark:text-white rounded-lg text-sm',
+        'bg-surface px-3 py-2 flex items-center overflow-hidden border border-surface-2 text-fg rounded-lg text-sm',
         className,
       )}
     >
diff --git a/src/lib/search/simplifiedAgent.ts b/src/lib/search/simplifiedAgent.ts
index 0c95612..3fac6d7 100644
--- a/src/lib/search/simplifiedAgent.ts
+++ b/src/lib/search/simplifiedAgent.ts
@@ -322,7 +322,8 @@ Your task is to provide answers that are:
   - This query will be passed directly to the search engine
   - You will receive a list of relevant documents containing snippets of the web page, a URL, and the title of the web page
   - Always perform at least one web search unless the question can be definitively answered with previous conversation history or local file content
-  ${fileIds.length > 0
+${
+  fileIds.length > 0
     ? `
 2.1. **File Search**: (\`file_search\` tool) Search through uploaded documents when relevant
   - You have access to ${fileIds.length} uploaded file${fileIds.length === 1 ? '' : 's'} that may contain relevant information
@@ -331,8 +332,8 @@ Your task is to provide answers that are:
   - The tool will automatically search through all available uploaded files
   - Focus your file searches on specific aspects of the user's query that might be covered in the uploaded documents
   - **Important**: You do NOT need to specify file IDs - the tool will automatically search through all available uploaded files.`
-      : ''
-  }
+    : ''
+}
 3. **Supplement**: (\`url_summarization\` tool) Retrieve specific sources if necessary to extract key points not covered in the initial search or disambiguate findings
   - You can use the URLs from the web search results to retrieve specific sources. They must be passed to the tool unchanged
   - URLs can be passed as an array to request multiple sources at once
diff --git a/src/lib/utils/color-utils.ts b/src/lib/utils/color-utils.ts
new file mode 100644
index 0000000..2b29f4c
--- /dev/null
+++ b/src/lib/utils/color-utils.ts
@@ -0,0 +1,213 @@
+/**
+ * Color utility functions for theme calculations and accessibility
+ * Based on WCAG 2.1 contrast ratio guidelines
+ */
+
+/**
+ * Converts hex color to RGB values
+ * @param hex - Hex color string (e.g., '#ff0000' or '#f00')
+ * @returns RGB object with r, g, b values (0-255)
+ */
+export function hexToRgb(
+  hex: string,
+): { r: number; g: number; b: number } | null {
+  // Remove the hash if present
+  hex = hex.replace('#', '');
+
+  // Convert 3-digit hex to 6-digit
+  if (hex.length === 3) {
+    hex = hex
+      .split('')
+      .map((char) => char + char)
+      .join('');
+  }
+
+  if (hex.length !== 6) {
+    return null;
+  }
+
+  const r = parseInt(hex.substring(0, 2), 16);
+  const g = parseInt(hex.substring(2, 4), 16);
+  const b = parseInt(hex.substring(4, 6), 16);
+
+  return { r, g, b };
+}
+
+/**
+ * Converts RGB values to hex color
+ * @param r - Red value (0-255)
+ * @param g - Green value (0-255)
+ * @param b - Blue value (0-255)
+ * @returns Hex color string
+ */
+export function rgbToHex(r: number, g: number, b: number): string {
+  return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}`;
+}
+
+/**
+ * Converts sRGB color component to linear RGB
+ * @param colorComponent - Color component (0-255)
+ * @returns Linear RGB component (0-1)
+ */
+function sRGBToLinear(colorComponent: number): number {
+  const c = colorComponent / 255;
+  return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+}
+
+/**
+ * Calculates the relative luminance of a color according to WCAG 2.1
+ * @param hex - Hex color string
+ * @returns Relative luminance (0-1)
+ */
+export function calculateLuminance(hex: string): number {
+  const rgb = hexToRgb(hex);
+  if (!rgb) return 0;
+
+  const { r, g, b } = rgb;
+
+  // Convert to linear RGB
+  const linearR = sRGBToLinear(r);
+  const linearG = sRGBToLinear(g);
+  const linearB = sRGBToLinear(b);
+
+  // Calculate relative luminance using WCAG formula
+  return 0.2126 * linearR + 0.7152 * linearG + 0.0722 * linearB;
+}
+
+/**
+ * Calculates the contrast ratio between two colors according to WCAG 2.1
+ * @param color1 - First hex color
+ * @param color2 - Second hex color
+ * @returns Contrast ratio (1-21)
+ */
+export function calculateContrastRatio(color1: string, color2: string): number {
+  const luminance1 = calculateLuminance(color1);
+  const luminance2 = calculateLuminance(color2);
+
+  const lighter = Math.max(luminance1, luminance2);
+  const darker = Math.min(luminance1, luminance2);
+
+  return (lighter + 0.05) / (darker + 0.05);
+}
+
+/**
+ * Determines if a color is considered "light" (high luminance)
+ * @param hex - Hex color string
+ * @returns true if color is light
+ */
+export function isLightColor(hex: string): boolean {
+  return calculateLuminance(hex) > 0.5;
+}
+
+/**
+ * Gets appropriate text color (black or white) for maximum contrast
+ * @param backgroundHex - Background hex color
+ * @returns '#000000' for light backgrounds, '#ffffff' for dark backgrounds
+ */
+export function getContrastingTextColor(backgroundHex: string): string {
+  return isLightColor(backgroundHex) ? '#000000' : '#ffffff';
+}
+
+/**
+ * Checks if color combination meets WCAG contrast requirements
+ * @param foregroundHex - Foreground color hex
+ * @param backgroundHex - Background color hex
+ * @param level - WCAG level ('AA' | 'AAA')
+ * @param size - Text size ('normal' | 'large')
+ * @returns true if contrast ratio is sufficient
+ */
+export function meetsContrastRequirement(
+  foregroundHex: string,
+  backgroundHex: string,
+  level: 'AA' | 'AAA' = 'AA',
+  size: 'normal' | 'large' = 'normal',
+): boolean {
+  const contrastRatio = calculateContrastRatio(foregroundHex, backgroundHex);
+
+  // WCAG 2.1 contrast requirements
+  const requirements = {
+    AA: { normal: 4.5, large: 3.0 },
+    AAA: { normal: 7.0, large: 4.5 },
+  };
+
+  return contrastRatio >= requirements[level][size];
+}
+
+/**
+ * Adjusts color brightness by a percentage
+ * @param hex - Hex color string
+ * @param percent - Brightness adjustment percentage (-100 to 100)
+ * @returns Adjusted hex color
+ */
+export function adjustBrightness(hex: string, percent: number): string {
+  const rgb = hexToRgb(hex);
+  if (!rgb) return hex;
+
+  const adjust = (color: number): number => {
+    const adjusted = color + (percent / 100) * 255;
+    return Math.max(0, Math.min(255, Math.round(adjusted)));
+  };
+
+  return rgbToHex(adjust(rgb.r), adjust(rgb.g), adjust(rgb.b));
+}
+
+/**
+ * Creates a hover variant of a color (slightly darker/lighter)
+ * @param hex - Base hex color
+ * @param amount - Adjustment amount (default: 10% darker for light colors, 15% lighter for dark)
+ * @returns Hover variant hex color
+ */
+export function createHoverVariant(hex: string, amount?: number): string {
+  const defaultAmount = isLightColor(hex) ? -10 : 15;
+  return adjustBrightness(hex, amount ?? defaultAmount);
+}
+
+/**
+ * Creates a secondary variant of a color (more subtle)
+ * @param hex - Base hex color
+ * @param opacity - Opacity factor (0-1, default: 0.1)
+ * @returns Secondary variant hex color (mixed with appropriate base)
+ */
+export function createSecondaryVariant(
+  hex: string,
+  opacity: number = 0.1,
+): string {
+  const rgb = hexToRgb(hex);
+  if (!rgb) return hex;
+
+  // For light colors, mix with black to make slightly darker
+  // For dark colors, mix with white to make slightly lighter
+  const base = isLightColor(hex) ? 0 : 255;
+  const mix = (color: number): number => {
+    return Math.round(color * (1 - opacity) + base * opacity);
+  };
+
+  return rgbToHex(mix(rgb.r), mix(rgb.g), mix(rgb.b));
+}
+
+/**
+ * Validates and normalizes hex color format
+ * @param hex - Input hex color (with or without #)
+ * @returns Normalized hex color string or null if invalid
+ */
+export function normalizeHexColor(hex: string): string | null {
+  // Remove any whitespace
+  hex = hex.trim();
+
+  // Add # if missing
+  if (!hex.startsWith('#')) {
+    hex = '#' + hex;
+  }
+
+  // Convert 3-digit to 6-digit
+  if (hex.length === 4) {
+    hex = '#' + hex[1] + hex[1] + hex[2] + hex[2] + hex[3] + hex[3];
+  }
+
+  // Validate final format
+  if (!/^#[0-9A-Fa-f]{6}$/.test(hex)) {
+    return null;
+  }
+
+  return hex.toLowerCase();
+}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index ae2cba9..aac3920 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,52 +1,3 @@
-import type { Config } from 'tailwindcss';
-import type { DefaultColors } from 'tailwindcss/types/generated/colors';
-
-const themeDark = (colors: DefaultColors) => ({
-  50: '#0a0a0a',
-  100: '#111111',
-  200: '#1c1c1c',
-});
-
-const themeLight = (colors: DefaultColors) => ({
-  50: '#fcfcf9',
-  100: '#f3f3ee',
-  200: '#e8e8e3',
-});
-
-const config: Config = {
-  content: [
-    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
-    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
-    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
-  ],
-  darkMode: 'class',
-  theme: {
-    extend: {
-      borderColor: ({ colors }) => {
-        return {
-          light: themeLight(colors),
-          dark: themeDark(colors),
-        };
-      },
-      colors: ({ colors }) => {
-        const colorsDark = themeDark(colors);
-        const colorsLight = themeLight(colors);
-
-        return {
-          dark: {
-            primary: colorsDark[50],
-            secondary: colorsDark[100],
-            ...colorsDark,
-          },
-          light: {
-            primary: colorsLight[50],
-            secondary: colorsLight[100],
-            ...colorsLight,
-          },
-        };
-      },
-    },
-  },
-  plugins: [require('@tailwindcss/typography')],
-};
-export default config;
+// Tailwind v4 uses CSS-first configuration via @theme in globals.css.
+// Keeping an empty config to satisfy tooling that expects this file.
+export default {};
diff --git a/yarn.lock b/yarn.lock
index 09a0cd3..7397969 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7,6 +7,14 @@
   resolved "https://registry.yarnpkg.com/@alloc/quick-lru/-/quick-lru-5.2.0.tgz#7bf68b20c0a350f936915fcae06f58e32007ce30"
   integrity sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==
 
+"@ampproject/remapping@^2.3.0":
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.3.0.tgz#ed441b6fa600072520ce18b43d2c8cc8caecc7f4"
+  integrity sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
 "@anthropic-ai/sdk@^0.56.0":
   version "0.56.0"
   resolved "https://registry.yarnpkg.com/@anthropic-ai/sdk/-/sdk-0.56.0.tgz#8b6366d5d22235c3ec978c05b2c9420fdf426ed9"
@@ -95,7 +103,7 @@
   dependencies:
     tslib "^2.4.0"
 
-"@emnapi/wasi-threads@1.0.4":
+"@emnapi/wasi-threads@1.0.4", "@emnapi/wasi-threads@^1.0.2":
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/@emnapi/wasi-threads/-/wasi-threads-1.0.4.tgz#703fc094d969e273b1b71c292523b2f792862bf4"
   integrity sha512-PJR+bOmMOPH8AtcTGAyYNiuJ3/Fcoj2XN/gBEWzDIKh254XO+mM9XoXHk5GNEhodxeMznbg7BlRojVbKN+gC6g==
@@ -626,7 +634,14 @@
     wrap-ansi "^8.1.0"
     wrap-ansi-cjs "npm:wrap-ansi@^7.0.0"
 
-"@jridgewell/gen-mapping@^0.3.2":
+"@isaacs/fs-minipass@^4.0.0":
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz#2d59ae3ab4b38fb4270bfa23d30f8e2e86c7fe32"
+  integrity sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==
+  dependencies:
+    minipass "^7.0.4"
+
+"@jridgewell/gen-mapping@^0.3.5":
   version "0.3.12"
   resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.12.tgz#2234ce26c62889f03db3d7fea43c1932ab3e927b"
   integrity sha512-OuLGC46TjB5BbN1dH8JULVVZY4WTdkF7tV9Ys6wLL1rubZnCMstOhNHueU5bLCrnRuDhKPDM4g6sw4Bel5Gzqg==
@@ -666,9 +681,9 @@
     fast-xml-parser "^4.4.1"
 
 "@langchain/community@^0.3.45":
-  version "0.3.49"
-  resolved "https://registry.yarnpkg.com/@langchain/community/-/community-0.3.49.tgz#9e67791c686cfbd378439afb7044cec571dca0f4"
-  integrity sha512-1AAo9mvr1FmqYHUpXhYI8P4NBPC4t9TfUAuvefEImrtb3gZ60fPelVu17ljWlKJcHC1hPSHYpPJWm0Yx7yRvrw==
+  version "0.3.50"
+  resolved "https://registry.yarnpkg.com/@langchain/community/-/community-0.3.50.tgz#9e60828cfde4ae68492bdb321c317eecc9f12857"
+  integrity sha512-3tni++DmYV1Xb4AYZmky4he8lMxrTrkOT+/RSVin5gAwEN5e0QEeNmipWpcKRrmDNUsZZxGdYRPN5Wo23hDqBA==
   dependencies:
     "@langchain/openai" ">=0.2.0 <0.7.0"
     "@langchain/weaviate" "^0.2.0"
@@ -677,14 +692,14 @@
     flat "^5.0.2"
     js-yaml "^4.1.0"
     langchain ">=0.2.3 <0.3.0 || >=0.3.4 <0.4.0"
-    langsmith "^0.3.33"
+    langsmith "^0.3.46"
     uuid "^10.0.0"
     zod "^3.25.32"
 
 "@langchain/core@^0.3.57":
-  version "0.3.66"
-  resolved "https://registry.yarnpkg.com/@langchain/core/-/core-0.3.66.tgz#cd20687f29a07148436cd8b72b88c66d076c500c"
-  integrity sha512-d3SgSDOlgOjdIbReIXVQl9HaQzKqO/5+E+o3kJwoKXLGP9dxi7+lMyaII7yv7G8/aUxMWLwFES9zc1jFoeJEZw==
+  version "0.3.68"
+  resolved "https://registry.yarnpkg.com/@langchain/core/-/core-0.3.68.tgz#0ec59d02757612dfc8fe9739a9ff133afa770c10"
+  integrity sha512-dWPT1h9ObG1TK9uivFTk/pgBULZ6/tBmq8czGUjZjR+1xh9jB4tm/D5FY6o5FklXcEpnAI9peNq2x17Kl9wbMg==
   dependencies:
     "@cfworker/json-schema" "^4.0.2"
     ansi-styles "^5.0.0"
@@ -751,12 +766,12 @@
     uuid "^10.0.0"
 
 "@langchain/openai@>=0.1.0 <0.7.0", "@langchain/openai@>=0.2.0 <0.7.0":
-  version "0.6.3"
-  resolved "https://registry.yarnpkg.com/@langchain/openai/-/openai-0.6.3.tgz#eaaa75bc71afae74dbb76ba4d9e15ef986dee80b"
-  integrity sha512-dSNuXDTJitDzN8D2wFNqWVELDbBRhMpJiFeiWpHjfPuq7R6wSjzNNY/Uk6x+FLpvbOs/zKNWy5+0q0p3KrCjRQ==
+  version "0.6.7"
+  resolved "https://registry.yarnpkg.com/@langchain/openai/-/openai-0.6.7.tgz#8b3384f1c29ae6f73e7f5d2da4e3e71ac88db8d6"
+  integrity sha512-mNT9AdfEvDjlWU76hEl1HgTFkgk7yFKdIRgQz3KXKZhEERXhAwYJNgPFq8+HIpgxYSnc12akZ1uo8WPS98ErPQ==
   dependencies:
     js-tiktoken "^1.0.12"
-    openai "^5.3.0"
+    openai "^5.12.1"
     zod "^3.25.32"
 
 "@langchain/openai@^0.5.12":
@@ -797,10 +812,10 @@
     "@emnapi/runtime" "^1.4.3"
     "@tybys/wasm-util" "^0.10.0"
 
-"@next/env@15.4.5":
-  version "15.4.5"
-  resolved "https://registry.yarnpkg.com/@next/env/-/env-15.4.5.tgz#169f533d8e393b843ffdcac273246c1b0b20506d"
-  integrity sha512-ruM+q2SCOVCepUiERoxOmZY9ZVoecR3gcXNwCYZRvQQWRjhOiPJGmQ2fAiLR6YKWXcSAh7G79KEFxN3rwhs4LQ==
+"@next/env@15.4.6":
+  version "15.4.6"
+  resolved "https://registry.yarnpkg.com/@next/env/-/env-15.4.6.tgz#d52942ee978818b79df8027f5fe62d5523cf058b"
+  integrity sha512-yHDKVTcHrZy/8TWhj0B23ylKv5ypocuCwey9ZqPyv4rPdUdRzpGCkSi03t04KBPyU96kxVtUqx6O3nE1kpxASQ==
 
 "@next/eslint-plugin-next@14.1.4":
   version "14.1.4"
@@ -809,45 +824,45 @@
   dependencies:
     glob "10.3.10"
 
-"@next/swc-darwin-arm64@15.4.5":
-  version "15.4.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.4.5.tgz#a716f1b8baf6dac0ac4cad9670350f637991f89e"
-  integrity sha512-84dAN4fkfdC7nX6udDLz9GzQlMUwEMKD7zsseXrl7FTeIItF8vpk1lhLEnsotiiDt+QFu3O1FVWnqwcRD2U3KA==
+"@next/swc-darwin-arm64@15.4.6":
+  version "15.4.6"
+  resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.4.6.tgz#c7f4cc5eee2d252b3e5cac75adbb5879b21c8c71"
+  integrity sha512-667R0RTP4DwxzmrqTs4Lr5dcEda9OxuZsVFsjVtxVMVhzSpo6nLclXejJVfQo2/g7/Z9qF3ETDmN3h65mTjpTQ==
 
-"@next/swc-darwin-x64@15.4.5":
-  version "15.4.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-15.4.5.tgz#d6aa667458e5985223178575a2ba34847a9a8171"
-  integrity sha512-CL6mfGsKuFSyQjx36p2ftwMNSb8PQog8y0HO/ONLdQqDql7x3aJb/wB+LA651r4we2pp/Ck+qoRVUeZZEvSurA==
+"@next/swc-darwin-x64@15.4.6":
+  version "15.4.6"
+  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-15.4.6.tgz#ac85205ff4e6e18cc36cdfbd7fe5c3cb183a1507"
+  integrity sha512-KMSFoistFkaiQYVQQnaU9MPWtp/3m0kn2Xed1Ces5ll+ag1+rlac20sxG+MqhH2qYWX1O2GFOATQXEyxKiIscg==
 
-"@next/swc-linux-arm64-gnu@15.4.5":
-  version "15.4.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.4.5.tgz#7cdca590400ba8b9b303e0981ca5a1f4a81f7799"
-  integrity sha512-1hTVd9n6jpM/thnDc5kYHD1OjjWYpUJrJxY4DlEacT7L5SEOXIifIdTye6SQNNn8JDZrcN+n8AWOmeJ8u3KlvQ==
+"@next/swc-linux-arm64-gnu@15.4.6":
+  version "15.4.6"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.4.6.tgz#c06233cc47d2c86c7191ed35a7038664f9b52cec"
+  integrity sha512-PnOx1YdO0W7m/HWFeYd2A6JtBO8O8Eb9h6nfJia2Dw1sRHoHpNf6lN1U4GKFRzRDBi9Nq2GrHk9PF3Vmwf7XVw==
 
-"@next/swc-linux-arm64-musl@15.4.5":
-  version "15.4.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.4.5.tgz#353497a57ab39c754a6aec49adce3c758a2c360a"
-  integrity sha512-4W+D/nw3RpIwGrqpFi7greZ0hjrCaioGErI7XHgkcTeWdZd146NNu1s4HnaHonLeNTguKnL2Urqvj28UJj6Gqw==
+"@next/swc-linux-arm64-musl@15.4.6":
+  version "15.4.6"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.4.6.tgz#0a41e4906c9a5ec290e44e5e65f88c9c98eef697"
+  integrity sha512-XBbuQddtY1p5FGPc2naMO0kqs4YYtLYK/8aPausI5lyOjr4J77KTG9mtlU4P3NwkLI1+OjsPzKVvSJdMs3cFaw==
 
-"@next/swc-linux-x64-gnu@15.4.5":
-  version "15.4.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.4.5.tgz#6a0fafe5083dbb2e18b7d51972f1e750379a786e"
-  integrity sha512-N6Mgdxe/Cn2K1yMHge6pclffkxzbSGOydXVKYOjYqQXZYjLCfN/CuFkaYDeDHY2VBwSHyM2fUjYBiQCIlxIKDA==
+"@next/swc-linux-x64-gnu@15.4.6":
+  version "15.4.6"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.4.6.tgz#ebb513ec32e6a3b3fb8d4b80ecf3b19230842224"
+  integrity sha512-+WTeK7Qdw82ez3U9JgD+igBAP75gqZ1vbK6R8PlEEuY0OIe5FuYXA4aTjL811kWPf7hNeslD4hHK2WoM9W0IgA==
 
-"@next/swc-linux-x64-musl@15.4.5":
-  version "15.4.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.4.5.tgz#90509b168edb3f33754a03b0699727ef144839cd"
-  integrity sha512-YZ3bNDrS8v5KiqgWE0xZQgtXgCTUacgFtnEgI4ccotAASwSvcMPDLua7BWLuTfucoRv6mPidXkITJLd8IdJplQ==
+"@next/swc-linux-x64-musl@15.4.6":
+  version "15.4.6"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.4.6.tgz#6dc7014b18afd818003df1d456a7937ddd2ce5cd"
+  integrity sha512-XP824mCbgQsK20jlXKrUpZoh/iO3vUWhMpxCz8oYeagoiZ4V0TQiKy0ASji1KK6IAe3DYGfj5RfKP6+L2020OQ==
 
-"@next/swc-win32-arm64-msvc@15.4.5":
-  version "15.4.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.4.5.tgz#30dbddae862317d0cddc8f775bb03fa352517b6e"
-  integrity sha512-9Wr4t9GkZmMNcTVvSloFtjzbH4vtT4a8+UHqDoVnxA5QyfWe6c5flTH1BIWPGNWSUlofc8dVJAE7j84FQgskvQ==
+"@next/swc-win32-arm64-msvc@15.4.6":
+  version "15.4.6"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.4.6.tgz#cf27f185e2285dbdcfbfa6c7c9c1cd1779c46b17"
+  integrity sha512-FxrsenhUz0LbgRkNWx6FRRJIPe/MI1JRA4W4EPd5leXO00AZ6YU8v5vfx4MDXTvN77lM/EqsE3+6d2CIeF5NYg==
 
-"@next/swc-win32-x64-msvc@15.4.5":
-  version "15.4.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.4.5.tgz#7c4350773a186482ab0cab7e3b61eb2f145512a0"
-  integrity sha512-voWk7XtGvlsP+w8VBz7lqp8Y+dYw/MTI4KeS0gTVtfdhdJ5QwhXLmNrndFOin/MDoCvUaLWMkYKATaCoUkt2/A==
+"@next/swc-win32-x64-msvc@15.4.6":
+  version "15.4.6"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.4.6.tgz#64e004ded598c9b47ba3da85522f893b5ca11ac9"
+  integrity sha512-T4ufqnZ4u88ZheczkBTtOF+eKaM14V8kbjud/XrAakoM5DKQWjW09vD6B9fsdsWS2T7D5EY31hRHdta7QKWOng==
 
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
@@ -1030,6 +1045,118 @@
   dependencies:
     tslib "^2.8.0"
 
+"@tailwindcss/node@4.1.11":
+  version "4.1.11"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/node/-/node-4.1.11.tgz#d626af65fc9872e5e9d8884791d7e3856e945359"
+  integrity sha512-yzhzuGRmv5QyU9qLNg4GTlYI6STedBWRE7NjxP45CsFYYq9taI0zJXZBMqIC/c8fViNLhmrbpSFS57EoxUmD6Q==
+  dependencies:
+    "@ampproject/remapping" "^2.3.0"
+    enhanced-resolve "^5.18.1"
+    jiti "^2.4.2"
+    lightningcss "1.30.1"
+    magic-string "^0.30.17"
+    source-map-js "^1.2.1"
+    tailwindcss "4.1.11"
+
+"@tailwindcss/oxide-android-arm64@4.1.11":
+  version "4.1.11"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.11.tgz#1f387d8302f011b61c226deb0c3a1d2bd79c6915"
+  integrity sha512-3IfFuATVRUMZZprEIx9OGDjG3Ou3jG4xQzNTvjDoKmU9JdmoCohQJ83MYd0GPnQIu89YoJqvMM0G3uqLRFtetg==
+
+"@tailwindcss/oxide-darwin-arm64@4.1.11":
+  version "4.1.11"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.11.tgz#acd35ffb7e4eae83d0a3fe2f8ea36cfcc9b21f7e"
+  integrity sha512-ESgStEOEsyg8J5YcMb1xl8WFOXfeBmrhAwGsFxxB2CxY9evy63+AtpbDLAyRkJnxLy2WsD1qF13E97uQyP1lfQ==
+
+"@tailwindcss/oxide-darwin-x64@4.1.11":
+  version "4.1.11"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.11.tgz#a0022312993a3893d6ff0312d6e3c83c4636fef4"
+  integrity sha512-EgnK8kRchgmgzG6jE10UQNaH9Mwi2n+yw1jWmof9Vyg2lpKNX2ioe7CJdf9M5f8V9uaQxInenZkOxnTVL3fhAw==
+
+"@tailwindcss/oxide-freebsd-x64@4.1.11":
+  version "4.1.11"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.11.tgz#dd8e55eb0b88fe7995b8148c0e0ae5fa27092d22"
+  integrity sha512-xdqKtbpHs7pQhIKmqVpxStnY1skuNh4CtbcyOHeX1YBE0hArj2romsFGb6yUmzkq/6M24nkxDqU8GYrKrz+UcA==
+
+"@tailwindcss/oxide-linux-arm-gnueabihf@4.1.11":
+  version "4.1.11"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.11.tgz#02ee99090988847d3f13d277679012cbffcdde37"
+  integrity sha512-ryHQK2eyDYYMwB5wZL46uoxz2zzDZsFBwfjssgB7pzytAeCCa6glsiJGjhTEddq/4OsIjsLNMAiMlHNYnkEEeg==
+
+"@tailwindcss/oxide-linux-arm64-gnu@4.1.11":
+  version "4.1.11"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.11.tgz#4837559c102bebe65089879f6a0278ed473b4813"
+  integrity sha512-mYwqheq4BXF83j/w75ewkPJmPZIqqP1nhoghS9D57CLjsh3Nfq0m4ftTotRYtGnZd3eCztgbSPJ9QhfC91gDZQ==
+
+"@tailwindcss/oxide-linux-arm64-musl@4.1.11":
+  version "4.1.11"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.11.tgz#bec465112a13a1383558ff36afdf28b8a8cb9021"
+  integrity sha512-m/NVRFNGlEHJrNVk3O6I9ggVuNjXHIPoD6bqay/pubtYC9QIdAMpS+cswZQPBLvVvEF6GtSNONbDkZrjWZXYNQ==
+
+"@tailwindcss/oxide-linux-x64-gnu@4.1.11":
+  version "4.1.11"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.11.tgz#f9e47e6aa67ff77f32f7412bc9698d4278e101bf"
+  integrity sha512-YW6sblI7xukSD2TdbbaeQVDysIm/UPJtObHJHKxDEcW2exAtY47j52f8jZXkqE1krdnkhCMGqP3dbniu1Te2Fg==
+
+"@tailwindcss/oxide-linux-x64-musl@4.1.11":
+  version "4.1.11"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.11.tgz#7d6e8adcfb9bc84d8e2e2e8781d661edb9e41ba8"
+  integrity sha512-e3C/RRhGunWYNC3aSF7exsQkdXzQ/M+aYuZHKnw4U7KQwTJotnWsGOIVih0s2qQzmEzOFIJ3+xt7iq67K/p56Q==
+
+"@tailwindcss/oxide-wasm32-wasi@4.1.11":
+  version "4.1.11"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.11.tgz#a1762f4939c6ebaa824696fda2fd7db1b85fbed2"
+  integrity sha512-Xo1+/GU0JEN/C/dvcammKHzeM6NqKovG+6921MR6oadee5XPBaKOumrJCXvopJ/Qb5TH7LX/UAywbqrP4lax0g==
+  dependencies:
+    "@emnapi/core" "^1.4.3"
+    "@emnapi/runtime" "^1.4.3"
+    "@emnapi/wasi-threads" "^1.0.2"
+    "@napi-rs/wasm-runtime" "^0.2.11"
+    "@tybys/wasm-util" "^0.9.0"
+    tslib "^2.8.0"
+
+"@tailwindcss/oxide-win32-arm64-msvc@4.1.11":
+  version "4.1.11"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.11.tgz#70ba392dca0fa3707ebe27d2bd6ac3e69d35e3b7"
+  integrity sha512-UgKYx5PwEKrac3GPNPf6HVMNhUIGuUh4wlDFR2jYYdkX6pL/rn73zTq/4pzUm8fOjAn5L8zDeHp9iXmUGOXZ+w==
+
+"@tailwindcss/oxide-win32-x64-msvc@4.1.11":
+  version "4.1.11"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.11.tgz#cdcb9eea9225a346c0695f67f621990b0534763f"
+  integrity sha512-YfHoggn1j0LK7wR82TOucWc5LDCguHnoS879idHekmmiR7g9HUtMw9MI0NHatS28u/Xlkfi9w5RJWgz2Dl+5Qg==
+
+"@tailwindcss/oxide@4.1.11":
+  version "4.1.11"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide/-/oxide-4.1.11.tgz#569b668c99c337b7b8204bc5b6a833429755a05b"
+  integrity sha512-Q69XzrtAhuyfHo+5/HMgr1lAiPP/G40OMFAnws7xcFEYqcypZmdW8eGXaOUIeOl1dzPJBPENXgbjsOyhg2nkrg==
+  dependencies:
+    detect-libc "^2.0.4"
+    tar "^7.4.3"
+  optionalDependencies:
+    "@tailwindcss/oxide-android-arm64" "4.1.11"
+    "@tailwindcss/oxide-darwin-arm64" "4.1.11"
+    "@tailwindcss/oxide-darwin-x64" "4.1.11"
+    "@tailwindcss/oxide-freebsd-x64" "4.1.11"
+    "@tailwindcss/oxide-linux-arm-gnueabihf" "4.1.11"
+    "@tailwindcss/oxide-linux-arm64-gnu" "4.1.11"
+    "@tailwindcss/oxide-linux-arm64-musl" "4.1.11"
+    "@tailwindcss/oxide-linux-x64-gnu" "4.1.11"
+    "@tailwindcss/oxide-linux-x64-musl" "4.1.11"
+    "@tailwindcss/oxide-wasm32-wasi" "4.1.11"
+    "@tailwindcss/oxide-win32-arm64-msvc" "4.1.11"
+    "@tailwindcss/oxide-win32-x64-msvc" "4.1.11"
+
+"@tailwindcss/postcss@^4.0.0":
+  version "4.1.11"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/postcss/-/postcss-4.1.11.tgz#4d844f7ff295c731ceab54934531bece7380ce0c"
+  integrity sha512-q/EAIIpF6WpLhKEuQSEVMZNMIY8KhWoAemZ9eylNAih9jxMGAYPPWBn3I9QL/2jZ+e7OEz/tZkX5HwbBR4HohA==
+  dependencies:
+    "@alloc/quick-lru" "^5.2.0"
+    "@tailwindcss/node" "4.1.11"
+    "@tailwindcss/oxide" "4.1.11"
+    postcss "^8.4.41"
+    tailwindcss "4.1.11"
+
 "@tailwindcss/typography@^0.5.12":
   version "0.5.16"
   resolved "https://registry.yarnpkg.com/@tailwindcss/typography/-/typography-0.5.16.tgz#a926c8f44d5c439b2915e231cad80058850047c6"
@@ -1059,6 +1186,13 @@
   dependencies:
     tslib "^2.4.0"
 
+"@tybys/wasm-util@^0.9.0":
+  version "0.9.0"
+  resolved "https://registry.yarnpkg.com/@tybys/wasm-util/-/wasm-util-0.9.0.tgz#3e75eb00604c8d6db470bf18c37b7d984a0e3355"
+  integrity sha512-6+7nlbMVX/PVDCwaIQ8nTOPveOcFLSt8GcXdx8hD0bt39uWxYT88uXzqTd4fTvqta7oeUJqudepapKNt2DYJFw==
+  dependencies:
+    tslib "^2.4.0"
+
 "@types/better-sqlite3@^7.6.12":
   version "7.6.13"
   resolved "https://registry.yarnpkg.com/@types/better-sqlite3/-/better-sqlite3-7.6.13.tgz#a72387f00d2f53cab699e63f2e2c05453cf953f0"
@@ -1123,23 +1257,23 @@
     form-data "^4.0.4"
 
 "@types/node@*", "@types/node@>=13.7.0":
-  version "24.2.0"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-24.2.0.tgz#cde712f88c5190006d6b069232582ecd1f94a760"
-  integrity sha512-3xyG3pMCq3oYCNg7/ZP+E1ooTaGB4cG8JWRsqqOYQdbWNY4zbaV0Ennrd7stjiJEFZCaybcIgpTjJWHRfBSIDw==
+  version "24.2.1"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-24.2.1.tgz#83e41543f0a518e006594bb394e2cd961de56727"
+  integrity sha512-DRh5K+ka5eJic8CjH7td8QpYEV6Zo10gfRkjHCO3weqZHWDtAaSTFtl4+VMqOJ4N5jcuhZ9/l+yy8rVgw7BQeQ==
   dependencies:
     undici-types "~7.10.0"
 
 "@types/node@^18.11.18":
-  version "18.19.121"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.19.121.tgz#c50d353ea2d1fb1261a8bbd0bf2850306f5af2b3"
-  integrity sha512-bHOrbyztmyYIi4f1R0s17QsPs1uyyYnGcXeZoGEd227oZjry0q6XQBQxd82X1I57zEfwO8h9Xo+Kl5gX1d9MwQ==
+  version "18.19.122"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.19.122.tgz#e7358f8df7cc3f14e860198e1ca4dc2ed9a7de06"
+  integrity sha512-yzegtT82dwTNEe/9y+CM8cgb42WrUfMMCg2QqSddzO1J6uPmBD7qKCZ7dOHZP2Yrpm/kb0eqdNMn2MUyEiqBmA==
   dependencies:
     undici-types "~5.26.4"
 
 "@types/node@^20":
-  version "20.19.9"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.19.9.tgz#ca9a58193fec361cc6e859d88b52261853f1f0d3"
-  integrity sha512-cuVNgarYWZqxRJDQHEB58GEONhOK79QVR/qYx4S7kcUObQvUwvFnYxJuuHUKm2aieN9X3yZB4LZsuYNU1Qphsw==
+  version "20.19.10"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.19.10.tgz#8bee5d6fa97221d50d767fa5707a3dd6503e8f19"
+  integrity sha512-iAFpG6DokED3roLSP0K+ybeDdIX6Bc0Vd3mLW5uDqThPWtNos3E+EqOM11mPQHKzfWHqEBuLjIlsBQQ8CsISmQ==
   dependencies:
     undici-types "~6.21.0"
 
@@ -1446,24 +1580,6 @@ ansi-styles@^6.1.0:
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5"
   integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
 
-any-promise@^1.0.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
-  integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==
-
-anymatch@~3.1.2:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
-  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
-  dependencies:
-    normalize-path "^3.0.0"
-    picomatch "^2.0.4"
-
-arg@^5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.2.tgz#c81433cc427c92c4dcf4865142dbca6f15acd59c"
-  integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
-
 argparse@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
@@ -1651,9 +1767,9 @@ balanced-match@^1.0.0:
   integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
 
 bare-events@^2.2.0, bare-events@^2.5.4:
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/bare-events/-/bare-events-2.6.0.tgz#11d9506da109e363a2f3af050fbb005ccdb3ee8f"
-  integrity sha512-EKZ5BTXYExaNqi3I3f9RtEsaI/xBSGjE0XZCZilPzFAV/goswFHuPd9jEZlPIZ/iNZJwDSao9qRiScySz7MbQg==
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/bare-events/-/bare-events-2.6.1.tgz#f793b28bdc3dcf147d7cf01f882a6f0b12ccc4a2"
+  integrity sha512-AuTJkq9XmE6Vk0FJVNq5QxETrSA/vKHarWVBG5l/JbdCL1prJemiyJqUS0jrlXO0MftuPq4m3YVYhoNc5+aE/g==
 
 bare-fs@^4.0.1:
   version "4.1.6"
@@ -1701,7 +1817,7 @@ better-sqlite3@^11.9.1:
     bindings "^1.5.0"
     prebuild-install "^7.1.1"
 
-binary-extensions@^2.0.0, binary-extensions@^2.2.0:
+binary-extensions@^2.2.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.3.0.tgz#f6e14a97858d327252200242d4ccfe522c445522"
   integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==
@@ -1747,7 +1863,7 @@ brace-expansion@^2.0.1:
   dependencies:
     balanced-match "^1.0.0"
 
-braces@^3.0.3, braces@~3.0.2:
+braces@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
   integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
@@ -1755,12 +1871,12 @@ braces@^3.0.3, braces@~3.0.2:
     fill-range "^7.1.1"
 
 browserslist@^4.24.4:
-  version "4.25.1"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.25.1.tgz#ba9e8e6f298a1d86f829c9b975e07948967bb111"
-  integrity sha512-KGj0KoOMXLpSNkkEI6Z6mShmQy0bc1I+T7K9N81k4WWMrfz+6fQ6es80B/YLAeRoKvjYE1YSHHOW1qe9xIVzHw==
+  version "4.25.2"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.25.2.tgz#90c1507143742d743544ae6e92bca3348adff667"
+  integrity sha512-0si2SJK3ooGzIawRu61ZdPCO1IncZwS8IzuX73sPZsXW6EQ/w/DAfPyKI8l1ETTCr2MnvqWitmlCUxgdul45jA==
   dependencies:
-    caniuse-lite "^1.0.30001726"
-    electron-to-chromium "^1.5.173"
+    caniuse-lite "^1.0.30001733"
+    electron-to-chromium "^1.5.199"
     node-releases "^2.0.19"
     update-browserslist-db "^1.1.3"
 
@@ -1813,20 +1929,15 @@ callsites@^3.0.0:
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
   integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
 
-camelcase-css@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
-  integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
-
 camelcase@6:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
 
-caniuse-lite@^1.0.30001579, caniuse-lite@^1.0.30001702, caniuse-lite@^1.0.30001726:
-  version "1.0.30001731"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001731.tgz#277c07416ea4613ec564e5b0ffb47e7b60f32e2f"
-  integrity sha512-lDdp2/wrOmTRWuoB5DpfNkC0rJDU8DqRa6nYL6HK6sytw70QMopt/NIc/9SM7ylItlBWfACXk0tEn37UWM/+mg==
+caniuse-lite@^1.0.30001579, caniuse-lite@^1.0.30001702, caniuse-lite@^1.0.30001733:
+  version "1.0.30001733"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001733.tgz#918405ed6647a62840fb328832cf5a03f986974b"
+  integrity sha512-e4QKw/O2Kavj2VQTKZWrwzkt3IxOmIlU6ajRb6LP64LHpBo1J67k2Hi4Vu/TgJWsNtynurfS0uK3MaUTCPfu5Q==
 
 canvg@^3.0.11:
   version "3.0.11"
@@ -1894,26 +2005,16 @@ cheerio@^1.1.0:
     undici "^7.12.0"
     whatwg-mimetype "^4.0.0"
 
-chokidar@^3.6.0:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
-  integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
-  dependencies:
-    anymatch "~3.1.2"
-    braces "~3.0.2"
-    glob-parent "~5.1.2"
-    is-binary-path "~2.1.0"
-    is-glob "~4.0.1"
-    normalize-path "~3.0.0"
-    readdirp "~3.6.0"
-  optionalDependencies:
-    fsevents "~2.3.2"
-
 chownr@^1.1.1:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
   integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
 
+chownr@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/chownr/-/chownr-3.0.0.tgz#9855e64ecd240a9cc4267ce8a4aa5d24a1da15e4"
+  integrity sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==
+
 client-only@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/client-only/-/client-only-0.0.1.tgz#38bba5d403c41ab150bff64a95c85013cf73bca1"
@@ -2001,11 +2102,6 @@ comma-separated-tokens@^1.0.0:
   resolved "https://registry.yarnpkg.com/comma-separated-tokens/-/comma-separated-tokens-1.0.8.tgz#632b80b6117867a158f1080ad498b2fbe7e3f5ea"
   integrity sha512-GHuDRO12Sypu2cV70d1dkA2EUmXHgntrzbpvOB+Qy+49ypNfGgFQIC2fhhXbnyrJRynDCAARsT7Ou0M6hirpfw==
 
-commander@^4.0.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
-  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
-
 compute-cosine-similarity@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/compute-cosine-similarity/-/compute-cosine-similarity-1.1.0.tgz#0086a06b0239deb90f231f0da894efdc48884609"
@@ -2220,16 +2316,11 @@ delayed-stream@~1.0.0:
   resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
   integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
 
-detect-libc@^2.0.0, detect-libc@^2.0.2, detect-libc@^2.0.4:
+detect-libc@^2.0.0, detect-libc@^2.0.2, detect-libc@^2.0.3, detect-libc@^2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-2.0.4.tgz#f04715b8ba815e53b4d8109655b6508a6865a7e8"
   integrity sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==
 
-didyoumean@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
-  integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
-
 dingbat-to-unicode@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/dingbat-to-unicode/-/dingbat-to-unicode-1.0.1.tgz#5091dd673241453e6b5865e26e5a4452cdef5c83"
@@ -2242,11 +2333,6 @@ dir-glob@^3.0.1:
   dependencies:
     path-type "^4.0.0"
 
-dlv@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/dlv/-/dlv-1.1.3.tgz#5c198a8a11453596e751494d49874bc7732f2e79"
-  integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
-
 doctrine@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
@@ -2335,10 +2421,10 @@ eastasianwidth@^0.2.0:
   resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb"
   integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==
 
-electron-to-chromium@^1.5.173:
-  version "1.5.196"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.196.tgz#bb9bfe456d03328f3aaf6d2723e052e70396c376"
-  integrity sha512-FnnXV0dXANe7YNtKl/Af1raw+sBBUPuwcNEWfLOJyumXBvfQEBsnc0Gn+yEnVscq4x3makTtrlf4TjAo7lcXTQ==
+electron-to-chromium@^1.5.199:
+  version "1.5.199"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.199.tgz#4d8be9c78362c05f095eb7392e9a54f1fb14fd3a"
+  integrity sha512-3gl0S7zQd88kCAZRO/DnxtBKuhMO4h0EaQIN3YgZfV6+pW+5+bf2AdQeHNESCoaQqo/gjGVYEf2YM4O5HJQqpQ==
 
 emoji-regex@^8.0.0:
   version "8.0.0"
@@ -2370,6 +2456,14 @@ end-of-stream@^1.1.0, end-of-stream@^1.4.1:
   dependencies:
     once "^1.4.0"
 
+enhanced-resolve@^5.18.1:
+  version "5.18.3"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz#9b5f4c5c076b8787c78fe540392ce76a88855b44"
+  integrity sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==
+  dependencies:
+    graceful-fs "^4.2.4"
+    tapable "^2.2.0"
+
 entities@^4.2.0, entities@^4.4.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
@@ -2828,7 +2922,7 @@ fast-fifo@^1.2.0, fast-fifo@^1.3.2:
   resolved "https://registry.yarnpkg.com/fast-fifo/-/fast-fifo-1.3.2.tgz#286e31de96eb96d38a97899815740ba2a4f3640c"
   integrity sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==
 
-fast-glob@^3.2.9, fast-glob@^3.3.2:
+fast-glob@^3.2.9:
   version "3.3.3"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.3.tgz#d06d585ce8dba90a16b0505c543c3ccfb3aeb818"
   integrity sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==
@@ -3010,11 +3104,6 @@ fsevents@2.3.2:
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
   integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
 
-fsevents@~2.3.2:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
-  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
-
 function-bind@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
@@ -3099,7 +3188,7 @@ github-from-package@0.0.0:
   resolved "https://registry.yarnpkg.com/github-from-package/-/github-from-package-0.0.0.tgz#97fb5d96bfde8973313f20e8288ef9a167fa64ce"
   integrity sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==
 
-glob-parent@^5.1.2, glob-parent@~5.1.2:
+glob-parent@^5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
   integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
@@ -3124,18 +3213,6 @@ glob@10.3.10:
     minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
     path-scurry "^1.10.1"
 
-glob@^10.3.10:
-  version "10.4.5"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-10.4.5.tgz#f4d9f0b90ffdbab09c9d77f5f29b4262517b0956"
-  integrity sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==
-  dependencies:
-    foreground-child "^3.1.0"
-    jackspeak "^3.1.2"
-    minimatch "^9.0.4"
-    minipass "^7.1.2"
-    package-json-from-dist "^1.0.0"
-    path-scurry "^1.11.1"
-
 glob@^7.1.3:
   version "7.2.3"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
@@ -3180,6 +3257,11 @@ gopd@^1.0.1, gopd@^1.2.0:
   resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.2.0.tgz#89f56b8217bdbc8802bd299df6d7f1081d7e51a1"
   integrity sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==
 
+graceful-fs@^4.2.4:
+  version "4.2.11"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
+  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
+
 graphemer@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/graphemer/-/graphemer-1.4.0.tgz#fb2f1d55e0e3a1849aeffc90c4fa0dd53a0e66c6"
@@ -3461,13 +3543,6 @@ is-bigint@^1.1.0:
   dependencies:
     has-bigints "^1.0.2"
 
-is-binary-path@~2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
-  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
-  dependencies:
-    binary-extensions "^2.0.0"
-
 is-boolean-object@^1.2.1:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.2.2.tgz#7067f47709809a393c71ff5bb3e135d8a9215d9e"
@@ -3544,7 +3619,7 @@ is-generator-function@^1.0.10:
     has-tostringtag "^1.0.2"
     safe-regex-test "^1.1.0"
 
-is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
+is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
   integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
@@ -3701,24 +3776,15 @@ jackspeak@^2.3.5:
   optionalDependencies:
     "@pkgjs/parseargs" "^0.11.0"
 
-jackspeak@^3.1.2:
-  version "3.4.3"
-  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-3.4.3.tgz#8833a9d89ab4acde6188942bd1c53b6390ed5a8a"
-  integrity sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==
-  dependencies:
-    "@isaacs/cliui" "^8.0.2"
-  optionalDependencies:
-    "@pkgjs/parseargs" "^0.11.0"
-
-jiti@^1.21.6:
-  version "1.21.7"
-  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.7.tgz#9dd81043424a3d28458b193d965f0d18a2300ba9"
-  integrity sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==
+jiti@^2.4.2:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/jiti/-/jiti-2.5.1.tgz#bd099c1c2be1c59bbea4e5adcd127363446759d0"
+  integrity sha512-twQoecYPiVA5K/h6SxtORw/Bs3ar+mLUtoPSc7iMXzQzK8d7eJ/R09wmTwAjiamETn1cXYPGfNnu7DMoHgu12w==
 
 js-tiktoken@^1.0.12:
-  version "1.0.20"
-  resolved "https://registry.yarnpkg.com/js-tiktoken/-/js-tiktoken-1.0.20.tgz#fa2733bf147acaf1bdcf9ab8a878e79c581c95f2"
-  integrity sha512-Xlaqhhs8VfCd6Sh7a1cFkZHQbYTLCwVJJWiHVxBYzLPxW0XsoxBy1hitmjkdIjD3Aon5BXLHFwU5O8WUx6HH+A==
+  version "1.0.21"
+  resolved "https://registry.yarnpkg.com/js-tiktoken/-/js-tiktoken-1.0.21.tgz#368a9957591a30a62997dd0c4cf30866f00f8221"
+  integrity sha512-biOj/6M5qdgx5TKjDnFT1ymSpM5tbd3ylwDtrQvFQSu0Z7bBYko2dF+W/aUkXUPuk6IVpRxk/3Q2sHOzGlS36g==
   dependencies:
     base64-js "^1.5.1"
 
@@ -3852,9 +3918,9 @@ kuler@^2.0.0:
     zod "^3.25.32"
 
 langsmith@^0.3.33, langsmith@^0.3.46:
-  version "0.3.52"
-  resolved "https://registry.yarnpkg.com/langsmith/-/langsmith-0.3.52.tgz#168ac35ddb87ff50ea31008db299fe2a0951a6cd"
-  integrity sha512-GxKl1uxCJa/PbB0CtzpfYtGIYQBQrrdTjkcIqrL5eCldOb4ro2jiqC0HbkVcs1ytK3Xe+SHoA0NUv062XXto/g==
+  version "0.3.55"
+  resolved "https://registry.yarnpkg.com/langsmith/-/langsmith-0.3.55.tgz#fc0ba0b73cae6f6b461668bdddffb737bb9cc889"
+  integrity sha512-YC/e6lUIYSkheOq9PR6O4CV6GOhYHyPvF2w0SOk85Mw4P5ae/oFdjuFsv7BCjKhPs4vFWC6Fz/qxPTz9mXNhVw==
   dependencies:
     "@types/uuid" "^10.0.0"
     chalk "^4.1.2"
@@ -3896,15 +3962,73 @@ lie@~3.3.0:
   dependencies:
     immediate "~3.0.5"
 
-lilconfig@^3.0.0, lilconfig@^3.1.3:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.1.3.tgz#a1bcfd6257f9585bf5ae14ceeebb7b559025e4c4"
-  integrity sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==
+lightningcss-darwin-arm64@1.30.1:
+  version "1.30.1"
+  resolved "https://registry.yarnpkg.com/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.1.tgz#3d47ce5e221b9567c703950edf2529ca4a3700ae"
+  integrity sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==
 
-lines-and-columns@^1.1.6:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
-  integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
+lightningcss-darwin-x64@1.30.1:
+  version "1.30.1"
+  resolved "https://registry.yarnpkg.com/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.1.tgz#e81105d3fd6330860c15fe860f64d39cff5fbd22"
+  integrity sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==
+
+lightningcss-freebsd-x64@1.30.1:
+  version "1.30.1"
+  resolved "https://registry.yarnpkg.com/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.1.tgz#a0e732031083ff9d625c5db021d09eb085af8be4"
+  integrity sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==
+
+lightningcss-linux-arm-gnueabihf@1.30.1:
+  version "1.30.1"
+  resolved "https://registry.yarnpkg.com/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.1.tgz#1f5ecca6095528ddb649f9304ba2560c72474908"
+  integrity sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==
+
+lightningcss-linux-arm64-gnu@1.30.1:
+  version "1.30.1"
+  resolved "https://registry.yarnpkg.com/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.1.tgz#eee7799726103bffff1e88993df726f6911ec009"
+  integrity sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==
+
+lightningcss-linux-arm64-musl@1.30.1:
+  version "1.30.1"
+  resolved "https://registry.yarnpkg.com/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.1.tgz#f2e4b53f42892feeef8f620cbb889f7c064a7dfe"
+  integrity sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==
+
+lightningcss-linux-x64-gnu@1.30.1:
+  version "1.30.1"
+  resolved "https://registry.yarnpkg.com/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.1.tgz#2fc7096224bc000ebb97eea94aea248c5b0eb157"
+  integrity sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==
+
+lightningcss-linux-x64-musl@1.30.1:
+  version "1.30.1"
+  resolved "https://registry.yarnpkg.com/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.1.tgz#66dca2b159fd819ea832c44895d07e5b31d75f26"
+  integrity sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==
+
+lightningcss-win32-arm64-msvc@1.30.1:
+  version "1.30.1"
+  resolved "https://registry.yarnpkg.com/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.1.tgz#7d8110a19d7c2d22bfdf2f2bb8be68e7d1b69039"
+  integrity sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==
+
+lightningcss-win32-x64-msvc@1.30.1:
+  version "1.30.1"
+  resolved "https://registry.yarnpkg.com/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.1.tgz#fd7dd008ea98494b85d24b4bea016793f2e0e352"
+  integrity sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==
+
+lightningcss@1.30.1:
+  version "1.30.1"
+  resolved "https://registry.yarnpkg.com/lightningcss/-/lightningcss-1.30.1.tgz#78e979c2d595bfcb90d2a8c0eb632fe6c5bfed5d"
+  integrity sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==
+  dependencies:
+    detect-libc "^2.0.3"
+  optionalDependencies:
+    lightningcss-darwin-arm64 "1.30.1"
+    lightningcss-darwin-x64 "1.30.1"
+    lightningcss-freebsd-x64 "1.30.1"
+    lightningcss-linux-arm-gnueabihf "1.30.1"
+    lightningcss-linux-arm64-gnu "1.30.1"
+    lightningcss-linux-arm64-musl "1.30.1"
+    lightningcss-linux-x64-gnu "1.30.1"
+    lightningcss-linux-x64-musl "1.30.1"
+    lightningcss-win32-arm64-msvc "1.30.1"
+    lightningcss-win32-x64-msvc "1.30.1"
 
 locate-path@^6.0.0:
   version "6.0.0"
@@ -3994,6 +4118,13 @@ luxon@^3.7.1:
   resolved "https://registry.yarnpkg.com/luxon/-/luxon-3.7.1.tgz#9bd09aa84a56afb00c57ea78a8ec5bd16eb24ec0"
   integrity sha512-RkRWjA926cTvz5rAb1BqyWkKbbjzCGchDUIKMCUvNi17j6f6j8uHGDV82Aqcqtzd+icoYpELmG3ksgGiFNNcNg==
 
+magic-string@^0.30.17:
+  version "0.30.17"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.17.tgz#450a449673d2460e5bbcfba9a61916a1714c7453"
+  integrity sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.5.0"
+
 mammoth@^1.9.1:
   version "1.10.0"
   resolved "https://registry.yarnpkg.com/mammoth/-/mammoth-1.10.0.tgz#88b4a76e6e6a636880cadee058daa7f244fe5da8"
@@ -4064,7 +4195,7 @@ minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
   dependencies:
     brace-expansion "^1.1.7"
 
-minimatch@^9.0.1, minimatch@^9.0.4:
+minimatch@^9.0.1:
   version "9.0.5"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5"
   integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
@@ -4076,16 +4207,28 @@ minimist@^1.2.0, minimist@^1.2.3, minimist@^1.2.6:
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
   integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
 
-"minipass@^5.0.0 || ^6.0.2 || ^7.0.0", minipass@^7.1.2:
+"minipass@^5.0.0 || ^6.0.2 || ^7.0.0", minipass@^7.0.4, minipass@^7.1.2:
   version "7.1.2"
   resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.1.2.tgz#93a9626ce5e5e66bd4db86849e7515e92340a707"
   integrity sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==
 
+minizlib@^3.0.1:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-3.0.2.tgz#f33d638eb279f664439aa38dc5f91607468cb574"
+  integrity sha512-oG62iEk+CYt5Xj2YqI5Xi9xWUeZhDI8jjQmC5oThVH5JGCTgIjr7ciJDzC7MBzYd//WvR1OTmP5Q38Q8ShQtVA==
+  dependencies:
+    minipass "^7.1.2"
+
 mkdirp-classic@^0.5.2, mkdirp-classic@^0.5.3:
   version "0.5.3"
   resolved "https://registry.yarnpkg.com/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz#fa10c9115cc6d8865be221ba47ee9bed78601113"
   integrity sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==
 
+mkdirp@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-3.0.1.tgz#e44e4c5607fb279c168241713cc6e0fea9adcb50"
+  integrity sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==
+
 ms@^2.0.0, ms@^2.1.1, ms@^2.1.3:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
@@ -4096,15 +4239,6 @@ mustache@^4.2.0:
   resolved "https://registry.yarnpkg.com/mustache/-/mustache-4.2.0.tgz#e5892324d60a12ec9c2a73359edca52972bf6f64"
   integrity sha512-71ippSywq5Yb7/tVYyGbkBggbU8H3u5Rz56fH60jGFgr8uHwxs+aSKeqmluIVzM0m0kB7xQjKS6qPfd0b2ZoqQ==
 
-mz@^2.7.0:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/mz/-/mz-2.7.0.tgz#95008057a56cafadc2bc63dde7f9ff6955948e32"
-  integrity sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==
-  dependencies:
-    any-promise "^1.0.0"
-    object-assign "^4.0.1"
-    thenify-all "^1.0.0"
-
 nanoid@^3.3.11, nanoid@^3.3.6:
   version "3.3.11"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.11.tgz#4f4f112cefbe303202f2199838128936266d185b"
@@ -4116,9 +4250,9 @@ napi-build-utils@^2.0.0:
   integrity sha512-GEbrYkbfF7MoNaoh2iGG84Mnf/WZfB0GdGEsM8wz7Expx/LlWf5U8t9nvJKXSp3qr5IsEbK04cBGhol/KwOsWA==
 
 napi-postinstall@^0.3.0:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/napi-postinstall/-/napi-postinstall-0.3.2.tgz#03c62080e88b311c4d7423b0f15f0c920bbcc626"
-  integrity sha512-tWVJxJHmBWLy69PvO96TZMZDrzmw5KeiZBz3RHmiM2XZ9grBJ2WgMAFVVg25nqp3ZjTFUs2Ftw1JhscL3Teliw==
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/napi-postinstall/-/napi-postinstall-0.3.3.tgz#93d045c6b576803ead126711d3093995198c6eb9"
+  integrity sha512-uTp172LLXSxuSYHv/kou+f6KW3SMppU9ivthaVTXian9sOt3XM/zHYHpRZiLgQoxeWfYUnslNWQHF1+G71xcow==
 
 natural-compare@^1.4.0:
   version "1.4.0"
@@ -4131,24 +4265,24 @@ next-themes@^0.4.6:
   integrity sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==
 
 next@^15.2.2:
-  version "15.4.5"
-  resolved "https://registry.yarnpkg.com/next/-/next-15.4.5.tgz#88bd5dae80a9d9efcfd8e2bd7d444ae3b9fec407"
-  integrity sha512-nJ4v+IO9CPmbmcvsPebIoX3Q+S7f6Fu08/dEWu0Ttfa+wVwQRh9epcmsyCPjmL2b8MxC+CkBR97jgDhUUztI3g==
+  version "15.4.6"
+  resolved "https://registry.yarnpkg.com/next/-/next-15.4.6.tgz#74c49e3ca2e0cc8dd46b39ba76c21bb9eb79cb42"
+  integrity sha512-us++E/Q80/8+UekzB3SAGs71AlLDsadpFMXVNM/uQ0BMwsh9m3mr0UNQIfjKed8vpWXsASe+Qifrnu1oLIcKEQ==
   dependencies:
-    "@next/env" "15.4.5"
+    "@next/env" "15.4.6"
     "@swc/helpers" "0.5.15"
     caniuse-lite "^1.0.30001579"
     postcss "8.4.31"
     styled-jsx "5.1.6"
   optionalDependencies:
-    "@next/swc-darwin-arm64" "15.4.5"
-    "@next/swc-darwin-x64" "15.4.5"
-    "@next/swc-linux-arm64-gnu" "15.4.5"
-    "@next/swc-linux-arm64-musl" "15.4.5"
-    "@next/swc-linux-x64-gnu" "15.4.5"
-    "@next/swc-linux-x64-musl" "15.4.5"
-    "@next/swc-win32-arm64-msvc" "15.4.5"
-    "@next/swc-win32-x64-msvc" "15.4.5"
+    "@next/swc-darwin-arm64" "15.4.6"
+    "@next/swc-darwin-x64" "15.4.6"
+    "@next/swc-linux-arm64-gnu" "15.4.6"
+    "@next/swc-linux-arm64-musl" "15.4.6"
+    "@next/swc-linux-x64-gnu" "15.4.6"
+    "@next/swc-linux-x64-musl" "15.4.6"
+    "@next/swc-win32-arm64-msvc" "15.4.6"
+    "@next/swc-win32-x64-msvc" "15.4.6"
     sharp "^0.34.3"
 
 nice-grpc-client-middleware-retry@^3.1.11:
@@ -4209,11 +4343,6 @@ node-releases@^2.0.19:
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.19.tgz#9e445a52950951ec4d177d843af370b411caf314"
   integrity sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==
 
-normalize-path@^3.0.0, normalize-path@~3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
-  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
-
 normalize-range@^0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
@@ -4231,16 +4360,11 @@ nwsapi@^2.2.16:
   resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.21.tgz#8df7797079350adda208910d8c33fc4c2d7520c3"
   integrity sha512-o6nIY3qwiSXl7/LuOU0Dmuctd34Yay0yeuZRLFmDPrrdHpXKFndPj3hM+YEPVHYC5fx2otBx4Ilc/gyYSAUaIA==
 
-object-assign@^4.0.1, object-assign@^4.1.1:
+object-assign@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
   integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
 
-object-hash@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-3.0.0.tgz#73f97f753e7baffc0e2cc9d6e079079744ac82e9"
-  integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
-
 object-inspect@^1.13.3, object-inspect@^1.13.4:
   version "1.13.4"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.4.tgz#8375265e21bc20d0fa582c22e1b13485d6e00213"
@@ -4303,9 +4427,9 @@ object.values@^1.1.6, object.values@^1.2.1:
     es-object-atoms "^1.0.0"
 
 ollama@^0.5.12:
-  version "0.5.16"
-  resolved "https://registry.yarnpkg.com/ollama/-/ollama-0.5.16.tgz#cb695b4aab6f6c07236a04b3aee40160f4f9e892"
-  integrity sha512-OEbxxOIUZtdZgOaTPAULo051F5y+Z1vosxEYOoABPnQKeW7i4O8tJNlxCB+xioyoorVqgjkdj+TA1f1Hy2ug/w==
+  version "0.5.17"
+  resolved "https://registry.yarnpkg.com/ollama/-/ollama-0.5.17.tgz#3217b93c6b72a0e7ca98776ea8a5695de9e61d44"
+  integrity sha512-q5LmPtk6GLFouS+3aURIVl+qcAOPC4+Msmx7uBb3pd+fxI55WnGjmLZ0yijI/CYy79x0QPGx3BwC3u5zv9fBvQ==
   dependencies:
     whatwg-fetch "^3.6.20"
 
@@ -4354,10 +4478,10 @@ onnxruntime-web@1.14.0:
     onnxruntime-common "~1.14.0"
     platform "^1.3.6"
 
-openai@^5.3.0:
-  version "5.12.0"
-  resolved "https://registry.yarnpkg.com/openai/-/openai-5.12.0.tgz#0725fa2125f6ba045d7ef44a833c811a8c0082d2"
-  integrity sha512-vUdt02xiWgOHiYUmW0Hj1Qu9OKAiVQu5Bd547ktVCiMKC1BkB5L3ImeEnCyq3WpRKR6ZTaPgekzqdozwdPs7Lg==
+openai@^5.12.1, openai@^5.3.0:
+  version "5.12.2"
+  resolved "https://registry.yarnpkg.com/openai/-/openai-5.12.2.tgz#512ab6b80eb8414837436e208f1b951442b97761"
+  integrity sha512-xqzHHQch5Tws5PcKR2xsZGX9xtch+JQFz5zb14dGqlshmmDAFBFEWmeIpf7wVqWV+w7Emj7jRgkNJakyKE0tYQ==
 
 openapi-types@^12.1.3:
   version "12.1.3"
@@ -4432,11 +4556,6 @@ p-timeout@^3.2.0:
   dependencies:
     p-finally "^1.0.0"
 
-package-json-from-dist@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz#4f1471a010827a86f94cfd9b0727e36d267de505"
-  integrity sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==
-
 pako@~1.0.2:
   version "1.0.11"
   resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
@@ -4511,7 +4630,7 @@ path-parse@^1.0.7:
   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
   integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
-path-scurry@^1.10.1, path-scurry@^1.11.1:
+path-scurry@^1.10.1:
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-1.11.1.tgz#7960a668888594a0720b12a911d1a742ab9f11d2"
   integrity sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==
@@ -4547,7 +4666,7 @@ picocolors@^1.0.0, picocolors@^1.1.1:
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
   integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
 
-picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
+picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
@@ -4557,16 +4676,6 @@ picomatch@^4.0.2:
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-4.0.3.tgz#796c76136d1eead715db1e7bad785dedd695a042"
   integrity sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==
 
-pify@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
-  integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
-
-pirates@^4.0.1:
-  version "4.0.7"
-  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.7.tgz#643b4a18c4257c8a65104b73f3049ce9a0a15e22"
-  integrity sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==
-
 platform@^1.3.6:
   version "1.3.6"
   resolved "https://registry.yarnpkg.com/platform/-/platform-1.3.6.tgz#48b4ce983164b209c2d45a107adb31f473a6e7a7"
@@ -4591,37 +4700,6 @@ possible-typed-array-names@^1.0.0:
   resolved "https://registry.yarnpkg.com/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz#93e3582bc0e5426586d9d07b79ee40fc841de4ae"
   integrity sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==
 
-postcss-import@^15.1.0:
-  version "15.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-15.1.0.tgz#41c64ed8cc0e23735a9698b3249ffdbf704adc70"
-  integrity sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==
-  dependencies:
-    postcss-value-parser "^4.0.0"
-    read-cache "^1.0.0"
-    resolve "^1.1.7"
-
-postcss-js@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.1.tgz#61598186f3703bab052f1c4f7d805f3991bee9d2"
-  integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
-  dependencies:
-    camelcase-css "^2.0.1"
-
-postcss-load-config@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-4.0.2.tgz#7159dcf626118d33e299f485d6afe4aff7c4a3e3"
-  integrity sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==
-  dependencies:
-    lilconfig "^3.0.0"
-    yaml "^2.3.4"
-
-postcss-nested@^6.2.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-6.2.0.tgz#4c2d22ab5f20b9cb61e2c5c5915950784d068131"
-  integrity sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==
-  dependencies:
-    postcss-selector-parser "^6.1.1"
-
 postcss-selector-parser@6.0.10:
   version "6.0.10"
   resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz#79b61e2c0d1bfc2602d549e11d0876256f8df88d"
@@ -4630,15 +4708,7 @@ postcss-selector-parser@6.0.10:
     cssesc "^3.0.0"
     util-deprecate "^1.0.2"
 
-postcss-selector-parser@^6.1.1, postcss-selector-parser@^6.1.2:
-  version "6.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz#27ecb41fb0e3b6ba7a1ec84fff347f734c7929de"
-  integrity sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==
-  dependencies:
-    cssesc "^3.0.0"
-    util-deprecate "^1.0.2"
-
-postcss-value-parser@^4.0.0, postcss-value-parser@^4.2.0:
+postcss-value-parser@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
@@ -4652,7 +4722,7 @@ postcss@8.4.31:
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
-postcss@^8, postcss@^8.4.47:
+postcss@^8, postcss@^8.4.41:
   version "8.5.6"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.6.tgz#2825006615a619b4f62a9e7426cc120b349a8f3c"
   integrity sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==
@@ -4868,13 +4938,6 @@ react@^19:
   resolved "https://registry.yarnpkg.com/react/-/react-19.1.1.tgz#06d9149ec5e083a67f9a1e39ce97b06a03b644af"
   integrity sha512-w8nqGImo45dmMIfljjMwOGtbmC/mk4CMYhWIicdSflH91J9TyCyczcPFXJzrZ/ZXcgGRFeP6BU0BEJTw6tZdfQ==
 
-read-cache@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
-  integrity sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==
-  dependencies:
-    pify "^2.3.0"
-
 readable-stream@^3.1.1, readable-stream@^3.4.0, readable-stream@^3.6.2:
   version "3.6.2"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
@@ -4897,13 +4960,6 @@ readable-stream@~2.3.6:
     string_decoder "~1.1.1"
     util-deprecate "~1.0.1"
 
-readdirp@~3.6.0:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
-  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
-  dependencies:
-    picomatch "^2.2.1"
-
 reflect.getprototypeof@^1.0.6, reflect.getprototypeof@^1.0.9:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz#c629219e78a3316d8b604c765ef68996964e7bf9"
@@ -4964,7 +5020,7 @@ resolve-pkg-maps@^1.0.0:
   resolved "https://registry.yarnpkg.com/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz#616b3dc2c57056b5588c31cdf4b3d64db133720f"
   integrity sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==
 
-resolve@^1.1.7, resolve@^1.22.4, resolve@^1.22.8:
+resolve@^1.22.4:
   version "1.22.10"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.10.tgz#b663e83ffb09bbf2386944736baae803029b8b39"
   integrity sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==
@@ -5491,19 +5547,6 @@ styled-jsx@5.1.6:
   dependencies:
     client-only "0.0.1"
 
-sucrase@^3.35.0:
-  version "3.35.0"
-  resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.35.0.tgz#57f17a3d7e19b36d8995f06679d121be914ae263"
-  integrity sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==
-  dependencies:
-    "@jridgewell/gen-mapping" "^0.3.2"
-    commander "^4.0.0"
-    glob "^10.3.10"
-    lines-and-columns "^1.1.6"
-    mz "^2.7.0"
-    pirates "^4.0.1"
-    ts-interface-checker "^0.1.9"
-
 supports-color@^7.1.0:
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
@@ -5536,33 +5579,15 @@ tailwind-merge@^2.2.2:
   resolved "https://registry.yarnpkg.com/tailwind-merge/-/tailwind-merge-2.6.0.tgz#ac5fb7e227910c038d458f396b7400d93a3142d5"
   integrity sha512-P+Vu1qXfzediirmHOC3xKGAYeZtPcV9g76X+xg2FD4tYgR71ewMA35Y3sCz3zhiN/dwefRpJX0yBcgwi1fXNQA==
 
-tailwindcss@^3.3.0:
-  version "3.4.17"
-  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.4.17.tgz#ae8406c0f96696a631c790768ff319d46d5e5a63"
-  integrity sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==
-  dependencies:
-    "@alloc/quick-lru" "^5.2.0"
-    arg "^5.0.2"
-    chokidar "^3.6.0"
-    didyoumean "^1.2.2"
-    dlv "^1.1.3"
-    fast-glob "^3.3.2"
-    glob-parent "^6.0.2"
-    is-glob "^4.0.3"
-    jiti "^1.21.6"
-    lilconfig "^3.1.3"
-    micromatch "^4.0.8"
-    normalize-path "^3.0.0"
-    object-hash "^3.0.0"
-    picocolors "^1.1.1"
-    postcss "^8.4.47"
-    postcss-import "^15.1.0"
-    postcss-js "^4.0.1"
-    postcss-load-config "^4.0.2"
-    postcss-nested "^6.2.0"
-    postcss-selector-parser "^6.1.2"
-    resolve "^1.22.8"
-    sucrase "^3.35.0"
+tailwindcss@4.1.11, tailwindcss@^4.0.0:
+  version "4.1.11"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-4.1.11.tgz#799af3e98c19c5baaefafc6e0c16304a0e684854"
+  integrity sha512-2E9TBm6MDD/xKYe+dvJZAmg3yxIEDNRc0jwlNyDg/4Fil2QcSLjFKGVff0lAf1jjeaArlG/M75Ey/EYr/OJtBA==
+
+tapable@^2.2.0:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.2.tgz#ab4984340d30cb9989a490032f086dbb8b56d872"
+  integrity sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==
 
 tar-fs@^2.0.0:
   version "2.1.3"
@@ -5605,6 +5630,18 @@ tar-stream@^3.1.5:
     fast-fifo "^1.2.0"
     streamx "^2.15.0"
 
+tar@^7.4.3:
+  version "7.4.3"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-7.4.3.tgz#88bbe9286a3fcd900e94592cda7a22b192e80571"
+  integrity sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==
+  dependencies:
+    "@isaacs/fs-minipass" "^4.0.0"
+    chownr "^3.0.0"
+    minipass "^7.1.2"
+    minizlib "^3.0.1"
+    mkdirp "^3.0.1"
+    yallist "^5.0.0"
+
 text-decoder@^1.1.0:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/text-decoder/-/text-decoder-1.2.3.tgz#b19da364d981b2326d5f43099c310cc80d770c65"
@@ -5629,20 +5666,6 @@ text-table@^0.2.0:
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
   integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
 
-thenify-all@^1.0.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/thenify-all/-/thenify-all-1.6.0.tgz#1a1918d402d8fc3f98fbf234db0bcc8cc10e9726"
-  integrity sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==
-  dependencies:
-    thenify ">= 3.1.0 < 4"
-
-"thenify@>= 3.1.0 < 4":
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/thenify/-/thenify-3.3.1.tgz#8932e686a4066038a016dd9e2ca46add9838a95f"
-  integrity sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==
-  dependencies:
-    any-promise "^1.0.0"
-
 tinyglobby@^0.2.13:
   version "0.2.14"
   resolved "https://registry.yarnpkg.com/tinyglobby/-/tinyglobby-0.2.14.tgz#5280b0cf3f972b050e74ae88406c0a6a58f4079d"
@@ -5704,11 +5727,6 @@ ts-error@^1.0.6:
   resolved "https://registry.yarnpkg.com/ts-error/-/ts-error-1.0.6.tgz#277496f2a28de6c184cfce8dfd5cdd03a4e6b0fc"
   integrity sha512-tLJxacIQUM82IR7JO1UUkKlYuUTmoY9HBJAmNWFzheSlDS5SPMcNIepejHJa4BpPQLAcbRhRf3GDJzyj6rbKvA==
 
-ts-interface-checker@^0.1.9:
-  version "0.1.13"
-  resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz#784fd3d679722bc103b1b4b8030bcddb5db2a699"
-  integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
-
 tsconfig-paths@^3.15.0:
   version "3.15.0"
   resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz#5299ec605e55b1abb23ec939ef15edaf483070d4"
@@ -6158,7 +6176,12 @@ y18n@^5.0.5:
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
   integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
 
-yaml@^2.2.1, yaml@^2.3.4:
+yallist@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-5.0.0.tgz#00e2de443639ed0d78fd87de0d27469fbcffb533"
+  integrity sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==
+
+yaml@^2.2.1:
   version "2.8.1"
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.8.1.tgz#1870aa02b631f7e8328b93f8bc574fac5d6c4d79"
   integrity sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw==