Upload 5 files

管理界面/app.js

@@ -9,6 +9,45 @@
     // 新增反馈集中在双语词典；管理页语言遵循文档lang。
     const ADMIN_MESSAGES = {
         zh: {
+            dispute_subtitle: '查看任务纠纷申诉，审核双方证据并做出裁决。',
+            dispute_list_loading: '正在加载申诉列表…',
+            dispute_empty_title: '暂无申诉',
+            dispute_empty_description: '当前筛选条件下没有申诉记录。',
+            dispute_list_failed: '加载申诉列表失败',
+            dispute_status_filter: '申诉状态筛选',
+            dispute_status_all: '全部',
+            dispute_status_pending: '待回应',
+            dispute_status_responded: '待裁决',
+            dispute_status_resolved: '已裁决',
+            dispute_refresh: '刷新',
+            dispute_initiated_by: '发起方',
+            dispute_no_reason: '（未填写申诉理由）',
+            dispute_open: '查看申诉详情',
+            dispute_details: '申诉详情', close_dialog: '关闭',
+            dispute_publisher: '发布者',
+            dispute_assignee: '接单方',
+            dispute_task: '关联任务',
+            dispute_unknown_task: '未知任务',
+            dispute_initiator: '申诉方陈述',
+            dispute_respondent: '被申诉方回应',
+            dispute_no_content: '（无内容）',
+            dispute_no_response: '（尚未回应）',
+            dispute_evidence: '证据图片',
+            resolve_title: '裁决操作',
+            resolve_favor_initiator: '支持申诉方',
+            resolve_favor_respondent: '支持被申诉方',
+            resolve_split: '按比例分成',
+            resolve_split_description: '双方按比例分配任务金额',
+            resolve_ratio: '申诉方分成',
+            resolve_note: '裁决说明（可选）',
+            resolve_note_placeholder: '说明裁决依据…',
+            resolve_confirm: '确认裁决',
+            resolve_resolved: '已裁决',
+            resolve_result: '裁决结果',
+            resolve_success: '裁决已生效',
+            resolve_failed: '裁决失败',
+            dispute_loading: '正在加载申诉详情…',
+            dispute_load_failed: '加载失败',
             tab_navigation: '功能导航', tab_plugins: '第三方插件', tab_withdrawals: '提现管理',
             tab_disputes: '申诉仲裁', tab_config: '版本管理', tab_broadcast: '公告与广告', tab_promptcats: '提示词分类',
             script_tab: '🖥️ 脚本执行', script_title: '脚本执行',
@@ -43,6 +82,45 @@
             banner_active: '广告展示中', banner_inactive: '无活跃广告', banner_unknown: '状态未知',
         },
         en: {
+            dispute_subtitle: 'Review task disputes, consider both parties’ evidence and issue a resolution.',
+            dispute_list_loading: 'Loading disputes…',
+            dispute_empty_title: 'No disputes',
+            dispute_empty_description: 'No disputes match the current filter.',
+            dispute_list_failed: 'Could not load disputes',
+            dispute_status_filter: 'Filter disputes by status',
+            dispute_status_all: 'All',
+            dispute_status_pending: 'Awaiting response',
+            dispute_status_responded: 'Awaiting resolution',
+            dispute_status_resolved: 'Resolved',
+            dispute_refresh: 'Refresh',
+            dispute_initiated_by: 'Initiated by',
+            dispute_no_reason: '(No dispute reason provided)',
+            dispute_open: 'View dispute details',
+            dispute_details: 'Dispute details', close_dialog: 'Close',
+            dispute_publisher: 'Publisher',
+            dispute_assignee: 'Assignee',
+            dispute_task: 'Related task',
+            dispute_unknown_task: 'Unknown task',
+            dispute_initiator: 'Initiator statement',
+            dispute_respondent: 'Respondent statement',
+            dispute_no_content: '(No content)',
+            dispute_no_response: '(No response yet)',
+            dispute_evidence: 'Evidence image',
+            resolve_title: 'Resolution',
+            resolve_favor_initiator: 'Favor the initiator',
+            resolve_favor_respondent: 'Favor the respondent',
+            resolve_split: 'Split proportionally',
+            resolve_split_description: 'Distribute the task amount between both parties.',
+            resolve_ratio: 'Initiator share',
+            resolve_note: 'Resolution note (optional)',
+            resolve_note_placeholder: 'Explain the basis for this resolution…',
+            resolve_confirm: 'Confirm resolution',
+            resolve_resolved: 'Resolved',
+            resolve_result: 'Resolution result',
+            resolve_success: 'Resolution applied',
+            resolve_failed: 'Resolution failed',
+            dispute_loading: 'Loading dispute details…',
+            dispute_load_failed: 'Could not load dispute details',
             tab_navigation: 'Administration sections', tab_plugins: 'Third-party plugins', tab_withdrawals: 'Withdrawals',
             tab_disputes: 'Dispute arbitration', tab_config: 'Version management', tab_broadcast: 'Announcements and advertisements', tab_promptcats: 'Prompt categories',
             script_tab: '🖥️ Scripts', script_title: 'Script execution',
@@ -232,7 +310,7 @@
         const top = () => stack[stack.length - 1];
         const controls = (mask) => $$('button, input:not([type="hidden"]), select, textarea, a[href], [tabindex]', mask)
             .filter(el => !el.disabled && el.tabIndex >= 0 && el.getClientRects().length && !el.closest('[hidden], [inert]'));
-        const dialog = (entry) => $('[role="dialog"]', entry.mask) || entry.mask;
+        const dialog = (entry) => $('[role="dialog"], [role="alertdialog"]', entry.mask) || entry.mask;
         const focus = (entry) => {
             if (!entry) return;
             const target = controls(entry.mask)[0] || dialog(entry);
@@ -1220,7 +1298,8 @@
             textarea.value = text;
             textarea.style.position = 'fixed';
             textarea.style.opacity = '0';
-            document.body.appendChild(textarea);
+            const host = adminModalFocusController?.topMask() || document.body;
+            host.appendChild(textarea);
             textarea.select();
             return document.execCommand('copy');
         } catch (_) {
@@ -1414,15 +1493,15 @@
 
     // -------------------- ⚖️ 申诉仲裁 --------------------
     const DISPUTE_STATUS = {
-        pending: { label: '待回应', cls: 'is-warn' },
-        responded: { label: '待裁决', cls: 'is-info' },
-        resolved: { label: '已裁决', cls: 'is-on' }
+        pending: { labelKey: 'dispute_status_pending', cls: 'is-warn' },
+        responded: { labelKey: 'dispute_status_responded', cls: 'is-info' },
+        resolved: { labelKey: 'dispute_status_resolved', cls: 'is-on' }
     };
 
     const RESOLUTION_OPTIONS = [
-        { value: 'favor_initiator', icon: '✅', label: '支持申诉方' },
-        { value: 'favor_respondent', icon: '❌', label: '支持被申诉方' },
-        { value: 'split', icon: '⚖️', label: '按比例分成', desc: '双方按比例分配任务金额' }
+        { value: 'favor_initiator', icon: '✅', labelKey: 'resolve_favor_initiator' },
+        { value: 'favor_respondent', icon: '❌', labelKey: 'resolve_favor_respondent' },
+        { value: 'split', icon: '⚖️', labelKey: 'resolve_split', descKey: 'resolve_split_description' }
     ];
 
     function setDisputeState(stateName, message) {
@@ -1430,6 +1509,7 @@
         $('#dispute-empty').hidden = stateName !== 'empty';
         $('#dispute-error').hidden = stateName !== 'error';
         $('#dispute-list').hidden = stateName !== 'data';
+        $('#dispute-list').setAttribute('aria-busy', String(stateName === 'loading'));
         if (stateName === 'error' && message) $('#dispute-error-msg').textContent = message;
     }
 
@@ -1446,7 +1526,7 @@
         } catch (err) {
             if (isStaleSessionError(err) || !read.isCurrent()) return;
             if (err instanceof ApiError && err.status === 401) return;
-            setDisputeState('error', err.message || '加载失败');
+            setDisputeState('error', err.message || adminMessage('dispute_list_failed'));
         } finally {
             read.release();
         }
@@ -1464,13 +1544,14 @@
 
     function buildDisputeCard(d) {
         const st = DISPUTE_STATUS[d.status] || DISPUTE_STATUS.pending;
+        const session = captureAdminSession();
         const card = document.createElement('article');
         card.className = 'admin-card admin-row-card is-clickable';
         card.innerHTML = `
             <div class="row-card-head">
                 <div class="row-card-title">
-                    <span class="row-card-name">${escapeHtml(d.task_title || '未知任务')}</span>
-                    <span class="badge ${st.cls}">${st.label}</span>
+                    <button type="button" class="row-card-name row-card-open" aria-label="${escapeHtml(adminMessage('dispute_open'))}: ${escapeHtml(d.task_title || adminMessage('dispute_unknown_task'))}">${escapeHtml(d.task_title || adminMessage('dispute_unknown_task'))}</button>
+                    <span class="badge ${st.cls}">${adminMessage(st.labelKey)}</span>
                 </div>
                 <div class="row-card-time">${escapeHtml(formatDate(d.created_at))}</div>
             </div>
@@ -1478,11 +1559,18 @@
                 <span>${escapeHtml(d.publisher_name || d.publisher || '?')}</span>
                 <em class="vs">VS</em>
                 <span>${escapeHtml(d.assignee_name || d.assignee || '?')}</span>
-                <span class="initiator">发起方：${d.initiator_role === 'publisher' ? '发布者' : '接单方'}</span>
+                <span class="initiator">${adminMessage('dispute_initiated_by')}: ${adminMessage(d.initiator_role === 'publisher' ? 'dispute_publisher' : 'dispute_assignee')}</span>
             </div>
-            <p class="row-card-reason">${escapeHtml(d.reason || '（未填写申诉理由）')}</p>
+            <p class="row-card-reason">${escapeHtml(d.reason || adminMessage('dispute_no_reason'))}</p>
         `;
-        card.addEventListener('click', () => openDisputeModal(d.id));
+        const open = () => {
+            if (card.isConnected && session.isCurrent()) openDisputeModal(d.id);
+        };
+        card.querySelector('.row-card-open').addEventListener('click', (event) => {
+            event.stopPropagation();
+            open();
+        });
+        card.addEventListener('click', open);
         return card;
     }
 
@@ -1490,7 +1578,7 @@
         const read = startAdminRead('dispute-detail');
         openModal('modal-dispute');
         const body = $('#dispute-detail-body');
-        body.innerHTML = '<div class="state-block"><div class="spinner-lg" aria-hidden="true"></div><p>正在加载申诉详情…</p></div>';
+        body.innerHTML = '<div class="state-block"><div class="spinner-lg" aria-hidden="true"></div><p>' + escapeHtml(adminMessage('dispute_loading')) + '</p></div>';
         try {
             const res = await apiRequest('GET', '/api/disputes/' + encodeURIComponent(disputeId));
             if (!read.isCurrent()) return;
@@ -1498,8 +1586,8 @@
             renderDisputeDetail(body, dispute);
         } catch (err) {
             if (isStaleSessionError(err) || !read.isCurrent()) return;
-            body.innerHTML = '<div class="state-block state-error"><div class="empty-mark">!</div><h3>加载失败</h3><p>' +
-                escapeHtml(err.message || '请稍后重试。') + '</p></div>';
+            body.innerHTML = '<div class="state-block state-error"><div class="empty-mark">!</div><h3>' + escapeHtml(adminMessage('dispute_load_failed')) + '</h3><p>' +
+                escapeHtml(err.message || adminMessage('request_failed')) + '</p></div>';
         } finally {
             read.release();
         }
@@ -1508,7 +1596,7 @@
     function renderEvidence(images) {
         if (!Array.isArray(images) || !images.length) return '';
         return '<div class="evidence-row">' + images.map((src) =>
-            `<img src="${escapeHtml(src)}" alt="证据图片" loading="lazy" class="js-evidence-img">`
+            `<img src="${escapeHtml(src)}" alt="${escapeHtml(adminMessage('dispute_evidence'))}" loading="lazy" class="js-evidence-img">`
         ).join('') + '</div>';
     }
 
@@ -1526,20 +1614,20 @@
 
     function renderDisputeDetail(body, d) {
         const canResolve = d.status !== 'resolved';
-        const initiatorLabel = d.initiator_role === 'publisher' ? '发布者' : '接单方';
-        const respondentLabel = d.initiator_role === 'publisher' ? '接单方' : '发布者';
+        const initiatorLabel = adminMessage(d.initiator_role === 'publisher' ? 'dispute_publisher' : 'dispute_assignee');
+        const respondentLabel = adminMessage(d.initiator_role === 'publisher' ? 'dispute_assignee' : 'dispute_publisher');
         body.innerHTML = `
             <div class="dispute-section">
-                <div class="dispute-section-title">📋 关联任务</div>
-                <div class="dispute-section-body">${escapeHtml(d.task_title || '未知任务')}</div>
+                <div class="dispute-section-title">📋 ${adminMessage('dispute_task')}</div>
+                <div class="dispute-section-body">${escapeHtml(d.task_title || adminMessage('dispute_unknown_task'))}</div>
             </div>
             <div class="dispute-section">
-                <div class="dispute-section-title">📝 申诉方陈述（${escapeHtml(initiatorLabel)}）</div>
-                <div class="dispute-section-body">${escapeHtml(d.reason || '（无内容）')}${renderEvidence(d.evidence)}</div>
+                <div class="dispute-section-title">📝 ${adminMessage('dispute_initiator')} (${escapeHtml(initiatorLabel)})</div>
+                <div class="dispute-section-body">${escapeHtml(d.reason || adminMessage('dispute_no_content'))}${renderEvidence(d.evidence)}</div>
             </div>
             <div class="dispute-section">
-                <div class="dispute-section-title">💬 被申诉方回应（${escapeHtml(respondentLabel)}）</div>
-                <div class="dispute-section-body">${escapeHtml(d.response || '（尚未回应）')}${renderEvidence(d.response_evidence)}</div>
+                <div class="dispute-section-title">💬 ${adminMessage('dispute_respondent')} (${escapeHtml(respondentLabel)})</div>
+                <div class="dispute-section-body">${escapeHtml(d.response || adminMessage('dispute_no_response'))}${renderEvidence(d.response_evidence)}</div>
             </div>
             ${canResolve ? renderResolveForm() : renderResolutionResult(d)}
         `;
@@ -1550,29 +1638,29 @@
     function renderResolveForm() {
         return `
             <div class="resolve-box">
-                <div class="resolve-box-title" id="resolve-title">🔨 裁决操作</div>
+                <div class="resolve-box-title" id="resolve-title">🔨 ${adminMessage('resolve_title')}</div>
                 <div class="resolve-options" role="radiogroup" aria-labelledby="resolve-title">
                     ${RESOLUTION_OPTIONS.map((opt) => `
                         <label class="resolve-option" data-value="${opt.value}">
                             <input type="radio" name="resolution" value="${opt.value}">
                             <span class="resolve-option-icon" aria-hidden="true">${opt.icon}</span>
                             <span class="resolve-option-text">
-                                <strong>${opt.label}</strong>
-                                ${opt.desc ? `<em>${opt.desc}</em>` : ''}
+                                <strong>${adminMessage(opt.labelKey)}</strong>
+                                ${opt.descKey ? `<em>${adminMessage(opt.descKey)}</em>` : ''}
                             </span>
                         </label>`).join('')}
                 </div>
                 <div class="split-row" id="split-row" hidden>
-                    <label for="resolve-ratio">申诉方分成</label>
+                    <label for="resolve-ratio">${adminMessage('resolve_ratio')}</label>
                     <input type="range" id="resolve-ratio" min="0" max="100" value="50">
                     <strong id="resolve-ratio-text">50% : 50%</strong>
                 </div>
                 <label class="field">
-                    <span class="field-label">裁决说明（可选）</span>
-                    <textarea id="resolve-note" rows="3" placeholder="说明裁决依据…"></textarea>
+                    <span class="field-label">${adminMessage('resolve_note')}</span>
+                    <textarea id="resolve-note" rows="3" placeholder="${escapeHtml(adminMessage('resolve_note_placeholder'))}"></textarea>
                 </label>
                 <button type="button" id="btn-resolve" class="btn btn-primary btn-block" disabled>
-                    <span class="btn-label">确认裁决</span>
+                    <span class="btn-label">${adminMessage('resolve_confirm')}</span>
                     <span class="btn-spinner" aria-hidden="true"></span>
                 </button>
             </div>`;
@@ -1580,13 +1668,13 @@
 
     function renderResolutionResult(d) {
         const ratio = d.resolution_ratio ?? 50;
-        let text = '已裁决';
-        if (d.resolution === 'favor_initiator') text = '支持申诉方';
-        else if (d.resolution === 'favor_respondent') text = '支持被申诉方';
-        else if (d.resolution === 'split') text = `按比例分成（${ratio}% : ${100 - ratio}%）`;
+        let text = adminMessage('resolve_resolved');
+        if (d.resolution === 'favor_initiator') text = adminMessage('resolve_favor_initiator');
+        else if (d.resolution === 'favor_respondent') text = adminMessage('resolve_favor_respondent');
+        else if (d.resolution === 'split') text = `${adminMessage('resolve_split')} (${ratio}% : ${100 - ratio}%)`;
         return `
             <div class="resolve-result">
-                <div class="resolve-result-title">✅ 裁决结果：${escapeHtml(text)}</div>
+                <div class="resolve-result-title">✅ ${adminMessage('resolve_result')}: ${escapeHtml(text)}</div>
                 ${d.resolution_note ? `<p>${escapeHtml(d.resolution_note)}</p>` : ''}
             </div>`;
     }
@@ -1633,12 +1721,12 @@
                 finishBusy.assertCurrent();
                 confirmAdminStatusWrite(response);
                 modal.assertCurrent();
-                toast('裁决已生效', 'success');
+                toast(adminMessage('resolve_success'), 'success');
                 closeModal('modal-dispute');
                 refreshDisputes();
             } catch (err) {
                 if (isStaleSessionError(err) || !finishBusy.isCurrent() || !modal.isCurrent()) return;
-                toast(err.message || '裁决失败', 'error');
+                toast(err.message || adminMessage('resolve_failed'), 'error');
             } finally {
                 finishBusy();
             }
@@ -1646,11 +1734,24 @@
     }
 
     function bindDisputes() {
+        $$('[data-admin-dispute-text]').forEach((element) => {
+            element.textContent = adminMessage(element.dataset.adminDisputeText);
+        });
+        $('#dispute-status-tabs').setAttribute('aria-label', adminMessage('dispute_status_filter'));
+        $('#btn-dispute-refresh').setAttribute('title', adminMessage('dispute_refresh'));
+        $('#modal-dispute-title').textContent = adminMessage('dispute_details');
+        $$('#modal-dispute [data-close="modal-dispute"]').forEach((button) => {
+            button.setAttribute('aria-label', adminMessage('close_dialog'));
+            if (!button.classList.contains('modal-close')) button.textContent = adminMessage('close_dialog');
+        });
         $('#btn-dispute-refresh').addEventListener('click', () => refreshDisputes());
         $$('#dispute-status-tabs .filter-tab').forEach((tab) => {
             tab.addEventListener('click', () => {
                 state.disputeStatus = tab.dataset.status || '';
-                $$('#dispute-status-tabs .filter-tab').forEach((t) => t.classList.toggle('is-active', t === tab));
+                $$('#dispute-status-tabs .filter-tab').forEach((t) => {
+                    t.classList.toggle('is-active', t === tab);
+                    t.setAttribute('aria-pressed', String(t === tab));
+                });
                 refreshDisputes();
             });
         });

管理界面/index.html

@@ -206,39 +206,39 @@
             <div class="tab-panel" id="panel-disputes" role="tabpanel" aria-labelledby="tab-disputes" tabindex="0" hidden>
                 <section class="page-head">
                     <div class="page-head-text">
-                        <h1>申诉仲裁</h1>
-                        <p class="page-sub">查看任务纠纷申诉，审核双方证据并做出裁决。</p>
+                        <h1 data-admin-dispute-text="tab_disputes">申诉仲裁</h1>
+                        <p class="page-sub" data-admin-dispute-text="dispute_subtitle">查看任务纠纷申诉，审核双方证据并做出裁决。</p>
                     </div>
                     <div class="page-head-actions">
                         <button type="button" id="btn-dispute-refresh" class="btn btn-secondary" title="刷新">
-                            <span class="btn-label">刷新</span>
+                            <span class="btn-label" data-admin-dispute-text="dispute_refresh">刷新</span>
                         </button>
                     </div>
                 </section>
 
-                <div class="filter-tabs" id="dispute-status-tabs">
-                    <button type="button" class="filter-tab is-active" data-status="">全部</button>
-                    <button type="button" class="filter-tab" data-status="pending">待回应</button>
-                    <button type="button" class="filter-tab" data-status="responded">待裁决</button>
-                    <button type="button" class="filter-tab" data-status="resolved">已裁决</button>
+                <div class="filter-tabs" id="dispute-status-tabs" role="group" aria-label="申诉状态筛选">
+                    <button type="button" class="filter-tab is-active" data-status="" aria-pressed="true" data-admin-dispute-text="dispute_status_all">全部</button>
+                    <button type="button" class="filter-tab" data-status="pending" aria-pressed="false" data-admin-dispute-text="dispute_status_pending">待回应</button>
+                    <button type="button" class="filter-tab" data-status="responded" aria-pressed="false" data-admin-dispute-text="dispute_status_responded">待裁决</button>
+                    <button type="button" class="filter-tab" data-status="resolved" aria-pressed="false" data-admin-dispute-text="dispute_status_resolved">已裁决</button>
                 </div>
 
                 <section class="list-shell">
-                    <div id="dispute-loading" class="state-block" hidden>
+                    <div id="dispute-loading" role="status" aria-atomic="true" class="state-block" hidden>
                         <div class="spinner-lg" aria-hidden="true"></div>
-                        <p>正在加载申诉列表…</p>
+                        <p data-admin-dispute-text="dispute_list_loading">正在加载申诉列表…</p>
                     </div>
-                    <div id="dispute-empty" class="state-block" hidden>
+                    <div id="dispute-empty" role="status" aria-atomic="true" class="state-block" hidden>
                         <div class="empty-mark">📭</div>
-                        <h3>暂无申诉</h3>
-                        <p>当前筛选条件下没有申诉记录。</p>
+                        <h3 data-admin-dispute-text="dispute_empty_title">暂无申诉</h3>
+                        <p data-admin-dispute-text="dispute_empty_description">当前筛选条件下没有申诉记录。</p>
                     </div>
-                    <div id="dispute-error" class="state-block state-error" hidden>
+                    <div id="dispute-error" role="status" aria-atomic="true" class="state-block state-error" hidden>
                         <div class="empty-mark">!</div>
-                        <h3>加载失败</h3>
-                        <p id="dispute-error-msg">请稍后重试。</p>
+                        <h3 data-admin-dispute-text="dispute_list_failed">加载失败</h3>
+                        <p id="dispute-error-msg" data-admin-dispute-text="request_failed">请稍后重试。</p>
                     </div>
-                    <div id="dispute-list" class="admin-list"></div>
+                    <div id="dispute-list" class="admin-list" aria-busy="false"></div>
                 </section>
             </div>
 

管理界面/style.css

@@ -1082,6 +1082,8 @@ code, pre { font-family: var(--font-mono); }
 .row-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
 .row-card-title { display: flex; align-items: center; gap: 10px; min-width: 0; flex-wrap: wrap; }
 .row-card-name { font-size: 14.5px; font-weight: 600; color: var(--text); word-break: break-all; }
+.row-card-open { background: transparent; border: 0; padding: 2px 0; text-align: start; font-family: inherit; cursor: pointer; max-width: 100%; }
+.row-card-open:focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; border-radius: 3px; }
 .row-card-amount { font-size: 16px; font-weight: 700; color: var(--danger); font-variant-numeric: tabular-nums; }
 .row-card-amount em { font-style: normal; font-size: 12px; color: var(--text-mute); font-weight: 400; margin-left: 4px; }
 .row-card-time { font-size: 12.5px; color: var(--text-dim); }
@@ -1344,7 +1346,7 @@ code, pre { font-family: var(--font-mono); }
         text-decoration-thickness: 2px;
         text-underline-offset: 4px;
     }
-    .btn:focus-visible, .tab-item:focus-visible, .tab-panel:focus-visible,
+    .btn:focus-visible, .row-card-open:focus-visible, .tab-item:focus-visible, .tab-panel:focus-visible,
     .script-result:focus-visible, .modal-close:focus-visible, .modal:focus-visible, .resolve-option:focus-within,
     input:focus-visible, select:focus-visible, textarea:focus-visible {
         outline: 2px solid Highlight;