Spaces:
Running
Running
| import{o as e}from"./chunk-CMxvf4Kt.js";import{t}from"./react-DrNXigiH.js";import{t as n}from"./activity-BxDBzq9n.js";import{t as r}from"./DrawerPanel-DyG7NR8t.js";import{C as i,c as a,d as o,s,u as c}from"./index-Caa1r77e.js";import{t as l}from"./proxy-DmcaF9M6.js";import{t as u}from"./Badge-Ctmr0f_9.js";var d=c(`hexagon`,[[`path`,{d:`M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z`,key:`yt0hxn`}]]),f=e(t(),1),p=`DEMO`,m=[{date:`2 hours ago`,action:`Token update applied`,actor:`System`,surface:`Web App`},{date:`1 day ago`,action:`Voice audit completed`,actor:`Brand Ops`,surface:`Marketing Site`},{date:`3 days ago`,action:`New component adopted`,actor:`Dev Team`,surface:`Web App`},{date:`1 week ago`,action:`A11y remediation`,actor:`System`,surface:`Mobile App`},{date:`2 weeks ago`,action:`Design review passed`,actor:`Brand Ops`,surface:`Web App`}],h={szl:[{id:`tenax`,name:`TENAX`,tagline:`TENAX — Cyber Resilience Command`,color:`#8a8a8a`,healthScore:87,lastAudit:`2026-04-20`,drift:`none`,owner:`Brand Ops`,surfaces:4,detail:{tokenConformance:92,voiceConformance:85,a11yScore:84,recentActivity:m}},{id:`counsel`,name:`Counsel`,tagline:`Legal Matter Command`,color:`#8a8a8a`,healthScore:74,lastAudit:`2026-04-15`,drift:`token`,owner:`Legal Tech`,surfaces:3,detail:{tokenConformance:68,voiceConformance:80,a11yScore:74,recentActivity:m}},{id:`pulse`,name:`LUMINA`,tagline:`LUMINA — AI Executive Briefing`,color:`#c9b787`,healthScore:91,lastAudit:`2026-04-22`,drift:`none`,owner:`Executive`,surfaces:2,detail:{tokenConformance:95,voiceConformance:90,a11yScore:88,recentActivity:m}},{id:`terra`,name:`DOMAINE`,tagline:`DOMAINE — Real Estate Intelligence`,color:`#8a8a8a`,healthScore:68,lastAudit:`2026-04-10`,drift:`voice`,owner:`Property`,surfaces:5,detail:{tokenConformance:75,voiceConformance:60,a11yScore:69,recentActivity:m}},{id:`vessels`,name:`SEXTANT`,tagline:`SEXTANT — Maritime Intelligence`,color:`#c9b787`,healthScore:82,lastAudit:`2026-04-18`,drift:`none`,owner:`Maritime`,surfaces:3,detail:{tokenConformance:85,voiceConformance:82,a11yScore:79,recentActivity:m}},{id:`aegis`,name:`PARAGON`,tagline:`PARAGON — Defense & Intelligence`,color:`#8a8a8a`,healthScore:79,lastAudit:`2026-04-12`,drift:`token`,owner:`Defense`,surfaces:6,detail:{tokenConformance:72,voiceConformance:85,a11yScore:80,recentActivity:m}},{id:`carlotajo`,name:`Carlota Jo`,tagline:`Private Advisory`,color:`#c9b787`,healthScore:95,lastAudit:`2026-04-21`,drift:`none`,owner:`Advisory`,surfaces:2,detail:{tokenConformance:98,voiceConformance:94,a11yScore:93,recentActivity:m}},{id:`command`,name:`Command`,tagline:`Unified Command`,color:`#c9b787`,healthScore:71,lastAudit:`2026-04-08`,drift:`voice`,owner:`Platform`,surfaces:4,detail:{tokenConformance:80,voiceConformance:65,a11yScore:68,recentActivity:m}}],acme:[{id:`acme-1`,name:`Acme Core`,tagline:`Core Infrastructure`,color:`#8a8a8a`,healthScore:88,lastAudit:`2026-04-19`,drift:`none`,owner:`Platform`,surfaces:3,detail:{tokenConformance:90,voiceConformance:88,a11yScore:86,recentActivity:m}},{id:`acme-2`,name:`Acme Edge`,tagline:`Edge Computing`,color:`#c9b787`,healthScore:62,lastAudit:`2026-04-05`,drift:`token`,owner:`Edge Team`,surfaces:2,detail:{tokenConformance:55,voiceConformance:70,a11yScore:61,recentActivity:m}},{id:`acme-3`,name:`Acme PRAXIS`,tagline:`Integration Hub`,color:`#8a8a8a`,healthScore:94,lastAudit:`2026-04-23`,drift:`none`,owner:`Integration`,surfaces:1,detail:{tokenConformance:96,voiceConformance:95,a11yScore:91,recentActivity:m}}],northwind:[{id:`nw-1`,name:`Northwind Traders`,tagline:`B2B Commerce`,color:`#8a8a8a`,healthScore:76,lastAudit:`2026-04-14`,drift:`voice`,owner:`Commerce`,surfaces:5,detail:{tokenConformance:82,voiceConformance:68,a11yScore:78,recentActivity:m}},{id:`nw-2`,name:`Northwind Logistics`,tagline:`Supply Chain`,color:`#8a8a8a`,healthScore:89,lastAudit:`2026-04-21`,drift:`none`,owner:`Logistics`,surfaces:4,detail:{tokenConformance:91,voiceConformance:86,a11yScore:90,recentActivity:m}},{id:`nw-3`,name:`Northwind Analytics`,tagline:`Data Insights`,color:`#8a8a8a`,healthScore:72,lastAudit:`2026-04-11`,drift:`token`,owner:`Data Team`,surfaces:2,detail:{tokenConformance:65,voiceConformance:80,a11yScore:71,recentActivity:m}}]},g=i();function _({score:e,color:t}){let n=2*Math.PI*20,r=n-e/100*n;return(0,g.jsxs)(`div`,{className:`relative w-12 h-12 flex items-center justify-center`,children:[(0,g.jsxs)(`svg`,{className:`w-full h-full transform -rotate-90`,viewBox:`0 0 48 48`,children:[(0,g.jsx)(`circle`,{cx:`24`,cy:`24`,r:20,stroke:`var(--color-a11oy-surface)`,strokeWidth:`4`,fill:`none`}),(0,g.jsx)(`circle`,{cx:`24`,cy:`24`,r:20,stroke:t,strokeWidth:`4`,fill:`none`,strokeDasharray:n,strokeDashoffset:r,strokeLinecap:`round`,className:`transition-all duration-1000 ease-out`})]}),(0,g.jsx)(`span`,{className:`absolute text-xs font-mono font-medium`,children:e})]})}function v({drift:e}){return e===`none`?(0,g.jsx)(u,{variant:`ok`,size:`sm`,children:`No Drift`}):e===`token`?(0,g.jsxs)(u,{variant:`warn`,size:`sm`,className:`flex items-center gap-1`,children:[(0,g.jsx)(s,{className:`w-3 h-3`}),` Token Drift`]}):e===`voice`?(0,g.jsxs)(u,{variant:`critical`,size:`sm`,className:`flex items-center gap-1`,children:[(0,g.jsx)(a,{className:`w-3 h-3`}),` Voice Drift`]}):null}function y(){let{currentOrg:e}=o(),t=h[e]||[],[i,a]=(0,f.useState)(null),[s,c]=(0,f.useState)(`tokens`);return(0,g.jsxs)(l.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},className:`p-8 h-full overflow-y-auto`,children:[(0,g.jsxs)(`div`,{className:`mb-8`,children:[(0,g.jsxs)(`h1`,{className:`text-2xl font-display font-medium text-[var(--color-a11oy-text)] flex items-center gap-3`,children:[`Atlas`,(0,g.jsxs)(`span`,{className:`text-[10px] font-mono uppercase tracking-widest px-2 py-0.5 rounded border`,style:{color:`#d7a53f`,borderColor:`rgba(215,165,63,0.45)`,backgroundColor:`rgba(215,165,63,0.08)`},title:`Staged demo dataset — scores, audits, and activity are illustrative, not measured.`,children:[p,` · staged dataset`]})]}),(0,g.jsxs)(`p`,{className:`text-[var(--color-a11oy-text-sub)] mt-1`,children:[`Brand health and orchestration overview for `,e.toUpperCase(),` — staged DEMO dataset; no measured brand telemetry is wired yet.`]})]}),(0,g.jsx)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4`,children:t.map(e=>(0,g.jsxs)(`button`,{onClick:()=>a(e),className:`text-left bg-[var(--color-a11oy-card)] border border-[var(--color-a11oy-border)] rounded-lg p-5 hover:border-[var(--color-a11oy-blue)] transition-colors flex flex-col h-full group`,children:[(0,g.jsxs)(`div`,{className:`flex justify-between items-start mb-4`,children:[(0,g.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,g.jsx)(`div`,{className:`w-8 h-8 rounded-md flex items-center justify-center shrink-0`,style:{backgroundColor:`${e.color}20`,color:e.color},children:(0,g.jsx)(d,{className:`w-4 h-4`})}),(0,g.jsxs)(`div`,{children:[(0,g.jsx)(`h3`,{className:`font-medium text-[var(--color-a11oy-text)] group-hover:text-[var(--color-a11oy-blue)] transition-colors`,children:e.name}),(0,g.jsx)(`p`,{className:`text-[10px] text-[var(--color-a11oy-text-ghost)] uppercase tracking-wider`,children:e.owner})]})]}),(0,g.jsx)(_,{score:e.healthScore,color:e.color})]}),(0,g.jsx)(`p`,{className:`text-xs text-[var(--color-a11oy-text-sub)] mb-6 flex-1`,children:e.tagline}),(0,g.jsxs)(`div`,{className:`flex items-center justify-between mt-auto pt-4 border-t border-[var(--color-a11oy-border)]`,children:[(0,g.jsxs)(`div`,{className:`text-xs text-[var(--color-a11oy-text-ghost)] font-mono`,children:[e.surfaces,` surfaces`]}),(0,g.jsx)(v,{drift:e.drift})]})]},e.id))}),(0,g.jsx)(r,{isOpen:!!i,onClose:()=>a(null),title:i?.name||``,subtitle:i?.tagline,width:`w-[500px]`,children:i&&(0,g.jsxs)(`div`,{className:`space-y-6`,children:[(0,g.jsxs)(`div`,{className:`flex gap-4`,children:[(0,g.jsxs)(`div`,{className:`bg-[var(--color-a11oy-surface)] p-4 rounded-md flex-1 flex flex-col items-center justify-center`,children:[(0,g.jsx)(`div`,{className:`text-[10px] uppercase text-[var(--color-a11oy-text-ghost)] tracking-widest mb-1`,children:`Overall Health`}),(0,g.jsx)(`div`,{className:`text-2xl font-mono font-medium`,style:{color:i.color},children:i.healthScore})]}),(0,g.jsxs)(`div`,{className:`bg-[var(--color-a11oy-surface)] p-4 rounded-md flex-1 flex flex-col items-center justify-center`,children:[(0,g.jsx)(`div`,{className:`text-[10px] uppercase text-[var(--color-a11oy-text-ghost)] tracking-widest mb-1`,children:`Last Audit`}),(0,g.jsx)(`div`,{className:`text-sm font-mono text-[var(--color-a11oy-text)]`,children:i.lastAudit})]})]}),(0,g.jsx)(`div`,{className:`border-b border-[var(--color-a11oy-border)]`,children:(0,g.jsx)(`div`,{className:`flex gap-6`,children:[`tokens`,`voice`,`a11y`].map(e=>(0,g.jsxs)(`button`,{onClick:()=>c(e),className:`pb-2 text-sm font-medium transition-colors relative ${s===e?`text-[var(--color-a11oy-blue)]`:`text-[var(--color-a11oy-text-sub)] hover:text-[var(--color-a11oy-text)]`}`,children:[e.charAt(0).toUpperCase()+e.slice(1),` Conformance`,s===e&&(0,g.jsx)(l.div,{layoutId:`activetab`,className:`absolute bottom-0 left-0 right-0 h-0.5 bg-[var(--color-a11oy-blue)]`})]},e))})}),(0,g.jsxs)(`div`,{className:`min-h-[150px]`,children:[s===`tokens`&&(0,g.jsxs)(`div`,{className:`space-y-4`,children:[(0,g.jsxs)(`div`,{className:`flex items-end justify-between`,children:[(0,g.jsxs)(`div`,{className:`text-3xl font-mono font-medium text-[var(--color-a11oy-text)]`,children:[i.detail.tokenConformance,`%`]}),(0,g.jsx)(`div`,{className:`text-xs text-[var(--color-a11oy-text-ghost)]`,children:`Tokens aligned`})]}),(0,g.jsx)(`div`,{className:`h-2 w-full bg-[var(--color-a11oy-surface)] rounded-full overflow-hidden`,children:(0,g.jsx)(`div`,{className:`h-full bg-[var(--color-a11oy-blue)]`,style:{width:`${i.detail.tokenConformance}%`}})}),i.drift===`token`&&(0,g.jsxs)(`div`,{className:`p-3 bg-[var(--color-a11oy-warn)]/10 border border-[var(--color-a11oy-warn)]/20 rounded text-sm text-[var(--color-a11oy-text-sub)]`,children:[(0,g.jsx)(`span`,{className:`text-[var(--color-a11oy-warn)] font-medium`,children:`Warning:`}),` `,`Hardcoded hex values detected bypassing token registry in`,` `,Math.floor((100-i.detail.tokenConformance)/2),` surfaces.`]})]}),s===`voice`&&(0,g.jsxs)(`div`,{className:`space-y-4`,children:[(0,g.jsxs)(`div`,{className:`flex items-end justify-between`,children:[(0,g.jsxs)(`div`,{className:`text-3xl font-mono font-medium text-[var(--color-a11oy-text)]`,children:[i.detail.voiceConformance,`%`]}),(0,g.jsx)(`div`,{className:`text-xs text-[var(--color-a11oy-text-ghost)]`,children:`Voice compliance`})]}),(0,g.jsx)(`div`,{className:`h-2 w-full bg-[var(--color-a11oy-surface)] rounded-full overflow-hidden`,children:(0,g.jsx)(`div`,{className:`h-full bg-[var(--color-a11oy-blue)]`,style:{width:`${i.detail.voiceConformance}%`}})}),i.drift===`voice`&&(0,g.jsxs)(`div`,{className:`p-3 bg-[var(--color-a11oy-critical)]/10 border border-[var(--color-a11oy-critical)]/20 rounded text-sm text-[var(--color-a11oy-text-sub)]`,children:[(0,g.jsx)(`span`,{className:`text-[var(--color-a11oy-critical)] font-medium`,children:`Critical:`}),` `,`Banned terminology (deprecated strings) detected in live copy.`]})]}),s===`a11y`&&(0,g.jsxs)(`div`,{className:`space-y-4`,children:[(0,g.jsxs)(`div`,{className:`flex items-end justify-between`,children:[(0,g.jsxs)(`div`,{className:`text-3xl font-mono font-medium text-[var(--color-a11oy-text)]`,children:[i.detail.a11yScore,`%`]}),(0,g.jsx)(`div`,{className:`text-xs text-[var(--color-a11oy-text-ghost)]`,children:`A11y index`})]}),(0,g.jsx)(`div`,{className:`h-2 w-full bg-[var(--color-a11oy-surface)] rounded-full overflow-hidden`,children:(0,g.jsx)(`div`,{className:`h-full bg-[var(--color-a11oy-blue)]`,style:{width:`${i.detail.a11yScore}%`}})})]})]}),(0,g.jsxs)(`div`,{className:`pt-6 border-t border-[var(--color-a11oy-border)]`,children:[(0,g.jsxs)(`h4`,{className:`text-xs uppercase tracking-widest text-[var(--color-a11oy-text-ghost)] mb-4 flex items-center gap-2`,children:[(0,g.jsx)(n,{className:`w-3 h-3`}),` Recent Activity`]}),(0,g.jsx)(`div`,{className:`space-y-3`,children:i.detail.recentActivity.map((e,t)=>(0,g.jsxs)(`div`,{className:`flex gap-3 text-sm`,children:[(0,g.jsx)(`div`,{className:`w-1.5 h-1.5 rounded-full bg-[var(--color-a11oy-border)] mt-1.5 shrink-0`}),(0,g.jsxs)(`div`,{children:[(0,g.jsx)(`div`,{className:`text-[var(--color-a11oy-text)]`,children:e.action}),(0,g.jsxs)(`div`,{className:`text-xs text-[var(--color-a11oy-text-ghost)] mt-0.5`,children:[e.actor,` • `,e.surface,` • `,e.date]})]})]},t))})]})]})})]})}export{y as AtlasSection}; |