reorder menu

apps/kilocode-docs/docs/basic-usage/autocomplete.md → apps/kilocode-docs/docs/basic-usage/autocomplete/index.md

@@ -1,6 +1,7 @@
 ---
 title: Autocomplete
 sidebar_position: 4
+slug: /basic-usage/autocomplete
 ---
 
 # Autocomplete
@@ -102,4 +103,4 @@ If using Cursor, go to **Settings** > **Cursor Settings** > **Tab**, and toggle
 
 ## Related Features
 
-- [Code Actions](../features/code-actions) - Context menu options for common coding tasks
+- [Code Actions](/features/code-actions) - Context menu options for common coding tasks

apps/kilocode-docs/docs/basic-usage/autocomplete-mistral-setup.md → apps/kilocode-docs/docs/basic-usage/autocomplete/mistral-setup.md

@@ -1,6 +1,6 @@
 ---
 title: Setting Up Mistral for Free Autocomplete
-sidebar_position: 4.1
+sidebar_position: 1
 ---
 
 # Setting Up Mistral for Free Autocomplete
@@ -11,64 +11,64 @@ This guide walks you through setting up Mistral's Codestral model for free autoc
 
 In VS Code, open the Kilo Code panel and click the **Settings** icon (gear) in the top-right corner.
 
-![Open Kilo Code Settings](./autocomplete-mistral-setup/01-open-kilo-code-settings.png)
+![Open Kilo Code Settings](./mistral-setup/01-open-kilo-code-settings.png)
 
 ## Step 2: Add a New Configuration Profile
 
 Navigate to **Settings → Providers** and click **Add Profile** to create a new configuration profile for Mistral.
 
-![Add Configuration Profile](./autocomplete-mistral-setup/02-add-configuration-profile.png)
+![Add Configuration Profile](./mistral-setup/02-add-configuration-profile.png)
 
 ## Step 3: Name Your Profile
 
 In the "New Configuration Profile" dialog, enter a name like "Mistral profile" and click **Create Profile**.
 
-![Create Mistral Profile](./autocomplete-mistral-setup/03-name-your-profile.png)
+![Create Mistral Profile](./mistral-setup/03-name-your-profile.png)
 
 ## Step 4: Select Mistral as Provider
 
 In the **API Provider** dropdown, search for and select **Mistral**.
 
-![Select Mistral Provider](./autocomplete-mistral-setup/04-select-mistral-provider.png)
+![Select Mistral Provider](./mistral-setup/04-select-mistral-provider.png)
 
 ## Step 5: Get Your API Key
 
 You'll see a warning that you need a valid API key. Click **Get Mistral / Codestral API Key** to open the Mistral console.
 
-![Get API Key Button](./autocomplete-mistral-setup/05-get-api-key.png)
+![Get API Key Button](./mistral-setup/05-get-api-key.png)
 
 ## Step 6: Navigate to Codestral in Mistral AI Studio
 
 In the Mistral AI Studio sidebar, click **Codestral** under the Code section.
 
-![Select Codestral](./autocomplete-mistral-setup/06-navigate-to-codestral.png)
+![Select Codestral](./mistral-setup/06-navigate-to-codestral.png)
 
 ## Step 7: Generate API Key
 
 Click the **Generate API Key** button to create your new Codestral API key.
 
-![Confirm Generate](./autocomplete-mistral-setup/07-confirm-key-generation.png)
+![Confirm Generate](./mistral-setup/07-confirm-key-generation.png)
 
 ## Step 8: Copy Your API Key
 
 Once generated, click the **copy** button next to your API key to copy it to your clipboard.
 
-![Copy API Key](./autocomplete-mistral-setup/08-copy-api-key.png)
+![Copy API Key](./mistral-setup/08-copy-api-key.png)
 
 ## Step 9: Paste API Key in Kilo Code
 
 Return to Kilo Code settings and paste your API key into the **Mistral API Key** field.
 
-![Paste API Key](./autocomplete-mistral-setup/09-paste-api-key.png)
+![Paste API Key](./mistral-setup/09-paste-api-key.png)
 
 ## Step 10: Save Your Settings
 
 Click **Save** to apply your Mistral configuration. You're now ready to use free autocomplete!
 
-![Save Settings](./autocomplete-mistral-setup/10-save-settings.png)
+![Save Settings](./mistral-setup/10-save-settings.png)
 
 ## Next Steps
 
-- Learn more about [Autocomplete features](./autocomplete.md)
-- Explore [triggering options](./autocomplete.md#triggering-options) for autocomplete
-- Check out [best practices](./autocomplete.md#best-practices) for optimal results
+- Learn more about [Autocomplete features](./index.md)
+- Explore [triggering options](./index.md#triggering-options) for autocomplete
+- Check out [best practices](./index.md#best-practices) for optimal results

apps/kilocode-docs/i18n/zh-CN/docusaurus-plugin-content-docs/current/basic-usage/autocomplete.md → apps/kilocode-docs/i18n/zh-CN/docusaurus-plugin-content-docs/current/basic-usage/autocomplete/index.md

@@ -1,6 +1,7 @@
 ---
 title: 自动补全
 sidebar_position: 4
+slug: /basic-usage/autocomplete
 ---
 
 # 自动补全
@@ -39,10 +40,10 @@ Kilo Code 的自动补全功能在您输入时提供智能代码建议和补全
 
 **示例：**
 
-- “创建具有这些属性的 React 组件”
-- “为这个函数添加错误处理”
-- “转换为 TypeScript”
-- “优化此循环以提高性能”
+- "创建具有这些属性的 React 组件"
+- "为这个函数添加错误处理"
+- "转换为 TypeScript"
+- "优化此循环以提高性能"
 
 您可以在 VS Code 的键盘快捷键设置中自定义键盘快捷键。
 
@@ -66,7 +67,7 @@ Kilo Code 的自动补全功能在您输入时提供智能代码建议和补全
 
 ## 禁用竞争对手的自动补全
 
-我们建议禁用竞争对手的自动补全以优化您使用 Kilo Code 的体验。要禁用 VSCode 中的 GitHub Copilot 自动补全，请转到**设置**并导航到**GitHub** > **Copilot: Advanced**（或搜索“copilot”）。
+我们建议禁用竞争对手的自动补全以优化您使用 Kilo Code 的体验。要禁用 VSCode 中的 GitHub Copilot 自动补全，请转到**设置**并导航到**GitHub** > **Copilot: Advanced**（或搜索"copilot"）。
 
 然后，切换为'禁用'：
 
@@ -76,7 +77,7 @@ Kilo Code 的自动补全功能在您输入时提供智能代码建议和补全
   width="800"
 />
 
-如果你使用 Cursor，请转到**设置** > **Cursor 设置** > **Tab**，并关闭“Cursor Tab”：
+如果你使用 Cursor，请转到**设置** > **Cursor 设置** > **Tab**，并关闭"Cursor Tab"：
 
 <img
   src="https://github.com/user-attachments/assets/fd2eeae2-f770-40ca-8a72-a9d5a1c17d47"
@@ -100,4 +101,4 @@ Kilo Code 的自动补全功能在您输入时提供智能代码建议和补全
 
 ## 相关功能
 
-- [代码操作](../features/code-actions) - 用于常见编码任务的上下文菜单选项
+- [代码操作](/features/code-actions) - 用于常见编码任务的上下文菜单选项

apps/kilocode-docs/i18n/zh-CN/docusaurus-plugin-content-docs/current/basic-usage/autocomplete-mistral-setup.md → apps/kilocode-docs/i18n/zh-CN/docusaurus-plugin-content-docs/current/basic-usage/autocomplete/mistral-setup.md

@@ -1,6 +1,6 @@
 ---
 title: 设置 Mistral 免费自动补全
-sidebar_position: 4.1
+sidebar_position: 1
 ---
 
 # 设置 Mistral 免费自动补全
@@ -11,64 +11,64 @@ sidebar_position: 4.1
 
 在 VS Code 中，打开 Kilo Code 面板，点击右上角的**设置**图标（齿轮）。
 
-![打开 Kilo Code 设置](./autocomplete-mistral-setup/01-open-kilo-code-settings.png)
+![打开 Kilo Code 设置](./mistral-setup/01-open-kilo-code-settings.png)
 
 ## 步骤 2：添加新的配置文件
 
 导航到**设置 → 提供商**，点击**添加配置文件**为 Mistral 创建新的配置文件。
 
-![添加配置文件](./autocomplete-mistral-setup/02-add-configuration-profile.png)
+![添加配置文件](./mistral-setup/02-add-configuration-profile.png)
 
 ## 步骤 3：命名您的配置文件
 
 在"新建配置文件"对话框中，输入名称如"Mistral profile"，然后点击**创建配置文件**。
 
-![创建 Mistral 配置文件](./autocomplete-mistral-setup/03-name-your-profile.png)
+![创建 Mistral 配置文件](./mistral-setup/03-name-your-profile.png)
 
 ## 步骤 4：选择 Mistral 作为提供商
 
 在 **API 提供商**下拉菜单中，搜索并选择 **Mistral**。
 
-![选择 Mistral 提供商](./autocomplete-mistral-setup/04-select-mistral-provider.png)
+![选择 Mistral 提供商](./mistral-setup/04-select-mistral-provider.png)
 
 ## 步骤 5：获取您的 API 密钥
 
 您会看到需要有效 API 密钥的警告。点击**获取 Mistral / Codestral API 密钥**打开 Mistral 控制台。
 
-![获取 API 密钥按钮](./autocomplete-mistral-setup/05-get-api-key.png)
+![获取 API 密钥按钮](./mistral-setup/05-get-api-key.png)
 
 ## 步骤 6：在 Mistral AI Studio 中导航到 Codestral
 
 在 Mistral AI Studio 侧边栏中，点击代码部分下的 **Codestral**。
 
-![选择 Codestral](./autocomplete-mistral-setup/06-navigate-to-codestral.png)
+![选择 Codestral](./mistral-setup/06-navigate-to-codestral.png)
 
 ## 步骤 7：生成 API 密钥
 
 点击**生成 API 密钥**按钮创建您的新 Codestral API 密钥。
 
-![确认生成](./autocomplete-mistral-setup/07-confirm-key-generation.png)
+![确认生成](./mistral-setup/07-confirm-key-generation.png)
 
 ## 步骤 8：复制您的 API 密钥
 
 生成后，点击 API 密钥旁边的**复制**按钮将其复制到剪贴板。
 
-![复制 API 密钥](./autocomplete-mistral-setup/08-copy-api-key.png)
+![复制 API 密钥](./mistral-setup/08-copy-api-key.png)
 
 ## 步骤 9：在 Kilo Code 中粘贴 API 密钥
 
 返回 Kilo Code 设置，将您的 API 密钥粘贴到 **Mistral API 密钥**字段中。
 
-![粘贴 API 密钥](./autocomplete-mistral-setup/09-paste-api-key.png)
+![粘贴 API 密钥](./mistral-setup/09-paste-api-key.png)
 
 ## 步骤 10：保存您的设置
 
 点击**保存**应用您的 Mistral 配置。现在您可以使用免费的自动补全了！
 
-![保存设置](./autocomplete-mistral-setup/10-save-settings.png)
+![保存设置](./mistral-setup/10-save-settings.png)
 
 ## 后续步骤
 
-- 了解更多关于[自动补全功能](./autocomplete.md)
-- 探索自动补全的[触发选项](./autocomplete.md#triggering-options)
-- 查看[最佳实践](./autocomplete.md#best-practices)以获得最佳效果
+- 了解更多关于[自动补全功能](./index.md)
+- 探索自动补全的[触发选项](./index.md#triggering-options)
+- 查看[最佳实践](./index.md#best-practices)以获得最佳效果

apps/kilocode-docs/sidebars.ts

@@ -24,7 +24,15 @@ const sidebars: SidebarsConfig = {
 				"basic-usage/the-chat-interface",
 				"basic-usage/model-selection-guide",
 				"basic-usage/using-modes",
-				"basic-usage/autocomplete",
+				{
+					type: "category",
+					label: "Autocomplete",
+					link: {
+						type: "doc",
+						id: "basic-usage/autocomplete/index",
+					},
+					items: ["basic-usage/autocomplete/mistral-setup"],
+				},
 				"basic-usage/context-mentions",
 				{
 					type: "category",