diff --git a/canvas/src/components/tabs/chat/__tests__/AttachmentViews.test.tsx b/canvas/src/components/tabs/chat/__tests__/AttachmentViews.test.tsx
index 0f966033..a7ddd953 100644
--- a/canvas/src/components/tabs/chat/__tests__/AttachmentViews.test.tsx
+++ b/canvas/src/components/tabs/chat/__tests__/AttachmentViews.test.tsx
@@ -104,6 +104,7 @@ describe("PendingAttachmentPill", () => {
     );
     expect(container.querySelectorAll("button")).toHaveLength(1);
   });
+  });
 });
 
 // ─── AttachmentChip ───────────────────────────────────────────────────────────
@@ -182,4 +183,30 @@ describe("AttachmentChip", () => {
     );
     expect(container.querySelectorAll("button")).toHaveLength(1);
   });
+
+  it("tone=user applies blue-400 accent class", () => {
+    const attachment = makeAttachment("file.pdf", 512);
+    render(
+      <AttachmentChip
+        attachment={attachment}
+        onDownload={vi.fn()}
+        tone="user"
+      />
+    );
+    const btn = screen.getByRole("button");
+    expect(btn.className).toMatch(/blue-400/);
+  });
+
+  it("tone=agent omits blue-400 accent class", () => {
+    const attachment = makeAttachment("file.pdf", 512);
+    render(
+      <AttachmentChip
+        attachment={attachment}
+        onDownload={vi.fn()}
+        tone="agent"
+      />
+    );
+    const btn = screen.getByRole("button");
+    expect(btn.className).not.toMatch(/blue-400/);
+  });
 });