Docs / Sessions/ Session Details

Session Details

Tabbed panel for browsing the session summary and the full list of artifacts created during a conversation. Tap-to-toggle artifacts open or closed in the panel; remove forever from a single menu.

The Session Details panel is where you see everything about the current session at a glance — its summary, project associations, and the complete catalogue of artifacts ever created in this conversation.

Opening Session Details

Tap the summary icon at the bottom of the input area (the one that used to open the legacy summary panel). On desktop the panel appears inline above the input row, full-width, and pushes the conversation up. On mobile it slides up from the bottom as a fixed-height sheet (~70% viewport height) with a swipe handle — drag down to dismiss, tap the backdrop, or tap the ×.

Two tabs: Summary and Artifacts

Summary tab

Shows:

  • Session name at the top
  • Project chips — if the session belongs to one or more projects, each appears as a colored chip (border + text use the project's color, with the project icon and name)
  • Auto-generated summary — same content the assistant maintains in the background as the conversation progresses

If no summary has been generated yet, the tab shows a hint that a summary appears automatically once the conversation has activity.

Artifacts tab

Shows every artifact ever created in this session, sorted newest-first. Each row has:

  • Type icon (🌐 HTML, ⚛️ React, 🖼 image, 📄 document, 📊 diff, code-language icons for files)
  • Title (truncated with ellipsis on overflow)
  • Type pill (HTML, MD, REACT, IMG, FILE, etc., color-coded per type)
  • Version number (e.g. v4)
  • Relative time since last update (e.g. 3m ago)
  • State circle on the right — empty when the artifact is closed in the panel, filled accent with a when it's currently open

The Artifacts tab count is shown in the tab title (e.g. Artifacts (5)).

The "browser tabs as a checklist" model

Tapping a row in the Artifacts tab toggles that artifact open or closed in the artifact panel. It does NOT auto-launch the panel — the modal stays open so you can keep curating.

This means you can:

  1. Open Session Details
  2. Tap, tap, tap — turning artifacts on or off as if they were checkboxes
  3. Close Session Details
  4. Then open the artifact panel manually to see the curated set you picked

The state circle gives instant feedback — accent border, accent-tinted background, and a appear the moment you toggle a row on.

If you tap an artifact that's already open in the panel, it closes — UI only, no data loss.

Per-row ⋯ menu

Each row's menu offers:

ItemEffect
Open in panelAdds to the panel and switches to it as the active artifact (different intent from tap-toggle — this one explicitly reveals the panel)
Open & shareOpens the artifact then takes you to the Share flow (shareable types only)
Version historyOpens the artifact + opens the Version History modal directly (only when the artifact has more than one version)
Remove foreverPermanently deletes the artifact, all its versions, and revokes any active share. Confirmation required — see below

On mobile, when the menu is opened on one of the last two rows in the list, it flips upward (bottom: 100%) to stay inside the visible area instead of spilling off the panel.

"Remove forever" — destructive, with confirm

Selecting Remove forever from the menu opens a slide-up confirm sheet over the bottom of the panel:

Permanently delete <title>?

All versions will be deleted, and any active share will be revoked. This cannot be undone.

Tap Yes, delete to fire the DELETE; the row optimistically disappears from the list and a WebSocket broadcast tells all other clients (and the panel tab bar) that the artifact is gone.

This is the only path to permanent deletion. Tapping the × on a panel tab does NOT delete — see the next section.

Close vs Delete — important distinction

ActionWhat it does
× on artifact panel tabHides the artifact from the panel tab bar. Does NOT delete. Artifact stays in the DB with full history; you can re-open it from Session Details → Artifacts at any time
Tap row in Artifacts tabToggles the artifact's presence in the panel tab bar. UI only. No data loss
⋯ → Remove forever (with confirm)Permanently deletes from DB + cascades to all version snapshots + revokes any active share. Cannot be undone

This split was a deliberate change — previously the × on a tab fired a permanent DELETE, which surprised users who thought of it as a "close" gesture.

Live updates while the panel is open

WebSocket events while Session Details is open keep the list fresh:

  • artifact:create → cache invalidated, list re-fetches and the new artifact appears at the top
  • artifact:update → version + meta refresh in place
  • artifact:delete → row removed from the list

Floating buttons hidden while open

While Session Details is open, the floating artifact toggle button (and browser toggle button) on mobile are hidden so they don't overlap the chooser. They reappear when you close the panel.