@dyyz1993/create-agent 2.0.1 → 2.1.0

package/templates/agent/src/mainview/components/todo/TodoPanel.tsx

@@ -106,7 +106,7 @@ export function TodoPanel() {
 				) : (
 					<div className="space-y-2.5">
 						{items.map((item) => {
-							const cfg = statusConfig[item.status as TodoStatus];
+							const cfg = statusConfig[item.status as TodoStatus]!;
 							const Icon = cfg.icon;
 							return (
 								<div
@@ -115,7 +115,7 @@ export function TodoPanel() {
 								>
 									<div className="flex items-start gap-3">
 										<button
-											onClick={() => updateItem(item.id, nextStatus[item.status as TodoStatus])}
+											onClick={() => updateItem(item.id, nextStatus[item.status as TodoStatus]!)}
 											className={`flex-shrink-0 mt-0.5 w-5 h-5 rounded-full border-2 flex items-center justify-center transition-all ${cfg.circleColor} ${cfg.color} hover:scale-110`}
 										>
 											<Icon className="w-3 h-3" />
@@ -133,7 +133,7 @@ export function TodoPanel() {
 											<div className="flex items-center gap-1.5 mt-2 text-[11px] text-[var(--color-text-placeholder)]">
 												<span>{t("todo.status")}</span>
 												{statusFlow.map((s) => {
-													const sc = statusConfig[s];
+													const sc = statusConfig[s]!;
 													const isActive = s === item.status;
 													return (
 														<span

package/templates/agent/src/mainview/hooks/use-input-history.ts

@@ -4,81 +4,90 @@ const HISTORY_KEY = "pi-input-history";
 const MAX_ITEMS = 10;
 
 function getStorageKey(sessionId: string): string {
-  return `${HISTORY_KEY}:${sessionId}`;
+	return `${HISTORY_KEY}:${sessionId}`;
 }
 
 function readHistory(sessionId: string): string[] {
-  try {
-    const raw = localStorage.getItem(getStorageKey(sessionId));
-    if (!raw) return [];
-    const parsed = JSON.parse(raw);
-    if (Array.isArray(parsed)) return parsed.slice(0, MAX_ITEMS);
-  } catch { /* ignore */ }
-  return [];
+	try {
+		const raw = localStorage.getItem(getStorageKey(sessionId));
+		if (!raw) return [];
+		const parsed = JSON.parse(raw);
+		if (Array.isArray(parsed)) return parsed.slice(0, MAX_ITEMS);
+	} catch {
+		/* ignore */
+	}
+	return [];
 }
 
 function writeHistory(sessionId: string, items: string[]) {
-  try {
-    localStorage.setItem(getStorageKey(sessionId), JSON.stringify(items.slice(0, MAX_ITEMS)));
-  } catch { /* ignore */ }
+	try {
+		localStorage.setItem(getStorageKey(sessionId), JSON.stringify(items.slice(0, MAX_ITEMS)));
+	} catch {
+		/* ignore */
+	}
 }
 
 export function useInputHistory(sessionId: string) {
-  const historyRef = useRef<string[]>(readHistory(sessionId));
-  const indexRef = useRef(-1);
-  const [, forceUpdate] = useState(0);
+	const historyRef = useRef<string[]>(readHistory(sessionId));
+	const indexRef = useRef(-1);
+	const [, forceUpdate] = useState(0);
 
-  const hasPrev = historyRef.current.length > 0 && indexRef.current < historyRef.current.length - 1;
-  const hasNext = indexRef.current > 0;
+	const hasPrev = historyRef.current.length > 0 && indexRef.current < historyRef.current.length - 1;
+	const hasNext = indexRef.current > 0;
 
-  const saveToHistory = useCallback((text: string) => {
-    const trimmed = text.trim();
-    if (!trimmed) return;
-    const h = historyRef.current;
-    const filtered = h.filter((item) => item !== trimmed);
-    const updated = [trimmed, ...filtered].slice(0, MAX_ITEMS);
-    historyRef.current = updated;
-    writeHistory(sessionId, updated);
-    indexRef.current = -1;
-    forceUpdate((n) => n + 1);
-  }, [sessionId]);
+	const saveToHistory = useCallback(
+		(text: string) => {
+			const trimmed = text.trim();
+			if (!trimmed) return;
+			const h = historyRef.current;
+			const filtered = h.filter((item) => item !== trimmed);
+			const updated = [trimmed, ...filtered].slice(0, MAX_ITEMS);
+			historyRef.current = updated;
+			writeHistory(sessionId, updated);
+			indexRef.current = -1;
+			forceUpdate((n) => n + 1);
+		},
+		[sessionId]
+	);
 
-  const navigatePrev = useCallback((): string | null => {
-    const h = historyRef.current;
-    if (h.length === 0) return null;
-    const nextIdx = Math.min(indexRef.current + 1, h.length - 1);
-    indexRef.current = nextIdx;
-    forceUpdate((n) => n + 1);
-    return h[nextIdx];
-  }, []);
+	const navigatePrev = useCallback((): string | null => {
+		const h = historyRef.current;
+		if (h.length === 0) return null;
+		const nextIdx = Math.min(indexRef.current + 1, h.length - 1);
+		indexRef.current = nextIdx;
+		forceUpdate((n) => n + 1);
+		return h[nextIdx] ?? null;
+	}, []);
 
-  const navigateNext = useCallback((): string | null => {
-    const h = historyRef.current;
-    if (h.length === 0) return null;
-    const nextIdx = indexRef.current - 1;
-    if (nextIdx < 0) {
-      indexRef.current = -1;
-      forceUpdate((n) => n + 1);
-      return "";
-    }
-    indexRef.current = nextIdx;
-    forceUpdate((n) => n + 1);
-    return h[nextIdx];
-  }, []);
+	const navigateNext = useCallback((): string | null => {
+		const h = historyRef.current;
+		if (h.length === 0) return null;
+		const nextIdx = indexRef.current - 1;
+		if (nextIdx < 0) {
+			indexRef.current = -1;
+			forceUpdate((n) => n + 1);
+			return "";
+		}
+		indexRef.current = nextIdx;
+		forceUpdate((n) => n + 1);
+		return h[nextIdx] ?? null;
+	}, []);
 
-  const clearHistory = useCallback(() => {
-    historyRef.current = [];
-    indexRef.current = -1;
-    try {
-      localStorage.removeItem(getStorageKey(sessionId));
-    } catch { /* ignore */ }
-    forceUpdate((n) => n + 1);
-  }, [sessionId]);
+	const clearHistory = useCallback(() => {
+		historyRef.current = [];
+		indexRef.current = -1;
+		try {
+			localStorage.removeItem(getStorageKey(sessionId));
+		} catch {
+			/* ignore */
+		}
+		forceUpdate((n) => n + 1);
+	}, [sessionId]);
 
-  const resetIndex = useCallback(() => {
-    indexRef.current = -1;
-    forceUpdate((n) => n + 1);
-  }, []);
+	const resetIndex = useCallback(() => {
+		indexRef.current = -1;
+		forceUpdate((n) => n + 1);
+	}, []);
 
-  return { saveToHistory, navigatePrev, navigateNext, clearHistory, resetIndex, hasPrev, hasNext };
+	return { saveToHistory, navigatePrev, navigateNext, clearHistory, resetIndex, hasPrev, hasNext };
 }

package/templates/agent/src/mainview/lib/api-client.ts

@@ -42,12 +42,9 @@ class APIClientImpl {
 
 		const ipcTransport = new IPCTransport();
 		this._transport = "ipc";
-		this._baseUrl = null; // 桌面端不走 HTTP
+		this._baseUrl = null;
 		this.client = createTypedClient<RPCMethods, RPCEvents>(ipcTransport);
 		this.setupElectrobunBridge(ipcTransport);
-		if (import.meta.env.DEV) {
-			console.warn("[APIClient] Desktop (IPC) initialized synchronously");
-		}
 	}
 
 	/**

package/templates/agent/src/mainview/main.tsx

@@ -8,17 +8,11 @@ import App from "./App";
 const isElectrobun = typeof window !== "undefined" && !!window.__electrobunBunBridge;
 
 if (isElectrobun) {
-  // 桌面端：同步初始化 IPC（Electrobun 要求桥接在页面加载时同步设置）
-  apiClient.initSyncForDesktop();
-}
-// Web 端 WS 初始化由 App.tsx 统一管理，避免竞争
-
-if (import.meta.env.DEV) {
-  console.warn("[Main] Application starting, isElectrobun:", isElectrobun);
+	apiClient.initSyncForDesktop();
 }
 
 createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>
+	<StrictMode>
+		<App />
+	</StrictMode>
 );

package/templates/agent/src/mainview/stores/use-feed-store.ts

@@ -3,53 +3,53 @@ import { apiClient } from "../lib/api-client";
 import type { FeedCategory, FeedPost } from "../../shared/modules/feed";
 
 interface FeedState {
-  posts: FeedPost[];
-  author: string;
-  category: FeedCategory;
-  content: string;
-  loading: boolean;
-
-  setAuthor: (author: string) => void;
-  setCategory: (category: FeedCategory) => void;
-  setContent: (content: string) => void;
-  createPost: () => Promise<void>;
-  loadPosts: () => Promise<void>;
-  addPost: (post: FeedPost) => void;
+	posts: FeedPost[];
+	author: string;
+	category: FeedCategory;
+	content: string;
+	loading: boolean;
+
+	setAuthor: (author: string) => void;
+	setCategory: (category: FeedCategory) => void;
+	setContent: (content: string) => void;
+	createPost: () => Promise<void>;
+	loadPosts: () => Promise<void>;
+	addPost: (post: FeedPost) => void;
 }
 
 export const useFeedStore = create<FeedState>((set, get) => ({
-  posts: [],
-  author: "alice",
-  category: "tech",
-  content: "",
-  loading: false,
-
-  setAuthor: (author) => set({ author }),
-  setCategory: (category) => set({ category }),
-  setContent: (content) => set({ content }),
-
-  createPost: async () => {
-    const { content, category, author } = get();
-    if (!content.trim()) return;
-    set({ loading: true });
-    try {
-      await apiClient.call("feed.post", { content: content.trim(), category, author });
-      set({ content: "", loading: false });
-    } catch {
-      set({ loading: false });
-    }
-  },
-
-  loadPosts: async () => {
-    try {
-      const res = await apiClient.call("feed.list", { limit: 100 });
-      set({ posts: res.posts });
-    } catch {
-      // ignore
-    }
-  },
-
-  addPost: (post) => set((s) => ({ posts: [...s.posts, post] })),
+	posts: [],
+	author: "alice",
+	category: "tech",
+	content: "",
+	loading: false,
+
+	setAuthor: (author) => set({ author }),
+	setCategory: (category) => set({ category }),
+	setContent: (content) => set({ content }),
+
+	createPost: async () => {
+		const { content, category, author } = get();
+		if (!content.trim()) return;
+		set({ loading: true });
+		try {
+			await apiClient.call("feed.post", { content: content.trim(), category, author });
+			set({ content: "", loading: false });
+		} catch {
+			set({ loading: false });
+		}
+	},
+
+	loadPosts: async () => {
+		try {
+			const res = await apiClient.call("feed.list", { limit: 100 });
+			set({ posts: res.posts });
+		} catch {
+			// ignore
+		}
+	},
+
+	addPost: (post) => set((s) => ({ posts: [...s.posts, post] })),
 }));
 
 // --- Event Stream (订阅面板) ---
@@ -57,73 +57,73 @@ export const useFeedStore = create<FeedState>((set, get) => ({
 export type SubEventType = "feed.update" | "chat.message" | "timer.tick";
 
 interface EventEntry {
-  id: string;
-  eventType: SubEventType;
-  payload: unknown;
-  filter: Record<string, unknown>;
-  timestamp: number;
+	id: string;
+	eventType: SubEventType;
+	payload: unknown;
+	filter: Record<string, unknown>;
+	timestamp: number;
 }
 
 interface EventStreamState {
-  entries: EventEntry[];
-  activeEventType: SubEventType;
-  activeFilter: string; // JSON string for the filter
-  subscriptionId: string | null;
-  subscribed: boolean;
-
-  setActiveEventType: (t: SubEventType) => void;
-  setActiveFilter: (f: string) => void;
-  handleSubscribe: () => Promise<void>;
-  handleUnsubscribe: () => void;
-  addEntry: (eventType: SubEventType, payload: unknown, filter: Record<string, unknown>) => void;
+	entries: EventEntry[];
+	activeEventType: SubEventType;
+	activeFilter: string; // JSON string for the filter
+	subscriptionId: string | null;
+	subscribed: boolean;
+
+	setActiveEventType: (t: SubEventType) => void;
+	setActiveFilter: (f: string) => void;
+	handleSubscribe: () => Promise<void>;
+	handleUnsubscribe: () => void;
+	addEntry: (eventType: SubEventType, payload: unknown, filter: Record<string, unknown>) => void;
 }
 
 export const useEventStreamStore = create<EventStreamState>((set, get) => ({
-  entries: [],
-  activeEventType: "feed.update",
-  activeFilter: "",
-  subscriptionId: null,
-  subscribed: false,
-
-  setActiveEventType: (t) => set({ activeEventType: t }),
-  setActiveFilter: (f) => set({ activeFilter: f }),
-
-  handleSubscribe: async () => {
-    const { activeEventType, activeFilter } = get();
-    try {
-      const filter = activeFilter.trim() ? JSON.parse(activeFilter) : {};
-      const subId = await apiClient.subscribe(
-        activeEventType,
-        (payload: unknown) => {
-          get().addEntry(activeEventType, payload, filter);
-        },
-        filter,
-      );
-      set({ subscriptionId: subId, subscribed: true });
-    } catch (err) {
-      console.error("Subscribe error:", err);
-    }
-  },
-
-  handleUnsubscribe: () => {
-    const { subscriptionId } = get();
-    if (subscriptionId) {
-      apiClient.unsubscribe(subscriptionId);
-    }
-    set({ subscriptionId: null, subscribed: false });
-  },
-
-  addEntry: (eventType, payload, filter) =>
-    set((s) => ({
-      entries: [
-        ...s.entries.slice(-49),
-        {
-          id: `evt-${Date.now()}-${Math.random().toString(36).slice(2, 5)}`,
-          eventType,
-          payload,
-          filter,
-          timestamp: Date.now(),
-        },
-      ],
-    })),
+	entries: [],
+	activeEventType: "feed.update",
+	activeFilter: "",
+	subscriptionId: null,
+	subscribed: false,
+
+	setActiveEventType: (t) => set({ activeEventType: t }),
+	setActiveFilter: (f) => set({ activeFilter: f }),
+
+	handleSubscribe: async () => {
+		const { activeEventType, activeFilter } = get();
+		try {
+			const filter = activeFilter.trim() ? JSON.parse(activeFilter) : {};
+			const subId = await apiClient.subscribe(
+				activeEventType,
+				(payload: unknown) => {
+					get().addEntry(activeEventType, payload, filter);
+				},
+				filter
+			);
+			set({ subscriptionId: subId, subscribed: true });
+		} catch {
+			// subscription failed — UI stays unsubscribed
+		}
+	},
+
+	handleUnsubscribe: () => {
+		const { subscriptionId } = get();
+		if (subscriptionId) {
+			apiClient.unsubscribe(subscriptionId);
+		}
+		set({ subscriptionId: null, subscribed: false });
+	},
+
+	addEntry: (eventType, payload, filter) =>
+		set((s) => ({
+			entries: [
+				...s.entries.slice(-49),
+				{
+					id: `evt-${Date.now()}-${Math.random().toString(36).slice(2, 5)}`,
+					eventType,
+					payload,
+					filter,
+					timestamp: Date.now(),
+				},
+			],
+		})),
 }));