Skip to content

feat(v2): subtle inspector entry + tabbed content (drop chevron)#261

Closed
lilyshen0722 wants to merge 1 commit intomainfrom
sam/v2-inspector-subtle-entry
Closed

feat(v2): subtle inspector entry + tabbed content (drop chevron)#261
lilyshen0722 wants to merge 1 commit intomainfrom
sam/v2-inspector-subtle-entry

Conversation

@lilyshen0722
Copy link
Copy Markdown
Contributor

Summary

The third column had two problems on the YC demo path:

  1. Entry was a chevron in the corner — read like "settings panel" not "this is your team."
  2. When expanded it dumped 5 stacked sections (Now / Overview / People & Agents / Direct Threads / Resources / Settings) all visible at once — felt like a control surface, not an at-a-glance roster.

Two changes addressing both:

  1. Entry redesign — drop the chevron entirely. The chat-header avatar group (already shows the top 3 members + "+N more") becomes the click target. Click to reveal the inspector, click again to hide. Active state is a subtle accent-tinted pill on the avatar group — no chevron, no explicit label, just affordance. When collapsed, the inspector is not rendered at all (no thin sliver column) and chat extends full-width.

  2. Tabbed content — three tabs at the top: People (default) · Activity · Settings. Pod overview always pinned to the inspector header above the tabs (it's the "what is this pod" anchor).

    • People — team roster (agents + DM affordance), the demo-relevant view.
    • Activity — Now (recent heartbeat) + Direct Threads.
    • Settings — Resources + add/edit/delete chips.

Tab choice persists in localStorage (`v2.inspectorTab`).

Layout-side cleanup: `V2Layout` decides whether to mount the inspector (only when expanded), passes `onToggleInspector` down to `V2PodChat`, and drops the now-dead `v2-shell--inspector-collapsed` modifier in favor of the existing `v2-shell--no-inspector` 3-column grid. Obsolete chevron CSS (`.v2-inspector__toggle*`, `.v2-pane--inspector-collapsed`) removed.

Test plan

  • Open `/v2/pods/` — chat extends full-width by default, no chevron column.
  • Click the chat-header avatar group — inspector slides into view with the People tab active. Avatar pill turns accent-tinted.
  • Click the avatar group again — inspector hides, chat extends back. Tab choice remembered.
  • Click Activity / Settings — content swaps cleanly, no scrollbars from old card stack.
  • Click the × in the inspector header — same as clicking the avatar group: hides inspector.
  • Refresh the page after picking a non-People tab — tab is remembered.
  • No regression on Plan/Execute toggle, Invite button, or pod chat scroll behavior.

🤖 Generated with Claude Code

The third column had two problems on the YC demo path: (1) the entry was a
chevron in the corner that read like "settings panel," not "this is your
team," and (2) when expanded it dumped 5 stacked sections — Now / Overview
/ People & Agents / Direct Threads / Resources / Settings — all visible at
once, which felt like a control surface, not an at-a-glance roster.

Two changes addressing both:

1. Entry redesign — drop the chevron entirely. The chat header avatar group
   (already shows the top 3 members + "+N more") becomes the click target:
   click to reveal the inspector, click again to hide. Active state is a
   subtle accent-tinted background on the avatar pill — no chevron, no
   explicit label, just affordance. When collapsed, the inspector is not
   rendered at all (no thin sliver column) and chat extends full-width.

2. Tabbed content — three tabs at the top: People (default) · Activity ·
   Settings. Pod overview always pinned to the inspector header above the
   tabs (it's the "what is this pod" anchor). People shows just the team
   roster — agents + DM affordance, the demo-relevant view. Activity
   collapses Now + Direct Threads (recent heartbeat, recent DMs).
   Settings collapses Resources + add/edit/delete chips.

Tab choice persists in localStorage (`v2.inspectorTab`) so it doesn't snap
back to People every refresh.

Layout-side cleanup: V2Layout now decides whether to mount the inspector
(only when expanded), passes onToggleInspector down to V2PodChat for the
avatar-group hand-off, and drops the now-dead `v2-shell--inspector-collapsed`
modifier in favor of the existing `v2-shell--no-inspector` 3-column grid.
The obsolete chevron CSS (`.v2-inspector__toggle*` and
`.v2-pane--inspector-collapsed`) is removed.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@lilyshen0722
Copy link
Copy Markdown
Contributor Author

Squashed locally and pushed to main. See merge pattern in CLAUDE memory.

lilyshen0722 added a commit that referenced this pull request Apr 30, 2026
The third column had two problems on the YC demo path: (1) the entry was a
chevron in the corner that read like "settings panel," not "this is your
team," and (2) when expanded it dumped 5 stacked sections — Now / Overview
/ People & Agents / Direct Threads / Resources / Settings — all visible at
once, which felt like a control surface, not an at-a-glance roster.

Two changes addressing both:

1. Entry redesign — drop the chevron entirely. The chat header avatar group
   (already shows the top 3 members + "+N more") becomes the click target:
   click to reveal the inspector, click again to hide. Active state is a
   subtle accent-tinted background on the avatar pill — no chevron, no
   explicit label, just affordance. When collapsed, the inspector is not
   rendered at all (no thin sliver column) and chat extends full-width.

2. Tabbed content — three tabs at the top: People (default) · Activity ·
   Settings. Pod overview always pinned to the inspector header above the
   tabs (it's the "what is this pod" anchor). People shows just the team
   roster. Activity collapses Now + Direct Threads. Settings collapses
   Resources + add/edit/delete chips.

Tab choice persists in localStorage (`v2.inspectorTab`).

Layout-side cleanup: V2Layout now decides whether to mount the inspector
(only when expanded), passes onToggleInspector down to V2PodChat for the
avatar-group hand-off, and drops the now-dead `v2-shell--inspector-collapsed`
modifier in favor of the existing `v2-shell--no-inspector` 3-column grid.
The obsolete chevron CSS (`.v2-inspector__toggle*` and
`.v2-pane--inspector-collapsed`) is removed.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
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