-
-
Open interactive playground
-
+
+
+
+
+ {videoError ? (
+
+ ) : (
+
+ )}
+
+
+ Open interactive playground
+
-
+
+
+
+
+ View more examples
+
);
}
diff --git a/apps/www/components/page/window-chrome.tsx b/apps/www/components/page/window-chrome.tsx
new file mode 100644
index 000000000..8b3dea7f3
--- /dev/null
+++ b/apps/www/components/page/window-chrome.tsx
@@ -0,0 +1,35 @@
+/**
+ * Shared faux-window traffic lights + optional title or URL address bar.
+ * Used by CLI, IDE mock, before/after compare, and playground frame.
+ */
+export function WindowChrome({
+ title,
+ url,
+ className,
+}: {
+ title?: string;
+ url?: string;
+ className?: string;
+}) {
+ return (
+
+
+
+ {url ? (
+
+ {url}
+
+ ) : title ? (
+
{title}
+ ) : null}
+
+ );
+}
diff --git a/apps/www/components/ui/new-badge.tsx b/apps/www/components/ui/new-badge.tsx
index 326e0b2bf..b3cf9f5d3 100644
--- a/apps/www/components/ui/new-badge.tsx
+++ b/apps/www/components/ui/new-badge.tsx
@@ -4,9 +4,12 @@ import { Badge } from "./badge";
export function NewBadge({ className }: { className?: string }) {
return (
- New
+ New
);
}
diff --git a/apps/www/components/ui/theme-toggle.tsx b/apps/www/components/ui/theme-toggle.tsx
index 7a8f6eb18..1bf827063 100644
--- a/apps/www/components/ui/theme-toggle.tsx
+++ b/apps/www/components/ui/theme-toggle.tsx
@@ -9,6 +9,8 @@ import {
TooltipProvider,
TooltipTrigger,
} from "~/components/ui/tooltip";
+import { useFeatureFlag } from "~/hooks/use-feature-flag";
+import { FeatureFlag } from "~/lib/posthog/feature-flags";
import { cn } from "~/lib/utils";
type Option = {
@@ -22,6 +24,7 @@ let hydrated = false;
let cachedTheme: string | undefined;
export function ThemeToggle({ className }: { className?: string }) {
+ const themeToggleEnabled = useFeatureFlag(FeatureFlag.THEME_TOGGLE);
const { theme, setTheme } = useTheme();
const [mounted, setMounted] = useState(hydrated);
@@ -35,6 +38,10 @@ export function ThemeToggle({ className }: { className?: string }) {
setMounted(true);
}, []);
+ if (themeToggleEnabled !== true) {
+ return null;
+ }
+
const options = [
{ value: "light", icon: Sun, label: "Light" },
{ value: "system", icon: Monitor, label: "System" },
diff --git a/apps/www/content/docs/arkenv/faq.mdx b/apps/www/content/docs/arkenv/faq.mdx
index e54926c16..7030831da 100644
--- a/apps/www/content/docs/arkenv/faq.mdx
+++ b/apps/www/content/docs/arkenv/faq.mdx
@@ -149,7 +149,7 @@ Read the [CLI reference docs](/docs/cli) for a complete list of flags and capabi
## Does ArkEnv support AI development tools like Claude Code or Cursor?
-Yes. ArkEnv is optimized for modern development workflows and features a **dedicated AI Agent Skill**. Providing this context to LLM-driven tools (like Claude Code, Cursor, Codex or Antigravity) allows your AI assistant to **automatically maintain, update, and tighten environment schemas** as your application code evolves, matching schema changes to code changes seamlessly.
+Yes. ArkEnv is optimized for modern development workflows and features a dedicated [**AI Agent Skill**](/docs/arkenv/integrations/ai/skills). Providing this context to LLM-driven tools (like Claude Code, Cursor, Codex or Antigravity) allows your AI assistant to **automatically maintain, update, and tighten environment schemas** as your application code evolves, matching schema changes to code changes seamlessly.
## Is it safe to use in production?
diff --git a/apps/www/hooks/use-copy-command.ts b/apps/www/hooks/use-copy-command.ts
index 6cd69b919..b180e5ec8 100644
--- a/apps/www/hooks/use-copy-command.ts
+++ b/apps/www/hooks/use-copy-command.ts
@@ -11,9 +11,14 @@ import { useToast } from "./use-toast";
* @param command - The string command to be copied.
* @returns An object containing the `copied` state and the `copy` function.
*/
-export function useCopyCommand(command: string) {
+export function useCopyCommand(
+ command: string,
+ options?: { successDescription?: string },
+) {
const [copied, setCopied] = useState(false);
const { toast } = useToast();
+ const successDescription =
+ options?.successDescription ?? "Command copied to clipboard!";
const copy = async () => {
try {
@@ -21,7 +26,7 @@ export function useCopyCommand(command: string) {
setCopied(true);
setTimeout(() => setCopied(false), 2000);
toast({
- description: "Command copied to clipboard!",
+ description: successDescription,
duration: 2000,
});
} catch (error) {
diff --git a/apps/www/hooks/use-feature-flag.test.ts b/apps/www/hooks/use-feature-flag.test.ts
new file mode 100644
index 000000000..d864ca1ec
--- /dev/null
+++ b/apps/www/hooks/use-feature-flag.test.ts
@@ -0,0 +1,48 @@
+import { renderHook, waitFor } from "@testing-library/react";
+import posthog from "posthog-js";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { FeatureFlag } from "~/lib/posthog/feature-flags";
+import { useFeatureFlag } from "./use-feature-flag";
+
+vi.mock("posthog-js", () => ({
+ default: {
+ isFeatureEnabled: vi.fn(),
+ onFeatureFlags: vi.fn(),
+ },
+}));
+
+describe("useFeatureFlag", () => {
+ beforeEach(() => {
+ vi.mocked(posthog.isFeatureEnabled).mockReset();
+ vi.mocked(posthog.onFeatureFlags).mockReset();
+ vi.mocked(posthog.onFeatureFlags).mockReturnValue(() => undefined);
+ });
+
+ it("returns false until the flag is explicitly true", async () => {
+ vi.mocked(posthog.isFeatureEnabled).mockReturnValue(undefined);
+ const { result } = renderHook(() =>
+ useFeatureFlag(FeatureFlag.THEME_TOGGLE),
+ );
+ expect(result.current).toBe(false);
+ });
+
+ it("returns true when PostHog reports the flag enabled", async () => {
+ vi.mocked(posthog.isFeatureEnabled).mockReturnValue(true);
+ const { result } = renderHook(() =>
+ useFeatureFlag(FeatureFlag.THEME_TOGGLE),
+ );
+ await waitFor(() => {
+ expect(result.current).toBe(true);
+ });
+ });
+
+ it("returns false for non-true flag values", async () => {
+ vi.mocked(posthog.isFeatureEnabled).mockReturnValue(false);
+ const { result } = renderHook(() =>
+ useFeatureFlag(FeatureFlag.THEME_TOGGLE),
+ );
+ await waitFor(() => {
+ expect(result.current).toBe(false);
+ });
+ });
+});
diff --git a/apps/www/hooks/use-feature-flag.ts b/apps/www/hooks/use-feature-flag.ts
new file mode 100644
index 000000000..f7c9af5a1
--- /dev/null
+++ b/apps/www/hooks/use-feature-flag.ts
@@ -0,0 +1,24 @@
+"use client";
+
+import posthog from "posthog-js";
+import { useEffect, useState } from "react";
+import type { FeatureFlag } from "~/lib/posthog/feature-flags";
+
+/**
+ * Subscribe to a PostHog boolean feature flag.
+ * Returns true only when the flag is explicitly enabled.
+ */
+export function useFeatureFlag(flag: FeatureFlag): boolean {
+ const [enabled, setEnabled] = useState(false);
+
+ useEffect(() => {
+ const sync = () => {
+ setEnabled(posthog.isFeatureEnabled(flag) === true);
+ };
+
+ sync();
+ return posthog.onFeatureFlags(sync);
+ }, [flag]);
+
+ return enabled;
+}
diff --git a/apps/www/lib/posthog/feature-flags.ts b/apps/www/lib/posthog/feature-flags.ts
new file mode 100644
index 000000000..f6fbb0727
--- /dev/null
+++ b/apps/www/lib/posthog/feature-flags.ts
@@ -0,0 +1,8 @@
+/**
+ * PostHog feature flag keys.
+ * Keep each flag consumed in as few places as possible.
+ */
+export enum FeatureFlag {
+ /** When true, show the light/dark/system theme switcher. Default: off. */
+ THEME_TOGGLE = "theme-toggle",
+}
diff --git a/apps/www/lib/posthog/index.ts b/apps/www/lib/posthog/index.ts
index 5c62e04f5..32f83d228 100644
--- a/apps/www/lib/posthog/index.ts
+++ b/apps/www/lib/posthog/index.ts
@@ -1 +1,2 @@
export * from "./config";
+export * from "./feature-flags";
diff --git a/apps/www/package.json b/apps/www/package.json
index 821184cb1..1f07b3a08 100644
--- a/apps/www/package.json
+++ b/apps/www/package.json
@@ -45,6 +45,7 @@
"fumadocs-twoslash": "3.2.0",
"fumadocs-typescript": "^5.2.6",
"fumadocs-ui": "16.8.7",
+ "geist": "^1.7.2",
"import-in-the-middle": "2.0.6",
"lucide-react": "1.14.0",
"next": "catalog:",
diff --git a/apps/www/public/assets/icon.svg b/apps/www/public/assets/icon.svg
index a02e45c3b..dfaaf9a1f 100644
--- a/apps/www/public/assets/icon.svg
+++ b/apps/www/public/assets/icon.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/apps/www/tokens.css b/apps/www/tokens.css
new file mode 100644
index 000000000..5b7295632
--- /dev/null
+++ b/apps/www/tokens.css
@@ -0,0 +1,69 @@
+/* Hallmark · genre: atmospheric · macrostructure: Workbench · tone: atmospheric
+ * theme: Aurora · anchor hue: 200 · nav: N5 · footer: Ft5 · enrichment: product-demo
+ * axes: dark / geist-sans + geist-mono + geist-pixel-grid / cool-cyan
+ * fonts: Geist · Geist Mono · Geist Pixel Grid
+ */
+
+:root {
+ --color-paper: oklch(13% 0.018 200);
+ --color-paper-2: oklch(17% 0.02 200);
+ --color-paper-3: oklch(21% 0.022 200);
+ --color-ink: oklch(95% 0.01 200);
+ --color-ink-2: oklch(78% 0.02 200);
+ --color-muted: oklch(62% 0.025 200);
+ --color-rule: oklch(30% 0.02 200);
+ --color-accent: oklch(74% 0.13 195);
+ --color-accent-ink: oklch(14% 0.02 200);
+ --color-focus: oklch(78% 0.12 195);
+ --color-bloom-a: oklch(52% 0.11 195 / 0.32);
+ --color-bloom-b: oklch(42% 0.09 220 / 0.22);
+ --color-success: oklch(72% 0.14 155);
+ --color-danger: oklch(65% 0.18 25);
+ --color-danger-ink: oklch(78% 0.14 25);
+ --color-cmd: oklch(78% 0.19 55);
+ --color-traffic-close: oklch(68% 0.18 25);
+ --color-traffic-min: oklch(78% 0.14 85);
+ --color-traffic-max: oklch(72% 0.16 145);
+
+ --font-display: var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;
+ --font-body: var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;
+ --font-outlier: var(--font-geist-mono), ui-monospace, monospace;
+ --font-mono: var(--font-geist-mono), ui-monospace, monospace;
+ /* --font-geist-pixel-grid is provided by geist/font/pixel (GeistPixelGrid) */
+
+ --space-3xs: 0.25rem;
+ --space-2xs: 0.5rem;
+ --space-xs: 0.75rem;
+ --space-sm: 1rem;
+ --space-md: 1.5rem;
+ --space-lg: 2rem;
+ --space-xl: 3rem;
+ --space-2xl: 4.5rem;
+ --space-3xl: 7rem;
+ --page-gutter: clamp(1rem, 4vw, 2.5rem);
+
+ --text-xs: 0.75rem;
+ --text-sm: 0.875rem;
+ --text-md: 1.125rem;
+ --text-lg: 1.375rem;
+ --text-xl: 1.75rem;
+ --text-2xl: 2.25rem;
+ --text-display-s: clamp(2rem, 4vw + 0.5rem, 3rem);
+ --text-display: clamp(2.5rem, 5vw + 0.75rem, 4.25rem);
+
+ --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
+ --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
+ --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
+ /* open-slide rise / blur-reveal */
+ --ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
+ --dur-micro: 120ms;
+ --dur-short: 220ms;
+ --dur-long: 420ms;
+ --dur-reveal: 800ms;
+
+ --rule-hair: 1px;
+ --radius-pill: 999px;
+ --radius-frame: 0.75rem;
+ --shadow-frame: 0 24px 60px -28px oklch(0% 0 0 / 0.55);
+ --shadow-nav: 0 8px 24px -12px oklch(0% 0 0 / 0.35);
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 510eec1ad..3639995ff 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -677,6 +677,9 @@ importers:
fumadocs-ui:
specifier: 16.8.7
version: 16.8.7(@tailwindcss/oxide@4.2.4)(@types/mdx@2.0.13)(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(fumadocs-core@16.8.7(@mdx-js/mdx@3.1.1)(@types/estree-jsx@1.0.5)(@types/hast@3.0.4)(@types/mdast@4.0.4)(@types/react@19.2.14)(lucide-react@1.14.0(react@19.2.5))(next@16.2.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(zod@4.4.1))(next@16.2.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(tailwindcss@4.2.4)
+ geist:
+ specifier: ^1.7.2
+ version: 1.7.2(next@16.2.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))
import-in-the-middle:
specifier: 2.0.6
version: 2.0.6
@@ -999,7 +1002,7 @@ importers:
devDependencies:
'@fumadocs/ui':
specifier: 16.5.0
- version: 16.5.0(@types/react@19.2.14)(fumadocs-core@16.8.7(@mdx-js/mdx@3.1.1)(@types/estree-jsx@1.0.5)(@types/hast@3.0.4)(@types/mdast@4.0.4)(@types/react@19.2.14)(lucide-react@1.14.0(react@19.2.5))(next@16.2.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(zod@4.4.3))(next@16.2.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(tailwindcss@4.2.4)
+ version: 16.5.0(@types/react@19.2.14)(fumadocs-core@16.8.7(@mdx-js/mdx@3.1.1)(@types/estree-jsx@1.0.5)(@types/hast@3.0.4)(@types/mdast@4.0.4)(@types/react@19.2.14)(lucide-react@1.14.0(react@19.2.5))(next@16.2.6(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(zod@4.4.3))(next@16.2.6(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(tailwindcss@4.2.4)
'@radix-ui/react-collapsible':
specifier: 1.1.12
version: 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.5(react@19.2.5))(react@19.2.5)
@@ -1014,10 +1017,10 @@ importers:
version: 19.2.3(@types/react@19.2.14)
fumadocs-core:
specifier: 16.8.7
- version: 16.8.7(@mdx-js/mdx@3.1.1)(@types/estree-jsx@1.0.5)(@types/hast@3.0.4)(@types/mdast@4.0.4)(@types/react@19.2.14)(lucide-react@1.14.0(react@19.2.5))(next@16.2.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(zod@4.4.3)
+ version: 16.8.7(@mdx-js/mdx@3.1.1)(@types/estree-jsx@1.0.5)(@types/hast@3.0.4)(@types/mdast@4.0.4)(@types/react@19.2.14)(lucide-react@1.14.0(react@19.2.5))(next@16.2.6(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(zod@4.4.3)
fumadocs-ui:
specifier: 16.8.7
- version: 16.8.7(@tailwindcss/oxide@4.2.4)(@types/mdx@2.0.13)(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(fumadocs-core@16.8.7(@mdx-js/mdx@3.1.1)(@types/estree-jsx@1.0.5)(@types/hast@3.0.4)(@types/mdast@4.0.4)(@types/react@19.2.14)(lucide-react@1.14.0(react@19.2.5))(next@16.2.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(zod@4.4.3))(next@16.2.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(tailwindcss@4.2.4)
+ version: 16.8.7(@tailwindcss/oxide@4.2.4)(@types/mdx@2.0.13)(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(fumadocs-core@16.8.7(@mdx-js/mdx@3.1.1)(@types/estree-jsx@1.0.5)(@types/hast@3.0.4)(@types/mdast@4.0.4)(@types/react@19.2.14)(lucide-react@1.14.0(react@19.2.5))(next@16.2.6(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(zod@4.4.3))(next@16.2.6(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(tailwindcss@4.2.4)
lucide-react:
specifier: 1.14.0
version: 1.14.0(react@19.2.5)
@@ -7709,6 +7712,11 @@ packages:
fzf@0.5.2:
resolution: {integrity: sha512-Tt4kuxLXFKHy8KT40zwsUPUkg1CrsgY25FxA2U/j/0WgEDCk3ddc/zLTCCcbSHX9FcKtLuVaDGtGE/STWC+j3Q==}
+ geist@1.7.2:
+ resolution: {integrity: sha512-Gu5lDFa3pLRyoBlBPf0QIFHVdWAnpco7fS1bJm41jyLPFoguBgiubseUN2oLXMgqZ7uxAxDoXcHMhCY/fOTTgg==}
+ peerDependencies:
+ next: '>=13.2.0'
+
gemoji@8.1.0:
resolution: {integrity: sha512-HA4Gx59dw2+tn+UAa7XEV4ufUKI4fH1KgcbenVA9YKSj1QJTT0xh5Mwv5HMFNN3l2OtUe3ZIfuRwSyZS5pLIWw==}
@@ -12715,9 +12723,9 @@ snapshots:
'@tailwindcss/oxide': 4.2.4
tailwindcss: 4.2.4
- '@fumadocs/ui@16.5.0(@types/react@19.2.14)(fumadocs-core@16.8.7(@mdx-js/mdx@3.1.1)(@types/estree-jsx@1.0.5)(@types/hast@3.0.4)(@types/mdast@4.0.4)(@types/react@19.2.14)(lucide-react@1.14.0(react@19.2.5))(next@16.2.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(zod@4.4.3))(next@16.2.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(tailwindcss@4.2.4)':
+ '@fumadocs/ui@16.5.0(@types/react@19.2.14)(fumadocs-core@16.8.7(@mdx-js/mdx@3.1.1)(@types/estree-jsx@1.0.5)(@types/hast@3.0.4)(@types/mdast@4.0.4)(@types/react@19.2.14)(lucide-react@1.14.0(react@19.2.5))(next@16.2.6(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(zod@4.4.3))(next@16.2.6(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(tailwindcss@4.2.4)':
dependencies:
- fumadocs-core: 16.8.7(@mdx-js/mdx@3.1.1)(@types/estree-jsx@1.0.5)(@types/hast@3.0.4)(@types/mdast@4.0.4)(@types/react@19.2.14)(lucide-react@1.14.0(react@19.2.5))(next@16.2.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(zod@4.4.3)
+ fumadocs-core: 16.8.7(@mdx-js/mdx@3.1.1)(@types/estree-jsx@1.0.5)(@types/hast@3.0.4)(@types/mdast@4.0.4)(@types/react@19.2.14)(lucide-react@1.14.0(react@19.2.5))(next@16.2.6(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(zod@4.4.3)
next-themes: 0.4.6(react-dom@19.2.5(react@19.2.5))(react@19.2.5)
postcss-selector-parser: 7.1.1
react: 19.2.5
@@ -16658,7 +16666,7 @@ snapshots:
obug: 2.1.1
std-env: 4.1.0
tinyrainbow: 3.1.0
- vitest: 4.1.5(@opentelemetry/api@1.9.1)(@types/node@25.6.0)(@vitest/coverage-v8@4.1.5)(@vitest/ui@4.1.5)(jsdom@29.1.1(@noble/hashes@1.8.0))(vite@8.0.10(@types/node@25.6.0)(esbuild@0.28.0)(jiti@2.7.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+ vitest: 4.1.5(@opentelemetry/api@1.9.1)(@types/node@24.12.2)(@vitest/coverage-v8@4.1.5)(@vitest/ui@4.1.5)(jsdom@29.1.1(@noble/hashes@1.8.0))(vite@8.0.10(@types/node@24.12.2)(esbuild@0.28.0)(jiti@2.7.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
'@vitest/expect@4.1.5':
dependencies:
@@ -16720,7 +16728,7 @@ snapshots:
sirv: 3.0.2
tinyglobby: 0.2.17
tinyrainbow: 3.1.0
- vitest: 4.1.5(@opentelemetry/api@1.9.1)(@types/node@25.6.0)(@vitest/coverage-v8@4.1.5)(@vitest/ui@4.1.5)(jsdom@29.1.1(@noble/hashes@1.8.0))(vite@8.0.10(@types/node@25.6.0)(esbuild@0.28.0)(jiti@2.7.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+ vitest: 4.1.5(@opentelemetry/api@1.9.1)(@types/node@24.12.2)(@vitest/coverage-v8@4.1.5)(@vitest/ui@4.1.5)(jsdom@29.1.1(@noble/hashes@1.8.0))(vite@8.0.10(@types/node@24.12.2)(esbuild@0.28.0)(jiti@2.7.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
'@vitest/utils@4.1.5':
dependencies:
@@ -18412,7 +18420,7 @@ snapshots:
transitivePeerDependencies:
- supports-color
- fumadocs-core@16.8.7(@mdx-js/mdx@3.1.1)(@types/estree-jsx@1.0.5)(@types/hast@3.0.4)(@types/mdast@4.0.4)(@types/react@19.2.14)(lucide-react@1.14.0(react@19.2.5))(next@16.2.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(zod@4.4.3):
+ fumadocs-core@16.8.7(@mdx-js/mdx@3.1.1)(@types/estree-jsx@1.0.5)(@types/hast@3.0.4)(@types/mdast@4.0.4)(@types/react@19.2.14)(lucide-react@1.14.0(react@19.2.5))(next@16.2.6(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(zod@4.4.3):
dependencies:
'@orama/orama': 3.1.18
estree-util-value-to-estree: 3.5.0
@@ -18556,7 +18564,7 @@ snapshots:
- '@types/react-dom'
- tailwindcss
- fumadocs-ui@16.8.7(@tailwindcss/oxide@4.2.4)(@types/mdx@2.0.13)(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(fumadocs-core@16.8.7(@mdx-js/mdx@3.1.1)(@types/estree-jsx@1.0.5)(@types/hast@3.0.4)(@types/mdast@4.0.4)(@types/react@19.2.14)(lucide-react@1.14.0(react@19.2.5))(next@16.2.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(zod@4.4.3))(next@16.2.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(tailwindcss@4.2.4):
+ fumadocs-ui@16.8.7(@tailwindcss/oxide@4.2.4)(@types/mdx@2.0.13)(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(fumadocs-core@16.8.7(@mdx-js/mdx@3.1.1)(@types/estree-jsx@1.0.5)(@types/hast@3.0.4)(@types/mdast@4.0.4)(@types/react@19.2.14)(lucide-react@1.14.0(react@19.2.5))(next@16.2.6(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(zod@4.4.3))(next@16.2.6(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(tailwindcss@4.2.4):
dependencies:
'@fumadocs/tailwind': 0.0.5(@tailwindcss/oxide@4.2.4)(tailwindcss@4.2.4)
'@radix-ui/react-accordion': 1.2.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.5(react@19.2.5))(react@19.2.5)
@@ -18570,7 +18578,7 @@ snapshots:
'@radix-ui/react-slot': 1.2.4(@types/react@19.2.14)(react@19.2.5)
'@radix-ui/react-tabs': 1.1.13(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.5(react@19.2.5))(react@19.2.5)
class-variance-authority: 0.7.1
- fumadocs-core: 16.8.7(@mdx-js/mdx@3.1.1)(@types/estree-jsx@1.0.5)(@types/hast@3.0.4)(@types/mdast@4.0.4)(@types/react@19.2.14)(lucide-react@1.14.0(react@19.2.5))(next@16.2.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(zod@4.4.3)
+ fumadocs-core: 16.8.7(@mdx-js/mdx@3.1.1)(@types/estree-jsx@1.0.5)(@types/hast@3.0.4)(@types/mdast@4.0.4)(@types/react@19.2.14)(lucide-react@1.14.0(react@19.2.5))(next@16.2.6(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5))(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(zod@4.4.3)
lucide-react: 1.14.0(react@19.2.5)
motion: 12.38.0(react-dom@19.2.5(react@19.2.5))(react@19.2.5)
next-themes: 0.4.6(react-dom@19.2.5(react@19.2.5))(react@19.2.5)
@@ -18598,6 +18606,10 @@ snapshots:
fzf@0.5.2: {}
+ geist@1.7.2(next@16.2.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5)):
+ dependencies:
+ next: 16.2.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.1)(@playwright/test@1.59.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.5(react@19.2.5))(react@19.2.5)
+
gemoji@8.1.0: {}
gensync@1.0.0-beta.2: {}
diff --git a/tokens.css b/tokens.css
new file mode 100644
index 000000000..10d7ffd34
--- /dev/null
+++ b/tokens.css
@@ -0,0 +1,62 @@
+/* Hallmark · genre: atmospheric · macrostructure: Workbench · tone: atmospheric
+ * theme: Aurora · anchor hue: 200 · nav: N5 · footer: Ft5 · enrichment: product-demo
+ * axes: dark / geist-sans + geist-mono + geist-pixel-grid / cool-cyan
+ * fonts: Geist · Geist Mono · Geist Pixel Grid
+ */
+
+:root {
+ --color-paper: oklch(13% 0.018 200);
+ --color-paper-2: oklch(17% 0.02 200);
+ --color-paper-3: oklch(21% 0.022 200);
+ --color-ink: oklch(95% 0.01 200);
+ --color-ink-2: oklch(78% 0.02 200);
+ --color-muted: oklch(62% 0.025 200);
+ --color-rule: oklch(30% 0.02 200);
+ --color-accent: oklch(74% 0.13 195);
+ --color-accent-ink: oklch(14% 0.02 200);
+ --color-focus: oklch(78% 0.12 195);
+ --color-bloom-a: oklch(52% 0.11 195 / 0.32);
+ --color-bloom-b: oklch(42% 0.09 220 / 0.22);
+ --color-success: oklch(72% 0.14 155);
+ --color-danger: oklch(65% 0.18 25);
+ --color-danger-ink: oklch(78% 0.14 25);
+
+ --font-display: var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;
+ --font-body: var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;
+ --font-outlier: var(--font-geist-mono), ui-monospace, monospace;
+ --font-mono: var(--font-geist-mono), ui-monospace, monospace;
+ /* --font-geist-pixel-grid is provided by geist/font/pixel (GeistPixelGrid) */
+
+ --space-3xs: 0.25rem;
+ --space-2xs: 0.5rem;
+ --space-xs: 0.75rem;
+ --space-sm: 1rem;
+ --space-md: 1.5rem;
+ --space-lg: 2rem;
+ --space-xl: 3rem;
+ --space-2xl: 4.5rem;
+ --space-3xl: 7rem;
+ --page-gutter: clamp(1rem, 4vw, 2.5rem);
+
+ --text-xs: 0.75rem;
+ --text-sm: 0.875rem;
+ --text-md: 1.125rem;
+ --text-lg: 1.375rem;
+ --text-xl: 1.75rem;
+ --text-2xl: 2.25rem;
+ --text-display-s: clamp(2rem, 4vw + 0.5rem, 3rem);
+ --text-display: clamp(2.5rem, 5vw + 0.75rem, 4.25rem);
+
+ --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
+ --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
+ --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
+ --dur-micro: 120ms;
+ --dur-short: 220ms;
+ --dur-long: 420ms;
+
+ --rule-hair: 1px;
+ --radius-pill: 999px;
+ --radius-frame: 0.75rem;
+ --shadow-frame: 0 24px 60px -28px oklch(0% 0 0 / 0.55);
+ --shadow-nav: 0 8px 24px -12px oklch(0% 0 0 / 0.35);
+}