fix: show tool timestamps without copying them

Author: IM.codes

web/src/components/ChatView.tsx

@@ -332,7 +332,7 @@ function buildViewItems(events: TimelineEvent[]): ViewItem[] {
           || summarizeToolInput((next.payload.detail as any)?.input, next.payload.detail);
         const input = inputText ? ` ${inputText}` : '';
         const status = next.payload.error ? `✗ ${String(next.payload.error)}` : '✓';
-        const output = !next.payload.error && next.payload.output ? String(next.payload.output) : undefined;
+        const output = !next.payload.error ? formatToolPayloadValue(next.payload.output) : undefined;
         consolidated.push({
           ...ev,
           type: 'tool.call',
@@ -1396,7 +1396,7 @@ function ToolCallGroup({
             </button>
           )
         )}
-        {last && <ChatEvent event={last} onPathClick={onPathClick} onDownload={onDownload} serverId={serverId} />}
+        {last && <ChatEvent event={last} onPathClick={onPathClick} onDownload={onDownload} serverId={serverId} showTime />}
         {expanded && middle.length > 0 && (
           <button class="chat-tool-fold-btn" onClick={() => setExpanded(false)}>
             {t('chat.tool_group_collapse')}
@@ -1483,6 +1483,7 @@ const ChatEvent = memo(function ChatEvent({
   onDownload,
   serverId,
   onResendFailed,
+  showTime,
 }: {
   event: TimelineEvent;
   nextTs?: number;
@@ -1491,6 +1492,7 @@ const ChatEvent = memo(function ChatEvent({
   onDownload?: (path: string) => void;
   serverId?: string;
   onResendFailed?: (commandId: string, text: string) => void;
+  showTime?: boolean;
 }) {
   const { t } = useTranslation();
   switch (event.type) {
@@ -1550,6 +1552,7 @@ const ChatEvent = memo(function ChatEvent({
     case 'tool.call': {
       const callDetail = event.payload._callDetail ?? event.payload.detail;
       const resultDetail = event.payload._resultDetail;
+      const shouldShowTime = showTime || event.payload._merged === true;
       // Fall back to result detail for input — transport SDK tool.call may arrive without input
       const toolInput = summarizeToolInput(event.payload.input, callDetail)
         || summarizeToolInput((resultDetail as any)?.input, resultDetail);
@@ -1560,6 +1563,7 @@ const ChatEvent = memo(function ChatEvent({
             <span class="chat-tool-icon">{'>'}</span>
             <span class="chat-tool-name">{String(event.payload.tool ?? 'tool')}</span>
             {toolInput && <span class="chat-tool-input">{' '}{splitPathsAndUrls(toolInput, onPathClick, undefined, onDownload)}</span>}
+            {shouldShowTime && <span class="chat-bubble-time" style={{ display: 'inline', margin: 0 }}>{new Date(event.ts).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}</span>}
           </div>
           {toolOutput && (
             <div class="chat-event chat-tool chat-tool-result-preview">
@@ -1595,6 +1599,7 @@ const ChatEvent = memo(function ChatEvent({
             ) : (
               <span class="chat-tool-output">done</span>
             )}
+            {showTime && <span class="chat-bubble-time" style={{ display: 'inline', margin: 0 }}>{new Date(event.ts).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}</span>}
           </div>
           {detail && (
             <details class="chat-tool-detail">

web/test/chat-view-tool-format.test.tsx

@@ -151,6 +151,27 @@ describe('ChatView tool payload formatting', () => {
     expect(screen.getByText('output')).toBeDefined();
   });
 
+  it('shows a single timestamp on the final merged tool row', () => {
+    const events = [
+      makeEvent({
+        eventId: 'tool-group-call',
+        type: 'tool.call',
+        ts: 1_000,
+        payload: { tool: 'Read', input: { file_path: 'README.md' } },
+      }),
+      makeEvent({
+        eventId: 'tool-group-result',
+        type: 'tool.result',
+        ts: 2_000,
+        payload: { output: { path: '/tmp/README.md' } },
+      }),
+    ];
+
+    const { container } = render(<ChatView events={events} loading={false} />);
+
+    expect(container.querySelectorAll('.chat-tool .chat-bubble-time')).toHaveLength(1);
+  });
+
   it('renders tool-call summary from detail.input when live payload.input is missing', () => {
     const events = [
       makeEvent({

web/test/components/ChatView.test.tsx

@@ -886,4 +886,43 @@ describe('ChatView', () => {
       if (hadTouchStart) (window as Window & { ontouchstart?: unknown }).ontouchstart = originalTouchStart;
     }
   });
+
+  it('copies the last tool event without the trailing timestamp from the context menu', async () => {
+    const hadTouchStart = 'ontouchstart' in window;
+    const originalTouchStart = (window as Window & { ontouchstart?: unknown }).ontouchstart;
+    if (hadTouchStart) delete (window as Window & { ontouchstart?: unknown }).ontouchstart;
+    try {
+      const { container, getByText } = render(
+        <ChatView
+          events={[
+            {
+              eventId: 'evt-tool-copy-call',
+              type: 'tool.call',
+              ts: new Date('2026-04-17T12:34:00Z').getTime(),
+              payload: { tool: 'Read', input: { file_path: 'README.md' } },
+            },
+            {
+              eventId: 'evt-tool-copy-result',
+              type: 'tool.result',
+              ts: new Date('2026-04-17T12:35:00Z').getTime(),
+              payload: { output: { path: '/tmp/README.md' } },
+            },
+          ] as any}
+          loading={false}
+          sessionId="deck_main_brain"
+        />,
+      );
+
+      const toolEvents = container.querySelectorAll('.chat-event.chat-tool');
+      const lastToolEvent = toolEvents[toolEvents.length - 1] as HTMLElement;
+      fireEvent.contextMenu(lastToolEvent, { clientX: 40, clientY: 40 });
+      fireEvent.click(getByText('common.copy'));
+
+      await waitFor(() => {
+        expect(clipboardWriteText).toHaveBeenCalledWith('/tmp/README.md');
+      });
+    } finally {
+      if (hadTouchStart) (window as Window & { ontouchstart?: unknown }).ontouchstart = originalTouchStart;
+    }
+  });
 });