Skip to content

Workspace tour

The first time you open a project, the screen has more on it than most editors. This page answers the four questions everyone asks on day one. Use it as orientation, not reference. The full feature pages take over once you know where to look.

[Screenshot: annotated full-app shell] One screenshot with numbered hotspots on the header, file explorer, editor area, right pane, and status bar. Asset name: workspace-shell-annotated.png. This is the only screenshot this page needs. The numbers in the screenshot match the section ordering below.

In the editor area in the center of the window. Everything else around it is supporting context.

The editor opens whichever file you click in the left-hand file explorer. Each open file gets a tab. The tab you focus is what the keyboard goes to. The right sidebar (AI, comments, version history) does not take typed text by default; you have to click into it.

If the editor area looks empty when a project first opens, click a file in the file explorer to load it.

Two project states:

  • Private. A new project starts private in this browser by default. If you open a folder, it is still private, but backed by your device folder. Private projects are not available on other devices until you publish them.
  • Published. Sharing/publishing creates a cloud copy. The project can then be opened across devices (subject to access), and the status bar shows sync/collaboration state.

This is one of the things the app does that surprises new users, so it is worth glancing at the storage icon when you open something. See Storage and privacy for the full behavior.

RegionWhat it isWhen to use it
HeaderProject switcher, share button, storage icon, panel toggles, settingsSwitch projects, share, toggle panes
Left sidebar (file explorer)The list of files in this project, with rename/move/deleteOpen files, organize the project
Editor area with tabsThe file or files you are editingType here
Right sidebarThree tabs: AI Chat, Comments, Version HistoryAsk the agent, discuss with collaborators, see what changed
Status barEditor mode toggle (Code / Visual), Private badge, collaboration status, storage statusGlance to confirm state

The right sidebar starts on AI Chat. The tabs at the top of that pane switch between the three views. Hidden? Toggle the right pane from the header.

How do you come back to a project tomorrow?

Section titled “How do you come back to a project tomorrow?”

If your project is private in browser storage: return in the same browser on the same device.

If your project is private in a folder: return by re-opening that folder (browser permissions may need re-grant each session).

If your project is published: anyone with access can open it from their own Titan on any device. The latest content has a cloud copy.

The dashboard (top-left Dashboard button) lists every project you can reach in your current sign-in, with tabs for state (Private / Published) plus recency/starred views.

Detailed behavior for each region lives on its own feature page. Use the table when you need to dive into one part.

Shell elementRead next
Top bar (header)Projects, Storage and privacy, Settings and preferences
File explorer sidebarFile workspace
Editor tabs and editor surfaceMarkup formats, Editing modes
Right pane (AI, Comments, Version History)Workspace agent, What the agent can see, Comments, Version history
Status barEditing modes, Storage and privacy, Real-time collaboration, Sync and offline

A guided tour overlay inside the app is not currently shipped. The closest workflow is to open a project, sit on the Quickstart, and use the screenshot above as a map.