feat: Use posthog/posthog thinking messages for loading indicator (#1179)

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

Author: annikaschmid

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

@@ -1,8 +1,99 @@
-import { Campfire, Circle } from "@phosphor-icons/react";
+import { Brain, Circle } from "@phosphor-icons/react";
 import { Flex, Text } from "@radix-ui/themes";
 import { useEffect, useState } from "react";
 
-const ACTIVITIES = ["Foraging", "Hunting", "Building", "Gathering", "Crafting"];
+const THINKING_MESSAGES = [
+  "Booping",
+  "Crunching",
+  "Digging",
+  "Fetching",
+  "Inferring",
+  "Indexing",
+  "Juggling",
+  "Noodling",
+  "Peeking",
+  "Percolating",
+  "Poking",
+  "Pondering",
+  "Scanning",
+  "Scrambling",
+  "Sifting",
+  "Sniffing",
+  "Spelunking",
+  "Tinkering",
+  "Unraveling",
+  "Decoding",
+  "Trekking",
+  "Sorting",
+  "Trimming",
+  "Mulling",
+  "Surfacing",
+  "Rummaging",
+  "Scouting",
+  "Scouring",
+  "Threading",
+  "Hunting",
+  "Swizzling",
+  "Grokking",
+  "Hedging",
+  "Scheming",
+  "Unfurling",
+  "Puzzling",
+  "Dissecting",
+  "Stacking",
+  "Snuffling",
+  "Hashing",
+  "Clustering",
+  "Teasing",
+  "Cranking",
+  "Merging",
+  "Snooping",
+  "Rewiring",
+  "Bundling",
+  "Linking",
+  "Mapping",
+  "Tickling",
+  "Flicking",
+  "Hopping",
+  "Rolling",
+  "Zipping",
+  "Twisting",
+  "Blooming",
+  "Sparking",
+  "Nesting",
+  "Looping",
+  "Wiring",
+  "Snipping",
+  "Zoning",
+  "Tracing",
+  "Warping",
+  "Twinkling",
+  "Flipping",
+  "Priming",
+  "Snagging",
+  "Scuttling",
+  "Framing",
+  "Sharpening",
+  "Flibbertigibbeting",
+  "Kerfuffling",
+  "Dithering",
+  "Discombobulating",
+  "Rambling",
+  "Befuddling",
+  "Waffling",
+  "Muckling",
+  "Hobnobbing",
+  "Galumphing",
+  "Puttering",
+  "Whiffling",
+  "Thinking",
+];
+
+function getRandomThinkingMessage(): string {
+  return THINKING_MESSAGES[
+    Math.floor(Math.random() * THINKING_MESSAGES.length)
+  ];
+}
 
 export function formatDuration(ms: number): string {
   const totalSeconds = Math.floor(ms / 1000);
@@ -23,7 +114,7 @@ interface GeneratingIndicatorProps {
 
 export function GeneratingIndicator({ startedAt }: GeneratingIndicatorProps) {
   const [elapsed, setElapsed] = useState(0);
-  const [activityIndex, setActivityIndex] = useState(0);
+  const [activity, setActivity] = useState(getRandomThinkingMessage);
 
   useEffect(() => {
     const startTime = startedAt ?? Date.now();
@@ -36,7 +127,7 @@ export function GeneratingIndicator({ startedAt }: GeneratingIndicatorProps) {
 
   useEffect(() => {
     const interval = setInterval(() => {
-      setActivityIndex((i) => (i + 1) % ACTIVITIES.length);
+      setActivity(getRandomThinkingMessage());
     }, 2000);
 
     return () => clearInterval(interval);
@@ -49,8 +140,8 @@ export function GeneratingIndicator({ startedAt }: GeneratingIndicatorProps) {
       className="select-none text-accent-11"
       style={{ userSelect: "none", WebkitUserSelect: "none" }}
     >
-      <Campfire size={14} weight="fill" className="ph-pulse" />
-      <Text size="1">{ACTIVITIES[activityIndex]}...</Text>
+      <Brain size={12} className="ph-pulse" />
+      <Text size="1">{activity}...</Text>
       <Text size="1" color="gray">
         (Esc to interrupt
       </Text>