# Blocks: Agentic UI Kit

> 323 blocks for React and Next.js, installable from the Agentic UI Kit registry. Sections and widgets you place inside a screen, such as a table, a chart, a card or a form.

Page with live previews: https://agentic-ui-kit.com/components/category/block

- [AI Workspace Message Item](https://agentic-ui-kit.com/components/ai-workspace-message-item.md): Agent reply message bubble with tool execution traces.
- [AI Workspace Prompt Composer](https://agentic-ui-kit.com/components/ai-workspace-prompt-composer.md): Prompt input box for LLM models with an engine picker.
- [AI Workspace Usage Metrics Chart](https://agentic-ui-kit.com/components/ai-workspace-usage-metrics-chart.md): Monitor of token usage and API calls per period.
- [Form Validation Summary](https://agentic-ui-kit.com/components/form-validation-summary.md): Vendor onboarding with tax and billing details.
- [Project Management Issue Row](https://agentic-ui-kit.com/components/project-management-issue-row.md): Issue row with quick status change and assignment.
- [AI Action Confirmation](https://agentic-ui-kit.com/components/ai-action-confirmation.md): Operations agent that asks to drop production tables and shows the rows, size and last use of each one.
- [AI Chat Empty State](https://agentic-ui-kit.com/components/ai-chat-empty-state.md): Assistant chat with no messages that offers four starting points configured by the workspace.
- [AI Chat Settings Panel](https://agentic-ui-kit.com/components/ai-chat-settings-panel.md): Side panel of an AI chat to set the model and temperature for that conversation only.
- [AI Citations Panel](https://agentic-ui-kit.com/components/ai-citations-panel.md): Conversational support assistant that cites knowledge base articles and resolved tickets.
- [AI Conversation History](https://agentic-ui-kit.com/components/ai-conversation-history.md): Chat assistant with a side history where the user searches, renames and pins important conversations.
- [AI Eval Score Chart](https://agentic-ui-kit.com/components/ai-eval-score-chart.md): Prompt evaluation panel comparing candidate and production versions with a score distribution.
- [AI Feedback Actions](https://agentic-ui-kit.com/components/ai-feedback-actions.md): Rating an assistant response in a chat thread.
- [AI File Summary Card](https://agentic-ui-kit.com/components/ai-file-summary-card.md): Invoice attached to a chat thread with the amount and due date extracted.
- [AI Generated Gallery](https://agentic-ui-kit.com/components/ai-generated-gallery.md): Image generation workspace where each prompt produces a browsable batch with variations.
- [AI Human Handoff](https://agentic-ui-kit.com/components/ai-human-handoff.md): Support inbox where the AI agent escalates to a human a refund that exceeds its approval limit.
- [AI Inline Writer](https://agentic-ui-kit.com/components/ai-inline-writer.md): Document editor where the writer selects a paragraph and improves, shortens or expands it without leaving the flow.
- [AI Model Picker](https://agentic-ui-kit.com/components/ai-model-picker.md): Prompt composer toolbar to select the inference model by cost and latency.
- [AI Node Config Panel](https://agentic-ui-kit.com/components/ai-node-config-panel.md): Agent workflow editor: selecting an LLM node edits the model, temperature, prompts and JSON output.
- [AI PII Redaction](https://agentic-ui-kit.com/components/ai-pii-redaction.md): Governance settings for an agent platform: which personal data is redacted in prompts, responses and traces.
- [AI Plan Approval](https://agentic-ui-kit.com/components/ai-plan-approval.md): Agent proposing a database migration plan with destructive steps that the operator reviews and approves one by one.
- [AI Prompt Composer](https://agentic-ui-kit.com/components/ai-prompt-composer.md): AI agent workspace with contextual mentions of specialized agents and command execution.
- [AI Slash Commands](https://agentic-ui-kit.com/components/ai-slash-commands.md): Command palette that drops down when typing / in the composer of an assistant or engineering chat.
- [AI Stream Renderer](https://agentic-ui-kit.com/components/ai-stream-renderer.md): Assistant response written token by token in a chat thread.
- [AI Streaming Message](https://agentic-ui-kit.com/components/ai-streaming-message.md): Conversational chat interface with a live view of consumed tokens and tok/s speed.
- [AI Suggestion Diff](https://agentic-ui-kit.com/components/ai-suggestion-diff.md): Support copilot that suggests improvements to ticket drafts with granular accept or reject per change.
- [AI Tool Call Card](https://agentic-ui-kit.com/components/ai-tool-call-card.md): Agent run console where each tool call shows collapsible parameters and results.
- [AI Usage Meter](https://agentic-ui-kit.com/components/ai-usage-meter.md): Token consumption and budget control panel in an AI workspace.
- [AI Usage Policies](https://agentic-ui-kit.com/components/ai-usage-policies.md): SaaS admin console where team leads define maximum inference budgets and assign models based on user seniority.
- [AI Voice Input Button](https://agentic-ui-kit.com/components/ai-voice-input-button.md): Voice dictation button in the composer bar of a chat assistant.
- [AI Workflow Debug Panel](https://agentic-ui-kit.com/components/ai-workflow-debug-panel.md): Debug an agentic workflow run by reviewing what each node received and returned.
- [AI Workflow Schedule](https://agentic-ui-kit.com/components/ai-workflow-schedule.md): Entry trigger in an AI orchestration canvas to fire a periodic run with cron parameters or receive external webhook events.
- [AI Workflow Test Input](https://agentic-ui-kit.com/components/ai-workflow-test-input.md): Workflow orchestration canvas where the author tests an agent graph with a mock payload before publishing to production.
- [AI Workflow Versioning](https://agentic-ui-kit.com/components/ai-workflow-versioning.md): Draft vs published lifecycle management for agent and LLM flows.
- [AI Workspace Search Dialog](https://agentic-ui-kit.com/components/ai-workspace-search-dialog.md): Command palette and quick search for an artificial intelligence workspace.
- [Billing Checkout Flow](https://agentic-ui-kit.com/components/billing-checkout-flow.md): SaaS subscription sign-up with an annual plan, extra seats and VAT.
- [Billing Usage Meter](https://agentic-ui-kit.com/components/billing-usage-meter.md): Control panel for resource and quota consumption on multi-tenant SaaS platforms.
- [Chart Candlestick](https://agentic-ui-kit.com/components/chart-candlestick.md): Stock and cryptocurrency price chart with OHLC Japanese candlesticks and daily volume.
- [Chart Cohort Retention](https://agentic-ui-kit.com/components/chart-cohort-retention.md): Weekly retention of product sign-up cohorts over the first twelve weeks.
- [Chart Funnel Conversion](https://agentic-ui-kit.com/components/chart-funnel-conversion.md): E-commerce checkout funnel from visits to completed order with the drop-off rate per step.
- [Chart Heatmap Matrix](https://agentic-ui-kit.com/components/chart-heatmap-matrix.md): Distribution of traffic and API requests by hour and day of the week.
- [Chart Order Book](https://agentic-ui-kit.com/components/chart-order-book.md): Spot order book of a crypto exchange with adjustable price grouping.
- [Chart Radar Compare](https://agentic-ui-kit.com/components/chart-radar-compare.md): Comparative evaluation of vendors across six weighted criteria.
- [Chart Sankey Flow](https://agentic-ui-kit.com/components/chart-sankey-flow.md): Marketing attribution from acquisition channel to subscribed plan.
- [Chart Sparkline](https://agentic-ui-kit.com/components/chart-sparkline.md): MRR and ARR revenue trend micro-chart embedded in an executive KPI card.
- [Chart Waterfall](https://agentic-ui-kit.com/components/chart-waterfall.md): Corporate financial results bridge from gross revenue to net profit (P&L bridge).
- [Code JSON Viewer](https://agentic-ui-kit.com/components/code-json-viewer.md): Inspect the payload of a webhook or an API response.
- [Collab Announcement Composer](https://agentic-ui-kit.com/components/collab-announcement-composer.md): Communicating product launches and news to users by segment.
- [Collab Presence Avatars](https://agentic-ui-kit.com/components/collab-presence-avatars.md): Real-time view of collaborators editing documents in SaaS platforms.
- [Collab Reactions](https://agentic-ui-kit.com/components/collab-reactions.md): Team reactions in comment threads of task management.
- [Commerce Gift Card](https://agentic-ui-kit.com/components/commerce-gift-card.md): Interface for buying and customizing digital gift cards with a dynamic preview and scheduled delivery.
- [Commerce Inventory Alerts](https://agentic-ui-kit.com/components/commerce-inventory-alerts.md): Inventory alerts panel for a retail warehouse with a reorder point per SKU and a demand forecast.
- [Commerce Loyalty Points](https://agentic-ui-kit.com/components/commerce-loyalty-points.md): Rewards page of an online store with a points balance, coupon redemption and Bronze/Silver/Gold/Platinum tiers.
- [Commerce Variant Picker](https://agentic-ui-kit.com/components/commerce-variant-picker.md): Variant picker for technical apparel and footwear with a color, size and fabric matrix.
- [Commerce Wishlist](https://agentic-ui-kit.com/components/commerce-wishlist.md): Wishlist panel in an online store with visual alerts for price drops and remaining stock.
- [Core Tasks Mutate Drawer](https://agentic-ui-kit.com/components/core-tasks-mutate-drawer.md): Task edit drawer.
- [Core Tasks Table](https://agentic-ui-kit.com/components/core-tasks-table.md): Table component for issue management.
- [Core Users Invite Dialog](https://agentic-ui-kit.com/components/core-users-invite-dialog.md): Modal to send an invitation to the platform.
- [Core Users Table](https://agentic-ui-kit.com/components/core-users-table.md): Organization members table.
- [Dashboard Leaderboard](https://agentic-ui-kit.com/components/dashboard-leaderboard.md): Sales ranking of account executives with weekly change.
- [Dashboard Scorecard](https://agentic-ui-kit.com/components/dashboard-scorecard.md): Executive Monthly Recurring Revenue (MRR) scorecard with a 30-day sparkline, percentage change and quarterly target.
- [Devtools Command Menubar](https://agentic-ui-kit.com/components/devtools-command-menubar.md): Main command bar of a debugging console to toggle panels, throttling and logging options.
- [Devtools Create API Key Dialog](https://agentic-ui-kit.com/components/devtools-create-api-key-dialog.md): Service token creation modal.
- [Docs FAQ Block](https://agentic-ui-kit.com/components/docs-faq-block.md): Frequently asked questions section in help centers and technical support.
- [Docs Version History](https://agentic-ui-kit.com/components/docs-version-history.md): Auditing and change control in legal documents, agreements and contracts.
- [Events Seat Map](https://agentic-ui-kit.com/components/events-seat-map.md): Seat selection when buying tickets for a theater or stadium.
- [Feedback Announcement Banner](https://agentic-ui-kit.com/components/feedback-announcement-banner.md): Informational notice of a planned maintenance window with a link to the calendar.
- [Feedback Empty State](https://agentic-ui-kit.com/components/feedback-empty-state.md): Invoice table with no records that offers to create the first one or import a CSV.
- [Feedback Error Pages](https://agentic-ui-kit.com/components/feedback-error-pages.md): Nonexistent route after changing a panel's link structure.
- [Feedback Onboarding Tour](https://agentic-ui-kit.com/components/feedback-onboarding-tour.md): Guided welcome tour for new users in a SaaS dashboard.
- [Form Async Combobox](https://agentic-ui-kit.com/components/form-async-combobox.md): Multiple assignment of reviewers with avatars, roles and teams in issue management.
- [Gamify Points History](https://agentic-ui-kit.com/components/gamify-points-history.md): Points history of a loyalty program with a running balance and transaction reversal.
- [Gamify Streak Tracker](https://agentic-ui-kit.com/components/gamify-streak-tracker.md): Daily study streak in a learning app with weekly lesson targets.
- [Mobile Pull Refresh](https://agentic-ui-kit.com/components/mobile-pull-refresh.md): Mobile notification feed that reloads by dragging from the top edge.
- [Mobile Swipe Actions](https://agentic-ui-kit.com/components/mobile-swipe-actions.md): Inbox where each message is archived or deleted without opening it.
- [Org Permissions Matrix](https://agentic-ui-kit.com/components/org-permissions-matrix.md): Organization settings defining what each role can do on projects, members and billing.
- [Org Switcher](https://agentic-ui-kit.com/components/org-switcher.md): Organization selector in the sidebar of a multi-tenant control panel.
- [Pm Create Issue Sheet](https://agentic-ui-kit.com/components/pm-create-issue-sheet.md): Side panel for task creation in Kanban or backlog.
- [Prompt Editor Variables](https://agentic-ui-kit.com/components/prompt-editor-variables.md): Support prompt library where each template declares tone, plan and account data and is previewed against real customers.
- [RAG Citation Cards](https://agentic-ui-kit.com/components/rag-citation-cards.md): Assistant reply with sources [1]-[n] whose full passage is inspected by hovering over each card.
- [RAG Freshness Badge](https://agentic-ui-kit.com/components/rag-freshness-badge.md): RAG source manager that flags which indexed documents have become obsolete.
- [RAG Retrieval Inspector](https://agentic-ui-kit.com/components/rag-retrieval-inspector.md): RAG debugging console that breaks down why a chunk did or did not pass the vector similarity and reranker cutoff threshold.
- [RAG Search Playground](https://agentic-ui-kit.com/components/rag-search-playground.md): Test console to evaluate natural-language queries against the vector store and calibrate retrieval parameters.
- [Restaurant Floor Plan](https://agentic-ui-kit.com/components/restaurant-floor-plan.md): Table plan for a dinner service with per-table status and assigned diners.
- [Scheduling Recurrence Editor](https://agentic-ui-kit.com/components/scheduling-recurrence-editor.md): Repeat editor when creating a calendar event or a recurring meeting.
- [Search Autocomplete](https://agentic-ui-kit.com/components/search-autocomplete.md): Global search in a SaaS with suggestions grouped by dashboards, documents, people and commands.
- [Search Faceted Sidebar](https://agentic-ui-kit.com/components/search-faceted-sidebar.md): Multi-faceted filtering side panel for a product catalog with counts by category, brands, price ranges and ratings.
- [Search Recently Viewed](https://agentic-ui-kit.com/components/search-recently-viewed.md): «recently viewed» panel on a SaaS home to return to opened documents, dashboards or people.
- [Search Saved Views](https://agentic-ui-kit.com/components/search-saved-views.md): Saved views bar in an issue or project tracker to switch between active tasks and backlog.
- [Table Tree Hierarchy](https://agentic-ui-kit.com/components/table-tree-hierarchy.md): Multi-level repository and project explorer (folders, packages, services and files with bulk selection).
- [Tasks List Item](https://agentic-ui-kit.com/components/tasks-list-item.md): Individual task row in a list.
- [Util Copy Block](https://agentic-ui-kit.com/components/util-copy-block.md): Showing a package installation snippet with npm, pnpm and yarn tabs.
- [Util Export Menu](https://agentic-ui-kit.com/components/util-export-menu.md): Exporting financial transaction ledgers to CSV format with currency formatting.
- [Util Print Styles](https://agentic-ui-kit.com/components/util-print-styles.md): Printing invoices and account statements with a corporate header and a legal block on paper only.
- [Util Shortcuts Overlay](https://agentic-ui-kit.com/components/util-shortcuts-overlay.md): Shortcut reference sheet for an admin console opened with the ? key.
- [A11y Focus Manager](https://agentic-ui-kit.com/components/a11y-focus-manager.md): Confirmation dialog that returns focus to the button that opened it.
- [A11y Live Announcer](https://agentic-ui-kit.com/components/a11y-live-announcer.md): Announce the number of results when filtering a table without reloading the page.
- [A11y Skip Links](https://agentic-ui-kit.com/components/a11y-skip-links.md): Skip the side navigation and header to reach the main content.
- [AI Message Bubble](https://agentic-ui-kit.com/components/ai-message-bubble.md): An assistant reply with a formula, a comparison table and a copyable SQL query in a chat.
- [AI Workspace App Header](https://agentic-ui-kit.com/components/ai-workspace-app-header.md): Active conversation header with rename and export options.
- [AI Workspace Project Card](https://agentic-ui-kit.com/components/ai-workspace-project-card.md): Project card with counters for chats and knowledge documents.
- [AI Workspace Share Dialog](https://agentic-ui-kit.com/components/ai-workspace-share-dialog.md): Publish and shared link dialog for chat transcripts.
- [Core Budget Progress](https://agentic-ui-kit.com/components/core-budget-progress.md): Project budget consumption.
- [Core Radar Metric Card](https://agentic-ui-kit.com/components/core-radar-metric-card.md): Assessment of competencies or skills.
- [Core Tasks Detail Viewer](https://agentic-ui-kit.com/components/core-tasks-detail-viewer.md): Technical issue viewer.
- [Core Users KPI Stats](https://agentic-ui-kit.com/components/core-users-kpi-stats.md): Counters of active and invited users.
- [Core Visitor Stats Card](https://agentic-ui-kit.com/components/core-visitor-stats-card.md): Quick view of daily traffic.
- [Dashboard Embed Chart](https://agentic-ui-kit.com/components/dashboard-embed-chart.md): Monthly revenue vs operating costs chart that a finance lead downloads as a branded PNG for a board deck.
- [Devtools Add Webhook Modal](https://agentic-ui-kit.com/components/devtools-add-webhook-modal.md): Modal to register a new webhook.
- [Devtools API Latency Chart](https://agentic-ui-kit.com/components/devtools-api-latency-chart.md): Latency SLA monitoring.
- [Devtools API Requests Chart](https://agentic-ui-kit.com/components/devtools-api-requests-chart.md): Hourly API call volume.
- [Devtools Audit Log Table](https://agentic-ui-kit.com/components/devtools-audit-log-table.md): Server HTTP logs table.
- [Devtools Recent Activity Feed](https://agentic-ui-kit.com/components/devtools-recent-activity-feed.md): Latest keys created.
- [Docs Template Gallery](https://agentic-ui-kit.com/components/docs-template-gallery.md): Gallery of document templates (contracts, proposals, reports) in a collaborative editor.
- [Mobile Bottom Sheet](https://agentic-ui-kit.com/components/mobile-bottom-sheet.md): Order detail with delivery tracking opened from a card on mobile.
- [Pm Issue Details Sheet](https://agentic-ui-kit.com/components/pm-issue-details-sheet.md): Quick issue inspection without navigating away from the Kanban board.
- [Pm Project Description Editor](https://agentic-ui-kit.com/components/pm-project-description-editor.md): Editor for project descriptions and specifications with rich formatting.
- [Pm Work Hour Analysis Card](https://agentic-ui-kit.com/components/pm-work-hour-analysis-card.md): Billable hours analysis card in management dashboards.
- [Project Management Issue Command Palette](https://agentic-ui-kit.com/components/project-management-issue-command-palette.md): Global issue search with Cmd+K.
- [Property Lease Tracker](https://agentic-ui-kit.com/components/property-lease-tracker.md): Rental portfolio with renewal notices coming due.
- [Tasks Detail Modal](https://agentic-ui-kit.com/components/tasks-detail-modal.md): Full task detail with sub-items.
- [Tasks Sortable List](https://agentic-ui-kit.com/components/tasks-sortable-list.md): Daily prioritization list.
- [AI Workflow Edge](https://agentic-ui-kit.com/components/ai-workflow-edge.md): Agent workflow canvas where each connection shows the routing condition and animates while the run carries data.
- [AI Workflow Templates](https://agentic-ui-kit.com/components/ai-workflow-templates.md): Starting gallery when creating a new workflow in an agent builder (support triage, content pipeline, lead qualification).
- [Devtools Log Toolbar](https://agentic-ui-kit.com/components/devtools-log-toolbar.md): Real-time log filtering bar.
- [Docs PDF Viewer](https://agentic-ui-kit.com/components/docs-pdf-viewer.md): Viewing and reviewing contracts, SLAs and agreements in SaaS platforms.
- [Scheduling Timezone Planner](https://agentic-ui-kit.com/components/scheduling-timezone-planner.md): Choosing the time of a weekly meeting between offices in New York, Madrid and Dubai.
- [Orchestra OPS Theme Toggle](https://agentic-ui-kit.com/components/orchestra-ops-theme-toggle.md): Light/dark toggle button with icon rotation.
- [AI Agent Memory Viewer](https://agentic-ui-kit.com/components/ai-agent-memory-viewer.md): Assistant settings where the user reviews and corrects what the agent knows about them (time zone, style preferences).
- [AI Agent Status Badge](https://agentic-ui-kit.com/components/ai-agent-status-badge.md): Header of an agent run that moves from working to waiting-approval and opens the approval on click.
- [AI Chat Share Export](https://agentic-ui-kit.com/components/ai-chat-share-export.md): Share a postmortem generated with the on-call copilot as a read-only link that expires in 30 days.
- [AI Context Picker](https://agentic-ui-kit.com/components/ai-context-picker.md): Context bar above an AI chat composer: attach specs, error screenshots and links before sending.
- [AI Model Registry](https://agentic-ui-kit.com/components/ai-model-registry.md): Organization settings for an agent platform: which models the team can use and which is the default for agents, chat and embeddings.
- [AI Summary Block](https://agentic-ui-kit.com/components/ai-summary-block.md): Incident panel with a generated summary and citations to the postmortem, metrics and logs.
- [Chart Gauge KPI](https://agentic-ui-kit.com/components/chart-gauge-kpi.md): Service availability (SLA) against breach bands.
- [Dashboard KPI Goal](https://agentic-ui-kit.com/components/dashboard-kpi-goal.md): New ARR for the quarter against target with a projection to close.
- [Dashboard Milestone Tracker](https://agentic-ui-kit.com/components/dashboard-milestone-tracker.md): Quarterly launch plan with beta, migration and launch milestones against due dates.
- [Devtools Route Traffic Metrics](https://agentic-ui-kit.com/components/devtools-route-traffic-metrics.md): Most requested routes of an API.
- [Form File Upload](https://agentic-ui-kit.com/components/form-file-upload.md): Attach a CV and degree to an HR job application.
- [Form Inline Edit](https://agentic-ui-kit.com/components/form-inline-edit.md): CRM contact record where each field is edited in place.
- [Gamify Achievements](https://agentic-ui-kit.com/components/gamify-achievements.md): Course badges with study streak and completed modules.
- [Gamify Level Progress](https://agentic-ui-kit.com/components/gamify-level-progress.md): A member's XP progress toward the next tier of the loyalty program.
- [Media Clip Range Selector](https://agentic-ui-kit.com/components/media-clip-range-selector.md): Trim a fixed 15-second clip out of a 60-second interview recording.
- [Project Management Issue Card Grid](https://agentic-ui-kit.com/components/project-management-issue-card-grid.md): Issue card for a kanban board.
- [Project Management Issue Status Board](https://agentic-ui-kit.com/components/project-management-issue-status-board.md): Status column on an agile board (Backlog, Todo, In Progress, Done).
- [RAG Chunk Viewer](https://agentic-ui-kit.com/components/rag-chunk-viewer.md): Inspecting how a document was chunked when indexing it in the vector database.
- [Search Results Highlight](https://agentic-ui-kit.com/components/search-results-highlight.md): Results list of a documentation search engine with the term highlighted in title, summary and body snippet.
- [Travel Listing Card](https://agentic-ui-kit.com/components/travel-listing-card.md): Accommodation card with a photo carousel.
- [Collab Live Cursors](https://agentic-ui-kit.com/components/collab-live-cursors.md): Collaborative document editor or whiteboard showing who is working where.
- [Devtools Webhook Logs Table](https://agentic-ui-kit.com/components/devtools-webhook-logs-table.md): Table of webhook delivery attempts.
- [Devtools Webhooks Table](https://agentic-ui-kit.com/components/devtools-webhooks-table.md): Table of subscribed webhooks.
- [Pm Timeline Gantt Chart](https://agentic-ui-kit.com/components/pm-timeline-gantt-chart.md): Visual schedule of phases inside the project detail record.
- [Tasks Kanban Board](https://agentic-ui-kit.com/components/tasks-kanban-board.md): Agile workflow for personal tasks.
- [AI Message List](https://agentic-ui-kit.com/components/ai-message-list.md): Copilot thread with hundreds of messages that pages backwards when scrolling up without moving what is being read.
- [Dashboard Comparison Table](https://agentic-ui-kit.com/components/dashboard-comparison-table.md): Quarterly business review comparing this quarter with last quarter or the same quarter last year.
- [Devtools Visitor Traffic Chart](https://agentic-ui-kit.com/components/devtools-visitor-traffic-chart.md): Developer traffic on a portal.
- [Finance Income Expense Timeseries](https://agentic-ui-kit.com/components/finance-income-expense-timeseries.md): MRR vs previous period.
- [Orchestra OPS Ensemble Pulse](https://agentic-ui-kit.com/components/orchestra-ops-ensemble-pulse.md): Distribution of strings, woodwinds, brass and percussion.
- [Orchestra OPS Musician Card](https://agentic-ui-kit.com/components/orchestra-ops-musician-card.md): Musician profile with desk, instrument and status.
- [Orchestra OPS Programme Card](https://agentic-ui-kit.com/components/orchestra-ops-programme-card.md): Programme card with work durations and composer.
- [Project Management Inbox Issue Preview](https://agentic-ui-kit.com/components/project-management-inbox-issue-preview.md): Detail panel of an issue linked to a notification.
- [Project Management Project Summary Row](https://agentic-ui-kit.com/components/project-management-project-summary-row.md): Project summary row in a team portfolio.
- [Tasks Calendar Schedule](https://agentic-ui-kit.com/components/tasks-calendar-schedule.md): Monthly delivery planner.
- [Knowledge Quick Search Command Palette](https://agentic-ui-kit.com/components/knowledge-quick-search-command-palette.md): Command palette with Cmd+K to jump to documents.
- [Payments Regions Map](https://agentic-ui-kit.com/components/payments-regions-map.md): Collection volume by country.
- [Orchestra OPS Dispatch List](https://agentic-ui-kit.com/components/orchestra-ops-dispatch-list.md): Message list with urgency badges and sorting.
- [Orchestra OPS App Header](https://agentic-ui-kit.com/components/orchestra-ops-app-header.md): Header with a contextual title and dynamic search box.
- [File Storage Activity Timeseries](https://agentic-ui-kit.com/components/file-storage-activity-timeseries.md): Ingested gigabytes versus finished exports per day.
- [File Storage Storage Composition](https://agentic-ui-kit.com/components/file-storage-storage-composition.md): Space by media type, largest first.
- [Flightops Traffic Volume Chart](https://agentic-ui-kit.com/components/flightops-traffic-volume-chart.md): Hourly departures vs arrivals across the hub banks.
- [Inventory OPS Category Distribution](https://agentic-ui-kit.com/components/inventory-ops-category-distribution.md): Revenue composition by catalog category.
- [Inventory OPS KPI Stats Cards](https://agentic-ui-kit.com/components/inventory-ops-kpi-stats-cards.md): Main stock and warehouse metric cards.
- [Inventory OPS Low Stock Alert Table](https://agentic-ui-kit.com/components/inventory-ops-low-stock-alert-table.md): Critical alerts card for product restocking.
- [Inventory OPS Recent Activity Feed](https://agentic-ui-kit.com/components/inventory-ops-recent-activity-feed.md): Inventory event history (orders, restocks, shipments, alerts).
- [Inventory OPS Stock Timeseries](https://agentic-ui-kit.com/components/inventory-ops-stock-timeseries.md): Monthly comparison of revenue against operating costs.
- [Knowledge Workspace App Header](https://agentic-ui-kit.com/components/knowledge-workspace-app-header.md): Document header with share and comments.
- [Social Client Inline Composer](https://agentic-ui-kit.com/components/social-client-inline-composer.md): Quick 'What's on your mind?' bar.
- [Social Client Stat Card](https://agentic-ui-kit.com/components/social-client-stat-card.md): Followers or engagement card.
- [Social Client Stats Chart](https://agentic-ui-kit.com/components/social-client-stats-chart.md): Visualization of daily impressions.
- [Orchestra OPS Dispatch Detail](https://agentic-ui-kit.com/components/orchestra-ops-dispatch-detail.md): Correspondence viewer with attachments and concert linking.
- [Marine Yacht Card](https://agentic-ui-kit.com/components/marine-yacht-card.md): Vessel record card.
- [Operations Services Health Grid](https://agentic-ui-kit.com/components/operations-services-health-grid.md): Microservice health with SLOs.
- [Analytics Show Composition Languages](https://agentic-ui-kit.com/components/analytics-show-composition-languages.md): Thin stacked bar retains percentages and names in a readable text legend.
- [Marine Marina Card](https://agentic-ui-kit.com/components/marine-marina-card.md): Site or warehouse record.
- [Marine Regatta Card](https://agentic-ui-kit.com/components/marine-regatta-card.md): Event or competition card.
- [Music Studio Horizontal Rail](https://agentic-ui-kit.com/components/music-studio-horizontal-rail.md): Recommendations rail.
- [Music Studio Quick Access Grid](https://agentic-ui-kit.com/components/music-studio-quick-access-grid.md): Quick access to recent items.
- [Orchestra OPS Event Detail Sheet](https://agentic-ui-kit.com/components/orchestra-ops-event-detail-sheet.md): Side event sheet with works, desk and venue.
- [Payments Routing Globe](https://agentic-ui-kit.com/components/payments-routing-globe.md): Settlement routes between regions.
- [Social Client Ephemeral Strip](https://agentic-ui-kit.com/components/social-client-ephemeral-strip.md): Top strip of team stories.
- [Social Client Profile Header](https://agentic-ui-kit.com/components/social-client-profile-header.md): Author bio header.
- [Travel Section Carousel](https://agentic-ui-kit.com/components/travel-section-carousel.md): Carousel of destinations by area.
- [Culinary Cooking Activity Timeseries](https://agentic-ui-kit.com/components/culinary-cooking-activity-timeseries.md): Additions vs removals per day.
- [Knowledge Document Page Menu](https://agentic-ui-kit.com/components/knowledge-document-page-menu.md): Document row actions menu.
- [Settings Notification Routing](https://agentic-ui-kit.com/components/settings-notification-routing.md): Incident notification routing.
- [Wine Cellar Vintage Distribution](https://agentic-ui-kit.com/components/wine-cellar-vintage-distribution.md): Distribution by vintage or cohort.
- [Orchestra OPS App Sidebar](https://agentic-ui-kit.com/components/orchestra-ops-app-sidebar.md): Sidebar for managing seasons and casts.
- [Operations Event Audit Log](https://agentic-ui-kit.com/components/operations-event-audit-log.md): Incident audit log.
- [Analytics Monitor Live Summary](https://agentic-ui-kit.com/components/analytics-monitor-live-summary.md): One card split into four metric cells (review queue, merged in 30 days, checks passing with a progress bar, open issues).
- [Culinary Top Contributors](https://agentic-ui-kit.com/components/culinary-top-contributors.md): Top sellers of the month.
- [Devtools Audit Trail Contributions](https://agentic-ui-kit.com/components/devtools-audit-trail-contributions.md): Monthly summaries aggregate contributions with nested repository context.
- [Flightops Aircraft Card](https://agentic-ui-kit.com/components/flightops-aircraft-card.md): Asset record card with specifications and utilization.
- [Flightops Airport Card](https://agentic-ui-kit.com/components/flightops-airport-card.md): Network node record card with operational metrics and conditions.
- [Music Studio Collaborator Card](https://agentic-ui-kit.com/components/music-studio-collaborator-card.md): Music collaborator.
- [Wine Cellar KPI Stats Cards](https://agentic-ui-kit.com/components/wine-cellar-kpi-stats-cards.md): Ready-to-use share, paper gain, average age and spread.
- [Orchestra OPS Today Schedule](https://agentic-ui-kit.com/components/orchestra-ops-today-schedule.md): Gantt row per rehearsal, stage check or workshop across the working day.
- [Marine Regatta Filter Menu](https://agentic-ui-kit.com/components/marine-regatta-filter-menu.md): Filter by status and event type.
- [Music Studio Collaborator Avatar Tile](https://agentic-ui-kit.com/components/music-studio-collaborator-avatar-tile.md): Artists in your circle.
- [Music Studio Track List](https://agentic-ui-kit.com/components/music-studio-track-list.md): Track list.
- [Social Client Thread Card](https://agentic-ui-kit.com/components/social-client-thread-card.md): Message card in a feed.
- [Music Studio Podcast Show Tile](https://agentic-ui-kit.com/components/music-studio-podcast-show-tile.md): Subscribed show.
- [Operations Oncall Schedule](https://agentic-ui-kit.com/components/operations-oncall-schedule.md): SRE on-call rotation.
- [Culinary Cuisine Distribution](https://agentic-ui-kit.com/components/culinary-cuisine-distribution.md): Visits by country.
- [Culinary Quick Collections](https://agentic-ui-kit.com/components/culinary-quick-collections.md): Quick access to folders.
- [Rare Books Collector Card](https://agentic-ui-kit.com/components/rare-books-collector-card.md): Contact or partner card.
- [Rare Books KPI Stats Cards](https://agentic-ui-kit.com/components/rare-books-kpi-stats-cards.md): Volumes, insured value, on exhibition, under restoration.
- [Culinary Category Composition](https://agentic-ui-kit.com/components/culinary-category-composition.md): Sales by category.
- [File Storage Team Activity Feed](https://agentic-ui-kit.com/components/file-storage-team-activity-feed.md): Feed of recent team actions.
- [Finance Budget Cards](https://agentic-ui-kit.com/components/finance-budget-cards.md): Envelope pacing list; linear bars clamp at 100 while copy states the amount to go or over plan; zero budget is guarded.
- [Finance KPI Stats Cards](https://agentic-ui-kit.com/components/finance-kpi-stats-cards.md): Four accent-bar metric cards (currency, percent or custom format) with a trend pill and comparison caption; responsive one/two/four-column grid.
- [Finance Spending Composition](https://agentic-ui-kit.com/components/finance-spending-composition.md): Stacked share strip plus a legend grid with amounts and percentages; the strip carries an aria-label and the legend is the textual alternative.
- [Finance Theme Toggle](https://agentic-ui-kit.com/components/finance-theme-toggle.md): Compact next-themes light/dark control; capture represents its resting state.
- [Flightops Operations KPI Cards](https://agentic-ui-kit.com/components/flightops-operations-kpi-cards.md): Seats flown today, disrupted flights, departure punctuality and fleet availability.
- [Flightops Region Traffic Distribution](https://agentic-ui-kit.com/components/flightops-region-traffic-distribution.md): Breakdown of today's station movements by market.
- [Knowledge Page Cover Picker](https://agentic-ui-kit.com/components/knowledge-page-cover-picker.md): Cover picker for a document page.
- [Marine Upcoming Starts](https://agentic-ui-kit.com/components/marine-upcoming-starts.md): Next warning signals of a sailing circuit.
- [Music Studio Release Card](https://agentic-ui-kit.com/components/music-studio-release-card.md): Scheduled release.
- [Rare Books Recent Acquisitions](https://agentic-ui-kit.com/components/rare-books-recent-acquisitions.md): Latest transactions.
- [Rare Books Upcoming Exhibitions](https://agentic-ui-kit.com/components/rare-books-upcoming-exhibitions.md): Upcoming events.
- [Social Client Composer](https://agentic-ui-kit.com/components/social-client-composer.md): New post modal.
- [Music Studio Session Mini Card](https://agentic-ui-kit.com/components/music-studio-session-mini-card.md): Session in progress on the home.
- [Saas Audit Trail Activity Feed](https://agentic-ui-kit.com/components/saas-audit-trail-activity-feed.md): Connected avatar rows and event icons show chronological activity.
- [Social Communicate Comment Composer](https://agentic-ui-kit.com/components/social-communicate-comment-composer.md): Avatar, toolbar and action footer establish a recognizable discussion composer.
- [Culinary Difficulty Breakdown](https://agentic-ui-kit.com/components/culinary-difficulty-breakdown.md): Issues by severity.
- [Culinary Popular Tags](https://agentic-ui-kit.com/components/culinary-popular-tags.md): Most used tags.
- [Flightops Live Traffic Map Card](https://agentic-ui-kit.com/components/flightops-live-traffic-map-card.md): Compact air traffic view embedded in a dashboard.
- [Marine KPI Stats Cards](https://agentic-ui-kit.com/components/marine-kpi-stats-cards.md): Sports season KPIs.
- [Culinary Activity Feed](https://agentic-ui-kit.com/components/culinary-activity-feed.md): Team activity in a project.
- [Culinary Recent Recipes Widget](https://agentic-ui-kit.com/components/culinary-recent-recipes-widget.md): Recent files.
- [Knowledge Page Icon Picker](https://agentic-ui-kit.com/components/knowledge-page-icon-picker.md): Emoji icon picker for a page.
- [Marine Class Distribution](https://agentic-ui-kit.com/components/marine-class-distribution.md): Entry mix by boat class.
- [Music Studio Session Card](https://agentic-ui-kit.com/components/music-studio-session-card.md): Production session with progress.
- [Rare Books Acquisition Row](https://agentic-ui-kit.com/components/rare-books-acquisition-row.md): Purchase/sale transaction with a counterparty.
- [Rare Books Condition Chart](https://agentic-ui-kit.com/components/rare-books-condition-chart.md): Conservation status of the collection.
- [Rare Books Era Distribution](https://agentic-ui-kit.com/components/rare-books-era-distribution.md): Distribution by period/category.
- [Rare Books Exhibition Card](https://agentic-ui-kit.com/components/rare-books-exhibition-card.md): Exhibition or event card.
- [Rare Books Featured Volumes](https://agentic-ui-kit.com/components/rare-books-featured-volumes.md): Featured or pinned items.
- [Rare Books Value Timeline](https://agentic-ui-kit.com/components/rare-books-value-timeline.md): Acquisition spend per year.
- [Wine Cellar Bottle Card](https://agentic-ui-kit.com/components/wine-cellar-bottle-card.md): Product card with adjustable stock.
- [Wine Cellar Drink Soon List](https://agentic-ui-kit.com/components/wine-cellar-drink-soon-list.md): Items about to expire.
- [Wine Cellar Tasting Card](https://agentic-ui-kit.com/components/wine-cellar-tasting-card.md): Tasting note with aromas and pairing.
- [Wine Cellar Wishlist Card](https://agentic-ui-kit.com/components/wine-cellar-wishlist-card.md): Wishlist row.
- [Culinary Recipe Card Set](https://agentic-ui-kit.com/components/culinary-recipe-card-set.md): Product card with favorites.
- [Culinary Weekly Goals Progress](https://agentic-ui-kit.com/components/culinary-weekly-goals-progress.md): Weekly habit goals.
- [Flightops Active Flights Panel](https://agentic-ui-kit.com/components/flightops-active-flights-panel.md): Side panel of in-progress entities with completion percentage.
- [Flightops App Sidebar](https://agentic-ui-kit.com/components/flightops-app-sidebar.md): Side navigation that also filters the domain by region.
- [Flightops Flight Card](https://agentic-ui-kit.com/components/flightops-flight-card.md): Route card with progress and operational metadata.
- [Flightops Flight Row](https://agentic-ui-kit.com/components/flightops-flight-row.md): Dense tabular listing with progress embedded per row.
- [Flightops Maintenance Schedule Panel](https://agentic-ui-kit.com/components/flightops-maintenance-schedule-panel.md): Queue of interventions sorted by date with an overdue alert.
- [Culinary KPI Stats Cards](https://agentic-ui-kit.com/components/culinary-kpi-stats-cards.md): MRR, users and churn KPIs with change.
- [Devtools Explore Detail Repository Card](https://agentic-ui-kit.com/components/devtools-explore-detail-repository-card.md): Card groups repository identity, description, metadata and composition.
- [Devtools Track Status Issue](https://agentic-ui-kit.com/components/devtools-track-status-issue.md): Issue title, labels and assignment fit one scannable row.
- [Devtools Track Status Pull Request](https://agentic-ui-kit.com/components/devtools-track-status-pull-request.md): Dense review row combines status, reviewer avatars and CI signals.
- [File Storage File List](https://agentic-ui-kit.com/components/file-storage-file-list.md): Document listing with per-row actions.
- [Marine Live Conditions](https://agentic-ui-kit.com/components/marine-live-conditions.md): Weather conditions on a track or regatta course.
- [Rare Books Book Card](https://agentic-ui-kit.com/components/rare-books-book-card.md): Book or collection piece record.
- [Rare Books Book Row](https://agentic-ui-kit.com/components/rare-books-book-row.md): Inventory row with status and value.
- [Analytics Compare Over Time Contributions](https://agentic-ui-kit.com/components/analytics-compare-over-time-contributions.md): Calendar density, month labels and legend make yearly contribution patterns visible.
- [Marine Course Map](https://agentic-ui-kit.com/components/marine-course-map.md): A regatta course with marks.
- [Marine Standings Table](https://agentic-ui-kit.com/components/marine-standings-table.md): Series leaderboard.
- [Music Studio Track Card](https://agentic-ui-kit.com/components/music-studio-track-card.md): Recent track.
- [Culinary Meal Plan Preview](https://agentic-ui-kit.com/components/culinary-meal-plan-preview.md): Summary of today's and this week's shifts.
- [Finance App Header](https://agentic-ui-kit.com/components/finance-app-header.md): Header resolves current route and offers layout settings, section switches, density reset and a light/dark toggle.
- [Finance App Sidebar](https://agentic-ui-kit.com/components/finance-app-sidebar.md): Shared navigation highlights current route and includes account summaries; replace branding and account fixtures.
- [File Storage KPI Stats Cards](https://agentic-ui-kit.com/components/file-storage-kpi-stats-cards.md): Ingest, review and quota tiles.
- [Saas Navigate Code Hosting Header](https://agentic-ui-kit.com/components/saas-navigate-code-hosting-header.md): Compact contextual header combines the route title, search and a light/dark toggle.
- [Wine Cellar Region Card](https://agentic-ui-kit.com/components/wine-cellar-region-card.md): Region or destination card.
- [Flightops App Header](https://agentic-ui-kit.com/components/flightops-app-header.md): Console header with search that depends on the active route.
- [Marine Fleet List View](https://agentic-ui-kit.com/components/marine-fleet-list-view.md): Dense fleet list.
- [Marine Podium Showcase](https://agentic-ui-kit.com/components/marine-podium-showcase.md): Championship podium.
- [Music Studio Genre Mix Card](https://agentic-ui-kit.com/components/music-studio-genre-mix-card.md): Style shelf that plays the first song of each genre.
- [Music Studio Podcast Episode Card](https://agentic-ui-kit.com/components/music-studio-podcast-episode-card.md): Recommended episode.
- [Devtools Configure Issue Metadata](https://agentic-ui-kit.com/components/devtools-configure-issue-metadata.md): Metadata groups isolate assignees, labels and milestones from discussion content.
- [Devtools Track Status Reviewers](https://agentic-ui-kit.com/components/devtools-track-status-reviewers.md): Overlapping reviewer avatars provide compact participation context.
- [Culinary Nutrition Summary](https://agentic-ui-kit.com/components/culinary-nutrition-summary.md): Average consumption with a breakdown by resource.
- [File Storage File Detail Panel](https://agentic-ui-kit.com/components/file-storage-file-detail-panel.md): File metadata side panel.
- [A11y Contrast Badge](https://agentic-ui-kit.com/components/a11y-contrast-badge.md): Check in the browser whether the theme palette meets AA before opening the PR.
- [CRM Contacts Contact Card](https://agentic-ui-kit.com/components/crm-contacts-contact-card.md): Contact card in a grid with tag badges and status.
- [CRM Contacts Contact Detail](https://agentic-ui-kit.com/components/crm-contacts-contact-detail.md): Side panel with complete information about a contact.
- [CRM Contacts Directory List](https://agentic-ui-kit.com/components/crm-contacts-directory-list.md): Container of switchable contact cards.
- [CRM Contacts New Contact Form](https://agentic-ui-kit.com/components/crm-contacts-new-contact-form.md): Modal with a complete form to add a contact.
- [CRM Contacts Theme Toggle](https://agentic-ui-kit.com/components/crm-contacts-theme-toggle.md): Button with a sun-to-moon animation to switch between light and dark mode.
- [Events QR Pass](https://agentic-ui-kit.com/components/events-qr-pass.md): Digital pass with a scannable QR code for access to conferences and events.
- [Form Date Range Picker](https://agentic-ui-kit.com/components/form-date-range-picker.md): Filter conversion and traffic metrics in analytics panels.
- [Form Field Array](https://agentic-ui-kit.com/components/form-field-array.md): Invoice lines with quantity, unit price and tax.
- [Form Masked Inputs](https://agentic-ui-kit.com/components/form-masked-inputs.md): Checkout form with a card and expiry validation.
- [Form Multi Step Wizard](https://agentic-ui-kit.com/components/form-multi-step-wizard.md): Subscription sign-up with plan and billing method.
- [Marketing CTA](https://agentic-ui-kit.com/components/marketing-cta.md): Closing call to action at the bottom of a landing page with start trial and talk to sales buttons.
- [Marketing FAQ](https://agentic-ui-kit.com/components/marketing-faq.md): Frequently asked questions section on a landing or pricing page with schema.org FAQ structured data for SEO.
- [Marketing Feature Grid](https://agentic-ui-kit.com/components/marketing-feature-grid.md): Features section of a SaaS landing page listing six capabilities with icons, titles and one-line descriptions.
- [Marketing Footer](https://agentic-ui-kit.com/components/marketing-footer.md): Site footer for a SaaS landing page with product, resources, company and legal link columns.
- [Marketing Hero Centered](https://agentic-ui-kit.com/components/marketing-hero-centered.md): Landing page hero for a SaaS or developer tool with a launch announcement, headline, signup and demo buttons and an install command.
- [Marketing Hero Split](https://agentic-ui-kit.com/components/marketing-hero-split.md): Landing page hero for a B2B SaaS or analytics product that shows the product dashboard next to the headline and signup button.
- [Marketing Logo Cloud](https://agentic-ui-kit.com/components/marketing-logo-cloud.md): Trusted-by strip of customer logos under the hero on a SaaS landing page.
- [Marketing Newsletter](https://agentic-ui-kit.com/components/marketing-newsletter.md): Newsletter signup band on a landing page or blog with email validation and a success message.
- [Marketing Pricing](https://agentic-ui-kit.com/components/marketing-pricing.md): Public pricing page section with monthly and annual billing toggle, three or four plans and a most popular badge.
- [Marketing Stats](https://agentic-ui-kit.com/components/marketing-stats.md): By-the-numbers band on a landing page with customers, uptime and time saved.
- [Marketing Testimonials](https://agentic-ui-kit.com/components/marketing-testimonials.md): Customer testimonials section with a featured quote and a grid of reviews on a SaaS landing page.
- [Media Carousel Controls](https://agentic-ui-kit.com/components/media-carousel-controls.md): Photo and video gallery of a project with a counter and access to each asset's detail.
- [Mobile Bottom Nav](https://agentic-ui-kit.com/components/mobile-bottom-nav.md): Bottom bar of a mobile app with Home, Search, Inbox and Profile.
- [Org Team Invite](https://agentic-ui-kit.com/components/org-team-invite.md): Invite the team to a workspace with viewer, member, billing and admin roles.
- [Responsive Command Bar](https://agentic-ui-kit.com/components/responsive-command-bar.md): Document action bar preserving Save and Edit when narrowed and collapsing secondary actions to an overflow menu.
- [Responsive Table To Cards](https://agentic-ui-kit.com/components/responsive-table-to-cards.md): Invoice listing that must remain usable on a mobile device.
- [Saas Form Natural Date](https://agentic-ui-kit.com/components/saas-form-natural-date.md): Invoice due date typed as 'next Friday' or 'end of month' with confirmation before saving.
- [Saas Form Number Field](https://agentic-ui-kit.com/components/saas-form-number-field.md): Number of licenses or seats in a SaaS checkout with plan limits.
- [Saas Navigation Mega Menu](https://agentic-ui-kit.com/components/saas-navigation-mega-menu.md): Main navigation bar of a SaaS platform with products, solutions and resources menus.
- [Saas Step Progress Navigation](https://agentic-ui-kit.com/components/saas-step-progress-navigation.md): Progress header in a subscription sign-up.
- [Saas Table Column Resize](https://agentic-ui-kit.com/components/saas-table-column-resize.md): SaaS subscriptions and customers table with user-adjustable widths.
- [Settings Shortcut Recorder](https://agentic-ui-kit.com/components/settings-shortcut-recorder.md): 'Keyboard shortcuts' settings screen where each action is reassigned by recording ⌘⇧K and saving.
- [Settings Theme Primitive Controller](https://agentic-ui-kit.com/components/settings-theme-primitive-controller.md): Theme and style configuration panel.
- [Social Best Time Heatmap](https://agentic-ui-kit.com/components/social-best-time-heatmap.md): Best time to post by network.
- [Support Assisted Reply Composer](https://agentic-ui-kit.com/components/support-assisted-reply-composer.md): Ticket reply with templates.
- [Table Inline Editing](https://agentic-ui-kit.com/components/table-inline-editing.md): Quick editing of the product catalog and inventory without opening modals.
- [Table Pivot Basic](https://agentic-ui-kit.com/components/table-pivot-basic.md): Sales pivot table grouped by category and region for profitability analysis.