style(web): align chat completion row

apps/web/src/components/AssistantMessage.tsx

@@ -3743,11 +3743,6 @@ function TaskActivityCard({
         data-run-state={runState}
         data-testid="task-activity-toggle"
       >
-        {!running && !hasError ? (
-          <span className="task-activity-complete-icon" aria-hidden>
-            <Icon name="check" size={13} />
-          </span>
-        ) : null}
         <span className={`summary${running ? " shimmer-text" : ""}`}>{stateLabel}</span>
         {elapsed ? <span className="task-activity-elapsed">{elapsed}</span> : null}
         <span className="chev" aria-hidden>
@@ -3785,10 +3780,12 @@ function TaskActivityCard({
             })}
             {!running && !hasError ? (
               <div className="task-activity-terminal" data-testid="task-activity-terminal">
-                <span className="task-activity-terminal-icon" aria-hidden>
-                  <Icon name="check" size={13} />
-                </span>
-                <span>{t("tool.done")}</span>
+                <div className="op-card-head">
+                  <span className="op-status op-status-category" aria-hidden>
+                    <Icon name="check" size={14} />
+                  </span>
+                  <span className="op-title">{t("tool.done")}</span>
+                </div>
               </div>
             ) : null}
           </div>

apps/web/src/styles/viewer/routines.css

@@ -1466,28 +1466,6 @@
 .app .task-activity-current-row .op-output {
   display: none;
 }
-.app .task-activity-complete-icon,
-.app .task-activity-terminal-icon {
-  width: 22px;
-  height: 22px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  border: 1px solid currentColor;
-  border-radius: 50%;
-  background: var(--bg-panel);
-}
-.app .task-activity-terminal {
-  min-height: 36px;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 4px 0;
-  color: var(--green);
-  font-size: 13px;
-  font-weight: 600;
-}
 @media (prefers-reduced-motion: reduce) {
   .app .task-activity-current-row {
     animation: none;

apps/web/tests/components/assistant-message-tool-status.test.tsx

@@ -41,7 +41,7 @@ describe('AssistantMessage tool status', () => {
     const activity = screen.getByTestId('task-activity-toggle');
     expect(activity.textContent).toContain('Done');
     expect(activity.getAttribute('data-run-state')).toBe('completed');
-    expect(activity.querySelector('.task-activity-complete-icon')).not.toBeNull();
+    expect(activity.querySelector('.task-activity-complete-icon')).toBeNull();
     expect(container.querySelector('[data-tool-category="terminal"]')).not.toBeNull();
     expect(container.querySelector('.op-status-error')).toBeNull();
   });
@@ -337,7 +337,7 @@ describe('AssistantMessage tool status', () => {
     const completedActivity = screen.getByTestId('task-activity-toggle');
     expect(completedActivity.getAttribute('aria-expanded')).toBe('false');
     expect(completedActivity.textContent).toContain('Done');
-    expect(completedActivity.querySelector('.task-activity-complete-icon')).not.toBeNull();
+    expect(completedActivity.querySelector('.task-activity-complete-icon')).toBeNull();
   });
 
   it('keeps the run state above the answer and groups thinking into the timeline', () => {
@@ -366,7 +366,10 @@ describe('AssistantMessage tool status', () => {
     const activityCard = activity.closest('.task-activity');
     expect(activityCard?.querySelector('.thinking-block')).not.toBeNull();
     expect(activityCard?.querySelector('[data-tool-category="eye"]')).not.toBeNull();
-    expect(screen.getByTestId('task-activity-terminal').textContent).toContain('done');
+    const terminal = screen.getByTestId('task-activity-terminal');
+    expect(terminal.textContent).toContain('done');
+    expect(terminal.querySelector('.op-status.op-status-category')).not.toBeNull();
+    expect(terminal.querySelector('.op-title')).not.toBeNull();
   });
 
   it('renders URLs in JSON-like status details without trailing structural characters', () => {