fix(canvas): show only team messages in thread sidebar on full task view

The channel task detail route renders the thread sidebar next to TaskDetail,
which already hosts the agent session. The sidebar's timeline interleaved
agent turns and user→agent prompts with the team conversation, so expanding
a task from the channel-home thread left the same agent comms duplicated in
both panes.

Add a showAgentComms prop (default true) to ThreadPanel/ThreadSidebar that
drops agent turns and prompts from the timeline and hides the agent status
line. The full task view passes false, so its sidebar shows only the
human-to-human thread. The channel-home sidebar is unchanged.

Generated-By: PostHog Code
Task-Id: c44f7e31-52a1-404e-8eda-0d21860bf272

Author: adboio

packages/ui/src/features/canvas/components/ThreadPanel.tsx

@@ -482,13 +482,15 @@ function ThreadConversation({
   onToggleCollapsed,
   onOpenFull,
   showTaskSummary,
+  showAgentComms,
 }: {
   task: Task;
   channelId: string;
   onClose?: () => void;
   onToggleCollapsed?: () => void;
   onOpenFull?: () => void;
   showTaskSummary: boolean;
+  showAgentComms: boolean;
 }) {
   const taskId = task.id;
   const client = useOptionalAuthenticatedClient();
@@ -557,8 +559,8 @@ function ThreadConversation({
   const timeline = useMemo(
     () =>
       buildThreadTimeline({
-        prompts: promptMsgs,
-        agentMessages: agentMsgs,
+        prompts: showAgentComms ? promptMsgs : [],
+        agentMessages: showAgentComms ? agentMsgs : [],
         humanMessages: messages.map((message) => ({
           id: message.id,
           content: message.content,
@@ -567,7 +569,7 @@ function ThreadConversation({
           value: message,
         })),
       }),
-    [promptMsgs, messages, agentMsgs],
+    [promptMsgs, messages, agentMsgs, showAgentComms],
   );
 
   const lastAgentId = agentMsgs[agentMsgs.length - 1]?.id;
@@ -680,7 +682,9 @@ function ThreadConversation({
         />
       </div>
 
-      {agentStatus && <AgentStatusLine status={agentStatus} />}
+      {showAgentComms && agentStatus && (
+        <AgentStatusLine status={agentStatus} />
+      )}
 
       <ThreadReplyComposer
         draft={draft}
@@ -704,6 +708,7 @@ export function ThreadPanel({
   onToggleCollapsed,
   onOpenFull,
   showTaskSummary = true,
+  showAgentComms = true,
 }: {
   taskId: string;
   channelId: string;
@@ -713,6 +718,7 @@ export function ThreadPanel({
   onToggleCollapsed?: () => void;
   onOpenFull?: () => void;
   showTaskSummary?: boolean;
+  showAgentComms?: boolean;
 }) {
   const { data: fetchedTask } = useQuery({
     ...taskDetailQuery(taskId),
@@ -747,6 +753,7 @@ export function ThreadPanel({
       onToggleCollapsed={onToggleCollapsed}
       onOpenFull={onOpenFull}
       showTaskSummary={showTaskSummary}
+      showAgentComms={showAgentComms}
     />
   );
 }

packages/ui/src/features/canvas/components/ThreadSidebar.tsx

@@ -17,6 +17,7 @@ export function ThreadSidebar({
   onClose,
   onOpenFull,
   showTaskSummary,
+  showAgentComms = true,
 }: {
   taskId: string;
   channelId: string;
@@ -25,6 +26,8 @@ export function ThreadSidebar({
   onClose?: () => void;
   onOpenFull?: () => void;
   showTaskSummary?: boolean;
+  /** Show agent turns/prompts and the agent status line. Off on the full task view, where the agent session already lives next to the thread. */
+  showAgentComms?: boolean;
 }) {
   const collapsed = useThreadPanelStore((s) => s.collapsed);
   const width = useThreadPanelStore((s) => s.width);
@@ -49,6 +52,7 @@ export function ThreadSidebar({
         task={task}
         collapsed
         onToggleCollapsed={() => toggleCollapsed(false)}
+        showAgentComms={showAgentComms}
       />
     );
   }
@@ -70,6 +74,7 @@ export function ThreadSidebar({
         onToggleCollapsed={() => toggleCollapsed(true)}
         onOpenFull={onOpenFull}
         showTaskSummary={showTaskSummary}
+        showAgentComms={showAgentComms}
       />
     </ResizableSidebar>
   );

packages/ui/src/router/routes/website/$channelId/tasks/$taskId.tsx

@@ -73,6 +73,7 @@ function ChannelTaskDetailRoute() {
         channelId={channelId}
         task={task}
         showTaskSummary={false}
+        showAgentComms={false}
       />
     </div>
   );