refactor(web): 前端目录重构 — consoles/pages → layouts/features + shared

- consoles/admin/ → layouts/admin-layout/ - consoles/workbench/ → layouts/workbench-layout/ + features/chat/ - pages/ → features/ (dashboard, models, projects, not-found) - components/ → shared/components/ - hooks/ → shared/hooks/ - utils/ → shared/utils/ - 更新所有 import 路径 (src/web/ + tests/web/) - 更新开发文档 (README.md, frontend.md, architecture.md)
2026-06-02 23:17:28 +08:00
parent 1f05f259d0
commit b1dec691e9
76 changed files with 249 additions and 111 deletions
--- a/tests/web/components/ChatPanel.test.tsx
+++ b/tests/web/components/ChatPanel.test.tsx
@@ -4,7 +4,7 @@ import { createElement } from "react";

 import type { Conversation, Model } from "../../../src/shared/api";

-import { ChatPanel } from "../../../src/web/consoles/workbench/components/chat/ChatPanel";
+import { ChatPanel } from "../../../src/web/features/chat/ChatPanel";
 import { installFetchMock, jsonResponse, renderWithProviders } from "../test-utils";

 const PROJECT_ID = "proj-1";
--- a/tests/web/components/ErrorBoundary.test.tsx
+++ b/tests/web/components/ErrorBoundary.test.tsx
@@ -3,7 +3,7 @@ import { App as AntApp, ConfigProvider } from "antd";
 import { describe, expect, test } from "bun:test";
 import { createElement } from "react";

-import { ErrorBoundary } from "../../../src/web/components/ErrorBoundary";
+import { ErrorBoundary } from "../../../src/web/shared/components/ErrorBoundary";

 function BrokenChild(): never {
  throw new Error("render failed");
--- a/tests/web/components/ModelTable.test.tsx
+++ b/tests/web/components/ModelTable.test.tsx
@@ -4,7 +4,7 @@ import { createElement } from "react";

 import type { Model, ProviderOption } from "../../../src/shared/api";

-import { ModelTable } from "../../../src/web/pages/models/components/ModelTable";
+import { ModelTable } from "../../../src/web/features/models/components/ModelTable";
 import { renderWithProviders } from "../test-utils";

 const OPENAI_PROVIDER: ProviderOption = {
--- a/tests/web/components/ProviderTable.test.tsx
+++ b/tests/web/components/ProviderTable.test.tsx
@@ -4,7 +4,7 @@ import { createElement } from "react";

 import type { Provider } from "../../../src/shared/api";

-import { ProviderTable } from "../../../src/web/pages/models/components/ProviderTable";
+import { ProviderTable } from "../../../src/web/features/models/components/ProviderTable";
 import { renderWithProviders } from "../test-utils";

 const OPENAI_PROVIDER: Provider = {
--- a/tests/web/components/Sidebar/index.test.tsx
+++ b/tests/web/components/Sidebar/index.test.tsx
@@ -3,8 +3,8 @@ import { describe, expect, test } from "bun:test";
 import { createElement } from "react";
 import { useLocation } from "react-router";

-import { Sidebar } from "../../../../src/web/components/Sidebar";
-import { ADMIN_MENU_ITEMS } from "../../../../src/web/consoles/admin/menu";
+import { ADMIN_MENU_ITEMS } from "../../../../src/web/layouts/admin-layout/menu";
+import { Sidebar } from "../../../../src/web/shared/components/Sidebar";
 import { renderWithProviders } from "../../test-utils";

 function LocationProbe() {
--- a/tests/web/components/chat/CodeBlockWithCopy.test.tsx
+++ b/tests/web/components/chat/CodeBlockWithCopy.test.tsx
@@ -2,7 +2,7 @@ import { screen } from "@testing-library/react";
 import { describe, expect, mock, test } from "bun:test";
 import { createElement } from "react";

-import { CodeBlockWithCopy } from "../../../../src/web/consoles/workbench/components/chat/parts/CodeBlockWithCopy";
+import { CodeBlockWithCopy } from "../../../../src/web/features/chat/parts/CodeBlockWithCopy";
 import { renderWithProviders } from "../../test-utils";

 const mockWriteText = mock(() => Promise.resolve());
--- a/tests/web/components/chat/ReasoningPart.test.tsx
+++ b/tests/web/components/chat/ReasoningPart.test.tsx
@@ -2,7 +2,7 @@ import { fireEvent, screen } from "@testing-library/react";
 import { describe, expect, test } from "bun:test";
 import { createElement } from "react";

-import { ReasoningPart } from "../../../../src/web/consoles/workbench/components/chat/parts/ReasoningPart";
+import { ReasoningPart } from "../../../../src/web/features/chat/parts/ReasoningPart";
 import { renderWithProviders } from "../../test-utils";

 describe("ReasoningPart", () => {
--- a/tests/web/components/chat/ToolPart.test.tsx
+++ b/tests/web/components/chat/ToolPart.test.tsx
@@ -2,7 +2,7 @@ import { screen } from "@testing-library/react";
 import { describe, expect, test } from "bun:test";
 import { createElement } from "react";

-import { ToolPart } from "../../../../src/web/consoles/workbench/components/chat/parts/ToolPart";
+import { ToolPart } from "../../../../src/web/features/chat/parts/ToolPart";
 import { renderWithProviders } from "../../test-utils";

 describe("ToolPart 工具显示名", () => {
--- a/tests/web/components/query-client-logging.test.tsx
+++ b/tests/web/components/query-client-logging.test.tsx
@@ -3,7 +3,7 @@ import { render } from "@testing-library/react";
 import { describe, expect, test } from "bun:test";
 import { createElement, useRef } from "react";

-import { useCreateProject } from "../../../src/web/hooks/use-projects";
+import { useCreateProject } from "../../../src/web/shared/hooks/use-projects";
 import { installFetchMock, jsonResponse } from "../test-utils";

 describe("QueryClient MutationCache onError", () => {
--- a/tests/web/hooks/on-success-logging.test.tsx
+++ b/tests/web/hooks/on-success-logging.test.tsx
@@ -8,20 +8,20 @@ import {
  useDeleteModel,
  useTestModelConnection,
  useUpdateModel,
-} from "../../../src/web/hooks/use-models";
+} from "../../../src/web/shared/hooks/use-models";
 import {
  useArchiveProject,
  useCreateProject,
  useDeleteProject,
  useRestoreProject,
  useUpdateProject,
-} from "../../../src/web/hooks/use-projects";
+} from "../../../src/web/shared/hooks/use-projects";
 import {
  useCreateProvider,
  useDeleteProvider,
  useTestProviderConfig,
  useUpdateProvider,
-} from "../../../src/web/hooks/use-providers";
+} from "../../../src/web/shared/hooks/use-providers";
 import { installFetchMock, jsonResponse } from "../test-utils";

 const MODEL = {
--- a/tests/web/hooks/use-chat-scroll.test.ts
+++ b/tests/web/hooks/use-chat-scroll.test.ts
@@ -3,7 +3,7 @@ import type { UIMessage } from "ai";
 import { act, renderHook } from "@testing-library/react";
 import { describe, expect, mock, test } from "bun:test";

-import { useChatScroll } from "../../../src/web/consoles/workbench/components/chat/use-chat-scroll";
+import { useChatScroll } from "../../../src/web/features/chat/use-chat-scroll";

 interface HookProps {
  loadingHistory: boolean;
--- a/tests/web/hooks/use-logger.test.ts
+++ b/tests/web/hooks/use-logger.test.ts
@@ -1,9 +1,9 @@
 import { describe, expect, mock, test } from "bun:test";
 import { act, createElement, useState } from "react";

-import type { Logger } from "../../../src/web/utils/logger";
+import type { Logger } from "../../../src/web/shared/utils/logger";

-import { useLogger } from "../../../src/web/hooks/use-logger";
+import { useLogger } from "../../../src/web/shared/hooks/use-logger";
 import { renderWithProviders } from "../test-utils";

 function BindingsHookTester({
--- a/tests/web/hooks/use-models.test.ts
+++ b/tests/web/hooks/use-models.test.ts
@@ -7,7 +7,7 @@ import {
  fetchModelList,
  testModelConnection,
  updateModel,
-} from "../../../src/web/hooks/use-models";
+} from "../../../src/web/shared/hooks/use-models";
 import { installFetchMock, jsonResponse } from "../test-utils";

 const MODEL = {
--- a/tests/web/hooks/use-projects.test.ts
+++ b/tests/web/hooks/use-projects.test.ts
@@ -8,7 +8,7 @@ import {
  fetchProjectList,
  restoreProject,
  updateProject,
-} from "../../../src/web/hooks/use-projects";
+} from "../../../src/web/shared/hooks/use-projects";
 import { installFetchMock, jsonResponse } from "../test-utils";

 const PROJECT = {
--- a/tests/web/hooks/use-providers.test.ts
+++ b/tests/web/hooks/use-providers.test.ts
@@ -8,7 +8,7 @@ import {
  fetchProviderOptions,
  testProviderConfig,
  updateProvider,
-} from "../../../src/web/hooks/use-providers";
+} from "../../../src/web/shared/hooks/use-providers";
 import { installFetchMock, jsonResponse } from "../test-utils";

 const PROVIDER = {
--- a/tests/web/hooks/use-sidebar-collapsed.test.ts
+++ b/tests/web/hooks/use-sidebar-collapsed.test.ts
@@ -5,7 +5,7 @@ import {
  readSidebarCollapsed,
  SIDEBAR_COLLAPSED_STORAGE_KEY,
  writeSidebarCollapsed,
-} from "../../../src/web/hooks/use-sidebar-collapsed";
+} from "../../../src/web/shared/hooks/use-sidebar-collapsed";

 function createStorage(initial?: string): Storage {
  const values = new Map<string, string>();
--- a/tests/web/hooks/use-theme-preference.test.ts
+++ b/tests/web/hooks/use-theme-preference.test.ts
@@ -8,7 +8,7 @@ import {
  THEME_MEDIA_QUERY,
  THEME_PREFERENCE_STORAGE_KEY,
  writeThemePreference,
-} from "../../../src/web/hooks/use-theme-preference";
+} from "../../../src/web/shared/hooks/use-theme-preference";

 function createStorage(initial?: string): Storage {
  const values = new Map<string, string>();
--- a/tests/web/routes/404.test.tsx
+++ b/tests/web/routes/404.test.tsx
@@ -3,7 +3,7 @@ import { describe, expect, test } from "bun:test";
 import { createElement } from "react";
 import { useLocation } from "react-router";

-import { NotFoundPage } from "../../../src/web/pages/404";
+import { NotFoundPage } from "../../../src/web/features/not-found";
 import { renderWithProviders } from "../test-utils";

 function LocationProbe() {
--- a/tests/web/routes/dashboard.test.tsx
+++ b/tests/web/routes/dashboard.test.tsx
@@ -3,7 +3,7 @@ import { screen } from "@testing-library/react";
 import { describe, expect, test } from "bun:test";
 import { createElement } from "react";

-import { DashboardPage } from "../../../src/web/pages/dashboard";
+import { DashboardPage } from "../../../src/web/features/dashboard";
 import { renderWithProviders } from "../test-utils";

 describe("DashboardPage", () => {
--- a/tests/web/routes/models.test.tsx
+++ b/tests/web/routes/models.test.tsx
@@ -4,8 +4,8 @@ import { createElement } from "react";

 import type { Model, Provider } from "../../../src/shared/api";

-import { ModelFormModal } from "../../../src/web/pages/models/components/ModelFormModal";
-import { ProviderFormModal } from "../../../src/web/pages/models/components/ProviderFormModal";
+import { ModelFormModal } from "../../../src/web/features/models/components/ModelFormModal";
+import { ProviderFormModal } from "../../../src/web/features/models/components/ProviderFormModal";
 import { renderWithProviders } from "../test-utils";

 const ENABLED_PROVIDER: Provider = {
--- a/tests/web/routes/projects.test.tsx
+++ b/tests/web/routes/projects.test.tsx
@@ -6,8 +6,8 @@ import { useLocation } from "react-router";
 import type { Project } from "../../../src/shared/api";

 import { App } from "../../../src/web/app";
-import { ProjectFormModal } from "../../../src/web/pages/projects/components/ProjectFormModal";
-import { ProjectTable } from "../../../src/web/pages/projects/components/ProjectTable";
+import { ProjectFormModal } from "../../../src/web/features/projects/components/ProjectFormModal";
+import { ProjectTable } from "../../../src/web/features/projects/components/ProjectTable";
 import { installFetchMock, jsonResponse, mockMetaResponse, renderWithProviders } from "../test-utils";

 const ACTIVE_PROJECT: Project = {
--- a/tests/web/test-utils.tsx
+++ b/tests/web/test-utils.tsx
@@ -6,7 +6,7 @@ import { mock } from "bun:test";
 import { createElement, StrictMode } from "react";
 import { MemoryRouter } from "react-router";

-import { ErrorBoundary } from "../../src/web/components/ErrorBoundary";
+import { ErrorBoundary } from "../../src/web/shared/components/ErrorBoundary";

 const REAL_FETCH = globalThis.fetch.bind(globalThis);

--- a/tests/web/utils/api.test.ts
+++ b/tests/web/utils/api.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, mock, test } from "bun:test";

-import { handleResponse, handleVoidResponse } from "../../../src/web/utils/api";
+import { handleResponse, handleVoidResponse } from "../../../src/web/shared/utils/api";

 function expectRejects(action: () => Promise<unknown>, message: string) {
  return action().then(
--- a/tests/web/utils/logger.test.ts
+++ b/tests/web/utils/logger.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, mock, test } from "bun:test";

-import type { Sink } from "../../../src/web/utils/logger";
+import type { Sink } from "../../../src/web/shared/utils/logger";

 import {
  AntdMessageSink,
@@ -9,7 +9,7 @@ import {
  createDefaultLogger,
  createMemoryLogger,
  createNoopLogger,
-} from "../../../src/web/utils/logger";
+} from "../../../src/web/shared/utils/logger";

 describe("ConsoleSink", () => {
  test("调试环境输出 debug 级别", () => {
--- a/tests/web/utils/time.test.ts
+++ b/tests/web/utils/time.test.ts
@@ -6,7 +6,7 @@ import {
  formatRelativeTime,
  isOlderThan,
  subtractHours,
-} from "../../../src/web/utils/time";
+} from "../../../src/web/shared/utils/time";

 describe("subtractHours", () => {
  test("正常扣减小时", () => {