Skip to content

feat(ui): a sidebar, icons, help in the app and first steps - #19

Merged
hightemp merged 4 commits into
mainfrom
feat/ui-redesign
Oct 27, 2026
Merged

hightemp merged 4 commits into
mainfrom
feat/ui-redesign

Conversation

@hightemp

Copy link
Copy Markdown
Owner

A deeper redesign of the viewer UI.

  • Layout: a sidebar with projects, servers and tools (folds to a rail of icons); three panes, two columns below 1360px, one below 900px.
  • Icons: Lucide (@lucide/svelte 1.56.0, pinned) on buttons, tabs, filters, levels, statuses; shared controls in ui/src/styles/controls.css; new theme tokens with checked contrast.
  • Help in the app (English and Russian): how it works, connecting the library, projects, servers (SSH/HTTP), pushing logs, reading requests, keys; linked from dialogs and empty states. With no projects the feed shows the first steps.
  • Feed: CLI runs are named by their script: argv is now part of Request in the API (optional, compatible with the frozen 1.0, make spec-compat passes).
  • Fixes: the port field of a new server ran out of the dialog (e2e now checks every field at 1440/900/420px); dialogs fit the window and focus the first field; no state_referenced_locally warnings in the build.
  • Visual snapshots taken again (make e2e-visual-update), plus the help and a narrower window; README and its screenshot updated.

Checks run locally: UI unit tests (381), svelte-check, ESLint/Stylelint/Prettier, Chromium e2e (21), visual (7), server tests, spec-compat.

🤖 Generated with Claude Code

hightemp and others added 4 commits October 27, 2026 17:16
argv moves from RequestDetail to Request (an optional field, compatible
with the frozen API 1.0): the feed and the live events can name a CLI run
by its script instead of CLI.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- A sidebar with the projects, servers and tools; it folds to a rail of
  icons (remembered in the browser, folded in a narrow window). The panes
  take two columns below 1360px and one below 900px.
- Icons (Lucide, pinned 1.56.0) on buttons, tabs, filters, levels and
  statuses; shared controls in styles/controls.css instead of a copy of
  buttons and fields in every dialog; new theme tokens with checked
  contrast (accent-soft, accent-contrast, level-info-soft, shadow-large).
- Help in the app (lib/help.ts, English and Russian): how it works, the
  library, projects, servers, pushing logs, reading requests, keys; with
  links from the dialogs and the empty states. With no projects the feed
  shows the first steps.
- Feed rows with an outcome badge, the script of a CLI run, counters
  with icons; a request and a message with a clearer header.
- Fix: the port field of a new server and the fields of a new project no
  longer run out of the dialog (e2e checks every field at 1440, 900 and
  420px); dialogs fit the window and put the focus into the first field.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@hightemp
hightemp merged commit 442264c into main Oct 27, 2026
2 of 4 checks passed
@hightemp
hightemp deleted the feat/ui-redesign branch October 27, 2026 14:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant