Add repositories page with filtering and navigation

[premsathisha]

Summary

This PR adds a dedicated Repositories section to DiffKit:

• Repositories page: Adds a two-column repository page for all accessible repositories, with cards that show name, description, language, visibility, stars, and forks.
• Cleaner repository cards: Keeps card heights consistent, caps descriptions at two lines, and hides zero-count star and fork metadata.
• Browse controls: Adds repository metrics, title search, sorting, and direct Public or Private filtering without an extra Visibility submenu step.
• Navigation: Adds Repositories to top navigation, mobile navigation, Settings > Shortcuts, and the command palette with the G then O shortcut.
• Access and pagination: Loads repositories with pagination and improves private repository detail access by using the GitHub App installation for the repo owner when available.

Why

• Pinned repos were not enough: DiffKit had overview, pull request, issue, and review queues, but no dedicated place to browse personal repositories. The profile page only showed pinned repositories, so adding a full Repositories section made sense because otherwise users would keep opening GitHub just to browse the repositories they can access.
• Simpler filtering: The filtering and sorting controls are intentionally direct because there is only one repository filter category. Clicking Filter should expose Public and Private immediately instead of requiring an extra Visibility step.

Note

• Private repo setup: Private repository detail access requires the GitHub App to have Repository permissions > Contents set to Read-only, and existing installations or users need to approve that permission update before private repository pages can load correctly.

Validation

• pnpm --filter @diffkit/dashboard check
• pnpm --filter @diffkit/dashboard check-types
• pnpm --filter @diffkit/dashboard build

Summary by CodeRabbit

• New Features

  • New Repositories page with search, visibility filters, debounced queries, and paginated "Load more" behavior
  • Added "Repos" navigation in topbar and mobile, plus keyboard shortcut (G, O) and command-palette entry
  • Repository rows show metadata (visibility badge, last-updated, stars/forks) and commit-activity sparklines (lazy-loaded)

• Chores

  • Added recharts dependency for chart rendering

[premsathisha]

[stylessh]

good start, i will take this as base and do some tweaks

[premsathisha]

Awesome, happy to help!

[coderabbitai]

Caution

Review failed

Pull request was closed or merged during review

📝 Walkthrough

Walkthrough

Adds a Repositories page with list/filter UI, commit-sparkline charts, repo data fetching/pagination, new route and navigation entries, icon updates, and supporting cache/query utilities.

Changes

Cohort / File(s)	Summary
Dependencies apps/dashboard/package.json	Added recharts dependency for charting.
Icons packages/icons/src/index.ts, packages/icons/src/star-icon.tsx	Introduced local StarIcon, re-export changes, and added FilterIcon.
Repo Data Types apps/dashboard/src/lib/github.types.ts	Added RepoParticipationStats; extended UserRepoSummary with forks, createdAt, visibility.
Data layer & queries apps/dashboard/src/lib/github.functions.ts, apps/dashboard/src/lib/github.query.ts, apps/dashboard/src/lib/github-cache-policy.ts	Refactored repo fetching to paginated/installation-aware flows; added getRepoParticipationStats, getReposHub, getProfileRepos; added repoParticipation cache policy and new query option builders.
Filtering & hub logic apps/dashboard/src/lib/repos-hub-filter.ts, apps/dashboard/src/lib/repo-list-page.ts, apps/dashboard/src/lib/use-debounced-value.ts	New hub input shaping, in-memory filtering/sorting, pagination helpers, and useDebouncedValue hook.
UI — Repo list & rows apps/dashboard/src/routes/_protected/repos.tsx, apps/dashboard/src/components/repo/repository-row.tsx, apps/dashboard/src/components/repo/repo-commit-sparkline.tsx	Added /repos protected route and RepositoriesPage; new RepositoryRow with lazy RepoCommitSparkline using AreaChart and intersection-based lazy render.
Filters & list UI apps/dashboard/src/components/filters/filter-bar.tsx, apps/dashboard/src/components/filters/index.ts	FilterBar gains searchPlaceholder prop and single-filter shortcut; re-exported filter types (FilterDefinition, SortOption).
Navigation & shortcuts apps/dashboard/src/components/layouts/dashboard-mobile-nav.tsx, apps/dashboard/src/components/layouts/dashboard-topbar.tsx, apps/dashboard/src/lib/command-palette/registry.ts, apps/dashboard/src/routes/_protected/settings/shortcuts.tsx	Added "Repos" nav item and topbar menu entry; registered nav:repos command with ["G","O"] shortcut and documented it in shortcuts.
Routing metadata apps/dashboard/src/routeTree.gen.ts	Generated route tree entries and type mappings for the new /repos protected route.
Loading indicators & styling apps/dashboard/src/components/layouts/dashboard-content-loading.tsx, apps/dashboard/src/routes/setup.tsx, packages/ui/src/components/tabs.tsx	Replaced SVG spinner with Spinner in loading UIs; minor tabs radius/spacing style tweaks.

Sequence Diagram(s)

sequenceDiagram
    actor User
    participant Browser as Browser/Router
    participant Loader as Route Loader
    participant Cache as Query Cache
    participant API as GitHub API
    participant UI as RepositoriesPage

    User->>Browser: Navigate to /repos
    Browser->>Loader: run loader (read cookie, prefetch hub + user repos)
    Loader->>Cache: request repos hub / user repos
    alt Cache miss
        Cache->>API: fetch paginated repos & participation
        API-->>Cache: return repo list / participation stats
    end
    Loader->>UI: render RepositoriesPage with prefetched data
    UI->>UI: init filters, debounce search
    UI->>Cache: query repoParticipation per-visible repo (on view / lazy)
    Cache->>API: getParticipationStats(owner,repo)
    API-->>Cache: weeklyCommits[]
    Cache-->>UI: sparkline data → RepoCommitSparkline renders AreaChart

Loading

Estimated code review effort

🎯 4 (Complex) | ⏱️ ~70 minutes

Possibly related PRs

• GitHub cache: fresher My lists, repo-scoped invalidation #152 — Updates githubCachePolicy; likely overlaps with added repoParticipation cache entry.
• fix: center loading spinner on /setup page #141 — Changes spinner/loading UI in routes/setup.tsx, overlapping loading indicator adjustments.

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 12.50% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly and concisely summarizes the main change: adding a repositories page with filtering and navigation capabilities.
Description check	✅ Passed	The description provides comprehensive coverage of the PR objectives, changes, rationale, and validation steps, addressing all key aspects despite not perfectly matching the template structure.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

⚔️ Resolve merge conflicts

• Resolve merge conflict in branch prem/repositories-page

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[premsathisha]

I also fixed the merge conflicts on this branch so it is up to date with main.

[coderabbitai]

Actionable comments posted: 4

🧹 Nitpick comments (1)

apps/dashboard/src/components/layouts/dashboard-topbar.tsx (1)

288-293: Add visible shortcut hint for consistency with adjacent nav items.

Line 288 introduces a good new entry, but unlike “Profile”/“Settings” it doesn’t show its key chord (G, O) in-menu.

💡 Suggested tweak

 							<DropdownMenuItem asChild>
 								<Link to="/repos">
 									<FolderLibraryIcon size={16} strokeWidth={2} />
 									Repositories
+									<DropdownMenuShortcut keys={["G", "O"]} />
 								</Link>
 							</DropdownMenuItem>

🤖 Prompt for AI Agents

Verify each finding against the current code and only fix it if needed.

In `@apps/dashboard/src/components/layouts/dashboard-topbar.tsx` around lines 288
- 293, The new DropdownMenuItem for the Repositories entry is missing the
visible shortcut hint shown on adjacent items; update the DropdownMenuItem (the
one wrapping Link to "/repos" with FolderLibraryIcon) to include the same
shortcut element/markup used by “Profile”/“Settings” (the small right-aligned
key-chord display, e.g. the same <kbd> or span element and classes used there
showing "G", "O") so the Repositories item renders the same key-chord hint for
consistency.

🤖 Prompt for all review comments with AI agents

Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@apps/dashboard/src/components/repo/repository-row.tsx`:
- Around line 133-137: RepositoryRow currently mounts RepoCommitSparkline for
every row which triggers a separate participation fetch per repo; instead either
(A) include participation stats in the repo list payload and change
RepositoryList/loader to populate each repo object with a participation field
and pass that into RepoCommitSparkline (look for RepositoryRow and
RepoCommitSparkline props) or (B) lazy-mount/fetch sparkline only when the row
is visible by adding an IntersectionObserver in RepositoryRow that only renders
RepoCommitSparkline (or triggers a batched fetch) once the row becomes visible;
update the relevant prop names (e.g., repo.participation or a visible boolean)
and corresponding data-fetching code so sparklines no longer cause N additional
GitHub requests on initial render.

In `@apps/dashboard/src/lib/github.functions.ts`:
- Around line 4866-4898: The mapping inside getCachedPaginatedGitHubRequest is
dropping fork counts: update the mapData mapping for AuthenticatedUserRepo ->
UserRepoSummary to include repo.forks_count (e.g., add a forks or forkCount
field on UserRepoSummary and set it from repo.forks_count in the mapData
callback), ensure the UserRepoSummary type/interface definition includes this
new field, and then surface that field in the repo row UI logic so the new
repositories page can render or hide forks as intended.
- Around line 7070-7088: The 202 branch currently treats "Accepted" like 404/403
and returns an empty weeklyCommits that gets cached; change the handling so that
when error.status === 202 you do NOT return a cached empty result—either enqueue
a short retry with backoff or return a response that bypasses normal caching
(e.g., set metadata to indicate no-cache / zero freshness) so the client will
retry later; update the conditional block that checks error instanceof
RequestError and error.status to separate the 202 case from 404/403, and use
createGitHubResponseMetadata and normalizeResponseHeaders to produce a metadata
entry that prevents the one-hour repoParticipation cache for 202 responses (or
trigger a retry mechanism) rather than returning { weeklyCommits: [] }.
- Around line 1888-1909: The repo-check is using the wrong Octokit client:
update appInstallationHasRepositoryAccess to call
listInstallationReposForAuthenticatedUser via the GitHub App user client
(appUserOctokit) rather than context.octokit, and make the same change in the
other occurrence that uses listInstallationReposForAuthenticatedUser (the
similar repo-listing call near the other selected-installation check); ensure
you obtain or pass the appUserOctokit instance the same way the file does at the
documented usage and replace context.octokit with appUserOctokit for those calls
so the user-to-server token is used.

---

Nitpick comments:
In `@apps/dashboard/src/components/layouts/dashboard-topbar.tsx`:
- Around line 288-293: The new DropdownMenuItem for the Repositories entry is
missing the visible shortcut hint shown on adjacent items; update the
DropdownMenuItem (the one wrapping Link to "/repos" with FolderLibraryIcon) to
include the same shortcut element/markup used by “Profile”/“Settings” (the small
right-aligned key-chord display, e.g. the same <kbd> or span element and classes
used there showing "G", "O") so the Repositories item renders the same key-chord
hint for consistency.

🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

• Push a commit to this branch (recommended)
• Create a new PR with the fixes

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: af24fe1e-2b6d-45a4-abce-992aa6dac234

📥 Commits

Reviewing files that changed from the base of the PR and between ce9a5a8 and a5e6517.

⛔ Files ignored due to path filters (1)

• pnpm-lock.yaml is excluded by !**/pnpm-lock.yaml

📒 Files selected for processing (17)

• apps/dashboard/package.json
• apps/dashboard/src/components/filters/filter-bar.tsx
• apps/dashboard/src/components/filters/index.ts
• apps/dashboard/src/components/layouts/dashboard-mobile-nav.tsx
• apps/dashboard/src/components/layouts/dashboard-topbar.tsx
• apps/dashboard/src/components/repo/repo-commit-sparkline.tsx
• apps/dashboard/src/components/repo/repository-row.tsx
• apps/dashboard/src/lib/command-palette/registry.ts
• apps/dashboard/src/lib/github-cache-policy.ts
• apps/dashboard/src/lib/github.functions.ts
• apps/dashboard/src/lib/github.query.ts
• apps/dashboard/src/lib/github.types.ts
• apps/dashboard/src/routeTree.gen.ts
• apps/dashboard/src/routes/_protected/repos.tsx
• apps/dashboard/src/routes/_protected/settings/shortcuts.tsx
• packages/icons/src/index.ts
• packages/icons/src/star-icon.tsx