Context
Full screenshot/asset re-capture campaign for the website's VHS pipeline after netclaw-dev/netclaw#1368 ships in a stable release. The ~25 existing init-0* / init-step* screenshots depict the old 11-step TUI; the new TUI renders the Catppuccin Mocha palette with teal selection bars, single outer panel, and braille spinner.
Gating: This issue is blocked on the stable release tag containing netclaw-dev/netclaw#1368. Do not capture against pre-release builds — the TUI surfaces are not stable until the release tag.
Website VHS pipeline
- Tapes:
screenshots/tapes/*.tape
- Runner:
screenshots/capture.sh (+ docker-compose.screenshots.yml) — runs each tape via VHS
- Output: PNGs emit to
public/screenshots/output/ via Screenshot screenshots/output/<frame>.png lines in each tape
- Theme convention (current
init-wizard.tape): Set Theme "Dracula", Width 1200, Height 700, FontSize 16
- Note: the new TUI renders its own Catppuccin Mocha palette — adjust theme/geometry as needed so the terminal chrome complements rather than conflicts with the in-app palette
Work required
1. Rewrite screenshots/tapes/init-wizard.tape
Update for the 5-step flow. Keep step-1 provider captures; add new step captures; remove old step 3–10 lines.
Keep / update:
init-01-provider-list (provider picker)
init-01-provider-ollama (Ollama selected + endpoint field)
init-01-endpoint (endpoint entry)
init-01-model-select (model list)
Add (new):
init-02-identity (4-field form: agent name, operator name, communication style, timezone)
init-03-security-posture (3-option picker: Personal / Team / Public)
init-04-feature-selection (toggle list — capture with Team posture so toggles are shown; Personal skips this step)
init-05-health-check (spinner running)
init-05-health-check-success (auto-launch message)
init-05-health-check-failure (optional — failure path with netclaw doctor pointer)
Remove: all Screenshot lines for old steps 3–10 (channels, search, browser, identity×6 old numbering, ext-skills, feeds, exposure, webhooks, init-10-*).
2. Add screenshots/tapes/init-existing.tape
New tape for the re-entry action menu flow:
- Pre-seed an existing
~/.netclaw/netclaw.json config before running
- Run
netclaw init
- Capture:
init-existing-action-menu (4 options: Redo Identity / Open config editor / Start over / Cancel)
init-existing-start-over-confirm (setup-only vs full reset double-confirm)
3. Add screenshots/tapes/config.tape
New tape for the netclaw config dashboard:
- Seed state: Slack connected, Brave search, Team posture, 2 notification webhooks, 1 inbound route, local exposure, 2 external skill sources
- Run
netclaw config
- Capture (one per area):
config-dashboard (main status dashboard)
config-channels-menu (Channels sub-menu)
config-channels-add (entering channel names/IDs)
config-channels-resolve (resolution succeeding or rejecting an unresolvable name)
config-search (Search area)
config-telemetry (Telemetry & Alerting multi-webhook editor)
config-inbound-webhooks (Inbound Webhooks area)
config-exposure (Exposure Modes area)
config-skills (Skill Sources area)
config-browser (Browser Automation area)
config-workspaces (Workspaces Directory area)
4. Run capture.sh and commit
cd screenshots
./capture.sh
Review generated PNGs in public/screenshots/output/. Commit the new/regenerated files.
5. Delete obsolete files
Remove the following from public/screenshots/output/ (and any mirror under screenshots/output/ if it exists):
Init old-numbering files to delete:
init-03-channels, init-04-channel-audiences, init-04-search, init-05-browser, init-06-identity-name, init-06-identity-style, init-06-identity-timezone, init-06-identity-user, init-06-identity-webhook, init-06-identity-workspaces, init-07-custom-skills-path, init-07-external-skills, init-08-skill-feeds, init-09-exposure, init-09-webhooks, init-10-health-check, init-10-health-check-complete
Step-prefixed files to delete:
init-step3-channels, init-step3-slack-bot-token, init-step3-slack-app-token, init-step3-slack-channel-names, init-step7-your-name, init-step7-communication-style, init-step8-skill-feeds-prompt, init-step9-exposure-mode, init-step10-healthcheck, init-step1-provider-endpoint, init-step1-provider-model, init-step2-security-posture
Confirm no <img> references to these filenames remain anywhere in the repo before deleting (grep for each filename stub).
Acceptance criteria
Dependencies
Part of #55
Context
Full screenshot/asset re-capture campaign for the website's VHS pipeline after netclaw-dev/netclaw#1368 ships in a stable release. The ~25 existing
init-0*/init-step*screenshots depict the old 11-step TUI; the new TUI renders the Catppuccin Mocha palette with teal selection bars, single outer panel, and braille spinner.Website VHS pipeline
screenshots/tapes/*.tapescreenshots/capture.sh(+docker-compose.screenshots.yml) — runs each tape via VHSpublic/screenshots/output/viaScreenshot screenshots/output/<frame>.pnglines in each tapeinit-wizard.tape):Set Theme "Dracula", Width 1200, Height 700, FontSize 16Work required
1. Rewrite
screenshots/tapes/init-wizard.tapeUpdate for the 5-step flow. Keep step-1 provider captures; add new step captures; remove old step 3–10 lines.
Keep / update:
init-01-provider-list(provider picker)init-01-provider-ollama(Ollama selected + endpoint field)init-01-endpoint(endpoint entry)init-01-model-select(model list)Add (new):
init-02-identity(4-field form: agent name, operator name, communication style, timezone)init-03-security-posture(3-option picker: Personal / Team / Public)init-04-feature-selection(toggle list — capture with Team posture so toggles are shown; Personal skips this step)init-05-health-check(spinner running)init-05-health-check-success(auto-launch message)init-05-health-check-failure(optional — failure path withnetclaw doctorpointer)Remove: all
Screenshotlines for old steps 3–10 (channels, search, browser, identity×6 old numbering, ext-skills, feeds, exposure, webhooks,init-10-*).2. Add
screenshots/tapes/init-existing.tapeNew tape for the re-entry action menu flow:
~/.netclaw/netclaw.jsonconfig before runningnetclaw initinit-existing-action-menu(4 options: Redo Identity / Open config editor / Start over / Cancel)init-existing-start-over-confirm(setup-only vs full reset double-confirm)3. Add
screenshots/tapes/config.tapeNew tape for the
netclaw configdashboard:netclaw configconfig-dashboard(main status dashboard)config-channels-menu(Channels sub-menu)config-channels-add(entering channel names/IDs)config-channels-resolve(resolution succeeding or rejecting an unresolvable name)config-search(Search area)config-telemetry(Telemetry & Alerting multi-webhook editor)config-inbound-webhooks(Inbound Webhooks area)config-exposure(Exposure Modes area)config-skills(Skill Sources area)config-browser(Browser Automation area)config-workspaces(Workspaces Directory area)4. Run capture.sh and commit
cd screenshots ./capture.shReview generated PNGs in
public/screenshots/output/. Commit the new/regenerated files.5. Delete obsolete files
Remove the following from
public/screenshots/output/(and any mirror underscreenshots/output/if it exists):Init old-numbering files to delete:
init-03-channels,init-04-channel-audiences,init-04-search,init-05-browser,init-06-identity-name,init-06-identity-style,init-06-identity-timezone,init-06-identity-user,init-06-identity-webhook,init-06-identity-workspaces,init-07-custom-skills-path,init-07-external-skills,init-08-skill-feeds,init-09-exposure,init-09-webhooks,init-10-health-check,init-10-health-check-completeStep-prefixed files to delete:
init-step3-channels,init-step3-slack-bot-token,init-step3-slack-app-token,init-step3-slack-channel-names,init-step7-your-name,init-step7-communication-style,init-step8-skill-feeds-prompt,init-step9-exposure-mode,init-step10-healthcheck,init-step1-provider-endpoint,init-step1-provider-model,init-step2-security-postureConfirm no
<img>references to these filenames remain anywhere in the repo before deleting (grep for each filename stub).Acceptance criteria
screenshots/tapes/init-wizard.taperewritten for 5-step flowscreenshots/tapes/init-existing.tapecreated and producesinit-existing-action-menu+init-existing-start-over-confirmscreenshots/tapes/config.tapecreated and produces all 11config-*capturescapture.shruns cleanly; all new PNGs committed topublic/screenshots/output/init-0*/init-step*files deleted frompublic/screenshots/output/<img>references anywhere in the repo after deletion (verify against sub-issues docs(cli): rewrite cli/init.md for 5-step wizard (post-netclaw-dev/netclaw#1368) #56–docs(skills): update skills overview/skill-feeds/external-skills — remove init references, point to netclaw config (post-netclaw-dev/netclaw#1368) #65)Dependencies
<img>tagsPart of #55