feat(ui): add web search widget and enhance tool widgets

- Add WebSearchWidget for displaying search results with collapsible sections and clickable links
- Enhance GrepWidget with improved result parsing, visual design, and structured display
- Replace external links in GitHubAgentBrowser with Tauri shell integration for desktop security
- Update StreamMessage to support WebSearch tool rendering
- Add ReactMarkdown support for rich text display in search results

Author: mufeedvh

src/components/GitHubAgentBrowser.tsx

@@ -18,6 +18,7 @@ import { Badge } from "@/components/ui/badge";
 import { api, type GitHubAgentFile, type AgentExport, type Agent } from "@/lib/api";
 import { type AgentIconName } from "./CCAgents";
 import { ICON_MAP } from "./IconPicker";
+import { open } from "@tauri-apps/plugin-shell";
 
 interface GitHubAgentBrowserProps {
   isOpen: boolean;
@@ -148,6 +149,15 @@ export const GitHubAgentBrowser: React.FC<GitHubAgentBrowserProps> = ({
     return <Icon className="h-8 w-8" />;
   };
 
+  const handleGitHubLinkClick = async (e: React.MouseEvent) => {
+    e.preventDefault();
+    try {
+      await open("https://github.com/getAsterisk/claudia/tree/main/cc_agents");
+    } catch (error) {
+      console.error('Failed to open GitHub link:', error);
+    }
+  };
+
   return (
     <Dialog open={isOpen} onOpenChange={onClose}>
       <DialogContent className="max-w-4xl max-h-[80vh] overflow-hidden flex flex-col">
@@ -163,15 +173,13 @@ export const GitHubAgentBrowser: React.FC<GitHubAgentBrowserProps> = ({
           <div className="px-4 py-3 bg-muted/50 rounded-lg mb-4">
             <p className="text-sm text-muted-foreground">
               Agents are fetched from{" "}
-              <a
-                href="https://github.com/getAsterisk/claudia/tree/main/cc_agents"
-                target="_blank"
-                rel="noopener noreferrer"
+              <button
+                onClick={handleGitHubLinkClick}
                 className="text-primary hover:underline inline-flex items-center gap-1"
               >
                 github.com/getAsterisk/claudia/cc_agents
                 <Globe className="h-3 w-3" />
-              </a>
+              </button>
             </p>
             <p className="text-sm text-muted-foreground mt-1">
               You can contribute your custom agents to the repository!

src/components/StreamMessage.tsx

@@ -34,7 +34,8 @@ import {
   SystemInitializedWidget,
   TaskWidget,
   LSResultWidget,
-  ThinkingWidget
+  ThinkingWidget,
+  WebSearchWidget
 } from "./ToolWidgets";
 
 interface StreamMessageProps {
@@ -239,6 +240,12 @@ const StreamMessageComponent: React.FC<StreamMessageProps> = ({ message, classNa
                         return <GrepWidget pattern={input.pattern} include={input.include} path={input.path} exclude={input.exclude} result={toolResult} />;
                       }
 
+                      // WebSearch tool
+                      if (toolName === "websearch" && input?.query) {
+                        renderedSomething = true;
+                        return <WebSearchWidget query={input.query} result={toolResult} />;
+                      }
+                      
                       // Default - return null
                       return null;
                     };
@@ -354,7 +361,7 @@ const StreamMessageComponent: React.FC<StreamMessageProps> = ({ message, classNa
                           const toolUse = prevMsg.message.content.find((c: any) => c.type === 'tool_use' && c.id === content.tool_use_id);
                           if (toolUse) {
                             const toolName = toolUse.name?.toLowerCase();
-                            const toolsWithWidgets = ['task','edit','multiedit','todowrite','ls','read','glob','bash','write','grep'];
+                            const toolsWithWidgets = ['task','edit','multiedit','todowrite','ls','read','glob','bash','write','grep','websearch'];
                             if (toolsWithWidgets.includes(toolName) || toolUse.name?.startsWith('mcp__')) {
                               hasCorrespondingWidget = true;
                             }