@mseep/anything-analyzer 3.6.50

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

@@ -0,0 +1,164 @@
+import { useEffect, useState, useCallback } from 'react'
+import { Button, Progress, Tag } from '../../ui'
+import {
+  IconSync,
+  IconLoading,
+  IconCheckCircle,
+  IconCloseCircle,
+  IconCloudDownload,
+  IconEdit,
+  IconApi,
+  IconGitHub,
+  IconFileText,
+  IconExport,
+} from '../../ui/Icons'
+import type { UpdateStatus } from '@shared/types'
+import PromptTemplateModal from '../PromptTemplateModal'
+import MCPServerModal from '../MCPServerModal'
+
+export default function GeneralSection() {
+  const [appVersion, setAppVersion] = useState('')
+  const [updateStatus, setUpdateStatus] = useState<UpdateStatus>({ state: 'idle' })
+  const [templateModalOpen, setTemplateModalOpen] = useState(false)
+  const [mcpModalOpen, setMcpModalOpen] = useState(false)
+
+  useEffect(() => {
+    window.electronAPI.getAppVersion().then(setAppVersion)
+  }, [])
+
+  // Subscribe to update status events
+  useEffect(() => {
+    window.electronAPI.onUpdateStatus((status: UpdateStatus) => {
+      setUpdateStatus(status)
+    })
+    return () => {
+      window.electronAPI.removeAllListeners('update:status')
+    }
+  }, [])
+
+  const handleCheckUpdate = useCallback(() => {
+    setUpdateStatus({ state: 'checking' })
+    window.electronAPI.checkForUpdate()
+  }, [])
+
+  const handleInstallUpdate = useCallback(() => {
+    window.electronAPI.installUpdate()
+  }, [])
+
+  return (
+    <>
+      {/* About & Version */}
+      <div style={{ marginBottom: 16, display: 'flex', alignItems: 'center', gap: 10 }}>
+        <span style={{ fontSize: 'var(--font-size-xl)', fontWeight: 600, color: 'var(--text-primary)' }}>
+          Anything Analyzer
+        </span>
+        <span style={{ color: 'var(--text-secondary)' }}>v{appVersion}</span>
+        <a
+          href="https://github.com/Mouseww/anything-analyzer"
+          target="_blank"
+          rel="noopener noreferrer"
+          style={{
+            display: 'inline-flex',
+            alignItems: 'center',
+            color: 'var(--text-muted)',
+            transition: 'color 0.15s',
+          }}
+          title="GitHub"
+          onMouseEnter={e => (e.currentTarget.style.color = 'var(--text-primary)')}
+          onMouseLeave={e => (e.currentTarget.style.color = 'var(--text-muted)')}
+          onClick={e => {
+            e.preventDefault()
+            window.electronAPI.openExternal('https://github.com/Mouseww/anything-analyzer')
+          }}
+        >
+          <IconGitHub size={18} />
+        </a>
+      </div>
+
+      {/* Update */}
+      <div style={{ display: 'flex', alignItems: 'center', gap: 8, marginBottom: 4, flexWrap: 'wrap' }}>
+        {updateStatus.state === 'idle' && (
+          <Button size="sm" icon={<IconSync size={14} />} onClick={handleCheckUpdate}>
+            检查更新
+          </Button>
+        )}
+        {updateStatus.state === 'checking' && (
+          <Button size="sm" icon={<IconLoading size={14} />} disabled>
+            正在检查...
+          </Button>
+        )}
+        {updateStatus.state === 'not-available' && (
+          <>
+            <IconCheckCircle size={14} style={{ color: 'var(--color-success)' }} />
+            <span style={{ fontSize: 'var(--font-size-base)' }}>已是最新版本</span>
+            <Button size="sm" onClick={handleCheckUpdate}>重新检查</Button>
+          </>
+        )}
+        {updateStatus.state === 'available' && (
+          <>
+            <Tag color="info">v{updateStatus.info?.version} 可用</Tag>
+            <span style={{ color: 'var(--text-secondary)', fontSize: 'var(--font-size-base)' }}>正在下载...</span>
+          </>
+        )}
+        {updateStatus.state === 'downloaded' && (
+          <>
+            <IconCloudDownload size={14} style={{ color: 'var(--color-accent)' }} />
+            <span style={{ fontSize: 'var(--font-size-base)' }}>v{updateStatus.info?.version} 已就绪</span>
+            <Button variant="primary" size="sm" onClick={handleInstallUpdate}>
+              立即重启更新
+            </Button>
+          </>
+        )}
+        {updateStatus.state === 'error' && (
+          <>
+            <IconCloseCircle size={14} style={{ color: 'var(--color-error)' }} />
+            <span style={{ color: 'var(--color-error)', fontSize: 'var(--font-size-sm)' }}>{updateStatus.error}</span>
+            <Button size="sm" onClick={handleCheckUpdate}>重试</Button>
+          </>
+        )}
+      </div>
+
+      {updateStatus.state === 'downloading' && (
+        <Progress
+          percent={Math.round(updateStatus.progress?.percent ?? 0)}
+          status="normal"
+        />
+      )}
+
+      <div style={{ marginTop: 24 }}>
+        <div style={{ fontSize: 'var(--font-size-base)', fontWeight: 600, marginBottom: 12, color: 'var(--text-primary)' }}>
+          管理工具
+        </div>
+        <div style={{ display: 'flex', flexDirection: 'column', gap: 8, width: '100%' }}>
+          <Button icon={<IconEdit size={14} />} block onClick={() => setTemplateModalOpen(true)}>
+            管理提示词模板
+          </Button>
+          <Button icon={<IconApi size={14} />} block onClick={() => setMcpModalOpen(true)}>
+            管理 MCP 服务器
+          </Button>
+        </div>
+      </div>
+
+      {/* Error Logs */}
+      <div style={{ marginTop: 24 }}>
+        <div style={{ fontSize: 'var(--font-size-base)', fontWeight: 600, marginBottom: 12, color: 'var(--text-primary)' }}>
+          错误日志
+        </div>
+        <div style={{ fontSize: 'var(--font-size-sm)', color: 'var(--text-secondary)', marginBottom: 8 }}>
+          遇到问题时可导出日志文件发送给开发者以便排查
+        </div>
+        <div style={{ display: 'flex', gap: 8 }}>
+          <Button icon={<IconFileText size={14} />} onClick={() => window.electronAPI.openLogFolder()}>
+            打开日志目录
+          </Button>
+          <Button icon={<IconExport size={14} />} onClick={() => window.electronAPI.exportLogs()}>
+            导出日志
+          </Button>
+        </div>
+      </div>
+
+      <PromptTemplateModal open={templateModalOpen} onClose={() => setTemplateModalOpen(false)} />
+      <MCPServerModal open={mcpModalOpen} onClose={() => setMcpModalOpen(false)} />
+    </>
+  )
+}

package/src/renderer/components/settings/LLMSection.tsx

@@ -0,0 +1,148 @@
+import { useEffect, useState } from 'react'
+import { Input, PasswordInput, Select, InputNumber, Button, useToast } from '../../ui'
+import type { LLMProviderConfig, LLMProviderType, OpenAIApiType } from '@shared/types'
+
+const defaultUrls: Record<LLMProviderType, string> = {
+  openai: 'https://api.openai.com/v1',
+  anthropic: 'https://api.anthropic.com/v1',
+  minimax: 'https://api.minimax.io/anthropic/v1',
+  custom: '',
+}
+
+const labelStyle: React.CSSProperties = {
+  display: 'block',
+  marginBottom: 4,
+  fontSize: 'var(--font-size-sm)',
+  color: 'var(--text-secondary)',
+}
+
+const fieldStyle: React.CSSProperties = {
+  marginBottom: 16,
+}
+
+export default function LLMSection() {
+  const toast = useToast()
+  const [name, setName] = useState<LLMProviderType>('openai')
+  const [apiType, setApiType] = useState<OpenAIApiType | undefined>('completions')
+  const [baseUrl, setBaseUrl] = useState(defaultUrls.openai)
+  const [apiKey, setApiKey] = useState('')
+  const [model, setModel] = useState('')
+  const [maxTokens, setMaxTokens] = useState<number>(4096)
+
+  const showApiType = name === 'openai' || name === 'custom'
+
+  useEffect(() => {
+    window.electronAPI.getLLMConfig().then(config => {
+      if (config) {
+        setName(config.name)
+        setApiType(config.apiType ?? 'completions')
+        setBaseUrl(config.baseUrl)
+        setApiKey(config.apiKey)
+        setModel(config.model)
+        setMaxTokens(config.maxTokens ?? 4096)
+      }
+    })
+  }, [])
+
+  const handleProviderChange = (value: string) => {
+    const provider = value as LLMProviderType
+    setName(provider)
+    setBaseUrl(defaultUrls[provider])
+    if (provider === 'anthropic' || provider === 'minimax') {
+      setApiType(undefined)
+    } else if (!apiType) {
+      setApiType('completions')
+    }
+  }
+
+  const handleSave = async () => {
+    if (!baseUrl || !apiKey || !model) {
+      toast.warning('请填写必填项（Base URL、API Key、Model）')
+      return
+    }
+    const config: LLMProviderConfig = {
+      name,
+      baseUrl,
+      apiKey,
+      model,
+      maxTokens,
+      ...(showApiType && apiType ? { apiType } : {}),
+    }
+    await window.electronAPI.saveLLMConfig(config)
+    toast.success('LLM 配置已保存')
+  }
+
+  return (
+    <div>
+      <div style={fieldStyle}>
+        <label style={labelStyle}>Provider *</label>
+        <Select
+          value={name}
+          onChange={handleProviderChange}
+          options={[
+            { label: 'OpenAI', value: 'openai' },
+            { label: 'Anthropic', value: 'anthropic' },
+            { label: 'MiniMax', value: 'minimax' },
+            { label: 'Custom (OpenAI Compatible)', value: 'custom' },
+          ]}
+        />
+      </div>
+
+      {showApiType && (
+        <div style={fieldStyle}>
+          <label style={labelStyle}>API Type</label>
+          <Select
+            value={apiType ?? 'completions'}
+            onChange={(v) => setApiType(v as OpenAIApiType)}
+            options={[
+              { label: 'Chat Completions (/chat/completions)', value: 'completions' },
+              { label: 'Responses (/responses)', value: 'responses' },
+            ]}
+          />
+        </div>
+      )}
+
+      <div style={fieldStyle}>
+        <label style={labelStyle}>Base URL *</label>
+        <Input
+          value={baseUrl}
+          onChange={e => setBaseUrl(e.target.value)}
+          placeholder="https://api.openai.com/v1"
+        />
+      </div>
+
+      <div style={fieldStyle}>
+        <label style={labelStyle}>API Key *</label>
+        <PasswordInput
+          value={apiKey}
+          onChange={e => setApiKey(e.target.value)}
+          placeholder="sk-..."
+        />
+      </div>
+
+      <div style={fieldStyle}>
+        <label style={labelStyle}>Model *</label>
+        <Input
+          value={model}
+          onChange={e => setModel(e.target.value)}
+          placeholder="gpt-4o / claude-sonnet-4-20250514 / MiniMax-M2.7 / ..."
+        />
+      </div>
+
+      <div style={fieldStyle}>
+        <label style={labelStyle}>Max Tokens</label>
+        <InputNumber
+          value={maxTokens}
+          onChange={v => v !== null && setMaxTokens(v)}
+          min={256}
+          max={128000}
+          style={{ width: '100%' }}
+        />
+      </div>
+
+      <Button variant="primary" block onClick={handleSave}>
+        保存 LLM 配置
+      </Button>
+    </div>
+  )
+}

package/src/renderer/components/settings/MCPServerSection.tsx

@@ -0,0 +1,136 @@
+import { useEffect, useState } from 'react'
+import { InputNumber, Button, Input, Switch, Badge, useToast } from '../../ui'
+import type { MCPServerSettings } from '@shared/types'
+import { useLocale } from '../../i18n'
+
+export default function MCPServerSection() {
+  const toast = useToast()
+  const { t } = useLocale()
+  const [enabled, setEnabled] = useState(false)
+  const [port, setPort] = useState(23816)
+  const [authEnabled, setAuthEnabled] = useState(true)
+  const [authToken, setAuthToken] = useState('')
+  const [running, setRunning] = useState(false)
+  const [tokenVisible, setTokenVisible] = useState(false)
+
+  useEffect(() => {
+    window.electronAPI.getMCPServerConfig().then(config => {
+      setEnabled(config.enabled)
+      setPort(config.port)
+      setAuthEnabled(config.authEnabled ?? true)
+      setAuthToken(config.authToken ?? '')
+    })
+    window.electronAPI.getMCPServerStatus().then(status => {
+      setRunning(status.running)
+    })
+  }, [])
+
+  const regenerateToken = () => {
+    setAuthToken(crypto.randomUUID())
+  }
+
+  const copyToken = async () => {
+    try {
+      await navigator.clipboard.writeText(authToken)
+      toast.success('Token copied')
+    } catch {
+      toast.error('Copy failed')
+    }
+  }
+
+  const maskedToken = authToken
+    ? authToken.slice(0, 8) + '••••••••' + authToken.slice(-4)
+    : ''
+
+  const btnStyle: React.CSSProperties = {
+    padding: '4px 10px',
+    fontSize: 'var(--font-size-2xs)',
+    minWidth: 'auto',
+  }
+
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column', gap: 12, width: '100%' }}>
+      <div>
+        <Badge
+          color={running ? 'var(--color-success)' : 'var(--text-muted)'}
+          label={running ? '运行中' : '已停止'}
+          style={{ fontSize: 'var(--font-size-sm)' }}
+        />
+      </div>
+
+      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
+        <span style={{ fontSize: 'var(--font-size-base)' }}>启用 MCP Server</span>
+        <Switch checked={enabled} onChange={setEnabled} />
+      </div>
+
+      {enabled && (
+        <>
+          <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
+            <span style={{ fontSize: 'var(--font-size-base)' }}>端口</span>
+            <InputNumber
+              min={1024}
+              max={65535}
+              value={port}
+              onChange={v => v !== null && setPort(v)}
+              style={{ width: 120 }}
+            />
+          </div>
+          <div style={{ fontSize: 'var(--font-size-sm)', color: 'var(--text-secondary)' }}>
+            外部工具配置 URL:{' '}
+            <code style={{
+              background: 'var(--color-surface)',
+              padding: '2px 6px',
+              borderRadius: 4,
+              fontSize: 'var(--font-size-sm)',
+              fontFamily: 'var(--font-mono)',
+            }}>
+              http://localhost:{port}/mcp
+            </code>
+          </div>
+
+          {/* Auth section */}
+          <div style={{ borderTop: '1px solid var(--color-border)', paddingTop: 12, marginTop: 4 }}>
+            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
+              <span style={{ fontSize: 'var(--font-size-base)' }}>鉴权</span>
+              <Switch checked={authEnabled} onChange={setAuthEnabled} />
+            </div>
+
+            {authEnabled && (
+              <div style={{ marginTop: 10, display: 'flex', flexDirection: 'column', gap: 8 }}>
+                <div style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
+                  <Input
+                    value={tokenVisible ? authToken : maskedToken}
+                    onChange={e => { setAuthToken(e.target.value); setTokenVisible(true) }}
+                    onFocus={() => setTokenVisible(true)}
+                    onBlur={() => setTokenVisible(false)}
+                    style={{ flex: 1, fontFamily: 'var(--font-mono)', fontSize: 'var(--font-size-2xs)' }}
+                  />
+                  <Button onClick={copyToken} style={btnStyle}>复制</Button>
+                  <Button onClick={regenerateToken} style={btnStyle}>重新生成</Button>
+                </div>
+                <div style={{ fontSize: 'var(--font-size-2xs)', color: 'var(--text-muted)', lineHeight: 1.5 }}>
+                  外部工具需在请求头中设置: <code style={{
+                    background: 'var(--color-surface)',
+                    padding: '1px 4px',
+                    borderRadius: 3,
+                    fontFamily: 'var(--font-mono)',
+                  }}>Authorization: Bearer {'<token>'}</code>
+                </div>
+              </div>
+            )}
+          </div>
+        </>
+      )}
+
+      <Button variant="primary" block onClick={async () => {
+        const config: MCPServerSettings = { enabled, port, authEnabled, authToken }
+        await window.electronAPI.saveMCPServerConfig(config)
+        toast.success('MCP Server 配置已保存')
+        const status = await window.electronAPI.getMCPServerStatus()
+        setRunning(status.running)
+      }}>
+        保存 MCP Server 设置
+      </Button>
+    </div>
+  )
+}