@unson/brainbase-mcp 0.44.1 → 0.44.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unson/brainbase-mcp",
-  "version": "0.44.1",
+  "version": "0.44.2",
   "description": "Local-first Brainbase judgment OS that lets supported AI agents reuse a user's approved goals, priorities, decisions, and judgment criteria.",
   "type": "module",
   "license": "MIT",
@@ -608,5 +608,5 @@
     "url": "https://github.com/Unson-LLC/brainbase/issues"
   },
   "homepage": "https://github.com/Unson-LLC/brainbase#readme",
-  "gitHead": "3ce9dcd2ced2f30a9665cfd9b64ec6775c6a18c3"
+  "gitHead": "108ed1e1c5066b088e6c61b9d6ff87149a9f2ce6"
 }

package/ui/workspace-kit.css

@@ -517,7 +517,39 @@
 .bb-ws-error-stack { position: absolute; z-index: 55; top: 0; right: 0; width: min(300px,100%); max-height: none; padding-bottom: 64px; pointer-events: none; box-sizing: border-box; overflow: visible; }
 .bb-ws-error-list { display: grid; gap: 6px; }
 .bb-ws-error-count { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
-.bb-ws-error-card { display: flex; align-items: start; gap: 8px; box-sizing: border-box; width: 100%; padding: 8px 10px; border: 1px solid var(--bb-color-notice-border); border-left: 3px solid var(--bb-color-notice-danger); border-radius: 4px; background: var(--bb-color-notice-background); backdrop-filter: blur(5px); color: var(--bb-color-notice-text); font-size: 12px; line-height: 1.5; pointer-events: auto; }
+.bb-ws-notification-card {
+  --bb-notification-accent: var(--bb-color-notice-control-border);
+  --bb-notification-symbol-border: var(--bb-color-notice-control-border);
+  --bb-notification-symbol-text: var(--bb-color-notice-text);
+  box-sizing: border-box;
+  padding: 8px 10px;
+  border: 1px solid var(--bb-color-notice-border);
+  border-left: 3px solid var(--bb-notification-accent);
+  border-radius: 4px;
+  background: var(--bb-color-notice-background);
+  backdrop-filter: blur(5px);
+  color: var(--bb-color-notice-text);
+  font-size: 12px;
+  line-height: 1.5;
+}
+.bb-ws-notification-card.is-warning {
+  --bb-notification-accent: var(--bb-color-notice-warning);
+  --bb-notification-symbol-border: var(--bb-color-notice-warning-symbol-border);
+  --bb-notification-symbol-text: var(--bb-color-notice-warning-text);
+}
+.bb-ws-notification-card.is-danger {
+  --bb-notification-accent: var(--bb-color-notice-danger);
+  --bb-notification-symbol-border: var(--bb-color-notice-danger-symbol-border);
+  --bb-notification-symbol-text: var(--bb-color-notice-danger-text);
+}
+.bb-ws-notification-symbol {
+  display: grid; place-items: center; flex: none;
+  width: 18px; height: 18px; border-radius: 3px;
+  border: 1px solid var(--bb-notification-symbol-border);
+  color: var(--bb-notification-symbol-text);
+  font-size: 11px; font-weight: 700;
+}
+.bb-ws-error-card { display: flex; align-items: start; gap: 8px; width: 100%; pointer-events: auto; }
 .bb-ws-error-card.is-warning { border-left-color: var(--bb-color-notice-warning); }
 .bb-ws-error-card > details { flex: 1; min-width: 0; }
 .bb-ws-error-card summary { display: flex; align-items: center; gap: 6px; list-style: none; cursor: pointer; }

package/ui/workspace-kit.js

@@ -371,9 +371,20 @@ export function workspaceFilterPopover(doc, { content, open = false, onToggle, t
   } };
 }
 
+/** Reusable notification surface. Hosts own content, placement and lifecycle.
+ * Tones use shared semantic tokens; unknown values stay informational.
+ */
+export function workspaceNotificationCard(doc, { tone = 'info', content, tag = 'section', className = '', role } = {}) {
+  const severity = tone === 'attention' ? 'warning' : ['info', 'warning', 'danger'].includes(tone) ? tone : 'info';
+  const card = el(doc, tag, { className: `bb-ws-notification-card is-${severity} ${className}`.trim(), attrs: { role } });
+  appendContent(card, doc, content);
+  return card;
+}
+
 /** Compact notification with a fixed-center, purely visual spinner. */
 export function workspaceLoadingCard(doc, { title = 'ロード中' } = {}) {
-  const card = el(doc, 'section', { className: 'bb-ws-error-card bb-ws-loading-card', attrs: { role: 'status', 'aria-live': 'polite' } });
+  const card = workspaceNotificationCard(doc, { className: 'bb-ws-error-card bb-ws-loading-card', role: 'status' });
+  card.setAttribute('aria-live', 'polite');
   card.append(el(doc, 'span', { className: 'bb-ws-loading-spinner', attrs: { 'aria-hidden': 'true' } }), el(doc, 'span', { text: title }));
   return card;
 }
@@ -404,7 +415,7 @@ export function workspaceDismissNotification(card, onDismiss) {
 
 /** Persistent, initially closed notification. The caller owns its lifecycle. */
 export function workspaceErrorCard(doc, { title, message, tone = 'danger', onRetry } = {}) {
-  const card = el(doc, 'section', { className: `bb-ws-error-card is-${tone}`, attrs: { role: 'listitem' } });
+  const card = workspaceNotificationCard(doc, { tone, className: 'bb-ws-error-card', role: 'listitem' });
   const details = el(doc, 'details');
   const summary = el(doc, 'summary', { attrs: { 'aria-label': `${title}の通知` } });
   summary.append(el(doc, 'span', { className: 'bb-ws-error-symbol', text: '!', attrs: { 'aria-hidden': 'true' } }), el(doc, 'span', { text: title }));

package/ui/world/world-canvas-ui.css

@@ -103,31 +103,7 @@
 .bb-world-canvas-ui .bb-world-canvas-city:disabled { cursor: default; opacity: .65; }
 .bb-world-canvas-ui .bb-world-canvas-sky { display: grid; place-items: center; padding: 0; }
 .bb-world-canvas-ui .bb-world-canvas-sky-icon { font-size: 22px; line-height: 1; }
-.bb-world-canvas-ui .bb-world-canvas-sky-menu {
-  position: absolute;
-  top: calc(var(--bb-world-toolbar-top) + 48px);
-  right: var(--bb-world-right-inset);
-  min-width: 150px;
-  padding: 5px;
-  border: 1px solid rgb(13 25 46 / 18%);
-  border-radius: 9px;
-  background: #fff;
-  box-shadow: 0 8px 25px #0d192e22;
-  pointer-events: auto;
-}
-.bb-world-canvas-ui .bb-world-canvas-sky-option {
-  display: block;
-  width: 100%;
-  padding: 8px 10px;
-  border: 0;
-  border-radius: 5px;
-  background: transparent;
-  color: inherit;
-  font-size: 12px;
-  text-align: left;
-}
-.bb-world-canvas-ui .bb-world-canvas-sky-option:hover,
-.bb-world-canvas-ui .bb-world-canvas-sky-option[aria-checked="true"] { background: #e5f8e1; }
+.bb-world-canvas-ui .bb-world-canvas-sky-icon svg { display: block; width: 23px; height: 23px; }
 
 .bb-world-canvas-ui .bb-world-canvas-quests {
   position: absolute;
@@ -147,28 +123,7 @@
   min-width: 0;
   margin: 0;
   padding: 7px 10px 7px 8px;
-  border: 1px solid rgb(255 255 255 / 18%);
-  border-left: 3px solid #9be891;
-  border-radius: 4px;
-  background: linear-gradient(110deg, rgb(13 25 46 / 88%), rgb(13 25 46 / 72%));
-  color: #fff;
-  font-size: 12px;
-  line-height: 18px;
   box-shadow: 0 3px 12px #0d192e18;
-  backdrop-filter: blur(5px);
-}
-.bb-world-canvas-ui .bb-world-canvas-quest-symbol {
-  display: grid;
-  place-items: center;
-  flex: none;
-  width: 18px;
-  height: 18px;
-  border: 1px solid #9be89170;
-  border-radius: 3px;
-  background: #9be89112;
-  color: #b5f2ab;
-  font-size: 11px;
-  font-weight: 700;
 }
 .bb-world-canvas-ui .bb-world-canvas-quest-text { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
 /* A quest with a way down (候補の確認, 区画の入口) is pressable as a whole row even though the quest list lets
@@ -181,7 +136,7 @@
 }
 .bb-world-canvas-ui .bb-world-canvas-quest.has-way:hover,
 .bb-world-canvas-ui .bb-world-canvas-quest.has-way:focus-within {
-  border-color: rgb(155 232 145 / 55%);
+  border-color: var(--bb-notification-accent);
   background: linear-gradient(110deg, rgb(20 44 62 / 94%), rgb(20 44 62 / 84%));
 }
 .bb-world-canvas-ui .bb-world-canvas-quest a,
@@ -191,7 +146,7 @@
   padding: 0;
   border: 0;
   background: none;
-  color: #b5f2ab;
+  color: var(--bb-notification-symbol-text);
   font: inherit;
   text-decoration: underline;
   text-underline-offset: 2px;
@@ -205,7 +160,7 @@
 .bb-world-canvas-ui .bb-world-canvas-quest a:focus-visible,
 .bb-world-canvas-ui .bb-world-canvas-quest-action:focus-visible { outline: none; }
 .bb-world-canvas-ui .bb-world-canvas-quest a:focus-visible::before,
-.bb-world-canvas-ui .bb-world-canvas-quest-action:focus-visible::before { outline: 2px solid #9be891; outline-offset: 1px; }
+.bb-world-canvas-ui .bb-world-canvas-quest-action:focus-visible::before { outline: 2px solid var(--bb-notification-symbol-text); outline-offset: 1px; }
 /* A quest with nowhere to go: flat and dashed, so it reads as a sign, not a button, with its reason. */
 .bb-world-canvas-ui .bb-world-canvas-quest.is-static {
   border-style: dashed;

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;