Skip to content

feat(artifacts): show scrollable artifact list in side panel#2011

Open
monrheo wants to merge 1 commit into
different-ai:devfrom
monrheo:fix/artifact-list-view
Open

feat(artifacts): show scrollable artifact list in side panel#2011
monrheo wants to merge 1 commit into
different-ai:devfrom
monrheo:fix/artifact-list-view

Conversation

@monrheo
Copy link
Copy Markdown

@monrheo monrheo commented May 30, 2026

Summary

  • Replaces the "no artifacts" empty state with a scrollable list of all artifacts
  • Clicking an artifact opens it in the panel; closing returns to the list
  • Adds text to ARTIFACT_FILE_PREVIEWS so plain-text files (.ts, .js, .json, etc.) appear

Before

Clicking Artifacts (N) opened only the first artifact as a tab. The other N-1 were invisible.

After

Clicking Artifacts (N) opens a scrollable list. Each artifact shows icon, name, and size.

Previously, clicking the Artifacts button only opened the first artifact
as a tab — the other N-1 artifacts were invisible. Now the side panel
shows a scrollable list of all artifacts when no tab is active. Clicking
an artifact opens it in the panel. Closing the artifact returns to the list.

Also adds 'text' to ARTIFACT_FILE_PREVIEWS so plain-text files (.ts, .js,
.json, .py, .txt, etc.) appear in the artifact list.
@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 30, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
openwork-landing Ready Ready Preview, Comment, Open in v0 May 30, 2026 8:03am

@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 30, 2026

Someone is attempting to deploy a commit to the Different AI Team on Vercel.

A member of the Team first needs to authorize it.

Copy link
Copy Markdown

@cubic-dev-ai cubic-dev-ai Bot left a comment

Choose a reason for hiding this comment

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

1 issue found across 3 files

Prompt for AI agents (unresolved issues)

Check if these issues are valid — if so, understand the root cause of each and fix them. If appropriate, use sub-agents to investigate and fix each issue separately.


<file name="apps/app/src/react-app/domains/session/chat/session-page.tsx">

<violation number="1" location="apps/app/src/react-app/domains/session/chat/session-page.tsx:374">
P2: The Artifacts button now closes an already-open panel instead of switching it to the artifact list.</violation>
</file>

Reply with feedback, questions, or to request a fix.

Fix all with cubic | Re-trigger cubic

));
const firstArtifact = artifactFileTargets[0];
if (panelRailActive && activeTab?.type === "artifact") {
if (panelRailActive) {
Copy link
Copy Markdown

@cubic-dev-ai cubic-dev-ai Bot May 30, 2026

Choose a reason for hiding this comment

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

P2: The Artifacts button now closes an already-open panel instead of switching it to the artifact list.

Prompt for AI agents
Check if this issue is valid — if so, understand the root cause and fix it. At apps/app/src/react-app/domains/session/chat/session-page.tsx, line 374:

<comment>The Artifacts button now closes an already-open panel instead of switching it to the artifact list.</comment>

<file context>
@@ -371,33 +371,13 @@ export function SessionPage(props: SessionPageProps) {
-    ));
-    const firstArtifact = artifactFileTargets[0];
-    if (panelRailActive && activeTab?.type === "artifact") {
+    if (panelRailActive) {
       toggleCurrentSidePanel("panel");
       return;
</file context>
Fix with Cubic

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.

1 participant