Edward Langley
d1ce2ecbc3
improvise-rmvx, improvise-fdt6, improvise-gcvb — three faces of the same
thing: a browser offering something and then doing nothing.
rmvx. `the_command_names_that_still_need_the_host_are_these` was built with
`in_mode(AppMode::Normal)`, so it only ever asked about Normal-mode bindings:
`add-record-row` (RecordsNormal) and `delete-formula-at-cursor` (FormulaPanel)
were outside its reach entirely and could never have failed it. A named list
that silently scopes itself to one mode is a guard that looks broader than it
is. `every_advertised_command_answers_in_its_own_mode` crosses
`help::advertised` — command NAMES, so no hint string is tokenised — against
`resolve` in every mode, over a fixture furnished enough that an `Upstream` can
only mean an unhandled name. It found a seventh instance the ticket had not
predicted: `view-back` is advertised in RecordsNormal.
Six names now decline out loud, each with its own true subject, out of one
`declined` table; `stranding` returns the subject rather than a bool, so `:`
says the command line is unavailable instead of doing nothing. A declining step
takes its whole `Binding::Sequence` with it, which is what keeps `o` ("add a
record row, then edit it") from opening an editor on a row nobody created.
fdt6. `commit-buffer formula` already resolved; what did not exist was any way
to SEE the typing. `RenderModel::editing` is scoped to the two cell-editing
modes and reads the "edit" buffer by name, so FormulaEdit, CategoryAdd, ItemAdd
and the three prompts opened and swallowed every character. `RenderModel::
minibuffer` is `AppMode::minibuffer()` plus the buffer that config names, read
through `improvise_protocol::read_buffer` so gotcha 11 keeps its one home, and
`web/app.js` paints it.
gcvb. The records-mode early return was broader than its reason. A
`CellId::Create` commits the typed NAME as one existing `ModelCommand`, reads
no `record_col` and writes no cell, so the return narrows rather than
disappears. `+cat` must NOT advance: an inserted column renumbers every index
to its right and the advance was computed from the pre-commit layout, so a
client that advanced anyway would land one column off, silently. Both halves
proved by injection against `CommitAndAdvance` in `tests/lockstep.rs`.
Every new guard was proved by injecting the fault it names. The one worth
repeating: `web/tests/render_surface.test.js` went green over a page that
painted nothing, because the string `model.minibuffer` was inside a function
nothing called. The static check is a completeness check, never an execution
check — `harness/tests/keys.spec.js` caught it in Chromium on the first run.
1394 → 1397 Rust tests; harness 17 → 19 passed, 3 skipped; node 26.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01FC2jVn8Au7E9JPkw6bwXXH
293 lines
4.7 KiB
CSS
293 lines
4.7 KiB
CSS
/* Legibility only. Styling the browser client properly is not improvise-cr3. */
|
|
|
|
:root {
|
|
--bg: #fbfaf7;
|
|
--fg: #1c1b19;
|
|
--line: #d8d4cc;
|
|
--accent: #2f6f4f;
|
|
--selected: #e8e2d4;
|
|
--error: #a8322d;
|
|
color-scheme: light dark;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--bg: #17181a;
|
|
--fg: #e7e4de;
|
|
--line: #35373b;
|
|
--accent: #7fc4a0;
|
|
--selected: #2c2f33;
|
|
--error: #e2827c;
|
|
}
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
background: var(--bg);
|
|
color: var(--fg);
|
|
font: 14px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
}
|
|
|
|
header {
|
|
display: flex;
|
|
gap: 1rem;
|
|
align-items: baseline;
|
|
padding: 0.5rem 1rem;
|
|
border-bottom: 1px solid var(--line);
|
|
}
|
|
|
|
header h1 {
|
|
margin: 0;
|
|
font-size: 1rem;
|
|
color: var(--accent);
|
|
}
|
|
|
|
#mode {
|
|
color: var(--accent);
|
|
}
|
|
|
|
#status {
|
|
margin-left: auto;
|
|
opacity: 0.75;
|
|
}
|
|
|
|
main {
|
|
flex: 1;
|
|
display: flex;
|
|
min-height: 0;
|
|
}
|
|
|
|
#categories {
|
|
width: 15rem;
|
|
flex: none;
|
|
overflow: auto;
|
|
padding: 0.5rem;
|
|
border-right: 1px solid var(--line);
|
|
}
|
|
|
|
#formulas,
|
|
#views {
|
|
width: 18rem;
|
|
flex: none;
|
|
overflow: auto;
|
|
padding: 0.5rem;
|
|
border-right: 1px solid var(--line);
|
|
}
|
|
|
|
#categories ul,
|
|
#formulas ul,
|
|
#views ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
#views .axes {
|
|
margin-left: 0.5rem;
|
|
opacity: 0.6;
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
#views .active .name {
|
|
color: var(--accent);
|
|
}
|
|
|
|
/* The tile bar. One line above the grid, as the TUI draws it. */
|
|
#tiles {
|
|
display: flex;
|
|
gap: 0.25rem;
|
|
padding: 0.25rem 0.5rem;
|
|
border-bottom: 1px solid var(--line);
|
|
overflow-x: auto;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#tiles .tile {
|
|
padding: 0 0.4rem;
|
|
border: 1px solid var(--line);
|
|
border-radius: 3px;
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
#categories .item {
|
|
padding-left: 1.5rem;
|
|
opacity: 0.85;
|
|
}
|
|
|
|
#categories .selected,
|
|
#formulas .selected,
|
|
#views .selected,
|
|
#tiles .selected,
|
|
td.selected {
|
|
background: var(--selected);
|
|
outline: 1px solid var(--accent);
|
|
}
|
|
|
|
#hint {
|
|
opacity: 0.7;
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
/* A keyboard edit in progress. Left-aligned even in a numeric column,
|
|
because what is drawn is the text being typed rather than a value. */
|
|
td.typing {
|
|
text-align: left;
|
|
outline: 2px solid var(--accent);
|
|
}
|
|
|
|
#grid {
|
|
flex: 1;
|
|
overflow: auto;
|
|
padding: 0.5rem;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
th,
|
|
td {
|
|
border: 1px solid var(--line);
|
|
padding: 0.25rem 0.5rem;
|
|
min-width: 6rem;
|
|
height: 1.75rem;
|
|
text-align: left;
|
|
font-weight: normal;
|
|
}
|
|
|
|
th {
|
|
background: color-mix(in srgb, var(--line) 35%, transparent);
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* A group header, on either axis. The TUI draws these green and bold; the
|
|
glyph is already in the text (`indicator` in app.js). */
|
|
th.group {
|
|
color: var(--accent, inherit);
|
|
font-weight: 700;
|
|
}
|
|
|
|
td.numeric {
|
|
text-align: right;
|
|
}
|
|
|
|
td.error {
|
|
color: var(--error);
|
|
}
|
|
|
|
/* The only affordance that matters: a cell the server said is settable. */
|
|
td.editable {
|
|
cursor: text;
|
|
}
|
|
|
|
td:not(.editable) {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
td input {
|
|
width: 100%;
|
|
border: none;
|
|
padding: 0;
|
|
font: inherit;
|
|
color: inherit;
|
|
background: transparent;
|
|
}
|
|
|
|
/* The page cannot reach a server from a static host, and says so. */
|
|
#backend-notice {
|
|
margin: 0;
|
|
padding: 0.5rem 1rem;
|
|
border-bottom: 1px solid var(--line);
|
|
background: color-mix(in srgb, var(--accent) 10%, transparent);
|
|
font-size: 0.85rem;
|
|
}
|
|
|
|
#backend-notice code {
|
|
background: color-mix(in srgb, var(--line) 45%, transparent);
|
|
padding: 0 0.25rem;
|
|
}
|
|
|
|
/* The help overlay. Content is improvise_protocol::help's; this is paint. */
|
|
#help {
|
|
position: fixed;
|
|
inset: 2rem;
|
|
overflow: auto;
|
|
padding: 1rem;
|
|
border: 1px solid var(--accent);
|
|
background: var(--bg);
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.help-tabs {
|
|
display: flex;
|
|
gap: 0.75rem;
|
|
border-bottom: 1px solid var(--line);
|
|
padding-bottom: 0.5rem;
|
|
margin-bottom: 0.75rem;
|
|
}
|
|
|
|
.help-tab.active {
|
|
color: var(--accent);
|
|
font-weight: 600;
|
|
}
|
|
|
|
.help-body {
|
|
display: grid;
|
|
grid-template-columns: 16rem 1fr;
|
|
gap: 0 1rem;
|
|
margin: 0;
|
|
}
|
|
|
|
.help-body dt,
|
|
.help-body dd {
|
|
margin: 0;
|
|
min-height: 1.2em;
|
|
}
|
|
|
|
.help-heading {
|
|
grid-column: 1 / -1;
|
|
font-weight: 600;
|
|
color: var(--accent);
|
|
}
|
|
|
|
.help-banner {
|
|
grid-column: 1 / -1;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.help-text,
|
|
.help-accent,
|
|
.help-blank {
|
|
grid-column: 1 / -1;
|
|
white-space: pre;
|
|
}
|
|
|
|
.help-dim {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
/* The bottom-bar prompt while a text-entry mode is open. The colour is the
|
|
mode's own answer (`MinibufColor`); this is the last translation, exactly
|
|
as `draw.rs::minibuf_fg` is the TUI's. */
|
|
#minibuffer {
|
|
padding: 0.25rem 0.5rem;
|
|
font-family: inherit;
|
|
border-top: 1px solid var(--accent);
|
|
}
|
|
#minibuffer.green {
|
|
color: #7ec699;
|
|
}
|
|
#minibuffer.cyan {
|
|
color: #6fd0d8;
|
|
}
|
|
#minibuffer.yellow {
|
|
color: #d8c96f;
|
|
}
|