vforclaude2 0.3.87

package/src/shared/constants/cliTools.js

@@ -0,0 +1,249 @@
+// MITM Tools — IDE tools intercepted via MITM proxy
+export const MITM_TOOLS = {
+  antigravity: {
+    id: "antigravity",
+    name: "Antigravity",
+    image: "/providers/antigravity.png",
+    color: "#4285F4",
+    description: "Google Antigravity IDE with MITM",
+    configType: "mitm",
+    mitmDomain: "daily-cloudcode-pa.googleapis.com",
+    modelAliases: ["claude-opus-4-6-thinking", "claude-sonnet-4-6", "gemini-3-flash", "gpt-oss-120b-medium", "gemini-3-pro-high", "gemini-3-pro-low"],
+    defaultModels: [
+      { id: "gemini-3.1-pro-high", name: "Gemini 3.1 Pro High", alias: "gemini-3.1-pro-high" },
+      { id: "gemini-3.1-pro-low", name: "Gemini 3.1 Pro Low", alias: "gemini-3.1-pro-low" },
+      { id: "gemini-3-flash", name: "Gemini 3 Flash", alias: "gemini-3-flash" },
+      { id: "claude-sonnet-4-6", name: "Claude Sonnet 4.6", alias: "claude-sonnet-4-6" },
+      { id: "claude-opus-4-6-thinking", name: "Claude Opus 4.6 Thinking", alias: "claude-opus-4-6-thinking" },
+      { id: "gpt-oss-120b-medium", name: "GPT OSS 120B Medium", alias: "gpt-oss-120b-medium" },
+    ],
+  },
+  copilot: {
+    id: "copilot",
+    name: "GitHub Copilot",
+    image: "/providers/copilot.png",
+    color: "#1F6FEB",
+    description: "GitHub Copilot IDE with MITM",
+    configType: "mitm",
+    mitmDomain: "api.individual.githubcopilot.com",
+    modelAliases: ["gpt-4o-mini", "claude-haiku-4.5", "gpt-4o", "gpt-5-mini"],
+    defaultModels: [
+      { id: "gpt-4o", name: "GPT-4o", alias: "gpt-4o" },
+      { id: "gpt-4.1", name: "GPT-4.1", alias: "gpt-4.1" },
+      { id: "claude-haiku-4.5", name: "Claude Haiku 4.5", alias: "claude-haiku-4.5" },
+    ],
+  },
+  kiro: {
+    id: "kiro",
+    name: "Kiro",
+    image: "/providers/kiro.png",
+    color: "#FF6B00",
+    description: "Kiro IDE with MITM",
+    configType: "mitm",
+    mitmDomain: "q.us-east-1.amazonaws.com",
+    defaultModels: [
+      { id: "claude-sonnet-4.5", name: "Claude Sonnet 4.5", alias: "claude-sonnet-4.5" },
+      { id: "claude-sonnet-4", name: "Claude Sonnet 4", alias: "claude-sonnet-4" },
+      { id: "claude-haiku-4.5", name: "Claude Haiku 4.5", alias: "claude-haiku-4.5" },
+      { id: "deepseek-3.2", name: "DeepSeek 3.2", alias: "deepseek-3.2" },
+      { id: "minimax-m2.1", name: "MiniMax M2.1", alias: "minimax-m2.1" },
+      { id: "simple-task", name: "Qwen3 Coder Next", alias: "simple-task" },
+    ],
+  },
+  // cursor: {
+  //   id: "cursor",
+  //   name: "Cursor",
+  //   image: "/providers/cursor.png",
+  //   color: "#000000",
+  //   description: "Cursor IDE with MITM",
+  //   configType: "mitm",
+  //   mitmDomain: "api2.cursor.sh",
+  //   defaultModels: [
+  //     { id: "claude-sonnet-4-5", name: "Claude Sonnet 4.5", alias: "claude-sonnet-4-5" },
+  //     { id: "claude-opus-4", name: "Claude Opus 4", alias: "claude-opus-4" },
+  //     { id: "gpt-4o", name: "GPT-4o", alias: "gpt-4o" },
+  //   ],
+  // },
+};
+
+// CLI Tools configuration
+export const CLI_TOOLS = {
+  claude: {
+    id: "claude",
+    name: "Claude Code",
+    icon: "terminal",
+    color: "#D97757",
+    description: "Anthropic Claude Code CLI",
+    configType: "env",
+    envVars: {
+      baseUrl: "ANTHROPIC_BASE_URL",
+      model: "ANTHROPIC_MODEL",
+      opusModel: "ANTHROPIC_DEFAULT_OPUS_MODEL",
+      sonnetModel: "ANTHROPIC_DEFAULT_SONNET_MODEL",
+      haikuModel: "ANTHROPIC_DEFAULT_HAIKU_MODEL",
+    },
+    modelAliases: ["default", "sonnet", "opus", "haiku", "opusplan"],
+    settingsFile: "~/.claude/settings.json",
+    defaultModels: [
+      { id: "opus", name: "Claude Opus", alias: "opus", envKey: "ANTHROPIC_DEFAULT_OPUS_MODEL", defaultValue: "cc/claude-opus-4-6" },
+      { id: "sonnet", name: "Claude Sonnet", alias: "sonnet", envKey: "ANTHROPIC_DEFAULT_SONNET_MODEL", defaultValue: "cc/claude-sonnet-4-6" },
+      { id: "haiku", name: "Claude Haiku", alias: "haiku", envKey: "ANTHROPIC_DEFAULT_HAIKU_MODEL", defaultValue: "cc/claude-haiku-4-5-20251001" },
+    ],
+  },
+  openclaw: {
+    id: "openclaw",
+    name: "Open Claw",
+    image: "/providers/openclaw.png",
+    color: "#FF6B35",
+    description: "Open Claw AI Assistant",
+    configType: "custom",
+  },
+  codex: {
+    id: "codex",
+    name: "OpenAI Codex CLI",
+    image: "/providers/codex.png",
+    color: "#10A37F",
+    description: "OpenAI Codex CLI",
+    configType: "custom",
+  },
+  opencode: {
+    id: "opencode",
+    name: "OpenCode",
+    image: "/providers/opencode.png",
+    color: "#E87040",
+    description: "OpenCode AI Terminal Assistant",
+    configType: "custom",
+  },
+  droid: {
+    id: "droid",
+    name: "Factory Droid",
+    image: "/providers/droid.png",
+    color: "#00D4FF",
+    description: "Factory Droid AI Assistant",
+    configType: "custom",
+  },
+  cursor: {
+    id: "cursor",
+    name: "Cursor",
+    image: "/providers/cursor.png",
+    color: "#000000",
+    description: "Cursor AI Code Editor",
+    configType: "guide",
+    requiresExternalUrl: true,
+    notes: [
+      { type: "warning", text: "Requires Cursor Pro account to use this feature." },
+      { type: "cloudCheck", text: "Cursor routes requests through its own server, so local endpoint is not supported. Please enable Tunnel or Cloud Endpoint in Settings." },
+    ],
+    guideSteps: [
+      { step: 1, title: "Open Settings", desc: "Go to Settings → Models" },
+      { step: 2, title: "Enable OpenAI API", desc: "Enable \"OpenAI API key\" option" },
+      { step: 3, title: "Base URL", value: "{{baseUrl}}", copyable: true },
+      { step: 4, title: "API Key", type: "apiKeySelector" },
+      { step: 5, title: "Add Custom Model", desc: "Click \"View All Model\" → \"Add Custom Model\"" },
+      { step: 6, title: "Select Model", type: "modelSelector" },
+    ],
+  },
+  cline: {
+    id: "cline",
+    name: "Cline",
+    image: "/providers/cline.png",
+    color: "#00D1B2",
+    description: "Cline AI Coding Assistant",
+    configType: "guide",
+    guideSteps: [
+      { step: 1, title: "Open Settings", desc: "Go to Cline Settings panel" },
+      { step: 2, title: "Select Provider", desc: "Choose API Provider → OpenAI Compatible" },
+      { step: 3, title: "Base URL", value: "{{baseUrl}}/v1", copyable: true },
+      { step: 4, title: "API Key", type: "apiKeySelector" },
+      { step: 5, title: "Select Model", type: "modelSelector" },
+    ],
+  },
+  kilo: {
+    id: "kilo",
+    name: "Kilo Code",
+    image: "/providers/kilocode.png",
+    color: "#FF6B6B",
+    description: "Kilo Code AI Assistant",
+    configType: "guide",
+    guideSteps: [
+      { step: 1, title: "Open Settings", desc: "Go to Kilo Code Settings panel" },
+      { step: 2, title: "Select Provider", desc: "Choose API Provider → OpenAI Compatible" },
+      { step: 3, title: "Base URL", value: "{{baseUrl}}/v1", copyable: true },
+      { step: 4, title: "API Key", type: "apiKeySelector" },
+      { step: 5, title: "Select Model", type: "modelSelector" },
+    ],
+  },
+  roo: {
+    id: "roo",
+    name: "Roo",
+    image: "/providers/roo.png",
+    color: "#FF6B6B",
+    description: "Roo AI Assistant",
+    configType: "guide",
+    guideSteps: [
+      { step: 1, title: "Open Settings", desc: "Go to Roo Settings panel" },
+      { step: 2, title: "Select Provider", desc: "Choose API Provider → Ollama" },
+      { step: 3, title: "Base URL", value: "{{baseUrl}}", copyable: true },
+      { step: 4, title: "API Key", type: "apiKeySelector" },
+      { step: 5, title: "Select Model", type: "modelSelector" },
+    ],
+  },
+  continue: {
+    id: "continue",
+    name: "Continue",
+    image: "/providers/continue.png",
+    color: "#7C3AED",
+    description: "Continue AI Assistant",
+    configType: "guide",
+    guideSteps: [
+      { step: 1, title: "Open Config", desc: "Open Continue configuration file" },
+      { step: 2, title: "API Key", type: "apiKeySelector" },
+      { step: 3, title: "Select Model", type: "modelSelector" },
+      { step: 4, title: "Add Model Config", desc: "Add the following configuration to your models array:" },
+    ],
+    codeBlock: {
+      language: "json",
+      code: `{
+  "apiBase": "{{baseUrl}}",
+  "title": "{{model}}",
+  "model": "{{model}}",
+  "provider": "openai",
+  "apiKey": "{{apiKey}}"
+}`,
+    },
+  },
+  // HIDDEN: gemini-cli
+  // "gemini-cli": {
+  //   id: "gemini-cli",
+  //   name: "Gemini CLI",
+  //   icon: "terminal",
+  //   color: "#4285F4",
+  //   description: "Google Gemini CLI",
+  //   configType: "env",
+  //   envVars: {
+  //     baseUrl: "GEMINI_API_BASE_URL",
+  //     model: "GEMINI_MODEL",
+  //   },
+  //   defaultModels: [
+  //     { id: "gemini-2.5-pro", name: "Gemini 2.5 Pro", alias: "pro" },
+  //     { id: "gemini-2.5-flash", name: "Gemini 2.5 Flash", alias: "flash" },
+  //   ],
+  // },
+};
+
+// Get all provider models for mapping dropdown
+export const getProviderModelsForMapping = (providers) => {
+  const result = [];
+  providers.forEach(conn => {
+    if (conn.isActive && (conn.testStatus === "active" || conn.testStatus === "success")) {
+      result.push({
+        connectionId: conn.id,
+        provider: conn.provider,
+        name: conn.name,
+        models: conn.models || [],
+      });
+    }
+  });
+  return result;
+};
+

package/src/shared/constants/colors.js

@@ -0,0 +1,77 @@
+// Claude-inspired color palette for Endpoint Proxy
+// Light theme: Warm beige/cream tones
+// Dark theme: Deep charcoal/brown tones
+
+export const COLORS = {
+  // Primary - Warm Coral/Terracotta (Claude-like)
+  primary: {
+    DEFAULT: "#D97757",
+    hover: "#C56243",
+    light: "#E8A58C",
+    dark: "#B0664D",
+  },
+
+  // Light theme backgrounds
+  light: {
+    bg: "#FBF9F6",
+    bgAlt: "#F5F1ED",
+    surface: "#FFFFFF",
+    sidebar: "rgba(246, 246, 246, 0.8)",
+    border: "rgba(0, 0, 0, 0.1)",
+    textMain: "#383733",
+    textMuted: "#75736E",
+  },
+
+  // Dark theme backgrounds
+  dark: {
+    bg: "#191918",
+    bgAlt: "#1F1F1E",
+    surface: "#242423",
+    sidebar: "rgba(30, 30, 30, 0.8)",
+    border: "rgba(255, 255, 255, 0.1)",
+    textMain: "#ECEBE8",
+    textMuted: "#9E9D99",
+  },
+
+  // Status colors
+  status: {
+    success: "#22C55E",
+    successLight: "#DCFCE7",
+    successDark: "#166534",
+    warning: "#F59E0B",
+    warningLight: "#FEF3C7",
+    warningDark: "#92400E",
+    error: "#EF4444",
+    errorLight: "#FEE2E2",
+    errorDark: "#991B1B",
+    info: "#3B82F6",
+    infoLight: "#DBEAFE",
+    infoDark: "#1E40AF",
+  },
+};
+
+// CSS Variables mapping for Tailwind
+export const CSS_VARIABLES = {
+  light: {
+    "--color-primary": COLORS.primary.DEFAULT,
+    "--color-primary-hover": COLORS.primary.hover,
+    "--color-bg": COLORS.light.bg,
+    "--color-bg-alt": COLORS.light.bgAlt,
+    "--color-surface": COLORS.light.surface,
+    "--color-sidebar": COLORS.light.sidebar,
+    "--color-border": COLORS.light.border,
+    "--color-text-main": COLORS.light.textMain,
+    "--color-text-muted": COLORS.light.textMuted,
+  },
+  dark: {
+    "--color-primary": COLORS.primary.DEFAULT,
+    "--color-primary-hover": COLORS.primary.hover,
+    "--color-bg": COLORS.dark.bg,
+    "--color-bg-alt": COLORS.dark.bgAlt,
+    "--color-surface": COLORS.dark.surface,
+    "--color-sidebar": COLORS.dark.sidebar,
+    "--color-border": COLORS.dark.border,
+    "--color-text-main": COLORS.dark.textMain,
+    "--color-text-muted": COLORS.dark.textMuted,
+  },
+};

package/src/shared/constants/config.js

@@ -0,0 +1,67 @@
+import pkg from "../../../package.json" with { type: "json" };
+
+// App configuration
+export const APP_CONFIG = {
+  name: "VFORCLAUDE",
+  description: "AI Infrastructure Management",
+  version: pkg.version,
+};
+
+// Theme configuration
+export const THEME_CONFIG = {
+  storageKey: "theme",
+  defaultTheme: "system", // "light" | "dark" | "system"
+};
+
+// Subscription
+export const SUBSCRIPTION_CONFIG = {
+  price: 1.0,
+  currency: "USD",
+  interval: "month",
+  planName: "Pro Plan",
+};
+
+// API endpoints
+export const API_ENDPOINTS = {
+  users: "/api/users",
+  providers: "/api/providers",
+  payments: "/api/payments",
+  auth: "/api/auth",
+};
+
+export const CONSOLE_LOG_CONFIG = {
+  maxLines: 200,
+  pollIntervalMs: 1000,
+};
+
+// Provider API endpoints (for display only)
+export const PROVIDER_ENDPOINTS = {
+  openrouter: "https://openrouter.ai/api/v1/chat/completions",
+  glm: "https://api.z.ai/api/anthropic/v1/messages",
+  "glm-cn": "https://open.bigmodel.cn/api/coding/paas/v4/chat/completions",
+  kimi: "https://api.kimi.com/coding/v1/messages",
+  minimax: "https://api.minimax.io/anthropic/v1/messages",
+  "minimax-cn": "https://api.minimaxi.com/anthropic/v1/messages",
+  alicode: "https://coding.dashscope.aliyuncs.com/v1/chat/completions",
+  "alicode-intl": "https://coding-intl.dashscope.aliyuncs.com/v1/chat/completions",
+  openai: "https://api.openai.com/v1/chat/completions",
+  anthropic: "https://api.anthropic.com/v1/messages",
+  gemini: "https://generativelanguage.googleapis.com/v1beta/models",
+  ollama: "https://ollama.com/api/chat",
+  "ollama-local": "http://localhost:11434/api/chat",
+};
+
+// Re-export from providers.js for backward compatibility
+export {
+  FREE_PROVIDERS,
+  OAUTH_PROVIDERS,
+  APIKEY_PROVIDERS,
+  AI_PROVIDERS,
+  AUTH_METHODS,
+} from "./providers.js";
+
+// Re-export from models.js for backward compatibility
+export {
+  PROVIDER_MODELS,
+  AI_MODELS,
+} from "./models.js";

package/src/shared/constants/index.js

@@ -0,0 +1,4 @@
+// Shared Constants - Export all
+export * from "./colors";
+export * from "./config";
+

package/src/shared/constants/models.js

@@ -0,0 +1,35 @@
+// Import directly from file to avoid pulling in server-side dependencies via index.js
+export {
+  PROVIDER_MODELS,
+  getProviderModels,
+  getDefaultModel,
+  isValidModel as isValidModelCore,
+  findModelName,
+  getModelTargetFormat,
+  PROVIDER_ID_TO_ALIAS,
+  getModelsByProviderId
+} from "open-sse/config/providerModels.js";
+
+import { AI_PROVIDERS, isOpenAICompatibleProvider } from "./providers.js";
+import { PROVIDER_MODELS as MODELS } from "open-sse/config/providerModels.js";
+
+// Providers that accept any model (passthrough)
+const PASSTHROUGH_PROVIDERS = new Set(
+  Object.entries(AI_PROVIDERS)
+    .filter(([, p]) => p.passthroughModels)
+    .map(([key]) => key)
+);
+
+// Wrap isValidModel with passthrough providers
+export function isValidModel(aliasOrId, modelId) {
+  if (isOpenAICompatibleProvider(aliasOrId)) return true;
+  if (PASSTHROUGH_PROVIDERS.has(aliasOrId)) return true;
+  const models = MODELS[aliasOrId];
+  if (!models) return false;
+  return models.some(m => m.id === modelId);
+}
+
+// Legacy AI_MODELS for backward compatibility
+export const AI_MODELS = Object.entries(MODELS).flatMap(([alias, models]) =>
+  models.map(m => ({ provider: alias, model: m.id, name: m.name }))
+);