prototype: title-led session header exploration#1440
Open
simple-agent-manager[bot] wants to merge 1 commit into
Open
prototype: title-led session header exploration#1440simple-agent-manager[bot] wants to merge 1 commit into
simple-agent-manager[bot] wants to merge 1 commit into
Conversation
Self-contained, unauthed prototype at /prototype/session-header exploring a minimal collapsed session header where the expand/collapse dropdown becomes the canonical details surface (full title + initial prompt + all ports). - Three header variations (A minimal, B two-line, C scroll-strip) - Stress-test mock data: 50 ports, huge titles, long lineage/branch names - Live overflow scanner highlights unintended horizontal overflow in red - Mobile-first (375px) + desktop fluid side-by-side preview Prototype only — removed before any merge to main per the prototype skill. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
|
Contributor
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
A self-contained, unauthed UI prototype (not a production feature) exploring a redesign of the project-chat
SessionHeader, in response to the question of whether the expand/collapse dropdown is being misused.The direction: make the collapsed row minimal and turn the expand/collapse dropdown into the canonical details surface — showing the FULL title, the initial prompt, and all exposed ports — rather than cramming everything into the header.
Route:
/prototype/session-header(public, no auth).Variations
Three collapsed-row treatments share one
ExpandedDetailsdropdown:title (truncate) · status · chevron. Most title-forward.status · profile · first port · +N more. Richest without crowding.In all three, the dropdown holds the full title (
overflow-wrap: anywhere), the initial prompt (scrollable), lineage/profile/agent meta, infra rows, and all ports (wrapped).Stress testing
Mock data deliberately pushes the boundaries: 50 open ports, paragraph-length titles, no-space mega-word titles, long lineage / branch / workspace / node names, plus typical/minimal/empty scenarios.
A live overflow scanner outlines any element with genuine visible horizontal overflow in red (it correctly ignores
truncateellipsis and intentional scroll containers). Final result: 0 unintended overflows across all 30 scenario × variation × state combos at both 375px mobile and desktop-fluid.Note
Per the prototype skill, this page + its
App.tsxroute/import MUST be removed before any merge tomain. This PR is for design review only.🤖 Generated with Claude Code