@zaip-ai/cli 0.1.0 → 1.0.1

package/templates/.zaip-aios/design/.zaip-managed.json

@@ -0,0 +1,330 @@
+{
+  "schemaVersion": 1,
+  "version": "1.0.0",
+  "files": [
+    {
+      "path": "apps/catalog/.storybook/main.ts",
+      "sha256": "d3b2540af9898ed7cf4e360a553bc9c84b0270150fe9114b23bbfb07cc527c1b"
+    },
+    {
+      "path": "apps/catalog/.storybook/preview.ts",
+      "sha256": "746b09b2cc379033c2045afc1575f0456694f110c574f7a6c53fd646106af820"
+    },
+    {
+      "path": "apps/catalog/dist/assets/index-B4pfFtvJ.css",
+      "sha256": "f422f89a3e5efa4b57e1a4923c7f168c887a7debe99f922c9dcb2696827433d5"
+    },
+    {
+      "path": "apps/catalog/dist/assets/index-Bvwc3Bgw.js",
+      "sha256": "cceb3618556544e28b77787e7f4de2cf1e6c6c555e88bd4f648a8da715871fd3"
+    },
+    {
+      "path": "apps/catalog/dist/index.html",
+      "sha256": "3368089c2fd6997c307f8309c70cf28dd9433f4267206ef9bec600df8465383b"
+    },
+    {
+      "path": "apps/catalog/dist/logo_novo_azul.png",
+      "sha256": "bb6043bda9fc53a111aaea4d6a004559b9ce8a3569691c060d217a7c6aafa0ae"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/assets/axe-Bk3eEgJf.js",
+      "sha256": "7859f7599f0e67573826ead33b5670064e35a6b44d09b5da87c8bfc758f2b2ea"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/assets/chunk-242VQQM5-DB2JSNUA.js",
+      "sha256": "99518b5bd7da5186fe889de049274f734939938a15b2a6ff4fd72b09b89ddf3b"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/assets/chunk-DRQKCCAG-DUhJxxRU.js",
+      "sha256": "d88c92f413b5e0bcd85c99f314490a2deb764536a14c67ed72e298b9d79f12a1"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/assets/chunk-QQBDHPVZ-nYh9QWsm.js",
+      "sha256": "9ffd7aa2b8e7fab1f375c22fdb4b4755ccfc867e7665f99f997792d0f54de00f"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/assets/chunk-W22LQPXL-9RCn9-l7.js",
+      "sha256": "f1be61d4831044b24fe21334f452521871554014f7464e0fe15c4962afb62a7b"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/assets/Color-6AOWCN3U-D8qyAXo4.js",
+      "sha256": "adb868719b6886a57acca7641054356171070dc01a5ca3491f336217311b71f1"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/assets/components-BX1OfYUi.js",
+      "sha256": "bcd696ed6c7bb91155ea5493c29b3ce9ed69648b85f35b224782872ecf05403a"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/assets/Components.stories-DkBtOSHX.js",
+      "sha256": "fab6776b53d7251ee761d3e19e207266edd5c6508cf59c81183008cbec85d21b"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/assets/DesignSystem.stories-BttERyCr.js",
+      "sha256": "6786a96de5116546d33955989a6e91c19fa87d47d5c6137204f4fe0f421ad5d3"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/assets/DocsRenderer-JROSPFPF-LmiVo77Q.js",
+      "sha256": "ae4d0c8c88bce454ee02d705be10b8a25aa7a1ea4f472dceb859a949758bde33"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/assets/formatter-L2YTDE3Q-Bu6KfEwW.js",
+      "sha256": "85baa33c480da719cf8bb1ef5d91142cf5033b42704dd9fc0d6055a242a799db"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/assets/iframe-B4pfFtvJ.css",
+      "sha256": "f422f89a3e5efa4b57e1a4923c7f168c887a7debe99f922c9dcb2696827433d5"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/assets/iframe-LMhZM1ce.js",
+      "sha256": "266f5968c7f842e1af900a886c101f519cb31202ed57f42c1c9278e93793c3cd"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/assets/jsx-runtime-f3rHp9ZU.js",
+      "sha256": "26ef3f0950be4bb72906cc4b4f17246878b27b597267f289269b983924d71708"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/assets/matchers-JIUQ3HVY-9iRExWZO.js",
+      "sha256": "cd0444de9ae2dfd1b5ad7edca842d6722faaea5e3ff5ebe7ad866d3fc1d8fe72"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/assets/preload-helper-BdFrVu1K.js",
+      "sha256": "d010fa8d2cdceaf3b253755a2361c1bfe3aec58a535addad704b993439203d0a"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/assets/Primitives-HZpQ6PjX.js",
+      "sha256": "c1be8544cdc868b16e2602e1642fa18beb6932489bc9d11744f411fdfd7b5f2f"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/assets/react-18-jAz3avmR.js",
+      "sha256": "68f321acd7a4451f84b083cb1c24fd511b978aea277da4af2dcf13e47b4dc850"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/assets/react-DvDPBd6Q.js",
+      "sha256": "82dce462e1158938587847cc29b21a618feab51b8ccea4100ba955a1e388775b"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/assets/syntaxhighlighter-YFXUGROL-DV8X2acD.js",
+      "sha256": "c16a58d74a64194b4274fbfe88d20a8a4676f0bf40e792a12570f7d018f10a9f"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/assets/theming-CHbHkcNi.js",
+      "sha256": "6e0e7e084b9c9c7053945e599fc8f8ee030b50c97bd2196a71eb33bbd772dd7b"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/assets/WithTooltip-7X4HQR7L-CTMWAwDe.js",
+      "sha256": "2cd0dee35c55303bb83bcd934a46c9b3760a7e7a98c52a0c54a9a8709a2d27fc"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/favicon-wrapper.svg",
+      "sha256": "5311f921255509431fc978cd04fd497ae54c46cfd97b3578dc53d7f652667a71"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/favicon.svg",
+      "sha256": "3a13ac7344753df5a7cd5b41a67e33966c1ae723f1e5e5128a6ed1bca1adc85a"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/iframe.html",
+      "sha256": "4827b0794611e56d0eaad6e5f780af065d5db58519bf65b84326ec39ee8df4ee"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/index.html",
+      "sha256": "8fbc3e17ddc222a86344a68944872af33cfd677e030231b81df7e351d9d67fd3"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/index.json",
+      "sha256": "22e2016ed1eb64038e666542e4b1217221683bfe37e7ace253d75ba04e12f565"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/logo_novo_azul.png",
+      "sha256": "bb6043bda9fc53a111aaea4d6a004559b9ce8a3569691c060d217a7c6aafa0ae"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/nunito-sans-bold-italic.woff2",
+      "sha256": "36aadf15d24dfa97c0446c9ca713b9d004f0f5674d1043b2b51c75105962cab9"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/nunito-sans-bold.woff2",
+      "sha256": "6bccbfaa70688e0348109160e90c771587866c21717bfd3adec38ea606362cf8"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/nunito-sans-italic.woff2",
+      "sha256": "992f331636deda09193ac0453c274ac3fb7e66f70af98e1cbff119a7384f09ae"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/nunito-sans-regular.woff2",
+      "sha256": "49fe05ec477bb0f2f815a7494c933070606b5c68e84f96e11374e07c59a64d61"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/sb-addons/a11y-2/manager-bundle.js",
+      "sha256": "65b16db0224448742664a62f0d2096bee81867b62b2b3c20e6f72e6ae9542c47"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/sb-addons/docs-1/manager-bundle.js",
+      "sha256": "87321e7b05d890f3e5ce0906b4839907b0c8a88bfbc2b6e4b3455ffeef158985"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js",
+      "sha256": "6fb789ee0c7879b1402a45d2cf943d6832b3d958327c246acf975c191a7f8237"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/sb-common-assets/favicon-wrapper.svg",
+      "sha256": "5311f921255509431fc978cd04fd497ae54c46cfd97b3578dc53d7f652667a71"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/sb-common-assets/favicon.svg",
+      "sha256": "3a13ac7344753df5a7cd5b41a67e33966c1ae723f1e5e5128a6ed1bca1adc85a"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/sb-common-assets/nunito-sans-bold-italic.woff2",
+      "sha256": "36aadf15d24dfa97c0446c9ca713b9d004f0f5674d1043b2b51c75105962cab9"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/sb-common-assets/nunito-sans-bold.woff2",
+      "sha256": "6bccbfaa70688e0348109160e90c771587866c21717bfd3adec38ea606362cf8"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/sb-common-assets/nunito-sans-italic.woff2",
+      "sha256": "992f331636deda09193ac0453c274ac3fb7e66f70af98e1cbff119a7384f09ae"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/sb-common-assets/nunito-sans-regular.woff2",
+      "sha256": "49fe05ec477bb0f2f815a7494c933070606b5c68e84f96e11374e07c59a64d61"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/sb-manager/globals-runtime.js",
+      "sha256": "0bf15a68491a915ee0f1d5183e0e87f8eb83b25de82f5874f308a63664c8bdf5"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/sb-manager/globals.js",
+      "sha256": "92b01f036774b61bdd7427aeddc717c920b5db2214910022f7e7f15295f6732b"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/sb-manager/manager-stores.js",
+      "sha256": "7c1a133375036edc00df3e4e825659443a6de7af38ceebf5a38a5cc5ffdaa0f4"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/sb-manager/runtime.js",
+      "sha256": "05ecadfd62e78b693fd192b2697297df36b1512542acb5aeeea06f2e05d49468"
+    },
+    {
+      "path": "apps/catalog/dist/storybook/vite-inject-mocker-entry.js",
+      "sha256": "3457750c69f939a78d4b8e64dca893fa909ff794fed6935fb16a5c01caab0dfa"
+    },
+    {
+      "path": "apps/catalog/index.html",
+      "sha256": "e1cc77906baef99754c49390ab89023dc2c7e4113a4c0e05d28a3d398401f358"
+    },
+    {
+      "path": "apps/catalog/package.json",
+      "sha256": "6ed07adcaa1075aba5a41ca157b5f5aad70bae02b3f01914c4efe85181969013"
+    },
+    {
+      "path": "apps/catalog/public/logo_novo_azul.png",
+      "sha256": "bb6043bda9fc53a111aaea4d6a004559b9ce8a3569691c060d217a7c6aafa0ae"
+    },
+    {
+      "path": "apps/catalog/src/App.tsx",
+      "sha256": "a3aab3182b47fb78512945fd99d993a9c6cff3ef251a83055c7579ae4cbec854"
+    },
+    {
+      "path": "apps/catalog/src/components/CatalogShell.tsx",
+      "sha256": "9c1c20501aabf476bde54b453fe826efe31a0b3d484a0a050c898bf45f343096"
+    },
+    {
+      "path": "apps/catalog/src/components/Primitives.tsx",
+      "sha256": "6d839bd8901e2ee1954092cffd407d93c242858260a55d54af4d9a09e90b9896"
+    },
+    {
+      "path": "apps/catalog/src/design-contract.test.ts",
+      "sha256": "ec8539bd24f8ab44ffc8bc4de7567fb30378e7e178a9e5ade62be6e4fb6be722"
+    },
+    {
+      "path": "apps/catalog/src/main.tsx",
+      "sha256": "9fd78b1de19446fd4fe4cdd458120827914f74f3d116452ba028e039781db823"
+    },
+    {
+      "path": "apps/catalog/src/pages/ComponentsPage.tsx",
+      "sha256": "9355c6638da91fe63bc97cd83a75f7fad2e6349a2014f88f1d774007767b06b8"
+    },
+    {
+      "path": "apps/catalog/src/pages/DesignSystemPage.tsx",
+      "sha256": "e2eb9e6300c362ab662b60da38ff5fbdc5f0e32d5caea5d3ceb007a22bb5bd8e"
+    },
+    {
+      "path": "apps/catalog/src/stories/Components.stories.tsx",
+      "sha256": "cfbcedbc1f7c243c96166c7751106ed9b6e1d6373cecf4e529288511097a43fb"
+    },
+    {
+      "path": "apps/catalog/src/stories/DesignSystem.stories.tsx",
+      "sha256": "7a749e9fb516818fa476f9f829e46713bb14b26bbbcc4028dc5a9e0f56988ab9"
+    },
+    {
+      "path": "apps/catalog/src/styles.css",
+      "sha256": "e3dac5da83858d2730418988d77ac8d40e93ea3cc00673bc8940943d9b2a689b"
+    },
+    {
+      "path": "apps/catalog/src/styles/catalog.css",
+      "sha256": "30f734bfbfa69d07dd518ce040ced65a7a228607ec85a49874c8c1c5b8505362"
+    },
+    {
+      "path": "apps/catalog/src/styles/components.css",
+      "sha256": "b2686e040d424256a6bc505ed5701c5a1b11647f9484ee7abb29966103185ce6"
+    },
+    {
+      "path": "apps/catalog/src/styles/design-system.css",
+      "sha256": "8f89ffe1ce3c7df631d96dfd72ba243f107a8e0ed2c4b192edeecde8104ecfad"
+    },
+    {
+      "path": "apps/catalog/tsconfig.json",
+      "sha256": "b58bb116b1e0b6c6b4440b1a27d0375503bfe5b5cba33668fb758ff77d84707f"
+    },
+    {
+      "path": "apps/catalog/vite.config.ts",
+      "sha256": "b91635522e75d93aa4bd93f5ec8f6fdf8702ba63e5a604cfdfa70564db0e9c61"
+    },
+    {
+      "path": "apps/catalog/vitest.config.ts",
+      "sha256": "552604801fdfc82b1b6bc1bebad3310738fa4f2e391a494e2bd10a2181196770"
+    },
+    {
+      "path": "DESIGN.md",
+      "sha256": "4746955ebe29a772da73da6b621567359281072bf83949c2907a3f33527ee81b"
+    },
+    {
+      "path": "packages/local-runtime/package.json",
+      "sha256": "f00e4ab953a4c1fd2b91b6f510799d5407aa2fe5e61204b9cc80ccef564effef"
+    },
+    {
+      "path": "packages/local-runtime/runtime.mjs",
+      "sha256": "54d95d1544398ed7c5be3d95ad38c01900bd344bede996cd4701491bf442d5cb"
+    },
+    {
+      "path": "packages/local-runtime/runtime.test.mjs",
+      "sha256": "cb4ff803bf2923f0e02cc391f807952af3f0b49c373f4146abc067e927694166"
+    },
+    {
+      "path": "packages/local-runtime/start-design.mjs",
+      "sha256": "7623422e49c35c5584bf7579465ef7c159a72eb40427308585176bb0064a9e7a"
+    },
+    {
+      "path": "packages/windows-launcher/build-design-launcher.ps1",
+      "sha256": "c4ec3926aafae3a2f0122e756f2a0ec301a1eaac8563cae591d0ae6353fbbbff"
+    },
+    {
+      "path": "packages/windows-launcher/Program.cs",
+      "sha256": "a52e7837a2c81e49fb9f39fc9ad550b791ceac73ee27c5980f2f4f9c4dd7bf22"
+    },
+    {
+      "path": "README.md",
+      "sha256": "7efaff80b0a1add169646dc250b84d5b3a42378c57f6e891bab51ac2bb0e4b50"
+    },
+    {
+      "path": "tokens.json",
+      "sha256": "f3e757b5948197460b3421d63ff51fa3ce16c6902e61b664160c1e95f82d99c5"
+    },
+    {
+      "path": "zaip-design.exe",
+      "sha256": "8038ce9b9a693293f97a44cd18f39f35340f6ab2b6d6bcb2a16d4b4cb3951e4a"
+    }
+  ]
+}

package/templates/.zaip-aios/design/DESIGN.md

@@ -0,0 +1,180 @@
+---
+schema_version: 1
+name: "ZAIP"
+status: active
+source_of_truth: true
+colors:
+  primary: "#00B0F0"
+  primary-strong: "#018abb"
+  primary-ink: "#006b91"
+  secondary: "#0a0e17"
+  surface: "#ffffff"
+  surface-muted: "#f5f7fb"
+  text: "#0f172a"
+  text-muted: "#526176"
+  border: "#dbe4ef"
+  success: "#16a34a"
+  success-ink: "#166534"
+  warning: "#d97706"
+  warning-ink: "#92400e"
+  error: "#dc2626"
+  error-ink: "#b91c1c"
+  focus: "#00B0F0"
+dark:
+  surface: "#0a0e17"
+  surface-muted: "#111827"
+  text: "#f1f5f9"
+  text-muted: "#94a3b8"
+  border: "rgba(255,255,255,0.12)"
+neutral:
+  text-primary: "#0f172a"
+  text-secondary: "#475569"
+  text-muted: "#94a3b8"
+  border: "#e2e8f0"
+  surface-muted: "#f8fafc"
+  canvas: "#f5f7fb"
+  white: "#ffffff"
+typography:
+  display:
+    fontFamily: "Inter, Poppins, ui-sans-serif, system-ui, sans-serif"
+    fontSize: "clamp(2.5rem, 6vw, 4.25rem)"
+    fontWeight: "650"
+    lineHeight: "1.05"
+    letterSpacing: "-0.05em"
+  heading:
+    fontFamily: "Inter, Poppins, ui-sans-serif, system-ui, sans-serif"
+    fontSize: "clamp(1.75rem, 4vw, 2.5rem)"
+    fontWeight: "650"
+    lineHeight: "1.15"
+    letterSpacing: "-0.035em"
+  body:
+    fontFamily: "Inter, ui-sans-serif, system-ui, sans-serif"
+    fontSize: "1rem"
+    fontWeight: "400"
+    lineHeight: "1.65"
+    letterSpacing: "0"
+  label:
+    fontFamily: "Inter, ui-sans-serif, system-ui, sans-serif"
+    fontSize: "0.75rem"
+    fontWeight: "700"
+    lineHeight: "1.3"
+    letterSpacing: "0.12em"
+rounded:
+  sm: "8px"
+  md: "16px"
+  lg: "24px"
+  pill: "999px"
+spacing:
+  xs: "4px"
+  sm: "8px"
+  md: "16px"
+  lg: "24px"
+  xl: "40px"
+  xxl: "64px"
+components:
+  button-primary:
+    bg: "linear-gradient(135deg, #00B0F0 0%, #72f4fb 100%)"
+    text: "#042330"
+    border: "transparent"
+    radius: "999px"
+    padding: "12px 22px"
+  button-secondary:
+    bg: "transparent"
+    text: "#006b91"
+    border: "rgba(0,176,240,0.45)"
+    radius: "999px"
+    padding: "12px 22px"
+  card:
+    bg: "#ffffff"
+    border: "#dbe4ef"
+    radius: "24px"
+    shadow: "0 18px 48px rgba(15,23,42,0.08)"
+    padding: "24px"
+  input:
+    bg: "#ffffff"
+    text: "#0f172a"
+    border: "#cbd5e1"
+    radius: "16px"
+    padding: "12px 14px"
+---
+
+# ZAIP Design System
+
+Este arquivo é o contrato visual central do repositório. Antes de criar ou alterar uma interface,
+o agente deve ler o frontmatter, identificar a superfície (`frontend`, `site` ou ferramenta local)
+e reutilizar os tokens e componentes existentes. O frontmatter é normativo; este texto explica a
+intenção e os limites.
+
+## 1. Direção visual
+
+A identidade ZAIP combina navy profundo, superfícies claras e ciano elétrico. O ciano é assinatura,
+ação e foco — não deve preencher grandes áreas sem necessidade. Interfaces de produto priorizam
+clareza, densidade controlada e leitura rápida; páginas públicas podem ampliar tipografia e espaço.
+
+- Use `#0a0e17` para fundos escuros e `#00B0F0` para ação, seleção e foco.
+- Use Inter como fonte operacional. Poppins é fallback de marca para superfícies públicas.
+- Prefira contraste de superfícies a excesso de sombras.
+- Preserve cantos generosos em cards e formato pill em ações primárias.
+- Não recrie o logotipo com texto; use o ativo oficial disponível no projeto.
+
+## 2. Hierarquia e responsividade
+
+- `display` é reservado a hero ou título principal de catálogo.
+- `heading` organiza seções; não use tamanho como substituto de hierarquia semântica.
+- Texto corrido permanece entre 45 e 75 caracteres por linha quando possível.
+- A escala parte de mobile. Grids devem colapsar sem scroll horizontal; tabelas podem usar um
+  contêiner rolável com cabeçalho preservado.
+- Use a escala de espaçamento do frontmatter. Valores intermediários exigem justificativa local.
+
+## 3. Temas e tokens semânticos
+
+Componentes devem consumir papéis semânticos (`surface`, `text`, `border`, `primary`) em vez de
+cores literais espalhadas. O tema escuro troca superfície, texto e borda; `primary` permanece ciano.
+Estados de sucesso, alerta e erro não substituem a cor de marca.
+
+## 4. Componentes mínimos
+
+O catálogo obrigatório contém botões, badges, cards, métricas, campos, estados vazios e tabelas.
+Cada componente precisa documentar estado padrão, foco visível, desabilitado e erro quando fizer
+sentido. Componentes do produto vivem em seus packages; o catálogo em `.agents/design` documenta
+o contrato e fornece espécimes, não uma segunda implementação de domínio.
+
+### Botões
+
+- Primário: uma ação principal por região visual.
+- Secundário: alternativa reversível ou navegação contextual.
+- Ghost: ações de baixa ênfase; nunca dependa apenas de cor para comunicar estado.
+- Área interativa mínima recomendada: `44px`.
+
+### Formulários
+
+Labels são persistentes. Placeholder não substitui label. Erro deve informar correção e estar
+associado ao campo. Foco usa anel ciano visível em temas claro e escuro.
+
+### Cards e dados
+
+Cards agrupam uma única ideia. Métricas usam números tabulares e contexto explícito. Tabelas devem
+ter cabeçalhos, estados vazio/carregando/erro e alinhamento numérico consistente.
+
+## 5. Acessibilidade
+
+- Contraste mínimo WCAG AA para texto e controles.
+- Navegação completa por teclado e foco nunca removido sem substituto.
+- HTML semântico antes de ARIA; ícones decorativos usam `aria-hidden`.
+- Movimento respeita `prefers-reduced-motion`.
+- Cor nunca é o único indicador de resultado ou seleção.
+
+## 6. Governança
+
+Uma mudança visual começa neste arquivo quando altera a linguagem global. Depois, atualize
+`tokens.json`, os espécimes, as stories e os testes na mesma Change. Uma necessidade isolada de um
+módulo não deve virar token global automaticamente. O Storybook é documentação executável; as
+páginas `design-system` e `components` são a leitura humana consolidada.
+
+## 7. Antipadrões
+
+- Duplicar tokens em módulos sem vínculo com este contrato.
+- Copiar componentes antigos apenas por semelhança visual.
+- Misturar estilos do dashboard operacional com a UI do produto ou com o site público.
+- Criar uma biblioteca universal antes de existir reutilização comprovada.
+- Exibir apenas swatches: o catálogo deve aplicar tokens em espécimes reais.

package/templates/.zaip-aios/design/README.md

@@ -0,0 +1,47 @@
+# Design do repositório
+
+`DESIGN.md` é a fonte canônica da linguagem visual e `tokens.json` é sua projeção estruturada para
+ferramentas. O catálogo reaproveita os mesmos espécimes em duas superfícies:
+
+- `pnpm design:dev`: páginas `#/design-system` e `#/components`.
+- `.agents/design/zaip-design.exe`: abre `#/design-system` sem console e reutiliza a sessão local
+  saudável do mesmo workspace, inclusive após cliques repetidos.
+- `pnpm design:launcher:build`: recompila o launcher Windows e incorpora o ícone canônico
+  `.agents/config/src/icon_zaip.png`.
+- `pnpm design:storybook`: documentação interativa e stories isoladas.
+- `apps/catalog/dist/index.html`: catálogo estático gerado para instalações do CLI.
+- `apps/catalog/dist/storybook/index.html`: Storybook estático gerado para instalações do CLI.
+
+O catálogo documenta todo o repositório, mas não pertence ao dashboard e não substitui packages de
+UI do produto. Para mudar a linguagem global, atualize `DESIGN.md`, `tokens.json`, espécimes, stories
+e testes na mesma Change.
+
+## Abrir o frontend pelo terminal
+
+Execute os comandos a partir da raiz do repositório.
+
+Para desenvolvimento, com atualização automática ao editar os arquivos:
+
+```powershell
+pnpm design:dev
+```
+
+O terminal exibirá a URL local do Vite. Abra essa URL no navegador e acesse `#/design-system` ou
+`#/components`.
+
+Para iniciar o catálogo estático e abrir o navegador automaticamente, usando o mesmo runtime local
+do executável:
+
+```powershell
+node .agents/design/packages/local-runtime/start-design.mjs
+```
+
+Esse runtime escolhe uma porta livre, reutiliza uma sessão saudável do mesmo workspace e abre
+diretamente `#/design-system`. Mantenha o terminal aberto enquanto estiver usando o servidor; use
+`Ctrl+C` para encerrá-lo.
+
+## Abrir com um clique
+
+O arquivo `.agents/design/zaip-design.exe` foi criado para simplificar o segundo fluxo. Basta dar
+duplo clique nele: o executável inicia o servidor local sem mostrar uma janela preta de terminal,
+reutiliza a sessão existente quando possível e abre o Design System no navegador.

package/templates/.zaip-aios/design/apps/catalog/.storybook/main.ts

@@ -0,0 +1,15 @@
+import type { StorybookConfig } from "@storybook/react-vite";
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: ["@storybook/addon-docs", "@storybook/addon-a11y"],
+  framework: { name: "@storybook/react-vite", options: {} },
+  docs: { defaultName: "Documentação" },
+  viteFinal: async (viteConfig) => ({
+    ...viteConfig,
+    base: "./",
+    cacheDir: "../../../../../.cache/vite/design-storybook",
+  }),
+};
+
+export default config;

package/templates/.zaip-aios/design/apps/catalog/.storybook/preview.ts

@@ -0,0 +1,21 @@
+import type { Preview } from "@storybook/react-vite";
+import { createElement } from "react";
+import "../src/styles.css";
+
+const preview: Preview = {
+  parameters: {
+    layout: "fullscreen",
+    backgrounds: {
+      default: "canvas",
+      options: {
+        canvas: { name: "Canvas", value: "#f5f7fb" },
+        dark: { name: "Dark", value: "#0a0e17" },
+        white: { name: "White", value: "#ffffff" },
+      },
+    },
+  },
+  tags: ["autodocs"],
+  decorators: [(Story) => createElement("main", null, createElement(Story))],
+};
+
+export default preview;

package/templates/.zaip-aios/design/apps/catalog/dist/assets/index-B4pfFtvJ.css

@@ -0,0 +1 @@
+.catalog-shell{background:var(--surface-muted);min-height:100vh;color:var(--text);transition:background .18s,color .18s}.topbar{z-index:20;color:#f1f5f9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0e17f0;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;min-height:72px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-logo{object-fit:contain;width:84px;height:40px;display:block}.brand-product{color:#f1f5f9;letter-spacing:.02em;border-left:1px solid #fff3;padding-left:12px;font-size:.84rem;font-weight:700}.topbar-actions{align-items:center;gap:14px;display:flex}.topbar nav{gap:8px;display:flex}.topbar nav a{color:#94a3b8;border-radius:999px;padding:9px 14px;text-decoration:none}.topbar nav a:hover,.topbar nav a[aria-current=page]{color:#00b0f0;background:#00b0f01f}.theme-toggle{color:#f1f5f9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:8px 13px;font-size:.78rem;font-weight:700;display:inline-flex}.theme-toggle:hover{background:#00b0f01a;border-color:#00b0f08c}main{width:min(1180px,90vw);margin:0 auto;padding-bottom:80px}.page-intro{padding:clamp(72px,10vw,128px) 0 56px}.eyebrow,.metric-label{color:#006b91;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:-.05em;max-width:900px;margin:12px 0 0;font-size:clamp(2.5rem,6vw,4.25rem);line-height:1.05}.lede{color:#526176;max-width:760px;margin:24px 0 0;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.7}.catalog-section{border-top:1px solid #dbe4ef;padding:48px 0}.section-heading{grid-template-columns:minmax(0,.75fr) minmax(260px,1fr);gap:32px;margin-bottom:28px;display:grid}.section-heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15}.section-heading p{color:#526176;margin:4px 0 0;line-height:1.65}.swatch-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;display:grid}.swatch{background:#fff;border:1px solid #dbe4ef;border-radius:24px;overflow:hidden;box-shadow:0 18px 48px #0f172a14}.swatch>div{border-bottom:1px solid #0f172a14;height:118px}.swatch strong,.swatch code,.swatch small{margin-inline:18px;display:block}.swatch strong{margin-top:16px}.swatch code{color:#006b91;margin-top:4px}.swatch small{color:#526176;margin-top:8px;margin-bottom:18px}.type-sample{border-bottom:1px solid #dbe4ef;padding:24px 0}.type-sample:last-child{border:0}.type-sample span{color:#006b91;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:.72rem;font-weight:700;display:block}.type-display{letter-spacing:-.05em;font-size:clamp(2.2rem,5vw,4rem);font-weight:650;line-height:1.05}.type-heading{letter-spacing:-.035em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:650;line-height:1.15}.type-body{max-width:720px;font-size:1rem;line-height:1.65}.two-column,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.row,.specimen-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.specimen-row:first-child{margin-top:0}.scale-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.scale-grid div{background:#fff;border:1px solid #dbe4ef;border-radius:16px;align-content:center;justify-items:center;gap:12px;min-height:112px;display:grid}.scale-grid span{background:#00b0f0;min-width:4px;height:20px;display:block}.scale-grid i{border:2px solid #00b0f0;width:48px;height:48px}.scale-grid code{color:#526176;font-size:.72rem}footer{color:#94a3b8;background:#0a0e17;border-top:1px solid #ffffff1f;justify-content:space-between;gap:20px;padding:28px 5vw;font-size:.8rem;display:flex}@media (width<=760px){.topbar{flex-direction:column;align-items:flex-start;gap:12px;padding-block:14px}.topbar nav{width:100%}.topbar-actions{flex-direction:column;align-items:stretch;width:100%}.topbar nav a{text-align:center;flex:1}main{width:min(100% - 32px,1180px)}.section-heading,.two-column,.form-grid,.dark-specimen{grid-template-columns:1fr}.semantic-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scale-grid{grid-template-columns:repeat(3,minmax(0,1fr))}footer{flex-direction:column}}@media (width<=480px){.semantic-grid,.metric-grid{grid-template-columns:1fr}.scale-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.semantic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.semantic-card{border:1px solid var(--border);background:var(--surface);border-radius:24px;align-items:flex-start;gap:16px;min-height:148px;padding:22px;display:flex}.semantic-success{background:linear-gradient(145deg, #16a34a1f, var(--surface) 72%);border-color:#16a34a4d}.semantic-warning{background:linear-gradient(145deg, #d977061f, var(--surface) 72%);border-color:#d9770652}.semantic-danger{background:linear-gradient(145deg, #dc26261a, var(--surface) 72%);border-color:#dc26264d}.semantic-dot{border:4px solid var(--surface);border-radius:50%;flex:none;width:18px;height:18px;margin-top:3px;box-shadow:0 0 0 1px}.semantic-card strong,.semantic-card code{display:block}.semantic-card p{color:var(--text-muted);margin:7px 0 14px;line-height:1.45}.semantic-card code{color:var(--text-secondary);font-size:.78rem}.dark-specimen{color:#f1f5f9;background:radial-gradient(circle at 88% 8%,#00b0f02b,#0000 28%),#0a0e17;border:1px solid #ffffff1f;border-radius:28px;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:18px;padding:clamp(24px,5vw,48px);display:grid;overflow:hidden;box-shadow:0 24px 64px #0f172a33}.dark-specimen-copy>.eyebrow{color:#7dd3fc;margin-top:40px}.dark-specimen h3{letter-spacing:-.045em;max-width:620px;margin:10px 0 14px;font-size:clamp(1.9rem,4vw,3.4rem);line-height:1.03}.dark-specimen-copy>p:not(.eyebrow){color:#94a3b8;max-width:600px;line-height:1.65}.dark-specimen .button-secondary{color:#7dd3fc}.dark-metric-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827cc;border:1px solid #ffffff1f;border-radius:24px;align-self:end;padding:24px}.dark-metric-card>strong{color:#fff;letter-spacing:-.055em;margin:18px 0 32px;font-size:clamp(2.6rem,6vw,4.5rem);line-height:1;display:block}.dark-status-row{flex-wrap:wrap;gap:8px;display:flex}.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#111827;--surface-muted:#0a0e17;--text:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border:#ffffff1f}.theme-dark .catalog-section,.theme-dark .type-sample{border-color:var(--border)}.theme-dark .lede,.theme-dark .section-heading p,.theme-dark .swatch small,.theme-dark .scale-grid code{color:var(--text-muted)}.theme-dark .swatch,.theme-dark .scale-grid>div{border-color:var(--border);background:var(--surface);box-shadow:none}.theme-dark .swatch code,.theme-dark .type-sample span,.theme-dark .eyebrow,.theme-dark .metric-label{color:#7dd3fc}.theme-dark .swatch>div{border-color:var(--border)}.card{background:#fff;border:1px solid #dbe4ef;border-radius:24px;padding:24px;box-shadow:0 18px 48px #0f172a14}.card-accent{background:linear-gradient(#f3feff 0%,#fff 100%)}.card h3{letter-spacing:-.025em;margin:24px 0 8px;font-size:1.45rem}.card>p{color:#526176;line-height:1.65}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;min-height:46px;padding:12px 22px;font-weight:700;transition:transform .15s,filter .15s,background .15s}.button:not(:disabled):hover{transform:translateY(-1px)}.button-primary{color:#042330;background:linear-gradient(135deg,#00b0f0 0%,#72f4fb 100%)}.button-secondary{color:#006b91;background:0 0;border-color:#00b0f073}.button-ghost{color:#0f172a;background:#fff;border-color:#dbe4ef}.button:disabled{opacity:.48;cursor:not-allowed}.badge{color:#475569;background:#eef2f7;border-radius:999px;align-items:center;width:fit-content;padding:6px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-accent{color:#006b91;background:#dffcff}.badge-success{color:#166534;background:#dcfce7}.badge-warning{color:#92400e;background:#fffbeb}.badge-error{color:#b91c1c;background:#fef2f2}.field{color:#0f172a;flex-direction:column;gap:8px;font-weight:650;display:flex}.field small,.field i{color:#526176;font-size:.78rem;font-style:normal;font-weight:400;line-height:1.5}.field input,.field select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:16px;width:100%;min-height:48px;padding:12px 14px}.field input[aria-invalid=true]{border-color:#dc2626}.field em{color:#dc2626;font-size:.78rem;font-style:normal;font-weight:600}.form-grid{row-gap:24px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.metric-value{font-variant-numeric:tabular-nums;letter-spacing:-.045em;margin-top:14px;font-size:clamp(2rem,4vw,3rem);display:block}.metric-change{color:#526176;margin-bottom:0}.table-wrap{background:#fff;border:1px solid #dbe4ef;border-radius:24px;overflow-x:auto;box-shadow:0 18px 48px #0f172a14}table{border-collapse:collapse;width:100%;min-width:640px}th,td{text-align:left;border-bottom:1px solid #dbe4ef;padding:16px 20px}th{color:#526176;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}tbody tr:last-child td{border-bottom:0}.table-wrap td small{color:#526176;margin-top:4px;display:block}.number{text-align:right;font-variant-numeric:tabular-nums}.empty-state{text-align:center;justify-items:center;padding:28px;display:grid}.empty-state h3{margin:18px 0 0}.empty-state p{max-width:440px;margin:8px 0 24px}.empty-icon{color:#006b91;background:#dffcff;border-radius:24px;place-items:center;width:64px;height:64px;font-size:2rem;display:grid}.theme-dark .card,.theme-dark .table-wrap{border-color:var(--border);background:var(--surface);box-shadow:none}.theme-dark .card-accent{background:linear-gradient(180deg, #00b0f017 0%, var(--surface) 100%)}.theme-dark .card>p,.theme-dark .metric-change,.theme-dark .table-wrap td small,.theme-dark th,.theme-dark .field small,.theme-dark .field i{color:var(--text-muted)}.theme-dark .field{color:var(--text)}.theme-dark .field input,.theme-dark .field select,.theme-dark .button-ghost{border-color:var(--border);color:var(--text);background:#0f172a}.theme-dark .button-secondary{color:#7dd3fc}.theme-dark th,.theme-dark td{border-color:var(--border)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0f172a;--primary:#00b0f0;--primary-strong:#018abb;--primary-ink:#006b91;--secondary:#0a0e17;--surface:#fff;--surface-muted:#f5f7fb;--text:#0f172a;--text-secondary:#475569;--text-muted:#526176;--border:#dbe4ef;--neutral-border:#e2e8f0;--neutral-muted:#94a3b8;--neutral-surface:#f8fafc;--success:#16a34a;--success-ink:#166534;--warning:#d97706;--warning-ink:#92400e;--error:#dc2626;--error-ink:#b91c1c;--focus:#00b0f0;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f5f7fb;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #00b0f073}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition-duration:.01ms}}