Draw every code block in the Hanzo code theme

The theme is codeTheme from @hanzo/ui/core: Dracula on dark, GitHub
Light on light, the one every Hanzo surface draws. lib/shiki.ts and each
app's source.config.ts import it rather than naming a theme, so vesper
and github-dark are gone. @hanzo/ui moves to 8.27.83, the first release
that carries it.

A block's code area paints the theme's own ground and ink from the pre
shiki wrote, #282a36 in the dark, rather than the site's panel.

The docs home drew its hero and its eight domain snippets as plain text,
and so did the models page's fallback request. The hero highlights its
three doors in a server part (components/hero.tsx); the snippets and the
fallback are Example props in the MDX. No highlighter reaches the
browser.

LLM.md

@@ -345,6 +345,14 @@ it is gui stacks and text on theme tokens; no class names.
   `color: light-dark(…)` (`lib/shiki.ts`), so `color-scheme` picks the palette
   and no stylesheet knows the theme. Steps are the `Steps`/`Step` parts
   (`lib/remark-parts.ts` renames remark-steps' marked divs).
+- **One code theme: `codeTheme` from `@hanzo/ui/core`** (Dracula dark, GitHub
+  Light light), the same on hanzo.ai, platform and ui.hanzo.ai. `lib/shiki.ts`
+  passes it to rehype-code and `Example`; every app's `source.config.ts` imports
+  it, never a theme literal. A block's code area paints the theme's own ground
+  and ink from the `pre` shiki wrote (`#282a36` dark, `#fff` light). A client
+  part never runs shiki: it takes the code already highlighted — `snippet` and
+  `request` are `<Example lang code />` props in the MDX, and the hero is
+  `components/hero.tsx`, a server part that highlights its three doors.
 - **The tree narrows by path, not address.** `lib/tree.tsx` resolves an
   operation page (not in the tree) to its product page, so the rail opens the
   reference it belongs to.

apps/base-docs/package.json

@@ -21,6 +21,7 @@
     "@hanzo/docs-mdx": "workspace:*",
     "@hanzo/font": "catalog:",
     "@hanzo/mdx-runtime": "workspace:*",
+    "@hanzo/ui": "catalog:",
     "@hanzogui/shell": "^7.6.3",
     "@shikijs/rehype": "catalog:",
     "@shikijs/transformers": "catalog:",

apps/base-docs/source.config.ts

@@ -7,6 +7,7 @@ import {
 } from '@hanzo/docs-mdx/config';
 import { z } from 'zod';
 import lastModified from '@hanzo/docs-mdx/plugins/last-modified';
+import { codeTheme } from '@hanzo/ui/core';
 
 export const docs = defineDocs({
   docs: {
@@ -31,10 +32,7 @@ export const docs = defineDocs({
         rehypeCodeOptions: {
           langs: ['ts', 'js', 'go', 'rust', 'python', 'bash', 'json', 'yaml', 'sql', 'typescript', 'javascript', 'shell'],
           inline: 'tailing-curly-colon',
-          themes: {
-            light: 'github-light',
-            dark: 'github-dark',
-          },
+          themes: codeTheme,
           transformers: [
             ...(rehypeCodeDefaultOptions.transformers ?? []),
           ],

apps/bootnode-docs/package.json

@@ -21,6 +21,7 @@
     "@hanzo/docs-mdx": "workspace:*",
     "@hanzo/font": "catalog:",
     "@hanzo/mdx-runtime": "workspace:*",
+    "@hanzo/ui": "catalog:",
     "@hanzogui/shell": "^7.6.3",
     "@shikijs/rehype": "catalog:",
     "@shikijs/transformers": "catalog:",

apps/bootnode-docs/source.config.ts

@@ -7,6 +7,7 @@ import {
 } from '@hanzo/docs-mdx/config';
 import { z } from 'zod';
 import lastModified from '@hanzo/docs-mdx/plugins/last-modified';
+import { codeTheme } from '@hanzo/ui/core';
 
 export const docs = defineDocs({
   docs: {
@@ -31,10 +32,7 @@ export const docs = defineDocs({
         rehypeCodeOptions: {
           langs: ['ts', 'js', 'rust', 'python', 'go', 'bash', 'json', 'yaml', 'toml', 'shell', 'typescript', 'javascript', 'markdown', 'solidity'],
           inline: 'tailing-curly-colon',
-          themes: {
-            light: 'github-light',
-            dark: 'github-dark',
-          },
+          themes: codeTheme,
           transformers: [
             ...(rehypeCodeDefaultOptions.transformers ?? []),
           ],

apps/bot-docs/source.config.ts

@@ -8,6 +8,7 @@ import {
 import { z } from 'zod';
 import jsonSchema from '@hanzo/docs-mdx/plugins/json-schema';
 import lastModified from '@hanzo/docs-mdx/plugins/last-modified';
+import { codeTheme } from '@hanzo/ui/core';
 
 export const docs = defineDocs({
   docs: {
@@ -32,10 +33,7 @@ export const docs = defineDocs({
         rehypeCodeOptions: {
           langs: ['ts', 'js', 'javascript', 'rust', 'python', 'go', 'bash', 'sh', 'json', 'json5', 'yaml', 'toml', 'jsonc', 'shell', 'powershell', 'dockerfile', 'swift', 'xml', 'html', 'css', 'sql', 'ini', 'diff', 'nix', 'lua', 'http', 'markdown', 'md', 'applescript', 'csv', 'log', 'ssh-config', 'c', 'objc', 'regex'],
           inline: 'tailing-curly-colon',
-          themes: {
-            light: 'github-light',
-            dark: 'github-dark',
-          },
+          themes: codeTheme,
           transformers: [
             ...(rehypeCodeDefaultOptions.transformers ?? []),
           ],

apps/dev-docs/package.json

@@ -21,6 +21,7 @@
     "@hanzo/docs-mdx": "workspace:*",
     "@hanzo/font": "catalog:",
     "@hanzo/mdx-runtime": "workspace:*",
+    "@hanzo/ui": "catalog:",
     "@hanzogui/shell": "^7.6.3",
     "@shikijs/rehype": "catalog:",
     "@shikijs/transformers": "catalog:",

apps/dev-docs/source.config.ts

@@ -7,6 +7,7 @@ import {
 } from '@hanzo/docs-mdx/config';
 import { z } from 'zod';
 import lastModified from '@hanzo/docs-mdx/plugins/last-modified';
+import { codeTheme } from '@hanzo/ui/core';
 
 export const docs = defineDocs({
   docs: {
@@ -31,10 +32,7 @@ export const docs = defineDocs({
         rehypeCodeOptions: {
           langs: ['ts', 'js', 'rust', 'python', 'go', 'bash', 'json', 'yaml', 'toml', 'shell', 'typescript', 'javascript', 'markdown'],
           inline: 'tailing-curly-colon',
-          themes: {
-            light: 'github-light',
-            dark: 'github-dark',
-          },
+          themes: codeTheme,
           transformers: [
             ...(rehypeCodeDefaultOptions.transformers ?? []),
           ],

apps/dns-docs/package.json

@@ -21,6 +21,7 @@
     "@hanzo/docs-mdx": "workspace:*",
     "@hanzo/font": "catalog:",
     "@hanzo/mdx-runtime": "workspace:*",
+    "@hanzo/ui": "catalog:",
     "@hanzogui/shell": "^7.6.3",
     "@shikijs/rehype": "catalog:",
     "@shikijs/transformers": "catalog:",

apps/dns-docs/source.config.ts

@@ -7,6 +7,7 @@ import {
 } from '@hanzo/docs-mdx/config';
 import { z } from 'zod';
 import lastModified from '@hanzo/docs-mdx/plugins/last-modified';
+import { codeTheme } from '@hanzo/ui/core';
 
 export const docs = defineDocs({
   docs: {
@@ -31,10 +32,7 @@ export const docs = defineDocs({
         rehypeCodeOptions: {
           langs: ['ts', 'js', 'go', 'bash', 'json', 'yaml', 'shell', 'typescript', 'javascript', 'markdown', 'prisma'],
           inline: 'tailing-curly-colon',
-          themes: {
-            light: 'github-light',
-            dark: 'github-dark',
-          },
+          themes: codeTheme,
           transformers: [
             ...(rehypeCodeDefaultOptions.transformers ?? []),
           ],

apps/docs/components/docs-hero.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState } from 'react';
+import { useState, type ReactNode } from 'react';
 import Link from 'next/link';
 import { Text, XStack, YStack } from '@hanzo/gui';
 import { Action } from '@/components/action';
@@ -24,56 +24,24 @@ import { muted } from '@/lib/ink';
 // hsl(0,0%,4%)). Nothing here introduces a hue the rest of the site does not use;
 // the only emphasis available is weight, border and motion, so those carry it.
 
-/** Assistants a reader might paste the prompt into, from our own icon set. */
-
-// The clipboard payload lives in lib/agent-setup-prompt.ts — see the note there
-// for why it instructs the AGENT rather than describing steps to a human.
-
-/**
- * The three paths, ordered by how much you type. Each carries its real first
- * step — these are commands that work, not illustrative pseudocode.
- */
-const PATHS = [
-  {
-    id: 'app',
-    eyebrow: 'No code',
-    title: 'Build with App',
-    body: 'Describe what you want in English. Chat, agents and MCP tools in the browser — nothing to install.',
-    href: 'https://hanzo.app',
-    external: true,
-    cta: 'Open hanzo.app',
-    lang: 'You type',
-    code: 'Build me a multiplayer snake game with a\nleaderboard, and deploy it.',
-  },
-  {
-    id: 'cli',
-    eyebrow: 'In your terminal',
-    title: 'Build with Dev',
-    body: 'Our coding agent, in your repo. It reads the codebase, writes the change and runs the tests.',
-    href: '/docs/cli',
-    external: false,
-    cta: 'Read the CLI docs',
-    lang: 'Terminal',
-    code: 'curl -fsSL https://hanzo.sh | sh\nhanzo auth login\nhanzo dev "add a leaderboard to the game"',
-  },
-  {
-    id: 'api',
-    eyebrow: 'Lower level',
-    title: 'Build with API',
-    body: 'Over 400 models behind one REST endpoint. One bearer token works across every service we run.',
-    href: '/docs/openapi',
-    external: false,
-    cta: 'Read the API reference',
-    lang: 'Request',
-    code: 'curl https://api.hanzo.ai/v1/chat/completions \\\n  -H "Authorization: Bearer sk-..." \\\n  -d \'{"model":"enso","messages":[...]}\'',
-  },
-] as const;
+/** A door: what it is, where it leads, and its first step, already highlighted (components/hero.tsx). */
+export interface Door {
+  id: string;
+  eyebrow: string;
+  title: string;
+  body: string;
+  href: string;
+  external: boolean;
+  cta: string;
+  lang: string;
+  sample: ReactNode;
+}
 
 // No title of its own: the page header above it prints the page's title and
 // description, and a hero that printed them again made /docs say its name twice.
-export function DocsHero() {
-  const [active, setActive] = useState<string>(PATHS[0].id);
-  const path = PATHS.find((d) => d.id === active) ?? PATHS[0];
+export function DocsHero({ doors }: { doors: Door[] }) {
+  const [active, setActive] = useState<string>(doors[0].id);
+  const path = doors.find((d) => d.id === active) ?? doors[0];
 
   return (
     <YStack gap={16}>
@@ -81,7 +49,7 @@ export function DocsHero() {
           panel below follows the pointer and a reader compares paths by moving
           across them rather than by clicking three times. */}
       <XStack gap={12} $max-sm={{ flexDirection: 'column' }}>
-        {PATHS.map((d) => {
+        {doors.map((d) => {
           const on = d.id === active;
           return (
             <YStack
@@ -132,9 +100,7 @@ export function DocsHero() {
             {path.cta} →
           </Text>
         </XStack>
-        <Text render="pre" fontFamily="$mono" fontSize={13} lineHeight={21} px={16} py={14} whiteSpace="pre" overflowX="auto" color="$color12">
-          {path.code}
-        </Text>
+        {path.sample}
       </YStack>
 
       {/* The models, because they are the reason to choose the platform at all. */}

apps/docs/components/hero.tsx

@@ -0,0 +1,62 @@
+import { highlight } from '@hanzo/docs-core/highlight';
+import { DocsHero, type Door } from '@/components/docs-hero';
+import { Listing } from '@/components/mdx/code';
+import { shikiConfig } from '@/lib/shiki';
+
+/**
+ * The three paths, ordered by how much you type. Each carries its real first
+ * step — these are commands that work, not illustrative pseudocode.
+ */
+const PATHS = [
+  {
+    id: 'app',
+    eyebrow: 'No code',
+    title: 'Build with App',
+    body: 'Describe what you want in English. Chat, agents and MCP tools in the browser — nothing to install.',
+    href: 'https://hanzo.app',
+    external: true,
+    cta: 'Open hanzo.app',
+    lang: 'You type',
+    grammar: 'text',
+    code: 'Build me a multiplayer snake game with a\nleaderboard, and deploy it.',
+  },
+  {
+    id: 'cli',
+    eyebrow: 'In your terminal',
+    title: 'Build with Dev',
+    body: 'Our coding agent, in your repo. It reads the codebase, writes the change and runs the tests.',
+    href: '/docs/cli',
+    external: false,
+    cta: 'Read the CLI docs',
+    lang: 'Terminal',
+    grammar: 'bash',
+    code: 'curl -fsSL https://hanzo.sh | sh\nhanzo auth login\nhanzo dev "add a leaderboard to the game"',
+  },
+  {
+    id: 'api',
+    eyebrow: 'Lower level',
+    title: 'Build with API',
+    body: 'Over 400 models behind one REST endpoint. One bearer token works across every service we run.',
+    href: '/docs/openapi',
+    external: false,
+    cta: 'Read the API reference',
+    lang: 'Request',
+    grammar: 'bash',
+    code: 'curl https://api.hanzo.ai/v1/chat/completions \\\n  -H "Authorization: Bearer sk-..." \\\n  -d \'{"model":"enso","messages":[...]}\'',
+  },
+] as const;
+
+/**
+ * The docs masthead, with each door's first step highlighted as the page
+ * renders: the same themes as every other block, and no highlighter in the
+ * browser. The tabs that switch between them are DocsHero's.
+ */
+export async function Hero() {
+  const doors: Door[] = await Promise.all(
+    PATHS.map(async ({ grammar, code, ...door }) => ({
+      ...door,
+      sample: await highlight(code, { lang: grammar, ...shikiConfig, components: { pre: Listing } }),
+    })),
+  );
+  return <DocsHero doors={doors} />;
+}

apps/docs/components/mdx.tsx

@@ -4,7 +4,7 @@ import { Code, CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrig
 import { Tab, Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/mdx/tabs';
 import { Accordion, Accordions, Callout, Card, Cards, File, Files, Folder, Step, Steps } from '@/components/mdx/blocks';
 import { ModelsCatalog, ConnectorsCatalog, InstallCatalog } from '@/components/catalogs';
-import { DocsHero } from '@/components/docs-hero';
+import { Hero } from '@/components/hero';
 import { ProductSection, ProductSections } from '@/components/product-section';
 import { ProviderStrip } from '@/components/provider-strip';
 import { Example } from '@/components/example';
@@ -61,7 +61,7 @@ export function getMDXComponents(components?: MDXComponents): MDXComponents {
     File,
     Folder,
     // The docs masthead and the domain sections under it.
-    DocsHero,
+    DocsHero: Hero,
     ProductSection,
     ProductSections,
     ProviderStrip,

apps/docs/components/mdx/code.tsx

@@ -12,9 +12,11 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/mdx/tabs'
  * A code block: a surface, an optional title bar, and a copy control.
  *
  * rehype-code hands the `pre` its tokens already coloured — each span carries
- * `color: light-dark(light, dark)` (lib/shiki.ts, `defaultColor`) — so the
- * theme class on <html> picks the palette through `color-scheme` and no rule
- * here has to know which theme is on.
+ * `color: light-dark(light, dark)` (lib/shiki.ts, `defaultColor`) — and the
+ * `pre` itself carries the theme's ground and ink the same way. The code area
+ * paints that ground, so a block is Dracula in the dark and GitHub's light in
+ * the light, and the theme class on <html> picks between them through
+ * `color-scheme`; no rule here has to know which theme is on.
  */
 
 /** Blocks inside a code-tab group sit flush in its frame instead of framing themselves. */
@@ -23,10 +25,13 @@ const Grouped = createContext(false);
 export function Figure({
   title,
   icon,
+  ground,
   children,
 }: {
   title?: ReactNode;
   icon?: ReactNode | string;
+  /** The theme's background for the code area, as the highlighter wrote it. */
+  ground?: string;
   children: ReactNode;
 }) {
   const grouped = use(Grouped);
@@ -59,14 +64,23 @@ export function Figure({
           {copy}
         </XStack>
       )}
-      <YStack ref={area as never} role="region" tabIndex={0} overflow="auto" maxH={600} py={14}>
+      <YStack
+        ref={area as never}
+        role="region"
+        tabIndex={0}
+        overflow="auto"
+        maxH={600}
+        py={14}
+        style={ground ? { backgroundColor: ground } : undefined}
+      >
         {children}
       </YStack>
     </YStack>
   );
 }
 
-export function Pre({ children }: ComponentProps<'pre'>) {
+/** The `pre` itself. `ink` is the theme's foreground, for text no token colours. */
+export function Pre({ ink, children }: { ink?: string; children?: ReactNode }) {
   return (
     <Block value>
       <Text
@@ -78,7 +92,7 @@ export function Pre({ children }: ComponentProps<'pre'>) {
         minW="100%"
         whiteSpace="pre"
         color="$color12"
-        style={{ width: 'max-content' }}
+        style={{ width: 'max-content', ...(ink ? { color: ink } : {}) }}
       >
         {children}
       </Text>
@@ -106,16 +120,26 @@ function Copy({ area }: { area: React.RefObject<HTMLElement | null> }) {
   );
 }
 
-/** The MDX `pre`: rehype-code's element, framed. Its own props (the shiki
- *  classes, the inline background) are dropped — the frame is the surface. */
-export function Code({ title, icon, children }: ComponentProps<'pre'> & { icon?: string }) {
+/** The MDX `pre`: rehype-code's element, framed. Of its own props only the
+ *  theme's ground and ink are kept; the shiki classes are dropped. */
+export function Code({ title, icon, style, children }: ComponentProps<'pre'> & { icon?: string }) {
   return (
-    <Figure title={title} icon={icon}>
-      <Pre>{children}</Pre>
+    <Figure title={title} icon={icon} ground={style?.backgroundColor}>
+      <Pre ink={style?.color}>{children}</Pre>
     </Figure>
   );
 }
 
+/** A highlighted `pre` with no frame, for a part that draws its own: the
+ *  theme's ground and ink, and the code scrolling under them. */
+export function Listing({ style, children }: ComponentProps<'pre'>) {
+  return (
+    <YStack overflow="auto" py={14} style={{ backgroundColor: style?.backgroundColor }}>
+      <Pre ink={style?.color}>{children}</Pre>
+    </YStack>
+  );
+}
+
 /**
  * Consecutive fences with `tab="…"`, and ```npm blocks, arrive as a group of
  * code tabs (remark-code-tab, remark-npm). One frame, the tabs across its top,

apps/docs/components/models-catalog.tsx

@@ -4,11 +4,10 @@
 // Fetches the real gateway catalog at runtime so a static export always shows
 // the current models/prices without a rebuild. Grouped by family, searchable,
 // theme-aware via Fumadocs fd-* tokens.
-import { useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo, useState, type ReactNode } from 'react';
 import { Text, XStack, YStack } from '@hanzo/gui';
 import { Field } from '@/components/field';
 import { Copy, Check, Cpu, Sparkle, Zap, Box } from '@hanzogui/lucide-icons-2';
-import { Figure, Pre } from '@/components/mdx/code';
 import { Table, Tbody, Td, Th, Thead, Tr } from '@/components/mdx/prose';
 import { muted } from '@/lib/ink';
 import { PROVIDER_ICONS, providerKey } from '@/components/provider-icons';
@@ -165,7 +164,9 @@ function ModelRow({ m }: { m: Model }) {
   );
 }
 
-export function ModelsCatalog() {
+/** `request` is the call to read the catalogue with your own key, highlighted by
+ *  the page (an `Example`); it is shown only when the live fetch fails. */
+export function ModelsCatalog({ request }: { request?: ReactNode }) {
   const [cat, setCat] = useState<Catalog | null>(null);
   const [err, setErr] = useState<string | null>(null);
   const [q, setQ] = useState('');
@@ -237,11 +238,7 @@ export function ModelsCatalog() {
           Couldn’t load the live catalog ({err}). GET /v1/models requires a bearer token, and this page has none to
           send — so read it with your own key instead:
         </Text>
-        <Figure>
-          <Pre>
-            <code>{`curl -s ${ENDPOINT} \\\n  -H "Authorization: Bearer $HANZO_API_KEY"`}</code>
-          </Pre>
-        </Figure>
+        {request}
         <Text render="a" href="/docs/api-keys" fontSize={14} color="$color12" textDecorationLine="underline">
           Mint a key →
         </Text>

apps/docs/components/product-section.tsx

@@ -3,7 +3,6 @@
 import Link from 'next/link';
 import { Children, cloneElement, isValidElement, type ReactElement, type ReactNode } from 'react';
 import { Text, XStack, YStack } from '@hanzo/gui';
-import { Figure, Pre } from '@/components/mdx/code';
 import { Small, flow } from '@/components/mdx/prose';
 import { muted } from '@/lib/ink';
 
@@ -33,8 +32,9 @@ export function ProductSection({
   title: string;
   href: string;
   children: ReactNode;
-  /** The shortest true call into this domain — one runnable line, or nothing. */
-  snippet?: string;
+  /** The shortest true call into this domain — one runnable line, highlighted
+   *  (an `Example` from the page), or nothing. */
+  snippet?: ReactNode;
   action?: { label: string; href: string };
   links?: ProductLink[];
 }) {
@@ -64,13 +64,7 @@ export function ProductSection({
       </YStack>
 
       <YStack flex={1} minW={0} gap={16}>
-        {snippet ? (
-          <Figure>
-            <Pre>
-              <code>{snippet}</code>
-            </Pre>
-          </Figure>
-        ) : null}
+        {snippet}
         {links?.length ? (
           <XStack render="ul" flexWrap="wrap" items="center" rowGap={8} style={{ listStyleType: 'none' }}>
             {links.map((l, i) => (

apps/docs/content/docs/index.mdx

@@ -25,7 +25,7 @@ one domain. Nothing is duplicated, so nothing is ambiguous.
 <ProductSection
   title="Intelligence"
   href="/docs/openapi/ai"
-  snippet="hanzo run 'summarize this repo'"
+  snippet={<Example lang="bash" code="hanzo run 'summarize this repo'" />}
   action={{ label: 'Make your first call', href: '/docs/quickstart' }}
   links={[
     { name: 'Models', href: '/docs/models' },
@@ -44,7 +44,7 @@ one domain. Nothing is duplicated, so nothing is ambiguous.
 <ProductSection
   title="Identity & trust"
   href="/docs/openapi/iam"
-  snippet="hanzo auth login && hanzo account keys create"
+  snippet={<Example lang="bash" code="hanzo auth login && hanzo account keys create" />}
   action={{ label: 'Set up an org', href: '/docs/openapi/iam' }}
   links={[
     { name: 'IAM', href: '/docs/openapi/iam' },
@@ -61,7 +61,7 @@ one domain. Nothing is duplicated, so nothing is ambiguous.
 <ProductSection
   title="Data"
   href="/docs/openapi/base"
-  snippet="hanzo kv set greeting hello && hanzo kv get greeting"
+  snippet={<Example lang="bash" code="hanzo kv set greeting hello && hanzo kv get greeting" />}
   action={{ label: 'Store something', href: '/docs/openapi/base' }}
   links={[
     { name: 'Index', href: '/docs/openapi/index' },
@@ -79,7 +79,7 @@ one domain. Nothing is duplicated, so nothing is ambiguous.
 <ProductSection
   title="Streams"
   href="/docs/openapi/pubsub"
-  snippet="hanzo pubsub publish orders '{ &quot;id&quot;: 1 }'"
+  snippet={<Example lang="bash" code="hanzo pubsub publish orders '{ &quot;id&quot;: 1 }'" />}
   action={{ label: 'Move a message', href: '/docs/openapi/pubsub' }}
   links={[
     { name: 'PubSub', href: '/docs/openapi/pubsub' },
@@ -95,7 +95,7 @@ one domain. Nothing is duplicated, so nothing is ambiguous.
 <ProductSection
   title="Observability"
   href="/docs/openapi/o11y"
-  snippet="hanzo o11y query 'sum(rate(http_requests_total[5m]))'"
+  snippet={<Example lang="bash" code="hanzo o11y query 'sum(rate(http_requests_total[5m]))'" />}
   action={{ label: 'See what is happening', href: '/docs/openapi/o11y' }}
   links={[
     { name: 'O11y', href: '/docs/openapi/o11y' },
@@ -112,7 +112,7 @@ one domain. Nothing is duplicated, so nothing is ambiguous.
 <ProductSection
   title="Commerce"
   href="/docs/openapi/commerce"
-  snippet="hanzo billing balance"
+  snippet={<Example lang="bash" code="hanzo billing balance" />}
   action={{ label: 'Meter usage', href: '/docs/openapi/commerce' }}
   links={[
     { name: 'Commerce', href: '/docs/openapi/commerce' },
@@ -128,7 +128,7 @@ one domain. Nothing is duplicated, so nothing is ambiguous.
 <ProductSection
   title="Platform"
   href="/docs/openapi/gateway"
-  snippet="hanzo deploy ."
+  snippet={<Example lang="bash" code="hanzo deploy ." />}
   action={{ label: 'Ship your code', href: '/docs/openapi/gateway' }}
   links={[
     { name: 'Gateway', href: '/docs/openapi/gateway' },
@@ -144,7 +144,7 @@ one domain. Nothing is duplicated, so nothing is ambiguous.
 <ProductSection
   title="Applications"
   href="/docs/chat"
-  snippet="hanzo dev"
+  snippet={<Example lang="bash" code="hanzo dev" />}
   action={{ label: 'Open the apps', href: '/docs/chat' }}
   links={[
     { name: 'Chat', href: '/docs/chat' },

apps/docs/content/docs/models/index.mdx

@@ -57,7 +57,9 @@ curl -s https://api.hanzo.ai/v1/models \
   | jq -r '.data[] | select(.id | test("^(zen|enso)")) | "\(.id)\t\(.owned_by)\t\(.pricing.input_per_million)/\(.pricing.output_per_million)"'
 ```
 
-<ModelsCatalog />
+<ModelsCatalog
+  request={<Example lang="bash" code={'curl -s https://api.hanzo.ai/v1/models \\\n  -H "Authorization: Bearer $HANZO_API_KEY"'} />}
+/>
 
 ## What a rate means
 

apps/docs/lib/shiki.test.ts

@@ -0,0 +1,18 @@
+import { codeToHtml } from 'shiki';
+import { describe, expect, it } from 'vitest';
+import { shikiConfig } from './shiki';
+
+// The code theme every block on the site is drawn in, held to what a reader
+// sees: Dracula's ground in the dark, GitHub Light's in the light, and tokens in
+// more than one ink.
+describe('code theme', () => {
+  it('paints the ground and the tokens in Dracula and GitHub Light', async () => {
+    const html = await codeToHtml(
+      'curl -X POST https://api.hanzo.ai/v1/chat/completions \\\n  -H "Authorization: Bearer $HANZO_API_KEY" # mint one first',
+      { lang: 'bash', ...shikiConfig },
+    );
+    expect(html).toContain('background-color:light-dark(#fff, #282A36)');
+    const dark = new Set([...html.matchAll(/light-dark\(#[0-9A-F]+, (#[0-9A-F]+)\)/gi)].map((m) => m[1]));
+    expect(dark.size).toBeGreaterThan(3);
+  });
+});

apps/docs/lib/shiki.ts

@@ -1,63 +1,20 @@
-/**
- * The code theme, stated once.
- *
- * This file already existed and already said `vesper`, and the site did not use
- * it: `source.config.ts` passed `shikiConfig` in one place and then restated
- * `catppuccin-latte`/`catppuccin-mocha` inline in its two `rehypeCodeOptions`
- * blocks, which is what actually rendered. The file named for the theme lost to
- * a literal written next to it. Everything imports `CODE_THEME` now, so there is
- * one answer and changing it changes the site.
- *
- * WHY NOT CATPPUCCIN. Two reasons, and the second is the one a reader feels.
- * It is a twelve-hue palette on a site that is otherwise near-black, #e5e5e5 and
- * nothing else — a paragraph of restrained grey followed by a code block in
- * mauve, peach, teal and pink reads as two designs. And it italicises 24 scopes
- * against vesper's 7, which on a shell command is not decoration but noise: the
- * quickstart rendered `npm i -g hanzo` and `hanzo auth login` with the command
- * word slanted, because the bash grammar marks the first word as a function and
- * the theme slants functions. A monospace command in italics looks like a
- * rendering fault, and it was the first code anyone saw on the page.
- *
- * Vesper is warm greys with a small number of accents and no slant on a command,
- * which is what a documentation code block wants: the language legible, the
- * emphasis rare, and the block quiet enough that the prose around it still leads.
- */
-export const CODE_THEME = {
-  light: 'github-light-default',
-  dark: 'vesper',
-} as const
+import { codeTheme } from '@hanzo/ui/core';
 
 /**
- * The colours in those themes that fail WCAG AA on this site's code ground,
- * replaced with the nearest ones that pass.
+ * The code theme. It is not chosen here: `codeTheme` from @hanzo/ui names it
+ * for every Hanzo surface (Dracula dark, GitHub light), so a block on this site
+ * reads the same as one on hanzo.ai, platform.hanzo.ai and ui.hanzo.ai.
  *
- * Vesper writes comments in #8b8b8b at 58% alpha, which over the dark code
- * ground (#0a0a0a) is #555 — 2.65:1, so every `# comment` in a command block
- * was near-unreadable. The same grey opaque is 5.8:1. The light theme is
- * `github-light-default`, GitHub's own AA palette, rather than the older
- * `github-light`, whose keyword red (#d73a49, 4.45:1 on #fcfcfc), orange and
- * green all fell short of 4.5; its comment grey is measured against white and
- * is 4.43:1 on this site's #fcfcfc, so it takes GitHub's darker muted grey.
- */
-export const CODE_COLORS = {
-  vesper: { '#8b8b8b94': '#8b8b8b' },
-  'github-light-default': { '#6e7781': '#59636e' },
-}
-
-/**
- * Shape shiki/rehype-code want: `{ themes, colorReplacements, defaultColor }`.
- * One object, so no caller spells the pair.
+ * Shape shiki/rehype-code want: `{ themes, defaultColor }`. One object, so no
+ * caller spells the pair.
  *
- * `light-dark()` writes each token as `color: light-dark(<light>, <dark>)`, so
- * the page's `color-scheme` — set by the theme class on <html> — chooses the
- * palette in the browser. No stylesheet has to know which theme is on, which is
- * what lets the code block be a gui part with no rules of its own.
+ * `light-dark()` writes each token, and the block's ground, as
+ * `light-dark(<light>, <dark>)`, so the page's `color-scheme` — set by the theme
+ * class on <html> — chooses the palette in the browser. No stylesheet has to
+ * know which theme is on, which is what lets the code block be a gui part with
+ * no rules of its own.
  */
 export const shikiConfig = {
-  themes: CODE_THEME,
-  colorReplacements: CODE_COLORS,
+  themes: codeTheme,
   defaultColor: 'light-dark()',
-} as const
-
-/** The former name. Kept because `source.config.ts` imports it. */
-export const defaultShikiOptions = shikiConfig
+} as const;

apps/docs/scripts/quickstart.test.ts

@@ -33,8 +33,9 @@ const served = new Set<string>(
 );
 
 /**
- * Every fenced code block on the first-call pages, and the page's snippet props,
- * which are shell. `shell` says whether a line of it is a command a reader types.
+ * Every fenced code block on the first-call pages, and every `<Example>` (the
+ * home page's snippets). `shell` says whether a line of it is a command a reader
+ * types.
  */
 const code = PAGES.flatMap((page) => {
   const src = read(page);
@@ -42,8 +43,11 @@ const code = PAGES.flatMap((page) => {
     text: m[2],
     shell: ['bash', 'sh', 'shell', ''].includes(m[1]),
   }));
-  const props = [...src.matchAll(/snippet="([^"]*)"/g)].map((m) => ({ text: m[1], shell: true }));
-  return [...blocks, ...props].map((b) => ({ page, ...b }));
+  const examples = [...src.matchAll(/<Example lang="([a-z]*)" code="([^"]*)"/g)].map((m) => ({
+    text: m[2],
+    shell: ['bash', 'sh', 'shell'].includes(m[1]),
+  }));
+  return [...blocks, ...examples].map((b) => ({ page, ...b }));
 });
 
 /** A shell line with its continuations joined, split into words, quotes kept whole. */

apps/engine-docs/source.config.ts

@@ -8,6 +8,7 @@ import {
 import { z } from 'zod';
 import jsonSchema from '@hanzo/docs-mdx/plugins/json-schema';
 import lastModified from '@hanzo/docs-mdx/plugins/last-modified';
+import { codeTheme } from '@hanzo/ui/core';
 
 export const docs = defineDocs({
   docs: {
@@ -32,10 +33,7 @@ export const docs = defineDocs({
         rehypeCodeOptions: {
           langs: ['ts', 'js', 'javascript', 'rust', 'python', 'go', 'bash', 'sh', 'json', 'json5', 'yaml', 'toml', 'jsonc', 'shell', 'powershell', 'dockerfile', 'swift', 'xml', 'html', 'css', 'sql', 'ini', 'diff', 'nix', 'lua', 'http', 'markdown', 'md', 'applescript', 'csv', 'log', 'ssh-config', 'c', 'objc', 'regex'],
           inline: 'tailing-curly-colon',
-          themes: {
-            light: 'github-light',
-            dark: 'github-dark',
-          },
+          themes: codeTheme,
           transformers: [
             ...(rehypeCodeDefaultOptions.transformers ?? []),
           ],

apps/ml-docs/source.config.ts

@@ -8,6 +8,7 @@ import {
 import { z } from 'zod';
 import jsonSchema from '@hanzo/docs-mdx/plugins/json-schema';
 import lastModified from '@hanzo/docs-mdx/plugins/last-modified';
+import { codeTheme } from '@hanzo/ui/core';
 
 export const docs = defineDocs({
   docs: {
@@ -32,10 +33,7 @@ export const docs = defineDocs({
         rehypeCodeOptions: {
           langs: ['ts', 'js', 'javascript', 'rust', 'python', 'go', 'bash', 'sh', 'json', 'json5', 'yaml', 'toml', 'jsonc', 'shell', 'powershell', 'dockerfile', 'swift', 'xml', 'html', 'css', 'sql', 'ini', 'diff', 'nix', 'lua', 'http', 'markdown', 'md', 'applescript', 'csv', 'log', 'ssh-config', 'c', 'objc', 'regex'],
           inline: 'tailing-curly-colon',
-          themes: {
-            light: 'github-light',
-            dark: 'github-dark',
-          },
+          themes: codeTheme,
           transformers: [
             ...(rehypeCodeDefaultOptions.transformers ?? []),
           ],

apps/platform/package.json

@@ -21,6 +21,7 @@
     "@hanzo/docs-mdx": "workspace:*",
     "@hanzo/font": "catalog:",
     "@hanzo/mdx-runtime": "workspace:*",
+    "@hanzo/ui": "catalog:",
     "@hanzogui/shell": "^7.6.3",
     "@shikijs/rehype": "catalog:",
     "@shikijs/transformers": "catalog:",

apps/platform/source.config.ts

@@ -8,6 +8,7 @@ import {
 import { z } from 'zod';
 import jsonSchema from '@hanzo/docs-mdx/plugins/json-schema';
 import lastModified from '@hanzo/docs-mdx/plugins/last-modified';
+import { codeTheme } from '@hanzo/ui/core';
 
 export const docs = defineDocs({
   docs: {
@@ -32,10 +33,7 @@ export const docs = defineDocs({
         rehypeCodeOptions: {
           langs: ['ts', 'js', 'rust', 'python', 'go', 'bash', 'json', 'yaml', 'toml', 'jsonc', 'shell', 'powershell', 'dockerfile'],
           inline: 'tailing-curly-colon',
-          themes: {
-            light: 'github-light',
-            dark: 'github-dark',
-          },
+          themes: codeTheme,
           transformers: [
             ...(rehypeCodeDefaultOptions.transformers ?? []),
           ],

apps/router-docs/source.config.ts

@@ -8,6 +8,7 @@ import {
 import { z } from 'zod';
 import jsonSchema from '@hanzo/docs-mdx/plugins/json-schema';
 import lastModified from '@hanzo/docs-mdx/plugins/last-modified';
+import { codeTheme } from '@hanzo/ui/core';
 
 export const docs = defineDocs({
   docs: {
@@ -32,10 +33,7 @@ export const docs = defineDocs({
         rehypeCodeOptions: {
           langs: ['ts', 'js', 'javascript', 'rust', 'python', 'go', 'bash', 'sh', 'json', 'json5', 'yaml', 'toml', 'jsonc', 'shell', 'powershell', 'dockerfile', 'swift', 'xml', 'html', 'css', 'sql', 'ini', 'diff', 'nix', 'lua', 'http', 'markdown', 'md', 'applescript', 'csv', 'log', 'ssh-config', 'c', 'objc', 'regex'],
           inline: 'tailing-curly-colon',
-          themes: {
-            light: 'github-light',
-            dark: 'github-dark',
-          },
+          themes: codeTheme,
           transformers: [
             ...(rehypeCodeDefaultOptions.transformers ?? []),
           ],

apps/spec/package.json

@@ -21,6 +21,7 @@
     "@hanzo/docs-mdx": "workspace:*",
     "@hanzo/font": "catalog:",
     "@hanzo/mdx-runtime": "workspace:*",
+    "@hanzo/ui": "catalog:",
     "@hanzogui/shell": "^7.6.3",
     "@shikijs/rehype": "catalog:",
     "@shikijs/transformers": "catalog:",

apps/spec/source.config.ts

@@ -7,6 +7,7 @@ import {
 } from '@hanzo/docs-mdx/config';
 import { z } from 'zod';
 import lastModified from '@hanzo/docs-mdx/plugins/last-modified';
+import { codeTheme } from '@hanzo/ui/core';
 
 export const docs = defineDocs({
   docs: {
@@ -31,10 +32,7 @@ export const docs = defineDocs({
         rehypeCodeOptions: {
           langs: ['ts', 'tsx', 'js', 'jsx', 'css', 'go', 'bash', 'json', 'yaml', 'shell', 'typescript', 'javascript', 'markdown', 'prisma'],
           inline: 'tailing-curly-colon',
-          themes: {
-            light: 'github-light',
-            dark: 'github-dark',
-          },
+          themes: codeTheme,
           transformers: [
             ...(rehypeCodeDefaultOptions.transformers ?? []),
           ],

apps/tasks-docs/package.json

@@ -21,6 +21,7 @@
     "@hanzo/docs-mdx": "workspace:*",
     "@hanzo/font": "catalog:",
     "@hanzo/mdx-runtime": "workspace:*",
+    "@hanzo/ui": "catalog:",
     "@hanzogui/shell": "^7.6.3",
     "@shikijs/rehype": "catalog:",
     "@shikijs/transformers": "catalog:",

apps/tasks-docs/source.config.ts

@@ -8,6 +8,7 @@ import {
 import { z } from 'zod';
 import jsonSchema from '@hanzo/docs-mdx/plugins/json-schema';
 import lastModified from '@hanzo/docs-mdx/plugins/last-modified';
+import { codeTheme } from '@hanzo/ui/core';
 
 export const docs = defineDocs({
   docs: {
@@ -32,10 +33,7 @@ export const docs = defineDocs({
         rehypeCodeOptions: {
           langs: ['ts', 'js', 'javascript', 'go', 'python', 'bash', 'sh', 'json', 'yaml', 'toml', 'shell', 'dockerfile', 'sql', 'ini', 'diff', 'typescript', 'protobuf'],
           inline: 'tailing-curly-colon',
-          themes: {
-            light: 'github-light',
-            dark: 'github-dark',
-          },
+          themes: codeTheme,
           transformers: [
             ...(rehypeCodeDefaultOptions.transformers ?? []),
           ],

apps/visor/package.json

@@ -22,6 +22,7 @@
     "@hanzo/font": "catalog:",
     "@hanzo/logo": "catalog:",
     "@hanzo/mdx-runtime": "workspace:*",
+    "@hanzo/ui": "catalog:",
     "@hanzogui/shell": "^7.6.3",
     "@shikijs/rehype": "catalog:",
     "@shikijs/transformers": "catalog:",

apps/visor/source.config.ts

@@ -8,6 +8,7 @@ import {
 import { z } from 'zod';
 import jsonSchema from '@hanzo/docs-mdx/plugins/json-schema';
 import lastModified from '@hanzo/docs-mdx/plugins/last-modified';
+import { codeTheme } from '@hanzo/ui/core';
 
 export const docs = defineDocs({
   docs: {
@@ -32,10 +33,7 @@ export const docs = defineDocs({
         rehypeCodeOptions: {
           langs: ['ts', 'js', 'javascript', 'rust', 'python', 'go', 'bash', 'sh', 'json', 'json5', 'yaml', 'toml', 'jsonc', 'shell', 'powershell', 'dockerfile', 'swift', 'xml', 'html', 'css', 'sql', 'ini', 'diff', 'nix', 'lua', 'http', 'markdown', 'md', 'applescript', 'csv', 'log', 'ssh-config', 'c', 'objc', 'regex'],
           inline: 'tailing-curly-colon',
-          themes: {
-            light: 'github-light',
-            dark: 'github-dark',
-          },
+          themes: codeTheme,
           transformers: [
             ...(rehypeCodeDefaultOptions.transformers ?? []),
           ],

apps/zt-docs/package.json

@@ -21,6 +21,7 @@
     "@hanzo/docs-mdx": "workspace:*",
     "@hanzo/font": "catalog:",
     "@hanzo/mdx-runtime": "workspace:*",
+    "@hanzo/ui": "catalog:",
     "@hanzogui/shell": "^7.6.3",
     "@shikijs/rehype": "catalog:",
     "@shikijs/transformers": "catalog:",

apps/zt-docs/source.config.ts

@@ -8,6 +8,7 @@ import {
 import { z } from 'zod';
 import jsonSchema from '@hanzo/docs-mdx/plugins/json-schema';
 import lastModified from '@hanzo/docs-mdx/plugins/last-modified';
+import { codeTheme } from '@hanzo/ui/core';
 
 export const docs = defineDocs({
   docs: {
@@ -32,10 +33,7 @@ export const docs = defineDocs({
         rehypeCodeOptions: {
           langs: ['ts', 'js', 'go', 'rust', 'python', 'cpp', 'c', 'bash', 'json', 'yaml', 'toml', 'cmake', 'typescript'],
           inline: 'tailing-curly-colon',
-          themes: {
-            light: 'github-light',
-            dark: 'github-dark',
-          },
+          themes: codeTheme,
           transformers: [
             ...(rehypeCodeDefaultOptions.transformers ?? []),
           ],

pnpm-lock.yaml

@@ -76,8 +76,8 @@ catalogs:
       specifier: 0.2.6
       version: 0.2.6
     '@hanzo/ui':
-      specifier: ^8.27.35
-      version: 8.27.35
+      specifier: ^8.27.83
+      version: 8.27.83
     '@hanzogui/lucide-icons-2':
       specifier: 8.3.5
       version: 8.3.5
@@ -699,6 +699,9 @@ importers:
       '@hanzo/mdx-runtime':
         specifier: workspace:*
         version: link:../../packages/mdx-runtime
+      '@hanzo/ui':
+        specifier: 'catalog:'
+        version: 8.27.83(0a5409fbc347569f4e79e636281c134c)
       '@hanzogui/shell':
         specifier: ^7.6.3
         version: 7.6.5(@hanzo/[email protected]([email protected]))([email protected]([email protected]))([email protected])
@@ -802,6 +805,9 @@ importers:
       '@hanzo/mdx-runtime':
         specifier: workspace:*
         version: link:../../packages/mdx-runtime
+      '@hanzo/ui':
+        specifier: 'catalog:'
+        version: 8.27.83(0a5409fbc347569f4e79e636281c134c)
       '@hanzogui/shell':
         specifier: ^7.6.3
         version: 7.6.5(@hanzo/[email protected]([email protected]))([email protected]([email protected]))([email protected])
@@ -916,7 +922,7 @@ importers:
         version: link:../../packages/mdx-runtime
       '@hanzo/ui':
         specifier: 'catalog:'
-        version: 8.27.35(56bb0ee272e0d1b43ec0c84f12203a1e)
+        version: 8.27.83(0a5409fbc347569f4e79e636281c134c)
       '@hanzogui/shell':
         specifier: ^7.6.3
         version: 7.6.5(@hanzo/[email protected]([email protected]))([email protected]([email protected]))([email protected])
@@ -1099,6 +1105,9 @@ importers:
       '@hanzo/mdx-runtime':
         specifier: workspace:*
         version: link:../../packages/mdx-runtime
+      '@hanzo/ui':
+        specifier: 'catalog:'
+        version: 8.27.83(0a5409fbc347569f4e79e636281c134c)
       '@hanzogui/shell':
         specifier: ^7.6.3
         version: 7.6.5(@hanzo/[email protected]([email protected]))([email protected]([email protected]))([email protected])
@@ -1205,6 +1214,9 @@ importers:
       '@hanzo/mdx-runtime':
         specifier: workspace:*
         version: link:../../packages/mdx-runtime
+      '@hanzo/ui':
+        specifier: 'catalog:'
+        version: 8.27.83(0a5409fbc347569f4e79e636281c134c)
       '@hanzogui/shell':
         specifier: ^7.6.3
         version: 7.6.5(@hanzo/[email protected]([email protected]))([email protected]([email protected]))([email protected])
@@ -1319,7 +1331,7 @@ importers:
         version: 0.21.17([email protected]([email protected]))([email protected])
       '@hanzo/ui':
         specifier: 'catalog:'
-        version: 8.27.35(ffc64b3d71a990f72cef419463133daf)
+        version: 8.27.83(4d473f7ca0dfd2312d7c510070f68bbb)
       '@hanzogui/lucide-icons-2':
         specifier: 'catalog:'
         version: 8.3.5([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected])
@@ -1512,7 +1524,7 @@ importers:
         version: link:../../packages/mdx-runtime
       '@hanzo/ui':
         specifier: 'catalog:'
-        version: 8.27.35(56bb0ee272e0d1b43ec0c84f12203a1e)
+        version: 8.27.83(0a5409fbc347569f4e79e636281c134c)
       '@hanzogui/shell':
         specifier: ^7.6.3
         version: 7.6.5(@hanzo/[email protected]([email protected]))([email protected]([email protected]))([email protected])
@@ -1688,7 +1700,7 @@ importers:
         version: link:../../packages/mdx
       '@hanzo/ui':
         specifier: 'catalog:'
-        version: 8.27.35(56bb0ee272e0d1b43ec0c84f12203a1e)
+        version: 8.27.83(0a5409fbc347569f4e79e636281c134c)
       '@hanzogui/shell':
         specifier: ^7.6.3
         version: 7.6.5(@hanzo/[email protected]([email protected]))([email protected]([email protected]))([email protected])
@@ -1767,7 +1779,7 @@ importers:
         version: link:../../packages/mdx-runtime
       '@hanzo/ui':
         specifier: 'catalog:'
-        version: 8.27.35(56bb0ee272e0d1b43ec0c84f12203a1e)
+        version: 8.27.83(0a5409fbc347569f4e79e636281c134c)
       '@hanzogui/shell':
         specifier: ^7.6.3
         version: 7.6.5(@hanzo/[email protected]([email protected]))([email protected]([email protected]))([email protected])
@@ -1895,6 +1907,9 @@ importers:
       '@hanzo/mdx-runtime':
         specifier: workspace:*
         version: link:../../packages/mdx-runtime
+      '@hanzo/ui':
+        specifier: 'catalog:'
+        version: 8.27.83(0a5409fbc347569f4e79e636281c134c)
       '@hanzogui/shell':
         specifier: ^7.6.3
         version: 7.6.5(@hanzo/[email protected]([email protected]))([email protected]([email protected]))([email protected])
@@ -1994,7 +2009,7 @@ importers:
         version: link:../../packages/mdx
       '@hanzo/ui':
         specifier: 'catalog:'
-        version: 8.27.35(56bb0ee272e0d1b43ec0c84f12203a1e)
+        version: 8.27.83(0a5409fbc347569f4e79e636281c134c)
       '@hanzogui/shell':
         specifier: ^7.6.3
         version: 7.6.5(@hanzo/[email protected]([email protected]))([email protected]([email protected]))([email protected])
@@ -2085,7 +2100,7 @@ importers:
         version: link:../../packages/mdx-runtime
       '@hanzo/ui':
         specifier: 'catalog:'
-        version: 8.27.35(56bb0ee272e0d1b43ec0c84f12203a1e)
+        version: 8.27.83(0a5409fbc347569f4e79e636281c134c)
       '@hanzogui/shell':
         specifier: ^7.6.3
         version: 7.6.5(@hanzo/[email protected]([email protected]))([email protected]([email protected]))([email protected])
@@ -2213,6 +2228,9 @@ importers:
       '@hanzo/mdx-runtime':
         specifier: workspace:*
         version: link:../../packages/mdx-runtime
+      '@hanzo/ui':
+        specifier: 'catalog:'
+        version: 8.27.83(0a5409fbc347569f4e79e636281c134c)
       '@hanzogui/shell':
         specifier: ^7.6.3
         version: 7.6.5(@hanzo/[email protected]([email protected]))([email protected]([email protected]))([email protected])
@@ -2319,6 +2337,9 @@ importers:
       '@hanzo/mdx-runtime':
         specifier: workspace:*
         version: link:../../packages/mdx-runtime
+      '@hanzo/ui':
+        specifier: 'catalog:'
+        version: 8.27.83(0a5409fbc347569f4e79e636281c134c)
       '@hanzogui/shell':
         specifier: ^7.6.3
         version: 7.6.5(@hanzo/[email protected]([email protected]))([email protected]([email protected]))([email protected])
@@ -2483,6 +2504,9 @@ importers:
       '@hanzo/mdx-runtime':
         specifier: workspace:*
         version: link:../../packages/mdx-runtime
+      '@hanzo/ui':
+        specifier: 'catalog:'
+        version: 8.27.83(0a5409fbc347569f4e79e636281c134c)
       '@hanzogui/shell':
         specifier: ^7.6.3
         version: 7.6.5(@hanzo/[email protected]([email protected]))([email protected]([email protected]))([email protected])
@@ -2674,6 +2698,9 @@ importers:
       '@hanzo/mdx-runtime':
         specifier: workspace:*
         version: link:../../packages/mdx-runtime
+      '@hanzo/ui':
+        specifier: 'catalog:'
+        version: 8.27.83(0a5409fbc347569f4e79e636281c134c)
       '@hanzogui/shell':
         specifier: ^7.6.3
         version: 7.6.5(@hanzo/[email protected]([email protected]))([email protected]([email protected]))([email protected])
@@ -3348,7 +3375,7 @@ importers:
         version: 1.9.2([email protected](@babel/[email protected]([email protected]))(@opentelemetry/[email protected])(@playwright/[email protected])(@types/[email protected])([email protected])([email protected]([email protected]))([email protected]))
       '@hanzo/ui':
         specifier: 'catalog:'
-        version: 8.27.35(ffc64b3d71a990f72cef419463133daf)
+        version: 8.27.83(e1ae843764d1df1465f11fc60c8d0c55)
       gray-matter:
         specifier: 'catalog:'
         version: 4.0.3
@@ -4375,7 +4402,7 @@ importers:
         version: 8.3.5([email protected]([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected])
       '@hanzo/ui':
         specifier: 'catalog:'
-        version: 8.27.35(ffc64b3d71a990f72cef419463133daf)
+        version: 8.27.83(e1ae843764d1df1465f11fc60c8d0c55)
       react:
         specifier: '>=19.2.8'
         version: 19.2.8
@@ -6290,7 +6317,7 @@ importers:
     dependencies:
       '@hanzo/ui':
         specifier: 'catalog:'
-        version: 8.27.35(2c2037aa8732523108f7bbb76885cd50)
+        version: 8.27.83(0b6bfc8c327e7df10bd8cc2630968bf2)
       '@zenlm/models':
         specifier: 'catalog:'
         version: 1.0.4
@@ -7423,6 +7450,9 @@ packages:
   '@codemirror/[email protected]':
     resolution: {integrity: sha512-JFRiqhKu+bvSkDLI+rUhJwSxQxYb759W5GBezE8Uc8mHLqC9aV/9aTC7yJSqCtB3F00pylrLCwnyS91Ap5ej4Q==}
 
+  '@codemirror/[email protected]':
+    resolution: {integrity: sha512-O/4hG3SC1YwcmQ0d2UVNDs+AsaNWd1iHVxbTeEBuqH+6bExAiPK3iS/BvpY6rZGURALv4ZD3sIgcCmRvw3ehBg==}
+
   '@codemirror/[email protected]':
     resolution: {integrity: sha512-kr5fwBGiGtmz6l0LSJIbno9QrifNMUusivHbnA1H6Dmqy4HZFte3UAICix1VuKo0lMPKQr2rqB+0BkKi/S3Ejg==}
 
@@ -7444,15 +7474,24 @@ packages:
   '@codemirror/[email protected]':
     resolution: {integrity: sha512-QwCZW6Tt1siP37Jet9Tb02Zs81TQt6qQrZR2H+eGMcFsL1zMrk2/b9CLC7/9ieP1fjIUMgviLWMmgiHoJrj+ZA==}
 
+  '@codemirror/[email protected]':
+    resolution: {integrity: sha512-1q4PaT+o6PbgpkJt4Q8Fv5XJxTy4FUZ4MWETtyiDw3J0Pyr9E2vqcKL+k9wcvjNTIsauxvE7OfmWj3FRPHQ76A==}
+
   '@codemirror/[email protected]':
     resolution: {integrity: sha512-6Kp7r6XfCi/D/5sdXieMfg9pJU1bUEx96WITuLU6ESaKizCz0QHFMjY/TaFSbigDdEAIgi93itLBIUETP4oK+A==}
 
   '@codemirror/[email protected]':
     resolution: {integrity: sha512-4nbvra5R5EtiCzr9BTHiTLc+MLXK2QGiAVYMyi8PkQd3SR+6ixar/Q/01Fa21TBIDOZXgeWV4WppsQolSreAPQ==}
 
+  '@codemirror/[email protected]':
+    resolution: {integrity: sha512-kAz+AncRtKuIknedxT1bq4XwXv4UowhbkHU1myPrtVb/jZtImWuV5BXzv5vK6i3kYACsdiZiQKFQQ5Mq7elW8w==}
+
   '@codemirror/[email protected]':
     resolution: {integrity: sha512-V7ZCLQO3Jus9hzh2jVCCPW3mO4IBMr43O37PqSUYautJSnnJF41YlgLw21x0fLJTYvJ+Vkm6Gp+qKGH9pltgXA==}
 
+  '@codemirror/[email protected]':
+    resolution: {integrity: sha512-sihaFrUzAsYBQsL9J2t69y8nfMQGwcYmggAZsk+kjPbjYZMyuf2hU8tUNTZ+P+isb6XRr8JE22TZlJxBoVdH1A==}
+
   '@commander-js/[email protected]':
     resolution: {integrity: sha512-yeJlba62xqmkgELUsn7356MEnzLLu/fw2x4lofFqGnXh6YysRdEs2BaLeLtg1+KU0AXvMeqQvTTp+3hBEBK+EA==}
     peerDependencies:
@@ -8314,6 +8353,11 @@ packages:
     peerDependencies:
       react: '>=19'
 
+  '@hanzo/[email protected]':
+    resolution: {integrity: sha512-kaZpk2kHzKDliFWIv8GOcJss2JlPdWJm24kxuIevLn1QgO1degPZWTftLOhFYnqVvvr6nvy/e+d57fIFJxvQbg==}
+    peerDependencies:
+      react: '>=19.2.8'
+
   '@hanzo/[email protected]':
     resolution: {integrity: sha512-ezz3JEC+5QO4LywK02o24i0CuHZ+askwT4Dmvd+BrXZsJs/Eyw3Xu/EPEZLpZY0cZ5+8sIYO07jUOaWTU3nfAw==}
     hasBin: true
@@ -8333,6 +8377,14 @@ packages:
     resolution: {integrity: sha512-eXoD1Q3giJ3TEx2+rtCub/xZX5j4AflWixt3TXsf3dcYrWuChxSVhzRQdDWyibXzPPtn+msCtLX11IvvcHHUzw==}
     hasBin: true
 
+  '@hanzo/[email protected]':
+    resolution: {integrity: sha512-pp+XH+3FmNFP5daQmXTlwMvpJk7NcM3oUS15OlFvxTw7KkzA4+fWr+r7ytqblvU0XwT0QMdiBabIQkh7cc2z5Q==}
+    hasBin: true
+
+  '@hanzo/[email protected]':
+    resolution: {integrity: sha512-IODMkUcDy3G/lIbu4GyWoJF1dlWV33SVCTsIKXo21cKhmqSNZZGYXSdQotU5QDeA3NU2sAaB8j8/1Vj3iYFLaA==}
+    hasBin: true
+
   '@hanzo/[email protected]':
     resolution: {integrity: sha512-4IjzMBhtuGjtsQjC/PiN+CjMSCgkpyR5lZ+FgQ8gKUJdFkfUxwtmaFv1xFvV9f4raVbNreuY/40xz0Ng9xX7Ww==}
     peerDependencies:
@@ -8470,16 +8522,54 @@ packages:
       react:
         optional: true
 
-  '@hanzo/[email protected].35':
-    resolution: {integrity: sha512-oDhmhjBFdMHigBeZa+opDvGV9NtJhaNY0VgNYk69aO7P5ousb+L03L9fPW2cvEZNtwF2O+mw5Tlv1pRDtebRzw==}
+  '@hanzo/[email protected].7':
+    resolution: {integrity: sha512-Kyk9YoCzjX0O39h8+ZahbFGZv4Lqr0iJRvN0UlUWoeY+Y8CPcEhvKB00LUcjs8mXA5yEFgrL74dZx3aFsEQ9AQ==}
     peerDependencies:
       '@hanzo/canvas': '>=0.2.3'
       '@hanzo/cd': '>=0.1.2'
       '@hanzo/dashboard': '>=0.2.0'
       '@hanzo/data': '>=1.2.4'
-      '@hanzo/event': '>=0.3.48'
+      '@hanzo/gui': '>=8.3.1'
+      '@hanzo/usage': '>=0.1.13'
+      '@hanzogui/animations-css': 8.3.1
+      '@hanzogui/config': 8.3.1
+      '@hanzogui/lucide-icons-2': 8.3.1
+      '@hanzogui/next-theme': 8.3.1
+      '@hanzogui/telemetry': 8.3.1
+      '@hanzogui/toast': 8.3.1
+      next: '>=16.3.3'
+      next-themes: '>=0'
+      react: '>=19.2.8'
+      react-dom: '>=19.2.8'
+      react-hook-form: '>=7'
+    peerDependenciesMeta:
+      '@hanzo/canvas':
+        optional: true
+      '@hanzo/cd':
+        optional: true
+      '@hanzo/dashboard':
+        optional: true
+      '@hanzo/usage':
+        optional: true
+      '@hanzogui/next-theme':
+        optional: true
+      next:
+        optional: true
+      next-themes:
+        optional: true
+      react-hook-form:
+        optional: true
+
+  '@hanzo/[email protected]':
+    resolution: {integrity: sha512-/u2Vdi1FNV954nuXWg9fFGVm51LR7s5yEMQHaoJzVneytdTLgGhgh0aIplTmfz63xWhRlhEiG1MoHDmEcb58SA==}
+    peerDependencies:
+      '@hanzo/canvas': '>=0.2.3'
+      '@hanzo/cd': '>=0.1.2'
+      '@hanzo/dashboard': '>=0.2.0'
+      '@hanzo/data': '>=1.2.4'
+      '@hanzo/event': '>=0.3.52'
       '@hanzo/gui': ^8.3.5
-      '@hanzo/iam': '>=0.21.21'
+      '@hanzo/iam': '>=0.21.26'
       '@hanzo/pay': '>=0.1.1'
       '@hanzo/plans': '>=1.8.1'
       '@hanzo/usage': '>=0.1.13'
@@ -8521,44 +8611,6 @@ packages:
       next-themes:
         optional: true
 
-  '@hanzo/[email protected]':
-    resolution: {integrity: sha512-Kyk9YoCzjX0O39h8+ZahbFGZv4Lqr0iJRvN0UlUWoeY+Y8CPcEhvKB00LUcjs8mXA5yEFgrL74dZx3aFsEQ9AQ==}
-    peerDependencies:
-      '@hanzo/canvas': '>=0.2.3'
-      '@hanzo/cd': '>=0.1.2'
-      '@hanzo/dashboard': '>=0.2.0'
-      '@hanzo/data': '>=1.2.4'
-      '@hanzo/gui': '>=8.3.1'
-      '@hanzo/usage': '>=0.1.13'
-      '@hanzogui/animations-css': 8.3.1
-      '@hanzogui/config': 8.3.1
-      '@hanzogui/lucide-icons-2': 8.3.1
-      '@hanzogui/next-theme': 8.3.1
-      '@hanzogui/telemetry': 8.3.1
-      '@hanzogui/toast': 8.3.1
-      next: '>=16.3.3'
-      next-themes: '>=0'
-      react: '>=19.2.8'
-      react-dom: '>=19.2.8'
-      react-hook-form: '>=7'
-    peerDependenciesMeta:
-      '@hanzo/canvas':
-        optional: true
-      '@hanzo/cd':
-        optional: true
-      '@hanzo/dashboard':
-        optional: true
-      '@hanzo/usage':
-        optional: true
-      '@hanzogui/next-theme':
-        optional: true
-      next:
-        optional: true
-      next-themes:
-        optional: true
-      react-hook-form:
-        optional: true
-
   '@hanzogui/[email protected]':
     resolution: {integrity: sha512-rV2xco/OPfOxbCl+lB+x1wEn7Qbw71nkJb03ieBldscBLGupJtyCWI2smrL0wSJehpUn95I4x+Y5blOo1X3Ccg==}
     peerDependencies:
@@ -10573,6 +10625,9 @@ packages:
   '@lezer/[email protected]':
     resolution: {integrity: sha512-qXdH7UqTvGfdVBINrgKhDsVTJTxactNNxLk7+UMwZhU13lMHaOBlJe9Vqp907ya56Y3+ed2tlqzys7jDkTmW0g==}
 
+  '@lezer/[email protected]':
+    resolution: {integrity: sha512-O1GMVKgtf5YspFaRzpmqkVgMtIk2HG9uMAbH6wdAIdNh3TVzCsch/+cRi+6l2//UGDKe6NB9BW3cvuR5ezMQ0w==}
+
   '@lezer/[email protected]':
     resolution: {integrity: sha512-oI7n6NJml729m7pjm9lvLvmXbdoMoi2f+1pwSDJkl9d68zGr7a9Btz8NdHTGQZtW2DA25ybeuv/SyDb9D5tseg==}
 
@@ -23392,6 +23447,13 @@ snapshots:
       '@codemirror/view': 6.43.0
       '@lezer/common': 1.5.2
 
+  '@codemirror/[email protected]':
+    dependencies:
+      '@codemirror/language': 6.12.3
+      '@codemirror/state': 6.7.6
+      '@codemirror/view': 6.43.0
+      '@lezer/common': 1.5.2
+
   '@codemirror/[email protected]':
     dependencies:
       '@codemirror/autocomplete': 6.20.2
@@ -23455,6 +23517,15 @@ snapshots:
       '@lezer/lr': 1.4.10
       style-mod: 4.1.3
 
+  '@codemirror/[email protected]':
+    dependencies:
+      '@codemirror/state': 6.6.0
+      '@codemirror/view': 6.43.0
+      '@lezer/common': 1.5.2
+      '@lezer/highlight': 1.2.3
+      '@lezer/lr': 1.4.10
+      style-mod: 4.1.3
+
   '@codemirror/[email protected]':
     dependencies:
       '@codemirror/state': 6.6.0
@@ -23465,6 +23536,10 @@ snapshots:
     dependencies:
       '@marijn/find-cluster-break': 1.0.2
 
+  '@codemirror/[email protected]':
+    dependencies:
+      '@marijn/find-cluster-break': 1.0.2
+
   '@codemirror/[email protected]':
     dependencies:
       '@codemirror/state': 6.6.0
@@ -23472,6 +23547,13 @@ snapshots:
       style-mod: 4.1.3
       w3c-keyname: 2.2.8
 
+  '@codemirror/[email protected]':
+    dependencies:
+      '@codemirror/state': 6.7.6
+      crelt: 1.0.6
+      style-mod: 4.1.3
+      w3c-keyname: 2.2.8
+
   '@commander-js/[email protected]([email protected])':
     dependencies:
       commander: 15.0.0
@@ -24034,6 +24116,11 @@ snapshots:
       '@hanzo/design': 0.5.24
       react: 19.2.8
 
+  '@hanzo/[email protected]([email protected])':
+    dependencies:
+      '@hanzo/design': 0.5.33
+      react: 19.2.8
+
   '@hanzo/[email protected]([email protected])':
     dependencies:
       '@hanzo/logo': 1.0.26([email protected])
@@ -24051,6 +24138,10 @@ snapshots:
 
   '@hanzo/[email protected]': {}
 
+  '@hanzo/[email protected]': {}
+
+  '@hanzo/[email protected]': {}
+
   '@hanzo/[email protected]([email protected])':
     dependencies:
       '@hanzo/events': 0.2.2
@@ -24317,100 +24408,6 @@ snapshots:
       '@hanzogui/lucide-icons-2': 8.3.5([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected])
       react: 19.2.8
 
-  '@hanzo/[email protected](2c2037aa8732523108f7bbb76885cd50)':
-    dependencies:
-      '@hanzo/appearance': 0.2.2([email protected])
-      '@hanzo/brand': 1.4.8([email protected])
-      '@hanzo/data': 1.2.4(@hanzo/[email protected]([email protected]([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected])
-      '@hanzo/design': 0.5.24
-      '@hanzo/font': 1.9.2([email protected](@babel/[email protected]([email protected]))(@opentelemetry/[email protected])(@playwright/[email protected])(@types/[email protected])([email protected])([email protected]([email protected]))([email protected]))
-      '@hanzo/gui': 8.3.5([email protected]([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected])
-      '@hanzo/logo': 1.0.26([email protected])
-      '@hanzo/products': 0.2.6(@hanzogui/[email protected]([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected]))([email protected])
-      '@hanzogui/animations-css': 8.3.5([email protected]([email protected]))([email protected])
-      '@hanzogui/config': 8.3.5([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected])([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected])
-      '@hanzogui/lucide-icons-2': 8.3.5([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected])
-      '@hanzogui/telemetry': 8.3.5([email protected])
-      '@hanzogui/toast': 8.3.5([email protected]([email protected]))([email protected])
-      '@icons-pack/react-simple-icons': 13.15.1([email protected])
-      react: 19.2.8
-      react-dom: 19.2.8([email protected])
-      react-hook-form: 7.88.0([email protected])
-      react-native-svg: 15.15.5([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected])
-      react-native-web: 0.21.2([email protected]([email protected]))([email protected])
-    optionalDependencies:
-      '@hanzo/event': 0.3.50([email protected])
-      '@hanzogui/next-theme': 8.3.5([email protected](@babel/[email protected]([email protected]))(@opentelemetry/[email protected])(@playwright/[email protected])(@types/[email protected])([email protected])([email protected]([email protected]))([email protected]))([email protected])
-      '@hanzogui/shell': 8.3.5([email protected]([email protected]))([email protected])
-      next: 16.3.4(@babel/[email protected]([email protected]))(@opentelemetry/[email protected])(@playwright/[email protected])(@types/[email protected])([email protected])([email protected]([email protected]))([email protected])
-      next-themes: 0.4.6([email protected]([email protected]))([email protected])
-    transitivePeerDependencies:
-      - encoding
-      - react-native
-
-  '@hanzo/[email protected](56bb0ee272e0d1b43ec0c84f12203a1e)':
-    dependencies:
-      '@hanzo/appearance': 0.2.2([email protected])
-      '@hanzo/brand': 1.4.8([email protected])
-      '@hanzo/data': 1.2.4(@hanzo/[email protected]([email protected]([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected])
-      '@hanzo/design': 0.5.24
-      '@hanzo/font': 1.9.2([email protected](@babel/[email protected]([email protected]))(@opentelemetry/[email protected])(@playwright/[email protected])(@types/[email protected])([email protected])([email protected]([email protected]))([email protected]))
-      '@hanzo/gui': 8.3.5([email protected]([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected])
-      '@hanzo/logo': 1.0.26([email protected])
-      '@hanzo/products': 0.2.6(@hanzogui/[email protected]([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected]))([email protected])
-      '@hanzogui/animations-css': 8.3.5([email protected]([email protected]))([email protected])
-      '@hanzogui/config': 8.3.5([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected])([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected])
-      '@hanzogui/lucide-icons-2': 8.3.5([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected])
-      '@hanzogui/telemetry': 8.3.5([email protected])
-      '@hanzogui/toast': 8.3.5([email protected]([email protected]))([email protected])
-      '@icons-pack/react-simple-icons': 13.15.1([email protected])
-      react: 19.2.8
-      react-dom: 19.2.8([email protected])
-      react-hook-form: 7.88.0([email protected])
-      react-native-svg: 15.15.5([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected])
-      react-native-web: 0.21.2([email protected]([email protected]))([email protected])
-    optionalDependencies:
-      '@hanzo/event': 0.3.50([email protected])
-      '@hanzogui/next-theme': 8.3.5([email protected](@babel/[email protected]([email protected]))(@opentelemetry/[email protected])(@playwright/[email protected])(@types/[email protected])([email protected])([email protected]([email protected]))([email protected]))([email protected])
-      '@hanzogui/shell': 7.6.5(@hanzo/[email protected]([email protected]))([email protected]([email protected]))([email protected])
-      next: 16.3.3(@babel/[email protected]([email protected]))(@opentelemetry/[email protected])(@playwright/[email protected])(@types/[email protected])([email protected])([email protected]([email protected]))([email protected])
-      next-themes: 0.4.6([email protected]([email protected]))([email protected])
-    transitivePeerDependencies:
-      - encoding
-      - react-native
-
-  '@hanzo/[email protected](ffc64b3d71a990f72cef419463133daf)':
-    dependencies:
-      '@hanzo/appearance': 0.2.2([email protected])
-      '@hanzo/brand': 1.4.8([email protected])
-      '@hanzo/data': 1.2.4(@hanzo/[email protected]([email protected]([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected])
-      '@hanzo/design': 0.5.24
-      '@hanzo/font': 1.9.2([email protected](@babel/[email protected]([email protected]))(@opentelemetry/[email protected])(@playwright/[email protected])(@types/[email protected])([email protected])([email protected]([email protected]))([email protected]))
-      '@hanzo/gui': 8.3.5([email protected]([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected])
-      '@hanzo/logo': 1.0.26([email protected])
-      '@hanzo/products': 0.2.6(@hanzogui/[email protected]([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected]))([email protected])
-      '@hanzogui/animations-css': 8.3.5([email protected]([email protected]))([email protected])
-      '@hanzogui/config': 8.3.5([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected])([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected])
-      '@hanzogui/lucide-icons-2': 8.3.5([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected])
-      '@hanzogui/telemetry': 8.3.5([email protected])
-      '@hanzogui/toast': 8.3.5([email protected]([email protected]))([email protected])
-      '@icons-pack/react-simple-icons': 13.15.1([email protected])
-      react: 19.2.8
-      react-dom: 19.2.8([email protected])
-      react-hook-form: 7.88.0([email protected])
-      react-native-svg: 15.15.5([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected])
-      react-native-web: 0.21.2([email protected]([email protected]))([email protected])
-    optionalDependencies:
-      '@hanzo/event': 0.3.50([email protected])
-      '@hanzo/iam': 0.21.17([email protected]([email protected]))([email protected])
-      '@hanzogui/next-theme': 8.3.5([email protected](@babel/[email protected]([email protected]))(@opentelemetry/[email protected])(@playwright/[email protected])(@types/[email protected])([email protected])([email protected]([email protected]))([email protected]))([email protected])
-      '@hanzogui/shell': 8.3.5([email protected]([email protected]))([email protected])
-      next: 16.3.3(@babel/[email protected]([email protected]))(@opentelemetry/[email protected])(@playwright/[email protected])(@types/[email protected])([email protected])([email protected]([email protected]))([email protected])
-      next-themes: 0.4.6([email protected]([email protected]))([email protected])
-    transitivePeerDependencies:
-      - encoding
-      - react-native
-
   '@hanzo/[email protected](1b0e2ee121b8fdfd1ff9fd902ef1a4fa)':
     dependencies:
       '@hanzo/appearance': 0.2.2([email protected])
@@ -24439,6 +24436,152 @@ snapshots:
       - encoding
       - prop-types
 
+  '@hanzo/[email protected](0a5409fbc347569f4e79e636281c134c)':
+    dependencies:
+      '@codemirror/commands': 6.11.1
+      '@codemirror/lang-json': 6.0.2
+      '@codemirror/language': 6.12.4
+      '@codemirror/state': 6.7.6
+      '@codemirror/view': 6.43.13
+      '@hanzo/appearance': 0.2.7([email protected])
+      '@hanzo/brand': 1.4.8([email protected])
+      '@hanzo/data': 1.2.4(@hanzo/[email protected]([email protected]([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected])
+      '@hanzo/design': 0.5.35
+      '@hanzo/font': 1.9.2([email protected](@babel/[email protected]([email protected]))(@opentelemetry/[email protected])(@playwright/[email protected])(@types/[email protected])([email protected])([email protected]([email protected]))([email protected]))
+      '@hanzo/gui': 8.3.5([email protected]([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected])
+      '@hanzo/logo': 1.0.26([email protected])
+      '@hanzo/products': 0.2.6(@hanzogui/[email protected]([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected]))([email protected])
+      '@hanzogui/animations-css': 8.3.5([email protected]([email protected]))([email protected])
+      '@hanzogui/config': 8.3.5([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected])([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected])
+      '@hanzogui/lucide-icons-2': 8.3.5([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected])
+      '@hanzogui/telemetry': 8.3.5([email protected])
+      '@hanzogui/toast': 8.3.5([email protected]([email protected]))([email protected])
+      '@icons-pack/react-simple-icons': 13.15.1([email protected])
+      '@lezer/highlight': 1.2.5
+      react: 19.2.8
+      react-dom: 19.2.8([email protected])
+      react-hook-form: 7.88.0([email protected])
+      react-native-svg: 15.15.5([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected])
+      react-native-web: 0.21.2([email protected]([email protected]))([email protected])
+    optionalDependencies:
+      '@hanzogui/next-theme': 8.3.5([email protected](@babel/[email protected]([email protected]))(@opentelemetry/[email protected])(@playwright/[email protected])(@types/[email protected])([email protected])([email protected]([email protected]))([email protected]))([email protected])
+      '@hanzogui/shell': 7.6.5(@hanzo/[email protected]([email protected]))([email protected]([email protected]))([email protected])
+      next: 16.3.3(@babel/[email protected]([email protected]))(@opentelemetry/[email protected])(@playwright/[email protected])(@types/[email protected])([email protected])([email protected]([email protected]))([email protected])
+      next-themes: 0.4.6([email protected]([email protected]))([email protected])
+    transitivePeerDependencies:
+      - encoding
+      - react-native
+
+  '@hanzo/[email protected](0b6bfc8c327e7df10bd8cc2630968bf2)':
+    dependencies:
+      '@codemirror/commands': 6.11.1
+      '@codemirror/lang-json': 6.0.2
+      '@codemirror/language': 6.12.4
+      '@codemirror/state': 6.7.6
+      '@codemirror/view': 6.43.13
+      '@hanzo/appearance': 0.2.7([email protected])
+      '@hanzo/brand': 1.4.8([email protected])
+      '@hanzo/data': 1.2.4(@hanzo/[email protected]([email protected]([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected])
+      '@hanzo/design': 0.5.35
+      '@hanzo/font': 1.9.2([email protected](@babel/[email protected]([email protected]))(@opentelemetry/[email protected])(@playwright/[email protected])(@types/[email protected])([email protected])([email protected]([email protected]))([email protected]))
+      '@hanzo/gui': 8.3.5([email protected]([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected])
+      '@hanzo/logo': 1.0.26([email protected])
+      '@hanzo/products': 0.2.6(@hanzogui/[email protected]([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected]))([email protected])
+      '@hanzogui/animations-css': 8.3.5([email protected]([email protected]))([email protected])
+      '@hanzogui/config': 8.3.5([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected])([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected])
+      '@hanzogui/lucide-icons-2': 8.3.5([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected])
+      '@hanzogui/telemetry': 8.3.5([email protected])
+      '@hanzogui/toast': 8.3.5([email protected]([email protected]))([email protected])
+      '@icons-pack/react-simple-icons': 13.15.1([email protected])
+      '@lezer/highlight': 1.2.5
+      react: 19.2.8
+      react-dom: 19.2.8([email protected])
+      react-hook-form: 7.88.0([email protected])
+      react-native-svg: 15.15.5([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected])
+      react-native-web: 0.21.2([email protected]([email protected]))([email protected])
+    optionalDependencies:
+      '@hanzogui/next-theme': 8.3.5([email protected](@babel/[email protected]([email protected]))(@opentelemetry/[email protected])(@playwright/[email protected])(@types/[email protected])([email protected])([email protected]([email protected]))([email protected]))([email protected])
+      '@hanzogui/shell': 8.3.5([email protected]([email protected]))([email protected])
+      next: 16.3.4(@babel/[email protected]([email protected]))(@opentelemetry/[email protected])(@playwright/[email protected])(@types/[email protected])([email protected])([email protected]([email protected]))([email protected])
+      next-themes: 0.4.6([email protected]([email protected]))([email protected])
+    transitivePeerDependencies:
+      - encoding
+      - react-native
+
+  '@hanzo/[email protected](4d473f7ca0dfd2312d7c510070f68bbb)':
+    dependencies:
+      '@codemirror/commands': 6.11.1
+      '@codemirror/lang-json': 6.0.2
+      '@codemirror/language': 6.12.4
+      '@codemirror/state': 6.7.6
+      '@codemirror/view': 6.43.13
+      '@hanzo/appearance': 0.2.7([email protected])
+      '@hanzo/brand': 1.4.8([email protected])
+      '@hanzo/data': 1.2.4(@hanzo/[email protected]([email protected]([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected])
+      '@hanzo/design': 0.5.35
+      '@hanzo/font': 1.9.2([email protected](@babel/[email protected]([email protected]))(@opentelemetry/[email protected])(@playwright/[email protected])(@types/[email protected])([email protected])([email protected]([email protected]))([email protected]))
+      '@hanzo/gui': 8.3.5([email protected]([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected])
+      '@hanzo/logo': 1.0.26([email protected])
+      '@hanzo/products': 0.2.6(@hanzogui/[email protected]([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected]))([email protected])
+      '@hanzogui/animations-css': 8.3.5([email protected]([email protected]))([email protected])
+      '@hanzogui/config': 8.3.5([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected])([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected])
+      '@hanzogui/lucide-icons-2': 8.3.5([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected])
+      '@hanzogui/telemetry': 8.3.5([email protected])
+      '@hanzogui/toast': 8.3.5([email protected]([email protected]))([email protected])
+      '@icons-pack/react-simple-icons': 13.15.1([email protected])
+      '@lezer/highlight': 1.2.5
+      react: 19.2.8
+      react-dom: 19.2.8([email protected])
+      react-hook-form: 7.88.0([email protected])
+      react-native-svg: 15.15.5([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected])
+      react-native-web: 0.21.2([email protected]([email protected]))([email protected])
+    optionalDependencies:
+      '@hanzo/iam': 0.21.17([email protected]([email protected]))([email protected])
+      '@hanzogui/next-theme': 8.3.5([email protected](@babel/[email protected]([email protected]))(@opentelemetry/[email protected])(@playwright/[email protected])(@types/[email protected])([email protected])([email protected]([email protected]))([email protected]))([email protected])
+      '@hanzogui/shell': 8.3.5([email protected]([email protected]))([email protected])
+      next: 16.3.3(@babel/[email protected]([email protected]))(@opentelemetry/[email protected])(@playwright/[email protected])(@types/[email protected])([email protected])([email protected]([email protected]))([email protected])
+      next-themes: 0.4.6([email protected]([email protected]))([email protected])
+    transitivePeerDependencies:
+      - encoding
+      - react-native
+
+  '@hanzo/[email protected](e1ae843764d1df1465f11fc60c8d0c55)':
+    dependencies:
+      '@codemirror/commands': 6.11.1
+      '@codemirror/lang-json': 6.0.2
+      '@codemirror/language': 6.12.4
+      '@codemirror/state': 6.7.6
+      '@codemirror/view': 6.43.13
+      '@hanzo/appearance': 0.2.7([email protected])
+      '@hanzo/brand': 1.4.8([email protected])
+      '@hanzo/data': 1.2.4(@hanzo/[email protected]([email protected]([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected])
+      '@hanzo/design': 0.5.35
+      '@hanzo/font': 1.9.2([email protected](@babel/[email protected]([email protected]))(@opentelemetry/[email protected])(@playwright/[email protected])(@types/[email protected])([email protected])([email protected]([email protected]))([email protected]))
+      '@hanzo/gui': 8.3.5([email protected]([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected])
+      '@hanzo/logo': 1.0.26([email protected])
+      '@hanzo/products': 0.2.6(@hanzogui/[email protected]([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected]))([email protected])
+      '@hanzogui/animations-css': 8.3.5([email protected]([email protected]))([email protected])
+      '@hanzogui/config': 8.3.5([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected])([email protected]))([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected])
+      '@hanzogui/lucide-icons-2': 8.3.5([email protected]([email protected]))([email protected]([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected]))([email protected])
+      '@hanzogui/telemetry': 8.3.5([email protected])
+      '@hanzogui/toast': 8.3.5([email protected]([email protected]))([email protected])
+      '@icons-pack/react-simple-icons': 13.15.1([email protected])
+      '@lezer/highlight': 1.2.5
+      react: 19.2.8
+      react-dom: 19.2.8([email protected])
+      react-hook-form: 7.88.0([email protected])
+      react-native-svg: 15.15.5([email protected](@babel/[email protected]([email protected]))(@react-native/[email protected](@babel/[email protected]([email protected]))([email protected]))(@types/[email protected])([email protected])([email protected]))([email protected])
+      react-native-web: 0.21.2([email protected]([email protected]))([email protected])
+    optionalDependencies:
+      '@hanzo/event': 0.3.50([email protected])
+      '@hanzogui/next-theme': 8.3.5([email protected](@babel/[email protected]([email protected]))(@opentelemetry/[email protected])(@playwright/[email protected])(@types/[email protected])([email protected])([email protected]([email protected]))([email protected]))([email protected])
+      '@hanzogui/shell': 8.3.5([email protected]([email protected]))([email protected])
+      next: 16.3.3(@babel/[email protected]([email protected]))(@opentelemetry/[email protected])(@playwright/[email protected])(@types/[email protected])([email protected])([email protected]([email protected]))([email protected])
+      next-themes: 0.4.6([email protected]([email protected]))([email protected])
+    transitivePeerDependencies:
+      - encoding
+      - react-native
+
   '@hanzogui/[email protected]([email protected]([email protected]))([email protected])':
     dependencies:
       '@hanzogui/collapsible': 8.1.1([email protected]([email protected]))([email protected])
@@ -27614,6 +27757,10 @@ snapshots:
     dependencies:
       '@lezer/common': 1.5.2
 
+  '@lezer/[email protected]':
+    dependencies:
+      '@lezer/common': 1.5.2
+
   '@lezer/[email protected]':
     dependencies:
       '@lezer/common': 1.5.2

pnpm-workspace.yaml

@@ -62,7 +62,7 @@ catalog:
   '@hanzo/logo': '1.0.26'
   '@hanzo/mdx': '14.2.6'
   '@hanzo/products': '0.2.6'
-  '@hanzo/ui': '^8.27.35'
+  '@hanzo/ui': '^8.27.83'
   '@hanzogui/lucide-icons-2': '8.3.5'
   '@hanzogui/next-theme': '8.3.5'
   '@hanzogui/shell': '8.3.5'
@@ -329,9 +329,10 @@ catalog:
 
 minimumReleaseAgeExclude:
   - '@hanzo/[email protected]'
-  - '@hanzo/[email protected] || 8.27.18 || 8.27.35'
+  - '@hanzo/[email protected] || 8.27.18 || 8.27.35 || 8.27.83'
   - '@hanzo/[email protected]'
   - '@hanzo/[email protected]'
+  - '@hanzo/[email protected]'
 overrides:
   '@noble/hashes': '1.8.0'
   'zod': '^4.5.2'