refactor: update tools and module order

smithg09 · smithg09 · commit f5482cf2a109 · 2025-08-16T10:11:56.000+05:30
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>DevBox</title>
+    <title>Devbox</title>
     
     <!-- Geist Font -->
     <link rel="preconnect" href="https://fonts.googleapis.com">
diff --git a/src/App.tsx b/src/App.tsx
@@ -145,7 +145,7 @@ function App() {
   }, [location, setRouteAnimation]);
 
   return (
-    <Box className={classes.appWrapper} role="application" aria-label="DevBox Developer Tools">
+    <Box className={classes.appWrapper} role="application" aria-label="Devbox Developer Tools">
       <PanelGroup direction="horizontal" autoSaveId="devbox-sidebar">
         <Panel
           id="sidebar"
diff --git a/src/components/Settings.tsx b/src/components/Settings.tsx
@@ -98,7 +98,7 @@ export default function Settings() {
                 const proceed = await confirmDialog(
                   "This will reset any stored data and app settings. Continue?",
                   {
-                    title: "Reset DevBox",
+                    title: "Reset Devbox",
                     kind: "warning",
                     okLabel: "Reset",
                     cancelLabel: "Cancel",
@@ -132,7 +132,7 @@ export default function Settings() {
                 }
               }}
             >
-              Reset DevBox
+              Reset Devbox
             </Button>
           </Group>
         </Stack>
@@ -195,7 +195,7 @@ export default function Settings() {
         <Text size="sm" c="dimmed">
           Made with ❤️ by{" "}
           <a href="https://github.com/smithg09/devbox" target="_blank" rel="noopener noreferrer">
-            DevBox
+            Devbox
           </a>
         </Text>
         <Text size="sm" c="dimmed">
diff --git a/src/components/Sidebar/index.tsx b/src/components/Sidebar/index.tsx
@@ -15,7 +15,7 @@ import cx from "clsx";
 import { useLocation, useNavigate } from "react-router-dom";
 import classes from "./styles.module.css";
 
-import { moduleRegistry, ToolModule } from "@/constants/tools";
+import { moduleRegistry } from "@/constants/tools";
 import { useSidebarShortcuts } from "@/hooks/useSidebarShortcuts";
 import { useSidebarState } from "@/hooks/useSidebarState";
 import { isTauri } from "@/utils/isTauri";
@@ -116,9 +116,9 @@ export const Sidebar = ({ collapsed, setCollapsed }: Props) => {
         <Group wrap="nowrap" align="center" gap={2} ml={-4}>
           <Box style={{ color: "#324298" }} p={8} pb={4} size={32}>
             {isTauri() ? (
-              <img src="/logo.png" alt="DevBox" width={32} height={32} />
+              <img src="/logo.png" alt="Devbox" width={32} height={32} />
             ) : (
-              <img src="/logo.png" alt="DevBox" width={38} height={38} />
+              <img src="/logo.png" alt="Devbox" width={38} height={38} />
             )}
           </Box>
           <Text size={theme?.fontSizes?.xl} fw={700} display={collapsed ? "none" : "block"}>
@@ -211,7 +211,6 @@ export const Sidebar = ({ collapsed, setCollapsed }: Props) => {
                 onChange={setOpenedModule}
               >
                 {Object.values(moduleRegistry)
-                  .sort((a: ToolModule, b: ToolModule) => a.order - b.order)
                   .filter(module => sidebarTools.find(tool => tool.module === module.id))
                   .map(module => (
                     <Accordion.Item key={module.id} value={module.id}>
@@ -350,6 +349,23 @@ export const Sidebar = ({ collapsed, setCollapsed }: Props) => {
                 <Box w="80%">
                   <Text size="xs" fw={location.pathname === "/settings" ? "600" : "450"}>
                     Settings
+                    {showDescription && (
+                      <Text
+                        size="11px"
+                        c="dimmed"
+                        mt={2}
+                        w="100%"
+                        styles={{
+                          root: {
+                            whiteSpace: "nowrap",
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                          },
+                        }}
+                      >
+                        Customize your experience
+                      </Text>
+                    )}
                   </Text>
                 </Box>
               </>
diff --git a/src/constants/tools.tsx b/src/constants/tools.tsx
