feat: add user guide

Author: bajrangCoder

.vitepress/config.mts

@@ -16,10 +16,57 @@ export default defineConfig({
 			themeConfig: {
 				nav: [
 					{ text: "Home", link: "/" },
-					{ text: "Docs", link: "/docs" },
+					{ text: "User Guide", link: "/user-guide/" },
+					{ text: "Plugin Docs", link: "/docs" },
 					{ text: "Tutorials", link: "/tutorials" },
 				],
 				sidebar: {
+					"/user-guide/": [
+						{
+							text: "User Guide",
+							items: [
+								{ text: "Overview", link: "/user-guide/" },
+								{
+									text: "Command Palette",
+									link: "/user-guide/command-palette",
+								},
+								{ text: "File Browser", link: "/user-guide/file-browser" },
+								{ text: "Remote Access", link: "/user-guide/remote-access" },
+								{ text: "Plugins", link: "/user-guide/plugins" },
+								{ text: "Terminal", link: "/user-guide/terminal" },
+								{
+									text: "Settings",
+									link: "/user-guide/settings",
+									collapsed: true,
+									items: [
+										{
+											text: "App Settings",
+											link: "/user-guide/settings/app-settings",
+										},
+										{
+											text: "Editor Settings",
+											link: "/user-guide/settings/editor-settings",
+										},
+										{
+											text: "Terminal Settings",
+											link: "/user-guide/settings/terminal-settings",
+										},
+										{
+											text: "Preview Settings",
+											link: "/user-guide/settings/preview-settings",
+										},
+										{
+											text: "Formatter",
+											link: "/user-guide/settings/formatter",
+										},
+										{ text: "Themes", link: "/user-guide/settings/themes" },
+									],
+								},
+								{ text: "Keybindings", link: "/user-guide/keybindings" },
+								{ text: "QuickTools", link: "/user-guide/quicktools" },
+							],
+						},
+					],
 					"/docs/": [
 						{
 							text: "Getting Started",

biome.json

@@ -6,7 +6,8 @@
 		"useIgnoreFile": false
 	},
 	"files": {
-		"ignoreUnknown": false
+		"ignoreUnknown": false,
+		"includes": ["**", "!.vitepress/cache/**"]
 	},
 	"formatter": {
 		"enabled": true,

bun.lock

@@ -18,5 +18,8 @@
 		"@biomejs/biome": "2.1.2",
 		"vitepress": "^1.2.3",
 		"vue": "^3.4.27"
+	},
+	"dependencies": {
+		"lucide-vue-next": "^0.562.0"
 	}
 }

package.json

@@ -0,0 +1,32 @@
+# Command Palette
+
+The Command Palette is a central hub for accessing various commands in Acode. It allows you to search for and execute commands without navigating through menus.
+
+## Opening the Command Palette
+
+### Keyboard Shortcut
+
+::: tip
+You can open the Command Palette using the standard shortcut:
+**`Ctrl` + `Shift` + `P`**
+:::
+
+### Mobile Devices (QuickTools)
+
+On mobile devices where a physical keyboard might not be present, Acode provides **QuickTools**—a toolbar above the keyboard that contains essential keys like `Ctrl`.
+
+![QuickTools](/quicktools.png)
+
+You can use the `Ctrl` key from QuickTools in combination with the on-screen keyboard to trigger the shortcut.
+
+### Dedicated QuickTools Button
+
+For even faster access, you can add a dedicated **Command Palette** button to your QuickTools bar.
+
+#### How to Configure
+
+1. Go to **Settings** > **App Settings**.
+2. Select **QuickTools**.
+3. In the configuration view, drag and drop the **Command Palette** icon to your active QuickTools bar.
+
+![QuickTools Configure Page](/quicktools_configure_page.png)