@unson/brainbase-mcp 0.44.0 → 0.44.2

package/ui/world/world-canvas-ui.js

@@ -5,11 +5,13 @@
  * unanchored:true omits the pointer for a real record without a drawable lot.
  */
 
+import { workspaceNotificationCard } from '../../workspace-kit.js';
+
 const SKY_MODES = Object.freeze([
-  { value: 'auto', label: '時刻に合わせる', icon: '◷' },
-  { value: 'day', label: '昼', icon: '☀' },
-  { value: 'dusk', label: '夕方', icon: '◒' },
-  { value: 'night', label: '夜', icon: '☾' },
+  { value: 'auto', label: '自動（現在時刻）', icon: '<circle cx="12" cy="12" r="8.5"/><path d="M12 7.5v5l3 1.8"/>' },
+  { value: 'day', label: '昼', icon: '<circle cx="12" cy="12" r="5" fill="currentColor" fill-opacity=".12"/><path d="M12 2v2m0 16v2M2 12h2m16 0h2M4.9 4.9l1.4 1.4m11.4 11.4 1.4 1.4M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/><path d="M10 12h.01M14 12h.01m-4 2.5q2 1.6 4 0"/>' },
+  { value: 'dusk', label: '夕方', icon: '<path d="M5.5 13a6.5 6.5 0 0 1 13 0" fill="currentColor" fill-opacity=".12"/><path d="M12 2v2M3.5 5.5 5 7m15.5-1.5L19 7M2 13h20M3 17q3-2 6 0t6 0 6 0M6 21q3-2 6 0t6 0"/>' },
+  { value: 'night', label: '夜', icon: '<path d="M19.5 15.5A8.5 8.5 0 0 1 8.5 4.5a8.5 8.5 0 1 0 11 11Z" fill="currentColor" fill-opacity=".12"/><path d="m18 3 .7 2.3L21 6l-2.3.7L18 9l-.7-2.3L15 6l2.3-.7ZM22 11h.01"/>' },
 ]);
 const CLOSE_DELAY = 220;
 let instanceId = 0;
@@ -57,7 +59,6 @@ export function createWorldCanvasUI({
   let taskOpen = false;
   let taskAnchor = null;
   let helpOpen = false;
-  let skyOpen = false;
   let skyMode = 'auto';
   let businesses = new Set();
   let overlayOrder = [];
@@ -138,10 +139,7 @@ export function createWorldCanvasUI({
   const reset = button('bb-world-canvas-control bb-world-canvas-reset', '世界全体に戻る', '全体に戻る');
   const city = element('select', 'bb-world-canvas-control bb-world-canvas-city', null, { 'aria-label': '都市を選ぶ' });
   const sky = button('bb-world-canvas-control bb-world-canvas-sky', '空：時刻に合わせる', '');
-  sky.setAttribute('aria-haspopup', 'menu');
-  sky.setAttribute('aria-expanded', 'false');
-  sky.setAttribute('aria-controls', `${id}-sky`);
-  const skyIcon = element('span', 'bb-world-canvas-sky-icon', SKY_MODES[0].icon, { 'aria-hidden': 'true' });
+  const skyIcon = element('span', 'bb-world-canvas-sky-icon', '', { 'aria-hidden': 'true' });
   sky.append(skyIcon);
   toolbar.append(reset, city, sky);
   const contextRoot = element('div', 'bb-world-canvas-context', null, {
@@ -153,22 +151,7 @@ export function createWorldCanvasUI({
   const contextNextAction = element('p', 'bb-world-canvas-context-next-action', worldContext.unavailableCity, {
     'data-world-context': 'next-action',
   });
-  contextRoot.append(contextPurpose, contextNextAction);
-  const skyMenu = element('div', 'bb-world-canvas-sky-menu', null, { id: `${id}-sky`, role: 'menu', 'aria-label': '空の時間帯' });
-  skyMenu.hidden = true;
-  const skyOptions = SKY_MODES.map((mode) => {
-    const option = button('bb-world-canvas-sky-option', mode.label);
-    option.setAttribute('role', 'menuitemradio');
-    option.setAttribute('aria-checked', String(mode.value === skyMode));
-    option.setAttribute('tabindex', '-1');
-    listen(option, 'click', () => {
-      setSky(mode.value);
-      closeSky(true);
-      onSky?.(mode.value);
-    });
-    skyMenu.append(option);
-    return option;
-  });
+  contextRoot.append(contextNextAction);
   const quests = element('div', 'bb-world-canvas-quests', null, { 'aria-live': 'polite', 'aria-label': '確認が必要なこと' });
 
   const edge = button('bb-world-canvas-edge', '都市の詳細を開く', '');
@@ -203,7 +186,7 @@ export function createWorldCanvasUI({
   const notes = element('div', 'bb-world-canvas-notes');
   helpBody.append(helpContent, notes);
   help.append(helpTop, helpBody);
-  root.append(toolbar, contextRoot, skyMenu, quests, edge, rail, task, helpButton, help);
+  root.append(toolbar, contextRoot, quests, edge, rail, task, helpButton, help);
   stage.append(root);
 
   function setCities(items = [], selectedCode = null) {
@@ -222,6 +205,7 @@ export function createWorldCanvasUI({
     }
     city.replaceChildren(...options);
     city.disabled = businesses.size === 0;
+    contextRoot.hidden = businesses.size > 0;
     contextNextAction.textContent = businesses.size === 0
       ? worldContext.unavailableCity
       : worldContext.knownCityAction;
@@ -236,27 +220,12 @@ export function createWorldCanvasUI({
     const match = SKY_MODES.find((entry) => entry.value === mode);
     if (!match) return;
     skyMode = mode;
-    skyIcon.textContent = match.icon;
-    sky.setAttribute('aria-label', `空：${match.label}`);
-    sky.setAttribute('title', `空：${match.label}`);
-    skyOptions.forEach((option, index) => option.setAttribute('aria-checked', String(SKY_MODES[index].value === mode)));
-  }
-  function openSky() {
-    if (disposed) return;
-    skyOpen = true;
-    skyMenu.hidden = false;
-    sky.setAttribute('aria-expanded', 'true');
-    activate('sky', skyMenu);
-    focus(skyOptions[SKY_MODES.findIndex((entry) => entry.value === skyMode)]);
-  }
-  function closeSky(restoreFocus = false) {
-    if (!skyOpen) return;
-    const shouldRestore = restoreFocus && focusedWithin(skyMenu);
-    skyOpen = false;
-    skyMenu.hidden = true;
-    sky.setAttribute('aria-expanded', 'false');
-    forget('sky');
-    if (shouldRestore) focus(sky);
+    // Artwork is fixed code, never host data. Native button activation covers Enter/Space.
+    skyIcon.innerHTML = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${match.icon}</svg>`;
+    const next = SKY_MODES[(SKY_MODES.indexOf(match) + 1) % SKY_MODES.length];
+    const label = `空：${match.label}。次は${next.label}`;
+    sky.setAttribute('aria-label', label);
+    sky.setAttribute('title', label);
   }
   function cancelRailTimer() {
     if (railTimer != null) clearTimeout(railTimer);
@@ -397,10 +366,10 @@ export function createWorldCanvasUI({
     // A quest is a way down (a link already checked by the caller, or an action in this page) and then the
     // whole row is pressable; without one it is drawn flat, so it never looks pressable (story-world-clickable-honesty-v1).
     const way = link?.href ? 'link' : typeof action?.onClick === 'function' ? 'action' : null;
-    const quest = element('p', `bb-world-canvas-quest ${way ? 'has-way' : 'is-static'}`);
-    const icon = tone === 'attention' || tone === 'warning' ? '!' : 'i';
+    const quest = workspaceNotificationCard(doc, { tag: 'p', tone, className: `bb-world-canvas-quest ${way ? 'has-way' : 'is-static'}` });
+    const icon = ['attention', 'warning', 'danger'].includes(tone) ? '!' : 'i';
     quest.append(
-      element('span', 'bb-world-canvas-quest-symbol', icon, { 'aria-hidden': 'true' }),
+      element('span', 'bb-world-canvas-quest-symbol bb-ws-notification-symbol', icon, { 'aria-hidden': 'true' }),
       element('span', 'bb-world-canvas-quest-text', summary.trim()),
     );
     // The accessible name contains the unabridged summary even when visual text
@@ -428,38 +397,23 @@ export function createWorldCanvasUI({
     // A selected task outside the camera is not a visible overlay to dismiss.
     const name = [...overlayOrder].reverse().find((entry) => entry !== 'task' || !task.hidden);
     if (!name) return false;
-    if (name === 'sky') closeSky(true);
-    else if (name === 'help') closeHelp();
+    if (name === 'help') closeHelp();
     else if (name === 'rail') closeRail();
     else if (name === 'task') dismissTask();
     return true;
   }
 
   listen(reset, 'click', () => {
-    closeSky();
     closeHelp();
     closeRail();
     closeTask();
     onReset?.();
   });
   listen(city, 'change', () => { if (businesses.has(city.value)) onCity?.(city.value); });
-  listen(sky, 'click', () => { if (skyOpen) closeSky(); else openSky(); });
-  listen(sky, 'keydown', (event) => {
-    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') { event.preventDefault(); openSky(); }
-  });
-  listen(skyMenu, 'keydown', (event) => {
-    let index = skyOptions.indexOf(doc.activeElement);
-    if (event.key === 'ArrowDown') index = (index + 1) % skyOptions.length;
-    else if (event.key === 'ArrowUp') index = (index - 1 + skyOptions.length) % skyOptions.length;
-    else if (event.key === 'Home') index = 0;
-    else if (event.key === 'End') index = skyOptions.length - 1;
-    else if (event.key === 'Tab') { closeSky(true); return; }
-    else return;
-    event.preventDefault();
-    focus(skyOptions[index]);
-  });
-  listen(skyMenu, 'focusout', (event) => {
-    if (!skyMenu.contains(event.relatedTarget) && event.relatedTarget !== sky) closeSky();
+  listen(sky, 'click', () => {
+    const next = SKY_MODES[(SKY_MODES.findIndex(entry => entry.value === skyMode) + 1) % SKY_MODES.length];
+    setSky(next.value);
+    onSky?.(next.value);
   });
   for (const target of [edge, rail]) {
     listen(target, 'pointerenter', railEnter);
@@ -493,10 +447,11 @@ export function createWorldCanvasUI({
   observer?.observe(stage);
   observer?.observe(taskBody);
   setCities([]);
+  setSky(skyMode);
 
   return {
     setCities, setCity, setSky, showRail, openRail, showTask, closeTask, setTaskAnchor,
-    setHelp(nodes) { if (!disposed) helpContent.replaceChildren(...nodeList(nodes)); },
+    setHelp(nodes) { if (!disposed) helpContent.replaceChildren(contextPurpose, element('p', '', worldContext.knownCityAction), ...nodeList(nodes)); },
     addNote, clearNotes, dismissOverlay,
     dispose() {
       if (disposed) return;

package/ui/world/world-district.js

@@ -20,7 +20,7 @@
  */
 
 import { THREE, MapControls } from './world-vendor.js';
-import { DISTRICT_STREETS, districtGroundPlan, districtStage, districtStreetLots, skyAt } from './world-placement.js';
+import { DISTRICT_STREETS, districtTaskActors, districtGroundPlan, districtStage, districtStreetLots, skyAt } from './world-placement.js';
 import { canvasTexture, drawFacade, FACADE_SIZES, FACADE_UNITS, gableRoof, hashUnit, paintVertices, roundedPlate, valueNoise } from './world-scenery.js';
 import { makeWorkspaceElement as el } from '../../workspace-kit.js';
 import { attentionSignText } from './world-exits.js';
@@ -46,7 +46,7 @@ export const DISTRICT_LEGEND = Object.freeze([
   ['is-stakes', '杭と縄の空き地＝未着手（記録上）'],
   ['is-house', '明かりのついた家＝完了して、出典・成果の記録がある（本設の建物）'],
   ['is-prefab', 'プレハブ＝完了したが、出典・成果の記録が無い'],
-  ['is-worker', 'ヘルメットの人＝担当欄の担当'],
+  ['is-worker', 'ヘルメットの人＝記録された担当。緑はAI担当、動きは進行中Taskと現在の稼働証跡が一致したときだけ'],
   ['is-empty', '誰もいない現場＝担当の記録なし'],
   ['is-outside', '柵の外の人（破線の輪）＝本文にだけ名前がある'],
   ['is-nopath', '通りへの道が無い＝出典リンクなし'],
@@ -397,6 +397,7 @@ export function createDistrictView({ doc, stage, reducedMotion = false, focusSel
   }
 
   // --- people (records: worker, person named in the text; atmosphere: walkers) ---------------------
+  const taskActors = [];
   function person(clothes, { helmet = false } = {}) {
     const group = new THREE.Group();
     group.add(mesh(new THREE.CapsuleGeometry(0.2, 0.46, 4, 10), material(clothes), { y: 0.5 }));
@@ -527,6 +528,12 @@ export function createDistrictView({ doc, stage, reducedMotion = false, focusSel
       worker.position.set(0.55, 0.06, 0.55);
       group.add(worker);
     }
+    districtTaskActors(site).forEach((actor, index) => {
+      const worker = person(0x2f9c8b, { helmet: true });
+      worker.position.set(-0.5 + index * 0.55, 0.06, 0.35);
+      group.add(worker);
+      taskActors.push({ worker, x: worker.position.x, moving: actor.moving, heartbeatAt: actor.activity?.heartbeat_at, phase: hash(actor.id + site.task_id) });
+    });
     if (named && status !== 'completed') {
       const outside = person(0x6b5b95);
       outside.position.set(-0.95, 0, half + 0.65);
@@ -682,6 +689,7 @@ export function createDistrictView({ doc, stage, reducedMotion = false, focusSel
     scene.add(root);
     root.add(selectionRing);
     const readable = work?.status === 'ok' && (work.reads.tasks.state === 'complete' || work.reads.tasks.state === 'partial');
+    taskActors.length = 0;
     const shown = readable ? work.sites.filter((site) => site.work.status !== 'cancelled') : [];
     const layout = districtStreetLots(shown.map((site) => ({ task_id: site.task_id, created_at: site.work.created_at, purpose_label: site.purpose_label })));
     const L = layout.length;
@@ -850,7 +858,8 @@ export function createDistrictView({ doc, stage, reducedMotion = false, focusSel
       root.add(group);
       lots.set(site.task_id, group);
       const title = site.title.length > 15 ? `${site.title.slice(0, 14)}…` : site.title;
-      addLabel(title, new THREE.Vector3(lot.x, 2.6, lot.z), `is-site${site.gaps.length ? ' is-check' : ''}`, { owner: group, near: 15, priority: 6 });
+      const actorNames = districtTaskActors(site).map(actor => actor.name).join('・');
+      addLabel(actorNames ? `${title} / ${actorNames}` : title, new THREE.Vector3(lot.x, 2.6, lot.z), `is-site${site.gaps.length ? ' is-check' : ''}`, { owner: group, near: 15, priority: 6 });
     }
     // Atmosphere: walkers on the sidewalks and back streets, smoke from chimneys (no record behind them).
     const routes = [-1.55, 1.55, -DISTRICT_STREETS.backStreet + 0.6, DISTRICT_STREETS.backStreet - 0.6];
@@ -1074,6 +1083,12 @@ export function createDistrictView({ doc, stage, reducedMotion = false, focusSel
     }
     if (!reducedMotion) {
       const seconds = time / 1000;
+      for (const actor of taskActors) {
+        const age = Date.now() - Date.parse(actor.heartbeatAt ?? '');
+        if (!actor.moving || !Number.isFinite(age) || age < 0 || age > 300000) continue;
+        actor.worker.position.set(actor.x + Math.sin(seconds * 1.4 + actor.phase) * 0.12, 0.06 + Math.abs(Math.sin(seconds * 3 + actor.phase)) * 0.025, 0.35);
+        actor.worker.rotation.y = Math.sin(seconds * 1.4 + actor.phase) * 0.3;
+      }
       for (const walker of walkers) {
         const { x, from, to, speed, phase } = walker.userData;
         const span = to - from;

package/ui/world/world-placement.js

@@ -313,3 +313,16 @@ export function districtStage(sites) {
     next: following ? { label: following.label, needed: following.min - permanent } : null,
   };
 }
+
+/** Optional host-supplied actors. Movement needs current host-confirmed runtime evidence and an in-progress Task. */
+export function districtTaskActors(site, now = Date.now()) {
+  if (site?.actors_state !== 'confirmed' || !Array.isArray(site.actors)) return [];
+  const seen = new Set();
+  return site.actors.filter(actor => {
+    if (!actor || typeof actor.id !== 'string' || !actor.id || typeof actor.name !== 'string' || !actor.name || actor.task_id !== site.task_id || actor.state !== site.work?.status || seen.has(actor.id)) return false;
+    seen.add(actor.id); return true;
+  }).map(actor => {
+    const age = now - Date.parse(actor.activity?.heartbeat_at ?? '');
+    return { ...actor, moving: site.work.status === 'in_progress' && actor.activity?.moving === true && actor.activity?.state === 'running' && Number.isFinite(age) && age >= 0 && age <= 300000 };
+  });
+}

package/ui/world/world-work-rail.js

@@ -8,6 +8,8 @@
  * different marks.  Nothing here writes; corrections go to the host's own task screen.
  */
 
+import { districtTaskActors } from './world-placement.js';
+
 import {
   makeWorkspaceElement as el,
   workspaceRailBlock,
@@ -417,10 +419,14 @@ export function workSiteBlocks(doc, { business, site, readAt, taskHref }) {
     const how = person.link === 'recorded' ? '担当欄' : `${person.stated_as_assignee ? '本文が担当として記載' : '本文に記載'}（${person.basis === 'text_person_id' ? '人物IDつき' : '氏名の一致'}）・担当欄には未接続`;
     people.append(linkLine(doc, person.link, person.name, how));
   }
+  for (const actor of districtTaskActors(site)) {
+    people.append(linkLine(doc, 'recorded', actor.name, `${actor.kind === 'agent' ? 'AI担当' : '担当'}・Taskの記録上の状態: ${site.work.label ?? site.work.status}・実行: ${actor.moving ? '稼働証跡確認済み' : '未確認または停止'}`));
+  }
+  if (site.actors_state === 'unconfirmed') people.append(linkLine(doc, 'unreadable', 'AI担当未確認', '現在の登録とTask委任を確認できませんでした'));
   for (const mention of site.ambiguous_mentions ?? []) {
     people.append(linkLine(doc, 'inferred', `「${mention.text}」`, `組織のGraphの${mention.candidates.map((candidate) => candidate.name).join('・')}のどれか一意に決まりません`));
   }
-  blocks.push(workspaceRailBlock(doc, { title: '担当・関係者', content: site.people.length || site.ambiguous_mentions?.length ? people : { text: '担当欄も本文も、登録された人物を挙げていません。' } }));
+  blocks.push(workspaceRailBlock(doc, { title: '担当・関係者', content: site.people.length || site.ambiguous_mentions?.length || districtTaskActors(site).length || site.actors_state === 'unconfirmed' ? people : { text: '担当欄も本文も、登録された人物を挙げていません。' } }));
   const refs = el(doc, 'ul', { className: 'bb-world-rail-list' });
   for (const ref of site.source_refs) {
     const li = el(doc, 'li');