fix(renderer): simplify sidebar and reset page errors

src/renderer/components/ui/hooks.tsx

@@ -66,11 +66,33 @@ export function useReducedMotion() {
 /*  ErrorBoundary                                                      */
 /* ------------------------------------------------------------------ */
 
-export class ErrorBoundary extends Component<{ children: ReactNode; fallback?: ReactNode }, { hasError: boolean; error: Error | null }> {
-  constructor(props: { children: ReactNode; fallback?: ReactNode }) {
+type ErrorBoundaryResetKey = string | number | null | undefined;
+
+interface ErrorBoundaryProps {
+  children: ReactNode;
+  fallback?: ReactNode;
+  resetKey?: ErrorBoundaryResetKey;
+}
+
+interface ErrorBoundaryState {
+  hasError: boolean;
+  error: Error | null;
+  resetKey: ErrorBoundaryResetKey;
+}
+
+export class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+  constructor(props: ErrorBoundaryProps) {
     super(props);
-    this.state = { hasError: false, error: null };
+    this.state = { hasError: false, error: null, resetKey: props.resetKey };
   }
+
+  static getDerivedStateFromProps(props: ErrorBoundaryProps, state: ErrorBoundaryState) {
+    if (props.resetKey !== state.resetKey) {
+      return { hasError: false, error: null, resetKey: props.resetKey };
+    }
+    return null;
+  }
+
   static getDerivedStateFromError(error: Error) {
     return { hasError: true, error };
   }

src/renderer/hooks/useUIController.ts

@@ -7,7 +7,7 @@ import { useAppStore } from "../state/store";
 import { useFocusTrap, useReducedMotion } from "../components/ui";
 import { SquaresFour } from "../components/ui/icons";
 import {
-  SETTINGS_NAV_ITEM_DEF,
+  COMMAND_PALETTE_NAV_ITEM_DEFS,
   SIDEBAR_NAV_GROUP_DEFS,
   type NavItemDef,
 } from "../navigation";
@@ -44,8 +44,8 @@ export function useUIController() {
     [sidebarGroups],
   );
   const navItems: NavItem[] = useMemo(
-    () => sidebarNav.concat(toNavItem(SETTINGS_NAV_ITEM_DEF, t)),
-    [sidebarNav, t],
+    () => COMMAND_PALETTE_NAV_ITEM_DEFS.map((item) => toNavItem(item, t)),
+    [t],
   );
 
   const {

src/renderer/navigation.ts

@@ -60,55 +60,26 @@ export const SECTION_NAV_IDS = Object.keys(SECTION_NAV_ITEM_DEFS) as SectionId[]
 
 export const SIDEBAR_NAV_GROUP_DEFS = [
   {
-    id: "company",
+    id: "primary",
     items: [
       SECTION_NAV_ITEM_DEFS.overview,
       SECTION_NAV_ITEM_DEFS.inbox,
-      SECTION_NAV_ITEM_DEFS.standup,
-      SECTION_NAV_ITEM_DEFS.performance,
-    ],
-  },
-  {
-    id: "organization",
-    items: [
-      SECTION_NAV_ITEM_DEFS.agents,
-      SECTION_NAV_ITEM_DEFS.hiring,
-      SECTION_NAV_ITEM_DEFS.goals,
-      SECTION_NAV_ITEM_DEFS.projects,
-    ],
-  },
-  {
-    id: "execution",
-    items: [
       SECTION_NAV_ITEM_DEFS.tasks,
       SECTION_NAV_ITEM_DEFS.approvals,
-      SECTION_NAV_ITEM_DEFS.runs,
-      SECTION_NAV_ITEM_DEFS.costs,
-      SECTION_NAV_ITEM_DEFS.activity,
     ],
   },
   {
-    id: "operations",
-    items: [
-      SECTION_NAV_ITEM_DEFS.workspaces,
-      SECTION_NAV_ITEM_DEFS.documents,
-      SECTION_NAV_ITEM_DEFS.knowledge,
-      SECTION_NAV_ITEM_DEFS.automation,
-      SECTION_NAV_ITEM_DEFS.connectors,
-    ],
-  },
-  {
-    id: "collaboration",
+    id: "company",
     items: [
+      SECTION_NAV_ITEM_DEFS.agents,
       SECTION_NAV_ITEM_DEFS.communication,
-      SECTION_NAV_ITEM_DEFS.meetings,
-      SECTION_NAV_ITEM_DEFS.sprints,
-      SECTION_NAV_ITEM_DEFS.social,
-      SECTION_NAV_ITEM_DEFS.skills,
+      SECTION_NAV_ITEM_DEFS.documents,
     ],
   },
 ] as const satisfies readonly NavGroupDef[];
 
+export const COMMAND_PALETTE_NAV_ITEM_DEFS = SECTION_NAV_IDS.map((id) => SECTION_NAV_ITEM_DEFS[id]);
+
 export const SETTINGS_NAV_ITEM_DEF = SECTION_NAV_ITEM_DEFS.settings;
 
 export const DASHBOARD_NAV_TARGETS = [

src/renderer/views/SectionContentView.tsx

@@ -38,7 +38,7 @@ export function SectionContentView({ section, error, pageTransition }: SectionCo
         ) : null}
 
         <div className={isCommunication ? "flex min-h-0 flex-1 flex-col" : "min-h-0 flex-1"}>
-          <ErrorBoundary>
+          <ErrorBoundary resetKey={section}>
             <AnimatePresence mode="wait">
               <motion.div
                 key={section}