Add Product Showcase demo agent demonstrating A2UI core capabilities

[Copilot]

Build a comprehensive reference implementation to test and demonstrate all A2UI capabilities in a single, working agent.

Implementation

Agent (samples/agent/adk/product_showcase/)

• Core agent with schema validation, retry logic, and session management
• Two tools: search_products(query, category) and get_product_details(product_id)
• Four A2UI examples demonstrating distinct patterns:
  • Static card layout with images and buttons
  • Dynamic list with template-based generation
  • Interactive form with TextField and Slider components
  • Icon + text combinations with Row layouts
• Sample data: 6 products across categories (Laptops, Phones, Audio, etc.)

Client Integration (samples/client/lit/shell/)

• New products.ts config with custom theme
• Accessible via ?app=products URL parameter

Documentation

• PRODUCT_SHOWCASE_QUICKSTART.md: 5-minute setup
• IMPLEMENTATION_SUMMARY.md: Architecture and implementation details
• A2UI_EXAMPLES_BREAKDOWN.md: Component tree analysis for each example
• TESTING_CHECKLIST.md: Test matrix covering all components and patterns
• DEMO_COMPLETE_SUMMARY.md: Deliverables and metrics

Coverage

Components (9/9): Text, Image, Icon, Card, Button, TextField, Slider, Row, Column
Patterns (4/4): Static layouts, dynamic lists (templates), interactive forms, mixed layouts
Features: Data binding (literal + path), two-message pattern, layout properties (distribution, alignment, weight)

Usage

export GEMINI_API_KEY="your_key"
cd samples/agent/adk/product_showcase && uv run .                # Terminal 1
cd samples/client/lit/shell && npm install && npm run dev        # Terminal 2
# Open: http://localhost:5173?app=products

Example prompts:

• "Show me all products" → Dynamic list with templates
• "Create a filter form" → TextField + Slider + Button
• "Tell me about the UltraBook Pro" → Detailed single-item view

Original prompt

build something with this for me to test the core capapbuilites

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[amicharnoff]

@copilot open the build for me to play with

[Copilot]

@copilot open the build for me to play with

I've completed the Product Showcase demo implementation. To run it locally on your machine:

Quick Start:

# 1. Set your API key
export GEMINI_API_KEY="your_gemini_api_key"

# 2. Terminal 1 - Start the agent
cd samples/agent/adk/product_showcase
uv run .

# 3. Terminal 2 - Start the client
cd samples/client/lit/shell
npm install && npm run dev

# 4. Open browser to:
http://localhost:5173?app=products

Then try commands like:

• "Show me all products"
• "Create a filter form"
• "Show me laptops"

See PRODUCT_SHOWCASE_QUICKSTART.md for detailed setup instructions. The demo is ready to run - I cannot start servers in this CI environment, but all the code is committed and ready for you to test locally.