fix(deps): post-deploy dependency tab fixes

docs/USER_GUIDE.md

@@ -287,11 +287,12 @@ Unlike the Pull Requests tab (which groups by repo), the Dependencies tab groups
 
 | Group | Criteria |
 |-------|----------|
-| **Needs Review** | CI passing (all checks green), PR not yet approved — these are ready to merge |
-| **Waiting** | CI pending, checks still running, or PR is a draft — not yet actionable |
+| **Mergeable** | CI passing (all checks green), not yet approved — awaiting review |
+| **Pending Rebase** | PR has the configured rebase label — waiting for the bot to rebase |
+| **Needs Action** | CI pending, checks still running, or PR is a draft — not yet actionable |
 | **Stale** | PR has been open more than 14 days without merging — may need a rebase or manual review |
 
-Within each group, PRs are sorted by updated date (most recent first).
+Within each group, PRs are sorted by repository name, then update category (maintenance, pin, patch, minor, major), then update date.
 
 ### Abandoned Dependencies
 

src/app/components/dashboard/DashboardPage.tsx

@@ -187,6 +187,7 @@ onAuthCleared(() => {
   setDepMeta(new Map());
   localStorage.removeItem?.(DEP_META_STORAGE_KEY);
   _fetchingDashboardBodies = false;
+  _fetchingDepBodies = false;
   resetAbandonedPatternCache();
   const coord = _coordinator();
   if (coord) {
@@ -1278,10 +1279,10 @@ export default function DashboardPage() {
               isRefreshing={_coordinator()?.isRefreshing() ?? dashboardData.loading}
               lastRefreshedAt={_coordinator()?.lastRefreshAt() ?? dashboardData.lastRefreshedAt}
               onRefresh={() => _coordinator()?.manualRefresh()}
-              sortOptions={globalSortOptions}
-              sortValue={viewState.globalSort.field}
-              sortDirection={viewState.globalSort.direction}
-              onSortChange={(field, dir) => setSortPreference(field, dir)}
+              sortOptions={activeTab() === "dependencies" ? undefined : globalSortOptions}
+              sortValue={activeTab() === "dependencies" ? undefined : viewState.globalSort.field}
+              sortDirection={activeTab() === "dependencies" ? undefined : viewState.globalSort.direction}
+              onSortChange={activeTab() === "dependencies" ? undefined : (field, dir) => setSortPreference(field, dir)}
               hideOrgRepo={!isBuiltinTab(activeTab()) || activeTab() === "dependencies"}
             />
           </div>
@@ -1331,6 +1332,20 @@ export default function DashboardPage() {
                   onRefresh={() => _coordinator()?.manualRefresh()}
                 />
               </Match>
+              <Match when={activeTab() === "dependencies"}>
+                <DependenciesTab
+                  pullRequests={dependencyPullRequests()}
+                  loading={dashboardData.loading}
+                  abandonedDepsMap={abandonedDepsMap()}
+                  dashboardIssueUrls={dashboardIssueUrls()}
+                  hotPollingPRIds={hotPollingPRIds()}
+                  refreshTick={refreshTick()}
+                  rebaseLabel={config.dependencies.rebaseLabel}
+                  userLogin={userLogin()}
+                  trackedBotLogins={trackedBotLogins()}
+                  onRefresh={() => _coordinator()?.manualRefresh()}
+                />
+              </Match>
               <Match when={activeTab() === "tracked"}>
                 {/* TrackedTab intentionally receives unfiltered dashboardData — it bypasses exclusivity */}
                 <TrackedTab

src/app/components/dashboard/DependenciesTab.tsx

@@ -200,36 +200,16 @@ export default function DependenciesTab(props: DependenciesTabProps) {
   });
 
   const sortedPRs = createMemo(() => {
-    const { field, direction } = viewState.globalSort;
     const items = [...classifiedPRs()];
-    const dir = direction === "asc" ? 1 : -1;
-
     items.sort((a, b) => {
-      // User-selected sort as primary
-      let cmp = 0;
-      switch (field) {
-        case "repo": cmp = a.pr.repoFullName.localeCompare(b.pr.repoFullName); break;
-        case "title": cmp = a.pr.title.localeCompare(b.pr.title); break;
-        case "author": cmp = a.pr.userLogin.localeCompare(b.pr.userLogin); break;
-        case "comments": cmp = a.pr.comments - b.pr.comments; break;
-        case "checkStatus": cmp = (a.pr.checkStatus ?? "").localeCompare(b.pr.checkStatus ?? ""); break;
-        case "reviewDecision": cmp = (a.pr.reviewDecision ?? "").localeCompare(b.pr.reviewDecision ?? ""); break;
-        case "size": cmp = (a.pr.additions + a.pr.deletions) - (b.pr.additions + b.pr.deletions); break;
-        case "createdAt": cmp = a.pr.createdAt.localeCompare(b.pr.createdAt); break;
-        case "updatedAt":
-        default:
-          cmp = a.pr.updatedAt.localeCompare(b.pr.updatedAt);
-          break;
-      }
-      if (cmp !== 0) return cmp * dir;
-
-      // Category as secondary (safest → least safe within each group)
+      const repoCmp = a.pr.repoFullName.localeCompare(b.pr.repoFullName);
+      if (repoCmp !== 0) return repoCmp;
+
       const catCmp = CATEGORY_SORT_ORDER[a.category] - CATEGORY_SORT_ORDER[b.category];
       if (catCmp !== 0) return catCmp;
 
-      return a.pr.repoFullName.localeCompare(b.pr.repoFullName);
+      return a.pr.updatedAt.localeCompare(b.pr.updatedAt);
     });
-
     return items;
   });
 

src/app/components/dashboard/ItemRow.tsx

@@ -117,22 +117,23 @@ export default function ItemRow(props: ItemRowProps) {
           when={isCompact()}
           fallback={
             <span
-              class={`shrink-0 inline-flex items-center rounded-full font-mono font-medium text-xs px-2.5 py-1 ${
+              class={`shrink-0 font-mono font-medium text-xs px-2.5 py-1 ${
                 props.subtleRepo
-                  ? "min-w-[9.5rem] text-base-content/50"
-                  : "bg-primary/10 text-primary"
+                  ? "inline-block w-[11rem] truncate align-middle text-base-content/50"
+                  : "inline-flex items-center rounded-full bg-primary/10 text-primary"
               }`}
+              title={props.subtleRepo ? props.repo : undefined}
             >
-              {props.repo}
+              {props.subtleRepo ? repoShortName() : props.repo}
             </span>
           }
         >
           <Tooltip content={props.repo} class="shrink-0 relative z-10">
             <span
-              class={`shrink-0 inline-flex items-center font-mono font-medium text-xs ${
+              class={`shrink-0 font-mono font-medium text-xs ${
                 props.subtleRepo
-                  ? "min-w-[9.5rem] text-base-content/50"
-                  : "rounded-full bg-primary/10 text-primary px-2 py-0.5"
+                  ? "inline-block w-[9rem] truncate align-middle text-base-content/50"
+                  : "inline-flex items-center rounded-full bg-primary/10 text-primary px-2 py-0.5"
               }`}
             >
               {repoShortName()}

src/app/lib/dependency-detection.ts

@@ -18,7 +18,7 @@ export const DEP_BRANCH_PREFIXES = [
   "pyup-update-",
 ];
 
-export const DEP_TITLE_PATTERN = /^(Bump |Update dependency |chore\(deps|fix\(deps|build\(deps|\[Snyk\])/i;
+export const DEP_TITLE_PATTERN = /^(Bump |Update dependency |\[Snyk\]|(?:chore|fix|build)\(deps[^)]*\):\s*(?:update |pin |lock file |bump ))/i;
 
 export const DEP_TOOL_LABEL_NAMES = new Set([
   "dependencies",
@@ -72,8 +72,14 @@ export function isDependencyPr(pr: PullRequest, trackedBotLogins: Set<string>):
   return false;
 }
 
+const VERSION_SPECIFIER_RE = /^[><=!~^]+/;
+
+function stripVersionSpecifier(v: string): string {
+  return v.replace(VERSION_SPECIFIER_RE, "");
+}
+
 function parseSemver(v: string): [number, number, number] | null {
-  const cleaned = v.replace(/^v/, "");
+  const cleaned = stripVersionSpecifier(v).replace(/^v/, "");
   const parts = cleaned.split(".");
   if (parts.length < 2) return null;
   const nums = parts.slice(0, 3).map(Number);
@@ -122,8 +128,8 @@ export function extractVersionInfo(title: string): VersionInfo | null {
   // "update X requirement from >=A to >=B" (Dependabot Python)
   const reqMatch = /^update\s+(.+?)\s+requirement\s+from\s+([^\s]+)\s+to\s+([^\s]+)/i.exec(body);
   if (reqMatch) {
-    const from = reqMatch[2]!.replace(/^[><=!~^]+/, "");
-    const to = reqMatch[3]!.replace(/^[><=!~^]+/, "");
+    const from = stripVersionSpecifier(reqMatch[2]!);
+    const to = stripVersionSpecifier(reqMatch[3]!);
     return { packageName: reqMatch[1]!, from, to, updateType: semverUpdateType(from, to) ?? undefined };
   }
 
@@ -197,13 +203,13 @@ export function parseRenovateBody(body: string): VersionInfo | null {
 
     if (changeIdx >= 0 && changeIdx < cells.length) {
       const m = VERSION_ARROW_RE.exec(cells[changeIdx]);
-      if (m) { result.from = m[1]; result.to = m[2]; }
+      if (m) { result.from = stripVersionSpecifier(m[1]); result.to = stripVersionSpecifier(m[2]); }
     }
 
     if (!result.from) {
       for (const cell of cells) {
         const m = VERSION_ARROW_RE.exec(cell);
-        if (m) { result.from = m[1]; result.to = m[2]; break; }
+        if (m) { result.from = stripVersionSpecifier(m[1]); result.to = stripVersionSpecifier(m[2]); break; }
       }
     }
 

src/app/services/api.ts

@@ -922,7 +922,7 @@ async function graphqlLightCombinedSearch(
     return {
       issues: [],
       pullRequests: [],
-      errors: [{ repo: "search", statusCode: null, message: "Invalid userLogin", retryable: false }],
+      errors: [{ repo: "search", statusCode: null, message: `Invalid userLogin: "${userLogin}"`, retryable: false }],
     };
   }
 

src/app/stores/config.ts

@@ -38,6 +38,17 @@ export function loadConfig(): Config {
         (parsed as Record<string, unknown>).theme = "auto";
       }
     }
+    // Migrate tracked user logins: strip [bot] suffix from stored logins.
+    // handleTrackBot now stores base names only, but pre-migration data may
+    // have "renovate[bot]" which causes a doubled "renovate[bot][bot]" variant.
+    if (parsed && typeof parsed === "object" && Array.isArray((parsed as Record<string, unknown>).trackedUsers)) {
+      const users = (parsed as Record<string, unknown>).trackedUsers as { login?: string }[];
+      for (const u of users) {
+        if (typeof u.login === "string" && /\[bot\]$/i.test(u.login)) {
+          u.login = u.login.replace(/\[bot\]$/i, "");
+        }
+      }
+    }
     const result = ConfigSchema.safeParse(parsed);
     if (result.success) {
       const data = result.data;

tests/components/IssuesTab.test.tsx

@@ -573,3 +573,56 @@ describe("IssuesTab", () => {
     expect(link.getAttribute("rel")).toBe("noopener noreferrer");
   });
 });
+
+describe("IssuesTab — hideDepDashboard + dependencies.enabled interaction", () => {
+  it("shows Dependency Dashboard in custom tab even when hideDepDashboard=true and deps disabled", () => {
+    viewStore.updateViewState({ hideDepDashboard: true });
+    updateConfig({ dependencies: { enabled: false, rebaseLabel: "rebase" } });
+    const issues = [
+      makeIssue({ id: 1, title: "Dependency Dashboard", repoFullName: "org/repo", userLogin: "me" }),
+    ];
+    setAllExpanded("my-custom-tab", ["org/repo"], true);
+    render(() => <IssuesTab issues={issues} userLogin="me" customTabId="my-custom-tab" />);
+    screen.getByText("Dependency Dashboard");
+  });
+});
+
+describe("IssuesTab — hideDepDashboard + dependencies.enabled", () => {
+  it("hides Dependency Dashboard issue when hideDepDashboard=true and dependencies.enabled=false", () => {
+    viewStore.updateViewState({ hideDepDashboard: true });
+    updateConfig({ dependencies: { enabled: false, rebaseLabel: "rebase" } });
+    const issues = [
+      makeIssue({ id: 1, title: "Dependency Dashboard", repoFullName: "org/repo" }),
+      makeIssue({ id: 2, title: "Regular issue", repoFullName: "org/repo" }),
+    ];
+    setAllExpanded("issues", ["org/repo"], true);
+    render(() => <IssuesTab issues={issues} userLogin="" />);
+    expect(screen.queryByText("Dependency Dashboard")).toBeNull();
+    screen.getByText("Regular issue");
+  });
+
+  it("shows Dependency Dashboard issue when hideDepDashboard=true but dependencies.enabled=true", () => {
+    viewStore.updateViewState({ hideDepDashboard: true });
+    updateConfig({ dependencies: { enabled: true, rebaseLabel: "rebase" } });
+    const issues = [
+      makeIssue({ id: 1, title: "Dependency Dashboard", repoFullName: "org/repo" }),
+      makeIssue({ id: 2, title: "Regular issue", repoFullName: "org/repo" }),
+    ];
+    setAllExpanded("issues", ["org/repo"], true);
+    render(() => <IssuesTab issues={issues} userLogin="" />);
+    screen.getByText("Dependency Dashboard");
+    screen.getByText("Regular issue");
+  });
+
+  it("shows Dependency Dashboard issue when hideDepDashboard=false regardless of dependencies.enabled", () => {
+    viewStore.updateViewState({ hideDepDashboard: false });
+    updateConfig({ dependencies: { enabled: false, rebaseLabel: "rebase" } });
+    const issues = [
+      makeIssue({ id: 1, title: "Dependency Dashboard", repoFullName: "org/repo" }),
+    ];
+    setAllExpanded("issues", ["org/repo"], true);
+    render(() => <IssuesTab issues={issues} userLogin="" />);
+    screen.getByText("Dependency Dashboard");
+  });
+
+});