@sphoro/bugcatch-web-sdk 0.19.0 → 0.20.0

package/dist/bugcatch-panel.es.js

@@ -1,5 +1,5 @@
-import { s as ke, m as $e, a as Se, c as ce, b as Le, d as Qe, R as be, h as P, n as Te, e as Ee, f as qe, g as ee, i as G, j as F, r as ze, v as Me, k as Ce, S as He, U as Ae, l as Ie, o as Re, p as De } from "./bugcatch-core.es.js";
-const Ve = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 8.5A1.5 1.5 0 0 1 4.5 7h2.2a1 1 0 0 0 .83-.45l.94-1.4A1 1 0 0 1 9.3 4.7h5.4a1 1 0 0 1 .83.45l.94 1.4a1 1 0 0 0 .83.45h2.2A1.5 1.5 0 0 1 21 8.5v9A1.5 1.5 0 0 1 19.5 19h-15A1.5 1.5 0 0 1 3 17.5z"/><circle cx="12" cy="13" r="3.4"/></svg>', je = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="6" width="12.5" height="12" rx="2.2"/><path d="M15.5 10.8l4.2-2.6a.6.6 0 0 1 .92.5v6.6a.6.6 0 0 1-.92.5l-4.2-2.6z"/></svg>', fe = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 11.5l-7.6 7.6a4.6 4.6 0 0 1-6.5-6.5l8-8a3.2 3.2 0 0 1 4.5 4.5l-8 8a1.8 1.8 0 0 1-2.5-2.5l7.1-7.1"/></svg>', de = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="2.5" width="6" height="11" rx="3"/><path d="M5.5 11a6.5 6.5 0 0 0 13 0M12 17.5V21M9 21h6"/></svg>', ge = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12l16-8-6 16-2.6-6.2L4 12Z"/></svg>', Oe = '<svg viewBox="0 0 24 24" fill="currentColor"><rect x="7" y="7" width="10" height="10" rx="2"/></svg>', Ne = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 5.5L8 12l6.5 6.5"/></svg>', ae = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6.2 3.5h3l1.5 3.7-2 1.4a11.5 11.5 0 0 0 5.7 5.7l1.4-2 3.7 1.5v3a1.8 1.8 0 0 1-2 1.8A15.6 15.6 0 0 1 4.4 5.5a1.8 1.8 0 0 1 1.8-2z"/></svg>', Be = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 12a8 8 0 1 1-2.6-5.9M20 4v4.5h-4.5"/></svg>', We = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.5 6l6 6-6 6"/></svg>', me = '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.9l2.75 5.82 6.37.76-4.7 4.37 1.24 6.3L12 17.03l-5.66 3.12 1.24-6.3-4.7-4.37 6.37-.76z"/></svg>', Ye = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3.5 13.5l2.6-7.2A1.5 1.5 0 0 1 7.5 5.3h9a1.5 1.5 0 0 1 1.4 1L20.5 13.5V18a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 18z"/><path d="M3.5 13.5h4.8l1.2 2.2h5l1.2-2.2h4.8"/></svg>', Pe = '<svg class="bc-brand" viewBox="0 0 254 60" fill="none" role="img" aria-label="sphoro BugCatch"><g fill="currentColor"><path transform="translate(0.00 40.00) scale(0.04000 -0.04000)" d="M276.00 -14.00Q179.00 -14.00 117.00 28.00Q55.00 70.00 42.00 148.00L158.00 178.00Q165.00 143.00 181.50 123.00Q198.00 103.00 222.50 94.50Q247.00 86.00 276.00 86.00Q320.00 86.00 341.00 101.50Q362.00 117.00 362.00 140.00Q362.00 163.00 342.00 175.50Q322.00 188.00 278.00 196.00L250.00 201.00Q198.00 211.00 155.00 228.50Q112.00 246.00 86.00 277.00Q60.00 308.00 60.00 357.00Q60.00 431.00 114.00 470.50Q168.00 510.00 256.00 510.00Q339.00 510.00 394.00 473.00Q449.00 436.00 466.00 376.00L349.00 340.00Q341.00 378.00 316.50 394.00Q292.00 410.00 256.00 410.00Q220.00 410.00 201.00 397.50Q182.00 385.00 182.00 363.00Q182.00 339.00 202.00 327.50Q222.00 316.00 256.00 310.00L284.00 305.00Q340.00 295.00 385.50 278.50Q431.00 262.00 457.50 231.50Q484.00 201.00 484.00 149.00Q484.00 71.00 427.50 28.50Q371.00 -14.00 276.00 -14.00Z"/><path transform="translate(19.56 40.00) scale(0.04000 -0.04000)" d="M70.00 -200.00V496.00H194.00V436.00H212.00Q229.00 465.00 265.00 487.50Q301.00 510.00 368.00 510.00Q428.00 510.00 479.00 480.50Q530.00 451.00 561.00 394.00Q592.00 337.00 592.00 256.00V240.00Q592.00 159.00 561.00 102.00Q530.00 45.00 479.00 15.50Q428.00 -14.00 368.00 -14.00Q323.00 -14.00 292.50 -3.50Q262.00 7.00 243.50 23.50Q225.00 40.00 214.00 57.00H196.00V-200.00ZM330.00 96.00Q389.00 96.00 427.50 133.50Q466.00 171.00 466.00 243.00V253.00Q466.00 325.00 427.00 362.50Q388.00 400.00 330.00 400.00Q272.00 400.00 233.00 362.50Q194.00 325.00 194.00 253.00V243.00Q194.00 171.00 233.00 133.50Q272.00 96.00 330.00 96.00Z"/><path transform="translate(43.68 40.00) scale(0.04000 -0.04000)" d="M70.00 0.00V700.00H196.00V435.00H214.00Q222.00 451.00 239.00 467.00Q256.00 483.00 284.50 493.50Q313.00 504.00 357.00 504.00Q415.00 504.00 458.50 477.50Q502.00 451.00 526.00 404.50Q550.00 358.00 550.00 296.00V0.00H424.00V286.00Q424.00 342.00 396.50 370.00Q369.00 398.00 318.00 398.00Q260.00 398.00 228.00 359.50Q196.00 321.00 196.00 252.00V0.00Z"/><path transform="translate(66.92 40.00) scale(0.04000 -0.04000)" d="M306.00 -14.00Q232.00 -14.00 173.00 16.00Q114.00 46.00 80.00 103.00Q46.00 160.00 46.00 240.00V256.00Q46.00 336.00 80.00 393.00Q114.00 450.00 173.00 480.00Q232.00 510.00 306.00 510.00Q380.00 510.00 439.00 480.00Q498.00 450.00 532.00 393.00Q566.00 336.00 566.00 256.00V240.00Q566.00 160.00 532.00 103.00Q498.00 46.00 439.00 16.00Q380.00 -14.00 306.00 -14.00ZM306.00 98.00Q364.00 98.00 402.00 135.50Q440.00 173.00 440.00 243.00V253.00Q440.00 323.00 402.50 360.50Q365.00 398.00 306.00 398.00Q248.00 398.00 210.00 360.50Q172.00 323.00 172.00 253.00V243.00Q172.00 173.00 210.00 135.50Q248.00 98.00 306.00 98.00Z"/><path transform="translate(90.00 40.00) scale(0.04000 -0.04000)" d="M70.00 0.00V496.00H194.00V440.00H212.00Q223.00 470.00 248.50 484.00Q274.00 498.00 308.00 498.00H368.00V386.00H306.00Q258.00 386.00 227.00 360.50Q196.00 335.00 196.00 282.00V0.00Z"/><path transform="translate(104.44 40.00) scale(0.04000 -0.04000)" d="M306.00 -14.00Q232.00 -14.00 173.00 16.00Q114.00 46.00 80.00 103.00Q46.00 160.00 46.00 240.00V256.00Q46.00 336.00 80.00 393.00Q114.00 450.00 173.00 480.00Q232.00 510.00 306.00 510.00Q380.00 510.00 439.00 480.00Q498.00 450.00 532.00 393.00Q566.00 336.00 566.00 256.00V240.00Q566.00 160.00 532.00 103.00Q498.00 46.00 439.00 16.00Q380.00 -14.00 306.00 -14.00ZM306.00 98.00Q364.00 98.00 402.00 135.50Q440.00 173.00 440.00 243.00V253.00Q440.00 323.00 402.50 360.50Q365.00 398.00 306.00 398.00Q248.00 398.00 210.00 360.50Q172.00 323.00 172.00 253.00V243.00Q172.00 173.00 210.00 135.50Q248.00 98.00 306.00 98.00Z"/></g><rect x="139.52" y="16" width="1.6" height="26" rx="0.8" fill="var(--bc-brand-mark, #5647ee)" opacity="0.4"/><g fill="var(--bc-brand-mark, #5647ee)"><path transform="translate(154.52 35.00) scale(0.01400 -0.01400)" d="M46.35 0.00V105.85H139.75V594.15H46.35V700.00H404.08Q467.38 700.00 514.79 678.41Q562.20 656.83 588.70 617.33Q615.20 577.83 615.20 523.35V513.70Q615.20 465.52 597.03 434.76Q578.85 404.00 553.91 387.24Q528.98 370.48 506.28 363.30V346.35Q528.98 340.35 555.24 323.50Q581.50 306.65 600.00 275.48Q618.50 244.30 618.50 194.48V184.48Q618.50 126.65 591.41 85.24Q564.33 43.83 516.83 21.91Q469.33 0.00 406.85 0.00ZM259.85 109.15H392.60Q441.20 109.15 469.80 132.60Q498.40 156.05 498.40 198.55V208.20Q498.40 250.70 470.21 274.15Q442.02 297.60 392.60 297.60H259.85ZM259.85 406.75H391.65Q437.55 406.75 466.32 430.11Q495.10 453.48 495.10 493.80V503.80Q495.10 544.95 466.74 567.90Q438.37 590.85 391.65 590.85H259.85Z"/><path transform="translate(167.00 35.00) scale(0.01400 -0.01400)" d="M335.30 -14.00Q251.22 -14.00 190.60 16.63Q129.97 47.25 97.56 104.96Q65.15 162.68 65.15 243.03V700.00H185.25V239.73Q185.25 170.48 224.03 131.99Q262.80 93.50 335.30 93.50Q407.80 93.50 446.57 131.99Q485.35 170.48 485.35 239.73V700.00H605.45V243.03Q605.45 162.68 573.13 104.96Q540.80 47.25 480.09 16.63Q419.38 -14.00 335.30 -14.00Z"/><path transform="translate(179.60 35.00) scale(0.01400 -0.01400)" d="M311.85 -14.00Q238.45 -14.00 179.69 18.50Q120.92 51.00 86.69 113.67Q52.45 176.35 52.45 266.87V433.13Q52.45 569.00 128.01 641.50Q203.57 714.00 332.35 714.00Q460.13 714.00 529.23 645.59Q598.33 577.17 598.33 460.87V456.70H479.87V464.52Q479.87 504.67 463.76 536.86Q447.65 569.05 414.99 587.77Q382.32 606.50 332.35 606.50Q257.63 606.50 215.09 560.70Q172.55 514.90 172.55 435.13V264.87Q172.55 185.93 215.09 138.89Q257.63 91.85 334.00 91.85Q410.02 91.85 445.12 132.83Q480.22 173.80 480.22 237.92V249.67H302.85V351.88H598.33V0.00H487.52V69.10H470.57Q462.70 50.87 446.06 31.44Q429.42 12.00 397.64 -1.00Q365.85 -14.00 311.85 -14.00Z"/><path transform="translate(192.05 35.00) scale(0.01400 -0.01400)" d="M332.35 -14.00Q203.57 -14.00 128.01 58.50Q52.45 131.00 52.45 266.87V433.13Q52.45 569.00 128.01 641.50Q203.57 714.00 332.35 714.00Q460.13 714.00 529.58 643.85Q599.03 573.70 599.03 451.57V445.75H480.57V455.22Q480.57 521.42 444.15 563.96Q407.72 606.50 332.35 606.50Q257.63 606.50 215.09 560.70Q172.55 514.90 172.55 435.13V264.87Q172.55 185.93 215.09 139.71Q257.63 93.50 332.35 93.50Q407.72 93.50 444.15 136.45Q480.57 179.40 480.57 244.78V262.25H599.03V248.43Q599.03 126.30 529.58 56.15Q460.13 -14.00 332.35 -14.00Z"/><path transform="translate(204.25 35.00) scale(0.01400 -0.01400)" d="M19.75 0.00 211.62 700.00H421.33L613.20 0.00H489.27L447.42 159.60H185.53L143.68 0.00ZM214.25 270.40H418.70L324.95 624.87H308.00Z"/><path transform="translate(216.31 35.00) scale(0.01400 -0.01400)" d="M233.95 0.00V590.85H24.70V700.00H563.30V590.85H354.05V0.00Z"/><path transform="translate(227.75 35.00) scale(0.01400 -0.01400)" d="M332.35 -14.00Q203.57 -14.00 128.01 58.50Q52.45 131.00 52.45 266.87V433.13Q52.45 569.00 128.01 641.50Q203.57 714.00 332.35 714.00Q460.13 714.00 529.58 643.85Q599.03 573.70 599.03 451.57V445.75H480.57V455.22Q480.57 521.42 444.15 563.96Q407.72 606.50 332.35 606.50Q257.63 606.50 215.09 560.70Q172.55 514.90 172.55 435.13V264.87Q172.55 185.93 215.09 139.71Q257.63 93.50 332.35 93.50Q407.72 93.50 444.15 136.45Q480.57 179.40 480.57 244.78V262.25H599.03V248.43Q599.03 126.30 529.58 56.15Q460.13 -14.00 332.35 -14.00Z"/><path transform="translate(239.95 35.00) scale(0.01400 -0.01400)" d="M69.50 0.00V700.00H189.60V405.58H466.40V700.00H586.50V0.00H466.40V296.42H189.60V0.00Z"/></g></svg>', Fe = `
+import { s as Le, m as Qe, a as Te, c as ce, b as qe, d as Ee, R as be, h as F, n as ze, e as Me, f as Ce, g as te, i as G, j as P, r as He, v as Ae, k as Re, S as Ie, U as De, l as Ve, o as je, p as Oe } from "./bugcatch-core.es.js";
+const Ne = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 8.5A1.5 1.5 0 0 1 4.5 7h2.2a1 1 0 0 0 .83-.45l.94-1.4A1 1 0 0 1 9.3 4.7h5.4a1 1 0 0 1 .83.45l.94 1.4a1 1 0 0 0 .83.45h2.2A1.5 1.5 0 0 1 21 8.5v9A1.5 1.5 0 0 1 19.5 19h-15A1.5 1.5 0 0 1 3 17.5z"/><circle cx="12" cy="13" r="3.4"/></svg>', Be = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="6" width="12.5" height="12" rx="2.2"/><path d="M15.5 10.8l4.2-2.6a.6.6 0 0 1 .92.5v6.6a.6.6 0 0 1-.92.5l-4.2-2.6z"/></svg>', fe = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 11.5l-7.6 7.6a4.6 4.6 0 0 1-6.5-6.5l8-8a3.2 3.2 0 0 1 4.5 4.5l-8 8a1.8 1.8 0 0 1-2.5-2.5l7.1-7.1"/></svg>', pe = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="2.5" width="6" height="11" rx="3"/><path d="M5.5 11a6.5 6.5 0 0 0 13 0M12 17.5V21M9 21h6"/></svg>', ge = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12l16-8-6 16-2.6-6.2L4 12Z"/></svg>', Ye = '<svg viewBox="0 0 24 24" fill="currentColor"><rect x="7" y="7" width="10" height="10" rx="2"/></svg>', We = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 5.5L8 12l6.5 6.5"/></svg>', re = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6.2 3.5h3l1.5 3.7-2 1.4a11.5 11.5 0 0 0 5.7 5.7l1.4-2 3.7 1.5v3a1.8 1.8 0 0 1-2 1.8A15.6 15.6 0 0 1 4.4 5.5a1.8 1.8 0 0 1 1.8-2z"/></svg>', Pe = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 12a8 8 0 1 1-2.6-5.9M20 4v4.5h-4.5"/></svg>', Fe = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.5 6l6 6-6 6"/></svg>', me = '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.9l2.75 5.82 6.37.76-4.7 4.37 1.24 6.3L12 17.03l-5.66 3.12 1.24-6.3-4.7-4.37 6.37-.76z"/></svg>', Ke = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3.5 13.5l2.6-7.2A1.5 1.5 0 0 1 7.5 5.3h9a1.5 1.5 0 0 1 1.4 1L20.5 13.5V18a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 18z"/><path d="M3.5 13.5h4.8l1.2 2.2h5l1.2-2.2h4.8"/></svg>', Ue = '<svg class="bc-brand" viewBox="0 0 254 60" fill="none" role="img" aria-label="sphoro BugCatch"><g fill="currentColor"><path transform="translate(0.00 40.00) scale(0.04000 -0.04000)" d="M276.00 -14.00Q179.00 -14.00 117.00 28.00Q55.00 70.00 42.00 148.00L158.00 178.00Q165.00 143.00 181.50 123.00Q198.00 103.00 222.50 94.50Q247.00 86.00 276.00 86.00Q320.00 86.00 341.00 101.50Q362.00 117.00 362.00 140.00Q362.00 163.00 342.00 175.50Q322.00 188.00 278.00 196.00L250.00 201.00Q198.00 211.00 155.00 228.50Q112.00 246.00 86.00 277.00Q60.00 308.00 60.00 357.00Q60.00 431.00 114.00 470.50Q168.00 510.00 256.00 510.00Q339.00 510.00 394.00 473.00Q449.00 436.00 466.00 376.00L349.00 340.00Q341.00 378.00 316.50 394.00Q292.00 410.00 256.00 410.00Q220.00 410.00 201.00 397.50Q182.00 385.00 182.00 363.00Q182.00 339.00 202.00 327.50Q222.00 316.00 256.00 310.00L284.00 305.00Q340.00 295.00 385.50 278.50Q431.00 262.00 457.50 231.50Q484.00 201.00 484.00 149.00Q484.00 71.00 427.50 28.50Q371.00 -14.00 276.00 -14.00Z"/><path transform="translate(19.56 40.00) scale(0.04000 -0.04000)" d="M70.00 -200.00V496.00H194.00V436.00H212.00Q229.00 465.00 265.00 487.50Q301.00 510.00 368.00 510.00Q428.00 510.00 479.00 480.50Q530.00 451.00 561.00 394.00Q592.00 337.00 592.00 256.00V240.00Q592.00 159.00 561.00 102.00Q530.00 45.00 479.00 15.50Q428.00 -14.00 368.00 -14.00Q323.00 -14.00 292.50 -3.50Q262.00 7.00 243.50 23.50Q225.00 40.00 214.00 57.00H196.00V-200.00ZM330.00 96.00Q389.00 96.00 427.50 133.50Q466.00 171.00 466.00 243.00V253.00Q466.00 325.00 427.00 362.50Q388.00 400.00 330.00 400.00Q272.00 400.00 233.00 362.50Q194.00 325.00 194.00 253.00V243.00Q194.00 171.00 233.00 133.50Q272.00 96.00 330.00 96.00Z"/><path transform="translate(43.68 40.00) scale(0.04000 -0.04000)" d="M70.00 0.00V700.00H196.00V435.00H214.00Q222.00 451.00 239.00 467.00Q256.00 483.00 284.50 493.50Q313.00 504.00 357.00 504.00Q415.00 504.00 458.50 477.50Q502.00 451.00 526.00 404.50Q550.00 358.00 550.00 296.00V0.00H424.00V286.00Q424.00 342.00 396.50 370.00Q369.00 398.00 318.00 398.00Q260.00 398.00 228.00 359.50Q196.00 321.00 196.00 252.00V0.00Z"/><path transform="translate(66.92 40.00) scale(0.04000 -0.04000)" d="M306.00 -14.00Q232.00 -14.00 173.00 16.00Q114.00 46.00 80.00 103.00Q46.00 160.00 46.00 240.00V256.00Q46.00 336.00 80.00 393.00Q114.00 450.00 173.00 480.00Q232.00 510.00 306.00 510.00Q380.00 510.00 439.00 480.00Q498.00 450.00 532.00 393.00Q566.00 336.00 566.00 256.00V240.00Q566.00 160.00 532.00 103.00Q498.00 46.00 439.00 16.00Q380.00 -14.00 306.00 -14.00ZM306.00 98.00Q364.00 98.00 402.00 135.50Q440.00 173.00 440.00 243.00V253.00Q440.00 323.00 402.50 360.50Q365.00 398.00 306.00 398.00Q248.00 398.00 210.00 360.50Q172.00 323.00 172.00 253.00V243.00Q172.00 173.00 210.00 135.50Q248.00 98.00 306.00 98.00Z"/><path transform="translate(90.00 40.00) scale(0.04000 -0.04000)" d="M70.00 0.00V496.00H194.00V440.00H212.00Q223.00 470.00 248.50 484.00Q274.00 498.00 308.00 498.00H368.00V386.00H306.00Q258.00 386.00 227.00 360.50Q196.00 335.00 196.00 282.00V0.00Z"/><path transform="translate(104.44 40.00) scale(0.04000 -0.04000)" d="M306.00 -14.00Q232.00 -14.00 173.00 16.00Q114.00 46.00 80.00 103.00Q46.00 160.00 46.00 240.00V256.00Q46.00 336.00 80.00 393.00Q114.00 450.00 173.00 480.00Q232.00 510.00 306.00 510.00Q380.00 510.00 439.00 480.00Q498.00 450.00 532.00 393.00Q566.00 336.00 566.00 256.00V240.00Q566.00 160.00 532.00 103.00Q498.00 46.00 439.00 16.00Q380.00 -14.00 306.00 -14.00ZM306.00 98.00Q364.00 98.00 402.00 135.50Q440.00 173.00 440.00 243.00V253.00Q440.00 323.00 402.50 360.50Q365.00 398.00 306.00 398.00Q248.00 398.00 210.00 360.50Q172.00 323.00 172.00 253.00V243.00Q172.00 173.00 210.00 135.50Q248.00 98.00 306.00 98.00Z"/></g><rect x="139.52" y="16" width="1.6" height="26" rx="0.8" fill="var(--bc-brand-mark, #5647ee)" opacity="0.4"/><g fill="var(--bc-brand-mark, #5647ee)"><path transform="translate(154.52 35.00) scale(0.01400 -0.01400)" d="M46.35 0.00V105.85H139.75V594.15H46.35V700.00H404.08Q467.38 700.00 514.79 678.41Q562.20 656.83 588.70 617.33Q615.20 577.83 615.20 523.35V513.70Q615.20 465.52 597.03 434.76Q578.85 404.00 553.91 387.24Q528.98 370.48 506.28 363.30V346.35Q528.98 340.35 555.24 323.50Q581.50 306.65 600.00 275.48Q618.50 244.30 618.50 194.48V184.48Q618.50 126.65 591.41 85.24Q564.33 43.83 516.83 21.91Q469.33 0.00 406.85 0.00ZM259.85 109.15H392.60Q441.20 109.15 469.80 132.60Q498.40 156.05 498.40 198.55V208.20Q498.40 250.70 470.21 274.15Q442.02 297.60 392.60 297.60H259.85ZM259.85 406.75H391.65Q437.55 406.75 466.32 430.11Q495.10 453.48 495.10 493.80V503.80Q495.10 544.95 466.74 567.90Q438.37 590.85 391.65 590.85H259.85Z"/><path transform="translate(167.00 35.00) scale(0.01400 -0.01400)" d="M335.30 -14.00Q251.22 -14.00 190.60 16.63Q129.97 47.25 97.56 104.96Q65.15 162.68 65.15 243.03V700.00H185.25V239.73Q185.25 170.48 224.03 131.99Q262.80 93.50 335.30 93.50Q407.80 93.50 446.57 131.99Q485.35 170.48 485.35 239.73V700.00H605.45V243.03Q605.45 162.68 573.13 104.96Q540.80 47.25 480.09 16.63Q419.38 -14.00 335.30 -14.00Z"/><path transform="translate(179.60 35.00) scale(0.01400 -0.01400)" d="M311.85 -14.00Q238.45 -14.00 179.69 18.50Q120.92 51.00 86.69 113.67Q52.45 176.35 52.45 266.87V433.13Q52.45 569.00 128.01 641.50Q203.57 714.00 332.35 714.00Q460.13 714.00 529.23 645.59Q598.33 577.17 598.33 460.87V456.70H479.87V464.52Q479.87 504.67 463.76 536.86Q447.65 569.05 414.99 587.77Q382.32 606.50 332.35 606.50Q257.63 606.50 215.09 560.70Q172.55 514.90 172.55 435.13V264.87Q172.55 185.93 215.09 138.89Q257.63 91.85 334.00 91.85Q410.02 91.85 445.12 132.83Q480.22 173.80 480.22 237.92V249.67H302.85V351.88H598.33V0.00H487.52V69.10H470.57Q462.70 50.87 446.06 31.44Q429.42 12.00 397.64 -1.00Q365.85 -14.00 311.85 -14.00Z"/><path transform="translate(192.05 35.00) scale(0.01400 -0.01400)" d="M332.35 -14.00Q203.57 -14.00 128.01 58.50Q52.45 131.00 52.45 266.87V433.13Q52.45 569.00 128.01 641.50Q203.57 714.00 332.35 714.00Q460.13 714.00 529.58 643.85Q599.03 573.70 599.03 451.57V445.75H480.57V455.22Q480.57 521.42 444.15 563.96Q407.72 606.50 332.35 606.50Q257.63 606.50 215.09 560.70Q172.55 514.90 172.55 435.13V264.87Q172.55 185.93 215.09 139.71Q257.63 93.50 332.35 93.50Q407.72 93.50 444.15 136.45Q480.57 179.40 480.57 244.78V262.25H599.03V248.43Q599.03 126.30 529.58 56.15Q460.13 -14.00 332.35 -14.00Z"/><path transform="translate(204.25 35.00) scale(0.01400 -0.01400)" d="M19.75 0.00 211.62 700.00H421.33L613.20 0.00H489.27L447.42 159.60H185.53L143.68 0.00ZM214.25 270.40H418.70L324.95 624.87H308.00Z"/><path transform="translate(216.31 35.00) scale(0.01400 -0.01400)" d="M233.95 0.00V590.85H24.70V700.00H563.30V590.85H354.05V0.00Z"/><path transform="translate(227.75 35.00) scale(0.01400 -0.01400)" d="M332.35 -14.00Q203.57 -14.00 128.01 58.50Q52.45 131.00 52.45 266.87V433.13Q52.45 569.00 128.01 641.50Q203.57 714.00 332.35 714.00Q460.13 714.00 529.58 643.85Q599.03 573.70 599.03 451.57V445.75H480.57V455.22Q480.57 521.42 444.15 563.96Q407.72 606.50 332.35 606.50Q257.63 606.50 215.09 560.70Q172.55 514.90 172.55 435.13V264.87Q172.55 185.93 215.09 139.71Q257.63 93.50 332.35 93.50Q407.72 93.50 444.15 136.45Q480.57 179.40 480.57 244.78V262.25H599.03V248.43Q599.03 126.30 529.58 56.15Q460.13 -14.00 332.35 -14.00Z"/><path transform="translate(239.95 35.00) scale(0.01400 -0.01400)" d="M69.50 0.00V700.00H189.60V405.58H466.40V700.00H586.50V0.00H466.40V296.42H189.60V0.00Z"/></g></svg>', Ze = `
 @keyframes bc-fade-in { from { opacity: 0 } to { opacity: 1 } }
 @keyframes bc-fade-out { to { opacity: 0 } }
 @keyframes bc-panel-in { from { opacity: 0; transform: translateY(14px) scale(.965) } to { opacity: 1; transform: none } }
@@ -822,6 +822,34 @@ button.quiet:hover { color: var(--bc-fg); text-decoration-color: color-mix(in sr
 .history .sub .rated svg { width: 11px; height: 11px; color: #f0a81c; }
 .history .sub .rate-ask { color: var(--bc-fg); font-weight: 600; }
 
+/* ---------- a settled report waiting for its rating ----------
+   Above the form on the first screen: the same stars as under a report's
+   conversation, with the report they are about named on top. */
+.rate-due { margin: 0 0 14px; }
+.rate-due:focus { outline: none; }
+.rate-due:focus-visible { box-shadow: var(--bc-ring); }
+.rate-due .rd-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin: 0 0 8px; }
+.rate-due .rd-eyebrow {
+  font-size: 11px; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; color: var(--bc-faint);
+}
+.rate-due.is-required .rd-eyebrow { color: var(--bc-fg); }
+.rate-due .rd-later { font-size: var(--bc-fs-xs); color: var(--bc-muted); }
+.rate-due .rd-report {
+  display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 9px; align-items: center;
+  margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid var(--bc-border);
+}
+.rate-due .rd-ico {
+  grid-row: span 2; display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 999px;
+  background: color-mix(in srgb, var(--bc-ok) 14%, transparent); color: var(--bc-ok);
+}
+.rate-due .rd-ico svg { width: 13px; height: 13px; }
+.rate-due .rd-ttl { font-weight: 620; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.rate-due .rd-sub { font-size: var(--bc-fs-xs); color: var(--bc-muted); }
+
+/* What a required rating is holding: still in sight, plainly not yet. */
+.held { opacity: .42; transition: opacity 200ms ease; }
+@media (prefers-reduced-motion: reduce) { .held { transition: none; } }
+
 /* A call in progress, in place of the form.
    ---------------------------------------------------------------------------
    Deliberately not styled as a chat. Nothing arrives here to read — the
@@ -1005,31 +1033,31 @@ div.done { padding: 44px 26px 44px; text-align: center; animation: bc-fade-in 24
   .tool:hover:not(:disabled) { transform: none; }
 }
 `;
-function le({ title: e, sub: t, id: i = "", back: w = !1, theme: b = "" }) {
+function le({ title: e, sub: t, id: r = "", back: d = !1, theme: u = "" }) {
   return `
     <div class="head">
-      ${w ? `<button class="icon-btn back" type="button" data-act="back" aria-label="Back to your reports">${Ne}</button>` : ""}
+      ${d ? `<button class="icon-btn back" type="button" data-act="back" aria-label="Back to your reports">${We}</button>` : ""}
       <span class="orb mark" aria-hidden="true"></span>
       <div class="titles">
-        <h2${i ? ` id="${i}"` : ""}>${v(e)}</h2>
+        <h2${r ? ` id="${r}"` : ""}>${v(e)}</h2>
         <p>${v(t)}</p>
       </div>
-      ${b ? `<button class="icon-btn theme" type="button" data-act="theme" title="Theme: ${v(b)}"
-        aria-label="Theme: ${v(b)}. Change theme"><span class="m-light">${ke}</span><span class="m-dark">${$e}</span><span class="m-auto">${Se}</span></button>` : ""}
+      ${u ? `<button class="icon-btn theme" type="button" data-act="theme" title="Theme: ${v(u)}"
+        aria-label="Theme: ${v(u)}. Change theme"><span class="m-light">${Le}</span><span class="m-dark">${Qe}</span><span class="m-auto">${Te}</span></button>` : ""}
       <button class="icon-btn" type="button" data-act="close" aria-label="Close">${ce}</button>
     </div>`;
 }
-function re(e, t) {
+function oe(e, t) {
   return `<div class="empty"><span class="empty-ico" aria-hidden="true">${t}</span>${v(e)}</div>`;
 }
-function Ke(e) {
+function _e(e) {
   return Array.from({ length: e }, () => `
     <div class="row" aria-hidden="true">
       <span class="row-ico"></span>
       <span class="who"><span class="skel" style="width:70%"></span><span class="skel" style="width:40%;height:9px"></span></span>
     </div>`).join("") + '<span class="sr-only">Loading…</span>';
 }
-function Ue() {
+function Ge() {
   return `
     <div aria-hidden="true" style="display:flex;flex-direction:column;gap:10px;padding-top:6px">
       <span class="skel" style="width:42%;height:34px;border-radius:16px;align-self:center"></span>
@@ -1038,7 +1066,7 @@ function Ue() {
     </div>
     <span class="sr-only">Loading…</span>`;
 }
-function Ze(e) {
+function Je(e) {
   const t = String(e).trim().split(/\s+/).filter(Boolean);
   return t.length ? (t[0][0] + (t.length > 1 ? t[t.length - 1][0] : "")).toUpperCase() : "?";
 }
@@ -1046,19 +1074,19 @@ function Z(e) {
   const t = new Date(e);
   return Number.isFinite(t.getTime()) ? `${t.getFullYear()}-${t.getMonth()}-${t.getDate()}` : null;
 }
-function _e(e) {
-  const t = new Date(e), i = /* @__PURE__ */ new Date(), w = new Date(i.getFullYear(), i.getMonth(), i.getDate() - 1);
-  if (Z(t) === Z(i)) return "Today";
-  if (Z(t) === Z(w)) return "Yesterday";
+function Xe(e) {
+  const t = new Date(e), r = /* @__PURE__ */ new Date(), d = new Date(r.getFullYear(), r.getMonth(), r.getDate() - 1);
+  if (Z(t) === Z(r)) return "Today";
+  if (Z(t) === Z(d)) return "Yesterday";
   try {
     return t.toLocaleDateString(void 0, {
       weekday: "short",
       day: "numeric",
       month: "short",
-      ...t.getFullYear() !== i.getFullYear() ? { year: "numeric" } : {}
+      ...t.getFullYear() !== r.getFullYear() ? { year: "numeric" } : {}
     });
   } catch {
-    return ne(e);
+    return J(e);
   }
 }
 function ve(e) {
@@ -1070,12 +1098,12 @@ function ve(e) {
     return "";
   }
 }
-function pe(e) {
+function ue(e) {
   return e.scrollHeight - e.scrollTop - e.clientHeight < 40;
 }
 function _(e, { smooth: t = !1 } = {}) {
-  const i = typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
-  t && !i && e.scrollTo ? e.scrollTo({ top: e.scrollHeight, behavior: "smooth" }) : e.scrollTop = e.scrollHeight;
+  const r = typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+  t && !r && e.scrollTo ? e.scrollTo({ top: e.scrollHeight, behavior: "smooth" }) : e.scrollTop = e.scrollHeight;
 }
 function ie(e) {
   return {
@@ -1085,43 +1113,43 @@ function ie(e) {
     CLOSED: "Closed"
   }[e] || String(e || "").toLowerCase();
 }
-function ne(e) {
+function J(e) {
   const t = new Date(e).getTime();
   if (!Number.isFinite(t)) return "";
-  const i = Math.floor((Date.now() - t) / 864e5);
-  if (i <= 0) return "today";
-  if (i === 1) return "yesterday";
-  if (i < 30) return `${i} days ago`;
-  const w = Math.floor(i / 30);
-  return w === 1 ? "a month ago" : `${w} months ago`;
+  const r = Math.floor((Date.now() - t) / 864e5);
+  if (r <= 0) return "today";
+  if (r === 1) return "yesterday";
+  if (r < 30) return `${r} days ago`;
+  const d = Math.floor(r / 30);
+  return d === 1 ? "a month ago" : `${d} months ago`;
 }
 function v(e) {
   return String(e).replace(/[&<>"']/g, (t) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[t]);
 }
-const Ge = 7 * 24 * 60 * 60 * 1e3;
-let J;
-function Xe() {
-  return J || (J = new Promise((e, t) => {
-    const i = indexedDB.open("bugcatch-drafts", 1);
-    i.onupgradeneeded = () => i.result.createObjectStore("drafts"), i.onsuccess = () => e(i.result), i.onerror = () => t(i.error), i.onblocked = () => t(new Error("Draft storage is blocked."));
+const et = 7 * 24 * 60 * 60 * 1e3;
+let ee;
+function tt() {
+  return ee || (ee = new Promise((e, t) => {
+    const r = indexedDB.open("bugcatch-drafts", 1);
+    r.onupgradeneeded = () => r.result.createObjectStore("drafts"), r.onsuccess = () => e(r.result), r.onerror = () => t(r.error), r.onblocked = () => t(new Error("Draft storage is blocked."));
   }).catch((e) => {
-    throw J = null, e;
-  })), J;
-}
-function Je(e, t) {
-  var i, w;
-  return JSON.stringify([e.apiBase, e.projectId, t || ((i = e.user) == null ? void 0 : i.email) || ((w = e.user) == null ? void 0 : w.id) || "anonymous"]);
-}
-async function te(e, t) {
-  const i = await Xe();
-  return new Promise((w, b) => {
-    const T = i.transaction("drafts", t === void 0 ? "readonly" : "readwrite"), x = T.objectStore("drafts"), g = t === void 0 ? x.get(e) : t === null ? x.delete(e) : x.put({ ...t, savedAt: Date.now() }, e);
-    T.oncomplete = () => w(g.result), T.onerror = () => b(T.error), T.onabort = () => b(T.error || new Error("Draft was not saved."));
+    throw ee = null, e;
+  })), ee;
+}
+function at(e, t) {
+  var r, d;
+  return JSON.stringify([e.apiBase, e.projectId, t || ((r = e.user) == null ? void 0 : r.email) || ((d = e.user) == null ? void 0 : d.id) || "anonymous"]);
+}
+async function ae(e, t) {
+  const r = await tt();
+  return new Promise((d, u) => {
+    const S = r.transaction("drafts", t === void 0 ? "readonly" : "readwrite"), b = S.objectStore("drafts"), h = t === void 0 ? b.get(e) : t === null ? b.delete(e) : b.put({ ...t, savedAt: Date.now() }, e);
+    S.oncomplete = () => d(h.result), S.onerror = () => u(S.error), S.onabort = () => u(S.error || new Error("Draft was not saved."));
   });
 }
-async function et(e) {
-  const t = await te(e);
-  return t && Date.now() - t.savedAt > Ge ? (await te(e, null), null) : t || null;
+async function rt(e) {
+  const t = await ae(e);
+  return t && Date.now() - t.savedAt > et ? (await ae(e, null), null) : t || null;
 }
 const xe = [
   { value: "LOW", label: "Low" },
@@ -1129,8 +1157,8 @@ const xe = [
   { value: "HIGH", label: "High" },
   { value: "CRITICAL", label: "Critical" }
 ], ye = "MEDIUM";
-function tt(e) {
-  const t = e.attachments !== !1, i = t && Le(), w = t && Qe();
+function nt(e) {
+  const t = e.attachments !== !1, r = t && qe(), d = t && Ee();
   return `
         <div class="compose">
         <div class="field">
@@ -1151,8 +1179,8 @@ function tt(e) {
         <div class="field">
           <label id="bc-prio-l">How much is it getting in your way?</label>
           <div class="seg" role="group" aria-labelledby="bc-prio-l">
-            ${xe.map((b) => `
-              <button type="button" data-prio="${b.value}" aria-pressed="${b.value === ye}">${b.label}</button>
+            ${xe.map((u) => `
+              <button type="button" data-prio="${u.value}" aria-pressed="${u.value === ye}">${u.label}</button>
             `).join("")}
           </div>
         </div>
@@ -1163,8 +1191,8 @@ function tt(e) {
             <span class="count" aria-live="polite"></span>
           </div>
           <div class="tools" role="group" aria-labelledby="bc-att-l">
-            ${i ? `<button class="tool" type="button" data-act="shot">${Ve}Screenshot</button>` : ""}
-            ${w ? `<button class="tool" type="button" data-act="rec">${je}Record screen</button>` : ""}
+            ${r ? `<button class="tool" type="button" data-act="shot">${Ne}Screenshot</button>` : ""}
+            ${d ? `<button class="tool" type="button" data-act="rec">${Be}Record screen</button>` : ""}
             <button class="tool" type="button" data-act="file">${fe}Upload file</button>
           </div>
           <div class="thumbs"></div>
@@ -1172,552 +1200,552 @@ function tt(e) {
         </div>` : ""}
         </div>`;
 }
-function at(e) {
-  var oe, K, U, M;
+function ot(e) {
+  var ne, K, U, z;
   const {
     client: t,
-    cfg: i,
-    root: w,
-    host: b,
-    dock: T,
-    scrim: x,
-    $: g,
-    say: m,
-    titleInput: l,
-    descInput: d,
+    cfg: r,
+    root: d,
+    host: u,
+    dock: S,
+    scrim: b,
+    $: h,
+    say: f,
+    titleInput: s,
+    descInput: c,
     compose: L,
-    sendBtn: y,
-    note: k
-  } = e, S = g(".thumbs"), q = x.querySelector("input[type=file]"), E = [];
-  let n = ye, p = null;
+    sendBtn: g,
+    note: w
+  } = e, x = h(".thumbs"), T = b.querySelector("input[type=file]"), i = [];
+  let n = ye, o = null;
   const a = document.createElement("div");
   a.setAttribute("role", "status"), a.className = "note", L.prepend(a);
-  const s = Je(i, (oe = t.signedInAs()) == null ? void 0 : oe.email);
-  let u = i.drafts === !1, r = !1, o = Promise.resolve(), f;
-  function $() {
-    if (clearTimeout(f), !u || r || i.drafts === !1) return o;
-    const c = l.value || d.value || E.length ? {
-      title: l.value,
-      description: d.value,
+  const k = at(r, (ne = t.signedInAs()) == null ? void 0 : ne.email);
+  let y = r.drafts === !1, m = !1, l = Promise.resolve(), $;
+  function q() {
+    if (clearTimeout($), !y || m || r.drafts === !1) return l;
+    const p = s.value || c.value || i.length ? {
+      title: s.value,
+      description: c.value,
       priority: n,
-      items: E.map(({ blob: Q, mime: I, kind: C }) => ({ blob: Q, mime: I, kind: C }))
+      items: i.map(({ blob: E, mime: A, kind: R }) => ({ blob: E, mime: A, kind: R }))
     } : null;
-    return o = o.catch(() => {
-    }).then(() => te(s, c)).then(() => {
-      a.textContent = c ? "Draft saved on this device" : "";
+    return l = l.catch(() => {
+    }).then(() => ae(k, p)).then(() => {
+      a.textContent = p ? "Draft saved on this device" : "";
     }).catch(() => {
       a.textContent = "Draft could not be saved. Keep this tab open.";
-    }), o;
+    }), l;
   }
-  function A() {
-    clearTimeout(f), f = setTimeout($, 250);
+  function H() {
+    clearTimeout($), $ = setTimeout(q, 250);
   }
-  L.addEventListener("input", A), L.addEventListener("change", A);
-  const j = () => {
-    $();
+  L.addEventListener("input", H), L.addEventListener("change", H);
+  const O = () => {
+    q();
   };
-  window.addEventListener("pagehide", j);
-  function B() {
-    E.filter((c) => c.status === "failed").forEach(D);
+  window.addEventListener("pagehide", O);
+  function N() {
+    i.filter((p) => p.status === "failed").forEach(V);
   }
-  window.addEventListener("online", B), i.drafts !== !1 && (L.inert = !0, et(s).then((c) => {
-    e.closed || !c || (a.innerHTML = '<span>You have an unfinished report on this device.</span> <button type="button" data-resume>Resume report</button> <button type="button" data-discard>Discard</button>', a.querySelector("[data-resume]").onclick = () => {
-      l.value = c.title || "", d.value = c.description || "", n = xe.some((Q) => Q.value === c.priority) ? c.priority : "MEDIUM", x.querySelectorAll("[data-prio]").forEach((Q) => Q.setAttribute("aria-pressed", String(Q.dataset.prio === n)));
-      for (const Q of (c.items || []).slice(0, i.maxAttachments ?? 5)) O(Q);
-      u = !0, $();
+  window.addEventListener("online", N), r.drafts !== !1 && (L.inert = !0, rt(k).then((p) => {
+    e.closed || !p || (a.innerHTML = '<span>You have an unfinished report on this device.</span> <button type="button" data-resume>Resume report</button> <button type="button" data-discard>Discard</button>', a.querySelector("[data-resume]").onclick = () => {
+      s.value = p.title || "", c.value = p.description || "", n = xe.some((E) => E.value === p.priority) ? p.priority : "MEDIUM", b.querySelectorAll("[data-prio]").forEach((E) => E.setAttribute("aria-pressed", String(E.dataset.prio === n)));
+      for (const E of (p.items || []).slice(0, r.maxAttachments ?? 5)) Y(E);
+      y = !0, q();
     }, a.querySelector("[data-discard]").onclick = () => {
-      u = !0, $();
+      y = !0, q();
     });
   }).catch(() => {
     a.textContent = "Draft storage is unavailable. Keep this tab open.";
   }).finally(() => {
-    L.inert = !1, a.querySelector("[data-resume]") || (u = !0);
+    L.inert = e.mustRate(), a.querySelector("[data-resume]") || (y = !0);
   })), e.onDestroy(() => {
-    var c;
-    $(), clearTimeout(f), window.removeEventListener("pagehide", j), window.removeEventListener("online", B), p == null || p.cancel(), E.forEach((Q) => Q.previewUrl && URL.revokeObjectURL(Q.previewUrl)), (c = w.querySelector(".recbar")) == null || c.remove();
-  }), x.querySelectorAll("[data-prio]").forEach((c) => {
-    c.addEventListener("click", () => {
-      n = c.dataset.prio, A(), x.querySelectorAll("[data-prio]").forEach((Q) => {
-        Q.setAttribute("aria-pressed", String(Q === c));
+    var p;
+    q(), clearTimeout($), window.removeEventListener("pagehide", O), window.removeEventListener("online", N), o == null || o.cancel(), i.forEach((E) => E.previewUrl && URL.revokeObjectURL(E.previewUrl)), (p = d.querySelector(".recbar")) == null || p.remove();
+  }), b.querySelectorAll("[data-prio]").forEach((p) => {
+    p.addEventListener("click", () => {
+      n = p.dataset.prio, H(), b.querySelectorAll("[data-prio]").forEach((E) => {
+        E.setAttribute("aria-pressed", String(E === p));
       });
     });
   });
-  const N = g("#bc-title-err");
-  function h(c) {
-    N.hidden = !c, N.innerHTML = c ? `${G}<span>${v(c)}</span>` : "", l.classList.toggle("invalid", !!c), l.setAttribute("aria-invalid", String(!!c));
+  const B = h("#bc-title-err");
+  function Q(p) {
+    B.hidden = !p, B.innerHTML = p ? `${G}<span>${v(p)}</span>` : "", s.classList.toggle("invalid", !!p), s.setAttribute("aria-invalid", String(!!p));
   }
-  l.addEventListener("input", () => {
-    l.value.trim() && h("");
+  s.addEventListener("input", () => {
+    s.value.trim() && Q("");
   });
-  function z() {
-    const c = E.some((C) => C.status === "uploading");
-    y.disabled = e.sending || c || E.some((C) => C.status === "failed"), k.textContent = c ? "Waiting for the upload to finish…" : E.some((C) => C.status === "failed") ? "Retry or remove failed attachments before sending." : "";
-    const Q = i.maxAttachments ?? 5;
-    x.querySelectorAll(".tool").forEach((C) => {
-      C.disabled = e.sending || E.length >= Q;
+  function C() {
+    const p = i.some((I) => I.status === "uploading"), E = e.mustRate();
+    g.disabled = e.sending || p || E || i.some((I) => I.status === "failed"), w.textContent = E ? "Rate your last report to send a new one." : p ? "Waiting for the upload to finish…" : i.some((I) => I.status === "failed") ? "Retry or remove failed attachments before sending." : "";
+    const A = r.maxAttachments ?? 5;
+    b.querySelectorAll(".tool").forEach((I) => {
+      I.disabled = e.sending || i.length >= A;
     });
-    const I = g(".field-head .count");
-    I && (I.textContent = E.length ? `${E.length} of ${Q}` : "");
-  }
-  e.refreshSendState = z;
-  function R(c) {
-    var Y;
-    const Q = c.el, I = c.kind === "VIDEO" ? "Video" : "Shot", C = c.kind === "VIDEO" ? `<video src="${c.previewUrl}" muted playsinline preload="metadata"></video>` : `<img src="${c.previewUrl}" alt="" />`;
-    let V = "";
-    c.status === "uploading" ? V = `<div class="veil"><div class="spinner"></div><div class="bar"><i style="width:${Math.round(c.progress * 100)}%"></i></div></div>` : c.status === "failed" && (V = `<div class="veil err"><button type="button" data-act="retry" aria-label="Retry upload">${Be}</button>Failed</div>`), Q.innerHTML = `
-      ${C}
-      <span class="kind">${I} · ${P(c.size)}</span>
-      <button class="drop" type="button" data-act="drop" aria-label="Remove ${I.toLowerCase()}">${ce}</button>
-      ${V}`, Q.querySelector('[data-act="drop"]').addEventListener("click", () => H(c)), (Y = Q.querySelector('[data-act="retry"]')) == null || Y.addEventListener("click", () => D(c));
-  }
-  function H(c) {
-    const Q = E.indexOf(c);
-    Q >= 0 && E.splice(Q, 1), c.previewUrl && URL.revokeObjectURL(c.previewUrl), c.el.remove(), $(), z();
-  }
-  async function D(c) {
-    c.status = "uploading", c.progress = 0, R(c), z();
+    const R = h(".field-head .count");
+    R && (R.textContent = i.length ? `${i.length} of ${A}` : "");
+  }
+  e.refreshSendState = C;
+  function M(p) {
+    var W;
+    const E = p.el, A = p.kind === "VIDEO" ? "Video" : "Shot", R = p.kind === "VIDEO" ? `<video src="${p.previewUrl}" muted playsinline preload="metadata"></video>` : `<img src="${p.previewUrl}" alt="" />`;
+    let I = "";
+    p.status === "uploading" ? I = `<div class="veil"><div class="spinner"></div><div class="bar"><i style="width:${Math.round(p.progress * 100)}%"></i></div></div>` : p.status === "failed" && (I = `<div class="veil err"><button type="button" data-act="retry" aria-label="Retry upload">${Pe}</button>Failed</div>`), E.innerHTML = `
+      ${R}
+      <span class="kind">${A} · ${F(p.size)}</span>
+      <button class="drop" type="button" data-act="drop" aria-label="Remove ${A.toLowerCase()}">${ce}</button>
+      ${I}`, E.querySelector('[data-act="drop"]').addEventListener("click", () => D(p)), (W = E.querySelector('[data-act="retry"]')) == null || W.addEventListener("click", () => V(p));
+  }
+  function D(p) {
+    const E = i.indexOf(p);
+    E >= 0 && i.splice(E, 1), p.previewUrl && URL.revokeObjectURL(p.previewUrl), p.el.remove(), q(), C();
+  }
+  async function V(p) {
+    p.status = "uploading", p.progress = 0, M(p), C();
     try {
-      const { storageKey: Q, mime: I } = await t.uploadAttachment(c.blob, c.mime, (C) => {
-        c.progress = C;
-        const V = c.el.querySelector(".bar i");
-        V && (V.style.width = `${Math.round(C * 100)}%`);
+      const { storageKey: E, mime: A } = await t.uploadAttachment(p.blob, p.mime, (R) => {
+        p.progress = R;
+        const I = p.el.querySelector(".bar i");
+        I && (I.style.width = `${Math.round(R * 100)}%`);
       });
-      c.storageKey = Q, c.mime = I, c.status = "ready";
-    } catch (Q) {
-      c.status = "failed", m(Q.message.replace("[BugCatch] ", ""));
+      p.storageKey = E, p.mime = A, p.status = "ready";
+    } catch (E) {
+      p.status = "failed", f(E.message.replace("[BugCatch] ", ""));
     }
-    R(c), z();
+    M(p), C();
   }
-  function O({ blob: c, mime: Q, kind: I }) {
-    const C = i.maxAttachmentBytes ?? 26214400;
-    if (c.size > C) {
-      m(`That file is ${P(c.size)} — the limit is ${P(C)}.`);
+  function Y({ blob: p, mime: E, kind: A }) {
+    const R = r.maxAttachmentBytes ?? 26214400;
+    if (p.size > R) {
+      f(`That file is ${F(p.size)} — the limit is ${F(R)}.`);
       return;
     }
-    const V = Te(Q || c.type, be);
-    if (!V) {
-      m("Only PNG, JPEG, WebP, WebM and MP4 files can be attached to a report.");
+    const I = ze(E || p.type, be);
+    if (!I) {
+      f("Only PNG, JPEG, WebP, WebM and MP4 files can be attached to a report.");
       return;
     }
-    const Y = {
-      blob: c,
-      kind: I,
-      mime: V,
-      size: c.size,
-      previewUrl: URL.createObjectURL(c),
+    const W = {
+      blob: p,
+      kind: A,
+      mime: I,
+      size: p.size,
+      previewUrl: URL.createObjectURL(p),
       status: "uploading",
       progress: 0,
       storageKey: null,
       el: document.createElement("div")
     };
-    Y.el.className = "thumb", E.push(Y), S.appendChild(Y.el), m(""), $(), D(Y);
+    W.el.className = "thumb", i.push(W), x.appendChild(W.el), f(""), q(), V(W);
   }
-  async function X(c) {
-    b.style.opacity = "0", b.style.pointerEvents = "none", await new Promise((Q) => requestAnimationFrame(() => requestAnimationFrame(Q)));
+  async function X(p) {
+    u.style.opacity = "0", u.style.pointerEvents = "none", await new Promise((E) => requestAnimationFrame(() => requestAnimationFrame(E)));
     try {
-      return await c();
+      return await p();
     } finally {
-      b.style.opacity = "", b.style.pointerEvents = "";
+      u.style.opacity = "", u.style.pointerEvents = "";
     }
   }
-  (K = x.querySelector('[data-act="shot"]')) == null || K.addEventListener("click", async () => {
+  (K = b.querySelector('[data-act="shot"]')) == null || K.addEventListener("click", async () => {
     try {
-      const c = await X(Ee);
-      O(c);
-    } catch (c) {
-      (c == null ? void 0 : c.name) !== "NotAllowedError" && m(`Screenshot failed: ${c.message}`);
+      const p = await X(Me);
+      Y(p);
+    } catch (p) {
+      (p == null ? void 0 : p.name) !== "NotAllowedError" && f(`Screenshot failed: ${p.message}`);
     }
-  }), (U = x.querySelector('[data-act="file"]')) == null || U.addEventListener("click", () => q.click()), q == null || q.addEventListener("change", () => {
-    const c = (i.maxAttachments ?? 5) - E.length;
-    [...q.files].slice(0, Math.max(c, 0)).forEach((Q) => {
-      O({
-        blob: Q,
-        mime: Q.type,
-        kind: Q.type.startsWith("video/") ? "VIDEO" : "SCREENSHOT"
+  }), (U = b.querySelector('[data-act="file"]')) == null || U.addEventListener("click", () => T.click()), T == null || T.addEventListener("change", () => {
+    const p = (r.maxAttachments ?? 5) - i.length;
+    [...T.files].slice(0, Math.max(p, 0)).forEach((E) => {
+      Y({
+        blob: E,
+        mime: E.type,
+        kind: E.type.startsWith("video/") ? "VIDEO" : "SCREENSHOT"
       });
-    }), q.value = "";
-  }), (M = x.querySelector('[data-act="rec"]')) == null || M.addEventListener("click", async () => {
-    const c = i.maxRecordingMs ?? 12e4;
-    let Q;
+    }), T.value = "";
+  }), (z = b.querySelector('[data-act="rec"]')) == null || z.addEventListener("click", async () => {
+    const p = r.maxRecordingMs ?? 12e4;
+    let E;
     try {
-      p = await qe({
-        maxMs: c,
-        onTick: (I) => {
-          Q && (Q.querySelector(".time").textContent = ee(I));
+      o = await Ce({
+        maxMs: p,
+        onTick: (A) => {
+          E && (E.querySelector(".time").textContent = te(A));
         },
         onAutoStop: () => {
-          p && W({ keep: !0 });
+          o && j({ keep: !0 });
         }
       });
-    } catch (I) {
-      (I == null ? void 0 : I.name) !== "NotAllowedError" && m(`Recording failed: ${I.message}`);
+    } catch (A) {
+      (A == null ? void 0 : A.name) !== "NotAllowedError" && f(`Recording failed: ${A.message}`);
       return;
     }
-    x.style.display = "none", T.hidden = !0, Q = document.createElement("div"), Q.className = "recbar", Q.innerHTML = `
+    b.style.display = "none", S.hidden = !0, E = document.createElement("div"), E.className = "recbar", E.innerHTML = `
       <span class="dot"></span>
       <span class="time">0:00</span>
-      <span class="hint">Recording — up to ${ee(Math.round(c / 1e3))}</span>
+      <span class="hint">Recording — up to ${te(Math.round(p / 1e3))}</span>
       <button class="stop" type="button">Stop</button>
-      <button class="ghost" type="button">Discard</button>`, Q.querySelector(".stop").addEventListener("click", () => W({ keep: !0 })), Q.querySelector(".ghost").addEventListener("click", () => W({ keep: !1 })), w.appendChild(Q), Q.querySelector(".stop").focus();
+      <button class="ghost" type="button">Discard</button>`, E.querySelector(".stop").addEventListener("click", () => j({ keep: !0 })), E.querySelector(".ghost").addEventListener("click", () => j({ keep: !1 })), d.appendChild(E), E.querySelector(".stop").focus();
   });
-  async function W({ keep: c }) {
-    var I;
-    const Q = p;
-    if (Q) {
-      if (p = null, (I = w.querySelector(".recbar")) == null || I.remove(), x.style.display = "", T.hidden = !1, !c) {
-        Q.cancel(), l.focus();
+  async function j({ keep: p }) {
+    var A;
+    const E = o;
+    if (E) {
+      if (o = null, (A = d.querySelector(".recbar")) == null || A.remove(), b.style.display = "", S.hidden = !1, !p) {
+        E.cancel(), s.focus();
         return;
       }
       try {
-        const C = await Q.stop();
-        C.blob.size ? O(C) : m("That recording came back empty — nothing was captured.");
-      } catch (C) {
-        m(`Recording failed: ${C.message}`);
+        const R = await E.stop();
+        R.blob.size ? Y(R) : f("That recording came back empty — nothing was captured.");
+      } catch (R) {
+        f(`Recording failed: ${R.message}`);
       }
-      l.focus();
+      s.focus();
     }
   }
-  e.isRecording = () => !!p, e.stopRecording = W, y.addEventListener("click", async () => {
-    var I;
-    const c = l.value;
-    if (!c.trim()) {
-      h("Add a few words about what went wrong — a short sentence is plenty."), l.focus();
+  e.isRecording = () => !!o, e.stopRecording = j, g.addEventListener("click", async () => {
+    var A;
+    const p = s.value;
+    if (!p.trim()) {
+      Q("Add a few words about what went wrong — a short sentence is plenty."), s.focus();
       return;
     }
     if (e.holdForReference()) return;
-    e.sending = !0, m(""), z();
-    const Q = y.innerHTML;
-    y.innerHTML = '<span class="spinner" aria-hidden="true"></span>Sending…';
+    e.sending = !0, f(""), C();
+    const E = g.innerHTML;
+    g.innerHTML = '<span class="spinner" aria-hidden="true"></span>Sending…';
     try {
-      const C = await t.report({
-        title: c,
-        description: d.value,
+      const R = await t.report({
+        title: p,
+        description: c.value,
         priority: n,
         references: e.answeredReference(),
-        issue: ((I = e.pickedIssue()) == null ? void 0 : I.key) || null,
-        attachments: E.filter((V) => V.status === "ready").map((V) => ({ type: V.kind, storageKey: V.storageKey, mime: V.mime }))
+        issue: ((A = e.pickedIssue()) == null ? void 0 : A.key) || null,
+        attachments: i.filter((I) => I.status === "ready").map((I) => ({ type: I.kind, storageKey: I.storageKey, mime: I.mime }))
       });
-      if (C != null && C.cancelled) {
-        e.sending = !1, y.innerHTML = Q, z();
+      if (R != null && R.cancelled) {
+        e.sending = !1, g.innerHTML = E, C();
         return;
       }
-      r = !0, clearTimeout(f), await o, i.drafts !== !1 && await te(s, null).catch(() => {
-      }), e.succeed(C);
-    } catch (C) {
-      e.sending = !1, y.innerHTML = Q, m(C.message.replace("[BugCatch] ", "")), z(), e.recheckSignIn();
+      m = !0, clearTimeout($), await l, r.drafts !== !1 && await ae(k, null).catch(() => {
+      }), e.succeed(R);
+    } catch (R) {
+      e.sending = !1, g.innerHTML = E, f(R.message.replace("[BugCatch] ", "")), C(), e.recheckSignIn();
     }
   });
 }
-function nt(e) {
+function it(e) {
   const {
     client: t,
-    say: i,
-    titleInput: w,
-    descInput: b,
-    sendBtn: T,
-    refsBox: x
+    say: r,
+    titleInput: d,
+    descInput: u,
+    sendBtn: S,
+    refsBox: b
   } = e;
-  let g = { policy: "off", fields: [] }, m = !1, l = null, d = "", L = "", y = [], k = "ask", S = !1, q = !1;
-  t.referenceFields().then((h) => {
-    g = h, u();
+  let h = { policy: "off", fields: [] }, f = !1, s = null, c = "", L = "", g = [], w = "ask", x = !1, T = !1;
+  t.referenceFields().then((Q) => {
+    h = Q, y();
   }).catch(() => {
   });
-  function E() {
-    return g.policy === "off" || !g.fields.length ? { found: [], conflicts: [], loose: [] } : ze(g.fields, [w.value, b.value]);
+  function i() {
+    return h.policy === "off" || !h.fields.length ? { found: [], conflicts: [], loose: [] } : He(h.fields, [d.value, u.value]);
   }
-  function n(h = E()) {
-    return h.found.length > 0 && h.conflicts.length === 0;
+  function n(Q = i()) {
+    return Q.found.length > 0 && Q.conflicts.length === 0;
   }
-  function p() {
-    return !l || !d.trim() ? [] : [{ key: l, value: d.trim().slice(0, 120) }];
+  function o() {
+    return !s || !c.trim() ? [] : [{ key: s, value: c.trim().slice(0, 120) }];
   }
   const a = document.createElement("p");
-  a.className = "ref-found", a.setAttribute("aria-live", "polite"), a.hidden = !0, b.closest(".field").after(a);
-  let s;
-  function u() {
-    const h = E();
-    if (n(h)) {
-      const z = h.found.slice(0, 2).map((R) => `${v(R.label)} <b>${v(o(R.value))}</b>`).join(", ");
-      a.innerHTML = `${F}<span>Found your ${z} — no need to add it again.</span>`, a.hidden = !1, m && !p().length && (m = !1, A());
+  a.className = "ref-found", a.setAttribute("aria-live", "polite"), a.hidden = !0, u.closest(".field").after(a);
+  let k;
+  function y() {
+    const Q = i();
+    if (n(Q)) {
+      const C = Q.found.slice(0, 2).map((M) => `${v(M.label)} <b>${v(l(M.value))}</b>`).join(", ");
+      a.innerHTML = `${P}<span>Found your ${C} — no need to add it again.</span>`, a.hidden = !1, f && !o().length && (f = !1, H());
     } else
       a.hidden = !0, a.innerHTML = "";
   }
-  const r = () => {
-    clearTimeout(s), s = setTimeout(u, 250);
+  const m = () => {
+    clearTimeout(k), k = setTimeout(y, 250);
   };
-  w.addEventListener("input", r), b.addEventListener("input", r);
-  function o(h) {
-    return h.length > 20 ? `${h.slice(0, 8)}…${h.slice(-4)}` : h;
+  d.addEventListener("input", m), u.addEventListener("input", m);
+  function l(Q) {
+    return Q.length > 20 ? `${Q.slice(0, 8)}…${Q.slice(-4)}` : Q;
   }
-  function f(h) {
-    const z = h.trim().toLowerCase();
-    return y.find((R) => R.value.toLowerCase() === z) || null;
+  function $(Q) {
+    const C = Q.trim().toLowerCase();
+    return g.find((M) => M.value.toLowerCase() === C) || null;
   }
-  function $(h) {
-    d = h.value, h.kinds.length === 1 ? l = h.kinds[0].key : h.kinds.some((z) => z.key === l) || (l = null), L = "", q = !1;
+  function q(Q) {
+    c = Q.value, Q.kinds.length === 1 ? s = Q.kinds[0].key : Q.kinds.some((C) => C.key === s) || (s = null), L = "", T = !1;
   }
-  function A() {
+  function H() {
     var K, U;
-    if (!m) {
-      x.hidden = !0, x.innerHTML = "";
+    if (!f) {
+      b.hidden = !0, b.innerHTML = "";
       return;
     }
-    const h = g.fields.find((M) => M.key === l) || null, z = g.policy !== "required", R = f(d), H = R && R.kinds.length > 1 ? g.fields.filter((M) => R.kinds.some((c) => c.key === M.key)) : g.fields, D = y.length > 1 && y.every((M) => M.kinds.length === 1 && M.kinds[0].key === y[0].kinds[0].key), O = {
-      confirm: y.length > 1 ? ["Which one is this about?", "We found more than one ID in your message. Pick the one this problem is about."] : ["Is this the right ID?", "This could be more than one kind of ID. Tell us which it is."],
+    const Q = h.fields.find((z) => z.key === s) || null, C = h.policy !== "required", M = $(c), D = M && M.kinds.length > 1 ? h.fields.filter((z) => M.kinds.some((p) => p.key === z.key)) : h.fields, V = g.length > 1 && g.every((z) => z.kinds.length === 1 && z.kinds[0].key === g[0].kinds[0].key), Y = {
+      confirm: g.length > 1 ? ["Which one is this about?", "We found more than one ID in your message. Pick the one this problem is about."] : ["Is this the right ID?", "This could be more than one kind of ID. Tell us which it is."],
       suggest: ["Is this your ID?", "We spotted this in your message. Tell us what it is so we can find your record."],
-      ask: z ? ["One more thing", "So we can find your record — this helps us answer faster."] : ["We need one detail", "We need one of these to look this up."]
-    }[k];
-    x.hidden = !1;
-    const X = H.length > 6;
-    x.innerHTML = `
+      ask: C ? ["One more thing", "So we can find your record — this helps us answer faster."] : ["We need one detail", "We need one of these to look this up."]
+    }[w];
+    b.hidden = !1;
+    const X = D.length > 6;
+    b.innerHTML = `
       <div class="ask-head">
         <span class="avatar orb" aria-hidden="true"></span>
         <div>
-          <strong>${v(O[0])}</strong>
-          <p class="why">${v(O[1])}</p>
+          <strong>${v(Y[0])}</strong>
+          <p class="why">${v(Y[1])}</p>
         </div>
       </div>
-      ${y.length > 1 ? `
+      ${g.length > 1 ? `
       <div class="chips cands" role="group" aria-label="IDs found in your message">
-        ${y.map((M, c) => `
-          <button type="button" data-ref-cand="${c}" title="${v(M.value)}"
-            aria-pressed="${!!R && R === M}">${v(o(M.value))}</button>
+        ${g.map((z, p) => `
+          <button type="button" data-ref-cand="${p}" title="${v(z.value)}"
+            aria-pressed="${!!M && M === z}">${v(l(z.value))}</button>
         `).join("")}
       </div>` : ""}
-      ${H.length > 1 && !X && !D ? `
+      ${D.length > 1 && !X && !V ? `
       <div class="chips" role="group" aria-label="Which detail you are giving">
-        ${H.map((M) => `
-          <button type="button" data-ref-kind="${v(M.key)}" aria-pressed="${!!h && M.key === h.key}">${v(M.label)}</button>
+        ${D.map((z) => `
+          <button type="button" data-ref-kind="${v(z.key)}" aria-pressed="${!!Q && z.key === Q.key}">${v(z.label)}</button>
         `).join("")}
       </div>` : ""}
       <div class="row">
         ${X ? `
         <select class="ref-kind" aria-label="Which detail you are giving">
-          ${h ? "" : '<option value="" selected disabled>What is it?</option>'}
-          ${H.map((M) => `
-            <option value="${v(M.key)}" ${h && M.key === h.key ? "selected" : ""}>${v(M.label)}</option>
+          ${Q ? "" : '<option value="" selected disabled>What is it?</option>'}
+          ${D.map((z) => `
+            <option value="${v(z.key)}" ${Q && z.key === Q.key ? "selected" : ""}>${v(z.label)}</option>
           `).join("")}
         </select>` : ""}
-        <input class="ref-value${L ? " invalid" : ""}" type="${(h == null ? void 0 : h.inputMode) === "email" ? "email" : "text"}"
-          inputmode="${v((h == null ? void 0 : h.inputMode) === "numeric" || (h == null ? void 0 : h.inputMode) === "tel" ? "numeric" : "text")}"
-          value="${v(d)}"
-          placeholder="${v(h ? h.placeholder || h.label : "Your ID")}"
-          aria-label="${v(h ? h.label : "Your ID")}" ${L ? 'aria-invalid="true"' : ""} />
+        <input class="ref-value${L ? " invalid" : ""}" type="${(Q == null ? void 0 : Q.inputMode) === "email" ? "email" : "text"}"
+          inputmode="${v((Q == null ? void 0 : Q.inputMode) === "numeric" || (Q == null ? void 0 : Q.inputMode) === "tel" ? "numeric" : "text")}"
+          value="${v(c)}"
+          placeholder="${v(Q ? Q.placeholder || Q.label : "Your ID")}"
+          aria-label="${v(Q ? Q.label : "Your ID")}" ${L ? 'aria-invalid="true"' : ""} />
       </div>
-      ${h != null && h.hint ? `<p class="hint">${v(h.hint)}</p>` : ""}
+      ${Q != null && Q.hint ? `<p class="hint">${v(Q.hint)}</p>` : ""}
       ${L ? `<p class="field-err" role="alert">${G}<span>${v(L)}</span></p>` : ""}
-      ${z ? `<button type="button" class="link" data-act="ref-skip">${k === "ask" ? "I don't have this — send without it" : "Not sure — send as it is"}</button>` : ""}`, x.querySelectorAll("[data-ref-cand]").forEach((M) => {
-      M.addEventListener("click", () => {
-        $(y[Number(M.dataset.refCand)]), A();
+      ${C ? `<button type="button" class="link" data-act="ref-skip">${w === "ask" ? "I don't have this — send without it" : "Not sure — send as it is"}</button>` : ""}`, b.querySelectorAll("[data-ref-cand]").forEach((z) => {
+      z.addEventListener("click", () => {
+        q(g[Number(z.dataset.refCand)]), H();
       });
-    }), x.querySelectorAll("[data-ref-kind]").forEach((M) => {
-      M.addEventListener("click", () => {
-        l = M.dataset.refKind, L = "", q = !1, A();
+    }), b.querySelectorAll("[data-ref-kind]").forEach((z) => {
+      z.addEventListener("click", () => {
+        s = z.dataset.refKind, L = "", T = !1, H();
       });
     });
-    const W = x.querySelector(".ref-value");
-    W.addEventListener("input", () => {
-      d = W.value, L = "", q = !1;
-    }), W.addEventListener("keydown", (M) => {
-      M.key === "Enter" && (M.preventDefault(), T.click());
-    }), (K = x.querySelector(".ref-kind")) == null || K.addEventListener("change", (M) => {
-      var c;
-      l = M.target.value, L = "", A(), (c = x.querySelector(".ref-value")) == null || c.focus();
-    }), (U = x.querySelector('[data-act="ref-skip"]')) == null || U.addEventListener("click", () => {
-      S = !0, m = !1, l = null, d = "", L = "", q = !1, A(), i("");
-    }), ((!h && d ? x.querySelector("[data-ref-kind], .ref-kind") : null) || W).focus();
-  }
-  function j(h) {
-    if (y = h.conflicts.length ? h.conflicts : h.loose.slice(0, 4), k = h.conflicts.length ? "confirm" : h.loose.length ? "suggest" : "ask", m = !0, y.length)
-      if (y.length === 1) $(y[0]);
+    const j = b.querySelector(".ref-value");
+    j.addEventListener("input", () => {
+      c = j.value, L = "", T = !1;
+    }), j.addEventListener("keydown", (z) => {
+      z.key === "Enter" && (z.preventDefault(), S.click());
+    }), (K = b.querySelector(".ref-kind")) == null || K.addEventListener("change", (z) => {
+      var p;
+      s = z.target.value, L = "", H(), (p = b.querySelector(".ref-value")) == null || p.focus();
+    }), (U = b.querySelector('[data-act="ref-skip"]')) == null || U.addEventListener("click", () => {
+      x = !0, f = !1, s = null, c = "", L = "", T = !1, H(), r("");
+    }), ((!Q && c ? b.querySelector("[data-ref-kind], .ref-kind") : null) || j).focus();
+  }
+  function O(Q) {
+    if (g = Q.conflicts.length ? Q.conflicts : Q.loose.slice(0, 4), w = Q.conflicts.length ? "confirm" : Q.loose.length ? "suggest" : "ask", f = !0, g.length)
+      if (g.length === 1) q(g[0]);
       else {
-        d = "";
-        const [z] = y;
-        l = y.every((H) => H.kinds.length === 1 && H.kinds[0].key === z.kinds[0].key) ? z.kinds[0].key : null;
+        c = "";
+        const [C] = g;
+        s = g.every((D) => D.kinds.length === 1 && D.kinds[0].key === C.kinds[0].key) ? C.kinds[0].key : null;
       }
     else
-      l = l || g.fields[0].key;
-    A();
-  }
-  function B() {
-    if (g.policy === "off" || !g.fields.length || p().length) return !1;
-    const h = E();
-    return n(h) || S && g.policy !== "required" ? !1 : h;
+      s = s || h.fields[0].key;
+    H();
   }
   function N() {
-    if (m && d.trim() && !l)
-      return L = "Pick what this ID is.", A(), !0;
-    const h = B();
-    if (h)
-      return m ? A() : j(h), i(""), !0;
-    if (l && d.trim()) {
-      const z = g.fields.find((R) => R.key === l);
-      if (!q && z && !Me(z, d))
-        return L = `That does not look like a ${z.label.toLowerCase()}. Press Send again to use it anyway.`, q = !0, A(), !0;
+    if (h.policy === "off" || !h.fields.length || o().length) return !1;
+    const Q = i();
+    return n(Q) || x && h.policy !== "required" ? !1 : Q;
+  }
+  function B() {
+    if (f && c.trim() && !s)
+      return L = "Pick what this ID is.", H(), !0;
+    const Q = N();
+    if (Q)
+      return f ? H() : O(Q), r(""), !0;
+    if (s && c.trim()) {
+      const C = h.fields.find((M) => M.key === s);
+      if (!T && C && !Ae(C, c))
+        return L = `That does not look like a ${C.label.toLowerCase()}. Press Send again to use it anyway.`, T = !0, H(), !0;
     }
     return !1;
   }
-  e.holdForReference = N, e.answeredReference = p;
+  e.holdForReference = B, e.answeredReference = o;
 }
-const ot = 3;
-function rt(e) {
-  const { client: t, cfg: i, notices: w } = e;
-  let b = [];
-  function T() {
-    const g = b.slice(0, ot);
-    w.replaceChildren(...g.map((m) => Ce(m, { where: "panel", onDismiss: x }))), w.hidden = g.length === 0;
+const st = 3;
+function lt(e) {
+  const { client: t, cfg: r, notices: d } = e;
+  let u = [];
+  function S() {
+    const h = u.slice(0, st);
+    d.replaceChildren(...h.map((f) => Re(f, { where: "panel", onDismiss: b }))), d.hidden = h.length === 0;
   }
-  function x(g) {
-    t.dismissAnnouncement(g), b = b.filter((m) => m !== g), T(), e.titleInput.focus();
+  function b(h) {
+    t.dismissAnnouncement(h), u = u.filter((f) => f !== h), S(), e.titleInput.focus();
   }
-  i.announcements !== !1 && typeof t.announcements == "function" && t.announcements().then((g) => {
-    e.closed || (b = g, T());
+  r.announcements !== !1 && typeof t.announcements == "function" && t.announcements().then((h) => {
+    e.closed || (u = h, S());
   }).catch(() => {
   });
 }
-function it(e) {
+function ct(e) {
   const {
     client: t,
-    cfg: i,
-    titleInput: w,
-    known: b
+    cfg: r,
+    titleInput: d,
+    known: u
   } = e;
-  let T = [], x = "", g = null, m = null;
-  function l() {
-    i.knownIssues !== !1 && t.knownIssues().then((S) => {
-      T = S, y();
+  let S = [], b = "", h = null, f = null;
+  function s() {
+    r.knownIssues !== !1 && t.knownIssues().then((x) => {
+      S = x, g();
     }).catch(() => {
     });
   }
-  let d = null;
-  function L(S) {
-    if (i.knownIssues === !1) return;
-    clearTimeout(d), m == null || m.abort();
-    const q = (S || "").trim();
-    if (q.length < 3) {
-      l();
+  let c = null;
+  function L(x) {
+    if (r.knownIssues === !1) return;
+    clearTimeout(c), f == null || f.abort();
+    const T = (x || "").trim();
+    if (T.length < 3) {
+      s();
       return;
     }
-    d = setTimeout(() => {
-      m = new AbortController(), t.matchKnownIssues(q, { signal: m.signal }).then((E) => {
-        E.length && (T = E, y());
+    c = setTimeout(() => {
+      f = new AbortController(), t.matchKnownIssues(T, { signal: f.signal }).then((i) => {
+        i.length && (S = i, g());
       }).catch(() => {
       });
     }, 250);
   }
-  function y() {
-    if (!T.length) {
-      b.hidden = !0, b.innerHTML = "";
+  function g() {
+    if (!S.length) {
+      u.hidden = !0, u.innerHTML = "";
       return;
     }
-    b.hidden = !1, b.innerHTML = `
+    u.hidden = !1, u.innerHTML = `
       <p class="known-h">Already reported</p>
-      ${T.map((S) => `
-        <div class="issue ${S.joined ? "is-joined" : ""}">
+      ${S.map((x) => `
+        <div class="issue ${x.joined ? "is-joined" : ""}">
           <span class="who">
-            <span class="t">${v(S.title)}</span>
-            <span class="meta">${v(k(S))}</span>
+            <span class="t">${v(x.title)}</span>
+            <span class="meta">${v(w(x))}</span>
           </span>
-          <button class="join" type="button" data-join="${v(S.id)}"
-            ${S.joined ? "disabled" : ""}>${S.joined ? "Following" : "Me too"}</button>
+          <button class="join" type="button" data-join="${v(x.id)}"
+            ${x.joined ? "disabled" : ""}>${x.joined ? "Following" : "Me too"}</button>
         </div>
-        ${g === S.id ? `
+        ${h === x.id ? `
         <div class="ask">
           <input type="email" class="join-email" placeholder="you@example.com"
             aria-label="Your email, so we can tell you when this is fixed" />
-          <button class="ghost" type="button" data-join-confirm="${v(S.id)}">Follow</button>
+          <button class="ghost" type="button" data-join-confirm="${v(x.id)}">Follow</button>
         </div>` : ""}
       `).join("")}
-      ${x ? `<p class="err">${v(x)}</p>` : ""}`;
-  }
-  function k(S) {
-    const q = S.status === "IN_PROGRESS" ? "Being worked on now" : "Not fixed yet", E = S.affectedCount === 0 ? "" : ` · ${S.affectedCount} ${S.affectedCount === 1 ? "person has" : "people have"} said this is happening to them`;
-    return `${q} · reported ${ne(S.since)}${E}`;
-  }
-  b.addEventListener("click", async (S) => {
-    var a, s, u, r, o;
-    const q = S.target.closest("[data-join]"), E = S.target.closest("[data-join-confirm]");
-    if (!q && !E) return;
-    const n = (E || q).getAttribute(E ? "data-join-confirm" : "data-join");
-    x = "";
-    const p = ((s = (a = b.querySelector(".join-email")) == null ? void 0 : a.value) == null ? void 0 : s.trim()) || ((u = t.signedInAs()) == null ? void 0 : u.email) || ((r = t.config.user) == null ? void 0 : r.email);
-    if (!p) {
-      g = n, y(), (o = b.querySelector(".join-email")) == null || o.focus();
+      ${b ? `<p class="err">${v(b)}</p>` : ""}`;
+  }
+  function w(x) {
+    const T = x.status === "IN_PROGRESS" ? "Being worked on now" : "Not fixed yet", i = x.affectedCount === 0 ? "" : ` · ${x.affectedCount} ${x.affectedCount === 1 ? "person has" : "people have"} said this is happening to them`;
+    return `${T} · reported ${J(x.since)}${i}`;
+  }
+  u.addEventListener("click", async (x) => {
+    var a, k, y, m, l;
+    const T = x.target.closest("[data-join]"), i = x.target.closest("[data-join-confirm]");
+    if (!T && !i) return;
+    const n = (i || T).getAttribute(i ? "data-join-confirm" : "data-join");
+    b = "";
+    const o = ((k = (a = u.querySelector(".join-email")) == null ? void 0 : a.value) == null ? void 0 : k.trim()) || ((y = t.signedInAs()) == null ? void 0 : y.email) || ((m = t.config.user) == null ? void 0 : m.email);
+    if (!o) {
+      h = n, g(), (l = u.querySelector(".join-email")) == null || l.focus();
       return;
     }
     try {
-      const f = await t.meToo(n, { email: p });
-      g = null, T = T.map(($) => $.id === n ? { ...$, joined: !0, affectedCount: f.affectedCount ?? $.affectedCount } : $), y();
-    } catch (f) {
-      x = f.message.replace("[BugCatch] ", ""), y();
+      const $ = await t.meToo(n, { email: o });
+      h = null, S = S.map((q) => q.id === n ? { ...q, joined: !0, affectedCount: $.affectedCount ?? q.affectedCount } : q), g();
+    } catch ($) {
+      b = $.message.replace("[BugCatch] ", ""), g();
     }
-  }), l(), w.addEventListener("input", () => L(w.value));
+  }), s(), d.addEventListener("input", () => L(d.value));
 }
-function st(e) {
+function dt(e) {
   const {
     client: t,
-    cfg: i,
-    titleInput: w,
-    descInput: b,
-    picks: T
+    cfg: r,
+    titleInput: d,
+    descInput: u,
+    picks: S
   } = e;
-  let x = [], g = null;
-  function m() {
-    if (!x.length) {
-      T.hidden = !0, T.innerHTML = "";
+  let b = [], h = null;
+  function f() {
+    if (!b.length) {
+      S.hidden = !0, S.innerHTML = "";
       return;
     }
-    T.hidden = !1, T.innerHTML = `
+    S.hidden = !1, S.innerHTML = `
       <p class="picks-h">Get an answer right away</p>
       <div class="picks-grid" role="group" aria-label="Common questions">
-        ${x.map((l, d) => `
-          <button type="button" class="pick" data-pick="${v(l.key)}"
-            ${l.hint ? `title="${v(l.hint)}" aria-describedby="bc-pick-h${d}"` : ""}
-            aria-pressed="${(g == null ? void 0 : g.key) === l.key}">
-            <span class="t">${v(l.title)}</span>
-            ${l.hint ? `<span class="h sr-only" id="bc-pick-h${d}">${v(l.hint)}</span>` : ""}
+        ${b.map((s, c) => `
+          <button type="button" class="pick" data-pick="${v(s.key)}"
+            ${s.hint ? `title="${v(s.hint)}" aria-describedby="bc-pick-h${c}"` : ""}
+            aria-pressed="${(h == null ? void 0 : h.key) === s.key}">
+            <span class="t">${v(s.title)}</span>
+            ${s.hint ? `<span class="h sr-only" id="bc-pick-h${c}">${v(s.hint)}</span>` : ""}
           </button>`).join("")}
       </div>
-      ${g ? `<p class="picks-note">${F}<span>Our assistant will check your account and reply here. Add anything else below, then send.</span></p>` : ""}`;
+      ${h ? `<p class="picks-note">${P}<span>Our assistant will check your account and reply here. Add anything else below, then send.</span></p>` : ""}`;
   }
-  T.addEventListener("click", (l) => {
-    const d = l.target.closest("[data-pick]");
-    if (!d) return;
-    const L = x.find((k) => k.key === d.dataset.pick);
+  S.addEventListener("click", (s) => {
+    const c = s.target.closest("[data-pick]");
+    if (!c) return;
+    const L = b.find((w) => w.key === c.dataset.pick);
     if (!L) return;
-    const y = g && w.value.trim() === g.title;
-    (g == null ? void 0 : g.key) === L.key ? (g = null, y && (w.value = "")) : (g = L, (!w.value.trim() || y) && (w.value = L.title)), w.dispatchEvent(new Event("input", { bubbles: !0 })), m(), g && b.focus();
-  }), i.agentIssues !== !1 && typeof t.agentIssues == "function" && t.agentIssues().then((l) => {
-    x = l, m();
+    const g = h && d.value.trim() === h.title;
+    (h == null ? void 0 : h.key) === L.key ? (h = null, g && (d.value = "")) : (h = L, (!d.value.trim() || g) && (d.value = L.title)), d.dispatchEvent(new Event("input", { bubbles: !0 })), f(), h && u.focus();
+  }), r.agentIssues !== !1 && typeof t.agentIssues == "function" && t.agentIssues().then((s) => {
+    b = s, f();
   }).catch(() => {
-  }), e.pickedIssue = () => g;
+  }), e.pickedIssue = () => h;
 }
-function lt(e) {
+function pt(e) {
   const {
     client: t,
-    scrim: i,
-    say: w,
-    callBtn: b,
-    close: T
+    scrim: r,
+    say: d,
+    callBtn: u,
+    close: S
   } = e;
-  let x = !1;
-  function g() {
-    t.callKind().then((d) => {
-      d && (x = !0, e.preloadCall(), b.hidden = e.mustSignIn());
+  let b = !1;
+  function h() {
+    t.callKind().then((c) => {
+      c && (b = !0, e.preloadCall(), u.hidden = e.mustSignIn() || e.mustRate());
     }).catch(() => {
     });
   }
-  g(), b.addEventListener("click", async () => {
-    e.sending = !0, w(""), e.refreshSendState(), b.disabled = !0, b.innerHTML = '<span class="spinner"></span>Ringing…';
+  h(), u.addEventListener("click", async () => {
+    e.sending = !0, d(""), e.refreshSendState(), u.disabled = !0, u.innerHTML = '<span class="spinner"></span>Ringing…';
     try {
-      const d = await t.startCall();
-      m(d);
-    } catch (d) {
-      e.sending = !1, b.disabled = !1, b.innerHTML = `${ae}Talk to the team`, e.refreshSendState(), d.filed ? e.succeed(d.filed, { callFailed: d.reason || "The call could not be started." }) : (w(d.message.replace("[BugCatch] ", "")), e.recheckSignIn());
+      const c = await t.startCall();
+      f(c);
+    } catch (c) {
+      e.sending = !1, u.disabled = !1, u.innerHTML = `${re}Talk to the team`, e.refreshSendState(), c.filed ? e.succeed(c.filed, { callFailed: c.reason || "The call could not be started." }) : (d(c.message.replace("[BugCatch] ", "")), e.recheckSignIn());
     }
   });
-  function m(d) {
-    const L = i.querySelector(".panel"), y = d != null && d.bugId ? String(d.bugId).slice(0, 8) : null;
+  function f(c) {
+    const L = r.querySelector(".panel"), g = c != null && c.bugId ? String(c.bugId).slice(0, 8) : null;
     L.innerHTML = `
       <div class="call">
         <div class="call-head">
@@ -1725,246 +1753,246 @@ function lt(e) {
           <strong class="call-state">Ringing…</strong>
         </div>
         <p class="call-note">
-          We're ringing the team now. Someone will pick up if they're free — your report${y ? ` <code>${v(y)}</code>` : ""} is already filed either way, so nothing is lost if nobody answers.
+          We're ringing the team now. Someone will pick up if they're free — your report${g ? ` <code>${v(g)}</code>` : ""} is already filed either way, so nothing is lost if nobody answers.
         </p>
         <div class="foot">
           <span class="spacer"></span>
           <button class="primary" type="button" data-act="hangup">Cancel</button>
         </div>
       </div>`;
-    const k = L.querySelector(".call-state"), S = L.querySelector(".call-dot"), q = {
+    const w = L.querySelector(".call-state"), x = L.querySelector(".call-dot"), T = {
       ringing: "Ringing the team…",
       connecting: "Someone answered — connecting…",
       connected: "Connected",
       missed: "Nobody was free",
       ended: "Call ended",
       failed: "The call dropped"
-    }, E = ["ended", "failed", "missed"], n = t.on("call", ({ state: p }) => {
-      if (k.textContent = q[p] || p, S.classList.toggle("off", E.includes(p)), E.includes(p) && (L.querySelector('[data-act="hangup"]').textContent = "Close", p === "missed")) {
+    }, i = ["ended", "failed", "missed"], n = t.on("call", ({ state: o }) => {
+      if (w.textContent = T[o] || o, x.classList.toggle("off", i.includes(o)), i.includes(o) && (L.querySelector('[data-act="hangup"]').textContent = "Close", o === "missed")) {
         const a = L.querySelector(".call-note");
         a && (a.textContent = "Nobody was free to pick up just now. Your report is filed and the team will reply in the chat.");
       }
     });
     L.querySelector('[data-act="hangup"]').addEventListener("click", () => {
-      n(), t.endCall(), T();
+      n(), t.endCall(), S();
     });
   }
-  function l(d, L, y) {
-    const k = document.createElement("div");
-    k.className = "livecall", k.innerHTML = `
+  function s(c, L, g) {
+    const w = document.createElement("div");
+    w.className = "livecall", w.innerHTML = `
       <span class="call-dot" aria-hidden="true"></span>
       <span class="who" role="status" aria-live="polite">Calling the team…</span>
       <span class="secs" hidden></span>
-      ${y != null && y.recorded ? '<span class="call-kept">This call is recorded.</span>' : ""}
+      ${g != null && g.recorded ? '<span class="call-kept">This call is recorded.</span>' : ""}
       <button class="act" type="button" data-act="mute" hidden>Mute</button>
-      <button class="act danger" type="button" data-act="hangup">Cancel</button>`, d.insertBefore(k, L);
-    const S = k.querySelector(".who"), q = k.querySelector(".secs"), E = k.querySelector(".call-dot"), n = k.querySelector('[data-act="mute"]'), p = k.querySelector('[data-act="hangup"]');
+      <button class="act danger" type="button" data-act="hangup">Cancel</button>`, c.insertBefore(w, L);
+    const x = w.querySelector(".who"), T = w.querySelector(".secs"), i = w.querySelector(".call-dot"), n = w.querySelector('[data-act="mute"]'), o = w.querySelector('[data-act="hangup"]');
     let a = null;
-    const s = () => {
+    const k = () => {
       a && (clearInterval(a), a = null);
-    }, u = (o) => {
-      s(), E.classList.add("off"), k.classList.add("over"), S.textContent = o, q.hidden = !0, n.hidden = !0, p.textContent = "Dismiss", p.classList.remove("danger");
-    }, r = t.on("call", ({ state: o }) => {
-      if (o === "ringing" && (S.textContent = "Calling the team…"), o === "connecting" && (S.textContent = "Someone answered — connecting…"), o === "connected") {
-        S.textContent = "You're on a call with the team", n.hidden = !1, q.hidden = !1;
-        const f = Date.now();
-        s(), a = setInterval(() => {
-          q.textContent = ee(Math.floor((Date.now() - f) / 1e3));
-        }, 1e3), q.textContent = "0s";
+    }, y = (l) => {
+      k(), i.classList.add("off"), w.classList.add("over"), x.textContent = l, T.hidden = !0, n.hidden = !0, o.textContent = "Dismiss", o.classList.remove("danger");
+    }, m = t.on("call", ({ state: l }) => {
+      if (l === "ringing" && (x.textContent = "Calling the team…"), l === "connecting" && (x.textContent = "Someone answered — connecting…"), l === "connected") {
+        x.textContent = "You're on a call with the team", n.hidden = !1, T.hidden = !1;
+        const $ = Date.now();
+        k(), a = setInterval(() => {
+          T.textContent = te(Math.floor((Date.now() - $) / 1e3));
+        }, 1e3), T.textContent = "0s";
       }
-      o === "missed" && u("Nobody was free. Send a message instead and the team will pick it up."), o === "ended" && u("Call ended."), o === "failed" && u("The call dropped.");
+      l === "missed" && y("Nobody was free. Send a message instead and the team will pick it up."), l === "ended" && y("Call ended."), l === "failed" && y("The call dropped.");
     });
     n.addEventListener("click", () => {
-      const o = y.setMuted(!y.isMuted());
-      n.textContent = o ? "Unmute" : "Mute", S.textContent = o ? "You're muted" : "You're on a call with the team";
-    }), p.addEventListener("click", () => {
-      r(), s(), t.endCall(), k.remove(), e.refreshThread(e.openReportId());
+      const l = g.setMuted(!g.isMuted());
+      n.textContent = l ? "Unmute" : "Mute", x.textContent = l ? "You're muted" : "You're on a call with the team";
+    }), o.addEventListener("click", () => {
+      m(), k(), t.endCall(), w.remove(), e.refreshThread(e.openReportId());
     });
   }
-  e.offerCall = g, e.callOffered = () => x, e.showLiveCall = l;
+  e.offerCall = h, e.callOffered = () => b, e.showLiveCall = s;
 }
-function ct(e) {
-  var r;
+function ut(e) {
+  var m;
   const {
     client: t,
-    say: i,
-    compose: w,
-    sendBtn: b,
-    historyBtn: T,
-    callBtn: x,
-    whoami: g
+    say: r,
+    compose: d,
+    sendBtn: u,
+    historyBtn: S,
+    callBtn: b,
+    whoami: h
   } = e;
-  let m = { mode: t.lastLoginMode || "off", signedIn: null }, l = "idle", d = ((r = t.config.user) == null ? void 0 : r.email) || "", L = "", y = !1, k = "";
-  const S = () => m.mode === "required" && !m.signedIn;
-  function q() {
-    const o = S();
-    w.hidden = o, b.hidden = o, T && (T.hidden = o), o ? x.hidden = !0 : e.callOffered() && (x.hidden = !1);
+  let f = { mode: t.lastLoginMode || "off", signedIn: null }, s = "idle", c = ((m = t.config.user) == null ? void 0 : m.email) || "", L = "", g = !1, w = "";
+  const x = () => f.mode === "required" && !f.signedIn;
+  function T() {
+    const l = x();
+    d.hidden = l, u.hidden = l, S && (S.hidden = l), l ? b.hidden = !0 : e.callOffered() && !e.mustRate() && (b.hidden = !1);
   }
-  function E() {
-    var f;
-    if (m.mode === "off") {
-      g.hidden = !0, g.innerHTML = "";
+  function i() {
+    var $;
+    if (f.mode === "off") {
+      h.hidden = !0, h.innerHTML = "";
       return;
     }
-    g.hidden = !1, g.classList.toggle("asking", l !== "idle");
-    const o = k ? `<div class="after err">${v(k)}</div>` : "";
-    if (l === "idle") {
-      if (m.signedIn) {
-        g.innerHTML = `<span class="who">Signed in as <strong>${v(m.signedIn.email)}</strong></span><button type="button" class="link" data-act="signout">Sign out</button>`;
+    h.hidden = !1, h.classList.toggle("asking", s !== "idle");
+    const l = w ? `<div class="after err">${v(w)}</div>` : "";
+    if (s === "idle") {
+      if (f.signedIn) {
+        h.innerHTML = `<span class="who">Signed in as <strong>${v(f.signedIn.email)}</strong></span><button type="button" class="link" data-act="signout">Sign out</button>`;
         return;
       }
-      const $ = (f = t.config.user) == null ? void 0 : f.email;
-      g.innerHTML = `<span class="who">${m.mode === "required" ? "Sign in to report a bug here." : $ ? `Reporting as <strong>${v($)}</strong>.` : "Reporting anonymously — sign in and we can tell you what happens next."}</span><button type="button" class="link" data-act="signin">Sign in</button>`;
+      const q = ($ = t.config.user) == null ? void 0 : $.email;
+      h.innerHTML = `<span class="who">${f.mode === "required" ? "Sign in to report a bug here." : q ? `Reporting as <strong>${v(q)}</strong>.` : "Reporting anonymously — sign in and we can tell you what happens next."}</span><button type="button" class="link" data-act="signin">Sign in</button>`;
       return;
     }
-    if (l === "email") {
-      g.innerHTML = `
+    if (s === "email") {
+      h.innerHTML = `
         <p class="why">Sign in with any email address — we'll send you a code.
-          It's how you hear back about this report${m.mode === "required" ? ", and this project asks for it" : ""}.</p>
+          It's how you hear back about this report${f.mode === "required" ? ", and this project asks for it" : ""}.</p>
         <div class="row">
-          <input type="email" data-fld="email" value="${v(d)}"
+          <input type="email" data-fld="email" value="${v(c)}"
             placeholder="you@example.com" autocomplete="email" spellcheck="false"
-            aria-label="Your email address" ${y ? "disabled" : ""} />
-          <button type="button" class="primary" data-act="code" ${y ? "disabled" : ""}>
-            ${y ? "Sending…" : "Send code"}
+            aria-label="Your email address" ${g ? "disabled" : ""} />
+          <button type="button" class="primary" data-act="code" ${g ? "disabled" : ""}>
+            ${g ? "Sending…" : "Send code"}
           </button>
         </div>
-        ${o}
-        ${m.mode === "optional" ? '<div class="after"><button type="button" class="link" data-act="skip">Not now</button></div>' : ""}`;
+        ${l}
+        ${f.mode === "optional" ? '<div class="after"><button type="button" class="link" data-act="skip">Not now</button></div>' : ""}`;
       return;
     }
-    g.innerHTML = `
-      <p class="why">We sent a code to <strong>${v(d)}</strong>. It expires in ten minutes.</p>
+    h.innerHTML = `
+      <p class="why">We sent a code to <strong>${v(c)}</strong>. It expires in ten minutes.</p>
       <div class="row">
         <input type="text" class="code" data-fld="code" value="${v(L)}"
           placeholder="123456" inputmode="numeric" autocomplete="one-time-code"
-          maxlength="8" aria-label="The code we emailed you" ${y ? "disabled" : ""} />
-        <button type="button" class="primary" data-act="confirm" ${y ? "disabled" : ""}>
-          ${y ? "Checking…" : "Sign in"}
+          maxlength="8" aria-label="The code we emailed you" ${g ? "disabled" : ""} />
+        <button type="button" class="primary" data-act="confirm" ${g ? "disabled" : ""}>
+          ${g ? "Checking…" : "Sign in"}
         </button>
       </div>
-      ${o}
+      ${l}
       <div class="after">
-        <button type="button" class="link" data-act="resend" ${y ? "disabled" : ""}>Send it again</button>
-        <button type="button" class="link" data-act="signin-back" ${y ? "disabled" : ""}>Use another address</button>
+        <button type="button" class="link" data-act="resend" ${g ? "disabled" : ""}>Send it again</button>
+        <button type="button" class="link" data-act="signin-back" ${g ? "disabled" : ""}>Use another address</button>
       </div>`;
   }
-  function n({ focus: o = !1 } = {}) {
-    var $;
-    if (E(), q(), !o || y) return;
-    const f = g.querySelector("[data-fld]");
-    f && (f.focus(), ($ = f.setSelectionRange) == null || $.call(f, f.value.length, f.value.length));
-  }
-  g.addEventListener("input", (o) => {
-    const f = o.target.closest("[data-fld]");
-    f && (f.dataset.fld === "email" ? d = f.value : L = f.value);
-  }), g.addEventListener("keydown", (o) => {
-    o.key !== "Enter" || !o.target.closest("[data-fld]") || (o.preventDefault(), l === "email" ? p() : a());
+  function n({ focus: l = !1 } = {}) {
+    var q;
+    if (i(), T(), !l || g) return;
+    const $ = h.querySelector("[data-fld]");
+    $ && ($.focus(), (q = $.setSelectionRange) == null || q.call($, $.value.length, $.value.length));
+  }
+  h.addEventListener("input", (l) => {
+    const $ = l.target.closest("[data-fld]");
+    $ && ($.dataset.fld === "email" ? c = $.value : L = $.value);
+  }), h.addEventListener("keydown", (l) => {
+    l.key !== "Enter" || !l.target.closest("[data-fld]") || (l.preventDefault(), s === "email" ? o() : a());
   });
-  async function p({ resent: o = !1 } = {}) {
-    const f = d.trim();
-    if (!f) {
-      k = "Enter the address to send the code to.", n({ focus: !0 });
+  async function o({ resent: l = !1 } = {}) {
+    const $ = c.trim();
+    if (!$) {
+      w = "Enter the address to send the code to.", n({ focus: !0 });
       return;
     }
-    y = !0, k = "", n();
+    g = !0, w = "", n();
     try {
-      await t.signIn(f), d = f, o || (L = ""), l = "code";
-    } catch ($) {
-      k = $.message;
+      await t.signIn($), c = $, l || (L = ""), s = "code";
+    } catch (q) {
+      w = q.message;
     } finally {
-      y = !1, n({ focus: !0 });
+      g = !1, n({ focus: !0 });
     }
   }
   async function a() {
-    const o = L.trim();
-    if (!o) {
-      k = "Enter the code we emailed you.", n({ focus: !0 });
+    const l = L.trim();
+    if (!l) {
+      w = "Enter the code we emailed you.", n({ focus: !0 });
       return;
     }
-    y = !0, k = "", n();
+    g = !0, w = "", n();
     try {
-      const f = await t.confirmSignIn(d.trim(), o);
-      m.signedIn = f, l = "idle", L = "", i(""), e.offerCall();
-    } catch (f) {
-      k = f.message;
+      const $ = await t.confirmSignIn(c.trim(), l);
+      f.signedIn = $, s = "idle", L = "", r(""), e.offerCall();
+    } catch ($) {
+      w = $.message;
     } finally {
-      y = !1, n({ focus: l !== "idle" });
+      g = !1, n({ focus: s !== "idle" });
     }
   }
-  g.addEventListener("click", async (o) => {
-    const f = o.target.closest("button[data-act]");
-    if (!f) return;
-    const $ = f.dataset.act;
-    if ($ === "signin") {
-      l = "email", k = "", n({ focus: !0 });
+  h.addEventListener("click", async (l) => {
+    const $ = l.target.closest("button[data-act]");
+    if (!$) return;
+    const q = $.dataset.act;
+    if (q === "signin") {
+      s = "email", w = "", n({ focus: !0 });
       return;
     }
-    if ($ === "skip") {
-      l = "idle", k = "", n();
+    if (q === "skip") {
+      s = "idle", w = "", n();
       return;
     }
-    if ($ === "signin-back") {
-      l = "email", k = "", L = "", n({ focus: !0 });
+    if (q === "signin-back") {
+      s = "email", w = "", L = "", n({ focus: !0 });
       return;
     }
-    if ($ === "code") {
-      p();
+    if (q === "code") {
+      o();
       return;
     }
-    if ($ === "resend") {
-      p({ resent: !0 });
+    if (q === "resend") {
+      o({ resent: !0 });
       return;
     }
-    if ($ === "confirm") {
+    if (q === "confirm") {
       a();
       return;
     }
-    if ($ === "signout") {
-      y = !0, n();
+    if (q === "signout") {
+      g = !0, n();
       try {
         await t.signOut();
       } finally {
-        m.signedIn = null, y = !1, l = m.mode === "required" ? "email" : "idle", n({ focus: l !== "idle" });
+        f.signedIn = null, g = !1, s = f.mode === "required" ? "email" : "idle", n({ focus: s !== "idle" });
       }
     }
   });
-  async function s({ announce: o = !1 } = {}) {
-    const f = await t.loginState();
-    m = { mode: f.mode, signedIn: f.signedIn }, t.lastLoginMode = f.mode, S() && l === "idle" && (l = "email"), m.signedIn && (l = "idle"), o && f.signedOutReason && i(f.signedOutReason, "info"), n();
+  async function k({ announce: l = !1 } = {}) {
+    const $ = await t.loginState();
+    f = { mode: $.mode, signedIn: $.signedIn }, t.lastLoginMode = $.mode, x() && s === "idle" && (s = "email"), f.signedIn && (s = "idle"), l && $.signedOutReason && r($.signedOutReason, "info"), n();
   }
-  s({ announce: !0 }).catch(() => {
+  k({ announce: !0 }).catch(() => {
   });
-  function u() {
-    m.mode !== "off" && s().catch(() => {
+  function y() {
+    f.mode !== "off" && k().catch(() => {
     });
   }
-  e.mustSignIn = S, e.recheckSignIn = u;
+  e.mustSignIn = x, e.recheckSignIn = y;
 }
-function ue(e) {
+function he(e) {
   const t = e || [];
   if (!t.length) return "";
-  let i = null, w = null;
-  return t.map((b) => {
-    var d, L, y, k;
-    const T = Z(b.at), x = T && T !== i ? `<div class="day-sep" role="separator">${v(_e(b.at))}</div>` : "";
-    if (x && (i = T, w = null), !b.from)
-      return w = null, x + pt(b);
-    const g = {
-      from: b.from,
-      author: (d = b.reply) == null ? void 0 : d.author,
-      automated: (L = b.reply) == null ? void 0 : L.automated,
-      body: (y = b.reply) == null ? void 0 : y.body,
-      at: b.at,
-      attachments: (k = b.reply) == null ? void 0 : k.attachments
-    }, m = dt(g), l = w && w.who === m && Math.abs(new Date(b.at).getTime() - new Date(w.at).getTime()) < 5 * 6e4;
-    return w = { who: m, at: b.at }, x + we(g, l ? "cont" : "");
+  let r = null, d = null;
+  return t.map((u) => {
+    var c, L, g, w;
+    const S = Z(u.at), b = S && S !== r ? `<div class="day-sep" role="separator">${v(Xe(u.at))}</div>` : "";
+    if (b && (r = S, d = null), !u.from)
+      return d = null, b + bt(u);
+    const h = {
+      from: u.from,
+      author: (c = u.reply) == null ? void 0 : c.author,
+      automated: (L = u.reply) == null ? void 0 : L.automated,
+      body: (g = u.reply) == null ? void 0 : g.body,
+      at: u.at,
+      attachments: (w = u.reply) == null ? void 0 : w.attachments
+    }, f = ht(h), s = d && d.who === f && Math.abs(new Date(u.at).getTime() - new Date(d.at).getTime()) < 5 * 6e4;
+    return d = { who: f, at: u.at }, b + we(h, s ? "cont" : "");
   }).join("");
 }
-function dt(e) {
+function ht(e) {
   return e.from === "reporter" ? "me" : e.automated ? "assistant" : `team:${e.author || ""}`;
 }
-function pt(e) {
+function bt(e) {
   const t = ve(e.at);
   return `
     <div class="sys k-${v(e.kind)}">
@@ -1973,32 +2001,32 @@ function pt(e) {
     </div>`;
 }
 function we(e, t = "") {
-  const i = e.from === "reporter", w = e.body || "", b = e.attachments || [], T = !i && !!e.automated, x = w ? `<span class="msg-text">${v(w)}</span>` : "", g = b.length ? `<div class="att">${b.map(ht).join("")}</div>` : "";
-  let m = "", l = "";
-  if (T)
-    m = '<span class="msg-who auto">Assistant <span class="tag">AI</span></span>', l = '<span class="av bot orb" aria-hidden="true"></span>';
-  else if (!i) {
+  const r = e.from === "reporter", d = e.body || "", u = e.attachments || [], S = !r && !!e.automated, b = d ? `<span class="msg-text">${v(d)}</span>` : "", h = u.length ? `<div class="att">${u.map(gt).join("")}</div>` : "";
+  let f = "", s = "";
+  if (S)
+    f = '<span class="msg-who auto">Assistant <span class="tag">AI</span></span>', s = '<span class="av bot orb" aria-hidden="true"></span>';
+  else if (!r) {
     const L = e.author || "Support team";
-    m = `<span class="msg-who">${v(L)}</span>`, l = `<span class="av" aria-hidden="true">${v(Ze(L))}</span>`;
+    f = `<span class="msg-who">${v(L)}</span>`, s = `<span class="av" aria-hidden="true">${v(Je(L))}</span>`;
   }
-  t.includes("cont") && (m = "");
-  const d = T && /it goes to the same person/i.test(w) ? `<div class="quick" role="group" aria-label="Answer">
-        <button type="button" data-quick="Yes, this is the problem">${F}That's right</button>
+  t.includes("cont") && (f = "");
+  const c = S && /it goes to the same person/i.test(d) ? `<div class="quick" role="group" aria-label="Answer">
+        <button type="button" data-quick="Yes, this is the problem">${P}That's right</button>
         <button type="button" data-quick="No, that is not the problem">That's not it</button>
-      </div>` : T && He.test(w) ? `<div class="quick" role="group" aria-label="Did this answer your question?">
-          <button type="button" data-quick="Yes, that answers it">${F}Yes, that answers it</button>
+      </div>` : S && Ie.test(d) ? `<div class="quick" role="group" aria-label="Did this answer your question?">
+          <button type="button" data-quick="Yes, that answers it">${P}Yes, that answers it</button>
           <button type="button" data-quick="No, I still need help">No, I still need help</button>
         </div>` : "";
   return `
-    <div class="msg-row ${i ? "mine" : "theirs"} ${T ? "auto" : ""} ${t}">
-      ${l}
-      ${m}
-      <div class="bubble ${w ? "" : "silent"}">${x}${g}</div>
-      ${d}
-      <span class="msg-when">${v(ve(e.at) || ne(e.at))}</span>
+    <div class="msg-row ${r ? "mine" : "theirs"} ${S ? "auto" : ""} ${t}">
+      ${s}
+      ${f}
+      <div class="bubble ${d ? "" : "silent"}">${b}${h}</div>
+      ${c}
+      <span class="msg-when">${v(ve(e.at) || J(e.at))}</span>
     </div>`;
 }
-function ut() {
+function ft() {
   return `
     <div class="typing-row">
       <span class="av bot orb" aria-hidden="true"></span>
@@ -2006,385 +2034,492 @@ function ut() {
       <div class="bubble typing" role="img" aria-label="The assistant is working on it"><i></i><i></i><i></i></div>
     </div>`;
 }
-function ht(e) {
+function gt(e) {
   const t = v(e.name || "attachment");
   if (!e.url) return `<span class="file"><span class="nm">${t}</span></span>`;
-  const i = v(e.url);
-  return e.type === "SCREENSHOT" ? `<a href="${i}" target="_blank" rel="noopener noreferrer"><img src="${i}" alt="${t}" loading="lazy"></a>` : e.type === "AUDIO" ? `<audio controls preload="metadata" src="${i}"></audio>` : e.type === "VIDEO" ? `<video controls preload="metadata" src="${i}"></video>` : `
-    <a class="file" href="${i}" target="_blank" rel="noopener noreferrer" download>
+  const r = v(e.url);
+  return e.type === "SCREENSHOT" ? `<a href="${r}" target="_blank" rel="noopener noreferrer"><img src="${r}" alt="${t}" loading="lazy"></a>` : e.type === "AUDIO" ? `<audio controls preload="metadata" src="${r}"></audio>` : e.type === "VIDEO" ? `<video controls preload="metadata" src="${r}"></video>` : `
+    <a class="file" href="${r}" target="_blank" rel="noopener noreferrer" download>
       <span class="nm">${t}</span>
-      ${e.size ? `<span class="sz">${v(P(e.size))}</span>` : ""}
+      ${e.size ? `<span class="sz">${v(F(e.size))}</span>` : ""}
     </a>`;
 }
-function bt(e, t, i, w) {
-  var u;
-  const { client: b, cfg: T } = e, x = document.createElement("div");
-  x.className = "composer", x.innerHTML = `
+function mt(e, t, r, d) {
+  var y;
+  const { client: u, cfg: S } = e, b = document.createElement("div");
+  b.className = "composer", b.innerHTML = `
     <div class="staged" hidden></div>
     <div class="row">
       <div class="tools">
-        ${T.attachments === !1 ? "" : `
+        ${S.attachments === !1 ? "" : `
         <button class="tool" type="button" data-act="attach" title="Attach a file" aria-label="Attach a file">${fe}</button>
-        <button class="tool" type="button" data-act="voice" title="Record a voice note" aria-label="Record a voice note">${de}</button>`}
-        <button class="tool" type="button" data-act="livecall" title="Call the team" aria-label="Call the team" hidden>${ae}</button>
+        <button class="tool" type="button" data-act="voice" title="Record a voice note" aria-label="Record a voice note">${pe}</button>`}
+        <button class="tool" type="button" data-act="livecall" title="Call the team" aria-label="Call the team" hidden>${re}</button>
       </div>
       <textarea rows="1" placeholder="Write a reply…" aria-label="Write a reply"></textarea>
       <button class="send" type="button" data-act="send" title="Send" aria-label="Send" disabled>${ge}</button>
     </div>
     <div class="note" hidden></div>
-    <input type="file" hidden multiple accept="${Ae.join(",")}">`, t.appendChild(x);
-  const g = x.querySelector(".staged"), m = x.querySelector("textarea"), l = x.querySelector('[data-act="send"]'), d = x.querySelector('[data-act="voice"]'), L = x.querySelector('[data-act="livecall"]'), y = x.querySelector("input[type=file]"), k = x.querySelector(".note"), S = [];
-  let q = null, E = !1;
-  function n(r, o = "") {
-    k.hidden = !r, k.className = `note ${o}`, k.textContent = r || "";
-  }
-  function p() {
-    const r = S.filter((o) => o.storageKey);
-    l.disabled = E || !m.value.trim() && !r.length, g.hidden = !S.length, g.innerHTML = S.map((o, f) => `
-      <span class="chip ${o.storageKey ? "" : "uploading"}">
-        <span class="nm">${v(o.name)}</span>
-        <span class="sz">${o.storageKey ? P(o.size) : "sending…"}</span>
-        <button type="button" data-drop="${f}" aria-label="Remove ${v(o.name)}">${ce}</button>
+    <input type="file" hidden multiple accept="${De.join(",")}">`, t.appendChild(b);
+  const h = b.querySelector(".staged"), f = b.querySelector("textarea"), s = b.querySelector('[data-act="send"]'), c = b.querySelector('[data-act="voice"]'), L = b.querySelector('[data-act="livecall"]'), g = b.querySelector("input[type=file]"), w = b.querySelector(".note"), x = [];
+  let T = null, i = !1;
+  function n(m, l = "") {
+    w.hidden = !m, w.className = `note ${l}`, w.textContent = m || "";
+  }
+  function o() {
+    const m = x.filter((l) => l.storageKey);
+    s.disabled = i || !f.value.trim() && !m.length, h.hidden = !x.length, h.innerHTML = x.map((l, $) => `
+      <span class="chip ${l.storageKey ? "" : "uploading"}">
+        <span class="nm">${v(l.name)}</span>
+        <span class="sz">${l.storageKey ? F(l.size) : "sending…"}</span>
+        <button type="button" data-drop="${$}" aria-label="Remove ${v(l.name)}">${ce}</button>
       </span>`).join("");
-    for (const o of g.querySelectorAll("[data-drop]"))
-      o.addEventListener("click", () => {
-        S.splice(Number(o.dataset.drop), 1), p();
+    for (const l of h.querySelectorAll("[data-drop]"))
+      l.addEventListener("click", () => {
+        x.splice(Number(l.dataset.drop), 1), o();
       });
   }
-  async function a(r, o, f) {
-    const $ = { name: f, size: r.size, storageKey: null };
-    S.push($), p();
+  async function a(m, l, $) {
+    const q = { name: $, size: m.size, storageKey: null };
+    x.push(q), o();
     try {
-      const { storageKey: A, mime: j } = await b.uploadAttachment(r, o);
-      $.storageKey = A, $.mime = j;
-    } catch (A) {
-      S.splice(S.indexOf($), 1), n(A.message || "That file could not be sent.", "err");
+      const { storageKey: H, mime: O } = await u.uploadAttachment(m, l);
+      q.storageKey = H, q.mime = O;
+    } catch (H) {
+      x.splice(x.indexOf(q), 1), n(H.message || "That file could not be sent.", "err");
     }
-    p();
+    o();
   }
-  m.addEventListener("input", () => {
-    m.style.height = "auto", m.style.height = `${Math.min(m.scrollHeight, 120)}px`, p();
-  }), m.addEventListener("keydown", (r) => {
-    r.key === "Enter" && !r.shiftKey && !r.isComposing && (r.preventDefault(), s());
-  }), (u = x.querySelector('[data-act="attach"]')) == null || u.addEventListener("click", () => y.click()), y.addEventListener("change", () => {
+  f.addEventListener("input", () => {
+    f.style.height = "auto", f.style.height = `${Math.min(f.scrollHeight, 120)}px`, o();
+  }), f.addEventListener("keydown", (m) => {
+    m.key === "Enter" && !m.shiftKey && !m.isComposing && (m.preventDefault(), k());
+  }), (y = b.querySelector('[data-act="attach"]')) == null || y.addEventListener("click", () => g.click()), g.addEventListener("change", () => {
     n("");
-    for (const r of y.files) {
-      if (r.size > b.config.maxAttachmentBytes) {
-        n(`${r.name} is larger than ${P(b.config.maxAttachmentBytes)}.`, "err");
+    for (const m of g.files) {
+      if (m.size > u.config.maxAttachmentBytes) {
+        n(`${m.name} is larger than ${F(u.config.maxAttachmentBytes)}.`, "err");
         continue;
       }
-      a(r, r.type, r.name);
+      a(m, m.type, m.name);
     }
-    y.value = "";
-  }), d && !Ie() && (d.disabled = !0, d.title = "This browser cannot record audio"), d == null || d.addEventListener("click", async () => {
-    if (q) {
-      const r = q;
-      q = null, d.classList.remove("recording"), d.innerHTML = de, n("");
-      const { blob: o, mime: f } = await r.stop();
-      o.size && a(o, f, "Voice note");
+    g.value = "";
+  }), c && !Ve() && (c.disabled = !0, c.title = "This browser cannot record audio"), c == null || c.addEventListener("click", async () => {
+    if (T) {
+      const m = T;
+      T = null, c.classList.remove("recording"), c.innerHTML = pe, n("");
+      const { blob: l, mime: $ } = await m.stop();
+      l.size && a(l, $, "Voice note");
       return;
     }
     try {
-      n(""), q = await Re({
-        maxMs: b.config.maxRecordingMs,
-        onTick: (r) => n(`Recording — ${ee(r)}. Tap the mic to stop.`),
-        onAutoStop: () => d.click()
-      }), d.classList.add("recording"), d.innerHTML = Oe;
+      n(""), T = await je({
+        maxMs: u.config.maxRecordingMs,
+        onTick: (m) => n(`Recording — ${te(m)}. Tap the mic to stop.`),
+        onAutoStop: () => c.click()
+      }), c.classList.add("recording"), c.innerHTML = Ye;
     } catch {
-      q = null, n("The microphone is not available — check the browser permission.", "err");
+      T = null, n("The microphone is not available — check the browser permission.", "err");
     }
-  }), b.canCallTeam(w).then((r) => {
-    r && (L.hidden = !1, e.preloadCall());
+  }), u.canCallTeam(d).then((m) => {
+    m && (L.hidden = !1, e.preloadCall());
   }).catch(() => {
   }), L.addEventListener("click", async () => {
     L.disabled = !0, n("");
     try {
-      const r = await b.startLiveCall(w);
-      e.showLiveCall(t, i, r);
-    } catch (r) {
-      n(r.message.replace("[BugCatch] ", ""), "err");
+      const m = await u.startLiveCall(d);
+      e.showLiveCall(t, r, m);
+    } catch (m) {
+      n(m.message.replace("[BugCatch] ", ""), "err");
     } finally {
       L.disabled = !1;
     }
-  }), l.addEventListener("click", s), i.addEventListener("click", (r) => {
-    var f, $;
-    const o = ($ = (f = r.target).closest) == null ? void 0 : $.call(f, "[data-quick]");
-    !o || E || (m.value = o.dataset.quick, s());
+  }), s.addEventListener("click", k), r.addEventListener("click", (m) => {
+    var $, q;
+    const l = (q = ($ = m.target).closest) == null ? void 0 : q.call($, "[data-quick]");
+    !l || i || (f.value = l.dataset.quick, k());
   });
-  async function s() {
-    var f;
-    const r = m.value.trim(), o = S.filter(($) => $.storageKey);
-    if (!(E || !r && !o.length)) {
-      E = !0, p(), n(""), i.insertAdjacentHTML("beforeend", we({
+  async function k() {
+    var $;
+    const m = f.value.trim(), l = x.filter((q) => q.storageKey);
+    if (!(i || !m && !l.length)) {
+      i = !0, o(), n(""), r.insertAdjacentHTML("beforeend", we({
         from: "reporter",
-        body: r,
+        body: m,
         at: (/* @__PURE__ */ new Date()).toISOString(),
-        attachments: o.map(($) => ({ type: "FILE", name: $.name, size: $.size }))
-      }, "pending")), _(i, { smooth: !0 });
+        attachments: l.map((q) => ({ type: "FILE", name: q.name, size: q.size }))
+      }, "pending")), _(r, { smooth: !0 });
       try {
-        await b.replyToReport(w, {
-          body: r,
-          attachments: o.map(($) => ({
-            storageKey: $.storageKey,
-            mime: $.mime,
-            name: $.name,
-            size: $.size
+        await u.replyToReport(d, {
+          body: m,
+          attachments: l.map((q) => ({
+            storageKey: q.storageKey,
+            mime: q.mime,
+            name: q.name,
+            size: q.size
           }))
-        }), m.value = "", m.style.height = "auto", S.length = 0, await e.refreshThread(w);
-      } catch ($) {
-        (f = i.querySelector(".msg-row.pending")) == null || f.classList.replace("pending", "failed"), n($.message || "That could not be sent — try again.", "err");
+        }), f.value = "", f.style.height = "auto", x.length = 0, await e.refreshThread(d);
+      } catch (q) {
+        ($ = r.querySelector(".msg-row.pending")) == null || $.classList.replace("pending", "failed"), n(q.message || "That could not be sent — try again.", "err");
       } finally {
-        E = !1, p();
+        i = !1, o();
       }
     }
   }
-  p();
+  o();
 }
-const se = /* @__PURE__ */ new WeakMap();
-function he(e) {
+function ke(e) {
   return JSON.stringify(e ? [e.score, e.current, e.comment || null] : null);
 }
-function ft(e) {
+function de(e, {
+  client: t,
+  report: r,
+  rating: d,
+  justRated: u = !1,
+  question: S = null,
+  onRated: b = null,
+  onError: h = null
+}) {
+  var i;
+  e.dataset.key = ke(d);
+  const f = d != null && d.current ? d.score : 0, s = d ? d.current ? u ? "Thanks — the team will see that." : `You rated this ${d.score} out of 5.` : `You rated an earlier fix ${d.score} out of 5. How did this one go?` : S || "How did we do?", c = u && (d == null ? void 0 : d.current) && !d.comment;
+  e.innerHTML = `
+      <p class="fr-q">${v(s)}</p>
+      <div class="stars" role="group" aria-label="Rate how this was handled, 1 to 5">${[1, 2, 3, 4, 5].map((n) => `
+        <button type="button" data-score="${n}" aria-pressed="${n === f}" aria-label="${n} out of 5${n === 1 ? ", poor" : n === 5 ? ", great" : ""}" class="${n <= f ? "on" : ""}">${me}</button>`).join("")}
+      </div>
+      ${d != null && d.current && d.comment ? `<p class="fr-said">“${v(d.comment)}”</p>` : ""}
+      ${c ? `
+      <div class="fr-note">
+        <textarea maxlength="2000" aria-label="Add a note to your rating" placeholder="${d.score <= 2 ? "What went wrong? (optional)" : "Anything to add? (optional)"}"></textarea>
+        <button type="button" data-act="rating-note">Add note</button>
+      </div>` : ""}
+      ${d ? "" : '<p class="fr-hint">1 is poor, 5 is great.</p>'}
+      <p class="feedback-status" role="status"></p>`;
+  const L = [...e.querySelectorAll("[data-score]")], g = (n) => L.forEach((o) => o.classList.toggle("on", Number(o.dataset.score) <= n)), w = (n) => e.querySelectorAll("button, textarea").forEach((o) => {
+    o.disabled = n;
+  }), x = e.querySelector(".feedback-status");
+  async function T(n, o) {
+    var a;
+    w(!0), x.textContent = "";
+    try {
+      const k = await t.rate(r.id, { score: n, comment: o });
+      de(e, {
+        client: t,
+        report: r,
+        rating: k,
+        justRated: !0,
+        question: S,
+        onRated: b,
+        onError: h
+      }), (a = e.querySelector(".fr-note textarea")) == null || a.focus(), b == null || b(k);
+    } catch (k) {
+      x.textContent = k.message, w(!1), g(f), h == null || h(k);
+    }
+  }
+  for (const n of L) {
+    const o = Number(n.dataset.score);
+    n.addEventListener("mouseenter", () => g(o)), n.addEventListener("focus", () => g(o)), n.addEventListener("blur", () => g(f)), n.addEventListener("click", () => T(o));
+  }
+  e.querySelector(".stars").addEventListener("mouseleave", () => g(f)), (i = e.querySelector('[data-act="rating-note"]')) == null || i.addEventListener("click", () => {
+    var o;
+    const n = e.querySelector(".fr-note textarea").value.trim();
+    if (!n) {
+      (o = e.querySelector(".fr-note")) == null || o.remove();
+      return;
+    }
+    T(d.score, n);
+  });
+}
+const se = /* @__PURE__ */ new WeakMap();
+function vt(e) {
   return e.rating ? ` · <span class="rated" aria-label="You rated this ${Number(e.rating)} out of 5">${me}${Number(e.rating)}</span>` : e.ratingAsked ? ' · <span class="rate-ask">Rate it</span>' : "";
 }
-function gt(e) {
-  var E;
+function xt(e) {
+  var T;
   const {
     client: t,
-    scrim: i,
-    close: w
+    scrim: r,
+    close: d
   } = e;
-  let b = null;
-  function T(n, { callFailed: p = null } = {}) {
-    if (n != null && n.id && !p) {
-      m(n.id, { fresh: !0 }).then((a) => {
-        a || x(n, { callFailed: p });
+  let u = null;
+  function S(i, { callFailed: n = null } = {}) {
+    if (i != null && i.id && !n) {
+      f(i.id, { fresh: !0 }).then((o) => {
+        o || b(i, { callFailed: n });
       });
       return;
     }
-    x(n, { callFailed: p });
+    b(i, { callFailed: n });
   }
-  function x(n, { callFailed: p = null } = {}) {
-    var r;
-    const a = n != null && n.id ? String(n.id).slice(0, 8) : null, s = (r = n == null ? void 0 : n.estimate) != null && r.label ? String(n.estimate.label) : null, u = p ? `<p class="eta">${v(p)} Your report is filed, and the team will reply in the chat.</p>` : "";
-    i.querySelector(".panel").innerHTML = `
+  function b(i, { callFailed: n = null } = {}) {
+    var y;
+    const o = i != null && i.id ? String(i.id).slice(0, 8) : null, a = (y = i == null ? void 0 : i.estimate) != null && y.label ? String(i.estimate.label) : null, k = n ? `<p class="eta">${v(n)} Your report is filed, and the team will reply in the chat.</p>` : "";
+    r.querySelector(".panel").innerHTML = `
       <div class="done">
-        <div class="tick">${F}</div>
+        <div class="tick">${P}</div>
         <h3>Thanks — that's on its way.</h3>
-        <p>${a ? `Filed as <code>${v(a)}</code>.` : "The team has what they need to reproduce it."}</p>
-        ${u}
-        ${s ? `<p class="eta">Reports like this usually take <strong>${v(s)}</strong>. We'll let you know when it moves.</p>` : ""}
-      </div>`, setTimeout(w, u ? 6e3 : s ? 4e3 : 2e3);
-  }
-  async function g() {
-    const n = i.querySelector(".panel");
-    clearTimeout(l), b = null, n.classList.remove("is-chat"), n.innerHTML = `
+        <p>${o ? `Filed as <code>${v(o)}</code>.` : "The team has what they need to reproduce it."}</p>
+        ${k}
+        ${a ? `<p class="eta">Reports like this usually take <strong>${v(a)}</strong>. We'll let you know when it moves.</p>` : ""}
+      </div>`, setTimeout(d, k ? 6e3 : a ? 4e3 : 2e3);
+  }
+  async function h() {
+    const i = r.querySelector(".panel");
+    clearTimeout(s), u = null, i.classList.remove("is-chat"), i.innerHTML = `
       ${le({ title: "Your reports", sub: "Where each one has got to.", theme: e.themeLabel() })}
-      <div class="history" aria-busy="true">${Ke(3)}</div>`, n.querySelector('[data-act="close"]').addEventListener("click", w);
-    let p = [];
+      <div class="history" aria-busy="true">${_e(3)}</div>`, i.querySelector('[data-act="close"]').addEventListener("click", d);
+    let n = [];
     try {
-      ({ reports: p } = await t.myReports());
+      ({ reports: n } = await t.myReports());
     } catch {
-      const s = n.querySelector(".history");
-      s && (s.innerHTML = re("Couldn't load your reports just now.", G));
+      const a = i.querySelector(".history");
+      a && (a.innerHTML = oe("Couldn't load your reports just now.", G));
       return;
     }
-    const a = n.querySelector(".history");
-    if (a) {
-      a.removeAttribute("aria-busy"), a.innerHTML = p.length ? p.map((s, u) => `
-        <button class="row" type="button" data-report="${v(s.id)}" style="animation-delay:${Math.min(u, 8) * 30}ms">
-          <span class="row-ico" aria-hidden="true">${De}</span>
+    const o = i.querySelector(".history");
+    if (o) {
+      o.removeAttribute("aria-busy"), o.innerHTML = n.length ? n.map((a, k) => `
+        <button class="row" type="button" data-report="${v(a.id)}" style="animation-delay:${Math.min(k, 8) * 30}ms">
+          <span class="row-ico" aria-hidden="true">${Oe}</span>
           <span class="who">
-            <span class="ttl">${v(s.title)}</span>
-            <span class="sub">${v(s.reference)} · ${v(ne(s.createdAt))}${ft(s)}</span>
+            <span class="ttl">${v(a.title)}</span>
+            <span class="sub">${v(a.reference)} · ${v(J(a.createdAt))}${vt(a)}</span>
           </span>
-          <span class="pill ${v(String(s.status).toLowerCase())}">${v(ie(s.status))}</span>
-          <span class="chev" aria-hidden="true">${We}</span>
-        </button>`).join("") : re("You haven't reported anything yet.", Ye);
-      for (const s of a.querySelectorAll("[data-report]"))
-        s.addEventListener("click", () => m(s.dataset.report));
+          <span class="pill ${v(String(a.status).toLowerCase())}">${v(ie(a.status))}</span>
+          <span class="chev" aria-hidden="true">${Fe}</span>
+        </button>`).join("") : oe("You haven't reported anything yet.", Ke);
+      for (const a of o.querySelectorAll("[data-report]"))
+        a.addEventListener("click", () => f(a.dataset.report));
     }
   }
-  async function m(n, { fresh: p = !1 } = {}) {
-    var f;
-    const a = i.querySelector(".panel");
-    clearTimeout(l), a.classList.add("is-chat"), a.innerHTML = `
+  async function f(i, { fresh: n = !1 } = {}) {
+    var l;
+    const o = r.querySelector(".panel");
+    clearTimeout(s), o.classList.add("is-chat"), o.innerHTML = `
       ${le({
       back: !0,
-      title: p ? "Looking into it" : "Your report",
-      sub: p ? "It may ask you a question here." : "Updates, and a way to reply.",
+      title: n ? "Looking into it" : "Your report",
+      sub: n ? "It may ask you a question here." : "Updates, and a way to reply.",
       theme: e.themeLabel()
     })}
-      <div class="history chatting" aria-busy="true"><div class="thread">${Ue()}</div></div>`, a.querySelector('[data-act="close"]').addEventListener("click", w), a.querySelector('[data-act="back"]').addEventListener("click", g);
-    let s = null;
+      <div class="history chatting" aria-busy="true"><div class="thread">${Ge()}</div></div>`, o.querySelector('[data-act="close"]').addEventListener("click", d), o.querySelector('[data-act="back"]').addEventListener("click", h);
+    let a = null;
     try {
-      s = await t.myReport(n);
+      a = await t.myReport(i);
     } catch {
-      s = null;
+      a = null;
     }
-    const u = a.querySelector(".history");
-    if (!u || !a.querySelector('[data-act="back"]')) return !1;
-    if (!s)
-      return p ? (a.classList.remove("is-chat"), !1) : (u.removeAttribute("aria-busy"), u.innerHTML = re("Couldn't load that report just now.", G), !1);
-    b = n, t.markReportRead(n);
-    const r = ue(s.timeline);
-    u.classList.add("chatting"), u.removeAttribute("aria-busy"), u.innerHTML = `
+    const k = o.querySelector(".history");
+    if (!k || !o.querySelector('[data-act="back"]')) return !1;
+    if (!a)
+      return n ? (o.classList.remove("is-chat"), !1) : (k.removeAttribute("aria-busy"), k.innerHTML = oe("Couldn't load that report just now.", G), !1);
+    u = i, t.markReportRead(i);
+    const y = he(a.timeline);
+    k.classList.add("chatting"), k.removeAttribute("aria-busy"), k.innerHTML = `
       <div class="report-head">
-        <span class="ttl">${v(s.title)}</span>
-        <span class="sub">${v(s.reference)} · ${v(s.project || "")}</span>
-        <span class="pill ${v(String(s.status).toLowerCase())}">${v(ie(s.status))}</span>
-        ${(f = s.estimate) != null && f.label ? `<span class="eta-line">Usually takes ${v(String(s.estimate.label))}</span>` : ""}
+        <span class="ttl">${v(a.title)}</span>
+        <span class="sub">${v(a.reference)} · ${v(a.project || "")}</span>
+        <span class="pill ${v(String(a.status).toLowerCase())}">${v(ie(a.status))}</span>
+        ${(l = a.estimate) != null && l.label ? `<span class="eta-line">Usually takes ${v(String(a.estimate.label))}</span>` : ""}
       </div>
-      <div class="thread" role="log" aria-live="polite" aria-label="Conversation">${r}</div>`;
-    const o = u.querySelector(".thread");
-    return se.set(o, r), _(o), L(u, s), y(u, s), s.canReply && bt(e, u, o, n), d(u, s, n), _(o), !0;
-  }
-  let l = null;
-  function d(n, p, a) {
-    var h, z, R;
-    clearTimeout(l);
-    const s = p.assistant, u = n.querySelector(".thread");
-    let r = n.querySelector(".assistant");
-    if (!s) {
-      r == null || r.remove(), (h = u == null ? void 0 : u.querySelector(".typing-row")) == null || h.remove();
+      <div class="thread" role="log" aria-live="polite" aria-label="Conversation">${y}</div>`;
+    const m = k.querySelector(".thread");
+    return se.set(m, y), _(m), L(k, a), g(k, a), a.canReply && mt(e, k, m, i), c(k, a, i), _(m), !0;
+  }
+  let s = null;
+  function c(i, n, o) {
+    var B, Q, C;
+    clearTimeout(s);
+    const a = n.assistant, k = i.querySelector(".thread");
+    let y = i.querySelector(".assistant");
+    if (!a) {
+      y == null || y.remove(), (B = k == null ? void 0 : k.querySelector(".typing-row")) == null || B.remove();
       return;
     }
-    const o = (r == null ? void 0 : r.dataset.phase) || null;
-    r || (r = document.createElement("div"), r.setAttribute("role", "status"), r.setAttribute("aria-live", "polite"), (z = n.querySelector(".report-head")) == null || z.after(r)), r.className = `assistant ${v(s.phase)}`, r.dataset.phase = s.phase;
-    const f = s.steps || [], $ = f.filter((H) => H.state === "done").length, A = f.some((H) => H.state === "active") ? 0.5 : 0, j = f.length ? Math.round(($ + A) / f.length * 100) : 0, B = `
-      <div class="as-body${o && o !== s.phase ? " entering" : ""}">
+    const m = (y == null ? void 0 : y.dataset.phase) || null;
+    y || (y = document.createElement("div"), y.setAttribute("role", "status"), y.setAttribute("aria-live", "polite"), (Q = i.querySelector(".report-head")) == null || Q.after(y)), y.className = `assistant ${v(a.phase)}`, y.dataset.phase = a.phase;
+    const l = a.steps || [], $ = l.filter((M) => M.state === "done").length, q = l.some((M) => M.state === "active") ? 0.5 : 0, H = l.length ? Math.round(($ + q) / l.length * 100) : 0, O = `
+      <div class="as-body${m && m !== a.phase ? " entering" : ""}">
         <div class="as-top">
-          <span class="as-orb${s.phase === "calling" || s.phase === "resolved" ? "" : " orb"}" aria-hidden="true">${s.phase === "calling" ? ae : s.phase === "resolved" ? F : ""}</span>
+          <span class="as-orb${a.phase === "calling" || a.phase === "resolved" ? "" : " orb"}" aria-hidden="true">${a.phase === "calling" ? re : a.phase === "resolved" ? P : ""}</span>
           <div class="as-text">
-            <div class="as-title">${v(s.title)}</div>
-            <div class="as-detail">${v(s.detail)}</div>
+            <div class="as-title">${v(a.title)}</div>
+            <div class="as-detail">${v(a.detail)}</div>
           </div>
         </div>
       </div>
-      ${f.length ? `
-      <div class="as-progress" role="progressbar" aria-label="Progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${j}"><i style="width:${j}%"></i></div>
-      <ol class="as-steps">${f.map((H) => `<li class="${v(H.state)}"${H.state === "active" ? ' aria-current="step"' : ""}><span class="dot"></span><span class="lbl">${v(H.label)}</span></li>`).join("")}</ol>` : ""}`, N = JSON.stringify([s.phase, s.title, s.detail, f]);
-    if (r.dataset.key !== N) {
-      const H = r.querySelector(".as-progress i"), D = H == null ? void 0 : H.style.width;
-      r.innerHTML = B, r.dataset.key = N;
-      const O = r.querySelector(".as-progress i");
-      O && D && (O.style.width = D, requestAnimationFrame(() => {
-        O.style.width = `${j}%`;
+      ${l.length ? `
+      <div class="as-progress" role="progressbar" aria-label="Progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${H}"><i style="width:${H}%"></i></div>
+      <ol class="as-steps">${l.map((M) => `<li class="${v(M.state)}"${M.state === "active" ? ' aria-current="step"' : ""}><span class="dot"></span><span class="lbl">${v(M.label)}</span></li>`).join("")}</ol>` : ""}`, N = JSON.stringify([a.phase, a.title, a.detail, l]);
+    if (y.dataset.key !== N) {
+      const M = y.querySelector(".as-progress i"), D = M == null ? void 0 : M.style.width;
+      y.innerHTML = O, y.dataset.key = N;
+      const V = y.querySelector(".as-progress i");
+      V && D && (V.style.width = D, requestAnimationFrame(() => {
+        V.style.width = `${H}%`;
       }));
     }
-    if (u) {
-      const H = pe(u), D = u.querySelector(".typing-row");
-      s.phase !== "analyzing" ? D == null || D.remove() : (!D || D !== u.lastElementChild) && (D == null || D.remove(), u.insertAdjacentHTML("beforeend", ut()), H && _(u));
+    if (k) {
+      const M = ue(k), D = k.querySelector(".typing-row");
+      a.phase !== "analyzing" ? D == null || D.remove() : (!D || D !== k.lastElementChild) && (D == null || D.remove(), k.insertAdjacentHTML("beforeend", ft()), M && _(k));
     }
-    s.phase === "analyzing" ? l = setTimeout(() => S(a), 3e3) : s.phase === "calling" ? l = setTimeout(() => S(a), 1e4) : s.phase === "needs_info" && o !== "needs_info" && ((R = n.querySelector(".composer textarea")) == null || R.focus());
-  }
-  function L(n, p) {
-    var s, u;
-    if ((s = n.querySelector(".fix-verification")) == null || s.remove(), !p.resolvedAt || !["RESOLVED", "CLOSED"].includes(p.status)) return;
-    const a = document.createElement("div");
-    a.className = "fix-verification", p.verification ? a.textContent = p.verification === "CONFIRMED" ? "You confirmed that this fix works." : "Your feedback was recorded." : (a.innerHTML = '<p>Does the fix work for you?</p><textarea maxlength="4000" aria-label="Fix feedback" placeholder="What happens when you try again? (optional)"></textarea><button type="button" data-result="CONFIRMED">It works now</button> <button type="button" data-result="STILL_HAPPENING">Still happening</button><p class="feedback-status" role="status"></p>', a.querySelectorAll("[data-result]").forEach((r) => {
-      r.onclick = async () => {
-        a.querySelectorAll("button").forEach((o) => {
-          o.disabled = !0;
+    a.phase === "analyzing" ? s = setTimeout(() => w(o), 3e3) : a.phase === "calling" ? s = setTimeout(() => w(o), 1e4) : a.phase === "needs_info" && m !== "needs_info" && ((C = i.querySelector(".composer textarea")) == null || C.focus());
+  }
+  function L(i, n) {
+    var a, k;
+    if ((a = i.querySelector(".fix-verification")) == null || a.remove(), !n.resolvedAt || !["RESOLVED", "CLOSED"].includes(n.status)) return;
+    const o = document.createElement("div");
+    o.className = "fix-verification", n.verification ? o.textContent = n.verification === "CONFIRMED" ? "You confirmed that this fix works." : "Your feedback was recorded." : (o.innerHTML = '<p>Does the fix work for you?</p><textarea maxlength="4000" aria-label="Fix feedback" placeholder="What happens when you try again? (optional)"></textarea><button type="button" data-result="CONFIRMED">It works now</button> <button type="button" data-result="STILL_HAPPENING">Still happening</button><p class="feedback-status" role="status"></p>', o.querySelectorAll("[data-result]").forEach((y) => {
+      y.onclick = async () => {
+        o.querySelectorAll("button").forEach((m) => {
+          m.disabled = !0;
         });
         try {
-          await t.verifyFix(p.id, { result: r.dataset.result, resolvedAt: p.resolvedAt, note: a.querySelector("textarea").value }), await m(p.id);
-        } catch (o) {
-          a.querySelector(".feedback-status").textContent = o.message, a.querySelectorAll("button").forEach((f) => {
-            f.disabled = !1;
+          await t.verifyFix(n.id, { result: y.dataset.result, resolvedAt: n.resolvedAt, note: o.querySelector("textarea").value }), await f(n.id);
+        } catch (m) {
+          o.querySelector(".feedback-status").textContent = m.message, o.querySelectorAll("button").forEach((l) => {
+            l.disabled = !1;
           });
         }
       };
-    })), (u = n.querySelector(".report-head")) == null || u.after(a);
+    })), (k = i.querySelector(".report-head")) == null || k.after(o);
   }
-  function y(n, p) {
-    var u;
-    let a = n.querySelector(".fix-rating");
-    if (!["RESOLVED", "CLOSED"].includes(p.status) || !p.ratingAsked) {
-      a == null || a.remove();
+  function g(i, n) {
+    var k;
+    let o = i.querySelector(".fix-rating");
+    if (!["RESOLVED", "CLOSED"].includes(n.status) || !n.ratingAsked) {
+      o == null || o.remove();
       return;
     }
-    a && a.dataset.key === he(p.rating) || (a || (a = document.createElement("div"), a.className = "fix-rating", (u = n.querySelector(".fix-verification") || n.querySelector(".report-head")) == null || u.after(a)), k(a, p, p.rating || null));
-  }
-  function k(n, p, a, { justRated: s = !1 } = {}) {
-    var N;
-    n.dataset.key = he(a);
-    const u = a != null && a.current ? a.score : 0, r = a ? a.current ? s ? "Thanks — the team will see that." : `You rated this ${a.score} out of 5.` : `You rated an earlier fix ${a.score} out of 5. How did this one go?` : "How did we do?", o = s && (a == null ? void 0 : a.current) && !a.comment;
-    n.innerHTML = `
-      <p class="fr-q">${v(r)}</p>
-      <div class="stars" role="group" aria-label="Rate how this was handled, 1 to 5">${[1, 2, 3, 4, 5].map((h) => `
-        <button type="button" data-score="${h}" aria-pressed="${h === u}" aria-label="${h} out of 5${h === 1 ? ", poor" : h === 5 ? ", great" : ""}" class="${h <= u ? "on" : ""}">${me}</button>`).join("")}
-      </div>
-      ${a != null && a.current && a.comment ? `<p class="fr-said">“${v(a.comment)}”</p>` : ""}
-      ${o ? `
-      <div class="fr-note">
-        <textarea maxlength="2000" aria-label="Add a note to your rating" placeholder="${a.score <= 2 ? "What went wrong? (optional)" : "Anything to add? (optional)"}"></textarea>
-        <button type="button" data-act="rating-note">Add note</button>
-      </div>` : ""}
-      ${a ? "" : '<p class="fr-hint">1 is poor, 5 is great.</p>'}
-      <p class="feedback-status" role="status"></p>`;
-    const f = [...n.querySelectorAll("[data-score]")], $ = (h) => f.forEach((z) => z.classList.toggle("on", Number(z.dataset.score) <= h)), A = (h) => n.querySelectorAll("button, textarea").forEach((z) => {
-      z.disabled = h;
-    }), j = n.querySelector(".feedback-status");
-    async function B(h, z) {
-      var R;
-      A(!0), j.textContent = "";
-      try {
-        const H = await t.rate(p.id, { score: h, comment: z });
-        k(n, p, H, { justRated: !0 }), (R = n.querySelector(".fr-note textarea")) == null || R.focus();
-      } catch (H) {
-        j.textContent = H.message, A(!1), $(u);
-      }
-    }
-    for (const h of f) {
-      const z = Number(h.dataset.score);
-      h.addEventListener("mouseenter", () => $(z)), h.addEventListener("focus", () => $(z)), h.addEventListener("blur", () => $(u)), h.addEventListener("click", () => B(z));
-    }
-    n.querySelector(".stars").addEventListener("mouseleave", () => $(u)), (N = n.querySelector('[data-act="rating-note"]')) == null || N.addEventListener("click", () => {
-      var z;
-      const h = n.querySelector(".fr-note textarea").value.trim();
-      if (!h) {
-        (z = n.querySelector(".fr-note")) == null || z.remove();
-        return;
-      }
-      B(a.score, h);
-    });
+    o && o.dataset.key === ke(n.rating) || (o || (o = document.createElement("div"), o.className = "fix-rating", (k = i.querySelector(".fix-verification") || i.querySelector(".report-head")) == null || k.after(o)), de(o, { client: t, report: n, rating: n.rating || null }));
   }
-  async function S(n) {
-    const p = i.querySelector(".history.chatting"), a = p == null ? void 0 : p.querySelector(".thread");
-    if (!a || b !== n) return;
-    let s = null;
+  async function w(i) {
+    const n = r.querySelector(".history.chatting"), o = n == null ? void 0 : n.querySelector(".thread");
+    if (!o || u !== i) return;
+    let a = null;
     try {
-      s = await t.myReport(n);
+      a = await t.myReport(i);
     } catch {
     }
-    if (e.closed || !s || b !== n) return;
-    L(p, s), y(p, s);
-    const u = pe(a), r = ue(s.timeline);
-    se.get(a) !== r && (a.innerHTML = r, se.set(a, r)), d(p, s, n), u && _(a);
-    const o = p.querySelector(".report-head .pill");
-    o && (o.className = `pill ${String(s.status).toLowerCase()}`, o.textContent = ie(s.status));
-  }
-  const q = t.on("update", (n) => {
-    !b || (n == null ? void 0 : n.bugId) !== b || (t.markReportRead(b), S(b));
+    if (e.closed || !a || u !== i) return;
+    L(n, a), g(n, a);
+    const k = ue(o), y = he(a.timeline);
+    se.get(o) !== y && (o.innerHTML = y, se.set(o, y)), c(n, a, i), k && _(o);
+    const m = n.querySelector(".report-head .pill");
+    m && (m.className = `pill ${String(a.status).toLowerCase()}`, m.textContent = ie(a.status));
+  }
+  const x = t.on("update", (i) => {
+    !u || (i == null ? void 0 : i.bugId) !== u || (t.markReportRead(u), w(u));
   });
   e.onDestroy(() => {
-    q(), clearTimeout(l);
-  }), (E = i.querySelector('[data-act="history"]')) == null || E.addEventListener("click", g), e.succeed = T, e.refreshThread = S, e.openReportId = () => b;
+    x(), clearTimeout(s);
+  }), (T = r.querySelector('[data-act="history"]')) == null || T.addEventListener("click", h), e.succeed = S, e.refreshThread = w, e.openReportId = () => u;
+}
+const $e = "bugcatch.rateLater", yt = 50;
+function Se() {
+  try {
+    const e = JSON.parse(window.localStorage.getItem($e) || "[]");
+    return Array.isArray(e) ? e : [];
+  } catch {
+    return [];
+  }
+}
+function wt(e) {
+  try {
+    const t = Se().filter((r) => r !== e);
+    t.push(e), window.localStorage.setItem($e, JSON.stringify(t.slice(-yt)));
+  } catch {
+  }
 }
-function xt({
+function kt(e, t = Se()) {
+  const r = new Set(t), d = (e || []).filter((S) => S.ratingDue === "require" || S.ratingDue === "ask" && !r.has(S.id));
+  if (!d.length) return null;
+  const u = (S) => new Date(S.resolvedAt || S.updatedAt || 0).getTime() || 0;
+  return d.reduce((S, b) => u(b) > u(S) ? b : S);
+}
+function $t(e) {
+  const {
+    client: t,
+    rateDue: r,
+    compose: d,
+    picks: u,
+    known: S,
+    callBtn: b,
+    titleInput: h,
+    scrim: f
+  } = e;
+  let s = !1;
+  e.mustRate = () => s;
+  function c(x) {
+    s = x;
+    for (const T of [d, u, S])
+      T.classList.toggle("held", x), T.inert = x;
+    x ? b.hidden = !0 : e.callOffered() && !e.mustSignIn() && (b.hidden = !1), e.refreshSendState();
+  }
+  function L() {
+    s && c(!1);
+  }
+  function g() {
+    r.hidden = !0, r.replaceChildren(), L(), h.focus();
+  }
+  function w(x) {
+    var o;
+    const T = x.ratingDue === "require", i = x.resolvedAt ? J(x.resolvedAt) : "", n = x.status === "CLOSED" ? "closed" : "fixed";
+    if (r.hidden = !1, r.classList.toggle("is-required", T), r.innerHTML = `
+      <div class="rd-head">
+        <span class="rd-eyebrow">${T ? "Before you report something new" : `Your report was ${n}`}</span>
+        ${T ? "" : '<button type="button" class="link rd-later" data-act="rate-later">Not now</button>'}
+      </div>
+      <p class="rd-report">
+        <span class="rd-ico" aria-hidden="true">${P}</span>
+        <span class="rd-ttl">${v(x.title)}</span>
+        <span class="rd-sub">${v(x.reference)}${i ? ` · ${n} ${v(i)}` : ""}</span>
+      </p>
+      <div class="rd-stars"></div>`, (o = r.querySelector('[data-act="rate-later"]')) == null || o.addEventListener("click", () => {
+      wt(x.id), g();
+    }), de(r.querySelector(".rd-stars"), {
+      client: t,
+      report: x,
+      rating: null,
+      question: T ? "How did we handle it? Rate it to send a new one." : "How did we do?",
+      onRated: () => {
+        var a;
+        r.querySelector(".rd-eyebrow").textContent = `Your report was ${n}`, (a = r.querySelector('[data-act="skip"]')) == null || a.remove(), r.classList.remove("is-required"), L();
+      },
+      // The rating could not be sent. A held form must not turn into a locked
+      // door because of our outage: offer the way past.
+      onError: () => {
+        if (!s || r.querySelector('[data-act="skip"]')) return;
+        const a = document.createElement("button");
+        a.type = "button", a.className = "link rd-later", a.dataset.act = "skip", a.textContent = "Skip for now", a.addEventListener("click", g), r.querySelector(".rd-head").append(a);
+      }
+    }), T) {
+      c(!0);
+      const a = f.getRootNode().activeElement;
+      (!a || !r.contains(a)) && r.focus();
+    }
+  }
+  t.hasReports() && t.myReports().then(({ reports: x }) => {
+    if (e.closed) return;
+    const T = kt(x);
+    T && w(T);
+  }).catch(() => {
+  });
+}
+function Qt({
   root: e,
   host: t,
-  dock: i,
-  client: w,
-  onClose: b,
-  preloadCall: T = () => {
+  dock: r,
+  client: d,
+  onClose: u,
+  preloadCall: S = () => {
   },
-  themeControls: x = null
+  themeControls: b = null
 }) {
-  mt(e);
-  const g = w.config, m = () => (x == null ? void 0 : x.label()) || "", l = document.createElement("div");
-  l.className = `scrim ${i.classList.contains("at-left") ? "at-left" : "at-right"} ${i.classList.contains("at-top") ? "at-top" : "at-bottom"}`, l.style.setProperty("--bc-dock-h", `${Math.round(i.getBoundingClientRect().height)}px`), l.innerHTML = `
+  St(e);
+  const h = d.config, f = () => (b == null ? void 0 : b.label()) || "", s = document.createElement("div");
+  s.className = `scrim ${r.classList.contains("at-left") ? "at-left" : "at-right"} ${r.classList.contains("at-top") ? "at-top" : "at-bottom"}`, s.style.setProperty("--bc-dock-h", `${Math.round(r.getBoundingClientRect().height)}px`), s.innerHTML = `
     <div class="panel" role="dialog" aria-modal="true" aria-labelledby="bc-h">
       ${le({
     id: "bc-h",
@@ -2392,10 +2527,13 @@ function xt({
     // a few pixels below. The header names the errand the launcher named.
     title: "Report a bug",
     sub: "We attach the page details for you.",
-    theme: m()
+    theme: f()
   })}
       <div class="body">
         <div class="slot" role="alert"></div>
+        <!-- A settled report still waiting for its rating. Drawn only when the
+             project asks for one here; see rate-due.js. -->
+        <div class="rate-due fix-rating" tabindex="-1" hidden></div>
         <!-- What the project's team is telling visitors. Drawn only when it
              has published something. -->
         <div class="notices" hidden></div>
@@ -2404,52 +2542,53 @@ function xt({
              close by itself. Drawn only when the project offers any. -->
         <div class="picks" hidden></div>
         <div class="known" hidden></div>
-        ${tt(g)}
+        ${nt(h)}
       </div>
       <div class="foot">
         <span class="note" aria-live="polite"></span>
-        ${w.hasReports() ? '<button class="quiet" type="button" data-act="history">Your reports</button>' : ""}
+        ${d.hasReports() ? '<button class="quiet" type="button" data-act="history">Your reports</button>' : ""}
         <span class="spacer"></span>
         <!-- Hidden until the API confirms this project can take a call, which
              most cannot. Drawn here rather than as a second launcher because it
              is the same errand as Send report — the difference is only whether
              the reporter would rather say it than type it. -->
-        <button class="ghost" type="button" data-act="call" hidden>${ae}Talk to the team</button>
+        <button class="ghost" type="button" data-act="call" hidden>${re}Talk to the team</button>
         <button class="primary" type="button" data-act="send">Send report ${ge}</button>
       </div>
       <div class="powered">Powered by
-        <a class="brand-credit" href="https://bugcatch.sphoro.com" target="_blank" rel="noopener noreferrer" aria-label="BugCatch">${Pe}</a>
+        <a class="brand-credit" href="https://bugcatch.sphoro.com" target="_blank" rel="noopener noreferrer" aria-label="BugCatch">${Ue}</a>
       </div>
     </div>`;
-  const d = (u) => l.querySelector(u), L = d(".slot"), y = [], k = {
-    client: w,
-    cfg: g,
+  const c = (y) => s.querySelector(y), L = c(".slot"), g = [], w = {
+    client: d,
+    cfg: h,
     root: e,
     host: t,
-    dock: i,
-    scrim: l,
-    $: d,
-    titleInput: d("#bc-title"),
-    descInput: d("#bc-desc"),
-    compose: d(".compose"),
-    sendBtn: d('[data-act="send"]'),
-    callBtn: d('[data-act="call"]'),
-    historyBtn: d('[data-act="history"]'),
-    note: d(".foot .note"),
-    whoami: d(".whoami"),
-    refsBox: d(".refs"),
-    notices: d(".notices"),
-    known: d(".known"),
-    picks: d(".picks"),
+    dock: r,
+    scrim: s,
+    $: c,
+    titleInput: c("#bc-title"),
+    descInput: c("#bc-desc"),
+    compose: c(".compose"),
+    sendBtn: c('[data-act="send"]'),
+    callBtn: c('[data-act="call"]'),
+    historyBtn: c('[data-act="history"]'),
+    note: c(".foot .note"),
+    whoami: c(".whoami"),
+    refsBox: c(".refs"),
+    notices: c(".notices"),
+    known: c(".known"),
+    picks: c(".picks"),
+    rateDue: c(".rate-due"),
     // A report or a call is on its way. Escape and a click outside wait for it.
     sending: !1,
     closed: !1,
-    say: s,
-    close: p,
-    preloadCall: T,
-    themeLabel: m,
-    onDestroy: (u) => {
-      y.push(u);
+    say: k,
+    close: o,
+    preloadCall: S,
+    themeLabel: f,
+    onDestroy: (y) => {
+      g.push(y);
     },
     // compose.js
     refreshSendState: null,
@@ -2467,65 +2606,67 @@ function xt({
     // signin.js
     mustSignIn: null,
     recheckSignIn: null,
+    // rate-due.js
+    mustRate: () => !1,
     // thread.js
     succeed: null,
     refreshThread: null,
     openReportId: null
   };
-  at(k), nt(k), rt(k), it(k), st(k), lt(k), ct(k), gt(k);
-  const S = document.activeElement, q = document.documentElement.style, E = q.overflow;
-  q.overflow = "hidden";
+  ot(w), it(w), lt(w), ct(w), dt(w), pt(w), ut(w), xt(w), $t(w);
+  const x = document.activeElement, T = document.documentElement.style, i = T.overflow;
+  T.overflow = "hidden";
   function n() {
-    k.closed || (y.forEach((u) => u()), k.closed = !0, q.overflow = E, document.removeEventListener("keydown", a, !0), l.remove(), i.hidden = !1, t.style.opacity = "", b == null || b());
+    w.closed || (g.forEach((y) => y()), w.closed = !0, T.overflow = i, document.removeEventListener("keydown", a, !0), s.remove(), r.hidden = !1, t.style.opacity = "", u == null || u());
   }
-  function p() {
-    var u;
-    if (!k.closed) {
-      l.classList.add("closing"), setTimeout(n, 160);
+  function o() {
+    var y;
+    if (!w.closed) {
+      s.classList.add("closing"), setTimeout(n, 160);
       try {
-        (u = S == null ? void 0 : S.focus) == null || u.call(S);
+        (y = x == null ? void 0 : x.focus) == null || y.call(x);
       } catch {
       }
     }
   }
-  function a(u) {
-    if (u.key === "Escape") {
-      if (u.stopPropagation(), k.isRecording()) {
-        k.stopRecording({ keep: !1 });
+  function a(y) {
+    if (y.key === "Escape") {
+      if (y.stopPropagation(), w.isRecording()) {
+        w.stopRecording({ keep: !1 });
         return;
       }
-      k.sending || p();
+      w.sending || o();
       return;
     }
-    if (u.key !== "Tab" || k.isRecording()) return;
-    const r = [...l.querySelectorAll(
+    if (y.key !== "Tab" || w.isRecording()) return;
+    const m = [...s.querySelectorAll(
       "button:not(:disabled), input:not([hidden]), textarea, select, [href]"
-    )].filter((A) => A.offsetParent !== null || A === document.activeElement);
-    if (!r.length) return;
-    const o = r[0], f = r[r.length - 1], $ = l.getRootNode().activeElement;
-    u.shiftKey && $ === o ? (u.preventDefault(), f.focus()) : !u.shiftKey && $ === f && (u.preventDefault(), o.focus());
-  }
-  document.addEventListener("keydown", a, !0), l.addEventListener("click", (u) => {
-    u.target === l && !k.sending && p();
-  }), d('[data-act="close"]').addEventListener("click", p), l.addEventListener("click", (u) => {
-    const r = u.target.closest('[data-act="theme"]');
-    if (!r || !x) return;
-    const o = x.cycle();
-    r.title = `Theme: ${o.label}`, r.setAttribute("aria-label", `Theme: ${o.label}. Change theme`);
+    )].filter((H) => H.offsetParent !== null || H === document.activeElement);
+    if (!m.length) return;
+    const l = m[0], $ = m[m.length - 1], q = s.getRootNode().activeElement;
+    y.shiftKey && q === l ? (y.preventDefault(), $.focus()) : !y.shiftKey && q === $ && (y.preventDefault(), l.focus());
+  }
+  document.addEventListener("keydown", a, !0), s.addEventListener("click", (y) => {
+    y.target === s && !w.sending && o();
+  }), c('[data-act="close"]').addEventListener("click", o), s.addEventListener("click", (y) => {
+    const m = y.target.closest('[data-act="theme"]');
+    if (!m || !b) return;
+    const l = b.cycle();
+    m.title = `Theme: ${l.label}`, m.setAttribute("aria-label", `Theme: ${l.label}. Change theme`);
   });
-  function s(u, r = "err") {
-    L.innerHTML = u ? `<div class="msg ${r}">${r === "err" ? G : ""}<span>${v(u)}</span></div>` : "";
+  function k(y, m = "err") {
+    L.innerHTML = y ? `<div class="msg ${m}">${m === "err" ? G : ""}<span>${v(y)}</span></div>` : "";
   }
-  return e.appendChild(l), k.refreshSendState(), k.titleInput.focus(), { destroy: n, close: p };
+  return e.appendChild(s), w.refreshSendState(), w.titleInput.focus(), { destroy: n, close: o };
 }
-function mt(e) {
+function St(e) {
   if (e.querySelector("style[data-panel]")) return;
   const t = document.createElement("style");
-  t.setAttribute("data-panel", ""), t.textContent = Fe;
-  const i = e.querySelector("style");
-  i ? i.after(t) : e.prepend(t);
+  t.setAttribute("data-panel", ""), t.textContent = Ze;
+  const r = e.querySelector("style");
+  r ? r.after(t) : e.prepend(t);
 }
 export {
-  xt as openPanel
+  Qt as openPanel
 };
 //# sourceMappingURL=bugcatch-panel.es.js.map