AgentPane
Jedna sesja na tablicy: nagłówek, terminal albo czat i pasek narzędzi. Wybierz go dla każdego agenta albo powłoki, którą uruchamia użytkownik; ramka pokazuje, gdy sesja czeka na użytkownika albo jest wybrana do rozgłaszania.
- AgentPane
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: AgentPane
@reviewerfeature/search-index
● Read src/release/notes.ts (212 lines) ● Read src/release/notes.test.ts Do you want to make this edit to notes.ts? ❯ 1. Yes 2. Yes, and allow all edits this session 3. No, and tell Claude what to do differently esc to cancel
Answer the question in the terminal first.
Subagents: 3 · 1 runningContext: 48.2K · 24%Session time: 47:21
Noc, podgląd: AgentPane
@reviewerfeature/search-index
● Read src/release/notes.ts (212 lines) ● Read src/release/notes.test.ts Do you want to make this edit to notes.ts? ❯ 1. Yes 2. Yes, and allow all edits this session 3. No, and tell Claude what to do differently esc to cancel
Answer the question in the terminal first.
Subagents: 3 · 1 runningContext: 48.2K · 24%Session time: 47:21
Wysoki kontrast, podgląd: AgentPane
@reviewerfeature/search-index
● Read src/release/notes.ts (212 lines) ● Read src/release/notes.test.ts Do you want to make this edit to notes.ts? ❯ 1. Yes 2. Yes, and allow all edits this session 3. No, and tell Claude what to do differently esc to cancel
Answer the question in the terminal first.
Subagents: 3 · 1 runningContext: 48.2K · 24%Session time: 47:21
UżycieLink do sekcji Użycie
import { AgentPane } from '@skribly/ui/agents'<AgentPane
state={session.state}
isSelected={picked}
header={<AgentPaneHeader title={session.title} state={<SessionStateChip … />} />}
footer={<TerminalBar label={t('tools')}>…</TerminalBar>}
>
<TerminalScreen label={session.title} text={lines} />
</AgentPane>Każda etykieta jest propem, więc aplikacja przekazuje własne słowa we własnym języku. Zobacz zasadę brak wbudowanego tekstu.
DostępnośćLink do sekcji Dostępność
- Panel jest regionem nazwanym tytułem swojego nagłówka, więc użytkownicy czytników ekranu mogą przechodzić między sesjami po landmarkach.
- Podbarwiona ramka powtarza słowami to, co mówi nagłówek: chip stanu i zaznaczone pole.
- W trybie wymuszonych kolorów ramki wybrana i zablokowana dostają grubszą ramkę w kolorze systemowym.
- Ekran terminala jest nazwaną grupą, która przyjmuje fokus, więc można go przewijać z klawiatury.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.