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

3871 lines
68 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="../user_interface/">
<link rel="next" href="../chat_features/">
<link rel="icon" href="../../assets/imago.png">
<meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.6.11">
<title>Gestures & Shortcuts - 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="#gestures-shortcuts-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">
Gestures & Shortcuts
</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 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">
Gestures & Shortcuts
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<a href="./" class="md-nav__link md-nav__link--active">
<span class="md-ellipsis">
Gestures & Shortcuts
</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="#touch-gestures" class="md-nav__link">
<span class="md-ellipsis">
Touch Gestures
</span>
</a>
<nav class="md-nav" aria-label="Touch Gestures">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#basic-navigation" class="md-nav__link">
<span class="md-ellipsis">
Basic Navigation
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#message-interactions" class="md-nav__link">
<span class="md-ellipsis">
Message Interactions
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#advanced-gestures" class="md-nav__link">
<span class="md-ellipsis">
Advanced Gestures
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#ipad-keyboard-shortcuts" class="md-nav__link">
<span class="md-ellipsis">
iPad Keyboard Shortcuts
</span>
</a>
<nav class="md-nav" aria-label="iPad Keyboard Shortcuts">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#navigation" class="md-nav__link">
<span class="md-ellipsis">
Navigation
</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="#text-editing" class="md-nav__link">
<span class="md-ellipsis">
Text Editing
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#agent-model-control" class="md-nav__link">
<span class="md-ellipsis">
Agent &amp; Model Control
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#view-control" class="md-nav__link">
<span class="md-ellipsis">
View Control
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#quick-actions" class="md-nav__link">
<span class="md-ellipsis">
Quick Actions
</span>
</a>
<nav class="md-nav" aria-label="Quick Actions">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#from-lock-screen" class="md-nav__link">
<span class="md-ellipsis">
From Lock Screen
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#from-home-screen" class="md-nav__link">
<span class="md-ellipsis">
From Home Screen
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#control-center" class="md-nav__link">
<span class="md-ellipsis">
Control Center
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#gesture-customization" class="md-nav__link">
<span class="md-ellipsis">
Gesture Customization
</span>
</a>
<nav class="md-nav" aria-label="Gesture Customization">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#settings-gestures" class="md-nav__link">
<span class="md-ellipsis">
Settings → Gestures
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#accessibility-shortcuts" class="md-nav__link">
<span class="md-ellipsis">
Accessibility Shortcuts
</span>
</a>
<nav class="md-nav" aria-label="Accessibility Shortcuts">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#voiceover-gestures" class="md-nav__link">
<span class="md-ellipsis">
VoiceOver Gestures
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#voice-control-commands" class="md-nav__link">
<span class="md-ellipsis">
Voice Control Commands
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#pro-tips" class="md-nav__link">
<span class="md-ellipsis">
Pro Tips
</span>
</a>
<nav class="md-nav" aria-label="Pro Tips">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#speed-techniques" class="md-nav__link">
<span class="md-ellipsis">
Speed Techniques
</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>
<li class="md-nav__item">
<a href="#gesture-combinations" class="md-nav__link">
<span class="md-ellipsis">
Gesture Combinations
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#troubleshooting-gestures" class="md-nav__link">
<span class="md-ellipsis">
Troubleshooting Gestures
</span>
</a>
<nav class="md-nav" aria-label="Troubleshooting Gestures">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#common-issues" class="md-nav__link">
<span class="md-ellipsis">
Common Issues
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#platform-specific-features" class="md-nav__link">
<span class="md-ellipsis">
Platform-Specific Features
</span>
</a>
<nav class="md-nav" aria-label="Platform-Specific Features">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#iphone-only-gestures" class="md-nav__link">
<span class="md-ellipsis">
iPhone-Only Gestures
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#ipad-only-features" class="md-nav__link">
<span class="md-ellipsis">
iPad-Only 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>
<li class="md-nav__item">
<a href="../chat_features/" class="md-nav__link">
<span class="md-ellipsis">
Chat Features
</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_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="#touch-gestures" class="md-nav__link">
<span class="md-ellipsis">
Touch Gestures
</span>
</a>
<nav class="md-nav" aria-label="Touch Gestures">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#basic-navigation" class="md-nav__link">
<span class="md-ellipsis">
Basic Navigation
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#message-interactions" class="md-nav__link">
<span class="md-ellipsis">
Message Interactions
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#advanced-gestures" class="md-nav__link">
<span class="md-ellipsis">
Advanced Gestures
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#ipad-keyboard-shortcuts" class="md-nav__link">
<span class="md-ellipsis">
iPad Keyboard Shortcuts
</span>
</a>
<nav class="md-nav" aria-label="iPad Keyboard Shortcuts">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#navigation" class="md-nav__link">
<span class="md-ellipsis">
Navigation
</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="#text-editing" class="md-nav__link">
<span class="md-ellipsis">
Text Editing
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#agent-model-control" class="md-nav__link">
<span class="md-ellipsis">
Agent &amp; Model Control
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#view-control" class="md-nav__link">
<span class="md-ellipsis">
View Control
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#quick-actions" class="md-nav__link">
<span class="md-ellipsis">
Quick Actions
</span>
</a>
<nav class="md-nav" aria-label="Quick Actions">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#from-lock-screen" class="md-nav__link">
<span class="md-ellipsis">
From Lock Screen
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#from-home-screen" class="md-nav__link">
<span class="md-ellipsis">
From Home Screen
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#control-center" class="md-nav__link">
<span class="md-ellipsis">
Control Center
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#gesture-customization" class="md-nav__link">
<span class="md-ellipsis">
Gesture Customization
</span>
</a>
<nav class="md-nav" aria-label="Gesture Customization">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#settings-gestures" class="md-nav__link">
<span class="md-ellipsis">
Settings → Gestures
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#accessibility-shortcuts" class="md-nav__link">
<span class="md-ellipsis">
Accessibility Shortcuts
</span>
</a>
<nav class="md-nav" aria-label="Accessibility Shortcuts">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#voiceover-gestures" class="md-nav__link">
<span class="md-ellipsis">
VoiceOver Gestures
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#voice-control-commands" class="md-nav__link">
<span class="md-ellipsis">
Voice Control Commands
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#pro-tips" class="md-nav__link">
<span class="md-ellipsis">
Pro Tips
</span>
</a>
<nav class="md-nav" aria-label="Pro Tips">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#speed-techniques" class="md-nav__link">
<span class="md-ellipsis">
Speed Techniques
</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>
<li class="md-nav__item">
<a href="#gesture-combinations" class="md-nav__link">
<span class="md-ellipsis">
Gesture Combinations
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#troubleshooting-gestures" class="md-nav__link">
<span class="md-ellipsis">
Troubleshooting Gestures
</span>
</a>
<nav class="md-nav" aria-label="Troubleshooting Gestures">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#common-issues" class="md-nav__link">
<span class="md-ellipsis">
Common Issues
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#platform-specific-features" class="md-nav__link">
<span class="md-ellipsis">
Platform-Specific Features
</span>
</a>
<nav class="md-nav" aria-label="Platform-Specific Features">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#iphone-only-gestures" class="md-nav__link">
<span class="md-ellipsis">
iPhone-Only Gestures
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#ipad-only-features" class="md-nav__link">
<span class="md-ellipsis">
iPad-Only 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="gestures-shortcuts-cai-mobile-ui">Gestures &amp; Shortcuts - CAI Mobile UI</h1>
<blockquote>
<p><strong>⚡ CAI-Pro Exclusive</strong><br />
Master touch gestures and keyboard shortcuts for efficient mobile security testing.</p>
</blockquote>
<h2 id="touch-gestures">Touch Gestures</h2>
<h3 id="basic-navigation">Basic Navigation</h3>
<table>
<thead>
<tr>
<th>Gesture</th>
<th>Action</th>
<th>Context</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Tap</strong></td>
<td>Select/Activate</td>
<td>Any interactive element</td>
</tr>
<tr>
<td><strong>Swipe Right</strong></td>
<td>Previous conversation</td>
<td>Chat screen</td>
</tr>
<tr>
<td><strong>Swipe Left</strong></td>
<td>Next conversation</td>
<td>Chat screen</td>
</tr>
<tr>
<td><strong>Pull Down</strong></td>
<td>Refresh/Cancel</td>
<td>During agent response</td>
</tr>
<tr>
<td><strong>Pinch Out</strong></td>
<td>Increase text size</td>
<td>Chat messages</td>
</tr>
<tr>
<td><strong>Pinch In</strong></td>
<td>Decrease text size</td>
<td>Chat messages</td>
</tr>
</tbody>
</table>
<h3 id="message-interactions">Message Interactions</h3>
<table>
<thead>
<tr>
<th>Gesture</th>
<th>Action</th>
<th>Result</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Long Press Message</strong></td>
<td>Show actions</td>
<td>Copy/Share/Save menu</td>
</tr>
<tr>
<td><strong>Double Tap Code</strong></td>
<td>Quick copy</td>
<td>Copies code to clipboard</td>
</tr>
<tr>
<td><strong>Swipe Left on Message</strong></td>
<td>Show options</td>
<td>Retry/Delete buttons</td>
</tr>
<tr>
<td><strong>3D Touch/Haptic Touch</strong></td>
<td>Preview</td>
<td>Preview without opening</td>
</tr>
</tbody>
</table>
<h3 id="advanced-gestures">Advanced Gestures</h3>
<table>
<thead>
<tr>
<th>Gesture</th>
<th>Action</th>
<th>Where</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Two-Finger Swipe Up</strong></td>
<td>Jump to top</td>
<td>Chat view</td>
</tr>
<tr>
<td><strong>Two-Finger Swipe Down</strong></td>
<td>Jump to bottom</td>
<td>Chat view</td>
</tr>
<tr>
<td><strong>Three-Finger Swipe</strong></td>
<td>Switch apps</td>
<td>Anywhere</td>
</tr>
<tr>
<td><strong>Shake Device</strong></td>
<td>Undo/Report</td>
<td>After action</td>
</tr>
</tbody>
</table>
<h2 id="ipad-keyboard-shortcuts">iPad Keyboard Shortcuts</h2>
<h3 id="navigation">Navigation</h3>
<table>
<thead>
<tr>
<th>Shortcut</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>⌘ + 1-9</code></td>
<td>Jump to conversation 1-9</td>
</tr>
<tr>
<td><code>⌘ + ←</code></td>
<td>Previous conversation</td>
</tr>
<tr>
<td><code>⌘ + →</code></td>
<td>Next conversation</td>
</tr>
<tr>
<td><code>⌘ + ↑</code></td>
<td>Scroll to top</td>
</tr>
<tr>
<td><code>⌘ + ↓</code></td>
<td>Scroll to bottom</td>
</tr>
</tbody>
</table>
<h3 id="conversation-management">Conversation Management</h3>
<table>
<thead>
<tr>
<th>Shortcut</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>⌘ + N</code></td>
<td>New conversation</td>
</tr>
<tr>
<td><code>⌘ + W</code></td>
<td>Close current conversation</td>
</tr>
<tr>
<td><code>⌘ + D</code></td>
<td>Duplicate conversation</td>
</tr>
<tr>
<td><code>⌘ + S</code></td>
<td>Save/Export conversation</td>
</tr>
<tr>
<td><code>⌘ + P</code></td>
<td>Print conversation</td>
</tr>
</tbody>
</table>
<h3 id="text-editing">Text Editing</h3>
<table>
<thead>
<tr>
<th>Shortcut</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>⌘ + /</code></td>
<td>Focus message input</td>
</tr>
<tr>
<td><code>⌘ + Return</code></td>
<td>Send message</td>
</tr>
<tr>
<td><code>⌘ + Shift + Return</code></td>
<td>New line</td>
</tr>
<tr>
<td><code>⌘ + A</code></td>
<td>Select all</td>
</tr>
<tr>
<td><code>⌘ + Z</code></td>
<td>Undo</td>
</tr>
<tr>
<td><code>⌘ + Shift + Z</code></td>
<td>Redo</td>
</tr>
</tbody>
</table>
<h3 id="agent-model-control">Agent &amp; Model Control</h3>
<table>
<thead>
<tr>
<th>Shortcut</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>⌘ + K</code></td>
<td>Quick agent switch</td>
</tr>
<tr>
<td><code>⌘ + M</code></td>
<td>Quick model switch</td>
</tr>
<tr>
<td><code>⌘ + .</code></td>
<td>Cancel current generation</td>
</tr>
<tr>
<td><code>⌘ + R</code></td>
<td>Retry last message</td>
</tr>
</tbody>
</table>
<h3 id="view-control">View Control</h3>
<table>
<thead>
<tr>
<th>Shortcut</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>⌘ + +</code></td>
<td>Increase text size</td>
</tr>
<tr>
<td><code>⌘ + -</code></td>
<td>Decrease text size</td>
</tr>
<tr>
<td><code>⌘ + 0</code></td>
<td>Reset text size</td>
</tr>
<tr>
<td><code>⌘ + L</code></td>
<td>Clear conversation</td>
</tr>
<tr>
<td><code>⌘ + F</code></td>
<td>Find in conversation</td>
</tr>
</tbody>
</table>
<h2 id="quick-actions">Quick Actions</h2>
<h3 id="from-lock-screen">From Lock Screen</h3>
<ul>
<li><strong>Notification Actions</strong>: Reply directly from notifications</li>
<li><strong>Widget Actions</strong>: Quick launch with specific agent</li>
<li><strong>Siri Shortcuts</strong>: "Start CAI security scan"</li>
</ul>
<h3 id="from-home-screen">From Home Screen</h3>
<p><strong>3D Touch Menu</strong>:
- New Conversation
- Continue Last Session
- Quick Scan Network
- View Recent Chats</p>
<h3 id="control-center">Control Center</h3>
<p>Add CAI controls:
- Quick Connect/Disconnect
- Agent Status Toggle
- Cost Tracker Widget</p>
<h2 id="gesture-customization">Gesture Customization</h2>
<h3 id="settings-gestures">Settings → Gestures</h3>
<p><strong>Swipe Sensitivity</strong>
- Light: 100pt minimum
- Normal: 75pt minimum (default)
- Heavy: 50pt minimum</p>
<p><strong>Long Press Duration</strong>
- Fast: 0.3 seconds
- Normal: 0.5 seconds (default)
- Slow: 0.7 seconds</p>
<p><strong>Haptic Feedback</strong>
- Off: No vibration
- Light: Subtle taps
- Medium: Standard feedback (default)
- Heavy: Strong vibration</p>
<h2 id="accessibility-shortcuts">Accessibility Shortcuts</h2>
<h3 id="voiceover-gestures">VoiceOver Gestures</h3>
<table>
<thead>
<tr>
<th>Gesture</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Two-Finger Tap</strong></td>
<td>Pause/Resume reading</td>
</tr>
<tr>
<td><strong>Three-Finger Tap</strong></td>
<td>Show item chooser</td>
</tr>
<tr>
<td><strong>Two-Finger Rotate</strong></td>
<td>Access rotor</td>
</tr>
<tr>
<td><strong>One-Finger Swipe</strong></td>
<td>Navigate items</td>
</tr>
</tbody>
</table>
<h3 id="voice-control-commands">Voice Control Commands</h3>
<table>
<thead>
<tr>
<th>Command</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>"Show numbers"</td>
<td>Display tap targets</td>
</tr>
<tr>
<td>"Show grid"</td>
<td>Show screen grid</td>
</tr>
<tr>
<td>"Tap [element]"</td>
<td>Activate element</td>
</tr>
<tr>
<td>"Scroll down/up"</td>
<td>Navigate content</td>
</tr>
</tbody>
</table>
<h2 id="pro-tips">Pro Tips</h2>
<h3 id="speed-techniques">Speed Techniques</h3>
<ol>
<li><strong>Quick Agent Switch</strong>: Swipe down from agent name</li>
<li><strong>Instant Copy</strong>: Triple-tap any text</li>
<li><strong>Fast Scroll</strong>: Tap status bar to jump to top</li>
<li><strong>Batch Actions</strong>: Select multiple messages with two-finger tap</li>
</ol>
<h3 id="hidden-features">Hidden Features</h3>
<ol>
<li><strong>Debug Menu</strong>: Five-tap on version number</li>
<li><strong>FPS Counter</strong>: Settings → Developer → Show FPS</li>
<li><strong>Network Logger</strong>: Shake device while in settings</li>
<li><strong>Export Raw JSON</strong>: Long press export button</li>
</ol>
<h3 id="gesture-combinations">Gesture Combinations</h3>
<ol>
<li><strong>Cancel + Clear</strong>: Pull down + shake</li>
<li><strong>Quick Share</strong>: Long press + swipe up</li>
<li><strong>Multi-Select</strong>: Two-finger tap + drag</li>
<li><strong>Focus Mode</strong>: Triple-tap navigation bar</li>
</ol>
<h2 id="troubleshooting-gestures">Troubleshooting Gestures</h2>
<h3 id="common-issues">Common Issues</h3>
<p><strong>Gestures not working:</strong>
- Check Settings → Accessibility → Touch
- Disable any conflicting accessibility features
- Reset gesture settings to defaults</p>
<p><strong>Accidental triggers:</strong>
- Increase swipe sensitivity
- Enable gesture confirmation
- Adjust long press duration</p>
<p><strong>iPad keyboard issues:</strong>
- Ensure external keyboard connected
- Check Settings → Keyboard → Shortcuts
- Update to latest iOS version</p>
<h2 id="platform-specific-features">Platform-Specific Features</h2>
<h3 id="iphone-only-gestures">iPhone-Only Gestures</h3>
<ul>
<li><strong>Reachability</strong>: Swipe down on bottom edge</li>
<li><strong>Back Gesture</strong>: Swipe from left edge</li>
<li><strong>App Switcher</strong>: Swipe up and hold</li>
</ul>
<h3 id="ipad-only-features">iPad-Only Features</h3>
<ul>
<li><strong>Split View</strong>: Drag from dock</li>
<li><strong>Slide Over</strong>: Swipe from right edge</li>
<li><strong>Picture in Picture</strong>: Pinch video</li>
</ul>
<h2 id="next-steps">Next Steps</h2>
<ul>
<li>💬 <a href="../chat_features/">Master Chat Features</a></li>
<li>🎯 <a href="agent_selection.md">Learn Agent Selection</a></li>
<li>🛠️ <a href="network_mcp.md">Configure Network &amp; MCP</a></li>
</ul>
<hr />
<p><em>Efficient gestures lead to faster 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