feat: members page revamp

web/apps/client-demo/src/Router.tsx

@@ -12,6 +12,7 @@ import General from './pages/settings/General';
 import Preferences from './pages/settings/Preferences';
 import Profile from './pages/settings/Profile';
 import Sessions from './pages/settings/Sessions';
+import Members from './pages/settings/Members';
 
 function Router() {
   return (
@@ -30,6 +31,7 @@ function Router() {
           <Route path="preferences" element={<Preferences />} />
           <Route path="profile" element={<Profile />} />
           <Route path="sessions" element={<Sessions />} />
+          <Route path="members" element={<Members />} />
         </Route>
         <Route path="*" element={<Navigate to="/" replace />} />
       </Routes>

web/apps/client-demo/src/pages/Settings.tsx

@@ -1,13 +1,14 @@
 import { useEffect } from 'react';
 import { Flex, Sidebar, Text } from '@raystack/apsara';
-import { Outlet, useParams, useLocation, Navigate } from 'react-router-dom';
+import { Outlet, useParams, useLocation, Navigate, Link } from 'react-router-dom';
 import { useFrontier } from '@raystack/frontier/react';
 
 const NAV_ITEMS = [
   { label: 'General', path: 'general' },
   { label: 'Preferences', path: 'preferences' },
   { label: 'Profile', path: 'profile' },
-  { label: 'Sessions', path: 'sessions' }
+  { label: 'Sessions', path: 'sessions' },
+  { label: 'Members', path: 'members' }
 ];
 
 export default function Settings() {
@@ -49,7 +50,7 @@ export default function Settings() {
               return (
                 <Sidebar.Item
                   key={item.path}
-                  href={fullPath}
+                  as={<Link to={fullPath} />}
                   active={isActive}
                   data-test-id={`[settings-nav-${item.path}]`}
                 >

web/apps/client-demo/src/pages/settings/Members.tsx

@@ -0,0 +1,5 @@
+import { MembersView } from '@raystack/frontier/react';
+
+export default function Members() {
+  return <MembersView />;
+}

web/sdk/package.json

@@ -96,19 +96,16 @@
     "zod": "^3.22.3"
   },
   "dependencies": {
-    "@base-ui/react": "1.2.0",
     "@bufbuild/protobuf": "^2.11.0",
     "@connectrpc/connect": "2.1.1",
     "@connectrpc/connect-query": "2.1.1",
     "@connectrpc/connect-web": "2.1.1",
     "@hookform/resolvers": "^3.10.0",
-    "@raystack/apsara-v1": "npm:@raystack/apsara@1.0.0-rc.1",
     "@raystack/proton": "0.1.0-fcb776fb2962a9a0378ea4216177b7c2686efc15",
     "@tanstack/react-query": "^5.90.2",
     "@tanstack/react-router": "^1.168.3",
     "axios": "^1.9.0",
-    "@raystack/apsara-v1": "npm:@raystack/apsara@1.0.0-rc.1",
-    "@base-ui/react": "1.2.0",
+    "@raystack/apsara-v1": "npm:@raystack/apsara@1.0.0-rc.2",
     "class-variance-authority": "^0.7.1",
     "dayjs": "^1.11.13",
     "lodash": "^4.17.21",

web/sdk/react/index.ts

@@ -34,6 +34,7 @@ export { GeneralView } from './views-new/general';
 export { PreferencesView, PreferenceRow } from './views-new/preferences';
 export { ProfileView } from './views-new/profile';
 export { SessionsView } from './views-new/sessions';
+export { MembersView } from './views-new/members';
 
 export type {
   FrontierClientOptions,