feat: UI redesign, capture grammar, demo command #14

2026-05-16T19:52:36Z

lerko commented

2026-05-16 19:52:36 +00:00

Summary

Full UI redesign: layout, tokens, card rows, peek pane with modes
Capture grammar: title/description, aligned parsers, parse preview
Demo subcommand with seeded test data
Absorb, demote, edit polish
Code principles audit
README + MIT license

## Summary - Full UI redesign: layout, tokens, card rows, peek pane with modes - Capture grammar: title/description, aligned parsers, parse preview - Demo subcommand with seeded test data - Absorb, demote, edit polish - Code principles audit - README + MIT license

lerko added 23 commits 2026-05-16 19:52:36 +00:00

fix: code principles audit — correctness, security, testability 6278cb1022

- Add rows.Err() checks after all scan loops (entities, tags, resolve)
- Surface time.Parse errors instead of silently discarding
- Extract entityRow scan helper to eliminate Get/List duplication
- Cap request body at 1MB via MaxBytesReader
- Stop leaking internal errors to API clients (log server-side only)
- Block javascript: URIs in link card open button (XSS)
- Fix all go vet failures in api_test.go (unchecked http errors)
- Add tests for display package, generateCardData, absorb-source-card
- Run go mod tidy to fix direct/indirect dep markers

Merge pull request 'fix: code principles audit — correctness, security, test-ability' (#5 ) from fix/code-principles-audit into develop e477e8d512

Reviewed-on: #5

feat: add title and description fields to capture grammar c8e18f0bc1

Implement | prefix for titles and // separator for descriptions
across the full stack: parser, schema, API, CLI, and web frontend.

- Parser: line-aware extraction for |title, |title // desc,
  // leading desc, body // inline desc. URL-safe (skips :// lines).
  Modifiers (#tag, @time, ^card) extracted from all segments.
- Schema: ALTER TABLE migration adds title, description columns
- DB: Entity/EntityUpdate structs, all CRUD queries updated
- API: title/description on create/update/response, body validation
  relaxed (title-only entries valid)
- CLI: shows title as scan label when present
- Web: parseInput mirrors Go parser, list shows title, detail pane
  renders title + description with double-click inline editing
- Tests: 10 new cases (grammar, entity, API) — 71 total, all pass

Merge pull request 'feat: add title and description to capture grammar' (#8 ) from feat/title-description into develop 80b8a950a3

Reviewed-on: #8

docs: add README and MIT license b2d6603dcf

fix(ls): show title instead of body when present fadc6d9a2a

fix(cards): show title instead of body when present f4e178e3ee

feat(ui): phase 1 — layout, tokens, header, rail redesign dda8426113

- Switch mono font from Monaspace Neon to JetBrains Mono
- Grid layout 192px | 1fr | 400px (was 180/320)
- Move capture bar from header to bottom of center panel
- Add search input to header center
- Redesign tag rail: grid items with arrow/dot/name/count
- Add intent section (grab/read/fill) in cards view rail
- Add --a-str token, toast component
- Logo 16px 700 weight

feat(ui): phase 2 — card rows, affordance badges, cards sub-header 156ea6ea1c

- Rich card row rendering: title — preview — affordance badges — tags — pin — use count
- Affordance detection (code, fill, steps, decide, link) from entity shape
- Cards sub-header with scope label, count, sort dropdown
- Section labels (★ pinned / recent) in cards view
- Flash animation on copy (--a-str pulse)
- Tag pill styling for card rows
- Progress bar mini-display for checklists in card preview

feat(ui): phase 3 — peek pane redesign with modes 1c95902e2b

- Full peek pane rewrite: idle state, stream peek, card peek
- Idle state shows keyboard shortcuts per view
- Stream peek: eyebrow (glyph + kind + id + timestamp), body, tags, context
- Card peek: card container with eyebrow, title, desc, meta, content sections
- Decision section with choice/rationale/rejected display
- Steps section with run button
- Code section with content display
- Run mode: interactive checklist with progress bar + step toggling
- Fill mode: inline slot editor with tab navigation + copy resolved
- Edit mode: form fields for title/desc/body/tags
- Mode pills (running/filling/editing) with colored badges
- Pin/unpin action via keyboard (p) and button
- Escape exits any active mode
- Keyboard shortcuts: r=run, f=fill, e=edit, p=pin in cards view

feat(ui): phase 4 — promote modal polish, TODO complete f26716a9ee

- Promote modal: colored glyphs, type names, hint descriptions per type
- Show truncated entry body in promote modal subtitle
- Mark all redesign phases complete in TODO.md

fix(ui): broken peek editing + wire up search 6802474595

- Fix startEditBody/startEditField selectors (.detail-body → .peek-body,
  .detail-title → .peek-title) — double-click editing works again
- Wire up search input: client-side filter by body/title/description text
- Search supports #tag inline filters (e.g. "proxy #ops")
- Debounced input (150ms), Escape clears and blurs
- Shows "no matches" when search has no results

Merge pull request 'feat(ui): redesign to match design handoff prototype' (#9 ) from feat/ui-redesign into develop 957265f7b4

Reviewed-on: #9

fix(parser): align Go and JS parsers with capture grammar spec 97ad71d66b

Kind prefixes now follow the canonical grammar: `-` for todo,
`@time` for event, `!time` for reminder. Removed `*`/`◇`/`▸`
as capture aliases (display-layer only). Added `\` escape prefix,
`?` query mode, `!pin` flag extraction, `##word` hash escape,
and tag lowercasing. Both parsers produce identical results.

feat(ui): live parse preview pills + description in list rows a8ea8f099f

Capture bar shows inline pills as you type — glyph, title, desc,
tags, time, pin, card type. Textarea auto-grows on Shift+Enter.
Preview clears on save. Entity list rows now show description.

fix(ui): replace delete with demote on card peek, scope d-key by view 464ff5a8be

Card peek action bar now shows demote instead of delete. Double-tap
d demotes in cards view, deletes in stream view.

Merge pull request 'fix: align parsers with capture grammar, restore demote, add parse preview' (#10 ) from fix/capture-grammar-alignment into develop 6654907c41

Reviewed-on: #10

feat(ui): absorb button in peek, preserve newlines, demote promoted items b7dd58bf3e

Stream peek now shows absorb button for unpromoted entries. Promoted
items in stream show demote instead of delete. d double-tap demotes
any card_type entity regardless of view. Parsers preserve newlines
from Shift+Enter. Absorb popup truncates to first non-empty line.

Merge pull request 'feat: absorb button, preserve newlines, demote promoted items' (#11 ) from fix/absorb-button-and-newlines into develop f6602e3595

feat: add demo subcommand with seeded test data 5bb6e89523

nib demo starts server with temp DB populated from testdata/demo.json.
Covers all glyphs, card types, tags, pins, completions, deletes, and
template fill placeholders.

Merge pull request 'feat: add demo subcommand with seeded test data' (#12 ) from feat/demo-command into develop 13cb7b420e

fix(ui): add edit pill to stream peek, unify edit mode across views 1c6ba2b34c

Merge pull request 'fix(ui): edit pill in stream peek, unified edit mode' (#13 ) from fix/ui-polish into develop db3f88508e

lerko merged commit ab07f631a7 into main

2026-05-16 20:07:28 +00:00

lerko referenced this issue from a commit

2026-05-16 20:07:30 +00:00

Merge pull request 'feat: UI redesign, capture grammar, demo command' (#14) from develop into main

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: lerko/nib-v1#14