@sphoro/bugcatch-web-sdk 0.20.0 → 0.21.0

package/dist/bugcatch-panel.es.js

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