Build and apply a shared design system audit across the workspace

Dockerfile

@@ -11,6 +11,7 @@ COPY apps/server/package.json ./apps/server/package.json
 COPY apps/web/package.json ./apps/web/package.json
 COPY packages/dialect/package.json ./packages/dialect/package.json
 COPY packages/editor/package.json ./packages/editor/package.json
+COPY packages/icons/package.json ./packages/icons/package.json
 COPY packages/protocol/package.json ./packages/protocol/package.json
 COPY packages/question/package.json ./packages/question/package.json
 COPY packages/viewport/package.json ./packages/viewport/package.json

apps/web/package.json

@@ -12,10 +12,10 @@
 	"dependencies": {
 		"@chopin/dialect": "workspace:*",
 		"@chopin/editor": "workspace:*",
+		"@chopin/icons": "workspace:*",
 		"@chopin/protocol": "workspace:*",
 		"@chopin/viewport": "workspace:*",
 		"@fontsource-variable/inter": "^5.3.0",
-		"@phosphor-icons/react": "^2.1.10",
 		"react": "catalog:react",
 		"react-dom": "catalog:react",
 		"react-markdown": "^10.1.0"

apps/web/src/chat/chat.tsx

@@ -420,7 +420,7 @@ export function Chat(
 								title="Stop Planner"
 								type="button"
 							>
-								<img alt="" className="size-[18px]" src={plannerStop} />
+								<img alt="" className="size-[14px]" src={plannerStop} />
 							</button>
 						)}
 						<SendAction

apps/web/src/chat/transcript.test.tsx

@@ -23,3 +23,20 @@ test("system presence entries stay immediate when they arrive", () => {
 	expect(markup).toContain("Sam joined");
 	expect(markup).not.toContain("data-motion-feedback");
 });
+
+test("queued messages use the standard icon-button glyph", () => {
+	let markup = renderToStaticMarkup(
+		createElement(Transcript, {
+			active: true,
+			entries: [],
+			handle: "ana",
+			onWithdraw: () => {},
+			queued: [{ handle: "ana", id: "queued", text: "One more thought" }],
+		}),
+	);
+
+	expect(markup).toMatch(/aria-label="Withdraw queued message"[^>]*>.*?height="14"/s);
+	expect(markup).toMatch(/aria-label="Withdraw queued message"[^>]*>.*?width="14"/s);
+	expect(markup).toContain("<title>xmark</title>");
+	expect(markup).not.toContain(">×</button>");
+});