@peers-app/peers-ui 0.25.1 → 0.25.3

package/src/tabs-layout/tabs-state.ts

@@ -7,9 +7,16 @@ import {
   observable,
 } from "@peers-app/peers-sdk";
 import { _mainContentPath } from "../globals";
+import {
+  canonicalizeRoute,
+  IDENTITY_APP_PATH,
+  isIdentityPath,
+  parseRoute,
+} from "../screens/identity/identity-routes";
 import { systemPackage } from "../system-apps";
 import { allPackages, type IPackageWithNavs } from "../ui-router/routes-loader";
 
+/** One top-level app tab. */
 export interface TabState {
   tabId: string;
   packageId?: string; // 'launcher' for app launcher tab
@@ -18,6 +25,7 @@ export interface TabState {
   iconClassName?: string;
 }
 
+/** The app launcher tab. It is always present and cannot be closed. */
 export const launcherApp: TabState = {
   tabId: "launcher",
   packageId: "launcher",
@@ -39,7 +47,13 @@ const _persistentRecentlyUsedApps = groupUserVar<string[]>("recentlyUsedApps", {
   defaultValue: [],
 });
 
+let finishNavigationRestore: () => void = () => {};
+const navigationReady = new Promise<void>((resolve) => {
+  finishNavigationRestore = resolve;
+});
+
 // In-memory observables for UI state (loaded once, then write-through to persistent vars)
+/** Open tabs. Writes through to device storage after the initial restore. */
 export const activeTabs: Observable<TabState[]> & { loadingPromise: Promise<void> } = (() => {
   const obs = observable<TabState[]>([launcherApp]);
 
@@ -48,14 +62,10 @@ export const activeTabs: Observable<TabState[]> & { loadingPromise: Promise<void
     _persistentActiveTabs(value);
   });
 
-  // Load initial value once
-  const loadingPromise = _persistentActiveTabs.loadingPromise.then(() => {
-    obs(_persistentActiveTabs());
-  });
-
-  return Object.assign(obs, { loadingPromise });
+  return Object.assign(obs, { loadingPromise: navigationReady });
 })();
 
+/** Id of the tab whose path is showing. */
 export const activeTabId: Observable<string> & { loadingPromise: Promise<void> } = (() => {
   const obs = observable<string>("launcher");
 
@@ -64,14 +74,10 @@ export const activeTabId: Observable<string> & { loadingPromise: Promise<void> }
     _persistentActiveTabId(value);
   });
 
-  // Load initial value once
-  const loadingPromise = _persistentActiveTabId.loadingPromise.then(() => {
-    obs(_persistentActiveTabId());
-  });
-
-  return Object.assign(obs, { loadingPromise });
+  return Object.assign(obs, { loadingPromise: navigationReady });
 })();
 
+/** App roots recently opened from the launcher, newest first. */
 export const recentlyUsedApps: Observable<string[]> & { loadingPromise: Promise<void> } = (() => {
   const obs = observable<string[]>([]);
 
@@ -80,85 +86,163 @@ export const recentlyUsedApps: Observable<string[]> & { loadingPromise: Promise<
     _persistentRecentlyUsedApps(value);
   });
 
-  // Load initial value once
-  const loadingPromise = _persistentRecentlyUsedApps.loadingPromise.then(() => {
-    obs(_persistentRecentlyUsedApps());
-  });
-
-  return Object.assign(obs, { loadingPromise });
+  return Object.assign(obs, { loadingPromise: navigationReady });
 })();
 
+void Promise.all([
+  _persistentActiveTabs.loadingPromise,
+  _persistentActiveTabId.loadingPromise,
+  _persistentRecentlyUsedApps.loadingPromise,
+]).then(() => {
+  const restored = restoreNavigationState(_persistentActiveTabs(), _persistentActiveTabId());
+  activeTabs(restored.tabs);
+  if (activeTabId() !== restored.activeId) {
+    activeTabId(restored.activeId);
+  }
+  recentlyUsedApps(migrateRecentPaths(_persistentRecentlyUsedApps()));
+  finishNavigationRestore();
+});
+
+/** Tab ids whose bodies have been mounted at least once. */
 export const initializedTabs = new Set<string>();
 
-export function goToTabPath(path: string) {
-  const tab = activeTabs().find((t) => t.path === path);
-  if (tab) {
-    activeTabId(tab.tabId);
-  } else {
-    const appInfo = determineAppFromPath(path);
-    if (appInfo) {
-      openNewTab({
-        path: path,
-        title: appInfo.navItem.displayName || appInfo.navItem.name,
-        packageId: appInfo.package.packageId,
-        iconClassName: appInfo.navItem.iconClassName,
-      });
-    } else {
-      // No app matched — navigate by updating the active tab's path (e.g. deep link).
-      // Must replace the tab object (immutable): TabContentRenderer is memoized on tab.path,
-      // and mutating in place makes prev/next props compare equal so Router never re-renders.
-      const currentTabId = activeTabId();
-      const currentTabs = activeTabs();
-      const idx = currentTabs.findIndex((t) => t.tabId === currentTabId);
-      if (idx >= 0 && currentTabs[idx].path !== "") {
-        const prev = currentTabs[idx];
-        const newTabs = [...currentTabs];
-        newTabs[idx] = { ...prev, path };
-        activeTabs(newTabs);
-        if (prev.packageId !== "launcher") {
-          _mainContentPath(path);
-        }
-      } else {
-        openNewTab({
-          path: path,
-          title: "New Tab",
-          packageId: "system-apps",
-          iconClassName: "bi-question-circle",
-        });
+/** Options for {@link navigateTo}. */
+export interface NavigateOptions {
+  /**
+   * When the requested path is an app's root and that app is already open,
+   * activate the existing tab without resetting its section.
+   */
+  preserveSectionOnAppRoot?: boolean;
+}
+
+/**
+ * Open a path in the tab that owns its app.
+ *
+ * Legacy identity aliases are rewritten first. A route owned by the current
+ * app replaces that tab's path. A route owned by another open app activates
+ * that app's tab. Otherwise a new tab is opened.
+ *
+ * @param rawPath - Requested route, with or without a query string.
+ * @param options - App-root behavior. Launcher opens preserve the current section.
+ */
+export function navigateTo(rawPath: string, options?: NavigateOptions) {
+  const requestedPathname = parseRoute(rawPath).pathname;
+  if (!requestedPathname) {
+    const launcher = activeTabs().find((tab) => tab.tabId === "launcher") ?? activeTabs()[0];
+    if (launcher && activeTabId() !== launcher.tabId) {
+      activeTabId(launcher.tabId);
+    }
+    return;
+  }
+
+  const next = canonicalizeRoute(rawPath);
+  const app = determineAppFromPath(next);
+  if (options?.preserveSectionOnAppRoot && app && isAppRootRequest(requestedPathname, app)) {
+    const existing = findTabForApp(app);
+    if (existing) {
+      if (activeTabId() !== existing.tabId) {
+        activeTabId(existing.tabId);
       }
+      rememberRecentApp(existing.path);
+      return;
     }
   }
+
+  if (!app || app.package.packageId === "launcher") {
+    openUnresolved(next);
+    return;
+  }
+
+  const current = activeTabs().find((tab) => tab.tabId === activeTabId());
+  const currentApp = current ? determineAppFromPath(current.path) : undefined;
+  if (current && current.packageId !== "launcher" && currentApp && sameApp(currentApp, app)) {
+    showTab(current.tabId, next);
+    return;
+  }
+
+  const existing = findTabForApp(app);
+  if (existing) {
+    showTab(existing.tabId, next);
+    return;
+  }
+
+  openNewTab({
+    path: next,
+    title: app.navItem.displayName || app.navItem.name,
+    packageId: app.package.packageId,
+    iconClassName: app.navItem.iconClassName,
+  });
+}
+
+/**
+ * Open an app or path from the launcher.
+ *
+ * Choosing an app that is already open keeps the section the user was on.
+ *
+ * @param path - App root or deep link.
+ */
+export function goToTabPath(path: string) {
+  navigateTo(path, { preserveSectionOnAppRoot: true });
 }
 
+/**
+ * Apply a {@link mainContentPath} write to the open tabs.
+ *
+ * @param _oldPath - Previous route. Retained for existing call sites.
+ * @param newPath - Requested route.
+ * @param _setNewMainPath - Direct path setter. Navigation updates the path itself.
+ */
 export const handleMainPathChanged = (
-  oldPath: string,
+  _oldPath: string,
   newPath: string,
-  setNewMainPath: (path: string) => void,
+  _setNewMainPath: (path: string) => void,
 ) => {
-  const oldPathPart = oldPath.toLowerCase().trim().split("?")[0];
-  const newPathPart = newPath.toLowerCase().trim().split("?")[0];
-  const currentTab = activeTabs().find((t) => t.tabId === activeTabId());
-  if (oldPathPart === newPathPart || (currentTab && currentTab.path === newPath)) {
-    // nothing to do
-    setNewMainPath(newPath);
-    return;
-  }
+  navigateTo(newPath);
+};
 
-  const appInfo = determineAppFromPath(newPath);
-  if (appInfo && oldPath !== "") {
-    openNewTab({
-      path: newPath,
-      title: appInfo.navItem.displayName || appInfo.navItem.name,
-      packageId: appInfo.package.packageId,
-      iconClassName: appInfo.navItem.iconClassName,
-    });
-  } else {
-    setNewMainPath(newPath);
+/**
+ * Rewrite stored tabs onto canonical routes.
+ *
+ * Contacts, Groups, and Devices tabs from before the Identity app become one
+ * Identity tab. The active tab is kept when it is one of those duplicates.
+ *
+ * @param tabs - Persisted tabs.
+ * @param activeId - Persisted active tab id.
+ */
+export function restoreNavigationState(
+  tabs: TabState[],
+  activeId: string,
+): { tabs: TabState[]; activeId: string } {
+  const migrated = (tabs.length > 0 ? tabs : [launcherApp]).map(migrateStoredTab);
+  const merged = mergeIdentityTabs(migrated, activeId);
+  const activeExists = merged.tabs.some((tab) => tab.tabId === merged.activeId);
+  return {
+    tabs: merged.tabs,
+    activeId: activeExists ? merged.activeId : merged.tabs[0].tabId,
+  };
+}
+
+/**
+ * Map a stored recent-app path onto the current app root.
+ *
+ * @param path - Persisted recent path, possibly a legacy alias.
+ */
+export function migrateRecentPath(path: string): string {
+  const canonical = canonicalizeRoute(path);
+  if (isIdentityPath(canonical)) {
+    return IDENTITY_APP_PATH;
   }
-};
+  return canonical;
+}
 
 type AppInfo = { navItem: IAppNav; package: IPackageWithNavs };
 
+/**
+ * Resolve the app that owns a route.
+ *
+ * @param path - Route, with or without a query string.
+ * @returns The matching app, the launcher for an empty path, or `undefined`.
+ */
 export function determineAppFromPath(path: string): AppInfo | undefined {
   const launcherInfo = {
     navItem: {
@@ -230,7 +314,138 @@ export function determineAppFromPath(path: string): AppInfo | undefined {
   return undefined;
 }
 
-// Utility function for detail screens to update the active tab's title
+function appKey(app: AppInfo): string {
+  const nav = app.navItem.navigationPath || app.navItem.name.toLowerCase();
+  return `${app.package.packageId}:${nav}`;
+}
+
+function sameApp(left: AppInfo, right: AppInfo): boolean {
+  return appKey(left) === appKey(right);
+}
+
+function isAppRootRequest(pathname: string, app: AppInfo): boolean {
+  const nav = (app.navItem.navigationPath || app.navItem.name).toLowerCase();
+  return pathname.toLowerCase() === nav;
+}
+
+function findTabForApp(app: AppInfo): TabState | undefined {
+  const key = appKey(app);
+  return activeTabs().find((tab) => {
+    const info = determineAppFromPath(tab.path);
+    return info ? appKey(info) === key : false;
+  });
+}
+
+/**
+ * Replace a tab's path immutably so the memoized tab body re-renders.
+ * Activating a different tab lets the tab subscription publish the path.
+ */
+function showTab(tabId: string, path: string) {
+  const tabs = activeTabs();
+  const index = tabs.findIndex((tab) => tab.tabId === tabId);
+  if (index < 0) {
+    return;
+  }
+  const current = tabs[index];
+  if (current.path !== path) {
+    const nextTabs = [...tabs];
+    nextTabs[index] = { ...current, path };
+    activeTabs(nextTabs);
+  }
+  if (activeTabId() !== tabId) {
+    activeTabId(tabId);
+  } else if (_mainContentPath() !== path) {
+    _mainContentPath(path);
+  }
+  rememberRecentApp(path);
+}
+
+function openUnresolved(path: string) {
+  const current = activeTabs().find((tab) => tab.tabId === activeTabId());
+  if (current && current.packageId === "system-apps") {
+    showTab(current.tabId, path);
+    return;
+  }
+  openNewTab({
+    path,
+    title: "New Tab",
+    packageId: "system-apps",
+    iconClassName: "bi-question-circle",
+  });
+}
+
+function rememberRecentApp(path: string) {
+  const app = determineAppFromPath(canonicalizeRoute(path));
+  if (!app || app.package.packageId === "launcher") {
+    return;
+  }
+  const recentPath =
+    app.package.packageId === systemPackage.packageId ? app.navItem.navigationPath || path : path;
+  if (!recentPath) {
+    return;
+  }
+  const recent = recentlyUsedApps();
+  const filtered = recent.filter((entry) => entry !== recentPath);
+  const next = [recentPath, ...filtered].slice(0, 8);
+  if (next.length === recent.length && next.every((entry, index) => entry === recent[index])) {
+    return;
+  }
+  recentlyUsedApps(next);
+}
+
+function migrateStoredTab(tab: TabState): TabState {
+  const path = canonicalizeRoute(tab.path);
+  if (path === tab.path) {
+    return tab;
+  }
+  const app = determineAppFromPath(path);
+  const identity = app?.navItem.navigationPath === IDENTITY_APP_PATH;
+  return {
+    ...tab,
+    path,
+    packageId: app?.package.packageId ?? tab.packageId,
+    title: identity ? app?.navItem.displayName || app?.navItem.name || tab.title : tab.title,
+    iconClassName: identity ? app?.navItem.iconClassName || tab.iconClassName : tab.iconClassName,
+  };
+}
+
+function mergeIdentityTabs(
+  tabs: TabState[],
+  activeId: string,
+): { tabs: TabState[]; activeId: string } {
+  const identityTabs = tabs.filter((tab) => isIdentityPath(tab.path));
+  if (identityTabs.length <= 1) {
+    return { tabs, activeId };
+  }
+  const keeper = identityTabs.find((tab) => tab.tabId === activeId) ?? identityTabs[0];
+  const remove = new Set(
+    identityTabs.filter((tab) => tab.tabId !== keeper.tabId).map((tab) => tab.tabId),
+  );
+  return {
+    tabs: tabs.filter((tab) => !remove.has(tab.tabId)),
+    activeId: remove.has(activeId) ? keeper.tabId : activeId,
+  };
+}
+
+function migrateRecentPaths(paths: string[]): string[] {
+  const seen = new Set<string>();
+  const next: string[] = [];
+  for (const path of paths) {
+    const migrated = migrateRecentPath(path);
+    if (!migrated || seen.has(migrated)) {
+      continue;
+    }
+    seen.add(migrated);
+    next.push(migrated);
+  }
+  return next.slice(0, 8);
+}
+
+/**
+ * Set the active tab's title.
+ *
+ * @param newTitle - Title shown on the tab strip.
+ */
 export const updateActiveTabTitle = (newTitle: string) => {
   // TODO Fix this to use a more reliable update mechanism
   //      using setTimeout to get around a race condition for setting title on new tabs
@@ -261,7 +476,12 @@ export const setSingleTabMode = (enabled: boolean) => {
   singleTabModeEnabled = enabled;
 };
 
-// Global function to open content in new tab
+/**
+ * Open a tab, or activate an existing tab with the same package and path.
+ *
+ * @param tab - Tab contents. `tabId` is assigned here.
+ * @param forceNew - When true, always append a tab instead of reusing one.
+ */
 export const openNewTab = (tab: Omit<TabState, "tabId">, forceNew = false) => {
   const newTab: TabState = {
     ...tab,
@@ -296,15 +516,12 @@ export const openNewTab = (tab: Omit<TabState, "tabId">, forceNew = false) => {
     activeTabId(newTab.tabId);
   }
 
-  // Update recently used (track by path instead of packageId)
   if (tab.path && tab.packageId !== "launcher") {
-    const recent = recentlyUsedApps();
-    const filtered = recent.filter((path) => path !== tab.path);
-    recentlyUsedApps([tab.path, ...filtered].slice(0, 8));
+    rememberRecentApp(tab.path);
   }
 };
 
-// Close the current active tab (but not launcher)
+/** Close the active tab. The launcher tab stays open. */
 export const closeCurrentTab = () => {
   const currentTabs = activeTabs();
   const _activeTabId = activeTabId();
@@ -326,7 +543,7 @@ export const closeCurrentTab = () => {
   }
 };
 
-// Navigate to next tab
+/** Activate the next open tab, wrapping around. */
 export const switchToNextTab = () => {
   const currentTabs = activeTabs();
   const activeTab = activeTabId();
@@ -338,7 +555,7 @@ export const switchToNextTab = () => {
   activeTabId(currentTabs[nextIndex].tabId);
 };
 
-// Navigate to previous tab
+/** Activate the previous open tab, wrapping around. */
 export const switchToPreviousTab = () => {
   const currentTabs = activeTabs();
   const activeTab = activeTabId();

package/dist/screens/invites/invites-screen.d.ts

@@ -1,9 +0,0 @@
-/** Screen props supplied by the router. */
-export interface InvitesScreenProps {
-    /** When `true`, the Accept panel starts open (the `invites/accept` route). */
-    accept?: boolean;
-}
-/**
- * Invites hub: accept a pasted/scanned/deep-linked invite and review everything pending.
- */
-export declare function InvitesScreen(props: InvitesScreenProps): import("react/jsx-runtime").JSX.Element;

package/dist/screens/invites/invites-screen.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InvitesScreen = InvitesScreen;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ui_loader_1 = require("../../ui-router/ui-loader");
-const accept_invite_1 = require("./accept-invite");
-const invite_capture_1 = require("./invite-capture");
-const pending_invites_list_1 = require("./pending-invites-list");
-/**
- * Invites hub: accept a pasted/scanned/deep-linked invite and review everything pending.
- */
-function InvitesScreen(props) {
-    const [accepting, setAccepting] = (0, react_1.useState)(Boolean(props.accept || (0, invite_capture_1.peekPendingInvite)()));
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "container-fluid p-3", style: { maxWidth: 720 }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex justify-content-between align-items-center mb-3", children: [(0, jsx_runtime_1.jsxs)("h4", { className: "mb-0", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-envelope-paper me-2" }), "Invites"] }), !accepting ? ((0, jsx_runtime_1.jsxs)("button", { type: "button", className: "btn btn-primary btn-sm", onClick: () => setAccepting(true), children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-box-arrow-in-right me-1" }), "Accept an invite"] })) : null] }), accepting ? ((0, jsx_runtime_1.jsx)("div", { className: "card mb-4", children: (0, jsx_runtime_1.jsxs)("div", { className: "card-body", children: [(0, jsx_runtime_1.jsx)("h6", { className: "card-title", children: "Accept an invite" }), (0, jsx_runtime_1.jsx)(accept_invite_1.AcceptInvite, { onDone: () => setAccepting(false) })] }) })) : null, (0, jsx_runtime_1.jsx)(pending_invites_list_1.PendingInvitesList, { title: "Waiting on you or others" }), (0, jsx_runtime_1.jsxs)("details", { className: "mt-3", children: [(0, jsx_runtime_1.jsx)("summary", { className: "small text-muted", style: { cursor: "pointer" }, children: "Recent history" }), (0, jsx_runtime_1.jsx)("div", { className: "mt-2", children: (0, jsx_runtime_1.jsx)(pending_invites_list_1.PendingInvitesList, { statuses: ["accepted", "declined", "expired", "revoked"] }) })] })] }));
-}
-(0, ui_loader_1.registerInternalPeersUI)({
-    peersUIId: "00invites0screen000000001",
-    component: InvitesScreen,
-    routes: [
-        {
-            isMatch: (props, context) => {
-                if (context.path === "invites") {
-                    return true;
-                }
-                if (context.path === invite_capture_1.ACCEPT_INVITE_PATH) {
-                    props.accept = true;
-                    return true;
-                }
-                return false;
-            },
-            uiCategory: "screen",
-            priority: 2,
-        },
-    ],
-});

package/dist/system-apps/account.app.d.ts

@@ -1,2 +0,0 @@
-import type { IAppNav } from "@peers-app/peers-sdk";
-export declare const accountApp: IAppNav;

package/dist/system-apps/account.app.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.accountApp = void 0;
-exports.accountApp = {
-    name: "Account",
-    iconClassName: "bi-person-circle",
-    navigationPath: "account",
-};

package/dist/system-apps/contacts.app.d.ts

@@ -1,2 +0,0 @@
-import type { IAppNav } from "@peers-app/peers-sdk";
-export declare const contactsApp: IAppNav;

package/dist/system-apps/contacts.app.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.contactsApp = void 0;
-exports.contactsApp = {
-    name: "Contacts",
-    displayName: "Contacts",
-    iconClassName: "bi-person-fill-check",
-    navigationPath: "contacts",
-};

package/dist/system-apps/groups.app.d.ts

@@ -1,2 +0,0 @@
-import type { IAppNav } from "@peers-app/peers-sdk";
-export declare const groupsApp: IAppNav;

package/dist/system-apps/groups.app.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.groupsApp = void 0;
-exports.groupsApp = {
-    name: "Groups",
-    displayName: "Groups",
-    iconClassName: "bi-people-fill",
-    navigationPath: "groups",
-};

package/dist/system-apps/invites.app.d.ts

@@ -1,2 +0,0 @@
-import type { IAppNav } from "@peers-app/peers-sdk";
-export declare const invitesApp: IAppNav;

package/dist/system-apps/invites.app.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.invitesApp = void 0;
-exports.invitesApp = {
-    name: "Invites",
-    displayName: "Invites",
-    iconClassName: "bi-envelope-paper",
-    navigationPath: "invites",
-};

package/src/screens/invites/invites-screen.tsx

@@ -1,78 +0,0 @@
-import { useState } from "react";
-import { registerInternalPeersUI } from "../../ui-router/ui-loader";
-import { AcceptInvite } from "./accept-invite";
-import { ACCEPT_INVITE_PATH, peekPendingInvite } from "./invite-capture";
-import { PendingInvitesList } from "./pending-invites-list";
-
-/** Screen props supplied by the router. */
-export interface InvitesScreenProps {
-  /** When `true`, the Accept panel starts open (the `invites/accept` route). */
-  accept?: boolean;
-}
-
-/**
- * Invites hub: accept a pasted/scanned/deep-linked invite and review everything pending.
- */
-export function InvitesScreen(props: InvitesScreenProps) {
-  const [accepting, setAccepting] = useState(Boolean(props.accept || peekPendingInvite()));
-  return (
-    <div className="container-fluid p-3" style={{ maxWidth: 720 }}>
-      <div className="d-flex justify-content-between align-items-center mb-3">
-        <h4 className="mb-0">
-          <i className="bi bi-envelope-paper me-2" />
-          Invites
-        </h4>
-        {!accepting ? (
-          <button
-            type="button"
-            className="btn btn-primary btn-sm"
-            onClick={() => setAccepting(true)}
-          >
-            <i className="bi bi-box-arrow-in-right me-1" />
-            Accept an invite
-          </button>
-        ) : null}
-      </div>
-
-      {accepting ? (
-        <div className="card mb-4">
-          <div className="card-body">
-            <h6 className="card-title">Accept an invite</h6>
-            <AcceptInvite onDone={() => setAccepting(false)} />
-          </div>
-        </div>
-      ) : null}
-
-      <PendingInvitesList title="Waiting on you or others" />
-      <details className="mt-3">
-        <summary className="small text-muted" style={{ cursor: "pointer" }}>
-          Recent history
-        </summary>
-        <div className="mt-2">
-          <PendingInvitesList statuses={["accepted", "declined", "expired", "revoked"]} />
-        </div>
-      </details>
-    </div>
-  );
-}
-
-registerInternalPeersUI({
-  peersUIId: "00invites0screen000000001",
-  component: InvitesScreen,
-  routes: [
-    {
-      isMatch: (props, context) => {
-        if (context.path === "invites") {
-          return true;
-        }
-        if (context.path === ACCEPT_INVITE_PATH) {
-          props.accept = true;
-          return true;
-        }
-        return false;
-      },
-      uiCategory: "screen",
-      priority: 2,
-    },
-  ],
-});

package/src/system-apps/account.app.ts

@@ -1,7 +0,0 @@
-import type { IAppNav } from "@peers-app/peers-sdk";
-
-export const accountApp: IAppNav = {
-  name: "Account",
-  iconClassName: "bi-person-circle",
-  navigationPath: "account",
-};