docs(standards): horizontal nav tabs; top-to-bottom component diagram

- mkdocs.wiki.yml: enable navigation.tabs, toc.integrate, header.autohide

- 02_components.md: flowchart TB with increased rank spacing for clarity
This commit is contained in:
2026-10-12 12:35:35 +05:30
parent 06ff5bce6e
commit 8a10c4768c
11 changed files with 684 additions and 455 deletions

View File

@@ -86,9 +86,7 @@
<header class="md-header md-header--shadow" data-md-component="header">
<header class="md-header" data-md-component="header">
<nav class="md-header__inner md-grid" aria-label="Header">
<a href=".." title="Aetos Standards — Wiki" class="md-header__button md-logo" aria-label="Aetos Standards — Wiki" data-md-component="logo">
@@ -191,6 +189,112 @@
<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
<div class="md-grid">
<ul class="md-tabs__list">
<li class="md-tabs__item">
<a href=".." class="md-tabs__link">
Home
</a>
</li>
<li class="md-tabs__item">
<a href="../01_overview/" class="md-tabs__link">
Overview
</a>
</li>
<li class="md-tabs__item md-tabs__item--active">
<a href="./" class="md-tabs__link">
App Components
</a>
</li>
<li class="md-tabs__item">
<a href="../03_build_recipe/" class="md-tabs__link">
Build Recipe
</a>
</li>
<li class="md-tabs__item">
<a href="../04_development/01_testing/" class="md-tabs__link">
Testing & Quality
</a>
</li>
</ul>
</div>
</nav>
<main class="md-main" data-md-component="main">
@@ -204,8 +308,12 @@
<nav class="md-nav md-nav--primary" aria-label="Navigation" data-md-level="0">
<nav class="md-nav md-nav--primary md-nav--lifted md-nav--integrated" aria-label="Navigation" data-md-level="0">
<label class="md-nav__title" for="__drawer">
<a href=".." title="Aetos Standards — Wiki" class="md-nav__button md-logo" aria-label="Aetos Standards — Wiki" data-md-component="logo">
@@ -473,128 +581,6 @@
</div>
<div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
Table of contents
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#component-model" class="md-nav__link">
<span class="md-ellipsis">
🗂️ Component model
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#component-roles" class="md-nav__link">
<span class="md-ellipsis">
📦 Component roles
</span>
</a>
<nav class="md-nav" aria-label="📦 Component roles">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#1-interfaces-the-edge" class="md-nav__link">
<span class="md-ellipsis">
1. interfaces/ — the edge
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#2-domain-the-core" class="md-nav__link">
<span class="md-ellipsis">
2. domain/ — the core
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#3-infra-the-adapters" class="md-nav__link">
<span class="md-ellipsis">
3. infra/ — the adapters
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#4-pipelines-data-driven-families-optional" class="md-nav__link">
<span class="md-ellipsis">
4. pipelines/ — data-driven families (optional)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#5-workerpy-the-job-worker-optional" class="md-nav__link">
<span class="md-ellipsis">
5. worker.py — the job worker (optional)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#6-initpy-the-composition-root" class="md-nav__link">
<span class="md-ellipsis">
6. init.py — the composition root
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#how-the-request-flows" class="md-nav__link">
<span class="md-ellipsis">
🔗 How the request flows
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#related" class="md-nav__link">
<span class="md-ellipsis">
Related
</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-content" data-md-component="content">
@@ -609,7 +595,8 @@
blueprint's component model — <code>templates/app/</code> is a runnable instance of it.</p>
<hr />
<h2 id="component-model">🗂️ Component model</h2>
<pre class="mermaid"><code>flowchart LR
<pre class="mermaid"><code>%%{init: {"flowchart": {"nodeSpacing": 55, "rankSpacing": 120}}}%%
flowchart TB
subgraph EDGE["interfaces/ — HTTP edge"]
OAS["openapi.yaml"]
RU["resource routes"]
@@ -775,7 +762,7 @@ stops resources on the app lifespan.</p>
<script id="__config" type="application/json">{"base": "..", "features": ["navigation.sections", "navigation.expand", "navigation.top", "navigation.instant", "navigation.tracking", "navigation.indexes", "content.code.copy", "content.code.annotate", "content.tabs.link", "content.action.edit", "search.highlight", "search.share", "search.suggest"], "search": "../assets/javascripts/workers/search.973d3a69.min.js", "tags": null, "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}, "version": null}</script>
<script id="__config" type="application/json">{"base": "..", "features": ["navigation.sections", "navigation.expand", "navigation.top", "navigation.instant", "navigation.tracking", "navigation.indexes", "navigation.tabs", "toc.integrate", "header.autohide", "content.code.copy", "content.code.annotate", "content.tabs.link", "content.action.edit", "search.highlight", "search.share", "search.suggest"], "search": "../assets/javascripts/workers/search.973d3a69.min.js", "tags": null, "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}, "version": null}</script>
<script src="../assets/javascripts/bundle.f55a23d4.min.js"></script>