@zaip-ai/cli 0.1.0 → 1.0.2

package/templates/.agents/design/apps/catalog/dist/storybook/vite-inject-mocker-entry.js

@@ -0,0 +1,2 @@
+import{i as e,n as t,t as n}from"./assets/preload-helper-BdFrVu1K.js";function r(e,t,n={}){let r=[],s=new te,c=(e,t,n)=>{try{return e[t]=n,!0}catch{return!1}},l=(t,n)=>{let u=i(t),d=u===`Module`||!!t.__esModule;for(let{key:f,descriptor:p}of o(t,d,e.globalConstructors)){if(!d&&p.get){try{Object.defineProperty(n,f,p)}catch{}continue}if(a(f,u))continue;let m=t[f],h=s.getId(m);if(h!==void 0){r.push(()=>c(n,f,s.getMockedValue(h)));continue}let g=i(m);if(Array.isArray(m)){c(n,f,[]);continue}let _=g.includes(`Function`)&&typeof m==`function`;if((!_||m._isMockFunction)&&g!==`Object`&&g!==`Module`){c(n,f,m);continue}if(c(n,f,_?m:{})){if(_){let t=function(){if(this instanceof n[f])for(let{key:t,descriptor:n}of o(this,!1,e.globalConstructors)){if(n.get)continue;let e=this[t];if(i(e).includes(`Function`)&&typeof e==`function`){let e=this[t],n=r(this,t).mockImplementation(e),i=n.mockReset;n.mockRestore=n.mockReset=()=>(i.call(n),n.mockImplementation(e),n)}}};if(!e.spyOn)throw Error("[@vitest/mocker] `spyOn` is not defined. This is a Vitest error. Please open a new issue with reproduction.");let r=e.spyOn,a=r(n,f);if(e.type===`automock`){a.mockImplementation(t);let e=a.mockReset;a.mockRestore=a.mockReset=()=>(e.call(a),a.mockImplementation(t),a)}Object.defineProperty(n[f],"length",{value:0})}s.track(m,n[f]),l(m,n[f])}}},u=n;l(t,u);for(let e of r)e();return u}function i(e){return Object.prototype.toString.apply(e).slice(8,-1)}function a(e,t){return t.includes(`Function`)&&typeof e==`string`&&[`arguments`,`callee`,`caller`,`length`,`name`].includes(e)}function o(e,t,n){let{Map:r,Object:i,Function:a,RegExp:o,Array:c}=n,l=new r,u=e;do{if(u===i.prototype||u===a.prototype||u===o.prototype)break;s(u,e=>{let t=i.getOwnPropertyDescriptor(u,e);t&&l.set(e,{key:e,descriptor:t})})}while(u=i.getPrototypeOf(u));if(t&&!l.has(`default`)&&`default`in e){let t=i.getOwnPropertyDescriptor(e,`default`);t&&l.set(`default`,{key:`default`,descriptor:t})}return c.from(l.values())}function s(e,t){let n=typeof t==`function`?t:e=>t.add(e);Object.getOwnPropertyNames(e).forEach(n),Object.getOwnPropertySymbols(e).forEach(n)}function c(e=``){return e&&e.replace(/\\/g,`/`).replace(I,e=>e.toUpperCase())}function l(e,t){let n=``,r=0,i=-1,a=0,o=null;for(let s=0;s<=e.length;++s){if(s<e.length)o=e[s];else{if(o===`/`)break;o=`/`}if(o===`/`){if(!(i===s-1||a===1))if(a===2){if(n.length<2||r!==2||n[n.length-1]!==`.`||n[n.length-2]!==`.`){if(n.length>2){let e=n.lastIndexOf(`/`);e===-1?(n=``,r=0):(n=n.slice(0,e),r=n.length-1-n.lastIndexOf(`/`)),i=s,a=0;continue}else if(n.length>0){n=``,r=0,i=s,a=0;continue}}t&&(n+=n.length>0?`/..`:`..`,r=2)}else n.length>0?n+=`/${e.slice(i+1,s)}`:n=e.slice(i+1,s),r=s-i-1;i=s,a=0}else o===`.`&&a!==-1?++a:a=-1}return n}function u(e){return String(e)}function d(e=!1){let t=typeof process<`u`?process:void 0,n=t?.env||{},r=t?.argv||[];return!(`NO_COLOR`in n||r.includes(`--no-color`))&&(`FORCE_COLOR`in n||r.includes(`--color`)||t?.platform===`win32`||e&&n.TERM!==`dumb`||`CI`in n)||typeof window<`u`&&!!window.chrome}function f(e=!1){let t=d(e),n=(e,t,n,r)=>{let i=``,a=0;do i+=e.substring(a,r)+n,a=r+t.length,r=e.indexOf(t,a);while(~r);return i+e.substring(a)},r=(e,t,r=e)=>{let i=i=>{let a=String(i),o=a.indexOf(t,e.length);return~o?e+n(a,t,r,o)+t:e+a+t};return i.open=e,i.close=t,i},i={isColorSupported:t},a=e=>`\x1B[${e}m`;for(let[e,n]of ce)i[e]=t?r(a(n[0]),a(n[1]),n[2]):u;return i}function p(e,t){return t.forEach(function(t){t&&typeof t!=`string`&&!Array.isArray(t)&&Object.keys(t).forEach(function(n){if(n!=="default"&&!(n in e)){var r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:function(){return t[n]}})}})}),Object.freeze(e)}function m(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,`default`)?e.default:e}function h(){if(le)return B;le=1;var e=Symbol.for(`react.transitional.element`),t=Symbol.for(`react.portal`),n=Symbol.for(`react.fragment`),r=Symbol.for(`react.strict_mode`),i=Symbol.for(`react.profiler`),a=Symbol.for(`react.consumer`),o=Symbol.for(`react.context`),s=Symbol.for(`react.forward_ref`),c=Symbol.for(`react.suspense`),l=Symbol.for(`react.suspense_list`),u=Symbol.for(`react.memo`),d=Symbol.for(`react.lazy`),f=Symbol.for(`react.view_transition`),p=Symbol.for(`react.client.reference`);function m(p){if(typeof p==`object`&&p){var m=p.$$typeof;switch(m){case e:switch(p=p.type,p){case n:case i:case r:case c:case l:case f:return p;default:switch(p&&=p.$$typeof,p){case o:case s:case d:case u:return p;case a:return p;default:return m}}case t:return m}}}return B.ContextConsumer=a,B.ContextProvider=o,B.Element=e,B.ForwardRef=s,B.Fragment=n,B.Lazy=d,B.Memo=u,B.Portal=t,B.Profiler=i,B.StrictMode=r,B.Suspense=c,B.SuspenseList=l,B.isContextConsumer=function(e){return m(e)===a},B.isContextProvider=function(e){return m(e)===o},B.isElement=function(t){return typeof t==`object`&&!!t&&t.$$typeof===e},B.isForwardRef=function(e){return m(e)===s},B.isFragment=function(e){return m(e)===n},B.isLazy=function(e){return m(e)===d},B.isMemo=function(e){return m(e)===u},B.isPortal=function(e){return m(e)===t},B.isProfiler=function(e){return m(e)===i},B.isStrictMode=function(e){return m(e)===r},B.isSuspense=function(e){return m(e)===c},B.isSuspenseList=function(e){return m(e)===l},B.isValidElementType=function(e){return typeof e==`string`||typeof e==`function`||e===n||e===i||e===r||e===c||e===l||typeof e==`object`&&!!e&&(e.$$typeof===d||e.$$typeof===u||e.$$typeof===o||e.$$typeof===a||e.$$typeof===s||e.$$typeof===p||e.getModuleId!==void 0)},B.typeOf=m,B}function g(){return ue||(ue=1,z.exports=h()),z.exports}function _(){if(de)return W;de=1;var e=Symbol.for(`react.element`),t=Symbol.for(`react.portal`),n=Symbol.for(`react.fragment`),r=Symbol.for(`react.strict_mode`),i=Symbol.for(`react.profiler`),a=Symbol.for(`react.provider`),o=Symbol.for(`react.context`),s=Symbol.for(`react.server_context`),c=Symbol.for(`react.forward_ref`),l=Symbol.for(`react.suspense`),u=Symbol.for(`react.suspense_list`),d=Symbol.for(`react.memo`),f=Symbol.for(`react.lazy`),p=Symbol.for(`react.offscreen`),m=Symbol.for(`react.module.reference`);function h(p){if(typeof p==`object`&&p){var m=p.$$typeof;switch(m){case e:switch(p=p.type,p){case n:case i:case r:case l:case u:return p;default:switch(p&&=p.$$typeof,p){case s:case o:case c:case f:case d:case a:return p;default:return m}}case t:return m}}}return W.ContextConsumer=o,W.ContextProvider=a,W.Element=e,W.ForwardRef=c,W.Fragment=n,W.Lazy=f,W.Memo=d,W.Portal=t,W.Profiler=i,W.StrictMode=r,W.Suspense=l,W.SuspenseList=u,W.isAsyncMode=function(){return!1},W.isConcurrentMode=function(){return!1},W.isContextConsumer=function(e){return h(e)===o},W.isContextProvider=function(e){return h(e)===a},W.isElement=function(t){return typeof t==`object`&&!!t&&t.$$typeof===e},W.isForwardRef=function(e){return h(e)===c},W.isFragment=function(e){return h(e)===n},W.isLazy=function(e){return h(e)===f},W.isMemo=function(e){return h(e)===d},W.isPortal=function(e){return h(e)===t},W.isProfiler=function(e){return h(e)===i},W.isStrictMode=function(e){return h(e)===r},W.isSuspense=function(e){return h(e)===l},W.isSuspenseList=function(e){return h(e)===u},W.isValidElementType=function(e){return typeof e==`string`||typeof e==`function`||e===n||e===i||e===r||e===l||e===u||e===p||typeof e==`object`&&!!e&&(e.$$typeof===f||e.$$typeof===d||e.$$typeof===a||e.$$typeof===o||e.$$typeof===c||e.$$typeof===m||e.getModuleId!==void 0)},W.typeOf=h,W}function v(){return G||(G=1,U.exports=_()),U.exports}function y(e){let{message:t=`$$stack trace error`,stackTraceLimit:n=1}=e||{},r=Error.stackTraceLimit,i=Error.prepareStackTrace;Error.stackTraceLimit=n,Error.prepareStackTrace=e=>e.stack;let a=Error(t).stack||``;return Error.prepareStackTrace=i,Error.stackTraceLimit=r,a}function ee(){if(pe)return q;pe=1;var e,t,n,r,i,a,o,s,c,l,u,d,f,p,m,h,g,_,v;return f=/\/(?![*\/])(?:\[(?:(?![\]\\]).|\\.)*\]|(?![\/\\]).|\\.)*(\/[$_\u200C\u200D\p{ID_Continue}]*|\\)?/uy,d=/--|\+\+|=>|\.{3}|\??\.(?!\d)|(?:&&|\|\||\?\?|[+\-%&|^]|\*{1,2}|<{1,2}|>{1,3}|!=?|={1,2}|\/(?![\/*]))=?|[?~,:;[\](){}]/y,e=/(\x23?)(?=[$_\p{ID_Start}\\])(?:[$_\u200C\u200D\p{ID_Continue}]|\\u[\da-fA-F]{4}|\\u\{[\da-fA-F]+\})+/uy,m=/(['"])(?:(?!\1)[^\\\n\r]|\\(?:\r\n|[^]))*(\1)?/y,u=/(?:0[xX][\da-fA-F](?:_?[\da-fA-F])*|0[oO][0-7](?:_?[0-7])*|0[bB][01](?:_?[01])*)n?|0n|[1-9](?:_?\d)*n|(?:(?:0(?!\d)|0\d*[89]\d*|[1-9](?:_?\d)*)(?:\.(?:\d(?:_?\d)*)?)?|\.\d(?:_?\d)*)(?:[eE][+-]?\d(?:_?\d)*)?|0[0-7]+/y,h=/[`}](?:[^`\\$]|\\[^]|\$(?!\{))*(`|\$\{)?/y,v=/[\t\v\f\ufeff\p{Zs}]+/uy,s=/\r?\n|[\r\u2028\u2029]/y,c=/\/\*(?:[^*]|\*(?!\/))*(\*\/)?/y,p=/\/\/.*/y,n=/[<>.:={}]|\/(?![\/*])/y,t=/[$_\p{ID_Start}][$_\u200C\u200D\p{ID_Continue}-]*/uy,r=/(['"])(?:(?!\1)[^])*(\1)?/y,i=/[^<>{}]+/y,_=/^(?:[\/+-]|\.{3}|\?(?:InterpolationIn(?:JSX|Template)|NoLineTerminatorHere|NonExpressionParenEnd|UnaryIncDec))?$|[{}([,;<>=*%&|^!~?:]$/,g=/^(?:=>|[;\]){}]|else|\?(?:NoLineTerminatorHere|NonExpressionParenEnd))?$/,a=/^(?:await|case|default|delete|do|else|instanceof|new|return|throw|typeof|void|yield)$/,o=/^(?:return|throw|yield)$/,l=RegExp(s.source),q=function*(y,{jsx:ee=!1}={}){var b,x,S,C,w,T,E,D,O,k,A,j,M,N;for({length:T}=y,C=0,w=``,N=[{tag:`JS`}],b=[],A=0,j=!1;C<T;){switch(D=N[N.length-1],D.tag){case`JS`:case`JSNonExpressionParen`:case`InterpolationInTemplate`:case`InterpolationInJSX`:if(y[C]===`/`&&(_.test(w)||a.test(w))&&(f.lastIndex=C,E=f.exec(y))){C=f.lastIndex,w=E[0],j=!0,yield{type:`RegularExpressionLiteral`,value:E[0],closed:E[1]!==void 0&&E[1]!==`\\`};continue}if(d.lastIndex=C,E=d.exec(y)){switch(M=E[0],O=d.lastIndex,k=M,M){case`(`:w===`?NonExpressionParenKeyword`&&N.push({tag:`JSNonExpressionParen`,nesting:A}),A++,j=!1;break;case`)`:A--,j=!0,D.tag===`JSNonExpressionParen`&&A===D.nesting&&(N.pop(),k=`?NonExpressionParenEnd`,j=!1);break;case`{`:d.lastIndex=0,S=!g.test(w)&&(_.test(w)||a.test(w)),b.push(S),j=!1;break;case`}`:switch(D.tag){case`InterpolationInTemplate`:if(b.length===D.nesting){h.lastIndex=C,E=h.exec(y),C=h.lastIndex,w=E[0],E[1]==="${"?(w=`?InterpolationInTemplate`,j=!1,yield{type:`TemplateMiddle`,value:E[0]}):(N.pop(),j=!0,yield{type:`TemplateTail`,value:E[0],closed:E[1]==="`"});continue}break;case`InterpolationInJSX`:if(b.length===D.nesting){N.pop(),C+=1,w=`}`,yield{type:`JSXPunctuator`,value:`}`};continue}}j=b.pop(),k=j?`?ExpressionBraceEnd`:`}`;break;case`]`:j=!0;break;case`++`:case`--`:k=j?`?PostfixIncDec`:`?UnaryIncDec`;break;case`<`:if(ee&&(_.test(w)||a.test(w))){N.push({tag:`JSXTag`}),C+=1,w=`<`,yield{type:`JSXPunctuator`,value:M};continue}j=!1;break;default:j=!1}C=O,w=k,yield{type:`Punctuator`,value:M};continue}if(e.lastIndex=C,E=e.exec(y)){switch(C=e.lastIndex,k=E[0],E[0]){case`for`:case`if`:case`while`:case`with`:w!==`.`&&w!==`?.`&&(k=`?NonExpressionParenKeyword`)}w=k,j=!a.test(E[0]),yield{type:E[1]===`#`?`PrivateIdentifier`:`IdentifierName`,value:E[0]};continue}if(m.lastIndex=C,E=m.exec(y)){C=m.lastIndex,w=E[0],j=!0,yield{type:`StringLiteral`,value:E[0],closed:E[2]!==void 0};continue}if(u.lastIndex=C,E=u.exec(y)){C=u.lastIndex,w=E[0],j=!0,yield{type:`NumericLiteral`,value:E[0]};continue}if(h.lastIndex=C,E=h.exec(y)){C=h.lastIndex,w=E[0],E[1]==="${"?(w=`?InterpolationInTemplate`,N.push({tag:`InterpolationInTemplate`,nesting:b.length}),j=!1,yield{type:`TemplateHead`,value:E[0]}):(j=!0,yield{type:`NoSubstitutionTemplate`,value:E[0],closed:E[1]==="`"});continue}break;case`JSXTag`:case`JSXTagEnd`:if(n.lastIndex=C,E=n.exec(y)){switch(C=n.lastIndex,k=E[0],E[0]){case`<`:N.push({tag:`JSXTag`});break;case`>`:N.pop(),w===`/`||D.tag===`JSXTagEnd`?(k=`?JSX`,j=!0):N.push({tag:`JSXChildren`});break;case`{`:N.push({tag:`InterpolationInJSX`,nesting:b.length}),k=`?InterpolationInJSX`,j=!1;break;case`/`:w===`<`&&(N.pop(),N[N.length-1].tag===`JSXChildren`&&N.pop(),N.push({tag:`JSXTagEnd`}))}w=k,yield{type:`JSXPunctuator`,value:E[0]};continue}if(t.lastIndex=C,E=t.exec(y)){C=t.lastIndex,w=E[0],yield{type:`JSXIdentifier`,value:E[0]};continue}if(r.lastIndex=C,E=r.exec(y)){C=r.lastIndex,w=E[0],yield{type:`JSXString`,value:E[0],closed:E[2]!==void 0};continue}break;case`JSXChildren`:if(i.lastIndex=C,E=i.exec(y)){C=i.lastIndex,w=E[0],yield{type:`JSXText`,value:E[0]};continue}switch(y[C]){case`<`:N.push({tag:`JSXTag`}),C++,w=`<`,yield{type:`JSXPunctuator`,value:`<`};continue;case`{`:N.push({tag:`InterpolationInJSX`,nesting:b.length}),C++,w=`?InterpolationInJSX`,j=!1,yield{type:`JSXPunctuator`,value:`{`};continue}}if(v.lastIndex=C,E=v.exec(y)){C=v.lastIndex,yield{type:`WhiteSpace`,value:E[0]};continue}if(s.lastIndex=C,E=s.exec(y)){C=s.lastIndex,j=!1,o.test(w)&&(w=`?NoLineTerminatorHere`),yield{type:`LineTerminatorSequence`,value:E[0]};continue}if(c.lastIndex=C,E=c.exec(y)){C=c.lastIndex,l.test(E[0])&&(j=!1,o.test(w)&&(w=`?NoLineTerminatorHere`)),yield{type:`MultiLineComment`,value:E[0],closed:E[1]!==void 0};continue}if(p.lastIndex=C,E=p.exec(y)){C=p.lastIndex,j=!1,yield{type:`SingleLineComment`,value:E[0]};continue}x=String.fromCodePoint(y.codePointAt(C)),C+=x.length,w=x,j=!1,yield{type:D.tag.startsWith(`JSX`)?`JSXInvalid`:`Invalid`,value:x}}},q}function b(e=``){return e&&e.replace(/\\/g,`/`).replace(_e,e=>e.toUpperCase())}function x(){return typeof process<`u`&&typeof process.cwd==`function`?process.cwd().replace(/\\/g,`/`):`/`}function S(e,t){let n=``,r=0,i=-1,a=0,o=null;for(let s=0;s<=e.length;++s){if(s<e.length)o=e[s];else{if(o===`/`)break;o=`/`}if(o===`/`){if(!(i===s-1||a===1))if(a===2){if(n.length<2||r!==2||n[n.length-1]!==`.`||n[n.length-2]!==`.`){if(n.length>2){let e=n.lastIndexOf(`/`);e===-1?(n=``,r=0):(n=n.slice(0,e),r=n.length-1-n.lastIndexOf(`/`)),i=s,a=0;continue}else if(n.length>0){n=``,r=0,i=s,a=0;continue}}t&&(n+=n.length>0?`/..`:`..`,r=2)}else n.length>0?n+=`/${e.slice(i+1,s)}`:n=e.slice(i+1,s),r=s-i-1;i=s,a=0}else o===`.`&&a!==-1?++a:a=-1}return n}function C(e){if(!e.includes(`:`))return[e];let t=/(.+?)(?::(\d+))?(?::(\d+))?$/.exec(e.replace(/^\(|\)$/g,``));if(!t)return[e];let n=t[1];if(n.startsWith(`async `)&&(n=n.slice(6)),n.startsWith(`http:`)||n.startsWith(`https:`)){let e=new URL(n);e.searchParams.delete(`import`),e.searchParams.delete(`browserv`),n=e.pathname+e.hash+e.search}if(n.startsWith(`/@fs/`)){let e=/^\/@fs\/[a-zA-Z]:\//.test(n);n=n.slice(e?5:4)}return[n,t[2]||void 0,t[3]||void 0]}function w(e){let t=e.trim();if(be.test(t)||(t.includes(` > eval`)&&(t=t.replace(/ line (\d+)(?: > eval line \d+)* > eval:\d+:\d+/g,`:$1`)),!t.includes(`@`)&&!t.includes(`:`)))return null;let n=/((.*".+"[^@]*)?[^@]*)(@)/,r=t.match(n),i=r&&r[1]?r[1]:void 0,[a,o,s]=C(t.replace(n,``));return!a||!o||!s?null:{file:a,method:i||``,line:Number.parseInt(o),column:Number.parseInt(s)}}function T(e){let t=e.trim();return Z.test(t)?E(t):w(t)}function E(e){let t=e.trim();if(!Z.test(t))return null;t.includes(`(eval `)&&(t=t.replace(/eval code/g,`eval`).replace(/(\(eval at [^()]*)|(,.*$)/g,``));let n=t.replace(/^\s+/,``).replace(/\(eval code/g,`(`).replace(/^.*?\s+/,``),r=n.match(/ (\(.+\)$)/);n=r?n.replace(r[0],``):n;let[i,a,o]=C(r?r[1]:n),s=r&&n||``,c=i&&[`eval`,`<anonymous>`].includes(i)?void 0:i;return!c||!a||!o?null:(s.startsWith(`async `)&&(s=s.slice(6)),c.startsWith(`file://`)&&(c=c.slice(7)),c=c.startsWith(`node:`)||c.startsWith(`internal:`)?c:ye(c),s&&=s.replace(/__vite_ssr_import_\d+__\./g,``),{method:s,file:c,line:Number.parseInt(a),column:Number.parseInt(o)})}function D(e){let t=e?.globalThisKey||`__vitest_mocker__`;function n(){return typeof globalThis[t]<`u`?globalThis[t]:new Proxy({},{get(e,t){throw Error(`Vitest mocker was not initialized in this environment. vi.${String(t)}() is forbidden.`)}})}return{hoisted(e){if(typeof e!=`function`)throw TypeError(`vi.hoisted() expects a function, but received a ${typeof e}`);return e()},mock(e,t){if(typeof e!=`string`)throw TypeError(`vi.mock() expects a string path, but received a ${typeof e}`);let r=O(`mock`);n().queueMock(e,r,typeof t==`function`?()=>t(()=>n().importActual(e,r)):t)},unmock(e){if(typeof e!=`string`)throw TypeError(`vi.unmock() expects a string path, but received a ${typeof e}`);n().queueUnmock(e,O(`unmock`))},doMock(e,t){if(typeof e!=`string`)throw TypeError(`vi.doMock() expects a string path, but received a ${typeof e}`);let r=O(`doMock`);n().queueMock(e,r,typeof t==`function`?()=>t(()=>n().importActual(e,r)):t)},doUnmock(e){if(typeof e!=`string`)throw TypeError(`vi.doUnmock() expects a string path, but received a ${typeof e}`);n().queueUnmock(e,O(`doUnmock`))},async importActual(e){return n().importActual(e,O(`importActual`))},async importMock(e){return n().importMock(e,O(`importMock`))}}}function O(e){let t=y({stackTraceLimit:5}).split(`
+`);return T(t[t.findIndex(t=>t.includes(` at Object.${e}`)||t.includes(`${e}@`))+1])?.file||``}function k(e){return e.replace(Se,``)}function A(e){let t=new we(e(`__vitest_mocker__`),{resolveId(e,t){return $(`resolveId`,{id:e,importer:t})},resolveMock(e,t,n){return $(`resolveMock`,{id:e,importer:t,options:n})},async invalidate(e){return $(`invalidate`,{ids:e})}},(...e)=>globalThis.__STORYBOOK_MODULE_TEST__.spyOn(...e),{root:``});return globalThis.__vitest_mocker__=t,D({globalThisKey:`__vitest_mocker__`})}var j,M,N,P,F,te,I,ne,re,L,ie,ae,oe,R,se,ce,z,B,le,ue,V,H,U,W,de,G,K,fe,q,pe,J,Y,me,he,ge,_e,ve,ye,X,Z,be,Q,xe,Se,Ce,$,we;e((()=>{t(),j=class{registryByUrl=new Map;registryById=new Map;clear(){this.registryByUrl.clear(),this.registryById.clear()}keys(){return this.registryByUrl.keys()}add(e){this.registryByUrl.set(e.url,e),this.registryById.set(e.id,e)}register(e,t,n,r,i){let a=typeof e==`object`?e.type:e;if(typeof e==`object`){let t=e;if(t instanceof M||t instanceof N||t instanceof F||t instanceof P)throw TypeError(`[vitest] Cannot register a mock that is already defined. Expected a JSON representation from \`MockedModule.toJSON\`, instead got "${t.type}". Use "registry.add()" to update a mock instead.`);if(t.type===`automock`){let e=M.fromJSON(t);return this.add(e),e}else if(t.type===`autospy`){let e=N.fromJSON(t);return this.add(e),e}else if(t.type===`redirect`){let e=P.fromJSON(t);return this.add(e),e}else throw t.type===`manual`?Error("Cannot set serialized manual mock. Define a factory function manually with `ManualMockedModule.fromJSON()`."):Error(`Unknown mock type: ${t.type}`)}if(typeof t!=`string`)throw TypeError(`[vitest] Mocks require a raw string.`);if(typeof r!=`string`)throw TypeError(`[vitest] Mocks require a url string.`);if(typeof n!=`string`)throw TypeError(`[vitest] Mocks require an id string.`);if(a===`manual`){if(typeof i!=`function`)throw TypeError(`[vitest] Manual mocks require a factory function.`);let e=new F(t,n,r,i);return this.add(e),e}else if(a===`automock`||a===`autospy`){let e=a===`automock`?new M(t,n,r):new N(t,n,r);return this.add(e),e}else if(a===`redirect`){if(typeof i!=`string`)throw TypeError(`[vitest] Redirect mocks require a redirect string.`);let e=new P(t,n,r,i);return this.add(e),e}else throw Error(`[vitest] Unknown mock type: ${a}`)}delete(e){this.registryByUrl.delete(e)}get(e){return this.registryByUrl.get(e)}getById(e){return this.registryById.get(e)}has(e){return this.registryByUrl.has(e)}},M=class{type=`automock`;constructor(e,t,n){this.raw=e,this.id=t,this.url=n}static fromJSON(e){return new N(e.raw,e.id,e.url)}toJSON(){return{type:this.type,url:this.url,raw:this.raw,id:this.id}}},N=class e{type=`autospy`;constructor(e,t,n){this.raw=e,this.id=t,this.url=n}static fromJSON(t){return new e(t.raw,t.id,t.url)}toJSON(){return{type:this.type,url:this.url,id:this.id,raw:this.raw}}},P=class e{type=`redirect`;constructor(e,t,n,r){this.raw=e,this.id=t,this.url=n,this.redirect=r}static fromJSON(t){return new e(t.raw,t.id,t.url,t.redirect)}toJSON(){return{type:this.type,url:this.url,raw:this.raw,id:this.id,redirect:this.redirect}}},F=class e{cache;type=`manual`;constructor(e,t,n,r){this.raw=e,this.id=t,this.url=n,this.factory=r}async resolve(){if(this.cache)return this.cache;let e;try{e=await this.factory()}catch(e){let t=Error(`[vitest] There was an error when mocking a module. If you are using "vi.mock" factory, make sure there are no top level variables inside, since this call is hoisted to top of the file. Read more: https://vitest.dev/api/vi.html#vi-mock`);throw t.cause=e,t}if(typeof e!=`object`||!e||Array.isArray(e))throw TypeError(`[vitest] vi.mock("${this.raw}", factory?: () => unknown) is not returning an object. Did you mean to return an object with a "default" key?`);return this.cache=e}static fromJSON(t,n){return new e(t.raw,t.id,t.url,n)}toJSON(){return{type:this.type,url:this.url,id:this.id,raw:this.raw}}},te=class{idMap=new Map;mockedValueMap=new Map;getId(e){return this.idMap.get(e)}getMockedValue(e){return this.mockedValueMap.get(e)}track(e,t){let n=this.idMap.size;return this.idMap.set(e,n),this.mockedValueMap.set(n,t),n}},I=/^[A-Za-z]:\//,ne=/^[/\\]{2}/,re=/^[/\\](?![/\\])|^[/\\]{2}(?!\.)|^[A-Za-z]:[/\\]/,L=/^[A-Za-z]:$/,ie=/.(\.[^./]+|\.)$/,ae=function(e){if(e.length===0)return`.`;e=c(e);let t=e.match(ne),n=R(e),r=e[e.length-1]===`/`;return e=l(e,!n),e.length===0?n?`/`:r?`./`:`.`:(r&&(e+=`/`),L.test(e)&&(e+=`/`),t?n?`//${e}`:`//./${e}`:n&&!R(e)?`/${e}`:e)},oe=function(...e){let t=``;for(let n of e)if(n)if(t.length>0){let e=t[t.length-1]===`/`,r=n[0]===`/`;e&&r?t+=n.slice(1):t+=e||r?n:`/${n}`}else t+=n;return ae(t)},R=function(e){return re.test(e)},se=function(e){if(e===`..`)return``;let t=ie.exec(c(e));return t&&t[1]||``},ce=Object.entries({reset:[0,0],bold:[1,22,`\x1B[22m\x1B[1m`],dim:[2,22,`\x1B[22m\x1B[2m`],italic:[3,23],underline:[4,24],inverse:[7,27],hidden:[8,28],strikethrough:[9,29],black:[30,39],red:[31,39],green:[32,39],yellow:[33,39],blue:[34,39],magenta:[35,39],cyan:[36,39],white:[37,39],gray:[90,39],bgBlack:[40,49],bgRed:[41,49],bgGreen:[42,49],bgYellow:[43,49],bgBlue:[44,49],bgMagenta:[45,49],bgCyan:[46,49],bgWhite:[47,49],blackBright:[90,39],redBright:[91,39],greenBright:[92,39],yellowBright:[93,39],blueBright:[94,39],magentaBright:[95,39],cyanBright:[96,39],whiteBright:[97,39],bgBlackBright:[100,49],bgRedBright:[101,49],bgGreenBright:[102,49],bgYellowBright:[103,49],bgBlueBright:[104,49],bgMagentaBright:[105,49],bgCyanBright:[106,49],bgWhiteBright:[107,49]}),u.open=``,u.close=``,f(),z={exports:{}},B={},V=g(),H=p({__proto__:null,default:m(V)},[V]),U={exports:{}},W={},K=v(),fe=p({__proto__:null,default:m(K)},[K]),Object.fromEntries([`isAsyncMode`,`isConcurrentMode`,`isContextConsumer`,`isContextProvider`,`isElement`,`isForwardRef`,`isFragment`,`isLazy`,`isMemo`,`isPortal`,`isProfiler`,`isStrictMode`,`isSuspense`,`isSuspenseList`,`isValidElementType`].map(e=>[e,t=>fe[e](t)||H[e](t)]));try{let{getPromiseDetails:e,kPending:t,kRejected:n}=process.binding(`util`);Array.isArray(e(Promise.resolve()))}catch{}ee(),J={keyword:`break.case.catch.continue.debugger.default.do.else.finally.for.function.if.return.switch.throw.try.var.const.while.with.new.this.super.class.extends.export.import.null.true.false.in.instanceof.typeof.void.delete`.split(`.`),strict:[`implements`,`interface`,`let`,`package`,`private`,`protected`,`public`,`static`,`yield`]},new Set(J.keyword),new Set(J.strict),Y=`ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/`,me=new Uint8Array(64),he=new Uint8Array(128);for(let e=0;e<Y.length;e++){let t=Y.charCodeAt(e);me[e]=t,he[t]=e}(function(e){e[e.Empty=1]=`Empty`,e[e.Hash=2]=`Hash`,e[e.Query=3]=`Query`,e[e.RelativePath=4]=`RelativePath`,e[e.AbsolutePath=5]=`AbsolutePath`,e[e.SchemeRelative=6]=`SchemeRelative`,e[e.Absolute=7]=`Absolute`})(ge||={}),_e=/^[A-Za-z]:\//,ve=/^[/\\](?![/\\])|^[/\\]{2}(?!\.)|^[A-Za-z]:[/\\]/,ye=function(...e){e=e.map(e=>b(e));let t=``,n=!1;for(let r=e.length-1;r>=-1&&!n;r--){let i=r>=0?e[r]:x();!i||i.length===0||(t=`${i}/${t}`,n=X(i))}return t=S(t,!n),n&&!X(t)?`/${t}`:t.length>0?t:`.`},X=function(e){return ve.test(e)},Z=/^\s*at .*(?:\S:\d+|\(native\))/m,be=/^(?:eval@)?(?:\[native code\])?$/,{now:Q}=Date,xe=class{registry=new j;queue=new Set;mockedIds=new Set;constructor(e,t,n,r){this.interceptor=e,this.rpc=t,this.spyOn=n,this.config=r}async prepare(){this.queue.size&&await Promise.all([...this.queue.values()])}async resolveFactoryModule(e){let t=this.registry.get(e);if(!t||t.type!==`manual`)throw Error(`Mock ${e} wasn't registered. This is probably a Vitest error. Please, open a new issue with reproduction.`);return await t.resolve()}getFactoryModule(e){let t=this.registry.get(e);if(!t||t.type!==`manual`)throw Error(`Mock ${e} wasn't registered. This is probably a Vitest error. Please, open a new issue with reproduction.`);if(!t.cache)throw Error(`Mock ${e} wasn't resolved. This is probably a Vitest error. Please, open a new issue with reproduction.`);return t.cache}async invalidate(){let e=Array.from(this.mockedIds);e.length&&(await this.rpc.invalidate(e),await this.interceptor.invalidate(),this.registry.clear())}async importActual(e,t){let r=await this.rpc.resolveId(e,t);if(r==null)throw Error(`[vitest] Cannot resolve "${e}" imported from "${t}"`);let i=se(r.id),a=new URL(r.url,location.href),o=`_vitest_original&ext${i}`,s=`${a.pathname}${a.search?`${a.search}&${o}`:`?${o}`}${a.hash}`;return this.wrapDynamicImport(()=>n(()=>import(s),[],import.meta.url)).then(e=>{if(!r.optimized||typeof e.default>`u`)return e;let t=e.default;return t?.__esModule?t:{...typeof t==`object`&&!Array.isArray(t)||typeof t==`function`?t:{},default:t}})}async importMock(e,t){await this.prepare();let{resolvedId:r,resolvedUrl:i,redirectUrl:a}=await this.rpc.resolveMock(e,t,{mock:`auto`}),o=this.resolveMockPath(k(i)),s=this.registry.get(o);if(s||=a?new P(e,r,o,new URL(this.resolveMockPath(k(a)),location.href).toString()):new M(e,r,o),s.type===`manual`)return await s.resolve();if(s.type===`automock`||s.type===`autospy`){let e=new URL(`/@id/${r}`,location.href),t=e.search?`${e.search}&t=${Q()}`:`?t=${Q()}`,i=await n(()=>import(`${e.pathname}${t}&mock=${s.type}${e.hash}`),[],import.meta.url);return this.mockObject(i,s.type)}return n(()=>import(s.redirect),[],import.meta.url)}mockObject(e,t=`automock`){return r({globalConstructors:{Object,Function,Array,Map,RegExp},spyOn:this.spyOn,type:t},e)}queueMock(e,t,n){let r=this.rpc.resolveMock(e,t,{mock:typeof n==`function`?`factory`:n?.spy?`spy`:`auto`}).then(async({redirectUrl:t,resolvedId:r,resolvedUrl:i,needsInterop:a,mockType:o})=>{let s=this.resolveMockPath(k(i));this.mockedIds.add(r);let c=typeof n==`function`?async()=>{let e=await n();return a?{default:e}:e}:void 0,l=typeof t==`string`?new URL(this.resolveMockPath(k(t)),location.href).toString():null,u;u=o===`manual`?this.registry.register(`manual`,e,r,s,c):o===`autospy`?this.registry.register(`autospy`,e,r,s):o===`redirect`?this.registry.register(`redirect`,e,r,s,l):this.registry.register(`automock`,e,r,s),await this.interceptor.register(u)}).finally(()=>{this.queue.delete(r)});this.queue.add(r)}queueUnmock(e,t){let n=this.rpc.resolveId(e,t).then(async e=>{if(!e)return;let t=this.resolveMockPath(k(e.url));this.mockedIds.add(e.id),this.registry.delete(t),await this.interceptor.delete(t)}).finally(()=>{this.queue.delete(n)});this.queue.add(n)}wrapDynamicImport(e){return typeof e==`function`?new Promise((t,n)=>{this.prepare().finally(()=>{e().then(t,n)})}):e}resolveMockPath(e){let t=this.config,n=oe(`/@fs/`,t.root);return e.startsWith(t.root)?e.slice(t.root.length):e.startsWith(n)?e.slice(n.length):e}},Se=/(\?|&)v=\w{8}/,Ce=class{mocks=new j;constructor(){}async register(e){this.mocks.add(e)}async delete(e){this.mocks.delete(e)}async invalidate(){this.mocks.clear()}},$=e=>{switch(e){case`resolveId`:return Promise.resolve({id:``,url:``,optimized:!1});case`resolveMock`:return Promise.resolve({mockType:`dummy`,resolvedId:``,resolvedUrl:``,redirectUrl:``,needsInterop:!1});case`invalidate`:return Promise.resolve()}},we=class extends xe{queueMock(){}},globalThis.__STORYBOOK_MOCKER__=A(()=>new Ce)}))();

package/templates/.agents/design/apps/catalog/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="pt-BR">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Design system e catálogo de componentes do repositório ZAIP." />
+    <title>ZAIP Design System</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/templates/.agents/design/apps/catalog/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@zaip-ai/design-catalog",
+  "version": "1.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "vite build --emptyOutDir=false && node ../../../../scripts/normalize-generated-text.mjs dist",
+    "build:storybook": "storybook build --output-dir dist/storybook --quiet && node ../../../../scripts/normalize-generated-text.mjs dist/storybook && node -e \"const fs=require('node:fs');fs.rmSync('dist/storybook/project.json',{force:true});for(const path of ['node_modules/.cache','node_modules/.vite'])fs.rmSync(path,{force:true,recursive:true})\"",
+    "clean": "node ../../../../scripts/clean.mjs",
+    "dev": "vite --host 127.0.0.1 --port 5174 --strictPort",
+    "storybook": "storybook dev --host 127.0.0.1 --port 6006 --no-open",
+    "test": "vitest run --passWithNoTests",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "react": "19.2.7",
+    "react-dom": "19.2.7"
+  },
+  "devDependencies": {
+    "@storybook/addon-a11y": "10.5.0",
+    "@storybook/addon-docs": "10.5.0",
+    "@storybook/react-vite": "10.5.0",
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@vitejs/plugin-react": "6.0.3",
+    "storybook": "10.5.0",
+    "typescript": "7.0.2",
+    "vite": "8.1.4",
+    "vitest": "4.1.10",
+    "yaml": "2.9.0"
+  }
+}

package/templates/.agents/design/apps/catalog/src/App.tsx

@@ -0,0 +1,29 @@
+import { useEffect, useState } from "react";
+import { CatalogShell } from "./components/CatalogShell.js";
+import { ComponentsPage } from "./pages/ComponentsPage.js";
+import { DesignSystemPage } from "./pages/DesignSystemPage.js";
+
+type CatalogPage = "design-system" | "components";
+
+function currentPage(): CatalogPage {
+  return window.location.hash.replace(/^#\/?/, "") === "components"
+    ? "components"
+    : "design-system";
+}
+
+export function App() {
+  const [page, setPage] = useState<CatalogPage>(currentPage);
+
+  useEffect(() => {
+    const update = () => setPage(currentPage());
+    window.addEventListener("hashchange", update);
+    if (window.location.hash === "") window.location.replace("#/design-system");
+    return () => window.removeEventListener("hashchange", update);
+  }, []);
+
+  return (
+    <CatalogShell page={page}>
+      {page === "components" ? <ComponentsPage /> : <DesignSystemPage />}
+    </CatalogShell>
+  );
+}

package/templates/.agents/design/apps/catalog/src/components/CatalogShell.tsx

@@ -0,0 +1,78 @@
+import { type ReactNode, useState } from "react";
+
+export function CatalogShell({ children, page }: { children: ReactNode; page: string }) {
+  const [darkMode, setDarkMode] = useState(false);
+
+  return (
+    <div className={`catalog-shell${darkMode ? " theme-dark" : ""}`}>
+      <header className="topbar">
+        <a className="brand" href="#/design-system" aria-label="ZAIP Design System">
+          <img className="brand-logo" src="logo_novo_azul.png" alt="ZAIP" />
+          <span className="brand-product">Design system</span>
+        </a>
+        <div className="topbar-actions">
+          <nav aria-label="Catálogo visual">
+            <a aria-current={page === "design-system" ? "page" : undefined} href="#/design-system">
+              Design system
+            </a>
+            <a aria-current={page === "components" ? "page" : undefined} href="#/components">
+              Components
+            </a>
+          </nav>
+          <button
+            className="theme-toggle"
+            type="button"
+            aria-pressed={darkMode}
+            onClick={() => setDarkMode((active) => !active)}
+          >
+            <span aria-hidden="true">{darkMode ? "☀" : "☾"}</span>
+            {darkMode ? "Light mode" : "Dark mode"}
+          </button>
+        </div>
+      </header>
+      <main>{children}</main>
+      <footer>
+        <span>Fonte canônica: .agents/design/DESIGN.md</span>
+        <span>ZAIP-AIOS · catálogo local</span>
+      </footer>
+    </div>
+  );
+}
+
+export function PageIntro({
+  eyebrow,
+  title,
+  description,
+}: {
+  eyebrow: string;
+  title: string;
+  description: string;
+}) {
+  return (
+    <section className="page-intro">
+      <p className="eyebrow">{eyebrow}</p>
+      <h1>{title}</h1>
+      <p className="lede">{description}</p>
+    </section>
+  );
+}
+
+export function Section({
+  title,
+  description,
+  children,
+}: {
+  title: string;
+  description?: string;
+  children: ReactNode;
+}) {
+  return (
+    <section className="catalog-section">
+      <div className="section-heading">
+        <h2>{title}</h2>
+        {description ? <p>{description}</p> : null}
+      </div>
+      {children}
+    </section>
+  );
+}

package/templates/.agents/design/apps/catalog/src/components/Primitives.tsx

@@ -0,0 +1,137 @@
+import type {
+  ButtonHTMLAttributes,
+  InputHTMLAttributes,
+  ReactNode,
+  SelectHTMLAttributes,
+} from "react";
+
+export function Button({
+  variant = "primary",
+  className = "",
+  ...props
+}: ButtonHTMLAttributes<HTMLButtonElement> & {
+  variant?: "primary" | "secondary" | "ghost";
+}) {
+  return (
+    <button className={`button button-${variant} ${className}`.trim()} type="button" {...props} />
+  );
+}
+
+export function Badge({
+  children,
+  tone = "neutral",
+}: {
+  children: ReactNode;
+  tone?: "neutral" | "accent" | "success" | "warning" | "error";
+}) {
+  return <span className={`badge badge-${tone}`}>{children}</span>;
+}
+
+export function Card({ children, accent = false }: { children: ReactNode; accent?: boolean }) {
+  return <article className={accent ? "card card-accent" : "card"}>{children}</article>;
+}
+
+export function Metric({ label, value, change }: { label: string; value: string; change: string }) {
+  return (
+    <Card>
+      <p className="metric-label">{label}</p>
+      <strong className="metric-value">{value}</strong>
+      <p className="metric-change">{change}</p>
+    </Card>
+  );
+}
+
+export function Field({
+  label,
+  hint,
+  error,
+  ...props
+}: InputHTMLAttributes<HTMLInputElement> & {
+  label: string;
+  hint?: string;
+  error?: string;
+}) {
+  const descriptionId = `${props.id ?? props.name ?? "field"}-description`;
+  return (
+    <label className="field">
+      <span>{label}</span>
+      {hint ? <small>{hint}</small> : null}
+      <input
+        aria-describedby={hint || error ? descriptionId : undefined}
+        aria-invalid={Boolean(error)}
+        {...props}
+      />
+      {error ? <em id={descriptionId}>{error}</em> : hint ? <i id={descriptionId}>{hint}</i> : null}
+    </label>
+  );
+}
+
+export function SelectField({
+  label,
+  children,
+  ...props
+}: SelectHTMLAttributes<HTMLSelectElement> & { label: string; children: ReactNode }) {
+  return (
+    <label className="field">
+      <span>{label}</span>
+      <select {...props}>{children}</select>
+    </label>
+  );
+}
+
+export function EmptyState() {
+  return (
+    <Card>
+      <div className="empty-state">
+        <span className="empty-icon" aria-hidden="true">
+          ◇
+        </span>
+        <h3>Nenhum item ainda</h3>
+        <p>Crie o primeiro registro para começar a acompanhar esta área.</p>
+        <Button>Adicionar item</Button>
+      </div>
+    </Card>
+  );
+}
+
+export function DataTable() {
+  return (
+    <div className="table-wrap">
+      <table>
+        <caption className="sr-only">Exemplo de execuções recentes</caption>
+        <thead>
+          <tr>
+            <th>Execução</th>
+            <th>Status</th>
+            <th className="number">Tokens</th>
+            <th className="number">Custo</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>
+              <strong>SPEC Checkout</strong>
+              <small>há 12 min</small>
+            </td>
+            <td>
+              <Badge tone="success">Concluída</Badge>
+            </td>
+            <td className="number">82.410</td>
+            <td className="number">R$ 18,42</td>
+          </tr>
+          <tr>
+            <td>
+              <strong>Task Ajustar login</strong>
+              <small>há 48 min</small>
+            </td>
+            <td>
+              <Badge tone="warning">Validando</Badge>
+            </td>
+            <td className="number">14.820</td>
+            <td className="number">R$ 3,17</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  );
+}

package/templates/.agents/design/apps/catalog/src/design-contract.test.ts

@@ -0,0 +1,33 @@
+import { readFile } from "node:fs/promises";
+import { resolve } from "node:path";
+import { describe, expect, it } from "vitest";
+import { parse } from "yaml";
+
+const designRoot = resolve(import.meta.dirname, "../../..");
+
+describe("design contract", () => {
+  it("keeps structured tokens aligned with DESIGN.md frontmatter", async () => {
+    const [markdown, tokensSource, ...styles] = await Promise.all([
+      readFile(resolve(designRoot, "DESIGN.md"), "utf8"),
+      readFile(resolve(designRoot, "tokens.json"), "utf8"),
+      readFile(resolve(import.meta.dirname, "styles.css"), "utf8"),
+      readFile(resolve(import.meta.dirname, "styles/catalog.css"), "utf8"),
+      readFile(resolve(import.meta.dirname, "styles/design-system.css"), "utf8"),
+      readFile(resolve(import.meta.dirname, "styles/components.css"), "utf8"),
+    ]);
+    const css = styles.join("\n");
+    const match = /^---\n([\s\S]+?)\n---/.exec(markdown);
+    expect(match?.[1]).toBeDefined();
+    const design = parse(match?.[1] ?? "") as Record<string, unknown>;
+    const tokens = JSON.parse(tokensSource) as Record<string, unknown>;
+
+    expect(tokens.colors).toEqual(design.colors);
+    expect(tokens.dark).toEqual(design.dark);
+    expect(tokens.neutral).toEqual(design.neutral);
+    expect(tokens.rounded).toEqual(design.rounded);
+    expect(tokens.spacing).toEqual(design.spacing);
+    for (const value of Object.values(tokens.colors as Record<string, string>)) {
+      expect(css.toLowerCase()).toContain(value.toLowerCase());
+    }
+  });
+});

package/templates/.agents/design/apps/catalog/src/main.tsx

@@ -0,0 +1,13 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { App } from "./App.js";
+import "./styles.css";
+
+const root = document.getElementById("root");
+if (root === null) throw new Error("Catalog root element is missing");
+
+createRoot(root).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);

package/templates/.agents/design/apps/catalog/src/pages/ComponentsPage.tsx

@@ -0,0 +1,83 @@
+import { PageIntro, Section } from "../components/CatalogShell.js";
+import {
+  Badge,
+  Button,
+  Card,
+  DataTable,
+  EmptyState,
+  Field,
+  Metric,
+  SelectField,
+} from "../components/Primitives.js";
+
+export function ComponentsPage() {
+  return (
+    <>
+      <PageIntro
+        eyebrow="Documentação executável"
+        title="Components"
+        description="Espécimes básicos para padronizar estados, comportamento e acessibilidade. Componentes de negócio continuam nos módulos do produto."
+      />
+      <Section
+        title="Ações e status"
+        description="Hierarquia explícita e feedback que não depende apenas de cor."
+      >
+        <Card>
+          <div className="specimen-row">
+            <Button>Primário</Button>
+            <Button variant="secondary">Secundário</Button>
+            <Button variant="ghost">Ghost</Button>
+            <Button disabled>Desabilitado</Button>
+          </div>
+          <div className="specimen-row">
+            <Badge tone="accent">Accent</Badge>
+            <Badge tone="success">Sucesso</Badge>
+            <Badge tone="warning">Atenção</Badge>
+            <Badge tone="error">Erro</Badge>
+            <Badge>Neutro</Badge>
+          </div>
+        </Card>
+      </Section>
+      <Section title="Métricas" description="Números tabulares acompanhados de unidade e contexto.">
+        <div className="metric-grid">
+          <Metric label="Tokens totais" value="1,28M" change="+8,4% no período" />
+          <Metric label="Custo de execução" value="R$ 284" change="62% do custo total" />
+          <Metric label="Assertividade" value="94,2%" change="+3,1 p.p." />
+        </div>
+      </Section>
+      <Section
+        title="Formulários"
+        description="Labels persistentes, ajuda objetiva, foco visível e erro acionável."
+      >
+        <Card>
+          <div className="form-grid">
+            <Field label="Nome" placeholder="Ex.: Checkout B2B" />
+            <Field
+              label="Identificador"
+              hint="Somente letras minúsculas e hífen."
+              defaultValue="checkout-b2b"
+            />
+            <SelectField label="Risco" defaultValue="standard">
+              <option value="lite">Lite</option>
+              <option value="standard">Standard</option>
+              <option value="critical">Critical</option>
+            </SelectField>
+            <Field label="Responsável" defaultValue="" error="Selecione uma pessoa responsável." />
+          </div>
+        </Card>
+      </Section>
+      <Section
+        title="Dados tabulares"
+        description="Cabeçalhos semânticos, alinhamento numérico e leitura responsiva."
+      >
+        <DataTable />
+      </Section>
+      <Section
+        title="Estado vazio"
+        description="Explique o estado e ofereça a próxima ação segura."
+      >
+        <EmptyState />
+      </Section>
+    </>
+  );
+}