feat(code): pause timer when awaiting user input (#1233)

## problem

agent timer does not pause when awaiting user input, so if you take a break, you'll get crazy times on the display

closes https://github.com/PostHog/code/issues/1227

## changes

tracks `pausedDurationMs` , accumulated while the agent is waiting for input, and subtracted from display times

## testing

manually tested locally - started a task - let it sit on permissions for a long time - verified timer did not include the waiting time after approving

Author: adboio

apps/code/src/renderer/features/sessions/components/ConversationView.tsx

@@ -3,6 +3,7 @@ import {
   useOptimisticItemsForTask,
   usePendingPermissionsForTask,
   useQueuedMessagesForTask,
+  useSessionForTask,
 } from "@features/sessions/stores/sessionStore";
 import { useSettingsStore } from "@features/settings/stores/settingsStore";
 import { useFeatureFlag } from "@hooks/useFeatureFlag";
@@ -72,6 +73,8 @@ export function ConversationView({
   const pendingPermissionsCount = pendingPermissions.size;
   const queuedMessages = useQueuedMessagesForTask(taskId);
   const optimisticItems = useOptimisticItemsForTask(taskId);
+  const session = useSessionForTask(taskId);
+  const pausedDurationMs = session?.pausedDurationMs ?? 0;
 
   const queuedItems = useMemo<Extract<ConversationItem, { type: "queued" }>[]>(
     () =>
@@ -188,11 +191,14 @@ export function ConversationView({
               isPromptPending={isPromptPending}
               promptStartedAt={promptStartedAt}
               lastGenerationDuration={
-                lastTurnInfo?.isComplete ? lastTurnInfo.durationMs : null
+                lastTurnInfo?.isComplete
+                  ? Math.max(0, lastTurnInfo.durationMs - pausedDurationMs)
+                  : null
               }
               lastStopReason={lastTurnInfo?.stopReason}
               queuedCount={queuedMessages.length}
               hasPendingPermission={pendingPermissionsCount > 0}
+              pausedDurationMs={pausedDurationMs}
             />
           </div>
         }

apps/code/src/renderer/features/sessions/components/GeneratingIndicator.tsx

@@ -1,6 +1,6 @@
 import { Brain, Circle } from "@phosphor-icons/react";
 import { Flex, Text } from "@radix-ui/themes";
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 
 const THINKING_MESSAGES = [
   "Booping",
@@ -110,16 +110,24 @@ export function formatDuration(ms: number): string {
 interface GeneratingIndicatorProps {
   /** Timestamp (ms) when the prompt started. Only render this component while a prompt is pending. */
   startedAt?: number | null;
+  /** Accumulated time (ms) spent waiting for user input, subtracted from elapsed display. */
+  pausedDurationMs?: number;
 }
 
-export function GeneratingIndicator({ startedAt }: GeneratingIndicatorProps) {
+export function GeneratingIndicator({
+  startedAt,
+  pausedDurationMs,
+}: GeneratingIndicatorProps) {
   const [elapsed, setElapsed] = useState(0);
   const [activity, setActivity] = useState(getRandomThinkingMessage);
 
+  const pausedRef = useRef(pausedDurationMs ?? 0);
+  pausedRef.current = pausedDurationMs ?? 0;
+
   useEffect(() => {
     const startTime = startedAt ?? Date.now();
     const interval = setInterval(() => {
-      setElapsed(Date.now() - startTime);
+      setElapsed(Math.max(0, Date.now() - startTime - pausedRef.current));
     }, 50);
 
     return () => clearInterval(interval);

apps/code/src/renderer/features/sessions/components/SessionFooter.tsx

@@ -10,6 +10,7 @@ interface SessionFooterProps {
   lastStopReason?: string;
   queuedCount?: number;
   hasPendingPermission?: boolean;
+  pausedDurationMs?: number;
 }
 
 export function SessionFooter({
@@ -19,6 +20,7 @@ export function SessionFooter({
   lastStopReason,
   queuedCount = 0,
   hasPendingPermission = false,
+  pausedDurationMs,
 }: SessionFooterProps) {
   if (isPromptPending) {
     // Show static "waiting" state when permission is pending
@@ -41,7 +43,10 @@ export function SessionFooter({
     return (
       <Box className="pt-3 pb-1">
         <Flex align="center" gap="2">
-          <GeneratingIndicator startedAt={promptStartedAt} />
+          <GeneratingIndicator
+            startedAt={promptStartedAt}
+            pausedDurationMs={pausedDurationMs}
+          />
           {queuedCount > 0 && (
             <Text size="1" color="gray">
               ({queuedCount} queued)

apps/code/src/renderer/features/sessions/service/service.test.ts

@@ -207,6 +207,7 @@ const createMockSession = (
   isPromptPending: false,
   promptStartedAt: null,
   pendingPermissions: new Map(),
+  pausedDurationMs: 0,
   messageQueue: [],
   optimisticItems: [],
   ...overrides,

apps/code/src/renderer/features/sessions/service/service.ts

@@ -803,6 +803,7 @@ export class SessionService {
         sessionStoreSetters.updateSession(taskRunId, {
           isPromptPending: true,
           promptStartedAt: acpMsg.ts,
+          pausedDurationMs: 0,
         });
       }
       if (
@@ -1077,6 +1078,7 @@ export class SessionService {
     sessionStoreSetters.updateSession(session.taskRunId, {
       isPromptPending: true,
       promptStartedAt: Date.now(),
+      pausedDurationMs: 0,
     });
 
     sessionStoreSetters.appendOptimisticItem(session.taskRunId, {
@@ -1457,6 +1459,24 @@ export class SessionService {
 
   // --- Permissions ---
 
+  private resolvePermission(session: AgentSession, toolCallId: string): void {
+    const permission = session.pendingPermissions.get(toolCallId);
+    const newPermissions = new Map(session.pendingPermissions);
+    newPermissions.delete(toolCallId);
+    sessionStoreSetters.setPendingPermissions(
+      session.taskRunId,
+      newPermissions,
+    );
+
+    if (permission?.receivedAt) {
+      sessionStoreSetters.updateSession(session.taskRunId, {
+        pausedDurationMs:
+          (session.pausedDurationMs ?? 0) +
+          (Date.now() - permission.receivedAt),
+      });
+    }
+  }
+
   /**
    * Respond to a permission request.
    */
@@ -1473,12 +1493,7 @@ export class SessionService {
       return;
     }
 
-    const newPermissions = new Map(session.pendingPermissions);
-    newPermissions.delete(toolCallId);
-    sessionStoreSetters.setPendingPermissions(
-      session.taskRunId,
-      newPermissions,
-    );
+    this.resolvePermission(session, toolCallId);
 
     try {
       await trpcClient.agent.respondToPermission.mutate({
@@ -1515,12 +1530,7 @@ export class SessionService {
       return;
     }
 
-    const newPermissions = new Map(session.pendingPermissions);
-    newPermissions.delete(toolCallId);
-    sessionStoreSetters.setPendingPermissions(
-      session.taskRunId,
-      newPermissions,
-    );
+    this.resolvePermission(session, toolCallId);
 
     try {
       await trpcClient.agent.cancelPermission.mutate({
@@ -2164,6 +2174,7 @@ export class SessionService {
       isPromptPending: false,
       promptStartedAt: null,
       pendingPermissions: new Map(),
+      pausedDurationMs: 0,
       messageQueue: [],
       optimisticItems: [],
     };

apps/code/src/renderer/features/sessions/stores/sessionStore.ts

@@ -55,6 +55,8 @@ export interface AgentSession {
   /** Session configuration options (model, mode, thought level, etc.) */
   configOptions?: SessionConfigOption[];
   pendingPermissions: Map<string, PermissionRequest>;
+  /** Accumulated time (ms) spent waiting for user input (permissions, questions, etc.) */
+  pausedDurationMs: number;
   messageQueue: QueuedMessage[];
   /** Whether this session is for a cloud run */
   isCloud?: boolean;