Skip to content

docs: v5 - Studio overview#390

Open
eeberhard wants to merge 8 commits intomainfrom
docs/studio-v5
Open

docs: v5 - Studio overview#390
eeberhard wants to merge 8 commits intomainfrom
docs/studio-v5

Conversation

@eeberhard
Copy link
Member

@eeberhard eeberhard commented Nov 13, 2025

Description

This PR solves the issue by reworking the v5 Tour of AICA Studio with new text, screenshots and pages for the various features.

I also migrated the general "users and authentication" page to be a version specific page, since nomenclature and behavior changed between v4 and v5.

Review guidelines

Estimated Time of Review: x minutes

Checklist before merging:

  • Confirm that the relevant changelog(s) are up-to-date in case of any user-facing changes

@eeberhard
Copy link
Member Author

@SprGrf @domire8 I very quickly started on this topic just to get some nomenclature and structure in place. It will need new screenshots and new text, which I will be unlikely to finish in the next days, but it should provide enough context on what this will look like to support the other updated examples.

@domire8 domire8 mentioned this pull request Nov 18, 2025
1 task
@domire8 domire8 mentioned this pull request Nov 25, 2025
1 task
@domire8 domire8 linked an issue Jan 20, 2026 that may be closed by this pull request
@eeberhard eeberhard marked this pull request as ready for review March 6, 2026 18:16
Copy link
Member

@domire8 domire8 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice!

Copy link
Member

@domire8 domire8 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A few broken links

Copy link
Contributor

@rrosa24 rrosa24 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Really nice work here- excited to have this page :)

@eeberhard
Copy link
Member Author

Thanks for the reviews!

Copy link
Contributor

@SprGrf SprGrf left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice!

Comment on lines 14 to +19
The default landing page when opening AICA Studio is the application manager and editor. It can also be accessed by
clicking the "Editor" tab in the top navbar.
clicking the "Editor" link in the top navbar.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I find the sentence a bit confusing. Which one of the aforementioned two can be accessed by the Editor link? Also should the Editor be in bold?


On the left of the screen is the YAML code representation of the application, which is how applications are stored and
parsed. On the right are visualization tools, including the unique application graph editor and the 3D scene viewer.
The editor features two panels on the left and right side of a main view, with a mini-view in the bottom left. Next to
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

To match the previous I imagine

Suggested change
The editor features two panels on the left and right side of a main view, with a mini-view in the bottom left. Next to
The editor features two panels on the left and right side of a main view, with a mini-view on the bottom left. Next to


Exit back to the application manager screen using the X button on the top left. It will prompt to save or discard
unsaved changes. Running applications will be stopped when closing the application.
The main view can also be switched to render the 3D scene of the application by clicking on the mini-view in the bottom
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

same as the previous, if you decide to change it

The Add Component sub-tab is used to add elements to the application.

<div style={{display: 'flex', justifyContent: 'center', paddingBottom: '1rem'}}>
<img src={AddComponentMenu} alt="aica-studio-add-component" width="600"/>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Styling suggestion, just to match a bit more with the full window screenshots, I think we have used it elsewhere

Suggested change
<img src={AddComponentMenu} alt="aica-studio-add-component" width="600"/>
<img src={AddComponentMenu} alt="aica-studio-add-component" width="600" style={{ borderRadius: "8px" }}/>

## Live Data

While an application is running, view the data flowing on signals and other background topics on the ROS 2 network.
Use the Choose Topic selector to change the topic to visualize. Selecting a signal edge in the graph view while the
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Highlight Choose Topic somehow?


## Profiles

When using AICA Launcher as the system administrator, AICA Studio will show a "Super Admin" landing page to select or
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

How do I do that? And how do I use it as a normal user with a profile?

@@ -0,0 +1,119 @@
---
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

General comment on the page; I feel it does not belong here. We move from casually touring studio and exploring the interface to security and authentication concepts that are quite heavier. I also think it's something that I would instinctively look for in the Getting Started section where it is now.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why are those now mdx files?

Copy link
Member Author

@eeberhard eeberhard Mar 16, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

MDX is markdown with JSX support, where JSX is javascript with XML support, specifically intended for HTML. In short, mdx allows markdown files to contain things like:

<div style={{display: 'flex', justifyContent: 'center', paddingBottom: '1rem'}}>
    <img src={AddComponentMenu} alt="aica-studio-add-component" width="600"/>
</div>

Docusaurus interprets mdx even if the file is marked as .md, so changing the extension is mostly convenient as a filetype hint for editors to not complain about syntax.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Rewrite the Tour of AICA Studio section for v5

4 participants