Skip to content
Catalyst Docs

Editing apps

Most of the time you’ll build and change an app by asking the assistant. When you want to change something by hand — a quick tweak, or picking exactly which workflows an app may run — open the full-page editor.

You get there two ways: click Edit on an app (from the Apps section or from the live preview in chat), or start a blank app from New App. Either way you land in the same editor.

The three panes

Section titled “The three panes”

The editor is a three-pane workspace: Code, a live Preview, and Properties, side by side.

The three-pane mini-app editor: a Code pane on the left with the app's source in a Monaco editor, a live Preview pane in the middle showing the running Expense Tracker, and a Properties pane on the right with the app's name, icon, description, and its collection and workflow grants. A Code/Preview/Properties toggle and Edit with AI, Save, and Delete buttons sit in the header.

  1. Code — the app’s source, in a full code editor. This is where you make a change directly, when describing it would be slower than just typing it.

  2. Preview — the live, running app, exactly as it appears elsewhere. It runs against your real data and updates as you type — make a change in Code, pause, and the preview reloads to match. There’s nothing to refresh.

  3. Properties — the app’s name, icon, and description, plus the grants: the specific collections and workflows this app is allowed to touch. See Data & permissions for what those grants do. The right dock toggles between Properties and an Assistant tab — see Edit with AI.

Show and hide panes

Section titled “Show and hide panes”

A Code / Preview / Properties toggle in the header turns each pane on or off, so you can focus on what you’re doing — go full-width Preview to use the app, or Code-and-Preview to edit and watch. The panes are resizable; drag the divider between any two. You can’t hide all of them at once.

Save keeps you editing

Section titled “Save keeps you editing”

Click Save and your changes are persisted — but you stay in the editor, on the same app, with the live Preview already reflecting what you saved. Save is “save and keep working,” not “save and leave.” When you’re done, click Back to return to where you came from.

Edit with AI

Section titled “Edit with AI”

The right dock toggles between Properties and an Assistant tab. The Assistant tab is a chat built into the editor, already pointed at this app: describe the change in plain language — “add a weekly view,” “use a pie chart instead” — and the assistant rewrites the app in place. The Code pane and live Preview update to the new version; you never leave the editor. The header’s Edit with AI button is a shortcut to that same Assistant tab.

The mini-app editor header with the app name on the left, a Code/Preview/Properties pane toggle in the middle, and Edit with AI, Save, and Delete buttons on the right.

It’s the same conversational flow as building an app — handy when you’re in the editor and realize the change is easier to say than to type. See Edit with AI for the full behavior (it works the same in the prompt and skill editors), and Version history for the Versions button that puts every save — yours and the assistant’s — on a timeline you can diff and restore.

Delete an app

Section titled “Delete an app”

The header’s Delete removes the app and asks you to confirm first. Deleting an app deletes only the app — the workflows it ran and the collections it read are shared assets you built, and they stay exactly where they were. Any other app, chat, or schedule that uses them keeps working.

Section titled “Related”