#823 - Support titles and taxonomy

Updated dependencies
#823 - First steps into integrating GH Copilot
2026-03-28 17:42:40 +01:00 · 2024-06-26 11:35:02 +02:00 · 2024-06-26 09:27:43 +02:00 · 2024-06-25 22:25:16 +02:00 · 2024-06-20 11:39:26 +02:00 · 2024-06-17 09:28:56 +02:00
35 changed files with 1253 additions and 630 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,16 @@
 # Change Log

+## [10.3.0] - 2024-xx-xx
+
+### ✨ New features
+
+### 🎨 Enhancements
+
+- [#819](https://github.com/estruyf/vscode-front-matter/issues/819): Added new extensibility support for media scripts
+- [#822](https://github.com/estruyf/vscode-front-matter/issues/822): Added docs to the panel & dashboard views
+
+### 🐞 Fixes
+
 ## [10.2.0] - 2024-06-12 - [Release notes](https://beta.frontmatter.codes/updates/v10.2.0)

 ### ✨ New features
--- a/README.beta.md
+++ b/README.beta.md
@@ -179,7 +179,7 @@ You can open showcase issues for the following things:
  </a>
 </p>

-## 🖤 Backers & Sponsors 👇 🤘
+## 💚 Backers & Sponsors 👇 🤘

 <p align="center">
  <img src="https://frontmatter.codes/api/img-sponsors" alt="Front Matter sponsors" />
@@ -187,17 +187,9 @@ You can open showcase issues for the following things:

 <br />

-<p align="center" title="Powered by Vercel">
-  <a href="https://run.events/?utm_source=frontmatter&utm_campaign=oss">
-    <img src="https://frontmatter.codes/assets/sponsors/runevents-purple.webp" alt="run.events - Event Management Platform" height="50px" />
-   </a>
-</p>
-
-<br />
-
-<p align="center" title="Powered by Vercel">
-  <a href="https://vercel.com/?utm_source=vscode-frontmatter&utm_campaign=oss">
-    <img src="https://frontmatter.codes/assets/sponsors/powered-by-vercel.png" alt="Powered by Vercel" height="44px" />
+<p align="center" title="Powered by Netlify">
+  <a href="https://www.netlify.com?utm_source=vscode-frontmatter&utm_campaign=oss">
+    <img src="https://frontmatter.codes/assets/sponsors/netlify-dark.png" alt="Deploys by Netlify" height="51px" />
   </a>
 </p>

--- a/README.md
+++ b/README.md
@@ -177,7 +177,7 @@ You can open showcase issues for the following things:
  </a>
 </p>

-## 🖤 Backers & Sponsors 👇 🤘
+## 💚 Backers & Sponsors 👇 🤘

 <p align="center">
  <img src="https://frontmatter.codes/api/img-sponsors" alt="Front Matter sponsors" />
@@ -185,7 +185,7 @@ You can open showcase issues for the following things:

 <br />

-<p align="center" title="Powered by Vercel">
+<p align="center" title="Support by run.events">
  <a href="https://run.events/?utm_source=frontmatter&utm_campaign=oss">
    <img src="https://frontmatter.codes/assets/sponsors/runevents-purple.webp" alt="run.events - Event Management Platform" height="50px" />
   </a>
@@ -193,9 +193,9 @@ You can open showcase issues for the following things:

 <br />

-<p align="center" title="Powered by Vercel">
-  <a href="https://vercel.com/?utm_source=vscode-frontmatter&utm_campaign=oss">
-    <img src="https://frontmatter.codes/assets/sponsors/powered-by-vercel.png" alt="Powered by Vercel" height="44px" />
+<p align="center" title="Powered by Netlify">
+  <a href="https://www.netlify.com?utm_source=vscode-frontmatter&utm_campaign=oss">
+    <img src="https://frontmatter.codes/assets/sponsors/netlify-dark.png" alt="Deploys by Netlify" height="51px" />
   </a>
 </p>

--- a/l10n/bundle.l10n.ja.json
+++ b/l10n/bundle.l10n.ja.json
@@ -274,6 +274,8 @@
  "dashboard.preview.button.refresh.title": "更新",
  "dashboard.preview.button.open.title": "開く",

+  "dashboard.snippetsView.item.type.content": "コンテンツ用スニペット",
+  "dashboard.snippetsView.item.type.media": "メディア用スニペット",
  "dashboard.snippetsView.item.quickAction.editSnippet": "スニペットを編集",
  "dashboard.snippetsView.item.quickAction.deleteSnippet": "スニペットを削除",
  "dashboard.snippetsView.item.quickAction.viewSnippet": "スニペットファイルの表示",
@@ -725,6 +727,7 @@
  "helpers.settingsHelper.readConfig.progress.title": "{0}: 動的な設定ファイルを読み込んでいます...",
  "helpers.settingsHelper.readConfig.error": "設定の読み込みでエラーが発生しました。",
  "helpers.settingsHelper.refreshConfig.success": "設定を再読み込みしました。",
+  "helpers.settingsHelper.safeUpdate.warning": "Front Matter CMSの構成が拡張または分割されているため、\"{0}\"の設定を更新できませんでした。手動で更新を加えてください。更新情報についての出力を確認してください。",

  "helpers.taxonomyHelper.rename.input.title": "タクソノミー名を変更 {0}",
  "helpers.taxonomyHelper.rename.validate.equalValue": "現在のファイル名とは別のファイル名を入力してください。",
--- a/l10n/bundle.l10n.json
+++ b/l10n/bundle.l10n.json
@@ -43,6 +43,7 @@
  "common.languages": "Languages",
  "common.scripts": "Scripts",
  "common.rename": "Rename",
+  "common.docs": "Documentation",

  "loading.initPages": "Loading content",

@@ -430,6 +431,7 @@
  "panel.fields.slugField.generate": "Generate slug",

  "panel.fields.textField.ai.message": "Use Front Matter AI to suggest {0}",
+  "panel.fields.textField.copilot.message": "Use Copilot to suggest {0}",
  "panel.fields.textField.ai.generate": "Generating suggestion...",
  "panel.fields.textField.loading": "Loading field",
  "panel.fields.textField.limit": "Field limit reached {0}",
@@ -520,6 +522,7 @@
  "panel.tagPicker.inputPlaceholder.empty": "Pick your {0}",
  "panel.tagPicker.inputPlaceholder.disabled": "You have reached the limit of {0}",
  "panel.tagPicker.ai.suggest": "Use Front Matter AI to suggest {0}",
+  "panel.tagPicker.copilot.suggest": "Use GitHub Copilot to suggest {0}",
  "panel.tagPicker.ai.generating": "Generating suggestions...",
  "panel.tagPicker.limit": "Max.: {0}",
  "panel.tagPicker.unkown": "Add the unknown tag",
@@ -703,9 +706,11 @@
  "helpers.questions.contentTitle.aiInput.placeholder": "What would you like to write about?",
  "helpers.questions.contentTitle.aiInput.quickPick.title.separator": "your title/description",
  "helpers.questions.contentTitle.aiInput.quickPick.ai.separator": "AI generated title",
+  "helpers.questions.contentTitle.aiInput.quickPick.copilot.separator": "GitHub Copilot suggestions",
  "helpers.questions.contentTitle.aiInput.select.title": "Select a title",
  "helpers.questions.contentTitle.aiInput.select.placeholder": "Select a title for your content",
  "helpers.questions.contentTitle.aiInput.failed": "Failed fetching the AI title. Please try to use your own title or try again later.",
+  "helpers.questions.contentTitle.copilotInput.failed": "Failed fetching the GitHub Copilot title suggestions. Please try to use your own title or try again later.",
  "helpers.questions.contentTitle.aiInput.warning": "You did not specify a title for your content.",
  "helpers.questions.contentTitle.titleInput.title": "Content title",
  "helpers.questions.contentTitle.titleInput.prompt": "What would you like to use as a title for the content to create?",
@@ -779,6 +784,8 @@
  "listeners.panel.taxonomyListener.aiSuggestTaxonomy.noEditor.error": "No active editor",
  "listeners.panel.taxonomyListener.aiSuggestTaxonomy.noData.error": "No article data",

+  "services.copilot.getChatResponse.error": "Failed to get a response from the GitHub Copilot.",
+
  "services.modeSwitch.switchMode.quickPick.placeholder": "Select the mode you want to use",
  "services.modeSwitch.switchMode.quickPick.title": "{0}: Mode selection",
  "services.modeSwitch.setText.mode": "Mode: {0}",
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
  "name": "vscode-front-matter-beta",
-  "version": "10.2.0",
+  "version": "10.3.0",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "vscode-front-matter-beta",
-      "version": "10.2.0",
+      "version": "10.3.0",
      "license": "MIT",
      "dependencies": {
        "@radix-ui/react-dropdown-menu": "^2.0.6"
@@ -33,7 +33,7 @@
        "@types/react": "17.0.0",
        "@types/react-datepicker": "^4.8.0",
        "@types/react-dom": "17.0.0",
-        "@types/vscode": "^1.73.0",
+        "@types/vscode": "^1.90.0",
        "@typescript-eslint/eslint-plugin": "^5.50.0",
        "@typescript-eslint/parser": "^5.50.0",
        "@vscode-elements/elements": "^1.2.0",
@@ -110,7 +110,7 @@
        "yawn-yaml": "^1.5.0"
      },
      "engines": {
-        "vscode": "^1.73.0"
+        "vscode": "^1.90.0"
      }
    },
    "node_modules/@aashutoshrathi/word-wrap": {
@@ -2084,9 +2084,9 @@
      "dev": true
    },
    "node_modules/@types/vscode": {
-      "version": "1.86.0",
-      "resolved": "https://registry.npmjs.org/@types/vscode/-/vscode-1.86.0.tgz",
-      "integrity": "sha512-DnIXf2ftWv+9LWOB5OJeIeaLigLHF7fdXF6atfc7X5g2w/wVZBgk0amP7b+ub5xAuW1q7qP5YcFvOcit/DtyCQ==",
+      "version": "1.90.0",
+      "resolved": "https://registry.npmjs.org/@types/vscode/-/vscode-1.90.0.tgz",
+      "integrity": "sha512-oT+ZJL7qHS9Z8bs0+WKf/kQ27qWYR3trsXpq46YDjFqBsMLG4ygGGjPaJ2tyrH0wJzjOEmDyg9PDJBBhWg9pkQ==",
      "dev": true
    },
    "node_modules/@types/vscode-webview": {
@@ -3100,12 +3100,12 @@
      }
    },
    "node_modules/braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
      "dev": true,
      "dependencies": {
-        "fill-range": "^7.0.1"
+        "fill-range": "^7.1.1"
      },
      "engines": {
        "node": ">=8"
@@ -4760,9 +4760,9 @@
      "dev": true
    },
    "node_modules/fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
      "dev": true,
      "dependencies": {
        "to-regex-range": "^5.0.1"
@@ -12698,9 +12698,9 @@
      }
    },
    "node_modules/webpack-dev-server/node_modules/ws": {
-      "version": "8.16.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.16.0.tgz",
-      "integrity": "sha512-HS0c//TP7Ina87TfiPUz1rQzMhHrl/SG2guqRcTOIUYD2q8uhUdNHZYJUaQ8aTGPzCh+c6oawMKW35nFl1dxyQ==",
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
+      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
      "dev": true,
      "engines": {
        "node": ">=10.0.0"
@@ -12946,9 +12946,9 @@
      "dev": true
    },
    "node_modules/ws": {
-      "version": "7.5.9",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
-      "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
      "dev": true,
      "engines": {
        "node": ">=8.3.0"
--- a/package.json
+++ b/package.json
@@ -3,14 +3,15 @@
  "displayName": "Front Matter CMS",
  "description": "Front Matter is a CMS that runs within Visual Studio Code. It gives you the power and control of a full-blown CMS while also providing you the flexibility and speed of the static site generator of your choice like: Hugo, Jekyll, Docusaurus, NextJs, Gatsby, and many more...",
  "icon": "assets/frontmatter-teal-128x128.png",
-  "version": "10.2.0",
+  "version": "10.3.0",
  "preview": false,
  "publisher": "eliostruyf",
  "galleryBanner": {
    "color": "#0e131f",
    "theme": "dark"
  },
-  "badges": [{
+  "badges": [
+    {
      "description": "version",
      "url": "https://img.shields.io/github/package-json/v/estruyf/vscode-front-matter?color=green&label=vscode-front-matter&style=flat-square",
      "href": "https://github.com/estruyf/vscode-front-matter"
@@ -26,10 +27,11 @@
  },
  "qna": "https://github.com/estruyf/vscode-front-matter/discussions",
  "engines": {
-    "vscode": "^1.73.0"
+    "vscode": "^1.90.0"
  },
  "l10n": "./l10n",
  "categories": [
+    "AI",
    "Other"
  ],
  "keywords": [
@@ -69,7 +71,8 @@
        "**/.frontmatter/config/*.json": "jsonc"
      }
    },
-    "keybindings": [{
+    "keybindings": [
+      {
        "command": "frontMatter.dashboard",
        "key": "alt+d"
      },
@@ -93,19 +96,23 @@
      }
    ],
    "viewsContainers": {
-      "activitybar": [{
-        "id": "frontmatter-explorer",
-        "title": "FM",
-        "icon": "$(fm-logo)"
-      }]
+      "activitybar": [
+        {
+          "id": "frontmatter-explorer",
+          "title": "FM",
+          "icon": "$(fm-logo)"
+        }
+      ]
    },
    "views": {
-      "frontmatter-explorer": [{
-        "id": "frontMatter.explorer",
-        "name": "Front Matter",
-        "icon": "$(fm-logo)",
-        "type": "webview"
-      }]
+      "frontmatter-explorer": [
+        {
+          "id": "frontMatter.explorer",
+          "name": "Front Matter",
+          "icon": "$(fm-logo)",
+          "type": "webview"
+        }
+      ]
    },
    "configuration": {
      "title": "%settings.configuration.title%",
@@ -173,7 +180,8 @@
        "frontMatter.content.defaultFileType": {
          "type": "string",
          "default": "md",
-          "oneOf": [{
+          "oneOf": [
+            {
              "enum": [
                "md",
                "mdx"
@@ -189,7 +197,8 @@
        "frontMatter.content.defaultSorting": {
          "type": "string",
          "default": "",
-          "oneOf": [{
+          "oneOf": [
+            {
              "enum": [
                "LastModifiedAsc",
                "LastModifiedDesc",
@@ -541,7 +550,8 @@
            "categories"
          ],
          "markdownDescription": "%setting.frontMatter.content.filters.markdownDescription%",
-          "items": [{
+          "items": [
+            {
              "type": "string",
              "enum": [
                "contentFolders",
@@ -614,7 +624,8 @@
              "command": {
                "$id": "#scriptCommand",
                "type": "string",
-                "anyOf": [{
+                "anyOf": [
+                  {
                    "enum": [
                      "node",
                      "bash",
@@ -810,7 +821,8 @@
              "title",
              "file"
            ],
-            "anyOf": [{
+            "anyOf": [
+              {
                "required": [
                  "schema"
                ]
@@ -864,7 +876,8 @@
              "id",
              "path"
            ],
-            "anyOf": [{
+            "anyOf": [
+              {
                "required": [
                  "schema"
                ]
@@ -1105,26 +1118,29 @@
              }
            }
          },
-          "default": [{
-            "name": "default",
-            "fileTypes": null,
-            "fields": [{
-                "title": "Title",
-                "name": "title",
-                "type": "string"
-              },
-              {
-                "title": "Caption",
-                "name": "caption",
-                "type": "string"
-              },
-              {
-                "title": "Alt text",
-                "name": "alt",
-                "type": "string"
-              }
-            ]
-          }],
+          "default": [
+            {
+              "name": "default",
+              "fileTypes": null,
+              "fields": [
+                {
+                  "title": "Title",
+                  "name": "title",
+                  "type": "string"
+                },
+                {
+                  "title": "Caption",
+                  "name": "caption",
+                  "type": "string"
+                },
+                {
+                  "title": "Alt text",
+                  "name": "alt",
+                  "type": "string"
+                }
+              ]
+            }
+          ],
          "scope": "Media"
        },
        "frontMatter.media.supportedMimeTypes": {
@@ -1360,7 +1376,8 @@
                      "default": "",
                      "description": "%setting.frontMatter.taxonomy.contentTypes.items.properties.fields.items.properties.taxonomyId.description%",
                      "not": {
-                        "anyOf": [{
+                        "anyOf": [
+                          {
                            "const": ""
                          },
                          {
@@ -1554,7 +1571,8 @@
                    "type",
                    "name"
                  ],
-                  "allOf": [{
+                  "allOf": [
+                    {
                      "if": {
                        "properties": {
                          "type": {
@@ -1766,48 +1784,51 @@
              "fields"
            ]
          },
-          "default": [{
-            "name": "default",
-            "pageBundle": false,
-            "fields": [{
-                "title": "Title",
-                "name": "title",
-                "type": "string"
-              },
-              {
-                "title": "Description",
-                "name": "description",
-                "type": "string"
-              },
-              {
-                "title": "Publishing date",
-                "name": "date",
-                "type": "datetime",
-                "default": "{{now}}",
-                "isPublishDate": true
-              },
-              {
-                "title": "Content preview",
-                "name": "preview",
-                "type": "image"
-              },
-              {
-                "title": "Is in draft",
-                "name": "draft",
-                "type": "boolean"
-              },
-              {
-                "title": "Tags",
-                "name": "tags",
-                "type": "tags"
-              },
-              {
-                "title": "Categories",
-                "name": "categories",
-                "type": "categories"
-              }
-            ]
-          }],
+          "default": [
+            {
+              "name": "default",
+              "pageBundle": false,
+              "fields": [
+                {
+                  "title": "Title",
+                  "name": "title",
+                  "type": "string"
+                },
+                {
+                  "title": "Description",
+                  "name": "description",
+                  "type": "string"
+                },
+                {
+                  "title": "Publishing date",
+                  "name": "date",
+                  "type": "datetime",
+                  "default": "{{now}}",
+                  "isPublishDate": true
+                },
+                {
+                  "title": "Content preview",
+                  "name": "preview",
+                  "type": "image"
+                },
+                {
+                  "title": "Is in draft",
+                  "name": "draft",
+                  "type": "boolean"
+                },
+                {
+                  "title": "Tags",
+                  "name": "tags",
+                  "type": "tags"
+                },
+                {
+                  "title": "Categories",
+                  "name": "categories",
+                  "type": "categories"
+                }
+              ]
+            }
+          ],
          "scope": "Taxonomy"
        },
        "frontMatter.taxonomy.customTaxonomy": {
@@ -1820,7 +1841,8 @@
                "type": "string",
                "description": "%setting.frontMatter.taxonomy.customTaxonomy.items.properties.id.description%",
                "not": {
-                  "anyOf": [{
+                  "anyOf": [
+                    {
                      "const": ""
                    },
                    {
@@ -2015,7 +2037,8 @@
        }
      }
    },
-    "commands": [{
+    "commands": [
+      {
        "command": "frontMatter.project.switch",
        "title": "%command.frontMatter.project.switch%",
        "category": "Front Matter",
@@ -2268,6 +2291,12 @@
        "title": "%command.frontMatter.preview%",
        "category": "Front Matter"
      },
+      {
+        "command": "frontMatter.docs",
+        "title": "%command.frontMatter.docs%",
+        "category": "Front Matter",
+        "icon": "$(book)"
+      },
      {
        "command": "frontMatter.chatbot",
        "title": "%command.frontMatter.chatbot%",
@@ -2341,16 +2370,21 @@
        }
      }
    ],
-    "submenus": [{
-      "id": "frontmatter.submenu",
-      "label": "Front Matter"
-    }],
+    "submenus": [
+      {
+        "id": "frontmatter.submenu",
+        "label": "Front Matter"
+      }
+    ],
    "menus": {
-      "webview/context": [{
-        "command": "workbench.action.webview.openDeveloperTools",
-        "when": "frontMatter:isDevelopment"
-      }],
-      "editor/title": [{
+      "webview/context": [
+        {
+          "command": "workbench.action.webview.openDeveloperTools",
+          "when": "frontMatter:isDevelopment"
+        }
+      ],
+      "editor/title": [
+        {
          "command": "frontMatter.markup.heading",
          "group": "navigation@-133",
          "when": "frontMatter:file:isValid == true && frontMatter:markdown:wysiwyg"
@@ -2436,11 +2470,14 @@
          "when": "resourceFilename == 'frontmatter.json'"
        }
      ],
-      "explorer/context": [{
-        "submenu": "frontmatter.submenu",
-        "group": "frontmatter@1"
-      }],
-      "frontmatter.submenu": [{
+      "explorer/context": [
+        {
+          "submenu": "frontmatter.submenu",
+          "group": "frontmatter@1"
+        }
+      ],
+      "frontmatter.submenu": [
+        {
          "command": "frontMatter.createFromTemplate",
          "when": "explorerResourceIsFolder",
          "group": "frontmatter@1"
@@ -2456,7 +2493,8 @@
          "group": "frontmatter@3"
        }
      ],
-      "commandPalette": [{
+      "commandPalette": [
+        {
          "command": "frontMatter.init",
          "when": "frontMatterCanInit"
        },
@@ -2633,7 +2671,13 @@
          "when": "frontMatter:file:isValid == true"
        }
      ],
-      "view/title": [{
+      "view/title": [
+        {
+          "command": "frontMatter.docs",
+          "group": "navigation@-1",
+          "when": "view == frontMatter.explorer"
+        },
+        {
          "command": "frontMatter.chatbot",
          "group": "navigation@0",
          "when": "view == frontMatter.explorer"
@@ -2665,13 +2709,16 @@
        }
      ]
    },
-    "languages": [{
-      "id": "frontmatter.project.output",
-      "mimetypes": [
-        "text/x-code-output"
-      ]
-    }],
-    "grammars": [{
+    "languages": [
+      {
+        "id": "frontmatter.project.output",
+        "mimetypes": [
+          "text/x-code-output"
+        ]
+      }
+    ],
+    "grammars": [
+      {
        "path": "./syntaxes/hugo.tmLanguage.json",
        "scopeName": "frontmatter.markdown.hugo",
        "injectTo": [
@@ -2684,45 +2731,48 @@
        "path": "./syntaxes/frontmatter-output.tmLanguage.json"
      }
    ],
-    "walkthroughs": [{
-      "id": "frontmatter.welcome",
-      "title": "Get started with Front Matter",
-      "description": "Discover the features of Front Matter and learn how to use the CMS for your SSG or static site.",
-      "steps": [{
-          "id": "frontmatter.welcome.init",
-          "title": "Get started",
-          "description": "Initial steps to get started.\n[Open dashboard](command:frontMatter.dashboard)",
-          "media": {
-            "markdown": "assets/walkthrough/get-started.md"
+    "walkthroughs": [
+      {
+        "id": "frontmatter.welcome",
+        "title": "Get started with Front Matter",
+        "description": "Discover the features of Front Matter and learn how to use the CMS for your SSG or static site.",
+        "steps": [
+          {
+            "id": "frontmatter.welcome.init",
+            "title": "Get started",
+            "description": "Initial steps to get started.\n[Open dashboard](command:frontMatter.dashboard)",
+            "media": {
+              "markdown": "assets/walkthrough/get-started.md"
+            },
+            "completionEvents": [
+              "onContext:frontMatterInitialized"
+            ]
          },
-          "completionEvents": [
-            "onContext:frontMatterInitialized"
-          ]
-        },
-        {
-          "id": "frontmatter.welcome.documentation",
-          "title": "Documentation",
-          "description": "Check out the documentation for Front Matter.\n[View our documentation](https://frontmatter.codes/docs)",
-          "media": {
-            "markdown": "assets/walkthrough/documentation.md"
+          {
+            "id": "frontmatter.welcome.documentation",
+            "title": "Documentation",
+            "description": "Check out the documentation for Front Matter.\n[View our documentation](https://frontmatter.codes/docs)",
+            "media": {
+              "markdown": "assets/walkthrough/documentation.md"
+            },
+            "completionEvents": [
+              "onLink:https://frontmatter.codes/docs"
+            ]
          },
-          "completionEvents": [
-            "onLink:https://frontmatter.codes/docs"
-          ]
-        },
-        {
-          "id": "frontmatter.welcome.supporter",
-          "title": "Support the project",
-          "description": "Become a supporter.\n[Support the project](https://github.com/sponsors/estruyf)",
-          "media": {
-            "markdown": "assets/walkthrough/support-the-project.md"
-          },
-          "completionEvents": [
-            "onLink:https://github.com/sponsors/estruyf"
-          ]
-        }
-      ]
-    }]
+          {
+            "id": "frontmatter.welcome.supporter",
+            "title": "Support the project",
+            "description": "Become a supporter.\n[Support the project](https://github.com/sponsors/estruyf)",
+            "media": {
+              "markdown": "assets/walkthrough/support-the-project.md"
+            },
+            "completionEvents": [
+              "onLink:https://github.com/sponsors/estruyf"
+            ]
+          }
+        ]
+      }
+    ]
  },
  "scripts": {
    "dev:ext": "npm run clean && npm run localization:generate && npm-run-all --parallel watch:*",
@@ -2768,7 +2818,7 @@
    "@types/react": "17.0.0",
    "@types/react-datepicker": "^4.8.0",
    "@types/react-dom": "17.0.0",
-    "@types/vscode": "^1.73.0",
+    "@types/vscode": "^1.90.0",
    "@typescript-eslint/eslint-plugin": "^5.50.0",
    "@typescript-eslint/parser": "^5.50.0",
    "@vscode-elements/elements": "^1.2.0",
@@ -2850,4 +2900,4 @@
  "dependencies": {
    "@radix-ui/react-dropdown-menu": "^2.0.6"
  }
-}
+}
--- a/package.nls.ja.json
+++ b/package.nls.ja.json
@@ -73,11 +73,13 @@
  "setting.frontMatter.content.pageFolders.items.properties.path.description": "フォルダーのパス",
  "setting.frontMatter.content.pageFolders.items.properties.excludeSubdir.description": "サブディレクトリを除外する",
  "setting.frontMatter.content.pageFolders.items.properties.previewPath.description": "フォルダーのカスタム プレビュー パスを定義します。",
+  "setting.frontMatter.content.pageFolders.items.properties.trailingSlash.description": "プレビュー用URLに末尾のスラッシュを加えるかどうかを設定します。",
  "setting.frontMatter.content.pageFolders.items.properties.filePrefix.description": "ファイル名の接頭辞を定義します。",
  "setting.frontMatter.content.pageFolders.items.properties.contentTypes.description": "現在の場所に使用できる記事タイプを定義します。定義しない場合は、全ての記事タイプを使用できます。",
  "setting.frontMatter.content.pageFolders.items.properties.disableCreation.description": "フォルダー内の新しい記事の作成を無効にします。",
  "setting.frontMatter.content.pageFolders.items.properties.defaultLocale.description": "ページフォルダー用デフォルトのロケールIDを設定します。このフォルダー内の全ての記事が`frontMatter.content.i18n`で設定された言語へ翻訳可能になります。",
  "setting.frontMatter.content.pageFolders.items.properties.locales.description": "ページフォルダーで利用するロケールを設定します。この設定は記事の翻訳に使用されます。",
+  "setting.frontMatter.content.pageFolders.items.properties.slugTemplate.description": "カスタムスラッグのテンプレートを定義します。",
  "setting.frontMatter.content.i18n.markdownDescription": "ウェブサイトで利用するロケールを設定します。この設定はページフォルダーレベルの設定より優先されます。[ドキュメントを確認](https://frontmatter.codes/docs/settings/overview#frontmatter.content.i18n)",
  "setting.frontMatter.content.i18n.items.properties.title.description": "言語名",
  "setting.frontMatter.content.i18n.items.properties.locale.description": "言語コード",
@@ -175,6 +177,7 @@
  "setting.frontMatter.panel.freeform.markdownDescription": "未登録のタグ/カテゴリーをタグピッカーに入力可能にするかどうかを設定します（有効にすると、後で保存するオプションが使えます）。規定値はtrue。[ドキュメントを確認](https://frontmatter.codes/docs/settings/overview#frontmatter.panel.freeform)",
  "setting.frontMatter.panel.actions.disabled.markdownDescription": "パネル内で非表示にしたいコマンドを設定します。[ドキュメントを確認](https://frontmatter.codes/docs/settings/overview#frontmatter.panel.actions.disabled)",
  "setting.frontMatter.preview.host.markdownDescription": "プレビュー表示に使用するホストのURLを設定します（例：`http://localhost:1313`）。[ドキュメントを確認](https://frontmatter.codes/docs/settings/overview#frontmatter.preview.host)",
+  "setting.frontMatter.preview.trailingSlash.markdownDescription": "プレビュー用URLに末尾のスラッシュを加えるかどうかを設定します。[ドキュメントを確認](https://frontmatter.codes/docs/settings/overview#frontmatter.preview.trailingslash)",
  "setting.frontMatter.preview.pathName.markdownDescription": "ホストパスとスラッグの間に追加したいパスを設定します。例えば、パスに`yyyy/MM`などの日付を含めたい場合等に使えます。日付は記事の日付フィールドの値に基づいて生成されます。[ドキュメントを確認](https://frontmatter.codes/docs/settings/overview#frontmatter.preview.pathname)",
  "setting.frontMatter.site.baseURL.markdownDescription": "ベースURLを設定します。これはSEOチェックに利用されます。[ドキュメントを確認](https://frontmatter.codes/docs/settings/overview#frontmatter.site.baseurl)",
  "setting.frontMatter.taxonomy.alignFilename.markdownDescription": "ファイル生成時にファイル名をスラッグに合わせます。[ドキュメントを確認](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.alignfilename)",
@@ -229,6 +232,7 @@
  "setting.frontMatter.taxonomy.contentTypes.items.properties.fields.items.properties.when.properties.caseSensitive.description": "比較で大文字と小文字を区別するかどうかを指定します。デフォルト: true",
  "setting.frontMatter.taxonomy.contentTypes.items.properties.pageBundle.description": "新しい記事を作成するときにフォルダーを作成するかどうかを指定します。",
  "setting.frontMatter.taxonomy.contentTypes.items.properties.previewPath.description": "記事タイプのカスタム プレビュー パスを定義します。",
+  "setting.frontMatter.taxonomy.contentTypes.items.properties.trailingSlash.description": "プレビュー用URLに末尾のスラッシュを加えるかどうかを設定します。",
  "setting.frontMatter.taxonomy.contentTypes.items.properties.slugTemplate.description": "記事タイプのカスタムスラッグのテンプレートを設定します。",
  "setting.frontMatter.taxonomy.contentTypes.items.properties.template.description": "新しい記事の作成に使用できるオプションのテンプレート。",
  "setting.frontMatter.taxonomy.contentTypes.items.properties.postScript.description": "新しい記事の作成後に使用できるオプションのポストスクリプト。",
--- a/package.nls.json
+++ b/package.nls.json
@@ -38,6 +38,7 @@
  "command.frontMatter.markup.orderedlist": "Ordered list",
  "command.frontMatter.markup.options": "Other markup options",
  "command.frontMatter.preview": "Preview content",
+  "command.frontMatter.docs": "Documentation",
  "command.frontMatter.chatbot": "Ask the Front Matter AI for help",
  "command.frontMatter.promoteSettings": "Promote settings from local to team level",
  "command.frontMatter.remap": "Remap or remove tag/category in all articles",
@@ -50,25 +51,25 @@
  "command.frontMatter.cache.clear": "Clear cache",
  "command.frontMatter.i18n.create": "Create new translation",
  "settings.configuration.title": "Front Matter: use frontmatter.json for shared team settings",
-  "setting.frontMatter.projects.markdownDescription": "Specify the list of projects to load in the Front Matter CMS. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.projects)",
+  "setting.frontMatter.projects.markdownDescription": "Specify the list of projects to load in the Front Matter CMS. [Local](https://file%2B.vscode-resource.vscode-cdn.net/Users/eliostruyf/nodejs/frontmatter-test-projects/astro-blog/test.html) - [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.projects) - [View in VS Code](vscode://simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.projects%22%5D)",
  "setting.frontMatter.projects.items.properties.name.markdownDescription": "Specify the name of the project.",
  "setting.frontMatter.projects.items.properties.default.markdownDescription": "Specify if this project is the default project to load.",
-  "setting.frontMatter.sponsors.ai.enabled.markdownDescription": "Specify if you want to enable AI suggestions. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.sponsors.ai.enabled)",
-  "setting.frontMatter.extensibility.scripts.markdownDescription": "Specify the list of scripts to load in the Front Matter CMS. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.extensibility.scripts)",
-  "setting.frontMatter.experimental.markdownDescription": "Specify if you want to enable the experimental features. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.experimental)",
-  "setting.frontMatter.extends.markdownDescription": "Specify the list of paths/URLs to extend the Front Matter CMS config. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.extends)",
-  "setting.frontMatter.content.autoUpdateDate.markdownDescription": "Specify if you want to automatically update the modified date of your article/page (only content located in your content folder). [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.autoupdatedate)",
-  "setting.frontMatter.content.defaultFileType.markdownDescription": "Specify the default file type for the content to create. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.defaultfiletype)",
-  "setting.frontMatter.content.defaultSorting.markdownDescription": "Specify the default sorting option for the content dashboard. You can use one of the values from the enum or define your own ID. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.defaultsorting)",
-  "setting.frontMatter.content.draftField.markdownDescription": "Define the draft field you want to use to manage your content. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.draftfield)",
+  "setting.frontMatter.sponsors.ai.enabled.markdownDescription": "Specify if you want to enable AI suggestions. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.sponsors.ai.enabled) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.sponsors.ai.enabled%22%5D)",
+  "setting.frontMatter.extensibility.scripts.markdownDescription": "Specify the list of scripts to load in the Front Matter CMS. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.extensibility.scripts) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.extensibility.scripts%22%5D)",
+  "setting.frontMatter.experimental.markdownDescription": "Specify if you want to enable the experimental features. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.experimental) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.experimental%22%5D)",
+  "setting.frontMatter.extends.markdownDescription": "Specify the list of paths/URLs to extend the Front Matter CMS config. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.extends) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.extends%22%5D)",
+  "setting.frontMatter.content.autoUpdateDate.markdownDescription": "Specify if you want to automatically update the modified date of your article/page (only content located in your content folder). [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.autoupdatedate) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.content.autoupdatedate%22%5D)",
+  "setting.frontMatter.content.defaultFileType.markdownDescription": "Specify the default file type for the content to create. [Docs](https://frontmatter.codes/docs/settings/overview%23frontmatter.content.defaultfiletype) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.content.defaultfiletype%22%5D)",
+  "setting.frontMatter.content.defaultSorting.markdownDescription": "Specify the default sorting option for the content dashboard. You can use one of the values from the enum or define your own ID. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.defaultsorting) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.content.defaultsorting%22%5D)",
+  "setting.frontMatter.content.draftField.markdownDescription": "Define the draft field you want to use to manage your content. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.draftfield) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.content.draftfield%22%5D)",
  "setting.frontMatter.content.draftField.properties.type.description": "Type of the draft field you want to use",
  "setting.frontMatter.content.draftField.properties.name.description": "Name of the field to use",
  "setting.frontMatter.content.draftField.properties.invert.description": "By default the draft field is set to true when the content is a draft. Set this to true to set it to false.",
  "setting.frontMatter.content.draftField.properties.choices.description": "List of choices for the field",
-  "setting.frontMatter.content.fmHighlight.markdownDescription": "Specify if you want to highlight the Front Matter in the Markdown file. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.fmhighlight)",
-  "setting.frontMatter.content.hideFm.markdownDescription": "Specify if you want to hide the Front Matter in the Markdown file. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.hidefm)",
-  "setting.frontMatter.content.hideFmMessage.markdownDescription": "Specify the message to display when the Front Matter is hidden. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.hidefmMessage)",
-  "setting.frontMatter.content.pageFolders.markdownDescription": "This array of folders defines where the extension can retrieve or create new pages. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.pagefolders)",
+  "setting.frontMatter.content.fmHighlight.markdownDescription": "Specify if you want to highlight the Front Matter in the Markdown file. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.fmhighlight) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.content.fmhighlight%22%5D)",
+  "setting.frontMatter.content.hideFm.markdownDescription": "Specify if you want to hide the Front Matter in the Markdown file. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.hidefm) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.content.hidefm%22%5D)",
+  "setting.frontMatter.content.hideFmMessage.markdownDescription": "Specify the message to display when the Front Matter is hidden. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.hidefmMessage) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.content.hidefmMessage%22%5D)",
+  "setting.frontMatter.content.pageFolders.markdownDescription": "This array of folders defines where the extension can retrieve or create new pages. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.pagefolders) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.content.pagefolders%22%5D)",
  "setting.frontMatter.content.pageFolders.items.properties.title.description": "Name of the folder",
  "setting.frontMatter.content.pageFolders.items.properties.path.description": "Path of the folder",
  "setting.frontMatter.content.pageFolders.items.properties.excludeSubdir.description": "Exclude sub-directories",
@@ -80,29 +81,29 @@
  "setting.frontMatter.content.pageFolders.items.properties.defaultLocale.description": "Set the default locale ID for the page folder. All content from this folder is translatable to the languages defined in the `frontMatter.content.i18n` setting.",
  "setting.frontMatter.content.pageFolders.items.properties.locales.description": "Define the locales for the page folder. This will be used for the translation of the content.",
  "setting.frontMatter.content.pageFolders.items.properties.slugTemplate.description": "Defines a custom slug template.",
-  "setting.frontMatter.content.i18n.markdownDescription": "Specify the locales you want to use for your website. This setting can be overwritten on page folder level. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.i18n)",
+  "setting.frontMatter.content.i18n.markdownDescription": "Specify the locales you want to use for your website. This setting can be overwritten on page folder level. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.i18n) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.content.i18n%22%5D)",
  "setting.frontMatter.content.i18n.items.properties.title.description": "Title of the locale",
  "setting.frontMatter.content.i18n.items.properties.locale.description": "Locale code",
  "setting.frontMatter.content.i18n.items.properties.path.description": "Relative path of the locale folder",
-  "setting.frontMatter.content.placeholders.markdownDescription": "This array of placeholders defines the placeholders that you can use in your content types and templates for automatically populating your content its front matter. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.placeholders)",
+  "setting.frontMatter.content.placeholders.markdownDescription": "This array of placeholders defines the placeholders that you can use in your content types and templates for automatically populating your content its front matter. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.placeholders) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.content.placeholders%22%5D)",
  "setting.frontMatter.content.placeholders.items.properties.id.description": "ID of the placeholder, in your content type or template, use it as follows: {{placeholder}}",
  "setting.frontMatter.content.placeholders.items.properties.value.description": "The placeholder its value",
  "setting.frontMatter.content.placeholders.items.properties.script.description": "The script to execute to get the value of the placeholder",
-  "setting.frontMatter.content.publicFolder.markdownDescription": "Specify the folder name where all your assets are located. For instance in Hugo this is the `static` folder. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.publicfolder)",
+  "setting.frontMatter.content.publicFolder.markdownDescription": "Specify the folder name where all your assets are located. For instance in Hugo this is the `static` folder. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.publicfolder) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.content.publicfolder%22%5D)",
  "setting.frontMatter.content.publicFolder.properties.path.description": "Specify the path of the assets folder",
  "setting.frontMatter.content.publicFolder.properties.relative.description": "Defines if the path to your media files be relative to the content file?",
-  "setting.frontMatter.snippets.wrapper.enabled.markdownDescription": "Specify if you want to wrap the snippets. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontMatter.snippets.wrapper.enabled)",
-  "setting.frontMatter.content.snippets.markdownDescription": "Define the snippets you want to use in your content. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.snippets)",
-  "setting.frontMatter.content.sorting.markdownDescription": "Define the sorting options for your dashboard content. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.sorting)",
+  "setting.frontMatter.snippets.wrapper.enabled.markdownDescription": "Specify if you want to wrap the snippets. [Docs](https://frontmatter.codes/docs/settings/overview#frontMatter.snippets.wrapper.enabled) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontMatter.snippets.wrapper.enabled%22%5D)",
+  "setting.frontMatter.content.snippets.markdownDescription": "Define the snippets you want to use in your content. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.snippets) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.content.snippets%22%5D)",
+  "setting.frontMatter.content.sorting.markdownDescription": "Define the sorting options for your dashboard content. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.sorting) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.content.sorting%22%5D)",
  "setting.frontMatter.content.sorting.items.properties.id.description": "The ID of the sorting option. This will be used for the storing the last used sorting option or the default option.",
  "setting.frontMatter.content.sorting.items.properties.title.description": "Name of the sorting label",
  "setting.frontMatter.content.sorting.items.properties.name.description": "Name of the metadata field to sort by",
  "setting.frontMatter.content.sorting.items.properties.order.description": "Order of the sorting",
  "setting.frontMatter.content.sorting.items.properties.type.description": "Type of the field value",
-  "setting.frontMatter.content.supportedFileTypes.markdownDescription": "Specify the file types that you want to use in Front Matter. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.supportedfiletypes)",
-  "setting.frontMatter.content.wysiwyg.markdownDescription": "Specifies if you want to enable/disable the What You See, Is What You Get (WYSIWYG) markdown controls. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.wysiwyg)",
-  "setting.frontMatter.content.filters.markdownDescription": "Specify the filters you want to use for your content dashboard. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.filters)",
-  "setting.frontMatter.custom.scripts.markdownDescription": "Specify the path to a Node.js script to execute. The current file path will be provided as an argument. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.custom.scripts)",
+  "setting.frontMatter.content.supportedFileTypes.markdownDescription": "Specify the file types that you want to use in Front Matter. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.supportedfiletypes) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.content.supportedfiletypes%22%5D)",
+  "setting.frontMatter.content.wysiwyg.markdownDescription": "Specifies if you want to enable/disable the What You See, Is What You Get (WYSIWYG) markdown controls. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.wysiwyg) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.content.wysiwyg%22%5D)",
+  "setting.frontMatter.content.filters.markdownDescription": "Specify the filters you want to use for your content dashboard. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.content.filters) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.content.filters%22%5D)",
+  "setting.frontMatter.custom.scripts.markdownDescription": "Specify the path to a Node.js script to execute. The current file path will be provided as an argument. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.custom.scripts) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.custom.scripts%22%5D)",
  "setting.frontMatter.custom.scripts.items.properties.id.description": "ID of the script.",
  "setting.frontMatter.custom.scripts.items.properties.title.description": "Title you want to give to your script. Will be shown as the title of the button.",
  "setting.frontMatter.custom.scripts.items.properties.script.description": "Path to the script to execute",
@@ -116,16 +117,16 @@
  "setting.frontMatter.custom.scripts.items.properties.environments.items.properties.type.description": "The environment type for which the script needs to be used",
  "setting.frontMatter.custom.scripts.items.properties.environments.items.properties.script.description": "Path to the script to execute",
  "setting.frontMatter.custom.scripts.items.properties.contentTypes.description": "Define the content types for which the script will be used. If none are defined, it will be available to all types.",
-  "setting.frontMatter.dashboard.content.pagination.markdownDescription": "Specify if you want to enable/disable pagination for your content. You can define your page number up to 52. Default items per page is `16`. Disabling the pagination can be done by setting it to `false`. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.dashboard.content.pagination)",
-  "setting.frontMatter.dashboard.content.cardTags.markdownDescription": "Specify the name of the metadata field that will be used to show the tags on the content card. When empty or null, it will hide the tags from the card. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.dashboard.content.cardtags)",
-  "setting.frontMatter.dashboard.content.card.fields.state.markdownDescription": "Specify if you want to show the state/draft status on the content card view. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontMatter.dashboard.content.card.fields.state)",
-  "setting.frontMatter.dashboard.content.card.fields.date.markdownDescription": "Specify if you want to show the date on the content card view. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontMatter.dashboard.content.card.fields.date)",
-  "setting.frontMatter.dashboard.content.card.fields.description.markdownDescription": "Specify the name of the metadata field that will be used to show the description on the content card. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontMatter.dashboard.content.card.fields.description)",
-  "setting.frontMatter.dashboard.content.card.fields.title.markdownDescription": "Specify the name of the metadata field that will be used to show the title on the content card. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontMatter.dashboard.content.card.fields.title)",
-  "setting.frontMatter.dashboard.mediaSnippet.markdownDescription": "Specify the a snippet for your custom media insert markup. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.dashboard.mediasnippet)",
+  "setting.frontMatter.dashboard.content.pagination.markdownDescription": "Specify if you want to enable/disable pagination for your content. You can define your page number up to 52. Default items per page is `16`. Disabling the pagination can be done by setting it to `false`. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.dashboard.content.pagination) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.dashboard.content.pagination%22%5D)",
+  "setting.frontMatter.dashboard.content.cardTags.markdownDescription": "Specify the name of the metadata field that will be used to show the tags on the content card. When empty or null, it will hide the tags from the card. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.dashboard.content.cardtags) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.dashboard.content.cardtags%22%5D)",
+  "setting.frontMatter.dashboard.content.card.fields.state.markdownDescription": "Specify if you want to show the state/draft status on the content card view. [Docs](https://frontmatter.codes/docs/settings/overview#frontMatter.dashboard.content.card.fields.state) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontMatter.dashboard.content.card.fields.state%22%5D)",
+  "setting.frontMatter.dashboard.content.card.fields.date.markdownDescription": "Specify if you want to show the date on the content card view. [Docs](https://frontmatter.codes/docs/settings/overview#frontMatter.dashboard.content.card.fields.date) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontMatter.dashboard.content.card.fields.date%22%5D)",
+  "setting.frontMatter.dashboard.content.card.fields.description.markdownDescription": "Specify the name of the metadata field that will be used to show the description on the content card. [Docs](https://frontmatter.codes/docs/settings/overview#frontMatter.dashboard.content.card.fields.description) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontMatter.dashboard.content.card.fields.description%22%5D)",
+  "setting.frontMatter.dashboard.content.card.fields.title.markdownDescription": "Specify the name of the metadata field that will be used to show the title on the content card. [Docs](https://frontmatter.codes/docs/settings/overview#frontMatter.dashboard.content.card.fields.title) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontMatter.dashboard.content.card.fields.title%22%5D)",
+  "setting.frontMatter.dashboard.mediaSnippet.markdownDescription": "Specify the a snippet for your custom media insert markup. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.dashboard.mediasnippet) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.dashboard.mediasnippet%22%5D)",
  "setting.frontMatter.dashboard.mediaSnippet.items.description": "Use the `{mediaUrl}`, `{caption}`, `{alt}`, `{filename}`, `{mediaHeight}`, and `{mediaWidth}` placeholders in your snippet to automatically insert the media information.",
-  "setting.frontMatter.dashboard.openOnStart.markdownDescription": "Specify if you want to open the dashboard when you start VS Code.  [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.dashboard.openonstart)",
-  "setting.frontMatter.data.files.markdownDescription": "Specify the data files you want to use for your website. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.data.files)",
+  "setting.frontMatter.dashboard.openOnStart.markdownDescription": "Specify if you want to open the dashboard when you start VS Code.  [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.dashboard.openonstart) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.dashboard.openonstart%22%5D)",
+  "setting.frontMatter.data.files.markdownDescription": "Specify the data files you want to use for your website. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.data.files) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.data.files%22%5D)",
  "setting.frontMatter.data.files.items.properties.id.description": "Your unique ID you want to use for your data file.",
  "setting.frontMatter.data.files.items.properties.title.description": "Title you want to give to your data file.",
  "setting.frontMatter.data.files.items.properties.labelField.description": "The field you want to use as label for your data entries.",
@@ -138,33 +139,33 @@
  "setting.frontMatter.data.files.items.properties.schema.properties.properties.description": "Defines the fields of the form.",
  "setting.frontMatter.data.files.items.properties.type.description": "If you are using data types, you can specify your type ID.",
  "setting.frontMatter.data.files.items.properties.singleEntry.description": "If you want to use a single entry for your data file.",
-  "setting.frontMatter.data.folders.markdownDescription": "Specify the data folders you want to use for your website. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.data.folders)",
+  "setting.frontMatter.data.folders.markdownDescription": "Specify the data folders you want to use for your website. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.data.folders) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.data.folders%22%5D)",
  "setting.frontMatter.data.folders.items.properties.id.description": "Your unique ID you want to use for your data folder.",
  "setting.frontMatter.data.folders.items.properties.labelField.description": "The field you want to use as label for your data entries.",
  "setting.frontMatter.data.folders.items.properties.path.description": "Path to the folder to load files.",
  "setting.frontMatter.data.folders.items.properties.type.description": "If you are using data types, you can specify your type ID.",
  "setting.frontMatter.data.folders.items.properties.singleEntry.description": "If you want to use a single entry for your data files in the folder.",
-  "setting.frontMatter.data.types.markdownDescription": "Specify the data types. These types can be used in for your data files. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.data.types)",
+  "setting.frontMatter.data.types.markdownDescription": "Specify the data types. These types can be used in for your data files. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.data.types) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.data.types%22%5D)",
  "setting.frontMatter.data.types.items.properties.id.description": "Your unique ID you want to use for your data type.",
-  "setting.frontMatter.file.preserveCasing.markdownDescription": "Specify if you want to preserve the casing of your file names from the title. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.file.preservecasing)",
-  "setting.frontMatter.framework.id.markdownDescription": "Specify the ID of your static site generator or framework you are using for your website. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.framework.id)",
-  "setting.frontMatter.framework.startCommand.markdownDescription": "Specify the command you want to use to start your static site generator or framework. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.framework.startcommand)",
-  "setting.frontMatter.git.enabled.markdownDescription": "Specify if you want to use the Git actions for your website. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.git.enabled)",
-  "setting.frontMatter.git.commitMessage.markdownDescription": "Specify the commit message you want to use for the sync. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.git.commitmessage)",
-  "setting.frontMatter.git.submodule.pull.markdownDescription": "Specify if you want to pull submodules when syncing. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.git.submodule.pull)",
-  "setting.frontMatter.git.submodule.push.markdownDescription": "Specify if you want to push submodules when syncing. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.git.submodule.push)",
-  "setting.frontMatter.git.submodule.branch.markdownDescription": "Specify the submodule branch to checkout. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.git.submodule.branch)",
-  "setting.frontMatter.git.submodule.folder.markdownDescription": "Specify the submodule folder of your content, this can be handy when you are using multiple submodules. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.git.submodule.folder)",
-  "setting.frontMatter.global.activeMode.markdownDescription": "Specify the activated mode of Front Matter. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.global.activemode)",
-  "setting.frontMatter.global.modes.markdownDescription": "Specify the modes you want to use for Front Matter. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.global.modes)",
+  "setting.frontMatter.file.preserveCasing.markdownDescription": "Specify if you want to preserve the casing of your file names from the title. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.file.preservecasing) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.file.preservecasing%22%5D)",
+  "setting.frontMatter.framework.id.markdownDescription": "Specify the ID of your static site generator or framework you are using for your website. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.framework.id) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.framework.id%22%5D)",
+  "setting.frontMatter.framework.startCommand.markdownDescription": "Specify the command you want to use to start your static site generator or framework. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.framework.startcommand) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.framework.startcommand%22%5D)",
+  "setting.frontMatter.git.enabled.markdownDescription": "Specify if you want to use the Git actions for your website. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.git.enabled) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.git.enabled%22%5D)",
+  "setting.frontMatter.git.commitMessage.markdownDescription": "Specify the commit message you want to use for the sync. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.git.commitmessage) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.git.commitmessage%22%5D)",
+  "setting.frontMatter.git.submodule.pull.markdownDescription": "Specify if you want to pull submodules when syncing. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.git.submodule.pull) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.git.submodule.pull%22%5D)",
+  "setting.frontMatter.git.submodule.push.markdownDescription": "Specify if you want to push submodules when syncing. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.git.submodule.push) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.git.submodule.push%22%5D)",
+  "setting.frontMatter.git.submodule.branch.markdownDescription": "Specify the submodule branch to checkout. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.git.submodule.branch) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.git.submodule.branch%22%5D)",
+  "setting.frontMatter.git.submodule.folder.markdownDescription": "Specify the submodule folder of your content, this can be handy when you are using multiple submodules. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.git.submodule.folder) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.git.submodule.folder%22%5D)",
+  "setting.frontMatter.global.activeMode.markdownDescription": "Specify the activated mode of Front Matter. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.global.activemode) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.global.activemode%22%5D)",
+  "setting.frontMatter.global.modes.markdownDescription": "Specify the modes you want to use for Front Matter. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.global.modes) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.global.modes%22%5D)",
  "setting.frontMatter.global.modes.items.properties.id.description": "The ID of your mode.",
  "setting.frontMatter.global.modes.items.properties.features.description": "The features you want to use for your mode.",
-  "setting.frontMatter.global.notifications.markdownDescription": "Specifies the notifications you want to see. By default, all notifications types will be shown. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.global.notifications)",
-  "setting.frontMatter.global.disabledNotifications.markdownDescription": "This is an array with the notifications types that can be disabled for Front Matter CMS. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.global.disablednotifications)",
-  "setting.frontMatter.media.defaultSorting.markdownDescription": "Specify the default sorting option for the media dashboard. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.media.defaultsorting)",
-  "setting.frontMatter.media.supportedMimeTypes.markdownDescription": "Specify the mime types to support for the media files. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.media.supportedmimetypes)",
+  "setting.frontMatter.global.notifications.markdownDescription": "Specifies the notifications you want to see. By default, all notifications types will be shown. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.global.notifications) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.global.notifications%22%5D)",
+  "setting.frontMatter.global.disabledNotifications.markdownDescription": "This is an array with the notifications types that can be disabled for Front Matter CMS. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.global.disablednotifications) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.global.disablednotifications%22%5D)",
+  "setting.frontMatter.media.defaultSorting.markdownDescription": "Specify the default sorting option for the media dashboard. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.media.defaultsorting) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.media.defaultsorting%22%5D)",
+  "setting.frontMatter.media.supportedMimeTypes.markdownDescription": "Specify the mime types to support for the media files. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.media.supportedmimetypes) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.media.supportedmimetypes%22%5D)",

-  "setting.frontMatter.media.contentTypes.markdownDescription": "Specify the media content types you want to use in Front Matter. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.media.contenttypes)",
+  "setting.frontMatter.media.contentTypes.markdownDescription": "Specify the media content types you want to use in Front Matter. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.media.contenttypes) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.media.contenttypes%22%5D)",
  "setting.frontMatter.media.contentTypes.items.description": "Define the media content types you want to use in Front Matter.",
  "setting.frontMatter.media.contentTypes.items.properties.name.description": "Name of the media content type",
  "setting.frontMatter.media.contentTypes.items.properties.fileTypes.description": "Specify the file types to allow for the media content type",
@@ -174,17 +175,17 @@
  "setting.frontMatter.media.contentTypes.items.properties.fields.properties.type.description": "Define the type of field",
  "setting.frontMatter.media.contentTypes.items.properties.fields.properties.single.description": "Is a single line field",

-  "setting.frontMatter.panel.freeform.markdownDescription": "Specifies if you want to allow yourself from entering unknown tags/categories in the tag picker (when enabled, you will have the option to store them afterwards). Default: true. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.panel.freeform)",
-  "setting.frontMatter.panel.actions.disabled.markdownDescription": "Specify the actions you want to disable in the panel. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.panel.actions.disabled)",
-  "setting.frontMatter.preview.host.markdownDescription": "Specify the host URL (example: http://localhost:1313) to be used when opening the preview. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.preview.host)",
-  "setting.frontMatter.preview.trailingSlash.markdownDescription": "Specify if you want to add a trailing slash to the preview URL. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.preview.trailingslash)",
-  "setting.frontMatter.preview.pathName.markdownDescription": "Specify the path you want to add after the host and before your slug. This can be used for instance to include the year/month like: `yyyy/MM`. The date will be generated based on the article its date field value. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.preview.pathname)",
-  "setting.frontMatter.site.baseURL.markdownDescription": "Specify the base URL of your site, this will be used for SEO checks. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.site.baseurl)",
-  "setting.frontMatter.taxonomy.alignFilename.markdownDescription": "Align the filename with the new slug when it gets generated. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.alignfilename)",
-  "setting.frontMatter.taxonomy.categories.markdownDescription": "Specifies the categories which can be used in the Front Matter. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.categories)",
-  "setting.frontMatter.taxonomy.commaSeparatedFields.markdownDescription": "Specify the fields names that Front Matter should treat as a comma-separated array. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.commaseparatedfields)",
+  "setting.frontMatter.panel.freeform.markdownDescription": "Specifies if you want to allow yourself from entering unknown tags/categories in the tag picker (when enabled, you will have the option to store them afterwards). Default: true. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.panel.freeform) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.panel.freeform%22%5D)",
+  "setting.frontMatter.panel.actions.disabled.markdownDescription": "Specify the actions you want to disable in the panel. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.panel.actions.disabled) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.panel.actions.disabled%22%5D)",
+  "setting.frontMatter.preview.host.markdownDescription": "Specify the host URL (example: http://localhost:1313) to be used when opening the preview. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.preview.host) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.preview.host%22%5D)",
+  "setting.frontMatter.preview.trailingSlash.markdownDescription": "Specify if you want to add a trailing slash to the preview URL. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.preview.trailingslash) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.preview.trailingslash%22%5D)",
+  "setting.frontMatter.preview.pathName.markdownDescription": "Specify the path you want to add after the host and before your slug. This can be used for instance to include the year/month like: `yyyy/MM`. The date will be generated based on the article its date field value. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.preview.pathname) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.preview.pathname%22%5D)",
+  "setting.frontMatter.site.baseURL.markdownDescription": "Specify the base URL of your site, this will be used for SEO checks. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.site.baseurl) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.site.baseurl%22%5D)",
+  "setting.frontMatter.taxonomy.alignFilename.markdownDescription": "Align the filename with the new slug when it gets generated. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.alignfilename) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.taxonomy.alignfilename%22%5D)",
+  "setting.frontMatter.taxonomy.categories.markdownDescription": "Specifies the categories which can be used in the Front Matter. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.categories) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.taxonomy.categories%22%5D)",
+  "setting.frontMatter.taxonomy.commaSeparatedFields.markdownDescription": "Specify the fields names that Front Matter should treat as a comma-separated array. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.commaseparatedfields) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.taxonomy.commaseparatedfields%22%5D)",
  "setting.frontMatter.taxonomy.commaSeparatedFields.items.description": "Name of the fields you want to use as comma-separated arrays.",
-  "setting.frontMatter.taxonomy.contentTypes.markdownDescription": "Specify the type of contents you want to use for your articles/pages/etc. Make sure the `type` is correctly set in your front matter. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.contenttypes)",
+  "setting.frontMatter.taxonomy.contentTypes.markdownDescription": "Specify the type of contents you want to use for your articles/pages/etc. Make sure the `type` is correctly set in your front matter. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.contenttypes) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.taxonomy.contenttypes%22%5D)",
  "setting.frontMatter.taxonomy.contentTypes.items.description": "Define the content types you want to use in Front Matter.",
  "setting.frontMatter.taxonomy.contentTypes.items.properties.name.description": "Define the type of field",
  "setting.frontMatter.taxonomy.contentTypes.items.properties.fileType.description": "Specifies the type of content you want to create.",
@@ -238,45 +239,45 @@
  "setting.frontMatter.taxonomy.contentTypes.items.properties.postScript.description": "An optional post script that can be used after new content creation.",
  "setting.frontMatter.taxonomy.contentTypes.items.properties.filePrefix.description": "Defines a prefix for the file name.",
  "setting.frontMatter.taxonomy.contentTypes.items.properties.defaultFileName.description": "Default file name to use when creating new content.",
-  "setting.frontMatter.taxonomy.customTaxonomy.markdownDescription": "Specify the custom taxonomy field data. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.tags)",
+  "setting.frontMatter.taxonomy.customTaxonomy.markdownDescription": "Specify the custom taxonomy field data. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.tags) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.taxonomy.tags%22%5D)",
  "setting.frontMatter.taxonomy.customTaxonomy.items.properties.id.description": "ID for your taxonomy field. It cannot contain the \"tags\" or \"categories\" value.",
  "setting.frontMatter.taxonomy.customTaxonomy.items.properties.options.description": "Options from which you can pick.",
-  "setting.frontMatter.taxonomy.dateField.markdownDescription": "This setting is used to define the publishing date field of your articles. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.datefield)",
-  "setting.frontMatter.taxonomy.dateFormat.markdownDescription": "Specify the date format for your articles. Check [date-fns formating](https://date-fns.org/v2.0.1/docs/format) for more information. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.dateformat)",
-  "setting.frontMatter.taxonomy.fieldGroups.markdownDescription": "Define the field groups you want to use for your block fields or collection fields. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.fieldgroups)",
+  "setting.frontMatter.taxonomy.dateField.markdownDescription": "This setting is used to define the publishing date field of your articles. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.datefield) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.taxonomy.datefield%22%5D)",
+  "setting.frontMatter.taxonomy.dateFormat.markdownDescription": "Specify the date format for your articles. Check [date-fns formating](https://date-fns.org/v2.0.1/docs/format) for more information. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.dateformat) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.taxonomy.dateformat%22%5D)",
+  "setting.frontMatter.taxonomy.fieldGroups.markdownDescription": "Define the field groups you want to use for your block fields or collection fields. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.fieldgroups) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.taxonomy.fieldgroups%22%5D)",
  "setting.frontMatter.taxonomy.fieldGroups.items.properties.id.description": "The name of the field group",
  "setting.frontMatter.taxonomy.fieldGroups.items.properties.labelField.description": "The name of the field to be used as display value",
-  "setting.frontMatter.taxonomy.frontMatterType.markdownDescription": "Specify the type of Front Matter to use. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.frontmattertype)",
-  "setting.frontMatter.taxonomy.indentArrays.markdownDescription": "Specify if arrays in front matter are indented. Default: true. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.indentarrays)",
-  "setting.frontMatter.taxonomy.modifiedField.markdownDescription": "This setting is used to define the modified date field of your articles. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.modifiedfield)",
-  "setting.frontMatter.taxonomy.quoteStringValues.markdownDescription": "Specify if you want to quote string values in the front matter. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.quotestringvalues)",
-  "setting.frontMatter.taxonomy.noPropertyValueQuotes.markdownDescription": "Specify the properties from which quotes need to be removed. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.nopropertyvaluequotes)",
+  "setting.frontMatter.taxonomy.frontMatterType.markdownDescription": "Specify the type of Front Matter to use. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.frontmattertype) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.taxonomy.frontmattertype%22%5D)",
+  "setting.frontMatter.taxonomy.indentArrays.markdownDescription": "Specify if arrays in front matter are indented. Default: true. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.indentarrays) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.taxonomy.indentarrays%22%5D)",
+  "setting.frontMatter.taxonomy.modifiedField.markdownDescription": "This setting is used to define the modified date field of your articles. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.modifiedfield) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.taxonomy.modifiedfield%22%5D)",
+  "setting.frontMatter.taxonomy.quoteStringValues.markdownDescription": "Specify if you want to quote string values in the front matter. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.quotestringvalues) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.taxonomy.quotestringvalues%22%5D)",
+  "setting.frontMatter.taxonomy.noPropertyValueQuotes.markdownDescription": "Specify the properties from which quotes need to be removed. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.nopropertyvaluequotes) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.taxonomy.nopropertyvaluequotes%22%5D)",
  "setting.frontMatter.taxonomy.noPropertyValueQuotes.items.description": "Name of the properties you want to remove quotes from.",
-  "setting.frontMatter.taxonomy.seoContentLengh.markdownDescription": "Specifies the optimal minimum length for your articles. Between 1,760 words – 2,400 is the absolute ideal article length for SEO in 2021. (set to `-1` to turn it off). [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.seocontentlengh)",
-  "setting.frontMatter.taxonomy.seoDescriptionField.markdownDescription": "Specifies the name of the SEO description field for your page. Default is 'description'. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.seodescriptionfield)",
-  "setting.frontMatter.taxonomy.seoDescriptionLength.markdownDescription": "Specifies the optimal description length for SEO (set to `-1` to turn it off). [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.seodescriptionlength)",
-  "setting.frontMatter.taxonomy.seoSlugLength.markdownDescription": "Specifies the optimal slug length for SEO (set to `-1` to turn it off). [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.seosluglength)",
-  "setting.frontMatter.taxonomy.seoTitleField.markdownDescription": "Specifies the name of the SEO title field for your page. Default is 'title'. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.seotitlefield)",
-  "setting.frontMatter.taxonomy.seoTitleLength.markdownDescription": "Specifies the optimal title length for SEO (set to `-1` to turn it off). [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.seotitlelength)",
-  "setting.frontMatter.taxonomy.slugPrefix.markdownDescription": "Specify a prefix for the slug. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.slugprefix)",
-  "setting.frontMatter.taxonomy.slugSuffix.markdownDescription": "Specify a suffix for the slug. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.slugsuffix)",
-  "setting.frontMatter.taxonomy.slugTemplate.markdownDescription": "Defines a custom slug template for the content you will create. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.slugtemplate)",
-  "setting.frontMatter.taxonomy.tags.markdownDescription": "Specifies the tags which can be used in the Front Matter. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.tags)",
-  "setting.frontMatter.telemetry.disable.markdownDescription": "Specify if you want to disable the telemetry. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.telemetry.disable)",
-  "setting.frontMatter.templates.enabled.markdownDescription": "Specify if you want to use templates. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.templates.enabled)",
-  "setting.frontMatter.templates.folder.markdownDescription": "Specify the folder to use for your article templates. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.templates.folder)",
-  "setting.frontMatter.templates.prefix.markdownDescription": "Specify the prefix you want to add for your new article filenames. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.templates.prefix)",
+  "setting.frontMatter.taxonomy.seoContentLengh.markdownDescription": "Specifies the optimal minimum length for your articles. Between 1,760 words – 2,400 is the absolute ideal article length for SEO in 2021. (set to `-1` to turn it off). [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.seocontentlengh) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.taxonomy.seocontentlengh%22%5D)",
+  "setting.frontMatter.taxonomy.seoDescriptionField.markdownDescription": "Specifies the name of the SEO description field for your page. Default is 'description'. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.seodescriptionfield) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.taxonomy.seodescriptionfield%22%5D)",
+  "setting.frontMatter.taxonomy.seoDescriptionLength.markdownDescription": "Specifies the optimal description length for SEO (set to `-1` to turn it off). [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.seodescriptionlength) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.taxonomy.seodescriptionlength%22%5D)",
+  "setting.frontMatter.taxonomy.seoSlugLength.markdownDescription": "Specifies the optimal slug length for SEO (set to `-1` to turn it off). [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.seosluglength) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.taxonomy.seosluglength%22%5D)",
+  "setting.frontMatter.taxonomy.seoTitleField.markdownDescription": "Specifies the name of the SEO title field for your page. Default is 'title'. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.seotitlefield) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.taxonomy.seotitlefield%22%5D)",
+  "setting.frontMatter.taxonomy.seoTitleLength.markdownDescription": "Specifies the optimal title length for SEO (set to `-1` to turn it off). [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.seotitlelength) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.taxonomy.seotitlelength%22%5D)",
+  "setting.frontMatter.taxonomy.slugPrefix.markdownDescription": "Specify a prefix for the slug. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.slugprefix) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.taxonomy.slugprefix%22%5D)",
+  "setting.frontMatter.taxonomy.slugSuffix.markdownDescription": "Specify a suffix for the slug. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.slugsuffix) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.taxonomy.slugsuffix%22%5D)",
+  "setting.frontMatter.taxonomy.slugTemplate.markdownDescription": "Defines a custom slug template for the content you will create. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.slugtemplate) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.taxonomy.slugtemplate%22%5D)",
+  "setting.frontMatter.taxonomy.tags.markdownDescription": "Specifies the tags which can be used in the Front Matter. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.taxonomy.tags) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.taxonomy.tags%22%5D)",
+  "setting.frontMatter.telemetry.disable.markdownDescription": "Specify if you want to disable the telemetry. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.telemetry.disable) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.telemetry.disable%22%5D)",
+  "setting.frontMatter.templates.enabled.markdownDescription": "Specify if you want to use templates. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.templates.enabled) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.templates.enabled%22%5D)",
+  "setting.frontMatter.templates.folder.markdownDescription": "Specify the folder to use for your article templates. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.templates.folder) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.templates.folder%22%5D)",
+  "setting.frontMatter.templates.prefix.markdownDescription": "Specify the prefix you want to add for your new article filenames. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.templates.prefix) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.templates.prefix%22%5D)",
  "setting.frontMatter.dashboard.mediaSnippet.deprecationMessage": "This setting is deprecated and will be removed in the next major version. Please define your media snippet in the `frontMatter.content.snippet` setting.",
  "setting.frontMatter.taxonomy.dateField.deprecationMessage": "This setting is deprecated and will be removed in the next major version. Please use the new `isPublishDate` settings instead in your content types date fields.",
  "setting.frontMatter.taxonomy.modifiedField.deprecationMessage": "This setting is deprecated and will be removed in the next major version. Please use the new `isModifiedDate` settings instead in your content types date fields.",
  "setting.frontMatter.taxonomy.contentTypes.items.properties.fields.items.properties.customType.description": "Specify the name of the custom field type to use.",
  "setting.frontMatter.taxonomy.contentTypes.items.properties.clearEmpty.description": "Specify if the empty values should be cleared.",
-  "setting.frontMatter.website.host.markdownDescription": "Specify the host URL of your website. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.website.url)",
+  "setting.frontMatter.website.host.markdownDescription": "Specify the host URL of your website. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.website.url) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.website.url%22%5D)",
  "command.frontMatter.settings.refresh": "Refresh Front Matter Settings",
-  "setting.frontMatter.config.dynamicFilePath.markdownDescription": "Specify the path to the dynamic config file (ex: [[workspace]]/config.js). [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.config.dynamicfilepath)",
+  "setting.frontMatter.config.dynamicFilePath.markdownDescription": "Specify the path to the dynamic config file (ex: [[workspace]]/config.js). [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.config.dynamicfilepath) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.config.dynamicfilepath%22%5D)",
  "setting.frontMatter.taxonomy.contentTypes.items.properties.allowAsSubContent.description": "Specify if the content type can be used as sub content.",
  "setting.frontMatter.taxonomy.contentTypes.items.properties.isSubContent.description": "Specify if the content type is sub content.",

-  "setting.frontMatter.git.disableOnBranches.markdownDescription": "Specify the branches on which you want to disable the Git actions. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.git.disableonbranches)",
-  "setting.frontMatter.git.requiresCommitMessage.markdownDescription": "Specify if you want to require a commit message when publishing your changes for a specified branch. [Check in the docs](https://frontmatter.codes/docs/settings/overview#frontmatter.git.requirescommitmessage)"
+  "setting.frontMatter.git.disableOnBranches.markdownDescription": "Specify the branches on which you want to disable the Git actions. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.git.disableonbranches) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.git.disableonbranches%22%5D)",
+  "setting.frontMatter.git.requiresCommitMessage.markdownDescription": "Specify if you want to require a commit message when publishing your changes for a specified branch. [Docs](https://frontmatter.codes/docs/settings/overview#frontmatter.git.requirescommitmessage) - [View in VS Code](command:simpleBrowser.show?%5B%22https://frontmatter.codes/docs/settings/overview%23frontmatter.git.requirescommitmessage%22%5D)"
 }
--- a/src/commands/Article.ts
+++ b/src/commands/Article.ts
@@ -294,7 +294,7 @@ export class Article {
  /**
   * Retrieve the slug from the front matter
   */
-  public static getSlug() {
+  public static getSlug(pathname?: string) {
    const editor = window.activeTextEditor;
    if (!editor) {
      return;
@@ -329,6 +329,10 @@ export class Article {
      return `${prefix}${parsedFile.name}${suffix}`;
    }

+    if (parsedFile.name.toLowerCase() === 'index' && pathname) {
+      return ``;
+    }
+
    const folderName = basename(dirname(file));
    return folderName;
  }
--- a/src/commands/Folders.ts
+++ b/src/commands/Folders.ts
@@ -11,7 +11,14 @@ import {
 } from './../constants';
 import { commands, Uri, workspace, window } from 'vscode';
 import { basename, dirname, join, relative, sep } from 'path';
-import { ContentFolder, FileInfo, FolderInfo, I18nConfig, StaticFolder } from '../models';
+import {
+  ContentFolder,
+  ContentType,
+  FileInfo,
+  FolderInfo,
+  I18nConfig,
+  StaticFolder
+} from '../models';
 import uniqBy = require('lodash.uniqby');
 import { Template } from './Template';
 import { Notifications } from '../helpers/Notifications';
@@ -29,6 +36,7 @@ import { mkdirAsync } from '../utils/mkdirAsync';
 import { existsAsync, isWindows } from '../utils';
 import * as l10n from '@vscode/l10n';
 import { LocalizationKey } from '../localization';
+import { Preview } from './Preview';

 export const WORKSPACE_PLACEHOLDER = `[[workspace]]`;

@@ -640,7 +648,7 @@ export class Folders {
   * @param filePath
   * @returns
   */
-  public static async getFilePrefixBeFilePath(filePath: string) {
+  public static async getFilePrefixBeFilePath(filePath: string): Promise<string | undefined> {
    const folders = await Folders.get();
    if (folders.length > 0) {
      filePath = parseWinPath(filePath);
@@ -672,7 +680,7 @@ export class Folders {
  public static async getPageFolderByFilePath(
    filePath: string
  ): Promise<ContentFolder | undefined> {
-    const folders = await Folders.get();
+    const folders = Folders.getCached();
    const parsedPath = parseWinPath(filePath);
    const pageFolderMatches = folders
      .filter((folder) => parsedPath && folder.path && parsedPath.includes(folder.path))
@@ -685,6 +693,49 @@ export class Folders {
    return;
  }

+  /**
+   * Retrieves the folder associated with the specified content type and file path.
+   * If a single matching folder is found, it is returned. If multiple matching folders are found,
+   * the user is prompted to select one. If no matching folders are found, the user is prompted to
+   * select a folder with a preview path.
+   *
+   * @param contentType - The content type to match.
+   * @param filePath - The file path to match.
+   * @returns A Promise that resolves to the selected ContentFolder, or undefined if no matching folder is found.
+   */
+  public static async getFolderByContentType(
+    contentType: ContentType,
+    filePath: string
+  ): Promise<ContentFolder | undefined> {
+    if (!contentType) {
+      return;
+    }
+
+    const folders = Folders.getCached();
+    let selectedFolder: ContentFolder | undefined;
+
+    // Try to find the folder by content type
+    let crntFolders = folders.filter(
+      (folder) =>
+        folder.contentTypes?.includes((contentType as ContentType).name) && folder.previewPath
+    );
+
+    // Use file path to find the folder
+    if (crntFolders.length > 0) {
+      crntFolders = crntFolders.filter((folder) => filePath?.startsWith(folder.path));
+    }
+
+    if (crntFolders && crntFolders.length === 1) {
+      selectedFolder = crntFolders[0];
+    } else if (crntFolders && crntFolders.length > 1) {
+      selectedFolder = await Preview.askUserToPickFolder(crntFolders);
+    } else {
+      selectedFolder = await Preview.askUserToPickFolder(folders.filter((f) => f.previewPath));
+    }
+
+    return selectedFolder;
+  }
+
  /**
   * Retrieves the file stats for a given file.
   * @param file - The URI of the file.
--- a/src/commands/Preview.ts
+++ b/src/commands/Preview.ts
@@ -247,42 +247,15 @@ export class Preview {
      contentType = await ArticleHelper.getContentType(article);
    }

-    // Check if there is a pathname defined on content folder level
-    const folders = await Folders.get();
-    if (folders.length > 0) {
-      for (const folder of folders) {
-        const folderPath = parseWinPath(folder.path);
-        if (filePath.startsWith(folderPath)) {
-          if (!selectedFolder || selectedFolder.path.length < folderPath.length) {
-            selectedFolder = folder;
-          }
-        }
-      }
+    // Get the folder of the article by the file path
+    selectedFolder = await Folders.getPageFolderByFilePath(filePath);

-      if (!selectedFolder && article?.data && contentType && !contentType.previewPath) {
-        // Try to find the folder by content type
-        let crntFolders = folders.filter(
-          (folder) =>
-            folder.contentTypes?.includes((contentType as ContentType).name) && folder.previewPath
-        );
+    if (!selectedFolder && contentType) {
+      selectedFolder = await Folders.getFolderByContentType(contentType, filePath);
+    }

-        // Use file path to find the folder
-        if (crntFolders.length > 0) {
-          crntFolders = crntFolders.filter((folder) => filePath?.startsWith(folder.path));
-        }
-
-        if (crntFolders && crntFolders.length === 1) {
-          selectedFolder = crntFolders[0];
-        } else if (crntFolders && crntFolders.length > 1) {
-          selectedFolder = await Preview.askUserToPickFolder(crntFolders);
-        } else {
-          selectedFolder = await Preview.askUserToPickFolder(folders.filter((f) => f.previewPath));
-        }
-      }
-
-      if (selectedFolder && selectedFolder.previewPath) {
-        pathname = selectedFolder.previewPath;
-      }
+    if (selectedFolder && selectedFolder.previewPath) {
+      pathname = selectedFolder.previewPath;
    }

    // Check if there is a pathname defined on content type level
@@ -293,7 +266,7 @@ export class Preview {
    }

    if (!slug) {
-      slug = Article.getSlug();
+      slug = Article.getSlug(pathname);
    }

    const locale = await i18n.getLocale(filePath);
@@ -372,7 +345,7 @@ export class Preview {
      slug = `${slug}/`;
    }

-    return slug;
+    return join(slug);
  }

  /**
@@ -422,7 +395,7 @@ export class Preview {
   * @param crntFolders
   * @returns
   */
-  private static async askUserToPickFolder(
+  public static async askUserToPickFolder(
    crntFolders: ContentFolder[]
  ): Promise<ContentFolder | undefined> {
    let selectedFolder: ContentFolder | undefined = undefined;
--- a/src/constants/Extension.ts
+++ b/src/constants/Extension.ts
@@ -27,6 +27,7 @@ export const COMMAND_NAME = {
  initTemplate: getCommandName('initTemplate'),
  collapseSections: getCommandName('collapseSections'),
  preview: getCommandName('preview'),
+  docs: getCommandName('docs'),
  chatbot: getCommandName('chatbot'),
  dashboard: getCommandName('dashboard'),
  dashboardMedia: getCommandName('dashboard.media'),
--- a/src/dashboardWebView/components/Header/Header.tsx
+++ b/src/dashboardWebView/components/Header/Header.tsx
@@ -14,7 +14,7 @@ import { ChoiceButton } from '../Common/ChoiceButton';
 import { MediaHeaderBottom } from '../Media/MediaHeaderBottom';
 import { Tabs } from './Tabs';
 import { CustomScript } from '../../../models';
-import { ArrowTopRightOnSquareIcon, BoltIcon, PlusIcon } from '@heroicons/react/24/outline';
+import { ArrowTopRightOnSquareIcon, BoltIcon, BookOpenIcon, PlusIcon } from '@heroicons/react/24/outline';
 import { HeartIcon } from '@heroicons/react/24/solid';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { routePaths } from '../..';
@@ -29,7 +29,7 @@ import * as l10n from '@vscode/l10n';
 import { LocalizationKey } from '../../../localization';
 import { SettingsLink } from '../SettingsView/SettingsLink';
 import { Link } from '../Common/Link';
-import { SPONSOR_LINK } from '../../../constants';
+import { COMMAND_NAME, GeneralCommands, SPONSOR_LINK } from '../../../constants';
 import { Filters } from './Filters';
 import { ActionsBar } from './ActionsBar';
 import { RefreshDashboardData } from './RefreshDashboardData';
@@ -157,6 +157,16 @@ export const Header: React.FunctionComponent<IHeaderProps> = ({
            )
          }

+          <button
+            className="inline-flex items-center hover:text-[var(--vscode-textLink-activeForeground)]"
+            title={l10n.t(LocalizationKey.commonDocs)}
+            onClick={() => Messenger.send(GeneralCommands.toVSCode.runCommand, {
+              command: COMMAND_NAME.docs
+            })}>
+            <span className='sr-only'>{l10n.t(LocalizationKey.commonDocs)}</span>
+            <BookOpenIcon className='w-4 h-4' aria-hidden="true" />
+          </button>
+
          <SettingsLink onNavigate={updateView} />
        </div>
      </div>
--- a/src/extension.ts
+++ b/src/extension.ts
@@ -209,6 +209,16 @@ export async function activate(context: vscode.ExtensionContext) {
    vscode.commands.registerCommand(COMMAND_NAME.preview, () => Preview.open(extensionPath))
  );

+  // Open docs
+  subscriptions.push(
+    vscode.commands.registerCommand(COMMAND_NAME.docs, () => {
+      vscode.commands.executeCommand(
+        `simpleBrowser.show`,
+        `https://${extension.isBetaVersion() ? `beta.` : ``}frontmatter.codes/docs`
+      );
+    })
+  );
+
  // Chat to the bot
  subscriptions.push(
    vscode.commands.registerCommand(COMMAND_NAME.chatbot, () => Chatbot.open(extensionPath))
--- a/src/helpers/CustomScript.ts
+++ b/src/helpers/CustomScript.ts
@@ -2,7 +2,7 @@ import { Settings } from './SettingsHelper';
 import { CommandType, EnvironmentType } from './../models/PanelSettings';
 import { CustomScript as ICustomScript, ScriptType } from '../models/PanelSettings';
 import { window, env as vscodeEnv, ProgressLocation, Uri, commands } from 'vscode';
-import { ArticleHelper, Logger, Telemetry } from '.';
+import { ArticleHelper, Logger, MediaHelpers, Telemetry } from '.';
 import { Folders, WORKSPACE_PLACEHOLDER } from '../commands/Folders';
 import { exec, execSync } from 'child_process';
 import * as os from 'os';
@@ -269,7 +269,13 @@ export class CustomScript {
  ): Promise<void> {
    if (output) {
      try {
-        const data = JSON.parse(output);
+        const data: {
+          frontmatter?: { [key: string]: any };
+          fmAction?: 'open' | 'copyMediaMetadata' | 'copyMediaMetadataAndDelete' | 'deleteMedia';
+          fmPath?: string;
+          fmSourcePath?: string;
+          fmDestinationPath?: string;
+        } = JSON.parse(output);

        if (data.frontmatter) {
          let article = null;
@@ -305,6 +311,21 @@ export class CustomScript {
          if (data.fmAction === 'open' && data.fmPath) {
            const uri = data.fmPath.startsWith(`http`) ? data.fmPath : Uri.file(data.fmPath);
            commands.executeCommand('vscode.open', uri);
+          } else if (
+            data.fmAction === 'copyMediaMetadata' &&
+            data.fmSourcePath &&
+            data.fmDestinationPath
+          ) {
+            await MediaHelpers.copyMetadata(data.fmSourcePath, data.fmDestinationPath);
+          } else if (
+            data.fmAction === 'copyMediaMetadataAndDelete' &&
+            data.fmSourcePath &&
+            data.fmDestinationPath
+          ) {
+            await MediaHelpers.copyMetadata(data.fmSourcePath, data.fmDestinationPath);
+            await MediaHelpers.deleteFile(data.fmSourcePath);
+          } else if (data.fmAction === 'deleteMedia' && data.fmPath) {
+            await MediaHelpers.deleteFile(data.fmPath);
          }
        } else {
          Logger.error(`No frontmatter found.`);
--- a/src/helpers/MediaHelpers.ts
+++ b/src/helpers/MediaHelpers.ts
@@ -348,15 +348,7 @@ export class MediaHelpers {
   * @param data
   * @returns
   */
-  public static async deleteFile({
-    file,
-    page,
-    folder
-  }: {
-    file: string;
-    page: number;
-    folder: string | null;
-  }) {
+  public static async deleteFile(file: string) {
    if (!file) {
      return;
    }
@@ -496,6 +488,18 @@ export class MediaHelpers {
    await mediaLib.updateFilename(file, filename);
  }

+  /**
+   * Copies the metadata from the source media to the target media.
+   *
+   * @param source - The path of the source media.
+   * @param target - The path of the target media.
+   */
+  public static async copyMetadata(source: string, target: string) {
+    const mediaLib = MediaLibrary.getInstance();
+    const metadata = await mediaLib.get(source);
+    mediaLib.set(target, metadata);
+  }
+
  /**
   * Filter the media files
   */
--- a/src/helpers/PanelSettings.ts
+++ b/src/helpers/PanelSettings.ts
@@ -45,6 +45,7 @@ import {
  TaxonomyType
 } from '../models';
 import { Folders } from '../commands';
+import { Copilot } from '../services/Copilot';

 export class PanelSettings {
  public static async get(): Promise<IPanelSettings> {
@@ -53,6 +54,7 @@ export class PanelSettings {
    try {
      return {
        aiEnabled: Settings.get<boolean>(SETTING_SPONSORS_AI_ENABLED) || false,
+        copilotEnabled: await Copilot.isInstalled(),
        git: await GitListener.getSettings(),
        seo: {
          title: (Settings.get(SETTING_SEO_TITLE_LENGTH) as number) || -1,
--- a/src/helpers/Questions.ts
+++ b/src/helpers/Questions.ts
@@ -9,6 +9,7 @@ import { SponsorAi } from '../services/SponsorAI';
 import * as l10n from '@vscode/l10n';
 import { LocalizationKey } from '../localization';
 import { ContentFolder } from '../models';
+import { Copilot } from '../services/Copilot';

 interface FolderQuickPickItem extends QuickPickItem {
  path: string;
@@ -41,11 +42,12 @@ export class Questions {
  public static async ContentTitle(showWarning: boolean = true): Promise<string | undefined> {
    const aiEnabled = Settings.get<boolean>(SETTING_SPONSORS_AI_ENABLED);
    let title: string | undefined = '';
+    const isCopilotInstalled = await Copilot.isInstalled();

-    if (aiEnabled) {
-      const githubAuth = await authentication.getSession('github', ['read:user'], { silent: true });
+    let aiTitles: string[] | undefined;

-      if (githubAuth && githubAuth.account.label) {
+    if (aiEnabled || isCopilotInstalled) {
+      if (isCopilotInstalled) {
        title = await window.showInputBox({
          title: l10n.t(LocalizationKey.helpersQuestionsContentTitleAiInputTitle),
          prompt: l10n.t(LocalizationKey.helpersQuestionsContentTitleAiInputPrompt),
@@ -55,54 +57,81 @@ export class Questions {

        if (title) {
          try {
-            const aiTitles = await SponsorAi.getTitles(githubAuth.accessToken, title);
-
-            if (aiTitles && aiTitles.length > 0) {
-              const options: QuickPickItem[] = [
-                {
-                  label: `✏️ ${l10n.t(
-                    LocalizationKey.helpersQuestionsContentTitleAiInputQuickPickTitleSeparator
-                  )}`,
-                  kind: QuickPickItemKind.Separator
-                },
-                {
-                  label: title
-                },
-                {
-                  label: `🤖 ${l10n.t(
-                    LocalizationKey.helpersQuestionsContentTitleAiInputQuickPickAiSeparator
-                  )}`,
-                  kind: QuickPickItemKind.Separator
-                },
-                ...aiTitles.map((d: string) => ({
-                  label: d
-                }))
-              ];
-
-              const selectedTitle = await window.showQuickPick(options, {
-                title: l10n.t(LocalizationKey.helpersQuestionsContentTitleAiInputSelectTitle),
-                placeHolder: l10n.t(
-                  LocalizationKey.helpersQuestionsContentTitleAiInputSelectPlaceholder
-                ),
-                ignoreFocusOut: true
-              });
-
-              if (selectedTitle) {
-                title = selectedTitle.label;
-              } else if (!selectedTitle) {
-                // Reset the title, so the user can enter their own title
-                title = undefined;
-              }
-            }
+            aiTitles = await Copilot.suggestTitles(title);
          } catch (e) {
            Logger.error((e as Error).message);
-            Notifications.error(l10n.t(LocalizationKey.helpersQuestionsContentTitleAiInputFailed));
+            Notifications.error(
+              l10n.t(LocalizationKey.helpersQuestionsContentTitleCopilotInputFailed)
+            );
            title = undefined;
          }
-        } else if (!title && showWarning) {
-          Notifications.warning(l10n.t(LocalizationKey.helpersQuestionsContentTitleAiInputWarning));
-          return;
        }
+      } else {
+        const githubAuth = await authentication.getSession('github', ['read:user'], {
+          silent: true
+        });
+
+        if (githubAuth && githubAuth.account.label) {
+          title = await window.showInputBox({
+            title: l10n.t(LocalizationKey.helpersQuestionsContentTitleAiInputTitle),
+            prompt: l10n.t(LocalizationKey.helpersQuestionsContentTitleAiInputPrompt),
+            placeHolder: l10n.t(LocalizationKey.helpersQuestionsContentTitleAiInputPlaceholder),
+            ignoreFocusOut: true
+          });
+
+          if (title) {
+            try {
+              aiTitles = await SponsorAi.getTitles(githubAuth.accessToken, title);
+            } catch (e) {
+              Logger.error((e as Error).message);
+              Notifications.error(
+                l10n.t(LocalizationKey.helpersQuestionsContentTitleAiInputFailed)
+              );
+              title = undefined;
+            }
+          }
+        }
+      }
+
+      if (title && aiTitles && aiTitles.length > 0) {
+        const options: QuickPickItem[] = [
+          {
+            label: `✏️ ${l10n.t(
+              LocalizationKey.helpersQuestionsContentTitleAiInputQuickPickTitleSeparator
+            )}`,
+            kind: QuickPickItemKind.Separator
+          },
+          {
+            label: title
+          },
+          {
+            label: `🤖 ${l10n.t(
+              isCopilotInstalled
+                ? LocalizationKey.helpersQuestionsContentTitleAiInputQuickPickCopilotSeparator
+                : LocalizationKey.helpersQuestionsContentTitleAiInputQuickPickAiSeparator
+            )}`,
+            kind: QuickPickItemKind.Separator
+          },
+          ...aiTitles.map((d: string) => ({
+            label: d
+          }))
+        ];
+
+        const selectedTitle = await window.showQuickPick(options, {
+          title: l10n.t(LocalizationKey.helpersQuestionsContentTitleAiInputSelectTitle),
+          placeHolder: l10n.t(LocalizationKey.helpersQuestionsContentTitleAiInputSelectPlaceholder),
+          ignoreFocusOut: true
+        });
+
+        if (selectedTitle) {
+          title = selectedTitle.label;
+        } else if (!selectedTitle) {
+          // Reset the title, so the user can enter their own title
+          title = undefined;
+        }
+      } else if (!title && showWarning) {
+        Notifications.warning(l10n.t(LocalizationKey.helpersQuestionsContentTitleAiInputWarning));
+        return;
      }
    }

--- a/src/listeners/dashboard/MediaListener.ts
+++ b/src/listeners/dashboard/MediaListener.ts
@@ -183,7 +183,7 @@ export class MediaListener extends BaseListener {
   */
  private static delete(data: { file: string; page: number; folder: string | null }) {
    try {
-      MediaHelpers.deleteFile(data);
+      MediaHelpers.deleteFile(data.file);
      this.sendMediaFiles(data.page || 0, data.folder || '');
    } catch {}
  }
--- a/src/listeners/panel/DataListener.ts
+++ b/src/listeners/panel/DataListener.ts
@@ -5,7 +5,12 @@ import { Folders } from '../../commands/Folders';
 import { Command } from '../../panelWebView/Command';
 import { CommandToCode } from '../../panelWebView/CommandToCode';
 import { BaseListener } from './BaseListener';
-import { Uri, authentication, commands, window } from 'vscode';
+import {
+  Uri,
+  authentication,
+  commands,
+  window
+} from 'vscode';
 import {
  ArticleHelper,
  Extension,
@@ -45,6 +50,7 @@ import { Terminal } from '../../services';
 import * as l10n from '@vscode/l10n';
 import { LocalizationKey } from '../../localization';
 import { parse } from 'path';
+import { Copilot } from '../../services/Copilot';

 const FILE_LIMIT = 10;

@@ -104,9 +110,62 @@ export class DataListener extends BaseListener {
      case CommandToCode.aiSuggestDescription:
        this.aiSuggestTaxonomy(msg.command, msg.requestId);
        break;
+      case CommandToCode.copilotSuggestDescription:
+        this.copilotSuggestDescription(msg.command, msg.requestId);
+        break;
    }
  }

+  /**
+   * Executes a Copilot suggestion command.
+   * @param command - The command to execute.
+   * @param requestId - The optional request ID.
+   * @returns A Promise that resolves when the suggestion command is executed.
+   */
+  private static async copilotSuggestDescription(command: string, requestId?: string) {
+    if (!command || !requestId) {
+      return;
+    }
+
+    const article = ArticleHelper.getActiveFile();
+    if (!article) {
+      return;
+    }
+
+    const articleDetails = await ArticleHelper.getFrontMatterByPath(article);
+    if (!articleDetails) {
+      return;
+    }
+
+    const extPath = Extension.getInstance().extensionPath;
+    const panel = PanelProvider.getInstance(extPath);
+
+    const titleField = (Settings.get(SETTING_SEO_TITLE_FIELD) as string) || DefaultFields.Title;
+    const description = await Copilot.suggestDescription(
+      articleDetails.data[titleField],
+      articleDetails.content
+    );
+
+    if (description) {
+      panel.getWebview()?.postMessage({
+        command,
+        requestId,
+        payload: description
+      } as MessageHandlerData<string>);
+    } else {
+      panel.getWebview()?.postMessage({
+        command,
+        requestId,
+        error: l10n.t(LocalizationKey.servicesCopilotGetChatResponseError)
+      } as MessageHandlerData<string>);
+    }
+  }
+
+  /**
+   * Suggests taxonomy using AI.
+   * @param command - The command string.
+   * @param requestId - The optional request ID.
+   */
  private static async aiSuggestTaxonomy(command: string, requestId?: string) {
    if (!command || !requestId) {
      return;
@@ -307,9 +366,21 @@ export class DataListener extends BaseListener {

      // Check slug
      if (!slugField && !updatedMetadata[DefaultFields.Slug]) {
-        const slug = Article.getSlug();
+        let pathname = contentType.previewPath || '';
+        if (!pathname) {
+          const selectedFolder = await Folders.getPageFolderByFilePath(filePath);
+          if (selectedFolder && selectedFolder.previewPath) {
+            pathname = selectedFolder.previewPath;
+          }
+        }

-        if (slug) {
+        if (!pathname) {
+          pathname = Preview.getSettings().pathname || '';
+        }
+
+        const slug = Article.getSlug(pathname);
+
+        if (typeof slug !== 'undefined') {
          updatedMetadata[DefaultFields.Slug] = slug;
        }
      }
--- a/src/listeners/panel/TaxonomyListener.ts
+++ b/src/listeners/panel/TaxonomyListener.ts
@@ -15,6 +15,7 @@ import { PanelProvider } from '../../panelWebView/PanelProvider';
 import { MessageHandlerData } from '@estruyf/vscode';
 import * as l10n from '@vscode/l10n';
 import { LocalizationKey } from '../../localization';
+import { Copilot } from '../../services/Copilot';

 export class TaxonomyListener extends BaseListener {
  /**
@@ -66,9 +67,72 @@ export class TaxonomyListener extends BaseListener {
      case CommandToCode.aiSuggestTaxonomy:
        this.aiSuggestTaxonomy(msg.command, msg.requestId, msg.payload);
        break;
+      case CommandToCode.copilotSuggestTaxonomy:
+        this.copilotSuggestTaxonomy(msg.command, msg.requestId, msg.payload);
+        break;
    }
  }

+
+  /**
+   * Suggests a taxonomy for a given command, request ID, and tag type.
+   * 
+   * @param command - The command to execute.
+   * @param requestId - The ID of the request.
+   * @param type - The type of the tag.
+   * @returns A Promise that resolves to void.
+   */
+  private static async copilotSuggestTaxonomy(command: string, requestId?: string, type?: TagType) {
+    if (!command || !requestId || !type) {
+      return;
+    }
+
+    const article = ArticleHelper.getActiveFile();
+    if (!article) {
+      return;
+    }
+
+    const articleDetails = await ArticleHelper.getFrontMatterByPath(article);
+    if (!articleDetails) {
+      return;
+    }
+
+    const extPath = Extension.getInstance().extensionPath;
+    const panel = PanelProvider.getInstance(extPath);
+
+    const titleField = (Settings.get(SETTING_SEO_TITLE_FIELD) as string) || DefaultFields.Title;
+    const descriptionField = (Settings.get(SETTING_SEO_DESCRIPTION_FIELD) as string) || DefaultFields.Description;
+
+    const tags = await Copilot.suggestTaxonomy(
+      articleDetails.data[titleField],
+      type,
+      articleDetails.data[descriptionField],
+      articleDetails.content
+    );
+
+    if (tags) {
+      panel.getWebview()?.postMessage({
+        command,
+        requestId,
+        payload: tags
+      } as MessageHandlerData<string[]>);
+    } else {
+      panel.getWebview()?.postMessage({
+        command,
+        requestId,
+        error: l10n.t(LocalizationKey.servicesCopilotGetChatResponseError)
+      } as MessageHandlerData<string>);
+    }
+  }
+
+  /**
+   * Suggests taxonomy based on the provided command, request ID, and tag type.
+   * 
+   * @param command - The command to execute.
+   * @param requestId - The ID of the request.
+   * @param type - The type of tag.
+   * @returns A Promise that resolves to void.
+   */
  private static async aiSuggestTaxonomy(command: string, requestId?: string, type?: TagType) {
    if (!command || !requestId || !type) {
      return;
--- a/src/localization/localization.enum.ts
+++ b/src/localization/localization.enum.ts
@@ -175,6 +175,10 @@ export enum LocalizationKey {
   * Rename
   */
  commonRename = 'common.rename',
+  /**
+   * Documentation
+   */
+  commonDocs = 'common.docs',
  /**
   * Loading content
   */
@@ -1392,6 +1396,10 @@ export enum LocalizationKey {
   * Use Front Matter AI to suggest {0}
   */
  panelFieldsTextFieldAiMessage = 'panel.fields.textField.ai.message',
+  /**
+   * Use Copilot to suggest {0}
+   */
+  panelFieldsTextFieldCopilotMessage = 'panel.fields.textField.copilot.message',
  /**
   * Generating suggestion...
   */
@@ -1672,6 +1680,10 @@ export enum LocalizationKey {
   * Use Front Matter AI to suggest {0}
   */
  panelTagPickerAiSuggest = 'panel.tagPicker.ai.suggest',
+  /**
+   * Use GitHub Copilot to suggest {0}
+   */
+  panelTagPickerCopilotSuggest = 'panel.tagPicker.copilot.suggest',
  /**
   * Generating suggestions...
   */
@@ -2308,6 +2320,10 @@ export enum LocalizationKey {
   * AI generated title
   */
  helpersQuestionsContentTitleAiInputQuickPickAiSeparator = 'helpers.questions.contentTitle.aiInput.quickPick.ai.separator',
+  /**
+   * GitHub Copilot generated title
+   */
+  helpersQuestionsContentTitleAiInputQuickPickCopilotSeparator = 'helpers.questions.contentTitle.aiInput.quickPick.copilot.separator',
  /**
   * Select a title
   */
@@ -2320,6 +2336,10 @@ export enum LocalizationKey {
   * Failed fetching the AI title. Please try to use your own title or try again later.
   */
  helpersQuestionsContentTitleAiInputFailed = 'helpers.questions.contentTitle.aiInput.failed',
+  /**
+   * Failed fetching the GitHub Copilot title suggestions. Please try to use your own title or try again later.
+   */
+  helpersQuestionsContentTitleCopilotInputFailed = 'helpers.questions.contentTitle.copilotInput.failed',
  /**
   * You did not specify a title for your content.
   */
@@ -2568,6 +2588,10 @@ export enum LocalizationKey {
   * No article data
   */
  listenersPanelTaxonomyListenerAiSuggestTaxonomyNoDataError = 'listeners.panel.taxonomyListener.aiSuggestTaxonomy.noData.error',
+  /**
+   * Failed to get a response from the GitHub Copilot.
+   */
+  servicesCopilotGetChatResponseError = 'services.copilot.getChatResponse.error',
  /**
   * Select the mode you want to use
   */
--- a/src/models/PanelSettings.ts
+++ b/src/models/PanelSettings.ts
@@ -29,6 +29,7 @@ export interface PanelSettings {
  fieldGroups: FieldGroup[] | undefined;
  commaSeparatedFields: string[];
  aiEnabled: boolean;
+  copilotEnabled: boolean;
  contentFolders: ContentFolder[];
  websiteUrl: string;
  disabledActions: PanelAction[];
--- a/src/panelWebView/CommandToCode.ts
+++ b/src/panelWebView/CommandToCode.ts
@@ -42,6 +42,8 @@ export enum CommandToCode {
  stopServer = 'stop-server',
  aiSuggestTaxonomy = 'ai-suggest-taxonomy',
  aiSuggestDescription = 'ai-suggest-description',
+  copilotSuggestDescription = 'copilot-suggest-description',
+  copilotSuggestTaxonomy = 'copilot-suggest-taxonomy',
  searchByType = 'search-by-type',
  processMediaData = 'process-media-data',
  isServerStarted = 'is-server-started'
--- a/src/panelWebView/components/Actions.tsx
+++ b/src/panelWebView/components/Actions.tsx
@@ -53,7 +53,7 @@ const Actions: React.FunctionComponent<IActionsProps> = ({
    }

    if (settings?.preview?.host && !disableActions.includes(`preview`)) {
-      if ((metadata && metadata.slug) || !metadata) {
+      if ((metadata && typeof metadata.slug !== "undefined") || !metadata) {
        allActions.push(<Preview key="preview" />);
      }
    }
--- a/src/panelWebView/components/Fields/FieldTitle.tsx
+++ b/src/panelWebView/components/Fields/FieldTitle.tsx
@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { useMemo } from 'react';
 import { RequiredAsterix } from './RequiredAsterix';
-import { VSCodeLabel } from '../VSCode';

 export interface IFieldTitleProps {
  label: string | JSX.Element;
@@ -23,16 +22,14 @@ export const FieldTitle: React.FunctionComponent<IFieldTitleProps> = ({
  }, [icon]);

  return (
-    <VSCodeLabel>
-      <div className={`metadata_field__label ${className || ''}`}>
-        <div>
-          {Icon}
-          <span style={{ lineHeight: '16px' }}>{label}</span>
-          <RequiredAsterix required={required} />
-        </div>
+    <div className='flex items-center justify-between w-full mb-2'>
+      <label className={`metadata_field__label text-base text-[var(--vscode-foreground)] ${className || ''}`}>
+        {Icon}
+        <span style={{ lineHeight: '16px' }}>{label}</span>
+        <RequiredAsterix required={required} />
+      </label>

-        {actionElement}
-      </div>
-    </VSCodeLabel>
+      {actionElement}
+    </div>
  );
 };
--- a/src/panelWebView/components/Fields/TagPicker.tsx
+++ b/src/panelWebView/components/Fields/TagPicker.tsx
@@ -16,6 +16,7 @@ import { SparklesIcon } from '@heroicons/react/24/outline';
 import * as l10n from '@vscode/l10n';
 import { LocalizationKey } from '../../../localization';
 import useDropdownStyle from '../../hooks/useDropdownStyle';
+import { CopilotIcon } from '../Icons';

 export interface ITagPickerProps {
  type: TagType;
@@ -98,39 +99,42 @@ const TagPicker: React.FunctionComponent<ITagPickerProps> = ({
   * Send an update to VSCode
   * @param values
   */
-  const sendUpdate = useCallback((values: string[]) => {
-    if (type === TagType.tags) {
-      Messenger.send(CommandToCode.updateTags, {
-        fieldName,
-        values,
-        renderAsString,
-        parents,
-        blockData
-      });
-    } else if (type === TagType.categories) {
-      Messenger.send(CommandToCode.updateCategories, {
-        fieldName,
-        values,
-        renderAsString,
-        parents,
-        blockData
-      });
-    } else if (type === TagType.keywords) {
-      Messenger.send(CommandToCode.updateKeywords, {
-        values,
-        parents
-      });
-    } else if (type === TagType.custom) {
-      Messenger.send(CommandToCode.updateCustomTaxonomy, {
-        id: taxonomyId,
-        name: fieldName,
-        options: values,
-        renderAsString,
-        parents,
-        blockData
-      } as CustomTaxonomyData);
-    }
-  }, [renderAsString]);
+  const sendUpdate = useCallback(
+    (values: string[]) => {
+      if (type === TagType.tags) {
+        Messenger.send(CommandToCode.updateTags, {
+          fieldName,
+          values,
+          renderAsString,
+          parents,
+          blockData
+        });
+      } else if (type === TagType.categories) {
+        Messenger.send(CommandToCode.updateCategories, {
+          fieldName,
+          values,
+          renderAsString,
+          parents,
+          blockData
+        });
+      } else if (type === TagType.keywords) {
+        Messenger.send(CommandToCode.updateKeywords, {
+          values,
+          parents
+        });
+      } else if (type === TagType.custom) {
+        Messenger.send(CommandToCode.updateCustomTaxonomy, {
+          id: taxonomyId,
+          name: fieldName,
+          options: values,
+          renderAsString,
+          parents,
+          blockData
+        } as CustomTaxonomyData);
+      }
+    },
+    [renderAsString]
+  );

  /**
   * Triggers the focus to the input when command is executed
@@ -182,19 +186,24 @@ const TagPicker: React.FunctionComponent<ITagPickerProps> = ({
   * @param option
   * @param inputValue
   */
-  const filterList = useCallback((option: string, inputValue: string | null) => {
-    if (typeof option !== 'string') {
-      return false;
-    }
+  const filterList = useCallback(
+    (option: string, inputValue: string | null) => {
+      if (typeof option !== 'string') {
+        return false;
+      }

-    if (!(selected instanceof Array)) {
-      return true;
-    }
+      if (!(selected instanceof Array)) {
+        return true;
+      }

-    return (
-      option && !selected.includes(option) && option.toLowerCase().includes((inputValue || '').toLowerCase())
-    );
-  }, [selected]);
+      return (
+        option &&
+        !selected.includes(option) &&
+        option.toLowerCase().includes((inputValue || '').toLowerCase())
+      );
+    },
+    [selected]
+  );

  /**
   * Add the new item to the data
@@ -240,20 +249,29 @@ const TagPicker: React.FunctionComponent<ITagPickerProps> = ({
    [options, inputRef, selected, freeform]
  );

-  const suggestTaxonomy = useCallback((type: TagType) => {
-    setLoading(true);
-    messageHandler.request<string[]>(CommandToCode.aiSuggestTaxonomy, type).then((values) => {
-      setLoading(false);
-      if (values && values instanceof Array && values.length > 0) {
-        const uniqValues = Array.from(new Set([...selected, ...values]));
-        setSelected(uniqValues);
-        sendUpdate(uniqValues);
-        setInputValue('');
-      }
-    }).catch(() => {
-      setLoading(false);
-    });
-  }, [selected]);
+  const suggestTaxonomy = useCallback(
+    (aiType: 'ai' | 'copilot', type: TagType) => {
+      setLoading(true);
+
+      const command =
+        aiType === 'ai' ? CommandToCode.aiSuggestTaxonomy : CommandToCode.copilotSuggestTaxonomy;
+      messageHandler
+        .request<string[]>(command, type)
+        .then((values) => {
+          setLoading(false);
+          if (values && values instanceof Array && values.length > 0) {
+            const uniqValues = Array.from(new Set([...selected, ...values]));
+            setSelected(uniqValues);
+            sendUpdate(uniqValues);
+            setInputValue('');
+          }
+        })
+        .catch(() => {
+          setLoading(false);
+        });
+    },
+    [selected]
+  );

  /**
   * Check if the input is disabled
@@ -268,10 +286,13 @@ const TagPicker: React.FunctionComponent<ITagPickerProps> = ({

  const inputPlaceholder = useMemo((): string => {
    if (checkIsDisabled()) {
-      return l10n.t(LocalizationKey.panelTagPickerInputPlaceholderDisabled, `${limit} ${label || type.toLowerCase()}`);
+      return l10n.t(
+        LocalizationKey.panelTagPickerInputPlaceholderDisabled,
+        `${limit} ${label || type.toLowerCase()}`
+      );
    }

-    return l10n.t(LocalizationKey.panelTagPickerInputPlaceholderEmpty, (label || type.toLowerCase()));
+    return l10n.t(LocalizationKey.panelTagPickerInputPlaceholderEmpty, label || type.toLowerCase());
  }, [label, type, checkIsDisabled]);

  const showRequiredState = useMemo(() => {
@@ -279,25 +300,44 @@ const TagPicker: React.FunctionComponent<ITagPickerProps> = ({
  }, [required, selected]);

  const actionElement = useMemo(() => {
-    if (!settings?.aiEnabled) {
-      return;
-    }
-
    if (type !== TagType.tags && type !== TagType.categories) {
      return;
    }

    return (
-      <button
-        className='metadata_field__title__action'
-        title={l10n.t(LocalizationKey.panelTagPickerAiSuggest, (label?.toLowerCase() || type.toLowerCase()))}
-        type='button'
-        onClick={() => suggestTaxonomy(type)}
-        disabled={loading}>
-        <SparklesIcon />
-      </button>
+      <div className="flex gap-4">
+        {settings?.aiEnabled && (
+          <button
+            className="metadata_field__title__action"
+            title={l10n.t(
+              LocalizationKey.panelTagPickerAiSuggest,
+              label?.toLowerCase() || type.toLowerCase()
+            )}
+            type="button"
+            onClick={() => suggestTaxonomy('ai', type)}
+            disabled={loading}
+          >
+            <SparklesIcon />
+          </button>
+        )}
+
+        {settings?.copilotEnabled && (
+          <button
+            className="metadata_field__title__action"
+            title={l10n.t(
+              LocalizationKey.panelTagPickerCopilotSuggest,
+              label?.toLowerCase() || type.toLowerCase()
+            )}
+            type="button"
+            onClick={() => suggestTaxonomy('copilot', type)}
+            disabled={loading}
+          >
+            <CopilotIcon />
+          </button>
+        )}
+      </div>
    );
-  }, [settings?.aiEnabled, label, type]);
+  }, [settings?.aiEnabled, settings?.copilotEnabled, label, type]);

  const sortedSelectedTags = useMemo(() => {
    const safeSelected = selected || [];
@@ -328,13 +368,6 @@ const TagPicker: React.FunctionComponent<ITagPickerProps> = ({

  return (
    <div className={`article__tags metadata_field`}>
-      {
-        loading && (
-          <div className='metadata_field__loading'>
-            {l10n.t(LocalizationKey.panelTagPickerAiGenerating)}
-          </div>
-        )
-      }
      <FieldTitle
        label={
          <>
@@ -342,7 +375,9 @@ const TagPicker: React.FunctionComponent<ITagPickerProps> = ({
            {limit !== undefined && limit > 0 ? (
              <>
                {` `}
-                <span style={{ fontWeight: 'lighter' }}>({l10n.t(LocalizationKey.panelTagPickerLimit, limit)})</span>
+                <span style={{ fontWeight: 'lighter' }}>
+                  ({l10n.t(LocalizationKey.panelTagPickerLimit, limit)})
+                </span>
              </>
            ) : (
              ``
@@ -354,79 +389,86 @@ const TagPicker: React.FunctionComponent<ITagPickerProps> = ({
        required={required}
      />

-      <Downshift
-        ref={dsRef}
-        onChange={(selected) => onSelect(selected || '')}
-        itemToString={(item) => (item ? item : '')}
-        inputValue={inputValue}
-        onInputValueChange={(value) => setInputValue(value)}
-      >
-        {({
-          getInputProps,
-          getItemProps,
-          getMenuProps,
-          isOpen,
-          inputValue,
-          getRootProps,
-          openMenu,
-          closeMenu,
-          clearSelection,
-          highlightedIndex
-        }) => (
-          <>
-            <div
-              {...getRootProps(undefined, { suppressRefError: true })}
-              className={`article__tags__input ${freeform ? 'freeform' : ''} ${showRequiredState ? 'required' : ''
+      <div className="relative">
+        {loading && (
+          <div className="metadata_field__loading">
+            {l10n.t(LocalizationKey.panelTagPickerAiGenerating)}
+          </div>
+        )}
+
+        <Downshift
+          ref={dsRef}
+          onChange={(selected) => onSelect(selected || '')}
+          itemToString={(item) => (item ? item : '')}
+          inputValue={inputValue}
+          onInputValueChange={(value) => setInputValue(value)}
+        >
+          {({
+            getInputProps,
+            getItemProps,
+            getMenuProps,
+            isOpen,
+            inputValue,
+            getRootProps,
+            openMenu,
+            closeMenu,
+            clearSelection,
+            highlightedIndex
+          }) => (
+            <>
+              <div
+                {...getRootProps(undefined, { suppressRefError: true })}
+                className={`article__tags__input ${freeform ? 'freeform' : ''} ${
+                  showRequiredState ? 'required' : ''
                }`}
-            >
-              <input
-                {...getInputProps({
-                  ref: inputRef,
-                  onFocus: openMenu as any,
-                  onClick: openMenu as any,
-                  onKeyDown: (e) => onEnterData(e, closeMenu, highlightedIndex),
-                  onBlur: () => {
-                    closeMenu();
-                    unsetFocus();
-                    if (!inputValue) {
-                      clearSelection();
-                    }
-                  },
-                  disabled: checkIsDisabled()
-                })}
-                placeholder={inputPlaceholder}
-              />
+              >
+                <input
+                  {...getInputProps({
+                    ref: inputRef,
+                    onFocus: openMenu as any,
+                    onClick: openMenu as any,
+                    onKeyDown: (e) => onEnterData(e, closeMenu, highlightedIndex),
+                    onBlur: () => {
+                      closeMenu();
+                      unsetFocus();
+                      if (!inputValue) {
+                        clearSelection();
+                      }
+                    },
+                    disabled: checkIsDisabled()
+                  })}
+                  placeholder={inputPlaceholder}
+                />

-              {freeform && (
-                <button
-                  className={`article__tags__input__button`}
-                  title={l10n.t(LocalizationKey.panelTagPickerUnkown)}
-                  disabled={!inputValue || checkIsDisabled()}
-                  onClick={() => insertUnkownTag(closeMenu)}
-                >
-                  <AddIcon />
-                </button>
-              )}
-            </div>
+                {freeform && (
+                  <button
+                    className={`article__tags__input__button`}
+                    title={l10n.t(LocalizationKey.panelTagPickerUnkown)}
+                    disabled={!inputValue || checkIsDisabled()}
+                    onClick={() => insertUnkownTag(closeMenu)}
+                  >
+                    <AddIcon />
+                  </button>
+                )}
+              </div>

-            <ul
-              className={`field_dropdown article__tags__dropbox ${isOpen ? 'open' : 'closed'}`}
-              style={{
-                bottom: getDropdownStyle(isOpen)
-              }}
-              {...getMenuProps()}
-            >
-              {
-                options
+              <ul
+                className={`field_dropdown article__tags__dropbox ${isOpen ? 'open' : 'closed'}`}
+                style={{
+                  bottom: getDropdownStyle(isOpen)
+                }}
+                {...getMenuProps()}
+              >
+                {options
                  .filter((option) => filterList(option, inputValue))
                  .map((item, index) => (
                    <li {...getItemProps({ key: item, index, item })}>{item}</li>
-                  ))
-              }
-            </ul>
-          </>
-        )}
-      </Downshift>
+                  ))}
+              </ul>
+            </>
+          )}
+        </Downshift>
+      </div>

      <FieldMessage
        name={(label || type).toLowerCase()}
--- a/src/panelWebView/components/Fields/TextField.tsx
+++ b/src/panelWebView/components/Fields/TextField.tsx
@@ -11,6 +11,7 @@ import { CommandToCode } from '../../CommandToCode';
 import * as l10n from '@vscode/l10n';
 import { LocalizationKey } from '../../../localization';
 import { useDebounce } from '../../../hooks/useDebounce';
+import { CopilotIcon } from '../Icons';

 const DEBOUNCE_TIME = 300;

@@ -91,39 +92,61 @@ export const TextField: React.FunctionComponent<ITextFieldProps> = ({
    }
  }, [showRequiredState, isValid]);

-  const suggestDescription = () => {
+  const suggestDescription = (type: 'ai' | 'copilot') => {
    setLoading(true);
-    messageHandler.request<string>(CommandToCode.aiSuggestDescription).then((suggestion) => {
-      setLoading(false);
+    messageHandler
+      .request<string>(
+        type === 'copilot' ? CommandToCode.copilotSuggestDescription : CommandToCode.aiSuggestDescription
+      )
+      .then((suggestion) => {
+        setLoading(false);

-      if (suggestion) {
-        setText(suggestion);
-        onChange(suggestion);
-      }
-    }).catch(() => {
-      setLoading(false);
-    });
+        if (suggestion) {
+          setText(suggestion);
+          onChange(suggestion);
+        }
+      })
+      .catch(() => {
+        setLoading(false);
+      });
  };

  const actionElement = useMemo(() => {
-    if (!settings?.aiEnabled || settings.seo.descriptionField !== name) {
+    if (settings.seo.descriptionField !== name) {
      return;
    }

    return (
-      <button
-        className='metadata_field__title__action'
-        title={l10n.t(LocalizationKey.panelFieldsTextFieldAiMessage, label?.toLowerCase())}
-        type='button'
-        onClick={() => suggestDescription()}
-        disabled={loading}>
-        <SparklesIcon />
-      </button>
+      <div className="flex gap-4">
+        {settings?.aiEnabled && (
+          <button
+            className="metadata_field__title__action inline-block text-[var(--vscode-editor-foreground)] disabled:opacity-50"
+            title={l10n.t(LocalizationKey.panelFieldsTextFieldAiMessage, label?.toLowerCase())}
+            type="button"
+            onClick={() => suggestDescription('ai')}
+            disabled={loading}
+          >
+            <SparklesIcon />
+          </button>
+        )}
+
+        {settings?.copilotEnabled && (
+          <button
+            className="metadata_field__title__action inline-block text-[var(--vscode-editor-foreground)] disabled:opacity-50"
+            title={l10n.t(LocalizationKey.panelFieldsTextFieldCopilotMessage, label?.toLowerCase())}
+            type="button"
+            onClick={() => suggestDescription('copilot')}
+            disabled={loading}
+          >
+            <CopilotIcon />
+          </button>
+        )}
+      </div>
    );
  }, [settings?.aiEnabled, name]);

  useEffect(() => {
-    if (text !== value && (lastUpdated === null || (Date.now() - DEBOUNCE_TIME) > lastUpdated)) {
+    if (text !== value && (lastUpdated === null || Date.now() - DEBOUNCE_TIME > lastUpdated)) {
      setText(value || null);
    }
    setLastUpdated(null);
@@ -137,42 +160,49 @@ export const TextField: React.FunctionComponent<ITextFieldProps> = ({

  return (
    <div className={`metadata_field`}>
-      {
-        loading && (
-          <div className='metadata_field__loading'>
+      <FieldTitle
+        label={label}
+        actionElement={actionElement}
+        icon={<PencilIcon />}
+        required={required}
+      />
+
+      <div className='relative'>
+        {loading && (
+          <div className="metadata_field__loading">
            {l10n.t(LocalizationKey.panelFieldsTextFieldAiGenerate)}
          </div>
-        )
-      }
+        )}

-      <FieldTitle label={label} actionElement={actionElement} icon={<PencilIcon />} required={required} />
-
-      {wysiwyg ? (
-        <React.Suspense fallback={<div>{l10n.t(LocalizationKey.panelFieldsTextFieldLoading)}</div>}>
-          <WysiwygField text={text || ''} onChange={onTextChange} />
-        </React.Suspense>
-      ) : singleLine ? (
-        <input
-          className={`metadata_field__input`}
-          value={text || ''}
-          onChange={(e) => onTextChange(e.currentTarget.value)}
-          placeholder={placeholder}
-          style={{
-            border
-          }}
-        />
-      ) : (
-        <textarea
-          className={`metadata_field__textarea`}
-          rows={rows || 2}
-          value={text || ''}
-          onChange={(e) => onTextChange(e.currentTarget.value)}
-          placeholder={placeholder}
-          style={{
-            border
-          }}
-        />
-      )}
+        {wysiwyg ? (
+          <React.Suspense
+            fallback={<div>{l10n.t(LocalizationKey.panelFieldsTextFieldLoading)}</div>}
+          >
+            <WysiwygField text={text || ''} onChange={onTextChange} />
+          </React.Suspense>
+        ) : singleLine ? (
+          <input
+            className={`metadata_field__input`}
+            value={text || ''}
+            onChange={(e) => onTextChange(e.currentTarget.value)}
+            placeholder={placeholder}
+            style={{
+              border
+            }}
+          />
+        ) : (
+          <textarea
+            className={`metadata_field__textarea`}
+            rows={rows || 2}
+            value={text || ''}
+            onChange={(e) => onTextChange(e.currentTarget.value)}
+            placeholder={placeholder}
+            style={{
+              border
+            }}
+          />
+        )}
+      </div>

      {limit && limit > 0 && (text || '').length > limit && (
        <div className={`metadata_field__limit`}>
--- a/src/panelWebView/components/Fields/WrapperField.tsx
+++ b/src/panelWebView/components/Fields/WrapperField.tsx
@@ -211,7 +211,7 @@ export const WrapperField: React.FunctionComponent<IWrapperFieldProps> = ({
          singleLine={field.single}
          limit={limit}
          wysiwyg={field.wysiwyg}
-          rows={3}
+          rows={4}
          onChange={onFieldChange}
          value={(fieldValue as string) || null}
          required={!!field.required}
--- a/src/panelWebView/components/Icons/CopilotIcon.tsx
+++ b/src/panelWebView/components/Icons/CopilotIcon.tsx
@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+export interface ICopilotIconProps { }
+
+export const CopilotIcon: React.FunctionComponent<ICopilotIconProps> = (props: React.PropsWithChildren<ICopilotIconProps>) => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 256 208">
+      <path fill='currentcolor' d="M205.28 31.36c14.096 14.88 20.016 35.2 22.512 63.68c6.626 0 12.805 1.47 16.976 7.152l7.792 10.56A17.55 17.55 0 0 1 256 123.2v28.688c-.008 3.704-1.843 7.315-4.832 9.504C215.885 187.222 172.35 208 128 208c-49.066 0-98.19-28.273-123.168-46.608c-2.989-2.189-4.825-5.8-4.832-9.504V123.2c0-3.776 1.2-7.424 3.424-10.464l7.792-10.544c4.173-5.657 10.38-7.152 16.992-7.152c2.496-28.48 8.4-48.8 22.512-63.68C77.331 3.165 112.567.06 127.552 0H128c14.72 0 50.4 2.88 77.28 31.36m-77.264 47.376c-3.04 0-6.544.176-10.272.544c-1.312 4.896-3.248 9.312-6.08 12.128c-11.2 11.2-24.704 12.928-31.936 12.928c-6.802 0-13.927-1.42-19.744-5.088c-5.502 1.808-10.786 4.415-11.136 10.912c-.586 12.28-.637 24.55-.688 36.824c-.026 6.16-.05 12.322-.144 18.488c.024 3.579 2.182 6.903 5.44 8.384C79.936 185.92 104.976 192 128.016 192c23.008 0 48.048-6.08 74.512-18.144c3.258-1.48 5.415-4.805 5.44-8.384c.317-18.418.062-36.912-.816-55.312h.016c-.342-6.534-5.648-9.098-11.168-10.912c-5.82 3.652-12.927 5.088-19.728 5.088c-7.232 0-20.72-1.728-31.936-12.928c-2.832-2.816-4.768-7.232-6.08-12.128a106 106 0 0 0-10.24-.544m-26.941 43.93c5.748 0 10.408 4.66 10.408 10.409v19.183c0 5.749-4.66 10.409-10.408 10.409s-10.408-4.66-10.408-10.409v-19.183c0-5.748 4.66-10.408 10.408-10.408m53.333 0c5.749 0 10.409 4.66 10.409 10.409v19.183c0 5.749-4.66 10.409-10.409 10.409c-5.748 0-10.408-4.66-10.408-10.409v-19.183c0-5.748 4.66-10.408 10.408-10.408M81.44 28.32c-11.2 1.12-20.64 4.8-25.44 9.92c-10.4 11.36-8.16 40.16-2.24 46.24c4.32 4.32 12.48 7.2 21.28 7.2c6.72 0 19.52-1.44 30.08-12.16c4.64-4.48 7.52-15.68 7.2-27.04c-.32-9.12-2.88-16.64-6.72-19.84c-4.16-3.68-13.6-5.28-24.16-4.32m68.96 4.32c-3.84 3.2-6.4 10.72-6.72 19.84c-.32 11.36 2.56 22.56 7.2 27.04c10.56 10.72 23.36 12.16 30.08 12.16c8.8 0 16.96-2.88 21.28-7.2c5.92-6.08 8.16-34.88-2.24-46.24c-4.8-5.12-14.24-8.8-25.44-9.92c-10.56-.96-20 .64-24.16 4.32M128 56c-2.56 0-5.6.16-8.96.48c.32 1.76.48 3.68.64 5.76c0 1.44 0 2.88-.16 4.48c3.2-.32 5.92-.32 8.48-.32s5.28 0 8.48.32c-.16-1.6-.16-3.04-.16-4.48c.16-2.08.32-4 .64-5.76c-3.36-.32-6.4-.48-8.96-.48" />
+    </svg>
+  );
+};
--- a/src/panelWebView/components/Icons/index.ts
+++ b/src/panelWebView/components/Icons/index.ts
@@ -3,6 +3,7 @@ export * from './ArchiveIcon';
 export * from './BranchIcon';
 export * from './BugIcon';
 export * from './CenterIcon';
+export * from './CopilotIcon';
 export * from './FileIcon';
 export * from './FolderOpenedIcon';
 export * from './FrontMatterIcon';
--- a/src/panelWebView/components/Metadata.tsx
+++ b/src/panelWebView/components/Metadata.tsx
@@ -93,27 +93,29 @@ const Metadata: React.FunctionComponent<IMetadataProps> = ({

  return (
    <Collapsible
-      id={`tags`}
+      id={`metadata`}
      title={`${l10n.t(LocalizationKey.panelMetadataTitle)}${contentType?.name ? ` (${contentType?.name})` : ""}`}
      className={`inherit z-20`}>
      <FeatureFlag features={features || DEFAULT_PANEL_FEATURE_FLAGS} flag={FEATURE_FLAG.panel.contentType}>
        <ContentTypeValidator fields={contentType?.fields || []} metadata={metadata} />
      </FeatureFlag>

-      {
-        metadata.fmError && metadata.fmErrorMessage ? (
-          <div className={`space-y-4`}>
-            <p className={`text-[var(--vscode-errorForeground)]`}>{metadata.fmError}</p>
+      <div className='metadata_fields space-y-6'>
+        {
+          metadata.fmError && metadata.fmErrorMessage ? (
+            <div className={`space-y-4`}>
+              <p className={`text-[var(--vscode-errorForeground)]`}>{metadata.fmError}</p>

-            <button
-              title={l10n.t(LocalizationKey.panelMetadataFocusProblems)}
-              onClick={focusProblems}
-              type={`button`}>
-              {l10n.t(LocalizationKey.panelMetadataFocusProblems)}
-            </button>
-          </div>
-        ) : allFields
-      }
+              <button
+                title={l10n.t(LocalizationKey.panelMetadataFocusProblems)}
+                onClick={focusProblems}
+                type={`button`}>
+                {l10n.t(LocalizationKey.panelMetadataFocusProblems)}
+              </button>
+            </div>
+          ) : allFields
+        }
+      </div>
    </Collapsible>
  );
 };
--- a/src/panelWebView/styles.css
+++ b/src/panelWebView/styles.css
@@ -316,7 +316,6 @@ button {
  display: flex;
  align-items: center;
  justify-content: space-between;
-  margin-bottom: 0.5rem;

  &.metadata_field__alert {
    justify-content: flex-start;
@@ -326,31 +325,30 @@ button {
    display: flex;
    align-items: center;
  }
+}

-  button {
-    all: unset;
+.metadata_field__title__action {
+  all: unset;
+  display: inline-flex;
+  justify-content: center;
+  background: none;
+  height: 16px;
+  width: 16px;
+
+  &:hover {
+    color: var(--vscode-button-hoverBackground);
+    fill: var(--vscode-button-hoverBackground);
+    background: none;
+    cursor: pointer;
  }

-  .metadata_field__title__action {
-    display: inline-flex;
-    justify-content: center;
-    height: 16px;
-    width: 16px;
+  &:disabled {
+    opacity: 0.5;
+    color: var(--vscode-disabledForeground);
+  }

-    &:hover {
-      color: var(--vscode-button-hoverBackground);
-      fill: var(--vscode-button-hoverBackground);
-      cursor: pointer;
-    }
-
-    &:disabled {
-      opacity: 0.5;
-      color: var(--vscode-disabledForeground);
-    }
-
-    svg {
-      margin-right: 0;
-    }
+  svg {
+    margin-right: 0;
  }
 }

@@ -364,15 +362,15 @@ button {
 }

 .metadata_field__loading {
-  border-radius: 0.25rem;
  backdrop-filter: blur(15px);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% + 2.5em);
-  background-color: rgba(0, 0, 0, 0.8);
-  top: 30px;
+  background-color: var(--vscode-button-secondaryBackground);
+  color: var(--vscode-button-secondaryForeground);
+  top: 0;
  left: -1.25rem;
  right: 0;
  bottom: 0;
--- a/src/services/Copilot.ts
+++ b/src/services/Copilot.ts
@@ -0,0 +1,207 @@
+import {
+  CancellationTokenSource,
+  LanguageModelChatMessage,
+  LanguageModelChatResponse,
+  extensions,
+  lm,
+  version as VscodeVersion
+} from 'vscode';
+import { Logger, Settings, TaxonomyHelper } from '../helpers';
+import { SETTING_SEO_DESCRIPTION_LENGTH, SETTING_SEO_TITLE_LENGTH } from '../constants';
+import { TagType } from '../panelWebView/TagType';
+import { TaxonomyType } from '../models';
+
+export class Copilot {
+  private static personality =
+    'You are a CMS expert for Front Matter CMS and your task is to assist the user to help generate content for their article.';
+
+  /**
+   * Checks if the GitHub Copilot extension is installed.
+   * @returns A promise that resolves to a boolean indicating whether the extension is installed.
+   */
+  public static async isInstalled(): Promise<boolean> {
+    if (!VscodeVersion.includes('insider')) {
+      // At the moment Copilot is only available in the insider version of VS Code
+      return false;
+    }
+
+    const copilotExt = extensions.getExtension(`GitHub.copilot`);
+    return !!copilotExt;
+  }
+
+  public static async suggestTitles(title: string): Promise<string[] | undefined> {
+    if (!title) {
+      return;
+    }
+
+    const chars = Settings.get<number>(SETTING_SEO_TITLE_LENGTH) || 60;
+    const messages = [
+      LanguageModelChatMessage.User(Copilot.personality),
+      LanguageModelChatMessage.User(
+        `The user wants you to create a SEO friendly title. You should give the user a couple of suggestions based on the provided title.
+        
+        IMPORTANT: You are only allowed to respond with a text that should not exceed ${chars} characters in length.
+        
+        Desired format: just a string, e.g. "My first blog post". Each suggestion is separated by a new line.`
+      ),
+      LanguageModelChatMessage.User(`The title of the blog post is """${title}""".`)
+    ];
+
+    const chatResponse = await this.getChatResponse(messages);
+    if (!chatResponse) {
+      return;
+    }
+
+    let titles = chatResponse.split('\n').map((title) => title.trim());
+    // Remove 1. or - from the beginning of the title
+    titles = titles.map((title) => title.replace(/^\d+\.\s+|-/, '').trim());
+    // Only take the titles wrapped in quotes
+    titles = titles.filter((title) => title.startsWith('"') && title.endsWith('"'));
+    // Remove the quotes from the beginning and end of the title
+    titles = titles.map((title) => title.slice(1, -1));
+    return titles;
+  }
+
+  /**
+   * Generates a SEO friendly abstract/description for an article based on the provided title and content.
+   *
+   * @param title - The title of the blog post.
+   * @param content - The content of the blog post.
+   * @returns A chat response containing the generated description.
+   */
+  public static async suggestDescription(title: string, content?: string) {
+    if (!title) {
+      return;
+    }
+
+    const chars = Settings.get<number>(SETTING_SEO_DESCRIPTION_LENGTH) || 160;
+    const messages = [
+      LanguageModelChatMessage.User(Copilot.personality),
+      LanguageModelChatMessage.User(
+        `The user wants you to create a SEO friendly abstract/description. When the user provides a title and/or content, you should use this information to generate the description.
+        
+        IMPORTANT: You are only allowed to respond with a text that should not exceed ${chars} characters in length.`
+      ),
+      LanguageModelChatMessage.User(`The title of the blog post is """${title}""".`)
+    ];
+
+    if (content) {
+      messages.push(
+        LanguageModelChatMessage.User(`The content of the blog post is: """${content}""".`)
+      );
+    }
+
+    const chatResponse = await this.getChatResponse(messages);
+    return chatResponse;
+  }
+
+  /**
+   * Suggests taxonomy tags based on the provided title, tag type, description, and content.
+   *
+   * @param title - The title of the blog post.
+   * @param tagType - The type of taxonomy tags to suggest (Tag or Category).
+   * @param description - The description of the blog post (optional).
+   * @param content - The content of the blog post (optional).
+   * @returns A promise that resolves to an array of suggested taxonomy tags, or undefined if no title is provided.
+   */
+  public static async suggestTaxonomy(
+    title: string,
+    tagType: TagType,
+    description?: string,
+    content?: string
+  ): Promise<string[] | undefined> {
+    if (!title) {
+      return;
+    }
+
+    const messages = [
+      LanguageModelChatMessage.User(Copilot.personality),
+      LanguageModelChatMessage.User(
+        `The user wants you to suggest some taxonomy tags. When the user provides a title, description, list of available taxonomy tags, and/or content, you should use this information to generate the tags.
+        
+        IMPORTANT: You are only allowed to respond with a list of tags separated by commas. Example: tag1, tag2, tag3.`
+      ),
+      LanguageModelChatMessage.User(`The title of the blog post is """${title}""".`)
+    ];
+
+    if (description) {
+      messages.push(
+        LanguageModelChatMessage.User(`The description of the blog post is: """${description}""".`)
+      );
+    }
+
+    let options =
+      tagType === TagType.tags
+        ? await TaxonomyHelper.get(TaxonomyType.Tag)
+        : await TaxonomyHelper.get(TaxonomyType.Category);
+    const optionsString = options?.join(',') || '';
+
+    if (optionsString) {
+      messages.push(
+        LanguageModelChatMessage.User(
+          `The available taxonomy tags are: ${optionsString}. Please select the tags that are relevant to the article. You are allowed to suggest a maximum of 5 tags and suggest new tags if necessary.`
+        )
+      );
+    }
+
+    if (content) {
+      messages.push(
+        LanguageModelChatMessage.User(`The content of the blog post is: """${content}""".`)
+      );
+    }
+
+    const chatResponse = await this.getChatResponse(messages);
+
+    if (!chatResponse) {
+      return;
+    }
+
+    // If the chat response contains a colon character, we take the text after the colon as the response.
+    if (chatResponse.includes(':')) {
+      return chatResponse
+        .split(':')[1]
+        .split(',')
+        .map((tag) => tag.trim());
+    }
+
+    // Otherwise, we split the response by commas.
+    return chatResponse.split(',').map((tag) => tag.trim());
+  }
+
+  /**
+   * Retrieves the chat response from the language model.
+   * @param messages - The chat messages to send to the language model.
+   * @returns The concatenated text fragments from the chat response.
+   */
+  private static async getChatResponse(messages: LanguageModelChatMessage[]) {
+    let chatResponse: LanguageModelChatResponse | undefined;
+
+    try {
+      const model = await this.getModel();
+      chatResponse = await model.sendRequest(messages, {}, new CancellationTokenSource().token);
+    } catch (err) {
+      Logger.error(`Copilot:getChatResponse:: ${(err as Error).message}`);
+      return;
+    }
+
+    let allFragments = [];
+    for await (const fragment of chatResponse.text) {
+      allFragments.push(fragment);
+    }
+
+    return allFragments.join('');
+  }
+
+  /**
+   * Retrieves the chat model for the Copilot service.
+   * @returns A Promise that resolves to the chat model.
+   */
+  private static async getModel() {
+    const [model] = await lm.selectChatModels({
+      vendor: 'copilot'
+      // family: 'gpt-4'
+    });
+
+    return model;
+  }
+}
Author	SHA1	Message	Date
Elio Struyf	3a4e9fd8ff	#823 - Support titles and taxonomy	2024-06-26 11:35:02 +02:00
Elio Struyf	e77de75333	Updated dependencies	2024-06-26 09:27:43 +02:00
Elio Struyf	b00d7a077d	#823 - First steps into integrating GH Copilot	2024-06-25 22:25:16 +02:00
Elio Struyf	582c09875e	Add docs #822	2024-06-20 11:39:26 +02:00
Elio Struyf	0c9b4a31ac	Added doc links for vscode	2024-06-17 09:28:56 +02:00
Elio Struyf	e8fc53804c	Update	2024-06-17 09:15:05 +02:00
Elio Struyf	5b7486a355	Update readme	2024-06-16 12:14:35 +02:00
Elio Struyf	d23e0833dc	Update readme	2024-06-16 12:14:12 +02:00
Elio Struyf	dacc6214b6	Updated readme	2024-06-16 12:13:38 +02:00
Elio Struyf	314cadb81e	Merge branch 'hotfix/10.2.1' into dev	2024-06-14 13:40:42 +02:00
Elio Struyf	1e1c0cedb0	#812 - Support for case 2	2024-06-14 13:40:02 +02:00
Elio Struyf	013324b3f0	Merge branch 'main' into hotfix/10.2.1	2024-06-14 12:14:14 +02:00
Elio Struyf	62056753e4	10.3.0	2024-06-13 16:35:24 +02:00
Elio Struyf	6b018c0b65	#819 - Added new extensibility support for media scripts	2024-06-13 16:35:10 +02:00
Elio Struyf	ef9510d92d	Merge pull request #818 from mayumih387/dev Added new translations (Japanese)	2024-06-13 14:30:31 +02:00
mayumih387	6d4cd4b0c2	Revised translations	2024-06-13 12:37:53 +09:00
mayumih387	e529f30a40	Added translations for new lines	2024-06-13 12:33:08 +09:00
mayumihara	8b92a3306f	Merge branch 'estruyf:dev' into dev	2024-06-13 11:35:52 +09:00
mayumih387	5882853f28	Added new descriptions	2024-06-03 14:32:05 +09:00