@mseep/anything-analyzer 3.6.50

package/src/renderer/hooks/useTabs.ts

@@ -0,0 +1,103 @@
+import { useState, useEffect, useCallback } from "react";
+import type { BrowserTab } from "@shared/types";
+
+export interface UseTabsReturn {
+  tabs: BrowserTab[];
+  activeTabId: string | null;
+  activeTabUrl: string;
+  isActiveTabLoading: boolean;
+  activateTab: (tabId: string) => void;
+  closeTab: (tabId: string) => void;
+  createTab: (url?: string) => void;
+}
+
+/**
+ * useTabs — React hook for managing browser tab state.
+ * Synchronizes with the main process TabManager via IPC events.
+ */
+export function useTabs(): UseTabsReturn {
+  const [tabs, setTabs] = useState<BrowserTab[]>([]);
+  const [activeTabId, setActiveTabId] = useState<string | null>(null);
+
+  // Derive active tab URL
+  const activeTabUrl = tabs.find((t) => t.id === activeTabId)?.url || "";
+  const isActiveTabLoading = tabs.find((t) => t.id === activeTabId)?.isLoading || false;
+
+  // Load initial tab state
+  useEffect(() => {
+    window.electronAPI.listTabs().then((initialTabs) => {
+      setTabs(initialTabs);
+      const active = initialTabs.find((t) => t.isActive);
+      if (active) setActiveTabId(active.id);
+    });
+  }, []);
+
+  // Listen for tab events from main process
+  useEffect(() => {
+    window.electronAPI.onTabCreated((tab: BrowserTab) => {
+      setTabs((prev) => {
+        // Avoid duplicates
+        if (prev.some((t) => t.id === tab.id)) return prev;
+        return [
+          ...prev.map((t) => ({ ...t, isActive: false })),
+          { ...tab, isActive: true },
+        ];
+      });
+      setActiveTabId(tab.id);
+    });
+
+    window.electronAPI.onTabClosed((data: { tabId: string }) => {
+      setTabs((prev) => prev.filter((t) => t.id !== data.tabId));
+      setActiveTabId((prev) => (prev === data.tabId ? null : prev));
+    });
+
+    window.electronAPI.onTabActivated(
+      (data: { tabId: string; url: string; title: string }) => {
+        setTabs((prev) =>
+          prev.map((t) => ({
+            ...t,
+            isActive: t.id === data.tabId,
+          })),
+        );
+        setActiveTabId(data.tabId);
+      },
+    );
+
+    window.electronAPI.onTabUpdated(
+      (data: { tabId: string; url?: string; title?: string; isLoading?: boolean }) => {
+        setTabs((prev) =>
+          prev.map((t) => {
+            if (t.id !== data.tabId) return t;
+            return {
+              ...t,
+              url: data.url ?? t.url,
+              title: data.title ?? t.title,
+              isLoading: data.isLoading ?? t.isLoading,
+            };
+          }),
+        );
+      },
+    );
+
+    return () => {
+      window.electronAPI.removeAllListeners("tabs:created");
+      window.electronAPI.removeAllListeners("tabs:closed");
+      window.electronAPI.removeAllListeners("tabs:activated");
+      window.electronAPI.removeAllListeners("tabs:updated");
+    };
+  }, []);
+
+  const activateTab = useCallback((tabId: string) => {
+    window.electronAPI.activateTab(tabId);
+  }, []);
+
+  const closeTab = useCallback((tabId: string) => {
+    window.electronAPI.closeTab(tabId);
+  }, []);
+
+  const createTab = useCallback((url?: string) => {
+    window.electronAPI.createTab(url);
+  }, []);
+
+  return { tabs, activeTabId, activeTabUrl, isActiveTabLoading, activateTab, closeTab, createTab };
+}

package/src/renderer/i18n/en.ts

@@ -0,0 +1,167 @@
+export const en = {
+  // NavBar
+  'nav.browser': 'Browser',
+  'nav.inspector': 'Inspector',
+  'nav.report': 'AI Report',
+
+  // Titlebar
+  'titlebar.switchToEn': 'Switch to English',
+  'titlebar.switchToZh': '切换到中文',
+  'titlebar.lightMode': 'Light Mode',
+  'titlebar.darkMode': 'Dark Mode',
+
+  // Sessions
+  'session.title': 'Sessions',
+  'session.newSession': '+ New Session',
+  'session.createTitle': 'Create Session',
+  'session.name': 'Session Name',
+  'session.namePlaceholder': 'Enter session name',
+  'session.targetUrl': 'Target URL',
+  'session.targetUrlPlaceholder': 'https://example.com',
+  'session.cancel': 'Cancel',
+  'session.create': 'Create',
+  'session.selectOrCreate': 'Select or create a session to get started',
+  'session.selectForReport': 'Select a session to view reports',
+  'session.emptyTitle': 'Welcome to Anything',
+  'session.emptyStep1': 'Create a new session in the sidebar',
+  'session.emptyStep2': 'Visit the target website in the browser',
+  'session.emptyStep3': 'Start capturing and interact with the site',
+  'session.emptyStep4': 'Use AI to analyze captured protocol data',
+
+  // ControlBar
+  'capture.start': 'Start Capture',
+  'capture.pause': 'Pause',
+  'capture.resume': 'Resume',
+  'capture.stop': 'Stop',
+  'capture.analyze': 'Analyze',
+  'capture.analyzeSelected': 'Analyze Selected ({count})',
+  'capture.autoDetect': 'Auto Detect',
+  'capture.custom': 'Custom...',
+  'capture.customPurpose': 'Enter analysis purpose...',
+  'capture.stopped': 'Stopped',
+  'capture.running': 'Running',
+  'capture.paused': 'Paused',
+
+  // Data panel tabs
+  'data.requests': 'Requests',
+  'data.hooks': 'Hooks',
+  'data.storage': 'Storage',
+  'data.export': 'Export',
+  'data.clearData': 'Clear Data',
+  'data.clearEnv': 'Clear Env',
+  'data.clearDataConfirm': 'Clear all capture data for this session? This cannot be undone.',
+  'data.clearEnvConfirm': 'Clear all browser cookies, storage and cache? Login state will be lost.',
+  'data.clear': 'Clear',
+  'data.selected': 'Selected',
+  'data.total': 'Total',
+
+  // Browser view
+  'browser.start': 'Start',
+  'browser.pause': 'Pause',
+  'browser.stop': 'Stop',
+  'browser.resume': 'Resume',
+  'browser.requests': '{count} requests',
+
+  // StatusBar
+  'status.session': 'Session',
+  'status.requests': 'Requests',
+  'status.hooks': 'Hooks',
+
+  // Report
+  'report.title': 'Protocol Analysis Report',
+  'report.export': 'Export .md',
+  'report.reanalyze': 'Re-analyze',
+  'report.stopAnalysis': 'Stop Analysis',
+  'report.startAnalysis': 'Start AI Analysis',
+  'report.noReport': 'No analysis report yet',
+  'report.analyzing': 'AI is analyzing captured data...',
+  'report.preparing': 'Preparing analysis...',
+  'report.thinking': 'Thinking...',
+  'report.analysisFailed': 'Analysis failed',
+  'report.followUpFailed': 'Follow-up failed',
+  'report.askFollowUp': 'Ask a follow-up...',
+  'report.genPython': 'Generate Python reproduction code',
+  'report.explainCrypto': 'Explain encryption/signing flow',
+  'report.securityRisks': 'Analyze potential security risks',
+  'report.listApiParams': 'List all API params and response structures',
+
+  // Settings
+  'settings.title': 'Settings',
+
+  // Common
+  'common.cancel': 'Cancel',
+  'common.ok': 'OK',
+  'common.reset': 'Reset',
+  'common.noData': 'No data',
+
+  // Toast messages
+  'toast.envCleared': 'Browser environment cleared',
+  'toast.envClearFailed': 'Failed to clear browser environment',
+  'toast.dataCleared': 'Capture data cleared',
+  'toast.dataClearFailed': 'Failed to clear data',
+
+  // Fingerprint settings
+  'fingerprint.title': 'Fingerprint',
+  'fingerprint.noSession': 'Select a session first',
+  'fingerprint.summary': 'Current Fingerprint Summary',
+  'fingerprint.platform': 'Platform',
+  'fingerprint.screen': 'Screen Resolution',
+  'fingerprint.dpr': 'Device Pixel Ratio',
+  'fingerprint.cpu': 'CPU Cores',
+  'fingerprint.memory': 'Memory (GB)',
+  'fingerprint.webgl': 'WebGL Renderer',
+  'fingerprint.timezone': 'Timezone',
+  'fingerprint.languages': 'Languages',
+  'fingerprint.webrtc': 'WebRTC Policy',
+  'fingerprint.canvas': 'Canvas Noise Seed',
+  'fingerprint.audio': 'Audio Noise Seed',
+  'fingerprint.ua': 'User-Agent',
+  'fingerprint.regenerate': 'Regenerate Fingerprint',
+  'fingerprint.save': 'Save Changes',
+  'fingerprint.saved': 'Fingerprint saved',
+  'fingerprint.regenerated': 'New fingerprint generated',
+  'fingerprint.detail': 'Details',
+  'fingerprint.testLinks': 'Test Links',
+  // Interaction Recording
+  'data.interactions': 'Interactions',
+  'interaction.noData': 'No interaction data yet. Start capture and operate the page to record.',
+  'interaction.click': 'Click',
+  'interaction.dblclick': 'DblClick',
+  'interaction.input': 'Input',
+  'interaction.scroll': 'Scroll',
+  'interaction.navigate': 'Navigate',
+  'interaction.hover': 'Move',
+  'interaction.element': 'Element',
+  'interaction.position': 'Position',
+  'interaction.value': 'Value',
+  'interaction.path': 'Path Points',
+  'interaction.selector': 'Selector',
+  'interaction.url': 'Page',
+  'interaction.clear': 'Clear',
+  'interaction.clearConfirm': 'Clear all interaction recordings for this session?',
+  'interaction.recording': 'Recording',
+  'interaction.points': '{count} points',
+  // AI Request Log
+  'aiLog.title': 'AI Request Log',
+  'aiLog.backToReport': '← Back to Report',
+  'aiLog.viewAllSessions': 'View All Sessions',
+  'aiLog.backToSession': '← Back to Session',
+  'aiLog.searchPlaceholder': 'Search model, URL...',
+  'aiLog.filterAll': 'All',
+  'aiLog.filterAnalyze': 'analyze',
+  'aiLog.filterChat': 'chat',
+  'aiLog.filterFilter': 'filter',
+  'aiLog.noData': 'No AI request logs yet. Run an analysis to start recording.',
+  'aiLog.tabRequest': 'Request Body',
+  'aiLog.tabResponse': 'Response Body',
+  'aiLog.tabHeaders': 'Headers',
+  'aiLog.tabMeta': 'Meta',
+  'aiLog.copy': 'Copy',
+  'aiLog.copied': 'Copied',
+  'aiLog.tokens': 'tokens',
+  'aiLog.error': 'Error',
+  'aiLog.requestHeaders': 'Request Headers',
+  'aiLog.responseHeaders': 'Response Headers',
+  'aiLog.session': 'Session',
+  'aiLog.globalMode': 'Global Mode',
+} as const

package/src/renderer/i18n/index.ts

@@ -0,0 +1,47 @@
+import React, { createContext, useContext, useCallback } from 'react'
+import { zh } from './zh'
+import { en } from './en'
+import type { LocaleKey } from './zh'
+
+export type Locale = 'zh' | 'en'
+
+const localeMap: Record<Locale, Record<string, string>> = { zh, en }
+
+interface LocaleContextValue {
+  locale: Locale
+  t: (key: LocaleKey, vars?: Record<string, string | number>) => string
+}
+
+const LocaleContext = createContext<LocaleContextValue>({
+  locale: 'zh',
+  t: (key) => key,
+})
+
+export function LocaleProvider({
+  locale,
+  children,
+}: {
+  locale: Locale
+  children: React.ReactNode
+}) {
+  const t = useCallback(
+    (key: LocaleKey, vars?: Record<string, string | number>) => {
+      let text = localeMap[locale]?.[key] ?? localeMap.zh[key] ?? key
+      if (vars) {
+        Object.entries(vars).forEach(([k, v]) => {
+          text = text.replace(`{${k}}`, String(v))
+        })
+      }
+      return text
+    },
+    [locale]
+  )
+
+  return React.createElement(LocaleContext.Provider, { value: { locale, t } }, children)
+}
+
+export function useLocale() {
+  return useContext(LocaleContext)
+}
+
+export type { LocaleKey }

package/src/renderer/i18n/zh.ts

@@ -0,0 +1,170 @@
+export const zh = {
+  // NavBar
+  'nav.browser': '浏览器',
+  'nav.inspector': '检查器',
+  'nav.report': 'AI 报告',
+
+  // Titlebar
+  'titlebar.switchToEn': 'Switch to English',
+  'titlebar.switchToZh': '切换到中文',
+  'titlebar.lightMode': '浅色模式',
+  'titlebar.darkMode': '深色模式',
+
+  // Sessions
+  'session.title': '会话列表',
+  'session.newSession': '+ 新建会话',
+  'session.createTitle': '创建新会话',
+  'session.name': '会话名称',
+  'session.namePlaceholder': '输入会话名称',
+  'session.targetUrl': '目标 URL',
+  'session.targetUrlPlaceholder': 'https://example.com',
+  'session.cancel': '取消',
+  'session.create': '创建',
+  'session.selectOrCreate': '选择或创建一个会话开始',
+  'session.selectForReport': '选择一个会话查看报告',
+  'session.emptyTitle': '欢迎使用 Anything',
+  'session.emptyStep1': '在左侧创建一个新会话',
+  'session.emptyStep2': '在浏览器中访问目标网站',
+  'session.emptyStep3': '开始抓包，操作网站触发请求',
+  'session.emptyStep4': '使用 AI 分析捕获的协议数据',
+
+  // ControlBar
+  'capture.start': '开始抓包',
+  'capture.pause': '暂停',
+  'capture.resume': '恢复',
+  'capture.stop': '停止',
+  'capture.analyze': '分析',
+  'capture.analyzeSelected': '分析选中 ({count})',
+  'capture.autoDetect': '自动识别',
+  'capture.custom': '自定义...',
+  'capture.customPurpose': '输入分析目的...',
+  'capture.stopped': '已停止',
+  'capture.running': '运行中',
+  'capture.paused': '已暂停',
+
+  // Data panel tabs
+  'data.requests': '请求',
+  'data.hooks': 'Hooks',
+  'data.storage': '存储',
+  'data.export': '导出',
+  'data.clearData': '清除数据',
+  'data.clearEnv': '清除环境',
+  'data.clearDataConfirm': '清除此会话的所有抓包数据？此操作不可撤销。',
+  'data.clearEnvConfirm': '清除所有浏览器 Cookie、存储和缓存？登录状态将丢失。',
+  'data.clear': '清除',
+  'data.selected': '已选',
+  'data.total': '共',
+
+  // Browser view
+  'browser.start': '开始',
+  'browser.pause': '暂停',
+  'browser.stop': '停止',
+  'browser.resume': '恢复',
+  'browser.requests': '{count} 个请求',
+
+  // StatusBar
+  'status.session': '会话',
+  'status.requests': '请求',
+  'status.hooks': 'Hooks',
+
+  // Report
+  'report.title': '协议分析报告',
+  'report.export': '导出 .md',
+  'report.reanalyze': '重新分析',
+  'report.stopAnalysis': '停止分析',
+  'report.startAnalysis': '开始 AI 分析',
+  'report.noReport': '暂无分析报告',
+  'report.analyzing': 'AI 正在分析捕获的数据...',
+  'report.preparing': '准备分析中...',
+  'report.thinking': '思考中...',
+  'report.analysisFailed': '分析失败',
+  'report.followUpFailed': '追问失败',
+  'report.askFollowUp': '输入追问...',
+  'report.genPython': '生成 Python 复现代码',
+  'report.explainCrypto': '详解加密/签名流程',
+  'report.securityRisks': '分析潜在安全风险',
+  'report.listApiParams': '列出所有 API 参数和响应结构',
+
+  // Settings
+  'settings.title': '设置',
+
+  // Common
+  'common.cancel': '取消',
+  'common.ok': '确定',
+  'common.reset': '重置',
+  'common.noData': '暂无数据',
+
+  // Toast messages
+  'toast.envCleared': '浏览器环境已清除',
+  'toast.envClearFailed': '清除浏览器环境失败',
+  'toast.dataCleared': '抓包数据已清除',
+  'toast.dataClearFailed': '清除数据失败',
+
+  // Fingerprint settings
+  'fingerprint.title': '指纹环境',
+  'fingerprint.noSession': '请先选择一个会话',
+  'fingerprint.summary': '当前指纹概要',
+  'fingerprint.platform': '平台',
+  'fingerprint.screen': '屏幕分辨率',
+  'fingerprint.dpr': '设备像素比',
+  'fingerprint.cpu': 'CPU 核心数',
+  'fingerprint.memory': '内存 (GB)',
+  'fingerprint.webgl': 'WebGL 渲染器',
+  'fingerprint.timezone': '时区',
+  'fingerprint.languages': '语言',
+  'fingerprint.webrtc': 'WebRTC 策略',
+  'fingerprint.canvas': 'Canvas 噪声种子',
+  'fingerprint.audio': '音频噪声种子',
+  'fingerprint.ua': 'User-Agent',
+  'fingerprint.regenerate': '随机生成新指纹',
+  'fingerprint.save': '保存修改',
+  'fingerprint.saved': '指纹配置已保存',
+  'fingerprint.regenerated': '已生成新指纹',
+  'fingerprint.detail': '详细配置',
+  'fingerprint.testLinks': '自测链接',
+  // Interaction Recording
+  'data.interactions': '交互录制',
+  'interaction.noData': '暂无交互录制数据。开始抓包并操作页面即可自动录制。',
+  'interaction.click': '点击',
+  'interaction.dblclick': '双击',
+  'interaction.input': '输入',
+  'interaction.scroll': '滚动',
+  'interaction.navigate': '导航',
+  'interaction.hover': '移动轨迹',
+  'interaction.element': '元素',
+  'interaction.position': '坐标',
+  'interaction.value': '值',
+  'interaction.path': '轨迹点',
+  'interaction.selector': '选择器',
+  'interaction.url': '页面',
+  'interaction.clear': '清除录制',
+  'interaction.clearConfirm': '清除此会话的所有交互录制数据？',
+  'interaction.recording': '录制中',
+  'interaction.points': '{count} 个点',
+
+  // AI Request Log
+  'aiLog.title': 'AI 请求日志',
+  'aiLog.backToReport': '← 返回报告',
+  'aiLog.viewAllSessions': '查看所有 Session',
+  'aiLog.backToSession': '← 返回当前 Session',
+  'aiLog.searchPlaceholder': '搜索模型、URL...',
+  'aiLog.filterAll': '全部',
+  'aiLog.filterAnalyze': 'analyze',
+  'aiLog.filterChat': 'chat',
+  'aiLog.filterFilter': 'filter',
+  'aiLog.noData': '暂无 AI 请求日志。运行一次分析即可开始记录。',
+  'aiLog.tabRequest': 'Request Body',
+  'aiLog.tabResponse': 'Response Body',
+  'aiLog.tabHeaders': 'Headers',
+  'aiLog.tabMeta': 'Meta',
+  'aiLog.copy': '复制',
+  'aiLog.copied': '已复制',
+  'aiLog.tokens': 'tokens',
+  'aiLog.error': '错误',
+  'aiLog.requestHeaders': '请求头',
+  'aiLog.responseHeaders': '响应头',
+  'aiLog.session': 'Session',
+  'aiLog.globalMode': '全局模式',
+} as const
+
+export type LocaleKey = keyof typeof zh

package/src/renderer/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>AnythingRegister</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./main.tsx"></script>
+  </body>
+</html>

package/src/renderer/main.tsx

@@ -0,0 +1,15 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import { ToastProvider } from './ui/Toast'
+import App from './App'
+import './styles/tokens.css'
+import './styles/themes/index.css'
+import './styles/global.css'
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <ToastProvider>
+      <App />
+    </ToastProvider>
+  </React.StrictMode>
+)

package/src/renderer/styles/global.css

@@ -0,0 +1,144 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html, body, #root {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background: var(--color-content);
+  font-family: var(--font-sans);
+}
+
+::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+  /* 右侧留出 2px 安全距离，避免与窗口 resize handle 重叠 */
+  border-right: 2px solid transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--text-disabled);
+  border-radius: 5px;
+  /* 用透明 border 收缩可视区域，thumb 实际绘制宽度 ≈ 6px，但点击区域是完整 10px */
+  border: 2px solid transparent;
+  background-clip: padding-box;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--text-muted);
+  border: 2px solid transparent;
+  background-clip: padding-box;
+}
+
+/* ---- Markdown content styling (used in ReportView) ---- */
+.report-markdown-content h1 {
+  font-size: var(--font-size-2xl);
+  color: var(--text-primary);
+  font-weight: 600;
+  margin: 20px 0 10px;
+}
+
+.report-markdown-content h2 {
+  font-size: var(--font-size-lg);
+  color: var(--text-primary);
+  font-weight: 600;
+  margin: 16px 0 8px;
+  padding-bottom: 6px;
+  border-bottom: 1px solid var(--color-border);
+}
+
+.report-markdown-content h3 {
+  font-size: var(--font-size-md);
+  color: var(--text-secondary);
+  font-weight: 600;
+  margin: 12px 0 6px;
+}
+
+.report-markdown-content p {
+  font-size: var(--font-size-base);
+  color: var(--text-secondary);
+  line-height: var(--line-height-relaxed);
+  margin-bottom: var(--space-lg);
+}
+
+.report-markdown-content ul,
+.report-markdown-content ol {
+  padding-left: 20px;
+  margin-bottom: var(--space-lg);
+}
+
+.report-markdown-content li {
+  font-size: var(--font-size-base);
+  color: var(--text-secondary);
+  line-height: var(--line-height-relaxed);
+  margin-bottom: var(--space-xs);
+}
+
+.report-markdown-content code {
+  font-family: var(--font-mono);
+  font-size: var(--font-size-sm);
+  background: var(--color-surface);
+  padding: 1px 4px;
+  border-radius: 3px;
+  color: var(--color-warning);
+}
+
+.report-markdown-content pre {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border-subtle);
+  border-radius: var(--radius-button);
+  padding: 10px 14px;
+  margin: 10px 0;
+  overflow-x: auto;
+}
+
+.report-markdown-content pre code {
+  background: none;
+  padding: 0;
+  color: var(--text-secondary);
+  font-size: var(--font-size-sm);
+  line-height: 1.6;
+}
+
+.report-markdown-content table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 10px 0;
+}
+
+.report-markdown-content th,
+.report-markdown-content td {
+  border: 1px solid var(--color-border);
+  padding: 6px 10px;
+  font-size: var(--font-size-base);
+  color: var(--text-secondary);
+}
+
+.report-markdown-content th {
+  background: var(--color-surface);
+  color: var(--text-primary);
+  font-weight: 600;
+}
+
+.report-markdown-content blockquote {
+  border-left: 3px solid var(--color-border-hover);
+  padding: 4px 12px;
+  margin: 10px 0;
+  color: var(--text-muted);
+}
+
+.report-markdown-content a {
+  color: var(--color-info);
+  text-decoration: none;
+}
+
+.report-markdown-content a:hover {
+  text-decoration: underline;
+}