Static previews for every layout so users can quickly understand what each one is for before installing Go. These are visual approximations with stronger differentiation between layout types.
No layouts in this category. Pick All or try another chip.
Chat
Conversation-first flow with transcript and composer.
layout/chat
┌────────────────────────────────────────────┐
│ ASSISTANT Welcome to UIProcess TUI. │
│ │
│ YOU deploy status? │
│ │
│ ASSISTANT echo: deploy status? │
├────────────────────────────────────────────┤
│ │ Type a message... │
└────────────────────────────────────────────┘
Enter to send • /quit • ? help • q/esc/ctrl+c exit
MasterDetail
Browse list on left, inspect details on right.
layout/masterdetail
┌──────────────────┬─────────────────────────┐
│ ▸ Users API │ GET /users │
│ Packages │ POST /users │
│ Logs │ PATCH /users/:id │
├──────────────────┼─────────────────────────┤
│ Filter │ Detail panel │
└──────────────────┴─────────────────────────┘
Tab focus • Up/Down select • ? help • q/esc/ctrl+c exit
Dashboard
Card-based metrics with clear card boundaries.
layout/dashboard
┌────────────────────┬────────────────────┐
│ Requests/min │ Error Rate │
│ 1,248 │ 0.72% │
│ +8.4% │ -0.13% │
├────────────────────┼────────────────────┤
│ P95 Latency │ Workers │
│ 183ms │ 12/14 │
│ -21ms │ +1 │
└────────────────────┴────────────────────┘
Arrows/hjkl move • ? help • q/esc/ctrl+c exit
LogsInspector
Filterable stream with severity emphasis and detail pane.
layout/logsinspector
┌──────────────────────────┬──────────────────┐
│ Filter │ Inspector │
├──────────────────────────┼──────────────────┤
│ 14:01 WARN retry upstream │ source: worker │
│ 14:02 INFO request ok │ request_id: 8f2a │
│ 14:03 ERROR query fail │ duration: 42ms │
└──────────────────────────┴──────────────────┘
Tab focus • Up/Down select • ? help • q/esc/ctrl+c exit
SidebarShell
Persistent nav shell with command surface.
layout/sidebarshell
┌───────────────┬────────────────────────────┐
│ ▸ Overview │ Home / Overview │
│ Settings │ │
│ Integrations│ Welcome to SidebarShell. │
│ Docs │ Press : for command palette │
└───────────────┴────────────────────────────┘
Up/Down navigate • : palette • ? help • q/esc/ctrl+c exit
MarkdownStudio
Editor + live preview in a split workspace.
layout/markdownstudio
┌────────────────────────────────────────────┐
│ Source │
│ # Sprint notes │
│ - Ship wizard flow │
├────────────────────────────────────────────┤
│ Preview │
│ Sprint notes │
│ • Ship wizard flow │
└────────────────────────────────────────────┘
Tab switch focus • ? help • q/esc/ctrl+c exit
WizardFlow
Linear step progression for guided operations.
layout/wizardflow
┌────────────────────────────────────────────┐
│ Step 2 of 4 — Choose a path │
├────────────────────────────────────────────┤
│ Validate settings before proceed. │
│ Press n/enter next, b back. │
│ │
│ [Back] [Next] │
└────────────────────────────────────────────┘
n/enter next · b back · ? help · q/esc/ctrl+c exit
KanbanBoard
Swimlanes + cards for work-state visualization.
layout/kanbanboard
┌──────────────┬──────────────┬──────────────┐
│ Backlog │ In Progress │ Done │
├──────────────┼──────────────┼──────────────┤
│ ▸ Theme tok │ Wizard flow │ Chat MVP │
│ Smoke scr │ Data grid │ SidebarShell │
└──────────────┴──────────────┴──────────────┘
h/l or arrows columns · j/k rows · ? help · q/esc/ctrl+c exit
DataGrid
Dense tabular data with sorting and filtering controls.
layout/datagrid
┌──────────────┬─────────┬─────────┬───────┐
│ Service │ Region │ Status │ P95 │
├──────────────┼─────────┼─────────┼───────┤
│ ▸ api-gw │ us-w2 │ healthy │ 182ms │
│ worker-jb │ us-w2 │ degrd │ 410ms │
└──────────────┴─────────┴─────────┴───────┘
Sort: Service (asc) Filter: \"\"
/ filter • j/k rows • h/l columns • [/] sort column • s sort dir • ? help • q quit
CommandPalette
Command launcher pattern for power-user workflows.
layout/commandpalette
┌────────────────────────────────────────────┐
│ Query: open │
├────────────────────────────────────────────┤
│ ▸ Open Dashboard │
│ Open Integrations │
│ Open Settings │
└────────────────────────────────────────────┘
Activity: Executed Open Dashboard
Type to filter • up/down choose • Enter execute • ? help • q quit
Form
Field-oriented data entry with required validation.
layout/form
┌────────────────────────────────────────────┐
│ Name * Jane Doe │
│ Email * jane@example.com │
│ Role Engineer │
│ Notes Weekly rollout │
├────────────────────────────────────────────┤
│ Status: Submitted │
└────────────────────────────────────────────┘
Tab/Shift+Tab navigate • Ctrl+S submit • ? help • q quit
DiffCompare
Side-by-side textual deltas with change markers.
layout/diffcompare
┌────────────────────┬──────────────────────┐
│ LEFT │ RIGHT │
├────────────────────┼──────────────────────┤
│ 003 - port: 8080 │ 003 + port: 9090 │
│ 004 - retries: 3 │ 004 + retries: 5 │
│ 006 - newUI: false │ 006 + newUI: true │
└────────────────────┴──────────────────────┘
Tab switch pane • scroll focused pane • ? help • q quit
Timeline
Chronological event stream and focused detail view.
layout/timeline
┌──────────────────────────┬──────────────────┐
│ 14:02 Deploy started │ Detail │
│ 14:10 Migrations done │ actor: ops │
│ ▸ 14:24 Canary healthy │ 5m err < 0.8% │
│ 14:37 Release promoted │ region: us-w2 │
└──────────────────────────┴──────────────────┘
Up/Down select event • ? help • q quit
TreeExplorer
Hierarchical navigation for files, config, or object graphs.
layout/treeexplorer
┌────────────────────────────────────────────┐
│ ▾ project │
│ ▾ layouts │
│ ▸ chat │
│ ▸ dashboard │
│ ▾ scripts │
│ ▸ start.sh │
│ ▸ README.md │
└────────────────────────────────────────────┘
j/k move • h/l collapse/expand • enter expand • ? help • q/esc/ctrl+c exit
CrudWorkbench
Record list + editable form panel for create/update flows.
layout/crudworkbench
┌──────────────────────┬─────────────────────┐
│ Records │ Record │
│ ▸ Alex Kim │ ID: u_001 │
│ Mina Patel │ Name: Alex Kim │
│ Jon Rivera │ Email: alex@... │
│ │ Role: Admin │
├──────────────────────┼─────────────────────┤
│ │ Status: Saved │
└──────────────────────┴─────────────────────┘
tab switch pane • n create • ctrl+s save • ? help • q/esc/ctrl+c exit
JobMonitor
Queue and worker status view with retry and drill-down details.
layout/jobmonitor
┌──────────────────────┬─────────────────────┐
│ Jobs │ Details │
│ ▸ job_101 running 64% │ id: job_101 │
│ job_102 queued 0% │ state: RUNNING │
│ job_103 failed │ progress: 64% │
│ job_104 success │ updated: 11:42 AM │
└──────────────────────┴─────────────────────┘
Status: r retry selected failed job
up/down select • r retry failed • ? help • q/esc/ctrl+c exit
IncidentConsole
Alert list, incident details, and runbook guidance in one operator view.
layout/incidentconsole
┌──────────────┬──────────────┬──────────────┐
│ Alerts │ Details │ Runbook │
│ ▸ CRIT rate │ id: inc_1204 │ 1) check deploy │
│ WARN queue │ svc: api │ 2) rollback │
│ INFO batch │ sev: critical│ 3) verify p95 │
└──────────────┴──────────────┴──────────────┘
Status: a acknowledge selected alert
tab focus region • up/down select alert • a acknowledge • ? help • q/esc/ctrl+c exit
SchedulerCalendar
Week schedule grid with selected slot details and week navigation.
layout/schedulercalendar
┌──────────────────────┬─────────────────────┐
│ Week of May 04 │ Details │
│ Mon 09:00 Standup │ Day: Mon │
│ Mon 13:00 Deploy win │ Time: 13:00 │
│ Tue 11:00 Incident │ Owner: Ops │
│ Wed 15:00 Planning │ │
└──────────────────────┴─────────────────────┘
j/k slots • n/p week • arrows move • ? help • q/esc/ctrl+c exit
MultipaneConsole
2x2 pane workspace with pane focus and split controls.
layout/multipaneconsole
┌─────────────────────┬─────────────────────┐
│ ▸ Build │ Tests │
│ [INFO] compiling... │ running 42 tests │
├─────────────────────┼─────────────────────┤
│ Logs │ Metrics │
│ 14:22 deploy start │ cpu=34% mem=62% │
└─────────────────────┴─────────────────────┘
tab cycle pane • h/j/k/l move focus • [/] resize split • ? help • q/esc/ctrl+c exit
TreeTable
Tree selector on the left with table detail pane on the right.
layout/treetable
┌──────────────┬────────────────────────────┐
│ Tree │ Rows │
│ ▸ services │ Name Type Status │
│ jobs │ ▸ api service healthy │
│ configs │ worker service degraded │
└──────────────┴────────────────────────────┘
tab focus • j/k move • ? help • q/esc/ctrl+c exit
PipelineBoard
CI/CD stage board with per-job state and quick retry behavior.
layout/pipelineboard
┌──────────────┬──────────────┬──────────────┐
│ Build │ Test │ Deploy │
│ ▸ compile OK │ unit QUEUED │ staging IDLE │
│ bundle RUN │ integ QUEUED │ prod IDLE │
└──────────────┴──────────────┴──────────────┘
Details: Stage Build • Job bundle • RUNNING
Status: r rerun selected failed job
h/l stages • j/k jobs • r retry failed • ? help • q/esc/ctrl+c exit
TraceViewer
One trace: span list with relative duration bars and attribute detail (distributed tracing).
layout/traceviewer
┌──────────────────────┬─────────────────────┐
│ Spans │ Span │
│ ▸ ████████░░ edge GET /checkout │ id: span_root │
│ █░░░░░░░░░ auth … │ service: edge │
│ ████░░░░░░ orders-db │ duration: 412ms │
└──────────────────────┴─────────────────────┘
j/k select span • ? help • q/esc/ctrl+c exit
ServiceHealth
Dependency table: status, p99, micro-trend, version, plus drill-down context.
layout/servicehealth
┌──────────────────────┬─────────────────────┐
│ Services │ Detail — payments │
│ ▸ ● payments DEGRADED │ p99: 890ms │
│ ● api-gateway OK │ incident #4412 │
└──────────────────────┴─────────────────────┘
j/k rows • ? help • q/esc/ctrl+c exit
SearchResults
Facets row, query box, hit list, and preview pane for code or doc search.
layout/searchresults
┌──────────────────────────┬──────────────────┐
│ Facets: repo:uiprocess … │ Preview │
│ Query: handler │ package main … │
│ ▸ internal/api/handlers.go │ func Register … │
└──────────────────────────┴──────────────────┘
Tab query/results • j/k select • ? help • q/esc/ctrl+c exit
MergeConflict
Conflicted paths list with scrollable buffer showing conflict markers.
layout/mergeconflict
┌──────────────┬────────────────────────────┐
│ Conflicted │ config/app.yaml │
│ ▸ config/app.yaml │ <<<<<<< HEAD │
│ handlers.go│ featureFlags: … │
└──────────────┴────────────────────────────┘
Tab list/buffer • j/k files • ? help • q quit
DebugRepl
Scrollable transcript and single-line input for shells, debuggers, or REPLs.
layout/debugrepl
┌────────────────────────────────────────────┐
│ >> help │
│ commands: help, vars, clear … │
├────────────────────────────────────────────┤
│ Input │
│ expr… │
└────────────────────────────────────────────┘
Tab transcript/input • Enter run • ? help • q quit
NotificationCenter
Inbox of alerts and mentions with read/unread state, detail pane, dismiss.
layout/notificationcenter
┌──────────────────────┬─────────────────────┐
│ Inbox │ Detail │
│ ▸ ! 14:22 Security advisory │ From: Dependabot │
│ ✓ 13:00 Calendar… │ Urgent: yes │
└──────────────────────┴─────────────────────┘
Status: m read • shift+m unread • d dismiss
j/k select • m read • shift+m unread • d dismiss • ? help • q quit
TriPaneShell
Folders rail, thread list, and scrollable reading pane (mail / CRM).
layout/tripaneshell
┌──────────┬───────────────┬──────────────────┐
│ Folders │ Threads │ Reading │
│ ▸ Inbox (3) │ ▸ Re: Q2 road │ From: Alex … │
│ Sent │ Invoice │ Body scrolls… │
└──────────┴───────────────┴──────────────────┘
Tab panes • j/k in pane • ? help • q quit
GitGraph
ASCII commit graph beside a branch list and tip summary strip.
layout/gitgraph
┌────────────────────┬──────────────────────┐
│ * f4a1 (HEAD main) │ Branches │
│ | * 9bb0 feature │ ▸ * main [0↑ 0↓] │
│ |/ │ feature/auth … │
└────────────────────┴──────────────────────┘
branch: main tip: f4a1c2e release: v0.3.0
Tab graph/branches • j/k branches • ? help • q quit