Skip to content

Tour of the app

The web UI is served by the ramzes binary itself. This page walks through its navigation, one line per page, and covers the parts that are the same everywhere: signing in, the command palette, the live indicator and the theme switch.

The sign-in page: an email address and a password.
The sign-in page: an email address and a password.

An instance that has no user yet sends every visitor to the first-run setup at /setup. After that, anyone who is not signed in is sent to /login, which asks for Email and Password. Users are added under Settings; there is no self-registration and no single sign-on. A session lasts 30 days.

On a wide screen the navigation is a rail on the left. On a narrow one it folds behind a Menu button in a bar across the top. The pages are in two groups.

Page What it is for
Overview Counts and charts for the last 24 hours, 7 days or 30 days: events received, deliveries, the noisiest sources and topics, and connections that are failing.
Feed Every event ramzes received, newest first, with what became of it. A row opens the event’s journey. This is the page the app opens on.
Notifications What each route told each connection, grouped by state. This is where you acknowledge and resolve.
Failures Deliveries that were rejected or ran out of retries, and the button to send them again.
Silences Periods during which matching events are recorded but sent nowhere.
Page What it is for
Routes The ordered list of rules that decide which events go to which connections, the route editor, and a tester that shows what the routes would do with one event.
Templates Wordings for messages, with a live preview.
Connections The places messages can go, their health over the last 24 hours, and your own connector definitions.
Sources The services that send events, their keys, their recent requests and, for any-JSON sources, their mapping.
Settings The instance address, retention, users, API tokens, export and import, and the configuration history with rollback.

An event’s own page and a notification’s own page are not in the navigation. You reach them from the Feed and from Notifications; while you are on an event’s page, Feed stays marked as the current page.

The Go to… button at the top of the rail opens a palette that jumps to any of the ten pages above. Ctrl+K or Cmd+K opens and closes it from anywhere in the app. The button is shown on wide screens only; the shortcut works at any width.

Key What it does
Typing Narrows the list to pages whose name contains what you typed.
↓ and ↑ Move the selection.
Enter Goes to the selected page.
Esc Closes the palette. A click outside it does the same.

The palette lists pages only. It does not search events, routes or anything else. When nothing fits it says “No page matches” followed by what you typed.

  • Live indicator. The app keeps one connection open to the server and reloads lists when something changes. The indicator reads Live while that connection is open, Connecting before the first connection and Reconnecting after it dropped. After a reconnect the page in view reloads its data, because changes made in between were not seen.
  • Theme switch. The button reads Light theme while the app is dark and Dark theme while it is light. Dark is the default. The choice is stored in the browser, so it applies to that browser only.
  • Sign out. Ends the session and returns to the sign-in page.
  • Your email address is shown under the buttons.

If the instance is new, the usual order is: add a source under Sources, add a connection under Connections, then create a route under Routes. Your first route walks through it.