Skip to content

chore(screenshots): re-capture init + config VHS tapes for post-netclaw-dev/netclaw#1368 TUI (screenshot campaign) #68

Description

@Aaronontheweb

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    documentationImprovements or additions to documentation

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions