Webhooks, audit log & profile
Dashboard: every screen, state and flow in Webhooks, audit log & profile.
8 screens and overlays, 29 states, 2 flows. Frames show a real screenshot where one was captured and a wireframe card where the state needs data or conditions a device run cannot produce.
Flows
Webhooks
Branches and edge cases
Webhook Management
Action toasts
Tunnel URL copied, Refreshed from Shopify, server messages
Needs data: Needs specific backend rows, a role, or a submitted write on a disposable record
Deliveries
Not available
Webhook deliveries are not available for this account
Not reachable on a device: Needs a server error, crash, race or code change
Deliveries
No webhook deliveries
Shopify events land here as they arrive
Needs data: Needs specific backend rows, a role, or a submitted write on a disposable record
Flow diagram
Audit log
Branches and edge cases
Audit Log
Scan truncated
Alert when isTruncated
Needs data: Needs specific backend rows, a role, or a submitted write on a disposable record
Audit Log
Details empty
Popover shows em dash when no changes or metadata
Needs data: Needs specific backend rows, a role, or a submitted write on a disposable record
Audit Log
Admin required
AccessDenied: You need admin access to view the audit log
Needs data: Needs specific backend rows, a role, or a submitted write on a disposable record
Flow diagram
Screens and states
Webhook Management
dashboard/webhooksWebhook Management
Manage Shopify webhook subscriptions and inspect deliveries.
src/app/dashboard/webhooks/page.tsxEntry
- Sidebar Webhooks
Exits
- Subscriptions tab
- Deliveries tab (?tab=)
- Bulk Create All, Sync URLs, Refresh
- Delete All
States · 7
src/app/dashboard/webhooks/page.tsx:217src/features/webhooks/components/shopify-write-banner.tsxsrc/app/dashboard/webhooks/page.tsx:247src/features/webhooks/components/webhook-table.tsx:55src/app/dashboard/webhooks/page.tsx:186src/features/webhooks/components/webhook-actions.tsx:37src/features/webhooks/components/webhook-actions.tsxDeliveries
WebhookDeliveriesDeliveries
Read-only log of inbound events, no replay.
src/features/webhooks/components/webhook-deliveries-view.tsxEntry
- Webhooks Deliveries tab
Exits
- Refresh
- Status select
- Load More
- View → payload dialog
States · 4
src/features/webhooks/components/webhook-deliveries-view.tsx:177src/features/webhooks/components/webhook-deliveries-view.tsx:182src/features/webhooks/components/webhook-delivery-table.tsx:41src/features/webhooks/components/webhook-deliveries-view.tsx:117Edit Webhook URL
EditWebhookDialogEdit Webhook URL
Change one subscription's callback URL.
src/features/webhooks/components/edit-webhook-dialog.tsx:50Entry
- Row menu Edit
Exits
- Save → update URL
- Cancel
States · 2
src/features/webhooks/components/edit-webhook-dialog.tsx:50packages/backend/convex/dashboard/mutations.ts:1587Delete webhook?
DeleteWebhookDialogDelete webhook?
Delete one webhook from Shopify permanently.
src/app/dashboard/webhooks/page.tsx:254Entry
- Row menu Delete
Exits
- Confirm → delete
- Cancel
States · 1
packages/backend/convex/dashboard/mutations.ts:1655Delete all webhooks?
DeleteAllWebhooksDialogDelete all webhooks?
Delete every webhook, stopping order and product pipelines.
src/app/dashboard/webhooks/page.tsx:265Entry
- Delete All button
Exits
- Confirm → delete all
- Cancel
States · 1
packages/backend/convex/dashboard/mutations.ts:1698Delivery detail
DeliveryDetailDialogDelivery detail
Topic, error and pretty-printed Shopify payload.
src/features/webhooks/components/webhook-deliveries-view.tsx:212Entry
- Deliveries row View
Exits
- Close
States · 3
src/features/webhooks/components/webhook-deliveries-view.tsx:241src/features/webhooks/components/webhook-deliveries-view.tsx:241src/features/webhooks/components/webhook-deliveries-view.tsx:212Audit Log
dashboard/audit-logAudit Log
Searchable record of admin actions.
src/app/dashboard/audit-log/page.tsxEntry
- Sidebar Audit Log
Exits
- Export → ExportDialog
- Refresh, Load More
- Resource link → target page
- Target user → /dashboard/users/id
- Details popover
States · 6
src/features/audit-log/components/audit-log-view.tsx:411src/features/audit-log/components/audit-log-view.tsx:416src/features/audit-log/components/audit-log-view.tsx:445src/features/audit-log/components/audit-log-view.tsx:155src/features/audit-log/components/audit-log-columns.tsx:195src/app/dashboard/audit-log/page.tsx:11Account Settings
dashboard/profileAccount Settings
Edit the signed-in person's own profile.
src/app/dashboard/profile/page.tsxEntry
- User menu Account Settings
- Sidebar user card
Exits
- Save → update profile
States · 5
src/features/profile/components/profile-form.tsx:127src/features/profile/components/profile-form.tsx:115src/features/profile/components/profile-form.tsx:117src/features/profile/components/profile-form.tsx:191src/app/dashboard/profile/page.tsx:11










