Calls

{[0, 1, 2, 3].map(i =>

)}

No calls yet

Start an end-to-end encrypted voice or video call over DIDComm — no phone number, no account, no servers in the middle.

Suggested · from your mesh

{D_CALL_SUGGESTED.map(c => (

{c.name}

{c.sub}

))}

Calls are end-to-end encrypted via DIDComm WebRTC. Ajna never sees who you talk to, or when.

); } function dCallBtn(c) { return { width: 36, height: 36, borderRadius: 18, background: 'color-mix(in oklch, ' + c + ' 16%, transparent)', border: 0, color: c, display: 'grid', placeItems: 'center', cursor: 'pointer', flexShrink: 0 }; } // ── Overlay scaffolding ──────────────────────────────────────── function DScrim({ onClose, children, blur = true }) { return (

e.stopPropagation()} style={{ animation: 'dPop 200ms cubic-bezier(0.2,0.85,0.3,1)' }}>{children}

); } // Find in page — top-right docked bar function DFindInPage({ onClose }) { const [q, setQ] = React.useState('mesh'); return (

setQ(e.target.value)} autoFocus placeholder="Find on page" style={{ flex: 1, background: 'transparent', border: 0, outline: 0, color: 'var(--fg)', fontSize: 13, fontFamily: 'inherit' }}/> {q ? '3 / 12' : '0 / 0'}

); } function dIconBtn() { return { width: 30, height: 30, borderRadius: 7, background: 'transparent', border: '1px solid var(--border-soft)', color: 'var(--fg-muted)', display: 'grid', placeItems: 'center', cursor: 'pointer', flexShrink: 0 }; } // Zoom function DZoom({ value = 100, onChange, onClose }) { const presets = [50, 75, 90, 100, 110, 125, 150, 200]; return (

Page zoom

{value}%

{presets.map(p => )}

); } // Page info function DPageInfo({ url = 'linear.app/inbox', onClose }) { return (

Connection is secure

https://{url}

{[['12', 'Trackers', '#6EE7B7'], ['4', 'Cookies', '#FBBF24'], ['2', 'Permissions', '#A78BFA']].map(([n, l, c]) =>

{n}

{l}

)}

Permissions

{[['Notifications', 'Allow'], ['Camera', 'Ask'], ['Microphone', 'Ask'], ['Location', 'Block']].map(([l, v], i) =>

{l}{v.toUpperCase()}

)}

Cloudflare Inc. ECC CA-3
Valid until Aug 14, 2026
TLS_AES_256_GCM_SHA384

); } // Clear data function DClearData({ onClose }) { const [range, setRange] = React.useState('hour'); const [picked, setPicked] = React.useState({ history: true, cookies: true, cache: true, downloads: false, forms: false, passwords: false }); const opts = [['history', 'History', '47 entries today'], ['cookies', 'Cookies & site data', '142 sites · 8.4 MB'], ['cache', 'Cached files', '184 MB'], ['downloads', 'Downloads', 'List only · keeps files'], ['forms', 'Autofill form data', '38 entries'], ['passwords', 'Saved passwords', '128 saved · synced']]; return (

Clear browsing data

Only on this device. Synced data stays on your other devices.

Time range

{[['hour', 'Last hour'], ['day', 'Last 24 hours'], ['week', 'Last 7 days'], ['month', 'Last 4 weeks'], ['all', 'All time']].map(([k, l]) => )}

What to clear

{opts.map(([id, label, size], i) => (

setPicked(p => ({ ...p, [id]: !p[id] }))} style={{ display: 'flex', alignItems: 'center', gap: 10, padding: '10px 12px', borderTop: i === 0 ? 0 : '1px solid var(--border-soft)', cursor: 'pointer' }}>

{picked[id] && }

{label}

{size}

))}

); } // Permission prompt — anchored under the URL bar (top-left) function DPermissionPrompt({ type = 'camera', site = 'meet.google.com', onResolve }) { const meta = { camera: { label: 'use your camera', c: '#F472B6', icon: <> }, mic: { label: 'use your microphone', c: '#22D3EE', icon: <> }, location: { label: 'know your location', c: '#FBBF24', icon: <> }, notif: { label: 'send notifications', c: '#A78BFA', icon: <> } }[type]; return (

{site}

wants to {meta.label}.

); } function dPrmpt() { return { flex: 1, padding: '8px 0', borderRadius: 8, background: 'var(--bg)', border: '1px solid var(--border-soft)', color: 'var(--fg)', fontSize: 12, fontWeight: 600, fontFamily: 'inherit', cursor: 'pointer' }; } // Sad tab — fills content area function DSadTab({ kind = 'offline', url = 'linear.app/inbox', onClose }) { const cases = { offline: { t: "You're offline", s: "We couldn't reach this page. Try the mesh — a peer might have it cached.", i: '⛅', d: 'ERR_INTERNET_DISCONNECTED', p: 'Try mesh', sec: 'Reload' }, dns: { t: "We can't find that site", s: "The domain didn't resolve.", i: '🔎', d: 'ERR_NAME_NOT_RESOLVED', p: 'Reload', sec: 'Search instead' }, cert: { t: "This connection isn't private", s: "The site's certificate doesn't check out.", i: '⚠️', d: 'NET::ERR_CERT_AUTHORITY_INVALID', p: 'Go back', sec: 'Details' }, crash: { t: 'This tab crashed', s: 'Something went wrong rendering this page.', i: '💥', d: 'STATUS_ACCESS_VIOLATION', p: 'Reload', sec: 'Send report' } }[kind]; return (

{cases.i}

{cases.t}

{cases.s}

Tried to load

{url}

{cases.d}

); } // Voice search function DVoiceSearch({ onClose, onCommit }) { const [phase, setPhase] = React.useState('listening'); const transcript = 'search for distributed protocols'; React.useEffect(() => { const t = setTimeout(() => setPhase('heard'), 1800); return () => clearTimeout(t); }, []); return (

{phase === 'listening' ? 'Listening' : 'Heard'}

{phase === 'listening' ? I'm listening… : '"' + transcript + '"'}

); } // Reader — full content overlay function DReader({ onClose }) { const [theme, setTheme] = React.useState('dark'); const [size, setSize] = React.useState(2); const [font, setFont] = React.useState('serif'); const sizes = [15, 17, 19, 21, 24]; const T = { dark: { bg: '#0F1115', text: '#E5E7EB', mute: '#9CA3AF', border: 'rgba(255,255,255,0.08)' }, sepia: { bg: '#F4ECDC', text: '#3F2D1B', mute: '#6B4F33', border: 'rgba(63,45,27,0.16)' }, light: { bg: '#FFFFFF', text: '#111827', mute: '#6B7280', border: 'rgba(0,0,0,0.08)' } }[theme]; const ff = font === 'serif' ? "'Iowan Old Style', Georgia, serif" : font === 'mono' ? "'JetBrains Mono', monospace" : "Geist, -apple-system, sans-serif"; return (

engineering.ajna.dev / mesh · 18 min read

{['dark', 'sepia', 'light'].map(t =>

{[['serif', 'Georgia, serif'], ['sans', 'Geist, sans-serif'], ['mono', "'JetBrains Mono', monospace"]].map(([id, f]) => )}

Ajna Engineering · 18 min read

Engineering an offline-first mesh

By Maya Chen · May 12, 2026

The first time we shipped Ajna's mesh, three iPhones in a coffee shop in Berlin discovered each other in 380ms and finished a 4MB exchange before the espresso landed. The second time, in a hotel basement with no internet, it just worked.

Going from five devices in a lab to five thousand in the wild took eighteen months and three protocol revisions. The hardest part of a peer network isn't the peers — it's recovering gracefully when half of them disappear at once.

Why offline-first, why now

The web spent twenty years assuming a stable connection. Bluetooth 5.4 made device-to-device throughput practical, and DIDComm v2 gave us a clean identity primitive that doesn't require a server. With both in hand, it became cheaper to ship a mesh than to keep building around its absence.

); } // Privacy review wizard function DPrivacyReview({ onClose }) { const [step, setStep] = React.useState(0); const steps = [ { title: 'Privacy review', sub: 'Four quick checks. About 60 seconds.', kind: 'intro' }, { title: 'Tracking protection', sub: 'We block third-party trackers and cross-site cookies by default.', kind: 'option', value: 'strict', options: [['strict', 'Strict', 'Block everything cross-site', '🛡'], ['balanced', 'Balanced', 'Block known trackers', '⚖'], ['off', 'Off', 'Compatibility — not recommended', '⚠']] }, { title: 'Search engine', sub: 'Pick what powers the command bar. We never log your queries.', kind: 'option', value: 'ajna', options: [['ajna', 'Ajna', 'No logs, mesh-aware', 'A'], ['ddg', 'DuckDuckGo', 'No tracking', 'D'], ['google', 'Google', 'Personalized but logged', 'G']] }, { title: 'Permissions', sub: 'Review which sites have access to camera, mic, and location.', kind: 'perms' }, { title: "You're all set", sub: 'You can revisit any of these in Settings → Privacy.', kind: 'done' }, ]; const s = steps[step]; return (

{step + 1} / {steps.length}

{s.title}

{s.sub}

{s.kind === 'intro' &&

{[['Tracking protection', '🛡', '#6EE7B7'], ['Search engine', '🔎', '#60A5FA'], ['Site permissions', '🔓', '#A78BFA'], ["You're all set", '✓', '#FBBF24']].map(([l, ic, c], i) =>

{ic}{i + 1}. {l}

)}

} {s.kind === 'option' &&

{s.options.map(([id, label, sub, ic]) =>

{ic}

{label}

{sub}

{s.value === id && }

)}

} {s.kind === 'perms' &&

{A_PERMS_SUMMARY.slice(0, 6).map(p =>

{p.label}

{p.allowed} allow·{p.blocked} block

)}

} {s.kind === 'done' &&

✓

Privacy review complete

}

{step > 0 && }

); } function dKick() { return { fontSize: 10, fontWeight: 700, color: 'var(--fg-dim)', letterSpacing: '0.12em', textTransform: 'uppercase', fontFamily: 'JetBrains Mono, monospace' }; } Object.assign(window, { DScreenCalls, DFindInPage, DZoom, DPageInfo, DClearData, DPermissionPrompt, DSadTab, DVoiceSearch, DReader, DPrivacyReview, DScrim, });