fix(web): widen sync banners and simplify the working timer (#8855)

Adapted for Pylon: upstream also strips workingStepLabel so the timeline timer
shows only elapsed time. Pylon keeps it, so the row still says what the agent is
doing and not merely how long it has been doing it. Everything else in the
commit is taken as-is.

(cherry picked from commit 3f62e6fa65c2a2a91a367be4ee95da1b50007bde)

Author: juliusmarminge

apps/web/src/components/chat/MessagesTimeline.tsx

@@ -184,8 +184,6 @@ interface TimelineRowActivityState {
   isRevertingCheckpoint: boolean;
   activeTurnInProgress: boolean;
   latestTurnId: TurnId | null;
-  /** Current plan step label for the working row, when the turn has a plan. */
-  workingStepLabel: string | null;
 }
 
 const TimelineRowCtx = createContext<TimelineRowSharedState>(null!);
@@ -611,7 +609,6 @@ export const MessagesTimeline = memo(function MessagesTimeline({
       isRevertingCheckpoint,
       activeTurnInProgress,
       latestTurnId: latestTurn?.turnId ?? null,
-      workingStepLabel,
     }),
     [activeTurnInProgress, isRevertingCheckpoint, isWorking, latestTurn?.turnId, workingStepLabel],
   );
@@ -1375,7 +1372,6 @@ function waitingOwnerLabel(waitingOn: "user" | "delegates" | "external"): string
 }
 
 function WorkingTimelineRow({ row }: { row: Extract<TimelineRow, { kind: "working" }> }) {
-  const { workingStepLabel } = use(TimelineRowActivityCtx);
   return (
     <div>
       <div className="border-b border-border/60 pb-2 pt-1">
@@ -1389,11 +1385,6 @@ function WorkingTimelineRow({ row }: { row: Extract<TimelineRow, { kind: "workin
               "Working..."
             )}
           </span>
-          {workingStepLabel ? (
-            <span className="ml-2 min-w-0 truncate text-muted-foreground/55">
-              · {workingStepLabel}
-            </span>
-          ) : null}
         </div>
       </div>
       {row.showThinking ? (

docs/user/composer.md

@@ -29,6 +29,10 @@ when starting a thread or changing an existing thread's model.
 
 ## Notices above the composer
 
+On web and desktop, loading and syncing statuses fill the available banner width beside the
+stash tab. Task progress appears above the composer, while the timeline's working timer shows
+only elapsed time.
+
 On web and desktop, additional notices peek out above the attached banner. Hover over the peek
 to reveal them, or focus **Show other notices** with `Tab` and press `Enter` or `Space`. Press
 `Escape` to close the stack and return focus to that control. On a touchscreen, tap the peek to