390 lines
19 KiB
HTML
390 lines
19 KiB
HTML
|
<!DOCTYPE HTML>
|
||
|
|
<html lang="en" class="light sidebar-visible" dir="ltr">
|
||
|
|
<head>
|
||
|
|
<!-- Book generated using mdBook -->
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>0001: Cargo Workspace - VAPORA Platform Documentation</title>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Custom HTML head -->
|
||
|
|
|
||
|
|
<meta name="description" content="Comprehensive documentation for VAPORA, an intelligent development orchestration platform built entirely in Rust.">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<meta name="theme-color" content="#ffffff">
|
||
|
|
|
||
|
|
<link rel="icon" href="../favicon.svg">
|
||
|
|
<link rel="shortcut icon" href="../favicon.png">
|
||
|
|
<link rel="stylesheet" href="../css/variables.css">
|
||
|
|
<link rel="stylesheet" href="../css/general.css">
|
||
|
|
<link rel="stylesheet" href="../css/chrome.css">
|
||
|
|
<link rel="stylesheet" href="../css/print.css" media="print">
|
||
|
|
|
||
|
|
<!-- Fonts -->
|
||
|
|
<link rel="stylesheet" href="../FontAwesome/css/font-awesome.css">
|
||
|
|
<link rel="stylesheet" href="../fonts/fonts.css">
|
||
|
|
|
||
|
|
<!-- Highlight.js Stylesheets -->
|
||
|
|
<link rel="stylesheet" id="highlight-css" href="../highlight.css">
|
||
|
|
<link rel="stylesheet" id="tomorrow-night-css" href="../tomorrow-night.css">
|
||
|
|
<link rel="stylesheet" id="ayu-highlight-css" href="../ayu-highlight.css">
|
||
|
|
|
||
|
|
<!-- Custom theme stylesheets -->
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Provide site root and default themes to javascript -->
|
||
|
|
<script>
|
||
|
|
const path_to_root = "../";
|
||
|
|
const default_light_theme = "light";
|
||
|
|
const default_dark_theme = "dark";
|
||
|
|
</script>
|
||
|
|
<!-- Start loading toc.js asap -->
|
||
|
|
<script src="../toc.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="mdbook-help-container">
|
||
|
|
<div id="mdbook-help-popup">
|
||
|
|
<h2 class="mdbook-help-title">Keyboard shortcuts</h2>
|
||
|
|
<div>
|
||
|
|
<p>Press <kbd>←</kbd> or <kbd>→</kbd> to navigate between chapters</p>
|
||
|
|
<p>Press <kbd>S</kbd> or <kbd>/</kbd> to search in the book</p>
|
||
|
|
<p>Press <kbd>?</kbd> to show this help</p>
|
||
|
|
<p>Press <kbd>Esc</kbd> to hide this help</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="body-container">
|
||
|
|
<!-- Work around some values being stored in localStorage wrapped in quotes -->
|
||
|
|
<script>
|
||
|
|
try {
|
||
|
|
let theme = localStorage.getItem('mdbook-theme');
|
||
|
|
let sidebar = localStorage.getItem('mdbook-sidebar');
|
||
|
|
|
||
|
|
if (theme.startsWith('"') && theme.endsWith('"')) {
|
||
|
|
localStorage.setItem('mdbook-theme', theme.slice(1, theme.length - 1));
|
||
|
|
}
|
||
|
|
|
||
|
|
if (sidebar.startsWith('"') && sidebar.endsWith('"')) {
|
||
|
|
localStorage.setItem('mdbook-sidebar', sidebar.slice(1, sidebar.length - 1));
|
||
|
|
}
|
||
|
|
} catch (e) { }
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<!-- Set the theme before any content is loaded, prevents flash -->
|
||
|
|
<script>
|
||
|
|
const default_theme = window.matchMedia("(prefers-color-scheme: dark)").matches ? default_dark_theme : default_light_theme;
|
||
|
|
let theme;
|
||
|
|
try { theme = localStorage.getItem('mdbook-theme'); } catch(e) { }
|
||
|
|
if (theme === null || theme === undefined) { theme = default_theme; }
|
||
|
|
const html = document.documentElement;
|
||
|
|
html.classList.remove('light')
|
||
|
|
html.classList.add(theme);
|
||
|
|
html.classList.add("js");
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<input type="checkbox" id="sidebar-toggle-anchor" class="hidden">
|
||
|
|
|
||
|
|
<!-- Hide / unhide sidebar before it is displayed -->
|
||
|
|
<script>
|
||
|
|
let sidebar = null;
|
||
|
|
const sidebar_toggle = document.getElementById("sidebar-toggle-anchor");
|
||
|
|
if (document.body.clientWidth >= 1080) {
|
||
|
|
try { sidebar = localStorage.getItem('mdbook-sidebar'); } catch(e) { }
|
||
|
|
sidebar = sidebar || 'visible';
|
||
|
|
} else {
|
||
|
|
sidebar = 'hidden';
|
||
|
|
}
|
||
|
|
sidebar_toggle.checked = sidebar === 'visible';
|
||
|
|
html.classList.remove('sidebar-visible');
|
||
|
|
html.classList.add("sidebar-" + sidebar);
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<nav id="sidebar" class="sidebar" aria-label="Table of contents">
|
||
|
|
<!-- populated by js -->
|
||
|
|
<mdbook-sidebar-scrollbox class="sidebar-scrollbox"></mdbook-sidebar-scrollbox>
|
||
|
|
<noscript>
|
||
|
|
<iframe class="sidebar-iframe-outer" src="../toc.html"></iframe>
|
||
|
|
</noscript>
|
||
|
|
<div id="sidebar-resize-handle" class="sidebar-resize-handle">
|
||
|
|
<div class="sidebar-resize-indicator"></div>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<div id="page-wrapper" class="page-wrapper">
|
||
|
|
|
||
|
|
<div class="page">
|
||
|
|
<div id="menu-bar-hover-placeholder"></div>
|
||
|
|
<div id="menu-bar" class="menu-bar sticky">
|
||
|
|
<div class="left-buttons">
|
||
|
|
<label id="sidebar-toggle" class="icon-button" for="sidebar-toggle-anchor" title="Toggle Table of Contents" aria-label="Toggle Table of Contents" aria-controls="sidebar">
|
||
|
|
<i class="fa fa-bars"></i>
|
||
|
|
</label>
|
||
|
|
<button id="theme-toggle" class="icon-button" type="button" title="Change theme" aria-label="Change theme" aria-haspopup="true" aria-expanded="false" aria-controls="theme-list">
|
||
|
|
<i class="fa fa-paint-brush"></i>
|
||
|
|
</button>
|
||
|
|
<ul id="theme-list" class="theme-popup" aria-label="Themes" role="menu">
|
||
|
|
<li role="none"><button role="menuitem" class="theme" id="default_theme">Auto</button></li>
|
||
|
|
<li role="none"><button role="menuitem" class="theme" id="light">Light</button></li>
|
||
|
|
<li role="none"><button role="menuitem" class="theme" id="rust">Rust</button></li>
|
||
|
|
<li role="none"><button role="menuitem" class="theme" id="coal">Coal</button></li>
|
||
|
|
<li role="none"><button role="menuitem" class="theme" id="navy">Navy</button></li>
|
||
|
|
<li role="none"><button role="menuitem" class="theme" id="ayu">Ayu</button></li>
|
||
|
|
</ul>
|
||
|
|
<button id="search-toggle" class="icon-button" type="button" title="Search (`/`)" aria-label="Toggle Searchbar" aria-expanded="false" aria-keyshortcuts="/ s" aria-controls="searchbar">
|
||
|
|
<i class="fa fa-search"></i>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h1 class="menu-title">VAPORA Platform Documentation</h1>
|
||
|
|
|
||
|
|
<div class="right-buttons">
|
||
|
|
<a href="../print.html" title="Print this book" aria-label="Print this book">
|
||
|
|
<i id="print-button" class="fa fa-print"></i>
|
||
|
|
</a>
|
||
|
|
<a href="https://github.com/vapora-platform/vapora" title="Git repository" aria-label="Git repository">
|
||
|
|
<i id="git-repository-button" class="fa fa-github"></i>
|
||
|
|
</a>
|
||
|
|
<a href="https://github.com/vapora-platform/vapora/edit/main/docs/src/../adrs/0001-cargo-workspace.md" title="Suggest an edit" aria-label="Suggest an edit">
|
||
|
|
<i id="git-edit-button" class="fa fa-edit"></i>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="search-wrapper" class="hidden">
|
||
|
|
<form id="searchbar-outer" class="searchbar-outer">
|
||
|
|
<input type="search" id="searchbar" name="searchbar" placeholder="Search this book ..." aria-controls="searchresults-outer" aria-describedby="searchresults-header">
|
||
|
|
</form>
|
||
|
|
<div id="searchresults-outer" class="searchresults-outer hidden">
|
||
|
|
<div id="searchresults-header" class="searchresults-header"></div>
|
||
|
|
<ul id="searchresults">
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Apply ARIA attributes after the sidebar and the sidebar toggle button are added to the DOM -->
|
||
|
|
<script>
|
||
|
|
document.getElementById('sidebar-toggle').setAttribute('aria-expanded', sidebar === 'visible');
|
||
|
|
document.getElementById('sidebar').setAttribute('aria-hidden', sidebar !== 'visible');
|
||
|
|
Array.from(document.querySelectorAll('#sidebar a')).forEach(function(link) {
|
||
|
|
link.setAttribute('tabIndex', sidebar === 'visible' ? 0 : -1);
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<div id="content" class="content">
|
||
|
|
<main>
|
||
|
|
<h1 id="adr-001-cargo-workspace-con-13-crates-especializados"><a class="header" href="#adr-001-cargo-workspace-con-13-crates-especializados">ADR-001: Cargo Workspace con 13 Crates Especializados</a></h1>
|
||
|
|
<p><strong>Status</strong>: Accepted | Implemented
|
||
|
|
<strong>Date</strong>: 2024-11-01
|
||
|
|
<strong>Deciders</strong>: VAPORA Architecture Team
|
||
|
|
<strong>Technical Story</strong>: Determining optimal project structure for multi-agent orchestration platform</p>
|
||
|
|
<hr />
|
||
|
|
<h2 id="decision"><a class="header" href="#decision">Decision</a></h2>
|
||
|
|
<p>Adoptar un <strong>Cargo workspace monorepo con 13 crates especializados</strong> en lugar de un monolito único o multi-repositorio.</p>
|
||
|
|
<pre><code class="language-text">crates/
|
||
|
|
├── vapora-shared/ # Core models, types, errors
|
||
|
|
├── vapora-backend/ # REST API (40+ endpoints)
|
||
|
|
├── vapora-agents/ # Agent orchestration + learning
|
||
|
|
├── vapora-llm-router/ # Multi-provider LLM routing
|
||
|
|
├── vapora-swarm/ # Swarm coordination + metrics
|
||
|
|
├── vapora-knowledge-graph/ # Temporal KG + learning curves
|
||
|
|
├── vapora-frontend/ # Leptos WASM UI
|
||
|
|
├── vapora-mcp-server/ # MCP protocol gateway
|
||
|
|
├── vapora-tracking/ # Task/project storage abstraction
|
||
|
|
├── vapora-telemetry/ # OpenTelemetry integration
|
||
|
|
├── vapora-analytics/ # Event pipeline + usage stats
|
||
|
|
├── vapora-worktree/ # Git worktree management
|
||
|
|
└── vapora-doc-lifecycle/ # Documentation management
|
||
|
|
</code></pre>
|
||
|
|
<hr />
|
||
|
|
<h2 id="rationale"><a class="header" href="#rationale">Rationale</a></h2>
|
||
|
|
<ol>
|
||
|
|
<li><strong>Separation of Concerns</strong>: Each crate owns a distinct architectural layer (backend API, agents, routing, knowledge graph, etc.)</li>
|
||
|
|
<li><strong>Independent Testing</strong>: 218+ tests can run in parallel across crates without cross-dependencies</li>
|
||
|
|
<li><strong>Code Reusability</strong>: Common utilities (<code>vapora-shared</code>) used by all crates without circular dependencies</li>
|
||
|
|
<li><strong>Team Parallelization</strong>: Multiple teams can develop on different crates simultaneously</li>
|
||
|
|
<li><strong>Dependency Clarity</strong>: Explicit <code>Cargo.toml</code> dependencies prevent accidental coupling</li>
|
||
|
|
<li><strong>Version Management</strong>: Centralized in root <code>Cargo.toml</code> via workspace dependencies prevents version skew</li>
|
||
|
|
</ol>
|
||
|
|
<hr />
|
||
|
|
<h2 id="alternatives-considered"><a class="header" href="#alternatives-considered">Alternatives Considered</a></h2>
|
||
|
|
<h3 id="-monolithic-single-crate"><a class="header" href="#-monolithic-single-crate">❌ Monolithic Single Crate</a></h3>
|
||
|
|
<ul>
|
||
|
|
<li>All code in <code>/src/</code> directory</li>
|
||
|
|
<li><strong>Pros</strong>: Simpler build, familiar structure</li>
|
||
|
|
<li><strong>Cons</strong>: Tight coupling, slow compilation, testing all-or-nothing, hard to parallelize development</li>
|
||
|
|
</ul>
|
||
|
|
<h3 id="-multi-repository"><a class="header" href="#-multi-repository">❌ Multi-Repository</a></h3>
|
||
|
|
<ul>
|
||
|
|
<li>Separate Git repos for each component</li>
|
||
|
|
<li><strong>Pros</strong>: Independent CI/CD, clear boundaries</li>
|
||
|
|
<li><strong>Cons</strong>: Complex synchronization, dependency management nightmare, monorepo benefits lost (atomic commits)</li>
|
||
|
|
</ul>
|
||
|
|
<h3 id="-workspace-monorepo-chosen"><a class="header" href="#-workspace-monorepo-chosen">✅ Workspace Monorepo (CHOSEN)</a></h3>
|
||
|
|
<ul>
|
||
|
|
<li>13 crates in single Git repo</li>
|
||
|
|
<li><strong>Pros</strong>: Best of both worlds—clear boundaries + atomic commits + shared workspace config</li>
|
||
|
|
</ul>
|
||
|
|
<hr />
|
||
|
|
<h2 id="trade-offs"><a class="header" href="#trade-offs">Trade-offs</a></h2>
|
||
|
|
<p><strong>Pros</strong>:</p>
|
||
|
|
<ul>
|
||
|
|
<li>✅ Clear architectural boundaries prevent accidental coupling</li>
|
||
|
|
<li>✅ Parallel compilation and testing (cargo builds independent crates concurrently)</li>
|
||
|
|
<li>✅ 218+ tests distributed across crates, faster feedback</li>
|
||
|
|
<li>✅ Atomic commits across multiple components</li>
|
||
|
|
<li>✅ Single CI/CD pipeline, shared version management</li>
|
||
|
|
<li>✅ Easy debugging: each crate is independently debuggable</li>
|
||
|
|
</ul>
|
||
|
|
<p><strong>Cons</strong>:</p>
|
||
|
|
<ul>
|
||
|
|
<li>⚠️ Workspace compilation overhead: must compile all dependencies even if using one crate</li>
|
||
|
|
<li>⚠️ Slightly steeper learning curve for developers new to workspaces</li>
|
||
|
|
<li>⚠️ Publishing to crates.io requires publishing each crate individually (not a concern for internal project)</li>
|
||
|
|
</ul>
|
||
|
|
<hr />
|
||
|
|
<h2 id="implementation"><a class="header" href="#implementation">Implementation</a></h2>
|
||
|
|
<p><strong>Cargo.toml Workspace Configuration</strong>:</p>
|
||
|
|
<pre><code class="language-toml">[workspace]
|
||
|
|
resolver = "2"
|
||
|
|
|
||
|
|
members = [
|
||
|
|
"crates/vapora-backend",
|
||
|
|
"crates/vapora-frontend",
|
||
|
|
"crates/vapora-shared",
|
||
|
|
"crates/vapora-agents",
|
||
|
|
"crates/vapora-llm-router",
|
||
|
|
"crates/vapora-mcp-server",
|
||
|
|
"crates/vapora-tracking",
|
||
|
|
"crates/vapora-worktree",
|
||
|
|
"crates/vapora-knowledge-graph",
|
||
|
|
"crates/vapora-analytics",
|
||
|
|
"crates/vapora-swarm",
|
||
|
|
"crates/vapora-telemetry",
|
||
|
|
]
|
||
|
|
|
||
|
|
[workspace.package]
|
||
|
|
version = "1.2.0"
|
||
|
|
edition = "2021"
|
||
|
|
rust-version = "1.75"
|
||
|
|
</code></pre>
|
||
|
|
<p><strong>Shared Dependencies</strong> (defined once, inherited by all crates):</p>
|
||
|
|
<pre><code class="language-toml">[workspace.dependencies]
|
||
|
|
tokio = { version = "1.48", features = ["rt-multi-thread", "macros"] }
|
||
|
|
serde = { version = "1.0", features = ["derive"] }
|
||
|
|
surrealdb = { version = "2.3", features = ["kv-mem"] }
|
||
|
|
</code></pre>
|
||
|
|
<p><strong>Key Files</strong>:</p>
|
||
|
|
<ul>
|
||
|
|
<li>Root: <code>/Cargo.toml</code> (workspace definition)</li>
|
||
|
|
<li>Per-crate: <code>/crates/*/Cargo.toml</code> (individual dependencies)</li>
|
||
|
|
</ul>
|
||
|
|
<hr />
|
||
|
|
<h2 id="verification"><a class="header" href="#verification">Verification</a></h2>
|
||
|
|
<pre><code class="language-bash"># Build entire workspace (runs in parallel)
|
||
|
|
cargo build --workspace
|
||
|
|
|
||
|
|
# Run all tests across workspace
|
||
|
|
cargo test --workspace
|
||
|
|
|
||
|
|
# Check dependency graph
|
||
|
|
cargo tree
|
||
|
|
|
||
|
|
# Verify no circular dependencies
|
||
|
|
cargo tree --duplicates
|
||
|
|
|
||
|
|
# Build single crate (to verify independence)
|
||
|
|
cargo build -p vapora-backend
|
||
|
|
cargo build -p vapora-agents
|
||
|
|
cargo build -p vapora-llm-router
|
||
|
|
</code></pre>
|
||
|
|
<p><strong>Expected Output</strong>:</p>
|
||
|
|
<ul>
|
||
|
|
<li>All 13 crates compile without errors</li>
|
||
|
|
<li>218+ tests pass</li>
|
||
|
|
<li>No circular dependency warnings</li>
|
||
|
|
<li>Each crate can be built independently</li>
|
||
|
|
</ul>
|
||
|
|
<hr />
|
||
|
|
<h2 id="consequences"><a class="header" href="#consequences">Consequences</a></h2>
|
||
|
|
<h3 id="short-term"><a class="header" href="#short-term">Short-term</a></h3>
|
||
|
|
<ul>
|
||
|
|
<li>Initial setup requires understanding workspace structure</li>
|
||
|
|
<li>Developers must navigate between crates</li>
|
||
|
|
<li>Testing must run across multiple crates (slower than single tests, but faster than monolith)</li>
|
||
|
|
</ul>
|
||
|
|
<h3 id="long-term"><a class="header" href="#long-term">Long-term</a></h3>
|
||
|
|
<ul>
|
||
|
|
<li>Easy to add new crates as features grow (already added doc-lifecycle, mcp-server in later phases)</li>
|
||
|
|
<li>Scaling to multiple teams: each team owns 2-3 crates with clear boundaries</li>
|
||
|
|
<li>Maintenance: updating shared types in <code>vapora-shared</code> propagates to all dependent crates automatically</li>
|
||
|
|
</ul>
|
||
|
|
<h3 id="maintenance"><a class="header" href="#maintenance">Maintenance</a></h3>
|
||
|
|
<ul>
|
||
|
|
<li><strong>Dependency Updates</strong>: Update in <code>[workspace.dependencies]</code> once, all crates use new version</li>
|
||
|
|
<li><strong>Breaking Changes</strong>: Require coordination across crates if shared types change</li>
|
||
|
|
<li><strong>Documentation</strong>: Each crate should document its dependencies and public API</li>
|
||
|
|
</ul>
|
||
|
|
<hr />
|
||
|
|
<h2 id="references"><a class="header" href="#references">References</a></h2>
|
||
|
|
<ul>
|
||
|
|
<li><a href="https://doc.rust-lang.org/cargo/reference/workspaces.html">Cargo Workspace Documentation</a></li>
|
||
|
|
<li>Root <code>Cargo.toml</code>: <code>/Cargo.toml</code></li>
|
||
|
|
<li>Crate list: <code>/crates/*/Cargo.toml</code></li>
|
||
|
|
<li>CI validation: <code>.github/workflows/rust-ci.yml</code> (builds <code>--workspace</code>)</li>
|
||
|
|
</ul>
|
||
|
|
<hr />
|
||
|
|
<p><strong>Architecture Pattern</strong>: Monorepo with clear separation of concerns
|
||
|
|
<strong>Related ADRs</strong>: ADR-002 (Axum), ADR-006 (Rig), ADR-013 (Knowledge Graph)</p>
|
||
|
|
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<nav class="nav-wrapper" aria-label="Page navigation">
|
||
|
|
<!-- Mobile navigation buttons -->
|
||
|
|
<a rel="prev" href="../../adrs/index.html" class="mobile-nav-chapters previous" title="Previous chapter" aria-label="Previous chapter" aria-keyshortcuts="Left">
|
||
|
|
<i class="fa fa-angle-left"></i>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a rel="next prefetch" href="../../adrs/0002-axum-backend.html" class="mobile-nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
|
||
|
|
<i class="fa fa-angle-right"></i>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div style="clear: both"></div>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<nav class="nav-wide-wrapper" aria-label="Page navigation">
|
||
|
|
<a rel="prev" href="../../adrs/index.html" class="nav-chapters previous" title="Previous chapter" aria-label="Previous chapter" aria-keyshortcuts="Left">
|
||
|
|
<i class="fa fa-angle-left"></i>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a rel="next prefetch" href="../../adrs/0002-axum-backend.html" class="nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
|
||
|
|
<i class="fa fa-angle-right"></i>
|
||
|
|
</a>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<script>
|
||
|
|
window.playground_copyable = true;
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
<script src="../elasticlunr.min.js"></script>
|
||
|
|
<script src="../mark.min.js"></script>
|
||
|
|
<script src="../searcher.js"></script>
|
||
|
|
|
||
|
|
<script src="../clipboard.min.js"></script>
|
||
|
|
<script src="../highlight.js"></script>
|
||
|
|
<script src="../book.js"></script>
|
||
|
|
|
||
|
|
<!-- Custom JS scripts -->
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|