// Sybre — AI infrastructure page (the wedge). Interactive architecture diagram. const AI_NODES = [ { id:'user', x: 80, y: 200, label:'Your team', sub:'Browser / Teams / app', ring:'sage' }, { id:'sso', x: 290, y: 110, label:'Microsoft Entra ID', sub:'SSO · audited access', ring:'sage' }, { id:'gateway', x: 290, y: 290, label:'Sybre AI gateway', sub:'On-prem · request routing', ring:'orange' }, { id:'rag', x: 510, y: 110, label:'Document store', sub:'Your files · indexed', ring:'sage' }, { id:'llm', x: 510, y: 290, label:'Local LLM', sub:'30B–70B params · NVIDIA RTX PRO 6000', ring:'orange' }, { id:'audit', x: 740, y: 200, label:'Audit & retention', sub:'Every request, logged', ring:'sage' }, ]; const AI_EDGES = [ { from:'user', to:'sso', label:'Authenticates' }, { from:'user', to:'gateway', label:'Asks a question' }, { from:'sso', to:'gateway', label:'Identity claim' }, { from:'gateway', to:'rag', label:'Retrieves context' }, { from:'gateway', to:'llm', label:'Generates answer' }, { from:'rag', to:'llm', label:'Grounded passages' }, { from:'gateway', to:'audit', label:'Logs everything' }, ]; const NODE_DESC = { user: 'Your team uses the same tools they already do — browser, Teams, your line-of-business app. They never see the plumbing.', sso: 'Single sign-on through your existing Microsoft Entra ID tenant. Conditional access, MFA, group-based permissions all carry through. No second identity to manage.', gateway: 'A small service we deploy on your premises. It handles request routing, prompt templates, rate limiting, and the audit trail. Open-source, transparent, yours to inspect.', rag: 'Your existing documents — Confluence, SharePoint, network drives — indexed into a local vector store. Retrieval-augmented generation grounds every answer in your real content.', llm: 'A current-generation open-weights model (Llama, Qwen, or similar) running on NVIDIA professional GPUs (RTX PRO 6000 Blackwell class). 30B parameters for general work, 70B where accuracy matters more than latency.', audit: 'Every request, every retrieval, every response — logged with the user identity, timestamp, and grounding sources. Retention configurable. Exports to your SIEM if you have one.', }; function AIPage() { const [active, setActive] = React.useState('gateway'); return ( {/* HERO */}
{/* OUTCOMES */}
{[ { n:'~6 hrs', l:'Saved per fee earner per week on contract review and document summarisation, on a typical legal deployment.', sage:true }, { n:'0 bytes', l:'Of client data sent to an external AI provider. Inference happens on hardware you own.' }, { n:'< 2 sec', l:'Median response time on grounded queries against a 100k-document corpus.' }, ].map((s, i) => (
{s.n}
{s.l}
))}
{/* ARCHITECTURE — interactive diagram */}
{AI_NODES.find(n => n.id === active)?.label}

{NODE_DESC[active]}

Sybre-deployed component Yours / existing Data flow
{/* HARDWARE */}

Compute

We design around current-generation NVIDIA professional GPUs — RTX PRO 6000 Blackwell class — for 30B–70B parameter models. Sized to your concurrent-user load, with headroom.

  • 1× RTX PRO 6000 — up to ~25 concurrent users on a 30B model
  • 2× RTX PRO 6000 — 70B-class models with sub-2-second latency
  • Rack-mount workstation form factor — fits a standard server cabinet

Identity & governance

Integrated with your existing Microsoft Entra ID tenant for SSO and audited access. No second directory to maintain, no shadow accounts.

  • SSO via Entra ID — group-based access control
  • Conditional access policies carry through
  • Per-request audit log, retention configurable
  • Optional SIEM export
{/* DEPLOYMENT PATTERNS */}
{[ { n:'01', t:'RAG-first', b:'A local LLM grounded in your existing documents. Fastest to value. Best for legal review, internal Q&A, policy lookup.' }, { n:'02', t:'Fine-tuned', b:'A model trained on your data — letters, briefs, reports — to match your house style. Slower to deploy, sharper output.' }, { n:'03', t:'Hybrid agentic', b:'The model takes actions in your stack: drafting in your DMS, raising tickets, triaging email. Bounded scope, audited every step.' }, ].map(p => (

{p.t}

{p.b}

))}
Testimonial — needs sourcing
"Our partners stopped asking whether the AI tool was 'safe'. The answer was already in the architecture diagram."
Managing partner
Mid-size law firm · Sydney
 ); } function ArchitectureDiagram({ active, setActive }) { const W = 820, H = 400; const nodeById = id => AI_NODES.find(n => n.id === id); return (
{/* edges */} {AI_EDGES.map((e, i) => { const a = nodeById(e.from), b = nodeById(e.to); const isActive = active === e.from || active === e.to; // gentle curve const mx = (a.x + b.x) / 2, my = (a.y + b.y) / 2; const dx = b.x - a.x, dy = b.y - a.y; // perpendicular offset for curve const len = Math.sqrt(dx*dx + dy*dy); const ox = -dy/len * 18, oy = dx/len * 18; const path = `M ${a.x},${a.y} Q ${mx + ox},${my + oy} ${b.x},${b.y}`; return ( {isActive && ( {e.label} )} ); })} {/* nodes */} {AI_NODES.map(n => { const isActive = active === n.id; const ringColor = n.ring === 'orange' ? '#C8652A' : '#8DBFB0'; return ( setActive(n.id)} onFocus={() => setActive(n.id)} onClick={() => setActive(n.id)} tabIndex={0}> {isActive && ( )} {n.label} {n.sub} ); })}
); } Object.assign(window, { AIPage });