@yancyyu/openhermit 1.6.37 → 1.6.39

package/src/renderer/components/settings/sections/AdvancedSection.tsx

@@ -12,7 +12,7 @@ import {
 import { Textarea } from '@renderer/components/ui/textarea';
 import { emitOpenHermitEvent, OPEN_HERMIT_EVENTS } from '@renderer/utils/openHermitEvents';
 import appIcon from '@renderer/favicon.png';
-import { Check, FileEdit, Loader2, RefreshCw, RotateCcw, X } from 'lucide-react';
+import { Check, FileEdit, Loader2, RotateCcw, X } from 'lucide-react';
 
 import { SettingsSectionHeader } from '../components';
 
@@ -25,7 +25,7 @@ const CcConnectConfigRawDialog = ({
   open,
   onClose,
 }: CcConnectConfigRawDialogProps): React.JSX.Element | null => {
-  const [filePath, setFilePath] = useState('~/.hermit/cc-connect/config.toml');
+  const [filePath, setFilePath] = useState('~/.hermit/config.toml');
   const [content, setContent] = useState('');
   const [loading, setLoading] = useState(false);
   const [saving, setSaving] = useState(false);
@@ -82,7 +82,7 @@ const CcConnectConfigRawDialog = ({
     >
       <DialogContent className="max-w-4xl">
         <DialogHeader>
-          <DialogTitle>编辑 配置</DialogTitle>
+          <DialogTitle>编辑配置</DialogTitle>
         </DialogHeader>
         <div className="space-y-3">
           <p className="text-xs text-[var(--color-text-muted)]">配置文件：{filePath}</p>
@@ -105,8 +105,8 @@ const CcConnectConfigRawDialog = ({
             </div>
           )}
           <p className="text-xs text-[var(--color-text-muted)]">
-            保存后将直接覆盖 Hermit 管理的 cc-connect config.toml。若修改了端口或
-            token，请点击“重启服务”生效。
+            保存后将直接覆盖 Hermit 管理的配置文件。若修改了端口或
+            token，请点击”重启服务”生效。
           </p>
         </div>
         <DialogFooter>
@@ -136,7 +136,6 @@ export const AdvancedSection = ({}: AdvancedSectionProps): React.JSX.Element =>
   const [version, setVersion] = useState<string>('');
   const [ccConfigOpen, setCcConfigOpen] = useState(false);
   const [restarting, setRestarting] = useState(false);
-  const [reloading, setReloading] = useState(false);
   const [restartMsg, setRestartMsg] = useState<string | null>(null);
 
   useEffect(() => {
@@ -158,58 +157,28 @@ export const AdvancedSection = ({}: AdvancedSectionProps): React.JSX.Element =>
     }
   }, []);
 
-  const handleReload = useCallback(async () => {
-    setReloading(true);
-    setRestartMsg(null);
-    try {
-      await api.ccSettings.reload();
-      setRestartMsg('配置已重载');
-    } catch {
-      setRestartMsg('重载失败');
-    } finally {
-      setReloading(false);
-      setTimeout(() => setRestartMsg(null), 3000);
-    }
-  }, []);
-
   return (
     <div>
       <SettingsSectionHeader title="服务配置" />
       <div className="flex flex-wrap gap-2 py-2">
         <button
           onClick={() => setCcConfigOpen(true)}
-          className="flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium transition-all duration-150 hover:bg-white/5"
+          className="flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium transition-all duration-150 hover:bg-cyan-500/5"
           style={{
-            borderColor: 'var(--color-border)',
-            color: 'var(--color-text)',
+            borderColor: 'rgba(6, 182, 212, 0.3)',
+            color: '#67e8f9',
           }}
         >
           <FileEdit className="size-4" />
           编辑 配置
         </button>
-        <button
-          onClick={() => void handleReload()}
-          disabled={reloading || restarting}
-          className="flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium transition-all duration-150 hover:bg-white/5 disabled:cursor-not-allowed disabled:opacity-50"
-          style={{
-            borderColor: 'var(--color-border)',
-            color: 'var(--color-text-secondary)',
-          }}
-        >
-          {reloading ? (
-            <Loader2 className="size-4 animate-spin" />
-          ) : (
-            <RefreshCw className="size-4" />
-          )}
-          重载配置
-        </button>
         <button
           onClick={() => void handleRestart()}
-          disabled={restarting || reloading}
+          disabled={restarting}
           className="flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium transition-all duration-150 hover:bg-white/5 disabled:cursor-not-allowed disabled:opacity-50"
           style={{
             borderColor: 'var(--color-border)',
-            color: 'var(--color-text-secondary)',
+            color: 'var(--color-text-muted)',
           }}
         >
           {restarting ? (
@@ -240,7 +209,7 @@ export const AdvancedSection = ({}: AdvancedSectionProps): React.JSX.Element =>
             Version {version || '...'}
           </p>
           <p className="mt-2 text-xs leading-relaxed" style={{ color: 'var(--color-text-muted)' }}>
-            渠道与模型供应商由后端服务统一管理；团队内部任务由 harness 自主管理。
+            本地优先的 AI Agent 团队工作台。支持多模型供应商接入、自主任务管理和跨团队协作。
           </p>
         </div>
       </div>

package/src/renderer/components/settings/sections/CliStatusSection.tsx

@@ -425,112 +425,67 @@ export const CliStatusSection = ({
                     {effectiveCliStatus.binaryPath}
                   </p>
                 )}
-                <div className="ml-6 mt-3 space-y-2">
+                <div className="mt-3 grid gap-2">
                   {ALL_AGENT_TYPES.map((agentType) => {
                     const provider = cliProviderStatusByAgentType.get(agentType) ?? null;
                     const harnessProviders = globalProvidersByAgentType.get(agentType) ?? [];
-                    if (!provider) {
-                      return (
-                        <div
-                          key={agentType}
-                          className="grid grid-cols-[minmax(0,1fr)_auto] gap-x-3 gap-y-2 rounded-md border px-3 py-2"
-                          style={{
-                            borderColor: 'var(--color-border-subtle)',
-                            backgroundColor: 'rgba(255, 255, 255, 0.02)',
-                          }}
-                        >
-                          <div className="min-w-0">
-                            <div className="flex items-center gap-2 text-xs">
-                              <Terminal
-                                className="size-4 shrink-0"
-                                style={{ color: 'var(--color-text-muted)' }}
-                              />
-                              <span
-                                className="font-medium"
-                                style={{ color: 'var(--color-text-secondary)' }}
-                              >
-                                {AGENT_TYPE_LABELS[agentType]}
-                              </span>
-                              <span style={{ color: 'var(--color-text-muted)' }}>
-                                {harnessProviders.length > 0
-                                  ? `${harnessProviders.length} 个 Provider`
-                                  : '未配置 Provider'}
-                              </span>
-                            </div>
-                            <div
-                              className="mt-1 flex flex-wrap gap-x-3 gap-y-1 text-[11px]"
-                              style={{ color: 'var(--color-text-muted)' }}
-                            >
-                              <span>Agent 类型：{agentType}</span>
-                              <span>Provider：{harnessProviders.length}</span>
-                            </div>
-                          </div>
-                          <div className="flex shrink-0 items-start gap-2">
-                            <button
-                              type="button"
-                              onClick={() => handleHarnessManage(agentType)}
-                              className="flex items-center gap-1 rounded-md border px-2 py-[3px] text-[10px] font-medium transition-colors hover:bg-white/5"
-                              style={{
-                                borderColor: 'var(--color-border)',
-                                color: 'var(--color-text-secondary)',
-                              }}
-                            >
-                              <SlidersHorizontal className="size-3" />
-                              配置
-                            </button>
-                          </div>
-                        </div>
-                      );
-                    }
+                    const hasProviders = harnessProviders.length > 0;
+
                     return (
                       <div
                         key={agentType}
-                        className="grid grid-cols-[minmax(0,1fr)_auto] gap-x-3 gap-y-2 rounded-md border px-3 py-2"
+                        className="flex items-center gap-3 rounded-lg border px-3.5 py-2.5 transition-colors"
                         style={{
-                          borderColor: 'var(--color-border-subtle)',
-                          backgroundColor: 'rgba(255, 255, 255, 0.02)',
+                          borderColor: hasProviders ? 'var(--color-border-emphasis)' : 'var(--color-border-subtle)',
+                          backgroundColor: 'var(--color-surface-raised)',
+                          borderLeftWidth: hasProviders ? '2px' : '1px',
+                          borderLeftColor: hasProviders ? 'var(--color-accent)' : 'var(--color-border-subtle)',
+                          opacity: hasProviders ? 1 : 0.5,
                         }}
                       >
-                        <div className="col-span-2 flex items-start justify-between gap-3">
-                          <div className="min-w-0 flex-1">
-                            <div className="flex items-center gap-2 text-xs">
-                              <span className="flex items-center gap-2">
-                                <ProviderBrandLogo
-                                  providerId={provider.providerId}
-                                  className="size-4 shrink-0"
-                                />
-                                <span
-                                  className="font-medium"
-                                  style={{ color: 'var(--color-text-secondary)' }}
-                                >
-                                  {provider.displayName}
-                                </span>
-                                {provider.providerId === 'codex' ? <ProviderBetaBadge /> : null}
-                              </span>
-                            </div>
-                            <div
-                              className="mt-1 flex flex-wrap gap-x-3 gap-y-1 text-[11px]"
-                              style={{ color: 'var(--color-text-muted)' }}
+                        {provider ? (
+                          <ProviderBrandLogo
+                            providerId={provider.providerId}
+                            className="size-4 shrink-0"
+                          />
+                        ) : (
+                          <Terminal
+                            className="size-4 shrink-0"
+                            style={{ color: 'var(--color-text-muted)' }}
+                          />
+                        )}
+                        <div className="min-w-0 flex-1">
+                          <div className="flex items-center gap-1.5">
+                            <span
+                              className="truncate text-xs font-medium"
+                              style={{ color: 'var(--color-text)' }}
                             >
-                              <span>Agent 类型：{agentType}</span>
-                              <span>Provider：{harnessProviders.length}</span>
-                            </div>
-                          </div>
-                          <div className="flex shrink-0 items-start gap-2">
-                            <button
-                              type="button"
-                              onClick={() => handleProviderManage(provider.providerId)}
-                              className="flex items-center gap-1 rounded-md border px-2 py-[3px] text-[10px] font-medium transition-colors hover:bg-white/5 disabled:opacity-50"
-                              style={{
-                                borderColor: 'var(--color-border)',
-                                color: 'var(--color-text-secondary)',
-                              }}
-                            >
-                              <SlidersHorizontal className="size-3" />
-                              配置
-                            </button>
+                              {provider?.displayName ?? AGENT_TYPE_LABELS[agentType]}
+                            </span>
+                            {provider?.providerId === 'codex' ? <ProviderBetaBadge /> : null}
                           </div>
+                          {hasProviders && (
+                            <span className="text-[10px]" style={{ color: 'var(--color-text-muted)' }}>
+                              {harnessProviders.length} provider
+                            </span>
+                          )}
                         </div>
+                        <button
+                          type="button"
+                          onClick={() =>
+                            provider
+                              ? handleProviderManage(provider.providerId)
+                              : handleHarnessManage(agentType)
+                          }
+                          className="flex shrink-0 items-center gap-1.5 rounded-md border px-2 py-1 text-[10px] font-medium transition-colors hover:bg-white/5"
+                          style={{
+                            borderColor: 'var(--color-border-subtle)',
+                            color: 'var(--color-text-muted)',
+                          }}
+                        >
+                          <SlidersHorizontal className="size-3" />
+                          配置
+                        </button>
                       </div>
                     );
                   })}
@@ -597,7 +552,7 @@ export const CliStatusSection = ({
                   className="h-full rounded-full transition-all duration-300"
                   style={{
                     width: `${downloadProgress}%`,
-                    backgroundColor: '#3b82f6',
+                    backgroundColor: '#6366f1',
                   }}
                 />
               ) : (
@@ -888,30 +843,34 @@ const GenericHarnessProviderDialog = ({
                 return (
                   <div
                     key={provider.name}
-                    className="rounded-lg border px-3 py-2"
+                    className="rounded-lg border px-3.5 py-2.5"
                     style={{
-                      borderColor: 'var(--color-border-subtle)',
-                      backgroundColor: 'rgba(255, 255, 255, 0.025)',
+                      borderColor: provider.api_key ? 'var(--color-border)' : 'var(--color-border-subtle)',
+                      backgroundColor: 'var(--color-surface-raised)',
+                      borderLeftWidth: provider.api_key ? '2px' : '1px',
+                      borderLeftColor: provider.api_key ? 'var(--color-accent)' : 'var(--color-border-subtle)',
                     }}
                   >
-                    <div className="flex flex-wrap items-center justify-between gap-2">
-                      <div className="text-sm font-medium" style={{ color: 'var(--color-text)' }}>
-                        {provider.name}
+                    <div className="flex items-center justify-between gap-2">
+                      <div className="flex items-center gap-2">
+                        <span
+                          className="size-1.5 shrink-0 rounded-full"
+                          style={{
+                            backgroundColor: provider.api_key ? 'var(--color-accent)' : '#fbbf24',
+                          }}
+                        />
+                        <span className="text-sm font-medium" style={{ color: 'var(--color-text)' }}>
+                          {provider.name}
+                        </span>
                       </div>
-                      <span
-                        className="rounded-full px-2 py-0.5 text-[11px]"
-                        style={{
-                          color: provider.api_key ? '#86efac' : '#fbbf24',
-                          backgroundColor: provider.api_key
-                            ? 'rgba(74, 222, 128, 0.14)'
-                            : 'rgba(245, 158, 11, 0.12)',
-                        }}
-                      >
-                        {provider.api_key ? 'API Key 已配置' : '未配置 Key'}
+                      <span className="text-[10px]" style={{
+                        color: provider.api_key ? 'var(--color-accent)' : '#fbbf24',
+                      }}>
+                        {provider.api_key ? 'Key 已配置' : '未配置'}
                       </span>
                     </div>
                     <div
-                      className="mt-1 flex flex-wrap gap-x-3 gap-y-1 text-[11px]"
+                      className="mt-1.5 flex flex-wrap gap-x-4 gap-y-1 text-[11px]"
                       style={{ color: 'var(--color-text-muted)' }}
                     >
                       <span>端点：{endpoint}</span>

package/src/renderer/components/settings/sections/ConfigEditorDialog.tsx

@@ -346,7 +346,7 @@ const SaveStatusBadge = ({
     return (
       <span
         className="flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px]"
-        style={{ backgroundColor: 'rgba(96, 165, 250, 0.15)', color: '#60a5fa' }}
+        style={{ backgroundColor: 'rgba(129, 140, 248, 0.15)', color: '#818cf8' }}
       >
         <Loader2 className="size-3 animate-spin" />
         保存中...

package/src/renderer/components/settings/sections/GeneralSection.tsx

@@ -81,7 +81,7 @@ const CompactNum = ({
     }}
     className={cn(
       'h-8 w-24 rounded-md border bg-transparent px-2 text-right text-xs tabular-nums',
-      'focus:outline-none focus:ring-1 focus:ring-zinc-700',
+      'focus:outline-none focus:ring-1 focus:ring-[var(--color-border-emphasis)]',
       className
     )}
     style={{ borderColor: 'var(--color-border-subtle)', color: 'var(--color-text)' }}
@@ -439,9 +439,17 @@ export const GeneralSection = ({
               className={cn(
                 'rounded-[3px] px-3 py-1 text-xs font-medium transition-colors disabled:opacity-50',
                 safeConfig.general.theme === opt.value
-                  ? 'bg-[var(--color-surface-raised)] text-[var(--color-text)] shadow-sm'
+                  ? 'shadow-sm'
                   : 'text-[var(--color-text-muted)] hover:text-[var(--color-text-secondary)]'
               )}
+              style={
+                safeConfig.general.theme === opt.value
+                  ? {
+                      backgroundColor: 'rgba(6, 182, 212, 0.1)',
+                      color: '#67e8f9',
+                    }
+                  : undefined
+              }
               onClick={() => onThemeChange(opt.value)}
             >
               {opt.label}
@@ -526,7 +534,7 @@ export const GeneralSection = ({
               min={0}
             />
           </SettingRow>
-          <SettingRow label="日志等级" description="cc-connect 日志输出级别">
+          <SettingRow label="日志等级" description="运行时日志输出级别">
             <SettingsSelect
               value={ccSettings.log_level}
               options={CC_LOG_LEVEL_OPTIONS}

package/src/renderer/components/settings/sections/HarnessSection.tsx

@@ -13,7 +13,6 @@ import type { CcAgentType } from '@renderer/components/team/HarnessCards';
 import { HarnessIcon } from '@renderer/components/team/HarnessSelect';
 import { cn } from '@renderer/lib/utils';
 import { OPEN_HERMIT_EVENTS } from '@renderer/utils/openHermitEvents';
-import { CheckCircle2 } from 'lucide-react';
 
 import { SettingsSectionHeader } from '../components/SettingsSectionHeader';
 import { CliStatusSection } from './CliStatusSection';
@@ -110,13 +109,16 @@ export const HarnessSection = (): React.JSX.Element => {
             return (
               <div
                 key={type}
-                className="flex items-center gap-2 rounded-lg border px-3 py-2.5"
+                className="flex h-14 items-center gap-2.5 rounded-lg border px-3"
                 style={{
-                  borderColor: 'var(--color-border)',
-                  background: 'var(--color-surface-raised)',
+                  borderLeftWidth: covered ? '2px' : '1px',
+                  borderLeftColor: covered ? 'var(--color-accent)' : 'var(--color-border-subtle)',
+                  borderColor: covered ? 'var(--color-border)' : 'var(--color-border-subtle)',
+                  backgroundColor: 'var(--color-surface-raised)',
+                  opacity: covered ? 1 : 0.5,
                 }}
               >
-                <HarnessIcon type={type} className="size-5 shrink-0" />
+                <HarnessIcon type={type} className="size-4 shrink-0" />
                 <div className="min-w-0 flex-1">
                   <p
                     className="truncate text-xs font-medium"
@@ -124,16 +126,18 @@ export const HarnessSection = (): React.JSX.Element => {
                   >
                     {AGENT_TYPE_LABELS[type]}
                   </p>
-                  {covered && (
-                    <p
-                      className="truncate text-[10px]"
-                      style={{ color: 'var(--color-text-muted)' }}
-                    >
-                      {covering.join(', ')}
-                    </p>
-                  )}
                 </div>
-                {covered && <CheckCircle2 size={12} className="shrink-0 text-green-500" />}
+                {covered && (
+                  <span
+                    className="shrink-0 rounded-full px-1.5 py-0.5 text-[10px] font-medium"
+                    style={{
+                      backgroundColor: 'rgba(74, 222, 128, 0.1)',
+                      color: 'var(--color-accent)',
+                    }}
+                  >
+                    {covering.length}
+                  </span>
+                )}
               </div>
             );
           })}

package/src/renderer/components/settings/sections/PlatformsSection.tsx

@@ -501,8 +501,8 @@ function AddPlatformDialog({
       onAdded(projectName);
       if (result.restartRequired) {
         const shouldRestart = await confirm({
-          title: '重启 cc-connect',
-          message: '渠道已添加。需要重启 cc-connect 才会生效。',
+          title: '重启服务',
+          message: '渠道已添加。需要重启服务才会生效。',
           confirmLabel: '立即重启',
           cancelLabel: '稍后重启',
         });
@@ -585,7 +585,7 @@ function AddPlatformDialog({
           {error && <p className="text-sm text-red-400">{error}</p>}
 
           <p className="text-xs" style={{ color: 'var(--color-text-muted)' }}>
-            添加后需要重启 cc-connect 才能生效。
+            添加后需要重启服务才能生效。
           </p>
         </div>
 

package/src/renderer/components/settings/sections/TaskBusSection.tsx

@@ -229,24 +229,17 @@ export function TaskBusSection(): React.JSX.Element {
       .catch(() => {})
       .finally(() => setLoading(false));
 
-    // Restore telemetry status + Redis connection state on mount
-    fetch('/api/settings/task-bus')
+    // Restore telemetry status on mount. Local data collection does not depend on Redis/task bus.
+    fetch('/api/telemetry/status')
       .then((r) => r.json())
-      .then((busConfig: TaskBusConfig) => {
-        if (busConfig.enabled) {
-          fetch('/api/telemetry/status')
-            .then((r) => r.json())
-            .then((s: TelemetryStatus) => {
-              if (s.connected) setConnected(true);
-              if ('sessions' in s && s.sessions > 0) setTelemetryStatus(s);
-            })
-            .catch(() => {});
-        }
+      .then((s: TelemetryStatus) => {
+        setTelemetryStatus(s);
+        setConnected(s.connected === true);
       })
       .catch(() => {});
 
     const poll = setInterval(() => {
-      if (enabled && collectionEnabled) {
+      if (collectionEnabled) {
         fetch('/api/telemetry/status')
           .then((r) => r.json())
           .then((s: TelemetryStatus) => {
@@ -440,34 +433,34 @@ export function TaskBusSection(): React.JSX.Element {
         </div>
       </SettingRow>
 
-      {collectionEnabled && (
-        <>
-          <div
-            className="flex items-center gap-3 border-b py-3"
-            style={{ borderColor: 'var(--color-border-subtle)' }}
-          >
-            <Button
-              size="sm"
-              variant="outline"
-              onClick={triggerScan}
-              disabled={scanning}
-              className="gap-1.5"
-            >
-              {scanning ? <Loader2 size={12} className="animate-spin" /> : <BarChart3 size={12} />}
-              {scanning ? '采集中...' : '立即采集'}
-            </Button>
-            <span className="text-[10px] text-[var(--color-text-muted)]">
-              本地扫描，不依赖团队总线或 Redis。
-            </span>
-          </div>
+      <div
+        className="flex items-center gap-3 border-b py-3"
+        style={{ borderColor: 'var(--color-border-subtle)' }}
+      >
+        <Button
+          size="sm"
+          variant="outline"
+          onClick={triggerScan}
+          disabled={scanning || !collectionEnabled}
+          className="gap-1.5"
+        >
+          {scanning ? <Loader2 size={12} className="animate-spin" /> : <BarChart3 size={12} />}
+          {scanning ? '采集中...' : '立即采集'}
+        </Button>
+        <span className="text-[10px] text-[var(--color-text-muted)]">
+          本地扫描，不依赖团队总线或 Redis。{!collectionEnabled ? '开启数据采集后可手动刷新。' : ''}
+        </span>
+      </div>
 
-          {telemetryStatus && (
-            <div className="py-3">
-              <UsageDashboard status={telemetryStatus} />
-            </div>
-          )}
-        </>
-      )}
+      <div className="py-3">
+        {telemetryStatus ? (
+          <UsageDashboard status={telemetryStatus} />
+        ) : (
+          <div className="rounded-md border border-[var(--color-border)] bg-[var(--color-surface-raised)] p-4 text-xs text-[var(--color-text-muted)]">
+            使用指标概览加载中；开启数据采集后会扫描本机 Claude Code 会话文件。
+          </div>
+        )}
+      </div>
 
       <SettingsSectionHeader title="团队总线" icon={<Radio size={12} />} />
 

package/src/renderer/components/settings/sections/index.ts

@@ -5,4 +5,3 @@
 export { AdvancedSection } from './AdvancedSection';
 export { GeneralSection } from './GeneralSection';
 export { HarnessSection } from './HarnessSection';
-export { PlatformsSection } from './PlatformsSection';