update: docs

src/data/docs/docsSections.ts

@@ -38,6 +38,12 @@ export const docGroups: DocGroup[] = [
         subtitle: "Implementation details",
         meta: "04",
       },
+      {
+        path: "/docs/hand-tracking",
+        title: "Hand Tracking Technical Notes",
+        subtitle: "Webcam interaction pipeline",
+        meta: "05",
+      },
     ],
   },
   {
@@ -47,13 +53,19 @@ export const docGroups: DocGroup[] = [
         path: "/docs/features",
         title: "Features",
         subtitle: "Implemented scope",
-        meta: "05",
+        meta: "06",
+      },
+      {
+        path: "/docs/main-feature",
+        title: "Main Feature",
+        subtitle: "Hand grab prototype",
+        meta: "07",
       },
       {
         path: "/docs/editor",
         title: "Editor User Guide",
         subtitle: "Editing workflow",
-        meta: "06",
+        meta: "08",
       },
     ],
   },

src/pages/docs/editor/page.tsx

@@ -7,7 +7,7 @@ export function DocsEditorPage(): React.JSX.Element {
     <DocsDocument
       content={editor}
       frContent={editorFr}
-      meta="06"
+      meta="08"
       title="Editor User Guide"
     />
   );

src/pages/docs/features/page.tsx

@@ -7,7 +7,7 @@ export function DocsFeaturesPage(): React.JSX.Element {
     <DocsDocument
       content={features}
       frContent={featuresFr}
-      meta="05"
+      meta="06"
       title="Features"
     />
   );

src/pages/docs/hand-tracking/page.tsx

@@ -0,0 +1,13 @@
+import handTracking from "../../../../docs/technical/hand-tracking.md?raw";
+import { DocsDocument } from "@/components/docs/DocsDocument";
+
+export function DocsHandTrackingPage(): React.JSX.Element {
+  return (
+    <DocsDocument
+      content={handTracking}
+      frContent={handTracking}
+      meta="05"
+      title="Hand Tracking Technical Notes"
+    />
+  );
+}

src/pages/docs/main-feature/page.tsx

@@ -0,0 +1,13 @@
+import mainFeature from "../../../../docs/user/main-feature.md?raw";
+import { DocsDocument } from "@/components/docs/DocsDocument";
+
+export function DocsMainFeaturePage(): React.JSX.Element {
+  return (
+    <DocsDocument
+      content={mainFeature}
+      frContent={mainFeature}
+      meta="07"
+      title="Main Feature"
+    />
+  );
+}

src/router.tsx

@@ -10,7 +10,9 @@ import {
   DocsArchitectureRoute,
   DocsEditorRoute,
   DocsFeaturesRoute,
+  DocsHandTrackingRoute,
   DocsLayoutRoute,
+  DocsMainFeatureRoute,
   DocsReadmeRoute,
   DocsTargetArchitectureRoute,
   DocsTechnicalEditorRoute,
@@ -43,7 +45,9 @@ const docsChildRoutes = [
   { path: "architecture", component: DocsArchitectureRoute },
   { path: "target-architecture", component: DocsTargetArchitectureRoute },
   { path: "technical-editor", component: DocsTechnicalEditorRoute },
+  { path: "hand-tracking", component: DocsHandTrackingRoute },
   { path: "features", component: DocsFeaturesRoute },
+  { path: "main-feature", component: DocsMainFeatureRoute },
   { path: "editor", component: DocsEditorRoute },
 ].map(({ path, component }) =>
   createRoute({

src/routes/docs/DocsRouteComponents.tsx

@@ -30,12 +30,24 @@ const LazyDocsTechnicalEditorPage = lazy(() =>
   })),
 );
 
+const LazyDocsHandTrackingPage = lazy(() =>
+  import("@/pages/docs/hand-tracking/page").then((module) => ({
+    default: module.DocsHandTrackingPage,
+  })),
+);
+
 const LazyDocsFeaturesPage = lazy(() =>
   import("@/pages/docs/features/page").then((module) => ({
     default: module.DocsFeaturesPage,
   })),
 );
 
+const LazyDocsMainFeaturePage = lazy(() =>
+  import("@/pages/docs/main-feature/page").then((module) => ({
+    default: module.DocsMainFeaturePage,
+  })),
+);
+
 const LazyDocsEditorPage = lazy(() =>
   import("@/pages/docs/editor/page").then((module) => ({
     default: module.DocsEditorPage,
@@ -82,6 +94,14 @@ export function DocsTechnicalEditorRoute(): React.JSX.Element {
   );
 }
 
+export function DocsHandTrackingRoute(): React.JSX.Element {
+  return (
+    <Suspense fallback={null}>
+      <LazyDocsHandTrackingPage />
+    </Suspense>
+  );
+}
+
 export function DocsFeaturesRoute(): React.JSX.Element {
   return (
     <Suspense fallback={null}>
@@ -90,6 +110,14 @@ export function DocsFeaturesRoute(): React.JSX.Element {
   );
 }
 
+export function DocsMainFeatureRoute(): React.JSX.Element {
+  return (
+    <Suspense fallback={null}>
+      <LazyDocsMainFeaturePage />
+    </Suspense>
+  );
+}
+
 export function DocsEditorRoute(): React.JSX.Element {
   return (
     <Suspense fallback={null}>