@awiki/dsh-plugin 0.2.4 → 0.2.5

package/lib/types/client/AwikiOverlay.js

@@ -4,8 +4,10 @@ import { useEffect, useId, useLayoutEffect, useRef, useState } from 'react';
 import { IconChevronLeftOutline14, IconCheckOutline16, IconChecklistOutline14, IconChevronDownOutline14, IconCloseOutline16, IconCopyOutline16, IconDataOutline16, IconDownloadOutline16, IconEditOutline16, IconGlobeOutline14, IconGoalOutline16, IconLoadingOutline16, IconPaperclipOutline16, IconPlusOutline16, IconRefreshOutline16, IconRefreshOutline14, IconSendOutline16, IconSparkle16, IconUserOutline16, Button, Menu, Modal, Tooltip, } from '@deepseek-ai/dsh-client-ui-primitives';
 import { AWIKI_ME_APP_ICON_DATA_URL } from "./assets.js";
 import { createAttachmentObjectUrl, fileToBase64, saveDownloadedAttachment } from "./file.js";
+import { AwikiMail } from "./AwikiMail.js";
 import css from './AwikiOverlay.module.css';
 export const AWIKI_LAUNCHER_POSITION_KEY = 'dsh-awiki-launcher-position-v1';
+export const AWIKI_DRAWER_FRAME_KEY = 'dsh-awiki-drawer-frame-v1';
 const LAUNCHER_SIZE = 48;
 const LAUNCHER_EDGE_GAP = 8;
 const LAUNCHER_RIGHT_OFFSET = 28;
@@ -15,10 +17,15 @@ const DRAWER_LONG_PRESS_MS = 300;
 const DRAWER_ANCHOR_GAP = 8;
 const DRAWER_EDGE_GAP = 8;
 const DRAWER_NOMINAL_WIDTH = 720;
+const MAIL_DRAWER_NOMINAL_WIDTH = 1040;
 const DRAWER_NOMINAL_HEIGHT = 720;
 const DRAWER_HORIZONTAL_RESERVE = 80;
+const DRAWER_COMPACT_HORIZONTAL_RESERVE = 56;
+const DRAWER_MIN_WIDTH = 360;
+const DRAWER_MIN_HEIGHT = 360;
 const ONE_DAY_MS = 24 * 60 * 60 * 1000;
 const HISTORY_BOTTOM_THRESHOLD = 24;
+const DRAWER_RESIZE_DIRECTIONS = ['n', 'ne', 'e', 'se', 's', 'sw', 'w', 'nw'];
 /** Keep the floating launcher fully reachable inside the current viewport. */
 export function clampAwikiLauncherPosition(position, width, height) {
     return {
@@ -69,6 +76,40 @@ export function resolveAwikiDrawerPlacement(launcher, panelWidth, panelHeight, v
         top: Math.min(Math.max(selected.top, DRAWER_EDGE_GAP), Math.max(DRAWER_EDGE_GAP, viewportHeight - panelHeight - DRAWER_EDGE_GAP)),
     };
 }
+/** Keep a user-sized AWiki drawer reachable and within the current viewport. */
+export function clampAwikiDrawerFrame(frame, viewportWidth, viewportHeight) {
+    const maxWidth = Math.max(1, viewportWidth - DRAWER_EDGE_GAP * 2);
+    const maxHeight = Math.max(1, viewportHeight - DRAWER_EDGE_GAP * 2);
+    const minWidth = Math.min(DRAWER_MIN_WIDTH, maxWidth);
+    const minHeight = Math.min(DRAWER_MIN_HEIGHT, maxHeight);
+    const width = Math.min(Math.max(frame.width, minWidth), maxWidth);
+    const height = Math.min(Math.max(frame.height, minHeight), maxHeight);
+    return {
+        left: Math.min(Math.max(frame.left, DRAWER_EDGE_GAP), Math.max(DRAWER_EDGE_GAP, viewportWidth - width - DRAWER_EDGE_GAP)),
+        top: Math.min(Math.max(frame.top, DRAWER_EDGE_GAP), Math.max(DRAWER_EDGE_GAP, viewportHeight - height - DRAWER_EDGE_GAP)),
+        width,
+        height,
+    };
+}
+/** Resize one or two drawer boundaries while keeping the opposite boundaries fixed. */
+export function resizeAwikiDrawerFrame(frame, direction, deltaX, deltaY, viewportWidth, viewportHeight) {
+    const origin = clampAwikiDrawerFrame(frame, viewportWidth, viewportHeight);
+    const minWidth = Math.min(DRAWER_MIN_WIDTH, Math.max(1, viewportWidth - DRAWER_EDGE_GAP * 2));
+    const minHeight = Math.min(DRAWER_MIN_HEIGHT, Math.max(1, viewportHeight - DRAWER_EDGE_GAP * 2));
+    let left = origin.left;
+    let top = origin.top;
+    let right = origin.left + origin.width;
+    let bottom = origin.top + origin.height;
+    if (direction.includes('w'))
+        left = Math.min(Math.max(left + deltaX, DRAWER_EDGE_GAP), right - minWidth);
+    if (direction.includes('e'))
+        right = Math.max(Math.min(right + deltaX, viewportWidth - DRAWER_EDGE_GAP), left + minWidth);
+    if (direction.includes('n'))
+        top = Math.min(Math.max(top + deltaY, DRAWER_EDGE_GAP), bottom - minHeight);
+    if (direction.includes('s'))
+        bottom = Math.max(Math.min(bottom + deltaY, viewportHeight - DRAWER_EDGE_GAP), top + minHeight);
+    return clampAwikiDrawerFrame({ left, top, width: right - left, height: bottom - top }, viewportWidth, viewportHeight);
+}
 function defaultLauncherPosition() {
     return clampAwikiLauncherPosition({
         left: window.innerWidth - LAUNCHER_SIZE - LAUNCHER_RIGHT_OFFSET,
@@ -99,6 +140,30 @@ function saveLauncherPosition(position) {
         // The launcher remains usable when session storage is unavailable.
     }
 }
+function readDrawerFrame() {
+    try {
+        const stored = window.sessionStorage.getItem(AWIKI_DRAWER_FRAME_KEY);
+        if (stored !== null) {
+            const value = JSON.parse(stored);
+            const { left, top, width, height } = value;
+            if ([left, top, width, height].every(item => typeof item === 'number' && Number.isFinite(item))) {
+                return clampAwikiDrawerFrame({ left: left, top: top, width: width, height: height }, window.innerWidth, window.innerHeight);
+            }
+        }
+    }
+    catch {
+        // The default drawer remains usable when session storage is unavailable.
+    }
+    return null;
+}
+function saveDrawerFrame(frame) {
+    try {
+        window.sessionStorage.setItem(AWIKI_DRAWER_FRAME_KEY, JSON.stringify(frame));
+    }
+    catch {
+        // Resizing remains usable when session storage is unavailable.
+    }
+}
 function callPointerCapture(target, method, pointerId) {
     const capture = Reflect.get(target, method);
     if (typeof capture === 'function')
@@ -116,7 +181,7 @@ function conversationTime(value, now = Date.now()) {
         : new Intl.DateTimeFormat('zh-CN', { month: 'numeric', day: 'numeric' }).format(value);
 }
 /** Render the identity registration form and its OTP challenge transition. */
-function Registration(props) {
+export function AwikiRegistrationForm(props) {
     const [phone, setPhone] = useState('');
     const [handle, setHandle] = useState('');
     const [otp, setOtp] = useState('');
@@ -158,7 +223,7 @@ function Registration(props) {
             return;
         setNotice(null);
     };
-    return (_jsxs("div", { className: css.registration, children: [_jsx("div", { className: css.registrationIcon, children: _jsx(IconUserOutline16, { size: 24 }) }), _jsx("h3", { children: "\u6CE8\u518C AWiki \u8EAB\u4EFD" }), _jsx("p", { children: "\u8BE5\u8EAB\u4EFD\u7531\u5F53\u524D Harness \u90E8\u7F72\u4E2D\u7684\u5168\u90E8 Agent \u5171\u540C\u4F7F\u7528\u3002" }), _jsxs("label", { children: ["Handle", _jsx("input", { value: handle, onChange: (event) => { setHandle(event.target.value); }, autoComplete: "username", placeholder: "\u4F8B\u5982 alice" })] }), _jsxs("label", { children: ["\u624B\u673A\u53F7", _jsx("input", { value: phone, onChange: (event) => { setPhone(event.target.value); }, autoComplete: "tel" })] }), !otpSent ? (_jsx("button", { type: "button", className: css.primary, disabled: props.pending || phone.trim() === '' || handle.trim() === '', onClick: () => { void requestOtp(); }, children: "\u83B7\u53D6\u9A8C\u8BC1\u7801" })) : (_jsxs(_Fragment, { children: [_jsxs("label", { children: ["\u9A8C\u8BC1\u7801", _jsx("input", { value: otp, onChange: (event) => { setOtp(event.target.value); }, inputMode: "numeric", autoComplete: "one-time-code" })] }), _jsx("button", { type: "button", className: css.primary, disabled: props.pending || handle.trim() === '' || otp.trim() === '', onClick: () => { void register(); }, children: "\u6CE8\u518C\u8EAB\u4EFD" }), _jsx("button", { type: "button", className: css.linkButton, disabled: props.pending || retrySeconds > 0, onClick: () => { void requestOtp(); }, children: retrySeconds > 0 ? `${retrySeconds} 秒后重新获取` : '重新获取验证码' })] })), notice !== null && _jsx("p", { className: css.notice, role: "status", children: notice })] }));
+    return (_jsxs("div", { className: css.registration, children: [_jsx("div", { className: css.registrationIcon, children: _jsx(IconUserOutline16, { size: 24 }) }), _jsx("h3", { children: "\u6CE8\u518C AWiki \u8EAB\u4EFD" }), _jsx("p", { children: "\u8BE5\u8EAB\u4EFD\u7531\u5F53\u524D Harness \u90E8\u7F72\u4E2D\u7684\u5168\u90E8 Agent \u5171\u540C\u4F7F\u7528\u3002" }), _jsxs("label", { children: ["Handle", _jsx("input", { value: handle, onChange: (event) => { setHandle(event.target.value); }, autoComplete: "username", placeholder: "\u4F8B\u5982 alice", autoFocus: props.autoFocusHandle })] }), _jsxs("label", { children: ["\u624B\u673A\u53F7", _jsx("input", { value: phone, onChange: (event) => { setPhone(event.target.value); }, autoComplete: "tel" })] }), !otpSent ? (_jsx("button", { type: "button", className: css.primary, disabled: props.pending || phone.trim() === '' || handle.trim() === '', onClick: () => { void requestOtp(); }, children: "\u83B7\u53D6\u9A8C\u8BC1\u7801" })) : (_jsxs(_Fragment, { children: [_jsxs("label", { children: ["\u9A8C\u8BC1\u7801", _jsx("input", { value: otp, onChange: (event) => { setOtp(event.target.value); }, inputMode: "numeric", autoComplete: "one-time-code" })] }), _jsx("button", { type: "button", className: css.primary, disabled: props.pending || handle.trim() === '' || otp.trim() === '', onClick: () => { void register(); }, children: "\u6CE8\u518C\u8EAB\u4EFD" }), _jsx("button", { type: "button", className: css.linkButton, disabled: props.pending || retrySeconds > 0, onClick: () => { void requestOtp(); }, children: retrySeconds > 0 ? `${retrySeconds} 秒后重新获取` : '重新获取验证码' })] })), notice !== null && _jsx("p", { className: css.notice, role: "status", children: notice })] }));
 }
 /** Let a signed-out installation resume its preserved local identity. */
 function SignedOut(props) {
@@ -222,6 +287,10 @@ function IdentityCard(props) {
                                 }
                             } }), _jsx("button", { type: "submit", "aria-label": "\u4FDD\u5B58\u6635\u79F0", disabled: props.pending, children: _jsx(IconCheckOutline16, { size: 14 }) }), _jsx("button", { type: "button", "aria-label": "\u53D6\u6D88\u4FEE\u6539\u6635\u79F0", disabled: props.pending, onClick: cancel, children: _jsx(IconCloseOutline16, { size: 14 }) })] })) : (_jsxs(_Fragment, { children: [_jsx(Tooltip, { label: props.identity.did, side: "bottom", children: _jsx("button", { type: "button", className: css.identityName, disabled: props.pending, onClick: () => { setError(null); setEditing(true); }, children: identityLabel(props.identity) }) }), _jsx(Tooltip, { label: "\u4FEE\u6539\u6635\u79F0", side: "right", children: _jsx("button", { type: "button", className: css.identityEdit, "aria-label": "\u4FEE\u6539\u6635\u79F0", disabled: props.pending, onClick: () => { setError(null); setEditing(true); }, children: _jsx(IconEditOutline16, { size: 14 }) }) })] })) }), _jsx("small", { className: css.identityHandle, children: props.identity.handle }), _jsxs("span", { className: css.identityStatus, children: [_jsx("i", {}), "\u5728\u7EBF"] }), error !== null && _jsx("small", { className: css.identityError, role: "alert", children: error })] }));
 }
+/** Switch the shared identity between messaging and on-demand mail. */
+function ModeTabs(props) {
+    return (_jsxs("div", { className: css.modeTabs, role: "tablist", "aria-label": "AWiki \u529F\u80FD", children: [_jsx("button", { type: "button", role: "tab", "aria-selected": props.mode === 'chat', onClick: () => { props.onChange('chat'); }, children: "\u4F1A\u8BDD" }), _jsxs("button", { type: "button", role: "tab", "aria-selected": props.mode === 'mail', onClick: () => { props.onChange('mail'); }, children: ["\u90AE\u4EF6", props.mailUnreadCount > 0 && _jsx("small", { children: props.mailUnreadCount > 99 ? '99+' : props.mailUnreadCount })] })] }));
+}
 /** Incoming sender label: WNS display name, then Handle, then DID. */
 function senderLabel(message, peerLabel) {
     if (message.outgoing)
@@ -354,7 +423,10 @@ function Chat(props) {
     const summary = selected === undefined ? undefined : view.summaries[selected.id];
     const summaryPanelId = useId();
     selectedConversationId.current = view.selectedConversationId;
-    const visibleSendingDraft = sendingDraft?.conversationId === view.selectedConversationId ? sendingDraft : null;
+    const visibleSendingDraft = sendingDraft?.conversationId === view.selectedConversationId
+        && !view.messages.some(message => message.id === sendingDraft.messageId)
+        ? sendingDraft
+        : null;
     const markSelectedConversationReadAtBottom = () => {
         const node = history.current;
         const newestRendered = view.messages.at(-1);
@@ -362,7 +434,7 @@ function Chat(props) {
             || selected === undefined
             || newestRendered === undefined
             || (selected.unreadCount ?? 0) <= 0
-            || view.pending === '加载消息'
+            || view.localPending
             || (selected.lastMessageAt !== undefined && newestRendered.sentAt < selected.lastMessageAt)
             || node.scrollHeight - node.scrollTop - node.clientHeight > HISTORY_BOTTOM_THRESHOLD)
             return;
@@ -400,7 +472,7 @@ function Chat(props) {
     };
     useLayoutEffect(() => {
         markSelectedConversationReadAtBottom();
-    }, [selected?.id, selected?.lastMessageAt, selected?.unreadCount, view.messages, view.pending]);
+    }, [selected?.id, selected?.lastMessageAt, selected?.unreadCount, view.localPending, view.messages]);
     useLayoutEffect(() => {
         const conversationId = view.selectedConversationId;
         if (conversationId !== previousConversationId.current) {
@@ -416,7 +488,7 @@ function Chat(props) {
         }
         if (conversationId === null || history.current === null)
             return;
-        if (view.pending === '加载消息')
+        if (view.localPending)
             return;
         if (conversationAwaitingBottom.current === conversationId) {
             if (view.messages.length === 0)
@@ -447,7 +519,7 @@ function Chat(props) {
             setHistoryAwayFromBottom(true);
             setUnseenMessageCount(current => current + appendedMessageCount);
         }
-    }, [view.messages, view.pending, view.selectedConversationId]);
+    }, [view.localPending, view.messages, view.selectedConversationId]);
     useLayoutEffect(() => {
         if (visibleSendingDraft === null || history.current === null)
             return;
@@ -504,9 +576,10 @@ function Chat(props) {
             /* v8 ignore next -- the only invocation control is disabled while both text and attachment are empty. */
             if (draft === '')
                 return;
-            setSendingDraft({ conversationId, startedAt: Date.now(), content: { kind: 'text', text: draft } });
+            const messageId = `msg-${crypto.randomUUID()}`;
+            setSendingDraft({ conversationId, messageId, startedAt: Date.now(), content: { kind: 'text', text: draft } });
             setText('');
-            const result = await props.sendText(draft);
+            const result = await props.sendText(draft, messageId);
             setSendingDraft(null);
             if (!result.ok && selectedConversationId.current === conversationId)
                 setText(draft);
@@ -519,8 +592,10 @@ function Chat(props) {
         setFileError(null);
         const selectedFile = file;
         const bytesBase64 = await fileToBase64(selectedFile);
+        const messageId = `msg-${crypto.randomUUID()}`;
         setSendingDraft({
             conversationId,
+            messageId,
             startedAt: Date.now(),
             content: {
                 kind: 'attachment',
@@ -536,6 +611,7 @@ function Chat(props) {
             mimeType: selectedFile.type || 'application/octet-stream',
             bytesBase64,
             ...(draft === '' ? {} : { caption: draft }),
+            clientMessageId: messageId,
         });
         setSendingDraft(null);
         if (!result.ok && selectedConversationId.current === conversationId) {
@@ -543,7 +619,7 @@ function Chat(props) {
             setText(draft);
         }
     };
-    return (_jsxs("div", { className: css.chat, children: [_jsxs("aside", { className: css.roster, "data-hidden": selected !== undefined || undefined, children: [_jsx(IdentityCard, { identity: view.identity, pending: view.pending !== null, updateDisplayName: props.updateDisplayName }), _jsx("div", { className: css.rosterTitle, children: "\u4F1A\u8BDD" }), _jsxs("div", { className: css.conversationList, children: [view.conversations.map(conversation => (_jsx(ConversationRow, { conversation: conversation, active: conversation.id === view.selectedConversationId, onSelect: () => { void props.selectConversation(conversation.id); } }, conversation.id))), view.conversations.length === 0 && _jsx("p", { className: css.empty, children: "\u8FD8\u6CA1\u6709\u53EF\u7528\u7684\u79C1\u804A\u6216\u7FA4\u804A\u3002" })] }), view.conversationsHasMore && _jsx("button", { type: "button", className: css.more, onClick: () => { void props.loadMoreConversations(); }, children: "\u52A0\u8F7D\u66F4\u591A\u4F1A\u8BDD" })] }), _jsx("section", { className: css.thread, "data-visible": selected !== undefined || undefined, children: selected === undefined ? (_jsxs("div", { className: css.threadEmpty, children: [_jsx(IconGlobeOutline14, { size: 28 }), _jsx("p", { children: "\u9009\u62E9\u4E00\u4E2A\u79C1\u804A\u6216\u7FA4\u804A\u67E5\u770B\u6D88\u606F\u3002" })] })) : (_jsxs(_Fragment, { children: [_jsxs("header", { className: css.threadHeader, children: [_jsx("button", { type: "button", className: css.back, "aria-label": "\u8FD4\u56DE\u4F1A\u8BDD\u5217\u8868", onClick: () => { void props.selectConversation(null); }, children: _jsx(IconChevronLeftOutline14, {}) }), _jsxs("div", { className: css.threadTitle, children: [_jsx("strong", { children: conversationLabel(selected) }), _jsx("small", { children: selected.kind === 'direct' ? '私聊' : '群聊' })] }), _jsxs("button", { type: "button", className: css.summaryTrigger, "aria-controls": summaryPanelId, "aria-expanded": summary === undefined ? undefined : !summary.collapsed, "aria-label": summary?.status === 'loading' ? '正在生成 AI 总结' : summary?.collapsed === true ? '展开 AI 总结' : '生成 AI 总结', disabled: summary?.status === 'loading', onClick: () => {
+    return (_jsxs("div", { className: css.chat, children: [_jsxs("aside", { className: css.roster, "data-hidden": selected !== undefined || undefined, "aria-label": "\u4F1A\u8BDD", children: [_jsx(IdentityCard, { identity: view.identity, pending: view.pending !== null, updateDisplayName: props.updateDisplayName }), props.modeTabs, _jsxs("div", { className: css.rosterHeader, children: [_jsx("div", { className: css.rosterTitle, children: "\u4F1A\u8BDD" }), props.composeMenu] }), _jsxs("div", { className: css.conversationList, children: [view.conversations.map(conversation => (_jsx(ConversationRow, { conversation: conversation, active: conversation.id === view.selectedConversationId, onSelect: () => { void props.selectConversation(conversation.id); } }, conversation.id))), view.conversations.length === 0 && _jsx("p", { className: css.empty, children: "\u8FD8\u6CA1\u6709\u53EF\u7528\u7684\u79C1\u804A\u6216\u7FA4\u804A\u3002" })] }), view.conversationsHasMore && _jsx("button", { type: "button", className: css.more, onClick: () => { void props.loadMoreConversations(); }, children: "\u52A0\u8F7D\u66F4\u591A\u4F1A\u8BDD" })] }), _jsx("section", { className: css.thread, "data-visible": selected !== undefined || undefined, children: selected === undefined ? (_jsxs("div", { className: css.threadEmpty, children: [_jsx(IconGlobeOutline14, { size: 28 }), _jsx("p", { children: "\u9009\u62E9\u4E00\u4E2A\u79C1\u804A\u6216\u7FA4\u804A\u67E5\u770B\u6D88\u606F\u3002" })] })) : (_jsxs(_Fragment, { children: [_jsxs("header", { className: css.threadHeader, children: [_jsx("button", { type: "button", className: css.back, "aria-label": "\u8FD4\u56DE\u4F1A\u8BDD\u5217\u8868", onClick: () => { void props.selectConversation(null); }, children: _jsx(IconChevronLeftOutline14, {}) }), _jsxs("div", { className: css.threadTitle, children: [_jsx("strong", { children: conversationLabel(selected) }), _jsx("small", { children: selected.kind === 'direct' ? '私聊' : '群聊' })] }), _jsxs("button", { type: "button", className: css.summaryTrigger, "aria-controls": summaryPanelId, "aria-expanded": summary === undefined ? undefined : !summary.collapsed, "aria-label": summary?.status === 'loading' ? '正在生成 AI 总结' : summary?.collapsed === true ? '展开 AI 总结' : '生成 AI 总结', disabled: summary?.status === 'loading', onClick: () => {
                                         if (summary !== undefined && !summary.collapsed && summary.status !== 'error') {
                                             props.setSummaryCollapsed(selected.id, true);
                                         }
@@ -553,7 +629,7 @@ function Chat(props) {
                                         else {
                                             void props.summarizeConversation();
                                         }
-                                    }, children: [summary?.status === 'loading' ? _jsx(IconLoadingOutline16, { size: 14 }) : _jsx(IconSparkle16, { size: 14 }), _jsx("span", { children: summary?.status === 'loading' ? '总结中' : 'AI 总结' }), summary !== undefined && _jsx(IconChevronDownOutline14, { size: 12 })] })] }), summary !== undefined && (_jsx(SummaryPanel, { id: summaryPanelId, summary: summary, regenerate: () => { void props.summarizeConversation(); }, collapse: collapsed => { props.setSummaryCollapsed(selected.id, collapsed); }, viewSource: viewSummarySource })), _jsxs("div", { className: css.historyShell, children: [_jsxs("div", { ref: history, className: css.history, role: "log", "aria-label": "\u6D88\u606F\u8BB0\u5F55", onScroll: syncHistoryPosition, children: [view.historyHasMore && _jsx("button", { type: "button", className: css.more, onClick: () => { void props.loadOlderHistory(); }, children: "\u52A0\u8F7D\u66F4\u65E9\u6D88\u606F" }), view.pending === '加载消息' && (_jsxs("div", { className: css.historyLoading, role: "status", "aria-live": "polite", "aria-label": "\u6B63\u5728\u52A0\u8F7D\u6D88\u606F", children: [_jsx(IconLoadingOutline16, { size: 18 }), _jsx("span", { children: "\u6B63\u5728\u52A0\u8F7D\u6D88\u606F\u2026" })] })), view.messages.map(message => (_jsx(MessageRow, { message: message, peerLabel: selected.kind === 'direct' ? conversationLabel(selected) : undefined, download: props.downloadAttachment, onImageLoad: scrollAfterInitialImage }, message.id))), visibleSendingDraft !== null && _jsx(PendingMessageRow, { draft: visibleSendingDraft }), view.pending !== '加载消息' && view.messages.length === 0 && visibleSendingDraft === null && _jsx("p", { className: css.empty, children: "\u6682\u65E0\u6D88\u606F\u3002" })] }), historyAwayFromBottom && (_jsxs("button", { type: "button", className: css.latestMessages, "aria-label": unseenMessageCount === 0 ? '下滑到最新消息' : `有 ${unseenMessageCount} 条新消息，下滑到最新消息`, onClick: () => { scrollHistoryToLatest(true); }, children: [_jsx(IconChevronDownOutline14, { size: 14 }), unseenMessageCount > 0 && _jsxs("span", { children: ["\u65B0\u6D88\u606F\uFF08", unseenMessageCount, "\uFF09"] })] }))] }), _jsxs("div", { className: css.composer, children: [fileError !== null && _jsx("small", { className: css.inlineError, role: "alert", children: fileError }), _jsxs("div", { className: css.composeInput, children: [file !== null && (_jsxs("div", { className: css.filePreview, "data-image": previewUrl !== null || undefined, children: [previewUrl === null
+                                    }, children: [summary?.status === 'loading' ? _jsx(IconLoadingOutline16, { size: 14 }) : _jsx(IconSparkle16, { size: 14 }), _jsx("span", { children: summary?.status === 'loading' ? '总结中' : 'AI 总结' }), summary !== undefined && _jsx(IconChevronDownOutline14, { size: 12 })] })] }), summary !== undefined && (_jsx(SummaryPanel, { id: summaryPanelId, summary: summary, regenerate: () => { void props.summarizeConversation(); }, collapse: collapsed => { props.setSummaryCollapsed(selected.id, collapsed); }, viewSource: viewSummarySource })), _jsxs("div", { className: css.historyShell, children: [_jsxs("div", { ref: history, className: css.history, role: "log", "aria-label": "\u6D88\u606F\u8BB0\u5F55", onScroll: syncHistoryPosition, children: [view.historyHasMore && _jsx("button", { type: "button", className: css.more, onClick: () => { void props.loadOlderHistory(); }, children: "\u52A0\u8F7D\u66F4\u65E9\u6D88\u606F" }), view.localPending && (_jsxs("div", { className: css.historyLoading, role: "status", "aria-live": "polite", "aria-label": "\u6B63\u5728\u8BFB\u53D6\u672C\u5730\u6D88\u606F", children: [_jsx(IconLoadingOutline16, { size: 18 }), _jsx("span", { children: "\u6B63\u5728\u8BFB\u53D6\u672C\u5730\u6D88\u606F\u2026" })] })), !view.localPending && view.refreshing && view.messages.length === 0 && (_jsxs("div", { className: css.historyLoading, role: "status", "aria-live": "polite", "aria-label": "\u6B63\u5728\u540C\u6B65\u6D88\u606F", children: [_jsx(IconLoadingOutline16, { size: 18 }), _jsx("span", { children: "\u6B63\u5728\u540C\u6B65\u6D88\u606F\u2026" })] })), view.messages.map(message => (_jsx(MessageRow, { message: message, peerLabel: selected.kind === 'direct' ? conversationLabel(selected) : undefined, download: props.downloadAttachment, onImageLoad: scrollAfterInitialImage }, message.id))), visibleSendingDraft !== null && _jsx(PendingMessageRow, { draft: visibleSendingDraft }), !view.localPending && !view.refreshing && view.messages.length === 0 && visibleSendingDraft === null && _jsx("p", { className: css.empty, children: "\u6682\u65E0\u6D88\u606F\u3002" })] }), historyAwayFromBottom && (_jsxs("button", { type: "button", className: css.latestMessages, "aria-label": unseenMessageCount === 0 ? '下滑到最新消息' : `有 ${unseenMessageCount} 条新消息，下滑到最新消息`, onClick: () => { scrollHistoryToLatest(true); }, children: [_jsx(IconChevronDownOutline14, { size: 14 }), unseenMessageCount > 0 && _jsxs("span", { children: ["\u65B0\u6D88\u606F\uFF08", unseenMessageCount, "\uFF09"] })] }))] }), _jsxs("div", { className: css.composer, children: [fileError !== null && _jsx("small", { className: css.inlineError, role: "alert", children: fileError }), _jsxs("div", { className: css.composeInput, children: [file !== null && (_jsxs("div", { className: css.filePreview, "data-image": previewUrl !== null || undefined, children: [previewUrl === null
                                                     ? _jsx("span", { className: css.filePreviewIcon, children: _jsx(IconPaperclipOutline16, {}) })
                                                     : _jsx("img", { src: previewUrl, alt: file.name }), previewUrl === null && _jsx("span", { className: css.filePreviewName, children: file.name }), _jsx("button", { type: "button", className: css.removeFile, "aria-label": `移除附件 ${file.name}`, onClick: clearFile, children: _jsx(IconCloseOutline16, { size: 12 }) })] })), _jsx("textarea", { value: text, onChange: (event) => { setText(event.target.value); }, onKeyDown: (event) => {
                                                 if (event.key !== 'Enter' || event.shiftKey || event.nativeEvent.isComposing)
@@ -573,17 +649,27 @@ export function AwikiOverlay(props) {
     const view = props.useAwiki(state => state);
     const titleId = useId();
     const composeTitleId = useId();
+    const groupComposeTitleId = useId();
     const [accountMenuOpen, setAccountMenuOpen] = useState(false);
     const [menuOpen, setMenuOpen] = useState(false);
     const [composeDirect, setComposeDirect] = useState(false);
     const [peerHandle, setPeerHandle] = useState('');
     const [composeError, setComposeError] = useState(null);
+    const [composeGroup, setComposeGroup] = useState(false);
+    const [groupName, setGroupName] = useState('');
+    const [groupMembers, setGroupMembers] = useState('');
+    const [groupComposeError, setGroupComposeError] = useState(null);
     const [logoutOpen, setLogoutOpen] = useState(false);
     const [logoutPending, setLogoutPending] = useState(false);
     const [logoutError, setLogoutError] = useState(null);
+    const [mode, setMode] = useState('chat');
+    const [mailUnreadCount, setMailUnreadCount] = useState(0);
+    const [mailRefreshRevision, setMailRefreshRevision] = useState(0);
     const [launcherPosition, setLauncherPosition] = useState(readLauncherPosition);
+    const [drawerFrame, setDrawerFrame] = useState(readDrawerFrame);
     const [launcherDragging, setLauncherDragging] = useState(false);
     const [drawerDragging, setDrawerDragging] = useState(false);
+    const [drawerResizing, setDrawerResizing] = useState(null);
     const [drawerDragDirection, setDrawerDragDirection] = useState(null);
     const launcherRef = useRef(null);
     const rememberedConversationId = useRef(null);
@@ -591,12 +677,21 @@ export function AwikiOverlay(props) {
     const suppressLauncherClick = useRef(false);
     const launcherDrag = useRef(null);
     const drawerDrag = useRef(null);
+    const drawerResize = useRef(null);
     const registered = view.status === 'ready' && view.identity !== null;
     const unreadCount = view.conversations.reduce((total, conversation) => total + (conversation.unreadCount ?? 0), 0);
     const unreadLabel = unreadCount > 99 ? '99+' : String(unreadCount);
-    const drawerWidth = Math.min(DRAWER_NOMINAL_WIDTH, Math.max(1, window.innerWidth - DRAWER_HORIZONTAL_RESERVE));
-    const drawerHeight = Math.min(DRAWER_NOMINAL_HEIGHT, Math.max(1, window.innerHeight - DRAWER_EDGE_GAP * 2));
+    const nominalDrawerWidth = Math.min(mode === 'mail' ? MAIL_DRAWER_NOMINAL_WIDTH : DRAWER_NOMINAL_WIDTH, Math.max(1, window.innerWidth - (window.innerWidth <= 620 ? DRAWER_COMPACT_HORIZONTAL_RESERVE : DRAWER_HORIZONTAL_RESERVE)));
+    const nominalDrawerHeight = Math.min(DRAWER_NOMINAL_HEIGHT, Math.max(1, window.innerHeight - DRAWER_EDGE_GAP * 2));
+    const drawerWidth = drawerFrame?.width ?? nominalDrawerWidth;
+    const drawerHeight = drawerFrame?.height ?? nominalDrawerHeight;
     const drawerPlacement = resolveAwikiDrawerPlacement(launcherPosition, drawerWidth, drawerHeight, window.innerWidth, window.innerHeight, drawerDragDirection ?? undefined);
+    const renderedDrawerFrame = drawerFrame ?? {
+        left: drawerPlacement.left,
+        top: drawerPlacement.top,
+        width: drawerWidth,
+        height: drawerHeight,
+    };
     useEffect(() => {
         void props.open();
         return props.close;
@@ -629,11 +724,18 @@ export function AwikiOverlay(props) {
         setComposeDirect(false);
         setPeerHandle('');
         setComposeError(null);
+        setComposeGroup(false);
+        setGroupName('');
+        setGroupMembers('');
+        setGroupComposeError(null);
+        setMode('chat');
         const drag = drawerDrag.current;
         if (drag !== null)
             clearTimeout(drag.timer);
         drawerDrag.current = null;
+        drawerResize.current = null;
         setDrawerDragging(false);
+        setDrawerResizing(null);
         setDrawerDragDirection(null);
         if (wasOpen && view.selectedConversationId !== null) {
             rememberedConversationId.current = view.selectedConversationId;
@@ -659,6 +761,10 @@ export function AwikiOverlay(props) {
                 setComposeDirect(false);
                 return;
             }
+            if (composeGroup) {
+                setComposeGroup(false);
+                return;
+            }
             if (menuOpen) {
                 setMenuOpen(false);
                 return;
@@ -672,7 +778,7 @@ export function AwikiOverlay(props) {
         };
         document.addEventListener('keydown', onKeyDown);
         return () => { document.removeEventListener('keydown', onKeyDown); };
-    }, [open, accountMenuOpen, composeDirect, logoutOpen, logoutPending, menuOpen, props.actions]);
+    }, [open, accountMenuOpen, composeDirect, composeGroup, logoutOpen, logoutPending, menuOpen, props.actions]);
     useEffect(() => {
         const onResize = () => {
             setLauncherPosition((current) => {
@@ -680,6 +786,13 @@ export function AwikiOverlay(props) {
                 saveLauncherPosition(next);
                 return next;
             });
+            setDrawerFrame((current) => {
+                if (current === null)
+                    return null;
+                const next = clampAwikiDrawerFrame(current, window.innerWidth, window.innerHeight);
+                saveDrawerFrame(next);
+                return next;
+            });
         };
         window.addEventListener('resize', onResize);
         return () => { window.removeEventListener('resize', onResize); };
@@ -694,6 +807,8 @@ export function AwikiOverlay(props) {
             origin: launcherPosition,
             moved: false,
             current: launcherPosition,
+            originFrame: drawerFrame,
+            currentFrame: drawerFrame,
         };
         callPointerCapture(event.currentTarget, 'setPointerCapture', event.pointerId);
     };
@@ -712,6 +827,14 @@ export function AwikiOverlay(props) {
             top: drag.origin.top + deltaY,
         }, window.innerWidth, window.innerHeight);
         setLauncherPosition(drag.current);
+        if (drag.originFrame !== null) {
+            drag.currentFrame = clampAwikiDrawerFrame({
+                ...drag.originFrame,
+                left: drag.originFrame.left + deltaX,
+                top: drag.originFrame.top + deltaY,
+            }, window.innerWidth, window.innerHeight);
+            setDrawerFrame(drag.currentFrame);
+        }
     };
     const finishLauncherDrag = (event) => {
         const drag = launcherDrag.current;
@@ -721,6 +844,8 @@ export function AwikiOverlay(props) {
             suppressLauncherClick.current = true;
             saveLauncherPosition(drag.current);
         }
+        if (drag.currentFrame !== null)
+            saveDrawerFrame(drag.currentFrame);
         launcherDrag.current = null;
         setLauncherDragging(false);
         callPointerCapture(event.currentTarget, 'releasePointerCapture', event.pointerId);
@@ -738,6 +863,8 @@ export function AwikiOverlay(props) {
             armed: false,
             moved: false,
             current: launcherPosition,
+            originFrame: drawerFrame,
+            currentFrame: drawerFrame,
         };
         drag.timer = setTimeout(() => {
             if (drawerDrag.current !== drag)
@@ -770,6 +897,14 @@ export function AwikiOverlay(props) {
             top: drag.origin.top + deltaY,
         }, window.innerWidth, window.innerHeight);
         setLauncherPosition(drag.current);
+        if (drag.originFrame !== null) {
+            drag.currentFrame = clampAwikiDrawerFrame({
+                ...drag.originFrame,
+                left: drag.originFrame.left + deltaX,
+                top: drag.originFrame.top + deltaY,
+            }, window.innerWidth, window.innerHeight);
+            setDrawerFrame(drag.currentFrame);
+        }
     };
     const finishDrawerDrag = (event) => {
         const drag = drawerDrag.current;
@@ -778,11 +913,76 @@ export function AwikiOverlay(props) {
         clearTimeout(drag.timer);
         if (drag.moved)
             saveLauncherPosition(drag.current);
+        if (drag.currentFrame !== null)
+            saveDrawerFrame(drag.currentFrame);
         drawerDrag.current = null;
         setDrawerDragging(false);
         setDrawerDragDirection(null);
         callPointerCapture(event.currentTarget, 'releasePointerCapture', event.pointerId);
     };
+    const onDrawerResizePointerDown = (event, direction) => {
+        if (event.button !== 0)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        const origin = clampAwikiDrawerFrame(renderedDrawerFrame, window.innerWidth, window.innerHeight);
+        drawerResize.current = {
+            pointerId: event.pointerId,
+            direction,
+            startX: event.clientX,
+            startY: event.clientY,
+            origin,
+            current: origin,
+        };
+        setDrawerFrame(origin);
+        setDrawerResizing(direction);
+        callPointerCapture(event.currentTarget, 'setPointerCapture', event.pointerId);
+    };
+    const onDrawerResizePointerMove = (event) => {
+        const resize = drawerResize.current;
+        if (resize === null || resize.pointerId !== event.pointerId)
+            return;
+        event.preventDefault();
+        resize.current = resizeAwikiDrawerFrame(resize.origin, resize.direction, event.clientX - resize.startX, event.clientY - resize.startY, window.innerWidth, window.innerHeight);
+        setDrawerFrame(resize.current);
+    };
+    const finishDrawerResize = (event) => {
+        const resize = drawerResize.current;
+        if (resize === null || resize.pointerId !== event.pointerId)
+            return;
+        saveDrawerFrame(resize.current);
+        drawerResize.current = null;
+        setDrawerResizing(null);
+        callPointerCapture(event.currentTarget, 'releasePointerCapture', event.pointerId);
+    };
+    useEffect(() => {
+        if (drawerResizing === null)
+            return;
+        const onPointerMove = (event) => {
+            const resize = drawerResize.current;
+            if (resize === null || resize.pointerId !== event.pointerId)
+                return;
+            event.preventDefault();
+            resize.current = resizeAwikiDrawerFrame(resize.origin, resize.direction, event.clientX - resize.startX, event.clientY - resize.startY, window.innerWidth, window.innerHeight);
+            setDrawerFrame(resize.current);
+        };
+        const onPointerEnd = (event) => {
+            const resize = drawerResize.current;
+            if (resize === null || resize.pointerId !== event.pointerId)
+                return;
+            saveDrawerFrame(resize.current);
+            drawerResize.current = null;
+            setDrawerResizing(null);
+        };
+        window.addEventListener('pointermove', onPointerMove, { passive: false });
+        window.addEventListener('pointerup', onPointerEnd);
+        window.addEventListener('pointercancel', onPointerEnd);
+        return () => {
+            window.removeEventListener('pointermove', onPointerMove);
+            window.removeEventListener('pointerup', onPointerEnd);
+            window.removeEventListener('pointercancel', onPointerEnd);
+        };
+    }, [drawerResizing]);
     const toggleLauncher = () => {
         if (suppressLauncherClick.current) {
             suppressLauncherClick.current = false;
@@ -800,6 +1000,21 @@ export function AwikiOverlay(props) {
         setComposeDirect(false);
         setPeerHandle('');
     };
+    const createGroup = async () => {
+        setGroupComposeError(null);
+        const members = groupMembers
+            .split(/[\n,，]+/u)
+            .map(member => member.trim())
+            .filter(member => member !== '');
+        const result = await props.createGroup(groupName, members);
+        if (!result.ok) {
+            setGroupComposeError(result.error);
+            return;
+        }
+        setComposeGroup(false);
+        setGroupName('');
+        setGroupMembers('');
+    };
     const logout = async () => {
         setLogoutPending(true);
         setLogoutError(null);
@@ -814,14 +1029,30 @@ export function AwikiOverlay(props) {
     };
     return (_jsxs(_Fragment, { children: [_jsxs("button", { ref: launcherRef, type: "button", className: css.trigger, style: { left: launcherPosition.left, top: launcherPosition.top }, "data-dragging": launcherDragging || undefined, "aria-label": open
                     ? '收起 AWiki'
-                    : unreadCount > 0 ? `打开 AWiki，${unreadCount} 条未读消息` : '打开 AWiki', "aria-expanded": open, "aria-haspopup": "dialog", title: "AWiki", onClick: toggleLauncher, onPointerDown: onLauncherPointerDown, onPointerMove: onLauncherPointerMove, onPointerUp: finishLauncherDrag, onPointerCancel: finishLauncherDrag, children: [_jsx("img", { className: css.launcherIcon, src: AWIKI_ME_APP_ICON_DATA_URL, alt: "", "aria-hidden": "true", draggable: "false" }), unreadCount > 0 && _jsx("span", { className: css.unreadBadge, "aria-hidden": "true", children: unreadLabel })] }), open && (_jsxs("div", { className: css.drawer, style: { left: drawerPlacement.left, top: drawerPlacement.top }, "data-placement": drawerPlacement.direction, role: "dialog", "aria-modal": "false", "aria-labelledby": titleId, children: [_jsxs("header", { className: css.drawerHeader, "data-dragging": drawerDragging || undefined, title: "\u957F\u6309\u62D6\u52A8 AWiki", onPointerDown: onDrawerPointerDown, onPointerMove: onDrawerPointerMove, onPointerUp: finishDrawerDrag, onPointerCancel: finishDrawerDrag, children: [_jsxs("div", { children: [registered ? (_jsx(Menu, { open: accountMenuOpen, onClose: () => { setAccountMenuOpen(false); }, align: "start", portal: true, compact: true, items: [{ id: 'logout', label: '退出登录', danger: true }], onSelect: () => {
+                    : unreadCount > 0 ? `打开 AWiki，${unreadCount} 条未读消息` : '打开 AWiki', "aria-expanded": open, "aria-haspopup": "dialog", title: "AWiki", onClick: toggleLauncher, onPointerDown: onLauncherPointerDown, onPointerMove: onLauncherPointerMove, onPointerUp: finishLauncherDrag, onPointerCancel: finishLauncherDrag, children: [_jsx("img", { className: css.launcherIcon, src: AWIKI_ME_APP_ICON_DATA_URL, alt: "", "aria-hidden": "true", draggable: "false" }), unreadCount > 0 && _jsx("span", { className: css.unreadBadge, "aria-hidden": "true", children: unreadLabel })] }), open && (_jsxs("div", { className: css.drawer, style: {
+                    left: renderedDrawerFrame.left,
+                    top: renderedDrawerFrame.top,
+                    width: renderedDrawerFrame.width,
+                    height: renderedDrawerFrame.height,
+                }, "data-placement": drawerPlacement.direction, "data-mode": mode, "data-resizing": drawerResizing ?? undefined, role: "dialog", "aria-modal": "false", "aria-labelledby": titleId, children: [_jsxs("header", { className: css.drawerHeader, "data-dragging": drawerDragging || undefined, title: "\u957F\u6309\u62D6\u52A8 AWiki", onPointerDown: onDrawerPointerDown, onPointerMove: onDrawerPointerMove, onPointerUp: finishDrawerDrag, onPointerCancel: finishDrawerDrag, children: [_jsxs("div", { children: [registered ? (_jsx(Menu, { open: accountMenuOpen, onClose: () => { setAccountMenuOpen(false); }, align: "start", portal: true, compact: true, items: [{ id: 'logout', label: '退出登录', danger: true }], onSelect: () => {
                                             setAccountMenuOpen(false);
                                             setLogoutError(null);
                                             setLogoutOpen(true);
-                                        }, anchor: (_jsx("button", { type: "button", "aria-label": "AWiki \u8D26\u6237\u83DC\u5355", "aria-expanded": accountMenuOpen, "aria-haspopup": "menu", onClick: () => { setAccountMenuOpen(value => !value); }, children: _jsx(IconGlobeOutline14, { size: 18 }) })) })) : _jsx(IconGlobeOutline14, { size: 18 }), _jsx("h2", { id: titleId, children: "AWiki" })] }), registered && (_jsx(Menu, { open: menuOpen, onClose: () => { setMenuOpen(false); }, align: "end", portal: true, compact: true, items: [{ id: 'direct', label: '发起私聊' }], onSelect: () => {
-                                    setMenuOpen(false);
-                                    setComposeDirect(true);
-                                }, anchor: (_jsx("button", { type: "button", "aria-label": "\u53D1\u8D77\u4F1A\u8BDD", "aria-expanded": menuOpen, "aria-haspopup": "menu", onClick: () => { setMenuOpen(value => !value); }, children: _jsx(IconPlusOutline16, {}) })) })), _jsx("button", { type: "button", "aria-label": "\u5237\u65B0 AWiki", disabled: view.pending !== null, onClick: () => { void props.open(); }, children: _jsx(IconRefreshOutline16, {}) }), _jsx("button", { type: "button", "aria-label": "\u5173\u95ED AWiki", onClick: props.actions.close, children: _jsx(IconCloseOutline16, {}) })] }), view.status === 'loading' && _jsx("div", { className: css.centerState, role: "status", children: "\u6B63\u5728\u8FDE\u63A5 AWiki\u2026" }), view.status === 'error' && _jsxs("div", { className: css.centerState, children: [_jsx("p", { children: view.error }), _jsx("button", { type: "button", className: css.primary, onClick: () => { void props.open(); }, children: "\u91CD\u8BD5" })] }), view.status === 'ready' && view.sessionStatus === 'unregistered' && _jsx(Registration, { ...props, pending: view.pending !== null }), view.status === 'ready' && view.sessionStatus === 'signed-out' && _jsx(SignedOut, { login: props.login, pending: view.pending !== null }), view.status === 'ready' && view.sessionStatus === 'active' && view.identity !== null && (_jsx(Chat, { ...props, selectConversation: selectConversation, view: { ...view, identity: view.identity } })), composeDirect && (_jsx("div", { className: css.composeBackdrop, children: _jsxs("form", { className: css.composeCard, role: "dialog", "aria-modal": "true", "aria-labelledby": composeTitleId, onSubmit: (event) => { event.preventDefault(); void startDirect(); }, children: [_jsx("h3", { id: composeTitleId, children: "\u53D1\u8D77\u79C1\u804A" }), _jsx("p", { children: "\u8F93\u5165\u5BF9\u65B9 Handle\u3002\u6253\u5F00\u4F1A\u8BDD\u524D\u4F1A\u5148\u786E\u8BA4\u8BE5\u7528\u6237\u5B58\u5728\u3002" }), _jsxs("label", { children: ["Handle", _jsx("input", { value: peerHandle, onChange: (event) => { setPeerHandle(event.target.value); setComposeError(null); }, autoComplete: "off", placeholder: "\u4F8B\u5982 alice", autoFocus: true })] }), view.pending === '查找用户' && _jsx("p", { role: "status", children: "\u6B63\u5728\u67E5\u627E\u7528\u6237\u2026" }), composeError !== null && _jsx("p", { className: css.inlineError, role: "alert", children: composeError }), _jsxs("div", { className: css.composeActions, children: [_jsx("button", { type: "button", className: css.secondary, onClick: () => { setComposeDirect(false); setComposeError(null); }, children: "\u53D6\u6D88" }), _jsx("button", { type: "submit", className: css.primary, disabled: view.pending !== null || peerHandle.trim() === '', children: "\u6253\u5F00\u4F1A\u8BDD" })] })] }) })), _jsx(Modal, { open: logoutOpen, onClose: () => { if (!logoutPending)
-                            setLogoutOpen(false); }, title: "\u9000\u51FA\u767B\u5F55", closeLabel: "\u53D6\u6D88", description: "\u9000\u51FA\u540E\uFF0C\u672C\u673A\u5C06\u6682\u505C\u4F7F\u7528 AWiki\uFF1B\u8EAB\u4EFD\u548C\u672C\u5730\u6570\u636E\u90FD\u4F1A\u4FDD\u7559\u3002", footer: (_jsxs(_Fragment, { children: [_jsx(Button, { type: "button", variant: "outline", disabled: logoutPending, onClick: () => { setLogoutOpen(false); }, children: "\u53D6\u6D88" }), _jsx(Button, { type: "button", variant: "outline", className: css.logoutConfirm, disabled: logoutPending, onClick: () => { void logout(); }, children: logoutPending ? '正在退出…' : '确认退出' })] })), children: _jsxs("div", { className: css.logoutWarning, children: [_jsx("p", { children: "\u9000\u51FA\u671F\u95F4\uFF0CWeb UI \u548C Agent \u90FD\u4E0D\u80FD\u8BFB\u53D6\u4F1A\u8BDD\u6216\u4F7F\u7528\u8BE5\u8EAB\u4EFD\u53D1\u9001\u6D88\u606F\u3002" }), _jsx("p", { children: "\u7A0D\u540E\u70B9\u51FB\u201C\u91CD\u65B0\u8FDB\u5165\u201D\u5373\u53EF\u7531\u672C\u673A Rust SDK \u6062\u590D\u540C\u4E00\u4E2A DID\u3001Handle \u548C\u6D88\u606F\u6570\u636E\u5E93\u3002" }), logoutError !== null && _jsx("p", { className: css.inlineError, role: "alert", children: logoutError })] }) }), view.error !== null && view.status !== 'error' && _jsx("div", { className: css.error, role: "alert", children: view.error }), view.pending !== null && view.pending !== '发送消息' && view.pending !== '发送附件' && view.pending !== '加载消息' && _jsxs("div", { className: css.pending, role: "status", children: [view.pending, "\u2026"] })] }))] }));
+                                        }, anchor: (_jsx("button", { type: "button", "aria-label": "AWiki \u8D26\u6237\u83DC\u5355", "aria-expanded": accountMenuOpen, "aria-haspopup": "menu", onClick: () => { setAccountMenuOpen(value => !value); }, children: _jsx(IconGlobeOutline14, { size: 18 }) })) })) : _jsx(IconGlobeOutline14, { size: 18 }), _jsx("h2", { id: titleId, children: "AWiki" })] }), _jsx("button", { type: "button", "aria-label": mode === 'mail' ? '刷新邮箱' : '刷新 AWiki', disabled: view.pending !== null, onClick: () => {
+                                    if (mode === 'mail')
+                                        setMailRefreshRevision(value => value + 1);
+                                    else
+                                        void props.open();
+                                }, children: _jsx(IconRefreshOutline16, {}) }), _jsx("button", { type: "button", "aria-label": "\u5173\u95ED AWiki", onClick: props.actions.close, children: _jsx(IconCloseOutline16, {}) })] }), view.status === 'loading' && _jsx("div", { className: css.centerState, role: "status", children: "\u6B63\u5728\u8FDE\u63A5 AWiki\u2026" }), view.status === 'error' && _jsxs("div", { className: css.centerState, children: [_jsx("p", { children: view.error }), _jsx("button", { type: "button", className: css.primary, onClick: () => { void props.open(); }, children: "\u91CD\u8BD5" })] }), view.status === 'ready' && view.sessionStatus === 'unregistered' && _jsx(AwikiRegistrationForm, { ...props, pending: view.pending !== null }), view.status === 'ready' && view.sessionStatus === 'signed-out' && _jsx(SignedOut, { login: props.login, pending: view.pending !== null }), view.status === 'ready' && view.sessionStatus === 'active' && view.identity !== null && (_jsxs(_Fragment, { children: [_jsx("div", { className: css.modePanel, "data-active": mode === 'chat' || undefined, hidden: mode !== 'chat', children: _jsx(Chat, { ...props, selectConversation: selectConversation, view: { ...view, identity: view.identity }, modeTabs: _jsx(ModeTabs, { mode: mode, mailUnreadCount: mailUnreadCount, onChange: setMode }), composeMenu: (_jsx(Menu, { open: menuOpen, onClose: () => { setMenuOpen(false); }, align: "end", portal: true, compact: true, items: [
+                                            { id: 'direct', label: '发起私聊' },
+                                            { id: 'group', label: '发起群聊' },
+                                        ], onSelect: (id) => {
+                                            setMenuOpen(false);
+                                            if (id === 'direct')
+                                                setComposeDirect(true);
+                                            if (id === 'group')
+                                                setComposeGroup(true);
+                                        }, anchor: (_jsx("button", { type: "button", className: css.rosterAction, "aria-label": "\u53D1\u8D77\u4F1A\u8BDD", "aria-expanded": menuOpen, "aria-haspopup": "menu", onClick: () => { setMenuOpen(value => !value); }, children: _jsx(IconPlusOutline16, {}) })) })) }) }), _jsx("div", { className: css.modePanel, "data-active": mode === 'mail' || undefined, hidden: mode !== 'mail', children: _jsx(AwikiMail, { active: mode === 'mail', identityCard: mode === 'mail' ? _jsx(IdentityCard, { identity: view.identity, pending: view.pending !== null, updateDisplayName: props.updateDisplayName }) : null, modeTabs: _jsx(ModeTabs, { mode: mode, mailUnreadCount: mailUnreadCount, onChange: setMode }), refreshRevision: mailRefreshRevision, onUnreadCountChange: setMailUnreadCount, getMailAccount: props.getMailAccount, listMailInbox: props.listMailInbox, readMail: props.readMail, markMailRead: props.markMailRead, sendMail: props.sendMail }) })] })), composeDirect && (_jsx("div", { className: css.composeBackdrop, children: _jsxs("form", { className: css.composeCard, role: "dialog", "aria-modal": "true", "aria-labelledby": composeTitleId, onSubmit: (event) => { event.preventDefault(); void startDirect(); }, children: [_jsx("h3", { id: composeTitleId, children: "\u53D1\u8D77\u79C1\u804A" }), _jsx("p", { children: "\u8F93\u5165\u5BF9\u65B9 Handle\u3002\u6253\u5F00\u4F1A\u8BDD\u524D\u4F1A\u5148\u786E\u8BA4\u8BE5\u7528\u6237\u5B58\u5728\u3002" }), _jsxs("label", { children: ["Handle", _jsx("input", { value: peerHandle, onChange: (event) => { setPeerHandle(event.target.value); setComposeError(null); }, autoComplete: "off", placeholder: "\u4F8B\u5982 alice", autoFocus: true })] }), view.pending === '查找用户' && _jsx("p", { role: "status", children: "\u6B63\u5728\u67E5\u627E\u7528\u6237\u2026" }), composeError !== null && _jsx("p", { className: css.inlineError, role: "alert", children: composeError }), _jsxs("div", { className: css.composeActions, children: [_jsx("button", { type: "button", className: css.secondary, onClick: () => { setComposeDirect(false); setComposeError(null); }, children: "\u53D6\u6D88" }), _jsx("button", { type: "submit", className: css.primary, disabled: view.pending !== null || peerHandle.trim() === '', children: "\u6253\u5F00\u4F1A\u8BDD" })] })] }) })), composeGroup && (_jsx("div", { className: css.composeBackdrop, children: _jsxs("form", { className: css.composeCard, role: "dialog", "aria-modal": "true", "aria-labelledby": groupComposeTitleId, onSubmit: (event) => { event.preventDefault(); void createGroup(); }, children: [_jsx("h3", { id: groupComposeTitleId, children: "\u53D1\u8D77\u7FA4\u804A" }), _jsx("p", { children: "\u586B\u5199\u7FA4\u540D\u548C\u9996\u6279\u6210\u5458\u3002\u6210\u5458\u652F\u6301 Handle \u6216 DID\uFF0C\u6BCF\u884C\u4E00\u4E2A\uFF0C\u4E5F\u53EF\u4EE5\u7528\u9017\u53F7\u5206\u9694\u3002" }), _jsxs("label", { children: ["\u7FA4\u804A\u540D\u79F0", _jsx("input", { value: groupName, onChange: (event) => { setGroupName(event.target.value); setGroupComposeError(null); }, autoComplete: "off", placeholder: "\u4F8B\u5982 \u53D1\u5E03\u534F\u4F5C\u7FA4", autoFocus: true })] }), _jsxs("label", { children: ["\u7FA4\u6210\u5458", _jsx("textarea", { value: groupMembers, onChange: (event) => { setGroupMembers(event.target.value); setGroupComposeError(null); }, rows: 4, placeholder: '例如 alice.awiki.info\nbob.awiki.info' })] }), view.pending === '创建群聊' && _jsx("p", { role: "status", children: "\u6B63\u5728\u521B\u5EFA\u7FA4\u804A\u5E76\u9080\u8BF7\u6210\u5458\u2026" }), groupComposeError !== null && _jsx("p", { className: css.inlineError, role: "alert", children: groupComposeError }), _jsxs("div", { className: css.composeActions, children: [_jsx("button", { type: "button", className: css.secondary, onClick: () => { setComposeGroup(false); setGroupComposeError(null); }, children: "\u53D6\u6D88" }), _jsx("button", { type: "submit", className: css.primary, disabled: view.pending !== null || groupName.trim() === '' || groupMembers.trim() === '', children: "\u521B\u5EFA\u7FA4\u804A" })] })] }) })), _jsx(Modal, { open: logoutOpen, onClose: () => { if (!logoutPending)
+                            setLogoutOpen(false); }, title: "\u9000\u51FA\u767B\u5F55", closeLabel: "\u53D6\u6D88", description: "\u9000\u51FA\u540E\uFF0C\u672C\u673A\u5C06\u6682\u505C\u4F7F\u7528 AWiki\uFF1B\u8EAB\u4EFD\u548C\u672C\u5730\u6570\u636E\u90FD\u4F1A\u4FDD\u7559\u3002", footer: (_jsxs(_Fragment, { children: [_jsx(Button, { type: "button", variant: "outline", disabled: logoutPending, onClick: () => { setLogoutOpen(false); }, children: "\u53D6\u6D88" }), _jsx(Button, { type: "button", variant: "outline", className: css.logoutConfirm, disabled: logoutPending, onClick: () => { void logout(); }, children: logoutPending ? '正在退出…' : '确认退出' })] })), children: _jsxs("div", { className: css.logoutWarning, children: [_jsx("p", { children: "\u9000\u51FA\u671F\u95F4\uFF0CWeb UI \u548C Agent \u90FD\u4E0D\u80FD\u8BFB\u53D6\u4F1A\u8BDD\u6216\u4F7F\u7528\u8BE5\u8EAB\u4EFD\u53D1\u9001\u6D88\u606F\u3002" }), _jsx("p", { children: "\u7A0D\u540E\u70B9\u51FB\u201C\u91CD\u65B0\u8FDB\u5165\u201D\u5373\u53EF\u7531\u672C\u673A Rust SDK \u6062\u590D\u540C\u4E00\u4E2A DID\u3001Handle \u548C\u6D88\u606F\u6570\u636E\u5E93\u3002" }), logoutError !== null && _jsx("p", { className: css.inlineError, role: "alert", children: logoutError })] }) }), view.error !== null && view.status !== 'error' && _jsx("div", { className: css.error, role: "alert", children: view.error }), view.pending !== null && view.pending !== '发送消息' && view.pending !== '发送附件' && view.pending !== '加载消息' && _jsxs("div", { className: css.pending, role: "status", children: [view.pending, "\u2026"] }), DRAWER_RESIZE_DIRECTIONS.map(direction => (_jsx("div", { className: css.resizeHandle, "data-resize-handle": direction, "aria-hidden": "true", onPointerDown: (event) => { onDrawerResizePointerDown(event, direction); }, onPointerMove: onDrawerResizePointerMove, onPointerUp: finishDrawerResize, onPointerCancel: finishDrawerResize }, direction)))] }))] }));
 }
 //# sourceMappingURL=AwikiOverlay.js.map