{
 "name": "Digital Crew Design System",
 "url": "https://www.digitalcrew.tech/design",
 "generated": "2026-09-27",
 "products": {
  "Crew OS": {
   "themes": [
    "crew-light",
    "crew-dark"
   ],
   "repo": "Digital-Crew-Technologies/digitalcrew-orchestrator"
  },
  "Max": {
   "themes": [
    "max-light",
    "max-dark"
   ],
   "repo": "Digital-Crew-Technologies/max-agent"
  }
 },
 "themes": [
  {
   "id": "crew-light",
   "name": "Crew OS · Light"
  },
  {
   "id": "crew-dark",
   "name": "Crew OS · Dark"
  },
  {
   "id": "max-light",
   "name": "Max · Light"
  },
  {
   "id": "max-dark",
   "name": "Max · Dark"
  }
 ],
 "files": {
  "lib/tokens.css": "/design/lib/tokens.css",
  "tokens/tokens.tailwind.css": "/design/tokens/tokens.tailwind.css",
  "tokens/tokens.dtcg.json": "/design/tokens/tokens.dtcg.json",
  "tokens.json": "/design/tokens.json",
  "lib/bundle.css": "/design/lib/bundle.css",
  "lib/react.js": "/design/lib/react.js",
  "lib/react-dom.js": "/design/lib/react-dom.js",
  "lib/bundle.js": "/design/lib/bundle.js",
  "lib/index.d.ts": "/design/lib/index.d.ts"
 },
 "llms": {
  "index": "/design/llms.txt",
  "full": "/design/llms-full.txt"
 },
 "guides": [
  {
   "audience": "Designers",
   "url": "/design/start/designers",
   "markdown": "/design/start/designers.md",
   "summary": "Colours, type and components that stay on-brand in both products."
  },
  {
   "audience": "Developers",
   "url": "/design/start/developers",
   "markdown": "/design/start/developers.md",
   "summary": "Tokens as CSS or Tailwind, the component bundle, types and APIs."
  },
  {
   "audience": "Marketers",
   "url": "/design/start/marketers",
   "markdown": "/design/start/marketers.md",
   "summary": "The story, the voice, logos and agent media for every campaign."
  },
  {
   "audience": "Freelancers & agencies",
   "url": "/design/start/freelancers",
   "markdown": "/design/start/freelancers.md",
   "summary": "Everything to deliver a page or an asset for Digital Crew today."
  },
  {
   "audience": "AI agents & LLMs",
   "url": "/design/start/ai-agents",
   "markdown": "/design/start/ai-agents.md",
   "summary": "Machine-readable docs: llms.txt, Markdown twins, tokens and types."
  }
 ],
 "pages": [
  {
   "title": "Overview",
   "section": "Get started",
   "url": "/design",
   "markdown": "/design/index.md",
   "summary": "Everything you need to design, build and market Digital Crew: the brand, the foundations, 146 live components and ready-to-use assets for Crew OS and Max."
  },
  {
   "title": "For designers",
   "section": "Get started",
   "url": "/design/start/designers",
   "markdown": "/design/start/designers.md",
   "summary": "Colours, type and components that stay on-brand in both products."
  },
  {
   "title": "For developers",
   "section": "Get started",
   "url": "/design/start/developers",
   "markdown": "/design/start/developers.md",
   "summary": "Tokens as CSS or Tailwind, the component bundle, types and APIs."
  },
  {
   "title": "For marketers",
   "section": "Get started",
   "url": "/design/start/marketers",
   "markdown": "/design/start/marketers.md",
   "summary": "The story, the voice, logos and agent media for every campaign."
  },
  {
   "title": "For freelancers & agencies",
   "section": "Get started",
   "url": "/design/start/freelancers",
   "markdown": "/design/start/freelancers.md",
   "summary": "Everything to deliver a page or an asset for Digital Crew today."
  },
  {
   "title": "For AI agents",
   "section": "Get started",
   "url": "/design/start/ai-agents",
   "markdown": "/design/start/ai-agents.md",
   "summary": "Machine-readable docs: llms.txt, Markdown twins, tokens and types."
  },
  {
   "title": "The story",
   "section": "Brand",
   "url": "/design/story",
   "markdown": "/design/story.md",
   "summary": "The mark is a D and a C, and a 0 and a 1. Black and white hold every colour; each Digital Worker is one of them."
  },
  {
   "title": "Voice & copy",
   "section": "Brand",
   "url": "/design/content",
   "markdown": "/design/content.md",
   "summary": "Who speaks, how it sounds, and the copy rules both products follow."
  },
  {
   "title": "Agents",
   "section": "Brand",
   "url": "/design/brand/agents",
   "markdown": "/design/brand/agents.md",
   "summary": "Eight Digital Crew agents, each one colour, and Max's 24 Digital Workers."
  },
  {
   "title": "Logos",
   "section": "Brand",
   "url": "/design/brand/logos",
   "markdown": "/design/brand/logos.md",
   "summary": "The mark stays black or white: it is where every agent's colour meets."
  },
  {
   "title": "Iconography",
   "section": "Brand",
   "url": "/design/brand/iconography",
   "markdown": "/design/brand/iconography.md",
   "summary": "Lucide everywhere; in-house marks only where Lucide has nothing."
  },
  {
   "title": "Assets",
   "section": "Brand",
   "url": "/design/brand/assets",
   "markdown": "/design/brand/assets.md",
   "summary": "Every file the system ships: agent media, illustrations, animations and map data."
  },
  {
   "title": "Colour",
   "section": "Foundations",
   "url": "/design/foundations/colour",
   "markdown": "/design/foundations/colour.md",
   "summary": "102 colour tokens, one vocabulary across four themes. A neutral shell, and colour that always means something."
  },
  {
   "title": "Typography",
   "section": "Foundations",
   "url": "/design/foundations/typography",
   "markdown": "/design/foundations/typography.md",
   "summary": "Cabinet Grotesk for Crew OS, Inter for Max, Instrument Serif for Max's agent surfaces."
  },
  {
   "title": "Spacing, radii & surfaces",
   "section": "Foundations",
   "url": "/design/foundations/layout",
   "markdown": "/design/foundations/layout.md",
   "summary": "The 4px step, the radius scale, borders, shadows, glass and focus states."
  },
  {
   "title": "Motion",
   "section": "Foundations",
   "url": "/design/foundations/motion",
   "markdown": "/design/foundations/motion.md",
   "summary": "Durations, easings and the springs of the Unibox. Every demo on this page is live."
  },
  {
   "title": "Imagery & backgrounds",
   "section": "Foundations",
   "url": "/design/foundations/imagery",
   "markdown": "/design/foundations/imagery.md",
   "summary": "Grounds, gradients and the ambient effects behind the work."
  },
  {
   "title": "Agent surfaces",
   "section": "Foundations",
   "url": "/design/foundations/agent-surfaces",
   "markdown": "/design/foundations/agent-surfaces.md",
   "summary": "The .maxchat language: where Max's agents speak."
  },
  {
   "title": "Accessibility",
   "section": "Foundations",
   "url": "/design/foundations/accessibility",
   "markdown": "/design/foundations/accessibility.md",
   "summary": "Contrast, focus, motion and language rules every screen meets."
  },
  {
   "title": "Components",
   "section": "Components",
   "url": "/design/components",
   "markdown": "/design/components.md",
   "summary": "131 live components and 15 showcase pages from Crew OS and Max, each with a live preview, guidelines, its API and example code."
  },
  {
   "title": "Downloads & tokens",
   "section": "Resources",
   "url": "/design/resources",
   "markdown": "/design/resources.md",
   "summary": "Logo packs, brand kit, agent media, design tokens in four formats, fonts and the component bundle."
  },
  {
   "title": "Build with it",
   "section": "Resources",
   "url": "/design/develop",
   "markdown": "/design/develop.md",
   "summary": "Load the system in a page, pick a theme, and use the components. Everything here is also machine-readable."
  },
  {
   "title": "Known gaps",
   "section": "Resources",
   "url": "/design/known-gaps",
   "markdown": "/design/known-gaps.md",
   "summary": "What is not in the system yet, what is stubbed, and the inconsistencies kept from the source."
  }
 ],
 "components": [
  {
   "name": "AgentAccents",
   "group": "Foundations",
   "product": "Max",
   "showcasePage": true,
   "summary": "Each Max agent owns one of 16 Tailwind hues, used as its initials tile, card hover ring, bar and dot.",
   "url": "/design/components/agent-accents",
   "markdown": "/design/components/agent-accents.md",
   "preview": "/design/components/agent-accents/preview.html",
   "global": null,
   "source": null
  },
  {
   "name": "StatusColors",
   "group": "Foundations",
   "product": "Max",
   "showcasePage": true,
   "summary": "How Max colours state: one tinted-pill template, a mapping per domain, and 17 pipeline stage colours.",
   "url": "/design/components/status-colors",
   "markdown": "/design/components/status-colors.md",
   "preview": "/design/components/status-colors/preview.html",
   "global": null,
   "source": null
  },
  {
   "name": "Badge",
   "group": "Actions",
   "product": "Max",
   "showcasePage": false,
   "summary": "A small pill label: count, channel, state or tag (Max's `components/ui/badge.tsx`).",
   "url": "/design/components/badge",
   "markdown": "/design/components/badge.md",
   "preview": "/design/components/badge/preview.html",
   "global": "DigitalCrew.Badge",
   "source": "max-agent:src/components/ui/badge.tsx"
  },
  {
   "name": "Button",
   "group": "Actions",
   "product": "Max",
   "showcasePage": false,
   "summary": "The action control for both products: filled with `primary` by default, in six variants and six sizes (Max's `components/ui/button.tsx`).",
   "url": "/design/components/button",
   "markdown": "/design/components/button.md",
   "preview": "/design/components/button/preview.html",
   "global": "DigitalCrew.Button",
   "source": "max-agent:src/components/ui/button.tsx"
  },
  {
   "name": "GlassButton",
   "group": "Actions",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "The Crew OS button with a frosted-glass finish: the same variants, sizes and `asChild` as `Button`, plus a backdrop blur and a soft highlight layer.",
   "url": "/design/components/glass-button",
   "markdown": "/design/components/glass-button.md",
   "preview": "/design/components/glass-button/preview.html",
   "global": "DigitalCrew.GlassButton",
   "source": "digitalcrew-orchestrator:components/ui/glass-button.tsx"
  },
  {
   "name": "Toggle",
   "group": "Actions",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A two-state button (Radix toggle) that stays pressed until clicked again.",
   "url": "/design/components/toggle",
   "markdown": "/design/components/toggle.md",
   "preview": "/design/components/toggle/preview.html",
   "global": "DigitalCrew.Toggle",
   "source": "digitalcrew-orchestrator:components/ui/toggle.tsx"
  },
  {
   "name": "ToggleGroup",
   "group": "Actions",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A segmented set of toggles (Radix toggle group) where one or several options are on at a time.",
   "url": "/design/components/toggle-group",
   "markdown": "/design/components/toggle-group.md",
   "preview": "/design/components/toggle-group/preview.html",
   "global": "DigitalCrew.ToggleGroup",
   "source": "digitalcrew-orchestrator:components/ui/toggle-group.tsx"
  },
  {
   "name": "Calendar",
   "group": "Forms",
   "product": "Max",
   "showcasePage": false,
   "summary": "A month grid (react-day-picker 10) in the app's tokens: today and the selection in `primary`, outside days muted.",
   "url": "/design/components/calendar",
   "markdown": "/design/components/calendar.md",
   "preview": "/design/components/calendar/preview.html",
   "global": "DigitalCrew.Calendar",
   "source": "max-agent:src/components/ui/calendar.tsx"
  },
  {
   "name": "Checkbox",
   "group": "Forms",
   "product": "Max",
   "showcasePage": false,
   "summary": "A 16px square check for independent on/off choices and row selection; the box fills in 150ms, then the tick draws in over 350ms (`.t-check`).",
   "url": "/design/components/checkbox",
   "markdown": "/design/components/checkbox.md",
   "preview": "/design/components/checkbox/preview.html",
   "global": "DigitalCrew.Checkbox",
   "source": "max-agent:src/components/ui/checkbox.tsx"
  },
  {
   "name": "DateTimePicker",
   "group": "Forms",
   "product": "Max",
   "showcasePage": false,
   "summary": "A date-and-time field in the app's own widget, instead of the browser's `datetime-local`; works in ISO strings.",
   "url": "/design/components/date-time-picker",
   "markdown": "/design/components/date-time-picker.md",
   "preview": "/design/components/date-time-picker/preview.html",
   "global": "DigitalCrew.DateTimePicker",
   "source": "max-agent:src/components/ui/date-time-picker.tsx"
  },
  {
   "name": "Form",
   "group": "Forms",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "Form fields wired to react-hook-form: each field gets a label, a control, an optional hint and an error message, with ids and ARIA linked for you.",
   "url": "/design/components/form",
   "markdown": "/design/components/form.md",
   "preview": "/design/components/form/preview.html",
   "global": "DigitalCrew.Form",
   "source": "digitalcrew-orchestrator:components/ui/form.tsx"
  },
  {
   "name": "Input",
   "group": "Forms",
   "product": "Max",
   "showcasePage": false,
   "summary": "The single-line text field: 36px tall, `input` border, `radius-md`, transparent over its ground (dark themes fill it with `input` at 30%).",
   "url": "/design/components/input",
   "markdown": "/design/components/input.md",
   "preview": "/design/components/input/preview.html",
   "global": "DigitalCrew.Input",
   "source": "max-agent:src/components/ui/input.tsx"
  },
  {
   "name": "Label",
   "group": "Forms",
   "product": "Max",
   "showcasePage": false,
   "summary": "The accessible field label (Radix Label): 14px medium, `leading-none`, 8px gap for an inline icon or `HelpTooltip`.",
   "url": "/design/components/label",
   "markdown": "/design/components/label.md",
   "preview": "/design/components/label/preview.html",
   "global": "DigitalCrew.Label",
   "source": "max-agent:src/components/ui/label.tsx"
  },
  {
   "name": "PhoneInput",
   "group": "Forms",
   "product": "Max",
   "showcasePage": false,
   "summary": "An international phone field: `react-phone-number-input` with Max's `Input` and a searchable country picker that shows flags.",
   "url": "/design/components/phone-input",
   "markdown": "/design/components/phone-input.md",
   "preview": "/design/components/phone-input/preview.html",
   "global": "DigitalCrew.PhoneInput",
   "source": "max-agent:src/components/ui/phone-input.tsx"
  },
  {
   "name": "RadioGroup",
   "group": "Forms",
   "product": "Max",
   "showcasePage": false,
   "summary": "One choice from a short, visible list (Radix RadioGroup): 16px rings in `primary`, 10px dot.",
   "url": "/design/components/radio-group",
   "markdown": "/design/components/radio-group.md",
   "preview": "/design/components/radio-group/preview.html",
   "global": "DigitalCrew.RadioGroup",
   "source": "max-agent:src/components/ui/radio-group.tsx"
  },
  {
   "name": "SecretInput",
   "group": "Forms",
   "product": "Max",
   "showcasePage": false,
   "summary": "A field for API keys and tokens: masked by default with a reveal toggle, monospace, opted out of autofill.",
   "url": "/design/components/secret-input",
   "markdown": "/design/components/secret-input.md",
   "preview": "/design/components/secret-input/preview.html",
   "global": "DigitalCrew.SecretInput",
   "source": "max-agent:src/components/ui/secret-input.tsx"
  },
  {
   "name": "Select",
   "group": "Forms",
   "product": "Max",
   "showcasePage": false,
   "summary": "A native-feeling single choice from a list (Radix Select): 36px trigger (`size=\"sm\"`: 32px) with a chevron; the list opens in 250ms from 97% (`.t-dropdown`).",
   "url": "/design/components/select",
   "markdown": "/design/components/select.md",
   "preview": "/design/components/select/preview.html",
   "global": "DigitalCrew.Select",
   "source": "max-agent:src/components/ui/select.tsx"
  },
  {
   "name": "Slider",
   "group": "Forms",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A Radix slider for picking a number, or a range with two thumbs, on a continuous scale.",
   "url": "/design/components/slider",
   "markdown": "/design/components/slider.md",
   "preview": "/design/components/slider/preview.html",
   "global": "DigitalCrew.Slider",
   "source": "digitalcrew-orchestrator:components/ui/slider.tsx"
  },
  {
   "name": "Switch",
   "group": "Forms",
   "product": "Max",
   "showcasePage": false,
   "summary": "The on/off control for settings that apply immediately (Radix Switch): a 32 × 18px pill, `input` track off, `primary` on, 16px thumb with a double-bounce (`.t-toggle`, 350ms thumb, 150ms track).",
   "url": "/design/components/switch",
   "markdown": "/design/components/switch.md",
   "preview": "/design/components/switch/preview.html",
   "global": "DigitalCrew.Switch",
   "source": "max-agent:src/components/ui/switch.tsx"
  },
  {
   "name": "Textarea",
   "group": "Forms",
   "product": "Max",
   "showcasePage": false,
   "summary": "The multi-line field; it grows with its content (`field-sizing: content`) from a 64px minimum.",
   "url": "/design/components/textarea",
   "markdown": "/design/components/textarea.md",
   "preview": "/design/components/textarea/preview.html",
   "global": "DigitalCrew.Textarea",
   "source": "max-agent:src/components/ui/textarea.tsx"
  },
  {
   "name": "TimezoneSelector",
   "group": "Forms",
   "product": "Max",
   "showcasePage": false,
   "summary": "A searchable combobox (a `Popover` holding a `Command` list) over every IANA time zone the browser knows.",
   "url": "/design/components/timezone-selector",
   "markdown": "/design/components/timezone-selector.md",
   "preview": "/design/components/timezone-selector/preview.html",
   "global": "DigitalCrew.TimezoneSelector",
   "source": "max-agent:src/components/shared/timezone-selector.tsx"
  },
  {
   "name": "TypedOptionPicker",
   "group": "Forms",
   "product": "Max",
   "showcasePage": false,
   "summary": "A searchable, grouped picker for long option lists (Popover + Command), in single and multi versions.",
   "url": "/design/components/typed-option-picker",
   "markdown": "/design/components/typed-option-picker.md",
   "preview": "/design/components/typed-option-picker/preview.html",
   "global": "DigitalCrew.TypedOptionPicker",
   "source": "max-agent:src/components/typed-option-picker.tsx"
  },
  {
   "name": "AlertDialog",
   "group": "Overlays",
   "product": "Max",
   "showcasePage": false,
   "summary": "A blocking confirmation for irreversible or costly actions; same motion and surface as **Dialog**, no close ×, no click-outside dismissal.",
   "url": "/design/components/alert-dialog",
   "markdown": "/design/components/alert-dialog.md",
   "preview": "/design/components/alert-dialog/preview.html",
   "global": "DigitalCrew.AlertDialog",
   "source": "max-agent:src/components/ui/alert-dialog.tsx"
  },
  {
   "name": "Command",
   "group": "Overlays",
   "product": "Max",
   "showcasePage": false,
   "summary": "A keyboard-first search-and-act list (cmdk); the ⌘K menu and the core of every searchable picker.",
   "url": "/design/components/command",
   "markdown": "/design/components/command.md",
   "preview": "/design/components/command/preview.html",
   "global": "DigitalCrew.Command",
   "source": "max-agent:src/components/ui/command.tsx"
  },
  {
   "name": "ConfirmDialogProvider",
   "group": "Overlays",
   "product": "Max",
   "showcasePage": false,
   "summary": "App-wide confirmations through one hook: wrap the app in `ConfirmDialogProvider`, then call `useConfirm().confirm({...})` anywhere.",
   "url": "/design/components/confirm-dialog-provider",
   "markdown": "/design/components/confirm-dialog-provider.md",
   "preview": "/design/components/confirm-dialog-provider/preview.html",
   "global": "DigitalCrew.ConfirmDialogProvider",
   "source": "max-agent:src/components/shared/confirm-dialog.tsx"
  },
  {
   "name": "Dialog",
   "group": "Overlays",
   "product": "Max",
   "showcasePage": false,
   "summary": "A modal for focused tasks that need an answer before going on; opens in 250ms from 96% scale and closes in 150ms (`.t-modal`).",
   "url": "/design/components/dialog",
   "markdown": "/design/components/dialog.md",
   "preview": "/design/components/dialog/preview.html",
   "global": "DigitalCrew.Dialog",
   "source": "max-agent:src/components/ui/dialog.tsx"
  },
  {
   "name": "DiscardChangesDialog",
   "group": "Overlays",
   "product": "Max",
   "showcasePage": false,
   "summary": "An alert dialog that asks the user to confirm throwing away unsaved edits.",
   "url": "/design/components/discard-changes-dialog",
   "markdown": "/design/components/discard-changes-dialog.md",
   "preview": "/design/components/discard-changes-dialog/preview.html",
   "global": "DigitalCrew.DiscardChangesDialog",
   "source": "max-agent:src/components/shared/discard-changes-dialog.tsx"
  },
  {
   "name": "Drawer",
   "group": "Overlays",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A panel that slides in from the bottom edge (or any edge), built on vaul, with a drag handle and swipe-to-dismiss.",
   "url": "/design/components/drawer",
   "markdown": "/design/components/drawer.md",
   "preview": "/design/components/drawer/preview.html",
   "global": "DigitalCrew.Drawer",
   "source": "digitalcrew-orchestrator:components/ui/drawer.tsx"
  },
  {
   "name": "DropdownMenu",
   "group": "Overlays",
   "product": "Max",
   "showcasePage": false,
   "summary": "A menu of actions for one object, opening from a button; 250ms in from 97%, 150ms out to 99%.",
   "url": "/design/components/dropdown-menu",
   "markdown": "/design/components/dropdown-menu.md",
   "preview": "/design/components/dropdown-menu/preview.html",
   "global": "DigitalCrew.DropdownMenu",
   "source": "max-agent:src/components/ui/dropdown-menu.tsx"
  },
  {
   "name": "Popover",
   "group": "Overlays",
   "product": "Max",
   "showcasePage": false,
   "summary": "A light panel anchored to its trigger; opens in 250ms from 97% scale (`.t-dropdown`).",
   "url": "/design/components/popover",
   "markdown": "/design/components/popover.md",
   "preview": "/design/components/popover/preview.html",
   "global": "DigitalCrew.Popover",
   "source": "max-agent:src/components/ui/popover.tsx"
  },
  {
   "name": "Sheet",
   "group": "Overlays",
   "product": "Max",
   "showcasePage": false,
   "summary": "A panel that slides in from an edge; opens in 400ms and closes in 350ms on the smooth-out ease (`--panel-*`).",
   "url": "/design/components/sheet",
   "markdown": "/design/components/sheet.md",
   "preview": "/design/components/sheet/preview.html",
   "global": "DigitalCrew.Sheet",
   "source": "max-agent:src/components/ui/sheet.tsx"
  },
  {
   "name": "Tooltip",
   "group": "Overlays",
   "product": "Max",
   "showcasePage": false,
   "summary": "A short ink label on hover or focus: `foreground` fill with `background` text, 12px, 150ms in after an 80ms delay, 50ms out (`.t-tt`).",
   "url": "/design/components/tooltip",
   "markdown": "/design/components/tooltip.md",
   "preview": "/design/components/tooltip/preview.html",
   "global": "DigitalCrew.Tooltip",
   "source": "max-agent:src/components/ui/tooltip.tsx"
  },
  {
   "name": "Breadcrumb",
   "group": "Navigation",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A page trail that shows where the current page sits in the hierarchy, built from composable parts inside a `<nav aria-label=\"breadcrumb\">`.",
   "url": "/design/components/breadcrumb",
   "markdown": "/design/components/breadcrumb.md",
   "preview": "/design/components/breadcrumb/preview.html",
   "global": "DigitalCrew.Breadcrumb",
   "source": "digitalcrew-orchestrator:components/ui/breadcrumb.tsx"
  },
  {
   "name": "Header",
   "group": "Navigation",
   "product": "Max",
   "showcasePage": false,
   "summary": "The app's top bar: a sidebar toggle and a divider, followed by whatever you pass in.",
   "url": "/design/components/header",
   "markdown": "/design/components/header.md",
   "preview": "/design/components/header/preview.html",
   "global": "DigitalCrew.Header",
   "source": "digitalcrew-orchestrator:components/ui/container-scroll-animation.tsx"
  },
  {
   "name": "ListMapToggle",
   "group": "Navigation",
   "product": "Max",
   "showcasePage": false,
   "summary": "A two-button segmented switch between a List view and a Map view.",
   "url": "/design/components/list-map-toggle",
   "markdown": "/design/components/list-map-toggle.md",
   "preview": "/design/components/list-map-toggle/preview.html",
   "global": "DigitalCrew.ListMapToggle",
   "source": "max-agent:src/components/shared/list-map-toggle.tsx"
  },
  {
   "name": "Pagination",
   "group": "Navigation",
   "product": "Max",
   "showcasePage": false,
   "summary": "Numbered page links with previous/next and an ellipsis.",
   "url": "/design/components/pagination",
   "markdown": "/design/components/pagination.md",
   "preview": "/design/components/pagination/preview.html",
   "global": "DigitalCrew.Pagination",
   "source": "max-agent:src/components/ui/pagination.tsx"
  },
  {
   "name": "Sidebar",
   "group": "Navigation",
   "product": "Max",
   "showcasePage": false,
   "summary": "The app shell: a collapsible left sidebar beside an inset content panel (`SidebarProvider` › `Sidebar` + `SidebarInset`).",
   "url": "/design/components/sidebar",
   "markdown": "/design/components/sidebar.md",
   "preview": "/design/components/sidebar/preview.html",
   "global": "DigitalCrew.Sidebar",
   "source": "max-agent:src/components/ui/sidebar.tsx"
  },
  {
   "name": "Tabs",
   "group": "Navigation",
   "product": "Max",
   "showcasePage": false,
   "summary": "A segmented list that switches panels in place: a 36px `muted` track with 3px padding; the active tab lifts onto `background`.",
   "url": "/design/components/tabs",
   "markdown": "/design/components/tabs.md",
   "preview": "/design/components/tabs/preview.html",
   "global": "DigitalCrew.Tabs",
   "source": "max-agent:src/components/ui/tabs.tsx"
  },
  {
   "name": "ThemeSwitcher",
   "group": "Navigation",
   "product": "Max",
   "showcasePage": false,
   "summary": "A round icon button with a Light, Dark and System menu that sets the next-themes theme.",
   "url": "/design/components/theme-switcher",
   "markdown": "/design/components/theme-switcher.md",
   "preview": "/design/components/theme-switcher/preview.html",
   "global": "DigitalCrew.ThemeSwitcher",
   "source": "max-agent:src/components/theme-switcher.tsx"
  },
  {
   "name": "Accordion",
   "group": "Layout",
   "product": "Max",
   "showcasePage": false,
   "summary": "Stacked sections that expand one at a time (or several); height animates in 250ms on the smooth-out ease (`--acc-*`).",
   "url": "/design/components/accordion",
   "markdown": "/design/components/accordion.md",
   "preview": "/design/components/accordion/preview.html",
   "global": "DigitalCrew.Accordion",
   "source": "max-agent:src/components/ui/accordion.tsx"
  },
  {
   "name": "Card",
   "group": "Layout",
   "product": "Max",
   "showcasePage": false,
   "summary": "The raised surface for grouped content: `card` fill, `border`, `radius-xl` (14px), `shadow-sm`, 24px padding and gap.",
   "url": "/design/components/card",
   "markdown": "/design/components/card.md",
   "preview": "/design/components/card/preview.html",
   "global": "DigitalCrew.Card",
   "source": "max-agent:src/components/ui/card.tsx"
  },
  {
   "name": "Collapsible",
   "group": "Layout",
   "product": "Max",
   "showcasePage": false,
   "summary": "Shows and hides one region under its trigger (Radix Collapsible); animates with the accordion tokens.",
   "url": "/design/components/collapsible",
   "markdown": "/design/components/collapsible.md",
   "preview": "/design/components/collapsible/preview.html",
   "global": "DigitalCrew.Collapsible",
   "source": "max-agent:src/components/ui/collapsible.tsx"
  },
  {
   "name": "ContentSection",
   "group": "Layout",
   "product": "Max",
   "showcasePage": false,
   "summary": "The settings-page section: a title, a one-line description, a separator, then a scrolling body.",
   "url": "/design/components/content-section",
   "markdown": "/design/components/content-section.md",
   "preview": "/design/components/content-section/preview.html",
   "global": "DigitalCrew.ContentSection",
   "source": "max-agent:src/features/settings/components/content-section.tsx"
  },
  {
   "name": "DataTableToolbar",
   "group": "Layout",
   "product": "Max",
   "showcasePage": false,
   "summary": "The toolbar of Max's data-table kit (search, faceted filters, Reset and the View columns menu) and how the kit's pieces fit around a `Table`.",
   "url": "/design/components/data-table-toolbar",
   "markdown": "/design/components/data-table-toolbar.md",
   "preview": "/design/components/data-table-toolbar/preview.html",
   "global": "DigitalCrew.DataTableToolbar",
   "source": null
  },
  {
   "name": "Main",
   "group": "Layout",
   "product": "Max",
   "showcasePage": false,
   "summary": "The page body of Max's app shell: a `<main>` with the standard page padding and, by default, a centred 7xl width.",
   "url": "/design/components/main",
   "markdown": "/design/components/main.md",
   "preview": "/design/components/main/preview.html",
   "global": "DigitalCrew.Main",
   "source": "max-agent:src/components/layout/main.tsx"
  },
  {
   "name": "PanelSplitter",
   "group": "Layout",
   "product": "Max",
   "showcasePage": false,
   "summary": "The draggable seam between two side-by-side panels; every split view in Max uses it, so one gesture works everywhere.",
   "url": "/design/components/panel-splitter",
   "markdown": "/design/components/panel-splitter.md",
   "preview": "/design/components/panel-splitter/preview.html",
   "global": "DigitalCrew.PanelSplitter",
   "source": "max-agent:src/components/ui/panel-splitter.tsx"
  },
  {
   "name": "ScrollArea",
   "group": "Layout",
   "product": "Max",
   "showcasePage": false,
   "summary": "A scroll container with thin themed scrollbars (10px track, `border`-coloured thumb) that appear on hover.",
   "url": "/design/components/scroll-area",
   "markdown": "/design/components/scroll-area.md",
   "preview": "/design/components/scroll-area/preview.html",
   "global": "DigitalCrew.ScrollArea",
   "source": "max-agent:src/components/ui/scroll-area.tsx"
  },
  {
   "name": "Separator",
   "group": "Layout",
   "product": "Max",
   "showcasePage": false,
   "summary": "A 1px `border` hairline, horizontal or vertical (Radix Separator, decorative by default).",
   "url": "/design/components/separator",
   "markdown": "/design/components/separator.md",
   "preview": "/design/components/separator/preview.html",
   "global": "DigitalCrew.Separator",
   "source": "max-agent:src/components/ui/separator.tsx"
  },
  {
   "name": "Table",
   "group": "Layout",
   "product": "Max",
   "showcasePage": false,
   "summary": "The data table primitive: 14px rows with `border` dividers, 40px header cells in medium weight, `muted` at 50% on hover and selection.",
   "url": "/design/components/table",
   "markdown": "/design/components/table.md",
   "preview": "/design/components/table/preview.html",
   "global": "DigitalCrew.Table",
   "source": "max-agent:src/components/ui/table.tsx"
  },
  {
   "name": "Alert",
   "group": "Feedback",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "An inline, non-dismissable notice (`role=\"alert\"`) with an optional icon, a one-line title and a description.",
   "url": "/design/components/alert",
   "markdown": "/design/components/alert.md",
   "preview": "/design/components/alert/preview.html",
   "global": "DigitalCrew.Alert",
   "source": "digitalcrew-orchestrator:components/ui/alert.tsx"
  },
  {
   "name": "AnimatedCircularProgressBar",
   "group": "Feedback",
   "product": "Max",
   "showcasePage": false,
   "summary": "A circular gauge for a value against a quota, with the number in the middle.",
   "url": "/design/components/animated-circular-progress-bar",
   "markdown": "/design/components/animated-circular-progress-bar.md",
   "preview": "/design/components/animated-circular-progress-bar/preview.html",
   "global": "DigitalCrew.AnimatedCircularProgressBar",
   "source": "max-agent:src/components/ui/animated-circular-progress-bar.tsx"
  },
  {
   "name": "HelpTooltip",
   "group": "Feedback",
   "product": "Max",
   "showcasePage": false,
   "summary": "A 16px `HelpCircle` in `muted-foreground` that shows an explanation on hover or focus.",
   "url": "/design/components/help-tooltip",
   "markdown": "/design/components/help-tooltip.md",
   "preview": "/design/components/help-tooltip/preview.html",
   "global": "DigitalCrew.HelpTooltip",
   "source": "max-agent:src/components/shared/help-tooltip.tsx"
  },
  {
   "name": "Progress",
   "group": "Feedback",
   "product": "Max",
   "showcasePage": false,
   "summary": "A determinate bar: `primary` fill on `primary` at 20%, 8px tall, `r-full`.",
   "url": "/design/components/progress",
   "markdown": "/design/components/progress.md",
   "preview": "/design/components/progress/preview.html",
   "global": "DigitalCrew.Progress",
   "source": "max-agent:src/components/ui/progress.tsx"
  },
  {
   "name": "Skeleton",
   "group": "Feedback",
   "product": "Max",
   "showcasePage": false,
   "summary": "A placeholder block that pulses (`t-skel-pulse`, 1s) in `accent` while content loads.",
   "url": "/design/components/skeleton",
   "markdown": "/design/components/skeleton.md",
   "preview": "/design/components/skeleton/preview.html",
   "global": "DigitalCrew.Skeleton",
   "source": "max-agent:src/components/ui/skeleton.tsx"
  },
  {
   "name": "Toaster",
   "group": "Feedback",
   "product": "Max",
   "showcasePage": false,
   "summary": "Toast notifications (Sonner) on the `popover` surface with a `border` and `radius-lg`; mount one `Toaster` at the root and call `toast()` from anywhere.",
   "url": "/design/components/toaster",
   "markdown": "/design/components/toaster.md",
   "preview": "/design/components/toaster/preview.html",
   "global": "DigitalCrew.Toaster",
   "source": "max-agent:src/components/ui/sonner.tsx"
  },
  {
   "name": "AgentFace",
   "group": "Data display",
   "product": "Max",
   "showcasePage": false,
   "summary": "A Digital Worker's face: its approved portrait, or its initials on its accent tile.",
   "url": "/design/components/agent-face",
   "markdown": "/design/components/agent-face.md",
   "preview": "/design/components/agent-face/preview.html",
   "global": "DigitalCrew.AgentFace",
   "source": "max-agent:src/features/settings/agents/ui/agent-face.tsx"
  },
  {
   "name": "AnimateDigits",
   "group": "Data display",
   "product": "Max",
   "showcasePage": false,
   "summary": "A number whose digits spring in and out as it changes (motion), direction following the change.",
   "url": "/design/components/animate-digits",
   "markdown": "/design/components/animate-digits.md",
   "preview": "/design/components/animate-digits/preview.html",
   "global": "DigitalCrew.AnimateDigits",
   "source": "max-agent:src/components/ui/animate-digits.tsx"
  },
  {
   "name": "Avatar",
   "group": "Data display",
   "product": "Max",
   "showcasePage": false,
   "summary": "A round image with an initials fallback (Radix Avatar), 32px by default.",
   "url": "/design/components/avatar",
   "markdown": "/design/components/avatar.md",
   "preview": "/design/components/avatar/preview.html",
   "global": "DigitalCrew.Avatar",
   "source": "max-agent:src/components/ui/avatar.tsx"
  },
  {
   "name": "CampaignStatusBadge",
   "group": "Data display",
   "product": "Max",
   "showcasePage": false,
   "summary": "The campaign lifecycle pill: Draft, Active, Paused, Stopped, Completed, Archived.",
   "url": "/design/components/campaign-status-badge",
   "markdown": "/design/components/campaign-status-badge.md",
   "preview": "/design/components/campaign-status-badge/preview.html",
   "global": "DigitalCrew.CampaignStatusBadge",
   "source": "max-agent:src/features/campaigns/ui/components/campaign-status-badge.tsx"
  },
  {
   "name": "ChannelBadge",
   "group": "Data display",
   "product": "Max",
   "showcasePage": false,
   "summary": "Marks which channel a conversation or step runs on: email (amber), LinkedIn (sky), WhatsApp (emerald).",
   "url": "/design/components/channel-badge",
   "markdown": "/design/components/channel-badge.md",
   "preview": "/design/components/channel-badge/preview.html",
   "global": "DigitalCrew.ChannelBadge",
   "source": "max-agent:src/features/unibox/ui/components/channel-badge.tsx"
  },
  {
   "name": "EmailVerificationBadge",
   "group": "Data display",
   "product": "Max",
   "showcasePage": false,
   "summary": "The deliverability verdict for an email address, with an icon and an optional score.",
   "url": "/design/components/email-verification-badge",
   "markdown": "/design/components/email-verification-badge.md",
   "preview": "/design/components/email-verification-badge/preview.html",
   "global": "DigitalCrew.EmailVerificationBadge",
   "source": "max-agent:src/features/prospects/ui/components/email-verification-badge.tsx"
  },
  {
   "name": "HeroMetric",
   "group": "Data display",
   "product": "Max",
   "showcasePage": false,
   "summary": "One big number with its previous-period comparison, a trend pill and a pacing bar.",
   "url": "/design/components/hero-metric",
   "markdown": "/design/components/hero-metric.md",
   "preview": "/design/components/hero-metric/preview.html",
   "global": "DigitalCrew.HeroMetric",
   "source": "max-agent:src/features/analytics/ui/hero-metric.tsx"
  },
  {
   "name": "KpiCard",
   "group": "Data display",
   "product": "Max",
   "showcasePage": false,
   "summary": "A KPI tile — label, value, trend — and `KpiSection`, the glass panel that groups them.",
   "url": "/design/components/kpi-card",
   "markdown": "/design/components/kpi-card.md",
   "preview": "/design/components/kpi-card/preview.html",
   "global": "DigitalCrew.KpiCard",
   "source": "max-agent:src/features/analytics/ui/kpi-card.tsx"
  },
  {
   "name": "MaxIconSet",
   "group": "Data display",
   "product": "Max",
   "showcasePage": true,
   "summary": "Max's own SVG icons, exported as `DC.MaxIcons`: integration and channel logos, message delivery states, and the appearance-picker tiles.",
   "url": "/design/components/max-icon-set",
   "markdown": "/design/components/max-icon-set.md",
   "preview": "/design/components/max-icon-set/preview.html",
   "global": null,
   "source": null
  },
  {
   "name": "MetricTile",
   "group": "Data display",
   "product": "Max",
   "showcasePage": false,
   "summary": "A compact glass tile for a scored metric: label, value toned by score band, hint.",
   "url": "/design/components/metric-tile",
   "markdown": "/design/components/metric-tile.md",
   "preview": "/design/components/metric-tile/preview.html",
   "global": "DigitalCrew.MetricTile",
   "source": "max-agent:src/features/settings/deliverability/ui/metric-tile.tsx"
  },
  {
   "name": "ProspectAvatar",
   "group": "Data display",
   "product": "Max",
   "showcasePage": false,
   "summary": "A prospect's photo, or a gradient disc hashed from their name, with an optional unread halo.",
   "url": "/design/components/prospect-avatar",
   "markdown": "/design/components/prospect-avatar.md",
   "preview": "/design/components/prospect-avatar/preview.html",
   "global": "DigitalCrew.ProspectAvatar",
   "source": "max-agent:src/features/unibox/ui/components/prospect-avatar.tsx"
  },
  {
   "name": "Snippet",
   "group": "Data display",
   "product": "Max",
   "showcasePage": false,
   "summary": "A monospace command block with a copy button whose icon turns into a check after copying.",
   "url": "/design/components/snippet",
   "markdown": "/design/components/snippet.md",
   "preview": "/design/components/snippet/preview.html",
   "global": "DigitalCrew.Snippet",
   "source": "max-agent:src/components/ui/snippet-1.tsx"
  },
  {
   "name": "TimeLens",
   "group": "Data display",
   "product": "Max",
   "showcasePage": false,
   "summary": "Max's agenda: hour marks, ticks and tasks in one scrolling column, read through a fixed lens that shows the time under it.",
   "url": "/design/components/time-lens",
   "markdown": "/design/components/time-lens.md",
   "preview": "/design/components/time-lens/preview.html",
   "global": "DigitalCrew.TimeLens",
   "source": "max-agent:src/components/ui/time-lens.tsx"
  },
  {
   "name": "WorldGlobe",
   "group": "Data display",
   "product": "Max",
   "showcasePage": false,
   "summary": "An interactive d3-geo globe on canvas with avatar markers that merge into heat-coloured count bubbles.",
   "url": "/design/components/world-globe",
   "markdown": "/design/components/world-globe.md",
   "preview": "/design/components/world-globe/preview.html",
   "global": "DigitalCrew.WorldGlobe",
   "source": "max-agent:src/components/shared/world-globe/world-globe.tsx"
  },
  {
   "name": "AgentAvatar",
   "group": "Agents",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A Digital Worker's face as a muted, looping video in a rounded square, framed and glowing in the agent's brand colour, with an optional live dot.",
   "url": "/design/components/agent-avatar",
   "markdown": "/design/components/agent-avatar.md",
   "preview": "/design/components/agent-avatar/preview.html",
   "global": "DigitalCrew.AgentAvatar",
   "source": "digitalcrew-orchestrator:components/dc/index.ts"
  },
  {
   "name": "AgentSkillTag",
   "group": "Agents",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A tiny chip naming one of a Digital Worker's skills, tinted with that worker's colour.",
   "url": "/design/components/agent-skill-tag",
   "markdown": "/design/components/agent-skill-tag.md",
   "preview": "/design/components/agent-skill-tag/preview.html",
   "global": "DigitalCrew.AgentSkillTag",
   "source": "digitalcrew-orchestrator:components/dc/index.ts"
  },
  {
   "name": "AskMaxAction",
   "group": "Agents",
   "product": "Max",
   "showcasePage": false,
   "summary": "A contextual \"Ask Max\" button.",
   "url": "/design/components/ask-max-action",
   "markdown": "/design/components/ask-max-action.md",
   "preview": "/design/components/ask-max-action/preview.html",
   "global": "DigitalCrew.AskMaxAction",
   "source": "max-agent:src/features/agent/ui/ask-max-action.tsx"
  },
  {
   "name": "CrewAgents",
   "group": "Agents",
   "product": "Crew OS",
   "showcasePage": true,
   "summary": "The Digital Crew's eight agents, each one colour broken out of the ink: the palette ramp, the gradient, the role and the skills the public site gives them.",
   "url": "/design/components/crew-agents",
   "markdown": "/design/components/crew-agents.md",
   "preview": "/design/components/crew-agents/preview.html",
   "global": null,
   "source": null
  },
  {
   "name": "EquipmentBadge",
   "group": "Agents",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A small chip showing one piece of a Digital Worker's desk equipment as an emoji, with or without its label.",
   "url": "/design/components/equipment-badge",
   "markdown": "/design/components/equipment-badge.md",
   "preview": "/design/components/equipment-badge/preview.html",
   "global": "DigitalCrew.EquipmentBadge",
   "source": "digitalcrew-orchestrator:components/dc/index.ts"
  },
  {
   "name": "MaxRoster",
   "group": "Agents",
   "product": "Max",
   "showcasePage": true,
   "summary": "Max's 24 Digital Workers in their seven teams, each with its face (**AgentFace**) and accent dot.",
   "url": "/design/components/max-roster",
   "markdown": "/design/components/max-roster.md",
   "preview": "/design/components/max-roster/preview.html",
   "global": null,
   "source": null
  },
  {
   "name": "OAuthRequestCard",
   "group": "Agents",
   "product": "Max",
   "showcasePage": false,
   "summary": "A \"Connect HubSpot\" or \"Connect Notion\" card that an agent drops into the chat.",
   "url": "/design/components/oauth-request-card",
   "markdown": "/design/components/oauth-request-card.md",
   "preview": "/design/components/oauth-request-card/preview.html",
   "global": "DigitalCrew.OAuthRequestCard",
   "source": "max-agent:src/features/onboarding-hermes/ui/parts/oauth-request-card.tsx"
  },
  {
   "name": "ThinkingBox",
   "group": "Agents",
   "product": "Max",
   "showcasePage": false,
   "summary": "Max's thinking box: the running account of what he thought, which tools he called, what he sent and what came back.",
   "url": "/design/components/thinking-box",
   "markdown": "/design/components/thinking-box.md",
   "preview": "/design/components/thinking-box/preview.html",
   "global": "DigitalCrew.ThinkingBox",
   "source": "max-agent:src/features/agent/ui/thinking-box.tsx"
  },
  {
   "name": "ToolStatusIndicator",
   "group": "Agents",
   "product": "Max",
   "showcasePage": false,
   "summary": "Compact dot, label and state rows that report tool activity in the onboarding and meetings chats.",
   "url": "/design/components/tool-status-indicator",
   "markdown": "/design/components/tool-status-indicator.md",
   "preview": "/design/components/tool-status-indicator/preview.html",
   "global": "DigitalCrew.ToolStatusIndicator",
   "source": "max-agent:src/features/onboarding-hermes/ui/parts/tool-call-indicator.tsx"
  },
  {
   "name": "MaxChat",
   "group": "Agent surfaces",
   "product": "Max",
   "showcasePage": true,
   "summary": "A static rendition of `.maxchat`, the surface every Max agent speaks through: the Max chat, the Ask Max panel, the meetings assistant and the onboarding chat.",
   "url": "/design/components/max-chat",
   "markdown": "/design/components/max-chat.md",
   "preview": "/design/components/max-chat/preview.html",
   "global": null,
   "source": null
  },
  {
   "name": "Markdown",
   "group": "AI",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "Renders a markdown string (GitHub-flavoured: tables, task lists, strikethrough) and stays cheap while an AI reply streams in.",
   "url": "/design/components/markdown",
   "markdown": "/design/components/markdown.md",
   "preview": "/design/components/markdown/preview.html",
   "global": "DigitalCrew.Markdown",
   "source": "digitalcrew-orchestrator:components/ui/markdown.tsx"
  },
  {
   "name": "Reasoning",
   "group": "AI",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A collapsible block that shows how an agent reached its answer, with the reasoning streamed in as markdown.",
   "url": "/design/components/reasoning",
   "markdown": "/design/components/reasoning.md",
   "preview": "/design/components/reasoning/preview.html",
   "global": "DigitalCrew.Reasoning",
   "source": "digitalcrew-orchestrator:components/ui/reasoning.tsx"
  },
  {
   "name": "ResponseStream",
   "group": "AI",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "Reveals text progressively, either typed out character by character or faded in word by word, from a string or an async stream of chunks.",
   "url": "/design/components/response-stream",
   "markdown": "/design/components/response-stream.md",
   "preview": "/design/components/response-stream/preview.html",
   "global": "DigitalCrew.ResponseStream",
   "source": "digitalcrew-orchestrator:components/ui/response-stream.tsx"
  },
  {
   "name": "ChannelSegments",
   "group": "Unibox",
   "product": "Max",
   "showcasePage": false,
   "summary": "The Unibox channel filter: a rail of icons where one shared pill glides to the selected channel, and only that segment spells out its name.",
   "url": "/design/components/channel-segments",
   "markdown": "/design/components/channel-segments.md",
   "preview": "/design/components/channel-segments/preview.html",
   "global": "DigitalCrew.ChannelSegments",
   "source": "max-agent:src/features/unibox/ui/components/channel-segments.tsx"
  },
  {
   "name": "ChatListItem",
   "group": "Unibox",
   "product": "Max",
   "showcasePage": false,
   "summary": "One conversation in the Unibox list: a motion row that staggers in, glides when a new reply reorders the inbox, and pops its unread badge.",
   "url": "/design/components/chat-list-item",
   "markdown": "/design/components/chat-list-item.md",
   "preview": "/design/components/chat-list-item/preview.html",
   "global": "DigitalCrew.ChatListItem",
   "source": "max-agent:src/features/unibox/ui/components/chat-list-item.tsx"
  },
  {
   "name": "MessageBubble",
   "group": "Unibox",
   "product": "Max",
   "showcasePage": false,
   "summary": "One message in a Unibox thread: your side in the brand gradient, theirs in muted glass, each rising in from its own side of the conversation.",
   "url": "/design/components/message-bubble",
   "markdown": "/design/components/message-bubble.md",
   "preview": "/design/components/message-bubble/preview.html",
   "global": "DigitalCrew.MessageBubble",
   "source": "max-agent:src/features/unibox/ui/components/message-bubble.tsx"
  },
  {
   "name": "MessageComposer",
   "group": "Unibox",
   "product": "Max",
   "showcasePage": false,
   "summary": "The Unibox reply box: text, emoji and staged images in one rounded field, with a send button that springs awake when there is something to send.",
   "url": "/design/components/message-composer",
   "markdown": "/design/components/message-composer.md",
   "preview": "/design/components/message-composer/preview.html",
   "global": "DigitalCrew.MessageComposer",
   "source": "max-agent:src/features/unibox/ui/components/message-composer.tsx"
  },
  {
   "name": "ReplySuggestions",
   "group": "Unibox",
   "product": "Max",
   "showcasePage": false,
   "summary": "The band between a Unibox thread and its composer: ask for a few replies, watch them arrive, pick one.",
   "url": "/design/components/reply-suggestions",
   "markdown": "/design/components/reply-suggestions.md",
   "preview": "/design/components/reply-suggestions/preview.html",
   "global": "DigitalCrew.ReplySuggestions",
   "source": "max-agent:src/features/unibox/ui/components/reply-suggestions.tsx"
  },
  {
   "name": "SyncProgressPanel",
   "group": "Unibox",
   "product": "Max",
   "showcasePage": false,
   "summary": "The dialog behind the Unibox sync button.",
   "url": "/design/components/sync-progress-panel",
   "markdown": "/design/components/sync-progress-panel.md",
   "preview": "/design/components/sync-progress-panel/preview.html",
   "global": "DigitalCrew.SyncProgressPanel",
   "source": "max-agent:src/features/unibox/ui/components/sync-progress-panel.tsx"
  },
  {
   "name": "UniboxIdlePanel",
   "group": "Unibox",
   "product": "Max",
   "showcasePage": false,
   "summary": "The Unibox's empty conversation pane: a breathing glass orb with the three channels in slow orbit and a quiet \"Listening for new replies\" line.",
   "url": "/design/components/unibox-idle-panel",
   "markdown": "/design/components/unibox-idle-panel.md",
   "preview": "/design/components/unibox-idle-panel/preview.html",
   "global": "DigitalCrew.UniboxIdlePanel",
   "source": "max-agent:src/features/unibox/ui/components/unibox-idle-panel.tsx"
  },
  {
   "name": "ActivityChart",
   "group": "Analytics",
   "product": "Max",
   "showcasePage": false,
   "summary": "A day-bucketed Recharts chart in Max's glass panel: each series is drawn as an area, a line or a bar, with a dot legend and a popover tooltip.",
   "url": "/design/components/activity-chart",
   "markdown": "/design/components/activity-chart.md",
   "preview": "/design/components/activity-chart/preview.html",
   "global": "DigitalCrew.ActivityChart",
   "source": "max-agent:src/features/analytics/ui/activity-chart.tsx"
  },
  {
   "name": "ChartContainer",
   "group": "Analytics",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "The shell every Crew OS chart sits in: it wraps a Recharts 2 chart in a `ResponsiveContainer`, turns a config object into per-series colour variables and styles axes, grid, tooltip and legend with the theme tokens.",
   "url": "/design/components/chart-container",
   "markdown": "/design/components/chart-container.md",
   "preview": "/design/components/chart-container/preview.html",
   "global": "DigitalCrew.ChartContainer",
   "source": "digitalcrew-orchestrator:components/ui/chart.tsx"
  },
  {
   "name": "FunnelChart",
   "group": "Analytics",
   "product": "Max",
   "showcasePage": false,
   "summary": "A vertical column funnel with a summary panel.",
   "url": "/design/components/funnel-chart",
   "markdown": "/design/components/funnel-chart.md",
   "preview": "/design/components/funnel-chart/preview.html",
   "global": "DigitalCrew.FunnelChart",
   "source": "max-agent:src/features/analytics/ui/funnel-chart.tsx"
  },
  {
   "name": "InsightsCard",
   "group": "Analytics",
   "product": "Max",
   "showcasePage": false,
   "summary": "A meeting's numbers (sentiment, stat tiles, per-speaker talk share, an over-talk hint), all derived on the client from the transcript.",
   "url": "/design/components/insights-card",
   "markdown": "/design/components/insights-card.md",
   "preview": "/design/components/insights-card/preview.html",
   "global": "DigitalCrew.InsightsCard",
   "source": "max-agent:src/features/meeting-hub/ui/insights-card.tsx"
  },
  {
   "name": "QualificationContent",
   "group": "Analytics",
   "product": "Max",
   "showcasePage": false,
   "summary": "The body of a BANT qualification snapshot: a score, a verdict, a confirmed count, and one tile per criterion with its status, rationale and first piece of transcript evidence.",
   "url": "/design/components/qualification-content",
   "markdown": "/design/components/qualification-content.md",
   "preview": "/design/components/qualification-content/preview.html",
   "global": "DigitalCrew.QualificationContent",
   "source": "max-agent:src/features/meeting-hub/ui/qualification-card.tsx"
  },
  {
   "name": "DealCard",
   "group": "Pipeline",
   "product": "Max",
   "showcasePage": false,
   "summary": "One draggable deal on the deals board, plus `DealCardPreview`, the tilted copy shown under the cursor while dragging.",
   "url": "/design/components/deal-card",
   "markdown": "/design/components/deal-card.md",
   "preview": "/design/components/deal-card/preview.html",
   "global": "DigitalCrew.DealCard",
   "source": "max-agent:src/features/deals/ui/components/deal-card.tsx"
  },
  {
   "name": "DealColumn",
   "group": "Pipeline",
   "product": "Max",
   "showcasePage": false,
   "summary": "One column of the deals board: a droppable, infinitely scrolling list of `DealCard`s under a header with the stage dot, a count badge and money totals.",
   "url": "/design/components/deal-column",
   "markdown": "/design/components/deal-column.md",
   "preview": "/design/components/deal-column/preview.html",
   "global": "DigitalCrew.DealColumn",
   "source": "max-agent:src/features/deals/ui/components/deal-column.tsx"
  },
  {
   "name": "MovableCardGrid",
   "group": "Pipeline",
   "product": "Max",
   "showcasePage": false,
   "summary": "A card grid the reader can rearrange.",
   "url": "/design/components/movable-card-grid",
   "markdown": "/design/components/movable-card-grid.md",
   "preview": "/design/components/movable-card-grid/preview.html",
   "global": "DigitalCrew.MovableCardGrid",
   "source": "max-agent:src/features/prospects/ui/components/movable-card-grid.tsx"
  },
  {
   "name": "SalesWorkspaceMap",
   "group": "Pipeline",
   "product": "Max",
   "showcasePage": false,
   "summary": "A read-only React Flow map of how a workspace's lists, signals, campaigns, rules and pipelines connect.",
   "url": "/design/components/sales-workspace-map",
   "markdown": "/design/components/sales-workspace-map.md",
   "preview": "/design/components/sales-workspace-map/preview.html",
   "global": "DigitalCrew.SalesWorkspaceMap",
   "source": "max-agent:src/features/sales-workspace/ui/sales-workspace-map.tsx"
  },
  {
   "name": "StageColors",
   "group": "Pipeline",
   "product": "Max",
   "showcasePage": true,
   "summary": "The 17-colour palette for pipeline and deal stage accents, with helpers that return static Tailwind classes and a hex value for each colour.",
   "url": "/design/components/stage-colors",
   "markdown": "/design/components/stage-colors.md",
   "preview": "/design/components/stage-colors/preview.html",
   "global": null,
   "source": null
  },
  {
   "name": "ActionFocusSession",
   "group": "Motion",
   "product": "Max",
   "showcasePage": false,
   "summary": "The focus timebox for one task in the actions cockpit: a live billable clock with approve, start, pause, run and done, and a burst of sparkles on completion.",
   "url": "/design/components/action-focus-session",
   "markdown": "/design/components/action-focus-session.md",
   "preview": "/design/components/action-focus-session/preview.html",
   "global": "DigitalCrew.ActionFocusSession",
   "source": "max-agent:src/features/actions/ui/cockpit/action-focus-session.tsx"
  },
  {
   "name": "CardResize",
   "group": "Motion",
   "product": "Both",
   "showcasePage": true,
   "summary": "A container that tweens its width and height when its content changes (`.t-resize`).",
   "url": "/design/components/card-resize",
   "markdown": "/design/components/card-resize.md",
   "preview": "/design/components/card-resize/preview.html",
   "global": null,
   "source": null
  },
  {
   "name": "ChapterScrubber",
   "group": "Motion",
   "product": "Max",
   "showcasePage": false,
   "summary": "A rail of ticks, one per chapter, that swell like a dock under the pointer, with a card previewing the hovered chapter.",
   "url": "/design/components/chapter-scrubber",
   "markdown": "/design/components/chapter-scrubber.md",
   "preview": "/design/components/chapter-scrubber/preview.html",
   "global": "DigitalCrew.ChapterScrubber",
   "source": "max-agent:src/components/ui/chapter-scrubber.tsx"
  },
  {
   "name": "ContainerScroll",
   "group": "Motion",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A hero block where a device-like frame starts tilted back in 3D and straightens as the page scrolls, with the title drifting up.",
   "url": "/design/components/container-scroll",
   "markdown": "/design/components/container-scroll.md",
   "preview": "/design/components/container-scroll/preview.html",
   "global": "DigitalCrew.ContainerScroll",
   "source": "digitalcrew-orchestrator:components/ui/container-scroll-animation.tsx"
  },
  {
   "name": "FeatureSlideshow",
   "group": "Motion",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A step-by-step feature explainer: an accordion of steps on the left that advances on a timer, a progress line on the open step, and a large media slot on the right.",
   "url": "/design/components/feature-slideshow",
   "markdown": "/design/components/feature-slideshow.md",
   "preview": "/design/components/feature-slideshow/preview.html",
   "global": "DigitalCrew.FeatureSlideshow",
   "source": "digitalcrew-orchestrator:components/ui/feature-slideshow.tsx"
  },
  {
   "name": "FirstBentoAnimation",
   "group": "Motion",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A self-playing chat vignette for the bento grid: a user asks for a meeting slot, the Digital Crew avatar shows typing dots, then the reply streams in as a `Reasoning` block.",
   "url": "/design/components/first-bento-animation",
   "markdown": "/design/components/first-bento-animation.md",
   "preview": "/design/components/first-bento-animation/preview.html",
   "global": "DigitalCrew.FirstBentoAnimation",
   "source": "digitalcrew-orchestrator:components/first-bento-animation.tsx"
  },
  {
   "name": "FourthBentoAnimation",
   "group": "Motion",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A scheduling vignette for the bento grid: a week ruler, three task bars that spring into place, and a time cursor that follows the pointer.",
   "url": "/design/components/fourth-bento-animation",
   "markdown": "/design/components/fourth-bento-animation.md",
   "preview": "/design/components/fourth-bento-animation/preview.html",
   "global": "DigitalCrew.FourthBentoAnimation",
   "source": "digitalcrew-orchestrator:components/fourth-bento-animation.tsx"
  },
  {
   "name": "HyperText",
   "group": "Motion",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A monospaced, uppercase text effect: letters scramble through random characters, then lock in from left to right.",
   "url": "/design/components/hyper-text",
   "markdown": "/design/components/hyper-text.md",
   "preview": "/design/components/hyper-text/preview.html",
   "global": "DigitalCrew.HyperText",
   "source": "digitalcrew-orchestrator:components/ui/hyper-text.tsx"
  },
  {
   "name": "InfiniteSlider",
   "group": "Motion",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A JavaScript-driven endless strip (Framer Motion) that renders its children twice and slides them in a loop, optionally slowing on hover.",
   "url": "/design/components/infinite-slider",
   "markdown": "/design/components/infinite-slider.md",
   "preview": "/design/components/infinite-slider/preview.html",
   "global": "DigitalCrew.InfiniteSlider",
   "source": "digitalcrew-orchestrator:components/ui/infinite-slider.tsx"
  },
  {
   "name": "JoyfulTaskCheckbox",
   "group": "Motion",
   "product": "Max",
   "showcasePage": false,
   "summary": "A task checkbox with a small, restrained completion moment: one soft bloom, two sparks, then stillness.",
   "url": "/design/components/joyful-task-checkbox",
   "markdown": "/design/components/joyful-task-checkbox.md",
   "preview": "/design/components/joyful-task-checkbox/preview.html",
   "global": "DigitalCrew.JoyfulTaskCheckbox",
   "source": "max-agent:src/features/tasks/ui/joyful-task-checkbox.tsx"
  },
  {
   "name": "Lottie",
   "group": "Motion",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "The lottie-react player, exported as-is, for the Lottie animations that ship with Crew OS (`animations/*.json`).",
   "url": "/design/components/lottie",
   "markdown": "/design/components/lottie.md",
   "preview": "/design/components/lottie/preview.html",
   "global": "DigitalCrew.Lottie",
   "source": null
  },
  {
   "name": "Marquee",
   "group": "Motion",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "An endless CSS scroll of repeated content, horizontal or vertical, speed set with two CSS variables.",
   "url": "/design/components/marquee",
   "markdown": "/design/components/marquee.md",
   "preview": "/design/components/marquee/preview.html",
   "global": "DigitalCrew.Marquee",
   "source": "digitalcrew-orchestrator:components/ui/marquee.tsx"
  },
  {
   "name": "MotionScale",
   "group": "Motion",
   "product": "Both",
   "showcasePage": true,
   "summary": "The shared motion scale made visible: the same distance travelled on each duration token and each easing, with a Replay button.",
   "url": "/design/components/motion-scale",
   "markdown": "/design/components/motion-scale.md",
   "preview": "/design/components/motion-scale/preview.html",
   "global": null,
   "source": null
  },
  {
   "name": "NumberFlowCounter",
   "group": "Motion",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A small dark pill that shows one number at a time and rolls its digits to the next value every two seconds (NumberFlow).",
   "url": "/design/components/number-flow-counter",
   "markdown": "/design/components/number-flow-counter.md",
   "preview": "/design/components/number-flow-counter/preview.html",
   "global": "DigitalCrew.NumberFlowCounter",
   "source": "digitalcrew-orchestrator:components/third-bento-animation.tsx"
  },
  {
   "name": "OrbitingCircles",
   "group": "Motion",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "Places its children on a circular orbit around the centre of the parent and spins them, with an optional faint ring for the path.",
   "url": "/design/components/orbiting-circles",
   "markdown": "/design/components/orbiting-circles.md",
   "preview": "/design/components/orbiting-circles/preview.html",
   "global": "DigitalCrew.OrbitingCircles",
   "source": "digitalcrew-orchestrator:components/ui/orbiting-circle.tsx"
  },
  {
   "name": "ShimmerText",
   "group": "Motion",
   "product": "Both",
   "showcasePage": true,
   "summary": "A status line with a light band sweeping across its glyphs — Max's \"Thinking…\" and live tool lines (`.t-shimmer`).",
   "url": "/design/components/shimmer-text",
   "markdown": "/design/components/shimmer-text.md",
   "preview": "/design/components/shimmer-text/preview.html",
   "global": null,
   "source": null
  },
  {
   "name": "SignatureGradient",
   "group": "Motion",
   "product": "Crew OS",
   "showcasePage": true,
   "summary": "The signature Digital Crew gradient — indigo → pink → amber (`dc-andre`, `dc-camille`, `dc-amber`) — in its four forms.",
   "url": "/design/components/signature-gradient",
   "markdown": "/design/components/signature-gradient.md",
   "preview": "/design/components/signature-gradient/preview.html",
   "global": null,
   "source": null
  },
  {
   "name": "SkeletonReveal",
   "group": "Motion",
   "product": "Both",
   "showcasePage": true,
   "summary": "A skeleton that cross-blurs into the loaded content, so the swap reads as one motion (`.t-skel`).",
   "url": "/design/components/skeleton-reveal",
   "markdown": "/design/components/skeleton-reveal.md",
   "preview": "/design/components/skeleton-reveal/preview.html",
   "global": null,
   "source": null
  },
  {
   "name": "StreamingText",
   "group": "Motion",
   "product": "Both",
   "showcasePage": true,
   "summary": "Streamed words resolving through a soft cross-blur, one after another (`.t-stream-w` → `.is-in`).",
   "url": "/design/components/streaming-text",
   "markdown": "/design/components/streaming-text.md",
   "preview": "/design/components/streaming-text/preview.html",
   "global": null,
   "source": null
  },
  {
   "name": "ThirdBentoAnimation",
   "group": "Motion",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "An insight vignette for the bento grid: a smooth area line draws itself, a dot pulses at its midpoint and a dark pill above it ticks through values.",
   "url": "/design/components/third-bento-animation",
   "markdown": "/design/components/third-bento-animation.md",
   "preview": "/design/components/third-bento-animation/preview.html",
   "global": "DigitalCrew.ThirdBentoAnimation",
   "source": "digitalcrew-orchestrator:components/third-bento-animation.tsx"
  },
  {
   "name": "UniboxMotion",
   "group": "Motion",
   "product": "Max",
   "showcasePage": true,
   "summary": "The Unibox's shared motion vocabulary: every surface moves on the same few springs, so the whole inbox feels like one physical material.",
   "url": "/design/components/unibox-motion",
   "markdown": "/design/components/unibox-motion.md",
   "preview": "/design/components/unibox-motion/preview.html",
   "global": null,
   "source": null
  },
  {
   "name": "CosmicSynapseCanvas",
   "group": "Effects",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A canvas animation of a slowly rotating sphere of neurons that fire and send pulses along their links, like a brain lighting up.",
   "url": "/design/components/cosmic-synapse-canvas",
   "markdown": "/design/components/cosmic-synapse-canvas.md",
   "preview": "/design/components/cosmic-synapse-canvas/preview.html",
   "global": "DigitalCrew.CosmicSynapseCanvas",
   "source": "digitalcrew-orchestrator:components/ui/neurons-hero.tsx"
  },
  {
   "name": "CpuArchitecture",
   "group": "Effects",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "An SVG circuit diagram: eight traces run into a central chip labelled \"DIGITAL CREW\", with coloured light pulses travelling along them.",
   "url": "/design/components/cpu-architecture",
   "markdown": "/design/components/cpu-architecture.md",
   "preview": "/design/components/cpu-architecture/preview.html",
   "global": "DigitalCrew.CpuArchitecture",
   "source": "digitalcrew-orchestrator:components/ui/cpu-architecture.tsx"
  },
  {
   "name": "FlickeringGrid",
   "group": "Effects",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A canvas of small squares whose opacity flickers at random, with optional text knocked into the grid as brighter squares.",
   "url": "/design/components/flickering-grid",
   "markdown": "/design/components/flickering-grid.md",
   "preview": "/design/components/flickering-grid/preview.html",
   "global": "DigitalCrew.FlickeringGrid",
   "source": "digitalcrew-orchestrator:components/ui/flickering-grid.tsx"
  },
  {
   "name": "Glitchy404",
   "group": "Effects",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A \"404\" made of shaking fragments, rasterised to a canvas where every pixel row is jittered sideways each frame, like a bad signal.",
   "url": "/design/components/glitchy-404",
   "markdown": "/design/components/glitchy-404.md",
   "preview": "/design/components/glitchy-404/preview.html",
   "global": "DigitalCrew.Glitchy404",
   "source": "digitalcrew-orchestrator:components/ui/glitchy-404-1.tsx"
  },
  {
   "name": "Globe",
   "group": "Effects",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "An auto-rotating 3D dot-matrix globe (cobe, WebGL) with orange city markers, which the visitor can drag to spin.",
   "url": "/design/components/globe",
   "markdown": "/design/components/globe.md",
   "preview": "/design/components/globe/preview.html",
   "global": "DigitalCrew.Globe",
   "source": "digitalcrew-orchestrator:components/ui/globe.tsx"
  },
  {
   "name": "GlowingEffect",
   "group": "Effects",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A multicolour glow that runs along a card's border and follows the pointer around it.",
   "url": "/design/components/glowing-effect",
   "markdown": "/design/components/glowing-effect.md",
   "preview": "/design/components/glowing-effect/preview.html",
   "global": "DigitalCrew.GlowingEffect",
   "source": "digitalcrew-orchestrator:components/ui/glowing-effect.tsx"
  },
  {
   "name": "PixelCard",
   "group": "Effects",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A card whose surface fills with shimmering pixels, spreading out from the centre, while it is hovered or focused.",
   "url": "/design/components/pixel-card",
   "markdown": "/design/components/pixel-card.md",
   "preview": "/design/components/pixel-card/preview.html",
   "global": "DigitalCrew.PixelCard",
   "source": "digitalcrew-orchestrator:components/ui/pixel-card.tsx"
  },
  {
   "name": "ProgressiveBlur",
   "group": "Effects",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A stack of backdrop-blur layers, each masked to a band, so content behind it blurs progressively toward one edge.",
   "url": "/design/components/progressive-blur",
   "markdown": "/design/components/progressive-blur.md",
   "preview": "/design/components/progressive-blur/preview.html",
   "global": "DigitalCrew.ProgressiveBlur",
   "source": "digitalcrew-orchestrator:components/ui/progressive-blur.tsx"
  },
  {
   "name": "SecondBentoAnimation",
   "group": "Effects",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A security emblem for the bento grid: a solid shield sits on a flickering dot grid, and the whole tile is clipped to a shield silhouette until hovered.",
   "url": "/design/components/second-bento-animation",
   "markdown": "/design/components/second-bento-animation.md",
   "preview": "/design/components/second-bento-animation/preview.html",
   "global": "DigitalCrew.SecondBentoAnimation",
   "source": "digitalcrew-orchestrator:components/second-bento-animation.tsx"
  },
  {
   "name": "SplashCursor",
   "group": "Effects",
   "product": "Max",
   "showcasePage": false,
   "summary": "A WebGL fluid simulation that trails the pointer in coloured dye behind the page content.",
   "url": "/design/components/splash-cursor",
   "markdown": "/design/components/splash-cursor.md",
   "preview": "/design/components/splash-cursor/preview.html",
   "global": "DigitalCrew.SplashCursor",
   "source": "max-agent:src/components/ui/splash-cursor.tsx"
  },
  {
   "name": "AppearanceControls",
   "group": "Appearance",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "The \"Appearance\" settings panel from `@digitalcrew/ui`: density, button finish, motion, background effect and intensity, the splash cursor, and a live preview of the result.",
   "url": "/design/components/appearance-controls",
   "markdown": "/design/components/appearance-controls.md",
   "preview": "/design/components/appearance-controls/preview.html",
   "global": "DigitalCrew.AppearanceControls",
   "source": "digitalcrew-orchestrator:packages/ui/src/appearance-controls.tsx"
  },
  {
   "name": "BackgroundEffect",
   "group": "Appearance",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A decorative canvas that fills a positioned region with one of seven pointer-reactive background effects, drawn in the current `--primary` colour.",
   "url": "/design/components/background-effect",
   "markdown": "/design/components/background-effect.md",
   "preview": "/design/components/background-effect/preview.html",
   "global": "DigitalCrew.BackgroundEffect",
   "source": "digitalcrew-orchestrator:packages/ui/src/backgrounds.tsx"
  },
  {
   "name": "BentoSection",
   "group": "Marketing",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "The landing-page bento: a `SectionHeader` over a two-by-two grid of animated tiles (collaboration, security, insights, automation), each with a title and description.",
   "url": "/design/components/bento-section",
   "markdown": "/design/components/bento-section.md",
   "preview": "/design/components/bento-section/preview.html",
   "global": "DigitalCrew.BentoSection",
   "source": "digitalcrew-orchestrator:components/sections/bento-section.tsx"
  },
  {
   "name": "BrandBadge",
   "group": "Marketing",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A rounded pill in any brand colour, in three weights: solid, outline and subtle.",
   "url": "/design/components/brand-badge",
   "markdown": "/design/components/brand-badge.md",
   "preview": "/design/components/brand-badge/preview.html",
   "global": "DigitalCrew.BrandBadge",
   "source": "digitalcrew-orchestrator:components/dc/index.ts"
  },
  {
   "name": "BrandIconSet",
   "group": "Marketing",
   "product": "Crew OS",
   "showcasePage": true,
   "summary": "The Crew OS brand icon set, `Icons` in the app and `DC.BrandIcons` here: the Digital Crew mark, compliance seals, and partner and integration marks as inline SVG components.",
   "url": "/design/components/brand-icon-set",
   "markdown": "/design/components/brand-icon-set.md",
   "preview": "/design/components/brand-icon-set/preview.html",
   "global": null,
   "source": null
  },
  {
   "name": "BrandStatCard",
   "group": "Marketing",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A frosted summary card for a headline number, tinted with one brand colour: icon tile, badge, uppercase label, big value and a subtitle.",
   "url": "/design/components/brand-stat-card",
   "markdown": "/design/components/brand-stat-card.md",
   "preview": "/design/components/brand-stat-card/preview.html",
   "global": "DigitalCrew.BrandStatCard",
   "source": "digitalcrew-orchestrator:components/dc/index.ts"
  },
  {
   "name": "ConnectSection",
   "group": "Marketing",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "The \"Connect your context\" section: one rounded panel with a heading, a tools row (integration logos orbiting the Digital Crew mark) and a knowledge row (the `CosmicSynapseCanvas` neuron sphere).",
   "url": "/design/components/connect-section",
   "markdown": "/design/components/connect-section.md",
   "preview": "/design/components/connect-section/preview.html",
   "global": "DigitalCrew.ConnectSection",
   "source": "digitalcrew-orchestrator:components/ui/connect-section.tsx"
  },
  {
   "name": "CpuSuperposition",
   "group": "Marketing",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "The features block of the Crew OS landing page: the `CpuArchitecture` circuit on top, overlapping the five glowing value cards of `FeaturesGridWithGlowingEffect` below it.",
   "url": "/design/components/cpu-superposition",
   "markdown": "/design/components/cpu-superposition.md",
   "preview": "/design/components/cpu-superposition/preview.html",
   "global": "DigitalCrew.CpuSuperposition",
   "source": "digitalcrew-orchestrator:components/sections/cpu-superposition.tsx"
  },
  {
   "name": "CrewNetwork",
   "group": "Marketing",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "The \"How work moves through the network\" section: a live mission card and a four-step timeline (ask, match, work, paid) that plays through six real-looking missions, showing a Digital Worker handing a brief to a human operator.",
   "url": "/design/components/crew-network",
   "markdown": "/design/components/crew-network.md",
   "preview": "/design/components/crew-network/preview.html",
   "global": "DigitalCrew.CrewNetwork",
   "source": "digitalcrew-orchestrator:components/sections/crew-network/CrewNetwork.tsx"
  },
  {
   "name": "CTASection",
   "group": "Marketing",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "The closing call to action: a dark gradient panel with Camille's looping portrait video, a heading, a short line and one glass button to contact the team.",
   "url": "/design/components/cta-section",
   "markdown": "/design/components/cta-section.md",
   "preview": "/design/components/cta-section/preview.html",
   "global": "DigitalCrew.CTASection",
   "source": "digitalcrew-orchestrator:components/sections/cta-section.tsx"
  },
  {
   "name": "FAQSection",
   "group": "Marketing",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "The landing-page FAQ: a `SectionHeader` and seventeen questions in a single-open, collapsible accordion.",
   "url": "/design/components/faq-section",
   "markdown": "/design/components/faq-section.md",
   "preview": "/design/components/faq-section/preview.html",
   "global": "DigitalCrew.FAQSection",
   "source": "digitalcrew-orchestrator:components/sections/faq-section.tsx"
  },
  {
   "name": "FeatureSection",
   "group": "Marketing",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "The Crew Network hero: a giant three-line headline (\"Discover / the internet / of actions\") over a slowly turning WebGL globe laced with glowing connection arcs, then a description and three stats.",
   "url": "/design/components/feature-section",
   "markdown": "/design/components/feature-section.md",
   "preview": "/design/components/feature-section/preview.html",
   "global": "DigitalCrew.FeatureSection",
   "source": "digitalcrew-orchestrator:components/ui/feature-section.tsx"
  },
  {
   "name": "FeaturesGridWithGlowingEffect",
   "group": "Marketing",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "The five value cards of the Crew OS landing page (cut waste, run lean, always on, reliable by default, shared knowledge), each wrapped in a pointer-following `GlowingEffect`.",
   "url": "/design/components/features-grid-with-glowing-effect",
   "markdown": "/design/components/features-grid-with-glowing-effect.md",
   "preview": "/design/components/features-grid-with-glowing-effect/preview.html",
   "global": "DigitalCrew.FeaturesGridWithGlowingEffect",
   "source": "digitalcrew-orchestrator:components/glowing-effect.tsx"
  },
  {
   "name": "SectionHeader",
   "group": "Marketing",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "The centred intro block that opens every Crew OS marketing section: generous padding, a bottom rule, and whatever eyebrow, heading and lede you pass in.",
   "url": "/design/components/section-header",
   "markdown": "/design/components/section-header.md",
   "preview": "/design/components/section-header/preview.html",
   "global": "DigitalCrew.SectionHeader",
   "source": "digitalcrew-orchestrator:components/section-header.tsx"
  },
  {
   "name": "SectionSolutions",
   "group": "Marketing",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "The \"Hire your Crew\" section: a numbered roster of six Digital Workers beside a dossier card for the selected one, advancing on its own until the visitor picks someone.",
   "url": "/design/components/section-solutions",
   "markdown": "/design/components/section-solutions.md",
   "preview": "/design/components/section-solutions/preview.html",
   "global": "DigitalCrew.SectionSolutions",
   "source": "digitalcrew-orchestrator:components/sections/solutions.tsx"
  },
  {
   "name": "SocialProofTestimonials",
   "group": "Marketing",
   "product": "Crew OS",
   "showcasePage": false,
   "summary": "A wall of customer quotes: `TestimonialCard`s stacked in columns that scroll vertically at different speeds, fading out at the top and bottom.",
   "url": "/design/components/social-proof-testimonials",
   "markdown": "/design/components/social-proof-testimonials.md",
   "preview": "/design/components/social-proof-testimonials/preview.html",
   "global": "DigitalCrew.SocialProofTestimonials",
   "source": "digitalcrew-orchestrator:components/testimonial-scroll.tsx"
  }
 ],
 "agents": [
  {
   "id": "sophie",
   "name": "Sophie",
   "role": "HR Business Partner",
   "status": "Online",
   "colorToken": "dc-sophie",
   "video": "/design/assets/Agents/videos/sophie.mp4"
  },
  {
   "id": "claire",
   "name": "Claire",
   "role": "Market Mastermind",
   "status": "Online",
   "colorToken": "dc-claire",
   "video": null
  },
  {
   "id": "max",
   "name": "Max",
   "role": "Outbound Sales Force",
   "status": "Online",
   "colorToken": "dc-max",
   "video": "/design/assets/Agents/videos/max.mp4"
  },
  {
   "id": "kate",
   "name": "Kate",
   "role": "Marketing Maestro",
   "status": "Online",
   "colorToken": "dc-kate",
   "video": "/design/assets/Agents/videos/kate.mp4"
  },
  {
   "id": "camille",
   "name": "Camille",
   "role": "Customer Support Champion",
   "status": "Coming soon",
   "colorToken": "dc-camille",
   "video": "/sophie.mp4"
  },
  {
   "id": "andre",
   "name": "André",
   "role": "Finance & Admin",
   "status": "Coming soon",
   "colorToken": "dc-andre",
   "video": "/design/assets/Agents/videos/andre.mp4"
  },
  {
   "id": "jeanne",
   "name": "Jeanne",
   "role": "Project Manager",
   "status": "Internal",
   "colorToken": "dc-jeanne",
   "video": null
  },
  {
   "id": "boss",
   "name": "Boss",
   "role": "Chief Executive Officer",
   "status": "Internal",
   "colorToken": "dc-boss",
   "video": null
  }
 ]
}