Files
microdao-daarion/site/tasks/033_AGENT_AND_MICRODAO_CHAT_WIDGETS/index.html
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

804 lines
23 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">
<link rel="canonical" href="https://IvanTytar.github.io/microdao-daarion/tasks/033_AGENT_AND_MICRODAO_CHAT_WIDGETS/">
<link rel="icon" href="../../assets/images/favicon.png">
<meta name="generator" content="mkdocs-1.5.3, mkdocs-material-9.5.18">
<title>TASK 033: Agent & MicroDAO Chat Widgets - 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="#task-033-agent-microdao-chat-widgets" 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">
TASK 033: Agent & MicroDAO Chat Widgets
</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-backend-agent-dashboard-primary_city_room" class="md-nav__link">
<span class="md-ellipsis">
1. Backend: Agent Dashboard → primary_city_room
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#2-backend-microdao-detail-primary_city_room" class="md-nav__link">
<span class="md-ellipsis">
2. Backend: MicroDAO Detail → primary_city_room
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#3-frontend" class="md-nav__link">
<span class="md-ellipsis">
3. Frontend: Типи
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#4-frontend-agent-console-agentsagentid" class="md-nav__link">
<span class="md-ellipsis">
4. Frontend: Agent Console (/agents/[agentId])
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#5-frontend-microdao-page-microdaoslug" class="md-nav__link">
<span class="md-ellipsis">
5. Frontend: MicroDAO Page (/microdao/[slug])
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#_3" class="md-nav__link">
<span class="md-ellipsis">
Перевикористання
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#acceptance-criteria" class="md-nav__link">
<span class="md-ellipsis">
Acceptance Criteria
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#_4" 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="task-033-agent-microdao-chat-widgets">TASK 033: Agent &amp; MicroDAO Chat Widgets<a class="headerlink" href="#task-033-agent-microdao-chat-widgets" title="Permanent link">&para;</a></h1>
<p><strong>Дата:</strong> 28 листопада 2025<br />
<strong>Статус:</strong> ✅ Завершено</p>
<h2 id="_1">Мета<a class="headerlink" href="#_1" title="Permanent link">&para;</a></h2>
<ol>
<li>У кожному Agent Dashboard (<code>/agents/[id]</code>) має бути <strong>діалогове вікно (Matrix-чат) з цим агентом</strong>.</li>
<li>У кожному MicroDAO (<code>/microdao/[slug]</code>) має бути <strong>публічний чат кімнати цього MicroDAO</strong>, де оркестратор спілкується з користувачами.</li>
</ol>
<h2 id="_2">Виконані зміни<a class="headerlink" href="#_2" title="Permanent link">&para;</a></h2>
<h3 id="1-backend-agent-dashboard-primary_city_room">1. Backend: Agent Dashboard → primary_city_room<a class="headerlink" href="#1-backend-agent-dashboard-primary_city_room" title="Permanent link">&para;</a></h3>
<p><strong>Файл:</strong> <code>services/city-service/routes_city.py</code></p>
<ul>
<li>Оновлено endpoint <code>GET /city/agents/{id}/dashboard</code></li>
<li>Додано поле <code>primary_city_room</code> до відповіді</li>
<li>Пріоритет визначення кімнати:</li>
<li>Перша кімната агента з <code>city_rooms</code></li>
<li>Primary room MicroDAO агента (якщо є <code>primary_microdao_id</code>)</li>
<li><code>null</code> якщо немає</li>
</ul>
<h3 id="2-backend-microdao-detail-primary_city_room">2. Backend: MicroDAO Detail → primary_city_room<a class="headerlink" href="#2-backend-microdao-detail-primary_city_room" title="Permanent link">&para;</a></h3>
<p><strong>Файл:</strong> <code>services/city-service/models_city.py</code></p>
<ul>
<li>Додано модель <code>CityRoomSummary</code>:
<code>python
class CityRoomSummary(BaseModel):
id: str
slug: str
name: str
matrix_room_id: Optional[str] = None</code></li>
<li>Оновлено <code>MicrodaoDetail</code> — додано поле <code>primary_city_room</code></li>
</ul>
<p><strong>Файл:</strong> <code>services/city-service/repo_city.py</code></p>
<ul>
<li>Додано функцію <code>get_microdao_primary_room(microdao_id)</code>:</li>
<li>Шукає primary room MicroDAO</li>
<li>Пріоритет: <code>room_type='primary'</code><code>room_type='public'</code> → будь-яка активна</li>
</ul>
<p><strong>Файл:</strong> <code>services/city-service/routes_city.py</code></p>
<ul>
<li>Оновлено endpoint <code>GET /city/microdao/{slug}</code></li>
<li>Додано виклик <code>get_microdao_primary_room()</code> та заповнення <code>primary_city_room</code></li>
</ul>
<h3 id="3-frontend">3. Frontend: Типи<a class="headerlink" href="#3-frontend" title="Permanent link">&para;</a></h3>
<p><strong>Файл:</strong> <code>apps/web/src/lib/agent-dashboard.ts</code></p>
<ul>
<li>Додано тип <code>CityRoomSummary</code></li>
<li>Оновлено <code>AgentDashboard</code> — додано поле <code>primary_city_room</code></li>
</ul>
<p><strong>Файл:</strong> <code>apps/web/src/lib/types/microdao.ts</code></p>
<ul>
<li>Додано тип <code>CityRoomSummary</code></li>
<li>Оновлено <code>MicrodaoDetail</code> — додано поле <code>primary_city_room</code></li>
</ul>
<h3 id="4-frontend-agent-console-agentsagentid">4. Frontend: Agent Console (<code>/agents/[agentId]</code>)<a class="headerlink" href="#4-frontend-agent-console-agentsagentid" title="Permanent link">&para;</a></h3>
<p><strong>Файл:</strong> <code>apps/web/src/app/agents/[agentId]/page.tsx</code></p>
<ul>
<li>Оновлено Chat Tab:</li>
<li>Прямий чат з агентом через DAGI Router (існуючий)</li>
<li>Нова секція "Публічна кімната агента" з <code>CityChatWidget</code></li>
<li>Якщо <code>primary_city_room</code> є — показує Matrix-чат</li>
<li>Якщо немає — показує повідомлення про необхідність налаштування</li>
</ul>
<h3 id="5-frontend-microdao-page-microdaoslug">5. Frontend: MicroDAO Page (<code>/microdao/[slug]</code>)<a class="headerlink" href="#5-frontend-microdao-page-microdaoslug" title="Permanent link">&para;</a></h3>
<p><strong>Файл:</strong> <code>apps/web/src/app/microdao/[slug]/page.tsx</code></p>
<ul>
<li>Додано секцію "Публічний чат MicroDAO"</li>
<li>Використовує <code>CityChatWidget</code> з <code>primary_city_room.slug</code></li>
<li>Показує інформацію про оркестратора</li>
<li>Якщо кімната не налаштована — показує placeholder</li>
</ul>
<h2 id="_3">Перевикористання<a class="headerlink" href="#_3" title="Permanent link">&para;</a></h2>
<p>Обидві сторінки використовують існуючий компонент <code>CityChatWidget</code> з <code>/components/city/CityChatWidget.tsx</code>, який вже працює на сторінці громадянина (<code>/citizens/[slug]</code>).</p>
<h2 id="acceptance-criteria">Acceptance Criteria<a class="headerlink" href="#acceptance-criteria" title="Permanent link">&para;</a></h2>
<ul>
<li>[x] <code>/agents/[id]</code> — секція "Публічна кімната агента" з Matrix-чатом</li>
<li>[x] <code>/microdao/[slug]</code> — секція "Публічний чат MicroDAO" з Matrix-чатом</li>
<li>[x] Перевикористано <code>CityChatWidget</code></li>
<li>[x] Білд проходить успішно</li>
<li>[x] Типи оновлено на фронтенді та бекенді</li>
</ul>
<h2 id="_4">Пов'язані завдання<a class="headerlink" href="#_4" title="Permanent link">&para;</a></h2>
<ul>
<li><strong>TASK 031:</strong> Node Agents Discovery</li>
<li><strong>TASK 032:</strong> Node Guardian/Steward Formalize</li>
<li><strong>Citizen Interact Layer v1:</strong> Базовий функціонал чату для громадян</li>
</ul>
</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>