Skip to content

Refine chat and dashboard UI - #65

Closed
offbyonebit wants to merge 1 commit into
maintenance/rc1-local-follow-upfrom
ui-refinements
Closed

offbyonebit wants to merge 1 commit into
maintenance/rc1-local-follow-upfrom
ui-refinements

Conversation

@offbyonebit

Copy link
Copy Markdown
Owner

Summary

Fixes found by rendering the real UI (served locally, screenshots at 1366px and 390px, dark and light).

Chat page

  • History and settings buttons move into the header. They were floating bottom-corner buttons that overlapped the composer on mobile. The history button also gets a real history icon; the old path drew a crescent.
  • Icon-only buttons get zero padding. A late global button { padding: 8px 13px } squeezed the attach and send icons to 4px wide, so they rendered as dots.
  • The theme toggle now has styling. It had none in chat.css (.ghost only exists in style.css) and showed as a default white browser button.
  • The header wraps on narrow screens instead of clipping the logo, and the logo is centred with the title.
  • Side panels open beneath the header so the header buttons stay reachable. chat.js publishes the header height as --header-h.
  • The gear rotates on open instead of the whole button.
  • Deleted the superseded toggle positioning rules that were being overridden by later ones.

Dashboard

  • .scan-status[hidden] is honoured. display: flex was overriding the attribute and left an empty bordered strip above the model list.

Assets

  • The four logo and icon PNGs were 1254px squares (about 3.7 MB) displayed at 42px or smaller. Resized to 256px (about 0.2 MB).

Testing

  • ruff: clean
  • pytest: 1127 passed, 1 skipped, 1 failed. The failure is test_semantic_search_requires_optional_dependency, which only passes when fastembed is not installed; with all extras it tries to download a model and was blocked by the sandbox proxy.
  • Browser regression suite (browser-tests): 10/10 passed, run against this sandbox's Chromium.
  • Checked visually in dark and light theme, desktop and mobile widths.

Not run: real GPU or model streaming through the UI, Windows browsers.


Generated by Claude Code

Chat page:
- Move the history and settings buttons into the header instead of
  floating over the composer, and give the history button a real history
  icon.
- Give icon-only buttons zero padding. The late global text-button
  padding squeezed the attach and send icons to a few pixels wide.
- Style the theme toggle, which fell back to the browser default.
- Let the header wrap on narrow screens and centre the logo with the
  title.
- Open the side panels beneath the header so the header buttons stay
  reachable, publishing the header height as --header-h.
- Remove the superseded toggle positioning rules.

Dashboard:
- Honour the hidden attribute on the scan status bar, which was
  showing as an empty bordered strip.

Assets:
- Resize the four 1254px logo and icon PNGs to 256px (about 3.7 MB to
  about 0.2 MB); they display at 42px or smaller.
@offbyonebit

Copy link
Copy Markdown
Owner Author

Closing as superseded by merged PR #68 (48bc7e9), which is an ancestor of current main. Verified the original text patches against that merge and the four UI image blobs by Git blob SHA. The plugin annotation from #64 is present; its surrounding fallback also received a safer getattr check. No outstanding changes from these PRs remain.

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