feat: add lighthouse and fifth-domain entry flow

product-source/guanghu-knowledge-base/src/App.tsx

@@ -11,6 +11,7 @@ import { HumanSettings, HumanPreferences, loadHumanPreferences } from './compone
 import { DomainSurface } from './components/DomainSurface';
 import { ModuleLibrarySheet } from './components/ModuleLibrarySheet';
 import { cleanDisplayText } from './presentation';
+import { WorldEntry } from './components/WorldEntry';
 
 type View = 'editor' | 'history';
 type RouteId = 'fifth' | 'main' | 'sub' | 'zero' | 'zero-sense';
@@ -88,6 +89,7 @@ export default function App() {
   const [moduleBusy, setModuleBusy] = useState(false);
   const [moduleMessage, setModuleMessage] = useState('');
   const [lastChannelReceipt, setLastChannelReceipt] = useState('');
+  const [worldEntered, setWorldEntered] = useState(false);
 
   const storageMode = repositoryStatus?.remote ? 'server' : 'local';
   const storageLabel = storageMode === 'server' ? '服务器已托管' : '仅本机';
@@ -353,7 +355,21 @@ export default function App() {
   useEffect(() => { localStorage.setItem('hololake.layout.agent-width', String(Math.round(agentWidth))); }, [agentWidth]);
 
   return (
-    <div
+    <>
+      {!worldEntered && (
+        <WorldEntry
+          onEnterFifth={() => {
+            setActiveRoute('fifth');
+            setActiveModule('knowledge');
+            setWorldEntered(true);
+          }}
+          onOpenConnection={() => {
+            setStorageSheetInitialMode('server');
+            setStorageSheetOpen(true);
+          }}
+        />
+      )}
+      <div
       className="hololake-shell"
       data-language={language}
       data-appearance={humanPreferences.appearance}
@@ -556,6 +572,7 @@ export default function App() {
         onChange={(moduleId, installed, mounted) => void changeModuleState(moduleId, installed, mounted)}
         onUndo={() => void undoModuleChange()}
       />
-    </div>
+      </div>
+    </>
   );
 }