diff --git a/src/07-user-interface/apps/chat.md b/src/07-user-interface/apps/chat.md index ca164281..949d1adf 100644 --- a/src/07-user-interface/apps/chat.md +++ b/src/07-user-interface/apps/chat.md @@ -61,6 +61,78 @@ Pre-built action chips for common requests: | 📅 Schedule | Today's calendar | | ❓ Help | Available commands | +### Response Format Switchers + +Persistent toggle buttons that control how AI formats responses. Unlike suggestions, switchers stay active until deactivated and can be combined. + +**Available Format Options:** + +| ID | Label | Description | Example Use Case | +|----|--------|-------------|------------------| +| tables | Tabelas | Responses as structured HTML tables | Comparisons, data summaries | +| infographic | Infográfico | Visual SVG and progress bar representations | Statistics, metrics, dashboards | +| cards | Cards | Card-based HTML layout with borders and shadows | Profiles, items, entities | +| list | Lista | Bulleted and numbered HTML lists | Steps, features, options | +| comparison | Comparação | Side-by-side HTML grid comparisons | Pros/cons, alternatives | +| timeline | Timeline | Chronological HTML timeline with border markers | History, events, milestones | +| markdown | Markdown | Standard CommonMark formatting | Documentation, code | +| chart | Gráfico | SVG charts (line, bar, pie, area) with axes and legends | Data visualization | + +**Custom Switchers:** +You can also add custom format instructions: +``` +ADD SWITCHER "sempre mostrar 10 perguntas" AS "Mostrar Perguntas" +``` + +**Using Switchers:** +1. Click any format chip to toggle it ON +2. Active switchers are highlighted with their color +3. Multiple switchers can be active simultaneously +4. Click again to toggle OFF +5. Format applies to all responses until deactivated + +**Example Workflow:** + +