npm - @sphoro/bugcatch-web-sdk - Versions diffs - 0.19.0 → 0.21.0 - Mend

@sphoro/bugcatch-web-sdk 0.19.0 → 0.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (28) hide show

package/README.md +54 -1
package/dist/bugcatch-call.umd.js +1 -1
package/dist/bugcatch-core.es.js +652 -497
package/dist/bugcatch-core.es.js.map +1 -1
package/dist/bugcatch-panel.es.js +1307 -964
package/dist/bugcatch-panel.es.js.map +1 -1
package/dist/bugcatch-panel.umd.js +291 -158
package/dist/bugcatch-panel.umd.js.map +1 -1
package/dist/bugcatch.standalone.umd.js +284 -151
package/dist/bugcatch.standalone.umd.js.map +1 -1
package/dist/bugcatch.umd.js +8 -8
package/dist/bugcatch.umd.js.map +1 -1
package/package.json +1 -1
package/src/feedback.js +94 -0
package/src/identity.js +1 -1
package/src/index.d.ts +65 -6
package/src/index.js +111 -7
package/src/panel/call.js +3 -2
package/src/panel/compose.js +8 -4
package/src/panel/feedback.js +205 -0
package/src/panel/icons.js +6 -0
package/src/panel/index.js +91 -12
package/src/panel/rate-due.js +155 -0
package/src/panel/rating.js +87 -0
package/src/panel/signin.js +1 -1
package/src/panel/styles.js +75 -0
package/src/panel/thread.js +3 -72
package/src/widget.js +14 -1

package/dist/bugcatch-panel.es.js CHANGED Viewed

@@ -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 qe, m as Ee, a as Me, c as pe, b as ze, d as Ce, R as me, h as K, n as Ae, e as He, f as Ie, g as ae, i as P, j as F, r as Re, v as De, k as je, S as Ve, U as Oe, l as Be, o as Ne, p as Fe, M as We, F as Ye } from "./bugcatch-core.es.js";
+const Ke = '<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>', Pe = '<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>', ve = '<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>', he = '<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>', ce = '<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>', Ue = '<svg viewBox="0 0 24 24" fill="currentColor"><rect x="7" y="7" width="10" height="10" rx="2"/></svg>', _e = '<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>', oe = '<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>', Ze = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M8 6a4 4 0 0 1 8 0"/><rect x="7" y="7.5" width="10" height="12" rx="5"/><path d="M7 11H3.5M7 15.5H4M17 11h3.5M17 15.5h3M12 8v11.5"/></svg>', Ge = '<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>', Xe = '<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>', ye = '<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>', Je = '<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>', et = '<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>', tt = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 5.5h15a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-8l-4.3 3.2a.5.5 0 0 1-.8-.4v-2.8H4.5a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1z"/><path d="M12 8.4l.9 1.9 2 .3-1.5 1.4.4 2-1.8-1-1.8 1 .4-2-1.5-1.4 2-.3z"/></svg>', at = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 17.5h6M10 21h4"/><path d="M12 3a6 6 0 0 0-3.6 10.8c.6.5 1 1.2 1 2V17h5.2v-1.2c0-.8.4-1.5 1-2A6 6 0 0 0 12 3z"/></svg>', rt = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20s-7.5-4.6-7.5-10.2A4.3 4.3 0 0 1 12 7.2a4.3 4.3 0 0 1 7.5 2.6C19.5 15.4 12 20 12 20z"/></svg>', ot = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M9.6 9.4a2.5 2.5 0 0 1 4.8.9c0 1.7-2.4 2.2-2.4 3.6M12 17h.01"/></svg>', nt = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.8" stroke-linecap="round"><path d="M6.5 12h.01M12 12h.01M17.5 12h.01"/></svg>', it = `
 @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 } }
@@ -297,6 +297,53 @@ textarea { min-height: 76px; resize: vertical; }
 .seg button[aria-pressed=true]::before { opacity: 1; }
 .seg button:focus-visible { outline-offset: -2px; }
+/* ---------- report a bug, or give feedback ----------
+   The same stone track as the severity control, two wide segments, under the
+   header so it stays put while the form scrolls. Each form's own parts carry
+   bug-only or fb-only; the other screens (history, a conversation, a call)
+   carry neither, so a mode left on the panel cannot hide anything of theirs. */
+.modes {
+  flex: none; display: grid; grid-template-columns: 1fr 1fr; gap: 2px;
+  margin: 12px var(--bc-pad) 0; padding: 3px; background: var(--bc-stone); border-radius: 999px;
+}
+.modes button {
+  display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 0;
+  height: 32px; padding: 0 8px; font: inherit; font-size: var(--bc-fs-sm); font-weight: 520; line-height: 1; white-space: nowrap;
+  color: var(--bc-muted); background: none; border: none; border-radius: 999px;
+  cursor: pointer; transition: background 180ms var(--bc-ease), color 180ms, box-shadow 180ms;
+}
+.modes button svg { font-size: 15px; flex: none; }
+.modes button:hover { color: var(--bc-fg); }
+.modes button[aria-pressed=true] {
+  background: var(--bc-raised); color: var(--bc-fg); font-weight: 600;
+  box-shadow: 0 1px 2px rgba(20,18,14,.10), 0 0 0 .5px rgba(20,18,14,.08);
+}
+.modes button:focus-visible { outline-offset: -2px; }
+.panel[data-mode="feedback"] .bug-only,
+.panel:not([data-mode="feedback"]) .fb-only { display: none !important; }
+/* ---------- feedback ---------- */
+.feedback { animation: bc-fade-in 200ms ease both; }
+.feedback textarea { min-height: 96px; }
+.feedback .kinds { display: flex; flex-wrap: wrap; gap: 6px; }
+.feedback .kinds .tool[aria-pressed=true] { background: var(--bc-accent); border-color: var(--bc-accent); color: var(--bc-on-accent); }
+.feedback .kinds .tool[aria-pressed=true] svg { color: currentColor; }
+.faces { display: flex; gap: 6px; }
+.face {
+  flex: 1 1 0; display: grid; place-items: center; height: 42px; padding: 0;
+  font: inherit; font-size: 24px; color: var(--bc-muted); background: var(--bc-stone);
+  border: 1px solid transparent; border-radius: var(--bc-r-md); cursor: pointer;
+  transition: background 160ms, color 160ms, transform 160ms var(--bc-ease);
+}
+.face:hover { color: var(--bc-fg); background: color-mix(in srgb, var(--bc-fg) 8%, var(--bc-stone)); }
+.face:active { transform: scale(.94); }
+.face[aria-pressed=true] { color: var(--bc-on-accent); background: var(--bc-accent); }
+.face:focus-visible { outline-offset: 2px; }
+.face-word { font-weight: 560; color: var(--bc-muted); }
+.fb-as { margin: 0; font-size: var(--bc-fs-xs); line-height: 1.45; color: var(--bc-muted); }
+.fb-as strong { color: var(--bc-fg); font-weight: 600; word-break: break-all; }
+.fb-who:empty { display: none; }
 /* ---------- attachments ----------
    Three ring pills in a row: optional, so they take one line, not a band of
    dashed drop zones. */
@@ -822,6 +869,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 +1080,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 de({ title: e, sub: t, id: o = "", back: d = !1, theme: l = "" }) {
   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">${_e}</button>` : ""}
       <span class="orb mark" aria-hidden="true"></span>
       <div class="titles">
-        <h2${i ? ` id="${i}"` : ""}>${v(e)}</h2>
+        <h2${o ? ` id="${o}"` : ""}>${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>` : ""}
-      <button class="icon-btn" type="button" data-act="close" aria-label="Close">${ce}</button>
+      ${l ? `<button class="icon-btn theme" type="button" data-act="theme" title="Theme: ${v(l)}"
+        aria-label="Theme: ${v(l)}. Change theme"><span class="m-light">${qe}</span><span class="m-dark">${Ee}</span><span class="m-auto">${Me}</span></button>` : ""}
+      <button class="icon-btn" type="button" data-act="close" aria-label="Close">${pe}</button>
     </div>`;
 }
-function re(e, t) {
+function ie(e, t) {
   return `<div class="empty"><span class="empty-ico" aria-hidden="true">${t}</span>${v(e)}</div>`;
 }
-function Ke(e) {
+function st(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 lt() {
   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 +1113,7 @@ function Ue() {
     </div>
     <span class="sr-only">Loading…</span>`;
 }
-function Ze(e) {
+function ct(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,22 +1121,22 @@ 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 dt(e) {
+  const t = new Date(e), o = /* @__PURE__ */ new Date(), d = new Date(o.getFullYear(), o.getMonth(), o.getDate() - 1);
+  if (Z(t) === Z(o)) 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() !== o.getFullYear() ? { year: "numeric" } : {}
     });
   } catch {
-    return ne(e);
+    return X(e);
   }
 }
-function ve(e) {
+function xe(e) {
   const t = new Date(e);
   if (!Number.isFinite(t.getTime())) return "";
   try {
@@ -1070,14 +1145,14 @@ function ve(e) {
     return "";
   }
 }
-function pe(e) {
+function be(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;
+function G(e, { smooth: t = !1 } = {}) {
+  const o = typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+  t && !o && e.scrollTo ? e.scrollTo({ top: e.scrollHeight, behavior: "smooth" }) : e.scrollTop = e.scrollHeight;
 }
-function ie(e) {
+function se(e) {
   return {
     OPEN: "Open",
     IN_PROGRESS: "In progress",
@@ -1085,54 +1160,54 @@ function ie(e) {
     CLOSED: "Closed"
   }[e] || String(e || "").toLowerCase();
 }
-function ne(e) {
+function X(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 o = Math.floor((Date.now() - t) / 864e5);
+  if (o <= 0) return "today";
+  if (o === 1) return "yesterday";
+  if (o < 30) return `${o} days ago`;
+  const d = Math.floor(o / 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 pt = 7 * 24 * 60 * 60 * 1e3;
+let ee;
+function ut() {
+  return ee || (ee = new Promise((e, t) => {
+    const o = indexedDB.open("bugcatch-drafts", 1);
+    o.onupgradeneeded = () => o.result.createObjectStore("drafts"), o.onsuccess = () => e(o.result), o.onerror = () => t(o.error), o.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 ht(e, t) {
+  var o, d;
+  return JSON.stringify([e.apiBase, e.projectId, t || ((o = e.user) == null ? void 0 : o.email) || ((d = e.user) == null ? void 0 : d.id) || "anonymous"]);
+}
+async function re(e, t) {
+  const o = await ut();
+  return new Promise((d, l) => {
+    const S = o.transaction("drafts", t === void 0 ? "readonly" : "readwrite"), m = S.objectStore("drafts"), f = t === void 0 ? m.get(e) : t === null ? m.delete(e) : m.put({ ...t, savedAt: Date.now() }, e);
+    S.oncomplete = () => d(f.result), S.onerror = () => l(S.error), S.onabort = () => l(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 bt(e) {
+  const t = await re(e);
+  return t && Date.now() - t.savedAt > pt ? (await re(e, null), null) : t || null;
 }
-const xe = [
+const we = [
   { value: "LOW", label: "Low" },
   { value: "MEDIUM", label: "Medium" },
   { value: "HIGH", label: "High" },
   { value: "CRITICAL", label: "Critical" }
-], ye = "MEDIUM";
-function tt(e) {
-  const t = e.attachments !== !1, i = t && Le(), w = t && Qe();
+], ke = "MEDIUM";
+function ft(e) {
+  const t = e.attachments !== !1, o = t && ze(), d = t && Ce();
   return `
-        <div class="compose">
+        <div class="compose bug-only">
         <div class="field">
           <label for="bc-title">What went wrong?</label>
           <input id="bc-title" type="text" placeholder="e.g. The checkout button does nothing" autocomplete="off"
@@ -1151,8 +1226,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>
+            ${we.map((l) => `
+              <button type="button" data-prio="${l.value}" aria-pressed="${l.value === ke}">${l.label}</button>
             `).join("")}
           </div>
         </div>
@@ -1163,842 +1238,842 @@ 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>` : ""}
-            <button class="tool" type="button" data-act="file">${fe}Upload file</button>
+            ${o ? `<button class="tool" type="button" data-act="shot">${Ke}Screenshot</button>` : ""}
+            ${d ? `<button class="tool" type="button" data-act="rec">${Pe}Record screen</button>` : ""}
+            <button class="tool" type="button" data-act="file">${ve}Upload file</button>
           </div>
           <div class="thumbs"></div>
-          <input type="file" accept="${be.join(",")}" multiple hidden />
+          <input type="file" accept="${me.join(",")}" multiple hidden />
         </div>` : ""}
         </div>`;
 }
-function at(e) {
-  var oe, K, U, M;
+function gt(e) {
+  var ne, U, _, C;
   const {
     client: t,
-    cfg: i,
-    root: w,
-    host: b,
-    dock: T,
-    scrim: x,
-    $: g,
-    say: m,
-    titleInput: l,
-    descInput: d,
-    compose: L,
-    sendBtn: y,
-    note: k
-  } = e, S = g(".thumbs"), q = x.querySelector("input[type=file]"), E = [];
-  let n = ye, p = 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,
+    cfg: o,
+    root: d,
+    host: l,
+    dock: S,
+    scrim: m,
+    $: f,
+    say: c,
+    titleInput: h,
+    descInput: b,
+    compose: k,
+    sendBtn: s,
+    note: y
+  } = e, x = f(".thumbs"), T = m.querySelector("input[type=file]"), a = [];
+  let n = ke, i = null;
+  const r = document.createElement("div");
+  r.setAttribute("role", "status"), r.className = "note", k.prepend(r);
+  const $ = ht(o, (ne = t.signedInAs()) == null ? void 0 : ne.email);
+  let q = o.drafts === !1, w = !1, p = Promise.resolve(), L;
+  function g() {
+    if (clearTimeout(L), !q || w || o.drafts === !1) return p;
+    const u = h.value || b.value || a.length ? {
+      title: h.value,
+      description: b.value,
       priority: n,
-      items: E.map(({ blob: Q, mime: I, kind: C }) => ({ blob: Q, mime: I, kind: C }))
+      items: a.map(({ blob: E, mime: R, kind: D }) => ({ blob: E, mime: R, kind: D }))
     } : null;
-    return o = o.catch(() => {
-    }).then(() => te(s, c)).then(() => {
-      a.textContent = c ? "Draft saved on this device" : "";
+    return p = p.catch(() => {
+    }).then(() => re($, u)).then(() => {
+      r.textContent = u ? "Draft saved on this device" : "";
     }).catch(() => {
-      a.textContent = "Draft could not be saved. Keep this tab open.";
-    }), o;
+      r.textContent = "Draft could not be saved. Keep this tab open.";
+    }), p;
   }
-  function A() {
-    clearTimeout(f), f = setTimeout($, 250);
+  function z() {
+    clearTimeout(L), L = setTimeout(g, 250);
   }
-  L.addEventListener("input", A), L.addEventListener("change", A);
-  const j = () => {
-    $();
+  k.addEventListener("input", z), k.addEventListener("change", z);
+  const M = () => {
+    g();
   };
-  window.addEventListener("pagehide", j);
-  function B() {
-    E.filter((c) => c.status === "failed").forEach(D);
-  }
-  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, $();
-    }, a.querySelector("[data-discard]").onclick = () => {
-      u = !0, $();
+  window.addEventListener("pagehide", M);
+  function A() {
+    a.filter((u) => u.status === "failed").forEach(B);
+  }
+  window.addEventListener("online", A), o.drafts !== !1 && (k.inert = !0, bt($).then((u) => {
+    e.closed || !u || (r.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>', r.querySelector("[data-resume]").onclick = () => {
+      h.value = u.title || "", b.value = u.description || "", n = we.some((E) => E.value === u.priority) ? u.priority : "MEDIUM", m.querySelectorAll("[data-prio]").forEach((E) => E.setAttribute("aria-pressed", String(E.dataset.prio === n)));
+      for (const E of (u.items || []).slice(0, o.maxAttachments ?? 5)) W(E);
+      q = !0, g();
+    }, r.querySelector("[data-discard]").onclick = () => {
+      q = !0, g();
     });
   }).catch(() => {
-    a.textContent = "Draft storage is unavailable. Keep this tab open.";
+    r.textContent = "Draft storage is unavailable. Keep this tab open.";
   }).finally(() => {
-    L.inert = !1, a.querySelector("[data-resume]") || (u = !0);
+    k.inert = e.mustRate(), r.querySelector("[data-resume]") || (q = !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 u;
+    g(), clearTimeout(L), window.removeEventListener("pagehide", M), window.removeEventListener("online", A), i == null || i.cancel(), a.forEach((E) => E.previewUrl && URL.revokeObjectURL(E.previewUrl)), (u = d.querySelector(".recbar")) == null || u.remove();
+  }), m.querySelectorAll("[data-prio]").forEach((u) => {
+    u.addEventListener("click", () => {
+      n = u.dataset.prio, z(), m.querySelectorAll("[data-prio]").forEach((E) => {
+        E.setAttribute("aria-pressed", String(E === u));
       });
     });
   });
-  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 O = f("#bc-title-err");
+  function Q(u) {
+    O.hidden = !u, O.innerHTML = u ? `${P}<span>${v(u)}</span>` : "", h.classList.toggle("invalid", !!u), h.setAttribute("aria-invalid", String(!!u));
   }
-  l.addEventListener("input", () => {
-    l.value.trim() && h("");
+  h.addEventListener("input", () => {
+    h.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 I() {
+    const u = a.some((j) => j.status === "uploading"), E = e.mustRate();
+    s.disabled = e.sending || u || E || a.some((j) => j.status === "failed"), y.textContent = E ? "Rate your last report to send a new one." : u ? "Waiting for the upload to finish…" : a.some((j) => j.status === "failed") ? "Retry or remove failed attachments before sending." : "";
+    const R = o.maxAttachments ?? 5;
+    m.querySelectorAll(".tool").forEach((j) => {
+      j.disabled = e.sending || a.length >= R;
     });
-    const I = g(".field-head .count");
-    I && (I.textContent = E.length ? `${E.length} of ${Q}` : "");
+    const D = f(".field-head .count");
+    D && (D.textContent = a.length ? `${a.length} of ${R}` : "");
   }
-  e.refreshSendState = z;
-  function R(c) {
+  e.refreshSendState = I;
+  function H(u) {
     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 E = u.el, R = u.kind === "VIDEO" ? "Video" : "Shot", D = u.kind === "VIDEO" ? `<video src="${u.previewUrl}" muted playsinline preload="metadata"></video>` : `<img src="${u.previewUrl}" alt="" />`;
+    let j = "";
+    u.status === "uploading" ? j = `<div class="veil"><div class="spinner"></div><div class="bar"><i style="width:${Math.round(u.progress * 100)}%"></i></div></div>` : u.status === "failed" && (j = `<div class="veil err"><button type="button" data-act="retry" aria-label="Retry upload">${Ge}</button>Failed</div>`), E.innerHTML = `
+      ${D}
+      <span class="kind">${R} · ${K(u.size)}</span>
+      <button class="drop" type="button" data-act="drop" aria-label="Remove ${R.toLowerCase()}">${pe}</button>
+      ${j}`, E.querySelector('[data-act="drop"]').addEventListener("click", () => V(u)), (Y = E.querySelector('[data-act="retry"]')) == null || Y.addEventListener("click", () => B(u));
+  }
+  function V(u) {
+    const E = a.indexOf(u);
+    E >= 0 && a.splice(E, 1), u.previewUrl && URL.revokeObjectURL(u.previewUrl), u.el.remove(), g(), I();
+  }
+  async function B(u) {
+    u.status = "uploading", u.progress = 0, H(u), I();
     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: R } = await t.uploadAttachment(u.blob, u.mime, (D) => {
+        u.progress = D;
+        const j = u.el.querySelector(".bar i");
+        j && (j.style.width = `${Math.round(D * 100)}%`);
       });
-      c.storageKey = Q, c.mime = I, c.status = "ready";
-    } catch (Q) {
-      c.status = "failed", m(Q.message.replace("[BugCatch] ", ""));
+      u.storageKey = E, u.mime = R, u.status = "ready";
+    } catch (E) {
+      u.status = "failed", c(E.message.replace("[BugCatch] ", ""));
     }
-    R(c), z();
+    H(u), I();
   }
-  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 W({ blob: u, mime: E, kind: R }) {
+    const D = o.maxAttachmentBytes ?? 26214400;
+    if (u.size > D) {
+      c(`That file is ${K(u.size)} — the limit is ${K(D)}.`);
       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 j = Ae(E || u.type, me);
+    if (!j) {
+      c("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),
+      blob: u,
+      kind: R,
+      mime: j,
+      size: u.size,
+      previewUrl: URL.createObjectURL(u),
       status: "uploading",
       progress: 0,
       storageKey: null,
       el: document.createElement("div")
     };
-    Y.el.className = "thumb", E.push(Y), S.appendChild(Y.el), m(""), $(), D(Y);
+    Y.el.className = "thumb", a.push(Y), x.appendChild(Y.el), c(""), g(), B(Y);
   }
-  async function X(c) {
-    b.style.opacity = "0", b.style.pointerEvents = "none", await new Promise((Q) => requestAnimationFrame(() => requestAnimationFrame(Q)));
+  async function J(u) {
+    l.style.opacity = "0", l.style.pointerEvents = "none", await new Promise((E) => requestAnimationFrame(() => requestAnimationFrame(E)));
     try {
-      return await c();
+      return await u();
     } finally {
-      b.style.opacity = "", b.style.pointerEvents = "";
+      l.style.opacity = "", l.style.pointerEvents = "";
     }
   }
-  (K = x.querySelector('[data-act="shot"]')) == null || K.addEventListener("click", async () => {
+  (U = m.querySelector('[data-act="shot"]')) == null || U.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 u = await J(He);
+      W(u);
+    } catch (u) {
+      (u == null ? void 0 : u.name) !== "NotAllowedError" && c(`Screenshot failed: ${u.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"
+  }), (_ = m.querySelector('[data-act="file"]')) == null || _.addEventListener("click", () => T.click()), T == null || T.addEventListener("change", () => {
+    const u = (o.maxAttachments ?? 5) - a.length;
+    [...T.files].slice(0, Math.max(u, 0)).forEach((E) => {
+      W({
+        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 = "";
+  }), (C = m.querySelector('[data-act="rec"]')) == null || C.addEventListener("click", async () => {
+    const u = o.maxRecordingMs ?? 12e4;
+    let E;
     try {
-      p = await qe({
-        maxMs: c,
-        onTick: (I) => {
-          Q && (Q.querySelector(".time").textContent = ee(I));
+      i = await Ie({
+        maxMs: u,
+        onTick: (R) => {
+          E && (E.querySelector(".time").textContent = ae(R));
         },
         onAutoStop: () => {
-          p && W({ keep: !0 });
+          i && N({ keep: !0 });
         }
       });
-    } catch (I) {
-      (I == null ? void 0 : I.name) !== "NotAllowedError" && m(`Recording failed: ${I.message}`);
+    } catch (R) {
+      (R == null ? void 0 : R.name) !== "NotAllowedError" && c(`Recording failed: ${R.message}`);
       return;
     }
-    x.style.display = "none", T.hidden = !0, Q = document.createElement("div"), Q.className = "recbar", Q.innerHTML = `
+    m.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 ${ae(Math.round(u / 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", () => N({ keep: !0 })), E.querySelector(".ghost").addEventListener("click", () => N({ 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 N({ keep: u }) {
+    var R;
+    const E = i;
+    if (E) {
+      if (i = null, (R = d.querySelector(".recbar")) == null || R.remove(), m.style.display = "", S.hidden = !1, !u) {
+        E.cancel(), h.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 D = await E.stop();
+        D.blob.size ? W(D) : c("That recording came back empty — nothing was captured.");
+      } catch (D) {
+        c(`Recording failed: ${D.message}`);
       }
-      l.focus();
+      h.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 = () => !!i, e.stopRecording = N, s.addEventListener("click", async () => {
+    var R;
+    const u = h.value;
+    if (!u.trim()) {
+      Q("Add a few words about what went wrong — a short sentence is plenty."), h.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, c(""), I();
+    const E = s.innerHTML;
+    s.innerHTML = '<span class="spinner" aria-hidden="true"></span>Sending…';
     try {
-      const C = await t.report({
-        title: c,
-        description: d.value,
+      const D = await t.report({
+        title: u,
+        description: b.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: ((R = e.pickedIssue()) == null ? void 0 : R.key) || null,
+        attachments: a.filter((j) => j.status === "ready").map((j) => ({ type: j.kind, storageKey: j.storageKey, mime: j.mime }))
       });
-      if (C != null && C.cancelled) {
-        e.sending = !1, y.innerHTML = Q, z();
+      if (D != null && D.cancelled) {
+        e.sending = !1, s.innerHTML = E, I();
         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();
+      w = !0, clearTimeout(L), await p, o.drafts !== !1 && await re($, null).catch(() => {
+      }), e.succeed(D);
+    } catch (D) {
+      e.sending = !1, s.innerHTML = E, c(D.message.replace("[BugCatch] ", "")), I(), e.recheckSignIn();
     }
   });
 }
-function nt(e) {
+function mt(e) {
   const {
     client: t,
-    say: i,
-    titleInput: w,
-    descInput: b,
-    sendBtn: T,
-    refsBox: x
+    say: o,
+    titleInput: d,
+    descInput: l,
+    sendBtn: S,
+    refsBox: m
   } = 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 f = { policy: "off", fields: [] }, c = !1, h = null, b = "", k = "", s = [], y = "ask", x = !1, T = !1;
+  t.referenceFields().then((Q) => {
+    f = Q, q();
   }).catch(() => {
   });
-  function E() {
-    return g.policy === "off" || !g.fields.length ? { found: [], conflicts: [], loose: [] } : ze(g.fields, [w.value, b.value]);
-  }
-  function n(h = E()) {
-    return h.found.length > 0 && h.conflicts.length === 0;
-  }
-  function p() {
-    return !l || !d.trim() ? [] : [{ key: l, value: d.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());
+  function a() {
+    return f.policy === "off" || !f.fields.length ? { found: [], conflicts: [], loose: [] } : Re(f.fields, [d.value, l.value]);
+  }
+  function n(Q = a()) {
+    return Q.found.length > 0 && Q.conflicts.length === 0;
+  }
+  function i() {
+    return !h || !b.trim() ? [] : [{ key: h, value: b.trim().slice(0, 120) }];
+  }
+  const r = document.createElement("p");
+  r.className = "ref-found", r.setAttribute("aria-live", "polite"), r.hidden = !0, l.closest(".field").after(r);
+  let $;
+  function q() {
+    const Q = a();
+    if (n(Q)) {
+      const I = Q.found.slice(0, 2).map((H) => `${v(H.label)} <b>${v(p(H.value))}</b>`).join(", ");
+      r.innerHTML = `${F}<span>Found your ${I} — no need to add it again.</span>`, r.hidden = !1, c && !i().length && (c = !1, z());
     } else
-      a.hidden = !0, a.innerHTML = "";
+      r.hidden = !0, r.innerHTML = "";
   }
-  const r = () => {
-    clearTimeout(s), s = setTimeout(u, 250);
+  const w = () => {
+    clearTimeout($), $ = setTimeout(q, 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", w), l.addEventListener("input", w);
+  function p(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 L(Q) {
+    const I = Q.trim().toLowerCase();
+    return s.find((H) => H.value.toLowerCase() === I) || 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 g(Q) {
+    b = Q.value, Q.kinds.length === 1 ? h = Q.kinds[0].key : Q.kinds.some((I) => I.key === h) || (h = null), k = "", T = !1;
   }
-  function A() {
-    var K, U;
-    if (!m) {
-      x.hidden = !0, x.innerHTML = "";
+  function z() {
+    var U, _;
+    if (!c) {
+      m.hidden = !0, m.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 = f.fields.find((C) => C.key === h) || null, I = f.policy !== "required", H = L(b), V = H && H.kinds.length > 1 ? f.fields.filter((C) => H.kinds.some((u) => u.key === C.key)) : f.fields, B = s.length > 1 && s.every((C) => C.kinds.length === 1 && C.kinds[0].key === s[0].kinds[0].key), W = {
+      confirm: s.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: I ? ["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."]
+    }[y];
+    m.hidden = !1;
+    const J = V.length > 6;
+    m.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(W[0])}</strong>
+          <p class="why">${v(W[1])}</p>
         </div>
       </div>
-      ${y.length > 1 ? `
+      ${s.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>
+        ${s.map((C, u) => `
+          <button type="button" data-ref-cand="${u}" title="${v(C.value)}"
+            aria-pressed="${!!H && H === C}">${v(p(C.value))}</button>
         `).join("")}
       </div>` : ""}
-      ${H.length > 1 && !X && !D ? `
+      ${V.length > 1 && !J && !B ? `
       <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>
+        ${V.map((C) => `
+          <button type="button" data-ref-kind="${v(C.key)}" aria-pressed="${!!Q && C.key === Q.key}">${v(C.label)}</button>
         `).join("")}
       </div>` : ""}
       <div class="row">
-        ${X ? `
+        ${J ? `
         <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>'}
+          ${V.map((C) => `
+            <option value="${v(C.key)}" ${Q && C.key === Q.key ? "selected" : ""}>${v(C.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${k ? " 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(b)}"
+          placeholder="${v(Q ? Q.placeholder || Q.label : "Your ID")}"
+          aria-label="${v(Q ? Q.label : "Your ID")}" ${k ? 'aria-invalid="true"' : ""} />
       </div>
-      ${h != null && h.hint ? `<p class="hint">${v(h.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();
+      ${Q != null && Q.hint ? `<p class="hint">${v(Q.hint)}</p>` : ""}
+      ${k ? `<p class="field-err" role="alert">${P}<span>${v(k)}</span></p>` : ""}
+      ${I ? `<button type="button" class="link" data-act="ref-skip">${y === "ask" ? "I don't have this — send without it" : "Not sure — send as it is"}</button>` : ""}`, m.querySelectorAll("[data-ref-cand]").forEach((C) => {
+      C.addEventListener("click", () => {
+        g(s[Number(C.dataset.refCand)]), z();
       });
-    }), x.querySelectorAll("[data-ref-kind]").forEach((M) => {
-      M.addEventListener("click", () => {
-        l = M.dataset.refKind, L = "", q = !1, A();
+    }), m.querySelectorAll("[data-ref-kind]").forEach((C) => {
+      C.addEventListener("click", () => {
+        h = C.dataset.refKind, k = "", T = !1, z();
       });
     });
-    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 N = m.querySelector(".ref-value");
+    N.addEventListener("input", () => {
+      b = N.value, k = "", T = !1;
+    }), N.addEventListener("keydown", (C) => {
+      C.key === "Enter" && (C.preventDefault(), S.click());
+    }), (U = m.querySelector(".ref-kind")) == null || U.addEventListener("change", (C) => {
+      var u;
+      h = C.target.value, k = "", z(), (u = m.querySelector(".ref-value")) == null || u.focus();
+    }), (_ = m.querySelector('[data-act="ref-skip"]')) == null || _.addEventListener("click", () => {
+      x = !0, c = !1, h = null, b = "", k = "", T = !1, z(), o("");
+    }), ((!Q && b ? m.querySelector("[data-ref-kind], .ref-kind") : null) || N).focus();
+  }
+  function M(Q) {
+    if (s = Q.conflicts.length ? Q.conflicts : Q.loose.slice(0, 4), y = Q.conflicts.length ? "confirm" : Q.loose.length ? "suggest" : "ask", c = !0, s.length)
+      if (s.length === 1) g(s[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;
+        b = "";
+        const [I] = s;
+        h = s.every((V) => V.kinds.length === 1 && V.kinds[0].key === I.kinds[0].key) ? I.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;
-  }
-  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;
+      h = h || f.fields[0].key;
+    z();
+  }
+  function A() {
+    if (f.policy === "off" || !f.fields.length || i().length) return !1;
+    const Q = a();
+    return n(Q) || x && f.policy !== "required" ? !1 : Q;
+  }
+  function O() {
+    if (c && b.trim() && !h)
+      return k = "Pick what this ID is.", z(), !0;
+    const Q = A();
+    if (Q)
+      return c ? z() : M(Q), o(""), !0;
+    if (h && b.trim()) {
+      const I = f.fields.find((H) => H.key === h);
+      if (!T && I && !De(I, b))
+        return k = `That does not look like a ${I.label.toLowerCase()}. Press Send again to use it anyway.`, T = !0, z(), !0;
     }
     return !1;
   }
-  e.holdForReference = N, e.answeredReference = p;
-}
-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;
+  e.holdForReference = O, e.answeredReference = i;
+}
+const vt = 3;
+function yt(e) {
+  const { client: t, cfg: o, notices: d } = e;
+  let l = [];
+  function S() {
+    const f = l.slice(0, vt);
+    d.replaceChildren(...f.map((c) => je(c, { where: "panel", onDismiss: m }))), d.hidden = f.length === 0;
   }
-  function x(g) {
-    t.dismissAnnouncement(g), b = b.filter((m) => m !== g), T(), e.titleInput.focus();
+  function m(f) {
+    t.dismissAnnouncement(f), l = l.filter((c) => c !== f), S(), e.titleInput.focus();
   }
-  i.announcements !== !1 && typeof t.announcements == "function" && t.announcements().then((g) => {
-    e.closed || (b = g, T());
+  o.announcements !== !1 && typeof t.announcements == "function" && t.announcements().then((f) => {
+    e.closed || (l = f, S());
   }).catch(() => {
   });
 }
-function it(e) {
+function xt(e) {
   const {
     client: t,
-    cfg: i,
-    titleInput: w,
-    known: b
+    cfg: o,
+    titleInput: d,
+    known: l
   } = e;
-  let T = [], x = "", g = null, m = null;
-  function l() {
-    i.knownIssues !== !1 && t.knownIssues().then((S) => {
-      T = S, y();
+  let S = [], m = "", f = null, c = null;
+  function h() {
+    o.knownIssues !== !1 && t.knownIssues().then((x) => {
+      S = x, s();
     }).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 b = null;
+  function k(x) {
+    if (o.knownIssues === !1) return;
+    clearTimeout(b), c == null || c.abort();
+    const T = (x || "").trim();
+    if (T.length < 3) {
+      h();
       return;
     }
-    d = setTimeout(() => {
-      m = new AbortController(), t.matchKnownIssues(q, { signal: m.signal }).then((E) => {
-        E.length && (T = E, y());
+    b = setTimeout(() => {
+      c = new AbortController(), t.matchKnownIssues(T, { signal: c.signal }).then((a) => {
+        a.length && (S = a, s());
       }).catch(() => {
       });
     }, 250);
   }
-  function y() {
-    if (!T.length) {
-      b.hidden = !0, b.innerHTML = "";
+  function s() {
+    if (!S.length) {
+      l.hidden = !0, l.innerHTML = "";
       return;
     }
-    b.hidden = !1, b.innerHTML = `
+    l.hidden = !1, l.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(y(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 ? `
+        ${f === 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();
+      ${m ? `<p class="err">${v(m)}</p>` : ""}`;
+  }
+  function y(x) {
+    const T = x.status === "IN_PROGRESS" ? "Being worked on now" : "Not fixed yet", a = x.affectedCount === 0 ? "" : ` · ${x.affectedCount} ${x.affectedCount === 1 ? "person has" : "people have"} said this is happening to them`;
+    return `${T} · reported ${X(x.since)}${a}`;
+  }
+  l.addEventListener("click", async (x) => {
+    var r, $, q, w, p;
+    const T = x.target.closest("[data-join]"), a = x.target.closest("[data-join-confirm]");
+    if (!T && !a) return;
+    const n = (a || T).getAttribute(a ? "data-join-confirm" : "data-join");
+    m = "";
+    const i = (($ = (r = l.querySelector(".join-email")) == null ? void 0 : r.value) == null ? void 0 : $.trim()) || ((q = t.signedInAs()) == null ? void 0 : q.email) || ((w = t.config.user) == null ? void 0 : w.email);
+    if (!i) {
+      f = n, s(), (p = l.querySelector(".join-email")) == null || p.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 L = await t.meToo(n, { email: i });
+      f = null, S = S.map((g) => g.id === n ? { ...g, joined: !0, affectedCount: L.affectedCount ?? g.affectedCount } : g), s();
+    } catch (L) {
+      m = L.message.replace("[BugCatch] ", ""), s();
     }
-  }), l(), w.addEventListener("input", () => L(w.value));
+  }), h(), d.addEventListener("input", () => k(d.value));
 }
-function st(e) {
+function wt(e) {
   const {
     client: t,
-    cfg: i,
-    titleInput: w,
-    descInput: b,
-    picks: T
+    cfg: o,
+    titleInput: d,
+    descInput: l,
+    picks: S
   } = e;
-  let x = [], g = null;
-  function m() {
-    if (!x.length) {
-      T.hidden = !0, T.innerHTML = "";
+  let m = [], f = null;
+  function c() {
+    if (!m.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>` : ""}
+        ${m.map((h, b) => `
+          <button type="button" class="pick" data-pick="${v(h.key)}"
+            ${h.hint ? `title="${v(h.hint)}" aria-describedby="bc-pick-h${b}"` : ""}
+            aria-pressed="${(f == null ? void 0 : f.key) === h.key}">
+            <span class="t">${v(h.title)}</span>
+            ${h.hint ? `<span class="h sr-only" id="bc-pick-h${b}">${v(h.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>` : ""}`;
+      ${f ? `<p class="picks-note">${F}<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);
-    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();
+  S.addEventListener("click", (h) => {
+    const b = h.target.closest("[data-pick]");
+    if (!b) return;
+    const k = m.find((y) => y.key === b.dataset.pick);
+    if (!k) return;
+    const s = f && d.value.trim() === f.title;
+    (f == null ? void 0 : f.key) === k.key ? (f = null, s && (d.value = "")) : (f = k, (!d.value.trim() || s) && (d.value = k.title)), d.dispatchEvent(new Event("input", { bubbles: !0 })), c(), f && l.focus();
+  }), o.agentIssues !== !1 && typeof t.agentIssues == "function" && t.agentIssues().then((h) => {
+    m = h, c();
   }).catch(() => {
-  }), e.pickedIssue = () => g;
+  }), e.pickedIssue = () => f;
 }
-function lt(e) {
+function kt(e) {
   const {
     client: t,
-    scrim: i,
-    say: w,
-    callBtn: b,
-    close: T
+    scrim: o,
+    say: d,
+    callBtn: l,
+    close: S
   } = e;
-  let x = !1;
-  function g() {
-    t.callKind().then((d) => {
-      d && (x = !0, e.preloadCall(), b.hidden = e.mustSignIn());
+  let m = !1;
+  function f() {
+    t.callKind().then((b) => {
+      b && (m = !0, e.preloadCall(), l.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…';
+  f(), l.addEventListener("click", async () => {
+    e.sending = !0, d(""), e.refreshSendState(), l.disabled = !0, l.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 b = await t.startCall();
+      c(b);
+    } catch (b) {
+      e.sending = !1, l.disabled = !1, l.innerHTML = `${oe}Talk to the team`, e.refreshSendState(), b.filed ? e.succeed(b.filed, { callFailed: b.reason || "The call could not be started." }) : (d(b.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;
-    L.innerHTML = `
+  function c(b) {
+    const k = o.querySelector(".panel"), s = b != null && b.bugId ? String(b.bugId).slice(0, 8) : null;
+    k.innerHTML = `
       <div class="call">
         <div class="call-head">
           <span class="call-dot" aria-hidden="true"></span>
           <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${s ? ` <code>${v(s)}</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 y = k.querySelector(".call-state"), x = k.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")) {
-        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.");
+    }, a = ["ended", "failed", "missed"], n = t.on("call", ({ state: i }) => {
+      if (y.textContent = T[i] || i, x.classList.toggle("off", a.includes(i)), a.includes(i) && (k.querySelector('[data-act="hangup"]').textContent = "Close", i === "missed")) {
+        const r = k.querySelector(".call-note");
+        r && (r.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();
+    k.querySelector('[data-act="hangup"]').addEventListener("click", () => {
+      n(), t.endCall(), S();
     });
   }
-  function l(d, L, y) {
-    const k = document.createElement("div");
-    k.className = "livecall", k.innerHTML = `
+  function h(b, k, s) {
+    const y = document.createElement("div");
+    y.className = "livecall", y.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>' : ""}
+      ${s != null && s.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"]');
-    let a = null;
-    const s = () => {
-      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";
+      <button class="act danger" type="button" data-act="hangup">Cancel</button>`, b.insertBefore(y, k);
+    const x = y.querySelector(".who"), T = y.querySelector(".secs"), a = y.querySelector(".call-dot"), n = y.querySelector('[data-act="mute"]'), i = y.querySelector('[data-act="hangup"]');
+    let r = null;
+    const $ = () => {
+      r && (clearInterval(r), r = null);
+    }, q = (p) => {
+      $(), a.classList.add("off"), y.classList.add("over"), x.textContent = p, T.hidden = !0, n.hidden = !0, i.textContent = "Dismiss", i.classList.remove("danger");
+    }, w = t.on("call", ({ state: p }) => {
+      if (p === "ringing" && (x.textContent = "Calling the team…"), p === "connecting" && (x.textContent = "Someone answered — connecting…"), p === "connected") {
+        x.textContent = "You're on a call with the team", n.hidden = !1, T.hidden = !1;
+        const L = Date.now();
+        $(), r = setInterval(() => {
+          T.textContent = ae(Math.floor((Date.now() - L) / 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.");
+      p === "missed" && q("Nobody was free. Send a message instead and the team will pick it up."), p === "ended" && q("Call ended."), p === "failed" && q("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 p = s.setMuted(!s.isMuted());
+      n.textContent = p ? "Unmute" : "Mute", x.textContent = p ? "You're muted" : "You're on a call with the team";
+    }), i.addEventListener("click", () => {
+      w(), $(), t.endCall(), y.remove(), e.refreshThread(e.openReportId());
     });
   }
-  e.offerCall = g, e.callOffered = () => x, e.showLiveCall = l;
+  e.offerCall = f, e.callOffered = () => m, e.showLiveCall = h;
 }
-function ct(e) {
-  var r;
+function $t(e) {
+  var w;
   const {
     client: t,
-    say: i,
-    compose: w,
-    sendBtn: b,
-    historyBtn: T,
-    callBtn: x,
-    whoami: g
+    say: o,
+    compose: d,
+    sendBtn: l,
+    historyBtn: S,
+    callBtn: m,
+    whoami: f
   } = 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 c = { mode: t.lastLoginMode || "off", signedIn: null }, h = "idle", b = ((w = t.config.user) == null ? void 0 : w.email) || "", k = "", s = !1, y = "";
+  const x = () => c.mode === "required" && !c.signedIn;
+  function T() {
+    const p = x();
+    d.hidden = p, l.hidden = p, S && (S.hidden = p), p ? m.hidden = !0 : e.callOffered() && !e.mustRate() && (m.hidden = !1);
   }
-  function E() {
-    var f;
-    if (m.mode === "off") {
-      g.hidden = !0, g.innerHTML = "";
+  function a() {
+    var L;
+    if (c.mode === "off") {
+      f.hidden = !0, f.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>`;
+    f.hidden = !1, f.classList.toggle("asking", h !== "idle");
+    const p = y ? `<div class="after err">${v(y)}</div>` : "";
+    if (h === "idle") {
+      if (c.signedIn) {
+        f.innerHTML = `<span class="who">Signed in as <strong>${v(c.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 g = (L = t.config.user) == null ? void 0 : L.email;
+      f.innerHTML = `<span class="who">${c.mode === "required" ? "Sign in to report a bug here." : g ? `Reporting as <strong>${v(g)}</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 (h === "email") {
+      f.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${c.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(b)}"
             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" ${s ? "disabled" : ""} />
+          <button type="button" class="primary" data-act="code" ${s ? "disabled" : ""}>
+            ${s ? "Sending…" : "Send code"}
           </button>
         </div>
-        ${o}
-        ${m.mode === "optional" ? '<div class="after"><button type="button" class="link" data-act="skip">Not now</button></div>' : ""}`;
+        ${p}
+        ${c.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>
+    f.innerHTML = `
+      <p class="why">We sent a code to <strong>${v(b)}</strong>. It expires in ten minutes.</p>
       <div class="row">
-        <input type="text" class="code" data-fld="code" value="${v(L)}"
+        <input type="text" class="code" data-fld="code" value="${v(k)}"
           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" ${s ? "disabled" : ""} />
+        <button type="button" class="primary" data-act="confirm" ${s ? "disabled" : ""}>
+          ${s ? "Checking…" : "Sign in"}
         </button>
       </div>
-      ${o}
+      ${p}
       <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" ${s ? "disabled" : ""}>Send it again</button>
+        <button type="button" class="link" data-act="signin-back" ${s ? "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: p = !1 } = {}) {
+    var g;
+    if (a(), T(), !p || s) return;
+    const L = f.querySelector("[data-fld]");
+    L && (L.focus(), (g = L.setSelectionRange) == null || g.call(L, L.value.length, L.value.length));
+  }
+  f.addEventListener("input", (p) => {
+    const L = p.target.closest("[data-fld]");
+    L && (L.dataset.fld === "email" ? b = L.value : k = L.value);
+  }), f.addEventListener("keydown", (p) => {
+    p.key !== "Enter" || !p.target.closest("[data-fld]") || (p.preventDefault(), h === "email" ? i() : r());
   });
-  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 i({ resent: p = !1 } = {}) {
+    const L = b.trim();
+    if (!L) {
+      y = "Enter the address to send the code to.", n({ focus: !0 });
       return;
     }
-    y = !0, k = "", n();
+    s = !0, y = "", n();
     try {
-      await t.signIn(f), d = f, o || (L = ""), l = "code";
-    } catch ($) {
-      k = $.message;
+      await t.signIn(L), b = L, p || (k = ""), h = "code";
+    } catch (g) {
+      y = g.message;
     } finally {
-      y = !1, n({ focus: !0 });
+      s = !1, n({ focus: !0 });
     }
   }
-  async function a() {
-    const o = L.trim();
-    if (!o) {
-      k = "Enter the code we emailed you.", n({ focus: !0 });
+  async function r() {
+    const p = k.trim();
+    if (!p) {
+      y = "Enter the code we emailed you.", n({ focus: !0 });
       return;
     }
-    y = !0, k = "", n();
+    s = !0, y = "", 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 L = await t.confirmSignIn(b.trim(), p);
+      c.signedIn = L, h = "idle", k = "", o(""), e.offerCall();
+    } catch (L) {
+      y = L.message;
     } finally {
-      y = !1, n({ focus: l !== "idle" });
+      s = !1, n({ focus: h !== "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 });
+  f.addEventListener("click", async (p) => {
+    const L = p.target.closest("button[data-act]");
+    if (!L) return;
+    const g = L.dataset.act;
+    if (g === "signin") {
+      h = "email", y = "", n({ focus: !0 });
       return;
     }
-    if ($ === "skip") {
-      l = "idle", k = "", n();
+    if (g === "skip") {
+      h = "idle", y = "", n();
       return;
     }
-    if ($ === "signin-back") {
-      l = "email", k = "", L = "", n({ focus: !0 });
+    if (g === "signin-back") {
+      h = "email", y = "", k = "", n({ focus: !0 });
       return;
     }
-    if ($ === "code") {
-      p();
+    if (g === "code") {
+      i();
       return;
     }
-    if ($ === "resend") {
-      p({ resent: !0 });
+    if (g === "resend") {
+      i({ resent: !0 });
       return;
     }
-    if ($ === "confirm") {
-      a();
+    if (g === "confirm") {
+      r();
       return;
     }
-    if ($ === "signout") {
-      y = !0, n();
+    if (g === "signout") {
+      s = !0, n();
       try {
         await t.signOut();
       } finally {
-        m.signedIn = null, y = !1, l = m.mode === "required" ? "email" : "idle", n({ focus: l !== "idle" });
+        c.signedIn = null, s = !1, h = c.mode === "required" ? "email" : "idle", n({ focus: h !== "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 $({ announce: p = !1 } = {}) {
+    const L = await t.loginState();
+    c = { mode: L.mode, signedIn: L.signedIn }, t.lastLoginMode = L.mode, x() && h === "idle" && (h = "email"), c.signedIn && (h = "idle"), p && L.signedOutReason && o(L.signedOutReason, "info"), n();
   }
-  s({ announce: !0 }).catch(() => {
+  $({ announce: !0 }).catch(() => {
   });
-  function u() {
-    m.mode !== "off" && s().catch(() => {
+  function q() {
+    c.mode !== "off" && $().catch(() => {
     });
   }
-  e.mustSignIn = S, e.recheckSignIn = u;
+  e.mustSignIn = x, e.recheckSignIn = q;
 }
-function ue(e) {
+function fe(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 o = null, d = null;
+  return t.map((l) => {
+    var b, k, s, y;
+    const S = Z(l.at), m = S && S !== o ? `<div class="day-sep" role="separator">${v(dt(l.at))}</div>` : "";
+    if (m && (o = S, d = null), !l.from)
+      return d = null, m + Lt(l);
+    const f = {
+      from: l.from,
+      author: (b = l.reply) == null ? void 0 : b.author,
+      automated: (k = l.reply) == null ? void 0 : k.automated,
+      body: (s = l.reply) == null ? void 0 : s.body,
+      at: l.at,
+      attachments: (y = l.reply) == null ? void 0 : y.attachments
+    }, c = St(f), h = d && d.who === c && Math.abs(new Date(l.at).getTime() - new Date(d.at).getTime()) < 5 * 6e4;
+    return d = { who: c, at: l.at }, m + $e(f, h ? "cont" : "");
   }).join("");
 }
-function dt(e) {
+function St(e) {
   return e.from === "reporter" ? "me" : e.automated ? "assistant" : `team:${e.author || ""}`;
 }
-function pt(e) {
-  const t = ve(e.at);
+function Lt(e) {
+  const t = xe(e.at);
   return `
     <div class="sys k-${v(e.kind)}">
       <span class="dot" aria-hidden="true"></span>${v(e.summary || "")}${t ? `
       <span class="t">· ${v(t)}</span>` : ""}
     </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 L = e.author || "Support team";
-    m = `<span class="msg-who">${v(L)}</span>`, l = `<span class="av" aria-hidden="true">${v(Ze(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">
+function $e(e, t = "") {
+  const o = e.from === "reporter", d = e.body || "", l = e.attachments || [], S = !o && !!e.automated, m = d ? `<span class="msg-text">${v(d)}</span>` : "", f = l.length ? `<div class="att">${l.map(Tt).join("")}</div>` : "";
+  let c = "", h = "";
+  if (S)
+    c = '<span class="msg-who auto">Assistant <span class="tag">AI</span></span>', h = '<span class="av bot orb" aria-hidden="true"></span>';
+  else if (!o) {
+    const k = e.author || "Support team";
+    c = `<span class="msg-who">${v(k)}</span>`, h = `<span class="av" aria-hidden="true">${v(ct(k))}</span>`;
+  }
+  t.includes("cont") && (c = "");
+  const b = 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">${F}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?">
+      </div>` : S && Ve.test(d) ? `<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>
           <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 ${o ? "mine" : "theirs"} ${S ? "auto" : ""} ${t}">
+      ${h}
+      ${c}
+      <div class="bubble ${d ? "" : "silent"}">${m}${f}</div>
+      ${b}
+      <span class="msg-when">${v(xe(e.at) || X(e.at))}</span>
     </div>`;
 }
-function ut() {
+function Qt() {
   return `
     <div class="typing-row">
       <span class="av bot orb" aria-hidden="true"></span>
@@ -2006,450 +2081,700 @@ 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 Tt(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 o = v(e.url);
+  return e.type === "SCREENSHOT" ? `<a href="${o}" target="_blank" rel="noopener noreferrer"><img src="${o}" alt="${t}" loading="lazy"></a>` : e.type === "AUDIO" ? `<audio controls preload="metadata" src="${o}"></audio>` : e.type === "VIDEO" ? `<video controls preload="metadata" src="${o}"></video>` : `
+    <a class="file" href="${o}" 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(K(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 qt(e, t, o, d) {
+  var q;
+  const { client: l, cfg: S } = e, m = document.createElement("div");
+  m.className = "composer", m.innerHTML = `
     <div class="staged" hidden></div>
     <div class="row">
       <div class="tools">
-        ${T.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>
+        ${S.attachments === !1 ? "" : `
+        <button class="tool" type="button" data-act="attach" title="Attach a file" aria-label="Attach a file">${ve}</button>
+        <button class="tool" type="button" data-act="voice" title="Record a voice note" aria-label="Record a voice note">${he}</button>`}
+        <button class="tool" type="button" data-act="livecall" title="Call the team" aria-label="Call the team" hidden>${oe}</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>
+      <button class="send" type="button" data-act="send" title="Send" aria-label="Send" disabled>${ce}</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="${Oe.join(",")}">`, t.appendChild(m);
+  const f = m.querySelector(".staged"), c = m.querySelector("textarea"), h = m.querySelector('[data-act="send"]'), b = m.querySelector('[data-act="voice"]'), k = m.querySelector('[data-act="livecall"]'), s = m.querySelector("input[type=file]"), y = m.querySelector(".note"), x = [];
+  let T = null, a = !1;
+  function n(w, p = "") {
+    y.hidden = !w, y.className = `note ${p}`, y.textContent = w || "";
+  }
+  function i() {
+    const w = x.filter((p) => p.storageKey);
+    h.disabled = a || !c.value.trim() && !w.length, f.hidden = !x.length, f.innerHTML = x.map((p, L) => `
+      <span class="chip ${p.storageKey ? "" : "uploading"}">
+        <span class="nm">${v(p.name)}</span>
+        <span class="sz">${p.storageKey ? K(p.size) : "sending…"}</span>
+        <button type="button" data-drop="${L}" aria-label="Remove ${v(p.name)}">${pe}</button>
       </span>`).join("");
-    for (const o of g.querySelectorAll("[data-drop]"))
-      o.addEventListener("click", () => {
-        S.splice(Number(o.dataset.drop), 1), p();
+    for (const p of f.querySelectorAll("[data-drop]"))
+      p.addEventListener("click", () => {
+        x.splice(Number(p.dataset.drop), 1), i();
       });
   }
-  async function a(r, o, f) {
-    const $ = { name: f, size: r.size, storageKey: null };
-    S.push($), p();
+  async function r(w, p, L) {
+    const g = { name: L, size: w.size, storageKey: null };
+    x.push(g), i();
     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: z, mime: M } = await l.uploadAttachment(w, p);
+      g.storageKey = z, g.mime = M;
+    } catch (z) {
+      x.splice(x.indexOf(g), 1), n(z.message || "That file could not be sent.", "err");
     }
-    p();
+    i();
   }
-  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", () => {
+  c.addEventListener("input", () => {
+    c.style.height = "auto", c.style.height = `${Math.min(c.scrollHeight, 120)}px`, i();
+  }), c.addEventListener("keydown", (w) => {
+    w.key === "Enter" && !w.shiftKey && !w.isComposing && (w.preventDefault(), $());
+  }), (q = m.querySelector('[data-act="attach"]')) == null || q.addEventListener("click", () => s.click()), s.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 w of s.files) {
+      if (w.size > l.config.maxAttachmentBytes) {
+        n(`${w.name} is larger than ${K(l.config.maxAttachmentBytes)}.`, "err");
         continue;
       }
-      a(r, r.type, r.name);
+      r(w, w.type, w.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");
+    s.value = "";
+  }), b && !Be() && (b.disabled = !0, b.title = "This browser cannot record audio"), b == null || b.addEventListener("click", async () => {
+    if (T) {
+      const w = T;
+      T = null, b.classList.remove("recording"), b.innerHTML = he, n("");
+      const { blob: p, mime: L } = await w.stop();
+      p.size && r(p, 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 Ne({
+        maxMs: l.config.maxRecordingMs,
+        onTick: (w) => n(`Recording — ${ae(w)}. Tap the mic to stop.`),
+        onAutoStop: () => b.click()
+      }), b.classList.add("recording"), b.innerHTML = Ue;
     } 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());
+  }), l.canCallTeam(d).then((w) => {
+    w && (k.hidden = !1, e.preloadCall());
   }).catch(() => {
-  }), L.addEventListener("click", async () => {
-    L.disabled = !0, n("");
+  }), k.addEventListener("click", async () => {
+    k.disabled = !0, n("");
     try {
-      const r = await b.startLiveCall(w);
-      e.showLiveCall(t, i, r);
-    } catch (r) {
-      n(r.message.replace("[BugCatch] ", ""), "err");
+      const w = await l.startLiveCall(d);
+      e.showLiveCall(t, o, w);
+    } catch (w) {
+      n(w.message.replace("[BugCatch] ", ""), "err");
     } finally {
-      L.disabled = !1;
+      k.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());
+  }), h.addEventListener("click", $), o.addEventListener("click", (w) => {
+    var L, g;
+    const p = (g = (L = w.target).closest) == null ? void 0 : g.call(L, "[data-quick]");
+    !p || a || (c.value = p.dataset.quick, $());
   });
-  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 $() {
+    var L;
+    const w = c.value.trim(), p = x.filter((g) => g.storageKey);
+    if (!(a || !w && !p.length)) {
+      a = !0, i(), n(""), o.insertAdjacentHTML("beforeend", $e({
         from: "reporter",
-        body: r,
+        body: w,
         at: (/* @__PURE__ */ new Date()).toISOString(),
-        attachments: o.map(($) => ({ type: "FILE", name: $.name, size: $.size }))
-      }, "pending")), _(i, { smooth: !0 });
+        attachments: p.map((g) => ({ type: "FILE", name: g.name, size: g.size }))
+      }, "pending")), G(o, { smooth: !0 });
       try {
-        await b.replyToReport(w, {
-          body: r,
-          attachments: o.map(($) => ({
-            storageKey: $.storageKey,
-            mime: $.mime,
-            name: $.name,
-            size: $.size
+        await l.replyToReport(d, {
+          body: w,
+          attachments: p.map((g) => ({
+            storageKey: g.storageKey,
+            mime: g.mime,
+            name: g.name,
+            size: g.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");
+        }), c.value = "", c.style.height = "auto", x.length = 0, await e.refreshThread(d);
+      } catch (g) {
+        (L = o.querySelector(".msg-row.pending")) == null || L.classList.replace("pending", "failed"), n(g.message || "That could not be sent — try again.", "err");
       } finally {
-        E = !1, p();
+        a = !1, i();
       }
     }
   }
-  p();
+  i();
 }
-const se = /* @__PURE__ */ new WeakMap();
-function he(e) {
+function Se(e) {
   return JSON.stringify(e ? [e.score, e.current, e.comment || null] : null);
 }
-function ft(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 ue(e, {
+  client: t,
+  report: o,
+  rating: d,
+  justRated: l = !1,
+  question: S = null,
+  onRated: m = null,
+  onError: f = null
+}) {
+  var a;
+  e.dataset.key = Se(d);
+  const c = d != null && d.current ? d.score : 0, h = d ? d.current ? l ? "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?", b = l && (d == null ? void 0 : d.current) && !d.comment;
+  e.innerHTML = `
+      <p class="fr-q">${v(h)}</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 === c}" aria-label="${n} out of 5${n === 1 ? ", poor" : n === 5 ? ", great" : ""}" class="${n <= c ? "on" : ""}">${ye}</button>`).join("")}
+      </div>
+      ${d != null && d.current && d.comment ? `<p class="fr-said">“${v(d.comment)}”</p>` : ""}
+      ${b ? `
+      <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 k = [...e.querySelectorAll("[data-score]")], s = (n) => k.forEach((i) => i.classList.toggle("on", Number(i.dataset.score) <= n)), y = (n) => e.querySelectorAll("button, textarea").forEach((i) => {
+    i.disabled = n;
+  }), x = e.querySelector(".feedback-status");
+  async function T(n, i) {
+    var r;
+    y(!0), x.textContent = "";
+    try {
+      const $ = await t.rate(o.id, { score: n, comment: i });
+      ue(e, {
+        client: t,
+        report: o,
+        rating: $,
+        justRated: !0,
+        question: S,
+        onRated: m,
+        onError: f
+      }), (r = e.querySelector(".fr-note textarea")) == null || r.focus(), m == null || m($);
+    } catch ($) {
+      x.textContent = $.message, y(!1), s(c), f == null || f($);
+    }
+  }
+  for (const n of k) {
+    const i = Number(n.dataset.score);
+    n.addEventListener("mouseenter", () => s(i)), n.addEventListener("focus", () => s(i)), n.addEventListener("blur", () => s(c)), n.addEventListener("click", () => T(i));
+  }
+  e.querySelector(".stars").addEventListener("mouseleave", () => s(c)), (a = e.querySelector('[data-act="rating-note"]')) == null || a.addEventListener("click", () => {
+    var i;
+    const n = e.querySelector(".fr-note textarea").value.trim();
+    if (!n) {
+      (i = e.querySelector(".fr-note")) == null || i.remove();
+      return;
+    }
+    T(d.score, n);
+  });
 }
-function gt(e) {
-  var E;
+const le = /* @__PURE__ */ new WeakMap();
+function Et(e) {
+  return e.rating ? ` · <span class="rated" aria-label="You rated this ${Number(e.rating)} out of 5">${ye}${Number(e.rating)}</span>` : e.ratingAsked ? ' · <span class="rate-ask">Rate it</span>' : "";
+}
+function Mt(e) {
+  var T;
   const {
     client: t,
-    scrim: i,
-    close: w
+    scrim: o,
+    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 l = null;
+  function S(a, { callFailed: n = null } = {}) {
+    if (a != null && a.id && !n) {
+      c(a.id, { fresh: !0 }).then((i) => {
+        i || m(a, { callFailed: n });
       });
       return;
     }
-    x(n, { callFailed: p });
+    m(a, { 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 m(a, { callFailed: n = null } = {}) {
+    var q;
+    const i = a != null && a.id ? String(a.id).slice(0, 8) : null, r = (q = a == null ? void 0 : a.estimate) != null && q.label ? String(a.estimate.label) : null, $ = n ? `<p class="eta">${v(n)} Your report is filed, and the team will reply in the chat.</p>` : "";
+    o.querySelector(".panel").innerHTML = `
       <div class="done">
         <div class="tick">${F}</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 = `
-      ${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 = [];
+        <p>${i ? `Filed as <code>${v(i)}</code>.` : "The team has what they need to reproduce it."}</p>
+        ${$}
+        ${r ? `<p class="eta">Reports like this usually take <strong>${v(r)}</strong>. We'll let you know when it moves.</p>` : ""}
+      </div>`, setTimeout(d, $ ? 6e3 : r ? 4e3 : 2e3);
+  }
+  async function f() {
+    const a = o.querySelector(".panel");
+    clearTimeout(h), l = null, a.classList.remove("is-chat"), a.innerHTML = `
+      ${de({ title: "Your reports", sub: "Where each one has got to.", theme: e.themeLabel() })}
+      <div class="history" aria-busy="true">${st(3)}</div>`, a.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 r = a.querySelector(".history");
+      r && (r.innerHTML = ie("Couldn't load your reports just now.", P));
       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 i = a.querySelector(".history");
+    if (i) {
+      i.removeAttribute("aria-busy"), i.innerHTML = n.length ? n.map((r, $) => `
+        <button class="row" type="button" data-report="${v(r.id)}" style="animation-delay:${Math.min($, 8) * 30}ms">
+          <span class="row-ico" aria-hidden="true">${Fe}</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(r.title)}</span>
+            <span class="sub">${v(r.reference)} · ${v(X(r.createdAt))}${Et(r)}</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(r.status).toLowerCase())}">${v(se(r.status))}</span>
+          <span class="chev" aria-hidden="true">${Xe}</span>
+        </button>`).join("") : ie("You haven't reported anything yet.", Je);
+      for (const r of i.querySelectorAll("[data-report]"))
+        r.addEventListener("click", () => c(r.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 = `
-      ${le({
+  async function c(a, { fresh: n = !1 } = {}) {
+    var p;
+    const i = o.querySelector(".panel");
+    clearTimeout(h), i.classList.add("is-chat"), i.innerHTML = `
+      ${de({
       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">${lt()}</div></div>`, i.querySelector('[data-act="close"]').addEventListener("click", d), i.querySelector('[data-act="back"]').addEventListener("click", f);
+    let r = null;
     try {
-      s = await t.myReport(n);
+      r = await t.myReport(a);
     } catch {
-      s = null;
+      r = 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 $ = i.querySelector(".history");
+    if (!$ || !i.querySelector('[data-act="back"]')) return !1;
+    if (!r)
+      return n ? (i.classList.remove("is-chat"), !1) : ($.removeAttribute("aria-busy"), $.innerHTML = ie("Couldn't load that report just now.", P), !1);
+    l = a, t.markReportRead(a);
+    const q = fe(r.timeline);
+    $.classList.add("chatting"), $.removeAttribute("aria-busy"), $.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(r.title)}</span>
+        <span class="sub">${v(r.reference)} · ${v(r.project || "")}</span>
+        <span class="pill ${v(String(r.status).toLowerCase())}">${v(se(r.status))}</span>
+        ${(p = r.estimate) != null && p.label ? `<span class="eta-line">Usually takes ${v(String(r.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;
+      <div class="thread" role="log" aria-live="polite" aria-label="Conversation">${q}</div>`;
+    const w = $.querySelector(".thread");
+    return le.set(w, q), G(w), k($, r), s($, r), r.canReply && qt(e, $, w, a), b($, r, a), G(w), !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();
+  let h = null;
+  function b(a, n, i) {
+    var O, Q, I;
+    clearTimeout(h);
+    const r = n.assistant, $ = a.querySelector(".thread");
+    let q = a.querySelector(".assistant");
+    if (!r) {
+      q == null || q.remove(), (O = $ == null ? void 0 : $.querySelector(".typing-row")) == null || O.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 w = (q == null ? void 0 : q.dataset.phase) || null;
+    q || (q = document.createElement("div"), q.setAttribute("role", "status"), q.setAttribute("aria-live", "polite"), (Q = a.querySelector(".report-head")) == null || Q.after(q)), q.className = `assistant ${v(r.phase)}`, q.dataset.phase = r.phase;
+    const p = r.steps || [], L = p.filter((H) => H.state === "done").length, g = p.some((H) => H.state === "active") ? 0.5 : 0, z = p.length ? Math.round((L + g) / p.length * 100) : 0, M = `
+      <div class="as-body${w && w !== r.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${r.phase === "calling" || r.phase === "resolved" ? "" : " orb"}" aria-hidden="true">${r.phase === "calling" ? oe : r.phase === "resolved" ? F : ""}</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(r.title)}</div>
+            <div class="as-detail">${v(r.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}%`;
+      ${p.length ? `
+      <div class="as-progress" role="progressbar" aria-label="Progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${z}"><i style="width:${z}%"></i></div>
+      <ol class="as-steps">${p.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>` : ""}`, A = JSON.stringify([r.phase, r.title, r.detail, p]);
+    if (q.dataset.key !== A) {
+      const H = q.querySelector(".as-progress i"), V = H == null ? void 0 : H.style.width;
+      q.innerHTML = M, q.dataset.key = A;
+      const B = q.querySelector(".as-progress i");
+      B && V && (B.style.width = V, requestAnimationFrame(() => {
+        B.style.width = `${z}%`;
       }));
     }
-    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 ($) {
+      const H = be($), V = $.querySelector(".typing-row");
+      r.phase !== "analyzing" ? V == null || V.remove() : (!V || V !== $.lastElementChild) && (V == null || V.remove(), $.insertAdjacentHTML("beforeend", Qt()), H && G($));
     }
-    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;
+    r.phase === "analyzing" ? h = setTimeout(() => y(i), 3e3) : r.phase === "calling" ? h = setTimeout(() => y(i), 1e4) : r.phase === "needs_info" && w !== "needs_info" && ((I = a.querySelector(".composer textarea")) == null || I.focus());
+  }
+  function k(a, n) {
+    var r, $;
+    if ((r = a.querySelector(".fix-verification")) == null || r.remove(), !n.resolvedAt || !["RESOLVED", "CLOSED"].includes(n.status)) return;
+    const i = document.createElement("div");
+    i.className = "fix-verification", n.verification ? i.textContent = n.verification === "CONFIRMED" ? "You confirmed that this fix works." : "Your feedback was recorded." : (i.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>', i.querySelectorAll("[data-result]").forEach((q) => {
+      q.onclick = async () => {
+        i.querySelectorAll("button").forEach((w) => {
+          w.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: q.dataset.result, resolvedAt: n.resolvedAt, note: i.querySelector("textarea").value }), await c(n.id);
+        } catch (w) {
+          i.querySelector(".feedback-status").textContent = w.message, i.querySelectorAll("button").forEach((p) => {
+            p.disabled = !1;
           });
         }
       };
-    })), (u = n.querySelector(".report-head")) == null || u.after(a);
+    })), ($ = a.querySelector(".report-head")) == null || $.after(i);
   }
-  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 s(a, n) {
+    var $;
+    let i = a.querySelector(".fix-rating");
+    if (!["RESOLVED", "CLOSED"].includes(n.status) || !n.ratingAsked) {
+      i == null || i.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("")}
+    i && i.dataset.key === Se(n.rating) || (i || (i = document.createElement("div"), i.className = "fix-rating", ($ = a.querySelector(".fix-verification") || a.querySelector(".report-head")) == null || $.after(i)), ue(i, { client: t, report: n, rating: n.rating || null }));
+  }
+  async function y(a) {
+    const n = o.querySelector(".history.chatting"), i = n == null ? void 0 : n.querySelector(".thread");
+    if (!i || l !== a) return;
+    let r = null;
+    try {
+      r = await t.myReport(a);
+    } catch {
+    }
+    if (e.closed || !r || l !== a) return;
+    k(n, r), s(n, r);
+    const $ = be(i), q = fe(r.timeline);
+    le.get(i) !== q && (i.innerHTML = q, le.set(i, q)), b(n, r, a), $ && G(i);
+    const w = n.querySelector(".report-head .pill");
+    w && (w.className = `pill ${String(r.status).toLowerCase()}`, w.textContent = se(r.status));
+  }
+  const x = t.on("update", (a) => {
+    !l || (a == null ? void 0 : a.bugId) !== l || (t.markReportRead(l), y(l));
+  });
+  e.onDestroy(() => {
+    x(), clearTimeout(h);
+  }), (T = o.querySelector('[data-act="history"]')) == null || T.addEventListener("click", f), e.succeed = S, e.refreshThread = y, e.openReportId = () => l;
+}
+const Le = "bugcatch.rateLater", zt = 50;
+function Qe() {
+  try {
+    const e = JSON.parse(window.localStorage.getItem(Le) || "[]");
+    return Array.isArray(e) ? e : [];
+  } catch {
+    return [];
+  }
+}
+function Ct(e) {
+  try {
+    const t = Qe().filter((o) => o !== e);
+    t.push(e), window.localStorage.setItem(Le, JSON.stringify(t.slice(-zt)));
+  } catch {
+  }
+}
+function At(e, t = Qe()) {
+  const o = new Set(t), d = (e || []).filter((S) => S.ratingDue === "require" || S.ratingDue === "ask" && !o.has(S.id));
+  if (!d.length) return null;
+  const l = (S) => new Date(S.resolvedAt || S.updatedAt || 0).getTime() || 0;
+  return d.reduce((S, m) => l(m) > l(S) ? m : S);
+}
+function Ht(e) {
+  const {
+    client: t,
+    rateDue: o,
+    compose: d,
+    picks: l,
+    known: S,
+    callBtn: m,
+    titleInput: f,
+    scrim: c
+  } = e;
+  let h = !1;
+  e.mustRate = () => h;
+  function b(x) {
+    h = x;
+    for (const T of [d, l, S])
+      T.classList.toggle("held", x), T.inert = x;
+    x ? m.hidden = !0 : e.callOffered() && !e.mustSignIn() && (m.hidden = !1), e.refreshSendState();
+  }
+  function k() {
+    h && b(!1);
+  }
+  function s() {
+    o.hidden = !0, o.replaceChildren(), k(), f.focus();
+  }
+  function y(x) {
+    var i;
+    const T = x.ratingDue === "require", a = x.resolvedAt ? X(x.resolvedAt) : "", n = x.status === "CLOSED" ? "closed" : "fixed";
+    if (o.hidden = !1, o.classList.toggle("is-required", T), o.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>
-      ${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);
+      <p class="rd-report">
+        <span class="rd-ico" aria-hidden="true">${F}</span>
+        <span class="rd-ttl">${v(x.title)}</span>
+        <span class="rd-sub">${v(x.reference)}${a ? ` · ${n} ${v(a)}` : ""}</span>
+      </p>
+      <div class="rd-stars"></div>`, (i = o.querySelector('[data-act="rate-later"]')) == null || i.addEventListener("click", () => {
+      Ct(x.id), s();
+    }), ue(o.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 r;
+        o.querySelector(".rd-eyebrow").textContent = `Your report was ${n}`, (r = o.querySelector('[data-act="skip"]')) == null || r.remove(), o.classList.remove("is-required"), k();
+      },
+      // 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 (!h || o.querySelector('[data-act="skip"]')) return;
+        const r = document.createElement("button");
+        r.type = "button", r.className = "link rd-later", r.dataset.act = "skip", r.textContent = "Skip for now", r.addEventListener("click", s), o.querySelector(".rd-head").append(r);
       }
+    }), T) {
+      b(!0);
+      const r = c.getRootNode().activeElement;
+      (!r || !o.contains(r)) && o.focus();
     }
-    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));
+  }
+  t.hasReports() && t.myReports().then(({ reports: x }) => {
+    if (e.closed) return;
+    const T = At(x);
+    T && y(T);
+  }).catch(() => {
+  });
+}
+const ge = {
+  idea: { label: "Idea", icon: at },
+  praise: { label: "Praise", icon: rt },
+  confusing: { label: "Confusing", icon: ot },
+  other: { label: "Other", icon: nt }
+}, Te = [
+  { score: 1, word: "Terrible", mouth: "M7.8 17.2c1.1-2 2.5-2.9 4.2-2.9s3.1.9 4.2 2.9M8 8l2.4 1.2M16 8l-2.4 1.2" },
+  { score: 2, word: "Not great", mouth: "M8.6 16c1-.8 2.1-1.2 3.4-1.2s2.4.4 3.4 1.2" },
+  { score: 3, word: "Okay", mouth: "M8.8 15.2h6.4" },
+  { score: 4, word: "Good", mouth: "M8.6 14.4c1 .9 2.1 1.4 3.4 1.4s2.4-.5 3.4-1.4" },
+  { score: 5, word: "Great", mouth: "M7.8 13.2h8.4a4.2 4.2 0 0 1-8.4 0z" }
+];
+function It(e) {
+  return `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9.2"/><path d="M9 9.9h.01M15 9.9h.01" stroke-width="2.6"/><path d="${e}"/></svg>`;
+}
+function Rt() {
+  return `
+        <div class="feedback fb-only">
+          <div class="field">
+            <label for="bc-fb-msg">What's on your mind?</label>
+            <textarea id="bc-fb-msg" maxlength="${We}" aria-describedby="bc-fb-err"
+              placeholder="An idea, something you like, or something that confused you."></textarea>
+            <p class="field-err" id="bc-fb-err" hidden></p>
+          </div>
+          <div class="field">
+            <label id="bc-fb-kind-l">What kind is it? <span class="opt">(optional)</span></label>
+            <div class="kinds" role="group" aria-labelledby="bc-fb-kind-l">
+              ${Ye.map((e) => `
+                <button class="tool" type="button" data-kind="${e}" aria-pressed="false">${ge[e].icon}${ge[e].label}</button>
+              `).join("")}
+            </div>
+          </div>
+          <div class="field">
+            <div class="field-head">
+              <label id="bc-fb-score-l">How's your experience so far? <span class="opt">(optional)</span></label>
+              <span class="count face-word" aria-hidden="true"></span>
+            </div>
+            <div class="faces" role="group" aria-labelledby="bc-fb-score-l">
+              ${Te.map((e) => `
+                <button class="face" type="button" data-score="${e.score}" aria-pressed="false"
+                  aria-label="${e.word}" title="${e.word}">${It(e.mouth)}</button>
+              `).join("")}
+            </div>
+          </div>
+          <!-- Who it is from: an address to write back to when the page knows
+               none, and a line saying which one when it does. -->
+          <div class="field fb-who"></div>
+        </div>`;
+}
+function Dt(e) {
+  var g, z;
+  const { client: t, cfg: o, scrim: d, $: l, say: S, close: m } = e, f = l(".feedback"), c = l("#bc-fb-msg"), h = l("#bc-fb-err"), b = l('[data-act="send-feedback"]'), k = l(".face-word");
+  let s = null, y = null, x = !1, T = !1;
+  const a = l(".fb-who"), n = ((g = t.signedInAs()) == null ? void 0 : g.email) || ((z = o.user) == null ? void 0 : z.email) || null;
+  n ? a.innerHTML = `<p class="fb-as">Sent as <strong>${v(n)}</strong></p>` : a.innerHTML = `
+      <label for="bc-fb-email">Your email <span class="opt">(optional — only if you'd like a reply)</span></label>
+      <input id="bc-fb-email" type="email" autocomplete="email" placeholder="you@example.com" />`;
+  const i = l("#bc-fb-email"), r = `bugcatch.feedbackDraft:${o.projectId || ""}`, $ = o.drafts !== !1;
+  if ($)
+    try {
+      c.value = localStorage.getItem(r) || "";
+    } catch {
     }
-    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;
+  let q;
+  function w() {
+    if (clearTimeout(q), !!$)
+      try {
+        c.value.trim() ? localStorage.setItem(r, c.value) : localStorage.removeItem(r);
+      } catch {
       }
-      B(a.score, h);
+  }
+  c.addEventListener("input", () => {
+    c.value.trim() && p(""), clearTimeout(q), q = setTimeout(w, 250);
+  }), e.onDestroy(() => {
+    T || w();
+  }), f.querySelectorAll("[data-kind]").forEach((M) => {
+    M.addEventListener("click", () => {
+      s = s === M.dataset.kind ? null : M.dataset.kind, f.querySelectorAll("[data-kind]").forEach((A) => A.setAttribute("aria-pressed", String(A.dataset.kind === s)));
+    });
+  }), f.querySelectorAll("[data-score]").forEach((M) => {
+    M.addEventListener("click", () => {
+      const A = Number(M.dataset.score);
+      y = y === A ? null : A, f.querySelectorAll("[data-score]").forEach((O) => O.setAttribute("aria-pressed", String(Number(O.dataset.score) === y))), k.textContent = y ? Te[y - 1].word : "";
     });
+  });
+  function p(M) {
+    h.hidden = !M, h.innerHTML = M ? `${P}<span>${v(M)}</span>` : "", c.classList.toggle("invalid", !!M), c.setAttribute("aria-invalid", String(!!M));
   }
-  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;
+  b.addEventListener("click", async () => {
+    if (x) return;
+    if (!c.value.trim()) {
+      p("Write a few words — a sentence is plenty."), c.focus();
+      return;
+    }
+    x = !0, e.sending = !0, S("");
+    const M = b.innerHTML;
+    b.disabled = !0, b.innerHTML = '<span class="spinner" aria-hidden="true"></span>Sending…';
     try {
-      s = await t.myReport(n);
-    } catch {
+      const A = await t.feedback({
+        message: c.value,
+        kind: s,
+        score: y,
+        ...i && i.value.trim() ? { email: i.value.trim() } : {}
+      });
+      if (A != null && A.cancelled) throw Object.assign(new Error(""), { quiet: !0 });
+      if (T = !0, clearTimeout(q), $)
+        try {
+          localStorage.removeItem(r);
+        } catch {
+        }
+      L();
+    } catch (A) {
+      x = !1, e.sending = !1, b.disabled = !1, b.innerHTML = M, A.quiet || S(String(A.message || "That did not send. Please try again.").replace("[BugCatch] ", ""));
     }
-    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));
   });
-  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;
+  function L() {
+    e.sending = !1, d.querySelector(".panel").innerHTML = `
+      <div class="done">
+        <div class="tick">${F}</div>
+        <h3>Thanks — that's with the team.</h3>
+        <p>Everything sent here is read by the people who build this.</p>
+      </div>`, setTimeout(m, 2600);
+  }
+  e.focusFeedback = () => c.focus();
 }
-function xt({
+const te = {
+  report: { title: "Report a bug", sub: "We attach the page details for you." },
+  feedback: { title: "Give feedback", sub: "The team reads every note." }
+};
+function Ot({
   root: e,
   host: t,
-  dock: i,
-  client: w,
-  onClose: b,
-  preloadCall: T = () => {
+  dock: o,
+  client: d,
+  onClose: l,
+  preloadCall: S = () => {
   },
-  themeControls: x = null
+  themeControls: m = null,
+  mode: f = "report"
 }) {
-  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 = `
-    <div class="panel" role="dialog" aria-modal="true" aria-labelledby="bc-h">
-      ${le({
+  jt(e);
+  const c = d.config, h = () => (m == null ? void 0 : m.label()) || "", b = c.feedback !== !1;
+  let k = b && f === "feedback" ? "feedback" : "report";
+  const s = document.createElement("div");
+  s.className = `scrim ${o.classList.contains("at-left") ? "at-left" : "at-right"} ${o.classList.contains("at-top") ? "at-top" : "at-bottom"}`, s.style.setProperty("--bc-dock-h", `${Math.round(o.getBoundingClientRect().height)}px`), s.innerHTML = `
+    <div class="panel" role="dialog" aria-modal="true" aria-labelledby="bc-h" data-mode="${k}">
+      ${de({
     id: "bc-h",
     // Not "Tell us what went wrong": that is the first field's own label,
     // 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()
+    title: te[k].title,
+    sub: te[k].sub,
+    theme: h()
   })}
+      ${b ? `
+      <div class="modes" role="group" aria-label="What would you like to do?">
+        <button type="button" data-mode="report" aria-pressed="${k === "report"}">${Ze}Report a bug</button>
+        <button type="button" data-mode="feedback" aria-pressed="${k === "feedback"}">${tt}Give feedback</button>
+      </div>` : ""}
       <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 bug-only" tabindex="-1" hidden></div>
         <!-- What the project's team is telling visitors. Drawn only when it
              has published something. -->
         <div class="notices" hidden></div>
-        <div class="whoami" hidden></div>
+        <div class="whoami bug-only" hidden></div>
         <!-- The questions the assistant can answer from their account and
              close by itself. Drawn only when the project offers any. -->
-        <div class="picks" hidden></div>
-        <div class="known" hidden></div>
-        ${tt(g)}
+        <div class="picks bug-only" hidden></div>
+        <div class="known bug-only" hidden></div>
+        ${ft(c)}
+        ${b ? Rt() : ""}
       </div>
       <div class="foot">
-        <span class="note" aria-live="polite"></span>
-        ${w.hasReports() ? '<button class="quiet" type="button" data-act="history">Your reports</button>' : ""}
+        <span class="note bug-only" aria-live="polite"></span>
+        ${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="primary" type="button" data-act="send">Send report ${ge}</button>
+        <button class="ghost bug-only" type="button" data-act="call" hidden>${oe}Talk to the team</button>
+        <button class="primary bug-only" type="button" data-act="send">Send report ${ce}</button>
+        ${b ? `<button class="primary fb-only" type="button" data-act="send-feedback">Send feedback ${ce}</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">${et}</a>
       </div>
     </div>`;
-  const d = (u) => l.querySelector(u), L = d(".slot"), y = [], k = {
-    client: w,
-    cfg: g,
+  const y = (g) => s.querySelector(g), x = y(".slot"), T = [], a = {
+    client: d,
+    cfg: c,
     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: o,
+    scrim: s,
+    $: y,
+    titleInput: y("#bc-title"),
+    descInput: y("#bc-desc"),
+    compose: y(".compose"),
+    sendBtn: y('[data-act="send"]'),
+    callBtn: y('[data-act="call"]'),
+    historyBtn: y('[data-act="history"]'),
+    note: y(".foot .note"),
+    whoami: y(".whoami"),
+    refsBox: y(".refs"),
+    notices: y(".notices"),
+    known: y(".known"),
+    picks: y(".picks"),
+    rateDue: y(".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: L,
+    close: w,
+    preloadCall: S,
+    themeLabel: h,
+    onDestroy: (g) => {
+      T.push(g);
     },
     // compose.js
     refreshSendState: null,
@@ -2467,65 +2792,83 @@ function xt({
     // signin.js
     mustSignIn: null,
     recheckSignIn: null,
+    // rate-due.js
+    mustRate: () => !1,
+    // feedback.js
+    focusFeedback: () => {
+    },
     // 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";
-  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());
+  gt(a), mt(a), yt(a), xt(a), wt(a), kt(a), $t(a), Mt(a), Ht(a), b && Dt(a);
+  function n(g, { focus: z = !0 } = {}) {
+    const M = g === "feedback" && y(".modes") ? "feedback" : "report", A = s.querySelector(".panel");
+    a.closed || a.sending || !A || !s.querySelector(".modes") || M === "feedback" && a.isRecording() || (k = M, A.dataset.mode = M, A.querySelector("#bc-h").textContent = te[M].title, A.querySelector(".head .titles p").textContent = te[M].sub, s.querySelectorAll(".modes [data-mode]").forEach((O) => {
+      O.setAttribute("aria-pressed", String(O.dataset.mode === M));
+    }), L(""), z && (M === "feedback" ? a.focusFeedback() : a.titleInput.focus()));
   }
-  function p() {
-    var u;
-    if (!k.closed) {
-      l.classList.add("closing"), setTimeout(n, 160);
+  s.querySelectorAll(".modes [data-mode]").forEach((g) => {
+    g.addEventListener("click", () => n(g.dataset.mode));
+  }), b && d.feedbackEnabled().then((g) => {
+    var M, A, O;
+    if (g || a.closed || a.sending) return;
+    n("report", { focus: k === "feedback" }), (M = s.querySelector(".modes")) == null || M.remove(), (A = s.querySelector(".feedback")) == null || A.remove(), (O = s.querySelector('[data-act="send-feedback"]')) == null || O.remove();
+  });
+  const i = document.activeElement, r = document.documentElement.style, $ = r.overflow;
+  r.overflow = "hidden";
+  function q() {
+    a.closed || (T.forEach((g) => g()), a.closed = !0, r.overflow = $, document.removeEventListener("keydown", p, !0), s.remove(), o.hidden = !1, t.style.opacity = "", l == null || l());
+  }
+  function w() {
+    var g;
+    if (!a.closed) {
+      s.classList.add("closing"), setTimeout(q, 160);
       try {
-        (u = S == null ? void 0 : S.focus) == null || u.call(S);
+        (g = i == null ? void 0 : i.focus) == null || g.call(i);
       } catch {
       }
     }
   }
-  function a(u) {
-    if (u.key === "Escape") {
-      if (u.stopPropagation(), k.isRecording()) {
-        k.stopRecording({ keep: !1 });
+  function p(g) {
+    if (g.key === "Escape") {
+      if (g.stopPropagation(), a.isRecording()) {
+        a.stopRecording({ keep: !1 });
         return;
       }
-      k.sending || p();
+      a.sending || w();
       return;
     }
-    if (u.key !== "Tab" || k.isRecording()) return;
-    const r = [...l.querySelectorAll(
+    if (g.key !== "Tab" || a.isRecording()) return;
+    const z = [...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((Q) => Q.offsetParent !== null || Q === document.activeElement);
+    if (!z.length) return;
+    const M = z[0], A = z[z.length - 1], O = s.getRootNode().activeElement;
+    g.shiftKey && O === M ? (g.preventDefault(), A.focus()) : !g.shiftKey && O === A && (g.preventDefault(), M.focus());
+  }
+  document.addEventListener("keydown", p, !0), s.addEventListener("click", (g) => {
+    g.target === s && !a.sending && w();
+  }), y('[data-act="close"]').addEventListener("click", w), s.addEventListener("click", (g) => {
+    const z = g.target.closest('[data-act="theme"]');
+    if (!z || !m) return;
+    const M = m.cycle();
+    z.title = `Theme: ${M.label}`, z.setAttribute("aria-label", `Theme: ${M.label}. Change theme`);
   });
-  function s(u, r = "err") {
-    L.innerHTML = u ? `<div class="msg ${r}">${r === "err" ? G : ""}<span>${v(u)}</span></div>` : "";
+  function L(g, z = "err") {
+    x.innerHTML = g ? `<div class="msg ${z}">${z === "err" ? P : ""}<span>${v(g)}</span></div>` : "";
   }
-  return e.appendChild(l), k.refreshSendState(), k.titleInput.focus(), { destroy: n, close: p };
+  return e.appendChild(s), a.refreshSendState(), k === "feedback" ? a.focusFeedback() : a.titleInput.focus(), { destroy: q, close: w, setMode: n };
 }
-function mt(e) {
+function jt(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 = it;
+  const o = e.querySelector("style");
+  o ? o.after(t) : e.prepend(t);
 }
 export {
-  xt as openPanel
+  Ot as openPanel
 };
 //# sourceMappingURL=bugcatch-panel.es.js.map