@nextclaw/ui 0.12.1 → 0.12.2

package/src/components/config/SearchConfig.tsx

@@ -9,7 +9,7 @@ import { useConfig, useConfigMeta, useUpdateSearch } from '@/hooks/useConfig';
 import { t } from '@/lib/i18n';
 import { cn } from '@/lib/utils';
 import { CONFIG_DETAIL_CARD_CLASS, CONFIG_SIDEBAR_CARD_CLASS, CONFIG_SPLIT_GRID_CLASS } from './config-layout';
-import type { SearchConfigUpdate, SearchProviderName } from '@/api/types';
+import type { SearchConfigUpdate, SearchProviderName, TavilySearchDepthValue } from '@/api/types';
 
 const FRESHNESS_OPTIONS = [
   { value: 'noLimit', label: 'searchFreshnessNoLimit' },
@@ -19,11 +19,219 @@ const FRESHNESS_OPTIONS = [
   { value: 'oneYear', label: 'searchFreshnessOneYear' }
 ] as const;
 
+const SEARCH_DEPTH_OPTIONS = [
+  { value: 'basic', label: 'searchDepthBasic' },
+  { value: 'advanced', label: 'searchDepthAdvanced' }
+] as const;
+
+const SEARCH_PROVIDER_DESCRIPTION_KEYS: Record<SearchProviderName, string> = {
+  bocha: 'searchProviderBochaDescription',
+  tavily: 'searchProviderTavilyDescription',
+  brave: 'searchProviderBraveDescription'
+};
+
+type BochaProviderFieldsProps = {
+  apiKey: string;
+  apiKeyMasked?: string;
+  baseUrl: string;
+  summary: boolean;
+  freshness: string;
+  docsUrl?: string;
+  onApiKeyChange: (value: string) => void;
+  onBaseUrlChange: (value: string) => void;
+  onSummaryChange: (value: boolean) => void;
+  onFreshnessChange: (value: string) => void;
+};
+
+function BochaProviderFields({
+  apiKey,
+  apiKeyMasked,
+  baseUrl,
+  summary,
+  freshness,
+  docsUrl,
+  onApiKeyChange,
+  onBaseUrlChange,
+  onSummaryChange,
+  onFreshnessChange
+}: BochaProviderFieldsProps) {
+  return (
+    <div className="space-y-4">
+      <div className="space-y-2">
+        <Label>{t('apiKey')}</Label>
+        <Input
+          type="password"
+          value={apiKey}
+          onChange={(event) => onApiKeyChange(event.target.value)}
+          placeholder={apiKeyMasked || t('enterApiKey')}
+          className="rounded-xl"
+        />
+      </div>
+      <div className="space-y-2">
+        <Label>{t('searchProviderBaseUrl')}</Label>
+        <Input value={baseUrl} onChange={(event) => onBaseUrlChange(event.target.value)} className="rounded-xl" />
+      </div>
+      <div className="grid gap-4 md:grid-cols-2">
+        <div className="space-y-2">
+          <Label>{t('searchProviderSummary')}</Label>
+          <Select value={summary ? 'true' : 'false'} onValueChange={(value) => onSummaryChange(value === 'true')}>
+            <SelectTrigger className="rounded-xl">
+              <SelectValue />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="true">{t('enabled')}</SelectItem>
+              <SelectItem value="false">{t('disabled')}</SelectItem>
+            </SelectContent>
+          </Select>
+        </div>
+        <div className="space-y-2">
+          <Label>{t('searchProviderFreshness')}</Label>
+          <Select value={freshness} onValueChange={onFreshnessChange}>
+            <SelectTrigger className="rounded-xl">
+              <SelectValue />
+            </SelectTrigger>
+            <SelectContent>
+              {FRESHNESS_OPTIONS.map((option) => (
+                <SelectItem key={option.value} value={option.value}>{t(option.label)}</SelectItem>
+              ))}
+            </SelectContent>
+          </Select>
+        </div>
+      </div>
+      <div className="space-y-2">
+        <a href={docsUrl ?? 'https://open.bocha.cn'} target="_blank" rel="noreferrer">
+          <Button type="button" variant="outline" className="rounded-xl">
+            <ExternalLink className="mr-2 h-4 w-4" />
+            {t('searchProviderOpenDocs')}
+          </Button>
+        </a>
+      </div>
+    </div>
+  );
+}
+
+type TavilyProviderFieldsProps = {
+  apiKey: string;
+  apiKeyMasked?: string;
+  baseUrl: string;
+  searchDepth: TavilySearchDepthValue;
+  includeAnswer: boolean;
+  docsUrl?: string;
+  onApiKeyChange: (value: string) => void;
+  onBaseUrlChange: (value: string) => void;
+  onSearchDepthChange: (value: TavilySearchDepthValue) => void;
+  onIncludeAnswerChange: (value: boolean) => void;
+};
+
+function TavilyProviderFields({
+  apiKey,
+  apiKeyMasked,
+  baseUrl,
+  searchDepth,
+  includeAnswer,
+  docsUrl,
+  onApiKeyChange,
+  onBaseUrlChange,
+  onSearchDepthChange,
+  onIncludeAnswerChange
+}: TavilyProviderFieldsProps) {
+  return (
+    <div className="space-y-4">
+      <div className="space-y-2">
+        <Label>{t('apiKey')}</Label>
+        <Input
+          type="password"
+          value={apiKey}
+          onChange={(event) => onApiKeyChange(event.target.value)}
+          placeholder={apiKeyMasked || t('enterApiKey')}
+          className="rounded-xl"
+        />
+      </div>
+      <div className="space-y-2">
+        <Label>{t('searchProviderBaseUrl')}</Label>
+        <Input value={baseUrl} onChange={(event) => onBaseUrlChange(event.target.value)} className="rounded-xl" />
+      </div>
+      <div className="grid gap-4 md:grid-cols-2">
+        <div className="space-y-2">
+          <Label>{t('searchProviderSearchDepth')}</Label>
+          <Select value={searchDepth} onValueChange={(value) => onSearchDepthChange(value as TavilySearchDepthValue)}>
+            <SelectTrigger className="rounded-xl">
+              <SelectValue />
+            </SelectTrigger>
+            <SelectContent>
+              {SEARCH_DEPTH_OPTIONS.map((option) => (
+                <SelectItem key={option.value} value={option.value}>{t(option.label)}</SelectItem>
+              ))}
+            </SelectContent>
+          </Select>
+        </div>
+        <div className="space-y-2">
+          <Label>{t('searchProviderIncludeAnswer')}</Label>
+          <Select value={includeAnswer ? 'true' : 'false'} onValueChange={(value) => onIncludeAnswerChange(value === 'true')}>
+            <SelectTrigger className="rounded-xl">
+              <SelectValue />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="true">{t('enabled')}</SelectItem>
+              <SelectItem value="false">{t('disabled')}</SelectItem>
+            </SelectContent>
+          </Select>
+        </div>
+      </div>
+      {docsUrl ? (
+        <div className="space-y-2">
+          <a href={docsUrl} target="_blank" rel="noreferrer">
+            <Button type="button" variant="outline" className="rounded-xl">
+              <ExternalLink className="mr-2 h-4 w-4" />
+              {t('searchProviderOpenDocs')}
+            </Button>
+          </a>
+        </div>
+      ) : null}
+    </div>
+  );
+}
+
+type BraveProviderFieldsProps = {
+  apiKey: string;
+  apiKeyMasked?: string;
+  baseUrl: string;
+  onApiKeyChange: (value: string) => void;
+  onBaseUrlChange: (value: string) => void;
+};
+
+function BraveProviderFields({
+  apiKey,
+  apiKeyMasked,
+  baseUrl,
+  onApiKeyChange,
+  onBaseUrlChange
+}: BraveProviderFieldsProps) {
+  return (
+    <div className="space-y-4">
+      <div className="space-y-2">
+        <Label>{t('apiKey')}</Label>
+        <Input
+          type="password"
+          value={apiKey}
+          onChange={(event) => onApiKeyChange(event.target.value)}
+          placeholder={apiKeyMasked || t('enterApiKey')}
+          className="rounded-xl"
+        />
+      </div>
+      <div className="space-y-2">
+        <Label>{t('searchProviderBaseUrl')}</Label>
+        <Input value={baseUrl} onChange={(event) => onBaseUrlChange(event.target.value)} className="rounded-xl" />
+      </div>
+    </div>
+  );
+}
+
 export function SearchConfig() {
   const { data: config } = useConfig();
   const { data: meta } = useConfigMeta();
   const updateSearch = useUpdateSearch();
-  const providers = meta?.search ?? [];
+  const providers = useMemo(() => meta?.search ?? [], [meta]);
   const search = config?.search;
 
   const [selectedProvider, setSelectedProvider] = useState<SearchProviderName>('bocha');
@@ -34,6 +242,10 @@ export function SearchConfig() {
   const [bochaBaseUrl, setBochaBaseUrl] = useState('https://api.bocha.cn/v1/web-search');
   const [bochaSummary, setBochaSummary] = useState(true);
   const [bochaFreshness, setBochaFreshness] = useState('noLimit');
+  const [tavilyApiKey, setTavilyApiKey] = useState('');
+  const [tavilyBaseUrl, setTavilyBaseUrl] = useState('https://api.tavily.com/search');
+  const [tavilySearchDepth, setTavilySearchDepth] = useState<TavilySearchDepthValue>('basic');
+  const [tavilyIncludeAnswer, setTavilyIncludeAnswer] = useState(false);
   const [braveApiKey, setBraveApiKey] = useState('');
   const [braveBaseUrl, setBraveBaseUrl] = useState('https://api.search.brave.com/res/v1/web/search');
 
@@ -48,6 +260,9 @@ export function SearchConfig() {
     setBochaBaseUrl(search.providers.bocha.baseUrl);
     setBochaSummary(Boolean(search.providers.bocha.summary));
     setBochaFreshness(search.providers.bocha.freshness ?? 'noLimit');
+    setTavilyBaseUrl(search.providers.tavily.baseUrl);
+    setTavilySearchDepth(search.providers.tavily.searchDepth ?? 'basic');
+    setTavilyIncludeAnswer(Boolean(search.providers.tavily.includeAnswer));
     setBraveBaseUrl(search.providers.brave.baseUrl);
   }, [search]);
 
@@ -57,7 +272,7 @@ export function SearchConfig() {
   );
   const selectedView = search?.providers[selectedProvider];
   const selectedEnabled = enabledProviders.includes(selectedProvider);
-  const bochaDocsUrl = search?.providers.bocha.docsUrl ?? meta?.search.find((provider) => provider.name === 'bocha')?.docsUrl ?? 'https://open.bocha.cn';
+  const selectedDocsUrl = selectedView?.docsUrl ?? selectedMeta?.docsUrl;
   const activationButtonLabel = selectedEnabled
     ? t('searchProviderDeactivate')
     : t('searchProviderActivate');
@@ -78,6 +293,12 @@ export function SearchConfig() {
         summary: bochaSummary,
         freshness: bochaFreshness
       },
+      tavily: {
+        apiKey: tavilyApiKey || undefined,
+        baseUrl: tavilyBaseUrl,
+        searchDepth: tavilySearchDepth,
+        includeAnswer: tavilyIncludeAnswer
+      },
       brave: {
         apiKey: braveApiKey || undefined,
         baseUrl: braveBaseUrl
@@ -140,7 +361,7 @@ export function SearchConfig() {
                     <div className="min-w-0">
                       <p className="truncate text-sm font-semibold text-gray-900">{provider.displayName}</p>
                       <p className="line-clamp-2 text-[11px] text-gray-500">
-                        {provider.name === 'bocha' ? t('searchProviderBochaDescription') : t('searchProviderBraveDescription')}
+                        {t(SEARCH_PROVIDER_DESCRIPTION_KEYS[provider.name])}
                       </p>
                     </div>
                     <div className="flex flex-col items-end gap-1">
@@ -212,74 +433,39 @@ export function SearchConfig() {
               </div>
 
               {selectedProvider === 'bocha' ? (
-                <div className="space-y-4">
-                  <div className="space-y-2">
-                    <Label>{t('apiKey')}</Label>
-                    <Input
-                      type="password"
-                      value={bochaApiKey}
-                      onChange={(event) => setBochaApiKey(event.target.value)}
-                      placeholder={search.providers.bocha.apiKeyMasked || t('enterApiKey')}
-                      className="rounded-xl"
-                    />
-                  </div>
-                  <div className="space-y-2">
-                    <Label>{t('searchProviderBaseUrl')}</Label>
-                    <Input value={bochaBaseUrl} onChange={(event) => setBochaBaseUrl(event.target.value)} className="rounded-xl" />
-                  </div>
-                  <div className="grid gap-4 md:grid-cols-2">
-                    <div className="space-y-2">
-                      <Label>{t('searchProviderSummary')}</Label>
-                      <Select value={bochaSummary ? 'true' : 'false'} onValueChange={(value) => setBochaSummary(value === 'true')}>
-                        <SelectTrigger className="rounded-xl">
-                          <SelectValue />
-                        </SelectTrigger>
-                        <SelectContent>
-                          <SelectItem value="true">{t('enabled')}</SelectItem>
-                          <SelectItem value="false">{t('disabled')}</SelectItem>
-                        </SelectContent>
-                      </Select>
-                    </div>
-                    <div className="space-y-2">
-                      <Label>{t('searchProviderFreshness')}</Label>
-                      <Select value={bochaFreshness} onValueChange={setBochaFreshness}>
-                        <SelectTrigger className="rounded-xl">
-                          <SelectValue />
-                        </SelectTrigger>
-                        <SelectContent>
-                          {FRESHNESS_OPTIONS.map((option) => (
-                            <SelectItem key={option.value} value={option.value}>{t(option.label)}</SelectItem>
-                          ))}
-                        </SelectContent>
-                      </Select>
-                    </div>
-                  </div>
-                  <div className="space-y-2">
-                    <a href={bochaDocsUrl} target="_blank" rel="noreferrer">
-                      <Button type="button" variant="outline" className="rounded-xl">
-                        <ExternalLink className="mr-2 h-4 w-4" />
-                        {t('searchProviderOpenDocs')}
-                      </Button>
-                    </a>
-                  </div>
-                </div>
+                <BochaProviderFields
+                  apiKey={bochaApiKey}
+                  apiKeyMasked={search.providers.bocha.apiKeyMasked}
+                  baseUrl={bochaBaseUrl}
+                  summary={bochaSummary}
+                  freshness={bochaFreshness}
+                  docsUrl={selectedDocsUrl}
+                  onApiKeyChange={setBochaApiKey}
+                  onBaseUrlChange={setBochaBaseUrl}
+                  onSummaryChange={setBochaSummary}
+                  onFreshnessChange={setBochaFreshness}
+                />
+              ) : selectedProvider === 'tavily' ? (
+                <TavilyProviderFields
+                  apiKey={tavilyApiKey}
+                  apiKeyMasked={search.providers.tavily.apiKeyMasked}
+                  baseUrl={tavilyBaseUrl}
+                  searchDepth={tavilySearchDepth}
+                  includeAnswer={tavilyIncludeAnswer}
+                  docsUrl={selectedDocsUrl}
+                  onApiKeyChange={setTavilyApiKey}
+                  onBaseUrlChange={setTavilyBaseUrl}
+                  onSearchDepthChange={setTavilySearchDepth}
+                  onIncludeAnswerChange={setTavilyIncludeAnswer}
+                />
               ) : (
-                <div className="space-y-4">
-                  <div className="space-y-2">
-                    <Label>{t('apiKey')}</Label>
-                    <Input
-                      type="password"
-                      value={braveApiKey}
-                      onChange={(event) => setBraveApiKey(event.target.value)}
-                      placeholder={search.providers.brave.apiKeyMasked || t('enterApiKey')}
-                      className="rounded-xl"
-                    />
-                  </div>
-                  <div className="space-y-2">
-                    <Label>{t('searchProviderBaseUrl')}</Label>
-                    <Input value={braveBaseUrl} onChange={(event) => setBraveBaseUrl(event.target.value)} className="rounded-xl" />
-                  </div>
-                </div>
+                <BraveProviderFields
+                  apiKey={braveApiKey}
+                  apiKeyMasked={search.providers.brave.apiKeyMasked}
+                  baseUrl={braveBaseUrl}
+                  onApiKeyChange={setBraveApiKey}
+                  onBaseUrlChange={setBraveBaseUrl}
+                />
               )}
 
               <div className="flex justify-end">

package/src/components/config/runtime-config-agent.utils.ts

@@ -6,7 +6,7 @@ export function createEmptyRuntimeAgent(): AgentProfileView {
     default: false,
     workspace: '',
     model: '',
-    engine: '',
+    runtime: '',
     contextTokens: undefined,
     maxToolIterations: undefined
   };
@@ -31,7 +31,7 @@ export function hydrateRuntimeAgent(agent: AgentProfileView): AgentProfileView {
     avatar: agent.avatar ?? '',
     workspace: agent.workspace ?? '',
     model: agent.model ?? '',
-    engine: agent.engine ?? '',
+    runtime: agent.runtime ?? agent.engine ?? '',
     contextTokens: agent.contextTokens,
     maxToolIterations: agent.maxToolIterations
   };
@@ -82,8 +82,9 @@ export function toPersistedRuntimeAgent(agent: AgentProfileView): AgentProfileVi
   if (agent.model?.trim()) {
     normalized.model = agent.model.trim();
   }
-  if (agent.engine?.trim()) {
-    normalized.engine = agent.engine.trim();
+  const runtime = agent.runtime?.trim() ?? agent.engine?.trim();
+  if (runtime) {
+    normalized.engine = runtime;
   }
   if (typeof agent.contextTokens === 'number') {
     normalized.contextTokens = Math.max(1000, agent.contextTokens);

package/src/hooks/agents/useAgents.ts

@@ -1,5 +1,5 @@
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { createAgent, deleteAgent, fetchAgents } from '@/api/agents';
+import { createAgent, deleteAgent, fetchAgents, updateAgent } from '@/api/agents';
 import { toast } from 'sonner';
 import { t } from '@/lib/i18n';
 
@@ -27,6 +27,23 @@ export function useCreateAgent() {
   });
 }
 
+export function useUpdateAgent() {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: ({ agentId, data }: { agentId: string; data: Parameters<typeof updateAgent>[1] }) =>
+      updateAgent(agentId, data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['agents'] });
+      queryClient.invalidateQueries({ queryKey: ['config'] });
+      toast.success(t('configSavedApplied'));
+    },
+    onError: (error: Error) => {
+      toast.error(t('configSaveFailed') + ': ' + error.message);
+    }
+  });
+}
+
 export function useDeleteAgent() {
   const queryClient = useQueryClient();
 

package/src/lib/i18n.agents.ts

@@ -33,7 +33,25 @@ export const AGENT_LABELS: Record<string, { zh: string; en: string }> = {
   agentsFormDescriptionPlaceholder: { zh: '角色描述，可选', en: 'Role description, optional' },
   agentsFormAvatarPlaceholder: { zh: '头像 URL 或本地路径，可选', en: 'Avatar URL or local path, optional' },
   agentsFormHomePlaceholder: { zh: '主目录，可选', en: 'Home Directory, optional' },
+  agentsFormRuntimePlaceholder: { zh: 'Runtime（如 native 或 codex，可选）', en: 'Runtime (e.g. native or codex, optional)' },
+  agentsRuntimeSelectPlaceholder: { zh: '选择 Runtime', en: 'Select runtime' },
+  agentsRuntimeUnavailableHelp: {
+    zh: '当前 Runtime 已不在可用列表中；建议改选一个已安装且可用的 Runtime。',
+    en: 'This runtime is no longer available in the current list. Switch to an installed and available runtime.'
+  },
   agentsCreateAction: { zh: '创建 Agent', en: 'Create Agent' },
+  agentsEditAction: { zh: '编辑', en: 'Edit' },
+  agentsEditDialogTitle: { zh: '编辑 Agent 身份', en: 'Edit agent identity' },
+  agentsEditDialogDescription: {
+    zh: '更新名称、角色描述与头像。Agent ID 与主目录保持稳定，避免影响既有记忆、技能与会话。',
+    en: 'Update the name, role description, and avatar. The agent ID and home directory stay stable to protect existing memory, skills, and sessions.'
+  },
+  agentsEditHomeReadonly: { zh: '主目录保持不变', en: 'Home directory stays unchanged' },
+  agentsEditHomeReadonlyHint: {
+    zh: '如需迁移主目录，请走独立配置迁移流程，避免意外丢失 Agent 上下文。',
+    en: 'Use a dedicated config migration flow to move the home directory and avoid losing agent context unexpectedly.'
+  },
+  agentsEditSaveAction: { zh: '保存编辑', en: 'Save edits' },
   agentsRemoveAction: { zh: '移除', en: 'Remove' },
   agentsNewChat: { zh: '新建会话', en: 'New Chat' },
   agentsLoading: { zh: '正在加载 Agent...', en: 'Loading agents...' },
@@ -55,6 +73,7 @@ export const AGENT_LABELS: Record<string, { zh: string; en: string }> = {
     zh: '专属 Agent 身份，可沉淀自己的记忆、技能与角色风格。',
     en: 'A dedicated identity with its own memory, skills, and role style.'
   },
+  agentsCardRuntimeLabel: { zh: 'Runtime', en: 'Runtime' },
   agentsCardHomeLabel: { zh: '主目录', en: 'Home Directory' },
   agentsCardAvatarLabel: { zh: 'Avatar', en: 'Avatar' },
   agentsCardStartChat: { zh: '开始对话', en: 'Start Chat' },

package/src/lib/i18n.search.ts

@@ -0,0 +1,37 @@
+export const SEARCH_LABELS: Record<string, { zh: string; en: string }> = {
+  searchPageTitle: { zh: '搜索渠道', en: 'Search Channels' },
+  searchPageDescription: { zh: '配置网页搜索提供商', en: 'Configure web search providers.' },
+  searchActiveProvider: { zh: '当前搜索提供商', en: 'Active Search Provider' },
+  searchDefaultMaxResults: { zh: '默认返回条数', en: 'Default Result Count' },
+  searchProviderSummary: { zh: '结果摘要', en: 'Result Summary' },
+  searchProviderFreshness: { zh: '时间范围', en: 'Freshness' },
+  searchProviderSearchDepth: { zh: '搜索深度', en: 'Search Depth' },
+  searchProviderIncludeAnswer: { zh: '包含回答', en: 'Include Answer' },
+  searchProviderBaseUrl: { zh: '接口地址', en: 'API Base URL' },
+  searchProviderOpenDocs: { zh: '查看文档', en: 'Open Docs' },
+  searchProviderActivate: { zh: '激活', en: 'Activate' },
+  searchProviderActivated: { zh: '已激活', en: 'Activated' },
+  searchProviderDeactivate: { zh: '取消激活', en: 'Deactivate' },
+  searchProviderBochaDescription: {
+    zh: '更适合中国大陆用户的 AI 搜索。',
+    en: 'AI-ready search that works better for mainland China users.'
+  },
+  searchProviderTavilyDescription: {
+    zh: '更适合调研和网页信息整合的搜索 provider。',
+    en: 'Research-focused search with configurable answer synthesis.'
+  },
+  searchProviderBraveDescription: {
+    zh: '保留 Brave 作为可选 provider。',
+    en: 'Keep Brave as an optional provider.'
+  },
+  searchStatusConfigured: { zh: '已配置', en: 'Configured' },
+  searchStatusNeedsSetup: { zh: '待配置', en: 'Needs Setup' },
+  searchFreshnessNoLimit: { zh: '不限', en: 'No Limit' },
+  searchFreshnessOneDay: { zh: '一天内', en: 'One Day' },
+  searchFreshnessOneWeek: { zh: '一周内', en: 'One Week' },
+  searchFreshnessOneMonth: { zh: '一个月内', en: 'One Month' },
+  searchFreshnessOneYear: { zh: '一年内', en: 'One Year' },
+  searchDepthBasic: { zh: '基础', en: 'Basic' },
+  searchDepthAdvanced: { zh: '高级', en: 'Advanced' },
+  searchNoProviderSelected: { zh: '请选择左侧搜索 provider', en: 'Select a search provider from the left.' }
+};

package/src/lib/i18n.ts

@@ -15,6 +15,7 @@ import {
 import { MARKETPLACE_LABELS } from './i18n.marketplace';
 import { PATH_PICKER_LABELS } from './i18n-runtime/i18n.path-picker';
 import { REMOTE_LABELS } from './i18n.remote';
+import { SEARCH_LABELS } from './i18n.search';
 export type { I18nLanguage };
 export {
   getLanguage,
@@ -124,28 +125,6 @@ export const LABELS: Record<string, { zh: string; en: string }> = {
   maxToolIterations: { zh: '最大工具迭代次数', en: 'Max Tool Iterations' },
   saveChanges: { zh: '保存变更', en: 'Save Changes' },
 
-  // Provider
-  searchPageTitle: { zh: '搜索渠道', en: 'Search Channels' },
-  searchPageDescription: { zh: '配置网页搜索提供商', en: 'Configure web search providers.' },
-  searchActiveProvider: { zh: '当前搜索提供商', en: 'Active Search Provider' },
-  searchDefaultMaxResults: { zh: '默认返回条数', en: 'Default Result Count' },
-  searchProviderSummary: { zh: '结果摘要', en: 'Result Summary' },
-  searchProviderFreshness: { zh: '时间范围', en: 'Freshness' },
-  searchProviderBaseUrl: { zh: '接口地址', en: 'API Base URL' },
-  searchProviderOpenDocs: { zh: '获取博查 API', en: 'Get Bocha API' },
-  searchProviderActivate: { zh: '激活', en: 'Activate' },
-  searchProviderActivated: { zh: '已激活', en: 'Activated' },
-  searchProviderDeactivate: { zh: '取消激活', en: 'Deactivate' },
-  searchProviderBochaDescription: { zh: '更适合中国大陆用户的 AI 搜索。', en: 'AI-ready search that works better for mainland China users.' },
-  searchProviderBraveDescription: { zh: '保留 Brave 作为可选 provider。', en: 'Keep Brave as an optional provider.' },
-  searchStatusConfigured: { zh: '已配置', en: 'Configured' },
-  searchStatusNeedsSetup: { zh: '待配置', en: 'Needs Setup' },
-  searchFreshnessNoLimit: { zh: '不限', en: 'No Limit' },
-  searchFreshnessOneDay: { zh: '一天内', en: 'One Day' },
-  searchFreshnessOneWeek: { zh: '一周内', en: 'One Week' },
-  searchFreshnessOneMonth: { zh: '一个月内', en: 'One Month' },
-  searchFreshnessOneYear: { zh: '一年内', en: 'One Year' },
-  searchNoProviderSelected: { zh: '请选择左侧搜索 provider', en: 'Select a search provider from the left.' },
   providersPageTitle: { zh: 'AI 提供商', en: 'AI Providers' },
   providersPageDescription: { zh: '在一个页面内完成提供商切换、配置与保存。', en: 'Switch, configure, and save providers in one continuous workspace.' },
   providersLoading: { zh: '加载中...', en: 'Loading...' },
@@ -245,6 +224,7 @@ export const LABELS: Record<string, { zh: string; en: string }> = {
   providerAuthSessionLabel: { zh: '会话', en: 'Session' },
   resetToDefault: { zh: '恢复默认', en: 'Reset to Default' },
   leaveBlankToKeepUnchanged: { zh: '留空则保持不变', en: 'Leave blank to keep unchanged' },
+  ...SEARCH_LABELS,
 
   // Channel
   ...CHANNEL_LABELS,
@@ -379,8 +359,8 @@ export const LABELS: Record<string, { zh: string; en: string }> = {
   dmScopeHelp: { zh: '控制私聊会话如何隔离。', en: 'Control how direct-message sessions are isolated.' },
   defaultContextTokens: { zh: '默认上下文 Token', en: 'Default Context Tokens' },
   defaultContextTokensHelp: { zh: '当 Agent 未设置单独值时使用该上下文预算。', en: 'Input context budget for agents when no per-agent override is set.' },
-  defaultEngine: { zh: '默认引擎', en: 'Default Engine' },
-  defaultEngineHelp: { zh: '默认使用的 Agent 引擎类型，例如 native 或 codex-sdk。', en: 'Default agent engine kind, for example native or codex-sdk.' },
+  defaultEngine: { zh: '默认 Runtime', en: 'Default Runtime' },
+  defaultEngineHelp: { zh: '默认使用的 Agent Runtime，例如 native、codex 或 claude。', en: 'Default agent runtime, for example native, codex, or claude.' },
   agentList: { zh: 'Agent 列表', en: 'Agent List' },
   agentListHelp: { zh: '在同一个网关进程中运行多个固定角色 Agent。', en: 'Run multiple fixed-role agents in one gateway process.' },
   bindings: { zh: '绑定规则', en: 'Bindings' },
@@ -394,8 +374,8 @@ export const LABELS: Record<string, { zh: string; en: string }> = {
   agentIdPlaceholder: { zh: 'Agent ID（例如 engineer）', en: 'Agent ID (e.g. engineer)' },
   workspaceOverridePlaceholder: { zh: '工作空间覆盖（可选）', en: 'Workspace override (optional)' },
   modelOverridePlaceholder: { zh: '模型覆盖（可选）', en: 'Model override (optional)' },
-  defaultEnginePlaceholder: { zh: '默认引擎（如 native 或 codex-sdk）', en: 'Default engine (e.g. native or codex-sdk)' },
-  engineOverridePlaceholder: { zh: '引擎覆盖（可选）', en: 'Engine override (optional)' },
+  defaultEnginePlaceholder: { zh: '默认 Runtime（如 native 或 codex）', en: 'Default runtime (e.g. native or codex)' },
+  engineOverridePlaceholder: { zh: 'Runtime 覆盖（可选）', en: 'Runtime override (optional)' },
   contextTokensPlaceholder: { zh: '上下文 tokens', en: 'Context tokens' },
   maxToolsPlaceholder: { zh: '最大工具次数', en: 'Max tools' },
   defaultAgent: { zh: '默认 Agent', en: 'Default agent' },