visualknowledge 0.1.3 → 0.1.4

package/frontend/src/context/AppContext.jsx

@@ -5,7 +5,7 @@
  * 管理对话消息、流式状态、主题、模型选择、全屏 Widget。
  */
 
-import { createContext, useContext, useReducer } from 'react';
+import React, { createContext, useContext, useReducer } from 'react';
 
 // ====== Action Types ======
 
@@ -134,10 +134,10 @@ export const AppContext = createContext(null);
 export function AppProvider({ children }) {
   const [state, dispatch] = useReducer(appReducer, initialState);
 
-  return (
-    AppContext.Provider value={{ state, dispatch }}>
-      {children}
-    </AppContext.Provider>
+  return React.createElement(
+    AppContext.Provider,
+    { value: { state, dispatch } },
+    children
   );
 }
 

package/frontend/src/hooks/useTheme.js

@@ -5,7 +5,7 @@
  * 切换时更新 document.documentElement.dataset.theme。
  */
 
-import { useState, useCallback } from 'react';
+import { useState, useEffect, useCallback } from 'react';
 
 const STORAGE_KEY = 'claude-chat-theme';
 
@@ -23,9 +23,9 @@ export function useTheme() {
   }, [theme]);
 
   // 初始化：设置 DOM 主题
-  useState(() => {
+  useEffect(() => {
     document.documentElement.setAttribute('data-theme', theme);
-  });
+  }, []);
 
   return { theme, toggleTheme };
 }

package/frontend/src/main.js

@@ -7,10 +7,11 @@
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import { App } from './App.jsx';
+import { AppProvider } from './context/AppContext.jsx';
 
 const rootEl = document.getElementById('root');
 if (!rootEl) {
   throw new Error('Root element #root not found in DOM');
 }
 
-createRoot(rootEl).render(React.createElement(App));
+createRoot(rootEl).render(React.createElement(AppProvider, null, React.createElement(App)));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "visualknowledge",
-    "version": "0.1.3",
+    "version": "0.1.4",
     "description": "Interactive AI Chat with Visualization - one-click launch via npx",
     "bin": {
         "visualknowledge": "./bin/visualknowledge.js"