@unson/brainbase-mcp 0.41.8 → 0.41.10

package/ui/workspace-kit.css

@@ -573,3 +573,45 @@
   .bb-ws-drawer[open], .bb-ws-drawer.is-closing, .bb-ws-drawer.is-closing::backdrop,
   .bb-ws-filter-popover, .bb-ws-loading-spinner::before, .bb-ws-error-card.is-dismissing { animation: none; }
 }
+
+/* Searchable dropdown (workspaceCombobox) */
+.bb-ws-combobox { position: relative; display: inline-grid; min-width: 0; }
+.bb-ws-combobox-trigger {
+  display: flex; align-items: center; justify-content: space-between; gap: var(--bb-space-2);
+  width: 100%; min-width: 0; min-height: 38px; box-sizing: border-box; padding: 0 10px 0 11px;
+  border: 1px solid var(--bb-color-border-strong); border-radius: var(--bb-radius-sm);
+  background: var(--bb-color-panel); color: var(--bb-color-ink); font: inherit; font-size: 13px; text-align: left; cursor: pointer;
+}
+.bb-ws-combobox-trigger:hover { border-color: var(--bb-color-muted); }
+.bb-ws-combobox-trigger:focus-visible { outline: 2px solid var(--bb-color-focus); outline-offset: 1px; }
+.bb-ws-combobox-trigger[aria-expanded='true'] { border-color: var(--bb-color-accent); }
+.bb-ws-combobox-trigger[disabled] { color: var(--bb-color-quiet); cursor: not-allowed; }
+.bb-ws-combobox-trigger[data-empty='true'] .bb-ws-combobox-value { color: var(--bb-color-quiet); }
+.bb-ws-combobox-value { overflow: hidden; min-width: 0; text-overflow: ellipsis; white-space: nowrap; }
+.bb-ws-combobox-chevron::after { content: '⌄'; color: var(--bb-color-muted); }
+.bb-ws-combobox-popup {
+  position: absolute; z-index: 45; top: calc(100% + 6px); left: 0; display: grid; gap: var(--bb-space-2);
+  box-sizing: border-box; width: max(100%, 260px); max-width: calc(100vw - 32px); padding: 8px;
+  border: 1px solid var(--bb-color-border); border-radius: var(--bb-radius-md); background: var(--bb-color-panel); color: var(--bb-color-ink);
+  box-shadow: var(--bb-shadow-popover); animation: bb-ws-filter-enter 140ms ease-out; transform-origin: top left;
+}
+.bb-ws-combobox-popup[hidden], .bb-ws-combobox-search[hidden] { display: none !important; }
+.bb-ws-combobox-search {
+  box-sizing: border-box; width: 100%; min-height: 34px; padding: 0 10px;
+  border: 1px solid var(--bb-color-border-strong); border-radius: var(--bb-radius-sm); background: var(--bb-color-surface); color: var(--bb-color-ink); font: inherit; font-size: 13px;
+}
+.bb-ws-combobox-search:focus-visible { outline: 2px solid var(--bb-color-focus); outline-offset: 0; }
+.bb-ws-combobox-list { max-height: 300px; margin: 0; padding: 0; overflow-y: auto; list-style: none; }
+.bb-ws-combobox-list:focus-visible { outline: 2px solid var(--bb-color-focus); outline-offset: 0; }
+.bb-ws-combobox-option {
+  display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; align-items: center; gap: var(--bb-space-2);
+  padding: 7px 8px; border-radius: var(--bb-radius-sm); font-size: 13px; cursor: pointer;
+}
+.bb-ws-combobox-option::before { content: ''; color: var(--bb-color-accent-strong); font-weight: 700; }
+.bb-ws-combobox-option[aria-selected='true']::before { content: '✓'; }
+.bb-ws-combobox-option:hover, .bb-ws-combobox-option.is-active { background: var(--bb-color-accent-soft); }
+.bb-ws-combobox-option.is-active { box-shadow: inset 2px 0 0 var(--bb-color-accent); }
+.bb-ws-combobox-option-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.bb-ws-combobox-option-hint { color: var(--bb-color-muted); font-size: 12px; white-space: nowrap; }
+.bb-ws-combobox-status { margin: 0; padding: 2px 4px 0; color: var(--bb-color-muted); font-size: 12px; }
+@media (prefers-reduced-motion:reduce) { .bb-ws-combobox-popup { animation: none; } }

package/ui/workspace-kit.js

@@ -422,3 +422,168 @@ export function workspaceDisclosure(doc, { title, help, content, open = false, o
   if (onToggle) details.addEventListener('toggle', () => onToggle(details.open));
   return details;
 }
+
+function comboboxText(value) {
+  return String(value ?? '').normalize('NFKC').toLocaleLowerCase('ja');
+}
+
+/**
+ * Dropdown whose list can be searched. The trigger shows the chosen label;
+ * opening it moves focus to a search box (role=combobox) that narrows a
+ * listbox. Arrow keys move the active option, Enter chooses it, Escape closes
+ * and returns focus to the trigger, and typing on the trigger starts a search.
+ * Long lists render the first `limit` matches and say how many the search
+ * would still reveal. Options are `{ value, label, hint?, keywords? }`; the
+ * host owns the chosen value and receives it through `onChange`.
+ */
+export function workspaceCombobox(doc, {
+  label, options = [], value = '', placeholder = '選択してください', searchLabel, searchPlaceholder = '絞り込む',
+  emptyText = '一致する候補はありません', limit = 100, searchable = 'auto', className, onChange,
+} = {}) {
+  const sequence = ++workspaceSequence;
+  const listId = `bb-ws-combobox-${sequence}-list`;
+  const root = el(doc, 'span', { className: ['bb-ws-combobox', className].filter(Boolean).join(' ') });
+  const trigger = el(doc, 'button', { className: 'bb-ws-combobox-trigger', attrs: { type: 'button', 'aria-haspopup': 'listbox', 'aria-expanded': 'false', 'aria-controls': listId } });
+  const triggerText = el(doc, 'span', { className: 'bb-ws-combobox-value' });
+  trigger.append(triggerText, el(doc, 'span', { className: 'bb-ws-combobox-chevron', attrs: { 'aria-hidden': 'true' } }));
+  const popup = el(doc, 'div', { className: 'bb-ws-combobox-popup' });
+  popup.hidden = true;
+  const search = el(doc, 'input', { className: 'bb-ws-combobox-search', attrs: {
+    type: 'text', role: 'combobox', 'aria-autocomplete': 'list', 'aria-expanded': 'true', 'aria-controls': listId,
+    'aria-label': searchLabel || `${label || '候補'}を絞り込む`, placeholder: searchPlaceholder, autocomplete: 'off', spellcheck: 'false',
+  } });
+  const list = el(doc, 'ul', { className: 'bb-ws-combobox-list', attrs: { id: listId, role: 'listbox', 'aria-label': label || '候補', tabindex: '-1' } });
+  const status = el(doc, 'p', { className: 'bb-ws-combobox-status', attrs: { role: 'status', 'aria-live': 'polite' } });
+  popup.append(search, list, status);
+  root.append(trigger, popup);
+
+  const state = { options: [], value: String(value ?? ''), query: '', active: -1, shown: [], open: false, disabled: false };
+  const usesSearch = () => searchable === true || (searchable === 'auto' && state.options.length > 8);
+  const focusTarget = () => (usesSearch() ? search : list);
+  const chosen = () => state.options.find(option => option.value === state.value);
+
+  function setOptions(next) {
+    state.options = (Array.isArray(next) ? next : []).map(option => ({
+      value: String(option?.value ?? ''), label: String(option?.label ?? option?.value ?? ''),
+      hint: option?.hint ? String(option.hint) : '', keywords: option?.keywords ? String(option.keywords) : '',
+    }));
+  }
+
+  function renderTrigger() {
+    const option = chosen();
+    // A value the list does not offer stays visible instead of looking unset.
+    const text = option ? option.label : state.value || placeholder;
+    triggerText.textContent = text;
+    trigger.setAttribute('aria-label', `${label ? `${label}: ` : ''}${text}`);
+    trigger.setAttribute('data-empty', String(!option && !state.value));
+    if (state.disabled) trigger.setAttribute('disabled', ''); else trigger.removeAttribute('disabled');
+  }
+
+  function activeDescendant(node) {
+    for (const target of [search, list]) {
+      if (node) target.setAttribute('aria-activedescendant', node.getAttribute('id'));
+      else target.removeAttribute('aria-activedescendant');
+    }
+  }
+
+  function renderList() {
+    const terms = comboboxText(state.query).split(/\s+/u).filter(Boolean);
+    const matches = terms.length
+      ? state.options.filter(option => { const text = comboboxText(`${option.label}\n${option.hint}\n${option.keywords}`); return terms.every(term => text.includes(term)); })
+      : state.options;
+    const max = Math.max(1, Number(limit) || 100);
+    state.shown = matches.slice(0, max);
+    if (state.active >= state.shown.length) state.active = state.shown.length - 1;
+    list.replaceChildren();
+    state.shown.forEach((option, index) => {
+      const selected = option.value === state.value;
+      const item = el(doc, 'li', { className: `bb-ws-combobox-option${index === state.active ? ' is-active' : ''}`, attrs: { id: `bb-ws-combobox-${sequence}-option-${index}`, role: 'option', 'aria-selected': String(selected), 'data-value': option.value } });
+      item.append(el(doc, 'span', { className: 'bb-ws-combobox-option-label', text: option.label }));
+      if (option.hint) item.append(el(doc, 'span', { className: 'bb-ws-combobox-option-hint', text: option.hint }));
+      item.addEventListener('pointerdown', event => event.preventDefault?.());
+      item.addEventListener('click', () => choose(option));
+      list.append(item);
+    });
+    const active = list.children?.[state.active];
+    activeDescendant(active);
+    active?.scrollIntoView?.({ block: 'nearest' });
+    const rest = matches.length - state.shown.length;
+    status.textContent = !matches.length ? emptyText : rest > 0 ? `${matches.length}件中${state.shown.length}件を表示。ほか${rest}件は絞り込むと出ます` : `${matches.length}件`;
+  }
+
+  function move(index) {
+    if (!state.shown.length) return;
+    state.active = Math.min(state.shown.length - 1, Math.max(0, index));
+    renderList();
+  }
+
+  function removeListeners() { doc.removeEventListener?.('pointerdown', outside); }
+  function outside(event) { if (!root.contains?.(event.target)) close(false); }
+
+  function open(query = '') {
+    if (state.disabled) return;
+    if (!state.open) { state.open = true; doc.addEventListener?.('pointerdown', outside); }
+    state.query = query; search.value = query; search.hidden = !usesSearch();
+    const selectedIndex = state.options.findIndex(option => option.value === state.value);
+    state.active = query ? 0 : Math.max(0, selectedIndex);
+    popup.hidden = false; trigger.setAttribute('aria-expanded', 'true');
+    renderList();
+    focusTarget().focus?.();
+  }
+
+  function close(returnFocus = true) {
+    if (!state.open) return;
+    state.open = false; removeListeners();
+    popup.hidden = true; trigger.setAttribute('aria-expanded', 'false'); activeDescendant(null);
+    if (returnFocus) trigger.focus?.();
+  }
+
+  function choose(option) {
+    const changed = option.value !== state.value;
+    state.value = option.value; renderTrigger(); close(true);
+    if (changed) onChange?.(option.value, option);
+  }
+
+  function keydown(event) {
+    const page = 10;
+    const keys = {
+      ArrowDown: () => move(state.active + 1), ArrowUp: () => move(state.active - 1),
+      PageDown: () => move(state.active + page), PageUp: () => move(state.active - page),
+      Enter: () => { const option = state.shown[state.active]; if (option) choose(option); },
+      Escape: () => close(true),
+    };
+    // Home and End move the caret while a search box is shown.
+    if (!usesSearch()) Object.assign(keys, { Home: () => move(0), End: () => move(state.shown.length - 1) });
+    if (event.key === 'Tab') { close(false); return; }
+    const action = keys[event.key];
+    if (!action) return;
+    event.preventDefault?.(); event.stopPropagation?.();
+    action();
+  }
+
+  trigger.addEventListener('click', () => (state.open ? close(true) : open()));
+  trigger.addEventListener('keydown', event => {
+    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') { event.preventDefault?.(); open(); return; }
+    const printable = typeof event.key === 'string' && event.key.length === 1 && event.key !== ' ' && !event.ctrlKey && !event.metaKey && !event.altKey;
+    if (printable && usesSearch()) { event.preventDefault?.(); open(event.key); }
+  });
+  search.addEventListener('input', () => { state.query = search.value; state.active = 0; renderList(); });
+  search.addEventListener('keydown', keydown);
+  list.addEventListener('keydown', keydown);
+
+  setOptions(options); renderTrigger();
+  return {
+    root, trigger, popup, search, list,
+    get value() { return state.value; },
+    get isOpen() { return state.open; },
+    open, close,
+    update({ options: nextOptions, value: nextValue, disabled } = {}) {
+      if (nextOptions !== undefined) setOptions(nextOptions);
+      if (nextValue !== undefined) state.value = String(nextValue ?? '');
+      if (disabled !== undefined) { state.disabled = Boolean(disabled); if (state.disabled) close(false); }
+      renderTrigger();
+      if (state.open) { search.hidden = !usesSearch(); renderList(); }
+    },
+    destroy() { close(false); removeListeners(); },
+  };
+}

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

@@ -23,7 +23,8 @@ export function workCanvasNotes(work) {
   const summary = work.summary;
   if (summary?.state === 'complete' || summary?.state === 'partial') {
     const needs = summary.needs_check?.length;
-    if (needs > 0) notes.push({ label: '記録の確認', tone: 'attention', summary: `記録の要確認 ${needs}件`, text: `読めた未完了の仕事のうち${needs}件に、記録から把握できていないことがあります。仕事が止まっているという意味ではありません。詳細の絞り込みから根拠を確認できます。` });
+    // `opens: 'city'`: the host lets the quest open the city details, where these records are listed.
+    if (needs > 0) notes.push({ label: '記録の確認', tone: 'attention', opens: 'city', summary: `記録の要確認 ${needs}件`, text: `読めた未完了の仕事のうち${needs}件に、記録から把握できていないことがあります。仕事が止まっているという意味ではありません。詳細の絞り込みから根拠を確認できます。` });
   }
   const at = work.reads?.tasks?.read_at;
   notes.push({ label: '区画の時点', tone: 'info', text: `仕事の読み込み：${shortTime(at) ?? '時点不明'}。表示は読み込んだ時点の記録です。` });

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

@@ -170,15 +170,60 @@
   font-size: 11px;
   font-weight: 700;
 }
-.bb-world-canvas-ui .bb-world-canvas-quest-text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
-/* A quest with a way down (候補の確認) is clickable even though the quest list lets the map take the pointer. */
-.bb-world-canvas-ui .bb-world-canvas-quest a {
+.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
+   the map take the pointer: its one link or button stretches over the row. */
+.bb-world-canvas-ui .bb-world-canvas-quest.has-way {
+  position: relative;
+  pointer-events: auto;
+  cursor: pointer;
+  transition: background-color 120ms ease, border-color 120ms ease;
+}
+.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%);
+  background: linear-gradient(110deg, rgb(20 44 62 / 94%), rgb(20 44 62 / 84%));
+}
+.bb-world-canvas-ui .bb-world-canvas-quest a,
+.bb-world-canvas-ui .bb-world-canvas-quest-action {
   flex: none;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  background: none;
   color: #b5f2ab;
+  font: inherit;
   text-decoration: underline;
   text-underline-offset: 2px;
+  cursor: pointer;
   pointer-events: auto;
 }
+.bb-world-canvas-ui .bb-world-canvas-quest a::after,
+.bb-world-canvas-ui .bb-world-canvas-quest-action::after { content: " ›"; }
+.bb-world-canvas-ui .bb-world-canvas-quest a::before,
+.bb-world-canvas-ui .bb-world-canvas-quest-action::before { content: ""; position: absolute; inset: 0; border-radius: 4px; }
+.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; }
+/* 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;
+  border-left-style: solid;
+  background: rgb(13 25 46 / 58%);
+  box-shadow: none;
+}
+/* On a narrow canvas the reason gives way before the row's own words. */
+.bb-world-canvas-ui .bb-world-canvas-quest.is-static .bb-world-canvas-quest-text { flex: none; }
+.bb-world-canvas-ui .bb-world-canvas-quest-reason {
+  flex: 0 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  color: rgb(255 255 255 / 68%);
+  font-size: 11px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 
 .bb-world-canvas-ui .bb-world-canvas-edge {
   position: absolute;

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

@@ -34,6 +34,8 @@ const nodeList = (nodes) => (Array.isArray(nodes) ? nodes : [nodes]).filter((nod
  * focus unless its optional second argument is { focus: true }.
  * addNote shows a quest only for an explicit nonempty summary; its full text
  * remains in help. No summary is inferred from a long or nonurgent notice.
+ * A quest with a `link` or an `action` is pressable as a whole row; one without
+ * is drawn flat and may say its `reason` (why nothing opens from it).
  */
 export function createWorldCanvasUI({
   doc,
@@ -385,15 +387,17 @@ export function createWorldCanvasUI({
     activate('help', help);
     focus(helpTitle);
   }
-  function addNote({ label = '', text = '', tone = '', summary, link = null } = {}) {
+  function addNote({ label = '', text = '', tone = '', summary, link = null, action = null, reason = null } = {}) {
     if (disposed) return;
     const note = element('section', 'bb-world-canvas-note');
     if (label) note.append(element('h3', '', label));
     if (text || summary) note.append(element('p', '', text || summary));
     if (label || text || summary) notes.append(note);
     if (typeof summary !== 'string' || !summary.trim()) return;
-    // A link (already checked by the caller) follows the summary so the quest is a way down, not only a sign.
-    const quest = element('p', 'bb-world-canvas-quest');
+    // 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';
     quest.append(
       element('span', 'bb-world-canvas-quest-symbol', icon, { 'aria-hidden': 'true' }),
@@ -402,7 +406,16 @@ export function createWorldCanvasUI({
     // The accessible name contains the unabridged summary even when visual text
     // is ellipsized on a narrow canvas; the long explanation remains in help.
     quest.setAttribute('aria-label', summary.trim());
-    if (link?.href) quest.append(element('a', link.className ?? '', link.label ?? summary.trim(), { href: link.href }));
+    if (way === 'link') {
+      quest.append(element('a', link.className ?? '', link.label ?? summary.trim(), { href: link.href }));
+    } else if (way === 'action') {
+      const press = element('button', `bb-world-canvas-quest-action ${action.className ?? ''}`.trim(), action.label ?? summary.trim(), { type: 'button' });
+      listen(press, 'click', () => action.onClick());
+      quest.append(press);
+    } else if (typeof reason === 'string' && reason.trim()) {
+      // Why nothing opens from here (未接続 and the like), said in the row instead of only in help.
+      quest.append(element('span', 'bb-world-canvas-quest-reason', reason.trim()));
+    }
     quests.append(quest);
   }
   function clearNotes() {

package/ui/world/world-district.js

@@ -98,8 +98,11 @@ const STATION_YARD = Object.freeze({ xFrom: 6, xTo: 21.5, zFrom: 1.5, zTo: 12.5
  * `exitLegend` (lines as DISTRICT_LEGEND) turns on the station yard for the tools of a business:
  * stations come from `setExits`, and a picked station calls `onPickExit(id)`.  Without it nothing of
  * the yard is drawn or listed.
+ * `onPickStreet({ label, count })` makes each street's sign pressable (label null for the unlabelled work by
+ * the gate), and `onPickHall()` the hall, the plaza in front of it and the hall's name; without them they
+ * are scenery, as before (story-world-clickable-honesty-v1).
  */
-export function createDistrictView({ doc, stage, reducedMotion = false, focusSelection = true, showChrome = true, onPick, onClear, onEscape, onProjectSelection, exitLegend = null, onPickExit }) {
+export function createDistrictView({ doc, stage, reducedMotion = false, focusSelection = true, showChrome = true, onPick, onClear, onEscape, onProjectSelection, exitLegend = null, onPickExit, onPickStreet, onPickHall }) {
   const stationsEnabled = Array.isArray(exitLegend);
   const renderer = new THREE.WebGLRenderer({ antialias: true });
   renderer.setPixelRatio(Math.min(globalThis.devicePixelRatio ?? 1, 2));
@@ -349,6 +352,8 @@ export function createDistrictView({ doc, stage, reducedMotion = false, focusSel
   // The tools of the business (from the host), and their stations once the district is built.
   let exitsData = [];
   let stations = new Map();
+  /** The hall and its plaza, pressable when the host listens (`onPickHall`). */
+  let civic = [];
   let stationLayer = null;
   let stationLabels = [];
   let gateAt = 0;
@@ -380,6 +385,17 @@ export function createDistrictView({ doc, stage, reducedMotion = false, focusSel
     return label;
   }
 
+  /** A label that is a way in: pointer, a title saying where it goes, and a press. */
+  function enterable(label, title, onPress, enter) {
+    label.node.classList.add('is-enterable');
+    label.node.title = title;
+    label.node.setAttribute('data-enter', enter);
+    label.node.addEventListener('click', (event) => {
+      event.stopPropagation?.();
+      onPress();
+    });
+  }
+
   // --- people (records: worker, person named in the text; atmosphere: walkers) ---------------------
   function person(clothes, { helmet = false } = {}) {
     const group = new THREE.Group();
@@ -613,6 +629,7 @@ export function createDistrictView({ doc, stage, reducedMotion = false, focusSel
     labels = [];
     lots = new Map();
     stations = new Map();
+    civic = [];
     stationLayer = null;
     stationLabels = [];
     walkers = [];
@@ -705,7 +722,9 @@ export function createDistrictView({ doc, stage, reducedMotion = false, focusSel
       root.add(mesh(new THREE.CylinderGeometry(0.06, 0.08, 2.5, 8), material(0x3f4844, { roughness: 0.6, metalness: 0.4 }), { x: -DISTRICT_STREETS.main - 0.5, y: 1.25, z: signZ }));
       root.add(mesh(new THREE.BoxGeometry(1.1, 0.34, 0.05), material(block.label ? 0x2f6e4f : 0xbfb8a8, { roughness: 0.6 }), { x: -DISTRICT_STREETS.main - 0.5, y: 2.2, z: signZ }));
       const text = block.label ? `${block.label}（${block.count}件）` : `未分類の空き地：何のための仕事か未記録（${block.count}件）`;
-      addLabel(text, new THREE.Vector3(-DISTRICT_STREETS.main - 0.5, 2.9, signZ), `is-street${block.label ? '' : ' is-unlabelled'}`, { priority: 2 });
+      const sign = addLabel(text, new THREE.Vector3(-DISTRICT_STREETS.main - 0.5, 2.9, signZ), `is-street${block.label ? '' : ' is-unlabelled'}`, { priority: 2 });
+      // The count is a way down: pressing the sign lists the work of this street (AC-05).
+      if (onPickStreet) enterable(sign, `${block.label ?? '何のための仕事か未記録の空き地'}の仕事${block.count}件を見る`, () => onPickStreet({ label: block.label, count: block.count }), '仕事を見る');
     });
     // Trees along the main street and lamps between them; a belt of trees round the district (scenery).
     const trees = [];
@@ -754,10 +773,17 @@ export function createDistrictView({ doc, stage, reducedMotion = false, focusSel
     root.add(box(0.4, 0.9, 0.4, 0x9c7a62, { x: 2.8, y: 4.3, z: hallZ - 1.2 }));
     const hallChimney = new THREE.Vector3(2.8, 5.2, hallZ - 1.2);
     const purposeText = work?.status === 'ok' ? (work.purpose.text ?? '目的は未登録') : '目的を読めません';
-    addLabel(`庁舎：${business.name}（${purposeText}）`, new THREE.Vector3(0, 5.6, hallZ), 'is-plaza', { priority: 1 });
+    const hallLabel = addLabel(`庁舎：${business.name}（${purposeText}）`, new THREE.Vector3(0, 5.6, hallZ), 'is-plaza', { priority: 1 });
     const plaza = mesh(new THREE.CircleGeometry(plazaRadius - 0.25, 48), material(0xf1ece1, { roughness: 1 }), { y: 0.24, z: plazaZ, shadow: false });
     plaza.rotation.x = -Math.PI / 2;
     root.add(plaza);
+    if (onPickHall) {
+      // The hall, its plaza and its name open what this business is for and its policies (AC-06).
+      hall.userData = { kind: 'hall' };
+      plaza.userData = { kind: 'hall' };
+      civic = [hall, plaza];
+      enterable(hallLabel, `${business.name}の目的と方針を見る`, () => onPickHall(), '目的と方針を見る');
+    }
     const ring = mesh(new THREE.RingGeometry(plazaRadius - 0.25, plazaRadius, 48), material(0xcfc8b8, { roughness: 1 }), { y: 0.25, z: plazaZ, shadow: false });
     ring.rotation.x = -Math.PI / 2;
     root.add(ring);
@@ -897,7 +923,7 @@ export function createDistrictView({ doc, stage, reducedMotion = false, focusSel
     pointer.x = ((clientX - rect.left) / rect.width) * 2 - 1;
     pointer.y = -((clientY - rect.top) / rect.height) * 2 + 1;
     raycaster.setFromCamera(pointer, camera);
-    const targets = [...lots.values(), ...stations.values()];
+    const targets = [...lots.values(), ...stations.values(), ...civic];
     for (const hit of raycaster.intersectObjects(targets, true)) {
       let object = hit.object;
       while (object && !targets.includes(object)) object = object.parent;
@@ -915,7 +941,10 @@ export function createDistrictView({ doc, stage, reducedMotion = false, focusSel
   renderer.domElement.addEventListener('pointerup', (event) => {
     if (!downAt || Math.hypot(event.clientX - downAt.x, event.clientY - downAt.y) > 5) return;
     const group = pickAt(event.clientX, event.clientY);
-    if (group?.userData.kind === 'exit') {
+    if (group?.userData.kind === 'hall') {
+      select(null);
+      onPickHall?.();
+    } else if (group?.userData.kind === 'exit') {
       // A station selects its tool in the city details; it never leaves the world.
       select(group, { focus: false });
       onPickExit?.(group.userData.exit.id);

package/ui/world/world-view.css

@@ -159,6 +159,12 @@
   color: #ffffff;
 }
 
+/* Other names that are ways in (the plaza, a street's sign, the hall) say where they go (story-world-clickable-honesty-v1). */
+.bb-world-label.is-enterable[data-enter]:hover::after,
+.bb-world-label.is-enterable[data-enter].is-hover::after {
+  content: '　' attr(data-enter) ' ›';
+}
+
 /* With nothing chosen, the rail lists the ways in (AC-19). */
 .bb-world-entrances {
   list-style: none;