@nextclaw/ui 0.15.20 → 0.15.22

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

@@ -1,4 +1,5 @@
 import { fireEvent, render, screen } from "@testing-library/react";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { MemoryRouter } from "react-router-dom";
 import { describe, expect, it, vi } from "vitest";
 import { I18nProvider } from "@/app/components/i18n-provider";
@@ -11,15 +12,24 @@ vi.mock("@/shared/components/doc-browser", () => ({
   useDocBrowser: () => ({ open: vi.fn() }),
 }));
 
-describe("MobileBottomNav", () => {
-  it("highlights the settings tab for nested settings routes", () => {
-    render(
+function renderBottomNav(pathname: string) {
+  const queryClient = new QueryClient({
+    defaultOptions: { queries: { retry: false } },
+  });
+  return render(
+    <QueryClientProvider client={queryClient}>
       <I18nProvider>
-        <MemoryRouter initialEntries={["/providers"]}>
+        <MemoryRouter initialEntries={[pathname]}>
           <MobileBottomNav />
         </MemoryRouter>
-      </I18nProvider>,
-    );
+      </I18nProvider>
+    </QueryClientProvider>,
+  );
+}
+
+describe("MobileBottomNav", () => {
+  it("highlights the settings tab for nested settings routes", () => {
+    renderBottomNav("/providers");
 
     expect(
       screen.getByRole("link", { name: /settings/i }).getAttribute("aria-current"),
@@ -37,13 +47,7 @@ describe("MobileBottomNav", () => {
   });
 
   it("highlights the chat tab for chat routes", () => {
-    render(
-      <I18nProvider>
-        <MemoryRouter initialEntries={["/chat/demo-session"]}>
-          <MobileBottomNav />
-        </MemoryRouter>
-      </I18nProvider>,
-    );
+    renderBottomNav("/chat/demo-session");
 
     expect(
       screen.getByRole("link", { name: /chat/i }).getAttribute("aria-current"),
@@ -51,13 +55,7 @@ describe("MobileBottomNav", () => {
   });
 
   it("opens the apps panel from the mobile navigation", () => {
-    render(
-      <I18nProvider>
-        <MemoryRouter initialEntries={["/chat"]}>
-          <MobileBottomNav />
-        </MemoryRouter>
-      </I18nProvider>,
-    );
+    renderBottomNav("/chat");
 
     fireEvent.click(screen.getByRole("button", { name: "Apps" }));
 

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

@@ -6,6 +6,7 @@ import {
   matchesRouteTarget,
 } from "@/app/configs/app-navigation.config";
 import { openApps } from "@/features/panel-apps";
+import { useInboxUnreadCount } from "@/features/inbox";
 import { useDocBrowser } from "@/shared/components/doc-browser";
 import { t } from "@/shared/lib/i18n";
 import { cn } from "@/shared/lib/utils";
@@ -13,6 +14,7 @@ import { cn } from "@/shared/lib/utils";
 export function MobileBottomNav() {
   const { pathname } = useLocation();
   const docBrowser = useDocBrowser();
+  const unreadCount = useInboxUnreadCount();
 
   return (
     <nav
@@ -23,7 +25,7 @@ export function MobileBottomNav() {
         paddingBottom: "calc(env(safe-area-inset-bottom, 0px) + 0.25rem)",
       }}
     >
-      <ul className="grid grid-cols-5 gap-1 px-2 pt-1">
+      <ul className="grid grid-cols-6 gap-1 px-2 pt-1">
         {getMobileBottomNavItems(t).map((item) => {
           const active = item.target === "/settings"
             ? isSettingsRoute(pathname)
@@ -41,12 +43,17 @@ export function MobileBottomNav() {
                     : "text-gray-500 hover:bg-gray-50 hover:text-gray-800",
                 )}
               >
-                <item.icon
-                  className={cn(
-                    "h-3.5 w-3.5",
-                    active ? "text-gray-900" : "text-gray-400",
-                  )}
-                />
+                <span className="relative">
+                  <item.icon
+                    className={cn(
+                      "h-3.5 w-3.5",
+                      active ? "text-gray-900" : "text-gray-400",
+                    )}
+                  />
+                  {item.target === "/inbox" && unreadCount > 0 ? (
+                    <span className="absolute -right-1 -top-1 h-1.5 w-1.5 rounded-full bg-primary ring-1 ring-white" />
+                  ) : null}
+                </span>
                 <span className="max-w-full truncate">{item.label}</span>
               </Link>
             </li>

package/src/shared/components/doc-browser/doc-browser-panel-parts.tsx

@@ -55,7 +55,7 @@ export function DocBrowserAddressToolbar({
           onChange={(e) => onUrlInputChange(e.target.value)}
           aria-label={t('docBrowserAddressLabel')}
           placeholder={placeholder}
-          className="h-8 w-full rounded-lg border border-border/75 bg-background pl-8 pr-3 text-xs text-foreground transition-colors placeholder:text-muted-foreground/55 focus:border-border focus:outline-none focus:ring-0"
+          className="h-8 w-full rounded-lg border border-border/75 bg-background pl-8 pr-3 text-xs text-foreground transition-colors placeholder:text-muted-foreground/55 focus:outline-none focus:ring-0"
         />
       </form>
       <IconActionButton

package/src/shared/components/path-picker/server-path-picker-directory-list.tsx

@@ -63,7 +63,7 @@ export function ServerPathPickerDirectoryList({
                     'grid w-full grid-cols-[minmax(0,1fr)_8rem] items-center rounded-sm border border-transparent px-2 py-1.5 text-left text-sm text-foreground outline-none transition-colors',
                     selected
                       ? 'border-primary/25 bg-primary/15'
-                      : 'hover:bg-accent/70 focus-visible:border-primary/35 focus-visible:bg-accent/70',
+                      : 'hover:bg-[var(--interaction-hover)] focus-visible:border-primary/35 focus-visible:bg-accent/70',
                   )}
                   onClick={() => onSelect(entry.path)}
                   onDoubleClick={() => onOpen(entry.path)}

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-accent',
+          active ? 'bg-primary/12 text-primary' : 'text-foreground hover:bg-[var(--interaction-hover)]',
         )}
         aria-current={active ? 'location' : undefined}
         onClick={() => onNavigate(item.path)}

package/src/shared/components/path-picker/server-path-picker-navigation-bar.tsx

@@ -99,7 +99,7 @@ export function ServerPathPickerNavigationBar({
         disabled={!canGoUp || disabled}
       />
 
-      <div className="ml-1 flex h-9 min-w-0 flex-1 items-center overflow-hidden rounded-md border border-border bg-background shadow-sm focus-within:ring-1 focus-within:ring-primary/50">
+      <div className="ml-1 flex h-9 min-w-0 flex-1 items-center overflow-hidden rounded-md border border-border bg-background shadow-sm">
         {editingAddress ? (
           <Input
             value={addressDraft}
@@ -136,7 +136,7 @@ export function ServerPathPickerNavigationBar({
                           <>
                             <button
                               type="button"
-                              className="rounded px-1.5 py-1 text-sm text-muted-foreground hover:bg-accent"
+                              className="rounded px-1.5 py-1 text-sm text-muted-foreground hover:bg-[var(--interaction-hover)]"
                               aria-label={t('pathPickerShowFullAddress')}
                               onClick={beginAddressEdit}
                             >
@@ -149,7 +149,7 @@ export function ServerPathPickerNavigationBar({
                     ) : null}
                     <button
                       type="button"
-                      className="max-w-40 truncate rounded px-1.5 py-1 text-sm text-foreground hover:bg-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border"
+                      className="max-w-40 truncate rounded px-1.5 py-1 text-sm text-foreground hover:bg-[var(--interaction-hover)] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border"
                       onClick={() => onNavigate(breadcrumb.path)}
                       disabled={disabled}
                     >

package/src/shared/components/ui/actions/__tests__/icon-action-button.test.tsx

@@ -31,7 +31,7 @@ describe('IconActionButton', () => {
     const button = screen.getByRole('button', { name: 'More' });
     expect(button.className).toContain('h-7');
     expect(button.className).toContain('w-7');
-    expect(button.className).toContain('hover:bg-accent');
+    expect(button.className).toContain('hover:bg-[var(--interaction-hover)]');
   });
 
   it('ignores restored pointer focus while preserving keyboard tooltip focus', () => {

package/src/shared/components/ui/actions/icon-action-button.tsx

@@ -31,7 +31,7 @@ const SIZE_CLASS: Record<IconActionButtonSize, string> = {
 
 const TONE_CLASS: Record<IconActionButtonTone, string> = {
   default:
-    'text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:text-muted-foreground/45 disabled:hover:bg-transparent disabled:hover:text-muted-foreground/45',
+    'text-muted-foreground hover:bg-[var(--interaction-hover)] hover:text-accent-foreground disabled:text-muted-foreground/45 disabled:hover:bg-transparent disabled:hover:text-muted-foreground/45',
   strong:
     'text-muted-foreground hover:bg-black/10 hover:text-foreground disabled:text-muted-foreground/45 disabled:hover:bg-transparent disabled:hover:text-muted-foreground/45',
 };

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

@@ -9,12 +9,12 @@ const buttonVariants = cva(
       variant: {
         default: 'bg-primary text-primary-foreground hover:bg-primary-600 active:bg-primary-700 shadow-sm',
         destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
-        outline: 'border border-border bg-card text-muted-foreground hover:bg-accent hover:text-accent-foreground',
-        secondary: 'bg-muted text-foreground hover:bg-accent hover:text-accent-foreground',
-        ghost: 'text-muted-foreground hover:bg-accent hover:text-accent-foreground',
+        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',
-        subtle: 'bg-muted text-muted-foreground hover:bg-accent hover:text-accent-foreground',
+        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'
       },
       size: {

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

@@ -42,7 +42,7 @@ const DialogContent = React.forwardRef<
       {...props}
     >
       {children}
-      <DialogPrimitive.Close className="absolute right-4 top-4 rounded-lg p-1 opacity-70 transition-all duration-fast hover:bg-accent hover:text-accent-foreground hover:opacity-100 focus:outline-none focus-visible:ring-1 focus-visible:ring-border disabled:pointer-events-none">
+      <DialogPrimitive.Close className="absolute right-4 top-4 rounded-lg p-1 opacity-70 transition-all duration-fast hover:bg-[var(--interaction-hover)] hover:text-accent-foreground hover:opacity-100 focus:outline-none focus-visible:ring-1 focus-visible:ring-border disabled:pointer-events-none">
         <X className="h-4 w-4 text-muted-foreground" />
         <span className="sr-only">Close</span>
       </DialogPrimitive.Close>

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

@@ -9,7 +9,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
       <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 focus:border-border disabled:cursor-not-allowed disabled:opacity-50',
+          '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',
           className
         )}
         ref={ref}

package/src/shared/components/ui/scroll-area.tsx

@@ -5,6 +5,8 @@ interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {
   children: React.ReactNode;
 }
 
+export const SCROLL_BOTTOM_EDGE_FADE_CLASS = '[mask-image:linear-gradient(to_bottom,black_calc(100%_-_28px),transparent)] [-webkit-mask-image:linear-gradient(to_bottom,black_calc(100%_-_28px),transparent)]';
+
 const ScrollArea = React.forwardRef<HTMLDivElement, ScrollAreaProps>(
   ({ className, children, ...props }, ref) => (
     <div

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

@@ -119,7 +119,7 @@ const SelectItem = React.forwardRef<
     <SelectPrimitive.Item
         ref={ref}
         className={cn(
-            "relative flex 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-accent",
+            "relative flex 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)]",
             className
         )}
         {...props}

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

@@ -18,7 +18,7 @@ const Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(
         ref={ref}
         className={cn(
           'switch-track peer inline-flex h-[22px] w-10 shrink-0 cursor-pointer items-center rounded-full border-2 transition-colors duration-fast focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border disabled:cursor-not-allowed disabled:opacity-50',
-          checked ? 'border-primary/70 bg-primary' : 'border-border/60 bg-muted hover:bg-accent',
+          checked ? 'border-primary/70 bg-primary' : 'border-border/60 bg-muted hover:bg-[var(--interaction-hover)]',
           className
         )}
         onClick={() => onCheckedChange?.(!checked)}

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

@@ -67,7 +67,7 @@ export function TabsTrigger({ value, children, className }: TabsTriggerProps) {
         'inline-flex 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'
-          : 'text-muted-foreground hover:bg-accent hover:text-accent-foreground',
+          : 'text-muted-foreground hover:bg-[var(--interaction-hover)] hover:text-accent-foreground',
         className
       )}
     >

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

@@ -7,7 +7,7 @@ export const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
   ({ className, ...props }, ref) => (
     <textarea
       className={cn(
-        "flex min-h-28 w-full rounded-xl border border-border/75 bg-card px-3.5 py-2.5 text-sm text-foreground placeholder:text-muted-foreground/55 placeholder:font-normal transition-colors focus:outline-none focus:ring-0 focus:border-border disabled:cursor-not-allowed disabled:opacity-50",
+        "flex min-h-28 w-full rounded-xl border border-border/75 bg-card px-3.5 py-2.5 text-sm text-foreground placeholder:text-muted-foreground/55 placeholder:font-normal transition-colors focus:outline-none focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50",
         className,
       )}
       ref={ref}

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

@@ -39,6 +39,7 @@ export type SessionContextWindowView = {
 export type SessionActivityPreviewView = {
   state: "running" | "completed" | "failed" | "cancelled" | "idle";
   timestamp: string;
+  statusKind?: "thinking" | "tool-running" | "tool-completed" | "run-failed" | "run-interrupted";
   statusText?: string;
   replyText?: string;
 };

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

@@ -68,6 +68,7 @@ export type ProviderInstanceView = {
   isCustom: boolean;
   enabled: boolean;
   displayName?: string;
+  apiKeyRequired?: boolean;
   apiKeySet: boolean;
   apiKeyMasked?: string;
   apiBase?: string | null;
@@ -621,6 +622,7 @@ export type ProviderTemplateView = {
   envKey: string;
   isGateway?: boolean;
   isLocal?: boolean;
+  apiKeyRequired?: boolean;
   defaultApiBase?: string;
   logo?: string;
   apiBaseHelp?: {

package/src/shared/lib/i18n/index.ts

@@ -7,6 +7,7 @@ import zhCron from './locales/zh-CN/cron.json';
 import zhDesktopUpdate from './locales/zh-CN/desktop-update.json';
 import zhDocBrowser from './locales/zh-CN/doc-browser.json';
 import zhMarketplace from './locales/zh-CN/marketplace.json';
+import zhInbox from './locales/zh-CN/inbox.json';
 import zhPathPicker from './locales/zh-CN/path-picker.json';
 import zhPwa from './locales/zh-CN/pwa.json';
 import zhRemote from './locales/zh-CN/remote.json';
@@ -21,6 +22,7 @@ import enCron from './locales/en-US/cron.json';
 import enDesktopUpdate from './locales/en-US/desktop-update.json';
 import enDocBrowser from './locales/en-US/doc-browser.json';
 import enMarketplace from './locales/en-US/marketplace.json';
+import enInbox from './locales/en-US/inbox.json';
 import enPathPicker from './locales/en-US/path-picker.json';
 import enPwa from './locales/en-US/pwa.json';
 import enRemote from './locales/en-US/remote.json';
@@ -54,6 +56,7 @@ const zhCatalog: MessageCatalog = {
   ...zhChat,
   ...zhAgents,
   ...zhMarketplace,
+  ...zhInbox,
   ...zhDocBrowser,
   ...zhPathPicker,
   ...zhPwa,
@@ -71,6 +74,7 @@ const enCatalog: MessageCatalog = {
   ...enChat,
   ...enAgents,
   ...enMarketplace,
+  ...enInbox,
   ...enDocBrowser,
   ...enPathPicker,
   ...enPwa,

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

@@ -202,6 +202,7 @@
   "chatRuntimeInitializationFailed": "Chat startup failed. Please retry in a moment or inspect the service logs.",
   "chatInputPlaceholder": "Type a message, / for commands, apps or skills, @ for files, folders, projects or panel apps, Enter to send, Shift + Enter for newline",
   "chatInputPlaceholderCompact": "Message NextClaw...",
+  "chatWelcomeInputPlaceholder": "Describe what you want to get done…",
   "chatInputHint": "Multi-turn context is preserved in the current session.",
   "chatSlashSection": "Slash menu",
   "chatSlashSectionCommands": "Commands",
@@ -283,6 +284,7 @@
   "chatModelSearchEmpty": "No matching models",
   "chatFavoriteModel": "Add to favorites",
   "chatUnfavoriteModel": "Remove from favorites",
+  "chatManageModels": "Manage models and providers",
   "chatPickerAllSkills": "All skills",
   "chatSend": "Send",
   "chatStop": "Stop",
@@ -353,6 +355,7 @@
   "chatProjectExistingAdded": "Project added",
   "chatProjectExistingFailed": "Failed to add project",
   "chatSessionErrorTitle": "Something went wrong",
+  "chatSessionActivityInterrupted": "The run was interrupted. Send the message again.",
   "chatSendFailed": "Failed to send message",
   "chatErrorDetails": "Details",
   "chatRoleUser": "You",
@@ -419,24 +422,23 @@
   "chatSidebarExpandProject": "Expand project",
   "chatSidebarCollapseProject": "Collapse project",
   "chatSidebarProjectViewEmpty": "No projects yet",
-  "chatWelcomeTitle": "Hello, how can I help you?",
-  "chatWelcomeSubtitle": "Describe the goal, choose the project context, and let NextClaw take it from there.",
+  "chatBackgroundReplyFallbackTitle": "New reply",
+  "chatBackgroundReplyFallbackPreview": "A reply is ready. Open the session to view it.",
+  "chatBackgroundReplyOpenAriaLabel": "Open the new reply in {title}",
+  "chatWelcomeTitle": "What would you like to get done?",
+  "chatWelcomeContextLabel": "Task context",
   "chatWelcomeProjectPickerLabel": "Choose working directory",
   "chatWelcomeProjectPickerPlaceholder": "Choose working directory",
-  "chatWelcomeProjectDefaultBadge": "Default",
   "chatWelcomeProjectRecentTitle": "Recent projects",
   "chatWelcomeProjectNoRecent": "No recent projects yet",
   "chatWelcomeProjectOpenFolder": "Open folder",
   "chatWelcomeSessionTypePickerLabel": "Choose session type",
-  "chatWelcomeCapability1Title": "Smart Conversations",
-  "chatWelcomeCapability1Desc": "Multi-turn context conversations with multiple AI models",
-  "chatWelcomeCapability1Prompt": "Help me understand this project and propose the next three concrete things we should build.",
-  "chatWelcomeCapability2Title": "Skill Extensions",
-  "chatWelcomeCapability2Desc": "Extend Agent capabilities by installing skills",
-  "chatWelcomeCapability2Prompt": "Review the skills that would be useful for this project and recommend which ones I should enable first.",
-  "chatWelcomeCapability3Title": "Scheduled Tasks",
-  "chatWelcomeCapability3Desc": "Set up scheduled automated tasks",
-  "chatWelcomeCapability3Prompt": "Help me design a scheduled automation for this project, including the trigger, message, and safety checks.",
+  "chatWelcomeSuggestion1Label": "Review this project",
+  "chatWelcomeSuggestion1Prompt": "Help me understand this project and propose the next three concrete things we should build.",
+  "chatWelcomeSuggestion2Label": "Find useful skills",
+  "chatWelcomeSuggestion2Prompt": "Review the skills that would be useful for this project and recommend which ones I should enable first.",
+  "chatWelcomeSuggestion3Label": "Create a scheduled task",
+  "chatWelcomeSuggestion3Prompt": "Help me design a scheduled automation for this project, including the trigger, message, and safety checks.",
   "chatSkillsPickerTitle": "Skills",
   "chatSkillsPickerEmpty": "No skills installed",
   "chatSkillsPickerSearchPlaceholder": "Search skills",
@@ -444,9 +446,9 @@
   "chatSkillsPickerOfficial": "Official",
   "chatSkillsPickerManage": "Manage Skills",
   "chatSkillPreviewUnavailable": "This skill file is unavailable. It may have been moved or removed.",
+  "chatInputAdd": "Add content",
   "chatInputAttach": "Attach file",
   "chatInputAttachmentUnsupported": "This file type is not supported in the current upload flow.",
   "chatInputAttachmentTooLarge": "Files must be {maxMb} MB or smaller.",
-  "chatInputAttachmentReadFailed": "Failed to read the file. Please try again.",
-  "chatInputAttachComingSoon": "Coming soon"
+  "chatInputAttachmentReadFailed": "Failed to read the file. Please try again."
 }

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

@@ -0,0 +1,30 @@
+{
+  "inboxTitle": "Inbox",
+  "inboxDescription": "Reports, recommendations, and articles delivered by AI",
+  "inboxUnread": "Unread",
+  "inboxAll": "All",
+  "inboxArchived": "Archived",
+  "inboxEmptyTitle": "Nothing here yet",
+  "inboxEmptyDescription": "Reports, recommendations, and articles from AI will be saved here.",
+  "inboxSelectTitle": "Select something to read",
+  "inboxSelectDescription": "Open an item from the list and its reading state will stay in sync.",
+  "inboxDeliveredBy": "Delivered by AI",
+  "inboxReaderPosition": "{current} of {total}",
+  "inboxPrevious": "Previous",
+  "inboxNext": "Next",
+  "inboxOpenInbox": "Open in Inbox",
+  "inboxReadLater": "Read later",
+  "inboxMarkRead": "Mark as read",
+  "inboxMarkUnread": "Mark as unread",
+  "inboxArchive": "Archive",
+  "inboxRestore": "Restore",
+  "inboxDelete": "Delete",
+  "inboxContinueChat": "Continue in chat",
+  "inboxDeleteTitle": "Delete this item?",
+  "inboxDeleteDescription": "It cannot be recovered from Inbox. Any chat already created will remain.",
+  "inboxDeleteConfirm": "Delete",
+  "inboxLoadError": "Inbox could not be loaded. Try again shortly.",
+  "inboxActionError": "The action failed. Please try again.",
+  "inboxUnreadCount": "{count} unread",
+  "inboxNoSummary": "No summary"
+}

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

@@ -202,6 +202,7 @@
   "chatRuntimeInitializationFailed": "聊天能力启动失败，请稍后重试或检查服务日志。",
   "chatInputPlaceholder": "输入消息，/ 选命令、应用或技能，@ 引用文件、目录、项目或面板应用，Enter 发送，Shift + Enter 换行",
   "chatInputPlaceholderCompact": "发消息...",
+  "chatWelcomeInputPlaceholder": "描述你想完成的目标……",
   "chatInputHint": "支持多轮上下文，默认走当前会话。",
   "chatSlashSection": "斜杠菜单",
   "chatSlashSectionCommands": "命令",
@@ -283,6 +284,7 @@
   "chatModelSearchEmpty": "没有匹配的模型",
   "chatFavoriteModel": "收藏模型",
   "chatUnfavoriteModel": "取消收藏",
+  "chatManageModels": "管理模型与提供商",
   "chatPickerAllSkills": "全部技能",
   "chatSend": "发送",
   "chatStop": "停止",
@@ -353,6 +355,7 @@
   "chatProjectExistingAdded": "项目已添加",
   "chatProjectExistingFailed": "添加项目失败",
   "chatSessionErrorTitle": "出错了",
+  "chatSessionActivityInterrupted": "运行意外中断，请重新发送消息。",
   "chatSendFailed": "发送消息失败",
   "chatErrorDetails": "查看详情",
   "chatRoleUser": "你",
@@ -419,24 +422,23 @@
   "chatSidebarExpandProject": "展开项目",
   "chatSidebarCollapseProject": "收起项目",
   "chatSidebarProjectViewEmpty": "还没有项目",
-  "chatWelcomeTitle": "你好，有什么可以帮你的吗？",
-  "chatWelcomeSubtitle": "描述目标，选择项目上下文，让 NextClaw 接住这次任务。",
+  "chatBackgroundReplyFallbackTitle": "有新回复",
+  "chatBackgroundReplyFallbackPreview": "回复已完成，点击查看。",
+  "chatBackgroundReplyOpenAriaLabel": "打开“{title}”的新回复",
+  "chatWelcomeTitle": "今天想完成什么？",
+  "chatWelcomeContextLabel": "任务上下文",
   "chatWelcomeProjectPickerLabel": "选择工作目录",
   "chatWelcomeProjectPickerPlaceholder": "选择工作目录",
-  "chatWelcomeProjectDefaultBadge": "默认",
   "chatWelcomeProjectRecentTitle": "最近项目",
   "chatWelcomeProjectNoRecent": "暂无最近项目",
   "chatWelcomeProjectOpenFolder": "打开文件夹",
   "chatWelcomeSessionTypePickerLabel": "选择会话类型",
-  "chatWelcomeCapability1Title": "智能对话",
-  "chatWelcomeCapability1Desc": "多轮上下文对话，支持多种 AI 模型",
-  "chatWelcomeCapability1Prompt": "帮我理解当前项目，并给出接下来最值得推进的三个具体建设方向。",
-  "chatWelcomeCapability2Title": "技能扩展",
-  "chatWelcomeCapability2Desc": "通过安装技能扩展 Agent 能力",
-  "chatWelcomeCapability2Prompt": "帮我看看这个项目适合启用哪些技能，并推荐我优先配置哪些能力。",
-  "chatWelcomeCapability3Title": "定时任务",
-  "chatWelcomeCapability3Desc": "设置定时执行的自动化任务",
-  "chatWelcomeCapability3Prompt": "帮我设计一个适合当前项目的定时自动化任务，包括触发条件、消息内容和安全检查。",
+  "chatWelcomeSuggestion1Label": "梳理当前项目",
+  "chatWelcomeSuggestion1Prompt": "帮我理解当前项目，并给出接下来最值得推进的三个具体建设方向。",
+  "chatWelcomeSuggestion2Label": "推荐实用技能",
+  "chatWelcomeSuggestion2Prompt": "帮我看看这个项目适合启用哪些技能，并推荐我优先配置哪些能力。",
+  "chatWelcomeSuggestion3Label": "创建定时任务",
+  "chatWelcomeSuggestion3Prompt": "帮我设计一个适合当前项目的定时自动化任务，包括触发条件、消息内容和安全检查。",
   "chatSkillsPickerTitle": "技能",
   "chatSkillsPickerEmpty": "暂无已安装技能",
   "chatSkillsPickerSearchPlaceholder": "搜索技能",
@@ -444,9 +446,9 @@
   "chatSkillsPickerOfficial": "官方",
   "chatSkillsPickerManage": "管理技能",
   "chatSkillPreviewUnavailable": "无法打开这个技能文件，它可能已被移动或删除。",
+  "chatInputAdd": "添加内容",
   "chatInputAttach": "添加附件",
   "chatInputAttachmentUnsupported": "当前上传流程不支持该文件类型。",
   "chatInputAttachmentTooLarge": "文件不能超过 {maxMb} MB。",
-  "chatInputAttachmentReadFailed": "读取文件失败，请重试。",
-  "chatInputAttachComingSoon": "即将支持"
+  "chatInputAttachmentReadFailed": "读取文件失败，请重试。"
 }

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

@@ -0,0 +1,30 @@
+{
+  "inboxTitle": "收件箱",
+  "inboxDescription": "AI 主动送达的报告、推荐和文章",
+  "inboxUnread": "未读",
+  "inboxAll": "全部",
+  "inboxArchived": "已归档",
+  "inboxEmptyTitle": "这里还没有内容",
+  "inboxEmptyDescription": "AI 送达的报告、推荐和文章会保存在这里。",
+  "inboxSelectTitle": "选择一项开始阅读",
+  "inboxSelectDescription": "打开左侧列表中的内容，阅读状态会在这里同步。",
+  "inboxDeliveredBy": "由 AI 送达",
+  "inboxReaderPosition": "第 {current} 项，共 {total} 项",
+  "inboxPrevious": "上一项",
+  "inboxNext": "下一项",
+  "inboxOpenInbox": "在收件箱中打开",
+  "inboxReadLater": "稍后阅读",
+  "inboxMarkRead": "标记已读",
+  "inboxMarkUnread": "标记未读",
+  "inboxArchive": "归档",
+  "inboxRestore": "恢复",
+  "inboxDelete": "删除",
+  "inboxContinueChat": "继续聊",
+  "inboxDeleteTitle": "删除这项内容？",
+  "inboxDeleteDescription": "删除后将无法从收件箱恢复，但已经创建的会话不会被删除。",
+  "inboxDeleteConfirm": "删除",
+  "inboxLoadError": "无法加载收件箱，请稍后重试。",
+  "inboxActionError": "操作失败，请重试。",
+  "inboxUnreadCount": "{count} 项未读",
+  "inboxNoSummary": "没有摘要"
+}

package/src/shared/lib/provider-models/__tests__/anonymous-provider-configuration.test.ts

@@ -0,0 +1,40 @@
+import { describe, expect, it } from 'vitest';
+import { buildProviderModelCatalog } from '@/shared/lib/provider-models';
+
+describe('anonymous provider configuration', () => {
+  it('includes an enabled provider that does not require a user API key', () => {
+    const catalog = buildProviderModelCatalog({
+      onlyConfigured: true,
+      providersView: {
+        providers: {
+          opencode: {
+            providerId: 'opencode',
+            providerType: 'opencode',
+            isBuiltInType: true,
+            isCustom: false,
+            enabled: true,
+            apiKeyRequired: false,
+            apiKeySet: false,
+            models: ['opencode/big-pickle']
+          }
+        }
+      },
+      templatesView: {
+        providerTemplates: [
+          {
+            id: 'opencode',
+            providerType: 'opencode',
+            displayName: 'OpenCode Zen Free Trial',
+            modelPrefix: 'opencode',
+            defaultModels: ['opencode/big-pickle'],
+            keywords: ['opencode'],
+            envKey: 'OPENCODE_API_KEY'
+          }
+        ]
+      }
+    });
+
+    expect(catalog).toHaveLength(1);
+    expect(catalog[0]?.models).toEqual(['big-pickle']);
+  });
+});

package/src/shared/lib/provider-models/index.ts

@@ -201,12 +201,13 @@ export function findProviderByModel(
   return null;
 }
 
-function isProviderConfigured(provider: ProviderConfigView | undefined): boolean {
+export function isProviderConfigured(provider: ProviderConfigView | undefined): boolean {
   if (!provider) {
     return false;
   }
-  // Keep in sync with ProvidersList "已配置" tab: only enabled providers with apiKey count as configured.
-  return provider.enabled !== false && provider.apiKeySet === true;
+  return provider.enabled !== false && (
+    provider.apiKeyRequired === false || provider.apiKeySet === true
+  );
 }
 
 export function buildProviderModelCatalog(params: {