botmux 2.107.0 → 2.108.0

package/dist/dashboard/web/roles.js

@@ -1,146 +1,89 @@
-// Roles page: group role editor + reusable role profile management.
-import { botAvatarHtml, escapeHtml, loadNameMaps, loadingHtml, t } from './ui.js';
-import { hasExplicitChatRole, summarizeGroupProfileMatches, } from './role-profile-match.js';
+import { effectiveRoleKey, loadEffectiveRoleMap } from './role-batch.js';
 // Keep in sync with MAX_ROLE_BYTES in core/role-resolver.ts (this is a browser
 // bundle, so it can't import the Node module — mirror the value here).
-const MAX_ROLE_BYTES = 32768;
-const ROLE_WARN_BYTES = Math.floor(MAX_ROLE_BYTES * 0.95);
+export const MAX_ROLE_BYTES = 32768;
+export const ROLE_WARN_BYTES = Math.floor(MAX_ROLE_BYTES * 0.95);
 const PROFILE_ID_RE = /^[A-Za-z0-9._-]{1,64}$/;
-let cache = [];
-let allBots = [];
-let profiles = [];
-let profileEntries = [];
-let groupProfileEntriesById = new Map();
-let groupEffectiveRolesByBot = new Map();
-let groupProfileContextLoaded = false;
-let activeTab = 'groups';
-let selectedGroupId = null;
-let selectedBotId = null;
-let editingContent = '';
-let editingInjectMode = 'every';
-let expandedGroups = new Set();
-let selectedProfileId = null;
-let selectedProfileBotId = null;
-let profileEditingContent = '';
-let selectedApplyGroupId = null;
-let activeRolesGeneration = 0;
-let activeRolesTimerState = null;
-function isRolesGeneration(generation) {
-    return activeRolesGeneration === generation;
-}
-function scheduleRolesTimer(fn, ms) {
-    const state = activeRolesTimerState;
-    const generation = state?.generation ?? activeRolesGeneration;
-    const id = window.setTimeout(() => {
-        state?.timers.delete(id);
-        if (isRolesGeneration(generation))
-            fn();
-    }, ms);
-    state?.timers.add(id);
-    return id;
-}
-function isValidProfileId(profileId) {
+export function isValidProfileId(profileId) {
     return PROFILE_ID_RE.test(profileId) && profileId !== '.' && profileId !== '..';
 }
-function hashChatId() {
-    const [, query = ''] = location.hash.split('?');
+export function hashChatId(hash = location.hash) {
+    const [, query = ''] = hash.split('?');
     const chatId = new URLSearchParams(query).get('chatId')?.trim();
     return chatId || null;
 }
-async function loadGroups() {
+export function roleKey(larkAppId, chatId) {
+    return effectiveRoleKey(larkAppId, chatId);
+}
+export function byteLength(s) {
+    return new TextEncoder().encode(s).length;
+}
+export function botRoleCount(group) {
+    return group.memberBots.filter(bot => bot.inChat && bot.hasRole).length;
+}
+export function botInChatCount(group) {
+    return group.memberBots.filter(bot => bot.inChat).length;
+}
+export function profileHasEntry(profile, larkAppId) {
+    return (profile.botEntries ?? []).some(entry => entry.larkAppId === larkAppId && entry.hasEntry);
+}
+export function entryForBot(entries, larkAppId) {
+    return larkAppId ? entries.find(entry => entry.larkAppId === larkAppId) : undefined;
+}
+export function filterRoleGroups(groups, filter) {
+    const q = filter.toLowerCase();
+    if (!q)
+        return groups;
+    return groups.filter(group => {
+        const matchGroup = group.chatId.toLowerCase().includes(q) || (group.name ?? '').toLowerCase().includes(q);
+        const matchBot = group.memberBots.some(bot => bot.larkAppId.toLowerCase().includes(q) || (bot.botName ?? '').toLowerCase().includes(q));
+        return matchGroup || matchBot;
+    });
+}
+export function filterRoleProfiles(profiles, filter) {
+    const q = filter.toLowerCase();
+    return profiles.filter(profile => !q || profile.profileId.toLowerCase().includes(q));
+}
+async function readJson(r) {
+    return r.json().catch(() => ({}));
+}
+export async function loadGroups() {
     const r = await fetch('/api/groups');
-    const data = await r.json();
-    allBots = (data.bots ?? []).map((b) => ({
-        larkAppId: b.larkAppId,
-        botName: b.botName ?? b.larkAppId,
-        botAvatarUrl: b.botAvatarUrl,
-    }));
-    cache = (data.chats ?? []).map((c) => ({
-        chatId: c.chatId,
-        name: c.name ?? c.chatId,
-        memberBots: (c.memberBots ?? []).map((m) => ({
-            larkAppId: m.larkAppId,
-            botName: m.botName ?? m.larkAppId,
-            inChat: m.inChat ?? false,
-            hasRole: m.hasRole ?? false,
-            oncallChat: m.oncallChat ?? null,
+    const data = await readJson(r);
+    return {
+        bots: (data.bots ?? []).map((bot) => ({
+            larkAppId: bot.larkAppId,
+            botName: bot.botName ?? bot.larkAppId,
+            botAvatarUrl: bot.botAvatarUrl,
         })),
-    }));
+        groups: (data.chats ?? []).map((chat) => ({
+            chatId: chat.chatId,
+            name: chat.name ?? chat.chatId,
+            memberBots: (chat.memberBots ?? []).map((member) => ({
+                larkAppId: member.larkAppId,
+                botName: member.botName ?? member.larkAppId,
+                inChat: member.inChat ?? false,
+                hasRole: member.hasRole ?? false,
+                oncallChat: member.oncallChat ?? null,
+            })),
+        })),
+    };
 }
-async function loadProfiles() {
+export async function loadProfiles() {
     const r = await fetch('/api/role-profiles');
-    const data = await r.json();
-    profiles = data.profiles ?? [];
+    const data = await readJson(r);
+    return data.profiles ?? [];
 }
-async function loadProfileEntries(profileId) {
+export async function loadProfileEntries(profileId) {
     const r = await fetch(`/api/role-profiles/${encodeURIComponent(profileId)}`);
-    const data = await r.json();
-    profileEntries = data.entries ?? [];
+    const data = await readJson(r);
+    return data.entries ?? [];
 }
-async function loadRole(larkAppId, chatId) {
+export async function loadRole(larkAppId, chatId) {
     const r = await fetch(`/api/roles/${encodeURIComponent(larkAppId)}/${encodeURIComponent(chatId)}`);
-    return r.json();
-}
-function roleKey(larkAppId, chatId) {
-    return `${larkAppId}\u0000${chatId}`;
+    return readJson(r);
 }
-async function loadGroupProfileContext(generation = activeRolesGeneration) {
-    const detailPairs = await Promise.all(profiles.map(async (profile) => {
-        try {
-            const r = await fetch(`/api/role-profiles/${encodeURIComponent(profile.profileId)}`);
-            const body = await r.json().catch(() => ({}));
-            return [profile.profileId, Array.isArray(body.entries) ? body.entries : []];
-        }
-        catch {
-            return [profile.profileId, []];
-        }
-    }));
-    if (!isRolesGeneration(generation))
-        return false;
-    const nextEffectiveRoles = new Map();
-    const seen = new Set();
-    await Promise.all(cache.flatMap(group => group.memberBots
-        .filter(bot => bot.inChat)
-        .map(async (bot) => {
-        const key = roleKey(bot.larkAppId, group.chatId);
-        if (seen.has(key))
-            return;
-        seen.add(key);
-        try {
-            const role = await loadRole(bot.larkAppId, group.chatId);
-            const hasEffectiveRole = role.hasEffectiveRole ?? role.hasRole;
-            const effectiveContent = 'effectiveContent' in role ? role.effectiveContent : role.content;
-            nextEffectiveRoles.set(key, {
-                content: hasEffectiveRole ? String(effectiveContent ?? '') : null,
-                source: role.effectiveSource ?? (role.hasRole ? 'chat' : 'none'),
-            });
-        }
-        catch {
-            nextEffectiveRoles.set(key, null);
-        }
-    })));
-    if (!isRolesGeneration(generation))
-        return false;
-    groupProfileEntriesById = new Map(detailPairs);
-    groupEffectiveRolesByBot = nextEffectiveRoles;
-    return true;
-}
-async function refreshGroupProfileContext(generation = activeRolesGeneration) {
-    try {
-        const ok = await loadGroupProfileContext(generation);
-        if (!ok || !isRolesGeneration(generation))
-            return;
-    }
-    catch {
-        if (!isRolesGeneration(generation))
-            return;
-        groupProfileEntriesById = new Map();
-        groupEffectiveRolesByBot = new Map();
-    }
-    groupProfileContextLoaded = true;
-    renderTree(document.getElementById('roles-search')?.value ?? '');
-}
-async function saveRole(larkAppId, chatId, content, injectMode) {
+export async function saveRole(larkAppId, chatId, content, injectMode) {
     const r = await fetch(`/api/roles/${encodeURIComponent(larkAppId)}/${encodeURIComponent(chatId)}`, {
         method: 'PUT',
         headers: { 'content-type': 'application/json' },
@@ -150,7 +93,7 @@ async function saveRole(larkAppId, chatId, content, injectMode) {
 }
 /** Persist only the injection mode (no content) — used when toggling the mode
  *  select, which can apply even to a chat whose role comes from the team default. */
-async function saveInjectMode(larkAppId, chatId, injectMode) {
+export async function saveInjectMode(larkAppId, chatId, injectMode) {
     const r = await fetch(`/api/roles/${encodeURIComponent(larkAppId)}/${encodeURIComponent(chatId)}`, {
         method: 'PUT',
         headers: { 'content-type': 'application/json' },
@@ -158,15 +101,15 @@ async function saveInjectMode(larkAppId, chatId, injectMode) {
     });
     return r.ok;
 }
-async function deleteRole(larkAppId, chatId) {
+export async function deleteRole(larkAppId, chatId) {
     const r = await fetch(`/api/roles/${encodeURIComponent(larkAppId)}/${encodeURIComponent(chatId)}`, { method: 'DELETE' });
     return r.ok;
 }
-async function loadProfileEntry(profileId, larkAppId) {
+export async function loadProfileEntry(profileId, larkAppId) {
     const r = await fetch(`/api/role-profiles/${encodeURIComponent(profileId)}/${encodeURIComponent(larkAppId)}`);
-    return r.json();
+    return readJson(r);
 }
-async function saveProfileEntry(profileId, larkAppId, content) {
+export async function saveProfileEntry(profileId, larkAppId, content) {
     const r = await fetch(`/api/role-profiles/${encodeURIComponent(profileId)}/${encodeURIComponent(larkAppId)}`, {
         method: 'PUT',
         headers: { 'content-type': 'application/json' },
@@ -174,787 +117,58 @@ async function saveProfileEntry(profileId, larkAppId, content) {
     });
     return r.ok;
 }
-async function deleteProfileEntry(profileId, larkAppId) {
+export async function deleteProfileEntry(profileId, larkAppId) {
     const r = await fetch(`/api/role-profiles/${encodeURIComponent(profileId)}/${encodeURIComponent(larkAppId)}`, { method: 'DELETE' });
     return r.ok;
 }
-function byteLength(s) {
-    return new TextEncoder().encode(s).length;
-}
-function botRoleCount(group) {
-    return group.memberBots.filter(b => b.inChat && b.hasRole).length;
-}
-function botInChatCount(group) {
-    return group.memberBots.filter(b => b.inChat).length;
-}
-function profileHasEntry(profile, larkAppId) {
-    return (profile.botEntries ?? []).some(entry => entry.larkAppId === larkAppId && entry.hasEntry);
-}
-function entryForBot(larkAppId) {
-    return profileEntries.find(entry => entry.larkAppId === larkAppId);
-}
-function switchTab(tab) {
-    activeTab = tab;
-    document.getElementById('roles-by-group-view')?.toggleAttribute('hidden', tab !== 'groups');
-    document.getElementById('roles-profiles-view')?.toggleAttribute('hidden', tab !== 'profiles');
-}
-function renderRolesGroupProfileStatus(group) {
-    if (!profiles.length || !groupProfileContextLoaded)
-        return '';
-    const rolesByBot = new Map();
-    for (const bot of group.memberBots) {
-        if (!bot.inChat)
-            continue;
-        rolesByBot.set(bot.larkAppId, groupEffectiveRolesByBot.get(roleKey(bot.larkAppId, group.chatId)) ?? null);
-    }
-    if (!hasExplicitChatRole(rolesByBot))
-        return '';
-    const best = summarizeGroupProfileMatches(group.memberBots, profiles, groupProfileEntriesById, rolesByBot)[0];
-    if (!best)
-        return `<div class="roles-profile-match muted">${t('groups.profileStatusUnmatched')}</div>`;
-    const key = best.kind === 'full' ? 'groups.profileStatusFullChat' : 'groups.profileStatusPartial';
-    return `<div class="roles-profile-match ${best.kind}">
-    ${escapeHtml(t(key, {
-        name: best.profileId,
-        matched: best.matched,
-        total: best.total,
-        chat: best.chatMatched,
-    }))}
-  </div>`;
-}
-function renderTree(filter = '') {
-    const tree = document.getElementById('roles-tree');
-    if (!tree)
-        return;
-    const q = filter.toLowerCase();
-    const filtered = cache.filter(g => {
-        if (!q)
-            return true;
-        const matchGroup = g.chatId.toLowerCase().includes(q) || (g.name ?? '').toLowerCase().includes(q);
-        const matchBot = g.memberBots.some(b => b.larkAppId.toLowerCase().includes(q) || (b.botName ?? '').toLowerCase().includes(q));
-        return matchGroup || matchBot;
-    });
-    if (filtered.length === 0) {
-        tree.innerHTML = `<div class="roles-empty">${t('roles.noChats')}</div>`;
-        return;
-    }
-    tree.innerHTML = filtered.map(g => {
-        const expanded = expandedGroups.has(g.chatId);
-        const inChatBots = g.memberBots.filter(b => b.inChat);
-        const arrow = expanded ? '▾' : '▸';
-        const roleCount = botRoleCount(g);
-        const totalInChat = botInChatCount(g);
-        const botRows = expanded
-            ? inChatBots.map(b => {
-                const isSelected = selectedGroupId === g.chatId && selectedBotId === b.larkAppId;
-                return `
-            <div class="roles-bot-row ${isSelected ? 'selected' : ''}"
-                 data-group-id="${escapeHtml(g.chatId)}"
-                 data-bot-id="${escapeHtml(b.larkAppId)}">
-              <span class="roles-bot-indent"></span>
-              ${botAvatarHtml({ name: b.botName, larkAppId: b.larkAppId, size: 'sm' })}
-              <div class="roles-bot-info">
-                <div class="roles-bot-name">${escapeHtml(b.botName)}</div>
-                <div class="roles-bot-id">${escapeHtml(b.larkAppId)}</div>
-              </div>
-              <span class="roles-badge ${b.hasRole ? 'has-role' : 'no-role'}">
-                ${b.hasRole ? t('roles.configured') : t('roles.unconfigured')}
-              </span>
-            </div>`;
-            }).join('')
-            : '';
-        return `
-      <div class="roles-group-section">
-        <div class="roles-group-row ${expanded ? 'expanded' : ''} ${selectedGroupId === g.chatId && !selectedBotId ? 'selected' : ''}"
-             data-group-id="${escapeHtml(g.chatId)}">
-          <span class="roles-group-arrow">${arrow}</span>
-          <span class="roles-group-icon" aria-hidden="true"><svg viewBox="0 0 16 16"><circle cx="5.6" cy="5.8" r="2.4"/><path d="M1.8 13.2c.5-2.4 2-3.6 3.8-3.6s3.3 1.2 3.8 3.6"/><circle cx="11" cy="6.8" r="1.9"/><path d="M9.8 12.6c.4-1.7 1.5-2.6 2.8-2.6 1 0 1.9.5 2.4 1.6"/></svg></span>
-          <div class="roles-group-info">
-            <div class="roles-group-name">${escapeHtml(g.name ?? g.chatId)}</div>
-            <div class="roles-group-meta">
-              ${roleCount}/${totalInChat} ${t('roles.botsWithRoles')}
-            </div>
-            ${renderRolesGroupProfileStatus(g)}
-          </div>
-          <span class="roles-group-chevron"></span>
-        </div>
-        <div class="roles-bot-list">${botRows}</div>
-      </div>`;
-    }).join('');
-    tree.querySelectorAll('.roles-group-row').forEach(row => {
-        row.addEventListener('click', () => {
-            const gid = row.dataset.groupId;
-            if (!gid)
-                return;
-            if (expandedGroups.has(gid))
-                expandedGroups.delete(gid);
-            else
-                expandedGroups.add(gid);
-            renderTree(document.getElementById('roles-search')?.value ?? '');
-        });
-    });
-    tree.querySelectorAll('.roles-bot-row').forEach(row => {
-        row.addEventListener('click', (e) => {
-            e.stopPropagation();
-            const gid = row.dataset.groupId;
-            const bid = row.dataset.botId;
-            if (gid && bid)
-                selectBot(gid, bid);
-        });
-    });
-}
-async function selectBot(groupId, botId, generation = activeRolesGeneration) {
-    selectedGroupId = groupId;
-    selectedBotId = botId;
-    const role = await loadRole(botId, groupId);
-    if (!isRolesGeneration(generation))
-        return;
-    const empty = document.getElementById('roles-editor-empty');
-    const form = document.getElementById('roles-editor-form');
-    const textarea = document.getElementById('roles-editor-textarea');
-    const groupName = document.getElementById('roles-editor-group-name');
-    const botName = document.getElementById('roles-editor-bot-name');
-    const chatIdEl = document.getElementById('roles-editor-chat-id');
-    if (empty)
-        empty.style.display = 'none';
-    if (form)
-        form.style.display = '';
-    const group = cache.find(g => g.chatId === groupId);
-    const bot = group?.memberBots.find(b => b.larkAppId === botId);
-    if (groupName)
-        groupName.textContent = group?.name ?? groupId;
-    if (botName)
-        botName.textContent = bot?.botName ?? botId;
-    if (chatIdEl)
-        chatIdEl.textContent = `${groupId}  ·  ${botId}`;
-    editingContent = role.content ?? '';
-    editingInjectMode = role.injectMode === 'once' ? 'once' : 'every';
-    if (textarea) {
-        textarea.value = editingContent;
-        textarea.focus();
-    }
-    const injectSel = document.getElementById('roles-editor-inject-mode');
-    if (injectSel)
-        injectSel.value = editingInjectMode;
-    updateByteCount();
-    updatePreview();
-    renderTree(document.getElementById('roles-search')?.value ?? '');
-    const delBtn = document.getElementById('roles-delete');
-    if (delBtn)
-        delBtn.style.display = role.hasRole ? '' : 'none';
-}
-function updateByteCount() {
-    const el = document.getElementById('roles-editor-bytecount');
-    if (!el)
-        return;
-    const len = byteLength(editingContent);
-    el.textContent = `${len} / ${MAX_ROLE_BYTES} bytes`;
-    el.className = `roles-bytecount ${len > ROLE_WARN_BYTES ? 'warn' : ''} ${len > MAX_ROLE_BYTES ? 'over' : ''}`;
-    updateSaveButton(len);
-}
-function updateSaveButton(byteLen) {
-    const btn = document.getElementById('roles-save');
-    if (!btn)
-        return;
-    const len = byteLen ?? byteLength(editingContent);
-    btn.disabled = len > MAX_ROLE_BYTES || editingContent.trim().length === 0;
-}
-function updatePreview() {
-    const preview = document.getElementById('roles-preview');
-    if (!preview)
-        return;
-    if (!editingContent.trim()) {
-        preview.innerHTML = `<small>${t('roles.previewEmpty')}</small>`;
-    }
-    else {
-        preview.innerHTML = `<strong>${t('roles.preview')}</strong><pre>${escapeHtml(editingContent)}</pre>`;
-    }
-}
-function resetEditor() {
-    selectedGroupId = null;
-    selectedBotId = null;
-    editingContent = '';
-    editingInjectMode = 'every';
-    const empty = document.getElementById('roles-editor-empty');
-    const form = document.getElementById('roles-editor-form');
-    const textarea = document.getElementById('roles-editor-textarea');
-    const delBtn = document.getElementById('roles-delete');
-    if (empty)
-        empty.style.display = '';
-    if (form)
-        form.style.display = 'none';
-    if (textarea)
-        textarea.value = '';
-    if (delBtn)
-        delBtn.style.display = 'none';
-}
-function renderProfileList(filter = '') {
-    const list = document.getElementById('roles-profile-list');
-    if (!list)
-        return;
-    const q = filter.toLowerCase();
-    const filtered = profiles.filter(p => !q || p.profileId.toLowerCase().includes(q));
-    if (filtered.length === 0) {
-        list.innerHTML = `<div class="roles-empty">${t('roles.profileEmpty')}</div>`;
-        return;
-    }
-    list.innerHTML = filtered.map(p => {
-        const selected = selectedProfileId === p.profileId;
-        const hasAnyLocal = (p.botEntries ?? []).some(entry => entry.hasEntry);
-        return `
-      <div class="roles-profile-row ${selected ? 'selected' : ''}" data-profile-id="${escapeHtml(p.profileId)}">
-        <div class="roles-profile-row-main">
-          <div class="roles-profile-name">${escapeHtml(p.profileId)}</div>
-          <div class="roles-group-meta">${p.entryCount} ${t('roles.profileEntries')}</div>
-        </div>
-        <span class="roles-badge ${hasAnyLocal ? 'has-role' : 'no-role'}">${hasAnyLocal ? t('roles.configured') : t('roles.profileMissing')}</span>
-      </div>`;
-    }).join('');
-    list.querySelectorAll('.roles-profile-row').forEach(row => {
-        row.addEventListener('click', () => {
-            const profileId = row.dataset.profileId;
-            if (profileId)
-                void selectProfile(profileId);
-        });
-    });
-}
-async function selectProfile(profileId, generation = activeRolesGeneration) {
-    if (!isValidProfileId(profileId.trim()))
-        return;
-    selectedProfileId = profileId.trim();
-    selectedProfileBotId = null;
-    profileEditingContent = '';
-    selectedApplyGroupId = selectedApplyGroupId ?? cache[0]?.chatId ?? null;
-    await loadProfileEntries(selectedProfileId);
-    if (!isRolesGeneration(generation))
-        return;
-    renderProfileList(document.getElementById('roles-profile-search')?.value ?? '');
-    renderProfileDetail();
-}
-function renderProfileDetail() {
-    const empty = document.getElementById('roles-profile-empty');
-    const detail = document.getElementById('roles-profile-detail');
-    if (!empty || !detail)
-        return;
-    if (!selectedProfileId) {
-        empty.style.display = '';
-        detail.style.display = 'none';
-        detail.innerHTML = '';
-        return;
-    }
-    empty.style.display = 'none';
-    detail.style.display = '';
-    const selectedBot = allBots.find(b => b.larkAppId === selectedProfileBotId);
-    const entry = selectedProfileBotId ? entryForBot(selectedProfileBotId) : undefined;
-    detail.innerHTML = `
-    <div class="roles-profile-title">
-      <div>
-        <div class="roles-editor-breadcrumb">
-          <span>${escapeHtml(selectedProfileId)}</span>
-          ${selectedBot ? `<span class="roles-breadcrumb-sep">›</span><span>${escapeHtml(selectedBot.botName ?? selectedBot.larkAppId)}</span>` : ''}
-        </div>
-        <div class="roles-editor-meta-line">${t('roles.profileRuntimeHint')}</div>
-      </div>
-    </div>
-    <div class="roles-profile-grid">
-      <div class="roles-profile-bots">
-        <div class="roles-profile-section-title">${t('roles.profileBots')}</div>
-        <div class="roles-profile-bot-list">
-          ${allBots.map(bot => {
-        const hasEntry = !!entryForBot(bot.larkAppId);
-        const selected = selectedProfileBotId === bot.larkAppId;
-        return `
-              <div class="roles-bot-row roles-profile-bot-row ${selected ? 'selected' : ''}" data-profile-bot-id="${escapeHtml(bot.larkAppId)}">
-                ${botAvatarHtml({ name: bot.botName, larkAppId: bot.larkAppId, size: 'sm' })}
-                <div class="roles-bot-info">
-                  <div class="roles-bot-name">${escapeHtml(bot.botName ?? bot.larkAppId)}</div>
-                  <div class="roles-bot-id">${escapeHtml(bot.larkAppId)}</div>
-                </div>
-                <span class="roles-badge ${hasEntry ? 'has-role' : 'no-role'}">${hasEntry ? t('roles.configured') : t('roles.unconfigured')}</span>
-              </div>`;
-    }).join('')}
-        </div>
-      </div>
-      <div class="roles-profile-editor">
-        ${selectedProfileBotId ? `
-          <textarea id="roles-profile-textarea" placeholder="${t('roles.profileEditorPlaceholder')}" rows="12">${escapeHtml(profileEditingContent || entry?.content || '')}</textarea>
-          <div class="roles-editor-footer">
-            <span id="roles-profile-bytecount" class="roles-bytecount"></span>
-            <div class="roles-editor-actions">
-              <button type="button" id="roles-profile-delete" class="danger" ${entry ? '' : 'style="display:none"'}>${t('roles.delete')}</button>
-              <button type="button" id="roles-profile-save" class="primary">${t('roles.saveEntry')}</button>
-            </div>
-          </div>
-          <div id="roles-profile-preview" class="roles-preview"></div>
-        ` : `<div class="roles-editor-empty roles-profile-inline-empty">${t('roles.profileBotSelectHint')}</div>`}
-      </div>
-    </div>
-    <div class="roles-profile-apply">
-      <div class="roles-profile-section-title">${t('roles.applyToGroup')}</div>
-      <div class="roles-profile-apply-controls">
-        <select id="roles-profile-apply-group">
-          ${cache.map(g => `<option value="${escapeHtml(g.chatId)}" ${selectedApplyGroupId === g.chatId ? 'selected' : ''}>${escapeHtml(g.name ?? g.chatId)}</option>`).join('')}
-        </select>
-        <label class="roles-profile-force"><input type="checkbox" id="roles-profile-apply-force"> ${t('roles.applyForce')}</label>
-      </div>
-      <div id="roles-profile-apply-bots"></div>
-      <div class="roles-editor-actions">
-        <button type="button" id="roles-profile-preview-apply">${t('roles.previewApply')}</button>
-        <button type="button" id="roles-profile-apply" class="primary">${t('roles.applyProfile')}</button>
-      </div>
-      <div id="roles-profile-apply-status" class="roles-profile-status"></div>
-    </div>
-  `;
-    detail.querySelectorAll('.roles-profile-bot-row').forEach(row => {
-        row.addEventListener('click', () => {
-            const botId = row.dataset.profileBotId;
-            if (botId)
-                void selectProfileBot(botId);
-        });
-    });
-    renderProfileApplyBots();
-    bindProfileEditor();
-}
-async function selectProfileBot(botId, generation = activeRolesGeneration) {
-    if (!selectedProfileId)
-        return;
-    selectedProfileBotId = botId;
-    const entry = await loadProfileEntry(selectedProfileId, botId);
-    if (!isRolesGeneration(generation))
-        return;
-    profileEditingContent = entry.content ?? '';
-    await loadProfileEntries(selectedProfileId);
-    if (!isRolesGeneration(generation))
-        return;
-    renderProfileDetail();
-}
-function bindProfileEditor() {
-    const generation = activeRolesGeneration;
-    const textarea = document.getElementById('roles-profile-textarea');
-    if (textarea) {
-        profileEditingContent = textarea.value;
-        updateProfileByteCount();
-        updateProfilePreview();
-        textarea.addEventListener('input', (e) => {
-            profileEditingContent = e.target.value;
-            updateProfileByteCount();
-            updateProfilePreview();
-        });
-    }
-    document.getElementById('roles-profile-save')?.addEventListener('click', async function () {
-        if (!selectedProfileId || !selectedProfileBotId)
-            return;
-        this.disabled = true;
-        this.textContent = '...';
-        try {
-            const ok = await saveProfileEntry(selectedProfileId, selectedProfileBotId, profileEditingContent);
-            if (!isRolesGeneration(generation))
-                return;
-            await loadProfiles();
-            if (!isRolesGeneration(generation))
-                return;
-            await loadProfileEntries(selectedProfileId);
-            if (!isRolesGeneration(generation))
-                return;
-            renderProfileList(document.getElementById('roles-profile-search')?.value ?? '');
-            void refreshGroupProfileContext(generation);
-            renderProfileDetail();
-            flashProfileStatus(ok ? t('roles.saved') : t('roles.saveFailed'), !ok);
-        }
-        finally {
-            if (!isRolesGeneration(generation))
-                return;
-            this.disabled = false;
-            this.textContent = t('roles.saveEntry');
-        }
-    });
-    document.getElementById('roles-profile-delete')?.addEventListener('click', async function () {
-        if (!selectedProfileId || !selectedProfileBotId)
-            return;
-        if (!confirm(t('roles.confirmDeleteProfileEntry')))
-            return;
-        this.disabled = true;
+export async function loadRoleProfileContext(groups, profiles) {
+    const detailPairs = await Promise.all(profiles.map(async (profile) => {
         try {
-            await deleteProfileEntry(selectedProfileId, selectedProfileBotId);
-            if (!isRolesGeneration(generation))
-                return;
-            profileEditingContent = '';
-            await loadProfiles();
-            if (!isRolesGeneration(generation))
-                return;
-            await loadProfileEntries(selectedProfileId);
-            if (!isRolesGeneration(generation))
-                return;
-            renderProfileList(document.getElementById('roles-profile-search')?.value ?? '');
-            void refreshGroupProfileContext(generation);
-            renderProfileDetail();
+            const r = await fetch(`/api/role-profiles/${encodeURIComponent(profile.profileId)}`);
+            const body = await readJson(r);
+            return [profile.profileId, Array.isArray(body.entries) ? body.entries : []];
         }
-        finally {
-            if (!isRolesGeneration(generation))
-                return;
-            this.disabled = false;
+        catch {
+            return [profile.profileId, []];
         }
-    });
-    document.getElementById('roles-profile-apply-group')?.addEventListener('change', (e) => {
-        selectedApplyGroupId = e.target.value;
-        renderProfileApplyBots();
-    });
-    document.getElementById('roles-profile-preview-apply')?.addEventListener('click', () => runProfileApply(true, generation));
-    document.getElementById('roles-profile-apply')?.addEventListener('click', () => runProfileApply(false, generation));
-}
-function updateProfileByteCount() {
-    const el = document.getElementById('roles-profile-bytecount');
-    const btn = document.getElementById('roles-profile-save');
-    if (!el)
-        return;
-    const len = byteLength(profileEditingContent);
-    el.textContent = `${len} / ${MAX_ROLE_BYTES} bytes`;
-    el.className = `roles-bytecount ${len > ROLE_WARN_BYTES ? 'warn' : ''} ${len > MAX_ROLE_BYTES ? 'over' : ''}`;
-    if (btn)
-        btn.disabled = len > MAX_ROLE_BYTES || profileEditingContent.trim().length === 0;
-}
-function updateProfilePreview() {
-    const preview = document.getElementById('roles-profile-preview');
-    if (!preview)
-        return;
-    preview.innerHTML = profileEditingContent.trim()
-        ? `<strong>${t('roles.preview')}</strong><pre>${escapeHtml(profileEditingContent)}</pre>`
-        : `<small>${t('roles.previewEmpty')}</small>`;
-}
-function renderProfileApplyBots() {
-    const wrap = document.getElementById('roles-profile-apply-bots');
-    if (!wrap)
-        return;
-    const groupId = selectedApplyGroupId ?? cache[0]?.chatId ?? '';
-    const group = cache.find(g => g.chatId === groupId);
-    const bots = group?.memberBots.filter(b => b.inChat) ?? [];
-    if (!group || bots.length === 0) {
-        wrap.innerHTML = `<div class="roles-empty">${t('roles.noChats')}</div>`;
-        return;
-    }
-    wrap.innerHTML = bots.map(bot => {
-        const hasEntry = !!entryForBot(bot.larkAppId);
-        return `
-      <label class="checkbox-row roles-profile-apply-bot">
-        <input type="checkbox" name="profile-apply-bot" value="${escapeHtml(bot.larkAppId)}" ${hasEntry ? 'checked' : ''}>
-        <span>${escapeHtml(bot.botName ?? bot.larkAppId)}</span>
-        <small>${hasEntry ? t('roles.configured') : t('roles.profileMissing')}</small>
-      </label>`;
-    }).join('');
-}
-async function runProfileApply(preview, generation = activeRolesGeneration) {
-    const profileId = selectedProfileId;
-    if (!profileId)
-        return;
-    const groupId = selectedApplyGroupId ?? cache[0]?.chatId;
-    if (!groupId)
-        return;
-    const force = document.getElementById('roles-profile-apply-force')?.checked === true;
-    const selected = [...document.querySelectorAll('input[name=profile-apply-bot]:checked')].map(i => i.value);
-    const status = document.getElementById('roles-profile-apply-status');
-    if (selected.length === 0) {
-        if (status)
-            status.textContent = t('roles.applyPickBots');
-        return;
-    }
-    if (status)
-        status.textContent = '...';
-    const results = await Promise.all(selected.map(async (larkAppId) => {
-        const r = await fetch(`/api/role-profiles/${encodeURIComponent(profileId)}/apply`, {
-            method: 'POST',
-            headers: { 'content-type': 'application/json' },
-            body: JSON.stringify({ chatId: groupId, larkAppId, force, preview }),
-        });
-        const body = await r.json().catch(() => ({}));
-        return { larkAppId, ok: r.ok && body.ok !== false, status: r.status, error: body.error, wouldRefuse: body.wouldRefuse };
     }));
-    if (!isRolesGeneration(generation))
-        return;
-    if (status) {
-        status.innerHTML = results.map(r => {
-            const bot = allBots.find(b => b.larkAppId === r.larkAppId);
-            const label = escapeHtml(bot?.botName ?? r.larkAppId);
-            const outcome = r.ok
-                ? (preview ? (r.wouldRefuse ? t('roles.applyWouldRefuse') : t('roles.applyPreviewOk')) : t('roles.applyOk'))
-                : `${t('roles.applyFailed')}: ${escapeHtml(r.error ?? `HTTP ${r.status}`)}`;
-            return `<div>${label}: ${outcome}</div>`;
-        }).join('');
-    }
-    if (!preview) {
-        await loadGroups();
-        if (!isRolesGeneration(generation))
-            return;
-        renderTree(document.getElementById('roles-search')?.value ?? '');
-        void refreshGroupProfileContext(generation);
+    const seen = new Set();
+    const roleTargets = [];
+    for (const group of groups) {
+        for (const bot of group.memberBots) {
+            if (!bot.inChat || !bot.hasRole)
+                continue;
+            const key = roleKey(bot.larkAppId, group.chatId);
+            if (seen.has(key))
+                continue;
+            seen.add(key);
+            roleTargets.push({ larkAppId: bot.larkAppId, chatId: group.chatId });
+        }
     }
-}
-function flashProfileStatus(text, isError = false) {
-    const footer = document.querySelector('#roles-profile-detail .roles-editor-footer');
-    if (!footer)
-        return;
-    const statusEl = document.createElement('span');
-    statusEl.className = `roles-saved-flash ${isError ? 'roles-save-error' : ''}`;
-    statusEl.textContent = ` ${text}`;
-    footer.appendChild(statusEl);
-    scheduleRolesTimer(() => statusEl.remove(), isError ? 3000 : 2000);
-}
-export function wireRolesSurface(root, tab) {
-    const generation = activeRolesGeneration + 1;
-    activeRolesGeneration = generation;
-    const timers = new Set();
-    activeRolesTimerState = { generation, timers };
-    const cleanups = [];
-    let disposed = false;
-    const isLive = () => !disposed && isRolesGeneration(generation);
-    const on = (el, type, listener) => {
-        if (!el)
-            return;
-        el.addEventListener(type, listener);
-        cleanups.push(() => el.removeEventListener(type, listener));
+    const nextEffectiveRoles = await loadEffectiveRoleMap(roleTargets);
+    return {
+        entriesByProfile: new Map(detailPairs),
+        effectiveRolesByBot: nextEffectiveRoles,
     };
-    activeTab = tab;
-    expandedGroups.clear();
-    groupProfileContextLoaded = false;
-    resetEditor();
-    switchTab(activeTab);
-    const treeEl = root.querySelector('#roles-tree');
-    const profileListEl = root.querySelector('#roles-profile-list');
-    if (treeEl)
-        treeEl.innerHTML = loadingHtml();
-    if (profileListEl)
-        profileListEl.innerHTML = loadingHtml();
-    void (async () => {
-        await loadGroups();
-        if (!isLive())
-            return;
-        await loadProfiles();
-        if (!isLive())
-            return;
-        await loadNameMaps();
-        if (!isLive())
-            return;
-        if (tab === 'profiles') {
-            const requestedChatId = hashChatId();
-            if (requestedChatId && cache.some(g => g.chatId === requestedChatId)) {
-                selectedApplyGroupId = requestedChatId;
-            }
-        }
-        for (const g of cache) {
-            if (botRoleCount(g) > 0)
-                expandedGroups.add(g.chatId);
-        }
-        renderTree();
-        renderProfileList();
-        if (selectedProfileId)
-            await selectProfile(selectedProfileId, generation);
-        if (!isLive())
-            return;
-        void refreshGroupProfileContext(generation);
-    })();
-    on(root.querySelector('#roles-search'), 'input', (e) => {
-        if (!isLive())
-            return;
-        renderTree(e.target.value);
-    });
-    on(root.querySelector('#roles-refresh'), 'click', async () => {
-        if (!isLive())
-            return;
-        await loadGroups();
-        if (!isLive())
-            return;
-        renderTree(document.getElementById('roles-search')?.value ?? '');
-        void refreshGroupProfileContext(generation);
-        if (selectedGroupId && selectedBotId) {
-            const role = await loadRole(selectedBotId, selectedGroupId);
-            if (!isLive())
-                return;
-            const textarea = document.getElementById('roles-editor-textarea');
-            if (textarea)
-                textarea.value = role.content ?? '';
-            editingContent = role.content ?? '';
-            editingInjectMode = role.injectMode === 'once' ? 'once' : 'every';
-            const injectSel = document.getElementById('roles-editor-inject-mode');
-            if (injectSel)
-                injectSel.value = editingInjectMode;
-            updateByteCount();
-            updatePreview();
-            const delBtn = document.getElementById('roles-delete');
-            if (delBtn)
-                delBtn.style.display = role.hasRole ? '' : 'none';
-        }
-    });
-    on(root.querySelector('#roles-save'), 'click', async (e) => {
-        if (!selectedGroupId || !selectedBotId)
-            return;
-        const btn = e.currentTarget;
-        btn.disabled = true;
-        btn.textContent = '...';
-        try {
-            const ok = await saveRole(selectedBotId, selectedGroupId, editingContent, editingInjectMode);
-            if (!isLive())
-                return;
-            if (ok) {
-                await loadGroups();
-                if (!isLive())
-                    return;
-                renderTree(document.getElementById('roles-search')?.value ?? '');
-                void refreshGroupProfileContext(generation);
-                const delBtn = document.getElementById('roles-delete');
-                if (delBtn)
-                    delBtn.style.display = '';
-                const statusEl = document.createElement('span');
-                statusEl.className = 'roles-saved-flash';
-                statusEl.textContent = ` ${t('roles.saved')}`;
-                const footer = document.querySelector('.roles-editor-footer');
-                footer?.appendChild(statusEl);
-                scheduleRolesTimer(() => statusEl.remove(), 2000);
-            }
-            else {
-                const statusEl = document.createElement('span');
-                statusEl.className = 'roles-saved-flash roles-save-error';
-                statusEl.textContent = editingContent.trim().length === 0
-                    ? ` ${t('roles.emptyError')}`
-                    : ` ${t('roles.saveFailed')}`;
-                const footer = document.querySelector('.roles-editor-footer');
-                footer?.appendChild(statusEl);
-                scheduleRolesTimer(() => statusEl.remove(), 3000);
-            }
-        }
-        finally {
-            if (!isLive())
-                return;
-            btn.disabled = false;
-            btn.textContent = t('roles.save');
-        }
-    });
-    on(root.querySelector('#roles-delete'), 'click', async (e) => {
-        if (!selectedGroupId || !selectedBotId)
-            return;
-        if (!confirm(t('roles.confirmDelete')))
-            return;
-        const btn = e.currentTarget;
-        btn.disabled = true;
-        btn.textContent = '...';
-        try {
-            const ok = await deleteRole(selectedBotId, selectedGroupId);
-            if (!isLive())
-                return;
-            if (ok) {
-                await loadGroups();
-                if (!isLive())
-                    return;
-                resetEditor();
-                renderTree(document.getElementById('roles-search')?.value ?? '');
-                void refreshGroupProfileContext(generation);
-            }
-        }
-        finally {
-            if (!isLive())
-                return;
-            btn.disabled = false;
-            btn.textContent = t('roles.delete');
-        }
-    });
-    on(root.querySelector('#roles-editor-textarea'), 'input', (e) => {
-        if (!isLive())
-            return;
-        editingContent = e.target.value;
-        updateByteCount();
-        updatePreview();
-    });
-    // Injection-mode select auto-saves on change (it can apply even when the chat
-    // has no own role and inherits the team default, so it doesn't ride only on
-    // the content Save button).
-    on(root.querySelector('#roles-editor-inject-mode'), 'change', async (e) => {
-        if (!isLive())
-            return;
-        if (!selectedGroupId || !selectedBotId)
-            return;
-        const sel = e.target;
-        const mode = sel.value === 'once' ? 'once' : 'every';
-        const prev = editingInjectMode;
-        editingInjectMode = mode;
-        sel.disabled = true;
-        try {
-            const ok = await saveInjectMode(selectedBotId, selectedGroupId, mode);
-            if (!isLive())
-                return;
-            if (!ok) {
-                editingInjectMode = prev;
-                sel.value = prev;
-            }
-            const statusEl = document.createElement('span');
-            statusEl.className = `roles-saved-flash ${ok ? '' : 'roles-save-error'}`;
-            statusEl.textContent = ` ${ok ? t('roles.saved') : t('roles.saveFailed')}`;
-            root.querySelector('.roles-editor-inject')?.appendChild(statusEl);
-            scheduleRolesTimer(() => statusEl.remove(), ok ? 2000 : 3000);
-        }
-        finally {
-            if (!isLive())
-                return;
-            sel.disabled = false;
-        }
-    });
-    on(root.querySelector('#roles-profile-search'), 'input', (e) => {
-        if (!isLive())
-            return;
-        renderProfileList(e.target.value);
-    });
-    on(root.querySelector('#roles-profile-refresh'), 'click', async () => {
-        if (!isLive())
-            return;
-        await loadGroups();
-        if (!isLive())
-            return;
-        await loadProfiles();
-        if (!isLive())
-            return;
-        void refreshGroupProfileContext(generation);
-        if (selectedProfileId)
-            await loadProfileEntries(selectedProfileId);
-        if (!isLive())
-            return;
-        renderProfileList(document.getElementById('roles-profile-search')?.value ?? '');
-        renderProfileDetail();
-    });
-    on(root.querySelector('#roles-profile-select'), 'click', async () => {
-        if (!isLive())
-            return;
-        const input = document.getElementById('roles-profile-id');
-        const profileId = input?.value.trim();
-        if (!profileId)
-            return;
-        if (!isValidProfileId(profileId)) {
-            input?.setCustomValidity(t('roles.profileIdInvalid'));
-            input?.reportValidity();
-            return;
-        }
-        input?.setCustomValidity('');
-        await selectProfile(profileId, generation);
-        if (!isLive())
-            return;
-        if (!location.hash.startsWith('#/roles/profile')) {
-            location.hash = '#/roles/profile';
-        }
-        else {
-            switchTab('profiles');
-        }
-    });
-    on(root.querySelector('#roles-profile-id'), 'input', (e) => {
-        e.target.setCustomValidity('');
-    });
-    return () => {
-        disposed = true;
-        if (isRolesGeneration(generation))
-            activeRolesGeneration += 1;
-        for (const cleanup of cleanups.splice(0))
-            cleanup();
-        for (const timer of timers)
-            window.clearTimeout(timer);
-        timers.clear();
-        if (activeRolesTimerState?.generation === generation) {
-            activeRolesTimerState = null;
-        }
+}
+export async function applyRoleProfile(input) {
+    const r = await fetch(`/api/role-profiles/${encodeURIComponent(input.profileId)}/apply`, {
+        method: 'POST',
+        headers: { 'content-type': 'application/json' },
+        body: JSON.stringify({
+            chatId: input.chatId,
+            larkAppId: input.larkAppId,
+            force: input.force,
+            preview: input.preview,
+        }),
+    });
+    const body = await readJson(r);
+    return {
+        larkAppId: input.larkAppId,
+        ok: r.ok && body.ok !== false,
+        status: r.status,
+        error: body.error,
+        wouldRefuse: body.wouldRefuse,
     };
 }
 //# sourceMappingURL=roles.js.map