44:o1,~44:o812,2:"$Sreact.fragment" 3:"/chat-static/_next/static/immutable/chunks/3hgpkj-xzfw6u.js" 4:I[381307,["$3"],"default"] 5:I[934914,["$3"],"default"] 38:"ViewportBoundary" 39:I[176645,["$3"],"$38"] 3b:"MetadataBoundary" 3c:I[176645,["$3"],"$3b"] 3d:"$Sreact.suspense" :HL["/chat-static/_next/static/immutable/chunks/3v007t7_-ej68.css","style"] :HL["/chat-static/_next/static/immutable/chunks/1u9jkkxyq3hkp.css","style"] :HL["/chat-static/_next/static/immutable/chunks/249gwualzczh7.css","style"] :HL["/chat-static/_next/static/immutable/chunks/03jd14_hafawi.css","style"] 1:X 6:X 17:X 1a:X 21:X 1f:[["children",{"s":"__PAGE__","h":162,"d":{"r":"$L20","p":false,"v":"$21"}}]] 1d:[["children",{"s":{"n":"id","t":"d","k":"brand-guide-page-kAB5RnZEzbS","s":null},"h":98,"d":{"r":"$L1e","p":false,"v":"$6"},"c":"$Q1f"}]] 2b:X 29:[["children",{"s":"__PAGE__","h":2,"d":{"r":"$L2a","p":false,"v":"$2b"}}]] 27:[["children",{"s":{"n":"id","t":"d","k":"brand-guide-page-kAB5RnZEzbS","s":null},"h":38,"d":{"r":"$L28","p":false,"v":"$6"},"c":"$Q29"}]] 25:[["children",{"s":"chat","h":106,"d":{"r":"$L26","p":false,"v":"$6"},"c":"$Q27"}]] 23:[["children",{"s":"(chat)","h":106,"d":{"r":"$L24","p":false,"v":"$6"},"c":"$Q25"}]] 35:X 33:[["children",{"s":"__PAGE__","h":34,"d":{"r":"$L34","p":false,"v":"$35"}}]] 31:[["children",{"s":{"n":"id","t":"d","k":"brand-guide-page-kAB5RnZEzbS","s":null},"h":102,"d":{"r":"$L32","p":false,"v":"$6"},"c":"$Q33"}]] 2f:[["children",{"s":"chat","h":106,"d":{"r":"$L30","p":false,"v":"$6"},"c":"$Q31"}]] 2d:[["children",{"s":"(chat)","h":106,"d":{"r":"$L2e","p":false,"v":"$6"},"c":"$Q2f"}]] 37:X 1b:[["children",{"s":"chat","h":98,"d":{"r":"$L1c","p":false,"v":"$6"},"c":"$Q1d"}],["content",{"s":"(__SLOT__)","h":74,"d":{"r":"$L22","p":false,"v":"$6"},"c":"$Q23"}],["header",{"s":"(__SLOT__)","h":74,"d":{"r":"$L2c","p":false,"v":"$6"},"c":"$Q2d"}],["sidebar",{"s":"__DEFAULT__","h":2,"d":{"r":"$L36","p":false,"v":"$37"}}]] 18:[["children",{"s":{"n":"scope","t":"d","k":"sma-team","s":null},"h":74,"d":{"r":"$L19","p":false,"v":"$1a"},"c":"$Q1b"}]] 44:oc3c,8:[["children",{"s":"(dynamic-root)","h":58,"d":{"r":["$","$2","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/3v007t7_-ej68.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1u9jkkxyq3hkp.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/249gwualzczh7.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/03jd14_hafawi.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/27drikzuvvlkz.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/0w1lrom8rw5ju.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/11lyl92d5uidb.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/1aewy7yrnlnw1.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/2rs4e_urgmfoi.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2isb-ffyk13h1.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/2ooky3daf1w60.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/3xfqd79v-con1.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/3f25o_f629lnw.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/3i6ogyrec1lar.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/1n7bkbj_n_55k.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/3_b2wbin-ikog.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/1r-2wru0o9lfp.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/3941mm2kmjqco.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/3vous1g45z_7y.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/3noaaw7xa00yr.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/18_-xblcdgpy1.js","async":true,"nonce":"$undefined"}],"$L9","$La","$Lb","$Lc","$Ld","$Le","$Lf","$L10","$L11","$L12","$L13","$L14","$L15"],"$L16"]}],"p":false,"v":"$17"},"c":"$Q18"}]] 44:o1d7,7:[["children",{"s":{"n":"variants","t":"d","k":"v0pprvariant-0-0-en-","s":null},"h":122,"d":{"r":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],"p":false,"v":"$6"},"c":"$Q8"}]] 3f:X 40:X 44:o716,0:{"q":"","i":false,"S":true,"r":"$1","t":{"t":{"s":"","h":90,"d":{"r":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}],"p":false,"v":"$6"},"c":"$Q7"},"h":{"r":["$","$2","h",{"children":[null,["$","$L39","XXL5d8BgEiO-8WDZP85jsv",{"children":"$L3a"}],["$","div","XXL5d8BgEiO-8WDZP85jsm",{"hidden":true,"children":["$","$L3c",null,{"children":["$","$3d",null,{"name":"Next.Metadata","children":"$L3e"}]}]}]]}],"p":false,"v":"$3f"}},"s":"$40","a":"$@41","w":"$@42"} 44:o1000,44:I[176645,["$3"],"OutletBoundary"] 46:"LoadingBoundaryProvider" 47:I[381307,["$3"],"$46"] 4f:"/chat-static/_next/static/immutable/chunks/27drikzuvvlkz.js" 50:"/chat-static/_next/static/immutable/chunks/0w1lrom8rw5ju.js" 51:"/chat-static/_next/static/immutable/chunks/11lyl92d5uidb.js" 52:"/chat-static/_next/static/immutable/chunks/1aewy7yrnlnw1.js" 53:"/chat-static/_next/static/immutable/chunks/2rs4e_urgmfoi.js" 54:"/chat-static/_next/static/immutable/chunks/2isb-ffyk13h1.js" 55:"/chat-static/_next/static/immutable/chunks/2ooky3daf1w60.js" 56:"/chat-static/_next/static/immutable/chunks/3xfqd79v-con1.js" 57:"/chat-static/_next/static/immutable/chunks/3f25o_f629lnw.js" 58:"/chat-static/_next/static/immutable/chunks/3i6ogyrec1lar.js" 59:"/chat-static/_next/static/immutable/chunks/1n7bkbj_n_55k.js" 5a:"/chat-static/_next/static/immutable/chunks/3_b2wbin-ikog.js" 5b:"/chat-static/_next/static/immutable/chunks/1r-2wru0o9lfp.js" 5c:"/chat-static/_next/static/immutable/chunks/3941mm2kmjqco.js" 5d:"/chat-static/_next/static/immutable/chunks/3vous1g45z_7y.js" 5e:"/chat-static/_next/static/immutable/chunks/3noaaw7xa00yr.js" 5f:"/chat-static/_next/static/immutable/chunks/18_-xblcdgpy1.js" 60:"/chat-static/_next/static/immutable/chunks/1bmakg034cezp.js" 61:"/chat-static/_next/static/immutable/chunks/2c2ur0yl_ff2s.js" 62:"/chat-static/_next/static/immutable/chunks/3b8d4_xwoqc18.js" 63:"/chat-static/_next/static/immutable/chunks/10nyt517pjj02.js" 64:"/chat-static/_next/static/immutable/chunks/2v-uf4n92hj6t.js" 65:"/chat-static/_next/static/immutable/chunks/22d52d8i9k163.js" 66:"/chat-static/_next/static/immutable/chunks/0xrpdws0tbyya.js" 67:"/chat-static/_next/static/immutable/chunks/2s-65qq2eoe96.js" 68:"/chat-static/_next/static/immutable/chunks/254eugkkwc6ss.js" 69:"/chat-static/_next/static/immutable/chunks/3upi5_u62q_gq.js" 6a:"/chat-static/_next/static/immutable/chunks/0amyfdl50mz4z.js" 6b:"/chat-static/_next/static/immutable/chunks/0bhx0z1oa2-oe.js" 6c:"/chat-static/_next/static/immutable/chunks/3ppx1kyz3ck5n.js" 6d:"/chat-static/_next/static/immutable/chunks/2p4dd29ppwmwt.js" 6e:"/chat-static/_next/static/immutable/chunks/0plnn9njznxg6.js" 6f:"/chat-static/_next/static/immutable/chunks/0al_ckq0gyy8n.js" 70:"/chat-static/_next/static/immutable/chunks/2ad9n9lg9lgw3.js" 71:"/chat-static/_next/static/immutable/chunks/13chkuejbk5mz.js" 72:"/chat-static/_next/static/immutable/chunks/42agoq63rpps6.js" 73:"/chat-static/_next/static/immutable/chunks/30fabo36j5izp.js" 74:"/chat-static/_next/static/immutable/chunks/0rwmy3yxojwcv.js" 75:"/chat-static/_next/static/immutable/chunks/011gun9_73cts.js" 76:"/chat-static/_next/static/immutable/chunks/0x-qy89bz-rgx.js" 77:"/chat-static/_next/static/immutable/chunks/1787q9d2c8h89.js" 78:"/chat-static/_next/static/immutable/chunks/2jax3rb0sbtfv.js" 79:"/chat-static/_next/static/immutable/chunks/3_y65iunsijt-.js" 7a:"/chat-static/_next/static/immutable/chunks/1cewmnapr-8gw.js" 7b:"/chat-static/_next/static/immutable/chunks/1d-obk4713hwc.js" 7c:"/chat-static/_next/static/immutable/chunks/2572gtfmwa7vr.js" 7d:I[822201,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c"],"default"] 7e:"/chat-static/_next/static/immutable/chunks/3hsajri1s-96e.js" 7f:"/chat-static/_next/static/immutable/chunks/3bnxd_xt_d3fd.js" 80:"/chat-static/_next/static/immutable/chunks/3byc9-khb3f3m.js" 81:"/chat-static/_next/static/immutable/chunks/2vgh-qgbei65i.js" 82:"/chat-static/_next/static/immutable/chunks/23i_w6tmac85b.js" 83:"/chat-static/_next/static/immutable/chunks/3gunbt662hd3p.js" 84:"/chat-static/_next/static/immutable/chunks/1u9ujuznhadqc.js" 85:"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js" 86:"/chat-static/_next/static/immutable/chunks/24mjxlkfrhvzx.js" 87:"/chat-static/_next/static/immutable/chunks/400a-sg426y-k.js" 88:"/chat-static/_next/static/immutable/chunks/1vpqujxbyjk9n.js44:o84c," 89:"GitChatHeaderSkeleton" 8a:I[70040,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$89"] 6:C 9:["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/1bmakg034cezp.js","async":true,"nonce":"$undefined"}] a:["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/2c2ur0yl_ff2s.js","async":true,"nonce":"$undefined"}] b:["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/3b8d4_xwoqc18.js","async":true,"nonce":"$undefined"}] c:["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/10nyt517pjj02.js","async":true,"nonce":"$undefined"}] d:["$","script","script-21",{"src":"/chat-static/_next/static/immutable/chunks/2v-uf4n92hj6t.js","async":true,"nonce":"$undefined"}] e:["$","script","script-22",{"src":"/chat-static/_next/static/immutable/chunks/22d52d8i9k163.js","async":true,"nonce":"$undefined"}] f:["$","script","script-23",{"src":"/chat-static/_next/static/immutable/chunks/0xrpdws0tbyya.js","async":true,"nonce":"$undefined"}] 10:["$","script","script-24",{"src":"/chat-static/_next/static/immutable/chunks/2s-65qq2eoe96.js","async":true,"nonce":"$undefined"}] 11:["$","script","script-25",{"src":"/chat-static/_next/static/immutable/chunks/254eugkkwc6ss.js","async":true,"nonce":"$undefined"}] 12:["$","script","script-26",{"src":"/chat-static/_next/static/immutable/chunks/3upi5_u62q_gq.js","async":true,"nonce":"$undefined"}] 13:["$","script","script-27",{"src":"/chat-static/_next/static/immutable/chunks/0amyfdl50mz4z.js","async":true,"nonce":"$undefined"}] 14:["$","script","script-28",{"src":"/chat-static/_next/static/immutable/chunks/0bhx0z1oa2-oe.js","async":true,"nonce":"$undefined"}] 15:["$","script","script-29",{"src":"/chat-static/_next/static/immutable/chunks/3ppx1kyz3ck5n.js","async":true,"nonce":"$undefined"}] 44:o644,19:["$","$2","c",{"children":[[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2p4dd29ppwmwt.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/0plnn9njznxg6.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/0al_ckq0gyy8n.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/2ad9n9lg9lgw3.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/13chkuejbk5mz.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/42agoq63rpps6.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/30fabo36j5izp.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/0rwmy3yxojwcv.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/011gun9_73cts.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/0x-qy89bz-rgx.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/1787q9d2c8h89.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/2jax3rb0sbtfv.js","async":true,"nonce":"$undefined"}]],"$L43"]}] 44:o29a,1c:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 1e:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 44:o726,20:["$","$2","c",{"children":[null,[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/0m7q-j_5sj9wk.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/23i_w6tmac85b.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/3hsajri1s-96e.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/1cewmnapr-8gw.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2572gtfmwa7vr.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/3gunbt662hd3p.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/1u9ujuznhadqc.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/1vpqujxbyjk9n.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/24mjxlkfrhvzx.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/2vgh-qgbei65i.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/3byc9-khb3f3m.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/400a-sg426y-k.js","async":true,"nonce":"$undefined"}]],["$","$L44",null,{"children":["$","$3d",null,{"name":"Next.MetadataOutlet","children":"$@45"}]}]]}] 44:o3e7,22:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 24:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 26:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 44:o1103,28:["$","$L47",null,{"loading":[["$","$2","l",{"children":[["$","span",null,{"role":"status","aria-live":"polite","className":"sr-only","children":"Loading chat…"}],["$","div",null,{"data-chat-skeleton-layout":true,"aria-hidden":"true","className":"flex-1 w-full flex","children":[["$","div",null,{"data-input":true,"className":"flex","children":["$","div",null,{"data-skeleton-chat-column":true,"className":"flex flex-col size-full pt-4 px-2 pb-2","children":[["$","div",null,{"className":"flex-1 overflow-hidden mask-[linear-gradient(to_bottom,black_0%,transparent_100%)]","children":["$","div",null,{"className":"max-w-3xl mx-auto w-full flex-col pt-2","children":[["$","div",null,{"className":"@container/message group w-full [&_code]:break-all wrap-break-word flex flex-col gap-2 origin-right items-end px-2","data-testid":"skeleton-message","children":[["$","div",null,{"className":"flex items-center gap-1.5 pr-1","children":["$","div",null,{"className":"size-4 rounded-full bg-v0-gray-300"}]}],["$","div",null,{"className":"flex items-end sm:max-w-[min(fit-content,80%)] max-w-[90%] origin-top-right","children":["$","div",null,{"className":"border border-v0-gray-200 text-left relative rounded-[16px] bg-v0-gray-200 px-3 py-1.5 min-w-0 wrap-break-word group/message-bubble","children":["$","div",null,{"style":{"width":900,"height":120}}]}]}],["$","div",null,{"className":"flex items-center gap-1 justify-end flex-row-reverse mr-[-2px] h-6"}]]}],["$","div",null,{"className":"flex flex-col w-full gap-4 px-2","children":[["$","div",null,{"className":"h-6 w-full flex flex-row gap-2","children":[["$","div",null,{"className":"bg-v0-gray-300 min-w-4 h-4 rounded-full"}],["$","div",null,{"className":"bg-v0-gray-300 h-4 rounded-md w-[70%] max-w-[200px]"}]]}],["$","div",null,{"className":"gap-1 flex flex-col w-full relative","children":[["$","div","0",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","1",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","2",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","3",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","4",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"40%"}}]]}],["$","div",null,{"className":"h-6 w-full flex flex-row gap-2","children":[["$","div",null,{"className":"bg-v0-gray-300 min-w-4 h-4 rounded-full"}],["$","div",null,{"className":"bg-v0-gray-300 h-4 rounded-md w-[70%] max-w-[200px]"}]]}],["$","div",null,{"className":"gap-1 flex flex-col w-full relative","children":[["$","div","0",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","1",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","2",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"40%"}}]]}],["$","div",null,{"className":"h-6 w-full flex flex-row gap-2","children":[["$","div",null,{"className":"bg-v0-gray-300 min-w-4 h-4 rounded-full"}],["$","div",null,{"className":"bg-v0-gray-300 h-4 rounded-md w-[70%] max-w-[200px]"}]]}]]}],["$","div",null,{"className":"@container/message group w-full [&_code]:break-all wrap-break-word flex flex-col gap-2 origin-right items-end px-2","data-testid":"skeleton-message","children":[["$","div",null,{"className":"flex items-center gap-1.5 pr-1","children":["$","div",null,{"className":"size-4 rounded-full bg-v0-gray-300"}]}],["$","div",null,{"className":"flex items-end sm:max-w-[min(fit-content,80%)] max-w-[90%] origin-top-right","children":["$","div",null,{"className":"border border-v0-gray-200 text-left relative rounded-[16px] bg-v0-gray-200 px-3 py-1.5 min-w-0 wrap-break-word group/message-bubble","children":["$","div",null,{"style":{"width":900,"height":120}}]}]}],["$","div",null,{"className":"flex items-center gap-1 justify-end flex-row-reverse mr-[-2px] h-6"}]]}]]}]}],["$","div",null,{"className":"mx-auto w-full max-w-3xl","children":["$","div",null,{"className":"p-1.5 flex items-center gap-1 rounded-xl material-medium bg-v0-background-300 border border-v0-alpha-400","children":[["$","div",null,{"className":"flex size-7 shrink-0 items-center justify-center","children":["$","div",null,{"className":"animate-pulse bg-v0-gray-200 size-4 rounded"}]}],"$L48","$L49","$L4a"]}]}]]}]}],"$L4b"]}],"$L4c"]}],[],null],"children":"$L4d"}] 44:o6cc,2a:["$","$2","c",{"children":["$L4e",[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/0m7q-j_5sj9wk.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/23i_w6tmac85b.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/3hsajri1s-96e.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/1cewmnapr-8gw.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2572gtfmwa7vr.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/3gunbt662hd3p.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/1u9ujuznhadqc.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/1vpqujxbyjk9n.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/24mjxlkfrhvzx.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/2vgh-qgbei65i.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/3byc9-khb3f3m.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/400a-sg426y-k.js","async":true,"nonce":"$undefined"}]],null]}] 44:o780,2c:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 2e:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 30:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 32:["$","$L47",null,{"loading":[["$","$L7d","l",{}],[],[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/3_y65iunsijt-.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/1cewmnapr-8gw.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/1d-obk4713hwc.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/2572gtfmwa7vr.js","async":true,"nonce":"$undefined"}]]],"children":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}]}] 44:o78d,34:["$","$2","c",{"children":[["$","$3d",null,{"fallback":["$","$L8a",null,{}],"children":"$L8b"}],[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/3hsajri1s-96e.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/1cewmnapr-8gw.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/3bnxd_xt_d3fd.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/3byc9-khb3f3m.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/2572gtfmwa7vr.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2vgh-qgbei65i.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/23i_w6tmac85b.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/3gunbt662hd3p.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/1u9ujuznhadqc.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/24mjxlkfrhvzx.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/1d-obk4713hwc.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/400a-sg426y-k.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/1vpqujxbyjk9n.js","async":true,"nonce":"$undefined"}]],null]}] 44:o32,36:["$","$2","c",{"children":["$L8c",null,null]}] 44:o885,8e:I[987761,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"AppCard"] 8f:"FULL_BLEED_APP_CARD_CLASSNAME" 90:I[987761,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$8f"] 91:"/chat-static/_next/static/immutable/chunks/3vujvky3kfowx.js" 92:"SidebarCollapseButton" 93:I[663042,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$91"],"$92"] 94:I[192842,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"ChatWarning"] 95:I[903785,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$91"],"NewChatButton"] 40:300 48:["$","div",null,{"className":"flex-1 min-w-0","children":["$","div",null,{"className":"animate-pulse bg-v0-gray-200 h-4 w-24 rounded"}]}] 49:["$","div",null,{"className":"animate-pulse bg-v0-gray-200 h-6 w-16 rounded-md"}] 4a:["$","div",null,{"className":"animate-pulse bg-v0-gray-200 size-7 rounded-full"}] 4b:["$","div",null,{"data-output":true,"className":"bg-v0-background-200"}] 8d:T1963,44:o1963,44:o35d,4c:["$","span",null,{"data-v0-skeleton-chat-layout":"","hidden":true,"dangerouslySetInnerHTML":{"__html":"$8d"}}] 4d:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","$3d",null,{"fallback":["$","$L8e",null,{"className":"$90","children":[["$","$L93",null,{"collapsedOnly":true,"syncWidth":true,"syncCollapsedMarginRight":"0px","syncExpandedMarginRight":"0px","peekOnHover":false,"className":"pointer-events-auto absolute left-3 top-3 z-20 hidden sm:flex"}],["$","$L94",null,{"description":"Loading…","title":"Chat Not Found","children":["$","$L95",null,{}]}]]}],"children":"$L96"}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}] 44:o17,17:T8,variants97:T18d6,44:o18d6,(({protect:a})=>{function b(a){return new Promise((b,c)=>{if(document.querySelector(`script[src="${a}"]`))return void b();let d=document.createElement("script");d.src=a,d.async=!0,d.onload=()=>b(),d.onerror=a=>{console.error("Error loading script",a),c(a)},document.head.appendChild(d)})}var c=class a{#a;#b;#c=0;constructor(){let{promise:b,resolve:c}=a.#d();this.#a=b,this.#b=c,this.#e(),window.addEventListener("online",this.#f),window.addEventListener("visibilitychange",this.#f)}getChallenge=async()=>(await this.#g(),await this.#a.then(a=>"function"==typeof a?a():a));#f=()=>{if(document.hidden)return;let{promise:b,resolve:c}=a.#d();this.#a=b,this.#b=c,window.V_C=[],window.V_C.push=c;let d=document.querySelector('script[src*="c.js"]');d&&d.remove(),this.#c+=1};#e=()=>{if(window.V_C){let a=window.V_C.pop();a&&this.#b(a)}else window.V_C=[],window.V_C.push=this.#b};#g=()=>{let a=new URL("/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/a-4-a/c.js",window.location.origin);return a.searchParams.set("i",String(this.#c)),a.searchParams.set("v",String(3)),a.searchParams.set("h",window.location.host),b(a.pathname+a.search)};#h=()=>{window.V_C=void 0};static #d(){let a,b;return{promise:new Promise((c,d)=>{a=c,b=d}),resolve:a,reject:b}}},d=class a{#a=!1;#b;constructor(a){this.#b=a}get loaded(){return this.#a}load=async()=>{this.#a||await this.#f()};#c=()=>{if(typeof globalThis.window>"u")throw Error("KPSDK is not available in the server");if(!window.KPSDK)throw Error("KPSDK is not loaded");let b=this.#b.map(b=>{let c=a.#e(b.path);return{domain:c.host,path:c.pathname,method:b.method}});try{window.KPSDK.configure(b)}catch(a){console.error("Error configuring KPSDK...",a)}};#f=async()=>{let a=this;return new Promise((c,d)=>{let e=()=>{document.removeEventListener("kpsdk-load",e),this.#c()},f=()=>{document.removeEventListener("kpsdk-ready",f),a.#a=!0,c()};document.addEventListener("kpsdk-load",e,{once:!0}),document.addEventListener("kpsdk-ready",f,{once:!0}),b("/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/p.js").catch(a=>{document.removeEventListener("kpsdk-load",e),document.removeEventListener("kpsdk-ready",f),d(a)})})};static #e(a){let b;try{b=new URL(a)}catch{b=new URL(a,location.origin)}return b}},e=a=>{let b=a.replace(/[.?+^$[\]\\(){}|-]/g,"\\$&").split("*").join(".*");return RegExp(`^${b}$`)},f=({path:a,pattern:b})=>-1!==a.search(b);async function g(a,b,c){let d=XMLHttpRequest.prototype.open,g=XMLHttpRequest.prototype.send;XMLHttpRequest.prototype.open=function(a,b,c,e,f){return this._requestUrl=b.toString(),this._requestMethod=a,d.call(this,a,b,c??!0,e,f)},XMLHttpRequest.prototype.send=async function(d){let h=this._requestUrl;if(!h||this._isReexecution)return g.call(this,d);let i=new URL(h,location.href),j=c.find(a=>f({path:i.pathname,pattern:e(a.path)}));if(null==j||j.method!==(this._requestMethod??"GET")&&"*"!==j.method)return g.call(this,d);let k=await a.getChallenge();if(this.setRequestHeader("x-is-human",JSON.stringify(k)),this.setRequestHeader("x-path",i.pathname),this.setRequestHeader("x-method",this._requestMethod||"GET"),0!==k.b||b.loaded||((1===k.d||j?.advancedOptions?.checkLevel==="deepAnalysis")&&await b.load(),!b.loaded))return g.call(this,d);this.setRequestHeader("x-is-human",JSON.stringify(k)),this.setRequestHeader("x-path",i.pathname),this.setRequestHeader("x-method",this._requestMethod||"GET");let l=new XMLHttpRequest;return l._isReexecution=!0,l.open(this._requestMethod||"GET",h,!0),l.setRequestHeader("x-is-human",JSON.stringify(k)),l.setRequestHeader("x-path",i.pathname),l.setRequestHeader("x-method",this._requestMethod||"GET"),this.timeout&&(l.timeout=this.timeout),this.responseType&&(l.responseType=this.responseType),this.withCredentials&&(l.withCredentials=this.withCredentials),l.onreadystatechange=()=>{Object.defineProperty(this,"readyState",{value:l.readyState,writable:!0,configurable:!0}),l.readyState===XMLHttpRequest.DONE&&(Object.defineProperty(this,"status",{value:l.status,writable:!0,configurable:!0}),Object.defineProperty(this,"statusText",{value:l.statusText,writable:!0,configurable:!0}),Object.defineProperty(this,"response",{value:l.response,writable:!0,configurable:!0}),Object.defineProperty(this,"responseText",{value:l.responseText,writable:!0,configurable:!0}),Object.defineProperty(this,"responseXML",{value:l.responseXML,writable:!0,configurable:!0}),this.getAllResponseHeaders=()=>l.getAllResponseHeaders(),this.getResponseHeader=a=>l.getResponseHeader(a)),this.onreadystatechange&&this.onreadystatechange.call(this,new Event("readystatechange"))},l.onload=a=>{this.onload&&this.onload.call(this,a)},l.onerror=a=>{this.onerror&&this.onerror.call(this,a)},l.onabort=a=>{this.onabort&&this.onabort.call(this,a)},l.ontimeout=a=>{this.ontimeout&&this.ontimeout.call(this,a)},l.onloadstart=a=>{this.onloadstart&&this.onloadstart.call(this,a)},l.onloadend=a=>{this.onloadend&&this.onloadend.call(this,a)},l.onprogress=a=>{this.onprogress&&this.onprogress.call(this,a)},l.send(d)}}!function({protect:a=[]}){let b;for(let b of a)if(b.advancedOptions?.checkLevel!==void 0&&"deepAnalysis"!==b.advancedOptions.checkLevel&&"basic"!==b.advancedOptions.checkLevel)throw Error(`Invalid checkLevel "${b.advancedOptions.checkLevel}" for route "${b.path}". Must be one of: deepAnalysis, basic`);let h=new c,i=new d(a);g(h,i,a).catch(a=>{console.error("Error patching XMLHttpRequest:",a)}),b=window.fetch,window.fetch=async(c,d)=>{let g=new URL(c instanceof Request?c.url:c,location.href),j=g.origin===location.origin,k=a.find(a=>f({path:g.pathname,pattern:e(a.path)})),l=d?.method??(c instanceof Request?c.method:"GET"),m=null!=k&&(k.method===l||"*"===k.method);if(null==k||!m||!j)return b(c,d);let n=await h.getChallenge(),o=new Headers(d?.headers||(c instanceof Request?c.headers:void 0));o.set("x-is-human",JSON.stringify(n)),o.set("x-path",g.pathname),o.set("x-method",l);let p={...d,headers:o};return i.loaded||0!==n.b?b(c,p):1===n.d||k?.advancedOptions?.checkLevel==="deepAnalysis"?(await i.load(),window.fetch(c,p)):b(c,p)}}({protect:a})})({ protect: [{"path":"/chat/api/vm/actions/run-pipeline","method":"POST","advancedOptions":{"checkLevel":"deepAnalysis"}},{"path":"/chat/api/chat","method":"POST"},{"path":"/chat/api/vm/actions/*","method":"POST"},{"path":"*/chat/api/vm/actions/*","method":"POST"}] });44:o158,16:["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":[["$","head",null,{"children":[["$","meta",null,{"name":"ahrefs-site-verification","content":"e2ef51ac3cec223624a89ee7790eda482d23374870bff86fe0e0c599b8de4b51"}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"$97"}}],"$L98","$L99","$L9a","$L9b"]}],"$L9c"]}] 44:o1000,9d:"GeistThemeScript" 9e:I[943185,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$9d"] 9f:I[600033,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"AppStoreMetaTag"] a0:I[943185,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"GeistProvider"] a1:I[818362,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"LocaleProvider"] a2:I[841245,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"MotionConfig"] a3:"AtomicContextSWRProvider" a4:I[850359,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$a3"] a5:"GlobalPromiseContextProvider" a6:I[850359,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$a5"] a9:I[827887,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"JotaiProvider"] aa:"ServerQuerySWRRuntimeProvider" ab:I[74757,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$aa"] ad:I[815349,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"CleanupStorage"] ae:I[470669,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"Analytics"] af:I[191173,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"SpeedInsights"] b1:"VercelianAppFlowMigrator" b2:I[23825,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$b1"] b3:I[108762,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"TrackInfo"] b4:I[578386,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"PageViewTracker"] b5:I[356301,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"AutoCapture"] 98:["$","$L9e",null,{"storageKey":"theme"}] 99:["$","$3d",null,{"children":["$","$L9f",null,{}]}] 9a:["$","meta",null,{"name":"slack-app-id","content":"A09PS08K5R8"}] 9b:["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"[{\"@context\":\"https://schema.org\",\"@type\":\"Organiza44:o2cc,tion\",\"name\":\"Vercel\",\"url\":\"https://vercel.com\",\"logo\":\"https://assets.vercel.com/image/upload/front/favicon/vercel/favicon.ico\",\"sameAs\":[\"https://x.com/vercel\",\"https://x.com/v0\",\"https://github.com/vercel\",\"https://www.linkedin.com/company/vercel\",\"https://www.linkedin.com/company/v0dev\"]},{\"@context\":\"https://schema.org\",\"@type\":\"WebApplication\",\"name\":\"v0\",\"url\":\"https://v0.app\",\"description\":\"Your collaborative AI assistant to design, iterate, and scale full-stack applications for the web.\",\"applicationCategory\":[\"DeveloperApplication\",\"DesignApplication\"],\"operatingSystem\":\"All\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Vercel\"}}]"}}] 44:o93b,9c:["$","body",null,{"className":"font-sans bg-v0-background-200 text-v0-gray-1000 antialiased kSVEZa_variable yCrHjW_variable hGs1mq_variable","children":[["$","$La0",null,{"storageKey":"theme","withScript":false,"children":["$","$La1",null,{"locale":"en","children":["$","$La2",null,{"reducedMotion":"user","children":["$","$La4",null,{"routes":{"scoped":{"scopeUserDetails":{"path":"/api/chat/scoped/user","method":"GET"},"team":{"path":"/api/chat/scoped/team","method":"GET"},"vercelProjectsFavorites":{"path":"/api/chat/scoped/vercel-projects/favorites","method":"GET"},"chats":{"path":"/api/chat/scoped/chats","method":"GET"},"paginatedChats":{"path":"/api/chat/scoped/get-paginated-chats","method":"GET"},"designSystems":{"path":"/api/chat/scoped/design-systems-with-registry/list","method":"GET"},"sidebarProjectGroups":{"path":"/api/chat/scoped/sidebar-project-groups","method":"GET"},"sidebarDrafts":{"path":"/api/v2/internal/chats/sidebar-drafts","method":"GET"}},"chat":{"attributes":{"path":"/api/chat/chat/attributes","method":"GET"},"externalMeta":{"path":"/api/chat/chat/latest-external-meta","method":"GET"},"latest":{"path":"/api/chat/chat/latest","method":"GET"},"template":{"path":"/api/chat/chat/template","method":"GET"},"messages":{"path":"/api/chat/chat/messages","method":"GET"},"messagesRange":{"path":"/api/chat/chat/messages/range","method":"GET"},"gitStatus":{"path":"/api/git/status","method":"GET"}},"library":{"chatsList":{"path":"/api/chat/library/chats/list","method":"GET"},"archivedChatsList":{"path":"/api/chat/library/chats/archived","method":"GET"},"projectsList":{"path":"/api/chat/library/projects/list","method":"GET"},"filters":{"path":"/api/chat/library/filters","method":"GET"}},"project":{},"global":{"dailyModelUsage":{"path":"/api/chat/global/daily-model-usage","method":"GET"},"freeFixWithV0Usage":{"path":"/api/chat/global/free-fix-with-v0-usage","method":"GET"}}},"children":["$","$La6",null,{"params":null,"promises":{"dailyModelUsage":"$@a7","freeFixWithV0Usage":"$@a8"},"children":[["$","$La9",null,{"children":["$","$Lab",null,{"children":"$Lac"}]}],["$","$Lad",null,{}]]}]}]}]}]}],["$","$Lae",null,{}],["$","$Laf",null,{"endpoint":"https://v0sdk.com/_vercel/speed-insights/vitals"}],["$","$3d",null,{"children":"$Lb0"}],["$","$Lb2",null,{}],["$","$Lb3",null,{}],["$","$Lb4",null,{}],["$","$Lb5",null,{}]]}] 44:o90,3a:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1, maximum-scale=1"}]] 44:oe,3f:T8,variants44:o1000,b6:"HydrateDurableAtoms" b7:I[783749,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$b6"] b8:I[359783,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"DataProvider"] b9:I[32170,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"UserProvider"] bb:"AnimatedIconProvider" bc:I[908887,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$bb"] bd:I[30570,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"PortalProvider"] be:"SnowflakePublishProvider" bf:I[966820,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$be"] c0:"UserInputProvider" c1:I[472914,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$c0"] c2:I[69221,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"CmdkProvider"] c3:"VirtualMachineUIStateProvider" c4:I[319228,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$c3"] c5:"DeployedPreviewIframeRefProvider" c6:I[166890,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$c5"] c7:"PreviewSourceUIStateProvider" c8:I[197843,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$c7"] c9:I[367078,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"LoaderProvider"] ca:"PromptFormUIProvider" cb:I[595358,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$ca"] cc:I[242759,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"FlagsProvider"] ce:I[723704,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"NuqsAdapter"] cf:"ChatTabsProvider" d0:I[568561,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$cf"] d1:"PersonalScopeMigrationAnnouncementProvider" d2:I[206559,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$d1"] d4:"AnnouncementVisibilityProvider" d5:I[878519,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$d4"] d8:I[561588,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$5844:o4ab,","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"Toaster"] d9:I[407562,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"Toaster"] da:"SuspendingDialogs" db:I[840793,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$da"] dc:I[323194,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"SignInDialog"] dd:I[279070,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"ConsentBanner"] de:I[15279,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"SessionManager"] 44:o8ad,ac:["$","$Lb7",null,{"serverData":{"chat":null,"scoped":null,"root":{"root":{"sidebarCollapsed":false,"sidebarPreferenceSet":false,"sidebarWidth":250,"lastUpdated":0,"modelConfiguration":{"fast":false,"modelId":"v0-max","thinking":false,"thinkingEffort":null,"imageGenerations":false},"modelDisplayPreference":null,"lastModelPreference":null,"toolConfiguration":{"webSearch":true,"generateImages":true,"vercelProjectId":null,"vercelProjectName":null,"vercelProjectBranch":null,"vercelProjectGitOrg":null,"vercelProjectGitRepo":null,"customInstructionIds":[],"mcpServerIds":[],"marketplaceMcpIds":[],"autoAllowMcpTools":false},"shouldShowUpgrade":false,"chatMobilePanel":"input","chatPanelLayout":[{"id":"input","ratio":0.205,"visible":true},{"id":"output","ratio":0.795,"visible":true}],"dismissedFeatureDialogs":{},"dismissedConnectRepoCard":false,"permissionsModeV2":null}}},"children":["$","$Lb8",null,{"children":["$","$Lb9",null,{"expectUser":false,"userPromise":"$@ba","children":["$","$Lbc",null,{"children":["$","$Lbd",null,{"children":["$","$Lbf",null,{"children":["$","$Lc1",null,{"children":["$","$Lc2",null,{"children":["$","$Lc4",null,{"children":["$","$Lc6",null,{"children":["$","$Lc8",null,{"children":["$","$Lc9",null,{"children":["$","$Lcb",null,{"children":["$","$Lcc",null,{"promise":"$@cd","middlewareFlags":[],"children":["$","$Lce",null,{"children":["$","$Ld0",null,{"children":["$","$Ld2",null,{"destinationTeamIdPromise":"$@d3","children":["$","$Ld5",null,{"visiblePromise":"$@d6","children":["$","div",null,{"className":"max-h-screen-patched min-h-screen-patched flex w-full flex-col overflow-auto bg-v0-background-200","vaul-drawer-wrapper":"","children":[["$","$3d",null,{"fallback":null,"children":"$Ld7"}],["$","$Ld8",null,{}],["$","$Ld9",null,{}],["$","$3d",null,{"fallback":null,"children":["$","$Ldb",null,{}]}],["$","$Ldc",null,{}],["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","$Ldd",null,{}]]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}] 44:o12c,96:["$","$L8e",null,{"className":"$90","children":["$4d:props:children:1:props:notFound:0:props:fallback:props:children:0",["$","$L94",null,{"description":"This chat was deleted, made private, or no longer exists.","title":"Chat Not Found","children":null}]]}] b0:["$","$Lde",null,{"enabled":false}] 44:o20,ba:"$undefined" d6:true d7:null 44:o81,3f:T1,?37:T1,?21:T1,?35:T1,?2b:T1,?40:60 37:T8,variants35:T8,variants1a:T8,variants3f:T2,id35:T5,scope2b:T2,id1a:T5,scope35:T2,id44:oe62,df:"RouteChatIdProvider" e0:I[903690,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$df"] e1:"CompletionAttentionProvider" e2:I[607506,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78"],"$e1"] e3:"SidebarUIProvider" e4:I[475961,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78"],"$e3"] e7:"HeaderSlotClientRouter" e8:I[597544,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78"],"$e7"] e9:"/chat-static/_next/static/immutable/chunks/2eerkywibkd4m.js" ea:I[32459,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$e9"],"default"] eb:I[990009,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78"],"Header"] ec:"RevalidateChatIdSkeletonStyles" ed:I[564011,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78"],"$ec"] ee:I[980088,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78"],"DynamicCMDK"] ef:"PromptQueueSnapshotProvider" f0:I[475641,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$ef"] f3:"ChatPromiseContextProvider" f4:I[850359,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$f3"] fc:I[70040,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"GitChatHeader"] fd:I[705838,["$3"],"IconMark"] 8c:null 44:o77d,43:["$","$Le0",null,{"children":["$","$Le2",null,{"children":["$","$Le4",null,{"children":[["$","$3d",null,{"fallback":null,"children":"$@e5"}],["$","$3d",null,{"children":"$Le6"}],false,false,["$","div",null,{"className":"isolate flex min-h-0 flex-1","children":[false,["$","div",null,{"className":"flex min-h-0 min-w-0 flex-1 flex-col","children":[["$","$Le8",null,{"headerSlot":["$","$L4",null,{"parallelRouterKey":"header","error":"$ea","errorStyles":[],"errorScripts":[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2eerkywibkd4m.js","async":true,"nonce":"$undefined"}]],"template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],"defaultSlot":["$","$Leb",null,{}]}],["$","$L4",null,{"parallelRouterKey":"children","error":"$ea","errorStyles":"$43:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorStyles","errorScripts":"$43:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorScripts","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","$L4",null,{"parallelRouterKey":"content","error":"$ea","errorStyles":"$43:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorStyles","errorScripts":"$43:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorScripts","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}]]}],false,["$","$3d",null,{"children":["$","$Led",null,{}]}],["$","$Lee",null,{}]]}]}]}] 44:o45f,4e:["$","$Lf0",null,{"initial":{"chatId":"kAB5RnZEzbS","snapshot":"$@f1"},"children":"$Lf2"}] 8b:["$","$Lf4",null,{"params":{"chatId":"kAB5RnZEzbS"},"promises":{"attributes":"$@f5","externalMeta":"$@f6","latest":"$@f7","messagesRange":"$@f8","messages":"$@f9","template":"$@fa","gitStatus":"$@fb"},"children":["$","$Lfc",null,{"chatId":"kAB5RnZEzbS"}]}] d3:null cd:{"requested":"sma-team","identity":null,"resolution":"anonymous","flags":{"aepe":false,"asse":false,"afre":false,"bvge":false,"cste":false,"igm":"gateway.google/gemini-3.1-flash-lite-image","ctv2":false,"lcw":false,"tbb":false,"oivs":false,"vmmt":false,"nfd":"","nfde":1,"iedm":true,"inb":true,"stve":true,"ci":true,"smpe":false,"dsie":false,"sie":false,"siv2":false,"cvod":false,"dce":false,"tse":false,"ftdml":true,"lmmo":false,"ubse":true,"dcpps":false,"spu":true,"kps":false,"tfam":false,"evmv":true,"f5e":true,"f51e":true,"gmpe":true,"impe":false,"gope":false,"awde":false,"awpse":false,"g56se":true,"g52e":false,"g46e":false,"kk3e":false,"o5e":true,"ept":false,"pwz":true,"shce":false,"shme":false,"idue":false,"ipc":true,"dsrr":false,"ftr":null}} 44:o596,3e:[["$","title","0",{"children":"Brand guide page - v0 by Vercel"}],["$","meta","1",{"name":"description","content":"Simple brand guide page"}],["$","link","2",{"rel":"manifest","href":"/manifest.json","crossOrigin":"$undefined"}],["$","link","3",{"rel":"canonical","href":"https://v0.app/chat/brand-guide-page-kAB5RnZEzbS"}],["$","meta","4",{"property":"og:title","content":"Brand guide page - v0 by Vercel"}],["$","meta","5",{"property":"og:description","content":"Simple brand guide page"}],["$","meta","6",{"property":"og:image","content":"https://v0.app/chat/api/og/kAB5RnZEzbS"}],["$","meta","7",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","8",{"name":"twitter:title","content":"Brand guide page - v0 by Vercel"}],["$","meta","9",{"name":"twitter:description","content":"Simple brand guide page"}],["$","meta","10",{"name":"twitter:image","content":"https://v0.app/chat/api/og/kAB5RnZEzbS"}],["$","link","11",{"rel":"icon","href":"/assets/icon-light-32x32.png","media":"(prefers-color-scheme: light)","sizes":"32x32","type":"image/png"}],["$","link","12",{"rel":"icon","href":"/assets/icon-dark-32x32.png","media":"(prefers-color-scheme: dark)","sizes":"32x32","type":"image/png"}],["$","link","13",{"rel":"icon","href":"/assets/icon.svg","sizes":"32x32","type":"image/svg+xml"}],["$","link","14",{"rel":"apple-touch-icon","href":"/assets/apple-icon.png","type":"image/png"}],["$","$Lfd","15",{}]] 44:o8,45:null 44:o1000,105:"ExplicitChatIdProvider" 106:I[903690,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$105"] 107:I[838238,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"SWRDataProvider"] 2b:T8,variants2b:T5,scopef5:{"ok":true,"value":{"designSystemId":null,"title":"Brand guide page","privacy":"public","access":1,"isAdmin":false,"isAuthor":false,"ownerId":"team_lUEaT8e5EpiQkDQVXpfYu6P3","authorId":"anon:CZYQxJAQ8MGUhLjnHip3Q","tailwindV4Default":true,"nextVersionDefault":16,"nextVersion15Default":false,"forceVMRendering":false,"isNextLiteReadOnly":true,"canWriteToChat":false,"chatCreatedAt":1784151383508,"hasBlock":true,"vercelProject":null,"hasGitConnection":false,"gitBase":null,"gitHead":null,"hasSnowflakeIntegration":false,"chatHasAnySnowflakeIntegration":false,"storageEntityType":null,"storageEntityId":null,"vercelProjectId":null,"defaultPreviewPath":null,"agentWorkspace":false,"workspaceRuntime":false}} f6:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} f7:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} f8:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} f9:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} fa:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} fb:{"ok":true,"value":null,"__seedOnly":true} e5:null 109:[] 10a:[["b_t1HasXmP0in",null],["b_wlWZAycRdZG",null],["b_uWEzcR3mKhb",null],["b_fpu23mKuiSY",null],["b_uQucO73QX2h",null],["b_lQv4mbtgF5u",null],["b_GDTPwLfY73O",null],["b_cTB26s4H7QL",null]] 10b:[["b_t1HasXmP0in",{"templateVersionId":null,"templateCanonId":null}],["b_wlWZAycRdZG",{"templateVersionId":null,"templateCanonId":null}],["b_uWEzcR3mKhb",{"templateVersionId":null,"templateCanonId":null}],["b_fpu23mKuiSY",{"templateVersionId":null,"templateCanonId":null}],["b_uQucO73QX2h",{"templateVersionId":null,"templateCanonId":null}],["b_lQv4mbtgF5u",{"templateVersionId":null,"templateCanonId":null}],["b_GDTPwLfY73O",{"templateVersionId":null,"templateCanonId":null}],["b_cTB26s4H7QL",{"templateVersionId":null,"templateCanonId":null}]] 10c:[["b_t1HasXmP0in","$D2026-07-15T21:36:37.544Z"],["b_wlWZAycRdZG","$D2026-07-15T21:36:45.663Z"],["b_uWEzcR3mKhb","$D2026-07-15T21:36:59.750Z"],["b_fpu23mKuiSY","$D2026-07-15T21:37:08.290Z"],["b_uQucO73QX2h","$D2026-07-15T21:37:13.504Z"],["b_lQv4mbtgF5u","$D2026-07-15T21:37:18.682Z"],["b_GDTPwLfY73O","$D2026-07-15T21:37:23.109Z"],["b_cTB26s4H7QL","$D2026-07-15T21:38:49.330Z"]] 10d:[["b_t1HasXmP0in",false],["b_wlWZAycRdZG",false],["b_uWEzcR3mKhb",false],["b_fpu23mKuiSY",false],["b_uQucO73QX2h",false],["b_lQv4mbtgF5u",false],["b_GDTPwLfY73O",false],["b_cTB26s4H7QL",false]] 10e:[["b_t1HasXmP0in","$undefined"],["b_wlWZAycRdZG","$undefined"],["b_uWEzcR3mKhb","$undefined"],["b_fpu23mKuiSY","$undefined"],["b_uQucO73QX2h","$undefined"],["b_lQv4mbtgF5u","$undefined"],["b_GDTPwLfY73O","$undefined"],["b_cTB26s4H7QL","$undefined"]] 10f:[["b_t1HasXmP0in",null],["b_wlWZAycRdZG",null],["b_uWEzcR3mKhb",null],["b_fpu23mKuiSY",null],["b_uQucO73QX2h",null],["b_lQv4mbtgF5u",null],["b_GDTPwLfY73O",null],["b_cTB26s4H7QL",null]] 110:[["b_t1HasXmP0in",true],["b_wlWZAycRdZG",true],["b_uWEzcR3mKhb",true],["b_fpu23mKuiSY",true],["b_uQucO73QX2h",true],["b_lQv4mbtgF5u",true],["b_GDTPwLfY73O",true],["b_cTB26s4H7QL",true]] 111:[["b_t1HasXmP0in",true],["b_wlWZAycRdZG",true],["b_uWEzcR3mKhb",true],["b_fpu23mKuiSY",true],["b_uQucO73QX2h",true],["b_lQv4mbtgF5u",true],["b_GDTPwLfY73O",true],["b_cTB26s4H7QL",true]] 112:[] 113:T717944:o1,,44:o7179,[V0_FILE]json:file="package.json" isMerged="true" { "name": "my-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.9.1", "@vercel/analytics": "1.6.1", "@radix-ui/react-accordion": "1.2.12", "@radix-ui/react-alert-dialog": "1.1.15", "@radix-ui/react-aspect-ratio": "1.1.8", "@radix-ui/react-avatar": "1.1.11", "@radix-ui/react-checkbox": "1.3.3", "@radix-ui/react-collapsible": "1.1.12", "@radix-ui/react-context-menu": "2.2.16", "@radix-ui/react-dialog": "1.1.15", "@radix-ui/react-dropdown-menu": "2.1.16", "@radix-ui/react-hover-card": "1.1.15", "@radix-ui/react-label": "2.1.8", "@radix-ui/react-menubar": "1.1.16", "@radix-ui/react-navigation-menu": "1.2.14", "@radix-ui/react-popover": "1.1.15", "@radix-ui/react-progress": "1.1.8", "@radix-ui/react-radio-group": "1.3.8", "@radix-ui/react-scroll-area": "1.2.10", "@radix-ui/react-select": "2.2.6", "@radix-ui/react-separator": "1.1.8", "@radix-ui/react-slider": "1.3.6", "@radix-ui/react-slot": "1.2.4", "@radix-ui/react-switch": "1.2.6", "@radix-ui/react-tabs": "1.1.13", "@radix-ui/react-toast": "1.2.15", "@radix-ui/react-toggle": "1.1.10", "@radix-ui/react-toggle-group": "1.1.11", "@radix-ui/react-tooltip": "1.2.8", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.1.1", "date-fns": "4.1.0", "embla-carousel-react": "8.6.0", "input-otp": "1.4.2", "lucide-react": "^0.564.0", "next": "16.2.6", "next-themes": "^0.4.6", "react": "19.2.4", "react-day-picker": "9.13.2", "react-dom": "19.2.4", "react-hook-form": "^7.54.1", "react-resizable-panels": "^2.1.7", "recharts": "2.15.0", "sonner": "^1.7.1", "tailwind-merge": "^3.3.1", "vaul": "^1.1.2", "zod": "^3.24.1", "tailwindcss-animate": "1.0.7" }, "devDependencies": { "@tailwindcss/postcss": "^4.2.0", "@types/node": "^24", "@types/react": "19.2.14", "@types/react-dom": "19.2.3", "postcss": "^8.5", "tailwindcss": "^4.2.0", "tw-animate-css": "1.3.3", "typescript": "5.7.3" } } [V0_FILE]css:file="app/globals.css" isMerged="true" @import 'tailwindcss'; @import 'tw-animate-css'; @custom-variant dark (&:is(.dark *)); :root { --background: #F5F4F0; --foreground: #0F0F0F; --card: #ECEAE3; --card-foreground: #0F0F0F; --popover: #F5F4F0; --popover-foreground: #0F0F0F; --primary: #0D2A5E; --primary-foreground: #F5F4F0; --secondary: #ECEAE3; --secondary-foreground: #0F0F0F; --muted: #E2E0D8; --muted-foreground: #6B6860; --accent: #E8621A; --accent-foreground: #F5F4F0; --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: #F5F4F0; --border: #D4D1C7; --input: #D4D1C7; --ring: #0D2A5E; --chart-1: #0D2A5E; --chart-2: #E8621A; --chart-3: #6B6860; --chart-4: #D4D1C7; --chart-5: #0F0F0F; --radius: 0.125rem; --sidebar: #ECEAE3; --sidebar-foreground: #0F0F0F; --sidebar-primary: #0D2A5E; --sidebar-primary-foreground: #F5F4F0; --sidebar-accent: #E2E0D8; --sidebar-accent-foreground: #0F0F0F; --sidebar-border: #D4D1C7; --sidebar-ring: #0D2A5E; } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --font-sans: 'Inter', 'Inter Fallback'; --font-serif: 'Playfair Display', 'Playfair Display Fallback'; --font-mono: 'JetBrains Mono', 'JetBrains Mono Fallback'; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type { Metadata } from 'next' import { Inter, Playfair_Display, JetBrains_Mono } from 'next/font/google' import { Analytics } from '@vercel/analytics/next' import './globals.css' const _inter = Inter({ subsets: ["latin"] }); const _playfair = Playfair_Display({ subsets: ["latin"] }); const _jetbrains = JetBrains_Mono({ subsets: ["latin"] }); export const metadata: Metadata = { title: 'Brand Guide — Studio Arc', description: 'Official brand guidelines for Studio Arc — colors, typography, logo usage, and UI components.', generator: 'v0.app', icons: { icon: [ { url: '/icon-light-32x32.png', media: '(prefers-color-scheme: light)', }, { url: '/icon-dark-32x32.png', media: '(prefers-color-scheme: dark)', }, { url: '/icon.svg', type: 'image/svg+xml', }, ], apple: '/apple-icon.png', }, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} {process.env.NODE_ENV === 'production' && } ) } [V0_FILE]typescriptreact:file="components/brand-guide/BrandHeader.tsx" isMerged="true" export function BrandHeader() { return (

{/* Top bar */}

STUDIO ARC BRAND GUIDELINES — 2025 VERSION 2.1

{/* Hero */}

Brand System

Studio Arc

A comprehensive guide to the visual language, design tokens, and principles that shape every touchpoint of the Studio Arc brand.

{/* Divider row */}

{["01 — Colors", "02 — Typography", "03 — Logo", "04 — Components"].map((item) => (

{item}

))}

) } [V0_FILE]typescriptreact:file="components/brand-guide/ColorSection.tsx" isMerged="true" "use client" import { useState } from "react" const colors = [ { name: "Navy", role: "Primary", hex: "#0D2A5E", bg: "bg-[#0D2A5E]", text: "text-[#F5F4F0]", usage: "Headlines, primary buttons, logo mark", }, { name: "Amber", role: "Accent", hex: "#E8621A", bg: "bg-[#E8621A]", text: "text-[#F5F4F0]", usage: "CTAs, highlights, interactive elements", }, { name: "Parchment", role: "Background", hex: "#F5F4F0", bg: "bg-[#F5F4F0]", text: "text-[#0F0F0F]", border: "border border-border", usage: "Page backgrounds, light surfaces", }, { name: "Stone", role: "Surface", hex: "#ECEAE3", bg: "bg-[#ECEAE3]", text: "text-[#0F0F0F]", usage: "Cards, secondary surfaces, dividers", }, { name: "Ink", role: "Foreground", hex: "#0F0F0F", bg: "bg-[#0F0F0F]", text: "text-[#F5F4F0]", usage: "Body text, captions, fine print", }, ] export function ColorSection() { const [copied, setCopied] = useState(null) function copy(hex: string) { navigator.clipboard.writeText(hex) setCopied(hex) setTimeout(() => setCopied(null), 1500) } return (

{colors.map((c) => ( ))}

) } export function SectionLabel({ index, title }: { index: string; title: string }) { return (

{index}

{title}

) } [V0_FILE]typescriptreact:file="components/brand-guide/TypographySection.tsx" isMerged="true" import { SectionLabel } from "./ColorSection" const typefaces = [ { name: "Playfair Display", role: "Display / Serif", class: "font-serif", weights: ["Regular 400", "Bold 700", "Black 900"], sample: "Brand Identity", size: "text-5xl md:text-7xl", desc: "Used for all major headings, hero text, and display copy. Conveys authority and editorial elegance.", }, { name: "Inter", role: "Body / Sans-serif", class: "font-sans", weights: ["Light 300", "Regular 400", "Medium 500", "Semibold 600"], sample: "Clean & Functional", size: "text-4xl md:text-6xl", desc: "Applied to body copy, UI labels, captions, and navigation. Ensures maximum legibility across all sizes.", }, { name: "JetBrains Mono", role: "Mono / Code", class: "font-mono", weights: ["Regular 400", "Bold 700"], sample: "ARC_SYSTEM_01", size: "text-3xl md:text-5xl", desc: "Reserved for metadata labels, data readouts, reference codes, and any technical or tabular content.", }, ] const typescale = [ { label: "Display", class: "text-5xl font-serif font-bold", size: "48px" }, { label: "H1", class: "text-4xl font-serif font-bold", size: "36px" }, { label: "H2", class: "text-3xl font-sans font-semibold", size: "30px" }, { label: "H3", class: "text-2xl font-sans font-semibold", size: "24px" }, { label: "Body", class: "text-base font-sans", size: "16px" }, { label: "Caption", class: "text-sm font-sans text-muted-foreground", size: "14px" }, { label: "Label", class: "text-xs font-mono tracking-widest uppercase text-muted-foreground", size: "12px" }, ] export function TypographySection() { return (

{/* Typefaces */}

{typefaces.map((tf) => (

{/* Sample */}

{tf.sample}

{tf.desc}

{/* Meta */}

{tf.role}

{tf.name}

{tf.weights.map((w) => ( {w} ))}

))}

{/* Type Scale */}

Type Scale

{typescale.map((t) => (

{t.label} The quick brown fox jumps over the lazy dog {t.size}

))}

) } [V0_FILE]typescriptreact:file="components/brand-guide/LogoSection.tsx" isMerged="true" import { SectionLabel } from "./ColorSection" function LogoMark({ className = "" }: { className?: string }) { return ( ) } const variants = [ { label: "Primary — Light", bg: "bg-background border border-border", logoColor: "text-primary", wordmarkColor: "text-primary", taglineColor: "text-muted-foreground", }, { label: "Primary — Dark", bg: "bg-[#0D2A5E]", logoColor: "text-[#F5F4F0]", wordmarkColor: "text-[#F5F4F0]", taglineColor: "text-[#F5F4F0]/60", }, { label: "Accent — Orange", bg: "bg-[#E8621A]", logoColor: "text-[#F5F4F0]", wordmarkColor: "text-[#F5F4F0]", taglineColor: "text-[#F5F4F0]/70", }, { label: "Mono — Black", bg: "bg-[#0F0F0F]", logoColor: "text-[#F5F4F0]", wordmarkColor: "text-[#F5F4F0]", taglineColor: "text-[#F5F4F0]/50", }, ] const rules = [ { ok: true, text: "Maintain minimum clear space equal to the cap height on all sides." }, { ok: true, text: "Use approved color variants only — primary, dark, accent, or mono." }, { ok: true, text: "Scale proportionally; never stretch or distort the mark." }, { ok: false, text: "Do not place the logo on busy or low-contrast backgrounds." }, { ok: false, text: "Do not rotate, skew, or apply drop shadows to the logo." }, { ok: false, text: "Do not recolor the logo outside of approved palette values." }, ] export function LogoSection() { return (

{/* Variants grid */}

{variants.map((v) => (

Arc

Studio

))}

{/* Labels */}

{variants.map((v) => (

{v.label}

))}

{/* Usage rules */}

Usage Rules

{rules.map((r) => (

{r.ok ? "✓" : "✗"}

{r.text}

))}

) } [V0_FILE]typescriptreact:file="components/brand-guide/ComponentsSection.tsx" isMerged="true" import { SectionLabel } from "./ColorSection" const buttonVariants = [ { label: "Primary", cls: "bg-primary text-primary-foreground hover:opacity-90" }, { label: "Accent", cls: "bg-accent text-accent-foreground hover:opacity-90" }, { label: "Outline", cls: "border border-primary text-primary bg-transparent hover:bg-primary hover:text-primary-foreground" }, { label: "Ghost", cls: "text-primary bg-transparent hover:bg-muted" }, ] const badges = [ { label: "New", cls: "bg-primary text-primary-foreground" }, { label: "Featured", cls: "bg-accent text-accent-foreground" }, { label: "Draft", cls: "bg-muted text-muted-foreground border border-border" }, { label: "Archived", cls: "bg-foreground text-background" }, ] const spacing = [2, 4, 6, 8, 12, 16, 20, 24] export function ComponentsSection() { return (

{/* Buttons */}

Buttons

{buttonVariants.map((b) => ( ))}

{/* Badges */}

Badges

{badges.map((b) => ( {b.label} ))}

{/* Inputs */}

Form Elements

Text Input

Select

Textarea

            </div>
          </div>
        </div>

        {/* Spacing */}
        <div className="px-8 py-8">
          <p className="font-mono text-xs text-muted-foreground tracking-widest uppercase mb-6">Spacing Scale</p>
          <div className="flex items-end gap-4 flex-wrap">
            {spacing.map((s) => (
              <div key={s} className="flex flex-col items-center gap-2">
                <div
                  className="bg-primary/20 border-l-2 border-primary"
                  style={{ width: `${s * 4}px`, height: `${s * 4}px` }}
                />
                <span className="font-mono text-xs text-muted-foreground">{s * 4}px</span>
              </div>
            ))}
          </div>
        </div>

        {/* Cards */}
        <div className="px-8 py-8">
          <p className="font-mono text-xs text-muted-foreground tracking-widest uppercase mb-6">Cards</p>
          <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
            {["Editorial", "Product", "Meta"].map((type, i) => (
              <div
                key={type}
                className="bg-card border border-border p-6 flex flex-col gap-3"
                style={{ borderRadius: "var(--radius)" }}
              >
                <div className="w-full h-24 bg-muted flex items-center justify-center">
                  <span className="font-mono text-xs text-muted-foreground">{["16:9", "1:1", "4:3"][i]}</span>
                </div>
                <div className="flex flex-col gap-1">
                  <span className="font-mono text-xs text-muted-foreground tracking-widest uppercase">{type} Card</span>
                  <p className="font-serif text-lg font-bold text-primary">Card Headline Goes Here</p>
                  <p className="text-sm text-muted-foreground leading-relaxed">
                    Supporting copy that provides context and encourages further engagement with this content block.
                  </p>
                </div>
                <button className="mt-auto text-xs font-mono text-accent hover:underline text-left">
                  Read more →
                </button>
              </div>
            ))}
          </div>
        </div>

      </div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="components/brand-guide/BrandFooter.tsx" isMerged="true"
export function BrandFooter() {
  return (
    <footer className="border-t border-border">
      <div className="grid grid-cols-1 md:grid-cols-3 divide-y md:divide-y-0 md:divide-x divide-border">
        <div className="px-8 py-8 flex flex-col gap-2">
          <p className="font-mono text-xs text-muted-foreground tracking-widest uppercase">Brand Contact</p>
          <p className="font-sans text-sm text-foreground">brand@studioarc.co</p>
          <p className="text-sm text-muted-foreground">For usage questions and partnership inquiries.</p>
        </div>
        <div className="px-8 py-8 flex flex-col gap-2">
          <p className="font-mono text-xs text-muted-foreground tracking-widest uppercase">Last Updated</p>
          <p className="font-sans text-sm text-foreground">July 2025</p>
          <p className="text-sm text-muted-foreground">Guidelines are reviewed quarterly.</p>
        </div>
        <div className="px-8 py-8 flex flex-col gap-2">
          <p className="font-mono text-xs text-muted-foreground tracking-widest uppercase">Version</p>
          <p className="font-sans text-sm text-foreground">Brand Guide 2.1</p>
          <p className="text-sm text-muted-foreground">© 2025 Studio Arc. All rights reserved.</p>
        </div>
      </div>
      <div className="border-t border-border px-8 py-4 flex items-center justify-between">
        <span className="font-mono text-xs text-muted-foreground">STUDIO ARC — BRAND SYSTEM</span>
        <span className="font-mono text-xs text-muted-foreground">CONFIDENTIAL</span>
      </div>
    </footer>
  )
}
[V0_FILE]typescriptreact:file="app/page.tsx"
import { BrandHeader } from "@/components/brand-guide/BrandHeader"
import { ColorSection } from "@/components/brand-guide/ColorSection"
import { TypographySection } from "@/components/brand-guide/TypographySection"
import { LogoSection } from "@/components/brand-guide/LogoSection"
import { ComponentsSection } from "@/components/brand-guide/ComponentsSection"
import { BrandFooter } from "@/components/brand-guide/BrandFooter"

export default function BrandGuidePage() {
  return (
    <main className="min-h-screen bg-background text-foreground">
      <BrandHeader />
      <ColorSection />
      <TypographySection />
      <LogoSection />
      <ComponentsSection />
      <BrandFooter />
    </main>
  )
}44:oa,114:T7179,44:o7179,[V0_FILE]json:file="package.json" isMerged="true"
{
  "name": "my-project",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "eslint ."
  },
  "dependencies": {
    "@hookform/resolvers": "^3.9.1",
    "@vercel/analytics": "1.6.1",
    "@radix-ui/react-accordion": "1.2.12",
    "@radix-ui/react-alert-dialog": "1.1.15",
    "@radix-ui/react-aspect-ratio": "1.1.8",
    "@radix-ui/react-avatar": "1.1.11",
    "@radix-ui/react-checkbox": "1.3.3",
    "@radix-ui/react-collapsible": "1.1.12",
    "@radix-ui/react-context-menu": "2.2.16",
    "@radix-ui/react-dialog": "1.1.15",
    "@radix-ui/react-dropdown-menu": "2.1.16",
    "@radix-ui/react-hover-card": "1.1.15",
    "@radix-ui/react-label": "2.1.8",
    "@radix-ui/react-menubar": "1.1.16",
    "@radix-ui/react-navigation-menu": "1.2.14",
    "@radix-ui/react-popover": "1.1.15",
    "@radix-ui/react-progress": "1.1.8",
    "@radix-ui/react-radio-group": "1.3.8",
    "@radix-ui/react-scroll-area": "1.2.10",
    "@radix-ui/react-select": "2.2.6",
    "@radix-ui/react-separator": "1.1.8",
    "@radix-ui/react-slider": "1.3.6",
    "@radix-ui/react-slot": "1.2.4",
    "@radix-ui/react-switch": "1.2.6",
    "@radix-ui/react-tabs": "1.1.13",
    "@radix-ui/react-toast": "1.2.15",
    "@radix-ui/react-toggle": "1.1.10",
    "@radix-ui/react-toggle-group": "1.1.11",
    "@radix-ui/react-tooltip": "1.2.8",
    "autoprefixer": "^10.4.20",
    "class-variance-authority": "^0.7.1",
    "clsx": "^2.1.1",
    "cmdk": "1.1.1",
    "date-fns": "4.1.0",
    "embla-carousel-react": "8.6.0",
    "input-otp": "1.4.2",
    "lucide-react": "^0.564.0",
    "next": "16.2.6",
    "next-themes": "^0.4.6",
    "react": "19.2.4",
    "react-day-picker": "9.13.2",
    "react-dom": "19.2.4",
    "react-hook-form": "^7.54.1",
    "react-resizable-panels": "^2.1.7",
    "recharts": "2.15.0",
    "sonner": "^1.7.1",
    "tailwind-merge": "^3.3.1",
    "vaul": "^1.1.2",
    "zod": "^3.24.1",
    "tailwindcss-animate": "1.0.7"
  },
  "devDependencies": {
    "@tailwindcss/postcss": "^4.2.0",
    "@types/node": "^24",
    "@types/react": "19.2.14",
    "@types/react-dom": "19.2.3",
    "postcss": "^8.5",
    "tailwindcss": "^4.2.0",
    "tw-animate-css": "1.3.3",
    "typescript": "5.7.3"
  }
}
[V0_FILE]css:file="app/globals.css" isMerged="true"
@import 'tailwindcss';
@import 'tw-animate-css';

@custom-variant dark (&:is(.dark *));

:root {
  --background: #F5F4F0;
  --foreground: #0F0F0F;
  --card: #ECEAE3;
  --card-foreground: #0F0F0F;
  --popover: #F5F4F0;
  --popover-foreground: #0F0F0F;
  --primary: #0D2A5E;
  --primary-foreground: #F5F4F0;
  --secondary: #ECEAE3;
  --secondary-foreground: #0F0F0F;
  --muted: #E2E0D8;
  --muted-foreground: #6B6860;
  --accent: #E8621A;
  --accent-foreground: #F5F4F0;
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: #F5F4F0;
  --border: #D4D1C7;
  --input: #D4D1C7;
  --ring: #0D2A5E;
  --chart-1: #0D2A5E;
  --chart-2: #E8621A;
  --chart-3: #6B6860;
  --chart-4: #D4D1C7;
  --chart-5: #0F0F0F;
  --radius: 0.125rem;
  --sidebar: #ECEAE3;
  --sidebar-foreground: #0F0F0F;
  --sidebar-primary: #0D2A5E;
  --sidebar-primary-foreground: #F5F4F0;
  --sidebar-accent: #E2E0D8;
  --sidebar-accent-foreground: #0F0F0F;
  --sidebar-border: #D4D1C7;
  --sidebar-ring: #0D2A5E;
}

.dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.145 0 0);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.145 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.985 0 0);
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.269 0 0);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.269 0 0);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.396 0.141 25.723);
  --destructive-foreground: oklch(0.637 0.237 25.331);
  --border: oklch(0.269 0 0);
  --input: oklch(0.269 0 0);
  --ring: oklch(0.439 0 0);
  --chart-1: oklch(0.488 0.243 264.376);
  --chart-2: oklch(0.696 0.17 162.48);
  --chart-3: oklch(0.769 0.188 70.08);
  --chart-4: oklch(0.627 0.265 303.9);
  --chart-5: oklch(0.645 0.246 16.439);
  --sidebar: oklch(0.205 0 0);
  --sidebar-foreground: oklch(0.985 0 0);
  --sidebar-primary: oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.269 0 0);
  --sidebar-accent-foreground: oklch(0.985 0 0);
  --sidebar-border: oklch(0.269 0 0);
  --sidebar-ring: oklch(0.439 0 0);
}

@theme inline {
  --font-sans: 'Inter', 'Inter Fallback';
  --font-serif: 'Playfair Display', 'Playfair Display Fallback';
  --font-mono: 'JetBrains Mono', 'JetBrains Mono Fallback';
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-destructive-foreground: var(--destructive-foreground);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-chart-1: var(--chart-1);
  --color-chart-2: var(--chart-2);
  --color-chart-3: var(--chart-3);
  --color-chart-4: var(--chart-4);
  --color-chart-5: var(--chart-5);
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-ring: var(--sidebar-ring);
}

@layer base {
  * {
    @apply border-border outline-ring/50;
  }
  body {
    @apply bg-background text-foreground;
  }
}
[V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true"
import type { Metadata } from 'next'
import { Inter, Playfair_Display, JetBrains_Mono } from 'next/font/google'
import { Analytics } from '@vercel/analytics/next'
import './globals.css'

const _inter = Inter({ subsets: ["latin"] });
const _playfair = Playfair_Display({ subsets: ["latin"] });
const _jetbrains = JetBrains_Mono({ subsets: ["latin"] });

export const metadata: Metadata = {
  title: 'Brand Guide — Studio Arc',
  description: 'Official brand guidelines for Studio Arc — colors, typography, logo usage, and UI components.',
  generator: 'v0.app',
  icons: {
    icon: [
      {
        url: '/icon-light-32x32.png',
        media: '(prefers-color-scheme: light)',
      },
      {
        url: '/icon-dark-32x32.png',
        media: '(prefers-color-scheme: dark)',
      },
      {
        url: '/icon.svg',
        type: 'image/svg+xml',
      },
    ],
    apple: '/apple-icon.png',
  },
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="en" className="bg-background">
      <body className="font-sans antialiased">
        {children}
        {process.env.NODE_ENV === 'production' && <Analytics />}
      </body>
    </html>
  )
}
[V0_FILE]typescriptreact:file="components/brand-guide/BrandHeader.tsx" isMerged="true"
export function BrandHeader() {
  return (
    <header className="border-b border-border">
      {/* Top bar */}
      <div className="grid grid-cols-3 px-8 py-3 text-xs font-mono text-muted-foreground border-b border-border">
        <span>STUDIO ARC</span>
        <span className="text-center">BRAND GUIDELINES — 2025</span>
        <span className="text-right">VERSION 2.1</span>
      </div>

      {/* Hero */}
      <div className="px-8 py-16 md:py-24 flex flex-col gap-4">
        <p className="text-xs font-mono text-muted-foreground tracking-widest uppercase">
          Brand System
        </p>
        <h1 className="font-serif text-6xl md:text-8xl lg:text-9xl font-bold text-primary leading-none tracking-tight text-balance">
          Studio Arc
        </h1>
        <p className="max-w-xl text-base text-muted-foreground leading-relaxed mt-2">
          A comprehensive guide to the visual language, design tokens, and principles that shape every touchpoint of the Studio Arc brand.
        </p>
      </div>

      {/* Divider row */}
      <div className="grid grid-cols-4 border-t border-border text-xs font-mono">
        {["01 — Colors", "02 — Typography", "03 — Logo", "04 — Components"].map((item) => (
          <div key={item} className="px-8 py-3 border-r border-border last:border-r-0 text-muted-foreground">
            {item}
          </div>
        ))}
      </div>
    </header>
  )
}
[V0_FILE]typescriptreact:file="components/brand-guide/ColorSection.tsx" isMerged="true"
"use client"

import { useState } from "react"

const colors = [
  {
    name: "Navy",
    role: "Primary",
    hex: "#0D2A5E",
    bg: "bg-[#0D2A5E]",
    text: "text-[#F5F4F0]",
    usage: "Headlines, primary buttons, logo mark",
  },
  {
    name: "Amber",
    role: "Accent",
    hex: "#E8621A",
    bg: "bg-[#E8621A]",
    text: "text-[#F5F4F0]",
    usage: "CTAs, highlights, interactive elements",
  },
  {
    name: "Parchment",
    role: "Background",
    hex: "#F5F4F0",
    bg: "bg-[#F5F4F0]",
    text: "text-[#0F0F0F]",
    border: "border border-border",
    usage: "Page backgrounds, light surfaces",
  },
  {
    name: "Stone",
    role: "Surface",
    hex: "#ECEAE3",
    bg: "bg-[#ECEAE3]",
    text: "text-[#0F0F0F]",
    usage: "Cards, secondary surfaces, dividers",
  },
  {
    name: "Ink",
    role: "Foreground",
    hex: "#0F0F0F",
    bg: "bg-[#0F0F0F]",
    text: "text-[#F5F4F0]",
    usage: "Body text, captions, fine print",
  },
]

export function ColorSection() {
  const [copied, setCopied] = useState<string | null>(null)

  function copy(hex: string) {
    navigator.clipboard.writeText(hex)
    setCopied(hex)
    setTimeout(() => setCopied(null), 1500)
  }

  return (
    <section className="border-b border-border">
      <SectionLabel index="01" title="Color Palette" />
      <div className="grid grid-cols-1 md:grid-cols-5 border-t border-border">
        {colors.map((c) => (
          <button
            key={c.hex}
            onClick={() => copy(c.hex)}
            className={`group relative flex flex-col justify-between p-6 h-56 md:h-72 border-r border-border last:border-r-0 cursor-pointer transition-opacity hover:opacity-90 ${c.bg} ${c.border ?? ""}`}
            aria-label={`Copy ${c.name} color ${c.hex}`}
          >
            <div className="flex flex-col gap-1">
              <span className={`text-xs font-mono tracking-widest uppercase ${c.text} opacity-60`}>
                {c.role}
              </span>
              <span className={`text-lg font-serif font-bold ${c.text}`}>{c.name}</span>
            </div>
            <div className="flex flex-col gap-1">
              <span className={`font-mono text-xs ${c.text} opacity-70`}>{c.hex}</span>
              <span className={`text-xs ${c.text} opacity-50 leading-relaxed hidden md:block`}>
                {c.usage}
              </span>
            </div>
            <span
              className={`absolute top-3 right-3 text-xs font-mono px-2 py-1 rounded-sm transition-opacity duration-200 ${
                copied === c.hex ? "opacity-100" : "opacity-0 group-hover:opacity-60"
              } bg-black/10 ${c.text}`}
            >
              {copied === c.hex ? "Copied!" : "Copy"}
            </span>
          </button>
        ))}
      </div>
    </section>
  )
}

export function SectionLabel({ index, title }: { index: string; title: string }) {
  return (
    <div className="flex items-baseline gap-6 px-8 py-6">
      <span className="font-mono text-xs text-muted-foreground">{index}</span>
      <h2 className="font-serif text-2xl md:text-3xl font-bold text-primary">{title}</h2>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/brand-guide/TypographySection.tsx" isMerged="true"
import { SectionLabel } from "./ColorSection"

const typefaces = [
  {
    name: "Playfair Display",
    role: "Display / Serif",
    class: "font-serif",
    weights: ["Regular 400", "Bold 700", "Black 900"],
    sample: "Brand Identity",
    size: "text-5xl md:text-7xl",
    desc: "Used for all major headings, hero text, and display copy. Conveys authority and editorial elegance.",
  },
  {
    name: "Inter",
    role: "Body / Sans-serif",
    class: "font-sans",
    weights: ["Light 300", "Regular 400", "Medium 500", "Semibold 600"],
    sample: "Clean & Functional",
    size: "text-4xl md:text-6xl",
    desc: "Applied to body copy, UI labels, captions, and navigation. Ensures maximum legibility across all sizes.",
  },
  {
    name: "JetBrains Mono",
    role: "Mono / Code",
    class: "font-mono",
    weights: ["Regular 400", "Bold 700"],
    sample: "ARC_SYSTEM_01",
    size: "text-3xl md:text-5xl",
    desc: "Reserved for metadata labels, data readouts, reference codes, and any technical or tabular content.",
  },
]

const typescale = [
  { label: "Display", class: "text-5xl font-serif font-bold", size: "48px" },
  { label: "H1", class: "text-4xl font-serif font-bold", size: "36px" },
  { label: "H2", class: "text-3xl font-sans font-semibold", size: "30px" },
  { label: "H3", class: "text-2xl font-sans font-semibold", size: "24px" },
  { label: "Body", class: "text-base font-sans", size: "16px" },
  { label: "Caption", class: "text-sm font-sans text-muted-foreground", size: "14px" },
  { label: "Label", class: "text-xs font-mono tracking-widest uppercase text-muted-foreground", size: "12px" },
]

export function TypographySection() {
  return (
    <section className="border-b border-border">
      <SectionLabel index="02" title="Typography" />

      {/* Typefaces */}
      <div className="border-t border-border divide-y divide-border">
        {typefaces.map((tf) => (
          <div key={tf.name} className="grid grid-cols-1 md:grid-cols-3 gap-0">
            {/* Sample */}
            <div className="md:col-span-2 px-8 py-10 border-r border-border flex flex-col justify-between gap-6">
              <p className={`${tf.class} ${tf.size} font-bold text-primary leading-none tracking-tight`}>
                {tf.sample}
              </p>
              <p className="text-sm text-muted-foreground leading-relaxed max-w-md">{tf.desc}</p>
            </div>
            {/* Meta */}
            <div className="px-8 py-10 flex flex-col gap-4">
              <div>
                <p className="font-mono text-xs text-muted-foreground tracking-widest uppercase mb-1">{tf.role}</p>
                <p className="font-sans text-lg font-semibold text-foreground">{tf.name}</p>
              </div>
              <div className="flex flex-col gap-1">
                {tf.weights.map((w) => (
                  <span key={w} className="text-xs font-mono text-muted-foreground">{w}</span>
                ))}
              </div>
            </div>
          </div>
        ))}
      </div>

      {/* Type Scale */}
      <div className="border-t border-border px-8 py-8">
        <p className="font-mono text-xs text-muted-foreground tracking-widest uppercase mb-6">Type Scale</p>
        <div className="flex flex-col divide-y divide-border">
          {typescale.map((t) => (
            <div key={t.label} className="flex items-baseline justify-between py-4 gap-4">
              <span className="font-mono text-xs text-muted-foreground w-16 shrink-0">{t.label}</span>
              <span className={`${t.class} flex-1 text-foreground`}>
                The quick brown fox jumps over the lazy dog
              </span>
              <span className="font-mono text-xs text-muted-foreground shrink-0 hidden md:block">{t.size}</span>
            </div>
          ))}
        </div>
      </div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="components/brand-guide/LogoSection.tsx" isMerged="true"
import { SectionLabel } from "./ColorSection"

function LogoMark({ className = "" }: { className?: string }) {
  return (
    <svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} aria-hidden="true">
      <path d="M24 4L44 40H4L24 4Z" stroke="currentColor" strokeWidth="3" strokeLinejoin="round" />
      <path d="M14 28H34" stroke="currentColor" strokeWidth="3" strokeLinecap="round" />
      <circle cx="24" cy="24" r="4" fill="currentColor" />
    </svg>
  )
}

const variants = [
  {
    label: "Primary — Light",
    bg: "bg-background border border-border",
    logoColor: "text-primary",
    wordmarkColor: "text-primary",
    taglineColor: "text-muted-foreground",
  },
  {
    label: "Primary — Dark",
    bg: "bg-[#0D2A5E]",
    logoColor: "text-[#F5F4F0]",
    wordmarkColor: "text-[#F5F4F0]",
    taglineColor: "text-[#F5F4F0]/60",
  },
  {
    label: "Accent — Orange",
    bg: "bg-[#E8621A]",
    logoColor: "text-[#F5F4F0]",
    wordmarkColor: "text-[#F5F4F0]",
    taglineColor: "text-[#F5F4F0]/70",
  },
  {
    label: "Mono — Black",
    bg: "bg-[#0F0F0F]",
    logoColor: "text-[#F5F4F0]",
    wordmarkColor: "text-[#F5F4F0]",
    taglineColor: "text-[#F5F4F0]/50",
  },
]

const rules = [
  { ok: true, text: "Maintain minimum clear space equal to the cap height on all sides." },
  { ok: true, text: "Use approved color variants only — primary, dark, accent, or mono." },
  { ok: true, text: "Scale proportionally; never stretch or distort the mark." },
  { ok: false, text: "Do not place the logo on busy or low-contrast backgrounds." },
  { ok: false, text: "Do not rotate, skew, or apply drop shadows to the logo." },
  { ok: false, text: "Do not recolor the logo outside of approved palette values." },
]

export function LogoSection() {
  return (
    <section className="border-b border-border">
      <SectionLabel index="03" title="Logo" />

      {/* Variants grid */}
      <div className="grid grid-cols-2 md:grid-cols-4 border-t border-border divide-x divide-border">
        {variants.map((v) => (
          <div key={v.label} className={`flex flex-col items-center justify-center gap-3 p-8 md:p-12 aspect-square ${v.bg}`}>
            <div className="flex items-center gap-3">
              <LogoMark className={`w-8 h-8 ${v.logoColor}`} />
              <span className={`font-serif text-xl font-bold tracking-tight ${v.wordmarkColor}`}>Arc</span>
            </div>
            <span className={`font-mono text-xs ${v.taglineColor} tracking-widest uppercase`}>Studio</span>
          </div>
        ))}
      </div>

      {/* Labels */}
      <div className="grid grid-cols-2 md:grid-cols-4 border-t border-border divide-x divide-border">
        {variants.map((v) => (
          <div key={v.label} className="px-4 py-3">
            <p className="font-mono text-xs text-muted-foreground">{v.label}</p>
          </div>
        ))}
      </div>

      {/* Usage rules */}
      <div className="border-t border-border px-8 py-8">
        <p className="font-mono text-xs text-muted-foreground tracking-widest uppercase mb-6">Usage Rules</p>
        <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
          {rules.map((r) => (
            <div key={r.text} className="flex items-start gap-3">
              <span className={`mt-0.5 text-xs font-mono shrink-0 ${r.ok ? "text-primary" : "text-accent"}`}>
                {r.ok ? "✓" : "✗"}
              </span>
              <p className="text-sm text-muted-foreground leading-relaxed">{r.text}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="components/brand-guide/ComponentsSection.tsx" isMerged="true"
import { SectionLabel } from "./ColorSection"

const buttonVariants = [
  { label: "Primary", cls: "bg-primary text-primary-foreground hover:opacity-90" },
  { label: "Accent", cls: "bg-accent text-accent-foreground hover:opacity-90" },
  { label: "Outline", cls: "border border-primary text-primary bg-transparent hover:bg-primary hover:text-primary-foreground" },
  { label: "Ghost", cls: "text-primary bg-transparent hover:bg-muted" },
]

const badges = [
  { label: "New", cls: "bg-primary text-primary-foreground" },
  { label: "Featured", cls: "bg-accent text-accent-foreground" },
  { label: "Draft", cls: "bg-muted text-muted-foreground border border-border" },
  { label: "Archived", cls: "bg-foreground text-background" },
]

const spacing = [2, 4, 6, 8, 12, 16, 20, 24]

export function ComponentsSection() {
  return (
    <section className="border-b border-border">
      <SectionLabel index="04" title="UI Components" />

      <div className="border-t border-border divide-y divide-border">

        {/* Buttons */}
        <div className="px-8 py-8">
          <p className="font-mono text-xs text-muted-foreground tracking-widest uppercase mb-6">Buttons</p>
          <div className="flex flex-wrap gap-3">
            {buttonVariants.map((b) => (
              <button
                key={b.label}
                className={`px-5 py-2.5 text-sm font-sans font-medium transition-all duration-150 cursor-pointer ${b.cls}`}
                style={{ borderRadius: "var(--radius)" }}
              >
                {b.label}
              </button>
            ))}
          </div>
        </div>

        {/* Badges */}
        <div className="px-8 py-8">
          <p className="font-mono text-xs text-muted-foreground tracking-widest uppercase mb-6">Badges</p>
          <div className="flex flex-wrap gap-3">
            {badges.map((b) => (
              <span
                key={b.label}
                className={`px-3 py-1 text-xs font-mono tracking-widest uppercase ${b.cls}`}
                style={{ borderRadius: "var(--radius)" }}
              >
                {b.label}
              </span>
            ))}
          </div>
        </div>

        {/* Inputs */}
        <div className="px-8 py-8">
          <p className="font-mono text-xs text-muted-foreground tracking-widest uppercase mb-6">Form Elements</p>
          <div className="grid grid-cols-1 md:grid-cols-2 gap-4 max-w-2xl">
            <div className="flex flex-col gap-2">
              <label className="font-mono text-xs text-muted-foreground">Text Input</label>
              <input
                type="text"
                placeholder="Enter value..."
                className="px-4 py-2.5 bg-card border border-border text-sm text-foreground placeholder:text-muted-foreground outline-none focus:border-primary transition-colors"
                style={{ borderRadius: "var(--radius)" }}
                readOnly
              />
            </div>
            <div className="flex flex-col gap-2">
              <label className="font-mono text-xs text-muted-foreground">Select</label>
              <select
                className="px-4 py-2.5 bg-card border border-border text-sm text-foreground outline-none focus:border-primary transition-colors appearance-none cursor-pointer"
                style={{ borderRadius: "var(--radius)" }}
              >
                <option>Option A</option>
                <option>Option B</option>
                <option>Option C</option>
              </select>
            </div>
            <div className="flex flex-col gap-2 md:col-span-2">
              <label className="font-mono text-xs text-muted-foreground">Textarea</label>
              <textarea
                rows={3}
                placeholder="Enter description..."
                className="px-4 py-2.5 bg-card border border-border text-sm text-foreground placeholder:text-muted-foreground outline-none focus:border-primary transition-colors resize-none"
                style={{ borderRadius: "var(--radius)" }}
                readOnly
              />
            </div>
          </div>
        </div>

        {/* Spacing */}
        <div className="px-8 py-8">
          <p className="font-mono text-xs text-muted-foreground tracking-widest uppercase mb-6">Spacing Scale</p>
          <div className="flex items-end gap-4 flex-wrap">
            {spacing.map((s) => (
              <div key={s} className="flex flex-col items-center gap-2">
                <div
                  className="bg-primary/20 border-l-2 border-primary"
                  style={{ width: `${s * 4}px`, height: `${s * 4}px` }}
                />
                <span className="font-mono text-xs text-muted-foreground">{s * 4}px</span>
              </div>
            ))}
          </div>
        </div>

        {/* Cards */}
        <div className="px-8 py-8">
          <p className="font-mono text-xs text-muted-foreground tracking-widest uppercase mb-6">Cards</p>
          <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
            {["Editorial", "Product", "Meta"].map((type, i) => (
              <div
                key={type}
                className="bg-card border border-border p-6 flex flex-col gap-3"
                style={{ borderRadius: "var(--radius)" }}
              >
                <div className="w-full h-24 bg-muted flex items-center justify-center">
                  <span className="font-mono text-xs text-muted-foreground">{["16:9", "1:1", "4:3"][i]}</span>
                </div>
                <div className="flex flex-col gap-1">
                  <span className="font-mono text-xs text-muted-foreground tracking-widest uppercase">{type} Card</span>
                  <p className="font-serif text-lg font-bold text-primary">Card Headline Goes Here</p>
                  <p className="text-sm text-muted-foreground leading-relaxed">
                    Supporting copy that provides context and encourages further engagement with this content block.
                  </p>
                </div>
                <button className="mt-auto text-xs font-mono text-accent hover:underline text-left">
                  Read more →
                </button>
              </div>
            ))}
          </div>
        </div>

      </div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="components/brand-guide/BrandFooter.tsx" isMerged="true"
export function BrandFooter() {
  return (
    <footer className="border-t border-border">
      <div className="grid grid-cols-1 md:grid-cols-3 divide-y md:divide-y-0 md:divide-x divide-border">
        <div className="px-8 py-8 flex flex-col gap-2">
          <p className="font-mono text-xs text-muted-foreground tracking-widest uppercase">Brand Contact</p>
          <p className="font-sans text-sm text-foreground">brand@studioarc.co</p>
          <p className="text-sm text-muted-foreground">For usage questions and partnership inquiries.</p>
        </div>
        <div className="px-8 py-8 flex flex-col gap-2">
          <p className="font-mono text-xs text-muted-foreground tracking-widest uppercase">Last Updated</p>
          <p className="font-sans text-sm text-foreground">July 2025</p>
          <p className="text-sm text-muted-foreground">Guidelines are reviewed quarterly.</p>
        </div>
        <div className="px-8 py-8 flex flex-col gap-2">
          <p className="font-mono text-xs text-muted-foreground tracking-widest uppercase">Version</p>
          <p className="font-sans text-sm text-foreground">Brand Guide 2.1</p>
          <p className="text-sm text-muted-foreground">© 2025 Studio Arc. All rights reserved.</p>
        </div>
      </div>
      <div className="border-t border-border px-8 py-4 flex items-center justify-between">
        <span className="font-mono text-xs text-muted-foreground">STUDIO ARC — BRAND SYSTEM</span>
        <span className="font-mono text-xs text-muted-foreground">CONFIDENTIAL</span>
      </div>
    </footer>
  )
}
[V0_FILE]typescriptreact:file="app/page.tsx"
import { BrandHeader } from "@/components/brand-guide/BrandHeader"
import { ColorSection } from "@/components/brand-guide/ColorSection"
import { TypographySection } from "@/components/brand-guide/TypographySection"
import { LogoSection } from "@/components/brand-guide/LogoSection"
import { ComponentsSection } from "@/components/brand-guide/ComponentsSection"
import { BrandFooter } from "@/components/brand-guide/BrandFooter"

export default function BrandGuidePage() {
  return (
    <main className="min-h-screen bg-background text-foreground">
      <BrandHeader />
      <ColorSection />
      <TypographySection />
      <LogoSection />
      <ComponentsSection />
      <BrandFooter />
    </main>
  )
}44:o40e7,f2:["$","$Lf4",null,{"params":{"chatId":"kAB5RnZEzbS"},"promises":{"attributes":"$@fe","externalMeta":"$@ff","latest":"$@100","messagesRange":"$@101","messages":"$@102","template":"$@103","gitStatus":"$@104"},"children":["$","$L106",null,{"chatId":"kAB5RnZEzbS","children":["$","$L107",null,{"seedOnlyKeys":["@\"chat:state\",\"kAB5RnZEzbS\","],"data":{"block:output:initial":{"id":"b_cTB26s4H7QL","result":"$@108"},"@\"block:mappings\",\"kAB5RnZEzbS\",":{"sqlBlockExecutionStates":"$Q109","blocksForkedFrom":"$Q10a","blocksTemplateIds":"$Q10b","blocksCreatedAt":"$Q10c","blocksShared":"$Q10d","blocksDeployed":"$Q10e","blocksSubdomains":"$Q10f","brandedBlocks":"$Q110","unlistedBlocks":"$Q111","blockOutputs":"$Q112"},"@\"chat:state\",\"kAB5RnZEzbS\",":{"messages":[{"content":{"type":"parts","parts":[{"type":"mdx","content":"Simple brand guide page"}],"version":1},"role":"user","id":"DU5WWgGWMh3CrRNiX6tpBrFAu2msoPhF","attachments":[],"type":"message","authorId":"cOeSnrBAr5DgyAtDGejjsgUT","createdAt":"$D2026-07-15T21:36:23.352Z"},{"v0ModelId":"v0-pro","content":{"type":"message-binary-format","value":[[0,[["AssistantMessageContentPart",{"part":{"createdAt":1784151385947,"finishedAt":1784151386839,"lastPartSentAt":1784151386839,"taskNameActive":null,"id":"sxif1mCgtXrHGd42","type":"task-thinking-v1","parts":[{"type":"thinking-end","duration":1,"thought":"The user wants a simple brand guide page. Let me generate design inspiration first, then build the page."}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1784151389157,"finishedAt":1784151391993,"lastPartSentAt":1784151391969,"taskNameActive":"Generating design brief","taskNameComplete":"Generated design brief","toolCallId":"toolu_012s488wufgv1GgBStnCWsAk","agentTurnId":"turn_5zc9FaqFM2cyHQHJ","filePath":null,"id":"39oAhDRZ0V0rkiom","type":"task-generate-design-inspiration-v1","parts":[{"type":"starting-design-inspiration","prompt":"Simple brand guide page showcasing colors, typography, logos, and UI components"},{"type":"finished-design-inspiration"}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1784151389691,"finishedAt":1784151390599,"lastPartSentAt":1784151390566,"taskNameActive":"Scanning project structure","taskNameComplete":"Scanned project structure","toolCallId":"toolu_0192frWYGVotQ8RGo3x5WQfY","agentTurnId":"turn_5zc9FaqFM2cyHQHJ","filePath":null,"id":"vqPOqmZXFjQZl1K6","type":"task-ls-repo-v1","parts":[{"type":"ls"},{"type":"ls-results","numFiles":0}]}}],["p",{},["text",{},"Great design inspiration — I'll craft a clean, editorial brand guide with a crisp off-white background, deep navy as the primary brand color, warm amber as an accent, and structured typography sections. Let me build this out."]],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_t1HasXmP0in","parts":[{"type":"code-project","isVersioned":false,"isSourceless":false,"changedFiles":[],"source":"[V0_FILE]css:file=\"app/globals.css\" \n...","sourceVersionKey":"v_1_717iw_s3","needsBlockSource":true,"isAllImages":false,"blockId":"b_t1HasXmP0in","meta":{"taskNameActive":"Making changes","taskNameComplete":"Made some changes","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Making changes","taskNameComplete":"Made some changes"},"id":"block-b_t1HasXmP0in"}],["AssistantMessageContentPart",{"part":{"createdAt":1784151400954,"finishedAt":1784151400954,"lastPartSentAt":1784151400954,"id":"BmAA58rzLeh5eYaD","type":"task-start-v1","parts":[{"type":"launch-tasks"}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1784151400954,"finishedAt":1784151401072,"lastPartSentAt":1784151401052,"taskNameActive":"Reading globals.css","taskNameComplete":"Read globals.css","toolCallId":"tool_RIoe2IOhl2OfTQnu","agentTurnId":"turn_lMsFZ8qgYhrrZq0s","filePath":null,"id":"1jduydHVU5sUaX11","type":"task-read-file-v1","parts":[{"type":"reading-file","filePath":"app/globals.css"}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1784151403200,"finishedAt":1784151404624,"lastPartSentAt":1784151404624,"taskNameActive":null,"id":"LRzShqh707dSkYp0","type":"task-thinking-v1","parts":[{"type":"thinking-end","duration":1,"thought":"Now I have the globals.css content. Let me update it with the brand guide theme and then create the brand guide page components."}]}}],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_wlWZAycRdZG","parts":[{"type":"code-project","isVersioned":false,"isSourceless":false,"changedFiles":[{"fileName":"app/globals.css","baseName":"globals.css","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"[V0_FILE]css:file=\"app/globals.css\" \nGENERATING","sourceVersionKey":"v_1_w2wp0_s3","needsBlockSource":true,"isAllImages":false,"blockId":"b_wlWZAycRdZG","meta":{"taskNameActive":"Updating theme tokens","taskNameComplete":"Updated theme tokens","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Updating theme tokens","taskNameComplete":"Updated theme tokens"},"id":"block-b_wlWZAycRdZG"}],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_uWEzcR3mKhb","parts":[{"type":"code-project","isVersioned":false,"isSourceless":false,"changedFiles":[{"fileName":"app/globals.css","baseName":"globals.css","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"[V0_FILE]css:file=\"app/globals.css\" \nGENERATING","sourceVersionKey":"v_1_94z5z_s3","needsBlockSource":true,"isAllImages":false,"blockId":"b_uWEzcR3mKhb","meta":{"taskNameActive":"Updating font tokens","taskNameComplete":"Updated font tokens","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Updating font tokens","taskNameComplete":"Updated font tokens"},"id":"block-b_uWEzcR3mKhb"}],["p",{},["text",{},"Now let me read the layout file and then build all the components:"]],["AssistantMessageContentPart",{"part":{"createdAt":1784151424754,"finishedAt":1784151425264,"lastPartSentAt":1784151425232,"taskNameActive":"Reading layout file","taskNameComplete":"Read layout file","toolCallId":"toolu_01HVChXvc6dUn5J3poCgBQd6","agentTurnId":"turn_QwERVs7sRFFSgbf8","filePath":null,"id":"FqKfSD9uReIqoaHm","type":"task-read-file-v1","parts":[{"type":"reading-file","filePath":"app/layout.tsx"}]}}],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_fpu23mKuiSY","parts":[{"type":"code-project","isVersioned":false,"isSourceless":false,"changedFiles":[{"fileName":"app/layout.tsx","baseName":"layout.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"[V0_FILE]tsx:file=\"app/layout.tsx\" \nGENERATING","sourceVersionKey":"v_1_ncdn8_s3","needsBlockSource":true,"isAllImages":false,"blockId":"b_fpu23mKuiSY","meta":{"taskNameActive":"Updating layout fonts","taskNameComplete":"Updated layout fonts","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Updating layout fonts","taskNameComplete":"Updated layout fonts"},"id":"block-b_fpu23mKuiSY"}],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_uQucO73QX2h","parts":[{"type":"code-project","isVersioned":false,"isSourceless":false,"changedFiles":[{"fileName":"app/layout.tsx","baseName":"layout.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"[V0_FILE]tsx:file=\"app/layout.tsx\" \nGENERATING","sourceVersionKey":"v_1_cdq14_s3","needsBlockSource":true,"isAllImages":false,"blockId":"b_uQucO73QX2h","meta":{"taskNameActive":"Updating layout metadata","taskNameComplete":"Updated layout metadata","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Updating layout metadata","taskNameComplete":"Updated layout metadata"},"id":"block-b_uQucO73QX2h"}],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_lQv4mbtgF5u","parts":[{"type":"code-project","isVersioned":false,"isSourceless":false,"changedFiles":[{"fileName":"app/layout.tsx","baseName":"layout.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"[V0_FILE]tsx:file=\"app/layout.tsx\" \nGENERATING","sourceVersionKey":"v_1_1sk73_s3","needsBlockSource":true,"isAllImages":false,"blockId":"b_lQv4mbtgF5u","meta":{"taskNameActive":"Updating html class","taskNameComplete":"Updated html class","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Updating html class","taskNameComplete":"Updated html class"},"id":"block-b_lQv4mbtgF5u"}],["p",{},["text",{},"Now let me build all the brand guide components:"]],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_GDTPwLfY73O","parts":[{"type":"code-project","isVersioned":false,"isSourceless":false,"changedFiles":[{"fileName":"components/brand-guide/BrandHeader.tsx","baseName":"BrandHeader.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/brand-guide/ColorSection.tsx","baseName":"ColorSection.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/brand-guide/TypographySection.tsx","baseName":"TypographySection.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/brand-guide/LogoSection.tsx","baseName":"LogoSection.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/brand-guide/ComponentsSection.tsx","baseName":"ComponentsSection.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/brand-guide/BrandFooter.tsx","baseName":"BrandFooter.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"[V0_FILE]tsx:file=\"components/brand-guide/BrandHeader.tsx\" \nGENERATING\n[V0_FILE]tsx:file=\"components/brand-guide/ColorSection.tsx\" \nGENERATING\n[V0_FILE]tsx:file=\"components/brand-guide/TypographySection.tsx\" \nGENERATING\n[V0_FILE]tsx:file=\"components/brand-guide/LogoSection.tsx\" \nGENERATING\n[V0_FILE]tsx:file=\"components/brand-guide/ComponentsSection.tsx\" \nGENERATING\n[V0_FILE]tsx:file=\"components/brand-guide/BrandFooter.tsx\" \nGENERATING","sourceVersionKey":"v_1_zgnlw_s3","needsBlockSource":true,"isAllImages":false,"blockId":"b_GDTPwLfY73O","meta":{"taskNameActive":"Writing BrandFooter component","taskNameComplete":"Wrote BrandFooter component","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Writing BrandFooter component","taskNameComplete":"Wrote BrandFooter component"},"id":"block-b_GDTPwLfY73O"}],["p",{},["text",{},"Now write the main page:"]],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_cTB26s4H7QL","parts":[{"type":"code-project","isVersioned":true,"isSourceless":false,"changedFiles":[{"fileName":"app/globals.css","baseName":"globals.css","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"app/layout.tsx","baseName":"layout.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/brand-guide/BrandHeader.tsx","baseName":"BrandHeader.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/brand-guide/ColorSection.tsx","baseName":"ColorSection.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/brand-guide/TypographySection.tsx","baseName":"TypographySection.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/brand-guide/LogoSection.tsx","baseName":"LogoSection.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/brand-guide/ComponentsSection.tsx","baseName":"ComponentsSection.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/brand-guide/BrandFooter.tsx","baseName":"BrandFooter.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"app/page.tsx","baseName":"page.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"$113","sourceVersionKey":"v_1_zphul_s3","needsBlockSource":false,"isAllImages":false,"blockId":"b_cTB26s4H7QL","meta":{"taskNameActive":"Writing main page","taskNameComplete":"Wrote main page","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Writing main page","taskNameComplete":"Wrote main page"},"id":"block-b_cTB26s4H7QL"}],["p",{},["text",{},"The brand guide page is complete! It covers five sections across a clean editorial layout:"]],["ol",{"start":1},["li",{"index":1},["strong",{},["text",{},"Header"]],["text",{}," — a grid-based masthead with a large serif display title and section index"]],["li",{"index":2},["strong",{},["text",{},"Colors"]],["text",{}," — five clickable swatches (Navy, Amber, Parchment, Stone, Ink) that copy the hex to clipboard on click"]],["li",{"index":3},["strong",{},["text",{},"Typography"]],["text",{}," — three typeface showcases (Playfair Display, Inter, JetBrains Mono) plus a full type scale reference"]],["li",{"index":4},["strong",{},["text",{},"Logo"]],["text",{}," — four approved color variants with usage dos and don'ts"]],["li",{"index":5},["strong",{},["text",{},"Components"]],["text",{}," — buttons, badges, form elements, spacing scale, and card patterns"]]],["p",{},["text",{},"The design uses a structured grid with consistent border dividers, reminiscent of the editorial/archive aesthetic from the inspiration."]],["AssistantMessageContentPart",{"part":{"createdAt":1784151538059,"finishedAt":1784151551902,"lastPartSentAt":1784151551882,"id":"I4SR6ZzD8eerpRex","type":"task-diagnostics-v1","blockId":"b_cTB26s4H7QL","parts":[{"type":"fetching-diagnostics"},{"type":"diagnostics-passed"}]}}]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"bFoBfxijei3jpod9cVvuIMU9lrqoTjaO","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"DU5WWgGWMh3CrRNiX6tpBrFAu2msoPhF","type":"message","creditCost":0.225182,"workMetrics":{"diffMap":{"app/globals.css":{"addedLines":126,"removedLines":0},"app/layout.tsx":{"addedLines":46,"removedLines":0},"components/brand-guide/BrandFooter.tsx":{"addedLines":27,"removedLines":0},"components/brand-guide/BrandHeader.tsx":{"addedLines":34,"removedLines":0},"components/brand-guide/LogoSection.tsx":{"addedLines":96,"removedLines":0},"components/brand-guide/ColorSection.tsx":{"addedLines":102,"removedLines":0},"components/brand-guide/ComponentsSection.tsx":{"addedLines":143,"removedLines":0},"components/brand-guide/TypographySection.tsx":{"addedLines":92,"removedLines":0},"app/page.tsx":{"addedLines":19,"removedLines":0}},"linesRead":172,"agentActions":17},"createdAt":"$D2026-07-15T21:36:23.353Z","updatedAt":"$D2026-07-15T21:39:12.059Z"}],"lastSyncedAt":1790001526104,"undo":null,"activeForkKey":["DU5WWgGWMh3CrRNiX6tpBrFAu2msoPhF","bFoBfxijei3jpod9cVvuIMU9lrqoTjaO"],"lifecycle":{"phase":"idle","persistence":"persisted"},"isAuthor":false,"isRestoring":false,"hashMessageId":null},"@\"active-block\",\"kAB5RnZEzbS\",":{"id":"b_cTB26s4H7QL","meta":{"taskNameActive":"Writing main page","taskNameComplete":"Wrote main page","type":"code-project","id":"Code"},"initial":true,"type":"code-project","messageId":"bFoBfxijei3jpod9cVvuIMU9lrqoTjaO","language":"typescriptreact","source":"$114","closed":true,"hasSourceBeenEdited":false,"isLoading":false,"needsBlockSource":false},"@\"chat:meta\",\"kAB5RnZEzbS\",":{"title":"Brand guide page","authorId":"cOeSnrBAr5DgyAtDGejjsgUT","ownerId":"team_lUEaT8e5EpiQkDQVXpfYu6P3","storageEntityType":null,"storageEntityId":null,"tailwindV4Default":true,"vercelProjectId":null,"canWriteToChat":false,"from":"api/chats","nextVersionDefault":16},"@\"chat:vm-mode\",\"kAB5RnZEzbS\",":false,"@\"chat:vercel-project\",\"kAB5RnZEzbS\",":"$@115","@\"team:sensitive-environment-variable-policy\",\"kAB5RnZEzbS\",":"$@116","@\"block-view\",\"kAB5RnZEzbS\",":true,"integrations:figma":"$@117"},"children":["$L118","$L119","$L11a","$L11b","$L11c"]}]}]}]
44:o8,f1:null
44:odb5,11d:I[900547,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"FullChat",1]
11e:"NavigationMarker"
11f:I[681304,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$11e"]
120:"OpenInV0JourneyCompletion"
121:I[228493,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$120"]
122:"SuspendingKeepTitleUpdated"
123:I[487989,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$122"]
124:"KeepClientOnUpToDateSlugPath"
125:I[983440,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$124"]
fe:{"ok":true,"value":{"designSystemId":null,"title":"Brand guide page","privacy":"public","access":1,"isAdmin":false,"isAuthor":false,"ownerId":"team_lUEaT8e5EpiQkDQVXpfYu6P3","authorId":"anon:CZYQxJAQ8MGUhLjnHip3Q","tailwindV4Default":true,"nextVersionDefault":16,"nextVersion15Default":false,"forceVMRendering":false,"isNextLiteReadOnly":true,"canWriteToChat":false,"chatCreatedAt":1784151383508,"hasBlock":true,"vercelProject":null,"hasGitConnection":false,"gitBase":null,"gitHead":null,"hasSnowflakeIntegration":false,"chatHasAnySnowflakeIntegration":false,"storageEntityType":null,"storageEntityId":null,"vercelProjectId":null,"defaultPreviewPath":null,"agentWorkspace":false,"workspaceRuntime":false}}
ff:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}}
100:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}}
101:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}}
102:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}}
103:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}}
104:{"ok":true,"value":null,"__seedOnly":true}
108:null
115:"$undefined"
116:"$undefined"
117:{"isSignedIn":false}
118:["$","$L11d","full-chat",{"isMobile":false,"templatesServer":null}]
119:["$","$L11f",null,{"phase":"content","label":"Chat.Detail","routeOverride":"/chat/[slug]"}]
11a:["$","$L121",null,{}]
11b:["$","$3d",null,{"children":["$","$L123",null,{"chatId":"kAB5RnZEzbS"}]}]
11c:["$","$L125",null,{"id":"kAB5RnZEzbS","requireMatchingChatPath":true,"title":"Brand guide page"}]
44:o11,42:true
41:60243
44:o2c,40:C
3f:C
1:C
37:C
21:C
35:C
2b:C
1a:C
17:C
44:C
</article></body></html>