- {(() => {
- const content = String(message.toolResult.content || '');
-
- // Special handling for TodoWrite/TodoRead results
- if ((message.toolName === 'TodoWrite' || message.toolName === 'TodoRead') &&
- (content.includes('Todos have been modified successfully') ||
- content.includes('Todo list') ||
- (content.startsWith('[') && content.includes('"content"') && content.includes('"status"')))) {
- try {
- // Try to parse if it looks like todo JSON data
- let todos = null;
- if (content.startsWith('[')) {
- todos = JSON.parse(content);
- } else if (content.includes('Todos have been modified successfully')) {
- // For TodoWrite success messages, we don't have the data in the result
- return (
-
-
- Todo list has been updated successfully
-
-
- );
- }
-
- if (todos && Array.isArray(todos)) {
- return (
-
-
- Current Todo List
-
-
-
- );
- }
- } catch (e) {
- // Fall through to regular handling
- }
- }
-
- // Special handling for exit_plan_mode tool results
- if (message.toolName === 'exit_plan_mode') {
- try {
- // Content might already be an object or a JSON string
- let parsed;
- if (typeof message.toolResult.content === 'object' && message.toolResult.content !== null) {
- parsed = message.toolResult.content;
- } else {
- parsed = JSON.parse(content);
- }
-
- if (parsed && parsed.plan) {
- // Replace escaped newlines with actual newlines
- const planContent = parsed.plan.replace(/\\n/g, '\n');
- return (
-
-
- Implementation Plan
-
-
- {planContent}
-
-
- );
- }
- } catch (e) {
- console.error('Failed to parse exit_plan_mode result:', e);
- // Fall through to regular handling
- }
- }
-
- // Grep/Glob results - compact comma-separated file list
- if ((message.toolName === 'Grep' || message.toolName === 'Glob') && message.toolResult?.toolUseResult) {
- const toolData = message.toolResult.toolUseResult;
- if (toolData.filenames && Array.isArray(toolData.filenames) && toolData.filenames.length > 0) {
- const count = toolData.numFiles || toolData.filenames.length;
- return (
-
- );
- }
- }
-
- // Task tool results - proper task list rendering
- if (message.toolName === 'TaskList' || message.toolName === 'TaskGet') {
- return
;
- }
-
- // Special handling for interactive prompts
- if (content.includes('Do you want to proceed?') && message.toolName === 'Bash') {
- const lines = content.split('\n');
- const promptIndex = lines.findIndex(line => line.includes('Do you want to proceed?'));
- const beforePrompt = lines.slice(0, promptIndex).join('\n');
- const promptLines = lines.slice(promptIndex);
-
- // Extract the question and options
- const questionLine = promptLines.find(line => line.includes('Do you want to proceed?')) || '';
- const options = [];
-
- // Parse numbered options (1. Yes, 2. No, etc.)
- promptLines.forEach(line => {
- const optionMatch = line.match(/^\s*(\d+)\.\s+(.+)$/);
- if (optionMatch) {
- options.push({
- number: optionMatch[1],
- text: optionMatch[2].trim()
- });
- }
- });
-
- // Find which option was selected (usually indicated by "> 1" or similar)
- const selectedMatch = content.match(/>\s*(\d+)/);
- const selectedOption = selectedMatch ? selectedMatch[1] : null;
-
- return (
-
- {beforePrompt && (
-
- )}
-
-
-
-
-
- Interactive Prompt
-
-
- {questionLine}
-
-
- {/* Option buttons */}
-
- {options.map((option) => (
-
- ))}
-
-
- {selectedOption && (
-
-
- ✓ Claude selected option {selectedOption}
-
-
- In the CLI, you would select this option interactively using arrow keys or by typing the number.
-
-
- )}
-
-
-
-
- );
- }
-
- const fileEditMatch = content.match(/The file (.+?) has been updated\./);
- if (fileEditMatch) {
- return (
-
-
- File updated successfully
-
-
-
- );
- }
-
- // Handle Write tool output for file creation
- const fileCreateMatch = content.match(/(?:The file|File) (.+?) has been (?:created|written)(?: successfully)?\.?/);
- if (fileCreateMatch) {
- return (
-
-
- File created successfully
-
-
-
- );
- }
-
- // Special handling for Write tool - hide content if it's just the file content
- if (message.toolName === 'Write' && !message.toolResult.isError) {
- // For Write tool, the diff is already shown in the tool input section
- // So we just show a success message here
- return (
-
-
-
-
File written successfully
-
-
- The file content is displayed in the diff view above
-
-
- );
- }
-
- if (content.includes('cat -n') && content.includes('→')) {
- return (
-
-
-
- View file content
-
-
-
- );
- }
-
- if (content.length > 300) {
- return (
-
-
-
- View full output ({content.length} chars)
-
-
- {content}
-
-
- );
- }
-
- return (
-
- {content}
-
- );
- })()}
- {permissionSuggestion && (
-
-
-
- {onShowSettings && (
+
+ Error
+
+
+
+ {String(message.toolResult.content || '')}
+
+ {permissionSuggestion && (
+
+
+ {onShowSettings && (
+
+ )}
+
+
+ Adds {permissionSuggestion.entry} to Allowed Tools.
+
+ {permissionGrantState === 'error' && (
+
+ Unable to update permissions. Please try again.
+
+ )}
+ {(permissionSuggestion.isAllowed || permissionGrantState === 'granted') && (
+
+ Permission saved. Retry the request to use the tool.
+
)}
-
- Adds {permissionSuggestion.entry} to Allowed Tools.
-
- {permissionGrantState === 'error' && (
-
- Unable to update permissions. Please try again.
-
- )}
- {(permissionSuggestion.isAllowed || permissionGrantState === 'granted') && (
-
- Permission saved. Retry the request to use the tool.
-
- )}
-
- )}
+ )}
+