Files
microdao-daarion/site/tasks/TASK_PHASE_AGENT_PRESENCE_INDICATORS_MVP/index.html
Apple fb4f4a16d5 🔧 Fix GitHub Actions docs workflow
- Update mkdocs dependencies to latest versions
- Add permissions for GitHub Pages deployment
- Add workflow_dispatch for manual trigger
- Fix build command with fallback
2026-01-10 07:57:36 -08:00

1103 lines
52 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/TASK_PHASE_AGENT_PRESENCE_INDICATORS_MVP/">
<link rel="icon" href="../../assets/images/favicon.png">
<meta name="generator" content="mkdocs-1.5.3, mkdocs-material-9.5.18">
<title>TASK PHASE — AGENT PRESENCE INDICATORS (MVP) - 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-phase-agent-presence-indicators-mvp" 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 PHASE — AGENT PRESENCE INDICATORS (MVP)
</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">
1. Мета
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#2" class="md-nav__link">
<span class="md-ellipsis">
2. Область робіт
</span>
</a>
<nav class="md-nav" aria-label="2. Область робіт">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#21-presence-indicators" class="md-nav__link">
<span class="md-ellipsis">
2.1. Сторінки де потрібні Presence Indicators
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#22-presence" class="md-nav__link">
<span class="md-ellipsis">
2.2. Типи Presence
</span>
</a>
<nav class="md-nav" aria-label="2.2. Типи Presence">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#matrix-presence" class="md-nav__link">
<span class="md-ellipsis">
Matrix Presence
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#dagi-router-presence" class="md-nav__link">
<span class="md-ellipsis">
DAGI Router Presence
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#3-backend-implementation" class="md-nav__link">
<span class="md-ellipsis">
3. Backend Implementation
</span>
</a>
<nav class="md-nav" aria-label="3. Backend Implementation">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#31-presence-api" class="md-nav__link">
<span class="md-ellipsis">
3.1. Додати Presence API
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#32-presence" class="md-nav__link">
<span class="md-ellipsis">
3.2. Інтегрувати з існуючими Presence системами
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#4-frontend-implementation" class="md-nav__link">
<span class="md-ellipsis">
4. Frontend Implementation
</span>
</a>
<nav class="md-nav" aria-label="4. Frontend Implementation">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#41-presence-hook" class="md-nav__link">
<span class="md-ellipsis">
4.1. Presence Hook
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#42-presence-badge-component" class="md-nav__link">
<span class="md-ellipsis">
4.2. Presence Badge Component
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#43-agent-cards" class="md-nav__link">
<span class="md-ellipsis">
4.3. Інтеграція в Agent Cards
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#5-acceptance-criteria" class="md-nav__link">
<span class="md-ellipsis">
5. Acceptance Criteria
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#6" class="md-nav__link">
<span class="md-ellipsis">
6. Файли до створення
</span>
</a>
<nav class="md-nav" aria-label="6. Файли до створення">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#backend" class="md-nav__link">
<span class="md-ellipsis">
Backend
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#frontend" class="md-nav__link">
<span class="md-ellipsis">
Frontend
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#_1" class="md-nav__link">
<span class="md-ellipsis">
Конфігурація
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#7" class="md-nav__link">
<span class="md-ellipsis">
7. Тестування
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#8-mvp" class="md-nav__link">
<span class="md-ellipsis">
8. Подальше розширення (не в цьому MVP)
</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-phase-agent-presence-indicators-mvp">TASK PHASE — AGENT PRESENCE INDICATORS (MVP)<a class="headerlink" href="#task-phase-agent-presence-indicators-mvp" title="Permanent link">&para;</a></h1>
<p>Version: 1.0
Status: ACTIVE
Target: DAARION.space (Next.js frontend + city-service)</p>
<h2 id="1">1. Мета<a class="headerlink" href="#1" title="Permanent link">&para;</a></h2>
<p>Реалізувати <strong>Presence Indicators</strong> для всіх агентів у МВП:
- Online/Offline статус з Matrix presence
- DAGI Router heartbeat індикатори
- Візуальні бейджі у всіх місцях де відображаються агенти</p>
<p>Правило онтології:</p>
<blockquote>
<p>Агенти мають бути <strong>"живими"</strong> — їх статус має бути видимим завжди</p>
</blockquote>
<hr />
<h2 id="2">2. Область робіт<a class="headerlink" href="#2" title="Permanent link">&para;</a></h2>
<h3 id="21-presence-indicators">2.1. Сторінки де потрібні Presence Indicators<a class="headerlink" href="#21-presence-indicators" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Agent List</strong> (<code>/agents</code>) — кожен агент у списку</li>
<li><strong>Agent Cabinet</strong> (<code>/agents/:agentId</code>) — основний статус агента</li>
<li><strong>Node Dashboard</strong> (<code>/nodes/:nodeId</code>) — Node Core Agents (Guardian/Steward)</li>
<li><strong>MicroDAO Dashboard</strong> (<code>/microdao/:slug</code>) — Orchestrator + team agents</li>
<li><strong>City Dashboard</strong> (<code>/city</code>) — civic agents (DAARWIZZ, DARIO, DARIA)</li>
</ol>
<h3 id="22-presence">2.2. Типи Presence<a class="headerlink" href="#22-presence" title="Permanent link">&para;</a></h3>
<h4 id="matrix-presence">Matrix Presence<a class="headerlink" href="#matrix-presence" title="Permanent link">&para;</a></h4>
<ul>
<li><code>online</code> — користувач активний (зелений)</li>
<li><code>unavailable</code> — користувач неактивний &gt;5 хв (жовтий)</li>
<li><code>offline</code> — користувач офлайн (сірий)</li>
</ul>
<h4 id="dagi-router-presence">DAGI Router Presence<a class="headerlink" href="#dagi-router-presence" title="Permanent link">&para;</a></h4>
<ul>
<li><code>healthy</code> — DAGI router відповідає (зелений)</li>
<li><code>degraded</code> — проблеми з router (жовтий)</li>
<li><code>offline</code> — router недоступний (червоний)</li>
</ul>
<hr />
<h2 id="3-backend-implementation">3. Backend Implementation<a class="headerlink" href="#3-backend-implementation" title="Permanent link">&para;</a></h2>
<h3 id="31-presence-api">3.1. Додати Presence API<a class="headerlink" href="#31-presence-api" title="Permanent link">&para;</a></h3>
<p>Додати до <code>services/city-service/routes_city.py</code>:</p>
<div class="codehilite"><pre><span></span><code><span class="nd">@api_router</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s2">&quot;/agents/presence&quot;</span><span class="p">)</span>
<span class="k">async</span> <span class="k">def</span><span class="w"> </span><span class="nf">get_agents_presence</span><span class="p">():</span>
<span class="w"> </span><span class="sd">&quot;&quot;&quot;</span>
<span class="sd"> Отримати presence статус всіх активних агентів.</span>
<span class="sd"> &quot;&quot;&quot;</span>
<span class="k">try</span><span class="p">:</span>
<span class="c1"># Get agents from DB</span>
<span class="n">agents</span> <span class="o">=</span> <span class="k">await</span> <span class="n">repo_city</span><span class="o">.</span><span class="n">list_agents_summaries</span><span class="p">(</span><span class="n">limit</span><span class="o">=</span><span class="mi">1000</span><span class="p">)</span>
<span class="c1"># Get Matrix presence from matrix-presence-aggregator</span>
<span class="n">matrix_presence</span> <span class="o">=</span> <span class="k">await</span> <span class="n">get_matrix_presence_status</span><span class="p">()</span>
<span class="c1"># Get DAGI router health</span>
<span class="n">dagi_health</span> <span class="o">=</span> <span class="k">await</span> <span class="n">get_dagi_router_health</span><span class="p">()</span>
<span class="c1"># Combine data</span>
<span class="n">presence_data</span> <span class="o">=</span> <span class="p">[]</span>
<span class="k">for</span> <span class="n">agent</span> <span class="ow">in</span> <span class="n">agents</span><span class="p">:</span>
<span class="n">matrix_status</span> <span class="o">=</span> <span class="n">matrix_presence</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="n">agent</span><span class="p">[</span><span class="s2">&quot;id&quot;</span><span class="p">],</span> <span class="s2">&quot;offline&quot;</span><span class="p">)</span>
<span class="n">dagi_status</span> <span class="o">=</span> <span class="n">dagi_health</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="n">agent</span><span class="p">[</span><span class="s2">&quot;node_id&quot;</span><span class="p">],</span> <span class="p">{})</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s2">&quot;router_status&quot;</span><span class="p">,</span> <span class="s2">&quot;unknown&quot;</span><span class="p">)</span>
<span class="n">presence_data</span><span class="o">.</span><span class="n">append</span><span class="p">({</span>
<span class="s2">&quot;agent_id&quot;</span><span class="p">:</span> <span class="n">agent</span><span class="p">[</span><span class="s2">&quot;id&quot;</span><span class="p">],</span>
<span class="s2">&quot;matrix_presence&quot;</span><span class="p">:</span> <span class="n">matrix_status</span><span class="p">,</span>
<span class="s2">&quot;dagi_router_presence&quot;</span><span class="p">:</span> <span class="n">dagi_status</span><span class="p">,</span>
<span class="s2">&quot;last_seen&quot;</span><span class="p">:</span> <span class="n">matrix_presence</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="sa">f</span><span class="s2">&quot;</span><span class="si">{</span><span class="n">agent</span><span class="p">[</span><span class="s1">&#39;id&#39;</span><span class="p">]</span><span class="si">}</span><span class="s2">_last_seen&quot;</span><span class="p">),</span>
<span class="s2">&quot;node_id&quot;</span><span class="p">:</span> <span class="n">agent</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s2">&quot;node_id&quot;</span><span class="p">)</span>
<span class="p">})</span>
<span class="k">return</span> <span class="p">{</span><span class="s2">&quot;presence&quot;</span><span class="p">:</span> <span class="n">presence_data</span><span class="p">}</span>
<span class="k">except</span> <span class="ne">Exception</span> <span class="k">as</span> <span class="n">e</span><span class="p">:</span>
<span class="n">logger</span><span class="o">.</span><span class="n">error</span><span class="p">(</span><span class="sa">f</span><span class="s2">&quot;Failed to get agents presence: </span><span class="si">{</span><span class="n">e</span><span class="si">}</span><span class="s2">&quot;</span><span class="p">)</span>
<span class="k">raise</span> <span class="n">HTTPException</span><span class="p">(</span><span class="n">status_code</span><span class="o">=</span><span class="mi">500</span><span class="p">,</span> <span class="n">detail</span><span class="o">=</span><span class="s2">&quot;Failed to get agents presence&quot;</span><span class="p">)</span>
</code></pre></div>
<h3 id="32-presence">3.2. Інтегрувати з існуючими Presence системами<a class="headerlink" href="#32-presence" title="Permanent link">&para;</a></h3>
<p>Використати:
- <code>matrix-presence-aggregator</code> для Matrix presence
- <code>city-service/presence_gateway.py</code> для forwarding
- <code>usePresenceHeartbeat</code> hook для client-side heartbeats</p>
<hr />
<h2 id="4-frontend-implementation">4. Frontend Implementation<a class="headerlink" href="#4-frontend-implementation" title="Permanent link">&para;</a></h2>
<h3 id="41-presence-hook">4.1. Presence Hook<a class="headerlink" href="#41-presence-hook" title="Permanent link">&para;</a></h3>
<p>Створити <code>apps/web/src/hooks/useAgentPresence.ts</code>:</p>
<div class="codehilite"><pre><span></span><code><span class="kd">interface</span><span class="w"> </span><span class="nx">AgentPresence</span><span class="w"> </span><span class="p">{</span>
<span class="w"> </span><span class="nx">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">matrix_presence</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;online&#39;</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="s1">&#39;unavailable&#39;</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="s1">&#39;offline&#39;</span><span class="p">;</span>
<span class="w"> </span><span class="nx">dagi_router_presence</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;healthy&#39;</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="s1">&#39;degraded&#39;</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="s1">&#39;offline&#39;</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="s1">&#39;unknown&#39;</span><span class="p">;</span>
<span class="w"> </span><span class="nx">last_seen?</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">node_id?</span><span class="o">:</span><span class="w"> </span><span class="kt">string</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">export</span><span class="w"> </span><span class="kd">function</span><span class="w"> </span><span class="nx">useAgentPresence</span><span class="p">(</span><span class="nx">agentIds?</span><span class="o">:</span><span class="w"> </span><span class="kt">string</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="nx">presenceData</span><span class="p">,</span><span class="w"> </span><span class="nx">setPresenceData</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">useState</span><span class="o">&lt;</span><span class="nx">Record</span><span class="o">&lt;</span><span class="kt">string</span><span class="p">,</span><span class="w"> </span><span class="nx">AgentPresence</span><span class="o">&gt;&gt;</span><span class="p">({});</span>
<span class="w"> </span><span class="c1">// Fetch presence data</span>
<span class="w"> </span><span class="kd">const</span><span class="w"> </span><span class="nx">fetchPresence</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">useCallback</span><span class="p">(</span><span class="k">async</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
<span class="w"> </span><span class="k">try</span><span class="w"> </span><span class="p">{</span>
<span class="w"> </span><span class="kd">const</span><span class="w"> </span><span class="nx">params</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">agentIds</span><span class="w"> </span><span class="o">?</span><span class="w"> </span><span class="sb">`?agent_ids=</span><span class="si">${</span><span class="nx">agentIds</span><span class="p">.</span><span class="nx">join</span><span class="p">(</span><span class="s1">&#39;,&#39;</span><span class="p">)</span><span class="si">}</span><span class="sb">`</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;&#39;</span><span class="p">;</span>
<span class="w"> </span><span class="kd">const</span><span class="w"> </span><span class="nx">res</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">await</span><span class="w"> </span><span class="nx">fetch</span><span class="p">(</span><span class="sb">`/api/v1/agents/presence</span><span class="si">${</span><span class="nx">params</span><span class="si">}</span><span class="sb">`</span><span class="p">);</span>
<span class="w"> </span><span class="kd">const</span><span class="w"> </span><span class="nx">data</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">await</span><span class="w"> </span><span class="nx">res</span><span class="p">.</span><span class="nx">json</span><span class="p">();</span>
<span class="w"> </span><span class="nx">setPresenceData</span><span class="p">(</span><span class="nx">data</span><span class="p">.</span><span class="nx">presence</span><span class="p">);</span>
<span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="k">catch</span><span class="w"> </span><span class="p">(</span><span class="nx">error</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
<span class="w"> </span><span class="nx">console</span><span class="p">.</span><span class="nx">error</span><span class="p">(</span><span class="s1">&#39;Failed to fetch agent presence:&#39;</span><span class="p">,</span><span class="w"> </span><span class="nx">error</span><span class="p">);</span>
<span class="w"> </span><span class="p">}</span>
<span class="w"> </span><span class="p">},</span><span class="w"> </span><span class="p">[</span><span class="nx">agentIds</span><span class="p">]);</span>
<span class="w"> </span><span class="c1">// Auto-refresh every 30 seconds</span>
<span class="w"> </span><span class="nx">useEffect</span><span class="p">(()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
<span class="w"> </span><span class="nx">fetchPresence</span><span class="p">();</span>
<span class="w"> </span><span class="kd">const</span><span class="w"> </span><span class="nx">interval</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">setInterval</span><span class="p">(</span><span class="nx">fetchPresence</span><span class="p">,</span><span class="w"> </span><span class="mf">30000</span><span class="p">);</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">=&gt;</span><span class="w"> </span><span class="nx">clearInterval</span><span class="p">(</span><span class="nx">interval</span><span class="p">);</span>
<span class="w"> </span><span class="p">},</span><span class="w"> </span><span class="p">[</span><span class="nx">fetchPresence</span><span class="p">]);</span>
<span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="nx">presenceData</span><span class="p">;</span>
<span class="p">}</span>
</code></pre></div>
<h3 id="42-presence-badge-component">4.2. Presence Badge Component<a class="headerlink" href="#42-presence-badge-component" title="Permanent link">&para;</a></h3>
<p>Створити <code>apps/web/src/components/ui/AgentPresenceBadge.tsx</code>:</p>
<div class="codehilite"><pre><span></span><code><span class="kd">interface</span><span class="w"> </span><span class="nx">AgentPresenceBadgeProps</span><span class="w"> </span><span class="p">{</span>
<span class="w"> </span><span class="nx">agentId</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">size</span><span class="o">?:</span><span class="w"> </span><span class="s1">&#39;sm&#39;</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="s1">&#39;md&#39;</span><span class="w"> </span><span class="o">|</span><span class="w"> </span><span class="s1">&#39;lg&#39;</span><span class="p">;</span>
<span class="w"> </span><span class="nx">showLabel?</span><span class="o">:</span><span class="w"> </span><span class="kt">boolean</span><span class="p">;</span>
<span class="w"> </span><span class="nx">className?</span><span class="o">:</span><span class="w"> </span><span class="kt">string</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">export</span><span class="w"> </span><span class="kd">function</span><span class="w"> </span><span class="nx">AgentPresenceBadge</span><span class="p">({</span>
<span class="w"> </span><span class="nx">agentId</span><span class="p">,</span>
<span class="w"> </span><span class="nx">size</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s1">&#39;sm&#39;</span><span class="p">,</span>
<span class="w"> </span><span class="nx">showLabel</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span>
<span class="w"> </span><span class="nx">className</span>
<span class="p">}</span><span class="o">:</span><span class="w"> </span><span class="nx">AgentPresenceBadgeProps</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="nx">presenceData</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">useAgentPresence</span><span class="p">([</span><span class="nx">agentId</span><span class="p">]);</span>
<span class="w"> </span><span class="kd">const</span><span class="w"> </span><span class="nx">presence</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">presenceData</span><span class="p">[</span><span class="nx">agentId</span><span class="p">];</span>
<span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="o">!</span><span class="nx">presence</span><span class="p">)</span><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="kc">null</span><span class="p">;</span>
<span class="w"> </span><span class="kd">const</span><span class="w"> </span><span class="nx">getStatusInfo</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">=&gt;</span><span class="w"> </span><span class="p">{</span>
<span class="w"> </span><span class="kd">const</span><span class="w"> </span><span class="nx">matrixStatus</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">presence</span><span class="p">.</span><span class="nx">matrix_presence</span><span class="p">;</span>
<span class="w"> </span><span class="kd">const</span><span class="w"> </span><span class="nx">dagiStatus</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">presence</span><span class="p">.</span><span class="nx">dagi_router_presence</span><span class="p">;</span>
<span class="w"> </span><span class="c1">// Priority: Matrix status, then DAGI status</span>
<span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="nx">matrixStatus</span><span class="w"> </span><span class="o">===</span><span class="w"> </span><span class="s1">&#39;online&#39;</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
<span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">color</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;bg-emerald-500&#39;</span><span class="p">,</span><span class="w"> </span><span class="nx">label</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;Online&#39;</span><span class="w"> </span><span class="p">};</span>
<span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="nx">matrixStatus</span><span class="w"> </span><span class="o">===</span><span class="w"> </span><span class="s1">&#39;unavailable&#39;</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
<span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">color</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;bg-amber-500&#39;</span><span class="p">,</span><span class="w"> </span><span class="nx">label</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;Away&#39;</span><span class="w"> </span><span class="p">};</span>
<span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="nx">dagiStatus</span><span class="w"> </span><span class="o">===</span><span class="w"> </span><span class="s1">&#39;healthy&#39;</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
<span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">color</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;bg-blue-500&#39;</span><span class="p">,</span><span class="w"> </span><span class="nx">label</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;Healthy&#39;</span><span class="w"> </span><span class="p">};</span>
<span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="nx">dagiStatus</span><span class="w"> </span><span class="o">===</span><span class="w"> </span><span class="s1">&#39;degraded&#39;</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
<span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">color</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;bg-orange-500&#39;</span><span class="p">,</span><span class="w"> </span><span class="nx">label</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;Degraded&#39;</span><span class="w"> </span><span class="p">};</span>
<span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="nx">dagiStatus</span><span class="w"> </span><span class="o">===</span><span class="w"> </span><span class="s1">&#39;offline&#39;</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
<span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">color</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;bg-red-500&#39;</span><span class="p">,</span><span class="w"> </span><span class="nx">label</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;Offline&#39;</span><span class="w"> </span><span class="p">};</span>
<span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span>
<span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">color</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;bg-gray-500&#39;</span><span class="p">,</span><span class="w"> </span><span class="nx">label</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;Unknown&#39;</span><span class="w"> </span><span class="p">};</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="nx">statusInfo</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">getStatusInfo</span><span class="p">();</span>
<span class="w"> </span><span class="kd">const</span><span class="w"> </span><span class="nx">sizeClasses</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span>
<span class="w"> </span><span class="nx">sm</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;w-2 h-2&#39;</span><span class="p">,</span>
<span class="w"> </span><span class="nx">md</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;w-3 h-3&#39;</span><span class="p">,</span>
<span class="w"> </span><span class="nx">lg</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;w-4 h-4&#39;</span>
<span class="w"> </span><span class="p">};</span>
<span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="p">(</span>
<span class="w"> </span><span class="o">&lt;</span><span class="nx">div</span><span class="w"> </span><span class="nx">className</span><span class="o">=</span><span class="p">{</span><span class="nx">cn</span><span class="p">(</span><span class="s1">&#39;flex items-center gap-1.5&#39;</span><span class="p">,</span><span class="w"> </span><span class="nx">className</span><span class="p">)}</span><span class="o">&gt;</span>
<span class="w"> </span><span class="o">&lt;</span><span class="nx">div</span><span class="w"> </span><span class="nx">className</span><span class="o">=</span><span class="p">{</span><span class="nx">cn</span><span class="p">(</span>
<span class="w"> </span><span class="s1">&#39;rounded-full border border-white/20&#39;</span><span class="p">,</span>
<span class="w"> </span><span class="nx">sizeClasses</span><span class="p">[</span><span class="nx">size</span><span class="p">],</span>
<span class="w"> </span><span class="nx">statusInfo</span><span class="p">.</span><span class="nx">color</span>
<span class="w"> </span><span class="p">)}</span><span class="w"> </span><span class="o">/&gt;</span>
<span class="w"> </span><span class="p">{</span><span class="nx">showLabel</span><span class="w"> </span><span class="o">&amp;&amp;</span><span class="w"> </span><span class="p">(</span>
<span class="w"> </span><span class="o">&lt;</span><span class="nx">span</span><span class="w"> </span><span class="nx">className</span><span class="o">=</span><span class="s2">&quot;text-xs text-white/70&quot;</span><span class="o">&gt;</span><span class="p">{</span><span class="nx">statusInfo</span><span class="p">.</span><span class="nx">label</span><span class="p">}</span><span class="o">&lt;</span><span class="err">/span&gt;</span>
<span class="w"> </span><span class="p">)}</span>
<span class="w"> </span><span class="o">&lt;</span><span class="err">/div&gt;</span>
<span class="w"> </span><span class="p">);</span>
<span class="p">}</span>
</code></pre></div>
<h3 id="43-agent-cards">4.3. Інтеграція в Agent Cards<a class="headerlink" href="#43-agent-cards" title="Permanent link">&para;</a></h3>
<p>Додати Presence Badge до <code>apps/web/src/components/agent/AgentCard.tsx</code>:</p>
<div class="codehilite"><pre><span></span><code><span class="c1">// Inside AgentCard component</span>
<span class="o">&lt;</span><span class="nx">AgentPresenceBadge</span>
<span class="w"> </span><span class="nx">agentId</span><span class="o">=</span><span class="p">{</span><span class="nx">agent</span><span class="p">.</span><span class="nx">id</span><span class="p">}</span>
<span class="w"> </span><span class="nx">size</span><span class="o">=</span><span class="s2">&quot;sm&quot;</span>
<span class="w"> </span><span class="nx">showLabel</span><span class="o">=</span><span class="p">{</span><span class="kc">false</span><span class="p">}</span>
<span class="w"> </span><span class="nx">className</span><span class="o">=</span><span class="s2">&quot;absolute top-2 right-2&quot;</span>
<span class="err">/&gt;</span>
</code></pre></div>
<hr />
<h2 id="5-acceptance-criteria">5. Acceptance Criteria<a class="headerlink" href="#5-acceptance-criteria" title="Permanent link">&para;</a></h2>
<ol>
<li><strong>Agent List</strong> (<code>/agents</code>)</li>
<li>Кожен агент має presence indicator у правому верхньому куті аватара</li>
<li>Зеленый = online, Жовтий = away, Сірий = offline</li>
<li>
<p>Індикатор оновлюється в реальному часі</p>
</li>
<li>
<p><strong>Agent Cabinet</strong> (<code>/agents/:agentId</code>)</p>
</li>
<li>Великий presence badge у заголовку</li>
<li>Показує обидва статуси: Matrix + DAGI Router</li>
<li>
<p>Індикатор "Last seen: 5 min ago"</p>
</li>
<li>
<p><strong>Node Dashboard</strong> (<code>/nodes/:nodeId</code>)</p>
</li>
<li>Guardian/Steward агенти мають presence indicators</li>
<li>
<p>Показується DAGI router статус ноди</p>
</li>
<li>
<p><strong>MicroDAO Dashboard</strong> (<code>/microdao/:slug</code>)</p>
</li>
<li>Orchestrator агент має presence indicator</li>
<li>
<p>Team agents мають presence indicators</p>
</li>
<li>
<p><strong>Real-time Updates</strong></p>
</li>
<li>Presence оновлюється автоматично кожні 30 секунд</li>
<li>Не блокує рендеринг якщо API недоступне</li>
</ol>
<hr />
<h2 id="6">6. Файли до створення<a class="headerlink" href="#6" title="Permanent link">&para;</a></h2>
<h3 id="backend">Backend<a class="headerlink" href="#backend" title="Permanent link">&para;</a></h3>
<ul>
<li><code>services/city-service/routes_presence.py</code> — presence API endpoints</li>
<li>Інтеграція з <code>matrix-presence-aggregator</code></li>
<li>Інтеграція з DAGI router health checks</li>
</ul>
<h3 id="frontend">Frontend<a class="headerlink" href="#frontend" title="Permanent link">&para;</a></h3>
<ul>
<li><code>apps/web/src/hooks/useAgentPresence.ts</code> — presence hook</li>
<li><code>apps/web/src/components/ui/AgentPresenceBadge.tsx</code> — presence badge component</li>
<li>Інтеграція в усі agent-related компоненти</li>
</ul>
<h3 id="_1">Конфігурація<a class="headerlink" href="#_1" title="Permanent link">&para;</a></h3>
<ul>
<li>Додати presence API до Next.js rewrites</li>
<li>Оновити presence gateway для forwarding agent presence</li>
</ul>
<hr />
<h2 id="7">7. Тестування<a class="headerlink" href="#7" title="Permanent link">&para;</a></h2>
<div class="codehilite"><pre><span></span><code><span class="c1"># Перевірити API</span>
curl<span class="w"> </span>https://daarion.space/api/v1/agents/presence
<span class="c1"># Перевірити UI</span>
<span class="c1"># Відкрити /agents - подивитися на presence indicators</span>
<span class="c1"># Відкрити /agents/daarwizz - подивитися на великий badge</span>
<span class="c1"># Відкрити /nodes/node-1-hetzner-gex44 - presence для Guardian</span>
</code></pre></div>
<hr />
<h2 id="8-mvp">8. Подальше розширення (не в цьому MVP)<a class="headerlink" href="#8-mvp" title="Permanent link">&para;</a></h2>
<ul>
<li>Agent typing indicators у кімнатах</li>
<li>Agent "working on task" статус</li>
<li>Presence history &amp; analytics</li>
<li>Push notifications для presence changes</li>
<li>Agent availability scheduling</li>
</ul>
<hr />
<p><strong>Target Date</strong>: Today
<strong>Priority</strong>: High (core UX improvement)
<strong>Dependencies</strong>: Matrix presence aggregator, DAGI router health API</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>