Spaces:
Running
Running
| import{o as e}from"./chunk-CMxvf4Kt.js";import{t}from"./react-DrNXigiH.js";import{C as n}from"./index-Caa1r77e.js";import{t as r}from"./layout-BtJ5ShnN.js";import{c as i,r as a,s as o}from"./ui-Ddu9t0Or.js";var s=e(t(),1),c=n(),l=[{id:`pulse`,name:`Pulse`,vertical:`Founder Ops`,status:`live`,tier:`platform`,x:250,y:250,color:`#8a8a8a`,icon:`◉`},{id:`lyte`,name:`Lyte`,vertical:`Revenue`,status:`live`,tier:`enterprise`,x:390,y:180,color:`#c9b787`,icon:`◆`},{id:`vessels`,name:`Vessels`,vertical:`Maritime`,status:`live`,tier:`enterprise`,x:420,y:300,color:`#8a8a8a`,icon:`⚓`},{id:`counsel`,name:`Counsel`,vertical:`Legal`,status:`live`,tier:`enterprise`,x:350,y:380,color:`#c9b787`,icon:`⚖`},{id:`terra`,name:`Terra`,vertical:`Real Estate`,status:`live`,tier:`enterprise`,x:160,y:370,color:`#8a8a8a`,icon:`▣`},{id:`aegis`,name:`Aegis`,vertical:`Defense`,status:`live`,tier:`sovereign`,x:110,y:260,color:`#f5f5f5`,icon:`⬡`},{id:`tenax`,name:`TENAX`,vertical:`Cyber`,status:`live`,tier:`enterprise`,x:130,y:160,color:`#c9b787`,icon:`⬡`},{id:`carlota-jo`,name:`Carlota Jo`,vertical:`Consulting`,status:`live`,tier:`professional`,x:390,y:430,color:`#c9b787`,icon:`◎`},{id:`nuro-forge`,name:`NuroForge`,vertical:`AI Infra`,status:`beta`,tier:`platform`,x:250,y:120,color:`#5e5e5e`,icon:`⬟`},{id:`meridian`,name:`Meridian`,vertical:`Infra`,status:`beta`,tier:`enterprise`,x:460,y:210,color:`#5e5e5e`,icon:`⬡`},{id:`firestorm`,name:`Firestorm`,vertical:`Operations`,status:`roadmap`,tier:`sovereign`,x:160,y:460,color:`#5e5e5e`,icon:`⬢`},{id:`constellation`,name:`Constellation`,vertical:`Graph Intel`,status:`roadmap`,tier:`platform`,x:250,y:460,color:`#5e5e5e`,icon:`✦`}],u=[{source:`pulse`,target:`vessels`,relation:`signal_feed`,label:`Signal Feed`},{source:`pulse`,target:`counsel`,relation:`signal_feed`,label:`Signal Feed`},{source:`pulse`,target:`terra`,relation:`signal_feed`,label:`Signal Feed`},{source:`pulse`,target:`lyte`,relation:`signal_feed`,label:`Signal Feed`},{source:`aegis`,target:`tenax`,relation:`threat_share`,label:`Threat Share`},{source:`vessels`,target:`firestorm`,relation:`crisis_escalation`,label:`Crisis Escalation`},{source:`lyte`,target:`counsel`,relation:`contract_reference`,label:`Contract Reference`},{source:`terra`,target:`counsel`,relation:`matter_reference`,label:`Matter Reference`},{source:`nuro-forge`,target:`vessels`,relation:`agent_supply`,label:`Agent Supply`},{source:`nuro-forge`,target:`aegis`,relation:`agent_supply`,label:`Agent Supply`},{source:`constellation`,target:`pulse`,relation:`graph_feed`,label:`Graph Feed`},{source:`constellation`,target:`lyte`,relation:`graph_feed`,label:`Graph Feed`},{source:`carlota-jo`,target:`counsel`,relation:`matter_reference`,label:`Matter Reference`},{source:`meridian`,target:`nuro-forge`,relation:`infra_support`,label:`Infra Support`}];function d(e){return l.find(t=>t.id===e)}var f={live:`#c9b787`,beta:`#8a8a8a`,roadmap:`#5e5e5e`};function p(){let[e,t]=(0,s.useState)(null),[n,p]=(0,s.useState)(null),m=e?l.find(t=>t.id===e):null,h=e?u.filter(t=>t.source===e||t.target===e):[],g=new Set(h.flatMap(e=>[e.source,e.target]));return(0,c.jsxs)(r,{children:[(0,c.jsx)(i,{label:`CONSTELLATION MAP`,title:`12-Vertical Constellation`,subtitle:`The A11oy constellation — 12 governed applications connected by the signal mesh, proof chain, and MCP gateway. Every edge is a governed data flow.`,status:`LIVE`}),(0,c.jsxs)(`div`,{className:`grid grid-cols-2 sm:grid-cols-4 gap-3 mb-6`,children:[(0,c.jsx)(o,{label:`APPLICATIONS`,value:l.length,sub:`in constellation`,accent:`#c9b787`}),(0,c.jsx)(o,{label:`LIVE`,value:l.filter(e=>e.status===`live`).length,sub:`operational`,accent:`#c9b787`}),(0,c.jsx)(o,{label:`CONNECTIONS`,value:u.length,sub:`governed edges`,accent:`#8a8a8a`}),(0,c.jsx)(o,{label:`VERTICALS`,value:new Set(l.map(e=>e.vertical)).size,sub:`domains covered`,accent:`#c9b787`})]}),(0,c.jsxs)(`div`,{className:`grid lg:grid-cols-3 gap-6 mb-6`,children:[(0,c.jsxs)(`div`,{className:`lg:col-span-2 rounded-lg border overflow-hidden`,style:{backgroundColor:`var(--color-a11oy-card)`,borderColor:`var(--color-a11oy-border)`,minHeight:520},children:[(0,c.jsxs)(`div`,{className:`p-3 border-b text-xs font-mono flex items-center justify-between`,style:{borderColor:`var(--color-a11oy-border)`,color:`var(--color-a11oy-text-ghost)`},children:[(0,c.jsx)(`span`,{children:`CONSTELLATION GRAPH — Click a node to explore connections`}),e&&(0,c.jsx)(`button`,{onClick:()=>t(null),style:{color:`#c9b787`},children:`Clear`})]}),(0,c.jsx)(`div`,{className:`relative`,style:{height:480},children:(0,c.jsxs)(`svg`,{width:`100%`,height:`100%`,viewBox:`0 0 560 500`,style:{overflow:`visible`},children:[u.map((t,r)=>{let i=d(t.source),a=d(t.target);if(!i||!a)return null;let o=e?t.source===e||t.target===e:!0,s=n===`${t.source}-${t.target}`;return(0,c.jsx)(`line`,{x1:i.x,y1:i.y,x2:a.x,y2:a.y,stroke:s?`#c9b787`:o?`rgba(255,255,255,0.15)`:`rgba(255,255,255,0.03)`,strokeWidth:s?1.5:.75,strokeDasharray:t.relation===`signal_feed`?`none`:`4,4`,onMouseEnter:()=>p(`${t.source}-${t.target}`),onMouseLeave:()=>p(null),style:{cursor:`pointer`,transition:`stroke 0.2s`}},r)}),l.map(n=>{let r=e&&!g.has(n.id)&&n.id!==e,i=n.id===e;return(0,c.jsxs)(`g`,{transform:`translate(${n.x}, ${n.y})`,onClick:()=>t(i?null:n.id),style:{cursor:`pointer`},children:[(0,c.jsx)(`circle`,{r:i?22:16,fill:i?`${n.color}25`:`rgba(255,255,255,0.04)`,stroke:i?n.color:n.status===`roadmap`?`rgba(255,255,255,0.08)`:`rgba(255,255,255,0.15)`,strokeWidth:i?2:1,opacity:r?.25:1,style:{transition:`all 0.2s`}}),(0,c.jsx)(`text`,{textAnchor:`middle`,dominantBaseline:`central`,fontSize:n.status===`roadmap`?11:13,fill:r?`#3a3a3a`:n.color,opacity:r?.3:n.status===`roadmap`?.4:.9,children:n.icon}),(0,c.jsx)(`text`,{y:26,textAnchor:`middle`,fontSize:9,fontFamily:`ui-monospace, monospace`,fill:r?`#3a3a3a`:f[n.status],opacity:r?.3:n.status===`roadmap`?.4:.7,children:n.name})]},n.id)})]})})]}),(0,c.jsx)(`div`,{className:`flex flex-col gap-3`,children:m?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(a,{children:[(0,c.jsxs)(`div`,{className:`flex items-start gap-3 mb-3`,children:[(0,c.jsx)(`span`,{style:{fontSize:`1.5rem`,color:m.color},children:m.icon}),(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`div`,{className:`font-semibold`,style:{color:`var(--color-a11oy-text)`},children:m.name}),(0,c.jsxs)(`div`,{className:`text-xs font-mono`,style:{color:`var(--color-a11oy-text-ghost)`},children:[m.vertical,` · `,m.tier]}),(0,c.jsx)(`span`,{className:`text-xs font-mono px-2 py-0.5 rounded mt-1 inline-block`,style:{background:`rgba(201,183,135,0.12)`,color:f[m.status]},children:m.status.toUpperCase()})]})]}),(0,c.jsxs)(`div`,{className:`text-xs`,style:{color:`var(--color-a11oy-text-sub)`},children:[h.length,` connection`,h.length===1?``:`s`]})]}),(0,c.jsx)(`div`,{className:`text-xs font-mono uppercase tracking-widest mb-1`,style:{color:`var(--color-a11oy-text-ghost)`},children:`Connections`}),h.map((e,n)=>{let r=d(e.source===m.id?e.target:e.source);return r?(0,c.jsxs)(a,{className:`text-xs cursor-pointer`,style:{cursor:`pointer`},onClick:()=>t(r.id),children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-2 mb-1`,children:[(0,c.jsx)(`span`,{style:{color:r.color},children:r.icon}),(0,c.jsx)(`span`,{className:`font-medium`,style:{color:`var(--color-a11oy-text)`},children:r.name}),(0,c.jsx)(`span`,{className:`ml-auto font-mono text-xs`,style:{color:f[r.status]},children:r.status})]}),(0,c.jsxs)(`div`,{className:`font-mono`,style:{color:`var(--color-a11oy-text-ghost)`},children:[e.source===m.id?`→`:`←`,` `,e.label]})]},n):null})]}):(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`div`,{className:`text-xs font-mono uppercase tracking-widest mb-1`,style:{color:`var(--color-a11oy-text-ghost)`},children:`All Nodes`}),l.map(e=>(0,c.jsxs)(`div`,{className:`flex items-center gap-3 px-3 py-2 rounded cursor-pointer transition-all`,style:{background:`rgba(255,255,255,0.025)`,border:`1px solid rgba(255,255,255,0.06)`},onClick:()=>t(e.id),children:[(0,c.jsx)(`span`,{style:{color:e.color,fontSize:`1rem`},children:e.icon}),(0,c.jsxs)(`div`,{className:`flex-1`,children:[(0,c.jsx)(`div`,{className:`text-xs font-medium`,style:{color:`var(--color-a11oy-text)`},children:e.name}),(0,c.jsx)(`div`,{className:`text-xs`,style:{color:`var(--color-a11oy-text-ghost)`},children:e.vertical})]}),(0,c.jsx)(`span`,{className:`text-xs font-mono`,style:{color:f[e.status]},children:e.status})]},e.id))]})})]})]})}export{p as ConstellationGraph}; |