botmux 2.85.1 → 2.86.0

package/dist/dashboard/web/groups.js

@@ -3,7 +3,26 @@
 // by chatId; the dashboard displays this as a matrix where each cell shows
 // whether a bot is a member of a given chat.
 import { chatAvatarHtml, escapeHtml, loadingHtml, t } from './ui.js';
+import { hasExplicitChatRole, summarizeGroupProfileMatches, } from './role-profile-match.js';
 let cache = { chats: [], bots: [] };
+const PROFILE_ID_RE = /^[A-Za-z0-9._-]{1,64}$/;
+const roleKey = (larkAppId, chatId) => `${larkAppId}\u0000${chatId}`;
+let roleProfiles = [];
+let roleProfileEntriesById = new Map();
+let groupRoleContentByBot = new Map();
+let roleProfileContextLoaded = false;
+function isValidProfileId(profileId) {
+    return PROFILE_ID_RE.test(profileId) && profileId !== '.' && profileId !== '..';
+}
+export function suggestRoleProfileIdFromChat(value) {
+    const cleaned = String(value ?? '')
+        .trim()
+        .toLowerCase()
+        .replace(/[^a-z0-9._-]+/g, '-')
+        .replace(/^-+|-+$/g, '')
+        .slice(0, 64);
+    return isValidProfileId(cleaned) ? cleaned : 'profile';
+}
 function pageHtml() {
     return `<section class="page">
 <div class="page-heading">
@@ -39,6 +58,52 @@ async function fetchGroups() {
     const r = await fetch('/api/groups');
     return r.json();
 }
+async function loadGroupRoleProfileContext() {
+    const profileResp = await fetch('/api/role-profiles');
+    const profileBody = await profileResp.json().catch(() => ({}));
+    const nextProfiles = Array.isArray(profileBody.profiles) ? profileBody.profiles : [];
+    const detailPairs = await Promise.all(nextProfiles.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, []];
+        }
+    }));
+    const nextGroupRoles = new Map();
+    const seenRoleKeys = new Set();
+    await Promise.all((cache.chats ?? []).flatMap((chat) => (chat.memberBots ?? [])
+        .filter((bot) => bot?.inChat && bot?.larkAppId)
+        .map(async (bot) => {
+        const key = roleKey(bot.larkAppId, chat.chatId);
+        if (seenRoleKeys.has(key))
+            return;
+        seenRoleKeys.add(key);
+        try {
+            const r = await fetch(`/api/roles/${encodeURIComponent(bot.larkAppId)}/${encodeURIComponent(chat.chatId)}`);
+            const body = await r.json().catch(() => ({}));
+            const hasEffectiveRole = body?.hasEffectiveRole ?? body?.hasRole;
+            const effectiveContent = 'effectiveContent' in body ? body.effectiveContent : body.content;
+            nextGroupRoles.set(key, {
+                content: hasEffectiveRole ? String(effectiveContent ?? '') : null,
+                source: body?.effectiveSource ?? (body?.hasRole ? 'chat' : 'none'),
+            });
+        }
+        catch {
+            nextGroupRoles.set(key, null);
+        }
+    })));
+    roleProfiles = nextProfiles;
+    roleProfileEntriesById = new Map(detailPairs);
+    groupRoleContentByBot = nextGroupRoles;
+}
+async function fetchRoleProfileSummaries() {
+    const r = await fetch('/api/role-profiles');
+    const body = await r.json().catch(() => ({}));
+    return Array.isArray(body.profiles) ? body.profiles : [];
+}
 /** True iff every expected bot id appears in the row's memberBots with
  *  inChat:true. Used by refreshUntilSeen to defer committing a canonical
  *  snapshot until all invited bots have caught up Lark-side. Exported so
@@ -68,6 +133,25 @@ export function renderBotCheckboxes(bots, excludeIds) {
       </label>
     `).join('');
 }
+export function renderRoleProfileBootstrapSummary(profileId, messageId, error) {
+    const cleanProfileId = String(profileId ?? '').trim();
+    if (!cleanProfileId)
+        return '';
+    if (error) {
+        return `<p class="hint-warn">${escapeHtml(t('groups.roleProfileBootstrapFailed', {
+            name: cleanProfileId,
+            reason: String(error),
+        }))}</p>`;
+    }
+    const cleanMessageId = typeof messageId === 'string' && messageId.trim() ? messageId.trim() : '';
+    if (cleanMessageId) {
+        return `<p class="hint-ok">${escapeHtml(t('groups.roleProfileBootstrapSent', {
+            name: cleanProfileId,
+            messageId: cleanMessageId,
+        }))}</p>`;
+    }
+    return `<p class="hint-ok">${escapeHtml(t('groups.roleProfileBootstrapDone', { name: cleanProfileId }))}</p>`;
+}
 export async function renderGroupsPage(root) {
     root.innerHTML = pageHtml();
     const head = root.querySelector('#g-head');
@@ -80,13 +164,14 @@ export async function renderGroupsPage(root) {
         try {
             await loadGroups();
             rerender();
+            void refreshRoleProfileContext();
         }
         finally {
             refreshBtn.disabled = false;
         }
     };
     const createBtn = root.querySelector('#g-create');
-    createBtn.onclick = () => openCreateModal();
+    createBtn.onclick = () => { void openCreateModal(); };
     // /api/groups 要扇出到所有 daemon、逐群查成员，慢——先亮 loading，回来再换表格。
     const loadingEl = root.querySelector('#g-loading');
     const tableWrap = root.querySelector('#g-table-wrap');
@@ -97,12 +182,33 @@ export async function renderGroupsPage(root) {
         loadingEl.remove();
         tableWrap.hidden = false;
     }
-    function openCreateModal() {
+    async function refreshRoleProfileContext() {
+        try {
+            await loadGroupRoleProfileContext();
+        }
+        catch {
+            roleProfiles = [];
+            roleProfileEntriesById = new Map();
+            groupRoleContentByBot = new Map();
+        }
+        finally {
+            roleProfileContextLoaded = true;
+            rerender();
+        }
+    }
+    async function openCreateModal() {
         const allBots = cache.bots;
         if (allBots.length === 0) {
             alert(t('groups.noBotsOnline'));
             return;
         }
+        let roleProfiles = [];
+        try {
+            const r = await fetch('/api/role-profiles');
+            const data = await r.json();
+            roleProfiles = data.profiles ?? [];
+        }
+        catch { /* profile selector is optional */ }
         drawer.innerHTML = `
       <article>
         <header><h3>${t('groups.createTitle')}</h3></header>
@@ -117,6 +223,14 @@ export async function renderGroupsPage(root) {
             <input type="text" name="bindWorkingDir" placeholder="e.g. ~/projects/botmux">
             <small>${t('groups.bindDirHelp')}</small>
           </label>
+          <label class="form-row">
+            <span>${t('groups.roleProfile')}</span>
+            <select name="roleProfileId">
+              <option value="">${t('groups.roleProfileNone')}</option>
+              ${roleProfiles.map(p => `<option value="${escapeHtml(p.profileId)}">${escapeHtml(p.profileId)}</option>`).join('')}
+            </select>
+            <small>${t('groups.roleProfileHelp')}</small>
+          </label>
           <fieldset>
             <legend>${t('groups.botPicker')}</legend>
             ${renderBotCheckboxes(allBots)}
@@ -134,6 +248,7 @@ export async function renderGroupsPage(root) {
             const fd = new FormData(ev.target);
             const name = (fd.get('name') ?? '').trim();
             const bindWorkingDir = (fd.get('bindWorkingDir') ?? '').trim();
+            const roleProfileId = (fd.get('roleProfileId') ?? '').trim();
             const ids = fd.getAll('bot');
             if (ids.length === 0) {
                 alert('Pick at least one bot.');
@@ -148,7 +263,12 @@ export async function renderGroupsPage(root) {
                 const r = await fetch('/api/groups/create', {
                     method: 'POST',
                     headers: { 'content-type': 'application/json' },
-                    body: JSON.stringify({ name: name || undefined, larkAppIds: ids, bindWorkingDir: bindWorkingDir || undefined }),
+                    body: JSON.stringify({
+                        name: name || undefined,
+                        larkAppIds: ids,
+                        bindWorkingDir: bindWorkingDir || undefined,
+                        roleProfileId: roleProfileId || undefined,
+                    }),
                 });
                 const respBody = await r.json();
                 if (respBody.ok && respBody.chatId) {
@@ -174,6 +294,7 @@ export async function renderGroupsPage(root) {
                         expectedBotIds.add(respBody.creator);
                     injectOptimisticChat(respBody.chatId, name || respBody.chatId, validIds, respBody.creator);
                     rerender();
+                    void refreshRoleProfileContext();
                     void refreshUntilSeen(respBody.chatId, expectedBotIds).catch(() => { });
                 }
                 else {
@@ -227,6 +348,7 @@ export async function renderGroupsPage(root) {
                 if (row && allExpectedInChat(row, expectedBotIds)) {
                     cache = next;
                     rerender();
+                    void refreshRoleProfileContext();
                     return;
                 }
             }
@@ -280,6 +402,7 @@ export async function renderGroupsPage(root) {
             invalidBots.length ? `<li>无效 bot id: <code>${invalidBots.map(escapeHtml).join(', ')}</code></li>` : '',
             invalidUsers.length ? `<li>无效用户 open_id: <code>${invalidUsers.map(escapeHtml).join(', ')}</code></li>` : '',
         ].filter(Boolean).join('');
+        const profileNote = renderRoleProfileBootstrapSummary(typeof resp.roleProfileId === 'string' ? resp.roleProfileId : '', resp.roleProfileBootstrapMessageId, resp.roleProfileBootstrapError);
         drawer.innerHTML = `
       <article>
         <header><h3>${t('groups.successTitle')}</h3></header>
@@ -287,6 +410,7 @@ export async function renderGroupsPage(root) {
         <p><b>创建者:</b> <code>${escapeHtml(resp.creator ?? '?')}</code></p>
         ${inviteNote}
         ${bindNote}
+        ${profileNote}
         ${invalidNote ? `<ul>${invalidNote}</ul>` : ''}
         <div class="actions">
           <a class="btn-link primary" href="${appLink}" target="_blank" rel="noopener">${t('groups.openGroup')}</a>
@@ -302,6 +426,32 @@ export async function renderGroupsPage(root) {
         });
         drawer.querySelector('#g-create-close').onclick = () => drawer.close();
     }
+    function renderGroupProfileStatus(chat) {
+        if (!roleProfiles.length || !roleProfileContextLoaded)
+            return '';
+        const rolesByBot = new Map();
+        for (const bot of chat.memberBots ?? []) {
+            if (!bot?.inChat)
+                continue;
+            rolesByBot.set(bot.larkAppId, groupRoleContentByBot.get(roleKey(bot.larkAppId, chat.chatId)) ?? null);
+        }
+        if (!hasExplicitChatRole(rolesByBot))
+            return '';
+        const matches = summarizeGroupProfileMatches(chat.memberBots ?? [], roleProfiles, roleProfileEntriesById, rolesByBot);
+        const best = matches[0];
+        if (!best) {
+            return `<div class="g-profile-status muted">${t('groups.profileStatusUnmatched')}</div>`;
+        }
+        const key = best.kind === 'full' ? 'groups.profileStatusFullChat' : 'groups.profileStatusPartial';
+        return `<div class="g-profile-status ${best.kind}">
+      ${escapeHtml(t(key, {
+            name: best.profileId,
+            matched: best.matched,
+            total: best.total,
+            chat: best.chatMatched,
+        }))}
+    </div>`;
+    }
     function renderHead() {
         head.innerHTML = `<tr>
       <th>${t('groups.chat')}</th>
@@ -331,6 +481,7 @@ export async function renderGroupsPage(root) {
           <div class="g-chat-meta">
             <strong>${escapeHtml(c.name ?? c.chatId)}</strong><br>
             <small><code>${escapeHtml(c.chatId)}</code></small>
+            ${renderGroupProfileStatus(c)}
           </div>
         </div>
       </td>
@@ -342,11 +493,13 @@ export async function renderGroupsPage(root) {
         }).join('')}
       <td>
         <button class="add-bots" type="button">${t('groups.addBots')}</button>
+        <button class="save-profile" type="button">${t('groups.saveAsProfile')}</button>
         <button class="manage-chat" type="button">${t('groups.manage')}</button>
       </td>
     </tr>`).join('');
     }
     rerender();
+    void refreshRoleProfileContext();
     body.addEventListener('click', async (e) => {
         const btn = e.target.closest('button.add-bots');
         if (!btn)
@@ -416,6 +569,266 @@ export async function renderGroupsPage(root) {
             }
         };
     });
+    body.addEventListener('click', async (e) => {
+        const btn = e.target.closest('button.save-profile');
+        if (!btn)
+            return;
+        const tr = btn.closest('tr[data-chat]');
+        const chatId = tr.dataset.chat;
+        const chat = cache.chats.find(c => c.chatId === chatId);
+        if (!chat)
+            return;
+        await saveGroupRolesAsProfile(chat, btn);
+    });
+    async function saveGroupRolesAsProfile(chat, btn) {
+        const suggestedByName = suggestRoleProfileIdFromChat(chat.name ?? '');
+        const suggested = suggestedByName === 'profile'
+            ? suggestRoleProfileIdFromChat(chat.chatId)
+            : suggestedByName;
+        btn.disabled = true;
+        const originalText = btn.textContent;
+        btn.textContent = t('groups.saveProfileSaving');
+        try {
+            const [entries, profiles] = await Promise.all([
+                collectGroupProfileEntries(chat),
+                fetchRoleProfileSummaries(),
+            ]);
+            openSaveProfileDialog(chat, suggested, entries, profiles);
+        }
+        finally {
+            btn.disabled = false;
+            btn.textContent = originalText;
+        }
+    }
+    async function collectGroupProfileEntries(chat) {
+        const inChat = (chat.memberBots ?? []).filter((bot) => bot?.inChat && bot?.larkAppId);
+        const roleRows = await Promise.all(inChat.map(async (bot) => {
+            try {
+                const r = await fetch(`/api/roles/${encodeURIComponent(bot.larkAppId)}/${encodeURIComponent(chat.chatId)}`);
+                const body = await r.json().catch(() => ({}));
+                const hasEffectiveRole = body?.hasEffectiveRole ?? body?.hasRole;
+                const effectiveContent = 'effectiveContent' in body ? body.effectiveContent : body.content;
+                const content = hasEffectiveRole ? String(effectiveContent ?? '').trim() : '';
+                const source = body?.effectiveSource === 'chat' || body?.effectiveSource === 'team'
+                    ? body.effectiveSource
+                    : null;
+                return {
+                    larkAppId: bot.larkAppId,
+                    botName: bot.botName,
+                    content,
+                    status: content ? (source ?? 'chat') : 'empty',
+                };
+            }
+            catch {
+                return {
+                    larkAppId: bot.larkAppId,
+                    botName: bot.botName,
+                    content: '',
+                    status: 'error',
+                };
+            }
+        }));
+        return roleRows;
+    }
+    function openSaveProfileDialog(chat, suggestedProfileId, entries, profiles) {
+        const sortedProfiles = [...profiles].sort((a, b) => a.profileId.localeCompare(b.profileId));
+        const profileButtons = sortedProfiles
+            .map((profile, index) => `
+        <button type="button"
+                class="g-save-profile-pick ${index === 0 ? 'selected' : ''}"
+                data-profile-id="${escapeHtml(profile.profileId)}"
+                aria-pressed="${index === 0 ? 'true' : 'false'}">
+          <span>${escapeHtml(profile.profileId)}</span>
+          <small>${escapeHtml(t('groups.saveProfileExistingMeta', { count: profile.entryCount ?? 0 }))}</small>
+        </button>`)
+            .join('');
+        const hasExistingProfiles = sortedProfiles.length > 0;
+        const emptyCount = entries.filter(entry => entry.status === 'empty').length;
+        const failedCount = entries.filter(entry => entry.status === 'error').length;
+        const canSubmitSnapshot = entries.length > 0 && failedCount === 0;
+        const entryRows = entries.map(entry => `
+      <div class="g-save-profile-entry ${entry.status === 'error' ? 'error' : ''}">
+        <div>
+          <strong>${escapeHtml(entry.botName ?? entry.larkAppId)}</strong>
+          <code>${escapeHtml(entry.larkAppId)}</code>
+        </div>
+        <span class="g-save-profile-entry-status ${entry.status === 'error' ? 'error' : 'ok'}">
+          ${t(entry.status === 'error' ? 'groups.saveProfileStatus.error' : 'groups.saveProfileStatus.entry')}
+        </span>
+      </div>`).join('');
+        drawer.innerHTML = `
+      <article class="g-save-profile-dialog">
+        <header>
+          <h3>${t('groups.saveProfileTitle')}</h3>
+          <p>${escapeHtml(t('groups.saveProfileIntro', {
+            name: chat.name ?? chat.chatId,
+            count: entries.length,
+        }))}</p>
+        </header>
+        <form id="g-save-profile-form">
+          <section class="g-save-profile-panel">
+            <div class="g-save-profile-section-head">
+              <span>${t('groups.saveProfileScope')}</span>
+              <small>${t('groups.saveProfileScopeHelp')}</small>
+            </div>
+            <div class="g-save-profile-stats">
+              <span>${t('groups.saveProfileBotCount')} <strong>${entries.length}</strong></span>
+              ${failedCount ? `<span class="warn">${t('groups.saveProfileLoadFailed')} <strong>${failedCount}</strong></span>` : ''}
+            </div>
+            <div class="g-save-profile-entry-list">
+              ${entryRows || `<div class="g-save-profile-empty">${t('groups.saveProfileNoRoles')}</div>`}
+            </div>
+          </section>
+
+          <div class="form-row">
+            <span>${t('groups.saveProfileMode')}</span>
+            <div class="g-save-profile-switch" role="tablist" aria-label="${t('groups.saveProfileMode')}">
+              <button type="button" class="active" data-save-profile-mode="new">${t('groups.saveProfileNew')}</button>
+              <button type="button" data-save-profile-mode="overwrite" ${hasExistingProfiles ? '' : 'disabled'}>${t('groups.saveProfileOverwrite')}</button>
+            </div>
+          </div>
+          <label class="form-row" data-profile-mode-row="new">
+            <span>${t('groups.saveProfileIdLabel')}</span>
+            <input type="text" name="profileId" value="${escapeHtml(suggestedProfileId)}" maxlength="64" autocomplete="off">
+            <small>${t('groups.saveProfileInvalid')}</small>
+          </label>
+          <div class="form-row" data-profile-mode-row="overwrite" hidden>
+            <span>${t('groups.saveProfileExistingLabel')}</span>
+            ${hasExistingProfiles
+            ? `<div class="g-save-profile-picker">${profileButtons}</div>`
+            : `<div class="g-save-profile-summary warn">${t('groups.saveProfileExistingEmpty')}</div>`}
+            <small>${t('groups.saveProfileOverwriteHelp')}</small>
+          </div>
+          <div class="g-save-profile-target">
+            <span>${t('groups.saveProfileTarget')}</span>
+            <code data-save-profile-target>${escapeHtml(suggestedProfileId)}</code>
+            <small data-save-profile-target-mode>${t('groups.saveProfileTargetNew')}</small>
+          </div>
+          <div class="g-save-profile-summary ${canSubmitSnapshot ? '' : 'warn'}">
+            ${failedCount
+            ? escapeHtml(t('groups.saveProfileFailedLoadSummary', { count: failedCount }))
+            : entries.length
+                ? escapeHtml(emptyCount
+                    ? t('groups.saveProfileEntrySummaryWithEmpty', { count: entries.length, emptyCount })
+                    : t('groups.saveProfileEntrySummary', { count: entries.length }))
+                : escapeHtml(t('groups.saveProfileNoRoles'))}
+          </div>
+          <div class="g-save-profile-status" data-save-profile-status></div>
+          <div class="actions">
+            <button type="submit" class="primary" ${canSubmitSnapshot ? '' : 'disabled'}>${t('groups.saveProfileSubmit')}</button>
+            <button type="button" id="g-save-profile-cancel">${t('groups.cancel')}</button>
+          </div>
+        </form>
+      </article>`;
+        drawer.showModal();
+        const formEl = drawer.querySelector('#g-save-profile-form');
+        const modeRows = [...drawer.querySelectorAll('[data-profile-mode-row]')];
+        const statusEl = drawer.querySelector('[data-save-profile-status]');
+        const submitBtn = formEl.querySelector('button[type=submit]');
+        const modeButtons = [...formEl.querySelectorAll('[data-save-profile-mode]')];
+        const profilePickButtons = [...formEl.querySelectorAll('[data-profile-id]')];
+        const profileIdInput = formEl.querySelector('input[name=profileId]');
+        const targetEl = formEl.querySelector('[data-save-profile-target]');
+        const targetModeEl = formEl.querySelector('[data-save-profile-target-mode]');
+        let selectedMode = 'new';
+        let selectedExistingProfileId = sortedProfiles[0]?.profileId ?? '';
+        function currentProfileId() {
+            return selectedMode === 'overwrite'
+                ? selectedExistingProfileId
+                : profileIdInput.value.trim();
+        }
+        function updateMode() {
+            for (const row of modeRows) {
+                row.hidden = row.dataset.profileModeRow !== selectedMode;
+            }
+            for (const button of modeButtons) {
+                const isActive = button.dataset.saveProfileMode === selectedMode;
+                button.classList.toggle('active', isActive);
+                button.setAttribute('aria-pressed', String(isActive));
+            }
+            for (const button of profilePickButtons) {
+                const isSelected = button.dataset.profileId === selectedExistingProfileId;
+                button.classList.toggle('selected', isSelected);
+                button.setAttribute('aria-pressed', String(isSelected));
+            }
+            submitBtn.textContent = selectedMode === 'overwrite'
+                ? t('groups.saveProfileOverwriteSubmit')
+                : t('groups.saveProfileSubmit');
+            submitBtn.disabled = !canSubmitSnapshot || (selectedMode === 'overwrite' && !selectedExistingProfileId);
+            targetEl.textContent = currentProfileId() || '-';
+            targetModeEl.textContent = selectedMode === 'overwrite'
+                ? t('groups.saveProfileTargetOverwrite')
+                : t('groups.saveProfileTargetNew');
+            statusEl.textContent = '';
+            statusEl.className = 'g-save-profile-status';
+        }
+        modeButtons.forEach(button => {
+            button.addEventListener('click', () => {
+                const mode = button.dataset.saveProfileMode === 'overwrite' ? 'overwrite' : 'new';
+                if (mode === 'overwrite' && !hasExistingProfiles)
+                    return;
+                selectedMode = mode;
+                updateMode();
+            });
+        });
+        profilePickButtons.forEach(button => {
+            button.addEventListener('click', () => {
+                selectedExistingProfileId = button.dataset.profileId ?? '';
+                selectedMode = 'overwrite';
+                updateMode();
+            });
+        });
+        profileIdInput.addEventListener('input', updateMode);
+        updateMode();
+        drawer.querySelector('#g-save-profile-cancel').onclick = () => drawer.close();
+        formEl.onsubmit = async (ev) => {
+            ev.preventDefault();
+            if (!canSubmitSnapshot)
+                return;
+            const profileId = currentProfileId();
+            if (!isValidProfileId(profileId)) {
+                statusEl.textContent = t('groups.saveProfileInvalid');
+                statusEl.className = 'g-save-profile-status error';
+                return;
+            }
+            submitBtn.disabled = true;
+            submitBtn.textContent = t('groups.saveProfileSaving');
+            statusEl.textContent = t('groups.saveProfileSaving');
+            statusEl.className = 'g-save-profile-status';
+            try {
+                const results = await Promise.all(entries.map(async (entry) => {
+                    const r = await fetch(`/api/role-profiles/${encodeURIComponent(profileId)}/${encodeURIComponent(entry.larkAppId)}`, {
+                        method: 'PUT',
+                        headers: { 'content-type': 'application/json' },
+                        body: JSON.stringify({ content: entry.content, allowEmpty: true }),
+                    });
+                    return r.ok;
+                }));
+                const saved = results.filter(Boolean).length;
+                if (saved !== entries.length) {
+                    statusEl.textContent = t('groups.saveProfileFailed', { saved, total: entries.length });
+                    statusEl.className = 'g-save-profile-status error';
+                    submitBtn.disabled = false;
+                    submitBtn.textContent = selectedMode === 'overwrite'
+                        ? t('groups.saveProfileOverwriteSubmit')
+                        : t('groups.saveProfileSubmit');
+                    return;
+                }
+                statusEl.textContent = t('groups.saveProfileDone', { name: profileId, count: saved });
+                statusEl.className = 'g-save-profile-status ok';
+                await refreshRoleProfileContext();
+                setTimeout(() => drawer.close(), 700);
+            }
+            catch (err) {
+                statusEl.textContent = String(err);
+                statusEl.className = 'g-save-profile-status error';
+                submitBtn.disabled = false;
+                submitBtn.textContent = selectedMode === 'overwrite'
+                    ? t('groups.saveProfileOverwriteSubmit')
+                    : t('groups.saveProfileSubmit');
+            }
+        };
+    }
     body.addEventListener('click', async (e) => {
         const btn = e.target.closest('button.manage-chat');
         if (!btn)
@@ -528,6 +941,7 @@ export async function renderGroupsPage(root) {
                         try {
                             await loadGroups();
                             rerender();
+                            void refreshRoleProfileContext();
                         }
                         catch { /* tolerate */ }
                     }
@@ -575,6 +989,7 @@ export async function renderGroupsPage(root) {
                 alert(lines || `Unexpected: ${JSON.stringify(respBody)}`);
                 await loadGroups();
                 rerender();
+                void refreshRoleProfileContext();
             }
             catch (e) {
                 alert('Network error: ' + e);
@@ -611,6 +1026,7 @@ export async function renderGroupsPage(root) {
                         alert(`已解散（由 ${m.botName ?? m.larkAppId} 执行）${closedNote}`);
                         await loadGroups();
                         rerender();
+                        void refreshRoleProfileContext();
                         drawer.close();
                         return;
                     }