@nextclaw/ui 0.14.0 → 0.14.1-beta.1

package/src/features/chat/features/message/utils/file-operation/diff.utils.ts

@@ -24,16 +24,17 @@ export function buildRawPreviewBlock(params: {
   oldStartLine?: number | null;
   newStartLine?: number | null;
 }): ParsedBlock | null {
-  const previewText = params.text.trim();
+  const { newStartLine: rawNewStartLine, oldStartLine: rawOldStartLine, operation, path, text } = params;
+  const previewText = text.trim();
   if (!previewText) {
     return null;
   }
   const previewKind =
-    params.operation?.trim().toLowerCase() === "write" ? "add" : "context";
+    operation?.trim().toLowerCase() === "write" ? "add" : "context";
   const oldStartLine =
-    typeof params.oldStartLine === "number" ? params.oldStartLine : 1;
+    typeof rawOldStartLine === "number" ? rawOldStartLine : 1;
   const newStartLine =
-    typeof params.newStartLine === "number" ? params.newStartLine : 1;
+    typeof rawNewStartLine === "number" ? rawNewStartLine : 1;
   const lines = buildPreviewLines({
     text: previewText,
     kind: previewKind,
@@ -41,10 +42,10 @@ export function buildRawPreviewBlock(params: {
     newStartLine,
   });
   return {
-    path: params.path,
+    path,
     display: "preview",
     caption: buildCaption({
-      operation: params.operation,
+      operation,
       lines,
     }),
     lines,
@@ -62,10 +63,11 @@ export function buildFullReplaceBlock(params: {
   oldStartLine?: number | null;
   newStartLine?: number | null;
 }): ParsedBlock | null {
+  const { afterText, beforeText, operation, path } = params;
   const { oldStartLine, newStartLine } = readDefaultDiffStartLines(params);
   const lines = buildLineDiff({
-    beforeText: params.beforeText ?? "",
-    afterText: params.afterText ?? "",
+    beforeText: beforeText ?? "",
+    afterText: afterText ?? "",
     oldStartLine,
     newStartLine,
   });
@@ -74,16 +76,16 @@ export function buildFullReplaceBlock(params: {
     return null;
   }
   return {
-    path: params.path,
+    path,
     display: "diff",
     caption: buildCaption({
-      operation: params.operation,
+      operation,
       lines,
     }),
     lines: limited.lines,
     ...(limited.truncated ? { fullLines: lines } : {}),
-    ...(params.beforeText != null ? { beforeText: params.beforeText } : {}),
-    ...(params.afterText != null ? { afterText: params.afterText } : {}),
+    ...(beforeText != null ? { beforeText } : {}),
+    ...(afterText != null ? { afterText } : {}),
     ...(typeof oldStartLine === "number" ? { oldStartLine } : {}),
     ...(typeof newStartLine === "number" ? { newStartLine } : {}),
     truncated: limited.truncated,
@@ -95,23 +97,24 @@ function updateApplyPatchCursor(params: {
   flushCurrent: () => void;
   setCurrent: (path: string, operation: string) => void;
 }): boolean {
-  if (params.line.startsWith("*** Update File: ")) {
-    params.flushCurrent();
-    params.setCurrent(
-      params.line.slice("*** Update File: ".length).trim(),
+  const { flushCurrent, line, setCurrent } = params;
+  if (line.startsWith("*** Update File: ")) {
+    flushCurrent();
+    setCurrent(
+      line.slice("*** Update File: ".length).trim(),
       "update",
     );
     return true;
   }
-  if (params.line.startsWith("*** Add File: ")) {
-    params.flushCurrent();
-    params.setCurrent(params.line.slice("*** Add File: ".length).trim(), "add");
+  if (line.startsWith("*** Add File: ")) {
+    flushCurrent();
+    setCurrent(line.slice("*** Add File: ".length).trim(), "add");
     return true;
   }
-  if (params.line.startsWith("*** Delete File: ")) {
-    params.flushCurrent();
-    params.setCurrent(
-      params.line.slice("*** Delete File: ".length).trim(),
+  if (line.startsWith("*** Delete File: ")) {
+    flushCurrent();
+    setCurrent(
+      line.slice("*** Delete File: ".length).trim(),
       "delete",
     );
     return true;
@@ -128,18 +131,18 @@ function appendPatchLine(params: {
   oldLineNumber?: number;
   newLineNumber?: number;
 } {
-  const { currentLines, line } = params;
+  const { currentLines, line, newLineNumber, oldLineNumber } = params;
   if (line.startsWith("+")) {
     currentLines.push(
       createLine({
         kind: "add",
         text: line.slice(1),
-        newLineNumber: params.newLineNumber,
+        newLineNumber,
       }),
     );
     return {
-      oldLineNumber: params.oldLineNumber,
-      newLineNumber: incrementLineNumber(params.newLineNumber),
+      oldLineNumber,
+      newLineNumber: incrementLineNumber(newLineNumber),
     };
   }
   if (line.startsWith("-")) {
@@ -147,12 +150,12 @@ function appendPatchLine(params: {
       createLine({
         kind: "remove",
         text: line.slice(1),
-        oldLineNumber: params.oldLineNumber,
+        oldLineNumber,
       }),
     );
     return {
-      oldLineNumber: incrementLineNumber(params.oldLineNumber),
-      newLineNumber: params.newLineNumber,
+      oldLineNumber: incrementLineNumber(oldLineNumber),
+      newLineNumber,
     };
   }
   if (line.startsWith(" ")) {
@@ -160,18 +163,18 @@ function appendPatchLine(params: {
       createLine({
         kind: "context",
         text: line.slice(1),
-        oldLineNumber: params.oldLineNumber,
-        newLineNumber: params.newLineNumber,
+        oldLineNumber,
+        newLineNumber,
       }),
     );
     return {
-      oldLineNumber: incrementLineNumber(params.oldLineNumber),
-      newLineNumber: incrementLineNumber(params.newLineNumber),
+      oldLineNumber: incrementLineNumber(oldLineNumber),
+      newLineNumber: incrementLineNumber(newLineNumber),
     };
   }
   return {
-    oldLineNumber: params.oldLineNumber,
-    newLineNumber: params.newLineNumber,
+    oldLineNumber,
+    newLineNumber,
   };
 }
 

package/src/features/chat/features/message/utils/file-operation/line-builder.utils.ts

@@ -19,14 +19,15 @@ export function createLine(params: {
   oldLineNumber?: number;
   newLineNumber?: number;
 }): ChatFileOperationLineViewModel {
+  const { kind, newLineNumber, oldLineNumber, text } = params;
   return {
-    kind: params.kind,
-    text: params.text,
-    ...(typeof params.oldLineNumber === "number"
-      ? { oldLineNumber: params.oldLineNumber }
+    kind,
+    text,
+    ...(typeof oldLineNumber === "number"
+      ? { oldLineNumber }
       : {}),
-    ...(typeof params.newLineNumber === "number"
-      ? { newLineNumber: params.newLineNumber }
+    ...(typeof newLineNumber === "number"
+      ? { newLineNumber }
       : {}),
   };
 }
@@ -51,18 +52,19 @@ export function buildPreviewLines(params: {
   oldStartLine: number;
   newStartLine: number;
 }): ChatFileOperationLineViewModel[] {
-  return splitLines(params.text).map((line, index) =>
-    params.kind === "add"
+  const { kind, newStartLine, oldStartLine, text } = params;
+  return splitLines(text).map((line, index) =>
+    kind === "add"
       ? createLine({
           kind: "add",
           text: line,
-          newLineNumber: params.newStartLine + index,
+          newLineNumber: newStartLine + index,
         })
       : createLine({
           kind: "context",
           text: line,
-          oldLineNumber: params.oldStartLine + index,
-          newLineNumber: params.newStartLine + index,
+          oldLineNumber: oldStartLine + index,
+          newLineNumber: newStartLine + index,
         }),
   );
 }
@@ -73,10 +75,11 @@ function buildFallbackDiffLines(params: {
   oldStartLine?: number;
   newStartLine?: number;
 }): ChatFileOperationLineViewModel[] {
-  let oldLineNumber = params.oldStartLine;
-  let newLineNumber = params.newStartLine;
+  const { afterLines, beforeLines, newStartLine, oldStartLine } = params;
+  let oldLineNumber = oldStartLine;
+  let newLineNumber = newStartLine;
   return [
-    ...params.beforeLines.map((line) => {
+    ...beforeLines.map((line) => {
       const nextLine = createLine({
         kind: "remove",
         text: line,
@@ -85,7 +88,7 @@ function buildFallbackDiffLines(params: {
       oldLineNumber = incrementLineNumber(oldLineNumber);
       return nextLine;
     }),
-    ...params.afterLines.map((line) => {
+    ...afterLines.map((line) => {
       const nextLine = createLine({
         kind: "add",
         text: line,
@@ -101,22 +104,23 @@ function buildLcsMatrix(params: {
   beforeLines: string[];
   afterLines: string[];
 }): number[][] {
+  const { afterLines, beforeLines } = params;
   const matrix: number[][] = Array.from(
-    { length: params.beforeLines.length + 1 },
-    () => Array.from({ length: params.afterLines.length + 1 }, () => 0),
+    { length: beforeLines.length + 1 },
+    () => Array.from({ length: afterLines.length + 1 }, () => 0),
   );
   for (
-    let beforeIndex = params.beforeLines.length - 1;
+    let beforeIndex = beforeLines.length - 1;
     beforeIndex >= 0;
     beforeIndex -= 1
   ) {
     for (
-      let afterIndex = params.afterLines.length - 1;
+      let afterIndex = afterLines.length - 1;
       afterIndex >= 0;
       afterIndex -= 1
     ) {
       matrix[beforeIndex]![afterIndex] =
-        params.beforeLines[beforeIndex] === params.afterLines[afterIndex]
+        beforeLines[beforeIndex] === afterLines[afterIndex]
           ? (matrix[beforeIndex + 1]![afterIndex + 1] ?? 0) + 1
           : Math.max(
               matrix[beforeIndex + 1]![afterIndex] ?? 0,
@@ -136,33 +140,36 @@ function appendRemainingDiffLines(params: {
   oldLineNumber?: number;
   newLineNumber?: number;
 }): void {
+  const { afterIndex, afterLines, beforeIndex, beforeLines, lines, newLineNumber: initialNewLineNumber, oldLineNumber: initialOldLineNumber } = params;
+  let oldLineNumber = initialOldLineNumber;
+  let newLineNumber = initialNewLineNumber;
   for (
-    let index = params.beforeIndex;
-    index < params.beforeLines.length;
+    let index = beforeIndex;
+    index < beforeLines.length;
     index += 1
   ) {
-    params.lines.push(
+    lines.push(
       createLine({
         kind: "remove",
-        text: params.beforeLines[index] ?? "",
-        oldLineNumber: params.oldLineNumber,
+        text: beforeLines[index] ?? "",
+        oldLineNumber,
       }),
     );
-    params.oldLineNumber = incrementLineNumber(params.oldLineNumber);
+    oldLineNumber = incrementLineNumber(oldLineNumber);
   }
   for (
-    let index = params.afterIndex;
-    index < params.afterLines.length;
+    let index = afterIndex;
+    index < afterLines.length;
     index += 1
   ) {
-    params.lines.push(
+    lines.push(
       createLine({
         kind: "add",
-        text: params.afterLines[index] ?? "",
-        newLineNumber: params.newLineNumber,
+        text: afterLines[index] ?? "",
+        newLineNumber,
       }),
     );
-    params.newLineNumber = incrementLineNumber(params.newLineNumber);
+    newLineNumber = incrementLineNumber(newLineNumber);
   }
 }
 
@@ -172,14 +179,15 @@ export function buildLineDiff(params: {
   oldStartLine?: number;
   newStartLine?: number;
 }): ChatFileOperationLineViewModel[] {
-  const beforeLines = splitLines(params.beforeText);
-  const afterLines = splitLines(params.afterText);
+  const { afterText, beforeText, newStartLine, oldStartLine } = params;
+  const beforeLines = splitLines(beforeText);
+  const afterLines = splitLines(afterText);
   if (beforeLines.length * afterLines.length > MAX_DIFF_MATRIX_CELLS) {
     return buildFallbackDiffLines({
       beforeLines,
       afterLines,
-      oldStartLine: params.oldStartLine,
-      newStartLine: params.newStartLine,
+      oldStartLine,
+      newStartLine,
     });
   }
 
@@ -190,8 +198,8 @@ export function buildLineDiff(params: {
   const lines: ChatFileOperationLineViewModel[] = [];
   let beforeIndex = 0;
   let afterIndex = 0;
-  let oldLineNumber = params.oldStartLine;
-  let newLineNumber = params.newStartLine;
+  let oldLineNumber = oldStartLine;
+  let newLineNumber = newStartLine;
   while (beforeIndex < beforeLines.length && afterIndex < afterLines.length) {
     if (beforeLines[beforeIndex] === afterLines[afterIndex]) {
       lines.push(

package/src/features/chat/features/message/utils/file-operation/parsed-block.utils.ts

@@ -20,10 +20,11 @@ export function buildCaption(params: {
   operation?: string | null;
   lines: ChatFileOperationLineViewModel[];
 }): string | undefined {
-  const additions = params.lines.filter((line) => line.kind === "add").length;
-  const deletions = params.lines.filter((line) => line.kind === "remove").length;
+  const { lines, operation } = params;
+  const additions = lines.filter((line) => line.kind === "add").length;
+  const deletions = lines.filter((line) => line.kind === "remove").length;
   const parts: string[] = [];
-  const normalizedOperation = params.operation?.trim().toLowerCase() ?? "";
+  const normalizedOperation = operation?.trim().toLowerCase() ?? "";
   if (normalizedOperation && normalizedOperation !== "update") {
     parts.push(normalizedOperation);
   }
@@ -46,20 +47,21 @@ export function readDefaultDiffStartLines(params: {
   oldStartLine?: number;
   newStartLine?: number;
 } {
-  const normalizedOperation = params.operation?.trim().toLowerCase() ?? "";
+  const { afterText, beforeText, newStartLine: rawNewStartLine, oldStartLine: rawOldStartLine, operation } = params;
+  const normalizedOperation = operation?.trim().toLowerCase() ?? "";
   const oldStartLine =
-    typeof params.oldStartLine === "number"
-      ? params.oldStartLine
+    typeof rawOldStartLine === "number"
+      ? rawOldStartLine
       : (normalizedOperation === "delete" ||
             normalizedOperation === "remove") &&
-          params.beforeText != null
+          beforeText != null
         ? 1
         : undefined;
   const newStartLine =
-    typeof params.newStartLine === "number"
-      ? params.newStartLine
+    typeof rawNewStartLine === "number"
+      ? rawNewStartLine
       : (normalizedOperation === "write" || normalizedOperation === "add") &&
-          params.afterText != null
+          afterText != null
         ? 1
         : undefined;
   return { oldStartLine, newStartLine };
@@ -83,16 +85,17 @@ export function buildParsedPatchBlock(params: {
   operation: string | null;
   lines: ChatFileOperationLineViewModel[];
 }): ParsedBlock {
-  const limited = limitLines(params.lines);
+  const { lines, operation, path } = params;
+  const limited = limitLines(lines);
   return {
-    path: params.path,
+    path,
     display: "diff",
     caption: buildCaption({
-      operation: params.operation,
-      lines: params.lines,
+      operation,
+      lines,
     }),
     lines: limited.lines,
-    ...(limited.truncated ? { fullLines: params.lines } : {}),
+    ...(limited.truncated ? { fullLines: lines } : {}),
     truncated: limited.truncated,
   };
 }

package/src/features/chat/features/ncp/hooks/__tests__/use-ui-show-content-event.test.tsx

@@ -32,6 +32,7 @@ describe('useUiShowContentEvent', () => {
       },
       title: 'Example URL',
       purpose: 'read' as const,
+      placement: undefined,
     };
 
     const rendered = render(

package/src/features/chat/features/ncp/utils/ncp-chat-query-derived.utils.ts

@@ -6,13 +6,16 @@ import type { ConfigView, ProvidersView, ProviderTemplatesView } from '@/shared/
 import type { ChatModelOption } from '@/features/chat/types/chat-input.types';
 import { buildProviderModelCatalog, composeProviderModel, resolveModelThinkingCapability } from '@/shared/lib/provider-models';
 
-function buildRuntimeDefaultModelOption(label: string): ChatModelOption {
+function buildRuntimeDefaultModelOption(
+  label: string,
+  thinkingCapability?: ChatModelOption['thinkingCapability'],
+): ChatModelOption {
   return {
     value: RUNTIME_DEFAULT_MODEL_VALUE,
     modelLabel: label,
     providerLabel: '',
     isRuntimeDefault: true,
-    thinkingCapability: null,
+    thinkingCapability: thinkingCapability ?? null,
   };
 }
 
@@ -50,16 +53,21 @@ export function buildNcpChatProviderModelOptions(params: {
 export function filterNcpChatModelOptionsBySessionType(params: {
   modelOptions: ChatModelOption[];
   modelSelectionMode?: RuntimeModelSelectionMode;
+  runtimeDefaultThinkingCapability?: ChatModelOption['thinkingCapability'];
   runtimeDefaultModelLabel?: string;
   supportedModels?: string[];
 }): ChatModelOption[] {
   const {
     modelOptions,
     modelSelectionMode,
+    runtimeDefaultThinkingCapability,
     runtimeDefaultModelLabel = 'Runtime default',
     supportedModels,
   } = params;
-  const runtimeDefaultOption = buildRuntimeDefaultModelOption(runtimeDefaultModelLabel);
+  const runtimeDefaultOption = buildRuntimeDefaultModelOption(
+    runtimeDefaultModelLabel,
+    runtimeDefaultThinkingCapability,
+  );
   if (modelSelectionMode === 'runtime-default') {
     return [runtimeDefaultOption];
   }

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

@@ -45,6 +45,7 @@ describe('ChatSessionHeaderActions', () => {
 
     expect(screen.getByText('Set Project Directory')).toBeTruthy();
     expect(screen.queryByText('Clear Project Directory')).toBeNull();
+    expect(screen.getByText('View Metadata')).toBeTruthy();
     expect(screen.getByText('Delete Session')).toBeTruthy();
   });
 
@@ -67,6 +68,32 @@ describe('ChatSessionHeaderActions', () => {
 
     expect(screen.getByText('Set Project Directory')).toBeTruthy();
     expect(screen.queryByText('Clear Project Directory')).toBeNull();
+    expect(screen.getByText('View Metadata')).toBeTruthy();
+  });
+
+  it('opens the session metadata dialog from the more-actions menu', async () => {
+    const user = userEvent.setup();
+
+    render(
+      <ChatSessionHeaderActions
+        sessionKey="session-codex"
+        canDeleteSession
+        isDeletePending={false}
+        projectRoot={null}
+        metadata={{
+          codex_thread_id: 'thread-123',
+          runtime: 'codex',
+        }}
+        onDeleteSession={mocks.onDeleteSession}
+      />
+    );
+
+    await user.click(screen.getByRole('button', { name: 'More actions' }));
+    await user.click(screen.getByRole('button', { name: 'View Metadata' }));
+
+    expect(screen.getByRole('dialog', { name: 'Session Metadata' })).toBeTruthy();
+    expect(screen.getByText(/codex_thread_id/)).toBeTruthy();
+    expect(screen.getByText(/thread-123/)).toBeTruthy();
   });
 
   it('shows a dedicated child-session entry button when the current session has child sessions', async () => {

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

@@ -2,6 +2,7 @@ import { render, screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { ChatSessionProjectBadge } from '@/features/chat/features/session/components/session-header/chat-session-project-badge';
+import { createPopoverAvailableHeightLimit } from '@/shared/components/ui/popover';
 
 const mocks = vi.hoisted(() => ({
   updateSessionProject: vi.fn(),
@@ -15,6 +16,17 @@ vi.mock('@/features/chat/features/session/components/session-header/chat-session
   ChatSessionProjectDialog: () => null,
 }));
 
+function renderProjectBadge() {
+  return render(
+    <ChatSessionProjectBadge
+      sessionKey="session-1"
+      projectName="project-alpha"
+      projectRoot="/tmp/project-alpha"
+      persistToServer
+    />
+  );
+}
+
 describe('ChatSessionProjectBadge', () => {
   beforeEach(() => {
     mocks.updateSessionProject.mockReset();
@@ -24,31 +36,26 @@ describe('ChatSessionProjectBadge', () => {
   it('shows project actions inside the badge popover', async () => {
     const user = userEvent.setup();
 
-    render(
-      <ChatSessionProjectBadge
-        sessionKey="session-1"
-        projectName="project-alpha"
-        projectRoot="/tmp/project-alpha"
-        persistToServer
-      />
-    );
+    renderProjectBadge();
 
     await user.click(screen.getByRole('button', { name: 'Set Project Directory' }));
 
     expect(screen.getAllByText('Set Project Directory').length).toBeGreaterThan(0);
     expect(screen.getByText('Clear Project Directory')).toBeTruthy();
-    expect(screen.getByText('/tmp/project-alpha')).toBeTruthy();
+    const projectRoot = screen.getByText('/tmp/project-alpha');
+    expect(projectRoot).toBeTruthy();
+
+    const boundedPopover = projectRoot.closest('[style*="max-height"]') as HTMLElement | null;
+    expect(boundedPopover?.style.maxHeight).toBe(
+      createPopoverAvailableHeightLimit('18rem')
+    );
+    expect(boundedPopover?.style.maxHeight).toContain('max(0px');
+    expect(boundedPopover?.style.maxHeight).toContain('100vh');
+    expect(boundedPopover?.style.maxHeight).toContain('2rem');
   });
 
   it('uses the neutral header tag styling instead of a highlighted accent color', () => {
-    render(
-      <ChatSessionProjectBadge
-        sessionKey="session-1"
-        projectName="project-alpha"
-        projectRoot="/tmp/project-alpha"
-        persistToServer
-      />
-    );
+    renderProjectBadge();
 
     const trigger = screen.getByRole('button', { name: 'Set Project Directory' });
     expect(trigger.className).toContain('border-gray-200');
@@ -59,14 +66,7 @@ describe('ChatSessionProjectBadge', () => {
   it('clears the current project from the badge popover', async () => {
     const user = userEvent.setup();
 
-    render(
-      <ChatSessionProjectBadge
-        sessionKey="session-1"
-        projectName="project-alpha"
-        projectRoot="/tmp/project-alpha"
-        persistToServer
-      />
-    );
+    renderProjectBadge();
 
     await user.click(screen.getByRole('button', { name: 'Set Project Directory' }));
     await user.click(screen.getByText('Clear Project Directory'));

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

@@ -1,9 +1,10 @@
 import { useState } from 'react';
-import { AlarmClock, FolderOpen, GitBranch, MoreVertical, Trash2 } from 'lucide-react';
+import { AlarmClock, Braces, FolderOpen, GitBranch, MoreVertical, Trash2 } from 'lucide-react';
 import { IconActionButton } from '@/shared/components/ui/actions/icon-action-button';
 import { Popover, PopoverContent, PopoverTrigger } from '@/shared/components/ui/popover';
 import { useChatSessionProject } from '@/features/chat/features/session/hooks/use-chat-session-project';
 import { ChatSessionHeaderMenuItem } from './chat-session-header-menu-item';
+import { ChatSessionMetadataDialog } from './chat-session-metadata-dialog';
 import { ChatSessionProjectDialog } from './chat-session-project-dialog';
 import { t } from '@/shared/lib/i18n';
 
@@ -15,6 +16,7 @@ type ChatSessionHeaderActionsProps = {
   canDeleteSession: boolean;
   isDeletePending: boolean;
   projectRoot?: string | null;
+  metadata?: Record<string, unknown> | null;
   childSessionCount?: number;
   sessionCronJobCount?: number;
   onOpenChildSessions?: () => void;
@@ -27,6 +29,7 @@ export function ChatSessionHeaderActions({
   canDeleteSession,
   isDeletePending,
   projectRoot,
+  metadata,
   childSessionCount = 0,
   sessionCronJobCount = 0,
   onOpenChildSessions,
@@ -36,6 +39,7 @@ export function ChatSessionHeaderActions({
   const updateSessionProject = useChatSessionProject();
   const [isMenuOpen, setIsMenuOpen] = useState(false);
   const [isDialogOpen, setIsDialogOpen] = useState(false);
+  const [isMetadataDialogOpen, setIsMetadataDialogOpen] = useState(false);
   const [isProjectPending, setIsProjectPending] = useState(false);
   const isBusy = isDeletePending || isProjectPending;
 
@@ -96,6 +100,15 @@ export function ChatSessionHeaderActions({
               }}
               disabled={isBusy}
             />
+            <ChatSessionHeaderMenuItem
+              icon={Braces}
+              label={t('chatSessionViewMetadata')}
+              onClick={() => {
+                setIsMenuOpen(false);
+                setIsMetadataDialogOpen(true);
+              }}
+              disabled={isBusy}
+            />
             <ChatSessionHeaderMenuItem
               icon={Trash2}
               label={t('chatDeleteSession')}
@@ -117,6 +130,11 @@ export function ChatSessionHeaderActions({
         onOpenChange={setIsDialogOpen}
         onSave={runProjectUpdate}
       />
+      <ChatSessionMetadataDialog
+        open={isMetadataDialogOpen}
+        metadata={metadata}
+        onOpenChange={setIsMetadataDialogOpen}
+      />
     </div>
   );
 }