Командный центр

Что внутри

Правило плотности 4±1 в фокусе: клик по кругу перестраивает карту, прежний центр уезжает в угол как «назад».

Концепт первого дня

Картинка появилась раньше смыслов: сначала увидеть, потом проектировать.

сфер жизни

Работа, свой проект, здоровье, семья, финансы, развитие, отдых.

Чат с брифом

Агент получает уровень, путь на карте, стадию, срок, состав задач и роль по сфере.

Живые агенты

Пульс кольца, терминал с логом, «ждёт меня» и просрочка видны сразу.

Три механики

Варианты A, B, C переключаются в шапке и сравниваются на одних данных.

Как устроено

Браузер говорит с сервером центра на протоколе AI SDK, сервер направляет ход в сессию агента по ключу круга.

flowchart LR
  M[web/index.html<br/>карта SVG + JS] -->|mountTaskChat| I[остров React<br/>useChat + Prompt Input]
  I -->|POST /api/chat<br/>id, kind, title, path, brief| S[server/ Hono<br/>127.0.0.1:18790]
  S -->|системный бриф + роль сферы| G[OpenClaw gateway<br/>/v1/chat/completions]
  G -->|x-openclaw-session-key<br/>agent:main:cc:id| SES[(сессия круга)]
  S -->|WS chat.history| G
  SES --> S --> I

ViteReactshadcn/uiHonoVercel AI SDKOpenClawSVGlaunchd

Экраны

Настоящие данные; названия компаний и брендов заменены.

Центр: семь сфер, агенты, телеметрия, дедлайны

Сфера в фокусе: проекты вокруг, задачи спутниками

Задача: прогресс, стадия, живой терминал агента

Что было сложного

Control UI платформы нельзя встроить во фрейм

Шлюз отдаёт X-Frame-Options: DENY. Чат сделан свой, поверх OpenAI-совместимого эндпоинта и RPC истории.

Чат должен знать, где он на карте

Бриф круга уходит системным сообщением на каждом ходу, память при этом одна на всех уровнях.

Слишком много на экране

Исследование плотности дало правило 4±1 в фокусе и сколько угодно спящих узлов.