refactor: decouple permission state from attention signal

packages/app/src/hooks/use-aggregated-agents.ts

@@ -64,6 +64,7 @@ export function useAggregatedAgents(): AggregatedAgentsResult {
           lastActivityAt: agent.lastActivityAt,
           cwd: agent.cwd,
           provider: agent.provider,
+          pendingPermissionCount: agent.pendingPermissions.length,
           requiresAttention: agent.requiresAttention,
           attentionReason: agent.attentionReason,
           attentionTimestamp: agent.attentionTimestamp,

packages/app/src/hooks/use-all-agents-list.ts

@@ -26,6 +26,7 @@ function toAggregatedAgent(params: {
     lastActivityAt: source.lastActivityAt,
     cwd: source.cwd,
     provider: source.provider,
+    pendingPermissionCount: source.pendingPermissions.length,
     requiresAttention: source.requiresAttention,
     attentionReason: source.attentionReason,
     attentionTimestamp: source.attentionTimestamp ?? null,

packages/app/src/hooks/use-command-center.ts

@@ -40,6 +40,10 @@ function isMatch(agent: AggregatedAgent, query: string): boolean {
 }
 
 function sortAgents(left: AggregatedAgent, right: AggregatedAgent): number {
+  const leftNeedsInput = (left.pendingPermissionCount ?? 0) > 0 ? 1 : 0;
+  const rightNeedsInput = (right.pendingPermissionCount ?? 0) > 0 ? 1 : 0;
+  if (leftNeedsInput !== rightNeedsInput) return rightNeedsInput - leftNeedsInput;
+
   const leftAttention = left.requiresAttention ? 1 : 0;
   const rightAttention = right.requiresAttention ? 1 : 0;
   if (leftAttention !== rightAttention) return rightAttention - leftAttention;

packages/app/src/hooks/use-favicon-status.ts

@@ -30,7 +30,8 @@ function deriveFaviconStatus(
     return "running";
   }
   const hasAttention = agents.some((agent) => agent.requiresAttention);
-  if (hasAttention) {
+  const hasNeedsInput = agents.some((agent) => (agent.pendingPermissionCount ?? 0) > 0);
+  if (hasAttention || hasNeedsInput) {
     return "attention";
   }
   return "none";
@@ -41,8 +42,8 @@ function deriveMacDockBadgeCount(
 ): number | undefined {
   const attentionCount = agents.filter(
     (agent) =>
-      agent.requiresAttention &&
-      (agent.attentionReason === "permission" || agent.attentionReason === "finished")
+      (agent.pendingPermissionCount ?? 0) > 0 ||
+      (agent.requiresAttention && agent.attentionReason === "finished")
   ).length;
   if (attentionCount > 0) {
     return attentionCount;

packages/app/src/hooks/use-sidebar-agents-list.ts

@@ -77,6 +77,7 @@ function applySidebarDefaultOrdering(
   for (const entry of entries) {
     const bucket = deriveSidebarStateBucket({
       status: entry.agent.status,
+      pendingPermissionCount: entry.agent.pendingPermissionCount,
       requiresAttention: entry.agent.requiresAttention,
       attentionReason: entry.agent.attentionReason,
     });
@@ -135,6 +136,7 @@ function toAggregatedAgent(params: {
     lastActivityAt: params.lastActivityAt,
     cwd: source.cwd,
     provider: source.provider,
+    pendingPermissionCount: source.pendingPermissions.length,
     requiresAttention: source.requiresAttention,
     attentionReason: source.attentionReason,
     attentionTimestamp: source.attentionTimestamp ?? null,
@@ -239,6 +241,7 @@ export function useSidebarAgentsList(options?: {
       const existing = byProject.get(entry.project.projectKey);
       const isActive = isSidebarActiveAgent({
         status: entry.agent.status,
+        pendingPermissionCount: entry.agent.pendingPermissionCount,
         requiresAttention: entry.agent.requiresAttention,
         attentionReason: entry.agent.attentionReason,
       });