Agent Skills: ui-session-reset

Reset a session via the manage modal in the Claude Code WebUI. Use when resetting a session, clearing session history, restarting a Claude Code conversation, or waiting for session reconnect after reset.

UncategorizedID: edanstarfire/claudecode_webui/ui-session-reset

Install this agent skill to your local

pnpm dlx add-skill https://github.com/EdanStarfire/claudecode_webui/tree/HEAD/.claude/skills/ui-session-reset

Skill Files

Browse the full folder contents for ui-session-reset.

Download Skill

Loading file tree…

.claude/skills/ui-session-reset/SKILL.md

Skill Metadata

Name
ui-session-reset
Description
Reset a session via the manage modal in the Claude Code WebUI. Use when resetting a session, clearing session history, restarting a Claude Code conversation, or waiting for session reconnect after reset.

ui-session-reset

Reset the currently active session via the manage modal.

Prerequisites

A session must be selected and active. Run ui-navigate with project and session arguments first if needed.

Steps

1. Open the Session Manage Modal

Find and click the manage/settings button for the active session. This is typically accessible via a button in the session info bar or by right-clicking the session chip.

Check for a manage button in the session view:

// Look for manage or settings button in session info bar
const manageBtn = document.querySelector(
  '.session-info-bar .btn[aria-label*="manage"], ' +
  '.session-info-bar .btn[aria-label*="settings"], ' +
  '[aria-label*="Manage session"], ' +
  '.session-manage-btn'
);
manageBtn?.click();

Alternatively, look for a clickable element that opens #manageSessionModal:

document.querySelector('[data-bs-target="#manageSessionModal"]')?.click()

Wait for the modal to appear:

wait_for(selector="#manageSessionModal.show, #manageSessionModal[aria-modal='true']", timeout=5000)

If modal does not open: take a screenshot to identify the manage trigger element.

2. Click "Reset Session"

Inside the manage modal, click the Reset Session button:

wait_for(selector="#manageSessionModal .btn-outline-warning", timeout=3000)
click(selector="#manageSessionModal .btn-outline-warning")

The button has text "Reset Session". This reveals a confirmation view.

3. Confirm the Reset

Wait for the confirmation prompt to appear, then click the confirm button:

wait_for(selector="#manageSessionModal .btn.btn-warning", timeout=3000)
click(selector="#manageSessionModal .btn.btn-warning")

The confirm button has text "Confirm Reset". Do NOT click Cancel (.btn-secondary with text "Cancel").

4. Wait for Modal to Close

wait_for(selector="#manageSessionModal:not(.show)", timeout=10000)

If modal does not close: take a snapshot and report any error messages.

5. Wait for Session to Reconnect

After reset, the session goes through startingactive states. Poll for the session to be active and idle (not processing). Do NOT use a fixed sleep.

Wait for the active chip to show green (idle) state:

wait_for(selector=".agent-chip.active .ac-status-sq.active", timeout=30000)

While waiting, also check that the session is not in error state:

const sq = document.querySelector('.agent-chip.active .ac-status-sq');
sq?.classList.contains('error') // if true, report error

If a "Claude Code Launched" system message appears in the message list, that is the canonical signal that the session has reconnected:

const msgs = document.querySelectorAll('.messages-area .message-item');
Array.from(msgs).some(m => m.textContent.includes('Claude Code Launched') || m.textContent.includes('launched'))

6. Verify Reset Complete

Take a snapshot and confirm:

  • Session chip shows green/active state
  • No error indicators
  • Input area is enabled and not disabled
wait_for(selector="#message-input:not([disabled])", timeout=10000)

Error Handling

  • Manage modal doesn't open: The trigger button may have a different selector. Take a screenshot and look for a gear icon or "manage" text near the session.
  • Reset button not found: The modal may show a different view. Check for spinner or loading state.
  • Session enters error state after reset: Red dot (.ac-status-sq.error). Report the error and suggest checking server logs.
  • Session never becomes active after 30s: Session may be stuck in starting. Check browser console messages.

Notes

  • Reset clears the session's SDK conversation history and restarts the Claude Code process.
  • The session messages in the UI are preserved (not deleted) — only the SDK conversation context is reset.
  • After reset, the next message sent will start a fresh conversation.
  • In mock-sdk mode, reset causes the mock SDK to reinitialize with the same fixture.