update

.app/astro/src/styles/body.scss

@@ -1,3 +1,5 @@
+@import url(../assets//fa-free//css//all.css);
+
 body {
     background: #313131;
     color: white;

.app/astro/src/styles/components/sidebar.scss

@@ -8,13 +8,53 @@ sidebar {
     padding: 20px;
     display: flex;
     flex-direction: column;
-    tab {
+    .sidebar-header {
-        margin-bottom: 6px;
+        margin: 6px 0px 24px 0px;
-        padding: 12px 24px;
+        display: grid;
-        border-radius: 4px;
+        grid-auto-flow: column;
-        font-size: 14px;
+        align-items: center;
-        cursor: pointer;
+        p {margin: 0px}
-        &:hover {background: #282828}
+        .sidebar-header-branding {
-        &.active {background-color: #323232;}
+            display: flex;
+            align-items: center;
+        }
+        .sidebar-toggles {
+            text-align: right;
+            [enableBells="false"], [enableToggle="false"] {display: none}
+            button {
+                fill: white;
+                background: transparent;
+                border: none;
+                padding: 10px 12px;
+                border-radius: 4px;
+                cursor: pointer;
+                &:hover {background: #323232}
+            }
+        }
+    }
+    &.sidebar-size-compact {
+        width: 36px;
+        p {font-size: 0px}
+        .sidebar-header img {display: none}
+        tab {
+            font-size: 0px;
+            padding: 10px !important;
+            i {font-size: 16px}
+        }
+    }
+    .sidebar-tabs {
+        display: flex;
+        flex-direction: column;
+        tab {
+            display: grid;
+            grid-template-columns: 32px auto;
+            margin-bottom: 6px;
+            padding-left: 24px;
+            padding-right: 24px;
+            border-radius: 4px;
+            cursor: pointer;
+            &:hover {background: #282828}
+            &.active {background-color: #323232;}
+        }
     }
 }

.vscode/settings.json

@@ -0,0 +1,2 @@
+{
+}

app/astro/src/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="astro/client" />

package.json

@@ -6,10 +6,13 @@
   "main": ".build/output/electron/app/electron/main/index.js",
   "scripts": {
     "start": "concurrently -k -r \"bun run astro:start\" \"wait-on http://localhost:4321 && bun run electron:start\"",
+    "start:verbose": "concurrently -k -r \"bun run astro:start:verbose\" \"wait-on http://localhost:4321 && bun run electron:start\"",
     "build": "bun run tsc && bun run astro:build && bun run electron:build",
     "tsc": "tsc -p .build/devlopment/tsconfig-build.json",
-    "astro:start": "astro dev --root ./.app/astro/",
+    "astro:start": "astro dev --silent --root ./.app/astro/",
     "astro:build": "astro build --silent --root ./.app/astro/",
+    "astro:start:vertbose": "astro dev --root ./.app/astro/",
+    "astro:build:vertbose": "astro build --root ./.app/astro/",
     "electron:start": "NODE_ENV=development electron .",
     "electron:build": "electron-builder --config ./.build/electron-builder.ts",
     "electron:postinstall": "cd node_modules/electron && bun postinstall"
@@ -18,16 +21,16 @@
     "types": ["bun-types"]
   },
   "dependencies": {
-    "@astrojs/mdx": "^1.0.3",
+    "@astrojs/mdx": "latest",
-    "astro": "^3.0.12",
+    "astro": "latest",
-    "electron-titlebar-respect": "^1.1.2",
+    "electron-titlebar-respect": "latest",
-    "typescript": "^5.2.2"
+    "typescript": "latest"
   },
   "devDependencies": {
-    "concurrently": "^8.2.1",
+    "concurrently": "latest",
     "electron": "latest",
-    "electron-builder": "^24.6.4",
+    "electron-builder": "latest",
-    "sass": "^1.66.1",
+    "sass": "latest",
-    "wait-on": "^7.0.1"
+    "wait-on": "latest"
   }
 }