Migrate better-auth to platform package and update roles

Renamed and moved the @objectql/better-auth package to @objectql/platform, including all object definitions and configuration. Added platform-level role definitions (super_admin, admin, user) and updated server and client code to reference the new package and roles. Refactored client layout to support a settings page and improved sidebar/object routing. Removed the old better-auth README and added a new README for the platform package.

Author: hotlong

examples/project-management/src/security/user.role.yml

@@ -0,0 +1,12 @@
+name: user
+label: User
+description: Standard User Role
+policies:
+  - base_access
+
+permissions:
+  tasks:
+    # Additive: Can also UPDATE own tasks
+    actions: [update]
+    filters: 
+      - ['assigned_to', '=', '$user.id']

package-lock.json

@@ -1,16 +1,52 @@
 import { useState, useEffect } from 'react';
 import Login from './pages/Login';
 import Dashboard from './pages/Dashboard';
+import Settings from './pages/Settings';
 import { AuthProvider, useAuth } from './context/AuthContext';
+import { AppSidebar } from './components/app-sidebar';
+import { SidebarProvider, SidebarInset, SidebarTrigger, Separator, Breadcrumb, BreadcrumbItem, BreadcrumbList, BreadcrumbPage } from '@objectql/ui';
 
 function AppContent() {
   const { user, loading } = useAuth();
   const [currentPath, setCurrentPath] = useState(window.location.pathname);
+  // This would ideally come from a context or prop passed from Dashboard, 
+  // but for now we'll fetch objects to pass to Sidebar in AppContent as well if needed, 
+  // or refactor layout. 
+  // ACTUALLY: Dashboard handles the Sidebar usually. 
+  // Let's modify AppContent to render the Main Layout if logged in.
+  
+  const [objects, setObjects] = useState<Record<string, any>>({});
+  
+  // We need to fetch objects for the sidebar if we are not in dashboard
+  useEffect(() => {
+    if (user && Object.keys(objects).length === 0) {
+        fetch('/api/v6/metadata/object')
+            .then(res => res.json())
+            .then(result => {
+                const objectsMap: Record<string, any> = {};
+                if (Array.isArray(result)) {
+                    result.forEach((obj: any) => {
+                        objectsMap[obj.name] = obj;
+                    });
+                }
+                setObjects(objectsMap);
+            })
+            .catch(console.error);
+    }
+  }, [user]);
 
   useEffect(() => {
     const handlePopState = () => setCurrentPath(window.location.pathname);
     window.addEventListener('popstate', handlePopState);
-    return () => window.removeEventListener('popstate', handlePopState);
+    
+    // Custom event for navigation
+    const handlePushState = () => setCurrentPath(window.location.pathname);
+    window.addEventListener('pushstate', handlePushState);
+    
+    return () => {
+        window.removeEventListener('popstate', handlePopState);
+        window.removeEventListener('pushstate', handlePushState);
+    };
   }, []);
 
   if (loading) {
@@ -21,25 +57,44 @@ function AppContent() {
     );
   }
 
-  // Simple routing
-  if (!user && currentPath !== '/login') {
-      window.history.pushState({}, '', '/login');
-      // Update state to match new URL to prevent inconsistent state
+  // Auth Routing
+  if (!user) {
       if (currentPath !== '/login') {
-        setCurrentPath('/login');
+          window.history.pushState({}, '', '/login');
+          return <Login />;
       }
       return <Login />;
   }
 
   if (currentPath === '/login') {
-      if (user) {
-          window.history.pushState({}, '', '/dashboard');
-          return <Dashboard />;
-      }
-      return <Login />;
+      window.history.pushState({}, '', '/');
+      setCurrentPath('/');
   }
 
-  return <Dashboard />;
+  // Main Layout
+  return (
+      <SidebarProvider>
+          <AppSidebar objects={objects} />
+          <SidebarInset>
+            <header className="flex h-16 shrink-0 items-center gap-2 border-b px-4">
+                <SidebarTrigger className="-ml-1" />
+                <Separator orientation="vertical" className="mr-2 h-4" />
+                <Breadcrumb>
+                    <BreadcrumbList>
+                        <BreadcrumbItem>
+                            <BreadcrumbPage>
+                                {currentPath === '/settings' ? 'Settings' : 'Dashboard'}
+                            </BreadcrumbPage>
+                        </BreadcrumbItem>
+                    </BreadcrumbList>
+                </Breadcrumb>
+            </header>
+            <div className="flex flex-1 flex-col gap-4 p-4">
+                {currentPath === '/settings' ? <Settings /> : <Dashboard />}
+            </div>
+          </SidebarInset>
+      </SidebarProvider>
+  );
 }
 
 function App() {
@@ -51,3 +106,4 @@ function App() {
 }
 
 export default App;
+