@nextclaw/ui 0.6.11 → 0.6.13

package/src/components/config/SearchConfig.tsx

@@ -0,0 +1,297 @@
+import { useEffect, useMemo, useState } from 'react';
+import { ExternalLink, KeyRound, Search as SearchIcon } from 'lucide-react';
+import { PageHeader, PageLayout } from '@/components/layout/page-layout';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+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';
+
+const FRESHNESS_OPTIONS = [
+  { value: 'noLimit', label: 'searchFreshnessNoLimit' },
+  { value: 'oneDay', label: 'searchFreshnessOneDay' },
+  { value: 'oneWeek', label: 'searchFreshnessOneWeek' },
+  { value: 'oneMonth', label: 'searchFreshnessOneMonth' },
+  { value: 'oneYear', label: 'searchFreshnessOneYear' }
+] as const;
+
+export function SearchConfig() {
+  const { data: config } = useConfig();
+  const { data: meta } = useConfigMeta();
+  const updateSearch = useUpdateSearch();
+  const providers = meta?.search ?? [];
+  const search = config?.search;
+
+  const [selectedProvider, setSelectedProvider] = useState<SearchProviderName>('bocha');
+  const [activeProvider, setActiveProvider] = useState<SearchProviderName>('bocha');
+  const [enabledProviders, setEnabledProviders] = useState<SearchProviderName[]>(['bocha']);
+  const [maxResults, setMaxResults] = useState('10');
+  const [bochaApiKey, setBochaApiKey] = useState('');
+  const [bochaBaseUrl, setBochaBaseUrl] = useState('https://api.bocha.cn/v1/web-search');
+  const [bochaSummary, setBochaSummary] = useState(true);
+  const [bochaFreshness, setBochaFreshness] = useState('noLimit');
+  const [braveApiKey, setBraveApiKey] = useState('');
+  const [braveBaseUrl, setBraveBaseUrl] = useState('https://api.search.brave.com/res/v1/web/search');
+
+  useEffect(() => {
+    if (!search) {
+      return;
+    }
+    setSelectedProvider(search.provider);
+    setActiveProvider(search.provider);
+    setEnabledProviders(search.enabledProviders);
+    setMaxResults(String(search.defaults.maxResults));
+    setBochaBaseUrl(search.providers.bocha.baseUrl);
+    setBochaSummary(Boolean(search.providers.bocha.summary));
+    setBochaFreshness(search.providers.bocha.freshness ?? 'noLimit');
+    setBraveBaseUrl(search.providers.brave.baseUrl);
+  }, [search]);
+
+  const selectedMeta = useMemo(
+    () => providers.find((provider) => provider.name === selectedProvider),
+    [providers, selectedProvider]
+  );
+  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 activationButtonLabel = selectedEnabled
+    ? t('searchProviderDeactivate')
+    : t('searchProviderActivate');
+
+  const buildSearchPayload = (
+    nextEnabledProviders: SearchProviderName[] = enabledProviders,
+    nextActiveProvider: SearchProviderName = activeProvider
+  ): SearchConfigUpdate => ({
+    provider: nextActiveProvider,
+    enabledProviders: nextEnabledProviders,
+    defaults: {
+      maxResults: Number(maxResults) || 10
+    },
+    providers: {
+      bocha: {
+        apiKey: bochaApiKey || undefined,
+        baseUrl: bochaBaseUrl,
+        summary: bochaSummary,
+        freshness: bochaFreshness
+      },
+      brave: {
+        apiKey: braveApiKey || undefined,
+        baseUrl: braveBaseUrl
+      }
+    }
+  });
+
+  const handleToggleEnabled = () => {
+    const nextEnabledProviders = selectedEnabled
+      ? enabledProviders.filter((provider) => provider !== selectedProvider)
+      : [...enabledProviders, selectedProvider];
+    setEnabledProviders(nextEnabledProviders);
+    updateSearch.mutate({
+      data: buildSearchPayload(nextEnabledProviders)
+    });
+  };
+
+  const handleActiveProviderChange = (value: string) => {
+    setActiveProvider(value as SearchProviderName);
+  };
+
+  const handleSubmit = (event: React.FormEvent) => {
+    event.preventDefault();
+    updateSearch.mutate({
+      data: buildSearchPayload()
+    });
+  };
+
+  if (!search || providers.length === 0) {
+    return <div className="p-8">{t('loading')}</div>;
+  }
+
+  return (
+    <PageLayout>
+      <PageHeader title={t('searchPageTitle')} description={t('searchPageDescription')} />
+
+      <div className={CONFIG_SPLIT_GRID_CLASS}>
+        <section className={CONFIG_SIDEBAR_CARD_CLASS}>
+          <div className="border-b border-gray-100 px-4 py-4">
+            <p className="text-xs font-semibold uppercase tracking-[0.16em] text-gray-500">{t('searchChannels')}</p>
+          </div>
+          <div className="min-h-0 flex-1 space-y-2 overflow-y-auto p-3">
+            {providers.map((provider) => {
+              const providerView = search.providers[provider.name];
+              const isEnabled = enabledProviders.includes(provider.name);
+              const isSelected = selectedProvider === provider.name;
+              return (
+                <button
+                  key={provider.name}
+                  type="button"
+                  onClick={() => setSelectedProvider(provider.name)}
+                  className={cn(
+                    'w-full rounded-xl border p-3 text-left transition-all',
+                    isSelected
+                      ? 'border-primary/30 bg-primary-50/40 shadow-sm'
+                      : 'border-gray-200/70 bg-white hover:border-gray-300 hover:bg-gray-50/70'
+                  )}
+                >
+                  <div className="flex items-start justify-between gap-3">
+                    <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')}
+                      </p>
+                    </div>
+                    <div className="flex flex-col items-end gap-1">
+                      <span className="rounded-full bg-gray-100 px-2 py-0.5 text-[11px] font-medium text-gray-600">
+                        {providerView.apiKeySet ? t('searchStatusConfigured') : t('searchStatusNeedsSetup')}
+                      </span>
+                      {isEnabled ? (
+                        <span className="rounded-full bg-emerald-50 px-2 py-0.5 text-[11px] font-medium text-emerald-700">
+                          {t('searchProviderActivated')}
+                        </span>
+                      ) : null}
+                    </div>
+                  </div>
+                </button>
+              );
+            })}
+          </div>
+        </section>
+
+        <form onSubmit={handleSubmit} className={cn(CONFIG_DETAIL_CARD_CLASS, 'p-6')}>
+          {!selectedMeta || !selectedView ? (
+            <div className="flex h-full items-center justify-center text-sm text-gray-500">{t('searchNoProviderSelected')}</div>
+          ) : (
+            <div className="space-y-6 overflow-y-auto">
+              <div className="flex items-start justify-between gap-4">
+                <div className="flex items-center gap-3">
+                  <div className="flex h-10 w-10 items-center justify-center rounded-xl bg-primary text-white">
+                    <SearchIcon className="h-5 w-5" />
+                  </div>
+                  <div>
+                    <h3 className="text-lg font-semibold text-gray-900">{selectedMeta.displayName}</h3>
+                    <p className="text-sm text-gray-500">{selectedMeta.description}</p>
+                  </div>
+                </div>
+                <Button
+                  type="button"
+                  variant={selectedEnabled ? 'secondary' : 'outline'}
+                  className="rounded-xl"
+                  onClick={handleToggleEnabled}
+                >
+                  {activationButtonLabel}
+                </Button>
+              </div>
+
+              <div className="grid gap-4 md:grid-cols-2">
+                <div className="space-y-2">
+                  <Label>{t('searchActiveProvider')}</Label>
+                  <Select value={activeProvider} onValueChange={handleActiveProviderChange}>
+                    <SelectTrigger className="rounded-xl">
+                      <SelectValue />
+                    </SelectTrigger>
+                    <SelectContent>
+                      {providers.map((provider) => (
+                        <SelectItem key={provider.name} value={provider.name}>{provider.displayName}</SelectItem>
+                      ))}
+                    </SelectContent>
+                  </Select>
+                </div>
+
+                <div className="space-y-2">
+                  <Label>{t('searchDefaultMaxResults')}</Label>
+                  <Input
+                    value={maxResults}
+                    onChange={(event) => setMaxResults(event.target.value)}
+                    inputMode="numeric"
+                    className="rounded-xl"
+                  />
+                </div>
+              </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>
+              ) : (
+                <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>
+              )}
+
+              <div className="flex justify-end">
+                <Button type="submit" disabled={updateSearch.isPending}>
+                  <KeyRound className="mr-2 h-4 w-4" />
+                  {updateSearch.isPending ? t('saving') : t('saveChanges')}
+                </Button>
+              </div>
+            </div>
+          )}
+        </form>
+      </div>
+    </PageLayout>
+  );
+}

package/src/components/layout/Sidebar.tsx

@@ -1,7 +1,7 @@
 import { cn } from '@/lib/utils';
 import { LANGUAGE_OPTIONS, t, type I18nLanguage } from '@/lib/i18n';
 import { THEME_OPTIONS, type UiTheme } from '@/lib/theme';
-import { Cpu, GitBranch, History, MessageCircle, MessageSquare, Sparkles, BookOpen, Plug, BrainCircuit, AlarmClock, Languages, Palette, KeyRound, Settings, ArrowLeft } from 'lucide-react';
+import { Cpu, GitBranch, History, MessageCircle, MessageSquare, Sparkles, BookOpen, Plug, BrainCircuit, AlarmClock, Languages, Palette, KeyRound, Settings, ArrowLeft, Search } from 'lucide-react';
 import { NavLink } from 'react-router-dom';
 import { useDocBrowser } from '@/components/doc-browser';
 import { BrandHeader } from '@/components/common/BrandHeader';
@@ -67,6 +67,11 @@ export function Sidebar({ mode }: SidebarProps) {
       label: t('providers'),
       icon: Sparkles,
     },
+    {
+      target: '/search',
+      label: t('searchChannels'),
+      icon: Search,
+    },
     {
       target: '/channels',
       label: t('channels'),

package/src/hooks/useConfig.ts

@@ -5,6 +5,7 @@ import {
   fetchConfigMeta,
   fetchConfigSchema,
   updateModel,
+  updateSearch,
   createProvider,
   deleteProvider,
   updateProvider,
@@ -81,6 +82,22 @@ export function useUpdateModel() {
   });
 }
 
+export function useUpdateSearch() {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: ({ data }: { data: Parameters<typeof updateSearch>[0] }) => updateSearch(data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['config'] });
+      queryClient.invalidateQueries({ queryKey: ['config-meta'] });
+      toast.success(t('configSavedApplied'));
+    },
+    onError: (error: Error) => {
+      toast.error(t('configSaveFailed') + ': ' + error.message);
+    }
+  });
+}
+
 export function useUpdateProvider() {
   const queryClient = useQueryClient();
 

package/src/lib/i18n.ts

@@ -125,6 +125,7 @@ export const LABELS: Record<string, { zh: string; en: string }> = {
   // Navigation
   chat: { zh: '对话', en: 'Chat' },
   model: { zh: '模型', en: 'Model' },
+  searchChannels: { zh: '搜索渠道', en: 'Search Channels' },
   providers: { zh: '提供商', en: 'Providers' },
   channels: { zh: '渠道', en: 'Channels' },
   cron: { zh: '定时任务', en: 'Cron Jobs' },
@@ -182,6 +183,27 @@ export const LABELS: Record<string, { zh: string; en: string }> = {
   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...' },
@@ -250,6 +272,14 @@ export const LABELS: Record<string, { zh: string; en: string }> = {
   },
   providerModelsEmptyShort: { zh: '暂无可用模型', en: 'No models available' },
   providerAddFirstModel: { zh: '添加第一个模型', en: 'Add first model' },
+  providerModelThinkingTitle: { zh: '思考档位能力', en: 'Thinking Capability' },
+  providerModelThinkingHint: {
+    zh: '为该模型声明可切换的思考档位，聊天会话将按这里的能力展示下拉。',
+    en: 'Declare supported thinking levels for this model. Chat sessions will show the selector accordingly.'
+  },
+  providerModelThinkingDefault: { zh: '默认思考档位', en: 'Default Thinking Level' },
+  providerModelThinkingDefaultNone: { zh: '无默认（回落 off）', en: 'No default (fallback off)' },
+  providerModelThinkingNoSupported: { zh: '请先至少选择一个支持档位。', en: 'Select at least one supported level first.' },
   providerDisplayNameHelpShort: { zh: '便于区分多个自定义提供商', en: 'Helps distinguish multiple custom providers' },
   providerApiBaseHelpShort: { zh: '一般只需填写域名，系统自动补全路径', en: 'Usually just the domain; path auto-appended' },
   providerExtraHeadersHelpShort: { zh: '可选，用于自定义鉴权等场景', en: 'Optional, for custom auth etc.' },
@@ -506,6 +536,13 @@ export const LABELS: Record<string, { zh: string; en: string }> = {
   chatSelectAgent: { zh: '选择 Agent', en: 'Select Agent' },
   chatModelLabel: { zh: '对话模型', en: 'Chat Model' },
   chatSelectModel: { zh: '选择模型', en: 'Select model' },
+  chatThinkingLevelOff: { zh: '思考关闭', en: 'Thinking Off' },
+  chatThinkingLevelMinimal: { zh: '思考 Minimal', en: 'Thinking Minimal' },
+  chatThinkingLevelLow: { zh: '思考 Low', en: 'Thinking Low' },
+  chatThinkingLevelMedium: { zh: '思考 Medium', en: 'Thinking Medium' },
+  chatThinkingLevelHigh: { zh: '思考 High', en: 'Thinking High' },
+  chatThinkingLevelAdaptive: { zh: '思考 Adaptive', en: 'Thinking Adaptive' },
+  chatThinkingLevelXhigh: { zh: '思考 XHigh', en: 'Thinking XHigh' },
   chatSessionTypeLabel: { zh: '会话类型', en: 'Session Type' },
   chatSessionTypeNative: { zh: '原生', en: 'Native' },
   chatSessionTypeCodex: { zh: 'Codex', en: 'Codex' },

package/src/lib/provider-models.ts

@@ -1,4 +1,12 @@
-import type { ConfigMetaView, ConfigView, ProviderConfigView } from '@/api/types';
+import type { ConfigMetaView, ConfigView, ProviderConfigView, ThinkingLevel } from '@/api/types';
+
+const THINKING_LEVELS: ThinkingLevel[] = ['off', 'minimal', 'low', 'medium', 'high', 'adaptive', 'xhigh'];
+const THINKING_LEVEL_SET = new Set<string>(THINKING_LEVELS);
+
+export type ModelThinkingCapability = {
+  supported: ThinkingLevel[];
+  default?: ThinkingLevel | null;
+};
 
 export type ProviderModelCatalogItem = {
   name: string;
@@ -6,6 +14,7 @@ export type ProviderModelCatalogItem = {
   prefix: string;
   aliases: string[];
   models: string[];
+  modelThinking: Record<string, ModelThinkingCapability>;
   configured: boolean;
 };
 
@@ -59,9 +68,73 @@ export function composeProviderModel(prefix: string, localModel: string): string
   return `${normalizedPrefix}/${normalizedModel}`;
 }
 
+function parseThinkingLevel(value: unknown): ThinkingLevel | null {
+  if (typeof value !== 'string') {
+    return null;
+  }
+  const normalized = value.trim().toLowerCase();
+  if (!normalized) {
+    return null;
+  }
+  return THINKING_LEVEL_SET.has(normalized) ? (normalized as ThinkingLevel) : null;
+}
+
+function normalizeThinkingLevels(values: unknown): ThinkingLevel[] {
+  if (!Array.isArray(values)) {
+    return [];
+  }
+  const deduped: ThinkingLevel[] = [];
+  for (const value of values) {
+    const level = parseThinkingLevel(value);
+    if (!level || deduped.includes(level)) {
+      continue;
+    }
+    deduped.push(level);
+  }
+  return deduped;
+}
+
+export function normalizeModelThinkingMap(
+  input: ProviderConfigView['modelThinking'],
+  aliases: string[]
+): Record<string, ModelThinkingCapability> {
+  if (!input) {
+    return {};
+  }
+  const normalized: Record<string, ModelThinkingCapability> = {};
+  for (const [rawModel, rawValue] of Object.entries(input)) {
+    const localModel = toProviderLocalModel(rawModel, aliases);
+    if (!localModel) {
+      continue;
+    }
+    const supported = normalizeThinkingLevels(rawValue?.supported);
+    if (supported.length === 0) {
+      continue;
+    }
+    const defaultLevel = parseThinkingLevel(rawValue?.default);
+    normalized[localModel] =
+      defaultLevel && supported.includes(defaultLevel)
+        ? { supported, default: defaultLevel }
+        : { supported };
+  }
+  return normalized;
+}
+
+export function resolveModelThinkingCapability(
+  map: Record<string, ModelThinkingCapability>,
+  model: string,
+  aliases: string[]
+): ModelThinkingCapability | null {
+  const localModel = toProviderLocalModel(model, aliases);
+  if (!localModel) {
+    return null;
+  }
+  return map[localModel] ?? null;
+}
+
 export function findProviderByModel(
   model: string,
-  providerCatalog: Array<{ name: string; aliases: string[] }>
+  providerCatalog: Array<{ name: string; aliases: string[]; models?: string[] }>
 ): string | null {
   const trimmed = model.trim();
   if (!trimmed) {
@@ -81,7 +154,20 @@ export function findProviderByModel(
       }
     }
   }
-  return bestMatch?.name ?? null;
+  if (bestMatch) {
+    return bestMatch.name;
+  }
+  for (const provider of providerCatalog) {
+    const normalizedModel = toProviderLocalModel(trimmed, provider.aliases);
+    if (!normalizedModel) {
+      continue;
+    }
+    const models = normalizeStringList(provider.models ?? []);
+    if (models.some((modelId) => modelId === normalizedModel)) {
+      return provider.name;
+    }
+  }
+  return null;
 }
 
 function isProviderConfigured(provider: ProviderConfigView | undefined): boolean {
@@ -108,6 +194,7 @@ export function buildProviderModelCatalog(params: {
       (providerConfig?.models ?? []).map((model) => toProviderLocalModel(model, aliases))
     );
     const models = normalizeStringList([...defaultModels, ...customModels]);
+    const modelThinking = normalizeModelThinkingMap(providerConfig?.modelThinking, aliases);
     const configDisplayName = providerConfig?.displayName?.trim();
     const configured = isProviderConfigured(providerConfig);
 
@@ -117,6 +204,7 @@ export function buildProviderModelCatalog(params: {
       prefix,
       aliases,
       models,
+      modelThinking,
       configured
     } satisfies ProviderModelCatalogItem;
   });

package/dist/assets/ChannelsList-C49JQ-Zt.js

@@ -1 +0,0 @@
-import{r as v,j as a,aE as Z,z as ee,d as T,K as ae,ad as te,aP as se,aQ as ne,aR as le,w as re,a1 as oe,aA as ce,q as ie}from"./vendor-TlME1INH.js";import{t as e,c as I,K as me,u as q,a as $,b as K,N as pe,O as de,S as be,e as ue,f as xe,g as ye,h as ge}from"./index-Cn6_2To7.js";import{B as U,P as he,a as fe}from"./page-layout-DO8BlScF.js";import{I as A}from"./input-oBvxsnV9.js";import{L as we}from"./label-C7F8lMpQ.js";import{S as ve}from"./switch-C6a5GyZB.js";import{C as je,a as ke,L as H,S as J,c as Se,b as Ce}from"./LogoBadge-CL_8ZPXU.js";import{h as O}from"./config-hints-CApS3K_7.js";import{T as Ne}from"./tabs-custom-BatFap5k.js";function Pe({value:t,onChange:m,className:i,placeholder:r=""}){const[o,u]=v.useState(""),d=x=>{x.key==="Enter"&&o.trim()?(x.preventDefault(),m([...t,o.trim()]),u("")):x.key==="Backspace"&&!o&&t.length>0&&m(t.slice(0,-1))},g=x=>{m(t.filter((j,h)=>h!==x))};return a.jsxs("div",{className:I("flex flex-wrap gap-2 p-2 border rounded-md min-h-[42px]",i),children:[t.map((x,j)=>a.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-1 bg-primary text-primary-foreground rounded text-sm",children:[x,a.jsx("button",{type:"button",onClick:()=>g(j),className:"hover:text-red-300 transition-colors",children:a.jsx(Z,{className:"h-3 w-3"})})]},j)),a.jsx("input",{type:"text",value:o,onChange:x=>u(x.target.value),onKeyDown:d,className:"flex-1 outline-none min-w-[100px] bg-transparent text-sm",placeholder:r||e("enterTag")})]})}function z(t){var r,o;const m=me();return((r=t.tutorialUrls)==null?void 0:r[m])||((o=t.tutorialUrls)==null?void 0:o.default)||t.tutorialUrl}const Ie={telegram:"telegram.svg",slack:"slack.svg",discord:"discord.svg",whatsapp:"whatsapp.svg",qq:"qq.svg",feishu:"feishu.svg",dingtalk:"dingtalk.svg",wecom:"wecom.svg",mochat:"mochat.svg",email:"email.svg"};function Fe(t,m){const i=m.toLowerCase(),r=t[i];return r?`/logos/${r}`:null}function Y(t){return Fe(Ie,t)}const R=[{value:"pairing",label:"pairing"},{value:"allowlist",label:"allowlist"},{value:"open",label:"open"},{value:"disabled",label:"disabled"}],B=[{value:"open",label:"open"},{value:"allowlist",label:"allowlist"},{value:"disabled",label:"disabled"}],Te=[{value:"off",label:"off"},{value:"partial",label:"partial"},{value:"block",label:"block"},{value:"progress",label:"progress"}],Ae=t=>t.includes("token")||t.includes("secret")||t.includes("password")?a.jsx(ae,{className:"h-3.5 w-3.5 text-gray-500"}):t.includes("url")||t.includes("host")?a.jsx(te,{className:"h-3.5 w-3.5 text-gray-500"}):t.includes("email")||t.includes("mail")?a.jsx(se,{className:"h-3.5 w-3.5 text-gray-500"}):t.includes("id")||t.includes("from")?a.jsx(ne,{className:"h-3.5 w-3.5 text-gray-500"}):t==="enabled"||t==="consentGranted"?a.jsx(le,{className:"h-3.5 w-3.5 text-gray-500"}):a.jsx(re,{className:"h-3.5 w-3.5 text-gray-500"});function G(){return{telegram:[{name:"enabled",type:"boolean",label:e("enabled")},{name:"token",type:"password",label:e("botToken")},{name:"allowFrom",type:"tags",label:e("allowFrom")},{name:"proxy",type:"text",label:e("proxy")},{name:"accountId",type:"text",label:e("accountId")},{name:"dmPolicy",type:"select",label:e("dmPolicy"),options:R},{name:"groupPolicy",type:"select",label:e("groupPolicy"),options:B},{name:"groupAllowFrom",type:"tags",label:e("groupAllowFrom")},{name:"requireMention",type:"boolean",label:e("requireMention")},{name:"mentionPatterns",type:"tags",label:e("mentionPatterns")},{name:"groups",type:"json",label:e("groupRulesJson")}],discord:[{name:"enabled",type:"boolean",label:e("enabled")},{name:"token",type:"password",label:e("botToken")},{name:"allowBots",type:"boolean",label:e("allowBotMessages")},{name:"allowFrom",type:"tags",label:e("allowFrom")},{name:"gatewayUrl",type:"text",label:e("gatewayUrl")},{name:"intents",type:"number",label:e("intents")},{name:"proxy",type:"text",label:e("proxy")},{name:"mediaMaxMb",type:"number",label:e("attachmentMaxSizeMb")},{name:"streaming",type:"select",label:e("streamingMode"),options:Te},{name:"draftChunk",type:"json",label:e("draftChunkingJson")},{name:"textChunkLimit",type:"number",label:e("textChunkLimit")},{name:"accountId",type:"text",label:e("accountId")},{name:"dmPolicy",type:"select",label:e("dmPolicy"),options:R},{name:"groupPolicy",type:"select",label:e("groupPolicy"),options:B},{name:"groupAllowFrom",type:"tags",label:e("groupAllowFrom")},{name:"requireMention",type:"boolean",label:e("requireMention")},{name:"mentionPatterns",type:"tags",label:e("mentionPatterns")},{name:"groups",type:"json",label:e("groupRulesJson")}],whatsapp:[{name:"enabled",type:"boolean",label:e("enabled")},{name:"bridgeUrl",type:"text",label:e("bridgeUrl")},{name:"allowFrom",type:"tags",label:e("allowFrom")}],feishu:[{name:"enabled",type:"boolean",label:e("enabled")},{name:"appId",type:"text",label:e("appId")},{name:"appSecret",type:"password",label:e("appSecret")},{name:"encryptKey",type:"password",label:e("encryptKey")},{name:"verificationToken",type:"password",label:e("verificationToken")},{name:"allowFrom",type:"tags",label:e("allowFrom")}],dingtalk:[{name:"enabled",type:"boolean",label:e("enabled")},{name:"clientId",type:"text",label:e("clientId")},{name:"clientSecret",type:"password",label:e("clientSecret")},{name:"allowFrom",type:"tags",label:e("allowFrom")}],wecom:[{name:"enabled",type:"boolean",label:e("enabled")},{name:"corpId",type:"text",label:e("corpId")},{name:"agentId",type:"text",label:e("agentId")},{name:"secret",type:"password",label:e("secret")},{name:"token",type:"password",label:e("token")},{name:"callbackPort",type:"number",label:e("callbackPort")},{name:"callbackPath",type:"text",label:e("callbackPath")},{name:"allowFrom",type:"tags",label:e("allowFrom")}],slack:[{name:"enabled",type:"boolean",label:e("enabled")},{name:"mode",type:"text",label:e("mode")},{name:"webhookPath",type:"text",label:e("webhookPath")},{name:"allowBots",type:"boolean",label:e("allowBotMessages")},{name:"botToken",type:"password",label:e("botToken")},{name:"appToken",type:"password",label:e("appToken")}],email:[{name:"enabled",type:"boolean",label:e("enabled")},{name:"consentGranted",type:"boolean",label:e("consentGranted")},{name:"imapHost",type:"text",label:e("imapHost")},{name:"imapPort",type:"number",label:e("imapPort")},{name:"imapUsername",type:"text",label:e("imapUsername")},{name:"imapPassword",type:"password",label:e("imapPassword")},{name:"fromAddress",type:"email",label:e("fromAddress")}],mochat:[{name:"enabled",type:"boolean",label:e("enabled")},{name:"baseUrl",type:"text",label:e("baseUrl")},{name:"clawToken",type:"password",label:e("clawToken")},{name:"agentUserId",type:"text",label:e("agentUserId")},{name:"allowFrom",type:"tags",label:e("allowFrom")}],qq:[{name:"enabled",type:"boolean",label:e("enabled")},{name:"appId",type:"text",label:e("appId")},{name:"secret",type:"password",label:e("appSecret")},{name:"markdownSupport",type:"boolean",label:e("markdownSupport")},{name:"allowFrom",type:"tags",label:e("allowFrom")}]}}function D(t){return typeof t=="object"&&t!==null&&!Array.isArray(t)}function Q(t,m){const i={...t};for(const[r,o]of Object.entries(m)){const u=i[r];if(D(u)&&D(o)){i[r]=Q(u,o);continue}i[r]=o}return i}function De(t,m){const i=t.split("."),r={};let o=r;for(let u=0;u<i.length-1;u+=1){const d=i[u];o[d]={},o=o[d]}return o[i[i.length-1]]=m,r}function Le({channelName:t}){var _,E;const{data:m}=q(),{data:i}=$(),{data:r}=K(),o=pe(),u=de(),[d,g]=v.useState({}),[x,j]=v.useState({}),[h,f]=v.useState(null),k=t?m==null?void 0:m.channels[t]:null,w=t?G()[t]??[]:[],c=r==null?void 0:r.uiHints,p=t?`channels.${t}`:null,S=((_=r==null?void 0:r.actions)==null?void 0:_.filter(s=>s.scope===p))??[],C=t&&(((E=O(`channels.${t}`,c))==null?void 0:E.label)??t),P=i==null?void 0:i.channels.find(s=>s.name===t),F=P?z(P):void 0;v.useEffect(()=>{if(k){g({...k});const s={};(t?G()[t]??[]:[]).filter(l=>l.type==="json").forEach(l=>{const y=k[l.name];s[l.name]=JSON.stringify(y??{},null,2)}),j(s)}else g({}),j({})},[k,t]);const N=(s,n)=>{g(l=>({...l,[s]:n}))},L=s=>{if(s.preventDefault(),!t)return;const n={...d};for(const l of w){if(l.type!=="password")continue;const y=n[l.name];(typeof y!="string"||y.length===0)&&delete n[l.name]}for(const l of w){if(l.type!=="json")continue;const y=x[l.name]??"";try{n[l.name]=y.trim()?JSON.parse(y):{}}catch{T.error(`${e("invalidJson")}: ${l.name}`);return}}o.mutate({channel:t,data:n})},V=s=>{if(!s||!t)return;const n=s.channels;if(!D(n))return;const l=n[t];D(l)&&g(y=>Q(y,l))},W=async s=>{if(!(!t||!p)){f(s.id);try{let n={...d};s.saveBeforeRun&&(n={...n,...s.savePatch??{}},g(n),await o.mutateAsync({channel:t,data:n}));const l=await u.mutateAsync({actionId:s.id,data:{scope:p,draftConfig:De(p,n)}});V(l.patch),l.ok?T.success(l.message||e("success")):T.error(l.message||e("error"))}catch(n){const l=n instanceof Error?n.message:String(n);T.error(`${e("error")}: ${l}`)}finally{f(null)}}};if(!t||!P||!k)return a.jsx("div",{className:je,children:a.jsxs("div",{children:[a.jsx("h3",{className:"text-base font-semibold text-gray-900",children:e("channelsSelectTitle")}),a.jsx("p",{className:"mt-2 text-sm text-gray-500",children:e("channelsSelectDescription")})]})});const M=!!k.enabled;return a.jsxs("div",{className:ke,children:[a.jsx("div",{className:"border-b border-gray-100 px-6 py-5",children:a.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-3",children:[a.jsxs("div",{className:"min-w-0",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx(H,{name:t,src:Y(t),className:I("h-9 w-9 rounded-lg border",M?"border-primary/30 bg-white":"border-gray-200/70 bg-white"),imgClassName:"h-5 w-5 object-contain",fallback:a.jsx("span",{className:"text-sm font-semibold uppercase text-gray-500",children:t[0]})}),a.jsx("h3",{className:"truncate text-lg font-semibold text-gray-900 capitalize",children:C})]}),a.jsx("p",{className:"mt-2 text-sm text-gray-500",children:e("channelsFormDescription")}),F&&a.jsxs("a",{href:F,className:"mt-2 inline-flex items-center gap-1.5 text-xs text-primary transition-colors hover:text-primary-hover",children:[a.jsx(ee,{className:"h-3.5 w-3.5"}),e("channelsGuideTitle")]})]}),a.jsx(J,{status:M?"active":"inactive",label:M?e("statusActive"):e("statusInactive")})]})}),a.jsxs("form",{onSubmit:L,className:"flex min-h-0 flex-1 flex-col",children:[a.jsx("div",{className:"min-h-0 flex-1 space-y-6 overflow-y-auto overscroll-contain px-6 py-5",children:w.map(s=>{const n=t?O(`channels.${t}.${s.name}`,c):void 0,l=(n==null?void 0:n.label)??s.label,y=n==null?void 0:n.placeholder;return a.jsxs("div",{className:"space-y-2.5",children:[a.jsxs(we,{htmlFor:s.name,className:"flex items-center gap-2 text-sm font-medium text-gray-900",children:[Ae(s.name),l]}),s.type==="boolean"&&a.jsxs("div",{className:"flex items-center justify-between rounded-xl bg-gray-50 p-3",children:[a.jsx("span",{className:"text-sm text-gray-500",children:d[s.name]?e("enabled"):e("disabled")}),a.jsx(ve,{id:s.name,checked:d[s.name]||!1,onCheckedChange:b=>N(s.name,b),className:"data-[state=checked]:bg-emerald-500"})]}),(s.type==="text"||s.type==="email")&&a.jsx(A,{id:s.name,type:s.type,value:d[s.name]||"",onChange:b=>N(s.name,b.target.value),placeholder:y,className:"rounded-xl"}),s.type==="password"&&a.jsx(A,{id:s.name,type:"password",value:d[s.name]||"",onChange:b=>N(s.name,b.target.value),placeholder:y??e("leaveBlankToKeepUnchanged"),className:"rounded-xl"}),s.type==="number"&&a.jsx(A,{id:s.name,type:"number",value:d[s.name]||0,onChange:b=>N(s.name,parseInt(b.target.value,10)||0),placeholder:y,className:"rounded-xl"}),s.type==="tags"&&a.jsx(Pe,{value:d[s.name]||[],onChange:b=>N(s.name,b)}),s.type==="select"&&a.jsxs(be,{value:d[s.name]||"",onValueChange:b=>N(s.name,b),children:[a.jsx(ue,{className:"rounded-xl",children:a.jsx(xe,{})}),a.jsx(ye,{children:(s.options??[]).map(b=>a.jsx(ge,{value:b.value,children:b.label},b.value))})]}),s.type==="json"&&a.jsx("textarea",{id:s.name,value:x[s.name]??"{}",onChange:b=>j(X=>({...X,[s.name]:b.target.value})),className:"min-h-[120px] w-full resize-none rounded-lg border border-gray-200 bg-white px-3 py-2 text-xs font-mono"})]},s.name)})}),a.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-3 border-t border-gray-100 px-6 py-4",children:[a.jsx("div",{className:"flex flex-wrap items-center gap-2",children:S.filter(s=>s.trigger==="manual").map(s=>a.jsx(U,{type:"button",onClick:()=>W(s),disabled:o.isPending||!!h,variant:"secondary",children:h===s.id?e("connecting"):s.title},s.id))}),a.jsx(U,{type:"submit",disabled:o.isPending||!!h,children:o.isPending?e("saving"):e("save")})]})]})]})}const Me={telegram:"channelDescTelegram",slack:"channelDescSlack",email:"channelDescEmail",webhook:"channelDescWebhook",discord:"channelDescDiscord",feishu:"channelDescFeishu"};function Ke(){const{data:t}=q(),{data:m}=$(),{data:i}=K(),[r,o]=v.useState("enabled"),[u,d]=v.useState(),[g,x]=v.useState(""),j=i==null?void 0:i.uiHints,h=m==null?void 0:m.channels,f=t==null?void 0:t.channels,k=[{id:"enabled",label:e("channelsTabEnabled"),count:(h??[]).filter(c=>{var p;return(p=f==null?void 0:f[c.name])==null?void 0:p.enabled}).length},{id:"all",label:e("channelsTabAll"),count:(h??[]).length}],w=v.useMemo(()=>{const c=g.trim().toLowerCase();return(h??[]).filter(p=>{var C;const S=((C=f==null?void 0:f[p.name])==null?void 0:C.enabled)||!1;return r==="enabled"?S:!0}).filter(p=>c?(p.displayName||p.name).toLowerCase().includes(c)||p.name.toLowerCase().includes(c):!0)},[r,f,h,g]);return v.useEffect(()=>{if(w.length===0){d(void 0);return}w.some(p=>p.name===u)||d(w[0].name)},[w,u]),!t||!m?a.jsx("div",{className:"p-8 text-gray-400",children:e("channelsLoading")}):a.jsxs(he,{className:"xl:flex xl:h-full xl:min-h-0 xl:flex-col xl:pb-0",children:[a.jsx(fe,{title:e("channelsPageTitle"),description:e("channelsPageDescription")}),a.jsxs("div",{className:I(Ce,"xl:min-h-0 xl:flex-1"),children:[a.jsxs("section",{className:Se,children:[a.jsx("div",{className:"border-b border-gray-100 px-4 pt-4",children:a.jsx(Ne,{tabs:k,activeTab:r,onChange:o,className:"mb-0"})}),a.jsx("div",{className:"border-b border-gray-100 px-4 py-3",children:a.jsxs("div",{className:"relative",children:[a.jsx(oe,{className:"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-gray-400"}),a.jsx(A,{value:g,onChange:c=>x(c.target.value),placeholder:e("channelsFilterPlaceholder"),className:"h-10 rounded-xl pl-9"})]})}),a.jsxs("div",{className:"min-h-0 flex-1 space-y-2 overflow-y-auto overscroll-contain p-3",children:[w.map(c=>{const p=t.channels[c.name],S=(p==null?void 0:p.enabled)||!1,C=O(`channels.${c.name}`,j),P=z(c),F=(C==null?void 0:C.help)||e(Me[c.name]||"channelDescriptionDefault"),N=u===c.name;return a.jsx("button",{type:"button",onClick:()=>d(c.name),className:I("w-full rounded-xl border p-2.5 text-left transition-all",N?"border-primary/30 bg-primary-50/40 shadow-sm":"border-gray-200/70 bg-white hover:border-gray-300 hover:bg-gray-50/70"),children:a.jsxs("div",{className:"flex items-start justify-between gap-3",children:[a.jsxs("div",{className:"flex min-w-0 items-center gap-3",children:[a.jsx(H,{name:c.name,src:Y(c.name),className:I("h-10 w-10 rounded-lg border",S?"border-primary/30 bg-white":"border-gray-200/70 bg-white"),imgClassName:"h-5 w-5 object-contain",fallback:a.jsx("span",{className:"text-sm font-semibold uppercase text-gray-500",children:c.name[0]})}),a.jsxs("div",{className:"min-w-0",children:[a.jsx("p",{className:"truncate text-sm font-semibold text-gray-900",children:c.displayName||c.name}),a.jsx("p",{className:"line-clamp-1 text-[11px] text-gray-500",children:F})]})]}),a.jsxs("div",{className:"flex items-center gap-2",children:[P&&a.jsx("a",{href:P,onClick:L=>L.stopPropagation(),className:"inline-flex h-7 w-7 items-center justify-center rounded-md text-gray-300 transition-colors hover:bg-gray-100/70 hover:text-gray-500",title:e("channelsGuideTitle"),children:a.jsx(ce,{className:"h-3.5 w-3.5"})}),a.jsx(J,{status:S?"active":"inactive",label:S?e("statusActive"):e("statusInactive"),className:"min-w-[56px] justify-center"})]})]})},c.name)}),w.length===0&&a.jsxs("div",{className:"flex h-full min-h-[220px] flex-col items-center justify-center rounded-xl border border-dashed border-gray-200 bg-gray-50/70 py-10 text-center",children:[a.jsx("div",{className:"mb-3 flex h-10 w-10 items-center justify-center rounded-lg bg-white",children:a.jsx(ie,{className:"h-5 w-5 text-gray-300"})}),a.jsx("p",{className:"text-sm font-medium text-gray-700",children:e("channelsNoMatch")})]})]})]}),a.jsx(Le,{channelName:u})]})]})}export{Ke as ChannelsList};