Interactive UI

A full-featured terminal dashboard with two tabs: Webhooks for managing endpoints and events, and Cron for managing scheduled jobs. Includes real-time updates, execution logs, event replay, and more.

Launch the UI

Terminal

Tabs

The TUI has two main tabs you can switch between using 1 and 2:

1 Webhooks Tab

Browse endpoints, view recent event activity, inspect event details, and replay events.

2 Cron Tab

Manage cron jobs, view execution history, create new jobs with a wizard, and trigger manual runs.

Webhooks Dashboard

The Webhooks tab shows your endpoints and recent event activity side by side:

┌──────────────────────────────────────────────────────────────────┐
│ HookWatch                          [Webhooks] [Cron]  Connected │
├──────────────────────────────────────────────────────────────────┤
│                                                                  │
│ ENDPOINTS                         │ EVENT ACTIVITY               │
│ ──────────────────────────────────│──────────────────────────────│
│ > stripe       hook.hw.dev/stripe │ 14:32 POST /stripe   200 OK │
│   github       hook.hw.dev/github │ 14:30 POST /github   200 OK │
│   shopify      hook.hw.dev/shop   │ 14:25 POST /stripe   500    │
│                                   │ 14:20 POST /shop     200 OK │
│                                   │                              │
├──────────────────────────────────────────────────────────────────┤
│ j/k:navigate  enter:details  T:test  r:refresh  ?:help          │
└──────────────────────────────────────────────────────────────────┘

Cron Dashboard

The Cron tab shows your scheduled jobs and recent activity side by side:

┌──────────────────────────────────────────────────────────────────┐
│ HookWatch                          [Webhooks] [Cron]  Connected │
├──────────────────────────────────────────────────────────────────┤
│                                                                  │
│ CRON JOBS                         │ RECENT ACTIVITY              │
│ ──────────────────────────────────│──────────────────────────────│
│ > backup-db    every day at 2am   │ 14:32 backup-db     SUCCESS  │
│   sync-logs    every 5 minutes    │ 14:30 sync-logs     SUCCESS  │
│   health-ping  every minute       │ 14:25 cleanup       FAILED   │
│   cleanup      every hour         │ 14:20 health-ping   SUCCESS  │
│                                   │                              │
├──────────────────────────────────────────────────────────────────┤
│ j/k:navigate  enter:details  a:add  R:run  t:toggle  ?:help     │
└──────────────────────────────────────────────────────────────────┘

Key Bindings

Navigation

KeyAction
j / Move down
k / Move up
EnterView details (job or event)
EscGo back / Close
TabSwitch between left/right panels
1 / 2Switch between Webhooks/Cron tabs

Cron Job Actions

KeyAction
aAdd new cron job
RRun job now
tToggle enable/disable
LView execution logs
dDelete job (with confirmation)

Webhook Event Actions

KeyAction
EnterView event details (headers, body, response)
TSend test webhook to selected endpoint
pReplay event with modifications

General

KeyAction
rRefresh data
?Show help
q / Ctrl+CQuit

Views

Webhooks Dashboard

The main Webhooks view showing all endpoints and recent event activity. Endpoints are listed with their name, slug, and URL. The activity pane shows recent events with status and response codes.

Event Details

Press Enter on an event to see full details including request headers, body, response status, and delivery attempts. Navigate between sections with Tab.

Event Replay

Replay an event with modifications. Edit the method, headers, or body before sending. The original event is preserved and a new delivery is created.

Cron Dashboard

The main Cron view showing all cron jobs and recent activity. Jobs are listed with their name, schedule, and next run time. Activity shows recent executions with status.

Job Details

Press Enter on a job to see full details including schedule, command, retry config, and recent executions. Run or toggle the job from this view.

Log Viewer

Press L to view execution logs. Scroll with j/k or PgUp/PgDown. Press g to go to top, G to go to bottom.

Add Job Wizard

Press a to open the wizard. Step through: name, schedule (with live preview), command, options, and confirmation.

Settings

Configure TUI preferences such as refresh interval, display options, and API connection settings.

Features

Auto-refresh

Data refreshes automatically every 10 seconds

Dual-tab layout

Webhooks and Cron tabs in a single dashboard

Event replay

Replay events with modified headers, body, or method

Live schedule preview

See next run times while typing schedule

Test webhooks

Send test webhooks to endpoints directly from the UI

Vim-style keys

Navigate efficiently with familiar keybindings

Tip

Press ? at any time to see all available keyboard shortcuts for the current view.

Related