Add CodeNomad-inspired tool rendering system

Phase 1 of enhancement plan:
- Created tool-renderers.js with 13+ specialized tool renderers
- Created tool-rendering.css for context-specific tool styling
- Integrated into index.html with cache bust (v1769083100000)

Supported tools:
- bash, edit, write, read (file operations)
- websearch, webfetch (web operations)
- task, todowrite (agent operations)
- grep, glob, list, patch (utilities)

Each tool gets specialized rendering showing the most relevant
information in a user-friendly format.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
uroma
2026-01-22 11:58:39 +00:00
Unverified
parent eb0f95ac9e
commit 7cd97ce8d3
3 changed files with 1173 additions and 1 deletions

View File

@@ -233,7 +233,7 @@
<script>
(function() {
'use strict';
const EXPECTED_JS_VERSION = '1769083000000'; // Cache bust for trace panel collapse fix
const EXPECTED_JS_VERSION = '1769083100000'; // Cache bust for tool rendering system
const CACHE_BUST_KEY = '_claude_cache_bust';
// Check if we need to force reload
@@ -300,6 +300,7 @@
<link rel="stylesheet" href="/claude/claude-ide/components/enhanced-chat-input.css?v=1769027229">
<link rel="stylesheet" href="/claude/claude-ide/components/session-picker.css?v=1769027229">
<link rel="stylesheet" href="/claude/claude-ide/components/approval-card.css?v=1769027229">
<link rel="stylesheet" href="/claude/claude-ide/tool-rendering.css?v1769083100000">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css">
<!-- Monaco Editor (VS Code Editor) - AMD Loader -->
@@ -645,6 +646,7 @@
<script src="/claude/claude-ide/tag-renderer.js?v1769082165881"></script>
<script src="/claude/claude-ide/preview-manager.js?v1769082165881"></script>
<script src="/claude/claude-ide/chat-enhanced.js?v1769082165881"></script>
<script src="/claude/claude-ide/tool-renderers.js?v1769083100000"></script>
<script src="/claude/claude-ide/terminal.js?v1769082165881"></script>
<script src="/claude/claude-ide/components/monaco-editor.js?v1769082165881"></script>
<script src="/claude/claude-ide/components/enhanced-chat-input.js?v1769082165881"></script>