@nextclaw/ui 0.26.3 → 0.26.5

package/src/features/side-dock/components/side-dock.tsx

@@ -60,9 +60,9 @@ function SideDockButton({
             onClick={() => onOpen(item)}
             className={cn(
               'flex h-10 w-10 shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-colors',
-              'hover:bg-primary/10 hover:text-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border',
+              'hover:bg-[var(--interaction-hover)] hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border',
               active
-                ? 'bg-primary/10 text-primary'
+                ? 'bg-[var(--interaction-selection)] text-foreground hover:bg-[var(--interaction-selection)]'
                 : 'bg-transparent',
             )}
           >
@@ -78,7 +78,7 @@ function SideDockButton({
               event.stopPropagation();
               onUnpin(item);
             }}
-            className="absolute -right-1 -top-1 hidden h-4 w-4 items-center justify-center rounded-full bg-background text-muted-foreground shadow-sm ring-1 ring-border/70 transition-colors hover:bg-muted hover:text-foreground group-hover:flex focus-visible:flex focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border"
+            className="absolute -right-1 -top-1 hidden h-4 w-4 items-center justify-center rounded-full bg-background text-muted-foreground shadow-sm ring-1 ring-border/70 transition-colors hover:bg-[var(--interaction-hover)] hover:text-foreground group-hover:flex focus-visible:flex focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border"
           >
             <X className="h-3 w-3" aria-hidden="true" />
           </button>
@@ -109,7 +109,7 @@ function SideDockActionButton({
           onClick={onClick}
           className={cn(
             'flex h-10 w-10 shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-colors',
-            'hover:bg-primary/10 hover:text-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border',
+            'hover:bg-[var(--interaction-hover)] hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border',
           )}
         >
           <Icon className="h-5 w-5" aria-hidden="true" />

package/src/index.css

@@ -140,6 +140,10 @@
     box-shadow: var(--shadow-card);
   }
 
+  .shadow-floating {
+    box-shadow: var(--shadow-popover);
+  }
+
   .shadow-card-hover {
     box-shadow: var(--shadow-card-hover);
   }

package/src/platforms/desktop/components/desktop-window-chrome.tsx

@@ -90,7 +90,7 @@ function DesktopWindowControlButton({
       className={
         control.variant === "danger"
           ? "desktop-window-no-drag flex h-10 w-[46px] items-center justify-center text-gray-700 transition-colors hover:bg-red-500 hover:text-white"
-          : "desktop-window-no-drag flex h-10 w-[46px] items-center justify-center text-gray-700 transition-colors hover:bg-black/10"
+          : "desktop-window-no-drag flex h-10 w-[46px] items-center justify-center text-gray-700 transition-colors hover:bg-[var(--interaction-hover)]"
       }
       onClick={() => {
         void window.nextclawDesktop?.controlWindow?.(control.action);

package/src/platforms/mobile/components/__tests__/mobile-app-shell.test.tsx

@@ -31,6 +31,15 @@ function renderShell(pathname: string) {
 }
 
 describe("MobileAppShell", () => {
+  it("lets inbox details own their reading chrome and restores navigation on the list", () => {
+    const detail = renderShell("/inbox/report-1");
+    expect(screen.queryByTestId("mobile-bottom-nav")).toBeNull();
+    expect(screen.queryByTestId("mobile-topbar")).toBeNull();
+    detail.unmount();
+    renderShell("/inbox");
+    expect(screen.getByTestId("mobile-bottom-nav")).toBeTruthy();
+    expect(screen.getByTestId("mobile-topbar")).toBeTruthy();
+  });
   it("shows the bottom navigation on the chat list route", () => {
     const { shell } = renderShell("/chat");
 

package/src/platforms/mobile/components/mobile-app-shell.tsx

@@ -1,6 +1,7 @@
 import { lazy, Suspense } from "react";
 import {
   isChatSessionDetailRoute,
+  isInboxDetailRoute,
   isMainWorkspaceRoute,
 } from "@/app/configs/app-navigation.config";
 import { MobileBottomNav } from "@/platforms/mobile/components/mobile-bottom-nav";
@@ -32,8 +33,9 @@ export function MobileAppShell({
   children,
 }: MobileAppShellProps) {
   const isMainRoute = isMainWorkspaceRoute(pathname);
-  const showTopbar = pathname !== '/chat' && !isChatSessionDetailRoute(pathname);
-  const showBottomNav = !isChatSessionDetailRoute(pathname);
+  const ownsDetailChrome = isChatSessionDetailRoute(pathname) || isInboxDetailRoute(pathname);
+  const showTopbar = pathname !== '/chat' && !ownsDetailChrome;
+  const showBottomNav = !ownsDetailChrome;
 
   return (
     <div className="flex h-[100svh] flex-col bg-background font-sans text-foreground supports-[height:100dvh]:h-[100dvh]">

package/src/platforms/mobile/components/mobile-bottom-nav.tsx

@@ -40,8 +40,8 @@ export function MobileBottomNav() {
                 className={cn(
                   "group flex min-h-12 flex-col items-center justify-center gap-1 rounded-xl px-0.5 py-1 text-[11px] font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border",
                   active
-                    ? "bg-muted text-foreground"
-                    : "text-muted-foreground hover:bg-muted hover:text-foreground",
+                    ? "bg-[var(--interaction-selection)] text-foreground"
+                    : "text-muted-foreground hover:bg-[var(--interaction-hover)] hover:text-foreground",
                 )}
               >
                 <span className="relative">
@@ -64,7 +64,7 @@ export function MobileBottomNav() {
           <button
             type="button"
             onClick={() => openApps(docBrowser)}
-            className="group flex min-h-12 w-full flex-col items-center justify-center gap-1 rounded-xl px-0.5 py-1 text-[11px] font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border"
+            className="group flex min-h-12 w-full flex-col items-center justify-center gap-1 rounded-xl px-0.5 py-1 text-[11px] font-medium text-muted-foreground transition-colors hover:bg-[var(--interaction-hover)] hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border"
           >
             <Boxes className="h-5 w-5 text-muted-foreground" />
             <span className="max-w-full truncate">{t("appsTitle")}</span>

package/src/platforms/mobile/components/mobile-topbar.tsx

@@ -6,8 +6,8 @@ import { IconActionButton } from "@/shared/components/ui/actions/icon-action-but
 
 export function MobileTopbar({ leadingInset }: { leadingInset?: string }) {
   const navigate = useNavigate();
-  const { pathname } = useLocation();
-  const routeMeta = resolveMobileRouteMeta(pathname, t);
+  const { pathname, state } = useLocation();
+  const routeMeta = resolveMobileRouteMeta(pathname, t, typeof state?.returnTo === 'string' ? state.returnTo : undefined);
 
   return (
     <header

package/src/shared/components/common/brand-header.tsx

@@ -181,7 +181,7 @@ function RuntimeUpdateReleaseNotesHover({
           external
           icon={null}
           aria-label={label}
-          className="whitespace-nowrap rounded-md border bg-popover px-3 py-1.5 text-left text-xs font-medium text-popover-foreground shadow-md outline-none transition-colors hover:bg-gray-100 focus-visible:ring-2 focus-visible:ring-gray-300"
+          className="whitespace-nowrap rounded-md border bg-popover px-3 py-1.5 text-left text-xs font-medium text-popover-foreground shadow-md outline-none transition-colors hover:bg-[var(--interaction-hover)] focus-visible:ring-2 focus-visible:ring-gray-300"
         >
           {label}
         </NavigationLink>

package/src/shared/components/common/searchable-model-input.tsx

@@ -152,7 +152,7 @@ export function SearchableModelInput({
                 onChange(value.trim());
                 closeMenu();
               }}
-              className="flex w-full items-center gap-2 px-3 py-2 text-left text-sm hover:bg-gray-50"
+              className="flex w-full items-center gap-2 px-3 py-2 text-left text-sm hover:bg-[var(--interaction-hover)]"
             >
               <Check className="h-4 w-4 text-transparent" />
               <span className="truncate text-gray-700">
@@ -170,7 +170,7 @@ export function SearchableModelInput({
                 onChange(option);
                 closeMenu();
               }}
-              className="flex w-full items-center gap-2 px-3 py-2 text-left text-sm hover:bg-gray-50"
+              className="flex w-full items-center gap-2 px-3 py-2 text-left text-sm hover:bg-[var(--interaction-hover)]"
             >
               <Check className={cn('h-4 w-4', option === value.trim() ? 'text-primary' : 'text-transparent')} />
               <span className="truncate text-gray-700">{option}</span>

package/src/shared/components/config-split-page.tsx

@@ -47,7 +47,7 @@ export function ConfigSplitPage({
               <button
                 type='button'
                 onClick={onMobileBack}
-                className='inline-flex items-center gap-2 rounded-lg px-2 py-1.5 text-sm font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40'
+                className='inline-flex items-center gap-2 rounded-lg px-2 py-1.5 text-sm font-medium text-muted-foreground transition-colors hover:bg-[var(--interaction-hover)] hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40'
               >
                 <ArrowLeft className='h-4 w-4' />
                 <span>{mobileListLabel ?? t('backToMain')}</span>
@@ -122,8 +122,8 @@ export function ConfigSelectionCard({
       className={cn(
         'w-full rounded-xl p-2.5 text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40',
         active
-          ? 'bg-background/95 text-foreground shadow-sm'
-          : 'bg-transparent text-muted-foreground hover:bg-background/65 hover:text-foreground',
+          ? 'bg-[var(--interaction-selection)] text-foreground'
+          : 'bg-transparent text-muted-foreground hover:bg-[var(--interaction-hover)] hover:text-foreground',
         className
       )}
       {...props}

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

@@ -130,8 +130,8 @@ export function DocBrowserTabStrip({
       tabsClassName="items-center gap-0.5"
       actionsClassName="h-full max-md:h-11 max-md:w-full items-center gap-0.5"
       tabBaseClassName="inline-flex cursor-pointer items-center gap-0.5 h-7 max-md:min-h-11 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"
+      activeTabClassName="bg-[var(--interaction-selection)] text-foreground"
+      inactiveTabClassName="text-muted-foreground hover:bg-[var(--interaction-hover)] hover:text-foreground"
       labelClassName="px-0.5 text-xs font-normal"
 
     />

package/src/shared/components/path-picker/server-path-picker-locations.tsx

@@ -112,7 +112,7 @@ export function ServerPathPickerLocations({
         type="button"
         className={cn(
           'flex w-full items-center gap-2 rounded-md px-2 py-2 text-left text-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border',
-          active ? 'bg-primary/12 text-primary' : 'text-foreground hover:bg-[var(--interaction-hover)]',
+          active ? 'bg-[var(--interaction-selection)] text-foreground' : 'text-foreground hover:bg-[var(--interaction-hover)]',
         )}
         aria-current={active ? 'location' : undefined}
         onClick={() => onNavigate(item.path)}

package/src/shared/components/ui/button.tsx

@@ -7,13 +7,13 @@ const buttonVariants = cva(
   {
     variants: {
       variant: {
-        default: 'bg-primary text-primary-foreground hover:bg-primary-600 active:bg-primary-700 shadow-sm',
+        default: 'bg-primary text-primary-foreground hover:bg-[hsl(var(--primary-hover))] active:bg-[hsl(var(--primary-active))] shadow-sm',
         destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
         outline: 'border border-border bg-card text-muted-foreground hover:bg-[var(--interaction-hover)] hover:text-accent-foreground',
         secondary: 'bg-muted text-foreground hover:bg-[var(--interaction-hover)] hover:text-accent-foreground',
         ghost: 'text-muted-foreground hover:bg-[var(--interaction-hover)] hover:text-accent-foreground',
         link: 'text-primary underline-offset-4 hover:underline',
-        primary: 'bg-primary text-primary-foreground hover:bg-primary-600 active:bg-primary-700 shadow-sm',
+        primary: 'bg-primary text-primary-foreground hover:bg-[hsl(var(--primary-hover))] active:bg-[hsl(var(--primary-active))] shadow-sm',
         subtle: 'bg-muted text-muted-foreground hover:bg-[var(--interaction-hover)] hover:text-accent-foreground',
         'primary-outline': 'border border-primary/30 text-primary hover:bg-primary hover:text-primary-foreground'
       },

package/src/shared/components/ui/card.tsx

@@ -17,7 +17,7 @@ const Card = React.forwardRef<
         ? 'border-border shadow-card'
         : 'border-border/75 shadow-none',
       hover && surface === 'raised' && 'hover:border-primary/25 hover:shadow-card-hover',
-      hover && surface === 'flat' && 'hover:bg-muted/40',
+      hover && surface === 'flat' && 'hover:bg-[var(--interaction-hover)]',
       className
     )}
     {...props}

package/src/shared/components/ui/context-menu/context-menu-items.tsx

@@ -2,11 +2,11 @@ import { useCallback, useEffect, useRef, useState, type ReactNode } from "react"
 import * as Popover from "@radix-ui/react-popover";
 import { ChevronRight } from "lucide-react";
 import { cn } from "@/shared/lib/utils";
-import { ACTION_FEEDBACK, ACTION_MENU_ITEM_CLASS } from '../actions/action-feedback';
+import { ACTION_FEEDBACK, ACTION_MENU_ITEM_CLASS } from '@/shared/components/ui/actions/action-feedback';
 import type { ContextMenuGroup, ContextMenuItem } from "./context-menu";
 
 export const CONTEXT_MENU_SURFACE_CLASS =
-  "w-max min-w-52 max-w-[min(18rem,calc(100vw-16px))] overflow-y-auto rounded-xl border border-border bg-popover p-1 text-popover-foreground shadow-[0_18px_48px_-20px_rgba(15,23,42,0.42)] outline-none";
+  "w-max min-w-52 max-w-[min(18rem,calc(100vw-16px))] overflow-y-auto rounded-xl border border-border/40 bg-popover p-1 text-popover-foreground shadow-floating outline-none";
 
 function MenuItemContent({ item }: { item: ContextMenuItem }) {
   return <>
@@ -152,7 +152,7 @@ export function ContextMenuItems({ groups, onClose }: {
     }}
   >
     {groups.filter((group) => group.items.length).map((group, index) => <div key={group.key} role="group">
-      {index > 0 ? <div className="my-1 h-px bg-border" /> : null}
+      {index > 0 ? <div className="mx-2 my-1 h-px bg-border/50" /> : null}
       {group.items.map((item) => {
         const className = cn(
           ACTION_MENU_ITEM_CLASS,

package/src/shared/components/ui/input.tsx

@@ -1,16 +1,20 @@
 import * as React from 'react';
 import { cn } from '@/shared/lib/utils';
 
-export type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
+export type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
+  density?: 'default' | 'compact';
+};
 
 const Input = React.forwardRef<HTMLInputElement, InputProps>(
-  ({ className, type, ...props }, ref) => {
+  ({ className, density = 'default', type, ...props }, ref) => {
     return (
       <input
         type={type}
         className={cn(
           'flex h-9 w-full rounded-xl border border-border/75 bg-card px-3.5 py-2 text-sm text-foreground file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground/55 placeholder:font-normal transition-colors focus:outline-none focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50',
-          'max-md:min-h-[var(--control-touch-size)] max-md:text-base',
+          density === 'default'
+            ? 'max-md:min-h-[var(--control-touch-size)] max-md:text-base'
+            : 'text-[13px] max-md:min-h-0 max-md:text-[13px]',
           className
         )}
         ref={ref}

package/src/shared/components/ui/overlays/sheet.tsx

@@ -69,7 +69,7 @@ const SheetContent = React.forwardRef<
       }}
     >
       {children}
-      <SheetPrimitive.Close className="absolute right-4 top-4 rounded-lg p-1.5 text-muted-foreground opacity-75 transition-colors hover:bg-muted hover:text-foreground hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border disabled:pointer-events-none">
+      <SheetPrimitive.Close className="absolute right-4 top-4 rounded-lg p-1.5 text-muted-foreground opacity-75 transition-colors hover:bg-[var(--interaction-hover)] hover:text-foreground hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border disabled:pointer-events-none">
         <X className="h-4 w-4" />
         <span className="sr-only">{closeLabel}</span>
       </SheetPrimitive.Close>

package/src/shared/components/ui/popover.tsx

@@ -31,7 +31,7 @@ const PopoverContent = React.forwardRef<
       align={align}
       collisionPadding={collisionPadding}
       className={cn(
-        'z-[var(--z-popover,10100)] w-72 overflow-x-hidden overflow-y-auto rounded-2xl border border-border bg-popover p-4 text-popover-foreground shadow-lg animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+        'z-[var(--z-popover,10100)] w-72 overflow-x-hidden overflow-y-auto rounded-xl border border-border/40 bg-popover p-4 text-popover-foreground shadow-floating animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
         className,
         variant === 'menu' && CONTEXT_MENU_SURFACE_CLASS
       )}

package/src/shared/components/ui/select.tsx

@@ -80,7 +80,7 @@ const SelectContent = React.forwardRef<
             ref={ref}
             data-theme-overlay="select"
             className={cn(
-                "relative z-[var(--z-popover,10100)] flex max-h-96 min-w-[8rem] flex-col overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+                "relative z-[var(--z-popover,10100)] flex max-h-96 min-w-[8rem] flex-col overflow-hidden rounded-xl border border-border/40 bg-popover text-popover-foreground shadow-floating data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
                 position === "popper" &&
                 "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
                 className
@@ -121,7 +121,7 @@ const SelectItem = React.forwardRef<
     <SelectPrimitive.Item
         ref={ref}
         className={cn(
-            "relative flex max-md:min-h-[var(--control-touch-size)] w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 hover:bg-[var(--interaction-hover)]",
+            "relative flex max-md:min-h-[var(--control-touch-size)] w-full cursor-default select-none items-center rounded-lg py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-[var(--interaction-hover)] focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 hover:bg-[var(--interaction-hover)]",
             className
         )}
         {...props}

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

@@ -233,12 +233,12 @@ function CompactTabItem({
       onClick={(event) => event.target === event.currentTarget && tab.onSelect()}
       className={cn(
         tabBaseClassName ??
-          "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",
+          "flex h-8 max-w-[180px] cursor-pointer items-center gap-1.5 border-r border-border/50 px-2.5 transition-colors",
         "group relative",
         tab.active
-          ? (activeTabClassName ?? "border-b-primary bg-white text-gray-900")
+          ? (activeTabClassName ?? "bg-background text-foreground")
           : (inactiveTabClassName ??
-            "border-b-transparent bg-gray-50/85 text-gray-500 hover:bg-gray-100"),
+            "bg-transparent text-muted-foreground hover:bg-[var(--interaction-hover)]"),
       )}
     >
       <CompactTabLabelButton tab={tab} labelClassName={labelClassName} />
@@ -287,7 +287,7 @@ export function CompactTabStrip({
     >
       <div
         className={cn(
-          "min-w-0 flex-1 overflow-x-auto overflow-y-hidden",
+          "flex min-w-0 flex-1 items-stretch overflow-x-auto overflow-y-hidden",
           scrollClassName,
         )}
         onPointerDown={onScrollPointerDown}

package/src/shared/components/ui/tabs.tsx

@@ -89,7 +89,7 @@ export function TabsTrigger({ value, children, className }: TabsTriggerProps) {
       className={cn(
         'inline-flex max-md:min-h-[var(--control-touch-size)] items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-[13px] font-medium transition-all duration-fast focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border disabled:pointer-events-none disabled:opacity-50',
         isActive
-          ? 'bg-card text-foreground shadow-sm'
+          ? 'bg-[var(--interaction-selection)] text-foreground'
           : 'text-muted-foreground hover:bg-[var(--interaction-hover)] hover:text-accent-foreground',
         className
       )}

package/src/shared/components/workbench/workbench-surface.tsx

@@ -265,7 +265,7 @@ export function WorkbenchSurface({
       }}
     >
       <header
-        className="flex min-h-10 shrink-0 select-none items-center gap-1 border-b border-border/60 bg-muted/30 px-2"
+        className={cn("flex shrink-0 select-none items-center gap-1 border-b border-border/60 bg-muted/30 pr-2", navigation && !state.minimized ? "min-h-8 pl-0" : "min-h-10 pl-2")}
         style={{ touchAction: floating ? "none" : undefined, paddingTop: isCompact ? "env(safe-area-inset-top, 0px)" : undefined }}
         onPointerDown={(event) => startInteraction(event)}
         onDoubleClick={(event) => {

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

@@ -282,8 +282,6 @@
   "chatHistoryLoadFailed": "Couldn’t load earlier messages",
   "chatHistoryRetry": "Retry",
   "chatProcessSummaryProcessed": "Processed",
-  "chatProcessSummaryError": "Failed",
-  "chatProcessSummaryStopped": "Stopped",
   "chatProcessDurationHoursMinutes": "{hours}h {minutes}m",
   "chatProcessDurationHours": "{hours}h",
   "chatProcessDurationMinutesSeconds": "{minutes}m {seconds}s",
@@ -610,6 +608,7 @@
   "chatMessageCopy": "Copy",
   "chatMessageCopied": "Copied",
   "chatMermaidDiagram": "Diagram",
+  "chatMarkdownFrontmatter": "Document properties",
   "chatMermaidExpand": "Expand diagram",
   "chatMermaidLoading": "Rendering diagram…",
   "chatMermaidRenderError": "Diagram could not be rendered; showing source instead",

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

@@ -282,8 +282,6 @@
   "chatHistoryLoadFailed": "较早消息加载失败",
   "chatHistoryRetry": "重试",
   "chatProcessSummaryProcessed": "已处理",
-  "chatProcessSummaryError": "处理失败",
-  "chatProcessSummaryStopped": "已停止",
   "chatProcessDurationHoursMinutes": "{hours}小时{minutes}分钟",
   "chatProcessDurationHours": "{hours}小时",
   "chatProcessDurationMinutesSeconds": "{minutes}分钟{seconds}秒",
@@ -610,6 +608,7 @@
   "chatMessageCopy": "复制",
   "chatMessageCopied": "已复制",
   "chatMermaidDiagram": "图表",
+  "chatMarkdownFrontmatter": "文档属性",
   "chatMermaidExpand": "放大图表",
   "chatMermaidLoading": "正在渲染图表…",
   "chatMermaidRenderError": "图表无法渲染，已显示源代码",