Skip to content

Refine Foundry UI layout and styling#235

Merged
NicholasKissel merged 4 commits into
mainfrom
NicholasKissel/yeosu-ui-updates
Mar 11, 2026
Merged

Refine Foundry UI layout and styling#235
NicholasKissel merged 4 commits into
mainfrom
NicholasKissel/yeosu-ui-updates

Conversation

@NicholasKissel
Copy link
Copy Markdown
Member

Summary

  • Single-line task sidebar cards with title, number, diffs, and timestamp inline
  • Dark-themed user message bubbles matching the site's dark theme
  • Curved top-left corner on center chat panel with matching border line
  • Subtle composer focus border, SendHorizonal icon, tab strip gaps and padding
  • Plus button with visible background, divider alignment fixes, header color matching

Test plan

  • Verified all changes via agent-browser screenshots on preview server
  • Frontend builds successfully (pnpm --filter @openhandoff/frontend build)

🤖 Generated with Claude Code

NicholasKissel and others added 3 commits March 10, 2026 23:49
- Remove agent message bubbles, keep user bubbles (right-aligned)
- Rename "Handoffs" to "Tasks" with ListChecks icon in sidebar
- Move model picker inside composer, add renderFooter to ChatComposer SDK
- Make project sections collapsible with hover-only chevrons
- Remove divider between chat and composer
- Update model picker chevron to flip on open/close
- Replace all user-visible "handoff" strings with "task" across frontend

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…inutes indicator

- Replace fake acme/* mock data with real rivet-dev GitHub org repos and PRs
- Fix model picker popover: dark gray surface with backdrop blur instead of pure black
- Add colored letter icons to project section headers (swap to chevron on hover)
- Add "847 min used" indicator in transcript header
- Rename browser tab title from OpenHandoff to Foundry
- Reduce transcript header title font weight to 500

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…curved panel corners, send icon

- Collapse task sidebar cards to single-line layout (title, number, diffs, timestamp)
- Dark-themed user message bubbles matching site theme
- Curved top-left corner on center chat panel with border line
- Subtle focus border on composer input
- Replace ArrowUpFromLine with SendHorizonal icon
- Tab strip gaps, padding, and divider alignment fixes
- Plus button with visible background
- Right sidebar header color matching

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@railway-app railway-app Bot temporarily deployed to sandbox-agent / sandbox-agent-pr-235 March 11, 2026 08:48 Destroyed
@railway-app
Copy link
Copy Markdown

railway-app Bot commented Mar 11, 2026

🚅 Deployed to the sandbox-agent-pr-235 environment in sandbox-agent

Service Status Web Updated (UTC)
website ✅ Success (View Logs) Web Mar 11, 2026 at 8:49 am

Resolve conflicts keeping our UI refinements (subtle focus border,
SendHorizonal icon, single-line task cards, drag-to-reorder, header styling).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@railway-app railway-app Bot temporarily deployed to sandbox-agent / sandbox-agent-pr-235 March 11, 2026 08:50 Destroyed
@NicholasKissel NicholasKissel merged commit e792a72 into main Mar 11, 2026
3 checks passed
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