botmux 2.107.0 → 2.108.0

package/dist/dashboard/web/team-federation.js

@@ -1,493 +1,106 @@
-// Team (federation) page: manage this deployment's team membership across
-// deployments. Two sub-routes (workflow-style sub-nav):
-//   #/team        — My team: identity bind + every team I'm in (hosted + joined),
-//                   each a collapsible block (deployments → bots) with group-pull.
-//   #/team/manage — Team management: create multiple hosted teams, per-team invite
-//                   codes, delete teams, join others' teams.
-// All dashboard-token authed (cookie). See docs/federation-design.md.
-import { escapeHtml, t } from './ui.js';
-async function jget(u) { const r = await fetch(u); return { status: r.status, body: await r.json().catch(() => ({})) }; }
-async function jsend(method, u, b) {
-    const r = await fetch(u, { method, headers: { 'content-type': 'application/json' }, body: b ? JSON.stringify(b) : undefined });
-    return { status: r.status, body: await r.json().catch(() => ({})) };
+export { jget, jpost, jput, jsend };
+export async function fetchHostedTeams() {
+    return jget('/api/team/hosted');
 }
-const jpost = (u, b) => jsend('POST', u, b);
-const jput = (u, b) => jsend('PUT', u, b);
-let localTeams = []; // teams THIS deployment hosts (default + created)
-let remoteTeams = []; // teams this deployment joined
-let myDeploymentId = '';
-let suggestedHubUrl = '';
-const pickedByTeam = new Map();
-const gnameByTeam = new Map(); // group-name draft per team — survives renderTeams() re-render
-const expandedTeams = new Set(); // default empty → all teams collapsed; click a team header to expand
-const expandedDeps = new Set(); // `${team.key}::${dep.id}` — default empty → deployment groups collapsed too
-let activeTeamGeneration = 0;
-function nextTeamGeneration() {
-    activeTeamGeneration += 1;
-    return activeTeamGeneration;
+export async function fetchRemoteRoster() {
+    return jget('/api/team/remote-roster');
 }
-function isTeamGeneration(generation) {
-    return activeTeamGeneration === generation;
+export async function updateLocalBotCapability(larkAppId, capability) {
+    return jput('/api/team/local-bots/' + encodeURIComponent(larkAppId) + '/capability', { capability });
 }
-function $(id) { return document.getElementById(id); }
-function allTeams() { return [...localTeams, ...remoteTeams]; }
-function pickedSet(key) { let s = pickedByTeam.get(key); if (!s) {
-    s = new Set();
-    pickedByTeam.set(key, s);
-} return s; }
-function teamByKey(key) { return allTeams().find(t => t.key === key); }
-// ─────────────────────────── #/team (my team) ───────────────────────────
-function botMatch(b) {
-    const q = (($('tf-search').value) || '').trim().toLowerCase();
-    if (q && !((b.name || '') + ' ' + (b.cliId || '') + ' ' + (b.capability || '')).toLowerCase().includes(q))
-        return false;
-    const cli = $('tf-cli').value;
-    if (cli && b.cliId !== cli)
-        return false;
-    if ($('tf-fcap').checked && !b.capability)
-        return false;
-    if ($('tf-frole').checked && !b.hasTeamRole)
-        return false;
-    return true;
+export async function fetchLocalBotRole(larkAppId) {
+    return jget('/api/team/local-bots/' + encodeURIComponent(larkAppId) + '/role');
 }
-function renderTeamBody(t2, filtered) {
-    const ordered = [...t2.deployments].sort((a, b) => (a.local === b.local ? 0 : a.local ? -1 : 1));
-    let h = '';
-    for (const dep of ordered) {
-        const depBots = filtered.filter(x => x.deployment.id === dep.id);
-        if (!depBots.length)
-            continue;
-        const mine = dep.id === myDeploymentId;
-        const tag = mine ? t('team.tagLocal') : (dep.stale ? t('team.tagRemoteStale') : t('team.tagRemote'));
-        // In a team I host, I can remove a joined member deployment (not myself).
-        const rm = (t2.kind === 'local' && !mine)
-            ? ` <button class="tf-rmmember ghost" data-team="${escapeHtml(t2.teamId)}" data-dep="${escapeHtml(dep.id)}" data-name="${escapeHtml(dep.name)}" style="font-size:12px">${t('team.removeMember')}</button>`
-            : '';
-        const depKey = `${t2.key}::${dep.id}`;
-        const depOpen = expandedDeps.has(depKey);
-        const npick = depBots.filter(b => pickedSet(t2.key).has(b.larkAppId)).length;
-        h += `<div class="tf-dep-h" data-dk="${escapeHtml(depKey)}" style="cursor:pointer;margin:10px 0 2px"><b>${depOpen ? '▾' : '▸'} ${escapeHtml(dep.name)}</b> <span class="muted" style="font-size:12px">${t('team.depTag', { tag })} · ${t('team.depCount', { count: depBots.length })}${npick ? t('team.depSelected', { n: npick }) : ''}</span>${rm}</div>`;
-        if (!depOpen)
-            continue; // collapsed: header only (picks persist)
-        h += '<table style="width:100%;border-collapse:collapse;font-size:14px"><tbody>';
-        for (const b of depBots) {
-            const app = escapeHtml(b.larkAppId);
-            const ck = pickedSet(t2.key).has(b.larkAppId) ? ' checked' : '';
-            const dim = b.deployment.stale ? 'opacity:.55' : '';
-            const capCell = mine
-                ? `<input class="tf-cap" data-app="${app}" value="${escapeHtml(b.capability || '')}" placeholder="${t('team.capPh')}" style="width:92%;padding:3px 6px">`
-                : (b.capability ? escapeHtml(b.capability) : '<span class="muted">—</span>');
-            // Role is edited on the Bot Defaults page now; here we only offer a
-            // read-only view entry for this deployment's own bots that have one.
-            const roleCell = b.hasTeamRole
-                ? (mine
-                    ? `<button class="tf-role" data-app="${app}" data-name="${escapeHtml(b.name)}">${t('team.viewRole')}</button>`
-                    : t('team.hasRoleShort'))
-                : '<span class="muted">—</span>';
-            h += `<tr style="${dim}"><td style="padding:4px 8px"><input type="checkbox" class="tf-pick" data-tk="${escapeHtml(t2.key)}" data-app="${app}"${ck}></td>`
-                + `<td style="padding:4px 8px">${escapeHtml(b.name)}</td><td style="padding:4px 8px" class="muted">${escapeHtml(b.cliId)}</td>`
-                + `<td style="padding:4px 8px">${capCell}</td><td style="padding:4px 8px">${roleCell}</td></tr>`;
-        }
-        h += '</tbody></table>';
-    }
-    if (!h)
-        h = `<p class="muted" style="margin:8px 0 0">${t('team.noMatch')}</p>`;
-    h += `<div style="margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center">`
-        + `<input class="tf-gname" data-tk="${escapeHtml(t2.key)}" value="${escapeHtml(gnameByTeam.get(t2.key) || '')}" placeholder="${t('team.gnamePh')}" style="min-width:200px">`
-        + `<button class="tf-grp primary" data-tk="${escapeHtml(t2.key)}">${t('team.pullGroupBtn')}</button>`
-        + `<span class="muted" style="font-size:13px">${t('team.pullGroupHint')}</span>`
-        + `<span class="tf-gout" data-tk="${escapeHtml(t2.key)}" style="font-size:13px;display:block;flex-basis:100%"></span></div>`;
-    return h;
+export async function autoBindIdentity(unionId) {
+    return jpost('/api/team/identity/auto-bind', unionId ? { unionId } : undefined);
 }
-function renderTeams() {
-    const el = $('tf-teams');
-    const teams = allTeams();
-    if (!teams.length) {
-        el.innerHTML = `<p class="muted">${t('team.noTeams')}</p>`;
-        $('tf-count').textContent = '';
-        return;
-    }
-    let html = '';
-    const shownIds = new Set(), totalIds = new Set();
-    for (const t2 of teams) {
-        const filtered = t2.bots.filter(botMatch);
-        filtered.forEach(b => shownIds.add(b.larkAppId));
-        t2.bots.forEach(b => totalIds.add(b.larkAppId));
-        const visible = new Set(filtered.map(b => b.larkAppId));
-        [...pickedSet(t2.key)].forEach(a => { if (!visible.has(a))
-            pickedSet(t2.key).delete(a); });
-        const col = !expandedTeams.has(t2.key); // collapsed unless explicitly expanded
-        const conn = t2.kind === 'remote'
-            ? (t2.ok ? ` <span class="ok" style="font-size:12px">${t('team.connected')}</span>` : ` <span class="err" style="font-size:12px">${t('team.connectFail', { error: escapeHtml(t2.error || '') })}</span>`)
-            : ` <span class="muted" style="font-size:12px">${t('team.iHost')}</span>`;
-        html += `<div class="card" style="margin:0 0 12px;padding:12px 14px;background:var(--bg-soft,#f6f7f9)">`
-            + `<div class="tf-team-h" data-tk="${escapeHtml(t2.key)}" style="cursor:pointer;display:flex;align-items:center;gap:8px;flex-wrap:wrap">`
-            + `<b style="font-size:15px">${col ? '▸' : '▾'} ${escapeHtml(t2.label)}</b>`
-            + (t2.sub ? ` <span class="muted" style="font-size:12px">${escapeHtml(t2.sub)}</span>` : '')
-            + conn
-            + ` <span class="muted" style="font-size:12px">· ${t('team.teamMeta', { deps: t2.deployments.length, bots: t2.bots.length })}</span></div>`;
-        if (!col)
-            html += (t2.kind === 'remote' && !t2.ok) ? `<p class="muted" style="margin:8px 0 0">${t('team.rosterFail')}</p>` : renderTeamBody(t2, filtered);
-        html += '</div>';
-    }
-    el.innerHTML = html;
-    const acrossTeams = teams.length > 1 ? t('team.acrossTeams', { n: teams.length }) : '';
-    const numStr = shownIds.size === totalIds.size ? `${totalIds.size}` : `${shownIds.size} / ${totalIds.size}`;
-    $('tf-count').textContent = `· ${numStr} ${t('team.botsWord')}${acrossTeams}`;
-    wireTeams(activeTeamGeneration);
+export async function removeHostedTeamMember(teamId, deploymentId) {
+    return jsend('DELETE', `/api/team/hosted/${encodeURIComponent(teamId)}/members/${encodeURIComponent(deploymentId)}`);
 }
-function wireTeams(generation = activeTeamGeneration) {
-    const el = $('tf-teams');
-    el.querySelectorAll('.tf-team-h').forEach(h => {
-        h.onclick = () => { const k = h.dataset.tk; if (expandedTeams.has(k))
-            expandedTeams.delete(k);
-        else
-            expandedTeams.add(k); renderTeams(); };
-    });
-    el.querySelectorAll('.tf-dep-h').forEach(h => {
-        h.onclick = () => { const k = h.dataset.dk; if (expandedDeps.has(k))
-            expandedDeps.delete(k);
-        else
-            expandedDeps.add(k); renderTeams(); };
-    });
-    el.querySelectorAll('.tf-pick').forEach(cb => {
-        cb.onchange = () => { const s = pickedSet(cb.dataset.tk); if (cb.checked)
-            s.add(cb.dataset.app);
-        else
-            s.delete(cb.dataset.app); };
-    });
-    el.querySelectorAll('.tf-gname').forEach(inp => {
-        inp.oninput = () => { gnameByTeam.set(inp.dataset.tk, inp.value); };
-    });
-    el.querySelectorAll('.tf-cap').forEach(inp => {
-        inp.onchange = async () => {
-            const app = inp.dataset.app, valv = inp.value;
-            await jput('/api/team/local-bots/' + encodeURIComponent(app) + '/capability', { capability: valv });
-            if (!isTeamGeneration(generation))
-                return;
-            allTeams().forEach(t2 => { const bb = t2.bots.find(b => b.larkAppId === app); if (bb)
-                bb.capability = valv.trim() || null; });
-        };
-    });
-    el.querySelectorAll('.tf-role').forEach(btn => { btn.onclick = () => openRoleModal(btn.dataset.app, btn.dataset.name || '', generation); });
-    el.querySelectorAll('.tf-rmmember').forEach(btn => {
-        btn.onclick = async (e) => {
-            e.stopPropagation(); // inside the clickable dep header — don't toggle collapse
-            if (!confirm(t('team.removeMemberConfirm', { name: btn.dataset.name || '' })))
-                return;
-            await jsend('DELETE', `/api/team/hosted/${encodeURIComponent(btn.dataset.team)}/members/${encodeURIComponent(btn.dataset.dep)}`);
-            if (!isTeamGeneration(generation))
-                return;
-            void loadLocal(generation);
-        };
-    });
-    el.querySelectorAll('.tf-grp').forEach(btn => {
-        btn.onclick = async () => {
-            const k = btn.dataset.tk;
-            const t2 = teamByKey(k);
-            if (!t2)
-                return;
-            const apps = [...pickedSet(k)];
-            const out = el.querySelector(`.tf-gout[data-tk="${CSS.escape(k)}"]`);
-            if (!apps.length) {
-                out.innerHTML = `<span class="err">${t('team.errPickBot')}</span>`;
-                return;
-            }
-            const name = (el.querySelector(`.tf-gname[data-tk="${CSS.escape(k)}"]`)?.value || '').trim() || t('team.defaultGroupName');
-            out.innerHTML = `<span class="muted">${t('team.creatingGroup')}</span>`;
-            const r = t2.kind === 'local'
-                ? await jpost('/api/team/federated-group', { name, larkAppIds: apps, teamId: t2.teamId })
-                : await jpost('/api/team/remote-group', { hubUrl: t2.hubUrl, teamId: t2.teamId, name, larkAppIds: apps });
-            if (!isTeamGeneration(generation))
-                return;
-            renderGroupResult(out, r.body, r.status);
-            if (r.body?.ok) {
-                pickedSet(k).clear();
-                gnameByTeam.delete(k);
-                // Re-render so the form (group name + checkboxes) clears consistently for both
-                // local & remote, then restore the success message/link a plain re-render would wipe.
-                const resultHtml = out.innerHTML;
-                const restore = () => {
-                    if (!isTeamGeneration(generation))
-                        return;
-                    const o = el.querySelector(`.tf-gout[data-tk="${CSS.escape(k)}"]`);
-                    if (o)
-                        o.innerHTML = resultHtml;
-                };
-                if (t2.kind === 'local')
-                    void loadLocal(generation).then(restore);
-                else {
-                    renderTeams();
-                    restore();
-                }
-            }
-        };
-    });
+export async function createFederatedGroup(teamId, name, larkAppIds) {
+    return jpost('/api/team/federated-group', { name, larkAppIds, teamId });
 }
-function renderGroupResult(out, b, status) {
-    if (b?.ok && b.chatId) {
-        const link = b.shareLink || ('https://applink.feishu.cn/client/chat/open?openChatId=' + encodeURIComponent(b.chatId));
-        const invalid = (b.invalidBotIds || []).length ? ` <span class="err"> · ${t('team.invalidBots', { ids: escapeHtml((b.invalidBotIds || []).join(', ')) })}</span>` : '';
-        const invOwners = (b.invalidOwnerUnionIds || []).length ? `<span class="err"> · ${t('team.invalidOwners', { n: (b.invalidOwnerUnionIds || []).length })}</span>` : '';
-        const miss = b.missingOperatorIdentity ? `<span class="err"> · ${t('team.missingIdentity')}</span>` : '';
-        const skipped = (b.skippedNoOwner || []).length ? `<span class="err"> · ${t('team.skippedNoOwner', { n: (b.skippedNoOwner || []).length })}</span>` : '';
-        const by = b.delegatedTo ? t('team.delegatedBy', { name: escapeHtml(b.delegatedTo) }) : '';
-        out.innerHTML = `<span class="ok">${t('team.groupCreated')}</span>${by} · <a href="${escapeHtml(link)}" target="_blank">${t('team.openInLark')}</a>${invalid}${invOwners}${miss}${skipped}`;
-    }
-    else {
-        const e = b?.error || status;
-        const msg = e === 'no_local_online_bot' ? t('team.errNoLocalBot')
-            : e === 'all_bots_skipped_no_owner' ? t('team.errAllSkipped')
-                : e === 'no_creator_available' ? t('team.errNoCreator')
-                    : e === 'delegation_timeout' ? t('team.errDelegationTimeout')
-                        : t('team.errGroupCreate', { error: String(e) });
-        out.innerHTML = `<span class="err">${escapeHtml(String(msg))}</span>`;
-    }
+export async function createRemoteGroup(hubUrl, teamId, name, larkAppIds) {
+    return jpost('/api/team/remote-group', { hubUrl, teamId, name, larkAppIds });
 }
-async function openRoleModal(app, name, generation = activeTeamGeneration) {
-    const r = await jget('/api/team/local-bots/' + encodeURIComponent(app) + '/role');
-    if (!isTeamGeneration(generation))
-        return;
-    $('tf-modal-title').textContent = t('team.roleModalTitleName', { name });
-    $('tf-modal-text').value = r.body?.role || '';
-    $('tf-modal').dataset.app = app;
-    $('tf-modal').style.display = 'flex';
+export async function createHostedTeam(name) {
+    return jpost('/api/team/hosted', { name });
 }
-function refreshCliOptions() {
-    const clis = Array.from(new Set(allTeams().flatMap(t2 => t2.bots.map(x => x.cliId)).filter(Boolean))).sort();
-    const sel = $('tf-cli');
-    const cur = sel.value;
-    sel.innerHTML = `<option value="">${t('team.allCli')}</option>` + clis.map(c => `<option value="${escapeHtml(c)}">${escapeHtml(c)}</option>`).join('');
-    sel.value = cur;
+export async function deleteHostedTeam(teamId) {
+    return jsend('DELETE', '/api/team/hosted/' + encodeURIComponent(teamId));
 }
-async function loadLocal(generation = activeTeamGeneration) {
-    const r = await jget('/api/team/hosted');
-    if (!isTeamGeneration(generation))
-        return;
-    const b = r.body;
-    if (!b?.ok) {
-        localTeams = [];
-        renderTeams();
-        return;
-    }
-    myDeploymentId = b.deployment.deploymentId;
-    suggestedHubUrl = b.suggestedHubUrl || '';
-    $('tf-owner').textContent = b.deployment.ownerName || (b.deployment.ownerUnionId ? t('team.bound') : t('team.unbound'));
-    localTeams = (b.teams || []).map((t2) => ({
-        kind: 'local', key: `local:${t2.teamId}`, teamId: t2.teamId,
-        label: t2.isDefault ? t('team.myHostedTeam') : t2.name, sub: '', ok: true,
-        deployments: t2.deployments || [], bots: t2.bots || [],
-    }));
-    refreshCliOptions();
-    renderTeams();
+export async function generateLocalInvite(teamId) {
+    return jpost('/api/team/local-invite', { teamId });
 }
-async function loadRemote(generation = activeTeamGeneration) {
-    const r = await jget('/api/team/remote-roster');
-    if (!isTeamGeneration(generation))
-        return;
-    const list = r.body?.memberships || [];
-    remoteTeams = list.map((m) => {
-        const deployments = m.roster?.deployments || [];
-        const hub = deployments.find(d => d.local);
-        const label = hub?.name ? t('team.remoteTeamLabel', { name: hub.name }) : (m.teamName || m.teamId);
-        return {
-            kind: 'remote', key: `${m.hubUrl}::${m.teamId}`, teamId: m.teamId, label, sub: m.hubUrl,
-            ok: !!m.ok, error: m.error, hubUrl: m.hubUrl, deployments, bots: m.roster?.bots || [],
-        };
-    });
-    refreshCliOptions();
-    renderTeams();
+export async function joinRemoteTeam(hubUrl, inviteCode) {
+    return jpost('/api/team/join-remote', { hubUrl, inviteCode });
 }
-export function wireTeamFederationPage(root) {
-    const generation = nextTeamGeneration();
-    const cleanups = [];
-    const on = (el, type, listener) => {
-        if (!el)
-            return;
-        el.addEventListener(type, listener);
-        cleanups.push(() => el.removeEventListener(type, listener));
-    };
-    pickedByTeam.clear();
-    gnameByTeam.clear();
-    expandedTeams.clear();
-    expandedDeps.clear();
-    ['tf-search', 'tf-cli', 'tf-fcap', 'tf-frole'].forEach(id => {
-        const el = document.getElementById(id);
-        on(el, 'input', () => { if (isTeamGeneration(generation))
-            renderTeams(); });
-        on(el, 'change', () => { if (isTeamGeneration(generation))
-            renderTeams(); });
-    });
-    on(document.getElementById('tf-modal-cancel'), 'click', () => { if (isTeamGeneration(generation))
-        $('tf-modal').style.display = 'none'; });
-    wireBind(generation);
-    void loadLocal(generation);
-    void loadRemote(generation);
-    return () => {
-        if (isTeamGeneration(generation))
-            activeTeamGeneration += 1;
-        for (const cleanup of cleanups.splice(0))
-            cleanup();
-        const modal = root.querySelector('#tf-modal');
-        if (modal)
-            modal.style.display = 'none';
-    };
+export function allTeams(localTeams, remoteTeams) {
+    return [...localTeams, ...remoteTeams];
 }
-// ───────────────────────── #/team/manage (team management) ─────────────────────────
-async function loadManageList(generation = activeTeamGeneration) {
-    const r = await jget('/api/team/hosted');
-    if (!isTeamGeneration(generation))
-        return;
-    const b = r.body;
-    const el = $('tm-list');
-    suggestedHubUrl = b?.suggestedHubUrl || suggestedHubUrl;
-    const teams = b?.teams || [];
-    if (!teams.length) {
-        el.innerHTML = `<p class="muted">${t('team.noTeamsShort')}</p>`;
-        return;
+export function pickedSet(map, key) {
+    let s = map.get(key);
+    if (!s) {
+        s = new Set();
+        map.set(key, s);
     }
-    el.innerHTML = teams.map((t2) => {
-        const remote = (t2.deployments || []).filter((d) => !d.local).length;
-        return `<div class="card" style="margin:0 0 8px;padding:10px 14px;background:var(--bg-soft,#f6f7f9)">
-      <div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap">
-        <b>${escapeHtml(t2.name)}</b>${t2.isDefault ? ` <span class="muted" style="font-size:12px">${t('team.default')}</span>` : ''}
-        <span class="muted" style="font-size:12px">· ${t('team.manageMetaDeps', { count: (t2.deployments || []).length })}${remote ? t('team.manageMetaRemote', { r: remote }) : ''} · ${t('team.manageMetaBots', { count: (t2.bots || []).length })}</span>
-        <span style="margin-left:auto;display:flex;gap:6px">
-          <button class="tm-invite ghost" data-team="${escapeHtml(t2.teamId)}" style="font-size:12px">${t('team.genInvite')}</button>
-          ${t2.isDefault ? '' : `<button class="tm-del ghost" data-team="${escapeHtml(t2.teamId)}" data-name="${escapeHtml(t2.name)}" style="font-size:12px">${t('team.delBtn')}</button>`}
-        </span>
-      </div>
-      <div class="tm-inv-out" data-team="${escapeHtml(t2.teamId)}" style="display:none;margin-top:6px;font-size:13px"></div></div>`;
-    }).join('');
-    el.querySelectorAll('.tm-invite').forEach(btn => {
-        btn.onclick = async () => {
-            const team = btn.dataset.team;
-            const out = el.querySelector(`.tm-inv-out[data-team="${CSS.escape(team)}"]`);
-            out.style.display = '';
-            out.innerHTML = `<span class="muted">${t('team.generating')}</span>`;
-            const r2 = await jpost('/api/team/local-invite', { teamId: team });
-            if (!isTeamGeneration(generation))
-                return;
-            if (r2.body?.code) {
-                out.innerHTML = `${t('team.inviteResultLede')}<br>${t('team.inviteHub')}<code>${escapeHtml(suggestedHubUrl)}</code><br>${t('team.inviteCode')}<code style="font-size:15px">${escapeHtml(r2.body.code)}</code>`;
-            }
-            else {
-                out.innerHTML = `<span class="err">${t('team.genFail')}</span>`;
-            }
-        };
-    });
-    el.querySelectorAll('.tm-del').forEach(btn => {
-        btn.onclick = async () => {
-            if (!confirm(t('team.delConfirm', { name: btn.dataset.name || '' })))
-                return;
-            await jsend('DELETE', '/api/team/hosted/' + encodeURIComponent(btn.dataset.team));
-            if (!isTeamGeneration(generation))
-                return;
-            void loadManageList(generation);
-        };
-    });
+    return s;
 }
-export function wireTeamManagePage(root) {
-    const generation = nextTeamGeneration();
-    const cleanups = [];
-    const on = (el, type, listener) => {
-        if (!el)
-            return;
-        el.addEventListener(type, listener);
-        cleanups.push(() => el.removeEventListener(type, listener));
-    };
-    on(document.getElementById('tm-create'), 'click', async () => {
-        const name = $('tm-newname').value.trim();
-        const out = root.querySelector('.tm-cout');
-        if (!name) {
-            out.innerHTML = `<span class="err">${t('team.errName')}</span>`;
-            return;
-        }
-        out.innerHTML = `<span class="muted">${t('team.creating')}</span>`;
-        const r = await jpost('/api/team/hosted', { name });
-        if (!isTeamGeneration(generation))
-            return;
-        if (r.body?.ok) {
-            out.innerHTML = `<span class="ok">${t('team.created')}</span>`;
-            $('tm-newname').value = '';
-            void loadManageList(generation);
-        }
-        else {
-            out.innerHTML = `<span class="err">${t('team.createFail', { error: escapeHtml(String(r.body?.error || r.status)) })}</span>`;
-        }
-    });
-    on(document.getElementById('tm-join'), 'click', async () => {
-        const hubUrl = $('tm-hub').value.trim();
-        const inviteCode = $('tm-code').value.trim();
-        const out = $('tm-join-out');
-        out.style.display = '';
-        if (!hubUrl || !inviteCode) {
-            out.innerHTML = `<span class="err">${t('team.errHubCode')}</span>`;
-            return;
-        }
-        out.innerHTML = `<span class="muted">${t('team.joining')}</span>`;
-        const r = await jpost('/api/team/join-remote', { hubUrl, inviteCode });
-        if (!isTeamGeneration(generation))
-            return;
-        if (r.body?.ok) {
-            out.innerHTML = `<span class="ok">${t('team.joined', { name: escapeHtml(r.body.teamName || '') })}</span>`;
-            $('tm-code').value = '';
-        }
-        else {
-            const e = r.body?.error || r.status;
-            const msg = e === 'cannot_join_self' ? t('team.joinErrSelf') : e === 'deployment_already_joined' ? t('team.joinErrAlready') : e === 'hub_unreachable' ? t('team.joinErrUnreachable') : e === 'hub_timeout' ? t('team.joinErrTimeout') : t('team.joinErrGeneric', { error: String(e) });
-            out.innerHTML = `<span class="err">${escapeHtml(String(msg))}</span>`;
-        }
+export function botMatchesTeamFilters(bot, filters) {
+    const q = filters.query.trim().toLowerCase();
+    if (q && !((bot.name || '') + ' ' + (bot.cliId || '') + ' ' + (bot.capability || '')).toLowerCase().includes(q)) {
+        return false;
+    }
+    if (filters.cliId && bot.cliId !== filters.cliId)
+        return false;
+    if (filters.hasCapability && !bot.capability)
+        return false;
+    if (filters.hasRole && !bot.hasTeamRole)
+        return false;
+    return true;
+}
+export function teamCliOptions(teams) {
+    return Array.from(new Set(teams.flatMap(team => team.bots.map(bot => bot.cliId)).filter(Boolean))).sort();
+}
+export function mapHostedTeams(body, tr) {
+    return (body.teams || []).map((team) => ({
+        kind: 'local',
+        key: `local:${team.teamId}`,
+        teamId: team.teamId,
+        label: team.isDefault ? tr('team.myHostedTeam') : team.name,
+        sub: '',
+        ok: true,
+        deployments: team.deployments || [],
+        bots: team.bots || [],
+    }));
+}
+export function mapRemoteTeams(body, tr) {
+    const list = body.memberships || [];
+    return list.map((membership) => {
+        const deployments = membership.roster?.deployments || [];
+        const hub = deployments.find(dep => dep.local);
+        const label = hub?.name ? tr('team.remoteTeamLabel', { name: hub.name }) : (membership.teamName || membership.teamId);
+        return {
+            kind: 'remote',
+            key: `${membership.hubUrl}::${membership.teamId}`,
+            teamId: membership.teamId,
+            label,
+            sub: membership.hubUrl,
+            ok: !!membership.ok,
+            error: membership.error,
+            hubUrl: membership.hubUrl,
+            deployments,
+            bots: membership.roster?.bots || [],
+        };
     });
-    void loadManageList(generation);
-    return () => {
-        if (isTeamGeneration(generation))
-            activeTeamGeneration += 1;
-        for (const cleanup of cleanups.splice(0))
-            cleanup();
-    };
 }
-// ───────────────────────────── identity bind ─────────────────────────────
-function wireBind(generation = activeTeamGeneration) {
-    $('tf-autobind').onclick = async () => {
-        const out = $('tf-bind-out');
-        out.style.display = '';
-        out.innerHTML = `<span class="muted">${t('team.identifying')}</span>`;
-        const r = await jpost('/api/team/identity/auto-bind');
-        if (!isTeamGeneration(generation))
-            return;
-        const b = r.body;
-        if (b?.ok && b.owner) {
-            out.innerHTML = `<span class="ok">${t('team.bound2', { name: escapeHtml(b.owner.name || b.owner.unionId) })}</span>`;
-            void loadLocal(generation);
-            return;
-        }
-        if (b?.ok && b.needChoice && Array.isArray(b.candidates)) {
-            const opts = b.candidates.map((c) => `<button class="tf-pickowner ghost" data-union="${escapeHtml(c.unionId)}" style="margin:2px">${escapeHtml(c.name || c.unionId)}</button>`).join(' ');
-            out.innerHTML = `${t('team.multiCandidate')}<br>${opts}`;
-            out.querySelectorAll('.tf-pickowner').forEach(btn => {
-                btn.onclick = async () => {
-                    out.innerHTML = `<span class="muted">${t('team.binding')}</span>`;
-                    const r2 = await jpost('/api/team/identity/auto-bind', { unionId: btn.dataset.union });
-                    if (!isTeamGeneration(generation))
-                        return;
-                    const b2 = r2.body;
-                    if (b2?.ok && b2.owner) {
-                        out.innerHTML = `<span class="ok">${t('team.bound2', { name: escapeHtml(b2.owner.name || b2.owner.unionId) })}</span>`;
-                        void loadLocal(generation);
-                    }
-                    else {
-                        out.innerHTML = `<span class="err">${t('team.bindFail', { error: escapeHtml(String(b2?.error || 'unknown')) })}</span>`;
-                    }
-                };
-            });
-            return;
-        }
-        if (b?.error === 'no_candidates') {
-            out.innerHTML = `<span class="err">${t('team.noCandidates')}</span>`;
-            return;
-        }
-        out.innerHTML = `<span class="err">${t('team.bindFail', { error: escapeHtml(String(b?.error || 'unknown')) })}</span>`;
-    };
+export function updateTeamBotCapability(teams, larkAppId, capability) {
+    return teams.map(team => ({
+        ...team,
+        bots: team.bots.map(bot => bot.larkAppId === larkAppId
+            ? { ...bot, capability: capability.trim() || null }
+            : bot),
+    }));
 }
+import { jget, jpost, jput, jsend } from './dashboard-api.js';
 //# sourceMappingURL=team-federation.js.map