botmux 3.10.0 → 3.23.1

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

@@ -1,1120 +0,0 @@
-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 { applyListenerFilterState, filterListenerTargets, listenerTargetStateFor, resolveExcludeSenderKinds, } from './listener-filters.js';
-import { useT } from './react-hooks.js';
-import { mountReactPage } from './react-mount.js';
-import { hasExplicitChatRole, summarizeGroupProfileMatches, } from './role-profile-match.js';
-import { applyRoleProfile, botInChatCount, botRoleCount, byteLength, deleteProfileEntry, deleteMessageListener, deleteRole, entryForBot, filterRoleGroups, filterRoleProfiles, formatListenerPreviewTime, hashChatId, isValidProfileId, loadGroupMemberDisplays, loadGroups, loadMessageListenerRunPreviewStatus, loadMessageListener, loadProfileEntries, loadProfileEntry, loadProfiles, loadRole, loadRoleProfileContext, MAX_MESSAGE_LISTENER_PROMPT_BYTES, MAX_ROLE_BYTES, MESSAGE_LISTENER_WARN_BYTES, DEFAULT_MESSAGE_LISTENER_PREVIEW_LIMIT, MAX_MESSAGE_LISTENER_PREVIEW_LIMIT, roleKey, ROLE_WARN_BYTES, saveInjectMode, saveMessageListener, saveProfileEntry, saveRole, previewMessageListener, runMessageListenerPreview, } from './roles.js';
-import { botAvatarHtml, loadNameMaps } from './ui.js';
-const LISTENER_MESSAGE_TYPES = ['text', 'post', 'image', 'interactive'];
-const DEFAULT_LISTENER = {
-    enabled: false,
-    prompt: '',
-    senderPolicy: {
-        mode: 'include_only',
-        includeSenderTypes: ['user'],
-        excludeSelf: true,
-    },
-    messagePolicy: {
-        includeMsgTypes: [...LISTENER_MESSAGE_TYPES],
-        scope: 'top_level',
-    },
-};
-function cloneListener(listener) {
-    // Mirror the backend storage default: persisted configs OMIT `mode` when it
-    // equals 'all_except_excluded' (see message-listener-store sanitize +
-    // bot-registry normalize), so an ABSENT mode means all_except_excluded, NOT
-    // include_only. DEFAULT_LISTENER sets 'include_only' explicitly, so a
-    // brand-new (unsaved) listener still starts on the allow-list. Treating an
-    // absent mode as include_only here is what made the toggle snap back to
-    // "listen to selected only" after saving "listen to all".
-    const mode = listener?.senderPolicy?.mode === 'include_only' ? 'include_only' : 'all_except_excluded';
-    return {
-        enabled: listener?.enabled === true,
-        name: listener?.name ?? '',
-        replyCardTitle: listener?.replyCardTitle ?? '',
-        workingDir: listener?.workingDir ?? '',
-        prompt: listener?.prompt ?? '',
-        senderPolicy: {
-            mode,
-            includeSenderOpenIds: [...(listener?.senderPolicy?.includeSenderOpenIds ?? [])],
-            excludeSenderOpenIds: [...(listener?.senderPolicy?.excludeSenderOpenIds ?? [])],
-            ...(listener?.senderPolicy?.excludeSenderKinds ? { excludeSenderKinds: { ...listener.senderPolicy.excludeSenderKinds } } : {}),
-            includeSenderTypes: [...(listener?.senderPolicy?.includeSenderTypes ?? DEFAULT_LISTENER.senderPolicy?.includeSenderTypes ?? [])],
-            excludeSenderTypes: [...(listener?.senderPolicy?.excludeSenderTypes ?? [])],
-            excludeSelf: listener?.senderPolicy?.excludeSelf !== false,
-        },
-        messagePolicy: {
-            includeMsgTypes: [...(listener?.messagePolicy?.includeMsgTypes ?? DEFAULT_LISTENER.messagePolicy?.includeMsgTypes ?? [])],
-            scope: 'top_level',
-        },
-    };
-}
-function listenerHasConfig(listener) {
-    // A persisted listener is worth loading into the editor whenever it carries a
-    // prompt — INCLUDING a disabled draft (enabled:false + non-empty prompt). The
-    // backend persists such drafts (see messageListenerConfigFromUpdate); gating
-    // on enabled here would reset the editor to blank on reload and make the saved
-    // draft look lost. Runtime matching still requires enabled===true elsewhere.
-    return !!listener && listener.prompt.trim().length > 0;
-}
-function groupHasAnyRoleOrListener(group) {
-    return group.memberBots.some(bot => bot.inChat && (bot.hasRole || bot.hasMessageListener));
-}
-function memberDisplayName(member, openId) {
-    return member?.name || openId;
-}
-function mergeListenerRunPreviewResults(current, next) {
-    const merged = new Map();
-    for (const result of current ?? [])
-        merged.set(result.messageId, result);
-    for (const result of next)
-        merged.set(result.messageId, { ...merged.get(result.messageId), ...result });
-    return [...merged.values()];
-}
-function listenerRunPreviewStateClass(state, ok) {
-    if (!ok || state === 'failed')
-        return 'error';
-    if (state === 'replied')
-        return 'ok';
-    if (state === 'running')
-        return 'running';
-    return 'triggered';
-}
-function listenerForEditor(listener, _members = []) {
-    // Preserve whichever sender mode was persisted (include_only allow-list OR
-    // all_except_excluded blacklist). The blacklist mode is the ONLY way to
-    // listen to a third-party bot whose sender is reported by app_id and cannot
-    // be resolved to an open_id, so we must not silently downgrade it here.
-    return cloneListener(listener ?? DEFAULT_LISTENER);
-}
-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 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 [groupEditorSection, setGroupEditorSection] = useState('role');
-    const [selectedListener, setSelectedListener] = useState(null);
-    const [editingListener, setEditingListener] = useState(() => cloneListener(DEFAULT_LISTENER));
-    const [listenerMembers, setListenerMembers] = useState([]);
-    const [listenerLoading, setListenerLoading] = useState(false);
-    const [listenerMembersLoading, setListenerMembersLoading] = useState(false);
-    const [listenerSaving, setListenerSaving] = useState(false);
-    const [listenerDeleting, setListenerDeleting] = useState(false);
-    const [listenerFlash, setListenerFlash] = useState(null);
-    const [listenerPreviewLimit, setListenerPreviewLimit] = useState(DEFAULT_MESSAGE_LISTENER_PREVIEW_LIMIT);
-    const [listenerPreviewStatus, setListenerPreviewStatus] = useState({ kind: 'idle' });
-    const listenerRunPollRef = useRef(null);
-    const listenerRunPollToken = useRef(0);
-    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 listenerPromptByteLen = byteLength(editingListener.prompt);
-    const listenerMemberById = useMemo(() => {
-        const map = new Map();
-        for (const member of listenerMembers)
-            map.set(member.openId, member);
-        return map;
-    }, [listenerMembers]);
-    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 applyLoadedListener = useCallback((listener, members = []) => {
-        const next = listenerForEditor(listener ?? DEFAULT_LISTENER, members);
-        setSelectedListener(listener);
-        setEditingListener(next);
-    }, []);
-    const loadListenerForSelection = useCallback(async (botId, groupId, serial) => {
-        setListenerLoading(true);
-        setListenerMembersLoading(true);
-        setListenerMembers([]);
-        try {
-            const [listener, members] = await Promise.all([
-                loadMessageListener(botId, groupId).catch(() => cloneListener(DEFAULT_LISTENER)),
-                loadGroupMemberDisplays(botId, groupId).catch(() => []),
-            ]);
-            if (!alive.current || serial !== selectSerial.current)
-                return;
-            applyLoadedListener(listenerHasConfig(listener) ? listener : null, members);
-            setListenerMembers(members);
-            setListenerFlash(null);
-        }
-        finally {
-            if (alive.current && serial === selectSerial.current) {
-                setListenerLoading(false);
-                setListenerMembersLoading(false);
-            }
-        }
-    }, [alive, applyLoadedListener]);
-    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(groupHasAnyRoleOrListener).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(() => () => {
-        listenerRunPollToken.current += 1;
-        listenerRunPollRef.current = null;
-    }, []);
-    useEffect(() => {
-        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);
-        setRoleFlash(null);
-        setInjectFlash(null);
-        setListenerFlash(null);
-        applyLoadedListener(null);
-        const role = await loadRole(botId, groupId);
-        if (!alive.current || serial !== selectSerial.current)
-            return;
-        setSelectedRole(role);
-        setEditingContent(role.content ?? '');
-        setEditingInjectMode(role.injectMode === 'once' ? 'once' : 'every');
-        await loadListenerForSelection(botId, groupId, serial);
-    }
-    async function handleGroupRefresh() {
-        const snapshot = await refreshGroups();
-        if (!alive.current)
-            return;
-        void refreshRoleContext(snapshot.groups, profiles);
-        if (selectedGroupId && selectedBotId) {
-            const serial = ++selectSerial.current;
-            const role = await loadRole(selectedBotId, selectedGroupId);
-            if (!alive.current || serial !== selectSerial.current)
-                return;
-            setSelectedRole(role);
-            setEditingContent(role.content ?? '');
-            setEditingInjectMode(role.injectMode === 'once' ? 'once' : 'every');
-            await loadListenerForSelection(selectedBotId, selectedGroupId, serial);
-        }
-    }
-    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);
-        }
-    }
-    function updateEditingListener(patch) {
-        setEditingListener(prev => ({ ...prev, ...patch }));
-    }
-    function updateListenerSenderPolicy(patch) {
-        setEditingListener(prev => ({
-            ...prev,
-            senderPolicy: {
-                ...(prev.senderPolicy ?? {}),
-                ...patch,
-            },
-        }));
-    }
-    function updateListenerMessagePolicy(patch) {
-        setEditingListener(prev => ({
-            ...prev,
-            messagePolicy: {
-                ...(prev.messagePolicy ?? { scope: 'top_level' }),
-                ...patch,
-                scope: 'top_level',
-            },
-        }));
-    }
-    function toggleListenerSenderType(type, checked) {
-        setEditingListener(prev => {
-            const current = new Set(prev.senderPolicy?.includeSenderTypes ?? []);
-            if (checked)
-                current.add(type);
-            else {
-                if (current.size <= 1 && current.has(type))
-                    return prev;
-                current.delete(type);
-            }
-            return {
-                ...prev,
-                senderPolicy: {
-                    ...(prev.senderPolicy ?? {}),
-                    includeSenderTypes: [...current],
-                },
-            };
-        });
-    }
-    function toggleListenerMsgType(msgType, checked) {
-        setEditingListener(prev => {
-            const current = new Set(prev.messagePolicy?.includeMsgTypes ?? []);
-            if (checked)
-                current.add(msgType);
-            else {
-                if (current.size <= 1 && current.has(msgType))
-                    return prev;
-                current.delete(msgType);
-            }
-            return {
-                ...prev,
-                messagePolicy: {
-                    ...(prev.messagePolicy ?? { scope: 'top_level' }),
-                    includeMsgTypes: [...current],
-                    scope: 'top_level',
-                },
-            };
-        });
-    }
-    function setListenerTargetsPolicyInternal(openIds, listening) {
-        setEditingListener(prev => {
-            const mode = prev.senderPolicy?.mode === 'all_except_excluded' ? 'all_except_excluded' : 'include_only';
-            const next = applyListenerFilterState({
-                mode,
-                include: prev.senderPolicy?.includeSenderOpenIds ?? [],
-                exclude: prev.senderPolicy?.excludeSenderOpenIds ?? [],
-                targetIds: openIds,
-                listening,
-            });
-            return {
-                ...prev,
-                senderPolicy: {
-                    ...(prev.senderPolicy ?? {}),
-                    mode,
-                    includeSenderOpenIds: next.include,
-                    excludeSenderOpenIds: next.exclude,
-                },
-            };
-        });
-    }
-    function setListenerTargetPolicy(openId, listening) {
-        setListenerTargetsPolicyInternal([openId], listening);
-    }
-    function setListenerTargetsPolicy(openIds, listening) {
-        setListenerTargetsPolicyInternal(openIds, listening);
-    }
-    // Switch the sender-matching mode without losing the operator's picks:
-    //   include_only        → allow-list of open_ids (cannot match app_id-only bots)
-    //   all_except_excluded  → listen to everyone (except self + excluded); the
-    //                          only mode that can catch third-party alert bots.
-    function setListenerSenderMode(mode) {
-        setEditingListener(prev => ({
-            ...prev,
-            senderPolicy: {
-                ...(prev.senderPolicy ?? {}),
-                mode,
-                includeSenderOpenIds: [...(prev.senderPolicy?.includeSenderOpenIds ?? [])],
-                excludeSenderOpenIds: [...(prev.senderPolicy?.excludeSenderOpenIds ?? [])],
-            },
-        }));
-    }
-    function listenerSavePayload() {
-        const senderPolicy = editingListener.senderPolicy ?? {};
-        const messagePolicy = editingListener.messagePolicy ?? {};
-        const mode = senderPolicy.mode === 'all_except_excluded' ? 'all_except_excluded' : 'include_only';
-        const includeSenderOpenIds = [...new Set(senderPolicy.includeSenderOpenIds ?? [])].filter(Boolean);
-        const excludeSenderOpenIds = [...new Set(senderPolicy.excludeSenderOpenIds ?? [])].filter(Boolean);
-        // Persist the sender KIND (user/bot) of each excluded id so the runtime
-        // fail-close decision can tell a muted human from a muted bot without
-        // guessing by id prefix (see message-listener senderOpenIdAllowed). Only
-        // ids the current roster resolves to a definite user/bot are recorded;
-        // 'unknown' stays absent → runtime treats it conservatively as maybe-a-bot.
-        // Live roster wins; fall back to the already-persisted kind so a transient
-        // members-list failure (loadMembers swallows errors to an empty array, and
-        // save is not gated on listenerMembersLoading) can't silently drop a known
-        // kind on an unrelated-field save — that would re-fail-close every
-        // unverified third-party bot (the exact scenario this PR fixes). See
-        // resolveExcludeSenderKinds for the precedence contract + regression test.
-        const excludeSenderKinds = resolveExcludeSenderKinds(excludeSenderOpenIds, openId => listenerMemberById.get(openId)?.memberType, senderPolicy.excludeSenderKinds);
-        const includeSenderTypes = [...new Set(senderPolicy.includeSenderTypes ?? [])].filter((type) => type === 'user' || type === 'bot');
-        const includeMsgTypes = [...new Set(messagePolicy.includeMsgTypes ?? [])].filter(Boolean);
-        return {
-            enabled: editingListener.enabled,
-            ...(editingListener.name?.trim() ? { name: editingListener.name.trim() } : {}),
-            ...(editingListener.replyCardTitle?.trim() ? { replyCardTitle: editingListener.replyCardTitle.trim() } : {}),
-            ...(editingListener.workingDir?.trim() ? { workingDir: editingListener.workingDir.trim() } : {}),
-            prompt: editingListener.prompt.trim(),
-            senderPolicy: {
-                mode,
-                // Persist ONLY the list relevant to the active mode so a later mode
-                // switch never resurrects stale open_ids from the other list.
-                ...(mode === 'include_only' && includeSenderOpenIds.length > 0 ? { includeSenderOpenIds } : {}),
-                ...(mode === 'all_except_excluded' && excludeSenderOpenIds.length > 0 ? { excludeSenderOpenIds } : {}),
-                ...(mode === 'all_except_excluded' && Object.keys(excludeSenderKinds).length > 0 ? { excludeSenderKinds } : {}),
-                ...(includeSenderTypes.length > 0 ? { includeSenderTypes } : {}),
-                excludeSelf: senderPolicy.excludeSelf !== false,
-            },
-            messagePolicy: {
-                ...(includeMsgTypes.length > 0 ? { includeMsgTypes } : {}),
-                scope: 'top_level',
-            },
-        };
-    }
-    function validateListenerForPreview() {
-        if (!editingListener.prompt.trim()) {
-            flash(setListenerFlash, tr('roles.listenerPromptRequired'), true);
-            return null;
-        }
-        if (editingListener.senderPolicy?.mode !== 'all_except_excluded'
-            && (editingListener.senderPolicy?.includeSenderOpenIds?.length ?? 0) === 0) {
-            flash(setListenerFlash, tr('roles.listenerSenderRequired'), true);
-            return null;
-        }
-        return {
-            ...listenerSavePayload(),
-            enabled: true,
-        };
-    }
-    async function handleListenerPreview(run) {
-        if (!selectedGroupId || !selectedBotId)
-            return;
-        const payload = validateListenerForPreview();
-        if (!payload)
-            return;
-        const mode = run ? 'run' : 'preview';
-        setListenerPreviewStatus({ kind: 'loading', mode });
-        try {
-            const response = run
-                ? await runMessageListenerPreview(selectedBotId, selectedGroupId, payload, listenerPreviewLimit)
-                : await previewMessageListener(selectedBotId, selectedGroupId, payload, listenerPreviewLimit);
-            if (!alive.current)
-                return;
-            setListenerPreviewStatus(response.ok
-                ? { kind: 'result', response, mode }
-                : { kind: 'error', text: response.error || tr('roles.listenerPreviewFailed') });
-            if (response.ok && run && response.runId) {
-                startListenerRunPreviewPolling(response.runId);
-            }
-        }
-        catch (err) {
-            if (!alive.current)
-                return;
-            setListenerPreviewStatus({ kind: 'error', text: err instanceof Error ? err.message : tr('roles.listenerPreviewFailed') });
-        }
-    }
-    function startListenerRunPreviewPolling(runId) {
-        if (!selectedGroupId || !selectedBotId)
-            return;
-        const token = ++listenerRunPollToken.current;
-        listenerRunPollRef.current = { runId, token };
-        const poll = async () => {
-            if (!alive.current)
-                return;
-            const current = listenerRunPollRef.current;
-            if (!current || current.runId !== runId || current.token !== token || !selectedGroupId || !selectedBotId)
-                return;
-            try {
-                const status = await loadMessageListenerRunPreviewStatus(selectedBotId, selectedGroupId, runId);
-                if (!alive.current)
-                    return;
-                if (status.ok && status.results) {
-                    const nextResults = status.results;
-                    setListenerPreviewStatus(previous => {
-                        if (previous.kind !== 'result' || previous.mode !== 'run' || previous.response.runId !== runId)
-                            return previous;
-                        return {
-                            ...previous,
-                            response: {
-                                ...previous.response,
-                                results: mergeListenerRunPreviewResults(previous.response.results, nextResults),
-                            },
-                        };
-                    });
-                    if (nextResults.some(result => result.state === 'triggered' || result.state === 'running')) {
-                        scheduleTimer(poll, 1500);
-                    }
-                    else if (listenerRunPollRef.current?.runId === runId) {
-                        listenerRunPollRef.current = null;
-                    }
-                }
-            }
-            catch {
-                scheduleTimer(poll, 2500);
-            }
-        };
-        scheduleTimer(poll, 1500);
-    }
-    async function handleSaveListener() {
-        if (!selectedGroupId || !selectedBotId)
-            return;
-        // Disabled + blank prompt = clear the listener entirely (mirrors the backend
-        // messageListenerConfigFromUpdate: nothing worth persisting → delete). A
-        // disabled draft WITH a prompt falls through and is saved as-is (enabled:false),
-        // so turning the toggle off then Save no longer discards the typed content.
-        if (!editingListener.enabled && !editingListener.prompt.trim()) {
-            await handleDeleteListener(false);
-            return;
-        }
-        // Prompt + sender requirements only gate an ENABLED listener (it will match
-        // live messages). A disabled draft never matches at runtime, so an
-        // incomplete sender policy is fine to persist and re-editing later can
-        // complete it before enabling.
-        if (editingListener.enabled) {
-            if (!editingListener.prompt.trim()) {
-                flash(setListenerFlash, tr('roles.listenerPromptRequired'), true);
-                return;
-            }
-            if (editingListener.senderPolicy?.mode !== 'all_except_excluded'
-                && (editingListener.senderPolicy?.includeSenderOpenIds?.length ?? 0) === 0) {
-                flash(setListenerFlash, tr('roles.listenerSenderRequired'), true);
-                return;
-            }
-        }
-        setListenerSaving(true);
-        try {
-            const ok = await saveMessageListener(selectedBotId, selectedGroupId, listenerSavePayload());
-            if (!alive.current)
-                return;
-            if (ok) {
-                const snapshot = await refreshGroups();
-                if (!alive.current)
-                    return;
-                const listener = await loadMessageListener(selectedBotId, selectedGroupId);
-                if (!alive.current)
-                    return;
-                applyLoadedListener(listenerHasConfig(listener) ? listener : null);
-                void refreshRoleContext(snapshot.groups, profiles);
-            }
-            flash(setListenerFlash, ok ? tr('roles.saved') : tr('roles.saveFailed'), !ok);
-        }
-        finally {
-            if (alive.current)
-                setListenerSaving(false);
-        }
-    }
-    async function handleDeleteListener(confirmFirst = true) {
-        if (!selectedGroupId || !selectedBotId)
-            return;
-        if (confirmFirst && !confirm(tr('roles.listenerConfirmDelete')))
-            return;
-        setListenerDeleting(true);
-        try {
-            const ok = await deleteMessageListener(selectedBotId, selectedGroupId);
-            if (!alive.current)
-                return;
-            if (ok) {
-                const snapshot = await refreshGroups();
-                if (!alive.current)
-                    return;
-                applyLoadedListener(null);
-                void refreshRoleContext(snapshot.groups, profiles);
-            }
-            flash(setListenerFlash, ok ? tr('roles.saved') : tr('roles.saveFailed'), !ok);
-        }
-        finally {
-            if (alive.current)
-                setListenerDeleting(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 listenerSaveDisabled = listenerSaving
-        || listenerDeleting
-        || listenerPromptByteLen > MAX_MESSAGE_LISTENER_PROMPT_BYTES
-        || (editingListener.enabled && editingListener.prompt.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] }) })] }), _jsx("div", { className: "roles-editor-actions roles-editor-head-actions", children: groupEditorSection === 'role' ? (_jsxs(_Fragment, { 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(_Fragment, { children: [_jsx("button", { type: "button", id: "roles-listener-delete", className: "danger", style: { display: selectedListener ? '' : 'none' }, disabled: listenerDeleting, onClick: () => void handleDeleteListener(), children: listenerDeleting ? '...' : tr('roles.delete') }), _jsx("button", { type: "button", id: "roles-listener-save", className: "primary", disabled: listenerSaveDisabled, onClick: () => void handleSaveListener(), children: listenerSaving ? '...' : tr('roles.save') })] })) })] }), _jsxs("div", { className: "roles-editor-switch segmented", role: "tablist", "aria-label": tr('roles.editorTabs'), children: [_jsx("button", { type: "button", className: groupEditorSection === 'role' ? 'active' : '', "aria-pressed": groupEditorSection === 'role', onClick: () => setGroupEditorSection('role'), children: tr('roles.roleTab') }), _jsx("button", { type: "button", className: groupEditorSection === 'listener' ? 'active' : '', "aria-pressed": groupEditorSection === 'listener', onClick: () => setGroupEditorSection('listener'), children: tr('roles.listenerTab') })] }), groupEditorSection === 'role' ? (_jsxs(_Fragment, { children: [_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" })] })) : (_jsx(MessageListenerEditor, { listener: editingListener, members: listenerMembers, memberById: listenerMemberById, promptByteLen: listenerPromptByteLen, loading: listenerLoading, membersLoading: listenerMembersLoading, flash: listenerFlash, tr: tr, onPatch: updateEditingListener, onSenderPolicyPatch: updateListenerSenderPolicy, onMessagePolicyPatch: updateListenerMessagePolicy, onToggleSenderType: toggleListenerSenderType, onToggleMsgType: toggleListenerMsgType, onSetTargetPolicy: setListenerTargetPolicy, onSetTargetsPolicy: setListenerTargetsPolicy, onSetSenderMode: setListenerSenderMode, previewLimit: listenerPreviewLimit, previewStatus: listenerPreviewStatus, onPreviewLimitChange: setListenerPreviewLimit, onPreview: () => void handleListenerPreview(false), onRunPreview: () => void handleListenerPreview(true) }))] })) })] }), _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 listenerByteCountClass(len) {
-    return `roles-bytecount ${len > MESSAGE_LISTENER_WARN_BYTES ? 'warn' : ''} ${len > MAX_MESSAGE_LISTENER_PROMPT_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 })] }), _jsxs("div", { className: "roles-bot-badges", children: [_jsx("span", { className: `roles-badge ${bot.hasRole ? 'has-role' : 'no-role'}`, children: bot.hasRole ? tr('roles.configured') : tr('roles.unconfigured') }), bot.hasMessageListener ? (_jsx("span", { className: "roles-badge has-listener", children: tr('roles.listenerBadge') })) : null] })] }, 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 MessageListenerEditor(props) {
-    const { listener, tr } = props;
-    const [targetTab, setTargetTab] = useState('members');
-    const [targetQuery, setTargetQuery] = useState('');
-    const [selectedTargetIds, setSelectedTargetIds] = useState(() => new Set());
-    const senderTypes = new Set(listener.senderPolicy?.includeSenderTypes ?? []);
-    const msgTypes = new Set(listener.messagePolicy?.includeMsgTypes ?? []);
-    const senderMode = listener.senderPolicy?.mode === 'all_except_excluded' ? 'all_except_excluded' : 'include_only';
-    const includeIds = new Set(listener.senderPolicy?.includeSenderOpenIds ?? []);
-    const excludeIds = new Set(listener.senderPolicy?.excludeSenderOpenIds ?? []);
-    // Show any configured open_id not present in the live member roster (e.g. a
-    // left member, or a bot only known by open_id) so the operator can still see
-    // and clear it. Which list matters depends on the active mode.
-    const configuredUnknownMembers = [
-        ...[...(senderMode === 'all_except_excluded' ? excludeIds : includeIds)]
-            .filter(openId => !props.memberById.has(openId)),
-    ];
-    const members = [
-        ...props.members.filter(member => member.memberType !== 'bot'),
-        ...configuredUnknownMembers.map(openId => ({ openId, name: openId, memberType: 'unknown' })),
-    ];
-    const bots = props.members.filter(member => member.memberType === 'bot');
-    const activeTargets = targetTab === 'bots' ? bots : members;
-    const filteredTargets = filterListenerTargets(activeTargets, targetQuery);
-    const filteredTargetIds = filteredTargets.map(target => target.openId);
-    const selectedVisibleIds = filteredTargetIds.filter(id => selectedTargetIds.has(id));
-    const allVisibleSelected = filteredTargetIds.length > 0 && selectedVisibleIds.length === filteredTargetIds.length;
-    const selectedIds = [...selectedTargetIds].filter(id => activeTargets.some(target => target.openId === id));
-    const bulkTargetIds = selectedIds.length > 0 ? selectedIds : filteredTargetIds;
-    const bulkState = listenerTargetStateFor({
-        mode: senderMode,
-        include: [...includeIds],
-        exclude: [...excludeIds],
-        targetIds: bulkTargetIds,
-    });
-    useEffect(() => {
-        setTargetQuery('');
-        setSelectedTargetIds(new Set());
-    }, [targetTab]);
-    useEffect(() => {
-        const activeIds = new Set(activeTargets.map(target => target.openId));
-        setSelectedTargetIds(prev => {
-            const next = new Set([...prev].filter(id => activeIds.has(id)));
-            return next.size === prev.size ? prev : next;
-        });
-    }, [activeTargets]);
-    const toggleTargetSelection = (openId, checked) => {
-        setSelectedTargetIds(prev => {
-            const next = new Set(prev);
-            if (checked)
-                next.add(openId);
-            else
-                next.delete(openId);
-            return next;
-        });
-    };
-    const toggleAllVisible = () => {
-        setSelectedTargetIds(prev => {
-            const next = new Set(prev);
-            if (allVisibleSelected) {
-                for (const id of filteredTargetIds)
-                    next.delete(id);
-            }
-            else {
-                for (const id of filteredTargetIds)
-                    next.add(id);
-            }
-            return next;
-        });
-    };
-    const applyBulkState = (listening) => {
-        if (bulkTargetIds.length === 0)
-            return;
-        props.onSetTargetsPolicy(bulkTargetIds, listening);
-    };
-    return (_jsxs("div", { className: "roles-listener-editor", children: [props.loading ? _jsx(LoadingState, { label: tr('common.loading') }) : null, _jsxs("label", { className: "filter-toggle roles-listener-enabled", children: [_jsx("input", { type: "checkbox", checked: listener.enabled, onChange: ev => props.onPatch({ enabled: ev.currentTarget.checked }) }), _jsx("span", { className: "filter-toggle-switch", "aria-hidden": "true" }), _jsx("span", { className: "filter-toggle-label", children: tr('roles.listenerEnabled') })] }), _jsx("p", { className: "roles-listener-scope-help", children: tr('roles.listenerScopeHelp') }), _jsxs("div", { className: "roles-listener-grid", children: [_jsxs("label", { className: "roles-listener-field", children: [_jsx("span", { className: "roles-field-label", children: tr('roles.listenerName') }), _jsx("input", { type: "text", value: listener.name ?? '', placeholder: tr('roles.listenerNamePlaceholder'), onChange: ev => props.onPatch({ name: ev.currentTarget.value }) })] }), _jsxs("label", { className: "roles-listener-field", children: [_jsx("span", { className: "roles-field-label", children: tr('roles.listenerReplyCardTitle') }), _jsx("input", { type: "text", value: listener.replyCardTitle ?? '', placeholder: tr('roles.listenerReplyCardTitlePlaceholder'), onChange: ev => props.onPatch({ replyCardTitle: ev.currentTarget.value }) })] }), _jsxs("label", { className: "roles-listener-field", children: [_jsx("span", { className: "roles-field-label", children: tr('roles.listenerWorkingDir') }), _jsx("input", { type: "text", value: listener.workingDir ?? '', placeholder: tr('roles.listenerWorkingDirPlaceholder'), onChange: ev => props.onPatch({ workingDir: ev.currentTarget.value }) })] })] }), _jsxs("div", { className: "roles-listener-policy-row", children: [_jsxs("div", { className: "roles-listener-policy", children: [_jsx("div", { className: "roles-field-label", children: tr('roles.listenerSenderTypes') }), _jsxs("label", { className: "roles-listener-chip", children: [_jsx("input", { type: "checkbox", checked: senderTypes.has('user'), onChange: ev => props.onToggleSenderType('user', ev.currentTarget.checked) }), _jsx("span", { children: tr('roles.listenerSenderUser') })] }), _jsxs("label", { className: "roles-listener-chip", children: [_jsx("input", { type: "checkbox", checked: senderTypes.has('bot'), onChange: ev => props.onToggleSenderType('bot', ev.currentTarget.checked) }), _jsx("span", { children: tr('roles.listenerSenderBot') })] })] }), _jsxs("div", { className: "roles-listener-policy", children: [_jsx("div", { className: "roles-field-label", children: tr('roles.listenerMessageTypes') }), LISTENER_MESSAGE_TYPES.map(msgType => (_jsxs("label", { className: "roles-listener-chip", children: [_jsx("input", { type: "checkbox", checked: msgTypes.has(msgType), onChange: ev => props.onToggleMsgType(msgType, ev.currentTarget.checked) }), _jsx("span", { children: msgType })] }, msgType)))] }), _jsxs("label", { className: "roles-listener-checkbox", children: [_jsx("input", { type: "checkbox", checked: listener.senderPolicy?.excludeSelf !== false, onChange: ev => props.onSenderPolicyPatch({ excludeSelf: ev.currentTarget.checked }) }), _jsx("span", { children: tr('roles.listenerExcludeSelf') })] })] }), _jsx("div", { className: "roles-listener-policy-row", children: _jsxs("div", { className: "roles-listener-policy", children: [_jsx("div", { className: "roles-field-label", children: tr('roles.listenerSenderMode') }), _jsxs("div", { className: "roles-listener-target-tabs segmented", role: "tablist", "aria-label": tr('roles.listenerSenderMode'), children: [_jsx("button", { type: "button", className: senderMode === 'include_only' ? 'active' : '', "aria-pressed": senderMode === 'include_only', onClick: () => props.onSetSenderMode('include_only'), children: tr('roles.listenerSenderModeInclude') }), _jsx("button", { type: "button", className: senderMode === 'all_except_excluded' ? 'active' : '', "aria-pressed": senderMode === 'all_except_excluded', onClick: () => props.onSetSenderMode('all_except_excluded'), children: tr('roles.listenerSenderModeAllExcept') })] }), _jsx("small", { className: "roles-listener-scope-help", children: senderMode === 'all_except_excluded'
-                                ? tr('roles.listenerSenderModeAllExceptHelp')
-                                : tr('roles.listenerSenderModeIncludeHelp') })] }) }), _jsxs("label", { className: "roles-listener-field", children: [_jsx("span", { className: "roles-field-label", children: tr('roles.listenerPrompt') }), _jsx("textarea", { id: "roles-listener-prompt", placeholder: tr('roles.listenerPromptPlaceholder'), rows: 9, value: listener.prompt, onChange: ev => props.onPatch({ prompt: ev.currentTarget.value }) })] }), _jsxs("div", { className: "roles-editor-footer", children: [_jsxs("span", { id: "roles-listener-bytecount", className: listenerByteCountClass(props.promptByteLen), children: [props.promptByteLen, " / ", MAX_MESSAGE_LISTENER_PROMPT_BYTES, " bytes"] }), _jsx(Flash, { flash: props.flash })] }), _jsxs("div", { className: "roles-listener-preview-panel", children: [_jsxs("div", { className: "roles-listener-preview-head", children: [_jsxs("div", { children: [_jsx("div", { className: "roles-profile-section-title", children: tr('roles.listenerPreviewTitle') }), _jsx("small", { children: tr('roles.listenerPreviewHint') })] }), _jsxs("div", { className: "roles-listener-preview-actions", children: [_jsxs("label", { children: [_jsx("span", { children: tr('roles.listenerPreviewCount') }), _jsx("select", { value: props.previewLimit, onChange: ev => props.onPreviewLimitChange(Number(ev.currentTarget.value)), children: Array.from({ length: MAX_MESSAGE_LISTENER_PREVIEW_LIMIT }, (_, index) => index + 1).map(count => (_jsx("option", { value: count, children: count }, count))) })] }), _jsx("button", { type: "button", onClick: props.onPreview, disabled: props.previewStatus.kind === 'loading', children: props.previewStatus.kind === 'loading' && props.previewStatus.mode === 'preview' ? '...' : tr('roles.listenerPreviewButton') }), _jsx("button", { type: "button", className: "primary", onClick: props.onRunPreview, disabled: props.previewStatus.kind === 'loading', children: props.previewStatus.kind === 'loading' && props.previewStatus.mode === 'run' ? '...' : tr('roles.listenerRunPreviewButton') })] })] }), _jsx(ListenerPreviewResult, { status: props.previewStatus, tr: tr })] }), _jsxs("div", { className: "roles-listener-members", children: [_jsxs("div", { className: "roles-listener-members-head", children: [_jsx("div", { className: "roles-profile-section-title", children: tr('roles.listenerFilters') }), _jsx("small", { children: props.membersLoading ? tr('common.loading') : tr('roles.listenerMembersHint') })] }), _jsxs("div", { className: "roles-listener-target-tabs segmented", role: "tablist", "aria-label": tr('roles.listenerFilters'), children: [_jsx("button", { type: "button", className: targetTab === 'members' ? 'active' : '', "aria-pressed": targetTab === 'members', onClick: () => setTargetTab('members'), children: tr('roles.listenerMembers') }), _jsx("button", { type: "button", className: targetTab === 'bots' ? 'active' : '', "aria-pressed": targetTab === 'bots', onClick: () => setTargetTab('bots'), children: tr('roles.listenerBots') })] }), _jsxs("div", { className: "roles-listener-filter-toolbar", children: [_jsx("input", { type: "search", value: targetQuery, placeholder: tr('roles.listenerSearchPlaceholder'), onChange: ev => setTargetQuery(ev.currentTarget.value) }), targetQuery ? (_jsx("button", { type: "button", className: "roles-listener-clear-search", onClick: () => setTargetQuery(''), "aria-label": tr('roles.listenerClearSearch'), children: "\u00D7" })) : null, _jsx("button", { type: "button", className: "roles-listener-select-all", disabled: filteredTargetIds.length === 0, onClick: toggleAllVisible, children: tr(allVisibleSelected ? 'roles.listenerClearVisible' : 'roles.listenerSelectVisible', { count: filteredTargetIds.length }) })] }), _jsxs("div", { className: "roles-listener-bulkbar", children: [_jsxs("span", { children: [selectedIds.length > 0
-                                        ? tr('roles.listenerSelectedCount', { count: selectedIds.length })
-                                        : tr('roles.listenerFilteredCount', { count: filteredTargetIds.length }), bulkState === 'mixed' ? ` · ${tr('roles.listenerMixedMode')}` : ''] }), _jsxs("div", { className: "roles-listener-member-actions", role: "group", "aria-label": tr('roles.listenerBulkActions'), children: [_jsx("button", { type: "button", className: bulkState === 'listen' ? 'active' : '', "aria-pressed": bulkState === 'listen', disabled: bulkTargetIds.length === 0, onClick: () => applyBulkState(true), children: tr('roles.listenerTargetListen') }), _jsx("button", { type: "button", className: bulkState === 'ignore' ? 'active' : '', "aria-pressed": bulkState === 'ignore', disabled: bulkTargetIds.length === 0, onClick: () => applyBulkState(false), children: tr('roles.listenerTargetIgnore') })] })] }), _jsx("div", { className: "roles-listener-member-list", children: filteredTargets.length === 0 ? (_jsx("div", { className: "roles-empty", children: tr(targetTab === 'bots' ? 'roles.listenerBotsEmpty' : 'roles.listenerMembersEmpty') })) : filteredTargets.map(member => {
-                            const targetState = listenerTargetStateFor({
-                                mode: senderMode,
-                                include: [...includeIds],
-                                exclude: [...excludeIds],
-                                targetIds: [member.openId],
-                            });
-                            return (_jsxs("div", { className: "roles-listener-member", children: [_jsx("label", { className: "roles-listener-member-select", "aria-label": memberDisplayName(member, member.openId), children: _jsx("input", { type: "checkbox", checked: selectedTargetIds.has(member.openId), onChange: ev => toggleTargetSelection(member.openId, ev.currentTarget.checked) }) }), _jsxs("div", { className: "roles-listener-member-main", children: [_jsx("strong", { children: memberDisplayName(member, member.openId) }), _jsx("span", { children: member.openId })] }), _jsxs("div", { className: "roles-listener-member-actions", role: "group", "aria-label": memberDisplayName(member, member.openId), children: [_jsx("button", { type: "button", className: targetState === 'listen' ? 'active' : '', "aria-pressed": targetState === 'listen', onClick: () => props.onSetTargetPolicy(member.openId, true), children: tr('roles.listenerTargetListen') }), _jsx("button", { type: "button", className: targetState === 'ignore' ? 'active' : '', "aria-pressed": targetState === 'ignore', onClick: () => props.onSetTargetPolicy(member.openId, false), children: tr('roles.listenerTargetIgnore') })] })] }, member.openId));
-                        }) })] })] }));
-}
-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 ListenerPreviewResult(props) {
-    const { status, tr } = props;
-    if (status.kind === 'idle')
-        return _jsx("div", { className: "roles-listener-preview-empty", children: tr('roles.listenerPreviewEmpty') });
-    if (status.kind === 'loading')
-        return _jsx(LoadingState, { label: tr('common.loading') });
-    if (status.kind === 'error')
-        return _jsx("div", { className: "roles-listener-preview-error", children: status.text });
-    const matches = status.response.matches ?? [];
-    const results = status.response.results ?? [];
-    const stateCounts = results.reduce((acc, result) => {
-        const state = !result.ok ? 'failed' : result.state ?? 'triggered';
-        acc[state] = (acc[state] ?? 0) + 1;
-        return acc;
-    }, {});
-    return (_jsxs("div", { className: "roles-listener-preview-results", children: [_jsx("div", { className: "roles-listener-preview-summary", children: status.mode === 'run'
-                    ? tr('roles.listenerRunPreviewSummary', {
-                        count: matches.length,
-                        triggered: stateCounts.triggered ?? 0,
-                        running: stateCounts.running ?? 0,
-                        replied: stateCounts.replied ?? 0,
-                        failed: stateCounts.failed ?? 0,
-                    })
-                    : tr('roles.listenerPreviewSummary', { count: matches.length }) }), matches.length === 0 ? (_jsx("div", { className: "roles-listener-preview-empty", children: tr('roles.listenerPreviewNoMatches') })) : (_jsx("div", { className: "roles-listener-preview-list", children: matches.map(item => (_jsx(ListenerPreviewItem, { item: item, result: status.response.results?.find(result => result.messageId === item.messageId), tr: tr }, item.messageId))) }))] }));
-}
-function ListenerPreviewItem(props) {
-    const text = props.item.messageText.length > 300
-        ? `${props.item.messageText.slice(0, 300)}...`
-        : props.item.messageText;
-    const senderLabel = props.item.senderName || props.item.senderOpenId || props.item.senderType;
-    const sentAt = formatListenerPreviewTime(props.item.createTime);
-    return (_jsxs("div", { className: "roles-listener-preview-item", children: [_jsxs("div", { className: "roles-listener-preview-meta", children: [_jsx("span", { children: props.item.msgType }), _jsx("span", { children: props.item.senderType }), props.item.senderOpenId ? _jsx("span", { children: props.item.senderOpenId }) : null, _jsx("span", { children: props.item.messageId }), props.result ? (_jsx("span", { className: listenerRunPreviewStateClass(props.result.state, props.result.ok), children: props.tr(`roles.listenerRunPreviewState.${!props.result.ok ? 'failed' : props.result.state ?? 'triggered'}`) })) : null] }), props.result?.sessionId || props.result?.replyMessageId || props.result?.error ? (_jsxs("div", { className: "roles-listener-preview-run-detail", children: [props.result.sessionId ? _jsx("span", { children: props.result.sessionId }) : null, props.result.replyMessageId ? _jsx("span", { children: props.result.replyMessageId }) : null, props.result.error ? _jsx("strong", { children: props.result.error }) : null] })) : null, _jsxs("div", { className: "roles-listener-preview-sender", children: [_jsx("span", { children: props.tr('roles.listenerPreviewSender') }), _jsx("strong", { children: senderLabel })] }), sentAt ? (_jsxs("div", { className: "roles-listener-preview-time", children: [_jsx("span", { children: props.tr('roles.listenerPreviewTime') }), _jsx("strong", { children: sentAt })] })) : null, props.item.messageTitle ? (_jsxs("div", { className: "roles-listener-preview-title", children: [_jsx("span", { children: props.tr('roles.listenerPreviewMessageTitle') }), _jsx("strong", { children: props.item.messageTitle })] })) : null, _jsx("div", { className: "roles-listener-preview-content-label", children: props.tr('roles.listenerPreviewContent') }), _jsx("pre", { children: text })] }));
-}
-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" }));
-}
-export function renderRoleProfilesPage(root) {
-    return mountReactPage(root, _jsx(RolesPage, { tab: "profiles" }));
-}
-//# sourceMappingURL=roles-page.js.map