vforclaude2 0.3.87

package/public/i18n/literals/zh-TW.json

@@ -0,0 +1,196 @@
+{
+  "Cancel": "取消",
+  "Delete": "刪除",
+  "Edit": "編輯",
+  "Save": "保存",
+  "Close": "關閉",
+  "Add": "添加",
+  "Remove": "移除",
+  "Settings": "設置",
+  "Profile": "個人資料",
+  "Dashboard": "儀表板",
+  "Logout": "登出",
+  "Login": "登錄",
+  "Providers": "提供者",
+  "Usage": "使用情況",
+  "API Key": "API 金鑰",
+  "Connected": "已連接",
+  "Disconnected": "未連接",
+  "Active": "活躍",
+  "Inactive": "非活躍",
+  "Success": "成功",
+  "Failed": "失敗",
+  "Error": "錯誤",
+  "Warning": "警告",
+  "Info": "信息",
+  "Loading": "載入中",
+  "Search": "搜尋",
+  "Filter": "篩選",
+  "Sort": "排序",
+  "Export": "導出",
+  "Import": "導入",
+  "Refresh": "刷新",
+  "Back": "返回",
+  "Next": "下一個",
+  "Previous": "上一個",
+  "Submit": "提交",
+  "Confirm": "確認",
+  "Yes": "是",
+  "No": "否",
+  "OK": "確定",
+  "Apply": "應用",
+  "Reset": "重置",
+  "Clear": "清除",
+  "Select": "選擇",
+  "Upload": "上傳",
+  "Download": "下載",
+  "Copy": "複製",
+  "Paste": "粘貼",
+  "Cut": "剪切",
+  "Undo": "撤銷",
+  "Redo": "重做",
+  "Name": "名稱",
+  "Description": "描述",
+  "Status": "狀態",
+  "Type": "類型",
+  "Date": "日期",
+  "Time": "時間",
+  "Created": "已建立",
+  "Updated": "已更新",
+  "Actions": "操作",
+  "Details": "詳細信息",
+  "View": "查看",
+  "New": "新建",
+  "Total": "總計",
+  "Count": "計數",
+  "Price": "價格",
+  "Cost": "成本",
+  "Free": "免費",
+  "Paid": "付費",
+  "Enable": "啟用",
+  "Disable": "禁用",
+  "Enabled": "已啟用",
+  "Disabled": "已禁用",
+  "Online": "在線",
+  "Offline": "離線",
+  "Available": "可用",
+  "Unavailable": "不可用",
+  "Required": "必需",
+  "Optional": "可選",
+  "Default": "默認",
+  "Custom": "自定義",
+  "Advanced": "進階",
+  "Basic": "基本",
+  "Help": "幫助",
+  "Support": "支持",
+  "Documentation": "文檔",
+  "Version": "版本",
+  "Language": "語言",
+  "Theme": "主題",
+  "Light": "淺色",
+  "Dark": "深色",
+  "Auto": "自動",
+  "Endpoint": "端點",
+  "Providers": "提供者",
+  "Combos": "組合",
+  "Usage": "統計",
+  "Quota Tracker": "配額跟蹤",
+  "MITM": "MITM",
+  "CLI Tools": "CLI 工具",
+  "Console Log": "控制台日誌",
+  "System": "系統",
+  "Debug": "調試",
+  "Shutdown": "關機",
+  "Close Proxy": "關閉代理",
+  "Are you sure you want to close the proxy server?": "您確定要關閉代理服務器嗎？",
+  "Server Disconnected": "服務器已斷開連接",
+  "The proxy server has been stopped.": "代理服務器已停止。",
+  "Reload Page": "重新加載頁面",
+  "Service is running in terminal. You can close this web page. Shutdown will stop the service.": "服務在終端中運行。您可以關閉此網頁。關機將停止服務。",
+  "Manage your AI provider connections": "管理您的 AI 提供者連接",
+  "Model combos with fallback": "具有備用的模型組合",
+  "Monitor your API usage, token consumption, and request logs": "監控您的 API 使用、令牌消耗和請求日誌",
+  "Intercept CLI tool traffic and route through vforclaude": "攔截 CLI 工具流量並通過 vforclaude 路由",
+  "Configure CLI tools": "配置 CLI 工具",
+  "API endpoint configuration": "API 端點配置",
+  "Manage your preferences": "管理您的首選項",
+  "Debug translation flow between formats": "調試格式之間的轉換流",
+  "Live server console output": "實時服務器控制台輸出",
+  "Create model combos with fallback support": "創建具有備用支持的模型組合",
+  "Local Mode": "本地模式",
+  "Running on your machine": "在您的機器上運行",
+  "Database Location": "數據庫位置",
+  "Download Backup": "下載備份",
+  "Import Backup": "導入備份",
+  "Database backup downloaded": "已下載數據庫備份",
+  "Database imported successfully": "已成功導入數據庫",
+  "Security": "安全性",
+  "Require login": "需要登錄",
+  "When ON, dashboard requires password. When OFF, access without login.": "打開時，儀表板需要密碼。關閉時，無需登錄即可訪問。",
+  "Current Password": "當前密碼",
+  "Enter current password": "輸入當前密碼",
+  "New Password": "新密碼",
+  "Enter new password": "輸入新密碼",
+  "Confirm New Password": "確認新密碼",
+  "Confirm new password": "確認新密碼",
+  "Update Password": "更新密碼",
+  "Set Password": "設置密碼",
+  "Password updated successfully": "已成功更新密碼",
+  "Passwords do not match": "密碼不匹配",
+  "Routing Strategy": "路由策略",
+  "Round Robin": "輪詢",
+  "Cycle through accounts to distribute load": "循環循環帳戶以分配負載",
+  "Sticky Limit": "粘性限制",
+  "Calls per account before switching": "切換前每個帳戶的調用次數",
+  "Network": "網絡",
+  "Outbound Proxy": "出站代理",
+  "Enable proxy for OAuth + provider outbound requests.": "為 OAuth + 提供者出站請求啟用代理。",
+  "Proxy URL": "代理 URL",
+  "Leave empty to inherit existing env proxy (if any).": "留空以繼承現有的環境代理（如果有）。",
+  "No Proxy": "無代理",
+  "Comma-separated hostnames/domains to bypass the proxy.": "逗號分隔的主機名/域以繞過代理。",
+  "Test proxy URL": "測試代理 URL",
+  "Apply": "應用",
+  "Proxy settings applied": "已應用代理設置",
+  "Proxy enabled": "已啟用代理",
+  "Proxy disabled": "已禁用代理",
+  "Proxy test OK": "代理測試成功",
+  "Proxy test failed": "代理測試失敗",
+  "Please enter a Proxy URL to test": "請輸入要測試的代理 URL",
+  "Observability": "可觀測性",
+  "Enable Observability": "啟用可觀測性",
+  "Turn request detail recording on/off globally": "全局打開/關閉請求詳細記錄",
+  "Max Records": "最大記錄數",
+  "Maximum request detail records to keep (older records are auto-deleted)": "要保留的最大請求詳細記錄數（舊記錄自動刪除）",
+  "Batch Size": "批量大小",
+  "Number of items to accumulate before writing to database (higher = better performance)": "寫入數據庫前要積累的項目數（更高 = 更好的性能）",
+  "Flush Interval (ms)": "刷新間隔 (ms)",
+  "Maximum time to wait before flushing buffer (prevents data loss during low traffic)": "刷新緩衝區之前的最大等待時間（防止低流量期間的數據丟失）",
+  "Max JSON Size (KB)": "最大 JSON 大小 (KB)",
+  "Maximum size for each JSON field (request/response) before truncation": "截斷前每個 JSON 字段（請求/響應）的最大大小",
+  "All data stored on your machine": "所有數據存儲在您的機器上",
+  "MITM Server": "MITM 服務器",
+  "Running": "運行中",
+  "Stopped": "已停止",
+  "Cert": "證書",
+  "Server": "服務器",
+  "Purpose:": "目的：",
+  "Use Antigravity IDE & GitHub Copilot → with ANY provider/model from vforclaude": "使用 Antigravity IDE 和 GitHub Copilot → 與 vforclaude 中的任何提供者/模型一起",
+  "How it works:": "工作原理：",
+  "Antigravity/Copilot IDE request → DNS redirect to localhost:443 → MITM proxy intercepts → vforclaude → response to Antigravity/Copilot": "Antigravity/Copilot IDE 請求 → DNS 重定向到 localhost:443 → MITM 代理攔截 → vforclaude → 响應到 Antigravity/Copilot",
+  "API Key": "API 金鑰",
+  "No API keys — create one in Keys page": "沒有 API 金鑰 — 在金鑰頁面中創建一個",
+  "sk_vforclaude (default)": "sk_vforclaude（默認）",
+  "Server started": "服務器已啟動",
+  "Failed to start server": "啟動服務器失敗",
+  "Server stopped — all DNS cleared": "服務器已停止 — 已清除所有 DNS",
+  "Failed to stop server": "停止服務器失敗",
+  "Sudo password is required": "需要 Sudo 密碼",
+  "Stop Server": "停止服務器",
+  "Start Server": "啟動服務器",
+  "Enable DNS per tool below to activate interception": "為下面的每個工具啟用 DNS 以激活攔截",
+  "Sudo Password Required": "需要 Sudo 密碼",
+  "Enter your sudo password to start/stop MITM server": "輸入您的 Sudo 密碼以啟動/停止 MITM 服務器",
+  "Sudo Password": "Sudo 密碼",
+  "Confirm": "確認"
+}

package/public/icons/icon-192.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192">
+  <defs>
+    <linearGradient id="blueGradient192" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#2563EB;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <rect width="192" height="192" rx="24" fill="url(#blueGradient192)"/>
+  <text x="96" y="130" font-family="Arial, sans-serif" font-size="80" font-weight="bold" fill="#ffffff" text-anchor="middle">VF</text>
+</svg>

package/public/icons/icon-512.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
+  <defs>
+    <linearGradient id="blueGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#2563EB;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <rect width="512" height="512" rx="64" fill="url(#blueGradient)"/>
+  <text x="256" y="340" font-family="Arial, sans-serif" font-size="200" font-weight="bold" fill="#ffffff" text-anchor="middle">VF</text>
+</svg>

package/public/next.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>

package/public/sw.js

@@ -0,0 +1,22 @@
+self.addEventListener('push', function (event) {
+  if (event.data) {
+    const data = event.data.json()
+    const options = {
+      body: data.body,
+      icon: data.icon || '/icons/icon-192.svg',
+      badge: '/icons/icon-192.svg',
+      vibrate: [100, 50, 100],
+      data: {
+        dateOfArrival: Date.now(),
+        primaryKey: '2',
+      },
+    }
+    event.waitUntil(self.registration.showNotification(data.title, options))
+  }
+})
+
+self.addEventListener('notificationclick', function (event) {
+  console.log('Notification click received.')
+  event.notification.close()
+  event.waitUntil(clients.openWindow('/'))
+})

package/public/vercel.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>

package/public/window.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>

package/src/app/(dashboard)/dashboard/cli-tools/CLIToolsPageClient.js

@@ -0,0 +1,206 @@
+"use client";
+
+import { useState, useEffect, useCallback } from "react";
+import { Card, CardSkeleton } from "@/shared/components";
+import { CLI_TOOLS } from "@/shared/constants/cliTools";
+import { getModelsByProviderId, PROVIDER_ID_TO_ALIAS } from "@/shared/constants/models";
+import { ClaudeToolCard, CodexToolCard, DroidToolCard, OpenClawToolCard, DefaultToolCard, OpenCodeToolCard } from "./components";
+
+const CLOUD_URL = process.env.NEXT_PUBLIC_CLOUD_URL;
+
+
+const STATUS_ENDPOINTS = {
+  claude: "/api/cli-tools/claude-settings",
+  codex: "/api/cli-tools/codex-settings",
+  opencode: "/api/cli-tools/opencode-settings",
+  droid: "/api/cli-tools/droid-settings",
+  openclaw: "/api/cli-tools/openclaw-settings",
+};
+
+export default function CLIToolsPageClient({ machineId }) {
+  const [connections, setConnections] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [expandedTool, setExpandedTool] = useState(null);
+  const [modelMappings, setModelMappings] = useState({});
+  const [cloudEnabled, setCloudEnabled] = useState(false);
+  const [tunnelEnabled, setTunnelEnabled] = useState(false);
+  const [tunnelUrl, setTunnelUrl] = useState("");
+  const [apiKeys, setApiKeys] = useState([]);
+  const [toolStatuses, setToolStatuses] = useState({});
+
+  useEffect(() => {
+    fetchConnections();
+    loadCloudSettings();
+    fetchApiKeys();
+    fetchAllStatuses();
+  }, []);
+
+  const fetchAllStatuses = async () => {
+    try {
+      const entries = await Promise.all(
+        Object.entries(STATUS_ENDPOINTS).map(async ([toolId, url]) => {
+          try {
+            const res = await fetch(url);
+            const data = await res.json();
+            return [toolId, data];
+          } catch {
+            return [toolId, null];
+          }
+        })
+      );
+      setToolStatuses(Object.fromEntries(entries));
+    } catch (error) {
+      console.log("Error fetching tool statuses:", error);
+    }
+  };
+
+  const loadCloudSettings = async () => {
+    try {
+      const [settingsRes, tunnelRes] = await Promise.all([
+        fetch("/api/settings"),
+        fetch("/api/tunnel/status"),
+      ]);
+      if (settingsRes.ok) {
+        const data = await settingsRes.json();
+        setCloudEnabled(data.cloudEnabled || false);
+      }
+      if (tunnelRes.ok) {
+        const data = await tunnelRes.json();
+        setTunnelEnabled(data.enabled || false);
+        setTunnelUrl(data.tunnelUrl || "");
+      }
+    } catch (error) {
+      console.log("Error loading settings:", error);
+    }
+  };
+
+  const fetchApiKeys = async () => {
+    try {
+      const res = await fetch("/api/keys");
+      if (res.ok) {
+        const data = await res.json();
+        setApiKeys(data.keys || []);
+      }
+    } catch (error) {
+      console.log("Error fetching API keys:", error);
+    }
+  };
+
+  const fetchConnections = async () => {
+    try {
+      const res = await fetch("/api/providers");
+      const data = await res.json();
+      if (res.ok) {
+        setConnections(data.connections || []);
+      }
+    } catch (error) {
+      console.log("Error fetching connections:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const getActiveProviders = () => connections.filter(c => c.isActive !== false);
+
+  const getAllAvailableModels = () => {
+    const activeProviders = getActiveProviders();
+    const models = [];
+    const seenModels = new Set();
+    activeProviders.forEach(conn => {
+      const alias = PROVIDER_ID_TO_ALIAS[conn.provider] || conn.provider;
+      const providerModels = getModelsByProviderId(conn.provider);
+      providerModels.forEach(m => {
+        const modelValue = `${alias}/${m.id}`;
+        if (!seenModels.has(modelValue)) {
+          seenModels.add(modelValue);
+          models.push({ value: modelValue, label: `${alias}/${m.id}`, provider: conn.provider, alias, connectionName: conn.name, modelId: m.id });
+        }
+      });
+    });
+    return models;
+  };
+
+  const handleModelMappingChange = useCallback((toolId, modelAlias, targetModel) => {
+    setModelMappings(prev => {
+      if (prev[toolId]?.[modelAlias] === targetModel) return prev;
+      return { ...prev, [toolId]: { ...prev[toolId], [modelAlias]: targetModel } };
+    });
+  }, []);
+
+  const getBaseUrl = () => {
+    if (tunnelEnabled && tunnelUrl) return tunnelUrl;
+    if (cloudEnabled && CLOUD_URL) return CLOUD_URL;
+    if (typeof window !== "undefined") return window.location.origin;
+    return "http://localhost:20128";
+  };
+
+  if (loading) {
+    return (
+      <div className="flex flex-col gap-4">
+        <CardSkeleton />
+        <CardSkeleton />
+        <CardSkeleton />
+      </div>
+    );
+  }
+
+  const availableModels = getAllAvailableModels();
+  const hasActiveProviders = availableModels.length > 0;
+
+  const renderToolCard = (toolId, tool) => {
+    const commonProps = {
+      tool,
+      isExpanded: expandedTool === toolId,
+      onToggle: () => setExpandedTool(expandedTool === toolId ? null : toolId),
+      baseUrl: getBaseUrl(),
+      apiKeys,
+    };
+
+    switch (toolId) {
+      case "claude":
+        return (
+          <ClaudeToolCard
+            key={toolId}
+            {...commonProps}
+            activeProviders={getActiveProviders()}
+            modelMappings={modelMappings[toolId] || {}}
+            onModelMappingChange={(alias, target) => handleModelMappingChange(toolId, alias, target)}
+            hasActiveProviders={hasActiveProviders}
+            cloudEnabled={cloudEnabled}
+            initialStatus={toolStatuses.claude}
+          />
+        );
+      case "codex":
+        return <CodexToolCard key={toolId} {...commonProps} activeProviders={getActiveProviders()} cloudEnabled={cloudEnabled} initialStatus={toolStatuses.codex} />;
+      case "opencode":
+        return <OpenCodeToolCard key={toolId} {...commonProps} activeProviders={getActiveProviders()} cloudEnabled={cloudEnabled} initialStatus={toolStatuses.opencode} />;
+      case "droid":
+        return <DroidToolCard key={toolId} {...commonProps} activeProviders={getActiveProviders()} hasActiveProviders={hasActiveProviders} cloudEnabled={cloudEnabled} initialStatus={toolStatuses.droid} />;
+      case "openclaw":
+        return <OpenClawToolCard key={toolId} {...commonProps} activeProviders={getActiveProviders()} hasActiveProviders={hasActiveProviders} cloudEnabled={cloudEnabled} initialStatus={toolStatuses.openclaw} />;
+      default:
+        return <DefaultToolCard key={toolId} toolId={toolId} {...commonProps} activeProviders={getActiveProviders()} cloudEnabled={cloudEnabled} tunnelEnabled={tunnelEnabled} />;
+    }
+  };
+
+  const regularTools = Object.entries(CLI_TOOLS);
+
+  return (
+    <div className="flex flex-col gap-6">
+      {!hasActiveProviders && (
+        <Card className="border-yellow-500/50 bg-yellow-500/5">
+          <div className="flex items-center gap-3">
+            <span className="material-symbols-outlined text-yellow-500">warning</span>
+            <div>
+              <p className="font-medium text-yellow-600 dark:text-yellow-400">No active providers</p>
+              <p className="text-sm text-text-muted">Please add and connect providers first to configure CLI tools.</p>
+            </div>
+          </div>
+        </Card>
+      )}
+      <div className="flex flex-col gap-4">
+        {regularTools.map(([toolId, tool]) => renderToolCard(toolId, tool))}
+      </div>
+    </div>
+  );
+}