@nextclaw/ui 0.17.1 → 0.18.0

package/src/shared/components/doc-browser/doc-browser-tab-strip.tsx

@@ -1,13 +1,18 @@
-import type { PointerEvent } from "react";
+import { useState, type PointerEvent } from "react";
 import {
+  AppWindow,
   ArrowLeft,
   ArrowRight,
+  BookOpen,
+  Boxes,
+  Github,
   PanelRightOpen,
   PictureInPicture2,
   Pin,
   PinOff,
   Plus,
   X,
+  type LucideIcon,
 } from "lucide-react";
 import type { DocBrowserDockState, DocBrowserTab } from "./doc-browser-context";
 import type { ContextMenuGroup } from "@/shared/components/ui/context-menu/context-menu";
@@ -39,6 +44,68 @@ type DocBrowserTabStripProps = {
   getTabMenuGroups?: (tab: DocBrowserTab) => readonly ContextMenuGroup[] | undefined;
 };
 
+const DOC_BROWSER_BUILTIN_TAB_ICONS: Record<string, LucideIcon> = {
+  apps: Boxes,
+  docs: BookOpen,
+  github: Github,
+  "new-tab": Plus,
+  "panel-app": AppWindow,
+  "service-apps": AppWindow,
+};
+
+function DocBrowserUrlTabIcon({
+  fallbackIcon: FallbackIcon,
+  url,
+}: {
+  fallbackIcon: LucideIcon;
+  url: string;
+}) {
+  const [loadFailed, setLoadFailed] = useState(false);
+  return loadFailed ? (
+    <FallbackIcon className="h-3.5 w-3.5 text-muted-foreground" aria-hidden="true" />
+  ) : (
+    <img
+      src={url}
+      alt=""
+      className="h-3.5 w-3.5 rounded-sm object-cover"
+      onError={() => setLoadFailed(true)}
+    />
+  );
+}
+
+function DocBrowserTabIcon({ tab }: { tab: DocBrowserTab }) {
+  const { dockIcon } = tab;
+  const fallbackIcon = tab.kind === "docs"
+    ? BookOpen
+    : tab.kind === "home"
+      ? Plus
+      : tab.kind === "apps"
+        ? Boxes
+        : AppWindow;
+  const Icon = dockIcon?.type === "builtin"
+    ? (DOC_BROWSER_BUILTIN_TAB_ICONS[dockIcon.name] ?? fallbackIcon)
+      : fallbackIcon;
+
+  if (dockIcon?.type === "url") {
+    return (
+      <DocBrowserUrlTabIcon
+        key={dockIcon.url}
+        fallbackIcon={fallbackIcon}
+        url={dockIcon.url}
+      />
+    );
+  }
+  if (dockIcon?.type === "text") {
+    return (
+      <span className="max-w-3.5 truncate text-[10px] font-semibold leading-none" aria-hidden="true">
+        {dockIcon.value}
+      </span>
+    );
+  }
+
+  return <Icon className="h-3.5 w-3.5 text-muted-foreground" aria-hidden="true" />;
+}
+
 function shouldBlockHeaderDrag(target: EventTarget | null): boolean {
   return target instanceof Element && Boolean(
     target.closest("button, a, input, textarea, select, [data-compact-tab-item]"),
@@ -80,8 +147,9 @@ export function DocBrowserTabStrip({
     label: tab.title || t("docBrowserTabUntitled"),
     active: tab.id === activeTabId,
     tooltip: tab.title,
+    leadingIcon: <DocBrowserTabIcon tab={tab} />,
     closeLabel: closeTabLabel,
-    closePlacement: "trailing",
+    closePlacement: "leading-hover",
     onSelect: () => onSetActiveTab(tab.id),
     onClose: () => onCloseTab(tab.id),
     menuLabel: t("docBrowserTabMoreActions"),
@@ -132,7 +200,7 @@ export function DocBrowserTabStrip({
       tabsClassName="items-center gap-0.5"
       actionsClassName="h-full items-center gap-0.5"
       actionButtonClassName="rounded-md p-1.5 text-muted-foreground hover:bg-muted/60 hover:text-foreground disabled:opacity-50"
-      tabBaseClassName="group inline-flex min-w-0 cursor-pointer items-center gap-0.5 h-7 px-2 rounded-md text-xs max-w-[220px] shrink-0 transition-colors"
+      tabBaseClassName="inline-flex cursor-pointer items-center gap-0.5 h-7 px-2 rounded-md text-xs max-w-[220px] shrink-0 transition-colors"
       activeTabClassName="bg-muted/80 text-foreground"
       inactiveTabClassName="text-muted-foreground hover:bg-muted/45 hover:text-foreground"
       labelClassName="px-0.5 text-xs font-normal"

package/src/shared/components/ui/tab-strip/__tests__/compact-tab-strip.test.tsx

@@ -113,7 +113,7 @@ describe("CompactTabStrip", () => {
             active: false,
             closeLabel: "Close preview",
             closePlacement: "leading-hover",
-            leadingIcon: <span />,
+            leadingIcon: <span data-testid="preview-tab-icon" />,
             onClose,
             onSelect,
           },
@@ -126,6 +126,83 @@ describe("CompactTabStrip", () => {
 
     expect(onClose).toHaveBeenCalledTimes(1);
     expect(onSelect).not.toHaveBeenCalled();
+    expect(
+      screen.getByTestId("preview-tab-icon").parentElement?.className,
+    ).toContain("group-hover:opacity-0");
+  });
+
+  it("overlays the close action at the start without changing the tab width on hover", () => {
+    render(
+      <CompactTabStrip
+        tabs={[
+          {
+            key: "marketplace",
+            label: "NextClaw Marketplace",
+            active: true,
+            closeLabel: "Close tab",
+            closePlacement: "leading-hover",
+            menuLabel: "More tab actions",
+            menuGroups: [{ key: "tab", items: [{ key: "close", label: "Close", onSelect: vi.fn() }] }],
+            onClose: vi.fn(),
+            onSelect: vi.fn(),
+          },
+        ]}
+        actions={[]}
+      />,
+    );
+
+    const tabItem = screen.getByRole("button", { name: "NextClaw Marketplace" })
+      .closest("[data-compact-tab-item]");
+    const leadingActions = tabItem?.querySelector(
+      '[data-compact-tab-leading-actions=""]',
+    );
+    const trailingActions = tabItem?.querySelector(
+      '[data-compact-tab-trailing-actions=""]',
+    );
+    const trailingSpacer = tabItem?.querySelector(
+      '[data-compact-tab-trailing-spacer=""]',
+    );
+    const leadingSlot = tabItem?.querySelector(
+      '[data-compact-tab-leading-slot=""]',
+    );
+
+    expect(tabItem?.className).toContain("relative");
+    expect(tabItem?.className).toContain("max-w-[180px]");
+    expect(tabItem?.className).not.toContain("min-w-[");
+    expect(leadingSlot?.className).toContain("w-3.5");
+    expect(leadingSlot?.className).toContain("shrink-0");
+    expect(leadingActions?.className).toContain("absolute");
+    expect(leadingActions?.className).toContain("left-1");
+    expect(leadingActions?.className).toContain("opacity-0");
+    expect(leadingActions?.className).toContain("pointer-events-none");
+    expect(leadingActions?.className).not.toContain("bg-inherit");
+    expect(leadingActions?.className).toContain("group-hover:opacity-100");
+    expect(leadingActions?.className).toContain("group-focus-within:opacity-100");
+    expect(trailingActions?.className).toContain("absolute");
+    expect(trailingActions?.className).toContain("opacity-0");
+    expect(trailingActions?.className).toContain("pointer-events-none");
+    expect(trailingActions?.className).not.toContain("bg-inherit");
+    expect(trailingActions?.className).toContain("group-hover:opacity-100");
+    expect(trailingActions?.className).toContain("group-focus-within:opacity-100");
+    expect(trailingActions?.className).not.toContain("w-0");
+    expect(trailingActions?.className).not.toContain("transition-[width");
+    expect(trailingSpacer?.className).toContain("w-6");
+    expect(trailingSpacer?.className).toContain("shrink-0");
+    const closeButton = leadingActions?.querySelector<HTMLButtonElement>(
+      '[aria-label="Close tab"]',
+    );
+    const menuButton = trailingActions?.querySelector<HTMLButtonElement>(
+      '[aria-label="More tab actions"]',
+    );
+    expect(closeButton).toBeTruthy();
+    expect(menuButton).toBeTruthy();
+    expect(closeButton?.className).toBe(menuButton?.className);
+    expect(closeButton?.className).toContain("h-6");
+    expect(closeButton?.className).toContain("w-6");
+    expect(closeButton?.className).toContain("rounded-md");
+    expect(
+      trailingActions?.querySelector('[aria-label="Close tab"]'),
+    ).toBeNull();
   });
 
   it("opens a tab action menu without selecting the tab or restoring stale focus after an action", async () => {

package/src/shared/components/ui/tab-strip/compact-tab-strip.tsx

@@ -1,6 +1,9 @@
 import * as React from "react";
 import { MoreVertical, X } from "lucide-react";
-import { IconActionButton } from "@/shared/components/ui/actions/icon-action-button";
+import {
+  IconActionButton,
+  type IconActionButtonProps,
+} from "@/shared/components/ui/actions/icon-action-button";
 import {
   ContextMenu,
   ContextMenuTrigger,
@@ -63,28 +66,94 @@ function closeCompactTab(event: React.MouseEvent<HTMLButtonElement>, onClose: ()
   onClose();
 }
 
+function CompactTabActionButton(props: IconActionButtonProps) {
+  return <IconActionButton {...props} size="sm" tone="strong" />;
+}
+
 function CompactTabMenu({ tab }: { tab: CompactTabStripTab }) {
   if (!tab.menuGroups?.some((group) => group.items.length > 0)) {
     return null;
   }
 
   const menuLabel = tab.menuLabel ?? tab.label;
+  return (
+    <div className="flex shrink-0">
+      <ContextMenuTrigger>
+        <CompactTabActionButton
+          icon={<MoreVertical className="h-3.5 w-3.5" />}
+          label={menuLabel}
+        />
+      </ContextMenuTrigger>
+    </div>
+  );
+}
+
+function CompactTabTrailingActions({ tab }: { tab: CompactTabStripTab }) {
+  const hasMenu = tab.menuGroups?.some((group) => group.items.length > 0) ?? false;
+  const hasTrailingClose = Boolean(
+    tab.onClose && tab.closePlacement !== "leading-hover",
+  );
+  const close = hasTrailingClose ? (
+    <CompactTabActionButton
+      icon={<X className="h-3.5 w-3.5" />}
+      label={tab.closeLabel ?? ""}
+      tooltip={tab.closeLabel ?? null}
+      onClick={(event) => closeCompactTab(event, tab.onClose!)}
+    />
+  ) : null;
+
+  if (!hasMenu && !hasTrailingClose) {
+    return null;
+  }
+
+  return (
+    <>
+      <span
+        aria-hidden="true"
+        data-compact-tab-trailing-spacer=""
+        className={cn(
+          "shrink-0",
+          hasMenu && hasTrailingClose
+            ? "w-[50px]"
+            : hasMenu
+              ? "w-6"
+              : "w-6",
+        )}
+      />
+      <div
+        data-compact-tab-trailing-actions=""
+        className={cn(
+          "pointer-events-none absolute inset-y-0 right-1 z-10 flex items-center gap-0.5 opacity-0",
+          "group-hover:pointer-events-auto group-hover:opacity-100 group-focus-within:pointer-events-auto group-focus-within:opacity-100",
+          "group-data-[context-menu-open]:pointer-events-auto group-data-[context-menu-open]:opacity-100",
+        )}
+      >
+        {hasMenu ? <CompactTabMenu tab={tab} /> : null}
+        {close}
+      </div>
+    </>
+  );
+}
+
+function CompactTabLeadingCloseOverlay({ tab }: { tab: CompactTabStripTab }) {
+  if (!tab.onClose || tab.closePlacement !== "leading-hover") {
+    return null;
+  }
+
   return (
     <div
+      data-compact-tab-leading-actions=""
       className={cn(
-        "-ml-1.5 flex w-0 shrink-0 overflow-hidden opacity-0 transition-[width,margin,opacity] group-hover:ml-0 group-hover:w-5 group-hover:opacity-100 group-focus-within:ml-0 group-focus-within:w-5 group-focus-within:opacity-100",
-        "group-data-[context-menu-open]:ml-0 group-data-[context-menu-open]:w-5 group-data-[context-menu-open]:opacity-100",
+        "pointer-events-none absolute inset-y-0 left-1 z-10 flex items-center opacity-0",
+        "group-hover:pointer-events-auto group-hover:opacity-100 group-focus-within:pointer-events-auto group-focus-within:opacity-100",
       )}
     >
-      <ContextMenuTrigger>
-        <button
-          type="button"
-          aria-label={menuLabel}
-          className="inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-md text-gray-400 transition-colors hover:bg-gray-200 hover:text-gray-700 focus-visible:bg-gray-200 focus-visible:text-gray-700 focus-visible:outline-none"
-        >
-          <MoreVertical className="h-3.5 w-3.5" />
-        </button>
-      </ContextMenuTrigger>
+      <CompactTabActionButton
+        icon={<X className="h-3.5 w-3.5" />}
+        label={tab.closeLabel ?? ""}
+        tooltip={tab.closeLabel ?? null}
+        onClick={(event) => closeCompactTab(event, tab.onClose!)}
+      />
     </div>
   );
 }
@@ -96,9 +165,9 @@ function CompactTabLabelButton({
   labelClassName?: string;
   tab: CompactTabStripTab;
 }) {
-  const leadingIcon = tab.onClose && tab.closePlacement === "leading-hover"
-    ? null
-    : tab.leadingIcon;
+  const hasLeadingClose = Boolean(
+    tab.onClose && tab.closePlacement === "leading-hover",
+  );
   const button = (
     <button
       type="button"
@@ -106,9 +175,15 @@ function CompactTabLabelButton({
       aria-label={tab.label}
       className="flex min-w-0 flex-1 items-center gap-1.5 text-left"
     >
-      {leadingIcon ? (
-        <span className="inline-flex shrink-0 items-center justify-center">
-          {leadingIcon}
+      {tab.leadingIcon || hasLeadingClose ? (
+        <span
+          data-compact-tab-leading-slot=""
+          className={cn(
+            "inline-flex h-3.5 w-3.5 shrink-0 items-center justify-center",
+            hasLeadingClose && "group-hover:opacity-0 group-focus-within:opacity-0",
+          )}
+        >
+          {tab.leadingIcon}
         </span>
       ) : null}
       <span className={cn("min-w-0 truncate text-[12px] font-medium", labelClassName, tab.labelClassName)}>
@@ -150,7 +225,6 @@ function CompactTabItem({
   | "labelClassName"
   | "tabBaseClassName"
 > & { itemRef?: React.Ref<HTMLDivElement>; tab: CompactTabStripTab }) {
-  const leadingClose = tab.onClose && tab.closePlacement === "leading-hover";
   const item = (
     <div
       ref={itemRef}
@@ -158,38 +232,17 @@ function CompactTabItem({
       onClick={(event) => event.target === event.currentTarget && tab.onSelect()}
       className={cn(
         tabBaseClassName ??
-          "group flex max-w-[180px] min-w-0 cursor-pointer items-center gap-1.5 border-r border-gray-200/70 border-b-2 px-2.5 py-2 transition-colors",
+          "flex max-w-[180px] cursor-pointer items-center gap-1.5 border-r border-gray-200/70 border-b-2 px-2.5 py-2 transition-colors",
+        "group relative",
         tab.active
           ? (activeTabClassName ?? "border-b-primary bg-white text-gray-900")
           : (inactiveTabClassName ??
             "border-b-transparent bg-gray-50/85 text-gray-500 hover:bg-gray-100"),
       )}
     >
-      {leadingClose ? (
-        <button
-          type="button"
-          onClick={(event) => closeCompactTab(event, tab.onClose!)}
-          className="relative inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-md text-gray-400 transition-colors hover:bg-gray-200 hover:text-gray-700"
-          aria-label={tab.closeLabel}
-        >
-          <span className="flex items-center justify-center group-hover:hidden">
-            {tab.leadingIcon}
-          </span>
-          <X className="hidden h-3.5 w-3.5 group-hover:block" />
-        </button>
-      ) : null}
       <CompactTabLabelButton tab={tab} labelClassName={labelClassName} />
-      <CompactTabMenu tab={tab} />
-      {tab.onClose && tab.closePlacement !== "leading-hover" ? (
-        <IconActionButton
-          size="sm"
-          tone="strong"
-          icon={<X className="h-3 w-3" />}
-          label={tab.closeLabel ?? ""}
-          tooltip={tab.closeLabel ?? null}
-          onClick={(event) => closeCompactTab(event, tab.onClose!)}
-        />
-      ) : null}
+      <CompactTabLeadingCloseOverlay tab={tab} />
+      <CompactTabTrailingActions tab={tab} />
     </div>
   );
 

package/src/shared/lib/api/__tests__/ncp-session-query-cache.utils.test.ts

@@ -183,6 +183,7 @@ describe('ncp-session-query-cache', () => {
   it('applies realtime upsert/delete events to every ncp-sessions query cache entry', () => {
     const queryClient = new QueryClient();
     queryClient.setQueryData(['ncp-sessions', 200], createSessionsList());
+    queryClient.setQueryData(['ncp-session-token-usage', 'session-3'], { runCount: 1 });
 
     applyNcpSessionRealtimeEvent(queryClient, {
       type: 'session.run-status',
@@ -212,6 +213,7 @@ describe('ncp-session-query-cache', () => {
     expect(
       queryClient.getQueryData<NcpSessionsListView>(['ncp-sessions', 200])?.sessions.map((session) => session.sessionId)
     ).toEqual(['session-3', 'session-1', 'session-2']);
+    expect(queryClient.getQueryState(['ncp-session-token-usage', 'session-3'])?.isInvalidated).toBe(true);
 
     applyNcpSessionRealtimeEvent(queryClient, {
       type: 'session.summary.delete',

package/src/shared/lib/api/ncp-session-query-cache.utils.ts

@@ -155,6 +155,10 @@ export function applyNcpSessionRealtimeEvent(
   }
   if (event.type === 'session.summary.upsert') {
     upsertNcpSessionSummaryInQueryClient(queryClient, event.payload.summary);
+    void queryClient?.invalidateQueries({
+      queryKey: ['ncp-session-token-usage', event.payload.summary.sessionId],
+      exact: true,
+    });
     return;
   }
 

package/src/shared/lib/api/ncp-session.types.ts

@@ -4,6 +4,7 @@ import type {
   NcpSessionStatus,
   NcpSessionSummary,
 } from "@nextclaw/ncp";
+import type { UiNcpSessionTokenUsageView } from "@nextclaw/client-sdk";
 import type { ThinkingLevel } from "./types";
 
 export type SessionTypeIconView = {
@@ -114,3 +115,5 @@ export type NcpSessionMessagesView = {
   total: number;
   pageInfo: NcpSessionMessagePageInfo;
 };
+
+export type NcpSessionTokenUsageView = UiNcpSessionTokenUsageView;

package/src/shared/lib/api/types.ts

@@ -24,6 +24,7 @@ export type {
   NcpSessionsListView,
   NcpMessageView,
   NcpSessionMessagesView,
+  NcpSessionTokenUsageView,
   SessionContextWindowView,
 } from './ncp-session.types';
 

package/src/shared/lib/api/utils/ncp-session.utils.ts

@@ -1,6 +1,7 @@
 import { nextclawClient } from "@/shared/lib/api/managers/client.manager";
 import type {
   NcpSessionMessagesView,
+  NcpSessionTokenUsageView,
   NcpSessionSkillsView,
   NcpSessionsListView,
   NcpSessionSummaryView,
@@ -26,6 +27,13 @@ export async function fetchNcpSessionMessages(
   )) as NcpSessionMessagesView;
 }
 
+// GET /api/ncp/sessions/:sessionId/usage
+export async function fetchNcpSessionTokenUsage(
+  sessionId: string,
+): Promise<NcpSessionTokenUsageView> {
+  return (await nextclawClient.sessions.getUsage(sessionId)) as NcpSessionTokenUsageView;
+}
+
 // GET /api/ncp/sessions/:sessionId/skills
 export async function fetchNcpSessionSkills(
   sessionId: string,

package/src/shared/lib/i18n/locales/en-US/chat.json

@@ -49,8 +49,27 @@
   "chatWorkspaceClosePanel": "Close workspace panel",
   "chatWorkspaceOverview": "Overview",
   "chatWorkspaceOverviewDescription": "Open this session's related conversations, scheduled work, and project files.",
+  "chatWorkspaceTokenUsage": "Token usage",
+  "chatWorkspaceTokenUsageDescription": "Counts this session's own AI runs. Cached input is included in input tokens; the hit rate is cached reads divided by all input.",
+  "chatWorkspaceTokenUsageLoading": "Calculating token usage…",
+  "chatWorkspaceTokenUsageLoadFailed": "Couldn’t load token usage.",
+  "chatWorkspaceTokenUsageRetry": "Retry",
+  "chatWorkspaceTokenUsageEmpty": "This session has no token usage to show yet. Some models and older runs may not report usage.",
+  "chatWorkspaceTokenUsageTotal": "Total tokens",
+  "chatWorkspaceTokenUsageInput": "Input",
+  "chatWorkspaceTokenUsageOutput": "Output",
+  "chatWorkspaceTokenUsageCachedInput": "Cached input",
+  "chatWorkspaceTokenUsageCacheHitRate": "Cache hit rate",
+  "chatWorkspaceTokenUsageRuns": "AI runs",
+  "chatWorkspaceTokenUsageByModel": "By model",
+  "chatWorkspaceTokenUsageModelRunCount": "Runs: {count}",
+  "chatWorkspaceTokenUsageModelCacheHitRate": "Cache hit rate: {rate}",
+  "chatWorkspaceTokenUsageReported": "Usage reported",
+  "chatWorkspaceTokenUsagePartial": "Partial usage",
+  "chatWorkspaceTokenUsageUnavailable": "Usage unavailable",
   "chatWorkspaceChildSessionsDescription": "Review the child sessions created from this conversation.",
   "chatWorkspaceChildSessionsEmpty": "No child sessions yet.",
+  "chatWorkspaceCreateChildSession": "New child session",
   "chatWorkspaceSessionCronJobsDescription": "Review scheduled tasks associated with this session.",
   "chatWorkspaceProjectFiles": "Project files",
   "chatWorkspaceShowProjectFiles": "Show project files",
@@ -277,6 +296,10 @@
   "chatSlashCommandCompactContextDetail": "Keeps the latest turn and the active task available for continuation.",
   "chatSlashCommandCompactContextSuccess": "Context compacted",
   "chatSlashCommandCompactContextFailed": "Couldn't compact context",
+  "chatSlashCommandUpdateSessionTitleTitle": "Update session title",
+  "chatSlashCommandUpdateSessionTitleDescription": "Ask AI to create a concise title from this conversation and update the session.",
+  "chatSlashCommandUpdateSessionTitleDetail": "Sends a message automatically without replacing your current draft.",
+  "chatSlashCommandUpdateSessionTitlePrompt": "Create a concise, accurate title based on this conversation, then use the sessions_update tool to update the current session title now. Do not only suggest a title.",
   "chatSlashPanelAppHint": "Press Enter to open this panel app on the right.",
   "chatSlashSkillHint": "Press Enter to add this skill for the next turn.",
   "chatPanelAppReferenceLoading": "Loading panel apps...",

package/src/shared/lib/i18n/locales/zh-CN/chat.json

@@ -49,8 +49,27 @@
   "chatWorkspaceClosePanel": "关闭工作区侧栏",
   "chatWorkspaceOverview": "概览",
   "chatWorkspaceOverviewDescription": "查看与当前会话相关的子会话、定时任务和项目文件。",
+  "chatWorkspaceTokenUsage": "Token 用量",
+  "chatWorkspaceTokenUsageDescription": "统计当前会话自身的 AI 运行。缓存输入已包含在输入 Token 中；命中率为缓存读取占全部输入的比例。",
+  "chatWorkspaceTokenUsageLoading": "正在统计 Token 用量…",
+  "chatWorkspaceTokenUsageLoadFailed": "Token 用量加载失败。",
+  "chatWorkspaceTokenUsageRetry": "重试",
+  "chatWorkspaceTokenUsageEmpty": "当前会话还没有可统计的 Token 用量。部分模型或旧运行可能不会报告用量。",
+  "chatWorkspaceTokenUsageTotal": "总 Token",
+  "chatWorkspaceTokenUsageInput": "输入",
+  "chatWorkspaceTokenUsageOutput": "输出",
+  "chatWorkspaceTokenUsageCachedInput": "缓存输入",
+  "chatWorkspaceTokenUsageCacheHitRate": "缓存命中率",
+  "chatWorkspaceTokenUsageRuns": "AI 运行",
+  "chatWorkspaceTokenUsageByModel": "按模型",
+  "chatWorkspaceTokenUsageModelRunCount": "{count} 次运行",
+  "chatWorkspaceTokenUsageModelCacheHitRate": "缓存命中率 {rate}",
+  "chatWorkspaceTokenUsageReported": "用量已报告",
+  "chatWorkspaceTokenUsagePartial": "部分用量",
+  "chatWorkspaceTokenUsageUnavailable": "用量不可用",
   "chatWorkspaceChildSessionsDescription": "查看从当前会话创建的子会话。",
   "chatWorkspaceChildSessionsEmpty": "当前还没有子会话。",
+  "chatWorkspaceCreateChildSession": "新建子会话",
   "chatWorkspaceSessionCronJobsDescription": "查看与当前会话关联的定时任务。",
   "chatWorkspaceProjectFiles": "项目文件",
   "chatWorkspaceShowProjectFiles": "展开项目文件",
@@ -59,7 +78,7 @@
   "chatWorkspaceProjectFilesDescription": "浏览已选项目目录中的文件。",
   "chatWorkspaceProjectFilesUnavailable": "请先选择项目目录，再浏览其中的文件。",
   "chatWorkspaceSideChatDraftTitle": "侧边对话",
-  "chatWorkspaceSideChatDraftSubtitle": "发送第一条消息后，会继承父会话上下文并创建真实 child 会话。",
+  "chatWorkspaceSideChatDraftSubtitle": "发送第一条消息后，会继承父会话上下文并创建真实子会话。",
   "chatWorkspaceChildSessions": "子会话",
   "chatWorkspaceOpen": "打开",
   "chatWorkspaceOpenFiles": "打开的文件",
@@ -277,6 +296,10 @@
   "chatSlashCommandCompactContextDetail": "保留最近一轮和当前任务，供后续继续处理。",
   "chatSlashCommandCompactContextSuccess": "上下文已压缩",
   "chatSlashCommandCompactContextFailed": "无法压缩上下文",
+  "chatSlashCommandUpdateSessionTitleTitle": "更新会话标题",
+  "chatSlashCommandUpdateSessionTitleDescription": "让 AI 根据当前会话内容生成简洁标题并完成更新。",
+  "chatSlashCommandUpdateSessionTitleDetail": "命令会自动发送一条消息，不会覆盖输入框中的草稿。",
+  "chatSlashCommandUpdateSessionTitlePrompt": "请根据当前会话内容生成一个简洁、准确的标题，然后立即使用 sessions_update 工具更新当前会话标题。不要只给出标题建议。",
   "chatSlashPanelAppHint": "回车在右侧打开这个面板应用。",
   "chatSlashSkillHint": "回车把该技能加入本轮请求。",
   "chatPanelAppReferenceLoading": "加载面板应用中…",

package/dist/assets/architecture-TIHT7OUA-DO2x53FK.js

@@ -1 +0,0 @@
-import"./chunk-KEIR6QF5-f9psyCXK.js";import{n as e}from"./chunk-MOZMSUNE-PfyK9w1-.js";export{e as createArchitectureServices};

package/dist/assets/channel-nBvMaVyP.js

@@ -1 +0,0 @@
-import{at as e,ot as t}from"./chunk-WYO6CB5R-Dn9To_OI.js";var n=(n,r)=>t.lang.round(e.parse(n)[r]);export{n as t};

package/dist/assets/chunk-2Q5K7J3B-CJgqFDS4.js

@@ -1 +0,0 @@
-import{n as e}from"./chunk-Y2CYZVJY-D1mAU_Po.js";var t=class{constructor(e){this.init=e,this.records=this.init()}static{e(this,`ImperativeState`)}reset(){this.records=this.init()}};export{t};

package/dist/assets/chunk-VAUOI2AC-BGvh3yIx.js

@@ -1 +0,0 @@
-import{n as e}from"./chunk-Y2CYZVJY-D1mAU_Po.js";import{p as t}from"./src-Bw-mzbQb.js";import{x as n}from"./chunk-WYO6CB5R-Dn9To_OI.js";var r=e(e=>{let{securityLevel:r}=n(),i=t(`body`);return r===`sandbox`&&(i=t((t(`#i${e}`).node()?.contentDocument??document).body)),i.select(`#${e}`)},`selectSvgElement`);export{r as t};

package/dist/assets/chunk-XXDRQBXY-DaBxG5gs.js

@@ -1 +0,0 @@
-import{n as e}from"./chunk-Y2CYZVJY-D1mAU_Po.js";import{p as t}from"./src-Bw-mzbQb.js";var n=e((e,n)=>{let r;return n===`sandbox`&&(r=t(`#i`+e)),t(n===`sandbox`?r.nodes()[0].contentDocument.body:`body`).select(`[id="${e}"]`)},`getDiagramElement`);export{n as t};

package/dist/assets/classDiagram-OUVF2IWQ-P6N03G2R.js

@@ -1 +0,0 @@
-import{n as e}from"./chunk-Y2CYZVJY-D1mAU_Po.js";import"./src-Bw-mzbQb.js";import"./chunk-WYO6CB5R-Dn9To_OI.js";import"./chunk-ICXQ74PX-FAatv5fC.js";import"./chunk-HOUHSVGY-DPkq8FCm.js";import"./chunk-Q4XR5HBZ-DQFeUPxZ.js";import"./chunk-7BUUIJ7U-BvydOcm3.js";import"./chunk-OGEWGWER-C3jdH3Ty.js";import"./chunk-32BRIVSS-7NrjEITq.js";import"./chunk-XXDRQBXY-DaBxG5gs.js";import"./chunk-VR4S4FIN-B7AHEYYk.js";import"./chunk-C7G6YPKG-DAizzYwr.js";import"./chunk-ZGVPDNZ5-C6YtZDU0.js";import"./chunk-52WLFC77-viIcqj9q.js";import"./chunk-FWX5IMBZ-D0ksHZZ9.js";import{i as t,n,r,t as i}from"./chunk-V7JOEXUC-CZ70oOtp.js";var a={parser:n,get db(){return new i},renderer:r,styles:t,init:e(e=>{e.class||={},e.class.arrowMarkerAbsolute=e.arrowMarkerAbsolute},`init`)};export{a as diagram};

package/dist/assets/classDiagram-v2-EOCWNBFH-B1_uLvMv.js

@@ -1 +0,0 @@
-import{n as e}from"./chunk-Y2CYZVJY-D1mAU_Po.js";import"./src-Bw-mzbQb.js";import"./chunk-WYO6CB5R-Dn9To_OI.js";import"./chunk-ICXQ74PX-FAatv5fC.js";import"./chunk-HOUHSVGY-DPkq8FCm.js";import"./chunk-Q4XR5HBZ-DQFeUPxZ.js";import"./chunk-7BUUIJ7U-BvydOcm3.js";import"./chunk-OGEWGWER-C3jdH3Ty.js";import"./chunk-32BRIVSS-7NrjEITq.js";import"./chunk-XXDRQBXY-DaBxG5gs.js";import"./chunk-VR4S4FIN-B7AHEYYk.js";import"./chunk-C7G6YPKG-DAizzYwr.js";import"./chunk-ZGVPDNZ5-C6YtZDU0.js";import"./chunk-52WLFC77-viIcqj9q.js";import"./chunk-FWX5IMBZ-D0ksHZZ9.js";import{i as t,n,r,t as i}from"./chunk-V7JOEXUC-CZ70oOtp.js";var a={parser:n,get db(){return new i},renderer:r,styles:t,init:e(e=>{e.class||={},e.class.arrowMarkerAbsolute=e.arrowMarkerAbsolute},`init`)};export{a as diagram};

package/dist/assets/cynefin-VYW2F7L2-B-H8Qp-n.js

@@ -1 +0,0 @@
-import"./chunk-KEIR6QF5-f9psyCXK.js";import{n as e}from"./chunk-OSBZ3O6U-CecHo-f0.js";export{e as createCynefinServices};

package/dist/assets/doc-browser-BbirIYbj.js

@@ -1 +0,0 @@
-import{t as e}from"./doc-browser-Crqog5cn.js";export{e as DocBrowser};