minutework 0.1.40 → 0.1.42

package/assets/templates/vuilder-shell/src/components/ui/button.tsx

@@ -0,0 +1,59 @@
+import * as React from "react";
+
+import { Slot } from "@radix-ui/react-slot";
+import { cva, type VariantProps } from "class-variance-authority";
+
+import { cn } from "@/lib/utils";
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive:
+          "bg-destructive text-white hover:bg-destructive/90 dark:bg-destructive/60",
+        outline:
+          "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  },
+);
+
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"button"> &
+  VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+  }) {
+  const Comp = asChild ? Slot : "button";
+
+  return (
+    <Comp
+      data-slot="button"
+      className={cn(buttonVariants({ variant, size, className }))}
+      {...props}
+    />
+  );
+}
+
+export { Button, buttonVariants };

package/assets/templates/vuilder-shell/src/components/ui/input.tsx

@@ -0,0 +1,21 @@
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Input({ className, type, ...props }: React.ComponentProps<"input">) {
+  return (
+    <input
+      type={type}
+      data-slot="input"
+      className={cn(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Input };

package/assets/templates/vuilder-shell/src/design-system/docs/governance.mdx

@@ -0,0 +1,26 @@
+import { Meta } from "@storybook/addon-docs/blocks";
+
+<Meta title="Design System/Governance" />
+
+# Governance
+
+The design system lives under `src/design-system` and is the only public visual API for application code.
+
+## Import contract
+
+- Allowed in route and feature code: `@/design-system/primitives/*`, `@/design-system/patterns/*`, `@/design-system/recipes/*`, and `@/design-system/tokens/manifest`.
+- Forbidden outside `src/design-system`: `@/components/ui/*`, `@radix-ui/*`, and direct raw token CSS imports.
+
+## Authoring rules
+
+- Literal color values belong only in `src/design-system/tokens`.
+- Route and feature code compose primitives and patterns instead of creating one-off inline visual systems.
+- Inline styles are allowed only for CSS variable references or truly dynamic layout values.
+- Reused UI should be promoted into `src/design-system/patterns`.
+
+## Enforcement
+
+- `pnpm validate` runs template validation, type generation, token regeneration, `pnpm design-system:check`, and the app test/build pipeline.
+- `pnpm design-system:check` validates imports, raw values, and story coverage.
+- `pnpm build-storybook` keeps documentation coverage intact.
+- `pnpm design-system:visual` is optional for local visual baselines, but `tools/design-system/__screenshots__/` is not shipped in the canonical template bundle.

package/assets/templates/vuilder-shell/src/design-system/patterns/panel-frame.stories.tsx

@@ -0,0 +1,48 @@
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
+
+import { Button } from "@/design-system/primitives/button";
+import { PanelFrame } from "@/design-system/patterns/panel-frame";
+
+const meta = {
+  title: "Design System/Patterns/Panel Frame",
+  component: PanelFrame,
+  tags: ["autodocs"],
+} satisfies Meta<typeof PanelFrame>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Raised: Story = {
+  render: () => (
+    <PanelFrame tone="raised" className="w-96 space-y-4">
+      <div className="space-y-1">
+        <p className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
+          Tenant thread
+        </p>
+        <h3 className="text-lg font-semibold text-foreground">Missing rent receipt</h3>
+        <p className="text-sm text-muted-foreground">
+          Keep recurring workspace panels visually consistent across login, command, and status
+          surfaces.
+        </p>
+      </div>
+      <div className="flex gap-2">
+        <Button size="sm">Follow up</Button>
+        <Button size="sm" variant="outline">
+          Open details
+        </Button>
+      </div>
+    </PanelFrame>
+  ),
+};
+
+export const Sidebar: Story = {
+  render: () => (
+    <PanelFrame tone="sidebar" radius="none" className="w-80 space-y-3 border-l">
+      <h3 className="text-sm font-semibold text-foreground">Shell surface</h3>
+      <p className="text-sm text-muted-foreground">
+        Use the sidebar tone for docked navigation or support surfaces.
+      </p>
+    </PanelFrame>
+  ),
+};

package/assets/templates/vuilder-shell/src/design-system/patterns/panel-frame.tsx

@@ -0,0 +1,26 @@
+import * as React from "react";
+
+import { type VariantProps } from "class-variance-authority";
+
+import { panelFrameVariants } from "@/design-system/recipes/chrome";
+import { cn } from "@/lib/utils";
+
+type PanelFrameProps = React.ComponentProps<"div"> &
+  VariantProps<typeof panelFrameVariants>;
+
+function PanelFrame({
+  className,
+  tone,
+  radius,
+  padding,
+  ...props
+}: PanelFrameProps) {
+  return (
+    <div
+      className={cn(panelFrameVariants({ tone, radius, padding }), className)}
+      {...props}
+    />
+  );
+}
+
+export { PanelFrame, panelFrameVariants };

package/assets/templates/vuilder-shell/src/design-system/patterns/status-badge.stories.tsx

@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
+
+import { StatusBadge } from "@/design-system/patterns/status-badge";
+
+const meta = {
+  title: "Design System/Patterns/Status Badge",
+  component: StatusBadge,
+  tags: ["autodocs"],
+} satisfies Meta<typeof StatusBadge>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const AllTones: Story = {
+  render: () => (
+    <div className="flex flex-wrap gap-2">
+      <StatusBadge tone="default">Draft</StatusBadge>
+      <StatusBadge tone="primary">AI suggested</StatusBadge>
+      <StatusBadge tone="success">Completed</StatusBadge>
+      <StatusBadge tone="warning">Needs review</StatusBadge>
+      <StatusBadge tone="danger">Failed</StatusBadge>
+      <StatusBadge tone="info">Queued</StatusBadge>
+    </div>
+  ),
+};

package/assets/templates/vuilder-shell/src/design-system/patterns/status-badge.tsx

@@ -0,0 +1,35 @@
+import * as React from "react";
+
+import { cva, type VariantProps } from "class-variance-authority";
+
+import { cn } from "@/lib/utils";
+
+const statusBadgeVariants = cva(
+  "inline-flex items-center rounded px-2 py-0.5 text-xs font-medium",
+  {
+    variants: {
+      tone: {
+        default: "bg-muted text-muted-foreground",
+        primary: "bg-primary/15 text-text-link",
+        success: "bg-success/20 text-success",
+        warning: "bg-warning/20 text-warning",
+        danger: "bg-danger/20 text-danger",
+        info: "bg-info/20 text-info",
+      },
+    },
+    defaultVariants: {
+      tone: "default",
+    },
+  },
+);
+
+type StatusBadgeProps = React.ComponentProps<"span"> &
+  VariantProps<typeof statusBadgeVariants>;
+
+function StatusBadge({ className, tone, ...props }: StatusBadgeProps) {
+  return (
+    <span className={cn(statusBadgeVariants({ tone }), className)} {...props} />
+  );
+}
+
+export { StatusBadge, statusBadgeVariants };

package/assets/templates/vuilder-shell/src/design-system/patterns/theme-mode-toggle.stories.tsx

@@ -0,0 +1,21 @@
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
+
+import { ThemeModeToggle } from "@/design-system/patterns/theme-mode-toggle";
+
+const meta = {
+  title: "Design System/Patterns/Theme Mode Toggle",
+  component: ThemeModeToggle,
+  tags: ["autodocs"],
+} satisfies Meta<typeof ThemeModeToggle>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  render: () => (
+    <div className="w-80 rounded-xl border border-border bg-surface p-4">
+      <ThemeModeToggle />
+    </div>
+  ),
+};

package/assets/templates/vuilder-shell/src/design-system/patterns/theme-mode-toggle.tsx

@@ -0,0 +1,75 @@
+"use client";
+
+import * as React from "react";
+
+import { Monitor, Moon, Sun } from "lucide-react";
+
+import { Button } from "@/design-system/primitives/button";
+import { useTheme } from "@/lib/theme";
+import { cn } from "@/lib/utils";
+
+type ThemeMode = "light" | "dark" | "system";
+
+const themeOptions: Array<{
+  icon: React.ComponentType<{ className?: string }>;
+  label: string;
+  value: ThemeMode;
+}> = [
+  { icon: Sun, label: "Light", value: "light" },
+  { icon: Moon, label: "Dark", value: "dark" },
+  { icon: Monitor, label: "System", value: "system" },
+];
+
+export function ThemeModeToggle({
+  className,
+}: React.ComponentProps<"section">) {
+  const { resolvedTheme, setTheme, theme } = useTheme();
+  const [mounted, setMounted] = React.useState(false);
+
+  React.useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  const activeTheme = mounted ? ((theme ?? "system") as ThemeMode) : "system";
+  const resolvedLabel = mounted
+    ? activeTheme === "system"
+      ? `Following your OS: ${resolvedTheme ?? "light"}`
+      : `Locked to ${activeTheme}`
+    : "Loading preference";
+
+  return (
+    <section className={cn("space-y-2", className)}>
+      <div className="space-y-0.5">
+        <p className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
+          Theme
+        </p>
+        <p className="text-xs text-muted-foreground">{resolvedLabel}</p>
+      </div>
+      <div className="grid grid-cols-3 gap-1 rounded-xl border border-border bg-muted/60 p-1">
+        {themeOptions.map(({ icon: Icon, label, value }) => {
+          const isActive = activeTheme === value;
+
+          return (
+            <Button
+              key={value}
+              type="button"
+              size="sm"
+              variant="ghost"
+              aria-pressed={isActive}
+              onClick={() => setTheme(value)}
+              className={cn(
+                "h-8 justify-center gap-1.5 rounded-lg border px-2 text-xs",
+                isActive
+                  ? "border-primary/20 bg-primary/10 text-text-link shadow-sm hover:bg-primary/15 hover:text-text-link dark:border-primary/40 dark:bg-primary dark:text-primary-foreground dark:hover:bg-primary/90 dark:hover:text-primary-foreground"
+                  : "border-transparent text-muted-foreground hover:bg-background hover:text-foreground dark:hover:bg-surface-raised",
+              )}
+            >
+              <Icon className="size-3.5" />
+              <span>{label}</span>
+            </Button>
+          );
+        })}
+      </div>
+    </section>
+  );
+}

package/assets/templates/vuilder-shell/src/design-system/primitives/button.stories.tsx

@@ -0,0 +1,37 @@
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
+import { ArrowRight } from "lucide-react";
+
+import { Button } from "@/design-system/primitives/button";
+
+const meta = {
+  title: "Design System/Primitives/Button",
+  component: Button,
+  tags: ["autodocs"],
+  args: {
+    children: "Send follow-up",
+  },
+} satisfies Meta<typeof Button>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Primary: Story = {};
+
+export const Outline: Story = {
+  args: {
+    variant: "outline",
+    children: "Review details",
+  },
+};
+
+export const WithIcon: Story = {
+  args: {
+    children: (
+      <>
+        Assign owner
+        <ArrowRight className="size-4" />
+      </>
+    ),
+  },
+};

package/assets/templates/vuilder-shell/src/design-system/primitives/button.ts

@@ -0,0 +1 @@
+export { Button, buttonVariants } from "@/components/ui/button";

package/assets/templates/vuilder-shell/src/design-system/primitives/input.stories.tsx

@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
+
+import { Input } from "@/design-system/primitives/input";
+
+const meta = {
+  title: "Design System/Primitives/Input",
+  component: Input,
+  tags: ["autodocs"],
+  args: {
+    placeholder: "Search tenants or tasks",
+    className: "w-72",
+  },
+} satisfies Meta<typeof Input>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Invalid: Story = {
+  args: {
+    defaultValue: "late invoice",
+    "aria-invalid": true,
+  },
+};

package/assets/templates/vuilder-shell/src/design-system/primitives/input.ts

@@ -0,0 +1 @@
+export { Input } from "@/components/ui/input";

package/assets/templates/vuilder-shell/src/design-system/recipes/chrome.ts

@@ -0,0 +1,28 @@
+import { cva } from "class-variance-authority";
+
+export const panelFrameVariants = cva("border border-border text-foreground", {
+  variants: {
+    tone: {
+      surface: "bg-surface",
+      raised: "bg-surface-raised",
+      sidebar: "bg-sidebar",
+      floating: "bg-surface shadow-xl",
+    },
+    radius: {
+      none: "rounded-none",
+      lg: "rounded-lg",
+      xl: "rounded-xl",
+    },
+    padding: {
+      none: "",
+      sm: "p-3",
+      md: "p-4",
+      lg: "p-6",
+    },
+  },
+  defaultVariants: {
+    tone: "surface",
+    radius: "lg",
+    padding: "md",
+  },
+});

package/assets/templates/vuilder-shell/src/design-system/tokens/foundation.css

@@ -0,0 +1,31 @@
+:root {
+  --ds-foundation-white: #ffffff;
+  --ds-foundation-neutral-50: #f7f8fb;
+  --ds-foundation-neutral-100: #e5e7eb;
+  --ds-foundation-neutral-200: #d7dce5;
+  --ds-foundation-neutral-500: #6b7280;
+  --ds-foundation-neutral-600: #4b5563;
+  --ds-foundation-neutral-700: #2a2d35;
+  --ds-foundation-neutral-800: #22262f;
+  --ds-foundation-neutral-850: #1a1d23;
+  --ds-foundation-neutral-900: #111316;
+  --ds-foundation-neutral-950: #0b0d0f;
+  --ds-foundation-ink-500: #183247;
+  --ds-foundation-ink-700: #102233;
+  --ds-foundation-cyan-50: #eef9fd;
+  --ds-foundation-cyan-100: #d9f1fb;
+  --ds-foundation-cyan-200: #b7e4f3;
+  --ds-foundation-cyan-300: #89d4f0;
+  --ds-foundation-violet-300: #a78bfa;
+  --ds-foundation-violet-500: #7c3aed;
+  --ds-foundation-violet-700: #2d1f7a;
+  --ds-foundation-cyan-500: #0ea5e9;
+  --ds-foundation-cyan-600: #0284c7;
+  --ds-foundation-cyan-700: #0f6787;
+  --ds-foundation-green-500: #22c55e;
+  --ds-foundation-blue-500: #3b82f6;
+  --ds-foundation-yellow-500: #f59e0b;
+  --ds-foundation-red-500: #ef4444;
+  --ds-foundation-overlay-50: rgb(0 0 0 / 0.5);
+  --ds-foundation-overlay-60: rgb(0 0 0 / 0.6);
+}

package/assets/templates/vuilder-shell/src/design-system/tokens/index.css

@@ -0,0 +1,3 @@
+@import "./foundation.css";
+@import "./semantic.css";
+@import "./theme.css";

package/assets/templates/vuilder-shell/src/design-system/tokens/manifest.json

@@ -0,0 +1,85 @@
+{
+  "foundation": {
+    "ds-foundation-white": "#ffffff",
+    "ds-foundation-neutral-50": "#f7f8fb",
+    "ds-foundation-neutral-100": "#e5e7eb",
+    "ds-foundation-neutral-200": "#d7dce5",
+    "ds-foundation-neutral-500": "#6b7280",
+    "ds-foundation-neutral-600": "#4b5563",
+    "ds-foundation-neutral-700": "#2a2d35",
+    "ds-foundation-neutral-800": "#22262f",
+    "ds-foundation-neutral-850": "#1a1d23",
+    "ds-foundation-neutral-900": "#111316",
+    "ds-foundation-neutral-950": "#0b0d0f",
+    "ds-foundation-ink-500": "#183247",
+    "ds-foundation-ink-700": "#102233",
+    "ds-foundation-cyan-50": "#eef9fd",
+    "ds-foundation-cyan-100": "#d9f1fb",
+    "ds-foundation-cyan-200": "#b7e4f3",
+    "ds-foundation-cyan-300": "#89d4f0",
+    "ds-foundation-violet-300": "#a78bfa",
+    "ds-foundation-violet-500": "#7c3aed",
+    "ds-foundation-violet-700": "#2d1f7a",
+    "ds-foundation-cyan-500": "#0ea5e9",
+    "ds-foundation-cyan-600": "#0284c7",
+    "ds-foundation-cyan-700": "#0f6787",
+    "ds-foundation-green-500": "#22c55e",
+    "ds-foundation-blue-500": "#3b82f6",
+    "ds-foundation-yellow-500": "#f59e0b",
+    "ds-foundation-red-500": "#ef4444",
+    "ds-foundation-overlay-50": "rgb(0 0 0 / 0.5)",
+    "ds-foundation-overlay-60": "rgb(0 0 0 / 0.6)"
+  },
+  "semantic": {
+    "background": "var(--ds-foundation-neutral-950)",
+    "foreground": "var(--ds-foundation-neutral-100)",
+    "card": "var(--ds-foundation-neutral-850)",
+    "card-foreground": "var(--ds-foundation-neutral-100)",
+    "popover": "var(--ds-foundation-neutral-850)",
+    "popover-foreground": "var(--ds-foundation-neutral-100)",
+    "primary": "var(--ds-foundation-cyan-500)",
+    "primary-foreground": "var(--ds-foundation-white)",
+    "secondary": "var(--ds-foundation-neutral-800)",
+    "secondary-foreground": "var(--ds-foundation-neutral-100)",
+    "muted": "var(--ds-foundation-neutral-850)",
+    "muted-foreground": "var(--ds-foundation-neutral-500)",
+    "accent": "var(--ds-foundation-ink-700)",
+    "accent-foreground": "var(--ds-foundation-neutral-100)",
+    "destructive": "var(--ds-foundation-red-500)",
+    "destructive-foreground": "var(--ds-foundation-white)",
+    "border": "var(--ds-foundation-neutral-700)",
+    "input": "var(--ds-foundation-neutral-800)",
+    "ring": "var(--ds-foundation-cyan-500)",
+    "chart-1": "var(--ds-foundation-cyan-500)",
+    "chart-2": "var(--ds-foundation-green-500)",
+    "chart-3": "var(--ds-foundation-blue-500)",
+    "chart-4": "var(--ds-foundation-yellow-500)",
+    "chart-5": "var(--ds-foundation-red-500)",
+    "radius": "0.5rem",
+    "sidebar": "var(--ds-foundation-neutral-900)",
+    "sidebar-foreground": "var(--ds-foundation-neutral-100)",
+    "sidebar-primary": "var(--ds-foundation-cyan-500)",
+    "sidebar-primary-foreground": "var(--ds-foundation-white)",
+    "sidebar-accent": "var(--ds-foundation-neutral-800)",
+    "sidebar-accent-foreground": "var(--ds-foundation-neutral-100)",
+    "sidebar-border": "var(--ds-foundation-neutral-700)",
+    "sidebar-ring": "var(--ds-foundation-cyan-500)",
+    "surface": "var(--ds-foundation-neutral-850)",
+    "surface-raised": "var(--ds-foundation-neutral-800)",
+    "text-link": "var(--ds-foundation-cyan-300)",
+    "success": "var(--ds-foundation-green-500)",
+    "warning": "var(--ds-foundation-yellow-500)",
+    "danger": "var(--ds-foundation-red-500)",
+    "info": "var(--ds-foundation-blue-500)",
+    "ai-bubble": "var(--ds-foundation-neutral-850)",
+    "user-bubble": "var(--ds-foundation-cyan-600)",
+    "tenant-rail": "var(--ds-foundation-neutral-950)",
+    "tenant-rail-foreground": "var(--ds-foundation-white)",
+    "tenant-rail-muted": "rgb(255 255 255 / 0.72)",
+    "tenant-rail-border": "rgb(255 255 255 / 0.08)",
+    "tenant-rail-surface": "rgb(255 255 255 / 0.06)",
+    "overlay": "var(--ds-foundation-overlay-50)",
+    "overlay-strong": "var(--ds-foundation-overlay-60)",
+    "strong-foreground": "var(--ds-foundation-white)"
+  }
+}

package/assets/templates/vuilder-shell/src/design-system/tokens/manifest.ts

@@ -0,0 +1,87 @@
+export const tokenManifest = {
+  "foundation": {
+    "ds-foundation-white": "#ffffff",
+    "ds-foundation-neutral-50": "#f7f8fb",
+    "ds-foundation-neutral-100": "#e5e7eb",
+    "ds-foundation-neutral-200": "#d7dce5",
+    "ds-foundation-neutral-500": "#6b7280",
+    "ds-foundation-neutral-600": "#4b5563",
+    "ds-foundation-neutral-700": "#2a2d35",
+    "ds-foundation-neutral-800": "#22262f",
+    "ds-foundation-neutral-850": "#1a1d23",
+    "ds-foundation-neutral-900": "#111316",
+    "ds-foundation-neutral-950": "#0b0d0f",
+    "ds-foundation-ink-500": "#183247",
+    "ds-foundation-ink-700": "#102233",
+    "ds-foundation-cyan-50": "#eef9fd",
+    "ds-foundation-cyan-100": "#d9f1fb",
+    "ds-foundation-cyan-200": "#b7e4f3",
+    "ds-foundation-cyan-300": "#89d4f0",
+    "ds-foundation-violet-300": "#a78bfa",
+    "ds-foundation-violet-500": "#7c3aed",
+    "ds-foundation-violet-700": "#2d1f7a",
+    "ds-foundation-cyan-500": "#0ea5e9",
+    "ds-foundation-cyan-600": "#0284c7",
+    "ds-foundation-cyan-700": "#0f6787",
+    "ds-foundation-green-500": "#22c55e",
+    "ds-foundation-blue-500": "#3b82f6",
+    "ds-foundation-yellow-500": "#f59e0b",
+    "ds-foundation-red-500": "#ef4444",
+    "ds-foundation-overlay-50": "rgb(0 0 0 / 0.5)",
+    "ds-foundation-overlay-60": "rgb(0 0 0 / 0.6)"
+  },
+  "semantic": {
+    "background": "var(--ds-foundation-neutral-950)",
+    "foreground": "var(--ds-foundation-neutral-100)",
+    "card": "var(--ds-foundation-neutral-850)",
+    "card-foreground": "var(--ds-foundation-neutral-100)",
+    "popover": "var(--ds-foundation-neutral-850)",
+    "popover-foreground": "var(--ds-foundation-neutral-100)",
+    "primary": "var(--ds-foundation-cyan-500)",
+    "primary-foreground": "var(--ds-foundation-white)",
+    "secondary": "var(--ds-foundation-neutral-800)",
+    "secondary-foreground": "var(--ds-foundation-neutral-100)",
+    "muted": "var(--ds-foundation-neutral-850)",
+    "muted-foreground": "var(--ds-foundation-neutral-500)",
+    "accent": "var(--ds-foundation-ink-700)",
+    "accent-foreground": "var(--ds-foundation-neutral-100)",
+    "destructive": "var(--ds-foundation-red-500)",
+    "destructive-foreground": "var(--ds-foundation-white)",
+    "border": "var(--ds-foundation-neutral-700)",
+    "input": "var(--ds-foundation-neutral-800)",
+    "ring": "var(--ds-foundation-cyan-500)",
+    "chart-1": "var(--ds-foundation-cyan-500)",
+    "chart-2": "var(--ds-foundation-green-500)",
+    "chart-3": "var(--ds-foundation-blue-500)",
+    "chart-4": "var(--ds-foundation-yellow-500)",
+    "chart-5": "var(--ds-foundation-red-500)",
+    "radius": "0.5rem",
+    "sidebar": "var(--ds-foundation-neutral-900)",
+    "sidebar-foreground": "var(--ds-foundation-neutral-100)",
+    "sidebar-primary": "var(--ds-foundation-cyan-500)",
+    "sidebar-primary-foreground": "var(--ds-foundation-white)",
+    "sidebar-accent": "var(--ds-foundation-neutral-800)",
+    "sidebar-accent-foreground": "var(--ds-foundation-neutral-100)",
+    "sidebar-border": "var(--ds-foundation-neutral-700)",
+    "sidebar-ring": "var(--ds-foundation-cyan-500)",
+    "surface": "var(--ds-foundation-neutral-850)",
+    "surface-raised": "var(--ds-foundation-neutral-800)",
+    "text-link": "var(--ds-foundation-cyan-300)",
+    "success": "var(--ds-foundation-green-500)",
+    "warning": "var(--ds-foundation-yellow-500)",
+    "danger": "var(--ds-foundation-red-500)",
+    "info": "var(--ds-foundation-blue-500)",
+    "ai-bubble": "var(--ds-foundation-neutral-850)",
+    "user-bubble": "var(--ds-foundation-cyan-600)",
+    "tenant-rail": "var(--ds-foundation-neutral-950)",
+    "tenant-rail-foreground": "var(--ds-foundation-white)",
+    "tenant-rail-muted": "rgb(255 255 255 / 0.72)",
+    "tenant-rail-border": "rgb(255 255 255 / 0.08)",
+    "tenant-rail-surface": "rgb(255 255 255 / 0.06)",
+    "overlay": "var(--ds-foundation-overlay-50)",
+    "overlay-strong": "var(--ds-foundation-overlay-60)",
+    "strong-foreground": "var(--ds-foundation-white)"
+  }
+} as const
+
+export default tokenManifest