diff --git a/dealhub-prototype.html b/dealhub-prototype.html
new file mode 100644
index 0000000000..5e3120846b
--- /dev/null
+++ b/dealhub-prototype.html
@@ -0,0 +1,5359 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8"/>
+<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+<title>New DealHub — CPQ Prototype</title>
+<style>
+*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-5{bottom:1.25rem}.left-0{left:0}.left-0\.5{left:.125rem}.left-2\.5{left:.625rem}.left-3{left:.75rem}.left-4{left:1rem}.left-\[22px\]{left:22px}.right-0{right:0}.right-1{right:.25rem}.right-5{right:1.25rem}.top-0{top:0}.top-0\.5{top:.125rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-2\.5{top:.625rem}.top-9{top:2.25rem}.top-full{top:100%}.z-20{z-index:20}.z-30{z-index:30}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.col-span-2{grid-column:span 2/span 2}.col-span-4{grid-column:span 4/span 4}.col-span-8{grid-column:span 8/span 8}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.-mb-3{margin-bottom:-.75rem}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-px{margin-top:1px}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.h-1\.5{height:.375rem}.h-14{height:3.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[40vh\]{height:40vh}.max-h-64{max-height:16rem}.max-h-80{max-height:20rem}.max-h-96{max-height:24rem}.max-h-\[88vh\]{max-height:88vh}.min-h-\[380px\]{min-height:380px}.min-h-\[calc\(100vh-57px\)\]{min-height:calc(100vh - 57px)}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-44{width:11rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[150px\]{min-width:150px}.min-w-\[160px\]{min-width:160px}.min-w-\[220px\]{min-width:220px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-\[1280px\]{max-width:1280px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[160px_1fr\]{grid-template-columns:160px 1fr}.grid-cols-\[60px_240px_1fr_40px\]{grid-template-columns:60px 240px 1fr 40px}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-px{gap:1px}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-3{row-gap:.75rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-stone-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(245 245 244/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-b-2{border-bottom-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0}.border-dashed{border-style:dashed}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-amber-600{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.border-amber-700{--tw-border-opacity:1;border-color:rgb(180 83 9/var(--tw-border-opacity,1))}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-stone-100{--tw-border-opacity:1;border-color:rgb(245 245 244/var(--tw-border-opacity,1))}.border-stone-200{--tw-border-opacity:1;border-color:rgb(231 229 228/var(--tw-border-opacity,1))}.border-stone-300{--tw-border-opacity:1;border-color:rgb(214 211 209/var(--tw-border-opacity,1))}.border-stone-900{--tw-border-opacity:1;border-color:rgb(28 25 23/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-b-stone-50{--tw-border-opacity:1;border-bottom-color:rgb(250 250 249/var(--tw-border-opacity,1))}.border-b-stone-900{--tw-border-opacity:1;border-bottom-color:rgb(28 25 23/var(--tw-border-opacity,1))}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-50\/40{background-color:rgba(255,251,235,.4)}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-amber-700{--tw-bg-opacity:1;background-color:rgb(180 83 9/var(--tw-bg-opacity,1))}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-emerald-700{--tw-bg-opacity:1;background-color:rgb(4 120 87/var(--tw-bg-opacity,1))}.bg-emerald-800{--tw-bg-opacity:1;background-color:rgb(6 95 70/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-700{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.bg-stone-100{--tw-bg-opacity:1;background-color:rgb(245 245 244/var(--tw-bg-opacity,1))}.bg-stone-200{--tw-bg-opacity:1;background-color:rgb(231 229 228/var(--tw-bg-opacity,1))}.bg-stone-300{--tw-bg-opacity:1;background-color:rgb(214 211 209/var(--tw-bg-opacity,1))}.bg-stone-50{--tw-bg-opacity:1;background-color:rgb(250 250 249/var(--tw-bg-opacity,1))}.bg-stone-700{--tw-bg-opacity:1;background-color:rgb(68 64 60/var(--tw-bg-opacity,1))}.bg-stone-900{--tw-bg-opacity:1;background-color:rgb(28 25 23/var(--tw-bg-opacity,1))}.bg-stone-900\/50{background-color:rgba(28,25,23,.5)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-12{padding:3rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pb-3\.5{padding-bottom:.875rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-\[42vh\]{padding-bottom:42vh}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-8{padding-right:2rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-amber-900{--tw-text-opacity:1;color:rgb(120 53 15/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.text-emerald-900{--tw-text-opacity:1;color:rgb(6 78 59/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-stone-300{--tw-text-opacity:1;color:rgb(214 211 209/var(--tw-text-opacity,1))}.text-stone-400{--tw-text-opacity:1;color:rgb(168 162 158/var(--tw-text-opacity,1))}.text-stone-50{--tw-text-opacity:1;color:rgb(250 250 249/var(--tw-text-opacity,1))}.text-stone-500{--tw-text-opacity:1;color:rgb(120 113 108/var(--tw-text-opacity,1))}.text-stone-600{--tw-text-opacity:1;color:rgb(87 83 78/var(--tw-text-opacity,1))}.text-stone-700{--tw-text-opacity:1;color:rgb(68 64 60/var(--tw-text-opacity,1))}.text-stone-800{--tw-text-opacity:1;color:rgb(41 37 36/var(--tw-text-opacity,1))}.text-stone-900{--tw-text-opacity:1;color:rgb(28 25 23/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-70{opacity:.7}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-\[0_-4px_12px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_-4px_12px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]{--tw-shadow:0 -4px 12px rgba(0,0,0,.06);--tw-shadow-colored:0 -4px 12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.last\:border-0:last-child{border-width:0}.hover\:border-amber-700:hover{--tw-border-opacity:1;border-color:rgb(180 83 9/var(--tw-border-opacity,1))}.hover\:bg-amber-100:hover{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.hover\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\:bg-amber-50\/50:hover{background-color:rgba(255,251,235,.5)}.hover\:bg-amber-800:hover{--tw-bg-opacity:1;background-color:rgb(146 64 14/var(--tw-bg-opacity,1))}.hover\:bg-emerald-800:hover{--tw-bg-opacity:1;background-color:rgb(6 95 70/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:bg-stone-100:hover{--tw-bg-opacity:1;background-color:rgb(245 245 244/var(--tw-bg-opacity,1))}.hover\:bg-stone-200:hover{--tw-bg-opacity:1;background-color:rgb(231 229 228/var(--tw-bg-opacity,1))}.hover\:bg-stone-50:hover{--tw-bg-opacity:1;background-color:rgb(250 250 249/var(--tw-bg-opacity,1))}.hover\:bg-stone-700:hover{--tw-bg-opacity:1;background-color:rgb(68 64 60/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.hover\:text-stone-700:hover{--tw-text-opacity:1;color:rgb(68 64 60/var(--tw-text-opacity,1))}.hover\:text-stone-800:hover{--tw-text-opacity:1;color:rgb(41 37 36/var(--tw-text-opacity,1))}.hover\:text-stone-900:hover{--tw-text-opacity:1;color:rgb(28 25 23/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-amber-700:focus{--tw-border-opacity:1;border-color:rgb(180 83 9/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
+</style>
+<style>
+  ::-webkit-scrollbar{width:8px;height:8px}
+  ::-webkit-scrollbar-thumb{background:#d6d3d1;border-radius:9999px}
+  ::-webkit-scrollbar-track{background:transparent}
+  body{margin:0}
+  .fade-in{animation:fi .18s ease-out}
+  @keyframes fi{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
+  @keyframes dot{0%,80%,100%{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}
+</style>
+</head>
+<body>
+<div id="root"></div>
+<script>/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+(function(){'use strict';(function(c,x){"object"===typeof exports&&"undefined"!==typeof module?x(exports):"function"===typeof define&&define.amd?define(["exports"],x):(c=c||self,x(c.React={}))})(this,function(c){function x(a){if(null===a||"object"!==typeof a)return null;a=V&&a[V]||a["@@iterator"];return"function"===typeof a?a:null}function w(a,b,e){this.props=a;this.context=b;this.refs=W;this.updater=e||X}function Y(){}function K(a,b,e){this.props=a;this.context=b;this.refs=W;this.updater=e||X}function Z(a,b,
+e){var m,d={},c=null,h=null;if(null!=b)for(m in void 0!==b.ref&&(h=b.ref),void 0!==b.key&&(c=""+b.key),b)aa.call(b,m)&&!ba.hasOwnProperty(m)&&(d[m]=b[m]);var l=arguments.length-2;if(1===l)d.children=e;else if(1<l){for(var f=Array(l),k=0;k<l;k++)f[k]=arguments[k+2];d.children=f}if(a&&a.defaultProps)for(m in l=a.defaultProps,l)void 0===d[m]&&(d[m]=l[m]);return{$$typeof:y,type:a,key:c,ref:h,props:d,_owner:L.current}}function oa(a,b){return{$$typeof:y,type:a.type,key:b,ref:a.ref,props:a.props,_owner:a._owner}}
+function M(a){return"object"===typeof a&&null!==a&&a.$$typeof===y}function pa(a){var b={"=":"=0",":":"=2"};return"$"+a.replace(/[=:]/g,function(a){return b[a]})}function N(a,b){return"object"===typeof a&&null!==a&&null!=a.key?pa(""+a.key):b.toString(36)}function B(a,b,e,m,d){var c=typeof a;if("undefined"===c||"boolean"===c)a=null;var h=!1;if(null===a)h=!0;else switch(c){case "string":case "number":h=!0;break;case "object":switch(a.$$typeof){case y:case qa:h=!0}}if(h)return h=a,d=d(h),a=""===m?"."+
+N(h,0):m,ca(d)?(e="",null!=a&&(e=a.replace(da,"$&/")+"/"),B(d,b,e,"",function(a){return a})):null!=d&&(M(d)&&(d=oa(d,e+(!d.key||h&&h.key===d.key?"":(""+d.key).replace(da,"$&/")+"/")+a)),b.push(d)),1;h=0;m=""===m?".":m+":";if(ca(a))for(var l=0;l<a.length;l++){c=a[l];var f=m+N(c,l);h+=B(c,b,e,f,d)}else if(f=x(a),"function"===typeof f)for(a=f.call(a),l=0;!(c=a.next()).done;)c=c.value,f=m+N(c,l++),h+=B(c,b,e,f,d);else if("object"===c)throw b=String(a),Error("Objects are not valid as a React child (found: "+
+("[object Object]"===b?"object with keys {"+Object.keys(a).join(", ")+"}":b)+"). If you meant to render a collection of children, use an array instead.");return h}function C(a,b,e){if(null==a)return a;var c=[],d=0;B(a,c,"","",function(a){return b.call(e,a,d++)});return c}function ra(a){if(-1===a._status){var b=a._result;b=b();b.then(function(b){if(0===a._status||-1===a._status)a._status=1,a._result=b},function(b){if(0===a._status||-1===a._status)a._status=2,a._result=b});-1===a._status&&(a._status=
+0,a._result=b)}if(1===a._status)return a._result.default;throw a._result;}function O(a,b){var e=a.length;a.push(b);a:for(;0<e;){var c=e-1>>>1,d=a[c];if(0<D(d,b))a[c]=b,a[e]=d,e=c;else break a}}function p(a){return 0===a.length?null:a[0]}function E(a){if(0===a.length)return null;var b=a[0],e=a.pop();if(e!==b){a[0]=e;a:for(var c=0,d=a.length,k=d>>>1;c<k;){var h=2*(c+1)-1,l=a[h],f=h+1,g=a[f];if(0>D(l,e))f<d&&0>D(g,l)?(a[c]=g,a[f]=e,c=f):(a[c]=l,a[h]=e,c=h);else if(f<d&&0>D(g,e))a[c]=g,a[f]=e,c=f;else break a}}return b}
+function D(a,b){var c=a.sortIndex-b.sortIndex;return 0!==c?c:a.id-b.id}function P(a){for(var b=p(r);null!==b;){if(null===b.callback)E(r);else if(b.startTime<=a)E(r),b.sortIndex=b.expirationTime,O(q,b);else break;b=p(r)}}function Q(a){z=!1;P(a);if(!u)if(null!==p(q))u=!0,R(S);else{var b=p(r);null!==b&&T(Q,b.startTime-a)}}function S(a,b){u=!1;z&&(z=!1,ea(A),A=-1);F=!0;var c=k;try{P(b);for(n=p(q);null!==n&&(!(n.expirationTime>b)||a&&!fa());){var m=n.callback;if("function"===typeof m){n.callback=null;
+k=n.priorityLevel;var d=m(n.expirationTime<=b);b=v();"function"===typeof d?n.callback=d:n===p(q)&&E(q);P(b)}else E(q);n=p(q)}if(null!==n)var g=!0;else{var h=p(r);null!==h&&T(Q,h.startTime-b);g=!1}return g}finally{n=null,k=c,F=!1}}function fa(){return v()-ha<ia?!1:!0}function R(a){G=a;H||(H=!0,I())}function T(a,b){A=ja(function(){a(v())},b)}function ka(a){throw Error("act(...) is not supported in production builds of React.");}var y=Symbol.for("react.element"),qa=Symbol.for("react.portal"),sa=Symbol.for("react.fragment"),
+ta=Symbol.for("react.strict_mode"),ua=Symbol.for("react.profiler"),va=Symbol.for("react.provider"),wa=Symbol.for("react.context"),xa=Symbol.for("react.forward_ref"),ya=Symbol.for("react.suspense"),za=Symbol.for("react.memo"),Aa=Symbol.for("react.lazy"),V=Symbol.iterator,X={isMounted:function(a){return!1},enqueueForceUpdate:function(a,b,c){},enqueueReplaceState:function(a,b,c,m){},enqueueSetState:function(a,b,c,m){}},la=Object.assign,W={};w.prototype.isReactComponent={};w.prototype.setState=function(a,
+b){if("object"!==typeof a&&"function"!==typeof a&&null!=a)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,a,b,"setState")};w.prototype.forceUpdate=function(a){this.updater.enqueueForceUpdate(this,a,"forceUpdate")};Y.prototype=w.prototype;var t=K.prototype=new Y;t.constructor=K;la(t,w.prototype);t.isPureReactComponent=!0;var ca=Array.isArray,aa=Object.prototype.hasOwnProperty,L={current:null},
+ba={key:!0,ref:!0,__self:!0,__source:!0},da=/\/+/g,g={current:null},J={transition:null};if("object"===typeof performance&&"function"===typeof performance.now){var Ba=performance;var v=function(){return Ba.now()}}else{var ma=Date,Ca=ma.now();v=function(){return ma.now()-Ca}}var q=[],r=[],Da=1,n=null,k=3,F=!1,u=!1,z=!1,ja="function"===typeof setTimeout?setTimeout:null,ea="function"===typeof clearTimeout?clearTimeout:null,na="undefined"!==typeof setImmediate?setImmediate:null;"undefined"!==typeof navigator&&
+void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var H=!1,G=null,A=-1,ia=5,ha=-1,U=function(){if(null!==G){var a=v();ha=a;var b=!0;try{b=G(!0,a)}finally{b?I():(H=!1,G=null)}}else H=!1};if("function"===typeof na)var I=function(){na(U)};else if("undefined"!==typeof MessageChannel){t=new MessageChannel;var Ea=t.port2;t.port1.onmessage=U;I=function(){Ea.postMessage(null)}}else I=function(){ja(U,0)};t={ReactCurrentDispatcher:g,
+ReactCurrentOwner:L,ReactCurrentBatchConfig:J,Scheduler:{__proto__:null,unstable_ImmediatePriority:1,unstable_UserBlockingPriority:2,unstable_NormalPriority:3,unstable_IdlePriority:5,unstable_LowPriority:4,unstable_runWithPriority:function(a,b){switch(a){case 1:case 2:case 3:case 4:case 5:break;default:a=3}var c=k;k=a;try{return b()}finally{k=c}},unstable_next:function(a){switch(k){case 1:case 2:case 3:var b=3;break;default:b=k}var c=k;k=b;try{return a()}finally{k=c}},unstable_scheduleCallback:function(a,
+b,c){var e=v();"object"===typeof c&&null!==c?(c=c.delay,c="number"===typeof c&&0<c?e+c:e):c=e;switch(a){case 1:var d=-1;break;case 2:d=250;break;case 5:d=1073741823;break;case 4:d=1E4;break;default:d=5E3}d=c+d;a={id:Da++,callback:b,priorityLevel:a,startTime:c,expirationTime:d,sortIndex:-1};c>e?(a.sortIndex=c,O(r,a),null===p(q)&&a===p(r)&&(z?(ea(A),A=-1):z=!0,T(Q,c-e))):(a.sortIndex=d,O(q,a),u||F||(u=!0,R(S)));return a},unstable_cancelCallback:function(a){a.callback=null},unstable_wrapCallback:function(a){var b=
+k;return function(){var c=k;k=b;try{return a.apply(this,arguments)}finally{k=c}}},unstable_getCurrentPriorityLevel:function(){return k},unstable_shouldYield:fa,unstable_requestPaint:function(){},unstable_continueExecution:function(){u||F||(u=!0,R(S))},unstable_pauseExecution:function(){},unstable_getFirstCallbackNode:function(){return p(q)},get unstable_now(){return v},unstable_forceFrameRate:function(a){0>a||125<a?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):
+ia=0<a?Math.floor(1E3/a):5},unstable_Profiling:null}};c.Children={map:C,forEach:function(a,b,c){C(a,function(){b.apply(this,arguments)},c)},count:function(a){var b=0;C(a,function(){b++});return b},toArray:function(a){return C(a,function(a){return a})||[]},only:function(a){if(!M(a))throw Error("React.Children.only expected to receive a single React element child.");return a}};c.Component=w;c.Fragment=sa;c.Profiler=ua;c.PureComponent=K;c.StrictMode=ta;c.Suspense=ya;c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=
+t;c.act=ka;c.cloneElement=function(a,b,c){if(null===a||void 0===a)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+a+".");var e=la({},a.props),d=a.key,k=a.ref,h=a._owner;if(null!=b){void 0!==b.ref&&(k=b.ref,h=L.current);void 0!==b.key&&(d=""+b.key);if(a.type&&a.type.defaultProps)var l=a.type.defaultProps;for(f in b)aa.call(b,f)&&!ba.hasOwnProperty(f)&&(e[f]=void 0===b[f]&&void 0!==l?l[f]:b[f])}var f=arguments.length-2;if(1===f)e.children=c;else if(1<f){l=
+Array(f);for(var g=0;g<f;g++)l[g]=arguments[g+2];e.children=l}return{$$typeof:y,type:a.type,key:d,ref:k,props:e,_owner:h}};c.createContext=function(a){a={$$typeof:wa,_currentValue:a,_currentValue2:a,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null};a.Provider={$$typeof:va,_context:a};return a.Consumer=a};c.createElement=Z;c.createFactory=function(a){var b=Z.bind(null,a);b.type=a;return b};c.createRef=function(){return{current:null}};c.forwardRef=function(a){return{$$typeof:xa,
+render:a}};c.isValidElement=M;c.lazy=function(a){return{$$typeof:Aa,_payload:{_status:-1,_result:a},_init:ra}};c.memo=function(a,b){return{$$typeof:za,type:a,compare:void 0===b?null:b}};c.startTransition=function(a,b){b=J.transition;J.transition={};try{a()}finally{J.transition=b}};c.unstable_act=ka;c.useCallback=function(a,b){return g.current.useCallback(a,b)};c.useContext=function(a){return g.current.useContext(a)};c.useDebugValue=function(a,b){};c.useDeferredValue=function(a){return g.current.useDeferredValue(a)};
+c.useEffect=function(a,b){return g.current.useEffect(a,b)};c.useId=function(){return g.current.useId()};c.useImperativeHandle=function(a,b,c){return g.current.useImperativeHandle(a,b,c)};c.useInsertionEffect=function(a,b){return g.current.useInsertionEffect(a,b)};c.useLayoutEffect=function(a,b){return g.current.useLayoutEffect(a,b)};c.useMemo=function(a,b){return g.current.useMemo(a,b)};c.useReducer=function(a,b,c){return g.current.useReducer(a,b,c)};c.useRef=function(a){return g.current.useRef(a)};
+c.useState=function(a){return g.current.useState(a)};c.useSyncExternalStore=function(a,b,c){return g.current.useSyncExternalStore(a,b,c)};c.useTransition=function(){return g.current.useTransition()};c.version="18.3.1"});
+})();
+</script>
+<script>/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+(function(){/*
+ Modernizr 3.0.0pre (Custom Build) | MIT
+*/
+'use strict';(function(Q,zb){"object"===typeof exports&&"undefined"!==typeof module?zb(exports,require("react")):"function"===typeof define&&define.amd?define(["exports","react"],zb):(Q=Q||self,zb(Q.ReactDOM={},Q.React))})(this,function(Q,zb){function m(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
+function mb(a,b){Ab(a,b);Ab(a+"Capture",b)}function Ab(a,b){$b[a]=b;for(a=0;a<b.length;a++)cg.add(b[a])}function bj(a){if(Zd.call(dg,a))return!0;if(Zd.call(eg,a))return!1;if(cj.test(a))return dg[a]=!0;eg[a]=!0;return!1}function dj(a,b,c,d){if(null!==c&&0===c.type)return!1;switch(typeof b){case "function":case "symbol":return!0;case "boolean":if(d)return!1;if(null!==c)return!c.acceptsBooleans;a=a.toLowerCase().slice(0,5);return"data-"!==a&&"aria-"!==a;default:return!1}}function ej(a,b,c,d){if(null===
+b||"undefined"===typeof b||dj(a,b,c,d))return!0;if(d)return!1;if(null!==c)switch(c.type){case 3:return!b;case 4:return!1===b;case 5:return isNaN(b);case 6:return isNaN(b)||1>b}return!1}function Y(a,b,c,d,e,f,g){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=d;this.attributeNamespace=e;this.mustUseProperty=c;this.propertyName=a;this.type=b;this.sanitizeURL=f;this.removeEmptyString=g}function $d(a,b,c,d){var e=R.hasOwnProperty(b)?R[b]:null;if(null!==e?0!==e.type:d||!(2<b.length)||"o"!==
+b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1])ej(b,c,e,d)&&(c=null),d||null===e?bj(b)&&(null===c?a.removeAttribute(b):a.setAttribute(b,""+c)):e.mustUseProperty?a[e.propertyName]=null===c?3===e.type?!1:"":c:(b=e.attributeName,d=e.attributeNamespace,null===c?a.removeAttribute(b):(e=e.type,c=3===e||4===e&&!0===c?"":""+c,d?a.setAttributeNS(d,b,c):a.setAttribute(b,c)))}function ac(a){if(null===a||"object"!==typeof a)return null;a=fg&&a[fg]||a["@@iterator"];return"function"===typeof a?a:null}function bc(a,b,
+c){if(void 0===ae)try{throw Error();}catch(d){ae=(b=d.stack.trim().match(/\n( *(at )?)/))&&b[1]||""}return"\n"+ae+a}function be(a,b){if(!a||ce)return"";ce=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(b)if(b=function(){throw Error();},Object.defineProperty(b.prototype,"props",{set:function(){throw Error();}}),"object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(b,[])}catch(n){var d=n}Reflect.construct(a,[],b)}else{try{b.call()}catch(n){d=n}a.call(b.prototype)}else{try{throw Error();
+}catch(n){d=n}a()}}catch(n){if(n&&d&&"string"===typeof n.stack){for(var e=n.stack.split("\n"),f=d.stack.split("\n"),g=e.length-1,h=f.length-1;1<=g&&0<=h&&e[g]!==f[h];)h--;for(;1<=g&&0<=h;g--,h--)if(e[g]!==f[h]){if(1!==g||1!==h){do if(g--,h--,0>h||e[g]!==f[h]){var k="\n"+e[g].replace(" at new "," at ");a.displayName&&k.includes("<anonymous>")&&(k=k.replace("<anonymous>",a.displayName));return k}while(1<=g&&0<=h)}break}}}finally{ce=!1,Error.prepareStackTrace=c}return(a=a?a.displayName||a.name:"")?bc(a):
+""}function fj(a){switch(a.tag){case 5:return bc(a.type);case 16:return bc("Lazy");case 13:return bc("Suspense");case 19:return bc("SuspenseList");case 0:case 2:case 15:return a=be(a.type,!1),a;case 11:return a=be(a.type.render,!1),a;case 1:return a=be(a.type,!0),a;default:return""}}function de(a){if(null==a)return null;if("function"===typeof a)return a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case Bb:return"Fragment";case Cb:return"Portal";case ee:return"Profiler";case fe:return"StrictMode";
+case ge:return"Suspense";case he:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case gg:return(a.displayName||"Context")+".Consumer";case hg:return(a._context.displayName||"Context")+".Provider";case ie:var b=a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case je:return b=a.displayName||null,null!==b?b:de(a.type)||"Memo";case Ta:b=a._payload;a=a._init;try{return de(a(b))}catch(c){}}return null}function gj(a){var b=a.type;
+switch(a.tag){case 24:return"Cache";case 9:return(b.displayName||"Context")+".Consumer";case 10:return(b._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return a=b.render,a=a.displayName||a.name||"",b.displayName||(""!==a?"ForwardRef("+a+")":"ForwardRef");case 7:return"Fragment";case 5:return b;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return de(b);case 8:return b===fe?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";
+case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"===typeof b)return b.displayName||b.name||null;if("string"===typeof b)return b}return null}function Ua(a){switch(typeof a){case "boolean":case "number":case "string":case "undefined":return a;case "object":return a;default:return""}}function ig(a){var b=a.type;return(a=a.nodeName)&&"input"===a.toLowerCase()&&("checkbox"===b||"radio"===
+b)}function hj(a){var b=ig(a)?"checked":"value",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=""+a[b];if(!a.hasOwnProperty(b)&&"undefined"!==typeof c&&"function"===typeof c.get&&"function"===typeof c.set){var e=c.get,f=c.set;Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(a){d=""+a;f.call(this,a)}});Object.defineProperty(a,b,{enumerable:c.enumerable});return{getValue:function(){return d},setValue:function(a){d=""+a},stopTracking:function(){a._valueTracker=
+null;delete a[b]}}}}function Pc(a){a._valueTracker||(a._valueTracker=hj(a))}function jg(a){if(!a)return!1;var b=a._valueTracker;if(!b)return!0;var c=b.getValue();var d="";a&&(d=ig(a)?a.checked?"true":"false":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}function Qc(a){a=a||("undefined"!==typeof document?document:void 0);if("undefined"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}}function ke(a,b){var c=b.checked;return E({},b,{defaultChecked:void 0,defaultValue:void 0,
+value:void 0,checked:null!=c?c:a._wrapperState.initialChecked})}function kg(a,b){var c=null==b.defaultValue?"":b.defaultValue,d=null!=b.checked?b.checked:b.defaultChecked;c=Ua(null!=b.value?b.value:c);a._wrapperState={initialChecked:d,initialValue:c,controlled:"checkbox"===b.type||"radio"===b.type?null!=b.checked:null!=b.value}}function lg(a,b){b=b.checked;null!=b&&$d(a,"checked",b,!1)}function le(a,b){lg(a,b);var c=Ua(b.value),d=b.type;if(null!=c)if("number"===d){if(0===c&&""===a.value||a.value!=
+c)a.value=""+c}else a.value!==""+c&&(a.value=""+c);else if("submit"===d||"reset"===d){a.removeAttribute("value");return}b.hasOwnProperty("value")?me(a,b.type,c):b.hasOwnProperty("defaultValue")&&me(a,b.type,Ua(b.defaultValue));null==b.checked&&null!=b.defaultChecked&&(a.defaultChecked=!!b.defaultChecked)}function mg(a,b,c){if(b.hasOwnProperty("value")||b.hasOwnProperty("defaultValue")){var d=b.type;if(!("submit"!==d&&"reset"!==d||void 0!==b.value&&null!==b.value))return;b=""+a._wrapperState.initialValue;
+c||b===a.value||(a.value=b);a.defaultValue=b}c=a.name;""!==c&&(a.name="");a.defaultChecked=!!a._wrapperState.initialChecked;""!==c&&(a.name=c)}function me(a,b,c){if("number"!==b||Qc(a.ownerDocument)!==a)null==c?a.defaultValue=""+a._wrapperState.initialValue:a.defaultValue!==""+c&&(a.defaultValue=""+c)}function Db(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e<c.length;e++)b["$"+c[e]]=!0;for(c=0;c<a.length;c++)e=b.hasOwnProperty("$"+a[c].value),a[c].selected!==e&&(a[c].selected=e),e&&d&&(a[c].defaultSelected=
+!0)}else{c=""+Ua(c);b=null;for(e=0;e<a.length;e++){if(a[e].value===c){a[e].selected=!0;d&&(a[e].defaultSelected=!0);return}null!==b||a[e].disabled||(b=a[e])}null!==b&&(b.selected=!0)}}function ne(a,b){if(null!=b.dangerouslySetInnerHTML)throw Error(m(91));return E({},b,{value:void 0,defaultValue:void 0,children:""+a._wrapperState.initialValue})}function ng(a,b){var c=b.value;if(null==c){c=b.children;b=b.defaultValue;if(null!=c){if(null!=b)throw Error(m(92));if(cc(c)){if(1<c.length)throw Error(m(93));
+c=c[0]}b=c}null==b&&(b="");c=b}a._wrapperState={initialValue:Ua(c)}}function og(a,b){var c=Ua(b.value),d=Ua(b.defaultValue);null!=c&&(c=""+c,c!==a.value&&(a.value=c),null==b.defaultValue&&a.defaultValue!==c&&(a.defaultValue=c));null!=d&&(a.defaultValue=""+d)}function pg(a,b){b=a.textContent;b===a._wrapperState.initialValue&&""!==b&&null!==b&&(a.value=b)}function qg(a){switch(a){case "svg":return"http://www.w3.org/2000/svg";case "math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}
+function oe(a,b){return null==a||"http://www.w3.org/1999/xhtml"===a?qg(b):"http://www.w3.org/2000/svg"===a&&"foreignObject"===b?"http://www.w3.org/1999/xhtml":a}function rg(a,b,c){return null==b||"boolean"===typeof b||""===b?"":c||"number"!==typeof b||0===b||dc.hasOwnProperty(a)&&dc[a]?(""+b).trim():b+"px"}function sg(a,b){a=a.style;for(var c in b)if(b.hasOwnProperty(c)){var d=0===c.indexOf("--"),e=rg(c,b[c],d);"float"===c&&(c="cssFloat");d?a.setProperty(c,e):a[c]=e}}function pe(a,b){if(b){if(ij[a]&&
+(null!=b.children||null!=b.dangerouslySetInnerHTML))throw Error(m(137,a));if(null!=b.dangerouslySetInnerHTML){if(null!=b.children)throw Error(m(60));if("object"!==typeof b.dangerouslySetInnerHTML||!("__html"in b.dangerouslySetInnerHTML))throw Error(m(61));}if(null!=b.style&&"object"!==typeof b.style)throw Error(m(62));}}function qe(a,b){if(-1===a.indexOf("-"))return"string"===typeof b.is;switch(a){case "annotation-xml":case "color-profile":case "font-face":case "font-face-src":case "font-face-uri":case "font-face-format":case "font-face-name":case "missing-glyph":return!1;
+default:return!0}}function re(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}function tg(a){if(a=ec(a)){if("function"!==typeof se)throw Error(m(280));var b=a.stateNode;b&&(b=Rc(b),se(a.stateNode,a.type,b))}}function ug(a){Eb?Fb?Fb.push(a):Fb=[a]:Eb=a}function vg(){if(Eb){var a=Eb,b=Fb;Fb=Eb=null;tg(a);if(b)for(a=0;a<b.length;a++)tg(b[a])}}function wg(a,b,c){if(te)return a(b,c);te=!0;try{return xg(a,b,c)}finally{if(te=
+!1,null!==Eb||null!==Fb)yg(),vg()}}function fc(a,b){var c=a.stateNode;if(null===c)return null;var d=Rc(c);if(null===d)return null;c=d[b];a:switch(b){case "onClick":case "onClickCapture":case "onDoubleClick":case "onDoubleClickCapture":case "onMouseDown":case "onMouseDownCapture":case "onMouseMove":case "onMouseMoveCapture":case "onMouseUp":case "onMouseUpCapture":case "onMouseEnter":(d=!d.disabled)||(a=a.type,d=!("button"===a||"input"===a||"select"===a||"textarea"===a));a=!d;break a;default:a=!1}if(a)return null;
+if(c&&"function"!==typeof c)throw Error(m(231,b,typeof c));return c}function jj(a,b,c,d,e,f,g,h,k){gc=!1;Sc=null;kj.apply(lj,arguments)}function mj(a,b,c,d,e,f,g,h,k){jj.apply(this,arguments);if(gc){if(gc){var n=Sc;gc=!1;Sc=null}else throw Error(m(198));Tc||(Tc=!0,ue=n)}}function nb(a){var b=a,c=a;if(a.alternate)for(;b.return;)b=b.return;else{a=b;do b=a,0!==(b.flags&4098)&&(c=b.return),a=b.return;while(a)}return 3===b.tag?c:null}function zg(a){if(13===a.tag){var b=a.memoizedState;null===b&&(a=a.alternate,
+null!==a&&(b=a.memoizedState));if(null!==b)return b.dehydrated}return null}function Ag(a){if(nb(a)!==a)throw Error(m(188));}function nj(a){var b=a.alternate;if(!b){b=nb(a);if(null===b)throw Error(m(188));return b!==a?null:a}for(var c=a,d=b;;){var e=c.return;if(null===e)break;var f=e.alternate;if(null===f){d=e.return;if(null!==d){c=d;continue}break}if(e.child===f.child){for(f=e.child;f;){if(f===c)return Ag(e),a;if(f===d)return Ag(e),b;f=f.sibling}throw Error(m(188));}if(c.return!==d.return)c=e,d=f;
+else{for(var g=!1,h=e.child;h;){if(h===c){g=!0;c=e;d=f;break}if(h===d){g=!0;d=e;c=f;break}h=h.sibling}if(!g){for(h=f.child;h;){if(h===c){g=!0;c=f;d=e;break}if(h===d){g=!0;d=f;c=e;break}h=h.sibling}if(!g)throw Error(m(189));}}if(c.alternate!==d)throw Error(m(190));}if(3!==c.tag)throw Error(m(188));return c.stateNode.current===c?a:b}function Bg(a){a=nj(a);return null!==a?Cg(a):null}function Cg(a){if(5===a.tag||6===a.tag)return a;for(a=a.child;null!==a;){var b=Cg(a);if(null!==b)return b;a=a.sibling}return null}
+function oj(a,b){if(Ca&&"function"===typeof Ca.onCommitFiberRoot)try{Ca.onCommitFiberRoot(Uc,a,void 0,128===(a.current.flags&128))}catch(c){}}function pj(a){a>>>=0;return 0===a?32:31-(qj(a)/rj|0)|0}function hc(a){switch(a&-a){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return a&
+4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return a&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return a}}function Vc(a,b){var c=a.pendingLanes;if(0===c)return 0;var d=0,e=a.suspendedLanes,f=a.pingedLanes,g=c&268435455;if(0!==g){var h=g&~e;0!==h?d=hc(h):(f&=g,0!==f&&(d=hc(f)))}else g=c&~e,0!==g?d=hc(g):0!==f&&(d=hc(f));if(0===d)return 0;if(0!==b&&b!==d&&0===(b&e)&&
+(e=d&-d,f=b&-b,e>=f||16===e&&0!==(f&4194240)))return b;0!==(d&4)&&(d|=c&16);b=a.entangledLanes;if(0!==b)for(a=a.entanglements,b&=d;0<b;)c=31-ta(b),e=1<<c,d|=a[c],b&=~e;return d}function sj(a,b){switch(a){case 1:case 2:case 4:return b+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return b+5E3;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return-1;
+case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function tj(a,b){for(var c=a.suspendedLanes,d=a.pingedLanes,e=a.expirationTimes,f=a.pendingLanes;0<f;){var g=31-ta(f),h=1<<g,k=e[g];if(-1===k){if(0===(h&c)||0!==(h&d))e[g]=sj(h,b)}else k<=b&&(a.expiredLanes|=h);f&=~h}}function ve(a){a=a.pendingLanes&-1073741825;return 0!==a?a:a&1073741824?1073741824:0}function Dg(){var a=Wc;Wc<<=1;0===(Wc&4194240)&&(Wc=64);return a}function we(a){for(var b=[],c=0;31>c;c++)b.push(a);
+return b}function ic(a,b,c){a.pendingLanes|=b;536870912!==b&&(a.suspendedLanes=0,a.pingedLanes=0);a=a.eventTimes;b=31-ta(b);a[b]=c}function uj(a,b){var c=a.pendingLanes&~b;a.pendingLanes=b;a.suspendedLanes=0;a.pingedLanes=0;a.expiredLanes&=b;a.mutableReadLanes&=b;a.entangledLanes&=b;b=a.entanglements;var d=a.eventTimes;for(a=a.expirationTimes;0<c;){var e=31-ta(c),f=1<<e;b[e]=0;d[e]=-1;a[e]=-1;c&=~f}}function xe(a,b){var c=a.entangledLanes|=b;for(a=a.entanglements;c;){var d=31-ta(c),e=1<<d;e&b|a[d]&
+b&&(a[d]|=b);c&=~e}}function Eg(a){a&=-a;return 1<a?4<a?0!==(a&268435455)?16:536870912:4:1}function Fg(a,b){switch(a){case "focusin":case "focusout":Va=null;break;case "dragenter":case "dragleave":Wa=null;break;case "mouseover":case "mouseout":Xa=null;break;case "pointerover":case "pointerout":jc.delete(b.pointerId);break;case "gotpointercapture":case "lostpointercapture":kc.delete(b.pointerId)}}function lc(a,b,c,d,e,f){if(null===a||a.nativeEvent!==f)return a={blockedOn:b,domEventName:c,eventSystemFlags:d,
+nativeEvent:f,targetContainers:[e]},null!==b&&(b=ec(b),null!==b&&Gg(b)),a;a.eventSystemFlags|=d;b=a.targetContainers;null!==e&&-1===b.indexOf(e)&&b.push(e);return a}function vj(a,b,c,d,e){switch(b){case "focusin":return Va=lc(Va,a,b,c,d,e),!0;case "dragenter":return Wa=lc(Wa,a,b,c,d,e),!0;case "mouseover":return Xa=lc(Xa,a,b,c,d,e),!0;case "pointerover":var f=e.pointerId;jc.set(f,lc(jc.get(f)||null,a,b,c,d,e));return!0;case "gotpointercapture":return f=e.pointerId,kc.set(f,lc(kc.get(f)||null,a,b,
+c,d,e)),!0}return!1}function Hg(a){var b=ob(a.target);if(null!==b){var c=nb(b);if(null!==c)if(b=c.tag,13===b){if(b=zg(c),null!==b){a.blockedOn=b;wj(a.priority,function(){xj(c)});return}}else if(3===b&&c.stateNode.current.memoizedState.isDehydrated){a.blockedOn=3===c.tag?c.stateNode.containerInfo:null;return}}a.blockedOn=null}function Xc(a){if(null!==a.blockedOn)return!1;for(var b=a.targetContainers;0<b.length;){var c=ye(a.domEventName,a.eventSystemFlags,b[0],a.nativeEvent);if(null===c){c=a.nativeEvent;
+var d=new c.constructor(c.type,c);ze=d;c.target.dispatchEvent(d);ze=null}else return b=ec(c),null!==b&&Gg(b),a.blockedOn=c,!1;b.shift()}return!0}function Ig(a,b,c){Xc(a)&&c.delete(b)}function yj(){Ae=!1;null!==Va&&Xc(Va)&&(Va=null);null!==Wa&&Xc(Wa)&&(Wa=null);null!==Xa&&Xc(Xa)&&(Xa=null);jc.forEach(Ig);kc.forEach(Ig)}function mc(a,b){a.blockedOn===b&&(a.blockedOn=null,Ae||(Ae=!0,Jg(Kg,yj)))}function nc(a){if(0<Yc.length){mc(Yc[0],a);for(var b=1;b<Yc.length;b++){var c=Yc[b];c.blockedOn===a&&(c.blockedOn=
+null)}}null!==Va&&mc(Va,a);null!==Wa&&mc(Wa,a);null!==Xa&&mc(Xa,a);b=function(b){return mc(b,a)};jc.forEach(b);kc.forEach(b);for(b=0;b<Ya.length;b++)c=Ya[b],c.blockedOn===a&&(c.blockedOn=null);for(;0<Ya.length&&(b=Ya[0],null===b.blockedOn);)Hg(b),null===b.blockedOn&&Ya.shift()}function zj(a,b,c,d){var e=z,f=Gb.transition;Gb.transition=null;try{z=1,Be(a,b,c,d)}finally{z=e,Gb.transition=f}}function Aj(a,b,c,d){var e=z,f=Gb.transition;Gb.transition=null;try{z=4,Be(a,b,c,d)}finally{z=e,Gb.transition=
+f}}function Be(a,b,c,d){if(Zc){var e=ye(a,b,c,d);if(null===e)Ce(a,b,d,$c,c),Fg(a,d);else if(vj(e,a,b,c,d))d.stopPropagation();else if(Fg(a,d),b&4&&-1<Bj.indexOf(a)){for(;null!==e;){var f=ec(e);null!==f&&Cj(f);f=ye(a,b,c,d);null===f&&Ce(a,b,d,$c,c);if(f===e)break;e=f}null!==e&&d.stopPropagation()}else Ce(a,b,d,null,c)}}function ye(a,b,c,d){$c=null;a=re(d);a=ob(a);if(null!==a)if(b=nb(a),null===b)a=null;else if(c=b.tag,13===c){a=zg(b);if(null!==a)return a;a=null}else if(3===c){if(b.stateNode.current.memoizedState.isDehydrated)return 3===
+b.tag?b.stateNode.containerInfo:null;a=null}else b!==a&&(a=null);$c=a;return null}function Lg(a){switch(a){case "cancel":case "click":case "close":case "contextmenu":case "copy":case "cut":case "auxclick":case "dblclick":case "dragend":case "dragstart":case "drop":case "focusin":case "focusout":case "input":case "invalid":case "keydown":case "keypress":case "keyup":case "mousedown":case "mouseup":case "paste":case "pause":case "play":case "pointercancel":case "pointerdown":case "pointerup":case "ratechange":case "reset":case "resize":case "seeked":case "submit":case "touchcancel":case "touchend":case "touchstart":case "volumechange":case "change":case "selectionchange":case "textInput":case "compositionstart":case "compositionend":case "compositionupdate":case "beforeblur":case "afterblur":case "beforeinput":case "blur":case "fullscreenchange":case "focus":case "hashchange":case "popstate":case "select":case "selectstart":return 1;
+case "drag":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "mousemove":case "mouseout":case "mouseover":case "pointermove":case "pointerout":case "pointerover":case "scroll":case "toggle":case "touchmove":case "wheel":case "mouseenter":case "mouseleave":case "pointerenter":case "pointerleave":return 4;case "message":switch(Dj()){case De:return 1;case Mg:return 4;case ad:case Ej:return 16;case Ng:return 536870912;default:return 16}default:return 16}}function Og(){if(bd)return bd;
+var a,b=Ee,c=b.length,d,e="value"in Za?Za.value:Za.textContent,f=e.length;for(a=0;a<c&&b[a]===e[a];a++);var g=c-a;for(d=1;d<=g&&b[c-d]===e[f-d];d++);return bd=e.slice(a,1<d?1-d:void 0)}function cd(a){var b=a.keyCode;"charCode"in a?(a=a.charCode,0===a&&13===b&&(a=13)):a=b;10===a&&(a=13);return 32<=a||13===a?a:0}function dd(){return!0}function Pg(){return!1}function ka(a){function b(b,d,e,f,g){this._reactName=b;this._targetInst=e;this.type=d;this.nativeEvent=f;this.target=g;this.currentTarget=null;
+for(var c in a)a.hasOwnProperty(c)&&(b=a[c],this[c]=b?b(f):f[c]);this.isDefaultPrevented=(null!=f.defaultPrevented?f.defaultPrevented:!1===f.returnValue)?dd:Pg;this.isPropagationStopped=Pg;return this}E(b.prototype,{preventDefault:function(){this.defaultPrevented=!0;var a=this.nativeEvent;a&&(a.preventDefault?a.preventDefault():"unknown"!==typeof a.returnValue&&(a.returnValue=!1),this.isDefaultPrevented=dd)},stopPropagation:function(){var a=this.nativeEvent;a&&(a.stopPropagation?a.stopPropagation():
+"unknown"!==typeof a.cancelBubble&&(a.cancelBubble=!0),this.isPropagationStopped=dd)},persist:function(){},isPersistent:dd});return b}function Fj(a){var b=this.nativeEvent;return b.getModifierState?b.getModifierState(a):(a=Gj[a])?!!b[a]:!1}function Fe(a){return Fj}function Qg(a,b){switch(a){case "keyup":return-1!==Hj.indexOf(b.keyCode);case "keydown":return 229!==b.keyCode;case "keypress":case "mousedown":case "focusout":return!0;default:return!1}}function Rg(a){a=a.detail;return"object"===typeof a&&
+"data"in a?a.data:null}function Ij(a,b){switch(a){case "compositionend":return Rg(b);case "keypress":if(32!==b.which)return null;Sg=!0;return Tg;case "textInput":return a=b.data,a===Tg&&Sg?null:a;default:return null}}function Jj(a,b){if(Hb)return"compositionend"===a||!Ge&&Qg(a,b)?(a=Og(),bd=Ee=Za=null,Hb=!1,a):null;switch(a){case "paste":return null;case "keypress":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1<b.char.length)return b.char;if(b.which)return String.fromCharCode(b.which)}return null;
+case "compositionend":return Ug&&"ko"!==b.locale?null:b.data;default:return null}}function Vg(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return"input"===b?!!Kj[a.type]:"textarea"===b?!0:!1}function Lj(a){if(!Ia)return!1;a="on"+a;var b=a in document;b||(b=document.createElement("div"),b.setAttribute(a,"return;"),b="function"===typeof b[a]);return b}function Wg(a,b,c,d){ug(d);b=ed(b,"onChange");0<b.length&&(c=new He("onChange","change",null,c,d),a.push({event:c,listeners:b}))}function Mj(a){Xg(a,
+0)}function fd(a){var b=Ib(a);if(jg(b))return a}function Nj(a,b){if("change"===a)return b}function Yg(){oc&&(oc.detachEvent("onpropertychange",Zg),pc=oc=null)}function Zg(a){if("value"===a.propertyName&&fd(pc)){var b=[];Wg(b,pc,a,re(a));wg(Mj,b)}}function Oj(a,b,c){"focusin"===a?(Yg(),oc=b,pc=c,oc.attachEvent("onpropertychange",Zg)):"focusout"===a&&Yg()}function Pj(a,b){if("selectionchange"===a||"keyup"===a||"keydown"===a)return fd(pc)}function Qj(a,b){if("click"===a)return fd(b)}function Rj(a,b){if("input"===
+a||"change"===a)return fd(b)}function Sj(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}function qc(a,b){if(ua(a,b))return!0;if("object"!==typeof a||null===a||"object"!==typeof b||null===b)return!1;var c=Object.keys(a),d=Object.keys(b);if(c.length!==d.length)return!1;for(d=0;d<c.length;d++){var e=c[d];if(!Zd.call(b,e)||!ua(a[e],b[e]))return!1}return!0}function $g(a){for(;a&&a.firstChild;)a=a.firstChild;return a}function ah(a,b){var c=$g(a);a=0;for(var d;c;){if(3===c.nodeType){d=a+c.textContent.length;
+if(a<=b&&d>=b)return{node:c,offset:b-a};a=d}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode}c=void 0}c=$g(c)}}function bh(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?bh(a,b.parentNode):"contains"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1}function ch(){for(var a=window,b=Qc();b instanceof a.HTMLIFrameElement;){try{var c="string"===typeof b.contentWindow.location.href}catch(d){c=!1}if(c)a=b.contentWindow;else break;
+b=Qc(a.document)}return b}function Ie(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&("input"===b&&("text"===a.type||"search"===a.type||"tel"===a.type||"url"===a.type||"password"===a.type)||"textarea"===b||"true"===a.contentEditable)}function Tj(a){var b=ch(),c=a.focusedElem,d=a.selectionRange;if(b!==c&&c&&c.ownerDocument&&bh(c.ownerDocument.documentElement,c)){if(null!==d&&Ie(c))if(b=d.start,a=d.end,void 0===a&&(a=b),"selectionStart"in c)c.selectionStart=b,c.selectionEnd=Math.min(a,c.value.length);
+else if(a=(b=c.ownerDocument||document)&&b.defaultView||window,a.getSelection){a=a.getSelection();var e=c.textContent.length,f=Math.min(d.start,e);d=void 0===d.end?f:Math.min(d.end,e);!a.extend&&f>d&&(e=d,d=f,f=e);e=ah(c,f);var g=ah(c,d);e&&g&&(1!==a.rangeCount||a.anchorNode!==e.node||a.anchorOffset!==e.offset||a.focusNode!==g.node||a.focusOffset!==g.offset)&&(b=b.createRange(),b.setStart(e.node,e.offset),a.removeAllRanges(),f>d?(a.addRange(b),a.extend(g.node,g.offset)):(b.setEnd(g.node,g.offset),
+a.addRange(b)))}b=[];for(a=c;a=a.parentNode;)1===a.nodeType&&b.push({element:a,left:a.scrollLeft,top:a.scrollTop});"function"===typeof c.focus&&c.focus();for(c=0;c<b.length;c++)a=b[c],a.element.scrollLeft=a.left,a.element.scrollTop=a.top}}function dh(a,b,c){var d=c.window===c?c.document:9===c.nodeType?c:c.ownerDocument;Je||null==Jb||Jb!==Qc(d)||(d=Jb,"selectionStart"in d&&Ie(d)?d={start:d.selectionStart,end:d.selectionEnd}:(d=(d.ownerDocument&&d.ownerDocument.defaultView||window).getSelection(),d=
+{anchorNode:d.anchorNode,anchorOffset:d.anchorOffset,focusNode:d.focusNode,focusOffset:d.focusOffset}),rc&&qc(rc,d)||(rc=d,d=ed(Ke,"onSelect"),0<d.length&&(b=new He("onSelect","select",null,b,c),a.push({event:b,listeners:d}),b.target=Jb)))}function gd(a,b){var c={};c[a.toLowerCase()]=b.toLowerCase();c["Webkit"+a]="webkit"+b;c["Moz"+a]="moz"+b;return c}function hd(a){if(Le[a])return Le[a];if(!Kb[a])return a;var b=Kb[a],c;for(c in b)if(b.hasOwnProperty(c)&&c in eh)return Le[a]=b[c];return a}function $a(a,
+b){fh.set(a,b);mb(b,[a])}function gh(a,b,c){var d=a.type||"unknown-event";a.currentTarget=c;mj(d,b,void 0,a);a.currentTarget=null}function Xg(a,b){b=0!==(b&4);for(var c=0;c<a.length;c++){var d=a[c],e=d.event;d=d.listeners;a:{var f=void 0;if(b)for(var g=d.length-1;0<=g;g--){var h=d[g],k=h.instance,n=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;gh(e,h,n);f=k}else for(g=0;g<d.length;g++){h=d[g];k=h.instance;n=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;
+gh(e,h,n);f=k}}}if(Tc)throw a=ue,Tc=!1,ue=null,a;}function B(a,b){var c=b[Me];void 0===c&&(c=b[Me]=new Set);var d=a+"__bubble";c.has(d)||(hh(b,a,2,!1),c.add(d))}function Ne(a,b,c){var d=0;b&&(d|=4);hh(c,a,d,b)}function sc(a){if(!a[id]){a[id]=!0;cg.forEach(function(b){"selectionchange"!==b&&(Uj.has(b)||Ne(b,!1,a),Ne(b,!0,a))});var b=9===a.nodeType?a:a.ownerDocument;null===b||b[id]||(b[id]=!0,Ne("selectionchange",!1,b))}}function hh(a,b,c,d,e){switch(Lg(b)){case 1:e=zj;break;case 4:e=Aj;break;default:e=
+Be}c=e.bind(null,b,c,a);e=void 0;!Oe||"touchstart"!==b&&"touchmove"!==b&&"wheel"!==b||(e=!0);d?void 0!==e?a.addEventListener(b,c,{capture:!0,passive:e}):a.addEventListener(b,c,!0):void 0!==e?a.addEventListener(b,c,{passive:e}):a.addEventListener(b,c,!1)}function Ce(a,b,c,d,e){var f=d;if(0===(b&1)&&0===(b&2)&&null!==d)a:for(;;){if(null===d)return;var g=d.tag;if(3===g||4===g){var h=d.stateNode.containerInfo;if(h===e||8===h.nodeType&&h.parentNode===e)break;if(4===g)for(g=d.return;null!==g;){var k=g.tag;
+if(3===k||4===k)if(k=g.stateNode.containerInfo,k===e||8===k.nodeType&&k.parentNode===e)return;g=g.return}for(;null!==h;){g=ob(h);if(null===g)return;k=g.tag;if(5===k||6===k){d=f=g;continue a}h=h.parentNode}}d=d.return}wg(function(){var d=f,e=re(c),g=[];a:{var h=fh.get(a);if(void 0!==h){var k=He,m=a;switch(a){case "keypress":if(0===cd(c))break a;case "keydown":case "keyup":k=Vj;break;case "focusin":m="focus";k=Pe;break;case "focusout":m="blur";k=Pe;break;case "beforeblur":case "afterblur":k=Pe;break;
+case "click":if(2===c.button)break a;case "auxclick":case "dblclick":case "mousedown":case "mousemove":case "mouseup":case "mouseout":case "mouseover":case "contextmenu":k=ih;break;case "drag":case "dragend":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "dragstart":case "drop":k=Wj;break;case "touchcancel":case "touchend":case "touchmove":case "touchstart":k=Xj;break;case jh:case kh:case lh:k=Yj;break;case mh:k=Zj;break;case "scroll":k=ak;break;case "wheel":k=bk;break;case "copy":case "cut":case "paste":k=
+ck;break;case "gotpointercapture":case "lostpointercapture":case "pointercancel":case "pointerdown":case "pointermove":case "pointerout":case "pointerover":case "pointerup":k=nh}var l=0!==(b&4),p=!l&&"scroll"===a,w=l?null!==h?h+"Capture":null:h;l=[];for(var A=d,t;null!==A;){t=A;var M=t.stateNode;5===t.tag&&null!==M&&(t=M,null!==w&&(M=fc(A,w),null!=M&&l.push(tc(A,M,t))));if(p)break;A=A.return}0<l.length&&(h=new k(h,m,null,c,e),g.push({event:h,listeners:l}))}}if(0===(b&7)){a:{h="mouseover"===a||"pointerover"===
+a;k="mouseout"===a||"pointerout"===a;if(h&&c!==ze&&(m=c.relatedTarget||c.fromElement)&&(ob(m)||m[Ja]))break a;if(k||h){h=e.window===e?e:(h=e.ownerDocument)?h.defaultView||h.parentWindow:window;if(k){if(m=c.relatedTarget||c.toElement,k=d,m=m?ob(m):null,null!==m&&(p=nb(m),m!==p||5!==m.tag&&6!==m.tag))m=null}else k=null,m=d;if(k!==m){l=ih;M="onMouseLeave";w="onMouseEnter";A="mouse";if("pointerout"===a||"pointerover"===a)l=nh,M="onPointerLeave",w="onPointerEnter",A="pointer";p=null==k?h:Ib(k);t=null==
+m?h:Ib(m);h=new l(M,A+"leave",k,c,e);h.target=p;h.relatedTarget=t;M=null;ob(e)===d&&(l=new l(w,A+"enter",m,c,e),l.target=t,l.relatedTarget=p,M=l);p=M;if(k&&m)b:{l=k;w=m;A=0;for(t=l;t;t=Lb(t))A++;t=0;for(M=w;M;M=Lb(M))t++;for(;0<A-t;)l=Lb(l),A--;for(;0<t-A;)w=Lb(w),t--;for(;A--;){if(l===w||null!==w&&l===w.alternate)break b;l=Lb(l);w=Lb(w)}l=null}else l=null;null!==k&&oh(g,h,k,l,!1);null!==m&&null!==p&&oh(g,p,m,l,!0)}}}a:{h=d?Ib(d):window;k=h.nodeName&&h.nodeName.toLowerCase();if("select"===k||"input"===
+k&&"file"===h.type)var ma=Nj;else if(Vg(h))if(ph)ma=Rj;else{ma=Pj;var va=Oj}else(k=h.nodeName)&&"input"===k.toLowerCase()&&("checkbox"===h.type||"radio"===h.type)&&(ma=Qj);if(ma&&(ma=ma(a,d))){Wg(g,ma,c,e);break a}va&&va(a,h,d);"focusout"===a&&(va=h._wrapperState)&&va.controlled&&"number"===h.type&&me(h,"number",h.value)}va=d?Ib(d):window;switch(a){case "focusin":if(Vg(va)||"true"===va.contentEditable)Jb=va,Ke=d,rc=null;break;case "focusout":rc=Ke=Jb=null;break;case "mousedown":Je=!0;break;case "contextmenu":case "mouseup":case "dragend":Je=
+!1;dh(g,c,e);break;case "selectionchange":if(dk)break;case "keydown":case "keyup":dh(g,c,e)}var ab;if(Ge)b:{switch(a){case "compositionstart":var da="onCompositionStart";break b;case "compositionend":da="onCompositionEnd";break b;case "compositionupdate":da="onCompositionUpdate";break b}da=void 0}else Hb?Qg(a,c)&&(da="onCompositionEnd"):"keydown"===a&&229===c.keyCode&&(da="onCompositionStart");da&&(Ug&&"ko"!==c.locale&&(Hb||"onCompositionStart"!==da?"onCompositionEnd"===da&&Hb&&(ab=Og()):(Za=e,Ee=
+"value"in Za?Za.value:Za.textContent,Hb=!0)),va=ed(d,da),0<va.length&&(da=new qh(da,a,null,c,e),g.push({event:da,listeners:va}),ab?da.data=ab:(ab=Rg(c),null!==ab&&(da.data=ab))));if(ab=ek?Ij(a,c):Jj(a,c))d=ed(d,"onBeforeInput"),0<d.length&&(e=new fk("onBeforeInput","beforeinput",null,c,e),g.push({event:e,listeners:d}),e.data=ab)}Xg(g,b)})}function tc(a,b,c){return{instance:a,listener:b,currentTarget:c}}function ed(a,b){for(var c=b+"Capture",d=[];null!==a;){var e=a,f=e.stateNode;5===e.tag&&null!==
+f&&(e=f,f=fc(a,c),null!=f&&d.unshift(tc(a,f,e)),f=fc(a,b),null!=f&&d.push(tc(a,f,e)));a=a.return}return d}function Lb(a){if(null===a)return null;do a=a.return;while(a&&5!==a.tag);return a?a:null}function oh(a,b,c,d,e){for(var f=b._reactName,g=[];null!==c&&c!==d;){var h=c,k=h.alternate,n=h.stateNode;if(null!==k&&k===d)break;5===h.tag&&null!==n&&(h=n,e?(k=fc(c,f),null!=k&&g.unshift(tc(c,k,h))):e||(k=fc(c,f),null!=k&&g.push(tc(c,k,h))));c=c.return}0!==g.length&&a.push({event:b,listeners:g})}function rh(a){return("string"===
+typeof a?a:""+a).replace(gk,"\n").replace(hk,"")}function jd(a,b,c,d){b=rh(b);if(rh(a)!==b&&c)throw Error(m(425));}function kd(){}function Qe(a,b){return"textarea"===a||"noscript"===a||"string"===typeof b.children||"number"===typeof b.children||"object"===typeof b.dangerouslySetInnerHTML&&null!==b.dangerouslySetInnerHTML&&null!=b.dangerouslySetInnerHTML.__html}function ik(a){setTimeout(function(){throw a;})}function Re(a,b){var c=b,d=0;do{var e=c.nextSibling;a.removeChild(c);if(e&&8===e.nodeType)if(c=
+e.data,"/$"===c){if(0===d){a.removeChild(e);nc(b);return}d--}else"$"!==c&&"$?"!==c&&"$!"!==c||d++;c=e}while(c);nc(b)}function Ka(a){for(;null!=a;a=a.nextSibling){var b=a.nodeType;if(1===b||3===b)break;if(8===b){b=a.data;if("$"===b||"$!"===b||"$?"===b)break;if("/$"===b)return null}}return a}function sh(a){a=a.previousSibling;for(var b=0;a;){if(8===a.nodeType){var c=a.data;if("$"===c||"$!"===c||"$?"===c){if(0===b)return a;b--}else"/$"===c&&b++}a=a.previousSibling}return null}function ob(a){var b=a[Da];
+if(b)return b;for(var c=a.parentNode;c;){if(b=c[Ja]||c[Da]){c=b.alternate;if(null!==b.child||null!==c&&null!==c.child)for(a=sh(a);null!==a;){if(c=a[Da])return c;a=sh(a)}return b}a=c;c=a.parentNode}return null}function ec(a){a=a[Da]||a[Ja];return!a||5!==a.tag&&6!==a.tag&&13!==a.tag&&3!==a.tag?null:a}function Ib(a){if(5===a.tag||6===a.tag)return a.stateNode;throw Error(m(33));}function Rc(a){return a[uc]||null}function bb(a){return{current:a}}function v(a,b){0>Mb||(a.current=Se[Mb],Se[Mb]=null,Mb--)}
+function y(a,b,c){Mb++;Se[Mb]=a.current;a.current=b}function Nb(a,b){var c=a.type.contextTypes;if(!c)return cb;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e}function ea(a){a=a.childContextTypes;return null!==a&&void 0!==a}function th(a,b,c){if(J.current!==cb)throw Error(m(168));
+y(J,b);y(S,c)}function uh(a,b,c){var d=a.stateNode;b=b.childContextTypes;if("function"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)if(!(e in b))throw Error(m(108,gj(a)||"Unknown",e));return E({},c,d)}function ld(a){a=(a=a.stateNode)&&a.__reactInternalMemoizedMergedChildContext||cb;pb=J.current;y(J,a);y(S,S.current);return!0}function vh(a,b,c){var d=a.stateNode;if(!d)throw Error(m(169));c?(a=uh(a,b,pb),d.__reactInternalMemoizedMergedChildContext=a,v(S),v(J),y(J,a)):v(S);
+y(S,c)}function wh(a){null===La?La=[a]:La.push(a)}function jk(a){md=!0;wh(a)}function db(){if(!Te&&null!==La){Te=!0;var a=0,b=z;try{var c=La;for(z=1;a<c.length;a++){var d=c[a];do d=d(!0);while(null!==d)}La=null;md=!1}catch(e){throw null!==La&&(La=La.slice(a+1)),xh(De,db),e;}finally{z=b,Te=!1}}return null}function qb(a,b){Ob[Pb++]=nd;Ob[Pb++]=od;od=a;nd=b}function yh(a,b,c){na[oa++]=Ma;na[oa++]=Na;na[oa++]=rb;rb=a;var d=Ma;a=Na;var e=32-ta(d)-1;d&=~(1<<e);c+=1;var f=32-ta(b)+e;if(30<f){var g=e-e%5;
+f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;Ma=1<<32-ta(b)+e|c<<e|d;Na=f+a}else Ma=1<<f|c<<e|d,Na=a}function Ue(a){null!==a.return&&(qb(a,1),yh(a,1,0))}function Ve(a){for(;a===od;)od=Ob[--Pb],Ob[Pb]=null,nd=Ob[--Pb],Ob[Pb]=null;for(;a===rb;)rb=na[--oa],na[oa]=null,Na=na[--oa],na[oa]=null,Ma=na[--oa],na[oa]=null}function zh(a,b){var c=pa(5,null,null,0);c.elementType="DELETED";c.stateNode=b;c.return=a;b=a.deletions;null===b?(a.deletions=[c],a.flags|=16):b.push(c)}function Ah(a,b){switch(a.tag){case 5:var c=
+a.type;b=1!==b.nodeType||c.toLowerCase()!==b.nodeName.toLowerCase()?null:b;return null!==b?(a.stateNode=b,la=a,fa=Ka(b.firstChild),!0):!1;case 6:return b=""===a.pendingProps||3!==b.nodeType?null:b,null!==b?(a.stateNode=b,la=a,fa=null,!0):!1;case 13:return b=8!==b.nodeType?null:b,null!==b?(c=null!==rb?{id:Ma,overflow:Na}:null,a.memoizedState={dehydrated:b,treeContext:c,retryLane:1073741824},c=pa(18,null,null,0),c.stateNode=b,c.return=a,a.child=c,la=a,fa=null,!0):!1;default:return!1}}function We(a){return 0!==
+(a.mode&1)&&0===(a.flags&128)}function Xe(a){if(D){var b=fa;if(b){var c=b;if(!Ah(a,b)){if(We(a))throw Error(m(418));b=Ka(c.nextSibling);var d=la;b&&Ah(a,b)?zh(d,c):(a.flags=a.flags&-4097|2,D=!1,la=a)}}else{if(We(a))throw Error(m(418));a.flags=a.flags&-4097|2;D=!1;la=a}}}function Bh(a){for(a=a.return;null!==a&&5!==a.tag&&3!==a.tag&&13!==a.tag;)a=a.return;la=a}function pd(a){if(a!==la)return!1;if(!D)return Bh(a),D=!0,!1;var b;(b=3!==a.tag)&&!(b=5!==a.tag)&&(b=a.type,b="head"!==b&&"body"!==b&&!Qe(a.type,
+a.memoizedProps));if(b&&(b=fa)){if(We(a)){for(a=fa;a;)a=Ka(a.nextSibling);throw Error(m(418));}for(;b;)zh(a,b),b=Ka(b.nextSibling)}Bh(a);if(13===a.tag){a=a.memoizedState;a=null!==a?a.dehydrated:null;if(!a)throw Error(m(317));a:{a=a.nextSibling;for(b=0;a;){if(8===a.nodeType){var c=a.data;if("/$"===c){if(0===b){fa=Ka(a.nextSibling);break a}b--}else"$"!==c&&"$!"!==c&&"$?"!==c||b++}a=a.nextSibling}fa=null}}else fa=la?Ka(a.stateNode.nextSibling):null;return!0}function Qb(){fa=la=null;D=!1}function Ye(a){null===
+wa?wa=[a]:wa.push(a)}function vc(a,b,c){a=c.ref;if(null!==a&&"function"!==typeof a&&"object"!==typeof a){if(c._owner){c=c._owner;if(c){if(1!==c.tag)throw Error(m(309));var d=c.stateNode}if(!d)throw Error(m(147,a));var e=d,f=""+a;if(null!==b&&null!==b.ref&&"function"===typeof b.ref&&b.ref._stringRef===f)return b.ref;b=function(a){var b=e.refs;null===a?delete b[f]:b[f]=a};b._stringRef=f;return b}if("string"!==typeof a)throw Error(m(284));if(!c._owner)throw Error(m(290,a));}return a}function qd(a,b){a=
+Object.prototype.toString.call(b);throw Error(m(31,"[object Object]"===a?"object with keys {"+Object.keys(b).join(", ")+"}":a));}function Ch(a){var b=a._init;return b(a._payload)}function Dh(a){function b(b,c){if(a){var d=b.deletions;null===d?(b.deletions=[c],b.flags|=16):d.push(c)}}function c(c,d){if(!a)return null;for(;null!==d;)b(c,d),d=d.sibling;return null}function d(a,b){for(a=new Map;null!==b;)null!==b.key?a.set(b.key,b):a.set(b.index,b),b=b.sibling;return a}function e(a,b){a=eb(a,b);a.index=
+0;a.sibling=null;return a}function f(b,c,d){b.index=d;if(!a)return b.flags|=1048576,c;d=b.alternate;if(null!==d)return d=d.index,d<c?(b.flags|=2,c):d;b.flags|=2;return c}function g(b){a&&null===b.alternate&&(b.flags|=2);return b}function h(a,b,c,d){if(null===b||6!==b.tag)return b=Ze(c,a.mode,d),b.return=a,b;b=e(b,c);b.return=a;return b}function k(a,b,c,d){var f=c.type;if(f===Bb)return l(a,b,c.props.children,d,c.key);if(null!==b&&(b.elementType===f||"object"===typeof f&&null!==f&&f.$$typeof===Ta&&
+Ch(f)===b.type))return d=e(b,c.props),d.ref=vc(a,b,c),d.return=a,d;d=rd(c.type,c.key,c.props,null,a.mode,d);d.ref=vc(a,b,c);d.return=a;return d}function n(a,b,c,d){if(null===b||4!==b.tag||b.stateNode.containerInfo!==c.containerInfo||b.stateNode.implementation!==c.implementation)return b=$e(c,a.mode,d),b.return=a,b;b=e(b,c.children||[]);b.return=a;return b}function l(a,b,c,d,f){if(null===b||7!==b.tag)return b=sb(c,a.mode,d,f),b.return=a,b;b=e(b,c);b.return=a;return b}function u(a,b,c){if("string"===
+typeof b&&""!==b||"number"===typeof b)return b=Ze(""+b,a.mode,c),b.return=a,b;if("object"===typeof b&&null!==b){switch(b.$$typeof){case sd:return c=rd(b.type,b.key,b.props,null,a.mode,c),c.ref=vc(a,null,b),c.return=a,c;case Cb:return b=$e(b,a.mode,c),b.return=a,b;case Ta:var d=b._init;return u(a,d(b._payload),c)}if(cc(b)||ac(b))return b=sb(b,a.mode,c,null),b.return=a,b;qd(a,b)}return null}function r(a,b,c,d){var e=null!==b?b.key:null;if("string"===typeof c&&""!==c||"number"===typeof c)return null!==
+e?null:h(a,b,""+c,d);if("object"===typeof c&&null!==c){switch(c.$$typeof){case sd:return c.key===e?k(a,b,c,d):null;case Cb:return c.key===e?n(a,b,c,d):null;case Ta:return e=c._init,r(a,b,e(c._payload),d)}if(cc(c)||ac(c))return null!==e?null:l(a,b,c,d,null);qd(a,c)}return null}function p(a,b,c,d,e){if("string"===typeof d&&""!==d||"number"===typeof d)return a=a.get(c)||null,h(b,a,""+d,e);if("object"===typeof d&&null!==d){switch(d.$$typeof){case sd:return a=a.get(null===d.key?c:d.key)||null,k(b,a,d,
+e);case Cb:return a=a.get(null===d.key?c:d.key)||null,n(b,a,d,e);case Ta:var f=d._init;return p(a,b,c,f(d._payload),e)}if(cc(d)||ac(d))return a=a.get(c)||null,l(b,a,d,e,null);qd(b,d)}return null}function x(e,g,h,k){for(var n=null,m=null,l=g,t=g=0,q=null;null!==l&&t<h.length;t++){l.index>t?(q=l,l=null):q=l.sibling;var A=r(e,l,h[t],k);if(null===A){null===l&&(l=q);break}a&&l&&null===A.alternate&&b(e,l);g=f(A,g,t);null===m?n=A:m.sibling=A;m=A;l=q}if(t===h.length)return c(e,l),D&&qb(e,t),n;if(null===l){for(;t<
+h.length;t++)l=u(e,h[t],k),null!==l&&(g=f(l,g,t),null===m?n=l:m.sibling=l,m=l);D&&qb(e,t);return n}for(l=d(e,l);t<h.length;t++)q=p(l,e,t,h[t],k),null!==q&&(a&&null!==q.alternate&&l.delete(null===q.key?t:q.key),g=f(q,g,t),null===m?n=q:m.sibling=q,m=q);a&&l.forEach(function(a){return b(e,a)});D&&qb(e,t);return n}function I(e,g,h,k){var n=ac(h);if("function"!==typeof n)throw Error(m(150));h=n.call(h);if(null==h)throw Error(m(151));for(var l=n=null,q=g,t=g=0,A=null,w=h.next();null!==q&&!w.done;t++,w=
+h.next()){q.index>t?(A=q,q=null):A=q.sibling;var x=r(e,q,w.value,k);if(null===x){null===q&&(q=A);break}a&&q&&null===x.alternate&&b(e,q);g=f(x,g,t);null===l?n=x:l.sibling=x;l=x;q=A}if(w.done)return c(e,q),D&&qb(e,t),n;if(null===q){for(;!w.done;t++,w=h.next())w=u(e,w.value,k),null!==w&&(g=f(w,g,t),null===l?n=w:l.sibling=w,l=w);D&&qb(e,t);return n}for(q=d(e,q);!w.done;t++,w=h.next())w=p(q,e,t,w.value,k),null!==w&&(a&&null!==w.alternate&&q.delete(null===w.key?t:w.key),g=f(w,g,t),null===l?n=w:l.sibling=
+w,l=w);a&&q.forEach(function(a){return b(e,a)});D&&qb(e,t);return n}function v(a,d,f,h){"object"===typeof f&&null!==f&&f.type===Bb&&null===f.key&&(f=f.props.children);if("object"===typeof f&&null!==f){switch(f.$$typeof){case sd:a:{for(var k=f.key,n=d;null!==n;){if(n.key===k){k=f.type;if(k===Bb){if(7===n.tag){c(a,n.sibling);d=e(n,f.props.children);d.return=a;a=d;break a}}else if(n.elementType===k||"object"===typeof k&&null!==k&&k.$$typeof===Ta&&Ch(k)===n.type){c(a,n.sibling);d=e(n,f.props);d.ref=vc(a,
+n,f);d.return=a;a=d;break a}c(a,n);break}else b(a,n);n=n.sibling}f.type===Bb?(d=sb(f.props.children,a.mode,h,f.key),d.return=a,a=d):(h=rd(f.type,f.key,f.props,null,a.mode,h),h.ref=vc(a,d,f),h.return=a,a=h)}return g(a);case Cb:a:{for(n=f.key;null!==d;){if(d.key===n)if(4===d.tag&&d.stateNode.containerInfo===f.containerInfo&&d.stateNode.implementation===f.implementation){c(a,d.sibling);d=e(d,f.children||[]);d.return=a;a=d;break a}else{c(a,d);break}else b(a,d);d=d.sibling}d=$e(f,a.mode,h);d.return=a;
+a=d}return g(a);case Ta:return n=f._init,v(a,d,n(f._payload),h)}if(cc(f))return x(a,d,f,h);if(ac(f))return I(a,d,f,h);qd(a,f)}return"string"===typeof f&&""!==f||"number"===typeof f?(f=""+f,null!==d&&6===d.tag?(c(a,d.sibling),d=e(d,f),d.return=a,a=d):(c(a,d),d=Ze(f,a.mode,h),d.return=a,a=d),g(a)):c(a,d)}return v}function af(){bf=Rb=td=null}function cf(a,b){b=ud.current;v(ud);a._currentValue=b}function df(a,b,c){for(;null!==a;){var d=a.alternate;(a.childLanes&b)!==b?(a.childLanes|=b,null!==d&&(d.childLanes|=
+b)):null!==d&&(d.childLanes&b)!==b&&(d.childLanes|=b);if(a===c)break;a=a.return}}function Sb(a,b){td=a;bf=Rb=null;a=a.dependencies;null!==a&&null!==a.firstContext&&(0!==(a.lanes&b)&&(ha=!0),a.firstContext=null)}function qa(a){var b=a._currentValue;if(bf!==a)if(a={context:a,memoizedValue:b,next:null},null===Rb){if(null===td)throw Error(m(308));Rb=a;td.dependencies={lanes:0,firstContext:a}}else Rb=Rb.next=a;return b}function ef(a){null===tb?tb=[a]:tb.push(a)}function Eh(a,b,c,d){var e=b.interleaved;
+null===e?(c.next=c,ef(b)):(c.next=e.next,e.next=c);b.interleaved=c;return Oa(a,d)}function Oa(a,b){a.lanes|=b;var c=a.alternate;null!==c&&(c.lanes|=b);c=a;for(a=a.return;null!==a;)a.childLanes|=b,c=a.alternate,null!==c&&(c.childLanes|=b),c=a,a=a.return;return 3===c.tag?c.stateNode:null}function ff(a){a.updateQueue={baseState:a.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Fh(a,b){a=a.updateQueue;b.updateQueue===a&&(b.updateQueue=
+{baseState:a.baseState,firstBaseUpdate:a.firstBaseUpdate,lastBaseUpdate:a.lastBaseUpdate,shared:a.shared,effects:a.effects})}function Pa(a,b){return{eventTime:a,lane:b,tag:0,payload:null,callback:null,next:null}}function fb(a,b,c){var d=a.updateQueue;if(null===d)return null;d=d.shared;if(0!==(p&2)){var e=d.pending;null===e?b.next=b:(b.next=e.next,e.next=b);d.pending=b;return kk(a,c)}e=d.interleaved;null===e?(b.next=b,ef(d)):(b.next=e.next,e.next=b);d.interleaved=b;return Oa(a,c)}function vd(a,b,c){b=
+b.updateQueue;if(null!==b&&(b=b.shared,0!==(c&4194240))){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;xe(a,c)}}function Gh(a,b){var c=a.updateQueue,d=a.alternate;if(null!==d&&(d=d.updateQueue,c===d)){var e=null,f=null;c=c.firstBaseUpdate;if(null!==c){do{var g={eventTime:c.eventTime,lane:c.lane,tag:c.tag,payload:c.payload,callback:c.callback,next:null};null===f?e=f=g:f=f.next=g;c=c.next}while(null!==c);null===f?e=f=b:f=f.next=b}else e=f=b;c={baseState:d.baseState,firstBaseUpdate:e,lastBaseUpdate:f,
+shared:d.shared,effects:d.effects};a.updateQueue=c;return}a=c.lastBaseUpdate;null===a?c.firstBaseUpdate=b:a.next=b;c.lastBaseUpdate=b}function wd(a,b,c,d){var e=a.updateQueue;gb=!1;var f=e.firstBaseUpdate,g=e.lastBaseUpdate,h=e.shared.pending;if(null!==h){e.shared.pending=null;var k=h,n=k.next;k.next=null;null===g?f=n:g.next=n;g=k;var l=a.alternate;null!==l&&(l=l.updateQueue,h=l.lastBaseUpdate,h!==g&&(null===h?l.firstBaseUpdate=n:h.next=n,l.lastBaseUpdate=k))}if(null!==f){var m=e.baseState;g=0;l=
+n=k=null;h=f;do{var r=h.lane,p=h.eventTime;if((d&r)===r){null!==l&&(l=l.next={eventTime:p,lane:0,tag:h.tag,payload:h.payload,callback:h.callback,next:null});a:{var x=a,v=h;r=b;p=c;switch(v.tag){case 1:x=v.payload;if("function"===typeof x){m=x.call(p,m,r);break a}m=x;break a;case 3:x.flags=x.flags&-65537|128;case 0:x=v.payload;r="function"===typeof x?x.call(p,m,r):x;if(null===r||void 0===r)break a;m=E({},m,r);break a;case 2:gb=!0}}null!==h.callback&&0!==h.lane&&(a.flags|=64,r=e.effects,null===r?e.effects=
+[h]:r.push(h))}else p={eventTime:p,lane:r,tag:h.tag,payload:h.payload,callback:h.callback,next:null},null===l?(n=l=p,k=m):l=l.next=p,g|=r;h=h.next;if(null===h)if(h=e.shared.pending,null===h)break;else r=h,h=r.next,r.next=null,e.lastBaseUpdate=r,e.shared.pending=null}while(1);null===l&&(k=m);e.baseState=k;e.firstBaseUpdate=n;e.lastBaseUpdate=l;b=e.shared.interleaved;if(null!==b){e=b;do g|=e.lane,e=e.next;while(e!==b)}else null===f&&(e.shared.lanes=0);ra|=g;a.lanes=g;a.memoizedState=m}}function Hh(a,
+b,c){a=b.effects;b.effects=null;if(null!==a)for(b=0;b<a.length;b++){var d=a[b],e=d.callback;if(null!==e){d.callback=null;d=c;if("function"!==typeof e)throw Error(m(191,e));e.call(d)}}}function ub(a){if(a===wc)throw Error(m(174));return a}function gf(a,b){y(xc,b);y(yc,a);y(Ea,wc);a=b.nodeType;switch(a){case 9:case 11:b=(b=b.documentElement)?b.namespaceURI:oe(null,"");break;default:a=8===a?b.parentNode:b,b=a.namespaceURI||null,a=a.tagName,b=oe(b,a)}v(Ea);y(Ea,b)}function Tb(a){v(Ea);v(yc);v(xc)}function Ih(a){ub(xc.current);
+var b=ub(Ea.current);var c=oe(b,a.type);b!==c&&(y(yc,a),y(Ea,c))}function hf(a){yc.current===a&&(v(Ea),v(yc))}function xd(a){for(var b=a;null!==b;){if(13===b.tag){var c=b.memoizedState;if(null!==c&&(c=c.dehydrated,null===c||"$?"===c.data||"$!"===c.data))return b}else if(19===b.tag&&void 0!==b.memoizedProps.revealOrder){if(0!==(b.flags&128))return b}else if(null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return null;b=b.return}b.sibling.return=
+b.return;b=b.sibling}return null}function jf(){for(var a=0;a<kf.length;a++)kf[a]._workInProgressVersionPrimary=null;kf.length=0}function V(){throw Error(m(321));}function lf(a,b){if(null===b)return!1;for(var c=0;c<b.length&&c<a.length;c++)if(!ua(a[c],b[c]))return!1;return!0}function mf(a,b,c,d,e,f){vb=f;C=b;b.memoizedState=null;b.updateQueue=null;b.lanes=0;yd.current=null===a||null===a.memoizedState?lk:mk;a=c(d,e);if(zc){f=0;do{zc=!1;Ac=0;if(25<=f)throw Error(m(301));f+=1;N=K=null;b.updateQueue=null;
+yd.current=nk;a=c(d,e)}while(zc)}yd.current=zd;b=null!==K&&null!==K.next;vb=0;N=K=C=null;Ad=!1;if(b)throw Error(m(300));return a}function nf(){var a=0!==Ac;Ac=0;return a}function Fa(){var a={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};null===N?C.memoizedState=N=a:N=N.next=a;return N}function sa(){if(null===K){var a=C.alternate;a=null!==a?a.memoizedState:null}else a=K.next;var b=null===N?C.memoizedState:N.next;if(null!==b)N=b,K=a;else{if(null===a)throw Error(m(310));K=a;
+a={memoizedState:K.memoizedState,baseState:K.baseState,baseQueue:K.baseQueue,queue:K.queue,next:null};null===N?C.memoizedState=N=a:N=N.next=a}return N}function Bc(a,b){return"function"===typeof b?b(a):b}function of(a,b,c){b=sa();c=b.queue;if(null===c)throw Error(m(311));c.lastRenderedReducer=a;var d=K,e=d.baseQueue,f=c.pending;if(null!==f){if(null!==e){var g=e.next;e.next=f.next;f.next=g}d.baseQueue=e=f;c.pending=null}if(null!==e){f=e.next;d=d.baseState;var h=g=null,k=null,n=f;do{var l=n.lane;if((vb&
+l)===l)null!==k&&(k=k.next={lane:0,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null}),d=n.hasEagerState?n.eagerState:a(d,n.action);else{var u={lane:l,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null};null===k?(h=k=u,g=d):k=k.next=u;C.lanes|=l;ra|=l}n=n.next}while(null!==n&&n!==f);null===k?g=d:k.next=h;ua(d,b.memoizedState)||(ha=!0);b.memoizedState=d;b.baseState=g;b.baseQueue=k;c.lastRenderedState=d}a=c.interleaved;if(null!==a){e=a;do f=
+e.lane,C.lanes|=f,ra|=f,e=e.next;while(e!==a)}else null===e&&(c.lanes=0);return[b.memoizedState,c.dispatch]}function pf(a,b,c){b=sa();c=b.queue;if(null===c)throw Error(m(311));c.lastRenderedReducer=a;var d=c.dispatch,e=c.pending,f=b.memoizedState;if(null!==e){c.pending=null;var g=e=e.next;do f=a(f,g.action),g=g.next;while(g!==e);ua(f,b.memoizedState)||(ha=!0);b.memoizedState=f;null===b.baseQueue&&(b.baseState=f);c.lastRenderedState=f}return[f,d]}function Jh(a,b,c){}function Kh(a,b,c){c=C;var d=sa(),
+e=b(),f=!ua(d.memoizedState,e);f&&(d.memoizedState=e,ha=!0);d=d.queue;qf(Lh.bind(null,c,d,a),[a]);if(d.getSnapshot!==b||f||null!==N&&N.memoizedState.tag&1){c.flags|=2048;Cc(9,Mh.bind(null,c,d,e,b),void 0,null);if(null===O)throw Error(m(349));0!==(vb&30)||Nh(c,b,e)}return e}function Nh(a,b,c){a.flags|=16384;a={getSnapshot:b,value:c};b=C.updateQueue;null===b?(b={lastEffect:null,stores:null},C.updateQueue=b,b.stores=[a]):(c=b.stores,null===c?b.stores=[a]:c.push(a))}function Mh(a,b,c,d){b.value=c;b.getSnapshot=
+d;Oh(b)&&Ph(a)}function Lh(a,b,c){return c(function(){Oh(b)&&Ph(a)})}function Oh(a){var b=a.getSnapshot;a=a.value;try{var c=b();return!ua(a,c)}catch(d){return!0}}function Ph(a){var b=Oa(a,1);null!==b&&xa(b,a,1,-1)}function Qh(a){var b=Fa();"function"===typeof a&&(a=a());b.memoizedState=b.baseState=a;a={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:Bc,lastRenderedState:a};b.queue=a;a=a.dispatch=ok.bind(null,C,a);return[b.memoizedState,a]}function Cc(a,b,c,d){a={tag:a,create:b,
+destroy:c,deps:d,next:null};b=C.updateQueue;null===b?(b={lastEffect:null,stores:null},C.updateQueue=b,b.lastEffect=a.next=a):(c=b.lastEffect,null===c?b.lastEffect=a.next=a:(d=c.next,c.next=a,a.next=d,b.lastEffect=a));return a}function Rh(a){return sa().memoizedState}function Bd(a,b,c,d){var e=Fa();C.flags|=a;e.memoizedState=Cc(1|b,c,void 0,void 0===d?null:d)}function Cd(a,b,c,d){var e=sa();d=void 0===d?null:d;var f=void 0;if(null!==K){var g=K.memoizedState;f=g.destroy;if(null!==d&&lf(d,g.deps)){e.memoizedState=
+Cc(b,c,f,d);return}}C.flags|=a;e.memoizedState=Cc(1|b,c,f,d)}function Sh(a,b){return Bd(8390656,8,a,b)}function qf(a,b){return Cd(2048,8,a,b)}function Th(a,b){return Cd(4,2,a,b)}function Uh(a,b){return Cd(4,4,a,b)}function Vh(a,b){if("function"===typeof b)return a=a(),b(a),function(){b(null)};if(null!==b&&void 0!==b)return a=a(),b.current=a,function(){b.current=null}}function Wh(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;return Cd(4,4,Vh.bind(null,b,a),c)}function rf(a,b){}function Xh(a,b){var c=
+sa();b=void 0===b?null:b;var d=c.memoizedState;if(null!==d&&null!==b&&lf(b,d[1]))return d[0];c.memoizedState=[a,b];return a}function Yh(a,b){var c=sa();b=void 0===b?null:b;var d=c.memoizedState;if(null!==d&&null!==b&&lf(b,d[1]))return d[0];a=a();c.memoizedState=[a,b];return a}function Zh(a,b,c){if(0===(vb&21))return a.baseState&&(a.baseState=!1,ha=!0),a.memoizedState=c;ua(c,b)||(c=Dg(),C.lanes|=c,ra|=c,a.baseState=!0);return b}function pk(a,b,c){c=z;z=0!==c&&4>c?c:4;a(!0);var d=sf.transition;sf.transition=
+{};try{a(!1),b()}finally{z=c,sf.transition=d}}function $h(){return sa().memoizedState}function qk(a,b,c){var d=hb(a);c={lane:d,action:c,hasEagerState:!1,eagerState:null,next:null};if(ai(a))bi(b,c);else if(c=Eh(a,b,c,d),null!==c){var e=Z();xa(c,a,d,e);ci(c,b,d)}}function ok(a,b,c){var d=hb(a),e={lane:d,action:c,hasEagerState:!1,eagerState:null,next:null};if(ai(a))bi(b,e);else{var f=a.alternate;if(0===a.lanes&&(null===f||0===f.lanes)&&(f=b.lastRenderedReducer,null!==f))try{var g=b.lastRenderedState,
+h=f(g,c);e.hasEagerState=!0;e.eagerState=h;if(ua(h,g)){var k=b.interleaved;null===k?(e.next=e,ef(b)):(e.next=k.next,k.next=e);b.interleaved=e;return}}catch(n){}finally{}c=Eh(a,b,e,d);null!==c&&(e=Z(),xa(c,a,d,e),ci(c,b,d))}}function ai(a){var b=a.alternate;return a===C||null!==b&&b===C}function bi(a,b){zc=Ad=!0;var c=a.pending;null===c?b.next=b:(b.next=c.next,c.next=b);a.pending=b}function ci(a,b,c){if(0!==(c&4194240)){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;xe(a,c)}}function ya(a,b){if(a&&
+a.defaultProps){b=E({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}function tf(a,b,c,d){b=a.memoizedState;c=c(d,b);c=null===c||void 0===c?b:E({},b,c);a.memoizedState=c;0===a.lanes&&(a.updateQueue.baseState=c)}function di(a,b,c,d,e,f,g){a=a.stateNode;return"function"===typeof a.shouldComponentUpdate?a.shouldComponentUpdate(d,f,g):b.prototype&&b.prototype.isPureReactComponent?!qc(c,d)||!qc(e,f):!0}function ei(a,b,c){var d=!1,e=cb;var f=b.contextType;"object"===typeof f&&
+null!==f?f=qa(f):(e=ea(b)?pb:J.current,d=b.contextTypes,f=(d=null!==d&&void 0!==d)?Nb(a,e):cb);b=new b(c,f);a.memoizedState=null!==b.state&&void 0!==b.state?b.state:null;b.updater=Dd;a.stateNode=b;b._reactInternals=a;d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=e,a.__reactInternalMemoizedMaskedChildContext=f);return b}function fi(a,b,c,d){a=b.state;"function"===typeof b.componentWillReceiveProps&&b.componentWillReceiveProps(c,d);"function"===typeof b.UNSAFE_componentWillReceiveProps&&
+b.UNSAFE_componentWillReceiveProps(c,d);b.state!==a&&Dd.enqueueReplaceState(b,b.state,null)}function uf(a,b,c,d){var e=a.stateNode;e.props=c;e.state=a.memoizedState;e.refs={};ff(a);var f=b.contextType;"object"===typeof f&&null!==f?e.context=qa(f):(f=ea(b)?pb:J.current,e.context=Nb(a,f));e.state=a.memoizedState;f=b.getDerivedStateFromProps;"function"===typeof f&&(tf(a,b,f,c),e.state=a.memoizedState);"function"===typeof b.getDerivedStateFromProps||"function"===typeof e.getSnapshotBeforeUpdate||"function"!==
+typeof e.UNSAFE_componentWillMount&&"function"!==typeof e.componentWillMount||(b=e.state,"function"===typeof e.componentWillMount&&e.componentWillMount(),"function"===typeof e.UNSAFE_componentWillMount&&e.UNSAFE_componentWillMount(),b!==e.state&&Dd.enqueueReplaceState(e,e.state,null),wd(a,c,e,d),e.state=a.memoizedState);"function"===typeof e.componentDidMount&&(a.flags|=4194308)}function Ub(a,b){try{var c="",d=b;do c+=fj(d),d=d.return;while(d);var e=c}catch(f){e="\nError generating stack: "+f.message+
+"\n"+f.stack}return{value:a,source:b,stack:e,digest:null}}function vf(a,b,c){return{value:a,source:null,stack:null!=c?c:null,digest:null!=b?b:null}}function wf(a,b){try{console.error(b.value)}catch(c){setTimeout(function(){throw c;})}}function gi(a,b,c){c=Pa(-1,c);c.tag=3;c.payload={element:null};var d=b.value;c.callback=function(){Ed||(Ed=!0,xf=d);wf(a,b)};return c}function hi(a,b,c){c=Pa(-1,c);c.tag=3;var d=a.type.getDerivedStateFromError;if("function"===typeof d){var e=b.value;c.payload=function(){return d(e)};
+c.callback=function(){wf(a,b)}}var f=a.stateNode;null!==f&&"function"===typeof f.componentDidCatch&&(c.callback=function(){wf(a,b);"function"!==typeof d&&(null===ib?ib=new Set([this]):ib.add(this));var c=b.stack;this.componentDidCatch(b.value,{componentStack:null!==c?c:""})});return c}function ii(a,b,c){var d=a.pingCache;if(null===d){d=a.pingCache=new rk;var e=new Set;d.set(b,e)}else e=d.get(b),void 0===e&&(e=new Set,d.set(b,e));e.has(c)||(e.add(c),a=sk.bind(null,a,b,c),b.then(a,a))}function ji(a){do{var b;
+if(b=13===a.tag)b=a.memoizedState,b=null!==b?null!==b.dehydrated?!0:!1:!0;if(b)return a;a=a.return}while(null!==a);return null}function ki(a,b,c,d,e){if(0===(a.mode&1))return a===b?a.flags|=65536:(a.flags|=128,c.flags|=131072,c.flags&=-52805,1===c.tag&&(null===c.alternate?c.tag=17:(b=Pa(-1,1),b.tag=2,fb(c,b,1))),c.lanes|=1),a;a.flags|=65536;a.lanes=e;return a}function aa(a,b,c,d){b.child=null===a?li(b,null,c,d):Vb(b,a.child,c,d)}function mi(a,b,c,d,e){c=c.render;var f=b.ref;Sb(b,e);d=mf(a,b,c,d,f,
+e);c=nf();if(null!==a&&!ha)return b.updateQueue=a.updateQueue,b.flags&=-2053,a.lanes&=~e,Qa(a,b,e);D&&c&&Ue(b);b.flags|=1;aa(a,b,d,e);return b.child}function ni(a,b,c,d,e){if(null===a){var f=c.type;if("function"===typeof f&&!yf(f)&&void 0===f.defaultProps&&null===c.compare&&void 0===c.defaultProps)return b.tag=15,b.type=f,oi(a,b,f,d,e);a=rd(c.type,null,d,b,b.mode,e);a.ref=b.ref;a.return=b;return b.child=a}f=a.child;if(0===(a.lanes&e)){var g=f.memoizedProps;c=c.compare;c=null!==c?c:qc;if(c(g,d)&&a.ref===
+b.ref)return Qa(a,b,e)}b.flags|=1;a=eb(f,d);a.ref=b.ref;a.return=b;return b.child=a}function oi(a,b,c,d,e){if(null!==a){var f=a.memoizedProps;if(qc(f,d)&&a.ref===b.ref)if(ha=!1,b.pendingProps=d=f,0!==(a.lanes&e))0!==(a.flags&131072)&&(ha=!0);else return b.lanes=a.lanes,Qa(a,b,e)}return zf(a,b,c,d,e)}function pi(a,b,c){var d=b.pendingProps,e=d.children,f=null!==a?a.memoizedState:null;if("hidden"===d.mode)if(0===(b.mode&1))b.memoizedState={baseLanes:0,cachePool:null,transitions:null},y(Ga,ba),ba|=c;
+else{if(0===(c&1073741824))return a=null!==f?f.baseLanes|c:c,b.lanes=b.childLanes=1073741824,b.memoizedState={baseLanes:a,cachePool:null,transitions:null},b.updateQueue=null,y(Ga,ba),ba|=a,null;b.memoizedState={baseLanes:0,cachePool:null,transitions:null};d=null!==f?f.baseLanes:c;y(Ga,ba);ba|=d}else null!==f?(d=f.baseLanes|c,b.memoizedState=null):d=c,y(Ga,ba),ba|=d;aa(a,b,e,c);return b.child}function qi(a,b){var c=b.ref;if(null===a&&null!==c||null!==a&&a.ref!==c)b.flags|=512,b.flags|=2097152}function zf(a,
+b,c,d,e){var f=ea(c)?pb:J.current;f=Nb(b,f);Sb(b,e);c=mf(a,b,c,d,f,e);d=nf();if(null!==a&&!ha)return b.updateQueue=a.updateQueue,b.flags&=-2053,a.lanes&=~e,Qa(a,b,e);D&&d&&Ue(b);b.flags|=1;aa(a,b,c,e);return b.child}function ri(a,b,c,d,e){if(ea(c)){var f=!0;ld(b)}else f=!1;Sb(b,e);if(null===b.stateNode)Fd(a,b),ei(b,c,d),uf(b,c,d,e),d=!0;else if(null===a){var g=b.stateNode,h=b.memoizedProps;g.props=h;var k=g.context,n=c.contextType;"object"===typeof n&&null!==n?n=qa(n):(n=ea(c)?pb:J.current,n=Nb(b,
+n));var l=c.getDerivedStateFromProps,m="function"===typeof l||"function"===typeof g.getSnapshotBeforeUpdate;m||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||(h!==d||k!==n)&&fi(b,g,d,n);gb=!1;var r=b.memoizedState;g.state=r;wd(b,d,g,e);k=b.memoizedState;h!==d||r!==k||S.current||gb?("function"===typeof l&&(tf(b,c,l,d),k=b.memoizedState),(h=gb||di(b,c,h,d,r,k,n))?(m||"function"!==typeof g.UNSAFE_componentWillMount&&"function"!==typeof g.componentWillMount||
+("function"===typeof g.componentWillMount&&g.componentWillMount(),"function"===typeof g.UNSAFE_componentWillMount&&g.UNSAFE_componentWillMount()),"function"===typeof g.componentDidMount&&(b.flags|=4194308)):("function"===typeof g.componentDidMount&&(b.flags|=4194308),b.memoizedProps=d,b.memoizedState=k),g.props=d,g.state=k,g.context=n,d=h):("function"===typeof g.componentDidMount&&(b.flags|=4194308),d=!1)}else{g=b.stateNode;Fh(a,b);h=b.memoizedProps;n=b.type===b.elementType?h:ya(b.type,h);g.props=
+n;m=b.pendingProps;r=g.context;k=c.contextType;"object"===typeof k&&null!==k?k=qa(k):(k=ea(c)?pb:J.current,k=Nb(b,k));var p=c.getDerivedStateFromProps;(l="function"===typeof p||"function"===typeof g.getSnapshotBeforeUpdate)||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||(h!==m||r!==k)&&fi(b,g,d,k);gb=!1;r=b.memoizedState;g.state=r;wd(b,d,g,e);var x=b.memoizedState;h!==m||r!==x||S.current||gb?("function"===typeof p&&(tf(b,c,p,d),x=b.memoizedState),
+(n=gb||di(b,c,n,d,r,x,k)||!1)?(l||"function"!==typeof g.UNSAFE_componentWillUpdate&&"function"!==typeof g.componentWillUpdate||("function"===typeof g.componentWillUpdate&&g.componentWillUpdate(d,x,k),"function"===typeof g.UNSAFE_componentWillUpdate&&g.UNSAFE_componentWillUpdate(d,x,k)),"function"===typeof g.componentDidUpdate&&(b.flags|=4),"function"===typeof g.getSnapshotBeforeUpdate&&(b.flags|=1024)):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&r===a.memoizedState||(b.flags|=
+4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&r===a.memoizedState||(b.flags|=1024),b.memoizedProps=d,b.memoizedState=x),g.props=d,g.state=x,g.context=k,d=n):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&r===a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&r===a.memoizedState||(b.flags|=1024),d=!1)}return Af(a,b,c,d,f,e)}function Af(a,b,c,d,e,f){qi(a,b);var g=0!==(b.flags&128);if(!d&&!g)return e&&vh(b,c,!1),
+Qa(a,b,f);d=b.stateNode;tk.current=b;var h=g&&"function"!==typeof c.getDerivedStateFromError?null:d.render();b.flags|=1;null!==a&&g?(b.child=Vb(b,a.child,null,f),b.child=Vb(b,null,h,f)):aa(a,b,h,f);b.memoizedState=d.state;e&&vh(b,c,!0);return b.child}function si(a){var b=a.stateNode;b.pendingContext?th(a,b.pendingContext,b.pendingContext!==b.context):b.context&&th(a,b.context,!1);gf(a,b.containerInfo)}function ti(a,b,c,d,e){Qb();Ye(e);b.flags|=256;aa(a,b,c,d);return b.child}function Bf(a){return{baseLanes:a,
+cachePool:null,transitions:null}}function ui(a,b,c){var d=b.pendingProps,e=F.current,f=!1,g=0!==(b.flags&128),h;(h=g)||(h=null!==a&&null===a.memoizedState?!1:0!==(e&2));if(h)f=!0,b.flags&=-129;else if(null===a||null!==a.memoizedState)e|=1;y(F,e&1);if(null===a){Xe(b);a=b.memoizedState;if(null!==a&&(a=a.dehydrated,null!==a))return 0===(b.mode&1)?b.lanes=1:"$!"===a.data?b.lanes=8:b.lanes=1073741824,null;g=d.children;a=d.fallback;return f?(d=b.mode,f=b.child,g={mode:"hidden",children:g},0===(d&1)&&null!==
+f?(f.childLanes=0,f.pendingProps=g):f=Gd(g,d,0,null),a=sb(a,d,c,null),f.return=b,a.return=b,f.sibling=a,b.child=f,b.child.memoizedState=Bf(c),b.memoizedState=Cf,a):Df(b,g)}e=a.memoizedState;if(null!==e&&(h=e.dehydrated,null!==h))return uk(a,b,g,d,h,e,c);if(f){f=d.fallback;g=b.mode;e=a.child;h=e.sibling;var k={mode:"hidden",children:d.children};0===(g&1)&&b.child!==e?(d=b.child,d.childLanes=0,d.pendingProps=k,b.deletions=null):(d=eb(e,k),d.subtreeFlags=e.subtreeFlags&14680064);null!==h?f=eb(h,f):(f=
+sb(f,g,c,null),f.flags|=2);f.return=b;d.return=b;d.sibling=f;b.child=d;d=f;f=b.child;g=a.child.memoizedState;g=null===g?Bf(c):{baseLanes:g.baseLanes|c,cachePool:null,transitions:g.transitions};f.memoizedState=g;f.childLanes=a.childLanes&~c;b.memoizedState=Cf;return d}f=a.child;a=f.sibling;d=eb(f,{mode:"visible",children:d.children});0===(b.mode&1)&&(d.lanes=c);d.return=b;d.sibling=null;null!==a&&(c=b.deletions,null===c?(b.deletions=[a],b.flags|=16):c.push(a));b.child=d;b.memoizedState=null;return d}
+function Df(a,b,c){b=Gd({mode:"visible",children:b},a.mode,0,null);b.return=a;return a.child=b}function Hd(a,b,c,d){null!==d&&Ye(d);Vb(b,a.child,null,c);a=Df(b,b.pendingProps.children);a.flags|=2;b.memoizedState=null;return a}function uk(a,b,c,d,e,f,g){if(c){if(b.flags&256)return b.flags&=-257,d=vf(Error(m(422))),Hd(a,b,g,d);if(null!==b.memoizedState)return b.child=a.child,b.flags|=128,null;f=d.fallback;e=b.mode;d=Gd({mode:"visible",children:d.children},e,0,null);f=sb(f,e,g,null);f.flags|=2;d.return=
+b;f.return=b;d.sibling=f;b.child=d;0!==(b.mode&1)&&Vb(b,a.child,null,g);b.child.memoizedState=Bf(g);b.memoizedState=Cf;return f}if(0===(b.mode&1))return Hd(a,b,g,null);if("$!"===e.data){d=e.nextSibling&&e.nextSibling.dataset;if(d)var h=d.dgst;d=h;f=Error(m(419));d=vf(f,d,void 0);return Hd(a,b,g,d)}h=0!==(g&a.childLanes);if(ha||h){d=O;if(null!==d){switch(g&-g){case 4:e=2;break;case 16:e=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:e=
+32;break;case 536870912:e=268435456;break;default:e=0}e=0!==(e&(d.suspendedLanes|g))?0:e;0!==e&&e!==f.retryLane&&(f.retryLane=e,Oa(a,e),xa(d,a,e,-1))}Ef();d=vf(Error(m(421)));return Hd(a,b,g,d)}if("$?"===e.data)return b.flags|=128,b.child=a.child,b=vk.bind(null,a),e._reactRetry=b,null;a=f.treeContext;fa=Ka(e.nextSibling);la=b;D=!0;wa=null;null!==a&&(na[oa++]=Ma,na[oa++]=Na,na[oa++]=rb,Ma=a.id,Na=a.overflow,rb=b);b=Df(b,d.children);b.flags|=4096;return b}function vi(a,b,c){a.lanes|=b;var d=a.alternate;
+null!==d&&(d.lanes|=b);df(a.return,b,c)}function Ff(a,b,c,d,e){var f=a.memoizedState;null===f?a.memoizedState={isBackwards:b,rendering:null,renderingStartTime:0,last:d,tail:c,tailMode:e}:(f.isBackwards=b,f.rendering=null,f.renderingStartTime=0,f.last=d,f.tail=c,f.tailMode=e)}function wi(a,b,c){var d=b.pendingProps,e=d.revealOrder,f=d.tail;aa(a,b,d.children,c);d=F.current;if(0!==(d&2))d=d&1|2,b.flags|=128;else{if(null!==a&&0!==(a.flags&128))a:for(a=b.child;null!==a;){if(13===a.tag)null!==a.memoizedState&&
+vi(a,c,b);else if(19===a.tag)vi(a,c,b);else if(null!==a.child){a.child.return=a;a=a.child;continue}if(a===b)break a;for(;null===a.sibling;){if(null===a.return||a.return===b)break a;a=a.return}a.sibling.return=a.return;a=a.sibling}d&=1}y(F,d);if(0===(b.mode&1))b.memoizedState=null;else switch(e){case "forwards":c=b.child;for(e=null;null!==c;)a=c.alternate,null!==a&&null===xd(a)&&(e=c),c=c.sibling;c=e;null===c?(e=b.child,b.child=null):(e=c.sibling,c.sibling=null);Ff(b,!1,e,c,f);break;case "backwards":c=
+null;e=b.child;for(b.child=null;null!==e;){a=e.alternate;if(null!==a&&null===xd(a)){b.child=e;break}a=e.sibling;e.sibling=c;c=e;e=a}Ff(b,!0,c,null,f);break;case "together":Ff(b,!1,null,null,void 0);break;default:b.memoizedState=null}return b.child}function Fd(a,b){0===(b.mode&1)&&null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2)}function Qa(a,b,c){null!==a&&(b.dependencies=a.dependencies);ra|=b.lanes;if(0===(c&b.childLanes))return null;if(null!==a&&b.child!==a.child)throw Error(m(153));if(null!==
+b.child){a=b.child;c=eb(a,a.pendingProps);b.child=c;for(c.return=b;null!==a.sibling;)a=a.sibling,c=c.sibling=eb(a,a.pendingProps),c.return=b;c.sibling=null}return b.child}function wk(a,b,c){switch(b.tag){case 3:si(b);Qb();break;case 5:Ih(b);break;case 1:ea(b.type)&&ld(b);break;case 4:gf(b,b.stateNode.containerInfo);break;case 10:var d=b.type._context,e=b.memoizedProps.value;y(ud,d._currentValue);d._currentValue=e;break;case 13:d=b.memoizedState;if(null!==d){if(null!==d.dehydrated)return y(F,F.current&
+1),b.flags|=128,null;if(0!==(c&b.child.childLanes))return ui(a,b,c);y(F,F.current&1);a=Qa(a,b,c);return null!==a?a.sibling:null}y(F,F.current&1);break;case 19:d=0!==(c&b.childLanes);if(0!==(a.flags&128)){if(d)return wi(a,b,c);b.flags|=128}e=b.memoizedState;null!==e&&(e.rendering=null,e.tail=null,e.lastEffect=null);y(F,F.current);if(d)break;else return null;case 22:case 23:return b.lanes=0,pi(a,b,c)}return Qa(a,b,c)}function Dc(a,b){if(!D)switch(a.tailMode){case "hidden":b=a.tail;for(var c=null;null!==
+b;)null!==b.alternate&&(c=b),b=b.sibling;null===c?a.tail=null:c.sibling=null;break;case "collapsed":c=a.tail;for(var d=null;null!==c;)null!==c.alternate&&(d=c),c=c.sibling;null===d?b||null===a.tail?a.tail=null:a.tail.sibling=null:d.sibling=null}}function W(a){var b=null!==a.alternate&&a.alternate.child===a.child,c=0,d=0;if(b)for(var e=a.child;null!==e;)c|=e.lanes|e.childLanes,d|=e.subtreeFlags&14680064,d|=e.flags&14680064,e.return=a,e=e.sibling;else for(e=a.child;null!==e;)c|=e.lanes|e.childLanes,
+d|=e.subtreeFlags,d|=e.flags,e.return=a,e=e.sibling;a.subtreeFlags|=d;a.childLanes=c;return b}function xk(a,b,c){var d=b.pendingProps;Ve(b);switch(b.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return W(b),null;case 1:return ea(b.type)&&(v(S),v(J)),W(b),null;case 3:d=b.stateNode;Tb();v(S);v(J);jf();d.pendingContext&&(d.context=d.pendingContext,d.pendingContext=null);if(null===a||null===a.child)pd(b)?b.flags|=4:null===a||a.memoizedState.isDehydrated&&0===(b.flags&
+256)||(b.flags|=1024,null!==wa&&(Gf(wa),wa=null));xi(a,b);W(b);return null;case 5:hf(b);var e=ub(xc.current);c=b.type;if(null!==a&&null!=b.stateNode)yk(a,b,c,d,e),a.ref!==b.ref&&(b.flags|=512,b.flags|=2097152);else{if(!d){if(null===b.stateNode)throw Error(m(166));W(b);return null}a=ub(Ea.current);if(pd(b)){d=b.stateNode;c=b.type;var f=b.memoizedProps;d[Da]=b;d[uc]=f;a=0!==(b.mode&1);switch(c){case "dialog":B("cancel",d);B("close",d);break;case "iframe":case "object":case "embed":B("load",d);break;
+case "video":case "audio":for(e=0;e<Ec.length;e++)B(Ec[e],d);break;case "source":B("error",d);break;case "img":case "image":case "link":B("error",d);B("load",d);break;case "details":B("toggle",d);break;case "input":kg(d,f);B("invalid",d);break;case "select":d._wrapperState={wasMultiple:!!f.multiple};B("invalid",d);break;case "textarea":ng(d,f),B("invalid",d)}pe(c,f);e=null;for(var g in f)if(f.hasOwnProperty(g)){var h=f[g];"children"===g?"string"===typeof h?d.textContent!==h&&(!0!==f.suppressHydrationWarning&&
+jd(d.textContent,h,a),e=["children",h]):"number"===typeof h&&d.textContent!==""+h&&(!0!==f.suppressHydrationWarning&&jd(d.textContent,h,a),e=["children",""+h]):$b.hasOwnProperty(g)&&null!=h&&"onScroll"===g&&B("scroll",d)}switch(c){case "input":Pc(d);mg(d,f,!0);break;case "textarea":Pc(d);pg(d);break;case "select":case "option":break;default:"function"===typeof f.onClick&&(d.onclick=kd)}d=e;b.updateQueue=d;null!==d&&(b.flags|=4)}else{g=9===e.nodeType?e:e.ownerDocument;"http://www.w3.org/1999/xhtml"===
+a&&(a=qg(c));"http://www.w3.org/1999/xhtml"===a?"script"===c?(a=g.createElement("div"),a.innerHTML="<script>\x3c/script>",a=a.removeChild(a.firstChild)):"string"===typeof d.is?a=g.createElement(c,{is:d.is}):(a=g.createElement(c),"select"===c&&(g=a,d.multiple?g.multiple=!0:d.size&&(g.size=d.size))):a=g.createElementNS(a,c);a[Da]=b;a[uc]=d;zk(a,b,!1,!1);b.stateNode=a;a:{g=qe(c,d);switch(c){case "dialog":B("cancel",a);B("close",a);e=d;break;case "iframe":case "object":case "embed":B("load",a);e=d;break;
+case "video":case "audio":for(e=0;e<Ec.length;e++)B(Ec[e],a);e=d;break;case "source":B("error",a);e=d;break;case "img":case "image":case "link":B("error",a);B("load",a);e=d;break;case "details":B("toggle",a);e=d;break;case "input":kg(a,d);e=ke(a,d);B("invalid",a);break;case "option":e=d;break;case "select":a._wrapperState={wasMultiple:!!d.multiple};e=E({},d,{value:void 0});B("invalid",a);break;case "textarea":ng(a,d);e=ne(a,d);B("invalid",a);break;default:e=d}pe(c,e);h=e;for(f in h)if(h.hasOwnProperty(f)){var k=
+h[f];"style"===f?sg(a,k):"dangerouslySetInnerHTML"===f?(k=k?k.__html:void 0,null!=k&&yi(a,k)):"children"===f?"string"===typeof k?("textarea"!==c||""!==k)&&Fc(a,k):"number"===typeof k&&Fc(a,""+k):"suppressContentEditableWarning"!==f&&"suppressHydrationWarning"!==f&&"autoFocus"!==f&&($b.hasOwnProperty(f)?null!=k&&"onScroll"===f&&B("scroll",a):null!=k&&$d(a,f,k,g))}switch(c){case "input":Pc(a);mg(a,d,!1);break;case "textarea":Pc(a);pg(a);break;case "option":null!=d.value&&a.setAttribute("value",""+Ua(d.value));
+break;case "select":a.multiple=!!d.multiple;f=d.value;null!=f?Db(a,!!d.multiple,f,!1):null!=d.defaultValue&&Db(a,!!d.multiple,d.defaultValue,!0);break;default:"function"===typeof e.onClick&&(a.onclick=kd)}switch(c){case "button":case "input":case "select":case "textarea":d=!!d.autoFocus;break a;case "img":d=!0;break a;default:d=!1}}d&&(b.flags|=4)}null!==b.ref&&(b.flags|=512,b.flags|=2097152)}W(b);return null;case 6:if(a&&null!=b.stateNode)Ak(a,b,a.memoizedProps,d);else{if("string"!==typeof d&&null===
+b.stateNode)throw Error(m(166));c=ub(xc.current);ub(Ea.current);if(pd(b)){d=b.stateNode;c=b.memoizedProps;d[Da]=b;if(f=d.nodeValue!==c)if(a=la,null!==a)switch(a.tag){case 3:jd(d.nodeValue,c,0!==(a.mode&1));break;case 5:!0!==a.memoizedProps.suppressHydrationWarning&&jd(d.nodeValue,c,0!==(a.mode&1))}f&&(b.flags|=4)}else d=(9===c.nodeType?c:c.ownerDocument).createTextNode(d),d[Da]=b,b.stateNode=d}W(b);return null;case 13:v(F);d=b.memoizedState;if(null===a||null!==a.memoizedState&&null!==a.memoizedState.dehydrated){if(D&&
+null!==fa&&0!==(b.mode&1)&&0===(b.flags&128)){for(f=fa;f;)f=Ka(f.nextSibling);Qb();b.flags|=98560;f=!1}else if(f=pd(b),null!==d&&null!==d.dehydrated){if(null===a){if(!f)throw Error(m(318));f=b.memoizedState;f=null!==f?f.dehydrated:null;if(!f)throw Error(m(317));f[Da]=b}else Qb(),0===(b.flags&128)&&(b.memoizedState=null),b.flags|=4;W(b);f=!1}else null!==wa&&(Gf(wa),wa=null),f=!0;if(!f)return b.flags&65536?b:null}if(0!==(b.flags&128))return b.lanes=c,b;d=null!==d;d!==(null!==a&&null!==a.memoizedState)&&
+d&&(b.child.flags|=8192,0!==(b.mode&1)&&(null===a||0!==(F.current&1)?0===L&&(L=3):Ef()));null!==b.updateQueue&&(b.flags|=4);W(b);return null;case 4:return Tb(),xi(a,b),null===a&&sc(b.stateNode.containerInfo),W(b),null;case 10:return cf(b.type._context),W(b),null;case 17:return ea(b.type)&&(v(S),v(J)),W(b),null;case 19:v(F);f=b.memoizedState;if(null===f)return W(b),null;d=0!==(b.flags&128);g=f.rendering;if(null===g)if(d)Dc(f,!1);else{if(0!==L||null!==a&&0!==(a.flags&128))for(a=b.child;null!==a;){g=
+xd(a);if(null!==g){b.flags|=128;Dc(f,!1);d=g.updateQueue;null!==d&&(b.updateQueue=d,b.flags|=4);b.subtreeFlags=0;d=c;for(c=b.child;null!==c;)f=c,a=d,f.flags&=14680066,g=f.alternate,null===g?(f.childLanes=0,f.lanes=a,f.child=null,f.subtreeFlags=0,f.memoizedProps=null,f.memoizedState=null,f.updateQueue=null,f.dependencies=null,f.stateNode=null):(f.childLanes=g.childLanes,f.lanes=g.lanes,f.child=g.child,f.subtreeFlags=0,f.deletions=null,f.memoizedProps=g.memoizedProps,f.memoizedState=g.memoizedState,
+f.updateQueue=g.updateQueue,f.type=g.type,a=g.dependencies,f.dependencies=null===a?null:{lanes:a.lanes,firstContext:a.firstContext}),c=c.sibling;y(F,F.current&1|2);return b.child}a=a.sibling}null!==f.tail&&P()>Hf&&(b.flags|=128,d=!0,Dc(f,!1),b.lanes=4194304)}else{if(!d)if(a=xd(g),null!==a){if(b.flags|=128,d=!0,c=a.updateQueue,null!==c&&(b.updateQueue=c,b.flags|=4),Dc(f,!0),null===f.tail&&"hidden"===f.tailMode&&!g.alternate&&!D)return W(b),null}else 2*P()-f.renderingStartTime>Hf&&1073741824!==c&&(b.flags|=
+128,d=!0,Dc(f,!1),b.lanes=4194304);f.isBackwards?(g.sibling=b.child,b.child=g):(c=f.last,null!==c?c.sibling=g:b.child=g,f.last=g)}if(null!==f.tail)return b=f.tail,f.rendering=b,f.tail=b.sibling,f.renderingStartTime=P(),b.sibling=null,c=F.current,y(F,d?c&1|2:c&1),b;W(b);return null;case 22:case 23:return ba=Ga.current,v(Ga),d=null!==b.memoizedState,null!==a&&null!==a.memoizedState!==d&&(b.flags|=8192),d&&0!==(b.mode&1)?0!==(ba&1073741824)&&(W(b),b.subtreeFlags&6&&(b.flags|=8192)):W(b),null;case 24:return null;
+case 25:return null}throw Error(m(156,b.tag));}function Bk(a,b,c){Ve(b);switch(b.tag){case 1:return ea(b.type)&&(v(S),v(J)),a=b.flags,a&65536?(b.flags=a&-65537|128,b):null;case 3:return Tb(),v(S),v(J),jf(),a=b.flags,0!==(a&65536)&&0===(a&128)?(b.flags=a&-65537|128,b):null;case 5:return hf(b),null;case 13:v(F);a=b.memoizedState;if(null!==a&&null!==a.dehydrated){if(null===b.alternate)throw Error(m(340));Qb()}a=b.flags;return a&65536?(b.flags=a&-65537|128,b):null;case 19:return v(F),null;case 4:return Tb(),
+null;case 10:return cf(b.type._context),null;case 22:case 23:return ba=Ga.current,v(Ga),null;case 24:return null;default:return null}}function Wb(a,b){var c=a.ref;if(null!==c)if("function"===typeof c)try{c(null)}catch(d){G(a,b,d)}else c.current=null}function If(a,b,c){try{c()}catch(d){G(a,b,d)}}function Ck(a,b){Jf=Zc;a=ch();if(Ie(a)){if("selectionStart"in a)var c={start:a.selectionStart,end:a.selectionEnd};else a:{c=(c=a.ownerDocument)&&c.defaultView||window;var d=c.getSelection&&c.getSelection();
+if(d&&0!==d.rangeCount){c=d.anchorNode;var e=d.anchorOffset,f=d.focusNode;d=d.focusOffset;try{c.nodeType,f.nodeType}catch(M){c=null;break a}var g=0,h=-1,k=-1,n=0,q=0,u=a,r=null;b:for(;;){for(var p;;){u!==c||0!==e&&3!==u.nodeType||(h=g+e);u!==f||0!==d&&3!==u.nodeType||(k=g+d);3===u.nodeType&&(g+=u.nodeValue.length);if(null===(p=u.firstChild))break;r=u;u=p}for(;;){if(u===a)break b;r===c&&++n===e&&(h=g);r===f&&++q===d&&(k=g);if(null!==(p=u.nextSibling))break;u=r;r=u.parentNode}u=p}c=-1===h||-1===k?null:
+{start:h,end:k}}else c=null}c=c||{start:0,end:0}}else c=null;Kf={focusedElem:a,selectionRange:c};Zc=!1;for(l=b;null!==l;)if(b=l,a=b.child,0!==(b.subtreeFlags&1028)&&null!==a)a.return=b,l=a;else for(;null!==l;){b=l;try{var x=b.alternate;if(0!==(b.flags&1024))switch(b.tag){case 0:case 11:case 15:break;case 1:if(null!==x){var v=x.memoizedProps,z=x.memoizedState,w=b.stateNode,A=w.getSnapshotBeforeUpdate(b.elementType===b.type?v:ya(b.type,v),z);w.__reactInternalSnapshotBeforeUpdate=A}break;case 3:var t=
+b.stateNode.containerInfo;1===t.nodeType?t.textContent="":9===t.nodeType&&t.documentElement&&t.removeChild(t.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(m(163));}}catch(M){G(b,b.return,M)}a=b.sibling;if(null!==a){a.return=b.return;l=a;break}l=b.return}x=zi;zi=!1;return x}function Gc(a,b,c){var d=b.updateQueue;d=null!==d?d.lastEffect:null;if(null!==d){var e=d=d.next;do{if((e.tag&a)===a){var f=e.destroy;e.destroy=void 0;void 0!==f&&If(b,c,f)}e=e.next}while(e!==d)}}
+function Id(a,b){b=b.updateQueue;b=null!==b?b.lastEffect:null;if(null!==b){var c=b=b.next;do{if((c.tag&a)===a){var d=c.create;c.destroy=d()}c=c.next}while(c!==b)}}function Lf(a){var b=a.ref;if(null!==b){var c=a.stateNode;switch(a.tag){case 5:a=c;break;default:a=c}"function"===typeof b?b(a):b.current=a}}function Ai(a){var b=a.alternate;null!==b&&(a.alternate=null,Ai(b));a.child=null;a.deletions=null;a.sibling=null;5===a.tag&&(b=a.stateNode,null!==b&&(delete b[Da],delete b[uc],delete b[Me],delete b[Dk],
+delete b[Ek]));a.stateNode=null;a.return=null;a.dependencies=null;a.memoizedProps=null;a.memoizedState=null;a.pendingProps=null;a.stateNode=null;a.updateQueue=null}function Bi(a){return 5===a.tag||3===a.tag||4===a.tag}function Ci(a){a:for(;;){for(;null===a.sibling;){if(null===a.return||Bi(a.return))return null;a=a.return}a.sibling.return=a.return;for(a=a.sibling;5!==a.tag&&6!==a.tag&&18!==a.tag;){if(a.flags&2)continue a;if(null===a.child||4===a.tag)continue a;else a.child.return=a,a=a.child}if(!(a.flags&
+2))return a.stateNode}}function Mf(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?8===c.nodeType?c.parentNode.insertBefore(a,b):c.insertBefore(a,b):(8===c.nodeType?(b=c.parentNode,b.insertBefore(a,c)):(b=c,b.appendChild(a)),c=c._reactRootContainer,null!==c&&void 0!==c||null!==b.onclick||(b.onclick=kd));else if(4!==d&&(a=a.child,null!==a))for(Mf(a,b,c),a=a.sibling;null!==a;)Mf(a,b,c),a=a.sibling}function Nf(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?c.insertBefore(a,b):c.appendChild(a);
+else if(4!==d&&(a=a.child,null!==a))for(Nf(a,b,c),a=a.sibling;null!==a;)Nf(a,b,c),a=a.sibling}function jb(a,b,c){for(c=c.child;null!==c;)Di(a,b,c),c=c.sibling}function Di(a,b,c){if(Ca&&"function"===typeof Ca.onCommitFiberUnmount)try{Ca.onCommitFiberUnmount(Uc,c)}catch(h){}switch(c.tag){case 5:X||Wb(c,b);case 6:var d=T,e=za;T=null;jb(a,b,c);T=d;za=e;null!==T&&(za?(a=T,c=c.stateNode,8===a.nodeType?a.parentNode.removeChild(c):a.removeChild(c)):T.removeChild(c.stateNode));break;case 18:null!==T&&(za?
+(a=T,c=c.stateNode,8===a.nodeType?Re(a.parentNode,c):1===a.nodeType&&Re(a,c),nc(a)):Re(T,c.stateNode));break;case 4:d=T;e=za;T=c.stateNode.containerInfo;za=!0;jb(a,b,c);T=d;za=e;break;case 0:case 11:case 14:case 15:if(!X&&(d=c.updateQueue,null!==d&&(d=d.lastEffect,null!==d))){e=d=d.next;do{var f=e,g=f.destroy;f=f.tag;void 0!==g&&(0!==(f&2)?If(c,b,g):0!==(f&4)&&If(c,b,g));e=e.next}while(e!==d)}jb(a,b,c);break;case 1:if(!X&&(Wb(c,b),d=c.stateNode,"function"===typeof d.componentWillUnmount))try{d.props=
+c.memoizedProps,d.state=c.memoizedState,d.componentWillUnmount()}catch(h){G(c,b,h)}jb(a,b,c);break;case 21:jb(a,b,c);break;case 22:c.mode&1?(X=(d=X)||null!==c.memoizedState,jb(a,b,c),X=d):jb(a,b,c);break;default:jb(a,b,c)}}function Ei(a){var b=a.updateQueue;if(null!==b){a.updateQueue=null;var c=a.stateNode;null===c&&(c=a.stateNode=new Fk);b.forEach(function(b){var d=Gk.bind(null,a,b);c.has(b)||(c.add(b),b.then(d,d))})}}function Aa(a,b,c){c=b.deletions;if(null!==c)for(var d=0;d<c.length;d++){var e=
+c[d];try{var f=a,g=b,h=g;a:for(;null!==h;){switch(h.tag){case 5:T=h.stateNode;za=!1;break a;case 3:T=h.stateNode.containerInfo;za=!0;break a;case 4:T=h.stateNode.containerInfo;za=!0;break a}h=h.return}if(null===T)throw Error(m(160));Di(f,g,e);T=null;za=!1;var k=e.alternate;null!==k&&(k.return=null);e.return=null}catch(n){G(e,b,n)}}if(b.subtreeFlags&12854)for(b=b.child;null!==b;)Fi(b,a),b=b.sibling}function Fi(a,b,c){var d=a.alternate;c=a.flags;switch(a.tag){case 0:case 11:case 14:case 15:Aa(b,a);
+Ha(a);if(c&4){try{Gc(3,a,a.return),Id(3,a)}catch(I){G(a,a.return,I)}try{Gc(5,a,a.return)}catch(I){G(a,a.return,I)}}break;case 1:Aa(b,a);Ha(a);c&512&&null!==d&&Wb(d,d.return);break;case 5:Aa(b,a);Ha(a);c&512&&null!==d&&Wb(d,d.return);if(a.flags&32){var e=a.stateNode;try{Fc(e,"")}catch(I){G(a,a.return,I)}}if(c&4&&(e=a.stateNode,null!=e)){var f=a.memoizedProps,g=null!==d?d.memoizedProps:f,h=a.type,k=a.updateQueue;a.updateQueue=null;if(null!==k)try{"input"===h&&"radio"===f.type&&null!=f.name&&lg(e,f);
+qe(h,g);var n=qe(h,f);for(g=0;g<k.length;g+=2){var q=k[g],u=k[g+1];"style"===q?sg(e,u):"dangerouslySetInnerHTML"===q?yi(e,u):"children"===q?Fc(e,u):$d(e,q,u,n)}switch(h){case "input":le(e,f);break;case "textarea":og(e,f);break;case "select":var r=e._wrapperState.wasMultiple;e._wrapperState.wasMultiple=!!f.multiple;var p=f.value;null!=p?Db(e,!!f.multiple,p,!1):r!==!!f.multiple&&(null!=f.defaultValue?Db(e,!!f.multiple,f.defaultValue,!0):Db(e,!!f.multiple,f.multiple?[]:"",!1))}e[uc]=f}catch(I){G(a,a.return,
+I)}}break;case 6:Aa(b,a);Ha(a);if(c&4){if(null===a.stateNode)throw Error(m(162));e=a.stateNode;f=a.memoizedProps;try{e.nodeValue=f}catch(I){G(a,a.return,I)}}break;case 3:Aa(b,a);Ha(a);if(c&4&&null!==d&&d.memoizedState.isDehydrated)try{nc(b.containerInfo)}catch(I){G(a,a.return,I)}break;case 4:Aa(b,a);Ha(a);break;case 13:Aa(b,a);Ha(a);e=a.child;e.flags&8192&&(f=null!==e.memoizedState,e.stateNode.isHidden=f,!f||null!==e.alternate&&null!==e.alternate.memoizedState||(Of=P()));c&4&&Ei(a);break;case 22:q=
+null!==d&&null!==d.memoizedState;a.mode&1?(X=(n=X)||q,Aa(b,a),X=n):Aa(b,a);Ha(a);if(c&8192){n=null!==a.memoizedState;if((a.stateNode.isHidden=n)&&!q&&0!==(a.mode&1))for(l=a,q=a.child;null!==q;){for(u=l=q;null!==l;){r=l;p=r.child;switch(r.tag){case 0:case 11:case 14:case 15:Gc(4,r,r.return);break;case 1:Wb(r,r.return);var x=r.stateNode;if("function"===typeof x.componentWillUnmount){c=r;b=r.return;try{d=c,x.props=d.memoizedProps,x.state=d.memoizedState,x.componentWillUnmount()}catch(I){G(c,b,I)}}break;
+case 5:Wb(r,r.return);break;case 22:if(null!==r.memoizedState){Gi(u);continue}}null!==p?(p.return=r,l=p):Gi(u)}q=q.sibling}a:for(q=null,u=a;;){if(5===u.tag){if(null===q){q=u;try{e=u.stateNode,n?(f=e.style,"function"===typeof f.setProperty?f.setProperty("display","none","important"):f.display="none"):(h=u.stateNode,k=u.memoizedProps.style,g=void 0!==k&&null!==k&&k.hasOwnProperty("display")?k.display:null,h.style.display=rg("display",g))}catch(I){G(a,a.return,I)}}}else if(6===u.tag){if(null===q)try{u.stateNode.nodeValue=
+n?"":u.memoizedProps}catch(I){G(a,a.return,I)}}else if((22!==u.tag&&23!==u.tag||null===u.memoizedState||u===a)&&null!==u.child){u.child.return=u;u=u.child;continue}if(u===a)break a;for(;null===u.sibling;){if(null===u.return||u.return===a)break a;q===u&&(q=null);u=u.return}q===u&&(q=null);u.sibling.return=u.return;u=u.sibling}}break;case 19:Aa(b,a);Ha(a);c&4&&Ei(a);break;case 21:break;default:Aa(b,a),Ha(a)}}function Ha(a){var b=a.flags;if(b&2){try{a:{for(var c=a.return;null!==c;){if(Bi(c)){var d=c;
+break a}c=c.return}throw Error(m(160));}switch(d.tag){case 5:var e=d.stateNode;d.flags&32&&(Fc(e,""),d.flags&=-33);var f=Ci(a);Nf(a,f,e);break;case 3:case 4:var g=d.stateNode.containerInfo,h=Ci(a);Mf(a,h,g);break;default:throw Error(m(161));}}catch(k){G(a,a.return,k)}a.flags&=-3}b&4096&&(a.flags&=-4097)}function Hk(a,b,c){l=a;Hi(a,b,c)}function Hi(a,b,c){for(var d=0!==(a.mode&1);null!==l;){var e=l,f=e.child;if(22===e.tag&&d){var g=null!==e.memoizedState||Jd;if(!g){var h=e.alternate,k=null!==h&&null!==
+h.memoizedState||X;h=Jd;var n=X;Jd=g;if((X=k)&&!n)for(l=e;null!==l;)g=l,k=g.child,22===g.tag&&null!==g.memoizedState?Ii(e):null!==k?(k.return=g,l=k):Ii(e);for(;null!==f;)l=f,Hi(f,b,c),f=f.sibling;l=e;Jd=h;X=n}Ji(a,b,c)}else 0!==(e.subtreeFlags&8772)&&null!==f?(f.return=e,l=f):Ji(a,b,c)}}function Ji(a,b,c){for(;null!==l;){b=l;if(0!==(b.flags&8772)){c=b.alternate;try{if(0!==(b.flags&8772))switch(b.tag){case 0:case 11:case 15:X||Id(5,b);break;case 1:var d=b.stateNode;if(b.flags&4&&!X)if(null===c)d.componentDidMount();
+else{var e=b.elementType===b.type?c.memoizedProps:ya(b.type,c.memoizedProps);d.componentDidUpdate(e,c.memoizedState,d.__reactInternalSnapshotBeforeUpdate)}var f=b.updateQueue;null!==f&&Hh(b,f,d);break;case 3:var g=b.updateQueue;if(null!==g){c=null;if(null!==b.child)switch(b.child.tag){case 5:c=b.child.stateNode;break;case 1:c=b.child.stateNode}Hh(b,g,c)}break;case 5:var h=b.stateNode;if(null===c&&b.flags&4){c=h;var k=b.memoizedProps;switch(b.type){case "button":case "input":case "select":case "textarea":k.autoFocus&&
+c.focus();break;case "img":k.src&&(c.src=k.src)}}break;case 6:break;case 4:break;case 12:break;case 13:if(null===b.memoizedState){var n=b.alternate;if(null!==n){var q=n.memoizedState;if(null!==q){var p=q.dehydrated;null!==p&&nc(p)}}}break;case 19:case 17:case 21:case 22:case 23:case 25:break;default:throw Error(m(163));}X||b.flags&512&&Lf(b)}catch(r){G(b,b.return,r)}}if(b===a){l=null;break}c=b.sibling;if(null!==c){c.return=b.return;l=c;break}l=b.return}}function Gi(a){for(;null!==l;){var b=l;if(b===
+a){l=null;break}var c=b.sibling;if(null!==c){c.return=b.return;l=c;break}l=b.return}}function Ii(a){for(;null!==l;){var b=l;try{switch(b.tag){case 0:case 11:case 15:var c=b.return;try{Id(4,b)}catch(k){G(b,c,k)}break;case 1:var d=b.stateNode;if("function"===typeof d.componentDidMount){var e=b.return;try{d.componentDidMount()}catch(k){G(b,e,k)}}var f=b.return;try{Lf(b)}catch(k){G(b,f,k)}break;case 5:var g=b.return;try{Lf(b)}catch(k){G(b,g,k)}}}catch(k){G(b,b.return,k)}if(b===a){l=null;break}var h=b.sibling;
+if(null!==h){h.return=b.return;l=h;break}l=b.return}}function Hc(){Hf=P()+500}function Z(){return 0!==(p&6)?P():-1!==Kd?Kd:Kd=P()}function hb(a){if(0===(a.mode&1))return 1;if(0!==(p&2)&&0!==U)return U&-U;if(null!==Ik.transition)return 0===Ld&&(Ld=Dg()),Ld;a=z;if(0!==a)return a;a=window.event;a=void 0===a?16:Lg(a.type);return a}function xa(a,b,c,d){if(50<Ic)throw Ic=0,Pf=null,Error(m(185));ic(a,c,d);if(0===(p&2)||a!==O)a===O&&(0===(p&2)&&(Md|=c),4===L&&kb(a,U)),ia(a,d),1===c&&0===p&&0===(b.mode&1)&&
+(Hc(),md&&db())}function ia(a,b){var c=a.callbackNode;tj(a,b);var d=Vc(a,a===O?U:0);if(0===d)null!==c&&Ki(c),a.callbackNode=null,a.callbackPriority=0;else if(b=d&-d,a.callbackPriority!==b){null!=c&&Ki(c);if(1===b)0===a.tag?jk(Li.bind(null,a)):wh(Li.bind(null,a)),Jk(function(){0===(p&6)&&db()}),c=null;else{switch(Eg(d)){case 1:c=De;break;case 4:c=Mg;break;case 16:c=ad;break;case 536870912:c=Ng;break;default:c=ad}c=Mi(c,Ni.bind(null,a))}a.callbackPriority=b;a.callbackNode=c}}function Ni(a,b){Kd=-1;
+Ld=0;if(0!==(p&6))throw Error(m(327));var c=a.callbackNode;if(Xb()&&a.callbackNode!==c)return null;var d=Vc(a,a===O?U:0);if(0===d)return null;if(0!==(d&30)||0!==(d&a.expiredLanes)||b)b=Nd(a,d);else{b=d;var e=p;p|=2;var f=Oi();if(O!==a||U!==b)Ra=null,Hc(),wb(a,b);do try{Kk();break}catch(h){Pi(a,h)}while(1);af();Od.current=f;p=e;null!==H?b=0:(O=null,U=0,b=L)}if(0!==b){2===b&&(e=ve(a),0!==e&&(d=e,b=Qf(a,e)));if(1===b)throw c=Jc,wb(a,0),kb(a,d),ia(a,P()),c;if(6===b)kb(a,d);else{e=a.current.alternate;
+if(0===(d&30)&&!Lk(e)&&(b=Nd(a,d),2===b&&(f=ve(a),0!==f&&(d=f,b=Qf(a,f))),1===b))throw c=Jc,wb(a,0),kb(a,d),ia(a,P()),c;a.finishedWork=e;a.finishedLanes=d;switch(b){case 0:case 1:throw Error(m(345));case 2:xb(a,ja,Ra);break;case 3:kb(a,d);if((d&130023424)===d&&(b=Of+500-P(),10<b)){if(0!==Vc(a,0))break;e=a.suspendedLanes;if((e&d)!==d){Z();a.pingedLanes|=a.suspendedLanes&e;break}a.timeoutHandle=Rf(xb.bind(null,a,ja,Ra),b);break}xb(a,ja,Ra);break;case 4:kb(a,d);if((d&4194240)===d)break;b=a.eventTimes;
+for(e=-1;0<d;){var g=31-ta(d);f=1<<g;g=b[g];g>e&&(e=g);d&=~f}d=e;d=P()-d;d=(120>d?120:480>d?480:1080>d?1080:1920>d?1920:3E3>d?3E3:4320>d?4320:1960*Mk(d/1960))-d;if(10<d){a.timeoutHandle=Rf(xb.bind(null,a,ja,Ra),d);break}xb(a,ja,Ra);break;case 5:xb(a,ja,Ra);break;default:throw Error(m(329));}}}ia(a,P());return a.callbackNode===c?Ni.bind(null,a):null}function Qf(a,b){var c=Kc;a.current.memoizedState.isDehydrated&&(wb(a,b).flags|=256);a=Nd(a,b);2!==a&&(b=ja,ja=c,null!==b&&Gf(b));return a}function Gf(a){null===
+ja?ja=a:ja.push.apply(ja,a)}function Lk(a){for(var b=a;;){if(b.flags&16384){var c=b.updateQueue;if(null!==c&&(c=c.stores,null!==c))for(var d=0;d<c.length;d++){var e=c[d],f=e.getSnapshot;e=e.value;try{if(!ua(f(),e))return!1}catch(g){return!1}}}c=b.child;if(b.subtreeFlags&16384&&null!==c)c.return=b,b=c;else{if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return!0;b=b.return}b.sibling.return=b.return;b=b.sibling}}return!0}function kb(a,b){b&=~Sf;b&=~Md;a.suspendedLanes|=b;a.pingedLanes&=
+~b;for(a=a.expirationTimes;0<b;){var c=31-ta(b),d=1<<c;a[c]=-1;b&=~d}}function Li(a){if(0!==(p&6))throw Error(m(327));Xb();var b=Vc(a,0);if(0===(b&1))return ia(a,P()),null;var c=Nd(a,b);if(0!==a.tag&&2===c){var d=ve(a);0!==d&&(b=d,c=Qf(a,d))}if(1===c)throw c=Jc,wb(a,0),kb(a,b),ia(a,P()),c;if(6===c)throw Error(m(345));a.finishedWork=a.current.alternate;a.finishedLanes=b;xb(a,ja,Ra);ia(a,P());return null}function Tf(a,b){var c=p;p|=1;try{return a(b)}finally{p=c,0===p&&(Hc(),md&&db())}}function yb(a){null!==
+lb&&0===lb.tag&&0===(p&6)&&Xb();var b=p;p|=1;var c=ca.transition,d=z;try{if(ca.transition=null,z=1,a)return a()}finally{z=d,ca.transition=c,p=b,0===(p&6)&&db()}}function wb(a,b){a.finishedWork=null;a.finishedLanes=0;var c=a.timeoutHandle;-1!==c&&(a.timeoutHandle=-1,Nk(c));if(null!==H)for(c=H.return;null!==c;){var d=c;Ve(d);switch(d.tag){case 1:d=d.type.childContextTypes;null!==d&&void 0!==d&&(v(S),v(J));break;case 3:Tb();v(S);v(J);jf();break;case 5:hf(d);break;case 4:Tb();break;case 13:v(F);break;
+case 19:v(F);break;case 10:cf(d.type._context);break;case 22:case 23:ba=Ga.current,v(Ga)}c=c.return}O=a;H=a=eb(a.current,null);U=ba=b;L=0;Jc=null;Sf=Md=ra=0;ja=Kc=null;if(null!==tb){for(b=0;b<tb.length;b++)if(c=tb[b],d=c.interleaved,null!==d){c.interleaved=null;var e=d.next,f=c.pending;if(null!==f){var g=f.next;f.next=e;d.next=g}c.pending=d}tb=null}return a}function Pi(a,b){do{var c=H;try{af();yd.current=zd;if(Ad){for(var d=C.memoizedState;null!==d;){var e=d.queue;null!==e&&(e.pending=null);d=d.next}Ad=
+!1}vb=0;N=K=C=null;zc=!1;Ac=0;Uf.current=null;if(null===c||null===c.return){L=1;Jc=b;H=null;break}a:{var f=a,g=c.return,h=c,k=b;b=U;h.flags|=32768;if(null!==k&&"object"===typeof k&&"function"===typeof k.then){var n=k,l=h,p=l.tag;if(0===(l.mode&1)&&(0===p||11===p||15===p)){var r=l.alternate;r?(l.updateQueue=r.updateQueue,l.memoizedState=r.memoizedState,l.lanes=r.lanes):(l.updateQueue=null,l.memoizedState=null)}var v=ji(g);if(null!==v){v.flags&=-257;ki(v,g,h,f,b);v.mode&1&&ii(f,n,b);b=v;k=n;var x=b.updateQueue;
+if(null===x){var z=new Set;z.add(k);b.updateQueue=z}else x.add(k);break a}else{if(0===(b&1)){ii(f,n,b);Ef();break a}k=Error(m(426))}}else if(D&&h.mode&1){var y=ji(g);if(null!==y){0===(y.flags&65536)&&(y.flags|=256);ki(y,g,h,f,b);Ye(Ub(k,h));break a}}f=k=Ub(k,h);4!==L&&(L=2);null===Kc?Kc=[f]:Kc.push(f);f=g;do{switch(f.tag){case 3:f.flags|=65536;b&=-b;f.lanes|=b;var w=gi(f,k,b);Gh(f,w);break a;case 1:h=k;var A=f.type,t=f.stateNode;if(0===(f.flags&128)&&("function"===typeof A.getDerivedStateFromError||
+null!==t&&"function"===typeof t.componentDidCatch&&(null===ib||!ib.has(t)))){f.flags|=65536;b&=-b;f.lanes|=b;var B=hi(f,h,b);Gh(f,B);break a}}f=f.return}while(null!==f)}Qi(c)}catch(ma){b=ma;H===c&&null!==c&&(H=c=c.return);continue}break}while(1)}function Oi(){var a=Od.current;Od.current=zd;return null===a?zd:a}function Ef(){if(0===L||3===L||2===L)L=4;null===O||0===(ra&268435455)&&0===(Md&268435455)||kb(O,U)}function Nd(a,b){var c=p;p|=2;var d=Oi();if(O!==a||U!==b)Ra=null,wb(a,b);do try{Ok();break}catch(e){Pi(a,
+e)}while(1);af();p=c;Od.current=d;if(null!==H)throw Error(m(261));O=null;U=0;return L}function Ok(){for(;null!==H;)Ri(H)}function Kk(){for(;null!==H&&!Pk();)Ri(H)}function Ri(a){var b=Qk(a.alternate,a,ba);a.memoizedProps=a.pendingProps;null===b?Qi(a):H=b;Uf.current=null}function Qi(a){var b=a;do{var c=b.alternate;a=b.return;if(0===(b.flags&32768)){if(c=xk(c,b,ba),null!==c){H=c;return}}else{c=Bk(c,b);if(null!==c){c.flags&=32767;H=c;return}if(null!==a)a.flags|=32768,a.subtreeFlags=0,a.deletions=null;
+else{L=6;H=null;return}}b=b.sibling;if(null!==b){H=b;return}H=b=a}while(null!==b);0===L&&(L=5)}function xb(a,b,c){var d=z,e=ca.transition;try{ca.transition=null,z=1,Rk(a,b,c,d)}finally{ca.transition=e,z=d}return null}function Rk(a,b,c,d){do Xb();while(null!==lb);if(0!==(p&6))throw Error(m(327));c=a.finishedWork;var e=a.finishedLanes;if(null===c)return null;a.finishedWork=null;a.finishedLanes=0;if(c===a.current)throw Error(m(177));a.callbackNode=null;a.callbackPriority=0;var f=c.lanes|c.childLanes;
+uj(a,f);a===O&&(H=O=null,U=0);0===(c.subtreeFlags&2064)&&0===(c.flags&2064)||Pd||(Pd=!0,Mi(ad,function(){Xb();return null}));f=0!==(c.flags&15990);if(0!==(c.subtreeFlags&15990)||f){f=ca.transition;ca.transition=null;var g=z;z=1;var h=p;p|=4;Uf.current=null;Ck(a,c);Fi(c,a);Tj(Kf);Zc=!!Jf;Kf=Jf=null;a.current=c;Hk(c,a,e);Sk();p=h;z=g;ca.transition=f}else a.current=c;Pd&&(Pd=!1,lb=a,Qd=e);f=a.pendingLanes;0===f&&(ib=null);oj(c.stateNode,d);ia(a,P());if(null!==b)for(d=a.onRecoverableError,c=0;c<b.length;c++)e=
+b[c],d(e.value,{componentStack:e.stack,digest:e.digest});if(Ed)throw Ed=!1,a=xf,xf=null,a;0!==(Qd&1)&&0!==a.tag&&Xb();f=a.pendingLanes;0!==(f&1)?a===Pf?Ic++:(Ic=0,Pf=a):Ic=0;db();return null}function Xb(){if(null!==lb){var a=Eg(Qd),b=ca.transition,c=z;try{ca.transition=null;z=16>a?16:a;if(null===lb)var d=!1;else{a=lb;lb=null;Qd=0;if(0!==(p&6))throw Error(m(331));var e=p;p|=4;for(l=a.current;null!==l;){var f=l,g=f.child;if(0!==(l.flags&16)){var h=f.deletions;if(null!==h){for(var k=0;k<h.length;k++){var n=
+h[k];for(l=n;null!==l;){var q=l;switch(q.tag){case 0:case 11:case 15:Gc(8,q,f)}var u=q.child;if(null!==u)u.return=q,l=u;else for(;null!==l;){q=l;var r=q.sibling,v=q.return;Ai(q);if(q===n){l=null;break}if(null!==r){r.return=v;l=r;break}l=v}}}var x=f.alternate;if(null!==x){var y=x.child;if(null!==y){x.child=null;do{var C=y.sibling;y.sibling=null;y=C}while(null!==y)}}l=f}}if(0!==(f.subtreeFlags&2064)&&null!==g)g.return=f,l=g;else b:for(;null!==l;){f=l;if(0!==(f.flags&2048))switch(f.tag){case 0:case 11:case 15:Gc(9,
+f,f.return)}var w=f.sibling;if(null!==w){w.return=f.return;l=w;break b}l=f.return}}var A=a.current;for(l=A;null!==l;){g=l;var t=g.child;if(0!==(g.subtreeFlags&2064)&&null!==t)t.return=g,l=t;else b:for(g=A;null!==l;){h=l;if(0!==(h.flags&2048))try{switch(h.tag){case 0:case 11:case 15:Id(9,h)}}catch(ma){G(h,h.return,ma)}if(h===g){l=null;break b}var B=h.sibling;if(null!==B){B.return=h.return;l=B;break b}l=h.return}}p=e;db();if(Ca&&"function"===typeof Ca.onPostCommitFiberRoot)try{Ca.onPostCommitFiberRoot(Uc,
+a)}catch(ma){}d=!0}return d}finally{z=c,ca.transition=b}}return!1}function Si(a,b,c){b=Ub(c,b);b=gi(a,b,1);a=fb(a,b,1);b=Z();null!==a&&(ic(a,1,b),ia(a,b))}function G(a,b,c){if(3===a.tag)Si(a,a,c);else for(;null!==b;){if(3===b.tag){Si(b,a,c);break}else if(1===b.tag){var d=b.stateNode;if("function"===typeof b.type.getDerivedStateFromError||"function"===typeof d.componentDidCatch&&(null===ib||!ib.has(d))){a=Ub(c,a);a=hi(b,a,1);b=fb(b,a,1);a=Z();null!==b&&(ic(b,1,a),ia(b,a));break}}b=b.return}}function sk(a,
+b,c){var d=a.pingCache;null!==d&&d.delete(b);b=Z();a.pingedLanes|=a.suspendedLanes&c;O===a&&(U&c)===c&&(4===L||3===L&&(U&130023424)===U&&500>P()-Of?wb(a,0):Sf|=c);ia(a,b)}function Ti(a,b){0===b&&(0===(a.mode&1)?b=1:(b=Rd,Rd<<=1,0===(Rd&130023424)&&(Rd=4194304)));var c=Z();a=Oa(a,b);null!==a&&(ic(a,b,c),ia(a,c))}function vk(a){var b=a.memoizedState,c=0;null!==b&&(c=b.retryLane);Ti(a,c)}function Gk(a,b){var c=0;switch(a.tag){case 13:var d=a.stateNode;var e=a.memoizedState;null!==e&&(c=e.retryLane);
+break;case 19:d=a.stateNode;break;default:throw Error(m(314));}null!==d&&d.delete(b);Ti(a,c)}function Mi(a,b){return xh(a,b)}function Tk(a,b,c,d){this.tag=a;this.key=c;this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null;this.index=0;this.ref=null;this.pendingProps=b;this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null;this.mode=d;this.subtreeFlags=this.flags=0;this.deletions=null;this.childLanes=this.lanes=0;this.alternate=null}function yf(a){a=
+a.prototype;return!(!a||!a.isReactComponent)}function Uk(a){if("function"===typeof a)return yf(a)?1:0;if(void 0!==a&&null!==a){a=a.$$typeof;if(a===ie)return 11;if(a===je)return 14}return 2}function eb(a,b){var c=a.alternate;null===c?(c=pa(a.tag,b,a.key,a.mode),c.elementType=a.elementType,c.type=a.type,c.stateNode=a.stateNode,c.alternate=a,a.alternate=c):(c.pendingProps=b,c.type=a.type,c.flags=0,c.subtreeFlags=0,c.deletions=null);c.flags=a.flags&14680064;c.childLanes=a.childLanes;c.lanes=a.lanes;c.child=
+a.child;c.memoizedProps=a.memoizedProps;c.memoizedState=a.memoizedState;c.updateQueue=a.updateQueue;b=a.dependencies;c.dependencies=null===b?null:{lanes:b.lanes,firstContext:b.firstContext};c.sibling=a.sibling;c.index=a.index;c.ref=a.ref;return c}function rd(a,b,c,d,e,f){var g=2;d=a;if("function"===typeof a)yf(a)&&(g=1);else if("string"===typeof a)g=5;else a:switch(a){case Bb:return sb(c.children,e,f,b);case fe:g=8;e|=8;break;case ee:return a=pa(12,c,b,e|2),a.elementType=ee,a.lanes=f,a;case ge:return a=
+pa(13,c,b,e),a.elementType=ge,a.lanes=f,a;case he:return a=pa(19,c,b,e),a.elementType=he,a.lanes=f,a;case Ui:return Gd(c,e,f,b);default:if("object"===typeof a&&null!==a)switch(a.$$typeof){case hg:g=10;break a;case gg:g=9;break a;case ie:g=11;break a;case je:g=14;break a;case Ta:g=16;d=null;break a}throw Error(m(130,null==a?a:typeof a,""));}b=pa(g,c,b,e);b.elementType=a;b.type=d;b.lanes=f;return b}function sb(a,b,c,d){a=pa(7,a,d,b);a.lanes=c;return a}function Gd(a,b,c,d){a=pa(22,a,d,b);a.elementType=
+Ui;a.lanes=c;a.stateNode={isHidden:!1};return a}function Ze(a,b,c){a=pa(6,a,null,b);a.lanes=c;return a}function $e(a,b,c){b=pa(4,null!==a.children?a.children:[],a.key,b);b.lanes=c;b.stateNode={containerInfo:a.containerInfo,pendingChildren:null,implementation:a.implementation};return b}function Vk(a,b,c,d,e){this.tag=b;this.containerInfo=a;this.finishedWork=this.pingCache=this.current=this.pendingChildren=null;this.timeoutHandle=-1;this.callbackNode=this.pendingContext=this.context=null;this.callbackPriority=
+0;this.eventTimes=we(0);this.expirationTimes=we(-1);this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0;this.entanglements=we(0);this.identifierPrefix=d;this.onRecoverableError=e;this.mutableSourceEagerHydrationData=null}function Vf(a,b,c,d,e,f,g,h,k,l){a=new Vk(a,b,c,h,k);1===b?(b=1,!0===f&&(b|=8)):b=0;f=pa(3,null,null,b);a.current=f;f.stateNode=a;f.memoizedState={element:d,isDehydrated:c,cache:null,transitions:null,
+pendingSuspenseBoundaries:null};ff(f);return a}function Wk(a,b,c){var d=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:Cb,key:null==d?null:""+d,children:a,containerInfo:b,implementation:c}}function Vi(a){if(!a)return cb;a=a._reactInternals;a:{if(nb(a)!==a||1!==a.tag)throw Error(m(170));var b=a;do{switch(b.tag){case 3:b=b.stateNode.context;break a;case 1:if(ea(b.type)){b=b.stateNode.__reactInternalMemoizedMergedChildContext;break a}}b=b.return}while(null!==b);throw Error(m(171));
+}if(1===a.tag){var c=a.type;if(ea(c))return uh(a,c,b)}return b}function Wi(a,b,c,d,e,f,g,h,k,l){a=Vf(c,d,!0,a,e,f,g,h,k);a.context=Vi(null);c=a.current;d=Z();e=hb(c);f=Pa(d,e);f.callback=void 0!==b&&null!==b?b:null;fb(c,f,e);a.current.lanes=e;ic(a,e,d);ia(a,d);return a}function Sd(a,b,c,d){var e=b.current,f=Z(),g=hb(e);c=Vi(c);null===b.context?b.context=c:b.pendingContext=c;b=Pa(f,g);b.payload={element:a};d=void 0===d?null:d;null!==d&&(b.callback=d);a=fb(e,b,g);null!==a&&(xa(a,e,g,f),vd(a,e,g));return g}
+function Td(a){a=a.current;if(!a.child)return null;switch(a.child.tag){case 5:return a.child.stateNode;default:return a.child.stateNode}}function Xi(a,b){a=a.memoizedState;if(null!==a&&null!==a.dehydrated){var c=a.retryLane;a.retryLane=0!==c&&c<b?c:b}}function Wf(a,b){Xi(a,b);(a=a.alternate)&&Xi(a,b)}function Xk(a){a=Bg(a);return null===a?null:a.stateNode}function Yk(a){return null}function Xf(a){this._internalRoot=a}function Ud(a){this._internalRoot=a}function Yf(a){return!(!a||1!==a.nodeType&&9!==
+a.nodeType&&11!==a.nodeType)}function Vd(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType&&(8!==a.nodeType||" react-mount-point-unstable "!==a.nodeValue))}function Yi(){}function Zk(a,b,c,d,e){if(e){if("function"===typeof d){var f=d;d=function(){var a=Td(g);f.call(a)}}var g=Wi(b,d,a,0,null,!1,!1,"",Yi);a._reactRootContainer=g;a[Ja]=g.current;sc(8===a.nodeType?a.parentNode:a);yb();return g}for(;e=a.lastChild;)a.removeChild(e);if("function"===typeof d){var h=d;d=function(){var a=Td(k);
+h.call(a)}}var k=Vf(a,0,!1,null,null,!1,!1,"",Yi);a._reactRootContainer=k;a[Ja]=k.current;sc(8===a.nodeType?a.parentNode:a);yb(function(){Sd(b,k,c,d)});return k}function Wd(a,b,c,d,e){var f=c._reactRootContainer;if(f){var g=f;if("function"===typeof e){var h=e;e=function(){var a=Td(g);h.call(a)}}Sd(b,g,a,e)}else g=Zk(c,b,a,e,d);return Td(g)}var cg=new Set,$b={},Ia=!("undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement),Zd=Object.prototype.hasOwnProperty,
+cj=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,eg={},dg={},R={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(a){R[a]=
+new Y(a,0,!1,a,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(a){var b=a[0];R[b]=new Y(b,1,!1,a[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(a){R[a]=new Y(a,2,!1,a.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(a){R[a]=new Y(a,2,!1,a,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(a){R[a]=
+new Y(a,3,!1,a.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(a){R[a]=new Y(a,3,!0,a,null,!1,!1)});["capture","download"].forEach(function(a){R[a]=new Y(a,4,!1,a,null,!1,!1)});["cols","rows","size","span"].forEach(function(a){R[a]=new Y(a,6,!1,a,null,!1,!1)});["rowSpan","start"].forEach(function(a){R[a]=new Y(a,5,!1,a.toLowerCase(),null,!1,!1)});var Zf=/[\-:]([a-z])/g,$f=function(a){return a[1].toUpperCase()};"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(a){var b=
+a.replace(Zf,$f);R[b]=new Y(b,1,!1,a,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(a){var b=a.replace(Zf,$f);R[b]=new Y(b,1,!1,a,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(a){var b=a.replace(Zf,$f);R[b]=new Y(b,1,!1,a,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(a){R[a]=new Y(a,1,!1,a.toLowerCase(),null,!1,!1)});R.xlinkHref=new Y("xlinkHref",
+1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(a){R[a]=new Y(a,1,!1,a.toLowerCase(),null,!0,!0)});var Sa=zb.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,sd=Symbol.for("react.element"),Cb=Symbol.for("react.portal"),Bb=Symbol.for("react.fragment"),fe=Symbol.for("react.strict_mode"),ee=Symbol.for("react.profiler"),hg=Symbol.for("react.provider"),gg=Symbol.for("react.context"),ie=Symbol.for("react.forward_ref"),ge=Symbol.for("react.suspense"),
+he=Symbol.for("react.suspense_list"),je=Symbol.for("react.memo"),Ta=Symbol.for("react.lazy");Symbol.for("react.scope");Symbol.for("react.debug_trace_mode");var Ui=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden");Symbol.for("react.cache");Symbol.for("react.tracing_marker");var fg=Symbol.iterator,E=Object.assign,ae,ce=!1,cc=Array.isArray,Xd,yi=function(a){return"undefined"!==typeof MSApp&&MSApp.execUnsafeLocalFunction?function(b,c,d,e){MSApp.execUnsafeLocalFunction(function(){return a(b,
+c,d,e)})}:a}(function(a,b){if("http://www.w3.org/2000/svg"!==a.namespaceURI||"innerHTML"in a)a.innerHTML=b;else{Xd=Xd||document.createElement("div");Xd.innerHTML="<svg>"+b.valueOf().toString()+"</svg>";for(b=Xd.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;b.firstChild;)a.appendChild(b.firstChild)}}),Fc=function(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b},dc={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,
+borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,
+strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},$k=["Webkit","ms","Moz","O"];Object.keys(dc).forEach(function(a){$k.forEach(function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1);dc[b]=dc[a]})});var ij=E({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0}),ze=null,se=null,Eb=null,Fb=null,xg=function(a,b){return a(b)},yg=function(){},te=!1,Oe=!1;if(Ia)try{var Lc={};Object.defineProperty(Lc,
+"passive",{get:function(){Oe=!0}});window.addEventListener("test",Lc,Lc);window.removeEventListener("test",Lc,Lc)}catch(a){Oe=!1}var kj=function(a,b,c,d,e,f,g,h,k){var l=Array.prototype.slice.call(arguments,3);try{b.apply(c,l)}catch(q){this.onError(q)}},gc=!1,Sc=null,Tc=!1,ue=null,lj={onError:function(a){gc=!0;Sc=a}},Ba=zb.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Scheduler,Jg=Ba.unstable_scheduleCallback,Kg=Ba.unstable_NormalPriority,xh=Jg,Ki=Ba.unstable_cancelCallback,Pk=Ba.unstable_shouldYield,
+Sk=Ba.unstable_requestPaint,P=Ba.unstable_now,Dj=Ba.unstable_getCurrentPriorityLevel,De=Ba.unstable_ImmediatePriority,Mg=Ba.unstable_UserBlockingPriority,ad=Kg,Ej=Ba.unstable_LowPriority,Ng=Ba.unstable_IdlePriority,Uc=null,Ca=null,ta=Math.clz32?Math.clz32:pj,qj=Math.log,rj=Math.LN2,Wc=64,Rd=4194304,z=0,Ae=!1,Yc=[],Va=null,Wa=null,Xa=null,jc=new Map,kc=new Map,Ya=[],Bj="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" "),
+Gb=Sa.ReactCurrentBatchConfig,Zc=!0,$c=null,Za=null,Ee=null,bd=null,Yb={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(a){return a.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},He=ka(Yb),Mc=E({},Yb,{view:0,detail:0}),ak=ka(Mc),ag,bg,Nc,Yd=E({},Mc,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Fe,button:0,buttons:0,relatedTarget:function(a){return void 0===a.relatedTarget?a.fromElement===a.srcElement?a.toElement:a.fromElement:
+a.relatedTarget},movementX:function(a){if("movementX"in a)return a.movementX;a!==Nc&&(Nc&&"mousemove"===a.type?(ag=a.screenX-Nc.screenX,bg=a.screenY-Nc.screenY):bg=ag=0,Nc=a);return ag},movementY:function(a){return"movementY"in a?a.movementY:bg}}),ih=ka(Yd),al=E({},Yd,{dataTransfer:0}),Wj=ka(al),bl=E({},Mc,{relatedTarget:0}),Pe=ka(bl),cl=E({},Yb,{animationName:0,elapsedTime:0,pseudoElement:0}),Yj=ka(cl),dl=E({},Yb,{clipboardData:function(a){return"clipboardData"in a?a.clipboardData:window.clipboardData}}),
+ck=ka(dl),el=E({},Yb,{data:0}),qh=ka(el),fk=qh,fl={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},gl={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",
+112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Gj={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"},hl=E({},Mc,{key:function(a){if(a.key){var b=fl[a.key]||a.key;if("Unidentified"!==b)return b}return"keypress"===a.type?(a=cd(a),13===a?"Enter":String.fromCharCode(a)):"keydown"===a.type||"keyup"===a.type?gl[a.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,
+metaKey:0,repeat:0,locale:0,getModifierState:Fe,charCode:function(a){return"keypress"===a.type?cd(a):0},keyCode:function(a){return"keydown"===a.type||"keyup"===a.type?a.keyCode:0},which:function(a){return"keypress"===a.type?cd(a):"keydown"===a.type||"keyup"===a.type?a.keyCode:0}}),Vj=ka(hl),il=E({},Yd,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),nh=ka(il),jl=E({},Mc,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,
+ctrlKey:0,shiftKey:0,getModifierState:Fe}),Xj=ka(jl),kl=E({},Yb,{propertyName:0,elapsedTime:0,pseudoElement:0}),Zj=ka(kl),ll=E({},Yd,{deltaX:function(a){return"deltaX"in a?a.deltaX:"wheelDeltaX"in a?-a.wheelDeltaX:0},deltaY:function(a){return"deltaY"in a?a.deltaY:"wheelDeltaY"in a?-a.wheelDeltaY:"wheelDelta"in a?-a.wheelDelta:0},deltaZ:0,deltaMode:0}),bk=ka(ll),Hj=[9,13,27,32],Ge=Ia&&"CompositionEvent"in window,Oc=null;Ia&&"documentMode"in document&&(Oc=document.documentMode);var ek=Ia&&"TextEvent"in
+window&&!Oc,Ug=Ia&&(!Ge||Oc&&8<Oc&&11>=Oc),Tg=String.fromCharCode(32),Sg=!1,Hb=!1,Kj={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0},oc=null,pc=null,ph=!1;Ia&&(ph=Lj("input")&&(!document.documentMode||9<document.documentMode));var ua="function"===typeof Object.is?Object.is:Sj,dk=Ia&&"documentMode"in document&&11>=document.documentMode,Jb=null,Ke=null,rc=null,Je=!1,Kb={animationend:gd("Animation","AnimationEnd"),
+animationiteration:gd("Animation","AnimationIteration"),animationstart:gd("Animation","AnimationStart"),transitionend:gd("Transition","TransitionEnd")},Le={},eh={};Ia&&(eh=document.createElement("div").style,"AnimationEvent"in window||(delete Kb.animationend.animation,delete Kb.animationiteration.animation,delete Kb.animationstart.animation),"TransitionEvent"in window||delete Kb.transitionend.transition);var jh=hd("animationend"),kh=hd("animationiteration"),lh=hd("animationstart"),mh=hd("transitionend"),
+fh=new Map,Zi="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");
+(function(){for(var a=0;a<Zi.length;a++){var b=Zi[a],c=b.toLowerCase();b=b[0].toUpperCase()+b.slice(1);$a(c,"on"+b)}$a(jh,"onAnimationEnd");$a(kh,"onAnimationIteration");$a(lh,"onAnimationStart");$a("dblclick","onDoubleClick");$a("focusin","onFocus");$a("focusout","onBlur");$a(mh,"onTransitionEnd")})();Ab("onMouseEnter",["mouseout","mouseover"]);Ab("onMouseLeave",["mouseout","mouseover"]);Ab("onPointerEnter",["pointerout","pointerover"]);Ab("onPointerLeave",["pointerout","pointerover"]);mb("onChange",
+"change click focusin focusout input keydown keyup selectionchange".split(" "));mb("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" "));mb("onBeforeInput",["compositionend","keypress","textInput","paste"]);mb("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" "));mb("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" "));mb("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));
+var Ec="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Uj=new Set("cancel close invalid load scroll toggle".split(" ").concat(Ec)),id="_reactListening"+Math.random().toString(36).slice(2),gk=/\r\n?/g,hk=/\u0000|\uFFFD/g,Jf=null,Kf=null,Rf="function"===typeof setTimeout?setTimeout:void 0,Nk="function"===typeof clearTimeout?
+clearTimeout:void 0,$i="function"===typeof Promise?Promise:void 0,Jk="function"===typeof queueMicrotask?queueMicrotask:"undefined"!==typeof $i?function(a){return $i.resolve(null).then(a).catch(ik)}:Rf,Zb=Math.random().toString(36).slice(2),Da="__reactFiber$"+Zb,uc="__reactProps$"+Zb,Ja="__reactContainer$"+Zb,Me="__reactEvents$"+Zb,Dk="__reactListeners$"+Zb,Ek="__reactHandles$"+Zb,Se=[],Mb=-1,cb={},J=bb(cb),S=bb(!1),pb=cb,La=null,md=!1,Te=!1,Ob=[],Pb=0,od=null,nd=0,na=[],oa=0,rb=null,Ma=1,Na="",la=
+null,fa=null,D=!1,wa=null,Ik=Sa.ReactCurrentBatchConfig,Vb=Dh(!0),li=Dh(!1),ud=bb(null),td=null,Rb=null,bf=null,tb=null,kk=Oa,gb=!1,wc={},Ea=bb(wc),yc=bb(wc),xc=bb(wc),F=bb(0),kf=[],yd=Sa.ReactCurrentDispatcher,sf=Sa.ReactCurrentBatchConfig,vb=0,C=null,K=null,N=null,Ad=!1,zc=!1,Ac=0,ml=0,zd={readContext:qa,useCallback:V,useContext:V,useEffect:V,useImperativeHandle:V,useInsertionEffect:V,useLayoutEffect:V,useMemo:V,useReducer:V,useRef:V,useState:V,useDebugValue:V,useDeferredValue:V,useTransition:V,
+useMutableSource:V,useSyncExternalStore:V,useId:V,unstable_isNewReconciler:!1},lk={readContext:qa,useCallback:function(a,b){Fa().memoizedState=[a,void 0===b?null:b];return a},useContext:qa,useEffect:Sh,useImperativeHandle:function(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;return Bd(4194308,4,Vh.bind(null,b,a),c)},useLayoutEffect:function(a,b){return Bd(4194308,4,a,b)},useInsertionEffect:function(a,b){return Bd(4,2,a,b)},useMemo:function(a,b){var c=Fa();b=void 0===b?null:b;a=a();c.memoizedState=
+[a,b];return a},useReducer:function(a,b,c){var d=Fa();b=void 0!==c?c(b):b;d.memoizedState=d.baseState=b;a={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:a,lastRenderedState:b};d.queue=a;a=a.dispatch=qk.bind(null,C,a);return[d.memoizedState,a]},useRef:function(a){var b=Fa();a={current:a};return b.memoizedState=a},useState:Qh,useDebugValue:rf,useDeferredValue:function(a){return Fa().memoizedState=a},useTransition:function(){var a=Qh(!1),b=a[0];a=pk.bind(null,a[1]);Fa().memoizedState=
+a;return[b,a]},useMutableSource:function(a,b,c){},useSyncExternalStore:function(a,b,c){var d=C,e=Fa();if(D){if(void 0===c)throw Error(m(407));c=c()}else{c=b();if(null===O)throw Error(m(349));0!==(vb&30)||Nh(d,b,c)}e.memoizedState=c;var f={value:c,getSnapshot:b};e.queue=f;Sh(Lh.bind(null,d,f,a),[a]);d.flags|=2048;Cc(9,Mh.bind(null,d,f,c,b),void 0,null);return c},useId:function(){var a=Fa(),b=O.identifierPrefix;if(D){var c=Na;var d=Ma;c=(d&~(1<<32-ta(d)-1)).toString(32)+c;b=":"+b+"R"+c;c=Ac++;0<c&&
+(b+="H"+c.toString(32));b+=":"}else c=ml++,b=":"+b+"r"+c.toString(32)+":";return a.memoizedState=b},unstable_isNewReconciler:!1},mk={readContext:qa,useCallback:Xh,useContext:qa,useEffect:qf,useImperativeHandle:Wh,useInsertionEffect:Th,useLayoutEffect:Uh,useMemo:Yh,useReducer:of,useRef:Rh,useState:function(a){return of(Bc)},useDebugValue:rf,useDeferredValue:function(a){var b=sa();return Zh(b,K.memoizedState,a)},useTransition:function(){var a=of(Bc)[0],b=sa().memoizedState;return[a,b]},useMutableSource:Jh,
+useSyncExternalStore:Kh,useId:$h,unstable_isNewReconciler:!1},nk={readContext:qa,useCallback:Xh,useContext:qa,useEffect:qf,useImperativeHandle:Wh,useInsertionEffect:Th,useLayoutEffect:Uh,useMemo:Yh,useReducer:pf,useRef:Rh,useState:function(a){return pf(Bc)},useDebugValue:rf,useDeferredValue:function(a){var b=sa();return null===K?b.memoizedState=a:Zh(b,K.memoizedState,a)},useTransition:function(){var a=pf(Bc)[0],b=sa().memoizedState;return[a,b]},useMutableSource:Jh,useSyncExternalStore:Kh,useId:$h,
+unstable_isNewReconciler:!1},Dd={isMounted:function(a){return(a=a._reactInternals)?nb(a)===a:!1},enqueueSetState:function(a,b,c){a=a._reactInternals;var d=Z(),e=hb(a),f=Pa(d,e);f.payload=b;void 0!==c&&null!==c&&(f.callback=c);b=fb(a,f,e);null!==b&&(xa(b,a,e,d),vd(b,a,e))},enqueueReplaceState:function(a,b,c){a=a._reactInternals;var d=Z(),e=hb(a),f=Pa(d,e);f.tag=1;f.payload=b;void 0!==c&&null!==c&&(f.callback=c);b=fb(a,f,e);null!==b&&(xa(b,a,e,d),vd(b,a,e))},enqueueForceUpdate:function(a,b){a=a._reactInternals;
+var c=Z(),d=hb(a),e=Pa(c,d);e.tag=2;void 0!==b&&null!==b&&(e.callback=b);b=fb(a,e,d);null!==b&&(xa(b,a,d,c),vd(b,a,d))}},rk="function"===typeof WeakMap?WeakMap:Map,tk=Sa.ReactCurrentOwner,ha=!1,Cf={dehydrated:null,treeContext:null,retryLane:0};var zk=function(a,b,c,d){for(c=b.child;null!==c;){if(5===c.tag||6===c.tag)a.appendChild(c.stateNode);else if(4!==c.tag&&null!==c.child){c.child.return=c;c=c.child;continue}if(c===b)break;for(;null===c.sibling;){if(null===c.return||c.return===b)return;c=c.return}c.sibling.return=
+c.return;c=c.sibling}};var xi=function(a,b){};var yk=function(a,b,c,d,e){var f=a.memoizedProps;if(f!==d){a=b.stateNode;ub(Ea.current);e=null;switch(c){case "input":f=ke(a,f);d=ke(a,d);e=[];break;case "select":f=E({},f,{value:void 0});d=E({},d,{value:void 0});e=[];break;case "textarea":f=ne(a,f);d=ne(a,d);e=[];break;default:"function"!==typeof f.onClick&&"function"===typeof d.onClick&&(a.onclick=kd)}pe(c,d);var g;c=null;for(l in f)if(!d.hasOwnProperty(l)&&f.hasOwnProperty(l)&&null!=f[l])if("style"===
+l){var h=f[l];for(g in h)h.hasOwnProperty(g)&&(c||(c={}),c[g]="")}else"dangerouslySetInnerHTML"!==l&&"children"!==l&&"suppressContentEditableWarning"!==l&&"suppressHydrationWarning"!==l&&"autoFocus"!==l&&($b.hasOwnProperty(l)?e||(e=[]):(e=e||[]).push(l,null));for(l in d){var k=d[l];h=null!=f?f[l]:void 0;if(d.hasOwnProperty(l)&&k!==h&&(null!=k||null!=h))if("style"===l)if(h){for(g in h)!h.hasOwnProperty(g)||k&&k.hasOwnProperty(g)||(c||(c={}),c[g]="");for(g in k)k.hasOwnProperty(g)&&h[g]!==k[g]&&(c||
+(c={}),c[g]=k[g])}else c||(e||(e=[]),e.push(l,c)),c=k;else"dangerouslySetInnerHTML"===l?(k=k?k.__html:void 0,h=h?h.__html:void 0,null!=k&&h!==k&&(e=e||[]).push(l,k)):"children"===l?"string"!==typeof k&&"number"!==typeof k||(e=e||[]).push(l,""+k):"suppressContentEditableWarning"!==l&&"suppressHydrationWarning"!==l&&($b.hasOwnProperty(l)?(null!=k&&"onScroll"===l&&B("scroll",a),e||h===k||(e=[])):(e=e||[]).push(l,k))}c&&(e=e||[]).push("style",c);var l=e;if(b.updateQueue=l)b.flags|=4}};var Ak=function(a,
+b,c,d){c!==d&&(b.flags|=4)};var Jd=!1,X=!1,Fk="function"===typeof WeakSet?WeakSet:Set,l=null,zi=!1,T=null,za=!1,Mk=Math.ceil,Od=Sa.ReactCurrentDispatcher,Uf=Sa.ReactCurrentOwner,ca=Sa.ReactCurrentBatchConfig,p=0,O=null,H=null,U=0,ba=0,Ga=bb(0),L=0,Jc=null,ra=0,Md=0,Sf=0,Kc=null,ja=null,Of=0,Hf=Infinity,Ra=null,Ed=!1,xf=null,ib=null,Pd=!1,lb=null,Qd=0,Ic=0,Pf=null,Kd=-1,Ld=0;var Qk=function(a,b,c){if(null!==a)if(a.memoizedProps!==b.pendingProps||S.current)ha=!0;else{if(0===(a.lanes&c)&&0===(b.flags&
+128))return ha=!1,wk(a,b,c);ha=0!==(a.flags&131072)?!0:!1}else ha=!1,D&&0!==(b.flags&1048576)&&yh(b,nd,b.index);b.lanes=0;switch(b.tag){case 2:var d=b.type;Fd(a,b);a=b.pendingProps;var e=Nb(b,J.current);Sb(b,c);e=mf(null,b,d,a,e,c);var f=nf();b.flags|=1;"object"===typeof e&&null!==e&&"function"===typeof e.render&&void 0===e.$$typeof?(b.tag=1,b.memoizedState=null,b.updateQueue=null,ea(d)?(f=!0,ld(b)):f=!1,b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null,ff(b),e.updater=Dd,b.stateNode=
+e,e._reactInternals=b,uf(b,d,a,c),b=Af(null,b,d,!0,f,c)):(b.tag=0,D&&f&&Ue(b),aa(null,b,e,c),b=b.child);return b;case 16:d=b.elementType;a:{Fd(a,b);a=b.pendingProps;e=d._init;d=e(d._payload);b.type=d;e=b.tag=Uk(d);a=ya(d,a);switch(e){case 0:b=zf(null,b,d,a,c);break a;case 1:b=ri(null,b,d,a,c);break a;case 11:b=mi(null,b,d,a,c);break a;case 14:b=ni(null,b,d,ya(d.type,a),c);break a}throw Error(m(306,d,""));}return b;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:ya(d,e),zf(a,b,d,e,c);
+case 1:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:ya(d,e),ri(a,b,d,e,c);case 3:a:{si(b);if(null===a)throw Error(m(387));d=b.pendingProps;f=b.memoizedState;e=f.element;Fh(a,b);wd(b,d,null,c);var g=b.memoizedState;d=g.element;if(f.isDehydrated)if(f={element:d,isDehydrated:!1,cache:g.cache,pendingSuspenseBoundaries:g.pendingSuspenseBoundaries,transitions:g.transitions},b.updateQueue.baseState=f,b.memoizedState=f,b.flags&256){e=Ub(Error(m(423)),b);b=ti(a,b,d,c,e);break a}else if(d!==e){e=
+Ub(Error(m(424)),b);b=ti(a,b,d,c,e);break a}else for(fa=Ka(b.stateNode.containerInfo.firstChild),la=b,D=!0,wa=null,c=li(b,null,d,c),b.child=c;c;)c.flags=c.flags&-3|4096,c=c.sibling;else{Qb();if(d===e){b=Qa(a,b,c);break a}aa(a,b,d,c)}b=b.child}return b;case 5:return Ih(b),null===a&&Xe(b),d=b.type,e=b.pendingProps,f=null!==a?a.memoizedProps:null,g=e.children,Qe(d,e)?g=null:null!==f&&Qe(d,f)&&(b.flags|=32),qi(a,b),aa(a,b,g,c),b.child;case 6:return null===a&&Xe(b),null;case 13:return ui(a,b,c);case 4:return gf(b,
+b.stateNode.containerInfo),d=b.pendingProps,null===a?b.child=Vb(b,null,d,c):aa(a,b,d,c),b.child;case 11:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:ya(d,e),mi(a,b,d,e,c);case 7:return aa(a,b,b.pendingProps,c),b.child;case 8:return aa(a,b,b.pendingProps.children,c),b.child;case 12:return aa(a,b,b.pendingProps.children,c),b.child;case 10:a:{d=b.type._context;e=b.pendingProps;f=b.memoizedProps;g=e.value;y(ud,d._currentValue);d._currentValue=g;if(null!==f)if(ua(f.value,g)){if(f.children===
+e.children&&!S.current){b=Qa(a,b,c);break a}}else for(f=b.child,null!==f&&(f.return=b);null!==f;){var h=f.dependencies;if(null!==h){g=f.child;for(var k=h.firstContext;null!==k;){if(k.context===d){if(1===f.tag){k=Pa(-1,c&-c);k.tag=2;var l=f.updateQueue;if(null!==l){l=l.shared;var p=l.pending;null===p?k.next=k:(k.next=p.next,p.next=k);l.pending=k}}f.lanes|=c;k=f.alternate;null!==k&&(k.lanes|=c);df(f.return,c,b);h.lanes|=c;break}k=k.next}}else if(10===f.tag)g=f.type===b.type?null:f.child;else if(18===
+f.tag){g=f.return;if(null===g)throw Error(m(341));g.lanes|=c;h=g.alternate;null!==h&&(h.lanes|=c);df(g,c,b);g=f.sibling}else g=f.child;if(null!==g)g.return=f;else for(g=f;null!==g;){if(g===b){g=null;break}f=g.sibling;if(null!==f){f.return=g.return;g=f;break}g=g.return}f=g}aa(a,b,e.children,c);b=b.child}return b;case 9:return e=b.type,d=b.pendingProps.children,Sb(b,c),e=qa(e),d=d(e),b.flags|=1,aa(a,b,d,c),b.child;case 14:return d=b.type,e=ya(d,b.pendingProps),e=ya(d.type,e),ni(a,b,d,e,c);case 15:return oi(a,
+b,b.type,b.pendingProps,c);case 17:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:ya(d,e),Fd(a,b),b.tag=1,ea(d)?(a=!0,ld(b)):a=!1,Sb(b,c),ei(b,d,e),uf(b,d,e,c),Af(null,b,d,!0,a,c);case 19:return wi(a,b,c);case 22:return pi(a,b,c)}throw Error(m(156,b.tag));};var pa=function(a,b,c,d){return new Tk(a,b,c,d)},aj="function"===typeof reportError?reportError:function(a){console.error(a)};Ud.prototype.render=Xf.prototype.render=function(a){var b=this._internalRoot;if(null===b)throw Error(m(409));
+Sd(a,b,null,null)};Ud.prototype.unmount=Xf.prototype.unmount=function(){var a=this._internalRoot;if(null!==a){this._internalRoot=null;var b=a.containerInfo;yb(function(){Sd(null,a,null,null)});b[Ja]=null}};Ud.prototype.unstable_scheduleHydration=function(a){if(a){var b=nl();a={blockedOn:null,target:a,priority:b};for(var c=0;c<Ya.length&&0!==b&&b<Ya[c].priority;c++);Ya.splice(c,0,a);0===c&&Hg(a)}};var Cj=function(a){switch(a.tag){case 3:var b=a.stateNode;if(b.current.memoizedState.isDehydrated){var c=
+hc(b.pendingLanes);0!==c&&(xe(b,c|1),ia(b,P()),0===(p&6)&&(Hc(),db()))}break;case 13:yb(function(){var b=Oa(a,1);if(null!==b){var c=Z();xa(b,a,1,c)}}),Wf(a,1)}};var Gg=function(a){if(13===a.tag){var b=Oa(a,134217728);if(null!==b){var c=Z();xa(b,a,134217728,c)}Wf(a,134217728)}};var xj=function(a){if(13===a.tag){var b=hb(a),c=Oa(a,b);if(null!==c){var d=Z();xa(c,a,b,d)}Wf(a,b)}};var nl=function(){return z};var wj=function(a,b){var c=z;try{return z=a,b()}finally{z=c}};se=function(a,b,c){switch(b){case "input":le(a,
+c);b=c.name;if("radio"===c.type&&null!=b){for(c=a;c.parentNode;)c=c.parentNode;c=c.querySelectorAll("input[name="+JSON.stringify(""+b)+'][type="radio"]');for(b=0;b<c.length;b++){var d=c[b];if(d!==a&&d.form===a.form){var e=Rc(d);if(!e)throw Error(m(90));jg(d);le(d,e)}}}break;case "textarea":og(a,c);break;case "select":b=c.value,null!=b&&Db(a,!!c.multiple,b,!1)}};(function(a,b,c){xg=a;yg=c})(Tf,function(a,b,c,d,e){var f=z,g=ca.transition;try{return ca.transition=null,z=1,a(b,c,d,e)}finally{z=f,ca.transition=
+g,0===p&&Hc()}},yb);var ol={usingClientEntryPoint:!1,Events:[ec,Ib,Rc,ug,vg,Tf]};(function(a){a={bundleType:a.bundleType,version:a.version,rendererPackageName:a.rendererPackageName,rendererConfig:a.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:Sa.ReactCurrentDispatcher,findHostInstanceByFiber:Xk,
+findFiberByHostInstance:a.findFiberByHostInstance||Yk,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1"};if("undefined"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)a=!1;else{var b=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(b.isDisabled||!b.supportsFiber)a=!0;else{try{Uc=b.inject(a),Ca=b}catch(c){}a=b.checkDCE?!0:!1}}return a})({findFiberByHostInstance:ob,bundleType:0,version:"18.3.1-next-f1338f8080-20240426",
+rendererPackageName:"react-dom"});Q.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=ol;Q.createPortal=function(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Yf(b))throw Error(m(200));return Wk(a,b,null,c)};Q.createRoot=function(a,b){if(!Yf(a))throw Error(m(299));var c=!1,d="",e=aj;null!==b&&void 0!==b&&(!0===b.unstable_strictMode&&(c=!0),void 0!==b.identifierPrefix&&(d=b.identifierPrefix),void 0!==b.onRecoverableError&&(e=b.onRecoverableError));b=Vf(a,1,!1,null,null,
+c,!1,d,e);a[Ja]=b.current;sc(8===a.nodeType?a.parentNode:a);return new Xf(b)};Q.findDOMNode=function(a){if(null==a)return null;if(1===a.nodeType)return a;var b=a._reactInternals;if(void 0===b){if("function"===typeof a.render)throw Error(m(188));a=Object.keys(a).join(",");throw Error(m(268,a));}a=Bg(b);a=null===a?null:a.stateNode;return a};Q.flushSync=function(a){return yb(a)};Q.hydrate=function(a,b,c){if(!Vd(b))throw Error(m(200));return Wd(null,a,b,!0,c)};Q.hydrateRoot=function(a,b,c){if(!Yf(a))throw Error(m(405));
+var d=null!=c&&c.hydratedSources||null,e=!1,f="",g=aj;null!==c&&void 0!==c&&(!0===c.unstable_strictMode&&(e=!0),void 0!==c.identifierPrefix&&(f=c.identifierPrefix),void 0!==c.onRecoverableError&&(g=c.onRecoverableError));b=Wi(b,null,a,1,null!=c?c:null,e,!1,f,g);a[Ja]=b.current;sc(a);if(d)for(a=0;a<d.length;a++)c=d[a],e=c._getVersion,e=e(c._source),null==b.mutableSourceEagerHydrationData?b.mutableSourceEagerHydrationData=[c,e]:b.mutableSourceEagerHydrationData.push(c,e);return new Ud(b)};Q.render=
+function(a,b,c){if(!Vd(b))throw Error(m(200));return Wd(null,a,b,!1,c)};Q.unmountComponentAtNode=function(a){if(!Vd(a))throw Error(m(40));return a._reactRootContainer?(yb(function(){Wd(null,null,a,!1,function(){a._reactRootContainer=null;a[Ja]=null})}),!0):!1};Q.unstable_batchedUpdates=Tf;Q.unstable_renderSubtreeIntoContainer=function(a,b,c,d){if(!Vd(c))throw Error(m(200));if(null==a||void 0===a._reactInternals)throw Error(m(38));return Wd(a,b,c,!1,d)};Q.version="18.3.1-next-f1338f8080-20240426"});
+})();
+</script>
+<script>
+const {
+  useState,
+  useEffect,
+  useMemo,
+  useRef
+} = React;
+
+/* ============ Helpers ============ */
+const uid = p => `${p}-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 6)}`;
+const slugify = (t, p) => {
+  const s = (t || '').toUpperCase().replace(/[^A-Z0-9]+/g, '_').replace(/^_|_$/g, '');
+  return s ? `${p}-${s}` : '';
+};
+const fmt = n => `$${(n || 0).toLocaleString()}`;
+const KEY = 'new-dealhub-prototype-v1';
+const storage = {
+  get: k => {
+    try {
+      return Promise.resolve({
+        value: localStorage.getItem(k)
+      });
+    } catch (e) {
+      return Promise.resolve({});
+    }
+  },
+  set: (k, v) => {
+    try {
+      localStorage.setItem(k, v);
+    } catch (e) {}
+    return Promise.resolve();
+  }
+};
+const move = (arr, i, d) => {
+  const a = [...arr];
+  const j = i + d;
+  if (j < 0 || j >= a.length) return a;
+  [a[i], a[j]] = [a[j], a[i]];
+  return a;
+};
+
+/* ============ Icons ============ */
+const ICONS = {
+  'chevron-right': '<path d="M9 18l6-6-6-6"/>',
+  'chevron-down': '<path d="M6 9l6 6 6-6"/>',
+  'chevron-up': '<path d="M18 15l-6-6-6 6"/>',
+  'chevron-left': '<path d="M15 18l-6-6 6-6"/>',
+  'plus': '<path d="M12 5v14M5 12h14"/>',
+  'x': '<path d="M18 6L6 18M6 6l12 12"/>',
+  'trash': '<path d="M3 6h18M8 6V4h8v2M19 6l-1 14H6L5 6M10 11v6M14 11v6"/>',
+  'copy': '<rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>',
+  'edit': '<path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.1 2.1 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>',
+  'eye': '<path d="M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7z"/><circle cx="12" cy="12" r="3"/>',
+  'search': '<circle cx="11" cy="11" r="8"/><path d="M21 21l-4.3-4.3"/>',
+  'package': '<path d="M16.5 9.4 7.5 4.2M21 16V8a2 2 0 0 0-1-1.7l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.7l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><path d="M3.3 7 12 12l8.7-5M12 22V12"/>',
+  'calculator': '<rect x="4" y="2" width="16" height="20" rx="2"/><path d="M8 6h8M8 10h.01M12 10h.01M16 10h.01M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01"/>',
+  'workflow': '<rect x="3" y="3" width="8" height="8" rx="1"/><rect x="13" y="13" width="8" height="8" rx="1"/><path d="M7 11v3a2 2 0 0 0 2 2h4"/>',
+  'file': '<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/>',
+  'hash': '<path d="M4 9h16M4 15h16M10 3 8 21M16 3l-2 18"/>',
+  'send': '<path d="M22 2 11 13M22 2l-7 20-4-9-9-4 20-7z"/>',
+  'arrow-right': '<path d="M5 12h14M12 5l7 7-7 7"/>',
+  'more': '<circle cx="12" cy="5" r="1"/><circle cx="12" cy="12" r="1"/><circle cx="12" cy="19" r="1"/>',
+  'sparkles': '<path d="m12 3 1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9z"/>',
+  'check': '<path d="M20 6 9 17l-5-5"/>',
+  'settings': '<circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-2.82 1.17V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 7.5 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 3 12.6a1.65 1.65 0 0 0-1.5-1H1a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 2.6 6.5a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 3V1a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 2.5 1.41 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 21 9h.09a2 2 0 0 1 0 4H21a1.65 1.65 0 0 0-1.6 1z"/>',
+  'bell': '<path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9M10.3 21a1.94 1.94 0 0 0 3.4 0"/>',
+  'grid': '<rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/>',
+  'users': '<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"/>',
+  'sliders': '<path d="M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6"/>',
+  'puzzle': '<path d="M19.4 12.6a2 2 0 1 0 0-3.2V6a1 1 0 0 0-1-1h-3.4a2 2 0 1 0-3.2 0H8a1 1 0 0 0-1 1v3.4a2 2 0 1 0 0 3.2V16a1 1 0 0 0 1 1h3.4a2 2 0 1 0 3.2 0H18a1 1 0 0 0 1-1z"/>',
+  'layers': '<path d="m12 2 9 5-9 5-9-5 9-5zM3 12l9 5 9-5M3 17l9 5 9-5"/>',
+  'drag': '<circle cx="9" cy="6" r="1"/><circle cx="9" cy="12" r="1"/><circle cx="9" cy="18" r="1"/><circle cx="15" cy="6" r="1"/><circle cx="15" cy="12" r="1"/><circle cx="15" cy="18" r="1"/>',
+  'globe': '<circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15 15 0 0 1 0 20 15 15 0 0 1 0-20z"/>',
+  'calendar': '<rect x="3" y="4" width="18" height="18" rx="2"/><path d="M16 2v4M8 2v4M3 10h18"/>',
+  'clock': '<circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/>',
+  'mail': '<rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 7-10 6L2 7"/>',
+  'shield': '<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>',
+  'pin': '<path d="M12 22s8-7 8-13a8 8 0 1 0-16 0c0 6 8 13 8 13z"/><circle cx="12" cy="9" r="2.5"/>',
+  'home': '<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><path d="M9 22V12h6v10"/>',
+  'list': '<path d="M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01"/>'
+};
+function Ic({
+  n,
+  c = 'w-4 h-4'
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
+    className: c,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    dangerouslySetInnerHTML: {
+      __html: ICONS[n] || ''
+    }
+  });
+}
+
+/* ============ Toasts ============ */
+let toastListeners = [];
+const toast = (msg, type = 'success') => toastListeners.forEach(fn => fn(msg, type));
+function ToastTray() {
+  const [items, setItems] = useState([]);
+  useEffect(() => {
+    const fn = (msg, type) => {
+      const id = uid('t');
+      setItems(a => [...a, {
+        id,
+        msg,
+        type
+      }]);
+      setTimeout(() => setItems(a => a.filter(x => x.id !== id)), 2600);
+    };
+    toastListeners.push(fn);
+    return () => {
+      toastListeners = toastListeners.filter(x => x !== fn);
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "fixed bottom-5 right-5 z-[80] space-y-2 pointer-events-none"
+  }, items.map(t => /*#__PURE__*/React.createElement("div", {
+    key: t.id,
+    className: "bg-stone-900 text-stone-50 px-4 py-2.5 text-sm shadow-lg flex items-center gap-2.5 min-w-[220px] fade-in"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: t.type === 'success' ? 'text-emerald-400' : 'text-amber-400'
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "check",
+    c: "w-3.5 h-3.5"
+  })), /*#__PURE__*/React.createElement("span", null, t.msg))));
+}
+
+/* ============ Sample Data ============ */
+const D_PRODUCTS = [{
+  sku: 'FT-843-AEO',
+  name: 'Aeolus FT-843 Fold-Up Exam Table',
+  vendor: 'Aeolus',
+  listPrice: 4250,
+  uom: 'each',
+  status: 'ACTIVE',
+  maxDiscount: 15,
+  dims: {
+    l: 650,
+    w: 550,
+    h: 920
+  }
+}, {
+  sku: '7900-AEO',
+  name: 'Aeolus 7900 Anesthesia Machine',
+  vendor: 'Aeolus',
+  listPrice: 18200,
+  uom: 'each',
+  status: 'ACTIVE',
+  maxDiscount: 10,
+  dims: {
+    l: 500,
+    w: 500,
+    h: 1400
+  }
+}, {
+  sku: 'DR-A1-AEO',
+  name: 'Aeolus DR-A1 Digital X-Ray System',
+  vendor: 'Aeolus',
+  listPrice: 32500,
+  uom: 'each',
+  status: 'ACTIVE',
+  maxDiscount: 8,
+  dims: {
+    l: 2200,
+    w: 800,
+    h: 1900
+  }
+}, {
+  sku: 'MI-550',
+  name: 'Medical Illumination MI-550 Single Dome',
+  vendor: 'Medical Illumination',
+  listPrice: 8900,
+  uom: 'each',
+  status: 'ACTIVE',
+  maxDiscount: 12,
+  dims: {
+    l: 700,
+    w: 700,
+    h: 200
+  }
+}, {
+  sku: 'MI-750',
+  name: 'Medical Illumination MI-750 Dual Dome',
+  vendor: 'Medical Illumination',
+  listPrice: 16800,
+  uom: 'each',
+  status: 'ACTIVE',
+  maxDiscount: 12,
+  dims: {
+    l: 1400,
+    w: 700,
+    h: 200
+  }
+}, {
+  sku: 'FP-CB-4',
+  name: 'FlexiPro Stainless Cage Bank — 4 Bay',
+  vendor: 'FlexiPro',
+  listPrice: 9850,
+  uom: 'each',
+  status: 'ACTIVE',
+  maxDiscount: 20,
+  dims: {
+    l: 1600,
+    w: 760,
+    h: 1800
+  }
+}, {
+  sku: 'FP-CB-6',
+  name: 'FlexiPro Stainless Cage Bank — 6 Bay',
+  vendor: 'FlexiPro',
+  listPrice: 14800,
+  uom: 'each',
+  status: 'ACTIVE',
+  maxDiscount: 20,
+  dims: {
+    l: 2400,
+    w: 760,
+    h: 1800
+  }
+}, {
+  sku: 'FP-CB-8',
+  name: 'FlexiPro Stainless Cage Bank — 8 Bay',
+  vendor: 'FlexiPro',
+  listPrice: 19200,
+  uom: 'each',
+  status: 'ACTIVE',
+  maxDiscount: 20,
+  dims: {
+    l: 3200,
+    w: 760,
+    h: 1800
+  }
+}, {
+  sku: 'FP-OD-T',
+  name: 'FlexiPro Trapezoidal Oxygen Door Panel',
+  vendor: 'FlexiPro',
+  listPrice: 1450,
+  uom: 'each',
+  status: 'ACTIVE',
+  maxDiscount: 25,
+  dims: {
+    l: 600,
+    w: 50,
+    h: 800
+  }
+}, {
+  sku: 'CSC-RC',
+  name: 'Casco Recovery Cage — Compact Laminate',
+  vendor: 'Casco',
+  listPrice: 3200,
+  uom: 'each',
+  status: 'ACTIVE',
+  maxDiscount: 18,
+  dims: {
+    l: 900,
+    w: 600,
+    h: 700
+  }
+}, {
+  sku: 'CSC-IC',
+  name: 'Casco Isolation Cage',
+  vendor: 'Casco',
+  listPrice: 4100,
+  uom: 'each',
+  status: 'ACTIVE',
+  maxDiscount: 18,
+  dims: {
+    l: 900,
+    w: 600,
+    h: 700
+  }
+}, {
+  sku: 'EV-KC-BC16',
+  name: 'EasyVet KC-BC16-1156 Wall Bracket',
+  vendor: 'EasyVet',
+  listPrice: 1850,
+  uom: 'each',
+  status: 'ACTIVE',
+  maxDiscount: 30,
+  dims: {
+    l: 400,
+    w: 200,
+    h: 350
+  }
+}, {
+  sku: 'KUR-ST',
+  name: 'Kuranda Stainless Trolley',
+  vendor: 'Kuranda',
+  listPrice: 1000,
+  uom: 'each',
+  status: 'DRAFT',
+  maxDiscount: 15,
+  dims: {
+    l: 800,
+    w: 500,
+    h: 900
+  }
+}, {
+  sku: 'MM-DC',
+  name: 'Midmark Dental Cart',
+  vendor: 'Midmark',
+  listPrice: 600,
+  uom: 'each',
+  status: 'ACTIVE',
+  maxDiscount: 10,
+  dims: {
+    l: 600,
+    w: 400,
+    h: 900
+  }
+}, {
+  sku: 'MM-IM3',
+  name: 'Midmark IM3 Suction Unit',
+  vendor: 'Midmark',
+  listPrice: 2400,
+  uom: 'each',
+  status: 'ACTIVE',
+  maxDiscount: 10,
+  dims: {
+    l: 400,
+    w: 300,
+    h: 600
+  }
+}];
+const D_QGS = [{
+  id: 'QG-CUSTOMER',
+  name: 'Customer Information',
+  scope: 'global',
+  repeatable: false,
+  questions: [{
+    id: 'Q-PRACTICE_NAME',
+    label: 'Practice Name',
+    type: 'text',
+    required: true
+  }, {
+    id: 'Q-CONTACT_NAME',
+    label: 'Primary Contact',
+    type: 'text',
+    required: true
+  }, {
+    id: 'Q-SITE_ADDRESS',
+    label: 'Site Address',
+    type: 'text',
+    required: true
+  }, {
+    id: 'Q-ABN',
+    label: 'ABN',
+    type: 'text',
+    required: false
+  }]
+}, {
+  id: 'QG-ROOM_SPEC',
+  name: 'Room Specification',
+  scope: 'room',
+  repeatable: false,
+  questions: [{
+    id: 'Q-ROOM_TYPE',
+    label: 'Room Type',
+    type: 'select',
+    required: true,
+    options: ['Surgical Suite', 'Cage Bank Area', 'Reception & Exam', 'Imaging Suite', 'Recovery', 'Consult Room', 'Other']
+  }, {
+    id: 'Q-FLOOR_AREA',
+    label: 'Floor Area (m²)',
+    type: 'number',
+    required: false
+  }, {
+    id: 'Q-NOTES',
+    label: 'Room Notes',
+    type: 'long_text',
+    required: false
+  }]
+}, {
+  id: 'QG-COMMERCIAL',
+  name: 'Commercial Terms',
+  scope: 'global',
+  repeatable: false,
+  questions: [{
+    id: 'Q-PAYMENT_TERMS',
+    label: 'Payment Terms',
+    type: 'select',
+    required: true,
+    options: ['Net 30', 'Net 60', '50% deposit, balance on delivery', 'Pro-forma']
+  }, {
+    id: 'Q-VALID_UNTIL',
+    label: 'Quote Valid Until',
+    type: 'date',
+    required: true
+  }]
+}];
+const D_PROPOSAL = {
+  name: 'Nelson Bay Vet — Surgical Refit',
+  number: 'THE-Q-00427',
+  globalAnswers: {
+    'Q-PRACTICE_NAME': 'Nelson Bay Vet Hospital',
+    'Q-CONTACT_NAME': 'Dr. Sarah Mitchell',
+    'Q-SITE_ADDRESS': '42 Stockton St, Nelson Bay NSW 2315',
+    'Q-ABN': '88 123 456 789',
+    'Q-PAYMENT_TERMS': 'Net 30',
+    'Q-VALID_UNTIL': '2026-06-19'
+  },
+  rooms: [{
+    id: 'room-1',
+    name: 'Surgical Suite',
+    answers: {
+      'Q-ROOM_TYPE': 'Surgical Suite',
+      'Q-FLOOR_AREA': '24',
+      'Q-NOTES': 'Climate-controlled. Gas scavenging via existing ducting.'
+    },
+    lineItems: [{
+      id: 'li-1',
+      sku: 'FT-843-AEO',
+      qty: 1,
+      unitPrice: 4250
+    }, {
+      id: 'li-2',
+      sku: 'MI-750',
+      qty: 1,
+      unitPrice: 16800
+    }, {
+      id: 'li-3',
+      sku: '7900-AEO',
+      qty: 1,
+      unitPrice: 18200
+    }, {
+      id: 'li-4',
+      sku: 'EV-KC-BC16',
+      qty: 2,
+      unitPrice: 1850
+    }]
+  }, {
+    id: 'room-2',
+    name: 'Cage Bank Area',
+    answers: {
+      'Q-ROOM_TYPE': 'Cage Bank Area',
+      'Q-FLOOR_AREA': '32',
+      'Q-NOTES': 'Stainless throughout — F10 SC compatible.'
+    },
+    lineItems: [{
+      id: 'li-5',
+      sku: 'FP-CB-6',
+      qty: 2,
+      unitPrice: 14800
+    }, {
+      id: 'li-6',
+      sku: 'CSC-RC',
+      qty: 2,
+      unitPrice: 3200
+    }, {
+      id: 'li-7',
+      sku: 'CSC-IC',
+      qty: 1,
+      unitPrice: 4100
+    }]
+  }, {
+    id: 'room-3',
+    name: 'Reception & Exam',
+    answers: {
+      'Q-ROOM_TYPE': 'Reception & Exam',
+      'Q-FLOOR_AREA': '18',
+      'Q-NOTES': 'Two exam stations, shared reception.'
+    },
+    lineItems: [{
+      id: 'li-8',
+      sku: 'FT-843-AEO',
+      qty: 2,
+      unitPrice: 4250
+    }, {
+      id: 'li-9',
+      sku: 'KUR-ST',
+      qty: 2,
+      unitPrice: 1000
+    }]
+  }]
+};
+const D_ATTRS = [{
+  id: 'PA-VENDOR',
+  name: 'Vendor',
+  type: 'text',
+  unit: null
+}, {
+  id: 'PA-LENGTH_MM',
+  name: 'Length',
+  type: 'number',
+  unit: 'mm'
+}, {
+  id: 'PA-WIDTH_MM',
+  name: 'Width',
+  type: 'number',
+  unit: 'mm'
+}, {
+  id: 'PA-HEIGHT_MM',
+  name: 'Height',
+  type: 'number',
+  unit: 'mm'
+}, {
+  id: 'PA-COST',
+  name: 'Cost',
+  type: 'currency',
+  unit: null
+}, {
+  id: 'PA-FLOOR_PRICE',
+  name: 'Floor Price (Rep)',
+  type: 'currency',
+  unit: null
+}, {
+  id: 'PA-LEAD_TIME_DAYS',
+  name: 'Lead Time',
+  type: 'number',
+  unit: 'days'
+}, {
+  id: 'PA-WARRANTY_MONTHS',
+  name: 'Warranty',
+  type: 'number',
+  unit: 'months'
+}, {
+  id: 'PA-MATERIAL',
+  name: 'Material',
+  type: 'text',
+  unit: null
+}];
+const D_VERSIONS = [{
+  id: 'v1',
+  name: 'V003_004_006',
+  author: 'Gavin Biggs',
+  date: 'May 20, 2026',
+  comment: 'Equipment rate-card refresh',
+  status: 'Draft',
+  activatedAt: '—',
+  activatedBy: '—'
+}, {
+  id: 'v2',
+  name: 'V003_004_005',
+  author: 'Gavin Biggs',
+  date: 'May 02, 2026',
+  comment: 'Q2 pricing update',
+  status: 'Active',
+  activatedAt: 'May 02, 2026',
+  activatedBy: 'Gavin Biggs'
+}, {
+  id: 'v3',
+  name: 'V003_004_004',
+  author: 'idan shwartz',
+  date: 'Apr 29, 2026',
+  comment: 'Architecture playbook split',
+  status: 'Archived',
+  activatedAt: 'Apr 29, 2026',
+  activatedBy: 'idan shwartz'
+}];
+const D_USERS = [{
+  id: 'u1',
+  active: true,
+  login: 'cameron@therian.com.au',
+  name: 'Cameron Biggs',
+  email: 'cameron@therian.com.au',
+  position: 'Sales Director',
+  manager: 'Gavin Biggs',
+  role: 'Admin',
+  dealroom: false
+}, {
+  id: 'u2',
+  active: true,
+  login: 'gavin@therian.com.au',
+  name: 'Gavin Biggs',
+  email: 'gavin@therian.com.au',
+  position: 'Managing Director',
+  manager: '—',
+  role: 'Admin',
+  dealroom: false
+}, {
+  id: 'u3',
+  active: true,
+  login: 'bryan@therian.com.au',
+  name: 'Bryan King',
+  email: 'bryan@therian.com.au',
+  position: 'Account Manager',
+  manager: 'Cameron Biggs',
+  role: 'Seller',
+  dealroom: true
+}, {
+  id: 'u4',
+  active: true,
+  login: 'caitlin@therian.com.au',
+  name: 'Caitlin Sonnberger',
+  email: 'caitlin@therian.com.au',
+  position: 'Account Manager',
+  manager: 'Cameron Biggs',
+  role: 'Seller',
+  dealroom: true
+}, {
+  id: 'u5',
+  active: false,
+  login: 'loren@therian.com.au',
+  name: 'Loren Copp',
+  email: 'loren@therian.com.au',
+  position: 'Estimator',
+  manager: 'Gavin Biggs',
+  role: 'Seller',
+  dealroom: false
+}];
+const D_GROUPS = [{
+  id: 'g1',
+  name: 'Equipment Group',
+  users: ['u1', 'u2', 'u3']
+}, {
+  id: 'g2',
+  name: 'Architecture Group',
+  users: ['u2', 'u4']
+}, {
+  id: 'g3',
+  name: 'Approvers',
+  users: ['u1', 'u2']
+}];
+const D_INTEGRATIONS = [{
+  id: 'i1',
+  name: 'HubSpot',
+  category: 'CRM',
+  installed: true,
+  desc: 'Sync deals, companies and quote status with your HubSpot pipeline. Push net price and approval state back to the deal record.'
+}, {
+  id: 'i2',
+  name: 'Salesforce',
+  category: 'CRM',
+  installed: false,
+  desc: 'Bi-directional sync of opportunities, accounts and proposals with Salesforce Sales Cloud.'
+}, {
+  id: 'i3',
+  name: 'Open API',
+  category: 'API',
+  installed: true,
+  desc: 'REST endpoints for proposals, products and pricing. Generate scoped API keys for external systems.'
+}, {
+  id: 'i4',
+  name: 'SSO / SAML',
+  category: 'Authentication',
+  installed: false,
+  desc: 'Single sign-on via SAML 2.0 identity providers — Okta, Azure AD, Google Workspace.'
+}, {
+  id: 'i5',
+  name: 'Xero',
+  category: 'Accounting',
+  installed: false,
+  desc: 'Push approved proposals straight to Xero as draft invoices, with line-item and tax mapping.'
+}, {
+  id: 'i6',
+  name: 'DocuSign',
+  category: 'E-Signature',
+  installed: true,
+  desc: 'Send DealRoom documents for electronic signature and track signer status in real time.'
+}];
+const D_RULES = [{
+  id: 'r1',
+  desc: 'Large deal approval',
+  active: 'Rule Based',
+  formula: '[General.total_list] > 150000',
+  labels: ['Large Deal Approvals'],
+  steps: [{
+    id: 's1',
+    approverType: 'Specific user(s)',
+    users: 'Cameron Biggs, Gavin Biggs',
+    requires: 'One of the approvers'
+  }]
+}, {
+  id: 'r2',
+  desc: 'Item discount approval',
+  active: 'Rule Based',
+  formula: '[Item.discount] > [Product.maxDiscount]',
+  labels: ['Discount Control'],
+  steps: [{
+    id: 's2',
+    approverType: 'Manager',
+    users: '—',
+    requires: 'All approvers'
+  }]
+}, {
+  id: 'r3',
+  desc: 'Job margin floor',
+  active: 'Always',
+  formula: '[General.job_margin] < 22',
+  labels: ['Margin Control'],
+  steps: [{
+    id: 's3',
+    approverType: 'Specific user(s)',
+    users: 'Gavin Biggs',
+    requires: 'One of the approvers'
+  }]
+}];
+const D_PARAMS = [{
+  id: 'p1',
+  name: 'COMPANY_NAME',
+  playbook: 'Equipment',
+  value: 'Therian Pty Ltd',
+  format: 'Text',
+  sync: '—'
+}, {
+  id: 'p2',
+  name: 'VAT_RATE_AU',
+  playbook: 'Equipment',
+  value: '10',
+  format: 'Number',
+  sync: 'DEAL.tax_rate'
+}, {
+  id: 'p3',
+  name: 'DEFAULT_PAYMENT_TERMS',
+  playbook: 'Equipment',
+  value: 'Net 30',
+  format: 'Text',
+  sync: '—'
+}, {
+  id: 'p4',
+  name: 'FREIGHT_BASE_RATE',
+  playbook: 'Equipment',
+  value: '[input.AeolusFreight_Total] / [input.AeolusFreight_CBM]',
+  format: 'Number',
+  sync: '—'
+}, {
+  id: 'p5',
+  name: 'INSTALL_HOURLY_RATE',
+  playbook: 'Equipment',
+  value: '145',
+  format: 'Currency',
+  sync: '—'
+}];
+const D_DISCOUNT = {
+  id: 'dt1',
+  name: 'Equipment Volume Discount',
+  tiers: [{
+    id: 't1',
+    from: 0,
+    to: 5000,
+    pct: 0
+  }, {
+    id: 't2',
+    from: 5001,
+    to: 15000,
+    pct: 5
+  }, {
+    id: 't3',
+    from: 15001,
+    to: 40000,
+    pct: 8
+  }, {
+    id: 't4',
+    from: 40001,
+    to: null,
+    pct: 12
+  }]
+};
+const D_PLAYBOOKS = [{
+  id: 'pb1',
+  name: 'Equipment',
+  display: 'Equipment',
+  createdBy: 'Gavin Biggs (Admin)',
+  updated: 'May 20, 2026'
+}, {
+  id: 'pb2',
+  name: 'Technology',
+  display: 'Technology',
+  createdBy: 'idan shwartz',
+  updated: 'May 19, 2026'
+}, {
+  id: 'pb3',
+  name: 'Architecture',
+  display: 'Architecture',
+  createdBy: 'idan shwartz',
+  updated: 'Apr 29, 2026'
+}];
+const D_LAYOUT = [{
+  id: 'c1',
+  field: 'PROPOSAL_ID',
+  display: 'Proposal ID',
+  show: true,
+  width: 100
+}, {
+  id: 'c2',
+  field: 'PROPOSAL_NAME',
+  display: 'Proposal name',
+  show: true,
+  width: 220
+}, {
+  id: 'c3',
+  field: 'ACCOUNT_NAME',
+  display: 'Account name',
+  show: true,
+  width: 160
+}, {
+  id: 'c4',
+  field: 'CREATOR',
+  display: 'Creator',
+  show: true,
+  width: 140
+}, {
+  id: 'c5',
+  field: 'STATUS',
+  display: 'Status',
+  show: true,
+  width: 110
+}, {
+  id: 'c6',
+  field: 'LIST_PRICE',
+  display: 'List price',
+  show: false,
+  width: 100
+}, {
+  id: 'c7',
+  field: 'NET_PRICE',
+  display: 'Net price',
+  show: true,
+  width: 120
+}];
+const D_OPPS = [{
+  id: 'o1',
+  account: 'Therian',
+  accountColor: 'bg-amber-700',
+  name: 'DealHub — Quick Proposal Template',
+  country: 'Australia',
+  currency: 'AUD',
+  date: 'Nov 26, 2025',
+  status: 'Lead Created',
+  proposals: [{
+    id: 'Q-15592',
+    name: 'Nelson Bay Vet — Surgical Refit',
+    creator: 'Cameron Biggs',
+    status: 'Draft',
+    updated: '26-11-2025',
+    net: 166900,
+    version: 'v1',
+    expiration: '19-06-2026'
+  }, {
+    id: 'Q-15588',
+    name: 'Coastal Animal Hospital — Cage Bank',
+    creator: 'Bryan King',
+    status: 'Expired',
+    updated: '02-10-2025',
+    net: 71400,
+    version: 'v1',
+    expiration: '02-12-2025'
+  }]
+}, {
+  id: 'o2',
+  account: 'Belmont Vet',
+  accountColor: 'bg-emerald-700',
+  name: 'Imaging Suite Upgrade',
+  country: 'Australia',
+  currency: 'AUD',
+  date: 'Oct 14, 2025',
+  status: 'Closed Lost',
+  proposals: [{
+    id: 'Q-15501',
+    name: 'Belmont — DR X-Ray Package',
+    creator: 'Caitlin Sonnberger',
+    status: 'Expired',
+    updated: '14-10-2025',
+    net: 48900,
+    version: 'v2',
+    expiration: '14-11-2025'
+  }]
+}];
+const D_ACCOUNTS = ['Therian', 'Belmont Vet', 'Coastal Animal Hospital', 'Hunter Equine', 'Lake Macquarie Vet'];
+const DEFAULT_STATE = () => ({
+  products: D_PRODUCTS,
+  questionGroups: D_QGS,
+  proposal: D_PROPOSAL,
+  attributes: D_ATTRS,
+  versions: D_VERSIONS,
+  users: D_USERS,
+  groups: D_GROUPS,
+  integrations: D_INTEGRATIONS,
+  rules: D_RULES,
+  params: D_PARAMS,
+  discount: D_DISCOUNT,
+  playbooks: D_PLAYBOOKS,
+  layout: D_LAYOUT,
+  opps: D_OPPS
+});
+
+/* ============ Shared UI ============ */
+function Modal({
+  title,
+  onClose,
+  children,
+  wide
+}) {
+  useEffect(() => {
+    const h = e => {
+      if (e.key === 'Escape') onClose();
+    };
+    window.addEventListener('keydown', h);
+    return () => window.removeEventListener('keydown', h);
+  }, [onClose]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "fixed inset-0 bg-stone-900/50 flex items-center justify-center z-[70] p-4",
+    onClick: onClose
+  }, /*#__PURE__*/React.createElement("div", {
+    onClick: e => e.stopPropagation(),
+    className: `bg-white border border-stone-300 ${wide ? 'max-w-5xl' : 'max-w-2xl'} w-full max-h-[88vh] overflow-hidden flex flex-col shadow-2xl fade-in`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "px-5 py-4 border-b border-stone-200 flex items-center justify-between bg-stone-50"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "font-serif text-lg"
+  }, title), /*#__PURE__*/React.createElement("button", {
+    onClick: onClose,
+    className: "p-1 hover:bg-stone-200",
+    title: "Close (Esc)"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "x",
+    c: "w-4 h-4"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "overflow-y-auto"
+  }, children)));
+}
+function Field({
+  label,
+  required,
+  error,
+  children
+}) {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("label", {
+    className: "block text-xs text-stone-600 mb-1"
+  }, label, required && /*#__PURE__*/React.createElement("span", {
+    className: "text-red-600 ml-1"
+  }, "*"), error && /*#__PURE__*/React.createElement("span", {
+    className: "text-red-600 ml-2 italic"
+  }, error)), children);
+}
+const inp = 'w-full px-2.5 py-1.5 text-sm border border-stone-300 bg-white text-stone-900 focus:outline-none focus:border-amber-700';
+function PrimaryBtn({
+  onClick,
+  children,
+  icon
+}) {
+  return /*#__PURE__*/React.createElement("button", {
+    onClick: onClick,
+    className: "px-3 py-1.5 text-xs bg-stone-900 text-white hover:bg-stone-700 flex items-center gap-1.5"
+  }, icon && /*#__PURE__*/React.createElement(Ic, {
+    n: icon,
+    c: "w-3 h-3"
+  }), children);
+}
+function GhostBtn({
+  onClick,
+  children,
+  disabled
+}) {
+  return /*#__PURE__*/React.createElement("button", {
+    onClick: disabled ? undefined : onClick,
+    className: `px-3 py-1.5 text-xs border ${disabled ? 'border-stone-200 text-stone-300 cursor-not-allowed' : 'border-stone-300 text-stone-700 hover:bg-white'}`
+  }, children);
+}
+function InlineEdit({
+  value,
+  onChange,
+  className
+}) {
+  const [editing, setEditing] = useState(false);
+  const [draft, setDraft] = useState(value);
+  useEffect(() => setDraft(value), [value]);
+  if (editing) return /*#__PURE__*/React.createElement("input", {
+    autoFocus: true,
+    value: draft,
+    onChange: e => setDraft(e.target.value),
+    onBlur: () => {
+      if (draft.trim()) onChange(draft.trim());
+      setEditing(false);
+    },
+    onKeyDown: e => {
+      if (e.key === 'Enter') {
+        if (draft.trim()) onChange(draft.trim());
+        setEditing(false);
+      }
+      if (e.key === 'Escape') {
+        setDraft(value);
+        setEditing(false);
+      }
+    },
+    className: `${className} bg-white border border-amber-600 px-1 outline-none`
+  });
+  return /*#__PURE__*/React.createElement("span", {
+    onDoubleClick: () => setEditing(true),
+    className: `${className} cursor-text hover:bg-stone-100 px-1 -mx-1 inline-flex items-center gap-1.5 group`,
+    title: "Double-click to edit"
+  }, value, /*#__PURE__*/React.createElement("span", {
+    className: "opacity-0 group-hover:opacity-100 text-stone-400"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "edit",
+    c: "w-3 h-3"
+  })));
+}
+function QField({
+  q,
+  value,
+  onChange
+}) {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-between mb-1"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "text-xs text-stone-600"
+  }, q.label, q.required && /*#__PURE__*/React.createElement("span", {
+    className: "text-red-600 ml-1"
+  }, "*")), /*#__PURE__*/React.createElement("code", {
+    className: "text-[9px] text-stone-400"
+  }, q.id)), q.type === 'long_text' ? /*#__PURE__*/React.createElement("textarea", {
+    value: value,
+    onChange: e => onChange(e.target.value),
+    rows: 2,
+    className: inp
+  }) : q.type === 'select' ? /*#__PURE__*/React.createElement("select", {
+    value: value,
+    onChange: e => onChange(e.target.value),
+    className: inp
+  }, /*#__PURE__*/React.createElement("option", {
+    value: ""
+  }, "\u2014 Select \u2014"), (q.options || []).map(o => /*#__PURE__*/React.createElement("option", {
+    key: o,
+    value: o
+  }, o))) : q.type === 'number' ? /*#__PURE__*/React.createElement("input", {
+    type: "number",
+    value: value,
+    onChange: e => onChange(e.target.value),
+    className: inp
+  }) : q.type === 'date' ? /*#__PURE__*/React.createElement("input", {
+    type: "date",
+    value: value,
+    onChange: e => onChange(e.target.value),
+    className: inp
+  }) : q.type === 'calculated' ? /*#__PURE__*/React.createElement("input", {
+    value: q.formula || '',
+    disabled: true,
+    className: inp + ' bg-stone-100 font-mono text-stone-500'
+  }) : /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    value: value,
+    onChange: e => onChange(e.target.value),
+    className: inp
+  }));
+}
+function Toggle({
+  on,
+  onChange
+}) {
+  return /*#__PURE__*/React.createElement("button", {
+    onClick: () => onChange(!on),
+    className: `w-10 h-5 rounded-full transition-colors relative ${on ? 'bg-amber-700' : 'bg-stone-300'}`
+  }, /*#__PURE__*/React.createElement("span", {
+    className: `absolute top-0.5 w-4 h-4 bg-white rounded-full transition-all ${on ? 'left-[22px]' : 'left-0.5'}`
+  }));
+}
+function Segmented({
+  options,
+  value,
+  onChange
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "inline-flex bg-stone-100 p-0.5 rounded-full"
+  }, options.map(o => /*#__PURE__*/React.createElement("button", {
+    key: o,
+    onClick: () => onChange(o),
+    className: `px-3 py-1 text-xs rounded-full ${value === o ? 'bg-white text-stone-900 shadow-sm' : 'text-stone-500'}`
+  }, o)));
+}
+function StatusPill({
+  s
+}) {
+  const map = {
+    Draft: 'bg-amber-100 text-amber-800',
+    Active: 'bg-emerald-100 text-emerald-800',
+    Expired: 'bg-stone-200 text-stone-600',
+    Archived: 'bg-stone-200 text-stone-600',
+    'Lead Created': 'bg-stone-200 text-stone-700',
+    'Closed Lost': 'bg-stone-200 text-stone-700',
+    ACTIVE: 'bg-emerald-100 text-emerald-800',
+    DRAFT: 'bg-amber-100 text-amber-800',
+    DEPRECATED: 'bg-stone-200 text-stone-500'
+  };
+  return /*#__PURE__*/React.createElement("span", {
+    className: `px-2 py-0.5 text-[10px] uppercase tracking-wider ${map[s] || 'bg-stone-100 text-stone-600'}`
+  }, s);
+}
+function FolderTabs({
+  tabs,
+  value,
+  onChange
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex items-end gap-1 px-4 -mb-px overflow-x-auto"
+  }, tabs.map(t => {
+    const k = typeof t === 'string' ? t : t.k;
+    const lbl = typeof t === 'string' ? t : t.label;
+    const a = value === k;
+    return /*#__PURE__*/React.createElement("button", {
+      key: k,
+      onClick: () => onChange(k),
+      className: `px-4 py-2 text-xs whitespace-nowrap border border-b-0 rounded-t ${a ? 'bg-white border-stone-300 border-b-2 border-b-stone-900 text-stone-900 font-medium' : 'bg-stone-100 border-stone-200 text-stone-500 hover:text-stone-800'}`
+    }, lbl);
+  }));
+}
+function Splash() {
+  const cols = ['bg-amber-700', 'bg-amber-500', 'bg-stone-700', 'bg-stone-900'];
+  return /*#__PURE__*/React.createElement("div", {
+    className: "min-h-screen bg-white flex flex-col items-center justify-center"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "font-serif text-2xl tracking-tight text-stone-900 mb-1"
+  }, "New DealHub"), /*#__PURE__*/React.createElement("div", {
+    className: "text-xs text-stone-400 mb-6"
+  }, "This may take a moment\u2026"), /*#__PURE__*/React.createElement("div", {
+    className: "flex gap-2"
+  }, cols.map((c, i) => /*#__PURE__*/React.createElement("span", {
+    key: i,
+    className: `w-2.5 h-2.5 rounded-full ${c}`,
+    style: {
+      animation: `dot 1.2s ${i * 0.15}s infinite ease-in-out`
+    }
+  }))));
+}
+function EmptyState({
+  title,
+  desc
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-dashed border-stone-300 p-12 text-center"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "font-serif text-base text-stone-700 mb-1"
+  }, title), /*#__PURE__*/React.createElement("div", {
+    className: "text-sm text-stone-500 max-w-md mx-auto leading-relaxed"
+  }, desc));
+}
+
+/* ============ App Root ============ */
+function App() {
+  const [state, setState] = useState(DEFAULT_STATE);
+  const [loaded, setLoaded] = useState(false);
+  const [splash, setSplash] = useState(true);
+  const [route, setRoute] = useState({
+    surface: 'admin',
+    section: 'cp-root',
+    tab: null,
+    arg: null
+  });
+  useEffect(() => {
+    (async () => {
+      try {
+        const r = await storage.get(KEY);
+        if (r && r.value) setState(s => ({
+          ...s,
+          ...JSON.parse(r.value)
+        }));
+      } catch (e) {}
+      setLoaded(true);
+    })();
+  }, []);
+  useEffect(() => {
+    const t = setTimeout(() => setSplash(false), 1300);
+    return () => clearTimeout(t);
+  }, []);
+  useEffect(() => {
+    if (!loaded) return;
+    const t = setTimeout(() => {
+      storage.set(KEY, JSON.stringify(state));
+    }, 400);
+    return () => clearTimeout(t);
+  }, [state, loaded]);
+  const nav = (section, tab = null, arg = null) => setRoute(r => ({
+    ...r,
+    section,
+    tab,
+    arg
+  }));
+  const goSurface = surface => setRoute(surface === 'admin' ? {
+    surface,
+    section: 'cp-root',
+    tab: null,
+    arg: null
+  } : {
+    surface,
+    section: 'proposals',
+    tab: null,
+    arg: null
+  });
+  const reset = () => {
+    setState(DEFAULT_STATE());
+    toast('Demo data reset');
+  };
+  if (splash) return /*#__PURE__*/React.createElement(Splash, null);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "min-h-screen bg-stone-50 text-stone-900",
+    style: {
+      fontFamily: 'ui-sans-serif, system-ui, sans-serif'
+    }
+  }, route.surface === 'admin' ? /*#__PURE__*/React.createElement(AdminSurface, {
+    state: state,
+    setState: setState,
+    route: route,
+    nav: nav,
+    goSurface: goSurface,
+    reset: reset
+  }) : /*#__PURE__*/React.createElement(SalesSurface, {
+    state: state,
+    setState: setState,
+    route: route,
+    nav: nav,
+    goSurface: goSurface,
+    reset: reset
+  }), /*#__PURE__*/React.createElement(ToastTray, null));
+}
+
+/* ============ Admin Surface ============ */
+const VERSION_SECTIONS = ['products', 'playbooks', 'playbook-editor', 'pricefactors', 'discounts', 'parameters', 'outputdocs', 'workflows', 'advanced', 'layout'];
+const ADMIN_NAV = [{
+  k: 'cp-root',
+  label: 'Control Panel'
+}, {
+  k: 'versions',
+  label: 'Versions'
+}, {
+  k: 'integrations',
+  label: 'Integrations'
+}, {
+  k: 'users',
+  label: 'User Management'
+}, {
+  k: 'products',
+  label: 'Products'
+}, {
+  k: 'playbooks',
+  label: 'Playbooks'
+}, {
+  k: 'pricefactors',
+  label: 'Price Factors'
+}, {
+  k: 'discounts',
+  label: 'Discounts'
+}, {
+  k: 'parameters',
+  label: 'Parameters'
+}, {
+  k: 'outputdocs',
+  label: 'Output Documents'
+}, {
+  k: 'workflows',
+  label: 'Workflows'
+}, {
+  k: 'advanced',
+  label: 'Advanced Settings'
+}, {
+  k: 'layout',
+  label: 'Layout Settings'
+}];
+const ADMIN_LABEL = Object.fromEntries(ADMIN_NAV.map(n => [n.k, n.label]).concat([['playbook-editor', 'Playbook Editor']]));
+function AdminSurface({
+  state,
+  setState,
+  route,
+  nav,
+  goSurface,
+  reset
+}) {
+  const sec = route.section;
+  const crumbs = ['Control Panel'];
+  if (sec !== 'cp-root') {
+    if (VERSION_SECTIONS.includes(sec)) crumbs.push('V003_004_006', 'Version Settings');
+    crumbs.push(ADMIN_LABEL[sec] || sec);
+  }
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("header", {
+    className: "border-b border-stone-200 bg-white sticky top-0 z-30"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "px-6 h-14 flex items-center justify-between"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-4 min-w-0"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: () => nav('cp-root'),
+    className: "font-serif text-lg tracking-tight whitespace-nowrap"
+  }, "New DealHub"), /*#__PURE__*/React.createElement("div", {
+    className: "w-px h-5 bg-stone-200"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-1.5 text-xs text-stone-500 truncate"
+  }, crumbs.map((c, i) => /*#__PURE__*/React.createElement("span", {
+    key: i,
+    className: "flex items-center gap-1.5"
+  }, i > 0 && /*#__PURE__*/React.createElement(Ic, {
+    n: "chevron-right",
+    c: "w-3 h-3 text-stone-300"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: i === crumbs.length - 1 ? 'text-stone-900 font-medium border-b-2 border-stone-900 pb-3.5 -mb-3' : ''
+  }, c))))), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-2"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex border border-stone-300 overflow-hidden mr-1"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: () => {},
+    className: "px-3 py-1 text-[11px] uppercase tracking-wider bg-stone-900 text-stone-50"
+  }, "Admin"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => goSurface('sales'),
+    className: "px-3 py-1 text-[11px] uppercase tracking-wider bg-white text-stone-600 hover:bg-stone-50"
+  }, "Sales")), /*#__PURE__*/React.createElement("button", {
+    onClick: () => toast('Changes discarded'),
+    className: "text-xs text-stone-500 hover:text-stone-900 px-2 py-1.5"
+  }, "Discard"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => toast('Configuration saved'),
+    className: "px-3 py-1.5 text-xs bg-stone-900 text-white hover:bg-stone-700"
+  }, "Save"), /*#__PURE__*/React.createElement(ResetBtn, {
+    reset: reset
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "w-8 h-8 rounded-full bg-amber-700 text-white flex items-center justify-center text-xs font-medium"
+  }, "CB"))), /*#__PURE__*/React.createElement("div", {
+    className: "px-2 flex items-center gap-1 overflow-x-auto border-t border-stone-100"
+  }, ADMIN_NAV.map(n => {
+    const a = sec === n.k || n.k === 'playbooks' && sec === 'playbook-editor';
+    return /*#__PURE__*/React.createElement("button", {
+      key: n.k,
+      onClick: () => nav(n.k),
+      className: `px-3 py-2 text-xs whitespace-nowrap border-b-2 ${a ? 'border-amber-700 text-stone-900 font-medium' : 'border-transparent text-stone-500 hover:text-stone-900'}`
+    }, n.label);
+  }))), /*#__PURE__*/React.createElement("main", {
+    className: "p-6 max-w-[1280px] mx-auto fade-in",
+    key: sec + (route.tab || '')
+  }, sec === 'cp-root' && /*#__PURE__*/React.createElement(ControlPanelRoot, {
+    nav: nav
+  }), sec === 'versions' && /*#__PURE__*/React.createElement(VersionsPage, {
+    state: state,
+    setState: setState
+  }), sec === 'integrations' && /*#__PURE__*/React.createElement(IntegrationsPage, {
+    state: state,
+    setState: setState
+  }), sec === 'users' && /*#__PURE__*/React.createElement(UserMgmtPage, {
+    state: state,
+    setState: setState,
+    route: route,
+    nav: nav
+  }), sec === 'products' && /*#__PURE__*/React.createElement(ProductsPage, {
+    state: state,
+    setState: setState,
+    route: route,
+    nav: nav
+  }), sec === 'playbooks' && /*#__PURE__*/React.createElement(PlaybooksPage, {
+    state: state,
+    setState: setState,
+    nav: nav
+  }), sec === 'playbook-editor' && /*#__PURE__*/React.createElement(PlaybookEditor, {
+    state: state,
+    setState: setState,
+    nav: nav
+  }), sec === 'pricefactors' && /*#__PURE__*/React.createElement(PriceFactorsPage, {
+    state: state,
+    setState: setState,
+    route: route,
+    nav: nav
+  }), sec === 'discounts' && /*#__PURE__*/React.createElement(DiscountsPage, {
+    route: route,
+    nav: nav
+  }), sec === 'parameters' && /*#__PURE__*/React.createElement(ParametersPage, {
+    state: state,
+    setState: setState
+  }), sec === 'outputdocs' && /*#__PURE__*/React.createElement(OutputDocsPage, {
+    route: route,
+    nav: nav
+  }), sec === 'workflows' && /*#__PURE__*/React.createElement(WorkflowsPage, {
+    state: state,
+    setState: setState
+  }), sec === 'advanced' && /*#__PURE__*/React.createElement(AdvancedSettingsPage, {
+    route: route,
+    nav: nav
+  }), sec === 'layout' && /*#__PURE__*/React.createElement(LayoutSettingsPage, {
+    state: state,
+    setState: setState,
+    route: route,
+    nav: nav
+  })));
+}
+function ResetBtn({
+  reset
+}) {
+  const [c, setC] = useState(false);
+  useEffect(() => {
+    if (!c) return;
+    const t = setTimeout(() => setC(false), 3000);
+    return () => clearTimeout(t);
+  }, [c]);
+  return c ? /*#__PURE__*/React.createElement("button", {
+    onClick: () => {
+      reset();
+      setC(false);
+    },
+    className: "text-xs text-red-700 hover:underline px-2 py-1.5 whitespace-nowrap"
+  }, "Click to confirm") : /*#__PURE__*/React.createElement("button", {
+    onClick: () => setC(true),
+    className: "text-xs text-stone-400 hover:text-stone-900 px-2 py-1.5"
+  }, "Reset");
+}
+function PageHead({
+  kicker,
+  title,
+  desc,
+  children
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex items-end justify-between flex-wrap gap-3 mb-5"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "text-[10px] uppercase tracking-widest text-amber-800"
+  }, kicker), /*#__PURE__*/React.createElement("h2", {
+    className: "font-serif text-2xl"
+  }, title), desc && /*#__PURE__*/React.createElement("div", {
+    className: "text-xs text-stone-500 mt-0.5"
+  }, desc)), children && /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-2"
+  }, children));
+}
+
+/* ---- Control Panel Root ---- */
+function ControlPanelRoot({
+  nav
+}) {
+  const cards = [{
+    k: 'advanced',
+    icon: 'settings',
+    label: 'System Settings',
+    desc: 'General, localization & HubSpot configuration'
+  }, {
+    k: 'users',
+    icon: 'users',
+    label: 'User Management',
+    desc: 'Users, groups, profiles & permissions'
+  }, {
+    k: 'products',
+    icon: 'layers',
+    label: 'Version Settings',
+    desc: 'Products, playbooks, pricing & documents'
+  }, {
+    k: 'layout',
+    icon: 'sliders',
+    label: 'Layout Settings',
+    desc: 'Proposal & DealRoom table columns'
+  }, {
+    k: 'integrations',
+    icon: 'puzzle',
+    label: 'Integrations & Add-ons',
+    desc: 'CRM, API & e-signature connectors'
+  }];
+  return /*#__PURE__*/React.createElement("div", {
+    className: "py-6"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "text-center mb-8"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "text-[10px] uppercase tracking-widest text-amber-800"
+  }, "Therian Pty Ltd"), /*#__PURE__*/React.createElement("h1", {
+    className: "font-serif text-3xl"
+  }, "Control Panel"), /*#__PURE__*/React.createElement("p", {
+    className: "text-sm text-stone-500 mt-1"
+  }, "Configure your CPQ platform \u2014 everything an admin needs, in one place.")), /*#__PURE__*/React.createElement("div", {
+    className: "grid grid-cols-2 md:grid-cols-3 gap-5 max-w-3xl mx-auto"
+  }, cards.map(c => /*#__PURE__*/React.createElement("button", {
+    key: c.k,
+    onClick: () => nav(c.k),
+    className: "bg-white border border-stone-200 hover:border-amber-700 hover:shadow-md p-6 flex flex-col items-center text-center gap-3 transition-all"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-amber-800"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: c.icon,
+    c: "w-9 h-9"
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "text-sm font-medium text-stone-900"
+  }, c.label), /*#__PURE__*/React.createElement("div", {
+    className: "text-[11px] text-stone-500 mt-1 leading-snug"
+  }, c.desc))))));
+}
+
+/* ---- Versions ---- */
+function VersionsPage({
+  state,
+  setState
+}) {
+  const [sel, setSel] = useState(null);
+  const [pop, setPop] = useState(null);
+  const [archived, setArchived] = useState(false);
+  const rows = state.versions.filter(v => archived || v.status !== 'Archived');
+  const upd = (id, u) => setState(s => ({
+    ...s,
+    versions: s.versions.map(v => v.id === id ? u(v) : v)
+  }));
+  const activate = id => {
+    setState(s => ({
+      ...s,
+      versions: s.versions.map(v => ({
+        ...v,
+        status: v.id === id ? 'Active' : v.status === 'Active' ? 'Draft' : v.status,
+        activatedAt: v.id === id ? 'May 21, 2026' : v.activatedAt,
+        activatedBy: v.id === id ? 'Cameron Biggs' : v.activatedBy
+      }))
+    }));
+    setPop(null);
+    toast('Version activated');
+  };
+  const dup = () => {
+    if (!sel) return;
+    const v = state.versions.find(x => x.id === sel);
+    setState(s => ({
+      ...s,
+      versions: [{
+        ...v,
+        id: uid('v'),
+        name: v.name + '_copy',
+        status: 'Draft',
+        activatedAt: '—',
+        activatedBy: '—'
+      }, ...s.versions]
+    }));
+    toast('Version duplicated');
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PageHead, {
+    kicker: "Control Panel",
+    title: "Versions",
+    desc: "Manage configuration versions for your account."
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-stone-200"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-between px-4 py-2.5 border-b border-stone-200 text-xs"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-4 text-stone-600"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: () => sel ? toast('Edit version') : null,
+    className: sel ? 'hover:text-stone-900' : 'text-stone-300'
+  }, "Edit"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => sel && dup(),
+    className: sel ? 'hover:text-stone-900' : 'text-stone-300'
+  }, "Duplicate"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => {
+      if (sel) {
+        setState(s => ({
+          ...s,
+          versions: s.versions.filter(v => v.id !== sel)
+        }));
+        setSel(null);
+        toast('Version deleted');
+      }
+    },
+    className: sel ? 'text-red-700 hover:underline' : 'text-stone-300'
+  }, "Delete"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => sel && toast('Validation passed'),
+    className: sel ? 'hover:text-stone-900' : 'text-stone-300'
+  }, "Validate")), /*#__PURE__*/React.createElement("label", {
+    className: "flex items-center gap-2 text-stone-600"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "checkbox",
+    checked: archived,
+    onChange: e => setArchived(e.target.checked)
+  }), " Show archived versions")), /*#__PURE__*/React.createElement("table", {
+    className: "w-full text-sm"
+  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", {
+    className: "bg-stone-50 text-stone-500 text-xs border-b border-stone-200"
+  }, ['Name', 'Author', 'Date', 'Comment', 'Status', 'Activated At', 'Activated By'].map(h => /*#__PURE__*/React.createElement("th", {
+    key: h,
+    className: "text-left px-4 py-2 font-normal"
+  }, h)))), /*#__PURE__*/React.createElement("tbody", null, rows.map(v => /*#__PURE__*/React.createElement("tr", {
+    key: v.id,
+    onClick: () => setSel(v.id),
+    className: `border-b border-stone-100 cursor-pointer ${sel === v.id ? 'bg-stone-100' : 'hover:bg-stone-50'}`
+  }, /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5 font-mono text-xs"
+  }, v.name), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5 text-stone-600"
+  }, v.author), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5 text-stone-600"
+  }, v.date), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5 text-stone-600"
+  }, v.comment), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5 relative"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: e => {
+      e.stopPropagation();
+      setPop(pop === v.id ? null : v.id);
+    },
+    className: "flex items-center gap-1"
+  }, /*#__PURE__*/React.createElement(StatusPill, {
+    s: v.status
+  }), /*#__PURE__*/React.createElement(Ic, {
+    n: "chevron-down",
+    c: "w-3 h-3 text-stone-400"
+  })), pop === v.id && /*#__PURE__*/React.createElement("div", {
+    className: "absolute top-9 left-4 bg-white border border-stone-200 shadow-md z-20 text-xs"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: () => activate(v.id),
+    className: "px-4 py-2 hover:bg-stone-50 w-full text-left"
+  }, "Activate"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => {
+      upd(v.id, x => ({
+        ...x,
+        status: 'Archived'
+      }));
+      setPop(null);
+    },
+    className: "px-4 py-2 hover:bg-stone-50 w-full text-left"
+  }, "Archive"))), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5 text-stone-500 text-xs"
+  }, v.activatedAt), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5 text-stone-500 text-xs"
+  }, v.activatedBy)))))));
+}
+
+/* ---- Integrations ---- */
+function IntegrationsPage({
+  state,
+  setState
+}) {
+  const [filter, setFilter] = useState('All');
+  const list = state.integrations.filter(i => filter === 'All' || i.installed);
+  const toggle = id => {
+    setState(s => ({
+      ...s,
+      integrations: s.integrations.map(i => i.id === id ? {
+        ...i,
+        installed: !i.installed
+      } : i)
+    }));
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PageHead, {
+    kicker: "Control Panel",
+    title: "Integrations & Add-ons",
+    desc: "Connect your CPQ to CRM, accounting and signing tools."
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-3 mb-4"
+  }, /*#__PURE__*/React.createElement(Segmented, {
+    options: ['All', 'Installed'],
+    value: filter,
+    onChange: setFilter
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "text-xs text-stone-500"
+  }, list.length, " ", filter === 'All' ? 'available' : 'installed')), /*#__PURE__*/React.createElement("div", {
+    className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"
+  }, list.map(i => /*#__PURE__*/React.createElement("div", {
+    key: i.id,
+    className: "bg-white border border-stone-200 p-5 flex flex-col"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-start justify-between mb-2"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-2"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "font-medium text-stone-900"
+  }, i.name), i.installed && /*#__PURE__*/React.createElement("span", {
+    className: "text-emerald-600"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "check",
+    c: "w-3.5 h-3.5"
+  }))), /*#__PURE__*/React.createElement("span", {
+    className: "text-[10px] uppercase tracking-wider bg-stone-100 text-stone-600 px-2 py-0.5"
+  }, i.category)), /*#__PURE__*/React.createElement("p", {
+    className: "text-xs text-stone-500 leading-relaxed flex-1 mb-3"
+  }, i.desc), /*#__PURE__*/React.createElement("button", {
+    onClick: () => {
+      toggle(i.id);
+      toast(i.installed ? `${i.name} disconnected` : `${i.name} connected`);
+    },
+    className: `px-3 py-1.5 text-xs ${i.installed ? 'bg-emerald-700 text-white hover:bg-emerald-800' : 'bg-amber-50 text-amber-800 border border-amber-200 hover:bg-amber-100'}`
+  }, i.installed ? 'Settings' : 'Setup')))));
+}
+
+/* ---- User Management ---- */
+function UserMgmtPage({
+  state,
+  setState,
+  route,
+  nav
+}) {
+  const tab = route.tab || 'Users';
+  const tabs = ['Users', 'User Groups', 'Partners', 'Administrator Profiles', 'Permissions', 'Session Activity'];
+  const [addUser, setAddUser] = useState(false);
+  const [editGroup, setEditGroup] = useState(null);
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PageHead, {
+    kicker: "Control Panel",
+    title: "User Management",
+    desc: "Users, groups, profiles, permissions & activity."
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "border-b border-stone-200 mb-4"
+  }, /*#__PURE__*/React.createElement(FolderTabs, {
+    tabs: tabs,
+    value: tab,
+    onChange: t => nav('users', t)
+  })), tab === 'Users' && /*#__PURE__*/React.createElement(UsersTab, {
+    state: state,
+    setState: setState,
+    onAdd: () => setAddUser(true)
+  }), tab === 'User Groups' && /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-stone-200 p-5"
+  }, /*#__PURE__*/React.createElement(PrimaryBtn, {
+    icon: "plus",
+    onClick: () => {
+      const g = {
+        id: uid('g'),
+        name: 'New Group',
+        users: []
+      };
+      setState(s => ({
+        ...s,
+        groups: [...s.groups, g]
+      }));
+      setEditGroup(g.id);
+    }
+  }, "Create Group"), /*#__PURE__*/React.createElement("div", {
+    className: "mt-4 space-y-2"
+  }, state.groups.map(g => /*#__PURE__*/React.createElement("div", {
+    key: g.id,
+    className: "grid grid-cols-[60px_240px_1fr_40px] items-center gap-2 py-2 border-b border-stone-100 text-sm"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-xs text-stone-400"
+  }, "Name:"), /*#__PURE__*/React.createElement("span", {
+    className: "text-stone-800"
+  }, g.name), /*#__PURE__*/React.createElement("button", {
+    onClick: () => setEditGroup(g.id),
+    className: "text-amber-800 hover:underline text-xs text-left"
+  }, "Edit / Add Users (", g.users.length, ")"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => {
+      setState(s => ({
+        ...s,
+        groups: s.groups.filter(x => x.id !== g.id)
+      }));
+      toast('Group removed');
+    },
+    className: "text-stone-400 hover:text-red-700"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "x",
+    c: "w-4 h-4"
+  })))))), tab === 'Partners' && /*#__PURE__*/React.createElement(EmptyState, {
+    title: "No partners configured",
+    desc: "Enable partners in Advanced Settings \u2192 Partner Levels, then add partner organisations and levels here."
+  }), tab === 'Administrator Profiles' && /*#__PURE__*/React.createElement(AdminProfilesTab, null), tab === 'Permissions' && /*#__PURE__*/React.createElement(PermissionsTab, null), tab === 'Session Activity' && /*#__PURE__*/React.createElement(SessionActivityTab, {
+    state: state
+  }), addUser && /*#__PURE__*/React.createElement(AddUserModal, {
+    onClose: () => setAddUser(false),
+    onSave: u => {
+      setState(s => ({
+        ...s,
+        users: [...s.users, u]
+      }));
+      setAddUser(false);
+      toast(`Added ${u.name}`);
+    }
+  }), editGroup && /*#__PURE__*/React.createElement(EditGroupModal, {
+    group: state.groups.find(g => g.id === editGroup),
+    users: state.users,
+    onClose: () => setEditGroup(null),
+    onSave: g => {
+      setState(s => ({
+        ...s,
+        groups: s.groups.map(x => x.id === g.id ? g : x)
+      }));
+      setEditGroup(null);
+      toast('Group saved');
+    }
+  }));
+}
+function UsersTab({
+  state,
+  setState,
+  onAdd
+}) {
+  const [sel, setSel] = useState(null);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-stone-200"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-between px-4 py-2.5 border-b border-stone-200 text-xs"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-3"
+  }, /*#__PURE__*/React.createElement(PrimaryBtn, {
+    icon: "plus",
+    onClick: onAdd
+  }, "Add User"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => sel && toast('Editing user'),
+    className: sel ? 'text-stone-600 hover:text-stone-900' : 'text-stone-300'
+  }, "Edit User"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => {
+      if (sel) {
+        setState(s => ({
+          ...s,
+          users: s.users.filter(u => u.id !== sel)
+        }));
+        setSel(null);
+        toast('User deleted');
+      }
+    },
+    className: sel ? 'text-red-700 hover:underline' : 'text-stone-300'
+  }, "Delete User"))), /*#__PURE__*/React.createElement("table", {
+    className: "w-full text-sm"
+  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", {
+    className: "bg-stone-50 text-stone-500 text-xs border-b border-stone-200"
+  }, ['Active', 'Login Name', 'Name', 'Position', 'Manager', 'System Role', 'DealRoom'].map(h => /*#__PURE__*/React.createElement("th", {
+    key: h,
+    className: "text-left px-4 py-2 font-normal"
+  }, h)))), /*#__PURE__*/React.createElement("tbody", null, state.users.map(u => /*#__PURE__*/React.createElement("tr", {
+    key: u.id,
+    onClick: () => setSel(u.id),
+    className: `border-b border-stone-100 cursor-pointer ${sel === u.id ? 'bg-stone-100' : 'hover:bg-stone-50'}`
+  }, /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "checkbox",
+    checked: u.active,
+    onChange: e => {
+      e.stopPropagation();
+      setState(s => ({
+        ...s,
+        users: s.users.map(x => x.id === u.id ? {
+          ...x,
+          active: e.target.checked
+        } : x)
+      }));
+    }
+  })), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5 font-mono text-xs text-stone-600"
+  }, u.login), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5"
+  }, u.name), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5 text-stone-600"
+  }, u.position), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5 text-stone-600"
+  }, u.manager), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5"
+  }, u.role), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5 text-stone-500"
+  }, u.dealroom ? 'Yes' : 'No'))))), /*#__PURE__*/React.createElement("div", {
+    className: "px-4 py-2 text-[11px] text-stone-400 border-t border-stone-100"
+  }, state.users.length, " users \xB7 ", state.users.filter(u => u.active).length, " active \xB7 ", state.users.filter(u => u.role === 'Admin').length, " admins"));
+}
+function AdminProfilesTab() {
+  const [profiles, setProfiles] = useState([{
+    id: 'pr1',
+    name: 'Marketing Administrator',
+    desc: 'Limited admin for the marketing team',
+    perms: {
+      'System Settings': 'Read Only',
+      'Integrations & Add-ons': 'No Access',
+      'User Management': 'Read Only',
+      'Version Settings': 'Full Access'
+    }
+  }]);
+  const [open, setOpen] = useState('pr1');
+  const setPerm = (pid, k, v) => setProfiles(ps => ps.map(p => p.id === pid ? {
+    ...p,
+    perms: {
+      ...p.perms,
+      [k]: v
+    }
+  } : p));
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PrimaryBtn, {
+    icon: "plus",
+    onClick: () => {
+      const p = {
+        id: uid('pr'),
+        name: 'New Profile',
+        desc: '',
+        perms: {
+          'System Settings': 'No Access',
+          'Integrations & Add-ons': 'No Access',
+          'User Management': 'No Access',
+          'Version Settings': 'No Access'
+        }
+      };
+      setProfiles(ps => [...ps, p]);
+      setOpen(p.id);
+    }
+  }, "Add Profile"), /*#__PURE__*/React.createElement("div", {
+    className: "mt-4 space-y-3"
+  }, profiles.map(p => /*#__PURE__*/React.createElement("div", {
+    key: p.id,
+    className: "bg-white border border-stone-200 p-5"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: () => setOpen(open === p.id ? null : p.id),
+    className: "flex items-center gap-2 w-full text-left"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: open === p.id ? 'chevron-down' : 'chevron-right',
+    c: "w-4 h-4 text-stone-400"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "font-medium"
+  }, p.name), /*#__PURE__*/React.createElement("span", {
+    className: "text-xs text-stone-500"
+  }, p.desc)), open === p.id && /*#__PURE__*/React.createElement("div", {
+    className: "mt-4 border-t border-stone-100 pt-4 space-y-3"
+  }, Object.entries(p.perms).map(([k, v]) => /*#__PURE__*/React.createElement("div", {
+    key: k,
+    className: "flex items-center justify-between"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-sm text-stone-700"
+  }, k), /*#__PURE__*/React.createElement("select", {
+    value: v,
+    onChange: e => setPerm(p.id, k, e.target.value),
+    className: "px-2 py-1 text-xs border border-stone-300 w-44"
+  }, /*#__PURE__*/React.createElement("option", null, "No Access"), /*#__PURE__*/React.createElement("option", null, "Read Only"), /*#__PURE__*/React.createElement("option", null, "Full Access")))))))));
+}
+function PermissionsTab() {
+  const sets = [{
+    name: 'Sales',
+    desc: 'System permissions set for sellers',
+    locked: true
+  }, {
+    name: 'Legal',
+    desc: 'Review & approval permissions',
+    locked: true
+  }, {
+    name: 'Equipment Reps',
+    desc: 'Custom set for the equipment team',
+    locked: false
+  }];
+  const [open, setOpen] = useState('Equipment Reps');
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PrimaryBtn, {
+    icon: "plus",
+    onClick: () => toast('New permission set')
+  }, "Add Permission Set"), /*#__PURE__*/React.createElement("div", {
+    className: "mt-4 space-y-3"
+  }, sets.map(s => /*#__PURE__*/React.createElement("div", {
+    key: s.name,
+    className: `bg-white border border-stone-200 p-5 ${s.locked ? 'opacity-70' : ''}`
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: () => setOpen(open === s.name ? null : s.name),
+    className: "flex items-center gap-2 w-full text-left"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: open === s.name ? 'chevron-down' : 'chevron-right',
+    c: "w-4 h-4 text-stone-400"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "font-medium"
+  }, s.name), s.locked && /*#__PURE__*/React.createElement("span", {
+    className: "text-[10px] uppercase tracking-wider bg-stone-100 text-stone-500 px-1.5"
+  }, "System"), /*#__PURE__*/React.createElement("span", {
+    className: "text-xs text-stone-500"
+  }, s.desc)), open === s.name && /*#__PURE__*/React.createElement("div", {
+    className: "mt-4 bg-stone-50 p-4 grid grid-cols-2 gap-2"
+  }, ['Create proposals', 'Edit pricing', 'Send for approval', 'Manage DealRooms', 'Export documents', 'Override discounts'].map(perm => /*#__PURE__*/React.createElement("label", {
+    key: perm,
+    className: "flex items-center gap-2 text-xs text-stone-600"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "checkbox",
+    defaultChecked: true,
+    disabled: s.locked
+  }), " ", perm)))))));
+}
+function SessionActivityTab({
+  state
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-stone-200"
+  }, /*#__PURE__*/React.createElement("table", {
+    className: "w-full text-sm"
+  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", {
+    className: "bg-stone-50 text-stone-500 text-xs border-b border-stone-200"
+  }, ['Action', 'User Name', 'Mode', 'Version', 'Page Location'].map(h => /*#__PURE__*/React.createElement("th", {
+    key: h,
+    className: "text-left px-4 py-2 font-normal"
+  }, h)))), /*#__PURE__*/React.createElement("tbody", null, state.users.filter(u => u.active).slice(0, 4).map(u => /*#__PURE__*/React.createElement("tr", {
+    key: u.id,
+    className: "border-b border-stone-100"
+  }, /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: () => toast('Session ended'),
+    className: "px-2 py-1 text-xs border border-red-200 text-red-400 hover:bg-red-50"
+  }, "End Session")), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5"
+  }, u.name), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5 text-stone-600"
+  }, u.role === 'Admin' ? 'Admin' : 'Seller'), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5 font-mono text-xs text-stone-500"
+  }, "V003_004_005"), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5 text-stone-500 text-xs"
+  }, "Control Panel \u2014 User Management"))))));
+}
+
+/* ---- Products ---- */
+function ProductsPage({
+  state,
+  setState,
+  route,
+  nav
+}) {
+  const tab = route.tab || 'Products';
+  const tabs = ['Products', 'Bundles', 'Product Hierarchy', 'Rule Templates'];
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PageHead, {
+    kicker: "Version Settings",
+    title: "Products",
+    desc: "Catalog, bundles, hierarchy and assignment rules."
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "border-b border-stone-200 mb-4"
+  }, /*#__PURE__*/React.createElement(FolderTabs, {
+    tabs: tabs,
+    value: tab,
+    onChange: t => nav('products', t)
+  })), tab === 'Products' && /*#__PURE__*/React.createElement(ProductsGrid, {
+    state: state,
+    setState: setState
+  }), tab === 'Bundles' && /*#__PURE__*/React.createElement(BundlesTab, {
+    state: state
+  }), tab === 'Product Hierarchy' && /*#__PURE__*/React.createElement(HierarchyTab, {
+    state: state
+  }), tab === 'Rule Templates' && /*#__PURE__*/React.createElement(RuleTemplatesTab, {
+    state: state
+  }));
+}
+function ProductsGrid({
+  state,
+  setState
+}) {
+  const [s, setS] = useState('');
+  const [v, setV] = useState('');
+  const [selSku, setSelSku] = useState(null);
+  const [editing, setEditing] = useState(null);
+  const vendors = useMemo(() => [...new Set(state.products.map(p => p.vendor))].sort(), [state.products]);
+  const filtered = state.products.filter(p => {
+    if (v && p.vendor !== v) return false;
+    if (s) {
+      const q = s.toLowerCase();
+      return p.name.toLowerCase().includes(q) || p.sku.toLowerCase().includes(q);
+    }
+    return true;
+  });
+  const sel = state.products.find(p => p.sku === selSku);
+  const save = (prod, isNew) => {
+    setState(st => ({
+      ...st,
+      products: isNew ? [...st.products, prod] : st.products.map(p => p.sku === prod.sku ? prod : p)
+    }));
+    setEditing(null);
+    toast(isNew ? `Added ${prod.sku}` : `Saved ${prod.sku}`);
+  };
+  const del = sku => {
+    setState(st => ({
+      ...st,
+      products: st.products.filter(p => p.sku !== sku)
+    }));
+    setEditing(null);
+    setSelSku(null);
+    toast(`Removed ${sku}`);
+  };
+  const updP = (sku, u) => setState(st => ({
+    ...st,
+    products: st.products.map(p => p.sku === sku ? u(p) : p)
+  }));
+  return /*#__PURE__*/React.createElement("div", {
+    className: selSku ? 'pb-[42vh]' : ''
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-2 mb-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex-1 relative"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "absolute left-3 top-2.5 text-stone-400"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "search"
+  })), /*#__PURE__*/React.createElement("input", {
+    value: s,
+    onChange: e => setS(e.target.value),
+    placeholder: "Search by name or SKU\u2026",
+    className: "w-full pl-9 pr-3 py-2 text-sm border border-stone-300 bg-white focus:outline-none focus:border-amber-700"
+  })), /*#__PURE__*/React.createElement("select", {
+    value: v,
+    onChange: e => setV(e.target.value),
+    className: "px-3 py-2 text-sm border border-stone-300 bg-white"
+  }, /*#__PURE__*/React.createElement("option", {
+    value: ""
+  }, "All vendors"), vendors.map(x => /*#__PURE__*/React.createElement("option", {
+    key: x,
+    value: x
+  }, x))), /*#__PURE__*/React.createElement(PrimaryBtn, {
+    icon: "plus",
+    onClick: () => setEditing('new')
+  }, "Add Item")), /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-stone-200"
+  }, /*#__PURE__*/React.createElement("table", {
+    className: "w-full text-sm"
+  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", {
+    className: "bg-stone-50 text-stone-500 text-xs border-b border-stone-200"
+  }, ['SKU', 'Name', 'Vendor', 'Price', 'Max Discount', 'Status'].map(h => /*#__PURE__*/React.createElement("th", {
+    key: h,
+    className: "text-left px-4 py-2 font-normal"
+  }, h)), /*#__PURE__*/React.createElement("th", {
+    className: "w-10"
+  }))), /*#__PURE__*/React.createElement("tbody", null, filtered.length === 0 ? /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+    colSpan: 7,
+    className: "text-center py-8 text-stone-400 text-sm"
+  }, "No products match.")) : filtered.map(p => /*#__PURE__*/React.createElement("tr", {
+    key: p.sku,
+    onClick: () => setSelSku(p.sku),
+    className: `border-b border-stone-100 cursor-pointer ${selSku === p.sku ? 'bg-amber-50' : 'hover:bg-stone-50'}`
+  }, /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5 font-mono text-xs"
+  }, p.sku), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5"
+  }, p.name), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5 text-stone-600"
+  }, p.vendor), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5 text-right tabular-nums"
+  }, fmt(p.listPrice)), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5 text-right tabular-nums"
+  }, p.maxDiscount, "%"), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5"
+  }, /*#__PURE__*/React.createElement(StatusPill, {
+    s: p.status
+  })), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2.5 text-right"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: e => {
+      e.stopPropagation();
+      setEditing(p.sku);
+    },
+    className: "text-stone-400 hover:text-stone-900"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "edit",
+    c: "w-3.5 h-3.5"
+  })))))))), sel && /*#__PURE__*/React.createElement(DockedEditor, {
+    product: sel,
+    onClose: () => setSelSku(null),
+    onChange: (k, val) => updP(sel.sku, p => ({
+      ...p,
+      [k]: val
+    }))
+  }), editing && /*#__PURE__*/React.createElement(ProductEditor, {
+    product: editing === 'new' ? null : state.products.find(p => p.sku === editing),
+    existing: state.products.map(p => p.sku),
+    onSave: p => save(p, editing === 'new'),
+    onDelete: editing === 'new' ? null : () => del(editing),
+    onClose: () => setEditing(null)
+  }));
+}
+function DockedEditor({
+  product,
+  onClose,
+  onChange
+}) {
+  const [tab, setTab] = useState('Product Pricing');
+  const [mode, setMode] = useState('Basic Pricing');
+  const [formula, setFormula] = useState('([ProductAttribute.Cost] / (1 - [Standard.Margin]/100)) + [input.Freight]');
+  return /*#__PURE__*/React.createElement("div", {
+    className: "fixed bottom-0 left-0 right-0 h-[40vh] bg-white border-t border-stone-300 shadow-[0_-4px_12px_rgba(0,0,0,0.06)] z-20 flex flex-col fade-in"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "bg-stone-50 px-4 py-2 flex items-center justify-between border-b border-stone-200"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "text-sm font-medium"
+  }, product.name, " ", /*#__PURE__*/React.createElement("span", {
+    className: "text-stone-400 font-mono text-xs"
+  }, "\xB7 ", product.sku)), /*#__PURE__*/React.createElement("button", {
+    onClick: onClose,
+    className: "text-stone-400 hover:text-stone-900"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "x"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "border-b border-stone-200"
+  }, /*#__PURE__*/React.createElement(FolderTabs, {
+    tabs: ['Product Assignment', 'Conditional Names', 'Product Pricing'],
+    value: tab,
+    onChange: setTab
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "p-5 overflow-y-auto"
+  }, tab === 'Product Pricing' ? /*#__PURE__*/React.createElement("div", {
+    className: "space-y-4"
+  }, /*#__PURE__*/React.createElement(Segmented, {
+    options: ['Basic Pricing', 'Advanced Pricing'],
+    value: mode,
+    onChange: setMode
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "grid grid-cols-2 gap-5"
+  }, /*#__PURE__*/React.createElement(Field, {
+    label: "Price Type"
+  }, /*#__PURE__*/React.createElement("select", {
+    className: inp
+  }, /*#__PURE__*/React.createElement("option", null, "Standard Price"), /*#__PURE__*/React.createElement("option", null, "Cost Plus"), /*#__PURE__*/React.createElement("option", null, "Dynamic"))), /*#__PURE__*/React.createElement(Field, {
+    label: "List Price (AUD)"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "number",
+    value: product.listPrice,
+    onChange: e => onChange('listPrice', parseFloat(e.target.value) || 0),
+    className: inp + ' tabular-nums'
+  }))), mode === 'Advanced Pricing' && /*#__PURE__*/React.createElement(Field, {
+    label: "Price Formula"
+  }, /*#__PURE__*/React.createElement("textarea", {
+    value: formula,
+    onChange: e => setFormula(e.target.value),
+    rows: 2,
+    className: inp + ' font-mono text-xs'
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "grid grid-cols-2 gap-5"
+  }, /*#__PURE__*/React.createElement(Field, {
+    label: "Max Discount (%)"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "number",
+    value: product.maxDiscount,
+    onChange: e => onChange('maxDiscount', parseFloat(e.target.value) || 0),
+    className: inp + ' tabular-nums'
+  })), /*#__PURE__*/React.createElement(Field, {
+    label: "Default Discount (%)"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "number",
+    defaultValue: 0,
+    className: inp + ' tabular-nums'
+  })))) : /*#__PURE__*/React.createElement("div", {
+    className: "text-sm text-stone-400 italic"
+  }, tab, " configuration for this product.")));
+}
+function BundlesTab({
+  state
+}) {
+  const [bundles, setBundles] = useState([{
+    id: 'b1',
+    name: 'Surgical Suite Starter',
+    items: ['FT-843-AEO', 'MI-750', '7900-AEO']
+  }]);
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PrimaryBtn, {
+    icon: "plus",
+    onClick: () => {
+      setBundles(b => [...b, {
+        id: uid('b'),
+        name: 'New Bundle',
+        items: []
+      }]);
+      toast('Bundle created');
+    }
+  }, "Add Bundle"), /*#__PURE__*/React.createElement("div", {
+    className: "mt-4 space-y-3"
+  }, bundles.map(b => /*#__PURE__*/React.createElement("div", {
+    key: b.id,
+    className: "bg-white border border-stone-200 p-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-between mb-2"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "font-medium"
+  }, b.name), /*#__PURE__*/React.createElement("button", {
+    onClick: () => setBundles(bs => bs.filter(x => x.id !== b.id)),
+    className: "text-stone-400 hover:text-red-700"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "trash",
+    c: "w-3.5 h-3.5"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-wrap gap-1.5"
+  }, b.items.map(sku => {
+    const p = state.products.find(x => x.sku === sku);
+    return /*#__PURE__*/React.createElement("span", {
+      key: sku,
+      className: "text-xs bg-amber-50 text-amber-800 px-2 py-0.5"
+    }, p ? p.name : sku);
+  }))))));
+}
+function HierarchyTab({
+  state
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "grid grid-cols-2 gap-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-stone-200"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "bg-stone-50 px-4 py-2 text-xs font-medium border-b border-stone-200"
+  }, "Products Pool"), /*#__PURE__*/React.createElement("div", {
+    className: "max-h-80 overflow-y-auto"
+  }, state.products.slice(0, 8).map(p => /*#__PURE__*/React.createElement("div", {
+    key: p.sku,
+    className: "px-4 py-2 text-sm border-b border-stone-100 flex items-center gap-2"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "checkbox"
+  }), /*#__PURE__*/React.createElement("span", null, p.name), /*#__PURE__*/React.createElement("code", {
+    className: "text-[10px] text-stone-400 ml-auto"
+  }, p.sku))))), /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-stone-200"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "bg-stone-50 px-4 py-2 text-xs font-medium border-b border-stone-200"
+  }, "Table Hierarchy"), /*#__PURE__*/React.createElement("div", {
+    className: "p-4 text-sm"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-2 py-1"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-stone-400"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "drag",
+    c: "w-3.5 h-3.5"
+  })), " Cage Banks"), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-2 py-1 pl-6 text-stone-600"
+  }, "\u2514 FlexiPro Stainless Cage Bank \u2014 6 Bay"), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-2 py-1 pl-6 text-stone-600"
+  }, "\u2514 FlexiPro Stainless Cage Bank \u2014 8 Bay"), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-2 py-1"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-stone-400"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "drag",
+    c: "w-3.5 h-3.5"
+  })), " Imaging"), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-2 py-1 pl-6 text-stone-600"
+  }, "\u2514 Aeolus DR-A1 Digital X-Ray System"))));
+}
+function RuleTemplatesTab({
+  state
+}) {
+  const [open, setOpen] = useState('rt1');
+  const templates = [{
+    id: 'rt1',
+    name: 'Aeolus General',
+    rule: '[Standard.Part] = [Item.sku]',
+    factors: [['CostNative', '[ProductAttribute.Cost]'], ['TotalCostNative', '[Item.qty] * [ProductAttribute.Cost]'], ['Freight', '[input.Freight] * [ProductAttribute.CBM]']]
+  }, {
+    id: 'rt2',
+    name: 'FlexiPro Cage Banks',
+    rule: '[Item.vendor] = "FlexiPro"',
+    factors: [['InstallHours', '[Item.qty] * [ProductAttribute.Install_Time]']]
+  }];
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-3 mb-4"
+  }, /*#__PURE__*/React.createElement(PrimaryBtn, {
+    icon: "plus",
+    onClick: () => toast('Template added')
+  }, "Add a template"), /*#__PURE__*/React.createElement("span", {
+    className: "text-xs text-stone-500"
+  }, "Product assignment templates for the Equipment playbook.")), /*#__PURE__*/React.createElement("div", {
+    className: "space-y-3"
+  }, templates.map(t => /*#__PURE__*/React.createElement("div", {
+    key: t.id,
+    className: "bg-white border border-stone-200"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: () => setOpen(open === t.id ? null : t.id),
+    className: "w-full flex items-center gap-2 px-4 py-3 text-left"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: open === t.id ? 'chevron-down' : 'chevron-right',
+    c: "w-4 h-4 text-stone-400"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "font-medium text-sm"
+  }, t.name)), open === t.id && /*#__PURE__*/React.createElement("div", {
+    className: "px-4 pb-4 space-y-3 border-t border-stone-100 pt-3"
+  }, /*#__PURE__*/React.createElement(Field, {
+    label: "Assignment Rule"
+  }, /*#__PURE__*/React.createElement("input", {
+    defaultValue: t.rule,
+    className: inp + ' font-mono text-xs'
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "text-xs font-medium text-stone-600"
+  }, "Proposal Attributes"), t.factors.map(([n, f], i) => /*#__PURE__*/React.createElement("div", {
+    key: i,
+    className: "grid grid-cols-[160px_1fr] gap-2 items-center"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-xs text-stone-600"
+  }, n), /*#__PURE__*/React.createElement("input", {
+    defaultValue: f,
+    className: inp + ' font-mono text-xs'
+  }))))))));
+}
+
+/* ---- Playbooks ---- */
+function PlaybooksPage({
+  state,
+  setState,
+  nav
+}) {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PageHead, {
+    kicker: "Version Settings",
+    title: "Playbooks",
+    desc: "Each playbook drives a different proposal experience."
+  }, /*#__PURE__*/React.createElement(PrimaryBtn, {
+    icon: "plus",
+    onClick: () => {
+      setState(s => ({
+        ...s,
+        playbooks: [...s.playbooks, {
+          id: uid('pb'),
+          name: 'New Playbook',
+          display: 'New Playbook',
+          createdBy: 'Cameron Biggs',
+          updated: 'May 21, 2026'
+        }]
+      }));
+      toast('Playbook created');
+    }
+  }, "Create playbook")), /*#__PURE__*/React.createElement("div", {
+    className: "space-y-2"
+  }, state.playbooks.map(pb => /*#__PURE__*/React.createElement("div", {
+    key: pb.id,
+    className: "bg-white border border-stone-200 px-4 py-3 flex items-center gap-4 hover:border-amber-700 cursor-pointer",
+    onClick: () => nav('playbook-editor', null, pb.id)
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-stone-300"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "drag",
+    c: "w-4 h-4"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "flex-1"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "text-sm font-medium"
+  }, pb.name), /*#__PURE__*/React.createElement("div", {
+    className: "text-[11px] text-stone-500"
+  }, pb.display, " \xB7 ", pb.createdBy, " \xB7 Updated ", pb.updated)), /*#__PURE__*/React.createElement("button", {
+    onClick: e => {
+      e.stopPropagation();
+      nav('playbook-editor', null, pb.id);
+    },
+    className: "text-xs text-amber-800 hover:underline"
+  }, "Open editor"), /*#__PURE__*/React.createElement("button", {
+    onClick: e => {
+      e.stopPropagation();
+      setState(s => ({
+        ...s,
+        playbooks: s.playbooks.filter(x => x.id !== pb.id)
+      }));
+      toast('Playbook deleted');
+    },
+    className: "text-stone-400 hover:text-red-700"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "trash",
+    c: "w-3.5 h-3.5"
+  }))))));
+}
+function PlaybookEditor({
+  state,
+  setState,
+  nav
+}) {
+  const [settingsOpen, setSettingsOpen] = useState(true);
+  const [selQg, setSelQg] = useState(state.questionGroups[0]?.id);
+  const [selQ, setSelQ] = useState(null);
+  const [editQg, setEditQg] = useState(null);
+  const [editQ, setEditQ] = useState(null);
+  const [picker, setPicker] = useState(false);
+  const sel = state.questionGroups.find(g => g.id === selQg);
+  const selQuestion = sel && sel.questions.find(q => q.id === selQ);
+  const saveQg = (qg, isNew) => {
+    setState(s => ({
+      ...s,
+      questionGroups: isNew ? [...s.questionGroups, qg] : s.questionGroups.map(g => g.id === qg.id ? qg : g)
+    }));
+    if (isNew) setSelQg(qg.id);
+    setEditQg(null);
+    toast(isNew ? 'Group added' : 'Group saved');
+  };
+  const delQg = id => {
+    setState(s => ({
+      ...s,
+      questionGroups: s.questionGroups.filter(g => g.id !== id)
+    }));
+    setEditQg(null);
+    if (selQg === id) setSelQg(state.questionGroups.find(g => g.id !== id)?.id);
+    toast('Group removed');
+  };
+  const saveQ = (qgId, q, isNew) => {
+    setState(s => ({
+      ...s,
+      questionGroups: s.questionGroups.map(g => g.id !== qgId ? g : {
+        ...g,
+        questions: isNew ? [...g.questions, q] : g.questions.map(x => x.id === q.id ? q : x)
+      })
+    }));
+    setEditQ(null);
+    toast(isNew ? 'Question added' : 'Question saved');
+  };
+  const delQ = (qgId, qId) => {
+    setState(s => ({
+      ...s,
+      questionGroups: s.questionGroups.map(g => g.id !== qgId ? g : {
+        ...g,
+        questions: g.questions.filter(x => x.id !== qId)
+      })
+    }));
+    setEditQ(null);
+    toast('Question removed');
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-between mb-4"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
+    onClick: () => nav('playbooks'),
+    className: "text-xs text-amber-800 hover:underline flex items-center gap-1"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "chevron-left",
+    c: "w-3 h-3"
+  }), " Back to Playbooks"), /*#__PURE__*/React.createElement("h2", {
+    className: "font-serif text-2xl mt-1"
+  }, "Playbook Editor \u2014 Equipment")), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-3 text-xs text-stone-500"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: () => toast('Dependencies checked'),
+    className: "hover:text-stone-900"
+  }, "Check dependency"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => toast('Playbook validated'),
+    className: "hover:text-stone-900"
+  }, "Validate"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => setPicker(true),
+    className: "px-2 py-1 border border-stone-300 hover:bg-white flex items-center gap-1"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "sparkles",
+    c: "w-3 h-3"
+  }), " Reference Picker"))), /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-stone-200 mb-4"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: () => setSettingsOpen(!settingsOpen),
+    className: "w-full bg-stone-50 px-4 py-2.5 flex items-center gap-2 text-sm font-medium border-b border-stone-200"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: settingsOpen ? 'chevron-down' : 'chevron-right',
+    c: "w-4 h-4 text-stone-400"
+  }), " Playbook Settings"), settingsOpen && /*#__PURE__*/React.createElement("div", {
+    className: "p-5 grid grid-cols-3 gap-6"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "space-y-3"
+  }, /*#__PURE__*/React.createElement(Field, {
+    label: "Name"
+  }, /*#__PURE__*/React.createElement("input", {
+    defaultValue: "Equipment",
+    className: inp
+  })), /*#__PURE__*/React.createElement(Field, {
+    label: "Access Rights"
+  }, /*#__PURE__*/React.createElement("select", {
+    className: inp
+  }, /*#__PURE__*/React.createElement("option", null, "All admins"), /*#__PURE__*/React.createElement("option", null, "Equipment Group")))), /*#__PURE__*/React.createElement("div", {
+    className: "space-y-3"
+  }, /*#__PURE__*/React.createElement(Field, {
+    label: "Display Name"
+  }, /*#__PURE__*/React.createElement("input", {
+    defaultValue: "Equipment",
+    className: inp
+  })), /*#__PURE__*/React.createElement(Field, {
+    label: "Document Type"
+  }, /*#__PURE__*/React.createElement("select", {
+    className: inp
+  }, /*#__PURE__*/React.createElement("option", null, "DealRoom, EXCEL, PDF, WORD"), /*#__PURE__*/React.createElement("option", null, "PDF only")))), /*#__PURE__*/React.createElement("div", {
+    className: "space-y-2 pt-5"
+  }, ['Use geo-factors', 'Allow manual items', 'Enable proposal comments', 'Present proposal summary'].map((l, i) => /*#__PURE__*/React.createElement("label", {
+    key: l,
+    className: "flex items-center gap-2 text-sm text-stone-700"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "checkbox",
+    defaultChecked: i !== 1
+  }), " ", l))))), /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-stone-200"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "bg-stone-50 px-4 py-2.5 text-sm font-medium border-b border-stone-200"
+  }, "Question Groups"), /*#__PURE__*/React.createElement("div", {
+    className: "grid grid-cols-12"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-span-4 border-r border-stone-200 p-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-between mb-2 px-1"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-[10px] uppercase tracking-widest text-stone-500"
+  }, "Groups"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => setEditQg('new'),
+    className: "text-xs text-amber-800 hover:underline flex items-center gap-1"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "plus",
+    c: "w-3 h-3"
+  }), " Add")), state.questionGroups.map(qg => /*#__PURE__*/React.createElement("button", {
+    key: qg.id,
+    onClick: () => {
+      setSelQg(qg.id);
+      setSelQ(null);
+    },
+    className: `w-full text-left px-2 py-2 ${selQg === qg.id ? 'bg-amber-50' : 'hover:bg-stone-50'}`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `text-sm ${selQg === qg.id ? 'text-amber-900 font-medium' : ''}`
+  }, qg.name), /*#__PURE__*/React.createElement("div", {
+    className: "text-[10px] text-stone-500"
+  }, /*#__PURE__*/React.createElement("code", null, qg.id), " \xB7 ", qg.scope, " \xB7 ", qg.questions.length, " questions")))), /*#__PURE__*/React.createElement("div", {
+    className: "col-span-8 p-4"
+  }, sel ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-between mb-3"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", {
+    className: "font-serif text-lg"
+  }, sel.name), /*#__PURE__*/React.createElement("div", {
+    className: "text-[11px] text-stone-500"
+  }, /*#__PURE__*/React.createElement("code", null, sel.id), " \xB7 Scope: ", sel.scope)), /*#__PURE__*/React.createElement("div", {
+    className: "flex gap-2"
+  }, /*#__PURE__*/React.createElement(GhostBtn, {
+    onClick: () => setEditQg(sel.id)
+  }, "Edit Group"), /*#__PURE__*/React.createElement(PrimaryBtn, {
+    icon: "plus",
+    onClick: () => setEditQ({
+      qgId: sel.id,
+      q: 'new'
+    })
+  }, "Add Question"))), /*#__PURE__*/React.createElement("table", {
+    className: "w-full text-sm border border-stone-200"
+  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", {
+    className: "bg-stone-50 text-stone-500 text-xs border-b border-stone-200"
+  }, /*#__PURE__*/React.createElement("th", {
+    className: "text-left px-3 py-2 font-normal w-10"
+  }, "#"), /*#__PURE__*/React.createElement("th", {
+    className: "text-left px-3 py-2 font-normal"
+  }, "Question"), /*#__PURE__*/React.createElement("th", {
+    className: "text-left px-3 py-2 font-normal"
+  }, "Type"), /*#__PURE__*/React.createElement("th", {
+    className: "w-16"
+  }))), /*#__PURE__*/React.createElement("tbody", null, sel.questions.length === 0 ? /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+    colSpan: 4,
+    className: "text-center py-6 text-stone-400 italic text-sm"
+  }, "No questions yet.")) : sel.questions.map((q, i) => /*#__PURE__*/React.createElement("tr", {
+    key: q.id,
+    onClick: () => setSelQ(selQ === q.id ? null : q.id),
+    className: `border-b border-stone-100 cursor-pointer ${selQ === q.id ? 'bg-amber-50' : 'hover:bg-stone-50'}`
+  }, /*#__PURE__*/React.createElement("td", {
+    className: "px-3 py-2 text-stone-400 flex items-center gap-1"
+  }, i + 1, ". ", /*#__PURE__*/React.createElement(Ic, {
+    n: "drag",
+    c: "w-3 h-3"
+  })), /*#__PURE__*/React.createElement("td", {
+    className: "px-3 py-2"
+  }, q.label, q.required && /*#__PURE__*/React.createElement("span", {
+    className: "text-[9px] uppercase text-red-700 ml-1.5"
+  }, "Req"), /*#__PURE__*/React.createElement("div", {
+    className: "text-[10px] text-stone-400 font-mono"
+  }, q.id)), /*#__PURE__*/React.createElement("td", {
+    className: "px-3 py-2 text-stone-600 text-xs uppercase"
+  }, q.type), /*#__PURE__*/React.createElement("td", {
+    className: "px-3 py-2 text-right"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: e => {
+      e.stopPropagation();
+      setEditQ({
+        qgId: sel.id,
+        q
+      });
+    },
+    className: "text-stone-400 hover:text-stone-900"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "edit",
+    c: "w-3.5 h-3.5"
+  }))))))), selQuestion && /*#__PURE__*/React.createElement("div", {
+    className: "mt-3 border border-stone-200 bg-amber-50/40"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "bg-stone-50 px-4 py-2 text-sm font-medium border-b border-stone-200"
+  }, "Advanced question information for \"", selQuestion.label, "\""), /*#__PURE__*/React.createElement("div", {
+    className: "p-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "text-xs text-stone-500 mb-2"
+  }, "Conditional Answers"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => toast('Conditional answer row added'),
+    className: "text-xs text-amber-800 hover:underline flex items-center gap-1"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "plus",
+    c: "w-3 h-3"
+  }), " Add conditional answers"), /*#__PURE__*/React.createElement("div", {
+    className: "mt-2 flex items-center gap-2 text-xs"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "drag",
+    c: "w-3 h-3 text-stone-400"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "text-stone-500"
+  }, "If:"), /*#__PURE__*/React.createElement("input", {
+    placeholder: "Insert rule",
+    className: "px-2 py-1 border border-stone-300 flex-1"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "text-stone-500"
+  }, "use answer:"), /*#__PURE__*/React.createElement("input", {
+    placeholder: "Answer",
+    className: "px-2 py-1 border border-stone-300 w-32"
+  }))))) : /*#__PURE__*/React.createElement("div", {
+    className: "text-sm text-stone-400 italic"
+  }, "Select a question group.")))), editQg && /*#__PURE__*/React.createElement(QgEditor, {
+    qg: editQg === 'new' ? null : state.questionGroups.find(g => g.id === editQg),
+    onSave: qg => saveQg(qg, editQg === 'new'),
+    onDelete: editQg === 'new' || state.questionGroups.length === 1 ? null : () => delQg(editQg),
+    onClose: () => setEditQg(null)
+  }), editQ && /*#__PURE__*/React.createElement(QuestionEditor, {
+    state: state,
+    question: editQ.q === 'new' ? null : editQ.q,
+    onSave: q => saveQ(editQ.qgId, q, editQ.q === 'new'),
+    onDelete: editQ.q === 'new' ? null : () => delQ(editQ.qgId, editQ.q.id),
+    onClose: () => setEditQ(null)
+  }), picker && /*#__PURE__*/React.createElement(ReferencePicker, {
+    state: state,
+    onClose: () => setPicker(false)
+  }));
+}
+
+/* ---- Price Factors ---- */
+function PriceFactorsPage({
+  state,
+  setState,
+  route,
+  nav
+}) {
+  const tab = route.tab || 'Discount Tables';
+  const tabs = ['Discount Tables', 'Geo Factors', 'Special Factors', 'Rounding', 'Currency'];
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PageHead, {
+    kicker: "Version Settings",
+    title: "Price Factors",
+    desc: "Volume discounts, geo pricing, rounding and currency rates."
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "border-b border-stone-200 mb-4"
+  }, /*#__PURE__*/React.createElement(FolderTabs, {
+    tabs: tabs,
+    value: tab,
+    onChange: t => nav('pricefactors', t)
+  })), tab === 'Discount Tables' && /*#__PURE__*/React.createElement(DiscountTablesTab, {
+    state: state,
+    setState: setState
+  }), tab === 'Geo Factors' && /*#__PURE__*/React.createElement(SimpleFactorTab, {
+    title: "Geo Factors",
+    rows: [['Australia', '1.00'], ['New Zealand', '1.08'], ['Pacific Islands', '1.22']],
+    cols: ['Region', 'Factor']
+  }), tab === 'Special Factors' && /*#__PURE__*/React.createElement(SimpleFactorTab, {
+    title: "Special Factors",
+    rows: [['Government', '0.95'], ['Education', '0.92'], ['Multi-site', '0.97']],
+    cols: ['Segment', 'Factor']
+  }), tab === 'Rounding' && /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-stone-200 p-5 space-y-3 max-w-md"
+  }, /*#__PURE__*/React.createElement(Field, {
+    label: "Rounding method"
+  }, /*#__PURE__*/React.createElement("select", {
+    className: inp
+  }, /*#__PURE__*/React.createElement("option", null, "Round to nearest $1"), /*#__PURE__*/React.createElement("option", null, "Round to nearest $10"), /*#__PURE__*/React.createElement("option", null, "Round up to $5"))), /*#__PURE__*/React.createElement(Field, {
+    label: "Apply to"
+  }, /*#__PURE__*/React.createElement("select", {
+    className: inp
+  }, /*#__PURE__*/React.createElement("option", null, "Line item net price"), /*#__PURE__*/React.createElement("option", null, "Proposal total only")))), tab === 'Currency' && /*#__PURE__*/React.createElement(SimpleFactorTab, {
+    title: "Currency Rates",
+    rows: [['AUD', '1.0000'], ['USD', '0.6600'], ['NZD', '1.0850'], ['GBP', '0.5200'], ['EUR', '0.6100']],
+    cols: ['Currency', 'Rate to AUD']
+  }));
+}
+function SimpleFactorTab({
+  title,
+  rows,
+  cols
+}) {
+  const [data, setData] = useState(rows);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-stone-200 max-w-lg"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-between px-4 py-2.5 border-b border-stone-200"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-sm font-medium"
+  }, title), /*#__PURE__*/React.createElement("button", {
+    onClick: () => {
+      setData(d => [...d, ['New', '1.00']]);
+      toast('Row added');
+    },
+    className: "text-xs text-amber-800 hover:underline flex items-center gap-1"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "plus",
+    c: "w-3 h-3"
+  }), " Add")), /*#__PURE__*/React.createElement("table", {
+    className: "w-full text-sm"
+  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", {
+    className: "bg-stone-50 text-stone-500 text-xs border-b border-stone-200"
+  }, cols.map(c => /*#__PURE__*/React.createElement("th", {
+    key: c,
+    className: "text-left px-4 py-2 font-normal"
+  }, c)), /*#__PURE__*/React.createElement("th", {
+    className: "w-10"
+  }))), /*#__PURE__*/React.createElement("tbody", null, data.map((r, i) => /*#__PURE__*/React.createElement("tr", {
+    key: i,
+    className: "border-b border-stone-100"
+  }, /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2"
+  }, /*#__PURE__*/React.createElement("input", {
+    value: r[0],
+    onChange: e => setData(d => d.map((x, j) => j === i ? [e.target.value, x[1]] : x)),
+    className: "px-2 py-1 border border-stone-200 text-sm w-full"
+  })), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2"
+  }, /*#__PURE__*/React.createElement("input", {
+    value: r[1],
+    onChange: e => setData(d => d.map((x, j) => j === i ? [x[0], e.target.value] : x)),
+    className: "px-2 py-1 border border-stone-200 text-sm w-full tabular-nums"
+  })), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2 text-right"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: () => setData(d => d.filter((_, j) => j !== i)),
+    className: "text-stone-400 hover:text-red-700"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "x",
+    c: "w-3.5 h-3.5"
+  }))))))));
+}
+function DiscountTablesTab({
+  state,
+  setState
+}) {
+  const dt = state.discount;
+  const updTiers = u => setState(s => ({
+    ...s,
+    discount: {
+      ...s.discount,
+      tiers: u(s.discount.tiers)
+    }
+  }));
+  const setTier = (id, k, v) => updTiers(ts => ts.map(t => t.id === id ? {
+    ...t,
+    [k]: v
+  } : t));
+  return /*#__PURE__*/React.createElement("div", {
+    className: "grid grid-cols-2 gap-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-stone-200"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-between px-4 py-2.5 border-b border-stone-200"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-sm font-medium"
+  }, dt.name), /*#__PURE__*/React.createElement("button", {
+    onClick: () => updTiers(ts => [...ts, {
+      id: uid('t'),
+      from: 0,
+      to: null,
+      pct: 0
+    }]),
+    className: "text-xs text-amber-800 hover:underline flex items-center gap-1"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "plus",
+    c: "w-3 h-3"
+  }), " Add Tier")), /*#__PURE__*/React.createElement("table", {
+    className: "w-full text-sm"
+  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", {
+    className: "bg-stone-50 text-stone-500 text-xs border-b border-stone-200"
+  }, /*#__PURE__*/React.createElement("th", {
+    className: "text-left px-4 py-2 font-normal"
+  }, "From ($)"), /*#__PURE__*/React.createElement("th", {
+    className: "text-left px-4 py-2 font-normal"
+  }, "To ($)"), /*#__PURE__*/React.createElement("th", {
+    className: "text-left px-4 py-2 font-normal"
+  }, "Discount %"), /*#__PURE__*/React.createElement("th", {
+    className: "w-10"
+  }))), /*#__PURE__*/React.createElement("tbody", null, dt.tiers.map(t => /*#__PURE__*/React.createElement("tr", {
+    key: t.id,
+    className: "border-b border-stone-100"
+  }, /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "number",
+    value: t.from,
+    onChange: e => setTier(t.id, 'from', parseFloat(e.target.value) || 0),
+    className: "px-2 py-1 border border-stone-200 text-sm w-24 tabular-nums"
+  })), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2"
+  }, t.to === null ? /*#__PURE__*/React.createElement("span", {
+    className: "text-stone-400 italic text-xs"
+  }, "Infinity") : /*#__PURE__*/React.createElement("input", {
+    type: "number",
+    value: t.to,
+    onChange: e => setTier(t.id, 'to', parseFloat(e.target.value) || 0),
+    className: "px-2 py-1 border border-stone-200 text-sm w-24 tabular-nums"
+  })), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "number",
+    value: t.pct,
+    onChange: e => setTier(t.id, 'pct', parseFloat(e.target.value) || 0),
+    className: "px-2 py-1 border border-stone-200 text-sm w-20 tabular-nums"
+  })), /*#__PURE__*/React.createElement("td", {
+    className: "px-4 py-2 text-right"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: () => updTiers(ts => ts.filter(x => x.id !== t.id)),
+    className: "text-stone-400 hover:text-red-700"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "x",
+    c: "w-3.5 h-3.5"
+  })))))))), /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-stone-200 p-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "text-xs uppercase tracking-widest text-stone-500 mb-3"
+  }, "Discount Curve"), /*#__PURE__*/React.createElement(StepChart, {
+    tiers: dt.tiers
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-4 mt-3 text-[11px] text-stone-500"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "flex items-center gap-1.5"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "w-2.5 h-2.5 bg-amber-700"
+  }), "Discount %"))));
+}
+function StepChart({
+  tiers
+}) {
+  const W = 320,
+    H = 180,
+    pad = 32;
+  const maxPct = Math.max(10, ...tiers.map(t => t.pct)) * 1.2;
+  const n = tiers.length;
+  const pts = [];
+  tiers.forEach((t, i) => {
+    const x0 = pad + i / n * (W - pad * 2),
+      x1 = pad + (i + 1) / n * (W - pad * 2);
+    const y = H - pad - t.pct / maxPct * (H - pad * 2);
+    pts.push([x0, y], [x1, y]);
+  });
+  const path = pts.map((p, i) => `${i === 0 ? 'M' : 'L'}${p[0]},${p[1]}`).join(' ');
+  return /*#__PURE__*/React.createElement("svg", {
+    viewBox: `0 0 ${W} ${H}`,
+    className: "w-full"
+  }, /*#__PURE__*/React.createElement("line", {
+    x1: pad,
+    y1: H - pad,
+    x2: W - pad,
+    y2: H - pad,
+    stroke: "#d6d3d1"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: pad,
+    y1: pad,
+    x2: pad,
+    y2: H - pad,
+    stroke: "#d6d3d1"
+  }), [0, 0.5, 1].map(f => /*#__PURE__*/React.createElement("text", {
+    key: f,
+    x: pad - 6,
+    y: H - pad - f * (H - pad * 2) + 3,
+    textAnchor: "end",
+    fontSize: "9",
+    fill: "#a8a29e"
+  }, Math.round(maxPct * f), "%")), /*#__PURE__*/React.createElement("path", {
+    d: path,
+    fill: "none",
+    stroke: "#b45309",
+    strokeWidth: "2"
+  }), pts.filter((_, i) => i % 2 === 0).map((p, i) => /*#__PURE__*/React.createElement("circle", {
+    key: i,
+    cx: p[0],
+    cy: p[1],
+    r: "3",
+    fill: "#b45309"
+  })), tiers.map((t, i) => /*#__PURE__*/React.createElement("text", {
+    key: t.id,
+    x: pad + (i + 0.5) / n * (W - pad * 2),
+    y: H - pad + 12,
+    textAnchor: "middle",
+    fontSize: "8",
+    fill: "#a8a29e"
+  }, fmt(t.from))));
+}
+
+/* ---- Discounts ---- */
+function DiscountsPage({
+  route,
+  nav
+}) {
+  const tab = route.tab || 'Special Promotions';
+  const [promos, setPromos] = useState([{
+    id: 'pm1',
+    name: 'EOFY Equipment Bundle',
+    discount: '12%',
+    expires: '30-06-2026'
+  }]);
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PageHead, {
+    kicker: "Version Settings",
+    title: "Discounts",
+    desc: "Special promotions and one-off discounts."
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "border-b border-stone-200 mb-4"
+  }, /*#__PURE__*/React.createElement(FolderTabs, {
+    tabs: ['Special Promotions', 'Special Discounts'],
+    value: tab,
+    onChange: t => nav('discounts', t)
+  })), tab === 'Special Promotions' ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PrimaryBtn, {
+    icon: "plus",
+    onClick: () => {
+      setPromos(p => [...p, {
+        id: uid('pm'),
+        name: 'New Promotion',
+        discount: '0%',
+        expires: '—'
+      }]);
+      toast('Promotion added');
+    }
+  }, "Add Promotion"), /*#__PURE__*/React.createElement("div", {
+    className: "mt-4 space-y-2"
+  }, promos.map(p => /*#__PURE__*/React.createElement("div", {
+    key: p.id,
+    className: "bg-white border border-stone-200 px-4 py-3 flex items-center gap-4 text-sm"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "font-medium flex-1"
+  }, p.name), /*#__PURE__*/React.createElement("span", {
+    className: "text-amber-800"
+  }, p.discount), /*#__PURE__*/React.createElement("span", {
+    className: "text-stone-500 text-xs"
+  }, "Expires ", p.expires), /*#__PURE__*/React.createElement("button", {
+    onClick: () => setPromos(ps => ps.filter(x => x.id !== p.id)),
+    className: "text-stone-400 hover:text-red-700"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "trash",
+    c: "w-3.5 h-3.5"
+  })))))) : /*#__PURE__*/React.createElement(EmptyState, {
+    title: "No special discounts",
+    desc: "Special discounts let approvers grant one-off pricing exceptions outside the standard discount tables."
+  }));
+}
+
+/* ---- Parameters ---- */
+function ParametersPage({
+  state,
+  setState
+}) {
+  const [s, setS] = useState('');
+  const upd = u => setState(st => ({
+    ...st,
+    params: u(st.params)
+  }));
+  const setP = (id, k, v) => upd(ps => ps.map(p => p.id === id ? {
+    ...p,
+    [k]: v
+  } : p));
+  const rows = state.params.filter(p => !s || p.name.toLowerCase().includes(s.toLowerCase()));
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PageHead, {
+    kicker: "Version Settings",
+    title: "Parameters",
+    desc: "Reusable values for output documents, workflows and validation."
+  }, /*#__PURE__*/React.createElement(PrimaryBtn, {
+    icon: "plus",
+    onClick: () => upd(ps => [...ps, {
+      id: uid('p'),
+      name: 'NEW_PARAM',
+      playbook: 'Equipment',
+      value: '',
+      format: 'Text',
+      sync: '—'
+    }])
+  }, "Add Parameter")), /*#__PURE__*/React.createElement("div", {
+    className: "relative mb-3 max-w-xs"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "absolute left-3 top-2.5 text-stone-400"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "search"
+  })), /*#__PURE__*/React.createElement("input", {
+    value: s,
+    onChange: e => setS(e.target.value),
+    placeholder: "Search parameters\u2026",
+    className: "w-full pl-9 pr-3 py-2 text-sm border border-stone-300 bg-white"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-stone-200"
+  }, /*#__PURE__*/React.createElement("table", {
+    className: "w-full text-sm"
+  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", {
+    className: "bg-stone-50 text-stone-500 text-xs border-b border-stone-200"
+  }, /*#__PURE__*/React.createElement("th", {
+    className: "w-8"
+  }), ['Name', 'Playbook', 'Value', 'Format', 'Sync To'].map(h => /*#__PURE__*/React.createElement("th", {
+    key: h,
+    className: "text-left px-3 py-2 font-normal"
+  }, h)), /*#__PURE__*/React.createElement("th", {
+    className: "w-20"
+  }))), /*#__PURE__*/React.createElement("tbody", null, rows.map((p, i) => /*#__PURE__*/React.createElement("tr", {
+    key: p.id,
+    className: "border-b border-stone-100"
+  }, /*#__PURE__*/React.createElement("td", {
+    className: "px-2 text-stone-300"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "drag",
+    c: "w-3.5 h-3.5"
+  })), /*#__PURE__*/React.createElement("td", {
+    className: "px-3 py-2"
+  }, /*#__PURE__*/React.createElement("input", {
+    value: p.name,
+    onChange: e => setP(p.id, 'name', e.target.value),
+    className: "px-2 py-1 border border-stone-200 text-sm w-full font-mono text-xs"
+  })), /*#__PURE__*/React.createElement("td", {
+    className: "px-3 py-2"
+  }, /*#__PURE__*/React.createElement("select", {
+    value: p.playbook,
+    onChange: e => setP(p.id, 'playbook', e.target.value),
+    className: "px-2 py-1 border border-stone-200 text-sm"
+  }, state.playbooks.map(pb => /*#__PURE__*/React.createElement("option", {
+    key: pb.id
+  }, pb.name)))), /*#__PURE__*/React.createElement("td", {
+    className: "px-3 py-2"
+  }, /*#__PURE__*/React.createElement("input", {
+    value: p.value,
+    onChange: e => setP(p.id, 'value', e.target.value),
+    className: "px-2 py-1 border border-stone-200 text-sm w-full font-mono text-xs"
+  })), /*#__PURE__*/React.createElement("td", {
+    className: "px-3 py-2"
+  }, /*#__PURE__*/React.createElement("select", {
+    value: p.format,
+    onChange: e => setP(p.id, 'format', e.target.value),
+    className: "px-2 py-1 border border-stone-200 text-sm"
+  }, /*#__PURE__*/React.createElement("option", null, "Text"), /*#__PURE__*/React.createElement("option", null, "Number"), /*#__PURE__*/React.createElement("option", null, "Currency"), /*#__PURE__*/React.createElement("option", null, "Date"))), /*#__PURE__*/React.createElement("td", {
+    className: "px-3 py-2 text-xs text-stone-500"
+  }, p.sync), /*#__PURE__*/React.createElement("td", {
+    className: "px-3 py-2 text-right whitespace-nowrap"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: () => upd(ps => move(ps, i, -1)),
+    className: "text-stone-400 hover:text-stone-900 px-0.5"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "chevron-up",
+    c: "w-3.5 h-3.5"
+  })), /*#__PURE__*/React.createElement("button", {
+    onClick: () => upd(ps => move(ps, i, 1)),
+    className: "text-stone-400 hover:text-stone-900 px-0.5"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "chevron-down",
+    c: "w-3.5 h-3.5"
+  })), /*#__PURE__*/React.createElement("button", {
+    onClick: () => upd(ps => ps.filter(x => x.id !== p.id)),
+    className: "text-stone-400 hover:text-red-700 px-0.5"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "trash",
+    c: "w-3.5 h-3.5"
+  })))))))));
+}
+
+/* ---- Output Documents ---- */
+function OutputDocsPage({
+  route,
+  nav
+}) {
+  const view = route.tab;
+  const cards = [{
+    k: 'Approval Templates',
+    icon: 'mail'
+  }, {
+    k: 'Document Templates',
+    icon: 'file'
+  }, {
+    k: 'Sub-Document Templates',
+    icon: 'layers'
+  }, {
+    k: 'Proposal Summary Templates',
+    icon: 'eye'
+  }, {
+    k: 'Excel Template',
+    icon: 'grid'
+  }, {
+    k: 'DealRoom Templates',
+    icon: 'globe'
+  }, {
+    k: 'Document Parameters',
+    icon: 'hash'
+  }];
+  if (view === 'Document Templates') {
+    const docs = [{
+      name: 'Equipment — Long Form Quote',
+      playbook: 'Equipment',
+      date: 'May 20, 2026'
+    }, {
+      name: 'Equipment — Quick Proposal',
+      playbook: 'Equipment',
+      date: 'Apr 29, 2026'
+    }, {
+      name: 'Architecture — Concept Pack',
+      playbook: 'Architecture',
+      date: 'Apr 29, 2026'
+    }];
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PageHead, {
+      kicker: "Output Documents",
+      title: "Document Templates"
+    }, /*#__PURE__*/React.createElement(GhostBtn, {
+      onClick: () => nav('outputdocs')
+    }, "Back to hub"), /*#__PURE__*/React.createElement(PrimaryBtn, {
+      icon: "plus",
+      onClick: () => toast('New document template')
+    }, "New Document")), /*#__PURE__*/React.createElement("div", {
+      className: "bg-white border border-stone-200"
+    }, /*#__PURE__*/React.createElement("table", {
+      className: "w-full text-sm"
+    }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", {
+      className: "bg-stone-50 text-stone-500 text-xs border-b border-stone-200"
+    }, ['Name', 'Playbook', 'Date', ''].map((h, i) => /*#__PURE__*/React.createElement("th", {
+      key: i,
+      className: "text-left px-4 py-2 font-normal"
+    }, h)))), /*#__PURE__*/React.createElement("tbody", null, docs.map((d, i) => /*#__PURE__*/React.createElement("tr", {
+      key: i,
+      className: "border-b border-stone-100 hover:bg-stone-50"
+    }, /*#__PURE__*/React.createElement("td", {
+      className: "px-4 py-2.5"
+    }, d.name), /*#__PURE__*/React.createElement("td", {
+      className: "px-4 py-2.5 text-stone-600"
+    }, d.playbook), /*#__PURE__*/React.createElement("td", {
+      className: "px-4 py-2.5 text-stone-500 text-xs"
+    }, d.date), /*#__PURE__*/React.createElement("td", {
+      className: "px-4 py-2.5 text-right"
+    }, /*#__PURE__*/React.createElement("button", {
+      onClick: () => toast('Opening composer'),
+      className: "text-xs text-amber-800 hover:underline"
+    }, "Open composer"))))))));
+  }
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PageHead, {
+    kicker: "Version Settings",
+    title: "Output Documents",
+    desc: "Templates for proposals, summaries, DealRooms and emails."
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "grid grid-cols-2 md:grid-cols-4 gap-4"
+  }, cards.map(c => /*#__PURE__*/React.createElement("button", {
+    key: c.k,
+    onClick: () => c.k === 'Document Templates' ? nav('outputdocs', 'Document Templates') : toast(`${c.k} — coming up`),
+    className: "bg-white border border-stone-200 hover:border-amber-700 p-6 flex flex-col items-center gap-3 text-center"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-amber-800"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: c.icon,
+    c: "w-8 h-8"
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "text-xs text-stone-700"
+  }, c.k)))));
+}
+
+/* ---- Workflows ---- */
+function WorkflowsPage({
+  state,
+  setState
+}) {
+  const upd = u => setState(s => ({
+    ...s,
+    rules: u(s.rules)
+  }));
+  const setR = (id, k, v) => upd(rs => rs.map(r => r.id === id ? {
+    ...r,
+    [k]: v
+  } : r));
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PageHead, {
+    kicker: "Version Settings",
+    title: "Workflows & Validations",
+    desc: "Rule-based approval routing for proposals."
+  }, /*#__PURE__*/React.createElement(PrimaryBtn, {
+    icon: "plus",
+    onClick: () => upd(rs => [...rs, {
+      id: uid('r'),
+      desc: 'New approval rule',
+      active: 'Rule Based',
+      formula: '',
+      labels: [],
+      steps: []
+    }])
+  }, "Add Approval Rule")), /*#__PURE__*/React.createElement("div", {
+    className: "space-y-4"
+  }, state.rules.map((r, i) => /*#__PURE__*/React.createElement("div", {
+    key: r.id,
+    className: "bg-white border border-stone-200 p-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-3 mb-3"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-stone-300"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "drag",
+    c: "w-4 h-4"
+  })), /*#__PURE__*/React.createElement("input", {
+    value: r.desc,
+    onChange: e => setR(r.id, 'desc', e.target.value),
+    className: "text-sm font-medium border border-stone-200 px-2 py-1 flex-1"
+  }), /*#__PURE__*/React.createElement("select", {
+    value: r.active,
+    onChange: e => setR(r.id, 'active', e.target.value),
+    className: "text-xs border border-stone-200 px-2 py-1"
+  }, /*#__PURE__*/React.createElement("option", null, "Rule Based"), /*#__PURE__*/React.createElement("option", null, "Always"), /*#__PURE__*/React.createElement("option", null, "Off")), /*#__PURE__*/React.createElement("button", {
+    onClick: () => upd(rs => move(rs, i, -1)),
+    className: "text-stone-400 hover:text-stone-900"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "chevron-up",
+    c: "w-4 h-4"
+  })), /*#__PURE__*/React.createElement("button", {
+    onClick: () => upd(rs => move(rs, i, 1)),
+    className: "text-stone-400 hover:text-stone-900"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "chevron-down",
+    c: "w-4 h-4"
+  })), /*#__PURE__*/React.createElement("button", {
+    onClick: () => upd(rs => rs.filter(x => x.id !== r.id)),
+    className: "text-stone-400 hover:text-red-700"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "trash",
+    c: "w-3.5 h-3.5"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-2 mb-3"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-emerald-600"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "check",
+    c: "w-4 h-4"
+  })), /*#__PURE__*/React.createElement("input", {
+    value: r.formula,
+    onChange: e => setR(r.id, 'formula', e.target.value),
+    placeholder: "Active when\u2026 e.g. [General.total_list] > 150000",
+    className: "flex-1 px-2 py-1.5 border border-stone-200 text-sm font-mono text-xs"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-2 mb-3 flex-wrap"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-xs text-stone-500"
+  }, "Labels:"), r.labels.map((l, j) => /*#__PURE__*/React.createElement("span", {
+    key: j,
+    className: "text-xs bg-amber-50 text-amber-800 px-2 py-0.5 flex items-center gap-1"
+  }, l, /*#__PURE__*/React.createElement("button", {
+    onClick: () => setR(r.id, 'labels', r.labels.filter((_, k) => k !== j))
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "x",
+    c: "w-3 h-3"
+  })))), /*#__PURE__*/React.createElement("button", {
+    onClick: () => {
+      const l = prompt('Label name');
+      if (l) setR(r.id, 'labels', [...r.labels, l]);
+    },
+    className: "text-xs text-amber-800 hover:underline"
+  }, "+ Add")), /*#__PURE__*/React.createElement("div", {
+    className: "bg-stone-50 p-3 space-y-2"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "text-[10px] uppercase tracking-widest text-stone-500"
+  }, "Approval Steps"), r.steps.map((st, j) => /*#__PURE__*/React.createElement("div", {
+    key: st.id,
+    className: "flex items-center gap-2 text-xs bg-white border border-stone-200 px-3 py-2"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-stone-500"
+  }, "Step ", j + 1), /*#__PURE__*/React.createElement("span", {
+    className: "font-medium"
+  }, st.approverType), /*#__PURE__*/React.createElement("span", {
+    className: "text-stone-500"
+  }, "\xB7"), /*#__PURE__*/React.createElement("span", {
+    className: "text-stone-600"
+  }, st.users), /*#__PURE__*/React.createElement("span", {
+    className: "text-stone-400 ml-auto"
+  }, st.requires), /*#__PURE__*/React.createElement("button", {
+    onClick: () => setR(r.id, 'steps', r.steps.filter(x => x.id !== st.id)),
+    className: "text-stone-400 hover:text-red-700"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "x",
+    c: "w-3 h-3"
+  })))), /*#__PURE__*/React.createElement("button", {
+    onClick: () => setR(r.id, 'steps', [...r.steps, {
+      id: uid('s'),
+      approverType: 'Specific user(s)',
+      users: 'Cameron Biggs',
+      requires: 'One of the approvers'
+    }]),
+    className: "text-xs text-amber-800 hover:underline flex items-center gap-1"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "plus",
+    c: "w-3 h-3"
+  }), " Add Step"))))));
+}
+
+/* ---- Advanced Settings ---- */
+function AdvancedSettingsPage({
+  route,
+  nav
+}) {
+  const tab = route.tab || 'General Settings';
+  const tabs = ['General Settings', 'Localization Settings', 'Partner Levels', 'HubSpot Settings', 'Open API', 'DealRoom Settings', 'Manage External Objects', 'Callouts', 'Change Log'];
+  const [gen, setGen] = useState({
+    condName: true,
+    emailEditor: false,
+    lockDiscount: false
+  });
+  const [partners, setPartners] = useState(false);
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PageHead, {
+    kicker: "System Settings",
+    title: "Advanced Settings",
+    desc: "General, localization, partner, integration and API configuration."
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "border-b border-stone-200 mb-4"
+  }, /*#__PURE__*/React.createElement(FolderTabs, {
+    tabs: tabs,
+    value: tab,
+    onChange: t => nav('advanced', t)
+  })), tab === 'General Settings' && /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-stone-200 p-5 space-y-4 max-w-3xl"
+  }, [['condName', 'Enable conditional name and description'], ['emailEditor', 'Enable email templates editor [Beta]'], ['lockDiscount', "Lock line-item discount while using 'default discount'"]].map(([k, l]) => /*#__PURE__*/React.createElement("div", {
+    key: k,
+    className: "flex items-center justify-between"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-sm text-stone-700"
+  }, l), /*#__PURE__*/React.createElement(Toggle, {
+    on: gen[k],
+    onChange: v => setGen(g => ({
+      ...g,
+      [k]: v
+    }))
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-between"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-sm text-stone-700"
+  }, "Mantissa length"), /*#__PURE__*/React.createElement("select", {
+    className: "px-2 py-1 text-sm border border-stone-300 w-44"
+  }, /*#__PURE__*/React.createElement("option", null, "2"), /*#__PURE__*/React.createElement("option", null, "4"), /*#__PURE__*/React.createElement("option", null, "6"))), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-between"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-sm text-stone-700"
+  }, "Foundation for output documents"), /*#__PURE__*/React.createElement("select", {
+    className: "px-2 py-1 text-sm border border-stone-300 w-56"
+  }, /*#__PURE__*/React.createElement("option", null, "G2 (2nd generation)"), /*#__PURE__*/React.createElement("option", null, "G1 (legacy)")))), tab === 'Partner Levels' && /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-stone-200 p-5 space-y-4 max-w-2xl"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-between"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-sm text-stone-700"
+  }, "Enable partners"), /*#__PURE__*/React.createElement(Toggle, {
+    on: partners,
+    onChange: setPartners
+  })), /*#__PURE__*/React.createElement("div", {
+    className: partners ? '' : 'opacity-40 pointer-events-none'
+  }, /*#__PURE__*/React.createElement(Field, {
+    label: "Price calculation method"
+  }, /*#__PURE__*/React.createElement("select", {
+    className: inp + ' max-w-xs'
+  }, /*#__PURE__*/React.createElement("option", null, "Discount"), /*#__PURE__*/React.createElement("option", null, "Markup"))), /*#__PURE__*/React.createElement("div", {
+    className: "mt-3"
+  }, /*#__PURE__*/React.createElement(Field, {
+    label: "Partner level 1 label"
+  }, /*#__PURE__*/React.createElement("input", {
+    placeholder: "Insert label for partner level 1",
+    className: inp + ' max-w-xs'
+  }))))), tab === 'HubSpot Settings' && /*#__PURE__*/React.createElement(HubSpotTab, null), tab === 'Localization Settings' && /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-stone-200 p-5 grid grid-cols-2 gap-5 max-w-2xl"
+  }, /*#__PURE__*/React.createElement(Field, {
+    label: "Date format"
+  }, /*#__PURE__*/React.createElement("select", {
+    className: inp
+  }, /*#__PURE__*/React.createElement("option", null, "DD-MM-YYYY"), /*#__PURE__*/React.createElement("option", null, "MM-DD-YYYY"), /*#__PURE__*/React.createElement("option", null, "YYYY-MM-DD"))), /*#__PURE__*/React.createElement(Field, {
+    label: "Number format"
+  }, /*#__PURE__*/React.createElement("select", {
+    className: inp
+  }, /*#__PURE__*/React.createElement("option", null, "1,234.56"), /*#__PURE__*/React.createElement("option", null, "1.234,56")))), !['General Settings', 'Partner Levels', 'HubSpot Settings', 'Localization Settings'].includes(tab) && /*#__PURE__*/React.createElement(EmptyState, {
+    title: tab,
+    desc: `${tab} configuration. In the full product this tab carries its own form set — wired here as a navigable placeholder.`
+  }));
+}
+function HubSpotTab() {
+  const [fields, setFields] = useState([{
+    id: 'f1',
+    name: 'COMPANY.about_us',
+    read: true,
+    write: true,
+    type: 'string'
+  }, {
+    id: 'f2',
+    name: 'COMPANY.client_number',
+    read: true,
+    write: true,
+    type: 'number'
+  }, {
+    id: 'f3',
+    name: 'DEAL.hs_total_deal_value',
+    read: false,
+    write: true,
+    type: 'number'
+  }]);
+  const setF = (id, k, v) => setFields(fs => fs.map(f => f.id === id ? {
+    ...f,
+    [k]: v
+  } : f));
+  return /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-stone-200 p-5"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-between mb-3"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-sm font-medium"
+  }, "HubSpot fields mapped to playbook"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => setFields(fs => [...fs, {
+      id: uid('f'),
+      name: 'COMPANY.new_field',
+      read: true,
+      write: false,
+      type: 'string'
+    }]),
+    className: "text-xs text-amber-800 hover:underline flex items-center gap-1"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "plus",
+    c: "w-3 h-3"
+  }), " Add Field")), /*#__PURE__*/React.createElement("table", {
+    className: "w-full text-sm"
+  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", {
+    className: "bg-stone-50 text-stone-500 text-xs border-b border-stone-200"
+  }, ['Field name', 'Read', 'Write', 'Type', ''].map((h, i) => /*#__PURE__*/React.createElement("th", {
+    key: i,
+    className: "text-left px-3 py-2 font-normal"
+  }, h)))), /*#__PURE__*/React.createElement("tbody", null, fields.map(f => /*#__PURE__*/React.createElement("tr", {
+    key: f.id,
+    className: "border-b border-stone-100"
+  }, /*#__PURE__*/React.createElement("td", {
+    className: "px-3 py-2"
+  }, /*#__PURE__*/React.createElement("input", {
+    value: f.name,
+    onChange: e => setF(f.id, 'name', e.target.value),
+    className: "px-2 py-1 border border-stone-200 text-xs font-mono w-full"
+  })), /*#__PURE__*/React.createElement("td", {
+    className: "px-3 py-2"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "checkbox",
+    checked: f.read,
+    onChange: e => setF(f.id, 'read', e.target.checked)
+  })), /*#__PURE__*/React.createElement("td", {
+    className: "px-3 py-2"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "checkbox",
+    checked: f.write,
+    onChange: e => setF(f.id, 'write', e.target.checked)
+  })), /*#__PURE__*/React.createElement("td", {
+    className: "px-3 py-2"
+  }, /*#__PURE__*/React.createElement("select", {
+    value: f.type,
+    onChange: e => setF(f.id, 'type', e.target.value),
+    className: "px-2 py-1 border border-stone-200 text-xs"
+  }, /*#__PURE__*/React.createElement("option", null, "string"), /*#__PURE__*/React.createElement("option", null, "number"), /*#__PURE__*/React.createElement("option", null, "enumeration"))), /*#__PURE__*/React.createElement("td", {
+    className: "px-3 py-2 text-right"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: () => setFields(fs => fs.filter(x => x.id !== f.id)),
+    className: "text-stone-400 hover:text-red-700"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "trash",
+    c: "w-3.5 h-3.5"
+  }))))))));
+}
+
+/* ---- Layout Settings ---- */
+function LayoutSettingsPage({
+  state,
+  setState,
+  route,
+  nav
+}) {
+  const tab = route.tab || 'Proposals';
+  const upd = u => setState(s => ({
+    ...s,
+    layout: u(s.layout)
+  }));
+  const setC = (id, k, v) => upd(cs => cs.map(c => c.id === id ? {
+    ...c,
+    [k]: v
+  } : c));
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PageHead, {
+    kicker: "Control Panel",
+    title: "Layout Settings",
+    desc: "Control which columns appear in proposal and DealRoom tables."
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "border-b border-stone-200 mb-4"
+  }, /*#__PURE__*/React.createElement(FolderTabs, {
+    tabs: ['Proposals', 'DealRooms'],
+    value: tab,
+    onChange: t => nav('layout', t)
+  })), tab === 'DealRooms' ? /*#__PURE__*/React.createElement(EmptyState, {
+    title: "DealRoom table columns",
+    desc: "The DealRoom layout uses the same draggable column editor as Proposals \u2014 switch back to the Proposals tab to try it."
+  }) : /*#__PURE__*/React.createElement("div", {
+    className: "space-y-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-stone-200"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "text-sm font-medium px-4 py-2.5 border-b border-stone-200"
+  }, "Proposals table columns"), /*#__PURE__*/React.createElement("div", {
+    className: "divide-y divide-stone-100"
+  }, state.layout.map((c, i) => /*#__PURE__*/React.createElement("div", {
+    key: c.id,
+    className: "flex items-center gap-3 px-4 py-2 text-sm"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-stone-300"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "drag",
+    c: "w-4 h-4"
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "text-[10px] uppercase tracking-wider bg-stone-100 text-stone-500 px-1.5 py-0.5"
+  }, "System"), /*#__PURE__*/React.createElement("code", {
+    className: "text-xs text-stone-500 w-32 truncate"
+  }, c.field), /*#__PURE__*/React.createElement("input", {
+    value: c.display,
+    onChange: e => setC(c.id, 'display', e.target.value),
+    className: "px-2 py-1 border border-stone-200 text-sm flex-1"
+  }), /*#__PURE__*/React.createElement("input", {
+    type: "checkbox",
+    checked: c.show,
+    onChange: e => setC(c.id, 'show', e.target.checked)
+  }), /*#__PURE__*/React.createElement("input", {
+    type: "number",
+    value: c.width,
+    disabled: !c.show,
+    onChange: e => setC(c.id, 'width', parseInt(e.target.value) || 0),
+    className: `px-2 py-1 border text-sm w-20 tabular-nums ${c.show ? 'border-stone-200' : 'border-stone-100 bg-stone-100 text-stone-400'}`
+  }), /*#__PURE__*/React.createElement("button", {
+    onClick: () => upd(cs => move(cs, i, -1)),
+    className: "text-stone-400 hover:text-stone-900"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "chevron-up",
+    c: "w-3.5 h-3.5"
+  })), /*#__PURE__*/React.createElement("button", {
+    onClick: () => upd(cs => move(cs, i, 1)),
+    className: "text-stone-400 hover:text-stone-900"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "chevron-down",
+    c: "w-3.5 h-3.5"
+  })))))), /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-stone-200 overflow-x-auto"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "text-sm font-medium px-4 py-2.5 border-b border-stone-200"
+  }, "Default table preview"), /*#__PURE__*/React.createElement("table", {
+    className: "w-full text-sm"
+  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", {
+    className: "bg-stone-50 text-stone-500 text-xs border-b border-stone-200"
+  }, state.layout.filter(c => c.show).map(c => /*#__PURE__*/React.createElement("th", {
+    key: c.id,
+    className: "text-left px-4 py-2 font-normal",
+    style: {
+      width: c.width
+    }
+  }, c.display)))), /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", {
+    className: "border-b border-stone-100"
+  }, state.layout.filter(c => c.show).map(c => /*#__PURE__*/React.createElement("td", {
+    key: c.id,
+    className: "px-4 py-2.5 text-stone-600 text-xs"
+  }, c.field === 'STATUS' ? /*#__PURE__*/React.createElement(StatusPill, {
+    s: "Draft"
+  }) : c.field === 'NET_PRICE' ? '$166,900' : c.field === 'PROPOSAL_ID' ? 'Q-15592' : 'Sample'))))))));
+}
+
+/* ============ Admin Modals ============ */
+function ProductEditor({
+  product,
+  existing,
+  onSave,
+  onDelete,
+  onClose
+}) {
+  const [f, setF] = useState(product || {
+    sku: '',
+    name: '',
+    vendor: '',
+    listPrice: 0,
+    uom: 'each',
+    status: 'ACTIVE',
+    maxDiscount: 15,
+    dims: {
+      l: 0,
+      w: 0,
+      h: 0
+    }
+  });
+  const [cd, setCd] = useState(false);
+  const set = (k, v) => setF({
+    ...f,
+    [k]: v
+  });
+  const setD = (k, v) => setF({
+    ...f,
+    dims: {
+      ...f.dims,
+      [k]: v
+    }
+  });
+  const isNew = !product;
+  const conflict = isNew && existing.includes(f.sku.trim());
+  const valid = f.sku.trim() && f.name.trim() && f.vendor.trim() && !conflict;
+  return /*#__PURE__*/React.createElement(Modal, {
+    title: product ? `Edit · ${product.name}` : 'Add Product',
+    onClose: onClose
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "p-5 space-y-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "grid grid-cols-2 gap-4"
+  }, /*#__PURE__*/React.createElement(Field, {
+    label: "SKU",
+    required: true,
+    error: conflict ? 'SKU exists' : null
+  }, /*#__PURE__*/React.createElement("input", {
+    value: f.sku,
+    onChange: e => set('sku', e.target.value.toUpperCase()),
+    disabled: !isNew,
+    placeholder: "e.g. FT-843-AEO",
+    className: `${inp} font-mono ${!isNew ? 'bg-stone-100 text-stone-500' : ''} ${conflict ? 'border-red-500' : ''}`
+  })), /*#__PURE__*/React.createElement(Field, {
+    label: "Vendor",
+    required: true
+  }, /*#__PURE__*/React.createElement("input", {
+    value: f.vendor,
+    onChange: e => set('vendor', e.target.value),
+    className: inp
+  }))), /*#__PURE__*/React.createElement(Field, {
+    label: "Name",
+    required: true
+  }, /*#__PURE__*/React.createElement("input", {
+    value: f.name,
+    onChange: e => set('name', e.target.value),
+    className: inp
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "grid grid-cols-4 gap-4"
+  }, /*#__PURE__*/React.createElement(Field, {
+    label: "List Price (AUD)"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "number",
+    value: f.listPrice,
+    onChange: e => set('listPrice', parseFloat(e.target.value) || 0),
+    className: inp + ' tabular-nums'
+  })), /*#__PURE__*/React.createElement(Field, {
+    label: "Max Discount %"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "number",
+    value: f.maxDiscount,
+    onChange: e => set('maxDiscount', parseFloat(e.target.value) || 0),
+    className: inp + ' tabular-nums'
+  })), /*#__PURE__*/React.createElement(Field, {
+    label: "UOM"
+  }, /*#__PURE__*/React.createElement("select", {
+    value: f.uom,
+    onChange: e => set('uom', e.target.value),
+    className: inp
+  }, /*#__PURE__*/React.createElement("option", null, "each"), /*#__PURE__*/React.createElement("option", null, "box"), /*#__PURE__*/React.createElement("option", null, "m2"))), /*#__PURE__*/React.createElement(Field, {
+    label: "Status"
+  }, /*#__PURE__*/React.createElement("select", {
+    value: f.status,
+    onChange: e => set('status', e.target.value),
+    className: inp
+  }, /*#__PURE__*/React.createElement("option", null, "ACTIVE"), /*#__PURE__*/React.createElement("option", null, "DRAFT"), /*#__PURE__*/React.createElement("option", null, "DEPRECATED")))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "text-[10px] uppercase tracking-widest text-stone-500 mb-2"
+  }, "Dimensions (mm)"), /*#__PURE__*/React.createElement("div", {
+    className: "grid grid-cols-3 gap-4"
+  }, ['l', 'w', 'h'].map(d => /*#__PURE__*/React.createElement(Field, {
+    key: d,
+    label: d.toUpperCase()
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "number",
+    value: f.dims[d],
+    onChange: e => setD(d, parseFloat(e.target.value) || 0),
+    className: inp + ' tabular-nums'
+  })))))), /*#__PURE__*/React.createElement("div", {
+    className: "px-5 py-3 border-t border-stone-200 bg-stone-50 flex items-center justify-between"
+  }, /*#__PURE__*/React.createElement("div", null, onDelete && (cd ? /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-2 text-xs"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-red-700"
+  }, "Delete?"), /*#__PURE__*/React.createElement("button", {
+    onClick: onDelete,
+    className: "px-2 py-1 bg-red-700 text-white"
+  }, "Confirm"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => setCd(false),
+    className: "px-2 py-1 border border-stone-300"
+  }, "Cancel")) : /*#__PURE__*/React.createElement("button", {
+    onClick: () => setCd(true),
+    className: "text-xs text-red-700 hover:underline"
+  }, "Delete"))), /*#__PURE__*/React.createElement("div", {
+    className: "flex gap-2"
+  }, /*#__PURE__*/React.createElement(GhostBtn, {
+    onClick: onClose
+  }, "Cancel"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => valid && onSave(f),
+    disabled: !valid,
+    className: `px-3 py-1.5 text-xs ${valid ? 'bg-stone-900 text-white hover:bg-stone-700' : 'bg-stone-300 text-stone-500'}`
+  }, product ? 'Save Changes' : 'Add Product'))));
+}
+function QgEditor({
+  qg,
+  onSave,
+  onDelete,
+  onClose
+}) {
+  const [f, setF] = useState(qg || {
+    id: '',
+    name: '',
+    scope: 'global',
+    repeatable: false,
+    questions: []
+  });
+  const [cd, setCd] = useState(false);
+  const set = (k, v) => setF({
+    ...f,
+    [k]: v
+  });
+  useEffect(() => {
+    if (!qg && f.name) {
+      setF(p => ({
+        ...p,
+        id: slugify(f.name, 'QG')
+      }));
+    }
+  }, [f.name, qg]);
+  const valid = f.id.trim() && f.name.trim();
+  return /*#__PURE__*/React.createElement(Modal, {
+    title: qg ? `Edit · ${qg.name}` : 'Add Question Group',
+    onClose: onClose
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "p-5 space-y-4"
+  }, /*#__PURE__*/React.createElement(Field, {
+    label: "Name",
+    required: true
+  }, /*#__PURE__*/React.createElement("input", {
+    autoFocus: true,
+    value: f.name,
+    onChange: e => set('name', e.target.value),
+    className: inp
+  })), /*#__PURE__*/React.createElement(Field, {
+    label: "System ID",
+    required: true
+  }, /*#__PURE__*/React.createElement("input", {
+    value: f.id,
+    onChange: e => set('id', e.target.value),
+    disabled: !!qg,
+    className: `${inp} font-mono ${qg ? 'bg-stone-100 text-stone-500' : ''}`
+  })), /*#__PURE__*/React.createElement(Field, {
+    label: "Scope"
+  }, /*#__PURE__*/React.createElement("select", {
+    value: f.scope,
+    onChange: e => set('scope', e.target.value),
+    className: inp
+  }, /*#__PURE__*/React.createElement("option", {
+    value: "global"
+  }, "Global \xB7 once per proposal"), /*#__PURE__*/React.createElement("option", {
+    value: "room"
+  }, "Per Room")))), /*#__PURE__*/React.createElement("div", {
+    className: "px-5 py-3 border-t border-stone-200 bg-stone-50 flex items-center justify-between"
+  }, /*#__PURE__*/React.createElement("div", null, onDelete && (cd ? /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-2 text-xs"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-red-700"
+  }, "Delete group?"), /*#__PURE__*/React.createElement("button", {
+    onClick: onDelete,
+    className: "px-2 py-1 bg-red-700 text-white"
+  }, "Delete"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => setCd(false),
+    className: "px-2 py-1 border border-stone-300"
+  }, "Cancel")) : /*#__PURE__*/React.createElement("button", {
+    onClick: () => setCd(true),
+    className: "text-xs text-red-700 hover:underline"
+  }, "Delete"))), /*#__PURE__*/React.createElement("div", {
+    className: "flex gap-2"
+  }, /*#__PURE__*/React.createElement(GhostBtn, {
+    onClick: onClose
+  }, "Cancel"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => valid && onSave(f),
+    disabled: !valid,
+    className: `px-3 py-1.5 text-xs ${valid ? 'bg-stone-900 text-white hover:bg-stone-700' : 'bg-stone-300 text-stone-500'}`
+  }, qg ? 'Save' : 'Add Group'))));
+}
+function QuestionEditor({
+  state,
+  question,
+  onSave,
+  onDelete,
+  onClose
+}) {
+  const [f, setF] = useState(question || {
+    id: '',
+    label: '',
+    type: 'text',
+    required: false,
+    options: []
+  });
+  const [opts, setOpts] = useState((f.options || []).join('\n'));
+  const [cd, setCd] = useState(false);
+  const [picker, setPicker] = useState(false);
+  const set = (k, v) => setF(p => ({
+    ...p,
+    [k]: v
+  }));
+  useEffect(() => {
+    if (!question && f.label) {
+      setF(p => ({
+        ...p,
+        id: slugify(f.label, 'Q')
+      }));
+    }
+  }, [f.label, question]);
+  const valid = f.id.trim() && f.label.trim();
+  const handleSave = () => {
+    const final = {
+      ...f
+    };
+    if (f.type === 'select') final.options = opts.split('\n').map(s => s.trim()).filter(Boolean);else delete final.options;
+    onSave(final);
+  };
+  return /*#__PURE__*/React.createElement(Modal, {
+    title: question ? `Edit · ${question.label}` : 'Add Question',
+    onClose: onClose
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "p-5 space-y-4"
+  }, /*#__PURE__*/React.createElement(Field, {
+    label: "Label",
+    required: true
+  }, /*#__PURE__*/React.createElement("input", {
+    autoFocus: true,
+    value: f.label,
+    onChange: e => set('label', e.target.value),
+    className: inp
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "grid grid-cols-2 gap-4"
+  }, /*#__PURE__*/React.createElement(Field, {
+    label: "System ID",
+    required: true
+  }, /*#__PURE__*/React.createElement("input", {
+    value: f.id,
+    onChange: e => set('id', e.target.value),
+    disabled: !!question,
+    className: `${inp} font-mono ${question ? 'bg-stone-100 text-stone-500' : ''}`
+  })), /*#__PURE__*/React.createElement(Field, {
+    label: "Answer type"
+  }, /*#__PURE__*/React.createElement("select", {
+    value: f.type,
+    onChange: e => set('type', e.target.value),
+    className: inp
+  }, /*#__PURE__*/React.createElement("option", {
+    value: "text"
+  }, "Text"), /*#__PURE__*/React.createElement("option", {
+    value: "long_text"
+  }, "Long text"), /*#__PURE__*/React.createElement("option", {
+    value: "number"
+  }, "Number"), /*#__PURE__*/React.createElement("option", {
+    value: "date"
+  }, "Date"), /*#__PURE__*/React.createElement("option", {
+    value: "select"
+  }, "Select"), /*#__PURE__*/React.createElement("option", {
+    value: "calculated"
+  }, "Calculated")))), f.type === 'select' && /*#__PURE__*/React.createElement(Field, {
+    label: "Options (one per line)"
+  }, /*#__PURE__*/React.createElement("textarea", {
+    value: opts,
+    onChange: e => setOpts(e.target.value),
+    rows: 4,
+    className: inp + ' font-mono'
+  })), f.type === 'calculated' && /*#__PURE__*/React.createElement(Field, {
+    label: "Formula"
+  }, /*#__PURE__*/React.createElement("input", {
+    value: f.formula || '',
+    onChange: e => set('formula', e.target.value),
+    className: inp + ' font-mono text-xs'
+  }), /*#__PURE__*/React.createElement("button", {
+    onClick: () => setPicker(true),
+    className: "text-xs text-amber-800 hover:underline mt-1 flex items-center gap-1"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "sparkles",
+    c: "w-3 h-3"
+  }), " Insert a reference token")), /*#__PURE__*/React.createElement("label", {
+    className: "flex items-center gap-2 text-sm"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "checkbox",
+    checked: f.required,
+    onChange: e => set('required', e.target.checked)
+  }), " Required before submitting")), /*#__PURE__*/React.createElement("div", {
+    className: "px-5 py-3 border-t border-stone-200 bg-stone-50 flex items-center justify-between"
+  }, /*#__PURE__*/React.createElement("div", null, onDelete && (cd ? /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-2 text-xs"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-red-700"
+  }, "Delete?"), /*#__PURE__*/React.createElement("button", {
+    onClick: onDelete,
+    className: "px-2 py-1 bg-red-700 text-white"
+  }, "Delete"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => setCd(false),
+    className: "px-2 py-1 border border-stone-300"
+  }, "Cancel")) : /*#__PURE__*/React.createElement("button", {
+    onClick: () => setCd(true),
+    className: "text-xs text-red-700 hover:underline"
+  }, "Delete"))), /*#__PURE__*/React.createElement("div", {
+    className: "flex gap-2"
+  }, /*#__PURE__*/React.createElement(GhostBtn, {
+    onClick: onClose
+  }, "Cancel"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => valid && handleSave(),
+    disabled: !valid,
+    className: `px-3 py-1.5 text-xs ${valid ? 'bg-stone-900 text-white hover:bg-stone-700' : 'bg-stone-300 text-stone-500'}`
+  }, question ? 'Save' : 'Add Question'))), picker && /*#__PURE__*/React.createElement(ReferencePicker, {
+    state: state,
+    onClose: () => setPicker(false),
+    onInsert: tok => {
+      set('formula', (f.formula || '') + tok);
+      toast('Token inserted');
+    }
+  }));
+}
+function ReferencePicker({
+  state,
+  onClose,
+  onInsert
+}) {
+  const [ns, setNs] = useState('GQ');
+  const [picked, setPicked] = useState(null);
+  const namespaces = {
+    'GQ': {
+      label: 'Global Questions',
+      items: state.questionGroups.filter(g => g.scope === 'global').flatMap(g => g.questions).map(q => ({
+        id: q.id,
+        label: q.label
+      }))
+    },
+    'MS': {
+      label: 'Room Questions',
+      items: state.questionGroups.filter(g => g.scope === 'room').flatMap(g => g.questions).map(q => ({
+        id: q.id,
+        label: q.label
+      }))
+    },
+    'Item': {
+      label: 'Current line item',
+      items: [{
+        id: 'name',
+        label: 'Name'
+      }, {
+        id: 'sku',
+        label: 'SKU'
+      }, {
+        id: 'qty',
+        label: 'Quantity'
+      }, {
+        id: 'unit_price',
+        label: 'Unit Price'
+      }]
+    },
+    'ProductAttribute': {
+      label: 'Product attributes',
+      items: state.attributes.map(a => ({
+        id: a.id,
+        label: a.name
+      }))
+    },
+    'Parameter': {
+      label: 'Global parameters',
+      items: state.params.map(p => ({
+        id: p.name,
+        label: p.name
+      }))
+    },
+    'System': {
+      label: 'System values',
+      items: [{
+        id: 'today',
+        label: 'today'
+      }, {
+        id: 'quote_number',
+        label: 'quote_number'
+      }, {
+        id: 'currency',
+        label: 'currency'
+      }]
+    }
+  };
+  return /*#__PURE__*/React.createElement(Modal, {
+    title: "Reference Picker \u2014 Build a Token",
+    onClose: onClose,
+    wide: true
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "grid grid-cols-12 min-h-[380px]"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-span-4 border-r border-stone-200 bg-stone-50 p-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "text-[10px] uppercase tracking-widest text-stone-500 mb-3"
+  }, "Namespace"), Object.entries(namespaces).map(([k, n]) => /*#__PURE__*/React.createElement("button", {
+    key: k,
+    onClick: () => setNs(k),
+    className: `w-full text-left px-2 py-1.5 text-xs ${ns === k ? 'bg-amber-100 text-amber-900' : 'text-stone-700 hover:bg-white'}`
+  }, /*#__PURE__*/React.createElement("code", {
+    className: "text-stone-900"
+  }, k), /*#__PURE__*/React.createElement("div", {
+    className: "text-[10px] text-stone-500"
+  }, n.label)))), /*#__PURE__*/React.createElement("div", {
+    className: "col-span-8 p-5"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "text-[10px] uppercase tracking-widest text-stone-500 mb-2"
+  }, "Items in ", ns), /*#__PURE__*/React.createElement("div", {
+    className: "border border-stone-200 max-h-64 overflow-y-auto"
+  }, namespaces[ns].items.length === 0 ? /*#__PURE__*/React.createElement("div", {
+    className: "p-6 text-center text-sm text-stone-400 italic"
+  }, "No items.") : namespaces[ns].items.map(item => {
+    const tok = `[${ns}.${item.id}]`;
+    return /*#__PURE__*/React.createElement("button", {
+      key: item.id,
+      onClick: () => setPicked(tok),
+      className: "w-full text-left px-3 py-2 border-b border-stone-100 hover:bg-amber-50 flex items-center justify-between"
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("code", {
+      className: "text-xs text-amber-800"
+    }, tok), /*#__PURE__*/React.createElement("div", {
+      className: "text-[10px] text-stone-500"
+    }, item.label)), /*#__PURE__*/React.createElement(Ic, {
+      n: "arrow-right",
+      c: "w-3 h-3 text-stone-400"
+    }));
+  })), picked && /*#__PURE__*/React.createElement("div", {
+    className: "bg-emerald-50 border border-emerald-200 p-4 mt-4 flex items-center justify-between gap-3"
+  }, /*#__PURE__*/React.createElement("code", {
+    className: "text-sm text-emerald-900"
+  }, picked), onInsert ? /*#__PURE__*/React.createElement("button", {
+    onClick: () => {
+      onInsert(picked);
+      onClose();
+    },
+    className: "px-3 py-1.5 text-xs bg-emerald-700 text-white hover:bg-emerald-800"
+  }, "Insert & close") : /*#__PURE__*/React.createElement("span", {
+    className: "text-[11px] text-emerald-800"
+  }, "Reference token ready to use in any formula.")))));
+}
+function AddUserModal({
+  onClose,
+  onSave
+}) {
+  const [f, setF] = useState({
+    name: '',
+    email: '',
+    position: '',
+    role: 'Seller'
+  });
+  const valid = f.name.trim() && f.email.trim();
+  return /*#__PURE__*/React.createElement(Modal, {
+    title: "Add User",
+    onClose: onClose
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "p-5 space-y-4"
+  }, /*#__PURE__*/React.createElement(Field, {
+    label: "Full name",
+    required: true
+  }, /*#__PURE__*/React.createElement("input", {
+    autoFocus: true,
+    value: f.name,
+    onChange: e => setF({
+      ...f,
+      name: e.target.value
+    }),
+    className: inp
+  })), /*#__PURE__*/React.createElement(Field, {
+    label: "Email / login",
+    required: true
+  }, /*#__PURE__*/React.createElement("input", {
+    value: f.email,
+    onChange: e => setF({
+      ...f,
+      email: e.target.value
+    }),
+    className: inp
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "grid grid-cols-2 gap-4"
+  }, /*#__PURE__*/React.createElement(Field, {
+    label: "Position"
+  }, /*#__PURE__*/React.createElement("input", {
+    value: f.position,
+    onChange: e => setF({
+      ...f,
+      position: e.target.value
+    }),
+    className: inp
+  })), /*#__PURE__*/React.createElement(Field, {
+    label: "System Role"
+  }, /*#__PURE__*/React.createElement("select", {
+    value: f.role,
+    onChange: e => setF({
+      ...f,
+      role: e.target.value
+    }),
+    className: inp
+  }, /*#__PURE__*/React.createElement("option", null, "Seller"), /*#__PURE__*/React.createElement("option", null, "Admin"))))), /*#__PURE__*/React.createElement("div", {
+    className: "px-5 py-3 border-t border-stone-200 bg-stone-50 flex justify-end gap-2"
+  }, /*#__PURE__*/React.createElement(GhostBtn, {
+    onClick: onClose
+  }, "Cancel"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => valid && onSave({
+      id: uid('u'),
+      active: true,
+      login: f.email,
+      name: f.name,
+      email: f.email,
+      position: f.position || '—',
+      manager: 'Cameron Biggs',
+      role: f.role,
+      dealroom: false
+    }),
+    disabled: !valid,
+    className: `px-3 py-1.5 text-xs ${valid ? 'bg-stone-900 text-white hover:bg-stone-700' : 'bg-stone-300 text-stone-500'}`
+  }, "Add User")));
+}
+function EditGroupModal({
+  group,
+  users,
+  onClose,
+  onSave
+}) {
+  const [name, setName] = useState(group.name);
+  const [members, setMembers] = useState(group.users);
+  const toggle = id => setMembers(m => m.includes(id) ? m.filter(x => x !== id) : [...m, id]);
+  return /*#__PURE__*/React.createElement(Modal, {
+    title: "Edit Group",
+    onClose: onClose
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "p-5 space-y-4"
+  }, /*#__PURE__*/React.createElement(Field, {
+    label: "Group name"
+  }, /*#__PURE__*/React.createElement("input", {
+    value: name,
+    onChange: e => setName(e.target.value),
+    className: inp
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "border border-stone-200"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "bg-stone-50 px-3 py-2 text-xs font-medium border-b border-stone-200"
+  }, "Members"), users.map(u => /*#__PURE__*/React.createElement("label", {
+    key: u.id,
+    className: "flex items-center gap-3 px-3 py-2 border-b border-stone-100 text-sm cursor-pointer hover:bg-stone-50"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "checkbox",
+    checked: members.includes(u.id),
+    onChange: () => toggle(u.id)
+  }), /*#__PURE__*/React.createElement("span", null, u.name), /*#__PURE__*/React.createElement("span", {
+    className: "text-xs text-stone-400 ml-auto"
+  }, u.position))))), /*#__PURE__*/React.createElement("div", {
+    className: "px-5 py-3 border-t border-stone-200 bg-stone-50 flex justify-end gap-2"
+  }, /*#__PURE__*/React.createElement(GhostBtn, {
+    onClick: onClose
+  }, "Cancel"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => onSave({
+      ...group,
+      name,
+      users: members
+    }),
+    className: "px-3 py-1.5 text-xs bg-stone-900 text-white hover:bg-stone-700"
+  }, "Done")));
+}
+
+/* ============ Sales Surface ============ */
+function SalesSurface({
+  state,
+  setState,
+  route,
+  nav,
+  goSurface,
+  reset
+}) {
+  const sec = route.section;
+  const tabs = [['proposals', 'Proposals'], ['dealrooms', 'DealRooms'], ['approvals', 'Approvals']];
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("header", {
+    className: "border-b border-stone-200 bg-white sticky top-0 z-30"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "px-6 h-14 flex items-center justify-between"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-5"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "font-serif text-lg tracking-tight"
+  }, "New DealHub"), /*#__PURE__*/React.createElement("div", {
+    className: "w-px h-5 bg-stone-200"
+  }), /*#__PURE__*/React.createElement("nav", {
+    className: "flex items-center gap-1"
+  }, tabs.map(([k, l]) => /*#__PURE__*/React.createElement("button", {
+    key: k,
+    onClick: () => nav(k),
+    className: `px-3 py-1.5 text-sm border-b-2 ${sec === k ? 'border-amber-700 text-stone-900 font-medium' : 'border-transparent text-stone-500 hover:text-stone-900'}`
+  }, l)))), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-3"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-xs text-stone-400 font-mono"
+  }, "V003_004_005"), /*#__PURE__*/React.createElement("span", {
+    className: "px-2 py-0.5 text-[10px] uppercase tracking-wider bg-emerald-100 text-emerald-700"
+  }, "Active"), /*#__PURE__*/React.createElement("div", {
+    className: "flex border border-stone-300 overflow-hidden"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: () => goSurface('admin'),
+    className: "px-3 py-1 text-[11px] uppercase tracking-wider bg-white text-stone-600 hover:bg-stone-50"
+  }, "Admin"), /*#__PURE__*/React.createElement("button", {
+    className: "px-3 py-1 text-[11px] uppercase tracking-wider bg-stone-900 text-stone-50"
+  }, "Sales")), /*#__PURE__*/React.createElement("span", {
+    className: "text-stone-400"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "bell"
+  })), /*#__PURE__*/React.createElement(ResetBtn, {
+    reset: reset
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "w-8 h-8 rounded-full bg-amber-700 text-white flex items-center justify-center text-xs font-medium"
+  }, "CB")))), /*#__PURE__*/React.createElement("div", {
+    className: "fade-in",
+    key: sec + (route.arg || '')
+  }, sec === 'proposals' && (route.arg ? /*#__PURE__*/React.createElement(ProposalBuilder, {
+    state: state,
+    setState: setState,
+    nav: nav
+  }) : /*#__PURE__*/React.createElement(ProposalsView, {
+    state: state,
+    nav: nav
+  })), sec === 'dealrooms' && /*#__PURE__*/React.createElement(SalesListView, {
+    title: "DealRooms",
+    desc: "Active DealRooms shared with buyers.",
+    rows: [{
+      a: 'Nelson Bay Vet Hospital',
+      b: 'Surgical Refit DealRoom',
+      c: 'Pending signature'
+    }, {
+      a: 'Belmont Vet',
+      b: 'Imaging Suite DealRoom',
+      c: 'Active'
+    }]
+  }), sec === 'approvals' && /*#__PURE__*/React.createElement(SalesListView, {
+    title: "Approvals",
+    desc: "Proposals waiting on your approval.",
+    rows: [{
+      a: 'Coastal Animal Hospital',
+      b: 'Cage Bank — Q-15588',
+      c: 'Draft'
+    }, {
+      a: 'Hunter Equine',
+      b: 'Stable Fit-out — Q-15601',
+      c: 'Draft'
+    }]
+  })));
+}
+function SalesListView({
+  title,
+  desc,
+  rows
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "p-6 max-w-4xl mx-auto"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "mb-5"
+  }, /*#__PURE__*/React.createElement("h2", {
+    className: "font-serif text-2xl"
+  }, title), /*#__PURE__*/React.createElement("div", {
+    className: "text-xs text-stone-500"
+  }, desc)), /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-stone-200"
+  }, rows.map((r, i) => /*#__PURE__*/React.createElement("div", {
+    key: i,
+    className: "flex items-center gap-4 px-4 py-3 border-b border-stone-100 last:border-0 text-sm"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex-1"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "font-medium"
+  }, r.b), /*#__PURE__*/React.createElement("div", {
+    className: "text-xs text-stone-500"
+  }, r.a)), /*#__PURE__*/React.createElement(StatusPill, {
+    s: r.c
+  })))));
+}
+function ProposalsView({
+  state,
+  nav
+}) {
+  const [acct, setAcct] = useState('Therian');
+  const [acctSearch, setAcctSearch] = useState('');
+  const [open, setOpen] = useState(['o1']);
+  const filters = ['My opportunities', 'Shared with me', 'Ready to be sent', "Pending other's approval", 'Pending my approval'];
+  const [filter, setFilter] = useState('My opportunities');
+  const accounts = D_ACCOUNTS.filter(a => !acctSearch || a.toLowerCase().includes(acctSearch.toLowerCase()));
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex min-h-[calc(100vh-57px)]"
+  }, /*#__PURE__*/React.createElement("aside", {
+    className: "w-64 border-r border-stone-200 bg-white flex flex-col"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "p-3 border-b border-stone-100"
+  }, filters.map(f => /*#__PURE__*/React.createElement("button", {
+    key: f,
+    onClick: () => setFilter(f),
+    className: `w-full text-left px-3 py-1.5 text-sm flex items-center gap-2.5 ${filter === f ? 'text-amber-900 font-medium' : 'text-stone-600 hover:bg-stone-50'}`
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: f === 'My opportunities' ? 'grid' : f === 'Shared with me' ? 'users' : f === 'Ready to be sent' ? 'check' : 'clock',
+    c: "w-3.5 h-3.5"
+  }), f))), /*#__PURE__*/React.createElement("div", {
+    className: "p-3 flex-1"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "relative mb-2"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "absolute left-2.5 top-2 text-stone-400"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "search",
+    c: "w-3.5 h-3.5"
+  })), /*#__PURE__*/React.createElement("input", {
+    value: acctSearch,
+    onChange: e => setAcctSearch(e.target.value),
+    placeholder: "Search accounts",
+    className: "w-full pl-8 pr-2 py-1.5 text-xs border border-stone-300 rounded-full"
+  })), accounts.map(a => /*#__PURE__*/React.createElement("button", {
+    key: a,
+    onClick: () => setAcct(a),
+    className: `w-full text-left px-2 py-1.5 text-sm flex items-center gap-2 ${acct === a ? 'bg-amber-50 text-amber-900' : 'text-stone-700 hover:bg-stone-50'}`
+  }, acct === a && /*#__PURE__*/React.createElement("span", {
+    className: "text-amber-700"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "pin",
+    c: "w-3 h-3"
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "w-5 h-5 bg-stone-200 text-stone-600 text-[10px] flex items-center justify-center"
+  }, a[0]), a)))), /*#__PURE__*/React.createElement("main", {
+    className: "flex-1 p-6 bg-stone-50"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-between mb-4"
+  }, /*#__PURE__*/React.createElement("h2", {
+    className: "font-serif text-2xl"
+  }, "Proposals"), /*#__PURE__*/React.createElement("div", {
+    className: "relative"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "absolute left-3 top-2.5 text-stone-400"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "search",
+    c: "w-3.5 h-3.5"
+  })), /*#__PURE__*/React.createElement("input", {
+    placeholder: "Search proposals",
+    className: "pl-9 pr-3 py-2 text-sm border border-stone-300 w-64"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-2 mb-4 text-xs"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "bg-white border border-stone-200 px-2 py-1 flex items-center gap-1"
+  }, "Group by: Opportunity ", /*#__PURE__*/React.createElement(Ic, {
+    n: "x",
+    c: "w-3 h-3 text-stone-400"
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "bg-white border border-stone-200 px-2 py-1 flex items-center gap-1"
+  }, "Account: ", acct, " ", /*#__PURE__*/React.createElement(Ic, {
+    n: "x",
+    c: "w-3 h-3 text-stone-400"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "space-y-2"
+  }, state.opps.map(o => {
+    const isOpen = open.includes(o.id);
+    return /*#__PURE__*/React.createElement("div", {
+      key: o.id
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "bg-stone-100 flex items-center gap-3 px-4 py-3 cursor-pointer",
+      onClick: () => setOpen(s => s.includes(o.id) ? s.filter(x => x !== o.id) : [...s, o.id])
+    }, /*#__PURE__*/React.createElement(Ic, {
+      n: isOpen ? 'chevron-down' : 'chevron-right',
+      c: "w-4 h-4 text-stone-400"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: `w-6 h-6 ${o.accountColor} text-white text-xs flex items-center justify-center`
+    }, o.account[0]), /*#__PURE__*/React.createElement("span", {
+      className: "font-medium text-sm"
+    }, o.account), /*#__PURE__*/React.createElement("span", {
+      className: "text-stone-400"
+    }, "\xB7"), /*#__PURE__*/React.createElement("span", {
+      className: "text-sm text-stone-600 flex items-center gap-1.5"
+    }, /*#__PURE__*/React.createElement(Ic, {
+      n: "file",
+      c: "w-3.5 h-3.5"
+    }), o.name), /*#__PURE__*/React.createElement("span", {
+      className: "text-xs text-stone-400 flex items-center gap-1 ml-2"
+    }, /*#__PURE__*/React.createElement(Ic, {
+      n: "globe",
+      c: "w-3 h-3"
+    }), o.country), /*#__PURE__*/React.createElement("span", {
+      className: "text-xs text-stone-400"
+    }, o.currency), /*#__PURE__*/React.createElement("span", {
+      className: "text-xs text-stone-400 flex items-center gap-1"
+    }, /*#__PURE__*/React.createElement(Ic, {
+      n: "calendar",
+      c: "w-3 h-3"
+    }), o.date), /*#__PURE__*/React.createElement(StatusPill, {
+      s: o.status
+    }), isOpen && /*#__PURE__*/React.createElement("button", {
+      onClick: e => {
+        e.stopPropagation();
+        nav('proposals', null, 'new');
+      },
+      className: "ml-auto px-3 py-1 text-xs bg-amber-700 text-white hover:bg-amber-800"
+    }, "Create proposal")), isOpen && /*#__PURE__*/React.createElement("div", {
+      className: "bg-white border border-stone-200 border-t-0"
+    }, /*#__PURE__*/React.createElement("table", {
+      className: "w-full text-sm"
+    }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", {
+      className: "bg-stone-50 text-stone-500 text-xs border-b border-stone-200"
+    }, ['Proposal ID', 'Proposal name', 'Creator', 'Status', 'Last update', 'Net price', 'Version'].map(h => /*#__PURE__*/React.createElement("th", {
+      key: h,
+      className: "text-left px-4 py-2 font-normal"
+    }, h)))), /*#__PURE__*/React.createElement("tbody", null, o.proposals.map(p => /*#__PURE__*/React.createElement("tr", {
+      key: p.id,
+      onClick: () => nav('proposals', null, p.id),
+      className: "border-b border-stone-100 hover:bg-amber-50/50 cursor-pointer"
+    }, /*#__PURE__*/React.createElement("td", {
+      className: "px-4 py-2.5 font-mono text-xs"
+    }, p.id), /*#__PURE__*/React.createElement("td", {
+      className: "px-4 py-2.5 flex items-center gap-1.5"
+    }, /*#__PURE__*/React.createElement(Ic, {
+      n: "file",
+      c: "w-3.5 h-3.5 text-amber-700"
+    }), p.name), /*#__PURE__*/React.createElement("td", {
+      className: "px-4 py-2.5 text-stone-600"
+    }, p.creator), /*#__PURE__*/React.createElement("td", {
+      className: "px-4 py-2.5"
+    }, /*#__PURE__*/React.createElement(StatusPill, {
+      s: p.status
+    })), /*#__PURE__*/React.createElement("td", {
+      className: "px-4 py-2.5 text-stone-500 text-xs"
+    }, p.updated), /*#__PURE__*/React.createElement("td", {
+      className: "px-4 py-2.5 text-right tabular-nums"
+    }, "A", fmt(p.net)), /*#__PURE__*/React.createElement("td", {
+      className: "px-4 py-2.5 text-stone-500 text-xs"
+    }, p.version)))))));
+  }))));
+}
+
+/* ---- Proposal Builder ---- */
+function ProposalBuilder({
+  state,
+  setState,
+  nav
+}) {
+  const [activeRoomId, setActiveRoomId] = useState(state.proposal.rooms[0]?.id);
+  const [showPicker, setShowPicker] = useState(false);
+  const [editingRoomId, setEditingRoomId] = useState(null);
+  useEffect(() => {
+    if (state.proposal.rooms.length > 0 && !state.proposal.rooms.find(r => r.id === activeRoomId)) setActiveRoomId(state.proposal.rooms[0].id);
+  }, [state.proposal.rooms, activeRoomId]);
+  const activeRoom = state.proposal.rooms.find(r => r.id === activeRoomId);
+  const updP = u => setState(s => ({
+    ...s,
+    proposal: u(s.proposal)
+  }));
+  const updR = (id, u) => updP(p => ({
+    ...p,
+    rooms: p.rooms.map(r => r.id === id ? u(r) : r)
+  }));
+  const addRoom = () => {
+    const r = {
+      id: uid('room'),
+      name: `Room ${state.proposal.rooms.length + 1}`,
+      answers: {},
+      lineItems: []
+    };
+    updP(p => ({
+      ...p,
+      rooms: [...p.rooms, r]
+    }));
+    setActiveRoomId(r.id);
+    setEditingRoomId(r.id);
+  };
+  const dupRoom = id => {
+    const room = state.proposal.rooms.find(r => r.id === id);
+    if (!room) return;
+    const nr = {
+      ...room,
+      id: uid('room'),
+      name: `${room.name} (Copy)`,
+      lineItems: room.lineItems.map(li => ({
+        ...li,
+        id: uid('li')
+      }))
+    };
+    updP(p => ({
+      ...p,
+      rooms: [...p.rooms, nr]
+    }));
+    setActiveRoomId(nr.id);
+    toast(`Duplicated ${room.name}`);
+  };
+  const delRoom = id => {
+    if (state.proposal.rooms.length === 1) return;
+    updP(p => ({
+      ...p,
+      rooms: p.rooms.filter(x => x.id !== id)
+    }));
+    toast('Room removed');
+  };
+  const addLineItem = sku => {
+    const prod = state.products.find(p => p.sku === sku);
+    if (!prod || !activeRoom) return;
+    updR(activeRoom.id, r => ({
+      ...r,
+      lineItems: [...r.lineItems, {
+        id: uid('li'),
+        sku: prod.sku,
+        qty: 1,
+        unitPrice: prod.listPrice
+      }]
+    }));
+    toast(`Added to ${activeRoom.name}`);
+  };
+  const roomTotal = r => r.lineItems.reduce((s, li) => s + li.qty * li.unitPrice, 0);
+  const total = useMemo(() => state.proposal.rooms.reduce((s, r) => s + roomTotal(r), 0), [state.proposal.rooms]);
+  const globalQGs = state.questionGroups.filter(qg => qg.scope === 'global');
+  const roomQGs = state.questionGroups.filter(qg => qg.scope === 'room');
+  const [gOpen, setGOpen] = useState(false);
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border-b border-stone-200 px-6 py-3"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: () => nav('proposals'),
+    className: "text-xs text-amber-800 hover:underline flex items-center gap-1 mb-1"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "chevron-left",
+    c: "w-3 h-3"
+  }), " Back to Proposals"), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-end justify-between flex-wrap gap-3"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "text-[10px] uppercase tracking-widest text-amber-800"
+  }, "Proposal \xB7 Draft"), /*#__PURE__*/React.createElement(InlineEdit, {
+    value: state.proposal.name,
+    onChange: v => updP(p => ({
+      ...p,
+      name: v
+    })),
+    className: "font-serif text-xl"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "text-xs text-stone-500 mt-0.5"
+  }, /*#__PURE__*/React.createElement("code", null, state.proposal.number), " \xB7 Playbook Equipment \xB7 Total ", /*#__PURE__*/React.createElement("span", {
+    className: "font-medium text-stone-900 tabular-nums"
+  }, fmt(total), " AUD"))), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-2"
+  }, /*#__PURE__*/React.createElement(GhostBtn, {
+    onClick: () => toast('Draft saved')
+  }, "Save Draft"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => toast('Submitted for approval'),
+    className: "px-3 py-1.5 text-xs bg-amber-700 text-white hover:bg-amber-800 flex items-center gap-1.5"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "send",
+    c: "w-3 h-3"
+  }), " Submit for Approval")))), /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border-b border-stone-200"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: () => setGOpen(!gOpen),
+    className: "w-full px-6 py-2.5 flex items-center justify-between hover:bg-stone-50"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "flex items-center gap-3 text-sm"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "file",
+    c: "w-4 h-4 text-stone-400"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "font-medium"
+  }, "Customer & Commercial"), /*#__PURE__*/React.createElement("span", {
+    className: "text-xs text-stone-500"
+  }, "Global \xB7 applies to entire proposal")), /*#__PURE__*/React.createElement(Ic, {
+    n: "chevron-down",
+    c: `w-4 h-4 text-stone-400 transition-transform ${gOpen ? 'rotate-180' : ''}`
+  })), gOpen && /*#__PURE__*/React.createElement("div", {
+    className: "px-6 py-4 grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-3 border-t border-stone-200 bg-stone-50"
+  }, globalQGs.flatMap(qg => qg.questions).map(q => /*#__PURE__*/React.createElement(QField, {
+    key: q.id,
+    q: q,
+    value: state.proposal.globalAnswers[q.id] || '',
+    onChange: v => updP(p => ({
+      ...p,
+      globalAnswers: {
+        ...p.globalAnswers,
+        [q.id]: v
+      }
+    }))
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "bg-stone-100 border-b border-stone-200 px-3 pt-2 flex items-center gap-1 overflow-x-auto"
+  }, state.proposal.rooms.map(room => /*#__PURE__*/React.createElement(RoomTab, {
+    key: room.id,
+    room: room,
+    active: room.id === activeRoomId,
+    editing: room.id === editingRoomId,
+    total: roomTotal(room),
+    canDel: state.proposal.rooms.length > 1,
+    onClick: () => setActiveRoomId(room.id),
+    onStart: () => setEditingRoomId(room.id),
+    onEnd: () => setEditingRoomId(null),
+    onRename: n => updR(room.id, r => ({
+      ...r,
+      name: n
+    })),
+    onDup: () => dupRoom(room.id),
+    onDel: () => delRoom(room.id)
+  })), /*#__PURE__*/React.createElement("button", {
+    onClick: addRoom,
+    className: "px-3 py-2 text-sm text-stone-500 hover:text-stone-900 flex items-center gap-1 whitespace-nowrap"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "plus",
+    c: "w-3.5 h-3.5"
+  }), " Add Room")), activeRoom && /*#__PURE__*/React.createElement("div", {
+    className: "grid grid-cols-1 lg:grid-cols-2 gap-px bg-stone-200"
+  }, /*#__PURE__*/React.createElement(RoomEditor, {
+    room: activeRoom,
+    qgs: roomQGs,
+    products: state.products,
+    onAnswer: (q, v) => updR(activeRoom.id, r => ({
+      ...r,
+      answers: {
+        ...r.answers,
+        [q]: v
+      }
+    })),
+    onItemUpd: (itemId, u) => updR(activeRoom.id, r => ({
+      ...r,
+      lineItems: r.lineItems.map(li => li.id === itemId ? u(li) : li)
+    })),
+    onItemDel: itemId => updR(activeRoom.id, r => ({
+      ...r,
+      lineItems: r.lineItems.filter(li => li.id !== itemId)
+    })),
+    onAdd: () => setShowPicker(true),
+    total: roomTotal(activeRoom)
+  }), /*#__PURE__*/React.createElement(LivePreview, {
+    proposal: state.proposal,
+    products: state.products,
+    roomTotal: roomTotal,
+    totalAll: total
+  })), showPicker && /*#__PURE__*/React.createElement(ProductPicker, {
+    products: state.products,
+    onSelect: sku => {
+      addLineItem(sku);
+      setShowPicker(false);
+    },
+    onClose: () => setShowPicker(false)
+  }));
+}
+function RoomTab({
+  room,
+  active,
+  editing,
+  total,
+  canDel,
+  onClick,
+  onStart,
+  onEnd,
+  onRename,
+  onDup,
+  onDel
+}) {
+  const [name, setName] = useState(room.name);
+  const [menu, setMenu] = useState(false);
+  useEffect(() => setName(room.name), [room.name]);
+  useEffect(() => {
+    if (!menu) return;
+    const h = () => setMenu(false);
+    setTimeout(() => window.addEventListener('click', h, {
+      once: true
+    }), 0);
+    return () => window.removeEventListener('click', h);
+  }, [menu]);
+  const commit = () => {
+    if (name.trim()) onRename(name.trim());
+    onEnd();
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: `relative ${active ? 'bg-stone-50 border border-b-stone-50 border-stone-300 -mb-px' : 'border border-transparent'}`
+  }, editing ? /*#__PURE__*/React.createElement("input", {
+    autoFocus: true,
+    value: name,
+    onChange: e => setName(e.target.value),
+    onBlur: commit,
+    onKeyDown: e => {
+      if (e.key === 'Enter') commit();
+      if (e.key === 'Escape') {
+        setName(room.name);
+        onEnd();
+      }
+    },
+    className: "px-3 py-2 text-sm bg-white border border-amber-600 outline-none min-w-[160px]"
+  }) : /*#__PURE__*/React.createElement("button", {
+    onClick: onClick,
+    onDoubleClick: onStart,
+    className: "px-3 py-2 text-sm flex items-center gap-2 whitespace-nowrap pr-8"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "layers",
+    c: `w-3.5 h-3.5 ${active ? 'text-amber-700' : 'text-stone-400'}`
+  }), /*#__PURE__*/React.createElement("span", {
+    className: active ? 'text-stone-900 font-medium' : 'text-stone-500'
+  }, room.name), /*#__PURE__*/React.createElement("span", {
+    className: `text-[10px] tabular-nums ${active ? 'text-amber-800' : 'text-stone-400'}`
+  }, fmt(total))), active && !editing && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
+    onClick: e => {
+      e.stopPropagation();
+      setMenu(!menu);
+    },
+    className: "absolute right-1 top-1/2 -translate-y-1/2 p-1 text-stone-400 hover:text-stone-700"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "more",
+    c: "w-3 h-3"
+  })), menu && /*#__PURE__*/React.createElement("div", {
+    className: "absolute top-full right-0 mt-px bg-white border border-stone-200 shadow-md z-20 min-w-[150px]"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: onStart,
+    className: "w-full text-left px-3 py-2 text-xs hover:bg-stone-50 flex items-center gap-2"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "edit",
+    c: "w-3 h-3"
+  }), " Rename"), /*#__PURE__*/React.createElement("button", {
+    onClick: onDup,
+    className: "w-full text-left px-3 py-2 text-xs hover:bg-stone-50 flex items-center gap-2"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "copy",
+    c: "w-3 h-3"
+  }), " Duplicate"), canDel && /*#__PURE__*/React.createElement("button", {
+    onClick: onDel,
+    className: "w-full text-left px-3 py-2 text-xs hover:bg-stone-50 text-red-700 flex items-center gap-2 border-t border-stone-100"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "trash",
+    c: "w-3 h-3"
+  }), " Delete"))));
+}
+function RoomEditor({
+  room,
+  qgs,
+  products,
+  onAnswer,
+  onItemUpd,
+  onItemDel,
+  onAdd,
+  total
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "bg-stone-50 p-5 space-y-5"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-between"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "text-[10px] uppercase tracking-widest text-stone-500"
+  }, "Configuration \xB7 ", room.name), /*#__PURE__*/React.createElement("div", {
+    className: "text-xs text-stone-500"
+  }, "Room ID: ", /*#__PURE__*/React.createElement("code", null, room.id))), /*#__PURE__*/React.createElement("div", {
+    className: "text-right"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "text-[10px] uppercase tracking-widest text-stone-500"
+  }, "Room subtotal"), /*#__PURE__*/React.createElement("div", {
+    className: "font-serif text-lg tabular-nums"
+  }, fmt(total)))), /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-stone-200 p-4 space-y-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "text-xs uppercase tracking-widest text-stone-500 mb-2"
+  }, "Room Details"), qgs.length === 0 && /*#__PURE__*/React.createElement("div", {
+    className: "text-xs text-stone-400 italic"
+  }, "No per-room questions configured."), qgs.map(qg => /*#__PURE__*/React.createElement("div", {
+    key: qg.id,
+    className: "grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-3"
+  }, qg.questions.map(q => /*#__PURE__*/React.createElement("div", {
+    key: q.id,
+    className: q.type === 'long_text' ? 'md:col-span-2' : ''
+  }, /*#__PURE__*/React.createElement(QField, {
+    q: q,
+    value: room.answers[q.id] || '',
+    onChange: v => onAnswer(q.id, v)
+  })))))), /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-stone-200"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "px-4 py-3 border-b border-stone-200 flex items-center justify-between"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "text-xs uppercase tracking-widest text-stone-500"
+  }, "Items in this room"), /*#__PURE__*/React.createElement(PrimaryBtn, {
+    icon: "plus",
+    onClick: onAdd
+  }, "Add Product")), room.lineItems.length === 0 ? /*#__PURE__*/React.createElement("div", {
+    className: "px-4 py-10 text-center text-sm text-stone-400"
+  }, "No items yet. Click ", /*#__PURE__*/React.createElement("span", {
+    className: "text-stone-700 font-medium"
+  }, "Add Product"), " to choose from the catalog.") : /*#__PURE__*/React.createElement("table", {
+    className: "w-full text-xs"
+  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", {
+    className: "border-b border-stone-200 text-stone-500"
+  }, /*#__PURE__*/React.createElement("th", {
+    className: "text-left px-3 py-2 font-normal"
+  }, "Item"), /*#__PURE__*/React.createElement("th", {
+    className: "text-left px-3 py-2 font-normal w-28"
+  }, "Vendor"), /*#__PURE__*/React.createElement("th", {
+    className: "text-right px-3 py-2 font-normal w-16"
+  }, "Qty"), /*#__PURE__*/React.createElement("th", {
+    className: "text-right px-3 py-2 font-normal w-24"
+  }, "Unit"), /*#__PURE__*/React.createElement("th", {
+    className: "text-right px-3 py-2 font-normal w-24"
+  }, "Total"), /*#__PURE__*/React.createElement("th", {
+    className: "w-8"
+  }))), /*#__PURE__*/React.createElement("tbody", null, room.lineItems.map(li => {
+    const p = products.find(p => p.sku === li.sku);
+    if (!p) return /*#__PURE__*/React.createElement("tr", {
+      key: li.id,
+      className: "border-b border-stone-100 bg-red-50"
+    }, /*#__PURE__*/React.createElement("td", {
+      colSpan: 5,
+      className: "px-3 py-2 text-red-700"
+    }, "Missing ", li.sku), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("button", {
+      onClick: () => onItemDel(li.id),
+      className: "text-stone-400 hover:text-red-700 p-1"
+    }, /*#__PURE__*/React.createElement(Ic, {
+      n: "x",
+      c: "w-3 h-3"
+    }))));
+    return /*#__PURE__*/React.createElement("tr", {
+      key: li.id,
+      className: "border-b border-stone-100"
+    }, /*#__PURE__*/React.createElement("td", {
+      className: "px-3 py-2"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "text-stone-900"
+    }, p.name), /*#__PURE__*/React.createElement("code", {
+      className: "text-[9px] text-stone-400"
+    }, p.sku)), /*#__PURE__*/React.createElement("td", {
+      className: "px-3 py-2 text-stone-500"
+    }, p.vendor), /*#__PURE__*/React.createElement("td", {
+      className: "px-3 py-2 text-right"
+    }, /*#__PURE__*/React.createElement("input", {
+      type: "number",
+      value: li.qty,
+      min: 1,
+      onChange: e => onItemUpd(li.id, l => ({
+        ...l,
+        qty: Math.max(1, parseInt(e.target.value) || 1)
+      })),
+      className: "w-14 px-1 py-0.5 text-right border border-stone-200 tabular-nums"
+    })), /*#__PURE__*/React.createElement("td", {
+      className: "px-3 py-2 text-right"
+    }, /*#__PURE__*/React.createElement("input", {
+      type: "number",
+      value: li.unitPrice,
+      onChange: e => onItemUpd(li.id, l => ({
+        ...l,
+        unitPrice: parseFloat(e.target.value) || 0
+      })),
+      className: "w-20 px-1 py-0.5 text-right border border-stone-200 tabular-nums"
+    })), /*#__PURE__*/React.createElement("td", {
+      className: "px-3 py-2 text-right tabular-nums"
+    }, fmt(li.qty * li.unitPrice)), /*#__PURE__*/React.createElement("td", {
+      className: "text-right pr-2"
+    }, /*#__PURE__*/React.createElement("button", {
+      onClick: () => onItemDel(li.id),
+      className: "text-stone-400 hover:text-red-700 p-1"
+    }, /*#__PURE__*/React.createElement(Ic, {
+      n: "x",
+      c: "w-3 h-3"
+    }))));
+  })), /*#__PURE__*/React.createElement("tfoot", null, /*#__PURE__*/React.createElement("tr", {
+    className: "bg-stone-50"
+  }, /*#__PURE__*/React.createElement("td", {
+    colSpan: 4,
+    className: "px-3 py-2.5 text-right text-[10px] uppercase tracking-wider text-stone-500"
+  }, "Subtotal (AUD, ex GST)"), /*#__PURE__*/React.createElement("td", {
+    className: "px-3 py-2.5 text-right font-medium tabular-nums"
+  }, fmt(total)), /*#__PURE__*/React.createElement("td", null))))));
+}
+function LivePreview({
+  proposal,
+  products,
+  roomTotal,
+  totalAll
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "bg-stone-100 p-5"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-between mb-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "text-xs uppercase tracking-widest text-stone-500 flex items-center gap-2"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "eye",
+    c: "w-3 h-3"
+  }), " Live Preview"), /*#__PURE__*/React.createElement("div", {
+    className: "text-[10px] text-stone-400 flex items-center gap-1.5"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "w-1.5 h-1.5 bg-emerald-500 rounded-full"
+  }), "Updated just now")), /*#__PURE__*/React.createElement("div", {
+    className: "bg-white border border-stone-300 shadow-sm"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "px-7 pt-8 pb-5 border-b border-stone-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-start justify-between mb-3"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "text-[10px] uppercase tracking-widest text-amber-800 mb-2"
+  }, "Equipment Proposal"), /*#__PURE__*/React.createElement("h2", {
+    className: "font-serif text-xl leading-tight"
+  }, proposal.name)), /*#__PURE__*/React.createElement("div", {
+    className: "text-right text-[9px] uppercase tracking-widest text-stone-400"
+  }, "Therian Pty Ltd")), /*#__PURE__*/React.createElement("div", {
+    className: "text-[11px] text-stone-500 leading-relaxed"
+  }, "Prepared for ", /*#__PURE__*/React.createElement("span", {
+    className: "text-stone-700"
+  }, proposal.globalAnswers['Q-PRACTICE_NAME'] || '—'), proposal.globalAnswers['Q-CONTACT_NAME'] && /*#__PURE__*/React.createElement(React.Fragment, null, " \xB7 attention ", /*#__PURE__*/React.createElement("span", {
+    className: "text-stone-700"
+  }, proposal.globalAnswers['Q-CONTACT_NAME'])), /*#__PURE__*/React.createElement("br", null), "Reference ", proposal.number, proposal.globalAnswers['Q-SITE_ADDRESS'] && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("br", null), "Site: ", proposal.globalAnswers['Q-SITE_ADDRESS']))), proposal.rooms.map((room, idx) => {
+    const sub = roomTotal(room);
+    return /*#__PURE__*/React.createElement("div", {
+      key: room.id,
+      className: idx > 0 ? 'border-t border-stone-100' : ''
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "px-7 pt-5 pb-2"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "flex items-baseline justify-between"
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      className: "text-[9px] uppercase tracking-widest text-stone-400"
+    }, "Section ", idx + 1), /*#__PURE__*/React.createElement("h3", {
+      className: "font-serif text-base"
+    }, room.name)), room.answers['Q-ROOM_TYPE'] && /*#__PURE__*/React.createElement("div", {
+      className: "text-[10px] text-stone-500"
+    }, room.answers['Q-ROOM_TYPE'], room.answers['Q-FLOOR_AREA'] && ` · ${room.answers['Q-FLOOR_AREA']} m²`)), room.answers['Q-NOTES'] && /*#__PURE__*/React.createElement("div", {
+      className: "text-[11px] text-stone-600 mt-1.5 italic"
+    }, room.answers['Q-NOTES'])), /*#__PURE__*/React.createElement("div", {
+      className: "px-7 pb-4"
+    }, room.lineItems.length === 0 ? /*#__PURE__*/React.createElement("div", {
+      className: "text-[11px] text-stone-400 italic py-3"
+    }, "No items in this section.") : /*#__PURE__*/React.createElement("table", {
+      className: "w-full text-[11px]"
+    }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", {
+      className: "border-b border-stone-200 text-stone-500"
+    }, /*#__PURE__*/React.createElement("th", {
+      className: "text-left py-1.5 font-normal"
+    }, "Item"), /*#__PURE__*/React.createElement("th", {
+      className: "text-left py-1.5 font-normal w-24"
+    }, "Vendor"), /*#__PURE__*/React.createElement("th", {
+      className: "text-right py-1.5 font-normal w-10"
+    }, "Qty"), /*#__PURE__*/React.createElement("th", {
+      className: "text-right py-1.5 font-normal w-20"
+    }, "Net"))), /*#__PURE__*/React.createElement("tbody", null, room.lineItems.map(li => {
+      const p = products.find(p => p.sku === li.sku);
+      if (!p) return null;
+      return /*#__PURE__*/React.createElement("tr", {
+        key: li.id,
+        className: "border-b border-stone-100"
+      }, /*#__PURE__*/React.createElement("td", {
+        className: "py-1.5 pr-2 text-stone-800"
+      }, p.name), /*#__PURE__*/React.createElement("td", {
+        className: "py-1.5 pr-2 text-stone-500"
+      }, p.vendor), /*#__PURE__*/React.createElement("td", {
+        className: "py-1.5 text-right tabular-nums"
+      }, li.qty), /*#__PURE__*/React.createElement("td", {
+        className: "py-1.5 text-right tabular-nums"
+      }, fmt(li.qty * li.unitPrice)));
+    })), /*#__PURE__*/React.createElement("tfoot", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+      colSpan: 3,
+      className: "py-1.5 text-right text-[9px] uppercase tracking-wider text-stone-500"
+    }, room.name, " subtotal"), /*#__PURE__*/React.createElement("td", {
+      className: "py-1.5 text-right font-medium tabular-nums"
+    }, fmt(sub)))))));
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "px-7 py-4 bg-stone-50 border-t border-stone-200 flex items-baseline justify-between"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "text-[10px] uppercase tracking-widest text-stone-500"
+  }, "Total proposal (AUD, ex GST)"), /*#__PURE__*/React.createElement("div", {
+    className: "font-serif text-xl tabular-nums"
+  }, fmt(totalAll))), /*#__PURE__*/React.createElement("div", {
+    className: "px-7 py-4 border-t border-stone-100 text-[10px] text-stone-500 leading-relaxed space-y-0.5"
+  }, proposal.globalAnswers['Q-PAYMENT_TERMS'] && /*#__PURE__*/React.createElement("div", null, "Payment: ", proposal.globalAnswers['Q-PAYMENT_TERMS'], "."), proposal.globalAnswers['Q-VALID_UNTIL'] && /*#__PURE__*/React.createElement("div", null, "Quote valid until: ", proposal.globalAnswers['Q-VALID_UNTIL'], "."), /*#__PURE__*/React.createElement("div", null, "Therian Pty Ltd \xB7 ABN ", proposal.globalAnswers['Q-ABN'] || '— —'))));
+}
+function ProductPicker({
+  products,
+  onSelect,
+  onClose
+}) {
+  const [s, setS] = useState('');
+  const [v, setV] = useState('');
+  const vendors = useMemo(() => [...new Set(products.map(p => p.vendor))].sort(), [products]);
+  const filtered = products.filter(p => {
+    if (v && p.vendor !== v) return false;
+    if (s) {
+      const q = s.toLowerCase();
+      return p.name.toLowerCase().includes(q) || p.sku.toLowerCase().includes(q) || p.vendor.toLowerCase().includes(q);
+    }
+    return p.status === 'ACTIVE';
+  });
+  return /*#__PURE__*/React.createElement(Modal, {
+    title: "Add Product to Room",
+    onClose: onClose
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "p-5 space-y-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex gap-2"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex-1 relative"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "absolute left-3 top-2.5 text-stone-400"
+  }, /*#__PURE__*/React.createElement(Ic, {
+    n: "search"
+  })), /*#__PURE__*/React.createElement("input", {
+    autoFocus: true,
+    value: s,
+    onChange: e => setS(e.target.value),
+    placeholder: "Search by name, SKU or vendor\u2026",
+    className: "w-full pl-9 pr-3 py-2 text-sm border border-stone-300 focus:outline-none focus:border-amber-700"
+  })), /*#__PURE__*/React.createElement("select", {
+    value: v,
+    onChange: e => setV(e.target.value),
+    className: "px-3 py-2 text-sm border border-stone-300"
+  }, /*#__PURE__*/React.createElement("option", {
+    value: ""
+  }, "All vendors"), vendors.map(x => /*#__PURE__*/React.createElement("option", {
+    key: x,
+    value: x
+  }, x)))), /*#__PURE__*/React.createElement("div", {
+    className: "border border-stone-200 max-h-96 overflow-y-auto"
+  }, filtered.length === 0 ? /*#__PURE__*/React.createElement("div", {
+    className: "p-8 text-center text-sm text-stone-400"
+  }, "No products match.") : filtered.map(p => /*#__PURE__*/React.createElement("button", {
+    key: p.sku,
+    onClick: () => onSelect(p.sku),
+    className: "w-full px-4 py-3 text-left border-b border-stone-100 hover:bg-amber-50 flex items-center justify-between"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "text-sm text-stone-900"
+  }, p.name), /*#__PURE__*/React.createElement("div", {
+    className: "text-[10px] text-stone-500"
+  }, /*#__PURE__*/React.createElement("code", null, p.sku), " \xB7 ", p.vendor)), /*#__PURE__*/React.createElement("div", {
+    className: "text-right"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "text-sm font-medium tabular-nums"
+  }, fmt(p.listPrice)), /*#__PURE__*/React.createElement("div", {
+    className: "text-[10px] text-stone-500"
+  }, "per ", p.uom)))))));
+}
+ReactDOM.createRoot(document.getElementById('root')).render(/*#__PURE__*/React.createElement(App, null));
+</script>
+</body>
+</html>
