Skip to main content
Compendium · Atoms · Forms & Inputs

Forms & Inputs

Items
68
of 1002 total

Atomic primitives in the forms & inputs family. Click any tile for the live render, the spec it was built from, and the code that fell out.

Text · 17
#066 do
A4 / DRAFT
ICS 78
LINT · 2 warn
chars 142 —— sections detected: 2 —— rev 03

Spec Textarea

STA
text · form-control · animated · reduced-motion
#072 do
paste.spec live · ICS heuristic v1
├ score ┤
84
INTENT ✓
AC ✓
CONSTRAINT ◌

▓ READY FOR COMPOSITION ▓

ICS Input Validator

STA
text · form-control · gauge · dark-mode-tested
#073 do
VALID
format: SPEC-NNN: <verb-phrase> len 30/80
  • matches /SPEC-\d{3}/
  • followed by colon + space
  • begins with imperative verb

Spec Title Input

STA
text · form-control · dark-mode-tested
#074 go
spec.owner @-handle
@ PINNED
  • P @platform
    Platform Engineering
  • S @security
    Security & Compliance
  • D @data-eng
    Data Engineering
  • M @ml-research
    ML Research
  • G @governance
    Spec Governance

— ↑/↓ to navigate · ⏎ to commit —

Owner Picker

STA
text · form-control · list · dark-mode-tested
#761 do
cap 280
budget 118/280

Textarea With Counter

STA
text · form-control · real-content · dark-mode-tested
#762 do
spec.rename IDLE
edit

— click to edit · ⏎ commit · esc revert —

Inline Rename Input

STA
text · form-control · real-content · dark-mode-tested
#763 co
runbook.cmd shell

— enter executes · ⌃c aborts —

Command Prefix Input

STA
text · form-control · real-content · dark-mode-tested
#764 go
spec.handle SET

— handles are unique per workspace —

Handle Input

STA
text · form-control · real-content · dark-mode-tested
#765 do
spec.id VALID
pattern SPEC-NNN 3-digit ordinal

Spec ID Input

STA
text · form-control · stamp · real-content
#766 do
spec.link OK
host runbooks.example.com

URL Input

STA
text · form-control · real-content · dark-mode-tested
#767 do
spec.tags ⏎ to commit
  • form-control
  • governance
  • audit

— backspace on empty pops the last chip —

Tag Input Chip Stack

STA
text · form-control · real-content · dark-mode-tested
#768 do
auto-bullet

— enter for next bullet · empty bullet + enter exits —

Multi-Line Input With Bullets

STA
text · form-control · real-content · dark-mode-tested
#769 do
spec.owner click to edit

— ⏎ commits · blur commits —

Inline Edit Affordance

STA
text · form-control · real-content · dark-mode-tested
#770 co
compendium.search live

— fuzzy match across name + tags —

Search Input With Hint

STA
text · form-control · real-content · dark-mode-tested
#771 go
runbook.secret SECRET

— exposed values are never logged —

Password Input Stamped

STA
text · form-control · stamp · real-content
#772 go
runbook.token REDACTED
sk_l ▓ redacted ▓ 7b6a

— middle bytes never render to the dom —

Token Redacted Input

STA
text · form-control · stamp · real-content
#773 do
auto-expand

— grows to 140px then scrolls —

Auto-Expanding Textarea

STA
text · form-control · real-content · dark-mode-tested
Pickers · 17
#069 de
delivery.deadline tz: UTC
JUN · 26
10
WED
due in 20 days

Deadline Picker

STA
pickers · form-control · dark-mode-tested
#071 do
spec.pillar one of four
selected → CO construction

Pillar Selector

STA
pickers · form-control · dark-mode-tested
#781 de
delivery.day week of MAY 16
scope → FRI · MAY 20

Day Picker Mini

STA
pickers · form-control · real-content · dark-mode-tested
#782 de
reporting.week iso 8601
window → W21 · FROM MAY 18

Week Picker Strip

STA
pickers · form-control · real-content · dark-mode-tested
#783 de
report.month fy 2026
scope → MAY · 2026

Month Picker

STA
pickers · form-control · real-content · dark-mode-tested
#784 de
fy.quarter fy 2026
scope → Q2 · 2026 · APR–JUN

Quarter Picker

STA
pickers · form-control · real-content · dark-mode-tested
#785 de
deploy.daypart tz: local
window → AFTERNOON · 14–18

Time-of-Day Picker

STA
pickers · form-control · real-content · dark-mode-tested
#786 de
timebox.duration presets
budget → 1H · 60 MIN

Duration Picker

STA
pickers · form-control · real-content · dark-mode-tested
#787 do
spec.status lifecycle
selected → REVIEW

Status Picker

STA
pickers · form-control · real-content · dark-mode-tested
#788 do
spec.pillar stacked
assigned → CO · CONSTRUCT

Pillar Picker

STA
pickers · form-control · real-content · dark-mode-tested
#789 go
agent.autonomy 4 rungs
rung → L2 · PROPOSE

Autonomy Level Picker

STA
pickers · form-control · real-content · dark-mode-tested
#790 go
finding.severity 4 bands
band → WATCH

Severity Picker

STA
pickers · form-control · real-content · dark-mode-tested
#791 go
ticket.priority 4 bands
priority → P1 · NEXT

Priority Picker

STA
pickers · form-control · real-content · dark-mode-tested
#792 go
rollup.group-by one axis
axis → GROUP BY PILLAR

Status Rollup Picker

STA
pickers · form-control · real-content · dark-mode-tested
#793 go
task.agent fleet · 4
owner → AGT-01 · PLANNER

Agent Picker

STA
pickers · form-control · real-content · dark-mode-tested
#794 do
ref.spec-id autocomplete
SPEC-014
picked → AUTONOMY LADDER

Spec ID Picker

STA
pickers · form-control · real-content · dark-mode-tested
#795 do
session.hat 4 hats
wearing → BUILDER · CONSTRUCT

Role Picker

STA
pickers · form-control · real-content · dark-mode-tested
Builders · 17
#067 do
acceptance_criteria[] rows · 3
  • 01
  • 02
  • 03

AC Builder

STA
builders · form-control · list · dark-mode-tested
#068 go
threat[01] STRIDE / draft
┤ risk ├
6/9

Threat Input

STA
builders · form-control · dark-mode-tested
#075 do
spec.tags[] count 4
  • auth
  • oauth
  • security
  • session
├ delimiters: ⏎ , ┤ ⌫ on empty removes last

Tag Cloud Input

STA
builders · form-control · animated · reduced-motion
#801 do
ac_row[01] single criterion
├ checkbox · text · kind ┤ MET · POSITIVE

AC Row Builder

STA
builders · form-control · real-content · dark-mode-tested
#802 do
constraint[01] single bound
v
PERF · HARD ├ ceil-ref ┤

Constraint Row Builder

STA
builders · form-control · real-content · dark-mode-tested
#803 do
failure_mode[01] trigger -> effect
blast 1/3

Failure Mode Builder

STA
builders · form-control · real-content · dark-mode-tested
#804 do
threat_row[01] STRIDE
v
S · UNMITIGATED ├ row · 6-cat ┤

Threat Row Builder

STA
builders · form-control · real-content · dark-mode-tested
#805 do
signature[01] auth contract row
v
JWT · read:session · 24h ├ contract ┤

Signature Builder

STA
builders · form-control · real-content · dark-mode-tested
#806 do
acceptance_table pairs · 3
input expected x

Acceptance Table Builder

STA
builders · form-control · real-content · dark-mode-tested
#807 do
plan_step[01] ordered step
#03 · DO ├ pillar-owned step ┤

Plan Step Builder

STA
builders · form-control · real-content · dark-mode-tested
#808 do
checklist 2/4
  • spec frontmatter complete
  • acceptance criteria listed
  • failure modes enumerated
  • threat model reviewed
+

Checklist Builder

STA
builders · form-control · real-content · dark-mode-tested
#809 do
matrix.cell R1 / C2
intensity
x

Matrix Cell Builder

STA
builders · form-control · real-content · dark-mode-tested
#810 do
fixture[01] bytes 0
name

Fixture Builder

STA
builders · form-control · real-content · dark-mode-tested
#811 do
assertion[01] lhs op rhs
v
assert response.status == 200

Assertion Builder

STA
builders · form-control · real-content · dark-mode-tested
#812 do
param[01] schema row
v
session_ttl: INT = 86400 (req) ├ schema ┤

Param Row Builder

STA
builders · form-control · real-content · dark-mode-tested
#813 do
tree.list depth max 2
  • A
    • .
    • .

Nested List Builder

STA
builders · form-control · real-content · dark-mode-tested
#814 do
variant[01] when -> then
when
then
WHEN role == admin THEN allow with audit log

Variant Builder

STA
builders · form-control · real-content · dark-mode-tested
Sliders · 17
#070 go
autonomy.level 42
├ 03366100 ┤
SUPERVISED
GUIDED
AUTONOMOUS

— governance gate · review at 67+ —

Autonomy Slider Input

STA
sliders · form-control · dark-mode-tested
#821 do
range 48
050100

Range Slider

STA
sliders · form-control · real-content · dark-mode-tested
#822 do
window [30, 72]
050100

Dual-Handle Range Slider

STA
sliders · form-control · real-content · dark-mode-tested
#823 go
autonomy GUIDED · 55
SUPERVISEDGUIDEDAUTONOMOUS

Autonomy Slider · Variant

STA
sliders · form-control · real-content · dark-mode-tested
#824 go
confidence 76%
LOWMEDIUMHIGH

band — HIGH · auto-accept eligible

Confidence Slider

STA
sliders · form-control · real-content · dark-mode-tested
#825 go
ics threshold 60
REJECTACCEPT

Threshold Slider

STA
sliders · form-control · real-content · dark-mode-tested
#826 do
latency target 50 ± 15 ms
0 msTARGET 50100 ms

Tolerance Slider

STA
sliders · form-control · real-content · dark-mode-tested
#827 do
criterion · failure modes w=4/10 · 40%
0510

Weight Slider

STA
sliders · form-control · real-content · dark-mode-tested
#828 go
severity HIGH
LOW MED HIGH CRIT

Severity Slider

STA
sliders · form-control · real-content · dark-mode-tested
#829 do
priority P1
P0 P1 P2 P3

Priority Slider

STA
sliders · form-control · real-content · dark-mode-tested
#830 go
spend cap $1,250
magnitude $$_ _

Budget Slider

STA
sliders · form-control · real-content · dark-mode-tested
#831 go
token budget 320k
0500k1M

Token Budget Slider

STA
sliders · form-control · real-content · dark-mode-tested
#832 go
risk appetite NEUTRAL
AVERSE NEUTRAL SEEKING

cost — slower, fewer rollbacks

Risk Appetite Slider

STA
sliders · form-control · real-content · dark-mode-tested
#833 do
sample rate 5.00%
TRICKLESTEADYFIREHOSE

volume — TRICKLE

Sample Rate Slider

STA
sliders · form-control · real-content · dark-mode-tested
#834 do
max retries 3

Retry Attempts Slider

STA
sliders · form-control · real-content · dark-mode-tested
#835 go
quorum 3 of 5
A
B
C
D
E

Quorum Slider

STA
sliders · form-control · real-content · dark-mode-tested
#836 go
grant ttl 3 d
1h1d1w30d

expires in — 3 days

Expiration Slider

STA
sliders · form-control · real-content · dark-mode-tested
Alpha · Honest about it

The framework is real.
The community is forming now.

DoCoDeGo is in Alpha. The framework is documented, the practices are battle-tested at small scale, and the next release is being shaped in public.

If it produces anything, it should produce engineers and teams who think more clearly about what they are building and why.

Two doors in
Join the Discord

Discord is where specs are debated, the framework gets sharper, and decisions land in writing. The conversation is the artefact.