Skip to main content

Web UI overview

The Priompt web UI lets you browse, edit, and publish prompts in a browser instead of with the CLI. You can read every version of a prompt, see the semantic verdict the server gave each change, and branch, promote, merge, and roll back.

The UI is a SvelteKit app. Its server side calls Priompt over gRPC, so your token stays on that server and never reaches the browser.

Prerequisites​

Before you begin, make sure you have:

  • The web UI running and connected to a server: see Run the web UI.
  • Some prompts with history: run seed-dev.sh as described in Run the web UI, or publish a few prompts yourself.

Tour​

The screenshots below follow one prompt, priompt://acme/onboarding/welcome, from the home page to a commit and its verdict.

  1. The home page lists every namespace on the server. A namespace is an org, the first part of a prompt's address. Select one to open it.

    Dashboard showing the Namespaces list with acme (7 prompts), demo (1 prompt), and globex (3 prompts).

    The dashboard lists every namespace on the server with its prompt count.

  2. A namespace lists its folders and prompts on main, the branch Priompt serves to agents.

    The acme namespace on branch main, marked Serving, with folders agents, content, onboarding, and support, and the file system-prompt.prompt.

    Folders and prompts in the acme namespace. Each .prompt file is one prompt.

  3. A prompt shows its template with each slot, a named blank like {name} that your app fills in, highlighted.

    Prompt view of onboarding/welcome.prompt on main: four template lines with the org and name slots highlighted, file info, the Detected slots panel, and the Live badge.

    The prompt view, with its slots, the commit it was read from, and the Edit, History, and Copy actions.

  4. History lists every commit of the prompt, newest first.

    Commits view for /onboarding/welcome.prompt listing four commits, newest "Offer project import as a first step" (06100c3), oldest "seed: demo prompt".

    Each commit shows its message, author, and short hash.

  5. A commit shows the line diff and the server's semantic verdict for each change.

    Commit view for "Offer project import as a first step": a one-line diff on line 3 and a semantic propagation diff with the verdict minor edit.

    This edit rates minor edit, the smallest of the three verdicts.

What you can do​

TaskWhereGuide
Browse namespaces, folders, and promptsHome page, then a namespaceBrowse prompts and history
Read a prompt's historyHistory on a promptBrowse prompts and history
Search a namespaceThe navbar search box inside a namespaceBrowse prompts and history
Edit a prompt and publish itEdit on a prompt, then SaveEdit and publish a prompt
Create a promptNew prompt in a namespaceEdit and publish a prompt
Read a commit's diff and verdictA commit in HistoryReview a commit and its verdict
Branch, compare, promote, merge, and roll backBranches tabBranch, promote, and roll back in the UI
Placeholder controls

Some controls don't do anything yet: the navbar search box on the home page (it opens a Ctrl+K dialog with sample data), the +, pull request, inbox, and account buttons, Upload, Raw, the /init and /settings pages, and everything below Connection on a namespace's Settings tab.

Next steps​