@theokit/ui 0.13.0 → 0.14.0

package/dist/index.js

@@ -1,19 +1,21 @@
+export { TaskHeader } from './chunk-FAWPRZTM.js';
+export { UsageMeter } from './chunk-DKCRLN35.js';
+export { PreviewPanel } from './chunk-OAKCXT35.js';
 export { ProjectCard } from './chunk-DN5BUDBI.js';
 export { RollbackUI } from './chunk-TSZ5DEAT.js';
 export { RuleEditor } from './chunk-C55VUQ7N.js';
 export { SkillEditor } from './chunk-N2HJ3SLS.js';
 export { SkillsList } from './chunk-4AM2HSXU.js';
-export { StabilityBundleViewer } from './chunk-LKRNUSKZ.js';
-export { TaskHeader } from './chunk-FAWPRZTM.js';
-export { UsageMeter } from './chunk-DKCRLN35.js';
+export { StabilityBundleViewer } from './chunk-W6KORCLX.js';
+export { StatusIndicator } from './chunk-DMVWZWU5.js';
 export { DeploymentRow } from './chunk-QDAF3LP7.js';
 export { DomainConfig } from './chunk-X7VIMKLD.js';
 export { EnvVarEditor } from './chunk-5TY3NYF5.js';
 export { MCPServerList } from './chunk-76YWTIWK.js';
+export { MetricCard } from './chunk-UCGROAS4.js';
 export { PageShell } from './chunk-QTLQZ7OJ.js';
 export { PermissionModal } from './chunk-D4GEAV4C.js';
 export { PreviewEnvCard } from './chunk-Y72IP43U.js';
-export { PreviewPanel } from './chunk-OAKCXT35.js';
 import './chunk-ZXPDS6DH.js';
 export { CodeBlock } from './chunk-QGVIGNJ3.js';
 export { CommandPalette } from './chunk-ZU6IM6PK.js';
@@ -22,7 +24,7 @@ export { CronJobsList } from './chunk-LQ4B5X4Y.js';
 export { DataTable } from './chunk-JJ65ZI4P.js';
 export { TooltipWithStatics as Tooltip } from './chunk-GBG3I5I5.js';
 export { TopNav } from './chunk-4D3JILQX.js';
-export { UpdateBanner } from './chunk-M6JIC5PU.js';
+export { UpdateBanner } from './chunk-ETMMPUFO.js';
 export { AccountMenu } from './chunk-HRDRGZ2Y.js';
 export { AgentComposer } from './chunk-BMRZXT5T.js';
 export { ChatComposer } from './chunk-F5P5P2SC.js';
@@ -60,7 +62,7 @@ export { StatusDot } from './chunk-QYAMLIG2.js';
 export { StepsRail } from './chunk-OUXESQ2R.js';
 export { RuleCard } from './chunk-WHFIQUCC.js';
 export { RunStats } from './chunk-3TBXLYNM.js';
-export { RunStatusPill } from './chunk-VT7VSYH5.js';
+export { RunStatusPill } from './chunk-KE773ODY.js';
 export { RunningTasksPanel } from './chunk-YD6FLXBV.js';
 export { ScrollArea } from './chunk-QNUITYSY.js';
 export { Select } from './chunk-27ENTTY7.js';
@@ -82,7 +84,7 @@ export { ModelCard, modelCapabilityPresets } from './chunk-PPBGGNPV.js';
 export { ModelSelector } from './chunk-HNTOGGVD.js';
 export { Pagination, computePageRange } from './chunk-VVBAEYKI.js';
 export { PermissionMatrix } from './chunk-AMT3CPMC.js';
-export { GatewayStatusIndicator } from './chunk-BYZ6OFH4.js';
+export { GatewayStatusIndicator } from './chunk-KPYORAP6.js';
 export { HOOK_EVENTS, HookConfig } from './chunk-KI7KZBSN.js';
 export { HookEventLog } from './chunk-M5G3O6H6.js';
 export { Input } from './chunk-B3VAJSZ2.js';
@@ -132,10 +134,24 @@ import './chunk-UGKI466V.js';
 import { cn } from './chunk-EWDN56AS.js';
 export { cn } from './chunk-EWDN56AS.js';
 import { createContext, useContext, useMemo, useState, useEffect, useRef, useCallback } from 'react';
+import * as v from 'valibot';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as DropdownMenu2 from '@radix-ui/react-dropdown-menu';
 import { Palette, Check, Moon, Sun } from 'lucide-react';
 
+// src/themes/color-value-pattern.ts
+var OKLCH_RELATIVE_OR_STATIC = String.raw`(?:oklch|oklab)\(\s*` + // Optional `from var(--token)` prefix.
+String.raw`(?:from\s+var\(--[a-zA-Z0-9-]+\)\s+)?` + // 1+ component tokens: calc(no-nested) | single letter | numeric | `none` | `/`.
+// max()/min() may wrap a calc(); calc() itself stays flat. Single nesting depth.
+String.raw`(?:max\([^(){}]*(?:\([^(){}]*\))?[^(){}]*\)|min\([^(){}]*(?:\([^(){}]*\))?[^(){}]*\)|calc\([^();{}]+\)|[a-z]|-?\d+(?:\.\d+)?%?|none|\/|\s)+` + String.raw`\)`;
+var CONSERVATIVE_COLOR_FN = String.raw`(?:rgb|rgba|hsl|hsla|lab|lch|color)\(\s*[\d.\s%,/+\-]+\s*\)`;
+var HEX = String.raw`#[0-9a-fA-F]{3,8}`;
+var HSL_SPLIT = String.raw`-?\d+(?:\.\d+)?%?(?:\s+-?\d+(?:\.\d+)?%?){1,3}`;
+var VAR_REF = String.raw`var\(--[a-zA-Z0-9-]+(?:\s*,\s*[^();{}]+)?\)`;
+var KEYWORDS = String.raw`transparent|currentColor|inherit|initial|unset`;
+var COLOR_VALUE_PATTERN = new RegExp(
+  `^(${HEX}|${OKLCH_RELATIVE_OR_STATIC}|${CONSERVATIVE_COLOR_FN}|${HSL_SPLIT}|${VAR_REF}|${KEYWORDS})$`
+);
 var DensityContext = createContext(void 0);
 var STYLE_ELEMENT_ID = "theo-ui-density-vars";
 var DENSITY_CSS = `[data-density="compact"]     { --theo-control-h: 2rem;    --theo-control-px: 0.75rem; }
@@ -158,11 +174,110 @@ function useDensity() {
   }
   return ctx;
 }
+var THEME_NAME_PATTERN = /^[a-z][a-z0-9-]*$/;
+var FONT_FAMILY_PATTERN = /^[\w\s,"'\-.]+$/;
+var colorValueSchema = v.pipe(
+  v.string(),
+  v.check(
+    (value) => COLOR_VALUE_PATTERN.test(value),
+    "color value did not match the allowed format (hex, oklch, hsl, rgb, var(), HSL split, or CSS keyword)"
+  )
+);
+var themeNameSchema = v.pipe(
+  v.string(),
+  v.check(
+    (value) => THEME_NAME_PATTERN.test(value),
+    "theme name must match /^[a-z][a-z0-9-]*$/ (lowercase + digits + hyphens, starts with a letter)"
+  )
+);
+var fontFamilySchema = v.pipe(
+  v.string(),
+  v.check(
+    (value) => FONT_FAMILY_PATTERN.test(value),
+    "font family contains disallowed characters (parens, semicolons, etc.)"
+  )
+);
+var fontsSchema = v.object({
+  display: fontFamilySchema,
+  body: fontFamilySchema,
+  mono: fontFamilySchema
+});
+var colorScaleSchema = v.object({
+  background: colorValueSchema,
+  foreground: colorValueSchema,
+  card: colorValueSchema,
+  "card-foreground": colorValueSchema,
+  popover: colorValueSchema,
+  "popover-foreground": colorValueSchema,
+  primary: colorValueSchema,
+  // Optional since T3.2 (ADR-0006) — CSS derives via oklch(from var(--primary) ...).
+  "primary-deep": v.optional(colorValueSchema),
+  "primary-glow": v.optional(colorValueSchema),
+  "primary-foreground": colorValueSchema,
+  secondary: colorValueSchema,
+  "secondary-foreground": colorValueSchema,
+  accent: colorValueSchema,
+  "accent-deep": v.optional(colorValueSchema),
+  "accent-foreground": colorValueSchema,
+  muted: colorValueSchema,
+  "muted-foreground": colorValueSchema,
+  border: colorValueSchema,
+  input: colorValueSchema,
+  ring: colorValueSchema,
+  success: colorValueSchema,
+  "success-foreground": colorValueSchema,
+  warning: colorValueSchema,
+  "warning-foreground": colorValueSchema,
+  destructive: colorValueSchema,
+  "destructive-foreground": colorValueSchema,
+  info: colorValueSchema,
+  "info-foreground": colorValueSchema,
+  "status-online": colorValueSchema,
+  "status-online-foreground": colorValueSchema,
+  "status-offline": colorValueSchema,
+  "status-offline-foreground": colorValueSchema,
+  "status-degraded": colorValueSchema,
+  "status-degraded-foreground": colorValueSchema,
+  "status-info": colorValueSchema,
+  "status-info-foreground": colorValueSchema
+});
+var themeSchema = v.object({
+  name: themeNameSchema,
+  label: v.string(),
+  description: v.optional(v.string()),
+  fonts: fontsSchema,
+  light: colorScaleSchema,
+  dark: colorScaleSchema,
+  fontUrls: v.optional(
+    v.array(
+      v.pipe(
+        v.string(),
+        v.url(),
+        v.check(
+          (value) => /^https?:\/\//i.test(value),
+          "fontUrls must use http(s) protocol (javascript:, data:, etc. are rejected)"
+        )
+      )
+    )
+  )
+});
+function validateTheme(theme) {
+  const result = v.safeParse(themeSchema, theme);
+  if (result.success) return { success: true };
+  return { success: false, issues: result.issues };
+}
+function formatThemeIssues(themeName, issues) {
+  const lines = [`[@theokit/ui] theme '${themeName}' failed validation:`];
+  for (const issue of issues) {
+    const path = (issue.path ?? []).map((segment) => typeof segment.key === "string" ? segment.key : String(segment.key)).join(".");
+    lines.push(`  - ${path || "(root)"}: ${issue.message}`);
+  }
+  return lines.join("\n");
+}
 var ThemeContext = createContext(void 0);
 var STYLE_ELEMENT_ID2 = "theo-ui-theme-vars";
-var COLOR_VALUE_PATTERN = /^(#[0-9a-fA-F]{3,8}|(?:oklch|oklab|rgb|rgba|hsl|hsla|lab|lch|color)\(\s*[\d.\s%,/+\-]+\s*\)|-?\d+(?:\.\d+)?%?(?:\s+-?\d+(?:\.\d+)?%?){1,3}|var\(--[a-zA-Z0-9-]+(?:\s*,\s*[^();{}]+)?\)|transparent|currentColor|inherit|initial|unset)$/;
-var FONT_FAMILY_PATTERN = /^[\w\s,"'\-.]+$/;
-var THEME_NAME_PATTERN = /^[a-z][a-z0-9-]*$/;
+var FONT_FAMILY_PATTERN2 = /^[\w\s,"'\-.]+$/;
+var THEME_NAME_PATTERN2 = /^[a-z][a-z0-9-]*$/;
 var IS_DEV = typeof process === "undefined" || process.env.NODE_ENV !== "production";
 function rejectOrFallback(scope, value, fallback) {
   if (IS_DEV) {
@@ -177,11 +292,11 @@ function validatedColor(token, value) {
   return rejectOrFallback(`color "${token}"`, value, "transparent");
 }
 function validatedFontFamily(slot, value) {
-  if (FONT_FAMILY_PATTERN.test(value)) return value;
+  if (FONT_FAMILY_PATTERN2.test(value)) return value;
   return rejectOrFallback(`fontFamily "${slot}"`, value, "inherit");
 }
 function validatedThemeName(value) {
-  if (THEME_NAME_PATTERN.test(value)) return value;
+  if (THEME_NAME_PATTERN2.test(value)) return value;
   return rejectOrFallback("theme.name", value, "invalid-theme");
 }
 function colorScaleToCss(name, mode, colors) {
@@ -222,8 +337,8 @@ function injectThemeCss(themes) {
 function loadThemeFonts(theme) {
   if (typeof document === "undefined") return;
   if (!theme.fontUrls) return;
-  for (const url of theme.fontUrls) {
-    const safe2 = safeHref(url);
+  for (const url2 of theme.fontUrls) {
+    const safe2 = safeHref(url2);
     if (!safe2) continue;
     if (document.head.querySelector(`link[rel="stylesheet"][href="${CSS.escape(safe2)}"]`)) {
       continue;
@@ -238,13 +353,17 @@ function warnStorageFailure(scope, err) {
   if (typeof process === "undefined" || process.env.NODE_ENV === "production") return;
   console.warn(`[@theokit/ui] theme storage failure (${scope}):`, err);
 }
+function warnInvalidTheme(message) {
+  console.warn(message);
+}
 function ThemeProvider({
   children,
   defaultTheme = "violet-forge",
   defaultMode = "dark",
   themes: themesProp,
   storageKey = "theo-ui:theme",
-  defaultDensity = "comfortable"
+  defaultDensity = "comfortable",
+  respectSystemMode = true
 }) {
   if (!themesProp || themesProp.length === 0) {
     throw new Error(
@@ -252,6 +371,17 @@ function ThemeProvider({
     );
   }
   const mergedThemes = useMemo(() => {
+    for (const t of themesProp) {
+      const result = validateTheme(t);
+      if (!result.success) {
+        const message = formatThemeIssues(
+          t.name ?? "(unnamed)",
+          result.issues ?? []
+        );
+        if (IS_DEV) throw new Error(message);
+        warnInvalidTheme(message);
+      }
+    }
     for (const t of themesProp) {
       validatedThemeName(t.name);
       validatedFontFamily("display", t.fonts.display);
@@ -275,6 +405,7 @@ function ThemeProvider({
   const [themeName, setThemeName] = useState(defaultTheme);
   const [mode, setModeState] = useState(defaultMode);
   const [density, setDensityState] = useState(defaultDensity);
+  const userOverrodeModeRef = useRef(false);
   const skipFirstPersistRef = useRef(true);
   useEffect(() => {
     if (typeof window === "undefined" || !storageKey) return;
@@ -283,7 +414,10 @@ function ThemeProvider({
       const storedMode = window.localStorage.getItem(`${storageKey}:mode`);
       const storedDensity = window.localStorage.getItem(`${storageKey}:density`);
       if (storedName) setThemeName(storedName);
-      if (storedMode === "dark" || storedMode === "light") setModeState(storedMode);
+      if (storedMode === "dark" || storedMode === "light") {
+        setModeState(storedMode);
+        userOverrodeModeRef.current = true;
+      }
       if (storedDensity === "compact" || storedDensity === "comfortable" || storedDensity === "spacious") {
         setDensityState(storedDensity);
       }
@@ -291,6 +425,23 @@ function ThemeProvider({
       warnStorageFailure("read theme + mode + density", err);
     }
   }, [storageKey]);
+  useEffect(() => {
+    if (!respectSystemMode) return;
+    if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
+    const mql = window.matchMedia("(prefers-color-scheme: dark)");
+    if (!userOverrodeModeRef.current) {
+      setModeState(mql.matches ? "dark" : "light");
+    }
+    const onChange = (event) => {
+      if (!userOverrodeModeRef.current) {
+        setModeState(event.matches ? "dark" : "light");
+      }
+    };
+    mql.addEventListener("change", onChange);
+    return () => {
+      mql.removeEventListener("change", onChange);
+    };
+  }, [respectSystemMode]);
   useEffect(() => {
     injectThemeCss(themes);
   }, [themes]);
@@ -320,11 +471,14 @@ function ThemeProvider({
     }
   }, [themeName, mode, density, storageKey]);
   const setTheme = useCallback((name) => setThemeName(name), []);
-  const setMode = useCallback((next) => setModeState(next), []);
-  const toggleMode = useCallback(
-    () => setModeState((cur) => cur === "light" ? "dark" : "light"),
-    []
-  );
+  const setMode = useCallback((next) => {
+    userOverrodeModeRef.current = true;
+    setModeState(next);
+  }, []);
+  const toggleMode = useCallback(() => {
+    userOverrodeModeRef.current = true;
+    setModeState((cur) => cur === "light" ? "dark" : "light");
+  }, []);
   const setDensity = useCallback((next) => setDensityState(next), []);
   const registerTheme = useCallback((theme) => {
     setThemes((cur) => {
@@ -468,64 +622,74 @@ var violetForge = {
     "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
   ],
   light: {
-    background: "0 0% 100%",
-    foreground: "0 0% 4%",
-    card: "0 0% 100%",
-    "card-foreground": "0 0% 4%",
-    popover: "0 0% 100%",
-    "popover-foreground": "0 0% 4%",
-    primary: "262 83% 58%",
-    "primary-deep": "263 70% 42%",
-    "primary-glow": "263 90% 76%",
-    "primary-foreground": "0 0% 100%",
-    secondary: "0 0% 96%",
-    "secondary-foreground": "0 0% 4%",
-    accent: "15 54% 53%",
-    "accent-deep": "15 55% 40%",
-    "accent-foreground": "0 0% 100%",
-    muted: "0 0% 96%",
-    "muted-foreground": "0 0% 45%",
-    border: "0 0% 91%",
-    input: "0 0% 91%",
-    ring: "262 83% 58%",
-    success: "142 71% 36%",
-    "success-foreground": "0 0% 100%",
-    warning: "33 92% 44%",
-    "warning-foreground": "0 0% 100%",
-    destructive: "0 72% 51%",
-    "destructive-foreground": "0 0% 100%",
-    info: "217 91% 60%",
-    "info-foreground": "0 0% 100%"
+    background: "oklch(1 0 0)",
+    foreground: "oklch(0.146 0 0)",
+    card: "oklch(1 0 0)",
+    "card-foreground": "oklch(0.146 0 0)",
+    popover: "oklch(1 0 0)",
+    "popover-foreground": "oklch(0.146 0 0)",
+    primary: "oklch(0.542 0.245 293)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.97 0 0)",
+    "secondary-foreground": "oklch(0.146 0 0)",
+    accent: "oklch(0.621 0.132 39)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.97 0 0)",
+    "muted-foreground": "oklch(0.555 0 0)",
+    border: "oklch(0.931 0 0)",
+    input: "oklch(0.931 0 0)",
+    ring: "oklch(0.542 0.245 293)",
+    success: "oklch(0.611 0.161 149.7)",
+    "success-foreground": "oklch(1 0 0)",
+    warning: "oklch(0.67 0.154 60.6)",
+    "warning-foreground": "oklch(1 0 0)",
+    destructive: "oklch(0.579 0.214 27.2)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.626 0.186 259.6)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.611 0.161 149.7)",
+    "status-online-foreground": "oklch(1 0 0)",
+    "status-offline": "oklch(0.579 0.214 27.2)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.67 0.154 60.6)",
+    "status-degraded-foreground": "oklch(1 0 0)",
+    "status-info": "oklch(0.626 0.186 259.6)",
+    "status-info-foreground": "oklch(1 0 0)"
   },
   dark: {
-    background: "0 0% 4%",
-    foreground: "0 0% 96%",
-    card: "0 0% 7%",
-    "card-foreground": "0 0% 96%",
-    popover: "0 0% 9%",
-    "popover-foreground": "0 0% 96%",
-    primary: "262 83% 58%",
-    "primary-deep": "263 70% 42%",
-    "primary-glow": "263 90% 76%",
-    "primary-foreground": "0 0% 100%",
-    secondary: "0 0% 11%",
-    "secondary-foreground": "0 0% 96%",
-    accent: "15 54% 53%",
-    "accent-deep": "15 55% 40%",
-    "accent-foreground": "0 0% 100%",
-    muted: "0 0% 11%",
-    "muted-foreground": "0 0% 60%",
-    border: "0 0% 16%",
-    input: "0 0% 11%",
-    ring: "262 83% 58%",
-    success: "152 79% 52%",
-    "success-foreground": "0 0% 4%",
-    warning: "38 92% 50%",
-    "warning-foreground": "0 0% 4%",
-    destructive: "350 100% 65%",
-    "destructive-foreground": "0 0% 4%",
-    info: "213 100% 70%",
-    "info-foreground": "0 0% 4%"
+    background: "oklch(0.146 0 0)",
+    foreground: "oklch(0.97 0 0)",
+    card: "oklch(0.182 0 0)",
+    "card-foreground": "oklch(0.97 0 0)",
+    popover: "oklch(0.204 0 0)",
+    "popover-foreground": "oklch(0.97 0 0)",
+    primary: "oklch(0.542 0.245 293)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.227 0 0)",
+    "secondary-foreground": "oklch(0.97 0 0)",
+    accent: "oklch(0.621 0.132 39)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.227 0 0)",
+    "muted-foreground": "oklch(0.683 0 0)",
+    border: "oklch(0.28 0 0)",
+    input: "oklch(0.227 0 0)",
+    ring: "oklch(0.542 0.245 293)",
+    success: "oklch(0.814 0.192 155.7)",
+    "success-foreground": "oklch(0.146 0 0)",
+    warning: "oklch(0.77 0.165 70.6)",
+    "warning-foreground": "oklch(0.146 0 0)",
+    destructive: "oklch(0.677 0.213 15.6)",
+    "destructive-foreground": "oklch(0.146 0 0)",
+    info: "oklch(0.732 0.142 254.4)",
+    "info-foreground": "oklch(0.146 0 0)",
+    "status-online": "oklch(0.814 0.192 155.7)",
+    "status-online-foreground": "oklch(0.146 0 0)",
+    "status-offline": "oklch(0.677 0.213 15.6)",
+    "status-offline-foreground": "oklch(0.146 0 0)",
+    "status-degraded": "oklch(0.77 0.165 70.6)",
+    "status-degraded-foreground": "oklch(0.146 0 0)",
+    "status-info": "oklch(0.732 0.142 254.4)",
+    "status-info-foreground": "oklch(0.146 0 0)"
   }
 };
 
@@ -543,66 +707,76 @@ var classicPaper = {
     "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap"
   ],
   light: {
-    background: "36 30% 98%",
-    foreground: "222 47% 11%",
-    card: "0 0% 100%",
-    "card-foreground": "222 47% 11%",
-    popover: "0 0% 100%",
-    "popover-foreground": "222 47% 11%",
-    primary: "221 83% 53%",
-    "primary-deep": "224 76% 38%",
-    "primary-glow": "217 91% 70%",
-    "primary-foreground": "0 0% 100%",
-    secondary: "210 40% 96%",
-    "secondary-foreground": "222 47% 11%",
-    accent: "37 92% 40%",
-    "accent-deep": "32 81% 30%",
-    "accent-foreground": "0 0% 100%",
-    muted: "210 40% 96%",
-    "muted-foreground": "215 16% 47%",
-    border: "214 32% 91%",
-    input: "214 32% 91%",
-    ring: "221 83% 53%",
-    success: "142 71% 36%",
-    "success-foreground": "0 0% 100%",
-    warning: "33 92% 44%",
-    "warning-foreground": "0 0% 100%",
-    destructive: "0 72% 51%",
-    "destructive-foreground": "0 0% 100%",
-    info: "217 91% 60%",
-    "info-foreground": "0 0% 100%"
+    background: "oklch(0.95 0.025 80)",
+    foreground: "oklch(0.206 0.039 265.5)",
+    card: "oklch(0.97 0.012 80)",
+    "card-foreground": "oklch(0.206 0.039 265.5)",
+    popover: "oklch(0.98 0.008 80)",
+    "popover-foreground": "oklch(0.206 0.039 265.5)",
+    primary: "oklch(0.545 0.215 262.7)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.93 0.02 80)",
+    "secondary-foreground": "oklch(0.206 0.039 265.5)",
+    accent: "oklch(0.647 0.139 69)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.93 0.02 80)",
+    "muted-foreground": "oklch(0.45 0.03 80)",
+    border: "oklch(0.88 0.025 80)",
+    input: "oklch(0.92 0.02 80)",
+    ring: "oklch(0.545 0.215 262.7)",
+    success: "oklch(0.611 0.161 149.7)",
+    "success-foreground": "oklch(1 0 0)",
+    warning: "oklch(0.67 0.154 60.6)",
+    "warning-foreground": "oklch(1 0 0)",
+    destructive: "oklch(0.579 0.214 27.2)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.626 0.186 259.6)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.611 0.161 149.7)",
+    "status-online-foreground": "oklch(1 0 0)",
+    "status-offline": "oklch(0.579 0.214 27.2)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.67 0.154 60.6)",
+    "status-degraded-foreground": "oklch(1 0 0)",
+    "status-info": "oklch(0.626 0.186 259.6)",
+    "status-info-foreground": "oklch(1 0 0)"
   },
   // Dark mirror — mainly the same hues with inverted lightness so the theme
   // still feels coherent if a consumer toggles `.dark`.
   dark: {
-    background: "222 47% 8%",
-    foreground: "210 40% 98%",
-    card: "222 47% 11%",
-    "card-foreground": "210 40% 98%",
-    popover: "222 47% 11%",
-    "popover-foreground": "210 40% 98%",
-    primary: "217 91% 60%",
-    "primary-deep": "221 83% 45%",
-    "primary-glow": "213 100% 80%",
-    "primary-foreground": "222 47% 11%",
-    secondary: "217 19% 18%",
-    "secondary-foreground": "210 40% 98%",
-    accent: "37 92% 60%",
-    "accent-deep": "32 81% 45%",
-    "accent-foreground": "222 47% 11%",
-    muted: "217 19% 18%",
-    "muted-foreground": "215 20% 65%",
-    border: "217 19% 22%",
-    input: "217 19% 18%",
-    ring: "217 91% 60%",
-    success: "152 79% 52%",
-    "success-foreground": "222 47% 11%",
-    warning: "38 92% 50%",
-    "warning-foreground": "222 47% 11%",
-    destructive: "350 100% 65%",
-    "destructive-foreground": "222 47% 11%",
-    info: "213 100% 70%",
-    "info-foreground": "222 47% 11%"
+    background: "oklch(0.177 0.029 265.8)",
+    foreground: "oklch(0.984 0.003 247.9)",
+    card: "oklch(0.206 0.039 265.5)",
+    "card-foreground": "oklch(0.984 0.003 247.9)",
+    popover: "oklch(0.206 0.039 265.5)",
+    "popover-foreground": "oklch(0.984 0.003 247.9)",
+    primary: "oklch(0.626 0.186 259.6)",
+    "primary-foreground": "oklch(0.206 0.039 265.5)",
+    secondary: "oklch(0.291 0.022 259.9)",
+    "secondary-foreground": "oklch(0.984 0.003 247.9)",
+    accent: "oklch(0.803 0.15 74.7)",
+    "accent-foreground": "oklch(0.206 0.039 265.5)",
+    muted: "oklch(0.291 0.022 259.9)",
+    "muted-foreground": "oklch(0.71 0.035 256.8)",
+    border: "oklch(0.329 0.026 259.9)",
+    input: "oklch(0.291 0.022 259.9)",
+    ring: "oklch(0.626 0.186 259.6)",
+    success: "oklch(0.814 0.192 155.7)",
+    "success-foreground": "oklch(0.206 0.039 265.5)",
+    warning: "oklch(0.77 0.165 70.6)",
+    "warning-foreground": "oklch(0.206 0.039 265.5)",
+    destructive: "oklch(0.677 0.213 15.6)",
+    "destructive-foreground": "oklch(0.206 0.039 265.5)",
+    info: "oklch(0.732 0.142 254.4)",
+    "info-foreground": "oklch(0.206 0.039 265.5)",
+    "status-online": "oklch(0.814 0.192 155.7)",
+    "status-online-foreground": "oklch(0.206 0.039 265.5)",
+    "status-offline": "oklch(0.677 0.213 15.6)",
+    "status-offline-foreground": "oklch(0.206 0.039 265.5)",
+    "status-degraded": "oklch(0.77 0.165 70.6)",
+    "status-degraded-foreground": "oklch(0.206 0.039 265.5)",
+    "status-info": "oklch(0.732 0.142 254.4)",
+    "status-info-foreground": "oklch(0.206 0.039 265.5)"
   }
 };
 
@@ -620,64 +794,74 @@ var auroraTerminal = {
     "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
   ],
   light: {
-    background: "220 30% 96%",
-    foreground: "222 47% 11%",
-    card: "0 0% 100%",
-    "card-foreground": "222 47% 11%",
-    popover: "0 0% 100%",
-    "popover-foreground": "222 47% 11%",
-    primary: "178 78% 41%",
-    "primary-deep": "180 100% 25%",
-    "primary-glow": "180 89% 70%",
-    "primary-foreground": "222 47% 11%",
-    secondary: "210 40% 96%",
-    "secondary-foreground": "222 47% 11%",
-    accent: "340 82% 60%",
-    "accent-deep": "340 80% 50%",
-    "accent-foreground": "0 0% 100%",
-    muted: "214 32% 91%",
-    "muted-foreground": "215 16% 47%",
-    border: "214 32% 91%",
-    input: "214 32% 91%",
-    ring: "178 78% 41%",
-    success: "152 79% 42%",
-    "success-foreground": "0 0% 100%",
-    warning: "33 92% 44%",
-    "warning-foreground": "0 0% 100%",
-    destructive: "0 72% 51%",
-    "destructive-foreground": "0 0% 100%",
-    info: "217 91% 60%",
-    "info-foreground": "0 0% 100%"
+    background: "oklch(0.966 0.006 264.5)",
+    foreground: "oklch(0.206 0.039 265.5)",
+    card: "oklch(1 0 0)",
+    "card-foreground": "oklch(0.206 0.039 265.5)",
+    popover: "oklch(1 0 0)",
+    "popover-foreground": "oklch(0.206 0.039 265.5)",
+    primary: "oklch(0.714 0.12 191)",
+    "primary-foreground": "oklch(0.206 0.039 265.5)",
+    secondary: "oklch(0.968 0.007 247.9)",
+    "secondary-foreground": "oklch(0.206 0.039 265.5)",
+    accent: "oklch(0.646 0.206 4.9)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.926 0.013 255)",
+    "muted-foreground": "oklch(0.556 0.04 256.8)",
+    border: "oklch(0.926 0.013 255)",
+    input: "oklch(0.926 0.013 255)",
+    ring: "oklch(0.714 0.12 191)",
+    success: "oklch(0.711 0.171 155.2)",
+    "success-foreground": "oklch(1 0 0)",
+    warning: "oklch(0.67 0.154 60.6)",
+    "warning-foreground": "oklch(1 0 0)",
+    destructive: "oklch(0.579 0.214 27.2)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.626 0.186 259.6)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.711 0.171 155.2)",
+    "status-online-foreground": "oklch(1 0 0)",
+    "status-offline": "oklch(0.579 0.214 27.2)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.67 0.154 60.6)",
+    "status-degraded-foreground": "oklch(1 0 0)",
+    "status-info": "oklch(0.626 0.186 259.6)",
+    "status-info-foreground": "oklch(1 0 0)"
   },
   dark: {
-    background: "224 36% 7%",
-    foreground: "220 30% 96%",
-    card: "224 35% 10%",
-    "card-foreground": "220 30% 96%",
-    popover: "224 35% 10%",
-    "popover-foreground": "220 30% 96%",
-    primary: "178 71% 60%",
-    "primary-deep": "180 100% 35%",
-    "primary-glow": "180 89% 80%",
-    "primary-foreground": "224 36% 7%",
-    secondary: "222 30% 14%",
-    "secondary-foreground": "220 30% 96%",
-    accent: "340 90% 65%",
-    "accent-deep": "340 80% 50%",
-    "accent-foreground": "224 36% 7%",
-    muted: "222 30% 14%",
-    "muted-foreground": "215 20% 65%",
-    border: "222 28% 18%",
-    input: "222 30% 14%",
-    ring: "178 71% 60%",
-    success: "152 79% 52%",
-    "success-foreground": "224 36% 7%",
-    warning: "38 92% 50%",
-    "warning-foreground": "224 36% 7%",
-    destructive: "350 100% 65%",
-    "destructive-foreground": "224 36% 7%",
-    info: "213 100% 70%",
-    "info-foreground": "224 36% 7%"
+    background: "oklch(0.169 0.021 268.7)",
+    foreground: "oklch(0.966 0.006 264.5)",
+    card: "oklch(0.199 0.027 268.5)",
+    "card-foreground": "oklch(0.966 0.006 264.5)",
+    popover: "oklch(0.199 0.027 268.5)",
+    "popover-foreground": "oklch(0.966 0.006 264.5)",
+    primary: "oklch(0.834 0.122 191.9)",
+    "primary-foreground": "oklch(0.169 0.021 268.7)",
+    secondary: "oklch(0.242 0.03 266.3)",
+    "secondary-foreground": "oklch(0.966 0.006 264.5)",
+    accent: "oklch(0.68 0.2 3.6)",
+    "accent-foreground": "oklch(0.169 0.021 268.7)",
+    muted: "oklch(0.242 0.03 266.3)",
+    "muted-foreground": "oklch(0.71 0.035 256.8)",
+    border: "oklch(0.281 0.035 266.3)",
+    input: "oklch(0.242 0.03 266.3)",
+    ring: "oklch(0.834 0.122 191.9)",
+    success: "oklch(0.814 0.192 155.7)",
+    "success-foreground": "oklch(0.169 0.021 268.7)",
+    warning: "oklch(0.77 0.165 70.6)",
+    "warning-foreground": "oklch(0.169 0.021 268.7)",
+    destructive: "oklch(0.677 0.213 15.6)",
+    "destructive-foreground": "oklch(0.169 0.021 268.7)",
+    info: "oklch(0.732 0.142 254.4)",
+    "info-foreground": "oklch(0.169 0.021 268.7)",
+    "status-online": "oklch(0.814 0.192 155.7)",
+    "status-online-foreground": "oklch(0.169 0.021 268.7)",
+    "status-offline": "oklch(0.677 0.213 15.6)",
+    "status-offline-foreground": "oklch(0.169 0.021 268.7)",
+    "status-degraded": "oklch(0.77 0.165 70.6)",
+    "status-degraded-foreground": "oklch(0.169 0.021 268.7)",
+    "status-info": "oklch(0.732 0.142 254.4)",
+    "status-info-foreground": "oklch(0.169 0.021 268.7)"
   }
 };
 
@@ -744,39 +928,36 @@ function parseHex(input) {
   }
   return { r, g, b };
 }
-function rgbToHsl(r, g, b) {
-  const rn = r / 255;
-  const gn = g / 255;
-  const bn = b / 255;
-  const max = Math.max(rn, gn, bn);
-  const min = Math.min(rn, gn, bn);
-  const l = (max + min) / 2;
-  let h = 0;
-  let s = 0;
-  if (max !== min) {
-    const d = max - min;
-    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-    switch (max) {
-      case rn:
-        h = (gn - bn) / d + (gn < bn ? 6 : 0);
-        break;
-      case gn:
-        h = (bn - rn) / d + 2;
-        break;
-      default:
-        h = (rn - gn) / d + 4;
-        break;
-    }
-    h *= 60;
-  }
-  const hh = Math.round(h);
-  const ss = Math.round(s * 100);
-  const ll = Math.round(l * 100);
-  return `${hh} ${ss}% ${ll}%`;
+function rgbToOklch(r, g, b) {
+  const linearize = (c) => {
+    const cn2 = c / 255;
+    return cn2 <= 0.04045 ? cn2 / 12.92 : ((cn2 + 0.055) / 1.055) ** 2.4;
+  };
+  const rl = linearize(r);
+  const gl = linearize(g);
+  const bl = linearize(b);
+  const l_ = 0.4122214708 * rl + 0.5363325363 * gl + 0.0514459929 * bl;
+  const m_ = 0.2119034982 * rl + 0.6806995451 * gl + 0.1073969566 * bl;
+  const s_ = 0.0883024619 * rl + 0.2817188376 * gl + 0.6299787005 * bl;
+  const l = Math.cbrt(l_);
+  const m = Math.cbrt(m_);
+  const s = Math.cbrt(s_);
+  const L = 0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s;
+  const a = 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s;
+  const bComp = 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s;
+  const C = Math.sqrt(a * a + bComp * bComp);
+  let H = Math.atan2(bComp, a) * 180 / Math.PI;
+  if (H < 0) H += 360;
+  const round = (n, d) => {
+    const f = 10 ** d;
+    return Math.round(n * f) / f;
+  };
+  const hOut = C < 1e-4 ? 0 : round(H, 1);
+  return `oklch(${round(L, 3)} ${round(C, 3)} ${hOut})`;
 }
 function hex(input) {
   const { r, g, b } = parseHex(input);
-  return rgbToHsl(r, g, b);
+  return rgbToOklch(r, g, b);
 }
 function rgb(r, g, b) {
   for (const value of [r, g, b]) {
@@ -786,7 +967,7 @@ function rgb(r, g, b) {
       );
     }
   }
-  return rgbToHsl(Math.round(r), Math.round(g), Math.round(b));
+  return rgbToOklch(Math.round(r), Math.round(g), Math.round(b));
 }
 
 // src/themes/vercel-mono.ts
@@ -803,64 +984,74 @@ var vercelMono = {
     "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
   ],
   light: {
-    background: "0 0% 100%",
-    foreground: "0 0% 0%",
-    card: "0 0% 100%",
-    "card-foreground": "0 0% 0%",
-    popover: "0 0% 100%",
-    "popover-foreground": "0 0% 0%",
-    primary: "212 100% 47%",
-    "primary-deep": "212 100% 36%",
-    "primary-glow": "212 100% 72%",
-    "primary-foreground": "0 0% 100%",
-    secondary: "0 0% 96%",
-    "secondary-foreground": "0 0% 0%",
-    accent: "212 100% 47%",
-    "accent-deep": "212 100% 36%",
-    "accent-foreground": "0 0% 100%",
-    muted: "0 0% 96%",
-    "muted-foreground": "0 0% 40%",
-    border: "0 0% 92%",
-    input: "0 0% 92%",
-    ring: "212 100% 47%",
-    success: "168 76% 40%",
-    "success-foreground": "0 0% 100%",
-    warning: "34 92% 45%",
-    "warning-foreground": "0 0% 100%",
-    destructive: "0 100% 40%",
-    "destructive-foreground": "0 0% 100%",
-    info: "212 100% 47%",
-    "info-foreground": "0 0% 100%"
+    background: "oklch(1 0 0)",
+    foreground: "oklch(0 0 0)",
+    card: "oklch(1 0 0)",
+    "card-foreground": "oklch(0 0 0)",
+    popover: "oklch(1 0 0)",
+    "popover-foreground": "oklch(0 0 0)",
+    primary: "oklch(0.57 0.211 257.9)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.97 0 0)",
+    "secondary-foreground": "oklch(0 0 0)",
+    accent: "oklch(0.57 0.211 257.9)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.97 0 0)",
+    "muted-foreground": "oklch(0.51 0 0)",
+    border: "oklch(0.939 0 0)",
+    input: "oklch(0.939 0 0)",
+    ring: "oklch(0.57 0.211 257.9)",
+    success: "oklch(0.687 0.127 174)",
+    "success-foreground": "oklch(1 0 0)",
+    warning: "oklch(0.687 0.155 62.5)",
+    "warning-foreground": "oklch(1 0 0)",
+    destructive: "oklch(0.531 0.218 29.2)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.57 0.211 257.9)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.687 0.127 174)",
+    "status-online-foreground": "oklch(1 0 0)",
+    "status-offline": "oklch(0.531 0.218 29.2)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.687 0.155 62.5)",
+    "status-degraded-foreground": "oklch(1 0 0)",
+    "status-info": "oklch(0.57 0.211 257.9)",
+    "status-info-foreground": "oklch(1 0 0)"
   },
   dark: {
-    background: "0 0% 4%",
-    foreground: "0 0% 93%",
-    card: "0 0% 7%",
-    "card-foreground": "0 0% 93%",
-    popover: "0 0% 7%",
-    "popover-foreground": "0 0% 93%",
-    primary: "212 100% 55%",
-    "primary-deep": "212 100% 42%",
-    "primary-glow": "212 100% 75%",
-    "primary-foreground": "0 0% 100%",
-    secondary: "0 0% 13%",
-    "secondary-foreground": "0 0% 93%",
-    accent: "212 100% 60%",
-    "accent-deep": "212 100% 47%",
-    "accent-foreground": "0 0% 0%",
-    muted: "0 0% 13%",
-    "muted-foreground": "0 0% 60%",
-    border: "0 0% 20%",
-    input: "0 0% 20%",
-    ring: "212 100% 55%",
-    success: "144 89% 50%",
-    "success-foreground": "0 0% 0%",
-    warning: "34 92% 65%",
-    "warning-foreground": "0 0% 0%",
-    destructive: "0 100% 55%",
-    "destructive-foreground": "0 0% 100%",
-    info: "212 100% 55%",
-    "info-foreground": "0 0% 100%"
+    background: "oklch(0.146 0 0)",
+    foreground: "oklch(0.947 0 0)",
+    card: "oklch(0.182 0 0)",
+    "card-foreground": "oklch(0.947 0 0)",
+    popover: "oklch(0.182 0 0)",
+    "popover-foreground": "oklch(0.947 0 0)",
+    primary: "oklch(0.627 0.203 256.2)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.248 0 0)",
+    "secondary-foreground": "oklch(0.947 0 0)",
+    accent: "oklch(0.661 0.184 254.7)",
+    "accent-foreground": "oklch(0 0 0)",
+    muted: "oklch(0.248 0 0)",
+    "muted-foreground": "oklch(0.683 0 0)",
+    border: "oklch(0.321 0 0)",
+    input: "oklch(0.321 0 0)",
+    ring: "oklch(0.627 0.203 256.2)",
+    success: "oklch(0.837 0.237 148.6)",
+    "success-foreground": "oklch(0 0 0)",
+    warning: "oklch(0.81 0.136 70.9)",
+    "warning-foreground": "oklch(0 0 0)",
+    destructive: "oklch(0.634 0.251 28.5)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.627 0.203 256.2)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.837 0.237 148.6)",
+    "status-online-foreground": "oklch(0 0 0)",
+    "status-offline": "oklch(0.634 0.251 28.5)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.81 0.136 70.9)",
+    "status-degraded-foreground": "oklch(0 0 0)",
+    "status-info": "oklch(0.627 0.203 256.2)",
+    "status-info-foreground": "oklch(1 0 0)"
   }
 };
 
@@ -878,64 +1069,74 @@ var githubDark = {
     "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
   ],
   light: {
-    background: "0 0% 100%",
-    foreground: "213 13% 16%",
-    card: "210 29% 97%",
-    "card-foreground": "213 13% 16%",
-    popover: "0 0% 100%",
-    "popover-foreground": "213 13% 16%",
-    primary: "212 92% 44%",
-    "primary-deep": "212 92% 36%",
-    "primary-glow": "212 92% 58%",
-    "primary-foreground": "0 0% 100%",
-    secondary: "210 29% 97%",
-    "secondary-foreground": "213 13% 16%",
-    accent: "213 84% 52%",
-    "accent-deep": "213 84% 42%",
-    "accent-foreground": "0 0% 100%",
-    muted: "210 29% 97%",
-    "muted-foreground": "213 8% 43%",
-    border: "210 14% 84%",
-    input: "210 14% 84%",
-    ring: "212 92% 44%",
-    success: "137 66% 30%",
-    "success-foreground": "0 0% 100%",
-    warning: "41 100% 30%",
-    "warning-foreground": "0 0% 100%",
-    destructive: "355 71% 47%",
-    "destructive-foreground": "0 0% 100%",
-    info: "212 92% 44%",
-    "info-foreground": "0 0% 100%"
+    background: "oklch(1 0 0)",
+    foreground: "oklch(0.276 0.013 253.5)",
+    card: "oklch(0.976 0.004 247.9)",
+    "card-foreground": "oklch(0.276 0.013 253.5)",
+    popover: "oklch(1 0 0)",
+    "popover-foreground": "oklch(0.276 0.013 253.5)",
+    primary: "oklch(0.539 0.187 257.1)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.976 0.004 247.9)",
+    "secondary-foreground": "oklch(0.276 0.013 253.5)",
+    accent: "oklch(0.592 0.19 256.7)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.976 0.004 247.9)",
+    "muted-foreground": "oklch(0.531 0.018 253.4)",
+    border: "oklch(0.874 0.01 247.9)",
+    input: "oklch(0.874 0.01 247.9)",
+    ring: "oklch(0.539 0.187 257.1)",
+    success: "oklch(0.524 0.14 147.9)",
+    "success-foreground": "oklch(1 0 0)",
+    warning: "oklch(0.556 0.116 76.9)",
+    "warning-foreground": "oklch(1 0 0)",
+    destructive: "oklch(0.549 0.203 23.7)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.539 0.187 257.1)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.524 0.14 147.9)",
+    "status-online-foreground": "oklch(1 0 0)",
+    "status-offline": "oklch(0.549 0.203 23.7)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.556 0.116 76.9)",
+    "status-degraded-foreground": "oklch(1 0 0)",
+    "status-info": "oklch(0.539 0.187 257.1)",
+    "status-info-foreground": "oklch(1 0 0)"
   },
   dark: {
-    background: "215 28% 7%",
-    foreground: "210 67% 96%",
-    card: "215 21% 11%",
-    "card-foreground": "210 67% 96%",
-    popover: "215 21% 11%",
-    "popover-foreground": "210 67% 96%",
-    primary: "212 92% 57%",
-    "primary-deep": "212 92% 47%",
-    "primary-glow": "213 92% 67%",
-    "primary-foreground": "0 0% 100%",
-    secondary: "215 21% 14%",
-    "secondary-foreground": "210 67% 96%",
-    accent: "213 92% 61%",
-    "accent-deep": "213 92% 50%",
-    "accent-foreground": "0 0% 100%",
-    muted: "215 21% 14%",
-    "muted-foreground": "213 9% 59%",
-    border: "213 13% 21%",
-    input: "213 13% 21%",
-    ring: "212 92% 57%",
-    success: "135 53% 49%",
-    "success-foreground": "0 0% 0%",
-    warning: "41 73% 48%",
-    "warning-foreground": "0 0% 0%",
-    destructive: "1 90% 62%",
-    "destructive-foreground": "0 0% 100%",
-    info: "212 92% 57%",
-    "info-foreground": "0 0% 100%"
+    background: "oklch(0.176 0.014 256.8)",
+    foreground: "oklch(0.966 0.012 247.9)",
+    card: "oklch(0.221 0.015 256.8)",
+    "card-foreground": "oklch(0.966 0.012 247.9)",
+    popover: "oklch(0.221 0.015 256.8)",
+    "popover-foreground": "oklch(0.966 0.012 247.9)",
+    primary: "oklch(0.637 0.182 254.9)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.252 0.019 256.8)",
+    "secondary-foreground": "oklch(0.966 0.012 247.9)",
+    accent: "oklch(0.66 0.17 255.2)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.252 0.019 256.8)",
+    "muted-foreground": "oklch(0.668 0.018 253.4)",
+    border: "oklch(0.326 0.016 253.5)",
+    input: "oklch(0.326 0.016 253.5)",
+    ring: "oklch(0.637 0.182 254.9)",
+    success: "oklch(0.712 0.18 147.9)",
+    "success-foreground": "oklch(0 0 0)",
+    warning: "oklch(0.726 0.142 80.6)",
+    "warning-foreground": "oklch(0 0 0)",
+    destructive: "oklch(0.653 0.209 25.9)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.637 0.182 254.9)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.712 0.18 147.9)",
+    "status-online-foreground": "oklch(0 0 0)",
+    "status-offline": "oklch(0.653 0.209 25.9)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.726 0.142 80.6)",
+    "status-degraded-foreground": "oklch(0 0 0)",
+    "status-info": "oklch(0.637 0.182 254.9)",
+    "status-info-foreground": "oklch(1 0 0)"
   }
 };
 
@@ -953,64 +1154,74 @@ var dracula = {
     "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
   ],
   light: {
-    background: "60 30% 96%",
-    foreground: "231 15% 18%",
-    card: "0 0% 100%",
-    "card-foreground": "231 15% 18%",
-    popover: "0 0% 100%",
-    "popover-foreground": "231 15% 18%",
-    primary: "275 70% 45%",
-    "primary-deep": "271 63% 35%",
-    "primary-glow": "265 89% 70%",
-    "primary-foreground": "0 0% 100%",
-    secondary: "60 20% 92%",
-    "secondary-foreground": "231 15% 18%",
-    accent: "271 63% 40%",
-    "accent-deep": "271 63% 30%",
-    "accent-foreground": "0 0% 100%",
-    muted: "60 20% 92%",
-    "muted-foreground": "225 20% 40%",
-    border: "60 15% 88%",
-    input: "60 15% 88%",
-    ring: "275 70% 45%",
-    success: "129 33% 35%",
-    "success-foreground": "0 0% 100%",
-    warning: "43 89% 30%",
-    "warning-foreground": "0 0% 100%",
-    destructive: "0 71% 42%",
-    "destructive-foreground": "0 0% 100%",
-    info: "190 88% 30%",
-    "info-foreground": "0 0% 100%"
+    background: "oklch(0.977 0.008 106.5)",
+    foreground: "oklch(0.284 0.022 277.1)",
+    card: "oklch(1 0 0)",
+    "card-foreground": "oklch(0.284 0.022 277.1)",
+    popover: "oklch(1 0 0)",
+    "popover-foreground": "oklch(0.284 0.022 277.1)",
+    primary: "oklch(0.489 0.227 305.4)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.949 0.011 106.6)",
+    "secondary-foreground": "oklch(0.284 0.022 277.1)",
+    accent: "oklch(0.438 0.191 302.4)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.949 0.011 106.6)",
+    "muted-foreground": "oklch(0.478 0.051 270.1)",
+    border: "oklch(0.919 0.012 106.6)",
+    input: "oklch(0.919 0.012 106.6)",
+    ring: "oklch(0.489 0.227 305.4)",
+    success: "oklch(0.515 0.1 147.3)",
+    "success-foreground": "oklch(1 0 0)",
+    warning: "oklch(0.549 0.111 82.7)",
+    "warning-foreground": "oklch(1 0 0)",
+    destructive: "oklch(0.504 0.187 27.2)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.533 0.093 217.1)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.515 0.1 147.3)",
+    "status-online-foreground": "oklch(1 0 0)",
+    "status-offline": "oklch(0.504 0.187 27.2)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.549 0.111 82.7)",
+    "status-degraded-foreground": "oklch(1 0 0)",
+    "status-info": "oklch(0.533 0.093 217.1)",
+    "status-info-foreground": "oklch(1 0 0)"
   },
   dark: {
-    background: "231 15% 18%",
-    foreground: "60 30% 96%",
-    card: "232 14% 22%",
-    "card-foreground": "60 30% 96%",
-    popover: "232 14% 22%",
-    "popover-foreground": "60 30% 96%",
-    primary: "326 100% 74%",
-    "primary-deep": "326 100% 60%",
-    "primary-glow": "326 100% 85%",
-    "primary-foreground": "231 15% 18%",
-    secondary: "232 14% 28%",
-    "secondary-foreground": "60 30% 96%",
-    accent: "265 89% 78%",
-    "accent-deep": "265 89% 65%",
-    "accent-foreground": "231 15% 18%",
-    muted: "232 14% 28%",
-    "muted-foreground": "225 27% 65%",
-    border: "232 14% 31%",
-    input: "232 14% 31%",
-    ring: "326 100% 74%",
-    success: "135 94% 65%",
-    "success-foreground": "231 15% 18%",
-    warning: "65 92% 76%",
-    "warning-foreground": "231 15% 18%",
-    destructive: "0 100% 67%",
-    "destructive-foreground": "0 0% 100%",
-    info: "191 97% 77%",
-    "info-foreground": "231 15% 18%"
+    background: "oklch(0.284 0.022 277.1)",
+    foreground: "oklch(0.977 0.008 106.5)",
+    card: "oklch(0.322 0.024 278.1)",
+    "card-foreground": "oklch(0.977 0.008 106.5)",
+    popover: "oklch(0.322 0.024 278.1)",
+    "popover-foreground": "oklch(0.977 0.008 106.5)",
+    primary: "oklch(0.756 0.181 347.2)",
+    "primary-foreground": "oklch(0.284 0.022 277.1)",
+    secondary: "oklch(0.376 0.03 278)",
+    "secondary-foreground": "oklch(0.977 0.008 106.5)",
+    accent: "oklch(0.747 0.146 302.2)",
+    "accent-foreground": "oklch(0.284 0.022 277.1)",
+    muted: "oklch(0.376 0.03 278)",
+    "muted-foreground": "oklch(0.688 0.055 270.5)",
+    border: "oklch(0.403 0.032 278)",
+    input: "oklch(0.403 0.032 278)",
+    ring: "oklch(0.756 0.181 347.2)",
+    success: "oklch(0.871 0.218 148)",
+    "success-foreground": "oklch(0.284 0.022 277.1)",
+    warning: "oklch(0.955 0.137 112.9)",
+    "warning-foreground": "oklch(0.284 0.022 277.1)",
+    destructive: "oklch(0.684 0.205 24.3)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.882 0.093 213.7)",
+    "info-foreground": "oklch(0.284 0.022 277.1)",
+    "status-online": "oklch(0.871 0.218 148)",
+    "status-online-foreground": "oklch(0.284 0.022 277.1)",
+    "status-offline": "oklch(0.684 0.205 24.3)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.955 0.137 112.9)",
+    "status-degraded-foreground": "oklch(0.284 0.022 277.1)",
+    "status-info": "oklch(0.882 0.093 213.7)",
+    "status-info-foreground": "oklch(0.284 0.022 277.1)"
   }
 };
 
@@ -1028,64 +1239,74 @@ var oneDark = {
     "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
   ],
   light: {
-    background: "0 0% 98%",
-    foreground: "230 8% 24%",
-    card: "0 0% 100%",
-    "card-foreground": "230 8% 24%",
-    popover: "0 0% 100%",
-    "popover-foreground": "230 8% 24%",
-    primary: "220 88% 50%",
-    "primary-deep": "220 88% 40%",
-    "primary-glow": "220 88% 70%",
-    "primary-foreground": "0 0% 100%",
-    secondary: "0 0% 95%",
-    "secondary-foreground": "230 8% 24%",
-    accent: "301 62% 40%",
-    "accent-deep": "301 62% 30%",
-    "accent-foreground": "0 0% 100%",
-    muted: "0 0% 95%",
-    "muted-foreground": "230 4% 50%",
-    border: "0 0% 90%",
-    input: "0 0% 90%",
-    ring: "220 88% 50%",
-    success: "119 34% 35%",
-    "success-foreground": "0 0% 100%",
-    warning: "41 99% 30%",
-    "warning-foreground": "0 0% 100%",
-    destructive: "5 74% 45%",
-    "destructive-foreground": "0 0% 100%",
-    info: "198 99% 30%",
-    "info-foreground": "0 0% 100%"
+    background: "oklch(0.985 0 0)",
+    foreground: "oklch(0.35 0.014 276.7)",
+    card: "oklch(1 0 0)",
+    "card-foreground": "oklch(0.35 0.014 276.7)",
+    popover: "oklch(1 0 0)",
+    "popover-foreground": "oklch(0.35 0.014 276.7)",
+    primary: "oklch(0.529 0.235 262.3)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.962 0 0)",
+    "secondary-foreground": "oklch(0.35 0.014 276.7)",
+    accent: "oklch(0.522 0.209 328.8)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.962 0 0)",
+    "muted-foreground": "oklch(0.588 0.013 276.9)",
+    border: "oklch(0.923 0 0)",
+    input: "oklch(0.923 0 0)",
+    ring: "oklch(0.529 0.235 262.3)",
+    success: "oklch(0.515 0.111 143.4)",
+    "success-foreground": "oklch(1 0 0)",
+    warning: "oklch(0.555 0.116 77)",
+    "warning-foreground": "oklch(1 0 0)",
+    destructive: "oklch(0.544 0.194 29.8)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.499 0.108 236.7)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.515 0.111 143.4)",
+    "status-online-foreground": "oklch(1 0 0)",
+    "status-offline": "oklch(0.544 0.194 29.8)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.555 0.116 77)",
+    "status-degraded-foreground": "oklch(1 0 0)",
+    "status-info": "oklch(0.499 0.108 236.7)",
+    "status-info-foreground": "oklch(1 0 0)"
   },
   dark: {
-    background: "220 13% 18%",
-    foreground: "220 14% 71%",
-    card: "220 13% 15%",
-    "card-foreground": "220 14% 71%",
-    popover: "220 13% 15%",
-    "popover-foreground": "220 14% 71%",
-    primary: "207 82% 66%",
-    "primary-deep": "207 82% 52%",
-    "primary-glow": "207 82% 78%",
-    "primary-foreground": "220 13% 18%",
-    secondary: "220 13% 23%",
-    "secondary-foreground": "220 14% 71%",
-    accent: "286 60% 67%",
-    "accent-deep": "286 60% 52%",
-    "accent-foreground": "220 13% 18%",
-    muted: "220 13% 23%",
-    "muted-foreground": "220 8% 55%",
-    border: "220 13% 28%",
-    input: "220 13% 28%",
-    ring: "207 82% 66%",
-    success: "95 38% 62%",
-    "success-foreground": "220 13% 18%",
-    warning: "29 54% 61%",
-    "warning-foreground": "220 13% 18%",
-    destructive: "355 65% 65%",
-    "destructive-foreground": "0 0% 100%",
-    info: "187 47% 55%",
-    "info-foreground": "220 13% 18%"
+    background: "oklch(0.292 0.016 264.3)",
+    foreground: "oklch(0.761 0.021 264.4)",
+    card: "oklch(0.262 0.013 264.3)",
+    "card-foreground": "oklch(0.761 0.021 264.4)",
+    popover: "oklch(0.262 0.013 264.3)",
+    "popover-foreground": "oklch(0.761 0.021 264.4)",
+    primary: "oklch(0.732 0.121 245.2)",
+    "primary-foreground": "oklch(0.292 0.016 264.3)",
+    secondary: "oklch(0.34 0.019 264.3)",
+    "secondary-foreground": "oklch(0.761 0.021 264.4)",
+    accent: "oklch(0.694 0.163 318)",
+    "accent-foreground": "oklch(0.292 0.016 264.3)",
+    muted: "oklch(0.34 0.019 264.3)",
+    "muted-foreground": "oklch(0.63 0.02 264.4)",
+    border: "oklch(0.387 0.023 264.3)",
+    input: "oklch(0.387 0.023 264.3)",
+    ring: "oklch(0.732 0.121 245.2)",
+    success: "oklch(0.768 0.11 133.1)",
+    "success-foreground": "oklch(0.292 0.016 264.3)",
+    warning: "oklch(0.727 0.095 63.5)",
+    "warning-foreground": "oklch(0.292 0.016 264.3)",
+    destructive: "oklch(0.67 0.145 16.7)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.722 0.091 206.9)",
+    "info-foreground": "oklch(0.292 0.016 264.3)",
+    "status-online": "oklch(0.768 0.11 133.1)",
+    "status-online-foreground": "oklch(0.292 0.016 264.3)",
+    "status-offline": "oklch(0.67 0.145 16.7)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.727 0.095 63.5)",
+    "status-degraded-foreground": "oklch(0.292 0.016 264.3)",
+    "status-info": "oklch(0.722 0.091 206.9)",
+    "status-info-foreground": "oklch(0.292 0.016 264.3)"
   }
 };
 
@@ -1103,64 +1324,74 @@ var anthropicStyle = {
     "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
   ],
   light: {
-    background: "60 27% 97%",
-    foreground: "0 0% 10%",
-    card: "0 0% 100%",
-    "card-foreground": "0 0% 10%",
-    popover: "0 0% 100%",
-    "popover-foreground": "0 0% 10%",
-    primary: "15 54% 45%",
-    "primary-deep": "15 54% 35%",
-    "primary-glow": "15 54% 65%",
-    "primary-foreground": "0 0% 100%",
-    secondary: "45 22% 92%",
-    "secondary-foreground": "0 0% 10%",
-    accent: "26 39% 39%",
-    "accent-deep": "26 39% 29%",
-    "accent-foreground": "0 0% 100%",
-    muted: "45 22% 92%",
-    "muted-foreground": "0 0% 39%",
-    border: "45 22% 87%",
-    input: "45 22% 87%",
-    ring: "15 54% 45%",
-    success: "127 35% 35%",
-    "success-foreground": "0 0% 100%",
-    warning: "35 65% 35%",
-    "warning-foreground": "0 0% 100%",
-    destructive: "5 60% 40%",
-    "destructive-foreground": "0 0% 100%",
-    info: "200 50% 35%",
-    "info-foreground": "0 0% 100%"
+    background: "oklch(0.982 0.005 106.5)",
+    foreground: "oklch(0.216 0 0)",
+    card: "oklch(1 0 0)",
+    "card-foreground": "oklch(0.216 0 0)",
+    popover: "oklch(1 0 0)",
+    "popover-foreground": "oklch(0.216 0 0)",
+    primary: "oklch(0.555 0.13 38.8)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.946 0.009 91.5)",
+    "secondary-foreground": "oklch(0.216 0 0)",
+    accent: "oklch(0.522 0.075 57.6)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.946 0.009 91.5)",
+    "muted-foreground": "oklch(0.501 0 0)",
+    border: "oklch(0.911 0.015 91.5)",
+    input: "oklch(0.911 0.015 91.5)",
+    ring: "oklch(0.555 0.13 38.8)",
+    success: "oklch(0.518 0.107 146.3)",
+    "success-foreground": "oklch(1 0 0)",
+    warning: "oklch(0.539 0.102 70.9)",
+    "warning-foreground": "oklch(1 0 0)",
+    destructive: "oklch(0.487 0.15 28.9)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.492 0.078 233.2)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.518 0.107 146.3)",
+    "status-online-foreground": "oklch(1 0 0)",
+    "status-offline": "oklch(0.487 0.15 28.9)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.539 0.102 70.9)",
+    "status-degraded-foreground": "oklch(1 0 0)",
+    "status-info": "oklch(0.492 0.078 233.2)",
+    "status-info-foreground": "oklch(1 0 0)"
   },
   dark: {
-    background: "0 0% 10%",
-    foreground: "36 28% 93%",
-    card: "0 0% 15%",
-    "card-foreground": "36 28% 93%",
-    popover: "0 0% 15%",
-    "popover-foreground": "36 28% 93%",
-    primary: "16 62% 60%",
-    "primary-deep": "16 62% 48%",
-    "primary-glow": "16 62% 72%",
-    "primary-foreground": "0 0% 100%",
-    secondary: "0 0% 18%",
-    "secondary-foreground": "36 28% 93%",
-    accent: "21 33% 55%",
-    "accent-deep": "21 33% 42%",
-    "accent-foreground": "0 0% 100%",
-    muted: "0 0% 18%",
-    "muted-foreground": "30 6% 64%",
-    border: "0 0% 25%",
-    input: "0 0% 25%",
-    ring: "16 62% 60%",
-    success: "142 71% 58%",
-    "success-foreground": "0 0% 10%",
-    warning: "45 96% 65%",
-    "warning-foreground": "0 0% 10%",
-    destructive: "0 84% 60%",
-    "destructive-foreground": "0 0% 100%",
-    info: "200 70% 60%",
-    "info-foreground": "0 0% 10%"
+    background: "oklch(0.216 0 0)",
+    foreground: "oklch(0.951 0.009 78.3)",
+    card: "oklch(0.27 0 0)",
+    "card-foreground": "oklch(0.951 0.009 78.3)",
+    popover: "oklch(0.27 0 0)",
+    "popover-foreground": "oklch(0.951 0.009 78.3)",
+    primary: "oklch(0.679 0.125 40.5)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.301 0 0)",
+    "secondary-foreground": "oklch(0.951 0.009 78.3)",
+    accent: "oklch(0.645 0.072 49.3)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.301 0 0)",
+    "muted-foreground": "oklch(0.719 0.01 67.7)",
+    border: "oklch(0.371 0 0)",
+    input: "oklch(0.371 0 0)",
+    ring: "oklch(0.679 0.125 40.5)",
+    success: "oklch(0.805 0.186 151.6)",
+    "success-foreground": "oklch(0.216 0 0)",
+    warning: "oklch(0.874 0.15 90.2)",
+    "warning-foreground": "oklch(0.216 0 0)",
+    destructive: "oklch(0.636 0.208 25.4)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.722 0.113 233.1)",
+    "info-foreground": "oklch(0.216 0 0)",
+    "status-online": "oklch(0.805 0.186 151.6)",
+    "status-online-foreground": "oklch(0.216 0 0)",
+    "status-offline": "oklch(0.636 0.208 25.4)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.874 0.15 90.2)",
+    "status-degraded-foreground": "oklch(0.216 0 0)",
+    "status-info": "oklch(0.722 0.113 233.1)",
+    "status-info-foreground": "oklch(0.216 0 0)"
   }
 };
 
@@ -1178,64 +1409,74 @@ var openaiStyle = {
     "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
   ],
   light: {
-    background: "0 0% 100%",
-    foreground: "0 0% 13%",
-    card: "240 5% 97%",
-    "card-foreground": "0 0% 13%",
-    popover: "0 0% 100%",
-    "popover-foreground": "0 0% 13%",
-    primary: "165 82% 35%",
-    "primary-deep": "165 82% 28%",
-    "primary-glow": "165 82% 50%",
-    "primary-foreground": "0 0% 100%",
-    secondary: "240 5% 96%",
-    "secondary-foreground": "0 0% 13%",
-    accent: "165 82% 35%",
-    "accent-deep": "165 82% 28%",
-    "accent-foreground": "0 0% 100%",
-    muted: "240 5% 96%",
-    "muted-foreground": "240 7% 47%",
-    border: "0 0% 90%",
-    input: "0 0% 90%",
-    ring: "165 82% 35%",
-    success: "165 82% 35%",
-    "success-foreground": "0 0% 100%",
-    warning: "30 91% 44%",
-    "warning-foreground": "0 0% 100%",
-    destructive: "0 73% 50%",
-    "destructive-foreground": "0 0% 100%",
-    info: "212 100% 47%",
-    "info-foreground": "0 0% 100%"
+    background: "oklch(1 0 0)",
+    foreground: "oklch(0.248 0 0)",
+    card: "oklch(0.976 0.001 286.4)",
+    "card-foreground": "oklch(0.248 0 0)",
+    popover: "oklch(1 0 0)",
+    "popover-foreground": "oklch(0.248 0 0)",
+    primary: "oklch(0.636 0.124 169.1)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.968 0.001 286.4)",
+    "secondary-foreground": "oklch(0.248 0 0)",
+    accent: "oklch(0.636 0.124 169.1)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.968 0.001 286.4)",
+    "muted-foreground": "oklch(0.549 0.026 285.5)",
+    border: "oklch(0.923 0 0)",
+    input: "oklch(0.923 0 0)",
+    ring: "oklch(0.636 0.124 169.1)",
+    success: "oklch(0.636 0.124 169.1)",
+    "success-foreground": "oklch(1 0 0)",
+    warning: "oklch(0.651 0.158 55.2)",
+    "warning-foreground": "oklch(1 0 0)",
+    destructive: "oklch(0.576 0.218 27.6)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.57 0.211 257.9)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.636 0.124 169.1)",
+    "status-online-foreground": "oklch(1 0 0)",
+    "status-offline": "oklch(0.576 0.218 27.6)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.651 0.158 55.2)",
+    "status-degraded-foreground": "oklch(1 0 0)",
+    "status-info": "oklch(0.57 0.211 257.9)",
+    "status-info-foreground": "oklch(1 0 0)"
   },
   dark: {
-    background: "0 0% 13%",
-    foreground: "0 0% 93%",
-    card: "0 0% 18%",
-    "card-foreground": "0 0% 93%",
-    popover: "0 0% 18%",
-    "popover-foreground": "0 0% 93%",
-    primary: "155 78% 30%",
-    "primary-deep": "155 78% 22%",
-    "primary-glow": "155 78% 50%",
-    "primary-foreground": "0 0% 100%",
-    secondary: "0 0% 20%",
-    "secondary-foreground": "0 0% 93%",
-    accent: "155 78% 50%",
-    "accent-deep": "155 78% 40%",
-    "accent-foreground": "0 0% 13%",
-    muted: "0 0% 20%",
-    "muted-foreground": "0 0% 61%",
-    border: "0 0% 26%",
-    input: "0 0% 26%",
-    ring: "155 78% 43%",
-    success: "155 78% 43%",
-    "success-foreground": "0 0% 100%",
-    warning: "38 92% 50%",
-    "warning-foreground": "0 0% 13%",
-    destructive: "0 84% 60%",
-    "destructive-foreground": "0 0% 100%",
-    info: "212 100% 55%",
-    "info-foreground": "0 0% 100%"
+    background: "oklch(0.248 0 0)",
+    foreground: "oklch(0.947 0 0)",
+    card: "oklch(0.301 0 0)",
+    "card-foreground": "oklch(0.947 0 0)",
+    popover: "oklch(0.301 0 0)",
+    "popover-foreground": "oklch(0.947 0 0)",
+    primary: "oklch(0.555 0.125 158.4)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.321 0 0)",
+    "secondary-foreground": "oklch(0.947 0 0)",
+    accent: "oklch(0.808 0.186 157.7)",
+    "accent-foreground": "oklch(0.248 0 0)",
+    muted: "oklch(0.321 0 0)",
+    "muted-foreground": "oklch(0.691 0 0)",
+    border: "oklch(0.38 0 0)",
+    input: "oklch(0.38 0 0)",
+    ring: "oklch(0.722 0.165 157.9)",
+    success: "oklch(0.722 0.165 157.9)",
+    "success-foreground": "oklch(1 0 0)",
+    warning: "oklch(0.77 0.165 70.6)",
+    "warning-foreground": "oklch(0.248 0 0)",
+    destructive: "oklch(0.636 0.208 25.4)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.627 0.203 256.2)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.722 0.165 157.9)",
+    "status-online-foreground": "oklch(1 0 0)",
+    "status-offline": "oklch(0.636 0.208 25.4)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.77 0.165 70.6)",
+    "status-degraded-foreground": "oklch(0.248 0 0)",
+    "status-info": "oklch(0.627 0.203 256.2)",
+    "status-info-foreground": "oklch(1 0 0)"
   }
 };
 
@@ -1253,64 +1494,74 @@ var linearGlass = {
     "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
   ],
   light: {
-    background: "0 0% 100%",
-    foreground: "240 5% 12%",
-    card: "220 25% 98%",
-    "card-foreground": "240 5% 12%",
-    popover: "0 0% 100%",
-    "popover-foreground": "240 5% 12%",
-    primary: "233 56% 55%",
-    "primary-deep": "233 56% 45%",
-    "primary-glow": "233 56% 70%",
-    "primary-foreground": "0 0% 100%",
-    secondary: "240 9% 96%",
-    "secondary-foreground": "240 5% 12%",
-    accent: "245 60% 60%",
-    "accent-deep": "245 60% 50%",
-    "accent-foreground": "0 0% 100%",
-    muted: "240 9% 96%",
-    "muted-foreground": "240 4% 44%",
-    border: "240 9% 93%",
-    input: "240 9% 93%",
-    ring: "233 56% 55%",
-    success: "155 62% 35%",
-    "success-foreground": "0 0% 100%",
-    warning: "35 76% 45%",
-    "warning-foreground": "0 0% 100%",
-    destructive: "358 75% 50%",
-    "destructive-foreground": "0 0% 100%",
-    info: "233 56% 55%",
-    "info-foreground": "0 0% 100%"
+    background: "oklch(1 0 0)",
+    foreground: "oklch(0.232 0.006 285.9)",
+    card: "oklch(0.983 0.002 264.5)",
+    "card-foreground": "oklch(0.232 0.006 285.9)",
+    popover: "oklch(1 0 0)",
+    "popover-foreground": "oklch(0.232 0.006 285.9)",
+    primary: "oklch(0.523 0.175 273.1)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.967 0.002 286.4)",
+    "secondary-foreground": "oklch(0.232 0.006 285.9)",
+    accent: "oklch(0.55 0.181 282.4)",
+    "accent-foreground": "oklch(1 0 0)",
+    muted: "oklch(0.967 0.002 286.4)",
+    "muted-foreground": "oklch(0.533 0.014 285.9)",
+    border: "oklch(0.943 0.004 286.3)",
+    input: "oklch(0.943 0.004 286.3)",
+    ring: "oklch(0.523 0.175 273.1)",
+    success: "oklch(0.583 0.12 160.3)",
+    "success-foreground": "oklch(1 0 0)",
+    warning: "oklch(0.665 0.138 68.3)",
+    "warning-foreground": "oklch(1 0 0)",
+    destructive: "oklch(0.579 0.221 26.6)",
+    "destructive-foreground": "oklch(1 0 0)",
+    info: "oklch(0.523 0.175 273.1)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.583 0.12 160.3)",
+    "status-online-foreground": "oklch(1 0 0)",
+    "status-offline": "oklch(0.579 0.221 26.6)",
+    "status-offline-foreground": "oklch(1 0 0)",
+    "status-degraded": "oklch(0.665 0.138 68.3)",
+    "status-degraded-foreground": "oklch(1 0 0)",
+    "status-info": "oklch(0.523 0.175 273.1)",
+    "status-info-foreground": "oklch(1 0 0)"
   },
   dark: {
-    background: "240 9% 6%",
-    foreground: "0 0% 90%",
-    card: "240 8% 11%",
-    "card-foreground": "0 0% 90%",
-    popover: "240 8% 11%",
-    "popover-foreground": "0 0% 90%",
-    primary: "245 60% 67%",
-    "primary-deep": "245 60% 55%",
-    "primary-glow": "245 60% 78%",
-    "primary-foreground": "0 0% 100%",
-    secondary: "240 8% 14%",
-    "secondary-foreground": "0 0% 90%",
-    accent: "253 100% 78%",
-    "accent-deep": "253 100% 65%",
-    "accent-foreground": "240 9% 6%",
-    muted: "240 8% 14%",
-    "muted-foreground": "240 5% 67%",
-    border: "240 6% 17%",
-    input: "240 6% 17%",
-    ring: "245 60% 67%",
-    success: "147 49% 53%",
-    "success-foreground": "240 9% 6%",
-    warning: "32 100% 66%",
-    "warning-foreground": "240 9% 6%",
-    destructive: "357 100% 70%",
-    "destructive-foreground": "240 9% 6%",
-    info: "245 60% 67%",
-    "info-foreground": "0 0% 100%"
+    background: "oklch(0.165 0.006 285.8)",
+    foreground: "oklch(0.923 0 0)",
+    card: "oklch(0.219 0.009 285.7)",
+    "card-foreground": "oklch(0.923 0 0)",
+    popover: "oklch(0.219 0.009 285.7)",
+    "popover-foreground": "oklch(0.923 0 0)",
+    primary: "oklch(0.627 0.149 285.1)",
+    "primary-foreground": "oklch(1 0 0)",
+    secondary: "oklch(0.25 0.011 285.6)",
+    "secondary-foreground": "oklch(0.923 0 0)",
+    accent: "oklch(0.718 0.16 291.8)",
+    "accent-foreground": "oklch(0.165 0.006 285.8)",
+    muted: "oklch(0.25 0.011 285.6)",
+    "muted-foreground": "oklch(0.73 0.012 286.1)",
+    border: "oklch(0.282 0.009 285.8)",
+    input: "oklch(0.282 0.009 285.8)",
+    ring: "oklch(0.627 0.149 285.1)",
+    success: "oklch(0.73 0.142 156)",
+    "success-foreground": "oklch(0.165 0.006 285.8)",
+    warning: "oklch(0.813 0.143 66.8)",
+    "warning-foreground": "oklch(0.165 0.006 285.8)",
+    destructive: "oklch(0.706 0.187 20.3)",
+    "destructive-foreground": "oklch(0.165 0.006 285.8)",
+    info: "oklch(0.627 0.149 285.1)",
+    "info-foreground": "oklch(1 0 0)",
+    "status-online": "oklch(0.73 0.142 156)",
+    "status-online-foreground": "oklch(0.165 0.006 285.8)",
+    "status-offline": "oklch(0.706 0.187 20.3)",
+    "status-offline-foreground": "oklch(0.165 0.006 285.8)",
+    "status-degraded": "oklch(0.813 0.143 66.8)",
+    "status-degraded-foreground": "oklch(0.165 0.006 285.8)",
+    "status-info": "oklch(0.627 0.149 285.1)",
+    "status-info-foreground": "oklch(1 0 0)"
   }
 };