Patterns Flows Systems Pricing

Ask N*Sign in Sign up

Patterns Flows Systems About Pricing Privacy Terms

© 2026 Northbase. All rights reserved.

How Atlassian Rovo Designs AI Input & Output — UX Breakdown | Northbase

Systems
Atlassian Rovo
AI Input & Output

Atlassian Rovo - AI Input & Output

We analyzed 33 examples of how Atlassian Rovo handles ai input & output across their product, spanning 14 different approaches: entry point, input composition, model selector, attachment handling, input modifier, slash command, context indicator, accept/discard flow, action bar, citation display, loading state, message layout, split view, text formatting.

Slash Commands

Typing / in the Confluence editor opens a command palette. The first item is 'Ask Rovo' with AI integration as the top option in the insert-element menu. — Atlassian Rovo — Confluence editor — slash command menu
Typing / in the Confluence editor opens a command palette. The first item is 'Ask Rovo' with AI integration as the top option in the insert-element menu.

Entry Points

Modal dialog prompting org admins to activate Rovo AI writing features. This is the entry-point gate before AI input is available. — Atlassian Rovo — Confluence editor — Rovo onboarding modal
Modal dialog prompting org admins to activate Rovo AI writing features. This is the entry-point gate before AI input is available.

Context Indicators

Admin settings page showing which apps have AI features enabled. Lists AI-enabled apps (Jira Service Management, Jira, Customer Service Management) with tabs for Apps, Beta features, and Web search. — Atlassian Rovo — Atlassian Administration — AI-enabled apps settings
Admin settings page showing which apps have AI features enabled. Lists AI-enabled apps (Jira Service Management, Jira, Customer Service Management) with tabs for Apps, Beta features, and Web search.

First step of a two-step wizard for activating AI features on specific apps. Shows a product selection list with Confluence as an available option. — Atlassian Rovo — Atlassian Administration — Select apps wizard step 1
First step of a two-step wizard for activating AI features on specific apps. Shows a product selection list with Confluence as an available option.

Second step of the wizard confirming AI activation for selected apps. Shows the review screen before activating AI on Confluence with a data handling notice. — Atlassian Rovo — Atlassian Administration — Select apps wizard step 2
Second step of the wizard confirming AI activation for selected apps. Shows the review screen before activating AI on Confluence with a data handling notice.

Input Composition

After activating Rovo, the editor shows an inline AI input field with a placeholder, attachment and mention icons, and a list of Rovo agents below. The editor body also shows a hint about keyboard shortcuts. — Atlassian Rovo — Confluence editor — Rovo inline AI input with agent selector
After activating Rovo, the editor shows an inline AI input field with a placeholder, attachment and mention icons, and a list of Rovo agents below. The editor body also shows a hint about keyboard shortcuts.

The Rovo Chat side panel opened from the 'Ask Rovo' button in the top nav. Shows a greeting with starter prompts, a context indicator showing the current page, an input field with placeholder text, and source/settings controls at the bottom. — Atlassian Rovo — Confluence — Rovo Chat side panel (empty state)
The Rovo Chat side panel opened from the 'Ask Rovo' button in the top nav. Shows a greeting with starter prompts, a context indicator showing the current page, an input field with placeholder text, and source/settings controls at the bottom.

The Rovo Chat input field with the @ mention picker open, showing available people and teams to mention in the prompt. The @ symbol is typed in the input field triggering the autocomplete. — Atlassian Rovo — Confluence — Rovo Chat side panel — @ mention picker
The Rovo Chat input field with the @ mention picker open, showing available people and teams to mention in the prompt. The @ symbol is typed in the input field triggering the autocomplete.

On a published Confluence page, selecting text shows an inline toolbar with 'Comment' and 'Ask Rovo' (with dropdown chevron). Clicking Ask Rovo opens a dropdown menu with AI action options and a freeform input field at the bottom. — Atlassian Rovo — Confluence published page — Ask Rovo context menu on text selection
On a published Confluence page, selecting text shows an inline toolbar with 'Comment' and 'Ask Rovo' (with dropdown chevron). Clicking Ask Rovo opens a dropdown menu with AI action options and a freeform input field at the bottom.

Model Selectors

Modal overlay for browsing and selecting Rovo agents. Has tabs for All, Favourites, My agents, and a Create option. Agents are organized into Recommended and All agents sections. — Atlassian Rovo — Confluence editor — Browse agents modal
Modal overlay for browsing and selecting Rovo agents. Has tabs for All, Favourites, My agents, and a Create option. Agents are organized into Recommended and All agents sections.

Loading States

Loading state after submitting 'Let's write a design spec document' — animated dots with 'Generating' label and Cancel button — Atlassian Rovo — Confluence → Page editor → Inline AI generation
Loading state after submitting 'Let's write a design spec document' — animated dots with 'Generating' label and Cancel button

Action Bars

Completed inline AI generation showing a design spec document outline with numbered hierarchy, bold section headers, bullet sub-items, and an 8-action bar — Atlassian Rovo — Confluence → Page editor → Inline AI generation
Completed inline AI generation showing a design spec document outline with numbered hierarchy, bold section headers, bullet sub-items, and an 8-action bar

Accept / Discard Flows

Discard confirmation dialog asking 'Do you want to discard your response?' with Back and Discard buttons — Atlassian Rovo — Confluence → Page editor → Inline AI generation → Discard confirmation
Discard confirmation dialog asking 'Do you want to discard your response?' with Back and Discard buttons

Split view showing AI-generated design spec inserted into page editor on left with Rovo Chat sidebar on right displaying 'Replace selection' button, regenerate and copy icons — Atlassian Rovo — Confluence → Page editor → Rovo Chat sidebar with inserted content
Split view showing AI-generated design spec inserted into page editor on left with Rovo Chat sidebar on right displaying 'Replace selection' button, regenerate and copy icons

Citation Display

Published Confluence page with AI-generated PRD content showing a source popup overlay for section 1.1 Product Summary with '5 Sources' badge — Atlassian Rovo — Confluence → Published page → AI source popup
Published Confluence page with AI-generated PRD content showing a source popup overlay for section 1.1 Product Summary with '5 Sources' badge

Rovo Chat sidebar showing AI response with Source URL linking to the referenced Confluence page, source badge, and follow-up input — Atlassian Rovo — Confluence → Published page → Rovo Chat sidebar
Rovo Chat sidebar showing AI response with Source URL linking to the referenced Confluence page, source badge, and follow-up input

Text Formatting

Published Confluence page showing the full AI-generated PRD with inline Comment and Define action buttons on the section header — Atlassian Rovo — Confluence → Published page → AI-generated content
Published Confluence page showing the full AI-generated PRD with inline Comment and Define action buttons on the section header

Input Modifiers

The 'Filter by apps' popover is open in the Rovo Chat panel, allowing the user to filter AI search sources by app. Shows checkboxes for Atlassian Support Docs and Confluence with a search field and Clear all option. — Atlassian Rovo — Confluence — Rovo Chat side panel — Filter by apps popover
The 'Filter by apps' popover is open in the Rovo Chat panel, allowing the user to filter AI search sources by app. Shows checkboxes for Atlassian Support Docs and Confluence with a search field and Clear all option.

The settings/gear icon popover in the Rovo Chat panel showing source configuration toggles: Deep research (with description), Include web results (toggle on), Search company knowledge (toggle on), and Filter by apps option. — Atlassian Rovo — Confluence editor — Rovo Chat side panel — settings popover
The settings/gear icon popover in the Rovo Chat panel showing source configuration toggles: Deep research (with description), Include web results (toggle on), Search company knowledge (toggle on), and Filter by apps option.

Split View

Rovo Chat sidebar panel showing AI response with PRD content, 'Steps 1/1' progress indicator, numbered hierarchy with bold headers, and follow-up input — Atlassian Rovo — Confluence → Page editor → Rovo Chat sidebar
Rovo Chat sidebar panel showing AI response with PRD content, 'Steps 1/1' progress indicator, numbered hierarchy with bold headers, and follow-up input

Full split view with published AI-generated PRD page on left and Rovo Chat sidebar on right showing follow-up suggestions, title toast notification, and Insert into page button — Atlassian Rovo — Confluence → Page editor → Rovo Chat sidebar with inserted content
Full split view with published AI-generated PRD page on left and Rovo Chat sidebar on right showing follow-up suggestions, title toast notification, and Insert into page button

Message Layout

Rovo Chat sidebar showing completed design spec outline with numbered hierarchy (7-13), bold headers, bullet sub-items, feedback buttons, copy button, and 'Insert into page' action — Atlassian Rovo — Confluence → Page editor → Rovo Chat sidebar
Rovo Chat sidebar showing completed design spec outline with numbered hierarchy (7-13), bold headers, bullet sub-items, feedback buttons, copy button, and 'Insert into page' action

Attachment Handling

The plus (+) button menu in the Rovo Chat input area showing options for uploading files, adding links, mentioning someone, more formatting, and using current page as context. — Atlassian Rovo — Confluence editor — Rovo Chat side panel — plus menu (attachment/context actions)
The plus (+) button menu in the Rovo Chat input area showing options for uploading files, adding links, mentioning someone, more formatting, and using current page as context.