WebUI module split; docs

webui/src/module.ts

@@ -1,12 +1,19 @@
 import { Folder } from "lucide-react";
+import { createElement, lazy } from "react";
 import type { PlatformWebModule } from "@govoplan/core-webui";
+const FilesPage = lazy(() => import("./features/files/FilesPage"));
+
+const fileRead = ["files:file:read"];
 
 export const filesModule: PlatformWebModule = {
   id: "files",
   label: "Files",
   version: "1.0.0",
   dependencies: ["access"],
-  navItems: [{ to: "/files", label: "Files", icon: Folder, anyOf: ["files:file:read"], order: 40 }]
+  navItems: [{ to: "/files", label: "Files", icon: Folder, anyOf: fileRead, order: 40 }],
+  routes: [
+    { path: "/files", anyOf: fileRead, order: 40, render: ({ settings, auth }) => createElement(FilesPage, { settings, auth }) }
+  ]
 };
 
 export default filesModule;