@unson/brainbase-mcp 0.19.0 → 0.21.0

package/ui/world/world-placement.js

@@ -133,3 +133,63 @@ export function changesSince(lastVisit, businesses, judgmentsByBusiness, rows) {
   const plaza = (rows ?? []).filter((row) => newer(row.latest_recorded_at)).map((row) => row.key);
   return { since: new Date(since).toISOString(), cities, plaza };
 }
+
+/**
+ * The lots inside a district (story-world-work-sites-and-gaps-v1, AC-12, AC-16, AC-17): a main street along
+ * z, a back street on each side, and lots facing them in four columns.  Work with the same `purpose_label`
+ * stands in one block (a street of its own); blocks run from the hall toward the gate in the order of their
+ * oldest task, and work with no label stands last, by the gate.  Inside a block the lots fill in order of
+ * creation (`created_at`, then id), row by row: left front, right front, left back, right back.  So a new
+ * task never moves an older one and a change of state never moves any; only when a block's rows are full do
+ * the blocks after it shift one row toward the gate.  A cross street separates the blocks.
+ * Returns `{ lots: { [taskId]: { x, z, facing, street } }, streets: [{ key, label, count, z_from, z_to }],
+ * rows, length }`, `facing` being +1 when the lot's front looks toward +x, `label` null for the unlabelled.
+ */
+export const DISTRICT_STREETS = Object.freeze({ main: 2, frontLot: 4, backStreet: 7, backLot: 10, lot: 2.8, row: 3.4, cross: 2.6 });
+
+const LOT_COLUMNS = Object.freeze([
+  { x: -DISTRICT_STREETS.frontLot, facing: 1 },
+  { x: DISTRICT_STREETS.frontLot, facing: -1 },
+  { x: -DISTRICT_STREETS.backLot, facing: 1 },
+  { x: DISTRICT_STREETS.backLot, facing: -1 },
+]);
+
+function byCreation(a, b) {
+  const at = String(a.created_at ?? '').localeCompare(String(b.created_at ?? ''));
+  return at !== 0 ? at : String(a.task_id).localeCompare(String(b.task_id));
+}
+
+export function districtStreetLots(sites, { minRows = 4 } = {}) {
+  const groups = new Map();
+  for (const site of sites ?? []) {
+    const label = typeof site.purpose_label === 'string' && site.purpose_label.trim() ? site.purpose_label.trim() : null;
+    const key = label ?? '';
+    if (!groups.has(key)) groups.set(key, { key, label, sites: [] });
+    groups.get(key).sites.push(site);
+  }
+  const blocks = [...groups.values()].map((group) => ({ ...group, sites: group.sites.sort(byCreation) }));
+  blocks.sort((a, b) => {
+    if ((a.label === null) !== (b.label === null)) return a.label === null ? 1 : -1;
+    const first = byCreation(a.sites[0], b.sites[0]);
+    return first !== 0 ? first : a.key.localeCompare(b.key);
+  });
+  const rowsOf = (block) => Math.max(1, Math.ceil(block.sites.length / LOT_COLUMNS.length));
+  const rows = blocks.reduce((sum, block) => sum + rowsOf(block), 0);
+  const used = rows * DISTRICT_STREETS.row + Math.max(0, blocks.length - 1) * DISTRICT_STREETS.cross;
+  const length = Math.max(used, minRows * DISTRICT_STREETS.row);
+  const round = (value) => Math.round(value * 100) / 100;
+  const lots = {};
+  const streets = [];
+  let cursor = -used / 2;
+  for (const block of blocks) {
+    const blockRows = rowsOf(block);
+    block.sites.forEach((site, index) => {
+      const row = Math.floor(index / LOT_COLUMNS.length);
+      const column = LOT_COLUMNS[index % LOT_COLUMNS.length];
+      lots[site.task_id] = { x: column.x, z: round(cursor + (row + 0.5) * DISTRICT_STREETS.row), facing: column.facing, street: block.key };
+    });
+    streets.push({ key: block.key, label: block.label, count: block.sites.length, z_from: round(cursor), z_to: round(cursor + blockRows * DISTRICT_STREETS.row) });
+    cursor += blockRows * DISTRICT_STREETS.row + DISTRICT_STREETS.cross;
+  }
+  return { lots, streets, rows, length };
+}

package/ui/world/world-view.css

@@ -149,6 +149,20 @@
   border-color: var(--bb-color-rail-border);
 }
 
+.bb-world-label.is-street {
+  font-weight: 700;
+  background: #2f6e4f;
+  border-color: #255a40;
+  color: #ffffff;
+}
+
+.bb-world-label.is-street.is-unlabelled {
+  background: #f1ece1;
+  border-style: dashed;
+  border-color: #8a8270;
+  color: #5c5546;
+}
+
 .bb-world-label.is-engagement {
   font-size: 11px;
   color: var(--bb-color-muted);
@@ -232,3 +246,226 @@
   text-decoration: underline;
   text-underline-offset: 2px;
 }
+
+/* --- the work inside a city (story-world-work-sites-and-gaps-v1) --------- */
+.bb-world-legend.is-work {
+  bottom: calc(var(--bb-space-3) + 34px);
+}
+
+.bb-world-legend[hidden] {
+  display: none;
+}
+
+.bb-world-chip.is-work-waiting::before { background: #7a6a9e; }
+.bb-world-chip.is-work-in_progress::before { background: #2f7d86; }
+.bb-world-chip.is-work-pending::before { background: #8d979e; }
+.bb-world-chip.is-sign::before { background: #e3a21a; }
+.bb-world-chip.is-ring::before { background: transparent; border: 2px dashed #5b4a8a; border-radius: 50%; width: 8px; height: 8px; }
+.bb-world-chip.is-road::before { background: #1261ad; height: 3px; width: 14px; border-radius: 0; }
+
+.bb-world-badge {
+  display: inline-block;
+  margin-left: 6px;
+  padding: 0 6px;
+  border-radius: 999px;
+  font-size: 11px;
+  font-weight: 700;
+  line-height: 1.5;
+}
+
+.bb-world-badge.is-check {
+  background: #fbe7bd;
+  color: #7a5200;
+  border: 1px solid #e3a21a;
+}
+
+.bb-world-badge.is-unreadable {
+  background: #eceeef;
+  color: #4b524e;
+  border: 1px dashed #8a9096;
+}
+
+.bb-world-label.is-site {
+  font-size: 10px;
+  padding: 1px 5px;
+  color: var(--bb-color-muted);
+}
+
+.bb-world-label.is-site.is-check {
+  border-color: #e3a21a;
+}
+
+.bb-world-label.is-link {
+  font-size: 11px;
+  background: rgb(255 255 255 / 92%);
+}
+
+.bb-world-label.is-link.is-recorded {
+  border-color: #1261ad;
+  color: #0d4a85;
+}
+
+.bb-world-label.is-link.is-inferred {
+  border-style: dashed;
+  border-color: #7a6a9e;
+  color: #4d3f75;
+}
+
+.bb-world-rail-list.is-plain,
+.bb-world-rail-list.is-links {
+  list-style: none;
+  padding-left: 0;
+}
+
+.bb-world-link {
+  display: grid;
+  grid-template-columns: 1.4em 1fr;
+  column-gap: 4px;
+}
+
+.bb-world-link .bb-world-rail-note {
+  grid-column: 2;
+}
+
+.bb-world-link-mark {
+  font-weight: 700;
+  color: #1261ad;
+}
+
+.bb-world-link.is-inferred .bb-world-link-mark { color: #7a6a9e; }
+.bb-world-link.is-unreadable .bb-world-link-mark { color: #8a9096; }
+.bb-world-link.is-unreadable > span:not(.bb-world-link-mark) { color: var(--bb-color-muted); }
+
+.bb-world-rail-pick {
+  font: inherit;
+  font-size: 13px;
+  text-align: left;
+  padding: 2px 0;
+  border: 0;
+  background: none;
+  color: var(--bb-color-accent);
+  text-decoration: underline;
+  text-underline-offset: 2px;
+  cursor: pointer;
+}
+
+.bb-world-rail-pick:disabled {
+  color: var(--bb-color-ink);
+  text-decoration: none;
+  cursor: default;
+}
+
+.bb-world-rail-pick.is-gap {
+  color: #7a5200;
+}
+
+.bb-world-swatch {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  margin-right: 6px;
+  border-radius: 3px;
+  background: var(--bb-color-quiet);
+}
+
+.bb-world-swatch.is-waiting { background: #7a6a9e; }
+.bb-world-swatch.is-in_progress { background: #2f7d86; }
+.bb-world-swatch.is-pending { background: #8d979e; }
+.bb-world-swatch.is-completed { background: #6f9a68; }
+.bb-world-swatch.is-cancelled { background: #b9b2a5; }
+
+.bb-world-rail-sub {
+  margin: var(--bb-space-2) 0 4px;
+  font-size: 12px;
+  color: var(--bb-color-muted);
+}
+
+.bb-world-rail-caveat.is-quiet {
+  color: var(--bb-color-muted);
+}
+
+.bb-world-gap {
+  padding: 8px 10px;
+  margin-bottom: 8px;
+  border-left: 3px solid #e3a21a;
+  background: rgb(251 231 189 / 35%);
+  border-radius: 4px;
+}
+
+.bb-world-gap h4 {
+  margin: 0 0 4px;
+  font-size: 13px;
+}
+
+.bb-world-original p {
+  white-space: pre-wrap;
+  font-size: 12px;
+  color: var(--bb-color-muted);
+}
+
+.bb-world-hud[hidden] {
+  display: none;
+}
+
+/* --- inside a district (AC-11〜15) ---------------------------------------- */
+.bb-world-canvas[hidden],
+.bb-world-labels[hidden] {
+  display: none;
+}
+
+.bb-world-district-legend {
+  position: absolute;
+  left: var(--bb-space-3);
+  bottom: var(--bb-space-3);
+  z-index: 3;
+  width: min(600px, calc(100% - 2 * var(--bb-space-3)));
+  box-sizing: border-box;
+  padding: 6px 10px;
+  border: 1px solid var(--bb-color-border);
+  border-radius: 8px;
+  background: rgb(255 255 255 / 92%);
+  font-size: 12px;
+  color: var(--bb-color-ink);
+}
+
+.bb-world-district-legend[hidden] {
+  display: none;
+}
+
+.bb-world-district-legend summary {
+  cursor: pointer;
+  font-weight: 700;
+}
+
+.bb-world-district-legend ul {
+  margin: 6px 0 0;
+  padding: 0;
+  list-style: none;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+  gap: 2px 14px;
+}
+
+.bb-world-district-legend li.is-ambience {
+  grid-column: 1 / -1;
+  color: var(--bb-color-muted);
+  margin-top: 4px;
+}
+
+.bb-world-district-notice {
+  position: absolute;
+  top: var(--bb-space-3);
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 3;
+  margin: 0;
+  padding: 8px 14px;
+  border-radius: 8px;
+  background: rgb(255 240 199 / 95%);
+  border-left: 3px solid var(--bb-color-warning);
+  font-size: 13px;
+}
+
+.bb-world-district-notice[hidden] {
+  display: none;
+}