Frozen baseline for the current high-fidelity HTML runtime effects. This page is the review surface for semantic icon performances, edge packet flow, and title sweep.
Changes that alter visual timing, intensity, icon semantics, part IDs, stage effects, defaults, or runtime scheduling must be confirmed before implementation.
Allowed without confirmation: documentation-only typo fixes, test coverage that does not change runtime behavior, gallery regeneration from the same specs and runtime code.
The overview preserves the explicit semantic-line-v1 compatibility baseline; Character v1 is reviewed in the individual cards below.
Each stage effect is isolated in its own runtime page so it can be reviewed without changing the baseline implementation.
Edge Packet Flow
Semantic phases
Parts/selectors: .runtime-edge-flow, .runtime-edge-packet, .runtime-edge-packet-core
Title Sweep
Semantic phases
Parts/selectors: #title-highlight
The default Character v1 performances use the frozen repeat gap, canonical rest, and idle-breath contract.
Brain Think Pulse
Icon: agent
Semantic phases
Parts/selectors: root, brain-left, brain-right, chip, signal, spark
Operator Type Focus
Icon: operator
Semantic phases
Parts/selectors: root, hair, face, glasses, hands, laptop, cursor
Search Scout Find
Icon: search
Semantic phases
Parts/selectors: root, lens, scan, marker, spark
Tool Kit Action
Icon: tool
Semantic phases
Parts/selectors: root, bucket, lid, wrench, spark
API Signal Return
Icon: api
Semantic phases
Parts/selectors: root, interface, request, receipt, status
Memory Index Commit
Icon: memory
Semantic phases
Parts/selectors: root, back-card, front-card, bookmark, key-line
Output Envelope Reveal
Icon: output
Semantic phases
Parts/selectors: root, envelope, card, check, spark
File Note Write
Icon: file
Semantic phases
Parts/selectors: root, page, corner, line-1, line-2, line-3, dot
Folder File Store
Icon: folder
Semantic phases
Parts/selectors: root, folder, tab, sheet, seal
Cloud Uplink Ready
Icon: cloud
Semantic phases
Parts/selectors: root, cloud, kite, data-dot, ready-light
Shield Guard Confirm
Icon: shield
Semantic phases
Parts/selectors: root, shell, core, scan, check
Token Intent Ready
Icon: token
Semantic phases
Parts/selectors: root, shell, core, tick-left, tick-right, tick-top, tick-bottom
Bucket Ingest Confirm
Icon: database
Semantic phases
Parts/selectors: root, hat, bucket, liquid, bead, check
Compatibility demos explicitly request semantic-line-v1; they do not replace the Character v1 default.
Agent Think Act
Icon: agent
Semantic phases
Parts/selectors: root, outlineLeft, outlineRight, centerLine, branchLeft, branchRight, branchLower, nodeTopLeft, nodeTopRight, nodeLeft, nodeRight, nodeCenter, decisionToken, pulse
Search Discover
Icon: search
Semantic phases
Parts/selectors: root, lens, handle, scan, result1, result2, target
API Request Response
Icon: api
Semantic phases
Parts/selectors: root, leftEndpoint, rightEndpoint, requestToken, responseToken, targetRing, status
Database Write
Icon: database
Semantic phases
Parts/selectors: root, lid, body, layer1, layer2, writeToken, flash
Memory Commit
Icon: memory
Semantic phases
Parts/selectors: root, backCard, frontCard, trace1, trace2, trace3, dot, commitToken, flash
Tool Run
Icon: tool
Semantic phases
Parts/selectors: root, chip, glyph, connector, spark1, spark2, flash
Token Intent
Icon: token
Semantic phases
Parts/selectors: root, shell, core, tickLeft, tickRight, tickTop, tickBottom, halo
Output Reveal
Icon: output
Semantic phases
Parts/selectors: root, card, line1, line2, check, flash
File Lines
Icon: file
Semantic phases
Parts/selectors: root, sheet, fold, line1, line2, line3, flash
Folder Open
Icon: folder
Semantic phases
Parts/selectors: root, body, tab, fileLine, openToken, flash
Cloud Upload
Icon: cloud
Semantic phases
Parts/selectors: root, shell, uploadArrow, dot1, dot2, dot3, statusRing
Shield Check
Icon: shield
Semantic phases
Parts/selectors: root, shell, check, pulse, scan
Edge Packet Flow
moving track is immediately visible -> solid packet enters source side -> dot or segment travels along path -> packet exits near target -> loop restarts without a quiet gap
Parts/selectors: .runtime-edge-flow, .runtime-edge-packet, .runtime-edge-packet-core
Status: approved
Title Sweep
highlight starts collapsed -> sweep expands across title -> authored title highlight settles
Parts/selectors: #title-highlight
Status: frozen
Brain Think Pulse
Icon: agent
brain prepares -> signal draws -> spark confirms -> canonical rest -> idle breath
Parts/selectors: root, brain-left, brain-right, chip, signal, spark
Status: frozen
Operator Type Focus
Icon: operator
glasses focus -> hands type -> cursor confirms -> canonical rest -> idle breath
Parts/selectors: root, hair, face, glasses, hands, laptop, cursor
Status: frozen
Search Scout Find
Icon: search
lens prepares -> scan crosses -> marker and spark confirm -> canonical rest -> idle breath
Parts/selectors: root, lens, scan, marker, spark
Status: frozen
Tool Kit Action
Icon: tool
lid opens -> wrench acts -> spark confirms -> canonical rest -> idle breath
Parts/selectors: root, bucket, lid, wrench, spark
Status: frozen
API Signal Return
Icon: api
interface prepares -> request travels -> receipt returns -> status confirms -> canonical rest -> idle breath
Parts/selectors: root, interface, request, receipt, status
Status: frozen
Memory Index Commit
Icon: memory
cards prepare -> bookmark commits -> key line confirms -> canonical rest -> idle breath
Parts/selectors: root, back-card, front-card, bookmark, key-line
Status: frozen
Output Envelope Reveal
Icon: output
envelope prepares -> card reveals -> check and spark confirm -> canonical rest -> idle breath
Parts/selectors: root, envelope, card, check, spark
Status: frozen
File Note Write
Icon: file
page prepares -> lines write -> dot confirms -> canonical rest -> idle breath
Parts/selectors: root, page, corner, line-1, line-2, line-3, dot
Status: frozen
Folder File Store
Icon: folder
folder prepares -> sheet stores -> seal confirms -> canonical rest -> idle breath
Parts/selectors: root, folder, tab, sheet, seal
Status: frozen
Cloud Uplink Ready
Icon: cloud
cloud prepares -> kite uplinks -> data and ready light confirm -> canonical rest -> idle breath
Parts/selectors: root, cloud, kite, data-dot, ready-light
Status: frozen
Shield Guard Confirm
Icon: shield
shield prepares -> scan passes -> check confirms -> canonical rest -> idle breath
Parts/selectors: root, shell, core, scan, check
Status: frozen
Token Intent Ready
Icon: token
shell orients -> core wakes -> ticks confirm -> canonical rest -> idle breath
Parts/selectors: root, shell, core, tick-left, tick-right, tick-top, tick-bottom
Status: frozen
Bucket Ingest Confirm
Icon: database
hat prepares -> bead ingests -> liquid settles -> check confirms -> canonical rest -> idle breath
Parts/selectors: root, hat, bucket, liquid, bead, check
Status: frozen
Agent Think Act
Icon: agent
brain outline draw -> circuit nodes light -> center decision pulse -> decision token exits -> quiet idle pause
Parts/selectors: root, outlineLeft, outlineRight, centerLine, branchLeft, branchRight, branchLower, nodeTopLeft, nodeTopRight, nodeLeft, nodeRight, nodeCenter, decisionToken, pulse
Status: frozen
Search Discover
Icon: search
lens tilts -> scan crosses lens -> results pop -> target locks -> quiet idle pause
Parts/selectors: root, lens, handle, scan, result1, result2, target
Status: frozen
API Request Response
Icon: api
endpoints open -> request token travels -> target ring expands -> response token returns -> status appears
Parts/selectors: root, leftEndpoint, rightEndpoint, requestToken, responseToken, targetRing, status
Status: frozen
Database Write
Icon: database
write token enters -> lid and body compress -> layers flash -> commit flash -> quiet idle pause
Parts/selectors: root, lid, body, layer1, layer2, writeToken, flash
Status: frozen
Memory Commit
Icon: memory
memory cards settle -> trace lines write -> dot recalls -> commit token lands -> flash confirms
Parts/selectors: root, backCard, frontCard, trace1, trace2, trace3, dot, commitToken, flash
Status: frozen
Tool Run
Icon: tool
chip wakes -> connector draws -> glyph pulses -> sparks fire -> flash confirms
Parts/selectors: root, chip, glyph, connector, spark1, spark2, flash
Status: frozen
Token Intent
Icon: token
shell wakes -> core pulses -> ticks align -> halo expands -> quiet idle pause
Parts/selectors: root, shell, core, tickLeft, tickRight, tickTop, tickBottom, halo
Status: frozen
Output Reveal
Icon: output
card appears -> lines reveal -> check draws -> flash confirms -> quiet idle pause
Parts/selectors: root, card, line1, line2, check, flash
Status: frozen
File Lines
Icon: file
sheet appears -> fold settles -> lines draw -> flash confirms -> quiet idle pause
Parts/selectors: root, sheet, fold, line1, line2, line3, flash
Status: frozen
Folder Open
Icon: folder
body presses -> tab opens -> open token enters -> file line appears -> flash confirms
Parts/selectors: root, body, tab, fileLine, openToken, flash
Status: frozen
Cloud Upload
Icon: cloud
cloud lifts -> upload arrow rises -> sync dots appear -> status ring expands -> quiet idle pause
Parts/selectors: root, shell, uploadArrow, dot1, dot2, dot3, statusRing
Status: frozen
Shield Check
Icon: shield
shield wakes -> scan passes -> check draws -> pulse expands -> quiet idle pause
Parts/selectors: root, shell, check, pulse, scan
Status: frozen
