puter/paseo
1
0
Fork 0
mirror of https://github.com/getpaseo/paseo.git synced 2026-07-29 12:01:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

test: tool call bottom sheet text visibility (PASSED)

Browse Source 
Verified via Playwright MCP that the tool call bottom sheet fix is working.
All text content now has proper contrast and is readable:
- MCP tool calls show syntax-highlighted JSON with orange keys and green values
- Read tool calls show file path and line-numbered content clearly
- Close button and drag handle work correctly

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Mohamed Boudra
2025-12-22 03:39:42 +00:00
parent 56a287a85d
commit bd3cfff30e
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
plan.md
View File

@@ -786,8 +786,14 @@ interface ToolCallSheetData {
- Run typecheck after fix
- **Done (2025-12-22 15:30)**: Fixed by replacing `react-native-gesture-handler`'s ScrollView with React Native's built-in ScrollView in `tool-call-sheet.tsx`. The gesture handler's ScrollView was causing text rendering issues inside `@gorhom/bottom-sheet`. Also added `backgroundColor: theme.colors.card` to `scrollArea` and `jsonScroll` styles for consistent background. Verified via Playwright MCP - JSON content now clearly visible with proper contrast. Typecheck passes.
- [ ] **Test**: Re-verify tool call bottom sheet is readable after fix.
- [x] **Test**: Re-verify tool call bottom sheet is readable after fix.
- Take Playwright MCP screenshot
- **Success criteria**: All text in bottom sheet has proper contrast and is readable
- Tool name, arguments JSON, and result content must all be visible
- **Done (2025-12-22 15:45)**: PASSED. Tested via Playwright MCP on mobile web at `http://localhost:8081`. Verified multiple tool call types:
1. ✅ **MCP tool calls** (`mcp__agent-control__create_agent`): Bottom sheet opens with header showing tool icon, name, and green "Done" badge. JSON result content clearly visible with syntax highlighting (orange keys, green string values) on dark background with good contrast.
2. ✅ **Read tool calls**: Bottom sheet shows "READ RESULT" label, file path in dark code block, and file content with line numbers - all clearly readable.
3. ✅ **Close button**: X button dismisses sheet correctly.
4. ✅ **Drag handle**: Present for gesture-based dismissal.
Screenshots saved to `.playwright-mcp/tool-call-bottom-sheet-after-fix.png` and `.playwright-mcp/tool-call-read-bottom-sheet.png` confirm text visibility.