Agent Web Search
An AI-powered web search component that displays search results with intelligent summaries, credibility scoring, and advanced filtering capabilities.
Features
- AI-Enhanced Results: Each search result includes an AI-generated summary for quick understanding
- Credibility Scoring: Visual indicators showing source reliability and content relevance
- Smart Filtering: Filter by domain, date range, and relevance score
- Interactive Actions: Copy links, open in new tabs, and interact with results
- Related Searches: Suggested queries based on the current search context
- Real-time Updates: Loading states and smooth transitions during search operations
Examples
Basic Usage
Building AI Agent Interfaces with React
Learn how to create sophisticated AI agent interfaces using React and modern UI patterns...
AI Summary: Comprehensive guide covering component architecture, state management, and real-time updates for AI agent UIs.
Best Practices for Agent UI Design
Explore the latest patterns and best practices for designing intuitive agent interfaces...
AI Summary: Key insights on conversation flows, visual feedback, and user trust in AI agent interactions.
Open Source AI Agent Components
A collection of open source React components specifically designed for AI agent applications...
AI Summary: Repository featuring 50+ components including chat interfaces, tool palettes, and status indicators.
Related searches
Interactive Demo
Building AI Agent Interfaces with React
Learn how to create sophisticated AI agent interfaces using React and modern UI patterns...
AI Summary: Comprehensive guide covering component architecture, state management, and real-time updates for AI agent UIs.
Best Practices for Agent UI Design
Explore the latest patterns and best practices for designing intuitive agent interfaces...
AI Summary: Key insights on conversation flows, visual feedback, and user trust in AI agent interactions.
Open Source AI Agent Components
A collection of open source React components specifically designed for AI agent applications...
AI Summary: Repository featuring 50+ components including chat interfaces, tool palettes, and status indicators.
Related searches
Chat Integration
Building Production-Ready AI Agents with React
A comprehensive guide to building scalable AI agent applications using React, TypeScript, and modern tooling...
AI Summary: Step-by-step tutorial covering architecture, state management, real-time updates, and deployment strategies for AI agents.
GitHub - openai/agent-ui-components
Open source UI components for building AI agent applications. Includes chat interfaces, tool panels...
AI Summary: Comprehensive repository with 30+ components specifically designed for AI agent integration. MIT licensed.
AI Agent Design Patterns - Microsoft Learn
Explore common design patterns for AI agents including orchestration, tool use, and multi-agent collaboration...
AI Summary: Microsoft's guide to enterprise AI agent patterns with Azure integration examples and best practices.
Related searches
Installation
npx shadcn@latest add agents-ui-kit/agents-ui/agent-web-search
API Reference
AgentWebSearch
| Prop | Type | Default | Description |
|---|---|---|---|
| query | string | - | The search query to display |
| results | SearchResult[] | [] | Array of search results to display |
| isSearching | boolean | false | Whether a search is currently in progress |
| selectedDomains | string[] | [] | Array of domain filters currently applied |
| dateFilter | "all" | "day" | "week" | "month" | "year" | "all" | Date range filter for results |
| onSearch | (query: string) => void | - | Callback when a new search is initiated |
| onResultClick | (result: SearchResult) => void | - | Callback when a search result is clicked |
| onCopyLink | (url: string) => void | - | Callback when a result link is copied |
| onDomainFilter | (domains: string[]) => void | - | Callback when domain filters are updated |
| onDateFilter | (filter: DateFilter) => void | - | Callback when date filter is changed |
| onRefresh | () => void | - | Callback to refresh search results |
| className | string | - | Additional CSS classes to apply |
| timestamp | string | "2:34 PM" | Timestamp to display for the search |
SearchResult
| Property | Type | Required | Description |
|---|---|---|---|
| id | string | Yes | Unique identifier for the result |
| title | string | Yes | Title of the search result |
| url | string | Yes | URL of the search result |
| domain | string | Yes | Domain name of the result source |
| snippet | string | Yes | Brief excerpt from the content |
| aiSummary | string | No | AI-generated summary of the content |
| publishedDate | string | No | Publication date in ISO format |
| credibilityScore | number | No | Score from 0-1 indicating source credibility |
| relevanceScore | number | No | Score from 0-1 indicating result relevance |
| imageUrl | string | No | Optional thumbnail image URL |