Skip to content

Redesign UI to match Companion Intelligence branding#21

Merged
mrhegemon merged 1 commit into
mainfrom
claude/funny-ramanujan-5gpohg
Jun 12, 2026
Merged

Redesign UI to match Companion Intelligence branding#21
mrhegemon merged 1 commit into
mainfrom
claude/funny-ramanujan-5gpohg

Conversation

@mrhegemon

Copy link
Copy Markdown
Member

Summary

Redesigned the Local-Bench dashboard to align with Companion Intelligence visual identity and branding guidelines. The UI now features a light, monochrome, minimalist aesthetic with a sticky top bar, improved typography, and refined component styling. Also added the Artificial Analysis Intelligence Index as a first-class feature in the model catalog.

Key changes

  • Visual redesign: Replaced purple gradient theme with light monochrome palette (near-black accents, single restrained blue brand color)
  • Layout restructure: Introduced sticky top bar with brand identity, hero section, and reorganized content flow
  • CSS variables: Established comprehensive design token system (--bg, --surface, --ink, --brand, etc.) for consistent theming
  • Model intelligence catalog: Added intelligenceIndex field to SupportedOllamaModel interface; integrated Artificial Analysis Intelligence Index scores with attribution metadata (INTELLIGENCE_INDEX_SOURCE, INTELLIGENCE_INDEX_URL, INTELLIGENCE_INDEX_AS_OF)
  • New /api/meta endpoint: Returns intelligence-score attribution and sourcing details for UI display
  • Offline-first: Vendored Chart.js locally (assets/chart.umd.min.js) so dashboard renders fully offline; graceful fallback to CSS bar charts if scripting unavailable
  • Component refinements:
    • Model selector: Grid layout with checkbox inputs, IQ badges, and metadata
    • Prompt selector: Improved input styling, preview cards, custom prompt UI
    • Progress tracking: Refined progress bar and status display
    • Results table: Updated typography, badge styling, responsive grid layout
    • Stats cards: Reorganized summary metrics with cleaner typography
  • Documentation: Updated README.md and EXAMPLE.md to reflect new branding and feature set; added screenshot gallery
  • Docker: Added assets/ directory to Docker build to ensure vendored Chart.js is included

Implementation details

  • All color values now reference CSS custom properties for maintainability
  • Typography uses system font stack (-apple-system, BlinkMacSystemFont, etc.)
  • Responsive breakpoints preserved at 768px and 640px
  • Intelligence scores are nullable (number | null) to handle vision-only and very small models not rated by the index
  • Server test suite updated to verify /api/meta endpoint returns correct attribution structure

https://claude.ai/code/session_017uavmt41fLUsJMiGqui7UV

… offline charts

- Redesign the dashboard to match Companion Intelligence branding (light,
  monochrome, minimalist): CI logo mark, summary cards, status pills, refined
  typography — replacing the old purple-gradient theme.
- Add Artificial Analysis Intelligence Index scores to the curated catalog and
  surface them as IQ badges, a ranked "Model intelligence" section, a results
  column, and a summary card. Source attribution served via /api/meta; scores
  live in SUPPORTED_OLLAMA_MODELS and are trivially overridable.
- Vendor Chart.js into the repo so the dashboard works fully offline
  (local-first); ship it in the Docker image; keep the CSS bar-chart fallback.
- Document with real screenshots; rewrite README and refresh LLM_TESTS / EXAMPLE.
- Add unit tests for the intelligence data and /api/meta; fix a race where the
  results table rendered before intelligence scores were available.

Intelligence scores use the public Artificial Analysis Intelligence Index
(CI-Hub's private curated numbers were not reachable from this session) and are
clearly attributed and easy to swap for CI-Hub's exact values.

https://claude.ai/code/session_017uavmt41fLUsJMiGqui7UV
@mrhegemon mrhegemon merged commit b135279 into main Jun 12, 2026
1 check passed
@mrhegemon mrhegemon deleted the claude/funny-ramanujan-5gpohg branch June 12, 2026 00:16
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.

2 participants