Files
microdao-daarion/site/tasks/TASK_PHASE_CITY_MVP/index.html

892 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/TASK_PHASE_CITY_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_CITY_MVP.md - 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_city_mvpmd" 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_CITY_MVP.md
</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="#0" class="md-nav__link">
<span class="md-ellipsis">
0. Ціль
</span>
</a>
</li>
<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-api-endpoints" class="md-nav__link">
<span class="md-ellipsis">
2. API endpoints (створити або доопрацювати)
</span>
</a>
<nav class="md-nav" aria-label="2. API endpoints (створити або доопрацювати)">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#public-rooms" class="md-nav__link">
<span class="md-ellipsis">
Public Rooms:
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#city-feed" class="md-nav__link">
<span class="md-ellipsis">
City Feed:
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#presence" class="md-nav__link">
<span class="md-ellipsis">
Presence:
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#second-me" class="md-nav__link">
<span class="md-ellipsis">
Second Me:
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#living-map" class="md-nav__link">
<span class="md-ellipsis">
Living Map:
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#3" class="md-nav__link">
<span class="md-ellipsis">
3. Функціонал
</span>
</a>
<nav class="md-nav" aria-label="3. Функціонал">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#31-city-home" class="md-nav__link">
<span class="md-ellipsis">
3.1 City Home
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#32-public-rooms" class="md-nav__link">
<span class="md-ellipsis">
3.2 Public Rooms
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#33-city-feed" class="md-nav__link">
<span class="md-ellipsis">
3.3 City Feed
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#34-presence" class="md-nav__link">
<span class="md-ellipsis">
3.4 Presence
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#35-second-me-stub" class="md-nav__link">
<span class="md-ellipsis">
3.5 Second Me (stub)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#36-living-map" class="md-nav__link">
<span class="md-ellipsis">
3.6 Living Map
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#4-acceptance-criteria" class="md-nav__link">
<span class="md-ellipsis">
4. Acceptance Criteria
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#5-cursor" class="md-nav__link">
<span class="md-ellipsis">
5. Команда до Cursor
</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_city_mvpmd">TASK_PHASE_CITY_MVP.md<a class="headerlink" href="#task_phase_city_mvpmd" title="Permanent link">&para;</a></h1>
<p>DAARION CITY — MVP</p>
<h2 id="0">0. Ціль<a class="headerlink" href="#0" title="Permanent link">&para;</a></h2>
<p>Створити перший живий MVP DAARION City:</p>
<ul>
<li>City Home</li>
<li>Public Rooms (райони)</li>
<li>City Feed</li>
<li>Presence System</li>
<li>Second Me (stub)</li>
<li>Living Map (2D JSON)</li>
</ul>
<hr />
<h2 id="1">1. Структура фронту<a class="headerlink" href="#1" title="Permanent link">&para;</a></h2>
<div class="codehilite"><pre><span></span><code>app/city/
layout.tsx
page.tsx
feed/
rooms/
presence/
second-me/
map/
</code></pre></div>
<hr />
<h2 id="2-api-endpoints">2. API endpoints (створити або доопрацювати)<a class="headerlink" href="#2-api-endpoints" title="Permanent link">&para;</a></h2>
<h3 id="public-rooms">Public Rooms:<a class="headerlink" href="#public-rooms" title="Permanent link">&para;</a></h3>
<ul>
<li>GET <code>/city/rooms</code></li>
<li>POST <code>/city/rooms</code></li>
<li>GET <code>/city/rooms/{id}</code></li>
</ul>
<h3 id="city-feed">City Feed:<a class="headerlink" href="#city-feed" title="Permanent link">&para;</a></h3>
<ul>
<li>GET <code>/city/feed</code></li>
<li>POST <code>/city/feed</code></li>
</ul>
<h3 id="presence">Presence:<a class="headerlink" href="#presence" title="Permanent link">&para;</a></h3>
<ul>
<li>WS <code>/ws/city/presence</code></li>
</ul>
<h3 id="second-me">Second Me:<a class="headerlink" href="#second-me" title="Permanent link">&para;</a></h3>
<ul>
<li>POST <code>/secondme/invoke</code></li>
<li>GET <code>/secondme/profile</code></li>
</ul>
<h3 id="living-map">Living Map:<a class="headerlink" href="#living-map" title="Permanent link">&para;</a></h3>
<ul>
<li>GET <code>/city/map</code></li>
<li>POST <code>/city/map/update</code></li>
</ul>
<hr />
<h2 id="3">3. Функціонал<a class="headerlink" href="#3" title="Permanent link">&para;</a></h2>
<h3 id="31-city-home">3.1 City Home<a class="headerlink" href="#31-city-home" title="Permanent link">&para;</a></h3>
<ul>
<li>списки районів</li>
<li>live online count</li>
<li>city metrics (stub)</li>
</ul>
<h3 id="32-public-rooms">3.2 Public Rooms<a class="headerlink" href="#32-public-rooms" title="Permanent link">&para;</a></h3>
<ul>
<li>як канали microDAO, але загальноміські</li>
<li>WS-чат</li>
<li>метрики присутності</li>
</ul>
<h3 id="33-city-feed">3.3 City Feed<a class="headerlink" href="#33-city-feed" title="Permanent link">&para;</a></h3>
<ul>
<li>пости + коментарі (спрощено)</li>
<li>push notifications (stub)</li>
</ul>
<h3 id="34-presence">3.4 Presence<a class="headerlink" href="#34-presence" title="Permanent link">&para;</a></h3>
<ul>
<li>WS presence heartbeat</li>
<li>avatars grid</li>
</ul>
<h3 id="35-second-me-stub">3.5 Second Me (stub)<a class="headerlink" href="#35-second-me-stub" title="Permanent link">&para;</a></h3>
<ul>
<li>одне поле prompt → простий LLM call</li>
<li>Зберігати 5 останніх контекстів</li>
</ul>
<h3 id="36-living-map">3.6 Living Map<a class="headerlink" href="#36-living-map" title="Permanent link">&para;</a></h3>
<ul>
<li>JSON-шари:</li>
</ul>
<div class="codehilite"><pre><span></span><code><span class="p">{</span>
<span class="w"> </span><span class="nt">&quot;nodes&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">[],</span>
<span class="w"> </span><span class="nt">&quot;blocks&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">[],</span>
<span class="w"> </span><span class="nt">&quot;agents&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">[],</span>
<span class="w"> </span><span class="nt">&quot;events&quot;</span><span class="p">:</span><span class="w"> </span><span class="p">[]</span>
<span class="p">}</span>
</code></pre></div>
<hr />
<h2 id="4-acceptance-criteria">4. Acceptance Criteria<a class="headerlink" href="#4-acceptance-criteria" title="Permanent link">&para;</a></h2>
<ul>
<li>City Home працює </li>
<li>Public Rooms доступні </li>
<li>Feed оновлюється </li>
<li>Presence працює </li>
<li>Second Me відповідає </li>
<li>Map видно </li>
</ul>
<hr />
<h2 id="5-cursor">5. Команда до Cursor<a class="headerlink" href="#5-cursor" title="Permanent link">&para;</a></h2>
<p><strong>"Створити DAARION City MVP згідно TASK_PHASE_CITY_MVP.md"</strong></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>