This description was created by Ellipsis for commit 9f92e774716626b5254808a90b4c0b062848ae5e
Summary:
Redesigned the dashboard with new components, hotkeys, command menus, improved layout and navigation, updated schema path, and fixed Clerk client usage.
Key points:
Redesigned the dashboard with new components, hotkeys, command menus, improved layout and navigation, and updated schema path.
Added @radix-ui/react-scroll-area, geist, react-hotkeys-hook, react-remove-scroll-bar, and zustand to packages/webapp/package.json.
Deleted packages/webapp/src/app/(detail)/dashboard/clusters/[name]/Content.tsx, packages/webapp/src/app/(detail)/dashboard/clusters/[name]/Help.tsx, and packages/webapp/src/app/(detail)/layout.tsx.
Added packages/webapp/src/app/dashboard/clusters/[name]/Content.tsx with updated implementation.
Updated packages/webapp/src/app/dashboard/clusters/[name]/page.tsx to use ContentLayout.
Updated packages/webapp/src/app/dashboard/clusters/clusters.tsx to use FocusList and added command menu integration.
Updated packages/webapp/src/app/dashboard/clusters/new/form.tsx to set initial step to -1 in Stepper.
Updated packages/webapp/src/app/dashboard/clusters/new/page.tsx to use ContentLayout.
Updated packages/webapp/src/app/dashboard/clusters/page.tsx to use ContentLayout.
Added packages/webapp/src/app/dashboard/add-ons/page.tsx, packages/webapp/src/app/dashboard/applications/page.tsx, packages/webapp/src/app/dashboard/datastores/page.tsx, and packages/webapp/src/app/dashboard/integrations/page.tsx with ContentLayout and PlaceholderContent.
Updated packages/webapp/src/app/dashboard/settings/[[...slug]]/page.tsx to use ContentLayout.
Replaced packages/webapp/src/app/dashboard/layout.tsx with DashboardLayout.
Updated packages/webapp/src/app/layout.tsx to use CommandStoreProvider.
Added packages/webapp/src/components/CommandMenu.tsx with command menu implementation.
Added packages/webapp/src/components/DashboardLayout.tsx with sidebar and hotkeys integration.
Added packages/webapp/src/components/FocusList.tsx for focusable list implementation.
Updated packages/webapp/src/components/Header.tsx to use SignInButton with fallbackRedirectUrl.
Updated packages/webapp/src/components/ModeToggle.tsx to add command for toggling theme.
Added packages/webapp/src/components/PlaceholderContent.tsx for placeholder content.
Updated packages/webapp/src/components/UserButton.tsx to use signOut with redirectUrl.
Added packages/webapp/src/components/dashboard/CollapseMenuButton.tsx for collapsible menu button.
Added packages/webapp/src/components/dashboard/CommandNavigate.tsx for command navigation.
Added packages/webapp/src/components/dashboard/ContentLayout.tsx for content layout.
Added packages/webapp/src/components/dashboard/Footer.tsx for footer.
Added packages/webapp/src/components/dashboard/HotkeysHelpDialog.tsx for hotkeys help dialog.
Added packages/webapp/src/components/dashboard/HotkeysNavigate.tsx for hotkeys navigation.
Added packages/webapp/src/components/dashboard/Menu.tsx for sidebar menu.
Added packages/webapp/src/components/dashboard/Navbar.tsx for navbar.
Added packages/webapp/src/components/dashboard/SheetMenu.tsx for sheet menu.
Added packages/webapp/src/components/dashboard/Sidebar.tsx for sidebar.
Added packages/webapp/src/components/dashboard/SidebarToggle.tsx for sidebar toggle.
Added packages/webapp/src/components/dashboard/UserNav.tsx for user navigation.
Added packages/webapp/src/components/ui/command.tsx for command UI components.
Added packages/webapp/src/components/ui/keyboard.tsx for keyboard shortcuts display.
Added packages/webapp/src/components/ui/scroll-area.tsx for scroll area.
Added packages/webapp/src/hooks/useSidebarToggle.ts for sidebar toggle state management.
Added packages/webapp/src/hooks/useStore.ts for Zustand store integration.
Added packages/webapp/src/lib/getMenuList.ts for generating menu list.
Added packages/webapp/src/providers/CommandStoreProvider.tsx for command store context.
Added packages/webapp/src/stores/CommandStore.ts for command store implementation.
Updated packages/webapp/drizzle.config.ts to change schema path.
Fixed Clerk client usage in packages/webapp/src/app/dashboard/page.tsx and packages/webapp/src/app/server/clerk/index.ts by changing clerkClient to clerkClient().
Summary:
Redesigned the dashboard with new components, hotkeys, command menus, improved layout and navigation, updated schema path, and fixed Clerk client usage.
Key points:
@radix-ui/react-scroll-area,geist,react-hotkeys-hook,react-remove-scroll-bar, andzustandtopackages/webapp/package.json.packages/webapp/src/app/(detail)/dashboard/clusters/[name]/Content.tsx,packages/webapp/src/app/(detail)/dashboard/clusters/[name]/Help.tsx, andpackages/webapp/src/app/(detail)/layout.tsx.packages/webapp/src/app/dashboard/clusters/[name]/Content.tsxwith updated implementation.packages/webapp/src/app/dashboard/clusters/[name]/page.tsxto useContentLayout.packages/webapp/src/app/dashboard/clusters/clusters.tsxto useFocusListand added command menu integration.packages/webapp/src/app/dashboard/clusters/new/form.tsxto set initial step to -1 inStepper.packages/webapp/src/app/dashboard/clusters/new/page.tsxto useContentLayout.packages/webapp/src/app/dashboard/clusters/page.tsxto useContentLayout.packages/webapp/src/app/dashboard/add-ons/page.tsx,packages/webapp/src/app/dashboard/applications/page.tsx,packages/webapp/src/app/dashboard/datastores/page.tsx, andpackages/webapp/src/app/dashboard/integrations/page.tsxwithContentLayoutandPlaceholderContent.packages/webapp/src/app/dashboard/settings/[[...slug]]/page.tsxto useContentLayout.packages/webapp/src/app/dashboard/layout.tsxwithDashboardLayout.packages/webapp/src/app/layout.tsxto useCommandStoreProvider.packages/webapp/src/components/CommandMenu.tsxwith command menu implementation.packages/webapp/src/components/DashboardLayout.tsxwith sidebar and hotkeys integration.packages/webapp/src/components/FocusList.tsxfor focusable list implementation.packages/webapp/src/components/Header.tsxto useSignInButtonwithfallbackRedirectUrl.packages/webapp/src/components/ModeToggle.tsxto add command for toggling theme.packages/webapp/src/components/PlaceholderContent.tsxfor placeholder content.packages/webapp/src/components/UserButton.tsxto usesignOutwithredirectUrl.packages/webapp/src/components/dashboard/CollapseMenuButton.tsxfor collapsible menu button.packages/webapp/src/components/dashboard/CommandNavigate.tsxfor command navigation.packages/webapp/src/components/dashboard/ContentLayout.tsxfor content layout.packages/webapp/src/components/dashboard/Footer.tsxfor footer.packages/webapp/src/components/dashboard/HotkeysHelpDialog.tsxfor hotkeys help dialog.packages/webapp/src/components/dashboard/HotkeysNavigate.tsxfor hotkeys navigation.packages/webapp/src/components/dashboard/Menu.tsxfor sidebar menu.packages/webapp/src/components/dashboard/Navbar.tsxfor navbar.packages/webapp/src/components/dashboard/SheetMenu.tsxfor sheet menu.packages/webapp/src/components/dashboard/Sidebar.tsxfor sidebar.packages/webapp/src/components/dashboard/SidebarToggle.tsxfor sidebar toggle.packages/webapp/src/components/dashboard/UserNav.tsxfor user navigation.packages/webapp/src/components/ui/command.tsxfor command UI components.packages/webapp/src/components/ui/keyboard.tsxfor keyboard shortcuts display.packages/webapp/src/components/ui/scroll-area.tsxfor scroll area.packages/webapp/src/hooks/useSidebarToggle.tsfor sidebar toggle state management.packages/webapp/src/hooks/useStore.tsfor Zustand store integration.packages/webapp/src/lib/getMenuList.tsfor generating menu list.packages/webapp/src/providers/CommandStoreProvider.tsxfor command store context.packages/webapp/src/stores/CommandStore.tsfor command store implementation.packages/webapp/drizzle.config.tsto change schema path.packages/webapp/src/app/dashboard/page.tsxandpackages/webapp/src/app/server/clerk/index.tsby changingclerkClienttoclerkClient().Generated with :heart: by ellipsis.dev