@nextclaw/ui 0.26.0 → 0.26.1

package/src/features/chat/features/message/components/__tests__/chat-message-list.container.test.tsx

@@ -10,6 +10,7 @@ import type { ChatMessageListProps } from "@nextclaw/agent-chat-ui";
 import { beforeEach, expect, it, vi } from "vitest";
 import { ChatMessageListContainer as RuntimeChatMessageListContainer } from "@/features/chat/features/message/components/chat-message-list.container";
 import { useChatQueryStore } from "@/features/chat/stores/ncp-chat-query.store";
+import type * as I18nModule from "@/shared/lib/i18n";
 
 type AgentChatUiModule = {
   ChatMessageList: ComponentType<ChatMessageListProps>;
@@ -112,10 +113,15 @@ vi.mock("@/app/components/i18n-provider", () => ({
   useI18n: () => ({ language: captures.language }),
 }));
 
-vi.mock("@/shared/lib/i18n", () => ({
-  formatDateTime: (value: string) => `formatted:${value}`,
-  t: (key: string) => key,
-}));
+vi.mock("@/shared/lib/i18n", async (importOriginal) => {
+  const actual = await importOriginal<typeof I18nModule>();
+  return {
+    ...actual,
+    formatDateTime: (value: string) => `formatted:${value}`,
+    t: (key: string) => key.startsWith("chatProcessDuration") || (captures.language === "zh" && key.startsWith("chatProcessSummary"))
+      ? actual.t(key, captures.language === "zh" ? "zh" : "en") : key,
+  };
+});
 
 vi.mock(
   "@/features/chat/features/workspace/components/chat-session-workspace-file-preview",
@@ -325,51 +331,30 @@ it("adds a completed assistant process summary without inventing a duration", ()
   });
 });
 
-it("derives completed assistant process duration from message lifecycle", () => {
-  const assistantMessage = {
-    id: "assistant-process-result",
-    sessionId: "session-1",
-    role: "assistant",
-    status: "final",
-    timestamp: "2026-03-31T10:01:03.000Z",
-    lifecycle: {
-      startedAt: "2026-03-31T10:00:00.000Z",
-      endedAt: "2026-03-31T10:03:51.000Z",
-    },
+it("renders a minimal Chinese history summary and still expands its process", () => {
+  captures.language = "zh";
+  captures.renderActualChatMessageList = true;
+  const message: NcpMessage = {
+    id: "assistant-minimal-summary", sessionId: "session-1", role: "assistant", status: "final",
+    timestamp: "2026-03-31T10:02:07.000Z",
+    lifecycle: { startedAt: "2026-03-31T10:00:00.000Z", endedAt: "2026-03-31T10:02:07.000Z" },
+    metadata: { nextclawUiHistoryToolPayloadSummary: {
+      toolCallCount: 67, toolNames: ["tool_schema", "projects_list", "project_work_list"],
+    } },
     parts: [
-      {
-        type: "reasoning",
-        text: "Inspecting current state.",
-      },
-      {
-        type: "tool-invocation",
-        toolCallId: "tool-1",
-        toolName: "exec_command",
-        state: "result",
-        args: '{"cmd":"git status"}',
-        result: "clean",
-      },
-      {
-        type: "text",
-        text: "Done.",
-      },
+      { type: "reasoning", text: "核对项目详情" },
+      { type: "tool-invocation", toolCallId: "tool-1", toolName: "projects_list", state: "result" },
+      { type: "text", text: "项目已整理" },
     ],
-  } satisfies NcpMessage;
-
-  render(
-    <ChatMessageListContainer
-      messages={[assistantMessage]}
-      isSending={false}
-    />,
-  );
-
-  const renderedMessages =
-    captures.renders[captures.renders.length - 1]?.messages ?? [];
-  expect(renderedMessages[0]).toMatchObject({
-    processSummary: {
-      label: "chatProcessSummaryProcessed 3m 51s",
-    },
-  });
+  };
+  render(<ChatMessageListContainer messages={[message]} isSending={false} />);
+  const summary = screen.getByRole("button", { name: "已处理 2分钟7秒" });
+  expect(summary.getAttribute("aria-expanded")).toBe("false");
+  expect(screen.queryByText(/67|tool_schema|project_work_list/)).toBeNull();
+  expect(screen.getByText("项目已整理")).toBeTruthy();
+  fireEvent.click(summary);
+  expect(summary.getAttribute("aria-expanded")).toBe("true");
+  expect(screen.getByRole("button", { name: "projects list" })).toBeTruthy();
 });
 
 it("keeps unavailable ai usage in metadata but out of the footer", () => {

package/src/features/chat/features/message/components/chat-message-list.container.tsx

@@ -66,7 +66,7 @@ import {
 import { useChatMessageActions } from "@/features/chat/features/message/hooks/use-chat-message-actions";
 import { useChatInlineTokenActions } from "@/features/chat/features/message/hooks/use-chat-inline-token-actions";
 import { buildServerPathContentUrl } from "@/shared/lib/api";
-import { formatDateTime, formatNumber, t } from "@/shared/lib/i18n";
+import { formatDateTime, t, type I18nLanguage } from "@/shared/lib/i18n";
 import { cn } from "@/shared/lib/utils";
 import type { SessionMessageToolPayloadState } from "@/features/chat/features/ncp/hooks/use-ncp-session-message-history";
 import { ChatMessageObservationEvent } from "@/features/chat/features/message/components/chat-message-observation-event";
@@ -96,7 +96,7 @@ class ChatMessageViewModelAdapter {
   private readonly cache = new WeakMap<
     NcpMessage,
     {
-      language: Parameters<typeof formatDateTime>[1];
+      language: I18nLanguage;
       processSummaryLabel: string | null;
       executionPresentationKey: string | null;
       triggerDetailsKey: string | null;
@@ -108,7 +108,7 @@ class ChatMessageViewModelAdapter {
     continuationRunning: boolean;
     executionLabels: ReturnType<typeof buildChatMessageExecutionLabels>;
     triggerLabels: ReturnType<typeof buildChatMessageTriggerLabels>;
-    language: Parameters<typeof formatDateTime>[1];
+    language: I18nLanguage;
     processedLabel: string;
     rawMessages: readonly NcpMessage[];
     texts: ReturnType<typeof buildChatMessageAdapterTexts>;
@@ -120,13 +120,9 @@ class ChatMessageViewModelAdapter {
       const processSummary = buildChatMessageProcessSummary({
         message,
         processedLabel,
-        formatDeferredToolSummary: (toolCallCount, toolNames) => {
-          const countLabel = t("chatProcessSummaryToolCalls", language)
-            .replace("{count}", formatNumber(toolCallCount, language));
-          if (toolNames.length === 0) return countLabel;
-          const separator = language === "zh" ? "、" : ", ";
-          return `${countLabel} · ${toolNames.join(separator)}`;
-        },
+        language,
+        failedLabel: t("chatProcessSummaryError", language),
+        stoppedLabel: t("chatProcessSummaryStopped", language),
       });
       const processSummaryLabel = processSummary?.label ?? null;
       const executionPresentation = buildChatMessageExecutionPresentation({

package/src/features/chat/features/message/utils/__tests__/chat-message-process-summary.utils.test.ts

@@ -1,4 +1,4 @@
-import { NcpEventType, type NcpMessage } from "@nextclaw/ncp";
+import { createUnavailableNcpAiExecutionMetadata, NcpEventType, type NcpMessage } from "@nextclaw/ncp";
 import { DefaultNcpAgentConversationStateManager } from "@nextclaw/ncp-toolkit";
 import { describe, expect, it } from "vitest";
 import { buildChatMessageProcessSummary } from "@/features/chat/features/message/utils/chat-message-process-summary.utils";
@@ -29,6 +29,13 @@ const baseAssistantMessage = {
   ],
 } satisfies NcpMessage;
 
+const summaryLabels = {
+  processedLabel: "已处理",
+  failedLabel: "处理失败",
+  stoppedLabel: "已停止",
+  language: "zh" as const,
+};
+
 describe("buildChatMessageProcessSummary", () => {
   it("shows elapsed time from the real completed-message then run-finished event sequence", async () => {
     const manager = new DefaultNcpAgentConversationStateManager();
@@ -44,12 +51,13 @@ describe("buildChatMessageProcessSummary", () => {
       },
     ]);
     const message = manager.getSnapshot().messages[0]!;
-    expect(buildChatMessageProcessSummary({ message, processedLabel: "已处理" })?.label).toBe("已处理 3m 51s");
+    expect(buildChatMessageProcessSummary({ ...summaryLabels, message })?.label).toBe("已处理 3分钟51秒");
   });
 
   it("does not invent duration when lifecycle timing is absent", () => {
     expect(
       buildChatMessageProcessSummary({
+        ...summaryLabels,
         message: baseAssistantMessage,
         processedLabel: "Processed",
       }),
@@ -61,6 +69,8 @@ describe("buildChatMessageProcessSummary", () => {
   it("derives duration from lifecycle startedAt and endedAt", () => {
     expect(
       buildChatMessageProcessSummary({
+        ...summaryLabels,
+        language: "en",
         message: {
           ...baseAssistantMessage,
           lifecycle: {
@@ -77,6 +87,7 @@ describe("buildChatMessageProcessSummary", () => {
 
   it("stays free of tool-activity semantics", () => {
     const summary = buildChatMessageProcessSummary({
+      ...summaryLabels,
       message: baseAssistantMessage,
       processedLabel: "Processed",
     });
@@ -85,8 +96,9 @@ describe("buildChatMessageProcessSummary", () => {
     expect(summary?.label.toLowerCase()).not.toContain("read");
   });
 
-  it("shows the bounded aggregate for a deferred history payload", () => {
+  it("keeps deferred history summaries identical to fully loaded messages", () => {
     const summary = buildChatMessageProcessSummary({
+      ...summaryLabels,
       message: {
         ...baseAssistantMessage,
         metadata: {
@@ -97,12 +109,46 @@ describe("buildChatMessageProcessSummary", () => {
         },
       },
       processedLabel: "Processed",
-      formatDeferredToolSummary: (count, names) =>
-        `${count} tool calls · ${names.join(", ")}`,
     });
 
     expect(summary?.label).toBe(
-      "Processed · 500 tool calls · exec_command, read_file",
+      "Processed",
     );
   });
+
+  it.each([
+    [0, "0秒"], [7, "7秒"], [127, "2分钟7秒"],
+    [3600, "1小时"], [3720, "1小时2分钟"],
+  ])("localizes a %i-second duration without separators", (seconds, expected) => {
+    const startedAt = "2026-03-31T10:00:00.000Z";
+    const message: NcpMessage = {
+      ...baseAssistantMessage,
+      lifecycle: { startedAt, endedAt: new Date(Date.parse(startedAt) + seconds * 1000).toISOString() },
+    };
+    expect(buildChatMessageProcessSummary({ ...summaryLabels, message })?.label).toBe(`已处理 ${expected}`);
+  });
+
+  it.each(["pending", "streaming"] as const)("does not label %s messages as processed", (status) => {
+    expect(buildChatMessageProcessSummary({
+      ...summaryLabels, message: { ...baseAssistantMessage, status },
+    })).toBeUndefined();
+  });
+
+  it.each([
+    ["failed", "处理失败"], ["aborted", "已停止"], ["completed", "已处理"],
+  ] as const)("uses the recorded %s outcome", (outcome, expected) => {
+    const message: NcpMessage = {
+      ...baseAssistantMessage,
+      metadata: { ai_execution: createUnavailableNcpAiExecutionMetadata({
+        runId: "run-1", runtimeId: "native", model: "test", requestedModel: null, outcome,
+      }) },
+    };
+    expect(buildChatMessageProcessSummary({ ...summaryLabels, message })?.label).toBe(expected);
+  });
+
+  it("shows failure for an error message without execution metadata", () => {
+    expect(buildChatMessageProcessSummary({
+      ...summaryLabels, message: { ...baseAssistantMessage, status: "error" },
+    })?.label).toBe("处理失败");
+  });
 });

package/src/features/chat/features/message/utils/chat-message-process-summary.utils.ts

@@ -1,29 +1,15 @@
-import type { NcpMessage } from "@nextclaw/ncp";
+import { readNcpAiExecutionMetadata, type NcpMessage } from "@nextclaw/ncp";
 import type { ChatMessageProcessSummarySource } from "@/features/chat/types/chat-message.types";
+import { t, type I18nLanguage } from "@/shared/lib/i18n";
 
 type BuildChatMessageProcessSummaryParams = {
   message: NcpMessage;
   processedLabel: string;
-  formatDeferredToolSummary?: (toolCallCount: number, toolNames: readonly string[]) => string;
+  failedLabel: string;
+  stoppedLabel: string;
+  language: I18nLanguage;
 };
 
-const UI_HISTORY_TOOL_PAYLOAD_SUMMARY_METADATA_KEY =
-  "nextclawUiHistoryToolPayloadSummary";
-
-function readDeferredToolSummary(
-  message: NcpMessage,
-): { toolCallCount: number; toolNames: string[] } | null {
-  const value = message.metadata?.[UI_HISTORY_TOOL_PAYLOAD_SUMMARY_METADATA_KEY];
-  if (!value || typeof value !== "object" || Array.isArray(value)) return null;
-  const record = value as Record<string, unknown>;
-  const { toolCallCount } = record;
-  if (!Number.isInteger(toolCallCount) || (toolCallCount as number) <= 0) return null;
-  const toolNames = Array.isArray(record.toolNames)
-    ? record.toolNames.filter((name): name is string => typeof name === "string" && name.trim().length > 0)
-    : [];
-  return { toolCallCount: toolCallCount as number, toolNames };
-}
-
 function isAssistantProcessPart(part: NcpMessage["parts"][number]): boolean {
   return part.type === "reasoning" || part.type === "tool-invocation";
 }
@@ -62,7 +48,7 @@ function hasCollapsibleAssistantProcess(message: NcpMessage): boolean {
   );
 }
 
-function formatLifecycleDuration(message: NcpMessage): string | null {
+function formatLifecycleDuration(message: NcpMessage, language: I18nLanguage): string | null {
   const startedAt = message.lifecycle?.startedAt;
   const endedAt = message.lifecycle?.endedAt;
   if (!startedAt || !endedAt) {
@@ -77,13 +63,13 @@ function formatLifecycleDuration(message: NcpMessage): string | null {
   const hours = Math.floor(totalSeconds / 3600);
   const minutes = Math.floor((totalSeconds % 3600) / 60);
   const seconds = totalSeconds % 60;
-  if (hours > 0) {
-    return minutes > 0 ? `${hours}h ${minutes}m` : `${hours}h`;
-  }
-  if (minutes > 0) {
-    return `${minutes}m ${seconds}s`;
-  }
-  return `${seconds}s`;
+  const key = hours > 0
+    ? (minutes > 0 ? "chatProcessDurationHoursMinutes" : "chatProcessDurationHours")
+    : (minutes > 0 ? "chatProcessDurationMinutesSeconds" : "chatProcessDurationSeconds");
+  return t(key, language)
+    .replace("{hours}", String(hours))
+    .replace("{minutes}", String(minutes))
+    .replace("{seconds}", String(seconds));
 }
 
 /**
@@ -92,22 +78,21 @@ function formatLifecycleDuration(message: NcpMessage): string | null {
  * and must not be mixed into this summary.
  */
 export function buildChatMessageProcessSummary({
-  formatDeferredToolSummary,
+  failedLabel,
+  stoppedLabel,
   message,
   processedLabel,
+  language,
 }: BuildChatMessageProcessSummaryParams): ChatMessageProcessSummarySource | undefined {
   if (!hasCollapsibleAssistantProcess(message)) {
     return undefined;
   }
-  const duration = formatLifecycleDuration(message);
-  const baseLabel = duration ? `${processedLabel} ${duration}` : processedLabel;
-  const deferredToolSummary = readDeferredToolSummary(message);
+  const duration = formatLifecycleDuration(message, language);
+  const outcome = readNcpAiExecutionMetadata(message.metadata)?.outcome;
+  const statusLabel = message.status === "error" || outcome === "failed"
+    ? failedLabel
+    : outcome === "aborted" ? stoppedLabel : processedLabel;
   return {
-    label: deferredToolSummary && formatDeferredToolSummary
-      ? `${baseLabel} · ${formatDeferredToolSummary(
-          deferredToolSummary.toolCallCount,
-          deferredToolSummary.toolNames,
-        )}`
-      : baseLabel,
+    label: duration ? `${statusLabel} ${duration}` : statusLabel,
   };
 }

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

@@ -113,7 +113,7 @@ describe("ChatSidebarProjectGroups", () => {
     const projectRow = projectLink.parentElement?.parentElement;
     expect(container.firstElementChild?.className).toBe("space-y-0.5");
     expect(projectRow?.className).toContain("h-8");
-    expect(projectRow?.className).toContain("hover:bg-gray-200/60");
+    expect(projectRow?.className).toContain("hover:bg-[hsl(var(--gray-200)/0.6)]");
     const projectContent = projectLink.parentElement;
     expect(projectContent?.classList.contains("pr-14")).toBe(false);
     expect(projectContent?.className).toContain("group-hover/project:pr-20");

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

@@ -87,7 +87,8 @@ it("shows session actions only on hover or when an action owns focus", () => {
 it("opens any sidebar session as a floating conversation", async () => {
   const user = userEvent.setup();
   await user.click(screen.getByRole('button', { name: 'More actions' }));
-  await user.click(screen.getByRole('button', { name: 'Open in floating window' }));
+  await user.click(screen.getByRole('menuitem', { name: 'Layout and position' }));
+  await user.click(screen.getByRole('menuitem', { name: 'Open in floating window' }));
   expect(useFloatingSessionStore.getState().session).toEqual({
     sessionKey: 'session:current', title: 'Current Task',
   });

package/src/features/chat/features/session/components/chat-sidebar-project-groups.tsx

@@ -1,4 +1,5 @@
 import { useMemo, useState, type ReactNode } from "react";
+import { SIDEBAR_ITEM_SURFACE_CLASS, SIDEBAR_ITEM_ACTIVE_SURFACE_CLASS } from "@/app/components/layout/sidebar-rail.styles";
 import { Link, useLocation, useNavigate } from "react-router-dom";
 import {
   AlarmClock,
@@ -116,8 +117,9 @@ export function ChatSidebarProjectGroups(props: ChatSidebarProjectGroupsProps) {
           <div key={group.projectRoot}>
             <div
               className={cn(
-                "group/project relative h-8 rounded-lg px-1 text-muted-foreground transition-colors hover:bg-gray-200/60 hover:text-gray-900",
-                isSelected && "bg-gray-200/60 text-gray-900",
+                "group/project relative h-8 px-1",
+                SIDEBAR_ITEM_SURFACE_CLASS,
+                isSelected && SIDEBAR_ITEM_ACTIVE_SURFACE_CLASS,
               )}
             >
               <ChatSidebarContextCard

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

@@ -1,4 +1,5 @@
 import { AgentAvatar } from "@/shared/components/common/agent-avatar";
+import { SIDEBAR_ITEM_SURFACE_CLASS, SIDEBAR_ITEM_ACTIVE_SURFACE_CLASS } from "@/app/components/layout/sidebar-rail.styles";
 import { ChatMobileSessionRow } from './chat-mobile-session-row';
 import { SessionContextIconNode } from "@/features/chat/features/session/components/session-context-icon";
 import { SessionRunBadge } from "@/features/chat/features/session/components/session-run-badge";
@@ -309,20 +310,22 @@ export function ChatSidebarSessionItem(props: ChatSidebarSessionItemProps) {
   onCancel,
   onTogglePinned,
   onDelete,
+  variant,
   } = props;
   return (
     <div
       className={cn(
-        props.variant === 'mobile'
+        variant === 'mobile'
           ? 'w-full border-b border-border/50 bg-background text-left'
-          : "w-full rounded-lg px-2.5 py-2 text-left text-[13px] transition-colors",
-        active
+          : cn("w-full px-3 py-2 text-left text-[13px]", SIDEBAR_ITEM_SURFACE_CLASS, active && SIDEBAR_ITEM_ACTIVE_SURFACE_CLASS),
+        variant === 'mobile' && (active
           ? "bg-background/90 font-medium text-foreground"
-          : "text-foreground/80 hover:bg-background/65 hover:text-foreground",
+          : "text-foreground/80 hover:bg-background/65 hover:text-foreground"),
+        active && "font-medium",
       )}
     >
       {isEditing ? (
-        <div className={props.variant === 'mobile' ? 'p-4' : undefined}>
+        <div className={variant === 'mobile' ? 'p-4' : undefined}>
         <ChatSidebarSessionEditingView
           sessionKey={sessionKey}
           draftLabel={draftLabel}
@@ -332,7 +335,7 @@ export function ChatSidebarSessionItem(props: ChatSidebarSessionItemProps) {
           onCancel={onCancel}
         />
         </div>
-      ) : props.variant === 'mobile' ? <ChatMobileSessionRow {...props} /> : (
+      ) : variant === 'mobile' ? <ChatMobileSessionRow {...props} /> : (
         <ChatSidebarSessionDisplayView
           sessionKey={sessionKey}
           active={active}

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

@@ -192,7 +192,7 @@ describe('ChatSessionHeaderActions', () => {
     expect(screen.getByRole('button', { name: 'Open session workspace' }).className).toContain('w-7');
   });
 
-  it('places the workspace toggle at the far right of the visible header actions', () => {
+  it('places more actions at the far right of the visible header actions', () => {
     render(
       <ChatSessionHeaderActions
         sessionKey="session-actions"
@@ -208,7 +208,7 @@ describe('ChatSessionHeaderActions', () => {
     const menuButton = screen.getByRole('button', { name: 'More actions' });
     const workspaceButton = screen.getByRole('button', { name: 'Open session workspace' });
 
-    expect(menuButton.compareDocumentPosition(workspaceButton)).toBe(
+    expect(workspaceButton.compareDocumentPosition(menuButton)).toBe(
       Node.DOCUMENT_POSITION_FOLLOWING,
     );
   });

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

@@ -61,6 +61,23 @@ export function ChatSessionHeaderActions({
 
   return (
     <div className={SESSION_HEADER_ACTION_GROUP_CLASS}>
+      <IconActionButton
+        icon={
+          isWorkspaceOpen ? (
+            <PanelRightClose className="h-4 w-4" />
+          ) : (
+            <PanelRightOpen className="h-4 w-4" />
+          )
+        }
+        label={t(
+          isWorkspaceOpen
+            ? 'chatSessionCloseWorkspace'
+            : 'chatSessionOpenWorkspace',
+        )}
+        aria-pressed={isWorkspaceOpen}
+        onClick={onToggleWorkspace}
+        disabled={isBusy}
+      />
       {sessionKey ? (
         <ChatSessionMoreActionsMenu
           sessionKey={sessionKey}
@@ -88,23 +105,6 @@ export function ChatSessionHeaderActions({
           />
         </ChatSessionMoreActionsMenu>
       ) : null}
-      <IconActionButton
-        icon={
-          isWorkspaceOpen ? (
-            <PanelRightClose className="h-4 w-4" />
-          ) : (
-            <PanelRightOpen className="h-4 w-4" />
-          )
-        }
-        label={t(
-          isWorkspaceOpen
-            ? 'chatSessionCloseWorkspace'
-            : 'chatSessionOpenWorkspace',
-        )}
-        aria-pressed={isWorkspaceOpen}
-        onClick={onToggleWorkspace}
-        disabled={isBusy}
-      />
 
       {sessionKey ? (
         <>

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

@@ -20,15 +20,15 @@ export function ChatSessionHeaderMenuItem({
     <button
       type="button"
       className={cn(
-        'flex w-full items-center gap-2 rounded-xl px-3 py-2 text-left text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-50',
+        'flex h-8 w-full items-center gap-2 rounded-lg px-2.5 text-left text-[13px] font-medium outline-none transition-colors disabled:cursor-not-allowed disabled:opacity-50',
         destructive
-          ? 'text-destructive hover:bg-destructive/10'
-          : 'text-muted-foreground hover:bg-[var(--interaction-hover)] hover:text-accent-foreground'
+          ? 'text-destructive hover:bg-destructive/10 focus-visible:bg-destructive/10'
+          : 'text-foreground hover:bg-muted focus-visible:bg-muted'
       )}
       onClick={onClick}
       disabled={disabled}
     >
-      <Icon className="h-4 w-4 shrink-0" />
+      <Icon className={cn("h-4 w-4 shrink-0", !destructive && "text-muted-foreground")} />
       <span>{label}</span>
     </button>
   );

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

@@ -1,7 +1,7 @@
 import { PageResourceActionItems } from '@/features/right-panel-resources';
 import { pageResourceFromTarget } from '@/features/right-panel-resources';
 import { buildSessionPanelUrl } from '@/features/chat/features/session/utils/chat-session-route.utils';
-import { useState, type ReactNode } from 'react';
+import { Children, isValidElement, useState, type ReactNode } from 'react';
 import { copyText } from '@nextclaw/agent-chat-ui';
 import { Copy, MoreVertical } from 'lucide-react';
 import { toast } from 'sonner';
@@ -42,6 +42,9 @@ export function ChatSessionMoreActionsMenu({
   className,
 }: ChatSessionMoreActionsMenuProps) {
   const [isOpen, setIsOpen] = useState(false);
+  const menuItems = Children.toArray(children);
+  const isDestructive = (item: ReactNode) => isValidElement<{ destructive?: boolean }>(item) && item.props.destructive;
+  const destructiveItems = menuItems.filter(isDestructive);
 
   const handleCopySessionId = () => {
     setIsOpen(false);
@@ -54,7 +57,6 @@ export function ChatSessionMoreActionsMenu({
         <IconActionButton
           icon={<MoreVertical className="h-4 w-4" />}
           label={t('chatSessionMoreActions')}
-          tooltip={false}
           size={triggerSize}
           tone={triggerTone}
           className={className}
@@ -62,17 +64,22 @@ export function ChatSessionMoreActionsMenu({
           onClick={(event) => event.stopPropagation()}
         />
       </PopoverTrigger>
-      <ChatPopoverContent align="end" className="w-56 p-2">
-        <div className="space-y-1" onClick={() => setIsOpen(false)}>
-          <PageResourceActionItems page={pageResourceFromTarget({ kind: 'chat-session', title: sessionTitle || t('chatFloatingConversation'), url: buildSessionPanelUrl(sessionKey), resourceUri: buildSessionPanelUrl(sessionKey), historyPolicy: 'none' })} onSelect={() => setIsOpen(false)} />
+      <ChatPopoverContent align="end" variant="menu">
+        <div onClick={() => setIsOpen(false)}>
+          {menuItems.filter((item) => !isDestructive(item))}
           <ChatSessionHeaderMenuItem
             icon={Copy}
             label={t('chatSessionCopyId')}
             onClick={handleCopySessionId}
             disabled={disabled}
           />
-          {children}
         </div>
+        <div className="my-1 h-px bg-border" />
+          <PageResourceActionItems page={pageResourceFromTarget({ kind: 'chat-session', title: sessionTitle || t('chatFloatingConversation'), url: buildSessionPanelUrl(sessionKey), resourceUri: buildSessionPanelUrl(sessionKey), historyPolicy: 'none' })} onSelect={() => setIsOpen(false)} />
+        {destructiveItems.length > 0 ? <>
+          <div className="my-1 h-px bg-border" />
+          <div onClick={() => setIsOpen(false)}>{destructiveItems}</div>
+        </> : null}
       </ChatPopoverContent>
     </Popover>
   );

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

@@ -205,7 +205,7 @@ export function ChatSessionWorkspacePanel({
             const file = workspaceFileTabs.find((item) => `file:${item.key}` === tab.key);
             const target = file ? createWorkspaceFilePanelTarget(file, { workingDir: sessionWorkingDir, projectRoot: sessionProjectRoot })
               : tab.sessionKey ? { kind: 'chat-session', title: tab.title, url: buildSessionPanelUrl(tab.sessionKey), resourceUri: buildSessionPanelUrl(tab.sessionKey), historyPolicy: 'none' as const } : tab.kind !== 'side-chat-draft' ? { kind: 'workspace', title: tab.title, url: `nextclaw://workspace?${new URLSearchParams({ session: sessionKey ?? '', page: tab.kind })}`, historyPolicy: 'none' as const } : null;
-            return target ? [...pageActions(pageResourceFromTarget(target), 'workspace'), ...(tab.menuGroups ?? [])] : tab.menuGroups;
+            return target ? [...(tab.menuGroups ?? []), ...pageActions(pageResourceFromTarget(target), 'workspace')] : tab.menuGroups;
           })(),
           onMoveGlobal: tab.kind === 'file' ? () => presenter.chatThreadManager.moveFileToGlobal(tab.key.slice('file:'.length), { workingDir: sessionWorkingDir, projectRoot: sessionProjectRoot }, getAppPresenter().docBrowserManager)
             : tab.kind === 'child-session' && tab.sessionKey ? () => {

package/src/features/chat/managers/chat-voice-input.manager.ts

@@ -1,8 +1,8 @@
 import type { ChatComposerDictationSession } from '@nextclaw/agent-chat-ui';
-import { checkMicrophoneAccess, classifyMicrophoneError } from '@/features/chat/utils/chat-voice-permissions.utils';
+import { checkMicrophoneAccess, classifyMicrophoneError, isMicrophoneSecureContext } from '@/features/chat/utils/chat-voice-permissions.utils';
 
 export type VoicePhase = 'idle' | 'ready' | 'starting' | 'recording' | 'stopping' | 'error';
-export type VoiceError = 'unsupported' | 'permission' | 'service-denied' | 'no-device' | 'device-busy' | 'network' | 'audio-capture' | 'no-speech' | 'interrupted' | 'timeout' | 'failed';
+export type VoiceError = 'insecure-context' | 'unsupported' | 'permission' | 'service-denied' | 'no-device' | 'device-busy' | 'network' | 'audio-capture' | 'no-speech' | 'interrupted' | 'timeout' | 'failed';
 export type VoiceSnapshot = { phase: VoicePhase; text: string; interim: string; seconds: number; error: VoiceError | null };
 export type SpeechRecognitionLike = {
   lang: string;
@@ -38,7 +38,8 @@ export class ChatVoiceInputManager {
   private draft: ChatComposerDictationSession | null = null;
 
   constructor(private readonly createRecognition = createBrowserRecognition,
-    private readonly checkMicrophone = checkMicrophoneAccess) {}
+    private readonly checkMicrophone = checkMicrophoneAccess,
+    private readonly isSecureContext = isMicrophoneSecureContext) {}
 
   getSnapshot = (): VoiceSnapshot => this.snapshot;
   subscribe = (listener: () => void): (() => void) => {
@@ -70,6 +71,7 @@ export class ChatVoiceInputManager {
     this.draft = draft;
     this.update({ ...initialSnapshot(), phase: 'starting' });
     try {
+      if (!this.isSecureContext()) { this.fail('insecure-context'); return; }
       const recognition = this.createRecognition();
       if (!recognition) { this.fail('unsupported'); return; }
       this.recognition = recognition;