fix: finalize icon review scenes

Author: pallyoung

packages/web/src/ui-preview/catalog.test.tsx

@@ -181,6 +181,7 @@ describe("UI preview catalog", () => {
     expect(await screen.findByText("packages")).toBeInTheDocument();
     expect(document.querySelector(".file-tree-shell")).toBeTruthy();
     expect(document.querySelector(".git-panel, .git-row")).toBeTruthy();
+    expect(document.querySelector(".bottom-terminal-empty")).toBeTruthy();
   });
 
   it("renders the toast icon review scene with four status tones", async () => {

packages/web/src/ui-preview/scene-metadata.ts

@@ -244,7 +244,7 @@ export const UI_PREVIEW_SCENE_METADATA: UiPreviewSceneMetadata[] = [
     devices: ["desktop", "mobile"],
     themes: allThemeIds(),
     locales: ["zh", "en"],
-    capture: { selector: ".supervisor-dialog, .mobile-sheet__content" },
+    capture: { selector: ".supervisor-dialog, .mobile-supervisor-sheet" },
   },
   {
     id: "mobile-workspace-drawer",

packages/web/src/ui-preview/scenes/showcase-scenes.tsx

@@ -9,6 +9,7 @@ import {
   FileText,
   Folder,
   Image as ImageIcon,
+  Terminal,
 } from "lucide-react";
 import { ConfirmDialog, EmptyState, Notice, Sheet } from "../../components/ui";
 import { CommandPalette } from "../../features/command-palette";
@@ -220,6 +221,16 @@ export function createShowcaseScenes(): UiPreviewSceneDefinition[] {
                   <span>README.md</span>
                 </div>
               </div>
+              <EmptyState
+                className="bottom-terminal-empty"
+                description={
+                  <p className="bottom-terminal-empty-hint">
+                    Review the terminal empty-state icon and surface treatment.
+                  </p>
+                }
+                icon={<Terminal size={32} className="bottom-terminal-empty-icon" />}
+                title={<p className="bottom-terminal-empty-text">No terminal session</p>}
+              />
               <MobileDock activeItem="files" onSelectItem={() => {}} />
             </div>
           </div>
@@ -289,6 +300,16 @@ export function createShowcaseScenes(): UiPreviewSceneDefinition[] {
                 <span>untracked.ts</span>
               </div>
             </div>
+            <EmptyState
+              className="bottom-terminal-empty"
+              description={
+                <p className="bottom-terminal-empty-hint">
+                  Review the terminal empty-state icon and surface treatment.
+                </p>
+              }
+              icon={<Terminal size={32} className="bottom-terminal-empty-icon" />}
+              title={<p className="bottom-terminal-empty-text">No terminal session</p>}
+            />
           </div>
         ),
     }),