@unson/brainbase-mcp 0.41.9 → 0.41.11

package/ui/meeting-minutes.js

@@ -7,12 +7,27 @@
  *
  * List order and labels are a projection. Canonical records are not rewritten.
  * Calendar links stay out until a meeting-side event id is verified.
+ * Filters and sort only narrow the loaded list; the host owns any filter that
+ * changes what it asks the server for (story-meeting-minutes-list-filters-v1).
  */
 
+import { workspaceCombobox } from './workspace-kit.js';
+
 export const MEETING_MINUTES_UI_CONTRACT_VERSION = 'brainbase.meeting-minutes-ui.v1';
 
 const WEEKDAYS = ['日', '月', '火', '水', '木', '金', '土'];
 const TOKYO = 'Asia/Tokyo';
+const SORTS = Object.freeze([
+  { value: 'scheduled-desc', label: '会議の日時が新しい順' },
+  { value: 'scheduled-asc', label: '会議の日時が古い順' },
+  { value: 'updated-desc', label: '議事録の更新が新しい順' },
+]);
+const STATE_FILTERS = Object.freeze([
+  { value: '', label: 'すべての状態' },
+  { value: 'pending', label: '確認待ち' },
+  { value: 'confirmed', label: '確認済み' },
+]);
+const EMPTY_FILTERS = Object.freeze({ query: '', from: '', to: '', participant: '', status: '' });
 
 function tokyoParts(date) {
   const parts = new Intl.DateTimeFormat('en-US', {
@@ -153,6 +168,46 @@ function httpUrl(value) {
   }
 }
 
+// Only http(s) URLs and same-site absolute paths become links.
+function connectionHref(value) {
+  const raw = text(value);
+  if (raw.startsWith('/') && !raw.startsWith('//') && !raw.startsWith('/\\')) return raw;
+  return httpUrl(raw);
+}
+
+const CONNECTION_ROWS = Object.freeze([
+  ['project', 'プロジェクト'],
+  ['tasks', 'タスク'],
+  ['decisions', '判断'],
+  ['stored', '保存先'],
+  ['shared', '共有先'],
+]);
+
+// A host answer is trusted only for what it states.  Anything missing or
+// malformed reads as unrecorded, never as a confirmed empty list (P9).
+function normalizeConnectionRow(row) {
+  if (!isRecord(row)) return { status: 'unrecorded', reason: '' };
+  const reason = text(row.reason);
+  if (row.status === 'none') return { status: 'none', reason: '' };
+  if (row.status === 'unavailable') return { status: 'unavailable', reason };
+  if (row.status === 'recorded') {
+    const items = (Array.isArray(row.items) ? row.items : [])
+      .filter(isRecord)
+      .map((item) => ({ label: text(item.label), href: connectionHref(item.href), detail: text(item.detail) }))
+      .filter((item) => item.label);
+    if (items.length) return { status: 'recorded', items };
+  }
+  return { status: 'unrecorded', reason };
+}
+
+function normalizeConnections(value) {
+  const unreadable = !isRecord(value);
+  return Object.fromEntries(CONNECTION_ROWS.map(([key]) => [
+    key,
+    unreadable ? { status: 'unavailable', reason: '' } : normalizeConnectionRow(value[key]),
+  ]));
+}
+
 function firstDate(values) {
   for (const value of values) {
     const date = parseDate(value);
@@ -239,19 +294,71 @@ function byCreatedAt(versions) {
     .map((item) => item.version);
 }
 
-function sortMeetings(meetings) {
+function updatedTime(entry) {
+  let latest = latestVersionTime(entry);
+  for (const documentRecord of Array.isArray(entry?.minutes) ? entry.minutes : []) {
+    const date = parseDate(documentRecord?.updated_at);
+    if (date && (!latest || date > latest)) latest = date;
+  }
+  return latest ?? importTime(entry);
+}
+
+function sortMeetings(meetings, sort = 'scheduled-desc') {
+  const byUpdate = sort === 'updated-desc';
+  const direction = sort === 'scheduled-asc' ? 1 : -1;
   return meetings
-    .map((entry, index) => ({ entry, index, timing: meetingTiming(entry) }))
+    .map((entry, index) => {
+      const timing = meetingTiming(entry);
+      const updated = byUpdate ? updatedTime(entry) : null;
+      return {
+        entry,
+        index,
+        bottom: byUpdate ? !updated : timing.kind === 'unregistered',
+        at: byUpdate ? updated?.getTime() ?? Number.NEGATIVE_INFINITY : timing.at,
+      };
+    })
     .sort((left, right) => {
-      const leftBottom = left.timing.kind === 'unregistered';
-      const rightBottom = right.timing.kind === 'unregistered';
-      if (leftBottom !== rightBottom) return leftBottom ? 1 : -1;
-      if (left.timing.at !== right.timing.at) return right.timing.at - left.timing.at;
+      if (left.bottom !== right.bottom) return left.bottom ? 1 : -1;
+      // Meetings without a date keep the newest import first in every order.
+      if (left.at !== right.at) return left.bottom ? right.at - left.at : (left.at - right.at) * direction;
       return left.index - right.index;
     })
     .map((item) => item.entry);
 }
 
+function searchText(value) {
+  return String(value ?? '').normalize('NFKC').toLocaleLowerCase('ja');
+}
+
+function tokyoDateValue(date) {
+  const { year, month, day } = tokyoParts(date);
+  return `${year}-${pad(month)}-${pad(day)}`;
+}
+
+function participantsOf(entry) {
+  const ids = entry?.meeting?.participant_ids;
+  return Array.isArray(ids) ? ids.map((id) => text(id)).filter(Boolean) : [];
+}
+
+function matchesFilters(entry, filters) {
+  const terms = searchText(filters.query).split(/\s+/u).filter(Boolean);
+  if (terms.length) {
+    const documents = Array.isArray(entry?.minutes) ? entry.minutes : [];
+    const haystack = searchText([entry?.meeting?.title, ...documents.map((documentRecord) => documentRecord?.title)].join('\n'));
+    if (!terms.every((term) => haystack.includes(term))) return false;
+  }
+  if (filters.from || filters.to) {
+    const timing = meetingTiming(entry);
+    if (!timing.date) return false;
+    const day = tokyoDateValue(timing.date);
+    if (filters.from && day < filters.from) return false;
+    if (filters.to && day > filters.to) return false;
+  }
+  if (filters.participant && !participantsOf(entry).includes(filters.participant)) return false;
+  if (filters.status && listState(entry)?.code !== filters.status) return false;
+  return true;
+}
+
 function idempotencyKey() {
   const random = typeof globalThis.crypto?.randomUUID === 'function'
     ? globalThis.crypto.randomUUID()
@@ -294,9 +401,24 @@ function sourceLabel(source) {
   return `${provider} / ${locator} / ${revision}`;
 }
 
-function renderMarkdown(doc, body) {
+function sameTitle(left, right) {
+  const normalize = (value) => String(value ?? '').normalize('NFKC').replace(/\s+/gu, '');
+  const a = normalize(left);
+  return a !== '' && a === normalize(right);
+}
+
+// The meeting title is already the detail heading; a body that opens with the same
+// heading would show it twice (story-meeting-minutes-edit-and-withdraw-ui-v1 AC-07).
+function withoutRepeatedTitle(lines, title) {
+  const first = lines.findIndex((line) => line.trim() !== '');
+  if (first < 0) return lines;
+  const heading = /^#{1,6}\s+(.+)$/u.exec(lines[first]);
+  return heading && sameTitle(heading[1], title) ? lines.slice(first + 1) : lines;
+}
+
+function renderMarkdown(doc, body, { title } = {}) {
   const root = makeElement(doc, 'div', { className: 'bb-minutes-markdown' });
-  const lines = String(body).replace(/\r\n/g, '\n').split('\n');
+  const lines = withoutRepeatedTitle(String(body).replace(/\r\n/g, '\n').split('\n'), title);
   let list = null;
   let listKind = null;
   const closeList = () => {
@@ -342,12 +464,12 @@ function renderMarkdown(doc, body) {
   return root;
 }
 
-function versionContent(doc, version) {
+function versionContent(doc, version, { title } = {}) {
   if (!isRecord(version)) return makeElement(doc, 'p', { textContent: '版の形式を確認できません。', className: 'bb-minutes-warning' });
   if (isRecord(version.source_ref)) {
     return makeElement(doc, 'p', { className: 'bb-minutes-source', textContent: `本文は元の記録にあります。${sourceLabel(version.source_ref)}` });
   }
-  if (typeof version.body === 'string') return renderMarkdown(doc, version.body);
+  if (typeof version.body === 'string') return renderMarkdown(doc, version.body, { title });
   return makeElement(doc, 'p', { className: 'bb-minutes-warning', textContent: '本文または外部参照を確認できません。' });
 }
 
@@ -513,8 +635,12 @@ export function createMeetingMinutesUI({
   basePath = '/api/meeting-minutes',
   versionActionExtensions = [],
   meetingLabel,
+  meetingConnections,
   canCreateMeeting,
+  createUnavailableReason,
   canEditMinutes,
+  hostFilters = [],
+  currentPrincipalId,
   now = () => new Date(),
 } = {}) {
   if (!root) throw new TypeError('root is required');
@@ -533,9 +659,20 @@ export function createMeetingMinutesUI({
     loading: false,
     listError: null,
     detailError: null,
+    filters: { ...EMPTY_FILTERS },
+    sort: SORTS[0].value,
+    // Which document is being edited or about to be withdrawn; both reset on every detail load.
+    editingMinutesId: null,
+    withdrawingMinutesId: null,
+    // { meetingId, rows } where rows is null while the host is answering.
+    connections: null,
   };
   let listRequestGeneration = 0;
   let detailRequestGeneration = 0;
+  let createReasonSequence = 0;
+  let connectionsSlot = null;
+  let railProjectSlot = null;
+  let railProjectMeeting = null;
 
   const screen = makeElement(doc, 'div', { className: 'bb-minutes-screen', attrs: { 'data-contract-version': MEETING_MINUTES_UI_CONTRACT_VERSION } });
   const heading = makeElement(doc, 'header', { className: 'bb-minutes-heading' });
@@ -545,6 +682,10 @@ export function createMeetingMinutesUI({
     makeElement(doc, 'p', { className: 'bb-minutes-lead', textContent: '新しい会議から読み、確認待ちを見つけて確認します。' }),
   );
   const status = makeElement(doc, 'p', { className: 'bb-minutes-status', attrs: { role: 'status', 'aria-live': 'polite' } });
+  const toolbar = makeElement(doc, 'div', {
+    className: 'bb-minutes-toolbar',
+    attrs: { role: 'search', 'aria-label': '議事録の絞り込みと並べ替え' },
+  });
   const columns = makeElement(doc, 'div', { className: 'bb-minutes-columns' });
   const listPane = makeElement(doc, 'section', {
     className: 'bb-minutes-list-pane',
@@ -552,9 +693,127 @@ export function createMeetingMinutesUI({
   });
   const detailPane = makeElement(doc, 'section', { className: 'bb-minutes-detail-pane', attrs: { 'aria-label': '議事録詳細' } });
   columns.append(listPane, detailPane);
-  screen.append(heading, status, columns);
+  screen.append(heading, status, toolbar, columns);
   root.replaceChildren(screen);
 
+  function filterField(label, control, className = '') {
+    const field = makeElement(doc, 'div', { className: `bb-minutes-filter-field${className ? ` ${className}` : ''}` });
+    field.append(makeElement(doc, 'span', { className: 'bb-minutes-label', textContent: label }), control);
+    return field;
+  }
+
+  function filterCombobox(label, options, value, onChange) {
+    return workspaceCombobox(doc, { label, options, value, className: 'bb-minutes-filter-combobox', onChange });
+  }
+
+  const keyword = makeElement(doc, 'input', {
+    className: 'bb-minutes-input bb-minutes-filter-keyword',
+    type: 'search',
+    attrs: { 'aria-label': '会議名・議事録名で絞り込む', placeholder: '会議名・議事録名', autocomplete: 'off' },
+  });
+  keyword.addEventListener('input', () => { state.filters.query = keyword.value; renderList(); });
+  const fromInput = makeElement(doc, 'input', { className: 'bb-minutes-input', type: 'date', attrs: { 'aria-label': '期間の始め' } });
+  const toInput = makeElement(doc, 'input', { className: 'bb-minutes-input', type: 'date', attrs: { 'aria-label': '期間の終わり' } });
+  fromInput.addEventListener('change', () => { state.filters.from = fromInput.value; renderList(); });
+  toInput.addEventListener('change', () => { state.filters.to = toInput.value; renderList(); });
+  const period = makeElement(doc, 'span', { className: 'bb-minutes-filter-period' });
+  period.append(fromInput, makeElement(doc, 'span', { className: 'bb-minutes-filter-period-sep', textContent: '〜', attrs: { 'aria-hidden': 'true' } }), toInput);
+  const participantBox = filterCombobox('参加者', [{ value: '', label: 'すべての参加者' }], '', (value) => { state.filters.participant = value; renderList(); });
+  const statusBox = filterCombobox('確認の状態', STATE_FILTERS, '', (value) => { state.filters.status = value; renderList(); });
+  const sortBox = filterCombobox('並べ替え', SORTS, state.sort, (value) => { state.sort = value; renderList(); });
+  const hostSlot = makeElement(doc, 'div', { className: 'bb-minutes-filter-host' });
+  const participantField = filterField('参加者', participantBox.root);
+  const statusField = filterField('確認の状態', statusBox.root);
+  const reset = button(doc, '条件を外す', () => clearFilters(), { className: 'bb-minutes-button bb-minutes-filter-reset' });
+  toolbar.append(
+    filterField('キーワード', keyword, 'is-keyword'),
+    hostSlot,
+    filterField('期間', period, 'is-period'),
+    participantField,
+    statusField,
+    filterField('並べ替え', sortBox.root),
+    reset,
+  );
+  const hostBoxes = new Map();
+
+  function currentHostFilters() {
+    let filters = hostFilters;
+    if (typeof filters === 'function') {
+      try { filters = filters(); } catch { filters = []; }
+    }
+    return (Array.isArray(filters) ? filters : []).filter((filter) => isRecord(filter) && text(filter.id));
+  }
+
+  function clientFiltersActive() {
+    return Object.keys(EMPTY_FILTERS).some((key) => Boolean(state.filters[key]));
+  }
+
+  function filtersActive() {
+    return clientFiltersActive() || currentHostFilters().some((filter) => text(filter.value));
+  }
+
+  function clearFilters() {
+    state.filters = { ...EMPTY_FILTERS };
+    keyword.value = '';
+    fromInput.value = '';
+    toInput.value = '';
+    for (const filter of currentHostFilters()) {
+      if (text(filter.value) && typeof filter.onChange === 'function') filter.onChange('');
+    }
+    renderList();
+  }
+
+  function renderToolbar(meetings) {
+    const hosts = currentHostFilters();
+    const seen = new Set();
+    for (const filter of hosts) {
+      const id = text(filter.id);
+      seen.add(id);
+      const options = Array.isArray(filter.options) ? filter.options : [];
+      const value = text(filter.value);
+      let entry = hostBoxes.get(id);
+      if (!entry) {
+        const box = workspaceCombobox(doc, {
+          label: text(filter.label, id),
+          options,
+          value,
+          placeholder: text(filter.placeholder, '選択してください'),
+          className: 'bb-minutes-filter-combobox',
+          onChange: (next) => {
+            const current = currentHostFilters().find((candidate) => text(candidate.id) === id);
+            if (typeof current?.onChange === 'function') current.onChange(next);
+          },
+        });
+        entry = { box, field: filterField(text(filter.label, id), box.root) };
+        hostBoxes.set(id, entry);
+      }
+      entry.box.update({ options, value, disabled: filter.disabled === true });
+    }
+    for (const [id, entry] of hostBoxes) {
+      if (seen.has(id)) continue;
+      entry.box.destroy();
+      hostBoxes.delete(id);
+    }
+    hostSlot.replaceChildren(...hosts.map((filter) => hostBoxes.get(text(filter.id)).field));
+    hostSlot.hidden = hosts.length === 0;
+
+    // Offer only the conditions the loaded records can answer (P9).
+    const participants = [...new Set(meetings.flatMap(participantsOf))]
+      .sort((left, right) => left.localeCompare(right, 'ja', { numeric: true }));
+    if (state.filters.participant && !participants.includes(state.filters.participant)) state.filters.participant = '';
+    participantBox.update({
+      options: [{ value: '', label: 'すべての参加者' }, ...participants.map((participant) => ({ value: participant, label: participant }))],
+      value: state.filters.participant,
+    });
+    participantField.hidden = participants.length === 0;
+    const hasStates = meetings.some((entry) => listState(entry));
+    if (!hasStates) state.filters.status = '';
+    statusBox.update({ value: state.filters.status });
+    statusField.hidden = !hasStates;
+    sortBox.update({ value: state.sort });
+    reset.hidden = !filtersActive();
+  }
+
   function clock() {
     try {
       const value = typeof now === 'function' ? now() : new Date();
@@ -608,6 +867,34 @@ export function createMeetingMinutesUI({
     return canCreateMeeting !== false;
   }
 
+  /** One short reason from the host, shown beside a create button that cannot be pressed. */
+  function createReason() {
+    if (typeof createUnavailableReason === 'function') {
+      try {
+        return text(createUnavailableReason());
+      } catch {
+        return '';
+      }
+    }
+    return text(createUnavailableReason);
+  }
+
+  function appendCreateUnavailable(parent) {
+    const reason = createReason();
+    if (!reason) return;
+    const id = `bb-minutes-create-reason-${++createReasonSequence}`;
+    parent.append(
+      makeElement(doc, 'button', {
+        className: 'bb-minutes-button is-primary',
+        textContent: '会議を作成',
+        type: 'button',
+        disabled: true,
+        attrs: { type: 'button', 'aria-describedby': id },
+      }),
+      makeElement(doc, 'span', { className: 'bb-minutes-create-reason', textContent: reason, attrs: { id } }),
+    );
+  }
+
   function canEdit() {
     if (typeof canEditMinutes === 'function') {
       try {
@@ -619,6 +906,21 @@ export function createMeetingMinutesUI({
     return canEditMinutes !== false;
   }
 
+  function viewerId() {
+    try {
+      const value = typeof currentPrincipalId === 'function' ? currentPrincipalId() : currentPrincipalId;
+      return text(value);
+    } catch {
+      return '';
+    }
+  }
+
+  // The server decides; the screen only hides the button from people it already knows it will refuse.
+  function mayWithdraw(documentRecord) {
+    const viewer = viewerId();
+    return !viewer || viewer === text(documentRecord?.created_actor_id);
+  }
+
   function stateChip(versionStatus, { detailed = false } = {}) {
     const label = detailed && versionStatus.detail ? versionStatus.detail : versionStatus.label;
     return makeElement(doc, 'span', {
@@ -632,28 +934,122 @@ export function createMeetingMinutesUI({
     line.append(node);
   }
 
+  // One gray notice per detail, only when something cannot be done here.
   function appendReadOnlyNotice(parent, version) {
     const source = isRecord(version?.source_ref) ? version.source_ref : null;
+    const editable = canEdit();
+    if (editable && !source) return false;
     const url = httpUrl(source?.locator);
     const provider = text(source?.provider, '元の記録');
     const notice = makeElement(doc, 'div', { className: 'bb-minutes-edit-guard is-info' });
-    notice.append(makeElement(doc, 'p', {
-      textContent: canEdit()
-        ? 'この画面では読むことと確認だけができます。'
-        : 'この画面では読むことだけができます。確認はプロジェクトの編集権限がある人が行います。',
-    }));
+    if (!editable) {
+      notice.append(makeElement(doc, 'p', {
+        textContent: 'この画面では読むことだけができます。確認はプロジェクトの編集権限がある人が行います。',
+      }));
+    }
     if (url) {
-      const line = makeElement(doc, 'p', { textContent: '本文を直すときは、元の記録で編集してください。' });
+      const line = makeElement(doc, 'p', { textContent: '本文は元の記録にあります。本文を直すときは、元の記録で編集してください。' });
       line.append(makeElement(doc, 'a', {
         className: 'bb-minutes-source-link',
         textContent: `元の記録を開く（${provider}）`,
         attrs: { href: url, target: '_blank', rel: 'noopener noreferrer' },
       }));
       notice.append(line);
-    } else {
+    } else if (source) {
       notice.append(makeElement(doc, 'p', { textContent: '本文を直すときは、議事録を取り込んだ元で編集してください。' }));
+    } else {
+      notice.append(makeElement(doc, 'p', { textContent: '本文を直すのも、プロジェクトの編集権限がある人です。' }));
     }
     parent.append(notice);
+    return true;
+  }
+
+  function hasConnections() {
+    return typeof meetingConnections === 'function';
+  }
+
+  function currentConnections(meeting) {
+    const value = state.connections;
+    return value && value.meetingId === meeting?.meeting_id ? value.rows : null;
+  }
+
+  function connectionLink(item, className) {
+    if (!item.href) return makeElement(doc, 'span', { className, textContent: item.label });
+    const external = /^https?:/iu.test(item.href);
+    return makeElement(doc, 'a', {
+      className,
+      textContent: item.label,
+      attrs: {
+        href: item.href,
+        target: external ? '_blank' : undefined,
+        rel: external ? 'noopener noreferrer' : undefined,
+      },
+    });
+  }
+
+  function connectionValue(row) {
+    if (!row) return makeElement(doc, 'p', { className: 'bb-minutes-connection-note', textContent: '読み込んでいます' });
+    if (row.status === 'recorded') {
+      const list = makeElement(doc, 'ul', { className: 'bb-minutes-connection-items' });
+      for (const item of row.items) {
+        const entry = makeElement(doc, 'li');
+        entry.append(connectionLink(item, 'bb-minutes-connection-link'));
+        if (item.detail) entry.append(makeElement(doc, 'span', { className: 'bb-minutes-connection-detail', textContent: item.detail }));
+        list.append(entry);
+      }
+      return list;
+    }
+    const label = row.status === 'none' ? 'なし' : row.status === 'unavailable' ? '読み込めません' : '記録なし';
+    return makeElement(doc, 'p', {
+      className: `bb-minutes-connection-note is-${row.status}`,
+      textContent: row.reason ? `${label}（${row.reason}）` : label,
+    });
+  }
+
+  function fillConnections(slot, rows) {
+    slot.replaceChildren(makeElement(doc, 'h3', { className: 'bb-minutes-connections-title', textContent: 'この会議から' }));
+    const list = makeElement(doc, 'div', { className: 'bb-minutes-connection-list' });
+    for (const [key, label] of CONNECTION_ROWS) {
+      const row = makeElement(doc, 'div', { className: 'bb-minutes-connection-row', attrs: { 'data-connection': key } });
+      row.append(
+        makeElement(doc, 'span', { className: 'bb-minutes-connection-label', textContent: label }),
+        connectionValue(rows ? rows[key] : null),
+      );
+      list.append(row);
+    }
+    slot.append(list);
+  }
+
+  function fillRailProject(slot, meeting) {
+    const project = currentConnections(meeting)?.project;
+    const item = project?.status === 'recorded' ? project.items.find((candidate) => candidate.href) : null;
+    if (item) {
+      slot.textContent = '';
+      slot.replaceChildren(connectionLink(item, 'bb-minutes-source-link'));
+      return;
+    }
+    const label = meetingLabelText(meetingLabel, meeting);
+    slot.replaceChildren();
+    slot.textContent = label || 'プロジェクトは記録されていません';
+  }
+
+  async function loadConnections(detail, isCurrentRequest) {
+    const meetingId = detail.meeting.meeting_id;
+    state.connections = { meetingId, rows: null };
+    let rows;
+    try {
+      rows = normalizeConnections(await meetingConnections({
+        meeting: detail.meeting,
+        minutes: detail.minutes,
+        versions: detail.versions,
+      }));
+    } catch {
+      rows = normalizeConnections(null);
+    }
+    if (!isCurrentRequest() || state.connections?.meetingId !== meetingId) return;
+    state.connections = { meetingId, rows };
+    if (connectionsSlot) fillConnections(connectionsSlot, rows);
+    if (railProjectSlot && railProjectMeeting?.meeting_id === meetingId) fillRailProject(railProjectSlot, railProjectMeeting);
   }
 
   function appendLoadError(parent, message, retry) {
@@ -666,7 +1062,7 @@ export function createMeetingMinutesUI({
     parent.append(notice);
   }
 
-  function renderMeetingRow(entry) {
+  function renderMeetingRow(entry, { flat = false } = {}) {
     const meeting = entry.meeting;
     const timing = meetingTiming(entry);
     const item = makeElement(doc, 'button', {
@@ -680,10 +1076,19 @@ export function createMeetingMinutesUI({
     }));
     const line = makeElement(doc, 'span', { className: 'bb-minutes-item-line' });
     if (timing.kind === 'scheduled') {
-      appendLinePart(line, makeElement(doc, 'span', { textContent: formatClock(timing.date) }));
+      // Without date headings the row carries its own date.
+      const when = flat ? `${formatMonthDay(timing.date)} ${formatClock(timing.date)}` : formatClock(timing.date);
+      appendLinePart(line, makeElement(doc, 'span', { textContent: when }));
     } else if (timing.kind === 'fallback' || (timing.kind === 'unregistered' && timing.date)) {
       appendLinePart(line, makeElement(doc, 'span', { textContent: unscheduledLabel(timing) }));
     }
+    if (flat) {
+      const updated = updatedTime(entry);
+      appendLinePart(line, makeElement(doc, 'span', {
+        className: 'bb-minutes-item-updated',
+        textContent: updated ? `更新 ${formatMonthDay(updated)} ${formatClock(updated)}` : '更新日時は未記録',
+      }));
+    }
     const label = meetingLabelText(meetingLabel, meeting);
     if (label) appendLinePart(line, makeElement(doc, 'span', { className: 'bb-minutes-meeting-label', textContent: label }));
     const rowState = listState(entry);
@@ -701,17 +1106,19 @@ export function createMeetingMinutesUI({
     clear(listPane);
     const head = makeElement(doc, 'div', { className: 'bb-minutes-pane-head' });
     const meetings = state.meetings.filter((entry) => isRecord(entry?.meeting) && typeof entry.meeting.meeting_id === 'string');
+    renderToolbar(meetings);
+    const visible = sortMeetings(meetings.filter((entry) => matchesFilters(entry, state.filters)), state.sort);
     if (canCreate()) {
       head.append(button(doc, '会議を作成', () => renderCreateForm(), { className: 'bb-minutes-button is-primary' }));
+    } else {
+      appendCreateUnavailable(head);
     }
-    head.append(makeElement(doc, 'p', { className: 'bb-minutes-sort-note', textContent: `新しい順・${meetings.length}件` }));
+    const narrowed = clientFiltersActive();
+    head.append(makeElement(doc, 'p', {
+      className: 'bb-minutes-sort-note',
+      textContent: narrowed ? `${meetings.length}件中${visible.length}件` : `${meetings.length}件`,
+    }));
     listPane.append(head);
-    if (!canCreate()) {
-      listPane.append(makeElement(doc, 'p', {
-        className: 'bb-minutes-create-guard',
-        textContent: '会議を作成する権限がありません。作成はプロジェクトの編集権限がある人が行います。',
-      }));
-    }
     if (state.listError) {
       appendLoadError(listPane, `会議一覧を読み込めませんでした。理由: ${state.listError}`, () => loadMeetings({ restoreFocus: true }));
     }
@@ -719,14 +1126,27 @@ export function createMeetingMinutesUI({
       if (state.listError) return;
       listPane.append(makeElement(doc, 'p', {
         className: 'bb-minutes-empty',
-        textContent: 'まだ議事録はありません。会議を取り込むと、ここに新しい順で並びます。',
+        textContent: filtersActive()
+          ? '条件に合う会議はありません。'
+          : 'まだ議事録はありません。会議を取り込むと、ここに新しい順で並びます。',
       }));
+      if (filtersActive()) listPane.append(button(doc, '条件を外す', () => clearFilters()));
+      return;
+    }
+    if (visible.length === 0) {
+      listPane.append(makeElement(doc, 'p', { className: 'bb-minutes-empty', textContent: '条件に合う会議はありません。' }));
+      listPane.append(button(doc, '条件を外す', () => clearFilters()));
       return;
     }
     const list = makeElement(doc, 'div', { className: 'bb-minutes-meeting-list' });
+    if (state.sort === 'updated-desc') {
+      for (const entry of visible) list.append(renderMeetingRow(entry, { flat: true }));
+      listPane.append(list);
+      return;
+    }
     const today = clock();
     let currentKey = null;
-    for (const entry of meetings) {
+    for (const entry of visible) {
       const timing = meetingTiming(entry);
       if (timing.kind === 'unregistered') continue;
       const key = dateKey(timing.date);
@@ -739,7 +1159,7 @@ export function createMeetingMinutesUI({
       }
       list.append(renderMeetingRow(entry));
     }
-    const unregistered = meetings.filter((entry) => meetingTiming(entry).kind === 'unregistered');
+    const unregistered = visible.filter((entry) => meetingTiming(entry).kind === 'unregistered');
     if (unregistered.length) {
       list.append(makeElement(doc, 'h3', {
         className: 'bb-minutes-date-heading',
@@ -753,6 +1173,8 @@ export function createMeetingMinutesUI({
   function renderRail(version, documentRecord, meeting) {
     if (!rail) return;
     clear(rail);
+    railProjectSlot = null;
+    railProjectMeeting = null;
     const block = makeElement(doc, 'section', { className: 'bb-minutes-rail-block' });
     block.append(makeElement(doc, 'h2', { textContent: '関連' }));
     if (!meeting && !version) {
@@ -763,8 +1185,10 @@ export function createMeetingMinutesUI({
     block.append(makeElement(doc, 'h3', { textContent: '予定' }));
     block.append(makeElement(doc, 'p', { className: 'bb-minutes-rail-note', textContent: '予定とのつながりは未対応です。' }));
     block.append(makeElement(doc, 'h3', { textContent: 'プロジェクト' }));
-    const label = meetingLabelText(meetingLabel, meeting);
-    block.append(makeElement(doc, 'p', { textContent: label || 'プロジェクトは記録されていません' }));
+    railProjectSlot = makeElement(doc, 'p', { className: 'bb-minutes-rail-project' });
+    railProjectMeeting = meeting;
+    fillRailProject(railProjectSlot, meeting);
+    block.append(railProjectSlot);
     appendIdentifiers(doc, block, {
       meetingId: meeting?.meeting_id,
       minutesId: documentRecord?.minutes_id,
@@ -773,6 +1197,11 @@ export function createMeetingMinutesUI({
     rail.append(block);
   }
 
+  function rerender(detail, documentRecord, version) {
+    clear(detailPane);
+    renderDetail(detail, documentRecord, version);
+  }
+
   function renderVersion(detail, documentRecord, selectedVersion, noticeState) {
     const versions = detailVersions(detail, documentRecord.minutes_id);
     const latest = versions.find((version) => version.version_id === documentRecord.current_version_id) ?? versions[versions.length - 1] ?? null;
@@ -782,105 +1211,143 @@ export function createMeetingMinutesUI({
     const selectedState = versionState(selected, versions, latest);
     const latestState = versionState(latest, versions, latest);
     const viewingOld = Boolean(selected && latest && selected.version_id !== latest.version_id);
+    const withdrawal = isRecord(documentRecord.withdrawal) ? documentRecord.withdrawal : null;
+    const native = isRecord(selected) && typeof selected.body === 'string' && !isRecord(selected.source_ref);
+    const editing = state.editingMinutesId === documentRecord.minutes_id && native && !viewingOld && !withdrawal && canEdit();
     const section = makeElement(doc, 'section', { className: 'bb-minutes-document' });
+    if (withdrawal) {
+      const when = formatStamp(withdrawal.withdrawn_at);
+      const who = text(withdrawal.actor_id);
+      section.append(makeElement(doc, 'p', {
+        className: 'bb-minutes-withdrawn',
+        textContent: `取り下げ済み（${[who, when].filter(Boolean).join('・') || '取り下げた人と日時は未記録'}）。プロジェクトの議事録の一覧には出ません。`,
+      }));
+    }
     if (viewingOld) {
       const banner = makeElement(doc, 'div', { className: 'bb-minutes-old-version' });
       const latestName = latestState.code === 'confirmed' ? '確認済み' : latestState.label;
       banner.append(makeElement(doc, 'p', {
         textContent: `古い版を表示しています。最新は${versionLabel(versions, latest)}（${latestName}）です。`,
       }));
-      banner.append(button(doc, '最新の版を見る', () => {
-        clear(detailPane);
-        renderDetail(detail, documentRecord, latest);
-      }));
+      banner.append(button(doc, '最新の版を見る', () => rerender(detail, documentRecord, latest)));
       section.append(banner);
     }
-    const band = makeElement(doc, 'div', { className: 'bb-minutes-version-band' });
-    const latestMark = selected && latest && selected.version_id === latest.version_id ? '（最新）' : '';
-    band.append(makeElement(doc, 'strong', { textContent: `${selectedLabel}${latestMark}` }));
-    const created = formatStamp(selected?.created_at);
-    if (created) band.append(makeElement(doc, 'span', { className: 'bb-minutes-item-meta', textContent: created }));
-    band.append(stateChip(selectedState, { detailed: true }));
-    const history = makeElement(doc, 'div', { className: 'bb-minutes-version-history is-collapsed', attrs: { 'aria-label': '版の履歴' } });
-    const historyButton = button(doc, `版の履歴（${versions.length}件）`, () => {
-      const collapsed = history.className.includes('is-collapsed');
-      history.className = collapsed ? 'bb-minutes-version-history' : 'bb-minutes-version-history is-collapsed';
-      historyButton.textContent = collapsed ? `版の履歴を閉じる（${versions.length}件）` : `版の履歴（${versions.length}件）`;
-    });
-    band.append(historyButton);
-    section.append(band);
-    if (!noticeState.placed) {
-      noticeState.placed = true;
-      appendReadOnlyNotice(section, selected);
+    // State and actions come first; which version this is goes below the body.
+    const actions = makeElement(doc, 'div', { className: 'bb-minutes-version-actions' });
+    actions.append(stateChip(selectedState, { detailed: true }));
+    if (!withdrawal && !editing) {
+      if (selected && canEdit() && !isRecord(selected.confirmation) && selectedState.code !== 'unknown' && selectedState.code !== 'creating') {
+        const confirm = button(doc, 'この版を確認済みにする', async () => {
+          if (!canEdit()) {
+            rerender(detail, documentRecord, selected);
+            return;
+          }
+          confirm.disabled = true;
+          try {
+            await mutate(`/${encodeURIComponent(detail.meeting.meeting_id)}/minutes/${encodeURIComponent(documentRecord.minutes_id)}/confirm`, {
+              version_id: selected.version_id,
+              expected_revision: documentRecord.revision,
+            });
+            await loadDetail(detail.meeting.meeting_id);
+            if (!state.detailError) setStatus(`${selectedLabel}を確認済みにしました。`, 'success');
+          } catch (error) {
+            confirm.disabled = false;
+            setStatus(error instanceof Error ? error.message : '確認を保存できませんでした。', 'error');
+          }
+        }, { className: 'bb-minutes-button is-primary' });
+        actions.append(confirm);
+      }
+      if (native && !viewingOld && canEdit()) {
+        actions.append(button(doc, '編集', () => {
+          state.editingMinutesId = documentRecord.minutes_id;
+          state.withdrawingMinutesId = null;
+          rerender(detail, documentRecord, selected);
+        }));
+      }
+      if (canEdit() && mayWithdraw(documentRecord)) {
+        actions.append(button(doc, '取り下げる', () => {
+          state.withdrawingMinutesId = documentRecord.minutes_id;
+          state.editingMinutesId = null;
+          rerender(detail, documentRecord, selected);
+        }, { className: 'bb-minutes-button is-quiet' }));
+      }
     }
-    for (const version of [...versions].reverse()) {
-      const versionButton = makeElement(doc, 'button', {
-        className: `bb-minutes-version${version.version_id === selected?.version_id ? ' is-selected' : ''}`,
-        type: 'button',
-        attrs: { type: 'button' },
-      });
-      const itemState = versionState(version, versions, latest);
-      const isLatest = Boolean(latest) && version.version_id === latest.version_id;
-      const line1 = makeElement(doc, 'span', { className: 'bb-minutes-version-line' });
-      line1.append(
-        makeElement(doc, 'strong', { textContent: `${versionLabel(versions, version)}${isLatest ? '（最新）' : ''}` }),
-        stateChip(itemState),
-        makeElement(doc, 'span', { className: 'bb-minutes-version-stamp', textContent: historyStamp(version, clock()) }),
-      );
-      versionButton.append(
-        line1,
-        makeElement(doc, 'span', {
-          className: 'bb-minutes-version-line is-secondary',
-          textContent: historySecondLine(version, versions, latest),
-        }),
-      );
-      versionButton.addEventListener('click', () => {
-        clear(detailPane);
-        renderDetail(detail, documentRecord, version);
-      });
-      history.append(versionButton);
+    section.append(actions);
+    if (!withdrawal && canEdit() && !mayWithdraw(documentRecord)) {
+      section.append(makeElement(doc, 'p', { className: 'bb-minutes-withdraw-guard', textContent: '取り下げられるのは、この議事録を作った人だけです。' }));
+    }
+    if (!withdrawal && state.withdrawingMinutesId === documentRecord.minutes_id && canEdit() && mayWithdraw(documentRecord)) {
+      section.append(renderWithdrawConfirm(detail, documentRecord, selected));
     }
-    section.append(history);
+    if (!noticeState.placed && appendReadOnlyNotice(section, selected)) noticeState.placed = true;
     const content = makeElement(doc, 'div', { className: 'bb-minutes-version-content' });
     const bodyRoot = makeElement(doc, 'div', {
       className: 'bb-minutes-external-body-slot',
       attrs: { 'data-minutes-external-body': 'true' },
     });
-    content.append(versionContent(doc, selected), bodyRoot);
+    if (editing) {
+      content.append(renderEditForm(detail, documentRecord, selected, versions));
+    } else {
+      content.append(versionContent(doc, selected, { title: detail.meeting?.title }), bodyRoot);
+    }
     section.append(content);
-    if (selected && canEdit() && !isRecord(selected.confirmation) && selectedState.code !== 'unknown' && selectedState.code !== 'creating') {
-      const confirm = button(doc, 'この版を確認済みにする', async () => {
-        if (!canEdit()) {
-          clear(detailPane);
-          renderDetail(detail, documentRecord, selected);
-          return;
-        }
-        confirm.disabled = true;
-        try {
-          await mutate(`/${encodeURIComponent(detail.meeting.meeting_id)}/minutes/${encodeURIComponent(documentRecord.minutes_id)}/confirm`, {
-            version_id: selected.version_id,
-            expected_revision: documentRecord.revision,
-          });
-          await loadDetail(detail.meeting.meeting_id);
-          if (!state.detailError) setStatus(`${selectedLabel}を確認済みにしました。`, 'success');
-        } catch (error) {
-          confirm.disabled = false;
-          setStatus(error instanceof Error ? error.message : '確認を保存できませんでした。', 'error');
-        }
-      }, { className: 'bb-minutes-button is-primary' });
-      band.append(confirm);
+    const meta = makeElement(doc, 'div', { className: 'bb-minutes-version-meta' });
+    const latestMark = selected && latest && selected.version_id === latest.version_id ? '（最新）' : '';
+    meta.append(makeElement(doc, 'span', {
+      className: 'bb-minutes-item-meta',
+      textContent: [`${selectedLabel}${latestMark}`, historyStamp(selected, clock()), creatorFact(selected)].join('・'),
+    }));
+    section.append(meta);
+    if (versions.length >= 2) {
+      const history = makeElement(doc, 'div', { className: 'bb-minutes-version-history is-collapsed', attrs: { 'aria-label': '版の履歴' } });
+      const historyButton = button(doc, `版の履歴（${versions.length}件）`, () => {
+        const collapsed = history.className.includes('is-collapsed');
+        history.className = collapsed ? 'bb-minutes-version-history' : 'bb-minutes-version-history is-collapsed';
+        historyButton.textContent = collapsed ? `版の履歴を閉じる（${versions.length}件）` : `版の履歴（${versions.length}件）`;
+      });
+      meta.append(historyButton);
+      for (const version of [...versions].reverse()) {
+        const versionButton = makeElement(doc, 'button', {
+          className: `bb-minutes-version${version.version_id === selected?.version_id ? ' is-selected' : ''}`,
+          type: 'button',
+          attrs: { type: 'button' },
+        });
+        const itemState = versionState(version, versions, latest);
+        const isLatest = Boolean(latest) && version.version_id === latest.version_id;
+        const line1 = makeElement(doc, 'span', { className: 'bb-minutes-version-line' });
+        line1.append(
+          makeElement(doc, 'strong', { textContent: `${versionLabel(versions, version)}${isLatest ? '（最新）' : ''}` }),
+          stateChip(itemState),
+          makeElement(doc, 'span', { className: 'bb-minutes-version-stamp', textContent: historyStamp(version, clock()) }),
+        );
+        versionButton.append(
+          line1,
+          makeElement(doc, 'span', {
+            className: 'bb-minutes-version-line is-secondary',
+            textContent: historySecondLine(version, versions, latest),
+          }),
+        );
+        versionButton.addEventListener('click', () => {
+          state.editingMinutesId = null;
+          rerender(detail, documentRecord, version);
+        });
+        history.append(versionButton);
+      }
+      section.append(history);
+    }
+    if (!editing) {
+      appendVersionActionExtensions(doc, section, {
+        extensions: versionActionExtensions,
+        detail,
+        documentRecord,
+        version: selected,
+        request: call,
+        mutate,
+        refresh: () => loadDetail(detail.meeting.meeting_id),
+        setStatus,
+        bodyRoot,
+      });
     }
-    appendVersionActionExtensions(doc, section, {
-      extensions: versionActionExtensions,
-      detail,
-      documentRecord,
-      version: selected,
-      request: call,
-      mutate,
-      refresh: () => loadDetail(detail.meeting.meeting_id),
-      setStatus,
-      bodyRoot,
-    });
     appendIdentifiers(doc, section, {
       meetingId: detail.meeting?.meeting_id,
       minutesId: documentRecord.minutes_id,
@@ -890,8 +1357,97 @@ export function createMeetingMinutesUI({
     return section;
   }
 
+  // Editing writes a new version; the earlier versions stay (story-meeting-minutes-edit-and-withdraw-ui-v1 AC-01).
+  function renderEditForm(detail, documentRecord, selected, versions) {
+    const form = makeElement(doc, 'form', { className: 'bb-minutes-edit-form' });
+    const field = labelInput(doc, '本文', { type: 'textarea', name: 'body', value: selected.body });
+    field.input.value = selected.body;
+    field.input.rows = 16;
+    form.append(
+      field.wrapper,
+      makeElement(doc, 'p', { className: 'bb-minutes-edit-note', textContent: `保存すると第${versions.length + 1}版になります。前の版は残ります。` }),
+      makeElement(doc, 'p', { className: 'bb-minutes-edit-note', textContent: '公開したときにGitへ書き出した分とSlackの知らせは、前の版のまま変わりません。' }),
+    );
+    const save = makeElement(doc, 'button', { className: 'bb-minutes-button is-primary', textContent: '新しい版として保存', type: 'submit' });
+    const cancel = button(doc, 'やめる', () => {
+      state.editingMinutesId = null;
+      rerender(detail, documentRecord, selected);
+    });
+    const row = makeElement(doc, 'div', { className: 'bb-minutes-actions' });
+    row.append(save, cancel);
+    form.append(row);
+    form.addEventListener('submit', async (event) => {
+      event.preventDefault();
+      if (!canEdit()) {
+        state.editingMinutesId = null;
+        rerender(detail, documentRecord, selected);
+        return;
+      }
+      save.disabled = true;
+      try {
+        await mutate(`/${encodeURIComponent(detail.meeting.meeting_id)}/minutes/${encodeURIComponent(documentRecord.minutes_id)}`, {
+          body: field.input.value,
+          expected_revision: documentRecord.revision,
+        });
+        state.editingMinutesId = null;
+        await loadDetail(detail.meeting.meeting_id);
+        if (!state.detailError) setStatus(`第${versions.length + 1}版として保存しました。確認待ちです。`, 'success');
+      } catch (error) {
+        save.disabled = false;
+        setStatus(error instanceof Error ? error.message : '新しい版を保存できませんでした。', 'error');
+      }
+    });
+    return form;
+  }
+
+  // Withdrawal takes the document back without deleting it (台帳 D9, story-meeting-minutes-withdraw-v1).
+  function renderWithdrawConfirm(detail, documentRecord, selected) {
+    const panel = makeElement(doc, 'div', { className: 'bb-minutes-withdraw-confirm', attrs: { role: 'group', 'aria-label': '取り下げの確認' } });
+    panel.append(makeElement(doc, 'p', { className: 'bb-minutes-withdraw-title', textContent: 'この議事録を取り下げますか？' }));
+    const facts = makeElement(doc, 'ul', { className: 'bb-minutes-md-list' });
+    for (const line of [
+      'プロジェクトの議事録の一覧から外れます。',
+      '版と本文は消えず、取り下げた人と日時が残ります。',
+      'Gitへ書き出した分と、Slackで送った知らせは取り消せません。',
+      '取り下げは元に戻せません。もう一度公開すると、新しい議事録として作られます。',
+    ]) facts.append(makeElement(doc, 'li', { textContent: line }));
+    panel.append(facts);
+    const row = makeElement(doc, 'div', { className: 'bb-minutes-actions' });
+    const confirm = button(doc, '取り下げる', async () => {
+      if (!canEdit() || !mayWithdraw(documentRecord)) {
+        state.withdrawingMinutesId = null;
+        rerender(detail, documentRecord, selected);
+        return;
+      }
+      confirm.disabled = true;
+      try {
+        await mutate(`/${encodeURIComponent(detail.meeting.meeting_id)}/minutes/${encodeURIComponent(documentRecord.minutes_id)}/withdraw`, {
+          expected_revision: documentRecord.revision,
+        });
+        state.withdrawingMinutesId = null;
+        await loadMeetings();
+        await loadDetail(detail.meeting.meeting_id);
+        if (!state.detailError) setStatus('議事録を取り下げました。', 'success');
+      } catch (error) {
+        confirm.disabled = false;
+        const denied = error?.status === 403;
+        setStatus(denied
+          ? '取り下げられませんでした。取り下げられるのは、この議事録を作った人だけです。'
+          : error instanceof Error ? error.message : '取り下げられませんでした。', 'error');
+      }
+    }, { className: 'bb-minutes-button is-danger' });
+    const cancel = button(doc, 'やめる', () => {
+      state.withdrawingMinutesId = null;
+      rerender(detail, documentRecord, selected);
+    });
+    row.append(confirm, cancel);
+    panel.append(row);
+    return panel;
+  }
+
   function renderDetail(detail, documentRecord = null, selectedVersion = null) {
     clear(detailPane);
+    connectionsSlot = null;
     if (state.detailError) {
       const retry = state.meetingId === null ? loadMeetings : () => loadDetail(state.meetingId);
       appendLoadError(detailPane, state.detailError.startsWith('会議詳細を読み込めませんでした。')
@@ -924,6 +1480,14 @@ export function createMeetingMinutesUI({
       textContent: participants ? `${when} / ${participants}` : when,
     }));
     detailPane.append(header);
+    if (hasConnections()) {
+      connectionsSlot = makeElement(doc, 'section', {
+        className: 'bb-minutes-connections',
+        attrs: { 'aria-label': 'この会議から' },
+      });
+      fillConnections(connectionsSlot, currentConnections(meeting));
+      detailPane.append(connectionsSlot);
+    }
     const documents = Array.isArray(detail.minutes) ? detail.minutes : [];
     const noticeState = { placed: false };
     if (documents.length === 0) {
@@ -941,14 +1505,17 @@ export function createMeetingMinutesUI({
     }
   }
 
+  function renderCreateUnavailable() {
+    clear(detailPane);
+    detailPane.append(makeElement(doc, 'p', { className: 'bb-minutes-empty', textContent: '議事録を選ぶと、ここに本文が出ます。' }));
+    const reason = createReason();
+    if (reason) detailPane.append(makeElement(doc, 'p', { className: 'bb-minutes-create-reason', textContent: reason }));
+  }
+
   function renderCreateForm() {
     clear(detailPane);
     if (!canCreate()) {
-      detailPane.append(makeElement(doc, 'p', { className: 'bb-minutes-empty', textContent: '議事録を選ぶと、ここに本文が出ます。' }));
-      detailPane.append(makeElement(doc, 'p', {
-        className: 'bb-minutes-create-guard',
-        textContent: '会議を作成する権限がありません。作成はプロジェクトの編集権限がある人が行います。',
-      }));
+      renderCreateUnavailable();
       return;
     }
     const form = makeElement(doc, 'form', { className: 'bb-minutes-create-form' });
@@ -966,12 +1533,7 @@ export function createMeetingMinutesUI({
       if (!canCreate()) {
         save.disabled = true;
         renderList();
-        clear(detailPane);
-        detailPane.append(makeElement(doc, 'p', { className: 'bb-minutes-empty', textContent: '議事録を選ぶと、ここに本文が出ます。' }));
-        detailPane.append(makeElement(doc, 'p', {
-          className: 'bb-minutes-create-guard',
-          textContent: '会議を作成する権限がありません。作成はプロジェクトの編集権限がある人が行います。',
-        }));
+        renderCreateUnavailable();
         return;
       }
       save.disabled = true;
@@ -1058,6 +1620,8 @@ export function createMeetingMinutesUI({
     state.meetingId = meetingId;
     state.minutesId = null;
     state.detailError = null;
+    state.editingMinutesId = null;
+    state.withdrawingMinutesId = null;
     renderList();
     setStatus('会議詳細を読み込んでいます。');
     try {
@@ -1066,8 +1630,10 @@ export function createMeetingMinutesUI({
       if (!isRecord(detail) || !isRecord(detail.meeting) || !Array.isArray(detail.minutes) || !Array.isArray(detail.versions)) throw new Error('会議詳細の形式を確認できません。');
       state.detail = detail;
       state.detailError = null;
+      if (hasConnections()) state.connections = { meetingId, rows: null };
       renderDetail(detail);
       setStatus('会議詳細を読み込みました。');
+      if (hasConnections()) void loadConnections(detail, isCurrentRequest);
     } catch (error) {
       if (!isCurrentRequest()) return state.detail;
       const preserved = preserveLoadedStateOnFailure(error) && state.detail?.meeting?.meeting_id === meetingId
@@ -1081,6 +1647,7 @@ export function createMeetingMinutesUI({
     return state.detail;
   }
 
+  renderToolbar([]);
   renderDetail(null);
   void loadMeetings();
   return {