feat(frontend): upgrade report dialog experience

Replace manual report links with automatic target association, improve validation and evidence uploads, and remove retired report UI code.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

tests/widget-system/report-ban-contract.test.cjs

@@ -391,35 +391,32 @@ test('native ban page uses the scoped template-and-dialog admin flow', () => {
   assert.match(banJs, /if \(!submitting\) dialog\.close\(\)/);
   assert.match(banCss, /html\.aksrt-ban-modal-open \{ overflow: hidden/);
 });
-test('report modal mirrors the reference theme: preset reasons, image evidence, notice, geometry', () => {
+test('report modal uses accessible reasons, automatic target association and optional evidence', () => {
   const scripts = read('src/Core/ScriptsPart1c.php')
-  // 预置原因真实数据源是 ban_preset_reason（UserRuntime::ban_settings），
-  // 不再读取 report_settings 中不存在的 categories 键（短路已修）。
   assert.match(scripts, /UserRuntime::ban_settings\(\)\['reasons'\]/)
   assert.ok(!scripts.includes("$report['categories']"), 'dead report.categories source must be removed')
-  // 图片举证开关与举报说明随 aksrtData 注入。
   assert.match(scripts, /imgEnabled/)
   assert.match(scripts, /report_settings\(\)/)
 
   const reportJs = read('assets/js/report.js')
-  // Zibll 同构标记：edit-header 警示头、原因徽章 active 焦点色、其它原因、
-  // 图片举证入口（后台开启时）、举报说明注入、but-average modal-buts 底栏。
-  for (const part of ['edit-header', 'toggle-radius mr10 c-red', 'data-aksrt-report-reason', 'form-but-radio', '其它原因', '违规链接', '详细描述', '添加图片举证', 'but-average modal-buts']) {
-    assert.ok(reportJs.includes(part), `report.js missing reference-theme part: ${part}`)
+  for (const part of ['aksrt-report-target', 'name="report_reason"', 'type="radio"', '其他原因', '补充说明', '图片举证', '提交举报', '无需填写链接']) {
+    assert.ok(reportJs.includes(part), `report.js missing form contract: ${part}`)
   }
+  assert.doesNotMatch(reportJs, /report_url|违规链接|data-aksrt-report-reason=|bindAutoHeight/)
+  for (const source of [reportJs, commentItem, authorHero]) assert.doesNotMatch(source, /target_avatar/)
+  assert.match(reportJs, /description\) reason \+= '\\n详细描述：\\n' \+ description/)
   assert.match(reportJs, /report\/upload-image/)
-  assert.ok(!reportJs.includes('is-active'), 'chips must toggle the reference .active class, not a custom one')
-
-  // 举报图片上传端点存在，复用评论上传回调、独立权限（登录 + 举报 + 图片开关）。
+  assert.match(reportJs, /window\.AksrtModalRuntime\.getActive\(\) === shell/)
   assert.match(userController, /'\/report\/upload-image'/)
 
-  // 几何 1:1：桌面端 600px（参考主题 Bootstrap 默认模态宽）。
-  const css = read('assets/css/frontend/modal-runtime.css')
+  const css = read('assets/css/frontend/report.css')
   assert.match(css, /\.aksrt-report-modal:not\(\.aksrt-modal-runtime--bottom\) \.aksrt-modal-runtime__dialog/)
   assert.match(css, /600px/)
-  // 加号图标单一来源：main.css 的 .preview .add:before/:after（inset:0 + margin:auto），
-  // modal-runtime 不得重复定义（否则过约束冲突，加号偏移只剩“L”形）。
-  assert.ok(!/form-upload \.preview \.add::?(before|after)/.test(css), 'duplicated add plus rules must stay out of modal-runtime.css')
+  assert.match(css, /:focus-visible/)
+  assert.match(css, /safe-area-inset-bottom/)
+  assert.match(css, /\[hidden\] \{ display: none !important;/)
+  assert.doesNotMatch(modalRuntimeCss, /aksrt-report-modal/, 'retired report styles must not remain in the shared stylesheet')
+  assert.match(scriptsPart1b, /assets\/css\/frontend\/report\.css/)
 })
 
 test('comments expose a report entry for other users when reporting is enabled', () => {
@@ -525,15 +522,13 @@ test('suspend (小黑屋) enforcement blocks publishing end to end', () => {
   assert.match(restriction, /您已被关入小黑屋，暂时无法评论/)
 })
 
-test('report modal close icon and textarea autoHeight match the reference theme', () => {
+test('report modal delegates its labelled title, close button and focus return to the shared runtime', () => {
   const reportJs = read('assets/js/report.js')
-  // 关闭按钮走 SVG 雪碧图 icon-close（与参考主题 .ic-close 同构，fa-times 退役）。
-  assert.match(reportJs, /<svg class="ic-close" aria-hidden="true"><use xlink:href="#icon-close"><\/use><\/svg>/)
-  assert.ok(!reportJs.includes('fa-times'), 'close icon must use the SVG sprite, not FontAwesome')
-  // textarea 自动增高（参考主题 autoHeight 行为），隐藏中的“其它原因”跳过首次计算。
-  assert.match(reportJs, /function bindAutoHeight\(/)
-  assert.match(reportJs, /querySelectorAll\('textarea\.form-control'\)\.forEach\(bindAutoHeight\)/)
-  assert.match(reportJs, /offsetHeight > 0\) grow\(\)/)
+  assert.match(reportJs, /title: TARGETS\[data\.target_type\]\.title/)
+  assert.match(reportJs, /mobileBottom: true, focusReturn: opener/)
+  assert.match(reportJs, /<label class="aksrt-report-label" for=/)
+  assert.match(reportJs, /data-aksrt-report-reason-error role="alert"/)
+  assert.doesNotMatch(reportJs, /class="close"|style="display:|setTimeout/)
 })
 
 test('wechat template messages cover report and account restriction types', () => {