1190 lines
38 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="Build Power. Not Rent It. Own your digital infrastructure.">
<meta name="author" content="Bunker Operations">
<link rel="canonical" href="https://bnkserve.org/v2/features/COMPLETION_STATUS/">
<link rel="icon" href="../../../assets/favicon.png">
<meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.7.1">
<title>Phase 6 Features Documentation - Completion Status - Changemaker Lite</title>
<link rel="stylesheet" href="../../../assets/stylesheets/main.484c7ddc.min.css">
<link rel="stylesheet" href="../../../assets/stylesheets/palette.ab4e12ef.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,300i,400,400i,700,700i%7CJetBrains+Mono:400,400i,700,700i&display=fallback">
<style>:root{--md-text-font:"Inter";--md-code-font:"JetBrains Mono"}</style>
<link rel="stylesheet" href="../../../stylesheets/extra.css">
<link rel="stylesheet" href="../../../stylesheets/home.css">
<link rel="stylesheet" href="../../../assets/css/video-player.css">
<script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
<meta property="og:type" content="website" />
<meta property="og:title" content="Phase 6 Features Documentation - Completion Status - Changemaker Lite" />
<meta property="og:description" content="Build Power. Not Rent It. Own your digital infrastructure." />
<meta property="og:image" content="https://bnkserve.org/assets/images/social/v2/features/COMPLETION_STATUS.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:url" content="https://bnkserve.org/v2/features/COMPLETION_STATUS/" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:title" content="Phase 6 Features Documentation - Completion Status - Changemaker Lite" />
<meta property="twitter:description" content="Build Power. Not Rent It. Own your digital infrastructure." />
<meta property="twitter:image" content="https://bnkserve.org/assets/images/social/v2/features/COMPLETION_STATUS.png" />
</head>
<body dir="ltr" data-md-color-scheme="slate" data-md-color-primary="deep-purple" data-md-color-accent="amber">
<input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
<input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
<label class="md-overlay" for="__drawer"></label>
<div data-md-component="skip">
<a href="#phase-6-features-documentation-completion-status" class="md-skip">
Skip to content
</a>
</div>
<div data-md-component="announce">
</div>
<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
<nav class="md-header__inner md-grid" aria-label="Header">
<a href="../../.." title="Changemaker Lite" class="md-header__button md-logo" aria-label="Changemaker Lite" data-md-component="logo">
<img src="../../../assets/logo.png" alt="logo">
</a>
<label class="md-header__button md-icon" for="__drawer">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
</label>
<div class="md-header__title" data-md-component="header-title">
<div class="md-header__ellipsis">
<div class="md-header__topic">
<span class="md-ellipsis">
Changemaker Lite
</span>
</div>
<div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis">
Phase 6 Features Documentation - Completion Status
</span>
</div>
</div>
</div>
<form class="md-header__option" data-md-component="palette">
<input class="md-option" data-md-color-media="" data-md-color-scheme="slate" data-md-color-primary="deep-purple" data-md-color-accent="amber" aria-label="Switch to light mode" type="radio" name="__palette" id="__palette_0">
<label class="md-header__button md-icon" title="Switch to light mode" for="__palette_1" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m17.75 4.09-2.53 1.94.91 3.06-2.63-1.81-2.63 1.81.91-3.06-2.53-1.94L12.44 4l1.06-3 1.06 3zm3.5 6.91-1.64 1.25.59 1.98-1.7-1.17-1.7 1.17.59-1.98L15.75 11l2.06-.05L18.5 9l.69 1.95zm-2.28 4.95c.83-.08 1.72 1.1 1.19 1.85-.32.45-.66.87-1.08 1.27C15.17 23 8.84 23 4.94 19.07c-3.91-3.9-3.91-10.24 0-14.14.4-.4.82-.76 1.27-1.08.75-.53 1.93.36 1.85 1.19-.27 2.86.69 5.83 2.89 8.02a9.96 9.96 0 0 0 8.02 2.89m-1.64 2.02a12.08 12.08 0 0 1-7.8-3.47c-2.17-2.19-3.33-5-3.49-7.82-2.81 3.14-2.7 7.96.31 10.98 3.02 3.01 7.84 3.12 10.98.31"/></svg>
</label>
<input class="md-option" data-md-color-media="" data-md-color-scheme="default" data-md-color-primary="deep-purple" data-md-color-accent="amber" aria-label="Switch to dark mode" type="radio" name="__palette" id="__palette_1">
<label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_0" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0-7 2.39 3.42C13.65 5.15 12.84 5 12 5s-1.65.15-2.39.42zM3.34 7l4.16-.35A7.2 7.2 0 0 0 5.94 8.5c-.44.74-.69 1.5-.83 2.29zm.02 10 1.76-3.77a7.131 7.131 0 0 0 2.38 4.14zM20.65 7l-1.77 3.79a7.02 7.02 0 0 0-2.38-4.15zm-.01 10-4.14.36c.59-.51 1.12-1.14 1.54-1.86.42-.73.69-1.5.83-2.29zM12 22l-2.41-3.44c.74.27 1.55.44 2.41.44.82 0 1.63-.17 2.37-.44z"/></svg>
</label>
</form>
<script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
<label class="md-header__button md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
</label>
<div class="md-search" data-md-component="search" role="dialog">
<label class="md-search__overlay" for="__search"></label>
<div class="md-search__inner" role="search">
<form class="md-search__form" name="search">
<input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
<label class="md-search__icon md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
</label>
<nav class="md-search__options" aria-label="Search">
<a href="javascript:void(0)" class="md-search__icon md-icon" title="Share" aria-label="Share" data-clipboard data-clipboard-text="" data-md-component="search-share" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.15c-.05.21-.08.43-.08.66 0 1.61 1.31 2.91 2.92 2.91s2.92-1.3 2.92-2.91A2.92 2.92 0 0 0 18 16.08"/></svg>
</a>
<button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
</button>
</nav>
<div class="md-search__suggest" data-md-component="search-suggest"></div>
</form>
<div class="md-search__output">
<div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
<div class="md-search-result" data-md-component="search-result">
<div class="md-search-result__meta">
Initializing search
</div>
<ol class="md-search-result__list" role="presentation"></ol>
</div>
</div>
</div>
</div>
</div>
<div class="md-header__source">
<a href="https://gitea.bnkops.com/admin/changemaker.lite" title="Go to repository" class="md-source" data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M439.6 236.1 244 40.5c-5.4-5.5-12.8-8.5-20.4-8.5s-15 3-20.4 8.4L162.5 81l51.5 51.5c27.1-9.1 52.7 16.8 43.4 43.7l49.7 49.7c34.2-11.8 61.2 31 35.5 56.7-26.5 26.5-70.2-2.9-56-37.3L240.3 199v121.9c25.3 12.5 22.3 41.8 9.1 55-6.4 6.4-15.2 10.1-24.3 10.1s-17.8-3.6-24.3-10.1c-17.6-17.6-11.1-46.9 11.2-56v-123c-20.8-8.5-24.6-30.7-18.6-45L142.6 101 8.5 235.1C3 240.6 0 247.9 0 255.5s3 15 8.5 20.4l195.6 195.7c5.4 5.4 12.7 8.4 20.4 8.4s15-3 20.4-8.4l194.7-194.7c5.4-5.4 8.4-12.8 8.4-20.4s-3-15-8.4-20.4"/></svg>
</div>
<div class="md-source__repository">
changemaker.lite
</div>
</a>
</div>
</nav>
<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="../../" class="md-tabs__link">
V2 Documentation
</a>
</li>
<li class="md-tabs__item">
<a href="../../../phil/" class="md-tabs__link">
Philosophy
</a>
</li>
<li class="md-tabs__item">
<a href="../../../v1/" class="md-tabs__link">
V1 Documentation (Legacy)
</a>
</li>
<li class="md-tabs__item">
<a href="../../../blog/" class="md-tabs__link">
Blog
</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="md-container" data-md-component="container">
<main class="md-main" data-md-component="main">
<div class="md-main__inner md-grid">
<div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
<label class="md-nav__title" for="__drawer">
<a href="../../.." title="Changemaker Lite" class="md-nav__button md-logo" aria-label="Changemaker Lite" data-md-component="logo">
<img src="../../../assets/logo.png" alt="logo">
</a>
Changemaker Lite
</label>
<div class="md-nav__source">
<a href="https://gitea.bnkops.com/admin/changemaker.lite" title="Go to repository" class="md-source" data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M439.6 236.1 244 40.5c-5.4-5.5-12.8-8.5-20.4-8.5s-15 3-20.4 8.4L162.5 81l51.5 51.5c27.1-9.1 52.7 16.8 43.4 43.7l49.7 49.7c34.2-11.8 61.2 31 35.5 56.7-26.5 26.5-70.2-2.9-56-37.3L240.3 199v121.9c25.3 12.5 22.3 41.8 9.1 55-6.4 6.4-15.2 10.1-24.3 10.1s-17.8-3.6-24.3-10.1c-17.6-17.6-11.1-46.9 11.2-56v-123c-20.8-8.5-24.6-30.7-18.6-45L142.6 101 8.5 235.1C3 240.6 0 247.9 0 255.5s3 15 8.5 20.4l195.6 195.7c5.4 5.4 12.7 8.4 20.4 8.4s15-3 20.4-8.4l194.7-194.7c5.4-5.4 8.4-12.8 8.4-20.4s-3-15-8.4-20.4"/></svg>
</div>
<div class="md-source__repository">
changemaker.lite
</div>
</a>
</div>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../.." class="md-nav__link">
<span class="md-ellipsis">
Home
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--pruned md-nav__item--nested">
<a href="../../" class="md-nav__link">
<span class="md-ellipsis">
V2 Documentation
</span>
<span class="md-nav__icon md-icon"></span>
</a>
</li>
<li class="md-nav__item md-nav__item--pruned md-nav__item--nested">
<a href="../../../phil/" class="md-nav__link">
<span class="md-ellipsis">
Philosophy
</span>
<span class="md-nav__icon md-icon"></span>
</a>
</li>
<li class="md-nav__item md-nav__item--pruned md-nav__item--nested">
<a href="../../../v1/" class="md-nav__link">
<span class="md-ellipsis">
V1 Documentation (Legacy)
</span>
<span class="md-nav__icon md-icon"></span>
</a>
</li>
<li class="md-nav__item md-nav__item--pruned md-nav__item--nested">
<a href="../../../blog/" class="md-nav__link">
<span class="md-ellipsis">
Blog
</span>
<span class="md-nav__icon md-icon"></span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</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="On this page">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
On this page
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#overview" class="md-nav__link">
<span class="md-ellipsis">
Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#completed-files-626" class="md-nav__link">
<span class="md-ellipsis">
Completed Files (6/26)
</span>
</a>
<nav class="md-nav" aria-label="Completed Files (6/26)">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#influence-features-56" class="md-nav__link">
<span class="md-ellipsis">
Influence Features (&#8538;)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#core-features-11" class="md-nav__link">
<span class="md-ellipsis">
Core Features (1/1)
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#remaining-files-2026" class="md-nav__link">
<span class="md-ellipsis">
Remaining Files (20/26)
</span>
</a>
<nav class="md-nav" aria-label="Remaining Files (20/26)">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#map-features-09" class="md-nav__link">
<span class="md-ellipsis">
Map Features (0/9)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#landing-pages-features-04" class="md-nav__link">
<span class="md-ellipsis">
Landing Pages Features (0/4)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#email-templates-features-04" class="md-nav__link">
<span class="md-ellipsis">
Email Templates Features (0/4)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#media-features-04" class="md-nav__link">
<span class="md-ellipsis">
Media Features (0/4)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#newsletter-features-03" class="md-nav__link">
<span class="md-ellipsis">
Newsletter Features (0/3)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#tunnel-features-03" class="md-nav__link">
<span class="md-ellipsis">
Tunnel Features (0/3)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#observability-features-04" class="md-nav__link">
<span class="md-ellipsis">
Observability Features (0/4)
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#file-structure-template" class="md-nav__link">
<span class="md-ellipsis">
File Structure Template
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#source-references" class="md-nav__link">
<span class="md-ellipsis">
Source References
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#statistics" class="md-nav__link">
<span class="md-ellipsis">
Statistics
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#next-steps" class="md-nav__link">
<span class="md-ellipsis">
Next Steps
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#notes" class="md-nav__link">
<span class="md-ellipsis">
Notes
</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-content" data-md-component="content">
<article class="md-content__inner md-typeset">
<a href="https://gitea.bnkops.com/admin/changemaker.lite/src/branch/main/mkdocs/docs/v2/features/COMPLETION_STATUS.md" title="Edit this page" class="md-content__button md-icon" rel="edit">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 20H6V4h7v5h5v3.1l2-2V8l-6-6H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h4zm10.2-7c.1 0 .3.1.4.2l1.3 1.3c.2.2.2.6 0 .8l-1 1-2.1-2.1 1-1c.1-.1.2-.2.4-.2m0 3.9L14.1 23H12v-2.1l6.1-6.1z"/></svg>
</a>
<a href="https://gitea.bnkops.com/admin/changemaker.lite/src/branch/main/mkdocs/docs/v2/features/COMPLETION_STATUS.md" title="View source of this page" class="md-content__button md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17 18c.56 0 1 .44 1 1s-.44 1-1 1-1-.44-1-1 .44-1 1-1m0-3c-2.73 0-5.06 1.66-6 4 .94 2.34 3.27 4 6 4s5.06-1.66 6-4c-.94-2.34-3.27-4-6-4m0 6.5a2.5 2.5 0 0 1-2.5-2.5 2.5 2.5 0 0 1 2.5-2.5 2.5 2.5 0 0 1 2.5 2.5 2.5 2.5 0 0 1-2.5 2.5M9.27 20H6V4h7v5h5v4.07c.7.08 1.36.25 2 .49V8l-6-6H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h4.5a8.2 8.2 0 0 1-1.23-2"/></svg>
</a>
<h1 id="phase-6-features-documentation-completion-status">Phase 6 Features Documentation - Completion Status<a class="headerlink" href="#phase-6-features-documentation-completion-status" title="Permanent link">&para;</a></h1>
<h2 id="overview">Overview<a class="headerlink" href="#overview" title="Permanent link">&para;</a></h2>
<p>Phase 6 creates comprehensive end-to-end feature documentation showing how complete features work across backend + frontend + database layers.</p>
<p><strong>Target</strong>: 26 feature documentation files
<strong>Created</strong>: 6 files (23%)
<strong>Remaining</strong>: 20 files (77%)</p>
<h2 id="completed-files-626">Completed Files (6/26)<a class="headerlink" href="#completed-files-626" title="Permanent link">&para;</a></h2>
<h3 id="influence-features-56">Influence Features (&#8538;)<a class="headerlink" href="#influence-features-56" title="Permanent link">&para;</a></h3>
<p><strong>campaigns.md</strong> (1,118 lines) - Campaign management system with lifecycle, feature flags, admin/public workflows
<strong>representatives.md</strong> (1,048 lines) - Represent API integration, caching, postal code lookup
<strong>responses.md</strong> (1,064 lines) - Response wall submission, moderation, upvoting, email verification
<strong>email-queue.md</strong> (994 lines) - BullMQ email processing, queue monitoring, retry logic
<strong>postal-codes.md</strong> (151 lines) - Postal code geocoding cache</p>
<p><strong>call-tracking.md</strong> - Phone call tracking (not yet implemented in codebase)</p>
<h3 id="core-features-11">Core Features (1/1)<a class="headerlink" href="#core-features-11" title="Permanent link">&para;</a></h3>
<p><strong>index.md</strong> (155 lines) - Features documentation index with navigation</p>
<h2 id="remaining-files-2026">Remaining Files (20/26)<a class="headerlink" href="#remaining-files-2026" title="Permanent link">&para;</a></h2>
<h3 id="map-features-09">Map Features (0/9)<a class="headerlink" href="#map-features-09" title="Permanent link">&para;</a></h3>
<p><strong>map/locations.md</strong> - Location management (building + unit architecture, NAR integration, CSV import/export)
<strong>map/geocoding.md</strong> - Multi-provider geocoding (6 providers, fallback chain, confidence scoring)
<strong>map/cuts.md</strong> - Geographic polygon overlays (GeoJSON storage, point-in-polygon, drawing mode)
<strong>map/shifts.md</strong> - Volunteer shift management (signup workflow, email notifications)
<strong>map/canvassing.md</strong> - Canvassing session system (visit outcomes, walking routes, GPS tracking)
<strong>map/tracking.md</strong> - GPS tracking (breadcrumb trails, route visualization, distance calculation)
<strong>map/walk-sheets.md</strong> - Printable walk sheets (QR codes, browser print API)
<strong>map/data-quality.md</strong> - Geocoding quality dashboard (confidence metrics, provider success rates)
<strong>map/nar-import.md</strong> - NAR 2025 electoral data import (province selector, streaming import, EPSG:3347 projection)</p>
<h3 id="landing-pages-features-04">Landing Pages Features (0/4)<a class="headerlink" href="#landing-pages-features-04" title="Permanent link">&para;</a></h3>
<p><strong>pages/page-builder.md</strong> - GrapesJS landing page builder (dual-mode editing, block library)
<strong>pages/grapes-editor.md</strong> - GrapesJS editor component (forwardRef pattern, error boundary)
<strong>pages/block-library.md</strong> - Reusable page blocks (6 default blocks, JSON schema)
<strong>pages/mkdocs-export.md</strong> - MkDocs Material theme export (Jinja2 templates, overrides)</p>
<h3 id="email-templates-features-04">Email Templates Features (0/4)<a class="headerlink" href="#email-templates-features-04" title="Permanent link">&para;</a></h3>
<p><strong>email-templates/template-system.md</strong> - Email template engine (categories, variable interpolation, Handlebars)
<strong>email-templates/editor.md</strong> - Email template editor (HTML editing, variable insertion, preview)
<strong>email-templates/variables.md</strong> - Template variable system (required/optional, conditional blocks)
<strong>email-templates/versioning.md</strong> - Template version history (auto-increment, rollback, change notes)</p>
<h3 id="media-features-04">Media Features (0/4)<a class="headerlink" href="#media-features-04" title="Permanent link">&para;</a></h3>
<p><strong>media/video-library.md</strong> - Video library management (9 directory types, FFprobe metadata)
<strong>media/upload.md</strong> - Video upload system (automatic metadata extraction, 10GB limit, 7 formats)
<strong>media/jobs.md</strong> - Media job queue (job types, resource categories, status flow)
<strong>media/public-gallery.md</strong> - Public video gallery (categories, lock/unlock, reactions, comments)</p>
<h3 id="newsletter-features-03">Newsletter Features (0/3)<a class="headerlink" href="#newsletter-features-03" title="Permanent link">&para;</a></h3>
<p><strong>newsletter/listmonk-integration.md</strong> - Listmonk REST API integration (native fetch client, basic auth)
<strong>newsletter/sync.md</strong> - Data sync to Listmonk (participants/locations/users → lists)
<strong>newsletter/lists.md</strong> - Newsletter list management (results pagination, subscriber attributes)</p>
<h3 id="tunnel-features-03">Tunnel Features (0/3)<a class="headerlink" href="#tunnel-features-03" title="Permanent link">&para;</a></h3>
<p><strong>tunnel/pangolin-setup.md</strong> - Pangolin tunnel configuration (self-hosted API, setup wizard)
<strong>tunnel/newt-container.md</strong> - Newt Docker integration (nginx dependency, tunnel lifecycle)
<strong>tunnel/exit-nodes.md</strong> - Tunnel exit node management (routing setup, performance monitoring)</p>
<h3 id="observability-features-04">Observability Features (0/4)<a class="headerlink" href="#observability-features-04" title="Permanent link">&para;</a></h3>
<p><strong>observability/prometheus-metrics.md</strong> - Custom metrics collection (12 cm_* metrics, HTTP metrics)
<strong>observability/grafana-dashboards.md</strong> - Grafana visualization (3 pre-configured dashboards)
<strong>observability/alertmanager.md</strong> - Alert routing (12 alert rules, notification channels)
<strong>observability/data-quality.md</strong> - Data quality monitoring (geocoding confidence, validation)</p>
<h2 id="file-structure-template">File Structure Template<a class="headerlink" href="#file-structure-template" title="Permanent link">&para;</a></h2>
<p>Each feature file should follow this 12-section structure:</p>
<ol>
<li><strong>Overview</strong> — Feature purpose, use cases, key capabilities</li>
<li><strong>Architecture</strong> — Mermaid diagram showing frontend → API → service → database flow</li>
<li><strong>Database Models</strong> — Related models with links to database docs</li>
<li><strong>API Endpoints</strong> — List of endpoints with links to API reference docs</li>
<li><strong>Configuration</strong> — Environment variables, settings, feature flags (table format)</li>
<li><strong>Admin Workflow</strong> — Step-by-step guide for administrators</li>
<li><strong>Public Workflow</strong> — Step-by-step guide for public users (if applicable)</li>
<li><strong>Volunteer Workflow</strong> — Step-by-step guide for volunteers (if applicable)</li>
<li><strong>Code Examples</strong> — Real code snippets from backend/frontend</li>
<li><strong>Troubleshooting</strong> — Common issues + solutions</li>
<li><strong>Performance Considerations</strong> — Optimization tips, scaling notes</li>
<li><strong>Related Documentation</strong> — Links to backend modules, frontend pages, database models</li>
</ol>
<h2 id="source-references">Source References<a class="headerlink" href="#source-references" title="Permanent link">&para;</a></h2>
<p><strong>Completed Files Reference:</strong></p>
<ul>
<li><code>api/src/modules/influence/campaigns/</code> → campaigns.md</li>
<li><code>api/src/modules/influence/representatives/</code> → representatives.md</li>
<li><code>api/src/modules/influence/responses/</code> → responses.md</li>
<li><code>api/src/services/email-queue.service.ts</code> → email-queue.md</li>
<li><code>admin/src/pages/CampaignsPage.tsx</code> → campaigns.md</li>
<li><code>admin/src/pages/ResponsesPage.tsx</code> → responses.md</li>
</ul>
<p><strong>For Remaining Files:</strong></p>
<ul>
<li><code>api/src/modules/map/locations/</code> → locations.md</li>
<li><code>api/src/modules/map/geocoding/</code> → geocoding.md</li>
<li><code>api/src/modules/map/cuts/</code> → cuts.md</li>
<li><code>api/src/modules/map/shifts/</code> → shifts.md</li>
<li><code>api/src/modules/map/canvass/</code> → canvassing.md</li>
<li><code>api/src/modules/map/tracking/</code> → tracking.md</li>
<li><code>api/src/modules/pages/</code> → page-builder.md, block-library.md</li>
<li><code>api/src/modules/email-templates/</code> → template-system.md, editor.md, variables.md, versioning.md</li>
<li><code>api/src/modules/media/</code> → video-library.md, upload.md, jobs.md, public-gallery.md</li>
<li><code>api/src/services/listmonk.client.ts</code> → listmonk-integration.md</li>
<li><code>api/src/services/pangolin.client.ts</code> → pangolin-setup.md</li>
<li><code>api/src/utils/metrics.ts</code> → prometheus-metrics.md</li>
</ul>
<h2 id="statistics">Statistics<a class="headerlink" href="#statistics" title="Permanent link">&para;</a></h2>
<p><strong>Total Lines Created</strong>: ~4,530 lines across 6 files
<strong>Average File Size</strong>: ~755 lines
<strong>Estimated Remaining</strong>: ~15,100 lines (20 files × 755 avg)
<strong>Total Target</strong>: ~19,630 lines across 26 files</p>
<h2 id="next-steps">Next Steps<a class="headerlink" href="#next-steps" title="Permanent link">&para;</a></h2>
<ol>
<li>Create map features (highest priority - core platform functionality)</li>
<li>Create landing pages features (GrapesJS integration)</li>
<li>Create media features (video library + upload)</li>
<li>Create email templates features</li>
<li>Create newsletter features</li>
<li>Create tunnel features</li>
<li>Create observability features</li>
</ol>
<h2 id="notes">Notes<a class="headerlink" href="#notes" title="Permanent link">&para;</a></h2>
<ul>
<li>All completed files include comprehensive Mermaid architecture diagrams</li>
<li>Real code examples extracted from source files (not invented)</li>
<li>Cross-references to Phase 3 (backend modules), Phase 4 (frontend pages), Phase 5 (database models)</li>
<li>Configuration tables with all environment variables</li>
<li>Troubleshooting sections with common errors and solutions</li>
<li>Performance considerations with optimization tips</li>
</ul>
</article>
</div>
<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
</div>
<button type="button" class="md-top md-icon" data-md-component="top" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
Back to top
</button>
</main>
<footer class="md-footer">
<div class="md-footer-meta md-typeset">
<div class="md-footer-meta__inner md-grid">
<div class="md-copyright">
<div class="md-copyright__highlight">
Copyright &copy; 2024 The Bunker Operations <a href="#__consent">Change cookie settings</a>
</div>
</div>
<div class="md-social">
<a href="https://gitea.bnkops.com/admin" target="_blank" rel="noopener" title="Gitea Repository" class="md-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M173.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M252.8 8C114.1 8 8 113.3 8 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C436.2 457.8 504 362.9 504 252 504 113.3 391.5 8 252.8 8M105.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
</a>
<a href="https://listmonk.bnkops.com/subscription/form" target="_blank" rel="noopener" title="Newsletter" class="md-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M536.4-26.3c9.8-3.5 20.6-1 28 6.3s9.8 18.2 6.3 28l-178 496.9c-5 13.9-18.1 23.1-32.8 23.1-14.2 0-27-8.6-32.3-21.7l-64.2-158c-4.5-11-2.5-23.6 5.2-32.6l94.5-112.4c5.1-6.1 4.7-15-.9-20.6s-14.6-6-20.6-.9l-112.4 94.3c-9.1 7.6-21.6 9.6-32.6 5.2L38.1 216.8c-13.1-5.3-21.7-18.1-21.7-32.3 0-14.7 9.2-27.8 23.1-32.8z"/></svg>
</a>
</div>
</div>
</div>
</footer>
</div>
<div class="md-dialog" data-md-component="dialog">
<div class="md-dialog__inner md-typeset"></div>
</div>
<script id="__config" type="application/json">{"annotate": null, "base": "../../..", "features": ["announce.dismiss", "content.action.edit", "content.action.view", "content.code.annotate", "content.code.copy", "content.tooltips", "navigation.expand", "navigation.footer", "navigation.indexes", "navigation.path", "navigation.prune", "navigation.sections", "navigation.tabs", "navigation.tabs.sticky", "navigation.top", "navigation.tracking", "search.highlight", "search.share", "search.suggest", "toc.follow"], "search": "../../../assets/javascripts/workers/search.2c215733.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.79ae519e.min.js"></script>
<script src="../../../javascripts/home.js"></script>
<script src="../../../javascripts/github-widget.js"></script>
<script src="../../../javascripts/gitea-widget.js"></script>
<script src="../../../assets/js/env-config.js"></script>
<script src="../../../assets/js/video-player.js"></script>
</body>
</html>