cai/tui/sidebar_features/index.html

3973 lines
82 KiB
HTML

<!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="../teams_and_parallel_execution/">
<link rel="next" href="../keyboard_shortcuts/">
<link rel="icon" href="../../assets/imago.png">
<meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.6.11">
<title>Sidebar 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="#sidebar-features" 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">
Sidebar 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--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_8" >
<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="false">
<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/mui_index/" class="md-nav__link">
<span class="md-ellipsis">
Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../mui/getting_started/" class="md-nav__link">
<span class="md-ellipsis">
Getting Started
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../mui/user_interface/" class="md-nav__link">
<span class="md-ellipsis">
User Interface
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../mui/gestures_shortcuts/" class="md-nav__link">
<span class="md-ellipsis">
Gestures & Shortcuts
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../mui/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--active md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_9" checked>
<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="true">
<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_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="../terminals_management/" class="md-nav__link">
<span class="md-ellipsis">
Terminals Management
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../teams_and_parallel_execution/" class="md-nav__link">
<span class="md-ellipsis">
Teams & Parallel Execution
</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">
Sidebar 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">
Sidebar 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="#overview" class="md-nav__link">
<span class="md-ellipsis">
Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#teams-tab" class="md-nav__link">
<span class="md-ellipsis">
Teams Tab
</span>
</a>
<nav class="md-nav" aria-label="Teams Tab">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#available-teams" class="md-nav__link">
<span class="md-ellipsis">
Available Teams
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#team-button-features" class="md-nav__link">
<span class="md-ellipsis">
Team Button Features
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#team-tooltips" class="md-nav__link">
<span class="md-ellipsis">
Team Tooltips
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#using-teams" class="md-nav__link">
<span class="md-ellipsis">
Using Teams
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#queue-tab" class="md-nav__link">
<span class="md-ellipsis">
Queue Tab
</span>
</a>
<nav class="md-nav" aria-label="Queue Tab">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#automatic-queuing" class="md-nav__link">
<span class="md-ellipsis">
Automatic Queuing
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#queue-display" class="md-nav__link">
<span class="md-ellipsis">
Queue Display
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#how-it-works" class="md-nav__link">
<span class="md-ellipsis">
How It Works
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#monitoring-the-queue" class="md-nav__link">
<span class="md-ellipsis">
Monitoring the Queue
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#best-practices" class="md-nav__link">
<span class="md-ellipsis">
Best Practices
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#stats-tab" class="md-nav__link">
<span class="md-ellipsis">
Stats Tab
</span>
</a>
<nav class="md-nav" aria-label="Stats Tab">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#token-usage" class="md-nav__link">
<span class="md-ellipsis">
Token Usage
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#cost-tracking" class="md-nav__link">
<span class="md-ellipsis">
Cost Tracking
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#request-statistics" class="md-nav__link">
<span class="md-ellipsis">
Request Statistics
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#session-information" class="md-nav__link">
<span class="md-ellipsis">
Session Information
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#cost-optimization-tips" class="md-nav__link">
<span class="md-ellipsis">
Cost Optimization Tips
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#keys-tab" class="md-nav__link">
<span class="md-ellipsis">
Keys Tab
</span>
</a>
<nav class="md-nav" aria-label="Keys Tab">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#supported-providers" class="md-nav__link">
<span class="md-ellipsis">
Supported Providers
</span>
</a>
<nav class="md-nav" aria-label="Supported Providers">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#about-alias1" class="md-nav__link">
<span class="md-ellipsis">
About ALIAS1
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#adding-api-keys" class="md-nav__link">
<span class="md-ellipsis">
Adding API Keys
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#viewing-configured-keys" class="md-nav__link">
<span class="md-ellipsis">
Viewing Configured Keys
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#key-security" class="md-nav__link">
<span class="md-ellipsis">
Key Security
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#key-validation" class="md-nav__link">
<span class="md-ellipsis">
Key Validation
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#managing-keys-via-config-file" class="md-nav__link">
<span class="md-ellipsis">
Managing Keys via Config File
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#sidebar-shortcuts" class="md-nav__link">
<span class="md-ellipsis">
Sidebar Shortcuts
</span>
</a>
<nav class="md-nav" aria-label="Sidebar 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="#visibility" class="md-nav__link">
<span class="md-ellipsis">
Visibility
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#tips-and-best-practices" class="md-nav__link">
<span class="md-ellipsis">
Tips and Best Practices
</span>
</a>
<nav class="md-nav" aria-label="Tips and Best Practices">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#teams" class="md-nav__link">
<span class="md-ellipsis">
Teams
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#queue" class="md-nav__link">
<span class="md-ellipsis">
Queue
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#stats" class="md-nav__link">
<span class="md-ellipsis">
Stats
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#keys" class="md-nav__link">
<span class="md-ellipsis">
Keys
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#troubleshooting" class="md-nav__link">
<span class="md-ellipsis">
Troubleshooting
</span>
</a>
<nav class="md-nav" aria-label="Troubleshooting">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#teams-not-loading" class="md-nav__link">
<span class="md-ellipsis">
Teams not loading
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#stats-showing-zero" class="md-nav__link">
<span class="md-ellipsis">
Stats showing zero
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#keys-not-saving" class="md-nav__link">
<span class="md-ellipsis">
Keys not saving
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#related-documentation" class="md-nav__link">
<span class="md-ellipsis">
Related Documentation
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../keyboard_shortcuts/" class="md-nav__link">
<span class="md-ellipsis">
Keyboard Shortcuts
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../commands_reference/" class="md-nav__link">
<span class="md-ellipsis">
Commands Reference
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../advanced_features/" class="md-nav__link">
<span class="md-ellipsis">
Advanced Features
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../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="#overview" class="md-nav__link">
<span class="md-ellipsis">
Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#teams-tab" class="md-nav__link">
<span class="md-ellipsis">
Teams Tab
</span>
</a>
<nav class="md-nav" aria-label="Teams Tab">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#available-teams" class="md-nav__link">
<span class="md-ellipsis">
Available Teams
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#team-button-features" class="md-nav__link">
<span class="md-ellipsis">
Team Button Features
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#team-tooltips" class="md-nav__link">
<span class="md-ellipsis">
Team Tooltips
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#using-teams" class="md-nav__link">
<span class="md-ellipsis">
Using Teams
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#queue-tab" class="md-nav__link">
<span class="md-ellipsis">
Queue Tab
</span>
</a>
<nav class="md-nav" aria-label="Queue Tab">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#automatic-queuing" class="md-nav__link">
<span class="md-ellipsis">
Automatic Queuing
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#queue-display" class="md-nav__link">
<span class="md-ellipsis">
Queue Display
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#how-it-works" class="md-nav__link">
<span class="md-ellipsis">
How It Works
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#monitoring-the-queue" class="md-nav__link">
<span class="md-ellipsis">
Monitoring the Queue
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#best-practices" class="md-nav__link">
<span class="md-ellipsis">
Best Practices
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#stats-tab" class="md-nav__link">
<span class="md-ellipsis">
Stats Tab
</span>
</a>
<nav class="md-nav" aria-label="Stats Tab">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#token-usage" class="md-nav__link">
<span class="md-ellipsis">
Token Usage
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#cost-tracking" class="md-nav__link">
<span class="md-ellipsis">
Cost Tracking
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#request-statistics" class="md-nav__link">
<span class="md-ellipsis">
Request Statistics
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#session-information" class="md-nav__link">
<span class="md-ellipsis">
Session Information
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#cost-optimization-tips" class="md-nav__link">
<span class="md-ellipsis">
Cost Optimization Tips
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#keys-tab" class="md-nav__link">
<span class="md-ellipsis">
Keys Tab
</span>
</a>
<nav class="md-nav" aria-label="Keys Tab">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#supported-providers" class="md-nav__link">
<span class="md-ellipsis">
Supported Providers
</span>
</a>
<nav class="md-nav" aria-label="Supported Providers">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#about-alias1" class="md-nav__link">
<span class="md-ellipsis">
About ALIAS1
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#adding-api-keys" class="md-nav__link">
<span class="md-ellipsis">
Adding API Keys
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#viewing-configured-keys" class="md-nav__link">
<span class="md-ellipsis">
Viewing Configured Keys
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#key-security" class="md-nav__link">
<span class="md-ellipsis">
Key Security
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#key-validation" class="md-nav__link">
<span class="md-ellipsis">
Key Validation
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#managing-keys-via-config-file" class="md-nav__link">
<span class="md-ellipsis">
Managing Keys via Config File
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#sidebar-shortcuts" class="md-nav__link">
<span class="md-ellipsis">
Sidebar Shortcuts
</span>
</a>
<nav class="md-nav" aria-label="Sidebar 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="#visibility" class="md-nav__link">
<span class="md-ellipsis">
Visibility
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#tips-and-best-practices" class="md-nav__link">
<span class="md-ellipsis">
Tips and Best Practices
</span>
</a>
<nav class="md-nav" aria-label="Tips and Best Practices">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#teams" class="md-nav__link">
<span class="md-ellipsis">
Teams
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#queue" class="md-nav__link">
<span class="md-ellipsis">
Queue
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#stats" class="md-nav__link">
<span class="md-ellipsis">
Stats
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#keys" class="md-nav__link">
<span class="md-ellipsis">
Keys
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#troubleshooting" class="md-nav__link">
<span class="md-ellipsis">
Troubleshooting
</span>
</a>
<nav class="md-nav" aria-label="Troubleshooting">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#teams-not-loading" class="md-nav__link">
<span class="md-ellipsis">
Teams not loading
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#stats-showing-zero" class="md-nav__link">
<span class="md-ellipsis">
Stats showing zero
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#keys-not-saving" class="md-nav__link">
<span class="md-ellipsis">
Keys not saving
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#related-documentation" class="md-nav__link">
<span class="md-ellipsis">
Related Documentation
</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="sidebar-features">Sidebar Features</h1>
<blockquote>
<p><strong>⚡ CAI-Pro Exclusive Feature</strong><br />
The Terminal User Interface (TUI) is available exclusively in <strong>CAI-Pro</strong>. To access this feature and unlock advanced multi-agent workflows, visit <a href="https://aliasrobotics.com/cybersecurityai.php">Alias Robotics</a> for more information.</p>
</blockquote>
<hr />
<p>The CAI TUI sidebar is a powerful vertical panel that provides quick access to essential features and information. It can be toggled on/off to maximize screen space:</p>
<ul>
<li><strong>Toggle button</strong>: Click the sidebar toggle button in the top bar</li>
<li><strong>Keyboard shortcut</strong>: Press <code>Ctrl+S</code> to show/hide the sidebar</li>
</ul>
<p>When hidden, the sidebar collapses completely, giving you full width for terminal content. Toggle it back to access teams, queue, stats, and API keys.</p>
<hr />
<h2 id="overview">Overview</h2>
<p>The sidebar is organized into four main tabs:</p>
<ol>
<li><strong>Teams</strong> - Quick team selection for parallel multi-agent workflows</li>
<li><strong>Queue</strong> - Command queue management and execution control</li>
<li><strong>Stats</strong> - Real-time usage statistics and cost tracking</li>
<li><strong>Keys</strong> - API key management and configuration</li>
</ol>
<hr />
<h2 id="teams-tab">Teams Tab</h2>
<p>The <strong>Teams</strong> tab provides instant access to preconfigured multi-agent team setups. Each team automatically configures all four terminals with specific agent combinations optimized for different security workflows.</p>
<h3 id="available-teams">Available Teams</h3>
<p><strong>Team 1: 2 Red + 2 Bug</strong>
- Terminal 1: <code>redteam_agent</code>
- Terminal 2: <code>redteam_agent</code>
- Terminal 3: <code>bug_bounter_agent</code>
- Terminal 4: <code>bug_bounter_agent</code>
- <strong>Use Case</strong>: Penetration testing and vulnerability discovery with dual red team + bug bounty approach</p>
<p><strong>Team 2: 1 Red (T1) + 3 Bug</strong>
- Terminal 1: <code>redteam_agent</code>
- Terminal 2: <code>bug_bounter_agent</code>
- Terminal 3: <code>bug_bounter_agent</code>
- Terminal 4: <code>bug_bounter_agent</code>
- <strong>Use Case</strong>: Red team coordination with intensive bug bounty hunting</p>
<p><strong>Team 3: 2 Red + 2 Blue</strong>
- Terminal 1: <code>redteam_agent</code>
- Terminal 2: <code>redteam_agent</code>
- Terminal 3: <code>blueteam_agent</code>
- Terminal 4: <code>blueteam_agent</code>
- <strong>Use Case</strong>: Balanced offensive testing and defensive analysis</p>
<p><strong>Team 4: 2 Blue + 2 Bug</strong>
- Terminal 1: <code>blueteam_agent</code>
- Terminal 2: <code>blueteam_agent</code>
- Terminal 3: <code>bug_bounter_agent</code>
- Terminal 4: <code>bug_bounter_agent</code>
- <strong>Use Case</strong>: Defensive analysis with vulnerability research</p>
<p><strong>Team 5: Red + Blue + Retester + Bug</strong>
- Terminal 1: <code>redteam_agent</code>
- Terminal 2: <code>blueteam_agent</code>
- Terminal 3: <code>retester_agent</code>
- Terminal 4: <code>bug_bounter_agent</code>
- <strong>Use Case</strong>: Comprehensive security workflow with offense, defense, validation, and research</p>
<p><strong>Team 6: 2 Red + 2 Retester</strong>
- Terminal 1: <code>redteam_agent</code>
- Terminal 2: <code>redteam_agent</code>
- Terminal 3: <code>retester_agent</code>
- Terminal 4: <code>retester_agent</code>
- <strong>Use Case</strong>: Offensive testing with immediate vulnerability validation</p>
<p><strong>Team 7: 2 Blue + 2 Retester</strong>
- Terminal 1: <code>blueteam_agent</code>
- Terminal 2: <code>blueteam_agent</code>
- Terminal 3: <code>retester_agent</code>
- Terminal 4: <code>retester_agent</code>
- <strong>Use Case</strong>: Defensive validation with retesting confirmation</p>
<p><strong>Team 8: 4 Red</strong>
- Terminal 1: <code>redteam_agent</code>
- Terminal 2: <code>redteam_agent</code>
- Terminal 3: <code>redteam_agent</code>
- Terminal 4: <code>redteam_agent</code>
- <strong>Use Case</strong>: Full offensive operations with maximum red team coverage</p>
<p><strong>Team 9: 4 Blue</strong>
- Terminal 1: <code>blueteam_agent</code>
- Terminal 2: <code>blueteam_agent</code>
- Terminal 3: <code>blueteam_agent</code>
- Terminal 4: <code>blueteam_agent</code>
- <strong>Use Case</strong>: Unified defensive posture analysis and hardening</p>
<p><strong>Team 10: 4 Bug</strong>
- Terminal 1: <code>bug_bounter_agent</code>
- Terminal 2: <code>bug_bounter_agent</code>
- Terminal 3: <code>bug_bounter_agent</code>
- Terminal 4: <code>bug_bounter_agent</code>
- <strong>Use Case</strong>: Intensive bug bounty hunting and vulnerability research</p>
<p><strong>Team 11: 4 Retester</strong>
- Terminal 1: <code>retester_agent</code>
- Terminal 2: <code>retester_agent</code>
- Terminal 3: <code>retester_agent</code>
- Terminal 4: <code>retester_agent</code>
- <strong>Use Case</strong>: Comprehensive vulnerability revalidation and verification</p>
<h3 id="team-button-features">Team Button Features</h3>
<p>Each team button displays:
- <strong>Team number</strong> (e.g., <code>#1</code>, <code>#2</code>)
- <strong>Compact agent composition</strong> (e.g., <code>2 red + 2 bug</code>)
- <strong>Adaptive text</strong>: Button labels automatically adjust based on available width
- <strong>Full width</strong>: Shows complete agent names without <code>_agent</code> suffix
- <strong>Narrow width</strong>: Abbreviates to short names (e.g., <code>red</code>, <code>blue</code>, <code>bug</code>, <code>retest</code>)</p>
<h3 id="team-tooltips">Team Tooltips</h3>
<p>Hover over any team button to see detailed information:</p>
<div class="language-text highlight"><pre><span></span><code><span id="__span-0-1">#2: 2 redteam_agent + 2 bug_bounter_agent
</span><span id="__span-0-2">T1: redteam_agent
</span><span id="__span-0-3">T2: redteam_agent
</span><span id="__span-0-4">T3: bug_bounter_agent
</span><span id="__span-0-5">T4: bug_bounter_agent
</span></code></pre></div>
<p><strong>Tooltip features</strong>:
- Color-coded title with team composition
- Terminal-by-terminal agent breakdown
- Visual consistency with TUI color palette</p>
<h3 id="using-teams">Using Teams</h3>
<ol>
<li><strong>Click any team button</strong> to instantly configure all four terminals</li>
<li><strong>Automatic synchronization</strong>: Terminal headers update immediately</li>
<li><strong>Preserved context</strong>: Each terminal maintains its conversation history</li>
<li><strong>No disruption</strong>: Switch between teams without losing work</li>
</ol>
<p><strong>Example workflow</strong>:</p>
<div class="language-text highlight"><pre><span></span><code><span id="__span-1-1">1. Start with Team 1 (2 redteam + 2 bug_bounter)
</span><span id="__span-1-2">2. Conduct initial vulnerability scan
</span><span id="__span-1-3">3. Switch to Team 5 (2 redteam + 2 retester)
</span><span id="__span-1-4">4. Validate discovered vulnerabilities
</span><span id="__span-1-5">5. Switch to Team 3 (2 redteam + 2 blueteam)
</span><span id="__span-1-6">6. Analyze defensive implications
</span></code></pre></div>
<hr />
<h2 id="queue-tab">Queue Tab</h2>
<p>The <strong>Queue</strong> tab displays commands that are automatically queued when terminals are busy. This tab provides real-time visibility into pending operations.</p>
<h3 id="automatic-queuing">Automatic Queuing</h3>
<p>Commands are automatically added to the queue when you:
- <strong>Send prompts to busy terminals</strong>: New commands wait while previous ones execute
- <strong>Issue rapid commands</strong>: Quick successive prompts queue automatically
- <strong>Work across terminals</strong>: Commands accumulate independently per terminal</p>
<h3 id="queue-display">Queue Display</h3>
<p>The queue shows:
- <strong>Pending commands</strong>: Commands waiting to execute
- <strong>Command content</strong>: Full text of each queued prompt
- <strong>Target terminal</strong>: Which terminal will execute the command
- <strong>Execution order</strong>: Commands execute in FIFO (First In, First Out) order
- <strong>Real-time updates</strong>: Queue updates automatically as commands are added or completed</p>
<h3 id="how-it-works">How It Works</h3>
<p><strong>Automatic execution flow</strong>:
1. You send a prompt to a terminal that's already processing
2. The new prompt is automatically added to that terminal's queue
3. When the current operation completes, the queued prompt executes immediately
4. No manual intervention required</p>
<p><strong>Visual feedback</strong>:
- <strong>Pending</strong>: Command waiting to execute (displayed in queue)
- <strong>Executing</strong>: Command currently running (queue updates)
- <strong>Completed</strong>: Command finished (removed from queue)</p>
<h3 id="monitoring-the-queue">Monitoring the Queue</h3>
<p>Use the Queue tab to:
- <strong>Track pending work</strong>: See what commands are waiting
- <strong>Verify execution order</strong>: Confirm commands will run in the correct sequence
- <strong>Plan workflow</strong>: Know when terminals will be available
- <strong>Avoid conflicts</strong>: Prevent overloading terminals with too many commands</p>
<h3 id="best-practices">Best Practices</h3>
<p><strong>Monitor before sending</strong>: Check the queue before adding more commands to busy terminals</p>
<p><strong>Use multiple terminals</strong>: Distribute work across terminals to avoid queue buildup</p>
<p><strong>Wait for completion</strong>: For complex operations, wait until current task finishes before queuing more</p>
<hr />
<h2 id="stats-tab">Stats Tab</h2>
<p>The <strong>Stats</strong> tab provides real-time monitoring of your CAI usage, costs, and performance metrics.</p>
<h3 id="token-usage">Token Usage</h3>
<p><strong>Display metrics</strong>:
- <strong>Input tokens</strong>: Tokens sent to the model
- <strong>Output tokens</strong>: Tokens received from the model
- <strong>Total tokens</strong>: Combined input and output
- <strong>Token rate</strong>: Tokens per request</p>
<p><strong>Per-terminal breakdown</strong>:</p>
<div class="language-text highlight"><pre><span></span><code><span id="__span-2-1">Terminal 1: 15,234 tokens
</span><span id="__span-2-2">Terminal 2: 8,956 tokens
</span><span id="__span-2-3">Terminal 3: 12,445 tokens
</span><span id="__span-2-4">Terminal 4: 6,789 tokens
</span></code></pre></div>
<h3 id="cost-tracking">Cost Tracking</h3>
<p><strong>Real-time cost calculation</strong>:
- <strong>Per-terminal costs</strong>: Individual terminal spending
- <strong>Session total</strong>: Combined cost for current session
- <strong>Model-specific rates</strong>: Accurate pricing per model
- <strong>Currency</strong>: Displayed in USD</p>
<p><strong>Cost breakdown example</strong>:</p>
<div class="language-text highlight"><pre><span></span><code><span id="__span-3-1">Terminal 1 (alias1): $0.45
</span><span id="__span-3-2">Terminal 2 (gpt-5): $0.32
</span><span id="__span-3-3">Terminal 3 (alias1): $0.08
</span><span id="__span-3-4">Terminal 4 (claude-sonnet-4.5): $0.51
</span><span id="__span-3-5">
</span><span id="__span-3-6">Session Total: $1.36
</span></code></pre></div>
<h3 id="request-statistics">Request Statistics</h3>
<p><strong>Tracked metrics</strong>:
- <strong>Total requests</strong>: Number of API calls made
- <strong>Successful requests</strong>: Completed without errors
- <strong>Failed requests</strong>: Errors or timeouts
- <strong>Average response time</strong>: Mean latency per request</p>
<h3 id="session-information">Session Information</h3>
<p><strong>Displayed data</strong>:
- <strong>Session duration</strong>: Total time elapsed
- <strong>Active terminals</strong>: Number of terminals in use
- <strong>Current models</strong>: Models assigned to each terminal
- <strong>Active agents</strong>: Agents assigned to each terminal</p>
<h3 id="cost-optimization-tips">Cost Optimization Tips</h3>
<p>The Stats tab helps you optimize costs by:
1. <strong>Monitoring usage patterns</strong>: Identify high-cost terminals
2. <strong>Model selection</strong>: Compare costs between models
3. <strong>Token awareness</strong>: Track verbose responses
4. <strong>Budget management</strong>: Set spending limits</p>
<hr />
<h2 id="keys-tab">Keys Tab</h2>
<p>The <strong>Keys</strong> tab allows you to manage API keys for different LLM providers directly from the TUI.</p>
<h3 id="supported-providers">Supported Providers</h3>
<p>CAI supports API keys for:
- <strong>ALIAS1</strong> (Alias model - Optimized for cybersecurity tasks)
- <strong>OpenAI</strong> (GPT models)
- <strong>Anthropic</strong> (Claude models)
- <strong>Google</strong> (Gemini models)
- <strong>Groq</strong> (Fast inference models)
- <strong>OpenRouter</strong> (Multi-provider routing)
- <strong>Custom providers</strong> (Self-hosted models)</p>
<h4 id="about-alias1">About ALIAS1</h4>
<p><strong>ALIAS1</strong> is Alias Robotics' proprietary large language model, specifically fine-tuned and optimized for cybersecurity operations. It is the <strong>default model</strong> in CAI-Pro and offers:</p>
<ul>
<li><strong>Specialized cybersecurity knowledge</strong>: Deep understanding of offensive/defensive security</li>
<li><strong>Tool integration</strong>: Native support for security tools and frameworks</li>
<li><strong>Cost efficiency</strong>: Competitive pricing for professional security workflows</li>
<li><strong>Privacy</strong>: Self-hosted option available for sensitive operations</li>
<li><strong>Performance</strong>: Optimized response times for security tasks</li>
<li><strong>Default selection</strong>: Pre-configured as the primary model for all terminals</li>
</ul>
<p><strong>Learn more</strong>: <a href="https://aliasrobotics.com/alias1">https://aliasrobotics.com/alias1</a></p>
<p>ALIAS1 is automatically configured when you launch the CAI --tui. To explicitly set or verify the model:</p>
<div class="language-bash highlight"><pre><span></span><code><span id="__span-4-1">/model<span class="w"> </span>alias1
</span></code></pre></div>
<p>To use ALIAS1 with your API key, configure it in the Keys tab or via <code>.env</code> file:</p>
<div class="language-bash highlight"><pre><span></span><code><span id="__span-5-1"><span class="nv">ALIAS_API_KEY</span><span class="o">=</span>your-alias1-key-here
</span></code></pre></div>
<hr />
<h3 id="adding-api-keys">Adding API Keys</h3>
<p><strong>Interactive method</strong>:
1. Navigate to the <strong>Keys</strong> tab
2. Select the provider
3. Enter your API key
4. Press <code>Enter</code> to save</p>
<h3 id="viewing-configured-keys">Viewing Configured Keys</h3>
<p>The Keys tab displays:
- <strong>Provider names</strong>: Which providers are configured
- <strong>Masked keys</strong>: Shows only last 4 characters for security</p>
<p><strong>Example display</strong>:</p>
<div class="language-text highlight"><pre><span></span><code><span id="__span-6-1">ALIAS_API_KEY:sk-12hk......2t4
</span><span id="__span-6-2">OpenAI_API_KEY: sk-...abc123
</span><span id="__span-6-3">ANTHROPIC_API_KEY: sk-ant-...xyz789
</span></code></pre></div>
<h3 id="key-security">Key Security</h3>
<p><strong>Security features</strong>:
- <strong>Encrypted storage</strong>: Keys stored securely in <code>.env</code>
- <strong>Masked display</strong>: Only last characters visible
- <strong>No logging</strong>: Keys never written to logs
- <strong>Session-scoped</strong>: Keys loaded at startup</p>
<h3 id="key-validation">Key Validation</h3>
<p>CAI automatically validates keys:
- <strong>On startup</strong>: Checks if keys are properly formatted
- <strong>On first use</strong>: Tests actual API connectivity
- <strong>Real-time feedback</strong>: Immediate error messages for invalid keys</p>
<h3 id="managing-keys-via-config-file">Managing Keys via Config File</h3>
<p>You can also manage keys by editing the <code>.env</code> file directly:</p>
<div class="language-bash highlight"><pre><span></span><code><span id="__span-7-1"><span class="c1"># .env file</span>
</span><span id="__span-7-2"><span class="nv">ALIAS_API_KEY</span><span class="o">=</span>sk-212...
</span><span id="__span-7-3"><span class="nv">OPENAI_API_KEY</span><span class="o">=</span>sk-...
</span><span id="__span-7-4"><span class="nv">ANTHROPIC_API_KEY</span><span class="o">=</span>sk-ant-...
</span><span id="__span-7-5"><span class="nv">GOOGLE_API_KEY</span><span class="o">=</span>AIza...
</span><span id="__span-7-6"><span class="nv">GROQ_API_KEY</span><span class="o">=</span>gsk-...
</span></code></pre></div>
<hr />
<h2 id="sidebar-shortcuts">Sidebar Shortcuts</h2>
<h3 id="navigation">Navigation</h3>
<ul>
<li><strong>Mouse click</strong>: Click any tab to switch</li>
<li><strong>Scroll</strong>: Use mouse wheel to scroll long lists (Queue, Stats)</li>
<li><strong>Hover</strong>: Hover over team buttons for detailed tooltips</li>
</ul>
<h3 id="visibility">Visibility</h3>
<ul>
<li><strong>Always visible</strong>: Sidebar remains visible at all times</li>
<li><strong>Responsive width</strong>: Adapts to terminal window size</li>
<li><strong>Scrollable content</strong>: Long lists scroll independently</li>
</ul>
<hr />
<h2 id="tips-and-best-practices">Tips and Best Practices</h2>
<h3 id="teams">Teams</h3>
<p><strong>Use teams for consistent workflows</strong>: Save time by using preconfigured teams instead of manually setting up agents</p>
<p><strong>Switch teams mid-session</strong>: Change strategies without losing context</p>
<p><strong>Combine with commands</strong>: Use <code>/agent</code> command in specific terminals to fine-tune team configurations</p>
<h3 id="queue">Queue</h3>
<p><strong>Batch operations</strong>: Queue multiple commands for unattended execution</p>
<p><strong>Parallel efficiency</strong>: Let multiple terminals work simultaneously</p>
<p><strong>Strategic ordering</strong>: Order commands to maximize parallelism</p>
<h3 id="stats">Stats</h3>
<p><strong>Monitor costs regularly</strong>: Keep an eye on spending during long sessions</p>
<p><strong>Compare models</strong>: Use stats to find the best cost/performance ratio</p>
<p><strong>Track patterns</strong>: Identify which workflows consume most tokens</p>
<h3 id="keys">Keys</h3>
<p><strong>Configure on first launch</strong>: Set up all keys before starting work</p>
<p><strong>Use environment variables</strong>: For production, prefer <code>.env</code> over interactive input</p>
<hr />
<h2 id="troubleshooting">Troubleshooting</h2>
<h3 id="teams-not-loading">Teams not loading</h3>
<p><strong>Symptom</strong>: Team buttons don't appear or don't respond</p>
<p><strong>Solutions</strong>:
- Restart the TUI
- Check that team configuration file exists
- Verify agent names are correct</p>
<h3 id="stats-showing-zero">Stats showing zero</h3>
<p><strong>Symptom</strong>: Token counts and costs display as zero</p>
<p><strong>Solutions</strong>:
- Execute at least one command to generate stats
- Verify API keys are configured correctly
- Check that model pricing data is loaded</p>
<h3 id="keys-not-saving">Keys not saving</h3>
<p><strong>Symptom</strong>: API keys don't persist after restart</p>
<p><strong>Solutions</strong>:
- Ensure <code>.env</code> file has write permissions
- Check for errors in the status bar when saving
- Manually edit <code>.env</code> file if interactive method fails</p>
<hr />
<h2 id="related-documentation">Related Documentation</h2>
<ul>
<li><a href="../user_interface/">User Interface Overview</a> - Complete TUI layout guide</li>
<li><a href="../keyboard_shortcuts/">Keyboard Shortcuts</a> - All keyboard commands</li>
<li><a href="../commands_reference/">Commands Reference</a> - Complete command list</li>
<li><a href="../terminals_management/">Terminals Management</a> - Multi-terminal workflows</li>
<li><a href="../getting_started/">Getting Started</a> - Initial setup and configuration</li>
</ul>
<hr />
<p><em>Last updated: October 2025 | CAI TUI v0.6+</em></p>
<p><strong>Need help?</strong> Press <code>F1</code> or type <code>/help</code> for context-sensitive assistance.</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>