t4 code

host live

One host, three faces: a native iOS app, a native macOS app, and a terminal UI — all speaking the same omp-app/1 wire to your t4-host, over the tailnet, with pinned wss.

● the palette

bg

#000000

panel

#0c0c0e

accent

#c8d6e5

foam

#7fd6c8

iris

#b9a3e3

pine

#7bb8d4

gold

#f6c177

love

#e8919f

ok

#86e0b0

● everything in this build

regions

Every pane is a tile: right dock (browser, files, agents, review) concurrent with the transcript and the bottom terminal. Per-session layouts persist.

floating

Any tile pops out into its own floating panel on macOS — and docks back with one click.

settings

Full OMP settings from the app: models per agent role, thinking level, approval mode, provider keys (masked), wss pinning, theme. Writes are confirmed and revision-checked.

fork

Branch any session into a full-history copy — rail row menu, session menu, or the TUI (f).

design mode

Annotate an element in the browser pane, add a note, and a structured prompt lands in the composer.

gallery

The files pane shows real image thumbnails with a full-screen preview.

unread

Accent dots on rail rows with new activity; ⌘⌥U cycles unread sessions on macOS.

unread

Terminal mouse reporting — htop, vim, lazygit take clicks and scrolls.

wss

Pinned TLS alongside plain ws on the tailnet — TOFU fingerprint in the Keychain, published on /healthz.

preview

Host-side headless-Chromium preview service: launch, navigate, capture, click/type/scroll, leases — all 22 commands.

t4 tui

The whole product in a terminal: rail, live transcript, composer, fork — one self-contained binary.

in motion

iOS

onboarding — Onboarding — pair a host with a code, QR, or deep link.

session rail — Session rail — swipe-right drawer, project groups, unread dots.

session — Live transcript — real-time entries, streaming.

agent streaming — Agent streaming — a live turn mid-response, with stop affordance.

inbox — Inbox — everything that needs attention, one tap away.

plan — Plan panel — phase progress inline in the session.

ask — Approvals — ask cards for plan review and confirmations.

files — Files — the session workspace, browsable.

agents — Agents — subagents spawned by the session.

terminal — Terminal — host PTY drawer, four tabs, mouse reporting.

browser right slide-over — Browser + design mode — right slide-over, live pages, element annotation.

files gallery — Files gallery — real image thumbnails, full-screen preview.

usage — Usage — token and cost accounting when the host has it.

review — Review — turn diffs when the session produces them.

artifacts — Artifacts — files the agent produced.

settings — Settings — grouped cards, no hairlines, real OMP settings.

search and diff — Search & diff — find any file in the workspace.

● macOS

session — Session — same codebase, split view, live transcript.

files — Files — workspace browser, with the host PTY docked and loaded below.

agents — Agents — two parallel subagents, orchestrated live from one prompt.

terminal — Terminal — host PTY, docked, live.

browser right dock — Browser — right dock, live and concurrent with the agent chat.

floating tile — Floating tiles — pop any pane into its own window; Dock Back returns it.

search — Search — find any file in the session workspace, live results.

diff — Diff — the working tree as a syntax-tinted patch, straight from the host.

plan — Plan panel — phase tracking inline.

ask — Plan review — approvals with real shortcuts.

usage — Usage — token and cost pane.

settings — Settings — grouped cards: models, behavior, keys, connection, theme.

inbox — Inbox — attention queue.

● terminal

t4 — 118×32 omp-app/1 · wss

t4 connectedmacbookpro.tail871e8b.ts.net? help

sessions

transcript renderer ref…

⌄ fork · split-pane var…

preview service spike

wss pinning

vault search ui

release notes pass

workingattentionidleunread

you

fork the session and compare both designs side by side

agent

Forked into 019fa1d2 — full history carried over. I'll build

the split-pane variant there while this thread keeps the

drawer approach. Diff at the end.

tool

session.fork → ok · session.prompt → accepted

agent

The rail stays flat — no card stacking — and the drawer

mirrors the desktop narrow-width sheet overlay.

›compare the forks' approaches…enter ↵

j/k move · enter open · 1-5 panes · f fork · x cancel · / filter · ? help

t4 chat — Chat — project rail, live rich transcript, timestamps.

t4 files — Files — the session workspace as a browsable tree.

t4 search — Search — live files.search results as you type.

t4 diff — Diff — the working tree as a tinted patch.

t4 terminal — Terminal — a real host PTY; keystrokes forwarded, output live.

t4 help — Help — the whole keymap, mouse included.