@unson/brainbase-mcp 0.15.4 → 0.15.6

package/dist/organization-graph-web.js

@@ -130,6 +130,7 @@ export function projectOrganizationGraph(records, owner) {
                     ...(type === 'project' && summary ? { goal: summary } : {}),
                     ...(type === 'project' && status ? { status } : {}),
                     ...(type === 'project' && text(payload.kind) ? { kind: text(payload.kind) } : {}),
+                    ...(type === 'decision' && text(payload.decided_at) ? { decided_at: text(payload.decided_at) } : {}),
                     ...(type === 'project' ? projectPlacement(record, payload, catalogByCode) : {})
                 }
             });

package/dist/world-extension.d.ts

@@ -74,6 +74,15 @@ export interface WorldBusiness {
     /** Repository names the Graph registers for this project (`metadata.repositories`). */
     readonly repositories: readonly string[];
     readonly engagements: readonly WorldEngagement[];
+    /** How much happened lately: decisions of this business (or its engagements) in the last 30 days. */
+    readonly activity: WorldBusinessActivity;
+}
+export interface WorldBusinessActivity {
+    readonly window_days: 30;
+    /** Decisions decided in the window, belonging to this business by scope code or a `governs` edge. */
+    readonly decisions: number;
+    /** The newest decision date of this business at any time, or null when it has none dated. */
+    readonly latest_decision_at: string | null;
 }
 export interface WorldBusinessProjection {
     readonly businesses: readonly WorldBusiness[];
@@ -109,7 +118,9 @@ export type WorldBusinessesResponse = ({
  * Nothing here knows any organization's words: kinds and statuses are the
  * Graph's own values.
  */
-export declare function projectWorldFromGraph(graph: Pick<GraphFileV2, 'entities'>, now?: Date): WorldBusinessProjection;
+export declare function projectWorldFromGraph(graph: Pick<GraphFileV2, 'entities'> & {
+    readonly edges?: GraphFileV2['edges'];
+}, now?: Date): WorldBusinessProjection;
 /**
  * The vocabulary the world draws with: the host's kinds in their order, then
  * kinds the Graph uses that the host did not name (under their own value),
@@ -135,6 +146,7 @@ export declare function readWorldBusinesses(context: Pick<LocalWebModuleContext,
  */
 export declare function projectOrganizationWorld(records: {
     readonly projects: readonly unknown[];
+    readonly decisions?: readonly unknown[];
     readonly glossaryTerms?: readonly unknown[];
 }, options: {
     readonly server: string;

package/dist/world-extension.js

@@ -31,6 +31,7 @@ const DEFAULT_STATUSES = Object.freeze({
 const KIND_PALETTE = ['#1261ad', '#b07a1f', '#35684c', '#6b4fa0', '#a8433a', '#2f7d86', '#7a6a2b', '#5b6470'];
 const UNCLASSIFIED_COLOR = '#69746d';
 const HEX_COLOR = /^#[0-9a-f]{6}$/iu;
+const ACTIVITY_WINDOW_DAYS = 30;
 function isRecord(value) {
     return value !== null && typeof value === 'object' && !Array.isArray(value);
 }
@@ -93,6 +94,46 @@ export function projectWorldFromGraph(graph, now = new Date()) {
         else
             unplaced.push(engagementOf(entity));
     }
+    // Which business a decision belongs to: its scope code (organization Graph) or the project it
+    // governs (local Graph), resolved to the city that project is or hangs under.
+    const cityOfKey = new Map();
+    for (const [cityId, { entity, engagements }] of cities) {
+        cityOfKey.set(entity.id, cityId);
+        const code = text(entity.metadata?.code);
+        if (code)
+            cityOfKey.set(code, cityId);
+        for (const engagement of engagements) {
+            cityOfKey.set(engagement.id, cityId);
+            if (engagement.code)
+                cityOfKey.set(engagement.code, cityId);
+        }
+    }
+    const governs = new Map();
+    for (const edge of graph.edges ?? []) {
+        if (edge.relation !== 'governs')
+            continue;
+        governs.set(edge.fromId, [...(governs.get(edge.fromId) ?? []), edge.toId]);
+    }
+    const windowStart = now.getTime() - ACTIVITY_WINDOW_DAYS * 24 * 60 * 60 * 1000;
+    const activity = new Map();
+    for (const decision of graph.entities) {
+        if (decision.type !== 'decision')
+            continue;
+        const at = text(decision.metadata?.decided_at) ?? text(decision.validFrom);
+        const time = at ? Date.parse(at) : Number.NaN;
+        if (!Number.isFinite(time))
+            continue;
+        const keys = [text(decision.metadata?.project_code), ...(governs.get(decision.id) ?? [])].filter((key) => key !== null);
+        const cityIds = new Set(keys.map((key) => cityOfKey.get(key)).filter((id) => id !== undefined));
+        for (const cityId of cityIds) {
+            const entry = activity.get(cityId) ?? { decisions: 0, latest: null };
+            if (time >= windowStart && time <= now.getTime())
+                entry.decisions += 1;
+            if (!entry.latest || time > Date.parse(entry.latest))
+                entry.latest = new Date(time).toISOString();
+            activity.set(cityId, entry);
+        }
+    }
     const businesses = [...cities.values()].map(({ entity, engagements }) => ({
         id: entity.id,
         code: text(entity.metadata?.code) ?? entity.id,
@@ -104,6 +145,11 @@ export function projectWorldFromGraph(graph, now = new Date()) {
             ? entity.metadata.repositories.map(text).filter((name) => name !== null)
             : [],
         engagements: engagements.sort((a, b) => a.name.localeCompare(b.name, 'ja')),
+        activity: {
+            window_days: ACTIVITY_WINDOW_DAYS,
+            decisions: activity.get(entity.id)?.decisions ?? 0,
+            latest_decision_at: activity.get(entity.id)?.latest ?? null,
+        },
     }));
     return {
         businesses: businesses.sort((a, b) => a.name.localeCompare(b.name, 'ja')),
@@ -231,7 +277,7 @@ export async function readWorldBusinesses(context, options = {}) {
 export function projectOrganizationWorld(records, options) {
     const now = options.now ?? new Date();
     const { graph } = projectOrganizationGraph({
-        entities: { person: [], org: [], project: records.projects, decision: [], raci_assignment: [] },
+        entities: { person: [], org: [], project: records.projects, decision: (records.decisions ?? []), raci_assignment: [] },
         memberOf: [],
         assignedTo: [],
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unson/brainbase-mcp",
-  "version": "0.15.4",
+  "version": "0.15.6",
   "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",
@@ -358,5 +358,5 @@
   "engines": {
     "node": ">=20"
   },
-  "gitHead": "1a548f70b900633c8cdcfe3c468de0a082b156fe"
+  "gitHead": "94fabc0ef66f6296d9f68fb5e4e54d87a63fc65b"
 }

package/ui/world/world-placement.js

@@ -64,3 +64,72 @@ export function districtLots(count, step = 2.5) {
     cols += 1;
   }
 }
+
+const DAY_MS = 24 * 60 * 60 * 1000;
+
+/**
+ * How a city reads (story-world-size-and-activity-v1): its size is the engagements still going, its
+ * height and lit windows are what happened in the last 30 days (decisions the Graph records for it,
+ * and judgments placed in it when the host has them).  Finished engagements stay as empty lots but do
+ * not make the city bigger.
+ */
+export function cityMeasures(business, { isFinished, judgments = [], now = Date.now() } = {}) {
+  const engagements = Array.isArray(business?.engagements) ? business.engagements : [];
+  const open = engagements.filter((engagement) => !isFinished?.(engagement.status)).length;
+  const since = now - (business?.activity?.window_days ?? 30) * DAY_MS;
+  const recentJudgments = judgments.filter((entry) => {
+    const at = Date.parse(entry?.item?.proof?.recorded_at ?? '');
+    return Number.isFinite(at) && at >= since && at <= now;
+  }).length;
+  const decisions = Number.isInteger(business?.activity?.decisions) ? business.activity.decisions : 0;
+  const recent = decisions + recentJudgments;
+  return {
+    open,
+    finished: engagements.length - open,
+    decisions,
+    judgments: recentJudgments,
+    recent,
+    towerHeight: 3.2 + Math.min(Math.log2(1 + recent) * 1.6, 5.5),
+    lit: recent > 0,
+  };
+}
+
+/**
+ * The sky for an hour of the day (scenery only; it represents no data).  `mode` 'auto' follows the hour;
+ * 'day', 'dusk' and 'night' fix it.  At night lit windows and street lamps glow the most, so the cities
+ * that moved lately read best then.
+ */
+export function skyAt(hour, mode = 'auto') {
+  const phase = mode !== 'auto' ? mode
+    : hour >= 5 && hour < 7 ? 'dawn'
+      : hour >= 7 && hour < 17 ? 'day'
+        : hour >= 17 && hour < 19 ? 'dusk'
+          : 'night';
+  const skies = {
+    dawn: { top: '#c9d6ef', middle: '#f3d9c4', bottom: '#f6ead8', fog: 0xf1e2d2, sun: 0xffd2a8, sunIntensity: 1.6, hemi: 0.95, exposure: 1.0, glow: 1.1, lamps: true, stars: false },
+    day: { top: '#bfdcf0', middle: '#e3f0f2', bottom: '#f4f1e6', fog: 0xe9f1ee, sun: 0xfff1dc, sunIntensity: 2.7, hemi: 1.25, exposure: 1.05, glow: 0.6, lamps: false, stars: false },
+    dusk: { top: '#5d6f9e', middle: '#e7a77e', bottom: '#f3cfa4', fog: 0xe6bf9c, sun: 0xffb27a, sunIntensity: 1.3, hemi: 0.75, exposure: 0.95, glow: 1.5, lamps: true, stars: false },
+    night: { top: '#0d1730', middle: '#1c2b4c', bottom: '#33456a', fog: 0x2a3a5a, sun: 0x9fb4ff, sunIntensity: 0.35, hemi: 0.35, exposure: 0.9, glow: 2.4, lamps: true, stars: true },
+  };
+  return { phase, ...skies[phase] };
+}
+
+/**
+ * What moved since the viewer last opened the world: cities whose newest decision or a placed judgment
+ * is newer than `lastVisit`, and plaza buildings whose newest judgment is.  Null on a first visit.
+ */
+export function changesSince(lastVisit, businesses, judgmentsByBusiness, rows) {
+  const since = Date.parse(lastVisit ?? '');
+  if (!Number.isFinite(since)) return null;
+  const newer = (at) => {
+    const time = Date.parse(at ?? '');
+    return Number.isFinite(time) && time > since;
+  };
+  const cities = [];
+  for (const business of businesses ?? []) {
+    const judgments = judgmentsByBusiness?.get?.(business.code) ?? [];
+    if (newer(business.activity?.latest_decision_at) || judgments.some((entry) => newer(entry?.item?.proof?.recorded_at))) cities.push(business.code);
+  }
+  const plaza = (rows ?? []).filter((row) => newer(row.latest_recorded_at)).map((row) => row.key);
+  return { since: new Date(since).toISOString(), cities, plaza };
+}

package/ui/world/world-view.js

@@ -15,7 +15,7 @@
  */
 
 import { THREE, MapControls } from './world-vendor.js';
-import { districtLots, groupJudgmentPlaces, UNPLACED_REASON_TEXT } from './world-placement.js';
+import { changesSince, cityMeasures, districtLots, groupJudgmentPlaces, skyAt, UNPLACED_REASON_TEXT } from './world-placement.js';
 import {
   makeWorkspaceElement as el,
   workspacePageHeader,
@@ -135,7 +135,8 @@ export function layoutWorld(businesses) {
       previousKind = business.kind;
     }
     angle += slot;
-    const n = business.engagements.length;
+    // The city's size is the engagements still going (finished ones stay as empty lots).
+    const n = business.engagements.filter((engagement) => !isFinished(engagement.status)).length;
     const size = 7 + 2.6 * Math.ceil(Math.sqrt(Math.max(n, 1)));
     const ring = CITY_RING + (index % 2) * 16 + size * 0.35;
     const city = { business, kind: business.kind, size, angle, x: Math.cos(angle) * ring, z: Math.sin(angle) * ring };
@@ -241,15 +242,29 @@ function createScene({ doc, stage, labelsLayer, reducedMotion, onPick, onClear }
   stage.prepend(renderer.domElement);
 
   const scene = new THREE.Scene();
-  scene.background = canvasTexture(doc, 4, 256, (ctx, w, h) => {
-    const gradient = ctx.createLinearGradient(0, 0, 0, h);
-    gradient.addColorStop(0, '#dfeee6');
-    gradient.addColorStop(0.55, '#eef4ef');
-    gradient.addColorStop(1, '#f6f1e6');
-    ctx.fillStyle = gradient;
-    ctx.fillRect(0, 0, w, h);
-  });
-  scene.fog = new THREE.Fog(0xeef3ec, 170, 340);
+  // Scenery (sky, sea, land, mountains, trees, lamps) represents no data: it only sets the place.
+  let skyMode = 'auto';
+  let sky = skyAt(new Date().getHours(), skyMode);
+  function skyTexture(current) {
+    return canvasTexture(doc, 256, 256, (ctx, w, h) => {
+      const gradient = ctx.createLinearGradient(0, 0, 0, h);
+      gradient.addColorStop(0, current.top);
+      gradient.addColorStop(0.55, current.middle);
+      gradient.addColorStop(1, current.bottom);
+      ctx.fillStyle = gradient;
+      ctx.fillRect(0, 0, w, h);
+      if (current.stars) {
+        ctx.fillStyle = 'rgba(255,255,255,0.85)';
+        for (let i = 0; i < 90; i += 1) {
+          const sx = hashUnit(`star${i}x`) * w;
+          const sy = hashUnit(`star${i}y`) * h * 0.55;
+          ctx.fillRect(sx, sy, hashUnit(`star${i}s`) > 0.85 ? 1.6 : 0.9, hashUnit(`star${i}s`) > 0.85 ? 1.6 : 0.9);
+        }
+      }
+    });
+  }
+  scene.background = skyTexture(sky);
+  scene.fog = new THREE.Fog(sky.fog, 170, 340);
 
   const camera = new THREE.OrthographicCamera(-50, 50, 50, -50, 0.1, 1000);
   const home = { position: new THREE.Vector3(90, 95, 90), target: new THREE.Vector3(0, 0, 0), zoom: 1 };
@@ -266,8 +281,9 @@ function createScene({ doc, stage, labelsLayer, reducedMotion, onPick, onClear }
   controls.minPolarAngle = Math.PI / 6;
   controls.target.copy(home.target);
 
-  scene.add(new THREE.HemisphereLight(0xf4f8ff, 0xd8ccb2, 1.25));
-  const sun = new THREE.DirectionalLight(0xfff1dc, 2.7);
+  const hemisphere = new THREE.HemisphereLight(0xf4f8ff, 0xd8ccb2, sky.hemi);
+  scene.add(hemisphere);
+  const sun = new THREE.DirectionalLight(sky.sun, sky.sunIntensity);
   sun.position.set(70, 110, 40);
   sun.castShadow = true;
   sun.shadow.mapSize.set(2048, 2048);
@@ -279,11 +295,10 @@ function createScene({ doc, stage, labelsLayer, reducedMotion, onPick, onClear }
   fill.position.set(-80, 60, -60);
   scene.add(fill);
 
-  const ground = new THREE.Mesh(new THREE.CircleGeometry(230, 72), new THREE.MeshStandardMaterial({ color: 0xe4ebe1, roughness: 1 }));
-  ground.rotation.x = -Math.PI / 2;
-  ground.receiveShadow = true;
-  ground.userData = { kind: 'ground' };
-  scene.add(ground);
+  // Lit windows and street lamps follow the sky (brightest at night); their meaning does not change.
+  const litMaterials = new Set();
+  const lampMaterials = [];
+  const animated = { water: null, jets: [], sparkles: [] };
 
   const textures = { lit: windowTexture(doc, true), unlit: windowTexture(doc, false), glow: windowTexture(doc, true, true) };
   const pickables = [];
@@ -323,7 +338,8 @@ function createScene({ doc, stage, labelsLayer, reducedMotion, onPick, onClear }
       glow.repeat.copy(map.repeat);
       material.emissive = new THREE.Color(0xffc867);
       material.emissiveMap = glow;
-      material.emissiveIntensity = 0.6;
+      material.emissiveIntensity = sky.glow;
+      litMaterials.add(material);
     }
     return mesh(new THREE.BoxGeometry(w, h, d), material, { y: h / 2 });
   }
@@ -349,14 +365,215 @@ function createScene({ doc, stage, labelsLayer, reducedMotion, onPick, onClear }
     scene.add(line);
   }
 
+  // Trees are many; they are drawn as two instanced meshes (trunks, crowns) once the world is built.
+  const treePlacements = [];
   function tree(x, z, scale = 1) {
-    const group = new THREE.Group();
-    group.add(mesh(new THREE.CylinderGeometry(0.12 * scale, 0.16 * scale, 0.7 * scale, 6), standard(0x8a6d4e), { y: 0.35 * scale }));
-    group.add(mesh(new THREE.ConeGeometry(0.7 * scale, 1.6 * scale, 7), standard(0x6f9a72, { roughness: 0.95 }), { y: 1.4 * scale }));
-    group.position.set(x, 0, z);
-    scene.add(group);
+    treePlacements.push([x, z, scale]);
+  }
+  function plantTrees() {
+    if (treePlacements.length === 0) return;
+    const trunks = new THREE.InstancedMesh(new THREE.CylinderGeometry(0.12, 0.16, 0.7, 6), standard(0x8a6d4e), treePlacements.length);
+    const crowns = new THREE.InstancedMesh(new THREE.ConeGeometry(0.7, 1.6, 7), standard(0x6f9a72, { roughness: 0.95 }), treePlacements.length);
+    const matrix = new THREE.Matrix4();
+    const tint = new THREE.Color();
+    treePlacements.forEach(([x, z, scale], index) => {
+      matrix.makeScale(scale, scale, scale).setPosition(x, 0.35 * scale, z);
+      trunks.setMatrixAt(index, matrix);
+      matrix.makeScale(scale, scale, scale).setPosition(x, 1.4 * scale, z);
+      crowns.setMatrixAt(index, matrix);
+      crowns.setColorAt(index, tint.setHSL(0.33 + (hashUnit(`${x},${z}`) - 0.5) * 0.05, 0.22, 0.45 + (hashUnit(`${z},${x}`) - 0.5) * 0.1));
+    });
+    for (const instanced of [trunks, crowns]) {
+      instanced.castShadow = true;
+      instanced.receiveShadow = true;
+      scene.add(instanced);
+    }
+    treePlacements.length = 0;
+  }
+
+  // --- scenery (no data) -----------------------------------------------------
+  function grassTexture() {
+    const texture = canvasTexture(doc, 256, 256, (ctx, w, h) => {
+      ctx.fillStyle = '#cfe0c2';
+      ctx.fillRect(0, 0, w, h);
+      for (let i = 0; i < 900; i += 1) {
+        const tone = hashUnit(`g${i}t`);
+        ctx.fillStyle = tone > 0.66 ? 'rgba(150,186,132,0.35)' : tone > 0.33 ? 'rgba(214,230,196,0.45)' : 'rgba(176,204,152,0.3)';
+        ctx.beginPath();
+        ctx.arc(hashUnit(`g${i}x`) * w, hashUnit(`g${i}y`) * h, 2 + hashUnit(`g${i}r`) * 7, 0, Math.PI * 2);
+        ctx.fill();
+      }
+    });
+    texture.wrapS = THREE.RepeatWrapping;
+    texture.wrapT = THREE.RepeatWrapping;
+    texture.repeat.set(18, 18);
+    return texture;
+  }
+
+  function waterTexture() {
+    const texture = canvasTexture(doc, 128, 128, (ctx, w, h) => {
+      ctx.fillStyle = '#8fc0d2';
+      ctx.fillRect(0, 0, w, h);
+      ctx.strokeStyle = 'rgba(255,255,255,0.35)';
+      ctx.lineWidth = 1.2;
+      for (let i = 0; i < 26; i += 1) {
+        const x = hashUnit(`w${i}x`) * w;
+        const y = hashUnit(`w${i}y`) * h;
+        ctx.beginPath();
+        ctx.moveTo(x, y);
+        ctx.quadraticCurveTo(x + 6, y - 3, x + 12, y);
+        ctx.stroke();
+      }
+    });
+    texture.wrapS = THREE.RepeatWrapping;
+    texture.wrapT = THREE.RepeatWrapping;
+    texture.repeat.set(40, 40);
+    return texture;
   }
 
+  function pavingTexture() {
+    return canvasTexture(doc, 128, 128, (ctx, w, h) => {
+      ctx.fillStyle = '#f1ece1';
+      ctx.fillRect(0, 0, w, h);
+      ctx.strokeStyle = 'rgba(176,164,140,0.55)';
+      ctx.lineWidth = 1;
+      for (let r = 8; r < w / 2; r += 9) {
+        ctx.beginPath();
+        ctx.arc(w / 2, h / 2, r, 0, Math.PI * 2);
+        ctx.stroke();
+      }
+      for (let i = 0; i < 24; i += 1) {
+        const a = (i / 24) * Math.PI * 2;
+        ctx.beginPath();
+        ctx.moveTo(w / 2 + Math.cos(a) * 8, h / 2 + Math.sin(a) * 8);
+        ctx.lineTo(w / 2 + Math.cos(a) * w / 2, h / 2 + Math.sin(a) * h / 2);
+        ctx.stroke();
+      }
+    });
+  }
+
+  /** Land, beach, sea and a far shore of mountains around the cities; scenery only. */
+  function buildTerrain(extent) {
+    const landRadius = extent + 22;
+    const land = mesh(new THREE.CircleGeometry(landRadius, 96), standard(0xffffff, { map: grassTexture(), roughness: 1 }), { shadow: false });
+    land.rotation.x = -Math.PI / 2;
+    land.receiveShadow = true;
+    scene.add(land);
+    const beach = mesh(new THREE.RingGeometry(landRadius, landRadius + 4.5, 96), new THREE.MeshLambertMaterial({ color: 0xeadfc4 }), { y: -0.05, shadow: false });
+    beach.rotation.x = -Math.PI / 2;
+    beach.receiveShadow = false;
+    scene.add(beach);
+    const water = waterTexture();
+    const sea = mesh(new THREE.PlaneGeometry(900, 900), new THREE.MeshLambertMaterial({ map: water }), { y: -0.35, shadow: false });
+    sea.rotation.x = -Math.PI / 2;
+    sea.receiveShadow = false;
+    scene.add(sea);
+    animated.water = water;
+    // A far shore: low mountains across the water, faded by the fog.
+    for (let i = 0; i < 22; i += 1) {
+      const angle = Math.PI * 0.85 + (i / 21) * Math.PI * 0.95 + (hashUnit(`m${i}a`) - 0.5) * 0.08;
+      const distance = landRadius + 110 + hashUnit(`m${i}d`) * 50;
+      const peak = 10 + hashUnit(`m${i}h`) * 16;
+      const radius = 10 + hashUnit(`m${i}r`) * 9;
+      const mountain = mesh(new THREE.ConeGeometry(radius, peak, 7), new THREE.MeshLambertMaterial({ color: 0xb4c4bc, flatShading: true }), { x: Math.cos(angle) * distance, y: peak / 2 - 0.4, z: Math.sin(angle) * distance, shadow: false });
+      mountain.rotation.y = hashUnit(`m${i}y`) * Math.PI;
+      mountain.receiveShadow = false;
+      scene.add(mountain);
+      if (peak > 21) {
+        const cap = mesh(new THREE.ConeGeometry(radius * 0.32, peak * 0.3, 7), new THREE.MeshLambertMaterial({ color: 0xf4f6f6, flatShading: true }), { x: mountain.position.x, y: peak - 0.4 - peak * 0.15, z: mountain.position.z, shadow: false });
+        cap.rotation.y = mountain.rotation.y;
+        scene.add(cap);
+      }
+    }
+    return landRadius;
+  }
+
+  const lampPlacements = [];
+  function streetLamp(x, z) {
+    lampPlacements.push([x, z]);
+  }
+  function placeLamps() {
+    if (lampPlacements.length === 0) return;
+    const poles = new THREE.InstancedMesh(new THREE.CylinderGeometry(0.05, 0.07, 1.6, 6), new THREE.MeshLambertMaterial({ color: 0x4b5550 }), lampPlacements.length);
+    const bulbMaterial = standard(0xfff3d6, { emissive: new THREE.Color(0xffd27a), emissiveIntensity: sky.lamps ? 1.6 : 0 });
+    lampMaterials.push(bulbMaterial);
+    const bulbs = new THREE.InstancedMesh(new THREE.SphereGeometry(0.16, 10, 8), bulbMaterial, lampPlacements.length);
+    const matrix = new THREE.Matrix4();
+    lampPlacements.forEach(([x, z], index) => {
+      poles.setMatrixAt(index, matrix.makeTranslation(x, 0.8, z));
+      bulbs.setMatrixAt(index, matrix.makeTranslation(x, 1.68, z));
+    });
+    scene.add(poles, bulbs);
+    lampPlacements.length = 0;
+  }
+
+  /** Trees and lamps along a road, kept off the plaza and the city plates. */
+  function avenue(from, to, keepOut) {
+    const length = from.distanceTo(to);
+    const dir = to.clone().sub(from).normalize();
+    const side = new THREE.Vector3(-dir.z, 0, dir.x);
+    for (let d = 3; d < length - 2; d += 4.2) {
+      const point = from.clone().addScaledVector(dir, d);
+      if (keepOut(point)) continue;
+      const index = Math.round(d / 4.2);
+      for (const sign of [-1, 1]) {
+        const at = point.clone().addScaledVector(side, sign * 1.9);
+        if (index % 3 === 0 && sign === 1) streetLamp(at.x, at.z);
+        else tree(at.x, at.z, 0.55 + hashUnit(`${from.x}${d}${sign}`) * 0.2);
+      }
+    }
+  }
+
+  /** Groves and fields between the cities; scenery only (no houses, which could read as engagements). */
+  function countryside(landRadius, cities, roads) {
+    const blocked = (x, z, margin) => {
+      if (Math.hypot(x, z) < PLAZA_RADIUS + 8) return true;
+      if (Math.hypot(x, z) > landRadius - 4) return true;
+      if (cities.some((city) => Math.hypot(x - city.x, z - city.z) < city.size * 0.8 + margin)) return true;
+      return roads.some(([a, b]) => {
+        const ab = b.clone().sub(a);
+        const t = Math.max(0, Math.min(1, new THREE.Vector3(x, 0, z).sub(a).dot(ab) / ab.lengthSq()));
+        return a.clone().addScaledVector(ab, t).distanceTo(new THREE.Vector3(x, 0, z)) < margin;
+      });
+    };
+    let groves = 0;
+    for (let i = 0; i < 90 && groves < 26; i += 1) {
+      const angle = hashUnit(`grove${i}a`) * Math.PI * 2;
+      const radius = PLAZA_RADIUS + 10 + hashUnit(`grove${i}r`) * (landRadius - PLAZA_RADIUS - 14);
+      const x = Math.cos(angle) * radius;
+      const z = Math.sin(angle) * radius;
+      if (blocked(x, z, 4)) continue;
+      groves += 1;
+      if (hashUnit(`grove${i}k`) > 0.7) {
+        // A field: a flat patch in a crop colour.
+        const field = mesh(new THREE.PlaneGeometry(6 + hashUnit(`f${i}w`) * 5, 4 + hashUnit(`f${i}h`) * 4), new THREE.MeshLambertMaterial({ color: hashUnit(`f${i}c`) > 0.5 ? 0xe7dca0 : 0xbfd69b }), { x, y: 0.02, z, shadow: false });
+        field.rotation.set(-Math.PI / 2, 0, hashUnit(`f${i}r`) * Math.PI);
+        scene.add(field);
+        continue;
+      }
+      const count = 4 + Math.floor(hashUnit(`grove${i}n`) * 6);
+      for (let t = 0; t < count; t += 1) {
+        const a = hashUnit(`grove${i}t${t}a`) * Math.PI * 2;
+        const r = hashUnit(`grove${i}t${t}r`) * 3.2;
+        tree(x + Math.cos(a) * r, z + Math.sin(a) * r, 0.6 + hashUnit(`grove${i}t${t}s`) * 0.5);
+      }
+    }
+  }
+
+  function applySky() {
+    sky = skyAt(new Date().getHours(), skyMode);
+    scene.background?.dispose?.();
+    scene.background = skyTexture(sky);
+    scene.fog.color.setHex(sky.fog);
+    sun.color.setHex(sky.sun);
+    sun.intensity = sky.sunIntensity;
+    hemisphere.intensity = sky.hemi;
+    renderer.toneMappingExposure = sky.exposure;
+    for (const material of litMaterials) if (!highlightedMaterials.has(material)) material.emissiveIntensity = sky.glow;
+    for (const material of lampMaterials) material.emissiveIntensity = sky.lamps ? 1.6 : 0;
+  }
+  const highlightedMaterials = new Set();
+
   // --- plaza ---------------------------------------------------------------
   function buildPlaza(rows, rowItems, waitingOf, now) {
     const plaza = new THREE.Group();
@@ -364,6 +581,20 @@ function createScene({ doc, stage, labelsLayer, reducedMotion, onPick, onClear }
     plaza.add(mesh(new THREE.CylinderGeometry(PLAZA_RADIUS, PLAZA_RADIUS + 0.4, 0.7, 64), standard(0xf3efe6, { roughness: 0.9 }), { y: 0.35 }));
     plaza.add(mesh(new THREE.TorusGeometry(PLAZA_RADIUS - 0.3, 0.08, 6, 64), standard(0xd8cfbd), { y: 0.72 }));
     plaza.children[2].rotation.x = Math.PI / 2;
+    const paving = mesh(new THREE.CircleGeometry(PLAZA_RADIUS - 0.05, 64), standard(0xffffff, { map: pavingTexture(), roughness: 0.95 }), { y: 0.705, shadow: false });
+    paving.rotation.x = -Math.PI / 2;
+    plaza.add(paving);
+    if (rows.length !== 1) {
+      // A fountain in the middle of the plaza (scenery; the kinds of judgment stand around it).
+      plaza.add(mesh(new THREE.CylinderGeometry(1.5, 1.7, 0.45, 32), standard(0xd9d1c1), { y: 0.92 }));
+      const pool = mesh(new THREE.CircleGeometry(1.3, 32), standard(0x9fd0de, { roughness: 0.2, metalness: 0.1 }), { y: 1.15, shadow: false });
+      pool.rotation.x = -Math.PI / 2;
+      plaza.add(pool);
+      plaza.add(mesh(new THREE.CylinderGeometry(0.18, 0.24, 0.9, 12), standard(0xd9d1c1), { y: 1.5 }));
+      const jet = mesh(new THREE.CylinderGeometry(0.05, 0.16, 1.2, 10), new THREE.MeshBasicMaterial({ color: 0xe8f6fb, transparent: true, opacity: 0.7 }), { y: 2.5, shadow: false });
+      plaza.add(jet);
+      animated.jets.push(jet);
+    }
     scene.add(plaza);
     register(plaza, { kind: 'plaza' });
     addLabel('広場（判断）', new THREE.Vector3(0, 0.8, PLAZA_RADIUS + 2.8), 'is-plaza', { priority: LABEL_PRIORITY.plaza });
@@ -392,6 +623,7 @@ function createScene({ doc, stage, labelsLayer, reducedMotion, onPick, onClear }
       scene.add(group);
       register(group, { kind: 'judgment', row, items: rowItems.get(row.key) ?? [] });
       const top = 0.7 + 0.25 + height + 0.7;
+      markers.plaza.set(row.key, new THREE.Vector3(x, top, z));
       const waiting = waitingOf(row);
       if (waiting > 0) {
         const beam = mesh(new THREE.CylinderGeometry(0.22, 0.22, 16, 12), new THREE.MeshBasicMaterial({ color: 0xd92335, transparent: true, opacity: 0.55 }), { x, y: top + 8, z, shadow: false });
@@ -414,19 +646,21 @@ function createScene({ doc, stage, labelsLayer, reducedMotion, onPick, onClear }
   }
 
   // --- cities ----------------------------------------------------------------
-  function landmark(form, color, height, status) {
+  function landmark(form, color, height, status, active = true) {
     const group = new THREE.Group();
     const phase = statusPhase(status);
     const concept = phase === 'concept';
+    // Windows are lit only when something happened in the last 30 days.
+    const lit = !concept && active;
     const tone = phase === 'maintenance' ? muted(color, 0.55) : new THREE.Color(color);
     const options = concept ? { transparent: true, opacity: 0.38 } : {};
     if (form === 'tower') {
-      const base = texturedBlock(3, height, 3, tone, !concept, { roughness: 0.4, ...options });
-      const mid = texturedBlock(2.2, height * 0.45, 2.2, tone, !concept, { roughness: 0.4, ...options });
+      const base = texturedBlock(3, height, 3, tone, lit, { roughness: 0.4, ...options });
+      const mid = texturedBlock(2.2, height * 0.45, 2.2, tone, lit, { roughness: 0.4, ...options });
       mid.position.y += height;
       group.add(base, mid, mesh(new THREE.CylinderGeometry(0.05, 0.05, 1.6, 6), standard(0x46524a), { y: height * 1.45 + 0.8 }));
     } else if (form === 'hall') {
-      const hall = texturedBlock(4.4, height * 0.55, 3, tone, !concept, options);
+      const hall = texturedBlock(4.4, height * 0.55, 3, tone, lit, options);
       const roof = mesh(gableRoof(4.4, 3, 1.4), standard(muted(color, 0.15).multiplyScalar(0.85), options), { y: height * 0.55 });
       roof.rotation.y = Math.PI / 2;
       group.add(hall, roof);
@@ -434,7 +668,7 @@ function createScene({ doc, stage, labelsLayer, reducedMotion, onPick, onClear }
       group.add(mesh(new THREE.CylinderGeometry(1.9, 2.1, height * 0.5, 24), standard(tone, options), { y: height * 0.25 }));
       group.add(mesh(new THREE.SphereGeometry(1.9, 24, 12, 0, Math.PI * 2, 0, Math.PI / 2), standard(0xf3f6f8, { roughness: 0.3, ...options }), { y: height * 0.5 }));
     } else {
-      group.add(texturedBlock(3.6, height * 0.75, 2.8, tone, !concept, options));
+      group.add(texturedBlock(3.6, height * 0.75, 2.8, tone, lit, options));
       group.add(mesh(new THREE.BoxGeometry(1.2, 0.6, 1), standard(0xb8c2bb), { y: height * 0.75 + 0.3 }));
     }
     if (concept) {
@@ -451,8 +685,11 @@ function createScene({ doc, stage, labelsLayer, reducedMotion, onPick, onClear }
     const status = engagement.status;
     const phase = statusPhase(status);
     if (phase === 'finished') {
-      // A finished engagement leaves its lot: a low slab, no roof.
-      group.add(mesh(new THREE.BoxGeometry(1.8, 0.18, 1.8), standard(0xc9cfc8), { y: 0.09 }));
+      // A finished engagement becomes a small memorial park: a lawn, a stone and two bushes.
+      group.add(mesh(new THREE.BoxGeometry(1.8, 0.16, 1.8), standard(0xa9c99a, { roughness: 1 }), { y: 0.08 }));
+      group.add(mesh(new THREE.BoxGeometry(0.28, 0.9, 0.28), standard(0xdcd5c6), { y: 0.61 }));
+      group.add(mesh(new THREE.ConeGeometry(0.2, 0.25, 4), standard(0xdcd5c6), { y: 1.18 }));
+      for (const [bx, bz] of [[-0.55, 0.45], [0.55, -0.4]]) group.add(mesh(new THREE.SphereGeometry(0.28, 8, 6), standard(0x7fa877, { roughness: 1 }), { x: bx, y: 0.3, z: bz }));
       group.userData.finished = true;
       return group;
     }
@@ -480,8 +717,13 @@ function createScene({ doc, stage, labelsLayer, reducedMotion, onPick, onClear }
     return group;
   }
 
+  const markers = { cities: new Map(), plaza: new Map() };
   function buildCities({ cities, sectors, extent }, judgmentsByBusiness = new Map()) {
     fitExtent(extent);
+    const landRadius = buildTerrain(extent);
+    const roads = [];
+    const keepOut = (point) => Math.hypot(point.x, point.z) < PLAZA_RADIUS + 5
+      || cities.some((city) => Math.hypot(point.x - city.x, point.z - city.z) < city.size * 0.62 + 1.2);
     for (let i = 0; i < 12; i += 1) {
       const angle = (i / 12) * Math.PI * 2;
       road(new THREE.Vector3(Math.cos(angle) * (PLAZA_RADIUS + 4), 0, Math.sin(angle) * (PLAZA_RADIUS + 4)), new THREE.Vector3(Math.cos(angle + Math.PI / 6) * (PLAZA_RADIUS + 4), 0, Math.sin(angle + Math.PI / 6) * (PLAZA_RADIUS + 4)), 1.5);
@@ -492,15 +734,19 @@ function createScene({ doc, stage, labelsLayer, reducedMotion, onPick, onClear }
       const color = kindColor(kind);
       const start = new THREE.Vector3(x, 0, z).setLength(PLAZA_RADIUS + 4);
       road(start, new THREE.Vector3(x, 0, z));
+      roads.push([start, new THREE.Vector3(x, 0, z)]);
+      avenue(start, new THREE.Vector3(x, 0, z), keepOut);
       const group = new THREE.Group();
       group.position.set(x, 0, z);
       const plateColor = new THREE.Color(0xf7f8f4).lerp(new THREE.Color(color), 0.1);
       group.add(mesh(roundedPlate(size, size, 0.45, 1.6), standard(plateColor, { roughness: 0.95 })));
-      const towerHeight = 3.2 + Math.min(business.engagements.length, 8) * 0.55;
-      group.add(landmark(entry.form, color, towerHeight, business.status));
+      const measures = cityMeasures(business, { isFinished, judgments: judgmentsByBusiness.get(business.code) ?? [] });
+      const towerHeight = measures.towerHeight;
+      group.add(landmark(entry.form, color, towerHeight, business.status, measures.lit));
       scene.add(group);
       register(group, { kind: 'city', business });
       const top = entry.form === 'tower' ? towerHeight * 1.45 + 1.8 : towerHeight + 1;
+      markers.cities.set(business.code, new THREE.Vector3(x, top, z));
       const cityLabel = addLabel(statusPhase(business.status) === 'concept' ? `${business.name}（${statusText(business.status)}）` : business.name, new THREE.Vector3(x, top, z), 'is-city', { priority: LABEL_PRIORITY.city, owner: group });
       cityLabel.node.style.borderColor = `${entry.color}80`;
       cityLabel.business = business;
@@ -539,6 +785,9 @@ function createScene({ doc, stage, labelsLayer, reducedMotion, onPick, onClear }
         tree(x + Math.cos(a) * size * 0.42, z + Math.sin(a) * size * 0.42, 0.8);
       }
     }
+    countryside(landRadius, cities, roads);
+    plantTrees();
+    placeLamps();
     for (const { kind, angle } of sectors) {
       addLabel(kindEntry(kind).label, new THREE.Vector3(Math.cos(angle) * 21, 0.2, Math.sin(angle) * 21), 'is-sector', { priority: LABEL_PRIORITY.sector });
     }
@@ -555,11 +804,13 @@ function createScene({ doc, stage, labelsLayer, reducedMotion, onPick, onClear }
   function setHighlight(group, on) {
     for (const entry of highlightable.get(group) ?? []) {
       if (on) {
+        highlightedMaterials.add(entry.material);
         entry.material.emissive.set(0x3d8f74);
         entry.material.emissiveIntensity = 0.35;
       } else {
+        highlightedMaterials.delete(entry.material);
         entry.material.emissive.copy(entry.base);
-        entry.material.emissiveIntensity = entry.intensity;
+        entry.material.emissiveIntensity = litMaterials.has(entry.material) ? sky.glow : entry.intensity;
       }
     }
   }
@@ -701,6 +952,34 @@ function createScene({ doc, stage, labelsLayer, reducedMotion, onPick, onClear }
     }
   }
 
+  /** A short burst of rising lights over what moved since the last visit. */
+  function markChanges(changes) {
+    const points = [
+      ...(changes?.cities ?? []).map((code) => markers.cities.get(code)),
+      ...(changes?.plaza ?? []).map((key) => markers.plaza.get(key)),
+    ].filter(Boolean);
+    for (const point of points) {
+      for (let i = 0; i < 10; i += 1) {
+        // Around the building and from its middle, so the labels above it never hide the sparks.
+        const angle = (i / 10) * Math.PI * 2;
+        const spark = mesh(new THREE.SphereGeometry(0.6, 10, 8), new THREE.MeshBasicMaterial({ color: 0xffb21a, transparent: true, opacity: 0.95, fog: false }), { x: point.x + Math.cos(angle) * 2.6, y: point.y * 0.35, z: point.z + Math.sin(angle) * 2.6, shadow: false });
+        spark.userData = { base: Math.max(1.2, point.y * 0.35), rise: Math.max(4, point.y * 0.8), delay: i * 220 };
+        scene.add(spark);
+        animated.sparkles.push(spark);
+      }
+      // A ring on the ground that pulses with the sparks.
+      const ring = mesh(new THREE.RingGeometry(2.8, 3.5, 48), new THREE.MeshBasicMaterial({ color: 0xffb21a, transparent: true, opacity: 0.8, side: THREE.DoubleSide, depthTest: false, fog: false }), { x: point.x, y: 0.9, z: point.z, shadow: false });
+      ring.rotation.x = -Math.PI / 2;
+      ring.renderOrder = 2;
+      ring.userData = { ring: true, base: 0.9, delay: 0 };
+      scene.add(ring);
+      animated.sparkles.push(ring);
+    }
+    animated.sparkleStart = null;
+    return points.length;
+  }
+
+  let lastSkyMinute = -1;
   let running = true;
   function frame(time) {
     if (!running) return;
@@ -731,7 +1010,35 @@ function createScene({ doc, stage, labelsLayer, reducedMotion, onPick, onClear }
         renderer.domElement.style.cursor = hovered ? 'pointer' : '';
       }
     }
+    const minute = Math.floor(Date.now() / 60000);
+    if (skyMode === 'auto' && minute !== lastSkyMinute) {
+      if (lastSkyMinute !== -1 && skyAt(new Date().getHours(), 'auto').phase !== sky.phase) applySky();
+      lastSkyMinute = minute;
+    }
+    if (animated.sparkles.length) {
+      // Timed by the clock, not the frame timestamp, which can lag behind on a slow renderer.
+      const clock = performance.now();
+      animated.sparkleStart ??= clock;
+      const elapsed = clock - animated.sparkleStart;
+      for (const spark of animated.sparkles) {
+        const t = Math.max(0, elapsed - spark.userData.delay) / 2600;
+        const cycle = t % 1;
+        if (spark.userData.ring) {
+          spark.scale.setScalar(reducedMotion ? 1 : 1 + cycle * 0.6);
+          spark.material.opacity = elapsed > 9000 ? Math.max(0, 0.8 - (elapsed - 9000) / 1500) : reducedMotion ? 0.8 : 0.8 * (1 - cycle);
+          continue;
+        }
+        spark.position.y = spark.userData.base + (reducedMotion ? 0.6 : cycle * spark.userData.rise);
+        spark.material.opacity = elapsed > 9000 ? Math.max(0, 1 - (elapsed - 9000) / 1500) : reducedMotion ? 0.9 : 0.95 * (1 - cycle);
+      }
+      if (elapsed > 10500) {
+        for (const spark of animated.sparkles) scene.remove(spark);
+        animated.sparkles = [];
+      }
+    }
     if (!reducedMotion) {
+      if (animated.water) animated.water.offset.set((time / 90000) % 1, (time / 140000) % 1);
+      for (const jet of animated.jets) jet.scale.y = 0.85 + 0.2 * Math.sin(time / 260);
       const wave = (1 + Math.sin(time / 380)) / 2;
       for (const beam of beacons) beam.material.opacity = 0.35 + 0.3 * wave;
       for (const ring of glows) {
@@ -749,6 +1056,13 @@ function createScene({ doc, stage, labelsLayer, reducedMotion, onPick, onClear }
   return {
     buildPlaza,
     buildCities,
+    markChanges,
+    /** The sky: 'auto' follows the hour; 'day', 'dusk' or 'night' fix it.  Returns the phase shown. */
+    setSky(mode) {
+      skyMode = mode;
+      applySky();
+      return sky.phase;
+    },
     flyTo,
     resetView,
     clearSelection() {
@@ -795,12 +1109,26 @@ export function createWorldView({ root, rail, page, document: explicitDocument,
   root.append(wrap);
   let scene = null;
 
+  // The sky follows the hour by default; the viewer can fix it to see the lit windows at night.
+  const SKY_MODES = [['auto', '空：時刻'], ['day', '空：昼'], ['dusk', '空：夕方'], ['night', '空：夜']];
+  let skyIndex = 0;
+  const skyButton = workspaceButton(doc, {
+    text: SKY_MODES[0][1],
+    onClick: () => {
+      skyIndex = (skyIndex + 1) % SKY_MODES.length;
+      skyButton.textContent = SKY_MODES[skyIndex][1];
+      scene?.setSky(SKY_MODES[skyIndex][0]);
+    },
+  });
   const header = workspacePageHeader(doc, {
     crumbs: page?.crumbs ?? ['あなたのBrainbase', '世界'],
     title: '世界',
     lead: '事業を都市、案件を区画、判断の種類を広場の建物として描いています。見るための画面で、ここからは何も書き換えません。',
     source: page?.source ?? null,
-    actions: [workspaceButton(doc, { text: '全体に戻る', onClick: () => { scene?.clearSelection(); showEmptyRail(); scene?.resetView(); } })],
+    actions: [
+      skyButton,
+      workspaceButton(doc, { text: '全体に戻る', onClick: () => { scene?.clearSelection(); showEmptyRail(); scene?.resetView(); } }),
+    ],
   });
   const notices = el(doc, 'div', { className: 'bb-world-hud', attrs: { 'aria-live': 'polite' } });
   const legend = el(doc, 'div', { className: 'bb-world-legend', attrs: { 'aria-label': '凡例' } });
@@ -825,6 +1153,8 @@ export function createWorldView({ root, rail, page, document: explicitDocument,
   let placement = { byBusiness: new Map(), unplaced: [] };
   /** Judgments the host kept back because they are not this organization's (organization mode only). */
   let withheld = 0;
+  /** Whether the host gave judgments at all (an organization web does not: they stay on each Mac). */
+  let judgmentsConnected = false;
 
   function judgmentText(item, fallback) {
     const textValue = item?.proof?.interruption?.question_display_text ?? item?.proof?.decision?.summary ?? fallback;
@@ -902,10 +1232,17 @@ export function createWorldView({ root, rail, page, document: explicitDocument,
         blocks.push(workspaceRailBlock(doc, { title: '登録', content: workspaceDefinition(doc, [['状態', statusText(data.engagement.status)], ['Graph ID', data.engagement.id]]) }));
         blocks.push(detailBlock(data.engagement, '「プロジェクトと関係者」でこの案件を開く'));
       } else {
-        const open = business.engagements.filter((engagement) => !isFinished(engagement.status)).length;
+        const measures = cityMeasures(business, { isFinished, judgments: placement.byBusiness.get(business.code) ?? [] });
         const kind = kindEntry(business.kind);
         const kindText = kind.definition ? `${kind.label}（${kind.definition}）` : kind.label;
-        blocks.push(workspaceRailBlock(doc, { title: '登録', content: workspaceDefinition(doc, [['分類', kindText], ['状態', statusText(business.status)], ['コード', business.code], ['案件', `${business.engagements.length}件（動いている${open}件）`]]) }));
+        const judgmentText = judgmentsConnected ? `・判断${measures.judgments}件` : '（判断は未接続）';
+        blocks.push(workspaceRailBlock(doc, { title: '登録', content: workspaceDefinition(doc, [
+          ['分類', kindText],
+          ['状態', statusText(business.status)],
+          ['コード', business.code],
+          ['進行中の案件（都市の広さ）', `${measures.open}件${measures.finished ? `（完了・終了${measures.finished}件は記念公園）` : ''}`],
+          ['最近30日の動き（高さ・明かり）', `決定${measures.decisions}件${judgmentText}`],
+        ]) }));
         const ul = el(doc, 'ul', { className: 'bb-world-rail-list' });
         for (const engagement of business.engagements) {
           const li = el(doc, 'li', { text: `${engagement.name}（${statusText(engagement.status)}）` });
@@ -1034,6 +1371,7 @@ export function createWorldView({ root, rail, page, document: explicitDocument,
       else note('判断', `判断の記録を読めません（${reason}）。0件ではありません。`, 'warning');
     } else {
       proofs = proofIndex(home);
+      judgmentsConnected = true;
       const waiting = [...proofs.values()].filter(isWaiting).length;
       const places = placesResult.ok && placesResult.data?.status === 'available' ? placesResult.data.places : null;
       if (places) {
@@ -1058,6 +1396,46 @@ export function createWorldView({ root, rail, page, document: explicitDocument,
     scene = createScene({ doc, stage, labelsLayer, reducedMotion, onPick, onClear: showEmptyRail });
     scene.buildPlaza(rows, rowItems, (row) => (rowItems.get(row.key) ?? []).filter((ref) => isWaiting(proofs.get(ref.decision_attempt_id))).length, Date.now());
     scene.buildCities(layoutWorld(businesses), placement.byBusiness);
+    showChangesSinceLastVisit(note, businesses, rows);
+  }
+
+  /**
+   * What moved since this viewer last opened the world (a per-viewer convenience kept in this browser;
+   * nothing is lost if the browser forgets it).
+   */
+  function showChangesSinceLastVisit(note, businesses, rows) {
+    const key = 'brainbase.world.lastVisit';
+    let lastVisit = null;
+    try {
+      lastVisit = globalThis.localStorage?.getItem(key) ?? null;
+    } catch {
+      lastVisit = null;
+    }
+    const changes = changesSince(lastVisit, businesses, placement.byBusiness, rows);
+    try {
+      globalThis.localStorage?.setItem(key, new Date().toISOString());
+    } catch {
+      // Without storage the world simply shows no marks next time.
+    }
+    if (!changes) {
+      note('前回から', '初めての表示です。次に開いたときから、前回から動きがあった所に光の印を出します。');
+      return;
+    }
+    const names = new Map(businesses.map((business) => [business.code, business.name]));
+    const cityNames = changes.cities.map((code) => names.get(code) ?? code);
+    const last = new Date(changes.since);
+    const pad = (value) => String(value).padStart(2, '0');
+    const when = `${pad(last.getMonth() + 1)}/${pad(last.getDate())} ${pad(last.getHours())}:${pad(last.getMinutes())}`;
+    if (cityNames.length === 0 && changes.plaza.length === 0) {
+      note('前回から', `前回（${when}）から、新しい決定や判断はありません。`);
+      return;
+    }
+    const parts = [
+      cityNames.length ? `都市：${cityNames.join('・')}` : null,
+      changes.plaza.length ? `広場の判断の種類${changes.plaza.length}つ` : null,
+    ].filter(Boolean);
+    note('前回から', `前回（${when}）から動きがあった所に光の印を出しています。${parts.join('、')}。`, 'attention');
+    scene?.markChanges(changes);
   }
 
   void load();