Files
Apple ef3473db21 snapshot: NODE1 production state 2026-02-09
Complete snapshot of /opt/microdao-daarion/ from NODE1 (144.76.224.179).
This represents the actual running production code that has diverged
significantly from the previous main branch.

Key changes from old main:
- Gateway (http_api.py): expanded from ~40KB to 164KB with full agent support
- Router: new /v1/agents/{id}/infer endpoint with vision + DeepSeek routing
- Behavior Policy: SOWA v2.2 (3-level: FULL/ACK/SILENT)
- Agent Registry: config/agent_registry.yml as single source of truth
- 13 agents configured (was 3)
- Memory service integration
- CrewAI teams and roles

Excluded from snapshot: venv/, .env, data/, backups, .tgz archives

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-02-09 08:46:46 -08:00

998 lines
38 KiB
HTML
Raw Permalink 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">
<link rel="canonical" href="https://IvanTytar.github.io/microdao-daarion/tasks/MICRODAO_DASHBOARD_IMPLEMENTATION_COMPLETE/">
<link rel="icon" href="../../assets/images/favicon.png">
<meta name="generator" content="mkdocs-1.5.3, mkdocs-material-9.5.18">
<title>MicroDAO Dashboard - Реалізація завершена ✅ - DAARION Documentation</title>
<link rel="stylesheet" href="../../assets/stylesheets/main.66ac8b77.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
<style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
<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>
</head>
<body dir="ltr">
<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="#microdao-dashboard-" class="md-skip">
Skip to content
</a>
</div>
<div data-md-component="announce">
</div>
<header class="md-header md-header--shadow" data-md-component="header">
<nav class="md-header__inner md-grid" aria-label="Header">
<a href="../.." title="DAARION Documentation" class="md-header__button md-logo" aria-label="DAARION Documentation" data-md-component="logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 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 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54Z"/></svg>
</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 6h18v2H3V6m0 5h18v2H3v-2m0 5h18v2H3v-2Z"/></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">
DAARION Documentation
</span>
</div>
<div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis">
MicroDAO Dashboard - Реалізація завершена ✅
</span>
</div>
</div>
</div>
<script>var media,input,key,value,palette=__md_get("__palette");if(palette&&palette.color){"(prefers-color-scheme)"===palette.color.media&&(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([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.516 6.516 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 5Z"/></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.516 6.516 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 5Z"/></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 11h12Z"/></svg>
</label>
<nav class="md-search__options" aria-label="Search">
<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 12 19 6.41Z"/></svg>
</button>
</nav>
</form>
<div class="md-search__output">
<div class="md-search__scrollwrap" 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>
</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" aria-label="Navigation" data-md-level="0">
<label class="md-nav__title" for="__drawer">
<a href="../.." title="DAARION Documentation" class="md-nav__button md-logo" aria-label="DAARION Documentation" data-md-component="logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 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 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54Z"/></svg>
</a>
DAARION Documentation
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../public/" class="md-nav__link">
<span class="md-ellipsis">
Home
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../public/getting-started/" class="md-nav__link">
<span class="md-ellipsis">
Getting Started
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../public/architecture-overview/" class="md-nav__link">
<span class="md-ellipsis">
Architecture
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../public/daiS_daos_overview/" class="md-nav__link">
<span class="md-ellipsis">
DAIS & DAOS
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="">
<span class="md-ellipsis">
Internal
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5">
<span class="md-nav__icon md-icon"></span>
Internal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5_1" >
<label class="md-nav__link" for="__nav_5_1" id="__nav_5_1_label" tabindex="0">
<span class="md-ellipsis">
Infra
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_5_1_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5_1">
<span class="md-nav__icon md-icon"></span>
Infra
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../internal/infra/INFRA_AUTOMATION_PACK_V1/" class="md-nav__link">
<span class="md-ellipsis">
Infra Automation Pack v1
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../internal/infra/monitoring_overview/" class="md-nav__link">
<span class="md-ellipsis">
Monitoring Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../internal/infra/nodes_registry_v0/" class="md-nav__link">
<span class="md-ellipsis">
Nodes Registry v0
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5_2" >
<label class="md-nav__link" for="__nav_5_2" id="__nav_5_2_label" tabindex="0">
<span class="md-ellipsis">
Specs
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_5_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5_2">
<span class="md-nav__icon md-icon"></span>
Specs
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../internal/specs/matrix_presence_aggregator/" class="md-nav__link">
<span class="md-ellipsis">
Matrix Presence Aggregator
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../internal/specs/city_map_spec/" class="md-nav__link">
<span class="md-ellipsis">
City Map Spec
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../internal/specs/node_join_protocol_draft/" class="md-nav__link">
<span class="md-ellipsis">
Node Join Protocol (Draft)
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</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="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="#_1" class="md-nav__link">
<span class="md-ellipsis">
Статус: ГОТОВО ДО ТЕСТУВАННЯ
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#_2" class="md-nav__link">
<span class="md-ellipsis">
✅ Виконані завдання
</span>
</a>
<nav class="md-nav" aria-label="✅ Виконані завдання">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#1" class="md-nav__link">
<span class="md-ellipsis">
1. База даних
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#2-backend-pythonfastapi" class="md-nav__link">
<span class="md-ellipsis">
2. Backend (Python/FastAPI)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#3-frontend-nextjsreact" class="md-nav__link">
<span class="md-ellipsis">
3. Frontend (Next.js/React)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#4" class="md-nav__link">
<span class="md-ellipsis">
4. Бекапи
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#_3" class="md-nav__link">
<span class="md-ellipsis">
📋 Наступні кроки для запуску
</span>
</a>
<nav class="md-nav" aria-label="📋 Наступні кроки для запуску">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#1_1" class="md-nav__link">
<span class="md-ellipsis">
Крок 1: Застосувати міграції БД
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#2-seed-" class="md-nav__link">
<span class="md-ellipsis">
Крок 2: Застосувати seed-дані
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#3" class="md-nav__link">
<span class="md-ellipsis">
Крок 3: Перезапустити сервіси
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#4_1" class="md-nav__link">
<span class="md-ellipsis">
Крок 4: Перевірити роботу
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#_4" class="md-nav__link">
<span class="md-ellipsis">
🔧 Використання дашборду в коді
</span>
</a>
<nav class="md-nav" aria-label="🔧 Використання дашборду в коді">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#react" class="md-nav__link">
<span class="md-ellipsis">
В React компоненті:
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#_5" class="md-nav__link">
<span class="md-ellipsis">
📊 Структура даних
</span>
</a>
<nav class="md-nav" aria-label="📊 Структура даних">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#microdaodashboard" class="md-nav__link">
<span class="md-ellipsis">
MicrodaoDashboard
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#microdaoactivity" class="md-nav__link">
<span class="md-ellipsis">
MicrodaoActivity
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#_6" class="md-nav__link">
<span class="md-ellipsis">
🐛 Відомі проблеми та обмеження
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#_7" class="md-nav__link">
<span class="md-ellipsis">
🚀 Майбутні покращення
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#_8" class="md-nav__link">
<span class="md-ellipsis">
📝 Файли для перевірки
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#_9" class="md-nav__link">
<span class="md-ellipsis">
✅ Готово до використання!
</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-content" data-md-component="content">
<article class="md-content__inner md-typeset">
<h1 id="microdao-dashboard-">MicroDAO Dashboard - Реалізація завершена ✅<a class="headerlink" href="#microdao-dashboard-" title="Permanent link">&para;</a></h1>
<h2 id="_1">Статус: ГОТОВО ДО ТЕСТУВАННЯ<a class="headerlink" href="#_1" title="Permanent link">&para;</a></h2>
<p>Всі основні компоненти реалізовано та готові до використання.</p>
<hr />
<h2 id="_2">✅ Виконані завдання<a class="headerlink" href="#_2" title="Permanent link">&para;</a></h2>
<h3 id="1">1. База даних<a class="headerlink" href="#1" title="Permanent link">&para;</a></h3>
<ul>
<li>✅ Міграція <code>044_microdao_activity.sql</code> - таблиця активності</li>
<li>✅ Міграція <code>045_microdao_stats.sql</code> - статистика MicroDAO</li>
<li>✅ Seed-дані <code>docs/sql/seed_microdao_activity_daarion.sql</code></li>
</ul>
<h3 id="2-backend-pythonfastapi">2. Backend (Python/FastAPI)<a class="headerlink" href="#2-backend-pythonfastapi" title="Permanent link">&para;</a></h3>
<ul>
<li>✅ Моделі в <code>models_city.py</code>: <code>MicrodaoActivity</code>, <code>CreateMicrodaoActivity</code>, <code>MicrodaoStats</code>, <code>MicrodaoDashboard</code></li>
<li>✅ Репозиторій <code>repo_city.py</code>: </li>
<li><code>get_microdao_activity()</code></li>
<li><code>create_microdao_activity()</code></li>
<li><code>get_citizens_for_microdao()</code></li>
<li><code>count_agents_for_microdao()</code></li>
<li><code>get_microdao_dashboard()</code></li>
<li>✅ Routes в <code>routes_city.py</code>:</li>
<li><code>GET /city/microdao/{slug}/dashboard</code></li>
<li><code>GET /city/microdao/{slug}/activity</code></li>
<li><code>POST /city/microdao/{slug}/activity</code></li>
</ul>
<h3 id="3-frontend-nextjsreact">3. Frontend (Next.js/React)<a class="headerlink" href="#3-frontend-nextjsreact" title="Permanent link">&para;</a></h3>
<ul>
<li>✅ Типи в <code>apps/web/src/lib/types/microdao.ts</code></li>
<li>✅ API-клієнт в <code>apps/web/src/lib/api/microdao.ts</code></li>
<li>✅ API routes:</li>
<li><code>apps/web/src/app/api/microdao/[slug]/dashboard/route.ts</code></li>
<li><code>apps/web/src/app/api/microdao/[slug]/activity/route.ts</code></li>
<li>✅ Hook <code>useMicrodaoDashboard</code> в <code>apps/web/src/hooks/useMicrodao.ts</code></li>
<li>✅ UI компоненти:</li>
<li><code>MicrodaoHeaderCard.tsx</code> - hero-блок з метриками</li>
<li><code>MicrodaoActivitySection.tsx</code> - стрічка активності</li>
<li><code>MicrodaoTeamSection.tsx</code> - команда/громадяни</li>
<li><code>MicrodaoProjectsSection.tsx</code> - плейсхолдер проєктів</li>
<li><code>MicrodaoTasksSection.tsx</code> - плейсхолдер задач</li>
</ul>
<h3 id="4">4. Бекапи<a class="headerlink" href="#4" title="Permanent link">&para;</a></h3>
<ul>
<li>✅ Скрипт <code>scripts/backup_postgres.sh</code></li>
<li>✅ Документація <code>docs/BACKUP_SETUP.md</code></li>
</ul>
<hr />
<h2 id="_3">📋 Наступні кроки для запуску<a class="headerlink" href="#_3" title="Permanent link">&para;</a></h2>
<h3 id="1_1">Крок 1: Застосувати міграції БД<a class="headerlink" href="#1_1" title="Permanent link">&para;</a></h3>
<div class="codehilite"><pre><span></span><code><span class="c1"># На NODE1 або локально</span>
psql<span class="w"> </span>-U<span class="w"> </span>daarion<span class="w"> </span>-d<span class="w"> </span>daarion<span class="w"> </span>-f<span class="w"> </span>migrations/044_microdao_activity.sql
psql<span class="w"> </span>-U<span class="w"> </span>daarion<span class="w"> </span>-d<span class="w"> </span>daarion<span class="w"> </span>-f<span class="w"> </span>migrations/045_microdao_stats.sql
</code></pre></div>
<h3 id="2-seed-">Крок 2: Застосувати seed-дані<a class="headerlink" href="#2-seed-" title="Permanent link">&para;</a></h3>
<div class="codehilite"><pre><span></span><code>psql<span class="w"> </span>-U<span class="w"> </span>daarion<span class="w"> </span>-d<span class="w"> </span>daarion<span class="w"> </span>-f<span class="w"> </span>docs/sql/seed_microdao_activity_daarion.sql
</code></pre></div>
<h3 id="3">Крок 3: Перезапустити сервіси<a class="headerlink" href="#3" title="Permanent link">&para;</a></h3>
<div class="codehilite"><pre><span></span><code><span class="c1"># Якщо використовується docker-compose</span>
docker-compose<span class="w"> </span>restart<span class="w"> </span>city-service<span class="w"> </span>web
</code></pre></div>
<h3 id="4_1">Крок 4: Перевірити роботу<a class="headerlink" href="#4_1" title="Permanent link">&para;</a></h3>
<ol>
<li>
<p>Перевірити API:
<code>bash
curl http://localhost:7001/city/microdao/daarion/dashboard</code></p>
</li>
<li>
<p>Перевірити сторінку:</p>
</li>
<li>Відкрити <code>/microdao/daarion</code> в браузері</li>
<li>Має відображатися дашборд з метриками, активністю, кімнатами та командою</li>
</ol>
<hr />
<h2 id="_4">🔧 Використання дашборду в коді<a class="headerlink" href="#_4" title="Permanent link">&para;</a></h2>
<h3 id="react">В React компоненті:<a class="headerlink" href="#react" title="Permanent link">&para;</a></h3>
<div class="codehilite"><pre><span></span><code><span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">useMicrodaoDashboard</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;@/hooks/useMicrodao&quot;</span><span class="p">;</span>
<span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">MicrodaoHeaderCard</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;@/components/microdao/MicrodaoHeaderCard&quot;</span><span class="p">;</span>
<span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">MicrodaoActivitySection</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;@/components/microdao/MicrodaoActivitySection&quot;</span><span class="p">;</span>
<span class="k">import</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">MicrodaoTeamSection</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="kr">from</span><span class="w"> </span><span class="s2">&quot;@/components/microdao/MicrodaoTeamSection&quot;</span><span class="p">;</span>
<span class="k">export</span><span class="w"> </span><span class="k">default</span><span class="w"> </span><span class="kd">function</span><span class="w"> </span><span class="nx">MicrodaoDashboardPage</span><span class="p">({</span><span class="w"> </span><span class="nx">slug</span><span class="w"> </span><span class="p">}</span><span class="o">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">slug</span><span class="o">:</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="p">})</span><span class="w"> </span><span class="p">{</span>
<span class="w"> </span><span class="kd">const</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">dashboard</span><span class="p">,</span><span class="w"> </span><span class="nx">isLoading</span><span class="p">,</span><span class="w"> </span><span class="nx">error</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">useMicrodaoDashboard</span><span class="p">(</span><span class="nx">slug</span><span class="p">);</span>
<span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="nx">isLoading</span><span class="p">)</span><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="p">&lt;</span><span class="nt">div</span><span class="p">&gt;</span><span class="nx">Завантаження</span><span class="p">...&lt;/</span><span class="nt">div</span><span class="p">&gt;;</span>
<span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="nx">error</span><span class="w"> </span><span class="o">||</span><span class="w"> </span><span class="o">!</span><span class="nx">dashboard</span><span class="p">)</span><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="p">&lt;</span><span class="nt">div</span><span class="p">&gt;</span><span class="nx">Помилка</span><span class="o">:</span><span class="w"> </span><span class="p">{</span><span class="nx">error</span><span class="o">?</span><span class="p">.</span><span class="nx">message</span><span class="p">}&lt;/</span><span class="nt">div</span><span class="p">&gt;;</span>
<span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="p">(</span>
<span class="w"> </span><span class="p">&lt;</span><span class="nt">div</span><span class="w"> </span><span class="na">className</span><span class="o">=</span><span class="s">&quot;space-y-8&quot;</span><span class="p">&gt;</span>
<span class="w"> </span><span class="p">&lt;</span><span class="nt">MicrodaoHeaderCard</span><span class="w"> </span><span class="na">dashboard</span><span class="o">=</span><span class="p">{</span><span class="nx">dashboard</span><span class="p">}</span><span class="w"> </span><span class="p">/&gt;</span>
<span class="w"> </span><span class="p">&lt;</span><span class="nt">div</span><span class="w"> </span><span class="na">className</span><span class="o">=</span><span class="s">&quot;grid grid-cols-1 xl:grid-cols-3 gap-6&quot;</span><span class="p">&gt;</span>
<span class="w"> </span><span class="p">&lt;</span><span class="nt">div</span><span class="w"> </span><span class="na">className</span><span class="o">=</span><span class="s">&quot;xl:col-span-2&quot;</span><span class="p">&gt;</span>
<span class="w"> </span><span class="p">&lt;</span><span class="nt">MicrodaoActivitySection</span><span class="w"> </span>
<span class="w"> </span><span class="na">activity</span><span class="o">=</span><span class="p">{</span><span class="nx">dashboard</span><span class="p">.</span><span class="nx">recent_activity</span><span class="p">}</span><span class="w"> </span>
<span class="w"> </span><span class="na">microdao</span><span class="o">=</span><span class="p">{</span><span class="nx">dashboard</span><span class="p">.</span><span class="nx">microdao</span><span class="p">}</span><span class="w"> </span>
<span class="w"> </span><span class="p">/&gt;</span>
<span class="w"> </span><span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
<span class="w"> </span><span class="p">&lt;</span><span class="nt">div</span><span class="p">&gt;</span>
<span class="w"> </span><span class="p">&lt;</span><span class="nt">MicrodaoTeamSection</span><span class="w"> </span><span class="na">citizens</span><span class="o">=</span><span class="p">{</span><span class="nx">dashboard</span><span class="p">.</span><span class="nx">citizens</span><span class="p">}</span><span class="w"> </span><span class="p">/&gt;</span>
<span class="w"> </span><span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
<span class="w"> </span><span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
<span class="w"> </span><span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
<span class="w"> </span><span class="p">);</span>
<span class="p">}</span>
</code></pre></div>
<hr />
<h2 id="_5">📊 Структура даних<a class="headerlink" href="#_5" title="Permanent link">&para;</a></h2>
<h3 id="microdaodashboard">MicrodaoDashboard<a class="headerlink" href="#microdaodashboard" title="Permanent link">&para;</a></h3>
<div class="codehilite"><pre><span></span><code><span class="p">{</span>
<span class="w"> </span><span class="nx">microdao</span><span class="o">:</span><span class="w"> </span><span class="kt">MicrodaoSummary</span><span class="p">,</span><span class="w"> </span><span class="c1">// Основна інформація про MicroDAO</span>
<span class="w"> </span><span class="nx">stats</span><span class="o">:</span><span class="w"> </span><span class="p">{</span>
<span class="w"> </span><span class="nx">rooms_count</span><span class="o">:</span><span class="w"> </span><span class="kt">number</span><span class="p">,</span><span class="w"> </span><span class="c1">// Кількість кімнат</span>
<span class="w"> </span><span class="nx">citizens_count</span><span class="o">:</span><span class="w"> </span><span class="kt">number</span><span class="p">,</span><span class="w"> </span><span class="c1">// Кількість громадян</span>
<span class="w"> </span><span class="nx">agents_count</span><span class="o">:</span><span class="w"> </span><span class="kt">number</span><span class="p">,</span><span class="w"> </span><span class="c1">// Кількість агентів</span>
<span class="w"> </span><span class="nx">last_update_at</span><span class="o">:</span><span class="w"> </span><span class="kt">string</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="kc">null</span><span class="w"> </span><span class="c1">// Останнє оновлення</span>
<span class="w"> </span><span class="p">},</span>
<span class="w"> </span><span class="nx">recent_activity</span><span class="o">:</span><span class="w"> </span><span class="kt">MicrodaoActivity</span><span class="p">[],</span><span class="w"> </span><span class="c1">// Останні 10 записів активності</span>
<span class="w"> </span><span class="nx">rooms</span><span class="o">:</span><span class="w"> </span><span class="kt">CityRoomSummary</span><span class="p">[],</span><span class="w"> </span><span class="c1">// До 5 кімнат</span>
<span class="w"> </span><span class="nx">citizens</span><span class="o">:</span><span class="w"> </span><span class="kt">PublicCitizenSummary</span><span class="p">[]</span><span class="w"> </span><span class="c1">// До 6 громадян</span>
<span class="p">}</span>
</code></pre></div>
<h3 id="microdaoactivity">MicrodaoActivity<a class="headerlink" href="#microdaoactivity" title="Permanent link">&para;</a></h3>
<div class="codehilite"><pre><span></span><code><span class="p">{</span>
<span class="w"> </span><span class="nx">id</span><span class="o">:</span><span class="w"> </span><span class="kt">string</span><span class="p">,</span>
<span class="w"> </span><span class="nx">microdao_slug</span><span class="o">:</span><span class="w"> </span><span class="kt">string</span><span class="p">,</span>
<span class="w"> </span><span class="nx">kind</span><span class="o">:</span><span class="w"> </span><span class="s2">&quot;post&quot;</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="s2">&quot;event&quot;</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="s2">&quot;update&quot;</span><span class="p">,</span>
<span class="w"> </span><span class="nx">title?</span><span class="o">:</span><span class="w"> </span><span class="kt">string</span><span class="p">,</span>
<span class="w"> </span><span class="nx">body</span><span class="o">:</span><span class="w"> </span><span class="kt">string</span><span class="p">,</span>
<span class="w"> </span><span class="nx">author_agent_id?</span><span class="o">:</span><span class="w"> </span><span class="kt">string</span><span class="p">,</span>
<span class="w"> </span><span class="nx">author_name?</span><span class="o">:</span><span class="w"> </span><span class="kt">string</span><span class="p">,</span>
<span class="w"> </span><span class="nx">created_at</span><span class="o">:</span><span class="w"> </span><span class="kt">string</span>
<span class="p">}</span>
</code></pre></div>
<hr />
<h2 id="_6">🐛 Відомі проблеми та обмеження<a class="headerlink" href="#_6" title="Permanent link">&para;</a></h2>
<ol>
<li><strong>Дата форматування</strong>: Використовується простий формат без date-fns (можна додати пізніше)</li>
<li><strong>Citizens без slug</strong>: Громадяни без <code>public_slug</code> пропускаються (це правильно)</li>
<li><strong>Статистика</strong>: Рахується на льоту, не кешується (можна додати кешування пізніше)</li>
</ol>
<hr />
<h2 id="_7">🚀 Майбутні покращення<a class="headerlink" href="#_7" title="Permanent link">&para;</a></h2>
<ol>
<li>Кешування статистики в <code>microdaos</code> таблиці</li>
<li>Пагінація для активності</li>
<li>Фільтри для активності (по типу, даті)</li>
<li>Редагування/видалення активності</li>
<li>Автоматичне створення активності при подіях (створення кімнати, додавання агента)</li>
</ol>
<hr />
<h2 id="_8">📝 Файли для перевірки<a class="headerlink" href="#_8" title="Permanent link">&para;</a></h2>
<ul>
<li><code>migrations/044_microdao_activity.sql</code></li>
<li><code>migrations/045_microdao_stats.sql</code></li>
<li><code>services/city-service/models_city.py</code> (рядки 725-780)</li>
<li><code>services/city-service/repo_city.py</code> (рядки 4056-4322)</li>
<li><code>services/city-service/routes_city.py</code> (рядки 4787-4859)</li>
<li><code>apps/web/src/lib/types/microdao.ts</code> (рядки 180-220)</li>
<li><code>apps/web/src/lib/api/microdao.ts</code> (рядки 120-170)</li>
<li><code>apps/web/src/hooks/useMicrodao.ts</code> (рядки 308-350)</li>
<li><code>apps/web/src/components/microdao/MicrodaoHeaderCard.tsx</code></li>
<li><code>apps/web/src/components/microdao/MicrodaoActivitySection.tsx</code></li>
<li><code>apps/web/src/components/microdao/MicrodaoTeamSection.tsx</code></li>
</ul>
<hr />
<h2 id="_9">✅ Готово до використання!<a class="headerlink" href="#_9" title="Permanent link">&para;</a></h2>
<p>Після застосування міграцій та seed-даних, дашборд MicroDAO буде повністю функціональним.</p>
</article>
</div>
<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
</div>
</main>
<footer class="md-footer">
<div class="md-footer-meta md-typeset">
<div class="md-footer-meta__inner md-grid">
<div class="md-copyright">
Made with
<a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
Material for MkDocs
</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">{"base": "../..", "features": ["navigation.sections", "navigation.instant", "content.code.copy"], "search": "../../assets/javascripts/workers/search.b8dbb3d2.min.js", "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"}}</script>
<script src="../../assets/javascripts/bundle.3220b9d7.min.js"></script>
</body>
</html>