refactor(webui): split settings frontend by domain

2026-08-11 13:27:19 +08:00
parent 52e0a6a1e3
commit eab017766b
35 changed files with 16931 additions and 15386 deletions
@@ -0,0 +1,195 @@
+import { cleanup, render } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { afterEach, beforeEach, vi } from "vitest";
+import { SettingsView } from "@/components/settings/SettingsView";
+import { ClientProvider } from "@/providers/ClientProvider";
+import type { SettingsPayload } from "@/lib/types";
+
+export const requestMutationMock = vi.fn();
+
+export function jsonResponse(body: unknown): Response {
+  return {
+    ok: true,
+    status: 200,
+    json: async () => body,
+  } as Response;
+}
+
+export function settingsPayload(): SettingsPayload {
+  return {
+    agent: {
+      model: "openai/gpt-4o",
+      provider: "auto",
+      resolved_provider: "openai",
+      has_api_key: true,
+      model_preset: "primary",
+      max_tokens: 8192,
+      context_window_tokens: 200000,
+      temperature: 0.1,
+      reasoning_effort: null,
+      timezone: "UTC",
+      tool_hint_max_length: 40,
+    },
+    model_presets: [{
+      name: "primary",
+      label: "Primary",
+      active: true,
+      is_default: false,
+      model: "openai/gpt-4o",
+      provider: "auto",
+      resolved_provider: "openai",
+      max_tokens: 8192,
+      context_window_tokens: 200000,
+      temperature: 0.1,
+      reasoning_effort: null,
+    }],
+    model_call_order: ["primary"],
+    model_call_order_editable: true,
+    providers: [],
+    web_search: {
+      provider: "duckduckgo",
+      api_key_hint: null,
+      base_url: null,
+      max_results: 5,
+      timeout: 30,
+      providers: [{ name: "duckduckgo", label: "DuckDuckGo", credential: "none" }],
+    },
+    web: {
+      enable: true,
+      proxy: null,
+      user_agent: null,
+      search: { max_results: 5, timeout: 30 },
+      fetch: { use_jina_reader: true },
+    },
+    api: {
+      host: "127.0.0.1",
+      port: 8900,
+      timeout: 120,
+      api_key_hint: null,
+    },
+    observability: {
+      provider: "langfuse",
+      configured: false,
+      base_url: "https://cloud.langfuse.com",
+    },
+    image_generation: {
+      enabled: false,
+      provider: "openrouter",
+      provider_configured: false,
+      model: "openai/gpt-5.4-image-2",
+      default_aspect_ratio: "1:1",
+      default_image_size: "1K",
+      max_images_per_turn: 4,
+      save_dir: "generated",
+      providers: [],
+    },
+    runtime: {
+      config_path: "/tmp/config.json",
+      workspace_path: "/tmp/workspace",
+      gateway_host: "127.0.0.1",
+      gateway_port: 18790,
+      heartbeat: {
+        enabled: true,
+        interval_s: 1800,
+        keep_recent_messages: 8,
+      },
+      dream: {
+        schedule: "every 2h",
+      },
+      unified_session: false,
+    },
+    advanced: {
+      restrict_to_workspace: false,
+      webui_allow_local_service_access: true,
+      webui_default_access_mode: "default",
+      private_service_protection_enabled: true,
+      ssrf_whitelist_count: 0,
+      mcp_server_count: 0,
+      exec_enabled: true,
+      exec_sandbox: null,
+      exec_path_prepend_set: false,
+      exec_path_append_set: false,
+    },
+    requires_restart: false,
+    version: {
+      current: "0.2.2",
+    },
+    docs: {
+      version: "0.2.2",
+      base_url: "https://nanobot.wiki/docs/0.2.2",
+      chat_apps_url: "https://nanobot.wiki/docs/0.2.2/getting-started/chat-apps",
+      latest_url: "https://nanobot.wiki/docs/latest",
+    },
+  };
+}
+
+export function renderSettingsView(
+  options: {
+    initialSection?:
+      | "overview"
+      | "appearance"
+      | "apps"
+      | "channels"
+      | "automations"
+      | "advanced"
+      | "models"
+      | "image"
+      | "browser"
+      | "runtime";
+    initialSettings?: SettingsPayload;
+    showSidebar?: boolean;
+    onBackToChat?: () => void;
+    onSettingsChange?: (payload: SettingsPayload) => void;
+    onNativeEngineRestart?: () => Promise<string>;
+  } = {},
+) {
+  render(
+    <ClientProvider client={{ requestMutation: requestMutationMock } as never} token="tok">
+      <SettingsView
+        theme="light"
+        initialSection={options.initialSection ?? "apps"}
+        initialSettings={options.initialSettings}
+        showSidebar={options.showSidebar}
+        onToggleTheme={() => {}}
+        onBackToChat={options.onBackToChat ?? (() => {})}
+        onModelNameChange={() => {}}
+        onSettingsChange={options.onSettingsChange}
+        onNativeEngineRestart={options.onNativeEngineRestart}
+      />
+    </ClientProvider>,
+  );
+}
+
+export async function openPopover(trigger: HTMLElement) {
+  await userEvent.setup().click(trigger);
+}
+
+export function installSettingsViewTestHooks() {
+  beforeEach(() => {
+    requestMutationMock.mockReset().mockResolvedValue(settingsPayload());
+    vi.stubGlobal(
+      "matchMedia",
+      vi.fn((query: string) => ({
+        matches: query === "(min-width: 1280px)",
+        media: query,
+        onchange: null,
+        addEventListener: vi.fn(),
+        removeEventListener: vi.fn(),
+        addListener: vi.fn(),
+        removeListener: vi.fn(),
+        dispatchEvent: vi.fn(),
+      })),
+    );
+    vi.stubGlobal(
+      "fetch",
+      vi.fn(() => new Promise<Response>(() => {})),
+    );
+  });
+
+  afterEach(() => {
+    cleanup();
+    localStorage.removeItem("nanobot-webui.settings-preferences");
+    vi.useRealTimers();
+    vi.unstubAllGlobals();
+  });
+}