diff --git a/apps/docs/i18n/fr/code.json b/apps/docs/i18n/fr/code.json
new file mode 100644
index 0000000000..917ae735d5
--- /dev/null
+++ b/apps/docs/i18n/fr/code.json
@@ -0,0 +1,126 @@
+{
+  "theme.ErrorPageContent.title": {
+    "message": "Un problème est survenu lors de l'affichage de la page.",
+    "description": "The title of the fallback page when the page crashed"
+  },
+  "theme.ErrorPageContent.tryAgain": {
+    "message": "Réessayer",
+    "description": "The label of the button to try again when the page crashed"
+  },
+  "theme.NotFound.title": {
+    "message": "Page introuvable.",
+    "description": "The title of the 404 page"
+  },
+  "theme.NotFound.p1": {
+    "message": "La page que vous recherchez est introuvable.",
+    "description": "The first paragraph of the 404 page"
+  },
+  "theme.NotFound.p2": {
+    "message": "Merci de signaler tout lien brisé à l'administrateur du site.",
+    "description": "The 2nd paragraph of the 404 page"
+  },
+  "theme.BackToTopButton.buttonAriaLabel": {
+    "message": "Revenir en haut",
+    "description": "The ARIA label for the back to top button"
+  },
+  "theme.AnnouncementBar.closeButtonAriaLabel": {
+    "message": "Fermer",
+    "description": "The ARIA label for close button of announcement bar"
+  },
+  "theme.CodeBlock.copyButtonAriaLabel": {
+    "message": "Copier le code dans le presse-papiers",
+    "description": "The ARIA label for copy code blocks button"
+  },
+  "theme.CodeBlock.copied": {
+    "message": "Copié",
+    "description": "The copied button label on code blocks"
+  },
+  "theme.CodeBlock.copy": {
+    "message": "Copier",
+    "description": "The copy button label on code blocks"
+  },
+  "theme.tags.tagsPageLink": {
+    "message": "Voir toutes les étiquettes",
+    "description": "The label of the link targeting the tag list page"
+  },
+  "theme.docs.sidebar.expandButtonTitle": {
+    "message": "Ouvrir la barre latérale",
+    "description": "The ARIA label and title attribute for expand button of doc sidebar"
+  },
+  "theme.docs.sidebar.expandButtonAriaLabel": {
+    "message": "Ouvrir la barre latérale",
+    "description": "The ARIA label and title attribute for expand button of doc sidebar"
+  },
+  "theme.docs.paginator.navAriaLabel": {
+    "message": "Navigation de la documentation",
+    "description": "The ARIA label for the docs pagination"
+  },
+  "theme.docs.paginator.next": {
+    "message": "Suivant",
+    "description": "The label used to navigate to the next doc"
+  },
+  "theme.docs.paginator.previous": {
+    "message": "Précédent",
+    "description": "The label used to navigate to the previous doc"
+  },
+  "theme.docs.sidebar.collapseButtonTitle": {
+    "message": "Fermer la barre latérale",
+    "description": "The title attribute for collapse button of doc sidebar"
+  },
+  "theme.docs.sidebar.collapseButtonAriaLabel": {
+    "message": "Fermer la barre latérale",
+    "description": "The title attribute for collapse button of doc sidebar"
+  },
+  "theme.DocSidebarItem.toggleCollapsedCategoryAriaLabel": {
+    "message": "Basculer la catégorie pliable de la barre latérale '{label}'",
+    "description": "The ARIA label to toggle the collapsible sidebar category"
+  },
+  "theme.docs.tagDocListPageTitle.nDocsTagged": {
+    "message": "Un document étiqueté|{count} documents étiquetés",
+    "description": "Pluralized label for \"{count} docs tagged\"."
+  },
+  "theme.docs.tagDocListPageTitle": {
+    "message": "{nDocsTagged} avec \"{tagName}\"",
+    "description": "The title of the page for a docs tag"
+  },
+  "theme.common.editThisPage": {
+    "message": "Modifier cette page",
+    "description": "The link label to edit the current page"
+  },
+  "theme.common.headingLinkTitle": {
+    "message": "Lien direct vers le titre",
+    "description": "Title for link to heading"
+  },
+  "theme.lastUpdated.atDate": {
+    "message": " le {date}",
+    "description": "The words used to describe on which date a page has been last updated"
+  },
+  "theme.lastUpdated.byUser": {
+    "message": " par {user}",
+    "description": "The words used to describe by who the page has been last updated"
+  },
+  "theme.lastUpdated.lastUpdatedAtBy": {
+    "message": "Dernière mise à jour{atDate}{byUser}.",
+    "description": "The sentence used to display when a page has been last updated, and by who"
+  },
+  "theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel": {
+    "message": "← Retour au menu principal",
+    "description": "The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu"
+  },
+  "theme.common.skipToMainContent": {
+    "message": "Aller au contenu principal",
+    "description": "The skip to content label used for accessibility"
+  },
+  "theme.TOCCollapsible.toggleButtonLabel": {
+    "message": "Sur cette page",
+    "description": "The label used by the button on the collapsible TOC component"
+  },
+  "theme.tags.tagsListLabel": {
+    "message": "Étiquettes :",
+    "description": "The label alongside a tag list"
+  },
+  "theme.tags.tagsPageTitle": {
+    "message": "Étiquettes",
+    "description": "The title of the tag list page"
+  }
+}
diff --git a/apps/docs/i18n/fr/docusaurus-theme-classic/footer.json b/apps/docs/i18n/fr/docusaurus-theme-classic/footer.json
new file mode 100644
index 0000000000..077c937477
--- /dev/null
+++ b/apps/docs/i18n/fr/docusaurus-theme-classic/footer.json
@@ -0,0 +1,34 @@
+{
+  "link.title.Company": {
+    "message": "Entreprise",
+    "description": "The title of the footer links column with title=Company in the footer"
+  },
+  "link.title.Community": {
+    "message": "Communauté",
+    "description": "The title of the footer links column with title=Community in the footer"
+  },
+  "link.item.label.Grida": {
+    "message": "Grida",
+    "description": "The label of footer link with label=Grida linking to https://grida.co"
+  },
+  "link.item.label.GitHub": {
+    "message": "GitHub",
+    "description": "The label of footer link with label=GitHub linking to https://github.com/gridaco/grida"
+  },
+  "link.item.label.Twitter": {
+    "message": "Twitter",
+    "description": "The label of footer link with label=Twitter linking to https://twitter.com/grida_co"
+  },
+  "link.item.label.Blog": {
+    "message": "Blog",
+    "description": "The label of footer link with label=Blog linking to https://grida.co/blog"
+  },
+  "link.item.label.Slack": {
+    "message": "Slack",
+    "description": "The label of footer link with label=Slack linking to https://grida.co/join-slack"
+  },
+  "copyright": {
+    "message": "Copyright © Grida Inc.",
+    "description": "The footer copyright"
+  }
+}
diff --git a/apps/docs/i18n/fr/docusaurus-theme-classic/navbar.json b/apps/docs/i18n/fr/docusaurus-theme-classic/navbar.json
new file mode 100644
index 0000000000..0b4fd80428
--- /dev/null
+++ b/apps/docs/i18n/fr/docusaurus-theme-classic/navbar.json
@@ -0,0 +1,34 @@
+{
+  "item.label.GitHub": {
+    "message": "GitHub",
+    "description": "Navbar item with label GitHub"
+  },
+  "item.label.Docs": {
+    "message": "Documentation",
+    "description": "Navbar item with label Docs"
+  },
+  "item.label.Reference": {
+    "message": "Référence",
+    "description": "Navbar item with label Reference"
+  },
+  "item.label.Working Group": {
+    "message": "Groupe de travail",
+    "description": "Navbar item with label Working Group"
+  },
+  "item.label.Platform": {
+    "message": "Plateforme",
+    "description": "Navbar item with label Platform"
+  },
+  "item.label.Packages": {
+    "message": "Paquets",
+    "description": "Navbar item with label Packages"
+  },
+  "item.label.Together": {
+    "message": "Ensemble",
+    "description": "Navbar item with label Together"
+  },
+  "item.label.Sign In": {
+    "message": "Connexion",
+    "description": "Navbar item with label Sign In"
+  }
+}
diff --git a/apps/docs/i18n/ja/code.json b/apps/docs/i18n/ja/code.json
new file mode 100644
index 0000000000..3a3560a571
--- /dev/null
+++ b/apps/docs/i18n/ja/code.json
@@ -0,0 +1,126 @@
+{
+  "theme.ErrorPageContent.title": {
+    "message": "ページの表示中に問題が発生しました。",
+    "description": "The title of the fallback page when the page crashed"
+  },
+  "theme.ErrorPageContent.tryAgain": {
+    "message": "再試行",
+    "description": "The label of the button to try again when the page crashed"
+  },
+  "theme.NotFound.title": {
+    "message": "ページが見つかりません。",
+    "description": "The title of the 404 page"
+  },
+  "theme.NotFound.p1": {
+    "message": "お探しのページは見つかりませんでした。",
+    "description": "The first paragraph of the 404 page"
+  },
+  "theme.NotFound.p2": {
+    "message": "リンクが切れている場合は、サイト管理者にお知らせください。",
+    "description": "The 2nd paragraph of the 404 page"
+  },
+  "theme.BackToTopButton.buttonAriaLabel": {
+    "message": "トップに戻る",
+    "description": "The ARIA label for the back to top button"
+  },
+  "theme.AnnouncementBar.closeButtonAriaLabel": {
+    "message": "閉じる",
+    "description": "The ARIA label for close button of announcement bar"
+  },
+  "theme.CodeBlock.copyButtonAriaLabel": {
+    "message": "コードをクリップボードにコピー",
+    "description": "The ARIA label for copy code blocks button"
+  },
+  "theme.CodeBlock.copied": {
+    "message": "コピーしました",
+    "description": "The copied button label on code blocks"
+  },
+  "theme.CodeBlock.copy": {
+    "message": "コピー",
+    "description": "The copy button label on code blocks"
+  },
+  "theme.tags.tagsPageLink": {
+    "message": "すべてのタグを表示",
+    "description": "The label of the link targeting the tag list page"
+  },
+  "theme.docs.sidebar.expandButtonTitle": {
+    "message": "サイドバーを開く",
+    "description": "The ARIA label and title attribute for expand button of doc sidebar"
+  },
+  "theme.docs.sidebar.expandButtonAriaLabel": {
+    "message": "サイドバーを開く",
+    "description": "The ARIA label and title attribute for expand button of doc sidebar"
+  },
+  "theme.docs.paginator.navAriaLabel": {
+    "message": "ドキュメントナビゲーション",
+    "description": "The ARIA label for the docs pagination"
+  },
+  "theme.docs.paginator.next": {
+    "message": "次へ",
+    "description": "The label used to navigate to the next doc"
+  },
+  "theme.docs.paginator.previous": {
+    "message": "前へ",
+    "description": "The label used to navigate to the previous doc"
+  },
+  "theme.docs.sidebar.collapseButtonTitle": {
+    "message": "サイドバーを閉じる",
+    "description": "The title attribute for collapse button of doc sidebar"
+  },
+  "theme.docs.sidebar.collapseButtonAriaLabel": {
+    "message": "サイドバーを閉じる",
+    "description": "The title attribute for collapse button of doc sidebar"
+  },
+  "theme.DocSidebarItem.toggleCollapsedCategoryAriaLabel": {
+    "message": "折りたたみ可能なサイドバーカテゴリー '{label}' を開閉",
+    "description": "The ARIA label to toggle the collapsible sidebar category"
+  },
+  "theme.docs.tagDocListPageTitle.nDocsTagged": {
+    "message": "{count} 件のドキュメント",
+    "description": "Pluralized label for \"{count} docs tagged\"."
+  },
+  "theme.docs.tagDocListPageTitle": {
+    "message": "{nDocsTagged} が \"{tagName}\" タグに分類されています",
+    "description": "The title of the page for a docs tag"
+  },
+  "theme.common.editThisPage": {
+    "message": "このページを編集",
+    "description": "The link label to edit the current page"
+  },
+  "theme.common.headingLinkTitle": {
+    "message": "見出しへのリンク",
+    "description": "Title for link to heading"
+  },
+  "theme.lastUpdated.atDate": {
+    "message": " {date} に",
+    "description": "The words used to describe on which date a page has been last updated"
+  },
+  "theme.lastUpdated.byUser": {
+    "message": " {user} が",
+    "description": "The words used to describe by who the page has been last updated"
+  },
+  "theme.lastUpdated.lastUpdatedAtBy": {
+    "message": "{atDate}{byUser}最終更新しました。",
+    "description": "The sentence used to display when a page has been last updated, and by who"
+  },
+  "theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel": {
+    "message": "← メインメニューに戻る",
+    "description": "The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu"
+  },
+  "theme.common.skipToMainContent": {
+    "message": "メインコンテンツへスキップ",
+    "description": "The skip to content label used for accessibility"
+  },
+  "theme.TOCCollapsible.toggleButtonLabel": {
+    "message": "このページの内容",
+    "description": "The label used by the button on the collapsible TOC component"
+  },
+  "theme.tags.tagsListLabel": {
+    "message": "タグ:",
+    "description": "The label alongside a tag list"
+  },
+  "theme.tags.tagsPageTitle": {
+    "message": "タグ",
+    "description": "The title of the tag list page"
+  }
+}
diff --git a/apps/docs/i18n/ja/docusaurus-theme-classic/footer.json b/apps/docs/i18n/ja/docusaurus-theme-classic/footer.json
new file mode 100644
index 0000000000..d4fcb3e1da
--- /dev/null
+++ b/apps/docs/i18n/ja/docusaurus-theme-classic/footer.json
@@ -0,0 +1,34 @@
+{
+  "link.title.Company": {
+    "message": "会社",
+    "description": "The title of the footer links column with title=Company in the footer"
+  },
+  "link.title.Community": {
+    "message": "コミュニティ",
+    "description": "The title of the footer links column with title=Community in the footer"
+  },
+  "link.item.label.Grida": {
+    "message": "Grida",
+    "description": "The label of footer link with label=Grida linking to https://grida.co"
+  },
+  "link.item.label.GitHub": {
+    "message": "GitHub",
+    "description": "The label of footer link with label=GitHub linking to https://github.com/gridaco/grida"
+  },
+  "link.item.label.Twitter": {
+    "message": "Twitter",
+    "description": "The label of footer link with label=Twitter linking to https://twitter.com/grida_co"
+  },
+  "link.item.label.Blog": {
+    "message": "ブログ",
+    "description": "The label of footer link with label=Blog linking to https://grida.co/blog"
+  },
+  "link.item.label.Slack": {
+    "message": "Slack",
+    "description": "The label of footer link with label=Slack linking to https://grida.co/join-slack"
+  },
+  "copyright": {
+    "message": "Copyright © Grida Inc.",
+    "description": "The footer copyright"
+  }
+}
diff --git a/apps/docs/i18n/ja/docusaurus-theme-classic/navbar.json b/apps/docs/i18n/ja/docusaurus-theme-classic/navbar.json
new file mode 100644
index 0000000000..e4c633e83d
--- /dev/null
+++ b/apps/docs/i18n/ja/docusaurus-theme-classic/navbar.json
@@ -0,0 +1,34 @@
+{
+  "item.label.GitHub": {
+    "message": "GitHub",
+    "description": "Navbar item with label GitHub"
+  },
+  "item.label.Docs": {
+    "message": "ドキュメント",
+    "description": "Navbar item with label Docs"
+  },
+  "item.label.Reference": {
+    "message": "リファレンス",
+    "description": "Navbar item with label Reference"
+  },
+  "item.label.Working Group": {
+    "message": "ワーキンググループ",
+    "description": "Navbar item with label Working Group"
+  },
+  "item.label.Platform": {
+    "message": "プラットフォーム",
+    "description": "Navbar item with label Platform"
+  },
+  "item.label.Packages": {
+    "message": "パッケージ",
+    "description": "Navbar item with label Packages"
+  },
+  "item.label.Together": {
+    "message": "コミュニティ",
+    "description": "Navbar item with label Together"
+  },
+  "item.label.Sign In": {
+    "message": "サインイン",
+    "description": "Navbar item with label Sign In"
+  }
+}
diff --git a/apps/docs/i18n/ko/docusaurus-theme-classic/navbar.json b/apps/docs/i18n/ko/docusaurus-theme-classic/navbar.json
index 865b67cb1a..d892b9ba97 100644
--- a/apps/docs/i18n/ko/docusaurus-theme-classic/navbar.json
+++ b/apps/docs/i18n/ko/docusaurus-theme-classic/navbar.json
@@ -15,10 +15,22 @@
     "message": "작업실",
     "description": "Navbar item with label Working Group"
   },
+  "item.label.Platform": {
+    "message": "플랫폼",
+    "description": "Navbar item with label Platform"
+  },
+  "item.label.Packages": {
+    "message": "패키지",
+    "description": "Navbar item with label Packages"
+  },
   "item.label.Together": {
     "message": "함께해요",
     "description": "Navbar item with label Together"
   },
+  "item.label.Sign In": {
+    "message": "로그인",
+    "description": "Navbar item with label Sign In"
+  },
   "item.label.Sign in": {
     "message": "가입하기",
     "description": "Navbar item with label Sign in"
diff --git a/docs/cli/reference.md b/docs/cli/reference.md
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/docs/design/10-text-field.md b/docs/design/10-text-field.md
index d117600c21..86318dc0bc 100644
--- a/docs/design/10-text-field.md
+++ b/docs/design/10-text-field.md
@@ -1,3 +1,10 @@
+---
+title: Designing a text-field component
+sidebar_label: Text-field component
+sidebar_position: 10
+description: How to design (structure) a text-field component, with a real-world enterprise design system example.
+---
+
 # How to design (structure) a text-field component - with realworld-enterprise-design-system example
 
 ## Intro
diff --git a/docs/design/blend-mode.md b/docs/design/blend-mode.md
index 49ab17ef25..c3cb9c89b4 100644
--- a/docs/design/blend-mode.md
+++ b/docs/design/blend-mode.md
@@ -1,4 +1,12 @@
-### Understanding and Working with Blend Modes
+---
+title: Blend modes
+sidebar_label: Blend modes
+description: Understand blend modes, paint stacks, and layer behavior (including Pass Through) in Grida.
+---
+
+# Blend modes
+
+## Understanding and Working with Blend Modes
 
 This guide explains how blend modes work in Grida, how paint stacks are composed, and when to use special layer behavior like Pass Through. It is written for designers who want practical outcomes, with just enough technical detail to reason about results.
 
diff --git a/docs/design/translations/ko/blend-mode.md b/docs/design/translations/ko/blend-mode.md
index d440008ce1..83e4f85c27 100644
--- a/docs/design/translations/ko/blend-mode.md
+++ b/docs/design/translations/ko/blend-mode.md
@@ -1,4 +1,12 @@
-### 블렌드 모드 이해하고 쓰기 (디자이너용)
+---
+title: 블렌드 모드
+sidebar_label: 블렌드 모드
+description: Grida의 블렌드 모드, 페인트 스택, Pass Through를 포함한 레이어 동작을 이해합니다.
+---
+
+# 블렌드 모드
+
+## 블렌드 모드 이해하고 쓰기 (디자이너용)
 
 이 문서는 Grida에서 블렌드 모드를 어떻게 쓰면 되는지, 페인트(필/스트로크)들이 어떤 순서로 섞이는지, 그리고 Pass Through 같은 특수 레이어 동작을 언제 써야 하는지 쉽게 설명합니다. 수식은 없고, 결과를 예측하는 데 필요한 느낌 위주로 적었습니다.
 
diff --git a/docs/design/vector-network/_category_.json b/docs/design/vector-network/_category_.json
new file mode 100644
index 0000000000..ba3e19d5bb
--- /dev/null
+++ b/docs/design/vector-network/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "Vector network",
+  "link": {
+    "type": "doc",
+    "id": "design/vector-network/index"
+  }
+}
diff --git a/docs/editor/canvas-languages-and-fonts.md b/docs/editor/canvas-languages-and-fonts.md
index 20f7ba66c3..0b482532f6 100644
--- a/docs/editor/canvas-languages-and-fonts.md
+++ b/docs/editor/canvas-languages-and-fonts.md
@@ -1,3 +1,11 @@
+---
+title: Canvas languages and fonts
+sidebar_label: Languages & fonts
+description: Scripts and default fonts officially supported in the Grida canvas.
+---
+
+# Canvas languages and fonts
+
 ## Officially Supported Languages (Fonts) by Grida
 
 | Script                | Support Level | Default Font       | Tags                   | Note                                                          |
diff --git a/docs/editor/features/README.md b/docs/editor/features/README.md
deleted file mode 100644
index 85547000ba..0000000000
--- a/docs/editor/features/README.md
+++ /dev/null
@@ -1,11 +0,0 @@
-- [add new property on inspection panel](./property-add-new.md)
-- [re-ordering properties](./property-re-order.md)
-- [hide and show right inspection panel](./right-inspector-panel-show-hide.md)
-- [vector network editor](./vector-network-editor.md)
-- [copy selection as PNG](./copy-as-png.md)
-- [text node auto size](./feat-text-node-auto-size.md)
-- [viewport-aware insertion](./viewport-aware-insertion.md)
-- [copy & paste images](./copy-paste-image.md)
-- [copy & paste SVG](./copy-paste-svg.md)
-- [copy & paste from Figma](./copy-paste-figma.md)
-- [tray (organizational section)](./tray.md)
diff --git a/docs/editor/features/_category_.json b/docs/editor/features/_category_.json
new file mode 100644
index 0000000000..d55857f84f
--- /dev/null
+++ b/docs/editor/features/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "Features",
+  "link": {
+    "type": "doc",
+    "id": "editor/features/index"
+  }
+}
diff --git a/docs/editor/features/index.md b/docs/editor/features/index.md
new file mode 100644
index 0000000000..39837b23a1
--- /dev/null
+++ b/docs/editor/features/index.md
@@ -0,0 +1,32 @@
+---
+title: Editor Features
+sidebar_label: Overview
+sidebar_position: 0
+description: Overview of features and interactions available inside the Grida editor.
+---
+
+# Editor Features
+
+Grida editor features and interaction docs. Each page below walks through a specific capability or workflow.
+
+## Inspector
+
+- [Add a new property](./property-add-new.md)
+- [Reorder properties](./property-re-order.md)
+- [Show and hide the right inspector panel](./right-inspector-panel-show-hide.md)
+
+## Canvas & Tools
+
+- [Vector network editor](./vector-network-editor.md)
+- [Vector network measurement](./vector-network-measurement.md)
+- [Surface image editor](./surface-image-editor.md)
+- [Tray — organizational section](./tray.md)
+- [Viewport-aware insertion](./viewport-aware-insertion.md)
+- [Text node auto size](./feat-text-node-auto-size.md)
+
+## Copy & Paste
+
+- [Copy selection as PNG](./copy-as-png.md)
+- [Copy & paste images](./copy-paste-image.md)
+- [Copy & paste SVG](./copy-paste-svg.md)
+- [Copy & paste from Figma](./copy-paste-figma.md)
diff --git a/docs/editor/features/property-add-new.md b/docs/editor/features/property-add-new.md
index f61d9e423b..43e590899d 100644
--- a/docs/editor/features/property-add-new.md
+++ b/docs/editor/features/property-add-new.md
@@ -1,5 +1,10 @@
 ---
+title: Add a new property
+sidebar_label: Add a property
+description: How to add a new property on the inspection panel in the Grida editor.
 status: "not-started"
 ---
 
-![Grida: re-ordering properties in inspection panel](../resources/add-property-button-descriptor.png)
+# Add a new property
+
+![Grida: add a new property on the inspection panel](../resources/add-property-button-descriptor.png)
diff --git a/docs/editor/features/property-re-order.md b/docs/editor/features/property-re-order.md
index 1d5f59ea88..69d97b4604 100644
--- a/docs/editor/features/property-re-order.md
+++ b/docs/editor/features/property-re-order.md
@@ -1,5 +1,10 @@
 ---
+title: Reorder properties
+sidebar_label: Reorder properties
+description: How to re-order properties in the inspection panel.
 status: "not-started"
 ---
 
-![Grida: re-ordering properties in inspection panel](../resources/re-ordering-properties-in-inspection-panel.png)
+# Reorder properties
+
+![Grida: re-ordering properties in the inspection panel](../resources/re-ordering-properties-in-inspection-panel.png)
diff --git a/docs/editor/features/right-inspector-panel-show-hide.md b/docs/editor/features/right-inspector-panel-show-hide.md
index 28ce562e6f..77fcaaf3ee 100644
--- a/docs/editor/features/right-inspector-panel-show-hide.md
+++ b/docs/editor/features/right-inspector-panel-show-hide.md
@@ -1,11 +1,16 @@
 ---
+title: Show and hide the right inspector panel
+sidebar_label: Show & hide inspector
+description: Show and hide the right inspector panel in the Grida editor.
 status: "not-started"
 ---
 
-### Hiding the right inspector panel
+# Show and hide the right inspector panel
 
-![Grida: re-ordering properties in inspection panel](../resources/hide-design-inspector-feature-indication.png)
+## Hiding the right inspector panel
+
+![Grida: hide the right inspector panel](../resources/hide-design-inspector-feature-indication.png)
 
 ## Showing the hidden right inspector panel
 
-![BriGridadged: re-ordering properties in inspection panel](../resources/show-design-inspector-button-descriptor.png)
+![Grida: show the right inspector panel](../resources/show-design-inspector-button-descriptor.png)
diff --git a/docs/editor/shortcuts/_category_.json b/docs/editor/shortcuts/_category_.json
new file mode 100644
index 0000000000..094882ea4e
--- /dev/null
+++ b/docs/editor/shortcuts/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "Keyboard shortcuts",
+  "link": {
+    "type": "doc",
+    "id": "editor/shortcuts/index"
+  }
+}
diff --git a/docs/index.md b/docs/index.md
index 470c2b724c..272cfffef8 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -21,7 +21,7 @@ This site is the main entry point for product documentation. If you are new to G
 
 ## Start Here
 
-- Use [Editor](./editor/features/README.md) if you are working inside the Grida editor and want feature docs or workflow help.
+- Use [Editor](./editor/features/index.md) if you are working inside the Grida editor and want feature docs or workflow help.
 - Use [With Figma](./with-figma/index.md) if you are importing from Figma, using Assistant, or working through Figma-related setup.
 - Use [Forms](./forms/respondent-email-notifications.md) if you are building form flows, notifications, or response handling.
 - Use [Platform](./platform/index.md) if you are working with product infrastructure, customers, tags, or platform features.
@@ -29,7 +29,7 @@ This site is the main entry point for product documentation. If you are new to G
 
 ## Product Areas
 
-- [Editor](./editor/features/README.md) for editor capabilities and interaction docs.
+- [Editor](./editor/features/index.md) for editor capabilities and interaction docs.
 - [With Figma](./with-figma/index.md) for interoperability guides, import workflows, and the maintained Assistant product surface.
 - [Forms](./forms/respondent-email-notifications.md) for forms-specific user docs.
 - [Platform](./platform/index.md) for product/platform docs.
diff --git a/docs/packages/@grida/_category_.json b/docs/packages/@grida/_category_.json
new file mode 100644
index 0000000000..49ba97a91c
--- /dev/null
+++ b/docs/packages/@grida/_category_.json
@@ -0,0 +1,4 @@
+{
+  "label": "@grida",
+  "collapsed": false
+}
diff --git a/docs/packages/@grida/refig/_category_.json b/docs/packages/@grida/refig/_category_.json
new file mode 100644
index 0000000000..f925ddc4a4
--- /dev/null
+++ b/docs/packages/@grida/refig/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "refig",
+  "link": {
+    "type": "doc",
+    "id": "packages/@grida/refig/index"
+  }
+}
diff --git a/docs/platform/customers/_category_.json b/docs/platform/customers/_category_.json
new file mode 100644
index 0000000000..fcca2f8099
--- /dev/null
+++ b/docs/platform/customers/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "Customers",
+  "link": {
+    "type": "doc",
+    "id": "platform/customers/index"
+  }
+}
diff --git a/docs/platform/tags/_category_.json b/docs/platform/tags/_category_.json
new file mode 100644
index 0000000000..5e12448fe0
--- /dev/null
+++ b/docs/platform/tags/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "Tags",
+  "link": {
+    "type": "doc",
+    "id": "platform/tags/index"
+  }
+}
diff --git a/docs/platform/west/_category_.json b/docs/platform/west/_category_.json
new file mode 100644
index 0000000000..824ec3d8b7
--- /dev/null
+++ b/docs/platform/west/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "West",
+  "link": {
+    "type": "doc",
+    "id": "platform/west/index"
+  }
+}
diff --git a/docs/translations/fr/index.md b/docs/translations/fr/index.md
index 14ad1c27dc..5e5168c7b0 100644
--- a/docs/translations/fr/index.md
+++ b/docs/translations/fr/index.md
@@ -21,7 +21,7 @@ Ce site est le point d'entrée principal de la documentation produit. Si vous d
 
 ## Commencer ici
 
-- Utilisez [Editor](./editor/features/README.md) si vous travaillez dans l'éditeur Grida et cherchez des docs de fonctionnalités ou d'aide sur les workflows.
+- Utilisez [Editor](./editor/features/index.md) si vous travaillez dans l'éditeur Grida et cherchez des docs de fonctionnalités ou d'aide sur les workflows.
 - Utilisez [With Figma](./with-figma/index.md) si vous importez depuis Figma, utilisez Assistant ou configurez un workflow lié à Figma.
 - Utilisez [Forms](./forms/respondent-email-notifications.md) si vous travaillez sur des flux de formulaire, des notifications ou le traitement des réponses.
 - Utilisez [Platform](./platform/index.md) si vous travaillez avec l'infrastructure produit, les clients, les tags ou les fonctionnalités de plateforme.
@@ -29,7 +29,7 @@ Ce site est le point d'entrée principal de la documentation produit. Si vous d
 
 ## Domaines produit
 
-- [Editor](./editor/features/README.md) pour les fonctionnalités de l'éditeur et les interactions.
+- [Editor](./editor/features/index.md) pour les fonctionnalités de l'éditeur et les interactions.
 - [With Figma](./with-figma/index.md) pour les guides d'interopérabilité, les workflows d'import et la surface produit Assistant maintenue.
 - [Forms](./forms/respondent-email-notifications.md) pour les docs utilisateur liées aux formulaires.
 - [Platform](./platform/index.md) pour les docs produit et plateforme.
diff --git a/docs/translations/ja/index.md b/docs/translations/ja/index.md
index c1846aec6d..3a2aa7e5f6 100644
--- a/docs/translations/ja/index.md
+++ b/docs/translations/ja/index.md
@@ -21,7 +21,7 @@ Grida はオープンソースのキャンバスエディタ兼レンダリン
 
 ## ここから始める
 
-- Grida エディタ内の機能ドキュメントやワークフローガイドを探している場合は [Editor](./editor/features/README.md) を参照してください。
+- Grida エディタ内の機能ドキュメントやワークフローガイドを探している場合は [Editor](./editor/features/index.md) を参照してください。
 - Figma からのインポート、Assistant の利用、Figma 関連の設定を行う場合は [With Figma](./with-figma/index.md) を参照してください。
 - フォームフロー、通知、回答処理を扱う場合は [Forms](./forms/respondent-email-notifications.md) を参照してください。
 - 顧客、タグ、プラットフォーム機能などのプロダクト基盤を扱う場合は [Platform](./platform/index.md) を参照してください。
@@ -29,7 +29,7 @@ Grida はオープンソースのキャンバスエディタ兼レンダリン
 
 ## 製品ドキュメント領域
 
-- [Editor](./editor/features/README.md): エディタ機能と操作フローのドキュメント
+- [Editor](./editor/features/index.md): エディタ機能と操作フローのドキュメント
 - [With Figma](./with-figma/index.md): 連携ガイド、インポートワークフロー、継続的に保守されている Assistant ドキュメント
 - [Forms](./forms/respondent-email-notifications.md): フォーム関連のユーザードキュメント
 - [Platform](./platform/index.md): プラットフォーム／プロダクト文書
diff --git a/docs/translations/ko/index.md b/docs/translations/ko/index.md
index 67a09c6195..e413f5fe3d 100644
--- a/docs/translations/ko/index.md
+++ b/docs/translations/ko/index.md
@@ -21,7 +21,7 @@ Grida는 오픈소스 캔버스 에디터이자 렌더링 엔진이며, Figma 
 
 ## 여기서 시작하세요
 
-- Grida 에디터 안에서 기능 문서나 작업 흐름 가이드를 찾고 있다면 [Editor](./editor/features/README.md)를 보세요.
+- Grida 에디터 안에서 기능 문서나 작업 흐름 가이드를 찾고 있다면 [Editor](./editor/features/index.md)를 보세요.
 - Figma에서 가져오기, Assistant 사용, Figma 관련 설정이 목적이라면 [With Figma](./with-figma/index.md)를 보세요.
 - 폼 흐름, 알림, 응답 처리를 다루고 있다면 [Forms](./forms/respondent-email-notifications.md)를 보세요.
 - 제품 인프라, 고객, 태그, 플랫폼 기능을 다루고 있다면 [Platform](./platform/index.md)을 보세요.
@@ -29,7 +29,7 @@ Grida는 오픈소스 캔버스 에디터이자 렌더링 엔진이며, Figma 
 
 ## 제품 문서 영역
 
-- [Editor](./editor/features/README.md): 에디터 기능과 인터랙션 문서
+- [Editor](./editor/features/index.md): 에디터 기능과 인터랙션 문서
 - [With Figma](./with-figma/index.md): 연동 가이드, 가져오기 워크플로우, 유지보수 중인 Assistant 제품 문서
 - [Forms](./forms/respondent-email-notifications.md): 폼 관련 사용자 문서
 - [Platform](./platform/index.md): 플랫폼/제품 문서
diff --git a/docs/wg/feat-2d/_category_.json b/docs/wg/feat-2d/_category_.json
new file mode 100644
index 0000000000..dabee11f70
--- /dev/null
+++ b/docs/wg/feat-2d/_category_.json
@@ -0,0 +1,3 @@
+{
+  "label": "2D Rendering"
+}
diff --git a/docs/wg/feat-ai/_category_.json b/docs/wg/feat-ai/_category_.json
new file mode 100644
index 0000000000..7bd3294175
--- /dev/null
+++ b/docs/wg/feat-ai/_category_.json
@@ -0,0 +1,3 @@
+{
+  "label": "AI"
+}
diff --git a/docs/wg/feat-authoring/_category_.json b/docs/wg/feat-authoring/_category_.json
new file mode 100644
index 0000000000..fe20101244
--- /dev/null
+++ b/docs/wg/feat-authoring/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "Authoring",
+  "link": {
+    "type": "doc",
+    "id": "wg/feat-authoring/index"
+  }
+}
diff --git a/docs/wg/feat-crdt/_category_.json b/docs/wg/feat-crdt/_category_.json
new file mode 100644
index 0000000000..8bf458e6bd
--- /dev/null
+++ b/docs/wg/feat-crdt/_category_.json
@@ -0,0 +1,3 @@
+{
+  "label": "CRDT"
+}
diff --git a/docs/wg/feat-css/_category_.json b/docs/wg/feat-css/_category_.json
new file mode 100644
index 0000000000..c30d05e497
--- /dev/null
+++ b/docs/wg/feat-css/_category_.json
@@ -0,0 +1,3 @@
+{
+  "label": "CSS"
+}
diff --git a/docs/wg/feat-editor/_category_.json b/docs/wg/feat-editor/_category_.json
new file mode 100644
index 0000000000..524b5320e9
--- /dev/null
+++ b/docs/wg/feat-editor/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "Editor",
+  "link": {
+    "type": "doc",
+    "id": "wg/feat-editor/index"
+  }
+}
diff --git a/docs/wg/feat-editor/ux-surface/_category_.json b/docs/wg/feat-editor/ux-surface/_category_.json
new file mode 100644
index 0000000000..d4110952e5
--- /dev/null
+++ b/docs/wg/feat-editor/ux-surface/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "UX Surface",
+  "link": {
+    "type": "doc",
+    "id": "wg/feat-editor/ux-surface/index"
+  }
+}
diff --git a/docs/wg/feat-fig/_category_.json b/docs/wg/feat-fig/_category_.json
new file mode 100644
index 0000000000..01ce3aff62
--- /dev/null
+++ b/docs/wg/feat-fig/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "Figma Interop",
+  "link": {
+    "type": "doc",
+    "id": "wg/feat-fig/index"
+  }
+}
diff --git a/docs/wg/feat-fontgen/_category_.json b/docs/wg/feat-fontgen/_category_.json
new file mode 100644
index 0000000000..c32a3e7aa9
--- /dev/null
+++ b/docs/wg/feat-fontgen/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "Font Generation",
+  "link": {
+    "type": "doc",
+    "id": "wg/feat-fontgen/index"
+  }
+}
diff --git a/docs/wg/feat-hash-nch/_category_.json b/docs/wg/feat-hash-nch/_category_.json
new file mode 100644
index 0000000000..87464911ac
--- /dev/null
+++ b/docs/wg/feat-hash-nch/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "Fast Hashing",
+  "link": {
+    "type": "doc",
+    "id": "wg/feat-hash-nch/index"
+  }
+}
diff --git a/docs/wg/feat-icu-uct/_category_.json b/docs/wg/feat-icu-uct/_category_.json
new file mode 100644
index 0000000000..531b3e228d
--- /dev/null
+++ b/docs/wg/feat-icu-uct/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "ICU & Unicode",
+  "link": {
+    "type": "doc",
+    "id": "wg/feat-icu-uct/index"
+  }
+}
diff --git a/docs/wg/feat-image-filters/_category_.json b/docs/wg/feat-image-filters/_category_.json
new file mode 100644
index 0000000000..d7763ff408
--- /dev/null
+++ b/docs/wg/feat-image-filters/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "Image Filters",
+  "link": {
+    "type": "doc",
+    "id": "wg/feat-image-filters/index"
+  }
+}
diff --git a/docs/wg/feat-layout/_category_.json b/docs/wg/feat-layout/_category_.json
new file mode 100644
index 0000000000..7326a1f77f
--- /dev/null
+++ b/docs/wg/feat-layout/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "Layout",
+  "link": {
+    "type": "doc",
+    "id": "wg/feat-layout/index"
+  }
+}
diff --git a/docs/wg/feat-masks/_category_.json b/docs/wg/feat-masks/_category_.json
new file mode 100644
index 0000000000..2f6a7150e0
--- /dev/null
+++ b/docs/wg/feat-masks/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "Masks",
+  "link": {
+    "type": "doc",
+    "id": "wg/feat-masks/index"
+  }
+}
diff --git a/docs/wg/feat-painting/_category_.json b/docs/wg/feat-painting/_category_.json
new file mode 100644
index 0000000000..4c2d5446ae
--- /dev/null
+++ b/docs/wg/feat-painting/_category_.json
@@ -0,0 +1,3 @@
+{
+  "label": "Painting"
+}
diff --git a/docs/wg/feat-paragraph/_category_.json b/docs/wg/feat-paragraph/_category_.json
new file mode 100644
index 0000000000..583ba5e3e2
--- /dev/null
+++ b/docs/wg/feat-paragraph/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "Paragraph & Text Layout",
+  "link": {
+    "type": "doc",
+    "id": "wg/feat-paragraph/index"
+  }
+}
diff --git a/docs/wg/feat-resources/_category_.json b/docs/wg/feat-resources/_category_.json
new file mode 100644
index 0000000000..5aa13bbf4a
--- /dev/null
+++ b/docs/wg/feat-resources/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "Resources",
+  "link": {
+    "type": "doc",
+    "id": "wg/feat-resources/index"
+  }
+}
diff --git a/docs/wg/feat-schema/_category_.json b/docs/wg/feat-schema/_category_.json
new file mode 100644
index 0000000000..1da953ed5f
--- /dev/null
+++ b/docs/wg/feat-schema/_category_.json
@@ -0,0 +1,3 @@
+{
+  "label": "Schema"
+}
diff --git a/docs/wg/feat-svg/_category_.json b/docs/wg/feat-svg/_category_.json
new file mode 100644
index 0000000000..2e5b87067d
--- /dev/null
+++ b/docs/wg/feat-svg/_category_.json
@@ -0,0 +1,3 @@
+{
+  "label": "SVG"
+}
diff --git a/docs/wg/feat-text-editing/_category_.json b/docs/wg/feat-text-editing/_category_.json
new file mode 100644
index 0000000000..123a8e9a91
--- /dev/null
+++ b/docs/wg/feat-text-editing/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "Text Editing",
+  "link": {
+    "type": "doc",
+    "id": "wg/feat-text-editing/feat-text-editing"
+  }
+}
diff --git a/docs/wg/feat-tray/_category_.json b/docs/wg/feat-tray/_category_.json
new file mode 100644
index 0000000000..5228ae076b
--- /dev/null
+++ b/docs/wg/feat-tray/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "Tray",
+  "link": {
+    "type": "doc",
+    "id": "wg/feat-tray/index"
+  }
+}
diff --git a/docs/wg/feat-vector-network/_category_.json b/docs/wg/feat-vector-network/_category_.json
new file mode 100644
index 0000000000..3e2ba15102
--- /dev/null
+++ b/docs/wg/feat-vector-network/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "Vector Network",
+  "link": {
+    "type": "doc",
+    "id": "wg/feat-vector-network/index"
+  }
+}
diff --git a/docs/wg/format/_category_.json b/docs/wg/format/_category_.json
new file mode 100644
index 0000000000..11d9ad579c
--- /dev/null
+++ b/docs/wg/format/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "Format",
+  "link": {
+    "type": "doc",
+    "id": "wg/format/index"
+  }
+}
diff --git a/docs/wg/platform/_category_.json b/docs/wg/platform/_category_.json
new file mode 100644
index 0000000000..6ffeaad04d
--- /dev/null
+++ b/docs/wg/platform/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "Platform",
+  "link": {
+    "type": "doc",
+    "id": "wg/platform/index"
+  }
+}
diff --git a/docs/wg/research/_category_.json b/docs/wg/research/_category_.json
new file mode 100644
index 0000000000..066f74a888
--- /dev/null
+++ b/docs/wg/research/_category_.json
@@ -0,0 +1,3 @@
+{
+  "label": "Research"
+}
diff --git a/docs/wg/research/chromium/_category_.json b/docs/wg/research/chromium/_category_.json
new file mode 100644
index 0000000000..f1067fab42
--- /dev/null
+++ b/docs/wg/research/chromium/_category_.json
@@ -0,0 +1,3 @@
+{
+  "label": "Chromium"
+}
diff --git a/docs/wg/research/crdt/_category_.json b/docs/wg/research/crdt/_category_.json
new file mode 100644
index 0000000000..4c195442cf
--- /dev/null
+++ b/docs/wg/research/crdt/_category_.json
@@ -0,0 +1,3 @@
+{
+  "label": "CRDT research"
+}
diff --git a/docs/with-figma/assistant/_category_.json b/docs/with-figma/assistant/_category_.json
new file mode 100644
index 0000000000..9a63588307
--- /dev/null
+++ b/docs/with-figma/assistant/_category_.json
@@ -0,0 +1,4 @@
+{
+  "label": "Assistant",
+  "collapsed": true
+}
diff --git a/docs/with-figma/assistant/design-assistant/_category_.json b/docs/with-figma/assistant/design-assistant/_category_.json
new file mode 100644
index 0000000000..0bed95f3ad
--- /dev/null
+++ b/docs/with-figma/assistant/design-assistant/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "Design Assistant",
+  "link": {
+    "type": "doc",
+    "id": "with-figma/assistant/design-assistant/index"
+  }
+}
diff --git a/docs/with-figma/guides/_category_.json b/docs/with-figma/guides/_category_.json
new file mode 100644
index 0000000000..68180c36f5
--- /dev/null
+++ b/docs/with-figma/guides/_category_.json
@@ -0,0 +1,4 @@
+{
+  "label": "Guides",
+  "collapsed": true
+}