AI Context Panel

AI
Context

Display active context and AI capabilities

Interactive Preview

Click to expand/collapse context panel

Active Context (4)

project-spec.pdf
2.4 MB
design-system.figma
12 MB
https://docs.example.com
Previous context

Capabilities

Web Search
Code Execution
Image Gen
File Access

Features

  • Expandable/collapsible panel
  • Active context items with file sizes
  • AI capabilities grid with status
  • Type-specific icons (file, url, memory)
  • Enabled/disabled capability states
  • Item count badge

Installation

Show users what context and capabilities are available to the AI.

// Import from component library
import { AIContextPanel } from '@/components/ai'