From 945bdaa6323267b33229cc4abb41bcc1ffc44225 Mon Sep 17 00:00:00 2001
From: wassfila <wassim.filali@gmail.com>
Date: Sun, 23 Nov 2025 15:17:48 +0100
Subject: [PATCH 01/24] initial porting from astro-big-doc sqlite branch

---
 astro.config.mjs                              |  16 +
 config.js                                     |   7 +-
 package.json                                  |   3 +-
 pnpm-lock.yaml                                |  82 +++-
 public/.nojekyll                              |   0
 public/favicon.ico                            | Bin 0 -> 118902 bytes
 public/menu.json                              | 354 ++++++++++++++
 public/svg.svg                                |  17 +
 readme.md                                     |  19 +
 server/.gitignore                             |   3 +
 server/auth/auth_router.js                    |  82 ++++
 server/auth/auth_utils.js                     |  50 ++
 server/bigdoc.service                         |  12 +
 server/create.sh                              |   2 +
 server/install.sh                             |   7 +
 server/server.js                              |  52 ++
 src/assets/copy.svg                           |  15 +
 src/assets/discord.svg                        |   7 +
 src/assets/download.svg                       |  11 +
 src/assets/full-screen.svg                    |  19 +
 src/assets/fullscreen.drawio                  |  41 ++
 src/assets/fullscreen.svg                     |   1 +
 src/assets/github-dark.png                    | Bin 0 -> 4691 bytes
 src/assets/github.svg                         |  11 +
 src/assets/hamburger.svg                      |   5 +
 src/assets/link.svg                           |  21 +
 src/assets/new.svg                            |  18 +
 src/assets/notes-caution.svg                  |  18 +
 src/assets/notes-danger.svg                   |   5 +
 src/assets/notes-note.svg                     |  18 +
 src/assets/notes-tip.svg                      |   8 +
 src/assets/pdf.svg                            |  14 +
 src/assets/rightarrow.svg                     |   3 +
 src/assets/search.png                         | Bin 0 -> 2915 bytes
 src/components/gallery/gallery.astro          |  60 +++
 src/components/gallery/gallery.js             |  22 +
 src/components/gallery/gallery_pz.astro       | 133 ++++++
 src/components/gallery/gallery_pz.js          |  42 ++
 src/components/gallery/grid_utils.js          |  72 +++
 src/components/icon.astro                     |  13 +
 src/components/markdown/AstroMarkdown.astro   |  96 ++++
 src/components/markdown/Heading.astro         |  78 +++
 src/components/markdown/Link.astro            |  72 +++
 src/components/markdown/Tag.astro             |  35 ++
 src/components/markdown/cards/Cards.astro     |  60 +++
 src/components/markdown/cards/CardsMeta.astro | 123 +++++
 src/components/markdown/code/Code.astro       |  59 +++
 .../markdown/code/DiagramCode.astro           |  62 +++
 .../markdown/code/Highlighter.astro           | 105 ++++
 src/components/markdown/code/Kroki.astro      |  32 ++
 src/components/markdown/code/LinkCode.astro   |  32 ++
 src/components/markdown/code/diagram.js       |  24 +
 src/components/markdown/code/highlighter.js   |  36 ++
 src/components/markdown/code/kroki.yaml       |  20 +
 .../markdown/directive/ButtonDirective.astro  |  65 +++
 .../directive/ContainerDirective.astro        |  31 ++
 .../markdown/directive/DetailsDirective.astro |  56 +++
 .../markdown/directive/Directive.astro        |  33 ++
 .../markdown/directive/ImageDirective.astro   |  39 ++
 .../markdown/directive/NotesDirective.astro   |  83 ++++
 .../directive/OptimizedImageDirective.astro   |  48 ++
 src/components/markdown/heading.js            |  36 ++
 .../markdown/image/MarkdownImage.astro        |  18 +
 .../markdown/model/ModelViewer.astro          |  49 ++
 .../markdown/model/ModelViewerCode.astro      |  93 ++++
 src/components/markdown/node_check.js         |  29 ++
 src/components/markdown/table/DataTable.astro |  37 ++
 src/components/markdown/table/Table.astro     |  27 ++
 src/components/markdown/table/TableXLSX.astro |  52 ++
 src/components/markdown/table/data-tables.js  |  35 ++
 src/components/markdown/table/table.js        |  32 ++
 src/components/panzoom/client_utils.js        |  15 +
 src/components/panzoom/lib_panzoommodal.js    | 214 +++++++++
 src/components/panzoom/lib_svg_filters.js     | 133 ++++++
 src/components/panzoom/lib_svg_utils.js       | 148 ++++++
 src/components/panzoom/panzoom.astro          | 108 +++++
 src/components/panzoom/panzoom.js             |  20 +
 src/components/panzoom/panzoom_common.js      |  71 +++
 src/components/panzoom/panzoommodal.astro     |  86 ++++
 src/components/svgicons.astro                 |  17 +
 src/components/swiper/swiper.astro            |  86 ++++
 src/components/swiper/swiper.js               |  29 ++
 src/env.d.ts                                  |   2 +
 src/layout/AppBar.astro                       |  81 ++++
 src/layout/Cache.astro                        |  19 +
 src/layout/ClientNavMenu.astro                | 129 +++++
 src/layout/Layout.astro                       | 217 +++++++++
 src/layout/SideMenu.astro                     |  48 ++
 src/layout/SubMenu.astro                      | 117 +++++
 src/layout/cache.js                           |  20 +
 src/layout/client_nav_menu.js                 | 221 +++++++++
 src/layout/colors.css                         |  18 +
 src/layout/layout_utils.js                    | 114 +++++
 src/layout/menu_interactions_activation.js    | 102 ++++
 src/layout/toc_menu_activation.js             |  56 +++
 src/libs/assets.js                            | 211 ++++++++
 src/libs/log.js                               |  47 ++
 src/libs/redirect.js                          |  31 ++
 src/libs/structure-db.js                      | 449 ++++++++++++++++++
 src/libs/utils.js                             |  80 ++++
 src/pages/404.astro                           |   9 +
 src/pages/[...url].astro                      |  17 +
 src/pages/api/redirect.js                     |  14 +
 src/pages/assets/[...path].js                 |  34 ++
 src/pages/codes/[...path].js                  |  49 ++
 src/pages/index.astro                         |  19 +
 tsconfig.json                                 |  14 +
 107 files changed, 5897 insertions(+), 8 deletions(-)
 create mode 100644 astro.config.mjs
 create mode 100644 public/.nojekyll
 create mode 100644 public/favicon.ico
 create mode 100644 public/menu.json
 create mode 100644 public/svg.svg
 create mode 100644 server/.gitignore
 create mode 100644 server/auth/auth_router.js
 create mode 100644 server/auth/auth_utils.js
 create mode 100644 server/bigdoc.service
 create mode 100644 server/create.sh
 create mode 100644 server/install.sh
 create mode 100644 server/server.js
 create mode 100644 src/assets/copy.svg
 create mode 100644 src/assets/discord.svg
 create mode 100644 src/assets/download.svg
 create mode 100644 src/assets/full-screen.svg
 create mode 100644 src/assets/fullscreen.drawio
 create mode 100644 src/assets/fullscreen.svg
 create mode 100644 src/assets/github-dark.png
 create mode 100644 src/assets/github.svg
 create mode 100644 src/assets/hamburger.svg
 create mode 100644 src/assets/link.svg
 create mode 100644 src/assets/new.svg
 create mode 100644 src/assets/notes-caution.svg
 create mode 100644 src/assets/notes-danger.svg
 create mode 100644 src/assets/notes-note.svg
 create mode 100644 src/assets/notes-tip.svg
 create mode 100644 src/assets/pdf.svg
 create mode 100644 src/assets/rightarrow.svg
 create mode 100644 src/assets/search.png
 create mode 100644 src/components/gallery/gallery.astro
 create mode 100644 src/components/gallery/gallery.js
 create mode 100644 src/components/gallery/gallery_pz.astro
 create mode 100644 src/components/gallery/gallery_pz.js
 create mode 100644 src/components/gallery/grid_utils.js
 create mode 100644 src/components/icon.astro
 create mode 100644 src/components/markdown/AstroMarkdown.astro
 create mode 100644 src/components/markdown/Heading.astro
 create mode 100644 src/components/markdown/Link.astro
 create mode 100644 src/components/markdown/Tag.astro
 create mode 100644 src/components/markdown/cards/Cards.astro
 create mode 100644 src/components/markdown/cards/CardsMeta.astro
 create mode 100644 src/components/markdown/code/Code.astro
 create mode 100644 src/components/markdown/code/DiagramCode.astro
 create mode 100644 src/components/markdown/code/Highlighter.astro
 create mode 100644 src/components/markdown/code/Kroki.astro
 create mode 100644 src/components/markdown/code/LinkCode.astro
 create mode 100644 src/components/markdown/code/diagram.js
 create mode 100644 src/components/markdown/code/highlighter.js
 create mode 100644 src/components/markdown/code/kroki.yaml
 create mode 100644 src/components/markdown/directive/ButtonDirective.astro
 create mode 100644 src/components/markdown/directive/ContainerDirective.astro
 create mode 100644 src/components/markdown/directive/DetailsDirective.astro
 create mode 100644 src/components/markdown/directive/Directive.astro
 create mode 100644 src/components/markdown/directive/ImageDirective.astro
 create mode 100644 src/components/markdown/directive/NotesDirective.astro
 create mode 100644 src/components/markdown/directive/OptimizedImageDirective.astro
 create mode 100644 src/components/markdown/heading.js
 create mode 100644 src/components/markdown/image/MarkdownImage.astro
 create mode 100644 src/components/markdown/model/ModelViewer.astro
 create mode 100644 src/components/markdown/model/ModelViewerCode.astro
 create mode 100644 src/components/markdown/node_check.js
 create mode 100644 src/components/markdown/table/DataTable.astro
 create mode 100644 src/components/markdown/table/Table.astro
 create mode 100644 src/components/markdown/table/TableXLSX.astro
 create mode 100644 src/components/markdown/table/data-tables.js
 create mode 100644 src/components/markdown/table/table.js
 create mode 100644 src/components/panzoom/client_utils.js
 create mode 100644 src/components/panzoom/lib_panzoommodal.js
 create mode 100644 src/components/panzoom/lib_svg_filters.js
 create mode 100644 src/components/panzoom/lib_svg_utils.js
 create mode 100644 src/components/panzoom/panzoom.astro
 create mode 100644 src/components/panzoom/panzoom.js
 create mode 100644 src/components/panzoom/panzoom_common.js
 create mode 100644 src/components/panzoom/panzoommodal.astro
 create mode 100644 src/components/svgicons.astro
 create mode 100644 src/components/swiper/swiper.astro
 create mode 100644 src/components/swiper/swiper.js
 create mode 100644 src/env.d.ts
 create mode 100644 src/layout/AppBar.astro
 create mode 100644 src/layout/Cache.astro
 create mode 100644 src/layout/ClientNavMenu.astro
 create mode 100644 src/layout/Layout.astro
 create mode 100644 src/layout/SideMenu.astro
 create mode 100644 src/layout/SubMenu.astro
 create mode 100644 src/layout/cache.js
 create mode 100644 src/layout/client_nav_menu.js
 create mode 100644 src/layout/colors.css
 create mode 100644 src/layout/layout_utils.js
 create mode 100644 src/layout/menu_interactions_activation.js
 create mode 100644 src/layout/toc_menu_activation.js
 create mode 100644 src/libs/assets.js
 create mode 100644 src/libs/log.js
 create mode 100644 src/libs/redirect.js
 create mode 100644 src/libs/structure-db.js
 create mode 100644 src/libs/utils.js
 create mode 100644 src/pages/404.astro
 create mode 100644 src/pages/[...url].astro
 create mode 100644 src/pages/api/redirect.js
 create mode 100644 src/pages/assets/[...path].js
 create mode 100644 src/pages/codes/[...path].js
 create mode 100644 src/pages/index.astro
 create mode 100644 tsconfig.json

diff --git a/astro.config.mjs b/astro.config.mjs
new file mode 100644
index 0000000..13ea264
--- /dev/null
+++ b/astro.config.mjs
@@ -0,0 +1,16 @@
+import { defineConfig } from 'astro/config';
+import node from '@astrojs/node';
+import {config} from './config.js'
+import yaml from '@rollup/plugin-yaml';
+
+export default defineConfig({
+   adapter: node({
+    mode: 'middleware',
+  }),
+  output: "server",
+  outDir: config.outDir,
+  trailingSlash: 'ignore',
+  vite: {
+    plugins: [yaml()]
+  }
+});
diff --git a/config.js b/config.js
index a6b10b4..2c558ce 100644
--- a/config.js
+++ b/config.js
@@ -1,16 +1,11 @@
 import * as dotenv from 'dotenv'
 import {join} from 'path'
-import { fileURLToPath } from "node:url";
 import path from "node:path";
 import fsp from "node:fs/promises";
 import yaml from "js-yaml";
 
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-const ROOT_DIR = path.resolve(__dirname);
-
 async function loadManifest() {
-  const manifestPath = path.join(ROOT_DIR, "manifest.yaml");
+  const manifestPath = path.join(process.cwd(), "manifest.yaml");
   const raw = await fsp.readFile(manifestPath, "utf8");
   return yaml.load(raw);
 }
diff --git a/package.json b/package.json
index 4df0411..323baf3 100644
--- a/package.json
+++ b/package.json
@@ -14,11 +14,12 @@
     "collect": "node scripts/collect.js"
   },
   "dependencies": {
+    "@astrojs/node": "^9.5.1",
     "@google/model-viewer": "^4.1.0",
     "@octokit/rest": "^21.0.2",
     "@svgdotjs/svg.js": "^3.2.4",
     "adm-zip": "^0.5.16",
-    "astro": "^5.0.3",
+    "astro": "^5.16.0",
     "content-structure": "2.0.1",
     "cookie-parser": "^1.4.7",
     "cors": "^2.8.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 968dbed..8d66661 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,6 +8,9 @@ importers:
 
   .:
     dependencies:
+      '@astrojs/node':
+        specifier: ^9.5.1
+        version: 9.5.1(astro@5.16.0(@types/node@24.10.1)(rollup@4.53.3)(typescript@5.9.3))
       '@google/model-viewer':
         specifier: ^4.1.0
         version: 4.1.0(three@0.172.0)
@@ -21,7 +24,7 @@ importers:
         specifier: ^0.5.16
         version: 0.5.16
       astro:
-        specifier: ^5.0.3
+        specifier: ^5.16.0
         version: 5.16.0(@types/node@24.10.1)(rollup@4.53.3)(typescript@5.9.3)
       content-structure:
         specifier: 2.0.1
@@ -123,6 +126,11 @@ packages:
   '@astrojs/markdown-remark@6.3.9':
     resolution: {integrity: sha512-hX2cLC/KW74Io1zIbn92kI482j9J7LleBLGCVU9EP3BeH5MVrnFawOnqD0t/q6D1Z+ZNeQG2gNKMslCcO36wng==}
 
+  '@astrojs/node@9.5.1':
+    resolution: {integrity: sha512-7k+SU877OUQylPr0mFcWrGvNuC78Lp9w+GInY8Rwc+LkHyDP9xls+nZAioK0WDWd+fyeQnlHbpDGURO3ZHuDVg==}
+    peerDependencies:
+      astro: ^5.14.3
+
   '@astrojs/prism@3.3.0':
     resolution: {integrity: sha512-q8VwfU/fDZNoDOf+r7jUnMC2//H2l0TuQ6FkGJL8vD8nw/q5KiL3DS1KKBI3QhI9UQhpJ5dc7AtqfbXWuOgLCQ==}
     engines: {node: 18.20.8 || ^20.3.0 || >=22.0.0}
@@ -1393,6 +1401,10 @@ packages:
     resolution: {integrity: sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==}
     engines: {node: '>= 0.6'}
 
+  fresh@2.0.0:
+    resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
+    engines: {node: '>= 0.8'}
+
   fs-constants@1.0.0:
     resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
 
@@ -1497,6 +1509,10 @@ packages:
     resolution: {integrity: sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==}
     engines: {node: '>= 0.8'}
 
+  http-errors@2.0.1:
+    resolution: {integrity: sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==}
+    engines: {node: '>= 0.8'}
+
   http-proxy-agent@7.0.2:
     resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
     engines: {node: '>= 14'}
@@ -1807,10 +1823,18 @@ packages:
     resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
     engines: {node: '>= 0.6'}
 
+  mime-db@1.54.0:
+    resolution: {integrity: sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==}
+    engines: {node: '>= 0.6'}
+
   mime-types@2.1.35:
     resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
     engines: {node: '>= 0.6'}
 
+  mime-types@3.0.2:
+    resolution: {integrity: sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==}
+    engines: {node: '>=18'}
+
   mime@1.6.0:
     resolution: {integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==}
     engines: {node: '>=4'}
@@ -2166,10 +2190,17 @@ packages:
     resolution: {integrity: sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==}
     engines: {node: '>= 0.8.0'}
 
+  send@1.2.0:
+    resolution: {integrity: sha512-uaW0WwXKpL9blXE2o0bRhoL2EGXIrZxQ2ZQ4mgcfoBxdFmQold+qWsD2jLrfZ0trjKL6vOw0j//eAwcALFjKSw==}
+    engines: {node: '>= 18'}
+
   serve-static@1.16.2:
     resolution: {integrity: sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==}
     engines: {node: '>= 0.8.0'}
 
+  server-destroy@1.0.1:
+    resolution: {integrity: sha512-rb+9B5YBIEzYcD6x2VKidaa+cqYBJQKnU4oe4E3ANwRRN56yk/ua1YCJT1n21NTS8w6CcOclAKNP3PhdCXKYtQ==}
+
   setprototypeof@1.2.0:
     resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
 
@@ -2246,6 +2277,10 @@ packages:
     resolution: {integrity: sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==}
     engines: {node: '>= 0.8'}
 
+  statuses@2.0.2:
+    resolution: {integrity: sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==}
+    engines: {node: '>= 0.8'}
+
   string-width@4.2.3:
     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
     engines: {node: '>=8'}
@@ -2733,6 +2768,15 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@astrojs/node@9.5.1(astro@5.16.0(@types/node@24.10.1)(rollup@4.53.3)(typescript@5.9.3))':
+    dependencies:
+      '@astrojs/internal-helpers': 0.7.5
+      astro: 5.16.0(@types/node@24.10.1)(rollup@4.53.3)(typescript@5.9.3)
+      send: 1.2.0
+      server-destroy: 1.0.1
+    transitivePeerDependencies:
+      - supports-color
+
   '@astrojs/prism@3.3.0':
     dependencies:
       prismjs: 1.30.0
@@ -3949,6 +3993,8 @@ snapshots:
 
   fresh@0.5.2: {}
 
+  fresh@2.0.0: {}
+
   fs-constants@1.0.0: {}
 
   fsevents@2.3.3:
@@ -4127,6 +4173,14 @@ snapshots:
       statuses: 2.0.1
       toidentifier: 1.0.1
 
+  http-errors@2.0.1:
+    dependencies:
+      depd: 2.0.0
+      inherits: 2.0.4
+      setprototypeof: 1.2.0
+      statuses: 2.0.2
+      toidentifier: 1.0.1
+
   http-proxy-agent@7.0.2:
     dependencies:
       agent-base: 7.1.4
@@ -4633,10 +4687,16 @@ snapshots:
 
   mime-db@1.52.0: {}
 
+  mime-db@1.54.0: {}
+
   mime-types@2.1.35:
     dependencies:
       mime-db: 1.52.0
 
+  mime-types@3.0.2:
+    dependencies:
+      mime-db: 1.54.0
+
   mime@1.6.0: {}
 
   mimic-response@3.1.0: {}
@@ -5077,6 +5137,22 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  send@1.2.0:
+    dependencies:
+      debug: 4.4.3
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      etag: 1.8.1
+      fresh: 2.0.0
+      http-errors: 2.0.1
+      mime-types: 3.0.2
+      ms: 2.1.3
+      on-finished: 2.4.1
+      range-parser: 1.2.1
+      statuses: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
   serve-static@1.16.2:
     dependencies:
       encodeurl: 2.0.0
@@ -5086,6 +5162,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  server-destroy@1.0.1: {}
+
   setprototypeof@1.2.0: {}
 
   sharp@0.33.5:
@@ -5219,6 +5297,8 @@ snapshots:
 
   statuses@2.0.1: {}
 
+  statuses@2.0.2: {}
+
   string-width@4.2.3:
     dependencies:
       emoji-regex: 8.0.0
diff --git a/public/.nojekyll b/public/.nojekyll
new file mode 100644
index 0000000..e69de29
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..0307b124f78bab8a088cbb90b4a2d1a89b5c73a8
GIT binary patch
literal 118902
zcmcF~g<D)bu=iQq-QAtyUYt@Kio3fPireBYE$&c?JH_4I3KVyWyF1){zkC0M?>x_L
zHhZ2VlgVUeGMOI$fB-n)zXt?R00{B`U<vsR2LErJ0RaR!LjDsI`@gyb0Hmma0Cx8O
zt(VXOKxZ<fCB^^MF(B>RKmZ1${I5T27yv*U2LX{PN}o}Yh>##%qsq!iss8u&zYoHH
zL+iVgK*p4tl9duy_gp^h&`HqO@lLyc-Cw0`T1JM=3v|rmQ&9Gpa>o0>^-JbE)h9H@
z$RtHslTb#z^_=#Qf76LC6rtn}I$Mfc&e}ydRE%M=vN)gQR>Q`u!~WekyWa(!!4buh
zhDw|!A9vip`1AAqt}Cm<12l$N=3WKMK;{<fK4%j?Z`Zj2p+W!u9%^ZIjd0-z$N*c$
zVZz}5$}b3z0$YI+KtfVt4+R()_<L}m^71xe)c*Gc`w0k#<iqi4OlWLKXe?Tj*2=2B
z&DXA+t219{Sj|kvTcySw*TQLb9kjI45OwOlLN$v$TaGEk0sX8GU%gp~?h0{9K%oHt
z9t)qUh`#OR*{dKqOGEQh-he8#NkQTlC##Aku8c^tmh?O^A&r^wQ~o#}2@(Rid`j+K
zb%8t*ok7zvPe$V^ysObeq$#ETcK4#u$B{H!^KidM*mzk?gm2@{NW`Z}9(%;Ax(=?p
z;)(b88NM}({|4nU+w2^4Be&5W?JA{G@U7&sNaLHomGxe8(SA@!Zss@Gp0N+DRi#9U
zqlVB&$BjKC$F+N=8;*{b`LehBsne@%^6vm0^TbVLywy*Viy8a$bAQJea^J5}T2t!$
z8mQ?k@crT@x`H2Ypp5%RvSuce%F#1k-jXfeCiJ3xZwCeKDwDoEZbMPOEHcl&6fRgk
z<fqbkIhILT!!mQ8<l~-5QUcOhqV0{N@0SBBFK>Tw&#FDbgtPowAfy$G`bTwLW*0xk
zS=siHDfNgz27!^y=ImPE%6%IV_P>kuS=~68Rv<|yeywI=mtbvd=hxd~YZvSbxD~b%
z5F#^C%twu(3Izx_s#qHzdjI13zh-~x^s@>^$I}}!-F7M_A<9XQcpNT83fK`+z7A$n
zbSZMCjUx#qc9ya(j&oXF-}G45+iPNDyQJq^uqi&fME^*W5xH{|Os7T8Z9^M(JjVL=
zQphOc-Y9L2>|m_UzzwD>fUHCepJT=4*hcHr{)XOO@W6acxZ8n#+K0=;>WPa55so4H
zoYF7R$W2=eDhOc8Z5$%mK`p0>>y5Y3XZ;bavEpQYcHi@XuWv(B!c+J91oSl$`N$}#
z5&+8g0q<V?s;Ud4mw@xSWjO)Hjs9=6n?`RF3y&uQmsFO<!w?q9tm@iaJFR<nzrQ^5
zwbZU|6D&WH5mK|Op+3^T|6zvoj9A1J%4n;Nv+aQ}UhVOaEb7<&{yZq`SXr+;_Yc17
zR%cP>;koOUvg@nY_h;e)@{NmnRRl2oc&~JC*TXzi*UiLpyO&4s&98|!kxp;d>|DPc
zvaahh&M`>@s}BsTVC5tlHUINbPSN)UuTFovY$bOW`he68zkrt1s28(p1#BFUq;ir3
z@R5?U7_yTt175dC*ITvN=mN-d1Dpt{FP77p@QdZa@nH&_g^4Ze8yZVLcCDpqq}jKr
zF$%gd^ca7lkq7l6JcMXF6uwLtwU0X)82)_3X?r3|Ua}oV@Ax>v_DWw3a(1g7X>wY4
zyjw$E*R#I3^9}y1IqJ<!?Ivd)8tKyA5}5}19^;}FaWx4#_jQaxRx30ynyk&o0F=R*
z%ntsC#P^SFU0-8q+^7==_~ZxzYxy^eMR><f|MH%*aqHO7{hG8>PQNAs|74&5M;N_+
zf?>wcHTj8i@uHA^9$*sG^=^hA%{l;)+s%kW^U+ih?cJ{Tzs$bJlY=$kTr&iimgS(z
zxjzTZpE(nBsgor86lnj=lyZtb%+QEFKCx8imZCjhN&o1DbM9Z&cD(#dUgh%WZ?-5&
z=#|BE&-Y_UP<k&Z)_qV~Xy?f#TCd!}vD*EiR;%doB=oD&-(C}=JsF5*qyCjG*y-gH
z3}OGHHvJum)q1)Udsogyk7?rbF{%I6t<D}2<#YiC@Oil77R_l@dxx2CK1?_XdqS0Z
ziw`3DlfJ<&)(@o%R;5yKYU(UZP=Rqj_^PTeZ}pD31qY5qk@SrmFS)ud(7ImFIPEG=
zF3}%wAaYG@+L3*E?8J68czbJtUT91#dX4OKt(TgrZTm5&W6LHFGGc!&WVpUU&8=&4
zamc=Uf0=RUbSc1?gy<rwPG7&+$J@#Lg?%=DlFqL_!BbsL<9hc;ePp95j4<7p(<4dM
zYr0mohBVDFOt(sd|LqG1htPZ&BnvTs@EA4iGJ5?<NiAgQRKD~1$EQlv`4##F3T*_i
z<X|a;kHNc^-apm+;-M?&zIt``;8#_kK$=4M5U#M7<g~Vwmx!16&hPBe(Z{Fc9N|t0
zpry|-8g(@&2{Bi^4+RR@Idr;T|MP}M0yz)!huX<kO1z5F)vH;Y!mQXvscbsXq}Q!a
zYTMF$EP2k2b>Bl)&C|w|%ZEsZN;K<K%urTYXp$tGyhieXw+l<#W0q8w+7Ij(16(LT
z<t3QC>(ADiEkq0JwYN=gW<Lt1p7XUd%@?hI<=2p~ODlu<$cO9d&a&N>L%iR>r7@}8
zKdveHQ%u{*ioU4-{wuxPllr~sV!Q;fiRuB-!0*rTXBT#mrFfG_j5RQjG!%l^9>i|Z
z_a{F<<n@H${m~<Lt2*F_`}p*vU*k!5GV5Pb9<~w2zqMyn|HDk=mp-;t^THAZpY62L
zFyFIe8~-=aw}YB+P8_8QxakA)mt#Kii?I#e&9Q|ArEl!RvPDFMmgV$KBHfWVKy2I&
zey4wKz~d?G+rL5Y@3`(knBTDt_%5VcKpK9@IYv+Oe*SNE_YYU$b_4%Jw<?-cA*-Do
za8tO_&b5)}*2~0~O+XB0vj4`p-m$T1<-bK*#nzy-nrcuZM0Md2@Bo$TW0A2ishQ4{
zi?aLBj{tT*^7QHK*?69?dwJ4}{$z6&6zF^OLJ)BNneAeSJX-+sbWAx0@H{rm4tPrT
zc?lM67C6briQ$JB?3eN4sf&%5bXSO-gqR`fU8zMtGlMbUWsB%Pt=C5;*Tb<1v5x^)
z$!#x{0e+z#xmPY{^b&yY>%3r>hedkZ@h9S=pjTN=3xDCQX!42+(bqRcqU>V6n&VP@
zU~D3Z%|LHAUR0l&k;ny)1fzHqqEoB8cFjKJ%!lL`8v^<|)>jRg#J<gQM0YAkafGF6
zct?ou$6Z|m5YgurR5q$vR69R@Sgz!8td86JcaOK1Se|^qQBzyq%je|u-y#^d<6JzY
zGbyWyeuwn;GU>zIo=Sffg9X)}q2j72)%NPBj1(1BV{7*-&5RQ2y(u6d8d;5YQn6n_
zD<{Y1`bK{Q=yWlQg?IpSpV=ox=aNzduU|Z0iIaH51qfTg|K6SCx~F2_foS&_^|&FW
zo2Cte?Z<SifXCY<6ZG9_&obEVU9a4Ep(s54U>9D4EjFIckqX)28*?ezr)i?CK<StA
zWh?DE>WAHvUM;7p>&Rofm(A!z1rgfsLCQlKC%u{Xye07^TZ1MTU+8|LPFfuQn#@K(
z?M9$TLEAB>YBsCS_g7JV7(7M&k4*B{;hUOpSB8&&p*FLhW4}90BuAM@Qjy7o&K@#F
z&SFyo>c*56Gu)JCX-gvi$<OsU8$Q$~zq3=Nq?MH4J6b+9$PIg6?lQp>i~j5x35E@r
zSB%8*VfhGpUDY|hDE2t|#z|W@WOow$-^_HGi4V84B4H}hktAh5<Fn%_IN#7K3nBSM
zrA5@(mJK=H!XNyK6S5;+Z|)qt?_%dT+4{(<+yqz`Q-1(hm>UJ_Z7}*J)W=vaK6_?n
zFr%e1lo>)hBgl)NYM;J8>(~{xfAwp?0175c_66u*DwdF1Okd2EbIyhO{}qdrweWA&
zk%Zx@Nyghy*m8ZPCe*uPAenO7WTeC#D=S6uA^03s_P$X>f}tLQt0$162Y|hWb|%`C
zKkHo<t3nT}FIii~w8qk5j%6^4uFVIml|?c}Now;Zo3+7O7se5fotmKUsCe4Kh&8Pn
zQGcyyRQ)i;$1W``=qQ9cmQi})jMgoQfv?w#hOYK<(!R8e3-}d}U}!4bE_wmp3n5c@
zzC`~u?nwO4QeE0P2}798>iS54<04a2k-?cR)Xl99>$Zu;SR)&#K0Qa0fr3H&Pdc=7
zmVeE~S3@Sd#x%YdAMmA4FD{IEQKJMpA-nE<6PfQ3q8V7`6U}CiSvl6>roZ%@6~dPU
zabQTv5RgxX@KE3e6AFC<<z>?~e>)EGuz%%~AU3%rKn52_nlS^a#s9fD15T^^M!t4|
z%;*^vyt8J1llcbfC^;MuOA;trqcK!M*`+7DA|4Nl`BAC^BQVsVw&f1uZ?wbJoa6r4
zb%pAs-%C(z_}Jt^QGl`YSt*IJ$X8gwJQ6&0ePo0A&MdHEKNz*hxE~vu$S+)tviDDY
zV$E9U$Jn_Qq{c$jSIJ%x)hQ9a|HiM`xW~o_iQnB(_my$fMnaVEK_CK4r2Oc7hO28$
zIOc2t7V#oarK~d|!lVu^v))5A`EQfHVGFuLQMmbEy{|OkKR#AZlG}O2Q0Jo1SuXP|
zxzQm-Fkz)a`p#4LVgXT<MPMp04lYV+kErKsoFg+Wx_s|Q^~FfYXT(&*Ce=fw;O>PS
zbHe&mg|{|3eh-U29|^zR5GeZt^kI!sbF_C%*N(2bFp5GdMv@CDn3%(4vj`S3TF|4r
zlFeA3_%!p@#Ig&z=D!5|^}=*EEzL}8lp<N6VhF@7%K7n=V(5&i^Pz|7{qA(YO!U!&
zi_&^6NxXf`<)ZgPLZNjrtn65IJ*R|D9MZD>{mx3!wbKUFFH@Z+S}cK1p94AT$Klmk
z%x<>|D$s&1qv(Bu*LriU$Vom4ky6NRUSpTw2}!-)bOo1p4{DTMMV{=+)I;YMDi%;)
zBzOW6#ltQHPZ<)B-?5{GniYaxCfmmJ^=$vh<)D$Xcs4DTmFD><+G4T+KhT!#pIEyc
zVL;Di^TJKrl&5AIfA-+aTaasnMAn#qkSc&b#$m`Ap^{w-`SD*%EkviO@M}VC#u9gC
zo^xE?I9P!1CvSgl->D7GRo6_!uJHgG-wxmQq*h;L2+W*!Ijg=QNKnXsy?1)Jb`-|c
z6PiLS{f3<vM-Q?2zE{4nvu2@~7m?QxUo^Iu2C6)oie-g~>Bqv@ip5@;#PTKcDOt1A
zJ4b8dzt|8TYb4u{daUp6I{+E{{&1Ba@r0n>q`+{_*VQHfzewJ9ub2O;bA|g<n@a^u
zH+=NOch*Zc3b?|-QOS^jB1CRpf|BiMe6l4ik$A%Z@*j;_*B*r71TtlCdR*ZNysYc|
z>9l%t@28Psn|-+paW-(~0^IHVYTG+ga}f7Waz`5x>|;l|e8_<ZKws#A<<35As5ynx
z1P(rJvUYCEznC*tut}D0y?3l^p;%KjpJ1RwAuR$G7Ujs!R&>VnQ(zKl#E_xgzg!w`
z<H*?US4p10W*Q>+(xuy5NJw+5^LdM%W%(->ebQYk3up$dqS`xnGjC%BNY9WQ!_DQc
z4+q4+G8BUC`ruQ0Wf&JRdDgKa_Y=BzZTrXajjvJU9XH=_pif;Ycsbc7Qc6G4ax5C)
zn5-qqu%9?|-1mqsm!abUfN8=JzbTq?d`<}c*GzaZ4Qn$UzOVk5L!Xge9++o+?|S)N
z&HmJcyOfYHgDwoF;yAtt!a;3P=Gd_TqxA#Z=J8&Pc{*XdM_zI@D8A^)99=ygj%x55
zZ#!4y!u`3Rd*kQoECg0;RlY*s_5!>q_J<S^A;RlaQQk3T*W}`#Sk9tDa==SVYEfF%
z$+<s=nDI;e_nxVAOoSK=f*!Oq&$?Y<<4<wsf4)JvVbA_>CfCY)U}@7_BZl_y(Q+Fv
ze|ycmAWh`SP5#UX(GAcPo%j;+5<~{5#{IR@X$<f$x60XjKDoJ`w%hN|goMOkW#ToT
z!<QUnGssDJds#Kn+p30$<&hhyvf4Yn^hfDlEwq=FASn7hsEvcSbmeF5)BQgvAY@!T
zg)J-ItFU9BNoc!Bikr4Kl5*Pq!T{rCbi>hGPYmO1jysELXLk5O{S20%g0(b=K%6OP
z4y^}nlVo|BC|f}0!!K<jtUpQF*s>}W{8Y1EtHizx5ePf9WAu}MAI>|SeyBCT6fk;A
z8Cr9241<E2(bB(T0A+GVN$wes35y12fdmiH)k?o-<Q|VEZvEmABaGV`N|tnA=J&gw
z0|==@7>4KR8{dWJ&r}8PDVdLu<O&LCy!x<Ubv+vvPm2=-;7{q6ZKw;G^nSqOI1{?;
z>5LDF9GijeRB8th#06+7VB<S+&yflT1xIq<dU#htys3@PD<zmH6(enas{t@{W>nhy
zrn`3+zhPjhnA<tEw$5KRU9&h-^Fbp!<X-eha?;uzA&5m{ITf)cG%($!9TVqWP2HkT
z+dLxrp)L$wv`cUBCci7BgxuyTsAne@8b6o?zoGiDxdp$dK9gE?P2Io_{CoE^|FC!E
zHx%rx1t5?T*I17JGHpA1>Dh5bbKvn4>FytIq}8O9PlzTT=)8F9yw{hCV8)f(+F4Ss
zpY2`ikh>~2T4Xe7A_T3_nXjeDo=g(K(9Z7dE~CCpe)h*J?sFg{gAe1{!Q7{#`pMIG
zwEQJUQCw{>=iNtYXCo9*DGv}sA#GrBlQ?rUmtl+aoi@vB@wRztL<y!_Bg6LCEc3(2
zzf6D<d#)$c=z6lEOn209)d+PvhV9Pb5B&ulyT(a*{W|WiE6a!9UHC9DZI(bQaz=67
z&8sZk<%^X^4ML6l14<Sn2~&qI6L*cT7%rekL!I3PN4iMool>hk@_kXq<-qJ?ABhbC
zYN(PV<OPrp%^j@>m;C-1yoo&U9QxQ?i_Z#+UR$3pRfJF?<nvVU{LXpWn95*GB#b_}
z>vpsHl#w?PE4=5C6Zm`obnNx|3?rzl4rf98Hh;+d8gw?#ej2Nm$4Yr?fC5e@BGQp6
zOOcs*o$^UTAi$)P1DVmv^VCUcVtA>l4pS9Hp-_JE=7s@dj^<wqFDODOv#%P(km%Sj
zEzRIaB34kkE;YgsPGwa7BkDG!bTOPLUT+9Exm$<+*c{%_Z%L?YwBq$~trS$RSYHfS
zx1?#}Vah}`rI4_$PcuttmJFthxJU_buk-uTSdsXCGL<9H8;J!gr$EG>%725$u+ET2
z*c3Fawn>fr1&nywE&Hgw05d%~t#o97LPhW;$YAwHd67ij26P_Mhg@gV_K>gf4<%6o
zIHK*AjLX`$w)XF+XPQK(LZ9R%cw0Gu6=z%PwzS6R(m$;6?%cB~F6T<ts9!gceU*}-
zx7kHEzEr$CzB)S=8;mUy)b5hf{>_D<rUY8`z_l(H=DY!A5gci{uv~m`N-2MaSZn{r
zBm5B1UhHPA$j|204pz(0J`kJmnb4F$uOpwznu0%=zw((I75mWyFEaePF0ayzLu6-f
zwAN~Z@XGxkI}Xe#D_I0@xC7rDB7iT(1Z=Ph{h;LG>W91}IYepR4zBPxiQl-}S<2l<
z8i8E22?PSAya2TdTFA(vDfDmZ$`=_76=w5%akFU4@RGYo3R$>q)Q@Y$Bf7LvEJew+
zub6tAJj-=f9)Ori>K55*56k)r3(i%<!ud7=>wwQ4bpl0@Dr}^OELax%o1fS7P&=Wi
zJQW5vt*KwCg4ib+{cdSpzhNcWHnUg^B1!8|28_{s3zo*DzHDqon9*Grv$$czbf?JW
zZ09j8I&duy`z7K$5Tk+wJvhb@$aCW&lanO$VB!!5PdPg=ObM#()n?ojeV!EPd>^pc
zv(>xr{nI9KXylJrwYK`2wrvO9>e2P-iTS;m?fi_AjSn40j*0TL*4l%XLY||T4MYFQ
z@#LDE_=PN$7}Qp-#kXhbBZ(18?tja@abJ*2)p2pOIX0#lac(4bbbp0U<|OfroP4B!
zU(xYo<$91L8IGxCUyd*M&lQeR|9k=^45%jp0l;L-?+`3H*+LN&De-m_4#;aQ+h2-I
zOSK%!BHbuMqA%yF7{GK`+gWbQ0Y7FQ%)AO~j;>DEjOF8qHqDgL60Z0W=h<X#CQlhF
ziFO_DN&UugsB&UdD_VPf-?MfWYtXbf8^_uDa9ICAanV{~_Gqyx$=hXP0lT}Ur%5+x
zdEH_?E&(Fx(!Q0qat!gu$^J5ND#OkCKywwPLIjJte2TG{L}U`PHAWz2|7ih?$8sm<
zG}(2)ijliv3uvJdzGmg?54>f^)349GYd?bh8*Y8!wh1CVs^J-^WG=qVEfe>n!BWSo
z^0;T26z;}^02r7O%<2-7);LRU$eXG4RZR3x2Wr|<?Sc#<hMy;TOhHZWXt(8=$Ge=K
zZfg2uNSS&*Pr{@<U^!vcGK#M!u|Cg_mwgCI*%Pz=O=~om2i$)K!_bL{>gzlwup?oX
z3dq1w;<josUa3g@UimW<MHHDs=gWZ96(t-9E0z7ym^yEW!aYkdd#h&AE`EV@Q+(r{
z0ii6YjPOBdwr!7o${GQns1MT}Q9(1YKo@Q1Q9(xiJB+2v)l9qCC?<UP*73|-9Kn;O
z3sz@UZS2TP4#x*1xYXuV3%}oH>$^n<P7+88prl1eNN|ZkGbF#l)PgeT+OoJjVn5N2
zd%Pv^jXP|7SOPkHNUMB_4Vow3zWe)#9zc!-)~OmRyB$c&6TV}$OXxKLZ$x6j)8x#n
z%yT@sC_X&0UNj_SOCO$^Chj+0n`m|}eE+~*J)mibOEscN!XOTYrw|EaK>@yd1|vur
zjn8CY2ctCY$(YcWIXg8-Fuw>Aq%T@pviTxP5Cj7!aeN&{zJ;L~g0g$ejM(MEwsVcl
zSm{2547cx{DN^kqM%y?yiWx|n2kNK&rGJb4Yt8h2LP&-L`(@xACtV=X4#n?0)^wHc
zJ)xpAYI4K7LdJ*#j&Z?VYh@N@*{z-#@ZOno5Ep~`Ldd8=5p^d>iKW!rIq-!HZU9E@
zktVtk5fpAo-29F3`<W{ZMiz)`kN#|j0QQrZUP7frW0=~K7e9{-dr#y#6aX`*5)H)^
zc>2uw^e4xpoTxWlw>$cG@(|ZDQar1dkW$NvySikx28BPhF=zOlJrE=wIZ_fzr_8a=
zn?%u{RF=lRtoNw#Ne@+9FX)H>=FfcpGs|shuSvbnmucvH<BA2&pFOs1mWa!?_DH7_
zl#aLnRFV2%5>vz)bMd<I2@Dlpa^Gl&+Rw{#%A6+?g>UXFmG-kbk5m)ST`{(6M!%(0
zo@E){b@)TJ3zz+okGf!EMY~&O8uv9YIJAXEATt05Xv*j36Fp|u6%?X~<?yb``3X8$
zhda?KX~^OTmSti$l|wldK^aRi=mf-CPJ6HpIzjh(#+Qk;;8Pqv9Chm)MSr~$O39Y|
zNzlu${P5>9wo8<#`^gaZ!?uuh+gV>?Q$4h4^b20AUZm%F?YCGkmc8OHZxZ$I##nlt
z;Mm-iC*}njJALV2U7U5`?BD}h_HdO~KD}{CU!D!98^q5bg#=;|<z@gQWEf$m_LBl%
zzgrulj;!jCw@~3aVeA`_&UCA8V<{I97jN0h2y?YfwX1><dvX+=0#VyPUzztHHm-!)
zu_l3rX*ZF#n#$ZI`H3PZPm7l&nEmeg-9S~H=kOm75*Pbp!JHM;;p5h&AzGx|bJi+F
z(GmSP<s>|2uuO=3yo5SDjF3|U3<YgMpG{U&qnNqacnSrb)JdArO<4Cu>hyXgn4-Fu
zic{w4S?9Ys;VmW>P#WyLZT%~Qn5M%cXgq)NR?vd*i|zNGGmT#b`k#KzyiNJ1h`XA}
z)31{qwT~JS2CMQ^Bhj?zh`b-N$<86Kj5*+yD96=-RI|ZXX&Xu??GKZd-)Bz00xNYT
zilssQKFEMLdt(Ov0Kv5F%l9Sf2H(xFv9H$q?ySyk-JAMdsCma6NF3tH*wr9{ON;hF
zQz7k7ld@bT9wf2-sP))nArq=3o(<O=gQqyvpkHYF`Z*G1{y!W`BMKDy-KRb+CfTJm
z*LS@x36KYz&w$8SLK(t-<0tHkBB7t<-J))&vdCX?>=J1jQmDI1(hgFI|Ks_7#J#sF
zpO*f+W~_6qiK!f20cJ)7R}4ep!|I(hhF(twR{HRF*j-@(9P41-D<96ht6w24m0SJD
zKt2wU(gKxz8kLP;w`mzauI6&wfTi3viR=$jF*tj?E0rsTwQ)=WhR_s#&!m-2+Gfl}
z8PeN&Cm#2xBEK(SuhBzK+I21*jj{$|Xp5(*N@6=1!92klCai(Q^GD3_!uSFYr|wg`
z=FIZ~`Rkg-7{?0986cI)1d;J?!ZMAeDO$Q0oa+<SU5gfnl~I4pl&4-dg`h)yOQVB%
z@R)#1OKUaU<_@iCe~Qbc?>E9gWjN3&*p8ijT?_>)=~{gg`vV{q!hk|hp2FVPGM1UQ
zL*levd5s?M4)^|2?r{Z9tTZXEc|7<QumgQfGFhlFbV0gb_Oc{j{BRShGpTUmM_k8J
z@W*<_rpcERO+qsCo@f*wkIUbRV@F!8d)MdmjI5Ozh{1qMxpb*%f>S9K_XS6_Ahp*1
z(7GYK@%hALCgT8=(*g6LZ(i$9A?)hw%E8+4aIhXsHf}F6K6^3SQ?A<n_gcbg#KmqW
z^1H=M+nHrT*u^y)d%`M-Lb$@$kW7k37*&%H_hLW%nUEVinl<0p4*E)4q*Fdjhs~M}
zRxv(wG4=>`_hq^q3Thg_m*1Hc4Po5Ton2g`)FX+Qnel$!-RQMVh=rDoAFKNisolS5
zG`^j4tlX+BE0=}q%X$}FCII)@RMOE6#i`ouVb6Auk9Sj=7*B9|d@hx9j2cJwT0yM+
z4;xZQ?eIw@D5(r1<t{!D+xJTXx5a|6ibwSZ&zlB)f+{MP2b$p<|BNHXcML@ZG5s}^
z2d}i0E!mY7fY<F+A9|7K=i%H6Fy5&L_!`GmdTMQ!oPt(~xZeqQ-yB5dJ3^C6g6%>2
z$OAWu{@%IwZh%A-EBL{>`*QIPrdtVhS`@=D6d#TkY0@lW0I4>xrEF_piIZH|V5`8@
z!Z4lr`p@s3adim^W}ju^)^NQe{&n54W__)7U3o7bo*iAamRU@}<==Gn{@uI0;Lb;U
zcy>)rA3LBBDdf*v;m{}FlIpP+N$YRL*M8w#>te>=Ymjz{OkuD;rv+P+w5?^<2R9Py
zVe2$1>W(<U8}My*BAAx90LJz1z;fUXZ+%yCyd60!?FKTV|8Z*}K|~okH)rxkRcHQ~
z7~tX&2&?@;Ti-^!C$-cNk{W@bT>{g4qTOG(gjGH9=zm7;W0{3-S*C6lt+w{5?}A}^
zltlhC=23HyPfPIS(sZ;*3%lwssXXaG<Rxpz^Q%Dz^g+s8wPQ@5)W`{=GtCEaocp-8
zauSTdSf2XYK$>iQgqxPfC)Sq^j@?+)R(xw#srcywiN9@>vuJY*S0BM^!C)YZp!zKw
zzTA^pJa*`VrZ)|Ph*a}6#^Vtj`$62OB9eALT9d}pFamH<=3QwXd3x6AvS#XdM?g`N
zqRVJpWZKM6`Cn8;^!Adg{i9X^-qJ^adTJm{am<4}T|&rpj%!z%dRG}Q(|5}-nC*iF
zi-5e)7;y|i@V7O;wc$8L)<t5_Z+%p}9wJFbl(ZP?aWeE+e1P^`&7+Nb7()!DwJ~Dd
zbHfTFPLXQ&qv=$dKF=DVWUWO4{Dj}e9^KrpSjUPyyXfXeJ8Lt)&r}$%kz#=OfiN;W
z4lua47Awt3tG|e&1h1v6ZZU)>*8gNmA!%+71Ktd_u+^;jAh6kYxbwH1c59ch551j#
zGTzrb?A+TiszvwXW|+r&QsCo)yzF4=-to(12c41Om#Rk8<I*)<B0*)R>uW|nkFg@-
z%MZNdaH}0q)Dk4Rw#lAT?M{($9mW(Rg67apfe#_M@E#*?Yg1b}UStCIA6@RCI6cVH
zGp<j2<R1MyiKou$a&q5IE~+}+>N}$xD-zZ^qS{<TPbQz6eHNx;cUegz8pm*{^S+$y
z0BB{P#oGL`f$-S94`NF>&9s5|?*GjNct~!?f|m+2bZ8VuP^oh+vV1&2=6PGD&)K?l
zH5=EUmJ@FpTzSjEEgsdS-#yYzWLq`Z=fm4-jMh<NnHbN9GRyCF=QCmZt#bH_Q8s1a
z@tBU|_7(%%_q-=6v{bdZX@WA!r$>zYdhup$nDge2=Vni%dUD7jEn^@n0Ml#F>)*KR
zaH&<oh)#(jMRKh^#lL0oDp~suN<tb3eY1(`E9U#J$b8Noq7-c&s2u^MO}<lBz|WRq
zip5sgMLIK>%P-)<(W*<BmD(N}D&;Tao%(=1pG^cJ$JRfUa9&j?AW+pfB4)+!XGA^`
zVdqXdlIUx#jsHn9;bcs5NwTl^Mc-mfmc&ukIUt00O|HpOs!a~xsGRg2gq2jyiX71V
zYt^>-BWJuKC;`6#5hV#Kp9CJV*?GJBX`Rxr-TwfsPInmqU4Yt5SZLe974%JqleilR
zohAEktM9W@y)F0&hXNaXHTu_jVeDd=q~znX`a_j$KchW{&y0rFT7o{TeOgHUv)8%+
zQ#ZFywCJn`w(rUTMT#Z0t|UTN9W{nMSvpW#K>MmEiR{`%!yx1>LfKOx6n5`F>CL*q
zo_veap;ky`t<GY)K1%<rl^-KUi@>jiT{QaLV@#&$*O22kE%);$SG09U{<C_uI>#rc
zc}3Vs$*fovG{3yr9NkC)8YYwNs~()&H~X&Di;`2idZL<6DD<;!N2AbDeuYVI5W62y
zx-jx@t6`;VDm&KitgF(gXWN>4fBrr<-_nv>P1`)lZbV!0X8w)vXcJlq0;7nvM8Qzj
z<&G8l5C?IPQwP`=2Ly0Oy-RWk6{d&CPy)Q)^`T3WS>}o0G($(U(zw+G4|jH<2{4)R
z3ttjmFI$CL8v4I9I>dlZbvBn+U{ksTFiJv1mSpb)oEOk8ruWz|MFnUVS0joMTjzt4
zKQ%v75@{vqb4{nK(YXFjn}l-oS|`TMBo=AVa^oUk@RT8UTVR>FXDppdxY%UssO5=?
z91g=FZJLT*fA00cV%K_SXXvDPx!Z{d3B{}-2a&U@aY7&Oc_neH9gz;%K09Ltk==60
zYv?HZdAkG@Y4IVJ=!LHn6=Ky`QK`i94<?PquUD3o2Y56g7`Uwo<hK9*hK}c$=m*G7
zn3fT)li~(7$Y`(YSR7FB)lBJ3pLgT*5Yv)Vbz56WOh+IDtv9MX8!g(@Ow#)Y@MpTN
zgme+~_rK|e56d6|7gsJUjh(iW9}4rcm?~)s*1da$|22LWv?$n-X?^9trl2^51MM=K
zn4|oCFvb@9+0Hqg-!QcJ?eiTBlz$CYV3Na`-WpMR+cVJAQJE@SVZHZ$lKVTz*luUI
zPl{lfGi?}NyA+LC!T+M;8|g5w*o(XJW$B<Tlkp&?Q0y|7wKJM*wWJH|%&y_^Q;N$b
z-G@ftHA2jqwU~+H%OXe?4iC;n$>vua`~)Qu0GleHDa4qK({<yv79{I<iHY&07udKx
z0Mb-p)d+=p&#e74<jhwL-7r?@+KqPIxVR}`Q_J{p%>~&phhr2;7hw^M6>!a%B4A1y
z2?<ffB)EO?m_)%a#eX)l*vL$k1GC|{(29a&VEPZ1MI~oeN<N@P7;<@S&+cfEdXq@Y
z0bn*%%~<H(?gywSq4j+J5T&Cg&>OB%OhMbU+m3$gqnE*onungFiM)b>$LlfMTwOBA
z$0KkKfjIqm!ovtz%m+>kFpG@`MW9()B`^%8Fqe1|hx*K1Uifi}=i|>wiX8q{fBiKj
z_FJC-W%RAj$x8ydQT6&R1UjA)D)QQ~g&GINyf|SrH~2t9^p7H{0wKerEE{NTxGM*)
z7%|Ge0rZa-PXUo5o-E3bASMZN*6BvtDFidH2YUe9O@MrC2%C}7PQYVFIndlm-}KCv
zS`6)AwBHIPCWomS%Tb82P`;5%k6DU^n8ixy|MJ3LyJXv=b$bi&VbP8}p@7%?ffliv
zZDHb_!r(PqMlBBP*|#Z6?2)?ll+`Wzm3*bhQ@G=gxmwrFl-2Y5<!!+%)!*jE9*&V(
z+b?XUd?|vok&~G$UGBhMz+-|!NUeob@0W}>3J#e4o}3Ybyp*$$jr5dks%0r2&{{ge
zKW0!eGN>lh@k_!F+B*MTcfaS64@$|&5KqHtp`~T+s*X3{%KMM!FrE*A{nH&P6yCTw
zt^f}jHm-h#!|k7FcD!!-Ar?{J#uUAaCbVDKJ<>-GppL5@CBMHvvK+I6Yafh>z@@Qf
zlU)epk2HHd!i(AiG!8O?=CTqgbR9TJRqUR>WM{?_&*JY+wNC#k`=%m;Ux?biOi?|W
zIq{-f^&wz~VhmcVOWR@(A6nH+>GK<B2cLD^69%STe5pQ*U~h4+dv}*^h;5dx0;M^)
zOMIf~PIIK&ydYo&f$uN1OeJwVgN@@I+{@;AY>DTW*JRImH^M#TzwI@ixwZXe@-_2}
z!7N#B7dY6f^+T$)kY<@;dh>(kg;Ol%Rv*6FRr!+JpXlxYgmn{*=9{pHX#2OR)7P*C
zWOZvd`#^h~)73oz243K*4?RyrgM~6FKP=GpIn~{wNze1tq)D6mSJd_Q=sSwmk^{=E
z3Ve{;wg{zB26baNj9F|5%;<}161ms~kkwol)uxQ6jQT~MvFe;y!K@yTWXW=pFTW?L
zr5kpS;jJ_F^KL%L|Ma5G!|JQ@VONFfhMyp?&Bu^kFkN1gKfNM^o)0Twc*TR>PhyF`
zI&LZSCiV|!n>$Sv(P%2DNRFTuE76IlL_zW_*iC9AsLK%`$%UR?gF=9rSBa$_9D`T8
zr9nZQ{3!3drxQS0DR_8#Ow&|l>S#dQ=1OYN9IT@kc8mM#?}g$=SBDXJ%Cik4tvTg4
z_q{9O*TxQCqXZ)l(Q_frM~M=wPm7}joV<bMN*FmEVh<<sAyXYv&SzdH<A>p@&mL$s
z-zxe72Y4_R`djK#5$Yp@q#^`jeip<J{ih?*SF~}|knD3@3!yhOB2lKMq+b5UD__o-
zM~**U#nClkjxVS|Qa_(pwPkHA;^!?#%T)0Y;PL!bGAd(~s4_W3qnr>^EQC$WSo$f|
z3qB{_6sgmCUuyis7de{BC~Pi#{#Io`*YP#^W-|Ps*TLKkQO#(ek`>$1Mw!4Jw)c(*
z8p)jWlos)h==on_yU^Ab=Rq+7>^VAPQ=;rFTK;R2o=1Fy9KXPe7v#ke9o|@m_%6%L
zyglY!6uBlcN;r$;C!-2z)FhPRKfJ`?y${`6gFrU|5&%{;kBr%aG6sw4_qQRJV{Z7E
z{7}xx1$ft{($&tY8Xh{B$Ho_uHQ~_L?38e$RY|9Py7!+M>?Xg%;Uy=nTQ1vFD|KN~
z@=EZq#|*@KmA4Uw^L8stVQLLUe()n%W?fyzI(%WRTOseAU~V4p8Gb_I=AGVyt6HMr
z&KwYEB?=m~9JBAUwEQhu^Os1qG(VZ+q@U$(jtj;rm%7~(k;_Ab?TYXjrsx2{dnFSo
z?O;UNAJbR%V#2S}b_{a=pYjr~Cp8P7upW4IFaGkiU&%>0t~_|GfC=6l3gS}e<5R?x
z01WUFBPC9_A~HZpYWpOkW>TqK()p~g&fajAStAw}j1F0S?Y%&gw2fD?C{77%F!_l>
za#--MW2=K@{8p3hBgL?MhFxHEi&7B-lU$2Dq?0Rw$<h*y%Y)4Ctw8FSx%n^cYOs&_
zy_4D5Mi9IQhuxS=TV#DkXRXX$EE$ureMGFh3R6KLQW3AL^PNBt*OaM}aIivlZ;Y}@
znOWMUjZxc0Z7bSoe62=|fLP>><foUEnrpJT0Q7q3);P<t2tC-QBiO(du{yVn8)|RR
zA1!yX(aK==7gxa&JTXeZogU5iO2L>0y=p1$hd|-d*9xB5?4F-gF!PYaZ$x`e{yYZJ
z$!?W2Uk#K>c3v@{gsHSwy6l^JyW{sU#>40k?4)jnU9r-S=AAu(nBu(zLWF()V#tkV
zdMYauSlKpH@Da4gHus!<%HNNWjrWZPRWq&H<nJ=M`w|HWho=j~j%P_1?bmQwAy_Jz
z(OLPjy!Sm^qJzwsTcS@8%Yh8>W4i?XYw31-)UU@8jV~c|pSYn(j+Q;mMgWt8`9P&=
zyzaQ_iT+{AdNLn<X;nZfFds|rr`S`kT$3%7Qhqj*U1fH8+h(kj+TSz=`{#M(4%Y6X
zbNg9~W>m}=TvO&wvTj}+nXI}DCWnPszTtqKCkc~lsk|SzwSY1bBK65QiMwUhy>4T>
z7;ixIw>RFU*A;X5>)}Bn$O=s64CIJ>c7FQkeuq-Td)YtO$~+hjEvf^e080v<L%bNc
zkM@Ia_i|kb>+&Xpf!0<U{7ors0HMl?N_YSIEQdLS-u`(=;^Y_O*Hm_(SWd{bq9Jj0
zw96~}Q#(d_<)@fr$=+Ku*_6H7l^eR^clBI?>2`3a_Rns1GGa@(lQqBI+!>i<sR_$l
zUHBu;b1pvr4g9b$ek68D+t;}PrR-jaGwi*aC`mdbj;SX7t3QzsilOr?cW<lhaSDwu
zK~f<`Zhg%8`C&~^0xF{k_WYgnhaCV(ERO&U%7b?Kfy}dtnD6`0^@%Zs(yeBwd{pWM
z;M})G7OS$bYF`H5XEc3-qna%3dA+EyF5?M#dsxkMZs$Qd{jx$|Z^3P@-yFGFt2(2)
zxXWlM%Y?E;nVq(739S=BIb}(e?C#y{n?Z^(m3uv6;)a$bT}LWV{8B+5iOy@VioLBi
zo~B4Shs)!ccxcjw&EA{7vj!b|;%_#3A`O@-SRAB-*?&TH>*f=M_KV+-t=*wU+@E@6
znH4S(YKy3VXLo2t?vHHzHw$&<bs_N}q5nVw<qN4^KAn^88bP|FuCs*I@u9xnt>d9l
zCcK<6uwhX=NkKh&;Bf)XM3_{#Ot|ikD9w7D{X`6(!mdCC0P+)ityW@fiKQQNjd8Dy
z6v_v^0b1hD!2(1ufctyN`nu$r!5-DzS;xtZSS*Uliv+x9i1(?Vsz}`$XhR!C_`8Vp
z8IJ=_afuH4<>)l4ruMU(vpMRQC1Pmhc*ZHE<Q52cfqqH@lA*5cW-Ld^WrpcmyQ@y3
zf{aqT)Mf<ULkzGR;eBr{Lx&oLx4VX-58ngvi$_F0OIWnw{=mhQ)PCkSIo-)qtea<@
znMc*H1IugqVWXvP#kzuAv@^unI6htabm08Ts(xGPGJ;(LCRCEM{m5u8zJT{O34eSZ
zkU;`FCQi%!BMv>2iJfS&N=G6lrBz!yL|hE}FCR=@qHpPvpg7^1yt__MolV7((?Y4|
z{f2k1WusvLmCAkAyh<d?UsL3Z3z;-K&{iC)v5I$`^%XpOW61G1B-EYQaK0^gKm6ml
z*&I_*%XvxAT+wMMfJJ;dmHp4!g)B<XZ?E?5J9@fLt6}(9tp>qvhV1Dxo0WaomNc+p
z#(p|AE}P6pXBa>WyOO$&lMwGRVeMK4Ts!_+2`jUZo-zqHm=*d6O;dHijTrpR0BitC
z;1evB2K_bA2dArL$PTVGpvk&Nu$IQ7_DTsDmyxJ0eW0N|QT#y~I6>DNqPFOaN1Q{;
z&=us$%56Y-yxP~`^n<thd!tCV+unEMpm1ic&W`rfJgf)Ym82epJa@Fwjc^&SAuElQ
zPRf#2(nztgsPDs{1>(d?uC0-P%O0_{m~Qd0w(T|WH8JBk>)hjkezGo!asPS8F2{<$
zlc*M7&<8bbS<b3CNR+bkYstT|e0Mt#gz$NlD3(I&3x_HX&h_@T$@lABp^uB!afWQ|
z)KVIlW)HvFl&;OH$FH82YFQ_YrBDV_*m>_-;PsFa4~k5tLn07sW5oI8RazsC=)WxV
z7c!ey5<})@M&8>{N|<mrxiwBhWGMAh9-}KrijDG4hlU^4(&`hr+r&rQ#rz|+&}X}9
zPjs;nVvg|fi_h%VD)XFV;gB7_CI?-{G~qtFaQ^G%Z@?8DK0PaWK+$M%ZuTbj{-Bpv
z)u8(Br3MQu-ZEqA!m_Vf>A*s&P<unpr3rG1;Iu0yV<(eSh8<uVQGpI3`v)tNeMQeV
z|DgB22fgl_mq5F6mrf6GyzC{n>H8;KG<6wyzS;+bT8-R~BnNMxV^#}nmY-%^;D{eS
zzNEr8^fB1dQS!$Rk_TRBL>Tog3WzQ#3b1KnojiHfx%Kn7fQ*}xWwngpyHn6aeV;H1
zWI+_3LSn|Pg#K;KURO~9=tqR*th;LisQ%Zlbcuz}SykOblSz+@Er=rCMS}zBOurkf
zH+r)eM}3)hkEFvrG=<t*X7*0qh9rn;vU;Vd>QxgLKy!-Zp=BFT|6s)jBnS|a+eseW
zQ-~1Hg{@sI@)1jw86qna1ZZW+S-lPyDHE0wh|396@t0R%fKKxi#@g35{91S;;a!tu
zPl2xD>Q@?de*(m*C&2(qk}i{zBAGKcmI>^@Wf4UmJ%XCDu_nwuR+t$J8dyL~fW3bk
zBlYYn1d+h5A*1%0S#5rq@!IYpKlC0SyVJ8^BK^`LhY;P%{o}vTL(Xbpu0bwri@{M4
zQ?DHTuBPzrm2D<EF(coya~rCM9wG8X%-^^fN?KYrm7fNm$z_^0@~GJ|lbaCWshHJG
z<-Ndg5G;c9XPe^Ak8>W`(T~y9lNV>Na1iuNdZ8s*=pA?B)UoD|FXZZ5E%+?I8;na^
z>5hoH$3aS0HN@h<A^VhX2x%kw;Ey4%Vz~NapF!@iv#$aGn8QK}2~<P>^}z2Ue~AdD
z4nO1k4_97dulElZJ7L;ZdUZ*YGJAeLo$cfn)SS!@96|<Rw*7uQzS>isPL+LY(xa+O
z+*$c+m5e_{=uHxedlo1UivBpbZ{kvLdzsF5`$BoUp<tT)H21pwmM%?CT@Rh%Bf=<!
zX2i2rOmDK#S!c!&yuFJ%Gw4&F;vb&(4HH|z^yjPy#Zc0<U{JgdI#t3|Ak({j9P_6J
zv?XZkcbgnO3cmq}KM^@`As^^Qr~|^#&BwY`&RHYN>p>HnU=A)yccPk+*%a^lYSA*8
z>NJ<mKsczpkkImVz8p6N+uCY*VQ{IsQ%{l~ewz7uwQ}%#7mESN_-+c?IWDstF~Hd^
z)=r+4D0|3FPnc*P;V=JY%i&d3V`@0<NK!d6s$ja0HFdF!jb3|u^-a>;2BpJBPgrqH
zp)1U;eA<JK{Wm1+7|NocZ`6q7BRIYo@iCGHeQnSBq;AaCyzw*(34^I(E9*dWC4C;$
z4OVv8)G!iwxTYn5_aq;U`~_JP$4!pwdg9~R5TU9|$?aLYK|FWKy5##<=Lp3wowtPN
zyS>70l}M;<=iHSO)eme8=OStMxuVv`XMIv3{59=@TH8(m?<Bhymr@D;hJ00&AAP#q
zGKG%g#z!O#7K-3%Zjq-e;w;_t_dnR|I4tkUrx`;LXZNJ!^raZlROt7n7+sV#YF889
z5V@Za9D)pw9Y^YX8=SV5wb--y{!IGFc$1FoVKzZkA)1$jz2@}$UWiQP*MLs=*lX1b
z(rg*w4oR+pO1vI(92v8qqrRW{;Pwmr%9iMWCRY4b5Xvi<d9Fr_l(b0Z41ZX+wfy#p
z;d9Eq)#%F&{Uj+vk*TP9N9}dM`!>`)AIVan=DdhKB4Sx)en&^GqiyJs;O4UV5|hm{
zUEL*Wzf?r2Nx^TJ-F-wRHtZy$!IYdKso#D>wL<Zy%H!_hTXpaW`k{9g2kp_aBHh25
zFq_bp;S|3c9<_SB+T_^P6=rY;E$ZeRaQjMY0@^##)=3hsFy&kRDXVWyh}&YS@TX`q
zCwZ~F%ho#?h#BTygcpuPHKJ8LUl38gI?J@)Aolx!uC$*|ad}>Z8etz8j#TGpBe?&V
zr`LPI>by$EkbVv#v_E7q*`<crO=aI=X;w1)=zpD7<{)$abLpqin$S7LlEW|_h2HI7
ze;ewIy<6H)(!!olPy^6IFspTJ{18(Eu*W1*(=pM~$ox^tP1fc`WqL%8_ryC*{;N4M
z%MCiTymjNO&lW2P=Eb%yw*GNP*U<_}4!iO-GlPWnfamuhgQXL6j6C>*WEx?Os?6<d
zuzbe?g+bt?!OWe;%+pGmGak0W){oGSZ8dES=F=~J2koKeV=|4vA(b_$j4ua<Tju_u
z4F>dyiZE#UzFlt90f#yP9-w9cwx=&v&By5{Q<|HW&HV?4)}LGGGkF7tbd3wG`V!~F
z>95a%m7pqN9Ez>!LsN1e%-6%FjbuxR5oiX(Sw9bQXz+d%RohP7x6L9XN0sejL&_fi
z8qm=P!L8BMg(pZC)XXX9I2H5zJ*Ze!kEZ%v#gNtOEW7`%R9?S4TY_;z<<=3`<?|Kk
zVk(m*qxz6XIOC7JODeUJH?r5_gBS@vOVKgp=_A0NX#`2`zoTgkOSKyFJ)40k9vw{{
z;N)9SJ#+fS;y_cuqehe+BQ+2nWoz_!9{fYVnvTHc=L9b|R{fIr3aRL&TB`Cxr>8ln
z-vbe;pP1RM5IiC`tiZFW{@3{{)85|}q+CJKN!P@J+J%+W_N}952qIO~X_dMz9zSW(
zZ*yTKZa`Y@jv;J<^$}ntQ(X2y_Wt%>=#^r4B=3EiHa_|J>Q+vAB#_?sTyuMYe!tOA
z`Y)eV18qNwC^{gm4QNwCut5-T>9r)=)Qk*Q6^s4FT?Z<}3+WNMMy+D?(6%Mi%tXvq
zlFks=5Mg#YZ4i3w>|76{xy`ltHf_Hmxva&!qJ^Yd!4VROewNOH?26m>-*sPh>BZ9$
zQR<#8<n9$)XNM=+%nVB9hk8qG#s%_*uISv(4-ws;i8nKrJK3L1$Or|xQ)jdg4}kDs
zMUzq_9m`==`3!;$y!Lytfp5W?(iH!X)EhGx+x%Uj$+&A$tD!&2Vq9*k)%5x~MmzB$
z`rE`!^DS3-eXoLZ*ayEpOpOz(Xo;|m=S`q-U#A7GA9W6xA8Yy8MM#=Zxnz+yK@`}Y
zP;TaC8^p2dwND=5r{G-w%(~Lo8Am+%=rUgbUi|3TiIPpfNNy|&+Cu&GsOmJ#NjZXI
zV>_ZMnL(J90YZwWnqhV0B~o+Zmi{W%nkWy$l)u}8*tfKd60o<8Q>ma+LJvvVzk)Ec
z)5|rvdc$y6ysz#%LiXHl$MGwfVPODdiC*1fC=pO<-4vwaTz68YK8g;|Pbxbfs)t@<
z)6&U<@-GiN=jGU<Pff1SC7}zun@C-kOj7Fw4MXNJP`OixC@%DX)CbFgk6R2QhI#lM
zPyRY|ztU+B2{^63PIjGf^?BU=x^Xmt&!FIyvcE|<9Qiy{iv_$s-1!Ibq^Me#mR3`H
zLST1hR<^!p)Lg3ucCL04sUV+#{K@1{LB7-#`(L2bx%*D+z-}=T1}=_v=dy8mR}I4q
zR@bj}{aia7#e-CkJk-Aoc{oH+)a#g+1k5v10-FQrSmXj4+t~x{(EE{+2(eeIQr(4W
z!49;h%!>~nZC-`B?Vc85)?)sM_Foz4;dW1ysoB^LXZ2XX?W3e)*FW#4)NN!U<M11e
zDsZ*pvPwzVe<S1g+p`uD)?JGWtYBV-^)=h4F@>}1Y|rQ?H)ujIXW>4_tY;OCEe$h!
zeaRum@~kPxh=I71F`xC*;=KGhw_nU7|08$E)RO6op_%bCBDqt0VfWS1A=CTreHH{e
z(j?BM80LqZ%W^d4V~`c|5E-v@xjnx5<jI>wo%4pNz%M!98C--u{DYR;pwEKU7cN)a
z`}UFiHTv?9#DC_V&Wp}p`TWJ-(4eV*!Ts2Oq50qfRvwj#R)IeZv6$lzqrGQ}^NCQ+
zpH=Gk%Nk6-(Q=g=BYg<kRcZ9LkZu8wc-80}LwD;%Jssb2^dpxc720@8FV1J#AB@q&
z4xJa3#}$>;XDRa+-+o3RN*K0yhRN?23Gg&VH%Y1KYkr=!sJmk|IxTiftal?`NQcz*
z8_%ercuu{7e$k_#xl4XZ(yfGL`k(fW0z9gtNdl!n1!(_zX=y1DEWrx2xVuAecMZio
zxO<CJ+})kH6Zeo1J-6Il{F0l0=3U<9F1Z*aB+%RMo4l8IPj+W^XJ^Ou+>u|r6<>|d
zJ||nQxc?1*o2**EXM@r@^_nzkXPqwVE$6h@vhAd!o8P29ezjeA`)ng^D*sfwUhEL7
zN)LiQd&#$Ptol5)tK0qy=dOA`>X6;+#L9;&x>f%<^2G8V2e}TvveD|r_SLD~Ub-Z|
zNQ)VucyKfIz_tC0rF(zBu{Sj4*V!?@i5i`X=<at@W<J}#R=6r1!wdJMwX|Q^ZpwsL
zy<=2&k7az9p7eUg*FSXVGh+2uqt_g%yQb=weKU_%z0jhWV~6bHtxc?Z-<vmXaz@yi
zed$Zr);??byOnKx@|43>t~b3m&964N_zhGk*KRtcu)cmrQR(EhZQjC1Q@#s((J%B_
z=fFpOBbSBE{<O)%A9@}h;P6~kZBC6{b9sTEhV=ibWwlAYmz%}+sCM;ct-r_rYSC^-
zl_ASJY?wDoG2`l@v!}Nl?|5g)4l#FF;;xwA`n{TR{(Ek4^BH${kA6~fWM;bgcZ-|#
zxM%x`Qr)W8_%*v?Lk4tk+49k?t=A{b{pttbGn^g#@QYhd_<h}XbeQK+n_fT2_C2@}
z7rE3{(BR7FO@I0IbSpEjX)m@l-G4~owQ5k!L+P0t9b0!=Wion&$>=rTjb5|v)~bM;
zSr>%S|9m0+?)$deDH^_KV5g%Z|1tHft7g39U0Rd6W#+h*C*8hTb0S^3^0yUje>&st
z)MiG@z0<O5*Yy8Pe)n-)<F1$2{n5AemaAia{T@DTG7>4Vck#S^Enl0@jxp==)2Smj
zW30?P8fRK=bq)XCtnHRveqRn9=j6s~8t|jpVaJUJdRia(I61sa(~h6-z>xh<7Vka(
z;!xe#z>UGxM;^3qf3BUKXY|!Ay@X31&Pu;E@=z<~vN3;k`SEwZply36e0rvN>>sVe
zl1FcfY<$Oe^&Q`_F$3xz>G5aUDo<(p&YKNup<!iuQ~B|eS&sK?ME&kvuOA`5P^(gx
zbF;hmJ`vx3*^b|14|4b2|7i1|&jw!G^w($TR(a9mr}gv4es#pY`iUjdUss;7`Fp_d
zp9jzR&Us_=fh$5~yr9K*5>0L_+;VMk<zYPrzSz3Wcarl+m)*STz2rlh$34Uh7!wcJ
ze1ZC5yQe?bz4Gm_s4v%qf7)@(=7m;gVpQLB-1$wVJq;>98P)Zu!+bEkv+SGwzI%5a
zL(7#(=dW;x2-?IB=~5@e8Uwbg)ioVC&cDT4&bB>{TPIwdT*b=XEpcs9^DRrp^c!;U
zMasuhL^~d}kdIvVQN1pMuAj-xzH$2_3y(o#j_#i`$N$k%nSbQ0*^$4@Zu$H?bluph
zj#Uklft3>L>>2ghqvii_dGOWfF5`aQ6t#Qb`6+$Ue(AND8`&uQMCVHXtF*ksf#H=O
zr<!@DEd4ws{OEb}D@yr-Gl;vyxCTD$OoAV__WS(#@9WyS&HrTgexlptfVx#C_pny-
zJp1*kUF(OsOImE7@^6b8Cf1F5e>ElbyO)m-S&UtK;K53-KTT>nY(4e6OTUxdxxSyR
zY;8`DSHFEQR{YVK4iLuAQZ<XnJQ`!Zr|0EM^?H0Y`Lh7!p=urEtE)7>xTW2hFMDA;
z-o{FfiJx+0>P|=ZIc07*FtxsoYq(u{M%Xs1XX`CH^lfan-kGY}^;*3j{rqMB*6ZVi
z)84#(9c%6R<#ud#t!`r?4^TJwP4qHoMEbB%O4#X;>3P%q-1oKYn%0%q_qw}w(=zVD
z_VzDgw_zfOUrvwQa4qBWCyJZZuPa^6tG8+xaNKTE-6k9EtgiX}+OA)mtoJ=gC)O0W
zVD^AtPDi?(pM6eH^>poXStHK~{PqRk^dF~gY`Sz$a+P~EY(KwqZQYbD5xcL&p2ER4
z;*zrd&9Pk3(4*CEe>tJyrwgqb#jBeAWH$1_p~YR4D;Joai>`(hn7IE?6|ZKSQa{@t
z661PbR&U;k(;Gk9S{F4;_nn`19cDW_qe{$k>+oK;SMK~Cm8{KboICRC^_m`|!uSsk
zFCMV0d(VfP$1SV+XR39`^0de8`}MR@*IICO`AmuV%CR4<#2#DQu}z&>eQM3F^5yP{
z?(IFpUE!CtDe@j?Z}f`Hx*4$K%f;7!wVdH%fqk-R@a13rR68Z`sw`T4bnuj{ofh2^
zyEz8@HMsM!J(ioQ4y?4O^4=eXe>}Rjd;AYS*_hW34yoPj<gB*h9gV^}VY-+~^RN2_
znnh;Wxn)@`obkugCAOZGgTLz5srx?aa_#GW9Og7tcHsW}1<Q^t*)r|3Z+l-ous$2V
zYyDlDSBHN+Iw{%qtRl6hd|&OSHO;qBuc_V1<yW^;^@e`hb)C3+%^p>{)>xTrjSt+~
zTjPtDwYm=JnQHf2o8_v>`&LOF4(Zvtl{oHrPwbMvxpWN=REBS}@3>NKvtZ7mwaRnd
zV~<TswQX+()gy%;IlBJrIMjZ}sYUW_Cmv2XK;66PVSWpF@}BjV;{u2M>yr3o?V-)b
zMAj8Wr8N1YqqvIMai?&vFGcYU&FVI??>TT~^h0@*W$|0TesScNvr|TXa;W9!*MIPP
zU2SBj+00cvpJZL#x};X+3t8WHN(rjM+3};xoV0M8>*FeYJKFK^-a*Z`{QJKepH1Lb
z3q5!{)pMA0fbaJsLpzGbcOAQ9@SMHYPG0WS&Rm`tvv<8YI+OHou-&Tl{!Wt|rcJ0Z
zHOXaA`Z!Hap4PYjw^F)((kIrYZNGCKe{s!sVUIsPy7zqJJ8r5|pLg^4afa%rYild}
z2s?J~{m(M-<nU7mKNkF$()yEiEk30o+rs&LpL0I5UyKRecfsfT$gAT!zxvs3cEXs=
zX0xCFvFb?WuqT_ISj8TVsp8Y~aK}4e&1tdvo@vKAU-X?E-#mPRqMEFeW8E69V)y!A
z>pxx6Fj%IZ>~i0~Ui7Z-TztOl*?d68FihTXPgbY<tx%h)Uzl9{dOCMte7)y2JNF)_
z>K}jPWL>l+?)&%Z1oKT*ty>IsxjreVX03j^pH-c3)Y9`Oc{^WA-%f#}1$8>vZt2pb
z*0T+*zu5WMj_;Q6^R?L1$T<CLb*(bFis#kJKMNw7*?YI=&#Yn{|1|B#`flmU|9x#2
zhq*RR*WMp7eMYwqcGKqWo>!w<-6~_u4xWD|@>l=7ph?~89kw4`uqt8w*?j}&{#g6w
zpk^1hZ&^_7f4}3{KDw{I_oDB^1|6y+|H5KQ%6y#X&faiVn-AIhMO=7VUB|?L3&Jat
zoGsS}&RlOBZ!y2KV<k*?(RoIzdHyr4PB-DyHSO59?^JQOIRo1}s6N@<Fei7?KD&=T
zGCzz%;D5&_Ab%ccyWX-&$4-vbkw@wOFtCh^ZIvvzJ!HeKS(`VcV}`3ry}I@9dZY7%
z^%i(;M;9>t73Ig$6q8EzF=CX!Sd17jV!((2BL<8ZFk--n0V4*C7%*bMhyf!8j2JLt
zz=#1O28<XmV!((2BL<8ZFk;}t#Q+$K5d%gH7%^bPfDr>m3>Y!+9$_FOTMeAlOh`=4
zC=uKdDBw(@EFU<Cm5@-vck$CQL8Vr|M_BuCsv4f6f?*+27#u7qHVnag|L~PSa~}e+
z4oIM*pBM%Q75`oI-PzGf;HGDNI7oeuS`v)(?;a?FE&<YFLsz`_cRvmNn|TYNnU?^X
zy%a%n>=S?B^^&}c?j0AI42eeimrJi9{-1!jk1qkx{pWZouq#dpLjpz6%v%JL!)35H
zAq5_ak|92=Wbfl<WEuH?xlsS@KAN7D1uI@jpqY;p{^g~;-OG$mzjqkW&|eD8{F2}#
zKmEO{zp=sq$o?TRITM~sQV>#01W&~&usucwv%{ruBtZ@@O87i|kDf_LQyEE7P8cA$
zYiNiJTB02HCeR9>YyDCPzrW%0^v(Gw|0k)k%LxPj?az8CGNC!rfRW)zj(;1V_Y@a&
zzSBQc0a2;O^<R1PL{E7}snDOs@t6<^*hWZ;gkeFbGtlXC{TTWi=YaQ_{%!pw@LZY>
znJ7>c1(*0K&<gcNEUz)rzdR_f`DSU2|F-^8aFi9j1|Ti(RY9te{^dt<y)QHLN8Q~3
z)Y*3RLtT!}yj+s=7Rb+s1xsN{cv7J-6@MQPh`K`~|JS2KdHv&!@?T3oDI82tfNePH
za!{9761wZ%OEks4R3zxoo}MT9FB*4jGM0Cb0b2hJ43a`ioR3?O4j*arP65}Bb8!79
zGp_&MJ@N62StzghB&5Qbmr^+6EqUi~?xhS~i89Ki?Z%G+h@>i*utE%NM)S%A{uslD
zrMqR2oNCnnlt+K`4a<NA1G!+<FR@ghKE9_Y$os7xGo=vAG0y+xLI0Pb8DLoo^tT+y
zfdO;*$V-GUz7U|_d(Gg3d4G<!zjdD>f!B#f`oGWgZ)PKaN6t!6C^L(Mb9WWcXfV%6
z|MDPso^O`c_-{T!2#zm{=L2y4X$mwN!Z*@C4=u{$UzYw|rtqQFs5h4b8X*54zk(0T
zcMD<puEJr&B0g9Qczgb@LS>>dOAWDTKlVa9MhyBL(f@SaSc-=MM*bTtfFqaDZnKH#
z|K@$btUo?m9LV#H?kNAo6hr<aUj_14<DtKpAL^}6aZ_MUgbaG3-jeLlJ^e+@|0mHm
z%@^k(UPd;g<NfrUu^7fcA}<rVO%*`%kz%kKCIa&Tf_DlQ_`M0MB#@*qZ2u+Fr6K{z
zr|^L|9oEMvU?}RUTcO^lkp~~FJoRnXR-Sz3I`xMkfnu<GEr<K!G>AhzR|>x8gXs$B
zFQ1tz134!El)Mm7Wh5h}O5Qqkb~Z$Y#lp?&Zsh`ZZn^^}UZB@GGqG(n#+{Nf;BaCx
zOb(MlJ0BrKYiraOH#K0RutMMCCjK(8ewk}mB;B$#_7CbK^!%hSDICK0k)4WsPBTl6
zF1>ob%YW4BY{<$`LaH<lL}3pg^8O0&J=6s}Hr54?E%m|oSYL>Kwgn{74v;SALRMx9
zc88)Hm?n#dz=Q3<dsCfqgYa`BAu~myMdu?)8Vtg*`zO+j=xtR1&2?=L4TF?m7M%^|
zuT)?emIjRj<v@L+X^uUE`V930dfy+&I|kzWA0S_-$VH9xBbrNN-66(dCj_4v2Cf@^
z0msE3gTr4YV85Ue*xTlUBVKb@QXSm4T0-ch2@vOch~W>}s)E}o34fgXE_z=%z{^cP
zK{Cf*ONyQGN@$XYuj|s<(0RjPCDeZndSDi<2J^^FXc(FbO#+gTH{{y3Xr9;_t0>M8
z(bnr-oMfxg8JZ<}9*5xbW58{*8MrL}6lqi$X_G^99U8eTGX?*hmBDkpDL5~~-~VE1
zXabH4tANYOn&7eB3c{|=0Itt@Pzu69ot>*|k%T?~2c7r5DgCKGdTjg&e0EzG32t`Z
z>9xgsV;xW?`Z4Gw*?o1i+#rw7OLrR6>|8+f{|)J14}p$)eIbVaS2O&fVMq#N-)xHg
zYk5=>&H?zr3RINbKnVD|4LB~sF>Zj~dFkV}+63Y*m_qzz6L@{r6v7Ty2EXm5;I_&X
zoEB4m(exRjkK^L%;CHkqq$1B}OKH*Hd1*CBa5)Gm()c1F`oU`Ko7A5*eN~tKX(*%3
zk4)0iRhQ;0z3JEjp##nj!%-IO;wu88f2%k(^hs1h^H>0Lq&M{g7TEq^f&8E;%7*lg
z*|>H{!S!NADw4<-;K7U!b{rRce1Z65=zq}^60e!)LHs3Ch(1*rf)AL2_eSgsOR*o|
zT;aaO43zv(ZIerj{w~X^gV6t~_Pqt4pe*mO8=Mvyra$=slbohYcaq^~-foUSw4RBv
zM#nkHK)x%q##?~>#S-a1jSs*<2I7{ghJR$)FrKHzJ^^5c{ebuafqA3~n&!*{<IrER
zqS>8!K{vr^c}?xuV8@7|qXUj1_YJim?rLq|+^DQafBpV|eBlt{8|m+{;U|zMcx%Z+
z^moKL!xLpl*EL@k>$`^PLgU&0NDm0VX<InlS^z%#|J0K?bjQB{={XF?G|`{NcxR;d
zWb6-nQ6_kX{)M8<Y(~Gsj@k_5-@5cq&-sB4B;O0LKipTUVY65bgOE3vzsiE9IlhOq
zKBRR<MJgPxQ{b?;nn5}^{ACJ`OFjknO}~N9;ocDabSubSJ3^|!9;6|gfall~_>X>t
z#2cRg=X!2`;9N6>$YV%<oCDnLz5#LMQ*DzaxR!8USP8<e%>v)QJ0M*O<~N4uu6vE1
zEiULjr%V4hT<7-<(5&I8ANZjjN6gTirMR~0%!w}jr{efeK{K+UJE<@DrKzD2t`V$p
zT|oV-x4#&5hZT$di7xxWd2v-e`cr>!+tvhWG#fZRmr;g`fNWKMp9yt#8m|39K^}V^
z#6Hu2^QZwNUa!jVg{YIJ;IPmH<$_wk_rIh?q9VZu+*W)BE{joqTx0@H*caX<P~Y>}
z(E!pUF-)Bz(GRRkjvpee`wh*{C?aTS%+kLB^8b$UYB(fQLm)DNBt{Rc-xCCQtyzqk
zSr-!hJ0Wk0!1(8iQnFDlk9oQl>5w}&I^kL`=J^h!cRH?BO5h`b_hze<APHCiT$~$T
zpFtU5i3zR|YCycp0d13MEg+734zC^dmK!8tA7m*SfU#(8aeYqoAvqu!X+~q0<bsf7
z6<igj!ZA(?qvxka=+d8Ly`Q6Tp2u}x*Z6E$Bviv4<o&d!ppuGnMLU!cNl!%YCp~~a
z>X9o-$-;H|t6Q^?A8TZG;*m~EKLf6Bez}V1mXR!mWI-s7`Ebb2kRb~7d6`<R0$Id9
z;NPkWG3QKi9f@mzMOER|qqP;K$@%KxhB6(+k`aAIU~Y&fl62UYkPH(;rHm}l!dn0%
zF<*r=$6rvF{;Z5oN0Rk^#lFxUd4eKm*wCRD$^eZ}7eMcCiSKfj<>#aMD)o*osM3`X
za&818kFoQk)AHIN41KJvK~`oe2*aPE{%;NV9qtaETfc|+n?HfXy+269wnD1d1K0PO
zKCQ<7Adfu@!aLO<4%Y~-xF#f-G4%Qz?fWX)$wQ<!$@xSdlK<#DubzJl(w~*v3!*>U
z7p!B|KzyGqBe`m57^q<0Pv5v#fpmbXv?TCBoi6EPSa4hO9qRwQG}TA`C60IsUUpw<
zbT%l@(>kAMn|Q4faIc$y@X4=`Ce`Rtup>YU{~<{3e+KcFP(Ndb^hX&o@a!m@KXY-y
z;-(}=sXQA3BQxNcM;dqqr9+|sb2#X;pOU;zd+&LS4WhLk(WW3MjQ%tS)T23ojtJBb
z!ZOs__s<ikajlrlyqmsr8f}FYrDP}t;JK@XhPF9<z++=QQ1By|D$@L)=zR`cmwlp<
z5B2D;S^x9yeuL`)$DAgqQLgd?@x!km0rf*(8<74BP+xewKV+diQQU$iB2Xk}Gd_Ax
z+|pqCDLG77BZJOUL|{D}=h1PfhgmFz<@;oC<#7sxMx)FwqyCVK_u_u*ALR9UZF+h8
zK|%EIm7s<#xXvRQ59a`M#s8b(`1e4$pDpX~cMH@9(>v)q`x2DwPvw40lf{A8HcO38
zKZpMA8-D>_&>av*xq>Ll1wwBuVCHake$eQDa&<r4JGD`leqY;`ba@yEAN&A`S4_ZX
zE789a_#f&38L7GU7VXVCCxo$7#M{e|3^;Q)85Zr9LywsvXgNxZ{(|Vc)1Umea(o5)
zqVFi${mt>3wT%cmOcue!)l&HTq7q(sr2$`@Rct-`h8VQl6ruY!M1Ru%pj#ozgP79*
z>yGLlz-|a0s0$LZ0w7*Lfa?Q`@N_Nx$v#|Bih>^uUYmc`Tl+CG;6hrPRc3T%jNQjJ
zM?NHd-fGnS=IH-8r~?$-{T!6>7qCg1KCeoRN1Z@DNW5wS{<}2v_u117b-<_?%TrQu
z-4ygH1FoWf){;F*(0ew<grHx5#Q^fxB!8`3pB>hR*L)BcEYSDMd<gaj)~6HugE{$u
z;B!{PgwS!a7^be1z_IJe;2wZF9OMl+l^HC5y-Ipx`jh^T)&CfLIbOUZS3?8T0n_*=
zz2bb-0auKo23f2tc&-0dhyJ);!};Iuqz(9=8V-J^Z15b9_&<9Lx;PTJ&SQY@HVR=h
z2t3B4KfnuYk_N$9=_24gu>$HF!3Q)tKu^>GD|o^An(geD30<a1kf#fw!5~4-_|8vr
zmiBZsAIbyEsdBKKoCFpVrC>2y4CXi|P`@zi&-#>eun+N|3HF6HV}-E!L@J~iAQaVj
z3a<IzWd3LMzq+rbVNW871{0d*K1o(X<0uuAr+{n#w5}k2QSJo?gfQeDc&w?Vr9a7P
z{{IfisT$SN5U{PIBYU3PnygGY2pl`2Y=}C(L#E8TUDy4Hea$`hrkt~L_fygLM~HN1
z=~ncSq5m|bKlK4Epgx}Z!#D|8jLhK;T7N$dj9n>*BxQcAqv{uIQ0GT<$vfxk{$CLP
z*B$@J_TfB^^@|Fe1JL{(gGvOPhTuht8myyH2b^OA8iui`<X=?Yg=D(~uan@y%62$U
zll?aI%IvqQTDB?~WS&ESccT(S9@o&{W!3*c6#gXNd-tAG=J5HV>0Tds{I9(d;g^9t
zs5em#=96{lpL4F$FDxd>z&yw2yZ?MC#vSEfEXZ)c_CcL&Y0y6j`_h0!fFGj)enPN#
zt%g5v%IkqLVFT0wvo?S}sB0$ua(Ne`f2{p3)ct;}9skZtK89Bh))rYc^6$vXkfP6z
zEFY-Sg&^}C54@Xb4?J0!vAejeKpk-4^?dJLb1*4KuFFq<qIbPMiSQdj!$FDAaS{in
zuI0kM3ldm$Dh&p%ONJJ66<~opzzq9>q5fb#Oyl$23D*r=VSf5kENXFL(2FzviT*=z
z4Z!LFn04XnoHe124S?*4aTOr{lsY>Lq8_Y7`c%=<pL8|e``Q6N_%5i@<p%Y?<Rg@l
z6pi%U2vYA6An_Q0x*!dRQ70t!=nvdSbr~B#%-PDgb|4)v+K14;L{|u-HQv0fQbvx~
z<^M$QUvQi^8k`6N=W$`>J|0}UFMxnhAtZ8yAeYO5<VKzp?XICJ_~&jqOxu?N?G`G)
zY*G^ZHYt}cm}86xy}RWofx&nm%0=5AZTh;r-q87*(4XxG%n|j&R(={CF!=?Bpw79x
z3+e1$-JFBEzg*ovyT)@^RE6>3iF&*qeS-q^{C9}{RMgoSsOxzS65koXxmPF0{#Oa*
zzDkU4i0r{}7b=4@`T-DMiFv*mpUEAAM8h#FM0zqljrqa095{1}4=)3W-Xf5QMIe)i
zK#WI`NW{=TFYeNC5yq8dgF}D{R-Z;+yy==gK(YYQztLbW_($Z|yOIxon;hN0A-c2I
z-kSb67mz;~y^p@<j((=)U9wTH8*y<I(qA)2YiXaO2OwV{$Auq(`?@+1bZ#670&hc_
zoCn!RL$(i48?v)fAw4MsL;<VO{@0AL1+%^Y<P+ku0&U2PK7z1Y^YPhS+ZXBc2H6t*
zb9w)-y%S;oIX**kqBl!(qC1^SupcOu1+Sk;tO||Gg4VVQMmD6i0llAM{|v<nQT`xS
z_s`PW(6QL`=W6&r`G2sW;RCn^K>tvB_wQ%}c#8g}<y}bk8}e^Yq<^mM#~$hAWcL#|
zum4R4>VeA!{C`Vh@IE;f;sfu4DpSAy)E|;$QV=Bg121qtBtB`4cHk<g12hHqHKYSZ
zzo2uYv9ILzdk)UWy=F`F=udqA++7X*iRJ`Sq`6Egg4lQwICu!)-`f&+>Z^hTQ8r{?
zccOVjx5Npuq4Uxl`j5?dKkA8Y*{AB>#+=_4r2*M@4AEToT5;%4D!+5sHMgUhYljZd
z|J@P*{lzpoVEWz-p+5fdRqP#HNK^2^XW#Egn_T}3w@vjyp6H9Z+6+ctOFCP9NJGE>
zRD*JXZk1E{PeJtXTS&NSiuwiOFQ(`}(u1)nv-d^BW<uww`t+yq|IksujDMoNP$+`S
z5BM+#<Agd*=0IbV3F@Ov-w648yG2SEw<8%2-%ke_+FaSfN4cQ?TBT<Ek0<$p!>ln*
z+@yGg+(J*B#&{mq_M=PhyywNCf9{*}pDjkautkVQ2Tboif#1!oasK<?#TD}F_t;!t
zPxtS&t0g3hqTc%R=@Ji+KG)~~eYYU}QGe*QrxmUha>t+##(}pPr_cXM_H*|YYWY6R
z|0EC4b&?GT%uxSBGQY(Xl=%^w%#?#K>Q~qzLw(EWZOIz?Pn6}*p9kAd;=){~&|E=2
zUU_M4=zm@MlmG5tI{tsU`X8Ow>z$G>m>I?hu<s^+^YT^!B#R=zW%W0?^hZA6cc>fc
zX*rCXMzUIgfOcN8^%?^53CNHKgUq1`vj!kvaiYKHwuX?ImaF@8_C>qv2#tKs$^aI)
zfDVlmGV?sm_pjrG(0#hTKG2Z<=Y@YR{Zo)2GY_ON{lgM<0A{2ILjJ!DZAH3;Ohu%N
zFKX>iG_yg!fG}JuaB#gy{$jIGhfDrH<9PtDQIt=>&ld*UBx<N1p25(czPB<;4sT$p
z(yjhmpC={01m_i>=dS%w?(;z3|HzwvLFDZv1;XoxOF`nd3}itC!E%uL&I11ZZyEXr
z?Ir$?<A3un*tgJ8I;Y%qOvRY&+?ago1C56y!hHum*yB8J?~e226F#&aQ#k!;?SIud
zSFXs!CC18=X&U-ZMja57Yk~{Y){FJ*gEWrkMaqgrfAZU)bt3tH6Oar?{@<3bf${w&
z|L?+}aSZB%Fixl$K1cMQh5p3kV^n@c4U(wmXxGi__ldF~vmVgQ*)(tG1^3le(EeWq
z<vaBEEC{aU_=2K;K*--@142JQyRRXM<Ew4*nLA3om~55@G{HV#HB<xCABgwYL%Bc;
zgRsva&CPI~Pw?x6BshpV0Jb1mVdu4U<{rx_NjW+|4vbhL)XVupak}GB7hjz5PdtF`
zV}br><9|rcQyegl%EIxli31pgc?&77xV#GK{zSnyz;)?I+VRh>|B5>1wg0kfJwrzh
z(m(t#uK#e2;fj8s0@N#ICW{!@bBfmH`eWOASRxErz}17He{o?bUef>vhA+dszuS|w
zFmh`$oPUu!{t2fi9%n#((gP9whiY_y{pRq2hw=pbeT4#ZQ2L?$*n<O2iv%t-_2g;i
zZ(aK9>3Og(6!bsE3bHl;@;9dbS6(GMD-#mjkAMs6=8B?s-rvdpC-z)rh`)k%;KBgc
zehK({1p0wHqJN<y`WQQ|&h_`7I(CPi?vG@<5sSIN<qLtsH4KS(T_8#V1sYqlfc6#A
z|LB%mZkebDM4J%Fh{HAXZ#UEfF3+i}ZSR9cHK6&WOHlvDBZP+q!_7xve)}0%+;@gX
z&-}s4B?g*dEFZ1sDYmEBfchtv{vA=qrMwa4RmivZ^^*;ZAAVl?7WF^*bdz7F%ZlOw
z6C+5rCG-PzT=R_<|2Cse=A-}Yja+8E&+2~i9dS*lP!z2HVe#n_tkR5sTql^@Xmo(B
zhxo(kS&g;dzqRxWXn5^b!E`U6Png|$3YHJtuphi;=JR6bpU?3zCEn2*&jsaZ1EO_U
z*p0d9caQcNwE5)%%IY-#mnM)5f$t+bgUk9lTKxAOemfuiSMBF%*Zx|aAL;#cKv@j>
zlMaw%1hNlXjKno2@|I?U!r<tP*4po1Tu~>7_B8%W4raHXL&N8RIDg>Wpd%X;=bZdN
zqRKJ<Eb)JC@O^mwVh6mo-w81Ybo4pe8yr@mucsb-f&Xj3p1IEc|0U%8U;jD%_t@h*
z9M@7DZY6k*eWLvkXZ`sfeK&TW=4;pfH1<9Hg>d_sKo1@`N#VJls!+J*oCytbY{85U
zxNib984wNorghWO|LU@DVd6nsnDo#5H;01@VD{zxur5LX8*nXITv&(q(*9@VTX6m%
zVL1mfl|t~qI4_FX$_3;P6c>y<LURqrG4gS`rr{BIFYynI7s|ay_jv>7NdHH+pFoR2
z{(AJMwg1T*d`9O>W1n=swp)47a3I=m(EiIp;}PiNHA?|jGYf-U8=wX0fRX-|{o`QM
zl;K+XzrZ!gQ?zfqEj(LX146FNMgO7{My4mZzBo{Rv%le9CkniQu^%~pzDT2@<bb#N
z{nos1a6Crp>Hf*af8&WjOaCO92u3gC>goO%{U7QKSp6UA01E=vH^_o?z+?kLSUzz^
znY4@YV+i~%>)E#rW4Yp9jYs~^jPWw2J@uROv(2H=fLJ~HTcPvBGq+s&lijDs3=ZQ9
zKz0EZ>f!poKF;m5zAFr<Uod@ubihb^T5HZ7x4KN|Pi=a+tC=>Yu;Nm=;F@tgPB6Uv
zZN_zRpFJ|84f6E_J^Hs8!2vIv?}_)bV7rYA<5qBC{7M!$Fmas_rteRI>FD!O82tH{
z#s)}!fsCIp`Ug)Kv%k#fPrj3J&$kwg;0peWJk|qTR-sJy4#xkksePb<)<08Y|NnC=
z2SQNy&(fZb3Fz+=pQsOfVG_u3&0iQKp$%xk;Z%(d7<E8q12lO82ah~ortN#VrzMbI
z#rs$&zBBmW!DWgcwr{PQJXTNlOZmIIOyNLGT<+M{?FYK&<o{JvA(3{=CA0zH`j6%S
z#y1@KfA`^!%CvpXD{F&1&a<fMRoLH?xdG@C(56grL~{3{@wSXl4y*Ggxo+TmE;IH?
z?k@~dl8Zrq#PEqnm}j1)Kl%*N{Qt*b4|rx<a-BEZZ;LuQ;yQ@`@@$2rZ;=(lfurR3
zgYSX1WhM(ev#kQt$E?@P$&6g4vFrClS?>z^dR%!}I9z`&fx8|mgv<ir4*o`dfUFLH
zwE;967!3F4<=Q-pqGw5eC;!<5$Gt_OxuV~oN|Qqz=63YlVo~b6;E8QD7&Gc0J=u?0
zpP~N864&~cs0Szv8lXPE(F{4`14Mp61wq3cA5ez>V|);OqY>(WuFw6k)Z3)nPhy{L
zs_5h`R{h9En3azEWZhkgx?8dXmyS;0;rvfw$jFQN=+DjtMIPDsuN>aauJa2!vVOn~
z2gd8!07|P(+V>!y;xVS;Ln`s8BW84cr9}UG^J+scn+I=9e?$I1h0&gVWBq_hm-x^0
z4yD$YwRF$HjU(nl75HBKkjRho*&fvG=8qA`+xFuAe{0^?&|#?S8`Iy6;(y0rjBp8n
zjRUd7HRskTWw*wmIJabO&<90-9_EK5{bq6LThx8maQ<yMIN;6cpCdCCIZqh4kM@9A
zHED9GwIy#`Y3;<=Q$C;`kQCzz&c)0RnHL|1{=Yce3|b8hgQi1b-#IiN8V8FeEP@w|
zUt8(OGi)0jFm{6Le)I#PyrwBxxE5gSf~7S7KbT(=_D<^od#3d&7dSWD66ue2$x><$
z`ySH$Wng^NhghQTEiYw!5&p{yN_X57{hgM53bI!(K19+pZBoR0W8UAorQ8QfpAPI;
ze3wVk`Ng6y9qG?M)Ix2Gd1Pm#f1Wvm)_YO67hx{Uij&i=toon|_e%--cVMaN0^a2~
zE$wf)um2hNKIcC;dB3p!lP*huz+-*UHc)mpl+vbCS-g+dd8xukq<x;?<HC^lf&7*s
z=VH#_1^?+j;D>qZ|I-ESgrw(+L?3dWy{#C(5z-MkE&mK{M&=NFaxn0{&oFY)yYeY3
zi*a7iJKgNQ|4);jZM+)uIb>iSffU@|h3v-3ydca49E(0M8hI$u`9P`ajtip4yT0zR
z@mCfF#$zEEpuIk5ee|yBQ`X<}JJ_j^RvUj}F_59)fiuQ^lr=rx>HE>fOMJ~(ih%)?
zkNppI{h;XYwY@Q<ie43?@y1&S1Bp)iKNuN+{9s6~HJ0LIARYI9^xkRx-tz#GV-lS9
zVR{=(_+l)@#{kX&3CIIV(}(Dt&iAPE^~C*+$q&Lv`{I*b_fFCoRWu$zI!y0fO&Qyr
zCU%v495wN(<nKgru5NZeF#eCUzBQJ&!+<>24fBnCRWarPoX5kjOl2BG`v8hCH#Nm>
zy~cdVF^|^)$L$Enq8w3=QT}-v-wx{)=xNj$a$FBri1i@ZFg{dYjS58Zd{rTRVS>XR
z+*7uCx$yzg-Lrdt=BuFbLYZTLWGJr3akLebT^x=<`4D-&|KV<!|4UrvZ8UzMa14+?
zi6s0H+Kw<E57NaTz4G{4yv;q%D{4dZy=6w)7fzOU{%e}}HA5HjpVRmQmab12$@pZS
z6yrWeH1`-w#l%2Tv@?XAA6I(o1I%GWJ{ly)XW<^V#!~SyKzS3$rzYm{1|S*D6?27^
zB<_gh3DV7nT^P@dcU7wNKk1)S@hM$&4OOW!P{eyNI=9ykRzdLT;Y@xV+MAaA?g+fL
zH2|{1MqHiA*cfE5o}=$U9Fw!W=r0)WFk--n0V4*C7%*bsy~KbW*4haFQ5;k<79$3X
z7%*bMhyf!8j2JLtz=#1O28<XmV!((2BL<8ZFk--n0V4*C7%*bMh=C6h1Mj89LZ{Ln
zBvFiwGGf4p0V4*C7<lh6pffeS7pE48;f@G)2qu;4;$JKsD^;rhwFa2~jem?7Fk--n
z0V4+fvlw_UCNpCt-%AW6XQ|;hCmD`$l=)y=tQ=;COBq=FN|x_;_8A}L`<qKeiS7TJ
zlL7|}fL*K-1_eo=y{{PNzLLX%M8o%aDn8tt;g3ZrFyqyS8+(<G`@C<BRlxG7B!e&q
z`~R2_iNW94XZ)4#FZ~nKv!J=R0GfFf49)Skz5!ww6sQk>z7#Ug{lk5K^J`H1n-$Ui
zRz4zlovH$46*`~>TjU9Zw|}_r=U%}yVR5kiLxQEy-A`0tA0Ybo2#`RZK&c-5@d41E
z#{cSI8O(kuhS}b40Qj6w()&CAN#$Aa$5<X%59JgJR``2f&^*J1^Y`E1eG|CCEWJIf
z4edwPU?2w$UQB|^4-|SZaK2_g()|~b-%Ht#DoyRT8p;J~qoKCbwFbCX--Y`Mc;=R@
z2g4T$nP&=XzY2M#Ff$uS&cxFSSH!X`7%)!+e~#nhUe??~fQP@)J-R^GcyQvTKK)a$
zt=@`E*c-2eQNa>ugM6|Z^4CSLlHj^9mEpNGmy}&mLsmvI$Z@})*caO%&S5twa8GbU
zd)iZOEU!y;@chVM2n$LKFYq}@j5pJiCz5nnfNkvPD}tsv@`SaI1R92<KodV1SbGbh
z1<tp_QLf$@rvwr9jZ!I?pD+dUxpF*CK=9cS;I{rJX1`kp%pu^m$^`RQR|a>?_Z^CH
z<viTmI~DVV(H?)41J<D!IZ9kt{}0^Oewzz+-{L!~GC5CT?k{2bHqqLU9A)Jvh5E07
z0ki0Au#Cun#(@e3M=zx5rPBPgqy%tV^L4%)EKW;JApWu`#GE&UutTQsa<eHo<26^r
zPiBe~+aH<lnY=k#92ZrAq*xEg#69G+keUPmIXQu2?k#}~#AQE}5vlz|``?kqgpYj*
zO6VM%1Pg^~m@802tGFCIL}jDgC4{Sj(vh7Mn6sX8{jqhYT!5~a_b=p}4T#)^1NYt!
zka)ccBwjOtn6roj+~Xik7RS)vbMtTDT3Ajy>_c8Vn!w9_t@XfpMNJL;vHc1h(4DZ~
zPYaj9Lvb1iGP0RILF2q%m>h245{ia=I{xuVQ^QzJHZ*-Hf+M*0E{&2D;|z`qO_@F)
zetjNDqg@ytz`i?MrGzw*6G&c8g}95<2R;TxqA#d$Z|IOSHsF7>C-@(EGmwPcXLx*T
z<a0#NOzaCWX;~1DvL&^@KeoR|f*Q6<)Zl?_Cp`QuRf9FkPTO$pRT@PYcoo}TiP_^+
zDG0}*oefFxJ`iWW73AT&AU!DvKcmK+Vcw8<wF<VsGKeFdl*Xr-cTjstP97I3g(1k>
zT4Db`&rj91pT_@h2#sR^QV{`{6l$>YmB7*{d8yPP!TE27kI^2V>2f|OG1sNbl4{_z
zgvP%K@b1(ERZ0TpPKp8Et?J;q!W4J~>~XBh(#Qo5oYTPWkR0}&Q-XUy1|%u5PZRMB
z6knY0ba_7U0p0d@NBVb(2e66(;Gt0P6h+1+{xX;nhWR~8p~O61%Zx=wY;)-O@epu)
z0OAAtIkrFHiV1LUR>NF@p*SX_z`b1y+}GfB=e^o5E0VLpBQOKonhYbCAs@HV$OC5m
zIbc4BhkM%d;Lq^_n6*g;XYZvzc#H}%Nw~==&ykN8)P5TOw{ZN^?E=JYCLVo}?KcjP
z!w_6kmqvMYeFoEhSGym9=XXU5{D7;VjK2=bgd5m)8DwXr0`LBh;I+X7qV6r#etOYv
z1<HUtl;`rufhZR;dv8yYF?%(e4@JBT<U->iJh<bSn~Uih$~A?x|0cGdX8HhZH{k%M
zK(G#0GV9K_mW8lW2GX8pIFI}6Z>Mb&d!o+Hz`Rju3=kg_J#P%YTTCGA(q#4)uvsG3
zlYi^?O@t;x5~05>54tT^LZj)p|M(O+gA2<kNnnOJID9picM~7aJNL8wpXg8RN7e^z
zaQ-7c&@2|95z0hueS|<d$hRuU>wNdOW!mqwycWE=vjmj9U`D=ScwSN{$O0FF;F%Th
zADaW`W_1YIWePzj`Z4!pAz`{t*Q{l%hb6-NEnK*Gj}IXcLJ&)&kcPAhjn9HpPcmTA
z?i6S+O%CRRd9d+lF7Mime7vak)7;k<c>pU5H3&;%_#`(2JH%U*Y|IJva=Rtdeuu@?
zF(=^{;JoI02skwY_~Fl)xq$ZgN*4Ly-o7&+@m4JeK41#ods^UcS&)njxy@KUL;rCr
zxF8mb7!V3Y;2$aho-`X!O~4ch^6lnx6ktA#54PKLdDjxu9~RaA41C8d0l)~Z2AW1@
zFmpy^%G>D=RcQ)vUGojo{^&>RnA|z)>@4P(ZD2o3d7v$XA2vl9xh~$L0)Yf|V94)i
zt+!wsk7@gz=K^Rqfddw}_G>Z|`P7DFkSW!Wf<)}F7~5|ngt03n3{D6&Q<0As)qV{I
zbN>#G%VeJMl;`r1++T}-mZ22jJg3P;8hO(e#9@!MAc=Sksk|qU#?J+r&qR22!j#$X
zDl0<?(FrPOi0!2IFWbX|&`2SyKSaDR5yyEB|C=g@$i!@*xv}4xWUv@1gg$eG%zQ|F
zV<^t~dD}k&Wx;*825c9U1k?BcJFvUxLZ?{7JI<3NFTPDlK^fj@QDuhydH3UWUTTW-
zAMSN>O&3hy^=X_Nm(^g_OkM#<Pn_qdy}ys*K&MF@Xpgl2a~ucSPUJ$TB?^Y-zEPTS
zI(9p@f3z6dj^{y&G6gbl-^?yPDEE8vw9t$>=QHioUH`CSpN?kHYG%&3fO68?6xnN(
zeNpyfWq;kH<02CX+>5+!zlk0M>^4Pt8S{fL{RDPT>y2&aKz(fg1>}2tfk+D?u@o{;
zy_b%YHp>I%A4&y_u@bNz7!G&leF={jehdw+-GTZy9_oSFt*6l7kq0z!je*8Nas-7w
z<g5YzNz9!`-UJWQ*Dff#_W(bX-<{WBzO|(_z+s67>~oIn|8&f~_6a!RI%wVGaZLM(
z{*RpnAQFif-tQMIgn%#!yyj)=!J=c>{s~fO*gpoY%=sDaE&dF;ocSB!fI;Yb<{#*N
z`zDMG5;1E+S{Ld9*&pA&s8PP-FnQoL`QLFo;JS^;OG>#(@m!OKPLmrxcbrs$zs4_Q
z`o6`0MDX+%f<z+1`4GoF{%<*$%gp^W|Fb~zpC!se=KT`j<SZ+u-#!1UG87I~Ao|HB
zTo0gb2Kj|9kX%$6MG@!qMtNALj@`zzztP}C2z!NdKGMJcTn!)SG>r${SD>7x18x6O
z03!n-&p0r>`1=AmE&B{}14fiaQw_dDm6pWh8`K^D#W^1_>NwN>W;TfspD1GbKaVd0
z0)a@1W1q%<E<E<hWMo0J0bJNL#l|4tDd@YDm%c2EB=i9|uc%e*I=#TX5_%86$+W-C
z7!G&`3c)8R7yLrR5P|bvL_#jy^~hx8U|I((oiL}^-y)m@ofuG-&1c@7DvpNm%Tusk
zv^Txsd4awD%=RPbFvO8*Kk+~F{`x@j4~_S{Kx-nBfoG0gU*tE~Z_&~JP`5H~KYc(R
z<EG(%MYR9X{2I`5P=L1mjLd_0&>m6#v6zT!KLcQnYrrw150$9>;a8@;llG?|pDE7%
z#`osef~JFBL8F23Zv;a|UMyBWWBLHjL6pPzT@;f4X%AQ3zGvwCxos7=IQut*`fmi+
z=GH0l8|-)e{^^MNhqsgUOM*Mf8_a&YypQf1et}eRR7tA;*7vHjR1kJ?Lb3QjS>h+~
zct2);*|%=c8@zz}8|_;~dq0uAhGY=m1MPt5QI>7ieK*JD;2YGubRWr9r30;#GgHKj
zJ|y_muy@yfx5K5|m{NEf?O&oxqp~`8TKZ{)+-H(_5sihiYB%#<TzAFW?<@ssmCY+6
zugxx<_T#+H*aB(2iSichFX^%AHxQ70r67Yz*)*v{Z>9B8Y3%0~ab-HQ$Ce_&2V}48
znSI2`{`Ni;+UK0|&A;h52t7CEz29Gq<^)<Vl_XC;*%=eiujE78OOe)0L{FF1<VTTz
z?MV2c-1X6SmjdmF`k@vT`i012-GPUD<R&=oW%BY1{jWeW`dAqE(kmCLcf_y$XW>5^
z_+@Ok5d%gH{O2)H(i!JJkFfUy0mY>&<%zIHn1G<o6Y-ldPXwaFSd19ZVgSdJ-Fptj
zWeFebeH1&h5q$|a=zv{}0{yBbFc#x*$<I#rH#+xEemnoU(nKctb&xN(E<|DM=uz}>
zv5itdP;#c;Z*<>V`+t^V15~K5Jj+XA>PvNIVRMWe=0zrH|7Wis!+SUw>rhb&#S`WA
z!(;z%hjF|sqvcwdj{bS{+fDJivq=_(C#pZiPf;uZTW|K*&0h>xg=t#Yj=qHzt^TR#
zB)1sjX~%ktU`#Q9?(?fa`4i+A<Io%(bQ=%m<O8cA9B7HZvC!N`bKfJ^xAWgDs!x>U
zcX3j-)|XT3!;$09(G8tY<2mUNmjkz+E17$5JgYeMPf}z<zqvw;$whx$jK|akOT6~`
zD83fh7>#?5x%DSr>Lg2Nayn4n2D{e^ptwYtN)wM&5?toLSIyW@MIm>A{ET1SSp;I-
z|2z}-Ib{pQUAi6`2QT&vD>letJRuV2h?&TbD5jo`qi7P4q=}ovIGNv(cTL3DBCj{}
zl@^EI1K+<p=J-cqoD}-ShL8{ZCXA0<TNC^+mQND-4CAB{3bci|tojmSpKXTN=UW&E
zyEvY?m*;*MZi>>h{EB!N<r8R*@g40@O>U09zV*@9w+Y6({EhK|Z&Ju_h_%r;q7SRj
z{x-mW)*53OYB2FVLFnTfb$2n=KM`&FKcfvUzy97C_ZE)0HcJZu$NFgNe}bC~127hc
zd{JqRCO+0TG6gU^8p3dTIGUt}79q*74*S!al;Bf?7`tGC%OQ-<;xT^r6nmgb<$yeL
zH$)yc#ki%hkgZCCm`7`{ElY|GDf|#7mX`9EL|`nzBkb=ahjfcbfstG_9KpKN|9xJi
zzyh4ZOIpa5=ez$8^q;84#Fp`W&f|XU&4K^46{K=*FfnDZ=RN|z!`%(OIvoQaC|)X#
zhwY_`7$_@nUZyzd7T9-e&_9@BrMhDMEn_tO2iY==j!A>@I0i~uD8_+&p(r*i27Pe7
zcQym3#hSP<neR-rX(VBc+^6tzcQYm)glfnWWx-wKE6esKLDy+QXo!BmO@{Mfz<d#G
zKCS@Am+4GA99tLi^=Id4w*J(ALb30-pnE&T{>)3vU}9w1XNr5Iz0cj&ehn^bzXu80
zR~d+MfK-7a`aEN-BgQvzZhecksh_a_Ag@Cn+IkGd^XSBK4M2Zpj9((ZZHrMNu)sL3
zQOl%^Pdl}Dgih?TZvAmOfoB-2M=+18f(|H~6hOiPn?rslju@XoJ~t^kK2T}007#BG
z3d-n%z`gqoxZBmncvLyWV?Uvs12lh;PwI^ITsU=02*)33;*VO+L;qv+zwSI$!1O2T
zE4}=4^OxkU|8$JKpqMK&j5%(FeN3(sw^v}Lb$&<{MIgV#Sb>Eff%B@bA?VC#5JfsL
zV>nHW`&+w=hQu4#KD%m=ihEZFL}oH|?=zbN9Ihso=v9mu<S7{Yigo2mvcYOb60{u6
zV`7hp*H9doq5eboUymVzeG&oM#bN9b#!OSrmXZ`{v@^pG!!Aw1I&0#B=t!|)Y>|4|
zfY-Vz7!&LV_Fm~s-<i0I%lJZ1Uc*H{c+3wnO96-PqaP9aLjSoy!HfsKI13~wv$oX9
zp+opj%i*8+GZXJfF^_jJeu!dzgG;zx69rvo_%!)c1RU+lK+uW4Aad>xBG-Nh{ek!3
zXC}5?68QwKK1pHl-)$NPR_*6Oa~q7|%!%W%J)FwWp!X^zSfKxIB*q{`<J`;Qo{p^$
z$GuV3rufA6IDd7>0g7Fxm|Z7X$<_;8w}aZbOFM@xs)X_Q7=w5?7rfS)fG5V8ulZ{?
zQ~$*~dEo9VWWW<+>nR2=UZ`1Xjoy|F=0o^!cHMM1e{>93+;hr>`!3M%sV_A4=0U^I
z6g{x^5yKsvt4mTO5l>OpSqz@rn}7q(0S-8p^?<IifUzet&?lP4?!k+ENZ^Rz(tQEu
zO%Ve5jk7RxBi4VI0Cr3r0H;^~1``i1$Pb4X!h)x_an6<Nfm>3^@Xxl@eM8-RbYSVB
zdmJ_DFjN1_4+P*9AjCKi^oJ(?i9X-DKrwKuCy}3d!9M0rD08G>EOu!W@>?wITkLQB
zY_2i&f8rv5MC3ozhL=HNCVq`#*a$XWOk?JO`Qw)t`Oe7eb4#Q83?4kUHYoIa6pzqx
zh&_Yz-KY6*{;mct+!w-4*Gw%e`xj%7#)x6!=v{@rk8t9%uT81cpI$=#4*?i!#o{{e
z@u_W9^r!b{@J}(sTEPB8@xyvBP69(moGI{K?7NBXrCGu;?wNge-s7YBpMce%C}=Ps
zULVjuz9Gg3=|Y1+3DDc-UV-mo-~IZ*s?w}J<5y?MKZm~e0%QKK&;0@6$6~>)xth3H
zwyt@PZkR(P1LgJ7EYyem{_apD-tyL^r2o@=sfhC|&8lnPm6<HU^~yNRqf(Pu7rflv
zqSXD&MM1Z;-z%#VivJ})NRqLgSJp07nn+7AzesV~A9%EPsnwr+A`Rt>Do#D#^d2ed
z9~>}_vZVc-^8Qf1A9{{_^a3yrmi#))qeP*cR1j}6)Gn$wt*0}Um<Ix7@6zTqCB*@)
zm0#aq$>h;7RA1d|&MRsIAAJNXUQsjti@_&{81!*>S^X76T%CdOIMEfa>UnCEnId6g
z`GkSjf%u^kb2epRynPv!oA}=M7PN+7<B1Ui|3M6BctWL01s(r`C@Iw@7lc>#I{9hU
zMd*m2_0y_l^wUCgRH&k%*Zc98@@gJJn-mL_Uv)C(T4MjFV_EuNpc)q((4P8ClE%PA
zelqMyz&yY?|I@K7{Z}Zjrmk+5&ZnZS<sv_Yfv#w0^eRLD0n%enz})BkQ76p8P|Vvo
z+E2p3K=fY-Pbrx`z9c=5a+5Vdzk`N@a-ru8KFrx9W}xLrF8G9^LcWX&lN)Uen-`Gm
zNgU`gLjVgf_ZdMm8y<LvXuh9>HulHZ9}ZzYBX_h@Q*QO*7Lvs|?nfc`^l%8fFcP?)
z|1xVhvZp(4YX>hjwb6q8*7o4Ivl|2UoBu$Yg+Jq)#M&Sl1}8%U%&pftP~)#uR2@jh
zc3k{1vu<<WPzMt4)M4_2d2jj@>kx-Jj?eYhq@=q^aQT}7T1yDSpD^}<_2{Se7;Ud}
z;?v<Gnu*7v?R8c}(e~C<G3Fq~b*nVW36$JG$VduC+ukz>+FJ$l6u)NlUHq5lz%ZNz
zi9&?FaZ)CiY%Kbdb&g7hnS3?8L^c12&|Keyg7A<O<AV0Bs*vb@4DF(ofpfho<_e96
z(1VmC)(5h%dxu1;;MnzKn7Bp)vo=eaobRs_Rg5i#^1QM>3jw$n%#^rv_y<4x3f1)8
zf{OmW2-h|gb4NJ~mAnv)t;0AoRWd}L{1U{N&*qLpn%1YK*$56aorQW-)SX%m7eHX7
z3h0|GkD&84=-*<GOQg-1p00I(jIkvb)ONbgaXZB14h}gtj>(&wfp$re*JOBg>SN$}
zorL3<ytftRMSJQhfS5Qjh%pD?Q(w#(H%<)CJk!7)bARUj{sp8z*^Qc_4+r_46jov$
ztwn!^wvZx>WI&~i0#!1Ohx;ud?)g^O_OBfJ&EdcccL6lQJp5$;l%g%I)l4Z|ew@PO
z6lcGG5p$`{K>WL+&6%Kmh=TDqEbRM{*EG39NpIn>&;(xni@p>mO(Ei#DU&N<=3*!4
zJ&OZ>pXbB=^8&QPrh@|cQjeu_*tGEuY<+wI?M;3RG`0_cMu>CEh;#-h$0_B8Ev(3*
zognDcP_U=`&3S-yI|FSlz@i;Ic<v^E)d%>n32heyZ5PO4`k0MyVvQx(ZSSLn^}7ed
z+3+wX7cu1{<`%<Vs?pmRw&Qdj`V=-F<$*KWIRCjQfRmU9lVI?AC5#+pILAon*-?cx
zIp1%@gMtYMd2C6f&u%%$7l!`Dg%x{wuyQ{i)}K#fpzj(b^cit8-!t?MkInV-eWR!g
z846y${9#XRKZYg)qc9g*f)*N#-~$UChdUYke!$@#MSae|@0d4#r?uYu$R2ce-WLVJ
zy?M3t?x(hspGQ)RtAY0yeJL6FkM|BMCU=nQns4*HJ1>0<{Vxu_Q}l-ly951gNXH`y
zdsO1@(>zjId1greOL_DSwNdvPt9vECta$rfg|)22zsb<g#R+pX>V8l6obsL~qyH1d
zW0R~<79|<yrGTTo^zzG7TWO4^V-ERuRftC@5?*R_fS9-aElOQ{w%njXEe6Y>GP-no
zm!D_9OL_`aOE9_$t)8Mv>FX)*dv<RLY?ZY~lBBNSoKA5Ew70}%JSYFD;uhMQpd0#t
zb@UR#{4g0z#l5fiC5T_3obOGBpg$Da^G7ce!5~{9vxkll-w}qsmxd%g%K7Ghs0+m0
z>;{t1Ti~z;b5E`O5qypf1FwI2!}-Vv#`kwrOgc=9&d<Xl(PuT@VJG^^{R@dN<^exC
z0Pf!Qf`|9LK@{T;hvQ{%lA8iEIV#v^U@x|iGb2D4d>7Xg_7MMQ49rHscooV~c4tyy
z*+B)YM&HYIxOO>=&RTt<(wO}lbn!{NFY?A*5P8mrSC=}#q!lr+@dzKTxn#oZE%7kb
zD+Ky_$H9cybQm6;nr}}R+Hb`k=Oq><FM0{*?h0W4?Q|G2%MmWFtOKW3o578LCqfAN
z-e%;XC*>HSyphEBNgirFA{qwUa$xvc8FZW&q@5ecR$owI<`K+yMDpZg+v<A2&L=#t
zQw2TFTqmEosM`y*-(#Pn+_IjV&5C6&RiUpqW2ePuC{GaO;Zh-A*ZAY*`}`ifVi3^2
Wxd(ln4gSVH^R~PN;LYDa&;B1CmLAjq

literal 0
HcmV?d00001

diff --git a/public/menu.json b/public/menu.json
new file mode 100644
index 0000000..2ae19f3
--- /dev/null
+++ b/public/menu.json
@@ -0,0 +1,354 @@
+{
+  "hash": "d48b10d0",
+  "base_menu": [
+    {
+      "label": "Home",
+      "link": "/",
+      "autogenerate": {
+        "directory": "."
+      }
+    },
+    {
+      "label": "Examples",
+      "link": "/examples",
+      "autogenerate": {
+        "directory": "examples"
+      }
+    },
+    {
+      "label": "About",
+      "link": "/about",
+      "autogenerate": {
+        "directory": "about"
+      }
+    },
+    {
+      "icon": "github",
+      "align": "right",
+      "link": "https://github.com/MicroWebStacks/astro-big-doc"
+    }
+  ],
+  "sections": {
+    "examples": [
+      {
+        "label": "cards-body",
+        "path": "examples/cards-body/readme.md",
+        "url": "examples/cards-body",
+        "url_type": "dir",
+        "level": 3,
+        "link": "/examples/cards-body",
+        "format": "markdown",
+        "order": 1,
+        "parent": false
+      },
+      {
+        "label": "cards-meta",
+        "path": "examples/cards-meta/readme.md",
+        "url": "examples/cards-meta",
+        "url_type": "dir",
+        "level": 3,
+        "link": "/examples/cards-meta",
+        "format": "markdown",
+        "order": 1,
+        "items": [
+          {
+            "label": "Tiger Page",
+            "path": "examples/cards-meta/tiger.md",
+            "url": "examples/cards-meta/tiger-page",
+            "url_type": "file",
+            "level": 4,
+            "link": "/examples/cards-meta/tiger-page",
+            "format": "markdown",
+            "order": 1,
+            "parent": false
+          },
+          {
+            "label": "Astro Page",
+            "path": "examples/cards-meta/astro.md",
+            "url": "examples/cards-meta/astro-page",
+            "url_type": "file",
+            "level": 4,
+            "link": "/examples/cards-meta/astro-page",
+            "format": "markdown",
+            "order": 2,
+            "parent": false
+          }
+        ],
+        "parent": true,
+        "expanded": true
+      },
+      {
+        "label": "Code Blocks",
+        "path": "examples/code-block/readme.md",
+        "url": "examples/code-block",
+        "url_type": "dir",
+        "level": 3,
+        "link": "/examples/code-block",
+        "format": "markdown",
+        "order": 1,
+        "parent": false
+      },
+      {
+        "label": "page-reference",
+        "path": "examples/page-reference/readme.md",
+        "url": "examples/page-reference",
+        "url_type": "dir",
+        "level": 3,
+        "link": "/examples/page-reference",
+        "format": "markdown",
+        "order": 1,
+        "parent": false
+      },
+      {
+        "label": "short-reference",
+        "path": "examples/short-reference/readme.md",
+        "url": "examples/short-reference",
+        "url_type": "dir",
+        "level": 3,
+        "link": "/examples/short-reference",
+        "format": "markdown",
+        "order": 1,
+        "parent": false
+      },
+      {
+        "label": "Code Diagrams",
+        "path": "examples/diagrams/readme.md",
+        "url": "examples/diagrams",
+        "url_type": "dir",
+        "level": 3,
+        "link": "/examples/diagrams",
+        "format": "markdown",
+        "order": 2,
+        "parent": false
+      },
+      {
+        "label": "SVG Panzoom",
+        "path": "examples/panzoom/readme.md",
+        "url": "examples/panzoom",
+        "url_type": "dir",
+        "level": 3,
+        "link": "/examples/panzoom",
+        "format": "markdown",
+        "order": 3,
+        "parent": false
+      },
+      {
+        "label": "Absolute assets",
+        "path": "examples/abs_assets/readme.md",
+        "url": "examples/abs_assets",
+        "url_type": "dir",
+        "level": 3,
+        "link": "/examples/abs_assets",
+        "format": "markdown",
+        "order": 4,
+        "parent": false
+      },
+      {
+        "label": "SVG Meta data",
+        "path": "examples/svg-meta/readme.md",
+        "url": "examples/svg-meta",
+        "url_type": "dir",
+        "level": 3,
+        "link": "/examples/svg-meta",
+        "format": "markdown",
+        "order": 4,
+        "parent": false
+      },
+      {
+        "label": "Code Diagrams Meta",
+        "path": "examples/code-diagram-meta/readme.md",
+        "url": "examples/code-diagram-meta",
+        "url_type": "dir",
+        "level": 3,
+        "link": "/examples/code-diagram-meta",
+        "format": "markdown",
+        "order": 5,
+        "parent": false
+      },
+      {
+        "label": "Table Data",
+        "path": "examples/table-data/readme.md",
+        "url": "examples/table-data",
+        "url_type": "dir",
+        "level": 3,
+        "link": "/examples/table-data",
+        "format": "markdown",
+        "order": 8,
+        "parent": false
+      },
+      {
+        "label": "Table XLSX",
+        "path": "examples/table-xlsx/readme.md",
+        "url": "examples/table-xlsx",
+        "url_type": "dir",
+        "level": 3,
+        "link": "/examples/table-xlsx",
+        "format": "markdown",
+        "order": 9,
+        "parent": false
+      },
+      {
+        "label": "Details",
+        "path": "examples/details/readme.md",
+        "url": "examples/details",
+        "url_type": "dir",
+        "level": 3,
+        "link": "/examples/details",
+        "format": "markdown",
+        "order": 10,
+        "parent": false
+      },
+      {
+        "label": "Gallery PhotoSwipe",
+        "path": "examples/gallery/readme.md",
+        "url": "examples/gallery",
+        "url_type": "dir",
+        "level": 3,
+        "link": "/examples/gallery",
+        "format": "markdown",
+        "order": 11,
+        "parent": false
+      },
+      {
+        "label": "Gallery Panzoom",
+        "path": "examples/gallery_pz/readme.md",
+        "url": "examples/gallery_pz",
+        "url_type": "dir",
+        "level": 3,
+        "link": "/examples/gallery_pz",
+        "format": "markdown",
+        "order": 12,
+        "parent": false
+      },
+      {
+        "label": "Swiper",
+        "path": "examples/swiper/readme.md",
+        "url": "examples/swiper",
+        "url_type": "dir",
+        "level": 3,
+        "link": "/examples/swiper",
+        "format": "markdown",
+        "order": 13,
+        "parent": false
+      },
+      {
+        "label": "Notes",
+        "path": "examples/notes/readme.md",
+        "url": "examples/notes",
+        "url_type": "dir",
+        "level": 3,
+        "link": "/examples/notes",
+        "format": "markdown",
+        "order": 20,
+        "parent": false
+      },
+      {
+        "label": "prepare1",
+        "path": "examples/prepare1",
+        "url": "examples/prepare1",
+        "url_type": "dir",
+        "format": "folder",
+        "level": 3,
+        "items": [
+          {
+            "label": "prepare2",
+            "path": "examples/prepare1/prepare2/readme.md",
+            "url": "examples/prepare1/prepare2",
+            "url_type": "dir",
+            "level": 4,
+            "link": "/examples/prepare1/prepare2",
+            "format": "markdown",
+            "order": 1,
+            "items": [
+              {
+                "label": "deepest2",
+                "path": "examples/prepare1/prepare2/deepest1/deepest2",
+                "url": "examples/prepare1/prepare2/deepest1/deepest2",
+                "url_type": "dir",
+                "format": "folder",
+                "level": 6,
+                "items": [
+                  {
+                    "label": "deepest3",
+                    "path": "examples/prepare1/prepare2/deepest1/deepest2/deepest3/readme.md",
+                    "url": "examples/prepare1/prepare2/deepest1/deepest2/deepest3",
+                    "url_type": "dir",
+                    "level": 7,
+                    "link": "/examples/prepare1/prepare2/deepest1/deepest2/deepest3",
+                    "format": "markdown",
+                    "order": 1,
+                    "parent": false
+                  }
+                ],
+                "parent": true,
+                "expanded": true
+              }
+            ],
+            "parent": true,
+            "expanded": true
+          }
+        ],
+        "parent": true,
+        "expanded": true
+      },
+      {
+        "label": "presentation",
+        "path": "examples/presentation",
+        "url": "examples/presentation",
+        "url_type": "dir",
+        "format": "folder",
+        "level": 3,
+        "items": [
+          {
+            "label": "raspi",
+            "path": "examples/presentation/raspi/readme.md",
+            "url": "examples/presentation/raspi",
+            "url_type": "dir",
+            "level": 4,
+            "link": "/examples/presentation/raspi",
+            "format": "markdown",
+            "order": 1,
+            "parent": false
+          },
+          {
+            "label": "Tester page 1",
+            "path": "examples/presentation/tester_page_1/readme.md",
+            "url": "examples/presentation/tester_page_1",
+            "url_type": "dir",
+            "level": 4,
+            "link": "/examples/presentation/tester_page_1",
+            "format": "markdown",
+            "order": 1,
+            "parent": false
+          },
+          {
+            "label": "Tester page 2",
+            "path": "examples/presentation/tester_page_2/readme.md",
+            "url": "examples/presentation/tester_page_2",
+            "url_type": "dir",
+            "level": 4,
+            "link": "/examples/presentation/tester_page_2",
+            "format": "markdown",
+            "order": 1,
+            "parent": false
+          },
+          {
+            "label": "Tester page 3",
+            "path": "examples/presentation/tester_page_3/readme.md",
+            "url": "examples/presentation/tester_page_3",
+            "url_type": "dir",
+            "level": 4,
+            "link": "/examples/presentation/tester_page_3",
+            "format": "markdown",
+            "order": 1,
+            "parent": false
+          }
+        ],
+        "parent": true,
+        "expanded": true
+      }
+    ],
+    "about": [],
+    "external": []
+  }
+}
\ No newline at end of file
diff --git a/public/svg.svg b/public/svg.svg
new file mode 100644
index 0000000..c589867
--- /dev/null
+++ b/public/svg.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-300 -300 600 600" width="200" height="200">
+<title>SVG Simple Icon Tiny</title>
+<desc>Designed for the SVG Logo Contest in 2006 by Harvey Rayner. It is available under the Creative Commons license for those who have an SVG product or who are using SVG on their site.</desc>
+<use xlink:href="#a" stroke="#000" stroke-width="76.7"/>
+<g id="a">
+	<g id="b">
+		<g id="c" fill="#fff">
+			<circle id="d" cx="-202" r="45.2"/>
+			<path d="m201-32-402,0 0,64 402,0"/>
+			<use xlink:href="#d" x="404"/>
+		</g>
+		<use xlink:href="#c" transform="rotate(90)"/>
+	</g>
+	<use xlink:href="#b" transform="rotate(45)"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/readme.md b/readme.md
index 8083762..d129649 100644
--- a/readme.md
+++ b/readme.md
@@ -43,3 +43,22 @@ True content based ISR (Incremental Static Regenration) with cache warmup.
 - `folders` pulls those subfolders and flattens their contents into `dest`; omit `folders` to copy the whole repo. `dest` defaults to the repo name and is cleared before copying.
 - Set `GITHUB_TOKEN` to avoid GitHub rate limits.
 - Run `pnpm fetch` (or `node scripts/fetch.js`) after installing dependencies.
+
+## collection
+- All configs are optional and have defaults
+- Configure `collect` in `manifest.yaml`. Example:
+    ```yaml
+    collect:
+    folder_single_doc: false
+    file_link_ext: ["svg","webp","png","jpeg","jpg","xlsx","glb"]
+    file_compress_ext: ['txt','md','json','csv','tsv','yaml','yml']
+    external_storage_kb: 512
+    inline_compression_kb: 32
+    ```
+    - `folder_single_doc` default is false for one document per file, when true, generates one document per folder merging its markdown files.
+    - `file_link_ext` : only these extensions will be considered as assets to manage
+    - `file_compress_ext` : files subject to compressions in blobs storage
+    - `external_storage_kb` : threshold to manage blobs in folders and not in db
+    - `inline_compression_kb` : threshold above which db blobs get compressed
+- Run `pnpm collect` to parse the `.content` directory Markdown and referenced assets and store them in `.structure/structure.db`
+
diff --git a/server/.gitignore b/server/.gitignore
new file mode 100644
index 0000000..3751748
--- /dev/null
+++ b/server/.gitignore
@@ -0,0 +1,3 @@
+*.debug
+cert
+auth/session.json
diff --git a/server/auth/auth_router.js b/server/auth/auth_router.js
new file mode 100644
index 0000000..e17bd44
--- /dev/null
+++ b/server/auth/auth_router.js
@@ -0,0 +1,82 @@
+import passport from 'passport'
+import {Strategy} from 'passport-github'
+import express from 'express'
+import session from 'express-session'
+import { verifyUser } from './auth_utils.js'
+import { env } from 'node:process';
+
+import * as dotenv from 'dotenv'
+dotenv.config()
+
+const GitHubStrategy = Strategy;
+
+const callbackURL = process.env.PROTOCOL+"://"+process.env.HOST+":"+process.env.PORT+"/auth/github/callback"
+const strategyConfig = {
+  clientID:     process.env.GITHUB_CLIENT_ID,
+  clientSecret: process.env.GITHUB_CLIENT_SECRET,
+  callbackURL: callbackURL
+}
+let first_url = '/'
+
+
+passport.use(new GitHubStrategy(strategyConfig,  verifyUser));
+passport.serializeUser((user,done)=>{done(null,user)});
+passport.deserializeUser((user,done)=>{done(null,user)});
+
+
+const sessionStore = new session.MemoryStore()
+const sessionHandler = session({
+  secret:process.env.SESSION_SECRET,
+  resave:false,
+  saveUninitialized:false,
+  // using MemoryStore for limited users pool only (accepting reset on server restart)
+  store: sessionStore
+})
+
+const storeUser = (req,res,next)=>{
+  const user = req.session?.passport?.user
+  if(user){
+      env[req.sessionID] = user.id
+      //TODO on session expires delte the sessionID to prevent a memory leak
+    }
+    next()
+}
+
+const onSuccess = function(req, res) {
+  console.log(`req.sessionID : ${req.sessionID} ; authenticated : ${req.isAuthenticated()}`)
+  // Auth Success, redirect to first requested url
+  res.redirect(first_url);
+}
+
+const checkAuthenticated = (req,res,next)=>{
+  if(req.isAuthenticated()){
+    next()
+  }else{
+    console.log(`req.sessionID : ${req.sessionID} ; authenticated : ${req.isAuthenticated()}`)
+    first_url = req.url
+    res.redirect('/auth/github')
+  }
+}
+
+const authRouter = express.Router()
+//'sessionStore', 'sessionID', 'session' (session.cookie, session.passport.user)
+//sessionStore => [ '_events', '_eventsCount', '_maxListeners', 'sessions', 'generate' ]
+authRouter.use(sessionHandler)
+//'logIn', 'login', 'logOut', 'logout', 'isAuthenticated', 'isUnauthenticated'
+authRouter.use(passport.initialize())
+authRouter.use(passport.session())
+authRouter.use(storeUser)
+authRouter.get('/auth/github',
+                passport.authenticate('github'));
+
+authRouter.get('/auth/github/callback',
+                passport.authenticate('github', { failureRedirect: '/access' }),
+                onSuccess);
+
+authRouter.use(checkAuthenticated)
+
+//TODO checkAuthorised
+
+export{
+    authRouter
+}
diff --git a/server/auth/auth_utils.js b/server/auth/auth_utils.js
new file mode 100644
index 0000000..4c32c80
--- /dev/null
+++ b/server/auth/auth_utils.js
@@ -0,0 +1,50 @@
+import { env } from 'node:process';
+
+function showKeys(info,obj){
+    console.log(info)
+    let list_keys = Object.keys(obj)
+    list_keys = list_keys.filter((item)=>(!item.startsWith('_')))
+    console.log(list_keys)
+}
+
+function verifyUser(accessToken, refreshToken, profile, cb){
+    const user = profile
+    console.log(` * verifyUser(id:${user.id})`)
+    console.log("   checking user id, this is a demo, all users accepted ")
+    user.role = 'admin',
+    user.groups = ['Markdown','Astro','Blog','About']
+
+    //in case of real verification, check user in DB, otherwise return non null err
+    cb(null,user)
+}
+
+function get_session_id(cookie){
+    const prefix = "connect.sid=s%3A"
+    if(cookie){
+        if(cookie.startsWith(prefix)){
+          return (cookie.split(prefix)[1].split(".")[0])
+        }
+    }
+    return 0
+}
+
+function session_user(request){
+    if(request.user){
+        return request.user
+    }
+    else if(import.meta.env.PROD){
+        const cookie = request.headers.get('cookie');
+        const session_id = get_session_id(cookie)
+        const user = env[session_id]              //give back the user saved by storeUser
+        request.user = user
+        return user
+    }
+    else return ""
+}
+
+export {
+    showKeys,
+    verifyUser,
+    get_session_id,
+    session_user
+}
diff --git a/server/bigdoc.service b/server/bigdoc.service
new file mode 100644
index 0000000..f7e8985
--- /dev/null
+++ b/server/bigdoc.service
@@ -0,0 +1,12 @@
+[Unit]
+Description=Astro big doc site template signin with github
+After=multi-user.target
+
+[Service]
+Type=simple
+WorkingDirectory=/home/user/astro-big-doc
+ExecStart=node /home/user/astro-big-doc/server/server.js
+Restart=on-abort
+
+[Install]
+WantedBy=multi-user.target
diff --git a/server/create.sh b/server/create.sh
new file mode 100644
index 0000000..d74a754
--- /dev/null
+++ b/server/create.sh
@@ -0,0 +1,2 @@
+openssl req -x509 -newkey rsa:2048 -keyout cert/keytmp.pem -out cert/cert.pem -days 365
+openssl rsa -in cert/keytmp.pem -out cert/key.pem
diff --git a/server/install.sh b/server/install.sh
new file mode 100644
index 0000000..3a4a991
--- /dev/null
+++ b/server/install.sh
@@ -0,0 +1,7 @@
+sudo cp bigdoc.service /lib/systemd/system/
+sudo chmod 644 /lib/systemd/system/bigdoc.service
+sudo chmod +x server/server.js
+sudo systemctl daemon-reload
+sudo systemctl enable bigdoc.service
+sudo systemctl start bigdoc.service
+sudo systemctl status bigdoc.service
diff --git a/server/server.js b/server/server.js
new file mode 100644
index 0000000..9a3b4a7
--- /dev/null
+++ b/server/server.js
@@ -0,0 +1,52 @@
+import express from 'express';
+import https from 'https'
+import { fileURLToPath } from 'url';
+import { join, dirname } from 'path';
+import { readFileSync, } from 'fs';
+import { handler as ssrHandler } from '../dist/server/entry.mjs';
+import cors from 'cors';
+
+import * as dotenv from 'dotenv'
+dotenv.config()
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const outdir = (process.env.OUT_DIR==null)?"dist/client/":process.env.OUT_DIR
+const protocol = (process.env.PROTOCOL==null)?"http":process.env.PROTOCOL
+const host = (process.env.HOST==null)?"0.0.0.0":process.env.HOST
+const port = (process.env.PORT==null)?"3001":process.env.PORT
+
+const app = express();
+if(process.env.ENABLE_CORS == "true"){
+    app.use(cors());      
+    console.log("\n -- !!! CORS enabled !!! -- APIs can be used from other sites --\n")
+}
+
+if(process.env.ENABLE_AUTH === "true"){
+    const { authRouter } = await import('./auth/auth_router.js');
+    app.use(authRouter)
+    console.log(" with auth")
+}else{
+    console.log("\n -- !!! no auth !!! -- Authentication is disabled -- \n")
+}
+
+app.use(ssrHandler);
+app.use(express.static(outdir))
+
+app.use((req, res, next) => {
+    res.status(404).send("Sorry can't find that!")
+  })
+
+  
+if(protocol == "https"){
+      const key = readFileSync(join(__dirname, process.env.KEY_FILE),'utf8')
+      const cert = readFileSync(join(__dirname, process.env.CERT_FILE),'utf8')
+      const httpsServer = https.createServer({key,cert},app)
+      httpsServer.listen(port,host,()=>{
+        console.log(`listening on ${protocol}://${host}:${port}`)
+    });
+}else{
+    app.listen(port,host,()=>{
+        console.log(`listening on ${protocol}://${host}:${port}`)
+    });
+}
diff --git a/src/assets/copy.svg b/src/assets/copy.svg
new file mode 100644
index 0000000..3ca7889
--- /dev/null
+++ b/src/assets/copy.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg 	height="800px" width="800px" version="1.1"
+		id="Capa_1" xmlns="http://www.w3.org/2000/svg"
+		xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 	viewBox="0 0 352.804 352.804" xml:space="preserve"
+		>
+<g>
+	<path d="M318.54,57.282h-47.652V15c0-8.284-6.716-15-15-15H34.264c-8.284,0-15,6.716-15,15v265.522c0,8.284,6.716,15,15,15h47.651
+		v42.281c0,8.284,6.716,15,15,15H318.54c8.284,0,15-6.716,15-15V72.282C333.54,63.998,326.824,57.282,318.54,57.282z
+		 M49.264,265.522V30h191.623v27.282H96.916c-8.284,0-15,6.716-15,15v193.24H49.264z M303.54,322.804H111.916V87.282H303.54V322.804
+		z"/>
+</g>
+</svg>
diff --git a/src/assets/discord.svg b/src/assets/discord.svg
new file mode 100644
index 0000000..1b0d6f6
--- /dev/null
+++ b/src/assets/discord.svg
@@ -0,0 +1,7 @@
+<svg 
+    viewBox="0 0 256 293"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentcolor"
+    preserveAspectRatio="xMidYMid">
+        <path d="M226.011 0H29.99C13.459 0 0 13.458 0 30.135v197.778c0 16.677 13.458 30.135 29.989 30.135h165.888l-7.754-27.063 18.725 17.408 17.7 16.384L256 292.571V30.135C256 13.458 242.542 0 226.011 0zm-56.466 191.05s-5.266-6.291-9.655-11.85c19.164-5.413 26.478-17.408 26.478-17.408-5.998 3.95-11.703 6.73-16.823 8.63-7.314 3.073-14.336 5.12-21.211 6.291-14.044 2.633-26.917 1.902-37.888-.146-8.339-1.61-15.507-3.95-21.504-6.29-3.365-1.317-7.022-2.926-10.68-4.974-.438-.293-.877-.439-1.316-.732-.292-.146-.439-.292-.585-.438-2.633-1.463-4.096-2.487-4.096-2.487s7.022 11.703 25.6 17.261c-4.388 5.56-9.801 12.142-9.801 12.142-32.33-1.024-44.617-22.235-44.617-22.235 0-47.104 21.065-85.285 21.065-85.285 21.065-15.799 41.106-15.36 41.106-15.36l1.463 1.756C80.75 77.53 68.608 89.088 68.608 89.088s3.218-1.755 8.63-4.242c15.653-6.876 28.088-8.777 33.208-9.216.877-.147 1.609-.293 2.487-.293a123.776 123.776 0 0 1 29.55-.292c13.896 1.609 28.818 5.705 44.031 14.043 0 0-11.556-10.971-36.425-18.578l2.048-2.34s20.041-.44 41.106 15.36c0 0 21.066 38.18 21.066 85.284 0 0-12.435 21.211-44.764 22.235zm-68.023-68.316c-8.338 0-14.92 7.314-14.92 16.237 0 8.924 6.728 16.238 14.92 16.238 8.339 0 14.921-7.314 14.921-16.238.147-8.923-6.582-16.237-14.92-16.237m53.394 0c-8.339 0-14.922 7.314-14.922 16.237 0 8.924 6.73 16.238 14.922 16.238 8.338 0 14.92-7.314 14.92-16.238 0-8.923-6.582-16.237-14.92-16.237"/>
+</svg>
diff --git a/src/assets/download.svg b/src/assets/download.svg
new file mode 100644
index 0000000..e0109c2
--- /dev/null
+++ b/src/assets/download.svg
@@ -0,0 +1,11 @@
+<svg    class="download"
+    xmlns="http://www.w3.org/2000/svg" 
+    xmlns:xlink="http://www.w3.org/1999/xlink" 
+    viewBox="0 0 512 512"
+    fill="#729ef7"
+        >
+    <path d="M382.56,233.376C379.968,227.648,374.272,224,368,224h-64V16c0-8.832-7.168-16-16-16h-64c-8.832,0-16,7.168-16,16v208h-64
+    c-6.272,0-11.968,3.68-14.56,9.376c-2.624,5.728-1.6,12.416,2.528,17.152l112,128c3.04,3.488,7.424,5.472,12.032,5.472
+    c4.608,0,8.992-2.016,12.032-5.472l112-128C384.192,245.824,385.152,239.104,382.56,233.376z"/>
+    <path d="M432,352v96H80v-96H16v128c0,17.696,14.336,32,32,32h416c17.696,0,32-14.304,32-32V352H432z"/>
+</svg>
diff --git a/src/assets/full-screen.svg b/src/assets/full-screen.svg
new file mode 100644
index 0000000..9d1e73e
--- /dev/null
+++ b/src/assets/full-screen.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
+    width="32px" height="28px" viewBox="-0.5 -0.5 321 281">
+    <defs />
+    <g>
+        <rect x="0" y="0" width="320" height="280" fill="none" stroke="none" pointer-events="all" />
+        <path d="M 200 40 L 280 40 L 280 90" fill="none" stroke="none" pointer-events="stroke" />
+        <path d="M 200 40 L 280 40 L 280 90" fill="none" stroke="#333333" stroke-width="28"
+            stroke-miterlimit="10" pointer-events="stroke" />
+        <path d="M 120 240 L 40 240 L 40 190" fill="none" stroke="none" pointer-events="stroke" />
+        <path d="M 120 240 L 40 240 L 40 190" fill="none" stroke="#333333" stroke-width="28"
+            stroke-miterlimit="10" pointer-events="stroke" />
+        <path d="M 200 240 L 280 240 L 280 190" fill="none" stroke="none" pointer-events="stroke" />
+        <path d="M 200 240 L 280 240 L 280 190" fill="none" stroke="#333333" stroke-width="28"
+            stroke-miterlimit="10" pointer-events="stroke" />
+        <path d="M 120 40 L 40 40 L 40 90" fill="none" stroke="none" pointer-events="stroke" />
+        <path d="M 120 40 L 40 40 L 40 90" fill="none" stroke="#333333" stroke-width="28"
+            stroke-miterlimit="10" pointer-events="stroke" />
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/fullscreen.drawio b/src/assets/fullscreen.drawio
new file mode 100644
index 0000000..d13dbb8
--- /dev/null
+++ b/src/assets/fullscreen.drawio
@@ -0,0 +1,41 @@
+<mxfile host="65bd71144e">
+    <diagram id="DBtAsE_8EIPGSWh5YOdW" name="Page-1">
+        <mxGraphModel dx="517" dy="614" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0">
+            <root>
+                <mxCell id="0"/>
+                <mxCell id="1" parent="0"/>
+                <mxCell id="16" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=none;strokeColor=none;" parent="1" vertex="1">
+                    <mxGeometry width="320" height="280" as="geometry"/>
+                </mxCell>
+                <mxCell id="14" value="" style="shape=filledEdge;rounded=0;fixDash=1;endArrow=none;strokeWidth=30;fillColor=#333333;edgeStyle=orthogonalEdgeStyle;strokeColor=none;" parent="1" edge="1">
+                    <mxGeometry width="60" height="40" relative="1" as="geometry">
+                        <mxPoint x="200" y="40" as="sourcePoint"/>
+                        <mxPoint x="280" y="90" as="targetPoint"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="15" value="" style="shape=filledEdge;rounded=0;fixDash=1;endArrow=none;strokeWidth=30;fillColor=#333333;edgeStyle=orthogonalEdgeStyle;strokeColor=none;" parent="1" edge="1">
+                    <mxGeometry width="60" height="40" relative="1" as="geometry">
+                        <mxPoint x="120" y="240" as="sourcePoint"/>
+                        <mxPoint x="40" y="190" as="targetPoint"/>
+                        <Array as="points"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="17" value="" style="shape=filledEdge;rounded=0;fixDash=1;endArrow=none;strokeWidth=30;fillColor=#333333;edgeStyle=orthogonalEdgeStyle;strokeColor=none;" parent="1" edge="1">
+                    <mxGeometry width="60" height="40" relative="1" as="geometry">
+                        <mxPoint x="200" y="240" as="sourcePoint"/>
+                        <mxPoint x="280" y="190" as="targetPoint"/>
+                        <Array as="points">
+                            <mxPoint x="280" y="240"/>
+                        </Array>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="18" value="" style="shape=filledEdge;rounded=0;fixDash=1;endArrow=none;strokeWidth=30;fillColor=#333333;edgeStyle=orthogonalEdgeStyle;strokeColor=none;" parent="1" edge="1">
+                    <mxGeometry width="60" height="40" relative="1" as="geometry">
+                        <mxPoint x="120" y="40" as="sourcePoint"/>
+                        <mxPoint x="40" y="90" as="targetPoint"/>
+                    </mxGeometry>
+                </mxCell>
+            </root>
+        </mxGraphModel>
+    </diagram>
+</mxfile>
\ No newline at end of file
diff --git a/src/assets/fullscreen.svg b/src/assets/fullscreen.svg
new file mode 100644
index 0000000..f3d810c
--- /dev/null
+++ b/src/assets/fullscreen.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="32px" height="28px" viewBox="-0.5 -0.5 321 281"><defs/><g><rect x="0" y="0" width="320" height="280" fill="none" stroke="none" pointer-events="all"/><path d="M 200 40 L 280 40 L 280 90" fill="none" stroke="none" pointer-events="stroke"/><path d="M 200 40 L 280 40 L 280 90" fill="none" stroke="#333333" stroke-width="28" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 120 240 L 40 240 L 40 190" fill="none" stroke="none" pointer-events="stroke"/><path d="M 120 240 L 40 240 L 40 190" fill="none" stroke="#333333" stroke-width="28" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 200 240 L 280 240 L 280 190" fill="none" stroke="none" pointer-events="stroke"/><path d="M 200 240 L 280 240 L 280 190" fill="none" stroke="#333333" stroke-width="28" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 120 40 L 40 40 L 40 90" fill="none" stroke="none" pointer-events="stroke"/><path d="M 120 40 L 40 40 L 40 90" fill="none" stroke="#333333" stroke-width="28" stroke-miterlimit="10" pointer-events="stroke"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/github-dark.png b/src/assets/github-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..23a5c56d36a0b433f652ad546a7d7323ec9885d6
GIT binary patch
literal 4691
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
N#;9}13Vqk`{{cO;PR9TM

literal 0
HcmV?d00001

diff --git a/src/assets/github.svg b/src/assets/github.svg
new file mode 100644
index 0000000..bda3e73
--- /dev/null
+++ b/src/assets/github.svg
@@ -0,0 +1,11 @@
+<svg    xmlns="http://www.w3.org/2000/svg" 
+        viewBox="0 0 24 24" 
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    >
+    <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22">
+    </path>
+</svg>
diff --git a/src/assets/hamburger.svg b/src/assets/hamburger.svg
new file mode 100644
index 0000000..2baf2d0
--- /dev/null
+++ b/src/assets/hamburger.svg
@@ -0,0 +1,5 @@
+<svg class="hamburger" viewBox="0 0 100 80" width="40" height="40">
+    <rect width="100" height="20"></rect>
+    <rect y="30" width="100" height="20"></rect>
+    <rect y="60" width="100" height="20"></rect>
+</svg>
\ No newline at end of file
diff --git a/src/assets/link.svg b/src/assets/link.svg
new file mode 100644
index 0000000..f7084cc
--- /dev/null
+++ b/src/assets/link.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" 
+	 xmlns="http://www.w3.org/2000/svg" 
+	 xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 x="0px" 
+	 y="0px"
+	 width="18px"
+	 viewBox="0 0 512 512" 
+	 enable-background="new 0 0 512 512" 
+	 xml:space="preserve" >
+<path d="M459.654,233.373l-90.531,90.5c-49.969,50-131.031,50-181,0c-7.875-7.844-14.031-16.688-19.438-25.813
+	l42.063-42.063c2-2.016,4.469-3.172,6.828-4.531c2.906,9.938,7.984,19.344,15.797,27.156c24.953,24.969,65.563,24.938,90.5,0
+	l90.5-90.5c24.969-24.969,24.969-65.563,0-90.516c-24.938-24.953-65.531-24.953-90.5,0l-32.188,32.219
+	c-26.109-10.172-54.25-12.906-81.641-8.891l68.578-68.578c50-49.984,131.031-49.984,181.031,0
+	C509.623,102.342,509.623,183.389,459.654,233.373z M220.326,382.186l-32.203,32.219c-24.953,24.938-65.563,24.938-90.516,0
+	c-24.953-24.969-24.953-65.563,0-90.531l90.516-90.5c24.969-24.969,65.547-24.969,90.5,0c7.797,7.797,12.875,17.203,15.813,27.125
+	c2.375-1.375,4.813-2.5,6.813-4.5l42.063-42.047c-5.375-9.156-11.563-17.969-19.438-25.828c-49.969-49.984-131.031-49.984-181.016,0
+	l-90.5,90.5c-49.984,50-49.984,131.031,0,181.031c49.984,49.969,131.031,49.969,181.016,0l68.594-68.594
+	C274.561,395.092,246.42,392.342,220.326,382.186z"/>
+</svg>
diff --git a/src/assets/new.svg b/src/assets/new.svg
new file mode 100644
index 0000000..bbef588
--- /dev/null
+++ b/src/assets/new.svg
@@ -0,0 +1,18 @@
+<svg    xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 511.626 511.627"
+        fill="currentColor"
+    >
+    <path d="M392.857,292.354h-18.274c-2.669,0-4.859,0.855-6.563,2.573c-1.718,1.708-2.573,3.897-2.573,6.563v91.361
+        c0,12.563-4.47,23.315-13.415,32.262c-8.945,8.945-19.701,13.414-32.264,13.414H82.224c-12.562,0-23.317-4.469-32.264-13.414
+        c-8.945-8.946-13.417-19.698-13.417-32.262V155.31c0-12.562,4.471-23.313,13.417-32.259c8.947-8.947,19.702-13.418,32.264-13.418
+        h200.994c2.669,0,4.859-0.859,6.57-2.57c1.711-1.713,2.566-3.9,2.566-6.567V82.221c0-2.662-0.855-4.853-2.566-6.563
+        c-1.711-1.713-3.901-2.568-6.57-2.568H82.224c-22.648,0-42.016,8.042-58.102,24.125C8.042,113.297,0,132.665,0,155.313v237.542
+        c0,22.647,8.042,42.018,24.123,58.095c16.086,16.084,35.454,24.13,58.102,24.13h237.543c22.647,0,42.017-8.046,58.101-24.13
+        c16.085-16.077,24.127-35.447,24.127-58.095v-91.358c0-2.669-0.856-4.859-2.574-6.57
+        C397.709,293.209,395.519,292.354,392.857,292.354z"/>
+    <path d="M506.199,41.971c-3.617-3.617-7.905-5.424-12.85-5.424H347.171c-4.948,0-9.233,1.807-12.847,5.424
+        c-3.617,3.615-5.428,7.898-5.428,12.847s1.811,9.233,5.428,12.85l50.247,50.248L198.424,304.067
+        c-1.906,1.903-2.856,4.093-2.856,6.563c0,2.479,0.953,4.668,2.856,6.571l32.548,32.544c1.903,1.903,4.093,2.852,6.567,2.852
+        s4.665-0.948,6.567-2.852l186.148-186.148l50.251,50.248c3.614,3.617,7.898,5.426,12.847,5.426s9.233-1.809,12.851-5.426
+        c3.617-3.616,5.424-7.898,5.424-12.847V54.818C511.626,49.866,509.813,45.586,506.199,41.971z"/>
+</svg>
diff --git a/src/assets/notes-caution.svg b/src/assets/notes-caution.svg
new file mode 100644
index 0000000..8dfd1ab
--- /dev/null
+++ b/src/assets/notes-caution.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg fill="#000000" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 width="800px" height="800px" viewBox="0 0 361.117 361.117"
+	 xml:space="preserve">
+<g>
+	<g>
+		<path d="M359.568,327.246L191.511,21.818c-2.197-3.993-6.395-6.474-10.952-6.474c-4.558,0-8.754,2.481-10.952,6.474L1.549,327.246
+			c-2.131,3.872-2.058,8.582,0.191,12.388c2.249,3.805,6.34,6.139,10.76,6.139h336.117c4.421,0,8.512-2.334,10.761-6.139
+			C361.627,335.828,361.699,331.118,359.568,327.246z M33.646,320.772L180.559,53.773l146.913,266.999H33.646z"/>
+		<path d="M164.894,143.085v90.351c0,8.65,7.014,15.665,15.665,15.665c8.65,0,15.665-7.015,15.665-15.665v-90.351
+			c0-8.651-7.015-15.665-15.665-15.665C171.908,127.42,164.894,134.435,164.894,143.085z"/>
+		<path d="M180.559,265.364c-9.097,0-16.5,7.399-16.5,16.5c0,9.098,7.403,16.5,16.5,16.5c9.097,0,16.5-7.402,16.5-16.5
+			C197.059,272.764,189.655,265.364,180.559,265.364z"/>
+	</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/notes-danger.svg b/src/assets/notes-danger.svg
new file mode 100644
index 0000000..97c67db
--- /dev/null
+++ b/src/assets/notes-danger.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg"    fill-rule="evenodd"
+    clip-rule="evenodd" viewBox="0 0 512 492.526">
+    <path
+        d="M121.333 218.998c-6.93-6.502-12.692-14.983-17.489-25.098-9.89-20.878-15.167-43.672-15.199-65.972-.182-125.806 153.074-146.646 246.179-114.5 24.537 8.471 45.596 21.326 59.394 39.002 33.107 42.412 40.171 124.628-4.026 162.614-1.768-6.782-2.882-13.616-3.21-20.495l-.002-.077c-.631-13.417 1.694-19.85 4.751-28.329 1.452-4.026 3.062-8.473 4.643-14.228 2.371-8.624 3.638-17.026 3.277-25.067-.381-8.357-2.503-16.308-6.922-23.702a5.906 5.906 0 00-8.096-2.035 5.905 5.905 0 00-2.035 8.096c3.347 5.602 4.96 11.694 5.253 18.148.306 6.766-.803 13.972-2.859 21.461-1.454 5.295-2.98 9.514-4.364 13.325-3.515 9.728-6.187 17.124-5.448 32.886l.008.111c.415 8.671 1.909 17.158 4.271 25.489.109.388.256.757.433 1.103 4.01 9.521 5.721 23.739 4.005 37.093-1.415 11.008-5.158 21.226-11.858 27.184-4.218 3.753-10.134 5.271-16.617 6.932l-.486.145c-9.79 2.513-20.655 5.422-31.523 15.807-4.05 3.867-8.521 8.267-11.916 13.357-3.629 5.445-5.936 11.506-5.232 18.237-16.894 3.464-34.102 5.285-51.371 5.261-16.699-.024-33.453-1.795-49.809-5.195.351-5.345-.958-10.495-3.249-15.278-3.01-6.294-7.729-11.9-12.42-16.382-10.868-10.385-21.733-13.294-31.523-15.807l-.486-.145c-6.481-1.658-12.399-3.179-16.617-6.932-6.7-5.958-10.443-16.176-11.858-27.184-1.718-13.354-.008-27.572 4.002-37.093.177-.346.325-.715.433-1.103a120.104 120.104 0 002.88-12.679c.71-4.205 1.19-8.481 1.396-12.824l.006-.097c.739-15.762-1.932-23.158-5.457-32.883-1.375-3.814-2.901-8.033-4.355-13.328-2.059-7.489-3.165-14.693-2.859-21.461.293-6.451 1.903-12.544 5.253-18.148a5.906 5.906 0 00-2.035-8.096 5.906 5.906 0 00-8.096 2.035c-4.422 7.397-6.541 15.345-6.921 23.702-.367 8.043.902 16.443 3.275 25.067 1.581 5.755 3.192 10.202 4.644 14.249 3.056 8.458 5.382 14.891 4.751 28.308l-.002.082a95.713 95.713 0 01-1.257 11.451 107.38 107.38 0 01-2.532 11.166 52.65 52.65 0 00-.725 1.827zm31.628 138.231l-63.835-32.207c-33.382-16.82-34.198-16.3-60.339-10.931-19.465 3.999-50.807-9.675-5.43-41.874 1.629-23.451 6.768-36.135 15.218-36.861 4.849-.417 12.156 2.049 17.781 10.776 5.063 7.845 8.146 16.374 13.304 23.211 7.494 9.93 48.854 26.36 72.809 35.997 10.316 19.896 10.725 36.188 10.492 51.889zm203.158 1.47l66.755-33.677c33.382-16.82 34.198-16.3 60.339-10.931 19.465 3.999 50.807-9.675 5.43-41.874-1.629-23.451-6.768-36.135-15.218-36.861-4.849-.417-12.156 2.049-17.781 10.776-5.063 7.845-8.146 16.374-13.304 23.211-7.421 9.832-48.056 26.04-72.109 35.715-13.394 23.097-14.571 39.178-14.112 53.641zm-11.414 62.949l28.427 15.606c33.508 16.57 33.807 14.394 45.226 38.516 8.505 17.958 41.781 34.116 36.679-22.598 19.684-8.545 27.556-26.03 23.06-33.221-2.581-4.126-8.943-8.481-19.301-7.734-9.313.67-18.016 4.059-26.548 3.315-12.435-1.085-53.085-21.902-75.561-31.858-.613 11.181-3.313 23.092-11.853 37.755l-.129.219zm-178.553.628l-27.284 14.978c-33.508 16.57-33.807 14.394-45.226 38.516-8.505 17.958-41.781 34.116-36.679-22.598-19.684-8.545-27.556-26.03-23.06-33.221 2.581-4.126 8.943-8.481 19.301-7.734 9.313.67 18.016 4.059 26.548 3.315 12.105-1.056 50.941-20.809 73.73-31.043.82 7.838 2.547 15.989 6.06 24.835a76.958 76.958 0 006.61 12.952zm143.724-76.277a5.936 5.936 0 002.009.479l.32 15.109c-2.698 1.658-5.718 3.165-8.994 4.514l-.401-18.689c2.352-.438 4.706-.908 7.066-1.413zm8.041-3.809c.219-.77.285-1.599.166-2.444-.544-3.772.914-7.467 3.223-10.931 2.712-4.065 6.658-7.937 10.248-11.367a44.728 44.728 0 015.364-4.395c-2.719 7.249-4.881 13.98-6.705 20.646-2.798 10.231-4.786 20.214-6.742 31.642l-.546 3.416c-.784 4.991-1.244 7.898-4.206 11.382l-.802-37.949zm27.912-33.941c4.108-1.681 8.173-2.748 12.043-3.74l.464-.098 2.093-.538c-28.677 52.279 1.27 70.456-23.496 112.979-29.205 50.146-142.951 54.52-168.917-10.889-14.191-35.742 3.754-61.502-16.15-102.23l2.627.678.464.098c2.814.723 5.728 1.483 8.69 2.489 4.29 9.835 7.444 18.599 9.902 27.287 2.824 9.983 4.741 19.908 6.417 31.283l.557 4.229c.974 7.9 1.288 10.426 9.653 17.622 14.888 12.808 39.485 18.964 63.852 19.223 25.505.271 50.991-5.934 65.016-17.716l.201-.158c8.27-7.035 8.859-10.735 10.157-19.008l.547-3.316c1.937-11.329 3.891-21.16 6.589-31.024 2.349-8.582 5.282-17.293 9.291-27.171zm-173.447 2.595a44.04 44.04 0 018.893 6.604c3.83 3.659 7.626 8.126 9.917 12.914 1.629 3.4 2.49 6.987 1.977 10.54-.11.79-.06 1.563.125 2.289-.296 12.473-.589 24.94-.887 37.413-4.435-4.2-4.702-6.32-5.354-11.604l-.583-4.382c-1.713-11.626-3.68-21.802-6.597-32.107-1.982-7.006-4.405-14.062-7.491-21.667zm26.928 36.795a5.913 5.913 0 003.444-1.322c1.814.385 3.63.749 5.446 1.095l-.401 18.718c-3.162-1.338-6.116-2.848-8.819-4.527l.33-13.964zm14.988.852l-.428 19.925c2.912.974 5.95 1.829 9.089 2.561l.425-21.152a256.885 256.885 0 01-9.086-1.334zm15.191 2.041l-.433 21.701c2.54.454 5.127.839 7.745 1.151l.444-22.171a254.514 254.514 0 01-7.756-.681zm13.87 1.048l-.449 22.403c3.265.253 6.562.399 9.864.444l-.116-22.578a245.838 245.838 0 01-9.299-.269zm15.418.261l.116 22.551c3.089-.076 6.161-.24 9.202-.493l-.449-22.338c-2.961.143-5.918.241-8.869.28zm14.986-.652l.443 22.081c2.627-.324 5.211-.718 7.743-1.174l-.434-21.591c-2.589.27-5.171.494-7.752.684zm13.861-1.388l.422 21.044a107.915 107.915 0 009.091-2.516l-.425-19.848a266.99 266.99 0 01-9.088 1.32zm-88.811 18.792l-.401 16.905c2.706 1.884 5.678 3.576 8.864 5.086l.383-17.905a77.166 77.166 0 01-8.846-4.086zm14.923 6.214l-.394 18.34a95.61 95.61 0 009.115 2.886l.378-18.806a112.866 112.866 0 01-9.099-2.42zm15.196 3.627l-.38 19.021c2.537.518 5.124.959 7.74 1.323l.385-19.231c-2.613-.303-5.2-.673-7.745-1.113zm13.854 1.7l-.389 19.351c3.477.322 6.991.518 10.507.584l-.101-19.495c-3.35-.044-6.697-.19-10.017-.44zm16.136.403l.101 19.519c3.22-.074 6.427-.254 9.587-.536l-.391-19.471a163.39 163.39 0 01-9.297.488zm15.405-1.106l.391 19.405c2.629-.354 5.216-.784 7.74-1.285l-.386-19.257c-2.539.443-5.126.821-7.745 1.137zm13.843-2.346l.383 19.082a94.606 94.606 0 009.117-2.816l-.398-18.653c-2.92.895-5.963 1.69-9.102 2.387zm15.178-4.464l.391 18.204c3.318-1.563 6.333-3.313 8.972-5.251l-.359-17.013c-2.774 1.484-5.788 2.84-9.004 4.06zm-50.682-68.4l-.578-58.81c-18.591 10.556-33.205 40.171-23.443 69.419 3.735 11.19 20.516-2.811 24.021-10.609zm-39.5-60.708c-7.74 9.59-17.399 18.203-26.564 17.95-17.198-.472-30.626-17.412-35.631-32.408-2.893-8.669-6.391-21.482-1.092-29.522 7.596-11.533 21.236-12.354 35.833-14.941 22.464-3.978 42.571-9.714 45.889 15.516.684 5.214.52 9.007-.393 12.544-2.302 8.928-12.304 23.75-18.042 30.861zm86.017 0c7.74 9.59 17.396 18.203 26.561 17.95 17.197-.472 30.628-17.412 35.633-32.408 2.893-8.669 6.389-21.482 1.09-29.522-7.597-11.533-21.236-12.354-35.831-14.941-22.467-3.978-42.573-9.714-45.889 15.516-.686 5.214-.522 9.007.391 12.544 2.305 8.928 12.306 23.75 18.045 30.861zm-40.176 60.708l.578-58.81c18.591 10.556 33.205 40.171 23.443 69.419-3.735 11.19-20.516-2.811-24.021-10.609z" />
+</svg>
\ No newline at end of file
diff --git a/src/assets/notes-note.svg b/src/assets/notes-note.svg
new file mode 100644
index 0000000..0a9719c
--- /dev/null
+++ b/src/assets/notes-note.svg
@@ -0,0 +1,18 @@
+<svg fill="#000000" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 490.318 490.318"
+	 xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<path d="M245.148,0C109.967,0,0.009,109.98,0.009,245.162c0,135.182,109.958,245.156,245.139,245.156
+				c135.186,0,245.162-109.978,245.162-245.156C490.31,109.98,380.333,0,245.148,0z M245.148,438.415
+				c-106.555,0-193.234-86.698-193.234-193.253c0-106.555,86.68-193.258,193.234-193.258c106.559,0,193.258,86.703,193.258,193.258
+				C438.406,351.717,351.706,438.415,245.148,438.415z"/>
+			<path d="M270.036,221.352h-49.771c-8.351,0-15.131,6.78-15.131,15.118v147.566c0,8.352,6.78,15.119,15.131,15.119h49.771
+				c8.351,0,15.131-6.77,15.131-15.119V236.471C285.167,228.133,278.387,221.352,270.036,221.352z"/>
+			<path d="M245.148,91.168c-24.48,0-44.336,19.855-44.336,44.336c0,24.484,19.855,44.34,44.336,44.34
+				c24.485,0,44.342-19.855,44.342-44.34C289.489,111.023,269.634,91.168,245.148,91.168z"/>
+		</g>
+	</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/notes-tip.svg b/src/assets/notes-tip.svg
new file mode 100644
index 0000000..38d8a1b
--- /dev/null
+++ b/src/assets/notes-tip.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 89.983 5.63 c -0.006 -0.267 -0.016 -0.534 -0.026 -0.802 c -0.011 -0.299 -0.02 -0.597 -0.036 -0.897 c -0.031 -0.602 -0.07 -1.207 -0.121 -1.814 c -0.081 -0.973 -0.854 -1.745 -1.827 -1.827 c -0.607 -0.051 -1.21 -0.089 -1.811 -0.121 c -0.305 -0.016 -0.607 -0.025 -0.909 -0.036 c -0.262 -0.009 -0.525 -0.02 -0.786 -0.025 c -0.437 -0.01 -0.871 -0.013 -1.304 -0.013 c -0.072 0 -0.145 0 -0.217 0.001 c -8.628 0.042 -16.548 2.16 -24.544 6.526 C 58.261 6.7 58.12 6.773 57.979 6.85 c -0.05 0.028 -0.099 0.052 -0.149 0.08 c -0.011 0.006 -0.02 0.016 -0.031 0.022 c -6.556 3.654 -13.101 8.811 -19.875 15.585 c -0.77 0.77 -1.523 1.55 -2.268 2.334 l -13.164 1.001 c -0.385 0.029 -0.753 0.169 -1.06 0.402 L 0.785 41.987 c -0.657 0.5 -0.94 1.352 -0.711 2.145 c 0.228 0.793 0.92 1.364 1.742 1.439 l 19.373 1.749 l 6.134 6.134 c -2.174 0.497 -4.389 1.715 -6.286 3.611 c -1.136 1.137 -2.048 2.411 -2.716 3.803 c -0.873 1.849 -2.79 6.61 -4.82 11.651 l -0.991 2.459 c -0.3 0.744 -0.127 1.595 0.441 2.162 c 0.382 0.383 0.894 0.586 1.415 0.586 c 0.251 0 0.505 -0.048 0.748 -0.146 l 2.547 -1.027 c 5 -2.014 9.723 -3.917 11.576 -4.79 c 1.38 -0.664 2.655 -1.576 3.79 -2.711 c 1.896 -1.896 3.113 -4.111 3.61 -6.285 l 5.952 5.952 l 1.749 19.372 c 0.074 0.822 0.646 1.514 1.439 1.742 c 0.183 0.053 0.369 0.078 0.553 0.078 c 0.614 0 1.207 -0.283 1.592 -0.789 l 15.711 -20.646 c 0.233 -0.307 0.373 -0.675 0.402 -1.06 l 0.971 -12.775 c 0.857 -0.811 1.706 -1.635 2.547 -2.475 c 6.779 -6.779 11.939 -13.327 15.594 -19.887 c 0.004 -0.007 0.01 -0.013 0.014 -0.02 c 0.018 -0.032 0.033 -0.063 0.051 -0.095 c 0.167 -0.301 0.326 -0.602 0.486 -0.904 c 4.207 -7.847 6.251 -15.635 6.295 -24.099 c 0.001 -0.083 0.001 -0.165 0.001 -0.248 C 89.996 6.488 89.993 6.06 89.983 5.63 z M 64.413 37.493 c -1.577 1.577 -3.675 2.447 -5.907 2.447 c -2.231 0 -4.329 -0.869 -5.907 -2.447 c -3.257 -3.258 -3.257 -8.557 0 -11.815 v 0 c 3.259 -3.257 8.559 -3.255 11.814 0 c 1.578 1.577 2.448 3.675 2.448 5.907 S 65.992 35.915 64.413 37.493 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/pdf.svg b/src/assets/pdf.svg
new file mode 100644
index 0000000..19fea32
--- /dev/null
+++ b/src/assets/pdf.svg
@@ -0,0 +1,14 @@
+<svg    xmlns="http://www.w3.org/2000/svg" 
+        viewBox="0 0 482.14 482.14" 
+        fill="currentcolor">
+        <g>
+            <path d="M142.024,310.194c0-8.007-5.556-12.782-15.359-12.782c-4.003,0-6.714,0.395-8.132,0.773v25.69 c1.679,0.378,3.743,0.504,6.588,0.504C135.57,324.379,142.024,319.1,142.024,310.194z"/>
+            <path d="M202.709,297.681c-4.39,0-7.227,0.379-8.905,0.772v56.896c1.679,0.394,4.39,0.394,6.841,0.394 c17.809,0.126,29.424-9.677,29.424-30.449C230.195,307.231,219.611,297.681,202.709,297.681z"/>
+            <path d="M315.458,0H121.811c-28.29,0-51.315,23.041-51.315,51.315v189.754h-5.012c-11.418,0-20.678,9.251-20.678,20.679v125.404 c0,11.427,9.259,20.677,20.678,20.677h5.012v22.995c0,28.305,23.025,51.315,51.315,51.315h264.223
+                c28.272,0,51.3-23.011,51.3-51.315V121.449L315.458,0z M99.053,284.379c6.06-1.024,14.578-1.796,26.579-1.796 c12.128,0,20.772,2.315,26.58,6.965c5.548,4.382,9.292,11.615,9.292,20.127c0,8.51-2.837,15.745-7.999,20.646
+                c-6.714,6.32-16.643,9.157-28.258,9.157c-2.585,0-4.902-0.128-6.714-0.379v31.096H99.053V284.379z M386.034,450.713H121.811 c-10.954,0-19.874-8.92-19.874-19.889v-22.995h246.31c11.42,0,20.679-9.25,20.679-20.677V261.748
+                c0-11.428-9.259-20.679-20.679-20.679h-246.31V51.315c0-10.938,8.921-19.858,19.874-19.858l181.89-0.19v67.233 c0,19.638,15.934,35.587,35.587,35.587l65.862-0.189l0.741,296.925C405.891,441.793,396.987,450.713,386.034,450.713z
+                    M174.065,369.801v-85.422c7.225-1.15,16.642-1.796,26.58-1.796c16.516,0,27.226,2.963,35.618,9.282 c9.031,6.714,14.704,17.416,14.704,32.781c0,16.643-6.06,28.133-14.453,35.224c-9.157,7.612-23.096,11.222-40.125,11.222
+                C186.191,371.092,178.966,370.446,174.065,369.801z M314.892,319.226v15.996h-31.23v34.973h-19.74v-86.966h53.16v16.122h-33.42 v19.875H314.892z"/>
+        </g>
+</svg>
diff --git a/src/assets/rightarrow.svg b/src/assets/rightarrow.svg
new file mode 100644
index 0000000..d3320a7
--- /dev/null
+++ b/src/assets/rightarrow.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 100 100" width="60" height="60" fill="#00000000" xmlns="http://www.w3.org/2000/svg">
+    <path d="M 20,10 L 70,50 L 20,90" stroke-width="20px" stroke="#d0d0d0" stroke-linecap="round" stroke-linejoin="round"></path>
+</svg>
diff --git a/src/assets/search.png b/src/assets/search.png
new file mode 100644
index 0000000000000000000000000000000000000000..fa2ff6baef0de32350520c1d39769e0b36a4fcdf
GIT binary patch
literal 2915
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
N002ovPDHLkV1mUHjtl?*

literal 0
HcmV?d00001

diff --git a/src/components/gallery/gallery.astro b/src/components/gallery/gallery.astro
new file mode 100644
index 0000000..afff554
--- /dev/null
+++ b/src/components/gallery/gallery.astro
@@ -0,0 +1,60 @@
+---
+import {yaml_to_grid_images,select_masonry} from './grid_utils.js'
+import PhotoGallery from '../photoswipe/Gallery.astro'
+
+export interface Props {
+    code: string;
+    dirpath: string;
+    expanded: boolean;
+    masonry: boolean;
+}
+
+const { code, dirpath, expanded=true, masonry=null } = Astro.props as Props;
+
+const imagesUrls = await yaml_to_grid_images(code,dirpath)
+let mas = masonry
+if(mas == null){
+    mas = select_masonry(imagesUrls)
+}
+---
+
+<div class={`pswp-gallery container ${mas?'masonry':'grid'}`} id="my-gallery">
+    {imagesUrls.map((image)=>(
+        <a  href={image.url}
+            class={`item  ${mas?'masonry':'grid'}`}
+            style={`grid-area: span ${image.spanHeight} / span ${image.spanWidth};`}
+            itemscope
+            itemtype="http://schema.org/ImageGallery"
+            data-pswp-width={image.width} 
+            data-pswp-height={image.height} >
+            {(image.ext == ".svg")?
+                <object data={image.url} />:
+                <img src={image.url} />
+            }
+        </a>
+    ))}
+</div>
+
+<style>
+.container.grid{
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
+    grid-auto-rows: 10rem;
+    grid-gap: 10px;
+}
+img{
+    width: 100%;
+    height: 100%;
+    object-fit:cover;
+}
+.container.masonry{
+    column-width: 20rem;
+    column-gap: 1rem;
+}
+.item.masonry{
+    break-inside: avoid;
+    margin-bottom: 1rem;
+}
+</style>
+
+<script src="./gallery.js" />
diff --git a/src/components/gallery/gallery.js b/src/components/gallery/gallery.js
new file mode 100644
index 0000000..5f0f583
--- /dev/null
+++ b/src/components/gallery/gallery.js
@@ -0,0 +1,22 @@
+async function initPhotoSwipe() {
+  // Dynamically import the PhotoSwipeLightbox module and CSS
+  const { default: PhotoSwipeLightbox } = await import('photoswipe/lightbox');
+  await import('photoswipe/style.css');
+
+  // Initialize PhotoSwipeLightbox
+  const lightbox = new PhotoSwipeLightbox({
+      gallery: '#my-gallery',
+      children: 'a',
+      pswpModule: () => import('photoswipe') // This remains the same, dynamically importing the main module
+  });
+
+  // Initiate the lightbox
+  lightbox.init();
+}
+
+// Call initPhotoSwipe on page load
+if (document.readyState === 'loading') {  // Loading hasn't finished yet
+  document.addEventListener('DOMContentLoaded', initPhotoSwipe);
+} else {  // `DOMContentLoaded` has already fired
+  initPhotoSwipe();
+}
diff --git a/src/components/gallery/gallery_pz.astro b/src/components/gallery/gallery_pz.astro
new file mode 100644
index 0000000..bc64355
--- /dev/null
+++ b/src/components/gallery/gallery_pz.astro
@@ -0,0 +1,133 @@
+---
+import {assetToUrl} from '@/libs/assets.js'
+import {get_dir_files} from '@/libs/utils.js'
+import PanZoomModal from '../panzoom/panzoommodal.astro'
+import yaml from 'js-yaml'
+
+export interface Props {
+  code: string;
+  dirpath: string;
+  expanded: boolean;
+}
+
+const { code, dirpath, expanded=true } = Astro.props as Props;
+
+let relImages
+const data = yaml.load(code)
+if(Array.isArray(data)){
+    relImages = data
+}else{
+    if(Object.hasOwn(data,"dir")){
+        relImages = await get_dir_files(dirpath,data.dir)
+    }
+}
+
+let imagesUrls = []
+for(const relFile of relImages){
+    const url = await assetToUrl(relFile,dirpath)
+    imagesUrls.push({
+        url:url,
+        isSVG:url.endsWith(".svg"),
+        name:relFile
+    })
+}
+---
+
+<div class="container gallery" data-state="init">
+    <button class="collapsible">
+        {expanded?"Click to close":"Click to expand"}
+    </button>
+    <div class={`content ${expanded?"expanded":""}`}>
+        <div class="itemscontainer">
+            {imagesUrls.map((image)=>(
+                <div class="item container panzoom" data-name={image.name}>
+                    <div class="itemimage">
+                        {image.isSVG&&
+                            <object data={image.url} />
+                        }
+                        {(!image.isSVG)&&
+                            <img src={image.url} />
+                        }
+                    </div>
+                    <PanZoomModal url={image.url} />
+                </div>
+            ))}
+        </div>
+    </div>
+</div>
+
+<style>
+.container.gallery{
+    background:rgb(134, 134, 134);
+    padding:5px;
+    border-radius: 5px;
+}
+.collapsible{
+    color:white;
+    text-align: left;
+    background: #333333;
+    border: none;
+    cursor: pointer;
+    width:100%;
+    padding: 10px;
+}
+.collapsible:hover{
+    background-color: #545454;
+    transition: background-color 0.3s;
+}
+.content{
+    background:rgb(43, 43, 43);
+    max-height: 0;
+    overflow: hidden;
+    transition: max-height 0.2s ease-out;
+}
+.content.expanded{
+    max-height: 600px;
+}
+.itemscontainer{
+    padding:10px;
+    display:flex;
+    flex-wrap: wrap;
+    gap: 10px 10px;
+}
+.item{
+    cursor:pointer;
+}
+.itemimage:hover{
+    scale: 1.1;
+    transition: scale 0.5s;
+}
+.item:hover > .overlay{
+    display: block;
+}
+.item:hover > .itemimage{
+    filter:brightness(100%);
+}
+.itemimage{
+    filter:brightness(80%);
+    width:150px;
+    height:150px;
+}
+
+.overlay{
+    padding:5px;
+    overflow-wrap: break-word;
+    word-wrap: break-word;
+    hyphens: auto;
+    color:white;
+    max-width: 150px;
+}
+object{
+    pointer-events: none;
+    max-height: 100%;
+    max-width: 100%;
+}
+img{
+    pointer-events: none;
+    max-height: 100%;
+    max-width: 100%;
+}
+</style>
+
+<script src="./gallery_pz.js" />
+<script src="../panzoom/panzoom_common.js" />
diff --git a/src/components/gallery/gallery_pz.js b/src/components/gallery/gallery_pz.js
new file mode 100644
index 0000000..cee47ad
--- /dev/null
+++ b/src/components/gallery/gallery_pz.js
@@ -0,0 +1,42 @@
+import {event} from '../panzoom/client_utils'
+
+function init_gallery_clicks(container){
+    if(container.getAttribute("data-state") != "init"){
+        return
+    }
+    const collapsible = container.querySelector(".collapsible")
+    const content = container.querySelector(".content")
+    collapsible.onclick = ()=>{
+        content.classList.toggle("expanded")
+        if (content.classList.contains("expanded")){
+            //*2 speeds up the animation but resolves the resize problem without actively watching the resize
+            content.style.maxHeight = content.scrollHeight*2 + "px";
+            collapsible.textContent = "Click to close"
+        } else {
+            content.style.maxHeight = null;
+            collapsible.textContent = "Click to expand"
+        }
+        console.log(content.style.maxHeight)
+    }
+
+    //item open modal
+    const itemimages = container.querySelectorAll(".itemimage")
+    const items = [...itemimages]
+    for(let el in items){
+        items[el].onclick = (e)=>{
+            const modal = e.target.parentElement.querySelector(".modal-background")
+            event(modal,"open")
+        }
+    }
+
+}
+
+function init(){
+    const containers = document.querySelectorAll(".container.gallery")
+    containers.forEach(container => {
+        init_gallery_clicks(container)
+    })
+}
+
+document.addEventListener('DOMContentLoaded', init, false);
+
diff --git a/src/components/gallery/grid_utils.js b/src/components/gallery/grid_utils.js
new file mode 100644
index 0000000..4e46ad5
--- /dev/null
+++ b/src/components/gallery/grid_utils.js
@@ -0,0 +1,72 @@
+import {assetToUrl} from '@/libs/assets.js'
+import {get_dir_files} from '@/libs/utils.js'
+import yaml from 'js-yaml'
+import {extname,join} from 'path'
+import sharp from 'sharp';
+import { config } from '@/config'
+
+const getFilenameWithoutExtension = (fullPath) => {
+    fullPath = fullPath.replaceAll("\\","/")
+    const startIndex = fullPath.lastIndexOf('/') + 1;
+    const filenameWithExtension = fullPath.substring(startIndex);
+    const extensionIndex = filenameWithExtension.lastIndexOf('.');
+  
+    if (extensionIndex <= 0) {
+      return filenameWithExtension;
+    }
+  
+    return filenameWithExtension.substring(0, extensionIndex);
+}
+
+async function yaml_to_grid_images(code,dirpath){
+    let relImages = []
+    const data = yaml.load(code)
+    if(Array.isArray(data)){
+        relImages = data
+    }else{
+        if(Object.hasOwn(data,"dir")){
+            relImages = await get_dir_files(dirpath,data.dir)
+        }
+    }
+    let imagesUrls = []
+    for(const relFile of relImages){
+        const abs_file = join(config.content_path,dirpath,relFile)
+        const image = sharp(abs_file);
+        const metadata = await image.metadata();
+        let width = metadata.width
+        let height = metadata.height
+        if (metadata.orientation >= 5 && metadata.orientation <= 8) {
+            [width, height] = [height, width]; // Swap width and height
+        }
+        const aspectRatio = width / height
+        let spanWidth = 1, spanHeight = 1
+        if(aspectRatio > 1) { // Wider image
+            spanWidth = Math.round(aspectRatio) // Adjust this logic as per your grid layout needs
+        } else if(aspectRatio < 1) { // Taller image
+            spanHeight = Math.round(1 / aspectRatio) // Adjust this logic as per your grid layout needs
+        }
+        //console.log(`${relFile} : width ${width} ; height ${height}; ratio ${aspectRatio} ; span ${spanWidth} / ${spanHeight}`)
+        const url = await assetToUrl(relFile,dirpath)
+        imagesUrls.push({
+            url,
+            ext:extname(url).toLowerCase(),
+            name:getFilenameWithoutExtension(relFile),
+            width,
+            height,
+            spanWidth,
+            spanHeight,
+            ratio:aspectRatio
+        })
+    }
+    return imagesUrls
+}
+
+function select_masonry(imageUrls){
+    const countGreaterOrEqualOne = imageUrls.filter(item => item.ratio >= 1).length;
+    return countGreaterOrEqualOne > imageUrls.length / 2;
+}
+
+export {
+    yaml_to_grid_images,
+    select_masonry
+}
diff --git a/src/components/icon.astro b/src/components/icon.astro
new file mode 100644
index 0000000..bbd7077
--- /dev/null
+++ b/src/components/icon.astro
@@ -0,0 +1,13 @@
+---
+
+import githubImg from '@/assets/github-dark.png'
+import search from '@/assets/search.png'
+export interface Props {
+  filename: string;
+}
+
+const { filename } = Astro.props as Props;
+
+---
+{(filename == "github") &&<img src={githubImg.src} height="32px"/>}
+{(filename == "search") &&<img src={search.src} height="32px"/>}
diff --git a/src/components/markdown/AstroMarkdown.astro b/src/components/markdown/AstroMarkdown.astro
new file mode 100644
index 0000000..6c7ee5c
--- /dev/null
+++ b/src/components/markdown/AstroMarkdown.astro
@@ -0,0 +1,96 @@
+---
+import Heading from './Heading.astro';
+import DataTable from './table/DataTable.astro'
+import MarkdownImage from './image/MarkdownImage.astro'
+import Code from './code/Code.astro'
+import Tag from './Tag.astro'
+import Link from './Link.astro'
+import Directive from './directive/Directive.astro'
+import ContainerDirective from './directive/ContainerDirective.astro';
+import {toHast} from 'mdast-util-to-hast'
+import {toHtml} from 'hast-util-to-html'
+import {dirname} from 'path'
+import {text_only_children,has_image} from './node_check.js'
+export interface Props {
+    node: object;
+    data: object;
+}
+
+const {node, data} = Astro.props;
+const handled_types = [ "root","heading","table","paragraph",
+                        "image","code","tag","link",
+                        "list", "listItem","textDirective",
+                        "containerDirective"
+                    ]
+const other_type = !handled_types.includes(node.type)
+const dirpath = dirname(data.path)
+data.dirpath = (dirpath === ".")?"":dirpath
+let paragraph_style = "paragraph"
+if(node.type == "paragraph"){
+    if(text_only_children(node)){
+        paragraph_style = "paragraph text"
+    }
+    if(has_image(node)){
+        paragraph_style = "paragraph image"
+    }
+}
+---
+{(node.type == "root") &&
+    <>
+        {node.children.map((node)=>(
+            <Astro.self node={node} data={data} />
+        ))}
+    </>
+}
+{(node.type == "paragraph") &&
+<div class={paragraph_style}>
+    {node.children.map((node)=>(
+        <Astro.self node={node} data={data}/>
+    ))}
+</div>
+}
+{(node.type == "containerDirective") &&
+<ContainerDirective name={node.name} attributes={node.attributes}>
+    {node.children.map((node)=>(
+        <Astro.self node={node} data={data}/>
+    ))}
+</ContainerDirective>
+}
+{(node.type == "list") &&
+<ul>
+    {node.children.map((node)=>(
+        <Astro.self node={node} data={data}/>
+    ))}
+</ul>
+}
+{(node.type == "listItem") &&
+<li>
+    {node.children.map((node)=>(
+        <Astro.self node={node} data={data}/>
+    ))}
+</li>
+}
+{(node.type == "heading") &&
+    <Heading node={node} headings={data.headings}/>
+}
+{(node.type == "table") &&
+    <DataTable node={node} />
+}
+{(node.type == "image") &&
+    <MarkdownImage node={node}  dirpath={data.dirpath}/>
+}
+{(node.type == "code") &&
+    <Code node={node}  dirpath={data.dirpath}/>
+}
+{(node.type == "tag") &&
+    <Tag node={node}  />
+}
+{(node.type == "link") &&
+    <Link node={node}  dirpath={data.dirpath}/>
+}
+{(node.type == "textDirective") &&
+    <Directive node={node}  dirpath={data.dirpath}/>
+}
+{other_type &&
+    <Fragment set:html={toHtml(toHast(node))}></Fragment>
+}
diff --git a/src/components/markdown/Heading.astro b/src/components/markdown/Heading.astro
new file mode 100644
index 0000000..0e21079
--- /dev/null
+++ b/src/components/markdown/Heading.astro
@@ -0,0 +1,78 @@
+---
+import {toHast} from 'mdast-util-to-hast'
+import {toHtml} from 'hast-util-to-html'
+import Svgicons from '../svgicons.astro';
+export interface Props {
+    node: object;
+    headings: object;
+}
+
+const { node, headings } = Astro.props as Props;
+
+const HeadingLevel = `h${node.depth ?? 1}`
+const heading_line = node?.position?.start?.line
+const entry = headings.find((entry)=>(entry.line == heading_line))
+
+function slugify(value){
+  return String(value ?? '')
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g,'-')
+    .replace(/^-+|-+$/g,'') || 'heading'
+}
+
+const fallbackSlug = slugify(toHtml(toHast(node)).replace(/<[^>]*>/g,' '))
+const safeSlug = entry?.slug ?? fallbackSlug
+const safeSid = entry?.sid ?? ''
+---
+<HeadingLevel id={safeSlug} class="heading bar">
+  <div class="text">
+    {node.children.map((node)=>(
+      <Fragment set:html={toHtml(toHast(node))}></Fragment>
+      ))}
+  </div>
+  <div class="icon link">
+      <a href={`#${safeSlug}`} class="link">
+        <Svgicons filename="link"/>
+      </a>
+      <div class="icon copy" title="copy short link" data-sid={safeSid}>
+        <Svgicons filename="copy"/>
+      </div>
+    </div>
+</HeadingLevel>
+
+<style>
+.heading.bar{
+  width: fit-content;
+  display: flex;
+  gap: 10px;
+}
+.icon{
+  opacity: 0;
+}
+.heading.bar:hover .icon.link{
+  opacity: 1;
+}
+.icon.link:hover .icon.copy{
+  opacity: 1;
+}
+.icon.copy{
+    cursor: pointer;
+    position: relative; /* Needed to position the 'Copied!' message correctly */
+}
+.link{
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+.icon :global(svg){
+  width:16px;
+  height:16px;
+    fill:rgb(101, 96, 96);
+}
+.heading.bar :global(a){
+  text-decoration: none;
+  color: inherit;
+}
+</style>
+
+<script src="./heading.js" />
diff --git a/src/components/markdown/Link.astro b/src/components/markdown/Link.astro
new file mode 100644
index 0000000..ee83d11
--- /dev/null
+++ b/src/components/markdown/Link.astro
@@ -0,0 +1,72 @@
+---
+import {assetToUrl, file_ext} from '@/libs/assets.js'
+import {toHast} from 'mdast-util-to-hast'
+import {toHtml} from 'hast-util-to-html'
+import ModelViewer from './model/ModelViewer.astro';
+import TableXLSX from './table/TableXLSX.astro';
+import LinkCode from './code/LinkCode.astro';
+import kroki from './code/kroki.yaml'
+
+export interface Props {
+    node: object;
+    dirpath: string;
+}
+
+const { node, dirpath} = Astro.props as Props;
+
+const external = node.url.startsWith('http')
+console.log(`* link '${node.url}' (external:${external}) `)
+let src = node.url
+if(!external){
+  if(!node.url.startsWith("/")){
+    src = await assetToUrl(node.url,dirpath)
+  }
+}
+
+const ext = file_ext(node.url)
+
+const is_model3d = (ext === "glb") && !external
+const is_table = (ext === "xlsx") && !external
+const is_diagram = Object.keys(kroki.formats).includes(ext) && !external
+const is_link = !is_model3d && !is_table && !is_diagram
+let title = ""
+if((node.children.length>0)&&(node.children[0].type == "text")){
+  title = node.children[0].value
+}
+
+---
+{is_model3d &&
+  <ModelViewer src={src} title={title} />
+}
+{is_table &&
+  <TableXLSX src={node.url} title={title} dirpath={dirpath} />
+}
+{is_link &&
+  <a href={src} class={`link ${external?"external":""}`} target={external?"_blank":"_self"}>
+        {node.children.map((node)=>(
+          <Fragment set:html={toHtml(toHast(node))}></Fragment>
+        ))}
+  </a>
+}
+{is_diagram &&
+  <LinkCode ext={ext} url={node.url} dirpath={dirpath} />
+}
+<style>
+a{
+    color:rgb(38, 102, 166)
+}
+.link {
+  position: relative;
+  display: inline-block;
+}
+.external{
+  margin-right: 0.6em;
+}
+.external::after {
+  content: '\2197';
+  position: absolute;
+  scale:0.6;
+  top: -0.2em;  /* Adjust this value to move the arrow up or down */
+  right: -0.6em;  /* Adjust this value to move the arrow left or right */
+}
+</style>
diff --git a/src/components/markdown/Tag.astro b/src/components/markdown/Tag.astro
new file mode 100644
index 0000000..8d66018
--- /dev/null
+++ b/src/components/markdown/Tag.astro
@@ -0,0 +1,35 @@
+---
+import {getEntry} from '@/libs/structure-db.js'
+
+export interface Props {
+    node: object;
+}
+
+const {node} = Astro.props;
+
+const entry = await getEntry({uid:node.tag_value})
+const url = entry ? `/${entry.data.url}` : null
+
+---
+{(node.tag_type == "page")&&
+    <>
+        {url
+            ? <a href={url}>{node.tag_value}</a>
+            : <span>{node.tag_value}</span>
+        }
+    </>
+}
+
+<style>
+a{
+    text-decoration: none;
+    color: black;
+    background-color: #ddd;
+    padding: 3px;
+    padding-top: 1px;
+    border-radius: 5px;
+}
+a:hover{
+    box-shadow: 2px 2px 3px 3px #ccc;
+}
+</style>
diff --git a/src/components/markdown/cards/Cards.astro b/src/components/markdown/cards/Cards.astro
new file mode 100644
index 0000000..dcc65c1
--- /dev/null
+++ b/src/components/markdown/cards/Cards.astro
@@ -0,0 +1,60 @@
+---
+import {getEntry} from '@/libs/structure-db.js'
+import CardMeta from './CardsMeta.astro'
+import AstroMarkdown from '@/components/markdown/AstroMarkdown.astro'
+import yaml from 'js-yaml'
+
+export interface Props {
+  code: string;
+  dirpath: string;
+}
+
+const { code, dirpath } = Astro.props as Props;
+
+const cards = yaml.load(code)
+
+const promises = cards.map(entry => getEntry({ uid: entry.uid }));
+const entries = await Promise.all(promises);
+const resolvedCards = entries
+  .map((entry, index) => ({entry, config: cards[index]}))
+  .filter(({entry}) => entry);
+---
+<div class="cards container">
+    {
+        resolvedCards.map(({entry,config})=>(
+            <div class="card" style={`width:${config.width_rem}rem`}>
+                {!config.body&&
+                    <CardMeta data={entry.data} dirpath={dirpath} />
+                }
+                {config.body&&
+                    <h1 class="title">{entry.data.title}</h1>
+                    <AstroMarkdown node={entry.tree} data={entry.data} />
+                }
+            </div>
+        ))
+    }
+</div>
+
+<style>
+.title{
+    width:100%;
+    text-align:center;
+    
+}
+.cards.container{
+    padding-top: 10px;
+    display:flex;
+    flex-wrap:wrap;
+    gap:20px;
+}
+.card{
+    background-color: #222;
+    box-shadow: 2px 2px 3px 3px #333;
+    border-radius:10px;
+    width:15rem;
+    padding:10px;
+}
+.card :global(.paragraph:has(>img)) {
+    text-align: center;
+}
+</style>
diff --git a/src/components/markdown/cards/CardsMeta.astro b/src/components/markdown/cards/CardsMeta.astro
new file mode 100644
index 0000000..b8f56bc
--- /dev/null
+++ b/src/components/markdown/cards/CardsMeta.astro
@@ -0,0 +1,123 @@
+---
+import {assetToUrl} from '@/libs/assets.js'
+import Button from '@/components/markdown/directive/ButtonDirective.astro'
+import {dirname} from 'path'
+export interface Props {
+  data: object;
+  dirpath: string;
+}
+
+const { data, dirpath } = Astro.props as Props;
+
+
+let isSvg = false
+let isImg = false
+let asseturl = ""
+if(data.image){
+    asseturl = await assetToUrl(data.image, dirname(data.path))
+    isSvg = data.image.endsWith(".svg")
+    isImg = !isSvg
+}
+const url = Object.hasOwn(data,"link")?data.link:`/${data.url}`
+let hasFeatures = Object.hasOwn(data,"features") && (data.features.length > 0)
+let hasTags = Object.hasOwn(data,"tags") && (data.tags.length > 0)
+
+---
+<div class="card meta container">
+    <div class="content">
+        {hasTags&&
+            <div class="tags container">
+                {data.tags.map((tag)=>(
+                    <div class="tag">{tag}</div>
+                ))}
+            </div>
+        }
+        <h1 class="title">{data.title}</h1>
+        <div class="itemimage">
+            {isSvg&&
+                <object data={asseturl} name={data.title} data-alt={data.title} />
+            }
+            {isImg&&
+                <img src={asseturl} title={data.title} alt={data.title} />
+            }
+        </div>
+        {hasFeatures&&
+            <ul>
+                {data.features.map((feature)=>(
+                    <li><div class="check" /><div>{feature}</div></li>
+                ))}
+            </ul>
+        }
+    </div>
+    <div class="bottom">
+        <Button label="Details..." link={url} />
+    </div>
+</div>
+
+<style>
+.card.meta.container{
+    display:flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-between;
+    padding: 10px;
+    height:100%;
+}
+.content{
+    width:100%;
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+}
+.bottom{
+    margin-top: auto;
+    width:100%;
+}
+.title{
+    width:100%;
+    text-align: center;
+}
+.itemimage{
+    width:90%;
+}
+object{
+    pointer-events: none;
+    max-height: 100%;
+    max-width: 100%;
+}
+img{
+    pointer-events: none;
+    max-height: 100%;
+    max-width: 100%;
+}
+ul{
+    width:100%;
+    margin: 0px;
+    margin-top: 10px;
+    padding: 0px;
+}
+li{
+    list-style-type: none;
+    padding: 3px;
+    display: flex;
+    align-items: center;
+}
+.check{
+    margin-right: 5px;
+    background-color: #555;
+    padding: 5px;
+    width:5px;
+    height:5px;
+    border-radius: 30%;
+}
+.tags.container{
+    display: flex;
+    gap:5px;
+}
+.tag{
+    background-color: #444;
+    padding: 5px;
+    border-radius: 5px;
+    color: #aaa;
+}
+</style>
diff --git a/src/components/markdown/code/Code.astro b/src/components/markdown/code/Code.astro
new file mode 100644
index 0000000..c717364
--- /dev/null
+++ b/src/components/markdown/code/Code.astro
@@ -0,0 +1,59 @@
+---
+import Highlighter from './Highlighter.astro'
+import Kroki from './Kroki.astro'
+import ModelViewerCode from '../model/ModelViewerCode.astro';
+import Cards from '../cards/Cards.astro'
+import GalleryPz from '../../gallery/gallery_pz.astro';
+import Gallery from '../../gallery/gallery.astro';
+import Swiper from '../../swiper/swiper.astro'
+import kroki from './kroki.yaml'
+import {getMetaData} from '@/libs/assets.js'
+
+export interface Props {
+    node: object;
+    dirpath: object;
+}
+
+const { node, dirpath } = Astro.props as Props;
+
+const code = node.value
+const language = node.lang
+const params = node.meta?node.meta.split(' '):[]
+
+const yaml_glb      = ((language == "yaml") && (node.meta?.startsWith("glb")))
+const yaml_cards    = ((language == "yaml") && (node.meta?.startsWith("cards")))
+const yaml_gallery_pz  = ((language == "yaml") && (node.meta?.startsWith("pz_gallery")))
+const yaml_gallery  = ((language == "yaml") && (node.meta?.startsWith("gallery")))
+const yaml_swiper  = ((language == "yaml") && (node.meta?.startsWith("swiper")))
+
+const is_diagram = kroki.languages.includes(language)
+const custom_yaml = yaml_glb || yaml_cards || yaml_gallery || yaml_gallery_pz || yaml_swiper
+
+const other_language = (!is_diagram && !custom_yaml)
+
+let meta = {}
+if((is_diagram)&(params.length > 0)){
+    meta = await getMetaData(params[0], dirpath)
+}
+---
+{(is_diagram)&&
+    <Kroki language={language} code={code} params={params} meta={meta}/>
+}
+{yaml_glb &&
+    <ModelViewerCode code={code} dirpath={dirpath}/>
+}
+{yaml_cards &&
+    <Cards code={code} dirpath={dirpath}/>
+}
+{yaml_gallery &&
+    <Gallery code={code} dirpath={dirpath}/>
+}
+{yaml_gallery_pz &&
+    <GalleryPz code={code} dirpath={dirpath}/>
+}
+{yaml_swiper &&
+    <Swiper code={code} dirpath={dirpath}/>
+}
+{other_language&&
+    <Highlighter code={code} language={language} params={params} />
+}
diff --git a/src/components/markdown/code/DiagramCode.astro b/src/components/markdown/code/DiagramCode.astro
new file mode 100644
index 0000000..0322e49
--- /dev/null
+++ b/src/components/markdown/code/DiagramCode.astro
@@ -0,0 +1,62 @@
+---
+import Highlighter from './Highlighter.astro'
+import Panzoom from '@/components/panzoom/panzoom.astro'
+import { config } from '@/config.js';
+
+export interface Props {
+    hash:string;
+    code: string;
+    params: object;
+    meta: object;
+}
+
+const {hash, code, params, meta} = Astro.props as Props;
+const diagram_url = `${config.base}/codes/${hash}/diagram.svg`
+let alt = ""
+let title = ""
+if(params && (params.length > 0)){
+    alt = params[0]
+    title = params[0]
+}
+
+---
+<button class="toggler" data-hash={hash}>code/diagram</button>
+<div class="diagram visible" data-hash={hash}>
+    <Panzoom src={diagram_url} alt={alt} title={title} meta={meta} hash={hash}/>
+</div>
+<div class="code hidden" data-hash={hash}>
+    <Highlighter code={code} language={"javascript"} params={params} />
+</div>
+
+<style>
+.visible{
+    display:block;
+}
+.hidden{
+    display:none;
+}
+.diagram{
+    background-color: #fff;
+}
+</style>
+
+<script>
+const buttons = document.querySelectorAll('button.toggler');
+
+buttons.forEach(button => {
+    button.addEventListener('click', () => {
+        const hash = button.getAttribute('data-hash');
+        const diagramDiv = document.querySelector(`.diagram[data-hash="${hash}"]`);
+        const codeDiv = document.querySelector(`.code[data-hash="${hash}"]`);
+
+        // Toggle classes to switch visibility
+        if (codeDiv.classList.contains('hidden')) {
+                codeDiv.classList.replace('hidden', 'visible');
+                diagramDiv.classList.replace('visible', 'hidden');
+            } else {
+                codeDiv.classList.replace('visible', 'hidden');
+                diagramDiv.classList.replace('hidden', 'visible');
+        }
+    });
+});
+</script>
diff --git a/src/components/markdown/code/Highlighter.astro b/src/components/markdown/code/Highlighter.astro
new file mode 100644
index 0000000..836c96b
--- /dev/null
+++ b/src/components/markdown/code/Highlighter.astro
@@ -0,0 +1,105 @@
+---
+import Svgicons from '@/components/svgicons.astro';
+import {codeToHtml} from './highlighter.js'
+
+export interface Props {
+    code: string;
+    language: string;
+    params: object;
+}
+
+const { code, language, params } = Astro.props as Props;
+
+const {hash,html} = await codeToHtml(code, { lang: language, theme:'dark-plus' })
+
+---
+<div class="highlighter container" data-hash={hash}>
+    <Fragment set:html={html}></Fragment>
+    <button class="copy-btn" data-hash={hash}><Svgicons filename="copy" /></button>
+    <span class="copy-message" data-hash={hash}>Copied!</span>
+</div>
+
+<style>
+.highlighter.container {
+    position: relative;
+    margin-top: 10px;
+    margin-bottom: 20px;
+    width: fit-content;
+    min-width: 98%;
+    border-width: 1px;
+    border-style: solid;
+    border-color: #666;
+}
+.copy-btn {
+    position: absolute;
+    top: 15px;
+    right: 5px;
+    cursor: pointer;
+    display: none;
+    background: transparent;
+    border-width: 1px;
+    border-color: #bbb;
+    border-radius: 3px;
+    padding: 5px;
+    outline: none;
+}
+.container:hover .copy-btn {
+    display: block;
+}
+
+.copy-message {
+    display: none;
+    position: absolute;
+    top: 15px;
+    right: 40px;
+    background-color: #000;
+    color: #fff;
+    padding: 2px 6px;
+    border-radius: 4px;
+    font-size: 12px;
+    transition: opacity 0.3s;
+}
+</style>
+
+<style is:global>
+pre{
+    padding:10px;
+}
+.copy-btn > svg{
+  height: 16px;
+  width: 16px;
+  margin:0px;
+  padding-top: 2px;
+  padding-left: 2px;
+  fill:#bbb;
+}
+</style>
+
+<script>
+const buttons = document.querySelectorAll('button.copy-btn');
+buttons.forEach(button => {
+    button.addEventListener('click', async () => {
+        const hash = button.getAttribute('data-hash');
+        const message = document.querySelector(`.copy-message[data-hash="${hash}"]`);
+        
+        try {
+            const response = await fetch(`/codes/${hash}/code.txt`);
+            if (response.ok) {
+                const codeText = await response.text();
+                await navigator.clipboard.writeText(codeText);
+                
+                // Show the "Copied!" message and hide it after 1 second
+                message.style.display = 'block';
+                setTimeout(() => {
+                    message.style.display = 'none';
+                }, 1000);
+                
+            } else {
+                console.error('Failed to fetch code content');
+            }
+        } catch (error) {
+            console.error('Error:', error);
+        }
+    });
+});
+</script>
diff --git a/src/components/markdown/code/Kroki.astro b/src/components/markdown/code/Kroki.astro
new file mode 100644
index 0000000..ba0eef1
--- /dev/null
+++ b/src/components/markdown/code/Kroki.astro
@@ -0,0 +1,32 @@
+---
+import {config} from '@/config.js'
+import { diagram_cache } from './diagram.js'
+import DiagramCode from './DiagramCode.astro'
+
+export interface Props {
+    language: string;
+    code: string;
+    params: object;
+    meta: object;
+}
+
+const { language, code, params, meta } = Astro.props as Props;
+
+async function generator(code){
+  const response = await fetch(`${config.kroki_server}/${language}/svg/`,{
+    method: 'POST',
+    body: code,
+    headers: {
+      'Content-Type': 'text/plain',
+    },
+  })
+  
+  const  svg_text = await response.text()
+  return svg_text
+}
+
+const hash = await diagram_cache(code, generator)
+console.log(` => kroki '${hash}'`)
+
+---
+<DiagramCode hash={hash} code={code} params={params} meta={meta} />
diff --git a/src/components/markdown/code/LinkCode.astro b/src/components/markdown/code/LinkCode.astro
new file mode 100644
index 0000000..051f6eb
--- /dev/null
+++ b/src/components/markdown/code/LinkCode.astro
@@ -0,0 +1,32 @@
+---
+import Kroki from './Kroki.astro'
+import kroki from './kroki.yaml'
+import {join} from 'path'
+import {config} from '@/config.js'
+import {readFile} from 'fs/promises'
+import {getMetaData} from '@/libs/assets.js'
+
+export interface Props {
+    ext: string;
+    url: string;
+    dirpath: string;
+}
+
+const { ext, url, dirpath } = Astro.props as Props;
+
+let language = ""
+let code = ""
+const params = []
+let meta = {}
+
+const is_kroki = Object.keys(kroki.formats).includes(ext)
+if(is_kroki){
+    language = kroki.formats[ext]
+    const abs_file = join(config.content_path,dirpath,url)
+    code = await readFile(abs_file,'utf-8')
+    meta = await getMetaData(url, dirpath)
+}
+---
+{(is_kroki)&&
+    <Kroki language={language} code={code} params={params} meta={meta}/>
+}
diff --git a/src/components/markdown/code/diagram.js b/src/components/markdown/code/diagram.js
new file mode 100644
index 0000000..30d223e
--- /dev/null
+++ b/src/components/markdown/code/diagram.js
@@ -0,0 +1,24 @@
+import {config} from '@/config.js'
+import {exists, save_file, shortMD5} from '@/libs/utils.js'
+import {join} from 'path'
+
+async function diagram_cache(code,generator){
+    const hash = shortMD5(code)
+    const file_path = join(config.code_path,hash,"diagram.svg")
+    const file_exists = await exists(file_path)
+    if(file_exists){
+        console.log(`* returning diagram from cache '${file_path}'`)
+        return hash
+    }else{
+        console.log(`* generating diagram as not in cache`)
+        const svg_text = await generator(code)
+        await save_file(file_path,svg_text)
+        const code_path = join(config.code_path,hash,"code.txt")
+        await save_file(code_path,code)
+        return hash
+    }
+}
+
+export{
+    diagram_cache
+}
diff --git a/src/components/markdown/code/highlighter.js b/src/components/markdown/code/highlighter.js
new file mode 100644
index 0000000..1211014
--- /dev/null
+++ b/src/components/markdown/code/highlighter.js
@@ -0,0 +1,36 @@
+import {config} from '@/config.js'
+import {join} from 'path'
+import {bundledLanguages, createHighlighter} from 'shiki';
+import { exists,save_file, shortMD5 } from '@/libs/utils.js';
+
+const highlighter = await createHighlighter({
+    themes:[config.highlighter.theme],
+    langs:config.highlighter.langs,
+})
+await highlighter.loadTheme(config.highlighter.theme)
+
+async function codeToHtml(code, highlighter_config){
+    const requested_language = highlighter_config.lang
+    let lang = requested_language
+    if(!Object.keys(bundledLanguages).includes(requested_language)){
+        console.warn(` (X) ${requested_language} is not available, fall back on js`)
+        lang = 'js'
+    }
+    if (!highlighter.getLoadedLanguages().includes(lang)) {
+        await highlighter.loadLanguage(lang)
+    }
+    
+
+    const html = highlighter.codeToHtml(code, { lang: lang, theme:config.highlighter.theme })
+    const hash = shortMD5(code)
+    const file_path = join(config.code_path,hash,"code.txt")
+    //persist for highlighter copy, for code not saved by a diag gen
+    if(!await exists(file_path)){
+        await save_file(file_path,code)
+    }
+    return {hash,html}
+}
+
+export{
+    codeToHtml
+}
diff --git a/src/components/markdown/code/kroki.yaml b/src/components/markdown/code/kroki.yaml
new file mode 100644
index 0000000..3fc9c63
--- /dev/null
+++ b/src/components/markdown/code/kroki.yaml
@@ -0,0 +1,20 @@
+languages:
+  - graphviz
+  - nwdiag
+  - packetdiag
+  - bytefield
+  - wavedrom
+  - rackdiag
+  - wireviz
+  - vegalite
+  - mermaid
+  - blockdiag
+  - seqdiag
+  - actdiag
+  - pikchr
+  - pikchr
+  - erd
+  - nomnoml
+  - plantuml
+formats:
+  puml: plantuml
diff --git a/src/components/markdown/directive/ButtonDirective.astro b/src/components/markdown/directive/ButtonDirective.astro
new file mode 100644
index 0000000..dbda684
--- /dev/null
+++ b/src/components/markdown/directive/ButtonDirective.astro
@@ -0,0 +1,65 @@
+---
+import Svgicons from '@/components/svgicons.astro';
+import {extname} from 'path'
+
+export interface Props {
+  label: string;
+  link: string;
+  icon: string;
+}
+
+const { label, link, icon=null } = Astro.props as Props;
+const external = link.startsWith('http')
+let used_icon = icon
+
+if(icon == null){
+  if(external){
+    used_icon = "new"
+  }else if([".zip",".hex"].includes(extname(link))){
+    used_icon = "download"
+  }
+}
+---
+<div class="container">
+  <a href={link} class={`link ${external?"external":""}`} target={external?"_blank":"_self"}>
+    <span class="button text">{label}</span>
+    {used_icon&&
+      <span class="icon"><Svgicons filename={used_icon}/></span>
+    }
+  </a>
+</div>
+
+<style>
+.container{
+  width:100%;
+  display:flex;
+  flex-direction: column;
+  align-items:center;
+}
+a{
+  text-decoration: none;
+  border-style: solid;
+  border-width: 1px;
+  border-color: #729ef7;
+  padding: 10px;
+  border-radius: 5px;
+  margin:10px;
+  display: flex;
+  align-items: center;
+  gap:7px;
+}
+a:hover{
+  box-shadow: 2px 2px 3px 3px #333;
+}
+.button.text{
+  color: #729ef7;
+}
+.icon{
+  height:1rem;
+}
+.icon :global(svg){
+  fill: #729ef7;
+  width:1rem;
+  height:1rem;
+}
+</style>
diff --git a/src/components/markdown/directive/ContainerDirective.astro b/src/components/markdown/directive/ContainerDirective.astro
new file mode 100644
index 0000000..4da9beb
--- /dev/null
+++ b/src/components/markdown/directive/ContainerDirective.astro
@@ -0,0 +1,31 @@
+---
+import NotesDirective from "./NotesDirective.astro"
+import DetailsDirective from "./DetailsDirective.astro"
+export interface Props {
+  name: string; //note, tip, caution, danger
+  attributes: object;
+}
+
+const {name, attributes} = Astro.props as Props;
+const className = name.toLowerCase()
+let typeName = "other"
+if(["note","tip","caution","danger"].includes(className)){
+  typeName = "notes"
+}else if(className == "details"){
+  typeName = "details"
+}
+---
+{(typeName == "notes")&&
+  <NotesDirective name={name} attributes={attributes}>
+    <slot/>
+  </NotesDirective>
+}
+{(typeName == "details")&&
+  <DetailsDirective name={name} attributes={attributes}>
+    <slot/>
+  </DetailsDirective>
+}
+{(typeName == "other")&&
+  <p>{className}</p>
+  <slot/>
+}
diff --git a/src/components/markdown/directive/DetailsDirective.astro b/src/components/markdown/directive/DetailsDirective.astro
new file mode 100644
index 0000000..9f5774f
--- /dev/null
+++ b/src/components/markdown/directive/DetailsDirective.astro
@@ -0,0 +1,56 @@
+---
+import Svgicons from '@/components/svgicons.astro';
+export interface Props {
+  attributes: object;
+}
+
+const {attributes} = Astro.props as Props;
+const summary = Object.hasOwn(attributes,"summary")?attributes.summary:"Details..."
+
+---
+<details class="directive">
+  <summary>
+    <span>{summary}</span>
+    <span class="arrow"><Svgicons filename='rightarrow'/></span>
+  </summary>
+  <article>
+    <slot/>
+  </article>
+</details>
+
+<style>
+details{
+  background-color: #333;
+  border-radius: 5px;
+  padding:0.5rem;
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+  min-width: 98%;
+  width: fit-content;
+}
+details[open] summary {border-radius: 5px 5px 0 0;}
+
+summary{
+  border-radius: 5px;
+  cursor: pointer;
+  padding:0.5rem;
+  list-style: none;
+  display:flex;
+  align-items: center;
+  justify-content: space-between;
+}
+article{
+  background-color: #1e1e1e;
+  padding: 10px;
+}
+.arrow :global(svg){
+  width:16px;
+  height:16px;
+  rotate: 90deg;
+  transition: rotate .4s ease-in-out;
+}
+details[open] summary :global(svg){
+  rotate: -90deg;
+  transition: rotate .4s ease-in-out;
+}
+</style>
diff --git a/src/components/markdown/directive/Directive.astro b/src/components/markdown/directive/Directive.astro
new file mode 100644
index 0000000..226ba7f
--- /dev/null
+++ b/src/components/markdown/directive/Directive.astro
@@ -0,0 +1,33 @@
+---
+//to use Optimized Images, do the following :
+// - uncomment import line with OptimizedImageDirective.astro
+// - set config.copy_assets = true
+// - set assets_hash_dir = true
+
+import ImageDirective from './ImageDirective.astro';
+//import ImageDirective from './OptimizedImageDirective.astro';
+import ButtonDirective from './ButtonDirective.astro'
+
+export interface Props {
+    node: object;
+    dirpath: string;
+}
+
+const { node, dirpath} = Astro.props as Props;
+
+const is_image = (node.name == "image")
+const is_button = (node.name == "button")
+const is_other = !(is_image || is_button)
+
+---
+{is_image &&
+  <ImageDirective node={node} dirpath={dirpath}/>
+}
+{is_button &&
+  <ButtonDirective label={node.attributes.label} link={node.attributes.link} icon={node.attributes.icon} />
+}
+{is_other &&
+  <div>{node.name}
+    {Object.keys(node.attributes).map((key)=>(<span>{key} = {node.attributes[key]}</span>))}
+  </div>
+}
diff --git a/src/components/markdown/directive/ImageDirective.astro b/src/components/markdown/directive/ImageDirective.astro
new file mode 100644
index 0000000..381030b
--- /dev/null
+++ b/src/components/markdown/directive/ImageDirective.astro
@@ -0,0 +1,39 @@
+---
+import {assetToUrl} from '@/libs/assets.js'
+export interface Props {
+  node: object;
+  dirpath: string;
+}
+
+const { node, dirpath } = Astro.props as Props;
+
+const asseturl = await assetToUrl(node.attributes.src, dirpath)
+
+const alt = node.attributes.alt
+
+const title = Object.hasOwn(node.attributes,"title")?node.attributes.title:alt
+let style = ""
+if(node.attributes.width){
+  style += `width:${node.attributes.width}px;`
+}
+if(node.attributes.height){
+  style += `height:${node.attributes.height}px;`
+}
+
+let add_class = ""
+if(Object.hasOwn(node.attributes,"center")){
+  add_class = "center"
+}
+---
+<img class={add_class} src={asseturl} title={title} alt={alt} style={style}/>
+
+<style>
+img{
+  margin-bottom: 1em;
+}
+.center{
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+</style>
diff --git a/src/components/markdown/directive/NotesDirective.astro b/src/components/markdown/directive/NotesDirective.astro
new file mode 100644
index 0000000..d221887
--- /dev/null
+++ b/src/components/markdown/directive/NotesDirective.astro
@@ -0,0 +1,83 @@
+---
+import Svgicons from '@/components/svgicons.astro';
+export interface Props {
+  name: string; //note, tip, caution, danger
+  attributes: object;
+}
+
+const {name, attributes} = Astro.props as Props;
+const title = Object.hasOwn(attributes,"title")?attributes.title:name
+const className = name.toLowerCase()
+---
+<aside aria-label="Note" class={`aside ${className}`}>
+  <p class={`icon ${className}`}><Svgicons filename={`notes-${className}`}/>{title}</p>
+  <section>
+    <slot/>
+  </section>
+</aside>
+
+<style>
+.aside{
+  margin-top: 0.5rem;
+  margin-bottom: 1.5rem;
+  border-width:0;
+  border-left: 0.25rem;
+  border-style: solid;
+  padding:1rem;
+}  
+.icon :global(svg){
+    width:16px;
+    height:16px;
+    margin-right: 10px;
+}
+.icon{
+  font-size: large;
+  margin-top: 0;
+}
+/* Note */
+.note{
+  background-color: #444551;
+  border-color: #c5c5e8;
+}
+.icon.note :global(svg){
+    fill:#c5c5e8;
+}
+.icon.note{
+  color: #c5c5e8;
+}
+/* Tip */
+.tip{
+  background-color: #465144;
+  border-color: #c9e8c5;
+}
+.icon.tip :global(svg){
+    fill:#b6eaaf;
+}
+.icon.tip{
+  color: #b6eaaf;
+}
+
+/* Caution */
+.caution{
+  background-color: #515144;
+  border-color: #e8e5c5;
+}
+.icon.caution :global(svg){
+    fill:#e8d7a9;
+}
+.icon.caution{
+  color: #e8d7a9;
+}
+
+/* Danger */
+.danger{
+  background-color: #514844;
+  border-color: #e8d0c5;
+}
+.icon.danger :global(svg){
+    fill:#e8c1ae;
+}
+.icon.danger{
+  color: #e8c1ae;
+}
+</style>
diff --git a/src/components/markdown/directive/OptimizedImageDirective.astro b/src/components/markdown/directive/OptimizedImageDirective.astro
new file mode 100644
index 0000000..484ff9a
--- /dev/null
+++ b/src/components/markdown/directive/OptimizedImageDirective.astro
@@ -0,0 +1,48 @@
+---
+import {assetToUrl} from '@/libs/assets.js'
+import { Image } from "astro:assets"
+import sharp from 'sharp';
+import {relAssetToPath} from '@/libs/assets.js'
+
+export interface Props {
+  node: object;
+  dirpath: string;
+}
+
+const { node, dirpath } = Astro.props as Props;
+
+const asseturl = await assetToUrl(node.attributes.src, dirpath)
+
+const alt = node.attributes.alt?node.attributes.alt:node.attributes.src
+
+const image_path = relAssetToPath(node.attributes.src, dirpath)
+
+const image = sharp(image_path);
+const metadata = await image.metadata();
+
+const optionalWidth = node.attributes.width;
+const optionalHeight = node.attributes.height;
+
+let width = metadata.width
+let height = metadata.height
+if(optionalWidth && !optionalHeight) {
+    width = optionalWidth;
+    height = Math.round((metadata.height / metadata.width) * optionalWidth);
+} else if (!optionalWidth && optionalHeight) {
+    height = optionalHeight;
+    width = Math.round((metadata.width / metadata.height) * optionalHeight);
+} else if(optionalWidth && optionalHeight) {
+    width = optionalWidth
+    height = optionalHeight
+}
+
+const imported_image_src = {
+  src:asseturl,
+  width:width,
+  height:height,
+  format:metadata.format
+}
+
+const title = Object.hasOwn(node.attributes,"title")?node.attributes.title:alt
+---
+<Image src={imported_image_src} title={title} alt={alt} />
diff --git a/src/components/markdown/heading.js b/src/components/markdown/heading.js
new file mode 100644
index 0000000..06647df
--- /dev/null
+++ b/src/components/markdown/heading.js
@@ -0,0 +1,36 @@
+
+function init(){
+    const copyIcons = document.querySelectorAll('.icon.copy');
+    copyIcons.forEach(icon => {
+      icon.addEventListener('click', function() {
+        // Copy data-sid to clipboard
+        const sid = this.getAttribute('data-sid');
+        const url = `${window.location.origin}/${sid}`;
+        navigator.clipboard.writeText(url).then(() => {
+          // Show success message
+          const message = document.createElement('span');
+          message.textContent = 'Copied!';
+          message.style.position = 'absolute';
+          message.style.left = '100%';
+          message.style.top = '0';
+          //message.style.backgroundColor = 'white';
+          message.style.color = 'white';
+          //message.style.border = '1px solid black';
+          message.style.padding = '2px 8px';
+          message.style.fontSize = '0.75rem';
+          message.style.marginLeft = '10px';
+          this.appendChild(message);
+
+          // Remove the message after 1 second
+          setTimeout(() => {
+            this.removeChild(message);
+          }, 1000);
+        }).catch(err => {
+          console.error('Failed to copy text: ', err);
+        });
+      });
+    });
+}
+
+document.addEventListener('DOMContentLoaded', init);  
+
diff --git a/src/components/markdown/image/MarkdownImage.astro b/src/components/markdown/image/MarkdownImage.astro
new file mode 100644
index 0000000..876874e
--- /dev/null
+++ b/src/components/markdown/image/MarkdownImage.astro
@@ -0,0 +1,18 @@
+---
+import {assetToUrl, getMetaData} from '@/libs/assets.js'
+import Panzoom from '@/components/panzoom/panzoom.astro'
+
+export interface Props {
+    node: object;
+    dirpath: string;
+}
+
+const { node, dirpath} = Astro.props as Props;
+const {title, url, alt} = node;
+
+console.log(`url / dirpath = ${url} / ${dirpath}`)
+const asseturl = await assetToUrl(url, dirpath)
+const meta = await getMetaData(url, dirpath)
+console.log(`asseturl = ${asseturl}`)
+---
+<Panzoom src={asseturl} alt={alt} title={title} meta={meta}/>
diff --git a/src/components/markdown/model/ModelViewer.astro b/src/components/markdown/model/ModelViewer.astro
new file mode 100644
index 0000000..4f5432e
--- /dev/null
+++ b/src/components/markdown/model/ModelViewer.astro
@@ -0,0 +1,49 @@
+---
+import SvgIcons from '@/components/svgicons.astro'
+
+export interface Props {
+  src: string;
+  title: string;
+}
+
+const { src, title} = Astro.props as Props;
+
+
+---
+<div class="header">
+<div>{title}</div>
+<a href={src} download>
+    <button class="download" data-file={src}><SvgIcons filename="download"/></button>
+</a>
+</div>
+<model-viewer 
+  alt={title}
+  src={src}
+  shadow-intensity="1" 
+  camera-controls
+  touch-action="pan-y"
+  >
+</model-viewer>
+
+<script>
+  import '@google/model-viewer';
+</script>
+
+<style>
+model-viewer{
+    height:400px;
+    width: 100%;
+    background-color: #eef;
+}
+.header{
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+}
+button{
+  cursor:pointer;
+  margin: auto;
+}
+a{
+}
+</style>
diff --git a/src/components/markdown/model/ModelViewerCode.astro b/src/components/markdown/model/ModelViewerCode.astro
new file mode 100644
index 0000000..3f0bcfb
--- /dev/null
+++ b/src/components/markdown/model/ModelViewerCode.astro
@@ -0,0 +1,93 @@
+---
+import SvgIcons from '@/components/svgicons.astro'
+import yaml from 'js-yaml'
+import {assetToUrl} from '@/libs/assets.js'
+
+export interface Props {
+  code: string;
+  dirpath: string;
+}
+
+const { code, dirpath } = Astro.props as Props;
+
+const data = yaml.load(code)
+let should_render = true
+let src = ""
+let title = ""
+let poster = ""
+let environment_image = ""
+let error_text = ""
+//mandatory params
+if(Object.hasOwn(data,"src")){
+  src = await assetToUrl(data.src,dirpath)
+}else{
+  should_render = false
+  const err = "ModelViewerCode missing 'src' param ; "
+  console.warn(err)
+  error_text += err
+}
+if(Object.hasOwn(data,"title")){
+  title = data.title
+}else{
+  should_render = false
+  const err = "ModelViewerCode missing 'title' param"
+  console.warn(err)
+  error_text += err
+}
+//optional params
+if(Object.hasOwn(data,"poster")){
+  poster = await assetToUrl(data.poster,dirpath)
+}
+if(Object.hasOwn(data,"environment-image")){
+  environment_image = await assetToUrl(data["environment-image"],dirpath)
+}
+
+//potential additional params
+//camera-orbit="-10.92deg 80.06deg 58.4m"
+//field-of-view="30deg"
+
+---
+{should_render &&
+  <div class="header">
+  <div>{title}</div>
+  <a href={src} download>
+      <button class="download" data-file={src}><SvgIcons filename="download"/></button>
+  </a>
+  </div>
+  <model-viewer 
+    alt={title}
+    src={src}
+    shadow-intensity="1" 
+    camera-controls
+    touch-action="pan-y"
+    poster={(poster === "")?false:poster}
+    environment-image={(environment_image === "")?false:environment_image}
+    >
+  </model-viewer>
+}
+{!should_render &&
+  <div>{error_text}</div>
+}
+
+<script>
+  import '@google/model-viewer';
+</script>
+
+<style>
+model-viewer{
+    height:400px;
+    width: 100%;
+    background-color: #eef;
+}
+.header{
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+}
+button{
+  cursor:pointer;
+  margin: auto;
+}
+a{
+}
+</style>
diff --git a/src/components/markdown/node_check.js b/src/components/markdown/node_check.js
new file mode 100644
index 0000000..8e88162
--- /dev/null
+++ b/src/components/markdown/node_check.js
@@ -0,0 +1,29 @@
+
+function text_only_children(node){
+    if(!node.children || node.children.length === 0){
+        return false
+    }
+    for(const child of node.children){
+        if(!["text","link"].includes(child.type)){
+            return false
+        }
+    }
+    return true
+}
+
+function has_image(node){
+    if(!node.children || node.children.length === 0){
+        return false
+    }
+    for(const child of node.children){
+        if(child.type == "image"){
+            return true
+        }
+    }
+    return false
+}
+
+export{
+    text_only_children,
+    has_image
+}
diff --git a/src/components/markdown/table/DataTable.astro b/src/components/markdown/table/DataTable.astro
new file mode 100644
index 0000000..de635de
--- /dev/null
+++ b/src/components/markdown/table/DataTable.astro
@@ -0,0 +1,37 @@
+---
+import {astToDataTable} from './table.js'
+
+export interface Props {
+    node: object;
+}
+
+const { node } = Astro.props as Props;
+
+const data = astToDataTable(node)
+const [table_head, ...table_rows] = data;
+const table_string = JSON.stringify(table_rows)
+---
+<div class="container">
+    <table class="data-table" data-table={table_string}>
+        <thead>
+            <tr>
+            {table_head.map((cell)=>(
+                <th>{cell}</th>
+            ))}
+            </tr>
+        </thead>
+        <tbody>
+            <!-- Data will be populated dynamically using JavaScript -->
+        </tbody>
+    </table>
+</div>
+
+<style>
+.container{
+    padding:5px;
+    border-radius: 5px;
+    box-shadow: 2px 2px 3px 3px #ccc;
+}
+</style>
+
+<script src="./data-tables.js" />
diff --git a/src/components/markdown/table/Table.astro b/src/components/markdown/table/Table.astro
new file mode 100644
index 0000000..8a8ee77
--- /dev/null
+++ b/src/components/markdown/table/Table.astro
@@ -0,0 +1,27 @@
+---
+import {toHast} from 'mdast-util-to-hast'
+import {toHtml} from 'hast-util-to-html'
+
+export interface Props {
+    node: object;
+}
+
+const { node } = Astro.props as Props;
+
+---
+<div class="scoped table">
+    <Fragment set:html={toHtml(toHast(node))}></Fragment>
+</div>
+
+<style is:global>
+.scoped.table > table,.scoped.table th,.scoped.table td {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgb(195, 195, 195);
+  border-spacing: 0;
+}
+
+.scoped.table th, .scoped.table td{
+    padding: 2px;
+}
+</style>
diff --git a/src/components/markdown/table/TableXLSX.astro b/src/components/markdown/table/TableXLSX.astro
new file mode 100644
index 0000000..0d7d6ad
--- /dev/null
+++ b/src/components/markdown/table/TableXLSX.astro
@@ -0,0 +1,52 @@
+---
+import * as XLSX from 'xlsx';
+import * as fs from "fs";
+import { readFile, set_fs } from "xlsx";
+import {join,dirname} from 'path'
+import {config} from '@/config.js'
+import {xlsxJson_to_DataTable} from './table.js'
+
+export interface Props {
+    src: string;
+    title: string;
+    dirpath: string;
+}
+
+const { src, title, dirpath } = Astro.props as Props;
+
+set_fs(fs);
+const abs_file = join(config.content_path,dirpath,src)
+console.log(` * loading xlsx file '${abs_file}'`)
+const workbook = readFile(abs_file);
+
+const sheet_name = workbook.SheetNames[0]
+const worksheet = workbook.Sheets[sheet_name]
+//const html = XLSX.utils.sheet_to_html(worksheet);
+const xlsxJson = XLSX.utils.sheet_to_json(worksheet);
+const [table_head, ...table_rows] = xlsxJson_to_DataTable(xlsxJson)
+const table_string = JSON.stringify(table_rows)
+---
+<div class="container">
+    <table class="data-table" data-table={table_string}>
+        <thead>
+            <tr>
+            {table_head.map((cell)=>(
+                <th>{cell}</th>
+            ))}
+            </tr>
+        </thead>
+        <tbody>
+            <!-- Data will be populated dynamically using JavaScript -->
+        </tbody>
+    </table>
+</div>
+
+<style>
+.container{
+    padding:5px;
+    border-radius: 5px;
+    box-shadow: 2px 2px 3px 3px #ccc;
+}
+</style>
+
+<script src="./data-tables.js" />
diff --git a/src/components/markdown/table/data-tables.js b/src/components/markdown/table/data-tables.js
new file mode 100644
index 0000000..7648f7d
--- /dev/null
+++ b/src/components/markdown/table/data-tables.js
@@ -0,0 +1,35 @@
+import 'datatables.net-dt/css/jquery.dataTables.css'
+
+function checkEntries(table, tableElement) {
+    const info = table.page.info();
+    if (info.recordsTotal < 10) {
+        tableElement.parentElement.querySelector('.dataTables_length').style.display = 'none';
+        tableElement.parentElement.querySelector('.dataTables_info').style.display = 'none';
+        tableElement.parentElement.querySelector('.dataTables_paginate').style.display = 'none';
+    }
+    if (info.recordsTotal < 5) {
+        tableElement.parentElement.querySelector('.dataTables_filter').style.display = 'none';
+    }
+}
+
+async function init(){
+    const containers_els = document.querySelectorAll(".data-table")
+    if(containers_els.length === 0){//prevent irrelvant page execution
+      return
+    }
+
+    const DataTable = (await import('datatables.net-dt')).default;
+
+    containers_els.forEach(table_element => {
+        const data_table_text = table_element.getAttribute("data-table")
+        const data_table = JSON.parse(data_table_text)
+
+        const table = new DataTable(table_element,{
+            order:[]
+        });
+        table.rows.add(data_table).draw();
+        checkEntries(table, table_element);
+    })
+  }
+  
+document.addEventListener('DOMContentLoaded', init, false);
diff --git a/src/components/markdown/table/table.js b/src/components/markdown/table/table.js
new file mode 100644
index 0000000..90ee5d2
--- /dev/null
+++ b/src/components/markdown/table/table.js
@@ -0,0 +1,32 @@
+//also in //also in (content-structure)src\md_utils.js
+function astToDataTable(tableNode) {
+    const data = [];
+    for (const row of tableNode.children) {
+        if (row.type === 'tableRow') {
+        const rowData = [];
+        for (const cell of row.children) {
+            if (cell.type === 'tableCell') {
+            const textNode = cell.children.find(child => child.type === 'text');
+            if (textNode) {
+                rowData.push(textNode.value);
+            }
+            }
+        }
+
+        data.push(rowData);
+        }
+    }
+
+    return data;
+}
+
+function xlsxJson_to_DataTable(xlsxJson){
+    const headers = Object.keys(xlsxJson[0]);
+    const rows = xlsxJson.map(rowObject => headers.map(header => rowObject[header]));
+    return [headers, ...rows];
+}
+
+export{
+    astToDataTable,
+    xlsxJson_to_DataTable
+}
diff --git a/src/components/panzoom/client_utils.js b/src/components/panzoom/client_utils.js
new file mode 100644
index 0000000..c4e872e
--- /dev/null
+++ b/src/components/panzoom/client_utils.js
@@ -0,0 +1,15 @@
+
+function event(element,event_name,data=null){
+	var event = new CustomEvent(event_name, {detail:data});
+	element.dispatchEvent(event);
+}
+
+function window_event(event_name,data){
+	var event = new CustomEvent(event_name, {detail:data});
+	window.dispatchEvent(event);
+}
+
+export{
+    event,
+    window_event
+}
diff --git a/src/components/panzoom/lib_panzoommodal.js b/src/components/panzoom/lib_panzoommodal.js
new file mode 100644
index 0000000..732e0d4
--- /dev/null
+++ b/src/components/panzoom/lib_panzoommodal.js
@@ -0,0 +1,214 @@
+import { svg_text_focus } from './lib_svg_utils';
+
+let pzref = null
+const zoomOptions = {
+  minZoom: 0.1,
+  maxZoom:4,
+  //autocenter:true
+}
+
+function addFocusStyles(shadowRoot) {
+  if (!shadowRoot.getElementById('glowStyles')) {
+      const style = document.createElement('style');
+      style.id = 'focusStyles';
+      style.textContent = `
+          .focus-effect {
+              font-weight: bold;
+          }
+      `;
+      shadowRoot.appendChild(style);
+  }
+}
+
+async function appendShadowSVG(center,svg){
+  //cannot detatch a shadow root, so check existing before creation
+  let shadowRoot = center.shadowRoot
+  if(!shadowRoot){
+    shadowRoot = center.attachShadow({mode: 'open'});
+  }
+  const div = document.createElement("div")//needed for the panzoom as it takes the parent
+  shadowRoot.appendChild(div)
+  addFocusStyles(shadowRoot)
+  let new_svg
+  const clone_fails_with_SVGjs = true
+  if(clone_fails_with_SVGjs){
+    new_svg = serializeAndDeserializeSVG(svg);
+  }else{
+    new_svg = svg.cloneNode(true)
+  }
+  div.appendChild(new_svg)
+  const oldstyle = new_svg.getAttribute("style")
+  new_svg.setAttribute("style",`${oldstyle};user-select: none; cursor:grab;`)
+  //new_svg.querySelectorAll('tspan,text').forEach((el)=>{
+  //    el.style.cursor = "pointer";
+  //});
+  return new_svg
+}
+
+function serializeAndDeserializeSVG(svg) {
+  const serializer = new XMLSerializer();
+  const svgStr = serializer.serializeToString(svg);
+  const parser = new DOMParser();
+  const new_svg = parser.parseFromString(svgStr, "image/svg+xml").documentElement;
+  return new_svg;
+}
+
+async function cloneAsset(center){
+    const container = center.parentElement.parentElement.parentElement.parentElement
+    const obj = container.querySelector("object")
+    let is_svg = false
+    let svg
+    let svg_img
+    if(obj){
+      is_svg = true
+      svg = obj.contentDocument.querySelector("svg")
+      svg_img = await appendShadowSVG(center,svg)
+    }else{
+      const img = container.querySelector("img")
+      svg_img = img.cloneNode(true)
+      center.appendChild(svg_img)
+    }
+    return {is_svg,svg_img}
+}
+
+function window_url_add_pan(x,y){
+  // Convert to integers to remove fractions and ensure the format "&pan=x33_y48"
+  const intX = Math.floor(x);
+  const intY = Math.floor(y);
+  console.log(`Pan finished at (${intX},${intY})`);
+  
+  const currentUrl = new URL(window.location.href);
+  currentUrl.searchParams.set('pan', `x${intX}_y${intY}`);
+  window.history.pushState({}, "", currentUrl.toString());
+}
+
+function window_url_add_zoom(zoom){
+  // Round to two decimal places to ensure the format "&zoom=1.27"
+  const roundedZoom = Math.round(zoom * 100) / 100;
+  console.log(`Zoom done at (${roundedZoom})`);
+  
+  const currentUrl = new URL(window.location.href);
+  currentUrl.searchParams.set('zoom', roundedZoom.toString());
+  window.history.pushState({}, "", currentUrl.toString());
+}
+function window_url_add_modal(center){
+      const container = center.parentElement.parentElement.parentElement.parentElement
+    let modal_name
+    const data_name = container.getAttribute("data-name")
+    if(data_name != "diagram.svg"){
+      modal_name = data_name
+    }else{
+      modal_name = container.getAttribute("data-sid")
+    }
+    const new_href = window.location.origin+window.location.pathname+`?modal=${modal_name}`
+    window.history.pushState({},"",new_href)
+}
+function window_url_remove_modal(){
+    const new_href = window.location.origin+window.location.pathname
+    window.history.pushState({},"",new_href)
+}
+function is_url_modal(center){
+  const params = new URL(location.href).searchParams;
+  const modal_name = params.get('modal');
+  if(modal_name){
+    const container = center.parentElement.parentElement.parentElement.parentElement
+    const pz_name = container.getAttribute("data-name")
+    return (modal_name == pz_name)
+  }
+  return false
+}
+
+async function handle_url_modal(modal,is_svg,svg,pzref){
+  const params = new URL(location.href).searchParams;
+  
+  // Handling text focus if applicable
+  const text = params.get('text')
+  if(text){
+    if(is_svg){
+      await svg_text_focus(modal,svg,text,pzref)
+    }
+  }
+
+  // Handling pan parameter
+  const pan = params.get('pan');
+  if (pan) {
+    const matches = pan.match(/x(-?\d+)_y(-?\d+)/i);  // Adjusted regex to include negative numbers
+    console.log(matches)
+    if (matches) {
+      const x = parseInt(matches[1], 10);
+      const y = parseInt(matches[2], 10);
+      setTimeout(()=>{pzref.smoothMoveTo(x, y)}, 400)
+      console.log(`Moving to x: ${x}, y: ${y}`);
+    }
+  }
+
+  // Handling zoom parameter
+  const zoom = params.get('zoom');
+  if (zoom) {
+    const scale = parseFloat(zoom);
+    let delay = 400
+    if(pan){
+      delay = 0
+    }
+    const svg_cx = svg.getAttribute("width").replace(/px$/, '')/2
+    const svg_cy = svg.getAttribute("height").replace(/px$/, '')/2
+    setTimeout(()=>{pzref.smoothZoom(svg_cx, svg_cy, zoom)}, delay)
+    console.log(`Zooming to scale: ${scale}`);
+  }
+}
+
+async function openModal(event){
+
+  const modal = event.target
+  const close = modal.querySelector(".close")
+  const center = modal.querySelector(".modal-center")
+
+  const {is_svg,svg_img} = await cloneAsset(center)
+  if(pzref){
+    pzref.dispose()
+  }
+  const { default: panzoom } = await import('panzoom');
+  pzref = panzoom(svg_img,zoomOptions)
+  pzref.on('panend', () => {
+    const t = pzref.getTransform()
+    window_url_add_pan(t.x,t.y)
+  });
+  pzref.on('zoom', function() {
+    window_url_add_zoom(pzref.getTransform().scale)
+  });
+
+  close.onclick = ()=>{
+    //console.log("closed click")
+    modal.classList.remove("visible")
+    pzref.dispose()
+    const img = center.querySelector("img")
+    if(img){
+      img.remove()
+    }else{// SVG - remove the parent div and leave the shadowRoot for reuse
+      const shadowRoot = center.shadowRoot
+      const svg = shadowRoot.querySelector("svg")
+      svg.parentElement.remove()
+    }
+    window_url_remove_modal()
+  }
+  modal.classList.add("visible")
+  if(is_url_modal(center)){
+    handle_url_modal(modal.querySelector(".modal-content"),is_svg,svg_img,pzref)
+  }else{
+    window_url_add_modal(center)
+  }
+}
+
+function initModalEvents(){
+    const modalsbkgs = document.querySelectorAll(`.modal-background`)
+    modalsbkgs.forEach(modal=>{
+      if(modal.getAttribute("data-state") == "init"){
+        modal.addEventListener("open",openModal  ,false)
+        modal.setAttribute("data-state","run")
+      }
+    })
+}
+
+export{
+  initModalEvents
+}
diff --git a/src/components/panzoom/lib_svg_filters.js b/src/components/panzoom/lib_svg_filters.js
new file mode 100644
index 0000000..717a4ba
--- /dev/null
+++ b/src/components/panzoom/lib_svg_filters.js
@@ -0,0 +1,133 @@
+//taken over from https://github.com/WebSVG/deep-svg/blob/master/src/svg_filters.js
+
+//https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animate
+//calcMode [discrete | linear | paced | spline]
+
+function anim_radius(id,max){
+    return /*html*/`
+    <animate id=${id} attributeName="radius" from="0" to=${max} dur="500ms" repeatCount="1"/>
+    `
+}
+
+function anim_wave(id,attribute,max,dur){
+    return /*html*/`
+    <animate id=${id} attributeName="${attribute}" values="0;${max};0" keyTimes="0;0.5;1" dur="${dur}ms" repeatCount="1"/>
+    `
+}
+
+function glow_anim(color,dur){
+    return /*html*/`
+    <filter id="filter_glow_anim" height="300%" width="300%" x="-75%" y="-75%" data-anim="filter_ga-animate">
+        <feMorphology operator="dilate" radius="0" in="SourceAlpha" result="fe_dilate">
+            ${anim_wave("filter_ga-animate","radius",8,dur)}
+        </feMorphology>
+        <feGaussianBlur in="fe_dilate" stdDeviation="5" result="fe_blur" />
+        <feFlood flood-color="${color}" result="fe_flood" />
+        <feComposite in="fe_flood" in2="fe_blur" operator="in" result="comp_blur_color" />
+        <feMerge>
+            <feMergeNode in="comp_blur_color"/>
+            <feMergeNode in="SourceGraphic"/>
+        </feMerge>
+    </filter>
+    `
+}
+
+function glow_filter(color){
+    return /*html*/`
+    <filter id="filter_glow" height="300%" width="300%" x="-75%" y="-75%">
+        <feMorphology operator="dilate" radius="4" in="SourceAlpha" result="fe_dilate"/>
+        <feGaussianBlur in="fe_dilate" stdDeviation="5" result="fe_blur" />
+        <feFlood flood-color="${color}" result="fe_flood" />
+        <feComposite in="fe_flood" in2="fe_blur" operator="in" result="comp_blur_color" />
+        <feMerge>
+            <feMergeNode in="comp_blur_color"/>
+            <feMergeNode in="SourceGraphic"/>
+        </feMerge>
+    </filter>
+    `
+}
+
+function dur_to_ms(duration){
+    if(duration.endsWith("ms")){
+        return parseFloat(duration);
+    }else{
+        return parseFloat(duration)*1000;
+    }
+}
+
+/**
+ * 
+ * @param {svg element} element : the element to attach a filter to
+ * @param {html filter element} filter 
+ */
+function attachFilter(element,filter){
+    element.setAttribute("filter",`url(#${filter.id})`);
+}
+
+/**
+ * 
+ * @param {svg element} element : the element to attach a filter to
+ * @param {html filter element} filter 
+ */
+function detachFilter(element,filter){
+    element.removeAttribute("filter",`url(#${filter.id})`);
+}
+
+function createFilter(svg,type, color,dur = 500){
+    let filter_html;
+    if(type == "glow"){
+        filter_html = glow_filter(color);
+    }else if(type == "glow_anim"){
+        filter_html = glow_anim(color,dur);
+    }else{
+        console.warn(`unsupported filter type: '${type}'`);
+        return;
+    }
+    let parent = svg.querySelector("defs");
+    parent.insertAdjacentHTML("beforeend",filter_html);
+    let filters = parent.getElementsByTagName("filter")
+    return filters[filters.length-1];
+}
+
+function removeFilter(svg,filter){
+    const defs = svg.querySelector("defs");
+    defs.removeChild(filter);
+}
+
+function createGlowFilter(svg,color,dur){
+    return createFilter(svg,"glow_anim",color,dur)
+}
+
+/**
+ * attaches, plays animation then detaches if not indefinite specified in repeatCount
+ * @param {html filter element} filter
+ */
+function startAnimation(svg,element,filter){
+    attachFilter(element,filter);
+    const anim_id = filter.getAttribute("data-anim");
+    const anim = svg.getElementById(anim_id);
+    anim.beginElement();
+    if(!(anim.getAttribute("repeatDur") == "indefinite")){
+        const duration_ms = dur_to_ms(anim.getAttribute("dur"));
+        setTimeout(()=>{
+            detachFilter(element,filter);
+        },duration_ms);
+    }
+}
+
+function glow(svg, element, color, dur = 500){
+    const glow = createGlowFilter(svg,color,dur)
+    console.log(`playing glow animation for ${dur} ms`);
+    startAnimation(svg,element,glow)
+    setTimeout(()=>removeFilter(svg,glow),dur+100)
+}
+
+export {
+    glow,
+    createGlowFilter,
+    startAnimation,
+    createFilter,
+    removeFilter,
+    attachFilter,
+    detachFilter,
+};
diff --git a/src/components/panzoom/lib_svg_utils.js b/src/components/panzoom/lib_svg_utils.js
new file mode 100644
index 0000000..5a16d4f
--- /dev/null
+++ b/src/components/panzoom/lib_svg_utils.js
@@ -0,0 +1,148 @@
+import { glow } from './lib_svg_filters';
+
+const SVGjsModule = await import('@svgdotjs/svg.js');
+const SVGjs = SVGjsModule.SVG;
+
+function svg_fix_size(svg){
+    if (svg) {
+      // Check if 'width' and 'height' attributes are missing
+      if (!svg.hasAttribute('width') || !svg.hasAttribute('height')) {
+        const viewBox = svg.getAttribute('viewBox');
+        if (viewBox) {
+          const sizes = viewBox.split(' ');
+          // Typically, the viewBox is "minX minY width height"
+          const width = sizes[2];
+          const height = sizes[3];
+  
+          svg.setAttribute('width', width);
+          svg.setAttribute('height', height);
+          console.log("fixed SVG width and heigh")
+        }else{
+          console.log("no viewBox")
+        }
+      }
+    }else{
+      console.log("failed to fix svg size as svg is invalid")
+    }
+}
+ 
+async function svg_add_links(svg,link_list){
+    const SVGjsModule = await import('@svgdotjs/svg.js');
+    const SVGjs = SVGjsModule.SVG;
+    let added_links = false
+    let draw = SVGjs(svg)
+    let text_nodes = draw.find('text')
+    let text_array = [ ...text_nodes ];
+    text_array.forEach((text)=>{
+      const html_text = text.node.innerHTML
+      link_list.forEach((entry)=>{
+        if(html_text == entry.label){
+          var isAbs = new RegExp('^(?:[a-z+]+:)?//', 'i');//isAbsolute https://stackoverflow.com/questions/10687099/how-to-test-if-a-url-string-is-absolute-or-relative
+          if(isAbs.test(entry.link)){
+            text.linkTo((link)=>{link.to(entry.link).target('_blank')})//link in new page
+          }else{
+            text.linkTo((link)=>{link.to(entry.link).target('_top')})//link outside the shadow DOM
+          }
+          text.css({'text-decoration': 'underline'})  
+          //text.fill('#f06')
+          added_links = true
+        }
+      })
+    })
+    if(added_links){
+      console.log("added links")
+    }
+}
+
+async function svg_highlight(svg, highlights){
+  const SVGjsModule = await import('@svgdotjs/svg.js');
+  const SVGjs = SVGjsModule.SVG;
+  let draw = SVGjs(svg)
+  let text_nodes = draw.find('text')
+  let text_array = [...text_nodes];
+
+  // Loop through each entry object
+  highlights.forEach((entry) => {
+    text_array.forEach((text) => {
+      const html_text = text.node.innerHTML;
+
+      // Check if current text matches the label
+      if (html_text === entry.label) {
+        // Hover effect for the main label
+        text.on('mouseover', () => {
+          text_array.forEach((t) => {
+            // Highlight all texts that match the 'highlights' list
+            if (entry.highlights.includes(t.node.innerHTML)) {
+              t.fill({color: '#292'}); // Change the fill color on hover
+              t.css({'font-weight': '900'}); // Make text bold
+            }
+          });
+        });
+
+        // Reset on mouseout
+        text.on('mouseout', () => {
+          text_array.forEach((t) => {
+            if (entry.highlights.includes(t.node.innerHTML)) {
+              t.fill({color: '#000'}); // Reset the fill color
+              t.css({'font-weight': 'normal'}); // Reset the text style
+            }
+          });
+        });
+      }
+    });
+
+    console.log(` => Highlighting '${entry.label}'`);
+  });
+}
+async function svg_text_focus(modal_content,svg,text,pzref){
+  console.log(`modal_content (w:${modal_content.offsetWidth},h:${modal_content.offsetHeight})`)
+  let draw = SVGjs(svg)
+  let text_nodes = draw.find('text');
+  let span_nodes = draw.find('span');
+  let text_array = [ ...text_nodes,...span_nodes ];
+  let text_hits = text_array.filter(obj => obj.node.innerHTML == text);
+  if(text_hits.length > 0){
+    let targetText = text_hits[0]
+    let bbox
+    if(targetText.node.namespaceURI == "http://www.w3.org/2000/svg"){
+      bbox = targetText.bbox()
+    }else if(targetText.node.namespaceURI == "http://www.w3.org/1999/xhtml"){
+      const node_bbox = targetText.node.getBoundingClientRect()
+      // Adjust coordinates to SVG coordinate space
+      let svgRect = svg.getBoundingClientRect();
+      bbox = {
+          x: node_bbox.left - svgRect.left,
+          y: node_bbox.top - svgRect.top,
+          width: node_bbox.width,
+          height: node_bbox.height
+      };
+    }else{
+      console.warn(`not handled namespaceURI ${targetText.node.namespaceURI}`)
+      return
+    }
+    console.log(bbox)
+    let box_center_x = bbox.x + bbox.width / 2;
+    let box_center_y = bbox.y + bbox.height / 2;
+    const svg_cx = svg.getAttribute("width").replace(/px$/, '')/2
+    const svg_cy = svg.getAttribute("height").replace(/px$/, '')/2
+    console.log(`svg center (${svg_cx},${svg_cy})`)
+    const shift_x = svg_cx - box_center_x
+    const shift_y = svg_cy - box_center_y
+    console.log(`moveTo (${shift_x},${shift_y})`)
+    setTimeout(()=>{pzref.smoothMoveTo(shift_x, shift_y)}, 400)
+    setTimeout(()=>{pzref.smoothZoom(svg_cx, svg_cy, 1.4)}, 800)
+    if(targetText.node.namespaceURI == "http://www.w3.org/2000/svg"){
+      setTimeout(()=>{glow(svg, targetText.node, '#0f0');},1500)
+    }else{
+      setTimeout(()=>{targetText.node.classList.add("focus-effect");},1500)
+      setTimeout(()=>{targetText.node.classList.remove("focus-effect");},2000)
+    }
+  }
+}
+
+export{
+    svg_fix_size,
+    svg_add_links,
+    svg_highlight,
+    svg_text_focus
+}
diff --git a/src/components/panzoom/panzoom.astro b/src/components/panzoom/panzoom.astro
new file mode 100644
index 0000000..8ccf78b
--- /dev/null
+++ b/src/components/panzoom/panzoom.astro
@@ -0,0 +1,108 @@
+---
+//https://ellodave.dev/blog/article/using-svgs-as-astro-components-and-inline-css/
+import PanZoomModal from './panzoommodal.astro'
+import SvgIcons from '@/components/svgicons.astro'
+export interface Props {
+  src: string;
+  alt: string;
+  title: string;
+  meta: object;
+  hash: string;
+}
+
+const { src, alt, title, meta, hash="" } = Astro.props as Props;
+const asseturl = src;
+const assetname = asseturl.substring(asseturl.lastIndexOf('/') + 1)
+let data_name: string;
+if(title){
+  data_name = title
+}else if(assetname != "diagram.svg"){
+  data_name = assetname
+}else if(hash){
+  data_name = hash
+}else{
+  data_name = "diagram.svg"
+}
+
+console.log(` * panzoom : '${data_name}' : '${src}'`)
+const isSvg = asseturl.endsWith(".svg")
+const isImg = !isSvg
+
+---
+<div class="container panzoom" 
+      data-type={isSvg?"svg":"img"}
+      data-name={data_name}
+      data-meta={JSON.stringify(meta)}
+      >
+  <div class="header open">
+    <SvgIcons filename="full-screen"/>
+  </div>
+  <div class="figure">
+    {isSvg&&
+      <object data={asseturl} name={title} data-alt={alt} />
+    }
+    {isImg&&
+      <img src={asseturl} title={title} alt={alt} />
+    }
+  </div>
+  <PanZoomModal url={asseturl} />
+</div>
+
+<style >
+.container{
+  border-radius: 5px;
+  display:flex;
+  justify-content: flex-start;
+  gap:0px;
+  flex-direction: column;
+  align-items: center;
+  padding:10px;
+  padding-top:20px;
+  width:fit-content;
+  border-top: 4px solid transparent;
+}
+.container:hover{
+  border: 0px solid transparent;
+  border-color: transparent;
+  padding-left:10px;
+  padding-top:0px;
+}
+.header{
+  display:none;
+  flex-direction: row;
+  justify-content: center;
+  background:#777;
+  align-items: stretch;
+  width:5em;/* not clear why right side padding is ignored */
+  padding: 2px;
+  border-radius: 5px;
+}
+.header:hover{
+  background:#888;
+  cursor: pointer;
+}
+
+.container:hover .header {
+  display: flex; /* Show the header on hover */
+}
+
+.figure{
+  display: flex;
+}
+object{
+  max-width: 100%;
+}
+img{
+  max-width: 100%;
+}
+.header :global(svg){
+  height: 16px;
+  width: 16px;
+  margin:0px;
+  padding:2px;
+}
+</style>
+
+
+<script src="./panzoom.js" />
+<script src="./panzoom_common.js" />
diff --git a/src/components/panzoom/panzoom.js b/src/components/panzoom/panzoom.js
new file mode 100644
index 0000000..d7c1995
--- /dev/null
+++ b/src/components/panzoom/panzoom.js
@@ -0,0 +1,20 @@
+import {event} from './client_utils.js'
+
+function init_clicks(){
+  const containers = document.querySelectorAll(".container.panzoom")
+  containers.forEach(container => {
+    const open = container.querySelector(".open")
+    if(open){
+      open.onclick = ()=>{
+        const modal = container.querySelector(".modal-background")
+        event(modal,"open")
+      }
+    }
+  })
+}
+
+if(document.readyState == "loading"){
+  document.addEventListener('DOMContentLoaded', init_clicks, false);
+}else{
+  init_clicks()
+}
diff --git a/src/components/panzoom/panzoom_common.js b/src/components/panzoom/panzoom_common.js
new file mode 100644
index 0000000..bf91e42
--- /dev/null
+++ b/src/components/panzoom/panzoom_common.js
@@ -0,0 +1,71 @@
+import {event} from './client_utils.js'
+import {initModalEvents} from './lib_panzoommodal.js'
+import { svg_fix_size, svg_add_links, svg_highlight } from './lib_svg_utils.js';
+
+function checkURLModal(){
+  //check if any modal needs to be opened
+  const params = new URL(location.href).searchParams;
+  const modal = params.get('modal');
+  if(modal){
+    console.log(`opening modal ${modal}`)
+    const container = document.querySelector(`.container.panzoom[data-name="${modal}"]`)
+    if(container){
+      const modal = container.querySelector(".modal-background")
+      event(modal,"open")
+    }
+  }
+}
+
+async function processSVG(svg,container){
+  svg_fix_size(svg);
+  const meta_string = container.getAttribute("data-meta");
+  if(meta_string){
+    const meta = JSON.parse(meta_string);
+    if(Object.hasOwn(meta,"links")){
+      await svg_add_links(svg, meta.links);
+    }
+    if(Object.hasOwn(meta,"highlights")){
+      await svg_highlight(svg, meta.highlights);
+    }
+  }
+}
+
+async function init_svgs() {
+  const containers = document.querySelectorAll(".container.panzoom");
+  await Promise.all(Array.from(containers).map(container => {
+    return new Promise(async (resolve) => {  // Using async here
+      const eltype = container.getAttribute("data-type");
+      if (eltype === "svg") {
+        const obj = container.querySelector("object");
+        const svg = obj.contentDocument?.querySelector("svg");
+        if (svg) {
+          await processSVG(svg, container);  // Await the processing of the SVG
+          resolve();
+        } else {
+          obj.addEventListener("load", async () => {  // Async event handler
+            const svg = obj.contentDocument.querySelector("svg");
+            if (svg) {
+              await processSVG(svg, container);  // Await the processing of the SVG
+            }
+            resolve();
+          });
+        }
+      } else {
+        resolve();
+      }
+    });
+  }));
+}
+
+async function init(){
+  console.log("panzoom_common> init()")
+  initModalEvents() //needed to be before handling url to open
+  await init_svgs() //needed before cloning the svg in modal
+  checkURLModal()   //only first match will open, starting with SIDs
+}
+
+if(document.readyState == "loading"){
+  document.addEventListener('DOMContentLoaded', init, false);
+}else{
+  init()
+}
diff --git a/src/components/panzoom/panzoommodal.astro b/src/components/panzoom/panzoommodal.astro
new file mode 100644
index 0000000..fa18935
--- /dev/null
+++ b/src/components/panzoom/panzoommodal.astro
@@ -0,0 +1,86 @@
+---
+
+export interface Props {
+    url: string;
+}
+
+//TODO currently all pazoom items do create and ship html for svg
+//this is because the parent object .shadowRoot could be be captured to be cloned within a free Svg
+//A free Svg instead of object is important in panzoom to keep interactivity enbaled
+//object would require to pass mouse events to allow panzoom which disables interactivity
+
+const {url} = Astro.props as Props;
+
+---
+<div class="modal-background" data-state={"init"}>
+  <div class="modal">
+    <div class="modal-header close">
+      <span class="close-x">&times;</span>
+    </div>
+    <div class="modal-content">
+      <div class="modal-center" data-url={url}>
+        <!-- injected svg or img on modal init -->
+      </div>
+    </div>
+  </div>
+</div>
+
+<style >
+.modal-background{
+  display: none;
+  position: fixed;
+  z-index: 1;
+  padding-top: 5vh;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  background-color: black;
+  background-color: rgba(0,0,0,0.4);
+}
+.modal-background.visible{
+  display: block;
+}
+.modal {
+  background-color: #fefefe;
+  margin: auto;
+  padding: 5px;
+  border: 1px solid #888;
+  display:flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  width:90vw;
+  height:90vh;
+}
+.modal-header{
+  display:flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: stretch;
+  border-radius: 5px;
+  width:100%;
+}
+.modal-content{
+  overflow: hidden;
+  width:100%;
+  height:100%;
+  display:flex;
+  justify-content: center;
+  align-items: center;
+}
+.close-x {
+  color: #aaa;
+  font-size: 20px;
+  font-weight: bold;
+}
+.modal-header:hover {
+  text-decoration: none;
+  cursor: pointer;
+  background:#ddd;
+}
+.modal-header:hover > span.close-x{
+  color: #000;
+}
+</style>
diff --git a/src/components/svgicons.astro b/src/components/svgicons.astro
new file mode 100644
index 0000000..0b82c4e
--- /dev/null
+++ b/src/components/svgicons.astro
@@ -0,0 +1,17 @@
+---
+//https://ellodave.dev/blog/article/using-svgs-as-astro-components-and-inline-css/
+import {readFile} from 'fs/promises'
+import { exists } from '@/libs/assets';
+import { config } from '@/config';
+import {join} from 'node:path'
+export interface Props {
+  filename: string;
+}
+
+const { filename } = Astro.props as Props;
+const filepath = join(config.rootdir,`src/assets/${filename}.svg`)
+const innerHTML = await exists(filepath)?await readFile(filepath):"<svg/>";
+---
+
+<Fragment set:html={innerHTML} />
+
diff --git a/src/components/swiper/swiper.astro b/src/components/swiper/swiper.astro
new file mode 100644
index 0000000..9edb021
--- /dev/null
+++ b/src/components/swiper/swiper.astro
@@ -0,0 +1,86 @@
+---
+import {yaml_to_grid_images} from '../gallery/grid_utils.js'
+
+export interface Props {
+  code: string;
+  dirpath: string;
+}
+
+const { code, dirpath } = Astro.props as Props;
+const imagesUrls = await yaml_to_grid_images(code,dirpath)
+
+---
+
+<div class="swiper-container">
+    <div class="swiper main">
+        <div class="swiper-wrapper">
+            {imagesUrls.map((image)=>(
+                <div class="swiper-slide">
+                    <div class="itemimage">
+                        {image.isSVG&&
+                            <object data={image.url} />
+                        }
+                        {(!image.isSVG)&&
+                            <img src={image.url} />
+                        }
+                    </div>
+                </div>
+            ))}
+        </div>
+        <div class="swiper-button-prev"></div>
+        <div class="swiper-button-next"></div>
+    </div>
+    <div class="swiper thumbs">
+        <div class="swiper-wrapper">
+            {imagesUrls.map((image)=>(
+                <div class="swiper-slide">
+                    <div class="itemimage">{image.name}</div>
+                </div>
+            ))}
+        </div>
+    </div>
+</div>
+
+<style>
+	.swiper-container{
+		height: 600px;
+	}
+	.swiper.main {
+		width: 70vw;
+		height: 80%;
+	}
+	.swiper.thumbs {
+		width: 70vw;
+		height: 20%;
+		box-sizing: border-box;
+	    padding: 10px 0;
+	}
+	.swiper-slide {
+      text-align: center;
+      font-size: 18px;
+      background: #fff;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+	  background-size: cover;
+      background-position: center;
+    }
+	.thumbs .swiper-slide{
+		width: 25%;
+    	height: 100%;
+    	opacity: 0.4;
+	}
+	
+	.thumbs .swiper-slide-thumb-active {
+      opacity: 1;
+    }
+
+    .swiper-slide img {
+      display: block;
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+</style>
+
+<script src="./swiper.js" />
diff --git a/src/components/swiper/swiper.js b/src/components/swiper/swiper.js
new file mode 100644
index 0000000..1c5f799
--- /dev/null
+++ b/src/components/swiper/swiper.js
@@ -0,0 +1,29 @@
+import Swiper from 'swiper';
+import { Navigation, FreeMode, Thumbs } from 'swiper/modules';
+import 'swiper/css';
+import 'swiper/css/navigation';
+import 'swiper/css/free-mode';
+import 'swiper/css/thumbs';
+
+
+document.addEventListener( 'DOMContentLoaded', function() {
+
+      const thumbs_swiper = new Swiper(".thumbs", {
+        modules:[FreeMode],
+        spaceBetween: 10,
+        slidesPerView: 5,
+        freeMode: true,
+        watchSlidesProgress: true,
+      });
+      const main_swiper = new Swiper(".main", {
+        modules: [Navigation,Thumbs],
+        spaceBetween: 10,
+        navigation: {
+          nextEl: ".swiper-button-next",
+          prevEl: ".swiper-button-prev",
+        },
+        thumbs: {
+          swiper: thumbs_swiper,
+        },
+      });
+});
diff --git a/src/env.d.ts b/src/env.d.ts
new file mode 100644
index 0000000..c13bd73
--- /dev/null
+++ b/src/env.d.ts
@@ -0,0 +1,2 @@
+/// <reference path="../.astro/types.d.ts" />
+/// <reference types="astro/client" />
\ No newline at end of file
diff --git a/src/layout/AppBar.astro b/src/layout/AppBar.astro
new file mode 100644
index 0000000..1cd993d
--- /dev/null
+++ b/src/layout/AppBar.astro
@@ -0,0 +1,81 @@
+---
+import './colors.css';
+import Icon from "@/components/icon.astro"
+import { get_base_menu,get_active_appbar_menu } from './layout_utils.js';
+
+let base_menu = get_base_menu()
+const menu = get_active_appbar_menu(base_menu,Astro.url.pathname)
+const left_side  = menu.filter((item)=>(!Object.hasOwn(item,"align") || !(item.align=="right")))
+const right_side = menu.filter((item)=>(Object.hasOwn(item,"align") && (item.align=="right")))
+
+---
+<div class="navbar">
+    <ul class="navbar-left">
+        {left_side.map((item)=>(
+        <li>
+            <a href={item.link} class={item.active_class}>
+                {item.label}
+                {item.icon && <Icon filename={item.icon} />}
+            </a>
+        </li>
+        ))}
+    </ul>
+    <ul class="navbar-right">
+        {right_side.map((item)=>(
+            <li>
+                <a href={item.link} target={item.link.startsWith('/')?"":"_blank"}>
+                    {item.icon && <Icon filename={item.icon} />}
+                </a>
+            </li>
+        ))}
+    </ul>
+</div>
+
+<style>
+.navbar{
+    display:flex;
+    justify-content: space-between;
+    min-width: 400px;
+}
+.navbar-left {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+}
+.navbar-right {
+    padding-right: 50px;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+}
+
+ul{
+    margin:0px;
+}
+li{
+    list-style: none;
+}
+
+a{
+    float:left;
+    font-size: 17px;
+    padding: 14px 16px;
+    text-align:center;
+    color: var(--content-color);
+	text-decoration: none;
+
+}
+a:hover{
+    background-color: var(--header-active-color);
+}
+a.active{
+    border:0px;
+    border-bottom:  3px solid rgb(88, 88, 88);
+    background-color: var(--header-active-color);
+}
+
+.navbar-right > li > a{
+    float:right;
+    padding: 6px;
+}
+</style>
diff --git a/src/layout/Cache.astro b/src/layout/Cache.astro
new file mode 100644
index 0000000..1a245a9
--- /dev/null
+++ b/src/layout/Cache.astro
@@ -0,0 +1,19 @@
+---
+import { cache_has,cache_get,cache_set } from './cache';
+export interface Props {
+	name?: string;
+}
+
+const { name = "default" } = Astro.props;
+
+let html = ""
+if(cache_has(name) && import.meta.env.PROD){
+    html = cache_get(name)
+}else{
+    console.log(`Cache> rendering '${name}'`)
+    html = await Astro.slots.render("default");
+    cache_set(name,html)
+}
+
+---
+<Fragment set:html={html} />
diff --git a/src/layout/ClientNavMenu.astro b/src/layout/ClientNavMenu.astro
new file mode 100644
index 0000000..302f1e7
--- /dev/null
+++ b/src/layout/ClientNavMenu.astro
@@ -0,0 +1,129 @@
+---
+import './colors.css';
+
+export interface Props {
+    open: boolean;
+	hash: string;
+}
+
+const {hash, open} = Astro.props;
+const open_class = open?"open":"closed"
+const data_width = open?"20vw":"0vw"
+---
+<nav class={`${open_class} pages_menu client`} data-width={data_width} data-hash={hash}>
+</nav>
+
+<style define:vars={{ data_width }}>
+nav{
+    background: var(--nav-bg-color);
+    transition: width 0.5s;
+    width:var(--data_width);
+    height: 100%;
+    overflow-y: auto;
+}
+nav::-webkit-scrollbar {
+  width: 1rem;
+}
+nav::-webkit-scrollbar-track {
+  background: var(--nav-bg-color); 
+}
+nav::-webkit-scrollbar-thumb {
+  background: var(--scroll-thumb-color); 
+}
+nav::-webkit-scrollbar-thumb:hover {
+  background: var(--scroll-thumb-hover-color); 
+}
+
+@media only screen and (max-width: 700px) {
+	nav {
+    width:100%;
+  }
+}
+
+</style>
+
+
+<style is:global>
+    ul.pages_menu{
+        display:flex;
+        flex-direction: column;
+        list-style: none;
+        margin:0px;
+        padding: 0px;
+    }
+    ul.nested.pages_menu{
+        padding-left: 8px;
+        border-top:   0px;
+        border-left:  1px solid var(--menu-border-left-color);
+        border-right: 0px;
+        border-bottom:0px;
+        margin-left: 8px;
+        overflow: hidden;
+        max-height: 200vh;
+        transition-property: max-height;
+        transition-duration: 0.4s;
+    }
+    ul.nested.hidden.pages_menu{
+        max-height: 0px;
+        transition-property: max-height;
+        transition-duration: 0.4s;
+    }
+    li.pages_menu{
+        min-width: 130px;
+    }
+    .entry_container.pages_menu{
+        padding:0px;
+        padding-left:0px;
+        user-select: none;    
+        color:var(--content-color);
+        display:flex;
+        align-items: center;
+    }
+    .entry_container.pages_menu>a{
+        text-decoration: none;
+        flex-grow: 1;
+    }
+    /* active when nav menu item is matching url */
+    .entry_container.active.pages_menu{
+        background-color: var(--menu-active-color);
+    }
+    span.icon.pages_menu{
+        padding:3px;
+        padding-right:5px;
+        flex-grow: 0;
+    }
+    span.text.pages_menu{
+        padding:2px;
+        padding-top:3px;
+        padding-bottom:3px;
+        color:#bbb;
+        display: block;
+        flex-grow: 1;
+    }
+    span.text.pages_menu:not(.parent){
+        padding:10px;
+        padding-top:4px;
+        padding-bottom:4px;
+    }
+
+    span.icon.pages_menu > svg{
+        width:10px;
+        height:10px;
+        rotate: 0deg;
+        transition: rotate .4s ease-in-out;
+    }
+    .entry_container.parent.expanded.pages_menu > span > svg{
+        rotate: 90deg;
+    }
+    span.icon.expand.pages_menu:hover{
+        background-color: var(--menu-span-hover-color);
+        cursor: pointer;
+    }
+    span.text.href_hover.pages_menu:hover{
+        background-color: var(--menu-span-hover-color);
+    }
+
+</style>
+
+
+<script src="./client_nav_menu.js" />
diff --git a/src/layout/Layout.astro b/src/layout/Layout.astro
new file mode 100644
index 0000000..b51ff76
--- /dev/null
+++ b/src/layout/Layout.astro
@@ -0,0 +1,217 @@
+---
+import './colors.css';
+import AppBar from './AppBar.astro';
+import Cache from './Cache.astro'
+import SideMenu from './SideMenu.astro';
+import ClientNavMenu from './ClientNavMenu.astro';
+import { section_from_pathname } from '@/libs/assets.js';
+import { get_menu_hash,get_generated_section_menu,process_toc_list } from "./layout_utils";
+import {config} from '@/config'
+
+
+export interface Props {
+	title: string;
+	headings: Array<Object>;
+}
+
+const { headings } = Astro.props;
+const { title } = Astro.props.frontmatter || Astro.props;
+const toc_menu_items = process_toc_list(headings)
+const pages_menu_items = await get_generated_section_menu(Astro.url.pathname)
+const section = section_from_pathname(Astro.url.pathname)
+const menu_hash = get_menu_hash()
+const left_menu_open = (pages_menu_items.length > 0)
+
+console.log(`Layout> sectiom = '${section}'`)
+---
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width" />
+		<meta name="generator" content={Astro.generator} />
+		<title>{title}</title>
+		<link rel="icon" type="image/x-icon" href={`${config.base}/favicon.ico`}>
+	</head>
+	<body >
+		<div id="fixed-left" class="fixed-nav active" />
+		<div class="appbar-nav_content-footer">
+			<header>
+				<AppBar/>
+			</header>
+			<main>
+				<div id="wide-nav" class="scroll">
+					{config.client_menu?
+						<ClientNavMenu open={left_menu_open} hash={menu_hash}/>:
+						<Cache name={section}>
+							<SideMenu items={pages_menu_items} category="pages_menu"/>
+						</Cache>
+					}
+				</div>
+				<div id="resize-left" class="nav-resize active"/>
+				<article class="content scroll">
+					<div id="mobile-nav">
+						{config.client_menu?
+							<ClientNavMenu open={left_menu_open} hash={menu_hash}/>:
+							<Cache name={section}>
+								<SideMenu items={pages_menu_items} category="pages_menu"/>
+							</Cache>
+						}
+					</div>
+					<div class="article-slot">
+						<slot/>
+					</div>
+				</article>
+				<div id="resize-right" class="nav-resize active"/>
+				<div id="toc-nav-div">
+					{toc_menu_items.visible && 
+						<SideMenu items={toc_menu_items.items} category="toc_menu"/>
+					}
+				</div>
+			</main>
+			<footer>
+				<p>footer</p>
+			</footer>
+		</div>
+		<div id="fixed-right" class={`fixed-nav ${toc_menu_items.visible?"active":""}`}/>
+	</body>
+</html>
+
+
+<style>
+body{
+	margin:0;
+	font-family: Arial, Helvetica, sans-serif;
+	display:flex;
+	flex-direction: row;
+}
+/* Body => #fixed-left, .appbar-nav_content-footer, #fixed-right */
+.appbar-nav_content-footer{
+	flex-grow:1;
+	display:flex;
+	flex-direction: column;
+	height:100vh;
+}
+/* appbar-nav_content-footer => header, main, footer */
+header{
+    flex-grow:0;
+	background-color: var(--header-bg-color);
+    width:100%;
+    user-select: none;
+}
+main{
+	flex-grow:1;
+	display:flex;
+	flex-direction: row;
+	height:80vh;
+	max-width: calc(100vw - 6em);
+}
+footer{
+	flex-grow:0;
+	background-color: var(--front-blue);
+	color:white;
+	text-align: center;
+	overflow: hidden;
+}
+/* main => #wide-nav, resize-left, article.content, #resize-right, #toc-nav-div */
+
+#wide-nav{
+	background: var(--nav-bg-color);
+}
+#mobile-nav{
+	display: none;
+}
+.content{
+	color:var(--content-color);
+	background-color: var(--content-bg-color);
+	width:100%;
+	flex-grow: 0;
+	overflow:auto;
+	padding:10px;
+    scroll-behavior: smooth;
+    scroll-padding-top: 10px;
+}
+#toc-nav-div{
+	background: var(--nav-bg-color);
+	flex-grow: 1;
+}
+
+
+footer p{
+	margin:6px;
+}
+
+.fixed-nav{
+	width:3em;
+	background-color: var(--fixed-nav-bg-color);
+	height:100vh;
+    flex-shrink: 0;
+	display:flex;
+	flex-direction: column;
+	justify-content: start;
+	align-items: center;
+	overflow: hidden;
+}
+.active.fixed-nav{
+	cursor:pointer;
+}
+.active.fixed-nav:hover{
+	background-color: var(--fixed-nav-hover-color);
+	transition: background-color 0.3s;
+}
+.nav-resize{
+	width:0.5rem;
+	background-color: var(--content-bg-color);
+}
+.active.nav-resize{
+	cursor:col-resize;
+}
+.active.nav-resize:hover{
+	background-color: var(--front-blue);
+	transition: background-color 0.5s;
+}
+.scroll::-webkit-scrollbar {
+	width: 1rem;
+}
+.scroll::-webkit-scrollbar-track {
+	background: var(--content-bg-color); 
+}
+.scroll::-webkit-scrollbar-thumb {
+	background: var(--scroll-thumb-color); 
+}
+.scroll::-webkit-scrollbar-thumb:hover {
+  background: var(--scroll-thumb-hover-color); 
+}
+
+@media only screen and (max-width: 700px) {
+	#fixed-left, #fixed-right, #resize-right, #resize-left, #toc-nav-div {
+		display:none;
+	}
+	.content{
+		display:flex;
+		flex-direction: column;
+	}
+	#wide-nav{
+		display:none;
+	}
+	#mobile-nav{
+		display: block;
+	}
+	.article-slot{
+
+	}
+
+}
+
+.article-slot :global(a){
+	color:var(--article-anchor-color);
+}
+
+.article-slot :global(.paragraph.text){
+	max-width: 80ch;
+	margin-bottom: 1em;
+	line-height: 120%;
+}
+
+</style>
+
+<script src="./menu_interactions_activation.js" />
diff --git a/src/layout/SideMenu.astro b/src/layout/SideMenu.astro
new file mode 100644
index 0000000..ada200f
--- /dev/null
+++ b/src/layout/SideMenu.astro
@@ -0,0 +1,48 @@
+---
+import './colors.css';
+import SubMenu from "./SubMenu.astro";
+
+export interface Props {
+  items: Array<Object>;
+  category: string;
+}
+
+let { items,category } = Astro.props;
+
+const open_class = (items.length > 0)?"open":"closed"
+const data_width = (items.length > 0)?"20vw":"0vw"
+---
+<nav class={`${open_class} ${category}`} data-width={data_width}>
+    <SubMenu items={items} />
+</nav>
+
+<style define:vars={{ data_width }}>
+nav{
+    background: var(--nav-bg-color);
+    transition: width 0.5s;
+    width:var(--data_width);
+    height:100%;
+    overflow-y: auto;
+    flex-shrink: 0;
+}
+nav::-webkit-scrollbar {
+  width: 1rem;
+}
+nav::-webkit-scrollbar-track {
+  background: var(--nav-bg-color); 
+}
+nav::-webkit-scrollbar-thumb {
+  background: var(--scroll-thumb-color); 
+}
+nav::-webkit-scrollbar-thumb:hover {
+  background: var(--scroll-thumb-hover-color);
+}
+
+@media only screen and (max-width: 700px) {
+  nav{
+      width:100%;
+  }
+}
+
+</style>
+
diff --git a/src/layout/SubMenu.astro b/src/layout/SubMenu.astro
new file mode 100644
index 0000000..d39419b
--- /dev/null
+++ b/src/layout/SubMenu.astro
@@ -0,0 +1,117 @@
+---
+import './colors.css';
+
+export interface Props {
+	items: Array<Object>;
+    root:boolean;
+}
+const { items,root=true} = Astro.props;
+---
+{items &&
+    <ul class={root?"root":"nested"}>
+        {items.map((item)=>(
+            <li >
+                <div class:list={[{entry_container:true, active:item.active, parent:item.parent, expanded:item.expanded}]}>
+                    {item.parent &&
+                        <span class="icon expand">
+                            <svg viewBox="0 0 100 100" width="60" height="60" fill="#00000000" xmlns="http://www.w3.org/2000/svg">
+                                <path d="M 20,10 L 70,50 L 20,90" stroke-width="20px" stroke="#d0d0d0" stroke-linecap="round" stroke-linejoin="round"></path>
+                            </svg>
+                        </span>
+                    }
+                    {Object.hasOwn(item,"link")?
+                        <a  href={item.link}>
+                            <span class:list={["text href_hover",{parent:item.parent}]}>{item.label}</span>
+                        </a>:
+                        <span class:list={["text",{parent:item.parent}]}>{item.label}</span>
+                    }
+                </div>
+                <Astro.self items={item.items} root={false} />
+            </li>
+        ))}
+    </ul>
+}
+<style>
+    ul{
+        display:flex;
+        flex-direction: column;
+        list-style: none;
+        margin:0px;
+        padding: 0px;
+    }
+    ul.nested{
+        padding-left: 8px;
+        border-top:   0px;
+        border-left:  1px solid var(--menu-border-left-color);
+        border-right: 0px;
+        border-bottom:0px;
+        margin-left: 8px;
+        overflow: hidden;
+        max-height: 200vh;
+        transition-property: max-height;
+        transition-duration: 0.4s;
+    }
+    ul.nested.hidden{
+        max-height: 0px;
+        transition-property: max-height;
+        transition-duration: 0.4s;
+    }
+    li{
+        min-width: 130px;
+    }
+    .entry_container{
+        padding:0px;
+        padding-left:0px;
+        user-select: none;    
+        color:var(--content-color);
+        display:flex;
+        align-items: center;
+    }
+    .entry_container>a{
+        text-decoration: none;
+        flex-grow: 1;
+    }
+    /* active when nav menu item is matching url */
+    .entry_container.active{
+        background-color: var(--menu-active-color);
+    }
+    span.icon{
+        padding:3px;
+        padding-right:5px;
+        flex-grow: 0;
+    }
+    span.text{
+        padding:2px;
+        padding-top:3px;
+        padding-bottom:3px;
+        color:#bbb;
+        display: block;
+        flex-grow: 1;
+    }
+    span.text:not(.parent){
+        padding:10px;
+        padding-top:4px;
+        padding-bottom:4px;
+    }
+
+    span.icon > svg{
+        width:10px;
+        height:10px;
+        rotate: 0deg;
+        transition: rotate .4s ease-in-out;
+    }
+    .entry_container.parent.expanded > span > svg{
+        rotate: 90deg;
+    }
+    span.icon.expand:hover{
+        background-color: var(--menu-span-hover-color);
+        cursor: pointer;
+    }
+    span.text.href_hover:hover{
+        background-color: var(--menu-span-hover-color);
+    }
+
+</style>
+
+
+<script src="./toc_menu_activation.js" />
diff --git a/src/layout/cache.js b/src/layout/cache.js
new file mode 100644
index 0000000..6a45cb2
--- /dev/null
+++ b/src/layout/cache.js
@@ -0,0 +1,20 @@
+
+const cache = {}
+
+function cache_set(key,value){
+    cache[key] = value
+}
+
+function cache_has(key){
+    return Object.hasOwn(cache,key)
+}
+
+function cache_get(key){
+    return cache[key]
+}
+
+export {
+    cache_set,
+    cache_has,
+    cache_get
+}
diff --git a/src/layout/client_nav_menu.js b/src/layout/client_nav_menu.js
new file mode 100644
index 0000000..7521684
--- /dev/null
+++ b/src/layout/client_nav_menu.js
@@ -0,0 +1,221 @@
+
+const svg_text_icon = `<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90.48 122.88">
+<path d="M35.27.78a3,3,0,0,1,2-.78,1.54,1.54,0,0,1,.47.05h46.2A6.59,6.59,0,0,1,88.56,2a6.52,6.52,0,0,1,1.92,4.64v109.7a6.57,6.57,0,0,1-6.56,6.56H6.67a6.57,6.57,0,0,1-6.56-6.56v-78A3.07,3.07,0,0,1,0,37.56a3.19,3.19,0,0,1,1-2.24L34.9,1a1.5,1.5,0,0,1,.26-.21ZM84.65,6.62a.5.5,0,0,0-.21-.47A.67.67,0,0,0,84,5.94H40.22V31.62a8.89,8.89,0,0,1-8.91,8.91H6.1v75.79a.58.58,0,0,0,.2.47.69.69,0,0,0,.47.21H84a.58.58,0,0,0,.47-.21.73.73,0,0,0,.21-.47V6.62Zm-62,94.73a2.64,2.64,0,0,1,0-5.28h28a2.64,2.64,0,0,1,0,5.28Zm0-17.75a2.64,2.64,0,0,1,0-5.28H65.46a2.64,2.64,0,0,1,0,5.28Zm0-17.76a2.64,2.64,0,0,1,0-5.28H72a2.64,2.64,0,0,1,0,5.28Zm11.7-34.22V10.11L10.11,34.64h21.2a3.16,3.16,0,0,0,2.13-.88,3.06,3.06,0,0,0,.89-2.14Z" stroke-width="5px" stroke="#d0d0d0" />
+</svg>`
+const svg_icon = `<svg viewBox="0 0 100 100" width="60" height="60" fill="#00000000" xmlns="http://www.w3.org/2000/svg">
+<path d="M 20,10 L 70,50 L 20,90" stroke-width="20px" stroke="#a0a0a0" stroke-linecap="round" stroke-linejoin="round"></path>
+</svg>`
+
+function add_side_open_state(){
+    menu.sections_open = {}
+    menu.sections_expand = {}
+    for(const section in menu.sections){
+        menu.sections_open[section] = (menu.sections[section].length>0)?true:false
+        menu.sections_expand[section] = {}
+    }
+}
+
+async function get_menu(){
+    let needs_fetch = false
+    let menu_text = localStorage.getItem("menu")
+    if(!menu_text){
+        console.log("not in storage, fetching")
+        needs_fetch = true
+    }else{
+        console.log("in storage, checking hash")
+        const menu_nav = document.querySelector("nav.pages_menu")
+        const new_hash = menu_nav.getAttribute("data-hash")
+        menu = JSON.parse(menu_text)
+        if(menu.hash == new_hash){
+            console.log(`new html menu hash ${new_hash} matching local Storage`)
+        }else{
+            console.log(`new html menu hash ${new_hash} mismatch - refetching`)
+            needs_fetch = true
+        }
+    }
+    if(needs_fetch){
+        const resp = await fetch(`/menu.json`)
+        menu = await resp.json()
+        add_side_open_state()
+        save_menu()
+    }
+}
+
+function save_menu(){
+    localStorage.setItem("menu",JSON.stringify(menu))
+}
+
+function expand_toggle_save(section_name,href){
+    let expand_map = menu.sections_expand[section_name]
+    if(Object.hasOwn(expand_map,href)){
+        expand_map[href] = !expand_map[href]
+    }else{
+        expand_map[href] = false
+    }
+    menu.sections_expand[section_name] = expand_map
+    save_menu()
+}
+
+function set_open_state(section_name){
+    const left_open = menu.sections_open[section_name]
+    console.log(`left_open = ${left_open}`)
+    const menu_nav = document.querySelector("nav.pages_menu")
+    menu_nav.style.transition = "width 0s"
+    if(left_open){
+        menu_nav.style.width = "20vw"
+        menu_nav.setAttribute("data-width","20vw")
+        menu_nav.classList.add("open")
+        menu_nav.classList.remove("closed")
+        console.log("open nav")
+    }else{
+        menu_nav.style.width = "0vw"
+        menu_nav.classList.add("closed")
+        menu_nav.classList.remove("open")
+        console.log("close nav")
+    }
+    setTimeout(()=>{
+        menu_nav.style.transition = "width 0.5s"
+    },100)
+}
+
+function create_ul_from_items(items,root,expanded){
+    let ul = document.createElement('ul')
+    ul.classList.add("pages_menu")
+    if(expanded == false){
+        console.log(expanded)
+        ul.classList.add("hidden")
+    }
+    if(root){
+        ul.classList.add("root")
+    }else{
+        ul.classList.add("nested")
+    }
+    items.forEach(item => {
+        let li = document.createElement('li')
+        li.classList.add("pages_menu")
+        let div = document.createElement('div')
+        div.classList.add("pages_menu","entry_container")
+        if(item.active){
+            div.classList.add("active")
+        }
+        if(item.expanded){
+            div.classList.add("expanded")
+        }
+        if(item.parent){
+            div.classList.add("parent")
+            let span_icon = document.createElement('span')
+            span_icon.classList.add("pages_menu","icon","expand")
+            span_icon.setAttribute("data-url",item.url)
+            span_icon.innerHTML = svg_icon
+            div.appendChild(span_icon)
+        }
+        let span_text = document.createElement('span')
+        span_text.classList.add("pages_menu","text")
+        span_text.textContent = item.label
+        if(item.parent){
+            span_text.classList.add("parent")
+        }
+        if(Object.hasOwn(item,"link")){
+            span_text.classList.add("href_hover")
+            let a = document.createElement('a')
+            a.classList.add("pages_menu")
+            a.setAttribute("href",item.link)
+            a.appendChild(span_text)
+            div.appendChild(a)
+        }else{
+            div.appendChild(span_text)
+        }
+        li.appendChild(div);
+        recursive_update_element(li,item.items,(item.level==1),item.expanded)
+        ul.appendChild(li)
+    });
+    return ul
+}
+
+function set_active_expanded(items,section_name,pathname){
+    if(!Array.isArray(items)){
+        return
+    }
+    for(let item of items){
+        if(Object.hasOwn(menu.sections_expand[section_name],item.url)){
+            item.expanded = menu.sections_expand[section_name][item.url]
+        }else{
+            if(!Object.hasOwn(item,"expanded")){//only added if not already set
+                item.expanded = true
+            }
+            menu.sections_expand[section_name][item.url] = item.expanded
+        }
+        if(item.link == pathname){
+            item.active = true
+        }else{
+            item.active = false
+        }
+        if(item.items){
+            set_active_expanded(item.items,section_name,pathname)
+        }
+    }
+}
+
+function recursive_update_element(element,menu_entry_items,root,expanded){
+    if(menu_entry_items){
+        const ul = create_ul_from_items(menu_entry_items,root,expanded)
+        element.appendChild(ul)
+    }
+}
+
+function section_from_pathname(pathname){
+    if(pathname.startsWith('http')){
+        return 'external'
+    }
+    const sections = pathname.split('/')
+    if(sections.length < 2){
+        return "home"
+    }else if(sections[1] == ""){
+        return "home"
+    }else{
+        return sections[1]
+    }
+}
+
+function enable_clicks(){
+    const pages_menu = document.getElementsByClassName("pages_menu")[0]
+    let toggler = pages_menu.getElementsByClassName("expand");
+    for (let i = 0; i < toggler.length; i++) {
+      toggler[i].addEventListener("click", function(e) {
+        this.parentElement.parentElement.querySelector("ul")?.classList.toggle("hidden");
+        this.parentElement.classList.toggle("expanded");
+        const section_name = section_from_pathname(window.location.pathname)
+        expand_toggle_save(section_name,toggler[i].getAttribute("data-url"))
+        e.preventDefault()
+      });
+    }
+    const fixed_left = document.getElementById("fixed-left")
+    fixed_left.addEventListener("click",(e)=>{
+        const section_name = section_from_pathname(window.location.pathname)
+        const menu_nav = document.querySelector("nav.pages_menu")
+        menu.sections_open[section_name] = (menu.sections[section_name].length==0)?false:menu_nav.classList.contains("open")
+        save_menu()        
+    })
+
+}
+
+let menu = {}
+
+async function inject_menu(){
+    const pages_menu_elements = document.querySelectorAll(".pages_menu.client")
+    if(pages_menu_elements.length == 0){
+        return
+    }
+    await get_menu()
+    console.log(menu)
+    let pathname = window.location.pathname.endsWith('/')?window.location.pathname.slice(0,-1):window.location.pathname
+    const section_name = section_from_pathname(pathname)
+    set_open_state(section_name)
+    const menu_section_items = menu.sections[section_name]
+    const menu_nav = document.querySelector("nav.pages_menu")
+    set_active_expanded(menu_section_items,section_name,pathname)
+    recursive_update_element(menu_nav,menu_section_items,true,true)
+    enable_clicks()
+}
+
+document.addEventListener('DOMContentLoaded', inject_menu, false);
diff --git a/src/layout/colors.css b/src/layout/colors.css
new file mode 100644
index 0000000..bfd4fdb
--- /dev/null
+++ b/src/layout/colors.css
@@ -0,0 +1,18 @@
+:root {
+    --header-bg-color: #3C3C3C;
+    --header-active-color: #454646;
+    --fixed-nav-bg-color: #333333;
+    --fixed-nav-hover-color: #545454;
+    --nav-bg-color: #252526;
+    --front-blue: #007ACC;
+    --content-color: #CCCCCC;
+    --content-bg-color: #1E1E1E;
+    --scroll-thumb-color: #464647;
+    --scroll-thumb-hover-color: #515151;
+    --article-anchor-color: #3794FF;
+    --menu-span-hover-color: #606060;
+    --menu-active-color: #37373D;
+    --menu-icon-hover-color: #4d99cc;
+    --menu-border-left-color: #888;
+  }	
+  
\ No newline at end of file
diff --git a/src/layout/layout_utils.js b/src/layout/layout_utils.js
new file mode 100644
index 0000000..30ee06f
--- /dev/null
+++ b/src/layout/layout_utils.js
@@ -0,0 +1,114 @@
+import { load_json } from '@/libs/utils.js'
+import { section_from_pathname } from '@/libs/assets.js'
+import { config } from '@/config.js'
+import {join} from 'path'
+
+function find_parent(index,headings){
+    const element_depth = headings[index].depth
+    if(index == 0){
+        return null
+    }else{
+        for(let rev_i = index-1;rev_i>=0;rev_i--){
+            if(headings[rev_i].depth<element_depth){
+                return headings[rev_i]
+            }
+        }
+    }
+}
+
+/* not recursive o(n²)
+*/
+function headings_list_to_tree(headings,is_toc){
+    for(let element of headings){
+        element.items=[]
+        element.parent=true
+        element.expanded=true
+        if(is_toc){
+            element.link = `#${element.slug}`
+        }else{
+            element.link = element.link
+        }
+    }
+
+    let tree = []
+
+    for(let index=0; index<headings.length;index++){
+        let element = headings[index]
+        let parent = find_parent(index,headings)
+        if(parent){
+            parent.items.push(element)
+        }else{
+            tree.push(element)
+        }
+    }
+
+    for(let element of headings){
+        if (element.items.length == 0){
+            element.parent = false
+            delete element.items
+            delete element.expanded
+        }
+    }
+    return tree
+}
+
+/** headings start at Sidemenu
+ * 
+ */
+function process_toc_list(headings){
+    if(typeof headings == 'undefined' || headings.length == 0){
+        return {items:[],visible:false}
+    }
+
+    let side_menu = {items:[],visible:false}
+    side_menu.items = headings_list_to_tree(headings,true)//also .slug=>.link
+    side_menu.visible = true
+    return side_menu
+}
+
+function get_active_submenu(raw_menu,section,pathname){
+    return raw_menu.map((entry)=>{
+        //console.log(`/${section}/${entry.url} == '${pathname}'`)
+        entry.active = (`/${section}/${entry.url}` == pathname)
+        if(Object.hasOwn(entry,"items")){
+            entry.items = get_active_submenu(entry.items,section,pathname)
+        }
+        return entry
+    })
+}
+
+const generated_menu = await load_json(config.collect_content.out_menu)
+
+async function get_generated_section_menu(pathname){
+    const section = section_from_pathname(pathname);
+    let section_menu = generated_menu.sections[section]
+    if(!Object.hasOwn(generated_menu.sections,section)){
+        section_menu = []
+    }
+    return get_active_submenu(section_menu,section,pathname)
+}
+
+function get_active_appbar_menu(raw_menu,pathname){
+    const current_section = section_from_pathname(pathname)
+    console.log(`current_section = '${current_section}'`)
+    return raw_menu.map((item)=>{
+        item.active_class = (section_from_pathname(item.link) == current_section)?"active":""
+        return item
+    })
+}
+
+function get_menu_hash(){
+    return generated_menu.hash
+}
+
+function get_base_menu(){
+    return generated_menu.base_menu
+}
+
+export{
+    process_toc_list,
+    get_generated_section_menu,
+    get_menu_hash,
+    get_base_menu,
+    get_active_appbar_menu
+}
diff --git a/src/layout/menu_interactions_activation.js b/src/layout/menu_interactions_activation.js
new file mode 100644
index 0000000..34d7666
--- /dev/null
+++ b/src/layout/menu_interactions_activation.js
@@ -0,0 +1,102 @@
+const root = document.querySelector(':root');
+const header_bg_color = getComputedStyle(root).getPropertyValue('--header-bg-color');
+const content_bg_color = getComputedStyle(root).getPropertyValue('--content-bg-color');
+
+function configure_nav(fixed_el,resize_el,nav_el,left_to_right){
+    fixed_el.addEventListener("click",(e)=>{
+        const current_state = nav_el.classList.contains("open")?"open":"closed"
+        //console.log(current_state)
+        if(current_state == "open"){
+            nav_el.classList.remove("open")
+            nav_el.classList.add("closed")
+            nav_el.style.width = "0vw"
+            localStorage.setItem("left_open","false")
+        }else if(current_state == "closed"){
+            nav_el.classList.add("open")
+            nav_el.classList.remove("closed")
+            nav_el.style.width = nav_el.getAttribute("data-width")
+            localStorage.setItem("left_open","true")
+        }
+        e.preventDefault()
+    })
+
+    var global_resize_state = false
+    var x_down
+    var start_width
+    
+    function finish_mouse(){
+        global_resize_state = false
+        nav_el.style.transition = "width 0.5s"
+    if(nav_el.clientWidth < 20){
+        nav_el.classList.add("closed")
+        nav_el.classList.remove("open")
+        nav_el.setAttribute("data-width","20vw")
+    }else{
+        nav_el.classList.add("open")
+        nav_el.classList.remove("closed")
+    }
+    resize_el.style.backgroundColor = content_bg_color
+    }
+    
+    resize_el.addEventListener("mouseenter",(e)=>{
+        resize_el.style.backgroundColor = header_bg_color
+    })
+    resize_el.addEventListener("mouseleave",(e)=>{
+        resize_el.style.backgroundColor = content_bg_color
+    })
+    resize_el.addEventListener("mousedown",(e)=>{
+        global_resize_state = true
+        x_down = e.x
+        start_width = nav_el.clientWidth
+        nav_el.style.transition = "none"
+    })
+    resize_el.addEventListener("mouseup",(e)=>{
+        finish_mouse()
+    })
+    document.addEventListener("mouseup",(e)=>{
+        if(global_resize_state == true){
+            finish_mouse()
+        }
+    })
+    document.addEventListener("mousemove",(e)=>{
+        if(global_resize_state == true){
+            const new_width = left_to_right?(start_width + e.x - x_down):(start_width - e.x + x_down)
+            if(new_width <= 60){//snap effect
+                nav_el.style.width = "0px"
+                nav_el.setAttribute("data-width","0px")
+                resize_el.style.backgroundColor = header_bg_color
+            }else if(new_width < 160){
+                //do nothing here
+            }else if(new_width < (document.documentElement.clientWidth)*0.4){
+                nav_el.style.width = new_width+"px"
+                nav_el.setAttribute("data-width",new_width+"px")
+                resize_el.style.backgroundColor = header_bg_color
+            }else{
+                resize_el.style.backgroundColor = "red"
+            }
+            e.preventDefault()
+        }
+    })
+}
+
+function menu_interactions_activation(){
+	console.log("Layout script")
+	//root.style.setProperty('--header-bg-color', 'blue');
+
+	
+	const fixed_left = document.getElementById("fixed-left")
+	if(fixed_left.classList.contains("active")){
+		const resize_left = document.getElementById("resize-left")
+		const nav = resize_left.previousElementSibling.firstElementChild
+		configure_nav(fixed_left,resize_left,nav,true)
+	}
+	const fixed_right = document.getElementById("fixed-right")
+	if(fixed_right.classList.contains("active")){
+		const resize_right = document.getElementById("resize-right")
+		const nav = resize_right.nextElementSibling.firstElementChild
+		configure_nav(fixed_right,resize_right,nav,false)
+	}
+}
+
+document.addEventListener('DOMContentLoaded', menu_interactions_activation, false);
+
diff --git a/src/layout/toc_menu_activation.js b/src/layout/toc_menu_activation.js
new file mode 100644
index 0000000..63f057f
--- /dev/null
+++ b/src/layout/toc_menu_activation.js
@@ -0,0 +1,56 @@
+function escape_href(href){
+    //the # bothers CSS.escape in case of id starting with a number
+    return `#${CSS.escape(href.replace('#',''))}`
+}
+
+function toc_menu_activation(){
+    const toc_menu = document.getElementsByClassName("toc_menu")[0]
+    //---------------   Click Expand   ---------------
+    let toggler = document.getElementsByClassName("expand");
+    for (let i = 0; i < toggler.length; i++) {
+        toggler[i].addEventListener("click", function(e) {
+        this.parentElement.parentElement.querySelector("ul")?.classList.toggle("hidden");
+        this.parentElement.classList.toggle("expanded");
+        e.preventDefault()
+        });
+    }
+    //---------------   Scroll Spy   ---------------
+    const article = document.querySelector( 'article.content' )
+    const hrefs = document.getElementsByClassName("toc_href");
+    const targets = [...hrefs].map(el => article.querySelector(escape_href(el.getAttribute('href'))))
+    
+    article.addEventListener("scroll", (event) => {
+        let spy = null//if no element on screen, keep last match and do nothing
+        for ( let t in targets ){//find first within visible scroll
+            if(targets[ t ].offsetTop > article.scrollTop){
+                spy = targets[ t ]
+                break
+            }
+        }
+        if(spy){
+            document.querySelector(".toc_href.active")?.classList.remove("active");
+            document.querySelector(".heading.active")?.classList.remove("active");
+            const id = spy.id
+            //console.log(id)
+            document.querySelector(`a[href="#${id}"].toc_href`)?.classList.add("active")
+            document.getElementById(id)?.classList.add("active")
+        }
+    })
+    
+    const href_els = document.querySelectorAll(".toc_href");
+    href_els.forEach(element => {
+        element.addEventListener('mouseenter',()=>{
+            const href = element.getAttribute('href')
+            const id = href.slice(1,href.length)
+            document.getElementById(id)?.classList.add("hover")
+        })        
+        element.addEventListener('mouseout',()=>{
+            const href = element.getAttribute('href')
+            const id = href.slice(1,href.length)
+            document.getElementById(id)?.classList.remove("hover")
+        })        
+    });
+
+}
+
+document.addEventListener('DOMContentLoaded', toc_menu_activation, false);
diff --git a/src/libs/assets.js b/src/libs/assets.js
new file mode 100644
index 0000000..b69917d
--- /dev/null
+++ b/src/libs/assets.js
@@ -0,0 +1,211 @@
+import {copyFileSync,accessSync} from 'fs'
+import {constants, access, stat, mkdir, readFile} from 'fs/promises'
+import {dirname,join, basename, extname} from 'path'
+import {config} from '../../config.js'
+import {createHash} from 'crypto';
+import {load_yaml_abs} from './utils.js'
+
+async function exists(filePath) {
+    try {
+      await access(filePath, constants.F_OK);
+      return true;
+    } catch (error) {
+      return false;
+    }
+}
+
+function existsSync(filePath) {
+    try {
+        accessSync(filePath, constants.F_OK);
+        return true;
+    } catch (error) {
+        return false;
+    }
+}
+  
+async function isNewer(file_abs,targetfile){
+    const t1 = await stat(file_abs).mtime
+    const t2 = await stat(targetfile).mtime
+    return (t1>t2)
+}
+
+async function copy_if_newer(file_abs,targetfile){
+    const targetdir = dirname(targetfile)
+    if(!await exists(targetdir)){
+        await mkdir(targetdir,{ recursive: true })
+    }
+    if((!await exists(targetfile)) || (await isNewer(file_abs,targetfile))){
+    //async here is causing a race condition, a mem cache need to take mod time in account
+    copyFileSync(file_abs,targetfile)
+    console.log(`copied '${file_abs}' to '${targetfile}'`)
+    }
+}
+
+function hashed_filename(filename,hash_text){
+    const name = basename(filename, extname(filename))
+    const hash = shortMD5(hash_text)
+    const ext = extname(filename)
+    const hashed_file = `${name}-${hash}${ext}`
+    //console.log(`file: ${filename}`)
+    //console.log(`hashedfile: ${hashed_file}`)
+    return hashed_file
+}
+
+async function hashed_path_content(abs_path){
+    const text = await readFile(abs_path,'utf-8')
+    const hash = shortMD5(text)
+    return hash
+}
+
+async function relAssetToUrlCopy(relativepath,dirpath){
+    const dir_abs = join(config.content_path,dirpath)
+    const file_abs = join(dir_abs,relativepath)
+    if(await exists(file_abs)){
+    if(config.assets_hash_dir){
+        const target_filename =  hashed_filename(relativepath,join(dirpath,relativepath))
+        const target_file_abs = join(config.rootdir,config.outDir,config.copy_assets_dir,target_filename)
+        await copy_if_newer(file_abs,target_file_abs)
+        const newurl = join(config.copy_assets_dir,target_filename)
+        return "/"+newurl.replaceAll('\\','/')
+    }else{
+        const target_file_abs = join(config.rootdir,config.outDir,config.copy_assets_dir,dirpath,relativepath)
+        await copy_if_newer(file_abs,target_file_abs)
+        const newurl = join(config.copy_assets_dir,dirpath,relativepath)
+        return "/"+newurl.replaceAll('\\','/')
+    }
+    }else{
+    console.warn(`relativepath does not exist ${relativepath}`)
+    return relativepath
+    }
+}
+
+async function relAssetToUrl(relativepath,dirpath){
+    if(config.copy_assets){
+        return await config.base+relAssetToUrlCopy(relativepath,dirpath)
+    }
+    //handled by /assets/[...path].js to config.rootdir / config.content_path
+    const newurl = join("assets",dirpath,relativepath)
+    return config.base+"/"+newurl.replaceAll('\\','/')
+}
+
+async function absAssetToUrl(path){
+    return await relAssetToUrl(path,"")
+}
+
+async function assetToUrl(path,dirpath){
+    if(path.startsWith('data:')){
+        return path
+    }
+    let src = config.base+path
+    if(path.startsWith('http')){
+        return src
+    }
+    if(path.startsWith("/")){
+        if(!await exists(join(config.rootdir,"public",path))){
+            //managed as relatve to the content dir
+            src = await absAssetToUrl(path)
+        }//else unmanaged
+    }else{
+        src = await relAssetToUrl(path,dirpath)
+    }
+    return src
+}
+
+function relAssetToPath(relativepath,dirpath){
+    const dir_abs = join(config.content_path,dirpath)
+    return join(dir_abs,relativepath)
+}
+  
+function contentPathToStaticPath(section,entry_path){
+    const p1 = join(dirname(entry_path))
+    const p2 = p1.replaceAll('\\','/')
+    return p2
+}
+
+function shortMD5(text) {
+    const hash = createHash('md5').update(text, 'utf8').digest('hex');
+    return hash.substring(0, 8);
+}
+
+function add_base(url){
+    if(!url.startsWith("http")){
+        url = config.base + url
+    }
+    return url
+}
+
+function section_from_pathname(pathname){
+    if(pathname.startsWith('http')){
+        return 'external'
+    }
+    const sections = pathname.split('/')
+    if(sections.length < 2){
+        return "home"
+    }else if(sections[1] == ""){
+        return "home"
+    }else{
+        return sections[1]
+    }
+}
+
+function file_mime(path){
+    const ext = extname(path)
+    if(ext == ".svg"){
+        return 'image/svg+xml'
+    }
+    else if(ext == ".png"){
+        return 'image/png'
+    }
+    else if(ext == ".jpg"){
+        return 'image/jpeg'
+    }
+    else if(ext == ".jpeg"){
+        return 'image/jpeg'
+    }
+    else if(ext == ".webp"){
+        return 'image/webp'
+    }
+    else if(ext == ".txt"){
+        return 'text/plain'
+    }
+}
+
+function file_ext(url){
+    url = url.split('?')[0].split('#')[0];
+    const filename = url.substring(url.lastIndexOf('/') + 1);
+    const lastDotIndex = filename.lastIndexOf('.');
+    return (lastDotIndex === -1) ? '' : filename.substring(lastDotIndex + 1)
+}
+
+async function getMetaData(url, dirpath){
+    const dir_abs = join(config.content_path,dirpath)
+    const file_abs = join(dir_abs,url)
+    const lastDotIndex = file_abs.lastIndexOf('.');
+    let meta_file
+    if(lastDotIndex == -1){
+        meta_file = file_abs+".yaml"
+    }else{
+        meta_file = file_abs.substring(0,lastDotIndex)+".yaml"
+    }
+    if(await exists(meta_file)){
+        console.log(` * MarkdownImage> found meta file ${meta_file}`)
+        return await load_yaml_abs(meta_file)
+    }
+    return {}
+}
+
+export{
+  assetToUrl,
+  relAssetToUrl,
+  relAssetToPath,
+  shortMD5,
+  exists,
+  existsSync,
+  contentPathToStaticPath,
+  section_from_pathname,
+  file_mime,
+  file_ext,
+  add_base,
+  hashed_path_content,
+  getMetaData
+}
diff --git a/src/libs/log.js b/src/libs/log.js
new file mode 100644
index 0000000..cefcd05
--- /dev/null
+++ b/src/libs/log.js
@@ -0,0 +1,47 @@
+
+const colors = {
+  Reset:"\x1b[0m",
+  Bright:"\x1b[1m",
+  Dim:"\x1b[2m",
+  Underscore:"\x1b[4m",
+  Blink:"\x1b[5m",
+  Reverse:"\x1b[7m",
+  Hidden:"\x1b[8m",
+  FgBlack:"\x1b[30m",
+  FgRed:"\x1b[31m",
+  FgGreen:"\x1b[32m",
+  FgYellow:"\x1b[33m",
+  FgBlue:"\x1b[34m",
+  FgMagenta:"\x1b[35m",
+  FgCyan:"\x1b[36m",
+  FgWhite:"\x1b[37m",
+  FgGray:"\x1b[90m"  ,
+  BgBlack:"\x1b[40m",
+  BgRed:"\x1b[41m",
+  BgGreen:"\x1b[42m",
+  BgYellow:"\x1b[43m",
+  BgBlue:"\x1b[44m",
+  BgMagenta:"\x1b[45m",
+  BgCyan:"\x1b[46m",
+  BgWhite:"\x1b[47m",
+  BgGray:"\x1b[100m" 
+}
+
+function green_log(text){
+  console.log(colors.FgGreen,text,colors.Reset)
+}
+
+function blue_log(text){
+  console.log(colors.FgCyan,text,colors.Reset)
+}
+
+function yellow_log(text){
+  console.log(colors.FgYellow,text,colors.Reset)
+}
+
+
+export{
+  green_log,
+  blue_log,
+  yellow_log,
+}
diff --git a/src/libs/redirect.js b/src/libs/redirect.js
new file mode 100644
index 0000000..9ce27c6
--- /dev/null
+++ b/src/libs/redirect.js
@@ -0,0 +1,31 @@
+
+export async function redirectToFullUrl() {
+    if(document.title == "not found"){
+        return
+    }
+    const message_el = document.getElementById("message_404")
+    message_el.innerText = "Redirecting"
+
+    const response = await fetch(`/api/redirect`)
+    const redirects = await response.json()
+    let pathname = window.location.pathname
+    if(pathname.startsWith("/")){
+        pathname = pathname.substring(1)
+    }
+    if (pathname in redirects) {
+        const new_url = redirects[pathname]
+        if(new_url){
+            console.log(`${pathname} => "${new_url}"`)
+            window.location.href = new_url;
+        }else
+        {
+            window.location.href = "/";
+        }
+    }else{
+        console.log(`${pathname} => not found`)
+        document.title = "not found"
+        message_el.innerText = "Page not found"
+    }
+}
+
+document.addEventListener('DOMContentLoaded', redirectToFullUrl);
diff --git a/src/libs/structure-db.js b/src/libs/structure-db.js
new file mode 100644
index 0000000..471eb4f
--- /dev/null
+++ b/src/libs/structure-db.js
@@ -0,0 +1,449 @@
+import {existsSync, readFileSync} from 'fs';
+import {join, dirname, extname} from 'path';
+import {gunzipSync} from 'zlib';
+import {config} from '../../config.js';
+import {shortMD5} from './utils.js';
+import {openDatabase} from 'content-structure/src/sqlite_utils/index.js';
+
+const dbPath = join(config.collect_content.outdir, 'structure.db');
+let cachedDb;
+const blobCache = new Map();
+
+function ensureDb() {
+    if (!cachedDb) {
+        if (!existsSync(dbPath)) {
+            throw new Error(`structure-db: missing database at ${dbPath}`);
+        }
+        cachedDb = openDatabase(dbPath, {readonly: true});
+    }
+    return cachedDb;
+}
+
+function parseJson(value, fallback = {}) {
+    if (!value) {
+        return fallback;
+    }
+    try {
+        return JSON.parse(value);
+    } catch {
+        return fallback;
+    }
+}
+
+function normalizeDocumentRow(row) {
+    if (!row) {
+        return null;
+    }
+    const tags = parseJson(row.tags, []);
+    const meta = parseJson(row.meta_data, {});
+    const format = row.format ?? 'markdown';
+    return {
+        ...row,
+        format,
+        tags,
+        meta_data: meta
+    };
+}
+
+function getDocuments(options = {}) {
+    const db = ensureDb();
+    const rows = db.prepare('SELECT * FROM documents ORDER BY level, "order", url').all();
+    const normalized = rows.map(normalizeDocumentRow).filter(Boolean);
+    const {format} = options;
+    if (!format) {
+        return normalized;
+    }
+    const target = String(format);
+    return normalized.filter((row) => (row.format ?? 'markdown') === target);
+}
+
+function getDocument(match) {
+    const db = ensureDb();
+    if (match?.uid) {
+        const row = db.prepare('SELECT * FROM documents WHERE uid = ?').get(match.uid);
+        return normalizeDocumentRow(row);
+    }
+    const urlValue = typeof match?.url === 'string' ? match.url : '';
+    const row = db.prepare('SELECT * FROM documents WHERE url = ?').get(urlValue);
+    return normalizeDocumentRow(row);
+}
+
+function getItemsForDocument(docSid) {
+    const db = ensureDb();
+    return db
+        .prepare('SELECT type, level, order_index, body_text, ast FROM items WHERE doc_sid = ? ORDER BY order_index')
+        .all(docSid);
+}
+
+function getAssetsForDocument(docUid) {
+    const db = ensureDb();
+    const assets = db.prepare('SELECT * FROM asset_info WHERE parent_doc_uid = ?').all(docUid);
+    const map = new Map();
+    for (const asset of assets) {
+        map.set(asset.uid, asset);
+    }
+    return map;
+}
+
+function loadBlob(blobUid) {
+    if (!blobUid) {
+        return null;
+    }
+    if (blobCache.has(blobUid)) {
+        return blobCache.get(blobUid);
+    }
+    const db = ensureDb();
+    const row = db
+        .prepare('SELECT blob_uid, hash, path, payload, compression FROM blob_store WHERE blob_uid = ?')
+        .get(blobUid);
+    blobCache.set(blobUid, row ?? null);
+    return row ?? null;
+}
+
+function loadBlobBuffer(asset) {
+    if (!asset?.blob_uid) {
+        return null;
+    }
+    const blob = loadBlob(asset.blob_uid);
+    if (!blob) {
+        return null;
+    }
+    let buffer = null;
+    if (blob.payload) {
+        buffer = Buffer.from(blob.payload);
+    } else if (blob.path && blob.hash) {
+        const absPath = join(config.collect_content.outdir, 'blobs', blob.path, blob.hash);
+        try {
+            buffer = readFileSync(absPath);
+        } catch {
+            buffer = null;
+        }
+    }
+    if (!buffer) {
+        return null;
+    }
+    if (blob.compression) {
+        try {
+            buffer = gunzipSync(buffer);
+        } catch {
+            /* silently ignore decompression errors */
+        }
+    }
+    return buffer;
+}
+
+function slugifyText(text) {
+    const normalized = String(text ?? '')
+        .trim()
+        .toLowerCase()
+        .replace(/[^a-z0-9\s-]/g, '')
+        .replace(/\s+/g, '-')
+        .replace(/-+/g, '-');
+    return normalized || 'section';
+}
+
+function uniqueSlug(slug, tracker) {
+    const count = tracker.get(slug) ?? 0;
+    tracker.set(slug, count + 1);
+    if (count === 0) {
+        return slug;
+    }
+    return `${slug}-${count + 1}`;
+}
+
+function parseAssetLink(body) {
+    if (typeof body !== 'string') {
+        return null;
+    }
+    const match = /!\[([^\]]*)\]\(asset:\/\/\/([^)]+)\)/.exec(body);
+    if (!match) {
+        return null;
+    }
+    return {
+        alt: match[1] || '',
+        uid: match[2]
+    };
+}
+
+function guessLanguageFromAsset(asset, fallback) {
+    if (asset?.ext) {
+        return asset.ext;
+    }
+    const uid = asset?.uid ?? '';
+    const slugPart = uid.split('#')[1] ?? uid;
+    const ext = slugPart.includes('.') ? slugPart.substring(slugPart.lastIndexOf('.') + 1) : '';
+    return ext || fallback || null;
+}
+
+function inferMetaFromAsset(asset) {
+    const slugPart = (asset?.uid ?? '').split('#')[1] ?? '';
+    const base = slugPart.includes('.') ? slugPart.slice(0, slugPart.lastIndexOf('.')) : slugPart;
+    if (!base.startsWith('code-')) {
+        return null;
+    }
+    const remainder = base.slice('code-'.length);
+    if (!remainder || /^\d+$/.test(remainder)) {
+        return null;
+    }
+    return remainder;
+}
+
+function parseCodePayload(text, asset) {
+    const content = String(text ?? '');
+    const fenceMatch = content.match(/^```([^\s`]+)?(?:\s+([^\n`][^\n]*))?\n([\s\S]*?)\n```$/s);
+    const inferredMeta = inferMetaFromAsset(asset);
+    if (fenceMatch) {
+        return {
+            lang: fenceMatch[1] ?? guessLanguageFromAsset(asset, null),
+            meta: fenceMatch[2] ?? inferredMeta ?? null,
+            value: fenceMatch[3] ?? ''
+        };
+    }
+    return {
+        lang: guessLanguageFromAsset(asset, null),
+        meta: inferredMeta ?? null,
+        value: content
+    };
+}
+
+function buildTableNode(dataRows) {
+    const rows = Array.isArray(dataRows) ? dataRows : [];
+    if (rows.length === 0) {
+        return null;
+    }
+    const headers = Object.keys(rows[0] ?? {});
+    const normalizedRows = rows.map((row) => headers.map((header) => row?.[header] ?? ''));
+    const tableChildren = [headers, ...normalizedRows].map((cells) => ({
+        type: 'tableRow',
+        children: cells.map((value) => ({
+            type: 'tableCell',
+            children: [{type: 'text', value: String(value)}]
+        }))
+    }));
+    return {type: 'table', children: tableChildren};
+}
+
+function bufferToDataUrl(buffer, ext) {
+    if (!buffer) {
+        return null;
+    }
+    const extension = ext ?? '';
+    let mime = 'application/octet-stream';
+    const normalizedExt = extension.startsWith('.') ? extension.slice(1) : extension;
+    if (normalizedExt) {
+        const lower = normalizedExt.toLowerCase();
+        const mapping = {
+            svg: 'image/svg+xml',
+            png: 'image/png',
+            jpg: 'image/jpeg',
+            jpeg: 'image/jpeg',
+            webp: 'image/webp',
+            gif: 'image/gif',
+            bmp: 'image/bmp'
+        };
+        mime = mapping[lower] ?? mime;
+    }
+    const base64 = buffer.toString('base64');
+    return `data:${mime};base64,${base64}`;
+}
+
+function normalizeAssetPath(assetPath, documentPath) {
+    if (!assetPath || !documentPath) {
+        return assetPath ?? null;
+    }
+    const docDir = dirname(documentPath);
+    if (!docDir || docDir === '.' || assetPath.startsWith('../../')) {
+        return assetPath;
+    }
+    const normalizedDocDir = docDir.endsWith('/') ? docDir : `${docDir}/`;
+    if (assetPath.startsWith(normalizedDocDir)) {
+        return assetPath.slice(normalizedDocDir.length);
+    }
+    return assetPath;
+}
+
+function buildNodes(items, assets, docUid, documentPath) {
+    const nodes = [];
+    const headings = [];
+    const slugTracker = new Map();
+    let lineCounter = 1;
+    for (const item of items) {
+        const line = lineCounter++;
+        switch (item.type) {
+            case 'heading': {
+                const text = item.body_text ?? '';
+                const slug = uniqueSlug(slugifyText(text), slugTracker);
+                const uid = `${docUid}#${slug}`;
+                headings.push({
+                    label: text,
+                    slug,
+                    uid,
+                    sid: shortMD5(uid),
+                    depth: item.level ?? 1,
+                    line
+                });
+                nodes.push({
+                    type: 'heading',
+                    depth: item.level ?? 1,
+                    children: [{type: 'text', value: text}],
+                    position: {start: {line}}
+                });
+                break;
+            }
+            case 'paragraph': {
+                let node = null;
+                if (item.ast) {
+                    try {
+                        node = JSON.parse(item.ast);
+                    } catch {
+                        node = null;
+                    }
+                }
+                if (!node) {
+                    node = {
+                        type: 'paragraph',
+                        children: [{type: 'text', value: item.body_text ?? ''}]
+                    };
+                }
+                if (!node.position) {
+                    node.position = {start: {line}};
+                }
+                nodes.push(node);
+                break;
+            }
+            case 'image': {
+                const link = parseAssetLink(item.body_text);
+                const asset = link ? assets.get(link.uid) : null;
+                let url = asset?.path ? normalizeAssetPath(asset.path, documentPath) : null;
+                if (!url && asset) {
+                    const buffer = loadBlobBuffer(asset);
+                    url = bufferToDataUrl(buffer, asset.ext ?? (asset.path ? extname(asset.path) : null));
+                }
+                nodes.push({
+                    type: 'image',
+                    url: url ?? '',
+                    alt: link?.alt ?? 'image',
+                    title: asset?.title ?? null,
+                    position: {start: {line}}
+                });
+                break;
+            }
+            case 'code': {
+                const link = parseAssetLink(item.body_text);
+                const asset = link ? assets.get(link.uid) : null;
+                const buffer = asset ? loadBlobBuffer(asset) : null;
+                const codeText = buffer ? buffer.toString('utf-8') : '';
+                const parsed = parseCodePayload(codeText, asset);
+                nodes.push({
+                    type: 'code',
+                    lang: parsed.lang ?? undefined,
+                    meta: parsed.meta ?? undefined,
+                    value: parsed.value ?? '',
+                    position: {start: {line}}
+                });
+                break;
+            }
+            case 'link': {
+                const link = parseAssetLink(item.body_text);
+                const asset = link ? assets.get(link.uid) : null;
+                let url = asset?.path ? normalizeAssetPath(asset.path, documentPath) : '';
+                if (!url && asset) {
+                    const buffer = loadBlobBuffer(asset);
+                    url = bufferToDataUrl(buffer, asset.ext ?? (asset.path ? extname(asset.path) : null)) ?? '';
+                }
+                const label = link?.alt ?? asset?.path ?? asset?.uid ?? '';
+                nodes.push({
+                    type: 'link',
+                    url,
+                    title: asset?.title ?? null,
+                    children: [{type: 'text', value: label}],
+                    position: {start: {line}}
+                });
+                break;
+            }
+            case 'table': {
+                const link = parseAssetLink(item.body_text);
+                const asset = link ? assets.get(link.uid) : null;
+                const buffer = asset ? loadBlobBuffer(asset) : null;
+                let data = [];
+                if (buffer) {
+                    try {
+                        data = JSON.parse(buffer.toString('utf-8'));
+                    } catch {
+                        data = [];
+                    }
+                }
+                const tableNode = buildTableNode(data);
+                if (tableNode) {
+                    tableNode.position = {start: {line}};
+                    nodes.push(tableNode);
+                }
+                break;
+            }
+            default:
+                break;
+        }
+    }
+    return {
+        tree: {type: 'root', children: nodes},
+        headings
+    };
+}
+
+function getEntry(match) {
+    const document = getDocument(match);
+    if (!document) {
+        return null;
+    }
+    const items = getItemsForDocument(document.sid);
+    const assets = getAssetsForDocument(document.uid);
+    const {tree, headings} = buildNodes(items, assets, document.uid, document.path);
+    const data = {
+        ...document.meta_data,
+        ...document,
+        headings
+    };
+    return {
+        data,
+        tree
+    };
+}
+
+function getAssetInfo(options = {}) {
+    const db = ensureDb();
+    const conditions = [];
+    const params = [];
+    if (options.type) {
+        conditions.push('type = ?');
+        params.push(options.type);
+    }
+    if (options.hasPath) {
+        conditions.push('path IS NOT NULL');
+    }
+    const whereClause = conditions.length ? `WHERE ${conditions.join(' AND ')}` : '';
+    const query = `SELECT * FROM asset_info ${whereClause}`;
+    return db.prepare(query).all(...params);
+}
+
+function getFileAssets() {
+    return getAssetInfo({hasPath: true});
+}
+
+function getCodeAssetSummaries() {
+    const assets = getAssetInfo({type: 'codeblock'});
+    return assets.map((asset) => {
+        const buffer = loadBlobBuffer(asset);
+        const content = buffer ? buffer.toString('utf-8') : '';
+        const parsed = parseCodePayload(content, asset);
+        const hash = shortMD5(content);
+        return {
+            ...asset,
+            content,
+            hash,
+            language: parsed.lang ?? null,
+            meta: parsed.meta ?? null
+        };
+    });
+}
+
+export {getDocuments, getEntry, getFileAssets, getCodeAssetSummaries, getAssetInfo};
diff --git a/src/libs/utils.js b/src/libs/utils.js
new file mode 100644
index 0000000..f53bf1b
--- /dev/null
+++ b/src/libs/utils.js
@@ -0,0 +1,80 @@
+import {constants, access, mkdir, readFile, writeFile} from 'fs/promises'
+import { relative, resolve, join, sep, dirname } from 'path';
+import {config} from '../../config.js'
+import {createHash} from 'crypto'
+import yaml from 'js-yaml'
+import {glob} from 'glob'
+
+async function load_json(rel_path){
+  const path = join(config.rootdir,rel_path)
+  const text = await readFile(path,'utf-8')
+  return JSON.parse(text)
+}
+
+async function load_json_abs(abs_path){
+  const text = await readFile(abs_path,'utf-8')
+  return JSON.parse(text)
+}
+
+function shortMD5(text) {
+  const hash = createHash('md5').update(text, 'utf8').digest('hex');
+  return hash.substring(0, 8);
+}
+
+async function exists(filePath) {
+  try {
+    await access(filePath, constants.F_OK);
+    return true;
+  } catch (error) {
+    return false;
+  }
+}
+
+async function save_file(filePath,content){
+  const directory = dirname(filePath)
+  if(!await exists(directory)){
+    await mkdir(directory, { recursive: true });
+  }
+  return writeFile(filePath,content)
+}
+
+async function save_json(data,file_path){
+  const file_abs = join(config.rootdir,file_path)
+  await writeFile(file_abs,JSON.stringify(data,undefined, 2))
+}
+
+async function load_yaml_abs(abs_path){
+  const fileContent = await readFile(abs_path,'utf-8')
+  const data = yaml.load(fileContent);
+  return data;
+}
+
+async function load_yaml(rel_path){
+  const path = join(config.rootdir,rel_path)
+  const fileContent = await readFile(path,'utf-8')
+  const data = yaml.load(fileContent);
+  return data;
+}
+
+
+async function get_dir_files(dirpath,rel_dir){
+  const content_dir = join(config.content_path,dirpath,rel_dir)
+  const originalDirectory = process.cwd();
+  process.chdir(content_dir)
+  const results = await glob(content_dir+"/**/*.*")
+  const files = results.map((file)=>(relative(content_dir,resolve(content_dir,file)).split(sep).join('/')))
+  process.chdir(originalDirectory)
+  return files.map(file=>join(rel_dir,file)).sort()
+}
+
+export{
+  shortMD5,
+  exists,
+  load_json,
+  load_json_abs,
+  load_yaml,
+  load_yaml_abs,
+  save_json,
+  save_file,
+  get_dir_files
+}
diff --git a/src/pages/404.astro b/src/pages/404.astro
new file mode 100644
index 0000000..5802807
--- /dev/null
+++ b/src/pages/404.astro
@@ -0,0 +1,9 @@
+---
+import Layout from "@/layout/Layout.astro"
+
+---
+<Layout title={"404"} headings={[]} >
+    <div id="message_404"></div>
+</Layout>
+
+<script src="../libs/redirect.js" />
diff --git a/src/pages/[...url].astro b/src/pages/[...url].astro
new file mode 100644
index 0000000..c5356dd
--- /dev/null
+++ b/src/pages/[...url].astro
@@ -0,0 +1,17 @@
+---
+import Layout from "@/layout/Layout.astro"
+import AstroMarkdown from '@/components/markdown/AstroMarkdown.astro'
+import { getEntry} from '@/libs/structure-db.js'
+
+let {url} = Astro.params;
+console.log(`in [...path] > path = ${url}`)
+const entry = await getEntry({url:url})
+if(!entry){
+    throw new Error(`entry not found for url '${url}'`)
+}
+
+const headings = (Object.hasOwn(entry.data,"toc")&&entry.data.toc == false)?[]:entry.data.headings
+---
+<Layout title={entry.data.title} headings={headings} >
+    <AstroMarkdown node={entry.tree} data={entry.data} />
+</Layout>
diff --git a/src/pages/api/redirect.js b/src/pages/api/redirect.js
new file mode 100644
index 0000000..1dab59b
--- /dev/null
+++ b/src/pages/api/redirect.js
@@ -0,0 +1,14 @@
+import {getDocuments} from '@/libs/structure-db.js'
+
+export async function GET(){
+    const documents = await getDocuments()
+    const redirects = documents.reduce((acc, doc) => {
+        acc[doc.sid] = doc.url;
+        return acc;
+    }, {});
+    return new Response(
+        JSON.stringify(redirects), {
+        status: 200,
+        headers: {'Content-Type': 'application/json'}
+    });
+}
diff --git a/src/pages/assets/[...path].js b/src/pages/assets/[...path].js
new file mode 100644
index 0000000..ab3cd2d
--- /dev/null
+++ b/src/pages/assets/[...path].js
@@ -0,0 +1,34 @@
+import { createReadStream } from 'fs'
+import {resolve,join} from 'path'
+import { config } from '@/config'
+import {file_mime}from '@/libs/assets.js'
+import {getFileAssets} from '@/libs/structure-db.js'
+
+export async function GET({params}){
+    if(config.copy_assets){
+        return new Response('Not supported and not needed with copy_assets = true', { status: 404 });
+    }
+    let imagePath = resolve(join(config.content_path,params.path));
+    console.log(`assets> serving '${imagePath}'`)
+    try {
+        const stream = createReadStream(imagePath);
+        const contentType = file_mime(imagePath)
+        return new Response(stream, {
+            status: 200,
+            headers: {'Content-Type': contentType}
+        });
+    } catch (error) {
+        return new Response('File not found', { status: 404 });
+    }
+}
+
+export async function getStaticPaths(){
+    if(config.copy_assets){
+        return []
+    }
+    const paths = getFileAssets().map((asset)=>asset.path).filter(Boolean)
+    console.log(`serving API endpoit ${paths.length} assets`)
+    return paths.map((path)=>({
+        params:{path}
+    }))
+}
diff --git a/src/pages/codes/[...path].js b/src/pages/codes/[...path].js
new file mode 100644
index 0000000..cde78bf
--- /dev/null
+++ b/src/pages/codes/[...path].js
@@ -0,0 +1,49 @@
+import { createReadStream } from 'fs';
+import {resolve,join} from 'path'
+import { config } from "@/config";
+import {file_mime,hashed_path_content}from '@/libs/assets.js'
+import {getAssetInfo, getCodeAssetSummaries} from '@/libs/structure-db.js'
+import kroki from '@/components/markdown/code/kroki.yaml'
+
+export async function GET({params}){
+    const imagePath = resolve(join(config.code_path,params.path));
+    console.log(`codes> serving '${imagePath}'`)
+    try {
+        const stream = createReadStream(imagePath);
+        const contentType = file_mime(imagePath)
+        return new Response(stream, {
+            status: 200,
+            headers: {'Content-Type': contentType}
+        });
+    } catch (error) {
+        return new Response('File not found', { status: 404 });
+    }
+}
+
+export async function getStaticPaths(){
+    if(import.meta.env.DEV){
+        const codeAssets = getCodeAssetSummaries()
+        const diagrams = codeAssets
+            .filter((asset)=>asset.language && kroki.languages.includes(asset.language))
+            .map((entry)=>(`${entry.hash}/diagram.svg`))
+        console.log(`serving API endpoit ${diagrams.length} svg code-block diagrams`)
+        
+        let link_diagrams_hashes = []
+        const link_diagrams = getAssetInfo({type:'linked_file'}).filter((asset)=>
+            (asset.path && (Object.keys(kroki.formats).includes(asset.ext ?? "")))
+        )
+        if(link_diagrams.length>0){
+            const hashPromises = link_diagrams.map(asset => hashed_path_content(join(config.content_path,asset.path)));
+            const hashes = await Promise.all(hashPromises);
+            link_diagrams_hashes = hashes.map((hash)=>(`${hash}/diagram.svg`))
+            console.log(`serving API endpoit ${link_diagrams.length} svg code-link diagrams`)
+        }
+
+        const codes = codeAssets.map((entry)=>(`${entry.hash}/code.txt`))
+        console.log(`serving API endpoit ${codes.length} text code-blocks`)
+        const paths = [...new Set([...diagrams, ...codes, ...link_diagrams_hashes])]
+        return paths.map((path)=>({params:{path:path}}))
+    }else{
+        return []
+    }
+}
diff --git a/src/pages/index.astro b/src/pages/index.astro
new file mode 100644
index 0000000..96f2cd3
--- /dev/null
+++ b/src/pages/index.astro
@@ -0,0 +1,19 @@
+---
+import Layout from "@/layout/Layout.astro"
+import AstroMarkdown from '@/components/markdown/AstroMarkdown.astro'
+import {getEntry} from '@/libs/structure-db.js'
+
+console.log(`index> home page`)
+let entry = await getEntry({url:""})
+if(!entry){
+    throw new Error("entry not found for home page")
+}
+let empty = (Object.keys(entry.tree).length == 0)
+const headings = (Object.hasOwn(entry.data,"toc")&&entry.data.toc == false)?[]:entry.data.headings
+
+---
+<Layout title={entry.data.title} headings={headings} >
+    {!empty&&
+        <AstroMarkdown node={entry.tree} data={entry.data} />
+    }
+</Layout>
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..a45a1d7
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "extends": "astro/tsconfigs/base",
+  "compilerOptions": {
+    "types": ["astro/client"],
+    "baseUrl": ".",
+    "paths": {
+      "@/components/*": ["src/components/*"],
+      "@/layout/*": ["src/layout/*"],
+      "@/libs/*": ["src/libs/*"],
+      "@/assets/*": ["src/assets/*"],
+      "@/*": ["./*"],
+    }
+  }  
+}

From 3849b15eb41402e72e8a893bb7b2442a2f95a0e9 Mon Sep 17 00:00:00 2001
From: wassfila <wassim.filali@gmail.com>
Date: Sun, 23 Nov 2025 17:59:28 +0100
Subject: [PATCH 02/24] bump content structure for gallery support deprecate
 pz_gallery deactivated menus for bringup

---
 package.json                            |   2 +-
 pnpm-lock.yaml                          | 696 +-----------------------
 public/.nojekyll                        |   0
 public/menu.json                        | 354 ------------
 public/svg.svg                          |  17 -
 src/components/gallery/gallery_pz.astro | 133 -----
 src/components/gallery/gallery_pz.js    |  42 --
 src/components/markdown/code/Code.astro |   8 +-
 src/layout/Layout.astro                 |  25 +-
 src/layout/layout_utils.js              |   8 +-
 10 files changed, 14 insertions(+), 1271 deletions(-)
 delete mode 100644 public/.nojekyll
 delete mode 100644 public/menu.json
 delete mode 100644 public/svg.svg
 delete mode 100644 src/components/gallery/gallery_pz.astro
 delete mode 100644 src/components/gallery/gallery_pz.js

diff --git a/package.json b/package.json
index 323baf3..5032935 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,7 @@
     "@svgdotjs/svg.js": "^3.2.4",
     "adm-zip": "^0.5.16",
     "astro": "^5.16.0",
-    "content-structure": "2.0.1",
+    "content-structure": "2.0.2",
     "cookie-parser": "^1.4.7",
     "cors": "^2.8.5",
     "datatables.net-dt": "^1.13.7",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8d66661..5f51a9f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -27,8 +27,8 @@ importers:
         specifier: ^5.16.0
         version: 5.16.0(@types/node@24.10.1)(rollup@4.53.3)(typescript@5.9.3)
       content-structure:
-        specifier: 2.0.1
-        version: 2.0.1
+        specifier: ../content-structure
+        version: link:../content-structure
       cookie-parser:
         specifier: ^1.4.7
         version: 1.4.7
@@ -105,18 +105,6 @@ importers:
 
 packages:
 
-  '@acemir/cssom@0.9.24':
-    resolution: {integrity: sha512-5YjgMmAiT2rjJZU7XK1SNI7iqTy92DpaYVgG6x63FxkJ11UpYfLndHJATtinWJClAXiOlW9XWaUyAQf8pMrQPg==}
-
-  '@asamuzakjp/css-color@4.1.0':
-    resolution: {integrity: sha512-9xiBAtLn4aNsa4mDnpovJvBn72tNEIACyvlqaNJ+ADemR+yeMJWnBudOi2qGDviJa7SwcDOU/TRh5dnET7qk0w==}
-
-  '@asamuzakjp/dom-selector@6.7.4':
-    resolution: {integrity: sha512-buQDjkm+wDPXd6c13534URWZqbz0RP5PAhXZ+LIoa5LgwInT9HVJvGIJivg75vi8I13CxDGdTnz+aY5YUJlIAA==}
-
-  '@asamuzakjp/nwsapi@2.3.9':
-    resolution: {integrity: sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==}
-
   '@astrojs/compiler@2.13.0':
     resolution: {integrity: sha512-mqVORhUJViA28fwHYaWmsXSzLO9osbdZ5ImUfxBarqsYdMlPbqAqGJCxsNzvppp1BEzc1mJNjOVvQqeDN8Vspw==}
 
@@ -160,38 +148,6 @@ packages:
     resolution: {integrity: sha512-8XqW8xGn++Eqqbz3e9wKuK7mxryeRjs4LOHLxbh2lwKeSbuNR4NFifDZT4KzvjU6HMOPbiNTsWpniK5EJfTWkg==}
     engines: {node: '>=18'}
 
-  '@csstools/color-helpers@5.1.0':
-    resolution: {integrity: sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==}
-    engines: {node: '>=18'}
-
-  '@csstools/css-calc@2.1.4':
-    resolution: {integrity: sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      '@csstools/css-parser-algorithms': ^3.0.5
-      '@csstools/css-tokenizer': ^3.0.4
-
-  '@csstools/css-color-parser@3.1.0':
-    resolution: {integrity: sha512-nbtKwh3a6xNVIp/VRuXV64yTKnb1IjTAEEh3irzS+HkKjAOYLTGNb9pmVNntZ8iVBHcWDA2Dof0QtPgFI1BaTA==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      '@csstools/css-parser-algorithms': ^3.0.5
-      '@csstools/css-tokenizer': ^3.0.4
-
-  '@csstools/css-parser-algorithms@3.0.5':
-    resolution: {integrity: sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      '@csstools/css-tokenizer': ^3.0.4
-
-  '@csstools/css-syntax-patches-for-csstree@1.0.17':
-    resolution: {integrity: sha512-LCC++2h8pLUSPY+EsZmrrJ1EOUu+5iClpEiDhhdw3zRJpPbABML/N5lmRuBHjxtKm9VnRcsUzioyD0sekFMF0A==}
-    engines: {node: '>=18'}
-
-  '@csstools/css-tokenizer@3.0.4':
-    resolution: {integrity: sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==}
-    engines: {node: '>=18'}
-
   '@emnapi/runtime@1.7.1':
     resolution: {integrity: sha512-PVtJr5CmLwYAU9PZDMITZoR5iAOShYREoR45EyyLrbntV50mdePTgUn4AmOw90Ifcj+x2kRjdzr1HP3RrNiHGA==}
 
@@ -868,9 +824,6 @@ packages:
   '@types/trusted-types@2.0.7':
     resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
 
-  '@types/unist@2.0.11':
-    resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==}
-
   '@types/unist@3.0.3':
     resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
 
@@ -890,10 +843,6 @@ packages:
     resolution: {integrity: sha512-TGw5yVi4saajsSEgz25grObGHEUaDrniwvA2qwSC060KfqGPdglhvPMA2lPIoxs3PQIItj2iag35fONcQqgUaQ==}
     engines: {node: '>=12.0'}
 
-  agent-base@7.1.4:
-    resolution: {integrity: sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==}
-    engines: {node: '>= 14'}
-
   amator@1.1.0:
     resolution: {integrity: sha512-V5+aH8pe+Z3u/UG3L3pG3BaFQGXAyXHVQDroRwjPHdh08bcUEchAVsU1MCuJSCaU5o60wTK6KaE6te5memzgYw==}
 
@@ -961,22 +910,9 @@ packages:
   before-after-hook@3.0.2:
     resolution: {integrity: sha512-Nik3Sc0ncrMK4UUdXQmAnRtzmNQTAAXmXIopizwZ1W1t8QmfJj+zL4OA2I7XPTPW5z5TDqv4hRo/JzouDJnX3A==}
 
-  better-sqlite3@12.4.6:
-    resolution: {integrity: sha512-gaYt9yqTbQ1iOxLpJA8FPR5PiaHP+jlg8I5EX0Rs2KFwNzhBsF40KzMZS5FwelY7RG0wzaucWdqSAJM3uNCPCg==}
-    engines: {node: 20.x || 22.x || 23.x || 24.x || 25.x}
-
   bezier-easing@2.1.0:
     resolution: {integrity: sha512-gbIqZ/eslnUFC1tjEvtz0sgx+xTK20wDnYMIA27VA04R7w6xxXQPZDbibjA9DTWZRA2CXtwHykkVzlCaAJAZig==}
 
-  bidi-js@1.0.3:
-    resolution: {integrity: sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==}
-
-  bindings@1.5.0:
-    resolution: {integrity: sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==}
-
-  bl@4.1.0:
-    resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
-
   body-parser@1.20.3:
     resolution: {integrity: sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==}
     engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16}
@@ -991,9 +927,6 @@ packages:
   brotli@1.3.3:
     resolution: {integrity: sha512-oTKjJdShmDuGW94SyyaoQvAjf30dZaHnjJ8uAF+u2/vGJkJbJPJAT1gDiOJP5v1Zb6f9KEyW/1HpuaWIXtGHPg==}
 
-  buffer@5.7.1:
-    resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
-
   bytes@3.1.2:
     resolution: {integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==}
     engines: {node: '>= 0.8'}
@@ -1026,16 +959,10 @@ packages:
   character-entities@2.0.2:
     resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
 
-  character-reference-invalid@2.0.1:
-    resolution: {integrity: sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==}
-
   chokidar@4.0.3:
     resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
     engines: {node: '>= 14.16.0'}
 
-  chownr@1.1.4:
-    resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
-
   ci-info@4.3.1:
     resolution: {integrity: sha512-Wdy2Igu8OcBpI2pZePZ5oWjPC38tmDVx5WKUXKwlLYkA0ozo85sLsLvkBbBn/sZaSCMFOGZJ14fvW9t5/d7kdA==}
     engines: {node: '>=8'}
@@ -1080,9 +1007,6 @@ packages:
     resolution: {integrity: sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==}
     engines: {node: '>= 0.6'}
 
-  content-structure@2.0.1:
-    resolution: {integrity: sha512-OxR+eHwafV9VfFf2pATPGGZSg7kwc70SQg31BJYDj8kM8ck0+liLfemdm5BTSb26ynsLgahDgAuMy7aK3yxoEg==}
-
   content-type@1.0.5:
     resolution: {integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==}
     engines: {node: '>= 0.6'}
@@ -1147,14 +1071,6 @@ packages:
     resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
 
-  cssstyle@5.3.3:
-    resolution: {integrity: sha512-OytmFH+13/QXONJcC75QNdMtKpceNk3u8ThBjyyYjkEcy/ekBwR1mMAuNvi3gdBPW3N5TlCzQ0WZw8H0lN/bDw==}
-    engines: {node: '>=20'}
-
-  data-urls@6.0.0:
-    resolution: {integrity: sha512-BnBS08aLUM+DKamupXs3w2tJJoqU+AkaE/+6vQxi/G/DPmIZFJJp9Dkb1kM03AZx8ADehDUZgsNxju3mPXZYIA==}
-    engines: {node: '>=20'}
-
   datatables.net-dt@1.13.11:
     resolution: {integrity: sha512-4GpS4OFLwIMfhb5UdJh6bEnh0E52jIJOlx7KLKs1pSce/xpHjvcmucbUWNaEndQIpHXtIxmVPoqcDB0ZbiVB+A==}
 
@@ -1178,20 +1094,9 @@ packages:
       supports-color:
         optional: true
 
-  decimal.js@10.6.0:
-    resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
-
   decode-named-character-reference@1.2.0:
     resolution: {integrity: sha512-c6fcElNV6ShtZXmsgNgFFV5tVX2PaV4g+MOAkb8eXHvn6sryJBrZa9r0zV6+dtTyoCKxtDy5tyQ5ZwQuidtd+Q==}
 
-  decompress-response@6.0.0:
-    resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
-    engines: {node: '>=10'}
-
-  deep-extend@0.6.0:
-    resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
-    engines: {node: '>=4.0.0'}
-
   defu@6.1.4:
     resolution: {integrity: sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==}
 
@@ -1282,9 +1187,6 @@ packages:
     resolution: {integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==}
     engines: {node: '>= 0.8'}
 
-  end-of-stream@1.4.5:
-    resolution: {integrity: sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==}
-
   entities@4.5.0:
     resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
     engines: {node: '>=0.12'}
@@ -1338,10 +1240,6 @@ packages:
   eventemitter3@5.0.1:
     resolution: {integrity: sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==}
 
-  expand-template@2.0.3:
-    resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
-    engines: {node: '>=6'}
-
   express-session@1.18.2:
     resolution: {integrity: sha512-SZjssGQC7TzTs9rpPDuUrR23GNZ9+2+IkA/+IJWmvQilTr5OSliEHGF+D9scbIpdC6yGtTI0/VhaHoVes2AN/A==}
     engines: {node: '>= 0.8.0'}
@@ -1372,9 +1270,6 @@ packages:
       picomatch:
         optional: true
 
-  file-uri-to-path@1.0.0:
-    resolution: {integrity: sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==}
-
   finalhandler@1.3.1:
     resolution: {integrity: sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==}
     engines: {node: '>= 0.8'}
@@ -1405,9 +1300,6 @@ packages:
     resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
     engines: {node: '>= 0.8'}
 
-  fs-constants@1.0.0:
-    resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
-
   fsevents@2.3.3:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
@@ -1428,9 +1320,6 @@ packages:
     resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
     engines: {node: '>= 0.4'}
 
-  github-from-package@0.0.0:
-    resolution: {integrity: sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==}
-
   github-slugger@2.0.0:
     resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
 
@@ -1439,10 +1328,6 @@ packages:
     engines: {node: 20 || >=22}
     hasBin: true
 
-  glob@13.0.0:
-    resolution: {integrity: sha512-tvZgpqk6fz4BaNZ66ZsRaZnbHvP/jG3uKJvAZOwEVUL4RTA5nJeeLYfyN9/VA8NX/V3IBG+hkeuGpKjvELkVhA==}
-    engines: {node: 20 || >=22}
-
   gopd@1.2.0:
     resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
     engines: {node: '>= 0.4'}
@@ -1492,10 +1377,6 @@ packages:
   hastscript@9.0.1:
     resolution: {integrity: sha512-g7df9rMFX/SPi34tyGCyUBREQoKkapwdY/T04Qn9TDWfHhAYt4/I0gMVirzK5wEzeUqIjEB+LXC/ypb7Aqno5w==}
 
-  html-encoding-sniffer@4.0.0:
-    resolution: {integrity: sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==}
-    engines: {node: '>=18'}
-
   html-escaper@3.0.3:
     resolution: {integrity: sha512-RuMffC89BOWQoY0WKGpIhn5gX3iI54O6nRA0yC124NYVtzjmFWBIiFd8M0x+ZdX0P9R4lADg1mgP8C7PxGOWuQ==}
 
@@ -1513,25 +1394,10 @@ packages:
     resolution: {integrity: sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==}
     engines: {node: '>= 0.8'}
 
-  http-proxy-agent@7.0.2:
-    resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
-    engines: {node: '>= 14'}
-
-  https-proxy-agent@7.0.6:
-    resolution: {integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==}
-    engines: {node: '>= 14'}
-
   iconv-lite@0.4.24:
     resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
     engines: {node: '>=0.10.0'}
 
-  iconv-lite@0.6.3:
-    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
-    engines: {node: '>=0.10.0'}
-
-  ieee754@1.2.1:
-    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
-
   immediate@3.0.6:
     resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}
 
@@ -1541,9 +1407,6 @@ packages:
   inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
 
-  ini@1.3.8:
-    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
-
   ipaddr.js@1.9.1:
     resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
     engines: {node: '>= 0.10'}
@@ -1551,18 +1414,9 @@ packages:
   iron-webcrypto@1.2.1:
     resolution: {integrity: sha512-feOM6FaSr6rEABp/eDfVseKyTMDt+KGpeB35SkVn9Tyn0CqvVsY3EwI0v5i8nMHyJnzCIQf7nsy3p41TPkJZhg==}
 
-  is-alphabetical@2.0.1:
-    resolution: {integrity: sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==}
-
-  is-alphanumerical@2.0.1:
-    resolution: {integrity: sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==}
-
   is-arrayish@0.3.4:
     resolution: {integrity: sha512-m6UrgzFVUYawGBh1dUsWR5M2Clqic9RVXC/9f8ceNlv2IcO9j9J/z8UoCLPqtsPBFNzEpfR3xftohbfqDx8EQA==}
 
-  is-decimal@2.0.1:
-    resolution: {integrity: sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==}
-
   is-docker@3.0.0:
     resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -1576,9 +1430,6 @@ packages:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
     engines: {node: '>=8'}
 
-  is-hexadecimal@2.0.1:
-    resolution: {integrity: sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==}
-
   is-inside-container@1.0.0:
     resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
     engines: {node: '>=14.16'}
@@ -1588,9 +1439,6 @@ packages:
     resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
     engines: {node: '>=12'}
 
-  is-potential-custom-element-name@1.0.1:
-    resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
-
   is-promise@2.2.2:
     resolution: {integrity: sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==}
 
@@ -1616,15 +1464,6 @@ packages:
     resolution: {integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==}
     hasBin: true
 
-  jsdom@27.2.0:
-    resolution: {integrity: sha512-454TI39PeRDW1LgpyLPyURtB4Zx1tklSr6+OFOipsxGUH1WMTvk6C65JQdrj455+DP2uJ1+veBEHTGFKWVLFoA==}
-    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
-    peerDependencies:
-      canvas: ^3.0.0
-    peerDependenciesMeta:
-      canvas:
-        optional: true
-
   kind-of@6.0.3:
     resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
     engines: {node: '>=0.10.0'}
@@ -1676,9 +1515,6 @@ packages:
   mdast-util-definitions@6.0.0:
     resolution: {integrity: sha512-scTllyX6pnYNZH/AIp/0ePz6s4cZtARxImwoPJ7kS42n+MnVsI4XbnG6d4ibehRIldYMWM2LD7ImQblVhUejVQ==}
 
-  mdast-util-directive@3.1.0:
-    resolution: {integrity: sha512-I3fNFt+DHmpWCYAT7quoM6lHf9wuqtI+oCOfvILnoicNIqjh5E3dEJWiXuYME2gNe8vl1iMQwyUHa7bgFmak6Q==}
-
   mdast-util-find-and-replace@3.0.2:
     resolution: {integrity: sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg==}
 
@@ -1735,9 +1571,6 @@ packages:
   micromark-core-commonmark@2.0.3:
     resolution: {integrity: sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==}
 
-  micromark-extension-directive@4.0.0:
-    resolution: {integrity: sha512-/C2nqVmXXmiseSSuCdItCMho7ybwwop6RrrRPk0KbOHW21JKoCldC+8rFOaundDoRBUWBnJJcxeA/Kvi34WQXg==}
-
   micromark-extension-gfm-autolink-literal@2.1.0:
     resolution: {integrity: sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==}
 
@@ -1840,24 +1673,14 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
-  mimic-response@3.1.0:
-    resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
-    engines: {node: '>=10'}
-
   minimatch@10.1.1:
     resolution: {integrity: sha512-enIvLvRAFZYXJzkCYG5RKmPfrFArdLv+R+lbQ53BmIMLIry74bjKzX6iHAm8WYamJkhSSEabrWN5D97XnKObjQ==}
     engines: {node: 20 || >=22}
 
-  minimist@1.2.8:
-    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
-
   minipass@7.1.2:
     resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
     engines: {node: '>=16 || 14 >=14.17'}
 
-  mkdirp-classic@0.5.3:
-    resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
-
   mrmime@2.0.1:
     resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==}
     engines: {node: '>=10'}
@@ -1873,9 +1696,6 @@ packages:
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
-  napi-build-utils@2.0.0:
-    resolution: {integrity: sha512-GEbrYkbfF7MoNaoh2iGG84Mnf/WZfB0GdGEsM8wz7Expx/LlWf5U8t9nvJKXSp3qr5IsEbK04cBGhol/KwOsWA==}
-
   negotiator@0.6.3:
     resolution: {integrity: sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==}
     engines: {node: '>= 0.6'}
@@ -1890,10 +1710,6 @@ packages:
   nlcst-to-string@4.0.0:
     resolution: {integrity: sha512-YKLBCcUYKAg0FNlOBT6aI91qFmSiFKiluk655WzPF+DDMA02qIyy8uiRqI8QXtcFpEvll12LpL5MXqEmAZ+dcA==}
 
-  node-abi@3.85.0:
-    resolution: {integrity: sha512-zsFhmbkAzwhTft6nd3VxcG0cvJsT70rL+BIGHWVq5fi6MwGrHwzqKaxXE+Hl2GmnGItnDKPPkO5/LQqjVkIdFg==}
-    engines: {node: '>=10'}
-
   node-fetch-native@1.6.7:
     resolution: {integrity: sha512-g9yhqoedzIUm0nTnTqAQvueMPVOuIY16bqgAJJC8XOOubYFNwz6IER9qs0Gq2Xd0+CecCKFjtdDTMA4u4xG06Q==}
 
@@ -1932,9 +1748,6 @@ packages:
     resolution: {integrity: sha512-737ZY3yNnXy37FHkQxPzt4UZ2UWPWiCZWLvFZ4fu5cueciegX0zGPnrlY6bwRg4FdQOe9YU8MkmJwGhoMybl8A==}
     engines: {node: '>= 0.8'}
 
-  once@1.4.0:
-    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
-
   oniguruma-parser@0.12.1:
     resolution: {integrity: sha512-8Unqkvk1RYc6yq2WBYRj4hdnsAxVze8i7iPfQr8e4uSP3tRv0rpZcbGUDvxfQQcdwHt/e9PrMvGCsa8OqG9X3w==}
 
@@ -1965,18 +1778,12 @@ packages:
   panzoom@9.4.3:
     resolution: {integrity: sha512-xaxCpElcRbQsUtIdwlrZA90P90+BHip4Vda2BC8MEb4tkI05PmR6cKECdqUCZ85ZvBHjpI9htJrZBxV5Gp/q/w==}
 
-  parse-entities@4.0.2:
-    resolution: {integrity: sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==}
-
   parse-latin@7.0.0:
     resolution: {integrity: sha512-mhHgobPPua5kZ98EF4HWiH167JWBfl4pvAIXXdbaVohtK7a6YBOy56kvhCqduqyo/f3yrHFWmqmiMg/BkBkYYQ==}
 
   parse5@7.3.0:
     resolution: {integrity: sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==}
 
-  parse5@8.0.0:
-    resolution: {integrity: sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==}
-
   parseurl@1.3.3:
     resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==}
     engines: {node: '>= 0.8'}
@@ -2033,11 +1840,6 @@ packages:
     resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
     engines: {node: ^10 || ^12 || >=14}
 
-  prebuild-install@7.1.3:
-    resolution: {integrity: sha512-8Mf2cbV7x1cXPUILADGI3wuhfqWvtiLA1iclTDbFRZkgRQS0NqsPZphna9V+HyTEadheuPmjaJMsbzKQFOzLug==}
-    engines: {node: '>=10'}
-    hasBin: true
-
   prismjs@1.30.0:
     resolution: {integrity: sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==}
     engines: {node: '>=6'}
@@ -2059,13 +1861,6 @@ packages:
     resolution: {integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==}
     engines: {node: '>= 0.10'}
 
-  pump@3.0.3:
-    resolution: {integrity: sha512-todwxLMY7/heScKmntwQG8CXVkWUOdYxIvY2s0VWAAMh/nd8SoYiRaKjlr7+iCs984f2P8zvrfWcDDYVb73NfA==}
-
-  punycode@2.3.1:
-    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
-    engines: {node: '>=6'}
-
   qs@6.13.0:
     resolution: {integrity: sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==}
     engines: {node: '>=0.6'}
@@ -2085,14 +1880,6 @@ packages:
     resolution: {integrity: sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==}
     engines: {node: '>= 0.8'}
 
-  rc@1.2.8:
-    resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
-    hasBin: true
-
-  readable-stream@3.6.2:
-    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
-    engines: {node: '>= 6'}
-
   readdirp@4.1.2:
     resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
     engines: {node: '>= 14.18.0'}
@@ -2118,9 +1905,6 @@ packages:
   rehype@13.0.2:
     resolution: {integrity: sha512-j31mdaRFrwFRUIlxGeuPXXKWQxet52RBQRvCmzl5eCefn/KGbomK5GMHNMsOJf55fgo3qw5tST5neDuarDYR2A==}
 
-  remark-directive@4.0.0:
-    resolution: {integrity: sha512-7sxn4RfF1o3izevPV1DheyGDD6X4c9hrGpfdUpm7uC++dqrnJxIZVkk7CoKqcLm0VUMAuOol7Mno3m6g8cfMuA==}
-
   remark-gfm@4.0.1:
     resolution: {integrity: sha512-1quofZ2RQ9EWdeN34S79+KExV1764+wCUGop5CPL1WGdD0ocPpu91lzPGbwWMECpEpd42kJGQwzRfyov9j4yNg==}
 
@@ -2140,10 +1924,6 @@ packages:
   remark@15.0.1:
     resolution: {integrity: sha512-Eht5w30ruCXgFmxVUSlNWQ9iiimq07URKeFS3hNc8cUWy1llX4KDWfyEDZRycMc+znsN9Ux5/tJ/BFdgdOwA3A==}
 
-  require-from-string@2.0.2:
-    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
-    engines: {node: '>=0.10.0'}
-
   restructure@3.0.2:
     resolution: {integrity: sha512-gSfoiOEA0VPE6Tukkrr7I0RBdE0s7H1eFCDBk05l1KIQT1UIKNc5JZy6jdyW6eYH3aR3g5b3PuL77rq0hvwtAw==}
 
@@ -2173,10 +1953,6 @@ packages:
   sax@1.4.3:
     resolution: {integrity: sha512-yqYn1JhPczigF94DMS+shiDMjDowYO6y9+wB/4WgO0Y19jWYk0lQ4tuG5KI7kj4FTp1wxPj5IFfcrz/s1c3jjQ==}
 
-  saxes@6.0.0:
-    resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
-    engines: {node: '>=v12.22.7'}
-
   section-matter@1.0.0:
     resolution: {integrity: sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==}
     engines: {node: '>=4'}
@@ -2243,22 +2019,12 @@ packages:
     resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
     engines: {node: '>=14'}
 
-  simple-concat@1.0.1:
-    resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==}
-
-  simple-get@4.0.1:
-    resolution: {integrity: sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==}
-
   simple-swizzle@0.2.4:
     resolution: {integrity: sha512-nAu1WFPQSMNr2Zn9PGSZK9AGn4t/y97lEm+MXTtUDwfP0ksAIX4nO+6ruD9Jwut4C49SB1Ws+fbXsm/yScWOHw==}
 
   sisteransi@1.0.5:
     resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
 
-  slugify@1.6.6:
-    resolution: {integrity: sha512-h+z7HKHYXj6wJU+AnS/+IH8Uh9fdcX1Lrhg1/VMdf9PwoBQXFcXiAdsy2tSK0P6gKwJLXp02r90ahUCqHk9rrw==}
-    engines: {node: '>=8.0.0'}
-
   smol-toml@1.5.2:
     resolution: {integrity: sha512-QlaZEqcAH3/RtNyet1IPIYPsEWAaYyXXv1Krsi+1L/QHppjX4Ifm8MQsBISz9vE8cHicIq3clogsheili5vhaQ==}
     engines: {node: '>= 18'}
@@ -2293,9 +2059,6 @@ packages:
     resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
     engines: {node: '>=18'}
 
-  string_decoder@1.3.0:
-    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
-
   stringify-entities@4.0.4:
     resolution: {integrity: sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==}
 
@@ -2311,10 +2074,6 @@ packages:
     resolution: {integrity: sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==}
     engines: {node: '>=0.10.0'}
 
-  strip-json-comments@2.0.1:
-    resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
-    engines: {node: '>=0.10.0'}
-
   svgo@4.0.0:
     resolution: {integrity: sha512-VvrHQ+9uniE+Mvx3+C9IEe/lWasXCU0nXMY2kZeLrHNICuRiC8uMPyM14UEaMOFA5mhyQqEkB02VoQ16n3DLaw==}
     engines: {node: '>=16'}
@@ -2324,16 +2083,6 @@ packages:
     resolution: {integrity: sha512-RMeVUUjTQH+6N3ckimK93oxz6Sn5la4aDlgPzB+rBrG/smPdCTicXyhxa+woIpopz+jewEloiEE3lKo1h9w2YQ==}
     engines: {node: '>= 4.7.0'}
 
-  symbol-tree@3.2.4:
-    resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
-
-  tar-fs@2.1.4:
-    resolution: {integrity: sha512-mDAjwmZdh7LTT6pNleZ05Yt65HC3E+NiQzl672vQG38jIrehtJk/J3mNwIg+vShQPcLF/LV7CMnDW6vjj6sfYQ==}
-
-  tar-stream@2.2.0:
-    resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
-    engines: {node: '>=6'}
-
   three@0.172.0:
     resolution: {integrity: sha512-6HMgMlzU97MsV7D/tY8Va38b83kz8YJX+BefKjspMNAv0Vx6dxMogHOrnRl/sbMIs3BPUKijPqDqJ/+UwJbIow==}
 
@@ -2348,13 +2097,6 @@ packages:
     resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
     engines: {node: '>=12.0.0'}
 
-  tldts-core@7.0.19:
-    resolution: {integrity: sha512-lJX2dEWx0SGH4O6p+7FPwYmJ/bu1JbcGJ8RLaG9b7liIgZ85itUVEPbMtWRVrde/0fnDPEPHW10ZsKW3kVsE9A==}
-
-  tldts@7.0.19:
-    resolution: {integrity: sha512-8PWx8tvC4jDB39BQw1m4x8y5MH1BcQ5xHeL2n7UVFulMPH/3Q0uiamahFJ3lXA0zO2SUyRXuVVbWSDmstlt9YA==}
-    hasBin: true
-
   toidentifier@1.0.1:
     resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
     engines: {node: '>=0.6'}
@@ -2363,14 +2105,6 @@ packages:
     resolution: {integrity: sha512-KAB2lrSS48y91MzFPFuDg4hLbvDiyTjOVgaK7Erw+5AmZXNq4sFRVn8r6yxSLuNs15PaokrDRpS61ERY9uZOug==}
     engines: {node: '>=10'}
 
-  tough-cookie@6.0.0:
-    resolution: {integrity: sha512-kXuRi1mtaKMrsLUxz3sQYvVl37B0Ns6MzfrtV5DvJceE9bPyspOqk9xxv7XbZWcfLWbFmm997vl83qUWVJA64w==}
-    engines: {node: '>=16'}
-
-  tr46@6.0.0:
-    resolution: {integrity: sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==}
-    engines: {node: '>=20'}
-
   trim-lines@3.0.1:
     resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
 
@@ -2390,9 +2124,6 @@ packages:
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
-  tunnel-agent@0.6.0:
-    resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
-
   type-fest@4.41.0:
     resolution: {integrity: sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==}
     engines: {node: '>=16'}
@@ -2533,9 +2264,6 @@ packages:
       uploadthing:
         optional: true
 
-  util-deprecate@1.0.2:
-    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
-
   utils-merge@1.0.1:
     resolution: {integrity: sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==}
     engines: {node: '>= 0.4.0'}
@@ -2601,29 +2329,9 @@ packages:
       vite:
         optional: true
 
-  w3c-xmlserializer@5.0.0:
-    resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==}
-    engines: {node: '>=18'}
-
   web-namespaces@2.0.1:
     resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==}
 
-  webidl-conversions@8.0.0:
-    resolution: {integrity: sha512-n4W4YFyz5JzOfQeA8oN7dUYpR+MBP3PIUsn2jLjWXwK5ASUzt0Jc/A5sAUZoCYFJRGF0FBKJ+1JjN43rNdsQzA==}
-    engines: {node: '>=20'}
-
-  whatwg-encoding@3.1.1:
-    resolution: {integrity: sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==}
-    engines: {node: '>=18'}
-
-  whatwg-mimetype@4.0.0:
-    resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==}
-    engines: {node: '>=18'}
-
-  whatwg-url@15.1.0:
-    resolution: {integrity: sha512-2ytDk0kiEj/yu90JOAp44PVPUkO9+jVhyf+SybKlRHSDlvOOZhdPIrr7xTH64l4WixO2cP+wQIcgujkGBPPz6g==}
-    engines: {node: '>=20'}
-
   wheel@1.0.0:
     resolution: {integrity: sha512-XiCMHibOiqalCQ+BaNSwRoZ9FDTAvOsXxGHXChBugewDj7HC8VBIER71dEOiRH1fSdLbRCQzngKTSiZ06ZQzeA==}
 
@@ -2652,34 +2360,12 @@ packages:
     resolution: {integrity: sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==}
     engines: {node: '>=18'}
 
-  wrappy@1.0.2:
-    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
-
-  ws@8.18.3:
-    resolution: {integrity: sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==}
-    engines: {node: '>=10.0.0'}
-    peerDependencies:
-      bufferutil: ^4.0.1
-      utf-8-validate: '>=5.0.2'
-    peerDependenciesMeta:
-      bufferutil:
-        optional: true
-      utf-8-validate:
-        optional: true
-
   xlsx@https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz:
     resolution: {tarball: https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz}
     version: 0.20.3
     engines: {node: '>=0.8'}
     hasBin: true
 
-  xml-name-validator@5.0.0:
-    resolution: {integrity: sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==}
-    engines: {node: '>=18'}
-
-  xmlchars@2.2.0:
-    resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
-
   xxhash-wasm@1.1.0:
     resolution: {integrity: sha512-147y/6YNh+tlp6nd/2pWq38i9h6mz/EuQ6njIrmW8D1BS5nCqs0P6DG+m6zTGnNz5I+uhZ0SHxBs9BsPrwcKDA==}
 
@@ -2718,26 +2404,6 @@ packages:
 
 snapshots:
 
-  '@acemir/cssom@0.9.24': {}
-
-  '@asamuzakjp/css-color@4.1.0':
-    dependencies:
-      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
-      '@csstools/css-color-parser': 3.1.0(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
-      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
-      '@csstools/css-tokenizer': 3.0.4
-      lru-cache: 11.2.2
-
-  '@asamuzakjp/dom-selector@6.7.4':
-    dependencies:
-      '@asamuzakjp/nwsapi': 2.3.9
-      bidi-js: 1.0.3
-      css-tree: 3.1.0
-      is-potential-custom-element-name: 1.0.1
-      lru-cache: 11.2.2
-
-  '@asamuzakjp/nwsapi@2.3.9': {}
-
   '@astrojs/compiler@2.13.0': {}
 
   '@astrojs/internal-helpers@0.7.5': {}
@@ -2810,28 +2476,6 @@ snapshots:
     dependencies:
       fontkit: 2.0.4
 
-  '@csstools/color-helpers@5.1.0': {}
-
-  '@csstools/css-calc@2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
-    dependencies:
-      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
-      '@csstools/css-tokenizer': 3.0.4
-
-  '@csstools/css-color-parser@3.1.0(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
-    dependencies:
-      '@csstools/color-helpers': 5.1.0
-      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
-      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
-      '@csstools/css-tokenizer': 3.0.4
-
-  '@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4)':
-    dependencies:
-      '@csstools/css-tokenizer': 3.0.4
-
-  '@csstools/css-syntax-patches-for-csstree@1.0.17': {}
-
-  '@csstools/css-tokenizer@3.0.4': {}
-
   '@emnapi/runtime@1.7.1':
     dependencies:
       tslib: 2.8.1
@@ -3342,8 +2986,6 @@ snapshots:
 
   '@types/trusted-types@2.0.7': {}
 
-  '@types/unist@2.0.11': {}
-
   '@types/unist@3.0.3': {}
 
   '@ungap/structured-clone@1.3.0': {}
@@ -3357,8 +2999,6 @@ snapshots:
 
   adm-zip@0.5.16: {}
 
-  agent-base@7.1.4: {}
-
   amator@1.1.0:
     dependencies:
       bezier-easing: 2.1.0
@@ -3508,27 +3148,8 @@ snapshots:
 
   before-after-hook@3.0.2: {}
 
-  better-sqlite3@12.4.6:
-    dependencies:
-      bindings: 1.5.0
-      prebuild-install: 7.1.3
-
   bezier-easing@2.1.0: {}
 
-  bidi-js@1.0.3:
-    dependencies:
-      require-from-string: 2.0.2
-
-  bindings@1.5.0:
-    dependencies:
-      file-uri-to-path: 1.0.0
-
-  bl@4.1.0:
-    dependencies:
-      buffer: 5.7.1
-      inherits: 2.0.4
-      readable-stream: 3.6.2
-
   body-parser@1.20.3:
     dependencies:
       bytes: 3.1.2
@@ -3563,11 +3184,6 @@ snapshots:
     dependencies:
       base64-js: 1.5.1
 
-  buffer@5.7.1:
-    dependencies:
-      base64-js: 1.5.1
-      ieee754: 1.2.1
-
   bytes@3.1.2: {}
 
   call-bind-apply-helpers@1.0.2:
@@ -3592,14 +3208,10 @@ snapshots:
 
   character-entities@2.0.2: {}
 
-  character-reference-invalid@2.0.1: {}
-
   chokidar@4.0.3:
     dependencies:
       readdirp: 4.1.2
 
-  chownr@1.1.4: {}
-
   ci-info@4.3.1: {}
 
   cli-boxes@3.0.0: {}
@@ -3634,25 +3246,6 @@ snapshots:
     dependencies:
       safe-buffer: 5.2.1
 
-  content-structure@2.0.1:
-    dependencies:
-      better-sqlite3: 12.4.6
-      glob: 13.0.0
-      gray-matter: 4.0.3
-      js-yaml: 4.1.1
-      jsdom: 27.2.0
-      remark: 15.0.1
-      remark-directive: 4.0.0
-      remark-gfm: 4.0.1
-      slugify: 1.6.6
-      unified: 11.0.5
-      unist-util-visit: 5.0.0
-    transitivePeerDependencies:
-      - bufferutil
-      - canvas
-      - supports-color
-      - utf-8-validate
-
   content-type@1.0.5: {}
 
   cookie-es@1.2.2: {}
@@ -3713,17 +3306,6 @@ snapshots:
     dependencies:
       css-tree: 2.2.1
 
-  cssstyle@5.3.3:
-    dependencies:
-      '@asamuzakjp/css-color': 4.1.0
-      '@csstools/css-syntax-patches-for-csstree': 1.0.17
-      css-tree: 3.1.0
-
-  data-urls@6.0.0:
-    dependencies:
-      whatwg-mimetype: 4.0.0
-      whatwg-url: 15.1.0
-
   datatables.net-dt@1.13.11:
     dependencies:
       datatables.net: 1.13.11
@@ -3741,18 +3323,10 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
-  decimal.js@10.6.0: {}
-
   decode-named-character-reference@1.2.0:
     dependencies:
       character-entities: 2.0.2
 
-  decompress-response@6.0.0:
-    dependencies:
-      mimic-response: 3.1.0
-
-  deep-extend@0.6.0: {}
-
   defu@6.1.4: {}
 
   depd@2.0.0: {}
@@ -3823,10 +3397,6 @@ snapshots:
 
   encodeurl@2.0.0: {}
 
-  end-of-stream@1.4.5:
-    dependencies:
-      once: 1.4.0
-
   entities@4.5.0: {}
 
   entities@6.0.1: {}
@@ -3886,8 +3456,6 @@ snapshots:
 
   eventemitter3@5.0.1: {}
 
-  expand-template@2.0.3: {}
-
   express-session@1.18.2:
     dependencies:
       cookie: 0.7.2
@@ -3951,8 +3519,6 @@ snapshots:
     optionalDependencies:
       picomatch: 4.0.3
 
-  file-uri-to-path@1.0.0: {}
-
   finalhandler@1.3.1:
     dependencies:
       debug: 2.6.9
@@ -3995,8 +3561,6 @@ snapshots:
 
   fresh@2.0.0: {}
 
-  fs-constants@1.0.0: {}
-
   fsevents@2.3.3:
     optional: true
 
@@ -4022,8 +3586,6 @@ snapshots:
       dunder-proto: 1.0.1
       es-object-atoms: 1.1.1
 
-  github-from-package@0.0.0: {}
-
   github-slugger@2.0.0: {}
 
   glob@11.1.0:
@@ -4035,12 +3597,6 @@ snapshots:
       package-json-from-dist: 1.0.1
       path-scurry: 2.0.1
 
-  glob@13.0.0:
-    dependencies:
-      minimatch: 10.1.1
-      minipass: 7.1.2
-      path-scurry: 2.0.1
-
   gopd@1.2.0: {}
 
   gray-matter@4.0.3:
@@ -4155,10 +3711,6 @@ snapshots:
       property-information: 7.1.0
       space-separated-tokens: 2.0.2
 
-  html-encoding-sniffer@4.0.0:
-    dependencies:
-      whatwg-encoding: 3.1.1
-
   html-escaper@3.0.3: {}
 
   html-void-elements@3.0.0: {}
@@ -4181,69 +3733,34 @@ snapshots:
       statuses: 2.0.2
       toidentifier: 1.0.1
 
-  http-proxy-agent@7.0.2:
-    dependencies:
-      agent-base: 7.1.4
-      debug: 4.4.3
-    transitivePeerDependencies:
-      - supports-color
-
-  https-proxy-agent@7.0.6:
-    dependencies:
-      agent-base: 7.1.4
-      debug: 4.4.3
-    transitivePeerDependencies:
-      - supports-color
-
   iconv-lite@0.4.24:
     dependencies:
       safer-buffer: 2.1.2
 
-  iconv-lite@0.6.3:
-    dependencies:
-      safer-buffer: 2.1.2
-
-  ieee754@1.2.1: {}
-
   immediate@3.0.6: {}
 
   import-meta-resolve@4.2.0: {}
 
   inherits@2.0.4: {}
 
-  ini@1.3.8: {}
-
   ipaddr.js@1.9.1: {}
 
   iron-webcrypto@1.2.1: {}
 
-  is-alphabetical@2.0.1: {}
-
-  is-alphanumerical@2.0.1:
-    dependencies:
-      is-alphabetical: 2.0.1
-      is-decimal: 2.0.1
-
   is-arrayish@0.3.4: {}
 
-  is-decimal@2.0.1: {}
-
   is-docker@3.0.0: {}
 
   is-extendable@0.1.1: {}
 
   is-fullwidth-code-point@3.0.0: {}
 
-  is-hexadecimal@2.0.1: {}
-
   is-inside-container@1.0.0:
     dependencies:
       is-docker: 3.0.0
 
   is-plain-obj@4.1.0: {}
 
-  is-potential-custom-element-name@1.0.1: {}
-
   is-promise@2.2.2: {}
 
   is-wsl@3.1.0:
@@ -4267,33 +3784,6 @@ snapshots:
     dependencies:
       argparse: 2.0.1
 
-  jsdom@27.2.0:
-    dependencies:
-      '@acemir/cssom': 0.9.24
-      '@asamuzakjp/dom-selector': 6.7.4
-      cssstyle: 5.3.3
-      data-urls: 6.0.0
-      decimal.js: 10.6.0
-      html-encoding-sniffer: 4.0.0
-      http-proxy-agent: 7.0.2
-      https-proxy-agent: 7.0.6
-      is-potential-custom-element-name: 1.0.1
-      parse5: 8.0.0
-      saxes: 6.0.0
-      symbol-tree: 3.2.4
-      tough-cookie: 6.0.0
-      w3c-xmlserializer: 5.0.0
-      webidl-conversions: 8.0.0
-      whatwg-encoding: 3.1.1
-      whatwg-mimetype: 4.0.0
-      whatwg-url: 15.1.0
-      ws: 8.18.3
-      xml-name-validator: 5.0.0
-    transitivePeerDependencies:
-      - bufferutil
-      - supports-color
-      - utf-8-validate
-
   kind-of@6.0.3: {}
 
   kleur@3.0.3: {}
@@ -4346,20 +3836,6 @@ snapshots:
       '@types/unist': 3.0.3
       unist-util-visit: 5.0.0
 
-  mdast-util-directive@3.1.0:
-    dependencies:
-      '@types/mdast': 4.0.4
-      '@types/unist': 3.0.3
-      ccount: 2.0.1
-      devlop: 1.1.0
-      mdast-util-from-markdown: 2.0.2
-      mdast-util-to-markdown: 2.1.2
-      parse-entities: 4.0.2
-      stringify-entities: 4.0.4
-      unist-util-visit-parents: 6.0.2
-    transitivePeerDependencies:
-      - supports-color
-
   mdast-util-find-and-replace@3.0.2:
     dependencies:
       '@types/mdast': 4.0.4
@@ -4503,16 +3979,6 @@ snapshots:
       micromark-util-symbol: 2.0.1
       micromark-util-types: 2.0.2
 
-  micromark-extension-directive@4.0.0:
-    dependencies:
-      devlop: 1.1.0
-      micromark-factory-space: 2.0.1
-      micromark-factory-whitespace: 2.0.1
-      micromark-util-character: 2.1.1
-      micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.2
-      parse-entities: 4.0.2
-
   micromark-extension-gfm-autolink-literal@2.1.0:
     dependencies:
       micromark-util-character: 2.1.1
@@ -4699,18 +4165,12 @@ snapshots:
 
   mime@1.6.0: {}
 
-  mimic-response@3.1.0: {}
-
   minimatch@10.1.1:
     dependencies:
       '@isaacs/brace-expansion': 5.0.0
 
-  minimist@1.2.8: {}
-
   minipass@7.1.2: {}
 
-  mkdirp-classic@0.5.3: {}
-
   mrmime@2.0.1: {}
 
   ms@2.0.0: {}
@@ -4719,8 +4179,6 @@ snapshots:
 
   nanoid@3.3.11: {}
 
-  napi-build-utils@2.0.0: {}
-
   negotiator@0.6.3: {}
 
   neotraverse@0.6.18: {}
@@ -4731,10 +4189,6 @@ snapshots:
     dependencies:
       '@types/nlcst': 2.0.3
 
-  node-abi@3.85.0:
-    dependencies:
-      semver: 7.7.3
-
   node-fetch-native@1.6.7: {}
 
   node-mock-http@1.0.3: {}
@@ -4765,10 +4219,6 @@ snapshots:
 
   on-headers@1.1.0: {}
 
-  once@1.4.0:
-    dependencies:
-      wrappy: 1.0.2
-
   oniguruma-parser@0.12.1: {}
 
   oniguruma-to-es@4.3.4:
@@ -4800,16 +4250,6 @@ snapshots:
       ngraph.events: 1.4.0
       wheel: 1.0.0
 
-  parse-entities@4.0.2:
-    dependencies:
-      '@types/unist': 2.0.11
-      character-entities-legacy: 3.0.0
-      character-reference-invalid: 2.0.1
-      decode-named-character-reference: 1.2.0
-      is-alphanumerical: 2.0.1
-      is-decimal: 2.0.1
-      is-hexadecimal: 2.0.1
-
   parse-latin@7.0.0:
     dependencies:
       '@types/nlcst': 2.0.3
@@ -4823,10 +4263,6 @@ snapshots:
     dependencies:
       entities: 6.0.1
 
-  parse5@8.0.0:
-    dependencies:
-      entities: 6.0.1
-
   parseurl@1.3.3: {}
 
   passport-github@1.1.0:
@@ -4876,21 +4312,6 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
-  prebuild-install@7.1.3:
-    dependencies:
-      detect-libc: 2.1.2
-      expand-template: 2.0.3
-      github-from-package: 0.0.0
-      minimist: 1.2.8
-      mkdirp-classic: 0.5.3
-      napi-build-utils: 2.0.0
-      node-abi: 3.85.0
-      pump: 3.0.3
-      rc: 1.2.8
-      simple-get: 4.0.1
-      tar-fs: 2.1.4
-      tunnel-agent: 0.6.0
-
   prismjs@1.30.0: {}
 
   promise-worker-transferable@1.0.4:
@@ -4912,13 +4333,6 @@ snapshots:
       forwarded: 0.2.0
       ipaddr.js: 1.9.1
 
-  pump@3.0.3:
-    dependencies:
-      end-of-stream: 1.4.5
-      once: 1.4.0
-
-  punycode@2.3.1: {}
-
   qs@6.13.0:
     dependencies:
       side-channel: 1.1.0
@@ -4936,19 +4350,6 @@ snapshots:
       iconv-lite: 0.4.24
       unpipe: 1.0.0
 
-  rc@1.2.8:
-    dependencies:
-      deep-extend: 0.6.0
-      ini: 1.3.8
-      minimist: 1.2.8
-      strip-json-comments: 2.0.1
-
-  readable-stream@3.6.2:
-    dependencies:
-      inherits: 2.0.4
-      string_decoder: 1.3.0
-      util-deprecate: 1.0.2
-
   readdirp@4.1.2: {}
 
   regex-recursion@6.0.2:
@@ -4986,15 +4387,6 @@ snapshots:
       rehype-stringify: 10.0.1
       unified: 11.0.5
 
-  remark-directive@4.0.0:
-    dependencies:
-      '@types/mdast': 4.0.4
-      mdast-util-directive: 3.1.0
-      micromark-extension-directive: 4.0.0
-      unified: 11.0.5
-    transitivePeerDependencies:
-      - supports-color
-
   remark-gfm@4.0.1:
     dependencies:
       '@types/mdast': 4.0.4
@@ -5045,8 +4437,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  require-from-string@2.0.2: {}
-
   restructure@3.0.2: {}
 
   retext-latin@4.0.0:
@@ -5108,10 +4498,6 @@ snapshots:
 
   sax@1.4.3: {}
 
-  saxes@6.0.0:
-    dependencies:
-      xmlchars: 2.2.0
-
   section-matter@1.0.0:
     dependencies:
       extend-shallow: 2.0.1
@@ -5271,22 +4657,12 @@ snapshots:
 
   signal-exit@4.1.0: {}
 
-  simple-concat@1.0.1: {}
-
-  simple-get@4.0.1:
-    dependencies:
-      decompress-response: 6.0.0
-      once: 1.4.0
-      simple-concat: 1.0.1
-
   simple-swizzle@0.2.4:
     dependencies:
       is-arrayish: 0.3.4
 
   sisteransi@1.0.5: {}
 
-  slugify@1.6.6: {}
-
   smol-toml@1.5.2: {}
 
   source-map-js@1.2.1: {}
@@ -5317,10 +4693,6 @@ snapshots:
       get-east-asian-width: 1.4.0
       strip-ansi: 7.1.2
 
-  string_decoder@1.3.0:
-    dependencies:
-      safe-buffer: 5.2.1
-
   stringify-entities@4.0.4:
     dependencies:
       character-entities-html4: 2.1.0
@@ -5336,8 +4708,6 @@ snapshots:
 
   strip-bom-string@1.0.0: {}
 
-  strip-json-comments@2.0.1: {}
-
   svgo@4.0.0:
     dependencies:
       commander: 11.1.0
@@ -5350,23 +4720,6 @@ snapshots:
 
   swiper@11.2.10: {}
 
-  symbol-tree@3.2.4: {}
-
-  tar-fs@2.1.4:
-    dependencies:
-      chownr: 1.1.4
-      mkdirp-classic: 0.5.3
-      pump: 3.0.3
-      tar-stream: 2.2.0
-
-  tar-stream@2.2.0:
-    dependencies:
-      bl: 4.1.0
-      end-of-stream: 1.4.5
-      fs-constants: 1.0.0
-      inherits: 2.0.4
-      readable-stream: 3.6.2
-
   three@0.172.0: {}
 
   tiny-inflate@1.0.3: {}
@@ -5378,24 +4731,10 @@ snapshots:
       fdir: 6.5.0(picomatch@4.0.3)
       picomatch: 4.0.3
 
-  tldts-core@7.0.19: {}
-
-  tldts@7.0.19:
-    dependencies:
-      tldts-core: 7.0.19
-
   toidentifier@1.0.1: {}
 
   tosource@2.0.0-alpha.3: {}
 
-  tough-cookie@6.0.0:
-    dependencies:
-      tldts: 7.0.19
-
-  tr46@6.0.0:
-    dependencies:
-      punycode: 2.3.1
-
   trim-lines@3.0.1: {}
 
   trough@2.2.0: {}
@@ -5406,10 +4745,6 @@ snapshots:
 
   tslib@2.8.1: {}
 
-  tunnel-agent@0.6.0:
-    dependencies:
-      safe-buffer: 5.2.1
-
   type-fest@4.41.0: {}
 
   type-is@1.6.18:
@@ -5516,8 +4851,6 @@ snapshots:
       ofetch: 1.5.1
       ufo: 1.6.1
 
-  util-deprecate@1.0.2: {}
-
   utils-merge@1.0.1: {}
 
   vary@1.1.2: {}
@@ -5553,25 +4886,8 @@ snapshots:
     optionalDependencies:
       vite: 6.4.1(@types/node@24.10.1)
 
-  w3c-xmlserializer@5.0.0:
-    dependencies:
-      xml-name-validator: 5.0.0
-
   web-namespaces@2.0.1: {}
 
-  webidl-conversions@8.0.0: {}
-
-  whatwg-encoding@3.1.1:
-    dependencies:
-      iconv-lite: 0.6.3
-
-  whatwg-mimetype@4.0.0: {}
-
-  whatwg-url@15.1.0:
-    dependencies:
-      tr46: 6.0.0
-      webidl-conversions: 8.0.0
-
   wheel@1.0.0: {}
 
   which-pm-runs@1.1.0: {}
@@ -5602,16 +4918,8 @@ snapshots:
       string-width: 7.2.0
       strip-ansi: 7.1.2
 
-  wrappy@1.0.2: {}
-
-  ws@8.18.3: {}
-
   xlsx@https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz: {}
 
-  xml-name-validator@5.0.0: {}
-
-  xmlchars@2.2.0: {}
-
   xxhash-wasm@1.1.0: {}
 
   yargs-parser@21.1.1: {}
diff --git a/public/.nojekyll b/public/.nojekyll
deleted file mode 100644
index e69de29..0000000
diff --git a/public/menu.json b/public/menu.json
deleted file mode 100644
index 2ae19f3..0000000
--- a/public/menu.json
+++ /dev/null
@@ -1,354 +0,0 @@
-{
-  "hash": "d48b10d0",
-  "base_menu": [
-    {
-      "label": "Home",
-      "link": "/",
-      "autogenerate": {
-        "directory": "."
-      }
-    },
-    {
-      "label": "Examples",
-      "link": "/examples",
-      "autogenerate": {
-        "directory": "examples"
-      }
-    },
-    {
-      "label": "About",
-      "link": "/about",
-      "autogenerate": {
-        "directory": "about"
-      }
-    },
-    {
-      "icon": "github",
-      "align": "right",
-      "link": "https://github.com/MicroWebStacks/astro-big-doc"
-    }
-  ],
-  "sections": {
-    "examples": [
-      {
-        "label": "cards-body",
-        "path": "examples/cards-body/readme.md",
-        "url": "examples/cards-body",
-        "url_type": "dir",
-        "level": 3,
-        "link": "/examples/cards-body",
-        "format": "markdown",
-        "order": 1,
-        "parent": false
-      },
-      {
-        "label": "cards-meta",
-        "path": "examples/cards-meta/readme.md",
-        "url": "examples/cards-meta",
-        "url_type": "dir",
-        "level": 3,
-        "link": "/examples/cards-meta",
-        "format": "markdown",
-        "order": 1,
-        "items": [
-          {
-            "label": "Tiger Page",
-            "path": "examples/cards-meta/tiger.md",
-            "url": "examples/cards-meta/tiger-page",
-            "url_type": "file",
-            "level": 4,
-            "link": "/examples/cards-meta/tiger-page",
-            "format": "markdown",
-            "order": 1,
-            "parent": false
-          },
-          {
-            "label": "Astro Page",
-            "path": "examples/cards-meta/astro.md",
-            "url": "examples/cards-meta/astro-page",
-            "url_type": "file",
-            "level": 4,
-            "link": "/examples/cards-meta/astro-page",
-            "format": "markdown",
-            "order": 2,
-            "parent": false
-          }
-        ],
-        "parent": true,
-        "expanded": true
-      },
-      {
-        "label": "Code Blocks",
-        "path": "examples/code-block/readme.md",
-        "url": "examples/code-block",
-        "url_type": "dir",
-        "level": 3,
-        "link": "/examples/code-block",
-        "format": "markdown",
-        "order": 1,
-        "parent": false
-      },
-      {
-        "label": "page-reference",
-        "path": "examples/page-reference/readme.md",
-        "url": "examples/page-reference",
-        "url_type": "dir",
-        "level": 3,
-        "link": "/examples/page-reference",
-        "format": "markdown",
-        "order": 1,
-        "parent": false
-      },
-      {
-        "label": "short-reference",
-        "path": "examples/short-reference/readme.md",
-        "url": "examples/short-reference",
-        "url_type": "dir",
-        "level": 3,
-        "link": "/examples/short-reference",
-        "format": "markdown",
-        "order": 1,
-        "parent": false
-      },
-      {
-        "label": "Code Diagrams",
-        "path": "examples/diagrams/readme.md",
-        "url": "examples/diagrams",
-        "url_type": "dir",
-        "level": 3,
-        "link": "/examples/diagrams",
-        "format": "markdown",
-        "order": 2,
-        "parent": false
-      },
-      {
-        "label": "SVG Panzoom",
-        "path": "examples/panzoom/readme.md",
-        "url": "examples/panzoom",
-        "url_type": "dir",
-        "level": 3,
-        "link": "/examples/panzoom",
-        "format": "markdown",
-        "order": 3,
-        "parent": false
-      },
-      {
-        "label": "Absolute assets",
-        "path": "examples/abs_assets/readme.md",
-        "url": "examples/abs_assets",
-        "url_type": "dir",
-        "level": 3,
-        "link": "/examples/abs_assets",
-        "format": "markdown",
-        "order": 4,
-        "parent": false
-      },
-      {
-        "label": "SVG Meta data",
-        "path": "examples/svg-meta/readme.md",
-        "url": "examples/svg-meta",
-        "url_type": "dir",
-        "level": 3,
-        "link": "/examples/svg-meta",
-        "format": "markdown",
-        "order": 4,
-        "parent": false
-      },
-      {
-        "label": "Code Diagrams Meta",
-        "path": "examples/code-diagram-meta/readme.md",
-        "url": "examples/code-diagram-meta",
-        "url_type": "dir",
-        "level": 3,
-        "link": "/examples/code-diagram-meta",
-        "format": "markdown",
-        "order": 5,
-        "parent": false
-      },
-      {
-        "label": "Table Data",
-        "path": "examples/table-data/readme.md",
-        "url": "examples/table-data",
-        "url_type": "dir",
-        "level": 3,
-        "link": "/examples/table-data",
-        "format": "markdown",
-        "order": 8,
-        "parent": false
-      },
-      {
-        "label": "Table XLSX",
-        "path": "examples/table-xlsx/readme.md",
-        "url": "examples/table-xlsx",
-        "url_type": "dir",
-        "level": 3,
-        "link": "/examples/table-xlsx",
-        "format": "markdown",
-        "order": 9,
-        "parent": false
-      },
-      {
-        "label": "Details",
-        "path": "examples/details/readme.md",
-        "url": "examples/details",
-        "url_type": "dir",
-        "level": 3,
-        "link": "/examples/details",
-        "format": "markdown",
-        "order": 10,
-        "parent": false
-      },
-      {
-        "label": "Gallery PhotoSwipe",
-        "path": "examples/gallery/readme.md",
-        "url": "examples/gallery",
-        "url_type": "dir",
-        "level": 3,
-        "link": "/examples/gallery",
-        "format": "markdown",
-        "order": 11,
-        "parent": false
-      },
-      {
-        "label": "Gallery Panzoom",
-        "path": "examples/gallery_pz/readme.md",
-        "url": "examples/gallery_pz",
-        "url_type": "dir",
-        "level": 3,
-        "link": "/examples/gallery_pz",
-        "format": "markdown",
-        "order": 12,
-        "parent": false
-      },
-      {
-        "label": "Swiper",
-        "path": "examples/swiper/readme.md",
-        "url": "examples/swiper",
-        "url_type": "dir",
-        "level": 3,
-        "link": "/examples/swiper",
-        "format": "markdown",
-        "order": 13,
-        "parent": false
-      },
-      {
-        "label": "Notes",
-        "path": "examples/notes/readme.md",
-        "url": "examples/notes",
-        "url_type": "dir",
-        "level": 3,
-        "link": "/examples/notes",
-        "format": "markdown",
-        "order": 20,
-        "parent": false
-      },
-      {
-        "label": "prepare1",
-        "path": "examples/prepare1",
-        "url": "examples/prepare1",
-        "url_type": "dir",
-        "format": "folder",
-        "level": 3,
-        "items": [
-          {
-            "label": "prepare2",
-            "path": "examples/prepare1/prepare2/readme.md",
-            "url": "examples/prepare1/prepare2",
-            "url_type": "dir",
-            "level": 4,
-            "link": "/examples/prepare1/prepare2",
-            "format": "markdown",
-            "order": 1,
-            "items": [
-              {
-                "label": "deepest2",
-                "path": "examples/prepare1/prepare2/deepest1/deepest2",
-                "url": "examples/prepare1/prepare2/deepest1/deepest2",
-                "url_type": "dir",
-                "format": "folder",
-                "level": 6,
-                "items": [
-                  {
-                    "label": "deepest3",
-                    "path": "examples/prepare1/prepare2/deepest1/deepest2/deepest3/readme.md",
-                    "url": "examples/prepare1/prepare2/deepest1/deepest2/deepest3",
-                    "url_type": "dir",
-                    "level": 7,
-                    "link": "/examples/prepare1/prepare2/deepest1/deepest2/deepest3",
-                    "format": "markdown",
-                    "order": 1,
-                    "parent": false
-                  }
-                ],
-                "parent": true,
-                "expanded": true
-              }
-            ],
-            "parent": true,
-            "expanded": true
-          }
-        ],
-        "parent": true,
-        "expanded": true
-      },
-      {
-        "label": "presentation",
-        "path": "examples/presentation",
-        "url": "examples/presentation",
-        "url_type": "dir",
-        "format": "folder",
-        "level": 3,
-        "items": [
-          {
-            "label": "raspi",
-            "path": "examples/presentation/raspi/readme.md",
-            "url": "examples/presentation/raspi",
-            "url_type": "dir",
-            "level": 4,
-            "link": "/examples/presentation/raspi",
-            "format": "markdown",
-            "order": 1,
-            "parent": false
-          },
-          {
-            "label": "Tester page 1",
-            "path": "examples/presentation/tester_page_1/readme.md",
-            "url": "examples/presentation/tester_page_1",
-            "url_type": "dir",
-            "level": 4,
-            "link": "/examples/presentation/tester_page_1",
-            "format": "markdown",
-            "order": 1,
-            "parent": false
-          },
-          {
-            "label": "Tester page 2",
-            "path": "examples/presentation/tester_page_2/readme.md",
-            "url": "examples/presentation/tester_page_2",
-            "url_type": "dir",
-            "level": 4,
-            "link": "/examples/presentation/tester_page_2",
-            "format": "markdown",
-            "order": 1,
-            "parent": false
-          },
-          {
-            "label": "Tester page 3",
-            "path": "examples/presentation/tester_page_3/readme.md",
-            "url": "examples/presentation/tester_page_3",
-            "url_type": "dir",
-            "level": 4,
-            "link": "/examples/presentation/tester_page_3",
-            "format": "markdown",
-            "order": 1,
-            "parent": false
-          }
-        ],
-        "parent": true,
-        "expanded": true
-      }
-    ],
-    "about": [],
-    "external": []
-  }
-}
\ No newline at end of file
diff --git a/public/svg.svg b/public/svg.svg
deleted file mode 100644
index c589867..0000000
--- a/public/svg.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-300 -300 600 600" width="200" height="200">
-<title>SVG Simple Icon Tiny</title>
-<desc>Designed for the SVG Logo Contest in 2006 by Harvey Rayner. It is available under the Creative Commons license for those who have an SVG product or who are using SVG on their site.</desc>
-<use xlink:href="#a" stroke="#000" stroke-width="76.7"/>
-<g id="a">
-	<g id="b">
-		<g id="c" fill="#fff">
-			<circle id="d" cx="-202" r="45.2"/>
-			<path d="m201-32-402,0 0,64 402,0"/>
-			<use xlink:href="#d" x="404"/>
-		</g>
-		<use xlink:href="#c" transform="rotate(90)"/>
-	</g>
-	<use xlink:href="#b" transform="rotate(45)"/>
-</g>
-</svg>
\ No newline at end of file
diff --git a/src/components/gallery/gallery_pz.astro b/src/components/gallery/gallery_pz.astro
deleted file mode 100644
index bc64355..0000000
--- a/src/components/gallery/gallery_pz.astro
+++ /dev/null
@@ -1,133 +0,0 @@
----
-import {assetToUrl} from '@/libs/assets.js'
-import {get_dir_files} from '@/libs/utils.js'
-import PanZoomModal from '../panzoom/panzoommodal.astro'
-import yaml from 'js-yaml'
-
-export interface Props {
-  code: string;
-  dirpath: string;
-  expanded: boolean;
-}
-
-const { code, dirpath, expanded=true } = Astro.props as Props;
-
-let relImages
-const data = yaml.load(code)
-if(Array.isArray(data)){
-    relImages = data
-}else{
-    if(Object.hasOwn(data,"dir")){
-        relImages = await get_dir_files(dirpath,data.dir)
-    }
-}
-
-let imagesUrls = []
-for(const relFile of relImages){
-    const url = await assetToUrl(relFile,dirpath)
-    imagesUrls.push({
-        url:url,
-        isSVG:url.endsWith(".svg"),
-        name:relFile
-    })
-}
----
-
-<div class="container gallery" data-state="init">
-    <button class="collapsible">
-        {expanded?"Click to close":"Click to expand"}
-    </button>
-    <div class={`content ${expanded?"expanded":""}`}>
-        <div class="itemscontainer">
-            {imagesUrls.map((image)=>(
-                <div class="item container panzoom" data-name={image.name}>
-                    <div class="itemimage">
-                        {image.isSVG&&
-                            <object data={image.url} />
-                        }
-                        {(!image.isSVG)&&
-                            <img src={image.url} />
-                        }
-                    </div>
-                    <PanZoomModal url={image.url} />
-                </div>
-            ))}
-        </div>
-    </div>
-</div>
-
-<style>
-.container.gallery{
-    background:rgb(134, 134, 134);
-    padding:5px;
-    border-radius: 5px;
-}
-.collapsible{
-    color:white;
-    text-align: left;
-    background: #333333;
-    border: none;
-    cursor: pointer;
-    width:100%;
-    padding: 10px;
-}
-.collapsible:hover{
-    background-color: #545454;
-    transition: background-color 0.3s;
-}
-.content{
-    background:rgb(43, 43, 43);
-    max-height: 0;
-    overflow: hidden;
-    transition: max-height 0.2s ease-out;
-}
-.content.expanded{
-    max-height: 600px;
-}
-.itemscontainer{
-    padding:10px;
-    display:flex;
-    flex-wrap: wrap;
-    gap: 10px 10px;
-}
-.item{
-    cursor:pointer;
-}
-.itemimage:hover{
-    scale: 1.1;
-    transition: scale 0.5s;
-}
-.item:hover > .overlay{
-    display: block;
-}
-.item:hover > .itemimage{
-    filter:brightness(100%);
-}
-.itemimage{
-    filter:brightness(80%);
-    width:150px;
-    height:150px;
-}
-
-.overlay{
-    padding:5px;
-    overflow-wrap: break-word;
-    word-wrap: break-word;
-    hyphens: auto;
-    color:white;
-    max-width: 150px;
-}
-object{
-    pointer-events: none;
-    max-height: 100%;
-    max-width: 100%;
-}
-img{
-    pointer-events: none;
-    max-height: 100%;
-    max-width: 100%;
-}
-</style>
-
-<script src="./gallery_pz.js" />
-<script src="../panzoom/panzoom_common.js" />
diff --git a/src/components/gallery/gallery_pz.js b/src/components/gallery/gallery_pz.js
deleted file mode 100644
index cee47ad..0000000
--- a/src/components/gallery/gallery_pz.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import {event} from '../panzoom/client_utils'
-
-function init_gallery_clicks(container){
-    if(container.getAttribute("data-state") != "init"){
-        return
-    }
-    const collapsible = container.querySelector(".collapsible")
-    const content = container.querySelector(".content")
-    collapsible.onclick = ()=>{
-        content.classList.toggle("expanded")
-        if (content.classList.contains("expanded")){
-            //*2 speeds up the animation but resolves the resize problem without actively watching the resize
-            content.style.maxHeight = content.scrollHeight*2 + "px";
-            collapsible.textContent = "Click to close"
-        } else {
-            content.style.maxHeight = null;
-            collapsible.textContent = "Click to expand"
-        }
-        console.log(content.style.maxHeight)
-    }
-
-    //item open modal
-    const itemimages = container.querySelectorAll(".itemimage")
-    const items = [...itemimages]
-    for(let el in items){
-        items[el].onclick = (e)=>{
-            const modal = e.target.parentElement.querySelector(".modal-background")
-            event(modal,"open")
-        }
-    }
-
-}
-
-function init(){
-    const containers = document.querySelectorAll(".container.gallery")
-    containers.forEach(container => {
-        init_gallery_clicks(container)
-    })
-}
-
-document.addEventListener('DOMContentLoaded', init, false);
-
diff --git a/src/components/markdown/code/Code.astro b/src/components/markdown/code/Code.astro
index c717364..a980249 100644
--- a/src/components/markdown/code/Code.astro
+++ b/src/components/markdown/code/Code.astro
@@ -3,7 +3,6 @@ import Highlighter from './Highlighter.astro'
 import Kroki from './Kroki.astro'
 import ModelViewerCode from '../model/ModelViewerCode.astro';
 import Cards from '../cards/Cards.astro'
-import GalleryPz from '../../gallery/gallery_pz.astro';
 import Gallery from '../../gallery/gallery.astro';
 import Swiper from '../../swiper/swiper.astro'
 import kroki from './kroki.yaml'
@@ -22,13 +21,11 @@ const params = node.meta?node.meta.split(' '):[]
 
 const yaml_glb      = ((language == "yaml") && (node.meta?.startsWith("glb")))
 const yaml_cards    = ((language == "yaml") && (node.meta?.startsWith("cards")))
-const yaml_gallery_pz  = ((language == "yaml") && (node.meta?.startsWith("pz_gallery")))
 const yaml_gallery  = ((language == "yaml") && (node.meta?.startsWith("gallery")))
 const yaml_swiper  = ((language == "yaml") && (node.meta?.startsWith("swiper")))
 
 const is_diagram = kroki.languages.includes(language)
-const custom_yaml = yaml_glb || yaml_cards || yaml_gallery || yaml_gallery_pz || yaml_swiper
-
+const custom_yaml = yaml_glb || yaml_cards || yaml_gallery || yaml_swiper
 const other_language = (!is_diagram && !custom_yaml)
 
 let meta = {}
@@ -48,9 +45,6 @@ if((is_diagram)&(params.length > 0)){
 {yaml_gallery &&
     <Gallery code={code} dirpath={dirpath}/>
 }
-{yaml_gallery_pz &&
-    <GalleryPz code={code} dirpath={dirpath}/>
-}
 {yaml_swiper &&
     <Swiper code={code} dirpath={dirpath}/>
 }
diff --git a/src/layout/Layout.astro b/src/layout/Layout.astro
index b51ff76..44d1d37 100644
--- a/src/layout/Layout.astro
+++ b/src/layout/Layout.astro
@@ -1,11 +1,8 @@
 ---
 import './colors.css';
-import AppBar from './AppBar.astro';
-import Cache from './Cache.astro'
 import SideMenu from './SideMenu.astro';
-import ClientNavMenu from './ClientNavMenu.astro';
 import { section_from_pathname } from '@/libs/assets.js';
-import { get_menu_hash,get_generated_section_menu,process_toc_list } from "./layout_utils";
+import { process_toc_list } from "./layout_utils";
 import {config} from '@/config'
 
 
@@ -17,10 +14,7 @@ export interface Props {
 const { headings } = Astro.props;
 const { title } = Astro.props.frontmatter || Astro.props;
 const toc_menu_items = process_toc_list(headings)
-const pages_menu_items = await get_generated_section_menu(Astro.url.pathname)
 const section = section_from_pathname(Astro.url.pathname)
-const menu_hash = get_menu_hash()
-const left_menu_open = (pages_menu_items.length > 0)
 
 console.log(`Layout> sectiom = '${section}'`)
 ---
@@ -36,26 +30,17 @@ console.log(`Layout> sectiom = '${section}'`)
 		<div id="fixed-left" class="fixed-nav active" />
 		<div class="appbar-nav_content-footer">
 			<header>
-				<AppBar/>
+				Appbar placeholder
 			</header>
 			<main>
 				<div id="wide-nav" class="scroll">
-					{config.client_menu?
-						<ClientNavMenu open={left_menu_open} hash={menu_hash}/>:
-						<Cache name={section}>
-							<SideMenu items={pages_menu_items} category="pages_menu"/>
-						</Cache>
-					}
+					menu placeholder
 				</div>
 				<div id="resize-left" class="nav-resize active"/>
 				<article class="content scroll">
 					<div id="mobile-nav">
-						{config.client_menu?
-							<ClientNavMenu open={left_menu_open} hash={menu_hash}/>:
-							<Cache name={section}>
-								<SideMenu items={pages_menu_items} category="pages_menu"/>
-							</Cache>
-						}
+						menu placeholder
+					</div>
 					</div>
 					<div class="article-slot">
 						<slot/>
diff --git a/src/layout/layout_utils.js b/src/layout/layout_utils.js
index 30ee06f..1d84a10 100644
--- a/src/layout/layout_utils.js
+++ b/src/layout/layout_utils.js
@@ -77,9 +77,9 @@ function get_active_submenu(raw_menu,section,pathname){
     })
 }
 
-const generated_menu = await load_json(config.collect_content.out_menu)
 
 async function get_generated_section_menu(pathname){
+    const generated_menu = await load_json(config.collect_content.out_menu)
     const section = section_from_pathname(pathname);
     let section_menu = generated_menu.sections[section]
     if(!Object.hasOwn(generated_menu.sections,section)){
@@ -97,11 +97,13 @@ function get_active_appbar_menu(raw_menu,pathname){
     })
 }
 
-function get_menu_hash(){
+async function get_menu_hash(){
+    const generated_menu = await load_json(config.collect_content.out_menu)
     return generated_menu.hash
 }
 
-function get_base_menu(){
+async function get_base_menu(){
+    const generated_menu = await load_json(config.collect_content.out_menu)
     return generated_menu.base_menu
 }
 

From f1706ab850eb94e07d3f415afc4a54795467ad3a Mon Sep 17 00:00:00 2001
From: wassfila <wassim.filali@gmail.com>
Date: Sun, 23 Nov 2025 18:15:53 +0100
Subject: [PATCH 03/24] remove unused getDocuments function and redirect API

---
 src/libs/structure-db.js  | 14 +-------------
 src/pages/api/redirect.js | 14 --------------
 2 files changed, 1 insertion(+), 27 deletions(-)
 delete mode 100644 src/pages/api/redirect.js

diff --git a/src/libs/structure-db.js b/src/libs/structure-db.js
index 471eb4f..04590ab 100644
--- a/src/libs/structure-db.js
+++ b/src/libs/structure-db.js
@@ -45,18 +45,6 @@ function normalizeDocumentRow(row) {
     };
 }
 
-function getDocuments(options = {}) {
-    const db = ensureDb();
-    const rows = db.prepare('SELECT * FROM documents ORDER BY level, "order", url').all();
-    const normalized = rows.map(normalizeDocumentRow).filter(Boolean);
-    const {format} = options;
-    if (!format) {
-        return normalized;
-    }
-    const target = String(format);
-    return normalized.filter((row) => (row.format ?? 'markdown') === target);
-}
-
 function getDocument(match) {
     const db = ensureDb();
     if (match?.uid) {
@@ -446,4 +434,4 @@ function getCodeAssetSummaries() {
     });
 }
 
-export {getDocuments, getEntry, getFileAssets, getCodeAssetSummaries, getAssetInfo};
+export { getEntry, getFileAssets, getCodeAssetSummaries, getAssetInfo};
diff --git a/src/pages/api/redirect.js b/src/pages/api/redirect.js
deleted file mode 100644
index 1dab59b..0000000
--- a/src/pages/api/redirect.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import {getDocuments} from '@/libs/structure-db.js'
-
-export async function GET(){
-    const documents = await getDocuments()
-    const redirects = documents.reduce((acc, doc) => {
-        acc[doc.sid] = doc.url;
-        return acc;
-    }, {});
-    return new Response(
-        JSON.stringify(redirects), {
-        status: 200,
-        headers: {'Content-Type': 'application/json'}
-    });
-}

From e5a880f6e093348adbb8cdea4f2a61897be264b4 Mon Sep 17 00:00:00 2001
From: wassfila <wassim.filali@gmail.com>
Date: Sun, 23 Nov 2025 19:00:10 +0100
Subject: [PATCH 04/24] add asset handling and normalization functions; replace
 old asset routes with new implementations

---
 package.json                  |  3 +-
 scripts/diagrams.js           |  0
 src/libs/assets.js            | 36 +++++++++++++++----
 src/libs/structure-db.js      | 40 ++++++++++++++++++++-
 src/pages/assets/[...path].js | 34 ------------------
 src/pages/assets/[...uid].js  | 67 +++++++++++++++++++++++++++++++++++
 src/pages/codes/[...path].js  | 49 -------------------------
 7 files changed, 137 insertions(+), 92 deletions(-)
 create mode 100644 scripts/diagrams.js
 delete mode 100644 src/pages/assets/[...path].js
 create mode 100644 src/pages/assets/[...uid].js
 delete mode 100644 src/pages/codes/[...path].js

diff --git a/package.json b/package.json
index 5032935..bfb8bb2 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,8 @@
     "astro": "astro",
     "fetch": "node scripts/fetch.js",
     "server": "node server/server.js",
-    "collect": "node scripts/collect.js"
+    "collect": "node scripts/collect.js",
+    "diagrams": "node scripts/diagrams.js"
   },
   "dependencies": {
     "@astrojs/node": "^9.5.1",
diff --git a/scripts/diagrams.js b/scripts/diagrams.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/libs/assets.js b/src/libs/assets.js
index b69917d..fab8381 100644
--- a/src/libs/assets.js
+++ b/src/libs/assets.js
@@ -148,26 +148,48 @@ function section_from_pathname(pathname){
     }
 }
 
+function normalize_ext(value){
+    if(!value){
+        return ''
+    }
+    const extFromPath = extname(value);
+    if(extFromPath){
+        return extFromPath.startsWith('.') ? extFromPath.slice(1) : extFromPath;
+    }
+    const trimmed = String(value).trim();
+    if(trimmed.startsWith('.')){
+        return trimmed.slice(1);
+    }
+    return trimmed;
+}
+
 function file_mime(path){
-    const ext = extname(path)
-    if(ext == ".svg"){
+    const ext = normalize_ext(path).toLowerCase()
+    if(ext == "svg"){
         return 'image/svg+xml'
     }
-    else if(ext == ".png"){
+    else if(ext == "png"){
         return 'image/png'
     }
-    else if(ext == ".jpg"){
+    else if(ext == "jpg"){
         return 'image/jpeg'
     }
-    else if(ext == ".jpeg"){
+    else if(ext == "jpeg"){
         return 'image/jpeg'
     }
-    else if(ext == ".webp"){
+    else if(ext == "webp"){
         return 'image/webp'
     }
-    else if(ext == ".txt"){
+    else if(ext == "gif"){
+        return 'image/gif'
+    }
+    else if(ext == "bmp"){
+        return 'image/bmp'
+    }
+    else if((ext == "txt") || (ext == "md") || (ext == "json") || (ext == "yaml") || (ext == "yml") || (ext == "csv") || (ext == "tsv")){
         return 'text/plain'
     }
+    return 'application/octet-stream'
 }
 
 function file_ext(url){
diff --git a/src/libs/structure-db.js b/src/libs/structure-db.js
index 04590ab..eb78436 100644
--- a/src/libs/structure-db.js
+++ b/src/libs/structure-db.js
@@ -120,6 +120,44 @@ function loadBlobBuffer(asset) {
     return buffer;
 }
 
+function normalizeAssetRow(row) {
+    if (!row) {
+        return null;
+    }
+    const {info_blob_uid, asset_blob_uid, blob_uid: infoBlobUid, ...rest} = row;
+    return {
+        ...rest,
+        blob_uid: asset_blob_uid ?? info_blob_uid ?? infoBlobUid ?? null
+    };
+}
+
+function getAsset(uid) {
+    if (!uid) {
+        return null;
+    }
+    const db = ensureDb();
+    const row = db
+        .prepare(
+            `
+        SELECT ai.*, ai.blob_uid AS info_blob_uid, a.blob_uid AS asset_blob_uid
+        FROM asset_info ai
+        LEFT JOIN assets a ON ai.uid = a.asset_uid
+        WHERE ai.uid = ?
+    `
+        )
+        .get(uid);
+    return normalizeAssetRow(row);
+}
+
+function getAssetWithBlob(uid) {
+    const asset = getAsset(uid);
+    if (!asset) {
+        return {asset: null, buffer: null};
+    }
+    const buffer = loadBlobBuffer(asset);
+    return {asset, buffer};
+}
+
 function slugifyText(text) {
     const normalized = String(text ?? '')
         .trim()
@@ -434,4 +472,4 @@ function getCodeAssetSummaries() {
     });
 }
 
-export { getEntry, getFileAssets, getCodeAssetSummaries, getAssetInfo};
+export { getEntry, getFileAssets, getCodeAssetSummaries, getAssetInfo, getAsset, getAssetWithBlob};
diff --git a/src/pages/assets/[...path].js b/src/pages/assets/[...path].js
deleted file mode 100644
index ab3cd2d..0000000
--- a/src/pages/assets/[...path].js
+++ /dev/null
@@ -1,34 +0,0 @@
-import { createReadStream } from 'fs'
-import {resolve,join} from 'path'
-import { config } from '@/config'
-import {file_mime}from '@/libs/assets.js'
-import {getFileAssets} from '@/libs/structure-db.js'
-
-export async function GET({params}){
-    if(config.copy_assets){
-        return new Response('Not supported and not needed with copy_assets = true', { status: 404 });
-    }
-    let imagePath = resolve(join(config.content_path,params.path));
-    console.log(`assets> serving '${imagePath}'`)
-    try {
-        const stream = createReadStream(imagePath);
-        const contentType = file_mime(imagePath)
-        return new Response(stream, {
-            status: 200,
-            headers: {'Content-Type': contentType}
-        });
-    } catch (error) {
-        return new Response('File not found', { status: 404 });
-    }
-}
-
-export async function getStaticPaths(){
-    if(config.copy_assets){
-        return []
-    }
-    const paths = getFileAssets().map((asset)=>asset.path).filter(Boolean)
-    console.log(`serving API endpoit ${paths.length} assets`)
-    return paths.map((path)=>({
-        params:{path}
-    }))
-}
diff --git a/src/pages/assets/[...uid].js b/src/pages/assets/[...uid].js
new file mode 100644
index 0000000..036487a
--- /dev/null
+++ b/src/pages/assets/[...uid].js
@@ -0,0 +1,67 @@
+import {createReadStream} from 'fs';
+import {resolve, join} from 'path';
+import {config} from '@/config';
+import {file_mime} from '@/libs/assets.js';
+import {getAssetWithBlob} from '@/libs/structure-db.js';
+
+function normalizeUid(raw) {
+    if (Array.isArray(raw)) {
+        return raw.join('/');
+    }
+    return raw ?? '';
+}
+
+function streamFromPath(relativePath) {
+    if (!relativePath) {
+        return null;
+    }
+    try {
+        const absPath = resolve(join(config.content_path, relativePath));
+        const stream = createReadStream(absPath);
+        const contentType = file_mime(relativePath);
+        return {stream, contentType};
+    } catch {
+        return null;
+    }
+}
+
+export async function GET({params}) {
+    if (config.copy_assets) {
+        return new Response('Not supported and not needed with copy_assets = true', {status: 404});
+    }
+    const uid = normalizeUid(params?.uid);
+    if (!uid) {
+        return new Response('Missing asset uid', {status: 400});
+    }
+
+    const {asset, buffer} = getAssetWithBlob(uid);
+    if (asset && buffer) {
+        const contentType = file_mime(asset.ext ?? asset.path ?? uid);
+        const headers = {
+            'Content-Type': contentType,
+            'Content-Length': buffer.length?.toString()
+        };
+        if (!headers['Content-Length']) {
+            delete headers['Content-Length'];
+        }
+        return new Response(buffer, {status: 200, headers});
+    }
+
+    const fileAssetFallback = asset?.path ? streamFromPath(asset.path) : null;
+    if (fileAssetFallback) {
+        return new Response(fileAssetFallback.stream, {
+            status: 200,
+            headers: {'Content-Type': fileAssetFallback.contentType}
+        });
+    }
+
+    const directPathFallback = streamFromPath(uid);
+    if (directPathFallback) {
+        return new Response(directPathFallback.stream, {
+            status: 200,
+            headers: {'Content-Type': directPathFallback.contentType}
+        });
+    }
+
+    return new Response('Asset not found', {status: 404});
+}
diff --git a/src/pages/codes/[...path].js b/src/pages/codes/[...path].js
deleted file mode 100644
index cde78bf..0000000
--- a/src/pages/codes/[...path].js
+++ /dev/null
@@ -1,49 +0,0 @@
-import { createReadStream } from 'fs';
-import {resolve,join} from 'path'
-import { config } from "@/config";
-import {file_mime,hashed_path_content}from '@/libs/assets.js'
-import {getAssetInfo, getCodeAssetSummaries} from '@/libs/structure-db.js'
-import kroki from '@/components/markdown/code/kroki.yaml'
-
-export async function GET({params}){
-    const imagePath = resolve(join(config.code_path,params.path));
-    console.log(`codes> serving '${imagePath}'`)
-    try {
-        const stream = createReadStream(imagePath);
-        const contentType = file_mime(imagePath)
-        return new Response(stream, {
-            status: 200,
-            headers: {'Content-Type': contentType}
-        });
-    } catch (error) {
-        return new Response('File not found', { status: 404 });
-    }
-}
-
-export async function getStaticPaths(){
-    if(import.meta.env.DEV){
-        const codeAssets = getCodeAssetSummaries()
-        const diagrams = codeAssets
-            .filter((asset)=>asset.language && kroki.languages.includes(asset.language))
-            .map((entry)=>(`${entry.hash}/diagram.svg`))
-        console.log(`serving API endpoit ${diagrams.length} svg code-block diagrams`)
-        
-        let link_diagrams_hashes = []
-        const link_diagrams = getAssetInfo({type:'linked_file'}).filter((asset)=>
-            (asset.path && (Object.keys(kroki.formats).includes(asset.ext ?? "")))
-        )
-        if(link_diagrams.length>0){
-            const hashPromises = link_diagrams.map(asset => hashed_path_content(join(config.content_path,asset.path)));
-            const hashes = await Promise.all(hashPromises);
-            link_diagrams_hashes = hashes.map((hash)=>(`${hash}/diagram.svg`))
-            console.log(`serving API endpoit ${link_diagrams.length} svg code-link diagrams`)
-        }
-
-        const codes = codeAssets.map((entry)=>(`${entry.hash}/code.txt`))
-        console.log(`serving API endpoit ${codes.length} text code-blocks`)
-        const paths = [...new Set([...diagrams, ...codes, ...link_diagrams_hashes])]
-        return paths.map((path)=>({params:{path:path}}))
-    }else{
-        return []
-    }
-}

From e685b5199b77c52ff7e19a1101bfd37d59e4ff60 Mon Sep 17 00:00:00 2001
From: wassfila <wassim.filali@gmail.com>
Date: Sun, 23 Nov 2025 20:28:09 +0100
Subject: [PATCH 05/24] refactor: implement diagram rendering in new cmd and
 adapt support of svg rendered diagrams in astro code components

---
 package.json                                  |   2 +-
 scripts/diagrams.js                           | 208 ++++++++++++++++++
 src/components/markdown/code/Code.astro       |   4 +-
 .../markdown/code/DiagramCode.astro           |  20 +-
 src/components/markdown/code/Kroki.astro      |  23 +-
 src/components/markdown/code/diagram.js       |  24 --
 src/libs/structure-db.js                      |   2 +
 src/pages/assets/[...uid].js                  |  14 +-
 8 files changed, 239 insertions(+), 58 deletions(-)
 delete mode 100644 src/components/markdown/code/diagram.js

diff --git a/package.json b/package.json
index bfb8bb2..b20da91 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
     "@svgdotjs/svg.js": "^3.2.4",
     "adm-zip": "^0.5.16",
     "astro": "^5.16.0",
-    "content-structure": "2.0.2",
+    "content-structure": "../content-structure",
     "cookie-parser": "^1.4.7",
     "cors": "^2.8.5",
     "datatables.net-dt": "^1.13.7",
diff --git a/scripts/diagrams.js b/scripts/diagrams.js
index e69de29..f323a58 100644
--- a/scripts/diagrams.js
+++ b/scripts/diagrams.js
@@ -0,0 +1,208 @@
+#!/usr/bin/env node
+import {join} from 'path';
+import {readFileSync} from 'fs';
+import {gunzipSync} from 'zlib';
+import {createHash} from 'crypto';
+import {config} from '../config.js';
+import {openDatabase} from 'content-structure/src/sqlite_utils/index.js';
+
+const diagramExts = new Set(['plantuml', 'blockdiag', 'mermaid']);
+const dbPath = join(config.collect_content.outdir, 'structure.db');
+const db = openDatabase(dbPath);
+
+function sha512(buffer) {
+    return createHash('sha512').update(buffer).digest('hex');
+}
+
+function normalizeLanguage(value) {
+    const normalized = String(value ?? '').trim().toLowerCase();
+    if (!normalized) {
+        return '';
+    }
+    return normalized.startsWith('.') ? normalized.slice(1) : normalized;
+}
+
+function loadBlob(blobUid) {
+    if (!blobUid) {
+        return null;
+    }
+    const row = db
+        .prepare('SELECT blob_uid, hash, path, payload, compression FROM blob_store WHERE blob_uid = ?')
+        .get(blobUid);
+    if (!row) {
+        return null;
+    }
+    let buffer = null;
+    if (row.payload) {
+        buffer = Buffer.from(row.payload);
+    } else if (row.path && row.hash) {
+        const absPath = join(config.collect_content.outdir, 'blobs', row.path, row.hash);
+        try {
+            buffer = readFileSync(absPath);
+        } catch {
+            buffer = null;
+        }
+    }
+    if (!buffer) {
+        return null;
+    }
+    if (row.compression) {
+        try {
+            buffer = gunzipSync(buffer);
+        } catch {
+            /* ignore decompression errors */
+        }
+    }
+    return buffer;
+}
+
+function getDocSid(parentDocUid) {
+    if (!parentDocUid) {
+        return null;
+    }
+    const row = db.prepare('SELECT sid FROM documents WHERE uid = ?').get(parentDocUid);
+    return row?.sid ?? null;
+}
+
+function getCurrentMaxBlobId() {
+    const rows = db.prepare('SELECT blob_uid FROM blob_store').all();
+    let max = 0;
+    for (const {blob_uid: blobUid} of rows) {
+        const value = parseInt(blobUid, 16);
+        if (!Number.isNaN(value) && value > max) {
+            max = value;
+        }
+    }
+    return max;
+}
+
+function resolveBlobUidForHash(hash) {
+    const row = db.prepare('SELECT blob_uid FROM blob_store WHERE hash = ?').get(hash);
+    return row?.blob_uid ?? null;
+}
+
+async function renderDiagram(language, code) {
+    const response = await fetch(`${config.kroki_server}/${language}/svg/`, {
+        method: 'POST',
+        body: code,
+        headers: {'Content-Type': 'text/plain'}
+    });
+    if (!response.ok) {
+        throw new Error(`Kroki render failed (${response.status})`);
+    }
+    return response.text();
+}
+
+async function main() {
+    if (typeof fetch !== 'function') {
+        throw new Error('Global fetch is not available. Run with Node 18+ or provide a fetch polyfill.');
+    }
+    const codeblocks = db
+        .prepare("SELECT uid, blob_uid, parent_doc_uid, ext FROM asset_info WHERE type = 'codeblock'")
+        .all();
+    if (!codeblocks.length) {
+        console.log('No codeblocks found; nothing to render.');
+        return;
+    }
+
+    const versionRow = db.prepare('SELECT version_id FROM assets LIMIT 1').get();
+    const versionId = versionRow?.version_id ?? 'manual';
+    let nextBlobId = getCurrentMaxBlobId();
+
+    const insertBlob = db.prepare(
+        'INSERT INTO blob_store (blob_uid, hash, path, first_seen, last_seen, size, compression, payload) VALUES (?, ?, NULL, ?, ?, ?, ?, ?)'
+    );
+    const insertAssetInfo = db.prepare(
+        'INSERT INTO asset_info (uid, type, blob_uid, parent_doc_uid, path, ext, first_seen, last_seen) VALUES (?, ?, ?, ?, NULL, ?, ?, ?)'
+    );
+    const insertAssetLink = db.prepare(
+        'INSERT INTO assets (asset_uid, version_id, doc_sid, blob_uid, role) VALUES (?, ?, ?, ?, ?)'
+    );
+    const writeDiagram = db.transaction((payload) => {
+        if (payload.insertBlob) {
+            insertBlob.run(
+                payload.blobUid,
+                payload.hash,
+                payload.now,
+                payload.now,
+                payload.size,
+                0,
+                payload.buffer
+            );
+        }
+        insertAssetInfo.run(
+            payload.diagramUid,
+            'code_diagram',
+            payload.blobUid,
+            payload.parentDocUid,
+            'svg',
+            payload.now,
+            payload.now
+        );
+        if (payload.docSid) {
+            insertAssetLink.run(payload.diagramUid, versionId, payload.docSid, payload.blobUid, 'code_diagram');
+        }
+    });
+
+    for (const asset of codeblocks) {
+        const ext = normalizeLanguage(asset.ext);
+        if (!diagramExts.has(ext)) {
+            continue;
+        }
+
+        const diagramUid = `${asset.uid}.svg`;
+        const existing = db.prepare('SELECT uid FROM asset_info WHERE uid = ?').get(diagramUid);
+        if (existing) {
+            console.log(`Skipping existing diagram ${diagramUid}`);
+            continue;
+        }
+
+        const codeBuffer = loadBlob(asset.blob_uid);
+        if (!codeBuffer) {
+            console.warn(`Skipping ${asset.uid}: missing code payload`);
+            continue;
+        }
+
+        let svgText;
+        try {
+            svgText = await renderDiagram(ext, codeBuffer.toString('utf-8'));
+        } catch (error) {
+            console.error(`Render failed for ${asset.uid}: ${error.message}`);
+            continue;
+        }
+
+        const svgBuffer = Buffer.from(svgText, 'utf-8');
+        const hash = sha512(svgBuffer);
+        const now = new Date().toISOString();
+
+        let blobUid = resolveBlobUidForHash(hash);
+        let insertedBlob = false;
+        if (!blobUid) {
+            nextBlobId += 1;
+            blobUid = nextBlobId.toString(16);
+            insertedBlob = true;
+        }
+
+        const docSid = getDocSid(asset.parent_doc_uid);
+        writeDiagram({
+            insertBlob: insertedBlob,
+            blobUid,
+            hash,
+            now,
+            size: svgBuffer.length,
+            buffer: svgBuffer,
+            diagramUid,
+            parentDocUid: asset.parent_doc_uid,
+            docSid
+        });
+
+        console.log(
+            `${diagramUid}: ${insertedBlob ? 'generated' : 'reused'} blob ${blobUid} (hash ${hash.slice(0, 8)})`
+        );
+    }
+}
+
+main().catch((error) => {
+    console.error(error);
+    process.exit(1);
+});
diff --git a/src/components/markdown/code/Code.astro b/src/components/markdown/code/Code.astro
index a980249..22389b3 100644
--- a/src/components/markdown/code/Code.astro
+++ b/src/components/markdown/code/Code.astro
@@ -18,6 +18,8 @@ const { node, dirpath } = Astro.props as Props;
 const code = node.value
 const language = node.lang
 const params = node.meta?node.meta.split(' '):[]
+const asset_uid = node.asset_uid ?? null
+const diagram_uid = node.diagram_uid ?? (asset_uid ? `${asset_uid}.svg` : null)
 
 const yaml_glb      = ((language == "yaml") && (node.meta?.startsWith("glb")))
 const yaml_cards    = ((language == "yaml") && (node.meta?.startsWith("cards")))
@@ -34,7 +36,7 @@ if((is_diagram)&(params.length > 0)){
 }
 ---
 {(is_diagram)&&
-    <Kroki language={language} code={code} params={params} meta={meta}/>
+    <Kroki language={language} code={code} params={params} meta={meta} diagramUid={diagram_uid}/>
 }
 {yaml_glb &&
     <ModelViewerCode code={code} dirpath={dirpath}/>
diff --git a/src/components/markdown/code/DiagramCode.astro b/src/components/markdown/code/DiagramCode.astro
index 0322e49..65967b7 100644
--- a/src/components/markdown/code/DiagramCode.astro
+++ b/src/components/markdown/code/DiagramCode.astro
@@ -4,14 +4,14 @@ import Panzoom from '@/components/panzoom/panzoom.astro'
 import { config } from '@/config.js';
 
 export interface Props {
-    hash:string;
+    uid:string;
     code: string;
     params: object;
     meta: object;
 }
 
-const {hash, code, params, meta} = Astro.props as Props;
-const diagram_url = `${config.base}/codes/${hash}/diagram.svg`
+const {uid, code, params, meta} = Astro.props as Props;
+const diagram_url = `${config.base}/assets/${encodeURIComponent(uid)}`
 let alt = ""
 let title = ""
 if(params && (params.length > 0)){
@@ -20,11 +20,11 @@ if(params && (params.length > 0)){
 }
 
 ---
-<button class="toggler" data-hash={hash}>code/diagram</button>
-<div class="diagram visible" data-hash={hash}>
-    <Panzoom src={diagram_url} alt={alt} title={title} meta={meta} hash={hash}/>
+<button class="toggler" data-uid={uid}>code/diagram</button>
+<div class="diagram visible" data-uid={uid}>
+    <Panzoom src={diagram_url} alt={alt} title={title} meta={meta} hash={uid}/>
 </div>
-<div class="code hidden" data-hash={hash}>
+<div class="code hidden" data-uid={uid}>
     <Highlighter code={code} language={"javascript"} params={params} />
 </div>
 
@@ -45,9 +45,9 @@ const buttons = document.querySelectorAll('button.toggler');
 
 buttons.forEach(button => {
     button.addEventListener('click', () => {
-        const hash = button.getAttribute('data-hash');
-        const diagramDiv = document.querySelector(`.diagram[data-hash="${hash}"]`);
-        const codeDiv = document.querySelector(`.code[data-hash="${hash}"]`);
+        const uid = button.getAttribute('data-uid');
+        const diagramDiv = document.querySelector(`.diagram[data-uid="${uid}"]`);
+        const codeDiv = document.querySelector(`.code[data-uid="${uid}"]`);
 
         // Toggle classes to switch visibility
         if (codeDiv.classList.contains('hidden')) {
diff --git a/src/components/markdown/code/Kroki.astro b/src/components/markdown/code/Kroki.astro
index ba0eef1..36149c1 100644
--- a/src/components/markdown/code/Kroki.astro
+++ b/src/components/markdown/code/Kroki.astro
@@ -1,6 +1,4 @@
 ---
-import {config} from '@/config.js'
-import { diagram_cache } from './diagram.js'
 import DiagramCode from './DiagramCode.astro'
 
 export interface Props {
@@ -8,25 +6,10 @@ export interface Props {
     code: string;
     params: object;
     meta: object;
+    diagramUid: string | null | undefined;
 }
 
-const { language, code, params, meta } = Astro.props as Props;
-
-async function generator(code){
-  const response = await fetch(`${config.kroki_server}/${language}/svg/`,{
-    method: 'POST',
-    body: code,
-    headers: {
-      'Content-Type': 'text/plain',
-    },
-  })
-  
-  const  svg_text = await response.text()
-  return svg_text
-}
-
-const hash = await diagram_cache(code, generator)
-console.log(` => kroki '${hash}'`)
+const { language, code, params, meta, diagramUid } = Astro.props as Props;
 
 ---
-<DiagramCode hash={hash} code={code} params={params} meta={meta} />
+{diagramUid && <DiagramCode uid={diagramUid} code={code} params={params} meta={meta} />}
diff --git a/src/components/markdown/code/diagram.js b/src/components/markdown/code/diagram.js
deleted file mode 100644
index 30d223e..0000000
--- a/src/components/markdown/code/diagram.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import {config} from '@/config.js'
-import {exists, save_file, shortMD5} from '@/libs/utils.js'
-import {join} from 'path'
-
-async function diagram_cache(code,generator){
-    const hash = shortMD5(code)
-    const file_path = join(config.code_path,hash,"diagram.svg")
-    const file_exists = await exists(file_path)
-    if(file_exists){
-        console.log(`* returning diagram from cache '${file_path}'`)
-        return hash
-    }else{
-        console.log(`* generating diagram as not in cache`)
-        const svg_text = await generator(code)
-        await save_file(file_path,svg_text)
-        const code_path = join(config.code_path,hash,"code.txt")
-        await save_file(code_path,code)
-        return hash
-    }
-}
-
-export{
-    diagram_cache
-}
diff --git a/src/libs/structure-db.js b/src/libs/structure-db.js
index eb78436..bbe2b65 100644
--- a/src/libs/structure-db.js
+++ b/src/libs/structure-db.js
@@ -365,6 +365,8 @@ function buildNodes(items, assets, docUid, documentPath) {
                     lang: parsed.lang ?? undefined,
                     meta: parsed.meta ?? undefined,
                     value: parsed.value ?? '',
+                    asset_uid: asset?.uid ?? undefined,
+                    diagram_uid: asset?.uid ? `${asset.uid}.svg` : undefined,
                     position: {start: {line}}
                 });
                 break;
diff --git a/src/pages/assets/[...uid].js b/src/pages/assets/[...uid].js
index 036487a..2960837 100644
--- a/src/pages/assets/[...uid].js
+++ b/src/pages/assets/[...uid].js
@@ -5,10 +5,20 @@ import {file_mime} from '@/libs/assets.js';
 import {getAssetWithBlob} from '@/libs/structure-db.js';
 
 function normalizeUid(raw) {
+    let value = '';
     if (Array.isArray(raw)) {
-        return raw.join('/');
+        value = raw.join('/');
+    } else if (raw) {
+        value = raw;
+    }
+    if (!value) {
+        return '';
+    }
+    try {
+        return decodeURIComponent(value);
+    } catch {
+        return value;
     }
-    return raw ?? '';
 }
 
 function streamFromPath(relativePath) {

From 9979cae265155da2b3aa7e7bca56d48c86dedf8e Mon Sep 17 00:00:00 2001
From: wassfila <wassim.filali@gmail.com>
Date: Sun, 23 Nov 2025 21:34:35 +0100
Subject: [PATCH 06/24] gallery treats svg as images bugfix wrong language
 inference on parent code blocks

---
 src/components/gallery/gallery.astro |  3 ---
 src/libs/structure-db.js             | 23 ++---------------------
 2 files changed, 2 insertions(+), 24 deletions(-)

diff --git a/src/components/gallery/gallery.astro b/src/components/gallery/gallery.astro
index afff554..ab11313 100644
--- a/src/components/gallery/gallery.astro
+++ b/src/components/gallery/gallery.astro
@@ -27,10 +27,7 @@ if(mas == null){
             itemtype="http://schema.org/ImageGallery"
             data-pswp-width={image.width} 
             data-pswp-height={image.height} >
-            {(image.ext == ".svg")?
-                <object data={image.url} />:
                 <img src={image.url} />
-            }
         </a>
     ))}
 </div>
diff --git a/src/libs/structure-db.js b/src/libs/structure-db.js
index bbe2b65..7639caf 100644
--- a/src/libs/structure-db.js
+++ b/src/libs/structure-db.js
@@ -191,16 +191,6 @@ function parseAssetLink(body) {
     };
 }
 
-function guessLanguageFromAsset(asset, fallback) {
-    if (asset?.ext) {
-        return asset.ext;
-    }
-    const uid = asset?.uid ?? '';
-    const slugPart = uid.split('#')[1] ?? uid;
-    const ext = slugPart.includes('.') ? slugPart.substring(slugPart.lastIndexOf('.') + 1) : '';
-    return ext || fallback || null;
-}
-
 function inferMetaFromAsset(asset) {
     const slugPart = (asset?.uid ?? '').split('#')[1] ?? '';
     const base = slugPart.includes('.') ? slugPart.slice(0, slugPart.lastIndexOf('.')) : slugPart;
@@ -216,18 +206,9 @@ function inferMetaFromAsset(asset) {
 
 function parseCodePayload(text, asset) {
     const content = String(text ?? '');
-    const fenceMatch = content.match(/^```([^\s`]+)?(?:\s+([^\n`][^\n]*))?\n([\s\S]*?)\n```$/s);
-    const inferredMeta = inferMetaFromAsset(asset);
-    if (fenceMatch) {
-        return {
-            lang: fenceMatch[1] ?? guessLanguageFromAsset(asset, null),
-            meta: fenceMatch[2] ?? inferredMeta ?? null,
-            value: fenceMatch[3] ?? ''
-        };
-    }
     return {
-        lang: guessLanguageFromAsset(asset, null),
-        meta: inferredMeta ?? null,
+        lang: asset?.ext ?? null,
+        meta: inferMetaFromAsset(asset) ?? null,
         value: content
     };
 }

From 4bd9c9dfedbcfd896b1548a6ff9fa55e47834560 Mon Sep 17 00:00:00 2001
From: wassfila <wassim.filali@gmail.com>
Date: Mon, 24 Nov 2025 20:13:44 +0100
Subject: [PATCH 07/24] refactoring rendering to really take the table items
 functional headings and images

---
 scripts/diagrams.js                           |   2 +-
 src/components/markdown/AstroMarkdown.astro   | 139 ++++++-------
 src/components/markdown/Heading.astro         |  41 ++--
 src/components/markdown/cards/Cards.astro     |   2 +-
 src/components/markdown/heading.js            |  16 +-
 .../markdown/image/MarkdownImage.astro        |  20 +-
 src/components/panzoom/panzoom.astro          |   4 +-
 src/libs/structure-db.js                      | 193 ++++++++++--------
 src/pages/[...url].astro                      |   6 +-
 src/pages/assets/[...uid].js                  |   4 +-
 src/pages/index.astro                         |  12 +-
 11 files changed, 223 insertions(+), 216 deletions(-)

diff --git a/scripts/diagrams.js b/scripts/diagrams.js
index f323a58..1daba10 100644
--- a/scripts/diagrams.js
+++ b/scripts/diagrams.js
@@ -116,7 +116,7 @@ async function main() {
         'INSERT INTO asset_info (uid, type, blob_uid, parent_doc_uid, path, ext, first_seen, last_seen) VALUES (?, ?, ?, ?, NULL, ?, ?, ?)'
     );
     const insertAssetLink = db.prepare(
-        'INSERT INTO assets (asset_uid, version_id, doc_sid, blob_uid, role) VALUES (?, ?, ?, ?, ?)'
+        'INSERT INTO assets (asset_uid, version_id, doc_sid, blob_uid, type) VALUES (?, ?, ?, ?, ?)'
     );
     const writeDiagram = db.transaction((payload) => {
         if (payload.insertBlob) {
diff --git a/src/components/markdown/AstroMarkdown.astro b/src/components/markdown/AstroMarkdown.astro
index 6c7ee5c..2ef4ab9 100644
--- a/src/components/markdown/AstroMarkdown.astro
+++ b/src/components/markdown/AstroMarkdown.astro
@@ -12,85 +12,78 @@ import {toHtml} from 'hast-util-to-html'
 import {dirname} from 'path'
 import {text_only_children,has_image} from './node_check.js'
 export interface Props {
-    node: object;
+    items: object[];
     data: object;
+    headings?: object[];
 }
 
-const {node, data} = Astro.props;
-const handled_types = [ "root","heading","table","paragraph",
-                        "image","code","tag","link",
-                        "list", "listItem","textDirective",
-                        "containerDirective"
-                    ]
-const other_type = !handled_types.includes(node.type)
-const dirpath = dirname(data.path)
-data.dirpath = (dirpath === ".")?"":dirpath
-let paragraph_style = "paragraph"
-if(node.type == "paragraph"){
+const {items = [], data, headings = []} = Astro.props as Props;
+
+function renderAstToHtml(astNode){
+    try{
+        return toHtml(toHast(astNode));
+    }catch{
+        return '';
+    }
+}
+
+function paragraphStyle(node){
+    if(node.type !== 'paragraph'){
+        return 'paragraph';
+    }
     if(text_only_children(node)){
-        paragraph_style = "paragraph text"
+        return 'paragraph text';
     }
     if(has_image(node)){
-        paragraph_style = "paragraph image"
+        return 'paragraph image';
     }
+    return 'paragraph';
 }
 ---
-{(node.type == "root") &&
-    <>
-        {node.children.map((node)=>(
-            <Astro.self node={node} data={data} />
-        ))}
-    </>
-}
-{(node.type == "paragraph") &&
-<div class={paragraph_style}>
-    {node.children.map((node)=>(
-        <Astro.self node={node} data={data}/>
-    ))}
-</div>
-}
-{(node.type == "containerDirective") &&
-<ContainerDirective name={node.name} attributes={node.attributes}>
-    {node.children.map((node)=>(
-        <Astro.self node={node} data={data}/>
-    ))}
-</ContainerDirective>
-}
-{(node.type == "list") &&
-<ul>
-    {node.children.map((node)=>(
-        <Astro.self node={node} data={data}/>
-    ))}
-</ul>
-}
-{(node.type == "listItem") &&
-<li>
-    {node.children.map((node)=>(
-        <Astro.self node={node} data={data}/>
-    ))}
-</li>
-}
-{(node.type == "heading") &&
-    <Heading node={node} headings={data.headings}/>
-}
-{(node.type == "table") &&
-    <DataTable node={node} />
-}
-{(node.type == "image") &&
-    <MarkdownImage node={node}  dirpath={data.dirpath}/>
-}
-{(node.type == "code") &&
-    <Code node={node}  dirpath={data.dirpath}/>
-}
-{(node.type == "tag") &&
-    <Tag node={node}  />
-}
-{(node.type == "link") &&
-    <Link node={node}  dirpath={data.dirpath}/>
-}
-{(node.type == "textDirective") &&
-    <Directive node={node}  dirpath={data.dirpath}/>
-}
-{other_type &&
-    <Fragment set:html={toHtml(toHast(node))}></Fragment>
-}
+{items.map((item) => {
+    const astHtml = item.ast ? renderAstToHtml(item.ast) : null;
+    if (astHtml) {
+        return <Fragment set:html={astHtml}></Fragment>;
+    }
+    if (item.type === 'heading') {
+        return <Heading item={item} data={data}/>;
+    }
+    if (item.type === 'image') {
+        return <MarkdownImage item={item} />;
+    }
+    //if (item.type === 'table') {
+    //    return <DataTable node={item} />;
+    //}
+    //if (item.type === 'code') {
+    //    return <Code node={item} dirpath={safeDirpath} />;
+    //}
+    //if (item.type === 'tag') {
+    //    return <Tag node={item} />;
+    //}
+    //if (item.type === 'link') {
+    //    return <Link node={item} dirpath={safeDirpath} />;
+    //}
+    //if (item.type === 'textDirective') {
+    //    return <Directive node={item} dirpath={safeDirpath} />;
+    //   }
+    //if (item.type === 'containerDirective') {
+    //    return (
+    //        <ContainerDirective name={item.name} attributes={item.attributes}>
+    //            {item.children?.map((child) => (
+    //                <Fragment set:html={renderAstToHtml(child)}></Fragment>
+    //            ))}
+    //        </ContainerDirective>
+    //    );
+    //}
+    //if (item.type === 'paragraph') {
+    //    const style = paragraphStyle(item);
+    //    return (
+    //        <div class={style}>
+    //            {item.children?.map((child) => (
+    //                <Fragment set:html={renderAstToHtml(child)}></Fragment>
+    //            )) ?? item.value}
+    //        </div>
+    //    );
+    //}
+    return <Fragment set:html={renderAstToHtml(item)}></Fragment>;
+})}
diff --git a/src/components/markdown/Heading.astro b/src/components/markdown/Heading.astro
index 0e21079..1dbd7c0 100644
--- a/src/components/markdown/Heading.astro
+++ b/src/components/markdown/Heading.astro
@@ -3,38 +3,31 @@ import {toHast} from 'mdast-util-to-hast'
 import {toHtml} from 'hast-util-to-html'
 import Svgicons from '../svgicons.astro';
 export interface Props {
-    node: object;
-    headings: object;
+    item: {
+      sid: string;
+      level: number;
+      slug: string;
+      body_text?: string;
+    };
+    data: {
+      url: string;
+    };
 }
 
-const { node, headings } = Astro.props as Props;
+const { item, data } = Astro.props as Props;
+console.log(item)
+const HeadingLevel = `h${item.level}`
 
-const HeadingLevel = `h${node.depth ?? 1}`
-const heading_line = node?.position?.start?.line
-const entry = headings.find((entry)=>(entry.line == heading_line))
-
-function slugify(value){
-  return String(value ?? '')
-    .toLowerCase()
-    .replace(/[^a-z0-9]+/g,'-')
-    .replace(/^-+|-+$/g,'') || 'heading'
-}
-
-const fallbackSlug = slugify(toHtml(toHast(node)).replace(/<[^>]*>/g,' '))
-const safeSlug = entry?.slug ?? fallbackSlug
-const safeSid = entry?.sid ?? ''
 ---
-<HeadingLevel id={safeSlug} class="heading bar">
+<HeadingLevel id={item.slug} class="heading bar">
   <div class="text">
-    {node.children.map((node)=>(
-      <Fragment set:html={toHtml(toHast(node))}></Fragment>
-      ))}
-  </div>
+    {item.body_text}
+    </div>
   <div class="icon link">
-      <a href={`#${safeSlug}`} class="link">
+      <a href={`#${item.slug}`} class="link">
         <Svgicons filename="link"/>
       </a>
-      <div class="icon copy" title="copy short link" data-sid={safeSid}>
+      <div class="icon copy" title="copy short link" data-url={data.url + `#${item.slug}`}>
         <Svgicons filename="copy"/>
       </div>
     </div>
diff --git a/src/components/markdown/cards/Cards.astro b/src/components/markdown/cards/Cards.astro
index dcc65c1..8890412 100644
--- a/src/components/markdown/cards/Cards.astro
+++ b/src/components/markdown/cards/Cards.astro
@@ -28,7 +28,7 @@ const resolvedCards = entries
                 }
                 {config.body&&
                     <h1 class="title">{entry.data.title}</h1>
-                    <AstroMarkdown node={entry.tree} data={entry.data} />
+                    <AstroMarkdown items={entry.items} data={entry.data} />
                 }
             </div>
         ))
diff --git a/src/components/markdown/heading.js b/src/components/markdown/heading.js
index 06647df..a135c89 100644
--- a/src/components/markdown/heading.js
+++ b/src/components/markdown/heading.js
@@ -4,21 +4,25 @@ function init(){
     copyIcons.forEach(icon => {
       icon.addEventListener('click', function() {
         // Copy data-sid to clipboard
-        const sid = this.getAttribute('data-sid');
-        const url = `${window.location.origin}/${sid}`;
-        navigator.clipboard.writeText(url).then(() => {
+        const url = this.getAttribute('data-url');
+        if (getComputedStyle(this).position === 'static') {
+          this.style.position = 'relative';
+        }
+        const full_url = `${window.location.origin}/${url}`;
+        navigator.clipboard.writeText(full_url).then(() => {
           // Show success message
           const message = document.createElement('span');
           message.textContent = 'Copied!';
           message.style.position = 'absolute';
           message.style.left = '100%';
           message.style.top = '0';
-          //message.style.backgroundColor = 'white';
-          message.style.color = 'white';
-          //message.style.border = '1px solid black';
+          message.style.backgroundColor = 'rgba(0, 0, 0, 0.85)';
+          message.style.color = '#fff';
+          message.style.borderRadius = '4px';
           message.style.padding = '2px 8px';
           message.style.fontSize = '0.75rem';
           message.style.marginLeft = '10px';
+          message.style.pointerEvents = 'none';
           this.appendChild(message);
 
           // Remove the message after 1 second
diff --git a/src/components/markdown/image/MarkdownImage.astro b/src/components/markdown/image/MarkdownImage.astro
index 876874e..169c1d4 100644
--- a/src/components/markdown/image/MarkdownImage.astro
+++ b/src/components/markdown/image/MarkdownImage.astro
@@ -1,18 +1,18 @@
 ---
-import {assetToUrl, getMetaData} from '@/libs/assets.js'
 import Panzoom from '@/components/panzoom/panzoom.astro'
 
 export interface Props {
-    node: object;
-    dirpath: string;
+    item: {
+        slug: string;
+        asset_uid: string;
+    };
 }
 
-const { node, dirpath} = Astro.props as Props;
-const {title, url, alt} = node;
+const {item} = Astro.props as Props;
 
-console.log(`url / dirpath = ${url} / ${dirpath}`)
-const asseturl = await assetToUrl(url, dirpath)
-const meta = await getMetaData(url, dirpath)
-console.log(`asseturl = ${asseturl}`)
+const alt = item.slug;
+const asseturl = `/assets/${item.asset_uid}`;
+const meta = {};
+console.log(`MarkdownImage> asseturl: ${asseturl}`);
 ---
-<Panzoom src={asseturl} alt={alt} title={title} meta={meta}/>
+<Panzoom src={asseturl} alt={alt} title={""} meta={meta}/>
diff --git a/src/components/panzoom/panzoom.astro b/src/components/panzoom/panzoom.astro
index 8ccf78b..94d46da 100644
--- a/src/components/panzoom/panzoom.astro
+++ b/src/components/panzoom/panzoom.astro
@@ -10,7 +10,7 @@ export interface Props {
   hash: string;
 }
 
-const { src, alt, title, meta, hash="" } = Astro.props as Props;
+const { src, alt, title, meta } = Astro.props as Props;
 const asseturl = src;
 const assetname = asseturl.substring(asseturl.lastIndexOf('/') + 1)
 let data_name: string;
@@ -18,8 +18,6 @@ if(title){
   data_name = title
 }else if(assetname != "diagram.svg"){
   data_name = assetname
-}else if(hash){
-  data_name = hash
 }else{
   data_name = "diagram.svg"
 }
diff --git a/src/libs/structure-db.js b/src/libs/structure-db.js
index 7639caf..10dc846 100644
--- a/src/libs/structure-db.js
+++ b/src/libs/structure-db.js
@@ -51,16 +51,45 @@ function getDocument(match) {
         const row = db.prepare('SELECT * FROM documents WHERE uid = ?').get(match.uid);
         return normalizeDocumentRow(row);
     }
+    if (match?.sid) {
+        const row = db.prepare('SELECT * FROM documents WHERE sid = ?').get(match.sid);
+        return normalizeDocumentRow(row);
+    }
     const urlValue = typeof match?.url === 'string' ? match.url : '';
     const row = db.prepare('SELECT * FROM documents WHERE url = ?').get(urlValue);
     return normalizeDocumentRow(row);
 }
 
-function getItemsForDocument(docSid) {
+function getItemsForDocument(docSid, type) {
     const db = ensureDb();
-    return db
-        .prepare('SELECT type, level, order_index, body_text, ast FROM items WHERE doc_sid = ? ORDER BY order_index')
-        .all(docSid);
+    const params = [docSid];
+    let sql = 'SELECT * FROM items WHERE doc_sid = ?';
+    if (type) {
+        sql += ' AND type = ?';
+        params.push(type);
+    }
+    sql += ' ORDER BY order_index';
+    return db.prepare(sql).all(...params);
+}
+
+function getItems(match, type) {
+    if (match?.doc_sid) {
+        return getItemsForDocument(match.doc_sid, type);
+    }
+    const document = getDocument(match);
+    if (!document?.sid) {
+        return [];
+    }
+    const items = getItemsForDocument(document.sid, type);
+    return items.map((item) => {
+        if (!item?.ast) {
+            return item;
+        }
+        return {
+            ...item,
+            ast: safeParseAst(item.ast)
+        };
+    });
 }
 
 function getAssetsForDocument(docUid) {
@@ -191,24 +220,11 @@ function parseAssetLink(body) {
     };
 }
 
-function inferMetaFromAsset(asset) {
-    const slugPart = (asset?.uid ?? '').split('#')[1] ?? '';
-    const base = slugPart.includes('.') ? slugPart.slice(0, slugPart.lastIndexOf('.')) : slugPart;
-    if (!base.startsWith('code-')) {
-        return null;
-    }
-    const remainder = base.slice('code-'.length);
-    if (!remainder || /^\d+$/.test(remainder)) {
-        return null;
-    }
-    return remainder;
-}
-
 function parseCodePayload(text, asset) {
     const content = String(text ?? '');
     return {
         lang: asset?.ext ?? null,
-        meta: inferMetaFromAsset(asset) ?? null,
+        meta: asset?.meta ?? null,
         value: content
     };
 }
@@ -269,13 +285,47 @@ function normalizeAssetPath(assetPath, documentPath) {
     return assetPath;
 }
 
-function buildNodes(items, assets, docUid, documentPath) {
-    const nodes = [];
+function safeParseAst(astValue) {
+    if (!astValue) {
+        return null;
+    }
+    try {
+        return JSON.parse(astValue);
+    } catch {
+        return null;
+    }
+}
+
+function buildItems(items, assets, docUid, documentPath) {
+    const renderItems = [];
     const headings = [];
     const slugTracker = new Map();
     let lineCounter = 1;
     for (const item of items) {
         const line = lineCounter++;
+        const parsedAst = safeParseAst(item.ast);
+        if (parsedAst) {
+            if (item.type === 'heading') {
+                const text = item.body_text ?? '';
+                const slug = uniqueSlug(slugifyText(text), slugTracker);
+                const uid = `${docUid}#${slug}`;
+                headings.push({
+                    label: text,
+                    slug,
+                    uid,
+                    sid: shortMD5(uid),
+                    depth: item.level ?? 1,
+                    line
+                });
+            }
+            renderItems.push({
+                type: item.type,
+                ast: parsedAst,
+                position: {start: {line}}
+            });
+            continue;
+        }
+
         switch (item.type) {
             case 'heading': {
                 const text = item.body_text ?? '';
@@ -289,7 +339,7 @@ function buildNodes(items, assets, docUid, documentPath) {
                     depth: item.level ?? 1,
                     line
                 });
-                nodes.push({
+                renderItems.push({
                     type: 'heading',
                     depth: item.level ?? 1,
                     children: [{type: 'text', value: text}],
@@ -298,24 +348,11 @@ function buildNodes(items, assets, docUid, documentPath) {
                 break;
             }
             case 'paragraph': {
-                let node = null;
-                if (item.ast) {
-                    try {
-                        node = JSON.parse(item.ast);
-                    } catch {
-                        node = null;
-                    }
-                }
-                if (!node) {
-                    node = {
-                        type: 'paragraph',
-                        children: [{type: 'text', value: item.body_text ?? ''}]
-                    };
-                }
-                if (!node.position) {
-                    node.position = {start: {line}};
-                }
-                nodes.push(node);
+                renderItems.push({
+                    type: 'paragraph',
+                    children: [{type: 'text', value: item.body_text ?? ''}],
+                    position: {start: {line}}
+                });
                 break;
             }
             case 'image': {
@@ -326,7 +363,7 @@ function buildNodes(items, assets, docUid, documentPath) {
                     const buffer = loadBlobBuffer(asset);
                     url = bufferToDataUrl(buffer, asset.ext ?? (asset.path ? extname(asset.path) : null));
                 }
-                nodes.push({
+                renderItems.push({
                     type: 'image',
                     url: url ?? '',
                     alt: link?.alt ?? 'image',
@@ -341,7 +378,7 @@ function buildNodes(items, assets, docUid, documentPath) {
                 const buffer = asset ? loadBlobBuffer(asset) : null;
                 const codeText = buffer ? buffer.toString('utf-8') : '';
                 const parsed = parseCodePayload(codeText, asset);
-                nodes.push({
+                renderItems.push({
                     type: 'code',
                     lang: parsed.lang ?? undefined,
                     meta: parsed.meta ?? undefined,
@@ -361,7 +398,7 @@ function buildNodes(items, assets, docUid, documentPath) {
                     url = bufferToDataUrl(buffer, asset.ext ?? (asset.path ? extname(asset.path) : null)) ?? '';
                 }
                 const label = link?.alt ?? asset?.path ?? asset?.uid ?? '';
-                nodes.push({
+                renderItems.push({
                     type: 'link',
                     url,
                     title: asset?.title ?? null,
@@ -385,7 +422,7 @@ function buildNodes(items, assets, docUid, documentPath) {
                 const tableNode = buildTableNode(data);
                 if (tableNode) {
                     tableNode.position = {start: {line}};
-                    nodes.push(tableNode);
+                    renderItems.push(tableNode);
                 }
                 break;
             }
@@ -393,66 +430,48 @@ function buildNodes(items, assets, docUid, documentPath) {
                 break;
         }
     }
-    return {
-        tree: {type: 'root', children: nodes},
-        headings
-    };
+    return {items: renderItems, headings};
 }
 
-function getEntry(match) {
+function getEntryDeprecated(match) {
     const document = getDocument(match);
     if (!document) {
         return null;
     }
-    const items = getItemsForDocument(document.sid);
+    const itemsRaw = getItems(match);
     const assets = getAssetsForDocument(document.uid);
-    const {tree, headings} = buildNodes(items, assets, document.uid, document.path);
+    const {items: renderItems, headings} = buildItems(itemsRaw, assets, document.uid, document.path);
     const data = {
         ...document.meta_data,
         ...document,
         headings
     };
     return {
-        data,
-        tree
+        title: document.title ?? '',
+        headings,
+        items: renderItems,
+        data
     };
 }
 
-function getAssetInfo(options = {}) {
-    const db = ensureDb();
-    const conditions = [];
-    const params = [];
-    if (options.type) {
-        conditions.push('type = ?');
-        params.push(options.type);
-    }
-    if (options.hasPath) {
-        conditions.push('path IS NOT NULL');
-    }
-    const whereClause = conditions.length ? `WHERE ${conditions.join(' AND ')}` : '';
-    const query = `SELECT * FROM asset_info ${whereClause}`;
-    return db.prepare(query).all(...params);
-}
-
-function getFileAssets() {
-    return getAssetInfo({hasPath: true});
-}
+function getEntry(match){
+    const document = getDocument(match);
+    console.log("getEntry> document.sid=",document.sid);
+    if (!document) {
+        return {title: '', headings: [], items: [], data: {}};
+    }
+    const items = getItems(match);
+    let headings = document?.toc;
+    if (!headings) {
+        headings = items.filter((i) => i.type === 'heading');
+    }
+    console.log("getEntry> headings.length=",headings.length);
+    const data = {
+        ...document,
+        ...document.meta_data
+    }
 
-function getCodeAssetSummaries() {
-    const assets = getAssetInfo({type: 'codeblock'});
-    return assets.map((asset) => {
-        const buffer = loadBlobBuffer(asset);
-        const content = buffer ? buffer.toString('utf-8') : '';
-        const parsed = parseCodePayload(content, asset);
-        const hash = shortMD5(content);
-        return {
-            ...asset,
-            content,
-            hash,
-            language: parsed.lang ?? null,
-            meta: parsed.meta ?? null
-        };
-    });
+    return {title: document.title, headings, items, data}
 }
 
-export { getEntry, getFileAssets, getCodeAssetSummaries, getAssetInfo, getAsset, getAssetWithBlob};
+export {getEntry, getAsset, getAssetWithBlob, getDocument, getItems, parseAssetLink};
diff --git a/src/pages/[...url].astro b/src/pages/[...url].astro
index c5356dd..27f4586 100644
--- a/src/pages/[...url].astro
+++ b/src/pages/[...url].astro
@@ -10,8 +10,8 @@ if(!entry){
     throw new Error(`entry not found for url '${url}'`)
 }
 
-const headings = (Object.hasOwn(entry.data,"toc")&&entry.data.toc == false)?[]:entry.data.headings
+const headings = (Object.hasOwn(entry.data,"toc")&&entry.data.toc == false)?[]:entry.headings
 ---
-<Layout title={entry.data.title} headings={headings} >
-    <AstroMarkdown node={entry.tree} data={entry.data} />
+<Layout title={entry.title} headings={headings} >
+    <AstroMarkdown items={entry.items} data={entry.data} />
 </Layout>
diff --git a/src/pages/assets/[...uid].js b/src/pages/assets/[...uid].js
index 2960837..6cfe2a8 100644
--- a/src/pages/assets/[...uid].js
+++ b/src/pages/assets/[...uid].js
@@ -39,11 +39,11 @@ export async function GET({params}) {
     if (config.copy_assets) {
         return new Response('Not supported and not needed with copy_assets = true', {status: 404});
     }
-    const uid = normalizeUid(params?.uid);
+    const uid = params?.uid;
     if (!uid) {
         return new Response('Missing asset uid', {status: 400});
     }
-
+    console.log(`Asset request for uid: ${uid}`);
     const {asset, buffer} = getAssetWithBlob(uid);
     if (asset && buffer) {
         const contentType = file_mime(asset.ext ?? asset.path ?? uid);
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 96f2cd3..a60400d 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -4,16 +4,16 @@ import AstroMarkdown from '@/components/markdown/AstroMarkdown.astro'
 import {getEntry} from '@/libs/structure-db.js'
 
 console.log(`index> home page`)
-let entry = await getEntry({url:""})
-if(!entry){
+const {title, headings, items, data} = getEntry({url:""})
+let empty = false
+if(!title){
+    empty = true
     throw new Error("entry not found for home page")
 }
-let empty = (Object.keys(entry.tree).length == 0)
-const headings = (Object.hasOwn(entry.data,"toc")&&entry.data.toc == false)?[]:entry.data.headings
 
 ---
-<Layout title={entry.data.title} headings={headings} >
+<Layout title={title} headings={[]} >
     {!empty&&
-        <AstroMarkdown node={entry.tree} data={entry.data} />
+        <AstroMarkdown items={items} data={data} headings={headings} />
     }
 </Layout>

From 6d17760888ddba169dd6d04ca05ca47872d04d0c Mon Sep 17 00:00:00 2001
From: wassfila <wassim.filali@gmail.com>
Date: Tue, 25 Nov 2025 17:40:21 +0100
Subject: [PATCH 08/24] reactivated tables

---
 src/components/markdown/AstroMarkdown.astro   | 12 ++++++----
 src/components/markdown/table/DataTable.astro | 21 ++++------------
 src/components/markdown/table/data-tables.js  | 24 +++++++++++++++----
 3 files changed, 31 insertions(+), 26 deletions(-)

diff --git a/src/components/markdown/AstroMarkdown.astro b/src/components/markdown/AstroMarkdown.astro
index 2ef4ab9..f9c27f1 100644
--- a/src/components/markdown/AstroMarkdown.astro
+++ b/src/components/markdown/AstroMarkdown.astro
@@ -12,7 +12,11 @@ import {toHtml} from 'hast-util-to-html'
 import {dirname} from 'path'
 import {text_only_children,has_image} from './node_check.js'
 export interface Props {
-    items: object[];
+    items: {
+        ast?: string;
+        type?: string;
+        [key: string]: unknown;
+    }[];
     data: object;
     headings?: object[];
 }
@@ -51,9 +55,9 @@ function paragraphStyle(node){
     if (item.type === 'image') {
         return <MarkdownImage item={item} />;
     }
-    //if (item.type === 'table') {
-    //    return <DataTable node={item} />;
-    //}
+    if (item.type === 'table') {
+        return <DataTable item={item} />;
+    }
     //if (item.type === 'code') {
     //    return <Code node={item} dirpath={safeDirpath} />;
     //}
diff --git a/src/components/markdown/table/DataTable.astro b/src/components/markdown/table/DataTable.astro
index de635de..8beb4cb 100644
--- a/src/components/markdown/table/DataTable.astro
+++ b/src/components/markdown/table/DataTable.astro
@@ -1,28 +1,15 @@
 ---
-import {astToDataTable} from './table.js'
 
 export interface Props {
-    node: object;
+    item: object;
 }
 
-const { node } = Astro.props as Props;
+const { item } = Astro.props as Props;
 
-const data = astToDataTable(node)
-const [table_head, ...table_rows] = data;
-const table_string = JSON.stringify(table_rows)
 ---
 <div class="container">
-    <table class="data-table" data-table={table_string}>
-        <thead>
-            <tr>
-            {table_head.map((cell)=>(
-                <th>{cell}</th>
-            ))}
-            </tr>
-        </thead>
-        <tbody>
-            <!-- Data will be populated dynamically using JavaScript -->
-        </tbody>
+    <table class="data-table" data-table-uid={item.asset_uid}>
+        <!-- Data will be populated dynamically using JavaScript -->
     </table>
 </div>
 
diff --git a/src/components/markdown/table/data-tables.js b/src/components/markdown/table/data-tables.js
index 7648f7d..3a1f479 100644
--- a/src/components/markdown/table/data-tables.js
+++ b/src/components/markdown/table/data-tables.js
@@ -20,14 +20,28 @@ async function init(){
 
     const DataTable = (await import('datatables.net-dt')).default;
 
-    containers_els.forEach(table_element => {
-        const data_table_text = table_element.getAttribute("data-table")
-        const data_table = JSON.parse(data_table_text)
+    containers_els.forEach(async table_element => {
+        const data_table_uid = table_element.getAttribute("data-table-uid")
+        const response = await fetch(`/assets/${data_table_uid}`);
+        if (!response.ok) {
+            throw new Error(`Failed to load /assets/${data_table_uid}`);
+        }
+        const data_table = await response.json();
+        if (!Array.isArray(data_table) || data_table.length === 0) {
+            console.warn(`No data available for table ${data_table_uid}`);
+            return;
+        }
+
+        const columns = Object.keys(data_table[0]).map(key => ({
+            title: key,
+            data: key
+        }));
 
         const table = new DataTable(table_element,{
-            order:[]
+            order:[],
+            data: data_table,
+            columns
         });
-        table.rows.add(data_table).draw();
         checkEntries(table, table_element);
     })
   }

From 7a48d8b25026b053326079cfa104d8d2cd3ac2b4 Mon Sep 17 00:00:00 2001
From: wassfila <wassim.filali@gmail.com>
Date: Tue, 25 Nov 2025 17:45:24 +0100
Subject: [PATCH 09/24] adapted headings to toc transformation

---
 src/layout/layout_utils.js | 88 +++++++++++++++++++++-----------------
 src/pages/index.astro      |  2 +-
 2 files changed, 50 insertions(+), 40 deletions(-)

diff --git a/src/layout/layout_utils.js b/src/layout/layout_utils.js
index 1d84a10..30379f6 100644
--- a/src/layout/layout_utils.js
+++ b/src/layout/layout_utils.js
@@ -1,69 +1,79 @@
 import { load_json } from '@/libs/utils.js'
 import { section_from_pathname } from '@/libs/assets.js'
 import { config } from '@/config.js'
-import {join} from 'path'
 
-function find_parent(index,headings){
-    const element_depth = headings[index].depth
-    if(index == 0){
-        return null
-    }else{
-        for(let rev_i = index-1;rev_i>=0;rev_i--){
-            if(headings[rev_i].depth<element_depth){
-                return headings[rev_i]
-            }
+function cloneHeading(heading) {
+    return {
+        label: heading.label ?? heading.body_text ?? '',
+        slug: heading.slug,
+        depth: heading.depth ?? heading.level ?? 1,
+        link: heading.link ?? '',
+        uid: heading.uid ?? null
+    };
+}
+
+function find_parent(index, headings) {
+    const element_depth = headings[index].depth ?? 1;
+    if (index === 0) {
+        return null;
+    }
+    for (let rev_i = index - 1; rev_i >= 0; rev_i--) {
+        if ((headings[rev_i].depth ?? 1) < element_depth) {
+            return headings[rev_i];
         }
     }
+    return null;
 }
 
 /* not recursive o(n²)
 */
-function headings_list_to_tree(headings,is_toc){
-    for(let element of headings){
-        element.items=[]
-        element.parent=true
-        element.expanded=true
-        if(is_toc){
-            element.link = `#${element.slug}`
-        }else{
-            element.link = element.link
+function headings_list_to_tree(headings, is_toc) {
+    const copies = headings.map((heading) => ({
+        ...cloneHeading(heading),
+        order_index: heading.order_index ?? 0
+    }));
+    for (const element of copies) {
+        element.items = [];
+        element.parent = true;
+        element.expanded = true;
+        if (is_toc) {
+            element.link = `#${element.slug ?? ''}`;
         }
     }
 
-    let tree = []
+    const tree = [];
 
-    for(let index=0; index<headings.length;index++){
-        let element = headings[index]
-        let parent = find_parent(index,headings)
-        if(parent){
-            parent.items.push(element)
-        }else{
-            tree.push(element)
+    for (let index = 0; index < copies.length; index++) {
+        const element = copies[index];
+        const parent = find_parent(index, copies);
+        if (parent) {
+            parent.items.push(element);
+        } else {
+            tree.push(element);
         }
     }
 
-    for(let element of headings){
-        if (element.items.length == 0){
-            element.parent = false
-            delete element.items
-            delete element.expanded
+    for (const element of copies) {
+        if (element.items.length === 0) {
+            element.parent = false;
+            delete element.items;
+            delete element.expanded;
+        } else {
+            element.items.sort((a, b) => (a.order_index ?? 0) - (b.order_index ?? 0));
         }
     }
-    return tree
+    return tree.sort((a, b) => (a.order_index ?? 0) - (b.order_index ?? 0));
 }
 
 /** headings start at Sidemenu
  * 
  */
 function process_toc_list(headings){
-    if(typeof headings == 'undefined' || headings.length == 0){
+    if(!Array.isArray(headings) || headings.length === 0){
         return {items:[],visible:false}
     }
-
-    let side_menu = {items:[],visible:false}
-    side_menu.items = headings_list_to_tree(headings,true)//also .slug=>.link
-    side_menu.visible = true
-    return side_menu
+    const tree = headings_list_to_tree(headings,true)
+    return {items:tree,visible:true}
 }
 
 function get_active_submenu(raw_menu,section,pathname){
diff --git a/src/pages/index.astro b/src/pages/index.astro
index a60400d..b330ee0 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -12,7 +12,7 @@ if(!title){
 }
 
 ---
-<Layout title={title} headings={[]} >
+<Layout title={title} headings={headings} >
     {!empty&&
         <AstroMarkdown items={items} data={data} headings={headings} />
     }

From c769acde2f2901ac56d3d95932d990ae106167dd Mon Sep 17 00:00:00 2001
From: wassfila <wassim.filali@gmail.com>
Date: Tue, 25 Nov 2025 21:51:35 +0100
Subject: [PATCH 10/24] functional code and Code model viewer

---
 src/components/markdown/AstroMarkdown.astro   | 35 +++++++-------
 src/components/markdown/Heading.astro         |  1 -
 src/components/markdown/code/Code.astro       | 48 +++++++------------
 .../markdown/code/DiagramCode.astro           |  7 +--
 src/components/markdown/code/Kroki.astro      | 15 ------
 .../markdown/model/ModelViewerCode.astro      | 36 +++++++++-----
 src/components/markdown/table/DataTable.astro |  1 +
 src/libs/structure-db.js                      | 13 ++++-
 src/pages/index.astro                         |  1 -
 9 files changed, 76 insertions(+), 81 deletions(-)
 delete mode 100644 src/components/markdown/code/Kroki.astro

diff --git a/src/components/markdown/AstroMarkdown.astro b/src/components/markdown/AstroMarkdown.astro
index f9c27f1..226ea6c 100644
--- a/src/components/markdown/AstroMarkdown.astro
+++ b/src/components/markdown/AstroMarkdown.astro
@@ -43,11 +43,14 @@ function paragraphStyle(node){
     }
     return 'paragraph';
 }
+
 ---
 {items.map((item) => {
-    const astHtml = item.ast ? renderAstToHtml(item.ast) : null;
-    if (astHtml) {
-        return <Fragment set:html={astHtml}></Fragment>;
+    if (item.type === 'paragraph' && item.ast) {
+        const astHtml = item.ast ? renderAstToHtml(item.ast) : null;
+        if (astHtml) {
+            return <Fragment set:html={astHtml}></Fragment>;
+        }
     }
     if (item.type === 'heading') {
         return <Heading item={item} data={data}/>;
@@ -58,9 +61,9 @@ function paragraphStyle(node){
     if (item.type === 'table') {
         return <DataTable item={item} />;
     }
-    //if (item.type === 'code') {
-    //    return <Code node={item} dirpath={safeDirpath} />;
-    //}
+    if (item.type === 'code') {
+        return <Code item={item} />;
+    }
     //if (item.type === 'tag') {
     //    return <Tag node={item} />;
     //}
@@ -79,15 +82,15 @@ function paragraphStyle(node){
     //        </ContainerDirective>
     //    );
     //}
-    //if (item.type === 'paragraph') {
-    //    const style = paragraphStyle(item);
-    //    return (
-    //        <div class={style}>
-    //            {item.children?.map((child) => (
-    //                <Fragment set:html={renderAstToHtml(child)}></Fragment>
-    //            )) ?? item.value}
-    //        </div>
-    //    );
-    //}
+    if (item.type === 'paragraph') {
+        const style = paragraphStyle(item);
+        return (
+            <div class={style}>
+                {item.children?.map((child) => (
+                    <Fragment set:html={renderAstToHtml(child)}></Fragment>
+                )) ?? item.value}
+            </div>
+        );
+    }
     return <Fragment set:html={renderAstToHtml(item)}></Fragment>;
 })}
diff --git a/src/components/markdown/Heading.astro b/src/components/markdown/Heading.astro
index 1dbd7c0..1cce7fc 100644
--- a/src/components/markdown/Heading.astro
+++ b/src/components/markdown/Heading.astro
@@ -15,7 +15,6 @@ export interface Props {
 }
 
 const { item, data } = Astro.props as Props;
-console.log(item)
 const HeadingLevel = `h${item.level}`
 
 ---
diff --git a/src/components/markdown/code/Code.astro b/src/components/markdown/code/Code.astro
index 22389b3..fbdcbfa 100644
--- a/src/components/markdown/code/Code.astro
+++ b/src/components/markdown/code/Code.astro
@@ -7,49 +7,37 @@ import Gallery from '../../gallery/gallery.astro';
 import Swiper from '../../swiper/swiper.astro'
 import kroki from './kroki.yaml'
 import {getMetaData} from '@/libs/assets.js'
+import { getAssetWithBlob } from '@/libs/structure-db';
+import DiagramCode from './DiagramCode.astro';
 
 export interface Props {
-    node: object;
-    dirpath: object;
+    item: {
+        asset_uid: string;
+    }
 }
 
-const { node, dirpath } = Astro.props as Props;
+const { item } = Astro.props as Props;
+const {asset, buffer} = getAssetWithBlob(item.asset_uid)
+const code = new TextDecoder().decode(buffer)
 
-const code = node.value
-const language = node.lang
-const params = node.meta?node.meta.split(' '):[]
-const asset_uid = node.asset_uid ?? null
-const diagram_uid = node.diagram_uid ?? (asset_uid ? `${asset_uid}.svg` : null)
+const language = asset.ext ?? 'plaintext'
+const params = asset.params?asset.params.split(' '):[]
+const asset_uid = item.asset_uid
 
-const yaml_glb      = ((language == "yaml") && (node.meta?.startsWith("glb")))
-const yaml_cards    = ((language == "yaml") && (node.meta?.startsWith("cards")))
-const yaml_gallery  = ((language == "yaml") && (node.meta?.startsWith("gallery")))
-const yaml_swiper  = ((language == "yaml") && (node.meta?.startsWith("swiper")))
+const yaml_glb      = ((language == "yaml") && (asset.params?.startsWith("glb")))
+const yaml_cards    = ((language == "yaml") && (asset.params?.startsWith("cards")))
+const yaml_gallery  = ((language == "yaml") && (asset.params?.startsWith("gallery")))
+const yaml_swiper  = ((language == "yaml") && (asset.params?.startsWith("swiper")))
 
 const is_diagram = kroki.languages.includes(language)
 const custom_yaml = yaml_glb || yaml_cards || yaml_gallery || yaml_swiper
 const other_language = (!is_diagram && !custom_yaml)
 
-let meta = {}
-if((is_diagram)&(params.length > 0)){
-    meta = await getMetaData(params[0], dirpath)
-}
 ---
 {(is_diagram)&&
-    <Kroki language={language} code={code} params={params} meta={meta} diagramUid={diagram_uid}/>
+    <DiagramCode uid={asset_uid} code={code} language={language} params={params} meta={asset.params} />
 }
 {yaml_glb &&
-    <ModelViewerCode code={code} dirpath={dirpath}/>
-}
-{yaml_cards &&
-    <Cards code={code} dirpath={dirpath}/>
-}
-{yaml_gallery &&
-    <Gallery code={code} dirpath={dirpath}/>
-}
-{yaml_swiper &&
-    <Swiper code={code} dirpath={dirpath}/>
-}
-{other_language&&
-    <Highlighter code={code} language={language} params={params} />
+    <ModelViewerCode uid={asset_uid} code={code} ast={item.ast}/>
 }
+
diff --git a/src/components/markdown/code/DiagramCode.astro b/src/components/markdown/code/DiagramCode.astro
index 65967b7..0e6c4ea 100644
--- a/src/components/markdown/code/DiagramCode.astro
+++ b/src/components/markdown/code/DiagramCode.astro
@@ -6,12 +6,13 @@ import { config } from '@/config.js';
 export interface Props {
     uid:string;
     code: string;
+    language: string;
     params: object;
     meta: object;
 }
 
-const {uid, code, params, meta} = Astro.props as Props;
-const diagram_url = `${config.base}/assets/${encodeURIComponent(uid)}`
+const {uid, code, language, params, meta} = Astro.props as Props;
+const diagram_url = `${config.base}/assets/${encodeURIComponent(uid)}.svg`
 let alt = ""
 let title = ""
 if(params && (params.length > 0)){
@@ -25,7 +26,7 @@ if(params && (params.length > 0)){
     <Panzoom src={diagram_url} alt={alt} title={title} meta={meta} hash={uid}/>
 </div>
 <div class="code hidden" data-uid={uid}>
-    <Highlighter code={code} language={"javascript"} params={params} />
+    <Highlighter code={code} language={language} params={params} />
 </div>
 
 <style>
diff --git a/src/components/markdown/code/Kroki.astro b/src/components/markdown/code/Kroki.astro
deleted file mode 100644
index 36149c1..0000000
--- a/src/components/markdown/code/Kroki.astro
+++ /dev/null
@@ -1,15 +0,0 @@
----
-import DiagramCode from './DiagramCode.astro'
-
-export interface Props {
-    language: string;
-    code: string;
-    params: object;
-    meta: object;
-    diagramUid: string | null | undefined;
-}
-
-const { language, code, params, meta, diagramUid } = Astro.props as Props;
-
----
-{diagramUid && <DiagramCode uid={diagramUid} code={code} params={params} meta={meta} />}
diff --git a/src/components/markdown/model/ModelViewerCode.astro b/src/components/markdown/model/ModelViewerCode.astro
index 3f0bcfb..d88ed07 100644
--- a/src/components/markdown/model/ModelViewerCode.astro
+++ b/src/components/markdown/model/ModelViewerCode.astro
@@ -1,16 +1,18 @@
 ---
 import SvgIcons from '@/components/svgicons.astro'
 import yaml from 'js-yaml'
-import {assetToUrl} from '@/libs/assets.js'
 
 export interface Props {
+  uid: string;
   code: string;
-  dirpath: string;
-}
+  ast: {
+      [key: string]: any;
+    };
+  };
 
-const { code, dirpath } = Astro.props as Props;
+const { uid, code, ast } = Astro.props as Props;
 
-const data = yaml.load(code)
+const code_data = yaml.load(code) as object;
 let should_render = true
 let src = ""
 let title = ""
@@ -18,16 +20,17 @@ let poster = ""
 let environment_image = ""
 let error_text = ""
 //mandatory params
-if(Object.hasOwn(data,"src")){
-  src = await assetToUrl(data.src,dirpath)
+if(Object.hasOwn(ast,"src")){
+  src = `/assets/${ast.src}`
+  console.log("ModelViewerCode src param:",src)
 }else{
   should_render = false
   const err = "ModelViewerCode missing 'src' param ; "
   console.warn(err)
   error_text += err
 }
-if(Object.hasOwn(data,"title")){
-  title = data.title
+if(Object.hasOwn(code_data,"title")){
+  title = code_data.title
 }else{
   should_render = false
   const err = "ModelViewerCode missing 'title' param"
@@ -35,13 +38,20 @@ if(Object.hasOwn(data,"title")){
   error_text += err
 }
 //optional params
-if(Object.hasOwn(data,"poster")){
-  poster = await assetToUrl(data.poster,dirpath)
+if(Object.hasOwn(ast,"poster")){
+  poster = `/assets/${ast.poster}`
 }
-if(Object.hasOwn(data,"environment-image")){
-  environment_image = await assetToUrl(data["environment-image"],dirpath)
+if(Object.hasOwn(ast,"environment-image")){
+  environment_image = `/assets/${ast["environment-image"]}`
 }
 
+console.log("ModelViewerCode params:",{
+  src,
+  title,
+  poster,
+  environment_image
+});
+
 //potential additional params
 //camera-orbit="-10.92deg 80.06deg 58.4m"
 //field-of-view="30deg"
diff --git a/src/components/markdown/table/DataTable.astro b/src/components/markdown/table/DataTable.astro
index 8beb4cb..83e479c 100644
--- a/src/components/markdown/table/DataTable.astro
+++ b/src/components/markdown/table/DataTable.astro
@@ -18,6 +18,7 @@ const { item } = Astro.props as Props;
     padding:5px;
     border-radius: 5px;
     box-shadow: 2px 2px 3px 3px #ccc;
+    display: inline-block;
 }
 </style>
 
diff --git a/src/libs/structure-db.js b/src/libs/structure-db.js
index 10dc846..34deae8 100644
--- a/src/libs/structure-db.js
+++ b/src/libs/structure-db.js
@@ -102,6 +102,15 @@ function getAssetsForDocument(docUid) {
     return map;
 }
 
+function getAssetInfo(match) {
+    if (!match?.asset_uid) {
+        return null;
+    }
+    const db = ensureDb();
+    const row = db.prepare('SELECT * FROM asset_info WHERE uid = ?').get(match.asset_uid);
+    return row ?? null;
+}
+
 function loadBlob(blobUid) {
     if (!blobUid) {
         return null;
@@ -224,7 +233,7 @@ function parseCodePayload(text, asset) {
     const content = String(text ?? '');
     return {
         lang: asset?.ext ?? null,
-        meta: asset?.meta ?? null,
+        meta: asset?.params ?? null,
         value: content
     };
 }
@@ -474,4 +483,4 @@ function getEntry(match){
     return {title: document.title, headings, items, data}
 }
 
-export {getEntry, getAsset, getAssetWithBlob, getDocument, getItems, parseAssetLink};
+export {getEntry, getAsset, getAssetWithBlob, getDocument, getItems, getAssetInfo, parseAssetLink};
diff --git a/src/pages/index.astro b/src/pages/index.astro
index b330ee0..0a25bcc 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -10,7 +10,6 @@ if(!title){
     empty = true
     throw new Error("entry not found for home page")
 }
-
 ---
 <Layout title={title} headings={headings} >
     {!empty&&

From bdeba76cdd61ce03d1a8179199b7b2e7aa8d747a Mon Sep 17 00:00:00 2001
From: wassfila <wassim.filali@gmail.com>
Date: Wed, 26 Nov 2025 20:15:26 +0100
Subject: [PATCH 11/24] gallery functional

---
 src/components/gallery/gallery.astro          | 30 +++++++++++++------
 src/components/gallery/grid_utils.js          | 29 +++++++++++++++++-
 src/components/markdown/cards/Cards.astro     | 18 ++++-------
 src/components/markdown/cards/CardsMeta.astro | 15 +++++-----
 src/components/markdown/code/Code.astro       | 23 ++++++++++----
 .../markdown/model/ModelViewerCode.astro      | 23 +++++---------
 src/libs/structure-db.js                      | 17 ++++++++++-
 7 files changed, 103 insertions(+), 52 deletions(-)

diff --git a/src/components/gallery/gallery.astro b/src/components/gallery/gallery.astro
index ab11313..b2d298c 100644
--- a/src/components/gallery/gallery.astro
+++ b/src/components/gallery/gallery.astro
@@ -1,25 +1,37 @@
 ---
-import {yaml_to_grid_images,select_masonry} from './grid_utils.js'
-import PhotoGallery from '../photoswipe/Gallery.astro'
+import {calculate_span,select_masonry} from './grid_utils.js'
+import {getImageInfo} from '../../libs/structure-db.js';
+
+interface GalleryItem {
+    uid: string;
+}
 
 export interface Props {
-    code: string;
-    dirpath: string;
-    expanded: boolean;
+    model: GalleryItem[];
     masonry: boolean;
 }
 
-const { code, dirpath, expanded=true, masonry=null } = Astro.props as Props;
+const { model, masonry=null } = Astro.props as Props;
+console.log(model)
+const images_uids = model.map((item)=>(item.uid));
+const imagesInfo = images_uids.map((uid)=>{
+    const info = getImageInfo(uid);
+    return {
+        url: `/assets/${uid}`,
+        ...info,
+        ...calculate_span(info.ratio)
+    }
+});
 
-const imagesUrls = await yaml_to_grid_images(code,dirpath)
 let mas = masonry
 if(mas == null){
-    mas = select_masonry(imagesUrls)
+    mas = select_masonry(imagesInfo)
 }
+
 ---
 
 <div class={`pswp-gallery container ${mas?'masonry':'grid'}`} id="my-gallery">
-    {imagesUrls.map((image)=>(
+    {imagesInfo.map((image)=>(
         <a  href={image.url}
             class={`item  ${mas?'masonry':'grid'}`}
             style={`grid-area: span ${image.spanHeight} / span ${image.spanWidth};`}
diff --git a/src/components/gallery/grid_utils.js b/src/components/gallery/grid_utils.js
index 4e46ad5..6dd8d60 100644
--- a/src/components/gallery/grid_utils.js
+++ b/src/components/gallery/grid_utils.js
@@ -61,12 +61,39 @@ async function yaml_to_grid_images(code,dirpath){
     return imagesUrls
 }
 
+function calculate_span(aspectRatio){
+    let spanWidth = 1, spanHeight = 1
+    if(aspectRatio > 1) { // Wider image
+        spanWidth = Math.round(aspectRatio) // Adjust this logic as per your grid layout needs
+    } else if(aspectRatio < 1) { // Taller image
+        spanHeight = Math.round(1 / aspectRatio) // Adjust this logic as per your grid layout needs
+    }
+    return {spanWidth,spanHeight}
+}
+
+function add_spanSize(imageUrls){
+    return imageUrls.map((image)=>{
+        let spanWidth = 1, spanHeight = 1
+        const aspectRatio = image.ratio
+        if(aspectRatio > 1) { // Wider image
+            spanWidth = Math.round(aspectRatio) // Adjust this logic as per your grid layout needs
+        } else if(aspectRatio < 1) { // Taller image
+            spanHeight = Math.round(1 / aspectRatio) // Adjust this logic as per your grid layout needs
+        }
+        return {
+            ...image,
+            spanWidth,
+            spanHeight
+        }
+    })
+}
+
 function select_masonry(imageUrls){
     const countGreaterOrEqualOne = imageUrls.filter(item => item.ratio >= 1).length;
     return countGreaterOrEqualOne > imageUrls.length / 2;
 }
 
 export {
-    yaml_to_grid_images,
+    calculate_span,
     select_masonry
 }
diff --git a/src/components/markdown/cards/Cards.astro b/src/components/markdown/cards/Cards.astro
index 8890412..72e163a 100644
--- a/src/components/markdown/cards/Cards.astro
+++ b/src/components/markdown/cards/Cards.astro
@@ -1,35 +1,27 @@
 ---
-import {getEntry} from '@/libs/structure-db.js'
+import {getDocument, getEntry} from '@/libs/structure-db.js'
 import CardMeta from './CardsMeta.astro'
-import AstroMarkdown from '@/components/markdown/AstroMarkdown.astro'
 import yaml from 'js-yaml'
 
 export interface Props {
   code: string;
-  dirpath: string;
 }
 
-const { code, dirpath } = Astro.props as Props;
+const { code } = Astro.props as Props;
 
 const cards = yaml.load(code)
 
-const promises = cards.map(entry => getEntry({ uid: entry.uid }));
-const entries = await Promise.all(promises);
+const entries = cards.map(entry => getDocument({ uid: entry.uid }));
 const resolvedCards = entries
   .map((entry, index) => ({entry, config: cards[index]}))
   .filter(({entry}) => entry);
+
 ---
 <div class="cards container">
     {
         resolvedCards.map(({entry,config})=>(
             <div class="card" style={`width:${config.width_rem}rem`}>
-                {!config.body&&
-                    <CardMeta data={entry.data} dirpath={dirpath} />
-                }
-                {config.body&&
-                    <h1 class="title">{entry.data.title}</h1>
-                    <AstroMarkdown items={entry.items} data={entry.data} />
-                }
+                <CardMeta data={entry.meta_data} />
             </div>
         ))
     }
diff --git a/src/components/markdown/cards/CardsMeta.astro b/src/components/markdown/cards/CardsMeta.astro
index b8f56bc..91a550c 100644
--- a/src/components/markdown/cards/CardsMeta.astro
+++ b/src/components/markdown/cards/CardsMeta.astro
@@ -1,20 +1,21 @@
 ---
-import {assetToUrl} from '@/libs/assets.js'
 import Button from '@/components/markdown/directive/ButtonDirective.astro'
-import {dirname} from 'path'
 export interface Props {
-  data: object;
-  dirpath: string;
+  data: {
+    title: string;
+    url: string;
+    image?: string;
+    features?: string[];
+    tags?: string[];};
 }
 
-const { data, dirpath } = Astro.props as Props;
-
+const { data } = Astro.props as Props;
 
 let isSvg = false
 let isImg = false
 let asseturl = ""
 if(data.image){
-    asseturl = await assetToUrl(data.image, dirname(data.path))
+    asseturl = `/assets/${data.image}`
     isSvg = data.image.endsWith(".svg")
     isImg = !isSvg
 }
diff --git a/src/components/markdown/code/Code.astro b/src/components/markdown/code/Code.astro
index fbdcbfa..e2ff9b5 100644
--- a/src/components/markdown/code/Code.astro
+++ b/src/components/markdown/code/Code.astro
@@ -1,18 +1,19 @@
 ---
 import Highlighter from './Highlighter.astro'
-import Kroki from './Kroki.astro'
 import ModelViewerCode from '../model/ModelViewerCode.astro';
 import Cards from '../cards/Cards.astro'
 import Gallery from '../../gallery/gallery.astro';
-import Swiper from '../../swiper/swiper.astro'
 import kroki from './kroki.yaml'
-import {getMetaData} from '@/libs/assets.js'
 import { getAssetWithBlob } from '@/libs/structure-db';
 import DiagramCode from './DiagramCode.astro';
 
 export interface Props {
     item: {
         asset_uid: string;
+        ast:{
+            model?: object;
+            gallery?: object;
+        }
     }
 }
 
@@ -27,17 +28,27 @@ const asset_uid = item.asset_uid
 const yaml_glb      = ((language == "yaml") && (asset.params?.startsWith("glb")))
 const yaml_cards    = ((language == "yaml") && (asset.params?.startsWith("cards")))
 const yaml_gallery  = ((language == "yaml") && (asset.params?.startsWith("gallery")))
-const yaml_swiper  = ((language == "yaml") && (asset.params?.startsWith("swiper")))
 
 const is_diagram = kroki.languages.includes(language)
-const custom_yaml = yaml_glb || yaml_cards || yaml_gallery || yaml_swiper
+const custom_yaml = yaml_glb || yaml_cards || yaml_gallery
 const other_language = (!is_diagram && !custom_yaml)
 
+console.log(item.asset_uid,yaml_gallery)
+
 ---
 {(is_diagram)&&
     <DiagramCode uid={asset_uid} code={code} language={language} params={params} meta={asset.params} />
 }
 {yaml_glb &&
-    <ModelViewerCode uid={asset_uid} code={code} ast={item.ast}/>
+    <ModelViewerCode uid={asset_uid} code={code} model={item.ast.model}/>
+}
+{yaml_cards &&
+    <Cards code={code} />
+}
+{yaml_gallery &&
+    <Gallery model={item.ast.gallery} />
+}
+{other_language&&
+    <Highlighter code={code} language={language} params={params} />
 }
 
diff --git a/src/components/markdown/model/ModelViewerCode.astro b/src/components/markdown/model/ModelViewerCode.astro
index d88ed07..c66f91c 100644
--- a/src/components/markdown/model/ModelViewerCode.astro
+++ b/src/components/markdown/model/ModelViewerCode.astro
@@ -5,12 +5,12 @@ import yaml from 'js-yaml'
 export interface Props {
   uid: string;
   code: string;
-  ast: {
+  model: {
       [key: string]: any;
     };
   };
 
-const { uid, code, ast } = Astro.props as Props;
+const { uid, code, model } = Astro.props as Props;
 
 const code_data = yaml.load(code) as object;
 let should_render = true
@@ -20,8 +20,8 @@ let poster = ""
 let environment_image = ""
 let error_text = ""
 //mandatory params
-if(Object.hasOwn(ast,"src")){
-  src = `/assets/${ast.src}`
+if(Object.hasOwn(model,"src")){
+  src = `/assets/${model.src}`
   console.log("ModelViewerCode src param:",src)
 }else{
   should_render = false
@@ -38,20 +38,13 @@ if(Object.hasOwn(code_data,"title")){
   error_text += err
 }
 //optional params
-if(Object.hasOwn(ast,"poster")){
-  poster = `/assets/${ast.poster}`
+if(Object.hasOwn(model,"poster")){
+  poster = `/assets/${model.poster}`
 }
-if(Object.hasOwn(ast,"environment-image")){
-  environment_image = `/assets/${ast["environment-image"]}`
+if(Object.hasOwn(model,"environment-image")){
+  environment_image = `/assets/${model["environment-image"]}`
 }
 
-console.log("ModelViewerCode params:",{
-  src,
-  title,
-  poster,
-  environment_image
-});
-
 //potential additional params
 //camera-orbit="-10.92deg 80.06deg 58.4m"
 //field-of-view="30deg"
diff --git a/src/libs/structure-db.js b/src/libs/structure-db.js
index 34deae8..8d784fd 100644
--- a/src/libs/structure-db.js
+++ b/src/libs/structure-db.js
@@ -60,6 +60,12 @@ function getDocument(match) {
     return normalizeDocumentRow(row);
 }
 
+function getImageInfo(uid) {
+    const db = ensureDb();
+    const row = db.prepare('SELECT * FROM images WHERE uid = ?').get(uid);
+    return row;
+}
+
 function getItemsForDocument(docSid, type) {
     const db = ensureDb();
     const params = [docSid];
@@ -483,4 +489,13 @@ function getEntry(match){
     return {title: document.title, headings, items, data}
 }
 
-export {getEntry, getAsset, getAssetWithBlob, getDocument, getItems, getAssetInfo, parseAssetLink};
+export {
+    getEntry, 
+    getAsset, 
+    getAssetWithBlob, 
+    getDocument, 
+    getItems, 
+    getAssetInfo, 
+    parseAssetLink,
+    getImageInfo
+};
\ No newline at end of file

From 2ae0e193bd7a8e5078acf912e203052210da3c11 Mon Sep 17 00:00:00 2001
From: wassfila <wassim.filali@gmail.com>
Date: Wed, 26 Nov 2025 21:27:49 +0100
Subject: [PATCH 12/24] refactor: streamline link handling and remove unused
 tag component

---
 src/components/markdown/AstroMarkdown.astro   |  9 +--
 src/components/markdown/Link.astro            | 58 ++++++++++---------
 src/components/markdown/Tag.astro             | 35 -----------
 src/components/markdown/code/Code.astro       |  2 -
 src/components/markdown/table/TableXLSX.astro |  3 +-
 5 files changed, 35 insertions(+), 72 deletions(-)
 delete mode 100644 src/components/markdown/Tag.astro

diff --git a/src/components/markdown/AstroMarkdown.astro b/src/components/markdown/AstroMarkdown.astro
index 226ea6c..90944ea 100644
--- a/src/components/markdown/AstroMarkdown.astro
+++ b/src/components/markdown/AstroMarkdown.astro
@@ -64,12 +64,9 @@ function paragraphStyle(node){
     if (item.type === 'code') {
         return <Code item={item} />;
     }
-    //if (item.type === 'tag') {
-    //    return <Tag node={item} />;
-    //}
-    //if (item.type === 'link') {
-    //    return <Link node={item} dirpath={safeDirpath} />;
-    //}
+    if (item.type === 'link') {
+        return <Link item={item}  />;
+    }
     //if (item.type === 'textDirective') {
     //    return <Directive node={item} dirpath={safeDirpath} />;
     //   }
diff --git a/src/components/markdown/Link.astro b/src/components/markdown/Link.astro
index ee83d11..0235810 100644
--- a/src/components/markdown/Link.astro
+++ b/src/components/markdown/Link.astro
@@ -1,55 +1,59 @@
 ---
-import {assetToUrl, file_ext} from '@/libs/assets.js'
 import {toHast} from 'mdast-util-to-hast'
 import {toHtml} from 'hast-util-to-html'
 import ModelViewer from './model/ModelViewer.astro';
 import TableXLSX from './table/TableXLSX.astro';
 import LinkCode from './code/LinkCode.astro';
 import kroki from './code/kroki.yaml'
+import { getAssetInfo } from '@/libs/structure-db';
+import Code from './code/Code.astro';
 
 export interface Props {
-    node: object;
-    dirpath: string;
+    item: {
+      asset_uid?: string;
+      body_text: string;
+      ast: {
+          title: string;
+          url: string;
+    };
+    };
 }
 
-const { node, dirpath} = Astro.props as Props;
+const { item } = Astro.props as Props;
 
-const external = node.url.startsWith('http')
-console.log(`* link '${node.url}' (external:${external}) `)
-let src = node.url
-if(!external){
-  if(!node.url.startsWith("/")){
-    src = await assetToUrl(node.url,dirpath)
-  }
-}
+const hasAsset = (item.asset_uid != null)
+const external = !hasAsset && item.ast.url.startsWith('http')
+
+const url = hasAsset ? `/assets/${item.asset_uid}` : item.ast.url
 
-const ext = file_ext(node.url)
+let is_model3d = false
+let is_table = false
+let is_diagram = false
+let is_link = true
 
-const is_model3d = (ext === "glb") && !external
-const is_table = (ext === "xlsx") && !external
-const is_diagram = Object.keys(kroki.formats).includes(ext) && !external
-const is_link = !is_model3d && !is_table && !is_diagram
-let title = ""
-if((node.children.length>0)&&(node.children[0].type == "text")){
-  title = node.children[0].value
+if (hasAsset){
+  const asset_info = getAssetInfo(item);
+  is_model3d = (asset_info.ext === "glb")
+  is_table = (asset_info.ext === "xlsx")
+  is_diagram = Object.keys(kroki.formats).includes(asset_info.ext)
+  is_link = !is_model3d && !is_table && !is_diagram
 }
 
+
 ---
 {is_model3d &&
-  <ModelViewer src={src} title={title} />
+  <ModelViewer src={url} title={item.body_text} />
 }
 {is_table &&
-  <TableXLSX src={node.url} title={title} dirpath={dirpath} />
+  <TableXLSX src={url} title={item.body_text} />
 }
 {is_link &&
-  <a href={src} class={`link ${external?"external":""}`} target={external?"_blank":"_self"}>
-        {node.children.map((node)=>(
-          <Fragment set:html={toHtml(toHast(node))}></Fragment>
-        ))}
+  <a href={url} class={`link ${external?"external":""}`} target={external?"_blank":"_self"}>
+        {item.body_text}
   </a>
 }
 {is_diagram &&
-  <LinkCode ext={ext} url={node.url} dirpath={dirpath} />
+  <Code item={item}  />
 }
 <style>
 a{
diff --git a/src/components/markdown/Tag.astro b/src/components/markdown/Tag.astro
deleted file mode 100644
index 8d66018..0000000
--- a/src/components/markdown/Tag.astro
+++ /dev/null
@@ -1,35 +0,0 @@
----
-import {getEntry} from '@/libs/structure-db.js'
-
-export interface Props {
-    node: object;
-}
-
-const {node} = Astro.props;
-
-const entry = await getEntry({uid:node.tag_value})
-const url = entry ? `/${entry.data.url}` : null
-
----
-{(node.tag_type == "page")&&
-    <>
-        {url
-            ? <a href={url}>{node.tag_value}</a>
-            : <span>{node.tag_value}</span>
-        }
-    </>
-}
-
-<style>
-a{
-    text-decoration: none;
-    color: black;
-    background-color: #ddd;
-    padding: 3px;
-    padding-top: 1px;
-    border-radius: 5px;
-}
-a:hover{
-    box-shadow: 2px 2px 3px 3px #ccc;
-}
-</style>
diff --git a/src/components/markdown/code/Code.astro b/src/components/markdown/code/Code.astro
index e2ff9b5..ebfd29c 100644
--- a/src/components/markdown/code/Code.astro
+++ b/src/components/markdown/code/Code.astro
@@ -33,8 +33,6 @@ const is_diagram = kroki.languages.includes(language)
 const custom_yaml = yaml_glb || yaml_cards || yaml_gallery
 const other_language = (!is_diagram && !custom_yaml)
 
-console.log(item.asset_uid,yaml_gallery)
-
 ---
 {(is_diagram)&&
     <DiagramCode uid={asset_uid} code={code} language={language} params={params} meta={asset.params} />
diff --git a/src/components/markdown/table/TableXLSX.astro b/src/components/markdown/table/TableXLSX.astro
index 0d7d6ad..809fad3 100644
--- a/src/components/markdown/table/TableXLSX.astro
+++ b/src/components/markdown/table/TableXLSX.astro
@@ -9,10 +9,9 @@ import {xlsxJson_to_DataTable} from './table.js'
 export interface Props {
     src: string;
     title: string;
-    dirpath: string;
 }
 
-const { src, title, dirpath } = Astro.props as Props;
+const { src, title } = Astro.props as Props;
 
 set_fs(fs);
 const abs_file = join(config.content_path,dirpath,src)

From 4533932e8b4b1e06ee96b3e75615a539a1400fd9 Mon Sep 17 00:00:00 2001
From: wassfila <wassim.filali@gmail.com>
Date: Thu, 27 Nov 2025 16:47:04 +0100
Subject: [PATCH 13/24] feat: add support for 'puml' file extension and update
 README notes refactor: enhance language detection in code component and
 remove XLSX table component fix: improve error handling in dynamic page
 rendering

---
 manifest.yaml                                 |  2 +-
 readme.md                                     |  2 +
 src/components/markdown/Link.astro            |  5 --
 src/components/markdown/code/Code.astro       |  9 +++-
 src/components/markdown/table/TableXLSX.astro | 51 -------------------
 src/libs/structure-db.js                      |  2 +-
 src/pages/[...url].astro                      | 16 +++---
 src/pages/assets/[...uid].js                  |  4 ++
 8 files changed, 24 insertions(+), 67 deletions(-)
 delete mode 100644 src/components/markdown/table/TableXLSX.astro

diff --git a/manifest.yaml b/manifest.yaml
index 3b6ee0c..90ef40c 100644
--- a/manifest.yaml
+++ b/manifest.yaml
@@ -6,7 +6,7 @@ fetch:
       dest: content
 collect:
   folder_single_doc: false
-  file_link_ext: ["svg","webp","png","jpeg","jpg","xlsx","glb"]
+  file_link_ext: ["svg","webp","png","jpeg","jpg","xlsx","glb","puml"]
   file_compress_ext: ['txt','md','json','csv','tsv','yaml','yml']
   external_storage_kb: 512
   inline_compression_kb: 32
diff --git a/readme.md b/readme.md
index d129649..63630ed 100644
--- a/readme.md
+++ b/readme.md
@@ -62,3 +62,5 @@ True content based ISR (Incremental Static Regenration) with cache warmup.
     - `inline_compression_kb` : threshold above which db blobs get compressed
 - Run `pnpm collect` to parse the `.content` directory Markdown and referenced assets and store them in `.structure/structure.db`
 
+# Notes
+* XLSX files support dropped but could potentially generate two assets, original file for download and asset table for direct asset vieweing
diff --git a/src/components/markdown/Link.astro b/src/components/markdown/Link.astro
index 0235810..59febc0 100644
--- a/src/components/markdown/Link.astro
+++ b/src/components/markdown/Link.astro
@@ -2,7 +2,6 @@
 import {toHast} from 'mdast-util-to-hast'
 import {toHtml} from 'hast-util-to-html'
 import ModelViewer from './model/ModelViewer.astro';
-import TableXLSX from './table/TableXLSX.astro';
 import LinkCode from './code/LinkCode.astro';
 import kroki from './code/kroki.yaml'
 import { getAssetInfo } from '@/libs/structure-db';
@@ -34,7 +33,6 @@ let is_link = true
 if (hasAsset){
   const asset_info = getAssetInfo(item);
   is_model3d = (asset_info.ext === "glb")
-  is_table = (asset_info.ext === "xlsx")
   is_diagram = Object.keys(kroki.formats).includes(asset_info.ext)
   is_link = !is_model3d && !is_table && !is_diagram
 }
@@ -44,9 +42,6 @@ if (hasAsset){
 {is_model3d &&
   <ModelViewer src={url} title={item.body_text} />
 }
-{is_table &&
-  <TableXLSX src={url} title={item.body_text} />
-}
 {is_link &&
   <a href={url} class={`link ${external?"external":""}`} target={external?"_blank":"_self"}>
         {item.body_text}
diff --git a/src/components/markdown/code/Code.astro b/src/components/markdown/code/Code.astro
index ebfd29c..687f488 100644
--- a/src/components/markdown/code/Code.astro
+++ b/src/components/markdown/code/Code.astro
@@ -20,8 +20,13 @@ export interface Props {
 const { item } = Astro.props as Props;
 const {asset, buffer} = getAssetWithBlob(item.asset_uid)
 const code = new TextDecoder().decode(buffer)
-
-const language = asset.ext ?? 'plaintext'
+let language = asset.ext ?? 'plaintext'
+const krokiLanguage = asset.ext ? kroki.formats[asset.ext] : undefined
+if(asset.type == "linked_file" && krokiLanguage){
+    console.log("Kroki format detected for extension:", asset.ext)
+    language = krokiLanguage
+}
+console.log("Language:", language)
 const params = asset.params?asset.params.split(' '):[]
 const asset_uid = item.asset_uid
 
diff --git a/src/components/markdown/table/TableXLSX.astro b/src/components/markdown/table/TableXLSX.astro
deleted file mode 100644
index 809fad3..0000000
--- a/src/components/markdown/table/TableXLSX.astro
+++ /dev/null
@@ -1,51 +0,0 @@
----
-import * as XLSX from 'xlsx';
-import * as fs from "fs";
-import { readFile, set_fs } from "xlsx";
-import {join,dirname} from 'path'
-import {config} from '@/config.js'
-import {xlsxJson_to_DataTable} from './table.js'
-
-export interface Props {
-    src: string;
-    title: string;
-}
-
-const { src, title } = Astro.props as Props;
-
-set_fs(fs);
-const abs_file = join(config.content_path,dirpath,src)
-console.log(` * loading xlsx file '${abs_file}'`)
-const workbook = readFile(abs_file);
-
-const sheet_name = workbook.SheetNames[0]
-const worksheet = workbook.Sheets[sheet_name]
-//const html = XLSX.utils.sheet_to_html(worksheet);
-const xlsxJson = XLSX.utils.sheet_to_json(worksheet);
-const [table_head, ...table_rows] = xlsxJson_to_DataTable(xlsxJson)
-const table_string = JSON.stringify(table_rows)
----
-<div class="container">
-    <table class="data-table" data-table={table_string}>
-        <thead>
-            <tr>
-            {table_head.map((cell)=>(
-                <th>{cell}</th>
-            ))}
-            </tr>
-        </thead>
-        <tbody>
-            <!-- Data will be populated dynamically using JavaScript -->
-        </tbody>
-    </table>
-</div>
-
-<style>
-.container{
-    padding:5px;
-    border-radius: 5px;
-    box-shadow: 2px 2px 3px 3px #ccc;
-}
-</style>
-
-<script src="./data-tables.js" />
diff --git a/src/libs/structure-db.js b/src/libs/structure-db.js
index 8d784fd..0297d0a 100644
--- a/src/libs/structure-db.js
+++ b/src/libs/structure-db.js
@@ -471,10 +471,10 @@ function getEntryDeprecated(match) {
 
 function getEntry(match){
     const document = getDocument(match);
-    console.log("getEntry> document.sid=",document.sid);
     if (!document) {
         return {title: '', headings: [], items: [], data: {}};
     }
+    console.log("getEntry> document.sid=",document.sid);
     const items = getItems(match);
     let headings = document?.toc;
     if (!headings) {
diff --git a/src/pages/[...url].astro b/src/pages/[...url].astro
index 27f4586..d77cf86 100644
--- a/src/pages/[...url].astro
+++ b/src/pages/[...url].astro
@@ -5,13 +5,15 @@ import { getEntry} from '@/libs/structure-db.js'
 
 let {url} = Astro.params;
 console.log(`in [...path] > path = ${url}`)
-const entry = await getEntry({url:url})
-if(!entry){
-    throw new Error(`entry not found for url '${url}'`)
+const {title, headings, items, data} = getEntry({url:url})
+let empty = false
+if(!title){
+    empty = true
+    throw new Error("entry not found for home page")
 }
-
-const headings = (Object.hasOwn(entry.data,"toc")&&entry.data.toc == false)?[]:entry.headings
 ---
-<Layout title={entry.title} headings={headings} >
-    <AstroMarkdown items={entry.items} data={entry.data} />
+<Layout title={title} headings={headings} >
+    {!empty&&
+        <AstroMarkdown items={items} data={data} headings={headings} />
+    }
 </Layout>
diff --git a/src/pages/assets/[...uid].js b/src/pages/assets/[...uid].js
index 6cfe2a8..ec4008d 100644
--- a/src/pages/assets/[...uid].js
+++ b/src/pages/assets/[...uid].js
@@ -46,11 +46,15 @@ export async function GET({params}) {
     console.log(`Asset request for uid: ${uid}`);
     const {asset, buffer} = getAssetWithBlob(uid);
     if (asset && buffer) {
+        const filename = asset.path ? asset.path.split(/[\\/]/).pop() : null;
         const contentType = file_mime(asset.ext ?? asset.path ?? uid);
         const headers = {
             'Content-Type': contentType,
             'Content-Length': buffer.length?.toString()
         };
+        if (filename) {
+            headers['Content-Disposition'] = `inline; filename="${filename}"`;
+        }
         if (!headers['Content-Length']) {
             delete headers['Content-Length'];
         }

From 2e1ca3c9e3e07aa6762c411977a1bab6882f4655 Mon Sep 17 00:00:00 2001
From: wassfila <wassim.filali@gmail.com>
Date: Thu, 27 Nov 2025 19:02:53 +0100
Subject: [PATCH 14/24] added file_diagram generation added directive completed
 all item types

---
 scripts/diagrams.js                           | 35 ++++++++++----
 src/components/markdown/AstroMarkdown.astro   | 47 ++++++++++---------
 .../markdown/directive/Directive.astro        | 19 ++++----
 3 files changed, 59 insertions(+), 42 deletions(-)

diff --git a/scripts/diagrams.js b/scripts/diagrams.js
index 1daba10..7fc2d9f 100644
--- a/scripts/diagrams.js
+++ b/scripts/diagrams.js
@@ -7,6 +7,8 @@ import {config} from '../config.js';
 import {openDatabase} from 'content-structure/src/sqlite_utils/index.js';
 
 const diagramExts = new Set(['plantuml', 'blockdiag', 'mermaid']);
+const diagramTypeMap = {codeblock: 'code_diagram', linked_file: 'file_diagram'};
+const languageAliases = {puml: 'plantuml'};
 const dbPath = join(config.collect_content.outdir, 'structure.db');
 const db = openDatabase(dbPath);
 
@@ -19,7 +21,8 @@ function normalizeLanguage(value) {
     if (!normalized) {
         return '';
     }
-    return normalized.startsWith('.') ? normalized.slice(1) : normalized;
+    const trimmed = normalized.startsWith('.') ? normalized.slice(1) : normalized;
+    return languageAliases[trimmed] ?? trimmed;
 }
 
 function loadBlob(blobUid) {
@@ -97,11 +100,11 @@ async function main() {
     if (typeof fetch !== 'function') {
         throw new Error('Global fetch is not available. Run with Node 18+ or provide a fetch polyfill.');
     }
-    const codeblocks = db
-        .prepare("SELECT uid, blob_uid, parent_doc_uid, ext FROM asset_info WHERE type = 'codeblock'")
+    const diagramSources = db
+        .prepare("SELECT uid, blob_uid, parent_doc_uid, ext, type FROM asset_info WHERE type IN ('codeblock', 'linked_file')")
         .all();
-    if (!codeblocks.length) {
-        console.log('No codeblocks found; nothing to render.');
+    if (!diagramSources.length) {
+        console.log('No diagram-capable assets found; nothing to render.');
         return;
     }
 
@@ -132,7 +135,7 @@ async function main() {
         }
         insertAssetInfo.run(
             payload.diagramUid,
-            'code_diagram',
+            payload.diagramType,
             payload.blobUid,
             payload.parentDocUid,
             'svg',
@@ -140,11 +143,22 @@ async function main() {
             payload.now
         );
         if (payload.docSid) {
-            insertAssetLink.run(payload.diagramUid, versionId, payload.docSid, payload.blobUid, 'code_diagram');
+            insertAssetLink.run(
+                payload.diagramUid,
+                versionId,
+                payload.docSid,
+                payload.blobUid,
+                payload.diagramType
+            );
         }
     });
 
-    for (const asset of codeblocks) {
+    for (const asset of diagramSources) {
+        const diagramType = diagramTypeMap[asset.type];
+        if (!diagramType) {
+            continue;
+        }
+
         const ext = normalizeLanguage(asset.ext);
         if (!diagramExts.has(ext)) {
             continue;
@@ -193,11 +207,12 @@ async function main() {
             buffer: svgBuffer,
             diagramUid,
             parentDocUid: asset.parent_doc_uid,
-            docSid
+            docSid,
+            diagramType
         });
 
         console.log(
-            `${diagramUid}: ${insertedBlob ? 'generated' : 'reused'} blob ${blobUid} (hash ${hash.slice(0, 8)})`
+            `${diagramUid} [${diagramType}]: ${insertedBlob ? 'generated' : 'reused'} blob ${blobUid} (hash ${hash.slice(0, 8)})`
         );
     }
 }
diff --git a/src/components/markdown/AstroMarkdown.astro b/src/components/markdown/AstroMarkdown.astro
index 90944ea..cac4f1e 100644
--- a/src/components/markdown/AstroMarkdown.astro
+++ b/src/components/markdown/AstroMarkdown.astro
@@ -46,12 +46,6 @@ function paragraphStyle(node){
 
 ---
 {items.map((item) => {
-    if (item.type === 'paragraph' && item.ast) {
-        const astHtml = item.ast ? renderAstToHtml(item.ast) : null;
-        if (astHtml) {
-            return <Fragment set:html={astHtml}></Fragment>;
-        }
-    }
     if (item.type === 'heading') {
         return <Heading item={item} data={data}/>;
     }
@@ -67,27 +61,36 @@ function paragraphStyle(node){
     if (item.type === 'link') {
         return <Link item={item}  />;
     }
-    //if (item.type === 'textDirective') {
-    //    return <Directive node={item} dirpath={safeDirpath} />;
-    //   }
-    //if (item.type === 'containerDirective') {
-    //    return (
-    //        <ContainerDirective name={item.name} attributes={item.attributes}>
-    //            {item.children?.map((child) => (
-    //                <Fragment set:html={renderAstToHtml(child)}></Fragment>
-    //            ))}
-    //        </ContainerDirective>
-    //    );
-    //}
-    if (item.type === 'paragraph') {
-        const style = paragraphStyle(item);
+    if (item.type === 'containerDirective') {
         return (
+            <ContainerDirective name={item.ast.name} attributes={item.ast.attributes}>
+                {item.ast.children?.map((child) => (
+                    <Fragment set:html={renderAstToHtml(child)}></Fragment>
+                ))}
+            </ContainerDirective>
+        );
+    }
+    if (item.ast) {
+        const astHtml = item.ast ? renderAstToHtml(item.ast) : null;
+        if (astHtml) {
+            return <Fragment set:html={astHtml}></Fragment>;
+        }
+    }
+    if (item.type === 'paragraph' && item.ast) {
+        const style = paragraphStyle(item);
+        const astHtml = item.ast ? renderAstToHtml(item.ast) : null;
+        if (astHtml) {
+            return (
             <div class={style}>
                 {item.children?.map((child) => (
                     <Fragment set:html={renderAstToHtml(child)}></Fragment>
                 )) ?? item.value}
             </div>
-        );
+        )
+        }
+    }
+    if (item.type === 'paragraph' && !item.ast) {
+        return <Fragment >{item.body_text}</Fragment>;
     }
-    return <Fragment set:html={renderAstToHtml(item)}></Fragment>;
+    return <Fragment>md.nan</Fragment>;
 })}
diff --git a/src/components/markdown/directive/Directive.astro b/src/components/markdown/directive/Directive.astro
index 226ba7f..795531d 100644
--- a/src/components/markdown/directive/Directive.astro
+++ b/src/components/markdown/directive/Directive.astro
@@ -9,25 +9,24 @@ import ImageDirective from './ImageDirective.astro';
 import ButtonDirective from './ButtonDirective.astro'
 
 export interface Props {
-    node: object;
-    dirpath: string;
+  name: string;
+  attributes: object[];
 }
 
-const { node, dirpath} = Astro.props as Props;
-
-const is_image = (node.name == "image")
-const is_button = (node.name == "button")
+const { name, attributes } = Astro.props as Props;
+const is_image = (name == "image")
+const is_button = (name == "button")
 const is_other = !(is_image || is_button)
 
 ---
 {is_image &&
-  <ImageDirective node={node} dirpath={dirpath}/>
+  <ImageDirective attributes={attributes}/>
 }
 {is_button &&
-  <ButtonDirective label={node.attributes.label} link={node.attributes.link} icon={node.attributes.icon} />
+  <ButtonDirective label={attributes.label} link={attributes.link} icon={attributes.icon} />
 }
 {is_other &&
-  <div>{node.name}
-    {Object.keys(node.attributes).map((key)=>(<span>{key} = {node.attributes[key]}</span>))}
+  <div>{name}
+    {Object.keys(attributes).map((key)=>(<span>{key} = {attributes[key]}</span>))}
   </div>
 }

From eaf1b6d19fa8fd482499c52e19fcba8f1237c157 Mon Sep 17 00:00:00 2001
From: wassfila <wassim.filali@gmail.com>
Date: Thu, 27 Nov 2025 19:30:13 +0100
Subject: [PATCH 15/24] Fix appbar and menu

---
 src/layout/AppBar.astro    |  16 ++-
 src/layout/Layout.astro    |  17 ++-
 src/layout/layout_utils.js | 284 +++++++++++++++++++++++++++++++------
 3 files changed, 261 insertions(+), 56 deletions(-)

diff --git a/src/layout/AppBar.astro b/src/layout/AppBar.astro
index 1cd993d..2eedfdd 100644
--- a/src/layout/AppBar.astro
+++ b/src/layout/AppBar.astro
@@ -1,10 +1,20 @@
 ---
 import './colors.css';
 import Icon from "@/components/icon.astro"
-import { get_base_menu,get_active_appbar_menu } from './layout_utils.js';
+import { buildAppBarMenu } from './layout_utils.js';
 
-let base_menu = get_base_menu()
-const menu = get_active_appbar_menu(base_menu,Astro.url.pathname)
+export interface Props {
+    menu?: Array<{
+        label: string;
+        link: string;
+        active_class?: string;
+        align?: string;
+        icon?: string;
+    }>;
+}
+
+const { menu: providedMenu = [] } = Astro.props as Props;
+const menu = providedMenu.length ? providedMenu : buildAppBarMenu(Astro.url.pathname);
 const left_side  = menu.filter((item)=>(!Object.hasOwn(item,"align") || !(item.align=="right")))
 const right_side = menu.filter((item)=>(Object.hasOwn(item,"align") && (item.align=="right")))
 
diff --git a/src/layout/Layout.astro b/src/layout/Layout.astro
index 44d1d37..65d3f20 100644
--- a/src/layout/Layout.astro
+++ b/src/layout/Layout.astro
@@ -1,8 +1,8 @@
 ---
 import './colors.css';
+import AppBar from './AppBar.astro';
 import SideMenu from './SideMenu.astro';
-import { section_from_pathname } from '@/libs/assets.js';
-import { process_toc_list } from "./layout_utils";
+import { process_toc_list, buildNavigationMenus } from "./layout_utils";
 import {config} from '@/config'
 
 
@@ -14,9 +14,9 @@ export interface Props {
 const { headings } = Astro.props;
 const { title } = Astro.props.frontmatter || Astro.props;
 const toc_menu_items = process_toc_list(headings)
-const section = section_from_pathname(Astro.url.pathname)
-
-console.log(`Layout> sectiom = '${section}'`)
+const navigation = buildNavigationMenus(Astro.url.pathname)
+const pages_menu_items = navigation.sectionMenu ?? []
+const appbar_menu = navigation.appBarMenu ?? []
 ---
 <html lang="en">
 	<head>
@@ -30,17 +30,16 @@ console.log(`Layout> sectiom = '${section}'`)
 		<div id="fixed-left" class="fixed-nav active" />
 		<div class="appbar-nav_content-footer">
 			<header>
-				Appbar placeholder
+				<AppBar menu={appbar_menu} />
 			</header>
 			<main>
 				<div id="wide-nav" class="scroll">
-					menu placeholder
+					<SideMenu items={pages_menu_items} category="pages_menu"/>
 				</div>
 				<div id="resize-left" class="nav-resize active"/>
 				<article class="content scroll">
 					<div id="mobile-nav">
-						menu placeholder
-					</div>
+						<SideMenu items={pages_menu_items} category="pages_menu"/>
 					</div>
 					<div class="article-slot">
 						<slot/>
diff --git a/src/layout/layout_utils.js b/src/layout/layout_utils.js
index 30379f6..a655691 100644
--- a/src/layout/layout_utils.js
+++ b/src/layout/layout_utils.js
@@ -1,6 +1,7 @@
-import { load_json } from '@/libs/utils.js'
-import { section_from_pathname } from '@/libs/assets.js'
-import { config } from '@/config.js'
+import {join} from 'path';
+import {config} from '@/config.js';
+import {section_from_pathname} from '@/libs/assets.js';
+import {openDatabase} from 'content-structure/src/sqlite_utils/index.js';
 
 function cloneHeading(heading) {
     return {
@@ -66,61 +67,256 @@ function headings_list_to_tree(headings, is_toc) {
 }
 
 /** headings start at Sidemenu
- * 
+ *
  */
-function process_toc_list(headings){
-    if(!Array.isArray(headings) || headings.length === 0){
-        return {items:[],visible:false}
+function process_toc_list(headings) {
+    if (!Array.isArray(headings) || headings.length === 0) {
+        return {items: [], visible: false};
     }
-    const tree = headings_list_to_tree(headings,true)
-    return {items:tree,visible:true}
+    const tree = headings_list_to_tree(headings, true);
+    return {items: tree, visible: true};
 }
 
-function get_active_submenu(raw_menu,section,pathname){
-    return raw_menu.map((entry)=>{
-        //console.log(`/${section}/${entry.url} == '${pathname}'`)
-        entry.active = (`/${section}/${entry.url}` == pathname)
-        if(Object.hasOwn(entry,"items")){
-            entry.items = get_active_submenu(entry.items,section,pathname)
-        }
-        return entry
-    })
+const dbPath = join(config.collect_content.outdir, 'structure.db');
+
+function stripBase(pathname) {
+    const base = config.base ?? '';
+    if (!base || base === '/') {
+        return pathname;
+    }
+    if (pathname.startsWith(base)) {
+        const stripped = pathname.slice(base.length);
+        return stripped || '/';
+    }
+    return pathname;
 }
 
+function normalizePath(pathname) {
+    const value = pathname || '/';
+    let normalized = value.startsWith('/') ? value : `/${value}`;
+    if (normalized.length > 1 && normalized.endsWith('/')) {
+        normalized = normalized.slice(0, -1);
+    }
+    return normalized;
+}
 
-async function get_generated_section_menu(pathname){
-    const generated_menu = await load_json(config.collect_content.out_menu)
-    const section = section_from_pathname(pathname);
-    let section_menu = generated_menu.sections[section]
-    if(!Object.hasOwn(generated_menu.sections,section)){
-        section_menu = []
+function toDocUrl(pathname) {
+    const stripped = stripBase(normalizePath(pathname));
+    if (stripped === '/') {
+        return '';
     }
-    return get_active_submenu(section_menu,section,pathname)
+    return stripped.startsWith('/') ? stripped.slice(1) : stripped;
 }
 
-function get_active_appbar_menu(raw_menu,pathname){
-    const current_section = section_from_pathname(pathname)
-    console.log(`current_section = '${current_section}'`)
-    return raw_menu.map((item)=>{
-        item.active_class = (section_from_pathname(item.link) == current_section)?"active":""
-        return item
-    })
+function buildDocLink(url) {
+    const base = config.base ?? '';
+    const suffix = url ? `/${url}` : '/';
+    const combined = `${base}${suffix}`;
+    const cleaned = combined.replace(/\/{2,}/g, '/');
+    if (cleaned === '/') {
+        return '/';
+    }
+    return cleaned.endsWith('/') ? cleaned.slice(0, -1) : cleaned;
 }
 
-async function get_menu_hash(){
-    const generated_menu = await load_json(config.collect_content.out_menu)
-    return generated_menu.hash
+function labelFromUrl(url) {
+    if (!url) {
+        return 'Home';
+    }
+    const segment = url.split('/').filter(Boolean).pop() ?? 'Home';
+    const withSpaces = segment.replace(/[-_]/g, ' ');
+    return withSpaces.charAt(0).toUpperCase() + withSpaces.slice(1);
 }
 
-async function get_base_menu(){
-    const generated_menu = await load_json(config.collect_content.out_menu)
-    return generated_menu.base_menu
+function sortByOrderThenLabel(a, b) {
+    const orderA = a.order ?? 0;
+    const orderB = b.order ?? 0;
+    if (orderA !== orderB) {
+        return orderA - orderB;
+    }
+    const labelA = a.label ?? '';
+    const labelB = b.label ?? '';
+    return labelA.localeCompare(labelB);
 }
 
-export{
-    process_toc_list,
-    get_generated_section_menu,
-    get_menu_hash,
-    get_base_menu,
-    get_active_appbar_menu
+function segmentCount(url) {
+    if (!url) {
+        return 0;
+    }
+    return url.split('/').filter(Boolean).length;
+}
+
+function loadDocuments() {
+    const db = openDatabase(dbPath, {readonly: true});
+    return db
+        .prepare('SELECT url, title, level, "order" AS sort_order, url_type FROM documents ORDER BY level, sort_order, url')
+        .all();
+}
+
+function belongsToSection(doc, section) {
+    if (section === 'home') {
+        return true;
+    }
+    return doc.url === section || doc.url.startsWith(`${section}/`);
 }
+
+function findParentUrl(url, section) {
+    if (section === 'home') {
+        if (!url) {
+            return null;
+        }
+        const lastSlash = url.lastIndexOf('/');
+        if (lastSlash === -1) {
+            return '';
+        }
+        return url.slice(0, lastSlash);
+    }
+    if (!url || !url.startsWith(section)) {
+        return null;
+    }
+    if (url === section) {
+        return null;
+    }
+    const relative = url.slice(section.length + 1);
+    const lastSlash = relative.lastIndexOf('/');
+    if (lastSlash === -1) {
+        return section;
+    }
+    const parentRelative = relative.slice(0, lastSlash);
+    return `${section}/${parentRelative}`;
+}
+
+function buildAppBarMenuFromDocs(docs, pathname) {
+    const currentSection = section_from_pathname(stripBase(pathname));
+    const items = docs
+        .filter((doc) => segmentCount(doc.url) <= 1)
+        .map((doc) => {
+            const link = buildDocLink(doc.url);
+            return {
+                label: doc.title ?? labelFromUrl(doc.url),
+                link,
+                active_class: section_from_pathname(stripBase(link)) === currentSection ? 'active' : '',
+                order: doc.sort_order ?? 0
+            };
+        });
+    items.sort(sortByOrderThenLabel);
+    return items;
+}
+
+function buildSectionMenuFromDocs(docs, pathname) {
+    const section = section_from_pathname(stripBase(pathname));
+    const activeUrl = toDocUrl(pathname);
+    const filtered = docs.filter((doc) => belongsToSection(doc, section));
+    if (!filtered.length) {
+        return [];
+    }
+
+    const docMap = new Map(filtered.map((doc) => [doc.url, doc]));
+    const nodes = new Map();
+    const parentLookup = new Map();
+
+    function ensureNode(url) {
+        let node = nodes.get(url);
+        if (!node) {
+            const doc = docMap.get(url);
+            const label = doc?.title ?? labelFromUrl(url);
+            node = {
+                url,
+                label,
+                order: doc?.sort_order ?? 0,
+                active: false,
+                expanded: true,
+                items: []
+            };
+            if (doc) {
+                node.link = buildDocLink(url);
+            }
+            nodes.set(url, node);
+        }
+        return node;
+    }
+
+    function ensureAncestors(url) {
+        const parentUrl = findParentUrl(url, section);
+        if (parentUrl === null) {
+            return;
+        }
+        parentLookup.set(url, parentUrl);
+        ensureNode(parentUrl);
+        ensureAncestors(parentUrl);
+    }
+
+    for (const doc of filtered) {
+        ensureNode(doc.url);
+        ensureAncestors(doc.url);
+    }
+
+    for (const [url, node] of nodes) {
+        const parentUrl = findParentUrl(url, section);
+        if (parentUrl !== null) {
+            parentLookup.set(url, parentUrl);
+            const parent = ensureNode(parentUrl);
+            parent.items.push(node);
+        }
+    }
+
+    const expandAncestors = (url) => {
+        let current = url;
+        while (current !== null && current !== undefined) {
+            const node = nodes.get(current);
+            if (node) {
+                node.expanded = true;
+            }
+            current = parentLookup.get(current) ?? null;
+        }
+    };
+
+    if (nodes.has(activeUrl)) {
+        const activeNode = nodes.get(activeUrl);
+        activeNode.active = true;
+        expandAncestors(activeUrl);
+    }
+
+    const roots = [];
+    for (const [url, node] of nodes) {
+        const parentUrl = parentLookup.get(url);
+        if (parentUrl === null || parentUrl === undefined) {
+            roots.push(node);
+        }
+    }
+
+    const finalize = (node) => {
+        if (node.items && node.items.length) {
+            node.items.sort(sortByOrderThenLabel);
+            node.items.forEach(finalize);
+            node.parent = true;
+        } else {
+            delete node.items;
+            node.parent = false;
+            delete node.expanded;
+        }
+    };
+
+    roots.sort(sortByOrderThenLabel);
+    roots.forEach(finalize);
+
+    return roots;
+}
+
+function buildNavigationMenus(pathname) {
+    const docs = loadDocuments();
+    return {
+        appBarMenu: buildAppBarMenuFromDocs(docs, pathname),
+        sectionMenu: buildSectionMenuFromDocs(docs, pathname)
+    };
+}
+
+function buildAppBarMenu(pathname) {
+    return buildNavigationMenus(pathname).appBarMenu;
+}
+
+function buildSectionMenu(pathname) {
+    return buildNavigationMenus(pathname).sectionMenu;
+}
+
+export {process_toc_list, buildNavigationMenus, buildAppBarMenu, buildSectionMenu};

From 5b8c6ae35f7e086203befb7042643b01c19a0b51 Mon Sep 17 00:00:00 2001
From: wassfila <wassim.filali@gmail.com>
Date: Thu, 27 Nov 2025 19:42:30 +0100
Subject: [PATCH 16/24] fixed left menu showing current section only

---
 src/layout/layout_utils.js | 104 ++++++++++++++++++++++++++++---------
 1 file changed, 80 insertions(+), 24 deletions(-)

diff --git a/src/layout/layout_utils.js b/src/layout/layout_utils.js
index a655691..6fd7e49 100644
--- a/src/layout/layout_utils.js
+++ b/src/layout/layout_utils.js
@@ -188,17 +188,32 @@ function findParentUrl(url, section) {
 
 function buildAppBarMenuFromDocs(docs, pathname) {
     const currentSection = section_from_pathname(stripBase(pathname));
-    const items = docs
-        .filter((doc) => segmentCount(doc.url) <= 1)
-        .map((doc) => {
-            const link = buildDocLink(doc.url);
-            return {
-                label: doc.title ?? labelFromUrl(doc.url),
-                link,
-                active_class: section_from_pathname(stripBase(link)) === currentSection ? 'active' : '',
-                order: doc.sort_order ?? 0
-            };
+    const topLevel = docs.filter((doc) => segmentCount(doc.url) <= 1);
+    const sectionMap = new Map();
+
+    for (const doc of topLevel) {
+        const section = doc.url ? doc.url.split('/')[0] : 'home';
+        if (!sectionMap.has(section)) {
+            sectionMap.set(section, doc);
+            continue;
+        }
+        const existing = sectionMap.get(section);
+        if (existing.url !== '' && doc.url === '') {
+            sectionMap.set(section, doc);
+        }
+    }
+
+    const items = [];
+    for (const doc of sectionMap.values()) {
+        const isHome = doc.url === '' || doc.url === 'home';
+        const link = isHome ? '/' : buildDocLink(doc.url);
+        items.push({
+            label: doc.title ?? labelFromUrl(doc.url),
+            link,
+            active_class: section_from_pathname(stripBase(link)) === currentSection ? 'active' : '',
+            order: doc.sort_order ?? 0
         });
+    }
     items.sort(sortByOrderThenLabel);
     return items;
 }
@@ -206,7 +221,13 @@ function buildAppBarMenuFromDocs(docs, pathname) {
 function buildSectionMenuFromDocs(docs, pathname) {
     const section = section_from_pathname(stripBase(pathname));
     const activeUrl = toDocUrl(pathname);
-    const filtered = docs.filter((doc) => belongsToSection(doc, section));
+    const isHome = section === 'home';
+    const filtered = docs.filter((doc) => {
+        if (isHome) {
+            return doc.url && (doc.url === '' || doc.url === 'home' || doc.url.startsWith('home/'));
+        }
+        return doc.url.startsWith(`${section}/`);
+    });
     if (!filtered.length) {
         return [];
     }
@@ -214,6 +235,7 @@ function buildSectionMenuFromDocs(docs, pathname) {
     const docMap = new Map(filtered.map((doc) => [doc.url, doc]));
     const nodes = new Map();
     const parentLookup = new Map();
+    const sectionRoots = isHome ? new Set(['', 'home']) : new Set([section]);
 
     function ensureNode(url) {
         let node = nodes.get(url);
@@ -236,27 +258,57 @@ function buildSectionMenuFromDocs(docs, pathname) {
         return node;
     }
 
+    function findSectionParent(url) {
+        if (isHome) {
+            if (!url || url === '' || url === 'home') {
+                return null;
+            }
+            if (url.startsWith('home/')) {
+                const withoutSection = url.slice('home/'.length);
+                const lastSlash = withoutSection.lastIndexOf('/');
+                if (lastSlash === -1) {
+                    return 'home';
+                }
+                return `home/${withoutSection.slice(0, lastSlash)}`;
+            }
+            return null;
+        }
+
+        if (!url.startsWith(`${section}/`)) {
+            return null;
+        }
+        const relative = url.slice(section.length + 1);
+        const lastSlash = relative.lastIndexOf('/');
+        if (lastSlash === -1) {
+            return section;
+        }
+        const parentRelative = relative.slice(0, lastSlash);
+        return `${section}/${parentRelative}`;
+    }
+
     function ensureAncestors(url) {
-        const parentUrl = findParentUrl(url, section);
-        if (parentUrl === null) {
+        const parentUrl = findSectionParent(url);
+        if (!parentUrl) {
             return;
         }
         parentLookup.set(url, parentUrl);
-        ensureNode(parentUrl);
-        ensureAncestors(parentUrl);
+        if (!sectionRoots.has(parentUrl)) {
+            ensureNode(parentUrl);
+            ensureAncestors(parentUrl);
+        }
     }
 
     for (const doc of filtered) {
-        ensureNode(doc.url);
-        ensureAncestors(doc.url);
+        if (!sectionRoots.has(doc.url)) {
+            ensureNode(doc.url);
+            ensureAncestors(doc.url);
+        }
     }
 
     for (const [url, node] of nodes) {
-        const parentUrl = findParentUrl(url, section);
-        if (parentUrl !== null) {
-            parentLookup.set(url, parentUrl);
-            const parent = ensureNode(parentUrl);
-            parent.items.push(node);
+        const parentUrl = parentLookup.get(url);
+        if (parentUrl && nodes.has(parentUrl)) {
+            nodes.get(parentUrl).items.push(node);
         }
     }
 
@@ -267,7 +319,11 @@ function buildSectionMenuFromDocs(docs, pathname) {
             if (node) {
                 node.expanded = true;
             }
-            current = parentLookup.get(current) ?? null;
+            const parentUrl = parentLookup.get(current);
+            if (!parentUrl || sectionRoots.has(parentUrl)) {
+                break;
+            }
+            current = parentUrl;
         }
     };
 
@@ -280,7 +336,7 @@ function buildSectionMenuFromDocs(docs, pathname) {
     const roots = [];
     for (const [url, node] of nodes) {
         const parentUrl = parentLookup.get(url);
-        if (parentUrl === null || parentUrl === undefined) {
+        if (!parentUrl || sectionRoots.has(parentUrl) || !nodes.has(parentUrl)) {
             roots.push(node);
         }
     }

From 9e9a75343c4353a0612b60c3af51960a15fb3cc8 Mon Sep 17 00:00:00 2001
From: wassfila <wassim.filali@gmail.com>
Date: Thu, 27 Nov 2025 20:04:13 +0100
Subject: [PATCH 17/24] refactor: remove debug log from getEntry function

---
 astro.config.mjs         |  10 +-
 package.json             |   1 +
 pnpm-lock.yaml           | 244 +++++++++++++++++++++++++++++++++++++++
 src/libs/structure-db.js |   1 -
 4 files changed, 253 insertions(+), 3 deletions(-)

diff --git a/astro.config.mjs b/astro.config.mjs
index 13ea264..59d116c 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -4,13 +4,19 @@ import {config} from './config.js'
 import yaml from '@rollup/plugin-yaml';
 
 export default defineConfig({
-   adapter: node({
+  adapter: node({
     mode: 'middleware',
   }),
   output: "server",
   outDir: config.outDir,
   trailingSlash: 'ignore',
   vite: {
-    plugins: [yaml()]
+    plugins: [yaml()],
+    ssr: {
+      external: ['better-sqlite3']
+    },
+    optimizeDeps: {
+      exclude: ['better-sqlite3']
+    }
   }
 });
diff --git a/package.json b/package.json
index b20da91..9cdb6da 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
     "@octokit/rest": "^21.0.2",
     "@svgdotjs/svg.js": "^3.2.4",
     "adm-zip": "^0.5.16",
+    "better-sqlite3": "^12.4.1",
     "astro": "^5.16.0",
     "content-structure": "../content-structure",
     "cookie-parser": "^1.4.7",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5f51a9f..0eb270d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -26,6 +26,9 @@ importers:
       astro:
         specifier: ^5.16.0
         version: 5.16.0(@types/node@24.10.1)(rollup@4.53.3)(typescript@5.9.3)
+      better-sqlite3:
+        specifier: ^12.4.1
+        version: 12.4.6
       content-structure:
         specifier: ../content-structure
         version: link:../content-structure
@@ -910,9 +913,19 @@ packages:
   before-after-hook@3.0.2:
     resolution: {integrity: sha512-Nik3Sc0ncrMK4UUdXQmAnRtzmNQTAAXmXIopizwZ1W1t8QmfJj+zL4OA2I7XPTPW5z5TDqv4hRo/JzouDJnX3A==}
 
+  better-sqlite3@12.4.6:
+    resolution: {integrity: sha512-gaYt9yqTbQ1iOxLpJA8FPR5PiaHP+jlg8I5EX0Rs2KFwNzhBsF40KzMZS5FwelY7RG0wzaucWdqSAJM3uNCPCg==}
+    engines: {node: 20.x || 22.x || 23.x || 24.x || 25.x}
+
   bezier-easing@2.1.0:
     resolution: {integrity: sha512-gbIqZ/eslnUFC1tjEvtz0sgx+xTK20wDnYMIA27VA04R7w6xxXQPZDbibjA9DTWZRA2CXtwHykkVzlCaAJAZig==}
 
+  bindings@1.5.0:
+    resolution: {integrity: sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==}
+
+  bl@4.1.0:
+    resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
+
   body-parser@1.20.3:
     resolution: {integrity: sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==}
     engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16}
@@ -927,6 +940,9 @@ packages:
   brotli@1.3.3:
     resolution: {integrity: sha512-oTKjJdShmDuGW94SyyaoQvAjf30dZaHnjJ8uAF+u2/vGJkJbJPJAT1gDiOJP5v1Zb6f9KEyW/1HpuaWIXtGHPg==}
 
+  buffer@5.7.1:
+    resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
+
   bytes@3.1.2:
     resolution: {integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==}
     engines: {node: '>= 0.8'}
@@ -963,6 +979,9 @@ packages:
     resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
     engines: {node: '>= 14.16.0'}
 
+  chownr@1.1.4:
+    resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
+
   ci-info@4.3.1:
     resolution: {integrity: sha512-Wdy2Igu8OcBpI2pZePZ5oWjPC38tmDVx5WKUXKwlLYkA0ozo85sLsLvkBbBn/sZaSCMFOGZJ14fvW9t5/d7kdA==}
     engines: {node: '>=8'}
@@ -1097,6 +1116,14 @@ packages:
   decode-named-character-reference@1.2.0:
     resolution: {integrity: sha512-c6fcElNV6ShtZXmsgNgFFV5tVX2PaV4g+MOAkb8eXHvn6sryJBrZa9r0zV6+dtTyoCKxtDy5tyQ5ZwQuidtd+Q==}
 
+  decompress-response@6.0.0:
+    resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
+    engines: {node: '>=10'}
+
+  deep-extend@0.6.0:
+    resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
+    engines: {node: '>=4.0.0'}
+
   defu@6.1.4:
     resolution: {integrity: sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==}
 
@@ -1187,6 +1214,9 @@ packages:
     resolution: {integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==}
     engines: {node: '>= 0.8'}
 
+  end-of-stream@1.4.5:
+    resolution: {integrity: sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==}
+
   entities@4.5.0:
     resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
     engines: {node: '>=0.12'}
@@ -1240,6 +1270,10 @@ packages:
   eventemitter3@5.0.1:
     resolution: {integrity: sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==}
 
+  expand-template@2.0.3:
+    resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
+    engines: {node: '>=6'}
+
   express-session@1.18.2:
     resolution: {integrity: sha512-SZjssGQC7TzTs9rpPDuUrR23GNZ9+2+IkA/+IJWmvQilTr5OSliEHGF+D9scbIpdC6yGtTI0/VhaHoVes2AN/A==}
     engines: {node: '>= 0.8.0'}
@@ -1270,6 +1304,9 @@ packages:
       picomatch:
         optional: true
 
+  file-uri-to-path@1.0.0:
+    resolution: {integrity: sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==}
+
   finalhandler@1.3.1:
     resolution: {integrity: sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==}
     engines: {node: '>= 0.8'}
@@ -1300,6 +1337,9 @@ packages:
     resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
     engines: {node: '>= 0.8'}
 
+  fs-constants@1.0.0:
+    resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
+
   fsevents@2.3.3:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
@@ -1320,6 +1360,9 @@ packages:
     resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
     engines: {node: '>= 0.4'}
 
+  github-from-package@0.0.0:
+    resolution: {integrity: sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==}
+
   github-slugger@2.0.0:
     resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
 
@@ -1398,6 +1441,9 @@ packages:
     resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
     engines: {node: '>=0.10.0'}
 
+  ieee754@1.2.1:
+    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
+
   immediate@3.0.6:
     resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}
 
@@ -1407,6 +1453,9 @@ packages:
   inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
 
+  ini@1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+
   ipaddr.js@1.9.1:
     resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
     engines: {node: '>= 0.10'}
@@ -1673,14 +1722,24 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
+  mimic-response@3.1.0:
+    resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
+    engines: {node: '>=10'}
+
   minimatch@10.1.1:
     resolution: {integrity: sha512-enIvLvRAFZYXJzkCYG5RKmPfrFArdLv+R+lbQ53BmIMLIry74bjKzX6iHAm8WYamJkhSSEabrWN5D97XnKObjQ==}
     engines: {node: 20 || >=22}
 
+  minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+
   minipass@7.1.2:
     resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
     engines: {node: '>=16 || 14 >=14.17'}
 
+  mkdirp-classic@0.5.3:
+    resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
+
   mrmime@2.0.1:
     resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==}
     engines: {node: '>=10'}
@@ -1696,6 +1755,9 @@ packages:
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
+  napi-build-utils@2.0.0:
+    resolution: {integrity: sha512-GEbrYkbfF7MoNaoh2iGG84Mnf/WZfB0GdGEsM8wz7Expx/LlWf5U8t9nvJKXSp3qr5IsEbK04cBGhol/KwOsWA==}
+
   negotiator@0.6.3:
     resolution: {integrity: sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==}
     engines: {node: '>= 0.6'}
@@ -1710,6 +1772,10 @@ packages:
   nlcst-to-string@4.0.0:
     resolution: {integrity: sha512-YKLBCcUYKAg0FNlOBT6aI91qFmSiFKiluk655WzPF+DDMA02qIyy8uiRqI8QXtcFpEvll12LpL5MXqEmAZ+dcA==}
 
+  node-abi@3.85.0:
+    resolution: {integrity: sha512-zsFhmbkAzwhTft6nd3VxcG0cvJsT70rL+BIGHWVq5fi6MwGrHwzqKaxXE+Hl2GmnGItnDKPPkO5/LQqjVkIdFg==}
+    engines: {node: '>=10'}
+
   node-fetch-native@1.6.7:
     resolution: {integrity: sha512-g9yhqoedzIUm0nTnTqAQvueMPVOuIY16bqgAJJC8XOOubYFNwz6IER9qs0Gq2Xd0+CecCKFjtdDTMA4u4xG06Q==}
 
@@ -1748,6 +1814,9 @@ packages:
     resolution: {integrity: sha512-737ZY3yNnXy37FHkQxPzt4UZ2UWPWiCZWLvFZ4fu5cueciegX0zGPnrlY6bwRg4FdQOe9YU8MkmJwGhoMybl8A==}
     engines: {node: '>= 0.8'}
 
+  once@1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+
   oniguruma-parser@0.12.1:
     resolution: {integrity: sha512-8Unqkvk1RYc6yq2WBYRj4hdnsAxVze8i7iPfQr8e4uSP3tRv0rpZcbGUDvxfQQcdwHt/e9PrMvGCsa8OqG9X3w==}
 
@@ -1840,6 +1909,11 @@ packages:
     resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
     engines: {node: ^10 || ^12 || >=14}
 
+  prebuild-install@7.1.3:
+    resolution: {integrity: sha512-8Mf2cbV7x1cXPUILADGI3wuhfqWvtiLA1iclTDbFRZkgRQS0NqsPZphna9V+HyTEadheuPmjaJMsbzKQFOzLug==}
+    engines: {node: '>=10'}
+    hasBin: true
+
   prismjs@1.30.0:
     resolution: {integrity: sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==}
     engines: {node: '>=6'}
@@ -1861,6 +1935,9 @@ packages:
     resolution: {integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==}
     engines: {node: '>= 0.10'}
 
+  pump@3.0.3:
+    resolution: {integrity: sha512-todwxLMY7/heScKmntwQG8CXVkWUOdYxIvY2s0VWAAMh/nd8SoYiRaKjlr7+iCs984f2P8zvrfWcDDYVb73NfA==}
+
   qs@6.13.0:
     resolution: {integrity: sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==}
     engines: {node: '>=0.6'}
@@ -1880,6 +1957,14 @@ packages:
     resolution: {integrity: sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==}
     engines: {node: '>= 0.8'}
 
+  rc@1.2.8:
+    resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
+    hasBin: true
+
+  readable-stream@3.6.2:
+    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
+    engines: {node: '>= 6'}
+
   readdirp@4.1.2:
     resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
     engines: {node: '>= 14.18.0'}
@@ -2019,6 +2104,12 @@ packages:
     resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
     engines: {node: '>=14'}
 
+  simple-concat@1.0.1:
+    resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==}
+
+  simple-get@4.0.1:
+    resolution: {integrity: sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==}
+
   simple-swizzle@0.2.4:
     resolution: {integrity: sha512-nAu1WFPQSMNr2Zn9PGSZK9AGn4t/y97lEm+MXTtUDwfP0ksAIX4nO+6ruD9Jwut4C49SB1Ws+fbXsm/yScWOHw==}
 
@@ -2059,6 +2150,9 @@ packages:
     resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
     engines: {node: '>=18'}
 
+  string_decoder@1.3.0:
+    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
+
   stringify-entities@4.0.4:
     resolution: {integrity: sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==}
 
@@ -2074,6 +2168,10 @@ packages:
     resolution: {integrity: sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==}
     engines: {node: '>=0.10.0'}
 
+  strip-json-comments@2.0.1:
+    resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
+    engines: {node: '>=0.10.0'}
+
   svgo@4.0.0:
     resolution: {integrity: sha512-VvrHQ+9uniE+Mvx3+C9IEe/lWasXCU0nXMY2kZeLrHNICuRiC8uMPyM14UEaMOFA5mhyQqEkB02VoQ16n3DLaw==}
     engines: {node: '>=16'}
@@ -2083,6 +2181,13 @@ packages:
     resolution: {integrity: sha512-RMeVUUjTQH+6N3ckimK93oxz6Sn5la4aDlgPzB+rBrG/smPdCTicXyhxa+woIpopz+jewEloiEE3lKo1h9w2YQ==}
     engines: {node: '>= 4.7.0'}
 
+  tar-fs@2.1.4:
+    resolution: {integrity: sha512-mDAjwmZdh7LTT6pNleZ05Yt65HC3E+NiQzl672vQG38jIrehtJk/J3mNwIg+vShQPcLF/LV7CMnDW6vjj6sfYQ==}
+
+  tar-stream@2.2.0:
+    resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
+    engines: {node: '>=6'}
+
   three@0.172.0:
     resolution: {integrity: sha512-6HMgMlzU97MsV7D/tY8Va38b83kz8YJX+BefKjspMNAv0Vx6dxMogHOrnRl/sbMIs3BPUKijPqDqJ/+UwJbIow==}
 
@@ -2124,6 +2229,9 @@ packages:
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
+  tunnel-agent@0.6.0:
+    resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
+
   type-fest@4.41.0:
     resolution: {integrity: sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==}
     engines: {node: '>=16'}
@@ -2264,6 +2372,9 @@ packages:
       uploadthing:
         optional: true
 
+  util-deprecate@1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+
   utils-merge@1.0.1:
     resolution: {integrity: sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==}
     engines: {node: '>= 0.4.0'}
@@ -2360,6 +2471,9 @@ packages:
     resolution: {integrity: sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==}
     engines: {node: '>=18'}
 
+  wrappy@1.0.2:
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+
   xlsx@https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz:
     resolution: {tarball: https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz}
     version: 0.20.3
@@ -3148,8 +3262,23 @@ snapshots:
 
   before-after-hook@3.0.2: {}
 
+  better-sqlite3@12.4.6:
+    dependencies:
+      bindings: 1.5.0
+      prebuild-install: 7.1.3
+
   bezier-easing@2.1.0: {}
 
+  bindings@1.5.0:
+    dependencies:
+      file-uri-to-path: 1.0.0
+
+  bl@4.1.0:
+    dependencies:
+      buffer: 5.7.1
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+
   body-parser@1.20.3:
     dependencies:
       bytes: 3.1.2
@@ -3184,6 +3313,11 @@ snapshots:
     dependencies:
       base64-js: 1.5.1
 
+  buffer@5.7.1:
+    dependencies:
+      base64-js: 1.5.1
+      ieee754: 1.2.1
+
   bytes@3.1.2: {}
 
   call-bind-apply-helpers@1.0.2:
@@ -3212,6 +3346,8 @@ snapshots:
     dependencies:
       readdirp: 4.1.2
 
+  chownr@1.1.4: {}
+
   ci-info@4.3.1: {}
 
   cli-boxes@3.0.0: {}
@@ -3327,6 +3463,12 @@ snapshots:
     dependencies:
       character-entities: 2.0.2
 
+  decompress-response@6.0.0:
+    dependencies:
+      mimic-response: 3.1.0
+
+  deep-extend@0.6.0: {}
+
   defu@6.1.4: {}
 
   depd@2.0.0: {}
@@ -3397,6 +3539,10 @@ snapshots:
 
   encodeurl@2.0.0: {}
 
+  end-of-stream@1.4.5:
+    dependencies:
+      once: 1.4.0
+
   entities@4.5.0: {}
 
   entities@6.0.1: {}
@@ -3456,6 +3602,8 @@ snapshots:
 
   eventemitter3@5.0.1: {}
 
+  expand-template@2.0.3: {}
+
   express-session@1.18.2:
     dependencies:
       cookie: 0.7.2
@@ -3519,6 +3667,8 @@ snapshots:
     optionalDependencies:
       picomatch: 4.0.3
 
+  file-uri-to-path@1.0.0: {}
+
   finalhandler@1.3.1:
     dependencies:
       debug: 2.6.9
@@ -3561,6 +3711,8 @@ snapshots:
 
   fresh@2.0.0: {}
 
+  fs-constants@1.0.0: {}
+
   fsevents@2.3.3:
     optional: true
 
@@ -3586,6 +3738,8 @@ snapshots:
       dunder-proto: 1.0.1
       es-object-atoms: 1.1.1
 
+  github-from-package@0.0.0: {}
+
   github-slugger@2.0.0: {}
 
   glob@11.1.0:
@@ -3737,12 +3891,16 @@ snapshots:
     dependencies:
       safer-buffer: 2.1.2
 
+  ieee754@1.2.1: {}
+
   immediate@3.0.6: {}
 
   import-meta-resolve@4.2.0: {}
 
   inherits@2.0.4: {}
 
+  ini@1.3.8: {}
+
   ipaddr.js@1.9.1: {}
 
   iron-webcrypto@1.2.1: {}
@@ -4165,12 +4323,18 @@ snapshots:
 
   mime@1.6.0: {}
 
+  mimic-response@3.1.0: {}
+
   minimatch@10.1.1:
     dependencies:
       '@isaacs/brace-expansion': 5.0.0
 
+  minimist@1.2.8: {}
+
   minipass@7.1.2: {}
 
+  mkdirp-classic@0.5.3: {}
+
   mrmime@2.0.1: {}
 
   ms@2.0.0: {}
@@ -4179,6 +4343,8 @@ snapshots:
 
   nanoid@3.3.11: {}
 
+  napi-build-utils@2.0.0: {}
+
   negotiator@0.6.3: {}
 
   neotraverse@0.6.18: {}
@@ -4189,6 +4355,10 @@ snapshots:
     dependencies:
       '@types/nlcst': 2.0.3
 
+  node-abi@3.85.0:
+    dependencies:
+      semver: 7.7.3
+
   node-fetch-native@1.6.7: {}
 
   node-mock-http@1.0.3: {}
@@ -4219,6 +4389,10 @@ snapshots:
 
   on-headers@1.1.0: {}
 
+  once@1.4.0:
+    dependencies:
+      wrappy: 1.0.2
+
   oniguruma-parser@0.12.1: {}
 
   oniguruma-to-es@4.3.4:
@@ -4312,6 +4486,21 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
+  prebuild-install@7.1.3:
+    dependencies:
+      detect-libc: 2.1.2
+      expand-template: 2.0.3
+      github-from-package: 0.0.0
+      minimist: 1.2.8
+      mkdirp-classic: 0.5.3
+      napi-build-utils: 2.0.0
+      node-abi: 3.85.0
+      pump: 3.0.3
+      rc: 1.2.8
+      simple-get: 4.0.1
+      tar-fs: 2.1.4
+      tunnel-agent: 0.6.0
+
   prismjs@1.30.0: {}
 
   promise-worker-transferable@1.0.4:
@@ -4333,6 +4522,11 @@ snapshots:
       forwarded: 0.2.0
       ipaddr.js: 1.9.1
 
+  pump@3.0.3:
+    dependencies:
+      end-of-stream: 1.4.5
+      once: 1.4.0
+
   qs@6.13.0:
     dependencies:
       side-channel: 1.1.0
@@ -4350,6 +4544,19 @@ snapshots:
       iconv-lite: 0.4.24
       unpipe: 1.0.0
 
+  rc@1.2.8:
+    dependencies:
+      deep-extend: 0.6.0
+      ini: 1.3.8
+      minimist: 1.2.8
+      strip-json-comments: 2.0.1
+
+  readable-stream@3.6.2:
+    dependencies:
+      inherits: 2.0.4
+      string_decoder: 1.3.0
+      util-deprecate: 1.0.2
+
   readdirp@4.1.2: {}
 
   regex-recursion@6.0.2:
@@ -4657,6 +4864,14 @@ snapshots:
 
   signal-exit@4.1.0: {}
 
+  simple-concat@1.0.1: {}
+
+  simple-get@4.0.1:
+    dependencies:
+      decompress-response: 6.0.0
+      once: 1.4.0
+      simple-concat: 1.0.1
+
   simple-swizzle@0.2.4:
     dependencies:
       is-arrayish: 0.3.4
@@ -4693,6 +4908,10 @@ snapshots:
       get-east-asian-width: 1.4.0
       strip-ansi: 7.1.2
 
+  string_decoder@1.3.0:
+    dependencies:
+      safe-buffer: 5.2.1
+
   stringify-entities@4.0.4:
     dependencies:
       character-entities-html4: 2.1.0
@@ -4708,6 +4927,8 @@ snapshots:
 
   strip-bom-string@1.0.0: {}
 
+  strip-json-comments@2.0.1: {}
+
   svgo@4.0.0:
     dependencies:
       commander: 11.1.0
@@ -4720,6 +4941,21 @@ snapshots:
 
   swiper@11.2.10: {}
 
+  tar-fs@2.1.4:
+    dependencies:
+      chownr: 1.1.4
+      mkdirp-classic: 0.5.3
+      pump: 3.0.3
+      tar-stream: 2.2.0
+
+  tar-stream@2.2.0:
+    dependencies:
+      bl: 4.1.0
+      end-of-stream: 1.4.5
+      fs-constants: 1.0.0
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+
   three@0.172.0: {}
 
   tiny-inflate@1.0.3: {}
@@ -4745,6 +4981,10 @@ snapshots:
 
   tslib@2.8.1: {}
 
+  tunnel-agent@0.6.0:
+    dependencies:
+      safe-buffer: 5.2.1
+
   type-fest@4.41.0: {}
 
   type-is@1.6.18:
@@ -4851,6 +5091,8 @@ snapshots:
       ofetch: 1.5.1
       ufo: 1.6.1
 
+  util-deprecate@1.0.2: {}
+
   utils-merge@1.0.1: {}
 
   vary@1.1.2: {}
@@ -4918,6 +5160,8 @@ snapshots:
       string-width: 7.2.0
       strip-ansi: 7.1.2
 
+  wrappy@1.0.2: {}
+
   xlsx@https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz: {}
 
   xxhash-wasm@1.1.0: {}
diff --git a/src/libs/structure-db.js b/src/libs/structure-db.js
index 0297d0a..eb0a858 100644
--- a/src/libs/structure-db.js
+++ b/src/libs/structure-db.js
@@ -480,7 +480,6 @@ function getEntry(match){
     if (!headings) {
         headings = items.filter((i) => i.type === 'heading');
     }
-    console.log("getEntry> headings.length=",headings.length);
     const data = {
         ...document,
         ...document.meta_data

From 954a453b4d168f78577c353762d4b2dbe648a10d Mon Sep 17 00:00:00 2001
From: wassfila <wassim.filali@gmail.com>
Date: Thu, 27 Nov 2025 20:27:13 +0100
Subject: [PATCH 18/24] set content structure to npm version

---
 package.json   |   2 +-
 pnpm-lock.yaml | 456 ++++++++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 455 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 9cdb6da..2f41467 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,7 @@
     "adm-zip": "^0.5.16",
     "better-sqlite3": "^12.4.1",
     "astro": "^5.16.0",
-    "content-structure": "../content-structure",
+    "content-structure": "^2.1.0",
     "cookie-parser": "^1.4.7",
     "cors": "^2.8.5",
     "datatables.net-dt": "^1.13.7",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0eb270d..9f1aea4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -30,8 +30,8 @@ importers:
         specifier: ^12.4.1
         version: 12.4.6
       content-structure:
-        specifier: ../content-structure
-        version: link:../content-structure
+        specifier: ^2.1.0
+        version: 2.1.0
       cookie-parser:
         specifier: ^1.4.7
         version: 1.4.7
@@ -108,6 +108,18 @@ importers:
 
 packages:
 
+  '@acemir/cssom@0.9.24':
+    resolution: {integrity: sha512-5YjgMmAiT2rjJZU7XK1SNI7iqTy92DpaYVgG6x63FxkJ11UpYfLndHJATtinWJClAXiOlW9XWaUyAQf8pMrQPg==}
+
+  '@asamuzakjp/css-color@4.1.0':
+    resolution: {integrity: sha512-9xiBAtLn4aNsa4mDnpovJvBn72tNEIACyvlqaNJ+ADemR+yeMJWnBudOi2qGDviJa7SwcDOU/TRh5dnET7qk0w==}
+
+  '@asamuzakjp/dom-selector@6.7.4':
+    resolution: {integrity: sha512-buQDjkm+wDPXd6c13534URWZqbz0RP5PAhXZ+LIoa5LgwInT9HVJvGIJivg75vi8I13CxDGdTnz+aY5YUJlIAA==}
+
+  '@asamuzakjp/nwsapi@2.3.9':
+    resolution: {integrity: sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==}
+
   '@astrojs/compiler@2.13.0':
     resolution: {integrity: sha512-mqVORhUJViA28fwHYaWmsXSzLO9osbdZ5ImUfxBarqsYdMlPbqAqGJCxsNzvppp1BEzc1mJNjOVvQqeDN8Vspw==}
 
@@ -151,6 +163,38 @@ packages:
     resolution: {integrity: sha512-8XqW8xGn++Eqqbz3e9wKuK7mxryeRjs4LOHLxbh2lwKeSbuNR4NFifDZT4KzvjU6HMOPbiNTsWpniK5EJfTWkg==}
     engines: {node: '>=18'}
 
+  '@csstools/color-helpers@5.1.0':
+    resolution: {integrity: sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==}
+    engines: {node: '>=18'}
+
+  '@csstools/css-calc@2.1.4':
+    resolution: {integrity: sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/css-color-parser@3.1.0':
+    resolution: {integrity: sha512-nbtKwh3a6xNVIp/VRuXV64yTKnb1IjTAEEh3irzS+HkKjAOYLTGNb9pmVNntZ8iVBHcWDA2Dof0QtPgFI1BaTA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/css-parser-algorithms@3.0.5':
+    resolution: {integrity: sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/css-syntax-patches-for-csstree@1.0.19':
+    resolution: {integrity: sha512-QW5/SM2ARltEhoKcmRI1LoLf3/C7dHGswwCnfLcoMgqurBT4f8GvwXMgAbK/FwcxthmJRK5MGTtddj0yQn0J9g==}
+    engines: {node: '>=18'}
+
+  '@csstools/css-tokenizer@3.0.4':
+    resolution: {integrity: sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==}
+    engines: {node: '>=18'}
+
   '@emnapi/runtime@1.7.1':
     resolution: {integrity: sha512-PVtJr5CmLwYAU9PZDMITZoR5iAOShYREoR45EyyLrbntV50mdePTgUn4AmOw90Ifcj+x2kRjdzr1HP3RrNiHGA==}
 
@@ -827,6 +871,9 @@ packages:
   '@types/trusted-types@2.0.7':
     resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
 
+  '@types/unist@2.0.11':
+    resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==}
+
   '@types/unist@3.0.3':
     resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
 
@@ -846,6 +893,10 @@ packages:
     resolution: {integrity: sha512-TGw5yVi4saajsSEgz25grObGHEUaDrniwvA2qwSC060KfqGPdglhvPMA2lPIoxs3PQIItj2iag35fONcQqgUaQ==}
     engines: {node: '>=12.0'}
 
+  agent-base@7.1.4:
+    resolution: {integrity: sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==}
+    engines: {node: '>= 14'}
+
   amator@1.1.0:
     resolution: {integrity: sha512-V5+aH8pe+Z3u/UG3L3pG3BaFQGXAyXHVQDroRwjPHdh08bcUEchAVsU1MCuJSCaU5o60wTK6KaE6te5memzgYw==}
 
@@ -920,6 +971,9 @@ packages:
   bezier-easing@2.1.0:
     resolution: {integrity: sha512-gbIqZ/eslnUFC1tjEvtz0sgx+xTK20wDnYMIA27VA04R7w6xxXQPZDbibjA9DTWZRA2CXtwHykkVzlCaAJAZig==}
 
+  bidi-js@1.0.3:
+    resolution: {integrity: sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==}
+
   bindings@1.5.0:
     resolution: {integrity: sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==}
 
@@ -975,6 +1029,9 @@ packages:
   character-entities@2.0.2:
     resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
 
+  character-reference-invalid@2.0.1:
+    resolution: {integrity: sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==}
+
   chokidar@4.0.3:
     resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
     engines: {node: '>= 14.16.0'}
@@ -1026,6 +1083,9 @@ packages:
     resolution: {integrity: sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==}
     engines: {node: '>= 0.6'}
 
+  content-structure@2.1.0:
+    resolution: {integrity: sha512-Rizv3nXGZCwt5RiybZbfOScQaaWOLxqan9INjzRboV78X9UfRdRYiUbR1QrWS6iNLaL8Wuzc/AF/TQGN+t17aA==}
+
   content-type@1.0.5:
     resolution: {integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==}
     engines: {node: '>= 0.6'}
@@ -1090,6 +1150,14 @@ packages:
     resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
 
+  cssstyle@5.3.3:
+    resolution: {integrity: sha512-OytmFH+13/QXONJcC75QNdMtKpceNk3u8ThBjyyYjkEcy/ekBwR1mMAuNvi3gdBPW3N5TlCzQ0WZw8H0lN/bDw==}
+    engines: {node: '>=20'}
+
+  data-urls@6.0.0:
+    resolution: {integrity: sha512-BnBS08aLUM+DKamupXs3w2tJJoqU+AkaE/+6vQxi/G/DPmIZFJJp9Dkb1kM03AZx8ADehDUZgsNxju3mPXZYIA==}
+    engines: {node: '>=20'}
+
   datatables.net-dt@1.13.11:
     resolution: {integrity: sha512-4GpS4OFLwIMfhb5UdJh6bEnh0E52jIJOlx7KLKs1pSce/xpHjvcmucbUWNaEndQIpHXtIxmVPoqcDB0ZbiVB+A==}
 
@@ -1113,6 +1181,9 @@ packages:
       supports-color:
         optional: true
 
+  decimal.js@10.6.0:
+    resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
+
   decode-named-character-reference@1.2.0:
     resolution: {integrity: sha512-c6fcElNV6ShtZXmsgNgFFV5tVX2PaV4g+MOAkb8eXHvn6sryJBrZa9r0zV6+dtTyoCKxtDy5tyQ5ZwQuidtd+Q==}
 
@@ -1371,6 +1442,10 @@ packages:
     engines: {node: 20 || >=22}
     hasBin: true
 
+  glob@13.0.0:
+    resolution: {integrity: sha512-tvZgpqk6fz4BaNZ66ZsRaZnbHvP/jG3uKJvAZOwEVUL4RTA5nJeeLYfyN9/VA8NX/V3IBG+hkeuGpKjvELkVhA==}
+    engines: {node: 20 || >=22}
+
   gopd@1.2.0:
     resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
     engines: {node: '>= 0.4'}
@@ -1420,6 +1495,10 @@ packages:
   hastscript@9.0.1:
     resolution: {integrity: sha512-g7df9rMFX/SPi34tyGCyUBREQoKkapwdY/T04Qn9TDWfHhAYt4/I0gMVirzK5wEzeUqIjEB+LXC/ypb7Aqno5w==}
 
+  html-encoding-sniffer@4.0.0:
+    resolution: {integrity: sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==}
+    engines: {node: '>=18'}
+
   html-escaper@3.0.3:
     resolution: {integrity: sha512-RuMffC89BOWQoY0WKGpIhn5gX3iI54O6nRA0yC124NYVtzjmFWBIiFd8M0x+ZdX0P9R4lADg1mgP8C7PxGOWuQ==}
 
@@ -1437,10 +1516,22 @@ packages:
     resolution: {integrity: sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==}
     engines: {node: '>= 0.8'}
 
+  http-proxy-agent@7.0.2:
+    resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
+    engines: {node: '>= 14'}
+
+  https-proxy-agent@7.0.6:
+    resolution: {integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==}
+    engines: {node: '>= 14'}
+
   iconv-lite@0.4.24:
     resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
     engines: {node: '>=0.10.0'}
 
+  iconv-lite@0.6.3:
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
+
   ieee754@1.2.1:
     resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
 
@@ -1463,9 +1554,18 @@ packages:
   iron-webcrypto@1.2.1:
     resolution: {integrity: sha512-feOM6FaSr6rEABp/eDfVseKyTMDt+KGpeB35SkVn9Tyn0CqvVsY3EwI0v5i8nMHyJnzCIQf7nsy3p41TPkJZhg==}
 
+  is-alphabetical@2.0.1:
+    resolution: {integrity: sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==}
+
+  is-alphanumerical@2.0.1:
+    resolution: {integrity: sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==}
+
   is-arrayish@0.3.4:
     resolution: {integrity: sha512-m6UrgzFVUYawGBh1dUsWR5M2Clqic9RVXC/9f8ceNlv2IcO9j9J/z8UoCLPqtsPBFNzEpfR3xftohbfqDx8EQA==}
 
+  is-decimal@2.0.1:
+    resolution: {integrity: sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==}
+
   is-docker@3.0.0:
     resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -1479,6 +1579,9 @@ packages:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
     engines: {node: '>=8'}
 
+  is-hexadecimal@2.0.1:
+    resolution: {integrity: sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==}
+
   is-inside-container@1.0.0:
     resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
     engines: {node: '>=14.16'}
@@ -1488,6 +1591,9 @@ packages:
     resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
     engines: {node: '>=12'}
 
+  is-potential-custom-element-name@1.0.1:
+    resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
+
   is-promise@2.2.2:
     resolution: {integrity: sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==}
 
@@ -1513,6 +1619,15 @@ packages:
     resolution: {integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==}
     hasBin: true
 
+  jsdom@27.2.0:
+    resolution: {integrity: sha512-454TI39PeRDW1LgpyLPyURtB4Zx1tklSr6+OFOipsxGUH1WMTvk6C65JQdrj455+DP2uJ1+veBEHTGFKWVLFoA==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+    peerDependencies:
+      canvas: ^3.0.0
+    peerDependenciesMeta:
+      canvas:
+        optional: true
+
   kind-of@6.0.3:
     resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
     engines: {node: '>=0.10.0'}
@@ -1564,6 +1679,9 @@ packages:
   mdast-util-definitions@6.0.0:
     resolution: {integrity: sha512-scTllyX6pnYNZH/AIp/0ePz6s4cZtARxImwoPJ7kS42n+MnVsI4XbnG6d4ibehRIldYMWM2LD7ImQblVhUejVQ==}
 
+  mdast-util-directive@3.1.0:
+    resolution: {integrity: sha512-I3fNFt+DHmpWCYAT7quoM6lHf9wuqtI+oCOfvILnoicNIqjh5E3dEJWiXuYME2gNe8vl1iMQwyUHa7bgFmak6Q==}
+
   mdast-util-find-and-replace@3.0.2:
     resolution: {integrity: sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg==}
 
@@ -1620,6 +1738,9 @@ packages:
   micromark-core-commonmark@2.0.3:
     resolution: {integrity: sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==}
 
+  micromark-extension-directive@4.0.0:
+    resolution: {integrity: sha512-/C2nqVmXXmiseSSuCdItCMho7ybwwop6RrrRPk0KbOHW21JKoCldC+8rFOaundDoRBUWBnJJcxeA/Kvi34WQXg==}
+
   micromark-extension-gfm-autolink-literal@2.1.0:
     resolution: {integrity: sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==}
 
@@ -1847,12 +1968,18 @@ packages:
   panzoom@9.4.3:
     resolution: {integrity: sha512-xaxCpElcRbQsUtIdwlrZA90P90+BHip4Vda2BC8MEb4tkI05PmR6cKECdqUCZ85ZvBHjpI9htJrZBxV5Gp/q/w==}
 
+  parse-entities@4.0.2:
+    resolution: {integrity: sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==}
+
   parse-latin@7.0.0:
     resolution: {integrity: sha512-mhHgobPPua5kZ98EF4HWiH167JWBfl4pvAIXXdbaVohtK7a6YBOy56kvhCqduqyo/f3yrHFWmqmiMg/BkBkYYQ==}
 
   parse5@7.3.0:
     resolution: {integrity: sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==}
 
+  parse5@8.0.0:
+    resolution: {integrity: sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==}
+
   parseurl@1.3.3:
     resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==}
     engines: {node: '>= 0.8'}
@@ -1938,6 +2065,10 @@ packages:
   pump@3.0.3:
     resolution: {integrity: sha512-todwxLMY7/heScKmntwQG8CXVkWUOdYxIvY2s0VWAAMh/nd8SoYiRaKjlr7+iCs984f2P8zvrfWcDDYVb73NfA==}
 
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
   qs@6.13.0:
     resolution: {integrity: sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==}
     engines: {node: '>=0.6'}
@@ -1990,6 +2121,9 @@ packages:
   rehype@13.0.2:
     resolution: {integrity: sha512-j31mdaRFrwFRUIlxGeuPXXKWQxet52RBQRvCmzl5eCefn/KGbomK5GMHNMsOJf55fgo3qw5tST5neDuarDYR2A==}
 
+  remark-directive@4.0.0:
+    resolution: {integrity: sha512-7sxn4RfF1o3izevPV1DheyGDD6X4c9hrGpfdUpm7uC++dqrnJxIZVkk7CoKqcLm0VUMAuOol7Mno3m6g8cfMuA==}
+
   remark-gfm@4.0.1:
     resolution: {integrity: sha512-1quofZ2RQ9EWdeN34S79+KExV1764+wCUGop5CPL1WGdD0ocPpu91lzPGbwWMECpEpd42kJGQwzRfyov9j4yNg==}
 
@@ -2009,6 +2143,10 @@ packages:
   remark@15.0.1:
     resolution: {integrity: sha512-Eht5w30ruCXgFmxVUSlNWQ9iiimq07URKeFS3hNc8cUWy1llX4KDWfyEDZRycMc+znsN9Ux5/tJ/BFdgdOwA3A==}
 
+  require-from-string@2.0.2:
+    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
+    engines: {node: '>=0.10.0'}
+
   restructure@3.0.2:
     resolution: {integrity: sha512-gSfoiOEA0VPE6Tukkrr7I0RBdE0s7H1eFCDBk05l1KIQT1UIKNc5JZy6jdyW6eYH3aR3g5b3PuL77rq0hvwtAw==}
 
@@ -2038,6 +2176,10 @@ packages:
   sax@1.4.3:
     resolution: {integrity: sha512-yqYn1JhPczigF94DMS+shiDMjDowYO6y9+wB/4WgO0Y19jWYk0lQ4tuG5KI7kj4FTp1wxPj5IFfcrz/s1c3jjQ==}
 
+  saxes@6.0.0:
+    resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
+    engines: {node: '>=v12.22.7'}
+
   section-matter@1.0.0:
     resolution: {integrity: sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==}
     engines: {node: '>=4'}
@@ -2116,6 +2258,10 @@ packages:
   sisteransi@1.0.5:
     resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
 
+  slugify@1.6.6:
+    resolution: {integrity: sha512-h+z7HKHYXj6wJU+AnS/+IH8Uh9fdcX1Lrhg1/VMdf9PwoBQXFcXiAdsy2tSK0P6gKwJLXp02r90ahUCqHk9rrw==}
+    engines: {node: '>=8.0.0'}
+
   smol-toml@1.5.2:
     resolution: {integrity: sha512-QlaZEqcAH3/RtNyet1IPIYPsEWAaYyXXv1Krsi+1L/QHppjX4Ifm8MQsBISz9vE8cHicIq3clogsheili5vhaQ==}
     engines: {node: '>= 18'}
@@ -2181,6 +2327,9 @@ packages:
     resolution: {integrity: sha512-RMeVUUjTQH+6N3ckimK93oxz6Sn5la4aDlgPzB+rBrG/smPdCTicXyhxa+woIpopz+jewEloiEE3lKo1h9w2YQ==}
     engines: {node: '>= 4.7.0'}
 
+  symbol-tree@3.2.4:
+    resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
+
   tar-fs@2.1.4:
     resolution: {integrity: sha512-mDAjwmZdh7LTT6pNleZ05Yt65HC3E+NiQzl672vQG38jIrehtJk/J3mNwIg+vShQPcLF/LV7CMnDW6vjj6sfYQ==}
 
@@ -2202,6 +2351,13 @@ packages:
     resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
     engines: {node: '>=12.0.0'}
 
+  tldts-core@7.0.19:
+    resolution: {integrity: sha512-lJX2dEWx0SGH4O6p+7FPwYmJ/bu1JbcGJ8RLaG9b7liIgZ85itUVEPbMtWRVrde/0fnDPEPHW10ZsKW3kVsE9A==}
+
+  tldts@7.0.19:
+    resolution: {integrity: sha512-8PWx8tvC4jDB39BQw1m4x8y5MH1BcQ5xHeL2n7UVFulMPH/3Q0uiamahFJ3lXA0zO2SUyRXuVVbWSDmstlt9YA==}
+    hasBin: true
+
   toidentifier@1.0.1:
     resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
     engines: {node: '>=0.6'}
@@ -2210,6 +2366,14 @@ packages:
     resolution: {integrity: sha512-KAB2lrSS48y91MzFPFuDg4hLbvDiyTjOVgaK7Erw+5AmZXNq4sFRVn8r6yxSLuNs15PaokrDRpS61ERY9uZOug==}
     engines: {node: '>=10'}
 
+  tough-cookie@6.0.0:
+    resolution: {integrity: sha512-kXuRi1mtaKMrsLUxz3sQYvVl37B0Ns6MzfrtV5DvJceE9bPyspOqk9xxv7XbZWcfLWbFmm997vl83qUWVJA64w==}
+    engines: {node: '>=16'}
+
+  tr46@6.0.0:
+    resolution: {integrity: sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==}
+    engines: {node: '>=20'}
+
   trim-lines@3.0.1:
     resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
 
@@ -2440,9 +2604,29 @@ packages:
       vite:
         optional: true
 
+  w3c-xmlserializer@5.0.0:
+    resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==}
+    engines: {node: '>=18'}
+
   web-namespaces@2.0.1:
     resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==}
 
+  webidl-conversions@8.0.0:
+    resolution: {integrity: sha512-n4W4YFyz5JzOfQeA8oN7dUYpR+MBP3PIUsn2jLjWXwK5ASUzt0Jc/A5sAUZoCYFJRGF0FBKJ+1JjN43rNdsQzA==}
+    engines: {node: '>=20'}
+
+  whatwg-encoding@3.1.1:
+    resolution: {integrity: sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==}
+    engines: {node: '>=18'}
+
+  whatwg-mimetype@4.0.0:
+    resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==}
+    engines: {node: '>=18'}
+
+  whatwg-url@15.1.0:
+    resolution: {integrity: sha512-2ytDk0kiEj/yu90JOAp44PVPUkO9+jVhyf+SybKlRHSDlvOOZhdPIrr7xTH64l4WixO2cP+wQIcgujkGBPPz6g==}
+    engines: {node: '>=20'}
+
   wheel@1.0.0:
     resolution: {integrity: sha512-XiCMHibOiqalCQ+BaNSwRoZ9FDTAvOsXxGHXChBugewDj7HC8VBIER71dEOiRH1fSdLbRCQzngKTSiZ06ZQzeA==}
 
@@ -2474,12 +2658,31 @@ packages:
   wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
+  ws@8.18.3:
+    resolution: {integrity: sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+
   xlsx@https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz:
     resolution: {tarball: https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz}
     version: 0.20.3
     engines: {node: '>=0.8'}
     hasBin: true
 
+  xml-name-validator@5.0.0:
+    resolution: {integrity: sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==}
+    engines: {node: '>=18'}
+
+  xmlchars@2.2.0:
+    resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
+
   xxhash-wasm@1.1.0:
     resolution: {integrity: sha512-147y/6YNh+tlp6nd/2pWq38i9h6mz/EuQ6njIrmW8D1BS5nCqs0P6DG+m6zTGnNz5I+uhZ0SHxBs9BsPrwcKDA==}
 
@@ -2518,6 +2721,26 @@ packages:
 
 snapshots:
 
+  '@acemir/cssom@0.9.24': {}
+
+  '@asamuzakjp/css-color@4.1.0':
+    dependencies:
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-color-parser': 3.1.0(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      lru-cache: 11.2.2
+
+  '@asamuzakjp/dom-selector@6.7.4':
+    dependencies:
+      '@asamuzakjp/nwsapi': 2.3.9
+      bidi-js: 1.0.3
+      css-tree: 3.1.0
+      is-potential-custom-element-name: 1.0.1
+      lru-cache: 11.2.2
+
+  '@asamuzakjp/nwsapi@2.3.9': {}
+
   '@astrojs/compiler@2.13.0': {}
 
   '@astrojs/internal-helpers@0.7.5': {}
@@ -2590,6 +2813,28 @@ snapshots:
     dependencies:
       fontkit: 2.0.4
 
+  '@csstools/color-helpers@5.1.0': {}
+
+  '@csstools/css-calc@2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-color-parser@3.1.0(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/color-helpers': 5.1.0
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-syntax-patches-for-csstree@1.0.19': {}
+
+  '@csstools/css-tokenizer@3.0.4': {}
+
   '@emnapi/runtime@1.7.1':
     dependencies:
       tslib: 2.8.1
@@ -3100,6 +3345,8 @@ snapshots:
 
   '@types/trusted-types@2.0.7': {}
 
+  '@types/unist@2.0.11': {}
+
   '@types/unist@3.0.3': {}
 
   '@ungap/structured-clone@1.3.0': {}
@@ -3113,6 +3360,8 @@ snapshots:
 
   adm-zip@0.5.16: {}
 
+  agent-base@7.1.4: {}
+
   amator@1.1.0:
     dependencies:
       bezier-easing: 2.1.0
@@ -3269,6 +3518,10 @@ snapshots:
 
   bezier-easing@2.1.0: {}
 
+  bidi-js@1.0.3:
+    dependencies:
+      require-from-string: 2.0.2
+
   bindings@1.5.0:
     dependencies:
       file-uri-to-path: 1.0.0
@@ -3342,6 +3595,8 @@ snapshots:
 
   character-entities@2.0.2: {}
 
+  character-reference-invalid@2.0.1: {}
+
   chokidar@4.0.3:
     dependencies:
       readdirp: 4.1.2
@@ -3382,6 +3637,26 @@ snapshots:
     dependencies:
       safe-buffer: 5.2.1
 
+  content-structure@2.1.0:
+    dependencies:
+      better-sqlite3: 12.4.6
+      glob: 13.0.0
+      gray-matter: 4.0.3
+      js-yaml: 4.1.1
+      jsdom: 27.2.0
+      remark: 15.0.1
+      remark-directive: 4.0.0
+      remark-gfm: 4.0.1
+      sharp: 0.33.5
+      slugify: 1.6.6
+      unified: 11.0.5
+      unist-util-visit: 5.0.0
+    transitivePeerDependencies:
+      - bufferutil
+      - canvas
+      - supports-color
+      - utf-8-validate
+
   content-type@1.0.5: {}
 
   cookie-es@1.2.2: {}
@@ -3442,6 +3717,17 @@ snapshots:
     dependencies:
       css-tree: 2.2.1
 
+  cssstyle@5.3.3:
+    dependencies:
+      '@asamuzakjp/css-color': 4.1.0
+      '@csstools/css-syntax-patches-for-csstree': 1.0.19
+      css-tree: 3.1.0
+
+  data-urls@6.0.0:
+    dependencies:
+      whatwg-mimetype: 4.0.0
+      whatwg-url: 15.1.0
+
   datatables.net-dt@1.13.11:
     dependencies:
       datatables.net: 1.13.11
@@ -3459,6 +3745,8 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
+  decimal.js@10.6.0: {}
+
   decode-named-character-reference@1.2.0:
     dependencies:
       character-entities: 2.0.2
@@ -3751,6 +4039,12 @@ snapshots:
       package-json-from-dist: 1.0.1
       path-scurry: 2.0.1
 
+  glob@13.0.0:
+    dependencies:
+      minimatch: 10.1.1
+      minipass: 7.1.2
+      path-scurry: 2.0.1
+
   gopd@1.2.0: {}
 
   gray-matter@4.0.3:
@@ -3865,6 +4159,10 @@ snapshots:
       property-information: 7.1.0
       space-separated-tokens: 2.0.2
 
+  html-encoding-sniffer@4.0.0:
+    dependencies:
+      whatwg-encoding: 3.1.1
+
   html-escaper@3.0.3: {}
 
   html-void-elements@3.0.0: {}
@@ -3887,10 +4185,28 @@ snapshots:
       statuses: 2.0.2
       toidentifier: 1.0.1
 
+  http-proxy-agent@7.0.2:
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  https-proxy-agent@7.0.6:
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
   iconv-lite@0.4.24:
     dependencies:
       safer-buffer: 2.1.2
 
+  iconv-lite@0.6.3:
+    dependencies:
+      safer-buffer: 2.1.2
+
   ieee754@1.2.1: {}
 
   immediate@3.0.6: {}
@@ -3905,20 +4221,33 @@ snapshots:
 
   iron-webcrypto@1.2.1: {}
 
+  is-alphabetical@2.0.1: {}
+
+  is-alphanumerical@2.0.1:
+    dependencies:
+      is-alphabetical: 2.0.1
+      is-decimal: 2.0.1
+
   is-arrayish@0.3.4: {}
 
+  is-decimal@2.0.1: {}
+
   is-docker@3.0.0: {}
 
   is-extendable@0.1.1: {}
 
   is-fullwidth-code-point@3.0.0: {}
 
+  is-hexadecimal@2.0.1: {}
+
   is-inside-container@1.0.0:
     dependencies:
       is-docker: 3.0.0
 
   is-plain-obj@4.1.0: {}
 
+  is-potential-custom-element-name@1.0.1: {}
+
   is-promise@2.2.2: {}
 
   is-wsl@3.1.0:
@@ -3942,6 +4271,33 @@ snapshots:
     dependencies:
       argparse: 2.0.1
 
+  jsdom@27.2.0:
+    dependencies:
+      '@acemir/cssom': 0.9.24
+      '@asamuzakjp/dom-selector': 6.7.4
+      cssstyle: 5.3.3
+      data-urls: 6.0.0
+      decimal.js: 10.6.0
+      html-encoding-sniffer: 4.0.0
+      http-proxy-agent: 7.0.2
+      https-proxy-agent: 7.0.6
+      is-potential-custom-element-name: 1.0.1
+      parse5: 8.0.0
+      saxes: 6.0.0
+      symbol-tree: 3.2.4
+      tough-cookie: 6.0.0
+      w3c-xmlserializer: 5.0.0
+      webidl-conversions: 8.0.0
+      whatwg-encoding: 3.1.1
+      whatwg-mimetype: 4.0.0
+      whatwg-url: 15.1.0
+      ws: 8.18.3
+      xml-name-validator: 5.0.0
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+
   kind-of@6.0.3: {}
 
   kleur@3.0.3: {}
@@ -3994,6 +4350,20 @@ snapshots:
       '@types/unist': 3.0.3
       unist-util-visit: 5.0.0
 
+  mdast-util-directive@3.1.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      ccount: 2.0.1
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-to-markdown: 2.1.2
+      parse-entities: 4.0.2
+      stringify-entities: 4.0.4
+      unist-util-visit-parents: 6.0.2
+    transitivePeerDependencies:
+      - supports-color
+
   mdast-util-find-and-replace@3.0.2:
     dependencies:
       '@types/mdast': 4.0.4
@@ -4137,6 +4507,16 @@ snapshots:
       micromark-util-symbol: 2.0.1
       micromark-util-types: 2.0.2
 
+  micromark-extension-directive@4.0.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.1
+      micromark-factory-whitespace: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      parse-entities: 4.0.2
+
   micromark-extension-gfm-autolink-literal@2.1.0:
     dependencies:
       micromark-util-character: 2.1.1
@@ -4424,6 +4804,16 @@ snapshots:
       ngraph.events: 1.4.0
       wheel: 1.0.0
 
+  parse-entities@4.0.2:
+    dependencies:
+      '@types/unist': 2.0.11
+      character-entities-legacy: 3.0.0
+      character-reference-invalid: 2.0.1
+      decode-named-character-reference: 1.2.0
+      is-alphanumerical: 2.0.1
+      is-decimal: 2.0.1
+      is-hexadecimal: 2.0.1
+
   parse-latin@7.0.0:
     dependencies:
       '@types/nlcst': 2.0.3
@@ -4437,6 +4827,10 @@ snapshots:
     dependencies:
       entities: 6.0.1
 
+  parse5@8.0.0:
+    dependencies:
+      entities: 6.0.1
+
   parseurl@1.3.3: {}
 
   passport-github@1.1.0:
@@ -4527,6 +4921,8 @@ snapshots:
       end-of-stream: 1.4.5
       once: 1.4.0
 
+  punycode@2.3.1: {}
+
   qs@6.13.0:
     dependencies:
       side-channel: 1.1.0
@@ -4594,6 +4990,15 @@ snapshots:
       rehype-stringify: 10.0.1
       unified: 11.0.5
 
+  remark-directive@4.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-directive: 3.1.0
+      micromark-extension-directive: 4.0.0
+      unified: 11.0.5
+    transitivePeerDependencies:
+      - supports-color
+
   remark-gfm@4.0.1:
     dependencies:
       '@types/mdast': 4.0.4
@@ -4644,6 +5049,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  require-from-string@2.0.2: {}
+
   restructure@3.0.2: {}
 
   retext-latin@4.0.0:
@@ -4705,6 +5112,10 @@ snapshots:
 
   sax@1.4.3: {}
 
+  saxes@6.0.0:
+    dependencies:
+      xmlchars: 2.2.0
+
   section-matter@1.0.0:
     dependencies:
       extend-shallow: 2.0.1
@@ -4878,6 +5289,8 @@ snapshots:
 
   sisteransi@1.0.5: {}
 
+  slugify@1.6.6: {}
+
   smol-toml@1.5.2: {}
 
   source-map-js@1.2.1: {}
@@ -4941,6 +5354,8 @@ snapshots:
 
   swiper@11.2.10: {}
 
+  symbol-tree@3.2.4: {}
+
   tar-fs@2.1.4:
     dependencies:
       chownr: 1.1.4
@@ -4967,10 +5382,24 @@ snapshots:
       fdir: 6.5.0(picomatch@4.0.3)
       picomatch: 4.0.3
 
+  tldts-core@7.0.19: {}
+
+  tldts@7.0.19:
+    dependencies:
+      tldts-core: 7.0.19
+
   toidentifier@1.0.1: {}
 
   tosource@2.0.0-alpha.3: {}
 
+  tough-cookie@6.0.0:
+    dependencies:
+      tldts: 7.0.19
+
+  tr46@6.0.0:
+    dependencies:
+      punycode: 2.3.1
+
   trim-lines@3.0.1: {}
 
   trough@2.2.0: {}
@@ -5128,8 +5557,25 @@ snapshots:
     optionalDependencies:
       vite: 6.4.1(@types/node@24.10.1)
 
+  w3c-xmlserializer@5.0.0:
+    dependencies:
+      xml-name-validator: 5.0.0
+
   web-namespaces@2.0.1: {}
 
+  webidl-conversions@8.0.0: {}
+
+  whatwg-encoding@3.1.1:
+    dependencies:
+      iconv-lite: 0.6.3
+
+  whatwg-mimetype@4.0.0: {}
+
+  whatwg-url@15.1.0:
+    dependencies:
+      tr46: 6.0.0
+      webidl-conversions: 8.0.0
+
   wheel@1.0.0: {}
 
   which-pm-runs@1.1.0: {}
@@ -5162,8 +5608,14 @@ snapshots:
 
   wrappy@1.0.2: {}
 
+  ws@8.18.3: {}
+
   xlsx@https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz: {}
 
+  xml-name-validator@5.0.0: {}
+
+  xmlchars@2.2.0: {}
+
   xxhash-wasm@1.1.0: {}
 
   yargs-parser@21.1.1: {}

From 06a226e2420fa7ca4207d12d368d73fde6c2c3cc Mon Sep 17 00:00:00 2001
From: wassfila <wassim.filali@gmail.com>
Date: Sat, 29 Nov 2025 17:45:51 +0100
Subject: [PATCH 19/24] cleanup unused code

---
 config.js                                     |   6 +-
 manifest.yaml                                 |   4 +
 package.json                                  |   1 -
 src/components/gallery/grid_utils.js          |  78 ------
 src/components/markdown/code/LinkCode.astro   |  32 ---
 .../markdown/directive/Directive.astro        |  10 -
 .../markdown/directive/ImageDirective.astro   |  39 ---
 .../directive/OptimizedImageDirective.astro   |  48 ----
 src/components/svgicons.astro                 |   2 +-
 src/components/swiper/swiper.astro            |  86 -------
 src/components/swiper/swiper.js               |  29 ---
 src/layout/client_nav_menu.js                 |  16 +-
 src/layout/layout_utils.js                    |  23 +-
 src/libs/assets.js                            | 233 ------------------
 src/libs/utils.js                             |  33 ++-
 src/pages/assets/[...uid].js                  |   2 +-
 16 files changed, 62 insertions(+), 580 deletions(-)
 delete mode 100644 src/components/markdown/code/LinkCode.astro
 delete mode 100644 src/components/markdown/directive/ImageDirective.astro
 delete mode 100644 src/components/markdown/directive/OptimizedImageDirective.astro
 delete mode 100644 src/components/swiper/swiper.astro
 delete mode 100644 src/components/swiper/swiper.js
 delete mode 100644 src/libs/assets.js

diff --git a/config.js b/config.js
index 2c558ce..ae3dba1 100644
--- a/config.js
+++ b/config.js
@@ -29,12 +29,8 @@ const config = {
     code_path: `${rootdir}/${outdir}/codes`,
     kroki_server: kroki_server,
     client_menu:true,
-    highlighter:{
-        theme:"dark-plus",
-        langs:['javascript','js','python','yaml']
-    },
+    highlighter:manifest.render.highlighter,
     copy_assets:false,
-    copy_assets_dir: "_astro",
     assets_hash_dir:true,    //N.A. if(copy_assets == false)
     fetch: manifest.fetch
 }
diff --git a/manifest.yaml b/manifest.yaml
index 90ef40c..63f5f25 100644
--- a/manifest.yaml
+++ b/manifest.yaml
@@ -10,3 +10,7 @@ collect:
   file_compress_ext: ['txt','md','json','csv','tsv','yaml','yml']
   external_storage_kb: 512
   inline_compression_kb: 32
+render:
+  highlighter:
+    theme: dark-plus
+    langs: ['javascript','js','python','yaml']
diff --git a/package.json b/package.json
index 2f41467..9975c34 100644
--- a/package.json
+++ b/package.json
@@ -42,7 +42,6 @@
     "remark": "^15.0.1",
     "sharp": "^0.33.5",
     "shiki": "^3.15.0",
-    "swiper": "^11.1.15",
     "three": "^0.172.0",
     "unist-util-visit": "^5.0.0",
     "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz"
diff --git a/src/components/gallery/grid_utils.js b/src/components/gallery/grid_utils.js
index 6dd8d60..18166e1 100644
--- a/src/components/gallery/grid_utils.js
+++ b/src/components/gallery/grid_utils.js
@@ -1,65 +1,4 @@
-import {assetToUrl} from '@/libs/assets.js'
-import {get_dir_files} from '@/libs/utils.js'
-import yaml from 'js-yaml'
-import {extname,join} from 'path'
-import sharp from 'sharp';
-import { config } from '@/config'
 
-const getFilenameWithoutExtension = (fullPath) => {
-    fullPath = fullPath.replaceAll("\\","/")
-    const startIndex = fullPath.lastIndexOf('/') + 1;
-    const filenameWithExtension = fullPath.substring(startIndex);
-    const extensionIndex = filenameWithExtension.lastIndexOf('.');
-  
-    if (extensionIndex <= 0) {
-      return filenameWithExtension;
-    }
-  
-    return filenameWithExtension.substring(0, extensionIndex);
-}
-
-async function yaml_to_grid_images(code,dirpath){
-    let relImages = []
-    const data = yaml.load(code)
-    if(Array.isArray(data)){
-        relImages = data
-    }else{
-        if(Object.hasOwn(data,"dir")){
-            relImages = await get_dir_files(dirpath,data.dir)
-        }
-    }
-    let imagesUrls = []
-    for(const relFile of relImages){
-        const abs_file = join(config.content_path,dirpath,relFile)
-        const image = sharp(abs_file);
-        const metadata = await image.metadata();
-        let width = metadata.width
-        let height = metadata.height
-        if (metadata.orientation >= 5 && metadata.orientation <= 8) {
-            [width, height] = [height, width]; // Swap width and height
-        }
-        const aspectRatio = width / height
-        let spanWidth = 1, spanHeight = 1
-        if(aspectRatio > 1) { // Wider image
-            spanWidth = Math.round(aspectRatio) // Adjust this logic as per your grid layout needs
-        } else if(aspectRatio < 1) { // Taller image
-            spanHeight = Math.round(1 / aspectRatio) // Adjust this logic as per your grid layout needs
-        }
-        //console.log(`${relFile} : width ${width} ; height ${height}; ratio ${aspectRatio} ; span ${spanWidth} / ${spanHeight}`)
-        const url = await assetToUrl(relFile,dirpath)
-        imagesUrls.push({
-            url,
-            ext:extname(url).toLowerCase(),
-            name:getFilenameWithoutExtension(relFile),
-            width,
-            height,
-            spanWidth,
-            spanHeight,
-            ratio:aspectRatio
-        })
-    }
-    return imagesUrls
-}
 
 function calculate_span(aspectRatio){
     let spanWidth = 1, spanHeight = 1
@@ -71,23 +10,6 @@ function calculate_span(aspectRatio){
     return {spanWidth,spanHeight}
 }
 
-function add_spanSize(imageUrls){
-    return imageUrls.map((image)=>{
-        let spanWidth = 1, spanHeight = 1
-        const aspectRatio = image.ratio
-        if(aspectRatio > 1) { // Wider image
-            spanWidth = Math.round(aspectRatio) // Adjust this logic as per your grid layout needs
-        } else if(aspectRatio < 1) { // Taller image
-            spanHeight = Math.round(1 / aspectRatio) // Adjust this logic as per your grid layout needs
-        }
-        return {
-            ...image,
-            spanWidth,
-            spanHeight
-        }
-    })
-}
-
 function select_masonry(imageUrls){
     const countGreaterOrEqualOne = imageUrls.filter(item => item.ratio >= 1).length;
     return countGreaterOrEqualOne > imageUrls.length / 2;
diff --git a/src/components/markdown/code/LinkCode.astro b/src/components/markdown/code/LinkCode.astro
deleted file mode 100644
index 051f6eb..0000000
--- a/src/components/markdown/code/LinkCode.astro
+++ /dev/null
@@ -1,32 +0,0 @@
----
-import Kroki from './Kroki.astro'
-import kroki from './kroki.yaml'
-import {join} from 'path'
-import {config} from '@/config.js'
-import {readFile} from 'fs/promises'
-import {getMetaData} from '@/libs/assets.js'
-
-export interface Props {
-    ext: string;
-    url: string;
-    dirpath: string;
-}
-
-const { ext, url, dirpath } = Astro.props as Props;
-
-let language = ""
-let code = ""
-const params = []
-let meta = {}
-
-const is_kroki = Object.keys(kroki.formats).includes(ext)
-if(is_kroki){
-    language = kroki.formats[ext]
-    const abs_file = join(config.content_path,dirpath,url)
-    code = await readFile(abs_file,'utf-8')
-    meta = await getMetaData(url, dirpath)
-}
----
-{(is_kroki)&&
-    <Kroki language={language} code={code} params={params} meta={meta}/>
-}
diff --git a/src/components/markdown/directive/Directive.astro b/src/components/markdown/directive/Directive.astro
index 795531d..c6bb1b7 100644
--- a/src/components/markdown/directive/Directive.astro
+++ b/src/components/markdown/directive/Directive.astro
@@ -1,11 +1,4 @@
 ---
-//to use Optimized Images, do the following :
-// - uncomment import line with OptimizedImageDirective.astro
-// - set config.copy_assets = true
-// - set assets_hash_dir = true
-
-import ImageDirective from './ImageDirective.astro';
-//import ImageDirective from './OptimizedImageDirective.astro';
 import ButtonDirective from './ButtonDirective.astro'
 
 export interface Props {
@@ -19,9 +12,6 @@ const is_button = (name == "button")
 const is_other = !(is_image || is_button)
 
 ---
-{is_image &&
-  <ImageDirective attributes={attributes}/>
-}
 {is_button &&
   <ButtonDirective label={attributes.label} link={attributes.link} icon={attributes.icon} />
 }
diff --git a/src/components/markdown/directive/ImageDirective.astro b/src/components/markdown/directive/ImageDirective.astro
deleted file mode 100644
index 381030b..0000000
--- a/src/components/markdown/directive/ImageDirective.astro
+++ /dev/null
@@ -1,39 +0,0 @@
----
-import {assetToUrl} from '@/libs/assets.js'
-export interface Props {
-  node: object;
-  dirpath: string;
-}
-
-const { node, dirpath } = Astro.props as Props;
-
-const asseturl = await assetToUrl(node.attributes.src, dirpath)
-
-const alt = node.attributes.alt
-
-const title = Object.hasOwn(node.attributes,"title")?node.attributes.title:alt
-let style = ""
-if(node.attributes.width){
-  style += `width:${node.attributes.width}px;`
-}
-if(node.attributes.height){
-  style += `height:${node.attributes.height}px;`
-}
-
-let add_class = ""
-if(Object.hasOwn(node.attributes,"center")){
-  add_class = "center"
-}
----
-<img class={add_class} src={asseturl} title={title} alt={alt} style={style}/>
-
-<style>
-img{
-  margin-bottom: 1em;
-}
-.center{
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}
-</style>
diff --git a/src/components/markdown/directive/OptimizedImageDirective.astro b/src/components/markdown/directive/OptimizedImageDirective.astro
deleted file mode 100644
index 484ff9a..0000000
--- a/src/components/markdown/directive/OptimizedImageDirective.astro
+++ /dev/null
@@ -1,48 +0,0 @@
----
-import {assetToUrl} from '@/libs/assets.js'
-import { Image } from "astro:assets"
-import sharp from 'sharp';
-import {relAssetToPath} from '@/libs/assets.js'
-
-export interface Props {
-  node: object;
-  dirpath: string;
-}
-
-const { node, dirpath } = Astro.props as Props;
-
-const asseturl = await assetToUrl(node.attributes.src, dirpath)
-
-const alt = node.attributes.alt?node.attributes.alt:node.attributes.src
-
-const image_path = relAssetToPath(node.attributes.src, dirpath)
-
-const image = sharp(image_path);
-const metadata = await image.metadata();
-
-const optionalWidth = node.attributes.width;
-const optionalHeight = node.attributes.height;
-
-let width = metadata.width
-let height = metadata.height
-if(optionalWidth && !optionalHeight) {
-    width = optionalWidth;
-    height = Math.round((metadata.height / metadata.width) * optionalWidth);
-} else if (!optionalWidth && optionalHeight) {
-    height = optionalHeight;
-    width = Math.round((metadata.width / metadata.height) * optionalHeight);
-} else if(optionalWidth && optionalHeight) {
-    width = optionalWidth
-    height = optionalHeight
-}
-
-const imported_image_src = {
-  src:asseturl,
-  width:width,
-  height:height,
-  format:metadata.format
-}
-
-const title = Object.hasOwn(node.attributes,"title")?node.attributes.title:alt
----
-<Image src={imported_image_src} title={title} alt={alt} />
diff --git a/src/components/svgicons.astro b/src/components/svgicons.astro
index 0b82c4e..74ec3ef 100644
--- a/src/components/svgicons.astro
+++ b/src/components/svgicons.astro
@@ -1,7 +1,7 @@
 ---
 //https://ellodave.dev/blog/article/using-svgs-as-astro-components-and-inline-css/
 import {readFile} from 'fs/promises'
-import { exists } from '@/libs/assets';
+import { exists } from '@/libs/utils';
 import { config } from '@/config';
 import {join} from 'node:path'
 export interface Props {
diff --git a/src/components/swiper/swiper.astro b/src/components/swiper/swiper.astro
deleted file mode 100644
index 9edb021..0000000
--- a/src/components/swiper/swiper.astro
+++ /dev/null
@@ -1,86 +0,0 @@
----
-import {yaml_to_grid_images} from '../gallery/grid_utils.js'
-
-export interface Props {
-  code: string;
-  dirpath: string;
-}
-
-const { code, dirpath } = Astro.props as Props;
-const imagesUrls = await yaml_to_grid_images(code,dirpath)
-
----
-
-<div class="swiper-container">
-    <div class="swiper main">
-        <div class="swiper-wrapper">
-            {imagesUrls.map((image)=>(
-                <div class="swiper-slide">
-                    <div class="itemimage">
-                        {image.isSVG&&
-                            <object data={image.url} />
-                        }
-                        {(!image.isSVG)&&
-                            <img src={image.url} />
-                        }
-                    </div>
-                </div>
-            ))}
-        </div>
-        <div class="swiper-button-prev"></div>
-        <div class="swiper-button-next"></div>
-    </div>
-    <div class="swiper thumbs">
-        <div class="swiper-wrapper">
-            {imagesUrls.map((image)=>(
-                <div class="swiper-slide">
-                    <div class="itemimage">{image.name}</div>
-                </div>
-            ))}
-        </div>
-    </div>
-</div>
-
-<style>
-	.swiper-container{
-		height: 600px;
-	}
-	.swiper.main {
-		width: 70vw;
-		height: 80%;
-	}
-	.swiper.thumbs {
-		width: 70vw;
-		height: 20%;
-		box-sizing: border-box;
-	    padding: 10px 0;
-	}
-	.swiper-slide {
-      text-align: center;
-      font-size: 18px;
-      background: #fff;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-	  background-size: cover;
-      background-position: center;
-    }
-	.thumbs .swiper-slide{
-		width: 25%;
-    	height: 100%;
-    	opacity: 0.4;
-	}
-	
-	.thumbs .swiper-slide-thumb-active {
-      opacity: 1;
-    }
-
-    .swiper-slide img {
-      display: block;
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-    }
-</style>
-
-<script src="./swiper.js" />
diff --git a/src/components/swiper/swiper.js b/src/components/swiper/swiper.js
deleted file mode 100644
index 1c5f799..0000000
--- a/src/components/swiper/swiper.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import Swiper from 'swiper';
-import { Navigation, FreeMode, Thumbs } from 'swiper/modules';
-import 'swiper/css';
-import 'swiper/css/navigation';
-import 'swiper/css/free-mode';
-import 'swiper/css/thumbs';
-
-
-document.addEventListener( 'DOMContentLoaded', function() {
-
-      const thumbs_swiper = new Swiper(".thumbs", {
-        modules:[FreeMode],
-        spaceBetween: 10,
-        slidesPerView: 5,
-        freeMode: true,
-        watchSlidesProgress: true,
-      });
-      const main_swiper = new Swiper(".main", {
-        modules: [Navigation,Thumbs],
-        spaceBetween: 10,
-        navigation: {
-          nextEl: ".swiper-button-next",
-          prevEl: ".swiper-button-prev",
-        },
-        thumbs: {
-          swiper: thumbs_swiper,
-        },
-      });
-});
diff --git a/src/layout/client_nav_menu.js b/src/layout/client_nav_menu.js
index 7521684..3d2c2f0 100644
--- a/src/layout/client_nav_menu.js
+++ b/src/layout/client_nav_menu.js
@@ -1,3 +1,5 @@
+import { section_from_pathname } from "./layout_utils"
+
 
 const svg_text_icon = `<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90.48 122.88">
 <path d="M35.27.78a3,3,0,0,1,2-.78,1.54,1.54,0,0,1,.47.05h46.2A6.59,6.59,0,0,1,88.56,2a6.52,6.52,0,0,1,1.92,4.64v109.7a6.57,6.57,0,0,1-6.56,6.56H6.67a6.57,6.57,0,0,1-6.56-6.56v-78A3.07,3.07,0,0,1,0,37.56a3.19,3.19,0,0,1,1-2.24L34.9,1a1.5,1.5,0,0,1,.26-.21ZM84.65,6.62a.5.5,0,0,0-.21-.47A.67.67,0,0,0,84,5.94H40.22V31.62a8.89,8.89,0,0,1-8.91,8.91H6.1v75.79a.58.58,0,0,0,.2.47.69.69,0,0,0,.47.21H84a.58.58,0,0,0,.47-.21.73.73,0,0,0,.21-.47V6.62Zm-62,94.73a2.64,2.64,0,0,1,0-5.28h28a2.64,2.64,0,0,1,0,5.28Zm0-17.75a2.64,2.64,0,0,1,0-5.28H65.46a2.64,2.64,0,0,1,0,5.28Zm0-17.76a2.64,2.64,0,0,1,0-5.28H72a2.64,2.64,0,0,1,0,5.28Zm11.7-34.22V10.11L10.11,34.64h21.2a3.16,3.16,0,0,0,2.13-.88,3.06,3.06,0,0,0,.89-2.14Z" stroke-width="5px" stroke="#d0d0d0" />
@@ -163,20 +165,6 @@ function recursive_update_element(element,menu_entry_items,root,expanded){
     }
 }
 
-function section_from_pathname(pathname){
-    if(pathname.startsWith('http')){
-        return 'external'
-    }
-    const sections = pathname.split('/')
-    if(sections.length < 2){
-        return "home"
-    }else if(sections[1] == ""){
-        return "home"
-    }else{
-        return sections[1]
-    }
-}
-
 function enable_clicks(){
     const pages_menu = document.getElementsByClassName("pages_menu")[0]
     let toggler = pages_menu.getElementsByClassName("expand");
diff --git a/src/layout/layout_utils.js b/src/layout/layout_utils.js
index 6fd7e49..01c24c2 100644
--- a/src/layout/layout_utils.js
+++ b/src/layout/layout_utils.js
@@ -1,6 +1,5 @@
 import {join} from 'path';
 import {config} from '@/config.js';
-import {section_from_pathname} from '@/libs/assets.js';
 import {openDatabase} from 'content-structure/src/sqlite_utils/index.js';
 
 function cloneHeading(heading) {
@@ -375,4 +374,24 @@ function buildSectionMenu(pathname) {
     return buildNavigationMenus(pathname).sectionMenu;
 }
 
-export {process_toc_list, buildNavigationMenus, buildAppBarMenu, buildSectionMenu};
+function section_from_pathname(pathname){
+    if(pathname.startsWith('http')){
+        return 'external'
+    }
+    const sections = pathname.split('/')
+    if(sections.length < 2){
+        return "home"
+    }else if(sections[1] == ""){
+        return "home"
+    }else{
+        return sections[1]
+    }
+}
+
+export {
+    process_toc_list,
+    buildNavigationMenus,
+    buildAppBarMenu, 
+    buildSectionMenu, 
+    section_from_pathname
+};
diff --git a/src/libs/assets.js b/src/libs/assets.js
deleted file mode 100644
index fab8381..0000000
--- a/src/libs/assets.js
+++ /dev/null
@@ -1,233 +0,0 @@
-import {copyFileSync,accessSync} from 'fs'
-import {constants, access, stat, mkdir, readFile} from 'fs/promises'
-import {dirname,join, basename, extname} from 'path'
-import {config} from '../../config.js'
-import {createHash} from 'crypto';
-import {load_yaml_abs} from './utils.js'
-
-async function exists(filePath) {
-    try {
-      await access(filePath, constants.F_OK);
-      return true;
-    } catch (error) {
-      return false;
-    }
-}
-
-function existsSync(filePath) {
-    try {
-        accessSync(filePath, constants.F_OK);
-        return true;
-    } catch (error) {
-        return false;
-    }
-}
-  
-async function isNewer(file_abs,targetfile){
-    const t1 = await stat(file_abs).mtime
-    const t2 = await stat(targetfile).mtime
-    return (t1>t2)
-}
-
-async function copy_if_newer(file_abs,targetfile){
-    const targetdir = dirname(targetfile)
-    if(!await exists(targetdir)){
-        await mkdir(targetdir,{ recursive: true })
-    }
-    if((!await exists(targetfile)) || (await isNewer(file_abs,targetfile))){
-    //async here is causing a race condition, a mem cache need to take mod time in account
-    copyFileSync(file_abs,targetfile)
-    console.log(`copied '${file_abs}' to '${targetfile}'`)
-    }
-}
-
-function hashed_filename(filename,hash_text){
-    const name = basename(filename, extname(filename))
-    const hash = shortMD5(hash_text)
-    const ext = extname(filename)
-    const hashed_file = `${name}-${hash}${ext}`
-    //console.log(`file: ${filename}`)
-    //console.log(`hashedfile: ${hashed_file}`)
-    return hashed_file
-}
-
-async function hashed_path_content(abs_path){
-    const text = await readFile(abs_path,'utf-8')
-    const hash = shortMD5(text)
-    return hash
-}
-
-async function relAssetToUrlCopy(relativepath,dirpath){
-    const dir_abs = join(config.content_path,dirpath)
-    const file_abs = join(dir_abs,relativepath)
-    if(await exists(file_abs)){
-    if(config.assets_hash_dir){
-        const target_filename =  hashed_filename(relativepath,join(dirpath,relativepath))
-        const target_file_abs = join(config.rootdir,config.outDir,config.copy_assets_dir,target_filename)
-        await copy_if_newer(file_abs,target_file_abs)
-        const newurl = join(config.copy_assets_dir,target_filename)
-        return "/"+newurl.replaceAll('\\','/')
-    }else{
-        const target_file_abs = join(config.rootdir,config.outDir,config.copy_assets_dir,dirpath,relativepath)
-        await copy_if_newer(file_abs,target_file_abs)
-        const newurl = join(config.copy_assets_dir,dirpath,relativepath)
-        return "/"+newurl.replaceAll('\\','/')
-    }
-    }else{
-    console.warn(`relativepath does not exist ${relativepath}`)
-    return relativepath
-    }
-}
-
-async function relAssetToUrl(relativepath,dirpath){
-    if(config.copy_assets){
-        return await config.base+relAssetToUrlCopy(relativepath,dirpath)
-    }
-    //handled by /assets/[...path].js to config.rootdir / config.content_path
-    const newurl = join("assets",dirpath,relativepath)
-    return config.base+"/"+newurl.replaceAll('\\','/')
-}
-
-async function absAssetToUrl(path){
-    return await relAssetToUrl(path,"")
-}
-
-async function assetToUrl(path,dirpath){
-    if(path.startsWith('data:')){
-        return path
-    }
-    let src = config.base+path
-    if(path.startsWith('http')){
-        return src
-    }
-    if(path.startsWith("/")){
-        if(!await exists(join(config.rootdir,"public",path))){
-            //managed as relatve to the content dir
-            src = await absAssetToUrl(path)
-        }//else unmanaged
-    }else{
-        src = await relAssetToUrl(path,dirpath)
-    }
-    return src
-}
-
-function relAssetToPath(relativepath,dirpath){
-    const dir_abs = join(config.content_path,dirpath)
-    return join(dir_abs,relativepath)
-}
-  
-function contentPathToStaticPath(section,entry_path){
-    const p1 = join(dirname(entry_path))
-    const p2 = p1.replaceAll('\\','/')
-    return p2
-}
-
-function shortMD5(text) {
-    const hash = createHash('md5').update(text, 'utf8').digest('hex');
-    return hash.substring(0, 8);
-}
-
-function add_base(url){
-    if(!url.startsWith("http")){
-        url = config.base + url
-    }
-    return url
-}
-
-function section_from_pathname(pathname){
-    if(pathname.startsWith('http')){
-        return 'external'
-    }
-    const sections = pathname.split('/')
-    if(sections.length < 2){
-        return "home"
-    }else if(sections[1] == ""){
-        return "home"
-    }else{
-        return sections[1]
-    }
-}
-
-function normalize_ext(value){
-    if(!value){
-        return ''
-    }
-    const extFromPath = extname(value);
-    if(extFromPath){
-        return extFromPath.startsWith('.') ? extFromPath.slice(1) : extFromPath;
-    }
-    const trimmed = String(value).trim();
-    if(trimmed.startsWith('.')){
-        return trimmed.slice(1);
-    }
-    return trimmed;
-}
-
-function file_mime(path){
-    const ext = normalize_ext(path).toLowerCase()
-    if(ext == "svg"){
-        return 'image/svg+xml'
-    }
-    else if(ext == "png"){
-        return 'image/png'
-    }
-    else if(ext == "jpg"){
-        return 'image/jpeg'
-    }
-    else if(ext == "jpeg"){
-        return 'image/jpeg'
-    }
-    else if(ext == "webp"){
-        return 'image/webp'
-    }
-    else if(ext == "gif"){
-        return 'image/gif'
-    }
-    else if(ext == "bmp"){
-        return 'image/bmp'
-    }
-    else if((ext == "txt") || (ext == "md") || (ext == "json") || (ext == "yaml") || (ext == "yml") || (ext == "csv") || (ext == "tsv")){
-        return 'text/plain'
-    }
-    return 'application/octet-stream'
-}
-
-function file_ext(url){
-    url = url.split('?')[0].split('#')[0];
-    const filename = url.substring(url.lastIndexOf('/') + 1);
-    const lastDotIndex = filename.lastIndexOf('.');
-    return (lastDotIndex === -1) ? '' : filename.substring(lastDotIndex + 1)
-}
-
-async function getMetaData(url, dirpath){
-    const dir_abs = join(config.content_path,dirpath)
-    const file_abs = join(dir_abs,url)
-    const lastDotIndex = file_abs.lastIndexOf('.');
-    let meta_file
-    if(lastDotIndex == -1){
-        meta_file = file_abs+".yaml"
-    }else{
-        meta_file = file_abs.substring(0,lastDotIndex)+".yaml"
-    }
-    if(await exists(meta_file)){
-        console.log(` * MarkdownImage> found meta file ${meta_file}`)
-        return await load_yaml_abs(meta_file)
-    }
-    return {}
-}
-
-export{
-  assetToUrl,
-  relAssetToUrl,
-  relAssetToPath,
-  shortMD5,
-  exists,
-  existsSync,
-  contentPathToStaticPath,
-  section_from_pathname,
-  file_mime,
-  file_ext,
-  add_base,
-  hashed_path_content,
-  getMetaData
-}
diff --git a/src/libs/utils.js b/src/libs/utils.js
index f53bf1b..bd50459 100644
--- a/src/libs/utils.js
+++ b/src/libs/utils.js
@@ -67,6 +67,36 @@ async function get_dir_files(dirpath,rel_dir){
   return files.map(file=>join(rel_dir,file)).sort()
 }
 
+function file_mime(path){
+    const ext = normalize_ext(path).toLowerCase()
+    if(ext == "svg"){
+        return 'image/svg+xml'
+    }
+    else if(ext == "png"){
+        return 'image/png'
+    }
+    else if(ext == "jpg"){
+        return 'image/jpeg'
+    }
+    else if(ext == "jpeg"){
+        return 'image/jpeg'
+    }
+    else if(ext == "webp"){
+        return 'image/webp'
+    }
+    else if(ext == "gif"){
+        return 'image/gif'
+    }
+    else if(ext == "bmp"){
+        return 'image/bmp'
+    }
+    else if((ext == "txt") || (ext == "md") || (ext == "json") || (ext == "yaml") || (ext == "yml") || (ext == "csv") || (ext == "tsv")){
+        return 'text/plain'
+    }
+    return 'application/octet-stream'
+}
+
+
 export{
   shortMD5,
   exists,
@@ -76,5 +106,6 @@ export{
   load_yaml_abs,
   save_json,
   save_file,
-  get_dir_files
+  get_dir_files,
+  file_mime
 }
diff --git a/src/pages/assets/[...uid].js b/src/pages/assets/[...uid].js
index ec4008d..04e2462 100644
--- a/src/pages/assets/[...uid].js
+++ b/src/pages/assets/[...uid].js
@@ -1,7 +1,7 @@
 import {createReadStream} from 'fs';
 import {resolve, join} from 'path';
 import {config} from '@/config';
-import {file_mime} from '@/libs/assets.js';
+import { file_mime } from '@/libs/utils.js';
 import {getAssetWithBlob} from '@/libs/structure-db.js';
 
 function normalizeUid(raw) {

From b22352ea05cf949675bd1c46fabb2d334dda0bfd Mon Sep 17 00:00:00 2001
From: wassfila <wassim.filali@gmail.com>
Date: Sat, 29 Nov 2025 17:59:53 +0100
Subject: [PATCH 20/24] finish cleanup

---
 src/libs/log.js              | 47 ----------------------------------
 src/libs/redirect.js         | 31 -----------------------
 src/libs/utils.js            | 17 ++++++++++++-
 src/pages/404.astro          |  2 --
 src/pages/assets/[...uid].js | 49 ------------------------------------
 5 files changed, 16 insertions(+), 130 deletions(-)
 delete mode 100644 src/libs/log.js
 delete mode 100644 src/libs/redirect.js

diff --git a/src/libs/log.js b/src/libs/log.js
deleted file mode 100644
index cefcd05..0000000
--- a/src/libs/log.js
+++ /dev/null
@@ -1,47 +0,0 @@
-
-const colors = {
-  Reset:"\x1b[0m",
-  Bright:"\x1b[1m",
-  Dim:"\x1b[2m",
-  Underscore:"\x1b[4m",
-  Blink:"\x1b[5m",
-  Reverse:"\x1b[7m",
-  Hidden:"\x1b[8m",
-  FgBlack:"\x1b[30m",
-  FgRed:"\x1b[31m",
-  FgGreen:"\x1b[32m",
-  FgYellow:"\x1b[33m",
-  FgBlue:"\x1b[34m",
-  FgMagenta:"\x1b[35m",
-  FgCyan:"\x1b[36m",
-  FgWhite:"\x1b[37m",
-  FgGray:"\x1b[90m"  ,
-  BgBlack:"\x1b[40m",
-  BgRed:"\x1b[41m",
-  BgGreen:"\x1b[42m",
-  BgYellow:"\x1b[43m",
-  BgBlue:"\x1b[44m",
-  BgMagenta:"\x1b[45m",
-  BgCyan:"\x1b[46m",
-  BgWhite:"\x1b[47m",
-  BgGray:"\x1b[100m" 
-}
-
-function green_log(text){
-  console.log(colors.FgGreen,text,colors.Reset)
-}
-
-function blue_log(text){
-  console.log(colors.FgCyan,text,colors.Reset)
-}
-
-function yellow_log(text){
-  console.log(colors.FgYellow,text,colors.Reset)
-}
-
-
-export{
-  green_log,
-  blue_log,
-  yellow_log,
-}
diff --git a/src/libs/redirect.js b/src/libs/redirect.js
deleted file mode 100644
index 9ce27c6..0000000
--- a/src/libs/redirect.js
+++ /dev/null
@@ -1,31 +0,0 @@
-
-export async function redirectToFullUrl() {
-    if(document.title == "not found"){
-        return
-    }
-    const message_el = document.getElementById("message_404")
-    message_el.innerText = "Redirecting"
-
-    const response = await fetch(`/api/redirect`)
-    const redirects = await response.json()
-    let pathname = window.location.pathname
-    if(pathname.startsWith("/")){
-        pathname = pathname.substring(1)
-    }
-    if (pathname in redirects) {
-        const new_url = redirects[pathname]
-        if(new_url){
-            console.log(`${pathname} => "${new_url}"`)
-            window.location.href = new_url;
-        }else
-        {
-            window.location.href = "/";
-        }
-    }else{
-        console.log(`${pathname} => not found`)
-        document.title = "not found"
-        message_el.innerText = "Page not found"
-    }
-}
-
-document.addEventListener('DOMContentLoaded', redirectToFullUrl);
diff --git a/src/libs/utils.js b/src/libs/utils.js
index bd50459..0d08b47 100644
--- a/src/libs/utils.js
+++ b/src/libs/utils.js
@@ -1,5 +1,5 @@
 import {constants, access, mkdir, readFile, writeFile} from 'fs/promises'
-import { relative, resolve, join, sep, dirname } from 'path';
+import { relative, resolve, join, sep, dirname, extname } from 'path';
 import {config} from '../../config.js'
 import {createHash} from 'crypto'
 import yaml from 'js-yaml'
@@ -67,6 +67,21 @@ async function get_dir_files(dirpath,rel_dir){
   return files.map(file=>join(rel_dir,file)).sort()
 }
 
+function normalize_ext(value){
+    if(!value){
+        return ''
+    }
+    const extFromPath = extname(value);
+    if(extFromPath){
+        return extFromPath.startsWith('.') ? extFromPath.slice(1) : extFromPath;
+    }
+    const trimmed = String(value).trim();
+    if(trimmed.startsWith('.')){
+        return trimmed.slice(1);
+    }
+    return trimmed;
+}
+
 function file_mime(path){
     const ext = normalize_ext(path).toLowerCase()
     if(ext == "svg"){
diff --git a/src/pages/404.astro b/src/pages/404.astro
index 5802807..e18a622 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -5,5 +5,3 @@ import Layout from "@/layout/Layout.astro"
 <Layout title={"404"} headings={[]} >
     <div id="message_404"></div>
 </Layout>
-
-<script src="../libs/redirect.js" />
diff --git a/src/pages/assets/[...uid].js b/src/pages/assets/[...uid].js
index 04e2462..ebc4502 100644
--- a/src/pages/assets/[...uid].js
+++ b/src/pages/assets/[...uid].js
@@ -1,40 +1,7 @@
-import {createReadStream} from 'fs';
-import {resolve, join} from 'path';
 import {config} from '@/config';
 import { file_mime } from '@/libs/utils.js';
 import {getAssetWithBlob} from '@/libs/structure-db.js';
 
-function normalizeUid(raw) {
-    let value = '';
-    if (Array.isArray(raw)) {
-        value = raw.join('/');
-    } else if (raw) {
-        value = raw;
-    }
-    if (!value) {
-        return '';
-    }
-    try {
-        return decodeURIComponent(value);
-    } catch {
-        return value;
-    }
-}
-
-function streamFromPath(relativePath) {
-    if (!relativePath) {
-        return null;
-    }
-    try {
-        const absPath = resolve(join(config.content_path, relativePath));
-        const stream = createReadStream(absPath);
-        const contentType = file_mime(relativePath);
-        return {stream, contentType};
-    } catch {
-        return null;
-    }
-}
-
 export async function GET({params}) {
     if (config.copy_assets) {
         return new Response('Not supported and not needed with copy_assets = true', {status: 404});
@@ -61,21 +28,5 @@ export async function GET({params}) {
         return new Response(buffer, {status: 200, headers});
     }
 
-    const fileAssetFallback = asset?.path ? streamFromPath(asset.path) : null;
-    if (fileAssetFallback) {
-        return new Response(fileAssetFallback.stream, {
-            status: 200,
-            headers: {'Content-Type': fileAssetFallback.contentType}
-        });
-    }
-
-    const directPathFallback = streamFromPath(uid);
-    if (directPathFallback) {
-        return new Response(directPathFallback.stream, {
-            status: 200,
-            headers: {'Content-Type': directPathFallback.contentType}
-        });
-    }
-
     return new Response('Asset not found', {status: 404});
 }

From 9b4cff4fdcbf9c6dda4de92ea47b5c41309b53e6 Mon Sep 17 00:00:00 2001
From: wassfila <wassim.filali@gmail.com>
Date: Sat, 29 Nov 2025 19:26:34 +0100
Subject: [PATCH 21/24] feat: add depth controls and dynamic submenu rendering

---
 src/layout/SideMenu.astro         |  49 ++++++++-
 src/layout/SubMenu.astro          |   7 +-
 src/layout/toc_menu_activation.js | 166 +++++++++++++++++++++++-------
 3 files changed, 180 insertions(+), 42 deletions(-)

diff --git a/src/layout/SideMenu.astro b/src/layout/SideMenu.astro
index ada200f..d31ebb8 100644
--- a/src/layout/SideMenu.astro
+++ b/src/layout/SideMenu.astro
@@ -11,9 +11,34 @@ let { items,category } = Astro.props;
 
 const open_class = (items.length > 0)?"open":"closed"
 const data_width = (items.length > 0)?"20vw":"0vw"
+
+function getMaxDepth(entries, level = 1) {
+  let max = level;
+  for (const entry of entries ?? []) {
+    if (Array.isArray(entry.items) && entry.items.length > 0) {
+      max = Math.max(max, getMaxDepth(entry.items, level + 1));
+    }
+  }
+  return max;
+}
+
+const max_level = getMaxDepth(items);
+const default_level = Math.min(max_level, 3);
 ---
-<nav class={`${open_class} ${category}`} data-width={data_width}>
-    <SubMenu items={items} />
+<nav class={`${open_class} ${category}`} data-width={data_width} data-max-level={max_level} data-default-level={default_level}>
+    {items.length > 0 &&
+      <div class="depth-controls" data-category={category}>
+        <div class="depth-slider">
+          <input type="range" min="1" max={max_level} value={default_level} data-role="depth-slider" aria-label="Expand depth" list={`depth-steps-${category}`} />
+          <datalist id={`depth-steps-${category}`}>
+            {Array.from({length: max_level}).map((_, idx)=>(
+              <option value={idx+1}></option>
+            ))}
+          </datalist>
+        </div>
+      </div>
+    }
+    <SubMenu items={items} level={1} />
 </nav>
 
 <style define:vars={{ data_width }}>
@@ -44,5 +69,23 @@ nav::-webkit-scrollbar-thumb:hover {
   }
 }
 
-</style>
+.depth-controls{
+  display:flex;
+  align-items:center;
+  flex-direction: row;
+  gap:0.5rem;
+  padding:0.35rem 0.5rem;
+  color:var(--content-color);
+  font-size: 0.9rem;
+}
+.depth-slider{
+  display:flex;
+  align-items:center;
+  gap:0.4rem;
+  flex:1;
+}
+.depth-slider input[type="range"]{
+  flex:1;
+}
 
+</style>
diff --git a/src/layout/SubMenu.astro b/src/layout/SubMenu.astro
index d39419b..1be10d8 100644
--- a/src/layout/SubMenu.astro
+++ b/src/layout/SubMenu.astro
@@ -4,11 +4,12 @@ import './colors.css';
 export interface Props {
 	items: Array<Object>;
     root:boolean;
+    level?:number;
 }
-const { items,root=true} = Astro.props;
+const { items,root=true, level=1} = Astro.props;
 ---
 {items &&
-    <ul class={root?"root":"nested"}>
+    <ul class={root?"root":"nested"} data-level={level}>
         {items.map((item)=>(
             <li >
                 <div class:list={[{entry_container:true, active:item.active, parent:item.parent, expanded:item.expanded}]}>
@@ -26,7 +27,7 @@ const { items,root=true} = Astro.props;
                         <span class:list={["text",{parent:item.parent}]}>{item.label}</span>
                     }
                 </div>
-                <Astro.self items={item.items} root={false} />
+                <Astro.self items={item.items} root={false} level={level+1} />
             </li>
         ))}
     </ul>
diff --git a/src/layout/toc_menu_activation.js b/src/layout/toc_menu_activation.js
index 63f057f..6d8033b 100644
--- a/src/layout/toc_menu_activation.js
+++ b/src/layout/toc_menu_activation.js
@@ -3,10 +3,100 @@ function escape_href(href){
     return `#${CSS.escape(href.replace('#',''))}`
 }
 
+function getMaxLevel(nav){
+    const fromAttr = parseInt(nav.getAttribute('data-max-level') || '1',10);
+    return Number.isFinite(fromAttr) && fromAttr>0?fromAttr:1;
+}
+
+function ensureActiveVisible(nav){
+    const active = nav.querySelector('.entry_container.active');
+    if(!active){return;}
+    let node = active;
+    while(node && node !== nav){
+        if(node.tagName === 'UL'){
+            node.classList.remove('hidden');
+        }
+        if(node.classList?.contains('entry_container')){
+            node.classList.add('expanded');
+        }
+        node = node.parentElement;
+    }
+}
+
+function applyDepth(nav,depth){
+    const max = getMaxLevel(nav);
+    const target = Math.min(Math.max(1,depth),max);
+    const uls = nav.querySelectorAll('ul[data-level]');
+    uls.forEach((ul)=>{
+        const level = parseInt(ul.getAttribute('data-level')||'1',10);
+        const parentDiv = ul.previousElementSibling;
+        if(level <= target){
+            ul.classList.remove('hidden');
+            parentDiv?.classList.add('expanded');
+        }else{
+            ul.classList.add('hidden');
+            parentDiv?.classList.remove('expanded');
+        }
+    });
+    ensureActiveVisible(nav);
+}
+
+function estimateDefaultDepth(nav){
+    const max = getMaxLevel(nav);
+    if(max <= 2){
+        return max;
+    }
+    const lis = nav.querySelectorAll('li');
+    const sampleHeight = lis[0]?.getBoundingClientRect().height || 28;
+    const controlsHeight = nav.querySelector('.depth-controls')?.getBoundingClientRect().height || 0;
+    const available = Math.max(nav.clientHeight - controlsHeight, sampleHeight*2);
+    const counts = new Map();
+    for(let lvl=1; lvl<=max; lvl++){
+        counts.set(lvl,0);
+    }
+    lis.forEach((li)=>{
+        let lvl = 1;
+        const ul = li.closest('ul[data-level]');
+        if(ul){
+            lvl = parseInt(ul.getAttribute('data-level')||'1',10);
+        }
+        for(let l= lvl; l<=max; l++){
+            counts.set(l, (counts.get(l)||0)+1);
+        }
+    });
+    let chosen = Math.min(3,max);
+    for(let lvl=1; lvl<=max; lvl++){
+        const rows = counts.get(lvl)||0;
+        if(rows*sampleHeight <= available){
+            chosen = lvl;
+        }else{
+            break;
+        }
+    }
+    return chosen;
+}
+
+function initDepthControls(nav){
+    const slider = nav.querySelector('[data-role="depth-slider"]');
+    if(!slider){return;}
+    const max = getMaxLevel(nav);
+    const preset = parseInt(nav.getAttribute('data-default-level')||slider.value||'1',10);
+    const defaultDepth = estimateDefaultDepth(nav) || preset || 1;
+    slider.max = `${max}`;
+    slider.value = `${Math.min(Math.max(1, defaultDepth), max)}`;
+    applyDepth(nav, parseInt(slider.value,10));
+
+    slider.addEventListener('input',(e)=>{
+        const val = parseInt(e.target.value,10);
+        applyDepth(nav, val);
+    });
+}
+
 function toc_menu_activation(){
-    const toc_menu = document.getElementsByClassName("toc_menu")[0]
+    const menus = document.querySelectorAll("nav.toc_menu, nav.pages_menu");
+    menus.forEach((toc_menu)=>{
     //---------------   Click Expand   ---------------
-    let toggler = document.getElementsByClassName("expand");
+    let toggler = toc_menu.getElementsByClassName("expand");
     for (let i = 0; i < toggler.length; i++) {
         toggler[i].addEventListener("click", function(e) {
         this.parentElement.parentElement.querySelector("ul")?.classList.toggle("hidden");
@@ -14,42 +104,46 @@ function toc_menu_activation(){
         e.preventDefault()
         });
     }
+    initDepthControls(toc_menu);
     //---------------   Scroll Spy   ---------------
-    const article = document.querySelector( 'article.content' )
-    const hrefs = document.getElementsByClassName("toc_href");
-    const targets = [...hrefs].map(el => article.querySelector(escape_href(el.getAttribute('href'))))
-    
-    article.addEventListener("scroll", (event) => {
-        let spy = null//if no element on screen, keep last match and do nothing
-        for ( let t in targets ){//find first within visible scroll
-            if(targets[ t ].offsetTop > article.scrollTop){
-                spy = targets[ t ]
-                break
+    if(toc_menu.classList.contains("toc_menu")){
+        const article = document.querySelector( 'article.content' )
+        const hrefs = document.getElementsByClassName("toc_href");
+        const targets = [...hrefs].map(el => article.querySelector(escape_href(el.getAttribute('href'))))
+        
+        article?.addEventListener("scroll", (event) => {
+            let spy = null//if no element on screen, keep last match and do nothing
+            for ( let t in targets ){//find first within visible scroll
+                if(targets[ t ]?.offsetTop > article.scrollTop){
+                    spy = targets[ t ]
+                    break
+                }
             }
-        }
-        if(spy){
-            document.querySelector(".toc_href.active")?.classList.remove("active");
-            document.querySelector(".heading.active")?.classList.remove("active");
-            const id = spy.id
-            //console.log(id)
-            document.querySelector(`a[href="#${id}"].toc_href`)?.classList.add("active")
-            document.getElementById(id)?.classList.add("active")
-        }
-    })
-    
-    const href_els = document.querySelectorAll(".toc_href");
-    href_els.forEach(element => {
-        element.addEventListener('mouseenter',()=>{
-            const href = element.getAttribute('href')
-            const id = href.slice(1,href.length)
-            document.getElementById(id)?.classList.add("hover")
-        })        
-        element.addEventListener('mouseout',()=>{
-            const href = element.getAttribute('href')
-            const id = href.slice(1,href.length)
-            document.getElementById(id)?.classList.remove("hover")
-        })        
-    });
+            if(spy){
+                document.querySelector(".toc_href.active")?.classList.remove("active");
+                document.querySelector(".heading.active")?.classList.remove("active");
+                const id = spy.id
+                //console.log(id)
+                document.querySelector(`a[href="#${id}"].toc_href`)?.classList.add("active")
+                document.getElementById(id)?.classList.add("active")
+            }
+        })
+        
+        const href_els = document.querySelectorAll(".toc_href");
+        href_els.forEach(element => {
+            element.addEventListener('mouseenter',()=>{
+                const href = element.getAttribute('href')
+                const id = href.slice(1,href.length)
+                document.getElementById(id)?.classList.add("hover")
+            })        
+            element.addEventListener('mouseout',()=>{
+                const href = element.getAttribute('href')
+                const id = href.slice(1,href.length)
+                document.getElementById(id)?.classList.remove("hover")
+            })        
+        });
+    }
+    }); //end menus loop
 
 }
 

From 97c63371faea12131f931709782037b38f9e546e Mon Sep 17 00:00:00 2001
From: wassfila <wassim.filali@gmail.com>
Date: Sat, 29 Nov 2025 19:31:58 +0100
Subject: [PATCH 22/24] fix: add accent color to depth slider range input

---
 src/layout/SideMenu.astro | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/layout/SideMenu.astro b/src/layout/SideMenu.astro
index d31ebb8..751ecc9 100644
--- a/src/layout/SideMenu.astro
+++ b/src/layout/SideMenu.astro
@@ -86,6 +86,7 @@ nav::-webkit-scrollbar-thumb:hover {
 }
 .depth-slider input[type="range"]{
   flex:1;
+  accent-color: #ccc;
 }
 
 </style>

From bd2682872df94ec16a281f41c7b744025211facb Mon Sep 17 00:00:00 2001
From: wassfila <wassim.filali@gmail.com>
Date: Sat, 29 Nov 2025 20:30:50 +0100
Subject: [PATCH 23/24] menu only if level higher than one

---
 src/layout/SideMenu.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layout/SideMenu.astro b/src/layout/SideMenu.astro
index 751ecc9..d86bd36 100644
--- a/src/layout/SideMenu.astro
+++ b/src/layout/SideMenu.astro
@@ -26,7 +26,7 @@ const max_level = getMaxDepth(items);
 const default_level = Math.min(max_level, 3);
 ---
 <nav class={`${open_class} ${category}`} data-width={data_width} data-max-level={max_level} data-default-level={default_level}>
-    {items.length > 0 &&
+    {(items.length > 0 && max_level > 1) &&
       <div class="depth-controls" data-category={category}>
         <div class="depth-slider">
           <input type="range" min="1" max={max_level} value={default_level} data-role="depth-slider" aria-label="Expand depth" list={`depth-steps-${category}`} />

From 3ab801cd812b98a591393790494909ef07af188b Mon Sep 17 00:00:00 2001
From: wassfila <wassim.filali@gmail.com>
Date: Sat, 29 Nov 2025 20:39:35 +0100
Subject: [PATCH 24/24] fixed menu behavior default on server side current page
 visible on menu

---
 src/layout/SideMenu.astro         | 20 +++++++++++++++++++-
 src/layout/SubMenu.astro          | 19 +++++++++++++++----
 src/layout/toc_menu_activation.js |  9 +++++----
 3 files changed, 39 insertions(+), 9 deletions(-)

diff --git a/src/layout/SideMenu.astro b/src/layout/SideMenu.astro
index d86bd36..60db088 100644
--- a/src/layout/SideMenu.astro
+++ b/src/layout/SideMenu.astro
@@ -22,8 +22,26 @@ function getMaxDepth(entries, level = 1) {
   return max;
 }
 
+function collectActiveLinks(entry, accumulator = []) {
+  let isActiveBranch = Boolean(entry.active);
+  for (const child of entry.items ?? []) {
+    if (collectActiveLinks(child, accumulator)) {
+      isActiveBranch = true;
+    }
+  }
+  if (isActiveBranch && entry.link) {
+    accumulator.push(entry.link);
+  }
+  return isActiveBranch;
+}
+
 const max_level = getMaxDepth(items);
 const default_level = Math.min(max_level, 3);
+const activePathEntries = [];
+for (const entry of items) {
+  collectActiveLinks(entry, activePathEntries);
+}
+const activePath = new Set(activePathEntries);
 ---
 <nav class={`${open_class} ${category}`} data-width={data_width} data-max-level={max_level} data-default-level={default_level}>
     {(items.length > 0 && max_level > 1) &&
@@ -38,7 +56,7 @@ const default_level = Math.min(max_level, 3);
         </div>
       </div>
     }
-    <SubMenu items={items} level={1} />
+    <SubMenu items={items} level={1} visibleLevel={default_level} activePath={activePath} forceVisible={false} />
 </nav>
 
 <style define:vars={{ data_width }}>
diff --git a/src/layout/SubMenu.astro b/src/layout/SubMenu.astro
index 1be10d8..383e41a 100644
--- a/src/layout/SubMenu.astro
+++ b/src/layout/SubMenu.astro
@@ -5,14 +5,18 @@ export interface Props {
 	items: Array<Object>;
     root:boolean;
     level?:number;
+    visibleLevel?: number;
+    activePath?: Set<string>;
+    forceVisible?: boolean;
 }
-const { items,root=true, level=1} = Astro.props;
+const { items,root=true, level=1, visibleLevel = Number.POSITIVE_INFINITY, activePath, forceVisible = false } = Astro.props;
+const nextLevel = level + 1;
 ---
 {items &&
-    <ul class={root?"root":"nested"} data-level={level}>
+    <ul class:list={[root?"root":"nested",{hidden:(!root && level > visibleLevel && !forceVisible)}]} data-level={level}>
         {items.map((item)=>(
             <li >
-                <div class:list={[{entry_container:true, active:item.active, parent:item.parent, expanded:item.expanded}]}>
+                <div class:list={[{entry_container:true, active:item.active, parent:item.parent, expanded:(item.parent && (nextLevel <= visibleLevel || forceVisible || activePath?.has(item.link??'')))}]}>
                     {item.parent &&
                         <span class="icon expand">
                             <svg viewBox="0 0 100 100" width="60" height="60" fill="#00000000" xmlns="http://www.w3.org/2000/svg">
@@ -27,7 +31,14 @@ const { items,root=true, level=1} = Astro.props;
                         <span class:list={["text",{parent:item.parent}]}>{item.label}</span>
                     }
                 </div>
-                <Astro.self items={item.items} root={false} level={level+1} />
+                <Astro.self
+                    items={item.items}
+                    root={false}
+                    level={level+1}
+                    visibleLevel={visibleLevel}
+                    activePath={activePath}
+                    forceVisible={forceVisible || activePath?.has(item.link ?? '')}
+                />
             </li>
         ))}
     </ul>
diff --git a/src/layout/toc_menu_activation.js b/src/layout/toc_menu_activation.js
index 6d8033b..e01baca 100644
--- a/src/layout/toc_menu_activation.js
+++ b/src/layout/toc_menu_activation.js
@@ -80,11 +80,12 @@ function initDepthControls(nav){
     const slider = nav.querySelector('[data-role="depth-slider"]');
     if(!slider){return;}
     const max = getMaxLevel(nav);
-    const preset = parseInt(nav.getAttribute('data-default-level')||slider.value||'1',10);
-    const defaultDepth = estimateDefaultDepth(nav) || preset || 1;
+    const provided = parseInt(nav.getAttribute('data-default-level')||'',10);
+    const preset = Number.isFinite(provided)?provided:parseInt(slider.value||'1',10);
+    const fallback = Number.isFinite(preset)?preset:(estimateDefaultDepth(nav) || 1);
+    const defaultDepth = Math.min(Math.max(1, fallback), max);
     slider.max = `${max}`;
-    slider.value = `${Math.min(Math.max(1, defaultDepth), max)}`;
-    applyDepth(nav, parseInt(slider.value,10));
+    slider.value = `${defaultDepth}`;
 
     slider.addEventListener('input',(e)=>{
         const val = parseInt(e.target.value,10);