botmux 2.107.0 → 2.108.0

package/dist/dashboard/web/roles-page.js

@@ -1,21 +1,546 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
+import { DropdownMenu, Html, LoadingState, RefreshIconButton } from './dashboard-components.js';
 import { useT } from './react-hooks.js';
 import { mountReactPage } from './react-mount.js';
-import { wireRolesSurface } from './roles.js';
-// Render-once scaffold: React owns the translated shell, while wireRolesSurface
-// owns the role tree/editor subtrees with delegated events and innerHTML. Keep
-// ui-change rerenders as full remounts until the controller is split further.
+import { hasExplicitChatRole, summarizeGroupProfileMatches, } from './role-profile-match.js';
+import { applyRoleProfile, botInChatCount, botRoleCount, byteLength, deleteProfileEntry, deleteRole, entryForBot, filterRoleGroups, filterRoleProfiles, hashChatId, isValidProfileId, loadGroups, loadProfileEntries, loadProfileEntry, loadProfiles, loadRole, loadRoleProfileContext, MAX_ROLE_BYTES, roleKey, ROLE_WARN_BYTES, saveInjectMode, saveProfileEntry, saveRole, } from './roles.js';
+import { botAvatarHtml, loadNameMaps } from './ui.js';
+function useAliveRef() {
+    const alive = useRef(true);
+    useEffect(() => {
+        alive.current = true;
+        return () => { alive.current = false; };
+    }, []);
+    return alive;
+}
+function useTimers() {
+    const timers = useRef(new Set());
+    useEffect(() => () => {
+        for (const timer of timers.current)
+            window.clearTimeout(timer);
+        timers.current.clear();
+    }, []);
+    return useCallback((fn, ms) => {
+        const id = window.setTimeout(() => {
+            timers.current.delete(id);
+            fn();
+        }, ms);
+        timers.current.add(id);
+        return id;
+    }, []);
+}
+function BotAvatar(props) {
+    return (_jsx(Html, { html: botAvatarHtml({
+            name: props.bot.botName,
+            larkAppId: props.bot.larkAppId,
+            avatarUrl: props.bot.botAvatarUrl,
+            size: 'sm',
+        }) }));
+}
 function RolesPage(props) {
     const tr = useT();
-    const rootRef = useRef(null);
-    const isProfiles = props.tab === 'profiles';
+    const alive = useAliveRef();
+    const scheduleTimer = useTimers();
+    const [groups, setGroups] = useState([]);
+    const [allBots, setAllBots] = useState([]);
+    const [profiles, setProfiles] = useState([]);
+    const [roleContext, setRoleContext] = useState({
+        entriesByProfile: new Map(),
+        effectiveRolesByBot: new Map(),
+    });
+    const [roleContextLoaded, setRoleContextLoaded] = useState(false);
+    const [loadingTree, setLoadingTree] = useState(true);
+    const [profileListLoading, setProfileListLoading] = useState(true);
+    const [groupsFilter, setGroupsFilter] = useState('');
+    const [profileFilter, setProfileFilter] = useState('');
+    const [expandedGroups, setExpandedGroups] = useState(() => new Set());
+    const [selectedGroupId, setSelectedGroupId] = useState(null);
+    const [selectedBotId, setSelectedBotId] = useState(null);
+    const [selectedRole, setSelectedRole] = useState(null);
+    const [editingContent, setEditingContent] = useState('');
+    const [editingInjectMode, setEditingInjectMode] = useState('every');
+    const [roleSaving, setRoleSaving] = useState(false);
+    const [roleDeleting, setRoleDeleting] = useState(false);
+    const [injectSaving, setInjectSaving] = useState(false);
+    const [roleFlash, setRoleFlash] = useState(null);
+    const [injectFlash, setInjectFlash] = useState(null);
+    const [selectedProfileId, setSelectedProfileId] = useState(null);
+    const [selectedProfileBotId, setSelectedProfileBotId] = useState(null);
+    const [profileEntries, setProfileEntries] = useState([]);
+    const [profileEditingContent, setProfileEditingContent] = useState('');
+    const [selectedApplyGroupId, setSelectedApplyGroupId] = useState(null);
+    const [applyForce, setApplyForce] = useState(false);
+    const [selectedApplyBotIds, setSelectedApplyBotIds] = useState(() => new Set());
+    const [profileSaving, setProfileSaving] = useState(false);
+    const [profileDeleting, setProfileDeleting] = useState(false);
+    const [profileFlash, setProfileFlash] = useState(null);
+    const [applyStatus, setApplyStatus] = useState({ kind: 'idle' });
+    const selectSerial = useRef(0);
+    const profileSelectSerial = useRef(0);
+    const profileIdInputRef = useRef(null);
+    const selectedGroup = selectedGroupId ? groups.find(group => group.chatId === selectedGroupId) : undefined;
+    const selectedBot = selectedGroup && selectedBotId
+        ? selectedGroup.memberBots.find(bot => bot.larkAppId === selectedBotId)
+        : undefined;
+    const selectedProfileBot = selectedProfileBotId
+        ? allBots.find(bot => bot.larkAppId === selectedProfileBotId)
+        : undefined;
+    const selectedProfileEntry = entryForBot(profileEntries, selectedProfileBotId);
+    const selectedApplyGroup = selectedApplyGroupId
+        ? groups.find(group => group.chatId === selectedApplyGroupId)
+        : undefined;
+    const selectedApplyBots = selectedApplyGroup?.memberBots.filter(bot => bot.inChat) ?? [];
+    const selectedApplyBotKey = selectedApplyBots.map(bot => bot.larkAppId).join('\u0000');
+    const profileEntryKey = profileEntries.map(entry => entry.larkAppId).sort().join('\u0000');
+    const filteredGroups = useMemo(() => filterRoleGroups(groups, groupsFilter), [groups, groupsFilter]);
+    const filteredProfiles = useMemo(() => filterRoleProfiles(profiles, profileFilter), [profiles, profileFilter]);
+    const roleByteLen = byteLength(editingContent);
+    const profileByteLen = byteLength(profileEditingContent);
+    const flash = useCallback((setter, text, isError = false) => {
+        const id = Date.now() + Math.random();
+        setter({ text, isError, id });
+        scheduleTimer(() => {
+            setter(current => current?.id === id ? null : current);
+        }, isError ? 3000 : 2000);
+    }, [scheduleTimer]);
+    const refreshRoleContext = useCallback(async (nextGroups, nextProfiles) => {
+        try {
+            const context = await loadRoleProfileContext(nextGroups, nextProfiles);
+            if (!alive.current)
+                return;
+            setRoleContext(context);
+            setRoleContextLoaded(true);
+        }
+        catch {
+            if (!alive.current)
+                return;
+            setRoleContext({ entriesByProfile: new Map(), effectiveRolesByBot: new Map() });
+            setRoleContextLoaded(true);
+        }
+    }, [alive]);
+    const refreshGroups = useCallback(async () => {
+        const snapshot = await loadGroups();
+        if (!alive.current)
+            return snapshot;
+        setGroups(snapshot.groups);
+        setAllBots(snapshot.bots);
+        return snapshot;
+    }, [alive]);
+    const refreshProfiles = useCallback(async () => {
+        const nextProfiles = await loadProfiles();
+        if (!alive.current)
+            return nextProfiles;
+        setProfiles(nextProfiles);
+        return nextProfiles;
+    }, [alive]);
+    const loadInitial = useCallback(async () => {
+        setLoadingTree(true);
+        setProfileListLoading(true);
+        setRoleContextLoaded(false);
+        try {
+            const snapshot = await refreshGroups();
+            if (!alive.current)
+                return;
+            const nextProfiles = await refreshProfiles();
+            if (!alive.current)
+                return;
+            await loadNameMaps();
+            if (!alive.current)
+                return;
+            setExpandedGroups(new Set(snapshot.groups.filter(group => botRoleCount(group) > 0).map(group => group.chatId)));
+            if (props.tab === 'profiles') {
+                const requestedChatId = hashChatId();
+                setSelectedApplyGroupId(current => {
+                    if (current)
+                        return current;
+                    if (requestedChatId && snapshot.groups.some(group => group.chatId === requestedChatId))
+                        return requestedChatId;
+                    return snapshot.groups[0]?.chatId ?? null;
+                });
+            }
+            else {
+                setSelectedApplyGroupId(current => current ?? snapshot.groups[0]?.chatId ?? null);
+            }
+            setLoadingTree(false);
+            setProfileListLoading(false);
+            void refreshRoleContext(snapshot.groups, nextProfiles);
+        }
+        catch {
+            if (!alive.current)
+                return;
+            setLoadingTree(false);
+            setProfileListLoading(false);
+            setRoleContextLoaded(true);
+        }
+    }, [alive, props.tab, refreshGroups, refreshProfiles, refreshRoleContext]);
+    useEffect(() => {
+        void loadInitial();
+    }, [loadInitial]);
     useEffect(() => {
-        if (!rootRef.current)
-            return undefined;
-        return wireRolesSurface(rootRef.current, props.tab);
-    }, [props.tab]);
-    return (_jsxs("section", { className: "page roles-page", ref: rootRef, children: [_jsx("div", { className: "page-heading roles-heading", children: _jsxs("div", { children: [_jsx("p", { className: "eyebrow", children: tr('nav.roles') }), _jsx("h1", { children: tr('roles.title') }), _jsx("p", { children: tr('roles.subtitle') })] }) }), _jsxs("nav", { className: "wf-subnav roles-subnav", children: [_jsx("a", { href: "#/roles", className: isProfiles ? undefined : 'active', children: tr('roles.tabGroups') }), _jsx("a", { href: "#/roles/profile", className: isProfiles ? 'active' : undefined, children: tr('roles.tabProfiles') })] }), _jsxs("div", { id: "roles-by-group-view", className: "roles-layout", hidden: isProfiles, children: [_jsxs("div", { className: "roles-tree-panel", children: [_jsxs("div", { className: "roles-tree-header", children: [_jsx("input", { type: "search", id: "roles-search", placeholder: tr('roles.search') }), _jsx("button", { type: "button", id: "roles-refresh", children: tr('roles.refresh') })] }), _jsx("div", { id: "roles-tree", className: "roles-tree" })] }), _jsxs("div", { className: "roles-editor-panel", children: [_jsx("div", { id: "roles-editor-empty", className: "roles-editor-empty", children: tr('roles.selectHint') }), _jsxs("div", { id: "roles-editor-form", className: "roles-editor-form", style: { display: 'none' }, children: [_jsxs("div", { className: "roles-editor-breadcrumb", children: [_jsx("span", { id: "roles-editor-group-name" }), _jsx("span", { className: "roles-breadcrumb-sep", children: "\u203A" }), _jsx("span", { id: "roles-editor-bot-name" })] }), _jsx("div", { className: "roles-editor-meta", children: _jsx("span", { id: "roles-editor-chat-id", className: "roles-editor-meta-line" }) }), _jsxs("div", { className: "roles-editor-inject", children: [_jsx("label", { htmlFor: "roles-editor-inject-mode", children: tr('roles.injectModeLabel') }), _jsxs("select", { id: "roles-editor-inject-mode", children: [_jsx("option", { value: "every", children: tr('roles.injectModeEvery') }), _jsx("option", { value: "once", children: tr('roles.injectModeOnce') })] }), _jsx("span", { className: "roles-editor-inject-hint", children: tr('roles.injectModeHint') })] }), _jsx("textarea", { id: "roles-editor-textarea", placeholder: tr('roles.editorPlaceholder'), rows: 14 }), _jsxs("div", { className: "roles-editor-footer", children: [_jsx("span", { id: "roles-editor-bytecount", className: "roles-bytecount" }), _jsxs("div", { className: "roles-editor-actions", children: [_jsx("button", { type: "button", id: "roles-delete", className: "danger", children: tr('roles.delete') }), _jsx("button", { type: "button", id: "roles-save", className: "primary", children: tr('roles.save') })] })] }), _jsx("div", { id: "roles-preview", className: "roles-preview" })] })] })] }), _jsxs("div", { id: "roles-profiles-view", className: "roles-layout roles-profiles-layout", hidden: !isProfiles, children: [_jsxs("div", { className: "roles-tree-panel", children: [_jsxs("div", { className: "roles-tree-header roles-profile-create", children: [_jsx("input", { type: "text", id: "roles-profile-id", placeholder: tr('roles.profileIdPlaceholder'), maxLength: 64 }), _jsx("button", { type: "button", id: "roles-profile-select", children: tr('roles.openProfile') })] }), _jsxs("div", { className: "roles-tree-header", children: [_jsx("input", { type: "search", id: "roles-profile-search", placeholder: tr('roles.profileSearch') }), _jsx("button", { type: "button", id: "roles-profile-refresh", children: tr('roles.refresh') })] }), _jsx("div", { id: "roles-profile-list", className: "roles-tree" })] }), _jsxs("div", { className: "roles-editor-panel", children: [_jsx("div", { id: "roles-profile-empty", className: "roles-editor-empty", children: tr('roles.profileSelectHint') }), _jsx("div", { id: "roles-profile-detail", className: "roles-editor-form roles-profile-detail", style: { display: 'none' } })] })] })] }));
+        if (selectedApplyGroupId || groups.length === 0)
+            return;
+        setSelectedApplyGroupId(groups[0].chatId);
+    }, [groups, selectedApplyGroupId]);
+    useEffect(() => {
+        const defaults = new Set(selectedApplyBots
+            .filter(bot => !!entryForBot(profileEntries, bot.larkAppId))
+            .map(bot => bot.larkAppId));
+        setSelectedApplyBotIds(defaults);
+        setApplyStatus({ kind: 'idle' });
+    }, [profileEntryKey, selectedApplyBotKey]); // Re-default only when available bots/entries change.
+    async function handleSelectBot(groupId, botId) {
+        const serial = ++selectSerial.current;
+        setSelectedGroupId(groupId);
+        setSelectedBotId(botId);
+        const role = await loadRole(botId, groupId);
+        if (!alive.current || serial !== selectSerial.current)
+            return;
+        setSelectedRole(role);
+        setEditingContent(role.content ?? '');
+        setEditingInjectMode(role.injectMode === 'once' ? 'once' : 'every');
+        setRoleFlash(null);
+        setInjectFlash(null);
+    }
+    async function handleGroupRefresh() {
+        const snapshot = await refreshGroups();
+        if (!alive.current)
+            return;
+        void refreshRoleContext(snapshot.groups, profiles);
+        if (selectedGroupId && selectedBotId) {
+            const role = await loadRole(selectedBotId, selectedGroupId);
+            if (!alive.current)
+                return;
+            setSelectedRole(role);
+            setEditingContent(role.content ?? '');
+            setEditingInjectMode(role.injectMode === 'once' ? 'once' : 'every');
+        }
+    }
+    async function handleSaveRole() {
+        if (!selectedGroupId || !selectedBotId)
+            return;
+        setRoleSaving(true);
+        try {
+            const ok = await saveRole(selectedBotId, selectedGroupId, editingContent, editingInjectMode);
+            if (!alive.current)
+                return;
+            if (ok) {
+                const snapshot = await refreshGroups();
+                if (!alive.current)
+                    return;
+                setSelectedRole(prev => prev ? { ...prev, content: editingContent, hasRole: true, injectMode: editingInjectMode } : prev);
+                void refreshRoleContext(snapshot.groups, profiles);
+                flash(setRoleFlash, tr('roles.saved'));
+            }
+            else {
+                flash(setRoleFlash, editingContent.trim().length === 0 ? tr('roles.emptyError') : tr('roles.saveFailed'), true);
+            }
+        }
+        finally {
+            if (alive.current)
+                setRoleSaving(false);
+        }
+    }
+    async function handleDeleteRole() {
+        if (!selectedGroupId || !selectedBotId)
+            return;
+        if (!confirm(tr('roles.confirmDelete')))
+            return;
+        setRoleDeleting(true);
+        try {
+            const ok = await deleteRole(selectedBotId, selectedGroupId);
+            if (!alive.current)
+                return;
+            if (ok) {
+                const snapshot = await refreshGroups();
+                if (!alive.current)
+                    return;
+                setSelectedGroupId(null);
+                setSelectedBotId(null);
+                setSelectedRole(null);
+                setEditingContent('');
+                setEditingInjectMode('every');
+                void refreshRoleContext(snapshot.groups, profiles);
+            }
+        }
+        finally {
+            if (alive.current)
+                setRoleDeleting(false);
+        }
+    }
+    async function handleInjectModeChange(mode) {
+        if (!selectedGroupId || !selectedBotId)
+            return;
+        const prev = editingInjectMode;
+        setEditingInjectMode(mode);
+        setInjectSaving(true);
+        try {
+            const ok = await saveInjectMode(selectedBotId, selectedGroupId, mode);
+            if (!alive.current)
+                return;
+            if (!ok)
+                setEditingInjectMode(prev);
+            flash(setInjectFlash, ok ? tr('roles.saved') : tr('roles.saveFailed'), !ok);
+        }
+        finally {
+            if (alive.current)
+                setInjectSaving(false);
+        }
+    }
+    async function handleSelectProfile(profileId) {
+        const clean = profileId.trim();
+        if (!isValidProfileId(clean))
+            return;
+        const serial = ++profileSelectSerial.current;
+        setSelectedProfileId(clean);
+        setSelectedProfileBotId(null);
+        setProfileEditingContent('');
+        setApplyStatus({ kind: 'idle' });
+        setSelectedApplyGroupId(current => current ?? groups[0]?.chatId ?? null);
+        const entries = await loadProfileEntries(clean);
+        if (!alive.current || serial !== profileSelectSerial.current)
+            return;
+        setProfileEntries(entries);
+        setProfileFlash(null);
+    }
+    async function handleSelectProfileBot(botId) {
+        if (!selectedProfileId)
+            return;
+        const serial = ++profileSelectSerial.current;
+        setSelectedProfileBotId(botId);
+        const entry = await loadProfileEntry(selectedProfileId, botId);
+        if (!alive.current || serial !== profileSelectSerial.current)
+            return;
+        setProfileEditingContent(entry.content ?? '');
+        const entries = await loadProfileEntries(selectedProfileId);
+        if (!alive.current || serial !== profileSelectSerial.current)
+            return;
+        setProfileEntries(entries);
+        setProfileFlash(null);
+    }
+    async function handleProfileRefresh() {
+        const snapshot = await refreshGroups();
+        if (!alive.current)
+            return;
+        const nextProfiles = await refreshProfiles();
+        if (!alive.current)
+            return;
+        if (selectedProfileId) {
+            const entries = await loadProfileEntries(selectedProfileId);
+            if (!alive.current)
+                return;
+            setProfileEntries(entries);
+        }
+        void refreshRoleContext(snapshot.groups, nextProfiles);
+    }
+    async function handleOpenProfile() {
+        const input = profileIdInputRef.current;
+        const profileId = input?.value.trim() ?? '';
+        if (!profileId)
+            return;
+        if (!isValidProfileId(profileId)) {
+            input?.setCustomValidity(tr('roles.profileIdInvalid'));
+            input?.reportValidity();
+            return;
+        }
+        input?.setCustomValidity('');
+        await handleSelectProfile(profileId);
+        if (!alive.current)
+            return;
+        if (!location.hash.startsWith('#/roles/profile')) {
+            location.hash = '#/roles/profile';
+        }
+    }
+    async function handleSaveProfileEntry() {
+        if (!selectedProfileId || !selectedProfileBotId)
+            return;
+        setProfileSaving(true);
+        try {
+            const ok = await saveProfileEntry(selectedProfileId, selectedProfileBotId, profileEditingContent);
+            if (!alive.current)
+                return;
+            const nextProfiles = await refreshProfiles();
+            if (!alive.current)
+                return;
+            const entries = await loadProfileEntries(selectedProfileId);
+            if (!alive.current)
+                return;
+            setProfileEntries(entries);
+            void refreshRoleContext(groups, nextProfiles);
+            flash(setProfileFlash, ok ? tr('roles.saved') : tr('roles.saveFailed'), !ok);
+        }
+        finally {
+            if (alive.current)
+                setProfileSaving(false);
+        }
+    }
+    async function handleDeleteProfileEntry() {
+        if (!selectedProfileId || !selectedProfileBotId)
+            return;
+        if (!confirm(tr('roles.confirmDeleteProfileEntry')))
+            return;
+        setProfileDeleting(true);
+        try {
+            await deleteProfileEntry(selectedProfileId, selectedProfileBotId);
+            if (!alive.current)
+                return;
+            setProfileEditingContent('');
+            const nextProfiles = await refreshProfiles();
+            if (!alive.current)
+                return;
+            const entries = await loadProfileEntries(selectedProfileId);
+            if (!alive.current)
+                return;
+            setProfileEntries(entries);
+            void refreshRoleContext(groups, nextProfiles);
+        }
+        finally {
+            if (alive.current)
+                setProfileDeleting(false);
+        }
+    }
+    function toggleApplyBot(botId, checked) {
+        setSelectedApplyBotIds(prev => {
+            const next = new Set(prev);
+            if (checked)
+                next.add(botId);
+            else
+                next.delete(botId);
+            return next;
+        });
+    }
+    async function runProfileApply(preview) {
+        if (!selectedProfileId)
+            return;
+        const groupId = selectedApplyGroupId ?? groups[0]?.chatId;
+        if (!groupId)
+            return;
+        const selected = [...selectedApplyBotIds];
+        if (selected.length === 0) {
+            setApplyStatus({ kind: 'text', text: tr('roles.applyPickBots') });
+            return;
+        }
+        setApplyStatus({ kind: 'text', text: '...' });
+        const results = await Promise.all(selected.map(larkAppId => applyRoleProfile({
+            profileId: selectedProfileId,
+            chatId: groupId,
+            larkAppId,
+            force: applyForce,
+            preview,
+        })));
+        if (!alive.current)
+            return;
+        setApplyStatus({ kind: 'results', preview, results });
+        if (!preview) {
+            const snapshot = await refreshGroups();
+            if (!alive.current)
+                return;
+            void refreshRoleContext(snapshot.groups, profiles);
+        }
+    }
+    const roleSaveDisabled = roleSaving || roleByteLen > MAX_ROLE_BYTES || editingContent.trim().length === 0;
+    const profileSaveDisabled = profileSaving || profileByteLen > MAX_ROLE_BYTES || profileEditingContent.trim().length === 0;
+    const isProfiles = props.tab === 'profiles';
+    const tabs = (_jsxs("nav", { className: "roles-subnav insight-tabs", role: "tablist", "aria-label": tr('roles.title'), children: [_jsx("a", { href: "#/roles", className: `itab${isProfiles ? '' : ' on'}`, role: "tab", "aria-selected": !isProfiles, children: tr('roles.tabGroups') }), _jsx("a", { href: "#/roles/profile", className: `itab${isProfiles ? ' on' : ''}`, role: "tab", "aria-selected": isProfiles, children: tr('roles.tabProfiles') })] }));
+    return (_jsxs("section", { className: "page roles-page", children: [_jsxs("div", { className: "page-heading roles-heading", children: [_jsxs("div", { children: [_jsx("p", { className: "eyebrow", children: tr('nav.roles') }), _jsx("h1", { children: tr('roles.title') })] }), _jsx("div", { className: "page-heading-actions", children: tabs })] }), _jsxs("div", { id: "roles-by-group-view", className: "roles-layout", hidden: isProfiles, children: [_jsxs("div", { className: "roles-tree-panel", children: [_jsxs("div", { className: "roles-tree-header dashboard-toolbar", children: [_jsx("input", { type: "search", id: "roles-search", placeholder: tr('roles.search'), value: groupsFilter, onChange: ev => setGroupsFilter(ev.target.value) }), _jsx(RefreshIconButton, { id: "roles-refresh", label: tr('roles.refresh'), onClick: () => void handleGroupRefresh() })] }), _jsx("div", { id: "roles-tree", className: "roles-tree", children: loadingTree ? _jsx(LoadingState, { label: tr('common.loading') }) : (_jsx(GroupsTree, { groups: filteredGroups, profiles: profiles, context: roleContext, contextLoaded: roleContextLoaded, expandedGroups: expandedGroups, selectedGroupId: selectedGroupId, selectedBotId: selectedBotId, tr: tr, onToggleGroup: groupId => setExpandedGroups(prev => toggleSet(prev, groupId)), onSelectBot: (groupId, botId) => void handleSelectBot(groupId, botId) })) })] }), _jsx("div", { className: "roles-editor-panel", children: !selectedGroupId || !selectedBotId ? (_jsx("div", { id: "roles-editor-empty", className: "roles-editor-empty", children: tr('roles.selectHint') })) : (_jsxs("div", { id: "roles-editor-form", className: "roles-editor-form", children: [_jsxs("div", { className: "roles-editor-head", children: [_jsxs("div", { children: [_jsxs("div", { className: "roles-editor-breadcrumb", children: [_jsx("span", { id: "roles-editor-group-name", children: selectedGroup?.name ?? selectedGroupId }), _jsx("span", { className: "roles-breadcrumb-sep", children: "\u203A" }), _jsx("span", { id: "roles-editor-bot-name", children: selectedBot?.botName ?? selectedBotId })] }), _jsx("div", { className: "roles-editor-meta", children: _jsxs("span", { id: "roles-editor-chat-id", className: "roles-editor-meta-line", children: [selectedGroupId, "  \u00B7  ", selectedBotId] }) })] }), _jsxs("div", { className: "roles-editor-actions roles-editor-head-actions", children: [_jsx("button", { type: "button", id: "roles-delete", className: "danger", style: { display: selectedRole?.hasRole ? '' : 'none' }, disabled: roleDeleting, onClick: () => void handleDeleteRole(), children: roleDeleting ? '...' : tr('roles.delete') }), _jsx("button", { type: "button", id: "roles-save", className: "primary", disabled: roleSaveDisabled, onClick: () => void handleSaveRole(), children: roleSaving ? '...' : tr('roles.save') })] })] }), _jsxs("div", { className: "roles-editor-inject", children: [_jsx("span", { className: "roles-field-label", children: tr('roles.injectModeLabel') }), _jsx(DropdownMenu, { id: "roles-editor-inject-mode", className: "roles-inline-menu", ariaLabel: tr('roles.injectModeLabel'), disabled: injectSaving, label: editingInjectMode === 'once' ? tr('roles.injectModeOnce') : tr('roles.injectModeEvery'), value: editingInjectMode, options: [
+                                                { value: 'every', label: tr('roles.injectModeEvery') },
+                                                { value: 'once', label: tr('roles.injectModeOnce') },
+                                            ], onChange: mode => void handleInjectModeChange(mode === 'once' ? 'once' : 'every') }), _jsx("span", { className: "roles-editor-inject-hint", children: tr('roles.injectModeHint') }), _jsx(Flash, { flash: injectFlash })] }), _jsx("textarea", { id: "roles-editor-textarea", placeholder: tr('roles.editorPlaceholder'), rows: 14, value: editingContent, onChange: ev => setEditingContent(ev.target.value) }), _jsxs("div", { className: "roles-editor-footer", children: [_jsxs("span", { id: "roles-editor-bytecount", className: byteCountClass(roleByteLen), children: [roleByteLen, " / ", MAX_ROLE_BYTES, " bytes"] }), _jsx(Flash, { flash: roleFlash })] }), _jsx(RolePreview, { content: editingContent, tr: tr, id: "roles-preview" })] })) })] }), _jsxs("div", { id: "roles-profiles-view", className: "roles-layout roles-profiles-layout", hidden: !isProfiles, children: [_jsxs("div", { className: "roles-tree-panel", children: [_jsxs("div", { className: "roles-tree-header roles-profile-create dashboard-toolbar", children: [_jsx("input", { type: "text", id: "roles-profile-id", placeholder: tr('roles.profileIdPlaceholder'), maxLength: 64, ref: profileIdInputRef, onChange: ev => ev.currentTarget.setCustomValidity('') }), _jsx("button", { type: "button", id: "roles-profile-select", onClick: () => void handleOpenProfile(), children: tr('roles.openProfile') })] }), _jsxs("div", { className: "roles-tree-header dashboard-toolbar", children: [_jsx("input", { type: "search", id: "roles-profile-search", placeholder: tr('roles.profileSearch'), value: profileFilter, onChange: ev => setProfileFilter(ev.target.value) }), _jsx(RefreshIconButton, { id: "roles-profile-refresh", label: tr('roles.refresh'), onClick: () => void handleProfileRefresh() })] }), _jsx("div", { id: "roles-profile-list", className: "roles-tree", children: profileListLoading ? _jsx(LoadingState, { label: tr('common.loading') }) : (_jsx(ProfileList, { profiles: filteredProfiles, selectedProfileId: selectedProfileId, tr: tr, onSelect: profileId => void handleSelectProfile(profileId) })) })] }), _jsx("div", { className: "roles-editor-panel", children: !selectedProfileId ? (_jsx("div", { id: "roles-profile-empty", className: "roles-editor-empty", children: tr('roles.profileSelectHint') })) : (_jsxs("div", { id: "roles-profile-detail", className: "roles-editor-form roles-profile-detail", children: [_jsx("div", { className: "roles-profile-title", children: _jsxs("div", { children: [_jsxs("div", { className: "roles-editor-breadcrumb", children: [_jsx("span", { children: selectedProfileId }), selectedProfileBot ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "roles-breadcrumb-sep", children: "\u203A" }), _jsx("span", { children: selectedProfileBot.botName ?? selectedProfileBot.larkAppId })] })) : null] }), _jsx("div", { className: "roles-editor-meta-line", children: tr('roles.profileRuntimeHint') })] }) }), _jsxs("div", { className: "roles-profile-grid", children: [_jsxs("div", { className: "roles-profile-bots", children: [_jsx("div", { className: "roles-profile-section-title", children: tr('roles.profileBots') }), _jsx("div", { className: "roles-profile-bot-list", children: allBots.map(bot => {
+                                                        const hasEntry = !!entryForBot(profileEntries, bot.larkAppId);
+                                                        const selected = selectedProfileBotId === bot.larkAppId;
+                                                        return (_jsxs("div", { className: `roles-bot-row roles-profile-bot-row ${selected ? 'selected' : ''}`, "data-profile-bot-id": bot.larkAppId, onClick: () => void handleSelectProfileBot(bot.larkAppId), children: [_jsx(BotAvatar, { bot: bot }), _jsxs("div", { className: "roles-bot-info", children: [_jsx("div", { className: "roles-bot-name", children: bot.botName ?? bot.larkAppId }), _jsx("div", { className: "roles-bot-id", children: bot.larkAppId })] }), _jsx("span", { className: `roles-badge ${hasEntry ? 'has-role' : 'no-role'}`, children: hasEntry ? tr('roles.configured') : tr('roles.unconfigured') })] }, bot.larkAppId));
+                                                    }) })] }), _jsx("div", { className: "roles-profile-editor", children: selectedProfileBotId ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "roles-profile-editor-head", children: [_jsxs("span", { id: "roles-profile-bytecount", className: byteCountClass(profileByteLen), children: [profileByteLen, " / ", MAX_ROLE_BYTES, " bytes"] }), _jsxs("div", { className: "roles-editor-actions roles-editor-head-actions", children: [_jsx("button", { type: "button", id: "roles-profile-delete", className: "danger", style: { display: selectedProfileEntry ? '' : 'none' }, disabled: profileDeleting, onClick: () => void handleDeleteProfileEntry(), children: profileDeleting ? '...' : tr('roles.delete') }), _jsx("button", { type: "button", id: "roles-profile-save", className: "primary", disabled: profileSaveDisabled, onClick: () => void handleSaveProfileEntry(), children: profileSaving ? '...' : tr('roles.saveEntry') })] })] }), _jsx("textarea", { id: "roles-profile-textarea", placeholder: tr('roles.profileEditorPlaceholder'), rows: 12, value: profileEditingContent, onChange: ev => setProfileEditingContent(ev.target.value) }), _jsx("div", { className: "roles-editor-footer", children: _jsx(Flash, { flash: profileFlash }) }), _jsx(RolePreview, { content: profileEditingContent, tr: tr, id: "roles-profile-preview" })] })) : (_jsx("div", { className: "roles-editor-empty roles-profile-inline-empty", children: tr('roles.profileBotSelectHint') })) })] }), _jsxs("div", { className: "roles-profile-apply", children: [_jsx("div", { className: "roles-profile-section-title", children: tr('roles.applyToGroup') }), _jsxs("div", { className: "roles-profile-apply-controls", children: [_jsx(DropdownMenu, { id: "roles-profile-apply-group", className: "roles-apply-group-menu", ariaLabel: tr('roles.applyToGroup'), disabled: groups.length === 0, label: selectedApplyGroup?.name ?? selectedApplyGroupId ?? tr('roles.noChats'), value: selectedApplyGroupId ?? '', options: groups.map(group => ({
+                                                        value: group.chatId,
+                                                        label: group.name ?? group.chatId,
+                                                    })), onChange: groupId => setSelectedApplyGroupId(groupId) }), _jsxs("label", { className: "roles-profile-force", children: [_jsx("input", { type: "checkbox", id: "roles-profile-apply-force", checked: applyForce, onChange: ev => setApplyForce(ev.target.checked) }), " ", tr('roles.applyForce')] })] }), _jsx("div", { id: "roles-profile-apply-bots", children: !selectedApplyGroup || selectedApplyBots.length === 0 ? (_jsx("div", { className: "roles-empty", children: tr('roles.noChats') })) : selectedApplyBots.map(bot => {
+                                                const hasEntry = !!entryForBot(profileEntries, bot.larkAppId);
+                                                return (_jsxs("label", { className: "checkbox-row roles-profile-apply-bot", children: [_jsx("input", { type: "checkbox", name: "profile-apply-bot", value: bot.larkAppId, checked: selectedApplyBotIds.has(bot.larkAppId), onChange: ev => toggleApplyBot(bot.larkAppId, ev.target.checked) }), _jsx("span", { children: bot.botName ?? bot.larkAppId }), _jsx("small", { children: hasEntry ? tr('roles.configured') : tr('roles.profileMissing') })] }, bot.larkAppId));
+                                            }) }), _jsxs("div", { className: "roles-editor-actions", children: [_jsx("button", { type: "button", id: "roles-profile-preview-apply", onClick: () => void runProfileApply(true), children: tr('roles.previewApply') }), _jsx("button", { type: "button", id: "roles-profile-apply", className: "primary", onClick: () => void runProfileApply(false), children: tr('roles.applyProfile') })] }), _jsx("div", { id: "roles-profile-apply-status", className: "roles-profile-status", children: _jsx(ApplyStatusView, { status: applyStatus, bots: allBots, tr: tr }) })] })] })) })] })] }));
+}
+function toggleSet(prev, value) {
+    const next = new Set(prev);
+    if (next.has(value))
+        next.delete(value);
+    else
+        next.add(value);
+    return next;
+}
+function byteCountClass(len) {
+    return `roles-bytecount ${len > ROLE_WARN_BYTES ? 'warn' : ''} ${len > MAX_ROLE_BYTES ? 'over' : ''}`;
+}
+function Flash(props) {
+    if (!props.flash)
+        return null;
+    return (_jsxs("span", { className: `roles-saved-flash ${props.flash.isError ? 'roles-save-error' : ''}`, children: [' ', props.flash.text] }));
+}
+function GroupsTree(props) {
+    const { tr } = props;
+    if (props.groups.length === 0)
+        return _jsx("div", { className: "roles-empty", children: tr('roles.noChats') });
+    return (_jsx(_Fragment, { children: props.groups.map(group => {
+            const expanded = props.expandedGroups.has(group.chatId);
+            const inChatBots = group.memberBots.filter(bot => bot.inChat);
+            const roleCount = botRoleCount(group);
+            const totalInChat = botInChatCount(group);
+            return (_jsxs("div", { className: "roles-group-section", children: [_jsxs("div", { className: `roles-group-row ${expanded ? 'expanded' : ''} ${props.selectedGroupId === group.chatId && !props.selectedBotId ? 'selected' : ''}`, "data-group-id": group.chatId, onClick: () => props.onToggleGroup(group.chatId), children: [_jsx("span", { className: "roles-group-arrow", children: expanded ? '▾' : '▸' }), _jsx("span", { className: "roles-group-icon", "aria-hidden": "true", children: _jsxs("svg", { viewBox: "0 0 16 16", children: [_jsx("circle", { cx: "5.6", cy: "5.8", r: "2.4" }), _jsx("path", { d: "M1.8 13.2c.5-2.4 2-3.6 3.8-3.6s3.3 1.2 3.8 3.6" }), _jsx("circle", { cx: "11", cy: "6.8", r: "1.9" }), _jsx("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" })] }) }), _jsxs("div", { className: "roles-group-info", children: [_jsx("div", { className: "roles-group-name", children: group.name ?? group.chatId }), _jsxs("div", { className: "roles-group-meta", children: [roleCount, "/", totalInChat, " ", tr('roles.botsWithRoles')] }), _jsx(GroupProfileStatus, { group: group, profiles: props.profiles, context: props.context, loaded: props.contextLoaded, tr: tr })] }), _jsx("span", { className: "roles-group-chevron" })] }), _jsx("div", { className: "roles-bot-list", children: expanded ? inChatBots.map(bot => {
+                            const selected = props.selectedGroupId === group.chatId && props.selectedBotId === bot.larkAppId;
+                            return (_jsxs("div", { className: `roles-bot-row ${selected ? 'selected' : ''}`, "data-group-id": group.chatId, "data-bot-id": bot.larkAppId, onClick: ev => {
+                                    ev.stopPropagation();
+                                    props.onSelectBot(group.chatId, bot.larkAppId);
+                                }, children: [_jsx("span", { className: "roles-bot-indent" }), _jsx(BotAvatar, { bot: bot }), _jsxs("div", { className: "roles-bot-info", children: [_jsx("div", { className: "roles-bot-name", children: bot.botName }), _jsx("div", { className: "roles-bot-id", children: bot.larkAppId })] }), _jsx("span", { className: `roles-badge ${bot.hasRole ? 'has-role' : 'no-role'}`, children: bot.hasRole ? tr('roles.configured') : tr('roles.unconfigured') })] }, bot.larkAppId));
+                        }) : null })] }, group.chatId));
+        }) }));
+}
+function GroupProfileStatus(props) {
+    const { group, profiles, context, loaded, tr } = props;
+    if (!profiles.length || !loaded)
+        return null;
+    const rolesByBot = new Map();
+    for (const bot of group.memberBots) {
+        if (!bot.inChat)
+            continue;
+        rolesByBot.set(bot.larkAppId, context.effectiveRolesByBot.get(roleKey(bot.larkAppId, group.chatId)) ?? null);
+    }
+    if (!hasExplicitChatRole(rolesByBot))
+        return null;
+    const best = summarizeGroupProfileMatches(group.memberBots, profiles, context.entriesByProfile, rolesByBot)[0];
+    if (!best)
+        return _jsx("div", { className: "roles-profile-match muted", children: tr('groups.profileStatusUnmatched') });
+    const key = best.kind === 'full' ? 'groups.profileStatusFullChat' : 'groups.profileStatusPartial';
+    return (_jsx("div", { className: `roles-profile-match ${best.kind}`, children: tr(key, {
+            name: best.profileId,
+            matched: best.matched,
+            total: best.total,
+            chat: best.chatMatched,
+        }) }));
+}
+function RolePreview(props) {
+    return (_jsx("div", { id: props.id, className: "roles-preview", children: props.content.trim() ? (_jsxs(_Fragment, { children: [_jsx("strong", { children: props.tr('roles.preview') }), _jsx("pre", { children: props.content })] })) : (_jsx("small", { children: props.tr('roles.previewEmpty') })) }));
+}
+function ProfileList(props) {
+    const { tr } = props;
+    if (props.profiles.length === 0)
+        return _jsx("div", { className: "roles-empty", children: tr('roles.profileEmpty') });
+    return (_jsx(_Fragment, { children: props.profiles.map(profile => {
+            const selected = props.selectedProfileId === profile.profileId;
+            const hasAnyLocal = (profile.botEntries ?? []).some(entry => entry.hasEntry);
+            return (_jsxs("div", { className: `roles-profile-row ${selected ? 'selected' : ''}`, "data-profile-id": profile.profileId, onClick: () => props.onSelect(profile.profileId), children: [_jsxs("div", { className: "roles-profile-row-main", children: [_jsx("div", { className: "roles-profile-name", children: profile.profileId }), _jsxs("div", { className: "roles-group-meta", children: [profile.entryCount, " ", tr('roles.profileEntries')] })] }), _jsx("span", { className: `roles-badge ${hasAnyLocal ? 'has-role' : 'no-role'}`, children: hasAnyLocal ? tr('roles.configured') : tr('roles.profileMissing') })] }, profile.profileId));
+        }) }));
+}
+function ApplyStatusView(props) {
+    const { status, bots, tr } = props;
+    if (status.kind === 'idle')
+        return null;
+    if (status.kind === 'text')
+        return _jsx(_Fragment, { children: status.text });
+    return (_jsx(_Fragment, { children: status.results.map(result => {
+            const bot = bots.find(b => b.larkAppId === result.larkAppId);
+            const label = bot?.botName ?? result.larkAppId;
+            const outcome = result.ok
+                ? (status.preview ? (result.wouldRefuse ? tr('roles.applyWouldRefuse') : tr('roles.applyPreviewOk')) : tr('roles.applyOk'))
+                : `${tr('roles.applyFailed')}: ${String(result.error ?? `HTTP ${result.status}`)}`;
+            return _jsxs("div", { children: [label, ": ", outcome] }, result.larkAppId);
+        }) }));
 }
 export function renderRolesPage(root) {
     return mountReactPage(root, _jsx(RolesPage, { tab: "groups" }));