1import{j as e}from"./index-L9AYrVUw.js";import{w as S}from"./ArrowBendDownRight.es-5CniB3s1.js";import{s as p}from"./ArrowUp.es-sg_sCqx1.js";import{m}from"./ArrowsClockwise.es-CX8V1pij.js";import{n as h,k as T,h as y}from"./App-DyVHSnY3.js";import{s as R,v as C,f as B}from"./FloatingTopMenu-CIhwk2RR.js";import{n as g}from"./ChartBar.es-DrVdFqT3.js";import{s as A}from"./CheckCircle.es-PkF6a2W-.js";import{n as b}from"./Clock.es-DgpzZNmC.js";import{n as z}from"./Code.es-lpuWBocO.js";import{s as u}from"./Copy.es-BkRzHo-W.js";import{l as v}from"./Trash.es-D2Zs5Rpt.js";import{c as W}from"./Files.es-7N4fnDht.js";import{T as a,aC as F,C as j,R as q,b1 as f,b4 as I,b5 as P,n as $,a6 as D}from"./PlanAccessModal-P_W2GThH.js";import{n as k,i as E}from"./Table.es-DstvFNSY.js";import{c as L}from"./ThumbsDown.es-CGNKh3eu.js";import{c as G}from"./ThumbsUp.es-D_c5yKbs.js";import"./productFunnel-DiJFcMU2.js";import"./locale-Cctu0V3Y.js";import"./index-p7aFGi8o.js";import"./dissolve-CQo8GAUH.js";import"./SnewLogo-Cg53XTnQ.js";const n=({title:r,id:s,children:l})=>e.jsxs("section",{id:s,className:"mb-16",children:[e.jsx("h2",{style:{...a.section,marginBottom:20,paddingBottom:10,borderBottom:"0.5px solid hsl(var(--color-border-tertiary))"},children:r}),l]}),i=({label:r})=>e.jsx("p",{style:{...a.meta,textTransform:"uppercase",letterSpacing:"0.08em",marginBottom:12},children:r}),o=({children:r})=>e.jsx("p",{style:{...a.meta,fontFamily:"monospace",marginTop:6,opacity:.8},children:r}),x=({label:r,name:s,value:l})=>e.jsx("div",{className:"flex items-center gap-4 py-2.5",style:{borderBottom:"0.5px solid hsl(var(--color-border-tertiary))"},children:e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{style:a.primary,children:r??s}),e.jsx("p",{style:{...a.meta,fontFamily:"monospace",marginTop:2},children:l})]})}),O=({cssVar:r,label:s})=>e.jsxs("div",{className:"flex flex-col gap-1.5",children:[e.jsx("div",{className:"w-full rounded-lg",style:{height:48,background:`hsl(var(${r}))`,border:"0.5px solid hsl(var(--color-border-tertiary))"}}),e.jsx("p",{style:a.primary,children:s}),e.jsx("p",{style:{...a.meta,fontFamily:"monospace"},children:r})]});function xe(){return e.jsx("div",{className:"min-h-screen",style:{background:"hsl(var(--color-background-tertiary))"},children:e.jsxs("div",{className:"max-w-4xl mx-auto px-8 py-12",children:[e.jsxs("div",{className:"mb-16",children:[e.jsx("h1",{style:a.pageTitle,className:"mb-1",children:"Design System"}),e.jsx("p",{style:a.secondary,children:"Snew v1.0 â Fonte única de verdade para todos os componentes."}),e.jsxs("div",{className:"mt-4 p-4 rounded-lg",style:{background:`hsl(${j.bg.secondary})`,border:F.hairline},children:[e.jsx("p",{style:{...a.meta,textTransform:"uppercase",letterSpacing:"0.08em",marginBottom:6},children:"Source of truth"}),e.jsxs("p",{style:a.secondary,children:["Importe tokens tipados de"," ",e.jsx("code",{style:{fontFamily:f.mono,fontSize:12,padding:"2px 6px",background:`hsl(${j.bg.tertiary})`,borderRadius:q.sm},children:"@/components/ui/tokens"}),". Nunca hardcode cores, raios ou espaçamentos em componentes."]}),e.jsx("p",{style:{...a.meta,fontFamily:f.mono,marginTop:8},children:'import { T, COLOR, RADIUS, SPACE, SHADOW, BORDER } from "@/components/ui/tokens";'})]})]}),e.jsxs("div",{className:"mb-16 p-5 rounded-xl",style:{background:"hsl(var(--color-background-primary))",border:"0.5px solid hsl(var(--color-border-tertiary))"},children:[e.jsx(i,{label:"Ãndice"}),e.jsx("div",{className:"grid grid-cols-3 gap-1",children:["Cores","Tipografia","Espaçamento","Bordas & Raios","Status Indicators","Animações","Componentes Fixos","Cards & Boxes","Artifacts & Drawers","Chat Components","Regras Proibidas"].map(r=>e.jsx("a",{href:`#${r.toLowerCase().replace(/ /g,"-").replace(/&/g,"e")}`,style:{...a.secondary,textDecoration:"none"},className:"py-1 hover:opacity-60 transition-opacity",children:r},r))})]}),e.jsx(n,{title:"Cores",id:"cores",children:e.jsxs("div",{className:"space-y-10",children:[e.jsxs("div",{children:[e.jsx(i,{label:"Escala Gray (neutral)"}
1),e.jsx("div",{className:"grid grid-cols-5 gap-3",children:[{name:"Gray 025",cssVar:"--gray-025",hex:"#f8f8f8"},{name:"Gray 050",cssVar:"--gray-050",hex:"#f1f1f1"},{name:"Gray 100",cssVar:"--gray-100",hex:"#ebebeb"},{name:"Gray 200",cssVar:"--gray-200",hex:"#ebebeb"},{name:"Gray 300",cssVar:"--gray-300",hex:"#dfdfdf"},{name:"Gray 400",cssVar:"--gray-400",hex:"#cacaca"},{name:"Gray 500",cssVar:"--gray-500",hex:"#999999"},{name:"Gray 600",cssVar:"--gray-600",hex:"#727272"},{name:"Gray 700",cssVar:"--gray-700",hex:"#5c5c5c"},{name:"Gray 800",cssVar:"--gray-800",hex:"#424242"},{name:"Gray 900",cssVar:"--gray-900",hex:"#2f2f30"}].map(({name:r,cssVar:s,hex:l})=>e.jsxs("div",{className:"flex flex-col gap-1.5",children:[e.jsx("div",{className:"w-full rounded-lg",style:{height:56,background:`hsl(var(${s}))`,border:"0.5px solid hsl(var(--color-border-tertiary))"}}),e.jsx("p",{style:a.primary,children:r}),e.jsx("p",{style:{...a.meta,fontFamily:"monospace"},children:l}),e.jsx("p",{style:{...a.meta,fontFamily:"monospace"},children:s})]},s))})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Paleta de Texto"}),e.jsx("div",{className:"grid grid-cols-3 gap-4 mb-2",children:[{cssVar:"--color-text-primary",label:"Text Primary",usage:"tÃtulos, números, item ativo, bold inline"},{cssVar:"--color-text-secondary",label:"Text Secondary",usage:"corpo, narrativa, descrições, itens de lista"},{cssVar:"--color-text-tertiary",label:"Text Tertiary",usage:"metadados, horários, labels, perÃodo, counts"}].map(({cssVar:r,label:s,usage:l})=>e.jsxs("div",{className:"flex flex-col gap-1.5",children:[e.jsx("div",{className:"w-full rounded-lg flex items-center justify-center",style:{height:48,background:"hsl(var(--color-background-secondary))",border:"0.5px solid hsl(var(--color-border-tertiary))"},children:e.jsx("span",{style:{color:`hsl(var(${r}))`,fontFamily:"monospace",fontSize:13,fontWeight:500},children:"Aa"})}),e.jsx("p",{style:a.primary,children:s}),e.jsx("p",{style:{...a.meta,fontFamily:"monospace"},children:r}),e.jsx("p",{style:a.meta,children:l})]},r))})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Paleta de Fundo"}),e.jsx("div",{className:"grid grid-cols-3 gap-4",children:[{cssVar:"--color-background-primary",label:"BG Primary",usage:"card, modal, drawer"},{cssVar:"--color-background-secondary",label:"BG Secondary",usage:"hover state, metric card, header de bloco"},{cssVar:"--color-background-tertiary",label:"BG Tertiary",usage:"fundo de página"}].map(r=>e.jsx(O,{cssVar:r.cssVar,label:`${r.label} â ${r.usage}`},r.cssVar))})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Paleta de Borda"}),e.jsx("div",{className:"grid grid-cols-3 gap-4",children:[{cssVar:"--color-border-primary",label:"Border Primary",usage:"item ativo/selecionado (1.5px)"},{cssVar:"--color-border-secondary",label:"Border Secondary",usage:"hover, dot inativo"},{cssVar:"--color-border-tertiary",label:"Border Tertiary",usage:"borda padrão de card (0.5px)"}].map(({cssVar:r,label:s,usage:l})=>e.jsxs("div",{className:"flex flex-col gap-1.5",children:[e.jsx("div",{className:"w-full rounded-lg",style:{height:48,background:"hsl(var(--color-background-secondary))",border:`2px solid hsl(var(${r}))`}}),e.jsx("p",{style:a.primary,children:s}),e.jsx("p",{style:{...a.meta,fontFamily:"monospace"},children:r}),e.jsx("p",{style:a.meta,children:l})]},r))})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Item Selecionável (chip, opção, segmento)"}),e.jsx("div",{className:"flex flex-wrap items-center gap-2",children:[{label:"Só eu",active:!0},{label:"2â10",active:!1},{label:"11â50",active:!1}].map(({label:r,active:s})=>e.jsx("div",{style:{padding:"9px 16px",fontSize:13,...s?I:P},children:r},r))}),e.jsxs("p",{style:{...a.meta,marginTop:12},children:["Selecionado = ",e.jsx("code",{children:"bg.secondary"})," + ",e.jsx("code",{children:"BORDER.active"})," (1.5px border-primary) + texto ",e.jsx("code",{children:"text.primary"}),", raio ",e.jsx("code",{children:"RADIUS.sm"}),". Um item em modo ativo ",e.jsx("strong",{children:"nunca"})," leva fill escuro:"," ",e.jsx("code",{children:"text.primary"})," é a cor do TEXTO do item ativo, e a marca é a BORDA. Fill escuro é do CTA e do trilho de switch, não de item em estado."]}),e.jsx("p",{style:{...a.meta,fontFamily:"monospace",marginTop:6},children:"style={{ ...(active ? SELECTED : UNSELECTED) }}"})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Paleta Semântica"}),e.jsx("div",{className:"grid grid-cols-4 gap-4",children:[{text:"--color-text-success",bg:"--color-background-success",label:"Success",sample:"Recuperado"},{text:"--color-text-warning",bg:"--color-background-warning",label:"Warning",sample:"Atenção"},{text:"--color-text-danger",bg:"--color-background-danger",label:"Danger",sample:"CrÃtico"},{text:"--color-text-info",bg:"--color-background-info",label:"Info",sample:"Informativo"}
1].map(({text:r,bg:s,label:l,sample:d})=>e.jsxs("div",{className:"flex flex-col gap-1.5",children:[e.jsx("div",{className:"w-full rounded-lg flex items-center justify-center",style:{height:48,background:`hsl(var(${s}))`,border:"0.5px solid hsl(var(--color-border-tertiary))"},children:e.jsx("span",{style:{color:`hsl(var(${r}))`,fontSize:12,fontWeight:500},children:d})}),e.jsx("p",{style:a.primary,children:l}),e.jsx("p",{style:{...a.meta,fontFamily:"monospace"},children:s}),e.jsx("p",{style:{...a.meta,fontFamily:"monospace"},children:r})]},l))})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Cores de Agente (accent â uso restrito)"}),e.jsx("div",{className:"grid grid-cols-4 gap-4 mb-3",children:[{color:"hsl(217 91% 45%)",label:"Blue â Analytics"},{color:"hsl(142 72% 29%)",label:"Green â Commerce"},{color:"hsl(270 70% 50%)",label:"Purple â Marketing"},{color:"hsl(38 92% 40%)",label:"Amber â Operations"},{color:"hsl(0 84% 60%)",label:"Red â Alerts"},{color:"hsl(180 60% 35%)",label:"Teal â Support"},{color:"hsl(330 70% 50%)",label:"Pink â Social"},{color:"hsl(25 90% 45%)",label:"Orange â Ads"}].map(({color:r,label:s})=>e.jsxs("div",{className:"flex flex-col gap-1.5",children:[e.jsx("div",{className:"w-full rounded-lg",style:{height:40,background:r}}),e.jsx("p",{style:a.primary,children:s})]},s))}),e.jsx("div",{className:"rounded-lg p-3",style:{background:"hsl(var(--color-background-secondary))",border:"0.5px solid hsl(var(--color-border-tertiary))"},children:e.jsxs("p",{style:a.secondary,children:["Usar ",e.jsx("strong",{style:{fontWeight:500},children:"apenas"}),' para: dot de identidade (7px), dot "active" na lista de ações, borda do card quando ativo (1.5px), botão primário de ativação. Nunca em texto, backgrounds internos ou bordas decorativas.']})})]})]})}),e.jsx(n,{title:"Tipografia",id:"tipografia",children:e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx(i,{label:"4 NÃveis Principais"}),[{token:"T.impact",spec:"20px / 500 / color-text-primary",sample:"284.500",note:"números de impacto, métricas principais"},{token:"T.primary",spec:"13px / 500 / color-text-primary",sample:"Market Radar",note:"nome do agente, item ativo, tÃtulo de card"},{token:"T.secondary",spec:"13px / 400 / color-text-secondary",sample:"Narrativa, corpo de texto e itens de lista da interface.",note:"narrativa, descrições, itens"},{token:"T.meta",spec:"11px / 400 / color-text-tertiary",sample:"Ãs 07:55 · hoje · 3 skills",note:"horários, labels, perÃodo, counts"}].map(({token:r,spec:s,sample:l,note:d})=>e.jsxs("div",{className:"flex items-baseline gap-6 py-3",style:{borderBottom:"0.5px solid hsl(var(--color-border-tertiary))"},children:[e.jsx("div",{style:{width:100,flexShrink:0},children:e.jsx("p",{style:{...a.meta,fontFamily:"monospace"},children:r})}),e.jsx("div",{style:{width:220,flexShrink:0},children:e.jsx("p",{style:{...a.meta,fontFamily:"monospace"},children:s})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{style:r==="T.impact"?a.impact:r==="T.primary"?a.primary:r==="T.secondary"?a.secondary:a.meta,children:l}),e.jsx("p",{style:{...a.meta,marginTop:2,opacity:.6},children:d})]})]},r))]}),e.jsxs("div",{children:[e.jsx(i,{label:"Exceções Permitidas (apenas estas 4)"}),[{token:"T.hero",spec:"42px / 500 / color-text-primary",sample:"143",note:"número principal de artifact"},{token:"T.heroLabel",spec:"12px / 400 / color-text-secondary",sample:"tickets resolvidos",note:"label do hero em artifact"},{token:"T.pageTitle",spec:"22px / 500 / color-text-primary",sample:"Co-workers",note:"h1 de páginas principais"},{token:"T.badge",spec:"9px / 500 / (cor por contexto)",sample:"AGORA",note:"pills coloridas de status"}].map(({token:r,spec:s,sample:l,note:d})=>e.jsxs("div",{className:"flex items-baseline gap-6 py-3",style:{borderBottom:"0.5px solid hsl(var(--color-border-tertiary))"},children:[e.jsx("div",{style:{width:100,flexShrink:0},children:e.jsx("p",{style:{...a.meta,fontFamily:"monospace"},children:r})}),e.jsx("div",{style:{width:220,flexShrink:0},children:e.jsx("p",{style:{...a.meta,fontFamily:"monospace"},children:s})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{style:r==="T.hero"?a.hero:r==="T.heroLabel"?a.heroLabel:r==="T.pageTitle"?a.pageTitle:{...a.badge,color:"hsl(var(--color-text-primary))",textTransform:"uppercase"},children:l}),e.jsx("p",{style:{...a.meta,marginTop:2,opacity:.6},children:d})]})]},r))]}),e.jsxs("div",{children:[e.jsx(i,{label:"Proibido"}),e.jsx("div",{className:"rounded-lg p-4",style:{background:"hsl(var(--color-background-danger))",border:"0.5px solid hsl(var(--color-text-danger) / 0.2)"},children:e.jsx("div",{className:"grid grid-cols-2 gap-2",children:["font-weight: 600, 700, bold","font-size: 10px","font-size: 12px (exceto T.heroLabel)","font-size: 14px, 15px, 16px, 17px, 18px, 24px","Qualquer tamanho fora da escala listada","Dois estilos diferentes para o mesmo elemento"].map(r=>e.jsx("p",{style:{...a.meta,color:"hsl(var(--color-text-danger))",fontFamily:"monospace"},children:r},r))})})]})]})}),e.jsxs(n,{title:"Espaçamento",id:"espacamento",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-10",children:[e.jsxs("div",{children:[e.jsx(i,{label:"Padding de Card"}),[{name:"Card padrão",value:"padding: 20px 20px 16px"},{name:"Card compacto",value:"padding: 14px"},{name:"Modal",value:"padding: 24px"},{name:"Artifact",value:"padding: 24px 24px 20px"}].map(r=>e.jsx(x,{...r},r.name))]}),e.jsxs("div",{children:[e.jsx(i,{label:"Gap entre Elementos"}),[{name:"Entre seções no card",value:"20px"}
1,{name:"Entre itens de lista",value:"0 (só borda 0.5px)"},{name:"Entre métricas inline",value:"28px"},{name:"Header: dot + nome + perÃodo",value:"6px"},{name:"Entre stat value e label",value:"4px"},{name:"Padding vertical por item",value:"9px 0"}].map(r=>e.jsx(x,{...r},r.name))]})]}),e.jsxs("div",{className:"mt-8",children:[e.jsx(i,{label:"Escala Base (grid 4px)"}),e.jsx("div",{className:"flex flex-wrap gap-3 items-end",children:[4,6,8,12,14,16,20,24,28,32,40,48,64].map(r=>e.jsxs("div",{className:"flex flex-col items-center gap-1",children:[e.jsx("div",{style:{width:r,height:r,background:"hsl(var(--color-border-secondary))",borderRadius:2}}),e.jsx("p",{style:{...a.meta,fontFamily:"monospace"},children:r})]},r))})]})]}),e.jsx(n,{title:"Bordas e Raios",id:"bordas-e-raios",children:e.jsxs("div",{className:"grid grid-cols-2 gap-10",children:[e.jsxs("div",{children:[e.jsx(i,{label:"Espessuras"}),[{name:"0.5px â padrão",value:"cards, divisórias, itens de lista"},{name:"1px â principal",value:"linha divisória única dentro do card"},{name:"1.5px â ênfase",value:"card ativo, item selecionado"}].map(r=>e.jsx(x,{...r},r.name)),e.jsxs("div",{className:"mt-6",children:[e.jsx(i,{label:"Quando usar"}),[{name:"Wrapper externo do card",value:"0.5px border-tertiary"},{name:"Linha divisória interna (1 por card)",value:"0.5px ou 1px"},{name:"Separação entre itens de lista",value:"0.5px border-tertiary"},{name:"Card ativo do co-worker",value:"1.5px border-primary"}].map(r=>e.jsx(x,{...r},r.name))]}),e.jsxs("div",{className:"mt-6",children:[e.jsx(i,{label:"Nunca usar"}),e.jsx("div",{className:"rounded-lg p-3",style:{background:"hsl(var(--color-background-danger))",border:"0.5px solid hsl(var(--color-text-danger) / 0.2)"},children:["Entre label e valor de métrica","Em cada linha de tabela dentro de card","Em volta de métricas individuais","Como decoração sem função de separação"].map(r=>e.jsx("p",{style:{...a.meta,color:"hsl(var(--color-text-danger))",marginBottom:3},children:r},r))})]})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Border Radius Tokens"}),[{name:"--border-radius-md",value:"8px",size:8,usage:"pill, badge, mini-card, input"},{name:"--border-radius-lg",value:"12px",size:12,usage:"card padrão, modal, drawer"},{name:"--border-radius-xl",value:"16px",size:16,usage:"modal grande, artifact drawer"},{name:"border-radius: 50%",value:"50%",size:999,usage:"dot de status, avatar circular"}].map(({name:r,value:s,size:l,usage:d})=>e.jsxs("div",{className:"flex items-center gap-4 py-2.5",style:{borderBottom:"0.5px solid hsl(var(--color-border-tertiary))"},children:[e.jsx("div",{style:{width:36,height:36,background:"hsl(var(--color-background-secondary))",border:"0.5px solid hsl(var(--color-border-secondary))",borderRadius:l>100?"50%":l,flexShrink:0}}),e.jsxs("div",{children:[e.jsx("p",{style:{...a.primary,fontFamily:"monospace"},children:r}),e.jsxs("p",{style:{...a.meta,fontFamily:"monospace"},children:[s," â ",d]})]})]},r))]})]})}),e.jsxs(n,{title:"Status Indicators",id:"status-indicators",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-10",children:[e.jsxs("div",{children:[e.jsx(i,{label:"StatusDot (6px)"}),[{label:"done",desc:"background: color-border-secondary",dot:e.jsx("div",{style:{width:6,height:6,borderRadius:"50%",background:"hsl(var(--color-border-secondary))",flexShrink:0}})},{label:"active",desc:"background: cor do agente",dot:e.jsx("div",{style:{width:6,height:6,borderRadius:"50%",background:"hsl(217 91% 45%)",flexShrink:0}})},{label:"scheduled",desc:"border: 1.5px color-border-secondary, no fill",dot:e.jsx("div",{style:{width:6,height:6,borderRadius:"50%",border:"1.5px solid hsl(var(--color-border-secondary))",flexShrink:0}})}].map(({label:r,desc:s,dot:l})=>e.jsxs("div",{className:"flex items-center gap-4 py-3",style:{borderBottom:"0.5px solid hsl(var(--color-border-tertiary))"},children:[e.jsx("div",{className:"w-8 flex justify-center",children:l}),e.jsx("p",{style:a.primary,children:r}),e.jsx("p",{style:{...a.meta,fontFamily:"monospace",marginLeft:"auto"},children:s})]},r))]}),e.jsxs("div",{children:[e.jsx(i,{label:"AgentDot de identidade (7px)"}),e.jsxs("div",{className:"flex items-center gap-4 py-3",style:{borderBottom:"0.5px solid hsl(var(--color-border-tertiary))"},children:[e.jsx("div",{style:{width:7,height:7,borderRadius:"50%",background:"hsl(217 91% 45%)",flexShrink:0}}),e.jsx("p",{style:a.meta,children:"Market Radar · hoje"})]}),e.jsx("p",{style:{...a.meta,fontFamily:"monospace",marginTop:8},children:"7px · cor do agente · aparece no topo do card/workspace"}),e.jsx("p",{style:{...a.meta,color:"hsl(var(--color-text-danger))",marginTop:4},children:"NUNCA adicionar avatar/bolha ao lado do AgentLine"})]})]}),e.jsxs("div",{className:"mt-8",children:[e.jsx(i,{label:"Text States por Status"}),[{label:"done",style:{fontSize:13,fontWeight:400,color:"hsl(var(--color-text-secondary))"},spec:"13px / 400 / color-text-secondary",sample:"Relatório semanal gerado"},{label:"active",style:{fontSize:13,fontWeight:500,color:"hsl(var(--color-text-primary))"},spec:"13px / 500 / color-text-primary",sample:"Monitorando share of voice"},{label:"scheduled",style:{fontSize:13,fontWeight:400,color:"hsl(var(--color-text-secondary))",opacity:.6},spec:"13px / 400 / color-text-secondary · opacity 0.6",sample:"Relatório competitivo â Segunda 8h"},{label:"time",style:{fontSize:11,fontWeight:400,color:"hsl(var(--color-text-tertiary))"},spec:"11px / 400 / color-text-tertiary",sample:"Ãs 07:55"}].map(({label:r,style:s,spec:l,sample:d})=>e.jsxs("div",{className:"flex items-baseline gap-6 py-3",style:{borderBottom:"0.5px solid hsl(var(--color-border-tertiary))"},children:[e.jsx("p",{style:{...a.meta,fontFamily:"monospace",width:72,flexShrink:0},children:r}),e.jsx("p",{style:{...a.meta,fontFamily:"monospace",width:280,flexShrink:0},children:l}),e.jsx("p",{style:s,children:d})]},r))]})]}),e.jsx(n,{title:"Animações",id:"animacoes",children:[{name:"conic-spin",value:"3.5s linear infinite",desc:"Spinning border gradient em cards"},{name:"conic-avatar-spin",value:"4s linear infinite",desc:"Spinning border em avatares circulares"},{name:"conic-modal-spin",value:"2.5s linear infinite",desc:"Spinning border em modais"},{name:"conic-pill-spin",value:"4s linear infinite",desc:"Spinning border em status pills"},{name:"conic-pill-glow",value:"4s ease-in-out infinite",desc:"Glow pulse em status pills"},{name:"avatar-breathe",value:"scale 1â1.03",desc:"Respiração sutil de avatar"},{name:"avatar-glow-pulse",value:"opacity 0.7â1",desc:"Glow atrás do avatar"},{name:"pulse-ring",value:"scale 0.92â1.30",desc:"Anel expandindo (indicador ativo)"},{name:"badge-pulse",value:"opacity 1â0.3",desc:"Pulsação lenta em monitoring badge"},{name:"slide-in-left",value:"translateX(6%)â0",desc:"Carrossel: slide da direita"},{name:"slide-in-right",value:"translateX(-6%)â0",desc:"Carrossel: slide da esquerda"}].map(r=>e.jsxs("div",{className:"flex items-center gap-4 py-2.5",style:{borderBottom:"0.5px solid hsl(var(--color-border-tertiary))"},children:[e.jsx("p",{style:{...a.primary,fontFamily:"monospace",width:180,flexShrink:0},children:r.name}),e.jsx("p",{style:{...a.meta,fontFamily:"monospace",width:160,flexShrink:0},children:r.value}),e.jsx("p",{style:a.secondary,children:r.desc})]},r.name))}),e.jsxs(n,{title:"Componentes Fixos",id:"componentes-fixos",children:[e.jsxs("p",{style:{...a.secondary,marginBottom:24},children:["Estes componentes já existem. ",e.jsx("strong",{style:{fontWeight:500},children:"Reutilizar sempre â nunca criar variante."})]}),e.jsxs("div",{className:"space-y-10",children:[e.jsxs("div",{children:[e.jsx(i,{label:"AgentLine â identidade no topo do card"}),e.jsxs("div",{className:"p-5 rounded-xl",style:{background:"hsl(var(--color-background-primary))",border:"0.5px solid hsl(var(--color-border-tertiary))"},children:[e.jsxs("div",{className:"flex items-center gap-1.5 mb-4",children:[e.jsx("div",{style:{width:7,height:7,borderRadius:"50%",background:"hsl(217 91% 45%)"}}),e.jsx("p",{style:a.meta,children:"Market Radar · hoje"})]}),e.jsx(o,{children:"dot: 7px · cor do agente | nome: T.meta · color-text-tertiary | gap: 6px"}),e.jsx(o,{children:"NUNCA adicionar avatar aqui | NUNCA repetir nome que já está no header da página"})]})]}),e.jsxs("div",{children:[e.jsx(i,{label:"MetricStat â sempre 3 por card, sem c
1ontainer"}),e.jsxs("div",{className:"p-5 rounded-xl",style:{background:"hsl(var(--color-background-primary))",border:"0.5px solid hsl(var(--color-border-tertiary))"},children:[e.jsx("div",{style:{display:"flex",gap:28},children:[{value:"284k",label:"impressões"},{value:"1.840",label:"conversões"},{value:"R$ 9.2k",label:"investido"}].map(r=>e.jsxs("div",{children:[e.jsx("p",{style:a.impact,children:r.value}),e.jsx("p",{style:{...a.meta,marginTop:4},children:r.label})]},r.label))}),e.jsx(o,{children:"value: T.impact (20px/500/primary) | label: T.meta (11px/400/tertiary) | gap: 28px"}),e.jsx(o,{children:"sem container sem borda sem background máx 3 por card"})]})]}),e.jsxs("div",{children:[e.jsx(i,{label:"ActionItem â lista de ações do workspace"}),e.jsx("div",{className:"rounded-xl overflow-hidden",style:{border:"0.5px solid hsl(var(--color-border-tertiary))"},children:[{dot:"done",text:"Relatório semanal gerado",time:"Ãs 07:30",clickable:!1},{dot:"active",text:"Monitorando share of voice",time:"Agora",clickable:!0},{dot:"scheduled",text:"Relatório competitivo semanal",time:"Seg 8h",clickable:!1}].map(({dot:r,text:s,time:l,clickable:d},t)=>e.jsxs("div",{className:`flex items-center gap-3 ${d?"cursor-pointer":""}`,style:{padding:"9px 20px",borderBottom:t<2?"0.5px solid hsl(var(--color-border-tertiary))":"none"},children:[r==="done"&&e.jsx("div",{style:{width:6,height:6,borderRadius:"50%",background:"hsl(var(--color-border-secondary))",flexShrink:0}}),r==="active"&&e.jsx("div",{style:{width:6,height:6,borderRadius:"50%",background:"hsl(217 91% 45%)",flexShrink:0}}),r==="scheduled"&&e.jsx("div",{style:{width:6,height:6,borderRadius:"50%",border:"1.5px solid hsl(var(--color-border-secondary))",flexShrink:0}}),e.jsx("p",{style:{flex:1,fontSize:13,fontWeight:r==="active"?500:400,color:`hsl(var(${r==="active"?"--color-text-primary":"--color-text-secondary"}))`,opacity:r==="scheduled"?.6:1},children:s}),e.jsx("p",{style:a.meta,children:l})]},s))}),e.jsx(o,{children:"padding: 9px 20px | borderBottom: 0.5px border-tertiary | sem chevron em done e scheduled"}),e.jsx(o,{children:"chevron só se tem artifactType associado"})]}),e.jsxs("div",{children:[e.jsx(i,{label:"SectionLabel"}),e.jsxs("div",{className:"p-5 rounded-xl",style:{background:"hsl(var(--color-background-primary))",border:"0.5px solid hsl(var(--color-border-tertiary))"},children:[e.jsx("p",{style:{fontSize:10,fontWeight:500,color:"hsl(var(--color-text-tertiary))",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Log de ações"}),e.jsx(o,{children:"10px / 500 / tertiary / letter-spacing 0.05em / uppercase"}),e.jsx(o,{children:"nunca bold pesado nunca primary"})]})]}),e.jsxs("div",{children:[e.jsx(i,{label:"NextAction â rodapé de artifact"}),e.jsxs("div",{className:"p-5 rounded-xl",style:{background:"hsl(var(--color-background-primary))",border:"0.5px solid hsl(var(--color-border-tertiary))"},children:[e.jsxs("div",{className:"flex items-center gap-2 px-3.5 py-3 rounded-lg",style:{background:"hsl(var(--color-background-secondary))",borderRadius:"var(--border-radius-md)"},children:[e.jsx(b,{style:{width:14,height:14,color:"hsl(var(--color-text-tertiary))",flexShrink:0}}),e.jsx("p",{style:a.secondary,children:"Próxima execução: segunda-feira 8h"})]}),e.jsx(o,{children:"clock 14px/tertiary + texto T.secondary | bg: background-secondary | border-radius-md"}),e.jsx(o,{children:"padding: 12px 14px"})]})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Workspace Card â anatomia completa"}),e.jsxs("div",{className:"rounded-xl overflow-hidden",style:{border:"0.5px solid hsl(var(--color-border-tertiary))"},children:[e.jsxs("div",{style:{padding:"20px 20px 0",background:"hsl(var(--color-background-primary))"},children:[e.jsxs("div",{className:"flex items-center gap-1.5 mb-3",children:[e.jsx("div",{style:{width:7,height:7,borderRadius:"50%",background:"hsl(217 91% 45%)"}}),e.jsx("p",{style:a.meta,children:"Analytics Agent · hoje"})]}),e.jsxs("p",{style:{fontSize:13,fontWeight:400,color:"hsl(var(--color-text-secondary))",lineHeight:1.8,marginBottom:20},children:["Detectei ",e.jsx("strong",{style:{fontWeight:500,color:"hsl(var(--color-text-primary))"},children:"3 oportunidades"})," de otimização. CTR médio subiu ",e.jsx("strong",{style:{fontWeight:500,color:"hsl(var(--color-text-primary))"},children:"+12%"}),"."]}),e.jsx("div",{style:{display:"flex",gap:28,marginBottom:20},children:[{value:"284k",label:"impressões"},{value:"1.840",label:"conversões"},{value:"R$ 9.2k",label:"investido"}].map(r=>e.jsxs("div",{children:[e.jsx("p",{style:a.impact,children:r.value}),e.jsx("p",{style:{...a.meta,marginTop:4},children:r.label})]},r.label))})]}),e.jsx("div",{style:{height:"0.5px",background:"hsl(var(--color-border-tertiary))"}}),[{dot:"done",text:"Relatório semanal gerado",time:"Ãs 07:30"},{dot:"active",text:"Monitorando share of voice",time:"Agora"},{dot:"scheduled",text:"Relatório competitivo",time:"Seg 8h"}].map(({dot:r,text:s,time:l},d)=>e.jsxs("div",{className:"flex items-center gap-3",style:{padding:"9px 20px",background:"hsl(var(--color-background-primary))",borderBottom:d<2?"0.5px solid hsl(var(--color-border-tertiary))":"none"},children:[r==="done"&&e.jsx("div",{style:{width:6,height:6,borderRadius:"50%",background:"hsl(var(--color-border-secondary))",flexShrink:0}}),r==="active"&&e.jsx("div",{style:{width:6,height:6,borderRadius:"50%",background:"hsl(217 91% 45%)",flexShrink:0}}),r==="scheduled"&&e.jsx("div",{style:{width:6,height:6,borderRadius:"50%",border:"1.5px solid hsl(var(--color-border-secondary))",flexShrink:0}}),e.jsx("p",{style:{flex:1,fontSize:13,fontWeight:r==="active"?500:400,color:`hsl(var(${r==="active"?"--color-text-primary":"--color-text-secondary"}))`,opacity:r==="scheduled"?.6:1},children:s}),e.jsx("p",{style:a.meta,children:l})]},s))]})]})]})]}),e.jsxs(n,{title:"Cards e Boxes",id:"cards-e-boxes",children:[e.jsxs("p",{style:{...a.secondary,marginBottom:24},children:["Todos os cards compartilham ",e.jsx("strong",{style:{fontWeight:500},children:"padding 20px / border 0.5px border-tertiary / border-radius-lg"}),". Actions primárias e secundárias seguem hierarquia estrita â ver especificações abaixo."]}),e.jsxs("div",{className:"space-y-14",children:[e.jsxs("div",{children:[e.jsx(i,{label:"Workspace Card â co-worker ativo"}),e.jsxs("div",{className:"rounded-xl overflow-hidden",style:{border:"0.5px solid hsl(var(--color-border-tertiary))",background:"hsl(var(--color-background-primary))"},children:[e.jsxs("div",{style:{padding:"20px 20px 0"},children:[e.jsxs("div",{className:"flex items-center gap-1.5 mb-3",children:[e.jsx("div",{style:{width:7,height:7,borderRadius:"50%",background:"hsl(217 91% 45%)"}}),e.jsx("p",{style:a.meta,children:"AI Presence · hoje"})]}),e.jsxs("p",{style:{...a.secondary,marginBottom:20},children:["Ativo desde 00:00 · ",e.jsx("span",{style:{color:"hsl(var(--color-text-tertiary))"},children:"Atualizado há 3 min"})]}),e.jsx("div",{style:{display:"flex",gap:28,marginBottom:20},children:[{value:"284.500",label:"impressões hoje"},{value:"1.840",label:"conversões hoje"},{value:"R$ 9.200",label:"investido hoje"}].map(r=>e.jsxs("div",{children:[e.jsx("p",{style:a.impact,children:r.value}),e.jsx("p",{style:{...a.meta,marginTop:4},children:r.label})]},r.label))})]}),e.jsx("div",{style:{height:"0.5px",background:"hsl(var(--color-border-tertiary))"}}),[{dot:"done",text:"Monitorei citações em ChatGPT, Perplexity, Gemini e Claude",time:"Ãs 09:00"},{dot:"done",text:"Otimizei 18 conteúdos para citação por LLMs",time:"Ãs 10:30"},{dot:"done",text:"Atualizei schema.org em 24 páginas de produto",time:"Ãs 11:45"},{dot:"done",text:"Sincronizei feed com Google AI Shopping e ChatGPT Shopping",time:"Ãs 08:00"},{dot:"active",text:"Monitorando crawl de bots de IA no site",time:"Agora",badge:"agora"},{dot:"scheduled",text:"Relatório semanal de visibilidade em IA",time:"Segunda à s 8h"}].map(({dot:r,text:s,time:l,badge:d},t,c)=>e.jsxs("div",{className:"flex items-center gap-3",style:{padding:"9px 20px",background:"hsl(var(--color-background-primary))",borderBottom:t<c.length-1?"0.5px solid hsl(var(--color-border-tertiary))":"none"},children:[r==="done"&&e.jsx("div",{style:{width:6,height:6,borderRadius:"50%",background:"hsl(var(--color-border-secondary))",flexShrink:0}}),r==="active"&&e.jsx("div",{style:{width:6,height:6,borderRadius:"50%",background:"hsl(0 84% 60%)",flexShrink:0}}),r==="scheduled"&&e.jsx("div",{style:{width:6,height:6,borderRadius:"50%",border:"1.5px solid hsl(var(--color-border-secondary))",flexShrink:0}}),e.jsx("p",{style:{flex:1,fontSize:13,fontWeight:r==="active"?500:400,color:`hsl(var(${r==="active"?"--color-text-primary":"--color-text-secondary"}))`,opacity:r==="scheduled"?.6:1},children:s}),d&&e.jsx("span",{style:{fontSize:9,fontWeight:500,color:"hsl(0 84% 60%)",background:"hsl(0 84% 96%)",borderRadius:4,padding:"2px 4px",textTransform:"uppercase",marginRight:4},children:d}),e.jsx("p",{style:a.meta,children:l})]},s))]}),e.jsxs("div",{className:"mt-3 space-y-1",children:[e.jsx(o,{children:"padding header: 20px 20px 0 | metrics gap: 28px | action padding: 9px 20px"}),e.jsx(o,{children:"border: 0.5px border-tertiary | border-radius-lg | single divider entre header e lista"}),e.jsx(o,{children:'badge "agora": 9px/500 text-danger bg-danger border-radius 4px | dot active: cor do agente'})]})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Opportunity Card â oportunidades detectadas"}),e.jsxs("div",{children:[e.jsx("p",{style:{...a.primary,marginBottom:16},children:"Oportunidades detectadas"}),e.jsx("div",{className:"rounded-xl overflow-hidden",style:{border:"0.5px solid hsl(var(--color-border-tertiary))"},children:[{name:"Sales Analyst",color:"hsl(270 70% 50%)",desc:"Taxa de abandono no checkout mobile 34% maior que desktop, com 89 sessões afetadas hoje. Ação imediata pode recuperar ~R$3.200.",tag:"~R$3.200",tagColor:"hsl(var(--color-text-danger))",tagBg:"hsl(var(--color-background-danger))"},{name:"Competitors",color:"hsl(217 91% 45%)",desc:"Concorrente reduziu preço em 3 SKUs core, identificado à s 03:14. Pode afetar diretamente a conversão no segmento de eletrônicos.",tag:"Risco alto",tagColor:"hsl(var(--color-text-warning))",tagBg:"hsl(var(--color-background-warning))"},{name:"Analytics",color:"hsl(142 72% 29%)",desc:"Tráfego orgânico 18% maior nos finais de semana â oportunidade de alta confiança para campanhas direcionadas.",tag:"+R$1.800",tagColor:"hsl(var(--color-text-success))",tagBg:"hsl(var(--color-background-success))"}].map(({name:r,color:s,desc:l,tag:d,tagColor:t,tagBg:c},w,N)=>e.jsxs("div",{style:{padding:"16px 20px",background:"hsl(var(--color-background-primary))",borderBottom:w<N.length-1?"0.5px solid hsl(var(--color-border-tertiary))":"none"},children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx("div",{style:{width:24,height:24,borderRadius:"50%",background:s,flexShrink:0}}),e.jsx("p",{style:a.primary,children:r})]}),e.jsx("p",{style:{...a.secondary,marginBottom:8},children:l}),e.jsx("span",{style:{fontSize:11,fontWeight:500,color:t,background:c,borderRadius:4,padding:"2px 6px",display:"inline-block"},children:d})]},r))})]}),e.jsxs("div",{className:"mt-3 space-y-1",children:[e.jsx(o,{children:"padding: 16px 20px | avatar 24px cor do agente | desc: T.secondary"}),e.jsx(o,{children:"tag: 11px/500 · cor semântica (danger/warning/success) | border-radius 4px px-1.5"}),e.jsx(o,{children:"border-bottom: 0.5px border-tertiary entre itens | border-radius-lg no container"})]})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Recommended Co-workers Card â catálogo / recomendados"}),e.jsxs("div",{children:[e.jsx("p",{style:{...a.primary,marginBottom:16},children:"Co-workers recomendados"}),e.jsx("div",{className:"grid grid-cols-3 gap-3",children:[{name:"Campaign Studio",color:"hsl(38 92% 40%)",desc:"Planeja, cria e executa campanhas em todos os canais"},{name:"Ad Optimizer",color:"hsl(217 91% 45%)",desc:"Concentra budget nos criativos certos e elimina desperdÃcio"},{name:"WhatsappLogo Connect",color:"hsl(142 72% 29%)",desc:"Opera sua loja 24h via WhatsappLogo sem equipe"}].map(({name:r,color:s,desc:l})=>e.jsxs("div",{className:"rounded-xl cursor-pointer",style:{padding:"16px",border:"0.5px solid hsl(var(--color-border-tertiary))",background:"hsl(var(--color-background-primary))"},children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx("div",{style:{width:28,height:28,borderRadius:"50%",background:s,flexShrink:0}}),e.jsx("p",{style:a.primary,children:r})]}),e.jsx("p",{style:a.secondary,children:l})]},r))})]}),e.jsxs("div",{className:"mt-3 space-y-1",children:[e.jsx(o,{children:"padding: 16px | avatar 28px circular cor do agente | nome: T.primary | desc: T.secondary"}),e.jsx(o,{children:"border: 0.5px border-tertiary | border-radius-lg | hover: border-secondary bg-background-secondary"}),e.jsx(o,{children:"grid cols-3 gap-3 (catálogo) ou cols-1 (lista inline)"})]})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Apps / Integrations List â lista de conexões"}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsx("p",{style:a.primary,children:"Conecte seus apps"}),e.jsx("button",{style:{...a.meta,background:"none",border:"none",cursor:"pointer"},children:"ver todos"})]}),e.jsx("div",{className:"rounded-xl overflow-hidden",style:{border:"0.5px solid hsl(var(--color-border-tertiary))"},children:[{name:"Shopify",desc:"Sincronize pedidos, produtos, clientes e dados de conversão em tempo real.",emoji:""},{name:"Meta Ads",desc:"Monitore campanhas, ROAS e audiências do FacebookLogo e InstagramLogo Ads.",emoji:""},{name:"Google Analytics",desc:"Acesse dados de tráfego, funis de conversão e c
1omportamento de usuários.",emoji:""},{name:"Gmail",desc:"Envie e monitore campanhas de e-mail diretamente pela sua caixa de saÃda.",emoji:""}].map(({name:r,desc:s,emoji:l},d,t)=>e.jsxs("div",{className:"flex items-center gap-4 cursor-pointer",style:{padding:"14px 20px",background:"hsl(var(--color-background-primary))",borderBottom:d<t.length-1?"0.5px solid hsl(var(--color-border-tertiary))":"none"},children:[e.jsx("div",{className:"flex items-center justify-center",style:{width:32,height:32,borderRadius:6,background:"hsl(var(--color-background-secondary))",fontSize:16,flexShrink:0},children:l}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{style:a.primary,children:r}),e.jsx("p",{style:{...a.meta,marginTop:2},children:s})]}),e.jsx(R,{style:{width:14,height:14,color:"hsl(var(--color-text-tertiary))",flexShrink:0}})]},r))})]}),e.jsxs("div",{className:"mt-3 space-y-1",children:[e.jsx(o,{children:"padding: 14px 20px | icon: 32px rounded-6 bg-secondary | nome: T.primary | desc: T.meta"}),e.jsx(o,{children:"chevron: 14px text-tertiary · sempre presente nesta lista | border-radius-lg no container"}),e.jsx(o,{children:"hover: bg-background-secondary | border: 0.5px border-tertiary"})]})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Integrations Required â com estado Conectado / Conectar"}),e.jsxs("div",{className:"rounded-xl overflow-hidden",style:{border:"0.5px solid hsl(var(--color-border-tertiary))"},children:[[{name:"Shopify",emoji:"",connected:!0},{name:"Gmail",emoji:"",connected:!1},{name:"Meta Ads",emoji:"",connected:!1},{name:"Google Ads",emoji:"",connected:!1}].map(({name:r,emoji:s,connected:l},d,t)=>e.jsxs("div",{className:"flex items-center gap-4",style:{padding:"12px 16px",background:"hsl(var(--color-background-primary))",borderBottom:d<t.length-1?"0.5px solid hsl(var(--color-border-tertiary))":"none"},children:[e.jsx("div",{className:"flex items-center justify-center",style:{width:30,height:30,borderRadius:6,background:"hsl(var(--color-background-secondary))",fontSize:16,flexShrink:0},children:s}),e.jsx("p",{style:{...a.primary,flex:1},children:r}),l?e.jsx("span",{style:{fontSize:11,fontWeight:400,color:"hsl(var(--color-text-tertiary))"},children:"Conectado"}):e.jsx("button",{style:{fontSize:11,fontWeight:500,color:"hsl(var(--color-text-primary))",background:"none",border:"0.5px solid hsl(var(--color-border-secondary))",borderRadius:"var(--border-radius-md)",padding:"4px 10px",cursor:"pointer"},children:"Conectar"})]},r)),e.jsxs("div",{className:"flex items-center gap-2 px-4 py-3",style:{background:"hsl(var(--color-background-warning))",borderTop:"0.5px solid hsl(var(--color-border-tertiary))"},children:[e.jsx("span",{style:{fontSize:12,color:"hsl(var(--color-text-warning))"}}),e.jsx("p",{style:{fontSize:11,fontWeight:400,color:"hsl(var(--color-text-warning))"},children:"Conecte todas as integrações para continuar para a ativação."})]})]}),e.jsxs("div",{className:"mt-3 space-y-1",children:[e.jsx(o,{children:'padding: 12px 16px | icon: 30px rounded-6 | "Conectado": T.meta text-tertiary'}),e.jsx(o,{children:'"Conectar": 11px/500 text-primary border-secondary border-radius-md px-2.5 py-1'}),e.jsx(o,{children:"footer warning: bg-background-warning | texto 11px text-warning | border-top border-tertiary"})]})]}),e.jsxs("div",{children:[e.jsx(i,{label:"What It Does â lista com badge de frequência"}),e.jsxs("div",{children:[e.jsx("p",{style:{fontSize:10,fontWeight:500,color:"hsl(var(--color-text-tertiary))",textTransform:"uppercase",letterSpacing:"0.05em",marginBottom:8},children:"O que faz"}),e.jsx("div",{className:"rounded-xl overflow-hidden",style:{border:"0.5px solid hsl(var(--color-border-tertiary))"},children:[{text:"Coordena campanhas em 9 canais simultaneamente",freq:"Por campanha"},{text:"Gera copies on-brand para todos os canais em 10 minutos",freq:"Por campanha"},{text:"Detecta tendências sazonais com D-30 de antecedência",freq:"ContÃnuo"},{text:"Calcula ROI por canal e aplica vencedor de A/B automaticamente",freq:"Por campanha"}].map(({text:r,freq:s},l,d)=>e.jsxs("div",{className:"flex items-center justify-between gap-4",style:{padding:"11px 16px",background:"hsl(var(--color-background-primary))",borderBottom:l<d.length-1?"0.5px solid hsl(var(--color-border-tertiary))":"none"},children:[e.jsx("p",{style:a.secondary,children:r}),e.jsx("span",{style:{fontSize:11,fontWeight:400,color:"hsl(var(--color-text-tertiary))",background:"hsl(var(--color-background-secondary))",borderRadius:"var(--border-radius-md)",padding:"3px 8px",whiteSpace:"nowrap",flexShrink:0},children:s})]},r))})]}),e.jsxs("div",{className:"mt-3 space-y-1",children:[e.jsx(o,{children:"padding: 11px 16px | texto: T.secondary | badge freq: 11px/400 text-tertiary bg-secondary border-radius-md"}),e.jsx(o,{children:"section label: SectionLabel (10px/500/tertiary/uppercase) | border-radius-lg no container"})]})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Radio List â seleção de objetivo"}),e.jsx("div",{className:"rounded-xl overflow-hidden",style:{border:"0.5px solid hsl(var(--color-border-tertiary))"}
1,children:[{label:"Aumentar receita e conversões",selected:!1},{label:"Reduzir custos operacionais",selected:!1},{label:"Melhorar retenção de clientes",selected:!1},{label:"Ter mais visibilidade sobre o negócio",selected:!1}].map(({label:r,selected:s},l,d)=>e.jsxs("div",{className:"flex items-center justify-between gap-4 cursor-pointer",style:{padding:"13px 16px",background:"hsl(var(--color-background-primary))",borderBottom:l<d.length-1?"0.5px solid hsl(var(--color-border-tertiary))":"none"},children:[e.jsx("p",{style:a.secondary,children:r}),e.jsx(C,{style:{width:16,height:16,color:"hsl(var(--color-border-secondary))",flexShrink:0}})]},r))}),e.jsxs("div",{className:"mt-3 space-y-1",children:[e.jsx(o,{children:"padding: 13px 16px | texto: T.secondary | radio: Circle 16px text-border-secondary"}),e.jsx(o,{children:"selected: CheckCircle 16px text-text-primary | selected row: bg-background-secondary"}),e.jsx(o,{children:"border: 0.5px border-tertiary | border-radius-lg | cursor-pointer"})]})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Inline Suggestion Card â co-worker sugerido em chat"}),e.jsxs("div",{className:"max-w-md",children:[e.jsx("p",{style:{fontSize:10,fontWeight:500,color:"hsl(var(--color-text-tertiary))",textTransform:"uppercase",letterSpacing:"0.05em",marginBottom:8},children:"co-worker sugerido"}),e.jsxs("div",{className:"rounded-xl flex items-start gap-3 cursor-pointer",style:{padding:"14px 16px",border:"0.5px solid hsl(var(--color-border-tertiary))",background:"hsl(var(--color-background-primary))"},children:[e.jsx("div",{style:{width:32,height:32,borderRadius:"50%",background:"hsl(270 70% 50%)",flexShrink:0}}),e.jsxs("div",{children:[e.jsx("p",{style:{...a.primary,marginBottom:3},children:"Abandoned Cart"}),e.jsx("p",{style:a.secondary,children:"70% dos carrinhos são abandonados â a maioria sem nenhuma ação da sua loja. 23 a 35% dos carrinhos recuperados em 30 dias, receita rastreada por canal."})]})]})]}),e.jsxs("div",{className:"mt-3 space-y-1",children:[e.jsx(o,{children:"padding: 14px 16px | avatar 32px circular cor do agente | nome: T.primary | desc: T.secondary"}),e.jsx(o,{children:"section label uppercase: 10px/500/tertiary | border: 0.5px border-tertiary | border-radius-lg"})]})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Buttons â hierarquia de ações"}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx("p",{style:{...a.meta,marginBottom:10},children:"Primary Action â ativação, confirmação, envio"}),e.jsxs("div",{className:"flex flex-wrap gap-3 items-center",children:[e.jsx("button",{style:{fontSize:13,fontWeight:500,color:"hsl(var(--color-background-primary))",background:"hsl(var(--color-text-primary))",border:"none",borderRadius:"var(--border-radius-md)",padding:"9px 20px",cursor:"pointer"},children:"Ativar co-worker"}),e.jsx("button",{style:{fontSize:13,fontWeight:500,color:"hsl(0 0% 100%)",background:"hsl(217 91% 45%)",border:"none",borderRadius:"var(--border-radius-md)",padding:"9px 20px",cursor:"pointer"},children:"Ativar (cor do agente)"})]}),e.jsx(o,{children:"13px/500 | bg: text-primary ou cor do agente | text: background-primary | border-radius-md | padding: 9px 20px"})]}),e.jsxs("div",{children:[e.jsx("p",{style:{...a.meta,marginBottom:10},children:"Secondary Action â navegação, alternativa, cancelar"}),e.jsxs("div",{className:"flex flex-wrap gap-3 items-center",children:[e.jsx("button",{style:{fontSize:13,fontWeight:400,color:"hsl(var(--color-text-primary))",background:"none",border:"0.5px solid hsl(var(--color-border-secondary))",borderRadius:"var(--border-radius-md)",padding:"9px 20px",cursor:"pointer"},children:"Ver workspace"}),e.jsx("button",{style:{fontSize:13,fontWeight:400,color:"hsl(var(--color-text-secondary))",background:"none",border:"0.5px solid hsl(var(--color-border-tertiary))",borderRadius:"var(--border-radius-md)",padding:"9px 20px",cursor:"pointer"},children:"Cancelar"})]}),e.jsx(o,{children:"13px/400 | bg: none | border: 0.5px border-secondary (ênfase) ou border-tertiary (neutro)"}),e.jsx(o,{children:"text: text-primary (ênfase) ou text-secondary (neutro) | border-radius-md | padding: 9px 20px"})]}),e.jsxs("div",{children:[e.jsx("p",{style:{...a.meta,marginBottom:10},children:"Ghost / Icon Button â ações secundárias inline"}),e.jsx("div",{className:"flex items-center gap-1",children:[h,v,u,m].map((r,s)=>e.jsx("button",{style:{width:32,height:32,display:"flex",alignItems:"center",justifyContent:"center",background:"none",border:"none",borderRadius:"var(--border-radius-md)",color:"hsl(var(--color-text-tertiary))",cursor:"pointer"},children:e.jsx(r,{style:{width:14,height:14}})}
1,s))}),e.jsx(o,{children:"32Ã32px border-radius-md | bg: none | icon: 14px text-tertiary | hover: bg-background-secondary text-secondary"})]})]})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Anatomy Reference â todos os cards"}),e.jsxs("div",{className:"rounded-xl overflow-hidden",style:{border:"0.5px solid hsl(var(--color-border-tertiary))"},children:[e.jsx("div",{className:"grid grid-cols-4 gap-0",style:{background:"hsl(var(--color-background-secondary))",borderBottom:"0.5px solid hsl(var(--color-border-tertiary))",padding:"8px 16px"},children:["Card","Padding","Border","Border Radius"].map(r=>e.jsx("p",{style:{fontSize:10,fontWeight:500,color:"hsl(var(--color-text-tertiary))",textTransform:"uppercase",letterSpacing:"0.05em"},children:r},r))}),[{card:"Workspace Card",padding:"20px header / 9px 20px items",border:"0.5px border-tertiary",radius:"border-radius-lg"},{card:"Opportunity Card",padding:"16px 20px por item",border:"0.5px border-tertiary",radius:"border-radius-lg"},{card:"Recommended Co-worker",padding:"16px",border:"0.5px border-tertiary",radius:"border-radius-lg"},{card:"Apps List",padding:"14px 20px por item",border:"0.5px border-tertiary",radius:"border-radius-lg"},{card:"Integrations Required",padding:"12px 16px por item",border:"0.5px border-tertiary",radius:"border-radius-lg"},{card:"What It Does",padding:"11px 16px por item",border:"0.5px border-tertiary",radius:"border-radius-lg"},{card:"Radio List",padding:"13px 16px por item",border:"0.5px border-tertiary",radius:"border-radius-lg"},{card:"Inline Suggestion",padding:"14px 16px",border:"0.5px border-tertiary",radius:"border-radius-lg"}].map(({card:r,padding:s,border:l,radius:d},t,c)=>e.jsxs("div",{className:"grid grid-cols-4 gap-0",style:{padding:"9px 16px",background:"hsl(var(--color-background-primary))",borderBottom:t<c.length-1?"0.5px solid hsl(var(--color-border-tertiary))":"none"},children:[e.jsx("p",{style:a.secondary,children:r}),e.jsx("p",{style:{...a.meta,fontFamily:"monospace"},children:s}),e.jsx("p",{style:{...a.meta,fontFamily:"monospace"},children:l}),e.jsx("p",{style:{...a.meta,fontFamily:"monospace"},children:d})]},r))]})]})]})]}),e.jsx(n,{title:"Artifacts & Drawers",id:"artifacts-e-drawers",children:e.jsxs("div",{className:"space-y-12",children:[e.jsxs("div",{children:[e.jsx(i,{label:"Artifact Header â anatomia padrão"}),e.jsxs("p",{style:{...a.secondary,marginBottom:16},children:["Todo artifact (Workspace Drawer ou ArtifactPanel) usa o mesmo header de 44px. Anatomia:",e.jsx("br",{}),e.jsx("span",{style:{fontFamily:"monospace",fontSize:11,color:"hsl(var(--color-text-tertiary))"},children:"[type-icon] tÃtulo truncado tipo · perÃodo â¡ maximize â grid close"})]}),e.jsxs("div",{className:"rounded-xl overflow-hidden",style:{border:"0.5px solid hsl(var(--color-border-tertiary))",background:"hsl(var(--color-background-primary))"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,padding:"0 16px",height:44,borderBottom:"0.5px solid hsl(var(--color-border-tertiary))"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,flex:1,minWidth:0},children:[e.jsx(g,{style:{width:13,height:13,color:"hsl(var(--color-text-tertiary))",flexShrink:0,opacity:.5}}),e.jsx("span",{style:{fontSize:13,fontWeight:500,color:"hsl(var(--color-text-primary))",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:"Análise de conversão"}),e.jsx("span",{style:{fontSize:11,fontWeight:400,color:"hsl(var(--color-text-tertiary))",flexShrink:0,whiteSpace:"nowrap",opacity:.7},children:"v1 · Recente"})]}),e.jsx("div",{style:{display:"flex",alignItems:"center",gap:2,flexShrink:0},children:[T,B,$].map((r,s)=>e.jsx("div",{style:{width:28,height:28,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:7,color:"hsl(var(--color-text-tertiary))",cursor:"pointer"},children:e.jsx(r,{style:{width:13,height:13}})},s))})]}),e.jsx("div",{style:{padding:"16px 20px"},children:e.jsx("p",{style:{...a.meta,opacity:.4},children:"â conteúdo do artifact aqui"})})]}),e.jsxs("div",{className:"mt-3 space-y-1",children:[e.jsx(o,{children:"height: 44px | padding: 0 16px | border-bottom: 0.5px border-tertiary"}),e.jsx(o,{children:"title: 13px/500/text-primary | meta (tipo · perÃodo): 11px/400/tertiary opacity 0.7"}),e.jsx(o,{children:"icon buttons: 28Ã28px border-radius 7px | icon size: 13px | color: text-tertiary"})]})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Artifact Content â hierarquia interna"}),e.jsxs("div",{className:"rounded-xl overflow-hidden",style:{border:"0.5px solid hsl(var(--color-border-tertiary))",background:"hsl(var(--color-background-primary))"},children:[e.jsxs("div",{style:{padding:"20px 20px 0"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,marginBottom:16},children:[e.jsx("div",{style:{width:8,height:8,borderRadius:"50%",background:"hsl(217 91% 45%)",flexShrink:0}}),e.jsx("span",{style:{...a.meta},children:"Data Brain"}),e.jsx("span",{style:{...a.meta,opacity:.65},children:"· Hoje à s 08:00"})]}),e.jsx("p",{style:{fontSize:11,fontWeight:500,color:"hsl(var(--color-text-tertiary))",marginBottom:4},children:"Receita perdida por semana por abandono no checkout"}),e.jsx("p",{style:{fontSize:32,fontWeight:500,color:"hsl(var(--color-text-primary))",letterSpacing:"-0.01em",marginBottom:6,lineHeight:1.1},children:"R$ 11.400"}),e.jsx("p",{style:{...a.secondary,lineHeight:1.55,marginBottom:16},children:"67% dos visitantes chegam ao checkout e não finalizam â o maior ponto de perda identificado hoje"}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:10,marginBottom:20},children:[{value:"84.000",label:"eventos processados"},{value:"67%",label:"abandono checkout"},{value:"4",label:"canais corrigidos"}].map(r=>e.jsxs("div",{style:{background:"hsl(var(--color-background-secondary))",borderRadius:8,padding:"10px 12px",border:"0.5px solid hsl(var(--color-border-tertiary))"},children:[e.jsx("p",{style:{fontSize:16,fontWeight:500,color:"hsl(var(--color-text-primary))",letterSpacing:"-0.01em",marginBottom:3},children:r.value}),e.jsx("p",{style:a.meta,children:r.label})]},r.label))})]}),e.jsx("div",{style:{height:"0.5px",background:"hsl(var(--color-border-tertiary))",margin:"0 0 16px"}}),e.jsx("div",{style:{padding:"0 20px 12px"},children:e.jsx("p",{style:{...a.meta,opacity:.4},children:"â conteúdo especÃfico do tipo (chart / asset / approval / doc / live)"})}),e.jsxs("div",{style:{margin:"0 20px 20px",padding:"10px 14px",borderRadius:8,background:"hsl(var(--color-background-secondary))",border:"0.5px solid hsl(var(--color-border-tertiary))",display:"flex",alignItems:"flex-start",ga
1p:8},children:[e.jsx(b,{style:{width:13,height:13,color:"hsl(var(--color-text-tertiary))",flexShrink:0,marginTop:1}}),e.jsx("span",{style:{...a.secondary,lineHeight:1.5},children:"Próxima ação do agente ou próximo relatório agendado"})]})]}),e.jsxs("div",{className:"mt-3 space-y-1",children:[e.jsx(o,{children:"AgentLine: dot 8px + T.meta name + T.meta · period (opacity 0.65) | padding: 20px 20px 0"}),e.jsx(o,{children:"HeroLabel: 11px/500/tertiary | HeroValue: 32px/500/primary -0.01em | HeroContext: T.secondary"}),e.jsx(o,{children:"MetricsRow: grid 3-cols gap-10 | cell: 10px 12px bg-secondary border 0.5px | value: 16px/500"}),e.jsx(o,{children:"Divider: 0.5px border-tertiary | NextAction: Clock 13px + T.secondary | bg-secondary 10px 14px"})]})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Data Table â artifact type: doc / data"}),e.jsxs("div",{className:"rounded-xl overflow-hidden",style:{border:"0.5px solid hsl(var(--color-border-tertiary))"},children:[e.jsx("div",{style:{display:"grid",gridTemplateColumns:"1fr 70px 70px",padding:"10px 20px",borderBottom:"0.5px solid hsl(var(--color-border-tertiary))",background:"hsl(var(--color-background-secondary))"},children:["Métrica","Valor","Variação"].map((r,s)=>e.jsx("span",{style:{fontSize:10,fontWeight:500,color:"hsl(var(--color-text-tertiary))",textTransform:"uppercase",letterSpacing:"0.05em",textAlign:s>0?"right":"left"},children:r},r))}),[{label:"Taxa de conversão",value:"2.4%",delta:"â 0.3%",neg:!0},{label:"Abandono no checkout",value:"38%",delta:"â 4%",neg:!0},{label:"Canal principal",value:"Orgânico",delta:"â",neg:!1},{label:"Ticket médio",value:"R$ 247",delta:"â R$ 12",neg:!1},{label:"Sessões",value:"14.820",delta:"â 8%",neg:!1},{label:"Bounce rate",value:"61%",delta:"â 3%",neg:!0}].map(({label:r,value:s,delta:l,neg:d},t,c)=>e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 70px 70px",padding:"12px 20px",borderBottom:t<c.length-1?"0.5px solid hsl(var(--color-border-tertiary))":"none",background:"hsl(var(--color-background-primary))"},children:[e.jsx("span",{style:a.secondary,children:r}),e.jsx("span",{style:{...a.primary,textAlign:"right"},children:s}),e.jsx("span",{style:{fontSize:11,fontWeight:400,color:d?"hsl(var(--color-text-danger))":"hsl(var(--color-text-tertiary))",textAlign:"right"},children:l})]},r))]}),e.jsxs("div",{className:"mt-3 space-y-1",children:[e.jsx(o,{children:"header: bg-secondary | 10px/500/tertiary/uppercase letterSpacing 0.05em | padding: 10px 20px"}),e.jsx(o,{children:"rows: bg-primary | label: T.secondary | value: T.primary text-right | delta: 11px/400"}),e.jsx(o,{children:"delta negativo: text-danger | delta positivo/neutro: text-tertiary | border-bottom: 0.5px border-tertiary"})]})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Tipos de Artifact â Ãcones e labels"}),e.jsx("div",{className:"rounded-xl overflow-hidden",style:{border:"0.5px solid hsl(var(--color-border-tertiary))"},children:[{type:"chart",label:"Análise",Icon:g,desc:"Funil, barras, linha â visualização de dados"},{type:"asset",label:"Conteúdo",Icon:y,desc:"Copies, calendário editorial, assets de canal"},{type:"approval",label:"Aprovação",Icon:A,desc:"Itens que aguardam decisão manual com severidade"},{type:"doc",label:"Relatório",Icon:k,desc:"KPI grid, timeline, tabelas de budget"},{type:"live",label:"Ao vivo",Icon:E,desc:"Feed em tempo real com filtros de evento"}].map(({type:r,label:s,Icon:l,desc:d},t,c)=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:14,padding:"12px 16px",background:"hsl(var(--color-background-primary))",borderBottom:t<c.length-1?"0.5px solid hsl(var(--color-border-tertiary))":"none"},children:[e.jsx("div",{style:{width:32,height:32,borderRadius:8,background:"hsl(var(--color-background-secondary))",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:e.jsx(l,{style:{width:14,height:14,color:"hsl(var(--color-text-tertiary))"}})}),e.jsxs("div",{style:{flex:1},children:[e.jsx("p",{style:a.primary,children:s}),e.jsx("p",{style:a.meta,children:d})]}),e.jsx("code",{style:{fontSize:10,fontFamily:"monospace",color:"hsl(var(--color-text-tertiary))",background:"hsl(var(--color-background-secondary))",padding:"2px 6px",borderRadius:4},children:r})]},r))}),e.jsxs("div",{className:"mt-3 space-y-1",children:[e.jsx(o,{children:"icon: 32Ã32px rounded-8 bg-secondary · 14px text-tertiary | label: T.primary | desc: T.meta"}),e.jsx(o,{children:"type badge: 10px monospace bg-secondary border-radius 4px | padding: 2px 6px"})]})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Drawer Shell â tokens do painel flutuante"}),e.jsx("div",{className:"space-y-0 rounded-xl overflow-hidden",style:{border:"0.5px solid hsl(var(--color-border-tertiary))"},children:[["Largura padrão","480px | max-width: calc(100vw - 24px)"],["Largura expandida","calc(100vw - 24px) | via botão ArrowsOut"],["Posição","top/bottom: 12px | right: 12px (aberto) / -500px (fechado)"],["Border","0.5px solid hsl(var(--border) / 0.6)"],["Border-radius","16px"],["Cube-shadow","0 24px 60px -12px rgba(0,0,0,0.22) + ring 0.5px rgba(0,0,0,0.04)"],["Overlay","rgba(0,0,0,0.28) | backdrop-filter: blur(2px)"],["Transição","right 200ms ease-out | width 200ms ease-out"],["Z-index","panel: 50 | overlay: 49"]].map(([r,s],l,d)=>e.jsxs("div",{style:{display:"flex",gap:16,padding:"10px 16px",borderBottom:l<d.length-1?"0.5px solid hsl(var(--color-border-tertiary))":"none",background:"hsl(var(--color-background-primary))"},children:[e.jsx("span",{style:{...a.secondary,width:160,flexShrink:0},children:r}),e.jsx("code",{style:{fontFamily:"monospace",fontSize:11,color:"hsl(var(--color-text-tertiary))",lineHeight:1.5},children:s})]},r))})]})]})}),e.jsx(n,{title:"Chat Components",id:"chat-components",children:e.jsxs("div",{className:"space-y-12",children:[e.jsxs("div",{children:[e.jsx(i,{label:"Mensagens"}),e.jsxs("div",{className:"space-y-6 max-w-xl",children:[e.jsxs("div",{className:"flex flex-col gap-1.5 items-start",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-0.5",children:[e.jsx("div",{style:{width:20,height:20,borderRadius:"50%",background:"hsl(var(--color-background-secondary))",border:"0.5px solid hsl(var(--color-border-tertiary))"}}),e.jsx("span",{style:{fontSize:12,fontWeight:500,color:"hsl(var(--color-text-tertiary))"},children:"Snew"})]}),e.jsxs("p",{style:{fontSize:13,lineHeight:1.65,color:"hsl(var(--color-text-secondary))"},children:["Identifiquei ",e.jsx("strong",{style:{fontWeight:500,color:"hsl(var(--color-text-primary))"},children:"3 oportunidades"})," de otimização no checkout mobile."]}),e.jsx(o,{children:"avatar 20px acima | nome: 12px/500/tertiary | conteúdo: 13px/400/secondary / lh 1.65"})]}),e.jsxs("div",{className:"flex flex-col gap-1.5 items-end",children:[e.jsx("div",{className:"rounded-xl px-4 py-2.5 max-w-[75%]",style:{background:"hsl(var(--color-background-secondary))"},children:e.jsx("p",{style:{fontSize:13,lineHeight:1.65,color:"hsl(var(--color-text-secondary))"},children:"Como está o abandono no checkout mobile?"})}),e.jsx(o,{children:"bg: background-secondary · rounded-xl · px-4 py-2.5 · max-w-[75%]"})]})]})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Typing Indicator"}),e.jsxs("div",{className:"flex flex-col items-start gap-1.5 max-w-xl",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-0.5",children:[e.jsx("div",{style:{width:20,height:20,borderRadius:"50%",background:"hsl(var(--color-background-secondary))",border:"0.5px solid hsl(var(--color-border-tertiary))"}}),e.jsx("span",{style:{fontSize:12,fontWeight:500,color:"hsl(var(--color-text-tertiary))"},children:"Snew"})]}),e.jsxs("div",{className:"flex items-center gap-1 py-1",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full animate-bounce [animation-delay:0ms]",style:{background:"hsl(var(--color-border-secondary))"}}),e.jsx("span",{className:"w-1.5 h-1.5 rounded-full animate-bounce [animation-delay:150ms]",style:{background:"hsl(var(--color-border-secondary))"}}),e.jsx("span",{className:"w-1.5 h-1.5 rounded-full animate-bounce [animation-delay:300ms]",style:{background:"hsl(var(--color-border-secondary))"}})]})]}),e.jsx(o,{children:"3à w-1.5 h-1.5 border-secondary rounded-full animate-bounce · delays: 0, 150, 300ms"})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Artifact Chips"}),e.jsx("div",{className:"flex flex-wrap gap-1.5 max-w-xl mb-3",children:[{label:"Análise de conversão",type:"data",icon:e.jsx(k,{className:"w-3 h-3"}),active:!0},{label:"Plano de ação",type:"document",icon:e.jsx(y,{className:"w-3 h-3"}),active:!1},{label:"Script de análise",type:"code",icon:e.jsx(z,{className:"w-3 h-3"}),active:!1}].map(({label:r,icon:s,active:l})=>e.jsxs("button",{className:`flex items-center gap-1.5 px-2.5 py-1.5 text-xs border transition-all ${l?"border-foreground
1/30 bg-muted text-foreground/80":"border-border text-muted-foreground hover:bg-muted/40"}`,style:{borderRadius:"var(--border-radius-md)"},children:[e.jsx("span",{className:"opacity-60",children:s}),e.jsx("span",{children:r})]},r))}),e.jsx(o,{children:"px-2.5 py-1.5 border-radius-md text-[11px] · active: border-foreground/30 bg-muted"})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Message Action Bar"}),e.jsxs("div",{className:"flex items-center justify-between max-w-xl",children:[e.jsxs("div",{className:"flex items-center gap-0.5",children:[[h,v,u,m].map((r,s)=>e.jsx("button",{className:"h-7 w-7 flex items-center justify-center rounded-lg transition-colors",style:{color:"hsl(var(--color-text-tertiary))"},children:e.jsx(r,{className:"w-3.5 h-3.5"})},s)),e.jsx("div",{className:"w-px h-4 mx-1",style:{background:"hsl(var(--color-border-tertiary))"}}),e.jsxs("button",{className:"flex items-center gap-1.5 h-7 px-2 rounded-lg transition-colors",style:{color:"hsl(var(--color-text-tertiary))",fontSize:11},children:[e.jsx(W,{className:"w-3.5 h-3.5"}),e.jsx("span",{children:"23 fontes"})]})]}),e.jsx("div",{className:"flex items-center gap-0.5",children:[G,L].map((r,s)=>e.jsx("button",{className:"h-7 w-7 flex items-center justify-center rounded-lg",style:{color:"hsl(var(--color-text-tertiary))"},children:e.jsx(r,{className:"w-3.5 h-3.5"})},s))})]}),e.jsx(o,{children:"h-7 w-7 rounded-lg · color: text-tertiary · hover: text-secondary bg-background-secondary"})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Follow-up List"}),e.jsxs("div",{className:"max-w-xl",children:[e.jsx("p",{style:{fontSize:12,fontWeight:500,color:"hsl(var(--color-text-tertiary))",marginBottom:6},children:"Acompanhamentos"}),e.jsx("div",{style:{borderTop:"0.5px solid hsl(var(--color-border-tertiary))"},children:["Quais páginas têm menor taxa de conversão?","Mostre o funil de adicionar ao carrinho","Como a conversão mobile se compara ao desktop?"].map((r,s)=>e.jsxs("div",{className:"flex items-center gap-2 py-2",style:{borderBottom:"0.5px solid hsl(var(--color-border-tertiary))"},children:[e.jsx(S,{className:"w-3 h-3 shrink-0",style:{color:"hsl(var(--color-text-tertiary))"}}),e.jsx("p",{style:a.secondary,children:r})]},s))})]}),e.jsx(o,{children:"divide-y border-tertiary · py-2 · T.secondary · ArrowBendDownRight w-3 h-3 tertiary"})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Prompt Chips (Empty State)"}),e.jsx("div",{className:"flex flex-wrap gap-2 max-w-xl mb-3",children:["Quais estratég
1ias DTC funcionam?","Onde está o abandono?","Quais clientes em risco?","O que gerou mais receita?"].map((r,s)=>e.jsx("button",{className:"px-3 py-1.5 border transition-colors shadow-sm whitespace-nowrap",style:{borderColor:"hsl(var(--color-border-tertiary))",background:"hsl(var(--color-background-primary))",borderRadius:"var(--border-radius-md)",fontSize:12,color:"hsl(var(--color-text-tertiary))"},children:r},s))}),e.jsx(o,{children:"px-3 py-1.5 border-radius-md border-tertiary text-[12px] text-tertiary shadow-sm"})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Prompt Dropdown"}),e.jsx("div",{className:"max-w-xl overflow-hidden shadow-lg",style:{border:"0.5px solid hsl(var(--color-border-tertiary))",background:"hsl(var(--color-background-primary))",borderRadius:"var(--border-radius-xl)"},children:["Quais estratégias de marketing funcionam?","Como cresceram no modelo DTC?","Exemplos de DTC em moda e beleza"].map((r,s)=>e.jsxs("div",{className:"flex items-center gap-3 px-4 py-3 text-sm transition-colors",style:{borderBottom:s<2?"0.5px solid hsl(var(--color-border-tertiary))":"none",color:"hsl(var(--color-text-secondary))"},children:[e.jsx(D,{className:"w-3.5 h-3.5 shrink-0",style:{color:"hsl(var(--color-text-tertiary))"}}),e.jsx("span",{children:r})]},s))}),e.jsx(o,{children:"border-radius-xl border-tertiary shadow-lg · px-4 py-3 · border-b border-tertiary last:border-0"})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Chat Input â Idle / Active"}),e.jsxs("div",{className:"flex gap-6 max-w-xl",children:[e.jsxs("div",{className:"flex-1",children:[e.jsx("p",{style:{...a.meta,marginBottom:6},children:"idle"}),e.jsxs("div",{style:{border:"0.5px solid hsl(var(--color-border-tertiary))",borderRadius:"var(--border-radius-xl)",background:"hsl(var(--color-background-secondary))"},children:[e.jsx("div",{className:"px-4 pt-4 pb-2 text-sm",style:{color:"hsl(var(--color-text-tertiary))"},children:"Pergunte qualquer coisaâ¦"}),e.jsx("div",{className:"flex justify-end px-3 pb-3",children:e.jsx("div",{className:"w-8 h-8 flex items-center justify-center rounded-full",style:{border:"0.5px solid hsl(var(--color-border-tertiary))",color:"hsl(var(--color-text-tertiary))"},children:e.jsx(p,{className:"w-4 h-4"})})})]})]}),e.jsxs("div",{className:"flex-1",children:[e.jsx("p",{style:{...a.meta,marginBottom:6},children:"active"}),e.jsxs("div",{style:{border:"1px solid hsl(var(--color-border-secondary))",borderRadius:"var(--border-radius-xl)",background:"hsl(var(--color-background-primary))"},children:[e.jsx("div",{className:"px-4 pt-4 pb-2 text-sm",style:{color:"hsl(var(--color-text-primary))"},children:"Como está o abandono?"}),e.jsx("div",{className:"flex justify-end px-3 pb-3",children:e.jsx("div",{className:"w-8 h-8 flex items-center justify-center rounded-full",style:{background:"hsl(var(--color-text-primary))",color:"hsl(var(--color-background-primary))"},children:e.jsx(p,{className:"w-4 h-4"})})})]})]})]}),e.jsx(o,{children:"idle: bg-secondary border-tertiary · active: bg-primary border-secondary · submit idle: border-tertiary text-tertiary"}),e.jsx(o,{children:"submit active: bg-text-primary text-background-primary"})]}),e.jsxs("div",{children:[e.jsx(i,{label:"Co-worker Suggestion Card"}),e.jsxs("div",{className:"max-w-sm",children:[e.jsx("p",{style:{fontSize:12,fontWeight:500,color:"hsl(var(--color-text-tertiary))",marginBottom:8},children:"co-worker sugerido"}),e.jsxs("div",{className:"flex items-start gap-3 cursor-pointer transition-all",style:{border:"0.5px solid hsl(var(--color-border-tertiary))",background:"hsl(var(--color-background-primary))",borderRadius:"var(--border-radius-lg)",padding:"14px 16px"},children:[e.jsx("div",{style:{width:32,height:32,borderRadius:"var(--border-radius-md)",background:"hsl(var(--color-background-secondary))",border:"0.5px solid hsl(var(--color-border-tertiary))",flexShrink:0}}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{style:{...a.primary,marginBottom:2},children:"Conversion Optimizer"}),e.jsx("p",{style:a.meta,children:"Identifica gargalos no funil e sugere ações para aumentar conversão."})]})]})]}),e.jsx(o,{children:"border-radius-lg · px-4 py-3.5 · hover: border-secondary bg-background-secondary"})]})]})}),e.jsx(n,{title:"Regras Proibidas",id:"regras-proibidas",children:e.jsxs("div",{className:"rounded-xl overflow-hidden",style:{border:"0.5px solid hsl(var(--color-text-danger) / 0.3)"},children:[e.jsx("div",{className:"px-5 py-3",style:{background:"hsl(var(--color-background-danger))",borderBottom:"0.5px solid hsl(var(--color-text-danger) / 0.2)"},children:e.jsx("p",{style:{...a.primary,color:"hsl(var(--color-text-danger))"},children:"Padrões Proibidos â verificar antes de qualquer commit"})}),["Dois componentes com a mesma função visual e estilos diferentes","Criar nova variante de componente existente sem remover a anterior","Avatar/bolha no header interno de card (só no header da página)","N
1ome do agente repetido (header da página + dentro do card)","Métricas em tabela com bordas horizontais entre linhas","Chevron em item que não abre nada","Chips na base de card que duplicam a lista acima","Accordion com informação que já existe em outro lugar do card","font-weight bold/700/600 em qualquer elemento","Gradiente em qualquer superfÃcie","Cube-shadow decorativa (apenas focus ring em input)","Mais de 1 linha divisória interna por card","Mais de 3 métricas por card de workspace","Mais de 4 tons de cinza simultâneos na mesma tela","Valores hex, rgb() ou hsl() hardcoded em qualquer componente","font-size fora da escala: 10, 12 (exceto heroLabel), 14, 15, 16, 17, 18, 24px"].map((r,s)=>e.jsxs("div",{className:"flex items-start gap-3 px-5 py-2.5",style:{borderBottom:s<15?"0.5px solid hsl(var(--color-text-danger) / 0.1)":"none",background:"hsl(var(--color-background-primary))"},children:[e.jsx("span",{style:{color:"hsl(var(--color-text-danger))",fontWeight:500,fontSize:13,flexShrink:0}}),e.jsx("p",{style:a.secondary,children:r})]},r))]})}),e.jsx(n,{title:"Referência Rápida",children:e.jsx("div",{className:"grid grid-cols-2 gap-4",children:[["Texto que informa","T.secondary â 13px/400/secondary"],["Texto que age","T.primary â 13px/500/primary"],["Texto que contextualiza","T.meta â 11px/400/tertiary"],["Número que impacta","T.impact â 20px/500/primary"],["Número que surpreende","T.hero â 42px/500/primary"],["Borda que separa","0.5px border-tertiary"],["Borda que destaca","1.5px border-primary"],["Fundo que recua","background-secondary"],["Fundo que aparece","background-primary"],["Fundo de página","background-tertiary"]].map(([r,s])=>e.jsxs("div",{className:"flex items-baseline gap-3 py-2.5",style:{borderBottom:"0.5px solid hsl(var(--color-border-tertiary))"},children:[e.jsx("p",{style:{...a.secondary,flexShrink:0,width:200},children:r}),e.jsx("p",{style:{...a.meta,fontFamily:"monospace"},children:s})]},r))})})]})})}export{xe as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.