fix(release): remove preview run status overlay [skip ci]

Author: PerishCode

apps/web/src/components/FileWorkspace.tsx

@@ -139,7 +139,6 @@ import { useInView } from './plugins-home/useInView';
 import { LiveArtifactBadges } from './LiveArtifactBadges';
 import { MissingBrandFontsBanner } from './MissingBrandFontsBanner';
 import { LibraryPicker } from './LibraryPicker';
-import { PreviewRunStatusBar } from './PreviewRunStatusBar';
 import { QuickSwitcher } from './QuickSwitcher';
 import { SketchEditor } from './SketchEditor';
 import { SketchEnginePrewarm } from './SketchEnginePrewarm';
@@ -2847,12 +2846,6 @@ export function FileWorkspace({
     return liveArtifactEntries.find((entry) => entry.tabId === activeTab) ?? null;
   }, [activeTab, liveArtifactEntries]);
 
-  // The delivery hint belongs to the main design-preview surface only. Browser,
-  // terminal, questions, design-system, and side-chat tabs carry their own
-  // context and must not inherit status/analytics from the primary chat.
-  const showPreviewRunStatus =
-    activeTab === DESIGN_FILES_TAB || activeLiveArtifact !== null || activeFile !== null;
-
   // Identity-stable props for the memoized FileViewer. Without these, every
   // FileWorkspace state change (closing an adjacent tab, drag hover, launcher
   // toggles) would hand FileViewer fresh object/function identities and drag
@@ -3903,15 +3896,6 @@ export function FileWorkspace({
             .
           </div>
         )}
-        {showPreviewRunStatus ? (
-          <div className="ws-preview-run-status-slot">
-            <PreviewRunStatusBar
-              projectId={projectId}
-              conversationId={conversationId}
-              messages={messages}
-            />
-          </div>
-        ) : null}
       </div>
       <PageCreatorDialog
         open={pageCreatorOpen}

apps/web/src/styles/workspace/drawer.css

@@ -2544,26 +2544,6 @@
   position: relative;
 }
 
-/* Canvas-local Design delivery feedback. It stays with the workspace while
-   the empty placeholder hands over to an actual file preview, rather than
-   becoming a bottom-of-screen notification. */
-.ws-preview-run-status-slot {
-  position: absolute;
-  z-index: 2;
-  top: 50%;
-  left: 50%;
-  max-width: calc(100% - 48px);
-  pointer-events: none;
-  transform: translate(-50%, 116px);
-}
-
-@media (max-width: 640px) {
-  .ws-preview-run-status-slot {
-    max-width: calc(100% - 32px);
-    transform: translate(-50%, 104px);
-  }
-}
-
 .ws-browser-panel {
   display: flex;
   position: absolute;

apps/web/tests/components/FileWorkspace.test.tsx

@@ -3076,11 +3076,12 @@ describe('FileWorkspace empty-project generation contract', () => {
 
       expect(screen.queryByTestId('generating-tab')).toBeNull();
       expect(screen.queryByTestId('generation-preview-stage')).toBeNull();
+      expect(screen.queryByTestId('preview-run-status')).toBeNull();
       expect(screen.getByTestId('design-files-empty')).toBeTruthy();
     },
   );
 
-  it('keeps delivery recovery in Chat and leaves a passive failure hint over existing preview files', () => {
+  it('keeps delivery recovery in Chat without mounting status over existing preview files', () => {
     render(
       <FileWorkspace
         projectId="project-1"
@@ -3104,13 +3105,9 @@ describe('FileWorkspace empty-project generation contract', () => {
       />,
     );
 
-    const previewStatus = screen.getByTestId('preview-run-status');
-    expect(previewStatus).toHaveTextContent('Delivery needs attention · Retry in Chat');
-    expect(previewStatus.closest('.ws-preview-run-status-slot')).not.toBeNull();
-    expect(previewStatus.closest('[data-testid="design-files-empty"]')).toBeNull();
+    expect(screen.queryByTestId('preview-run-status')).toBeNull();
     expect(screen.queryByTestId('preview-run-status-retry')).toBeNull();
     expect(screen.queryByTestId('preview-run-status-view-details')).toBeNull();
-    expect(previewStatus).not.toHaveTextContent('Elapsed');
   });
 
   it('does not mount main-preview delivery feedback over a browser tab', () => {
@@ -3145,7 +3142,7 @@ describe('FileWorkspace empty-project generation contract', () => {
     expect(screen.queryByTestId('preview-run-status')).toBeNull();
   });
 
-  it('keeps a delivered confirmation on the preview canvas after files arrive', () => {
+  it('does not mount a delivered confirmation over the preview canvas', () => {
     const now = 1_700_000_012_500;
     vi.spyOn(Date, 'now').mockReturnValue(now);
     render(
@@ -3172,13 +3169,6 @@ describe('FileWorkspace empty-project generation contract', () => {
       />,
     );
 
-    const previewStatus = screen.getByTestId('preview-run-status');
-    expect(previewStatus).toHaveTextContent('Design ready');
-    expect(previewStatus.closest('.ws-preview-run-status-slot')).not.toBeNull();
-    expect(previewStatus.closest('[data-testid="design-files-empty"]')).toBeNull();
-    expect(previewStatus).not.toHaveAttribute('aria-live');
-    expect(within(previewStatus).getByRole('status')).toHaveTextContent('Design ready');
-    expect(previewStatus).not.toHaveTextContent('Elapsed');
-    expect(previewStatus.querySelector('[aria-hidden="true"]')).toBeNull();
+    expect(screen.queryByTestId('preview-run-status')).toBeNull();
   });
 });

docs/CHANGELOG/v0.16.1/en.md

@@ -0,0 +1,12 @@
+---
+title: Open Design 0.16.1
+description: A focused patch that keeps run status out of the design preview.
+---
+
+# Open Design 0.16.1 — An Unobstructed Preview
+
+0.16.1 is a focused patch release for the design preview.
+
+## 🐛 Fixed
+
+- **Run status no longer covers generated work.** Building, completion, and delivery-recovery status stays in Chat instead of appearing over the preview canvas. Chat remains the place to follow progress or retry a failed delivery. (#6005, #6027)

docs/CHANGELOG/v0.16.1/zh-CN.md

@@ -0,0 +1,12 @@
+---
+title: Open Design 0.16.1
+description: 一次聚焦修复，让运行状态不再遮挡设计预览。
+---
+
+# Open Design 0.16.1 — 不被遮挡的预览
+
+0.16.1 是一次聚焦于设计预览的补丁版本。
+
+## 🐛 修复
+
+- **运行状态不再遮挡生成结果。** 构建中、已完成和交付恢复状态会留在 Chat 中，不再显示在预览画布上。任务进度和交付失败重试仍统一在 Chat 中处理。 (#6005, #6027)

e2e/ui/preview-run-status.test.ts

@@ -16,7 +16,7 @@ test.beforeAll(async () => {
   codexEnv = runtimes.codex.env;
 });
 
-test('[P1] preview delivery status keeps persisted delivery-failure recovery in Chat', async ({ page }) => {
+test('[P1] preview canvas omits run status while Chat keeps delivery recovery', async ({ page }) => {
   test.setTimeout(T.xlong);
   const projectId = `preview-run-status-${Date.now()}`;
   const now = Date.now();
@@ -78,23 +78,17 @@ test('[P1] preview delivery status keeps persisted delivery-failure recovery in
   expect(failedResponse.ok(), await failedResponse.text()).toBeTruthy();
 
   await gotoProject(page, projectId);
-  const status = page.getByTestId('preview-run-status');
-  await expect(status).toContainText('Delivery needs attention');
-  await expect(status.locator('xpath=ancestor::*[contains(@class, "ws-preview-run-status-slot")]')).toHaveCount(1);
-  await expect(status.locator('xpath=ancestor::*[@data-testid="design-files-empty"]')).toHaveCount(0);
-  await expect(status).not.toContainText('Elapsed');
+  await expect(page.getByTestId('preview-run-status')).toHaveCount(0);
   await expect(page.getByTestId('preview-run-status-retry')).toHaveCount(0);
-  await expect(status).toContainText('Retry in Chat');
   await expect(page.getByTestId('preview-run-status-view-details')).toHaveCount(0);
   const chatRetry = page.locator('.chat-error-retry');
   await expect(chatRetry).toBeVisible();
 
-  // The persisted preview hint stays passive after navigation; the Chat
-  // failure card remains the sole retry entry point.
+  // The preview stays unobstructed after navigation; the Chat failure card
+  // remains the sole retry entry point.
   await gotoEntryHome(page);
   await gotoProject(page, projectId);
-  await expect(page.getByTestId('preview-run-status')).toContainText('Delivery needs attention');
-  await expect(page.getByTestId('preview-run-status')).not.toContainText('Elapsed');
+  await expect(page.getByTestId('preview-run-status')).toHaveCount(0);
   await expect(page.locator('.chat-error-retry')).toBeVisible();
 
   await page.locator('.chat-error-retry').click();
@@ -118,8 +112,5 @@ test('[P1] preview delivery status keeps persisted delivery-failure recovery in
     }, { timeout: T.long })
     .toContain('fake-agent-runtime-codex.html');
 
-  await expect(page.getByTestId('preview-run-status')).toContainText('Design ready');
-  await expect(
-    page.getByTestId('preview-run-status').locator('xpath=ancestor::*[contains(@class, "ws-preview-run-status-slot")]'),
-  ).toHaveCount(1);
+  await expect(page.getByTestId('preview-run-status')).toHaveCount(0);
 });