fix(vscode-ide-companion): improve message logging and permission handling

- Increase message logging truncation limit from 500 to 1500 characters
- Fix permission option mapping logic for reject_once/cancel options
- Add TODO comments for diff accept/cancel responses during permission requests

Resolves issues with permission handling and improves debugging capabilities.

packages/vscode-ide-companion/src/webview/components/toolcalls/Think/ThinkToolCall.tsx

@@ -0,0 +1,72 @@
+/**
+ * @license
+ * Copyright 2025 Qwen Team
+ * SPDX-License-Identifier: Apache-2.0
+ *
+ * Think tool call component - specialized for thinking/reasoning operations
+ */
+
+import type React from 'react';
+import type { BaseToolCallProps } from '../shared/types.js';
+import {
+  ToolCallContainer,
+  ToolCallCard,
+  ToolCallRow,
+} from '../shared/LayoutComponents.js';
+import { groupContent } from '../shared/utils.js';
+
+/**
+ * Specialized component for Think tool calls
+ * Optimized for displaying AI reasoning and thought processes
+ * Minimal display: just show the thoughts (no context)
+ */
+export const ThinkToolCall: React.FC<BaseToolCallProps> = ({ toolCall }) => {
+  const { content } = toolCall;
+
+  // Group content by type
+  const { textOutputs, errors } = groupContent(content);
+
+  // Error case (rare for thinking)
+  if (errors.length > 0) {
+    return (
+      <ToolCallContainer label="Thinking" status="error">
+        {errors.join('\n')}
+      </ToolCallContainer>
+    );
+  }
+
+  // Show thoughts - use card for long content, compact for short
+  if (textOutputs.length > 0) {
+    const thoughts = textOutputs.join('\n\n');
+    const isLong = thoughts.length > 200;
+
+    if (isLong) {
+      const truncatedThoughts =
+        thoughts.length > 500 ? thoughts.substring(0, 500) + '...' : thoughts;
+
+      return (
+        <ToolCallCard icon="💭">
+          <ToolCallRow label="Thinking">
+            <div className="italic opacity-90 leading-relaxed">
+              {truncatedThoughts}
+            </div>
+          </ToolCallRow>
+        </ToolCallCard>
+      );
+    }
+
+    // Short thoughts - compact format
+    const status =
+      toolCall.status === 'pending' || toolCall.status === 'in_progress'
+        ? 'loading'
+        : 'default';
+    return (
+      <ToolCallContainer label="Thinking" status={status}>
+        <span className="italic opacity-90">{thoughts}</span>
+      </ToolCallContainer>
+    );
+  }
+
+  // Empty thoughts
+  return null;
+};