fix(sessions): stop footer status line overlapping diff stats when narrow

The generating indicator's text nodes had no single-line constraint, so in a narrow chat pane "(Esc to stop" wrapped onto multiple lines and the non-wrappable elapsed time painted over the shrink-0 diff stats on the right.

Make the indicator a single non-wrapping line that shrinks cleanly: the "(Esc to stop · 5.4s)" hint is one truncating text run that gives up space (shrink-[8]) before the activity word, which itself truncates as a last resort.

Generated-By: PostHog Code
Task-Id: 8391467b-63fc-459c-89ef-1d9a45177b91

Author: pauldambra

packages/ui/src/features/sessions/components/GeneratingIndicator.tsx

@@ -171,21 +171,22 @@ export function GeneratingIndicator({
     <Flex
       align="center"
       gap="2"
-      className="select-none select-none"
+      className="min-w-0 select-none"
       style={{ WebkitUserSelect: "none" }}
     >
-      <Brain size={12} className="ph-pulse" />
-      <Text className="text-[13px] text-accent-11">{activity}...</Text>
-      <Text color="gray" className="text-[13px]">
+      <Brain size={12} className="ph-pulse shrink-0" />
+      <Text className="truncate text-[13px] text-accent-11">{activity}...</Text>
+      {/* The hint shrinks (and truncates) well before the activity word does. */}
+      <Text color="gray" className="shrink-[8] truncate text-[13px]">
         (Esc to stop
-      </Text>
-      <Circle size={4} weight="fill" className="mx-[2px] my-0 text-gray-9" />
-      <Text
-        color="gray"
-        style={{ fontVariantNumeric: "tabular-nums" }}
-        className="text-[13px]"
-      >
-        {formatDuration(elapsed, 1)})
+        <Circle
+          size={4}
+          weight="fill"
+          className="mx-1 inline-block align-middle text-gray-9"
+        />
+        <span style={{ fontVariantNumeric: "tabular-nums" }}>
+          {formatDuration(elapsed, 1)})
+        </span>
       </Text>
     </Flex>
   );