11import { type CSSProperties } from "react" ;
22import ChatMarkdown from "../ChatMarkdown" ;
3- import { WorkEntryRow } from "../chat/WorkEntryRow " ;
3+ import { SimpleWorkEntryRow } from "../chat/SimpleWorkEntryRow " ;
44import { type WorkLogEntry } from "../../session-logic" ;
55
66const SAMPLE_MARKDOWN = `Sure — here's the refactor:
@@ -38,15 +38,15 @@ interface ChatAppearancePreviewProps {
3838
3939/**
4040 * Decorative, read-only chat mock rendered in the Appearance settings
41- * panel. Reuses the real timeline's `WorkEntryRow ` and `ChatMarkdown` so
41+ * panel. Reuses the real timeline's `SimpleWorkEntryRow ` and `ChatMarkdown` so
4242 * whatever styling they carry, the preview carries too — no risk of drift.
4343 *
4444 * Every text tier the real timeline uses is exercised here so scaling is
4545 * visible end-to-end:
4646 * - `text-chat-4xs` — work-log section header
47- * - `text-chat-xs` — tool-row heading (inside `WorkEntryRow `), user-bubble timestamp
48- * - `text-chat-2xs` — tooltip command preview (inside `WorkEntryRow `)
49- * - `text-chat-3xs` — changed-file chip (inside `WorkEntryRow `), assistant meta line
47+ * - `text-chat-xs` — tool-row heading (inside `SimpleWorkEntryRow `), user-bubble timestamp
48+ * - `text-chat-2xs` — tooltip command preview (inside `SimpleWorkEntryRow `)
49+ * - `text-chat-3xs` — changed-file chip (inside `SimpleWorkEntryRow `), assistant meta line
5050 * - `text-chat-body` — user / assistant message bodies
5151 * Plus `ChatMarkdown`, whose `.chat-markdown` rules in `index.css` scale
5252 * via `[data-timeline-root]` — set here on the wrapper along with
@@ -67,8 +67,8 @@ export function ChatAppearancePreview({ fontSize }: ChatAppearancePreviewProps)
6767 Tool calls (2)
6868 </ p >
6969 < div className = "space-y-0.5" >
70- < WorkEntryRow workEntry = { PREVIEW_BASH_ROW } workspaceRoot = { undefined } />
71- < WorkEntryRow workEntry = { PREVIEW_EDIT_ROW } workspaceRoot = { undefined } />
70+ < SimpleWorkEntryRow workEntry = { PREVIEW_BASH_ROW } workspaceRoot = { undefined } />
71+ < SimpleWorkEntryRow workEntry = { PREVIEW_EDIT_ROW } workspaceRoot = { undefined } />
7272 </ div >
7373 </ div >
7474 < div className = "flex justify-end" >
0 commit comments