refactor: remove "use client" directive from multiple files and update project structure to align with Vite and React Router

2026-08-06 01:14:36 +08:00 · 2026-06-26 17:24:48 +08:00
parent e635ec6908
commit 443afab7bd
88 changed files with 94 additions and 230 deletions
@@ -0,0 +1,65 @@
+import { create } from "zustand";
+
+import type { CanvasAgentOp } from "@/lib/canvas/canvas-agent-ops";
+
+export type AgentChatRole = "user" | "assistant" | "system" | "tool" | "error";
+export type AgentAttachment = { id: string; name: string; type: string; size: number; url: string; dataUrl: string };
+export type AgentChatItem = { id: string; role: AgentChatRole; title?: string; text: string; meta?: string; detail?: unknown; attachments?: AgentAttachment[]; streamId?: string };
+export type AgentEventLog = { id: string; time: string; title: string; text: string; raw?: unknown };
+export type AgentPendingToolCall = { requestId: string; name: string; input?: { ops?: CanvasAgentOp[] } };
+export type AgentThreadSummary = { id: string; preview: string; name?: string | null; cwd?: string; status?: string; source?: unknown; createdAt?: number; updatedAt?: number };
+export type AgentPanelTab = "chat" | "setup" | "history" | "log";
+
+type CanvasAgentStore = {
+    width: number;
+    url: string;
+    token: string;
+    connected: boolean;
+    enabled: boolean;
+    prompt: string;
+    attachments: AgentAttachment[];
+    sending: boolean;
+    waiting: boolean;
+    messages: AgentChatItem[];
+    eventLogs: AgentEventLog[];
+    threads: AgentThreadSummary[];
+    activeThreadId: string;
+    workspacePath: string;
+    loadingThreads: boolean;
+    activeTab: AgentPanelTab;
+    confirmTools: boolean;
+    activity: string;
+    connectError: string;
+    pendingTool: AgentPendingToolCall | null;
+    setAgentState: (patch: Partial<Omit<CanvasAgentStore, "setAgentState" | "addMessage" | "addEventLog" | "clearEventLogs">>) => void;
+    addMessage: (item: AgentChatItem) => void;
+    addEventLog: (item: AgentEventLog) => void;
+    clearEventLogs: () => void;
+};
+
+export const useCanvasAgentStore = create<CanvasAgentStore>((set) => ({
+    width: typeof window === "undefined" ? 440 : Number(localStorage.getItem("canvas-agent-panel-width")) || 440,
+    url: typeof window === "undefined" ? "http://127.0.0.1:17371" : localStorage.getItem("canvas-agent-url") || "http://127.0.0.1:17371",
+    token: typeof window === "undefined" ? "" : localStorage.getItem("canvas-agent-token") || "",
+    connected: false,
+    enabled: false,
+    prompt: "",
+    attachments: [],
+    sending: false,
+    waiting: false,
+    messages: [],
+    eventLogs: [],
+    threads: [],
+    activeThreadId: "",
+    workspacePath: "",
+    loadingThreads: false,
+    activeTab: "setup",
+    confirmTools: true,
+    activity: "就绪",
+    connectError: "",
+    pendingTool: null,
+    setAgentState: (patch) => set(patch),
+    addMessage: (item) => set((state) => ({ messages: [...state.messages.slice(-120), item] })),
+    addEventLog: (item) => set((state) => ({ eventLogs: [...state.eventLogs.slice(-160), item] })),
+    clearEventLogs: () => set({ eventLogs: [] }),
+}));