Skip to content

feat(web): redesign repository drawer with git status and metadata sections#401

Open
blackpc wants to merge 2 commits intomainfrom
feat/repo-tab-redesign
Open

feat(web): redesign repository drawer with git status and metadata sections#401
blackpc wants to merge 2 commits intomainfrom
feat/repo-tab-redesign

Conversation

@blackpc
Copy link
Contributor

@blackpc blackpc commented Mar 16, 2026

Summary

  • Redesigned repository drawer with three distinct sections: Git Status, Open With actions, and Metadata
  • Git Status section displays branch badge, behind-count badge, latest commit message, committer name, and relative timestamp
  • Open With section provides quick-launch actions for IDE, terminal, and file manager
  • Metadata section shows the repository path
  • Full Storybook coverage with Default, WithGitInfo, and OnDefaultBranch stories
  • 20 unit tests covering all sections and edge cases

Changes

File Change
repository-drawer.tsx Complete redesign with sectioned layout (Git Status, Open With, Metadata)
repository-drawer-client.tsx Enriched data wiring for branch, commit, behind count
repository-drawer.stories.tsx New stories for Default, WithGitInfo, OnDefaultBranch states
repository-drawer.test.tsx New test suite with 20 tests covering all sections
specs/070-repo-tab-redesign/ Feature spec and feature YAML

Evidence

Running Application

  • Main dashboard showing repository nodes with enriched data
  • Repository drawer open showing redesigned repo tab with all sections
  • Repository route page confirming client-side routing works

Storybook

  • WithGitInfo — branch badge, behind count badge, commit message, committer, Open With actions, relative timestamp
  • Default — basic drawer with repository name, path, and Open With section
  • OnDefaultBranch — main branch with no behind count badge

Tests

  • All 20 unit tests passing covering rendering, git status, commit, open-with actions, and metadata sections

Test plan

  • Unit tests pass (20/20)
  • Build compiles without errors
  • Lint passes with zero warnings
  • Full test suite passes (4097/4097)
  • Storybook stories render correctly for all 3 scenarios

🤖 Generated with Claude Code

@github-actions
Copy link

Dev Release Published

Artifact Version Install
npm 1.124.0-pr401.74b2155 npm install -g @shepai/cli@1.124.0-pr401.74b2155

Published from commit fe33968 | View CI

blackpc and others added 2 commits March 17, 2026 16:12
…ctions

- add git status section: branch badge, behind count, commit message, committer, timestamp
- add open-with actions section (ide, shell, folder) using action-button components
- add metadata section displaying repository path with folder icon
- add formatrelativetime helper for human-readable commit timestamps
- update storybook stories: default, withgitinfo, ondefaultbranch scenarios
- add 20-test unit suite covering all new sections and edge cases

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
The repository drawer in the control center was not showing git status
data (branch, commit message, committer, behind count) because the
server page only passed name, path, and id to the client component.

Export fetchRepoGitInfo from get-graph-data and call it in the drawer
page to enrich the data prop with branch, commitMessage, committer,
behindCount, and createdAt fields.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@blackpc blackpc force-pushed the feat/repo-tab-redesign branch from fe33968 to 03d9afa Compare March 17, 2026 14:21
@github-actions
Copy link

Dev Release Published

Artifact Version Install
npm 1.127.3-pr401.eb52cb4 npm install -g @shepai/cli@1.127.3-pr401.eb52cb4

Published from commit 03d9afa | View CI

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