RomanNum3ral
/
cai
mirror of https://github.com/aliasrobotics/cai.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
cai/mui/chat_features/index.html

3814 lines
70 KiB
HTML
Raw Blame History

<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="prev" href="../gestures_shortcuts/">
<link rel="next" href="../../tui/tui_index/">
<link rel="icon" href="../../assets/imago.png">
<meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.6.11">
<title>Chat Features - CAI</title>
<link rel="stylesheet" href="../../assets/stylesheets/main.4af4bdda.min.css">
<link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
<style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
<link rel="stylesheet" href="../../assets/_mkdocstrings.css">
<link rel="stylesheet" href="../../stylesheets/extra.css">
<script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
</head>
<body dir="ltr" data-md-color-scheme="default" data-md-color-primary="custom" data-md-color-accent="indigo">
<input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
<input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
<label class="md-overlay" for="__drawer"></label>
<div data-md-component="skip">
<a href="#chat-features-cai-mobile-ui" class="md-skip">
Skip to content
</a>
</div>
<div data-md-component="announce">
</div>
<header class="md-header md-header--shadow" data-md-component="header">
<nav class="md-header__inner md-grid" aria-label="Header">
<a href="../.." title="CAI" class="md-header__button md-logo" aria-label="CAI" data-md-component="logo">
<img src="../../assets/imago.png" alt="logo">
</a>
<label class="md-header__button md-icon" for="__drawer">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
</label>
<div class="md-header__title" data-md-component="header-title">
<div class="md-header__ellipsis">
<div class="md-header__topic">
<span class="md-ellipsis">
CAI
</span>
</div>
<div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis">
Chat Features
</span>
</div>
</div>
</div>
<label class="md-header__button md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
</label>
<div class="md-search" data-md-component="search" role="dialog">
<label class="md-search__overlay" for="__search"></label>
<div class="md-search__inner" role="search">
<form class="md-search__form" name="search">
<input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
<label class="md-search__icon md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
</label>
<nav class="md-search__options" aria-label="Search">
<button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
</button>
</nav>
</form>
<div class="md-search__output">
<div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
<div class="md-search-result" data-md-component="search-result">
<div class="md-search-result__meta">
Initializing search
</div>
<ol class="md-search-result__list" role="presentation"></ol>
</div>
</div>
</div>
</div>
</div>
<div class="md-header__source">
<a href="https://github.com/aliasrobotics/cai" title="Go to repository" class="md-source" data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
</div>
<div class="md-source__repository">
aliasrobotics/cai
</div>
</a>
</div>
</nav>
</header>
<div class="md-container" data-md-component="container">
<main class="md-main" data-md-component="main">
<div class="md-main__inner md-grid">
<div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--primary" aria-label="Navigation" data-md-level="0">
<label class="md-nav__title" for="__drawer">
<a href="../.." title="CAI" class="md-nav__button md-logo" aria-label="CAI" data-md-component="logo">
<img src="../../assets/imago.png" alt="logo">
</a>
CAI
</label>
<div class="md-nav__source">
<a href="https://github.com/aliasrobotics/cai" title="Go to repository" class="md-source" data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
</div>
<div class="md-source__repository">
aliasrobotics/cai
</div>
</a>
</div>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_1" >
<label class="md-nav__link" for="__nav_1" id="__nav_1_label" tabindex="">
<span class="md-ellipsis">
Getting Started
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_1_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_1">
<span class="md-nav__icon md-icon"></span>
Getting Started
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../.." class="md-nav__link">
<span class="md-ellipsis">
Welcome
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../cai_installation/" class="md-nav__link">
<span class="md-ellipsis">
Installation
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../cai_quickstart/" class="md-nav__link">
<span class="md-ellipsis">
Quickstart
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../cai_list_of_models/" class="md-nav__link">
<span class="md-ellipsis">
Available Models
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_1_5" >
<label class="md-nav__link" for="__nav_1_5" id="__nav_1_5_label" tabindex="0">
<span class="md-ellipsis">
Model Providers
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_1_5_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_1_5">
<span class="md-nav__icon md-icon"></span>
Model Providers
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../providers/openrouter.md" class="md-nav__link">
<span class="md-ellipsis">
OpenRouter
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../providers/ollama/" class="md-nav__link">
<span class="md-ellipsis">
Ollama
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../providers/azure.md" class="md-nav__link">
<span class="md-ellipsis">
Azure OpenAI
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../cai_pro/" class="md-nav__link">
<span class="md-ellipsis">
🚀 CAI PRO
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="">
<span class="md-ellipsis">
Core Concepts
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span>
Core Concepts
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../cai_architecture/" class="md-nav__link">
<span class="md-ellipsis">
Architecture
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../agents/" class="md-nav__link">
<span class="md-ellipsis">
Agents
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../tools/" class="md-nav__link">
<span class="md-ellipsis">
Tools
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../handoffs/" class="md-nav__link">
<span class="md-ellipsis">
Handoffs
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../multi_agent/" class="md-nav__link">
<span class="md-ellipsis">
Multi-Agent Systems
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_4" >
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="">
<span class="md-ellipsis">
Benchmarking
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_4">
<span class="md-nav__icon md-icon"></span>
Benchmarking
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../benchmarking/overview/" class="md-nav__link">
<span class="md-ellipsis">
Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../benchmarking/running_benchmarks/" class="md-nav__link">
<span class="md-ellipsis">
Running Benchmarks
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../benchmarking/attack_defense/" class="md-nav__link">
<span class="md-ellipsis">
Attack & Defense CTFs
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../benchmarking/jeopardy_ctfs/" class="md-nav__link">
<span class="md-ellipsis">
Jeopardy CTFs
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../benchmarking/cyber_ranges/" class="md-nav__link">
<span class="md-ellipsis">
Cyber Ranges
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../benchmarking/knowledge_benchmarks/" class="md-nav__link">
<span class="md-ellipsis">
Knowledge Benchmarks
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../benchmarking/privacy_benchmarks/" class="md-nav__link">
<span class="md-ellipsis">
Privacy Benchmarks
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_5" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="">
<span class="md-ellipsis">
Guides
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5">
<span class="md-nav__icon md-icon"></span>
Guides
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../running_agents/" class="md-nav__link">
<span class="md-ellipsis">
Running Agents
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../continue_mode/" class="md-nav__link">
<span class="md-ellipsis">
Continue Mode
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../results/" class="md-nav__link">
<span class="md-ellipsis">
Working with Results
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../streaming/" class="md-nav__link">
<span class="md-ellipsis">
Streaming
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../tracing/" class="md-nav__link">
<span class="md-ellipsis">
Tracing & Debugging
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../context/" class="md-nav__link">
<span class="md-ellipsis">
Context Management
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../guardrails/" class="md-nav__link">
<span class="md-ellipsis">
Guardrails & Security
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../environment_variables/" class="md-nav__link">
<span class="md-ellipsis">
Environment Variables
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../cai/getting-started/packet_capture_wsl/" class="md-nav__link">
<span class="md-ellipsis">
Packet Capture on WSL2
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_6" >
<label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="">
<span class="md-ellipsis">
Troubleshooting
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_6">
<span class="md-nav__icon md-icon"></span>
Troubleshooting
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../cai/troubleshooting/operator_feedback_reproduction/" class="md-nav__link">
<span class="md-ellipsis">
Operator Feedback Reproduction
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../cai/troubleshooting/platform_limitations/" class="md-nav__link">
<span class="md-ellipsis">
Platform Limitations
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_7" >
<label class="md-nav__link" for="__nav_7" id="__nav_7_label" tabindex="">
<span class="md-ellipsis">
Case Studies
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_7_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_7">
<span class="md-nav__icon md-icon"></span>
Case Studies
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../cai/case-studies/operator-artifact-evidence/" class="md-nav__link">
<span class="md-ellipsis">
Operator Artifact Evidence
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8" checked>
<label class="md-nav__link" for="__nav_8" id="__nav_8_label" tabindex="">
<span class="md-ellipsis">
Mobile UI (iOS)
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_8_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_8">
<span class="md-nav__icon md-icon"></span>
Mobile UI (iOS)
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../mui_index/" class="md-nav__link">
<span class="md-ellipsis">
Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../getting_started/" class="md-nav__link">
<span class="md-ellipsis">
Getting Started
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../user_interface/" class="md-nav__link">
<span class="md-ellipsis">
User Interface
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../gestures_shortcuts/" class="md-nav__link">
<span class="md-ellipsis">
Gestures & Shortcuts
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--active">
<input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
<label class="md-nav__link md-nav__link--active" for="__toc">
<span class="md-ellipsis">
Chat Features
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<a href="./" class="md-nav__link md-nav__link--active">
<span class="md-ellipsis">
Chat Features
</span>
</a>
<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
Table of contents
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#message-composition" class="md-nav__link">
<span class="md-ellipsis">
Message Composition
</span>
</a>
<nav class="md-nav" aria-label="Message Composition">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#rich-text-input" class="md-nav__link">
<span class="md-ellipsis">
Rich Text Input
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#smart-completions" class="md-nav__link">
<span class="md-ellipsis">
Smart Completions
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#voice-input" class="md-nav__link">
<span class="md-ellipsis">
Voice Input
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#message-display" class="md-nav__link">
<span class="md-ellipsis">
Message Display
</span>
</a>
<nav class="md-nav" aria-label="Message Display">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#streaming-responses" class="md-nav__link">
<span class="md-ellipsis">
Streaming Responses
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#content-types" class="md-nav__link">
<span class="md-ellipsis">
Content Types
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#interactive-elements" class="md-nav__link">
<span class="md-ellipsis">
Interactive Elements
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#advanced-features" class="md-nav__link">
<span class="md-ellipsis">
Advanced Features
</span>
</a>
<nav class="md-nav" aria-label="Advanced Features">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#message-actions" class="md-nav__link">
<span class="md-ellipsis">
Message Actions
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#conversation-management" class="md-nav__link">
<span class="md-ellipsis">
Conversation Management
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#context-preservation" class="md-nav__link">
<span class="md-ellipsis">
Context Preservation
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#collaboration-features" class="md-nav__link">
<span class="md-ellipsis">
Collaboration Features
</span>
</a>
<nav class="md-nav" aria-label="Collaboration Features">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#sharing-export" class="md-nav__link">
<span class="md-ellipsis">
Sharing &amp; Export
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#templates-snippets" class="md-nav__link">
<span class="md-ellipsis">
Templates &amp; Snippets
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#performance-features" class="md-nav__link">
<span class="md-ellipsis">
Performance Features
</span>
</a>
<nav class="md-nav" aria-label="Performance Features">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#offline-mode" class="md-nav__link">
<span class="md-ellipsis">
Offline Mode
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#message-optimization" class="md-nav__link">
<span class="md-ellipsis">
Message Optimization
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#security-features" class="md-nav__link">
<span class="md-ellipsis">
Security Features
</span>
</a>
<nav class="md-nav" aria-label="Security Features">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#privacy-controls" class="md-nav__link">
<span class="md-ellipsis">
Privacy Controls
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#audit-trail" class="md-nav__link">
<span class="md-ellipsis">
Audit Trail
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#customization" class="md-nav__link">
<span class="md-ellipsis">
Customization
</span>
</a>
<nav class="md-nav" aria-label="Customization">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#display-preferences" class="md-nav__link">
<span class="md-ellipsis">
Display Preferences
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#behavior-settings" class="md-nav__link">
<span class="md-ellipsis">
Behavior Settings
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#keyboard-enhancements" class="md-nav__link">
<span class="md-ellipsis">
Keyboard Enhancements
</span>
</a>
<nav class="md-nav" aria-label="Keyboard Enhancements">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#text-shortcuts" class="md-nav__link">
<span class="md-ellipsis">
Text Shortcuts
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#quick-commands" class="md-nav__link">
<span class="md-ellipsis">
Quick Commands
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#tips-tricks" class="md-nav__link">
<span class="md-ellipsis">
Tips &amp; Tricks
</span>
</a>
<nav class="md-nav" aria-label="Tips &amp; Tricks">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#power-user-features" class="md-nav__link">
<span class="md-ellipsis">
Power User Features
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#hidden-features" class="md-nav__link">
<span class="md-ellipsis">
Hidden Features
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#next-steps" class="md-nav__link">
<span class="md-ellipsis">
Next Steps
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_9" >
<label class="md-nav__link" for="__nav_9" id="__nav_9_label" tabindex="">
<span class="md-ellipsis">
Terminal UI (TUI) - Deprecated
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_9_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_9">
<span class="md-nav__icon md-icon"></span>
Terminal UI (TUI) - Deprecated
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../tui/tui_index/" class="md-nav__link">
<span class="md-ellipsis">
Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../tui/getting_started/" class="md-nav__link">
<span class="md-ellipsis">
Getting Started
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../tui/user_interface/" class="md-nav__link">
<span class="md-ellipsis">
User Interface
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../tui/terminals_management/" class="md-nav__link">
<span class="md-ellipsis">
Terminals Management
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../tui/teams_and_parallel_execution/" class="md-nav__link">
<span class="md-ellipsis">
Teams & Parallel Execution
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../tui/sidebar_features/" class="md-nav__link">
<span class="md-ellipsis">
Sidebar Features
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../tui/keyboard_shortcuts/" class="md-nav__link">
<span class="md-ellipsis">
Keyboard Shortcuts
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../tui/commands_reference/" class="md-nav__link">
<span class="md-ellipsis">
Commands Reference
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../tui/advanced_features/" class="md-nav__link">
<span class="md-ellipsis">
Advanced Features
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../tui/troubleshooting/" class="md-nav__link">
<span class="md-ellipsis">
Troubleshooting
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_10" >
<label class="md-nav__link" for="__nav_10" id="__nav_10_label" tabindex="">
<span class="md-ellipsis">
API Reference
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_10_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_10">
<span class="md-nav__icon md-icon"></span>
API Reference
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_10_1" >
<label class="md-nav__link" for="__nav_10_1" id="__nav_10_1_label" tabindex="0">
<span class="md-ellipsis">
Agents
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_10_1_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_10_1">
<span class="md-nav__icon md-icon"></span>
Agents
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../ref/agent/" class="md-nav__link">
<span class="md-ellipsis">
Agent
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../ref/run/" class="md-nav__link">
<span class="md-ellipsis">
Runner
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../ref/tool/" class="md-nav__link">
<span class="md-ellipsis">
Tool
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../ref/result/" class="md-nav__link">
<span class="md-ellipsis">
Result
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../ref/stream_events/" class="md-nav__link">
<span class="md-ellipsis">
Stream Events
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../ref/handoffs/" class="md-nav__link">
<span class="md-ellipsis">
Handoffs
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../ref/lifecycle/" class="md-nav__link">
<span class="md-ellipsis">
Lifecycle
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../ref/items/" class="md-nav__link">
<span class="md-ellipsis">
Items
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../ref/run_context/" class="md-nav__link">
<span class="md-ellipsis">
Run Context
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../ref/usage/" class="md-nav__link">
<span class="md-ellipsis">
Usage
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../ref/exceptions/" class="md-nav__link">
<span class="md-ellipsis">
Exceptions
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../ref/guardrail/" class="md-nav__link">
<span class="md-ellipsis">
Guardrail
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../ref/model_settings/" class="md-nav__link">
<span class="md-ellipsis">
Model Settings
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../ref/agent_output/" class="md-nav__link">
<span class="md-ellipsis">
Agent Output
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../ref/function_schema/" class="md-nav__link">
<span class="md-ellipsis">
Function Schema
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_10_2" >
<label class="md-nav__link" for="__nav_10_2" id="__nav_10_2_label" tabindex="0">
<span class="md-ellipsis">
Models
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_10_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_10_2">
<span class="md-nav__icon md-icon"></span>
Models
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../ref/models/interface/" class="md-nav__link">
<span class="md-ellipsis">
Interface
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../ref/models/openai_chatcompletions/" class="md-nav__link">
<span class="md-ellipsis">
OpenAI Chat Completions
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../ref/models/openai_responses/" class="md-nav__link">
<span class="md-ellipsis">
OpenAI Responses
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_10_3" >
<label class="md-nav__link" for="__nav_10_3" id="__nav_10_3_label" tabindex="0">
<span class="md-ellipsis">
Extensions
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_10_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_10_3">
<span class="md-nav__icon md-icon"></span>
Extensions
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../ref/extensions/handoff_filters/" class="md-nav__link">
<span class="md-ellipsis">
Handoff Filters
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../ref/extensions/handoff_prompt/" class="md-nav__link">
<span class="md-ellipsis">
Handoff Prompt
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_11" >
<label class="md-nav__link" for="__nav_11" id="__nav_11_label" tabindex="">
<span class="md-ellipsis">
Advanced
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_11_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_11">
<span class="md-nav__icon md-icon"></span>
Advanced
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../cai_development/" class="md-nav__link">
<span class="md-ellipsis">
Development
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_12" >
<label class="md-nav__link" for="__nav_12" id="__nav_12_label" tabindex="">
<span class="md-ellipsis">
Research
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_12_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_12">
<span class="md-nav__icon md-icon"></span>
Research
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../research/" class="md-nav__link">
<span class="md-ellipsis">
Overview
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_13" >
<label class="md-nav__link" for="__nav_13" id="__nav_13_label" tabindex="">
<span class="md-ellipsis">
Resources
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_13_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_13">
<span class="md-nav__icon md-icon"></span>
Resources
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../cai_faq/" class="md-nav__link">
<span class="md-ellipsis">
FAQ
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../cai_find_us/" class="md-nav__link">
<span class="md-ellipsis">
Find Us
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../cai_citation_and_acknowledgments/" class="md-nav__link">
<span class="md-ellipsis">
Citation & Acknowledgments
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
Table of contents
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#message-composition" class="md-nav__link">
<span class="md-ellipsis">
Message Composition
</span>
</a>
<nav class="md-nav" aria-label="Message Composition">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#rich-text-input" class="md-nav__link">
<span class="md-ellipsis">
Rich Text Input
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#smart-completions" class="md-nav__link">
<span class="md-ellipsis">
Smart Completions
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#voice-input" class="md-nav__link">
<span class="md-ellipsis">
Voice Input
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#message-display" class="md-nav__link">
<span class="md-ellipsis">
Message Display
</span>
</a>
<nav class="md-nav" aria-label="Message Display">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#streaming-responses" class="md-nav__link">
<span class="md-ellipsis">
Streaming Responses
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#content-types" class="md-nav__link">
<span class="md-ellipsis">
Content Types
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#interactive-elements" class="md-nav__link">
<span class="md-ellipsis">
Interactive Elements
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#advanced-features" class="md-nav__link">
<span class="md-ellipsis">
Advanced Features
</span>
</a>
<nav class="md-nav" aria-label="Advanced Features">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#message-actions" class="md-nav__link">
<span class="md-ellipsis">
Message Actions
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#conversation-management" class="md-nav__link">
<span class="md-ellipsis">
Conversation Management
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#context-preservation" class="md-nav__link">
<span class="md-ellipsis">
Context Preservation
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#collaboration-features" class="md-nav__link">
<span class="md-ellipsis">
Collaboration Features
</span>
</a>
<nav class="md-nav" aria-label="Collaboration Features">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#sharing-export" class="md-nav__link">
<span class="md-ellipsis">
Sharing &amp; Export
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#templates-snippets" class="md-nav__link">
<span class="md-ellipsis">
Templates &amp; Snippets
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#performance-features" class="md-nav__link">
<span class="md-ellipsis">
Performance Features
</span>
</a>
<nav class="md-nav" aria-label="Performance Features">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#offline-mode" class="md-nav__link">
<span class="md-ellipsis">
Offline Mode
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#message-optimization" class="md-nav__link">
<span class="md-ellipsis">
Message Optimization
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#security-features" class="md-nav__link">
<span class="md-ellipsis">
Security Features
</span>
</a>
<nav class="md-nav" aria-label="Security Features">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#privacy-controls" class="md-nav__link">
<span class="md-ellipsis">
Privacy Controls
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#audit-trail" class="md-nav__link">
<span class="md-ellipsis">
Audit Trail
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#customization" class="md-nav__link">
<span class="md-ellipsis">
Customization
</span>
</a>
<nav class="md-nav" aria-label="Customization">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#display-preferences" class="md-nav__link">
<span class="md-ellipsis">
Display Preferences
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#behavior-settings" class="md-nav__link">
<span class="md-ellipsis">
Behavior Settings
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#keyboard-enhancements" class="md-nav__link">
<span class="md-ellipsis">
Keyboard Enhancements
</span>
</a>
<nav class="md-nav" aria-label="Keyboard Enhancements">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#text-shortcuts" class="md-nav__link">
<span class="md-ellipsis">
Text Shortcuts
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#quick-commands" class="md-nav__link">
<span class="md-ellipsis">
Quick Commands
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#tips-tricks" class="md-nav__link">
<span class="md-ellipsis">
Tips &amp; Tricks
</span>
</a>
<nav class="md-nav" aria-label="Tips &amp; Tricks">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#power-user-features" class="md-nav__link">
<span class="md-ellipsis">
Power User Features
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#hidden-features" class="md-nav__link">
<span class="md-ellipsis">
Hidden Features
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#next-steps" class="md-nav__link">
<span class="md-ellipsis">
Next Steps
</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-content" data-md-component="content">
<article class="md-content__inner md-typeset">
<h1 id="chat-features-cai-mobile-ui">Chat Features - CAI Mobile UI</h1>
<blockquote>
<p><strong>⚡ CAI-Pro Exclusive</strong><br />
Advanced chat capabilities for professional security testing on mobile.</p>
</blockquote>
<h2 id="message-composition">Message Composition</h2>
<h3 id="rich-text-input">Rich Text Input</h3>
<p>The CAI Mobile UI supports advanced text formatting:</p>
<p><strong>Markdown Support</strong>
- <strong>Bold</strong>: Surround with <code>**text**</code> or <code>__text__</code>
- <em>Italic</em>: Use <code>*text*</code> or <code>_text_</code>
- <code>Code</code>: Wrap with backticks
- Lists: Start lines with <code>-</code> or <code>1.</code>
- Links: <code>[text](url)</code> format</p>
<p><strong>Code Blocks</strong>
<div class="language-text highlight"><pre><span></span><code><span id="__span-0-1">```python
</span><span id="__span-0-2"># Language-specific highlighting
</span><span id="__span-0-3">def scan_target(ip):
</span><span id="__span-0-4"> return results
</span><span id="__span-0-5">```
</span></code></pre></div></p>
<h3 id="smart-completions">Smart Completions</h3>
<p><strong>Agent Mentions</strong>
- Type <code>@</code> to see available agents
- Quick switch context mid-conversation
- Example: <code>@red_teamer scan this endpoint</code></p>
<p><strong>File References</strong>
- Type <code>/</code> for file browser
- Drag &amp; drop from Files app
- Paste images directly</p>
<p><strong>Command Shortcuts</strong>
- Type <code>!</code> for saved commands
- Create custom shortcuts in settings
- Example: <code>!nmap</code> → <code>Run nmap scan on target</code></p>
<h3 id="voice-input">Voice Input</h3>
<p><strong>Dictation Features</strong>
- Tap microphone icon
- Automatic punctuation
- Technical term recognition
- Multi-language support</p>
<p><strong>Voice Commands</strong>
- "Send message"
- "New conversation"
- "Switch to [agent name]"
- "Cancel generation"</p>
<h2 id="message-display">Message Display</h2>
<h3 id="streaming-responses">Streaming Responses</h3>
<p><img alt="CAI Streaming Response" src="../../media/MUI/cai_app_ios_reasoning.png" /></p>
<p><strong>Real-time Indicators</strong>
- Typing animation
- Progress estimation
- Token counter
- Time elapsed</p>
<p><strong>Partial Rendering</strong>
- See results as they generate
- Syntax highlighting updates live
- Tables render incrementally
- Images load progressively</p>
<h3 id="content-types">Content Types</h3>
<p><strong>Security Reports</strong>
<div class="language-text highlight"><pre><span></span><code><span id="__span-1-1">╔══════════════════════════════════════╗
</span><span id="__span-1-2">║ VULNERABILITY REPORT ║
</span><span id="__span-1-3">╠══════════════════════════════════════╣
</span><span id="__span-1-4">║ Target: example.com ║
</span><span id="__span-1-5">║ Risk Level: HIGH ║
</span><span id="__span-1-6">║ CVSS Score: 8.5 ║
</span><span id="__span-1-7">╚══════════════════════════════════════╝
</span></code></pre></div></p>
<p><strong>Code Analysis</strong>
- Syntax highlighting for 100+ languages
- Line numbers for reference
- Diff view for changes
- Copy button per code block</p>
<p><strong>Structured Data</strong>
- Tables with sorting
- Collapsible JSON trees
- Chart rendering
- CSV preview with scrolling</p>
<h3 id="interactive-elements">Interactive Elements</h3>
<p><strong>Expandable Sections</strong>
- Tap to expand/collapse
- Remembers state
- Smooth animations
- Section summaries</p>
<p><strong>Tool Outputs</strong>
- Real-time tool execution status
- Collapsible verbose output
- Error highlighting
- Retry failed tools</p>
<p><strong>Links &amp; References</strong>
- In-app browser for links
- CVE database lookups
- Documentation tooltips
- External app handoff</p>
<h2 id="advanced-features">Advanced Features</h2>
<h3 id="message-actions">Message Actions</h3>
<p><strong>Quick Actions Bar</strong>
Swipe left on any message:
- 🔄 Retry - Re-run with same prompt
- 📋 Copy - Copy to clipboard
- 📤 Share - Share via iOS share sheet
- 🗑️ Delete - Remove from history</p>
<p><strong>Long Press Menu</strong>
- Copy Text
- Copy as Markdown
- Copy as JSON
- Share Message
- Save to Files
- Create Template
- Report Issue</p>
<h3 id="conversation-management">Conversation Management</h3>
<p><strong>Search Within Chat</strong>
- <code>⌘ + F</code> or tap search icon
- Real-time highlighting
- Previous/Next navigation
- Case sensitive option
- Regex support</p>
<p><strong>Message Filtering</strong>
- Show only user messages
- Show only agent responses
- Filter by date range
- Filter by content type
- Export filtered results</p>
<h3 id="context-preservation">Context Preservation</h3>
<p><strong>Auto-Save</strong>
- Every message saved locally
- Cloud sync (optional)
- Crash recovery
- Version history</p>
<p><strong>Session Continuity</strong>
- Resume mid-generation
- Restore agent state
- Maintain context across app restarts
- Background task completion</p>
<h2 id="collaboration-features">Collaboration Features</h2>
<h3 id="sharing-export">Sharing &amp; Export</h3>
<p><strong>Export Formats</strong>
- Plain Text (.txt)
- Markdown (.md)
- JSON (.json)
- PDF with formatting
- HTML with styling</p>
<p><strong>Share Options</strong>
- AirDrop to nearby devices
- Email with formatting preserved
- Slack/Discord webhooks
- GitHub Gist integration
- Custom share extensions</p>
<h3 id="templates-snippets">Templates &amp; Snippets</h3>
<p><strong>Message Templates</strong>
Create reusable prompts:
<div class="language-text highlight"><pre><span></span><code><span id="__span-2-1">Template: Web App Test
</span><span id="__span-2-2">---
</span><span id="__span-2-3">Perform security assessment on [URL]:
</span><span id="__span-2-4">1. Check for common vulnerabilities
</span><span id="__span-2-5">2. Test authentication
</span><span id="__span-2-6">3. Scan for exposed endpoints
</span><span id="__span-2-7">4. Generate detailed report
</span></code></pre></div></p>
<p><strong>Code Snippets</strong>
Save frequently used code:
- Payloads library
- Script templates
- Command shortcuts
- Custom exploits</p>
<h2 id="performance-features">Performance Features</h2>
<h3 id="offline-mode">Offline Mode</h3>
<p><strong>Available Offline</strong>
- Read previous conversations
- Search message history
- Export conversations
- View cached responses</p>
<p><strong>Sync When Connected</strong>
- Queue messages for sending
- Auto-retry failed messages
- Merge offline changes
- Conflict resolution</p>
<h3 id="message-optimization">Message Optimization</h3>
<p><strong>Smart Loading</strong>
- Lazy load old messages
- Virtualized scrolling
- Image placeholder loading
- Incremental search indexing</p>
<p><strong>Memory Management</strong>
- Auto-archive old conversations
- Compress stored messages
- Clear cache options
- Storage usage analytics</p>
<h2 id="security-features">Security Features</h2>
<h3 id="privacy-controls">Privacy Controls</h3>
<p><strong>Message Security</strong>
- End-to-end encryption option
- Biometric lock for sensitive chats
- Auto-delete timers
- Screenshot prevention mode</p>
<p><strong>Data Protection</strong>
- Local encryption at rest
- Secure keychain storage
- No cloud sync option
- Export password protection</p>
<h3 id="audit-trail">Audit Trail</h3>
<p><strong>Activity Logging</strong>
- Message timestamps
- Edit history
- Access logs
- Export audit trail</p>
<h2 id="customization">Customization</h2>
<h3 id="display-preferences">Display Preferences</h3>
<p><strong>Message Appearance</strong>
- Bubble style (iOS/Android/Minimal)
- Color themes
- Font selection
- Spacing options</p>
<p><strong>Timestamp Display</strong>
- Always visible
- On tap
- Grouped by time
- Relative/Absolute</p>
<h3 id="behavior-settings">Behavior Settings</h3>
<p><strong>Send Options</strong>
- Enter to send
- Shift+Enter for new line
- Alt+Enter for new line (terminal fallback)
- Send button confirmation
- Draft auto-save</p>
<p><strong>Notification Settings</strong>
- Message previews
- Sound selection
- Vibration patterns
- Do Not Disturb respect</p>
<h2 id="keyboard-enhancements">Keyboard Enhancements</h2>
<h3 id="text-shortcuts">Text Shortcuts</h3>
<table>
<thead>
<tr>
<th>Shortcut</th>
<th>Expands To</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>@@</code></td>
<td>Current date/time</td>
</tr>
<tr>
<td><code>##</code></td>
<td>Last command output</td>
</tr>
<tr>
<td><code>$$</code></td>
<td>Previous agent response</td>
</tr>
<tr>
<td><code>%%</code></td>
<td>System information</td>
</tr>
</tbody>
</table>
<h3 id="quick-commands">Quick Commands</h3>
<table>
<thead>
<tr>
<th>Command</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>/clear</code></td>
<td>Clear conversation</td>
</tr>
<tr>
<td><code>/export</code></td>
<td>Export chat</td>
</tr>
<tr>
<td><code>/stats</code></td>
<td>Show session stats</td>
</tr>
<tr>
<td><code>/help</code></td>
<td>Show help</td>
</tr>
</tbody>
</table>
<h2 id="tips-tricks">Tips &amp; Tricks</h2>
<h3 id="power-user-features">Power User Features</h3>
<ol>
<li><strong>Multi-Message Select</strong>: Two-finger tap and drag</li>
<li><strong>Quick Quote</strong>: Swipe right on message to quote</li>
<li><strong>Batch Operations</strong>: Select multiple messages for bulk actions</li>
<li><strong>Smart Paste</strong>: Automatically formats pasted code</li>
</ol>
<h3 id="hidden-features">Hidden Features</h3>
<ol>
<li><strong>Developer Console</strong>: Triple-tap status bar</li>
<li><strong>Message Inspector</strong>: Long press + 3D touch</li>
<li><strong>Network Monitor</strong>: Shake in settings</li>
<li><strong>Debug Logging</strong>: Five taps on version</li>
</ol>
<h2 id="next-steps">Next Steps</h2>
<ul>
<li>🎯 <a href="agent_selection.md">Master Agent Selection</a></li>
<li>🌐 <a href="network_mcp.md">Configure Network &amp; MCP</a></li>
<li>📊 <a href="session_management.md">Understand Session Management</a></li>
</ul>
<hr />
<p><em>Advanced chat features enable professional-grade mobile security testing</em></p>
</article>
</div>
<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
</div>
</main>
<footer class="md-footer">
<div class="md-footer-meta md-typeset">
<div class="md-footer-meta__inner md-grid">
<div class="md-copyright">
</div>
</div>
</div>
</footer>
</div>
<div class="md-dialog" data-md-component="dialog">
<div class="md-dialog__inner md-typeset"></div>
</div>
<script id="__config" type="application/json">{"base": "../..", "features": ["content.code.copy", "content.code.select", "navigation.path", "navigation.sections", "navigation.expand", "content.code.annotate"], "search": "../../assets/javascripts/workers/search.f8cc74c7.min.js", "tags": null, "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}, "version": null}</script>
<script src="../../assets/javascripts/bundle.c8b220af.min.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink