@unson/brainbase-mcp 0.41.13 → 0.43.0

package/ui/judgment-history.js

@@ -1148,12 +1148,45 @@ function appendJudgmentBasis(doc, references, labels) {
   return wrap;
 }
 
-function appendOwnerJudgment(doc, references) {
+function personalMemoryExcerpt(value) {
+  const body = String(value ?? '').replace(/\s+/gu, ' ').trim();
+  return body.length > 60 ? `${body.slice(0, 60)}…` : body;
+}
+
+/**
+ * The used memories the host resolved for this viewer: an opening and a link
+ * to あなたの記憶.  Only the owner's host resolves them; without that, or when
+ * the lookup failed, this stays the count only.
+ */
+function ownerMemoryLinks(doc, references, memories) {
+  if (!(memories instanceof Map)) return null;
+  const found = [];
+  for (const reference of Array.isArray(references) ? references : []) {
+    if (judgmentReferenceKind(reference) !== PERSONAL_KNOWLEDGE_KIND) continue;
+    const entry = memories.get(text(reference?.ref));
+    if (entry?.status === 'found') found.push(entry);
+  }
+  if (found.length === 0) return null;
+  const list = makeWorkspaceElement(doc, 'ul', { className: 'bb-jh-owner-memories', attrs: { 'aria-label': '使った記憶' } });
+  for (const entry of found) {
+    const item = makeWorkspaceElement(doc, 'li');
+    item.append(makeWorkspaceElement(doc, 'a', { text: entry.excerpt, attrs: { href: entry.href } }));
+    list.append(item);
+  }
+  return list;
+}
+
+function appendOwnerJudgment(doc, references, memories = null) {
   const { owner } = describeJudgmentBasis(references);
   const wrap = makeWorkspaceElement(doc, 'div', { className: `bb-jh-owner is-${owner.state}` });
   if (owner.state === 'applied') {
     wrap.append(makeWorkspaceElement(doc, 'strong', { text: `あなたの判断の材料（個人KG）を${owner.count}件使いました。` }));
-    wrap.append(makeWorkspaceElement(doc, 'p', { text: 'この判断には、あなたの考えが入っています。個人KGの中身はここには出しません。' }));
+    const links = ownerMemoryLinks(doc, references, memories);
+    if (links) {
+      wrap.append(makeWorkspaceElement(doc, 'p', { text: 'この判断には、あなたの考えが入っています。使った記憶はあなたにだけ見えています。' }), links);
+    } else {
+      wrap.append(makeWorkspaceElement(doc, 'p', { text: 'この判断には、あなたの考えが入っています。個人KGの中身はここには出しません。' }));
+    }
   } else if (owner.state === 'not_applied') {
     wrap.append(makeWorkspaceElement(doc, 'strong', { text: 'あなたの判断の材料（個人KG）は使っていません。' }));
     wrap.append(makeWorkspaceElement(doc, 'p', { text: 'Graphの哲学・目的・世界モデルと、AIの判断で進めました。' }));
@@ -1467,7 +1500,7 @@ function renderNormalRail(doc, rail, row, detail, onClose, options = {}) {
   }));
   rail.append(workspaceRailBlock(doc, {
     title: '本人の考え',
-    content: appendOwnerJudgment(doc, record.selectedReferences),
+    content: appendOwnerJudgment(doc, record.selectedReferences, options.personalMemories),
   }));
   rail.append(workspaceRailBlock(doc, {
     title: '判断の理由',
@@ -1907,6 +1940,10 @@ export function createJudgmentHistoryUI({
   // Optional host port: (references: {ref, kind}[]) => Promise<Map|object of ref -> name>.
   // The host resolves names under the viewer's current permission.
   resolveReferenceLabels = null,
+  // Optional owner-only port: (refs: string[]) => Promise<Map|object of ref -> { excerpt, href }>.
+  // A host passes it only to the owner; the 本人の考え block then shows the
+  // opening of each used memory with a link to あなたの記憶.
+  resolvePersonalMemory = null,
 } = {}) {
   if (!root) throw new TypeError('root is required');
   const doc = safeDocument(explicitDocument);
@@ -1946,6 +1983,7 @@ export function createJudgmentHistoryUI({
     skeletonTimer: null,
     slowTimer: null,
     labels: new Map(),
+    personalMemories: new Map(),
   };
 
   let filterPopover = null;
@@ -2254,6 +2292,37 @@ export function createJudgmentHistoryUI({
     void load({ append: false });
   }
 
+  function requestPersonalMemories(rows) {
+    if (typeof resolvePersonalMemory !== 'function') return;
+    const pending = [];
+    for (const row of rows) {
+      if (row.mode !== 'normal' || !Array.isArray(row.references)) continue;
+      for (const reference of row.references) {
+        const ref = text(reference?.ref);
+        if (!ref || judgmentReferenceKind(reference) !== PERSONAL_KNOWLEDGE_KIND || state.personalMemories.has(ref)) continue;
+        state.personalMemories.set(ref, { status: 'loading' });
+        pending.push(ref);
+      }
+    }
+    if (!pending.length) return;
+    const settle = (resolved) => {
+      if (state.disposed) return;
+      const lookup = resolved instanceof Map
+        ? (ref) => resolved.get(ref)
+        : isRecord(resolved) ? (ref) => resolved[ref] : () => null;
+      for (const ref of pending) {
+        const entry = lookup(ref);
+        const excerpt = isRecord(entry) ? personalMemoryExcerpt(entry.excerpt) : '';
+        const href = isRecord(entry) ? text(entry.href) : '';
+        state.personalMemories.set(ref, excerpt && href ? { status: 'found', excerpt, href } : { status: 'missing' });
+      }
+      render();
+    };
+    Promise.resolve()
+      .then(() => resolvePersonalMemory([...pending]))
+      .then(settle, () => settle(null));
+  }
+
   function requestReferenceLabels(rows) {
     const pending = [];
     for (const row of rows) {
@@ -2440,6 +2509,7 @@ export function createJudgmentHistoryUI({
       ? 'この期間に取得できた判断履歴はありません。全件数が未確認のため0件とは確認できません。'
       : 'この期間の判断履歴はありません。';
     requestReferenceLabels(aggregate.rows);
+    requestPersonalMemories(aggregate.rows);
     const dataRows = makeRows(doc, aggregate, state.selectedKey, (key) => {
       state.lastFocusedKey = key;
       state.selectedKey = key;
@@ -2507,6 +2577,7 @@ export function createJudgmentHistoryUI({
         onSubmitFeedback: (controls) => void submitFeedback(selected, controls),
         onCopyReference: (payload) => void copyReference(payload),
         labels: state.labels,
+        personalMemories: state.personalMemories,
       }
       : {};
     if (nativeDrawer) {

package/ui/local-web-shell.css

@@ -67,9 +67,11 @@ body {
   letter-spacing: -.035em;
 }
 
+/* The menu fills the rail so that 設定 sits at its bottom (ledger D10). */
 .bb-shell-nav {
-  display: grid;
-  gap: 2px;
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: column;
 }
 
 .bb-shell-nav-link {

package/ui/local-web-shell.js

@@ -26,6 +26,8 @@ import { createMeetingMinutesUI } from './meeting-minutes.js';
 import { createMeetingMinutesStorageExtension } from './meeting-minutes-storage.js';
 import { createMeetingMinutesLineageExtension } from './meeting-minutes-lineage-http.js';
 import { createWorldModelView } from './world-model-view.js';
+import { createPersonalMemoryUI, parsePersonalMemoryRoute, personalMemoryRouteTarget } from './personal-memory.js';
+import { createPersonalMemoryHttpPort } from './personal-memory-http-port.js';
 import { createGraphClient } from './graph-view-shared.js';
 import { installNativeScrollbars } from './native-scrollbars.js';
 import { browserAreaStorage, createAreaMemory, createAreaNav } from './area-nav.js';
@@ -53,66 +55,69 @@ const NAV_ICON_PATHS = Object.freeze({
   minutes: ['M6 3.5h9l3 3V20.5H6z', 'M15 3.5v4h3', 'M9 12h6m-6 3h6'],
   // Two people (the organization edition's 人と会社 uses the same shape).
   people: ['M9 11a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z', 'M2.5 20a6.5 6.5 0 0 1 13 0', 'M16 4.5a3.5 3.5 0 0 1 0 6.5', 'M18 14a6.5 6.5 0 0 1 3.5 6'],
+  // あなたの記憶 (ledger D15): one person and a lock, seen only by the owner.
+  memory: ['M10 11a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z', 'M3.5 20a6.5 6.5 0 0 1 10-5.5', 'M15 15h6v5h-6z', 'M16.5 15v-1.5a1.5 1.5 0 0 1 3 0V15'],
   // Kinds of information and how they connect (settings, ledger D14): three linked boxes.
   ontology: ['M4 4h6v6H4z', 'M14 14h6v6h-6z', 'M14 4h6v6h-6z', 'M10 7h4', 'M17 10v4'],
   // World view (extension id `world`, ledger P17).
   world: ['M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18z', 'M3 12h18', 'M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.6-3.8-9S9.5 5.6 12 3z'],
-  // Areas whose screens have their own icons (ledger D10, stage 2): a briefcase, and
-  // the organization edition's gear.
-  'area:work': ['M4 8h16v11H4z', 'M9 8V5h6v3', 'M4 13h16'],
+  // 設定 (ledger D10): the organization edition's gear.
   'area:settings': ['M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915', 'M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'],
 });
 // Screens without their own icon (for example a private product's extension).
 const DEFAULT_NAV_ICON_PATHS = Object.freeze(['M5 20V10m7 10V4m7 16v-7']);
 const SVG_NS = 'http://www.w3.org/2000/svg';
 
-// The menu's areas (brainbase-project ledger D10): the same order and names as
-// the organization edition. The left side lists only the areas; the screens of
-// the current area are tabs above the page (stage 2). 目的と現状 is the only
-// screen of its area and keeps its own name. Inside an area, `order` lists the
-// screens first in that order; `defaultScreen` opens when nothing is remembered.
-const NAV_AREAS = Object.freeze([
-  Object.freeze({ id: 'purpose', label: null, order: ['objectives'], icon: 'objectives' }),
-  Object.freeze({ id: 'work', label: '仕事', order: ['projects', 'minutes'], defaultScreen: 'projects', icon: 'area:work' }),
-  Object.freeze({ id: 'outcomes', label: '成果', order: ['value-proofs'], icon: 'value-proofs' }),
-  Object.freeze({ id: 'information', label: '情報と関係', order: ['graph', 'people'], defaultScreen: 'graph', icon: 'graph' }),
-  Object.freeze({ id: 'settings', label: '設定', order: ['ontology'], defaultScreen: 'ontology', icon: 'area:settings' }),
+// The menu's sections (brainbase-project ledger D10, 2026-10-17 revision): the
+// destinations themselves under small headings, in the organization edition's
+// order, with 設定 at the bottom. Screens OSS Personal does not have are not
+// listed. `screenId` makes the heading open that screen (プロジェクトと関係者);
+// `area` turns the section's screens into one line with tabs (設定). Inside a
+// section, `order` lists the screens first in that order.
+const NAV_SECTIONS = Object.freeze([
+  Object.freeze({ id: 'meetings', label: '会議', order: ['minutes'] }),
+  Object.freeze({ id: 'project', label: 'プロジェクト', screenId: 'projects', order: ['objectives'] }),
+  Object.freeze({ id: 'explore', label: '調べる', order: ['value-proofs', 'graph', 'people', 'memory'] }),
+  Object.freeze({ id: 'settings', label: null, placement: 'footer', order: ['ontology'], area: Object.freeze({ label: '設定', defaultScreen: 'ontology', icon: 'area:settings' }) }),
 ]);
 
+const sectionOf = (screen) => NAV_SECTIONS.find((section) => section.id === screen.section) ?? null;
+
 // Menu order only: the screens' own order (and so the first screen) stays as given.
-// Screens without an area keep their place — those before the first area-bound
-// screen come first (a leading extension such as the world), the rest come last.
-function navLayout(screens) {
-  const firstInArea = screens.findIndex((screen) => NAV_AREAS.some((area) => area.id === screen.area));
-  if (firstInArea === -1) return { leading: [...screens], areas: [], trailing: [] };
-  const leading = screens.slice(0, firstInArea);
-  const trailing = screens.slice(firstInArea).filter((screen) => !NAV_AREAS.some((area) => area.id === screen.area));
-  const areas = NAV_AREAS.map((area) => {
-    const members = screens.filter((screen) => screen.area === area.id);
+// Screens without a section keep their place — those before the first sectioned
+// screen come first (a leading extension such as the world), the rest come after
+// the sections and before 設定.
+function navAreas(screens) {
+  const own = (screen, section = null) => ({ id: screen.id, label: null, screenIds: [screen.id], icon: screen.id, ...(section ? { section } : {}) });
+  const firstSectioned = screens.findIndex((screen) => sectionOf(screen));
+  const leading = firstSectioned === -1 ? [...screens] : screens.slice(0, firstSectioned);
+  const trailing = firstSectioned === -1 ? [] : screens.slice(firstSectioned).filter((screen) => !sectionOf(screen));
+  const sectioned = NAV_SECTIONS.map((section) => {
+    const members = screens.filter((screen) => screen.section === section.id && screen.id !== section.screenId);
     const rank = (screen) => {
-      const index = area.order.indexOf(screen.id);
-      return index === -1 ? area.order.length + members.indexOf(screen) : index;
+      const index = section.order.indexOf(screen.id);
+      return index === -1 ? section.order.length + members.indexOf(screen) : index;
     };
-    return { area, screens: [...members].sort((a, b) => rank(a) - rank(b)) };
-  }).filter((entry) => entry.screens.length > 0);
-  return { leading, areas, trailing };
+    const ordered = [...members].sort((a, b) => rank(a) - rank(b));
+    if (ordered.length === 0) return { section, areas: [] };
+    if (section.area) {
+      return { section, areas: [{ id: section.id, label: section.area.label, defaultScreen: section.area.defaultScreen, screenIds: ordered.map((screen) => screen.id), icon: section.area.icon, section: section.id }] };
+    }
+    return { section, areas: ordered.map((screen) => own(screen, section.id)) };
+  });
+  const main = sectioned.filter(({ section }) => section.placement !== 'footer').flatMap(({ areas }) => areas);
+  const footer = sectioned.filter(({ section }) => section.placement === 'footer').flatMap(({ areas }) => areas);
+  return [...leading.map((screen) => own(screen)), ...main, ...trailing.map((screen) => own(screen)), ...footer];
 }
 
-// Every menu line is an area: a screen without an area is an area of its own.
-function navAreas(screens) {
-  const layout = navLayout(screens);
-  const own = (screen) => ({ id: screen.id, label: null, screenIds: [screen.id], icon: screen.id });
-  return [
-    ...layout.leading.map(own),
-    ...layout.areas.map(({ area, screens: members }) => ({
-      id: area.id,
-      label: area.label,
-      defaultScreen: area.defaultScreen,
-      screenIds: members.map((screen) => screen.id),
-      icon: area.icon,
-    })),
-    ...layout.trailing.map(own),
-  ];
+// The sections handed to the menu part; a heading opens its screen only when that screen exists.
+function navSections(screens) {
+  return NAV_SECTIONS.map((section) => ({
+    id: section.id,
+    label: section.label,
+    placement: section.placement ?? 'main',
+    ...(section.screenId && screens.some((screen) => screen.id === section.screenId) ? { screenId: section.screenId } : {}),
+  }));
 }
 
 function makeIcon(doc, id) {
@@ -163,11 +168,14 @@ export function parseLocalWebTarget(target) {
   // プロジェクトと関係者 one project (`project` = Graph project id); other screens ignore them.
   const decisionId = screenId === 'value-proofs' ? params.get('decision')?.trim() || null : null;
   const projectId = screenId === 'projects' ? params.get('project')?.trim() || null : null;
+  // あなたの記憶 keeps its filters and the opened memory (never the search words).
+  const memoryRoute = screenId === 'memory' ? parsePersonalMemoryRoute(params) : null;
   return {
     screenId,
     entityId: screenId === 'graph' ? params.get('entity_id')?.trim() || null : null,
     ...(decisionId ? { decisionId } : {}),
     ...(projectId ? { projectId } : {}),
+    ...(memoryRoute ? { memoryRoute } : {}),
   };
 }
 
@@ -228,6 +236,26 @@ function judgmentReferenceLabelReader(context) {
   };
 }
 
+function personalMemoryPort(context) {
+  return createPersonalMemoryHttpPort({ fetcher: context.fetcher, token: context.token });
+}
+
+/** The opening of each used memory, for 判断の履歴's 本人の考え; the local host has one owner. */
+function personalMemoryResolver(context) {
+  const port = personalMemoryPort(context);
+  return async (refs) => {
+    const list = await port.listMemories({});
+    if (list.status !== 'ok') throw new Error(list.reason);
+    const wanted = new Set(refs);
+    const found = new Map();
+    for (const item of list.items) {
+      if (!wanted.has(item.id)) continue;
+      found.set(item.id, { excerpt: item.text, href: `#${personalMemoryRouteTarget({ memoryId: item.id })}` });
+    }
+    return found;
+  };
+}
+
 function mountToday(container, context) {
   return createJudgmentHistoryUI({
     root: makePage(container, context),
@@ -238,6 +266,23 @@ function mountToday(container, context) {
     token: context.token,
     basePath: '/api/judgment-history',
     resolveReferenceLabels: judgmentReferenceLabelReader(context),
+    resolvePersonalMemory: personalMemoryResolver(context),
+  });
+}
+
+function mountPersonalMemory(container, context) {
+  return createPersonalMemoryUI({
+    root: makePage(container, context),
+    rail: context.rail,
+    page: context.page,
+    document: context.document,
+    port: personalMemoryPort(context),
+    judgmentHref: (decisionId) => `#value-proofs?decision=${encodeURIComponent(decisionId)}`,
+    candidatesCommand: 'brainbase onboard:candidates',
+    route: context.initialEntityId ?? undefined,
+    onRouteChange: context.navigate
+      ? (route, options) => context.navigate(personalMemoryRouteTarget(route), options)
+      : undefined,
   });
 }
 
@@ -332,17 +377,19 @@ function mountGraphScreen(screenId, createView, extra = {}) {
 }
 
 export const LOCAL_WEB_SCREENS = Object.freeze([
-  Object.freeze({ id: 'value-proofs', label: '判断の履歴', area: 'outcomes', usesGraph: false, rail: true, source: '判断の記録', mount: mountToday }),
-  Object.freeze({ id: 'minutes', label: '議事録', area: 'work', usesGraph: false, rail: true, source: '正本の議事録', mount: mountMeetingMinutes }),
-  Object.freeze({ id: 'objectives', label: '目的と現状', area: 'purpose', usesGraph: true, rail: true, source: '手元のGraph', mount: mountObjectives }),
-  Object.freeze({ id: 'projects', label: 'プロジェクトと関係者', area: 'work', usesGraph: true, rail: true, source: '手元のGraph', mount: mountGraphScreen('projects', createGraphProjectsView) }),
+  Object.freeze({ id: 'value-proofs', label: '判断の履歴', section: 'explore', usesGraph: false, rail: true, source: '判断の記録', mount: mountToday }),
+  Object.freeze({ id: 'minutes', label: '議事録', section: 'meetings', usesGraph: false, rail: true, source: '正本の議事録', mount: mountMeetingMinutes }),
+  Object.freeze({ id: 'objectives', label: '目的と現状', section: 'project', usesGraph: true, rail: true, source: '手元のGraph', mount: mountObjectives }),
+  Object.freeze({ id: 'projects', label: 'プロジェクトと関係者', section: 'project', usesGraph: true, rail: true, source: '手元のGraph', mount: mountGraphScreen('projects', createGraphProjectsView) }),
   // A record of 情報と関係 opens as its own screen at `#graph?entity_id=…`; the list is `#graph`.
-  Object.freeze({ id: 'graph', label: '情報と関係', area: 'information', usesGraph: true, rail: false, source: '手元のGraph', mount: mountGraphScreen('graph', createGraphRegistryView, (context) => ({
+  Object.freeze({ id: 'graph', label: '情報と関係', section: 'explore', usesGraph: true, rail: false, source: '手元のGraph', mount: mountGraphScreen('graph', createGraphRegistryView, (context) => ({
     onRouteChange: (entityId, options) => context.navigate?.(entityId ? `graph?entity_id=${encodeURIComponent(entityId)}` : 'graph', options),
   })) }),
-  Object.freeze({ id: 'people', label: '人と会社', area: 'information', usesGraph: true, rail: true, source: '手元のGraph', mount: mountGraphScreen('people', createPeopleAndCompaniesView, { canCorrect: true }) }),
+  Object.freeze({ id: 'people', label: '人と会社', section: 'explore', usesGraph: true, rail: true, source: '手元のGraph', mount: mountGraphScreen('people', createPeopleAndCompaniesView, { canCorrect: true }) }),
+  // Only the owner sees it (ledger D15); the local host has one owner, so it is always listed here.
+  Object.freeze({ id: 'memory', label: 'あなたの記憶', section: 'explore', usesGraph: false, rail: true, ownerOnly: true, source: '手元の個人KG', mount: mountPersonalMemory }),
   // The definitions behind 情報と関係: infrequent management work, so under settings (ledger D14).
-  Object.freeze({ id: 'ontology', label: '情報の種類とつながり方', area: 'settings', usesGraph: true, rail: false, source: '手元のGraph', mount: mountGraphScreen('ontology', createGraphOntologyView, { canCorrect: true }) }),
+  Object.freeze({ id: 'ontology', label: '情報の種類とつながり方', section: 'settings', usesGraph: true, rail: false, source: '手元のGraph', mount: mountGraphScreen('ontology', createGraphOntologyView, { canCorrect: true }) }),
 ]);
 
 function renderGraphGate(doc, slot, status, onRecheck, label) {
@@ -428,10 +475,14 @@ export function createLocalWebShell({
   meetingMinutesLineage = null,
   areaMemory = createAreaMemory(browserAreaStorage()),
   onNavigate,
+  // A host that serves more than one person passes false for anyone but the owner:
+  // owner-only screens (あなたの記憶) are then neither listed nor mounted.
+  isOwner = true,
 } = {}) {
   if (!root) throw new TypeError('root is required');
   const doc = explicitDocument ?? (typeof document === 'undefined' ? null : document);
   if (!doc || typeof doc.createElement !== 'function') throw new Error('document_unavailable');
+  screens = screens.filter((screen) => isOwner === true || screen.ownerOnly !== true);
   const request = typeof fetcher === 'function'
     ? fetcher
     : typeof globalThis.fetch === 'function' ? (path, init) => globalThis.fetch(path, init) : null;
@@ -466,6 +517,7 @@ export function createLocalWebShell({
   const areaNav = createAreaNav({
     document: doc,
     areas: areaList,
+    sections: navSections(screens),
     screens: screens.map((screen) => ({ id: screen.id, label: screen.label })),
     memory: areaMemory,
     linkClassName: 'bb-shell-nav-link',
@@ -522,6 +574,7 @@ export function createLocalWebShell({
       if (!entityId && screen.id === 'graph' && view?.state?.detail && typeof view.closeEntity === 'function') view.closeEntity();
       if (entityId && screen.id === 'value-proofs' && typeof view?.openDecision === 'function') view.openDecision(entityId);
       if (entityId && screen.id === 'projects' && typeof view?.openProject === 'function') void view.openProject(entityId);
+      if (entityId && screen.id === 'memory' && typeof view?.applyRoute === 'function') view.applyRoute(entityId);
       return;
     }
     const slot = slots.get(screen.id);
@@ -535,6 +588,7 @@ export function createLocalWebShell({
     const page = Object.freeze({ crumbs: Object.freeze(['あなたのBrainbase', screen.label]), source: screen.source ?? null });
     const view = screen.mount(slot, Object.freeze({ ...context, rail, page, initialEntityId: entityId })) ?? true;
     mounted.set(screen.id, view);
+    if (screen.id === 'memory' && typeof view?.load === 'function') void view.load();
     if (entityId && screen.id === 'value-proofs' && typeof view?.openDecision === 'function') view.openDecision(entityId);
     if (entityId && screen.id === 'projects' && typeof view?.openProject === 'function') void view.openProject(entityId);
     updateRail();
@@ -550,7 +604,9 @@ export function createLocalWebShell({
       const screen = screens.find((candidate) => candidate.id === parsed.screenId) ?? screens[0];
       pendingEntityIds.set(screen.id, screen.id === 'graph' ? parsed.entityId
         : screen.id === 'value-proofs' ? parsed.decisionId ?? null
-          : screen.id === 'projects' ? parsed.projectId ?? null : null);
+          : screen.id === 'projects' ? parsed.projectId ?? null
+            // あなたの記憶 receives its whole route (filters and the opened memory).
+            : screen.id === 'memory' ? parsed.memoryRoute ?? null : null);
       active = screen.id;
       for (const [screenId, slot] of slots) slot.hidden = screenId !== screen.id;
       areaNav.show(screen.id);

package/ui/personal-memory-http-port.js

@@ -0,0 +1,72 @@
+/*
+ * The local Web host's port for 「あなたの記憶」 (ui/personal-memory.js).
+ *
+ * Every read carries the launch token: the memory bodies are private, so the
+ * host guards these reads as it guards writes.  The list is read whole and
+ * filtered here, so the words being searched for never go into a request URL.
+ * The local host has a single owner, so `isOwner` is always true.
+ */
+
+import { filterPersonalMemories } from './personal-memory.js';
+
+export function createPersonalMemoryHttpPort({
+  fetcher,
+  token,
+  basePath = '/api/personal-memory',
+  tokenHeader = 'x-brainbase-review-token',
+} = {}) {
+  const request = typeof fetcher === 'function'
+    ? fetcher
+    : typeof globalThis.fetch === 'function' ? (path, init) => globalThis.fetch(path, init) : null;
+  const base = String(basePath).replace(/\/+$/u, '');
+
+  async function read(path) {
+    if (!request) return { status: 0, body: null, failure: 'fetch_unavailable' };
+    try {
+      const response = await request(path, { method: 'GET', headers: token ? { [tokenHeader]: token } : {} });
+      let body = null;
+      try {
+        body = await response.json();
+      } catch {
+        body = null;
+      }
+      return { status: response.status, ok: response.ok === true, body };
+    } catch (error) {
+      return { status: 0, body: null, failure: error instanceof Error ? error.message : 'request_failed' };
+    }
+  }
+
+  function unavailable(result) {
+    return {
+      status: 'unavailable',
+      reason: result.failure ?? result.body?.reason ?? result.body?.error?.code ?? `http_${result.status}`,
+    };
+  }
+
+  return {
+    isOwner: () => true,
+    async listMemories(filter = {}) {
+      const result = await read(base);
+      if (!result.ok || result.body?.status !== 'ok' || !Array.isArray(result.body.items)) return unavailable(result);
+      return { status: 'ok', items: filterPersonalMemories(result.body.items, filter), nextCursor: null };
+    },
+    async readMemory(id) {
+      const result = await read(`${base}/${encodeURIComponent(id)}`);
+      if (result.status === 404 && result.body?.status === 'not_found') return { status: 'not_found' };
+      if (!result.ok || result.body?.status !== 'ok' || !result.body.item) return unavailable(result);
+      return { status: 'ok', item: result.body.item };
+    },
+    async listJudgmentsUsing(id, limit) {
+      const result = await read(`${base}/${encodeURIComponent(id)}/judgments?limit=${encodeURIComponent(String(limit))}`);
+      if (!result.ok || result.body?.status !== 'ok' || !Array.isArray(result.body.items)) return unavailable(result);
+      return { status: 'ok', items: result.body.items, total: result.body.total };
+    },
+    async countJudgmentsUsing() {
+      const result = await read(`${base}?view=judgment-counts`);
+      if (!result.ok || result.body?.status !== 'ok' || !result.body.counts) return unavailable(result);
+      return { status: 'ok', counts: result.body.counts };
+    },
+  };
+}
+
+export default createPersonalMemoryHttpPort;