@nextclaw/ui 0.19.5 → 0.20.0

package/src/features/chat/features/session/components/__tests__/chat-sidebar-session-item.test.tsx

@@ -1,8 +1,26 @@
 import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { beforeEach, expect, it, vi } from 'vitest';
 import { ChatSidebarSessionItem } from '@/features/chat/features/session/components/chat-sidebar-session-item';
 
+const mocks = vi.hoisted(() => ({
+  copyText: vi.fn(),
+}));
+
+vi.mock('@nextclaw/agent-chat-ui', () => ({
+  copyText: mocks.copyText,
+}));
+
+vi.mock('sonner', () => ({
+  toast: {
+    success: vi.fn(),
+    error: vi.fn(),
+  },
+}));
+
 beforeEach(() => {
+  mocks.copyText.mockReset();
+  mocks.copyText.mockResolvedValue(true);
   render(
     <ChatSidebarSessionItem
       sessionKey="session:current"
@@ -43,6 +61,16 @@ it('shows session actions only on hover or when an action owns focus', () => {
   expect(actions?.className).not.toContain(
     'group-focus-within/session:opacity-100',
   );
+  expect(screen.getByRole('button', { name: 'More actions' })).toBeTruthy();
+});
+
+it('copies the sidebar session ID from the more-actions menu', async () => {
+  const user = userEvent.setup();
+
+  await user.click(screen.getByRole('button', { name: 'More actions' }));
+  await user.click(screen.getByRole('button', { name: 'Copy session ID' }));
+
+  expect(mocks.copyText).toHaveBeenCalledWith('session:current');
 });
 
 it('sizes the runtime icon to the session title text', () => {

package/src/features/chat/features/session/components/chat-sidebar-session-item.tsx

@@ -1,6 +1,7 @@
 import { AgentAvatar } from '@/shared/components/common/agent-avatar';
 import { SessionContextIconNode } from '@/features/chat/features/session/components/session-context-icon';
 import { SessionRunBadge } from '@/features/chat/features/session/components/session-run-badge';
+import { ChatSessionMoreActionsMenu } from '@/features/chat/features/session/components/session-header/chat-session-more-actions-menu';
 import { IconActionButton } from '@/shared/components/ui/actions/icon-action-button';
 import { Input } from '@/shared/components/ui/input';
 import { type SessionContextView } from '@/features/chat/features/session/utils/session-context.utils';
@@ -93,9 +94,10 @@ function ChatSidebarSessionEditingView({
 type ChatSidebarSessionDisplayViewProps = Omit<
   ChatSidebarSessionItemProps,
   'sessionKey' | 'isEditing' | 'draftLabel' | 'isSaving' | 'onDraftLabelChange' | 'onSave' | 'onCancel'
->;
+> & Pick<ChatSidebarSessionItemProps, 'sessionKey'>;
 
 function ChatSidebarSessionDisplayView({
+  sessionKey,
   active,
   showUnreadDot,
   runStatus,
@@ -113,7 +115,7 @@ function ChatSidebarSessionDisplayView({
   onStartEditing,
   onTogglePinned
 }: ChatSidebarSessionDisplayViewProps) {
-  const trailingControlsClassName = childSessionCount > 0 && onOpenChildSessions ? 'pr-20' : 'pr-12';
+  const trailingControlsClassName = childSessionCount > 0 && onOpenChildSessions ? 'pr-32' : 'pr-20';
 
   return (
     <div className="group/session relative">
@@ -212,6 +214,11 @@ function ChatSidebarSessionDisplayView({
             onStartEditing();
           }}
         />
+        <ChatSessionMoreActionsMenu
+          sessionKey={sessionKey}
+          triggerSize="sm"
+          triggerTone="strong"
+        />
       </div>
     </div>
   );
@@ -262,6 +269,7 @@ export function ChatSidebarSessionItem({
         />
       ) : (
         <ChatSidebarSessionDisplayView
+          sessionKey={sessionKey}
           active={active}
           showUnreadDot={showUnreadDot}
           runStatus={runStatus}

package/src/features/chat/features/session/components/session-header/__tests__/chat-session-header-actions.test.tsx

@@ -4,11 +4,23 @@ import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { ChatSessionHeaderActions } from '@/features/chat/features/session/components/session-header/chat-session-header-actions';
 
 const mocks = vi.hoisted(() => ({
+  copyText: vi.fn(),
   updateSessionProject: vi.fn(),
   onDeleteSession: vi.fn(),
   onToggleWorkspace: vi.fn(),
 }));
 
+vi.mock('@nextclaw/agent-chat-ui', () => ({
+  copyText: mocks.copyText,
+}));
+
+vi.mock('sonner', () => ({
+  toast: {
+    success: vi.fn(),
+    error: vi.fn(),
+  },
+}));
+
 vi.mock('@/features/chat/features/session/hooks/use-chat-session-project', () => ({
   useChatSessionProject: () => mocks.updateSessionProject,
 }));
@@ -19,11 +31,34 @@ vi.mock('@/features/chat/features/session/components/session-header/chat-session
 
 describe('ChatSessionHeaderActions', () => {
   beforeEach(() => {
+    mocks.copyText.mockReset();
     mocks.updateSessionProject.mockReset();
     mocks.onDeleteSession.mockReset();
     mocks.onToggleWorkspace.mockReset();
   });
 
+  it('copies the current session ID from the more-actions menu', async () => {
+    const user = userEvent.setup();
+    mocks.copyText.mockResolvedValue(true);
+
+    render(
+      <ChatSessionHeaderActions
+        sessionKey="session-copy-me"
+        canDeleteSession
+        isDeletePending={false}
+        currentPath={null}
+        isWorkspaceOpen={false}
+        onToggleWorkspace={mocks.onToggleWorkspace}
+        onDeleteSession={mocks.onDeleteSession}
+      />
+    );
+
+    await user.click(screen.getByRole('button', { name: 'More actions' }));
+    await user.click(screen.getByRole('button', { name: 'Copy session ID' }));
+
+    expect(mocks.copyText).toHaveBeenCalledWith('session-copy-me');
+  });
+
   it('keeps only the set-project action in the more-actions menu when a project is already attached', async () => {
     const user = userEvent.setup();
 

package/src/features/chat/features/session/components/session-header/chat-session-header-actions.tsx

@@ -1,10 +1,9 @@
 import { useState } from 'react';
-import { Braces, FolderOpen, MoreVertical, PanelRightClose, PanelRightOpen, Trash2 } from 'lucide-react';
+import { Braces, FolderOpen, PanelRightClose, PanelRightOpen, Trash2 } from 'lucide-react';
 import { IconActionButton } from '@/shared/components/ui/actions/icon-action-button';
-import { Popover, PopoverTrigger } from '@/shared/components/ui/popover';
-import { ChatPopoverContent } from '@/features/chat/components/chat-popover-content';
 import { useChatSessionProject } from '@/features/chat/features/session/hooks/use-chat-session-project';
 import { ChatSessionHeaderMenuItem } from './chat-session-header-menu-item';
+import { ChatSessionMoreActionsMenu } from './chat-session-more-actions-menu';
 import { ChatSessionMetadataDialog } from './chat-session-metadata-dialog';
 import { ChatSessionProjectDialog } from './chat-session-project-dialog';
 import { t } from '@/shared/lib/i18n';
@@ -35,7 +34,6 @@ export function ChatSessionHeaderActions({
   onDeleteSession,
 }: ChatSessionHeaderActionsProps) {
   const updateSessionProject = useChatSessionProject();
-  const [isMenuOpen, setIsMenuOpen] = useState(false);
   const [isDialogOpen, setIsDialogOpen] = useState(false);
   const [isMetadataDialogOpen, setIsMetadataDialogOpen] = useState(false);
   const [isProjectPending, setIsProjectPending] = useState(false);
@@ -54,7 +52,6 @@ export function ChatSessionHeaderActions({
         persistToServer,
       });
       setIsDialogOpen(false);
-      setIsMenuOpen(false);
     } finally {
       setIsProjectPending(false);
     }
@@ -63,48 +60,30 @@ export function ChatSessionHeaderActions({
   return (
     <div className={SESSION_HEADER_ACTION_GROUP_CLASS}>
       {sessionKey ? (
-        <Popover open={isMenuOpen} onOpenChange={setIsMenuOpen}>
-          <PopoverTrigger asChild>
-            <IconActionButton
-              icon={<MoreVertical className="h-4 w-4" />}
-              label={t('chatSessionMoreActions')}
-              tooltip={false}
-              disabled={isBusy}
-            />
-          </PopoverTrigger>
-          <ChatPopoverContent align="end" className="w-56 p-2">
-            <div className="space-y-1">
-              <ChatSessionHeaderMenuItem
-                icon={FolderOpen}
-                label={t('chatSessionSetProject')}
-                onClick={() => {
-                  setIsMenuOpen(false);
-                  setIsDialogOpen(true);
-                }}
-                disabled={isBusy}
-              />
-              <ChatSessionHeaderMenuItem
-                icon={Braces}
-                label={t('chatSessionViewMetadata')}
-                onClick={() => {
-                  setIsMenuOpen(false);
-                  setIsMetadataDialogOpen(true);
-                }}
-                disabled={isBusy}
-              />
-              <ChatSessionHeaderMenuItem
-                icon={Trash2}
-                label={t('chatDeleteSession')}
-                onClick={() => {
-                  setIsMenuOpen(false);
-                  onDeleteSession();
-                }}
-                disabled={!canDeleteSession || isBusy}
-                destructive
-              />
-            </div>
-          </ChatPopoverContent>
-        </Popover>
+        <ChatSessionMoreActionsMenu
+          sessionKey={sessionKey}
+          disabled={isBusy}
+        >
+          <ChatSessionHeaderMenuItem
+            icon={FolderOpen}
+            label={t('chatSessionSetProject')}
+            onClick={() => setIsDialogOpen(true)}
+            disabled={isBusy}
+          />
+          <ChatSessionHeaderMenuItem
+            icon={Braces}
+            label={t('chatSessionViewMetadata')}
+            onClick={() => setIsMetadataDialogOpen(true)}
+            disabled={isBusy}
+          />
+          <ChatSessionHeaderMenuItem
+            icon={Trash2}
+            label={t('chatDeleteSession')}
+            onClick={onDeleteSession}
+            disabled={!canDeleteSession || isBusy}
+            destructive
+          />
+        </ChatSessionMoreActionsMenu>
       ) : null}
       <IconActionButton
         icon={

package/src/features/chat/features/session/components/session-header/chat-session-more-actions-menu.tsx

@@ -0,0 +1,73 @@
+import { useState, type ReactNode } from 'react';
+import { copyText } from '@nextclaw/agent-chat-ui';
+import { Copy, MoreVertical } from 'lucide-react';
+import { toast } from 'sonner';
+import { ChatPopoverContent } from '@/features/chat/components/chat-popover-content';
+import {
+  IconActionButton,
+  type IconActionButtonSize,
+  type IconActionButtonTone,
+} from '@/shared/components/ui/actions/icon-action-button';
+import { Popover, PopoverTrigger } from '@/shared/components/ui/popover';
+import { t } from '@/shared/lib/i18n';
+import { ChatSessionHeaderMenuItem } from './chat-session-header-menu-item';
+
+type ChatSessionMoreActionsMenuProps = {
+  sessionKey: string;
+  children?: ReactNode;
+  disabled?: boolean;
+  triggerSize?: IconActionButtonSize;
+  triggerTone?: IconActionButtonTone;
+  className?: string;
+};
+
+export async function copySessionId(sessionKey: string) {
+  const copied = await copyText(sessionKey);
+  toast[copied ? 'success' : 'error'](
+    t(copied ? 'chatSessionCopyIdSuccess' : 'chatSessionCopyIdFailed'),
+  );
+}
+
+export function ChatSessionMoreActionsMenu({
+  sessionKey,
+  children,
+  disabled = false,
+  triggerSize = 'md',
+  triggerTone = 'default',
+  className,
+}: ChatSessionMoreActionsMenuProps) {
+  const [isOpen, setIsOpen] = useState(false);
+
+  const handleCopySessionId = () => {
+    setIsOpen(false);
+    void copySessionId(sessionKey);
+  };
+
+  return (
+    <Popover open={isOpen} onOpenChange={setIsOpen}>
+      <PopoverTrigger asChild>
+        <IconActionButton
+          icon={<MoreVertical className="h-4 w-4" />}
+          label={t('chatSessionMoreActions')}
+          tooltip={false}
+          size={triggerSize}
+          tone={triggerTone}
+          className={className}
+          disabled={disabled}
+          onClick={(event) => event.stopPropagation()}
+        />
+      </PopoverTrigger>
+      <ChatPopoverContent align="end" className="w-56 p-2">
+        <div className="space-y-1" onClick={() => setIsOpen(false)}>
+          <ChatSessionHeaderMenuItem
+            icon={Copy}
+            label={t('chatSessionCopyId')}
+            onClick={handleCopySessionId}
+            disabled={disabled}
+          />
+          {children}
+        </div>
+      </ChatPopoverContent>
+    </Popover>
+  );
+}

package/src/features/chat/features/session/utils/__tests__/ncp-session-adapter.utils.test.ts

@@ -35,6 +35,34 @@ it('preserves NCP extension parts for the chat presentation adapter', () => {
   ]);
 });
 
+it('keeps deferred tool part slots out of the summary card view', () => {
+  const adapted = adaptNcpMessagePartsForChat([
+    {
+      type: 'tool-invocation',
+      toolCallId: 'tool-visible',
+      toolName: 'exec',
+      state: 'result',
+      args: undefined,
+      result: undefined,
+    },
+    {
+      type: 'tool-invocation',
+      toolCallId: 'tool-deferred',
+      toolName: 'read_file',
+      state: 'result',
+      payloadDeferred: true,
+      args: undefined,
+      result: undefined,
+    },
+    { type: 'text', text: 'done' },
+  ]);
+
+  expect(adapted.map((part) => part.type)).toEqual([
+    'tool-invocation',
+    'text',
+  ]);
+});
+
 it('preserves standard tool execution timing without reading opaque result timing', () => {
   const adapted = adaptNcpMessageToUiMessage({
     id: 'ncp-message-timing-1',

package/src/features/chat/features/session/utils/ncp-session-adapter.utils.ts

@@ -194,7 +194,9 @@ function mapToolStatus(part: Extract<NcpMessagePart, { type: 'tool-invocation' }
 
 function toUiParts(parts: NcpMessagePart[]): UIMessage['parts'] {
   const uiParts: UIMessage['parts'] = [];
-  for (const part of parts) {
+  for (const part of parts.filter((candidate) =>
+    candidate.type !== 'tool-invocation' || !candidate.payloadDeferred,
+  )) {
     if (part.type === 'text') {
       uiParts.push({ type: 'text', text: part.text });
       continue;

package/src/features/chat/features/session/utils/ncp-session-context-metadata.utils.ts

@@ -80,7 +80,7 @@ export type ContextCompactionTimelineView = {
   phase?: 'pre-run' | 'mid-run';
   continuationMessageId?: string;
   continuationMessageCoveredPartCount?: number;
-  summary: string;
+  summary?: string;
   coveredMessageCount: number;
   coveredSessionMessageCount: number;
   originalEstimatedTokens: number;
@@ -120,7 +120,7 @@ export function readContextCompactionTimeline(message: Pick<NcpMessageView, 'met
   const continuationMessageCoveredPartCount = readNonNegativeInteger(
     rawCheckpoint.continuationMessageCoveredPartCount,
   );
-  const summary = typeof rawCheckpoint.summary === 'string' ? rawCheckpoint.summary : null;
+  const summary = typeof rawCheckpoint.summary === 'string' ? rawCheckpoint.summary : undefined;
   const coveredMessageCount = readNonNegativeInteger(rawCheckpoint.coveredMessageCount);
   const coveredSessionMessageCount = readNonNegativeInteger(rawCheckpoint.coveredSessionMessageCount);
   const originalEstimatedTokens = readNonNegativeInteger(rawCheckpoint.originalEstimatedTokens);
@@ -130,7 +130,6 @@ export function readContextCompactionTimeline(message: Pick<NcpMessageView, 'met
   if (
     !id ||
     !status ||
-    summary === null ||
     coveredMessageCount === null ||
     coveredSessionMessageCount === null ||
     originalEstimatedTokens === null ||
@@ -148,7 +147,7 @@ export function readContextCompactionTimeline(message: Pick<NcpMessageView, 'met
     ...(continuationMessageCoveredPartCount !== null
       ? { continuationMessageCoveredPartCount }
       : {}),
-    summary,
+    ...(summary !== undefined ? { summary } : {}),
     coveredMessageCount,
     coveredSessionMessageCount,
     originalEstimatedTokens,

package/src/features/chat/features/workspace/components/__tests__/chat-session-child-sessions.test.tsx

@@ -5,15 +5,30 @@ import { ChatSessionChildSessions } from '@/features/chat/features/workspace/com
 import type { ResolvedChildSessionTab } from '@/features/chat/features/ncp/hooks/use-ncp-child-session-tabs-view';
 
 const mocks = vi.hoisted(() => ({
+  copyText: vi.fn(),
   openSideChatDraft: vi.fn(),
   selectChildSessionDetail: vi.fn(),
 }));
 
+vi.mock('@nextclaw/agent-chat-ui', () => ({
+  copyText: mocks.copyText,
+}));
+
+vi.mock('sonner', () => ({
+  toast: {
+    success: vi.fn(),
+    error: vi.fn(),
+  },
+}));
+
 vi.mock('@/features/chat/components/providers/chat-presenter.provider', () => ({
   usePresenter: () => ({ chatThreadManager: mocks }),
 }));
 
-beforeEach(() => vi.clearAllMocks());
+beforeEach(() => {
+  vi.clearAllMocks();
+  mocks.copyText.mockResolvedValue(true);
+});
 
 function createChildSession(): ResolvedChildSessionTab {
   return {
@@ -49,3 +64,14 @@ it('keeps existing child sessions selectable beside the create action', async ()
   await user.click(screen.getByRole('button', { name: /Research branch/ }));
   expect(mocks.selectChildSessionDetail).toHaveBeenCalledWith('child-1');
 });
+
+it('copies a child session ID from its own more-actions menu', async () => {
+  const user = userEvent.setup();
+  render(<ChatSessionChildSessions childSessionTabs={[createChildSession()]} sessionKey="parent-1" />);
+
+  await user.click(screen.getByRole('button', { name: 'More actions' }));
+  await user.click(screen.getByRole('button', { name: 'Copy session ID' }));
+
+  expect(mocks.copyText).toHaveBeenCalledWith('child-1');
+  expect(mocks.selectChildSessionDetail).not.toHaveBeenCalled();
+});

package/src/features/chat/features/workspace/components/__tests__/chat-session-workspace-panel-content.test.tsx

@@ -37,6 +37,7 @@ const mocks = vi.hoisted(() => ({
   openFilePreview: vi.fn(),
   openProjectFiles: vi.fn(),
   openSessionCronPanel: vi.fn(),
+  openContinuousAttention: vi.fn(),
   removeWorkspacePath: vi.fn(),
   renameWorkspacePath: vi.fn(),
   selectChildSessionDetail: vi.fn(),
@@ -95,6 +96,18 @@ vi.mock('@/features/chat/features/conversation/components/session-conversation-a
   SessionConversationArea: () => <div data-testid="session-conversation-area" />,
 }));
 
+vi.mock('@/features/chat/features/ncp/hooks/use-ncp-session-queries', () => ({
+  useNcpSessionObservations: () => ({
+    data: {
+      counts: { total: 0, context: 0, events: 0, needsAttention: 0 },
+      bindings: [],
+      subscriptions: [],
+    },
+    isPending: false,
+    isError: false,
+  }),
+}));
+
 vi.mock('@/shared/hooks/use-server-path-browse', () => ({
   useServerPathBrowse: ({ path }: { path?: string | null }) => ({
     isLoading: false,

package/src/features/chat/features/workspace/components/__tests__/chat-session-workspace-panel.test.tsx

@@ -2,6 +2,7 @@ import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { beforeEach, describe, expect, it, vi } from "vitest";
 import { ChatSessionWorkspacePanel } from "@/features/chat/features/workspace/components/chat-session-workspace-panel";
+import { WorkspaceTabsBar } from "@/features/chat/features/workspace/components/chat-session-workspace-panel-nav";
 import type { ChatWorkspaceFileTab } from "@/features/chat/stores/chat-thread.store";
 import type * as ReactQuery from "@tanstack/react-query";
 
@@ -112,6 +113,34 @@ describe("ChatSessionWorkspacePanel", () => {
     ).toBe("1");
   });
 
+  it("shows more actions for a child-session workspace tab", async () => {
+    const user = userEvent.setup();
+    render(
+      <WorkspaceTabsBar
+        canGoBack={false}
+        canGoForward={false}
+        tabs={[
+          {
+            key: "child:child-1",
+            kind: "child-session",
+            title: "Child session",
+            tooltip: "Child session",
+            active: true,
+            sessionKey: "child-1",
+            onSelect: vi.fn(),
+          },
+        ]}
+        onClose={vi.fn()}
+        onGoBack={vi.fn()}
+        onGoForward={vi.fn()}
+      />,
+    );
+
+    await user.click(screen.getByRole("button", { name: "More actions" }));
+
+    expect(screen.getByRole("menuitem", { name: "Copy session ID" })).toBeTruthy();
+  });
+
   it("adds an opened project file to the active chat from its action menu", async () => {
     const user = userEvent.setup();
     renderPanel();

package/src/features/chat/features/workspace/components/chat-session-workspace-panel-content.tsx

@@ -3,6 +3,7 @@ import type { ChatFileOpenActionViewModel } from '@nextclaw/agent-chat-ui';
 import {
   AlarmClock,
   ChevronRight,
+  Eye,
   FolderTree,
   GitBranch,
   MessageSquarePlus,
@@ -17,6 +18,8 @@ import { ChatSessionWorkspaceDirectoryBrowser } from '@/features/chat/features/w
 import { SessionCronJobContent } from '@/features/chat/features/workspace/components/session-cron-job-content';
 import { ChatSessionChildSessions } from '@/features/chat/features/workspace/components/child-sessions/chat-session-child-sessions';
 import { ChatSessionTokenUsage } from '@/features/chat/features/workspace/components/overview/chat-session-token-usage';
+import { ChatSessionContinuousAttention } from '@/features/chat/features/workspace/components/overview/chat-session-continuous-attention';
+import { useNcpSessionObservations } from '@/features/chat/features/ncp/hooks/use-ncp-session-queries';
 import type { ResolvedChildSessionTab } from '@/features/chat/features/ncp/hooks/use-ncp-child-session-tabs-view';
 import type { WorkspaceSelection } from '@/features/chat/features/workspace/utils/chat-workspace-panel-view-model.utils';
 import { useServerPathBrowse } from '@/shared/hooks/use-server-path-browse';
@@ -88,6 +91,7 @@ function WorkspaceOverview({
   sessionKey: string | null;
 }) {
   const presenter = usePresenter();
+  const observationsQuery = useNcpSessionObservations(sessionKey);
 
   return (
     <div className="h-full overflow-auto bg-gray-50/45 px-4 py-5 custom-scrollbar">
@@ -95,6 +99,17 @@ function WorkspaceOverview({
         <h2 className="text-base font-semibold text-gray-900">{t('chatWorkspaceOverview')}</h2>
         <p className="mt-1 text-xs leading-5 text-gray-500">{t('chatWorkspaceOverviewDescription')}</p>
         <div className="mt-4 space-y-2">
+          <WorkspaceOverviewEntry
+            count={observationsQuery.data?.counts.total ?? 0}
+            description={t('chatWorkspaceContinuousAttentionDescription')}
+            icon={<Eye className="h-4 w-4" />}
+            title={t('chatWorkspaceContinuousAttention')}
+            onClick={() => {
+              if (sessionKey) {
+                presenter.chatThreadManager.openContinuousAttention(sessionKey);
+              }
+            }}
+          />
           <WorkspaceOverviewEntry
             count={childSessionTabs.length}
             description={t('chatWorkspaceChildSessionsDescription')}
@@ -261,6 +276,10 @@ function WorkspaceSelectedContent({
     return <ChatSessionChildSessions childSessionTabs={childSessionTabs} sessionKey={sessionKey} />;
   }
 
+  if (activeSelection.kind === 'continuous-attention') {
+    return <ChatSessionContinuousAttention sessionKey={sessionKey} />;
+  }
+
   if (activeSelection.kind === 'side-chat-draft') {
     return (
       <>

package/src/features/chat/features/workspace/components/chat-session-workspace-panel-nav.tsx

@@ -3,6 +3,7 @@ import {
   ArrowLeft,
   ArrowRight,
   Code2,
+  Copy,
   Eye,
   FolderTree,
   GitBranch,
@@ -15,6 +16,7 @@ import {
   X,
 } from "lucide-react";
 import type { WorkspaceTabViewModel } from "@/features/chat/features/workspace/utils/chat-workspace-panel-view-model.utils";
+import { copySessionId } from "@/features/chat/features/session/components/session-header/chat-session-more-actions-menu";
 import { AgentIdentityAvatar } from "@/shared/components/common/agent-identity";
 import { FileTypeIcon } from "@/shared/components/file-type-icon";
 import {
@@ -49,6 +51,10 @@ function WorkspaceTabIcon({
     return <AlarmClock className="h-3.5 w-3.5 shrink-0 text-gray-400" />;
   }
 
+  if (kind === "continuous-attention") {
+    return <Eye className="h-3.5 w-3.5 shrink-0 text-gray-400" />;
+  }
+
   if (kind === "file") {
     return <FileTypeIcon fileName={fileName ?? ""} size="compact" />;
   }
@@ -109,6 +115,28 @@ function buildWorkspaceFileMenuGroups(
   ];
 }
 
+function buildWorkspaceSessionMenuGroups(
+  tab: WorkspaceTabViewModel,
+): ContextMenuGroup[] | undefined {
+  if (tab.kind !== "child-session" || !tab.sessionKey) {
+    return undefined;
+  }
+
+  return [
+    {
+      key: "session",
+      items: [
+        {
+          key: "copy-session-id",
+          label: t("chatSessionCopyId"),
+          icon: <Copy className="h-4 w-4" />,
+          onSelect: () => void copySessionId(tab.sessionKey!),
+        },
+      ],
+    },
+  ];
+}
+
 function buildCompactWorkspaceTabs(
   tabs: readonly WorkspaceTabViewModel[],
 ): CompactTabStripTab[] {
@@ -139,8 +167,14 @@ function buildCompactWorkspaceTabs(
     closePlacement: "leading-hover",
     onSelect: tab.onSelect,
     onClose: tab.onClose,
-    menuLabel: t("chatWorkspaceFileMoreActions"),
-    menuGroups: buildWorkspaceFileMenuGroups(tab),
+    menuLabel:
+      tab.kind === "child-session"
+        ? t("chatSessionMoreActions")
+        : t("chatWorkspaceFileMoreActions"),
+    menuGroups:
+      tab.menuGroups ??
+      buildWorkspaceSessionMenuGroups(tab) ??
+      buildWorkspaceFileMenuGroups(tab),
   }));
 }
 

package/src/features/chat/features/workspace/components/chat-session-workspace-panel.tsx

@@ -129,6 +129,10 @@ export function ChatSessionWorkspacePanel({
           if (sessionKey)
             presenter.chatThreadManager.openSessionCronPanel(sessionKey);
         },
+        onSelectContinuousAttention: () => {
+          if (sessionKey)
+            presenter.chatThreadManager.openContinuousAttention(sessionKey);
+        },
       }),
     [
       activeSelection,