Skip to main content
TermRock
GitHub
ComponentsData

Component · Data

Key Value Table

Request headers with secret redaction and types.

Kind
widget
Input
interactive
Canvas
120×40

Live preview

Loading terminal preview.

Static terminal poster. Choose Run live to start the Rust demo.

Ghosttykey-value-table/http
Loading terminal poster…
○ loading posterNo input — rendered state only
Key Value Table · exact mounted Rust story
01 · Purpose
What it is for
Request headers with secret redaction and types.
Best fit: Data · data · widget
02 · Behavior
What the mounted story proves
  1. 01
    KeyValueTable
    Representative 120×40 terminal state.
  2. 02
    Passive paint
    No keyboard or pointer action is claimed by this representative story.
  3. 03
    Evidence stays explicit
    0 covered · 9 partial · 5 missing axes.
03 · Implement
Install, then start from exact code
Install
cargo add termrock --git https://github.com/tailrocks/termrock.git --rev 5283c2acf9154d0cfcd37b1ffe821c00faf90ea2
Add TermRock once. Keep domain effects in the host application.
Minimal implementation
Exact Rust setup used by key-value-table/http.
Open to load code.
04 · Adapt
Variants and composition
Variants
Use the preview Variant menu when alternate registered stories exist. Each selection mounts a fresh configuration.
Composition
Data · data · widget
05 · Reference
API, tokens, accessibility
API
KeyValueTableOpen source ↗
Tokens
DesignSystemInspect exact story code for roles and capability projection.
Accessibility
Input contract mountedNo input claim in the representative story.
Contract
Evidence in progress0/23 axes covered
06 · Go deeper
Advanced guidance
Authored implementation guidance
Purpose. Metadata and property panels: HTTP headers, DB columns, process
facts, permission claims, agent/tool details. One focus target per row; copy /
edit / reveal / link via chords (not tab soup).


Contracts columns → stacked under width pressure. Compare mode shows
before/after when fields set .compare(…).


When to use


Use KeyValueTablePrefer
Detail side panels—
Secrets + copy + edit—
Compare local vs remote—
Simple settings listKeyValueList
Dialog details legacyDetailTable
Nested JSON treeObjectInspector


Actions (single focus)


KeyAction
j/k ↑↓Row navigation
cCopy value
eEdit (if editable)
rReveal/hide secret
dToggle compare mode
/Filter keys
EnterLink or copy
Ownership boundary
TermRock owns reusable terminal rendering and interaction state. The host owns domain data, policy, persistence, authorization, and side effects.
Evidence status
0 covered, 9 partial, and 5 missing contract axes. Missing evidence is not a behavior claim.
Key Value List
Metadata list — aligned keys, stacked narrow, secrets, status, links.
Log Pane
A bounded, scrollable log buffer with freeze-on-scroll and tail following.