Unified tool call display schema, compaction timeline, and auth fixes

- Replace extractPrincipalParam, parseToolCallDisplay, getToolKindFromName
  with a single unified parseToolCallDisplay on the server, consumed by
  both server (activity-curator) and app
- Parse tool calls exactly once and pass ToolCallDisplayInfo down to all
  consumers (message, sheet, details, stream view)
- Add compaction timeline item: detect SDKStatusMessage (compacting) and
  SDKCompactBoundaryMessage, show loading/completed marker in timeline
- Suppress compact summary user message in live stream (flag) and JSONL
  resume (isCompactSummary check)
- Add CompactionMarker component with scissors icon and token count
- Hide sub-agent tool calls from timeline, collapse into Task metadata
- Add Bot icon for Task tool calls
- Fix stripShellWrapperPrefix to strip /bin/zsh -lc wrappers without cd
- Replace CLAUDE_SESSION_TOKEN with CLAUDE_CODE_OAUTH_TOKEN

packages/app/src/components/tool-call-sheet.tsx

@@ -15,21 +15,13 @@ import {
   BottomSheetBackdrop,
   BottomSheetBackgroundProps,
 } from "@gorhom/bottom-sheet";
-import { Pencil, Eye, SquareTerminal, Search, Wrench, X } from "lucide-react-native";
-import { extractPrincipalParam } from "@/utils/tool-call-parsers";
-import { ToolCallDetailsContent, useToolCallDetails } from "./tool-call-details";
+import { Pencil, Eye, SquareTerminal, Search, Bot, Wrench, X } from "lucide-react-native";
+import type { ToolCallDisplayInfo } from "@/utils/tool-call-parsers";
+import { ToolCallDetailsContent } from "./tool-call-details";
 
 // ----- Types -----
 
-export interface ToolCallSheetData {
-  toolName: string;
-  kind?: string;
-  status?: "executing" | "completed" | "failed";
-  cwd?: string;
-  args?: unknown;
-  result?: unknown;
-  error?: unknown;
-}
+export type ToolCallSheetData = ToolCallDisplayInfo;
 
 interface ToolCallSheetContextValue {
   openToolCall: (data: ToolCallSheetData) => void;
@@ -55,6 +47,7 @@ const toolKindIcons: Record<string, React.ComponentType<{ size?: number; color?:
   read: Eye,
   execute: SquareTerminal,
   search: Search,
+  agent: Bot,
 };
 
 // ----- Custom Background Component -----
@@ -140,14 +133,9 @@ interface ToolCallSheetContentProps {
 }
 
 function ToolCallSheetContent({ data, onClose }: ToolCallSheetContentProps) {
-  const { toolName, kind, cwd, args, result, error } = data;
+  const { kind, displayName, detail, errorText } = data;
 
-  const IconComponent = kind
-    ? toolKindIcons[kind.toLowerCase()] || Wrench
-    : Wrench;
-
-  const { display, errorText } = useToolCallDetails({ toolName, args, result, error });
-  const principalParam = useMemo(() => extractPrincipalParam(args, cwd), [args, cwd]);
+  const IconComponent = toolKindIcons[kind] || Wrench;
 
   return (
     <View style={styles.container}>
@@ -155,16 +143,9 @@ function ToolCallSheetContent({ data, onClose }: ToolCallSheetContentProps) {
       <View style={styles.header}>
         <View style={styles.headerLeft}>
           <IconComponent size={20} color={styles.headerIcon.color} />
-          <View style={styles.headerTextColumn}>
-            <Text style={styles.headerTitle} numberOfLines={1}>
-              {display.toolName}
-            </Text>
-            {principalParam ? (
-              <Text style={styles.headerSubtitle} numberOfLines={1}>
-                {principalParam}
-              </Text>
-            ) : null}
-          </View>
+          <Text style={styles.headerTitle} numberOfLines={1}>
+            {displayName}
+          </Text>
         </View>
         <Pressable onPress={onClose} style={styles.closeButton}>
           <X size={20} color={styles.closeIcon.color} />
@@ -176,7 +157,7 @@ function ToolCallSheetContent({ data, onClose }: ToolCallSheetContentProps) {
         style={styles.content}
         contentContainerStyle={styles.contentContainer}
       >
-        <ToolCallDetailsContent display={display} errorText={errorText} />
+        <ToolCallDetailsContent detail={detail} errorText={errorText} />
       </BottomSheetScrollView>
     </View>
   );
@@ -210,10 +191,6 @@ const styles = StyleSheet.create((theme) => ({
     gap: theme.spacing[2],
     flex: 1,
   },
-  headerTextColumn: {
-    flex: 1,
-    minWidth: 0,
-  },
   headerIcon: {
     color: theme.colors.foreground,
   },
@@ -223,11 +200,6 @@ const styles = StyleSheet.create((theme) => ({
     color: theme.colors.foreground,
     flex: 1,
   },
-  headerSubtitle: {
-    marginTop: theme.spacing[1],
-    fontSize: theme.fontSize.sm,
-    color: theme.colors.foregroundMuted,
-  },
   closeButton: {
     padding: theme.spacing[2],
   },