noui-record-login

name	noui-record-login
description	Use this skill when the user wants to record a login flow for an authenticated app and register it with Tabby to get a tabby_profile_id. Triggers on "record a login", "capture a login flow", "register with Tabby", "set up authentication for NoUI", "create a tabby_profile_id", "noui login record", "login recording mode", or "I need auth for my workflow".

NoUI Record Login

Record a login flow for an authenticated app and register it with Tabby to produce a tabby_profile_id. That ID is required when exporting a workflow as a FastMCP server for an app that needs authentication.

Runtime prerequisite: the CDP-default execution path (see /noui-record-workflow → How Execution Works) needs a live Tabby browser session with the app loaded at invocation time, not only during recording. Plan to keep Tabby running wherever the generated MCP server or Skill is used.

All commands run from the noui/ directory using .venv/bin/python cli/main.py.

Prerequisite: /noui-setup must be complete — venv installed, .env configured with ANTHROPIC_API_KEY, TABBY_API_HOST, and TABBY_ADMIN_TOKEN, Chrome extension loaded.

---

Critical Rules (Never Violate)

• ALWAYS start the backend before asking the user to record
• ALWAYS run login review after export and before register — never skip it even for clean-looking recordings
• NEVER run login register if the review output shows Generator valid: No or any generator errors
• NEVER use the tabby_profile_id in a workflow export until login validate succeeds with a HEALTHY state
• ALWAYS note the tabby_profile_id printed by login register — it is needed for /noui-record-workflow

---

Step 1 — Start the Backend

.venv/bin/python cli/main.py start

Spawns a detached FastAPI server at http://localhost:8002. Verify with:

.venv/bin/python cli/main.py status

If startup fails:

Symptom	Fix
Port already in use	lsof -i :8002; kill conflicting process or set NOUI_PORT in .env
uvicorn not found	Deps not installed — run poetry install --no-root
Did not become ready	Check .noui-backend.log in the repo root

---

Step 2 — Create a Login Recording Session

.venv/bin/python cli/main.py login record "<AppName>" "<login-url>"

Example:

.venv/bin/python cli/main.py login record "HubSpot" "https://app.hubspot.com/login"

The CLI creates a session and prints the session_id. Note it — you need it for the export step.

---

Step 3 — Record in Chrome

The CLI automatically created an App and a Login process in the extension (Step 2). Use the standard capture flow:

1. Click the NoUI Workflow Recorder extension icon in the Chrome toolbar
2. You will see the App (e.g., "HubSpot") in the Apps list — click it
3. Click the Login process inside the app
4. Navigate to the login URL in the active Chrome tab if not already there
5. Click Start Capture to begin recording
6. Perform the complete login flow: enter credentials, submit, and wait for the authenticated page to fully settle
7. Click Stop when done

If the App or Login process is not visible, confirm the backend is running (status) and that Step 2 succeeded.

---

Step 4 — Export the Bundle

.venv/bin/python cli/main.py login export <session_id>

Analyzes the captured session and writes:

workbench/login_recordings/<session_id8>-bundle.json

The bundle contains the application draft, service profile draft, inferred login steps, and review items.

---

Step 5 — Review the Bundle

.venv/bin/python cli/main.py login review workbench/login_recordings/noui-<session_id8>-bundle.json

Check the output for:

• Generator valid: No — hard block; do not proceed to register; re-record
• Errors: section — must resolve before registering
• Warnings: section — review selector confidence; re-record if confidence is low
• Generated login steps: — verify the inferred steps match the actual login flow

Only proceed to Step 6 if Generator valid: Yes and no errors.

---

Step 6 — Register with Tabby

Tabby must be reachable at TABBY_API_HOST (default http://localhost:8080) and TABBY_ADMIN_TOKEN must be set in .env.

If Tabby is not yet running: run noui tabby start then noui tabby setup (interactive) to start the service and provision agent credentials before registering. See /noui-setup for the full Tabby CLI reference.

.venv/bin/python cli/main.py login register workbench/login_recordings/noui-<session_id8>-bundle.json

Provisions a Tabby Application and a STAGING ServiceProfile. On success:

Registered profile '<profile_id>'
  Tabby profile ID : <tabby_profile_id>
  Version state    : STAGING

Record the tabby_profile_id value — this is the --profile argument for workflow export --as mcp.

---

Step 7 — Set Credentials

After registration, provide the login credentials (username/password) so that Tabby's browser worker can perform the automated login:

.venv/bin/python cli/main.py login credentials workbench/login_recordings/noui-<session_id8>-bundle.json

The CLI will prompt interactively for:

• Username (email): the account email used to log in
• Password: entered with masked input (not echoed)

Credentials are stored in:

• tabby/.tabby-noui-client.json (username + profile metadata)
• tabby/.env.local (password as TABBY_NOUI_<PROFILE>_PASSWORD)

This step is required before tabby session ensure can start a browser session — without it the worker will fail with Credentials not found.

IMPORTANT: This command requires user interaction (keyboard input). Ask the user to run it themselves via ! .venv/bin/python cli/main.py login credentials <bundle.json> so that credentials are entered securely in their terminal.

---

Step 8 — Validate the Profile

.venv/bin/python cli/main.py login validate workbench/login_recordings/noui-<session_id8>-bundle.json

Polls Tabby for up to 60 seconds waiting for the profile to reach HEALTHY state.

If validation fails:

Symptom	Fix
Profile enters FAILED state	Re-record with slower, more deliberate interactions
Timeout (60s)	Check Tabby logs; confirm TABBY_API_HOST is reachable
Keepalive URL errors	The keepalive URL must return HTTP 200 when authenticated — redirect-only URLs are not valid

---

Step 9 — Ensure a Live Tabby Browser Session

A HEALTHY profile in Tabby is a service configuration record. It does not mean a live browser session is running. The runtime auth adapter (noui_runtime/auth.py) needs an active session worker to fetch credentials at tool-call time.

.venv/bin/python cli/main.py tabby session ensure --profile <profile_id>

Example:

.venv/bin/python cli/main.py tabby session ensure --profile expedia

Starts (or verifies) a persistent browser session worker for the registered profile. The --profile flag is required — without it the command uses the default profile list from the cache, which may not include the newly registered profile. Expected output:

✓ Session for '<profile_id>' is HEALTHY

If this fails:

Symptom	Fix
TABBY_CLIENT_ID / TABBY_CLIENT_SECRET not set	Run tabby setup to provision agent credentials and write them to .env
Worker starts but immediately exits	Check .noui-backend.log; confirm Tabby is reachable at TABBY_API_HOST
Profile not found in cache	Confirm login register ran successfully — it adds the profile to the cache automatically
Credentials not found for k8s:secret/...	Run login credentials <bundle.json> to set username/password

You only need to do this once per machine restart, or if the session worker has stopped. Run tabby session status to check current state without starting a new worker.

---

Convenience Path (clean recordings only)

.venv/bin/python cli/main.py login import <session_id>
.venv/bin/python cli/main.py login import <session_id> --validate

Runs export + review + register in one command (and optionally validate). Use only for recordings with no expected issues — the decomposed flow above is easier to debug.

---

Output

On completion you have:

• workbench/login_recordings/noui-<session_id8>-bundle.json
• tabby_profile_id — printed by login register
• A live Tabby browser session confirmed via tabby session ensure

Pass the tabby_profile_id to /noui-record-workflow via --profile. The session worker must remain running during workflow recording and runtime use.

---

Decision Flow

Start
  │
  ├─ backend running?
  │     ├─ No  → Step 1: start
  │     └─ Yes → continue
  │
  Step 2: login record "<App>" "<url>" → note session_id
  │
  Step 3: Chrome (Apps → <AppName> → Login → Start Capture → login → Stop)
    └─ no events on export? → ensure target tab was active, retry Step 3
  │
  Step 4: login export <session_id>
    └─ writes noui-<id8>-bundle.json
  │
  Step 5: login review <bundle.json>
    ├─ generator errors? → re-record (return to Step 2)
    └─ clean → continue
  │
  Step 6: login register <bundle.json> → note tabby_profile_id
  │
  Step 7: login credentials <bundle.json> (user enters username + password)
  │
  Step 8: login validate <bundle.json>
    ├─ HEALTHY → continue
    └─ FAILED  → re-record (return to Step 2)
  │
  Step 9: tabby session ensure --profile <profile_id>
    └─ session worker healthy → pass tabby_profile_id to /record-workflow

---

CLI Command Reference

Command	Purpose
.venv/bin/python cli/main.py start	Start the NoUI backend
.venv/bin/python cli/main.py status	Check backend and Tabby reachability
.venv/bin/python cli/main.py login record "<App>" "<url>"	Create a login recording session
.venv/bin/python cli/main.py login list	List existing login sessions
.venv/bin/python cli/main.py login export <session_id>	Analyze session → write bundle JSON
.venv/bin/python cli/main.py login review <bundle.json>	Print validation and review items
.venv/bin/python cli/main.py login register <bundle.json>	Provision Application + STAGING ServiceProfile in Tabby
.venv/bin/python cli/main.py login credentials <bundle.json>	Set username/password for a registered profile
.venv/bin/python cli/main.py login validate <bundle.json>	Wait for profile to become HEALTHY
.venv/bin/python cli/main.py login import <session_id>	Convenience: export + review + register
.venv/bin/python cli/main.py login import <session_id> --validate	Convenience: export + review + register + validate
.venv/bin/python cli/main.py tabby session ensure --profile <id>	Start or verify a live browser session worker
.venv/bin/python cli/main.py tabby session status	Show current browser session state

---

Troubleshooting

Symptom	Fix
Backend not running	.venv/bin/python cli/main.py start
Tabby API not reachable	Confirm Tabby is running; check TABBY_API_HOST in .env
Bundle has generator errors	Re-record with slower, explicit interactions; avoid rapid clicks
App or Login process missing in extension	Confirm Step 2 ran successfully; check backend is running
Low selector confidence in review	Re-record; interact with fields one at a time with visible focus
Validate timeout (60s)	Check Tabby logs; verify the keepalive URL returns HTTP 200 when authenticated
Credentials not found for k8s:secret/...	Run login credentials <bundle.json> to set username/password
TRANSIENT_FAIL on health check	The site may be rate-limiting (429) the url_check. Update the app's keepalive config in Tabby to use a dom_check on body instead via PUT /apps/{app_id}
Keepalive URL is redirect-only	Find a URL that loads authenticated content, not a redirect chain