@awiki/dsh-plugin 0.3.7 → 0.3.11-rc.1

package/lib/types/client/AwikiIntegrationSettings.js

@@ -0,0 +1,105 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDraftState } from "./drafts.js";
+/** Isolated Integration management panel for the full AWiki plugin. */
+import { useEffect, useMemo, useState } from 'react';
+import { Button } from '@deepseek-ai/dsh-client-ui-primitives';
+import css from './AwikiSettingsSection.module.css';
+function emptyFields() {
+    return { productName: '', description: '', contactEnabled: true, contactDescription: '', groupTargets: [] };
+}
+function fieldsFrom(value) {
+    return {
+        productName: value.productName,
+        description: value.description,
+        contactEnabled: value.contactEnabled,
+        contactDescription: value.contactDescription,
+        groupTargets: value.groupTargets.map(target => ({ id: target.id, groupDid: target.groupDid, description: target.description })),
+    };
+}
+/** Render management independently so Gateway errors never disable ordinary AWiki settings. */
+export function AwikiIntegrationSettings(props) {
+    const [current, setCurrent] = useState(null);
+    const [draft, setDraft] = useDraftState('settings:integration', null);
+    const fields = draft?.fields ?? (current === null ? emptyFields() : fieldsFrom(current));
+    const setFields = (next) => setDraft(previous => ({
+        base: previous === null ? current : previous.base,
+        fields: typeof next === 'function' ? next(previous?.fields ?? fields) : next,
+    }));
+    const [groups, setGroups] = useState([]);
+    const [groupsUnavailable, setGroupsUnavailable] = useState(false);
+    const [loading, setLoading] = useState(true);
+    const [pending, setPending] = useDraftState('settings:integration-pending', false, false);
+    const [error, setError] = useState(null);
+    const [saved, setSaved] = useState(false);
+    const reload = async () => {
+        setLoading(true);
+        setError(null);
+        setGroupsUnavailable(false);
+        try {
+            const [integration, ownedGroups] = await Promise.all([props.loadIntegration(), props.listOwnedGroups()]);
+            if (!integration.ok)
+                setError(integration.error);
+            else {
+                setCurrent(integration.value);
+            }
+            if (ownedGroups.ok)
+                setGroups(ownedGroups.value);
+            else
+                setGroupsUnavailable(true);
+        }
+        catch {
+            setError(props.t('unavailable'));
+            setGroupsUnavailable(true);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    useEffect(() => { void reload(); }, []);
+    const availableGroups = useMemo(() => groups.filter(group => (!fields.groupTargets.some(target => target.groupDid === group.groupDid))), [fields.groupTargets, groups]);
+    const closed = current?.status === 'closed';
+    const invalidDraft = fields.productName.trim() === '' || (!fields.contactEnabled && fields.groupTargets.length === 0);
+    const mutate = async (operation) => {
+        setPending(true);
+        setError(null);
+        setSaved(false);
+        try {
+            const result = await operation();
+            if (result.ok) {
+                setCurrent(result.value);
+                setDraft(null);
+                setSaved(true);
+            }
+            else
+                setError(result.error);
+        }
+        catch {
+            setError(props.t('unavailable'));
+        }
+        finally {
+            setPending(false);
+        }
+    };
+    const addGroup = (groupDid) => {
+        const next = { groupDid, description: '' };
+        setFields(value => ({ ...value, groupTargets: [...value.groupTargets, next] }));
+    };
+    if (loading)
+        return _jsx("p", { className: css.status, children: props.t('integrationLoading') });
+    return (_jsxs("section", { className: css.integrationCard, "aria-labelledby": "awiki-integration-title", children: [_jsxs("div", { className: css.integrationHeader, children: [_jsxs("div", { children: [_jsx("h3", { id: "awiki-integration-title", className: css.dangerTitle, children: props.t('integrationTitle') }), _jsx("p", { className: css.description, children: props.t('integrationDescription') })] }), _jsx(Button, { type: "button", variant: "outline", onClick: props.openIntegrationGuide, children: props.t('integrationGuide') })] }), closed && _jsxs("div", { className: css.closedNotice, role: "status", children: [_jsx("strong", { children: props.t('integrationClosed') }), _jsx("span", { children: props.t('integrationClosedDescription') })] }), _jsx("label", { className: css.label, htmlFor: "awiki-integration-name", children: props.t('integrationName') }), _jsx("input", { id: "awiki-integration-name", className: css.input, placeholder: props.t('integrationNamePlaceholder'), maxLength: 80, disabled: pending, value: fields.productName, onChange: event => { setFields(value => ({ ...value, productName: event.target.value })); setSaved(false); } }), _jsx("label", { className: css.label, htmlFor: "awiki-integration-description", children: props.t('integrationIntroduction') }), _jsx("textarea", { id: "awiki-integration-description", className: css.textarea, placeholder: props.t('integrationIntroductionPlaceholder'), maxLength: 1000, disabled: pending, value: fields.description, onChange: event => { setFields(value => ({ ...value, description: event.target.value })); setSaved(false); } }), _jsxs("label", { className: css.checkLabel, children: [_jsx("input", { type: "checkbox", disabled: pending, checked: fields.contactEnabled, onChange: event => { setFields(value => ({ ...value, contactEnabled: event.target.checked })); setSaved(false); } }), props.t('integrationContactDeveloper')] }), fields.contactEnabled && _jsx("textarea", { className: css.textarea, "aria-label": props.t('integrationContactIntroduction'), placeholder: props.t('integrationContactIntroductionPlaceholder'), maxLength: 500, disabled: pending, value: fields.contactDescription, onChange: event => { setFields(value => ({ ...value, contactDescription: event.target.value })); setSaved(false); } }), _jsx("div", { className: css.groupHeader, children: _jsx("strong", { children: props.t('integrationGroups') }) }), fields.groupTargets.map((target, index) => {
+                const group = groups.find(candidate => candidate.groupDid === target.groupDid);
+                const stored = current?.groupTargets.find(candidate => candidate.groupDid === target.groupDid);
+                const displayName = group?.title ?? stored?.displayName ?? target.groupDid;
+                return _jsxs("div", { className: css.groupRow, children: [_jsxs("div", { className: css.groupSummary, children: [_jsxs("div", { className: css.groupIdentity, children: [_jsx("strong", { className: css.groupName, title: displayName, children: displayName }), _jsx("small", { className: css.groupDid, title: target.groupDid, children: target.groupDid })] }), _jsx(Button, { type: "button", variant: "outline", disabled: pending, onClick: () => setFields(value => ({ ...value, groupTargets: value.groupTargets.filter((_, itemIndex) => itemIndex !== index) })), children: props.t('integrationRemove') })] }), _jsx("input", { "aria-label": props.t('integrationGroupIntroduction'), placeholder: props.t('integrationGroupIntroductionPlaceholder'), className: css.input, maxLength: 500, disabled: pending, value: target.description, onChange: event => setFields(value => ({ ...value, groupTargets: value.groupTargets.map((item, itemIndex) => itemIndex === index ? { ...item, description: event.target.value } : item) })) })] }, target.groupDid);
+            }), groupsUnavailable
+                ? _jsx("p", { className: `${css.status} ${css.error}`, children: props.t('integrationGroupsUnavailable') })
+                : availableGroups.length > 0
+                    ? _jsxs("select", { className: css.input, disabled: pending || fields.groupTargets.length >= 20, value: "", onChange: event => { if (event.target.value !== '')
+                            addGroup(event.target.value); }, children: [_jsx("option", { value: "", children: props.t('integrationAddGroup') }), availableGroups.map(group => _jsx("option", { value: group.groupDid, children: group.title }, group.groupDid))] })
+                    : _jsx("p", { className: css.status, children: props.t('integrationNoOwnedGroups') }), current?.integrationUrl !== null && current?.integrationUrl !== undefined && _jsxs("div", { className: css.integrationUrl, children: [_jsx("code", { children: current.integrationUrl }), _jsx(Button, { type: "button", variant: "outline", onClick: () => { void navigator.clipboard.writeText(current.integrationUrl ?? ''); }, children: props.t('integrationCopy') })] }), _jsxs("div", { className: css.actions, children: [closed && current !== null
+                        ? _jsx(Button, { type: "button", disabled: pending || invalidDraft, onClick: () => { void mutate(() => props.reopenIntegration(fields, draft?.base ?? current)); }, children: pending ? props.t('saving') : props.t('integrationReopen') })
+                        : _jsx(Button, { type: "button", disabled: pending || invalidDraft, onClick: () => { void mutate(() => props.saveIntegration(fields, draft === null ? current : draft.base)); }, children: pending ? props.t('saving') : current === null ? props.t('integrationCreate') : props.t('save') }), current?.status === 'active' && _jsx(Button, { type: "button", variant: "outline", disabled: pending, onClick: () => { if (window.confirm(props.t('integrationRotateConfirm')))
+                            void mutate(() => props.rotateIntegrationId(current)); }, children: props.t('integrationRotate') }), current?.status === 'active' && _jsx(Button, { type: "button", variant: "outline", disabled: pending, onClick: () => { if (window.confirm(props.t('integrationCloseConfirm')))
+                            void mutate(() => props.closeIntegration(current)); }, children: props.t('integrationClose') })] }), saved && _jsx("p", { className: css.status, role: "status", children: props.t('saved') }), error !== null && _jsx("p", { className: `${css.status} ${css.error}`, role: "alert", children: error })] }));
+}
+//# sourceMappingURL=AwikiIntegrationSettings.js.map

package/lib/types/client/AwikiIntegrationSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AwikiIntegrationSettings.js","sourceRoot":"","sources":["../../../src/client/AwikiIntegrationSettings.tsx"],"names":[],"mappings":"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"}

package/lib/types/client/AwikiMail.d.ts

@@ -2,7 +2,7 @@
 import { type ReactNode } from 'react';
 import type { AwikiDid } from '@awiki/dsh-plugin/types';
 import type { AwikiOverlayProps } from './slots.ts';
-interface AwikiMailProps extends Pick<AwikiOverlayProps, 'getConfig' | 'getMailAccount' | 'listMailInbox' | 'readMail' | 'markMailRead' | 'sendMail' | 'downloadMailAttachment'> {
+interface AwikiMailProps extends Pick<AwikiOverlayProps, 'getMailAccount' | 'listMailInbox' | 'readMail' | 'markMailRead' | 'sendMail'> {
     readonly active: boolean;
     readonly cacheOwner: AwikiDid;
     readonly identityCard: ReactNode;

package/lib/types/client/AwikiMail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AwikiMail.d.ts","sourceRoot":"","sources":["../../../src/client/AwikiMail.tsx"],"names":[],"mappings":"AAAA,qFAAqF;AAErF,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAa5E,OAAO,KAAK,EACV,QAAQ,EAMT,MAAM,yBAAyB,CAAA;AAChC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAkBnD,UAAU,cAAe,SAAQ,IAAI,CAAC,iBAAiB,EACrD,WAAW,GAAG,gBAAgB,GAAG,eAAe,GAAG,UAAU,GAAG,cAAc,GAAG,UAAU,GAAG,wBAAwB,CAAC;IACvH,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAA;IAC7B,QAAQ,CAAC,YAAY,EAAE,SAAS,CAAA;IAChC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACtD;AAgKD,2FAA2F;AAC3F,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,+BA2mB9C"}
+{"version":3,"file":"AwikiMail.d.ts","sourceRoot":"","sources":["../../../src/client/AwikiMail.tsx"],"names":[],"mappings":"AACA,qFAAqF;AAErF,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAa5E,OAAO,KAAK,EACV,QAAQ,EAKT,MAAM,yBAAyB,CAAA;AAChC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAUnD,UAAU,cAAe,SAAQ,IAAI,CAAC,iBAAiB,EACrD,gBAAgB,GAAG,eAAe,GAAG,UAAU,GAAG,cAAc,GAAG,UAAU,CAAC;IAC9E,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAA;IAC7B,QAAQ,CAAC,YAAY,EAAE,SAAS,CAAA;IAChC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACtD;AAqJD,2FAA2F;AAC3F,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,+BAkc9C"}

package/lib/types/client/AwikiMail.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useDraftState } from "./drafts.js";
 /** On-demand AWiki mailbox UI. Mail content is always rendered as untrusted text. */
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { Button, IconChevronLeftOutline14, IconEditOutline16, IconFolderOpenOutline16, IconLoadingOutline16, IconPaperclipOutline16, IconRefreshOutline14, IconSendOutline16, IconWarningOutline16, Modal, } from '@deepseek-ai/dsh-client-ui-primitives';
 import { readMailFolderCache, readMailListCache, writeMailFolderCache, writeMailListCache, } from "./mail-list-cache.js";
-import { downloadableMailAttachment, downloadAndSaveMailAttachment, encodeMailAttachments, selectMailAttachments, } from "./mail-attachment.js";
 import css from './AwikiMail.module.css';
 const MAIL_NOTICE_AUTO_DISMISS_MS = 2_400;
 const MAIL_FOLDER_COPY = {
@@ -33,13 +33,6 @@ function splitAddresses(raw) {
 function utf8Bytes(value) {
     return new TextEncoder().encode(value).byteLength;
 }
-function displayBytes(value) {
-    if (value < 1_024)
-        return `${value} bytes`;
-    if (value < 1_024 * 1_024)
-        return `${(value / 1_024).toFixed(value < 10 * 1_024 ? 1 : 0)} KiB`;
-    return `${(value / (1_024 * 1_024)).toFixed(value < 10 * 1_024 * 1_024 ? 1 : 0)} MiB`;
-}
 function browserLocalStorage() {
     try {
         return window.localStorage;
@@ -117,26 +110,24 @@ export function AwikiMail(props) {
     const [detailError, setDetailError] = useState(null);
     const [markingRead, setMarkingRead] = useState(false);
     const [compose, setCompose] = useState(false);
-    const [to, setTo] = useState('');
-    const [cc, setCc] = useState('');
-    const [subject, setSubject] = useState('');
-    const [bodyText, setBodyText] = useState('');
-    const [attachmentLimits, setAttachmentLimits] = useState(null);
-    const [attachments, setAttachments] = useState([]);
-    const [attachmentError, setAttachmentError] = useState(null);
-    const [downloadStates, setDownloadStates] = useState({});
-    const [composeError, setComposeError] = useState(null);
+    const [to, setTo] = useDraftState('mail:to', '');
+    const [cc, setCc] = useDraftState('mail:cc', '');
+    const [subject, setSubject] = useDraftState('mail:subject', '');
+    const [bodyText, setBodyText] = useDraftState('mail:bodyText', '');
+    const [composeError, setComposeError] = useDraftState('mail:composeError', null, false);
     const [confirmOpen, setConfirmOpen] = useState(false);
     const [discardOpen, setDiscardOpen] = useState(false);
-    const [sending, setSending] = useState(false);
+    const [sending, setSending] = useDraftState('mail:sending', false, false);
     const [notice, setNotice] = useState(null);
     const [pane, setPane] = useState('folders');
     const loaded = useRef(false);
     const loadGeneration = useRef(0);
     const detailGeneration = useRef(0);
     const noticeRevision = useRef(0);
-    const attachmentRevision = useRef(0);
-    const fileInput = useRef(null);
+    useEffect(() => () => {
+        loadGeneration.current += 1;
+        detailGeneration.current += 1;
+    }, [props.cacheOwner]);
     const visibleUnreadCount = useMemo(() => items.reduce((total, item) => total + (item.unread ? 1 : 0), 0), [items]);
     useEffect(() => { props.onUnreadCountChange(inboxUnreadCount); }, [props.onUnreadCountChange, inboxUnreadCount]);
     const showNotice = (text) => {
@@ -184,17 +175,8 @@ export function AwikiMail(props) {
         setListError(null);
         setNotice(null);
         const cacheVisible = hydrateListCache(requestedFolder);
-        const configRequest = props.getConfig();
         const accountRequest = props.getMailAccount();
         const inboxRequest = props.listMailInbox({ folder: requestedFolder, unreadOnly: false, limit: 20, offset: 0 });
-        const configResult = await configRequest;
-        if (generation !== loadGeneration.current)
-            return;
-        setAttachmentLimits(configResult.ok ? {
-            maxCount: configResult.value.mailAttachmentMaxCount,
-            maxBytes: configResult.value.mailAttachmentMaxBytes,
-            totalMaxBytes: configResult.value.mailAttachmentTotalMaxBytes,
-        } : null);
         const accountResult = await accountRequest;
         if (generation !== loadGeneration.current)
             return;
@@ -225,7 +207,6 @@ export function AwikiMail(props) {
         setCompose(true);
         setSelectedId(null);
         setMessage(null);
-        setComposeError(null);
         setNotice(null);
         setPane('detail');
     };
@@ -246,7 +227,6 @@ export function AwikiMail(props) {
         setSelectedId(null);
         setMessage(null);
         setDetailError(null);
-        setDownloadStates({});
         const cached = hydrateListCache(nextFolder);
         if (!cached)
             applyListPage(nextFolder, { items: [], hasMore: false });
@@ -258,7 +238,6 @@ export function AwikiMail(props) {
         setCompose(false);
         setSelectedId(summary.id);
         setMessage(null);
-        setDownloadStates({});
         setDetailLoading(true);
         setDetailError(null);
         setNotice(null);
@@ -333,14 +312,6 @@ export function AwikiMail(props) {
         showNotice(result.value.updated > 0 ? '已标为已读。' : '该邮件已经是已读状态。');
     };
     const requestSend = () => {
-        if (attachmentError !== null) {
-            setComposeError(attachmentError);
-            return;
-        }
-        if (attachments.length > 0 && attachmentLimits === null) {
-            setComposeError('邮件附件限制暂不可用，请稍后刷新邮箱再试。');
-            return;
-        }
         const validated = validateDraft(to, cc, subject, bodyText);
         if (!validated.ok) {
             setComposeError(validated.error);
@@ -354,35 +325,6 @@ export function AwikiMail(props) {
         setCc('');
         setSubject('');
         setBodyText('');
-        setAttachments([]);
-        setAttachmentError(null);
-        if (fileInput.current !== null)
-            fileInput.current.value = '';
-        setComposeError(null);
-    };
-    const chooseAttachments = (files) => {
-        if (files === null || files.length === 0)
-            return;
-        if (attachmentLimits === null) {
-            setAttachmentError('邮件附件限制暂不可用，请稍后刷新邮箱再试。');
-            return;
-        }
-        try {
-            const next = selectMailAttachments(attachments, files, attachmentLimits, () => {
-                attachmentRevision.current += 1;
-                return `mail-attachment-${attachmentRevision.current}`;
-            });
-            setAttachments(next);
-            setAttachmentError(null);
-            setComposeError(null);
-        }
-        catch (error) {
-            setAttachmentError(error instanceof TypeError ? error.message : '无法选择这些附件。');
-        }
-    };
-    const removeAttachment = (id) => {
-        setAttachments(current => current.filter(attachment => attachment.id !== id));
-        setAttachmentError(null);
         setComposeError(null);
     };
     const confirmSend = async () => {
@@ -392,30 +334,12 @@ export function AwikiMail(props) {
             setComposeError(validated.error);
             return;
         }
-        if (attachmentError !== null || (attachments.length > 0 && attachmentLimits === null)) {
-            setConfirmOpen(false);
-            setComposeError(attachmentError ?? '邮件附件限制暂不可用，请稍后刷新邮箱再试。');
-            return;
-        }
         setSending(true);
-        let encodedAttachments = [];
-        try {
-            if (attachments.length > 0) {
-                encodedAttachments = await encodeMailAttachments(attachments, attachmentLimits);
-            }
-        }
-        catch (error) {
-            setSending(false);
-            setConfirmOpen(false);
-            setComposeError(error instanceof TypeError ? error.message : '无法读取附件，请重新选择后再试。');
-            return;
-        }
         const request = {
             to: validated.value.to,
             cc: validated.value.cc,
             subject: validated.value.subject,
             bodyText: validated.value.bodyText,
-            ...(encodedAttachments.length === 0 ? {} : { attachments: encodedAttachments }),
         };
         const result = await props.sendMail(request);
         setSending(false);
@@ -428,7 +352,7 @@ export function AwikiMail(props) {
             setComposeError('邮件服务没有接受本次发送，请检查内容后重试。');
             return;
         }
-        const acceptedWithWarning = result.value.warnings.length > 0;
+        const warningText = result.value.warnings.length === 0 ? '' : `，服务返回 ${result.value.warnings.length} 条提示`;
         clearDraft();
         setFolder('sent');
         const storage = browserLocalStorage();
@@ -442,11 +366,9 @@ export function AwikiMail(props) {
         setCompose(false);
         setPane('list');
         void refresh('sent');
-        showNotice(acceptedWithWarning
-            ? `邮件已被服务接受，但返回 ${result.value.warnings.length} 条本地记录提示，请勿立即重复发送。`
-            : '邮件已发送。');
+        showNotice(`邮件已发送${warningText}。`);
     };
-    const dirty = to.trim() !== '' || cc.trim() !== '' || subject.trim() !== '' || bodyText.trim() !== '' || attachments.length > 0;
+    const dirty = to.trim() !== '' || cc.trim() !== '' || subject.trim() !== '' || bodyText.trim() !== '';
     const cancelCompose = () => {
         if (dirty) {
             setDiscardOpen(true);
@@ -456,53 +378,11 @@ export function AwikiMail(props) {
         setPane('list');
     };
     const selectedSummary = items.find(item => item.id === selectedId);
-    const attachmentTotalBytes = attachments.reduce((sum, attachment) => sum + attachment.sizeBytes, 0);
-    const downloadAttachment = async (attachment) => {
-        if (message === null || attachmentLimits === null)
-            return;
-        const expected = downloadableMailAttachment(attachment, attachmentLimits.maxBytes);
-        if (expected === undefined || downloadStates[attachment.index]?.status === 'loading')
-            return;
-        const generation = detailGeneration.current;
-        const localMessageId = message.summary.id;
-        setDownloadStates(current => ({ ...current, [attachment.index]: { status: 'loading' } }));
-        try {
-            const saved = await downloadAndSaveMailAttachment(props.downloadMailAttachment, { localMessageId, attachmentIndex: attachment.index }, expected, attachmentLimits.maxBytes, () => generation === detailGeneration.current && message.summary.id === localMessageId);
-            if (!saved)
-                return;
-            setDownloadStates(current => {
-                const next = { ...current };
-                delete next[attachment.index];
-                return next;
-            });
-            showNotice(`已开始下载 ${expected.fileName}。`);
-        }
-        catch (error) {
-            if (generation !== detailGeneration.current || message.summary.id !== localMessageId)
-                return;
-            setDownloadStates(current => ({
-                ...current,
-                [attachment.index]: {
-                    status: 'error',
-                    error: error instanceof TypeError ? error.message : '无法保存附件，请重试。',
-                },
-            }));
-        }
-    };
-    return (_jsxs("div", { className: css.mail, "data-pane": pane, "data-detail-active": compose || selectedId !== null || undefined, children: [_jsxs("aside", { className: css.sidebar, "aria-label": "\u90AE\u7BB1\u5BFC\u822A", children: [props.identityCard, props.modeTabs, _jsxs("div", { className: css.accountCard, children: [_jsx("small", { children: "\u90AE\u7BB1\u8D26\u53F7" }), _jsx("strong", { children: account?.displayName ?? account?.mailboxAddress ?? (listLoading ? '正在加载…' : '暂不可用') }), account?.mailboxAddress !== undefined && account.displayName !== undefined && _jsx("span", { children: account.mailboxAddress }), account?.status !== undefined && _jsx("span", { className: css.accountStatus, children: account.status })] }), _jsxs("nav", { className: css.folderNav, "aria-label": "\u90AE\u4EF6\u6587\u4EF6\u5939", children: [_jsxs("button", { type: "button", "data-active": folder === 'inbox' || undefined, onClick: () => { selectFolder('inbox'); }, children: [_jsx(IconFolderOpenOutline16, { size: 16 }), _jsx("span", { children: "\u6536\u4EF6\u7BB1" }), inboxUnreadCount > 0 && _jsx("small", { children: inboxUnreadCount > 99 ? '99+' : inboxUnreadCount })] }), _jsxs("div", { className: css.folderRow, "data-active": folder === 'sent' || undefined, children: [_jsxs("button", { type: "button", className: css.folderSelect, onClick: () => { selectFolder('sent'); }, children: [_jsx(IconSendOutline16, { size: 16 }), _jsx("span", { children: "\u53D1\u4EF6\u7BB1" })] }), _jsx("button", { type: "button", className: css.composeIconButton, "aria-label": "\u5199\u90AE\u4EF6", title: "\u5199\u90AE\u4EF6", onClick: startCompose, children: _jsx(IconEditOutline16, { size: 16 }) })] })] })] }), _jsxs("section", { className: css.mailList, "aria-label": MAIL_FOLDER_COPY[folder].title, children: [_jsxs("header", { className: css.listHeader, children: [_jsx("button", { type: "button", className: css.listBack, "aria-label": "\u8FD4\u56DE\u90AE\u7BB1\u5BFC\u822A", onClick: () => { setPane('folders'); }, children: _jsx(IconChevronLeftOutline14, { size: 14 }) }), _jsxs("div", { children: [_jsx("strong", { children: MAIL_FOLDER_COPY[folder].title }), _jsxs("small", { children: [items.length, " \u5C01\u90AE\u4EF6", folder === 'inbox' && visibleUnreadCount > 0 ? ` · ${visibleUnreadCount} 封未读` : ''] })] }), _jsx("button", { type: "button", "aria-label": `刷新${MAIL_FOLDER_COPY[folder].title}`, disabled: listLoading, onClick: () => { void refresh(); }, children: listLoading ? _jsx(IconLoadingOutline16, { size: 15 }) : _jsx(IconRefreshOutline14, { size: 15 }) })] }), listError !== null && _jsxs("div", { className: css.inlineError, role: "alert", children: [listError, _jsx("button", { type: "button", onClick: () => { void refresh(); }, children: "\u91CD\u8BD5" })] }), _jsxs("div", { className: css.rows, children: [items.map(item => (_jsx(MailRow, { summary: item, folder: folder, active: item.id === selectedId, onSelect: () => { void selectMail(item); } }, item.id))), items.length === 0 && !listLoading && listError === null && (_jsxs("div", { className: css.emptyState, children: [_jsx(IconFolderOpenOutline16, { size: 26 }), _jsx("p", { children: MAIL_FOLDER_COPY[folder].empty })] }))] }), listLoading && items.length === 0 && _jsxs("div", { className: css.loadingState, role: "status", children: [_jsx(IconLoadingOutline16, { size: 18 }), "\u6B63\u5728\u52A0\u8F7D\u90AE\u4EF6\u2026"] }), hasMore && _jsx("button", { type: "button", className: css.loadMore, disabled: listLoading, onClick: () => { void loadMore(); }, children: listLoading ? '正在加载…' : '加载更多邮件' })] }), _jsx("section", { className: css.mailDetail, "aria-label": compose ? '写邮件' : '邮件详情', children: compose ? (_jsxs("form", { className: css.composer, onSubmit: (event) => { event.preventDefault(); requestSend(); }, children: [_jsxs("header", { className: css.detailHeader, children: [_jsx("button", { type: "button", className: css.detailBack, "aria-label": `返回${MAIL_FOLDER_COPY[folder].title}`, onClick: cancelCompose, children: _jsx(IconChevronLeftOutline14, { size: 14 }) }), _jsxs("div", { children: [_jsx("strong", { children: "\u5199\u90AE\u4EF6" }), _jsx("small", { children: "\u53D1\u9001\u7EAF\u6587\u672C\u90AE\u4EF6\uFF0C\u53EF\u6DFB\u52A0\u9644\u4EF6" })] })] }), _jsxs("div", { className: css.composeFields, children: [_jsxs("label", { children: ["\u6536\u4EF6\u4EBA", _jsx("textarea", { value: to, rows: 1, disabled: sending, autoFocus: true, placeholder: "alice@example.com\uFF0C\u53EF\u7528\u9017\u53F7\u6216\u6362\u884C\u5206\u9694", onChange: (event) => { setTo(event.target.value); setComposeError(null); } })] }), _jsxs("label", { children: ["\u6284\u9001", _jsx("textarea", { value: cc, rows: 1, disabled: sending, placeholder: "\u9009\u586B", onChange: (event) => { setCc(event.target.value); setComposeError(null); } })] }), _jsxs("label", { children: ["\u4E3B\u9898", _jsx("input", { value: subject, disabled: sending, placeholder: "\u90AE\u4EF6\u4E3B\u9898", onChange: (event) => { setSubject(event.target.value); setComposeError(null); } })] }), _jsxs("label", { className: css.bodyField, children: ["\u6B63\u6587", _jsx("textarea", { value: bodyText, disabled: sending, placeholder: "\u8F93\u5165\u7EAF\u6587\u672C\u90AE\u4EF6\u6B63\u6587", onChange: (event) => { setBodyText(event.target.value); setComposeError(null); } })] }), _jsxs("section", { className: css.composeAttachments, "aria-label": "\u90AE\u4EF6\u9644\u4EF6", children: [_jsxs("div", { className: css.attachmentPickerRow, children: [_jsxs("button", { type: "button", className: css.attachmentPicker, disabled: sending || attachmentLimits === null || attachmentLimits.maxCount === 0, onClick: () => { fileInput.current?.click(); }, children: [_jsx(IconPaperclipOutline16, { size: 14 }), "\u6DFB\u52A0\u9644\u4EF6"] }), _jsx("input", { ref: fileInput, className: css.attachmentInput, type: "file", multiple: true, "aria-label": "\u9009\u62E9\u90AE\u4EF6\u9644\u4EF6", disabled: sending || attachmentLimits === null || attachmentLimits.maxCount === 0, onChange: (event) => {
-                                                        chooseAttachments(event.currentTarget.files);
-                                                        event.currentTarget.value = '';
-                                                    } }), _jsx("small", { children: attachmentLimits === null
-                                                        ? '附件限制暂不可用'
-                                                        : `最多 ${attachmentLimits.maxCount} 个 · 单个 ${displayBytes(attachmentLimits.maxBytes)} · 总计 ${displayBytes(attachmentLimits.totalMaxBytes)}` })] }), attachments.length > 0 && (_jsxs("div", { className: css.selectedAttachments, children: [attachments.map(attachment => (_jsxs("div", { children: [_jsx(IconPaperclipOutline16, { size: 15 }), _jsxs("span", { children: [_jsx("strong", { children: attachment.fileName }), _jsxs("small", { children: [attachment.contentType, " \u00B7 ", displayBytes(attachment.sizeBytes)] })] }), _jsx("button", { type: "button", disabled: sending, "aria-label": `移除附件 ${attachment.fileName}`, onClick: () => { removeAttachment(attachment.id); }, children: "\u79FB\u9664" })] }, attachment.id))), _jsxs("p", { children: [attachments.length, " \u4E2A\u9644\u4EF6 \u00B7 \u5171 ", displayBytes(attachmentTotalBytes)] })] }))] }), attachmentError !== null && _jsx("p", { className: css.composeError, role: "alert", children: attachmentError }), composeError !== null && _jsx("p", { className: css.composeError, role: "alert", children: composeError })] }), _jsxs("footer", { className: css.composeFooter, children: [_jsx("button", { type: "button", className: css.cancelButton, disabled: sending, onClick: cancelCompose, children: "\u53D6\u6D88" }), _jsxs("button", { type: "submit", className: css.sendButton, disabled: sending || attachmentError !== null, children: [_jsx(IconSendOutline16, { size: 15 }), "\u53D1\u9001"] })] })] })) : selectedId === null ? (_jsxs("div", { className: css.detailEmpty, children: [_jsx(IconFolderOpenOutline16, { size: 32 }), _jsx("p", { children: "\u9009\u62E9\u4E00\u5C01\u90AE\u4EF6\u67E5\u770B\u5185\u5BB9\u3002" }), _jsx("button", { type: "button", onClick: startCompose, children: "\u5199\u90AE\u4EF6" })] })) : (_jsxs(_Fragment, { children: [_jsxs("header", { className: css.detailHeader, children: [_jsx("button", { type: "button", className: css.detailBack, "aria-label": `返回${MAIL_FOLDER_COPY[folder].title}`, onClick: () => { detailGeneration.current += 1; setSelectedId(null); setMessage(null); setDownloadStates({}); setPane('list'); }, children: _jsx(IconChevronLeftOutline14, { size: 14 }) }), _jsxs("div", { children: [_jsx("strong", { children: selectedSummary?.subject ?? '邮件详情' }), _jsx("small", { children: selectedSummary === undefined ? '' : folder === 'inbox' ? participant(selectedSummary.from, '未知发件人') : participant(selectedSummary.to, '未知收件人') })] }), folder === 'inbox' && message?.summary.unread === true && _jsx("button", { type: "button", className: css.markReadButton, disabled: markingRead, onClick: () => { void markRead(); }, children: markingRead ? '处理中…' : '标为已读' })] }), detailLoading && _jsxs("div", { className: css.loadingState, role: "status", children: [_jsx(IconLoadingOutline16, { size: 18 }), "\u6B63\u5728\u8BFB\u53D6\u90AE\u4EF6\u2026"] }), detailError !== null && _jsx("div", { className: css.detailError, role: "alert", children: detailError }), message !== null && (_jsxs("article", { className: css.messageBody, children: [_jsxs("div", { className: css.messageMeta, children: [_jsx("h3", { children: message.summary.subject || '（无主题）' }), _jsx("time", { children: mailTime(folder === 'inbox'
+    return (_jsxs("div", { className: css.mail, "data-pane": pane, "data-detail-active": compose || selectedId !== null || undefined, children: [_jsxs("aside", { className: css.sidebar, "aria-label": "\u90AE\u7BB1\u5BFC\u822A", children: [props.identityCard, props.modeTabs, _jsxs("div", { className: css.accountCard, children: [_jsx("small", { children: "\u90AE\u7BB1\u8D26\u53F7" }), _jsx("strong", { children: account?.displayName ?? account?.mailboxAddress ?? (listLoading ? '正在加载…' : '暂不可用') }), account?.mailboxAddress !== undefined && account.displayName !== undefined && _jsx("span", { children: account.mailboxAddress }), account?.status !== undefined && _jsx("span", { className: css.accountStatus, children: account.status })] }), _jsxs("nav", { className: css.folderNav, "aria-label": "\u90AE\u4EF6\u6587\u4EF6\u5939", children: [_jsxs("button", { type: "button", "data-active": folder === 'inbox' || undefined, onClick: () => { selectFolder('inbox'); }, children: [_jsx(IconFolderOpenOutline16, { size: 16 }), _jsx("span", { children: "\u6536\u4EF6\u7BB1" }), inboxUnreadCount > 0 && _jsx("small", { children: inboxUnreadCount > 99 ? '99+' : inboxUnreadCount })] }), _jsxs("div", { className: css.folderRow, "data-active": folder === 'sent' || undefined, children: [_jsxs("button", { type: "button", className: css.folderSelect, onClick: () => { selectFolder('sent'); }, children: [_jsx(IconSendOutline16, { size: 16 }), _jsx("span", { children: "\u53D1\u4EF6\u7BB1" })] }), _jsx("button", { type: "button", className: css.composeIconButton, "aria-label": "\u5199\u90AE\u4EF6", title: "\u5199\u90AE\u4EF6", onClick: startCompose, children: _jsx(IconEditOutline16, { size: 16 }) })] })] })] }), _jsxs("section", { className: css.mailList, "aria-label": MAIL_FOLDER_COPY[folder].title, children: [_jsxs("header", { className: css.listHeader, children: [_jsxs("div", { children: [_jsx("strong", { children: MAIL_FOLDER_COPY[folder].title }), _jsxs("small", { children: [items.length, " \u5C01\u90AE\u4EF6", folder === 'inbox' && visibleUnreadCount > 0 ? ` · ${visibleUnreadCount} 封未读` : ''] })] }), _jsx("button", { type: "button", "aria-label": `刷新${MAIL_FOLDER_COPY[folder].title}`, disabled: listLoading, onClick: () => { void refresh(); }, children: listLoading ? _jsx(IconLoadingOutline16, { size: 15 }) : _jsx(IconRefreshOutline14, { size: 15 }) })] }), listError !== null && _jsxs("div", { className: css.inlineError, role: "alert", children: [listError, _jsx("button", { type: "button", onClick: () => { void refresh(); }, children: "\u91CD\u8BD5" })] }), _jsxs("div", { className: css.rows, children: [items.map(item => (_jsx(MailRow, { summary: item, folder: folder, active: item.id === selectedId, onSelect: () => { void selectMail(item); } }, item.id))), items.length === 0 && !listLoading && listError === null && (_jsxs("div", { className: css.emptyState, children: [_jsx(IconFolderOpenOutline16, { size: 26 }), _jsx("p", { children: MAIL_FOLDER_COPY[folder].empty })] }))] }), listLoading && items.length === 0 && _jsxs("div", { className: css.loadingState, role: "status", children: [_jsx(IconLoadingOutline16, { size: 18 }), "\u6B63\u5728\u52A0\u8F7D\u90AE\u4EF6\u2026"] }), hasMore && _jsx("button", { type: "button", className: css.loadMore, disabled: listLoading, onClick: () => { void loadMore(); }, children: listLoading ? '正在加载…' : '加载更多邮件' })] }), _jsx("section", { className: css.mailDetail, "aria-label": compose ? '写邮件' : '邮件详情', children: compose ? (_jsxs("form", { className: css.composer, onSubmit: (event) => { event.preventDefault(); requestSend(); }, children: [_jsxs("header", { className: css.detailHeader, children: [_jsx("button", { type: "button", className: css.detailBack, "aria-label": `返回${MAIL_FOLDER_COPY[folder].title}`, onClick: cancelCompose, children: _jsx(IconChevronLeftOutline14, { size: 14 }) }), _jsxs("div", { children: [_jsx("strong", { children: "\u5199\u90AE\u4EF6" }), _jsx("small", { children: "\u53D1\u9001\u7EAF\u6587\u672C\u90AE\u4EF6" })] })] }), _jsxs("div", { className: css.composeFields, children: [_jsxs("label", { children: ["\u6536\u4EF6\u4EBA", _jsx("textarea", { value: to, rows: 1, autoFocus: true, placeholder: "alice@example.com\uFF0C\u53EF\u7528\u9017\u53F7\u6216\u6362\u884C\u5206\u9694", onChange: (event) => { setTo(event.target.value); setComposeError(null); } })] }), _jsxs("label", { children: ["\u6284\u9001", _jsx("textarea", { value: cc, rows: 1, placeholder: "\u9009\u586B", onChange: (event) => { setCc(event.target.value); setComposeError(null); } })] }), _jsxs("label", { children: ["\u4E3B\u9898", _jsx("input", { value: subject, placeholder: "\u90AE\u4EF6\u4E3B\u9898", onChange: (event) => { setSubject(event.target.value); setComposeError(null); } })] }), _jsxs("label", { className: css.bodyField, children: ["\u6B63\u6587", _jsx("textarea", { value: bodyText, placeholder: "\u8F93\u5165\u7EAF\u6587\u672C\u90AE\u4EF6\u6B63\u6587", onChange: (event) => { setBodyText(event.target.value); setComposeError(null); } })] }), composeError !== null && _jsx("p", { className: css.composeError, role: "alert", children: composeError })] }), _jsxs("footer", { className: css.composeFooter, children: [_jsx("button", { type: "button", className: css.cancelButton, disabled: sending, onClick: cancelCompose, children: "\u53D6\u6D88" }), _jsxs("button", { type: "submit", className: css.sendButton, disabled: sending, children: [_jsx(IconSendOutline16, { size: 15 }), "\u53D1\u9001"] })] })] })) : selectedId === null ? (_jsxs("div", { className: css.detailEmpty, children: [_jsx(IconFolderOpenOutline16, { size: 32 }), _jsx("p", { children: "\u9009\u62E9\u4E00\u5C01\u90AE\u4EF6\u67E5\u770B\u5185\u5BB9\u3002" }), _jsx("button", { type: "button", onClick: startCompose, children: "\u5199\u90AE\u4EF6" })] })) : (_jsxs(_Fragment, { children: [_jsxs("header", { className: css.detailHeader, children: [_jsx("button", { type: "button", className: css.detailBack, "aria-label": `返回${MAIL_FOLDER_COPY[folder].title}`, onClick: () => { setSelectedId(null); setMessage(null); setPane('list'); }, children: _jsx(IconChevronLeftOutline14, { size: 14 }) }), _jsxs("div", { children: [_jsx("strong", { children: selectedSummary?.subject ?? '邮件详情' }), _jsx("small", { children: selectedSummary === undefined ? '' : folder === 'inbox' ? participant(selectedSummary.from, '未知发件人') : participant(selectedSummary.to, '未知收件人') })] }), folder === 'inbox' && message?.summary.unread === true && _jsx("button", { type: "button", className: css.markReadButton, disabled: markingRead, onClick: () => { void markRead(); }, children: markingRead ? '处理中…' : '标为已读' })] }), detailLoading && _jsxs("div", { className: css.loadingState, role: "status", children: [_jsx(IconLoadingOutline16, { size: 18 }), "\u6B63\u5728\u8BFB\u53D6\u90AE\u4EF6\u2026"] }), detailError !== null && _jsx("div", { className: css.detailError, role: "alert", children: detailError }), message !== null && (_jsxs("article", { className: css.messageBody, children: [_jsxs("div", { className: css.messageMeta, children: [_jsx("h3", { children: message.summary.subject || '（无主题）' }), _jsx("time", { children: mailTime(folder === 'inbox'
                                                 ? message.summary.receivedAt ?? message.summary.sentAt
-                                                : message.summary.sentAt ?? message.summary.receivedAt) }), _jsxs("dl", { children: [_jsxs("div", { children: [_jsx("dt", { children: "\u53D1\u4EF6\u4EBA" }), _jsx("dd", { children: participant(message.summary.from, '未知发件人') })] }), _jsxs("div", { children: [_jsx("dt", { children: "\u6536\u4EF6\u4EBA" }), _jsx("dd", { children: recipient(message.summary, folder, account) })] }), message.summary.cc.length > 0 && _jsxs("div", { children: [_jsx("dt", { children: "\u6284\u9001" }), _jsx("dd", { children: participant(message.summary.cc, '') })] })] })] }), _jsxs("div", { className: css.untrustedNotice, children: [_jsx(IconWarningOutline16, { size: 15 }), folder === 'inbox' ? '邮件内容来自外部，仅按纯文本显示。' : '已发送邮件仅按纯文本显示。'] }), _jsx("div", { className: css.plainBody, children: message.bodyText ?? (message.hasHtmlBody ? '这封邮件仅包含 HTML 内容，出于安全原因未直接显示。' : '这封邮件没有可显示的纯文本正文。') }), message.bodyTruncated && _jsx("p", { className: css.truncatedNotice, children: "\u6B63\u6587\u5185\u5BB9\u5DF2\u7531\u670D\u52A1\u7AEF\u622A\u65AD\u3002" }), message.attachments.length > 0 && (_jsxs("section", { className: css.attachments, "aria-label": "\u90AE\u4EF6\u9644\u4EF6", children: [_jsx("h4", { children: "\u9644\u4EF6" }), message.attachments.map(attachment => {
-                                            const downloadable = attachmentLimits === null ? undefined : downloadableMailAttachment(attachment, attachmentLimits.maxBytes);
-                                            const state = downloadStates[attachment.index];
-                                            return (_jsxs("div", { children: [_jsx(IconPaperclipOutline16, { size: 15 }), _jsxs("span", { children: [_jsx("strong", { children: attachment.fileName ?? `附件 ${attachment.index + 1}` }), _jsx("small", { children: [attachment.contentType, attachment.sizeBytes === undefined ? undefined : `${attachment.sizeBytes} bytes`].filter(Boolean).join(' · ') || '暂无更多信息' }), downloadable === undefined && _jsx("small", { children: "\u5F53\u524D\u8BB0\u5F55\u7F3A\u5C11\u5B8C\u6574\u3001\u53EF\u9A8C\u8BC1\u7684\u4E0B\u8F7D\u5143\u6570\u636E\u3002" }), state?.status === 'error' && _jsx("small", { className: css.attachmentDownloadError, role: "alert", children: state.error })] }), downloadable !== undefined && (_jsx("button", { type: "button", disabled: state?.status === 'loading', "aria-label": `${state?.status === 'error' ? '重试下载' : '下载附件'} ${downloadable.fileName}`, onClick: () => { void downloadAttachment(attachment); }, children: state?.status === 'loading' ? '下载中…' : state?.status === 'error' ? '重试' : '下载' }))] }, attachment.index));
-                                        })] }))] }))] })) }), notice !== null && (_jsx("div", { className: css.notice, role: "status", "aria-live": "polite", "aria-atomic": "true", onAnimationEnd: () => {
+                                                : message.summary.sentAt ?? message.summary.receivedAt) }), _jsxs("dl", { children: [_jsxs("div", { children: [_jsx("dt", { children: "\u53D1\u4EF6\u4EBA" }), _jsx("dd", { children: participant(message.summary.from, '未知发件人') })] }), _jsxs("div", { children: [_jsx("dt", { children: "\u6536\u4EF6\u4EBA" }), _jsx("dd", { children: recipient(message.summary, folder, account) })] }), message.summary.cc.length > 0 && _jsxs("div", { children: [_jsx("dt", { children: "\u6284\u9001" }), _jsx("dd", { children: participant(message.summary.cc, '') })] })] })] }), _jsxs("div", { className: css.untrustedNotice, children: [_jsx(IconWarningOutline16, { size: 15 }), folder === 'inbox' ? '邮件内容来自外部，仅按纯文本显示。' : '已发送邮件仅按纯文本显示。'] }), _jsx("div", { className: css.plainBody, children: message.bodyText ?? (message.hasHtmlBody ? '这封邮件仅包含 HTML 内容，出于安全原因未直接显示。' : '这封邮件没有可显示的纯文本正文。') }), message.bodyTruncated && _jsx("p", { className: css.truncatedNotice, children: "\u6B63\u6587\u5185\u5BB9\u5DF2\u7531\u670D\u52A1\u7AEF\u622A\u65AD\u3002" }), message.attachments.length > 0 && (_jsxs("section", { className: css.attachments, "aria-label": "\u9644\u4EF6\u5143\u6570\u636E", children: [_jsx("h4", { children: "\u9644\u4EF6\uFF08\u4EC5\u5143\u6570\u636E\uFF09" }), message.attachments.map(attachment => (_jsxs("div", { children: [_jsx(IconPaperclipOutline16, { size: 15 }), _jsxs("span", { children: [_jsx("strong", { children: attachment.fileName ?? `附件 ${attachment.index + 1}` }), _jsx("small", { children: [attachment.contentType, attachment.sizeBytes === undefined ? undefined : `${attachment.sizeBytes} bytes`].filter(Boolean).join(' · ') || '暂无更多信息' })] })] }, attachment.index)))] }))] }))] })) }), notice !== null && (_jsx("div", { className: css.notice, role: "status", "aria-live": "polite", "aria-atomic": "true", onAnimationEnd: () => {
                     setNotice(current => current?.id === notice.id ? null : current);
                 }, children: notice.text }, notice.id)), _jsx(Modal, { open: confirmOpen, onClose: () => { if (!sending)
-                    setConfirmOpen(false); }, title: "\u786E\u8BA4\u53D1\u9001\u90AE\u4EF6", closeLabel: "\u53D6\u6D88", description: "\u90AE\u4EF6\u5C06\u901A\u8FC7\u5F53\u524D AWiki \u8EAB\u4EFD\u53D1\u9001\u4E00\u6B21\uFF0C\u5931\u8D25\u540E\u4E0D\u4F1A\u81EA\u52A8\u91CD\u8BD5\u3002", footer: _jsxs(_Fragment, { children: [_jsx(Button, { type: "button", variant: "outline", disabled: sending, onClick: () => { setConfirmOpen(false); }, children: "\u8FD4\u56DE\u4FEE\u6539" }), _jsx(Button, { type: "button", disabled: sending, onClick: () => { void confirmSend(); }, children: sending ? '正在发送…' : '确认发送' })] }), children: _jsxs("div", { className: css.confirmSummary, children: [_jsxs("p", { children: ["\u6536\u4EF6\u4EBA\uFF1A", splitAddresses(to).length, " \u4EBA"] }), _jsxs("p", { children: ["\u6284\u9001\uFF1A", splitAddresses(cc).length, " \u4EBA"] }), _jsxs("p", { children: ["\u4E3B\u9898\uFF1A", subject.trim()] }), _jsxs("p", { children: ["\u9644\u4EF6\uFF1A", attachments.length, " \u4E2A \u00B7 \u5171 ", displayBytes(attachmentTotalBytes)] }), attachments.map(attachment => _jsxs("p", { children: [attachment.fileName, " \u00B7 ", attachment.contentType, " \u00B7 ", displayBytes(attachment.sizeBytes)] }, attachment.id))] }) }), _jsx(Modal, { open: discardOpen, onClose: () => { setDiscardOpen(false); }, title: "\u653E\u5F03\u8FD9\u5C01\u90AE\u4EF6\uFF1F", closeLabel: "\u7EE7\u7EED\u7F16\u8F91", description: "\u5F53\u524D\u4E0D\u4F1A\u4FDD\u5B58\u8349\u7A3F\uFF0C\u653E\u5F03\u540E\u6587\u5B57\u548C\u9644\u4EF6\u9009\u62E9\u90FD\u4F1A\u88AB\u6E05\u7A7A\u3002", footer: _jsxs(_Fragment, { children: [_jsx(Button, { type: "button", variant: "outline", onClick: () => { setDiscardOpen(false); }, children: "\u7EE7\u7EED\u7F16\u8F91" }), _jsx(Button, { type: "button", variant: "outline", onClick: () => { setDiscardOpen(false); clearDraft(); setCompose(false); setPane('list'); }, children: "\u786E\u8BA4\u653E\u5F03" })] }), children: _jsx("p", { className: css.discardText, children: "\u6536\u4EF6\u4EBA\u3001\u4E3B\u9898\u3001\u6B63\u6587\u548C\u5DF2\u9009\u62E9\u7684\u9644\u4EF6\u90FD\u4F1A\u4E22\u5931\u3002" }) })] }));
+                    setConfirmOpen(false); }, title: "\u786E\u8BA4\u53D1\u9001\u90AE\u4EF6", closeLabel: "\u53D6\u6D88", description: "\u90AE\u4EF6\u5C06\u901A\u8FC7\u5F53\u524D AWiki \u8EAB\u4EFD\u53D1\u9001\u4E00\u6B21\uFF0C\u5931\u8D25\u540E\u4E0D\u4F1A\u81EA\u52A8\u91CD\u8BD5\u3002", footer: _jsxs(_Fragment, { children: [_jsx(Button, { type: "button", variant: "outline", disabled: sending, onClick: () => { setConfirmOpen(false); }, children: "\u8FD4\u56DE\u4FEE\u6539" }), _jsx(Button, { type: "button", disabled: sending, onClick: () => { void confirmSend(); }, children: sending ? '正在发送…' : '确认发送' })] }), children: _jsxs("div", { className: css.confirmSummary, children: [_jsxs("p", { children: ["\u6536\u4EF6\u4EBA\uFF1A", splitAddresses(to).length, " \u4EBA"] }), _jsxs("p", { children: ["\u6284\u9001\uFF1A", splitAddresses(cc).length, " \u4EBA"] }), _jsxs("p", { children: ["\u4E3B\u9898\uFF1A", subject.trim()] })] }) }), _jsx(Modal, { open: discardOpen, onClose: () => { setDiscardOpen(false); }, title: "\u653E\u5F03\u8FD9\u5C01\u90AE\u4EF6\uFF1F", closeLabel: "\u7EE7\u7EED\u7F16\u8F91", description: "\u653E\u5F03\u540E\u5F53\u524D\u5185\u5BB9\u5C06\u88AB\u6E05\u7A7A\u3002\u5173\u95ED\u9762\u677F\u4F1A\u6682\u5B58\u5185\u5BB9\uFF0C\u9000\u51FA\u5E94\u7528\u4E0D\u4F1A\u4FDD\u5B58\u3002", footer: _jsxs(_Fragment, { children: [_jsx(Button, { type: "button", variant: "outline", onClick: () => { setDiscardOpen(false); }, children: "\u7EE7\u7EED\u7F16\u8F91" }), _jsx(Button, { type: "button", variant: "outline", onClick: () => { setDiscardOpen(false); clearDraft(); setCompose(false); setPane('list'); }, children: "\u786E\u8BA4\u653E\u5F03" })] }), children: _jsx("p", { className: css.discardText, children: "\u6536\u4EF6\u4EBA\u3001\u4E3B\u9898\u548C\u6B63\u6587\u4E2D\u7684\u672A\u53D1\u9001\u5185\u5BB9\u90FD\u4F1A\u4E22\u5931\u3002" }) })] }));
 }
 //# sourceMappingURL=AwikiMail.js.map