Merge branch 'main' of github.com:getpaseo/paseo

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

@@ -177,7 +177,7 @@ export function ToolCallDetailsContent({
     if (plainInputText !== null) {
       sections.push(
         <View key="unknown-plain-text" style={styles.plainTextSection}>
-          <Text selectable style={styles.scrollText}>{plainInputText}</Text>
+          <Text selectable style={styles.plainText}>{plainInputText}</Text>
         </View>
       );
     } else {
@@ -298,6 +298,13 @@ const styles = StyleSheet.create((theme) => {
     gap: theme.spacing[2],
     padding: theme.spacing[3],
   },
+  plainText: {
+    fontFamily: Fonts.sans,
+    fontSize: theme.fontSize.base,
+    color: theme.colors.foreground,
+    lineHeight: 22,
+    overflowWrap: "anywhere",
+  },
   sectionTitle: {
     color: theme.colors.foregroundMuted,
     fontSize: theme.fontSize.xs,

packages/app/src/utils/tool-call-icon.ts

@@ -1,5 +1,14 @@
 import type { ComponentType } from "react";
-import { Bot, Brain, Eye, Pencil, Search, SquareTerminal, Wrench } from "lucide-react-native";
+import {
+  Bot,
+  Brain,
+  Eye,
+  MicVocal,
+  Pencil,
+  Search,
+  SquareTerminal,
+  Wrench,
+} from "lucide-react-native";
 import type { ToolCallDetail } from "@server/server/agent/agent-sdk-types";
 
 export type ToolCallIconComponent = ComponentType<{ size?: number; color?: string }>;
@@ -20,6 +29,9 @@ export function resolveToolCallIcon(toolName: string, detail?: ToolCallDetail):
   if (lowerName === "thinking" && (!detail || detail.type === "unknown")) {
     return Brain;
   }
+  if (lowerName === "speak") {
+    return MicVocal;
+  }
 
   if (detail) {
     return TOOL_DETAIL_ICONS[detail.type];