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/Search/SearchToolCall.tsx

@@ -0,0 +1,95 @@
+/**
+ * @license
+ * Copyright 2025 Qwen Team
+ * SPDX-License-Identifier: Apache-2.0
+ *
+ * Search tool call component - specialized for search operations
+ */
+
+import type React from 'react';
+import type { BaseToolCallProps } from '../shared/types.js';
+import {
+  ToolCallContainer,
+  ToolCallCard,
+  ToolCallRow,
+  LocationsList,
+} from '../shared/LayoutComponents.js';
+import {
+  safeTitle,
+  groupContent,
+  mapToolStatusToContainerStatus,
+} from '../shared/utils.js';
+
+/**
+ * Specialized component for Search tool calls
+ * Optimized for displaying search operations and results
+ * Shows query + result count or file list
+ */
+export const SearchToolCall: React.FC<BaseToolCallProps> = ({ toolCall }) => {
+  const { title, content, locations } = toolCall;
+  const queryText = safeTitle(title);
+
+  // Group content by type
+  const { errors } = groupContent(content);
+
+  // Error case: show search query + error in card layout
+  if (errors.length > 0) {
+    return (
+      <ToolCallCard icon="🔍">
+        <ToolCallRow label="Search">
+          <div className="font-mono">{queryText}</div>
+        </ToolCallRow>
+        <ToolCallRow label="Error">
+          <div className="text-[#c74e39] font-medium">{errors.join('\n')}</div>
+        </ToolCallRow>
+      </ToolCallCard>
+    );
+  }
+
+  // Success case with results: show search query + file list
+  if (locations && locations.length > 0) {
+    const containerStatus = mapToolStatusToContainerStatus(toolCall.status);
+    // If multiple results, use card layout; otherwise use compact format
+    if (locations.length > 1) {
+      return (
+        <ToolCallCard icon="🔍">
+          <ToolCallRow label="Search">
+            <div className="font-mono">{queryText}</div>
+          </ToolCallRow>
+          <ToolCallRow label={`Found (${locations.length})`}>
+            <LocationsList locations={locations} />
+          </ToolCallRow>
+        </ToolCallCard>
+      );
+    }
+    // Single result - compact format
+    return (
+      <ToolCallContainer
+        label="Search"
+        status={containerStatus}
+        className="search-toolcall"
+        labelSuffix={`(${queryText})`}
+      >
+        {/* <span className="font-mono">{queryText}</span> */}
+        <span className="mx-2 opacity-50">→</span>
+        <LocationsList locations={locations} />
+      </ToolCallContainer>
+    );
+  }
+
+  // No results - show query only
+  if (queryText) {
+    const containerStatus = mapToolStatusToContainerStatus(toolCall.status);
+    return (
+      <ToolCallContainer
+        label="Search"
+        status={containerStatus}
+        className="search-toolcall"
+      >
+        <span className="font-mono">{queryText}</span>
+      </ToolCallContainer>
+    );
+  }
+
+  return null;
+};