feat(vscode-ide-companion): 更新 UI 样式

- 重构 PlanDisplay 组件和样式
- 更新 PermissionRequest 组件逻辑
- 增强 PermissionDrawer 样式,提升视觉体验

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
yiliang114
2025-11-21 01:54:03 +08:00
parent 99f93b457c
commit ecc6e22002
4 changed files with 464 additions and 144 deletions

View File

@@ -117,10 +117,25 @@ export const PermissionRequest: React.FC<PermissionRequestProps> = ({
{/* Show command if available */}
{(toolCall.rawInput?.command || toolCall.title) && (
<div className="permission-command-section">
<div className="permission-command-label">Command</div>
<code className="permission-command-code">
{toolCall.rawInput?.command || toolCall.title}
</code>
<div className="permission-command-header">
<div className="permission-command-status">
<span className="permission-command-dot"></span>
<span className="permission-command-label">COMMAND</span>
</div>
</div>
<div className="permission-command-content">
<div className="permission-command-input-section">
<span className="permission-command-io-label">IN</span>
<code className="permission-command-code">
{toolCall.rawInput?.command || toolCall.title}
</code>
</div>
{toolCall.rawInput?.description && (
<div className="permission-command-description">
{toolCall.rawInput.description}
</div>
)}
</div>
</div>
)}