diff --git a/artifacts/fb-publisher/.replit-artifact/artifact.toml b/artifacts/fb-publisher/.replit-artifact/artifact.toml
new file mode 100644
index 0000000000000000000000000000000000000000..b2d35b599053735f7d13493b11eaf1a18ec41fcf
--- /dev/null
+++ b/artifacts/fb-publisher/.replit-artifact/artifact.toml
@@ -0,0 +1,23 @@
+kind = "web"
+  previewPath = "/__dev-fb"
+  title = "FB Publisher (Dev Only)"
+  version = "1.0.0"
+  id = "artifacts/fb-publisher"
+  router = "path"
+
+  [[integratedSkills]]
+  name = "react-vite"
+  version = "1.0.0"
+
+  [[services]]
+  name = "web"
+  paths = []
+  localPort = 18305
+
+  [services.development]
+  run = "pnpm --filter @workspace/fb-publisher run dev"
+
+  [services.env]
+  PORT = "18305"
+  BASE_PATH = "/"
+  
\ No newline at end of file
diff --git a/artifacts/fb-publisher/components.json b/artifacts/fb-publisher/components.json
new file mode 100644
index 0000000000000000000000000000000000000000..3ff62cf0842657da595682900f6aa27592c67b4c
--- /dev/null
+++ b/artifacts/fb-publisher/components.json
@@ -0,0 +1,20 @@
+{
+    "$schema": "https://ui.shadcn.com/schema.json",
+    "style": "new-york",
+    "rsc": false,
+    "tsx": true,
+    "tailwind": {
+      "config": "",
+      "css": "src/index.css",
+      "baseColor": "neutral",
+      "cssVariables": true,
+      "prefix": ""
+    },
+    "aliases": {
+      "components": "@/components",
+      "utils": "@/lib/utils",
+      "ui": "@/components/ui",
+      "lib": "@/lib",
+      "hooks": "@/hooks"
+    }
+}
\ No newline at end of file
diff --git a/artifacts/fb-publisher/dist/public/assets/index-CBpzG2YA.css b/artifacts/fb-publisher/dist/public/assets/index-CBpzG2YA.css
new file mode 100644
index 0000000000000000000000000000000000000000..93dcdb7ed10714073ac343856242517822b23472
--- /dev/null
+++ b/artifacts/fb-publisher/dist/public/assets/index-CBpzG2YA.css
@@ -0,0 +1 @@
+@layer properties;@layer theme,base,clerk,components,utilities;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: "Tajawal", "Inter", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50: oklch(97.1% .013 17.38);--color-red-300: oklch(80.8% .114 19.571);--color-red-400: oklch(70.4% .191 22.216);--color-red-500: oklch(63.7% .237 25.331);--color-red-600: oklch(57.7% .245 27.325);--color-red-700: oklch(50.5% .213 27.518);--color-red-800: oklch(44.4% .177 26.899);--color-red-900: oklch(39.6% .141 25.723);--color-red-950: oklch(25.8% .092 26.042);--color-orange-400: oklch(75% .183 55.934);--color-orange-700: oklch(55.3% .195 38.402);--color-orange-900: oklch(40.8% .123 38.172);--color-yellow-300: oklch(90.5% .182 98.111);--color-yellow-400: oklch(85.2% .199 91.936);--color-yellow-500: oklch(79.5% .184 86.047);--color-yellow-700: oklch(55.4% .135 66.442);--color-yellow-900: oklch(42.1% .095 57.708);--color-green-300: oklch(87.1% .15 154.449);--color-green-400: oklch(79.2% .209 151.711);--color-green-500: oklch(72.3% .219 149.579);--color-green-700: oklch(52.7% .154 150.069);--color-green-800: oklch(44.8% .119 151.328);--color-green-900: oklch(39.3% .095 152.535);--color-blue-400: oklch(70.7% .165 254.624);--color-blue-700: oklch(48.8% .243 264.376);--color-blue-900: oklch(37.9% .146 265.522);--color-purple-500: oklch(62.7% .265 303.9);--color-gray-50: oklch(98.5% .002 247.839);--color-gray-200: oklch(92.8% .006 264.531);--color-gray-300: oklch(87.2% .01 258.338);--color-gray-400: oklch(70.7% .022 261.325);--color-gray-500: oklch(55.1% .027 264.364);--color-gray-600: oklch(44.6% .03 256.802);--color-gray-700: oklch(37.3% .034 259.733);--color-gray-800: oklch(27.8% .033 256.848);--color-gray-900: oklch(21% .034 264.665);--color-black: #000;--color-white: #fff;--spacing: .25rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--text-5xl: 3rem;--text-5xl--line-height: 1;--text-6xl: 3.75rem;--text-6xl--line-height: 1;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--tracking-tight: -.025em;--tracking-widest: .1em;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--animate-spin: spin 1s linear infinite;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce: bounce 1s infinite;--blur-sm: 8px;--aspect-video: 16 / 9;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: "Tajawal", "Inter", system-ui, sans-serif;--default-mono-font-family: var(--font-mono);--radius: 12px;--color-border: hsl(var(--border))}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.\@container\/field-group{container-type:inline-size;container-name:field-group}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.-top-12{top:calc(var(--spacing) * -12)}.top-0{top:calc(var(--spacing) * 0)}.top-1{top:calc(var(--spacing) * 1)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-4{top:calc(var(--spacing) * 4)}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.-right-12{right:calc(var(--spacing) * -12)}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.-bottom-12{bottom:calc(var(--spacing) * -12)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-5{bottom:calc(var(--spacing) * 5)}.-left-12{left:calc(var(--spacing) * -12)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-4{left:calc(var(--spacing) * 4)}.left-5{left:calc(var(--spacing) * 5)}.left-\[50\%\]{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[100\]{z-index:100}.z-\[9999\]{z-index:9999}.order-first{order:-9999}.order-last{order:9999}.\!m-0{margin:calc(var(--spacing) * 0)!important}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3\.5{margin-inline:calc(var(--spacing) * 3.5)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing) * -2)}.my-0{margin-block:calc(var(--spacing) * 0)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:calc(var(--spacing) * 1)}.my-5{margin-block:calc(var(--spacing) * 5)}.my-6{margin-block:calc(var(--spacing) * 6)}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-24{margin-top:calc(var(--spacing) * 24)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-\[--cell-size\]{width:--cell-size;height:--cell-size}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-20{height:calc(var(--spacing) * 20)}.h-\[--cell-size\]{height:--cell-size}.h-\[1px\]{height:1px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-\[--radix-context-menu-content-available-height\]{max-height:--radix-context-menu-content-available-height}.max-h-\[--radix-select-content-available-height\]{max-height:--radix-select-content-available-height}.max-h-\[300px\]{max-height:300px}.max-h-\[420px\]{max-height:420px}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-screen{max-height:100vh}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-\[60px\]{min-height:60px}.min-h-\[100dvh\]{min-height:100dvh}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-0{width:calc(var(--spacing) * 0)}.w-1{width:calc(var(--spacing) * 1)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-14{width:calc(var(--spacing) * 14)}.w-24{width:calc(var(--spacing) * 24)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[--cell-size\]{width:--cell-size}.w-\[1px\]{width:1px}.w-\[100px\]{width:100px}.w-\[440px\]{width:440px}.w-\[var\(--sidebar-width\)\]{width:var(--sidebar-width)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[var\(--skeleton-width\)\]{max-width:var(--skeleton-width)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-max{max-width:max-content}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-\[--cell-size\]{min-width:--cell-size}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[140px\]{min-width:140px}.min-w-\[150px\]{min-width:150px}.min-w-\[200px\]{min-width:200px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-context-menu-content-transform-origin\]{transform-origin:--radix-context-menu-content-transform-origin}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:--radix-dropdown-menu-content-transform-origin}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:--radix-hover-card-content-transform-origin}.origin-\[--radix-menubar-content-transform-origin\]{transform-origin:--radix-menubar-content-transform-origin}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:--radix-popover-content-transform-origin}.origin-\[--radix-select-content-transform-origin\]{transform-origin:--radix-select-content-transform-origin}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:--radix-tooltip-content-transform-origin}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-px{--tw-translate-x: -1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x: -50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-px{--tw-translate-x: 1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y: -50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-caret-blink{animation:caret-blink 1.25s ease-out infinite}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize-none{resize:none}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-16{gap:calc(var(--spacing) * 16)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}.self-stretch{align-self:stretch}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.\!rounded-none{border-radius:0!important}.rounded{border-radius:12px}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[calc\(var\(--radius\)-5px\)\]{border-radius:calc(var(--radius) - 5px)}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-l-md{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.rounded-r-md{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\!border-0{border-style:var(--tw-border-style)!important;border-width:0px!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style: dashed;border-style:dashed}.border-none{--tw-border-style: none;border-style:none}.\[border-color\:var\(--badge-outline\)\]{border-color:var(--badge-outline)}.\[border-color\:var\(--button-outline\)\]{border-color:var(--button-outline)}.border-\[\#2a2a45\]{border-color:#2a2a45}.border-\[\#3a3a55\]{border-color:#3a3a55}.border-\[\#3a3a55\]\/40{border-color:color-mix(in oklab,#3a3a55 40%,transparent)}.border-\[\#bb86fc\]{border-color:#bb86fc}.border-\[\#bb86fc\]\/20{border-color:color-mix(in oklab,#bb86fc 20%,transparent)}.border-\[\#bb86fc\]\/30{border-color:color-mix(in oklab,#bb86fc 30%,transparent)}.border-\[--color-border\]{border-color:--color-border}.border-blue-700{border-color:var(--color-blue-700)}.border-border{border-color:hsl(var(--border))}.border-border\/50{border-color:hsl(var(--border))}@supports (color: color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,hsl(var(--border)) 50%,transparent)}}.border-destructive{border-color:hsl(var(--destructive))}.border-destructive\/50{border-color:hsl(var(--destructive))}@supports (color: color-mix(in lab,red,red)){.border-destructive\/50{border-color:color-mix(in oklab,hsl(var(--destructive)) 50%,transparent)}}.border-gray-600{border-color:var(--color-gray-600)}.border-gray-700{border-color:var(--color-gray-700)}.border-green-700{border-color:var(--color-green-700)}.border-green-800{border-color:var(--color-green-800)}.border-input{border-color:hsl(var(--input))}.border-orange-700{border-color:var(--color-orange-700)}.border-primary{border-color:hsl(var(--primary))}.border-primary\/50{border-color:hsl(var(--primary))}@supports (color: color-mix(in lab,red,red)){.border-primary\/50{border-color:color-mix(in oklab,hsl(var(--primary)) 50%,transparent)}}.border-purple-500\/30{border-color:color-mix(in srgb,oklch(62.7% .265 303.9) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-purple-500\/30{border-color:color-mix(in oklab,var(--color-purple-500) 30%,transparent)}}.border-red-500\/30{border-color:color-mix(in srgb,oklch(63.7% .237 25.331) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-red-500\/30{border-color:color-mix(in oklab,var(--color-red-500) 30%,transparent)}}.border-red-700{border-color:var(--color-red-700)}.border-red-800{border-color:var(--color-red-800)}.border-sidebar-border{border-color:hsl(var(--sidebar-border))}.border-transparent{border-color:transparent}.border-white\/10{border-color:color-mix(in srgb,#fff 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-yellow-500\/30{border-color:color-mix(in srgb,oklch(79.5% .184 86.047) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-yellow-500\/30{border-color:color-mix(in oklab,var(--color-yellow-500) 30%,transparent)}}.border-yellow-500\/40{border-color:color-mix(in srgb,oklch(79.5% .184 86.047) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-yellow-500\/40{border-color:color-mix(in oklab,var(--color-yellow-500) 40%,transparent)}}.border-yellow-700{border-color:var(--color-yellow-700)}.border-t-\[\#bb86fc\]{border-top-color:#bb86fc}.border-t-transparent{border-top-color:transparent}.border-l-transparent{border-left-color:transparent}.\!bg-transparent{background-color:transparent!important}.bg-\[\#0f0f1e\]{background-color:#0f0f1e}.bg-\[\#1a1a30\]{background-color:#1a1a30}.bg-\[\#1f1f3a\]{background-color:#1f1f3a}.bg-\[\#1f1f3a\]\/40{background-color:color-mix(in oklab,#1f1f3a 40%,transparent)}.bg-\[\#3a3a55\]{background-color:#3a3a55}.bg-\[\#16162a\]{background-color:#16162a}.bg-\[\#16162a\]\/90{background-color:color-mix(in oklab,#16162a 90%,transparent)}.bg-\[\#bb86fc\]{background-color:#bb86fc}.bg-\[\#bb86fc\]\/10{background-color:color-mix(in oklab,#bb86fc 10%,transparent)}.bg-\[\#bb86fc\]\/20{background-color:color-mix(in oklab,#bb86fc 20%,transparent)}.bg-\[--color-bg\]{background-color:--color-bg}.bg-accent{background-color:hsl(var(--accent))}.bg-background{background-color:hsl(var(--background))}.bg-black\/70{background-color:color-mix(in srgb,#000 70%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.bg-black\/80{background-color:color-mix(in srgb,#000 80%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-foreground{background-color:hsl(var(--foreground))}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-800\/60{background-color:color-mix(in srgb,oklch(27.8% .033 256.848) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-gray-800\/60{background-color:color-mix(in oklab,var(--color-gray-800) 60%,transparent)}}.bg-green-500{background-color:var(--color-green-500)}.bg-green-500\/20{background-color:color-mix(in srgb,oklch(72.3% .219 149.579) 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-green-500\/20{background-color:color-mix(in oklab,var(--color-green-500) 20%,transparent)}}.bg-green-900\/40{background-color:color-mix(in srgb,oklch(39.3% .095 152.535) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-green-900\/40{background-color:color-mix(in oklab,var(--color-green-900) 40%,transparent)}}.bg-input{background-color:hsl(var(--input))}.bg-muted{background-color:hsl(var(--muted))}.bg-muted\/50{background-color:hsl(var(--muted))}@supports (color: color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,hsl(var(--muted)) 50%,transparent)}}.bg-orange-900\/40{background-color:color-mix(in srgb,oklch(40.8% .123 38.172) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-orange-900\/40{background-color:color-mix(in oklab,var(--color-orange-900) 40%,transparent)}}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary\/10{background-color:hsl(var(--primary))}@supports (color: color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,hsl(var(--primary)) 10%,transparent)}}.bg-primary\/20{background-color:hsl(var(--primary))}@supports (color: color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,hsl(var(--primary)) 20%,transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/10{background-color:color-mix(in srgb,oklch(63.7% .237 25.331) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500) 10%,transparent)}}.bg-red-500\/20{background-color:color-mix(in srgb,oklch(63.7% .237 25.331) 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-red-500\/20{background-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}.bg-red-500\/90{background-color:color-mix(in srgb,oklch(63.7% .237 25.331) 90%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-red-500\/90{background-color:color-mix(in oklab,var(--color-red-500) 90%,transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-red-700{background-color:var(--color-red-700)}.bg-red-900\/30{background-color:color-mix(in srgb,oklch(39.6% .141 25.723) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-red-900\/30{background-color:color-mix(in oklab,var(--color-red-900) 30%,transparent)}}.bg-red-950\/20{background-color:color-mix(in srgb,oklch(25.8% .092 26.042) 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-red-950\/20{background-color:color-mix(in oklab,var(--color-red-950) 20%,transparent)}}.bg-red-950\/40{background-color:color-mix(in srgb,oklch(25.8% .092 26.042) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-red-950\/40{background-color:color-mix(in oklab,var(--color-red-950) 40%,transparent)}}.bg-secondary{background-color:hsl(var(--secondary))}.bg-sidebar{background-color:hsl(var(--sidebar))}.bg-sidebar-border{background-color:hsl(var(--sidebar-border))}.bg-transparent{background-color:transparent}.bg-white{background-color:var(--color-white)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-yellow-500{background-color:var(--color-yellow-500)}.fill-current{fill:currentcolor}.fill-primary{fill:hsl(var(--primary))}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.p-\[1px\]{padding:1px}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-\[--cell-size\]{padding-inline:--cell-size}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-0{padding-right:calc(var(--spacing) * 0)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:Tajawal,Inter,system-ui,sans-serif}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-sm\/relaxed{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.text-\[10px\]{font-size:10px}.leading-none{--tw-leading: 1;line-height:1}.leading-normal{--tw-leading: var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading: var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading: var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight: var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight: var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking: var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-\[\#0d0d18\]{color:#0d0d18}.text-\[\#bb86fc\]{color:#bb86fc}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-black{color:var(--color-black)}.text-blue-400{color:var(--color-blue-400)}.text-card-foreground{color:hsl(var(--card-foreground))}.text-current{color:currentcolor}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-foreground\/50{color:hsl(var(--foreground))}@supports (color: color-mix(in lab,red,red)){.text-foreground\/50{color:color-mix(in oklab,hsl(var(--foreground)) 50%,transparent)}}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-900{color:var(--color-gray-900)}.text-green-300{color:var(--color-green-300)}.text-green-400{color:var(--color-green-400)}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-orange-400{color:var(--color-orange-400)}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-sidebar-foreground{color:hsl(var(--sidebar-foreground))}.text-sidebar-foreground\/70{color:hsl(var(--sidebar-foreground))}@supports (color: color-mix(in lab,red,red)){.text-sidebar-foreground\/70{color:color-mix(in oklab,hsl(var(--sidebar-foreground)) 70%,transparent)}}.text-white{color:var(--color-white)}.text-white\/80{color:color-mix(in srgb,#fff 80%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.text-yellow-300{color:var(--color-yellow-300)}.text-yellow-400{color:var(--color-yellow-400)}.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,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.accent-\[\#bb86fc\]{accent-color:#bb86fc}.opacity-0{opacity:0%}.opacity-50{opacity:50%}.opacity-60{opacity:60%}.opacity-70{opacity:70%}.opacity-75{opacity:75%}.opacity-90{opacity:90%}.\!shadow-none{--tw-shadow: 0 0 #0000 !important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / .25));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-ring{--tw-ring-color: hsl(var(--ring))}.ring-sidebar-ring{--tw-ring-color: hsl(var(--sidebar-ring))}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.outline-hidden{--tw-outline-style: none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline:2px solid transparent;outline-offset:2px}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-transparent{outline-color:transparent}.backdrop-blur-sm{--tw-backdrop-blur: blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-100{--tw-duration: .1s;transition-duration:.1s}.duration-200{--tw-duration: .2s;transition-duration:.2s}.duration-300{--tw-duration: .3s;transition-duration:.3s}.duration-1000{--tw-duration: 1s;transition-duration:1s}.ease-in-out{--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease: linear;transition-timing-function:linear}.fade-in-0{--tw-enter-opacity: 0 ;--tw-enter-opacity: 0}.outline-none{--tw-outline-style: none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale: 95% ;--tw-enter-scale: .95}.\[--cell-size\:2rem\]{--cell-size: 2rem}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:100%}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:100%}}@media(hover:hover){.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:100%}}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has(*[data-sidebar=menu-action]) *){padding-right:calc(var(--spacing) * 8)}.group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has(*:is([data-orientation=horizontal])) *){text-wrap:balance}.group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has(*:is([data-slot=item-description])) *){--tw-translate-y: calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has(*:is([data-slot=item-description])) *){align-self:flex-start}.group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(>input) *){padding-top:calc(var(--spacing) * 2.5)}.group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(>input) *){padding-bottom:calc(var(--spacing) * 2.5)}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing) * -8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:h-8\!:is(:where(.group)[data-collapsible=icon] *){height:calc(var(--spacing) * 8)!important}.group-data-\[collapsible\=icon\]\:w-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing) * 8)!important}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+var\(--spacing-4\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + var(--spacing-4))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+var\(--spacing-4\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + var(--spacing-4) + 2px)}.group-data-\[collapsible\=icon\]\:w-\[var\(--sidebar-width-icon\)\]:is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 0)!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0%}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:calc(var(--spacing) * 0)}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x: calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *){opacity:50%}.group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *){opacity:50%}.group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *){position:relative}.group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *){z-index:10}.group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused=true] *){border-color:hsl(var(--ring))}.group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused=true] *){--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color: hsl(var(--ring))}@supports (color: color-mix(in lab,red,red)){.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color: color-mix(in oklab, hsl(var(--ring)) 50%, transparent)}}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing) * -4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:calc(var(--spacing) * 0)}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant=floating] *){border-color:hsl(var(--sidebar-border))}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *){margin-bottom:calc(var(--spacing) * -2)}.group-\[\.destructive\]\:border-muted\/40:is(:where(.group):is(.destructive) *){border-color:hsl(var(--muted))}@supports (color: color-mix(in lab,red,red)){.group-\[\.destructive\]\:border-muted\/40:is(:where(.group):is(.destructive) *){border-color:color-mix(in oklab,hsl(var(--muted)) 40%,transparent)}}.group-\[\.destructive\]\:text-red-300:is(:where(.group):is(.destructive) *){color:var(--color-red-300)}.group-\[\.toast\]\:bg-muted:is(:where(.group):is(.toast) *){background-color:hsl(var(--muted))}.group-\[\.toast\]\:bg-primary:is(:where(.group):is(.toast) *){background-color:hsl(var(--primary))}.group-\[\.toast\]\:text-muted-foreground:is(:where(.group):is(.toast) *){color:hsl(var(--muted-foreground))}.group-\[\.toast\]\:text-primary-foreground:is(:where(.group):is(.toast) *){color:hsl(var(--primary-foreground))}.group-\[\.toaster\]\:border-border:is(:where(.group):is(.toaster) *){border-color:hsl(var(--border))}.group-\[\.toaster\]\:bg-background:is(:where(.group):is(.toaster) *){background-color:hsl(var(--background))}.group-\[\.toaster\]\:text-foreground:is(:where(.group):is(.toaster) *){color:hsl(var(--foreground))}.group-\[\.toaster\]\:shadow-lg:is(:where(.group):is(.toaster) *){--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(hover:hover){.peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover~*){color:hsl(var(--sidebar-accent-foreground))}}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:70%}.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active=true]~*){color:hsl(var(--sidebar-accent-foreground))}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing) * 1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing) * 2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:calc(var(--spacing) * 1)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}.placeholder\:text-gray-600::placeholder{color:var(--color-gray-600)}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:calc(var(--spacing) * 1)}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:mt-0:last-child{margin-top:calc(var(--spacing) * 0)}.last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(hover:hover){.hover\:border-gray-400:hover{border-color:var(--color-gray-400)}}@media(hover:hover){.hover\:border-gray-500:hover{border-color:var(--color-gray-500)}}@media(hover:hover){.hover\:bg-\[\#1a1a30\]:hover{background-color:#1a1a30}}@media(hover:hover){.hover\:bg-\[\#2a2a4a\]:hover{background-color:#2a2a4a}}@media(hover:hover){.hover\:bg-\[\#2a2a4a\]\/60:hover{background-color:color-mix(in oklab,#2a2a4a 60%,transparent)}}@media(hover:hover){.hover\:bg-\[\#a070e0\]:hover{background-color:#a070e0}}@media(hover:hover){.hover\:bg-accent:hover{background-color:hsl(var(--accent))}}@media(hover:hover){.hover\:bg-blue-900\/20:hover{background-color:color-mix(in srgb,oklch(37.9% .146 265.522) 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-blue-900\/20:hover{background-color:color-mix(in oklab,var(--color-blue-900) 20%,transparent)}}}@media(hover:hover){.hover\:bg-green-900\/20:hover{background-color:color-mix(in srgb,oklch(39.3% .095 152.535) 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-green-900\/20:hover{background-color:color-mix(in oklab,var(--color-green-900) 20%,transparent)}}}@media(hover:hover){.hover\:bg-muted:hover{background-color:hsl(var(--muted))}}@media(hover:hover){.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted))}@supports (color: color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,hsl(var(--muted)) 50%,transparent)}}}@media(hover:hover){.hover\:bg-orange-900\/20:hover{background-color:color-mix(in srgb,oklch(40.8% .123 38.172) 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-orange-900\/20:hover{background-color:color-mix(in oklab,var(--color-orange-900) 20%,transparent)}}}@media(hover:hover){.hover\:bg-red-700:hover{background-color:var(--color-red-700)}}@media(hover:hover){.hover\:bg-red-800:hover{background-color:var(--color-red-800)}}@media(hover:hover){.hover\:bg-red-900\/20:hover{background-color:color-mix(in srgb,oklch(39.6% .141 25.723) 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-red-900\/20:hover{background-color:color-mix(in oklab,var(--color-red-900) 20%,transparent)}}}@media(hover:hover){.hover\:bg-secondary:hover{background-color:hsl(var(--secondary))}}@media(hover:hover){.hover\:bg-sidebar-accent:hover{background-color:hsl(var(--sidebar-accent))}}@media(hover:hover){.hover\:bg-yellow-900\/20:hover{background-color:color-mix(in srgb,oklch(42.1% .095 57.708) 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-yellow-900\/20:hover{background-color:color-mix(in oklab,var(--color-yellow-900) 20%,transparent)}}}@media(hover:hover){.hover\:text-\[\#d4b3ff\]:hover{color:#d4b3ff}}@media(hover:hover){.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}}@media(hover:hover){.hover\:text-foreground:hover{color:hsl(var(--foreground))}}@media(hover:hover){.hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))}}@media(hover:hover){.hover\:text-red-300:hover{color:var(--color-red-300)}}@media(hover:hover){.hover\:text-sidebar-accent-foreground:hover{color:hsl(var(--sidebar-accent-foreground))}}@media(hover:hover){.hover\:text-white:hover{color:var(--color-white)}}@media(hover:hover){.hover\:underline:hover{text-decoration-line:underline}}@media(hover:hover){.hover\:opacity-100:hover{opacity:100%}}@media(hover:hover){.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(hover:hover){.hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible=offcanvas] *){background-color:hsl(var(--sidebar))}}@media(hover:hover){.group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group):is(.destructive) *):hover{border-color:hsl(var(--destructive))}@supports (color: color-mix(in lab,red,red)){.group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group):is(.destructive) *):hover{border-color:color-mix(in oklab,hsl(var(--destructive)) 30%,transparent)}}}@media(hover:hover){.group-\[\.destructive\]\:hover\:bg-destructive:is(:where(.group):is(.destructive) *):hover{background-color:hsl(var(--destructive))}}@media(hover:hover){.group-\[\.destructive\]\:hover\:text-destructive-foreground:is(:where(.group):is(.destructive) *):hover{color:hsl(var(--destructive-foreground))}}@media(hover:hover){.group-\[\.destructive\]\:hover\:text-red-50:is(:where(.group):is(.destructive) *):hover{color:var(--color-red-50)}}@media(hover:hover){.hover\:after\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:hsl(var(--sidebar-border))}}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:opacity-100:focus{opacity:100%}.focus\:ring-1:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style: none;outline-style:none}.group-\[\.destructive\]\:focus\:ring-destructive:is(:where(.group):is(.destructive) *):focus{--tw-ring-color: hsl(var(--destructive))}.group-\[\.destructive\]\:focus\:ring-red-400:is(:where(.group):is(.destructive) *):focus{--tw-ring-color: var(--color-red-400)}.group-\[\.destructive\]\:focus\:ring-offset-red-600:is(:where(.group):is(.destructive) *):focus{--tw-ring-offset-color: var(--color-red-600)}.focus-visible\:border-ring:focus-visible{border-color:hsl(var(--ring))}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color: hsl(var(--ring))}@supports (color: color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color: color-mix(in oklab, hsl(var(--ring)) 50%, transparent)}}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width: 1px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--background))}.focus-visible\:outline-none:focus-visible{--tw-outline-style: none;outline-style:none}.active\:scale-95:active{--tw-scale-x: 95%;--tw-scale-y: 95%;--tw-scale-z: 95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:bg-sidebar-accent:active{background-color:hsl(var(--sidebar-accent))}.active\:text-sidebar-accent-foreground:active{color:hsl(var(--sidebar-accent-foreground))}.active\:shadow-none:active{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:50%}:where(*[data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where(*[data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.has-focus\:border-ring:has(*:focus){border-color:hsl(var(--ring))}.has-focus\:ring-\[3px\]:has(*:focus){--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-focus\:ring-ring\/50:has(*:focus){--tw-ring-color: hsl(var(--ring))}@supports (color: color-mix(in lab,red,red)){.has-focus\:ring-ring\/50:has(*:focus){--tw-ring-color: color-mix(in oklab, hsl(var(--ring)) 50%, transparent)}}.has-data-\[state\=checked\]\:border-primary:has(*[data-state=checked]){border-color:hsl(var(--primary))}.has-data-\[state\=checked\]\:bg-primary\/5:has(*[data-state=checked]){background-color:hsl(var(--primary))}@supports (color: color-mix(in lab,red,red)){.has-data-\[state\=checked\]\:bg-primary\/5:has(*[data-state=checked]){background-color:color-mix(in oklab,hsl(var(--primary)) 5%,transparent)}}.has-data-\[variant\=inset\]\:bg-sidebar:has(*[data-variant=inset]){background-color:hsl(var(--sidebar))}.has-\[\:disabled\]\:opacity-50:has(*:is(:disabled)){opacity:50%}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-1:has(*:is([data-slot=input-group-control]:focus-visible)){--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring:has(*:is([data-slot=input-group-control]:focus-visible)){--tw-ring-color: hsl(var(--ring))}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has(*:is([data-slot][aria-invalid=true])){border-color:hsl(var(--destructive))}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has(*:is([data-slot][aria-invalid=true])){--tw-ring-color: hsl(var(--destructive))}@supports (color: color-mix(in lab,red,red)){.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has(*:is([data-slot][aria-invalid=true])){--tw-ring-color: color-mix(in oklab, hsl(var(--destructive)) 20%, transparent)}}.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){height:auto}.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){flex-direction:column}.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){height:auto}.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing) * 2)}.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]){gap:calc(var(--spacing) * 3)}.has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){width:100%}.has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){flex-direction:column}.has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]){border-radius:calc(var(--radius) - 2px)}.has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){border-style:var(--tw-border-style);border-width:1px}.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]){gap:calc(var(--spacing) * 3)}.has-\[\>button\]\:mr-\[-0\.4rem\]:has(>button){margin-right:-.4rem}.has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button){margin-left:-.45rem}.has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd){margin-right:-.35rem}.has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd){margin-left:-.35rem}.has-\[\>svg\]\:p-0:has(>svg){padding:calc(var(--spacing) * 0)}.has-\[\>svg\]\:px-2:has(>svg){padding-inline:calc(var(--spacing) * 2)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>textarea\]\:h-auto:has(>textarea){height:auto}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:50%}.aria-selected\:text-muted-foreground[aria-selected=true]{color:hsl(var(--muted-foreground))}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:hsl(var(--sidebar-accent))}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true]{color:hsl(var(--sidebar-accent-foreground))}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:50%}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:50%}.data-\[invalid\=true\]\:text-destructive[data-invalid=true]{color:hsl(var(--destructive))}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x: calc(52*var(--spacing))}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x: calc(52*var(--spacing)*-1)}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x: calc(52*var(--spacing))}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x: calc(52*var(--spacing)*-1)}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity: 0}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-]{--tw-exit-opacity: 0}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:calc(var(--spacing) * 0)}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:calc(var(--spacing) * 1)}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x: calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:hsl(var(--muted-foreground))}.data-\[range-end\=true\]\:rounded-md[data-range-end=true]{border-radius:calc(var(--radius) - 2px)}.data-\[range-end\=true\]\:bg-primary[data-range-end=true]{background-color:hsl(var(--primary))}.data-\[range-end\=true\]\:text-primary-foreground[data-range-end=true]{color:hsl(var(--primary-foreground))}.data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{border-radius:0}.data-\[range-middle\=true\]\:bg-accent[data-range-middle=true]{background-color:hsl(var(--accent))}.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle=true]{color:hsl(var(--accent-foreground))}.data-\[range-start\=true\]\:rounded-md[data-range-start=true]{border-radius:calc(var(--radius) - 2px)}.data-\[range-start\=true\]\:bg-primary[data-range-start=true]{background-color:hsl(var(--primary))}.data-\[range-start\=true\]\:text-primary-foreground[data-range-start=true]{color:hsl(var(--primary-foreground))}.data-\[selected-single\=true\]\:bg-primary[data-selected-single=true]{background-color:hsl(var(--primary))}.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single=true]{color:hsl(var(--primary-foreground))}.data-\[selected\=true\]\:rounded-none[data-selected=true]{border-radius:0}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:hsl(var(--accent))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:hsl(var(--accent-foreground))}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: calc(2*var(--spacing))}.data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group]{gap:calc(var(--spacing) * 3)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x: calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:hsl(var(--primary-foreground))}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration: .3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0 ;--tw-exit-opacity: 0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity: .8 ;--tw-exit-opacity: .8}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: 95% ;--tw-exit-scale: .95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y: 100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x: -100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50% }.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x: 100%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x: 100% }.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y: -100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48% }.data-\[state\=hidden\]\:animate-out[data-state=hidden]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity: 0}.data-\[state\=on\]\:bg-accent[data-state=on]{background-color:hsl(var(--accent))}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:hsl(var(--accent))}@supports (color: color-mix(in lab,red,red)){.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:color-mix(in oklab,hsl(var(--accent)) 50%,transparent)}}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:100%}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration: .5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0 ;--tw-enter-opacity: 0}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale: 90% ;--tw-enter-scale: .9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: 95% ;--tw-enter-scale: .95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y: 100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x: -100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50% }.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x: 100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y: -100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48% }.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y: -100% }@media(hover:hover){.data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover{background-color:hsl(var(--accent))}}@media(hover:hover){.data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state=open]:hover{background-color:hsl(var(--sidebar-accent))}}@media(hover:hover){.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state=open]:hover{color:hsl(var(--sidebar-accent-foreground))}}.data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus{background-color:hsl(var(--accent))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x: calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.data-\[state\=visible\]\:animate-in[data-state=visible]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity: 0}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x: calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x: var(--radix-toast-swipe-end-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x: var(--radix-toast-swipe-move-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[variant\=label\]\:text-sm[data-variant=label]{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.data-\[variant\=legend\]\:text-base[data-variant=legend]{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.nth-last-2\:-mt-1:nth-last-child(2){margin-top:calc(var(--spacing) * -1)}@media(min-width:40rem){.sm\:top-auto{top:auto}}@media(min-width:40rem){.sm\:right-0{right:calc(var(--spacing) * 0)}}@media(min-width:40rem){.sm\:bottom-0{bottom:calc(var(--spacing) * 0)}}@media(min-width:40rem){.sm\:mt-0{margin-top:calc(var(--spacing) * 0)}}@media(min-width:40rem){.sm\:flex{display:flex}}@media(min-width:40rem){.sm\:max-w-sm{max-width:var(--container-sm)}}@media(min-width:40rem){.sm\:flex-col{flex-direction:column}}@media(min-width:40rem){.sm\:flex-row{flex-direction:row}}@media(min-width:40rem){.sm\:justify-end{justify-content:flex-end}}@media(min-width:40rem){.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}}@media(min-width:40rem){:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}}@media(min-width:40rem){.sm\:rounded-lg{border-radius:var(--radius)}}@media(min-width:40rem){.sm\:text-left{text-align:left}}@media(min-width:40rem){.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y: 100% }}@media(min-width:48rem){.md\:absolute{position:absolute}}@media(min-width:48rem){.md\:block{display:block}}@media(min-width:48rem){.md\:flex{display:flex}}@media(min-width:48rem){.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}}@media(min-width:48rem){.md\:w-auto{width:auto}}@media(min-width:48rem){.md\:max-w-\[420px\]{max-width:420px}}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:48rem){.md\:flex-row{flex-direction:row}}@media(min-width:48rem){.md\:justify-start{justify-content:flex-start}}@media(min-width:48rem){.md\:p-12{padding:calc(var(--spacing) * 12)}}@media(min-width:48rem){.md\:text-right{text-align:right}}@media(min-width:48rem){.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading, var(--text-6xl--line-height))}}@media(min-width:48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}}@media(min-width:48rem){.md\:opacity-0{opacity:0%}}@media(min-width:48rem){.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing) * 2)}}@media(min-width:48rem){.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:calc(var(--spacing) * 0)}}@media(min-width:48rem){.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:calc(var(--radius) + 4px)}}@media(min-width:48rem){.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(min-width:48rem){.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing) * 2)}}@media(min-width:48rem){.md\:after\:hidden:after{content:var(--tw-content);display:none}}@media(min-width:64rem){.lg\:col-span-1{grid-column:span 1 / span 1}}@media(min-width:64rem){.lg\:col-span-2{grid-column:span 2 / span 2}}@media(min-width:64rem){.lg\:col-span-3{grid-column:span 3 / span 3}}@media(min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@container field-group (width >= 28rem){.\@md\/field-group\:flex-row{flex-direction:row}}@container field-group (width >= 28rem){.\@md\/field-group\:items-center{align-items:center}}@container field-group (width >= 28rem){.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}}.dark\:border-destructive:is(.dark *){border-color:hsl(var(--destructive))}.dark\:bg-input\/30:is(.dark *){background-color:hsl(var(--input))}@supports (color: color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,hsl(var(--input)) 30%,transparent)}}.dark\:bg-transparent:is(.dark *){background-color:transparent}.dark\:invert:is(.dark *){--tw-invert: invert(100%);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,)}.dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has(*[data-state=checked]){background-color:hsl(var(--primary))}@supports (color: color-mix(in lab,red,red)){.dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has(*[data-state=checked]){background-color:color-mix(in oklab,hsl(var(--primary)) 10%,transparent)}}.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has(*:is([data-slot][aria-invalid=true])){--tw-ring-color: hsl(var(--destructive))}@supports (color: color-mix(in lab,red,red)){.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has(*:is([data-slot][aria-invalid=true])){--tw-ring-color: color-mix(in oklab, hsl(var(--destructive)) 40%, transparent)}}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:hsl(var(--muted-foreground))}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:hsl(var(--border))}@supports (color: color-mix(in lab,red,red)){.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:color-mix(in oklab,hsl(var(--border)) 50%,transparent)}}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:hsl(var(--border))}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:transparent}.\[\&_\.recharts-layer\]\:outline-none .recharts-layer{--tw-outline-style: none;outline-style:none}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector{fill:hsl(var(--muted))}.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:hsl(var(--muted))}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-sector\]\:outline-none .recharts-sector{--tw-outline-style: none;outline-style:none}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:transparent}.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{--tw-outline-style: none;outline-style:none}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing) * 1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:calc(var(--spacing) * 0)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing) * 12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing) * 3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing) * 5)}.\[\&_img\]\:size-full img{width:100%;height:100%}.\[\&_img\]\:object-cover img{object-fit:cover}.\[\&_p\]\:leading-relaxed p{--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0px}.\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content]{flex:none}.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing) * 0)}.\[\.border-b\]\:pb-3:is(.border-b){padding-bottom:calc(var(--spacing) * 3)}.\[\.border-t\]\:pt-3:is(.border-t){padding-top:calc(var(--spacing) * 3)}:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg){rotate:180deg}:is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){rotate:180deg}.\[a\]\:transition-colors:is(a){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}@media(hover:hover){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:hsl(var(--accent))}@supports (color: color-mix(in lab,red,red)){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:color-mix(in oklab,hsl(var(--accent)) 50%,transparent)}}}.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>\*\]\:w-full>*{width:100%}.\[\&\>\*\]\:focus-visible\:relative>*:focus-visible{position:relative}.\[\&\>\*\]\:focus-visible\:z-10>*:focus-visible{z-index:10}@container field-group (width >= 28rem){.\@md\/field-group\:\[\&\>\*\]\:w-auto>*{width:auto}}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>*:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>*:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>*:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0px}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>*:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0px}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>*:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>*:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.\[\&\>\.sr-only\]\:w-auto>.sr-only{width:auto}.\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group]{gap:calc(var(--spacing) * 4)}.\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}@container field-group (width >= 28rem){.\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}}.\[\&\>\[data-slot\=field\]\]\:p-4>[data-slot=field]{padding:calc(var(--spacing) * 4)}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(*:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y: 2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}@container field-group (width >= 28rem){.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>a\:hover\]\:text-primary>a:hover{color:hsl(var(--primary))}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>input\]\:flex-1>input{flex:1}.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input{padding-top:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input{padding-bottom:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input{padding-right:calc(var(--spacing) * 2)}.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input{padding-left:calc(var(--spacing) * 2)}.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px)}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\>span\]\:text-xs>span{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.\[\&\>span\]\:opacity-70>span{opacity:70%}.\[\&\>span\:last-child\]\:truncate>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:top-4>svg{top:calc(var(--spacing) * 4)}.\[\&\>svg\]\:left-4>svg{left:calc(var(--spacing) * 4)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:h-3\.5>svg{height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:h-4>svg{height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing) * 3)}.\[\&\>svg\]\:w-3\.5>svg{width:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:w-4>svg{width:calc(var(--spacing) * 4)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{color:hsl(var(--foreground))}.\[\&\>svg\]\:text-muted-foreground>svg{color:hsl(var(--muted-foreground))}.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{color:hsl(var(--sidebar-accent-foreground))}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y: -3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:calc(var(--spacing) * 7)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0px}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{rotate:90deg}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing) * -2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing) * -2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent{background-color:transparent}[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color:transparent}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:hsl(var(--background))}@supports (color: color-mix(in lab,red,red)){[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:color-mix(in oklab,hsl(var(--background)) 20%,transparent)}}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background{color:hsl(var(--background))}[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *){background-color:hsl(var(--background))}@supports (color: color-mix(in lab,red,red)){[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *){background-color:color-mix(in oklab,hsl(var(--background)) 10%,transparent)}}[data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}}@property --tw-animation-delay{syntax: "*"; inherits: false; initial-value: 0s;}@property --tw-animation-direction{syntax: "*"; inherits: false; initial-value: normal;}@property --tw-animation-duration{syntax: "*"; inherits: false;}@property --tw-animation-fill-mode{syntax: "*"; inherits: false; initial-value: none;}@property --tw-animation-iteration-count{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-blur{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-blur{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-translate-y{syntax: "*"; inherits: false; initial-value: 0;}:root{--background: 240 30% 8%;--foreground: 0 0% 96%;--border: 260 30% 25%;--input: 260 30% 18%;--ring: 269 96% 76%;--card: 240 30% 12%;--card-foreground: 0 0% 96%;--popover: 240 30% 12%;--popover-foreground: 0 0% 96%;--primary: 269 96% 76%;--primary-foreground: 240 30% 8%;--secondary: 217 100% 51%;--secondary-foreground: 0 0% 100%;--muted: 240 20% 16%;--muted-foreground: 240 10% 70%;--accent: 269 96% 76%;--accent-foreground: 240 30% 8%;--destructive: 0 75% 60%;--destructive-foreground: 0 0% 100%;--sidebar: 240 30% 10%;--sidebar-foreground: 0 0% 96%;--sidebar-border: 260 30% 22%;--sidebar-primary: 269 96% 76%;--sidebar-primary-foreground: 240 30% 8%;--sidebar-accent: 240 20% 18%;--sidebar-accent-foreground: 0 0% 96%;--sidebar-ring: 269 96% 76%}html,body,#root{min-height:100vh}html{direction:rtl}body{font-family:var(--font-sans);background:radial-gradient(1200px 600px at 0% 0%,rgba(187,134,252,.15),transparent 60%),radial-gradient(1200px 600px at 100% 100%,rgba(8,102,255,.15),transparent 60%),linear-gradient(135deg,#0d0d1c,#1b1429,#111722);background-attachment:fixed;color:hsl(var(--foreground));-webkit-font-smoothing:antialiased}@layer base{*{border-color:hsl(var(--border))}}.glass{background:linear-gradient(135deg,#ffffff0f,#ffffff05);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0006}.text-gradient{background:linear-gradient(135deg,#bb86fc,#0866ff);-webkit-background-clip:text;background-clip:text;color:transparent}.btn-primary-grad{background:linear-gradient(135deg,#bb86fc,#8a4ce8);color:#0d0d18;font-weight:700;transition:filter .15s ease,transform .05s ease}.btn-primary-grad:hover{filter:brightness(1.08)}.btn-primary-grad:active{transform:translateY(1px)}.btn-fb-grad{background:linear-gradient(135deg,#0866ff,#1a4cd1);color:#fff;font-weight:700;transition:filter .15s ease,transform .05s ease}.btn-fb-grad:hover{filter:brightness(1.1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0a}::-webkit-scrollbar-thumb{background:#bb86fc66;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#bb86fca6}@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-space-x-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-ordinal{syntax: "*"; inherits: false;}@property --tw-slashed-zero{syntax: "*"; inherits: false;}@property --tw-numeric-figure{syntax: "*"; inherits: false;}@property --tw-numeric-spacing{syntax: "*"; inherits: false;}@property --tw-numeric-fraction{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-backdrop-blur{syntax: "*"; inherits: false;}@property --tw-backdrop-brightness{syntax: "*"; inherits: false;}@property --tw-backdrop-contrast{syntax: "*"; inherits: false;}@property --tw-backdrop-grayscale{syntax: "*"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: "*"; inherits: false;}@property --tw-backdrop-invert{syntax: "*"; inherits: false;}@property --tw-backdrop-opacity{syntax: "*"; inherits: false;}@property --tw-backdrop-saturate{syntax: "*"; inherits: false;}@property --tw-backdrop-sepia{syntax: "*"; inherits: false;}@property --tw-duration{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@property --tw-content{syntax: "*"; initial-value: ""; inherits: false;}@property --tw-scale-x{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-space-y-reverse: 0;--tw-space-x-reverse: 0;--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial;--tw-duration: initial;--tw-ease: initial;--tw-content: "";--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-animation-delay: 0s;--tw-animation-direction: normal;--tw-animation-duration: initial;--tw-animation-fill-mode: none;--tw-animation-iteration-count: 1;--tw-enter-blur: 0;--tw-enter-opacity: 1;--tw-enter-rotate: 0;--tw-enter-scale: 1;--tw-enter-translate-x: 0;--tw-enter-translate-y: 0;--tw-exit-blur: 0;--tw-exit-opacity: 1;--tw-exit-rotate: 0;--tw-exit-scale: 1;--tw-exit-translate-x: 0;--tw-exit-translate-y: 0}}}
diff --git a/artifacts/fb-publisher/dist/public/assets/index-oEk3pbMd.js b/artifacts/fb-publisher/dist/public/assets/index-oEk3pbMd.js
new file mode 100644
index 0000000000000000000000000000000000000000..843d4b112e3eef3e7f61038b40d5e1ffc3393667
--- /dev/null
+++ b/artifacts/fb-publisher/dist/public/assets/index-oEk3pbMd.js
@@ -0,0 +1,33 @@
+function yo(u,i){for(var s=0;s<i.length;s++){const r=i[s];if(typeof r!="string"&&!Array.isArray(r)){for(const o in r)if(o!=="default"&&!(o in u)){const c=Object.getOwnPropertyDescriptor(r,o);c&&Object.defineProperty(u,o,c.get?c:{enumerable:!0,get:()=>r[o]})}}}return Object.freeze(Object.defineProperty(u,Symbol.toStringTag,{value:"Module"}))}(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))r(o);new MutationObserver(o=>{for(const c of o)if(c.type==="childList")for(const h of c.addedNodes)h.tagName==="LINK"&&h.rel==="modulepreload"&&r(h)}).observe(document,{childList:!0,subtree:!0});function s(o){const c={};return o.integrity&&(c.integrity=o.integrity),o.referrerPolicy&&(c.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?c.credentials="include":o.crossOrigin==="anonymous"?c.credentials="omit":c.credentials="same-origin",c}function r(o){if(o.ep)return;o.ep=!0;const c=s(o);fetch(o.href,c)}})();function Ao(u){return u&&u.__esModule&&Object.prototype.hasOwnProperty.call(u,"default")?u.default:u}function Qh(u){if(Object.prototype.hasOwnProperty.call(u,"__esModule"))return u;var i=u.default;if(typeof i=="function"){var s=function r(){var o=!1;try{o=this instanceof r}catch{}return o?Reflect.construct(i,arguments,this.constructor):i.apply(this,arguments)};s.prototype=i.prototype}else s={};return Object.defineProperty(s,"__esModule",{value:!0}),Object.keys(u).forEach(function(r){var o=Object.getOwnPropertyDescriptor(u,r);Object.defineProperty(s,r,o.get?o:{enumerable:!0,get:function(){return u[r]}})}),s}var e6={exports:{}},dr={};var h2;function Zb(){if(h2)return dr;h2=1;var u=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function s(r,o,c){var h=null;if(c!==void 0&&(h=""+c),o.key!==void 0&&(h=""+o.key),"key"in o){c={};for(var m in o)m!=="key"&&(c[m]=o[m])}else c=o;return o=c.ref,{$$typeof:u,type:r,key:h,ref:o!==void 0?o:null,props:c}}return dr.Fragment=i,dr.jsx=s,dr.jsxs=s,dr}var m2;function $b(){return m2||(m2=1,e6.exports=Zb()),e6.exports}var f=$b();const Jb=Ao(f),ev=yo({__proto__:null,default:Jb},[f]);var t6={exports:{}},fr={},u6={exports:{}},n6={};var p2;function tv(){return p2||(p2=1,(function(u){function i(D,q){var $=D.length;D.push(q);e:for(;0<$;){var ne=$-1>>>1,x=D[ne];if(0<o(x,q))D[ne]=q,D[$]=x,$=ne;else break e}}function s(D){return D.length===0?null:D[0]}function r(D){if(D.length===0)return null;var q=D[0],$=D.pop();if($!==q){D[0]=$;e:for(var ne=0,x=D.length,G=x>>>1;ne<G;){var j=2*(ne+1)-1,J=D[j],ue=j+1,he=D[ue];if(0>o(J,$))ue<x&&0>o(he,J)?(D[ne]=he,D[ue]=$,ne=ue):(D[ne]=J,D[j]=$,ne=j);else if(ue<x&&0>o(he,$))D[ne]=he,D[ue]=$,ne=ue;else break e}}return q}function o(D,q){var $=D.sortIndex-q.sortIndex;return $!==0?$:D.id-q.id}if(u.unstable_now=void 0,typeof performance=="object"&&typeof performance.now=="function"){var c=performance;u.unstable_now=function(){return c.now()}}else{var h=Date,m=h.now();u.unstable_now=function(){return h.now()-m}}var b=[],p=[],v=1,_=null,w=3,C=!1,N=!1,E=!1,k=!1,B=typeof setTimeout=="function"?setTimeout:null,P=typeof clearTimeout=="function"?clearTimeout:null,z=typeof setImmediate<"u"?setImmediate:null;function K(D){for(var q=s(p);q!==null;){if(q.callback===null)r(p);else if(q.startTime<=D)r(p),q.sortIndex=q.expirationTime,i(b,q);else break;q=s(p)}}function Y(D){if(E=!1,K(D),!N)if(s(b)!==null)N=!0,Z||(Z=!0,oe());else{var q=s(p);q!==null&&le(Y,q.startTime-D)}}var Z=!1,W=-1,I=5,te=-1;function de(){return k?!0:!(u.unstable_now()-te<I)}function fe(){if(k=!1,Z){var D=u.unstable_now();te=D;var q=!0;try{e:{N=!1,E&&(E=!1,P(W),W=-1),C=!0;var $=w;try{t:{for(K(D),_=s(b);_!==null&&!(_.expirationTime>D&&de());){var ne=_.callback;if(typeof ne=="function"){_.callback=null,w=_.priorityLevel;var x=ne(_.expirationTime<=D);if(D=u.unstable_now(),typeof x=="function"){_.callback=x,K(D),q=!0;break t}_===s(b)&&r(b),K(D)}else r(b);_=s(b)}if(_!==null)q=!0;else{var G=s(p);G!==null&&le(Y,G.startTime-D),q=!1}}break e}finally{_=null,w=$,C=!1}q=void 0}}finally{q?oe():Z=!1}}}var oe;if(typeof z=="function")oe=function(){z(fe)};else if(typeof MessageChannel<"u"){var ve=new MessageChannel,ee=ve.port2;ve.port1.onmessage=fe,oe=function(){ee.postMessage(null)}}else oe=function(){B(fe,0)};function le(D,q){W=B(function(){D(u.unstable_now())},q)}u.unstable_IdlePriority=5,u.unstable_ImmediatePriority=1,u.unstable_LowPriority=4,u.unstable_NormalPriority=3,u.unstable_Profiling=null,u.unstable_UserBlockingPriority=2,u.unstable_cancelCallback=function(D){D.callback=null},u.unstable_forceFrameRate=function(D){0>D||125<D?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):I=0<D?Math.floor(1e3/D):5},u.unstable_getCurrentPriorityLevel=function(){return w},u.unstable_next=function(D){switch(w){case 1:case 2:case 3:var q=3;break;default:q=w}var $=w;w=q;try{return D()}finally{w=$}},u.unstable_requestPaint=function(){k=!0},u.unstable_runWithPriority=function(D,q){switch(D){case 1:case 2:case 3:case 4:case 5:break;default:D=3}var $=w;w=D;try{return q()}finally{w=$}},u.unstable_scheduleCallback=function(D,q,$){var ne=u.unstable_now();switch(typeof $=="object"&&$!==null?($=$.delay,$=typeof $=="number"&&0<$?ne+$:ne):$=ne,D){case 1:var x=-1;break;case 2:x=250;break;case 5:x=1073741823;break;case 4:x=1e4;break;default:x=5e3}return x=$+x,D={id:v++,callback:q,priorityLevel:D,startTime:$,expirationTime:x,sortIndex:-1},$>ne?(D.sortIndex=$,i(p,D),s(b)===null&&D===s(p)&&(E?(P(W),W=-1):E=!0,le(Y,$-ne))):(D.sortIndex=x,i(b,D),N||C||(N=!0,Z||(Z=!0,oe()))),D},u.unstable_shouldYield=de,u.unstable_wrapCallback=function(D){var q=w;return function(){var $=w;w=q;try{return D.apply(this,arguments)}finally{w=$}}}})(n6)),n6}var g2;function uv(){return g2||(g2=1,u6.exports=tv()),u6.exports}var i6={exports:{}},ye={};var b2;function nv(){if(b2)return ye;b2=1;var u=Symbol.for("react.transitional.element"),i=Symbol.for("react.portal"),s=Symbol.for("react.fragment"),r=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),c=Symbol.for("react.consumer"),h=Symbol.for("react.context"),m=Symbol.for("react.forward_ref"),b=Symbol.for("react.suspense"),p=Symbol.for("react.memo"),v=Symbol.for("react.lazy"),_=Symbol.iterator;function w(x){return x===null||typeof x!="object"?null:(x=_&&x[_]||x["@@iterator"],typeof x=="function"?x:null)}var C={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},N=Object.assign,E={};function k(x,G,j){this.props=x,this.context=G,this.refs=E,this.updater=j||C}k.prototype.isReactComponent={},k.prototype.setState=function(x,G){if(typeof x!="object"&&typeof x!="function"&&x!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,x,G,"setState")},k.prototype.forceUpdate=function(x){this.updater.enqueueForceUpdate(this,x,"forceUpdate")};function B(){}B.prototype=k.prototype;function P(x,G,j){this.props=x,this.context=G,this.refs=E,this.updater=j||C}var z=P.prototype=new B;z.constructor=P,N(z,k.prototype),z.isPureReactComponent=!0;var K=Array.isArray,Y={H:null,A:null,T:null,S:null,V:null},Z=Object.prototype.hasOwnProperty;function W(x,G,j,J,ue,he){return j=he.ref,{$$typeof:u,type:x,key:G,ref:j!==void 0?j:null,props:he}}function I(x,G){return W(x.type,G,void 0,void 0,void 0,x.props)}function te(x){return typeof x=="object"&&x!==null&&x.$$typeof===u}function de(x){var G={"=":"=0",":":"=2"};return"$"+x.replace(/[=:]/g,function(j){return G[j]})}var fe=/\/+/g;function oe(x,G){return typeof x=="object"&&x!==null&&x.key!=null?de(""+x.key):G.toString(36)}function ve(){}function ee(x){switch(x.status){case"fulfilled":return x.value;case"rejected":throw x.reason;default:switch(typeof x.status=="string"?x.then(ve,ve):(x.status="pending",x.then(function(G){x.status==="pending"&&(x.status="fulfilled",x.value=G)},function(G){x.status==="pending"&&(x.status="rejected",x.reason=G)})),x.status){case"fulfilled":return x.value;case"rejected":throw x.reason}}throw x}function le(x,G,j,J,ue){var he=typeof x;(he==="undefined"||he==="boolean")&&(x=null);var ie=!1;if(x===null)ie=!0;else switch(he){case"bigint":case"string":case"number":ie=!0;break;case"object":switch(x.$$typeof){case u:case i:ie=!0;break;case v:return ie=x._init,le(ie(x._payload),G,j,J,ue)}}if(ie)return ue=ue(x),ie=J===""?"."+oe(x,0):J,K(ue)?(j="",ie!=null&&(j=ie.replace(fe,"$&/")+"/"),le(ue,G,j,"",function(ke){return ke})):ue!=null&&(te(ue)&&(ue=I(ue,j+(ue.key==null||x&&x.key===ue.key?"":(""+ue.key).replace(fe,"$&/")+"/")+ie)),G.push(ue)),1;ie=0;var Le=J===""?".":J+":";if(K(x))for(var Ce=0;Ce<x.length;Ce++)J=x[Ce],he=Le+oe(J,Ce),ie+=le(J,G,j,he,ue);else if(Ce=w(x),typeof Ce=="function")for(x=Ce.call(x),Ce=0;!(J=x.next()).done;)J=J.value,he=Le+oe(J,Ce++),ie+=le(J,G,j,he,ue);else if(he==="object"){if(typeof x.then=="function")return le(ee(x),G,j,J,ue);throw G=String(x),Error("Objects are not valid as a React child (found: "+(G==="[object Object]"?"object with keys {"+Object.keys(x).join(", ")+"}":G)+"). If you meant to render a collection of children, use an array instead.")}return ie}function D(x,G,j){if(x==null)return x;var J=[],ue=0;return le(x,J,"","",function(he){return G.call(j,he,ue++)}),J}function q(x){if(x._status===-1){var G=x._result;G=G(),G.then(function(j){(x._status===0||x._status===-1)&&(x._status=1,x._result=j)},function(j){(x._status===0||x._status===-1)&&(x._status=2,x._result=j)}),x._status===-1&&(x._status=0,x._result=G)}if(x._status===1)return x._result.default;throw x._result}var $=typeof reportError=="function"?reportError:function(x){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var G=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof x=="object"&&x!==null&&typeof x.message=="string"?String(x.message):String(x),error:x});if(!window.dispatchEvent(G))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",x);return}console.error(x)};function ne(){}return ye.Children={map:D,forEach:function(x,G,j){D(x,function(){G.apply(this,arguments)},j)},count:function(x){var G=0;return D(x,function(){G++}),G},toArray:function(x){return D(x,function(G){return G})||[]},only:function(x){if(!te(x))throw Error("React.Children.only expected to receive a single React element child.");return x}},ye.Component=k,ye.Fragment=s,ye.Profiler=o,ye.PureComponent=P,ye.StrictMode=r,ye.Suspense=b,ye.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=Y,ye.__COMPILER_RUNTIME={__proto__:null,c:function(x){return Y.H.useMemoCache(x)}},ye.cache=function(x){return function(){return x.apply(null,arguments)}},ye.cloneElement=function(x,G,j){if(x==null)throw Error("The argument must be a React element, but you passed "+x+".");var J=N({},x.props),ue=x.key,he=void 0;if(G!=null)for(ie in G.ref!==void 0&&(he=void 0),G.key!==void 0&&(ue=""+G.key),G)!Z.call(G,ie)||ie==="key"||ie==="__self"||ie==="__source"||ie==="ref"&&G.ref===void 0||(J[ie]=G[ie]);var ie=arguments.length-2;if(ie===1)J.children=j;else if(1<ie){for(var Le=Array(ie),Ce=0;Ce<ie;Ce++)Le[Ce]=arguments[Ce+2];J.children=Le}return W(x.type,ue,void 0,void 0,he,J)},ye.createContext=function(x){return x={$$typeof:h,_currentValue:x,_currentValue2:x,_threadCount:0,Provider:null,Consumer:null},x.Provider=x,x.Consumer={$$typeof:c,_context:x},x},ye.createElement=function(x,G,j){var J,ue={},he=null;if(G!=null)for(J in G.key!==void 0&&(he=""+G.key),G)Z.call(G,J)&&J!=="key"&&J!=="__self"&&J!=="__source"&&(ue[J]=G[J]);var ie=arguments.length-2;if(ie===1)ue.children=j;else if(1<ie){for(var Le=Array(ie),Ce=0;Ce<ie;Ce++)Le[Ce]=arguments[Ce+2];ue.children=Le}if(x&&x.defaultProps)for(J in ie=x.defaultProps,ie)ue[J]===void 0&&(ue[J]=ie[J]);return W(x,he,void 0,void 0,null,ue)},ye.createRef=function(){return{current:null}},ye.forwardRef=function(x){return{$$typeof:m,render:x}},ye.isValidElement=te,ye.lazy=function(x){return{$$typeof:v,_payload:{_status:-1,_result:x},_init:q}},ye.memo=function(x,G){return{$$typeof:p,type:x,compare:G===void 0?null:G}},ye.startTransition=function(x){var G=Y.T,j={};Y.T=j;try{var J=x(),ue=Y.S;ue!==null&&ue(j,J),typeof J=="object"&&J!==null&&typeof J.then=="function"&&J.then(ne,$)}catch(he){$(he)}finally{Y.T=G}},ye.unstable_useCacheRefresh=function(){return Y.H.useCacheRefresh()},ye.use=function(x){return Y.H.use(x)},ye.useActionState=function(x,G,j){return Y.H.useActionState(x,G,j)},ye.useCallback=function(x,G){return Y.H.useCallback(x,G)},ye.useContext=function(x){return Y.H.useContext(x)},ye.useDebugValue=function(){},ye.useDeferredValue=function(x,G){return Y.H.useDeferredValue(x,G)},ye.useEffect=function(x,G,j){var J=Y.H;if(typeof j=="function")throw Error("useEffect CRUD overload is not enabled in this build of React.");return J.useEffect(x,G)},ye.useId=function(){return Y.H.useId()},ye.useImperativeHandle=function(x,G,j){return Y.H.useImperativeHandle(x,G,j)},ye.useInsertionEffect=function(x,G){return Y.H.useInsertionEffect(x,G)},ye.useLayoutEffect=function(x,G){return Y.H.useLayoutEffect(x,G)},ye.useMemo=function(x,G){return Y.H.useMemo(x,G)},ye.useOptimistic=function(x,G){return Y.H.useOptimistic(x,G)},ye.useReducer=function(x,G,j){return Y.H.useReducer(x,G,j)},ye.useRef=function(x){return Y.H.useRef(x)},ye.useState=function(x){return Y.H.useState(x)},ye.useSyncExternalStore=function(x,G,j){return Y.H.useSyncExternalStore(x,G,j)},ye.useTransition=function(){return Y.H.useTransition()},ye.version="19.1.0",ye}var v2;function _o(){return v2||(v2=1,i6.exports=nv()),i6.exports}var a6={exports:{}},bt={};var y2;function iv(){if(y2)return bt;y2=1;var u=_o();function i(b){var p="https://react.dev/errors/"+b;if(1<arguments.length){p+="?args[]="+encodeURIComponent(arguments[1]);for(var v=2;v<arguments.length;v++)p+="&args[]="+encodeURIComponent(arguments[v])}return"Minified React error #"+b+"; visit "+p+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function s(){}var r={d:{f:s,r:function(){throw Error(i(522))},D:s,C:s,L:s,m:s,X:s,S:s,M:s},p:0,findDOMNode:null},o=Symbol.for("react.portal");function c(b,p,v){var _=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:o,key:_==null?null:""+_,children:b,containerInfo:p,implementation:v}}var h=u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function m(b,p){if(b==="font")return"";if(typeof p=="string")return p==="use-credentials"?p:""}return bt.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=r,bt.createPortal=function(b,p){var v=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!p||p.nodeType!==1&&p.nodeType!==9&&p.nodeType!==11)throw Error(i(299));return c(b,p,null,v)},bt.flushSync=function(b){var p=h.T,v=r.p;try{if(h.T=null,r.p=2,b)return b()}finally{h.T=p,r.p=v,r.d.f()}},bt.preconnect=function(b,p){typeof b=="string"&&(p?(p=p.crossOrigin,p=typeof p=="string"?p==="use-credentials"?p:"":void 0):p=null,r.d.C(b,p))},bt.prefetchDNS=function(b){typeof b=="string"&&r.d.D(b)},bt.preinit=function(b,p){if(typeof b=="string"&&p&&typeof p.as=="string"){var v=p.as,_=m(v,p.crossOrigin),w=typeof p.integrity=="string"?p.integrity:void 0,C=typeof p.fetchPriority=="string"?p.fetchPriority:void 0;v==="style"?r.d.S(b,typeof p.precedence=="string"?p.precedence:void 0,{crossOrigin:_,integrity:w,fetchPriority:C}):v==="script"&&r.d.X(b,{crossOrigin:_,integrity:w,fetchPriority:C,nonce:typeof p.nonce=="string"?p.nonce:void 0})}},bt.preinitModule=function(b,p){if(typeof b=="string")if(typeof p=="object"&&p!==null){if(p.as==null||p.as==="script"){var v=m(p.as,p.crossOrigin);r.d.M(b,{crossOrigin:v,integrity:typeof p.integrity=="string"?p.integrity:void 0,nonce:typeof p.nonce=="string"?p.nonce:void 0})}}else p==null&&r.d.M(b)},bt.preload=function(b,p){if(typeof b=="string"&&typeof p=="object"&&p!==null&&typeof p.as=="string"){var v=p.as,_=m(v,p.crossOrigin);r.d.L(b,v,{crossOrigin:_,integrity:typeof p.integrity=="string"?p.integrity:void 0,nonce:typeof p.nonce=="string"?p.nonce:void 0,type:typeof p.type=="string"?p.type:void 0,fetchPriority:typeof p.fetchPriority=="string"?p.fetchPriority:void 0,referrerPolicy:typeof p.referrerPolicy=="string"?p.referrerPolicy:void 0,imageSrcSet:typeof p.imageSrcSet=="string"?p.imageSrcSet:void 0,imageSizes:typeof p.imageSizes=="string"?p.imageSizes:void 0,media:typeof p.media=="string"?p.media:void 0})}},bt.preloadModule=function(b,p){if(typeof b=="string")if(p){var v=m(p.as,p.crossOrigin);r.d.m(b,{as:typeof p.as=="string"&&p.as!=="script"?p.as:void 0,crossOrigin:v,integrity:typeof p.integrity=="string"?p.integrity:void 0})}else r.d.m(b)},bt.requestFormReset=function(b){r.d.r(b)},bt.unstable_batchedUpdates=function(b,p){return b(p)},bt.useFormState=function(b,p,v){return h.H.useFormState(b,p,v)},bt.useFormStatus=function(){return h.H.useHostTransitionStatus()},bt.version="19.1.0",bt}var A2;function Xh(){if(A2)return a6.exports;A2=1;function u(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(u)}catch(i){console.error(i)}}return u(),a6.exports=iv(),a6.exports}var _2;function av(){if(_2)return fr;_2=1;var u=uv(),i=_o(),s=Xh();function r(e){var t="https://react.dev/errors/"+e;if(1<arguments.length){t+="?args[]="+encodeURIComponent(arguments[1]);for(var n=2;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n])}return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function o(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11)}function c(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do t=e,(t.flags&4098)!==0&&(n=t.return),e=t.return;while(e)}return t.tag===3?n:null}function h(e){if(e.tag===13){var t=e.memoizedState;if(t===null&&(e=e.alternate,e!==null&&(t=e.memoizedState)),t!==null)return t.dehydrated}return null}function m(e){if(c(e)!==e)throw Error(r(188))}function b(e){var t=e.alternate;if(!t){if(t=c(e),t===null)throw Error(r(188));return t!==e?null:e}for(var n=e,a=t;;){var l=n.return;if(l===null)break;var d=l.alternate;if(d===null){if(a=l.return,a!==null){n=a;continue}break}if(l.child===d.child){for(d=l.child;d;){if(d===n)return m(l),e;if(d===a)return m(l),t;d=d.sibling}throw Error(r(188))}if(n.return!==a.return)n=l,a=d;else{for(var g=!1,y=l.child;y;){if(y===n){g=!0,n=l,a=d;break}if(y===a){g=!0,a=l,n=d;break}y=y.sibling}if(!g){for(y=d.child;y;){if(y===n){g=!0,n=d,a=l;break}if(y===a){g=!0,a=d,n=l;break}y=y.sibling}if(!g)throw Error(r(189))}}if(n.alternate!==a)throw Error(r(190))}if(n.tag!==3)throw Error(r(188));return n.stateNode.current===n?e:t}function p(e){var t=e.tag;if(t===5||t===26||t===27||t===6)return e;for(e=e.child;e!==null;){if(t=p(e),t!==null)return t;e=e.sibling}return null}var v=Object.assign,_=Symbol.for("react.element"),w=Symbol.for("react.transitional.element"),C=Symbol.for("react.portal"),N=Symbol.for("react.fragment"),E=Symbol.for("react.strict_mode"),k=Symbol.for("react.profiler"),B=Symbol.for("react.provider"),P=Symbol.for("react.consumer"),z=Symbol.for("react.context"),K=Symbol.for("react.forward_ref"),Y=Symbol.for("react.suspense"),Z=Symbol.for("react.suspense_list"),W=Symbol.for("react.memo"),I=Symbol.for("react.lazy"),te=Symbol.for("react.activity"),de=Symbol.for("react.memo_cache_sentinel"),fe=Symbol.iterator;function oe(e){return e===null||typeof e!="object"?null:(e=fe&&e[fe]||e["@@iterator"],typeof e=="function"?e:null)}var ve=Symbol.for("react.client.reference");function ee(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ve?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case N:return"Fragment";case k:return"Profiler";case E:return"StrictMode";case Y:return"Suspense";case Z:return"SuspenseList";case te:return"Activity"}if(typeof e=="object")switch(e.$$typeof){case C:return"Portal";case z:return(e.displayName||"Context")+".Provider";case P:return(e._context.displayName||"Context")+".Consumer";case K:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case W:return t=e.displayName||null,t!==null?t:ee(e.type)||"Memo";case I:t=e._payload,e=e._init;try{return ee(e(t))}catch{}}return null}var le=Array.isArray,D=i.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,q=s.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,$={pending:!1,data:null,method:null,action:null},ne=[],x=-1;function G(e){return{current:e}}function j(e){0>x||(e.current=ne[x],ne[x]=null,x--)}function J(e,t){x++,ne[x]=e.current,e.current=t}var ue=G(null),he=G(null),ie=G(null),Le=G(null);function Ce(e,t){switch(J(ie,t),J(he,e),J(ue,null),t.nodeType){case 9:case 11:e=(e=t.documentElement)&&(e=e.namespaceURI)?Hf(e):0;break;default:if(e=t.tagName,t=t.namespaceURI)t=Hf(t),e=qf(t,e);else switch(e){case"svg":e=1;break;case"math":e=2;break;default:e=0}}j(ue),J(ue,e)}function ke(){j(ue),j(he),j(ie)}function pu(e){e.memoizedState!==null&&J(Le,e);var t=ue.current,n=qf(t,e.type);t!==n&&(J(he,e),J(ue,n))}function yt(e){he.current===e&&(j(ue),j(he)),Le.current===e&&(j(Le),rr._currentValue=$)}var Qt=Object.prototype.hasOwnProperty,Xe=u.unstable_scheduleCallback,gu=u.unstable_cancelCallback,Rr=u.unstable_shouldYield,ha=u.unstable_requestPaint,At=u.unstable_now,li=u.unstable_getCurrentPriorityLevel,Rn=u.unstable_ImmediatePriority,ma=u.unstable_UserBlockingPriority,Xt=u.unstable_NormalPriority,Ho=u.unstable_LowPriority,Mn=u.unstable_IdlePriority,pa=u.log,We=u.unstable_setDisableYieldValue,_t=null,ct=null;function bu(e){if(typeof pa=="function"&&We(e),ct&&typeof ct.setStrictMode=="function")try{ct.setStrictMode(_t,e)}catch{}}var xt=Math.clz32?Math.clz32:Yo,qo=Math.log,Io=Math.LN2;function Yo(e){return e>>>=0,e===0?32:31-(qo(e)/Io|0)|0}var ci=256,di=4194304;function Tu(e){var t=e&42;if(t!==0)return t;switch(e&-e){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:return 64;case 128:return 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 e&4194048;case 4194304:case 8388608:case 16777216:case 33554432:return e&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 0;default:return e}}function fi(e,t,n){var a=e.pendingLanes;if(a===0)return 0;var l=0,d=e.suspendedLanes,g=e.pingedLanes;e=e.warmLanes;var y=a&134217727;return y!==0?(a=y&~d,a!==0?l=Tu(a):(g&=y,g!==0?l=Tu(g):n||(n=y&~e,n!==0&&(l=Tu(n))))):(y=a&~d,y!==0?l=Tu(y):g!==0?l=Tu(g):n||(n=a&~e,n!==0&&(l=Tu(n)))),l===0?0:t!==0&&t!==l&&(t&d)===0&&(d=l&-l,n=t&-t,d>=n||d===32&&(n&4194048)!==0)?t:l}function Pn(e,t){return(e.pendingLanes&~(e.suspendedLanes&~e.pingedLanes)&t)===0}function Vo(e,t){switch(e){case 1:case 2:case 4:case 8:case 64:return t+250;case 16:case 32: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 t+5e3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function Mr(){var e=ci;return ci<<=1,(ci&4194048)===0&&(ci=256),e}function Pr(){var e=di;return di<<=1,(di&62914560)===0&&(di=4194304),e}function ga(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function H(e,t){e.pendingLanes|=t,t!==268435456&&(e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0)}function pe(e,t,n,a,l,d){var g=e.pendingLanes;e.pendingLanes=n,e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0,e.expiredLanes&=n,e.entangledLanes&=n,e.errorRecoveryDisabledLanes&=n,e.shellSuspendCounter=0;var y=e.entanglements,S=e.expirationTimes,M=e.hiddenUpdates;for(n=g&~n;0<n;){var V=31-xt(n),X=1<<V;y[V]=0,S[V]=-1;var U=M[V];if(U!==null)for(M[V]=null,V=0;V<U.length;V++){var F=U[V];F!==null&&(F.lane&=-536870913)}n&=~X}a!==0&&Ne(e,a,0),d!==0&&l===0&&e.tag!==0&&(e.suspendedLanes|=d&~(g&~t))}function Ne(e,t,n){e.pendingLanes|=t,e.suspendedLanes&=~t;var a=31-xt(t);e.entangledLanes|=t,e.entanglements[a]=e.entanglements[a]|1073741824|n&4194090}function Tt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var a=31-xt(n),l=1<<a;l&t|e[a]&t&&(e[a]|=t),n&=~l}}function Je(e){switch(e){case 2:e=1;break;case 8:e=4;break;case 32:e=16;break;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:e=128;break;case 268435456:e=134217728;break;default:e=0}return e}function vu(e){return e&=-e,2<e?8<e?(e&134217727)!==0?32:268435456:8:2}function Zu(){var e=q.p;return e!==0?e:(e=window.event,e===void 0?32:s2(e.type))}function Ut(e,t){var n=q.p;try{return q.p=e,t()}finally{q.p=n}}var kt=Math.random().toString(36).slice(2),Ge="__reactFiber$"+kt,pt="__reactProps$"+kt,hi="__reactContainer$"+kt,Go="__reactEvents$"+kt,Hg="__reactListeners$"+kt,qg="__reactHandles$"+kt,kc="__reactResources$"+kt,ba="__reactMarker$"+kt;function Ko(e){delete e[Ge],delete e[pt],delete e[Go],delete e[Hg],delete e[qg]}function mi(e){var t=e[Ge];if(t)return t;for(var n=e.parentNode;n;){if(t=n[hi]||n[Ge]){if(n=t.alternate,t.child!==null||n!==null&&n.child!==null)for(e=Gf(e);e!==null;){if(n=e[Ge])return n;e=Gf(e)}return t}e=n,n=e.parentNode}return null}function pi(e){if(e=e[Ge]||e[hi]){var t=e.tag;if(t===5||t===6||t===13||t===26||t===27||t===3)return e}return null}function va(e){var t=e.tag;if(t===5||t===26||t===27||t===6)return e.stateNode;throw Error(r(33))}function gi(e){var t=e[kc];return t||(t=e[kc]={hoistableStyles:new Map,hoistableScripts:new Map}),t}function rt(e){e[ba]=!0}var Dc=new Set,Oc={};function Un(e,t){bi(e,t),bi(e+"Capture",t)}function bi(e,t){for(Oc[e]=t,e=0;e<t.length;e++)Dc.add(t[e])}var Ig=RegExp("^[: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]*$"),jc={},Nc={};function Yg(e){return Qt.call(Nc,e)?!0:Qt.call(jc,e)?!1:Ig.test(e)?Nc[e]=!0:(jc[e]=!0,!1)}function Ur(e,t,n){if(Yg(t))if(n===null)e.removeAttribute(t);else{switch(typeof n){case"undefined":case"function":case"symbol":e.removeAttribute(t);return;case"boolean":var a=t.toLowerCase().slice(0,5);if(a!=="data-"&&a!=="aria-"){e.removeAttribute(t);return}}e.setAttribute(t,""+n)}}function zr(e,t,n){if(n===null)e.removeAttribute(t);else{switch(typeof n){case"undefined":case"function":case"symbol":case"boolean":e.removeAttribute(t);return}e.setAttribute(t,""+n)}}function ku(e,t,n,a){if(a===null)e.removeAttribute(n);else{switch(typeof a){case"undefined":case"function":case"symbol":case"boolean":e.removeAttribute(n);return}e.setAttributeNS(t,n,""+a)}}var Qo,Rc;function vi(e){if(Qo===void 0)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);Qo=t&&t[1]||"",Rc=-1<n.stack.indexOf(`
+    at`)?" (<anonymous>)":-1<n.stack.indexOf("@")?"@unknown:0:0":""}return`
+`+Qo+e+Rc}var Xo=!1;function Wo(e,t){if(!e||Xo)return"";Xo=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{var a={DetermineComponentFrameRoot:function(){try{if(t){var X=function(){throw Error()};if(Object.defineProperty(X.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(X,[])}catch(F){var U=F}Reflect.construct(e,[],X)}else{try{X.call()}catch(F){U=F}e.call(X.prototype)}}else{try{throw Error()}catch(F){U=F}(X=e())&&typeof X.catch=="function"&&X.catch(function(){})}}catch(F){if(F&&U&&typeof F.stack=="string")return[F.stack,U.stack]}return[null,null]}};a.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var l=Object.getOwnPropertyDescriptor(a.DetermineComponentFrameRoot,"name");l&&l.configurable&&Object.defineProperty(a.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var d=a.DetermineComponentFrameRoot(),g=d[0],y=d[1];if(g&&y){var S=g.split(`
+`),M=y.split(`
+`);for(l=a=0;a<S.length&&!S[a].includes("DetermineComponentFrameRoot");)a++;for(;l<M.length&&!M[l].includes("DetermineComponentFrameRoot");)l++;if(a===S.length||l===M.length)for(a=S.length-1,l=M.length-1;1<=a&&0<=l&&S[a]!==M[l];)l--;for(;1<=a&&0<=l;a--,l--)if(S[a]!==M[l]){if(a!==1||l!==1)do if(a--,l--,0>l||S[a]!==M[l]){var V=`
+`+S[a].replace(" at new "," at ");return e.displayName&&V.includes("<anonymous>")&&(V=V.replace("<anonymous>",e.displayName)),V}while(1<=a&&0<=l);break}}}finally{Xo=!1,Error.prepareStackTrace=n}return(n=e?e.displayName||e.name:"")?vi(n):""}function Vg(e){switch(e.tag){case 26:case 27:case 5:return vi(e.type);case 16:return vi("Lazy");case 13:return vi("Suspense");case 19:return vi("SuspenseList");case 0:case 15:return Wo(e.type,!1);case 11:return Wo(e.type.render,!1);case 1:return Wo(e.type,!0);case 31:return vi("Activity");default:return""}}function Mc(e){try{var t="";do t+=Vg(e),e=e.return;while(e);return t}catch(n){return`
+Error generating stack: `+n.message+`
+`+n.stack}}function Wt(e){switch(typeof e){case"bigint":case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function Pc(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function Gg(e){var t=Pc(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),a=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var l=n.get,d=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return l.call(this)},set:function(g){a=""+g,d.call(this,g)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return a},setValue:function(g){a=""+g},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function Fr(e){e._valueTracker||(e._valueTracker=Gg(e))}function Uc(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),a="";return e&&(a=Pc(e)?e.checked?"true":"false":e.value),e=a,e!==n?(t.setValue(e),!0):!1}function Lr(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}var Kg=/[\n"\\]/g;function Zt(e){return e.replace(Kg,function(t){return"\\"+t.charCodeAt(0).toString(16)+" "})}function Zo(e,t,n,a,l,d,g,y){e.name="",g!=null&&typeof g!="function"&&typeof g!="symbol"&&typeof g!="boolean"?e.type=g:e.removeAttribute("type"),t!=null?g==="number"?(t===0&&e.value===""||e.value!=t)&&(e.value=""+Wt(t)):e.value!==""+Wt(t)&&(e.value=""+Wt(t)):g!=="submit"&&g!=="reset"||e.removeAttribute("value"),t!=null?$o(e,g,Wt(t)):n!=null?$o(e,g,Wt(n)):a!=null&&e.removeAttribute("value"),l==null&&d!=null&&(e.defaultChecked=!!d),l!=null&&(e.checked=l&&typeof l!="function"&&typeof l!="symbol"),y!=null&&typeof y!="function"&&typeof y!="symbol"&&typeof y!="boolean"?e.name=""+Wt(y):e.removeAttribute("name")}function zc(e,t,n,a,l,d,g,y){if(d!=null&&typeof d!="function"&&typeof d!="symbol"&&typeof d!="boolean"&&(e.type=d),t!=null||n!=null){if(!(d!=="submit"&&d!=="reset"||t!=null))return;n=n!=null?""+Wt(n):"",t=t!=null?""+Wt(t):n,y||t===e.value||(e.value=t),e.defaultValue=t}a=a??l,a=typeof a!="function"&&typeof a!="symbol"&&!!a,e.checked=y?e.checked:!!a,e.defaultChecked=!!a,g!=null&&typeof g!="function"&&typeof g!="symbol"&&typeof g!="boolean"&&(e.name=g)}function $o(e,t,n){t==="number"&&Lr(e.ownerDocument)===e||e.defaultValue===""+n||(e.defaultValue=""+n)}function yi(e,t,n,a){if(e=e.options,t){t={};for(var l=0;l<n.length;l++)t["$"+n[l]]=!0;for(n=0;n<e.length;n++)l=t.hasOwnProperty("$"+e[n].value),e[n].selected!==l&&(e[n].selected=l),l&&a&&(e[n].defaultSelected=!0)}else{for(n=""+Wt(n),t=null,l=0;l<e.length;l++){if(e[l].value===n){e[l].selected=!0,a&&(e[l].defaultSelected=!0);return}t!==null||e[l].disabled||(t=e[l])}t!==null&&(t.selected=!0)}}function Fc(e,t,n){if(t!=null&&(t=""+Wt(t),t!==e.value&&(e.value=t),n==null)){e.defaultValue!==t&&(e.defaultValue=t);return}e.defaultValue=n!=null?""+Wt(n):""}function Lc(e,t,n,a){if(t==null){if(a!=null){if(n!=null)throw Error(r(92));if(le(a)){if(1<a.length)throw Error(r(93));a=a[0]}n=a}n==null&&(n=""),t=n}n=Wt(t),e.defaultValue=n,a=e.textContent,a===n&&a!==""&&a!==null&&(e.value=a)}function Ai(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var Qg=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" "));function Bc(e,t,n){var a=t.indexOf("--")===0;n==null||typeof n=="boolean"||n===""?a?e.setProperty(t,""):t==="float"?e.cssFloat="":e[t]="":a?e.setProperty(t,n):typeof n!="number"||n===0||Qg.has(t)?t==="float"?e.cssFloat=n:e[t]=(""+n).trim():e[t]=n+"px"}function Hc(e,t,n){if(t!=null&&typeof t!="object")throw Error(r(62));if(e=e.style,n!=null){for(var a in n)!n.hasOwnProperty(a)||t!=null&&t.hasOwnProperty(a)||(a.indexOf("--")===0?e.setProperty(a,""):a==="float"?e.cssFloat="":e[a]="");for(var l in t)a=t[l],t.hasOwnProperty(l)&&n[l]!==a&&Bc(e,l,a)}else for(var d in t)t.hasOwnProperty(d)&&Bc(e,d,t[d])}function Jo(e){if(e.indexOf("-")===-1)return!1;switch(e){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}}var Xg=new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],["dominantBaseline","dominant-baseline"],["enableBackground","enable-background"],["fillOpacity","fill-opacity"],["fillRule","fill-rule"],["floodColor","flood-color"],["floodOpacity","flood-opacity"],["fontFamily","font-family"],["fontSize","font-size"],["fontSizeAdjust","font-size-adjust"],["fontStretch","font-stretch"],["fontStyle","font-style"],["fontVariant","font-variant"],["fontWeight","font-weight"],["glyphName","glyph-name"],["glyphOrientationHorizontal","glyph-orientation-horizontal"],["glyphOrientationVertical","glyph-orientation-vertical"],["horizAdvX","horiz-adv-x"],["horizOriginX","horiz-origin-x"],["imageRendering","image-rendering"],["letterSpacing","letter-spacing"],["lightingColor","lighting-color"],["markerEnd","marker-end"],["markerMid","marker-mid"],["markerStart","marker-start"],["overlinePosition","overline-position"],["overlineThickness","overline-thickness"],["paintOrder","paint-order"],["panose-1","panose-1"],["pointerEvents","pointer-events"],["renderingIntent","rendering-intent"],["shapeRendering","shape-rendering"],["stopColor","stop-color"],["stopOpacity","stop-opacity"],["strikethroughPosition","strikethrough-position"],["strikethroughThickness","strikethrough-thickness"],["strokeDasharray","stroke-dasharray"],["strokeDashoffset","stroke-dashoffset"],["strokeLinecap","stroke-linecap"],["strokeLinejoin","stroke-linejoin"],["strokeMiterlimit","stroke-miterlimit"],["strokeOpacity","stroke-opacity"],["strokeWidth","stroke-width"],["textAnchor","text-anchor"],["textDecoration","text-decoration"],["textRendering","text-rendering"],["transformOrigin","transform-origin"],["underlinePosition","underline-position"],["underlineThickness","underline-thickness"],["unicodeBidi","unicode-bidi"],["unicodeRange","unicode-range"],["unitsPerEm","units-per-em"],["vAlphabetic","v-alphabetic"],["vHanging","v-hanging"],["vIdeographic","v-ideographic"],["vMathematical","v-mathematical"],["vectorEffect","vector-effect"],["vertAdvY","vert-adv-y"],["vertOriginX","vert-origin-x"],["vertOriginY","vert-origin-y"],["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Wg=/^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i;function Br(e){return Wg.test(""+e)?"javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')":e}var el=null;function tl(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var _i=null,xi=null;function qc(e){var t=pi(e);if(t&&(e=t.stateNode)){var n=e[pt]||null;e:switch(e=t.stateNode,t.type){case"input":if(Zo(e,n.value,n.defaultValue,n.defaultValue,n.checked,n.defaultChecked,n.type,n.name),t=n.name,n.type==="radio"&&t!=null){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll('input[name="'+Zt(""+t)+'"][type="radio"]'),t=0;t<n.length;t++){var a=n[t];if(a!==e&&a.form===e.form){var l=a[pt]||null;if(!l)throw Error(r(90));Zo(a,l.value,l.defaultValue,l.defaultValue,l.checked,l.defaultChecked,l.type,l.name)}}for(t=0;t<n.length;t++)a=n[t],a.form===e.form&&Uc(a)}break e;case"textarea":Fc(e,n.value,n.defaultValue);break e;case"select":t=n.value,t!=null&&yi(e,!!n.multiple,t,!1)}}}var ul=!1;function Ic(e,t,n){if(ul)return e(t,n);ul=!0;try{var a=e(t);return a}finally{if(ul=!1,(_i!==null||xi!==null)&&(Es(),_i&&(t=_i,e=xi,xi=_i=null,qc(t),e)))for(t=0;t<e.length;t++)qc(e[t])}}function ya(e,t){var n=e.stateNode;if(n===null)return null;var a=n[pt]||null;if(a===null)return null;n=a[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(a=!a.disabled)||(e=e.type,a=!(e==="button"||e==="input"||e==="select"||e==="textarea")),e=!a;break e;default:e=!1}if(e)return null;if(n&&typeof n!="function")throw Error(r(231,t,typeof n));return n}var Du=!(typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),nl=!1;if(Du)try{var Aa={};Object.defineProperty(Aa,"passive",{get:function(){nl=!0}}),window.addEventListener("test",Aa,Aa),window.removeEventListener("test",Aa,Aa)}catch{nl=!1}var $u=null,il=null,Hr=null;function Yc(){if(Hr)return Hr;var e,t=il,n=t.length,a,l="value"in $u?$u.value:$u.textContent,d=l.length;for(e=0;e<n&&t[e]===l[e];e++);var g=n-e;for(a=1;a<=g&&t[n-a]===l[d-a];a++);return Hr=l.slice(e,1<a?1-a:void 0)}function qr(e){var t=e.keyCode;return"charCode"in e?(e=e.charCode,e===0&&t===13&&(e=13)):e=t,e===10&&(e=13),32<=e||e===13?e:0}function Ir(){return!0}function Vc(){return!1}function Dt(e){function t(n,a,l,d,g){this._reactName=n,this._targetInst=l,this.type=a,this.nativeEvent=d,this.target=g,this.currentTarget=null;for(var y in e)e.hasOwnProperty(y)&&(n=e[y],this[y]=n?n(d):d[y]);return this.isDefaultPrevented=(d.defaultPrevented!=null?d.defaultPrevented:d.returnValue===!1)?Ir:Vc,this.isPropagationStopped=Vc,this}return v(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var n=this.nativeEvent;n&&(n.preventDefault?n.preventDefault():typeof n.returnValue!="unknown"&&(n.returnValue=!1),this.isDefaultPrevented=Ir)},stopPropagation:function(){var n=this.nativeEvent;n&&(n.stopPropagation?n.stopPropagation():typeof n.cancelBubble!="unknown"&&(n.cancelBubble=!0),this.isPropagationStopped=Ir)},persist:function(){},isPersistent:Ir}),t}var zn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},Yr=Dt(zn),_a=v({},zn,{view:0,detail:0}),Zg=Dt(_a),al,rl,xa,Vr=v({},_a,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:ol,button:0,buttons:0,relatedTarget:function(e){return e.relatedTarget===void 0?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==xa&&(xa&&e.type==="mousemove"?(al=e.screenX-xa.screenX,rl=e.screenY-xa.screenY):rl=al=0,xa=e),al)},movementY:function(e){return"movementY"in e?e.movementY:rl}}),Gc=Dt(Vr),$g=v({},Vr,{dataTransfer:0}),Jg=Dt($g),e3=v({},_a,{relatedTarget:0}),sl=Dt(e3),t3=v({},zn,{animationName:0,elapsedTime:0,pseudoElement:0}),u3=Dt(t3),n3=v({},zn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),i3=Dt(n3),a3=v({},zn,{data:0}),Kc=Dt(a3),r3={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},s3={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"},o3={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function l3(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):(e=o3[e])?!!t[e]:!1}function ol(){return l3}var c3=v({},_a,{key:function(e){if(e.key){var t=r3[e.key]||e.key;if(t!=="Unidentified")return t}return e.type==="keypress"?(e=qr(e),e===13?"Enter":String.fromCharCode(e)):e.type==="keydown"||e.type==="keyup"?s3[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:ol,charCode:function(e){return e.type==="keypress"?qr(e):0},keyCode:function(e){return e.type==="keydown"||e.type==="keyup"?e.keyCode:0},which:function(e){return e.type==="keypress"?qr(e):e.type==="keydown"||e.type==="keyup"?e.keyCode:0}}),d3=Dt(c3),f3=v({},Vr,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),Qc=Dt(f3),h3=v({},_a,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:ol}),m3=Dt(h3),p3=v({},zn,{propertyName:0,elapsedTime:0,pseudoElement:0}),g3=Dt(p3),b3=v({},Vr,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),v3=Dt(b3),y3=v({},zn,{newState:0,oldState:0}),A3=Dt(y3),_3=[9,13,27,32],ll=Du&&"CompositionEvent"in window,wa=null;Du&&"documentMode"in document&&(wa=document.documentMode);var x3=Du&&"TextEvent"in window&&!wa,Xc=Du&&(!ll||wa&&8<wa&&11>=wa),Wc=" ",Zc=!1;function $c(e,t){switch(e){case"keyup":return _3.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Jc(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var wi=!1;function w3(e,t){switch(e){case"compositionend":return Jc(t);case"keypress":return t.which!==32?null:(Zc=!0,Wc);case"textInput":return e=t.data,e===Wc&&Zc?null:e;default:return null}}function S3(e,t){if(wi)return e==="compositionend"||!ll&&$c(e,t)?(e=Yc(),Hr=il=$u=null,wi=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Xc&&t.locale!=="ko"?null:t.data;default:return null}}var E3={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};function ed(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t==="input"?!!E3[e.type]:t==="textarea"}function td(e,t,n,a){_i?xi?xi.push(a):xi=[a]:_i=a,t=js(t,"onChange"),0<t.length&&(n=new Yr("onChange","change",null,n,a),e.push({event:n,listeners:t}))}var Sa=null,Ea=null;function C3(e){Uf(e,0)}function Gr(e){var t=va(e);if(Uc(t))return e}function ud(e,t){if(e==="change")return t}var nd=!1;if(Du){var cl;if(Du){var dl="oninput"in document;if(!dl){var id=document.createElement("div");id.setAttribute("oninput","return;"),dl=typeof id.oninput=="function"}cl=dl}else cl=!1;nd=cl&&(!document.documentMode||9<document.documentMode)}function ad(){Sa&&(Sa.detachEvent("onpropertychange",rd),Ea=Sa=null)}function rd(e){if(e.propertyName==="value"&&Gr(Ea)){var t=[];td(t,Ea,e,tl(e)),Ic(C3,t)}}function T3(e,t,n){e==="focusin"?(ad(),Sa=t,Ea=n,Sa.attachEvent("onpropertychange",rd)):e==="focusout"&&ad()}function k3(e){if(e==="selectionchange"||e==="keyup"||e==="keydown")return Gr(Ea)}function D3(e,t){if(e==="click")return Gr(t)}function O3(e,t){if(e==="input"||e==="change")return Gr(t)}function j3(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}var zt=typeof Object.is=="function"?Object.is:j3;function Ca(e,t){if(zt(e,t))return!0;if(typeof e!="object"||e===null||typeof t!="object"||t===null)return!1;var n=Object.keys(e),a=Object.keys(t);if(n.length!==a.length)return!1;for(a=0;a<n.length;a++){var l=n[a];if(!Qt.call(t,l)||!zt(e[l],t[l]))return!1}return!0}function sd(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function od(e,t){var n=sd(e);e=0;for(var a;n;){if(n.nodeType===3){if(a=e+n.textContent.length,e<=t&&a>=t)return{node:n,offset:t-e};e=a}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=sd(n)}}function ld(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?ld(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function cd(e){e=e!=null&&e.ownerDocument!=null&&e.ownerDocument.defaultView!=null?e.ownerDocument.defaultView:window;for(var t=Lr(e.document);t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=Lr(e.document)}return t}function fl(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}var N3=Du&&"documentMode"in document&&11>=document.documentMode,Si=null,hl=null,Ta=null,ml=!1;function dd(e,t,n){var a=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;ml||Si==null||Si!==Lr(a)||(a=Si,"selectionStart"in a&&fl(a)?a={start:a.selectionStart,end:a.selectionEnd}:(a=(a.ownerDocument&&a.ownerDocument.defaultView||window).getSelection(),a={anchorNode:a.anchorNode,anchorOffset:a.anchorOffset,focusNode:a.focusNode,focusOffset:a.focusOffset}),Ta&&Ca(Ta,a)||(Ta=a,a=js(hl,"onSelect"),0<a.length&&(t=new Yr("onSelect","select",null,t,n),e.push({event:t,listeners:a}),t.target=Si)))}function Fn(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var Ei={animationend:Fn("Animation","AnimationEnd"),animationiteration:Fn("Animation","AnimationIteration"),animationstart:Fn("Animation","AnimationStart"),transitionrun:Fn("Transition","TransitionRun"),transitionstart:Fn("Transition","TransitionStart"),transitioncancel:Fn("Transition","TransitionCancel"),transitionend:Fn("Transition","TransitionEnd")},pl={},fd={};Du&&(fd=document.createElement("div").style,"AnimationEvent"in window||(delete Ei.animationend.animation,delete Ei.animationiteration.animation,delete Ei.animationstart.animation),"TransitionEvent"in window||delete Ei.transitionend.transition);function Ln(e){if(pl[e])return pl[e];if(!Ei[e])return e;var t=Ei[e],n;for(n in t)if(t.hasOwnProperty(n)&&n in fd)return pl[e]=t[n];return e}var hd=Ln("animationend"),md=Ln("animationiteration"),pd=Ln("animationstart"),R3=Ln("transitionrun"),M3=Ln("transitionstart"),P3=Ln("transitioncancel"),gd=Ln("transitionend"),bd=new Map,gl="abort auxClick beforeToggle 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(" ");gl.push("scrollEnd");function ou(e,t){bd.set(e,t),Un(t,[e])}var vd=new WeakMap;function $t(e,t){if(typeof e=="object"&&e!==null){var n=vd.get(e);return n!==void 0?n:(t={value:e,source:t,stack:Mc(t)},vd.set(e,t),t)}return{value:e,source:t,stack:Mc(t)}}var Jt=[],Ci=0,bl=0;function Kr(){for(var e=Ci,t=bl=Ci=0;t<e;){var n=Jt[t];Jt[t++]=null;var a=Jt[t];Jt[t++]=null;var l=Jt[t];Jt[t++]=null;var d=Jt[t];if(Jt[t++]=null,a!==null&&l!==null){var g=a.pending;g===null?l.next=l:(l.next=g.next,g.next=l),a.pending=l}d!==0&&yd(n,l,d)}}function Qr(e,t,n,a){Jt[Ci++]=e,Jt[Ci++]=t,Jt[Ci++]=n,Jt[Ci++]=a,bl|=a,e.lanes|=a,e=e.alternate,e!==null&&(e.lanes|=a)}function vl(e,t,n,a){return Qr(e,t,n,a),Xr(e)}function Ti(e,t){return Qr(e,null,null,t),Xr(e)}function yd(e,t,n){e.lanes|=n;var a=e.alternate;a!==null&&(a.lanes|=n);for(var l=!1,d=e.return;d!==null;)d.childLanes|=n,a=d.alternate,a!==null&&(a.childLanes|=n),d.tag===22&&(e=d.stateNode,e===null||e._visibility&1||(l=!0)),e=d,d=d.return;return e.tag===3?(d=e.stateNode,l&&t!==null&&(l=31-xt(n),e=d.hiddenUpdates,a=e[l],a===null?e[l]=[t]:a.push(t),t.lane=n|536870912),d):null}function Xr(e){if(50<$a)throw $a=0,S0=null,Error(r(185));for(var t=e.return;t!==null;)e=t,t=e.return;return e.tag===3?e.stateNode:null}var ki={};function U3(e,t,n,a){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.refCleanup=this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=a,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Ft(e,t,n,a){return new U3(e,t,n,a)}function yl(e){return e=e.prototype,!(!e||!e.isReactComponent)}function Ou(e,t){var n=e.alternate;return n===null?(n=Ft(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&65011712,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n.refCleanup=e.refCleanup,n}function Ad(e,t){e.flags&=65011714;var n=e.alternate;return n===null?(e.childLanes=0,e.lanes=t,e.child=null,e.subtreeFlags=0,e.memoizedProps=null,e.memoizedState=null,e.updateQueue=null,e.dependencies=null,e.stateNode=null):(e.childLanes=n.childLanes,e.lanes=n.lanes,e.child=n.child,e.subtreeFlags=0,e.deletions=null,e.memoizedProps=n.memoizedProps,e.memoizedState=n.memoizedState,e.updateQueue=n.updateQueue,e.type=n.type,t=n.dependencies,e.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext}),e}function Wr(e,t,n,a,l,d){var g=0;if(a=e,typeof e=="function")yl(e)&&(g=1);else if(typeof e=="string")g=Fb(e,n,ue.current)?26:e==="html"||e==="head"||e==="body"?27:5;else e:switch(e){case te:return e=Ft(31,n,t,l),e.elementType=te,e.lanes=d,e;case N:return Bn(n.children,l,d,t);case E:g=8,l|=24;break;case k:return e=Ft(12,n,t,l|2),e.elementType=k,e.lanes=d,e;case Y:return e=Ft(13,n,t,l),e.elementType=Y,e.lanes=d,e;case Z:return e=Ft(19,n,t,l),e.elementType=Z,e.lanes=d,e;default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case B:case z:g=10;break e;case P:g=9;break e;case K:g=11;break e;case W:g=14;break e;case I:g=16,a=null;break e}g=29,n=Error(r(130,e===null?"null":typeof e,"")),a=null}return t=Ft(g,n,t,l),t.elementType=e,t.type=a,t.lanes=d,t}function Bn(e,t,n,a){return e=Ft(7,e,a,t),e.lanes=n,e}function Al(e,t,n){return e=Ft(6,e,null,t),e.lanes=n,e}function _l(e,t,n){return t=Ft(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}var Di=[],Oi=0,Zr=null,$r=0,eu=[],tu=0,Hn=null,ju=1,Nu="";function qn(e,t){Di[Oi++]=$r,Di[Oi++]=Zr,Zr=e,$r=t}function _d(e,t,n){eu[tu++]=ju,eu[tu++]=Nu,eu[tu++]=Hn,Hn=e;var a=ju;e=Nu;var l=32-xt(a)-1;a&=~(1<<l),n+=1;var d=32-xt(t)+l;if(30<d){var g=l-l%5;d=(a&(1<<g)-1).toString(32),a>>=g,l-=g,ju=1<<32-xt(t)+l|n<<l|a,Nu=d+e}else ju=1<<d|n<<l|a,Nu=e}function xl(e){e.return!==null&&(qn(e,1),_d(e,1,0))}function wl(e){for(;e===Zr;)Zr=Di[--Oi],Di[Oi]=null,$r=Di[--Oi],Di[Oi]=null;for(;e===Hn;)Hn=eu[--tu],eu[tu]=null,Nu=eu[--tu],eu[tu]=null,ju=eu[--tu],eu[tu]=null}var wt=null,Ye=null,Oe=!1,In=null,yu=!1,Sl=Error(r(519));function Yn(e){var t=Error(r(418,""));throw Oa($t(t,e)),Sl}function xd(e){var t=e.stateNode,n=e.type,a=e.memoizedProps;switch(t[Ge]=e,t[pt]=a,n){case"dialog":Ee("cancel",t),Ee("close",t);break;case"iframe":case"object":case"embed":Ee("load",t);break;case"video":case"audio":for(n=0;n<er.length;n++)Ee(er[n],t);break;case"source":Ee("error",t);break;case"img":case"image":case"link":Ee("error",t),Ee("load",t);break;case"details":Ee("toggle",t);break;case"input":Ee("invalid",t),zc(t,a.value,a.defaultValue,a.checked,a.defaultChecked,a.type,a.name,!0),Fr(t);break;case"select":Ee("invalid",t);break;case"textarea":Ee("invalid",t),Lc(t,a.value,a.defaultValue,a.children),Fr(t)}n=a.children,typeof n!="string"&&typeof n!="number"&&typeof n!="bigint"||t.textContent===""+n||a.suppressHydrationWarning===!0||Bf(t.textContent,n)?(a.popover!=null&&(Ee("beforetoggle",t),Ee("toggle",t)),a.onScroll!=null&&Ee("scroll",t),a.onScrollEnd!=null&&Ee("scrollend",t),a.onClick!=null&&(t.onclick=Ns),t=!0):t=!1,t||Yn(e)}function wd(e){for(wt=e.return;wt;)switch(wt.tag){case 5:case 13:yu=!1;return;case 27:case 3:yu=!0;return;default:wt=wt.return}}function ka(e){if(e!==wt)return!1;if(!Oe)return wd(e),Oe=!0,!1;var t=e.tag,n;if((n=t!==3&&t!==27)&&((n=t===5)&&(n=e.type,n=!(n!=="form"&&n!=="button")||B0(e.type,e.memoizedProps)),n=!n),n&&Ye&&Yn(e),wd(e),t===13){if(e=e.memoizedState,e=e!==null?e.dehydrated:null,!e)throw Error(r(317));e:{for(e=e.nextSibling,t=0;e;){if(e.nodeType===8)if(n=e.data,n==="/$"){if(t===0){Ye=cu(e.nextSibling);break e}t--}else n!=="$"&&n!=="$!"&&n!=="$?"||t++;e=e.nextSibling}Ye=null}}else t===27?(t=Ye,pn(e.type)?(e=Y0,Y0=null,Ye=e):Ye=t):Ye=wt?cu(e.stateNode.nextSibling):null;return!0}function Da(){Ye=wt=null,Oe=!1}function Sd(){var e=In;return e!==null&&(Nt===null?Nt=e:Nt.push.apply(Nt,e),In=null),e}function Oa(e){In===null?In=[e]:In.push(e)}var El=G(null),Vn=null,Ru=null;function Ju(e,t,n){J(El,t._currentValue),t._currentValue=n}function Mu(e){e._currentValue=El.current,j(El)}function Cl(e,t,n){for(;e!==null;){var a=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,a!==null&&(a.childLanes|=t)):a!==null&&(a.childLanes&t)!==t&&(a.childLanes|=t),e===n)break;e=e.return}}function Tl(e,t,n,a){var l=e.child;for(l!==null&&(l.return=e);l!==null;){var d=l.dependencies;if(d!==null){var g=l.child;d=d.firstContext;e:for(;d!==null;){var y=d;d=l;for(var S=0;S<t.length;S++)if(y.context===t[S]){d.lanes|=n,y=d.alternate,y!==null&&(y.lanes|=n),Cl(d.return,n,e),a||(g=null);break e}d=y.next}}else if(l.tag===18){if(g=l.return,g===null)throw Error(r(341));g.lanes|=n,d=g.alternate,d!==null&&(d.lanes|=n),Cl(g,n,e),g=null}else g=l.child;if(g!==null)g.return=l;else for(g=l;g!==null;){if(g===e){g=null;break}if(l=g.sibling,l!==null){l.return=g.return,g=l;break}g=g.return}l=g}}function ja(e,t,n,a){e=null;for(var l=t,d=!1;l!==null;){if(!d){if((l.flags&524288)!==0)d=!0;else if((l.flags&262144)!==0)break}if(l.tag===10){var g=l.alternate;if(g===null)throw Error(r(387));if(g=g.memoizedProps,g!==null){var y=l.type;zt(l.pendingProps.value,g.value)||(e!==null?e.push(y):e=[y])}}else if(l===Le.current){if(g=l.alternate,g===null)throw Error(r(387));g.memoizedState.memoizedState!==l.memoizedState.memoizedState&&(e!==null?e.push(rr):e=[rr])}l=l.return}e!==null&&Tl(t,e,n,a),t.flags|=262144}function Jr(e){for(e=e.firstContext;e!==null;){if(!zt(e.context._currentValue,e.memoizedValue))return!0;e=e.next}return!1}function Gn(e){Vn=e,Ru=null,e=e.dependencies,e!==null&&(e.firstContext=null)}function gt(e){return Ed(Vn,e)}function es(e,t){return Vn===null&&Gn(e),Ed(e,t)}function Ed(e,t){var n=t._currentValue;if(t={context:t,memoizedValue:n,next:null},Ru===null){if(e===null)throw Error(r(308));Ru=t,e.dependencies={lanes:0,firstContext:t},e.flags|=524288}else Ru=Ru.next=t;return n}var z3=typeof AbortController<"u"?AbortController:function(){var e=[],t=this.signal={aborted:!1,addEventListener:function(n,a){e.push(a)}};this.abort=function(){t.aborted=!0,e.forEach(function(n){return n()})}},F3=u.unstable_scheduleCallback,L3=u.unstable_NormalPriority,et={$$typeof:z,Consumer:null,Provider:null,_currentValue:null,_currentValue2:null,_threadCount:0};function kl(){return{controller:new z3,data:new Map,refCount:0}}function Na(e){e.refCount--,e.refCount===0&&F3(L3,function(){e.controller.abort()})}var Ra=null,Dl=0,ji=0,Ni=null;function B3(e,t){if(Ra===null){var n=Ra=[];Dl=0,ji=j0(),Ni={status:"pending",value:void 0,then:function(a){n.push(a)}}}return Dl++,t.then(Cd,Cd),t}function Cd(){if(--Dl===0&&Ra!==null){Ni!==null&&(Ni.status="fulfilled");var e=Ra;Ra=null,ji=0,Ni=null;for(var t=0;t<e.length;t++)(0,e[t])()}}function H3(e,t){var n=[],a={status:"pending",value:null,reason:null,then:function(l){n.push(l)}};return e.then(function(){a.status="fulfilled",a.value=t;for(var l=0;l<n.length;l++)(0,n[l])(t)},function(l){for(a.status="rejected",a.reason=l,l=0;l<n.length;l++)(0,n[l])(void 0)}),a}var Td=D.S;D.S=function(e,t){typeof t=="object"&&t!==null&&typeof t.then=="function"&&B3(e,t),Td!==null&&Td(e,t)};var Kn=G(null);function Ol(){var e=Kn.current;return e!==null?e:He.pooledCache}function ts(e,t){t===null?J(Kn,Kn.current):J(Kn,t.pool)}function kd(){var e=Ol();return e===null?null:{parent:et._currentValue,pool:e}}var Ma=Error(r(460)),Dd=Error(r(474)),us=Error(r(542)),jl={then:function(){}};function Od(e){return e=e.status,e==="fulfilled"||e==="rejected"}function ns(){}function jd(e,t,n){switch(n=e[n],n===void 0?e.push(t):n!==t&&(t.then(ns,ns),t=n),t.status){case"fulfilled":return t.value;case"rejected":throw e=t.reason,Rd(e),e;default:if(typeof t.status=="string")t.then(ns,ns);else{if(e=He,e!==null&&100<e.shellSuspendCounter)throw Error(r(482));e=t,e.status="pending",e.then(function(a){if(t.status==="pending"){var l=t;l.status="fulfilled",l.value=a}},function(a){if(t.status==="pending"){var l=t;l.status="rejected",l.reason=a}})}switch(t.status){case"fulfilled":return t.value;case"rejected":throw e=t.reason,Rd(e),e}throw Pa=t,Ma}}var Pa=null;function Nd(){if(Pa===null)throw Error(r(459));var e=Pa;return Pa=null,e}function Rd(e){if(e===Ma||e===us)throw Error(r(483))}var en=!1;function Nl(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function Rl(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,callbacks:null})}function tn(e){return{lane:e,tag:0,payload:null,callback:null,next:null}}function un(e,t,n){var a=e.updateQueue;if(a===null)return null;if(a=a.shared,(Re&2)!==0){var l=a.pending;return l===null?t.next=t:(t.next=l.next,l.next=t),a.pending=t,t=Xr(e),yd(e,null,n),t}return Qr(e,a,t,n),Xr(e)}function Ua(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,(n&4194048)!==0)){var a=t.lanes;a&=e.pendingLanes,n|=a,t.lanes=n,Tt(e,n)}}function Ml(e,t){var n=e.updateQueue,a=e.alternate;if(a!==null&&(a=a.updateQueue,n===a)){var l=null,d=null;if(n=n.firstBaseUpdate,n!==null){do{var g={lane:n.lane,tag:n.tag,payload:n.payload,callback:null,next:null};d===null?l=d=g:d=d.next=g,n=n.next}while(n!==null);d===null?l=d=t:d=d.next=t}else l=d=t;n={baseState:a.baseState,firstBaseUpdate:l,lastBaseUpdate:d,shared:a.shared,callbacks:a.callbacks},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}var Pl=!1;function za(){if(Pl){var e=Ni;if(e!==null)throw e}}function Fa(e,t,n,a){Pl=!1;var l=e.updateQueue;en=!1;var d=l.firstBaseUpdate,g=l.lastBaseUpdate,y=l.shared.pending;if(y!==null){l.shared.pending=null;var S=y,M=S.next;S.next=null,g===null?d=M:g.next=M,g=S;var V=e.alternate;V!==null&&(V=V.updateQueue,y=V.lastBaseUpdate,y!==g&&(y===null?V.firstBaseUpdate=M:y.next=M,V.lastBaseUpdate=S))}if(d!==null){var X=l.baseState;g=0,V=M=S=null,y=d;do{var U=y.lane&-536870913,F=U!==y.lane;if(F?(Te&U)===U:(a&U)===U){U!==0&&U===ji&&(Pl=!0),V!==null&&(V=V.next={lane:0,tag:y.tag,payload:y.payload,callback:null,next:null});e:{var be=e,me=y;U=t;var ze=n;switch(me.tag){case 1:if(be=me.payload,typeof be=="function"){X=be.call(ze,X,U);break e}X=be;break e;case 3:be.flags=be.flags&-65537|128;case 0:if(be=me.payload,U=typeof be=="function"?be.call(ze,X,U):be,U==null)break e;X=v({},X,U);break e;case 2:en=!0}}U=y.callback,U!==null&&(e.flags|=64,F&&(e.flags|=8192),F=l.callbacks,F===null?l.callbacks=[U]:F.push(U))}else F={lane:U,tag:y.tag,payload:y.payload,callback:y.callback,next:null},V===null?(M=V=F,S=X):V=V.next=F,g|=U;if(y=y.next,y===null){if(y=l.shared.pending,y===null)break;F=y,y=F.next,F.next=null,l.lastBaseUpdate=F,l.shared.pending=null}}while(!0);V===null&&(S=X),l.baseState=S,l.firstBaseUpdate=M,l.lastBaseUpdate=V,d===null&&(l.shared.lanes=0),dn|=g,e.lanes=g,e.memoizedState=X}}function Md(e,t){if(typeof e!="function")throw Error(r(191,e));e.call(t)}function Pd(e,t){var n=e.callbacks;if(n!==null)for(e.callbacks=null,e=0;e<n.length;e++)Md(n[e],t)}var Ri=G(null),is=G(0);function Ud(e,t){e=Hu,J(is,e),J(Ri,t),Hu=e|t.baseLanes}function Ul(){J(is,Hu),J(Ri,Ri.current)}function zl(){Hu=is.current,j(Ri),j(is)}var nn=0,_e=null,Pe=null,Ze=null,as=!1,Mi=!1,Qn=!1,rs=0,La=0,Pi=null,q3=0;function Ke(){throw Error(r(321))}function Fl(e,t){if(t===null)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!zt(e[n],t[n]))return!1;return!0}function Ll(e,t,n,a,l,d){return nn=d,_e=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,D.H=e===null||e.memoizedState===null?y4:A4,Qn=!1,d=n(a,l),Qn=!1,Mi&&(d=Fd(t,n,a,l)),zd(e),d}function zd(e){D.H=fs;var t=Pe!==null&&Pe.next!==null;if(nn=0,Ze=Pe=_e=null,as=!1,La=0,Pi=null,t)throw Error(r(300));e===null||st||(e=e.dependencies,e!==null&&Jr(e)&&(st=!0))}function Fd(e,t,n,a){_e=e;var l=0;do{if(Mi&&(Pi=null),La=0,Mi=!1,25<=l)throw Error(r(301));if(l+=1,Ze=Pe=null,e.updateQueue!=null){var d=e.updateQueue;d.lastEffect=null,d.events=null,d.stores=null,d.memoCache!=null&&(d.memoCache.index=0)}D.H=X3,d=t(n,a)}while(Mi);return d}function I3(){var e=D.H,t=e.useState()[0];return t=typeof t.then=="function"?Ba(t):t,e=e.useState()[0],(Pe!==null?Pe.memoizedState:null)!==e&&(_e.flags|=1024),t}function Bl(){var e=rs!==0;return rs=0,e}function Hl(e,t,n){t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~n}function ql(e){if(as){for(e=e.memoizedState;e!==null;){var t=e.queue;t!==null&&(t.pending=null),e=e.next}as=!1}nn=0,Ze=Pe=_e=null,Mi=!1,La=rs=0,Pi=null}function Ot(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return Ze===null?_e.memoizedState=Ze=e:Ze=Ze.next=e,Ze}function $e(){if(Pe===null){var e=_e.alternate;e=e!==null?e.memoizedState:null}else e=Pe.next;var t=Ze===null?_e.memoizedState:Ze.next;if(t!==null)Ze=t,Pe=e;else{if(e===null)throw _e.alternate===null?Error(r(467)):Error(r(310));Pe=e,e={memoizedState:Pe.memoizedState,baseState:Pe.baseState,baseQueue:Pe.baseQueue,queue:Pe.queue,next:null},Ze===null?_e.memoizedState=Ze=e:Ze=Ze.next=e}return Ze}function Il(){return{lastEffect:null,events:null,stores:null,memoCache:null}}function Ba(e){var t=La;return La+=1,Pi===null&&(Pi=[]),e=jd(Pi,e,t),t=_e,(Ze===null?t.memoizedState:Ze.next)===null&&(t=t.alternate,D.H=t===null||t.memoizedState===null?y4:A4),e}function ss(e){if(e!==null&&typeof e=="object"){if(typeof e.then=="function")return Ba(e);if(e.$$typeof===z)return gt(e)}throw Error(r(438,String(e)))}function Yl(e){var t=null,n=_e.updateQueue;if(n!==null&&(t=n.memoCache),t==null){var a=_e.alternate;a!==null&&(a=a.updateQueue,a!==null&&(a=a.memoCache,a!=null&&(t={data:a.data.map(function(l){return l.slice()}),index:0})))}if(t==null&&(t={data:[],index:0}),n===null&&(n=Il(),_e.updateQueue=n),n.memoCache=t,n=t.data[t.index],n===void 0)for(n=t.data[t.index]=Array(e),a=0;a<e;a++)n[a]=de;return t.index++,n}function Pu(e,t){return typeof t=="function"?t(e):t}function os(e){var t=$e();return Vl(t,Pe,e)}function Vl(e,t,n){var a=e.queue;if(a===null)throw Error(r(311));a.lastRenderedReducer=n;var l=e.baseQueue,d=a.pending;if(d!==null){if(l!==null){var g=l.next;l.next=d.next,d.next=g}t.baseQueue=l=d,a.pending=null}if(d=e.baseState,l===null)e.memoizedState=d;else{t=l.next;var y=g=null,S=null,M=t,V=!1;do{var X=M.lane&-536870913;if(X!==M.lane?(Te&X)===X:(nn&X)===X){var U=M.revertLane;if(U===0)S!==null&&(S=S.next={lane:0,revertLane:0,action:M.action,hasEagerState:M.hasEagerState,eagerState:M.eagerState,next:null}),X===ji&&(V=!0);else if((nn&U)===U){M=M.next,U===ji&&(V=!0);continue}else X={lane:0,revertLane:M.revertLane,action:M.action,hasEagerState:M.hasEagerState,eagerState:M.eagerState,next:null},S===null?(y=S=X,g=d):S=S.next=X,_e.lanes|=U,dn|=U;X=M.action,Qn&&n(d,X),d=M.hasEagerState?M.eagerState:n(d,X)}else U={lane:X,revertLane:M.revertLane,action:M.action,hasEagerState:M.hasEagerState,eagerState:M.eagerState,next:null},S===null?(y=S=U,g=d):S=S.next=U,_e.lanes|=X,dn|=X;M=M.next}while(M!==null&&M!==t);if(S===null?g=d:S.next=y,!zt(d,e.memoizedState)&&(st=!0,V&&(n=Ni,n!==null)))throw n;e.memoizedState=d,e.baseState=g,e.baseQueue=S,a.lastRenderedState=d}return l===null&&(a.lanes=0),[e.memoizedState,a.dispatch]}function Gl(e){var t=$e(),n=t.queue;if(n===null)throw Error(r(311));n.lastRenderedReducer=e;var a=n.dispatch,l=n.pending,d=t.memoizedState;if(l!==null){n.pending=null;var g=l=l.next;do d=e(d,g.action),g=g.next;while(g!==l);zt(d,t.memoizedState)||(st=!0),t.memoizedState=d,t.baseQueue===null&&(t.baseState=d),n.lastRenderedState=d}return[d,a]}function Ld(e,t,n){var a=_e,l=$e(),d=Oe;if(d){if(n===void 0)throw Error(r(407));n=n()}else n=t();var g=!zt((Pe||l).memoizedState,n);g&&(l.memoizedState=n,st=!0),l=l.queue;var y=qd.bind(null,a,l,e);if(Ha(2048,8,y,[e]),l.getSnapshot!==t||g||Ze!==null&&Ze.memoizedState.tag&1){if(a.flags|=2048,Ui(9,ls(),Hd.bind(null,a,l,n,t),null),He===null)throw Error(r(349));d||(nn&124)!==0||Bd(a,t,n)}return n}function Bd(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},t=_e.updateQueue,t===null?(t=Il(),_e.updateQueue=t,t.stores=[e]):(n=t.stores,n===null?t.stores=[e]:n.push(e))}function Hd(e,t,n,a){t.value=n,t.getSnapshot=a,Id(t)&&Yd(e)}function qd(e,t,n){return n(function(){Id(t)&&Yd(e)})}function Id(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!zt(e,n)}catch{return!0}}function Yd(e){var t=Ti(e,2);t!==null&&It(t,e,2)}function Kl(e){var t=Ot();if(typeof e=="function"){var n=e;if(e=n(),Qn){bu(!0);try{n()}finally{bu(!1)}}}return t.memoizedState=t.baseState=e,t.queue={pending:null,lanes:0,dispatch:null,lastRenderedReducer:Pu,lastRenderedState:e},t}function Vd(e,t,n,a){return e.baseState=n,Vl(e,Pe,typeof a=="function"?a:Pu)}function Y3(e,t,n,a,l){if(ds(e))throw Error(r(485));if(e=t.action,e!==null){var d={payload:l,action:e,next:null,isTransition:!0,status:"pending",value:null,reason:null,listeners:[],then:function(g){d.listeners.push(g)}};D.T!==null?n(!0):d.isTransition=!1,a(d),n=t.pending,n===null?(d.next=t.pending=d,Gd(t,d)):(d.next=n.next,t.pending=n.next=d)}}function Gd(e,t){var n=t.action,a=t.payload,l=e.state;if(t.isTransition){var d=D.T,g={};D.T=g;try{var y=n(l,a),S=D.S;S!==null&&S(g,y),Kd(e,t,y)}catch(M){Ql(e,t,M)}finally{D.T=d}}else try{d=n(l,a),Kd(e,t,d)}catch(M){Ql(e,t,M)}}function Kd(e,t,n){n!==null&&typeof n=="object"&&typeof n.then=="function"?n.then(function(a){Qd(e,t,a)},function(a){return Ql(e,t,a)}):Qd(e,t,n)}function Qd(e,t,n){t.status="fulfilled",t.value=n,Xd(t),e.state=n,t=e.pending,t!==null&&(n=t.next,n===t?e.pending=null:(n=n.next,t.next=n,Gd(e,n)))}function Ql(e,t,n){var a=e.pending;if(e.pending=null,a!==null){a=a.next;do t.status="rejected",t.reason=n,Xd(t),t=t.next;while(t!==a)}e.action=null}function Xd(e){e=e.listeners;for(var t=0;t<e.length;t++)(0,e[t])()}function Wd(e,t){return t}function Zd(e,t){if(Oe){var n=He.formState;if(n!==null){e:{var a=_e;if(Oe){if(Ye){t:{for(var l=Ye,d=yu;l.nodeType!==8;){if(!d){l=null;break t}if(l=cu(l.nextSibling),l===null){l=null;break t}}d=l.data,l=d==="F!"||d==="F"?l:null}if(l){Ye=cu(l.nextSibling),a=l.data==="F!";break e}}Yn(a)}a=!1}a&&(t=n[0])}}return n=Ot(),n.memoizedState=n.baseState=t,a={pending:null,lanes:0,dispatch:null,lastRenderedReducer:Wd,lastRenderedState:t},n.queue=a,n=g4.bind(null,_e,a),a.dispatch=n,a=Kl(!1),d=Jl.bind(null,_e,!1,a.queue),a=Ot(),l={state:t,dispatch:null,action:e,pending:null},a.queue=l,n=Y3.bind(null,_e,l,d,n),l.dispatch=n,a.memoizedState=e,[t,n,!1]}function $d(e){var t=$e();return Jd(t,Pe,e)}function Jd(e,t,n){if(t=Vl(e,t,Wd)[0],e=os(Pu)[0],typeof t=="object"&&t!==null&&typeof t.then=="function")try{var a=Ba(t)}catch(g){throw g===Ma?us:g}else a=t;t=$e();var l=t.queue,d=l.dispatch;return n!==t.memoizedState&&(_e.flags|=2048,Ui(9,ls(),V3.bind(null,l,n),null)),[a,d,e]}function V3(e,t){e.action=t}function e4(e){var t=$e(),n=Pe;if(n!==null)return Jd(t,n,e);$e(),t=t.memoizedState,n=$e();var a=n.queue.dispatch;return n.memoizedState=e,[t,a,!1]}function Ui(e,t,n,a){return e={tag:e,create:n,deps:a,inst:t,next:null},t=_e.updateQueue,t===null&&(t=Il(),_e.updateQueue=t),n=t.lastEffect,n===null?t.lastEffect=e.next=e:(a=n.next,n.next=e,e.next=a,t.lastEffect=e),e}function ls(){return{destroy:void 0,resource:void 0}}function t4(){return $e().memoizedState}function cs(e,t,n,a){var l=Ot();a=a===void 0?null:a,_e.flags|=e,l.memoizedState=Ui(1|t,ls(),n,a)}function Ha(e,t,n,a){var l=$e();a=a===void 0?null:a;var d=l.memoizedState.inst;Pe!==null&&a!==null&&Fl(a,Pe.memoizedState.deps)?l.memoizedState=Ui(t,d,n,a):(_e.flags|=e,l.memoizedState=Ui(1|t,d,n,a))}function u4(e,t){cs(8390656,8,e,t)}function n4(e,t){Ha(2048,8,e,t)}function i4(e,t){return Ha(4,2,e,t)}function a4(e,t){return Ha(4,4,e,t)}function r4(e,t){if(typeof t=="function"){e=e();var n=t(e);return function(){typeof n=="function"?n():t(null)}}if(t!=null)return e=e(),t.current=e,function(){t.current=null}}function s4(e,t,n){n=n!=null?n.concat([e]):null,Ha(4,4,r4.bind(null,t,e),n)}function Xl(){}function o4(e,t){var n=$e();t=t===void 0?null:t;var a=n.memoizedState;return t!==null&&Fl(t,a[1])?a[0]:(n.memoizedState=[e,t],e)}function l4(e,t){var n=$e();t=t===void 0?null:t;var a=n.memoizedState;if(t!==null&&Fl(t,a[1]))return a[0];if(a=e(),Qn){bu(!0);try{e()}finally{bu(!1)}}return n.memoizedState=[a,t],a}function Wl(e,t,n){return n===void 0||(nn&1073741824)!==0?e.memoizedState=t:(e.memoizedState=n,e=hf(),_e.lanes|=e,dn|=e,n)}function c4(e,t,n,a){return zt(n,t)?n:Ri.current!==null?(e=Wl(e,n,a),zt(e,t)||(st=!0),e):(nn&42)===0?(st=!0,e.memoizedState=n):(e=hf(),_e.lanes|=e,dn|=e,t)}function d4(e,t,n,a,l){var d=q.p;q.p=d!==0&&8>d?d:8;var g=D.T,y={};D.T=y,Jl(e,!1,t,n);try{var S=l(),M=D.S;if(M!==null&&M(y,S),S!==null&&typeof S=="object"&&typeof S.then=="function"){var V=H3(S,a);qa(e,t,V,qt(e))}else qa(e,t,a,qt(e))}catch(X){qa(e,t,{then:function(){},status:"rejected",reason:X},qt())}finally{q.p=d,D.T=g}}function G3(){}function Zl(e,t,n,a){if(e.tag!==5)throw Error(r(476));var l=f4(e).queue;d4(e,l,t,$,n===null?G3:function(){return h4(e),n(a)})}function f4(e){var t=e.memoizedState;if(t!==null)return t;t={memoizedState:$,baseState:$,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Pu,lastRenderedState:$},next:null};var n={};return t.next={memoizedState:n,baseState:n,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Pu,lastRenderedState:n},next:null},e.memoizedState=t,e=e.alternate,e!==null&&(e.memoizedState=t),t}function h4(e){var t=f4(e).next.queue;qa(e,t,{},qt())}function $l(){return gt(rr)}function m4(){return $e().memoizedState}function p4(){return $e().memoizedState}function K3(e){for(var t=e.return;t!==null;){switch(t.tag){case 24:case 3:var n=qt();e=tn(n);var a=un(t,e,n);a!==null&&(It(a,t,n),Ua(a,t,n)),t={cache:kl()},e.payload=t;return}t=t.return}}function Q3(e,t,n){var a=qt();n={lane:a,revertLane:0,action:n,hasEagerState:!1,eagerState:null,next:null},ds(e)?b4(t,n):(n=vl(e,t,n,a),n!==null&&(It(n,e,a),v4(n,t,a)))}function g4(e,t,n){var a=qt();qa(e,t,n,a)}function qa(e,t,n,a){var l={lane:a,revertLane:0,action:n,hasEagerState:!1,eagerState:null,next:null};if(ds(e))b4(t,l);else{var d=e.alternate;if(e.lanes===0&&(d===null||d.lanes===0)&&(d=t.lastRenderedReducer,d!==null))try{var g=t.lastRenderedState,y=d(g,n);if(l.hasEagerState=!0,l.eagerState=y,zt(y,g))return Qr(e,t,l,0),He===null&&Kr(),!1}catch{}if(n=vl(e,t,l,a),n!==null)return It(n,e,a),v4(n,t,a),!0}return!1}function Jl(e,t,n,a){if(a={lane:2,revertLane:j0(),action:a,hasEagerState:!1,eagerState:null,next:null},ds(e)){if(t)throw Error(r(479))}else t=vl(e,n,a,2),t!==null&&It(t,e,2)}function ds(e){var t=e.alternate;return e===_e||t!==null&&t===_e}function b4(e,t){Mi=as=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function v4(e,t,n){if((n&4194048)!==0){var a=t.lanes;a&=e.pendingLanes,n|=a,t.lanes=n,Tt(e,n)}}var fs={readContext:gt,use:ss,useCallback:Ke,useContext:Ke,useEffect:Ke,useImperativeHandle:Ke,useLayoutEffect:Ke,useInsertionEffect:Ke,useMemo:Ke,useReducer:Ke,useRef:Ke,useState:Ke,useDebugValue:Ke,useDeferredValue:Ke,useTransition:Ke,useSyncExternalStore:Ke,useId:Ke,useHostTransitionStatus:Ke,useFormState:Ke,useActionState:Ke,useOptimistic:Ke,useMemoCache:Ke,useCacheRefresh:Ke},y4={readContext:gt,use:ss,useCallback:function(e,t){return Ot().memoizedState=[e,t===void 0?null:t],e},useContext:gt,useEffect:u4,useImperativeHandle:function(e,t,n){n=n!=null?n.concat([e]):null,cs(4194308,4,r4.bind(null,t,e),n)},useLayoutEffect:function(e,t){return cs(4194308,4,e,t)},useInsertionEffect:function(e,t){cs(4,2,e,t)},useMemo:function(e,t){var n=Ot();t=t===void 0?null:t;var a=e();if(Qn){bu(!0);try{e()}finally{bu(!1)}}return n.memoizedState=[a,t],a},useReducer:function(e,t,n){var a=Ot();if(n!==void 0){var l=n(t);if(Qn){bu(!0);try{n(t)}finally{bu(!1)}}}else l=t;return a.memoizedState=a.baseState=l,e={pending:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:l},a.queue=e,e=e.dispatch=Q3.bind(null,_e,e),[a.memoizedState,e]},useRef:function(e){var t=Ot();return e={current:e},t.memoizedState=e},useState:function(e){e=Kl(e);var t=e.queue,n=g4.bind(null,_e,t);return t.dispatch=n,[e.memoizedState,n]},useDebugValue:Xl,useDeferredValue:function(e,t){var n=Ot();return Wl(n,e,t)},useTransition:function(){var e=Kl(!1);return e=d4.bind(null,_e,e.queue,!0,!1),Ot().memoizedState=e,[!1,e]},useSyncExternalStore:function(e,t,n){var a=_e,l=Ot();if(Oe){if(n===void 0)throw Error(r(407));n=n()}else{if(n=t(),He===null)throw Error(r(349));(Te&124)!==0||Bd(a,t,n)}l.memoizedState=n;var d={value:n,getSnapshot:t};return l.queue=d,u4(qd.bind(null,a,d,e),[e]),a.flags|=2048,Ui(9,ls(),Hd.bind(null,a,d,n,t),null),n},useId:function(){var e=Ot(),t=He.identifierPrefix;if(Oe){var n=Nu,a=ju;n=(a&~(1<<32-xt(a)-1)).toString(32)+n,t="«"+t+"R"+n,n=rs++,0<n&&(t+="H"+n.toString(32)),t+="»"}else n=q3++,t="«"+t+"r"+n.toString(32)+"»";return e.memoizedState=t},useHostTransitionStatus:$l,useFormState:Zd,useActionState:Zd,useOptimistic:function(e){var t=Ot();t.memoizedState=t.baseState=e;var n={pending:null,lanes:0,dispatch:null,lastRenderedReducer:null,lastRenderedState:null};return t.queue=n,t=Jl.bind(null,_e,!0,n),n.dispatch=t,[e,t]},useMemoCache:Yl,useCacheRefresh:function(){return Ot().memoizedState=K3.bind(null,_e)}},A4={readContext:gt,use:ss,useCallback:o4,useContext:gt,useEffect:n4,useImperativeHandle:s4,useInsertionEffect:i4,useLayoutEffect:a4,useMemo:l4,useReducer:os,useRef:t4,useState:function(){return os(Pu)},useDebugValue:Xl,useDeferredValue:function(e,t){var n=$e();return c4(n,Pe.memoizedState,e,t)},useTransition:function(){var e=os(Pu)[0],t=$e().memoizedState;return[typeof e=="boolean"?e:Ba(e),t]},useSyncExternalStore:Ld,useId:m4,useHostTransitionStatus:$l,useFormState:$d,useActionState:$d,useOptimistic:function(e,t){var n=$e();return Vd(n,Pe,e,t)},useMemoCache:Yl,useCacheRefresh:p4},X3={readContext:gt,use:ss,useCallback:o4,useContext:gt,useEffect:n4,useImperativeHandle:s4,useInsertionEffect:i4,useLayoutEffect:a4,useMemo:l4,useReducer:Gl,useRef:t4,useState:function(){return Gl(Pu)},useDebugValue:Xl,useDeferredValue:function(e,t){var n=$e();return Pe===null?Wl(n,e,t):c4(n,Pe.memoizedState,e,t)},useTransition:function(){var e=Gl(Pu)[0],t=$e().memoizedState;return[typeof e=="boolean"?e:Ba(e),t]},useSyncExternalStore:Ld,useId:m4,useHostTransitionStatus:$l,useFormState:e4,useActionState:e4,useOptimistic:function(e,t){var n=$e();return Pe!==null?Vd(n,Pe,e,t):(n.baseState=e,[e,n.queue.dispatch])},useMemoCache:Yl,useCacheRefresh:p4},zi=null,Ia=0;function hs(e){var t=Ia;return Ia+=1,zi===null&&(zi=[]),jd(zi,e,t)}function Ya(e,t){t=t.props.ref,e.ref=t!==void 0?t:null}function ms(e,t){throw t.$$typeof===_?Error(r(525)):(e=Object.prototype.toString.call(t),Error(r(31,e==="[object Object]"?"object with keys {"+Object.keys(t).join(", ")+"}":e)))}function _4(e){var t=e._init;return t(e._payload)}function x4(e){function t(O,T){if(e){var R=O.deletions;R===null?(O.deletions=[T],O.flags|=16):R.push(T)}}function n(O,T){if(!e)return null;for(;T!==null;)t(O,T),T=T.sibling;return null}function a(O){for(var T=new Map;O!==null;)O.key!==null?T.set(O.key,O):T.set(O.index,O),O=O.sibling;return T}function l(O,T){return O=Ou(O,T),O.index=0,O.sibling=null,O}function d(O,T,R){return O.index=R,e?(R=O.alternate,R!==null?(R=R.index,R<T?(O.flags|=67108866,T):R):(O.flags|=67108866,T)):(O.flags|=1048576,T)}function g(O){return e&&O.alternate===null&&(O.flags|=67108866),O}function y(O,T,R,Q){return T===null||T.tag!==6?(T=Al(R,O.mode,Q),T.return=O,T):(T=l(T,R),T.return=O,T)}function S(O,T,R,Q){var ae=R.type;return ae===N?V(O,T,R.props.children,Q,R.key):T!==null&&(T.elementType===ae||typeof ae=="object"&&ae!==null&&ae.$$typeof===I&&_4(ae)===T.type)?(T=l(T,R.props),Ya(T,R),T.return=O,T):(T=Wr(R.type,R.key,R.props,null,O.mode,Q),Ya(T,R),T.return=O,T)}function M(O,T,R,Q){return T===null||T.tag!==4||T.stateNode.containerInfo!==R.containerInfo||T.stateNode.implementation!==R.implementation?(T=_l(R,O.mode,Q),T.return=O,T):(T=l(T,R.children||[]),T.return=O,T)}function V(O,T,R,Q,ae){return T===null||T.tag!==7?(T=Bn(R,O.mode,Q,ae),T.return=O,T):(T=l(T,R),T.return=O,T)}function X(O,T,R){if(typeof T=="string"&&T!==""||typeof T=="number"||typeof T=="bigint")return T=Al(""+T,O.mode,R),T.return=O,T;if(typeof T=="object"&&T!==null){switch(T.$$typeof){case w:return R=Wr(T.type,T.key,T.props,null,O.mode,R),Ya(R,T),R.return=O,R;case C:return T=_l(T,O.mode,R),T.return=O,T;case I:var Q=T._init;return T=Q(T._payload),X(O,T,R)}if(le(T)||oe(T))return T=Bn(T,O.mode,R,null),T.return=O,T;if(typeof T.then=="function")return X(O,hs(T),R);if(T.$$typeof===z)return X(O,es(O,T),R);ms(O,T)}return null}function U(O,T,R,Q){var ae=T!==null?T.key:null;if(typeof R=="string"&&R!==""||typeof R=="number"||typeof R=="bigint")return ae!==null?null:y(O,T,""+R,Q);if(typeof R=="object"&&R!==null){switch(R.$$typeof){case w:return R.key===ae?S(O,T,R,Q):null;case C:return R.key===ae?M(O,T,R,Q):null;case I:return ae=R._init,R=ae(R._payload),U(O,T,R,Q)}if(le(R)||oe(R))return ae!==null?null:V(O,T,R,Q,null);if(typeof R.then=="function")return U(O,T,hs(R),Q);if(R.$$typeof===z)return U(O,T,es(O,R),Q);ms(O,R)}return null}function F(O,T,R,Q,ae){if(typeof Q=="string"&&Q!==""||typeof Q=="number"||typeof Q=="bigint")return O=O.get(R)||null,y(T,O,""+Q,ae);if(typeof Q=="object"&&Q!==null){switch(Q.$$typeof){case w:return O=O.get(Q.key===null?R:Q.key)||null,S(T,O,Q,ae);case C:return O=O.get(Q.key===null?R:Q.key)||null,M(T,O,Q,ae);case I:var we=Q._init;return Q=we(Q._payload),F(O,T,R,Q,ae)}if(le(Q)||oe(Q))return O=O.get(R)||null,V(T,O,Q,ae,null);if(typeof Q.then=="function")return F(O,T,R,hs(Q),ae);if(Q.$$typeof===z)return F(O,T,R,es(T,Q),ae);ms(T,Q)}return null}function be(O,T,R,Q){for(var ae=null,we=null,ce=T,ge=T=0,lt=null;ce!==null&&ge<R.length;ge++){ce.index>ge?(lt=ce,ce=null):lt=ce.sibling;var De=U(O,ce,R[ge],Q);if(De===null){ce===null&&(ce=lt);break}e&&ce&&De.alternate===null&&t(O,ce),T=d(De,T,ge),we===null?ae=De:we.sibling=De,we=De,ce=lt}if(ge===R.length)return n(O,ce),Oe&&qn(O,ge),ae;if(ce===null){for(;ge<R.length;ge++)ce=X(O,R[ge],Q),ce!==null&&(T=d(ce,T,ge),we===null?ae=ce:we.sibling=ce,we=ce);return Oe&&qn(O,ge),ae}for(ce=a(ce);ge<R.length;ge++)lt=F(ce,O,ge,R[ge],Q),lt!==null&&(e&&lt.alternate!==null&&ce.delete(lt.key===null?ge:lt.key),T=d(lt,T,ge),we===null?ae=lt:we.sibling=lt,we=lt);return e&&ce.forEach(function(An){return t(O,An)}),Oe&&qn(O,ge),ae}function me(O,T,R,Q){if(R==null)throw Error(r(151));for(var ae=null,we=null,ce=T,ge=T=0,lt=null,De=R.next();ce!==null&&!De.done;ge++,De=R.next()){ce.index>ge?(lt=ce,ce=null):lt=ce.sibling;var An=U(O,ce,De.value,Q);if(An===null){ce===null&&(ce=lt);break}e&&ce&&An.alternate===null&&t(O,ce),T=d(An,T,ge),we===null?ae=An:we.sibling=An,we=An,ce=lt}if(De.done)return n(O,ce),Oe&&qn(O,ge),ae;if(ce===null){for(;!De.done;ge++,De=R.next())De=X(O,De.value,Q),De!==null&&(T=d(De,T,ge),we===null?ae=De:we.sibling=De,we=De);return Oe&&qn(O,ge),ae}for(ce=a(ce);!De.done;ge++,De=R.next())De=F(ce,O,ge,De.value,Q),De!==null&&(e&&De.alternate!==null&&ce.delete(De.key===null?ge:De.key),T=d(De,T,ge),we===null?ae=De:we.sibling=De,we=De);return e&&ce.forEach(function(Wb){return t(O,Wb)}),Oe&&qn(O,ge),ae}function ze(O,T,R,Q){if(typeof R=="object"&&R!==null&&R.type===N&&R.key===null&&(R=R.props.children),typeof R=="object"&&R!==null){switch(R.$$typeof){case w:e:{for(var ae=R.key;T!==null;){if(T.key===ae){if(ae=R.type,ae===N){if(T.tag===7){n(O,T.sibling),Q=l(T,R.props.children),Q.return=O,O=Q;break e}}else if(T.elementType===ae||typeof ae=="object"&&ae!==null&&ae.$$typeof===I&&_4(ae)===T.type){n(O,T.sibling),Q=l(T,R.props),Ya(Q,R),Q.return=O,O=Q;break e}n(O,T);break}else t(O,T);T=T.sibling}R.type===N?(Q=Bn(R.props.children,O.mode,Q,R.key),Q.return=O,O=Q):(Q=Wr(R.type,R.key,R.props,null,O.mode,Q),Ya(Q,R),Q.return=O,O=Q)}return g(O);case C:e:{for(ae=R.key;T!==null;){if(T.key===ae)if(T.tag===4&&T.stateNode.containerInfo===R.containerInfo&&T.stateNode.implementation===R.implementation){n(O,T.sibling),Q=l(T,R.children||[]),Q.return=O,O=Q;break e}else{n(O,T);break}else t(O,T);T=T.sibling}Q=_l(R,O.mode,Q),Q.return=O,O=Q}return g(O);case I:return ae=R._init,R=ae(R._payload),ze(O,T,R,Q)}if(le(R))return be(O,T,R,Q);if(oe(R)){if(ae=oe(R),typeof ae!="function")throw Error(r(150));return R=ae.call(R),me(O,T,R,Q)}if(typeof R.then=="function")return ze(O,T,hs(R),Q);if(R.$$typeof===z)return ze(O,T,es(O,R),Q);ms(O,R)}return typeof R=="string"&&R!==""||typeof R=="number"||typeof R=="bigint"?(R=""+R,T!==null&&T.tag===6?(n(O,T.sibling),Q=l(T,R),Q.return=O,O=Q):(n(O,T),Q=Al(R,O.mode,Q),Q.return=O,O=Q),g(O)):n(O,T)}return function(O,T,R,Q){try{Ia=0;var ae=ze(O,T,R,Q);return zi=null,ae}catch(ce){if(ce===Ma||ce===us)throw ce;var we=Ft(29,ce,null,O.mode);return we.lanes=Q,we.return=O,we}}}var Fi=x4(!0),w4=x4(!1),uu=G(null),Au=null;function an(e){var t=e.alternate;J(tt,tt.current&1),J(uu,e),Au===null&&(t===null||Ri.current!==null||t.memoizedState!==null)&&(Au=e)}function S4(e){if(e.tag===22){if(J(tt,tt.current),J(uu,e),Au===null){var t=e.alternate;t!==null&&t.memoizedState!==null&&(Au=e)}}else rn()}function rn(){J(tt,tt.current),J(uu,uu.current)}function Uu(e){j(uu),Au===e&&(Au=null),j(tt)}var tt=G(0);function ps(e){for(var t=e;t!==null;){if(t.tag===13){var n=t.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||n.data==="$?"||I0(n)))return t}else if(t.tag===19&&t.memoizedProps.revealOrder!==void 0){if((t.flags&128)!==0)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}function e0(e,t,n,a){t=e.memoizedState,n=n(a,t),n=n==null?t:v({},t,n),e.memoizedState=n,e.lanes===0&&(e.updateQueue.baseState=n)}var t0={enqueueSetState:function(e,t,n){e=e._reactInternals;var a=qt(),l=tn(a);l.payload=t,n!=null&&(l.callback=n),t=un(e,l,a),t!==null&&(It(t,e,a),Ua(t,e,a))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var a=qt(),l=tn(a);l.tag=1,l.payload=t,n!=null&&(l.callback=n),t=un(e,l,a),t!==null&&(It(t,e,a),Ua(t,e,a))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=qt(),a=tn(n);a.tag=2,t!=null&&(a.callback=t),t=un(e,a,n),t!==null&&(It(t,e,n),Ua(t,e,n))}};function E4(e,t,n,a,l,d,g){return e=e.stateNode,typeof e.shouldComponentUpdate=="function"?e.shouldComponentUpdate(a,d,g):t.prototype&&t.prototype.isPureReactComponent?!Ca(n,a)||!Ca(l,d):!0}function C4(e,t,n,a){e=t.state,typeof t.componentWillReceiveProps=="function"&&t.componentWillReceiveProps(n,a),typeof t.UNSAFE_componentWillReceiveProps=="function"&&t.UNSAFE_componentWillReceiveProps(n,a),t.state!==e&&t0.enqueueReplaceState(t,t.state,null)}function Xn(e,t){var n=t;if("ref"in t){n={};for(var a in t)a!=="ref"&&(n[a]=t[a])}if(e=e.defaultProps){n===t&&(n=v({},n));for(var l in e)n[l]===void 0&&(n[l]=e[l])}return n}var gs=typeof reportError=="function"?reportError:function(e){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var t=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof e=="object"&&e!==null&&typeof e.message=="string"?String(e.message):String(e),error:e});if(!window.dispatchEvent(t))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",e);return}console.error(e)};function T4(e){gs(e)}function k4(e){console.error(e)}function D4(e){gs(e)}function bs(e,t){try{var n=e.onUncaughtError;n(t.value,{componentStack:t.stack})}catch(a){setTimeout(function(){throw a})}}function O4(e,t,n){try{var a=e.onCaughtError;a(n.value,{componentStack:n.stack,errorBoundary:t.tag===1?t.stateNode:null})}catch(l){setTimeout(function(){throw l})}}function u0(e,t,n){return n=tn(n),n.tag=3,n.payload={element:null},n.callback=function(){bs(e,t)},n}function j4(e){return e=tn(e),e.tag=3,e}function N4(e,t,n,a){var l=n.type.getDerivedStateFromError;if(typeof l=="function"){var d=a.value;e.payload=function(){return l(d)},e.callback=function(){O4(t,n,a)}}var g=n.stateNode;g!==null&&typeof g.componentDidCatch=="function"&&(e.callback=function(){O4(t,n,a),typeof l!="function"&&(fn===null?fn=new Set([this]):fn.add(this));var y=a.stack;this.componentDidCatch(a.value,{componentStack:y!==null?y:""})})}function W3(e,t,n,a,l){if(n.flags|=32768,a!==null&&typeof a=="object"&&typeof a.then=="function"){if(t=n.alternate,t!==null&&ja(t,n,l,!0),n=uu.current,n!==null){switch(n.tag){case 13:return Au===null?C0():n.alternate===null&&Ve===0&&(Ve=3),n.flags&=-257,n.flags|=65536,n.lanes=l,a===jl?n.flags|=16384:(t=n.updateQueue,t===null?n.updateQueue=new Set([a]):t.add(a),k0(e,a,l)),!1;case 22:return n.flags|=65536,a===jl?n.flags|=16384:(t=n.updateQueue,t===null?(t={transitions:null,markerInstances:null,retryQueue:new Set([a])},n.updateQueue=t):(n=t.retryQueue,n===null?t.retryQueue=new Set([a]):n.add(a)),k0(e,a,l)),!1}throw Error(r(435,n.tag))}return k0(e,a,l),C0(),!1}if(Oe)return t=uu.current,t!==null?((t.flags&65536)===0&&(t.flags|=256),t.flags|=65536,t.lanes=l,a!==Sl&&(e=Error(r(422),{cause:a}),Oa($t(e,n)))):(a!==Sl&&(t=Error(r(423),{cause:a}),Oa($t(t,n))),e=e.current.alternate,e.flags|=65536,l&=-l,e.lanes|=l,a=$t(a,n),l=u0(e.stateNode,a,l),Ml(e,l),Ve!==4&&(Ve=2)),!1;var d=Error(r(520),{cause:a});if(d=$t(d,n),Za===null?Za=[d]:Za.push(d),Ve!==4&&(Ve=2),t===null)return!0;a=$t(a,n),n=t;do{switch(n.tag){case 3:return n.flags|=65536,e=l&-l,n.lanes|=e,e=u0(n.stateNode,a,e),Ml(n,e),!1;case 1:if(t=n.type,d=n.stateNode,(n.flags&128)===0&&(typeof t.getDerivedStateFromError=="function"||d!==null&&typeof d.componentDidCatch=="function"&&(fn===null||!fn.has(d))))return n.flags|=65536,l&=-l,n.lanes|=l,l=j4(l),N4(l,e,n,a),Ml(n,l),!1}n=n.return}while(n!==null);return!1}var R4=Error(r(461)),st=!1;function dt(e,t,n,a){t.child=e===null?w4(t,null,n,a):Fi(t,e.child,n,a)}function M4(e,t,n,a,l){n=n.render;var d=t.ref;if("ref"in a){var g={};for(var y in a)y!=="ref"&&(g[y]=a[y])}else g=a;return Gn(t),a=Ll(e,t,n,g,d,l),y=Bl(),e!==null&&!st?(Hl(e,t,l),zu(e,t,l)):(Oe&&y&&xl(t),t.flags|=1,dt(e,t,a,l),t.child)}function P4(e,t,n,a,l){if(e===null){var d=n.type;return typeof d=="function"&&!yl(d)&&d.defaultProps===void 0&&n.compare===null?(t.tag=15,t.type=d,U4(e,t,d,a,l)):(e=Wr(n.type,null,a,t,t.mode,l),e.ref=t.ref,e.return=t,t.child=e)}if(d=e.child,!c0(e,l)){var g=d.memoizedProps;if(n=n.compare,n=n!==null?n:Ca,n(g,a)&&e.ref===t.ref)return zu(e,t,l)}return t.flags|=1,e=Ou(d,a),e.ref=t.ref,e.return=t,t.child=e}function U4(e,t,n,a,l){if(e!==null){var d=e.memoizedProps;if(Ca(d,a)&&e.ref===t.ref)if(st=!1,t.pendingProps=a=d,c0(e,l))(e.flags&131072)!==0&&(st=!0);else return t.lanes=e.lanes,zu(e,t,l)}return n0(e,t,n,a,l)}function z4(e,t,n){var a=t.pendingProps,l=a.children,d=e!==null?e.memoizedState:null;if(a.mode==="hidden"){if((t.flags&128)!==0){if(a=d!==null?d.baseLanes|n:n,e!==null){for(l=t.child=e.child,d=0;l!==null;)d=d|l.lanes|l.childLanes,l=l.sibling;t.childLanes=d&~a}else t.childLanes=0,t.child=null;return F4(e,t,a,n)}if((n&536870912)!==0)t.memoizedState={baseLanes:0,cachePool:null},e!==null&&ts(t,d!==null?d.cachePool:null),d!==null?Ud(t,d):Ul(),S4(t);else return t.lanes=t.childLanes=536870912,F4(e,t,d!==null?d.baseLanes|n:n,n)}else d!==null?(ts(t,d.cachePool),Ud(t,d),rn(),t.memoizedState=null):(e!==null&&ts(t,null),Ul(),rn());return dt(e,t,l,n),t.child}function F4(e,t,n,a){var l=Ol();return l=l===null?null:{parent:et._currentValue,pool:l},t.memoizedState={baseLanes:n,cachePool:l},e!==null&&ts(t,null),Ul(),S4(t),e!==null&&ja(e,t,a,!0),null}function vs(e,t){var n=t.ref;if(n===null)e!==null&&e.ref!==null&&(t.flags|=4194816);else{if(typeof n!="function"&&typeof n!="object")throw Error(r(284));(e===null||e.ref!==n)&&(t.flags|=4194816)}}function n0(e,t,n,a,l){return Gn(t),n=Ll(e,t,n,a,void 0,l),a=Bl(),e!==null&&!st?(Hl(e,t,l),zu(e,t,l)):(Oe&&a&&xl(t),t.flags|=1,dt(e,t,n,l),t.child)}function L4(e,t,n,a,l,d){return Gn(t),t.updateQueue=null,n=Fd(t,a,n,l),zd(e),a=Bl(),e!==null&&!st?(Hl(e,t,d),zu(e,t,d)):(Oe&&a&&xl(t),t.flags|=1,dt(e,t,n,d),t.child)}function B4(e,t,n,a,l){if(Gn(t),t.stateNode===null){var d=ki,g=n.contextType;typeof g=="object"&&g!==null&&(d=gt(g)),d=new n(a,d),t.memoizedState=d.state!==null&&d.state!==void 0?d.state:null,d.updater=t0,t.stateNode=d,d._reactInternals=t,d=t.stateNode,d.props=a,d.state=t.memoizedState,d.refs={},Nl(t),g=n.contextType,d.context=typeof g=="object"&&g!==null?gt(g):ki,d.state=t.memoizedState,g=n.getDerivedStateFromProps,typeof g=="function"&&(e0(t,n,g,a),d.state=t.memoizedState),typeof n.getDerivedStateFromProps=="function"||typeof d.getSnapshotBeforeUpdate=="function"||typeof d.UNSAFE_componentWillMount!="function"&&typeof d.componentWillMount!="function"||(g=d.state,typeof d.componentWillMount=="function"&&d.componentWillMount(),typeof d.UNSAFE_componentWillMount=="function"&&d.UNSAFE_componentWillMount(),g!==d.state&&t0.enqueueReplaceState(d,d.state,null),Fa(t,a,d,l),za(),d.state=t.memoizedState),typeof d.componentDidMount=="function"&&(t.flags|=4194308),a=!0}else if(e===null){d=t.stateNode;var y=t.memoizedProps,S=Xn(n,y);d.props=S;var M=d.context,V=n.contextType;g=ki,typeof V=="object"&&V!==null&&(g=gt(V));var X=n.getDerivedStateFromProps;V=typeof X=="function"||typeof d.getSnapshotBeforeUpdate=="function",y=t.pendingProps!==y,V||typeof d.UNSAFE_componentWillReceiveProps!="function"&&typeof d.componentWillReceiveProps!="function"||(y||M!==g)&&C4(t,d,a,g),en=!1;var U=t.memoizedState;d.state=U,Fa(t,a,d,l),za(),M=t.memoizedState,y||U!==M||en?(typeof X=="function"&&(e0(t,n,X,a),M=t.memoizedState),(S=en||E4(t,n,S,a,U,M,g))?(V||typeof d.UNSAFE_componentWillMount!="function"&&typeof d.componentWillMount!="function"||(typeof d.componentWillMount=="function"&&d.componentWillMount(),typeof d.UNSAFE_componentWillMount=="function"&&d.UNSAFE_componentWillMount()),typeof d.componentDidMount=="function"&&(t.flags|=4194308)):(typeof d.componentDidMount=="function"&&(t.flags|=4194308),t.memoizedProps=a,t.memoizedState=M),d.props=a,d.state=M,d.context=g,a=S):(typeof d.componentDidMount=="function"&&(t.flags|=4194308),a=!1)}else{d=t.stateNode,Rl(e,t),g=t.memoizedProps,V=Xn(n,g),d.props=V,X=t.pendingProps,U=d.context,M=n.contextType,S=ki,typeof M=="object"&&M!==null&&(S=gt(M)),y=n.getDerivedStateFromProps,(M=typeof y=="function"||typeof d.getSnapshotBeforeUpdate=="function")||typeof d.UNSAFE_componentWillReceiveProps!="function"&&typeof d.componentWillReceiveProps!="function"||(g!==X||U!==S)&&C4(t,d,a,S),en=!1,U=t.memoizedState,d.state=U,Fa(t,a,d,l),za();var F=t.memoizedState;g!==X||U!==F||en||e!==null&&e.dependencies!==null&&Jr(e.dependencies)?(typeof y=="function"&&(e0(t,n,y,a),F=t.memoizedState),(V=en||E4(t,n,V,a,U,F,S)||e!==null&&e.dependencies!==null&&Jr(e.dependencies))?(M||typeof d.UNSAFE_componentWillUpdate!="function"&&typeof d.componentWillUpdate!="function"||(typeof d.componentWillUpdate=="function"&&d.componentWillUpdate(a,F,S),typeof d.UNSAFE_componentWillUpdate=="function"&&d.UNSAFE_componentWillUpdate(a,F,S)),typeof d.componentDidUpdate=="function"&&(t.flags|=4),typeof d.getSnapshotBeforeUpdate=="function"&&(t.flags|=1024)):(typeof d.componentDidUpdate!="function"||g===e.memoizedProps&&U===e.memoizedState||(t.flags|=4),typeof d.getSnapshotBeforeUpdate!="function"||g===e.memoizedProps&&U===e.memoizedState||(t.flags|=1024),t.memoizedProps=a,t.memoizedState=F),d.props=a,d.state=F,d.context=S,a=V):(typeof d.componentDidUpdate!="function"||g===e.memoizedProps&&U===e.memoizedState||(t.flags|=4),typeof d.getSnapshotBeforeUpdate!="function"||g===e.memoizedProps&&U===e.memoizedState||(t.flags|=1024),a=!1)}return d=a,vs(e,t),a=(t.flags&128)!==0,d||a?(d=t.stateNode,n=a&&typeof n.getDerivedStateFromError!="function"?null:d.render(),t.flags|=1,e!==null&&a?(t.child=Fi(t,e.child,null,l),t.child=Fi(t,null,n,l)):dt(e,t,n,l),t.memoizedState=d.state,e=t.child):e=zu(e,t,l),e}function H4(e,t,n,a){return Da(),t.flags|=256,dt(e,t,n,a),t.child}var i0={dehydrated:null,treeContext:null,retryLane:0,hydrationErrors:null};function a0(e){return{baseLanes:e,cachePool:kd()}}function r0(e,t,n){return e=e!==null?e.childLanes&~n:0,t&&(e|=nu),e}function q4(e,t,n){var a=t.pendingProps,l=!1,d=(t.flags&128)!==0,g;if((g=d)||(g=e!==null&&e.memoizedState===null?!1:(tt.current&2)!==0),g&&(l=!0,t.flags&=-129),g=(t.flags&32)!==0,t.flags&=-33,e===null){if(Oe){if(l?an(t):rn(),Oe){var y=Ye,S;if(S=y){e:{for(S=y,y=yu;S.nodeType!==8;){if(!y){y=null;break e}if(S=cu(S.nextSibling),S===null){y=null;break e}}y=S}y!==null?(t.memoizedState={dehydrated:y,treeContext:Hn!==null?{id:ju,overflow:Nu}:null,retryLane:536870912,hydrationErrors:null},S=Ft(18,null,null,0),S.stateNode=y,S.return=t,t.child=S,wt=t,Ye=null,S=!0):S=!1}S||Yn(t)}if(y=t.memoizedState,y!==null&&(y=y.dehydrated,y!==null))return I0(y)?t.lanes=32:t.lanes=536870912,null;Uu(t)}return y=a.children,a=a.fallback,l?(rn(),l=t.mode,y=ys({mode:"hidden",children:y},l),a=Bn(a,l,n,null),y.return=t,a.return=t,y.sibling=a,t.child=y,l=t.child,l.memoizedState=a0(n),l.childLanes=r0(e,g,n),t.memoizedState=i0,a):(an(t),s0(t,y))}if(S=e.memoizedState,S!==null&&(y=S.dehydrated,y!==null)){if(d)t.flags&256?(an(t),t.flags&=-257,t=o0(e,t,n)):t.memoizedState!==null?(rn(),t.child=e.child,t.flags|=128,t=null):(rn(),l=a.fallback,y=t.mode,a=ys({mode:"visible",children:a.children},y),l=Bn(l,y,n,null),l.flags|=2,a.return=t,l.return=t,a.sibling=l,t.child=a,Fi(t,e.child,null,n),a=t.child,a.memoizedState=a0(n),a.childLanes=r0(e,g,n),t.memoizedState=i0,t=l);else if(an(t),I0(y)){if(g=y.nextSibling&&y.nextSibling.dataset,g)var M=g.dgst;g=M,a=Error(r(419)),a.stack="",a.digest=g,Oa({value:a,source:null,stack:null}),t=o0(e,t,n)}else if(st||ja(e,t,n,!1),g=(n&e.childLanes)!==0,st||g){if(g=He,g!==null&&(a=n&-n,a=(a&42)!==0?1:Je(a),a=(a&(g.suspendedLanes|n))!==0?0:a,a!==0&&a!==S.retryLane))throw S.retryLane=a,Ti(e,a),It(g,e,a),R4;y.data==="$?"||C0(),t=o0(e,t,n)}else y.data==="$?"?(t.flags|=192,t.child=e.child,t=null):(e=S.treeContext,Ye=cu(y.nextSibling),wt=t,Oe=!0,In=null,yu=!1,e!==null&&(eu[tu++]=ju,eu[tu++]=Nu,eu[tu++]=Hn,ju=e.id,Nu=e.overflow,Hn=t),t=s0(t,a.children),t.flags|=4096);return t}return l?(rn(),l=a.fallback,y=t.mode,S=e.child,M=S.sibling,a=Ou(S,{mode:"hidden",children:a.children}),a.subtreeFlags=S.subtreeFlags&65011712,M!==null?l=Ou(M,l):(l=Bn(l,y,n,null),l.flags|=2),l.return=t,a.return=t,a.sibling=l,t.child=a,a=l,l=t.child,y=e.child.memoizedState,y===null?y=a0(n):(S=y.cachePool,S!==null?(M=et._currentValue,S=S.parent!==M?{parent:M,pool:M}:S):S=kd(),y={baseLanes:y.baseLanes|n,cachePool:S}),l.memoizedState=y,l.childLanes=r0(e,g,n),t.memoizedState=i0,a):(an(t),n=e.child,e=n.sibling,n=Ou(n,{mode:"visible",children:a.children}),n.return=t,n.sibling=null,e!==null&&(g=t.deletions,g===null?(t.deletions=[e],t.flags|=16):g.push(e)),t.child=n,t.memoizedState=null,n)}function s0(e,t){return t=ys({mode:"visible",children:t},e.mode),t.return=e,e.child=t}function ys(e,t){return e=Ft(22,e,null,t),e.lanes=0,e.stateNode={_visibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null},e}function o0(e,t,n){return Fi(t,e.child,null,n),e=s0(t,t.pendingProps.children),e.flags|=2,t.memoizedState=null,e}function I4(e,t,n){e.lanes|=t;var a=e.alternate;a!==null&&(a.lanes|=t),Cl(e.return,t,n)}function l0(e,t,n,a,l){var d=e.memoizedState;d===null?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:a,tail:n,tailMode:l}:(d.isBackwards=t,d.rendering=null,d.renderingStartTime=0,d.last=a,d.tail=n,d.tailMode=l)}function Y4(e,t,n){var a=t.pendingProps,l=a.revealOrder,d=a.tail;if(dt(e,t,a.children,n),a=tt.current,(a&2)!==0)a=a&1|2,t.flags|=128;else{if(e!==null&&(e.flags&128)!==0)e:for(e=t.child;e!==null;){if(e.tag===13)e.memoizedState!==null&&I4(e,n,t);else if(e.tag===19)I4(e,n,t);else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;e.sibling===null;){if(e.return===null||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}a&=1}switch(J(tt,a),l){case"forwards":for(n=t.child,l=null;n!==null;)e=n.alternate,e!==null&&ps(e)===null&&(l=n),n=n.sibling;n=l,n===null?(l=t.child,t.child=null):(l=n.sibling,n.sibling=null),l0(t,!1,l,n,d);break;case"backwards":for(n=null,l=t.child,t.child=null;l!==null;){if(e=l.alternate,e!==null&&ps(e)===null){t.child=l;break}e=l.sibling,l.sibling=n,n=l,l=e}l0(t,!0,n,null,d);break;case"together":l0(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function zu(e,t,n){if(e!==null&&(t.dependencies=e.dependencies),dn|=t.lanes,(n&t.childLanes)===0)if(e!==null){if(ja(e,t,n,!1),(n&t.childLanes)===0)return null}else return null;if(e!==null&&t.child!==e.child)throw Error(r(153));if(t.child!==null){for(e=t.child,n=Ou(e,e.pendingProps),t.child=n,n.return=t;e.sibling!==null;)e=e.sibling,n=n.sibling=Ou(e,e.pendingProps),n.return=t;n.sibling=null}return t.child}function c0(e,t){return(e.lanes&t)!==0?!0:(e=e.dependencies,!!(e!==null&&Jr(e)))}function Z3(e,t,n){switch(t.tag){case 3:Ce(t,t.stateNode.containerInfo),Ju(t,et,e.memoizedState.cache),Da();break;case 27:case 5:pu(t);break;case 4:Ce(t,t.stateNode.containerInfo);break;case 10:Ju(t,t.type,t.memoizedProps.value);break;case 13:var a=t.memoizedState;if(a!==null)return a.dehydrated!==null?(an(t),t.flags|=128,null):(n&t.child.childLanes)!==0?q4(e,t,n):(an(t),e=zu(e,t,n),e!==null?e.sibling:null);an(t);break;case 19:var l=(e.flags&128)!==0;if(a=(n&t.childLanes)!==0,a||(ja(e,t,n,!1),a=(n&t.childLanes)!==0),l){if(a)return Y4(e,t,n);t.flags|=128}if(l=t.memoizedState,l!==null&&(l.rendering=null,l.tail=null,l.lastEffect=null),J(tt,tt.current),a)break;return null;case 22:case 23:return t.lanes=0,z4(e,t,n);case 24:Ju(t,et,e.memoizedState.cache)}return zu(e,t,n)}function V4(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps)st=!0;else{if(!c0(e,n)&&(t.flags&128)===0)return st=!1,Z3(e,t,n);st=(e.flags&131072)!==0}else st=!1,Oe&&(t.flags&1048576)!==0&&_d(t,$r,t.index);switch(t.lanes=0,t.tag){case 16:e:{e=t.pendingProps;var a=t.elementType,l=a._init;if(a=l(a._payload),t.type=a,typeof a=="function")yl(a)?(e=Xn(a,e),t.tag=1,t=B4(null,t,a,e,n)):(t.tag=0,t=n0(null,t,a,e,n));else{if(a!=null){if(l=a.$$typeof,l===K){t.tag=11,t=M4(null,t,a,e,n);break e}else if(l===W){t.tag=14,t=P4(null,t,a,e,n);break e}}throw t=ee(a)||a,Error(r(306,t,""))}}return t;case 0:return n0(e,t,t.type,t.pendingProps,n);case 1:return a=t.type,l=Xn(a,t.pendingProps),B4(e,t,a,l,n);case 3:e:{if(Ce(t,t.stateNode.containerInfo),e===null)throw Error(r(387));a=t.pendingProps;var d=t.memoizedState;l=d.element,Rl(e,t),Fa(t,a,null,n);var g=t.memoizedState;if(a=g.cache,Ju(t,et,a),a!==d.cache&&Tl(t,[et],n,!0),za(),a=g.element,d.isDehydrated)if(d={element:a,isDehydrated:!1,cache:g.cache},t.updateQueue.baseState=d,t.memoizedState=d,t.flags&256){t=H4(e,t,a,n);break e}else if(a!==l){l=$t(Error(r(424)),t),Oa(l),t=H4(e,t,a,n);break e}else for(e=t.stateNode.containerInfo,e.nodeType===9?e=e.body:e=e.nodeName==="HTML"?e.ownerDocument.body:e,Ye=cu(e.firstChild),wt=t,Oe=!0,In=null,yu=!0,n=w4(t,null,a,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(Da(),a===l){t=zu(e,t,n);break e}dt(e,t,a,n)}t=t.child}return t;case 26:return vs(e,t),e===null?(n=Wf(t.type,null,t.pendingProps,null))?t.memoizedState=n:Oe||(n=t.type,e=t.pendingProps,a=Rs(ie.current).createElement(n),a[Ge]=t,a[pt]=e,ht(a,n,e),rt(a),t.stateNode=a):t.memoizedState=Wf(t.type,e.memoizedProps,t.pendingProps,e.memoizedState),null;case 27:return pu(t),e===null&&Oe&&(a=t.stateNode=Kf(t.type,t.pendingProps,ie.current),wt=t,yu=!0,l=Ye,pn(t.type)?(Y0=l,Ye=cu(a.firstChild)):Ye=l),dt(e,t,t.pendingProps.children,n),vs(e,t),e===null&&(t.flags|=4194304),t.child;case 5:return e===null&&Oe&&((l=a=Ye)&&(a=Eb(a,t.type,t.pendingProps,yu),a!==null?(t.stateNode=a,wt=t,Ye=cu(a.firstChild),yu=!1,l=!0):l=!1),l||Yn(t)),pu(t),l=t.type,d=t.pendingProps,g=e!==null?e.memoizedProps:null,a=d.children,B0(l,d)?a=null:g!==null&&B0(l,g)&&(t.flags|=32),t.memoizedState!==null&&(l=Ll(e,t,I3,null,null,n),rr._currentValue=l),vs(e,t),dt(e,t,a,n),t.child;case 6:return e===null&&Oe&&((e=n=Ye)&&(n=Cb(n,t.pendingProps,yu),n!==null?(t.stateNode=n,wt=t,Ye=null,e=!0):e=!1),e||Yn(t)),null;case 13:return q4(e,t,n);case 4:return Ce(t,t.stateNode.containerInfo),a=t.pendingProps,e===null?t.child=Fi(t,null,a,n):dt(e,t,a,n),t.child;case 11:return M4(e,t,t.type,t.pendingProps,n);case 7:return dt(e,t,t.pendingProps,n),t.child;case 8:return dt(e,t,t.pendingProps.children,n),t.child;case 12:return dt(e,t,t.pendingProps.children,n),t.child;case 10:return a=t.pendingProps,Ju(t,t.type,a.value),dt(e,t,a.children,n),t.child;case 9:return l=t.type._context,a=t.pendingProps.children,Gn(t),l=gt(l),a=a(l),t.flags|=1,dt(e,t,a,n),t.child;case 14:return P4(e,t,t.type,t.pendingProps,n);case 15:return U4(e,t,t.type,t.pendingProps,n);case 19:return Y4(e,t,n);case 31:return a=t.pendingProps,n=t.mode,a={mode:a.mode,children:a.children},e===null?(n=ys(a,n),n.ref=t.ref,t.child=n,n.return=t,t=n):(n=Ou(e.child,a),n.ref=t.ref,t.child=n,n.return=t,t=n),t;case 22:return z4(e,t,n);case 24:return Gn(t),a=gt(et),e===null?(l=Ol(),l===null&&(l=He,d=kl(),l.pooledCache=d,d.refCount++,d!==null&&(l.pooledCacheLanes|=n),l=d),t.memoizedState={parent:a,cache:l},Nl(t),Ju(t,et,l)):((e.lanes&n)!==0&&(Rl(e,t),Fa(t,null,null,n),za()),l=e.memoizedState,d=t.memoizedState,l.parent!==a?(l={parent:a,cache:a},t.memoizedState=l,t.lanes===0&&(t.memoizedState=t.updateQueue.baseState=l),Ju(t,et,a)):(a=d.cache,Ju(t,et,a),a!==l.cache&&Tl(t,[et],n,!0))),dt(e,t,t.pendingProps.children,n),t.child;case 29:throw t.pendingProps}throw Error(r(156,t.tag))}function Fu(e){e.flags|=4}function G4(e,t){if(t.type!=="stylesheet"||(t.state.loading&4)!==0)e.flags&=-16777217;else if(e.flags|=16777216,!t2(t)){if(t=uu.current,t!==null&&((Te&4194048)===Te?Au!==null:(Te&62914560)!==Te&&(Te&536870912)===0||t!==Au))throw Pa=jl,Dd;e.flags|=8192}}function As(e,t){t!==null&&(e.flags|=4),e.flags&16384&&(t=e.tag!==22?Pr():536870912,e.lanes|=t,qi|=t)}function Va(e,t){if(!Oe)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;t!==null;)t.alternate!==null&&(n=t),t=t.sibling;n===null?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var a=null;n!==null;)n.alternate!==null&&(a=n),n=n.sibling;a===null?t||e.tail===null?e.tail=null:e.tail.sibling=null:a.sibling=null}}function Ie(e){var t=e.alternate!==null&&e.alternate.child===e.child,n=0,a=0;if(t)for(var l=e.child;l!==null;)n|=l.lanes|l.childLanes,a|=l.subtreeFlags&65011712,a|=l.flags&65011712,l.return=e,l=l.sibling;else for(l=e.child;l!==null;)n|=l.lanes|l.childLanes,a|=l.subtreeFlags,a|=l.flags,l.return=e,l=l.sibling;return e.subtreeFlags|=a,e.childLanes=n,t}function $3(e,t,n){var a=t.pendingProps;switch(wl(t),t.tag){case 31:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Ie(t),null;case 1:return Ie(t),null;case 3:return n=t.stateNode,a=null,e!==null&&(a=e.memoizedState.cache),t.memoizedState.cache!==a&&(t.flags|=2048),Mu(et),ke(),n.pendingContext&&(n.context=n.pendingContext,n.pendingContext=null),(e===null||e.child===null)&&(ka(t)?Fu(t):e===null||e.memoizedState.isDehydrated&&(t.flags&256)===0||(t.flags|=1024,Sd())),Ie(t),null;case 26:return n=t.memoizedState,e===null?(Fu(t),n!==null?(Ie(t),G4(t,n)):(Ie(t),t.flags&=-16777217)):n?n!==e.memoizedState?(Fu(t),Ie(t),G4(t,n)):(Ie(t),t.flags&=-16777217):(e.memoizedProps!==a&&Fu(t),Ie(t),t.flags&=-16777217),null;case 27:yt(t),n=ie.current;var l=t.type;if(e!==null&&t.stateNode!=null)e.memoizedProps!==a&&Fu(t);else{if(!a){if(t.stateNode===null)throw Error(r(166));return Ie(t),null}e=ue.current,ka(t)?xd(t):(e=Kf(l,a,n),t.stateNode=e,Fu(t))}return Ie(t),null;case 5:if(yt(t),n=t.type,e!==null&&t.stateNode!=null)e.memoizedProps!==a&&Fu(t);else{if(!a){if(t.stateNode===null)throw Error(r(166));return Ie(t),null}if(e=ue.current,ka(t))xd(t);else{switch(l=Rs(ie.current),e){case 1:e=l.createElementNS("http://www.w3.org/2000/svg",n);break;case 2:e=l.createElementNS("http://www.w3.org/1998/Math/MathML",n);break;default:switch(n){case"svg":e=l.createElementNS("http://www.w3.org/2000/svg",n);break;case"math":e=l.createElementNS("http://www.w3.org/1998/Math/MathML",n);break;case"script":e=l.createElement("div"),e.innerHTML="<script><\/script>",e=e.removeChild(e.firstChild);break;case"select":e=typeof a.is=="string"?l.createElement("select",{is:a.is}):l.createElement("select"),a.multiple?e.multiple=!0:a.size&&(e.size=a.size);break;default:e=typeof a.is=="string"?l.createElement(n,{is:a.is}):l.createElement(n)}}e[Ge]=t,e[pt]=a;e:for(l=t.child;l!==null;){if(l.tag===5||l.tag===6)e.appendChild(l.stateNode);else if(l.tag!==4&&l.tag!==27&&l.child!==null){l.child.return=l,l=l.child;continue}if(l===t)break e;for(;l.sibling===null;){if(l.return===null||l.return===t)break e;l=l.return}l.sibling.return=l.return,l=l.sibling}t.stateNode=e;e:switch(ht(e,n,a),n){case"button":case"input":case"select":case"textarea":e=!!a.autoFocus;break e;case"img":e=!0;break e;default:e=!1}e&&Fu(t)}}return Ie(t),t.flags&=-16777217,null;case 6:if(e&&t.stateNode!=null)e.memoizedProps!==a&&Fu(t);else{if(typeof a!="string"&&t.stateNode===null)throw Error(r(166));if(e=ie.current,ka(t)){if(e=t.stateNode,n=t.memoizedProps,a=null,l=wt,l!==null)switch(l.tag){case 27:case 5:a=l.memoizedProps}e[Ge]=t,e=!!(e.nodeValue===n||a!==null&&a.suppressHydrationWarning===!0||Bf(e.nodeValue,n)),e||Yn(t)}else e=Rs(e).createTextNode(a),e[Ge]=t,t.stateNode=e}return Ie(t),null;case 13:if(a=t.memoizedState,e===null||e.memoizedState!==null&&e.memoizedState.dehydrated!==null){if(l=ka(t),a!==null&&a.dehydrated!==null){if(e===null){if(!l)throw Error(r(318));if(l=t.memoizedState,l=l!==null?l.dehydrated:null,!l)throw Error(r(317));l[Ge]=t}else Da(),(t.flags&128)===0&&(t.memoizedState=null),t.flags|=4;Ie(t),l=!1}else l=Sd(),e!==null&&e.memoizedState!==null&&(e.memoizedState.hydrationErrors=l),l=!0;if(!l)return t.flags&256?(Uu(t),t):(Uu(t),null)}if(Uu(t),(t.flags&128)!==0)return t.lanes=n,t;if(n=a!==null,e=e!==null&&e.memoizedState!==null,n){a=t.child,l=null,a.alternate!==null&&a.alternate.memoizedState!==null&&a.alternate.memoizedState.cachePool!==null&&(l=a.alternate.memoizedState.cachePool.pool);var d=null;a.memoizedState!==null&&a.memoizedState.cachePool!==null&&(d=a.memoizedState.cachePool.pool),d!==l&&(a.flags|=2048)}return n!==e&&n&&(t.child.flags|=8192),As(t,t.updateQueue),Ie(t),null;case 4:return ke(),e===null&&P0(t.stateNode.containerInfo),Ie(t),null;case 10:return Mu(t.type),Ie(t),null;case 19:if(j(tt),l=t.memoizedState,l===null)return Ie(t),null;if(a=(t.flags&128)!==0,d=l.rendering,d===null)if(a)Va(l,!1);else{if(Ve!==0||e!==null&&(e.flags&128)!==0)for(e=t.child;e!==null;){if(d=ps(e),d!==null){for(t.flags|=128,Va(l,!1),e=d.updateQueue,t.updateQueue=e,As(t,e),t.subtreeFlags=0,e=n,n=t.child;n!==null;)Ad(n,e),n=n.sibling;return J(tt,tt.current&1|2),t.child}e=e.sibling}l.tail!==null&&At()>ws&&(t.flags|=128,a=!0,Va(l,!1),t.lanes=4194304)}else{if(!a)if(e=ps(d),e!==null){if(t.flags|=128,a=!0,e=e.updateQueue,t.updateQueue=e,As(t,e),Va(l,!0),l.tail===null&&l.tailMode==="hidden"&&!d.alternate&&!Oe)return Ie(t),null}else 2*At()-l.renderingStartTime>ws&&n!==536870912&&(t.flags|=128,a=!0,Va(l,!1),t.lanes=4194304);l.isBackwards?(d.sibling=t.child,t.child=d):(e=l.last,e!==null?e.sibling=d:t.child=d,l.last=d)}return l.tail!==null?(t=l.tail,l.rendering=t,l.tail=t.sibling,l.renderingStartTime=At(),t.sibling=null,e=tt.current,J(tt,a?e&1|2:e&1),t):(Ie(t),null);case 22:case 23:return Uu(t),zl(),a=t.memoizedState!==null,e!==null?e.memoizedState!==null!==a&&(t.flags|=8192):a&&(t.flags|=8192),a?(n&536870912)!==0&&(t.flags&128)===0&&(Ie(t),t.subtreeFlags&6&&(t.flags|=8192)):Ie(t),n=t.updateQueue,n!==null&&As(t,n.retryQueue),n=null,e!==null&&e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(n=e.memoizedState.cachePool.pool),a=null,t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(a=t.memoizedState.cachePool.pool),a!==n&&(t.flags|=2048),e!==null&&j(Kn),null;case 24:return n=null,e!==null&&(n=e.memoizedState.cache),t.memoizedState.cache!==n&&(t.flags|=2048),Mu(et),Ie(t),null;case 25:return null;case 30:return null}throw Error(r(156,t.tag))}function J3(e,t){switch(wl(t),t.tag){case 1:return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return Mu(et),ke(),e=t.flags,(e&65536)!==0&&(e&128)===0?(t.flags=e&-65537|128,t):null;case 26:case 27:case 5:return yt(t),null;case 13:if(Uu(t),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(r(340));Da()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return j(tt),null;case 4:return ke(),null;case 10:return Mu(t.type),null;case 22:case 23:return Uu(t),zl(),e!==null&&j(Kn),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 24:return Mu(et),null;case 25:return null;default:return null}}function K4(e,t){switch(wl(t),t.tag){case 3:Mu(et),ke();break;case 26:case 27:case 5:yt(t);break;case 4:ke();break;case 13:Uu(t);break;case 19:j(tt);break;case 10:Mu(t.type);break;case 22:case 23:Uu(t),zl(),e!==null&&j(Kn);break;case 24:Mu(et)}}function Ga(e,t){try{var n=t.updateQueue,a=n!==null?n.lastEffect:null;if(a!==null){var l=a.next;n=l;do{if((n.tag&e)===e){a=void 0;var d=n.create,g=n.inst;a=d(),g.destroy=a}n=n.next}while(n!==l)}}catch(y){Be(t,t.return,y)}}function sn(e,t,n){try{var a=t.updateQueue,l=a!==null?a.lastEffect:null;if(l!==null){var d=l.next;a=d;do{if((a.tag&e)===e){var g=a.inst,y=g.destroy;if(y!==void 0){g.destroy=void 0,l=t;var S=n,M=y;try{M()}catch(V){Be(l,S,V)}}}a=a.next}while(a!==d)}}catch(V){Be(t,t.return,V)}}function Q4(e){var t=e.updateQueue;if(t!==null){var n=e.stateNode;try{Pd(t,n)}catch(a){Be(e,e.return,a)}}}function X4(e,t,n){n.props=Xn(e.type,e.memoizedProps),n.state=e.memoizedState;try{n.componentWillUnmount()}catch(a){Be(e,t,a)}}function Ka(e,t){try{var n=e.ref;if(n!==null){switch(e.tag){case 26:case 27:case 5:var a=e.stateNode;break;case 30:a=e.stateNode;break;default:a=e.stateNode}typeof n=="function"?e.refCleanup=n(a):n.current=a}}catch(l){Be(e,t,l)}}function _u(e,t){var n=e.ref,a=e.refCleanup;if(n!==null)if(typeof a=="function")try{a()}catch(l){Be(e,t,l)}finally{e.refCleanup=null,e=e.alternate,e!=null&&(e.refCleanup=null)}else if(typeof n=="function")try{n(null)}catch(l){Be(e,t,l)}else n.current=null}function W4(e){var t=e.type,n=e.memoizedProps,a=e.stateNode;try{e:switch(t){case"button":case"input":case"select":case"textarea":n.autoFocus&&a.focus();break e;case"img":n.src?a.src=n.src:n.srcSet&&(a.srcset=n.srcSet)}}catch(l){Be(e,e.return,l)}}function d0(e,t,n){try{var a=e.stateNode;Ab(a,e.type,n,t),a[pt]=t}catch(l){Be(e,e.return,l)}}function Z4(e){return e.tag===5||e.tag===3||e.tag===26||e.tag===27&&pn(e.type)||e.tag===4}function f0(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||Z4(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.tag===27&&pn(e.type)||e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function h0(e,t,n){var a=e.tag;if(a===5||a===6)e=e.stateNode,t?(n.nodeType===9?n.body:n.nodeName==="HTML"?n.ownerDocument.body:n).insertBefore(e,t):(t=n.nodeType===9?n.body:n.nodeName==="HTML"?n.ownerDocument.body:n,t.appendChild(e),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=Ns));else if(a!==4&&(a===27&&pn(e.type)&&(n=e.stateNode,t=null),e=e.child,e!==null))for(h0(e,t,n),e=e.sibling;e!==null;)h0(e,t,n),e=e.sibling}function _s(e,t,n){var a=e.tag;if(a===5||a===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(a!==4&&(a===27&&pn(e.type)&&(n=e.stateNode),e=e.child,e!==null))for(_s(e,t,n),e=e.sibling;e!==null;)_s(e,t,n),e=e.sibling}function $4(e){var t=e.stateNode,n=e.memoizedProps;try{for(var a=e.type,l=t.attributes;l.length;)t.removeAttributeNode(l[0]);ht(t,a,n),t[Ge]=e,t[pt]=n}catch(d){Be(e,e.return,d)}}var Lu=!1,Qe=!1,m0=!1,J4=typeof WeakSet=="function"?WeakSet:Set,ot=null;function eb(e,t){if(e=e.containerInfo,F0=Ls,e=cd(e),fl(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var a=n.getSelection&&n.getSelection();if(a&&a.rangeCount!==0){n=a.anchorNode;var l=a.anchorOffset,d=a.focusNode;a=a.focusOffset;try{n.nodeType,d.nodeType}catch{n=null;break e}var g=0,y=-1,S=-1,M=0,V=0,X=e,U=null;t:for(;;){for(var F;X!==n||l!==0&&X.nodeType!==3||(y=g+l),X!==d||a!==0&&X.nodeType!==3||(S=g+a),X.nodeType===3&&(g+=X.nodeValue.length),(F=X.firstChild)!==null;)U=X,X=F;for(;;){if(X===e)break t;if(U===n&&++M===l&&(y=g),U===d&&++V===a&&(S=g),(F=X.nextSibling)!==null)break;X=U,U=X.parentNode}X=F}n=y===-1||S===-1?null:{start:y,end:S}}else n=null}n=n||{start:0,end:0}}else n=null;for(L0={focusedElem:e,selectionRange:n},Ls=!1,ot=t;ot!==null;)if(t=ot,e=t.child,(t.subtreeFlags&1024)!==0&&e!==null)e.return=t,ot=e;else for(;ot!==null;){switch(t=ot,d=t.alternate,e=t.flags,t.tag){case 0:break;case 11:case 15:break;case 1:if((e&1024)!==0&&d!==null){e=void 0,n=t,l=d.memoizedProps,d=d.memoizedState,a=n.stateNode;try{var be=Xn(n.type,l,n.elementType===n.type);e=a.getSnapshotBeforeUpdate(be,d),a.__reactInternalSnapshotBeforeUpdate=e}catch(me){Be(n,n.return,me)}}break;case 3:if((e&1024)!==0){if(e=t.stateNode.containerInfo,n=e.nodeType,n===9)q0(e);else if(n===1)switch(e.nodeName){case"HEAD":case"HTML":case"BODY":q0(e);break;default:e.textContent=""}}break;case 5:case 26:case 27:case 6:case 4:case 17:break;default:if((e&1024)!==0)throw Error(r(163))}if(e=t.sibling,e!==null){e.return=t.return,ot=e;break}ot=t.return}}function ef(e,t,n){var a=n.flags;switch(n.tag){case 0:case 11:case 15:on(e,n),a&4&&Ga(5,n);break;case 1:if(on(e,n),a&4)if(e=n.stateNode,t===null)try{e.componentDidMount()}catch(g){Be(n,n.return,g)}else{var l=Xn(n.type,t.memoizedProps);t=t.memoizedState;try{e.componentDidUpdate(l,t,e.__reactInternalSnapshotBeforeUpdate)}catch(g){Be(n,n.return,g)}}a&64&&Q4(n),a&512&&Ka(n,n.return);break;case 3:if(on(e,n),a&64&&(e=n.updateQueue,e!==null)){if(t=null,n.child!==null)switch(n.child.tag){case 27:case 5:t=n.child.stateNode;break;case 1:t=n.child.stateNode}try{Pd(e,t)}catch(g){Be(n,n.return,g)}}break;case 27:t===null&&a&4&&$4(n);case 26:case 5:on(e,n),t===null&&a&4&&W4(n),a&512&&Ka(n,n.return);break;case 12:on(e,n);break;case 13:on(e,n),a&4&&nf(e,n),a&64&&(e=n.memoizedState,e!==null&&(e=e.dehydrated,e!==null&&(n=lb.bind(null,n),Tb(e,n))));break;case 22:if(a=n.memoizedState!==null||Lu,!a){t=t!==null&&t.memoizedState!==null||Qe,l=Lu;var d=Qe;Lu=a,(Qe=t)&&!d?ln(e,n,(n.subtreeFlags&8772)!==0):on(e,n),Lu=l,Qe=d}break;case 30:break;default:on(e,n)}}function tf(e){var t=e.alternate;t!==null&&(e.alternate=null,tf(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&Ko(t)),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}var qe=null,jt=!1;function Bu(e,t,n){for(n=n.child;n!==null;)uf(e,t,n),n=n.sibling}function uf(e,t,n){if(ct&&typeof ct.onCommitFiberUnmount=="function")try{ct.onCommitFiberUnmount(_t,n)}catch{}switch(n.tag){case 26:Qe||_u(n,t),Bu(e,t,n),n.memoizedState?n.memoizedState.count--:n.stateNode&&(n=n.stateNode,n.parentNode.removeChild(n));break;case 27:Qe||_u(n,t);var a=qe,l=jt;pn(n.type)&&(qe=n.stateNode,jt=!1),Bu(e,t,n),ur(n.stateNode),qe=a,jt=l;break;case 5:Qe||_u(n,t);case 6:if(a=qe,l=jt,qe=null,Bu(e,t,n),qe=a,jt=l,qe!==null)if(jt)try{(qe.nodeType===9?qe.body:qe.nodeName==="HTML"?qe.ownerDocument.body:qe).removeChild(n.stateNode)}catch(d){Be(n,t,d)}else try{qe.removeChild(n.stateNode)}catch(d){Be(n,t,d)}break;case 18:qe!==null&&(jt?(e=qe,Vf(e.nodeType===9?e.body:e.nodeName==="HTML"?e.ownerDocument.body:e,n.stateNode),cr(e)):Vf(qe,n.stateNode));break;case 4:a=qe,l=jt,qe=n.stateNode.containerInfo,jt=!0,Bu(e,t,n),qe=a,jt=l;break;case 0:case 11:case 14:case 15:Qe||sn(2,n,t),Qe||sn(4,n,t),Bu(e,t,n);break;case 1:Qe||(_u(n,t),a=n.stateNode,typeof a.componentWillUnmount=="function"&&X4(n,t,a)),Bu(e,t,n);break;case 21:Bu(e,t,n);break;case 22:Qe=(a=Qe)||n.memoizedState!==null,Bu(e,t,n),Qe=a;break;default:Bu(e,t,n)}}function nf(e,t){if(t.memoizedState===null&&(e=t.alternate,e!==null&&(e=e.memoizedState,e!==null&&(e=e.dehydrated,e!==null))))try{cr(e)}catch(n){Be(t,t.return,n)}}function tb(e){switch(e.tag){case 13:case 19:var t=e.stateNode;return t===null&&(t=e.stateNode=new J4),t;case 22:return e=e.stateNode,t=e._retryCache,t===null&&(t=e._retryCache=new J4),t;default:throw Error(r(435,e.tag))}}function p0(e,t){var n=tb(e);t.forEach(function(a){var l=cb.bind(null,e,a);n.has(a)||(n.add(a),a.then(l,l))})}function Lt(e,t){var n=t.deletions;if(n!==null)for(var a=0;a<n.length;a++){var l=n[a],d=e,g=t,y=g;e:for(;y!==null;){switch(y.tag){case 27:if(pn(y.type)){qe=y.stateNode,jt=!1;break e}break;case 5:qe=y.stateNode,jt=!1;break e;case 3:case 4:qe=y.stateNode.containerInfo,jt=!0;break e}y=y.return}if(qe===null)throw Error(r(160));uf(d,g,l),qe=null,jt=!1,d=l.alternate,d!==null&&(d.return=null),l.return=null}if(t.subtreeFlags&13878)for(t=t.child;t!==null;)af(t,e),t=t.sibling}var lu=null;function af(e,t){var n=e.alternate,a=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:Lt(t,e),Bt(e),a&4&&(sn(3,e,e.return),Ga(3,e),sn(5,e,e.return));break;case 1:Lt(t,e),Bt(e),a&512&&(Qe||n===null||_u(n,n.return)),a&64&&Lu&&(e=e.updateQueue,e!==null&&(a=e.callbacks,a!==null&&(n=e.shared.hiddenCallbacks,e.shared.hiddenCallbacks=n===null?a:n.concat(a))));break;case 26:var l=lu;if(Lt(t,e),Bt(e),a&512&&(Qe||n===null||_u(n,n.return)),a&4){var d=n!==null?n.memoizedState:null;if(a=e.memoizedState,n===null)if(a===null)if(e.stateNode===null){e:{a=e.type,n=e.memoizedProps,l=l.ownerDocument||l;t:switch(a){case"title":d=l.getElementsByTagName("title")[0],(!d||d[ba]||d[Ge]||d.namespaceURI==="http://www.w3.org/2000/svg"||d.hasAttribute("itemprop"))&&(d=l.createElement(a),l.head.insertBefore(d,l.querySelector("head > title"))),ht(d,a,n),d[Ge]=e,rt(d),a=d;break e;case"link":var g=Jf("link","href",l).get(a+(n.href||""));if(g){for(var y=0;y<g.length;y++)if(d=g[y],d.getAttribute("href")===(n.href==null||n.href===""?null:n.href)&&d.getAttribute("rel")===(n.rel==null?null:n.rel)&&d.getAttribute("title")===(n.title==null?null:n.title)&&d.getAttribute("crossorigin")===(n.crossOrigin==null?null:n.crossOrigin)){g.splice(y,1);break t}}d=l.createElement(a),ht(d,a,n),l.head.appendChild(d);break;case"meta":if(g=Jf("meta","content",l).get(a+(n.content||""))){for(y=0;y<g.length;y++)if(d=g[y],d.getAttribute("content")===(n.content==null?null:""+n.content)&&d.getAttribute("name")===(n.name==null?null:n.name)&&d.getAttribute("property")===(n.property==null?null:n.property)&&d.getAttribute("http-equiv")===(n.httpEquiv==null?null:n.httpEquiv)&&d.getAttribute("charset")===(n.charSet==null?null:n.charSet)){g.splice(y,1);break t}}d=l.createElement(a),ht(d,a,n),l.head.appendChild(d);break;default:throw Error(r(468,a))}d[Ge]=e,rt(d),a=d}e.stateNode=a}else e2(l,e.type,e.stateNode);else e.stateNode=$f(l,a,e.memoizedProps);else d!==a?(d===null?n.stateNode!==null&&(n=n.stateNode,n.parentNode.removeChild(n)):d.count--,a===null?e2(l,e.type,e.stateNode):$f(l,a,e.memoizedProps)):a===null&&e.stateNode!==null&&d0(e,e.memoizedProps,n.memoizedProps)}break;case 27:Lt(t,e),Bt(e),a&512&&(Qe||n===null||_u(n,n.return)),n!==null&&a&4&&d0(e,e.memoizedProps,n.memoizedProps);break;case 5:if(Lt(t,e),Bt(e),a&512&&(Qe||n===null||_u(n,n.return)),e.flags&32){l=e.stateNode;try{Ai(l,"")}catch(F){Be(e,e.return,F)}}a&4&&e.stateNode!=null&&(l=e.memoizedProps,d0(e,l,n!==null?n.memoizedProps:l)),a&1024&&(m0=!0);break;case 6:if(Lt(t,e),Bt(e),a&4){if(e.stateNode===null)throw Error(r(162));a=e.memoizedProps,n=e.stateNode;try{n.nodeValue=a}catch(F){Be(e,e.return,F)}}break;case 3:if(Us=null,l=lu,lu=Ms(t.containerInfo),Lt(t,e),lu=l,Bt(e),a&4&&n!==null&&n.memoizedState.isDehydrated)try{cr(t.containerInfo)}catch(F){Be(e,e.return,F)}m0&&(m0=!1,rf(e));break;case 4:a=lu,lu=Ms(e.stateNode.containerInfo),Lt(t,e),Bt(e),lu=a;break;case 12:Lt(t,e),Bt(e);break;case 13:Lt(t,e),Bt(e),e.child.flags&8192&&e.memoizedState!==null!=(n!==null&&n.memoizedState!==null)&&(_0=At()),a&4&&(a=e.updateQueue,a!==null&&(e.updateQueue=null,p0(e,a)));break;case 22:l=e.memoizedState!==null;var S=n!==null&&n.memoizedState!==null,M=Lu,V=Qe;if(Lu=M||l,Qe=V||S,Lt(t,e),Qe=V,Lu=M,Bt(e),a&8192)e:for(t=e.stateNode,t._visibility=l?t._visibility&-2:t._visibility|1,l&&(n===null||S||Lu||Qe||Wn(e)),n=null,t=e;;){if(t.tag===5||t.tag===26){if(n===null){S=n=t;try{if(d=S.stateNode,l)g=d.style,typeof g.setProperty=="function"?g.setProperty("display","none","important"):g.display="none";else{y=S.stateNode;var X=S.memoizedProps.style,U=X!=null&&X.hasOwnProperty("display")?X.display:null;y.style.display=U==null||typeof U=="boolean"?"":(""+U).trim()}}catch(F){Be(S,S.return,F)}}}else if(t.tag===6){if(n===null){S=t;try{S.stateNode.nodeValue=l?"":S.memoizedProps}catch(F){Be(S,S.return,F)}}}else if((t.tag!==22&&t.tag!==23||t.memoizedState===null||t===e)&&t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break e;for(;t.sibling===null;){if(t.return===null||t.return===e)break e;n===t&&(n=null),t=t.return}n===t&&(n=null),t.sibling.return=t.return,t=t.sibling}a&4&&(a=e.updateQueue,a!==null&&(n=a.retryQueue,n!==null&&(a.retryQueue=null,p0(e,n))));break;case 19:Lt(t,e),Bt(e),a&4&&(a=e.updateQueue,a!==null&&(e.updateQueue=null,p0(e,a)));break;case 30:break;case 21:break;default:Lt(t,e),Bt(e)}}function Bt(e){var t=e.flags;if(t&2){try{for(var n,a=e.return;a!==null;){if(Z4(a)){n=a;break}a=a.return}if(n==null)throw Error(r(160));switch(n.tag){case 27:var l=n.stateNode,d=f0(e);_s(e,d,l);break;case 5:var g=n.stateNode;n.flags&32&&(Ai(g,""),n.flags&=-33);var y=f0(e);_s(e,y,g);break;case 3:case 4:var S=n.stateNode.containerInfo,M=f0(e);h0(e,M,S);break;default:throw Error(r(161))}}catch(V){Be(e,e.return,V)}e.flags&=-3}t&4096&&(e.flags&=-4097)}function rf(e){if(e.subtreeFlags&1024)for(e=e.child;e!==null;){var t=e;rf(t),t.tag===5&&t.flags&1024&&t.stateNode.reset(),e=e.sibling}}function on(e,t){if(t.subtreeFlags&8772)for(t=t.child;t!==null;)ef(e,t.alternate,t),t=t.sibling}function Wn(e){for(e=e.child;e!==null;){var t=e;switch(t.tag){case 0:case 11:case 14:case 15:sn(4,t,t.return),Wn(t);break;case 1:_u(t,t.return);var n=t.stateNode;typeof n.componentWillUnmount=="function"&&X4(t,t.return,n),Wn(t);break;case 27:ur(t.stateNode);case 26:case 5:_u(t,t.return),Wn(t);break;case 22:t.memoizedState===null&&Wn(t);break;case 30:Wn(t);break;default:Wn(t)}e=e.sibling}}function ln(e,t,n){for(n=n&&(t.subtreeFlags&8772)!==0,t=t.child;t!==null;){var a=t.alternate,l=e,d=t,g=d.flags;switch(d.tag){case 0:case 11:case 15:ln(l,d,n),Ga(4,d);break;case 1:if(ln(l,d,n),a=d,l=a.stateNode,typeof l.componentDidMount=="function")try{l.componentDidMount()}catch(M){Be(a,a.return,M)}if(a=d,l=a.updateQueue,l!==null){var y=a.stateNode;try{var S=l.shared.hiddenCallbacks;if(S!==null)for(l.shared.hiddenCallbacks=null,l=0;l<S.length;l++)Md(S[l],y)}catch(M){Be(a,a.return,M)}}n&&g&64&&Q4(d),Ka(d,d.return);break;case 27:$4(d);case 26:case 5:ln(l,d,n),n&&a===null&&g&4&&W4(d),Ka(d,d.return);break;case 12:ln(l,d,n);break;case 13:ln(l,d,n),n&&g&4&&nf(l,d);break;case 22:d.memoizedState===null&&ln(l,d,n),Ka(d,d.return);break;case 30:break;default:ln(l,d,n)}t=t.sibling}}function g0(e,t){var n=null;e!==null&&e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(n=e.memoizedState.cachePool.pool),e=null,t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(e=t.memoizedState.cachePool.pool),e!==n&&(e!=null&&e.refCount++,n!=null&&Na(n))}function b0(e,t){e=null,t.alternate!==null&&(e=t.alternate.memoizedState.cache),t=t.memoizedState.cache,t!==e&&(t.refCount++,e!=null&&Na(e))}function xu(e,t,n,a){if(t.subtreeFlags&10256)for(t=t.child;t!==null;)sf(e,t,n,a),t=t.sibling}function sf(e,t,n,a){var l=t.flags;switch(t.tag){case 0:case 11:case 15:xu(e,t,n,a),l&2048&&Ga(9,t);break;case 1:xu(e,t,n,a);break;case 3:xu(e,t,n,a),l&2048&&(e=null,t.alternate!==null&&(e=t.alternate.memoizedState.cache),t=t.memoizedState.cache,t!==e&&(t.refCount++,e!=null&&Na(e)));break;case 12:if(l&2048){xu(e,t,n,a),e=t.stateNode;try{var d=t.memoizedProps,g=d.id,y=d.onPostCommit;typeof y=="function"&&y(g,t.alternate===null?"mount":"update",e.passiveEffectDuration,-0)}catch(S){Be(t,t.return,S)}}else xu(e,t,n,a);break;case 13:xu(e,t,n,a);break;case 23:break;case 22:d=t.stateNode,g=t.alternate,t.memoizedState!==null?d._visibility&2?xu(e,t,n,a):Qa(e,t):d._visibility&2?xu(e,t,n,a):(d._visibility|=2,Li(e,t,n,a,(t.subtreeFlags&10256)!==0)),l&2048&&g0(g,t);break;case 24:xu(e,t,n,a),l&2048&&b0(t.alternate,t);break;default:xu(e,t,n,a)}}function Li(e,t,n,a,l){for(l=l&&(t.subtreeFlags&10256)!==0,t=t.child;t!==null;){var d=e,g=t,y=n,S=a,M=g.flags;switch(g.tag){case 0:case 11:case 15:Li(d,g,y,S,l),Ga(8,g);break;case 23:break;case 22:var V=g.stateNode;g.memoizedState!==null?V._visibility&2?Li(d,g,y,S,l):Qa(d,g):(V._visibility|=2,Li(d,g,y,S,l)),l&&M&2048&&g0(g.alternate,g);break;case 24:Li(d,g,y,S,l),l&&M&2048&&b0(g.alternate,g);break;default:Li(d,g,y,S,l)}t=t.sibling}}function Qa(e,t){if(t.subtreeFlags&10256)for(t=t.child;t!==null;){var n=e,a=t,l=a.flags;switch(a.tag){case 22:Qa(n,a),l&2048&&g0(a.alternate,a);break;case 24:Qa(n,a),l&2048&&b0(a.alternate,a);break;default:Qa(n,a)}t=t.sibling}}var Xa=8192;function Bi(e){if(e.subtreeFlags&Xa)for(e=e.child;e!==null;)of(e),e=e.sibling}function of(e){switch(e.tag){case 26:Bi(e),e.flags&Xa&&e.memoizedState!==null&&Bb(lu,e.memoizedState,e.memoizedProps);break;case 5:Bi(e);break;case 3:case 4:var t=lu;lu=Ms(e.stateNode.containerInfo),Bi(e),lu=t;break;case 22:e.memoizedState===null&&(t=e.alternate,t!==null&&t.memoizedState!==null?(t=Xa,Xa=16777216,Bi(e),Xa=t):Bi(e));break;default:Bi(e)}}function lf(e){var t=e.alternate;if(t!==null&&(e=t.child,e!==null)){t.child=null;do t=e.sibling,e.sibling=null,e=t;while(e!==null)}}function Wa(e){var t=e.deletions;if((e.flags&16)!==0){if(t!==null)for(var n=0;n<t.length;n++){var a=t[n];ot=a,df(a,e)}lf(e)}if(e.subtreeFlags&10256)for(e=e.child;e!==null;)cf(e),e=e.sibling}function cf(e){switch(e.tag){case 0:case 11:case 15:Wa(e),e.flags&2048&&sn(9,e,e.return);break;case 3:Wa(e);break;case 12:Wa(e);break;case 22:var t=e.stateNode;e.memoizedState!==null&&t._visibility&2&&(e.return===null||e.return.tag!==13)?(t._visibility&=-3,xs(e)):Wa(e);break;default:Wa(e)}}function xs(e){var t=e.deletions;if((e.flags&16)!==0){if(t!==null)for(var n=0;n<t.length;n++){var a=t[n];ot=a,df(a,e)}lf(e)}for(e=e.child;e!==null;){switch(t=e,t.tag){case 0:case 11:case 15:sn(8,t,t.return),xs(t);break;case 22:n=t.stateNode,n._visibility&2&&(n._visibility&=-3,xs(t));break;default:xs(t)}e=e.sibling}}function df(e,t){for(;ot!==null;){var n=ot;switch(n.tag){case 0:case 11:case 15:sn(8,n,t);break;case 23:case 22:if(n.memoizedState!==null&&n.memoizedState.cachePool!==null){var a=n.memoizedState.cachePool.pool;a!=null&&a.refCount++}break;case 24:Na(n.memoizedState.cache)}if(a=n.child,a!==null)a.return=n,ot=a;else e:for(n=e;ot!==null;){a=ot;var l=a.sibling,d=a.return;if(tf(a),a===n){ot=null;break e}if(l!==null){l.return=d,ot=l;break e}ot=d}}}var ub={getCacheForType:function(e){var t=gt(et),n=t.data.get(e);return n===void 0&&(n=e(),t.data.set(e,n)),n}},nb=typeof WeakMap=="function"?WeakMap:Map,Re=0,He=null,Se=null,Te=0,Me=0,Ht=null,cn=!1,Hi=!1,v0=!1,Hu=0,Ve=0,dn=0,Zn=0,y0=0,nu=0,qi=0,Za=null,Nt=null,A0=!1,_0=0,ws=1/0,Ss=null,fn=null,ft=0,hn=null,Ii=null,Yi=0,x0=0,w0=null,ff=null,$a=0,S0=null;function qt(){if((Re&2)!==0&&Te!==0)return Te&-Te;if(D.T!==null){var e=ji;return e!==0?e:j0()}return Zu()}function hf(){nu===0&&(nu=(Te&536870912)===0||Oe?Mr():536870912);var e=uu.current;return e!==null&&(e.flags|=32),nu}function It(e,t,n){(e===He&&(Me===2||Me===9)||e.cancelPendingCommit!==null)&&(Vi(e,0),mn(e,Te,nu,!1)),H(e,n),((Re&2)===0||e!==He)&&(e===He&&((Re&2)===0&&(Zn|=n),Ve===4&&mn(e,Te,nu,!1)),wu(e))}function mf(e,t,n){if((Re&6)!==0)throw Error(r(327));var a=!n&&(t&124)===0&&(t&e.expiredLanes)===0||Pn(e,t),l=a?rb(e,t):T0(e,t,!0),d=a;do{if(l===0){Hi&&!a&&mn(e,t,0,!1);break}else{if(n=e.current.alternate,d&&!ib(n)){l=T0(e,t,!1),d=!1;continue}if(l===2){if(d=t,e.errorRecoveryDisabledLanes&d)var g=0;else g=e.pendingLanes&-536870913,g=g!==0?g:g&536870912?536870912:0;if(g!==0){t=g;e:{var y=e;l=Za;var S=y.current.memoizedState.isDehydrated;if(S&&(Vi(y,g).flags|=256),g=T0(y,g,!1),g!==2){if(v0&&!S){y.errorRecoveryDisabledLanes|=d,Zn|=d,l=4;break e}d=Nt,Nt=l,d!==null&&(Nt===null?Nt=d:Nt.push.apply(Nt,d))}l=g}if(d=!1,l!==2)continue}}if(l===1){Vi(e,0),mn(e,t,0,!0);break}e:{switch(a=e,d=l,d){case 0:case 1:throw Error(r(345));case 4:if((t&4194048)!==t)break;case 6:mn(a,t,nu,!cn);break e;case 2:Nt=null;break;case 3:case 5:break;default:throw Error(r(329))}if((t&62914560)===t&&(l=_0+300-At(),10<l)){if(mn(a,t,nu,!cn),fi(a,0,!0)!==0)break e;a.timeoutHandle=If(pf.bind(null,a,n,Nt,Ss,A0,t,nu,Zn,qi,cn,d,2,-0,0),l);break e}pf(a,n,Nt,Ss,A0,t,nu,Zn,qi,cn,d,0,-0,0)}}break}while(!0);wu(e)}function pf(e,t,n,a,l,d,g,y,S,M,V,X,U,F){if(e.timeoutHandle=-1,X=t.subtreeFlags,(X&8192||(X&16785408)===16785408)&&(ar={stylesheets:null,count:0,unsuspend:Lb},of(t),X=Hb(),X!==null)){e.cancelPendingCommit=X(xf.bind(null,e,t,d,n,a,l,g,y,S,V,1,U,F)),mn(e,d,g,!M);return}xf(e,t,d,n,a,l,g,y,S)}function ib(e){for(var t=e;;){var n=t.tag;if((n===0||n===11||n===15)&&t.flags&16384&&(n=t.updateQueue,n!==null&&(n=n.stores,n!==null)))for(var a=0;a<n.length;a++){var l=n[a],d=l.getSnapshot;l=l.value;try{if(!zt(d(),l))return!1}catch{return!1}}if(n=t.child,t.subtreeFlags&16384&&n!==null)n.return=t,t=n;else{if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}function mn(e,t,n,a){t&=~y0,t&=~Zn,e.suspendedLanes|=t,e.pingedLanes&=~t,a&&(e.warmLanes|=t),a=e.expirationTimes;for(var l=t;0<l;){var d=31-xt(l),g=1<<d;a[d]=-1,l&=~g}n!==0&&Ne(e,n,t)}function Es(){return(Re&6)===0?(Ja(0),!1):!0}function E0(){if(Se!==null){if(Me===0)var e=Se.return;else e=Se,Ru=Vn=null,ql(e),zi=null,Ia=0,e=Se;for(;e!==null;)K4(e.alternate,e),e=e.return;Se=null}}function Vi(e,t){var n=e.timeoutHandle;n!==-1&&(e.timeoutHandle=-1,xb(n)),n=e.cancelPendingCommit,n!==null&&(e.cancelPendingCommit=null,n()),E0(),He=e,Se=n=Ou(e.current,null),Te=t,Me=0,Ht=null,cn=!1,Hi=Pn(e,t),v0=!1,qi=nu=y0=Zn=dn=Ve=0,Nt=Za=null,A0=!1,(t&8)!==0&&(t|=t&32);var a=e.entangledLanes;if(a!==0)for(e=e.entanglements,a&=t;0<a;){var l=31-xt(a),d=1<<l;t|=e[l],a&=~d}return Hu=t,Kr(),n}function gf(e,t){_e=null,D.H=fs,t===Ma||t===us?(t=Nd(),Me=3):t===Dd?(t=Nd(),Me=4):Me=t===R4?8:t!==null&&typeof t=="object"&&typeof t.then=="function"?6:1,Ht=t,Se===null&&(Ve=1,bs(e,$t(t,e.current)))}function bf(){var e=D.H;return D.H=fs,e===null?fs:e}function vf(){var e=D.A;return D.A=ub,e}function C0(){Ve=4,cn||(Te&4194048)!==Te&&uu.current!==null||(Hi=!0),(dn&134217727)===0&&(Zn&134217727)===0||He===null||mn(He,Te,nu,!1)}function T0(e,t,n){var a=Re;Re|=2;var l=bf(),d=vf();(He!==e||Te!==t)&&(Ss=null,Vi(e,t)),t=!1;var g=Ve;e:do try{if(Me!==0&&Se!==null){var y=Se,S=Ht;switch(Me){case 8:E0(),g=6;break e;case 3:case 2:case 9:case 6:uu.current===null&&(t=!0);var M=Me;if(Me=0,Ht=null,Gi(e,y,S,M),n&&Hi){g=0;break e}break;default:M=Me,Me=0,Ht=null,Gi(e,y,S,M)}}ab(),g=Ve;break}catch(V){gf(e,V)}while(!0);return t&&e.shellSuspendCounter++,Ru=Vn=null,Re=a,D.H=l,D.A=d,Se===null&&(He=null,Te=0,Kr()),g}function ab(){for(;Se!==null;)yf(Se)}function rb(e,t){var n=Re;Re|=2;var a=bf(),l=vf();He!==e||Te!==t?(Ss=null,ws=At()+500,Vi(e,t)):Hi=Pn(e,t);e:do try{if(Me!==0&&Se!==null){t=Se;var d=Ht;t:switch(Me){case 1:Me=0,Ht=null,Gi(e,t,d,1);break;case 2:case 9:if(Od(d)){Me=0,Ht=null,Af(t);break}t=function(){Me!==2&&Me!==9||He!==e||(Me=7),wu(e)},d.then(t,t);break e;case 3:Me=7;break e;case 4:Me=5;break e;case 7:Od(d)?(Me=0,Ht=null,Af(t)):(Me=0,Ht=null,Gi(e,t,d,7));break;case 5:var g=null;switch(Se.tag){case 26:g=Se.memoizedState;case 5:case 27:var y=Se;if(!g||t2(g)){Me=0,Ht=null;var S=y.sibling;if(S!==null)Se=S;else{var M=y.return;M!==null?(Se=M,Cs(M)):Se=null}break t}}Me=0,Ht=null,Gi(e,t,d,5);break;case 6:Me=0,Ht=null,Gi(e,t,d,6);break;case 8:E0(),Ve=6;break e;default:throw Error(r(462))}}sb();break}catch(V){gf(e,V)}while(!0);return Ru=Vn=null,D.H=a,D.A=l,Re=n,Se!==null?0:(He=null,Te=0,Kr(),Ve)}function sb(){for(;Se!==null&&!Rr();)yf(Se)}function yf(e){var t=V4(e.alternate,e,Hu);e.memoizedProps=e.pendingProps,t===null?Cs(e):Se=t}function Af(e){var t=e,n=t.alternate;switch(t.tag){case 15:case 0:t=L4(n,t,t.pendingProps,t.type,void 0,Te);break;case 11:t=L4(n,t,t.pendingProps,t.type.render,t.ref,Te);break;case 5:ql(t);default:K4(n,t),t=Se=Ad(t,Hu),t=V4(n,t,Hu)}e.memoizedProps=e.pendingProps,t===null?Cs(e):Se=t}function Gi(e,t,n,a){Ru=Vn=null,ql(t),zi=null,Ia=0;var l=t.return;try{if(W3(e,l,t,n,Te)){Ve=1,bs(e,$t(n,e.current)),Se=null;return}}catch(d){if(l!==null)throw Se=l,d;Ve=1,bs(e,$t(n,e.current)),Se=null;return}t.flags&32768?(Oe||a===1?e=!0:Hi||(Te&536870912)!==0?e=!1:(cn=e=!0,(a===2||a===9||a===3||a===6)&&(a=uu.current,a!==null&&a.tag===13&&(a.flags|=16384))),_f(t,e)):Cs(t)}function Cs(e){var t=e;do{if((t.flags&32768)!==0){_f(t,cn);return}e=t.return;var n=$3(t.alternate,t,Hu);if(n!==null){Se=n;return}if(t=t.sibling,t!==null){Se=t;return}Se=t=e}while(t!==null);Ve===0&&(Ve=5)}function _f(e,t){do{var n=J3(e.alternate,e);if(n!==null){n.flags&=32767,Se=n;return}if(n=e.return,n!==null&&(n.flags|=32768,n.subtreeFlags=0,n.deletions=null),!t&&(e=e.sibling,e!==null)){Se=e;return}Se=e=n}while(e!==null);Ve=6,Se=null}function xf(e,t,n,a,l,d,g,y,S){e.cancelPendingCommit=null;do Ts();while(ft!==0);if((Re&6)!==0)throw Error(r(327));if(t!==null){if(t===e.current)throw Error(r(177));if(d=t.lanes|t.childLanes,d|=bl,pe(e,n,d,g,y,S),e===He&&(Se=He=null,Te=0),Ii=t,hn=e,Yi=n,x0=d,w0=l,ff=a,(t.subtreeFlags&10256)!==0||(t.flags&10256)!==0?(e.callbackNode=null,e.callbackPriority=0,db(Xt,function(){return Tf(),null})):(e.callbackNode=null,e.callbackPriority=0),a=(t.flags&13878)!==0,(t.subtreeFlags&13878)!==0||a){a=D.T,D.T=null,l=q.p,q.p=2,g=Re,Re|=4;try{eb(e,t,n)}finally{Re=g,q.p=l,D.T=a}}ft=1,wf(),Sf(),Ef()}}function wf(){if(ft===1){ft=0;var e=hn,t=Ii,n=(t.flags&13878)!==0;if((t.subtreeFlags&13878)!==0||n){n=D.T,D.T=null;var a=q.p;q.p=2;var l=Re;Re|=4;try{af(t,e);var d=L0,g=cd(e.containerInfo),y=d.focusedElem,S=d.selectionRange;if(g!==y&&y&&y.ownerDocument&&ld(y.ownerDocument.documentElement,y)){if(S!==null&&fl(y)){var M=S.start,V=S.end;if(V===void 0&&(V=M),"selectionStart"in y)y.selectionStart=M,y.selectionEnd=Math.min(V,y.value.length);else{var X=y.ownerDocument||document,U=X&&X.defaultView||window;if(U.getSelection){var F=U.getSelection(),be=y.textContent.length,me=Math.min(S.start,be),ze=S.end===void 0?me:Math.min(S.end,be);!F.extend&&me>ze&&(g=ze,ze=me,me=g);var O=od(y,me),T=od(y,ze);if(O&&T&&(F.rangeCount!==1||F.anchorNode!==O.node||F.anchorOffset!==O.offset||F.focusNode!==T.node||F.focusOffset!==T.offset)){var R=X.createRange();R.setStart(O.node,O.offset),F.removeAllRanges(),me>ze?(F.addRange(R),F.extend(T.node,T.offset)):(R.setEnd(T.node,T.offset),F.addRange(R))}}}}for(X=[],F=y;F=F.parentNode;)F.nodeType===1&&X.push({element:F,left:F.scrollLeft,top:F.scrollTop});for(typeof y.focus=="function"&&y.focus(),y=0;y<X.length;y++){var Q=X[y];Q.element.scrollLeft=Q.left,Q.element.scrollTop=Q.top}}Ls=!!F0,L0=F0=null}finally{Re=l,q.p=a,D.T=n}}e.current=t,ft=2}}function Sf(){if(ft===2){ft=0;var e=hn,t=Ii,n=(t.flags&8772)!==0;if((t.subtreeFlags&8772)!==0||n){n=D.T,D.T=null;var a=q.p;q.p=2;var l=Re;Re|=4;try{ef(e,t.alternate,t)}finally{Re=l,q.p=a,D.T=n}}ft=3}}function Ef(){if(ft===4||ft===3){ft=0,ha();var e=hn,t=Ii,n=Yi,a=ff;(t.subtreeFlags&10256)!==0||(t.flags&10256)!==0?ft=5:(ft=0,Ii=hn=null,Cf(e,e.pendingLanes));var l=e.pendingLanes;if(l===0&&(fn=null),vu(n),t=t.stateNode,ct&&typeof ct.onCommitFiberRoot=="function")try{ct.onCommitFiberRoot(_t,t,void 0,(t.current.flags&128)===128)}catch{}if(a!==null){t=D.T,l=q.p,q.p=2,D.T=null;try{for(var d=e.onRecoverableError,g=0;g<a.length;g++){var y=a[g];d(y.value,{componentStack:y.stack})}}finally{D.T=t,q.p=l}}(Yi&3)!==0&&Ts(),wu(e),l=e.pendingLanes,(n&4194090)!==0&&(l&42)!==0?e===S0?$a++:($a=0,S0=e):$a=0,Ja(0)}}function Cf(e,t){(e.pooledCacheLanes&=t)===0&&(t=e.pooledCache,t!=null&&(e.pooledCache=null,Na(t)))}function Ts(e){return wf(),Sf(),Ef(),Tf()}function Tf(){if(ft!==5)return!1;var e=hn,t=x0;x0=0;var n=vu(Yi),a=D.T,l=q.p;try{q.p=32>n?32:n,D.T=null,n=w0,w0=null;var d=hn,g=Yi;if(ft=0,Ii=hn=null,Yi=0,(Re&6)!==0)throw Error(r(331));var y=Re;if(Re|=4,cf(d.current),sf(d,d.current,g,n),Re=y,Ja(0,!1),ct&&typeof ct.onPostCommitFiberRoot=="function")try{ct.onPostCommitFiberRoot(_t,d)}catch{}return!0}finally{q.p=l,D.T=a,Cf(e,t)}}function kf(e,t,n){t=$t(n,t),t=u0(e.stateNode,t,2),e=un(e,t,2),e!==null&&(H(e,2),wu(e))}function Be(e,t,n){if(e.tag===3)kf(e,e,n);else for(;t!==null;){if(t.tag===3){kf(t,e,n);break}else if(t.tag===1){var a=t.stateNode;if(typeof t.type.getDerivedStateFromError=="function"||typeof a.componentDidCatch=="function"&&(fn===null||!fn.has(a))){e=$t(n,e),n=j4(2),a=un(t,n,2),a!==null&&(N4(n,a,t,e),H(a,2),wu(a));break}}t=t.return}}function k0(e,t,n){var a=e.pingCache;if(a===null){a=e.pingCache=new nb;var l=new Set;a.set(t,l)}else l=a.get(t),l===void 0&&(l=new Set,a.set(t,l));l.has(n)||(v0=!0,l.add(n),e=ob.bind(null,e,t,n),t.then(e,e))}function ob(e,t,n){var a=e.pingCache;a!==null&&a.delete(t),e.pingedLanes|=e.suspendedLanes&n,e.warmLanes&=~n,He===e&&(Te&n)===n&&(Ve===4||Ve===3&&(Te&62914560)===Te&&300>At()-_0?(Re&2)===0&&Vi(e,0):y0|=n,qi===Te&&(qi=0)),wu(e)}function Df(e,t){t===0&&(t=Pr()),e=Ti(e,t),e!==null&&(H(e,t),wu(e))}function lb(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),Df(e,n)}function cb(e,t){var n=0;switch(e.tag){case 13:var a=e.stateNode,l=e.memoizedState;l!==null&&(n=l.retryLane);break;case 19:a=e.stateNode;break;case 22:a=e.stateNode._retryCache;break;default:throw Error(r(314))}a!==null&&a.delete(t),Df(e,n)}function db(e,t){return Xe(e,t)}var ks=null,Ki=null,D0=!1,Ds=!1,O0=!1,$n=0;function wu(e){e!==Ki&&e.next===null&&(Ki===null?ks=Ki=e:Ki=Ki.next=e),Ds=!0,D0||(D0=!0,hb())}function Ja(e,t){if(!O0&&Ds){O0=!0;do for(var n=!1,a=ks;a!==null;){if(e!==0){var l=a.pendingLanes;if(l===0)var d=0;else{var g=a.suspendedLanes,y=a.pingedLanes;d=(1<<31-xt(42|e)+1)-1,d&=l&~(g&~y),d=d&201326741?d&201326741|1:d?d|2:0}d!==0&&(n=!0,Rf(a,d))}else d=Te,d=fi(a,a===He?d:0,a.cancelPendingCommit!==null||a.timeoutHandle!==-1),(d&3)===0||Pn(a,d)||(n=!0,Rf(a,d));a=a.next}while(n);O0=!1}}function fb(){Of()}function Of(){Ds=D0=!1;var e=0;$n!==0&&(_b()&&(e=$n),$n=0);for(var t=At(),n=null,a=ks;a!==null;){var l=a.next,d=jf(a,t);d===0?(a.next=null,n===null?ks=l:n.next=l,l===null&&(Ki=n)):(n=a,(e!==0||(d&3)!==0)&&(Ds=!0)),a=l}Ja(e)}function jf(e,t){for(var n=e.suspendedLanes,a=e.pingedLanes,l=e.expirationTimes,d=e.pendingLanes&-62914561;0<d;){var g=31-xt(d),y=1<<g,S=l[g];S===-1?((y&n)===0||(y&a)!==0)&&(l[g]=Vo(y,t)):S<=t&&(e.expiredLanes|=y),d&=~y}if(t=He,n=Te,n=fi(e,e===t?n:0,e.cancelPendingCommit!==null||e.timeoutHandle!==-1),a=e.callbackNode,n===0||e===t&&(Me===2||Me===9)||e.cancelPendingCommit!==null)return a!==null&&a!==null&&gu(a),e.callbackNode=null,e.callbackPriority=0;if((n&3)===0||Pn(e,n)){if(t=n&-n,t===e.callbackPriority)return t;switch(a!==null&&gu(a),vu(n)){case 2:case 8:n=ma;break;case 32:n=Xt;break;case 268435456:n=Mn;break;default:n=Xt}return a=Nf.bind(null,e),n=Xe(n,a),e.callbackPriority=t,e.callbackNode=n,t}return a!==null&&a!==null&&gu(a),e.callbackPriority=2,e.callbackNode=null,2}function Nf(e,t){if(ft!==0&&ft!==5)return e.callbackNode=null,e.callbackPriority=0,null;var n=e.callbackNode;if(Ts()&&e.callbackNode!==n)return null;var a=Te;return a=fi(e,e===He?a:0,e.cancelPendingCommit!==null||e.timeoutHandle!==-1),a===0?null:(mf(e,a,t),jf(e,At()),e.callbackNode!=null&&e.callbackNode===n?Nf.bind(null,e):null)}function Rf(e,t){if(Ts())return null;mf(e,t,!0)}function hb(){wb(function(){(Re&6)!==0?Xe(Rn,fb):Of()})}function j0(){return $n===0&&($n=Mr()),$n}function Mf(e){return e==null||typeof e=="symbol"||typeof e=="boolean"?null:typeof e=="function"?e:Br(""+e)}function Pf(e,t){var n=t.ownerDocument.createElement("input");return n.name=t.name,n.value=t.value,e.id&&n.setAttribute("form",e.id),t.parentNode.insertBefore(n,t),e=new FormData(e),n.parentNode.removeChild(n),e}function mb(e,t,n,a,l){if(t==="submit"&&n&&n.stateNode===l){var d=Mf((l[pt]||null).action),g=a.submitter;g&&(t=(t=g[pt]||null)?Mf(t.formAction):g.getAttribute("formAction"),t!==null&&(d=t,g=null));var y=new Yr("action","action",null,a,l);e.push({event:y,listeners:[{instance:null,listener:function(){if(a.defaultPrevented){if($n!==0){var S=g?Pf(l,g):new FormData(l);Zl(n,{pending:!0,data:S,method:l.method,action:d},null,S)}}else typeof d=="function"&&(y.preventDefault(),S=g?Pf(l,g):new FormData(l),Zl(n,{pending:!0,data:S,method:l.method,action:d},d,S))},currentTarget:l}]})}}for(var N0=0;N0<gl.length;N0++){var R0=gl[N0],pb=R0.toLowerCase(),gb=R0[0].toUpperCase()+R0.slice(1);ou(pb,"on"+gb)}ou(hd,"onAnimationEnd"),ou(md,"onAnimationIteration"),ou(pd,"onAnimationStart"),ou("dblclick","onDoubleClick"),ou("focusin","onFocus"),ou("focusout","onBlur"),ou(R3,"onTransitionRun"),ou(M3,"onTransitionStart"),ou(P3,"onTransitionCancel"),ou(gd,"onTransitionEnd"),bi("onMouseEnter",["mouseout","mouseover"]),bi("onMouseLeave",["mouseout","mouseover"]),bi("onPointerEnter",["pointerout","pointerover"]),bi("onPointerLeave",["pointerout","pointerover"]),Un("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),Un("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),Un("onBeforeInput",["compositionend","keypress","textInput","paste"]),Un("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),Un("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),Un("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var er="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(" "),bb=new Set("beforetoggle cancel close invalid load scroll scrollend toggle".split(" ").concat(er));function Uf(e,t){t=(t&4)!==0;for(var n=0;n<e.length;n++){var a=e[n],l=a.event;a=a.listeners;e:{var d=void 0;if(t)for(var g=a.length-1;0<=g;g--){var y=a[g],S=y.instance,M=y.currentTarget;if(y=y.listener,S!==d&&l.isPropagationStopped())break e;d=y,l.currentTarget=M;try{d(l)}catch(V){gs(V)}l.currentTarget=null,d=S}else for(g=0;g<a.length;g++){if(y=a[g],S=y.instance,M=y.currentTarget,y=y.listener,S!==d&&l.isPropagationStopped())break e;d=y,l.currentTarget=M;try{d(l)}catch(V){gs(V)}l.currentTarget=null,d=S}}}}function Ee(e,t){var n=t[Go];n===void 0&&(n=t[Go]=new Set);var a=e+"__bubble";n.has(a)||(zf(t,e,2,!1),n.add(a))}function M0(e,t,n){var a=0;t&&(a|=4),zf(n,e,a,t)}var Os="_reactListening"+Math.random().toString(36).slice(2);function P0(e){if(!e[Os]){e[Os]=!0,Dc.forEach(function(n){n!=="selectionchange"&&(bb.has(n)||M0(n,!1,e),M0(n,!0,e))});var t=e.nodeType===9?e:e.ownerDocument;t===null||t[Os]||(t[Os]=!0,M0("selectionchange",!1,t))}}function zf(e,t,n,a){switch(s2(t)){case 2:var l=Yb;break;case 8:l=Vb;break;default:l=X0}n=l.bind(null,t,n,e),l=void 0,!nl||t!=="touchstart"&&t!=="touchmove"&&t!=="wheel"||(l=!0),a?l!==void 0?e.addEventListener(t,n,{capture:!0,passive:l}):e.addEventListener(t,n,!0):l!==void 0?e.addEventListener(t,n,{passive:l}):e.addEventListener(t,n,!1)}function U0(e,t,n,a,l){var d=a;if((t&1)===0&&(t&2)===0&&a!==null)e:for(;;){if(a===null)return;var g=a.tag;if(g===3||g===4){var y=a.stateNode.containerInfo;if(y===l)break;if(g===4)for(g=a.return;g!==null;){var S=g.tag;if((S===3||S===4)&&g.stateNode.containerInfo===l)return;g=g.return}for(;y!==null;){if(g=mi(y),g===null)return;if(S=g.tag,S===5||S===6||S===26||S===27){a=d=g;continue e}y=y.parentNode}}a=a.return}Ic(function(){var M=d,V=tl(n),X=[];e:{var U=bd.get(e);if(U!==void 0){var F=Yr,be=e;switch(e){case"keypress":if(qr(n)===0)break e;case"keydown":case"keyup":F=d3;break;case"focusin":be="focus",F=sl;break;case"focusout":be="blur",F=sl;break;case"beforeblur":case"afterblur":F=sl;break;case"click":if(n.button===2)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":F=Gc;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":F=Jg;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":F=m3;break;case hd:case md:case pd:F=u3;break;case gd:F=g3;break;case"scroll":case"scrollend":F=Zg;break;case"wheel":F=v3;break;case"copy":case"cut":case"paste":F=i3;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":F=Qc;break;case"toggle":case"beforetoggle":F=A3}var me=(t&4)!==0,ze=!me&&(e==="scroll"||e==="scrollend"),O=me?U!==null?U+"Capture":null:U;me=[];for(var T=M,R;T!==null;){var Q=T;if(R=Q.stateNode,Q=Q.tag,Q!==5&&Q!==26&&Q!==27||R===null||O===null||(Q=ya(T,O),Q!=null&&me.push(tr(T,Q,R))),ze)break;T=T.return}0<me.length&&(U=new F(U,be,null,n,V),X.push({event:U,listeners:me}))}}if((t&7)===0){e:{if(U=e==="mouseover"||e==="pointerover",F=e==="mouseout"||e==="pointerout",U&&n!==el&&(be=n.relatedTarget||n.fromElement)&&(mi(be)||be[hi]))break e;if((F||U)&&(U=V.window===V?V:(U=V.ownerDocument)?U.defaultView||U.parentWindow:window,F?(be=n.relatedTarget||n.toElement,F=M,be=be?mi(be):null,be!==null&&(ze=c(be),me=be.tag,be!==ze||me!==5&&me!==27&&me!==6)&&(be=null)):(F=null,be=M),F!==be)){if(me=Gc,Q="onMouseLeave",O="onMouseEnter",T="mouse",(e==="pointerout"||e==="pointerover")&&(me=Qc,Q="onPointerLeave",O="onPointerEnter",T="pointer"),ze=F==null?U:va(F),R=be==null?U:va(be),U=new me(Q,T+"leave",F,n,V),U.target=ze,U.relatedTarget=R,Q=null,mi(V)===M&&(me=new me(O,T+"enter",be,n,V),me.target=R,me.relatedTarget=ze,Q=me),ze=Q,F&&be)t:{for(me=F,O=be,T=0,R=me;R;R=Qi(R))T++;for(R=0,Q=O;Q;Q=Qi(Q))R++;for(;0<T-R;)me=Qi(me),T--;for(;0<R-T;)O=Qi(O),R--;for(;T--;){if(me===O||O!==null&&me===O.alternate)break t;me=Qi(me),O=Qi(O)}me=null}else me=null;F!==null&&Ff(X,U,F,me,!1),be!==null&&ze!==null&&Ff(X,ze,be,me,!0)}}e:{if(U=M?va(M):window,F=U.nodeName&&U.nodeName.toLowerCase(),F==="select"||F==="input"&&U.type==="file")var ae=ud;else if(ed(U))if(nd)ae=O3;else{ae=k3;var we=T3}else F=U.nodeName,!F||F.toLowerCase()!=="input"||U.type!=="checkbox"&&U.type!=="radio"?M&&Jo(M.elementType)&&(ae=ud):ae=D3;if(ae&&(ae=ae(e,M))){td(X,ae,n,V);break e}we&&we(e,U,M),e==="focusout"&&M&&U.type==="number"&&M.memoizedProps.value!=null&&$o(U,"number",U.value)}switch(we=M?va(M):window,e){case"focusin":(ed(we)||we.contentEditable==="true")&&(Si=we,hl=M,Ta=null);break;case"focusout":Ta=hl=Si=null;break;case"mousedown":ml=!0;break;case"contextmenu":case"mouseup":case"dragend":ml=!1,dd(X,n,V);break;case"selectionchange":if(N3)break;case"keydown":case"keyup":dd(X,n,V)}var ce;if(ll)e:{switch(e){case"compositionstart":var ge="onCompositionStart";break e;case"compositionend":ge="onCompositionEnd";break e;case"compositionupdate":ge="onCompositionUpdate";break e}ge=void 0}else wi?$c(e,n)&&(ge="onCompositionEnd"):e==="keydown"&&n.keyCode===229&&(ge="onCompositionStart");ge&&(Xc&&n.locale!=="ko"&&(wi||ge!=="onCompositionStart"?ge==="onCompositionEnd"&&wi&&(ce=Yc()):($u=V,il="value"in $u?$u.value:$u.textContent,wi=!0)),we=js(M,ge),0<we.length&&(ge=new Kc(ge,e,null,n,V),X.push({event:ge,listeners:we}),ce?ge.data=ce:(ce=Jc(n),ce!==null&&(ge.data=ce)))),(ce=x3?w3(e,n):S3(e,n))&&(ge=js(M,"onBeforeInput"),0<ge.length&&(we=new Kc("onBeforeInput","beforeinput",null,n,V),X.push({event:we,listeners:ge}),we.data=ce)),mb(X,e,M,n,V)}Uf(X,t)})}function tr(e,t,n){return{instance:e,listener:t,currentTarget:n}}function js(e,t){for(var n=t+"Capture",a=[];e!==null;){var l=e,d=l.stateNode;if(l=l.tag,l!==5&&l!==26&&l!==27||d===null||(l=ya(e,n),l!=null&&a.unshift(tr(e,l,d)),l=ya(e,t),l!=null&&a.push(tr(e,l,d))),e.tag===3)return a;e=e.return}return[]}function Qi(e){if(e===null)return null;do e=e.return;while(e&&e.tag!==5&&e.tag!==27);return e||null}function Ff(e,t,n,a,l){for(var d=t._reactName,g=[];n!==null&&n!==a;){var y=n,S=y.alternate,M=y.stateNode;if(y=y.tag,S!==null&&S===a)break;y!==5&&y!==26&&y!==27||M===null||(S=M,l?(M=ya(n,d),M!=null&&g.unshift(tr(n,M,S))):l||(M=ya(n,d),M!=null&&g.push(tr(n,M,S)))),n=n.return}g.length!==0&&e.push({event:t,listeners:g})}var vb=/\r\n?/g,yb=/\u0000|\uFFFD/g;function Lf(e){return(typeof e=="string"?e:""+e).replace(vb,`
+`).replace(yb,"")}function Bf(e,t){return t=Lf(t),Lf(e)===t}function Ns(){}function Ue(e,t,n,a,l,d){switch(n){case"children":typeof a=="string"?t==="body"||t==="textarea"&&a===""||Ai(e,a):(typeof a=="number"||typeof a=="bigint")&&t!=="body"&&Ai(e,""+a);break;case"className":zr(e,"class",a);break;case"tabIndex":zr(e,"tabindex",a);break;case"dir":case"role":case"viewBox":case"width":case"height":zr(e,n,a);break;case"style":Hc(e,a,d);break;case"data":if(t!=="object"){zr(e,"data",a);break}case"src":case"href":if(a===""&&(t!=="a"||n!=="href")){e.removeAttribute(n);break}if(a==null||typeof a=="function"||typeof a=="symbol"||typeof a=="boolean"){e.removeAttribute(n);break}a=Br(""+a),e.setAttribute(n,a);break;case"action":case"formAction":if(typeof a=="function"){e.setAttribute(n,"javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')");break}else typeof d=="function"&&(n==="formAction"?(t!=="input"&&Ue(e,t,"name",l.name,l,null),Ue(e,t,"formEncType",l.formEncType,l,null),Ue(e,t,"formMethod",l.formMethod,l,null),Ue(e,t,"formTarget",l.formTarget,l,null)):(Ue(e,t,"encType",l.encType,l,null),Ue(e,t,"method",l.method,l,null),Ue(e,t,"target",l.target,l,null)));if(a==null||typeof a=="symbol"||typeof a=="boolean"){e.removeAttribute(n);break}a=Br(""+a),e.setAttribute(n,a);break;case"onClick":a!=null&&(e.onclick=Ns);break;case"onScroll":a!=null&&Ee("scroll",e);break;case"onScrollEnd":a!=null&&Ee("scrollend",e);break;case"dangerouslySetInnerHTML":if(a!=null){if(typeof a!="object"||!("__html"in a))throw Error(r(61));if(n=a.__html,n!=null){if(l.children!=null)throw Error(r(60));e.innerHTML=n}}break;case"multiple":e.multiple=a&&typeof a!="function"&&typeof a!="symbol";break;case"muted":e.muted=a&&typeof a!="function"&&typeof a!="symbol";break;case"suppressContentEditableWarning":case"suppressHydrationWarning":case"defaultValue":case"defaultChecked":case"innerHTML":case"ref":break;case"autoFocus":break;case"xlinkHref":if(a==null||typeof a=="function"||typeof a=="boolean"||typeof a=="symbol"){e.removeAttribute("xlink:href");break}n=Br(""+a),e.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",n);break;case"contentEditable":case"spellCheck":case"draggable":case"value":case"autoReverse":case"externalResourcesRequired":case"focusable":case"preserveAlpha":a!=null&&typeof a!="function"&&typeof a!="symbol"?e.setAttribute(n,""+a):e.removeAttribute(n);break;case"inert":case"allowFullScreen":case"async":case"autoPlay":case"controls":case"default":case"defer":case"disabled":case"disablePictureInPicture":case"disableRemotePlayback":case"formNoValidate":case"hidden":case"loop":case"noModule":case"noValidate":case"open":case"playsInline":case"readOnly":case"required":case"reversed":case"scoped":case"seamless":case"itemScope":a&&typeof a!="function"&&typeof a!="symbol"?e.setAttribute(n,""):e.removeAttribute(n);break;case"capture":case"download":a===!0?e.setAttribute(n,""):a!==!1&&a!=null&&typeof a!="function"&&typeof a!="symbol"?e.setAttribute(n,a):e.removeAttribute(n);break;case"cols":case"rows":case"size":case"span":a!=null&&typeof a!="function"&&typeof a!="symbol"&&!isNaN(a)&&1<=a?e.setAttribute(n,a):e.removeAttribute(n);break;case"rowSpan":case"start":a==null||typeof a=="function"||typeof a=="symbol"||isNaN(a)?e.removeAttribute(n):e.setAttribute(n,a);break;case"popover":Ee("beforetoggle",e),Ee("toggle",e),Ur(e,"popover",a);break;case"xlinkActuate":ku(e,"http://www.w3.org/1999/xlink","xlink:actuate",a);break;case"xlinkArcrole":ku(e,"http://www.w3.org/1999/xlink","xlink:arcrole",a);break;case"xlinkRole":ku(e,"http://www.w3.org/1999/xlink","xlink:role",a);break;case"xlinkShow":ku(e,"http://www.w3.org/1999/xlink","xlink:show",a);break;case"xlinkTitle":ku(e,"http://www.w3.org/1999/xlink","xlink:title",a);break;case"xlinkType":ku(e,"http://www.w3.org/1999/xlink","xlink:type",a);break;case"xmlBase":ku(e,"http://www.w3.org/XML/1998/namespace","xml:base",a);break;case"xmlLang":ku(e,"http://www.w3.org/XML/1998/namespace","xml:lang",a);break;case"xmlSpace":ku(e,"http://www.w3.org/XML/1998/namespace","xml:space",a);break;case"is":Ur(e,"is",a);break;case"innerText":case"textContent":break;default:(!(2<n.length)||n[0]!=="o"&&n[0]!=="O"||n[1]!=="n"&&n[1]!=="N")&&(n=Xg.get(n)||n,Ur(e,n,a))}}function z0(e,t,n,a,l,d){switch(n){case"style":Hc(e,a,d);break;case"dangerouslySetInnerHTML":if(a!=null){if(typeof a!="object"||!("__html"in a))throw Error(r(61));if(n=a.__html,n!=null){if(l.children!=null)throw Error(r(60));e.innerHTML=n}}break;case"children":typeof a=="string"?Ai(e,a):(typeof a=="number"||typeof a=="bigint")&&Ai(e,""+a);break;case"onScroll":a!=null&&Ee("scroll",e);break;case"onScrollEnd":a!=null&&Ee("scrollend",e);break;case"onClick":a!=null&&(e.onclick=Ns);break;case"suppressContentEditableWarning":case"suppressHydrationWarning":case"innerHTML":case"ref":break;case"innerText":case"textContent":break;default:if(!Oc.hasOwnProperty(n))e:{if(n[0]==="o"&&n[1]==="n"&&(l=n.endsWith("Capture"),t=n.slice(2,l?n.length-7:void 0),d=e[pt]||null,d=d!=null?d[n]:null,typeof d=="function"&&e.removeEventListener(t,d,l),typeof a=="function")){typeof d!="function"&&d!==null&&(n in e?e[n]=null:e.hasAttribute(n)&&e.removeAttribute(n)),e.addEventListener(t,a,l);break e}n in e?e[n]=a:a===!0?e.setAttribute(n,""):Ur(e,n,a)}}}function ht(e,t,n){switch(t){case"div":case"span":case"svg":case"path":case"a":case"g":case"p":case"li":break;case"img":Ee("error",e),Ee("load",e);var a=!1,l=!1,d;for(d in n)if(n.hasOwnProperty(d)){var g=n[d];if(g!=null)switch(d){case"src":a=!0;break;case"srcSet":l=!0;break;case"children":case"dangerouslySetInnerHTML":throw Error(r(137,t));default:Ue(e,t,d,g,n,null)}}l&&Ue(e,t,"srcSet",n.srcSet,n,null),a&&Ue(e,t,"src",n.src,n,null);return;case"input":Ee("invalid",e);var y=d=g=l=null,S=null,M=null;for(a in n)if(n.hasOwnProperty(a)){var V=n[a];if(V!=null)switch(a){case"name":l=V;break;case"type":g=V;break;case"checked":S=V;break;case"defaultChecked":M=V;break;case"value":d=V;break;case"defaultValue":y=V;break;case"children":case"dangerouslySetInnerHTML":if(V!=null)throw Error(r(137,t));break;default:Ue(e,t,a,V,n,null)}}zc(e,d,y,S,M,g,l,!1),Fr(e);return;case"select":Ee("invalid",e),a=g=d=null;for(l in n)if(n.hasOwnProperty(l)&&(y=n[l],y!=null))switch(l){case"value":d=y;break;case"defaultValue":g=y;break;case"multiple":a=y;default:Ue(e,t,l,y,n,null)}t=d,n=g,e.multiple=!!a,t!=null?yi(e,!!a,t,!1):n!=null&&yi(e,!!a,n,!0);return;case"textarea":Ee("invalid",e),d=l=a=null;for(g in n)if(n.hasOwnProperty(g)&&(y=n[g],y!=null))switch(g){case"value":a=y;break;case"defaultValue":l=y;break;case"children":d=y;break;case"dangerouslySetInnerHTML":if(y!=null)throw Error(r(91));break;default:Ue(e,t,g,y,n,null)}Lc(e,a,l,d),Fr(e);return;case"option":for(S in n)n.hasOwnProperty(S)&&(a=n[S],a!=null)&&(S==="selected"?e.selected=a&&typeof a!="function"&&typeof a!="symbol":Ue(e,t,S,a,n,null));return;case"dialog":Ee("beforetoggle",e),Ee("toggle",e),Ee("cancel",e),Ee("close",e);break;case"iframe":case"object":Ee("load",e);break;case"video":case"audio":for(a=0;a<er.length;a++)Ee(er[a],e);break;case"image":Ee("error",e),Ee("load",e);break;case"details":Ee("toggle",e);break;case"embed":case"source":case"link":Ee("error",e),Ee("load",e);case"area":case"base":case"br":case"col":case"hr":case"keygen":case"meta":case"param":case"track":case"wbr":case"menuitem":for(M in n)if(n.hasOwnProperty(M)&&(a=n[M],a!=null))switch(M){case"children":case"dangerouslySetInnerHTML":throw Error(r(137,t));default:Ue(e,t,M,a,n,null)}return;default:if(Jo(t)){for(V in n)n.hasOwnProperty(V)&&(a=n[V],a!==void 0&&z0(e,t,V,a,n,void 0));return}}for(y in n)n.hasOwnProperty(y)&&(a=n[y],a!=null&&Ue(e,t,y,a,n,null))}function Ab(e,t,n,a){switch(t){case"div":case"span":case"svg":case"path":case"a":case"g":case"p":case"li":break;case"input":var l=null,d=null,g=null,y=null,S=null,M=null,V=null;for(F in n){var X=n[F];if(n.hasOwnProperty(F)&&X!=null)switch(F){case"checked":break;case"value":break;case"defaultValue":S=X;default:a.hasOwnProperty(F)||Ue(e,t,F,null,a,X)}}for(var U in a){var F=a[U];if(X=n[U],a.hasOwnProperty(U)&&(F!=null||X!=null))switch(U){case"type":d=F;break;case"name":l=F;break;case"checked":M=F;break;case"defaultChecked":V=F;break;case"value":g=F;break;case"defaultValue":y=F;break;case"children":case"dangerouslySetInnerHTML":if(F!=null)throw Error(r(137,t));break;default:F!==X&&Ue(e,t,U,F,a,X)}}Zo(e,g,y,S,M,V,d,l);return;case"select":F=g=y=U=null;for(d in n)if(S=n[d],n.hasOwnProperty(d)&&S!=null)switch(d){case"value":break;case"multiple":F=S;default:a.hasOwnProperty(d)||Ue(e,t,d,null,a,S)}for(l in a)if(d=a[l],S=n[l],a.hasOwnProperty(l)&&(d!=null||S!=null))switch(l){case"value":U=d;break;case"defaultValue":y=d;break;case"multiple":g=d;default:d!==S&&Ue(e,t,l,d,a,S)}t=y,n=g,a=F,U!=null?yi(e,!!n,U,!1):!!a!=!!n&&(t!=null?yi(e,!!n,t,!0):yi(e,!!n,n?[]:"",!1));return;case"textarea":F=U=null;for(y in n)if(l=n[y],n.hasOwnProperty(y)&&l!=null&&!a.hasOwnProperty(y))switch(y){case"value":break;case"children":break;default:Ue(e,t,y,null,a,l)}for(g in a)if(l=a[g],d=n[g],a.hasOwnProperty(g)&&(l!=null||d!=null))switch(g){case"value":U=l;break;case"defaultValue":F=l;break;case"children":break;case"dangerouslySetInnerHTML":if(l!=null)throw Error(r(91));break;default:l!==d&&Ue(e,t,g,l,a,d)}Fc(e,U,F);return;case"option":for(var be in n)U=n[be],n.hasOwnProperty(be)&&U!=null&&!a.hasOwnProperty(be)&&(be==="selected"?e.selected=!1:Ue(e,t,be,null,a,U));for(S in a)U=a[S],F=n[S],a.hasOwnProperty(S)&&U!==F&&(U!=null||F!=null)&&(S==="selected"?e.selected=U&&typeof U!="function"&&typeof U!="symbol":Ue(e,t,S,U,a,F));return;case"img":case"link":case"area":case"base":case"br":case"col":case"embed":case"hr":case"keygen":case"meta":case"param":case"source":case"track":case"wbr":case"menuitem":for(var me in n)U=n[me],n.hasOwnProperty(me)&&U!=null&&!a.hasOwnProperty(me)&&Ue(e,t,me,null,a,U);for(M in a)if(U=a[M],F=n[M],a.hasOwnProperty(M)&&U!==F&&(U!=null||F!=null))switch(M){case"children":case"dangerouslySetInnerHTML":if(U!=null)throw Error(r(137,t));break;default:Ue(e,t,M,U,a,F)}return;default:if(Jo(t)){for(var ze in n)U=n[ze],n.hasOwnProperty(ze)&&U!==void 0&&!a.hasOwnProperty(ze)&&z0(e,t,ze,void 0,a,U);for(V in a)U=a[V],F=n[V],!a.hasOwnProperty(V)||U===F||U===void 0&&F===void 0||z0(e,t,V,U,a,F);return}}for(var O in n)U=n[O],n.hasOwnProperty(O)&&U!=null&&!a.hasOwnProperty(O)&&Ue(e,t,O,null,a,U);for(X in a)U=a[X],F=n[X],!a.hasOwnProperty(X)||U===F||U==null&&F==null||Ue(e,t,X,U,a,F)}var F0=null,L0=null;function Rs(e){return e.nodeType===9?e:e.ownerDocument}function Hf(e){switch(e){case"http://www.w3.org/2000/svg":return 1;case"http://www.w3.org/1998/Math/MathML":return 2;default:return 0}}function qf(e,t){if(e===0)switch(t){case"svg":return 1;case"math":return 2;default:return 0}return e===1&&t==="foreignObject"?0:e}function B0(e,t){return e==="textarea"||e==="noscript"||typeof t.children=="string"||typeof t.children=="number"||typeof t.children=="bigint"||typeof t.dangerouslySetInnerHTML=="object"&&t.dangerouslySetInnerHTML!==null&&t.dangerouslySetInnerHTML.__html!=null}var H0=null;function _b(){var e=window.event;return e&&e.type==="popstate"?e===H0?!1:(H0=e,!0):(H0=null,!1)}var If=typeof setTimeout=="function"?setTimeout:void 0,xb=typeof clearTimeout=="function"?clearTimeout:void 0,Yf=typeof Promise=="function"?Promise:void 0,wb=typeof queueMicrotask=="function"?queueMicrotask:typeof Yf<"u"?function(e){return Yf.resolve(null).then(e).catch(Sb)}:If;function Sb(e){setTimeout(function(){throw e})}function pn(e){return e==="head"}function Vf(e,t){var n=t,a=0,l=0;do{var d=n.nextSibling;if(e.removeChild(n),d&&d.nodeType===8)if(n=d.data,n==="/$"){if(0<a&&8>a){n=a;var g=e.ownerDocument;if(n&1&&ur(g.documentElement),n&2&&ur(g.body),n&4)for(n=g.head,ur(n),g=n.firstChild;g;){var y=g.nextSibling,S=g.nodeName;g[ba]||S==="SCRIPT"||S==="STYLE"||S==="LINK"&&g.rel.toLowerCase()==="stylesheet"||n.removeChild(g),g=y}}if(l===0){e.removeChild(d),cr(t);return}l--}else n==="$"||n==="$?"||n==="$!"?l++:a=n.charCodeAt(0)-48;else a=0;n=d}while(n);cr(t)}function q0(e){var t=e.firstChild;for(t&&t.nodeType===10&&(t=t.nextSibling);t;){var n=t;switch(t=t.nextSibling,n.nodeName){case"HTML":case"HEAD":case"BODY":q0(n),Ko(n);continue;case"SCRIPT":case"STYLE":continue;case"LINK":if(n.rel.toLowerCase()==="stylesheet")continue}e.removeChild(n)}}function Eb(e,t,n,a){for(;e.nodeType===1;){var l=n;if(e.nodeName.toLowerCase()!==t.toLowerCase()){if(!a&&(e.nodeName!=="INPUT"||e.type!=="hidden"))break}else if(a){if(!e[ba])switch(t){case"meta":if(!e.hasAttribute("itemprop"))break;return e;case"link":if(d=e.getAttribute("rel"),d==="stylesheet"&&e.hasAttribute("data-precedence"))break;if(d!==l.rel||e.getAttribute("href")!==(l.href==null||l.href===""?null:l.href)||e.getAttribute("crossorigin")!==(l.crossOrigin==null?null:l.crossOrigin)||e.getAttribute("title")!==(l.title==null?null:l.title))break;return e;case"style":if(e.hasAttribute("data-precedence"))break;return e;case"script":if(d=e.getAttribute("src"),(d!==(l.src==null?null:l.src)||e.getAttribute("type")!==(l.type==null?null:l.type)||e.getAttribute("crossorigin")!==(l.crossOrigin==null?null:l.crossOrigin))&&d&&e.hasAttribute("async")&&!e.hasAttribute("itemprop"))break;return e;default:return e}}else if(t==="input"&&e.type==="hidden"){var d=l.name==null?null:""+l.name;if(l.type==="hidden"&&e.getAttribute("name")===d)return e}else return e;if(e=cu(e.nextSibling),e===null)break}return null}function Cb(e,t,n){if(t==="")return null;for(;e.nodeType!==3;)if((e.nodeType!==1||e.nodeName!=="INPUT"||e.type!=="hidden")&&!n||(e=cu(e.nextSibling),e===null))return null;return e}function I0(e){return e.data==="$!"||e.data==="$?"&&e.ownerDocument.readyState==="complete"}function Tb(e,t){var n=e.ownerDocument;if(e.data!=="$?"||n.readyState==="complete")t();else{var a=function(){t(),n.removeEventListener("DOMContentLoaded",a)};n.addEventListener("DOMContentLoaded",a),e._reactRetry=a}}function cu(e){for(;e!=null;e=e.nextSibling){var t=e.nodeType;if(t===1||t===3)break;if(t===8){if(t=e.data,t==="$"||t==="$!"||t==="$?"||t==="F!"||t==="F")break;if(t==="/$")return null}}return e}var Y0=null;function Gf(e){e=e.previousSibling;for(var t=0;e;){if(e.nodeType===8){var n=e.data;if(n==="$"||n==="$!"||n==="$?"){if(t===0)return e;t--}else n==="/$"&&t++}e=e.previousSibling}return null}function Kf(e,t,n){switch(t=Rs(n),e){case"html":if(e=t.documentElement,!e)throw Error(r(452));return e;case"head":if(e=t.head,!e)throw Error(r(453));return e;case"body":if(e=t.body,!e)throw Error(r(454));return e;default:throw Error(r(451))}}function ur(e){for(var t=e.attributes;t.length;)e.removeAttributeNode(t[0]);Ko(e)}var iu=new Map,Qf=new Set;function Ms(e){return typeof e.getRootNode=="function"?e.getRootNode():e.nodeType===9?e:e.ownerDocument}var qu=q.d;q.d={f:kb,r:Db,D:Ob,C:jb,L:Nb,m:Rb,X:Pb,S:Mb,M:Ub};function kb(){var e=qu.f(),t=Es();return e||t}function Db(e){var t=pi(e);t!==null&&t.tag===5&&t.type==="form"?h4(t):qu.r(e)}var Xi=typeof document>"u"?null:document;function Xf(e,t,n){var a=Xi;if(a&&typeof t=="string"&&t){var l=Zt(t);l='link[rel="'+e+'"][href="'+l+'"]',typeof n=="string"&&(l+='[crossorigin="'+n+'"]'),Qf.has(l)||(Qf.add(l),e={rel:e,crossOrigin:n,href:t},a.querySelector(l)===null&&(t=a.createElement("link"),ht(t,"link",e),rt(t),a.head.appendChild(t)))}}function Ob(e){qu.D(e),Xf("dns-prefetch",e,null)}function jb(e,t){qu.C(e,t),Xf("preconnect",e,t)}function Nb(e,t,n){qu.L(e,t,n);var a=Xi;if(a&&e&&t){var l='link[rel="preload"][as="'+Zt(t)+'"]';t==="image"&&n&&n.imageSrcSet?(l+='[imagesrcset="'+Zt(n.imageSrcSet)+'"]',typeof n.imageSizes=="string"&&(l+='[imagesizes="'+Zt(n.imageSizes)+'"]')):l+='[href="'+Zt(e)+'"]';var d=l;switch(t){case"style":d=Wi(e);break;case"script":d=Zi(e)}iu.has(d)||(e=v({rel:"preload",href:t==="image"&&n&&n.imageSrcSet?void 0:e,as:t},n),iu.set(d,e),a.querySelector(l)!==null||t==="style"&&a.querySelector(nr(d))||t==="script"&&a.querySelector(ir(d))||(t=a.createElement("link"),ht(t,"link",e),rt(t),a.head.appendChild(t)))}}function Rb(e,t){qu.m(e,t);var n=Xi;if(n&&e){var a=t&&typeof t.as=="string"?t.as:"script",l='link[rel="modulepreload"][as="'+Zt(a)+'"][href="'+Zt(e)+'"]',d=l;switch(a){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":d=Zi(e)}if(!iu.has(d)&&(e=v({rel:"modulepreload",href:e},t),iu.set(d,e),n.querySelector(l)===null)){switch(a){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":if(n.querySelector(ir(d)))return}a=n.createElement("link"),ht(a,"link",e),rt(a),n.head.appendChild(a)}}}function Mb(e,t,n){qu.S(e,t,n);var a=Xi;if(a&&e){var l=gi(a).hoistableStyles,d=Wi(e);t=t||"default";var g=l.get(d);if(!g){var y={loading:0,preload:null};if(g=a.querySelector(nr(d)))y.loading=5;else{e=v({rel:"stylesheet",href:e,"data-precedence":t},n),(n=iu.get(d))&&V0(e,n);var S=g=a.createElement("link");rt(S),ht(S,"link",e),S._p=new Promise(function(M,V){S.onload=M,S.onerror=V}),S.addEventListener("load",function(){y.loading|=1}),S.addEventListener("error",function(){y.loading|=2}),y.loading|=4,Ps(g,t,a)}g={type:"stylesheet",instance:g,count:1,state:y},l.set(d,g)}}}function Pb(e,t){qu.X(e,t);var n=Xi;if(n&&e){var a=gi(n).hoistableScripts,l=Zi(e),d=a.get(l);d||(d=n.querySelector(ir(l)),d||(e=v({src:e,async:!0},t),(t=iu.get(l))&&G0(e,t),d=n.createElement("script"),rt(d),ht(d,"link",e),n.head.appendChild(d)),d={type:"script",instance:d,count:1,state:null},a.set(l,d))}}function Ub(e,t){qu.M(e,t);var n=Xi;if(n&&e){var a=gi(n).hoistableScripts,l=Zi(e),d=a.get(l);d||(d=n.querySelector(ir(l)),d||(e=v({src:e,async:!0,type:"module"},t),(t=iu.get(l))&&G0(e,t),d=n.createElement("script"),rt(d),ht(d,"link",e),n.head.appendChild(d)),d={type:"script",instance:d,count:1,state:null},a.set(l,d))}}function Wf(e,t,n,a){var l=(l=ie.current)?Ms(l):null;if(!l)throw Error(r(446));switch(e){case"meta":case"title":return null;case"style":return typeof n.precedence=="string"&&typeof n.href=="string"?(t=Wi(n.href),n=gi(l).hoistableStyles,a=n.get(t),a||(a={type:"style",instance:null,count:0,state:null},n.set(t,a)),a):{type:"void",instance:null,count:0,state:null};case"link":if(n.rel==="stylesheet"&&typeof n.href=="string"&&typeof n.precedence=="string"){e=Wi(n.href);var d=gi(l).hoistableStyles,g=d.get(e);if(g||(l=l.ownerDocument||l,g={type:"stylesheet",instance:null,count:0,state:{loading:0,preload:null}},d.set(e,g),(d=l.querySelector(nr(e)))&&!d._p&&(g.instance=d,g.state.loading=5),iu.has(e)||(n={rel:"preload",as:"style",href:n.href,crossOrigin:n.crossOrigin,integrity:n.integrity,media:n.media,hrefLang:n.hrefLang,referrerPolicy:n.referrerPolicy},iu.set(e,n),d||zb(l,e,n,g.state))),t&&a===null)throw Error(r(528,""));return g}if(t&&a!==null)throw Error(r(529,""));return null;case"script":return t=n.async,n=n.src,typeof n=="string"&&t&&typeof t!="function"&&typeof t!="symbol"?(t=Zi(n),n=gi(l).hoistableScripts,a=n.get(t),a||(a={type:"script",instance:null,count:0,state:null},n.set(t,a)),a):{type:"void",instance:null,count:0,state:null};default:throw Error(r(444,e))}}function Wi(e){return'href="'+Zt(e)+'"'}function nr(e){return'link[rel="stylesheet"]['+e+"]"}function Zf(e){return v({},e,{"data-precedence":e.precedence,precedence:null})}function zb(e,t,n,a){e.querySelector('link[rel="preload"][as="style"]['+t+"]")?a.loading=1:(t=e.createElement("link"),a.preload=t,t.addEventListener("load",function(){return a.loading|=1}),t.addEventListener("error",function(){return a.loading|=2}),ht(t,"link",n),rt(t),e.head.appendChild(t))}function Zi(e){return'[src="'+Zt(e)+'"]'}function ir(e){return"script[async]"+e}function $f(e,t,n){if(t.count++,t.instance===null)switch(t.type){case"style":var a=e.querySelector('style[data-href~="'+Zt(n.href)+'"]');if(a)return t.instance=a,rt(a),a;var l=v({},n,{"data-href":n.href,"data-precedence":n.precedence,href:null,precedence:null});return a=(e.ownerDocument||e).createElement("style"),rt(a),ht(a,"style",l),Ps(a,n.precedence,e),t.instance=a;case"stylesheet":l=Wi(n.href);var d=e.querySelector(nr(l));if(d)return t.state.loading|=4,t.instance=d,rt(d),d;a=Zf(n),(l=iu.get(l))&&V0(a,l),d=(e.ownerDocument||e).createElement("link"),rt(d);var g=d;return g._p=new Promise(function(y,S){g.onload=y,g.onerror=S}),ht(d,"link",a),t.state.loading|=4,Ps(d,n.precedence,e),t.instance=d;case"script":return d=Zi(n.src),(l=e.querySelector(ir(d)))?(t.instance=l,rt(l),l):(a=n,(l=iu.get(d))&&(a=v({},n),G0(a,l)),e=e.ownerDocument||e,l=e.createElement("script"),rt(l),ht(l,"link",a),e.head.appendChild(l),t.instance=l);case"void":return null;default:throw Error(r(443,t.type))}else t.type==="stylesheet"&&(t.state.loading&4)===0&&(a=t.instance,t.state.loading|=4,Ps(a,n.precedence,e));return t.instance}function Ps(e,t,n){for(var a=n.querySelectorAll('link[rel="stylesheet"][data-precedence],style[data-precedence]'),l=a.length?a[a.length-1]:null,d=l,g=0;g<a.length;g++){var y=a[g];if(y.dataset.precedence===t)d=y;else if(d!==l)break}d?d.parentNode.insertBefore(e,d.nextSibling):(t=n.nodeType===9?n.head:n,t.insertBefore(e,t.firstChild))}function V0(e,t){e.crossOrigin==null&&(e.crossOrigin=t.crossOrigin),e.referrerPolicy==null&&(e.referrerPolicy=t.referrerPolicy),e.title==null&&(e.title=t.title)}function G0(e,t){e.crossOrigin==null&&(e.crossOrigin=t.crossOrigin),e.referrerPolicy==null&&(e.referrerPolicy=t.referrerPolicy),e.integrity==null&&(e.integrity=t.integrity)}var Us=null;function Jf(e,t,n){if(Us===null){var a=new Map,l=Us=new Map;l.set(n,a)}else l=Us,a=l.get(n),a||(a=new Map,l.set(n,a));if(a.has(e))return a;for(a.set(e,null),n=n.getElementsByTagName(e),l=0;l<n.length;l++){var d=n[l];if(!(d[ba]||d[Ge]||e==="link"&&d.getAttribute("rel")==="stylesheet")&&d.namespaceURI!=="http://www.w3.org/2000/svg"){var g=d.getAttribute(t)||"";g=e+g;var y=a.get(g);y?y.push(d):a.set(g,[d])}}return a}function e2(e,t,n){e=e.ownerDocument||e,e.head.insertBefore(n,t==="title"?e.querySelector("head > title"):null)}function Fb(e,t,n){if(n===1||t.itemProp!=null)return!1;switch(e){case"meta":case"title":return!0;case"style":if(typeof t.precedence!="string"||typeof t.href!="string"||t.href==="")break;return!0;case"link":if(typeof t.rel!="string"||typeof t.href!="string"||t.href===""||t.onLoad||t.onError)break;return t.rel==="stylesheet"?(e=t.disabled,typeof t.precedence=="string"&&e==null):!0;case"script":if(t.async&&typeof t.async!="function"&&typeof t.async!="symbol"&&!t.onLoad&&!t.onError&&t.src&&typeof t.src=="string")return!0}return!1}function t2(e){return!(e.type==="stylesheet"&&(e.state.loading&3)===0)}var ar=null;function Lb(){}function Bb(e,t,n){if(ar===null)throw Error(r(475));var a=ar;if(t.type==="stylesheet"&&(typeof n.media!="string"||matchMedia(n.media).matches!==!1)&&(t.state.loading&4)===0){if(t.instance===null){var l=Wi(n.href),d=e.querySelector(nr(l));if(d){e=d._p,e!==null&&typeof e=="object"&&typeof e.then=="function"&&(a.count++,a=zs.bind(a),e.then(a,a)),t.state.loading|=4,t.instance=d,rt(d);return}d=e.ownerDocument||e,n=Zf(n),(l=iu.get(l))&&V0(n,l),d=d.createElement("link"),rt(d);var g=d;g._p=new Promise(function(y,S){g.onload=y,g.onerror=S}),ht(d,"link",n),t.instance=d}a.stylesheets===null&&(a.stylesheets=new Map),a.stylesheets.set(t,e),(e=t.state.preload)&&(t.state.loading&3)===0&&(a.count++,t=zs.bind(a),e.addEventListener("load",t),e.addEventListener("error",t))}}function Hb(){if(ar===null)throw Error(r(475));var e=ar;return e.stylesheets&&e.count===0&&K0(e,e.stylesheets),0<e.count?function(t){var n=setTimeout(function(){if(e.stylesheets&&K0(e,e.stylesheets),e.unsuspend){var a=e.unsuspend;e.unsuspend=null,a()}},6e4);return e.unsuspend=t,function(){e.unsuspend=null,clearTimeout(n)}}:null}function zs(){if(this.count--,this.count===0){if(this.stylesheets)K0(this,this.stylesheets);else if(this.unsuspend){var e=this.unsuspend;this.unsuspend=null,e()}}}var Fs=null;function K0(e,t){e.stylesheets=null,e.unsuspend!==null&&(e.count++,Fs=new Map,t.forEach(qb,e),Fs=null,zs.call(e))}function qb(e,t){if(!(t.state.loading&4)){var n=Fs.get(e);if(n)var a=n.get(null);else{n=new Map,Fs.set(e,n);for(var l=e.querySelectorAll("link[data-precedence],style[data-precedence]"),d=0;d<l.length;d++){var g=l[d];(g.nodeName==="LINK"||g.getAttribute("media")!=="not all")&&(n.set(g.dataset.precedence,g),a=g)}a&&n.set(null,a)}l=t.instance,g=l.getAttribute("data-precedence"),d=n.get(g)||a,d===a&&n.set(null,l),n.set(g,l),this.count++,a=zs.bind(this),l.addEventListener("load",a),l.addEventListener("error",a),d?d.parentNode.insertBefore(l,d.nextSibling):(e=e.nodeType===9?e.head:e,e.insertBefore(l,e.firstChild)),t.state.loading|=4}}var rr={$$typeof:z,Provider:null,Consumer:null,_currentValue:$,_currentValue2:$,_threadCount:0};function Ib(e,t,n,a,l,d,g,y){this.tag=1,this.containerInfo=e,this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.next=this.pendingContext=this.context=this.cancelPendingCommit=null,this.callbackPriority=0,this.expirationTimes=ga(-1),this.entangledLanes=this.shellSuspendCounter=this.errorRecoveryDisabledLanes=this.expiredLanes=this.warmLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=ga(0),this.hiddenUpdates=ga(null),this.identifierPrefix=a,this.onUncaughtError=l,this.onCaughtError=d,this.onRecoverableError=g,this.pooledCache=null,this.pooledCacheLanes=0,this.formState=y,this.incompleteTransitions=new Map}function u2(e,t,n,a,l,d,g,y,S,M,V,X){return e=new Ib(e,t,n,g,y,S,M,X),t=1,d===!0&&(t|=24),d=Ft(3,null,null,t),e.current=d,d.stateNode=e,t=kl(),t.refCount++,e.pooledCache=t,t.refCount++,d.memoizedState={element:a,isDehydrated:n,cache:t},Nl(d),e}function n2(e){return e?(e=ki,e):ki}function i2(e,t,n,a,l,d){l=n2(l),a.context===null?a.context=l:a.pendingContext=l,a=tn(t),a.payload={element:n},d=d===void 0?null:d,d!==null&&(a.callback=d),n=un(e,a,t),n!==null&&(It(n,e,t),Ua(n,e,t))}function a2(e,t){if(e=e.memoizedState,e!==null&&e.dehydrated!==null){var n=e.retryLane;e.retryLane=n!==0&&n<t?n:t}}function Q0(e,t){a2(e,t),(e=e.alternate)&&a2(e,t)}function r2(e){if(e.tag===13){var t=Ti(e,67108864);t!==null&&It(t,e,67108864),Q0(e,67108864)}}var Ls=!0;function Yb(e,t,n,a){var l=D.T;D.T=null;var d=q.p;try{q.p=2,X0(e,t,n,a)}finally{q.p=d,D.T=l}}function Vb(e,t,n,a){var l=D.T;D.T=null;var d=q.p;try{q.p=8,X0(e,t,n,a)}finally{q.p=d,D.T=l}}function X0(e,t,n,a){if(Ls){var l=W0(a);if(l===null)U0(e,t,a,Bs,n),o2(e,a);else if(Kb(l,e,t,n,a))a.stopPropagation();else if(o2(e,a),t&4&&-1<Gb.indexOf(e)){for(;l!==null;){var d=pi(l);if(d!==null)switch(d.tag){case 3:if(d=d.stateNode,d.current.memoizedState.isDehydrated){var g=Tu(d.pendingLanes);if(g!==0){var y=d;for(y.pendingLanes|=2,y.entangledLanes|=2;g;){var S=1<<31-xt(g);y.entanglements[1]|=S,g&=~S}wu(d),(Re&6)===0&&(ws=At()+500,Ja(0))}}break;case 13:y=Ti(d,2),y!==null&&It(y,d,2),Es(),Q0(d,2)}if(d=W0(a),d===null&&U0(e,t,a,Bs,n),d===l)break;l=d}l!==null&&a.stopPropagation()}else U0(e,t,a,null,n)}}function W0(e){return e=tl(e),Z0(e)}var Bs=null;function Z0(e){if(Bs=null,e=mi(e),e!==null){var t=c(e);if(t===null)e=null;else{var n=t.tag;if(n===13){if(e=h(t),e!==null)return e;e=null}else if(n===3){if(t.stateNode.current.memoizedState.isDehydrated)return t.tag===3?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null)}}return Bs=e,null}function s2(e){switch(e){case"beforetoggle":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"toggle":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 2;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"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 8;case"message":switch(li()){case Rn:return 2;case ma:return 8;case Xt:case Ho:return 32;case Mn:return 268435456;default:return 32}default:return 32}}var $0=!1,gn=null,bn=null,vn=null,sr=new Map,or=new Map,yn=[],Gb="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".split(" ");function o2(e,t){switch(e){case"focusin":case"focusout":gn=null;break;case"dragenter":case"dragleave":bn=null;break;case"mouseover":case"mouseout":vn=null;break;case"pointerover":case"pointerout":sr.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":or.delete(t.pointerId)}}function lr(e,t,n,a,l,d){return e===null||e.nativeEvent!==d?(e={blockedOn:t,domEventName:n,eventSystemFlags:a,nativeEvent:d,targetContainers:[l]},t!==null&&(t=pi(t),t!==null&&r2(t)),e):(e.eventSystemFlags|=a,t=e.targetContainers,l!==null&&t.indexOf(l)===-1&&t.push(l),e)}function Kb(e,t,n,a,l){switch(t){case"focusin":return gn=lr(gn,e,t,n,a,l),!0;case"dragenter":return bn=lr(bn,e,t,n,a,l),!0;case"mouseover":return vn=lr(vn,e,t,n,a,l),!0;case"pointerover":var d=l.pointerId;return sr.set(d,lr(sr.get(d)||null,e,t,n,a,l)),!0;case"gotpointercapture":return d=l.pointerId,or.set(d,lr(or.get(d)||null,e,t,n,a,l)),!0}return!1}function l2(e){var t=mi(e.target);if(t!==null){var n=c(t);if(n!==null){if(t=n.tag,t===13){if(t=h(n),t!==null){e.blockedOn=t,Ut(e.priority,function(){if(n.tag===13){var a=qt();a=Je(a);var l=Ti(n,a);l!==null&&It(l,n,a),Q0(n,a)}});return}}else if(t===3&&n.stateNode.current.memoizedState.isDehydrated){e.blockedOn=n.tag===3?n.stateNode.containerInfo:null;return}}}e.blockedOn=null}function Hs(e){if(e.blockedOn!==null)return!1;for(var t=e.targetContainers;0<t.length;){var n=W0(e.nativeEvent);if(n===null){n=e.nativeEvent;var a=new n.constructor(n.type,n);el=a,n.target.dispatchEvent(a),el=null}else return t=pi(n),t!==null&&r2(t),e.blockedOn=n,!1;t.shift()}return!0}function c2(e,t,n){Hs(e)&&n.delete(t)}function Qb(){$0=!1,gn!==null&&Hs(gn)&&(gn=null),bn!==null&&Hs(bn)&&(bn=null),vn!==null&&Hs(vn)&&(vn=null),sr.forEach(c2),or.forEach(c2)}function qs(e,t){e.blockedOn===t&&(e.blockedOn=null,$0||($0=!0,u.unstable_scheduleCallback(u.unstable_NormalPriority,Qb)))}var Is=null;function d2(e){Is!==e&&(Is=e,u.unstable_scheduleCallback(u.unstable_NormalPriority,function(){Is===e&&(Is=null);for(var t=0;t<e.length;t+=3){var n=e[t],a=e[t+1],l=e[t+2];if(typeof a!="function"){if(Z0(a||n)===null)continue;break}var d=pi(n);d!==null&&(e.splice(t,3),t-=3,Zl(d,{pending:!0,data:l,method:n.method,action:a},a,l))}}))}function cr(e){function t(S){return qs(S,e)}gn!==null&&qs(gn,e),bn!==null&&qs(bn,e),vn!==null&&qs(vn,e),sr.forEach(t),or.forEach(t);for(var n=0;n<yn.length;n++){var a=yn[n];a.blockedOn===e&&(a.blockedOn=null)}for(;0<yn.length&&(n=yn[0],n.blockedOn===null);)l2(n),n.blockedOn===null&&yn.shift();if(n=(e.ownerDocument||e).$$reactFormReplay,n!=null)for(a=0;a<n.length;a+=3){var l=n[a],d=n[a+1],g=l[pt]||null;if(typeof d=="function")g||d2(n);else if(g){var y=null;if(d&&d.hasAttribute("formAction")){if(l=d,g=d[pt]||null)y=g.formAction;else if(Z0(l)!==null)continue}else y=g.action;typeof y=="function"?n[a+1]=y:(n.splice(a,3),a-=3),d2(n)}}}function J0(e){this._internalRoot=e}Ys.prototype.render=J0.prototype.render=function(e){var t=this._internalRoot;if(t===null)throw Error(r(409));var n=t.current,a=qt();i2(n,a,e,t,null,null)},Ys.prototype.unmount=J0.prototype.unmount=function(){var e=this._internalRoot;if(e!==null){this._internalRoot=null;var t=e.containerInfo;i2(e.current,2,null,e,null,null),Es(),t[hi]=null}};function Ys(e){this._internalRoot=e}Ys.prototype.unstable_scheduleHydration=function(e){if(e){var t=Zu();e={blockedOn:null,target:e,priority:t};for(var n=0;n<yn.length&&t!==0&&t<yn[n].priority;n++);yn.splice(n,0,e),n===0&&l2(e)}};var f2=i.version;if(f2!=="19.1.0")throw Error(r(527,f2,"19.1.0"));q.findDOMNode=function(e){var t=e._reactInternals;if(t===void 0)throw typeof e.render=="function"?Error(r(188)):(e=Object.keys(e).join(","),Error(r(268,e)));return e=b(t),e=e!==null?p(e):null,e=e===null?null:e.stateNode,e};var Xb={bundleType:0,version:"19.1.0",rendererPackageName:"react-dom",currentDispatcherRef:D,reconcilerVersion:"19.1.0"};if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"){var Vs=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!Vs.isDisabled&&Vs.supportsFiber)try{_t=Vs.inject(Xb),ct=Vs}catch{}}return fr.createRoot=function(e,t){if(!o(e))throw Error(r(299));var n=!1,a="",l=T4,d=k4,g=D4,y=null;return t!=null&&(t.unstable_strictMode===!0&&(n=!0),t.identifierPrefix!==void 0&&(a=t.identifierPrefix),t.onUncaughtError!==void 0&&(l=t.onUncaughtError),t.onCaughtError!==void 0&&(d=t.onCaughtError),t.onRecoverableError!==void 0&&(g=t.onRecoverableError),t.unstable_transitionCallbacks!==void 0&&(y=t.unstable_transitionCallbacks)),t=u2(e,1,!1,null,null,n,a,l,d,g,y,null),e[hi]=t.current,P0(e),new J0(t)},fr.hydrateRoot=function(e,t,n){if(!o(e))throw Error(r(299));var a=!1,l="",d=T4,g=k4,y=D4,S=null,M=null;return n!=null&&(n.unstable_strictMode===!0&&(a=!0),n.identifierPrefix!==void 0&&(l=n.identifierPrefix),n.onUncaughtError!==void 0&&(d=n.onUncaughtError),n.onCaughtError!==void 0&&(g=n.onCaughtError),n.onRecoverableError!==void 0&&(y=n.onRecoverableError),n.unstable_transitionCallbacks!==void 0&&(S=n.unstable_transitionCallbacks),n.formState!==void 0&&(M=n.formState)),t=u2(e,1,!0,t,n??null,a,l,d,g,y,S,M),t.context=n2(null),n=t.current,a=qt(),a=Je(a),l=tn(a),l.callback=null,un(n,l,a),n=a,t.current.lanes=n,H(t,n),wu(t),e[hi]=t.current,P0(e),new Ys(t)},fr.version="19.1.0",fr}var x2;function rv(){if(x2)return t6.exports;x2=1;function u(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(u)}catch(i){console.error(i)}}return u(),t6.exports=av(),t6.exports}var W6=rv();const sv=Ao(W6),ov=yo({__proto__:null,default:sv},[W6]);var A=_o();const L=Ao(A),xo=yo({__proto__:null,default:L},[A]);var lv=class Wh extends Error{static kind="ClerkError";clerkError=!0;code;longMessage;docsUrl;cause;get name(){return this.constructor.name}constructor(i){super(new.target.formatMessage(new.target.kind,i.message,i.code,i.docsUrl),{cause:i.cause}),Object.setPrototypeOf(this,Wh.prototype),this.code=i.code,this.docsUrl=i.docsUrl,this.longMessage=i.longMessage,this.cause=i.cause}toString(){return`[${this.name}]
+Message:${this.message}`}static formatMessage(i,s,r,o){const c="Clerk:",h=new RegExp(c.replace(" ","\\s*"),"i");return s=s.replace(h,""),s=`${c} ${s.trim()}
+
+(code="${r}")
+
+`,o&&(s+=`
+
+Docs: ${o}`),s}},Z6=class Zh extends lv{static kind="ClerkRuntimeError";clerkRuntimeError=!0;constructor(i,s){super({...s,message:i}),Object.setPrototypeOf(this,Zh.prototype)}};const cv=Object.freeze({InvalidProxyUrlErrorMessage:"The proxyUrl passed to Clerk is invalid. The expected value for proxyUrl is an absolute URL or a relative path with a leading '/'. (key={{url}})",InvalidPublishableKeyErrorMessage:"The publishableKey passed to Clerk is invalid. You can get your Publishable key at https://dashboard.clerk.com/last-active?path=api-keys. (key={{key}})",MissingPublishableKeyErrorMessage:"Missing publishableKey. You can get your key at https://dashboard.clerk.com/last-active?path=api-keys.",MissingSecretKeyErrorMessage:"Missing secretKey. You can get your key at https://dashboard.clerk.com/last-active?path=api-keys.",MissingClerkProvider:"{{source}} can only be used within the <ClerkProvider /> component. Learn more: https://clerk.com/docs/components/clerk-provider"});function $h({packageName:u,customMessages:i}){let s=u;function r(c,h){if(!h)return`${s}: ${c}`;let m=c;const b=c.matchAll(/{{([a-zA-Z0-9-_]+)}}/g);for(const p of b){const v=(h[p[1]]||"").toString();m=m.replace(`{{${p[1]}}}`,v)}return`${s}: ${m}`}const o={...cv,...i};return{setPackageName({packageName:c}){return typeof c=="string"&&(s=c),this},setMessages({customMessages:c}){return Object.assign(o,c||{}),this},throwInvalidPublishableKeyError(c){throw new Error(r(o.InvalidPublishableKeyErrorMessage,c))},throwInvalidProxyUrl(c){throw new Error(r(o.InvalidProxyUrlErrorMessage,c))},throwMissingPublishableKeyError(){throw new Error(r(o.MissingPublishableKeyErrorMessage))},throwMissingSecretKeyError(){throw new Error(r(o.MissingSecretKeyErrorMessage))},throwMissingClerkProviderError(c){throw new Error(r(o.MissingClerkProvider,c))},throw(c){throw new Error(r(c))}}}const dv=[".lcl.dev",".stg.dev",".lclstage.dev",".stgstage.dev",".dev.lclclerk.com",".stg.lclclerk.com",".accounts.lclclerk.com","accountsstage.dev","accounts.dev"],Jh=u=>typeof atob<"u"&&typeof atob=="function"?atob(u):typeof globalThis.Buffer<"u"?globalThis.Buffer.from(u,"base64").toString():u,em="pk_live_",fv="pk_test_";function tm(u){if(!u.endsWith("$"))return!1;const i=u.slice(0,-1);return i.includes("$")?!1:i.includes(".")}function w2(u,i={}){if(u=u||"",!u||!S2(u)){if(i.fatal&&!u)throw new Error("Publishable key is missing. Ensure that your publishable key is correctly configured. Double-check your environment configuration for your keys, or access them here: https://dashboard.clerk.com/last-active?path=api-keys");if(i.fatal&&!S2(u))throw new Error("Publishable key not valid.");return null}const s=u.startsWith(em)?"production":"development";let r;try{r=Jh(u.split("_")[2])}catch{if(i.fatal)throw new Error("Publishable key not valid: Failed to decode key.");return null}if(!tm(r)){if(i.fatal)throw new Error("Publishable key not valid: Decoded key has invalid format.");return null}let o=r.slice(0,-1);return i.proxyUrl?o=i.proxyUrl:s!=="development"&&i.domain&&i.isSatellite&&(o=`clerk.${i.domain}`),{instanceType:s,frontendApi:o}}function S2(u=""){try{if(!(u.startsWith(em)||u.startsWith(fv)))return!1;const i=u.split("_");if(i.length!==3)return!1;const s=i[2];return s?tm(Jh(s)):!1}catch{return!1}}function hv(){const u=new Map;return{isDevOrStagingUrl:i=>{if(!i)return!1;const s=typeof i=="string"?i:i.hostname;let r=u.get(s);return r===void 0&&(r=dv.some(o=>s.endsWith(o)),u.set(s,r)),r}}}const mv={strict_mfa:{afterMinutes:10,level:"multi_factor"},strict:{afterMinutes:10,level:"second_factor"},moderate:{afterMinutes:60,level:"second_factor"},lax:{afterMinutes:1440,level:"second_factor"}},pv=new Set(["first_factor","second_factor","multi_factor"]),gv=new Set(["strict_mfa","strict","moderate","lax"]),E2=new Set(["o","org","organization"]),C2=new Set(["u","user"]),bv=u=>typeof u=="number"&&u>0,vv=u=>pv.has(u),yv=u=>gv.has(u),T2=u=>typeof u=="number"&&Number.isFinite(u)&&(u===-1||u>=0),r6=u=>u.replace(/^(org:)*/,"org:"),Av=(u,i)=>{const{orgId:s,orgRole:r,orgPermissions:o}=i,c=u.role!==void 0,h=u.permission!==void 0;return!c&&!h?"skip":c&&typeof u.role!="string"||h&&typeof u.permission!="string"||!s||c&&(typeof r!="string"||!r||r6(r)!==r6(u.role))||h&&(!Array.isArray(o)||!o.includes(r6(u.permission)))?"fail":"pass"},k2=(u,i)=>{const{org:s,user:r}=xv(u),[o,c]=i.split(":"),h=c!==void 0,m=o,b=c||o;if(h&&!E2.has(m)&&!C2.has(m))throw new Error(`Invalid scope: ${m}`);if(h){if(E2.has(m))return s.includes(b);if(C2.has(m))return r.includes(b)}return[...s,...r].includes(b)},_v=(u,i)=>{const{features:s,plans:r}=i,o=u.feature!==void 0,c=u.plan!==void 0;if(!o&&!c)return"skip";if(o&&typeof u.feature!="string"||c&&typeof u.plan!="string")return"fail";if(o){if(typeof s!="string"||!s)return"fail";try{if(!k2(s,u.feature))return"fail"}catch{return"fail"}}if(c){if(typeof r!="string"||!r)return"fail";try{if(!k2(r,u.plan))return"fail"}catch{return"fail"}}return"pass"},xv=u=>{const i=[],s=[];if(!u)return{org:i,user:s};const r=u.split(",");for(let o=0;o<r.length;o++){const c=r[o].trim(),h=c.indexOf(":");if(h===-1)throw new Error(`Invalid claim element (missing colon): ${c}`);const m=c.slice(0,h),b=c.slice(h+1);m==="o"?i.push(b):m==="u"?s.push(b):(m==="ou"||m==="uo")&&(i.push(b),s.push(b))}return{org:i,user:s}},wv=u=>{if(!u)return!1;const i=o=>typeof o=="string"?mv[o]:o,s=typeof u=="string"&&yv(u),r=typeof u=="object"&&vv(u.level)&&bv(u.afterMinutes);return s||r?i.bind(null,u):!1},Sv=(u,{factorVerificationAge:i})=>{if(u.reverification===void 0)return"skip";if(!i||!Array.isArray(i)||i.length!==2||!T2(i[0])||!T2(i[1]))return"fail";const s=wv(u.reverification);if(!s)return"fail";const{level:r,afterMinutes:o}=s(),[c,h]=i;if(c===-1&&h===-1)return"fail";const m=c!==-1&&o>c,b=h!==-1&&o>h;switch(r){case"first_factor":return m?"pass":"fail";case"second_factor":return h===-1?m?"pass":"fail":b?"pass":"fail";case"multi_factor":return h===-1?m?"pass":"fail":c===-1?"fail":m&&b?"pass":"fail"}},Ev=u=>u.some(i=>i==="pass")&&u.every(i=>i==="pass"||i==="skip"),Cv=u=>i=>u.userId?Ev([Av(i,u),_v(i,u),Sv(i,u)]):!1,Tv=({authObject:{sessionId:u,sessionStatus:i,userId:s,actor:r,orgId:o,orgRole:c,orgSlug:h,signOut:m,getToken:b,has:p,sessionClaims:v},options:{treatPendingAsSignedOut:_=!0}})=>{if(u===void 0&&s===void 0)return{actor:void 0,getToken:b,has:()=>!1,isLoaded:!1,isSignedIn:void 0,orgId:void 0,orgRole:void 0,orgSlug:void 0,sessionClaims:void 0,sessionId:u,signOut:m,userId:s};if(u===null&&s===null)return{actor:null,getToken:b,has:()=>!1,isLoaded:!0,isSignedIn:!1,orgId:null,orgRole:null,orgSlug:null,sessionClaims:null,sessionId:u,signOut:m,userId:s};if(_&&i==="pending")return{actor:null,getToken:b,has:()=>!1,isLoaded:!0,isSignedIn:!1,orgId:null,orgRole:null,orgSlug:null,sessionClaims:null,sessionId:null,signOut:m,userId:null};if(u&&v&&s&&o&&c)return{actor:r||null,getToken:b,has:p,isLoaded:!0,isSignedIn:!0,orgId:o,orgRole:c,orgSlug:h||null,sessionClaims:v,sessionId:u,signOut:m,userId:s};if(u&&v&&s&&!o)return{actor:r||null,getToken:b,has:p,isLoaded:!0,isSignedIn:!0,orgId:null,orgRole:null,orgSlug:null,sessionClaims:v,sessionId:u,signOut:m,userId:s}},D2=(u,i,s)=>!u&&s?kv(s):Dv(i),kv=u=>{const i=u.userId,s=u.user,r=u.sessionId,o=u.sessionStatus,c=u.sessionClaims;return{userId:i,user:s,sessionId:r,session:u.session,sessionStatus:o,sessionClaims:c,organization:u.organization,orgId:u.orgId,orgRole:u.orgRole,orgPermissions:u.orgPermissions,orgSlug:u.orgSlug,actor:u.actor,factorVerificationAge:u.factorVerificationAge}},Dv=u=>{const i=u.user?u.user.id:u.user,s=u.user,r=u.session?u.session.id:u.session,o=u.session,c=u.session?.status,h=u.session?u.session.lastActiveToken?.jwt?.claims:null,m=u.session?u.session.factorVerificationAge:null,b=o?.actor,p=u.organization,v=u.organization?u.organization.id:u.organization,_=p?.slug,w=p&&s?.organizationMemberships?.find(N=>N.organization.id===v),C=w&&w.permissions;return{userId:i,user:s,sessionId:r,session:o,sessionStatus:c,sessionClaims:h,organization:p,orgId:v,orgRole:w&&w.role,orgSlug:_,orgPermissions:C,actor:b,factorVerificationAge:m}},Ov="METHOD_CALLED",jv=.1;function um(u,i){return{event:Ov,eventSamplingRate:jv,payload:{method:u,...i}}}const Nv="ClerkJS:";function Rv(){throw new Error(`${Nv} Clerk instance not found. Make sure Clerk is initialized before using any Clerk components.`)}var O2=Object.prototype.hasOwnProperty;function j2(u,i,s){for(s of u.keys())if(vr(s,i))return s}function vr(u,i){var s,r,o;if(u===i)return!0;if(u&&i&&(s=u.constructor)===i.constructor){if(s===Date)return u.getTime()===i.getTime();if(s===RegExp)return u.toString()===i.toString();if(s===Array){if((r=u.length)===i.length)for(;r--&&vr(u[r],i[r]););return r===-1}if(s===Set){if(u.size!==i.size)return!1;for(r of u)if(o=r,o&&typeof o=="object"&&(o=j2(i,o),!o)||!i.has(o))return!1;return!0}if(s===Map){if(u.size!==i.size)return!1;for(r of u)if(o=r[0],o&&typeof o=="object"&&(o=j2(i,o),!o)||!vr(r[1],i.get(o)))return!1;return!0}if(s===ArrayBuffer)u=new Uint8Array(u),i=new Uint8Array(i);else if(s===DataView){if((r=u.byteLength)===i.byteLength)for(;r--&&u.getInt8(r)===i.getInt8(r););return r===-1}if(ArrayBuffer.isView(u)){if((r=u.byteLength)===i.byteLength)for(;r--&&u[r]===i[r];);return r===-1}if(!s||typeof u=="object"){r=0;for(s in u)if(O2.call(u,s)&&++r&&!O2.call(i,s)||!(s in i)||!vr(u[s],i[s]))return!1;return Object.keys(i).length===r}}return u!==u&&i!==i}function Mv(u,i){if(!u)throw typeof i=="string"?new Error(i):new Error(`${i.displayName} not found`)}const ra=(u,i)=>{const{assertCtxFn:s=Mv}={},r=L.createContext(void 0);return r.displayName=u,[r,()=>{const h=L.useContext(r);return s(h,`${u} not found`),h.value},()=>{const h=L.useContext(r);return h?h.value:{}}]},[nm,Sr]=ra("ClerkInstanceContext"),[Pv,Uv]=ra("InitialStateContext");function zv({children:u,initialState:i}){const[s]=A.useState(i),r=L.useMemo(()=>({value:s}),[s]);return L.createElement(Pv.Provider,{value:r},u)}function im(){const u=Uv();if(u instanceof Promise){if("use"in L&&typeof L.use=="function")return L.use(u);throw new Error("initialState cannot be a promise if React version is less than 19")}return u}L.createContext({});const[Fv]=ra("CheckoutContext"),Lv=({children:u,...i})=>L.createElement(Fv.Provider,{value:{value:i}},u);function $6(u){if(!L.useContext(nm)){if(typeof u=="function"){u();return}throw new Error(`${u} can only be used within the <ClerkProvider /> component.
+
+Possible fixes:
+1. Ensure that the <ClerkProvider /> is correctly wrapping your application where this component is used.
+2. Check for multiple versions of the \`@clerk/shared\` package in your project. Use a tool like \`npm ls @clerk/shared\` to identify multiple versions, and update your dependencies to only rely on one.
+
+Learn more: https://clerk.com/docs/components/clerk-provider`.trim())}}function Bv(u){const i=function(){};let s;return s=new Proxy(i,{get(r,o){if(o!=="then")return o==="toString"?()=>`[${u}]`:o===Symbol.toPrimitive?()=>0:s},apply(){return s},construct(){return s},has(){return!1},set(){return!1}}),s}Bv("ClerkMockQueryClient");function Hv(){const u=Sr(),i=im(),s=A.useCallback(()=>i?.user,[i?.user]);return A.useSyncExternalStore(A.useCallback(r=>u.addListener(r,{skipInitialEmit:!0}),[u]),A.useCallback(()=>!u.loaded||!u.__internal_lastEmittedResources?s():u.__internal_lastEmittedResources.user,[u,s]),s)}const am=()=>($6("useClerk"),Sr());typeof window<"u"?L.useLayoutEffect:L.useEffect;const N2="useUser";function rm(){$6(N2);const u=Hv();return Sr().telemetry?.record(um(N2)),u===void 0?{isLoaded:!1,isSignedIn:void 0,user:void 0}:u===null?{isLoaded:!0,isSignedIn:!1,user:null}:{isLoaded:!0,isSignedIn:!0,user:u}}const R2=vr;function qv(u){u||Rv()}function Iv(u){const i=u.clerk;if(qv(i),u.initialState instanceof Promise&&!("use"in L&&typeof L.use=="function"))throw new Error("initialState cannot be a promise if React version is less than 19");const s=L.useMemo(()=>({value:i}),[u.clerkStatus]);return L.createElement(zv,{initialState:u.initialState},L.createElement(nm.Provider,{value:s},L.createElement(Lv,{value:void 0},u.children)))}const Yv=u=>{const i=A.useRef(u);return A.useEffect(()=>{i.current=u},[u]),i.current},Yt=(u,i,s)=>{const r=!!s,o=A.useRef(s);A.useEffect(()=>{o.current=s},[s]),A.useEffect(()=>{if(!r||!u)return()=>{};const c=(...h)=>{o.current&&o.current(...h)};return u.on(i,c),()=>{u.off(i,c)}},[r,i,u,o])},sm=L.createContext(null);sm.displayName="ElementsContext";const Vv=(u,i)=>{if(!u)throw new Error(`Could not find Elements context; You need to wrap the part of your app that ${i} in an <Elements> provider.`);return u},so=u=>u!==null&&typeof u=="object",Gv=(u,i,s)=>so(u)?Object.keys(u).reduce((r,o)=>{const c=!so(i)||!om(u[o],i[o]);return s.includes(o)?(c&&console.warn(`Unsupported prop change: options.${o} is not a mutable property.`),r):c?{...r||{},[o]:u[o]}:r},null):null,M2="[object Object]",om=(u,i)=>{if(!so(u)||!so(i))return u===i;const s=Array.isArray(u);if(s!==Array.isArray(i))return!1;const r=Object.prototype.toString.call(u)===M2;if(r!==(Object.prototype.toString.call(i)===M2))return!1;if(!r&&!s)return u===i;const o=Object.keys(u),c=Object.keys(i);if(o.length!==c.length)return!1;const h={};for(let _=0;_<o.length;_+=1)h[o[_]]=!0;for(let _=0;_<c.length;_+=1)h[c[_]]=!0;const m=Object.keys(h);if(m.length!==o.length)return!1;const b=u,p=i,v=_=>om(b[_],p[_]);return m.every(v)},P2=u=>Vv(L.useContext(sm),u),Kv=u=>u.charAt(0).toUpperCase()+u.slice(1),Qv=(u,i)=>{const s=`${Kv(u)}Element`,c=i?h=>{P2(`mounts <${s}>`);const{id:m,className:b}=h;return L.createElement("div",{id:m,className:b})}:({id:h,className:m,fallback:b,options:p={},onBlur:v,onFocus:_,onReady:w,onChange:C,onEscape:N,onClick:E,onLoadError:k,onLoaderStart:B,onNetworksChange:P,onConfirm:z,onCancel:K,onShippingAddressChange:Y,onShippingRateChange:Z})=>{const W=P2(`mounts <${s}>`),I="elements"in W?W.elements:null,[te,de]=L.useState(null),fe=L.useRef(null),oe=L.useRef(null),[ve,ee]=A.useState(!1);Yt(te,"blur",v),Yt(te,"focus",_),Yt(te,"escape",N),Yt(te,"click",E),Yt(te,"loaderror",k),Yt(te,"loaderstart",B),Yt(te,"networkschange",P),Yt(te,"confirm",z),Yt(te,"cancel",K),Yt(te,"shippingaddresschange",Y),Yt(te,"shippingratechange",Z),Yt(te,"change",C);let le;w&&(le=()=>{ee(!0),w(te)}),Yt(te,"ready",le),L.useLayoutEffect(()=>{if(fe.current===null&&oe.current!==null&&I){let q=null;I&&(q=I.create(u,p)),fe.current=q,de(q),q&&q.mount(oe.current)}},[I,p]);const D=Yv(p);return L.useEffect(()=>{if(!fe.current)return;const q=Gv(p,D,["paymentRequest"]);q&&"update"in fe.current&&fe.current.update(q)},[p,D]),L.useLayoutEffect(()=>()=>{if(fe.current&&typeof fe.current.destroy=="function")try{fe.current.destroy(),fe.current=null}catch{}},[]),L.createElement(L.Fragment,null,!ve&&b,L.createElement("div",{id:h,style:{height:ve?"unset":"0px",visibility:ve?"visible":"hidden"},className:m,ref:oe}))};return c.displayName=s,c.__elementType=u,c};Qv("payment",typeof window>"u");ra("PaymentElementContext");ra("StripeUtilsContext");const[g5,,Xv]=ra("PortalProvider"),Wv=()=>{const u=Xv();return u&&"getContainer"in u&&u.getContainer?u.getContainer:()=>null};var Ku=$h({packageName:"@clerk/react"});function Zv(u){Ku.setMessages(u).setPackageName(u)}var lm=Sr,J6=u=>{$6(()=>{Ku.throwMissingClerkProviderError({source:u})})};const $v=()=>{try{return!1}catch{}return!1},Jv=()=>{try{return!1}catch{}return!1},ey=()=>{try{return!0}catch{}return!1};function s6(u,i,s){if(typeof u=="function")return u(i);if(typeof u<"u")return u;if(typeof s<"u")return s}const Ct=u=>{$v()&&console.error(`Clerk: ${u}`)},o6={BASE_URL:"/",DEV:!1,MODE:"production",PROD:!0,SSR:!1,VITE_CLERK_PUBLISHABLE_KEY:"pk_test_c3VtbWFyeS1yZWRmaXNoLTU4LmNsZXJrLmFjY291bnRzLmRldiQ"};var l6={};const U2=(u,i)=>{if(typeof process<"u"&&l6&&typeof l6[u]=="string")return l6[u];if(typeof import.meta<"u"&&o6&&typeof o6[u]=="string")return o6[u];try{return globalThis[u]}catch{}return""};var sa=Xh();const cm=Ao(sa),ty=yo({__proto__:null,default:cm},[sa]),z2=(u,...i)=>{const s={...u};for(const r of i)delete s[r];return s};function _r(){return typeof window<"u"}var uy="You've added multiple <ClerkProvider> components in your React component tree. Wrap your components in a single <ClerkProvider>.",ny=u=>`You've passed multiple children components to <${u}/>. You can only pass a single child component or text.`,iy="Invalid state. Feel free to submit a bug or reach out to support here: https://clerk.com/support",c6="Unsupported usage of isSatellite, domain or proxyUrl. The usage of isSatellite, domain or proxyUrl as function is not supported in non-browser environments.",ay="<UserProfile.Page /> component needs to be a direct child of `<UserProfile />` or `<UserButton />`.",ry="<UserProfile.Link /> component needs to be a direct child of `<UserProfile />` or `<UserButton />`.",sy="<OrganizationProfile.Page /> component needs to be a direct child of `<OrganizationProfile />` or `<OrganizationSwitcher />`.",oy="<OrganizationProfile.Link /> component needs to be a direct child of `<OrganizationProfile />` or `<OrganizationSwitcher />`.",ly=u=>`<${u} /> can only accept <${u}.Page /> and <${u}.Link /> as its children. Any other provided component will be ignored. Additionally, please ensure that the component is rendered in a client component.`,cy=u=>`Missing props. <${u}.Page /> component requires the following props: url, label, labelIcon, alongside with children to be rendered inside the page.`,dy=u=>`Missing props. <${u}.Link /> component requires the following props: url, label and labelIcon.`,fy="<UserButton /> can only accept <UserButton.UserProfilePage />, <UserButton.UserProfileLink /> and <UserButton.MenuItems /> as its children. Any other provided component will be ignored. Additionally, please ensure that the component is rendered in a client component.",hy="<UserButton.MenuItems /> component can only accept <UserButton.Action /> and <UserButton.Link /> as its children. Any other provided component will be ignored. Additionally, please ensure that the component is rendered in a client component.",my="<UserButton.MenuItems /> component needs to be a direct child of `<UserButton />`.",py="<UserButton.Action /> component needs to be a direct child of `<UserButton.MenuItems />`.",gy="<UserButton.Link /> component needs to be a direct child of `<UserButton.MenuItems />`.",by="Missing props. <UserButton.Link /> component requires the following props: href, label and labelIcon.",vy="Missing props. <UserButton.Action /> component requires the following props: label.",wo=u=>i=>{try{return L.Children.only(u)}catch{return Ku.throw(ny(i))}},So=(u,i)=>(u||(u=i),typeof u=="string"&&(u=L.createElement("button",null,u)),u),Eo=u=>(...i)=>{if(u&&typeof u=="function")return u(...i)},yy=u=>U2(`VITE_${u}`)||U2(u),Ay=(u,i)=>u!==void 0?u:yy(i)||void 0,_y=u=>{const i=Ay(u.publishableKey,"CLERK_PUBLISHABLE_KEY");return{...u,...i!==void 0&&{publishableKey:i}}};function F2(u){return typeof u=="function"}var Gs=new Map;function xy(u,i,s=1){L.useEffect(()=>{const r=Gs.get(u)||0;return r==s?Ku.throw(i):(Gs.set(u,r+1),()=>{Gs.set(u,(Gs.get(u)||1)-1)})},[])}function wy(u,i,s){const r=u.displayName||u.name||i||"Component",o=c=>(xy(i,s),L.createElement(u,{...c}));return o.displayName=`withMaxAllowedInstancesGuard(${r})`,o}var yr=u=>{const[i,s]=A.useState(new Map);return u.map(r=>({id:r.id,mount:o=>s(c=>new Map(c).set(String(r.id),o)),unmount:()=>s(o=>{const c=new Map(o);return c.set(String(r.id),null),c}),portal:()=>{const o=i.get(String(r.id));return o?sa.createPortal(r.component,o):null}}))},St=(u,i)=>!!u&&L.isValidElement(u)&&u?.type===i,dm=(u,i)=>mm({children:u,reorderItemsLabels:["account","security","billing","apiKeys"],LinkComponent:Cr,PageComponent:Er,MenuItemsComponent:To,componentName:"UserProfile"},i),fm=(u,i)=>mm({children:u,reorderItemsLabels:["general","members","billing","apiKeys"],LinkComponent:Do,PageComponent:ko,componentName:"OrganizationProfile"},i),hm=u=>{const i=[],s=[Do,ko,To,Er,Cr];return L.Children.forEach(u,r=>{s.some(o=>St(r,o))||i.push(r)}),i},mm=(u,i)=>{const{children:s,LinkComponent:r,PageComponent:o,MenuItemsComponent:c,reorderItemsLabels:h,componentName:m}=u,{allowForAnyChildren:b=!1}=i||{},p=[];L.Children.forEach(s,P=>{if(!St(P,o)&&!St(P,r)&&!St(P,c)){P&&!b&&Ct(ly(m));return}const{props:z}=P,{children:K,label:Y,url:Z,labelIcon:W}=z;if(St(P,o))if(L2(z,h))p.push({label:Y});else if(d6(z))p.push({label:Y,labelIcon:W,children:K,url:Z});else{Ct(cy(m));return}if(St(P,r))if(f6(z))p.push({label:Y,labelIcon:W,url:Z});else{Ct(dy(m));return}});const v=[],_=[],w=[];p.forEach((P,z)=>{if(d6(P)){v.push({component:P.children,id:z}),_.push({component:P.labelIcon,id:z});return}f6(P)&&w.push({component:P.labelIcon,id:z})});const C=yr(v),N=yr(_),E=yr(w),k=[],B=[];return p.forEach((P,z)=>{if(L2(P,h)){k.push({label:P.label});return}if(d6(P)){const{portal:K,mount:Y,unmount:Z}=C.find(de=>de.id===z),{portal:W,mount:I,unmount:te}=N.find(de=>de.id===z);k.push({label:P.label,url:P.url,mount:Y,unmount:Z,mountIcon:I,unmountIcon:te}),B.push(K),B.push(W);return}if(f6(P)){const{portal:K,mount:Y,unmount:Z}=E.find(W=>W.id===z);k.push({label:P.label,url:P.url,mountIcon:Y,unmountIcon:Z}),B.push(K);return}}),{customPages:k,customPagesPortals:B}},L2=(u,i)=>{const{children:s,label:r,url:o,labelIcon:c}=u;return!s&&!o&&!c&&i.some(h=>h===r)},d6=u=>{const{children:i,label:s,url:r,labelIcon:o}=u;return!!i&&!!r&&!!o&&!!s},f6=u=>{const{children:i,label:s,url:r,labelIcon:o}=u;return!i&&!!r&&!!o&&!!s},Sy=(u,i)=>{var s;return Ey({children:u,reorderItemsLabels:["manageAccount","signOut"],MenuItemsComponent:To,MenuActionComponent:gm,MenuLinkComponent:bm,UserProfileLinkComponent:Cr,UserProfilePageComponent:Er,allowForAnyChildren:(s=i?.allowForAnyChildren)!=null?s:!1})},Ey=({children:u,MenuItemsComponent:i,MenuActionComponent:s,MenuLinkComponent:r,UserProfileLinkComponent:o,UserProfilePageComponent:c,reorderItemsLabels:h,allowForAnyChildren:m=!1})=>{const b=[],p=[],v=[];L.Children.forEach(u,E=>{if(!St(E,i)&&!St(E,o)&&!St(E,c)){E&&!m&&Ct(fy);return}if(St(E,o)||St(E,c))return;const{props:k}=E;L.Children.forEach(k.children,B=>{if(!St(B,s)&&!St(B,r)){B&&Ct(hy);return}const{props:P}=B,{label:z,labelIcon:K,href:Y,onClick:Z,open:W}=P;if(St(B,s))if(B2(P,h))b.push({label:z});else if(h6(P)){const I={label:z,labelIcon:K};if(Z!==void 0)b.push({...I,onClick:Z});else if(W!==void 0)b.push({...I,open:W.startsWith("/")?W:`/${W}`});else{Ct("Custom menu item must have either onClick or open property");return}}else{Ct(vy);return}if(St(B,r))if(m6(P))b.push({label:z,labelIcon:K,href:Y});else{Ct(by);return}})});const _=[],w=[];b.forEach((E,k)=>{h6(E)&&_.push({component:E.labelIcon,id:k}),m6(E)&&w.push({component:E.labelIcon,id:k})});const C=yr(_),N=yr(w);return b.forEach((E,k)=>{if(B2(E,h)&&p.push({label:E.label}),h6(E)){const{portal:B,mount:P,unmount:z}=C.find(Y=>Y.id===k),K={label:E.label,mountIcon:P,unmountIcon:z};"onClick"in E?K.onClick=E.onClick:"open"in E&&(K.open=E.open),p.push(K),v.push(B)}if(m6(E)){const{portal:B,mount:P,unmount:z}=N.find(K=>K.id===k);p.push({label:E.label,href:E.href,mountIcon:P,unmountIcon:z}),v.push(B)}}),{customMenuItems:p,customMenuItemsPortals:v}},B2=(u,i)=>{const{children:s,label:r,onClick:o,labelIcon:c}=u;return!s&&!o&&!c&&i.some(h=>h===r)},h6=u=>{const{label:i,labelIcon:s,onClick:r,open:o}=u;return!!s&&!!i&&(typeof r=="function"||typeof o=="string")},m6=u=>{const{label:i,href:s,labelIcon:r}=u;return!!s&&!!r&&!!i},Cy=u=>{const i=u?.isReady;return s=>new Promise((r,o)=>{const{root:c=document?.body,selector:h,timeout:m=0}=s;if(!c){o(new Error("No root element provided"));return}let b=c;if(h&&(b=c?.querySelector(h)),i(b,h)){r();return}const p=new MutationObserver(v=>{for(const _ of v)if(!b&&h&&(b=c?.querySelector(h)),(u.childList&&_.type==="childList"||u.attributes&&_.type==="attributes")&&i(b,h)){p.disconnect(),r();return}});p.observe(c,u),m>0&&setTimeout(()=>{p.disconnect(),o(new Error(`Timeout waiting for ${h}`))},m)})},Ty=Cy({childList:!0,subtree:!0,isReady:(u,i)=>{var s;return!!u?.childElementCount&&((s=u?.matches)==null?void 0:s.call(u,i))&&u.childElementCount>0}});function mt(u,i){const s=A.useRef(),[r,o]=A.useState("rendering");return A.useEffect(()=>{if(!u)throw new Error("Clerk: no component name provided, unable to detect mount.");if(typeof window<"u"&&!s.current){const c=`[data-clerk-component="${u}"]`,h=i?.selector;s.current=Ty({selector:h?c+h:c}).then(()=>{o("rendered")}).catch(()=>{o("error")})}},[u,i?.selector]),r}var Ks=u=>"mount"in u,H2=u=>"open"in u,q2=u=>u?.map(({mountIcon:i,unmountIcon:s,...r})=>r),at=class extends L.PureComponent{constructor(){super(...arguments),this.rootRef=L.createRef()}componentDidUpdate(u){var i,s,r,o;if(!Ks(u)||!Ks(this.props))return;const c=z2(u.props,"customPages","customMenuItems","children"),h=z2(this.props.props,"customPages","customMenuItems","children"),m=((i=c.customPages)==null?void 0:i.length)!==((s=h.customPages)==null?void 0:s.length),b=((r=c.customMenuItems)==null?void 0:r.length)!==((o=h.customMenuItems)==null?void 0:o.length),p=q2(u.props.customMenuItems),v=q2(this.props.props.customMenuItems);(!R2(c,h)||!R2(p,v)||m||b)&&this.rootRef.current&&this.props.updateProps({node:this.rootRef.current,props:this.props.props})}componentDidMount(){this.rootRef.current&&(Ks(this.props)&&this.props.mount(this.rootRef.current,this.props.props),H2(this.props)&&this.props.open(this.props.props))}componentWillUnmount(){this.rootRef.current&&(Ks(this.props)&&this.props.unmount(this.rootRef.current),H2(this.props)&&this.props.close())}render(){const{hideRootHtmlElement:u=!1}=this.props,i={ref:this.rootRef,...this.props.rootProps,...this.props.component&&{"data-clerk-component":this.props.component}};return L.createElement(L.Fragment,null,!u&&L.createElement("div",{...i}),this.props.children)}},Fe=(u,i)=>{const r=(typeof i=="string"?i:i?.component)||u.displayName||u.name||"Component";u.displayName=r;const o=typeof i=="string"?void 0:i,c=h=>{J6(r||"withClerk");const m=lm(),b=Wv();return!m.loaded&&!o?.renderWhileLoading?null:L.createElement(u,{getContainer:b,...h,component:r,clerk:m})};return c.displayName=`withClerk(${r})`,c},Co=u=>{var i,s;return L.createElement(L.Fragment,null,(i=u?.customPagesPortals)==null?void 0:i.map((r,o)=>A.createElement(r,{key:o})),(s=u?.customMenuItemsPortals)==null?void 0:s.map((r,o)=>A.createElement(r,{key:o})))},ky=Fe(({clerk:u,component:i,fallback:s,...r})=>{const c=mt(i)==="rendering"||!u.loaded,h={...c&&s&&{style:{display:"none"}}};return L.createElement(L.Fragment,null,c&&s,u.loaded&&L.createElement(at,{component:i,mount:u.mountSignIn,unmount:u.unmountSignIn,updateProps:u.__internal_updateProps,props:r,rootProps:h}))},{component:"SignIn",renderWhileLoading:!0}),Dy=Fe(({clerk:u,component:i,fallback:s,...r})=>{const c=mt(i)==="rendering"||!u.loaded,h={...c&&s&&{style:{display:"none"}}};return L.createElement(L.Fragment,null,c&&s,u.loaded&&L.createElement(at,{component:i,mount:u.mountSignUp,unmount:u.unmountSignUp,updateProps:u.__internal_updateProps,props:r,rootProps:h}))},{component:"SignUp",renderWhileLoading:!0});function Er({children:u}){return Ct(ay),L.createElement(L.Fragment,null,u)}function Cr({children:u}){return Ct(ry),L.createElement(L.Fragment,null,u)}var Oy=Fe(({clerk:u,component:i,fallback:s,...r})=>{const c=mt(i)==="rendering"||!u.loaded,h={...c&&s&&{style:{display:"none"}}},{customPages:m,customPagesPortals:b}=dm(r.children);return L.createElement(L.Fragment,null,c&&s,L.createElement(at,{component:i,mount:u.mountUserProfile,unmount:u.unmountUserProfile,updateProps:u.__internal_updateProps,props:{...r,customPages:m},rootProps:h},L.createElement(Co,{customPagesPortals:b})))},{component:"UserProfile",renderWhileLoading:!0});Object.assign(Oy,{Page:Er,Link:Cr});var pm=A.createContext({mount:()=>{},unmount:()=>{},updateProps:()=>{}}),jy=Fe(({clerk:u,component:i,fallback:s,...r})=>{const c=mt(i)==="rendering"||!u.loaded,h={...c&&s&&{style:{display:"none"}}},{customPages:m,customPagesPortals:b}=dm(r.children,{allowForAnyChildren:!!r.__experimental_asProvider}),p={...r.userProfileProps,customPages:m},{customMenuItems:v,customMenuItemsPortals:_}=Sy(r.children,{allowForAnyChildren:!!r.__experimental_asProvider}),w=hm(r.children),C={mount:u.mountUserButton,unmount:u.unmountUserButton,updateProps:u.__internal_updateProps,props:{...r,userProfileProps:p,customMenuItems:v}},N={customPagesPortals:b,customMenuItemsPortals:_};return L.createElement(pm.Provider,{value:C},c&&s,u.loaded&&L.createElement(at,{component:i,...C,hideRootHtmlElement:!!r.__experimental_asProvider,rootProps:h},r.__experimental_asProvider?w:null,L.createElement(Co,{...N})))},{component:"UserButton",renderWhileLoading:!0});function To({children:u}){return Ct(my),L.createElement(L.Fragment,null,u)}function gm({children:u}){return Ct(py),L.createElement(L.Fragment,null,u)}function bm({children:u}){return Ct(gy),L.createElement(L.Fragment,null,u)}function Ny(u){const i=A.useContext(pm),s={...i,props:{...i.props,...u}};return L.createElement(at,{...s})}Object.assign(jy,{UserProfilePage:Er,UserProfileLink:Cr,MenuItems:To,Action:gm,Link:bm,__experimental_Outlet:Ny});function ko({children:u}){return Ct(sy),L.createElement(L.Fragment,null,u)}function Do({children:u}){return Ct(oy),L.createElement(L.Fragment,null,u)}var Ry=Fe(({clerk:u,component:i,fallback:s,...r})=>{const c=mt(i)==="rendering"||!u.loaded,h={...c&&s&&{style:{display:"none"}}},{customPages:m,customPagesPortals:b}=fm(r.children);return L.createElement(L.Fragment,null,c&&s,u.loaded&&L.createElement(at,{component:i,mount:u.mountOrganizationProfile,unmount:u.unmountOrganizationProfile,updateProps:u.__internal_updateProps,props:{...r,customPages:m},rootProps:h},L.createElement(Co,{customPagesPortals:b})))},{component:"OrganizationProfile",renderWhileLoading:!0});Object.assign(Ry,{Page:ko,Link:Do});Fe(({clerk:u,component:i,fallback:s,...r})=>{const c=mt(i)==="rendering"||!u.loaded,h={...c&&s&&{style:{display:"none"}}};return L.createElement(L.Fragment,null,c&&s,u.loaded&&L.createElement(at,{component:i,mount:u.mountCreateOrganization,unmount:u.unmountCreateOrganization,updateProps:u.__internal_updateProps,props:r,rootProps:h}))},{component:"CreateOrganization",renderWhileLoading:!0});var vm=A.createContext({mount:()=>{},unmount:()=>{},updateProps:()=>{}}),My=Fe(({clerk:u,component:i,fallback:s,...r})=>{const c=mt(i)==="rendering"||!u.loaded,h={...c&&s&&{style:{display:"none"}}},{customPages:m,customPagesPortals:b}=fm(r.children,{allowForAnyChildren:!!r.__experimental_asProvider}),p={...r.organizationProfileProps,customPages:m},v=hm(r.children),_={mount:u.mountOrganizationSwitcher,unmount:u.unmountOrganizationSwitcher,updateProps:u.__internal_updateProps,props:{...r,organizationProfileProps:p},rootProps:h,component:i};return u.__experimental_prefetchOrganizationSwitcher(),L.createElement(vm.Provider,{value:_},L.createElement(L.Fragment,null,c&&s,u.loaded&&L.createElement(at,{..._,hideRootHtmlElement:!!r.__experimental_asProvider},r.__experimental_asProvider?v:null,L.createElement(Co,{customPagesPortals:b}))))},{component:"OrganizationSwitcher",renderWhileLoading:!0});function Py(u){const i=A.useContext(vm),s={...i,props:{...i.props,...u}};return L.createElement(at,{...s})}Object.assign(My,{OrganizationProfilePage:ko,OrganizationProfileLink:Do,__experimental_Outlet:Py});Fe(({clerk:u,component:i,fallback:s,...r})=>{const c=mt(i)==="rendering"||!u.loaded,h={...c&&s&&{style:{display:"none"}}};return L.createElement(L.Fragment,null,c&&s,u.loaded&&L.createElement(at,{component:i,mount:u.mountOrganizationList,unmount:u.unmountOrganizationList,updateProps:u.__internal_updateProps,props:r,rootProps:h}))},{component:"OrganizationList",renderWhileLoading:!0});Fe(({clerk:u,component:i,fallback:s,...r})=>{const c=mt(i)==="rendering"||!u.loaded,h={...c&&s&&{style:{display:"none"}}};return L.createElement(L.Fragment,null,c&&s,u.loaded&&L.createElement(at,{component:i,open:u.openGoogleOneTap,close:u.closeGoogleOneTap,updateProps:u.__internal_updateProps,props:r,rootProps:h}))},{component:"GoogleOneTap",renderWhileLoading:!0});Fe(({clerk:u,component:i,fallback:s,...r})=>{const c=mt(i)==="rendering"||!u.loaded,h={...c&&s&&{style:{display:"none"}}};return L.createElement(L.Fragment,null,c&&s,u.loaded&&L.createElement(at,{component:i,mount:u.mountWaitlist,unmount:u.unmountWaitlist,updateProps:u.__internal_updateProps,props:r,rootProps:h}))},{component:"Waitlist",renderWhileLoading:!0});Fe(({clerk:u,component:i,fallback:s,...r})=>{const c=mt(i,{selector:'[data-component-status="ready"]'})==="rendering"||!u.loaded,h={...c&&s&&{style:{display:"none"}}};return L.createElement(L.Fragment,null,c&&s,u.loaded&&L.createElement(at,{component:i,mount:u.mountPricingTable,unmount:u.unmountPricingTable,updateProps:u.__internal_updateProps,props:r,rootProps:h}))},{component:"PricingTable",renderWhileLoading:!0});Fe(({clerk:u,component:i,fallback:s,...r})=>{const c=mt(i)==="rendering"||!u.loaded,h={...c&&s&&{style:{display:"none"}}};return L.createElement(L.Fragment,null,c&&s,u.loaded&&L.createElement(at,{component:i,mount:u.mountAPIKeys,unmount:u.unmountAPIKeys,updateProps:u.__internal_updateProps,props:r,rootProps:h}))},{component:"ApiKeys",renderWhileLoading:!0});Fe(({clerk:u,component:i,fallback:s,...r})=>{const c=mt(i)==="rendering"||!u.loaded,h={...c&&s&&{style:{display:"none"}}};return L.createElement(L.Fragment,null,c&&s,u.loaded&&L.createElement(at,{component:i,mount:u.__internal_mountOAuthConsent,unmount:u.__internal_unmountOAuthConsent,updateProps:u.__internal_updateProps,props:r,rootProps:h}))},{component:"OAuthConsent",renderWhileLoading:!0});Fe(({clerk:u,component:i,fallback:s,...r})=>{const c=mt(i)==="rendering"||!u.loaded,h={...c&&s&&{style:{display:"none"}}};return L.createElement(L.Fragment,null,c&&s,u.loaded&&L.createElement(at,{component:i,mount:u.mountUserAvatar,unmount:u.unmountUserAvatar,updateProps:u.__internal_updateProps,props:r,rootProps:h}))},{component:"UserAvatar",renderWhileLoading:!0});Fe(({clerk:u,component:i,fallback:s,...r})=>{const c=mt(i)==="rendering"||!u.loaded,h={...c&&s&&{style:{display:"none"}}};return L.createElement(L.Fragment,null,c&&s,u.loaded&&L.createElement(at,{component:i,mount:u.mountTaskChooseOrganization,unmount:u.unmountTaskChooseOrganization,updateProps:u.__internal_updateProps,props:r,rootProps:h}))},{component:"TaskChooseOrganization",renderWhileLoading:!0});Fe(({clerk:u,component:i,fallback:s,...r})=>{const c=mt(i)==="rendering"||!u.loaded,h={...c&&s&&{style:{display:"none"}}};return L.createElement(L.Fragment,null,c&&s,u.loaded&&L.createElement(at,{component:i,mount:u.mountTaskResetPassword,unmount:u.unmountTaskResetPassword,updateProps:u.__internal_updateProps,props:r,rootProps:h}))},{component:"TaskResetPassword",renderWhileLoading:!0});Fe(({clerk:u,component:i,fallback:s,...r})=>{const c=mt(i)==="rendering"||!u.loaded,h={...c&&s&&{style:{display:"none"}}};return L.createElement(L.Fragment,null,c&&s,u.loaded&&L.createElement(at,{component:i,mount:u.mountTaskSetupMFA,unmount:u.unmountTaskSetupMFA,updateProps:u.__internal_updateProps,props:r,rootProps:h}))},{component:"TaskSetupMFA",renderWhileLoading:!0});var Uy={actor:void 0,factorVerificationAge:null,orgId:void 0,orgPermissions:void 0,orgRole:void 0,orgSlug:void 0,sessionClaims:void 0,sessionId:void 0,sessionStatus:void 0,userId:void 0};function zy(){const u=Sr(),i=im(),s=A.useCallback(()=>i,[i]),r=A.useSyncExternalStore(A.useCallback(c=>u.addListener(c,{skipInitialEmit:!0}),[u]),A.useCallback(()=>!u.loaded||!u.__internal_lastEmittedResources?s():u.__internal_lastEmittedResources,[u,s]),s);return A.useMemo(()=>{if(!r)return Uy;const c=Ly(r)?D2(!1,{},r):D2(!0,r,void 0);return Fy(c)},[r])}function Fy(u){return{sessionId:u.sessionId,sessionStatus:u.sessionStatus,sessionClaims:u.sessionClaims,userId:u.userId,actor:u.actor,orgId:u.orgId,orgRole:u.orgRole,orgSlug:u.orgSlug,orgPermissions:u.orgPermissions,factorVerificationAge:u.factorVerificationAge}}function Ly(u){return!("client"in u)}var ym=u=>new Promise(i=>{const s=r=>{["ready","degraded"].includes(r)&&(i(),u.off("status",s))};u.on("status",s,{notify:!0})}),By=u=>async i=>{if(!_r())throw new Z6("useAuth().getToken() can only be used in browser environments. To access auth data server-side, see the Auth object reference doc: https://clerk.com/docs/reference/backend/types/auth-object",{code:"clerk_runtime_not_browser"});return await ym(u),u.session?u.session.getToken(i):null},Hy=u=>async(...i)=>(await ym(u),u.signOut(...i)),Am=(u={})=>{var i;J6("useAuth");const{treatPendingAsSignedOut:s}=u??{},r=zy(),o=lm(),c=A.useCallback(By(o),[o]),h=A.useCallback(Hy(o),[o]);return(i=o.telemetry)==null||i.record(um("useAuth",{treatPendingAsSignedOut:s})),qy({...r,getToken:c,signOut:h},{treatPendingAsSignedOut:s})};function qy(u,{treatPendingAsSignedOut:i=!0}={}){const{userId:s,orgId:r,orgRole:o,has:c,signOut:h,getToken:m,orgPermissions:b,factorVerificationAge:p,sessionClaims:v}=u??{},_=A.useCallback(C=>c?c(C):Cv({userId:s,orgId:r,orgRole:o,orgPermissions:b,factorVerificationAge:p,features:v?.fea||"",plans:v?.pla||""})(C),[c,s,r,o,b,p,v]),w=Tv({authObject:{...u,getToken:m,signOut:h,has:_},options:{treatPendingAsSignedOut:i}});return w||Ku.throw(iy)}var _m=u=>{throw TypeError(u)},ec=(u,i,s)=>i.has(u)||_m("Cannot "+s),je=(u,i,s)=>(ec(u,i,"read from private field"),s?s.call(u):i.get(u)),Sn=(u,i,s)=>i.has(u)?_m("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(u):i.set(u,s),Jn=(u,i,s,r)=>(ec(u,i,"write to private field"),i.set(u,s),s),p6=(u,i,s)=>(ec(u,i,"access private method"),s),Iy=[[18,0,-1,0],[19,0,0,3],[19,1,1,4],[19,2,2,3],[19,3,3,0]];const I2=new Set,Oo=(u,i,s)=>{const r=Jv()||ey(),o=u;I2.has(o)||r||(I2.add(o),console.warn(`Clerk - DEPRECATION WARNING: "${u}" is deprecated and will be removed in the next major release.
+${i}`))};function Yy(u){const i=u.match(/^(\d+)\.(\d+)\.(\d+)/);if(!i)return null;const[,s,r,o]=i;return{major:parseInt(s,10),minor:parseInt(r,10),patch:parseInt(o,10)}}function Vy(u,i){const{major:s,minor:r,patch:o}=u;return i.some(([c,h,m,b])=>s!==c?!1:m===-1?r>h||r===h&&o>=b:r===m&&o>=b)}function Gy(u,i){const s=Yy(u);return s?Vy(s,i):!1}const Y2=(u,i,s,r,o)=>{const{notify:c}=o||{};let h=u.get(s);h||(h=[],u.set(s,h)),h.push(r),c&&i.has(s)&&r(i.get(s))},V2=(u,i,s)=>(u.get(i)||[]).map(r=>r(s)),G2=(u,i,s)=>{const r=u.get(i);r&&(s?r.splice(r.indexOf(s)>>>0,1):u.set(i,[]))},Ky=()=>{const u=new Map,i=new Map,s=new Map;return{on:(...o)=>Y2(u,i,...o),prioritizedOn:(...o)=>Y2(s,i,...o),emit:(o,c)=>{i.set(o,c),V2(s,o,c),V2(u,o,c)},off:(...o)=>G2(u,...o),prioritizedOff:(...o)=>G2(s,...o),internal:{retrieveListeners:o=>u.get(o)||[]}}},$i={Status:"status"},Qy=()=>Ky(),Xy={initialDelay:125,maxDelayBetweenRetries:0,factor:2,shouldRetry:(u,i)=>i<5,retryImmediately:!1,jitter:!0},Wy=100,xm=async u=>new Promise(i=>setTimeout(i,u)),wm=(u,i)=>i?u*(1+Math.random()):u,Zy=u=>{let i=0;const s=()=>{const r=u.initialDelay,o=u.factor;let c=r*Math.pow(o,i);return c=wm(c,u.jitter),Math.min(u.maxDelayBetweenRetries||c,c)};return async()=>{await xm(s()),i++}},$y=async(u,i={})=>{let s=0;const{shouldRetry:r,initialDelay:o,maxDelayBetweenRetries:c,factor:h,retryImmediately:m,jitter:b,onBeforeRetry:p}={...Xy,...i},v=Zy({initialDelay:o,maxDelayBetweenRetries:c,factor:h,jitter:b});for(;;)try{return await u()}catch(_){if(s++,!r(_,s))throw _;p&&await p(s),m&&s===1?await xm(wm(Wy,b)):await v()}},Jy="loadScript cannot be called when document does not exist",eA="loadScript cannot be called without a src";async function Sm(u="",i){const{async:s,defer:r,beforeLoad:o,crossOrigin:c,nonce:h}=i||{};return $y(()=>new Promise((b,p)=>{u||p(new Error(eA)),(!document||!document.body)&&p(new Error(Jy));const v=document.createElement("script");c&&v.setAttribute("crossorigin",c),v.async=s||!1,v.defer=r||!1,v.addEventListener("load",()=>{v.remove(),b(v)}),v.addEventListener("error",_=>{v.remove(),p(_.error??new Error(`failed to load script: ${u}`))}),v.src=u,v.nonce=h,o?.(v),document.body.appendChild(v)}),{shouldRetry:(b,p)=>p<=5})}function tA(u){return u?uA(u)||Em(u):!0}function uA(u){return/^http(s)?:\/\//.test(u||"")}function Em(u){return u.startsWith("/")}function nA(u){return u?Em(u)?new URL(u,window.location.origin).toString():u:""}function iA(u){if(!u)return"";let i;if(u.match(/^(clerk\.)+\w*$/))i=/(clerk\.)*(?=clerk\.)/;else{if(u.match(/\.clerk.accounts/))return u;i=/^(clerk\.)*/gi}return`clerk.${u.replace(i,"")}`}const Cm=(u,i="6.7.5")=>{if(u)return u;const s=aA(i);return s?s==="snapshot"?i:s:rA(i)},aA=u=>u.trim().replace(/^v/,"").match(/-(.+?)(\.|$)/)?.[1],rA=u=>u.trim().replace(/^v/,"").split(".")[0],{isDevOrStagingUrl:sA}=hv(),tc=$h({packageName:"@clerk/shared"});function Tm(u){return typeof window>"u"||!window[u]?!1:!!window[u]}const g6=()=>Tm("Clerk"),b6=()=>Tm("__internal_ClerkUICtor");function km(u){if(typeof window>"u"||!window.performance)return!1;const i=performance.getEntriesByName(u,"resource");if(i.length===0)return!1;const s=i[i.length-1];return s.transferSize===0&&s.decodedBodySize===0&&(s.responseEnd===0||s.responseEnd>0&&s.responseStart>0||"responseStatus"in s&&(s.responseStatus>=400||s.responseStatus===0))}const oA=async u=>{const i=u?.scriptLoadTimeout??15e3,s=h=>new Z6("Failed to load Clerk JS"+(h?.message?`, ${h.message}`:""),{code:"failed_to_load_clerk_js",cause:h});if(g6())return null;if(!u?.publishableKey)return tc.throwMissingPublishableKeyError(),null;const r=cA(u),o=document.querySelector("script[data-clerk-js-script]");if(o)if(km(r))o.remove();else try{return await oo(i,g6,s(),o),null}catch{o.remove()}const c=oo(i,g6,s());return Sm(r,{async:!0,crossOrigin:"anonymous",nonce:u.nonce,beforeLoad:Om(Dm(u))}).catch(h=>{throw s(h)}),c},lA=async u=>{const i=u?.scriptLoadTimeout??15e3,s=h=>new Z6("Failed to load Clerk UI"+(h?.message?`, ${h.message}`:""),{code:"failed_to_load_clerk_ui",cause:h});if(b6())return null;if(!u?.publishableKey)return tc.throwMissingPublishableKeyError(),null;const r=dA(u),o=document.querySelector("script[data-clerk-ui-script]");if(o)if(km(r))o.remove();else try{return await oo(i,b6,s(),o),null}catch{o.remove()}const c=oo(i,b6,s());return Sm(r,{async:!0,crossOrigin:"anonymous",nonce:u.nonce,beforeLoad:Om(fA(u))}).catch(h=>{throw s(h)}),c},cA=u=>{const{__internal_clerkJSUrl:i,__internal_clerkJSVersion:s,proxyUrl:r,domain:o,publishableKey:c}=u;return i||`https://${jm({publishableKey:c,proxyUrl:r,domain:o})}/npm/@clerk/clerk-js@${Cm(s)}/dist/clerk.browser.js`},dA=u=>{const{__internal_clerkUIUrl:i,__internal_clerkUIVersion:s,proxyUrl:r,domain:o,publishableKey:c}=u;return i||`https://${jm({publishableKey:c,proxyUrl:r,domain:o})}/npm/@clerk/ui@${Cm(s,"1.6.4")}/dist/ui.browser.js`},Dm=u=>{const i={};return u.publishableKey&&(i["data-clerk-publishable-key"]=u.publishableKey),u.proxyUrl&&(i["data-clerk-proxy-url"]=u.proxyUrl),u.domain&&(i["data-clerk-domain"]=u.domain),u.nonce&&(i.nonce=u.nonce),i},fA=u=>Dm(u),Om=u=>i=>{for(const s in u)i.setAttribute(s,u[s])},jm=u=>{const{proxyUrl:i,domain:s,publishableKey:r}=u;return i&&tA(i)?nA(i).replace(/http(s)?:\/\//,""):s&&!sA(w2(r)?.frontendApi||"")?iA(s):w2(r)?.frontendApi||""};function oo(u,i,s,r){return new Promise((o,c)=>{let h=!1;const m=(w,C)=>{clearTimeout(w),clearInterval(C)};r?.addEventListener("error",()=>{m(v,_),c(s)});const b=()=>{h||i()&&(h=!0,m(v,_),o(null))},v=setTimeout(()=>{h||(h=!0,m(v,_),i()?o(null):c(s))},u);b();const _=setInterval(()=>{if(h){clearInterval(_);return}b()},100)})}function hA(u){tc.setPackageName({packageName:u})}var na=({children:u,fallback:i,treatPendingAsSignedOut:s,when:r})=>{J6("Show");const{has:o,isLoaded:c,userId:h}=Am({treatPendingAsSignedOut:s});if(!c)return null;const m=r,b=u,p=i??null;return m==="signed-out"?h?p:b:h&&(m==="signed-in"||mA(m,o))?b:p};function mA(u,i){return typeof u=="function"?u(i):i(u)}Fe(({clerk:u,...i})=>{var s,r;const{client:o,session:c}=u,h=((r=(s=o.signedInSessions)==null?void 0:s.length)!=null?r:0)>0;return L.useEffect(()=>{c===null&&h?u.redirectToAfterSignOut():u.redirectToSignIn(i)},[]),null},"RedirectToSignIn");Fe(({clerk:u,...i})=>(L.useEffect(()=>{u.redirectToSignUp(i)},[]),null),"RedirectToSignUp");Fe(({clerk:u,...i})=>(L.useEffect(()=>{u.redirectToTasks(i)},[]),null),"RedirectToTasks");Fe(({clerk:u})=>(L.useEffect(()=>{Oo("RedirectToUserProfile","Use the `redirectToUserProfile()` method instead."),u.redirectToUserProfile()},[]),null),"RedirectToUserProfile");Fe(({clerk:u})=>(L.useEffect(()=>{Oo("RedirectToOrganizationProfile","Use the `redirectToOrganizationProfile()` method instead."),u.redirectToOrganizationProfile()},[]),null),"RedirectToOrganizationProfile");Fe(({clerk:u})=>(L.useEffect(()=>{Oo("RedirectToCreateOrganization","Use the `redirectToCreateOrganization()` method instead."),u.redirectToCreateOrganization()},[]),null),"RedirectToCreateOrganization");Fe(({clerk:u,...i})=>(L.useEffect(()=>{u.handleRedirectCallback(i)},[]),null),"AuthenticateWithRedirectCallback");function pA(){try{return Gy(L.version,Iy)}catch{return!1}}var gA=pA(),bA=()=>({fields:{identifier:null,password:null,code:null},raw:null,global:null}),vA=()=>({fields:{firstName:null,lastName:null,emailAddress:null,phoneNumber:null,password:null,username:null,code:null,captcha:null,legalAccepted:null},raw:null,global:null}),yA=()=>({fields:{emailAddress:null},raw:null,global:null}),K2=()=>({pathRoot:"",attempts:null,error:null,expireAt:null,externalVerificationRedirectURL:null,nonce:null,message:null,status:null,strategy:null,verifiedAtClient:null,verifiedFromTheSameClient(){return!1},reload(){throw new Error("reload() called before Clerk is loaded")},__internal_toSnapshot(){return{object:"verification",id:"",attempts:null,error:{code:"",message:""},expire_at:null,externalVerificationRedirectURL:null,nonce:null,message:null,status:null,strategy:null,verified_at_client:null}}}),Qs=()=>({...K2(),supportedStrategies:[],nextAction:"",reload(){throw new Error("reload() called before Clerk is loaded")},__internal_toSnapshot(){return{...K2().__internal_toSnapshot(),next_action:this.nextAction,supported_strategies:this.supportedStrategies}}}),AA=class{constructor(u){this.isomorphicClerk=u,this.signInSignalProxy=this.buildSignInProxy(),this.signUpSignalProxy=this.buildSignUpProxy(),this.waitlistSignalProxy=this.buildWaitlistProxy()}signInSignal(){return this.signInSignalProxy}signUpSignal(){return this.signUpSignalProxy}waitlistSignal(){return this.waitlistSignalProxy}get __internal_waitlist(){return this.state.__internal_waitlist}checkoutSignal(u){return this.buildCheckoutProxy(u)}buildSignInProxy(){const u=this.gateProperty.bind(this),i=()=>this.client.signIn.__internal_future;return{errors:bA(),fetchStatus:"idle",signIn:{status:"needs_identifier",availableStrategies:[],get isTransferable(){return u(i,"isTransferable",!1)},get id(){return u(i,"id",void 0)},get supportedFirstFactors(){return u(i,"supportedFirstFactors",[])},get supportedSecondFactors(){return u(i,"supportedSecondFactors",[])},get secondFactorVerification(){return u(i,"secondFactorVerification",{status:null,error:null,expireAt:null,externalVerificationRedirectURL:null,nonce:null,attempts:null,message:null,strategy:null,verifiedAtClient:null,verifiedFromTheSameClient:()=>!1,__internal_toSnapshot:()=>{throw new Error("__internal_toSnapshot called before Clerk is loaded")},pathRoot:"",reload:()=>{throw new Error("__internal_toSnapshot called before Clerk is loaded")}})},get identifier(){return u(i,"identifier",null)},get createdSessionId(){return u(i,"createdSessionId",null)},get userData(){return u(i,"userData",{})},get firstFactorVerification(){return u(i,"firstFactorVerification",{status:null,error:null,expireAt:null,externalVerificationRedirectURL:null,nonce:null,attempts:null,message:null,strategy:null,verifiedAtClient:null,verifiedFromTheSameClient:()=>!1,__internal_toSnapshot:()=>{throw new Error("__internal_toSnapshot called before Clerk is loaded")},pathRoot:"",reload:()=>{throw new Error("__internal_toSnapshot called before Clerk is loaded")}})},get canBeDiscarded(){return u(i,"canBeDiscarded",!1)},create:this.gateMethod(i,"create"),password:this.gateMethod(i,"password"),sso:this.gateMethod(i,"sso"),finalize:this.gateMethod(i,"finalize"),reset:this.gateMethod(i,"reset"),emailCode:this.wrapMethods(()=>i().emailCode,["sendCode","verifyCode"]),emailLink:this.wrapStruct(()=>i().emailLink,["sendLink","waitForVerification"],["verification"],{verification:null}),resetPasswordEmailCode:this.wrapMethods(()=>i().resetPasswordEmailCode,["sendCode","verifyCode","submitPassword"]),resetPasswordPhoneCode:this.wrapMethods(()=>i().resetPasswordPhoneCode,["sendCode","verifyCode","submitPassword"]),phoneCode:this.wrapMethods(()=>i().phoneCode,["sendCode","verifyCode"]),mfa:this.wrapMethods(()=>i().mfa,["sendPhoneCode","verifyPhoneCode","sendEmailCode","verifyEmailCode","verifyTOTP","verifyBackupCode"]),ticket:this.gateMethod(i,"ticket"),passkey:this.gateMethod(i,"passkey"),web3:this.gateMethod(i,"web3")}}}buildSignUpProxy(){const u=this.gateProperty.bind(this),i=this.gateMethod.bind(this),s=()=>this.client.signUp.__internal_future;return{errors:vA(),fetchStatus:"idle",signUp:{get id(){return u(s,"id",void 0)},get requiredFields(){return u(s,"requiredFields",[])},get optionalFields(){return u(s,"optionalFields",[])},get missingFields(){return u(s,"missingFields",[])},get username(){return u(s,"username",null)},get firstName(){return u(s,"firstName",null)},get lastName(){return u(s,"lastName",null)},get emailAddress(){return u(s,"emailAddress",null)},get phoneNumber(){return u(s,"phoneNumber",null)},get web3Wallet(){return u(s,"web3Wallet",null)},get hasPassword(){return u(s,"hasPassword",!1)},get unsafeMetadata(){return u(s,"unsafeMetadata",{})},get createdSessionId(){return u(s,"createdSessionId",null)},get createdUserId(){return u(s,"createdUserId",null)},get abandonAt(){return u(s,"abandonAt",null)},get legalAcceptedAt(){return u(s,"legalAcceptedAt",null)},get locale(){return u(s,"locale",null)},get status(){return u(s,"status","missing_requirements")},get unverifiedFields(){return u(s,"unverifiedFields",[])},get isTransferable(){return u(s,"isTransferable",!1)},get canBeDiscarded(){return u(s,"canBeDiscarded",!1)},create:i(s,"create"),update:i(s,"update"),sso:i(s,"sso"),password:i(s,"password"),ticket:i(s,"ticket"),web3:i(s,"web3"),finalize:i(s,"finalize"),reset:i(s,"reset"),verifications:this.wrapStruct(()=>s().verifications,["sendEmailCode","verifyEmailCode","sendEmailLink","waitForEmailLinkVerification","sendPhoneCode","verifyPhoneCode"],["emailAddress","phoneNumber","web3Wallet","externalAccount","emailLinkVerification"],{emailAddress:Qs(),phoneNumber:Qs(),web3Wallet:Qs(),externalAccount:Qs(),emailLinkVerification:null})}}}buildWaitlistProxy(){const u=this.gateProperty.bind(this),i=this.gateMethod.bind(this),s=()=>this.state.__internal_waitlist;return{errors:yA(),fetchStatus:"idle",waitlist:{pathRoot:"/waitlist",get id(){return u(s,"id","")},get createdAt(){return u(s,"createdAt",null)},get updatedAt(){return u(s,"updatedAt",null)},join:i(s,"join"),reload:i(s,"reload")}}}buildCheckoutProxy(u){const i=this.gateProperty.bind(this),s=()=>this.checkout(u),r=()=>s().checkout;return{errors:{raw:null,global:null},fetchStatus:"idle",checkout:{get status(){return i(r,"status","needs_initialization")},get externalClientSecret(){return i(r,"externalClientSecret",null)},get externalGatewayId(){return i(r,"externalGatewayId",null)},get paymentMethod(){return i(r,"paymentMethod",null)},get plan(){return i(r,"plan",null)},get planPeriod(){return i(r,"planPeriod",null)},get totals(){return i(r,"totals",null)},get isImmediatePlanChange(){return i(r,"isImmediatePlanChange",!1)},get freeTrialEndsAt(){return i(r,"freeTrialEndsAt",null)},get payer(){return i(r,"payer",null)},get planPeriodStart(){return i(r,"planPeriodStart",null)},get needsPaymentMethod(){return i(r,"needsPaymentMethod",null)},start:this.gateMethod(r,"start"),confirm:this.gateMethod(r,"confirm"),finalize:this.gateMethod(r,"finalize")}}}__internal_effect(u){throw new Error("__internal_effect called before Clerk is loaded")}__internal_computed(u){throw new Error("__internal_computed called before Clerk is loaded")}get state(){const u=this.isomorphicClerk.__internal_state;if(!u)throw new Error("Clerk state not ready");return u}get client(){const u=this.isomorphicClerk.client;if(!u)throw new Error("Clerk client not ready");return u}get checkout(){const u=this.isomorphicClerk.__experimental_checkout;if(!u)throw new Error("Clerk checkout not ready");return u}gateProperty(u,i,s){return!_r()||!this.isomorphicClerk.loaded?s:u()[i]}gateMethod(u,i){return(async(...s)=>{if(!_r())return Ku.throw(`Attempted to call a method (${i}) that is not supported on the server.`);this.isomorphicClerk.loaded||await new Promise(o=>this.isomorphicClerk.addOnLoaded(o));const r=u();return r[i].apply(r,s)})}wrapMethods(u,i){return Object.fromEntries(i.map(s=>[s,this.gateMethod(u,s)]))}wrapStruct(u,i,s,r){const o={};for(const c of i)o[c]=this.gateMethod(u,c);for(const c of s)Object.defineProperty(o,c,{get:()=>this.gateProperty(u,c,r[c]),enumerable:!0});return o}};typeof globalThis.__BUILD_DISABLE_RHC__>"u"&&(globalThis.__BUILD_DISABLE_RHC__=!1);var _A={name:"@clerk/react",version:"6.4.3",environment:"production"},to,Ji,ea,du,ru,gr,En,br,uo,Nm=class Rm{constructor(i){Sn(this,br),this.clerkjs=null,this.preopenOneTap=null,this.preopenUserVerification=null,this.preopenEnableOrganizationsPrompt=null,this.preopenSignIn=null,this.preopenCheckout=null,this.preopenPlanDetails=null,this.preopenSubscriptionDetails=null,this.preopenSignUp=null,this.preopenUserProfile=null,this.preopenOrganizationProfile=null,this.preopenCreateOrganization=null,this.preOpenWaitlist=null,this.premountSignInNodes=new Map,this.premountSignUpNodes=new Map,this.premountUserAvatarNodes=new Map,this.premountUserProfileNodes=new Map,this.premountUserButtonNodes=new Map,this.premountOrganizationProfileNodes=new Map,this.premountCreateOrganizationNodes=new Map,this.premountOrganizationSwitcherNodes=new Map,this.premountOrganizationListNodes=new Map,this.premountMethodCalls=new Map,this.premountWaitlistNodes=new Map,this.premountPricingTableNodes=new Map,this.premountAPIKeysNodes=new Map,this.premountOAuthConsentNodes=new Map,this.premountTaskChooseOrganizationNodes=new Map,this.premountTaskResetPasswordNodes=new Map,this.premountTaskSetupMFANodes=new Map,this.premountAddListenerCalls=new Map,this.loadedListeners=[],Sn(this,to,"loading"),Sn(this,Ji),Sn(this,ea),Sn(this,du),Sn(this,ru,Qy()),Sn(this,gr),this.buildSignInUrl=r=>{const o=()=>{var c;return((c=this.clerkjs)==null?void 0:c.buildSignInUrl(r))||""};if(this.clerkjs&&this.loaded)return o();this.premountMethodCalls.set("buildSignInUrl",o)},this.buildSignUpUrl=r=>{const o=()=>{var c;return((c=this.clerkjs)==null?void 0:c.buildSignUpUrl(r))||""};if(this.clerkjs&&this.loaded)return o();this.premountMethodCalls.set("buildSignUpUrl",o)},this.buildAfterSignInUrl=(...r)=>{const o=()=>{var c;return((c=this.clerkjs)==null?void 0:c.buildAfterSignInUrl(...r))||""};if(this.clerkjs&&this.loaded)return o();this.premountMethodCalls.set("buildAfterSignInUrl",o)},this.buildAfterSignUpUrl=(...r)=>{const o=()=>{var c;return((c=this.clerkjs)==null?void 0:c.buildAfterSignUpUrl(...r))||""};if(this.clerkjs&&this.loaded)return o();this.premountMethodCalls.set("buildAfterSignUpUrl",o)},this.buildAfterSignOutUrl=()=>{const r=()=>{var o;return((o=this.clerkjs)==null?void 0:o.buildAfterSignOutUrl())||""};if(this.clerkjs&&this.loaded)return r();this.premountMethodCalls.set("buildAfterSignOutUrl",r)},this.buildNewSubscriptionRedirectUrl=()=>{const r=()=>{var o;return((o=this.clerkjs)==null?void 0:o.buildNewSubscriptionRedirectUrl())||""};if(this.clerkjs&&this.loaded)return r();this.premountMethodCalls.set("buildNewSubscriptionRedirectUrl",r)},this.buildAfterMultiSessionSingleSignOutUrl=()=>{const r=()=>{var o;return((o=this.clerkjs)==null?void 0:o.buildAfterMultiSessionSingleSignOutUrl())||""};if(this.clerkjs&&this.loaded)return r();this.premountMethodCalls.set("buildAfterMultiSessionSingleSignOutUrl",r)},this.buildUserProfileUrl=()=>{const r=()=>{var o;return((o=this.clerkjs)==null?void 0:o.buildUserProfileUrl())||""};if(this.clerkjs&&this.loaded)return r();this.premountMethodCalls.set("buildUserProfileUrl",r)},this.buildCreateOrganizationUrl=()=>{const r=()=>{var o;return((o=this.clerkjs)==null?void 0:o.buildCreateOrganizationUrl())||""};if(this.clerkjs&&this.loaded)return r();this.premountMethodCalls.set("buildCreateOrganizationUrl",r)},this.buildOrganizationProfileUrl=()=>{const r=()=>{var o;return((o=this.clerkjs)==null?void 0:o.buildOrganizationProfileUrl())||""};if(this.clerkjs&&this.loaded)return r();this.premountMethodCalls.set("buildOrganizationProfileUrl",r)},this.buildWaitlistUrl=()=>{const r=()=>{var o;return((o=this.clerkjs)==null?void 0:o.buildWaitlistUrl())||""};if(this.clerkjs&&this.loaded)return r();this.premountMethodCalls.set("buildWaitlistUrl",r)},this.buildTasksUrl=()=>{const r=()=>{var o;return((o=this.clerkjs)==null?void 0:o.buildTasksUrl())||""};if(this.clerkjs&&this.loaded)return r();this.premountMethodCalls.set("buildTasksUrl",r)},this.buildUrlWithAuth=r=>{const o=()=>{var c;return((c=this.clerkjs)==null?void 0:c.buildUrlWithAuth(r))||""};if(this.clerkjs&&this.loaded)return o();this.premountMethodCalls.set("buildUrlWithAuth",o)},this.handleUnauthenticated=async()=>{const r=()=>{var o;return(o=this.clerkjs)==null?void 0:o.handleUnauthenticated()};this.clerkjs&&this.loaded?r():this.premountMethodCalls.set("handleUnauthenticated",r)},this.on=(...r)=>{var o;if((o=this.clerkjs)!=null&&o.on)return this.clerkjs.on(...r);je(this,ru).on(...r)},this.off=(...r)=>{var o;if((o=this.clerkjs)!=null&&o.off)return this.clerkjs.off(...r);je(this,ru).off(...r)},this.addOnLoaded=r=>{this.loadedListeners.push(r),this.loaded&&this.emitLoaded()},this.emitLoaded=()=>{this.loadedListeners.forEach(r=>r()),this.loadedListeners=[]},this.beforeLoad=r=>{if(!r)throw new Error("Failed to hydrate latest Clerk JS")},this.replayInterceptedInvocations=r=>{var o,c;if(!r)throw new Error("Failed to hydrate latest Clerk JS");return this.clerkjs=r,this.premountMethodCalls.forEach(h=>h()),this.premountAddListenerCalls.forEach((h,m)=>{h.handlers.nativeUnsubscribe=r.addListener(m,h.options)}),(o=je(this,ru).internal.retrieveListeners("status"))==null||o.forEach(h=>{this.on("status",h,{notify:!0})}),(c=je(this,ru).internal.retrieveListeners("queryClientStatus"))==null||c.forEach(h=>{this.on("queryClientStatus",h,{notify:!0})}),this.preopenSignIn!==null&&r.openSignIn(this.preopenSignIn),this.preopenCheckout!==null&&r.__internal_openCheckout(this.preopenCheckout),this.preopenPlanDetails!==null&&r.__internal_openPlanDetails(this.preopenPlanDetails),this.preopenSubscriptionDetails!==null&&r.__internal_openSubscriptionDetails(this.preopenSubscriptionDetails),this.preopenSignUp!==null&&r.openSignUp(this.preopenSignUp),this.preopenUserProfile!==null&&r.openUserProfile(this.preopenUserProfile),this.preopenUserVerification!==null&&r.__internal_openReverification(this.preopenUserVerification),this.preopenOneTap!==null&&r.openGoogleOneTap(this.preopenOneTap),this.preopenOrganizationProfile!==null&&r.openOrganizationProfile(this.preopenOrganizationProfile),this.preopenCreateOrganization!==null&&r.openCreateOrganization(this.preopenCreateOrganization),this.preOpenWaitlist!==null&&r.openWaitlist(this.preOpenWaitlist),this.preopenEnableOrganizationsPrompt&&r.__internal_openEnableOrganizationsPrompt(this.preopenEnableOrganizationsPrompt),this.premountSignInNodes.forEach((h,m)=>{r.mountSignIn(m,h)}),this.premountSignUpNodes.forEach((h,m)=>{r.mountSignUp(m,h)}),this.premountUserProfileNodes.forEach((h,m)=>{r.mountUserProfile(m,h)}),this.premountUserAvatarNodes.forEach((h,m)=>{r.mountUserAvatar(m,h)}),this.premountUserButtonNodes.forEach((h,m)=>{r.mountUserButton(m,h)}),this.premountOrganizationListNodes.forEach((h,m)=>{r.mountOrganizationList(m,h)}),this.premountWaitlistNodes.forEach((h,m)=>{r.mountWaitlist(m,h)}),this.premountPricingTableNodes.forEach((h,m)=>{r.mountPricingTable(m,h)}),this.premountAPIKeysNodes.forEach((h,m)=>{r.mountAPIKeys(m,h)}),this.premountOAuthConsentNodes.forEach((h,m)=>{r.__internal_mountOAuthConsent(m,h)}),this.premountTaskChooseOrganizationNodes.forEach((h,m)=>{r.mountTaskChooseOrganization(m,h)}),this.premountTaskResetPasswordNodes.forEach((h,m)=>{r.mountTaskResetPassword(m,h)}),this.premountTaskSetupMFANodes.forEach((h,m)=>{r.mountTaskSetupMFA(m,h)}),typeof this.clerkjs.status>"u"&&je(this,ru).emit($i.Status,"ready"),this.emitLoaded(),this.clerkjs},this.__experimental_checkout=(...r)=>this.loaded&&this.clerkjs?this.clerkjs.__experimental_checkout(...r):je(this,gr).checkoutSignal(...r),this.__internal_updateProps=async r=>{const o=await p6(this,br,uo).call(this);if(o&&"__internal_updateProps"in o)return o.__internal_updateProps(r)},this.setActive=r=>this.clerkjs?this.clerkjs.setActive(r):Promise.reject(),this.openSignIn=r=>{this.clerkjs&&this.loaded?this.clerkjs.openSignIn(r):this.preopenSignIn=r},this.closeSignIn=()=>{this.clerkjs&&this.loaded?this.clerkjs.closeSignIn():this.preopenSignIn=null},this.__internal_openCheckout=r=>{this.clerkjs&&this.loaded?this.clerkjs.__internal_openCheckout(r):this.preopenCheckout=r},this.__internal_closeCheckout=()=>{this.clerkjs&&this.loaded?this.clerkjs.__internal_closeCheckout():this.preopenCheckout=null},this.__internal_openPlanDetails=r=>{this.clerkjs&&this.loaded?this.clerkjs.__internal_openPlanDetails(r):this.preopenPlanDetails=r},this.__internal_closePlanDetails=()=>{this.clerkjs&&this.loaded?this.clerkjs.__internal_closePlanDetails():this.preopenPlanDetails=null},this.__internal_openSubscriptionDetails=r=>{this.clerkjs&&this.loaded?this.clerkjs.__internal_openSubscriptionDetails(r):this.preopenSubscriptionDetails=r??null},this.__internal_closeSubscriptionDetails=()=>{this.clerkjs&&this.loaded?this.clerkjs.__internal_closeSubscriptionDetails():this.preopenSubscriptionDetails=null},this.__internal_openReverification=r=>{this.clerkjs&&this.loaded?this.clerkjs.__internal_openReverification(r):this.preopenUserVerification=r},this.__internal_closeReverification=()=>{this.clerkjs&&this.loaded?this.clerkjs.__internal_closeReverification():this.preopenUserVerification=null},this.__internal_openEnableOrganizationsPrompt=r=>{this.clerkjs&&this.loaded?this.clerkjs.__internal_openEnableOrganizationsPrompt(r):this.preopenEnableOrganizationsPrompt=r},this.__internal_closeEnableOrganizationsPrompt=()=>{this.clerkjs&&this.loaded?this.clerkjs.__internal_closeEnableOrganizationsPrompt():this.preopenEnableOrganizationsPrompt=null},this.openGoogleOneTap=r=>{this.clerkjs&&this.loaded?this.clerkjs.openGoogleOneTap(r):this.preopenOneTap=r},this.closeGoogleOneTap=()=>{this.clerkjs&&this.loaded?this.clerkjs.closeGoogleOneTap():this.preopenOneTap=null},this.openUserProfile=r=>{this.clerkjs&&this.loaded?this.clerkjs.openUserProfile(r):this.preopenUserProfile=r},this.closeUserProfile=()=>{this.clerkjs&&this.loaded?this.clerkjs.closeUserProfile():this.preopenUserProfile=null},this.openOrganizationProfile=r=>{this.clerkjs&&this.loaded?this.clerkjs.openOrganizationProfile(r):this.preopenOrganizationProfile=r},this.closeOrganizationProfile=()=>{this.clerkjs&&this.loaded?this.clerkjs.closeOrganizationProfile():this.preopenOrganizationProfile=null},this.openCreateOrganization=r=>{this.clerkjs&&this.loaded?this.clerkjs.openCreateOrganization(r):this.preopenCreateOrganization=r},this.closeCreateOrganization=()=>{this.clerkjs&&this.loaded?this.clerkjs.closeCreateOrganization():this.preopenCreateOrganization=null},this.openWaitlist=r=>{this.clerkjs&&this.loaded?this.clerkjs.openWaitlist(r):this.preOpenWaitlist=r},this.closeWaitlist=()=>{this.clerkjs&&this.loaded?this.clerkjs.closeWaitlist():this.preOpenWaitlist=null},this.openSignUp=r=>{this.clerkjs&&this.loaded?this.clerkjs.openSignUp(r):this.preopenSignUp=r},this.closeSignUp=()=>{this.clerkjs&&this.loaded?this.clerkjs.closeSignUp():this.preopenSignUp=null},this.mountSignIn=(r,o)=>{this.clerkjs&&this.loaded?this.clerkjs.mountSignIn(r,o):this.premountSignInNodes.set(r,o)},this.unmountSignIn=r=>{this.clerkjs&&this.loaded?this.clerkjs.unmountSignIn(r):this.premountSignInNodes.delete(r)},this.mountSignUp=(r,o)=>{this.clerkjs&&this.loaded?this.clerkjs.mountSignUp(r,o):this.premountSignUpNodes.set(r,o)},this.unmountSignUp=r=>{this.clerkjs&&this.loaded?this.clerkjs.unmountSignUp(r):this.premountSignUpNodes.delete(r)},this.mountUserAvatar=(r,o)=>{this.clerkjs&&this.loaded?this.clerkjs.mountUserAvatar(r,o):this.premountUserAvatarNodes.set(r,o)},this.unmountUserAvatar=r=>{this.clerkjs&&this.loaded?this.clerkjs.unmountUserAvatar(r):this.premountUserAvatarNodes.delete(r)},this.mountUserProfile=(r,o)=>{this.clerkjs&&this.loaded?this.clerkjs.mountUserProfile(r,o):this.premountUserProfileNodes.set(r,o)},this.unmountUserProfile=r=>{this.clerkjs&&this.loaded?this.clerkjs.unmountUserProfile(r):this.premountUserProfileNodes.delete(r)},this.mountOrganizationProfile=(r,o)=>{this.clerkjs&&this.loaded?this.clerkjs.mountOrganizationProfile(r,o):this.premountOrganizationProfileNodes.set(r,o)},this.unmountOrganizationProfile=r=>{this.clerkjs&&this.loaded?this.clerkjs.unmountOrganizationProfile(r):this.premountOrganizationProfileNodes.delete(r)},this.mountCreateOrganization=(r,o)=>{this.clerkjs&&this.loaded?this.clerkjs.mountCreateOrganization(r,o):this.premountCreateOrganizationNodes.set(r,o)},this.unmountCreateOrganization=r=>{this.clerkjs&&this.loaded?this.clerkjs.unmountCreateOrganization(r):this.premountCreateOrganizationNodes.delete(r)},this.mountOrganizationSwitcher=(r,o)=>{this.clerkjs&&this.loaded?this.clerkjs.mountOrganizationSwitcher(r,o):this.premountOrganizationSwitcherNodes.set(r,o)},this.unmountOrganizationSwitcher=r=>{this.clerkjs&&this.loaded?this.clerkjs.unmountOrganizationSwitcher(r):this.premountOrganizationSwitcherNodes.delete(r)},this.__experimental_prefetchOrganizationSwitcher=()=>{const r=()=>{var o;return(o=this.clerkjs)==null?void 0:o.__experimental_prefetchOrganizationSwitcher()};this.clerkjs&&this.loaded?r():this.premountMethodCalls.set("__experimental_prefetchOrganizationSwitcher",r)},this.mountOrganizationList=(r,o)=>{this.clerkjs&&this.loaded?this.clerkjs.mountOrganizationList(r,o):this.premountOrganizationListNodes.set(r,o)},this.unmountOrganizationList=r=>{this.clerkjs&&this.loaded?this.clerkjs.unmountOrganizationList(r):this.premountOrganizationListNodes.delete(r)},this.mountUserButton=(r,o)=>{this.clerkjs&&this.loaded?this.clerkjs.mountUserButton(r,o):this.premountUserButtonNodes.set(r,o)},this.unmountUserButton=r=>{this.clerkjs&&this.loaded?this.clerkjs.unmountUserButton(r):this.premountUserButtonNodes.delete(r)},this.mountWaitlist=(r,o)=>{this.clerkjs&&this.loaded?this.clerkjs.mountWaitlist(r,o):this.premountWaitlistNodes.set(r,o)},this.unmountWaitlist=r=>{this.clerkjs&&this.loaded?this.clerkjs.unmountWaitlist(r):this.premountWaitlistNodes.delete(r)},this.mountPricingTable=(r,o)=>{this.clerkjs&&this.loaded?this.clerkjs.mountPricingTable(r,o):this.premountPricingTableNodes.set(r,o)},this.unmountPricingTable=r=>{this.clerkjs&&this.loaded?this.clerkjs.unmountPricingTable(r):this.premountPricingTableNodes.delete(r)},this.mountAPIKeys=(r,o)=>{this.clerkjs&&this.loaded?this.clerkjs.mountAPIKeys(r,o):this.premountAPIKeysNodes.set(r,o)},this.unmountAPIKeys=r=>{this.clerkjs&&this.loaded?this.clerkjs.unmountAPIKeys(r):this.premountAPIKeysNodes.delete(r)},this.__internal_mountOAuthConsent=(r,o)=>{this.clerkjs&&this.loaded?this.clerkjs.__internal_mountOAuthConsent(r,o):this.premountOAuthConsentNodes.set(r,o)},this.__internal_unmountOAuthConsent=r=>{this.clerkjs&&this.loaded?this.clerkjs.__internal_unmountOAuthConsent(r):this.premountOAuthConsentNodes.delete(r)},this.mountTaskChooseOrganization=(r,o)=>{this.clerkjs&&this.loaded?this.clerkjs.mountTaskChooseOrganization(r,o):this.premountTaskChooseOrganizationNodes.set(r,o)},this.unmountTaskChooseOrganization=r=>{this.clerkjs&&this.loaded?this.clerkjs.unmountTaskChooseOrganization(r):this.premountTaskChooseOrganizationNodes.delete(r)},this.mountTaskResetPassword=(r,o)=>{this.clerkjs&&this.loaded?this.clerkjs.mountTaskResetPassword(r,o):this.premountTaskResetPasswordNodes.set(r,o)},this.unmountTaskResetPassword=r=>{this.clerkjs&&this.loaded?this.clerkjs.unmountTaskResetPassword(r):this.premountTaskResetPasswordNodes.delete(r)},this.mountTaskSetupMFA=(r,o)=>{this.clerkjs&&this.loaded?this.clerkjs.mountTaskSetupMFA(r,o):this.premountTaskSetupMFANodes.set(r,o)},this.unmountTaskSetupMFA=r=>{this.clerkjs&&this.loaded?this.clerkjs.unmountTaskSetupMFA(r):this.premountTaskSetupMFANodes.delete(r)},this.addListener=(r,o)=>{if(this.clerkjs)return this.clerkjs.addListener(r,o);{const c=()=>{var h,m;const b=this.premountAddListenerCalls.get(r);b?.handlers&&((m=b==null?void 0:(h=b.handlers).nativeUnsubscribe)==null||m.call(h),this.premountAddListenerCalls.delete(r))};return this.premountAddListenerCalls.set(r,{options:o,handlers:{unsubscribe:c,nativeUnsubscribe:void 0}}),c}},this.navigate=r=>{const o=()=>{var c;return(c=this.clerkjs)==null?void 0:c.navigate(r)};this.clerkjs&&this.loaded?o():this.premountMethodCalls.set("navigate",o)},this.redirectWithAuth=async(...r)=>{const o=()=>{var c;return(c=this.clerkjs)==null?void 0:c.redirectWithAuth(...r)};if(this.clerkjs&&this.loaded)return o();this.premountMethodCalls.set("redirectWithAuth",o)},this.redirectToSignIn=async r=>{const o=()=>{var c;return(c=this.clerkjs)==null?void 0:c.redirectToSignIn(r)};if(this.clerkjs&&this.loaded)return o();this.premountMethodCalls.set("redirectToSignIn",o)},this.redirectToSignUp=async r=>{const o=()=>{var c;return(c=this.clerkjs)==null?void 0:c.redirectToSignUp(r)};if(this.clerkjs&&this.loaded)return o();this.premountMethodCalls.set("redirectToSignUp",o)},this.redirectToUserProfile=async()=>{const r=()=>{var o;return(o=this.clerkjs)==null?void 0:o.redirectToUserProfile()};if(this.clerkjs&&this.loaded)return r();this.premountMethodCalls.set("redirectToUserProfile",r)},this.redirectToAfterSignUp=()=>{const r=()=>{var o;return(o=this.clerkjs)==null?void 0:o.redirectToAfterSignUp()};if(this.clerkjs&&this.loaded)return r();this.premountMethodCalls.set("redirectToAfterSignUp",r)},this.redirectToAfterSignIn=()=>{const r=()=>{var o;return(o=this.clerkjs)==null?void 0:o.redirectToAfterSignIn()};this.clerkjs&&this.loaded?r():this.premountMethodCalls.set("redirectToAfterSignIn",r)},this.redirectToAfterSignOut=()=>{const r=()=>{var o;return(o=this.clerkjs)==null?void 0:o.redirectToAfterSignOut()};this.clerkjs&&this.loaded?r():this.premountMethodCalls.set("redirectToAfterSignOut",r)},this.redirectToOrganizationProfile=async()=>{const r=()=>{var o;return(o=this.clerkjs)==null?void 0:o.redirectToOrganizationProfile()};if(this.clerkjs&&this.loaded)return r();this.premountMethodCalls.set("redirectToOrganizationProfile",r)},this.redirectToCreateOrganization=async()=>{const r=()=>{var o;return(o=this.clerkjs)==null?void 0:o.redirectToCreateOrganization()};if(this.clerkjs&&this.loaded)return r();this.premountMethodCalls.set("redirectToCreateOrganization",r)},this.redirectToWaitlist=async()=>{const r=()=>{var o;return(o=this.clerkjs)==null?void 0:o.redirectToWaitlist()};if(this.clerkjs&&this.loaded)return r();this.premountMethodCalls.set("redirectToWaitlist",r)},this.redirectToTasks=async r=>{const o=()=>{var c;return(c=this.clerkjs)==null?void 0:c.redirectToTasks(r)};if(this.clerkjs&&this.loaded)return o();this.premountMethodCalls.set("redirectToTasks",o)},this.handleRedirectCallback=async r=>{var o;const c=()=>{var h;return(h=this.clerkjs)==null?void 0:h.handleRedirectCallback(r)};this.clerkjs&&this.loaded?(o=c())==null||o.catch(()=>{}):this.premountMethodCalls.set("handleRedirectCallback",c)},this.handleGoogleOneTapCallback=async(r,o)=>{var c;const h=()=>{var m;return(m=this.clerkjs)==null?void 0:m.handleGoogleOneTapCallback(r,o)};this.clerkjs&&this.loaded?(c=h())==null||c.catch(()=>{}):this.premountMethodCalls.set("handleGoogleOneTapCallback",h)},this.handleEmailLinkVerification=async r=>{const o=()=>{var c;return(c=this.clerkjs)==null?void 0:c.handleEmailLinkVerification(r)};if(this.clerkjs&&this.loaded)return o();this.premountMethodCalls.set("handleEmailLinkVerification",o)},this.authenticateWithMetamask=async r=>{const o=()=>{var c;return(c=this.clerkjs)==null?void 0:c.authenticateWithMetamask(r)};if(this.clerkjs&&this.loaded)return o();this.premountMethodCalls.set("authenticateWithMetamask",o)},this.authenticateWithCoinbaseWallet=async r=>{const o=()=>{var c;return(c=this.clerkjs)==null?void 0:c.authenticateWithCoinbaseWallet(r)};if(this.clerkjs&&this.loaded)return o();this.premountMethodCalls.set("authenticateWithCoinbaseWallet",o)},this.authenticateWithBase=async r=>{const o=()=>{var c;return(c=this.clerkjs)==null?void 0:c.authenticateWithBase(r)};if(this.clerkjs&&this.loaded)return o();this.premountMethodCalls.set("authenticateWithBase",o)},this.authenticateWithOKXWallet=async r=>{const o=()=>{var c;return(c=this.clerkjs)==null?void 0:c.authenticateWithOKXWallet(r)};if(this.clerkjs&&this.loaded)return o();this.premountMethodCalls.set("authenticateWithOKXWallet",o)},this.authenticateWithSolana=async r=>{const o=()=>{var c;return(c=this.clerkjs)==null?void 0:c.authenticateWithSolana(r)};if(this.clerkjs&&this.loaded)return o();this.premountMethodCalls.set("authenticateWithSolana",o)},this.authenticateWithWeb3=async r=>{const o=()=>{var c;return(c=this.clerkjs)==null?void 0:c.authenticateWithWeb3(r)};if(this.clerkjs&&this.loaded)return o();this.premountMethodCalls.set("authenticateWithWeb3",o)},this.authenticateWithGoogleOneTap=async r=>(await p6(this,br,uo).call(this)).authenticateWithGoogleOneTap(r),this.__internal_loadStripeJs=async()=>(await p6(this,br,uo).call(this)).__internal_loadStripeJs(),this.createOrganization=async r=>{const o=()=>{var c;return(c=this.clerkjs)==null?void 0:c.createOrganization(r)};if(this.clerkjs&&this.loaded)return o();this.premountMethodCalls.set("createOrganization",o)},this.getOrganization=async r=>{const o=()=>{var c;return(c=this.clerkjs)==null?void 0:c.getOrganization(r)};if(this.clerkjs&&this.loaded)return o();this.premountMethodCalls.set("getOrganization",o)},this.joinWaitlist=async r=>{const o=()=>{var c;return(c=this.clerkjs)==null?void 0:c.joinWaitlist(r)};if(this.clerkjs&&this.loaded)return o();this.premountMethodCalls.set("joinWaitlist",o)},this.signOut=async(...r)=>{const o=()=>{var c;return(c=this.clerkjs)==null?void 0:c.signOut(...r)};if(this.clerkjs&&this.loaded)return o();this.premountMethodCalls.set("signOut",o)},this.__internal_attemptToEnableEnvironmentSetting=r=>{const o=()=>{var c;return(c=this.clerkjs)==null?void 0:c.__internal_attemptToEnableEnvironmentSetting(r)};if(this.clerkjs&&this.loaded)return o();this.premountMethodCalls.set("__internal_attemptToEnableEnvironmentSetting",o)};var s;Jn(this,du,i?.publishableKey),Jn(this,ea,i?.proxyUrl),Jn(this,Ji,i?.domain),this.options=i,this.Clerk=i?.Clerk||null,this.mode=_r()?"browser":"server",Jn(this,gr,new AA(this)),this.options.sdkMetadata||(this.options.sdkMetadata=_A),je(this,ru).emit($i.Status,"loading"),je(this,ru).prioritizedOn($i.Status,r=>Jn(this,to,r)),je(this,du)&&((s=this.options.experimental)==null?void 0:s.runtimeEnvironment)==="headless"&&this.options.Clerk?this.loadHeadlessClerk():je(this,du)&&this.getEntryChunks()}get publishableKey(){return je(this,du)}get loaded(){var i;return((i=this.clerkjs)==null?void 0:i.loaded)||!1}get status(){var i;return this.clerkjs?((i=this.clerkjs)==null?void 0:i.status)||(this.clerkjs.loaded?"ready":"loading"):je(this,to)}static getOrCreateInstance(i){return(!_r()||!je(this,En)||i.Clerk&&je(this,En).Clerk!==i.Clerk||je(this,En).publishableKey!==i.publishableKey)&&Jn(this,En,new Rm(i)),je(this,En)}static clearInstance(){Jn(this,En,null)}get domain(){return typeof window<"u"&&window.location?s6(je(this,Ji),new URL(window.location.href),""):typeof je(this,Ji)=="function"?Ku.throw(c6):je(this,Ji)||""}get proxyUrl(){return typeof window<"u"&&window.location?s6(je(this,ea),new URL(window.location.href),""):typeof je(this,ea)=="function"?Ku.throw(c6):je(this,ea)||""}__internal_getOption(i){var s,r;return(s=this.clerkjs)!=null&&s.__internal_getOption?(r=this.clerkjs)==null?void 0:r.__internal_getOption(i):this.options[i]}loadHeadlessClerk(){const i=F2(this.options.Clerk)?new this.options.Clerk(je(this,du),{proxyUrl:this.proxyUrl,domain:this.domain}):this.options.Clerk;if(!i){je(this,ru).emit($i.Status,"error");return}const s=()=>{this.replayInterceptedInvocations(i)};i.loaded?s():i.load(this.options).then(()=>s()).catch(r=>{je(this,ru).emit($i.Status,"error"),this.emitLoaded()})}get sdkMetadata(){var i;return((i=this.clerkjs)==null?void 0:i.sdkMetadata)||this.options.sdkMetadata||void 0}get instanceType(){var i;return(i=this.clerkjs)==null?void 0:i.instanceType}get frontendApi(){var i;return((i=this.clerkjs)==null?void 0:i.frontendApi)||""}get isStandardBrowser(){var i;return((i=this.clerkjs)==null?void 0:i.isStandardBrowser)||this.options.standardBrowser||!1}get __internal_queryClient(){var i;return(i=this.clerkjs)==null?void 0:i.__internal_queryClient}get isSatellite(){return typeof window<"u"&&window.location?s6(this.options.isSatellite,new URL(window.location.href),!1):typeof this.options.isSatellite=="function"?Ku.throw(c6):!1}async getEntryChunks(){var i;if(!(this.mode!=="browser"||this.loaded)){typeof window<"u"&&(window.__clerk_publishable_key=je(this,du),window.__clerk_proxy_url=this.proxyUrl,window.__clerk_domain=this.domain);try{const s=await this.getClerkJsEntryChunk();if(!s.loaded){this.beforeLoad(s);const o=this.options.standardBrowser!==!1&&!this.options.Clerk||!!((i=this.options.ui)!=null&&i.ClerkUI)?await this.getClerkUIEntryChunk():void 0;await s.load({...this.options,ui:{...this.options.ui,ClerkUI:o}})}s.loaded&&this.replayInterceptedInvocations(s)}catch(s){const r=s;je(this,ru).emit($i.Status,"error"),console.error(r.stack||r.message||r);return}}}async getClerkJsEntryChunk(){if((!this.options.Clerk||this.options.__internal_clerkJSUrl)&&!__BUILD_DISABLE_RHC__&&await oA({...this.options,publishableKey:je(this,du),proxyUrl:this.proxyUrl,domain:this.domain,nonce:this.options.nonce}),this.options.Clerk&&!this.options.__internal_clerkJSUrl&&(global.Clerk=F2(this.options.Clerk)?new this.options.Clerk(je(this,du),{proxyUrl:this.proxyUrl,domain:this.domain}):this.options.Clerk),!global.Clerk)throw new Error("Failed to download latest ClerkJS. Contact support@clerk.com.");return global.Clerk}async getClerkUIEntryChunk(){const i=this.options.ui,s=!!this.options.__internal_clerkUIUrl;if(i?.ClerkUI&&!s)return i.ClerkUI;if(!((i||this.options.prefetchUI===!1)&&!s)){if(await lA({...this.options,publishableKey:je(this,du),proxyUrl:this.proxyUrl,domain:this.domain,nonce:this.options.nonce}),!global.__internal_ClerkUICtor)throw new Error("Failed to download latest Clerk UI. Contact support@clerk.com.");return global.__internal_ClerkUICtor}}get version(){var i;return(i=this.clerkjs)==null?void 0:i.version}get client(){if(this.clerkjs)return this.clerkjs.client}get session(){if(this.clerkjs)return this.clerkjs.session}get user(){if(this.clerkjs)return this.clerkjs.user}get organization(){if(this.clerkjs)return this.clerkjs.organization}get telemetry(){if(this.clerkjs)return this.clerkjs.telemetry}get __internal_environment(){if(this.clerkjs)return this.clerkjs.__internal_environment}get isSignedIn(){return this.clerkjs?this.clerkjs.isSignedIn:!1}get billing(){var i;return(i=this.clerkjs)==null?void 0:i.billing}get __internal_state(){return this.loaded&&this.clerkjs?this.clerkjs.__internal_state:je(this,gr)}get apiKeys(){var i;return(i=this.clerkjs)==null?void 0:i.apiKeys}get oauthApplication(){var i;return(i=this.clerkjs)==null?void 0:i.oauthApplication}__internal_setEnvironment(...i){if(this.clerkjs&&"__internal_setEnvironment"in this.clerkjs)this.clerkjs.__internal_setEnvironment(i);else return}get __internal_lastEmittedResources(){var i;return(i=this.clerkjs)==null?void 0:i.__internal_lastEmittedResources}};to=new WeakMap;Ji=new WeakMap;ea=new WeakMap;du=new WeakMap;ru=new WeakMap;gr=new WeakMap;En=new WeakMap;br=new WeakSet;uo=function(){return new Promise(u=>{this.addOnLoaded(()=>u(this.clerkjs))})};Sn(Nm,En);var Q2=Nm;function xA(u){const{initialState:i,children:s,...r}=u,o=_y(r),{isomorphicClerk:c,clerkStatus:h}=SA(o);return L.createElement(Iv,{initialState:i,clerk:c,clerkStatus:h},s)}var Mm=wy(xA,"ClerkProvider",uy);Mm.displayName="ClerkProvider";var wA=gA?"shared":"",SA=u=>{const i=L.useMemo(()=>({clerkUIVariant:wA,...u}),[u]),s=L.useRef(Q2.getOrCreateInstance(i)),[r,o]=L.useState(s.current.status);return L.useEffect(()=>{s.current.__internal_updateProps({appearance:u.appearance})},[u.appearance]),L.useEffect(()=>{s.current.__internal_updateProps({options:u})},[u.localization]),L.useEffect(()=>(s.current.on("status",o),()=>{s.current&&s.current.off("status",o),Q2.clearInstance()}),[]),{isomorphicClerk:s.current,clerkStatus:r}};typeof window<"u"&&!window.global&&(window.global=typeof global>"u"?window:global);var X2;if(globalThis.__clerkSharedModules){const u=(X2=globalThis.__clerkSharedModules.react)==null?void 0:X2.version;u&&u!==A.version&&console.warn(`[@clerk/ui/register] React version mismatch detected. Already registered: ${u}, current import: ${A.version}. This may cause issues with the shared @clerk/ui variant.`)}else globalThis.__clerkSharedModules={react:xo,"react-dom":ty,"react-dom/client":ov,"react/jsx-runtime":ev};Fe(({clerk:u,children:i,...s})=>{const{appearance:r,getContainer:o,component:c,signUpFallbackRedirectUrl:h,forceRedirectUrl:m,fallbackRedirectUrl:b,signUpForceRedirectUrl:p,mode:v,initialValues:_,withSignUp:w,oauthFlow:C,...N}=s;i=So(i,"Sign in");const E=wo(i)("SignInButton"),k=()=>{const z={forceRedirectUrl:m,fallbackRedirectUrl:b,signUpFallbackRedirectUrl:h,signUpForceRedirectUrl:p,initialValues:_,withSignUp:w,oauthFlow:C};return v==="modal"?u.openSignIn({...z,appearance:r,getContainer:o}):u.redirectToSignIn({...z,signInFallbackRedirectUrl:b,signInForceRedirectUrl:m})},P={...N,onClick:async z=>(E&&typeof E=="object"&&"props"in E&&await Eo(E.props.onClick)(z),k())};return L.cloneElement(E,P)},{component:"SignInButton",renderWhileLoading:!0});Fe(({clerk:u,children:i,...s})=>{const{redirectUrl:r,getContainer:o,component:c,...h}=s;i=So(i,"Sign in with Metamask");const m=wo(i)("SignInWithMetamaskButton"),b=async()=>{async function _(){await u.authenticateWithMetamask({redirectUrl:r||void 0})}_()},v={...h,onClick:async _=>(await Eo(m.props.onClick)(_),b())};return L.cloneElement(m,v)},{component:"SignInWithMetamask",renderWhileLoading:!0});Fe(({clerk:u,children:i,...s})=>{const{redirectUrl:r="/",sessionId:o,signOutOptions:c,getContainer:h,component:m,...b}=s;c&&Oo("SignOutButton `signOutOptions`","Use the `redirectUrl` and `sessionId` props directly instead."),i=So(i,"Sign out");const p=wo(i)("SignOutButton"),v=()=>u.signOut({redirectUrl:r,...o!==void 0&&{sessionId:o},...c}),w={...b,onClick:async C=>(await Eo(p.props.onClick)(C),v())};return L.cloneElement(p,w)},{component:"SignOutButton",renderWhileLoading:!0});Fe(({clerk:u,children:i,...s})=>{const{appearance:r,unsafeMetadata:o,getContainer:c,component:h,fallbackRedirectUrl:m,forceRedirectUrl:b,signInFallbackRedirectUrl:p,signInForceRedirectUrl:v,mode:_,initialValues:w,oauthFlow:C,...N}=s;i=So(i,"Sign up");const E=wo(i)("SignUpButton"),k=()=>{const z={fallbackRedirectUrl:m,forceRedirectUrl:b,signInFallbackRedirectUrl:p,signInForceRedirectUrl:v,initialValues:w,oauthFlow:C};return _==="modal"?u.openSignUp({...z,appearance:r,unsafeMetadata:o,getContainer:c}):u.redirectToSignUp({...z,signUpFallbackRedirectUrl:m,signUpForceRedirectUrl:b})},P={...N,onClick:async z=>(E&&typeof E=="object"&&"props"in E&&await Eo(E.props.onClick)(z),k())};return L.cloneElement(E,P)},{component:"SignUpButton",renderWhileLoading:!0});Zv({packageName:"@clerk/react"});hA("@clerk/react");var hr={locale:"ar-SA",apiKeys:{action__add:void 0,action__search:void 0,copySecret:{formButtonPrimary__copyAndClose:"نسخ وإغلاق",formHint:"لأسباب أمنية، لن نسمح لك بعرضه مرة أخرى لاحقاً.",formTitle:'انسخ مفتاح API الخاص بك "{{name}}" الآن'},createdAndExpirationStatus__expiresOn:void 0,createdAndExpirationStatus__never:void 0,detailsTitle__emptyRow:void 0,formButtonPrimary__add:void 0,formFieldCaption__expiration__expiresOn:void 0,formFieldCaption__expiration__never:void 0,formFieldOption__expiration__180d:void 0,formFieldOption__expiration__1d:void 0,formFieldOption__expiration__1y:void 0,formFieldOption__expiration__30d:void 0,formFieldOption__expiration__60d:void 0,formFieldOption__expiration__7d:void 0,formFieldOption__expiration__90d:void 0,formFieldOption__expiration__never:void 0,formHint:void 0,formTitle:void 0,lastUsed__days:void 0,lastUsed__hours:void 0,lastUsed__minutes:void 0,lastUsed__months:void 0,lastUsed__seconds:void 0,lastUsed__years:void 0,menuAction__revoke:void 0,revokeConfirmation:{confirmationText:void 0,formButtonPrimary__revoke:void 0,formHint:void 0,formTitle:void 0}},backButton:"الرجوع",badge__activePlan:void 0,badge__canceledEndsAt:void 0,badge__currentPlan:void 0,badge__default:"الأفتراضي",badge__endsAt:void 0,badge__expired:void 0,badge__freeTrial:void 0,badge__otherImpersonatorDevice:"جهاز منتحل آخر",badge__pastDueAt:void 0,badge__pastDuePlan:void 0,badge__primary:"الرئيسي",badge__renewsAt:void 0,badge__requiresAction:"الإجراء المطلوب",badge__startsAt:void 0,badge__thisDevice:"هذا الجهاز",badge__trialEndsAt:void 0,badge__unverified:"لم يتم التحقق منه",badge__upcomingPlan:void 0,badge__userDevice:"جهاز المستخدم",badge__you:"أنت",billing:{addPaymentMethod__label:void 0,alwaysFree:void 0,annually:void 0,availableFeatures:void 0,billedAnnually:void 0,billedMonthlyOnly:void 0,cancelFreeTrial:void 0,cancelFreeTrialAccessUntil:void 0,cancelFreeTrialTitle:void 0,cancelSubscription:void 0,cancelSubscriptionAccessUntil:void 0,cancelSubscriptionNoCharge:void 0,cancelSubscriptionPastDue:void 0,cancelSubscriptionTitle:void 0,cannotSubscribeMonthly:void 0,cannotSubscribeUnrecoverable:void 0,checkout:{description__paymentSuccessful:void 0,description__subscriptionSuccessful:void 0,downgradeNotice:void 0,emailForm:{subtitle:void 0,title:void 0},lineItems:{title__freeTrialEndsAt:void 0,title__paymentMethod:void 0,title__statementId:void 0,title__subscriptionBegins:void 0,title__totalPaid:void 0},pastDueNotice:void 0,perMonth:void 0,title:void 0,title__paymentSuccessful:void 0,title__subscriptionSuccessful:void 0,title__trialSuccess:void 0,totalDueAfterTrial:void 0},credit:void 0,creditRemainder:void 0,defaultFreePlanActive:void 0,free:void 0,getStarted:void 0,keepFreeTrial:void 0,keepSubscription:void 0,manage:void 0,manageSubscription:void 0,month:void 0,monthly:void 0,pastDue:void 0,pay:void 0,paymentMethod:{applePayDescription:{annual:void 0,monthly:void 0},dev:{anyNumbers:void 0,cardNumber:void 0,cvcZip:void 0,developmentMode:void 0,expirationDate:void 0,testCardInfo:void 0}},paymentMethods__label:void 0,popular:void 0,pricingTable:{billingCycle:void 0,included:void 0},reSubscribe:void 0,seeAllFeatures:void 0,startFreeTrial:void 0,startFreeTrial__days:void 0,subscribe:void 0,subscriptionDetails:{beginsOn:void 0,currentBillingCycle:void 0,endsOn:void 0,firstPaymentAmount:void 0,firstPaymentOn:void 0,nextPaymentAmount:void 0,nextPaymentOn:void 0,pastDueAt:void 0,renewsAt:void 0,subscribedOn:void 0,title:void 0,trialEndsOn:void 0,trialStartedOn:void 0},subtotal:void 0,switchPlan:void 0,switchToAnnual:void 0,switchToAnnualWithAnnualPrice:void 0,switchToMonthly:void 0,switchToMonthlyWithPrice:void 0,totalDue:void 0,totalDueToday:void 0,viewFeatures:void 0,viewPayment:void 0,year:void 0},createOrganization:{formButtonSubmit:"أنشاء منظمة",invitePage:{formButtonReset:"تخطي"},title:"أنشاء منظمة"},dates:{lastDay:"الأمس في {{ date | timeString('en-US') }}",next6Days:"{{ date | weekday('en-US','long') }} في {{ date | timeString('en-US') }}",nextDay:"غدا في {{ date | timeString('en-US') }}",numeric:"{{ date | numeric('en-US') }}",previous6Days:"أخر {{ date | weekday('en-US','long') }} في {{ date | timeString('en-US') }}",sameDay:"اليوم في {{ date | timeString('en-US') }}"},dividerText:"أو",footerActionLink__alternativePhoneCodeProvider:void 0,footerActionLink__useAnotherMethod:"أختر طريقة أخرى",footerPageLink__help:"المساعدة",footerPageLink__privacy:"الخصوصية",footerPageLink__terms:"الشروط",formButtonPrimary:"متابعة",formButtonPrimary__verify:"تحقق",formFieldAction__forgotPassword:"نسيت كلمة المرور؟",formFieldError__matchingPasswords:"كلمة المرور مطابقة",formFieldError__notMatchingPasswords:"كلمة المرور لا تتطابق",formFieldError__verificationLinkExpired:"صلاحية رمز التأكيد أنتهت. يرجى طلب رابط جديد",formFieldHintText__optional:"إختياري",formFieldHintText__slug:"(slug) هو معرف يمكن قراءته بواسطة الإنسان ويجب أن يكون فريدًا. غالبًا ما يتم استخدامه في الروابط الإلكترونية.",formFieldInputPlaceholder__apiKeyDescription:void 0,formFieldInputPlaceholder__apiKeyExpirationDate:void 0,formFieldInputPlaceholder__apiKeyName:void 0,formFieldInputPlaceholder__backupCode:void 0,formFieldInputPlaceholder__confirmDeletionUserAccount:"حذف الحساب",formFieldInputPlaceholder__emailAddress:void 0,formFieldInputPlaceholder__emailAddress_username:void 0,formFieldInputPlaceholder__emailAddresses:"أدخل أو لصق عنوان بريد إلكتروني واحد أو أكثر ، مفصولة بمسافات أو فواصل",formFieldInputPlaceholder__firstName:void 0,formFieldInputPlaceholder__lastName:void 0,formFieldInputPlaceholder__organizationDomain:void 0,formFieldInputPlaceholder__organizationDomainEmailAddress:void 0,formFieldInputPlaceholder__organizationName:void 0,formFieldInputPlaceholder__organizationSlug:void 0,formFieldInputPlaceholder__password:void 0,formFieldInputPlaceholder__phoneNumber:void 0,formFieldInputPlaceholder__username:void 0,formFieldInput__emailAddress_format:void 0,formFieldLabel__apiKey:"مفتاح API",formFieldLabel__apiKeyDescription:"الوصف",formFieldLabel__apiKeyExpiration:"الانتهاء",formFieldLabel__apiKeyName:"اسم المفتاح السري",formFieldLabel__automaticInvitations:"تمكين الدعوة الأوتماتكية لهذا النطاق",formFieldLabel__backupCode:"الرمز الأحتياطي",formFieldLabel__confirmDeletion:"تأكيد",formFieldLabel__confirmPassword:"تأكيد كلمة المرور",formFieldLabel__currentPassword:"كلمة المرور الحالية",formFieldLabel__emailAddress:"العنوان الإلكتروني",formFieldLabel__emailAddress_username:"العنوان الإلكتروني أو اسم المستخدم",formFieldLabel__emailAddresses:"العناوين الإلكترونية",formFieldLabel__firstName:"الاسم الأول",formFieldLabel__lastName:"الاسم الأخير",formFieldLabel__newPassword:"كلمة المرور الجديدة",formFieldLabel__organizationDomain:"النطاق",formFieldLabel__organizationDomainDeletePending:"حذف الدعوات والأقتراحات المعلقة",formFieldLabel__organizationDomainEmailAddress:"عنوان البريد الإلكتروني للتحقق",formFieldLabel__organizationDomainEmailAddressDescription:"أدخل البريد الإلكتروني الخاص بالنطاق للحصول على  الرمز والتحقق من النطاق",formFieldLabel__organizationName:"اسم المنظمة",formFieldLabel__organizationSlug:"رابط المنظمة",formFieldLabel__passkeyName:"اسم مفتاح المرور (Passkey)",formFieldLabel__password:"كلمة المرور",formFieldLabel__phoneNumber:"رقم الجوال",formFieldLabel__role:"دور",formFieldLabel__signOutOfOtherSessions:"تسجيل الخروج من جميع الأجهزة",formFieldLabel__username:"اسم المستخدم",impersonationFab:{action__signOut:"تسجيل الخروج",title:"تسجيل الدخول بأسم {{identifier}}"},lastAuthenticationStrategy:"آخر استخدام",maintenanceMode:"نحن نقوم بعمل بعض التعديلات في الوقت الحالي. سوف نعود في غضون دقائق قليلة",membershipRole__admin:"المسؤول",membershipRole__basicMember:"عضو",membershipRole__guestMember:"ضيف",organizationList:{action__createOrganization:"أنشاء منظمة",action__invitationAccept:"أنضمام",action__suggestionsAccept:"طلب أنضمام",createOrganization:"أنشاء منظمة",invitationAcceptedLabel:"أنضميت",subtitle:"للمتابعة إلى {{applicationName}}",suggestionsAcceptedLabel:"موافقة معلقة",title:"أختر حساب",titleWithoutPersonal:"أختر منظمة"},organizationProfile:{apiKeysPage:{title:void 0},badge__automaticInvitation:"دعوات تلقائية",badge__automaticSuggestion:"أقتراحات تلقائية",badge__manualInvitation:"ليس هناك تسجيل تلقائي",badge__unverified:"لم يتم التحقق منها",billingPage:{paymentHistorySection:{empty:void 0,notFound:void 0,tableHeader__amount:void 0,tableHeader__date:void 0,tableHeader__status:void 0},paymentMethodsSection:{actionLabel__default:void 0,actionLabel__remove:void 0,add:void 0,addSubtitle:void 0,cancelButton:void 0,formButtonPrimary__add:void 0,formButtonPrimary__pay:void 0,payWithTestCardButton:void 0,removeMethod:{messageLine1:void 0,messageLine2:void 0,successMessage:void 0,title:void 0},title:void 0},start:{headerTitle__payments:void 0,headerTitle__plans:void 0,headerTitle__statements:void 0,headerTitle__subscriptions:void 0},statementsSection:{empty:void 0,itemCaption__paidForPlan:void 0,itemCaption__proratedCredit:void 0,itemCaption__subscribedAndPaidForPlan:void 0,notFound:void 0,tableHeader__amount:void 0,tableHeader__date:void 0,title:void 0,totalPaid:void 0},subscriptionsListSection:{actionLabel__manageSubscription:void 0,actionLabel__newSubscription:void 0,actionLabel__switchPlan:void 0,tableHeader__edit:void 0,tableHeader__plan:void 0,tableHeader__startDate:void 0,title:void 0},subscriptionsSection:{actionLabel__default:void 0},switchPlansSection:{title:void 0},title:void 0},createDomainPage:{subtitle:"أضف النطاق للتحقق. المستخدمين الذين لديهم عناوين بريد إلكتروني على هذا النطاق يمكنهم تسجيل الدخول إلى المنظمة بشكل تلقائي أو طلب الأنضمام.",title:"إضافة نطاق"},invitePage:{detailsTitle__inviteFailed:"لا يمكن إرسال الدعوات. انظر لتفاصيل المشكلة وحاول مرة أخرى:",formButtonPrimary__continue:"إرسال الدعوات",selectDropdown__role:"إختر دور",subtitle:"دعوة أعضاء جدد لهذه المنظمة",successMessage:"تم إرسال الدعوات بنجاح",title:"دعوة أعضاء"},membersPage:{action__invite:"دعوة",action__search:void 0,activeMembersTab:{menuAction__remove:"إزالة عضو",tableHeader__actions:void 0,tableHeader__joined:"انضم",tableHeader__role:"دور",tableHeader__user:"مستخدم"},alerts:{roleSetMigrationInProgress:{subtitle:"نحن نقوم بتحديث الأدوار المتاحة. بمجرد الانتهاء، ستتمكن من تحديث الأدوار مرة أخرى.",title:"الأدوار مقفلة مؤقتًا"}},detailsTitle__emptyRow:"لا يوجد أعضاء للعرض",invitationsTab:{autoInvitations:{headerSubtitle:"قم بدعوة المستخدمين عن طريق توصيل نطاق بريد إلكتروني بمنظمتك. سيتمكن أي شخص يقوم بالتسجيل في مجال بريد إلكتروني مطابق من الانضمام إلى المنظمة في أي وقت.",headerTitle:"الدعوات التلقائية",primaryButton:"أدارة النطاقات الموثوقة"},table__emptyRow:"لا دعوات للعرض"},invitedMembersTab:{menuAction__revoke:"سحب الدعوة",tableHeader__invited:"مدعو"},requestsTab:{autoSuggestions:{headerSubtitle:"سيتمكن المستخدمون الذين يشتركون في مجال بريد إلكتروني مطابق من رؤية اقتراح لطلب الانضمام إلى المنظمة.",headerTitle:"اقتراحات تلقائية",primaryButton:"إدارة النطاقات التي تم التحقق منها"},menuAction__approve:"قبول",menuAction__reject:"رفض",tableHeader__requested:"طلب الأنضمام",table__emptyRow:"لا توجد طلبات للعرض"},start:{headerTitle__invitations:"الدعوات",headerTitle__members:"الأعضاء",headerTitle__requests:"الطلبات"}},navbar:{apiKeys:void 0,billing:void 0,description:"إدارة منظمتك.",general:"عام",members:"الأعضاء",title:"المنظمة"},plansPage:{alerts:{noPermissionsToManageBilling:void 0},title:void 0},profilePage:{dangerSection:{deleteOrganization:{actionDescription:"أكتب {{organizationName}} بالأسفل للمتابعة.",messageLine1:"هل أنت متأكد من انك تريد حذف هذه المنظمة",messageLine2:"هذا القرار نهائي ولا يمكن التراجع عنه.",successMessage:"لقد حذفت هذه المنظمة",title:"حذف المنظمة"},leaveOrganization:{actionDescription:"أكتب {{organizationName}} للمتابعة",messageLine1:"هل أنت متاكد أنك تريد الخروج من المنظمة؟ سوف تفقد الصلاحيات لهذه المنظمة وجميع تطبيقاتها",messageLine2:"هذا القرار نهائي ولا يمكن التراجع عنه.",successMessage:"لقد غادرت المنظمة",title:"الخروج من المنظمة"},title:"خطر"},domainSection:{menuAction__manage:"إدارة",menuAction__remove:"حذف",menuAction__verify:"تحقق",primaryButton:"أضافة نطاق",subtitle:"السماح للمستخدمين للأنضمام للمنظمة بشكل تلقائي أو عن طريق دعوة للأنضمام على نطاق بريد إلكتروني تم التحقق منه",title:"النطاقات التي تم التحقق منها"},successMessage:"تم تحديث معلومات المنظمة",title:"الملف الشخصي للمنظمة"},removeDomainPage:{messageLine1:"سيتم حذف نطاق البريد الإلكتروني هذا{{domain}}.",messageLine2:"لن يتمكن المستخدمون من الانضمام إلى المؤسسة تلقائيًا بعد ذلك.",successMessage:"تم حذف هذا النطاق {{domain}}.",title:"حذف النطاق"},start:{headerTitle__general:"عام",headerTitle__members:"الأعضاء",profileSection:{primaryButton:"تحديث الملف الشخصي",title:"ملف المنظمة",uploadAction__title:"شعار"}},verifiedDomainPage:{dangerTab:{calloutInfoLabel:"حذف هذا النطاق سيؤثر على المستخدمين المدعوين",removeDomainActionLabel__remove:"حذف النطاق",removeDomainSubtitle:"حذف هذا النطاق من من النطاقات المعتمدة",removeDomainTitle:"حذف النطاق"},enrollmentTab:{automaticInvitationOption__description:"تتم دعوة المستخدمين تلقائيًا للانضمام إلى المؤسسة عند تسجيل حساب جديد ويمكنهم الانضمام في أي وقت.",automaticInvitationOption__label:"الدعوات التلقائية",automaticSuggestionOption__description:"يتلقى المستخدمون اقتراحًا لطلب الانضمام ، ولكن يجب أن يوافق عليه المشرف قبل أن يتمكنوا من الانضمام إلى المنظمة.",automaticSuggestionOption__label:"اقتراحات تلقائية",calloutInfoLabel:"إن تغيير وضع التسجيل سيؤثر فقط على المستخدمين الجدد.",calloutInvitationCountLabel:"هناك {{count}} دعوة معلقة مرسلة إلى المستخدمين",calloutSuggestionCountLabel:"هناك {{count}} أقتراح معلق مرسلة إلى المستخدمين",manualInvitationOption__description:"يمكن دعوة المستخدمين يدويًا فقط للمؤسسة.",manualInvitationOption__label:"لا يوجد تسجيل تلقائي",subtitle:"أختر كيف يمكن للمستخدمين في هذا النطاق تسجيل الدخول إلى المنظمة"},start:{headerTitle__danger:"خطر",headerTitle__enrollment:"خيارات التسجيل"},subtitle:"هذا النطاق {{domain}} موثوق الآن. يمكنك المتابعة وأختيار وضع التسجيل.",title:"Update {{domain}}"},verifyDomainPage:{formSubtitle:"أدخل رمز التحقق المرسل إلى بريدك الإلكتروني",formTitle:"رمز التحقق",resendButton:"لم يصلك الرمز؟ حاول مرة أخرى",subtitle:"يجب التحقق من هذا النطاق {{domainName}} عن طريق بريد إلكتروني موثوق",subtitleVerificationCodeScreen:"تم إرسال رمز تحقق إلى {{emailAddress}}. أدخل الرمز للمتابعة.",title:"التحقق من النطاق"}},organizationSwitcher:{action__closeOrganizationSwitcher:void 0,action__createOrganization:"أنشاء منظمة",action__invitationAccept:"أنضمام",action__manageOrganization:"أدارة المنظمة",action__openOrganizationSwitcher:void 0,action__suggestionsAccept:"طلب أنضمام",notSelected:"لم يتم أختيار منظمة",personalWorkspace:"الحساب الشخصي",suggestionsAcceptedLabel:"موافقة معلقة"},paginationButton__next:"التالي",paginationButton__previous:"السابق",paginationRowText__displaying:"عرض",paginationRowText__of:"من",reverification:{alternativeMethods:{actionLink:void 0,actionText:void 0,blockButton__backupCode:void 0,blockButton__emailCode:void 0,blockButton__passkey:void 0,blockButton__password:void 0,blockButton__phoneCode:void 0,blockButton__totp:void 0,getHelp:{blockButton__emailSupport:void 0,content:void 0,title:void 0},subtitle:void 0,title:void 0},backupCodeMfa:{subtitle:void 0,title:void 0},emailCode:{formTitle:void 0,resendButton:void 0,subtitle:void 0,title:void 0},noAvailableMethods:{message:void 0,subtitle:void 0,title:void 0},passkey:{blockButton__passkey:void 0,subtitle:void 0,title:void 0},password:{actionLink:void 0,subtitle:void 0,title:void 0},phoneCode:{formTitle:void 0,resendButton:void 0,subtitle:void 0,title:void 0},phoneCodeMfa:{formTitle:void 0,resendButton:void 0,subtitle:void 0,title:void 0},totpMfa:{formTitle:void 0,subtitle:void 0,title:void 0}},signIn:{accountSwitcher:{action__addAccount:"إضافة حساب",action__signOutAll:"تسجيل الخروج من جميع الحسابات",subtitle:"قم بإختيار الحساب الذي تريد المتابعة به",title:"إختر حساب"},alternativeMethods:{actionLink:"الحصول على المساعدة",actionText:"لا تملك اي من هؤلاء?",blockButton__backupCode:"استخدم رمز النسخ الاحتياطي",blockButton__emailCode:"رمز البريد الإلكتروني ل  {{identifier}}",blockButton__emailLink:"رابط البريد الإلكتروني ل {{identifier}}",blockButton__passkey:"تسجيل الدخول بمفتاح المرور الخاص بك",blockButton__password:"تسجيل الدخول بكلمة السر الخاصة بك",blockButton__phoneCode:"أرسال رسالة نصية ل{{identifier}}",blockButton__totp:"استخدم تطبيق المصادقة الخاص بك",getHelp:{blockButton__emailSupport:"بريد الدعم الفني",content:"إذا كنت تواجه صعوبة في تسجيل الدخول إلى حسابك ، راسلنا عبر البريد الإلكتروني وسنعمل معك لاستعادة الوصول في أقرب وقت ممكن.",title:"الحصول على المساعدة"},subtitle:"تواجه مشكلة؟ تستطيع استخدام أي من هذه الطرق لتسجيل الدخول",title:"أستخدام طريقة أخرى"},alternativePhoneCodeProvider:{formTitle:void 0,resendButton:void 0,subtitle:void 0,title:void 0},backupCodeMfa:{subtitle:"للمتابعة إلى {{applicationName}}",title:"أدخل الرمز الأحتياطي"},emailCode:{formTitle:"رمز التحقق",resendButton:"لم يصلك اي رمز؟ حاول مرة أخرى.",subtitle:"للمتابعة إلى {{applicationName}}",title:"التحقق من البريد الإلكتروني"},emailCodeMfa:{formTitle:"التحقق من البريد الإلكتروني",resendButton:"لم يصلك اي رمز؟ حاول مرة أخرى.",subtitle:"للمتابعة إلى {{applicationName}}",title:"التحقق من البريد الإلكتروني"},emailLink:{clientMismatch:{subtitle:"للمتابعة, قم بفتح رابط التحقق عبر نفس الجهاز والمتصفح الذي انشأت محاولة تسجيل الدخول منه",title:"رابط التحقق غير صالح على هذا الجهاز"},expired:{subtitle:"ارجع إلى علامة التبويب الرئيسية للمتابعة.",title:"انتهت صلاحية رابط التحقق هذا."},failed:{subtitle:"ارجع إلى علامة التبويب الرئيسية للمتابعة.",title:"رابط التحقق هذا غير صالح"},formSubtitle:"أستعمل رابط التحقق المرسل إلى بريدك الإلكتروني",formTitle:"رابط التحقق",loading:{subtitle:"ستتم إعادة توجيهك قريبًا",title:"تسجيل الدخول..."},resendButton:"لم يصلك الرابط؟ حاول مرة أخرى",subtitle:"للمتابعة إلى {{applicationName}}",title:"التحقق من البريد الإلكتروني",unusedTab:{title:"يمكنك أغلاق هذه النافذة"},verified:{subtitle:"سيتم أعادة توجيهك في لحظات",title:"تم تسجيل الحساب بنجاح"},verifiedSwitchTab:{subtitle:"ارجع إلى علامة التبويب الرئيسية للمتابعة",subtitleNewTab:"ارجع إلى علامة التبويب المفتوحة حديثًا للمتابعة",titleNewTab:"تم تسجيل الدخول في علامة تبويب أخرى"}},emailLinkMfa:{formSubtitle:"استخدم رابط التحقق المرسل إلى بريدك الإلكتروني",resendButton:"لم تستلم الرابط؟ إعادة الإرسال",subtitle:"للمتابعة إلى {{applicationName}}",title:"تحقق من بريدك الإلكتروني"},enterpriseConnections:{subtitle:void 0,title:void 0},forgotPassword:{formTitle:"رمز تحقق لإعادة تعيين كلمة المرور",resendButton:"لم يصلك أي رمز؟ حاول مرة أخرى.",subtitle:"لأعادة تعيين كلمة المرور",subtitle_email:"أولاً, قم بإدخال الرمز المرسل إلى الايميل الخاص بك",subtitle_phone:"أولاً, قم بإدخال الرمز المرسل إلى رقم الهاتف الخاص بك",title:"إعادة تعيين كلمة المرور"},forgotPasswordAlternativeMethods:{blockButton__resetPassword:"إعادة تعيين كلمة المرور",label__alternativeMethods:"أو سجل الدخول بطريقة أخرى",title:"نسيت كلمة المرور؟"},newDeviceVerificationNotice:"أنت تسجل الدخول من جهاز جديد. نحن نطلب التحقق للحفاظ على أمان حسابك.",noAvailableMethods:{message:"لا يمكن متابعة تسجيل الدخول. لا يوجد وسيلة مصادقة متاحة.",subtitle:"حدث خطأ",title:"لا يمكن تسجيل الدخول"},passkey:{subtitle:"يؤدي استخدام مفتاح المرور الخاص بك إلى تأكيد هويتك. جهازك الخاص قد يقوم بسؤالك عن بصمة الإصبع, او معرف الوجة او كلمة مرور قفل الشاشة",title:"إستخدم مفتاح المرور"},password:{actionLink:"أستعمل طريقة أخرى",subtitle:"للمتابعة إلى {{applicationName}}",title:"ادخل كلمة المرور"},passwordCompromised:{title:void 0},passwordPwned:{title:"كلمة المرور غير آمنة"},passwordUntrusted:{title:void 0},phoneCode:{formTitle:"رمز التحقق",resendButton:"لم يصلك الرمز؟ حاول مرة أخرى",subtitle:"للمتابعة إلى {{applicationName}}",title:"تحقق من هاتفك"},phoneCodeMfa:{formTitle:"رمز التحقق",resendButton:"لم يصلك الرمز؟ حاول مرة أخرى",subtitle:"للمتابعة، يرجى إدخال رمز التحقق المرسل إلى هاتفك",title:"تحقق من هاتفك"},resetPassword:{formButtonPrimary:"أعادة تعيين كلمة المرور",requiredMessage:"يوجد حساب بالفعل بهذا البريد الإلكتروني لم يتم التحقق منه. الرجاء أعادة تعيين كلمة المرور لتأمين حسابك",successMessage:"تم تغيير كلمة المرور بنجاح. يتم تسجيل الدخول الرجاء الأنتظار قليلا.",title:"أعادة تعيين كلمة المرور"},resetPasswordMfa:{detailsLabel:"نريد التحقق من هويتك قبل أعادة تعيين كلمة المرور"},start:{actionLink:"إنشاء حساب جديد",actionLink__join_waitlist:void 0,actionLink__use_email:"استخدم البريد الإلكتروني",actionLink__use_email_username:"استخدم البريد الإلكتروني أو اسم المستخدم",actionLink__use_passkey:"استخدم مفتاح المرور بدلاً من ذلك",actionLink__use_phone:"استخدم رقم الجوال",actionLink__use_username:"استخدم اسم المستخدم",actionText:"ليس لديك حساب؟",actionText__join_waitlist:void 0,alternativePhoneCodeProvider:{actionLink:void 0,label:void 0,subtitle:void 0,title:void 0},subtitle:"للمتابعة إلى {{applicationName}}",subtitleCombined:"للمتابعة إلى {{applicationName}}",title:"تسجيل الدخول",titleCombined:void 0},totpMfa:{formTitle:"رمز التحقق",subtitle:"للمتابعة، يرجى إدخال رمز التحقق الذي تم إنشاؤه بواسطة تطبيق المصادقة الخاص بك",title:"نظام التحقق بخطوتين"},web3Solana:{subtitle:"حدد محفظة أدناه لتسجيل الدخول",title:"تسجيل الدخول باستخدام Solana"}},signInEnterPasswordTitle:"إدخل كلمة المرور",signUp:{alternativePhoneCodeProvider:{resendButton:void 0,subtitle:void 0,title:void 0},continue:{actionLink:"تسجيل الدخول",actionText:"ليس لديك حساب؟",subtitle:"للمتابعة إلى {{applicationName}}",title:"املأ الحقول المفقودة"},emailCode:{formSubtitle:"أدخل رمز التحقق المرسل إلى بريدك الإلكتروني",formTitle:"رمز التحقق",resendButton:"لم يصلك الرمز؟ حاول مرة أخرى",subtitle:"للمتابعة إلى {{applicationName}}",title:"تحقق من بريدك الإلكتروني"},emailLink:{clientMismatch:{subtitle:"للمتابعة، افتح رابط التحقق على الجهاز والمتصفح الذي أنشأت محاولة عملية التسجيل منه",title:"رابط التحقق غير صالح على هذا الجهاز"},formSubtitle:"أستعمل رابط التحقق المرسل إلى بريدك الإلكتروني",formTitle:"رابط التحقق",loading:{title:"إنشاء حساب..."},resendButton:"لم يصلك الرابط؟ حاول مرة أخرى",subtitle:"للمتابعة إلى {{applicationName}}",title:"التحقق من البريد الإلكتروني",verified:{title:"تم تسجيل الحساب بنجاح"},verifiedSwitchTab:{subtitle:"ارجع إلى علامة التبويب المفتوحة حديثًا للمتابعة",subtitleNewTab:"ارجع إلى علامة التبويب السابقة للمتابعة",title:"تم التحقق بنجاح من البريد الإلكتروني"}},enterpriseConnections:{subtitle:void 0,title:void 0},legalConsent:{checkbox:{label__onlyPrivacyPolicy:void 0,label__onlyTermsOfService:void 0,label__termsOfServiceAndPrivacyPolicy:void 0},continue:{subtitle:void 0,title:void 0}},phoneCode:{formSubtitle:"أدخل رمز التحقق المرسل إلى هاتفك",formTitle:"رمز التحقق",resendButton:"لم يصلك الرمز؟ حاول مرة أخرى",subtitle:"للمتابعة إلى {{applicationName}}",title:"تحقق من هاتفك"},restrictedAccess:{actionLink:void 0,actionText:void 0,blockButton__emailSupport:void 0,blockButton__joinWaitlist:void 0,subtitle:void 0,subtitleWaitlist:void 0,title:void 0},start:{actionLink:"تسجيل الدخول",actionLink__use_email:void 0,actionLink__use_phone:void 0,actionText:"لديك حساب بالفعل؟",alternativePhoneCodeProvider:{actionLink:void 0,label:void 0,subtitle:void 0,title:void 0},subtitle:"للمتابعة إلى {{applicationName}}",subtitleCombined:void 0,title:"أنشاء حساب جديد",titleCombined:"أنشاء حساب جديد"},web3Solana:{subtitle:"حدد محفظة أدناه للتسجيل",title:"التسجيل باستخدام Solana"}},socialButtonsBlockButton:"للمتابعة مع {{provider|titleize}}",socialButtonsBlockButtonManyInView:"{{provider|titleize}}",taskChooseOrganization:{alerts:{organizationAlreadyExists:"توجد منظمة بالفعل لاسم الشركة المكتشف ({{organizationName}}) و {{organizationDomain}}. انضم عن طريق الدعوة."},chooseOrganization:{action__createOrganization:"إنشاء منظمة جديدة",action__invitationAccept:"انضم",action__suggestionsAccept:"طلب الانضمام",subtitle:"انضم إلى منظمة موجودة أو أنشئ واحدة جديدة",subtitle__createOrganizationDisabled:"انضم إلى منظمة موجودة",suggestionsAcceptedLabel:"في انتظار الموافقة",title:"اختر منظمة"},createOrganization:{formButtonReset:"إلغاء",formButtonSubmit:"متابعة",formFieldInputPlaceholder__name:"منظمتي",formFieldInputPlaceholder__slug:"munazzamati",formFieldLabel__name:"الاسم",formFieldLabel__slug:"Slug",subtitle:"أدخل تفاصيل منظمتك للمتابعة",title:"إعداد منظمتك"},organizationCreationDisabled:{subtitle:"تواصل مع مسؤول منظمتك للحصول على دعوة.",title:"يجب أن تنتمي إلى منظمة"},signOut:{actionLink:"تسجيل الخروج",actionText:"تم تسجيل الدخول كـ {{identifier}}"}},taskResetPassword:{formButtonPrimary:void 0,signOut:{actionLink:void 0,actionText:void 0},subtitle:void 0,title:void 0},taskSetupMfa:{badge:void 0,signOut:{actionLink:void 0,actionText:void 0},smsCode:{addPhone:{formButtonPrimary:void 0,infoText:void 0},addPhoneNumber:void 0,cancel:void 0,subtitle:void 0,success:{finishButton:void 0,message1:void 0,message2:void 0,title:void 0},title:void 0,verifyPhone:{formButtonPrimary:void 0,formTitle:void 0,resendButton:void 0,subtitle:void 0,title:void 0}},start:{methodSelection:{phoneCode:void 0,totp:void 0},subtitle:void 0,title:void 0},totpCode:{addAuthenticatorApp:{buttonAbleToScan__nonPrimary:void 0,buttonUnableToScan__nonPrimary:void 0,formButtonPrimary:void 0,formButtonReset:void 0,infoText__ableToScan:void 0,infoText__unableToScan:void 0,inputLabel__unableToScan1:void 0},success:{finishButton:void 0,message1:void 0,message2:void 0,title:void 0},title:void 0,verifyTotp:{formButtonPrimary:void 0,formButtonReset:void 0,formTitle:void 0,subtitle:void 0,title:void 0}}},unstable__errors:{already_a_member_in_organization:void 0,avatar_file_size_exceeded:"حجم الملف يتجاوز الحد الأقصى البالغ 10 ميغابايت. يرجى اختيار ملف أصغر.",avatar_file_type_invalid:"نوع الملف غير مدعوم. يرجى تحميل صورة بصيغة JPG أو PNG أو GIF أو WEBP.",captcha_invalid:"لا يمكن تسجيل الحساب بسبب مشاكل تحقق أمنية. الرجاء تحديث الصفحة للمحاولة مرة أخرى أو تواصل معنا للمزيد من المساعدة",captcha_unavailable:"التسجيل غير ناجح بسبب فشل التحقق من صحة الروبوت. يُرجى تحديث الصفحة للمحاولة مرة أخرى أو التواصل مع فريق الدعم للحصول على مزيد من المساعدة",form_code_incorrect:void 0,form_email_address_blocked:"خدمات البريد الإلكتروني المؤقتة غير مدعومة. يرجى استخدام عنوان بريدك الإلكتروني العادي لإنشاء حساب.",form_identifier_exists__email_address:"تم إستخدام البريد الإلكتروني هذا. يرجى المحاولة مرة أخرى",form_identifier_exists__phone_number:"تم إستخدام رقم الهاتف هذا. يرجى المحاولة مرة أخرى",form_identifier_exists__username:"تم إستخدام اسم المستخدمد هذا. يرجى المحاولة مرة أخرى",form_identifier_not_found:"لم يتم العثور على حساب بهذه التفاصيل",form_new_password_matches_current:void 0,form_param_format_invalid:void 0,form_param_format_invalid__email_address:"يجب أستعمال بريد إلكتروني صالح",form_param_format_invalid__phone_number:"Phone number must be in a valid international format",form_param_max_length_exceeded__first_name:"الأسم الأول يجب الا يتجاوز 256 حرف",form_param_max_length_exceeded__last_name:"الأسم الأخير يجب الا يتجاوز 256 حرف",form_param_max_length_exceeded__name:"الأسم يجب الا يتجاوز 256 حرف",form_param_nil:void 0,form_param_type_invalid:void 0,form_param_type_invalid__email_address:void 0,form_param_type_invalid__phone_number:void 0,form_param_value_invalid:void 0,form_password_compromised__sign_in:void 0,form_password_incorrect:void 0,form_password_length_too_short:void 0,form_password_not_strong_enough:"كلمة المرور ليست قوية",form_password_or_identifier_incorrect:"كلمة المرور أو عنوان البريد الإلكتروني غير صحيح. حاول مرة أخرى أو استخدم طريقة أخرى.",form_password_pwned:"لا يمكن أستعمال كلمة السر هذه لانها غير أمنة, الرجاء اختيار كلمة مرور أخرى",form_password_pwned__sign_in:"لا يمكن أستعمال كلمة السر هذه لانها غير أمنة, الرجاء اختيار كلمة مرور أخرى",form_password_size_in_bytes_exceeded:"تجاوزت كلمة المرور الحد الأقصى للحروف المدخلة, الرجاء أدخال كلمة مرور أقصر أو حذف بعض الأحرف الخاصة",form_password_untrusted__sign_in:void 0,form_password_validation_failed:"كلمة مرور خاطئة",form_username_invalid_character:void 0,form_username_invalid_length:void 0,form_username_needs_non_number_char:"يجب أن يحتوي اسم المستخدم على حرف واحد على الأقل غير رقمي.",identification_deletion_failed:"لا يمكن حذف هويتك الآخيرة ",not_allowed_access:'لا يُسمح بالتسجيل باستخدام عنوان البريد الإلكتروني أو رقم الهاتف. قد يكون ذلك بسبب استخدام "+" أو "=" أو "#" أو "." في عنوان بريدك الإلكتروني، أو استخدام نطاق متصل بخدمة بريد إلكتروني مؤقتة، أو حظرك بشكل صريح. إذا كنت تعتقد أن هذا خطأ، يُرجى التواصل مع الدعم.',organization_domain_blocked:void 0,organization_domain_common:void 0,organization_domain_exists_for_enterprise_connection:void 0,organization_membership_quota_exceeded:void 0,organization_minimum_permissions_needed:void 0,organization_not_found_or_unauthorized:void 0,organization_not_found_or_unauthorized_with_create_organization_disabled:void 0,passkey_already_exists:"تم تسجيل مفتاح المرور مسبقاً مع هذا الجهاز",passkey_not_supported:"مفاتيح المرور غير مدعومة على هذا الجهاز",passkey_pa_not_supported:"يتطلب التسجيل أداة مصادقة النظام الأساسي ولكن الجهاز لا يدعمها",passkey_registration_cancelled:"تم إلغاء تسجيل مفتاح المرور أو انتهت مهلته",passkey_retrieval_cancelled:"تم إلغاء تسجيل مفتاح المرور أو انتهت مهلته",passwordComplexity:{maximumLength:"أقل من {{length}} حروف",minimumLength:"{{length}} حروف أو أكثر",requireLowercase:"حرف صغير",requireNumbers:"رقم",requireSpecialCharacter:"حرف خاص",requireUppercase:"حرف كبير",sentencePrefix:"كلمة السر يجب أن تحتوي على"},phone_number_exists:"هذا الرقم مأخوذ الرجاء أختيار رقم آخر",session_exists:"لقد قمت بتسجيل الدخول بالفعل",web3_missing_identifier:void 0,web3_signature_request_rejected:"لقد رفضت طلب التوقيع. يرجى المحاولة مرة أخرى للمتابعة.",web3_solana_signature_generation_failed:"حدث خطأ أثناء إنشاء التوقيع. يرجى المحاولة مرة أخرى للمتابعة.",zxcvbn:{couldBeStronger:"كلمة مرورك سليمة من الأفضل ان تكون اقوى. الرجاء أضافة حروف أكثر",goodPassword:"كلمة مرورك طابقت جميع المتطلبات الازمة",notEnough:"كلمة المرور ليست قوية",suggestions:{allUppercase:"أستعمل حروف كبيرة لبعض الحروف وليس كلها.",anotherWord:"أضف المزيد من الكلمات الأقل شيوعًا.",associatedYears:"تجنب السنوات المرتبطة بك.",capitalization:"أستعمل حروف كبيرة لأكثر من حرف غير الحرف الأول",dates:"تجنب التواريخ والسنوات المرتبطة بك.",l33t:'تجنب بدائل الحروف التي يمكن التنبؤ بها مثل "a" ل "@" ',longerKeyboardPattern:"أستخدم أنماط أكثر وقم بتغيير أتجاه الكتابة في لوحة المفاتيح عدة مرات",noNeed:"يمكنك إنشاء كلمات مرور قوية دون استخدام الرموز أو الأرقام أو الأحرف الكبيرة.",pwned:"إذا كنت تستخدم كلمة المرور هذه في مكان آخر ، فيجب عليك تغييرها.",recentYears:"تجنب السنوات الأخيرة.",repeated:"تجنب الكلمات والحروف المتكررة.",reverseWords:"تجنب التهجئات العكسية للكلمات الشائعة.",sequences:"تجنب تسلسل الأحرف الشائعة.",useWords:"استخدم كلمات متعددة ، ولكن تجنب العبارات الشائعة."},warnings:{common:"كلمة السر هذه شائعة في الأستخدام",commonNames:"من السهل تخمين الأسماء والألقاب الشائعة",dates:"من السهل تخمين التواريخ",extendedRepeat:'من السهل تخمين أنماط الحروف المتكررة مثل "abcabcabc"',keyPattern:"من السهل تخمين أنماط لوحة المفاتيح الصغيرة",namesByThemselves:"من السهل تخمين الأسم الأول أو اللقب",pwned:"كلمة المرور الخاص بك تم أختراقها والكشف عنها في الأنترنت",recentYears:"من السهل تخمين السنوات الحديثة",sequences:'من السهل تخمين أنماط الحروف العامة أو الهجائية مثل "abc" ',similarToCommon:"كلمة السر هذه مشابهة لكلمات السر الشائعة في الأستخدام",simpleRepeat:'من السهل تخمين الحروف المكررة مثل "aaa"',straightRow:"من السهل تخمين الحروف الموجودة على نفس السطر في لوحة المفاتيح",topHundred:"كلمة السر هذه مستخدمة بشكل متكررة",topTen:"كلمة السر هذه مستخدمة بكثرة",userInputs:"يجب ألا يكون هناك أي بيانات شخصية أو بيانات ذات صلة بالصفحة.",wordByItself:"من السهل تخميل الكلمات المنفردة"}}},userButton:{action__addAccount:"إضافة حساب",action__closeUserMenu:"إغلاق قائمة المستخدم",action__manageAccount:"إدارة الحساب",action__openUserMenu:"فتح قائمة المستخدم",action__signOut:"تسجيل الخروج",action__signOutAll:"تسجيل الخروج من جميع الحسابات"},userProfile:{apiKeysPage:{title:void 0},backupCodePage:{actionLabel__copied:"تم النسخ",actionLabel__copy:"نسخ الكل",actionLabel__download:"تحميل ملف .txt",actionLabel__print:"طباعة",infoText1:"سيتم تفعيل رموز النسخ الأحتياطي لهذا الحساب",infoText2:"قم بتخزين الرموز في مكان آمن وحافظ على سريتها. يمكنك تجديد الرموز الأحتياطية اذا كنت تشك أن حسابك معرض للخطر",subtitle__codelist:"قم بتخزين الرموز في مكان آمن وابقيها سرا.",successMessage:"رموز النسخ الأحتياطي مفعلة الآن. يمكنك أستعمال واحدة من هذه الرموز لتسجيل الدخول إلى حسابك, اذا فقدت الوصول إلى جهاز المصادقة الخاص بك. كل رمز يمكن أستعماله لمرة واحدة فقط.",successSubtitle:"يمكنك أستعمال واحدة من هذه الرموز لتسجيل الدخول إلى حسابك, اذا فقدت الوصول إلى جهاز المصادقة الخاص بك",title:"إضافة التحقق عن طريق الرموز الأحتياطية",title__codelist:"رموز النسخ الأحتياطي"},billingPage:{paymentHistorySection:{empty:void 0,notFound:void 0,tableHeader__amount:void 0,tableHeader__date:void 0,tableHeader__status:void 0},paymentMethodsSection:{actionLabel__default:void 0,actionLabel__remove:void 0,add:void 0,addSubtitle:void 0,cancelButton:void 0,formButtonPrimary__add:void 0,formButtonPrimary__pay:void 0,payWithTestCardButton:void 0,removeMethod:{messageLine1:void 0,messageLine2:void 0,successMessage:void 0,title:void 0},title:void 0},start:{headerTitle__payments:void 0,headerTitle__plans:void 0,headerTitle__statements:void 0,headerTitle__subscriptions:void 0},statementsSection:{empty:void 0,itemCaption__paidForPlan:void 0,itemCaption__proratedCredit:void 0,itemCaption__subscribedAndPaidForPlan:void 0,notFound:void 0,tableHeader__amount:void 0,tableHeader__date:void 0,title:void 0,totalPaid:void 0},subscriptionsListSection:{actionLabel__manageSubscription:void 0,actionLabel__newSubscription:void 0,actionLabel__switchPlan:void 0,tableHeader__edit:void 0,tableHeader__plan:void 0,tableHeader__startDate:void 0,title:void 0},subscriptionsSection:{actionLabel__default:void 0},switchPlansSection:{title:void 0},title:void 0},connectedAccountPage:{formHint:"أختر موفر خدمة لتوصيل حسابك",formHint__noAccounts:"لا يوجد موفرين خدمة لتوصيل حسابك",removeResource:{messageLine1:"سيتم حذف هذا الموفر من حسابك {{identifier}}",messageLine2:"لن تتمكن بعد الآن من استخدام هذا الحساب المتصل ولن تعمل أي ميزات تابعة.",successMessage:"تم حذف هذا العنوان من حسابك {{connectedAccount}}",title:"حذف الحساب المتصل"},socialButtonsBlockButton:"إضافة الموفر {{provider|titleize}} لحسابك",successMessage:"تمت إضافة موفر الخدمة الى حسابك",title:"أضف حساب متصل"},deletePage:{actionDescription:"أكتب حذف حساب بالأسفل للمتابعة",confirm:"حذف حساب",messageLine1:"هل أنت متأكد من رغبتك في حذف حسابك؟ قد يتم الاحتفاظ ببعض البيانات المرتبطة. لطلب حذف البيانات بالكامل، يرجى الاتصال بالدعم.",messageLine2:"هذا القرار نهائي ولا يمكن التراجع عنه.",title:"حذف الحساب"},emailAddressPage:{emailCode:{formHint:"سيتم إرسال بريد إلكتروني يحتوي على رمز التحقق لهذا البريد الإلكتروني",formSubtitle:"أرسل رمز التحقق المرسل إلى {{identifier}}",formTitle:"رمز التحقق",resendButton:"لم يصلك الرمز؟ حاول مرة أخرى",successMessage:"البريد الإلكتروني {{identifier}} تمت إضافته إلى حسابك"},emailLink:{formHint:"سيتم إرسال بريد إلكتروني يحتوي على رمز التحقق لهذا البريد الإلكتروني",formSubtitle:"أنقر على رابط التحقق المرسل إلى البريد الألكتروني {{identifier}}",formTitle:"رابط التحقق",resendButton:"لم يصلك الرابط؟ حاول مرة أخرى",successMessage:"البريد الإلكتروني {{identifier}} تمت إضافته إلى حسابك"},enterpriseSSOLink:{formButton:void 0,formSubtitle:void 0},formHint:void 0,removeResource:{messageLine1:"سيتم حذف هذا الإيميل من حسابك {{identifier}}",messageLine2:"لن تتمكن من تسجيل الدخول باستخدام عنوان البريد الإلكتروني هذا.",successMessage:"تم حذف هذا العنوان من حسابك {{emailAddress}}",title:"حذف عنوان البريد الإلكتروني هذا"},title:"أضافة البريد الإلكتروني",verifyTitle:"Verify email address"},formButtonPrimary__add:"إضافة",formButtonPrimary__continue:"متابعة",formButtonPrimary__finish:"انهاء",formButtonPrimary__remove:"إزالة",formButtonPrimary__save:"حفظ",formButtonReset:"الغاء",mfaPage:{formHint:"أختر طريقة للأضافة",title:"أضافة التحقق بخطوتين"},mfaPhoneCodePage:{backButton:"إستخدم الرقم الموجود",primaryButton__addPhoneNumber:"إضافة رقم جوال",removeResource:{messageLine1:"لن يتم إستلام اي رموز تحقق على {{identifier}} عند تسجيل الدخول",messageLine2:"قد لا يكون حسابك آمنا. هل أنك متأكد أنك تريد المتابعة؟",successMessage:"تم إلغاء التحقق بخطوتين عن طريق الرسائل النصية لرقم الجوال هذا {{mfaPhoneCode}}",title:"إزالة التحقق بخطوتين"},subtitle__availablePhoneNumbers:"أختر رقم جوال لأضافة التحقق بخطوتين عن طريق الرسائل النصية",subtitle__unavailablePhoneNumbers:"لا يوجد رقم جوال لأضافة التحقق بخطوتين عن طريق الرسائل النصية",successMessage1:"عند تسجيل الدخول، سوف تحتاج إلى إدخال رمز التحقق الذي تم إرساله إلى رقم الهاتف هذا كخطوة إضافية.",successMessage2:'احفظ هذه الرموز الاحتياطية وقم بتخزينها في مكان آمن." إذا فقدت إمكانية الوصول إلى جهاز المصادقة الخاص بك، فيمكنك استخدام الرموز الاحتياطية لتسجيل الدخول.',successTitle:"تم تمكين التحقق من رمز الرسائل القصيرة",title:"أضافة التحقق عن طريق رمز الرسائل النصية"},mfaTOTPPage:{authenticatorApp:{buttonAbleToScan__nonPrimary:"مسح رمز الQR بدلا من ذلك",buttonUnableToScan__nonPrimary:"لا يمكنك مسح رمز الQR?",infoText__ableToScan:"قم بإعداد طريقة تسجيل دخول جديدة في تطبيق المصادقة و قم بمسح كود الQR لربطه بحسابك",infoText__unableToScan:"قم بإعداد تسجيل دخول جديدة في تطبيق المصادقة وأدخل الرمز المقدم أدناه",inputLabel__unableToScan1:"تأكد من تفعيل كلمات المرور المستندة إلى الوقت أو الأستعمال الواحد, ثم أكمل ربط حسابك",inputLabel__unableToScan2:"بدلا من ذلك, إذا كان المصدق الخاص بك يدعم روابط المدعومة من طرق المستندة إلى الوقت أو الأستعمال الواحد, يمكنك نسخ الرابط كله"},removeResource:{messageLine1:"رموز التحقق من برنامج المصادقة هذا ستكون غير ضروية عند تسجيل الدخول",messageLine2:"قد لا يكون حسابك آمنا. هل أنك متأكد أنك تريد المتابعة؟",successMessage:"تم أزالة طريقة التحقق بخطوتين من تطبيق المصادقة",title:"إزالة التحقق بخطوتين"},successMessage:"تم تمكين التحقق بخطوتين اللآن. عند تسجيل الدخول سوف يطلب منك أدخال رمز التحقق من تطبيق المصادقة الخاص بك",title:"إضافة تطبيق مصادقة",verifySubtitle:"أدخل رمز التحقق المنشئ في تطبيق المصادقة",verifyTitle:"رمز التحقق"},mobileButton__menu:"القائمة",navbar:{account:"الملف الشخصي",apiKeys:void 0,billing:void 0,description:"إدارة معلومات ملفك الشخصي.",security:"حماية",title:"الملف الشخصي"},passkeyScreen:{removeResource:{messageLine1:"{{name}} سوف يتم حذفه من هذا الحساب.",title:"إزالة مفتاح المرور"},subtitle__rename:"يمكنك تغيير اسم مفتاح المرور لتسهيل العثور عليه",title__rename:"إعادة تسمية مفتاح المرور"},passwordPage:{checkboxInfoText__signOutOfOtherSessions:"يوصى بتسجيل الخروج من جميع الأجهزة الأخرى التي ربما قد استخدمت كلمة المرور القديمة الخاصة بك.",readonly:"لا يمكن تعديل كلمة المرور لأنه لا يمكنك تسجيل الدخول إلى عن طريق حساب المؤسسة",successMessage__set:"تم تعيين كلمة السر.",successMessage__signOutOfOtherSessions:"تم تسجيل الخروج من جميع الأجهزة.",successMessage__update:"تم تحديث كلمة السر",title__set:"تعيين كلمة المرور",title__update:"تغيير كلمة المرور"},phoneNumberPage:{infoText:"سيتم إرسال رسالة نصية تحتوي على رابط التحقق إلى رقم الهاتف هذا.",removeResource:{messageLine1:"سيتم حذف هذا الإيميل من حسابك {{identifier}}",messageLine2:"لن تتمكن من تسجيل الدخول بإستخدام رقم الجوال هذا",successMessage:"تم حذف هذا العنوان من حسابك {{phoneNumber}}",title:"حذف رقم الجوال"},successMessage:"تم إضافة رقم الجوال هذا {{identifier}}",title:"إضافة رقم جوال",verifySubtitle:"أدخل رمز التحقق المرسل إلى {{identifier}}",verifyTitle:"التحقق من رقم الهاتف"},plansPage:{title:void 0},profilePage:{fileDropAreaHint:"أرفع صورة بصيغة JPG, PNG, GIF أو WEBP أقل من 10 ميغابايت",imageFormDestructiveActionSubtitle:"حذف صورة الملف الشخصي",imageFormSubtitle:"رفع صورة للملف الشخصي",imageFormTitle:"صورة الملف الشخصي",readonly:"تم توفير معلومات حسابك عن طريق حساب المؤسسة ولا يمكن تعديلها",successMessage:"معلومات حسابك الشخصي تم تحديثها",title:"تحديث الملف الشخصي"},start:{activeDevicesSection:{destructiveAction:"قم بتسجيل الخروج من الجهاز",title:"الأجهزة النشطة"},connectedAccountsSection:{actionLabel__connectionFailed:"حاول مرة أخرى",actionLabel__reauthorize:"أعطى الصلاحية الآن",destructiveActionTitle:"حذف",primaryButton:"ربط حساب",subtitle__disconnected:void 0,subtitle__reauthorize:"تم تحديث النطاقات المطلوبة. هذا التحديث قد يحد من العمليات الوظيفية. يرجى إعادة ترخيص هذا التطبيق لتجنب أي مشاكل",title:"الحسابات المتصلة"},dangerSection:{deleteAccountButton:"حذف الحساب",title:"خطر"},emailAddressesSection:{destructiveAction:"أحذف البريد الإلكتروني",detailsAction__nonPrimary:"تعيين كبريد رئيسي",detailsAction__primary:"التحقق الكامل",detailsAction__unverified:"تحقق من البريد الإلكتروني",primaryButton:"أضافة عنوان إلكتروني",title:"العنوان الإلكتروني"},enterpriseAccountsSection:{primaryButton:"ربط حساب",title:"حساب المؤسسات"},headerTitle__account:"الحساب",headerTitle__security:"الأمان",mfaSection:{backupCodes:{actionLabel__regenerate:"تجديد رموز النسخ الاحتياطي",headerTitle:"رموز النسخ الاحتياطي",subtitle__regenerate:"احصل على مجموعة جديدة من رموز النسخ الاحتياطي الآمنة. سيتم حذف رموز النسخ الاحتياطي السابقة ولا يمكن استخدامها.",title__regenerate:"تجديد رموز النسخ الاحتياطي"},phoneCode:{actionLabel__setDefault:"تعيين كأفتراضي",destructiveActionLabel:"حذف رقم الجوال"},primaryButton:"إضافةالتحقق بخطوتين",title:"التحقق بخطوتين",totp:{destructiveActionTitle:"حذف",headerTitle:"تطبيق المصادقة"}},passkeysSection:{menuAction__destructive:"إزالة",menuAction__rename:"إعادة تسمية",primaryButton:void 0,title:"مفاتيح المرور"},passwordSection:{primaryButton__setPassword:"تعيين كلمة المرور",primaryButton__updatePassword:"تغيير كلمة المرور",title:"كلمة المرور"},phoneNumbersSection:{destructiveAction:"حذف رقم الجوال",detailsAction__nonPrimary:"تعيين كرئيسي",detailsAction__primary:"التحقق الكامل",detailsAction__unverified:"تحقق من رقم الجوال",primaryButton:"إضافة رقم جوال",title:"رقم الجوال"},profileSection:{primaryButton:"تحديث الملف الشخصي",title:"الملف الشخصي"},usernameSection:{primaryButton__setUsername:"تعيين اسم المستخدم",primaryButton__updateUsername:"تغيير اسم المستخدم",title:"اسم المستخدم"},web3WalletsSection:{destructiveAction:"حذف المحفظة",detailsAction__nonPrimary:void 0,primaryButton:"محافظ Web3",title:"محافظ Web3",web3SelectSolanaWalletScreen:{subtitle:"حدد محفظة Solana للاتصال بحسابك.",title:"إضافة محفظة Solana"}}},usernamePage:{successMessage:"تم تحديث اسم المستخدم",title__set:"تحديث اسم المستخدم",title__update:"تحديث اسم المستخدم"},web3WalletPage:{removeResource:{messageLine1:"سيتم حذف هذه المحفظة من حسابك{{identifier}}",messageLine2:"لن تتمكن من تسجيل الدخول إلى الحساب بإستخدام محفظة web3 هذه",successMessage:"تم حذف هذه المحفظة من حسابك{{web3Wallet}}",title:"حذف محفظة web3"},subtitle__availableWallets:"أختر محفظة web3 لتوصيلها بحسابك",subtitle__unavailableWallets:"لا توجد اي محفظة web3 متاحة",successMessage:"تمت إضافة المحفظة الى حسابك.",title:"إضافة محفظة web3",web3WalletButtonsBlockButton:void 0}},waitlist:{start:{actionLink:"تسجيل الدخول",actionText:"هل لديك وصول بالفعل؟",formButton:"الانضمام إلى قائمة الانتظار",subtitle:"أدخل عنوان بريدك الإلكتروني وسنخبرك عندما يكون مكانك جاهزًا",title:"الانضمام إلى قائمة الانتظار"},success:{message:"سيتم إعادة توجيهك قريبًا...",subtitle:"سنكون على اتصال عندما يكون مكانك جاهزًا",title:"شكرًا للانضمام إلى قائمة الانتظار!"}},web3SolanaWalletButtons:{connect:"الاتصال باستخدام {{walletName}}",continue:"المتابعة باستخدام {{walletName}}",noneAvailable:'لم يتم اكتشاف محافظ Solana Web3. يرجى تثبيت {{ solanaWalletsLink || link("wallet extension") }} مدعوم بـ Web3.'}},EA={locale:"en-US",apiKeys:{action__add:"Add new key",action__search:"Search keys",copySecret:{formButtonPrimary__copyAndClose:"Copy & Close",formHint:"For security reasons, we won't allow you to view it again later.",formTitle:'Copy your "{{name}}" API Key now'},createdAndExpirationStatus__expiresOn:"Created {{ createdDate | shortDate('en-US') }} • Expires {{ expiresDate | longDate('en-US') }}",createdAndExpirationStatus__never:"Created {{ createdDate | shortDate('en-US') }} • Never expires",detailsTitle__emptyRow:"No API keys found",formButtonPrimary__add:"Create key",formFieldCaption__expiration__expiresOn:"Expiring {{ date }}",formFieldCaption__expiration__never:"This key will never expire",formFieldOption__expiration__180d:"180 Days",formFieldOption__expiration__1d:"1 Day",formFieldOption__expiration__1y:"1 Year",formFieldOption__expiration__30d:"30 Days",formFieldOption__expiration__60d:"60 Days",formFieldOption__expiration__7d:"7 Days",formFieldOption__expiration__90d:"90 Days",formFieldOption__expiration__never:"Never",formHint:"Provide a name to generate a new key. You’ll be able to revoke it anytime.",formTitle:"Add new API key",lastUsed__days:"{{days}}d ago",lastUsed__hours:"{{hours}}h ago",lastUsed__minutes:"{{minutes}}m ago",lastUsed__months:"{{months}}mo ago",lastUsed__seconds:"{{seconds}}s ago",lastUsed__years:"{{years}}y ago",menuAction__revoke:"Revoke key",revokeConfirmation:{confirmationText:"Revoke",inputLabel:'Type "Revoke" to confirm',formButtonPrimary__revoke:"Revoke key",formHint:"Are you sure you want to delete this Secret key?",formTitle:'Revoke "{{apiKeyName}}" secret key?'}},backButton:"Back",badge__activePlan:"Active",badge__canceledEndsAt:"Canceled • Ends {{ date | shortDate('en-US') }}",badge__currentPlan:"Current plan",badge__default:"Default",badge__endsAt:"Ends {{ date | shortDate('en-US') }}",badge__expired:"Expired",badge__freeTrial:"Free trial",badge__otherImpersonatorDevice:"Other impersonator device",badge__pastDueAt:"Past due {{ date | shortDate('en-US') }}",badge__pastDuePlan:"Past due",badge__primary:"Primary",badge__renewsAt:"Renews {{ date | shortDate('en-US') }}",badge__requiresAction:"Requires action",badge__startsAt:"Starts {{ date | shortDate('en-US') }}",badge__thisDevice:"This device",badge__trialEndsAt:"Trial ends {{ date | shortDate('en-US') }}",badge__unverified:"Unverified",badge__upcomingPlan:"Upcoming",badge__userDevice:"User device",badge__you:"You",badge__banned:"Banned",billing:{addPaymentMethod__label:"Add payment method",alwaysFree:"Always free",annually:"Annually",availableFeatures:"Available features",billedAnnually:"Billed annually",billedMonthlyOnly:"Only billed monthly",billedAnnuallyOnly:"Only billed annually",cancelFreeTrial:"Cancel free trial",cancelFreeTrialAccessUntil:"Your trial will stay active until {{ date | longDate('en-US') }}. After that, you'll lose access to trial features. You won't be charged.",cancelFreeTrialTitle:"Cancel free trial for {{plan}} plan?",cancelSubscription:"Cancel subscription",cancelSubscriptionAccessUntil:"You can keep using '{{plan}}' features until {{ date | longDate('en-US') }}, after which you will no longer have access.",cancelSubscriptionNoCharge:"You will not be charged for this subscription.",cancelSubscriptionPastDue:"Your subscription will end immediately and you will lose access to all plan features. You will be asked to pay the past due amount on your next subscription.",cancelSubscriptionTitle:"Cancel {{plan}} Subscription?",cannotSubscribeMonthly:"You cannot subscribe to this plan by paying monthly. To subscribe to this plan, you need to choose to pay annually.",cannotSubscribeUnrecoverable:"You cannot subscribe to this plan. Your existing subscription is more expensive than this plan.",checkout:{description__paymentSuccessful:"Your payment was successful.",description__subscriptionSuccessful:"Your new subscription is all set.",downgradeNotice:"You will keep your current subscription and its features until the end of the billing cycle, then you will be switched to this subscription.",emailForm:{subtitle:"Before you can complete your purchase you must add an email address where receipts will be sent.",title:"Add an email address"},lineItems:{title__freeTrialEndsAt:"Trial ends on",title__paymentMethod:"Payment method",title__statementId:"Statement ID",title__subscriptionBegins:"Subscription begins",title__totalPaid:"Total paid"},pastDueNotice:"Your previous subscription was past due, with no payment.",perMonth:"per month",title:"Checkout",title__paymentSuccessful:"Payment was successful!",title__subscriptionSuccessful:"Success!",title__trialSuccess:"Trial successfully started!",totalDueAfterTrial:"Total Due after trial ends in {{days}} days"},credit:"Credit",prorationCredit:"Prorated credit",accountCredit:"Account credit",creditRemainder:"Credit for the remainder of your current subscription.",payerCreditRemainder:"Credit from account balance.",defaultFreePlanActive:"You're currently on the Free plan",free:"Free",getStarted:"Get started",keepFreeTrial:"Keep free trial",keepSubscription:"Keep subscription",manage:"Manage",manageSubscription:"Manage subscription",month:"Month",monthAbbreviation:"mo",monthPerUnit:"Month per {{unitName}}",monthly:"Monthly",pastDue:"Past due",pay:"Pay {{amount}}",paymentMethod:{applePayDescription:{annual:"Annual payment",monthly:"Monthly payment"},dev:{anyNumbers:"Any numbers",cardNumber:"Card number",cvcZip:"CVC, ZIP",developmentMode:"Development mode",expirationDate:"Expiration date",testCardInfo:"Test card information"}},paymentMethods__label:"Payment Methods",popular:"Popular",pricingTable:{billingCycle:"Billing cycle",included:"Included",seatCost:{freeUpToSeats:"Free up to {{endsAfterBlock}} seats",upToSeats:"Up to {{endsAfterBlock}} seats",perSeat:"{{feePerBlockAmount}}/{{periodAbbreviation}} per seat",includedSeats:"{{includedSeats}} seats included",additionalSeats:"({{additionalTierFeePerBlockAmount}}/{{periodAbbreviation}} for additional)",unlimitedSeats:"Unlimited seats",tooltip:{freeForUpToSeats:"Free for up to {{endsAfterBlock}} seats.",additionalSeatsEach:"Additional seats are {{feePerBlockAmount}}/{{period}} each.",firstSeatsIncludedInPlan:"First {{endsAfterBlock}} seats are included in the plan."}}},reSubscribe:"Resubscribe",seats:"Seats",seeAllFeatures:"See all features",startFreeTrial:"Start free trial",startFreeTrial__days:"Start {{days}}-day free trial",subscribe:"Subscribe",subscriptionDetails:{beginsOn:"Begins on",currentBillingCycle:"Current billing cycle",endsOn:"Ends on",firstPaymentAmount:"First payment amount",firstPaymentOn:"First payment on",nextPaymentAmount:"Next payment amount",nextPaymentOn:"Next payment on",pastDueAt:"Past due on",renewsAt:"Renews at",subscribedOn:"Subscribed on",title:"Subscription",trialEndsOn:"Trial ends on",trialStartedOn:"Trial started on"},subtotal:"Subtotal",switchPlan:"Switch to this plan",switchToAnnual:"Switch to annual",switchToAnnualWithAnnualPrice:"Switch to annual {{currency}}{{price}} / year",switchToMonthly:"Switch to monthly",switchToMonthlyWithPrice:"Switch to monthly {{currency}}{{price}} / month",totalDue:"Total due",totalDueToday:"Total Due Today",viewFeatures:"View features",viewPayment:"View payment",year:"Year",yearAbbreviation:"yr",yearPerUnit:"Year per {{unitName}}"},createOrganization:{formButtonSubmit:"Create organization",invitePage:{formButtonReset:"Skip"},title:"Create organization"},dates:{lastDay:"Yesterday at {{ date | timeString('en-US') }}",next6Days:"{{ date | weekday('en-US','long') }} at {{ date | timeString('en-US') }}",nextDay:"Tomorrow at {{ date | timeString('en-US') }}",numeric:"{{ date | numeric('en-US') }}",previous6Days:"Last {{ date | weekday('en-US','long') }} at {{ date | timeString('en-US') }}",sameDay:"Today at {{ date | timeString('en-US') }}"},dividerText:"or",footerActionLink__alternativePhoneCodeProvider:"Send code via SMS instead",footerActionLink__useAnotherMethod:"Use another method",footerPageLink__help:"Help",footerPageLink__privacy:"Privacy",footerPageLink__terms:"Terms",formButtonPrimary:"Continue",formButtonPrimary__verify:"Verify",formFieldAction__forgotPassword:"Forgot password?",formFieldError__matchingPasswords:"Passwords match.",formFieldError__notMatchingPasswords:"Passwords don't match.",formFieldError__verificationLinkExpired:"The verification link expired. Please request a new link.",formFieldHintText__optional:"Optional",formFieldHintText__slug:"A slug is a human-readable ID that must be unique. It’s often used in URLs.",formFieldInputPlaceholder__apiKeyDescription:"Explain why you’re generating this key",formFieldInputPlaceholder__apiKeyExpirationDate:"Select date",formFieldInputPlaceholder__apiKeyName:"Enter your secret key name",formFieldInputPlaceholder__backupCode:"Enter backup code",formFieldInputPlaceholder__confirmDeletionUserAccount:"Delete account",formFieldInputPlaceholder__emailAddress:"Enter your email address",formFieldInputPlaceholder__emailAddress_username:"Enter email or username",formFieldInputPlaceholder__emailAddresses:"example@email.com, example2@email.com",formFieldInputPlaceholder__firstName:"First name",formFieldInputPlaceholder__lastName:"Last name",formFieldInputPlaceholder__organizationDomain:"example.com",formFieldInputPlaceholder__organizationDomainEmailAddress:"you@example.com",formFieldInputPlaceholder__organizationName:"Organization name",formFieldInputPlaceholder__organizationSlug:"my-org",formFieldInputPlaceholder__password:"Enter your password",formFieldInputPlaceholder__signUpPassword:"Create a password",formFieldInputPlaceholder__phoneNumber:"Enter your phone number",formFieldInputPlaceholder__username:"Enter your username",formFieldInput__emailAddress_format:"Example format: name@example.com",formFieldLabel__apiKey:"API key",formFieldLabel__apiKeyDescription:"Description",formFieldLabel__apiKeyExpiration:"Expiration",formFieldLabel__apiKeyName:"Secret key name",formFieldLabel__automaticInvitations:"Enable automatic invitations for this domain",formFieldLabel__backupCode:"Backup code",formFieldLabel__confirmDeletion:"Confirmation",formFieldLabel__confirmPassword:"Confirm password",formFieldLabel__currentPassword:"Current password",formFieldLabel__emailAddress:"Email address",formFieldLabel__emailAddress_username:"Email address or username",formFieldLabel__emailAddresses:"Email addresses",formFieldLabel__firstName:"First name",formFieldLabel__lastName:"Last name",formFieldLabel__newPassword:"New password",formFieldLabel__organizationDomain:"Domain",formFieldLabel__organizationDomainDeletePending:"Delete pending invitations and suggestions",formFieldLabel__organizationDomainEmailAddress:"Verification email address",formFieldLabel__organizationDomainEmailAddressDescription:"Enter an email address under this domain to receive a code and verify this domain.",formFieldLabel__organizationName:"Name",formFieldLabel__organizationSlug:"Slug",formFieldLabel__passkeyName:"Name of passkey",formFieldLabel__password:"Password",formFieldLabel__phoneNumber:"Phone number",formFieldLabel__role:"Role",formFieldLabel__signOutOfOtherSessions:"Sign out of all other devices",formFieldLabel__username:"Username",impersonationFab:{action__signOut:"Sign out",title:"Signed in as {{identifier}}"},lastAuthenticationStrategy:"Last used",maintenanceMode:"We are currently undergoing maintenance, but don't worry, it shouldn't take more than a few minutes.",membershipRole__admin:"Admin",membershipRole__basicMember:"Member",membershipRole__guestMember:"Guest",organizationList:{action__createOrganization:"Create organization",action__invitationAccept:"Join",action__suggestionsAccept:"Request to join",createOrganization:"Create Organization",invitationAcceptedLabel:"Joined",subtitle:"to continue to {{applicationName}}",suggestionsAcceptedLabel:"Pending approval",title:"Choose an account",titleWithoutPersonal:"Choose an organization"},oauthConsent:{action__allow:"Allow",action__deny:"Deny",offlineAccessNotice:" You'll stay signed in until you sign out or revoke access.",redirectNotice:"If you allow access, this app will redirect you to {{domainAction}}.",redirectUriModal:{subtitle:"Make sure you trust {{applicationName}} and that this URL belongs to {{applicationName}}.",title:"Redirect URL"},scopeList:{title:"This will allow {{applicationName}} access to:"},subtitle:"wants to access {{applicationName}} on behalf of {{identifier}}",viewFullUrl:"View full URL",warning:"Make sure that you trust {{applicationName}} ({{domainAction}}). You may be sharing sensitive data with this site or app."},organizationProfile:{apiKeysPage:{title:"API keys"},badge__automaticInvitation:"Automatic invitations",badge__automaticSuggestion:"Automatic suggestions",badge__manualInvitation:"No automatic enrollment",badge__unverified:"Unverified",billingPage:{paymentHistorySection:{empty:"No payment history",notFound:"Payment attempt not found",tableHeader__amount:"Amount",tableHeader__date:"Date",tableHeader__status:"Status"},paymentMethodsSection:{actionLabel__default:"Make default",actionLabel__remove:"Remove",add:"Add new payment method",addSubtitle:"Add a new payment method to your account.",cancelButton:"Cancel",formButtonPrimary__add:"Add Payment Method",formButtonPrimary__pay:"Pay {{amount}}",payWithTestCardButton:"Pay with test card",removeMethod:{messageLine1:"{{identifier}} will be removed from this account.",messageLine2:"You will no longer be able to use this payment method and any recurring subscriptions dependent on it will no longer work.",successMessage:"{{paymentMethod}} has been removed from your account.",title:"Remove payment method"},title:"Payment methods"},start:{headerTitle__payments:"Payments",headerTitle__plans:"Plans",headerTitle__statements:"Statements",headerTitle__subscriptions:"Subscription"},statementsSection:{empty:"No statements to display",itemCaption__paidForPlan:"Paid for {{plan}} {{period}} plan",itemCaption__proratedCredit:"Prorated credit for partial usage of previous subscription",itemCaption__payerCredit:"Credit from account balance",itemCaption__subscribedAndPaidForPlan:"Subscribed and paid for {{plan}} {{period}} plan",notFound:"Statement not found",tableHeader__amount:"Amount",tableHeader__date:"Date",title:"Statements",totalPaid:"Total paid"},subscriptionsListSection:{actionLabel__manageSubscription:"Manage",actionLabel__newSubscription:"Subscribe to a plan",actionLabel__switchPlan:"Switch plans",tableHeader__edit:"Edit",tableHeader__plan:"Plan",tableHeader__startDate:"Start date",title:"Subscription"},subscriptionsSection:{actionLabel__default:"Manage"},switchPlansSection:{title:"Switch plans"},title:"Billing"},createDomainPage:{subtitle:"Add the domain to verify. Users with email addresses at this domain can join the organization automatically or request to join.",title:"Add domain"},invitePage:{detailsTitle__inviteFailed:"The invitations could not be sent. There are already pending invitations for the following email addresses: {{email_addresses}}.",formButtonPrimary__continue:"Send invitations",selectDropdown__role:"Select role",subtitle:"Enter or paste one or more email addresses, separated by spaces or commas.",successMessage:"Invitations successfully sent",title:"Invite new members"},membersPage:{action__invite:"Invite",action__search:"Search",activeMembersTab:{menuAction__remove:"Remove member",tableHeader__actions:"Actions",tableHeader__joined:"Joined",tableHeader__role:"Role",tableHeader__user:"User"},alerts:{roleSetMigrationInProgress:{subtitle:"We are updating the available roles. Once that’s done, you’ll be able to update roles again.",title:"Roles are temporarily locked"}},detailsTitle__emptyRow:"No members to display",invitationsTab:{autoInvitations:{headerSubtitle:"Invite users by connecting an email domain with your organization. Anyone who signs up with a matching email domain will be able to join the organization anytime.",headerTitle:"Automatic invitations",primaryButton:"Manage verified domains"},table__emptyRow:"No invitations to display"},invitedMembersTab:{menuAction__revoke:"Revoke invitation",tableHeader__invited:"Invited"},requestsTab:{autoSuggestions:{headerSubtitle:"Users who sign up with a matching email domain, will be able to see a suggestion to request to join your organization.",headerTitle:"Automatic suggestions",primaryButton:"Manage verified domains"},menuAction__approve:"Approve",menuAction__reject:"Reject",tableHeader__requested:"Requested access",table__emptyRow:"No requests to display"},start:{headerTitle__invitations:"Invitations",headerTitle__members:"Members",headerTitle__requests:"Requests"}},navbar:{apiKeys:"API keys",billing:"Billing",description:"Manage your organization.",general:"General",members:"Members",title:"Organization"},plansPage:{alerts:{noPermissionsToManageBilling:"You do not have permissions to manage billing for this organization.",planMembershipLimitExceeded:"Your organization has {{count}} members (including pending invitations). This plan only allows {{limit}} members."},title:"Plans"},profilePage:{dangerSection:{deleteOrganization:{actionDescription:'Type "{{organizationName}}" below to continue.',messageLine1:"Are you sure you want to delete this organization?",messageLine2:"This action is permanent and irreversible.",successMessage:"You have deleted the organization.",title:"Delete organization"},leaveOrganization:{actionDescription:'Type "{{organizationName}}" below to continue.',messageLine1:"Are you sure you want to leave this organization? You will lose access to this organization and its applications.",messageLine2:"This action is permanent and irreversible.",successMessage:"You have left the organization.",title:"Leave organization"},title:"Danger"},domainSection:{menuAction__manage:"Manage",menuAction__remove:"Delete",menuAction__verify:"Verify",primaryButton:"Add domain",subtitle:"Allow users to join the organization automatically or request to join based on a verified email domain.",title:"Verified domains"},successMessage:"The organization has been updated.",title:"Update profile"},removeDomainPage:{messageLine1:"The email domain {{domain}} will be removed.",messageLine2:"Users won’t be able to join the organization automatically after this.",successMessage:"{{domain}} has been removed.",title:"Remove domain"},start:{headerTitle__general:"General",headerTitle__members:"Members",membershipSeatUsageLabel:"{{count}} of {{limit}} seats used",profileSection:{primaryButton:"Update profile",title:"Organization Profile",uploadAction__title:"Logo"}},verifiedDomainPage:{dangerTab:{calloutInfoLabel:"Removing this domain will affect invited users.",removeDomainActionLabel__remove:"Remove domain",removeDomainSubtitle:"Remove this domain from your verified domains",removeDomainTitle:"Remove domain"},enrollmentTab:{automaticInvitationOption__description:"Users are automatically invited to join the organization when they sign-up and can join anytime.",automaticInvitationOption__label:"Automatic invitations",automaticSuggestionOption__description:"Users receive a suggestion to request to join, but must be approved by an admin before they are able to join the organization.",automaticSuggestionOption__label:"Automatic suggestions",calloutInfoLabel:"Changing the enrollment mode will only affect new users.",calloutInvitationCountLabel:"Pending invitations sent to users: {{count}}",calloutSuggestionCountLabel:"Pending suggestions sent to users: {{count}}",manualInvitationOption__description:"Users can only be invited manually to the organization.",manualInvitationOption__label:"No automatic enrollment",subtitle:"Choose how users from this domain can join the organization."},start:{headerTitle__danger:"Danger",headerTitle__enrollment:"Enrollment options"},subtitle:"The domain {{domain}} is now verified. Continue by selecting enrollment mode.",title:"Update {{domain}}"},verifyDomainPage:{formSubtitle:"Enter the verification code sent to your email address",formTitle:"Verification code",resendButton:"Didn't receive a code? Resend",subtitle:"The domain {{domainName}} needs to be verified via email.",subtitleVerificationCodeScreen:"A verification code was sent to {{emailAddress}}. Enter the code to continue.",title:"Verify domain"}},organizationSwitcher:{action__closeOrganizationSwitcher:"Close organization switcher",action__createOrganization:"Create organization",action__invitationAccept:"Join",action__manageOrganization:"Manage",action__openOrganizationSwitcher:"Open organization switcher",action__suggestionsAccept:"Request to join",notSelected:"No organization selected",personalWorkspace:"Personal account",suggestionsAcceptedLabel:"Pending approval"},paginationButton__next:"Next",paginationButton__previous:"Previous",paginationRowText__displaying:"Displaying",paginationRowText__of:"of",reverification:{alternativeMethods:{actionLink:"Get help",actionText:"Don’t have any of these?",blockButton__backupCode:"Use a backup code",blockButton__emailCode:"Email code to {{identifier}}",blockButton__passkey:"Use your passkey",blockButton__password:"Continue with your password",blockButton__phoneCode:"Send SMS code to {{identifier}}",blockButton__totp:"Use your authenticator app",getHelp:{blockButton__emailSupport:"Email support",content:"If you have trouble verifying your account, email us and we will work with you to restore access as soon as possible.",title:"Get help"},subtitle:"Facing issues? You can use any of these methods for verification.",title:"Use another method"},backupCodeMfa:{subtitle:"Enter the backup code you received when setting up two-step authentication",title:"Enter a backup code"},emailCode:{formTitle:"Verification code",resendButton:"Didn't receive a code? Resend",subtitle:"Enter the code sent to your email to continue",title:"Verification required"},noAvailableMethods:{message:"Cannot proceed with verification. No suitable authentication factor is configured",subtitle:"An error occurred",title:"Cannot verify your account"},passkey:{blockButton__passkey:"Use your passkey",subtitle:"Using your passkey confirms your identity. Your device may ask for your fingerprint, face, or screen lock.",title:"Use your passkey"},password:{actionLink:"Use another method",subtitle:"Enter your current password to continue",title:"Verification required"},phoneCode:{formTitle:"Verification code",resendButton:"Didn't receive a code? Resend",subtitle:"Enter the code sent to your phone to continue",title:"Verification required"},phoneCodeMfa:{formTitle:"Verification code",resendButton:"Didn't receive a code? Resend",subtitle:"Enter the code sent to your phone to continue",title:"Verification required"},totpMfa:{formTitle:"Verification code",subtitle:"Enter the code generated by your authenticator app to continue",title:"Verification required"}},signIn:{accountSwitcher:{action__addAccount:"Add account",action__signOutAll:"Sign out of all accounts",subtitle:"Select the account with which you wish to continue.",title:"Choose an account"},alternativeMethods:{actionLink:"Get help",actionText:"Don’t have any of these?",blockButton__backupCode:"Use a backup code",blockButton__emailCode:"Email code to {{identifier}}",blockButton__emailLink:"Email link to {{identifier}}",blockButton__passkey:"Sign in with your passkey",blockButton__password:"Sign in with your password",blockButton__phoneCode:"Send SMS code to {{identifier}}",blockButton__totp:"Use your authenticator app",getHelp:{blockButton__emailSupport:"Email support",content:"If you have trouble signing into your account, email us and we will work with you to restore access as soon as possible.",title:"Get help"},subtitle:"Facing issues? You can use any of these methods to sign in.",title:"Use another method"},alternativePhoneCodeProvider:{formTitle:"Verification code",resendButton:"Didn't receive a code? Resend",subtitle:"to continue to {{applicationName}}",title:"Check your {{provider}}"},backupCodeMfa:{subtitle:"Your backup code is the one you got when setting up two-step authentication.",title:"Enter a backup code"},emailCode:{formTitle:"Verification code",resendButton:"Didn't receive a code? Resend",subtitle:"to continue to {{applicationName}}",title:"Check your email"},emailCodeMfa:{formTitle:"Check your email",resendButton:"Didn't receive a code? Resend",subtitle:"to continue to {{applicationName}}",title:"Check your email"},emailLink:{clientMismatch:{subtitle:"To continue, open the verification link on the device and browser from which you initiated the sign-in",title:"Verification link is invalid for this device"},expired:{subtitle:"Return to the original tab to continue.",title:"This verification link has expired"},failed:{subtitle:"Return to the original tab to continue.",title:"This verification link is invalid"},formSubtitle:"Use the verification link sent to your email",formTitle:"Verification link",loading:{subtitle:"You will be redirected soon",title:"Signing in..."},resendButton:"Didn't receive a link? Resend",subtitle:"to continue to {{applicationName}}",title:"Check your email",unusedTab:{title:"You may close this tab"},verified:{subtitle:"You will be redirected soon",title:"Successfully signed in"},verifiedSwitchTab:{subtitle:"Return to original tab to continue",subtitleNewTab:"Return to the newly opened tab to continue",titleNewTab:"Signed in on other tab"}},emailLinkMfa:{formSubtitle:"Use the verification link sent to your email",resendButton:"Didn't receive a link? Resend",subtitle:"to continue to {{applicationName}}",title:"Check your email"},enterpriseConnections:{subtitle:"Select the enterprise account with which you wish to continue.",title:"Choose your enterprise account"},forgotPassword:{formTitle:"Reset password code",resendButton:"Didn't receive a code? Resend",subtitle:"to reset your password",subtitle_email:"First, enter the code sent to your email address",subtitle_phone:"First, enter the code sent to your phone",title:"Reset password"},forgotPasswordAlternativeMethods:{blockButton__resetPassword:"Reset your password",label__alternativeMethods:"Or, sign in with another method",title:"Forgot Password?"},newDeviceVerificationNotice:"You're signing in from a new device. We're asking for verification to keep your account secure.",noAvailableMethods:{message:"Cannot proceed with sign in. There's no available authentication factor.",subtitle:"An error occurred",title:"Cannot sign in"},passkey:{subtitle:"Using your passkey confirms it's you. Your device may ask for your fingerprint, face or screen lock.",title:"Use your passkey"},password:{actionLink:"Use another method",subtitle:"Enter the password associated with your account",title:"Enter your password"},passwordCompromised:{title:"Password compromised"},passwordPwned:{title:"Password compromised"},passwordUntrusted:{title:"Password untrusted"},phoneCode:{formTitle:"Verification code",resendButton:"Didn't receive a code? Resend",subtitle:"to continue to {{applicationName}}",title:"Check your phone"},phoneCodeMfa:{formTitle:"Verification code",resendButton:"Didn't receive a code? Resend",subtitle:"To continue, please enter the verification code sent to your phone",title:"Check your phone"},resetPassword:{formButtonPrimary:"Reset Password",requiredMessage:"For security reasons, it is required to reset your password.",successMessage:"Your password was successfully changed. Signing you in, please wait a moment.",title:"Set new password"},resetPasswordMfa:{detailsLabel:"We need to verify your identity before resetting your password."},start:{actionLink:"Sign up",actionLink__join_waitlist:"Join waitlist",actionLink__use_email:"Use email",actionLink__use_email_username:"Use email or username",actionLink__use_passkey:"Use passkey instead",actionLink__use_phone:"Use phone",actionLink__use_username:"Use username",actionText:"Don’t have an account?",actionText__join_waitlist:"Want early access?",alternativePhoneCodeProvider:{actionLink:"Use another method",label:"{{provider}} phone number",subtitle:"Enter your phone number to get a verification code on {{provider}}.",title:"Sign in to {{applicationName}} with {{provider}}"},subtitle:"Welcome back! Please sign in to continue",subtitleCombined:void 0,title:"Sign in to {{applicationName}}",titleCombined:"Continue to {{applicationName}}"},totpMfa:{formTitle:"Verification code",subtitle:"To continue, please enter the verification code generated by your authenticator app",title:"Two-step verification"},web3Solana:{subtitle:"Select a wallet below to sign in",title:"Sign in with Solana"}},signInEnterPasswordTitle:"Enter your password",signUp:{alternativePhoneCodeProvider:{resendButton:"Didn't receive a code? Resend",subtitle:"Enter the verification code sent to your {{provider}}",title:"Verify your {{provider}}"},continue:{actionLink:"Sign in",actionText:"Already have an account?",subtitle:"Please fill in the remaining details to continue.",title:"Fill in missing fields"},emailCode:{formSubtitle:"Enter the verification code sent to your email address",formTitle:"Verification code",resendButton:"Didn't receive a code? Resend",subtitle:"Enter the verification code sent to your email",title:"Verify your email"},emailLink:{clientMismatch:{subtitle:"To continue, open the verification link on the device and browser from which you initiated the sign-up",title:"Verification link is invalid for this device"},formSubtitle:"Use the verification link sent to your email address",formTitle:"Verification link",loading:{title:"Signing up..."},resendButton:"Didn't receive a link? Resend",subtitle:"to continue to {{applicationName}}",title:"Verify your email",verified:{title:"Successfully signed up"},verifiedSwitchTab:{subtitle:"Return to the newly opened tab to continue",subtitleNewTab:"Return to previous tab to continue",title:"Successfully verified email"}},enterpriseConnections:{subtitle:"Select the enterprise account with which you wish to continue.",title:"Choose your enterprise account"},legalConsent:{checkbox:{label__onlyPrivacyPolicy:'I agree to the {{ privacyPolicyLink || link("Privacy Policy") }}',label__onlyTermsOfService:'I agree to the {{ termsOfServiceLink || link("Terms of Service") }}',label__termsOfServiceAndPrivacyPolicy:'I agree to the {{ termsOfServiceLink || link("Terms of Service") }} and {{ privacyPolicyLink || link("Privacy Policy") }}'},continue:{subtitle:"Please read and accept the terms to continue",title:"Legal consent"}},phoneCode:{formSubtitle:"Enter the verification code sent to your phone number",formTitle:"Verification code",resendButton:"Didn't receive a code? Resend",subtitle:"Enter the verification code sent to your phone",title:"Verify your phone"},restrictedAccess:{actionLink:"Sign in",actionText:"Already have an account?",blockButton__emailSupport:"Email support",blockButton__joinWaitlist:"Join waitlist",subtitle:"Sign ups are currently disabled. If you believe you should have access, please contact support.",subtitleWaitlist:"Sign ups are currently disabled. To be the first to know when we launch, join the waitlist.",title:"Access restricted"},start:{actionLink:"Sign in",actionLink__use_email:"Use email instead",actionLink__use_phone:"Use phone instead",actionText:"Already have an account?",alternativePhoneCodeProvider:{actionLink:"Use another method",label:"{{provider}} phone number",subtitle:"Enter your phone number to get a verification code on {{provider}}.",title:"Sign up to {{applicationName}} with {{provider}}"},subtitle:"Welcome! Please fill in the details to get started.",subtitleCombined:"Welcome! Please fill in the details to get started.",title:"Create your account",titleCombined:"Create your account"},web3Solana:{subtitle:"Select a wallet below to sign up",title:"Sign up with Solana"}},socialButtonsBlockButton:"Continue with {{provider|titleize}}",socialButtonsBlockButtonManyInView:"{{provider|titleize}}",taskChooseOrganization:{alerts:{organizationAlreadyExists:"An organization already exists for the detected company name ({{organizationName}}) and {{organizationDomain}}. Join by invitation."},chooseOrganization:{action__createOrganization:"Create new organization",action__invitationAccept:"Join",action__suggestionsAccept:"Request to join",subtitle:"Join an existing organization or create a new one",subtitle__createOrganizationDisabled:"Join an existing organization",suggestionsAcceptedLabel:"Pending approval",title:"Choose an organization"},createOrganization:{formButtonReset:"Cancel",formButtonSubmit:"Continue",formFieldInputPlaceholder__name:"My Organization",formFieldInputPlaceholder__slug:"my-organization",formFieldLabel__name:"Name",formFieldLabel__slug:"Slug",subtitle:"Enter your organization details to continue",title:"Setup your organization"},organizationCreationDisabled:{subtitle:"Contact your organization admin for an invitation.",title:"You must belong to an organization"},signOut:{actionLink:"Sign out",actionText:"Signed in as {{identifier}}"}},taskResetPassword:{formButtonPrimary:"Reset Password",signOut:{actionLink:"Sign out",actionText:"Signed in as {{identifier}}"},subtitle:"Your account requires a new password before you can continue",title:"Reset your password"},taskSetupMfa:{badge:"Two-step verification setup",signOut:{actionLink:"Sign out",actionText:"Signed in as {{identifier}}"},smsCode:{addPhone:{formButtonPrimary:"Continue",infoText:"A text message containing a verification code will be sent to this phone number. Message and data rates may apply."},addPhoneNumber:"Add phone number",cancel:"Cancel",subtitle:"Choose phone number you want to use for SMS code two-step verification",success:{finishButton:"Continue",message1:"Two-step verification is now enabled. When signing in, you will need to enter a verification code sent to this phone number as an additional step.",message2:"Save these backup codes and store them somewhere safe. If you lose access to your authentication device, you can use backup codes to sign in.",title:"SMS code verification enabled"},title:"Add SMS code verification",verifyPhone:{formButtonPrimary:"Continue",formTitle:"Verification code",resendButton:"Didn't receive a code? Resend",subtitle:"Enter the verification code sent to",title:"Verify your phone number"}},start:{methodSelection:{phoneCode:"SMS code",totp:"Authenticator application"},subtitle:"Choose which method you prefer to protect your account with an extra layer of security",title:"Set up two-step verification"},totpCode:{addAuthenticatorApp:{buttonAbleToScan__nonPrimary:"Scan QR code instead",buttonUnableToScan__nonPrimary:"Can't scan QR code?",formButtonPrimary:"Continue",formButtonReset:"Cancel",infoText__ableToScan:"Set up a new sign-in method in your authenticator app and scan the following QR code to link it to your account.",infoText__unableToScan:"Set up a new sign-in method in your authenticator and enter the Key provided below.",inputLabel__unableToScan1:"Make sure Time-based or One-time passwords is enabled, then finish linking your account."},success:{finishButton:"Continue",message1:"Two-step verification is now enabled. When signing in, you will need to enter a verification code from this authenticator as an additional step.",message2:"Save these backup codes and store them somewhere safe. If you lose access to your authentication device, you can use backup codes to sign in.",title:"Authenticator application verification enabled"},title:"Add authenticator application",verifyTotp:{formButtonPrimary:"Continue",formButtonReset:"Cancel",formTitle:"Verification code",subtitle:"Enter verification code generated by your authenticator",title:"Add authenticator application"}}},unstable__errors:{already_a_member_in_organization:"{{email}} is already a member of the organization.",api_key_name_already_exists:"API Key name already exists.",api_key_usage_exceeded:"You have reached your usage limit. You can remove the limit by upgrading to a paid plan.",avatar_file_size_exceeded:"File size exceeds the maximum limit of 10MB. Please choose a smaller file.",avatar_file_type_invalid:"File type not supported. Please upload a JPG, PNG, GIF, or WEBP image.",captcha_invalid:void 0,captcha_unavailable:"Sign up unsuccessful due to failed bot validation. Please refresh the page to try again or reach out to support for more assistance.",form_code_incorrect:void 0,form_email_address_blocked:void 0,form_identifier_exists__email_address:void 0,form_identifier_exists__phone_number:void 0,form_identifier_exists__username:void 0,form_identifier_not_found:void 0,form_new_password_matches_current:"New password cannot be the same as the current password.",form_param_format_invalid:void 0,form_param_format_invalid__email_address:void 0,form_param_format_invalid__phone_number:void 0,form_param_max_length_exceeded__first_name:void 0,form_param_max_length_exceeded__last_name:void 0,form_param_max_length_exceeded__name:void 0,form_param_nil:void 0,form_param_type_invalid:void 0,form_param_type_invalid__email_address:void 0,form_param_type_invalid__phone_number:void 0,form_param_value_invalid:void 0,form_password_compromised__sign_in:void 0,form_password_incorrect:void 0,form_password_length_too_short:"Your password is too short. It must be at least 8 characters long.",form_password_not_strong_enough:"Your password is not strong enough.",form_password_or_identifier_incorrect:void 0,form_password_pwned:"This password has been found as part of a breach and can not be used, please try another password instead.",form_password_pwned__sign_in:"This password has been found as part of a breach and can not be used, please reset your password.",form_password_size_in_bytes_exceeded:void 0,form_password_untrusted__sign_in:"Your password may be compromised. To protect your account, please continue with an alternative sign-in method. You will be required to reset your password after signing in.",form_password_validation_failed:void 0,form_username_invalid_character:void 0,form_username_invalid_length:"Your username must be between {{min_length}} and {{max_length}} characters long.",form_username_needs_non_number_char:"Your username must contain at least one non-numeric character.",identification_deletion_failed:void 0,not_allowed_access:void 0,organization_domain_blocked:void 0,organization_domain_common:void 0,organization_domain_exists_for_enterprise_connection:void 0,organization_membership_quota_exceeded:"You have reached your limit of organization memberships, including outstanding invitations.",organization_minimum_permissions_needed:void 0,organization_not_found_or_unauthorized:"You are no longer a member of this organization. Please choose or create another one.",organization_not_found_or_unauthorized_with_create_organization_disabled:"You are no longer a member of this organization. Please choose another one.",passkey_already_exists:"A passkey is already registered with this device.",passkey_not_supported:"Passkeys are not supported on this device.",passkey_pa_not_supported:"Registration requires a platform authenticator but the device does not support it.",passkey_registration_cancelled:"Passkey registration was cancelled or timed out.",passkey_retrieval_cancelled:"Passkey verification was cancelled or timed out.",passwordComplexity:{maximumLength:"less than {{length}} characters",minimumLength:"{{length}} or more characters",requireLowercase:"a lowercase letter",requireNumbers:"a number",requireSpecialCharacter:"a special character",requireUppercase:"an uppercase letter",sentencePrefix:"Your password must contain"},phone_number_exists:void 0,session_exists:void 0,web3_missing_identifier:"A Web3 Wallet extension cannot be found. Please install one to continue.",web3_signature_request_rejected:"You have rejected the signature request. Please try again to continue.",web3_solana_signature_generation_failed:"An error occurred while generating the signature. Please try again to continue.",zxcvbn:{couldBeStronger:"Your password works, but could be stronger. Try adding more characters.",goodPassword:"Your password meets all the necessary requirements.",notEnough:"Your password is not strong enough.",suggestions:{allUppercase:"Capitalize some, but not all letters.",anotherWord:"Add more words that are less common.",associatedYears:"Avoid years that are associated with you.",capitalization:"Capitalize more than the first letter.",dates:"Avoid dates and years that are associated with you.",l33t:"Avoid predictable letter substitutions like '@' for 'a'.",longerKeyboardPattern:"Use longer keyboard patterns and change typing direction multiple times.",noNeed:"You can create strong passwords without using symbols, numbers, or uppercase letters.",pwned:"If you use this password elsewhere, you should change it.",recentYears:"Avoid recent years.",repeated:"Avoid repeated words and characters.",reverseWords:"Avoid reversed spellings of common words.",sequences:"Avoid common character sequences.",useWords:"Use multiple words, but avoid common phrases."},warnings:{common:"This is a commonly used password.",commonNames:"Common names and surnames are easy to guess.",dates:"Dates are easy to guess.",extendedRepeat:'Repeated character patterns like "abcabcabc" are easy to guess.',keyPattern:"Short keyboard patterns are easy to guess.",namesByThemselves:"Single names or surnames are easy to guess.",pwned:"Your password was exposed by a data breach on the Internet.",recentYears:"Recent years are easy to guess.",sequences:'Common character sequences like "abc" are easy to guess.',similarToCommon:"This is similar to a commonly used password.",simpleRepeat:'Repeated characters like "aaa" are easy to guess.',straightRow:"Straight rows of keys on your keyboard are easy to guess.",topHundred:"This is a frequently used password.",topTen:"This is a heavily used password.",userInputs:"There should not be any personal or page related data.",wordByItself:"Single words are easy to guess."}}},userButton:{action__addAccount:"Add account",action__closeUserMenu:"Close user menu",action__manageAccount:"Manage account",action__openUserMenu:"Open user menu",action__signOut:"Sign out",action__signOutAll:"Sign out of all accounts"},userProfile:{apiKeysPage:{title:"API keys"},backupCodePage:{actionLabel__copied:"Copied!",actionLabel__copy:"Copy all",actionLabel__download:"Download .txt",actionLabel__print:"Print",infoText1:"Backup codes will be enabled for this account.",infoText2:"Keep the backup codes secret and store them securely. You may regenerate backup codes if you suspect they have been compromised.",subtitle__codelist:"Store them securely and keep them secret.",successMessage:"Backup codes are now enabled. You can use one of these to sign in to your account, if you lose access to your authentication device. Each code can only be used once.",successSubtitle:"You can use one of these to sign in to your account, if you lose access to your authentication device.",title:"Add backup code verification",title__codelist:"Backup codes"},billingPage:{paymentHistorySection:{empty:"No payment history",notFound:"Payment attempt not found",tableHeader__amount:"Amount",tableHeader__date:"Date",tableHeader__status:"Status"},paymentMethodsSection:{actionLabel__default:"Make default",actionLabel__remove:"Remove",add:"Add new payment method",addSubtitle:"Add a new payment method to your account.",cancelButton:"Cancel",formButtonPrimary__add:"Add Payment Method",formButtonPrimary__pay:"Pay {{amount}}",payWithTestCardButton:"Pay with test card",removeMethod:{messageLine1:"{{identifier}} will be removed from this account.",messageLine2:"You will no longer be able to use this payment source and any recurring subscriptions dependent on it will no longer work.",successMessage:"{{paymentMethod}} has been removed from your account.",title:"Remove payment method"},title:"Payment methods"},start:{headerTitle__payments:"Payments",headerTitle__plans:"Plans",headerTitle__statements:"Statements",headerTitle__subscriptions:"Subscription"},statementsSection:{empty:"No statements to display",itemCaption__paidForPlan:"Paid for {{plan}} {{period}} plan",itemCaption__proratedCredit:"Prorated credit for partial usage of previous subscription",itemCaption__payerCredit:"Credit from account balance",itemCaption__subscribedAndPaidForPlan:"Subscribed and paid for {{plan}} {{period}} plan",notFound:"Statement not found",tableHeader__amount:"Amount",tableHeader__date:"Date",title:"Statements",totalPaid:"Total paid"},subscriptionsListSection:{actionLabel__manageSubscription:"Manage",actionLabel__newSubscription:"Subscribe to a plan",actionLabel__switchPlan:"Switch plans",tableHeader__edit:"Edit",tableHeader__plan:"Plan",tableHeader__startDate:"Start date",title:"Subscription"},subscriptionsSection:{actionLabel__default:"Manage"},switchPlansSection:{title:"Switch plans"},title:"Billing"},connectedAccountPage:{formHint:"Select a provider to connect your account.",formHint__noAccounts:"There are no available external account providers.",removeResource:{messageLine1:"{{identifier}} will be removed from this account.",messageLine2:"You will no longer be able to use this connected account and any dependent features will no longer work.",successMessage:"{{connectedAccount}} has been removed from your account.",title:"Remove connected account"},socialButtonsBlockButton:"{{provider|titleize}}",successMessage:"The provider has been added to your account",title:"Add connected account"},deletePage:{actionDescription:'Type "Delete account" below to continue.',confirm:"Delete account",messageLine1:"Are you sure you want to delete your account? Some associated data may be retained. To request full data deletion, please contact support.",messageLine2:"This action is permanent and irreversible.",title:"Delete account"},emailAddressPage:{emailCode:{formHint:"An email containing a verification code will be sent to this email address.",formSubtitle:"Enter the verification code sent to {{identifier}}",formTitle:"Verification code",resendButton:"Didn't receive a code? Resend",successMessage:"The email {{identifier}} has been added to your account."},emailLink:{formHint:"An email containing a verification link will be sent to this email address.",formSubtitle:"Click on the verification link in the email sent to {{identifier}}",formTitle:"Verification link",resendButton:"Didn't receive a link? Resend",successMessage:"The email {{identifier}} has been added to your account."},enterpriseSSOLink:{formButton:"Click to sign-in",formSubtitle:"Complete the sign-in with {{identifier}}"},formHint:"You'll need to verify this email address before it can be added to your account.",removeResource:{messageLine1:"{{identifier}} will be removed from this account.",messageLine2:"You will no longer be able to sign in using this email address.",successMessage:"{{emailAddress}} has been removed from your account.",title:"Remove email address"},title:"Add email address",verifyTitle:"Verify email address"},formButtonPrimary__add:"Add",formButtonPrimary__continue:"Continue",formButtonPrimary__finish:"Finish",formButtonPrimary__remove:"Remove",formButtonPrimary__save:"Save",formButtonReset:"Cancel",mfaPage:{formHint:"Select a method to add.",title:"Add two-step verification"},mfaPhoneCodePage:{backButton:"Use existing number",primaryButton__addPhoneNumber:"Add phone number",removeResource:{messageLine1:"{{identifier}} will be no longer receiving verification codes when signing in.",messageLine2:"Your account may not be as secure. Are you sure you want to continue?",successMessage:"SMS code two-step verification has been removed for {{mfaPhoneCode}}",title:"Remove two-step verification"},subtitle__availablePhoneNumbers:"Select an existing phone number to register for SMS code two-step verification or add a new one.",subtitle__unavailablePhoneNumbers:"There are no available phone numbers to register for SMS code two-step verification, please add a new one.",successMessage1:"When signing in, you will need to enter a verification code sent to this phone number as an additional step.",successMessage2:"Save these backup codes and store them somewhere safe. If you lose access to your authentication device, you can use backup codes to sign in.",successTitle:"SMS code verification enabled",title:"Add SMS code verification"},mfaTOTPPage:{authenticatorApp:{buttonAbleToScan__nonPrimary:"Scan QR code instead",buttonUnableToScan__nonPrimary:"Can’t scan QR code?",infoText__ableToScan:"Set up a new sign-in method in your authenticator app and scan the following QR code to link it to your account.",infoText__unableToScan:"Set up a new sign-in method in your authenticator and enter the Key provided below.",inputLabel__unableToScan1:"Make sure Time-based or One-time passwords is enabled, then finish linking your account.",inputLabel__unableToScan2:"Alternatively, if your authenticator supports TOTP URIs, you can also copy the full URI."},removeResource:{messageLine1:"Verification codes from this authenticator will no longer be required when signing in.",messageLine2:"Your account may not be as secure. Are you sure you want to continue?",successMessage:"Two-step verification via authenticator application has been removed.",title:"Remove two-step verification"},successMessage:"Two-step verification is now enabled. When signing in, you will need to enter a verification code from this authenticator as an additional step.",title:"Add authenticator application",verifySubtitle:"Enter verification code generated by your authenticator",verifyTitle:"Verification code"},mobileButton__menu:"Menu",navbar:{account:"Profile",apiKeys:"API keys",billing:"Billing",description:"Manage your account info.",security:"Security",title:"Account"},passkeyScreen:{removeResource:{messageLine1:"{{name}} will be removed from this account.",title:"Remove passkey"},subtitle__rename:"You can change the passkey name to make it easier to find.",title__rename:"Rename Passkey"},passwordPage:{checkboxInfoText__signOutOfOtherSessions:"It is recommended to sign out of all other devices which may have used your old password.",readonly:"Your password can currently not be edited because you can sign in only via the enterprise connection.",successMessage__set:"Your password has been set.",successMessage__signOutOfOtherSessions:"All other devices have been signed out.",successMessage__update:"Your password has been updated.",title__set:"Set password",title__update:"Update password"},phoneNumberPage:{infoText:"A text message containing a verification code will be sent to this phone number. Message and data rates may apply.",removeResource:{messageLine1:"{{identifier}} will be removed from this account.",messageLine2:"You will no longer be able to sign in using this phone number.",successMessage:"{{phoneNumber}} has been removed from your account.",title:"Remove phone number"},successMessage:"{{identifier}} has been added to your account.",title:"Add phone number",verifySubtitle:"Enter the verification code sent to {{identifier}}",verifyTitle:"Verify phone number"},plansPage:{title:"Plans"},profilePage:{fileDropAreaHint:"Recommended size 1:1, up to 10MB.",imageFormDestructiveActionSubtitle:"Remove",imageFormSubtitle:"Upload",imageFormTitle:"Profile image",readonly:"Your profile information has been provided by the enterprise connection and cannot be edited.",successMessage:"Your profile has been updated.",title:"Update profile"},start:{activeDevicesSection:{destructiveAction:"Sign out of device",title:"Active devices"},connectedAccountsSection:{actionLabel__connectionFailed:"Reconnect",actionLabel__reauthorize:"Authorize now",destructiveActionTitle:"Remove",primaryButton:"Connect account",subtitle__disconnected:"This account has been disconnected.",subtitle__reauthorize:"The required scopes have been updated, and you may be experiencing limited functionality. Please re-authorize this application to avoid any issues",title:"Connected accounts"},dangerSection:{deleteAccountButton:"Delete account",title:"Delete account"},emailAddressesSection:{destructiveAction:"Remove email",detailsAction__nonPrimary:"Set as primary",detailsAction__primary:"Complete verification",detailsAction__unverified:"Verify",primaryButton:"Add email address",title:"Email addresses"},enterpriseAccountsSection:{primaryButton:"Connect account",title:"Enterprise accounts"},headerTitle__account:"Profile details",headerTitle__security:"Security",mfaSection:{backupCodes:{actionLabel__regenerate:"Regenerate",headerTitle:"Backup codes",subtitle__regenerate:"Get a fresh set of secure backup codes. Prior backup codes will be deleted and cannot be used.",title__regenerate:"Regenerate backup codes"},phoneCode:{actionLabel__setDefault:"Set as default",destructiveActionLabel:"Remove"},primaryButton:"Add two-step verification",title:"Two-step verification",totp:{destructiveActionTitle:"Remove",headerTitle:"Authenticator application"}},passkeysSection:{menuAction__destructive:"Remove",menuAction__rename:"Rename",primaryButton:"Add a passkey",title:"Passkeys"},passwordSection:{primaryButton__setPassword:"Set password",primaryButton__updatePassword:"Update password",title:"Password"},phoneNumbersSection:{destructiveAction:"Remove phone number",detailsAction__nonPrimary:"Set as primary",detailsAction__primary:"Complete verification",detailsAction__unverified:"Verify phone number",primaryButton:"Add phone number",title:"Phone numbers"},profileSection:{primaryButton:"Update profile",title:"Profile"},usernameSection:{primaryButton__setUsername:"Set username",primaryButton__updateUsername:"Update username",title:"Username"},web3WalletsSection:{destructiveAction:"Remove wallet",detailsAction__nonPrimary:"Set as primary",primaryButton:"Connect wallet",title:"Web3 wallets",web3SelectSolanaWalletScreen:{subtitle:"Select a Solana wallet to connect to your account.",title:"Add a Solana wallet"}}},usernamePage:{successMessage:"Your username has been updated.",title__set:"Set username",title__update:"Update username"},web3WalletPage:{removeResource:{messageLine1:"{{identifier}} will be removed from this account.",messageLine2:"You will no longer be able to sign in using this web3 wallet.",successMessage:"{{web3Wallet}} has been removed from your account.",title:"Remove web3 wallet"},subtitle__availableWallets:"Select a web3 wallet to connect to your account.",subtitle__unavailableWallets:"There are no available web3 wallets.",successMessage:"The wallet has been added to your account.",title:"Add web3 wallet",web3WalletButtonsBlockButton:"{{provider|titleize}}"}},waitlist:{start:{actionLink:"Sign in",actionText:"Already have access?",formButton:"Join the waitlist",subtitle:"Enter your email address and we’ll let you know when your spot is ready",title:"Join the waitlist"},success:{message:"You will be redirected soon...",subtitle:"We’ll be in touch when your spot is ready",title:"Thanks for joining the waitlist!"}},web3SolanaWalletButtons:{connect:"Connect with {{walletName}}",continue:"Continue with {{walletName}}",noneAvailable:'No Solana Web3 wallets detected. Please install a Web3 supported {{ solanaWalletsLink || link("wallet extension") }}.'}},CA={a:"å",b:"ƀ",c:"ç",d:"ð",e:"é",f:"ƒ",g:"ğ",h:"ħ",i:"ï",j:"ĵ",k:"ķ",l:"ľ",m:"ɱ",n:"ñ",o:"ø",p:"þ",q:"ʠ",r:"ř",s:"š",t:"ŧ",u:"ü",v:"ṽ",w:"ŵ",x:"ẋ",y:"ÿ",z:"ž"},TA=Object.fromEntries(Object.entries(CA).flatMap(([u,i])=>[[u,i],[u.toUpperCase(),i.toLocaleUpperCase("en-US")]])),kA=/\{\{[^{}]*\}\}|\{[^{}]*\}|[a-zA-Z]/g;function DA(u){return u.replace(kA,i=>{var s;return i.startsWith("{")?i:(s=TA[i])!=null?s:i})}function O6(u){if(typeof u=="string")return DA(u);if(Array.isArray(u))return u.map(i=>O6(i));if(u&&typeof u=="object"){const i={};for(const[s,r]of Object.entries(u))i[s]=O6(r);return i}return u}var OA=O6(EA);({...OA});var v6={exports:{}};const oa=u=>({...u,__type:"prebuilt_appearance"}),jA=Object.freeze(Object.defineProperty({__proto__:null,experimental_createTheme:oa},Symbol.toStringTag,{value:"Module"})),NA=Qh(jA),Pm=oa({name:"dark",variables:{colorBackground:"#212126",colorNeutral:"white",colorPrimary:"#ffffff",colorPrimaryForeground:"black",colorForeground:"white",colorInputForeground:"white",colorInput:"#26262B"},elements:{providerIcon__apple:{filter:"invert(1)"},providerIcon__github:{filter:"invert(1)"},providerIcon__okx_wallet:{filter:"invert(1)"},providerIcon__vercel:{filter:"invert(1)"},activeDeviceIcon:{"--cl-chassis-bottom":"#d2d2d2","--cl-chassis-back":"#e6e6e6","--cl-chassis-screen":"#e6e6e6","--cl-screen":"#111111"}}}),RA=oa({name:"shadesOfPurple",baseTheme:Pm,variables:{colorBackground:"#3f3c77",colorPrimary:"#f8d80d",colorPrimaryForeground:"#38375f",colorInputForeground:"#a1fdfe",colorShimmer:"rgba(161,253,254,0.36)"}}),_n={boxShadow:"3px 3px 0px #000",border:"2px solid #000","&:focus":{boxShadow:"4px 4px 0px #000",border:"2px solid #000",transform:"scale(1.01)"},"&:active":{boxShadow:"2px 2px 0px #000",transform:"translate(1px)"}},ei={boxShadow:"3px 3px 0px #000",border:"2px solid #000"},MA=oa({name:"neobrutalism",simpleStyles:!0,variables:{colorPrimary:"#DF1B1B",colorShimmer:"rgba(255,255,255,0.64)",fontWeight:{normal:500,medium:600,bold:700}},elements:{cardBox:{boxShadow:"7px 7px 0px #000",border:"3px solid #000"},card:{borderRadius:"0"},headerSubtitle:{color:"#212126"},alternativeMethodsBlockButton:_n,socialButtonsIconButton:{..._n},selectButton:{..._n,...ei,transition:"all 0.2s ease-in-out","&:focus":{boxShadow:"4px 4px 0px #000",border:"2px solid #000",transform:"scale(1.01)"}},socialButtonsBlockButton:{..._n,color:"#212126"},profileSectionPrimaryButton:_n,profileSectionItem:{color:"#212126"},avatarImageActionsUpload:_n,menuButton:ei,menuList:ei,formButtonPrimary:_n,navbarButton:_n,formFieldAction:{fontWeight:"700"},formFieldInput:{...ei,transition:"all 0.2s ease-in-out","&:focus":{boxShadow:"4px 4px 0px #000",border:"2px solid #000",transform:"scale(1.01)"},"&:hover":{...ei,transform:"scale(1.01)"}},table:ei,tableHead:{color:"#212126"},dividerLine:{background:"#000"},dividerText:{fontWeight:"700",color:"#212126"},footer:{background:"#fff","& div":{color:"#212126"}},footerActionText:{color:"#212126"},footerActionLink:{fontWeight:"700",borderBottom:"3px solid","&:focus":{boxShadow:"none"}},actionCard:{...ei},badge:{border:"1px solid #000",background:"#fff",color:"#212126"}}}),PA=oa({name:"shadcn",cssLayerName:"components",variables:{colorBackground:"var(--card)",colorDanger:"var(--destructive)",colorForeground:"var(--card-foreground)",colorInput:"var(--input)",colorInputForeground:"var(--card-foreground)",colorModalBackdrop:"var(--color-black)",colorMuted:"var(--muted)",colorMutedForeground:"var(--muted-foreground)",colorNeutral:"var(--foreground)",colorPrimary:"var(--primary)",colorPrimaryForeground:"var(--primary-foreground)",colorRing:"var(--ring)",fontWeight:{normal:"var(--font-weight-normal)",medium:"var(--font-weight-medium)",semibold:"var(--font-weight-semibold)",bold:"var(--font-weight-semibold)"}},elements:{input:"bg-transparent dark:bg-input/30",cardBox:"shadow-sm border",popoverBox:"shadow-sm border",button:{'&[data-variant="solid"]::after':{display:"none"}},providerIcon__apple:"dark:invert",providerIcon__github:"dark:invert",providerIcon__okx_wallet:"dark:invert",providerIcon__vercel:"dark:invert"}}),UA=oa({name:"simple",simpleStyles:!0}),zA=Object.freeze(Object.defineProperty({__proto__:null,dark:Pm,experimental__simple:UA,neobrutalism:MA,shadcn:PA,shadesOfPurple:RA},Symbol.toStringTag,{value:"Module"})),FA=Qh(zA);var W2;function LA(){return W2||(W2=1,(function(u){var i=Object.defineProperty,s=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,o=Object.prototype.hasOwnProperty,c=(p,v,_,w)=>{if(v&&typeof v=="object"||typeof v=="function")for(let C of r(v))!o.call(p,C)&&C!==_&&i(p,C,{get:()=>v[C],enumerable:!(w=s(v,C))||w.enumerable});return p},h=(p,v,_)=>(c(p,v,"default"),_&&c(_,v,"default")),m=p=>c(i({},"__esModule",{value:!0}),p),b={};u.exports=m(b),h(b,NA,u.exports),h(b,FA,u.exports)})(v6)),v6.exports}var BA=LA(),la=class{constructor(){this.listeners=new Set,this.subscribe=this.subscribe.bind(this)}subscribe(u){return this.listeners.add(u),this.onSubscribe(),()=>{this.listeners.delete(u),this.onUnsubscribe()}}hasListeners(){return this.listeners.size>0}onSubscribe(){}onUnsubscribe(){}},HA={setTimeout:(u,i)=>setTimeout(u,i),clearTimeout:u=>clearTimeout(u),setInterval:(u,i)=>setInterval(u,i),clearInterval:u=>clearInterval(u)},qA=class{#e=HA;#t=!1;setTimeoutProvider(u){this.#e=u}setTimeout(u,i){return this.#e.setTimeout(u,i)}clearTimeout(u){this.#e.clearTimeout(u)}setInterval(u,i){return this.#e.setInterval(u,i)}clearInterval(u){this.#e.clearInterval(u)}},ni=new qA;function IA(u){setTimeout(u,0)}var ii=typeof window>"u"||"Deno"in globalThis;function Et(){}function YA(u,i){return typeof u=="function"?u(i):u}function j6(u){return typeof u=="number"&&u>=0&&u!==1/0}function Um(u,i){return Math.max(u+(i||0)-Date.now(),0)}function Tn(u,i){return typeof u=="function"?u(i):u}function su(u,i){return typeof u=="function"?u(i):u}function Z2(u,i){const{type:s="all",exact:r,fetchStatus:o,predicate:c,queryKey:h,stale:m}=u;if(h){if(r){if(i.queryHash!==uc(h,i.options))return!1}else if(!xr(i.queryKey,h))return!1}if(s!=="all"){const b=i.isActive();if(s==="active"&&!b||s==="inactive"&&b)return!1}return!(typeof m=="boolean"&&i.isStale()!==m||o&&o!==i.state.fetchStatus||c&&!c(i))}function $2(u,i){const{exact:s,status:r,predicate:o,mutationKey:c}=u;if(c){if(!i.options.mutationKey)return!1;if(s){if(ai(i.options.mutationKey)!==ai(c))return!1}else if(!xr(i.options.mutationKey,c))return!1}return!(r&&i.state.status!==r||o&&!o(i))}function uc(u,i){return(i?.queryKeyHashFn||ai)(u)}function ai(u){return JSON.stringify(u,(i,s)=>N6(s)?Object.keys(s).sort().reduce((r,o)=>(r[o]=s[o],r),{}):s)}function xr(u,i){return u===i?!0:typeof u!=typeof i?!1:u&&i&&typeof u=="object"&&typeof i=="object"?Object.keys(i).every(s=>xr(u[s],i[s])):!1}var VA=Object.prototype.hasOwnProperty;function zm(u,i,s=0){if(u===i)return u;if(s>500)return i;const r=J2(u)&&J2(i);if(!r&&!(N6(u)&&N6(i)))return i;const c=(r?u:Object.keys(u)).length,h=r?i:Object.keys(i),m=h.length,b=r?new Array(m):{};let p=0;for(let v=0;v<m;v++){const _=r?v:h[v],w=u[_],C=i[_];if(w===C){b[_]=w,(r?v<c:VA.call(u,_))&&p++;continue}if(w===null||C===null||typeof w!="object"||typeof C!="object"){b[_]=C;continue}const N=zm(w,C,s+1);b[_]=N,N===w&&p++}return c===m&&p===c?u:b}function lo(u,i){if(!i||Object.keys(u).length!==Object.keys(i).length)return!1;for(const s in u)if(u[s]!==i[s])return!1;return!0}function J2(u){return Array.isArray(u)&&u.length===Object.keys(u).length}function N6(u){if(!eh(u))return!1;const i=u.constructor;if(i===void 0)return!0;const s=i.prototype;return!(!eh(s)||!s.hasOwnProperty("isPrototypeOf")||Object.getPrototypeOf(u)!==Object.prototype)}function eh(u){return Object.prototype.toString.call(u)==="[object Object]"}function GA(u){return new Promise(i=>{ni.setTimeout(i,u)})}function R6(u,i,s){return typeof s.structuralSharing=="function"?s.structuralSharing(u,i):s.structuralSharing!==!1?zm(u,i):i}function KA(u,i,s=0){const r=[...u,i];return s&&r.length>s?r.slice(1):r}function QA(u,i,s=0){const r=[i,...u];return s&&r.length>s?r.slice(0,-1):r}var nc=Symbol();function Fm(u,i){return!u.queryFn&&i?.initialPromise?()=>i.initialPromise:!u.queryFn||u.queryFn===nc?()=>Promise.reject(new Error(`Missing queryFn: '${u.queryHash}'`)):u.queryFn}function ic(u,i){return typeof u=="function"?u(...i):!!u}function XA(u,i,s){let r=!1,o;return Object.defineProperty(u,"signal",{enumerable:!0,get:()=>(o??=i(),r||(r=!0,o.aborted?s():o.addEventListener("abort",s,{once:!0})),o)}),u}var WA=class extends la{#e;#t;#u;constructor(){super(),this.#u=u=>{if(!ii&&window.addEventListener){const i=()=>u();return window.addEventListener("visibilitychange",i,!1),()=>{window.removeEventListener("visibilitychange",i)}}}}onSubscribe(){this.#t||this.setEventListener(this.#u)}onUnsubscribe(){this.hasListeners()||(this.#t?.(),this.#t=void 0)}setEventListener(u){this.#u=u,this.#t?.(),this.#t=u(i=>{typeof i=="boolean"?this.setFocused(i):this.onFocus()})}setFocused(u){this.#e!==u&&(this.#e=u,this.onFocus())}onFocus(){const u=this.isFocused();this.listeners.forEach(i=>{i(u)})}isFocused(){return typeof this.#e=="boolean"?this.#e:globalThis.document?.visibilityState!=="hidden"}},ac=new WA;function M6(){let u,i;const s=new Promise((o,c)=>{u=o,i=c});s.status="pending",s.catch(()=>{});function r(o){Object.assign(s,o),delete s.resolve,delete s.reject}return s.resolve=o=>{r({status:"fulfilled",value:o}),u(o)},s.reject=o=>{r({status:"rejected",reason:o}),i(o)},s}var ZA=IA;function $A(){let u=[],i=0,s=m=>{m()},r=m=>{m()},o=ZA;const c=m=>{i?u.push(m):o(()=>{s(m)})},h=()=>{const m=u;u=[],m.length&&o(()=>{r(()=>{m.forEach(b=>{s(b)})})})};return{batch:m=>{let b;i++;try{b=m()}finally{i--,i||h()}return b},batchCalls:m=>(...b)=>{c(()=>{m(...b)})},schedule:c,setNotifyFunction:m=>{s=m},setBatchNotifyFunction:m=>{r=m},setScheduler:m=>{o=m}}}var nt=$A(),JA=class extends la{#e=!0;#t;#u;constructor(){super(),this.#u=u=>{if(!ii&&window.addEventListener){const i=()=>u(!0),s=()=>u(!1);return window.addEventListener("online",i,!1),window.addEventListener("offline",s,!1),()=>{window.removeEventListener("online",i),window.removeEventListener("offline",s)}}}}onSubscribe(){this.#t||this.setEventListener(this.#u)}onUnsubscribe(){this.hasListeners()||(this.#t?.(),this.#t=void 0)}setEventListener(u){this.#u=u,this.#t?.(),this.#t=u(this.setOnline.bind(this))}setOnline(u){this.#e!==u&&(this.#e=u,this.listeners.forEach(s=>{s(u)}))}isOnline(){return this.#e}},co=new JA;function e_(u){return Math.min(1e3*2**u,3e4)}function Lm(u){return(u??"online")==="online"?co.isOnline():!0}var P6=class extends Error{constructor(u){super("CancelledError"),this.revert=u?.revert,this.silent=u?.silent}};function Bm(u){let i=!1,s=0,r;const o=M6(),c=()=>o.status!=="pending",h=E=>{if(!c()){const k=new P6(E);w(k),u.onCancel?.(k)}},m=()=>{i=!0},b=()=>{i=!1},p=()=>ac.isFocused()&&(u.networkMode==="always"||co.isOnline())&&u.canRun(),v=()=>Lm(u.networkMode)&&u.canRun(),_=E=>{c()||(r?.(),o.resolve(E))},w=E=>{c()||(r?.(),o.reject(E))},C=()=>new Promise(E=>{r=k=>{(c()||p())&&E(k)},u.onPause?.()}).then(()=>{r=void 0,c()||u.onContinue?.()}),N=()=>{if(c())return;let E;const k=s===0?u.initialPromise:void 0;try{E=k??u.fn()}catch(B){E=Promise.reject(B)}Promise.resolve(E).then(_).catch(B=>{if(c())return;const P=u.retry??(ii?0:3),z=u.retryDelay??e_,K=typeof z=="function"?z(s,B):z,Y=P===!0||typeof P=="number"&&s<P||typeof P=="function"&&P(s,B);if(i||!Y){w(B);return}s++,u.onFail?.(s,B),GA(K).then(()=>p()?void 0:C()).then(()=>{i?w(B):N()})})};return{promise:o,status:()=>o.status,cancel:h,continue:()=>(r?.(),o),cancelRetry:m,continueRetry:b,canStart:v,start:()=>(v()?N():C().then(N),o)}}var Hm=class{#e;destroy(){this.clearGcTimeout()}scheduleGc(){this.clearGcTimeout(),j6(this.gcTime)&&(this.#e=ni.setTimeout(()=>{this.optionalRemove()},this.gcTime))}updateGcTime(u){this.gcTime=Math.max(this.gcTime||0,u??(ii?1/0:300*1e3))}clearGcTimeout(){this.#e&&(ni.clearTimeout(this.#e),this.#e=void 0)}},t_=class extends Hm{#e;#t;#u;#i;#n;#r;#s;constructor(u){super(),this.#s=!1,this.#r=u.defaultOptions,this.setOptions(u.options),this.observers=[],this.#i=u.client,this.#u=this.#i.getQueryCache(),this.queryKey=u.queryKey,this.queryHash=u.queryHash,this.#e=uh(this.options),this.state=u.state??this.#e,this.scheduleGc()}get meta(){return this.options.meta}get promise(){return this.#n?.promise}setOptions(u){if(this.options={...this.#r,...u},this.updateGcTime(this.options.gcTime),this.state&&this.state.data===void 0){const i=uh(this.options);i.data!==void 0&&(this.setState(th(i.data,i.dataUpdatedAt)),this.#e=i)}}optionalRemove(){!this.observers.length&&this.state.fetchStatus==="idle"&&this.#u.remove(this)}setData(u,i){const s=R6(this.state.data,u,this.options);return this.#a({data:s,type:"success",dataUpdatedAt:i?.updatedAt,manual:i?.manual}),s}setState(u,i){this.#a({type:"setState",state:u,setStateOptions:i})}cancel(u){const i=this.#n?.promise;return this.#n?.cancel(u),i?i.then(Et).catch(Et):Promise.resolve()}destroy(){super.destroy(),this.cancel({silent:!0})}reset(){this.destroy(),this.setState(this.#e)}isActive(){return this.observers.some(u=>su(u.options.enabled,this)!==!1)}isDisabled(){return this.getObserversCount()>0?!this.isActive():this.options.queryFn===nc||this.state.dataUpdateCount+this.state.errorUpdateCount===0}isStatic(){return this.getObserversCount()>0?this.observers.some(u=>Tn(u.options.staleTime,this)==="static"):!1}isStale(){return this.getObserversCount()>0?this.observers.some(u=>u.getCurrentResult().isStale):this.state.data===void 0||this.state.isInvalidated}isStaleByTime(u=0){return this.state.data===void 0?!0:u==="static"?!1:this.state.isInvalidated?!0:!Um(this.state.dataUpdatedAt,u)}onFocus(){this.observers.find(i=>i.shouldFetchOnWindowFocus())?.refetch({cancelRefetch:!1}),this.#n?.continue()}onOnline(){this.observers.find(i=>i.shouldFetchOnReconnect())?.refetch({cancelRefetch:!1}),this.#n?.continue()}addObserver(u){this.observers.includes(u)||(this.observers.push(u),this.clearGcTimeout(),this.#u.notify({type:"observerAdded",query:this,observer:u}))}removeObserver(u){this.observers.includes(u)&&(this.observers=this.observers.filter(i=>i!==u),this.observers.length||(this.#n&&(this.#s?this.#n.cancel({revert:!0}):this.#n.cancelRetry()),this.scheduleGc()),this.#u.notify({type:"observerRemoved",query:this,observer:u}))}getObserversCount(){return this.observers.length}invalidate(){this.state.isInvalidated||this.#a({type:"invalidate"})}async fetch(u,i){if(this.state.fetchStatus!=="idle"&&this.#n?.status()!=="rejected"){if(this.state.data!==void 0&&i?.cancelRefetch)this.cancel({silent:!0});else if(this.#n)return this.#n.continueRetry(),this.#n.promise}if(u&&this.setOptions(u),!this.options.queryFn){const m=this.observers.find(b=>b.options.queryFn);m&&this.setOptions(m.options)}const s=new AbortController,r=m=>{Object.defineProperty(m,"signal",{enumerable:!0,get:()=>(this.#s=!0,s.signal)})},o=()=>{const m=Fm(this.options,i),p=(()=>{const v={client:this.#i,queryKey:this.queryKey,meta:this.meta};return r(v),v})();return this.#s=!1,this.options.persister?this.options.persister(m,p,this):m(p)},h=(()=>{const m={fetchOptions:i,options:this.options,queryKey:this.queryKey,client:this.#i,state:this.state,fetchFn:o};return r(m),m})();this.options.behavior?.onFetch(h,this),this.#t=this.state,(this.state.fetchStatus==="idle"||this.state.fetchMeta!==h.fetchOptions?.meta)&&this.#a({type:"fetch",meta:h.fetchOptions?.meta}),this.#n=Bm({initialPromise:i?.initialPromise,fn:h.fetchFn,onCancel:m=>{m instanceof P6&&m.revert&&this.setState({...this.#t,fetchStatus:"idle"}),s.abort()},onFail:(m,b)=>{this.#a({type:"failed",failureCount:m,error:b})},onPause:()=>{this.#a({type:"pause"})},onContinue:()=>{this.#a({type:"continue"})},retry:h.options.retry,retryDelay:h.options.retryDelay,networkMode:h.options.networkMode,canRun:()=>!0});try{const m=await this.#n.start();if(m===void 0)throw new Error(`${this.queryHash} data is undefined`);return this.setData(m),this.#u.config.onSuccess?.(m,this),this.#u.config.onSettled?.(m,this.state.error,this),m}catch(m){if(m instanceof P6){if(m.silent)return this.#n.promise;if(m.revert){if(this.state.data===void 0)throw m;return this.state.data}}throw this.#a({type:"error",error:m}),this.#u.config.onError?.(m,this),this.#u.config.onSettled?.(this.state.data,m,this),m}finally{this.scheduleGc()}}#a(u){const i=s=>{switch(u.type){case"failed":return{...s,fetchFailureCount:u.failureCount,fetchFailureReason:u.error};case"pause":return{...s,fetchStatus:"paused"};case"continue":return{...s,fetchStatus:"fetching"};case"fetch":return{...s,...qm(s.data,this.options),fetchMeta:u.meta??null};case"success":const r={...s,...th(u.data,u.dataUpdatedAt),dataUpdateCount:s.dataUpdateCount+1,...!u.manual&&{fetchStatus:"idle",fetchFailureCount:0,fetchFailureReason:null}};return this.#t=u.manual?r:void 0,r;case"error":const o=u.error;return{...s,error:o,errorUpdateCount:s.errorUpdateCount+1,errorUpdatedAt:Date.now(),fetchFailureCount:s.fetchFailureCount+1,fetchFailureReason:o,fetchStatus:"idle",status:"error",isInvalidated:!0};case"invalidate":return{...s,isInvalidated:!0};case"setState":return{...s,...u.state}}};this.state=i(this.state),nt.batch(()=>{this.observers.forEach(s=>{s.onQueryUpdate()}),this.#u.notify({query:this,type:"updated",action:u})})}};function qm(u,i){return{fetchFailureCount:0,fetchFailureReason:null,fetchStatus:Lm(i.networkMode)?"fetching":"paused",...u===void 0&&{error:null,status:"pending"}}}function th(u,i){return{data:u,dataUpdatedAt:i??Date.now(),error:null,isInvalidated:!1,status:"success"}}function uh(u){const i=typeof u.initialData=="function"?u.initialData():u.initialData,s=i!==void 0,r=s?typeof u.initialDataUpdatedAt=="function"?u.initialDataUpdatedAt():u.initialDataUpdatedAt:0;return{data:i,dataUpdateCount:0,dataUpdatedAt:s?r??Date.now():0,error:null,errorUpdateCount:0,errorUpdatedAt:0,fetchFailureCount:0,fetchFailureReason:null,fetchMeta:null,isInvalidated:!1,status:s?"success":"pending",fetchStatus:"idle"}}var u_=class extends la{constructor(u,i){super(),this.options=i,this.#e=u,this.#a=null,this.#s=M6(),this.bindMethods(),this.setOptions(i)}#e;#t=void 0;#u=void 0;#i=void 0;#n;#r;#s;#a;#p;#f;#h;#l;#c;#o;#m=new Set;bindMethods(){this.refetch=this.refetch.bind(this)}onSubscribe(){this.listeners.size===1&&(this.#t.addObserver(this),nh(this.#t,this.options)?this.#d():this.updateResult(),this.#y())}onUnsubscribe(){this.hasListeners()||this.destroy()}shouldFetchOnReconnect(){return U6(this.#t,this.options,this.options.refetchOnReconnect)}shouldFetchOnWindowFocus(){return U6(this.#t,this.options,this.options.refetchOnWindowFocus)}destroy(){this.listeners=new Set,this.#A(),this.#_(),this.#t.removeObserver(this)}setOptions(u){const i=this.options,s=this.#t;if(this.options=this.#e.defaultQueryOptions(u),this.options.enabled!==void 0&&typeof this.options.enabled!="boolean"&&typeof this.options.enabled!="function"&&typeof su(this.options.enabled,this.#t)!="boolean")throw new Error("Expected enabled to be a boolean or a callback that returns a boolean");this.#x(),this.#t.setOptions(this.options),i._defaulted&&!lo(this.options,i)&&this.#e.getQueryCache().notify({type:"observerOptionsUpdated",query:this.#t,observer:this});const r=this.hasListeners();r&&ih(this.#t,s,this.options,i)&&this.#d(),this.updateResult(),r&&(this.#t!==s||su(this.options.enabled,this.#t)!==su(i.enabled,this.#t)||Tn(this.options.staleTime,this.#t)!==Tn(i.staleTime,this.#t))&&this.#g();const o=this.#b();r&&(this.#t!==s||su(this.options.enabled,this.#t)!==su(i.enabled,this.#t)||o!==this.#o)&&this.#v(o)}getOptimisticResult(u){const i=this.#e.getQueryCache().build(this.#e,u),s=this.createResult(i,u);return i_(this,s)&&(this.#i=s,this.#r=this.options,this.#n=this.#t.state),s}getCurrentResult(){return this.#i}trackResult(u,i){return new Proxy(u,{get:(s,r)=>(this.trackProp(r),i?.(r),r==="promise"&&(this.trackProp("data"),!this.options.experimental_prefetchInRender&&this.#s.status==="pending"&&this.#s.reject(new Error("experimental_prefetchInRender feature flag is not enabled"))),Reflect.get(s,r))})}trackProp(u){this.#m.add(u)}getCurrentQuery(){return this.#t}refetch({...u}={}){return this.fetch({...u})}fetchOptimistic(u){const i=this.#e.defaultQueryOptions(u),s=this.#e.getQueryCache().build(this.#e,i);return s.fetch().then(()=>this.createResult(s,i))}fetch(u){return this.#d({...u,cancelRefetch:u.cancelRefetch??!0}).then(()=>(this.updateResult(),this.#i))}#d(u){this.#x();let i=this.#t.fetch(this.options,u);return u?.throwOnError||(i=i.catch(Et)),i}#g(){this.#A();const u=Tn(this.options.staleTime,this.#t);if(ii||this.#i.isStale||!j6(u))return;const s=Um(this.#i.dataUpdatedAt,u)+1;this.#l=ni.setTimeout(()=>{this.#i.isStale||this.updateResult()},s)}#b(){return(typeof this.options.refetchInterval=="function"?this.options.refetchInterval(this.#t):this.options.refetchInterval)??!1}#v(u){this.#_(),this.#o=u,!(ii||su(this.options.enabled,this.#t)===!1||!j6(this.#o)||this.#o===0)&&(this.#c=ni.setInterval(()=>{(this.options.refetchIntervalInBackground||ac.isFocused())&&this.#d()},this.#o))}#y(){this.#g(),this.#v(this.#b())}#A(){this.#l&&(ni.clearTimeout(this.#l),this.#l=void 0)}#_(){this.#c&&(ni.clearInterval(this.#c),this.#c=void 0)}createResult(u,i){const s=this.#t,r=this.options,o=this.#i,c=this.#n,h=this.#r,b=u!==s?u.state:this.#u,{state:p}=u;let v={...p},_=!1,w;if(i._optimisticResults){const I=this.hasListeners(),te=!I&&nh(u,i),de=I&&ih(u,s,i,r);(te||de)&&(v={...v,...qm(p.data,u.options)}),i._optimisticResults==="isRestoring"&&(v.fetchStatus="idle")}let{error:C,errorUpdatedAt:N,status:E}=v;w=v.data;let k=!1;if(i.placeholderData!==void 0&&w===void 0&&E==="pending"){let I;o?.isPlaceholderData&&i.placeholderData===h?.placeholderData?(I=o.data,k=!0):I=typeof i.placeholderData=="function"?i.placeholderData(this.#h?.state.data,this.#h):i.placeholderData,I!==void 0&&(E="success",w=R6(o?.data,I,i),_=!0)}if(i.select&&w!==void 0&&!k)if(o&&w===c?.data&&i.select===this.#p)w=this.#f;else try{this.#p=i.select,w=i.select(w),w=R6(o?.data,w,i),this.#f=w,this.#a=null}catch(I){this.#a=I}this.#a&&(C=this.#a,w=this.#f,N=Date.now(),E="error");const B=v.fetchStatus==="fetching",P=E==="pending",z=E==="error",K=P&&B,Y=w!==void 0,W={status:E,fetchStatus:v.fetchStatus,isPending:P,isSuccess:E==="success",isError:z,isInitialLoading:K,isLoading:K,data:w,dataUpdatedAt:v.dataUpdatedAt,error:C,errorUpdatedAt:N,failureCount:v.fetchFailureCount,failureReason:v.fetchFailureReason,errorUpdateCount:v.errorUpdateCount,isFetched:v.dataUpdateCount>0||v.errorUpdateCount>0,isFetchedAfterMount:v.dataUpdateCount>b.dataUpdateCount||v.errorUpdateCount>b.errorUpdateCount,isFetching:B,isRefetching:B&&!P,isLoadingError:z&&!Y,isPaused:v.fetchStatus==="paused",isPlaceholderData:_,isRefetchError:z&&Y,isStale:rc(u,i),refetch:this.refetch,promise:this.#s,isEnabled:su(i.enabled,u)!==!1};if(this.options.experimental_prefetchInRender){const I=W.data!==void 0,te=W.status==="error"&&!I,de=ve=>{te?ve.reject(W.error):I&&ve.resolve(W.data)},fe=()=>{const ve=this.#s=W.promise=M6();de(ve)},oe=this.#s;switch(oe.status){case"pending":u.queryHash===s.queryHash&&de(oe);break;case"fulfilled":(te||W.data!==oe.value)&&fe();break;case"rejected":(!te||W.error!==oe.reason)&&fe();break}}return W}updateResult(){const u=this.#i,i=this.createResult(this.#t,this.options);if(this.#n=this.#t.state,this.#r=this.options,this.#n.data!==void 0&&(this.#h=this.#t),lo(i,u))return;this.#i=i;const s=()=>{if(!u)return!0;const{notifyOnChangeProps:r}=this.options,o=typeof r=="function"?r():r;if(o==="all"||!o&&!this.#m.size)return!0;const c=new Set(o??this.#m);return this.options.throwOnError&&c.add("error"),Object.keys(this.#i).some(h=>{const m=h;return this.#i[m]!==u[m]&&c.has(m)})};this.#w({listeners:s()})}#x(){const u=this.#e.getQueryCache().build(this.#e,this.options);if(u===this.#t)return;const i=this.#t;this.#t=u,this.#u=u.state,this.hasListeners()&&(i?.removeObserver(this),u.addObserver(this))}onQueryUpdate(){this.updateResult(),this.hasListeners()&&this.#y()}#w(u){nt.batch(()=>{u.listeners&&this.listeners.forEach(i=>{i(this.#i)}),this.#e.getQueryCache().notify({query:this.#t,type:"observerResultsUpdated"})})}};function n_(u,i){return su(i.enabled,u)!==!1&&u.state.data===void 0&&!(u.state.status==="error"&&i.retryOnMount===!1)}function nh(u,i){return n_(u,i)||u.state.data!==void 0&&U6(u,i,i.refetchOnMount)}function U6(u,i,s){if(su(i.enabled,u)!==!1&&Tn(i.staleTime,u)!=="static"){const r=typeof s=="function"?s(u):s;return r==="always"||r!==!1&&rc(u,i)}return!1}function ih(u,i,s,r){return(u!==i||su(r.enabled,u)===!1)&&(!s.suspense||u.state.status!=="error")&&rc(u,s)}function rc(u,i){return su(i.enabled,u)!==!1&&u.isStaleByTime(Tn(i.staleTime,u))}function i_(u,i){return!lo(u.getCurrentResult(),i)}function ah(u){return{onFetch:(i,s)=>{const r=i.options,o=i.fetchOptions?.meta?.fetchMore?.direction,c=i.state.data?.pages||[],h=i.state.data?.pageParams||[];let m={pages:[],pageParams:[]},b=0;const p=async()=>{let v=!1;const _=N=>{XA(N,()=>i.signal,()=>v=!0)},w=Fm(i.options,i.fetchOptions),C=async(N,E,k)=>{if(v)return Promise.reject();if(E==null&&N.pages.length)return Promise.resolve(N);const P=(()=>{const Z={client:i.client,queryKey:i.queryKey,pageParam:E,direction:k?"backward":"forward",meta:i.options.meta};return _(Z),Z})(),z=await w(P),{maxPages:K}=i.options,Y=k?QA:KA;return{pages:Y(N.pages,z,K),pageParams:Y(N.pageParams,E,K)}};if(o&&c.length){const N=o==="backward",E=N?a_:rh,k={pages:c,pageParams:h},B=E(r,k);m=await C(k,B,N)}else{const N=u??c.length;do{const E=b===0?h[0]??r.initialPageParam:rh(r,m);if(b>0&&E==null)break;m=await C(m,E),b++}while(b<N)}return m};i.options.persister?i.fetchFn=()=>i.options.persister?.(p,{client:i.client,queryKey:i.queryKey,meta:i.options.meta,signal:i.signal},s):i.fetchFn=p}}}function rh(u,{pages:i,pageParams:s}){const r=i.length-1;return i.length>0?u.getNextPageParam(i[r],i,s[r],s):void 0}function a_(u,{pages:i,pageParams:s}){return i.length>0?u.getPreviousPageParam?.(i[0],i,s[0],s):void 0}var r_=class extends Hm{#e;#t;#u;#i;constructor(u){super(),this.#e=u.client,this.mutationId=u.mutationId,this.#u=u.mutationCache,this.#t=[],this.state=u.state||Im(),this.setOptions(u.options),this.scheduleGc()}setOptions(u){this.options=u,this.updateGcTime(this.options.gcTime)}get meta(){return this.options.meta}addObserver(u){this.#t.includes(u)||(this.#t.push(u),this.clearGcTimeout(),this.#u.notify({type:"observerAdded",mutation:this,observer:u}))}removeObserver(u){this.#t=this.#t.filter(i=>i!==u),this.scheduleGc(),this.#u.notify({type:"observerRemoved",mutation:this,observer:u})}optionalRemove(){this.#t.length||(this.state.status==="pending"?this.scheduleGc():this.#u.remove(this))}continue(){return this.#i?.continue()??this.execute(this.state.variables)}async execute(u){const i=()=>{this.#n({type:"continue"})},s={client:this.#e,meta:this.options.meta,mutationKey:this.options.mutationKey};this.#i=Bm({fn:()=>this.options.mutationFn?this.options.mutationFn(u,s):Promise.reject(new Error("No mutationFn found")),onFail:(c,h)=>{this.#n({type:"failed",failureCount:c,error:h})},onPause:()=>{this.#n({type:"pause"})},onContinue:i,retry:this.options.retry??0,retryDelay:this.options.retryDelay,networkMode:this.options.networkMode,canRun:()=>this.#u.canRun(this)});const r=this.state.status==="pending",o=!this.#i.canStart();try{if(r)i();else{this.#n({type:"pending",variables:u,isPaused:o}),this.#u.config.onMutate&&await this.#u.config.onMutate(u,this,s);const h=await this.options.onMutate?.(u,s);h!==this.state.context&&this.#n({type:"pending",context:h,variables:u,isPaused:o})}const c=await this.#i.start();return await this.#u.config.onSuccess?.(c,u,this.state.context,this,s),await this.options.onSuccess?.(c,u,this.state.context,s),await this.#u.config.onSettled?.(c,null,this.state.variables,this.state.context,this,s),await this.options.onSettled?.(c,null,u,this.state.context,s),this.#n({type:"success",data:c}),c}catch(c){try{await this.#u.config.onError?.(c,u,this.state.context,this,s)}catch(h){Promise.reject(h)}try{await this.options.onError?.(c,u,this.state.context,s)}catch(h){Promise.reject(h)}try{await this.#u.config.onSettled?.(void 0,c,this.state.variables,this.state.context,this,s)}catch(h){Promise.reject(h)}try{await this.options.onSettled?.(void 0,c,u,this.state.context,s)}catch(h){Promise.reject(h)}throw this.#n({type:"error",error:c}),c}finally{this.#u.runNext(this)}}#n(u){const i=s=>{switch(u.type){case"failed":return{...s,failureCount:u.failureCount,failureReason:u.error};case"pause":return{...s,isPaused:!0};case"continue":return{...s,isPaused:!1};case"pending":return{...s,context:u.context,data:void 0,failureCount:0,failureReason:null,error:null,isPaused:u.isPaused,status:"pending",variables:u.variables,submittedAt:Date.now()};case"success":return{...s,data:u.data,failureCount:0,failureReason:null,error:null,status:"success",isPaused:!1};case"error":return{...s,data:void 0,error:u.error,failureCount:s.failureCount+1,failureReason:u.error,isPaused:!1,status:"error"}}};this.state=i(this.state),nt.batch(()=>{this.#t.forEach(s=>{s.onMutationUpdate(u)}),this.#u.notify({mutation:this,type:"updated",action:u})})}};function Im(){return{context:void 0,data:void 0,error:null,failureCount:0,failureReason:null,isPaused:!1,status:"idle",variables:void 0,submittedAt:0}}var s_=class extends la{constructor(u={}){super(),this.config=u,this.#e=new Set,this.#t=new Map,this.#u=0}#e;#t;#u;build(u,i,s){const r=new r_({client:u,mutationCache:this,mutationId:++this.#u,options:u.defaultMutationOptions(i),state:s});return this.add(r),r}add(u){this.#e.add(u);const i=Xs(u);if(typeof i=="string"){const s=this.#t.get(i);s?s.push(u):this.#t.set(i,[u])}this.notify({type:"added",mutation:u})}remove(u){if(this.#e.delete(u)){const i=Xs(u);if(typeof i=="string"){const s=this.#t.get(i);if(s)if(s.length>1){const r=s.indexOf(u);r!==-1&&s.splice(r,1)}else s[0]===u&&this.#t.delete(i)}}this.notify({type:"removed",mutation:u})}canRun(u){const i=Xs(u);if(typeof i=="string"){const r=this.#t.get(i)?.find(o=>o.state.status==="pending");return!r||r===u}else return!0}runNext(u){const i=Xs(u);return typeof i=="string"?this.#t.get(i)?.find(r=>r!==u&&r.state.isPaused)?.continue()??Promise.resolve():Promise.resolve()}clear(){nt.batch(()=>{this.#e.forEach(u=>{this.notify({type:"removed",mutation:u})}),this.#e.clear(),this.#t.clear()})}getAll(){return Array.from(this.#e)}find(u){const i={exact:!0,...u};return this.getAll().find(s=>$2(i,s))}findAll(u={}){return this.getAll().filter(i=>$2(u,i))}notify(u){nt.batch(()=>{this.listeners.forEach(i=>{i(u)})})}resumePausedMutations(){const u=this.getAll().filter(i=>i.state.isPaused);return nt.batch(()=>Promise.all(u.map(i=>i.continue().catch(Et))))}};function Xs(u){return u.options.scope?.id}var o_=class extends la{#e;#t=void 0;#u;#i;constructor(i,s){super(),this.#e=i,this.setOptions(s),this.bindMethods(),this.#n()}bindMethods(){this.mutate=this.mutate.bind(this),this.reset=this.reset.bind(this)}setOptions(i){const s=this.options;this.options=this.#e.defaultMutationOptions(i),lo(this.options,s)||this.#e.getMutationCache().notify({type:"observerOptionsUpdated",mutation:this.#u,observer:this}),s?.mutationKey&&this.options.mutationKey&&ai(s.mutationKey)!==ai(this.options.mutationKey)?this.reset():this.#u?.state.status==="pending"&&this.#u.setOptions(this.options)}onUnsubscribe(){this.hasListeners()||this.#u?.removeObserver(this)}onMutationUpdate(i){this.#n(),this.#r(i)}getCurrentResult(){return this.#t}reset(){this.#u?.removeObserver(this),this.#u=void 0,this.#n(),this.#r()}mutate(i,s){return this.#i=s,this.#u?.removeObserver(this),this.#u=this.#e.getMutationCache().build(this.#e,this.options),this.#u.addObserver(this),this.#u.execute(i)}#n(){const i=this.#u?.state??Im();this.#t={...i,isPending:i.status==="pending",isSuccess:i.status==="success",isError:i.status==="error",isIdle:i.status==="idle",mutate:this.mutate,reset:this.reset}}#r(i){nt.batch(()=>{if(this.#i&&this.hasListeners()){const s=this.#t.variables,r=this.#t.context,o={client:this.#e,meta:this.options.meta,mutationKey:this.options.mutationKey};if(i?.type==="success"){try{this.#i.onSuccess?.(i.data,s,r,o)}catch(c){Promise.reject(c)}try{this.#i.onSettled?.(i.data,null,s,r,o)}catch(c){Promise.reject(c)}}else if(i?.type==="error"){try{this.#i.onError?.(i.error,s,r,o)}catch(c){Promise.reject(c)}try{this.#i.onSettled?.(void 0,i.error,s,r,o)}catch(c){Promise.reject(c)}}}this.listeners.forEach(s=>{s(this.#t)})})}},l_=class extends la{constructor(u={}){super(),this.config=u,this.#e=new Map}#e;build(u,i,s){const r=i.queryKey,o=i.queryHash??uc(r,i);let c=this.get(o);return c||(c=new t_({client:u,queryKey:r,queryHash:o,options:u.defaultQueryOptions(i),state:s,defaultOptions:u.getQueryDefaults(r)}),this.add(c)),c}add(u){this.#e.has(u.queryHash)||(this.#e.set(u.queryHash,u),this.notify({type:"added",query:u}))}remove(u){const i=this.#e.get(u.queryHash);i&&(u.destroy(),i===u&&this.#e.delete(u.queryHash),this.notify({type:"removed",query:u}))}clear(){nt.batch(()=>{this.getAll().forEach(u=>{this.remove(u)})})}get(u){return this.#e.get(u)}getAll(){return[...this.#e.values()]}find(u){const i={exact:!0,...u};return this.getAll().find(s=>Z2(i,s))}findAll(u={}){const i=this.getAll();return Object.keys(u).length>0?i.filter(s=>Z2(u,s)):i}notify(u){nt.batch(()=>{this.listeners.forEach(i=>{i(u)})})}onFocus(){nt.batch(()=>{this.getAll().forEach(u=>{u.onFocus()})})}onOnline(){nt.batch(()=>{this.getAll().forEach(u=>{u.onOnline()})})}},c_=class{#e;#t;#u;#i;#n;#r;#s;#a;constructor(u={}){this.#e=u.queryCache||new l_,this.#t=u.mutationCache||new s_,this.#u=u.defaultOptions||{},this.#i=new Map,this.#n=new Map,this.#r=0}mount(){this.#r++,this.#r===1&&(this.#s=ac.subscribe(async u=>{u&&(await this.resumePausedMutations(),this.#e.onFocus())}),this.#a=co.subscribe(async u=>{u&&(await this.resumePausedMutations(),this.#e.onOnline())}))}unmount(){this.#r--,this.#r===0&&(this.#s?.(),this.#s=void 0,this.#a?.(),this.#a=void 0)}isFetching(u){return this.#e.findAll({...u,fetchStatus:"fetching"}).length}isMutating(u){return this.#t.findAll({...u,status:"pending"}).length}getQueryData(u){const i=this.defaultQueryOptions({queryKey:u});return this.#e.get(i.queryHash)?.state.data}ensureQueryData(u){const i=this.defaultQueryOptions(u),s=this.#e.build(this,i),r=s.state.data;return r===void 0?this.fetchQuery(u):(u.revalidateIfStale&&s.isStaleByTime(Tn(i.staleTime,s))&&this.prefetchQuery(i),Promise.resolve(r))}getQueriesData(u){return this.#e.findAll(u).map(({queryKey:i,state:s})=>{const r=s.data;return[i,r]})}setQueryData(u,i,s){const r=this.defaultQueryOptions({queryKey:u}),c=this.#e.get(r.queryHash)?.state.data,h=YA(i,c);if(h!==void 0)return this.#e.build(this,r).setData(h,{...s,manual:!0})}setQueriesData(u,i,s){return nt.batch(()=>this.#e.findAll(u).map(({queryKey:r})=>[r,this.setQueryData(r,i,s)]))}getQueryState(u){const i=this.defaultQueryOptions({queryKey:u});return this.#e.get(i.queryHash)?.state}removeQueries(u){const i=this.#e;nt.batch(()=>{i.findAll(u).forEach(s=>{i.remove(s)})})}resetQueries(u,i){const s=this.#e;return nt.batch(()=>(s.findAll(u).forEach(r=>{r.reset()}),this.refetchQueries({type:"active",...u},i)))}cancelQueries(u,i={}){const s={revert:!0,...i},r=nt.batch(()=>this.#e.findAll(u).map(o=>o.cancel(s)));return Promise.all(r).then(Et).catch(Et)}invalidateQueries(u,i={}){return nt.batch(()=>(this.#e.findAll(u).forEach(s=>{s.invalidate()}),u?.refetchType==="none"?Promise.resolve():this.refetchQueries({...u,type:u?.refetchType??u?.type??"active"},i)))}refetchQueries(u,i={}){const s={...i,cancelRefetch:i.cancelRefetch??!0},r=nt.batch(()=>this.#e.findAll(u).filter(o=>!o.isDisabled()&&!o.isStatic()).map(o=>{let c=o.fetch(void 0,s);return s.throwOnError||(c=c.catch(Et)),o.state.fetchStatus==="paused"?Promise.resolve():c}));return Promise.all(r).then(Et)}fetchQuery(u){const i=this.defaultQueryOptions(u);i.retry===void 0&&(i.retry=!1);const s=this.#e.build(this,i);return s.isStaleByTime(Tn(i.staleTime,s))?s.fetch(i):Promise.resolve(s.state.data)}prefetchQuery(u){return this.fetchQuery(u).then(Et).catch(Et)}fetchInfiniteQuery(u){return u.behavior=ah(u.pages),this.fetchQuery(u)}prefetchInfiniteQuery(u){return this.fetchInfiniteQuery(u).then(Et).catch(Et)}ensureInfiniteQueryData(u){return u.behavior=ah(u.pages),this.ensureQueryData(u)}resumePausedMutations(){return co.isOnline()?this.#t.resumePausedMutations():Promise.resolve()}getQueryCache(){return this.#e}getMutationCache(){return this.#t}getDefaultOptions(){return this.#u}setDefaultOptions(u){this.#u=u}setQueryDefaults(u,i){this.#i.set(ai(u),{queryKey:u,defaultOptions:i})}getQueryDefaults(u){const i=[...this.#i.values()],s={};return i.forEach(r=>{xr(u,r.queryKey)&&Object.assign(s,r.defaultOptions)}),s}setMutationDefaults(u,i){this.#n.set(ai(u),{mutationKey:u,defaultOptions:i})}getMutationDefaults(u){const i=[...this.#n.values()],s={};return i.forEach(r=>{xr(u,r.mutationKey)&&Object.assign(s,r.defaultOptions)}),s}defaultQueryOptions(u){if(u._defaulted)return u;const i={...this.#u.queries,...this.getQueryDefaults(u.queryKey),...u,_defaulted:!0};return i.queryHash||(i.queryHash=uc(i.queryKey,i)),i.refetchOnReconnect===void 0&&(i.refetchOnReconnect=i.networkMode!=="always"),i.throwOnError===void 0&&(i.throwOnError=!!i.suspense),!i.networkMode&&i.persister&&(i.networkMode="offlineFirst"),i.queryFn===nc&&(i.enabled=!1),i}defaultMutationOptions(u){return u?._defaulted?u:{...this.#u.mutations,...u?.mutationKey&&this.getMutationDefaults(u.mutationKey),...u,_defaulted:!0}}clear(){this.#e.clear(),this.#t.clear()}},Ym=A.createContext(void 0),jo=u=>{const i=A.useContext(Ym);if(!i)throw new Error("No QueryClient set, use QueryClientProvider to set one");return i},d_=({client:u,children:i})=>(A.useEffect(()=>(u.mount(),()=>{u.unmount()}),[u]),f.jsx(Ym.Provider,{value:u,children:i})),Vm=A.createContext(!1),f_=()=>A.useContext(Vm);Vm.Provider;function h_(){let u=!1;return{clearReset:()=>{u=!1},reset:()=>{u=!0},isReset:()=>u}}var m_=A.createContext(h_()),p_=()=>A.useContext(m_),g_=(u,i,s)=>{const r=s?.state.error&&typeof u.throwOnError=="function"?ic(u.throwOnError,[s.state.error,s]):u.throwOnError;(u.suspense||u.experimental_prefetchInRender||r)&&(i.isReset()||(u.retryOnMount=!1))},b_=u=>{A.useEffect(()=>{u.clearReset()},[u])},v_=({result:u,errorResetBoundary:i,throwOnError:s,query:r,suspense:o})=>u.isError&&!i.isReset()&&!u.isFetching&&r&&(o&&u.data===void 0||ic(s,[u.error,r])),y_=u=>{if(u.suspense){const s=o=>o==="static"?o:Math.max(o??1e3,1e3),r=u.staleTime;u.staleTime=typeof r=="function"?(...o)=>s(r(...o)):s(r),typeof u.gcTime=="number"&&(u.gcTime=Math.max(u.gcTime,1e3))}},A_=(u,i)=>u.isLoading&&u.isFetching&&!i,__=(u,i)=>u?.suspense&&i.isPending,sh=(u,i,s)=>i.fetchOptimistic(u).catch(()=>{s.clearReset()});function x_(u,i,s){const r=f_(),o=p_(),c=jo(),h=c.defaultQueryOptions(u);c.getDefaultOptions().queries?._experimental_beforeQuery?.(h);const m=c.getQueryCache().get(h.queryHash);h._optimisticResults=r?"isRestoring":"optimistic",y_(h),g_(h,o,m),b_(o);const b=!c.getQueryCache().get(h.queryHash),[p]=A.useState(()=>new i(c,h)),v=p.getOptimisticResult(h),_=!r&&u.subscribed!==!1;if(A.useSyncExternalStore(A.useCallback(w=>{const C=_?p.subscribe(nt.batchCalls(w)):Et;return p.updateResult(),C},[p,_]),()=>p.getCurrentResult(),()=>p.getCurrentResult()),A.useEffect(()=>{p.setOptions(h)},[h,p]),__(h,v))throw sh(h,p,o);if(v_({result:v,errorResetBoundary:o,throwOnError:h.throwOnError,query:m,suspense:h.suspense}))throw v.error;return c.getDefaultOptions().queries?._experimental_afterQuery?.(h,v),h.experimental_prefetchInRender&&!ii&&A_(v,r)&&(b?sh(h,p,o):m?.promise)?.catch(Et).finally(()=>{p.updateResult()}),h.notifyOnChangeProps?v:p.trackResult(v)}function ta(u,i){return x_(u,u_)}function Iu(u,i){const s=jo(),[r]=A.useState(()=>new o_(s,u));A.useEffect(()=>{r.setOptions(u)},[r,u]);const o=A.useSyncExternalStore(A.useCallback(h=>r.subscribe(nt.batchCalls(h)),[r]),()=>r.getCurrentResult(),()=>r.getCurrentResult()),c=A.useCallback((h,m)=>{r.mutate(h,m).catch(Et)},[r]);if(o.error&&ic(r.options.throwOnError,[o.error]))throw o.error;return{...o,mutate:c,mutateAsync:o.mutate}}const w_=new Set([204,205,304]),S_="application/json, application/problem+json";let z6=null;function oh(u){z6=u}function Gm(u){return typeof Request<"u"&&u instanceof Request}function E_(u,i){return i?i.toUpperCase():Gm(u)?u.method.toUpperCase():"GET"}function C_(u){return typeof URL<"u"&&u instanceof URL}function T_(u){return typeof u=="string"?u:C_(u)?u.toString():u.url}function k_(...u){const i=new Headers;for(const s of u)s&&new Headers(s).forEach((r,o)=>{i.set(o,r)});return i}function Km(u){const i=u.get("content-type");return i?i.split(";",1)[0].trim().toLowerCase():null}function F6(u){return u==="application/json"||!!u?.endsWith("+json")}function Qm(u){return!!(u&&(u.startsWith("text/")||u==="application/xml"||u==="text/xml"||u.endsWith("+xml")||u==="application/x-www-form-urlencoded"))}function Xm(u,i){return!!(i==="HEAD"||w_.has(u.status)||u.headers.get("content-length")==="0"||u.body===null)}function Wm(u){return u.charCodeAt(0)===65279?u.slice(1):u}function Zm(u){const i=u.trimStart();return i.startsWith("{")||i.startsWith("[")}function mr(u,i){if(!u||typeof u!="object")return;const s=u[i];if(typeof s!="string")return;const r=s.trim();return r===""?void 0:r}function D_(u,i=300){return u.length>i?`${u.slice(0,i-1)}…`:u}function O_(u,i){const s=`HTTP ${u.status} ${u.statusText}`;if(typeof i=="string"){const h=i.trim();return h?`${s}: ${D_(h)}`:s}const r=mr(i,"title"),o=mr(i,"detail"),c=mr(i,"message")??mr(i,"error_description")??mr(i,"error");return r&&o?`${s}: ${r} — ${o}`:o?`${s}: ${o}`:c?`${s}: ${c}`:r?`${s}: ${r}`:s}class j_ extends Error{name="ApiError";status;statusText;data;headers;response;method;url;constructor(i,s,r){super(O_(i,s)),Object.setPrototypeOf(this,new.target.prototype),this.status=i.status,this.statusText=i.statusText,this.data=s,this.headers=i.headers,this.response=i,this.method=r.method,this.url=i.url||r.url}}class N_ extends Error{name="ResponseParseError";status;statusText;headers;response;method;url;rawBody;cause;constructor(i,s,r,o){super(`Failed to parse response from ${o.method} ${i.url||o.url} (${i.status} ${i.statusText}) as JSON`),Object.setPrototypeOf(this,new.target.prototype),this.status=i.status,this.statusText=i.statusText,this.headers=i.headers,this.response=i,this.method=o.method,this.url=i.url||o.url,this.rawBody=s,this.cause=r}}async function R_(u,i){const s=await u.text(),r=Wm(s);if(r.trim()==="")return null;try{return JSON.parse(r)}catch(o){throw new N_(u,s,o,i)}}async function M_(u,i){if(Xm(u,i))return null;const s=Km(u.headers);if(s&&!F6(s)&&!Qm(s))return typeof u.blob=="function"?u.blob():u.text();const r=await u.text(),o=Wm(r);if(o.trim()==="")return null;if(F6(s)||Zm(o))try{return JSON.parse(o)}catch{return r}return r}function P_(u){const i=Km(u.headers);return F6(i)?"json":Qm(i)||i==null?"text":"blob"}async function U_(u,i,s){if(Xm(u,s.method))return null;switch(i==="auto"?P_(u):i){case"json":return R_(u,s);case"text":{const o=await u.text();return o===""?null:o}case"blob":if(typeof u.blob!="function")throw new TypeError('Blob responses are not supported in this runtime. Use responseType "json" or "text" instead.');return u.blob()}}async function si(u,i={}){u=u;const{responseType:s="auto",headers:r,...o}=i,c=E_(u,o.method);if(o.body!=null&&(c==="GET"||c==="HEAD"))throw new TypeError(`customFetch: ${c} requests cannot have a body.`);const h=k_(Gm(u)?u.headers:void 0,r);if(typeof o.body=="string"&&!h.has("content-type")&&Zm(o.body)&&h.set("content-type","application/json"),s==="json"&&!h.has("accept")&&h.set("accept",S_),z6&&!h.has("authorization")){const p=await z6();p&&h.set("authorization",`Bearer ${p}`)}const m={method:c,url:T_(u)},b=await fetch(u,{...o,method:c,headers:h});if(!b.ok){const p=await M_(b,c);throw new j_(b,p,m)}return await U_(b,s,m)}const z_=()=>"/api/me",$m=async u=>si(z_(),{...u,method:"GET"}),F_=()=>["/api/me"],L_=u=>{const{query:i,request:s}=u??{};return{queryKey:i?.queryKey??F_(),queryFn:({signal:c})=>$m({signal:c,...s}),...i}};function Jm(u){const i=L_(u);return{...ta(i),queryKey:i.queryKey}}const B_=()=>"/api/subscription/create",H_=async u=>si(B_(),{...u,method:"POST"}),q_=()=>"/api/subscription/activate",I_=async(u,i)=>si(q_(),{...i,method:"POST",headers:{"Content-Type":"application/json",...i?.headers},body:JSON.stringify(u)}),Y_=()=>"/api/subscription/cancel",V_=async u=>si(Y_(),{...u,method:"POST"}),G_=()=>"/api/saved-lists",K_=async u=>si(G_(),{...u,method:"GET"}),Q_=()=>["/api/saved-lists"],X_=u=>{const{query:i,request:s}=u??{};return{queryKey:i?.queryKey??Q_(),queryFn:({signal:c})=>K_({signal:c,...s}),...i}};function W_(u){const i=X_(u);return{...ta(i),queryKey:i.queryKey}}const Z_=()=>"/api/saved-lists",$_=async(u,i)=>si(Z_(),{...i,method:"POST",headers:{"Content-Type":"application/json",...i?.headers},body:JSON.stringify(u)}),J_=u=>`/api/saved-lists/${u}`,ex=async(u,i)=>si(J_(u),{...i,method:"DELETE"});function tx(u,i){if(u instanceof RegExp)return{keys:!1,pattern:u};var s,r,o,c,h=[],m="",b=u.split("/");for(b[0]||b.shift();o=b.shift();)s=o[0],s==="*"?(h.push(s),m+=o[1]==="?"?"(?:/(.*))?":"/(.*)"):s===":"?(r=o.indexOf("?",1),c=o.indexOf(".",1),h.push(o.substring(1,~r?r:~c?c:o.length)),m+=~r&&!~c?"(?:/([^/]+?))?":"/([^/]+?)",~c&&(m+=(~r?"?":"")+"\\"+o.substring(c))):m+="/"+o;return{keys:h,pattern:new RegExp("^"+m+(i?"(?=$|/)":"/?$"),"i")}}var y6={exports:{}},A6={};var lh;function ux(){if(lh)return A6;lh=1;var u=_o();function i(_,w){return _===w&&(_!==0||1/_===1/w)||_!==_&&w!==w}var s=typeof Object.is=="function"?Object.is:i,r=u.useState,o=u.useEffect,c=u.useLayoutEffect,h=u.useDebugValue;function m(_,w){var C=w(),N=r({inst:{value:C,getSnapshot:w}}),E=N[0].inst,k=N[1];return c(function(){E.value=C,E.getSnapshot=w,b(E)&&k({inst:E})},[_,C,w]),o(function(){return b(E)&&k({inst:E}),_(function(){b(E)&&k({inst:E})})},[_]),h(C),C}function b(_){var w=_.getSnapshot;_=_.value;try{var C=w();return!s(_,C)}catch{return!0}}function p(_,w){return w()}var v=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?p:m;return A6.useSyncExternalStore=u.useSyncExternalStore!==void 0?u.useSyncExternalStore:v,A6}var ch;function nx(){return ch||(ch=1,y6.exports=ux()),y6.exports}var ix=nx();const ax=xo.useInsertionEffect,rx=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",ep=rx?A.useLayoutEffect:A.useEffect,sx=ax||ep,sc=u=>{const i=A.useRef([u,(...s)=>i[0](...s)]).current;return sx(()=>{i[0]=u}),i[1]},ox="popstate",oc="pushState",lc="replaceState",lx="hashchange",dh=[ox,oc,lc,lx],cx=u=>{for(const i of dh)addEventListener(i,u);return()=>{for(const i of dh)removeEventListener(i,u)}},tp=(u,i)=>ix.useSyncExternalStore(cx,u,i),fh=()=>location.search,dx=({ssrSearch:u}={})=>tp(fh,u!=null?()=>u:fh),hh=()=>location.pathname,fx=({ssrPath:u}={})=>tp(hh,u!=null?()=>u:hh),hx=(u,{replace:i=!1,state:s=null}={})=>history[i?lc:oc](s,"",u),mx=(u={})=>[fx(u),hx],mh=Symbol.for("wouter_v3");if(typeof history<"u"&&typeof window[mh]>"u"){for(const u of[oc,lc]){const i=history[u];history[u]=function(){const s=i.apply(this,arguments),r=new Event(u);return r.arguments=arguments,dispatchEvent(r),s}}Object.defineProperty(window,mh,{value:!0})}const px=(u,i)=>i.toLowerCase().indexOf(u.toLowerCase())?"~"+i:i.slice(u.length)||"/",up=(u="")=>u==="/"?"":u,gx=(u,i)=>u[0]==="~"?u.slice(1):up(i)+u,bx=(u="",i)=>px(ph(up(u)),ph(i)),ph=u=>{try{return decodeURI(u)}catch{return u}},np={hook:mx,searchHook:dx,parser:tx,base:"",ssrPath:void 0,ssrSearch:void 0,ssrContext:void 0,hrefs:u=>u,aroundNav:(u,i,s)=>u(i,s)},ip=A.createContext(np),ca=()=>A.useContext(ip),ap={},rp=A.createContext(ap),vx=()=>A.useContext(rp),Tr=u=>{const[i,s]=u.hook(u);return[bx(u.base,i),sc((r,o)=>u.aroundNav(s,gx(r,u.base),o))]},kr=()=>Tr(ca()),sp=(u,i,s,r)=>{const{pattern:o,keys:c}=i instanceof RegExp?{keys:!1,pattern:i}:u(i||"*",r),h=o.exec(s)||[],[m,...b]=h;return m!==void 0?[!0,(()=>{const p=c!==!1?Object.fromEntries(c.map((_,w)=>[_,b[w]])):h.groups;let v={...b};return p&&Object.assign(v,p),v})(),...r?[m]:[]]:[!1,null]},op=({children:u,...i})=>{const s=ca(),r=i.hook?np:s;let o=r;const[c,h=i.ssrSearch??""]=i.ssrPath?.split("?")??[];c&&(i.ssrSearch=h,i.ssrPath=c),i.hrefs=i.hrefs??i.hook?.hrefs,i.searchHook=i.searchHook??i.hook?.searchHook;let m=A.useRef({}),b=m.current,p=b;for(let v in r){const _=v==="base"?r[v]+(i[v]??""):i[v]??r[v];b===p&&_!==p[v]&&(m.current=p={...p}),p[v]=_,(_!==r[v]||_!==o[v])&&(o=p)}return A.createElement(ip.Provider,{value:o,children:u})},gh=({children:u,component:i},s)=>i?A.createElement(i,{params:s}):typeof u=="function"?u(s):u,yx=u=>{let i=A.useRef(ap);const s=i.current;return i.current=Object.keys(u).length!==Object.keys(s).length||Object.entries(u).some(([r,o])=>o!==s[r])?u:s},Yu=({path:u,nest:i,match:s,...r})=>{const o=ca(),[c]=Tr(o),[h,m,b]=s??sp(o.parser,u,c,i),p=yx({...vx(),...m});if(!h)return null;const v=b?A.createElement(op,{base:b},gh(r,p)):gh(r,p);return A.createElement(rp.Provider,{value:p,children:v})},Cn=A.forwardRef((u,i)=>{const s=ca(),[r,o]=Tr(s),{to:c="",href:h=c,onClick:m,asChild:b,children:p,className:v,replace:_,state:w,transition:C,...N}=u,E=sc(B=>{B.ctrlKey||B.metaKey||B.altKey||B.shiftKey||B.button!==0||(m?.(B),B.defaultPrevented||(B.preventDefault(),o(h,u)))}),k=s.hrefs(h[0]==="~"?h.slice(1):s.base+h,s);return b&&A.isValidElement(p)?A.cloneElement(p,{onClick:E,href:k}):A.createElement("a",{...N,onClick:E,href:k,className:v?.call?v(r===h):v,children:p,ref:i})}),lp=u=>Array.isArray(u)?u.flatMap(i=>lp(i&&i.type===A.Fragment?i.props.children:i)):[u],Ax=({children:u,location:i})=>{const s=ca(),[r]=Tr(s);for(const o of lp(u)){let c=0;if(A.isValidElement(o)&&(c=sp(s.parser,o.props.path,i||r,o.props.nest))[0])return A.cloneElement(o,{match:c})}return null},cc=u=>{const{to:i,href:s=i}=u,r=ca(),[,o]=Tr(r),c=sc(()=>o(i||s,u)),{ssrContext:h}=r;return ep(()=>{c()},[]),h&&(h.redirectTo=i),null},_x=new c_({defaultOptions:{queries:{staleTime:3600*1e3,gcTime:7200*1e3,refetchOnWindowFocus:!1,refetchOnReconnect:!1,refetchInterval:!1,retry:1}}}),xx=1,wx=1e6;let _6=0;function Sx(){return _6=(_6+1)%Number.MAX_SAFE_INTEGER,_6.toString()}const x6=new Map,bh=u=>{if(x6.has(u))return;const i=setTimeout(()=>{x6.delete(u),Ar({type:"REMOVE_TOAST",toastId:u})},wx);x6.set(u,i)},Ex=(u,i)=>{switch(i.type){case"ADD_TOAST":return{...u,toasts:[i.toast,...u.toasts].slice(0,xx)};case"UPDATE_TOAST":return{...u,toasts:u.toasts.map(s=>s.id===i.toast.id?{...s,...i.toast}:s)};case"DISMISS_TOAST":{const{toastId:s}=i;return s?bh(s):u.toasts.forEach(r=>{bh(r.id)}),{...u,toasts:u.toasts.map(r=>r.id===s||s===void 0?{...r,open:!1}:r)}}case"REMOVE_TOAST":return i.toastId===void 0?{...u,toasts:[]}:{...u,toasts:u.toasts.filter(s=>s.id!==i.toastId)}}},no=[];let io={toasts:[]};function Ar(u){io=Ex(io,u),no.forEach(i=>{i(io)})}function Cx({...u}){const i=Sx(),s=o=>Ar({type:"UPDATE_TOAST",toast:{...o,id:i}}),r=()=>Ar({type:"DISMISS_TOAST",toastId:i});return Ar({type:"ADD_TOAST",toast:{...u,id:i,open:!0,onOpenChange:o=>{o||r()}}}),{id:i,dismiss:r,update:s}}function cp(){const[u,i]=A.useState(io);return A.useEffect(()=>(no.push(i),()=>{const s=no.indexOf(i);s>-1&&no.splice(s,1)}),[u]),{...u,toast:Cx,dismiss:s=>Ar({type:"DISMISS_TOAST",toastId:s})}}function it(u,i,{checkForDefaultPrevented:s=!0}={}){return function(o){if(u?.(o),s===!1||!o.defaultPrevented)return i?.(o)}}function vh(u,i){if(typeof u=="function")return u(i);u!=null&&(u.current=i)}function dc(...u){return i=>{let s=!1;const r=u.map(o=>{const c=vh(o,i);return!s&&typeof c=="function"&&(s=!0),c});if(s)return()=>{for(let o=0;o<r.length;o++){const c=r[o];typeof c=="function"?c():vh(u[o],null)}}}}function fu(...u){return A.useCallback(dc(...u),u)}function No(u,i=[]){let s=[];function r(c,h){const m=A.createContext(h),b=s.length;s=[...s,h];const p=_=>{const{scope:w,children:C,...N}=_,E=w?.[u]?.[b]||m,k=A.useMemo(()=>N,Object.values(N));return f.jsx(E.Provider,{value:k,children:C})};p.displayName=c+"Provider";function v(_,w){const C=w?.[u]?.[b]||m,N=A.useContext(C);if(N)return N;if(h!==void 0)return h;throw new Error(`\`${_}\` must be used within \`${c}\``)}return[p,v]}const o=()=>{const c=s.map(h=>A.createContext(h));return function(m){const b=m?.[u]||c;return A.useMemo(()=>({[`__scope${u}`]:{...m,[u]:b}}),[m,b])}};return o.scopeName=u,[r,Tx(o,...i)]}function Tx(...u){const i=u[0];if(u.length===1)return i;const s=()=>{const r=u.map(o=>({useScope:o(),scopeName:o.scopeName}));return function(c){const h=r.reduce((m,{useScope:b,scopeName:p})=>{const _=b(c)[`__scope${p}`];return{...m,..._}},{});return A.useMemo(()=>({[`__scope${i.scopeName}`]:h}),[h])}};return s.scopeName=i.scopeName,s}function L6(u){const i=kx(u),s=A.forwardRef((r,o)=>{const{children:c,...h}=r,m=A.Children.toArray(c),b=m.find(Ox);if(b){const p=b.props.children,v=m.map(_=>_===b?A.Children.count(p)>1?A.Children.only(null):A.isValidElement(p)?p.props.children:null:_);return f.jsx(i,{...h,ref:o,children:A.isValidElement(p)?A.cloneElement(p,void 0,v):null})}return f.jsx(i,{...h,ref:o,children:c})});return s.displayName=`${u}.Slot`,s}function kx(u){const i=A.forwardRef((s,r)=>{const{children:o,...c}=s;if(A.isValidElement(o)){const h=Nx(o),m=jx(c,o.props);return o.type!==A.Fragment&&(m.ref=r?dc(r,h):h),A.cloneElement(o,m)}return A.Children.count(o)>1?A.Children.only(null):null});return i.displayName=`${u}.SlotClone`,i}var dp=Symbol("radix.slottable");function Dx(u){const i=({children:s})=>f.jsx(f.Fragment,{children:s});return i.displayName=`${u}.Slottable`,i.__radixId=dp,i}function Ox(u){return A.isValidElement(u)&&typeof u.type=="function"&&"__radixId"in u.type&&u.type.__radixId===dp}function jx(u,i){const s={...i};for(const r in i){const o=u[r],c=i[r];/^on[A-Z]/.test(r)?o&&c?s[r]=(...m)=>{const b=c(...m);return o(...m),b}:o&&(s[r]=o):r==="style"?s[r]={...o,...c}:r==="className"&&(s[r]=[o,c].filter(Boolean).join(" "))}return{...u,...s}}function Nx(u){let i=Object.getOwnPropertyDescriptor(u.props,"ref")?.get,s=i&&"isReactWarning"in i&&i.isReactWarning;return s?u.ref:(i=Object.getOwnPropertyDescriptor(u,"ref")?.get,s=i&&"isReactWarning"in i&&i.isReactWarning,s?u.props.ref:u.props.ref||u.ref)}function Rx(u){const i=u+"CollectionProvider",[s,r]=No(i),[o,c]=s(i,{collectionRef:{current:null},itemMap:new Map}),h=E=>{const{scope:k,children:B}=E,P=L.useRef(null),z=L.useRef(new Map).current;return f.jsx(o,{scope:k,itemMap:z,collectionRef:P,children:B})};h.displayName=i;const m=u+"CollectionSlot",b=L6(m),p=L.forwardRef((E,k)=>{const{scope:B,children:P}=E,z=c(m,B),K=fu(k,z.collectionRef);return f.jsx(b,{ref:K,children:P})});p.displayName=m;const v=u+"CollectionItemSlot",_="data-radix-collection-item",w=L6(v),C=L.forwardRef((E,k)=>{const{scope:B,children:P,...z}=E,K=L.useRef(null),Y=fu(k,K),Z=c(v,B);return L.useEffect(()=>(Z.itemMap.set(K,{ref:K,...z}),()=>{Z.itemMap.delete(K)})),f.jsx(w,{[_]:"",ref:Y,children:P})});C.displayName=v;function N(E){const k=c(u+"CollectionConsumer",E);return L.useCallback(()=>{const P=k.collectionRef.current;if(!P)return[];const z=Array.from(P.querySelectorAll(`[${_}]`));return Array.from(k.itemMap.values()).sort((Z,W)=>z.indexOf(Z.ref.current)-z.indexOf(W.ref.current))},[k.collectionRef,k.itemMap])}return[{Provider:h,Slot:p,ItemSlot:C},N,r]}var Mx=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],Pt=Mx.reduce((u,i)=>{const s=L6(`Primitive.${i}`),r=A.forwardRef((o,c)=>{const{asChild:h,...m}=o,b=h?s:i;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),f.jsx(b,{...m,ref:c})});return r.displayName=`Primitive.${i}`,{...u,[i]:r}},{});function fp(u,i){u&&sa.flushSync(()=>u.dispatchEvent(i))}function kn(u){const i=A.useRef(u);return A.useEffect(()=>{i.current=u}),A.useMemo(()=>(...s)=>i.current?.(...s),[])}function Px(u,i=globalThis?.document){const s=kn(u);A.useEffect(()=>{const r=o=>{o.key==="Escape"&&s(o)};return i.addEventListener("keydown",r,{capture:!0}),()=>i.removeEventListener("keydown",r,{capture:!0})},[s,i])}var Ux="DismissableLayer",B6="dismissableLayer.update",zx="dismissableLayer.pointerDownOutside",Fx="dismissableLayer.focusOutside",yh,hp=A.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),fc=A.forwardRef((u,i)=>{const{disableOutsidePointerEvents:s=!1,onEscapeKeyDown:r,onPointerDownOutside:o,onFocusOutside:c,onInteractOutside:h,onDismiss:m,...b}=u,p=A.useContext(hp),[v,_]=A.useState(null),w=v?.ownerDocument??globalThis?.document,[,C]=A.useState({}),N=fu(i,W=>_(W)),E=Array.from(p.layers),[k]=[...p.layersWithOutsidePointerEventsDisabled].slice(-1),B=E.indexOf(k),P=v?E.indexOf(v):-1,z=p.layersWithOutsidePointerEventsDisabled.size>0,K=P>=B,Y=Bx(W=>{const I=W.target,te=[...p.branches].some(de=>de.contains(I));!K||te||(o?.(W),h?.(W),W.defaultPrevented||m?.())},w),Z=Hx(W=>{const I=W.target;[...p.branches].some(de=>de.contains(I))||(c?.(W),h?.(W),W.defaultPrevented||m?.())},w);return Px(W=>{P===p.layers.size-1&&(r?.(W),!W.defaultPrevented&&m&&(W.preventDefault(),m()))},w),A.useEffect(()=>{if(v)return s&&(p.layersWithOutsidePointerEventsDisabled.size===0&&(yh=w.body.style.pointerEvents,w.body.style.pointerEvents="none"),p.layersWithOutsidePointerEventsDisabled.add(v)),p.layers.add(v),Ah(),()=>{s&&p.layersWithOutsidePointerEventsDisabled.size===1&&(w.body.style.pointerEvents=yh)}},[v,w,s,p]),A.useEffect(()=>()=>{v&&(p.layers.delete(v),p.layersWithOutsidePointerEventsDisabled.delete(v),Ah())},[v,p]),A.useEffect(()=>{const W=()=>C({});return document.addEventListener(B6,W),()=>document.removeEventListener(B6,W)},[]),f.jsx(Pt.div,{...b,ref:N,style:{pointerEvents:z?K?"auto":"none":void 0,...u.style},onFocusCapture:it(u.onFocusCapture,Z.onFocusCapture),onBlurCapture:it(u.onBlurCapture,Z.onBlurCapture),onPointerDownCapture:it(u.onPointerDownCapture,Y.onPointerDownCapture)})});fc.displayName=Ux;var Lx="DismissableLayerBranch",mp=A.forwardRef((u,i)=>{const s=A.useContext(hp),r=A.useRef(null),o=fu(i,r);return A.useEffect(()=>{const c=r.current;if(c)return s.branches.add(c),()=>{s.branches.delete(c)}},[s.branches]),f.jsx(Pt.div,{...u,ref:o})});mp.displayName=Lx;function Bx(u,i=globalThis?.document){const s=kn(u),r=A.useRef(!1),o=A.useRef(()=>{});return A.useEffect(()=>{const c=m=>{if(m.target&&!r.current){let b=function(){pp(zx,s,p,{discrete:!0})};const p={originalEvent:m};m.pointerType==="touch"?(i.removeEventListener("click",o.current),o.current=b,i.addEventListener("click",o.current,{once:!0})):b()}else i.removeEventListener("click",o.current);r.current=!1},h=window.setTimeout(()=>{i.addEventListener("pointerdown",c)},0);return()=>{window.clearTimeout(h),i.removeEventListener("pointerdown",c),i.removeEventListener("click",o.current)}},[i,s]),{onPointerDownCapture:()=>r.current=!0}}function Hx(u,i=globalThis?.document){const s=kn(u),r=A.useRef(!1);return A.useEffect(()=>{const o=c=>{c.target&&!r.current&&pp(Fx,s,{originalEvent:c},{discrete:!1})};return i.addEventListener("focusin",o),()=>i.removeEventListener("focusin",o)},[i,s]),{onFocusCapture:()=>r.current=!0,onBlurCapture:()=>r.current=!1}}function Ah(){const u=new CustomEvent(B6);document.dispatchEvent(u)}function pp(u,i,s,{discrete:r}){const o=s.originalEvent.target,c=new CustomEvent(u,{bubbles:!1,cancelable:!0,detail:s});i&&o.addEventListener(u,i,{once:!0}),r?fp(o,c):o.dispatchEvent(c)}var qx=fc,Ix=mp,Dn=globalThis?.document?A.useLayoutEffect:()=>{},Yx="Portal",hc=A.forwardRef((u,i)=>{const{container:s,...r}=u,[o,c]=A.useState(!1);Dn(()=>c(!0),[]);const h=s||o&&globalThis?.document?.body;return h?cm.createPortal(f.jsx(Pt.div,{...r,ref:i}),h):null});hc.displayName=Yx;function Vx(u,i){return A.useReducer((s,r)=>i[s][r]??s,u)}var Ro=u=>{const{present:i,children:s}=u,r=Gx(i),o=typeof s=="function"?s({present:r.isPresent}):A.Children.only(s),c=fu(r.ref,Kx(o));return typeof s=="function"||r.isPresent?A.cloneElement(o,{ref:c}):null};Ro.displayName="Presence";function Gx(u){const[i,s]=A.useState(),r=A.useRef(null),o=A.useRef(u),c=A.useRef("none"),h=u?"mounted":"unmounted",[m,b]=Vx(h,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return A.useEffect(()=>{const p=Ws(r.current);c.current=m==="mounted"?p:"none"},[m]),Dn(()=>{const p=r.current,v=o.current;if(v!==u){const w=c.current,C=Ws(p);u?b("MOUNT"):C==="none"||p?.display==="none"?b("UNMOUNT"):b(v&&w!==C?"ANIMATION_OUT":"UNMOUNT"),o.current=u}},[u,b]),Dn(()=>{if(i){let p;const v=i.ownerDocument.defaultView??window,_=C=>{const E=Ws(r.current).includes(CSS.escape(C.animationName));if(C.target===i&&E&&(b("ANIMATION_END"),!o.current)){const k=i.style.animationFillMode;i.style.animationFillMode="forwards",p=v.setTimeout(()=>{i.style.animationFillMode==="forwards"&&(i.style.animationFillMode=k)})}},w=C=>{C.target===i&&(c.current=Ws(r.current))};return i.addEventListener("animationstart",w),i.addEventListener("animationcancel",_),i.addEventListener("animationend",_),()=>{v.clearTimeout(p),i.removeEventListener("animationstart",w),i.removeEventListener("animationcancel",_),i.removeEventListener("animationend",_)}}else b("ANIMATION_END")},[i,b]),{isPresent:["mounted","unmountSuspended"].includes(m),ref:A.useCallback(p=>{r.current=p?getComputedStyle(p):null,s(p)},[])}}function Ws(u){return u?.animationName||"none"}function Kx(u){let i=Object.getOwnPropertyDescriptor(u.props,"ref")?.get,s=i&&"isReactWarning"in i&&i.isReactWarning;return s?u.ref:(i=Object.getOwnPropertyDescriptor(u,"ref")?.get,s=i&&"isReactWarning"in i&&i.isReactWarning,s?u.props.ref:u.props.ref||u.ref)}var Qx=xo[" useInsertionEffect ".trim().toString()]||Dn;function Xx({prop:u,defaultProp:i,onChange:s=()=>{},caller:r}){const[o,c,h]=Wx({defaultProp:i,onChange:s}),m=u!==void 0,b=m?u:o;{const v=A.useRef(u!==void 0);A.useEffect(()=>{const _=v.current;_!==m&&console.warn(`${r} is changing from ${_?"controlled":"uncontrolled"} to ${m?"controlled":"uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`),v.current=m},[m,r])}const p=A.useCallback(v=>{if(m){const _=Zx(v)?v(u):v;_!==u&&h.current?.(_)}else c(v)},[m,u,c,h]);return[b,p]}function Wx({defaultProp:u,onChange:i}){const[s,r]=A.useState(u),o=A.useRef(s),c=A.useRef(i);return Qx(()=>{c.current=i},[i]),A.useEffect(()=>{o.current!==s&&(c.current?.(s),o.current=s)},[s,o]),[s,r,c]}function Zx(u){return typeof u=="function"}var $x=Object.freeze({position:"absolute",border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal"}),Jx="VisuallyHidden",Mo=A.forwardRef((u,i)=>f.jsx(Pt.span,{...u,ref:i,style:{...$x,...u.style}}));Mo.displayName=Jx;var e7=Mo,mc="ToastProvider",[pc,t7,u7]=Rx("Toast"),[gp]=No("Toast",[u7]),[n7,Po]=gp(mc),bp=u=>{const{__scopeToast:i,label:s="Notification",duration:r=5e3,swipeDirection:o="right",swipeThreshold:c=50,children:h}=u,[m,b]=A.useState(null),[p,v]=A.useState(0),_=A.useRef(!1),w=A.useRef(!1);return s.trim()||console.error(`Invalid prop \`label\` supplied to \`${mc}\`. Expected non-empty \`string\`.`),f.jsx(pc.Provider,{scope:i,children:f.jsx(n7,{scope:i,label:s,duration:r,swipeDirection:o,swipeThreshold:c,toastCount:p,viewport:m,onViewportChange:b,onToastAdd:A.useCallback(()=>v(C=>C+1),[]),onToastRemove:A.useCallback(()=>v(C=>C-1),[]),isFocusedToastEscapeKeyDownRef:_,isClosePausedRef:w,children:h})})};bp.displayName=mc;var vp="ToastViewport",i7=["F8"],H6="toast.viewportPause",q6="toast.viewportResume",yp=A.forwardRef((u,i)=>{const{__scopeToast:s,hotkey:r=i7,label:o="Notifications ({hotkey})",...c}=u,h=Po(vp,s),m=t7(s),b=A.useRef(null),p=A.useRef(null),v=A.useRef(null),_=A.useRef(null),w=fu(i,_,h.onViewportChange),C=r.join("+").replace(/Key/g,"").replace(/Digit/g,""),N=h.toastCount>0;A.useEffect(()=>{const k=B=>{r.length!==0&&r.every(z=>B[z]||B.code===z)&&_.current?.focus()};return document.addEventListener("keydown",k),()=>document.removeEventListener("keydown",k)},[r]),A.useEffect(()=>{const k=b.current,B=_.current;if(N&&k&&B){const P=()=>{if(!h.isClosePausedRef.current){const Z=new CustomEvent(H6);B.dispatchEvent(Z),h.isClosePausedRef.current=!0}},z=()=>{if(h.isClosePausedRef.current){const Z=new CustomEvent(q6);B.dispatchEvent(Z),h.isClosePausedRef.current=!1}},K=Z=>{!k.contains(Z.relatedTarget)&&z()},Y=()=>{k.contains(document.activeElement)||z()};return k.addEventListener("focusin",P),k.addEventListener("focusout",K),k.addEventListener("pointermove",P),k.addEventListener("pointerleave",Y),window.addEventListener("blur",P),window.addEventListener("focus",z),()=>{k.removeEventListener("focusin",P),k.removeEventListener("focusout",K),k.removeEventListener("pointermove",P),k.removeEventListener("pointerleave",Y),window.removeEventListener("blur",P),window.removeEventListener("focus",z)}}},[N,h.isClosePausedRef]);const E=A.useCallback(({tabbingDirection:k})=>{const P=m().map(z=>{const K=z.ref.current,Y=[K,...b7(K)];return k==="forwards"?Y:Y.reverse()});return(k==="forwards"?P.reverse():P).flat()},[m]);return A.useEffect(()=>{const k=_.current;if(k){const B=P=>{const z=P.altKey||P.ctrlKey||P.metaKey;if(P.key==="Tab"&&!z){const Y=document.activeElement,Z=P.shiftKey;if(P.target===k&&Z){p.current?.focus();return}const te=E({tabbingDirection:Z?"backwards":"forwards"}),de=te.findIndex(fe=>fe===Y);w6(te.slice(de+1))?P.preventDefault():Z?p.current?.focus():v.current?.focus()}};return k.addEventListener("keydown",B),()=>k.removeEventListener("keydown",B)}},[m,E]),f.jsxs(Ix,{ref:b,role:"region","aria-label":o.replace("{hotkey}",C),tabIndex:-1,style:{pointerEvents:N?void 0:"none"},children:[N&&f.jsx(I6,{ref:p,onFocusFromOutsideViewport:()=>{const k=E({tabbingDirection:"forwards"});w6(k)}}),f.jsx(pc.Slot,{scope:s,children:f.jsx(Pt.ol,{tabIndex:-1,...c,ref:w})}),N&&f.jsx(I6,{ref:v,onFocusFromOutsideViewport:()=>{const k=E({tabbingDirection:"backwards"});w6(k)}})]})});yp.displayName=vp;var Ap="ToastFocusProxy",I6=A.forwardRef((u,i)=>{const{__scopeToast:s,onFocusFromOutsideViewport:r,...o}=u,c=Po(Ap,s);return f.jsx(Mo,{tabIndex:0,...o,ref:i,style:{position:"fixed"},onFocus:h=>{const m=h.relatedTarget;!c.viewport?.contains(m)&&r()}})});I6.displayName=Ap;var Dr="Toast",a7="toast.swipeStart",r7="toast.swipeMove",s7="toast.swipeCancel",o7="toast.swipeEnd",_p=A.forwardRef((u,i)=>{const{forceMount:s,open:r,defaultOpen:o,onOpenChange:c,...h}=u,[m,b]=Xx({prop:r,defaultProp:o??!0,onChange:c,caller:Dr});return f.jsx(Ro,{present:s||m,children:f.jsx(d7,{open:m,...h,ref:i,onClose:()=>b(!1),onPause:kn(u.onPause),onResume:kn(u.onResume),onSwipeStart:it(u.onSwipeStart,p=>{p.currentTarget.setAttribute("data-swipe","start")}),onSwipeMove:it(u.onSwipeMove,p=>{const{x:v,y:_}=p.detail.delta;p.currentTarget.setAttribute("data-swipe","move"),p.currentTarget.style.setProperty("--radix-toast-swipe-move-x",`${v}px`),p.currentTarget.style.setProperty("--radix-toast-swipe-move-y",`${_}px`)}),onSwipeCancel:it(u.onSwipeCancel,p=>{p.currentTarget.setAttribute("data-swipe","cancel"),p.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),p.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),p.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"),p.currentTarget.style.removeProperty("--radix-toast-swipe-end-y")}),onSwipeEnd:it(u.onSwipeEnd,p=>{const{x:v,y:_}=p.detail.delta;p.currentTarget.setAttribute("data-swipe","end"),p.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),p.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),p.currentTarget.style.setProperty("--radix-toast-swipe-end-x",`${v}px`),p.currentTarget.style.setProperty("--radix-toast-swipe-end-y",`${_}px`),b(!1)})})})});_p.displayName=Dr;var[l7,c7]=gp(Dr,{onClose(){}}),d7=A.forwardRef((u,i)=>{const{__scopeToast:s,type:r="foreground",duration:o,open:c,onClose:h,onEscapeKeyDown:m,onPause:b,onResume:p,onSwipeStart:v,onSwipeMove:_,onSwipeCancel:w,onSwipeEnd:C,...N}=u,E=Po(Dr,s),[k,B]=A.useState(null),P=fu(i,ee=>B(ee)),z=A.useRef(null),K=A.useRef(null),Y=o||E.duration,Z=A.useRef(0),W=A.useRef(Y),I=A.useRef(0),{onToastAdd:te,onToastRemove:de}=E,fe=kn(()=>{k?.contains(document.activeElement)&&E.viewport?.focus(),h()}),oe=A.useCallback(ee=>{!ee||ee===1/0||(window.clearTimeout(I.current),Z.current=new Date().getTime(),I.current=window.setTimeout(fe,ee))},[fe]);A.useEffect(()=>{const ee=E.viewport;if(ee){const le=()=>{oe(W.current),p?.()},D=()=>{const q=new Date().getTime()-Z.current;W.current=W.current-q,window.clearTimeout(I.current),b?.()};return ee.addEventListener(H6,D),ee.addEventListener(q6,le),()=>{ee.removeEventListener(H6,D),ee.removeEventListener(q6,le)}}},[E.viewport,Y,b,p,oe]),A.useEffect(()=>{c&&!E.isClosePausedRef.current&&oe(Y)},[c,Y,E.isClosePausedRef,oe]),A.useEffect(()=>(te(),()=>de()),[te,de]);const ve=A.useMemo(()=>k?kp(k):null,[k]);return E.viewport?f.jsxs(f.Fragment,{children:[ve&&f.jsx(f7,{__scopeToast:s,role:"status","aria-live":r==="foreground"?"assertive":"polite",children:ve}),f.jsx(l7,{scope:s,onClose:fe,children:sa.createPortal(f.jsx(pc.ItemSlot,{scope:s,children:f.jsx(qx,{asChild:!0,onEscapeKeyDown:it(m,()=>{E.isFocusedToastEscapeKeyDownRef.current||fe(),E.isFocusedToastEscapeKeyDownRef.current=!1}),children:f.jsx(Pt.li,{tabIndex:0,"data-state":c?"open":"closed","data-swipe-direction":E.swipeDirection,...N,ref:P,style:{userSelect:"none",touchAction:"none",...u.style},onKeyDown:it(u.onKeyDown,ee=>{ee.key==="Escape"&&(m?.(ee.nativeEvent),ee.nativeEvent.defaultPrevented||(E.isFocusedToastEscapeKeyDownRef.current=!0,fe()))}),onPointerDown:it(u.onPointerDown,ee=>{ee.button===0&&(z.current={x:ee.clientX,y:ee.clientY})}),onPointerMove:it(u.onPointerMove,ee=>{if(!z.current)return;const le=ee.clientX-z.current.x,D=ee.clientY-z.current.y,q=!!K.current,$=["left","right"].includes(E.swipeDirection),ne=["left","up"].includes(E.swipeDirection)?Math.min:Math.max,x=$?ne(0,le):0,G=$?0:ne(0,D),j=ee.pointerType==="touch"?10:2,J={x,y:G},ue={originalEvent:ee,delta:J};q?(K.current=J,Zs(r7,_,ue,{discrete:!1})):_h(J,E.swipeDirection,j)?(K.current=J,Zs(a7,v,ue,{discrete:!1}),ee.target.setPointerCapture(ee.pointerId)):(Math.abs(le)>j||Math.abs(D)>j)&&(z.current=null)}),onPointerUp:it(u.onPointerUp,ee=>{const le=K.current,D=ee.target;if(D.hasPointerCapture(ee.pointerId)&&D.releasePointerCapture(ee.pointerId),K.current=null,z.current=null,le){const q=ee.currentTarget,$={originalEvent:ee,delta:le};_h(le,E.swipeDirection,E.swipeThreshold)?Zs(o7,C,$,{discrete:!0}):Zs(s7,w,$,{discrete:!0}),q.addEventListener("click",ne=>ne.preventDefault(),{once:!0})}})})})}),E.viewport)})]}):null}),f7=u=>{const{__scopeToast:i,children:s,...r}=u,o=Po(Dr,i),[c,h]=A.useState(!1),[m,b]=A.useState(!1);return p7(()=>h(!0)),A.useEffect(()=>{const p=window.setTimeout(()=>b(!0),1e3);return()=>window.clearTimeout(p)},[]),m?null:f.jsx(hc,{asChild:!0,children:f.jsx(Mo,{...r,children:c&&f.jsxs(f.Fragment,{children:[o.label," ",s]})})})},h7="ToastTitle",xp=A.forwardRef((u,i)=>{const{__scopeToast:s,...r}=u;return f.jsx(Pt.div,{...r,ref:i})});xp.displayName=h7;var m7="ToastDescription",wp=A.forwardRef((u,i)=>{const{__scopeToast:s,...r}=u;return f.jsx(Pt.div,{...r,ref:i})});wp.displayName=m7;var Sp="ToastAction",Ep=A.forwardRef((u,i)=>{const{altText:s,...r}=u;return s.trim()?f.jsx(Tp,{altText:s,asChild:!0,children:f.jsx(gc,{...r,ref:i})}):(console.error(`Invalid prop \`altText\` supplied to \`${Sp}\`. Expected non-empty \`string\`.`),null)});Ep.displayName=Sp;var Cp="ToastClose",gc=A.forwardRef((u,i)=>{const{__scopeToast:s,...r}=u,o=c7(Cp,s);return f.jsx(Tp,{asChild:!0,children:f.jsx(Pt.button,{type:"button",...r,ref:i,onClick:it(u.onClick,o.onClose)})})});gc.displayName=Cp;var Tp=A.forwardRef((u,i)=>{const{__scopeToast:s,altText:r,...o}=u;return f.jsx(Pt.div,{"data-radix-toast-announce-exclude":"","data-radix-toast-announce-alt":r||void 0,...o,ref:i})});function kp(u){const i=[];return Array.from(u.childNodes).forEach(r=>{if(r.nodeType===r.TEXT_NODE&&r.textContent&&i.push(r.textContent),g7(r)){const o=r.ariaHidden||r.hidden||r.style.display==="none",c=r.dataset.radixToastAnnounceExclude==="";if(!o)if(c){const h=r.dataset.radixToastAnnounceAlt;h&&i.push(h)}else i.push(...kp(r))}}),i}function Zs(u,i,s,{discrete:r}){const o=s.originalEvent.currentTarget,c=new CustomEvent(u,{bubbles:!0,cancelable:!0,detail:s});i&&o.addEventListener(u,i,{once:!0}),r?fp(o,c):o.dispatchEvent(c)}var _h=(u,i,s=0)=>{const r=Math.abs(u.x),o=Math.abs(u.y),c=r>o;return i==="left"||i==="right"?c&&r>s:!c&&o>s};function p7(u=()=>{}){const i=kn(u);Dn(()=>{let s=0,r=0;return s=window.requestAnimationFrame(()=>r=window.requestAnimationFrame(i)),()=>{window.cancelAnimationFrame(s),window.cancelAnimationFrame(r)}},[i])}function g7(u){return u.nodeType===u.ELEMENT_NODE}function b7(u){const i=[],s=document.createTreeWalker(u,NodeFilter.SHOW_ELEMENT,{acceptNode:r=>{const o=r.tagName==="INPUT"&&r.type==="hidden";return r.disabled||r.hidden||o?NodeFilter.FILTER_SKIP:r.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;s.nextNode();)i.push(s.currentNode);return i}function w6(u){const i=document.activeElement;return u.some(s=>s===i?!0:(s.focus(),document.activeElement!==i))}var v7=bp,Dp=yp,Op=_p,jp=xp,Np=wp,Rp=Ep,Mp=gc;function Pp(u){var i,s,r="";if(typeof u=="string"||typeof u=="number")r+=u;else if(typeof u=="object")if(Array.isArray(u)){var o=u.length;for(i=0;i<o;i++)u[i]&&(s=Pp(u[i]))&&(r&&(r+=" "),r+=s)}else for(s in u)u[s]&&(r&&(r+=" "),r+=s);return r}function Up(){for(var u,i,s=0,r="",o=arguments.length;s<o;s++)(u=arguments[s])&&(i=Pp(u))&&(r&&(r+=" "),r+=i);return r}const xh=u=>typeof u=="boolean"?`${u}`:u===0?"0":u,wh=Up,zp=(u,i)=>s=>{var r;if(i?.variants==null)return wh(u,s?.class,s?.className);const{variants:o,defaultVariants:c}=i,h=Object.keys(o).map(p=>{const v=s?.[p],_=c?.[p];if(v===null)return null;const w=xh(v)||xh(_);return o[p][w]}),m=s&&Object.entries(s).reduce((p,v)=>{let[_,w]=v;return w===void 0||(p[_]=w),p},{}),b=i==null||(r=i.compoundVariants)===null||r===void 0?void 0:r.reduce((p,v)=>{let{class:_,className:w,...C}=v;return Object.entries(C).every(N=>{let[E,k]=N;return Array.isArray(k)?k.includes({...c,...m}[E]):{...c,...m}[E]===k})?[...p,_,w]:p},[]);return wh(u,h,b,s?.class,s?.className)};const y7=u=>u.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),A7=u=>u.replace(/^([A-Z])|[\s-_]+(\w)/g,(i,s,r)=>r?r.toUpperCase():s.toLowerCase()),Sh=u=>{const i=A7(u);return i.charAt(0).toUpperCase()+i.slice(1)},Fp=(...u)=>u.filter((i,s,r)=>!!i&&i.trim()!==""&&r.indexOf(i)===s).join(" ").trim(),_7=u=>{for(const i in u)if(i.startsWith("aria-")||i==="role"||i==="title")return!0};var x7={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};const w7=A.forwardRef(({color:u="currentColor",size:i=24,strokeWidth:s=2,absoluteStrokeWidth:r,className:o="",children:c,iconNode:h,...m},b)=>A.createElement("svg",{ref:b,...x7,width:i,height:i,stroke:u,strokeWidth:r?Number(s)*24/Number(i):s,className:Fp("lucide",o),...!c&&!_7(m)&&{"aria-hidden":"true"},...m},[...h.map(([p,v])=>A.createElement(p,v)),...Array.isArray(c)?c:[c]]));const Lp=(u,i)=>{const s=A.forwardRef(({className:r,...o},c)=>A.createElement(w7,{ref:c,iconNode:i,className:Fp(`lucide-${y7(Sh(u))}`,`lucide-${u}`,r),...o}));return s.displayName=Sh(u),s};const S7=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]],E7=Lp("circle-alert",S7);const C7=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],T7=Lp("x",C7),k7=(u,i)=>{const s=new Array(u.length+i.length);for(let r=0;r<u.length;r++)s[r]=u[r];for(let r=0;r<i.length;r++)s[u.length+r]=i[r];return s},D7=(u,i)=>({classGroupId:u,validator:i}),Bp=(u=new Map,i=null,s)=>({nextPart:u,validators:i,classGroupId:s}),fo="-",Eh=[],O7="arbitrary..",j7=u=>{const i=R7(u),{conflictingClassGroups:s,conflictingClassGroupModifiers:r}=u;return{getClassGroupId:h=>{if(h.startsWith("[")&&h.endsWith("]"))return N7(h);const m=h.split(fo),b=m[0]===""&&m.length>1?1:0;return Hp(m,b,i)},getConflictingClassGroupIds:(h,m)=>{if(m){const b=r[h],p=s[h];return b?p?k7(p,b):b:p||Eh}return s[h]||Eh}}},Hp=(u,i,s)=>{if(u.length-i===0)return s.classGroupId;const o=u[i],c=s.nextPart.get(o);if(c){const p=Hp(u,i+1,c);if(p)return p}const h=s.validators;if(h===null)return;const m=i===0?u.join(fo):u.slice(i).join(fo),b=h.length;for(let p=0;p<b;p++){const v=h[p];if(v.validator(m))return v.classGroupId}},N7=u=>u.slice(1,-1).indexOf(":")===-1?void 0:(()=>{const i=u.slice(1,-1),s=i.indexOf(":"),r=i.slice(0,s);return r?O7+r:void 0})(),R7=u=>{const{theme:i,classGroups:s}=u;return M7(s,i)},M7=(u,i)=>{const s=Bp();for(const r in u){const o=u[r];bc(o,s,r,i)}return s},bc=(u,i,s,r)=>{const o=u.length;for(let c=0;c<o;c++){const h=u[c];P7(h,i,s,r)}},P7=(u,i,s,r)=>{if(typeof u=="string"){U7(u,i,s);return}if(typeof u=="function"){z7(u,i,s,r);return}F7(u,i,s,r)},U7=(u,i,s)=>{const r=u===""?i:qp(i,u);r.classGroupId=s},z7=(u,i,s,r)=>{if(L7(u)){bc(u(r),i,s,r);return}i.validators===null&&(i.validators=[]),i.validators.push(D7(s,u))},F7=(u,i,s,r)=>{const o=Object.entries(u),c=o.length;for(let h=0;h<c;h++){const[m,b]=o[h];bc(b,qp(i,m),s,r)}},qp=(u,i)=>{let s=u;const r=i.split(fo),o=r.length;for(let c=0;c<o;c++){const h=r[c];let m=s.nextPart.get(h);m||(m=Bp(),s.nextPart.set(h,m)),s=m}return s},L7=u=>"isThemeGetter"in u&&u.isThemeGetter===!0,B7=u=>{if(u<1)return{get:()=>{},set:()=>{}};let i=0,s=Object.create(null),r=Object.create(null);const o=(c,h)=>{s[c]=h,i++,i>u&&(i=0,r=s,s=Object.create(null))};return{get(c){let h=s[c];if(h!==void 0)return h;if((h=r[c])!==void 0)return o(c,h),h},set(c,h){c in s?s[c]=h:o(c,h)}}},Y6="!",Ch=":",H7=[],Th=(u,i,s,r,o)=>({modifiers:u,hasImportantModifier:i,baseClassName:s,maybePostfixModifierPosition:r,isExternal:o}),q7=u=>{const{prefix:i,experimentalParseClassName:s}=u;let r=o=>{const c=[];let h=0,m=0,b=0,p;const v=o.length;for(let E=0;E<v;E++){const k=o[E];if(h===0&&m===0){if(k===Ch){c.push(o.slice(b,E)),b=E+1;continue}if(k==="/"){p=E;continue}}k==="["?h++:k==="]"?h--:k==="("?m++:k===")"&&m--}const _=c.length===0?o:o.slice(b);let w=_,C=!1;_.endsWith(Y6)?(w=_.slice(0,-1),C=!0):_.startsWith(Y6)&&(w=_.slice(1),C=!0);const N=p&&p>b?p-b:void 0;return Th(c,C,w,N)};if(i){const o=i+Ch,c=r;r=h=>h.startsWith(o)?c(h.slice(o.length)):Th(H7,!1,h,void 0,!0)}if(s){const o=r;r=c=>s({className:c,parseClassName:o})}return r},I7=u=>{const i=new Map;return u.orderSensitiveModifiers.forEach((s,r)=>{i.set(s,1e6+r)}),s=>{const r=[];let o=[];for(let c=0;c<s.length;c++){const h=s[c],m=h[0]==="[",b=i.has(h);m||b?(o.length>0&&(o.sort(),r.push(...o),o=[]),r.push(h)):o.push(h)}return o.length>0&&(o.sort(),r.push(...o)),r}},Y7=u=>({cache:B7(u.cacheSize),parseClassName:q7(u),sortModifiers:I7(u),...j7(u)}),V7=/\s+/,G7=(u,i)=>{const{parseClassName:s,getClassGroupId:r,getConflictingClassGroupIds:o,sortModifiers:c}=i,h=[],m=u.trim().split(V7);let b="";for(let p=m.length-1;p>=0;p-=1){const v=m[p],{isExternal:_,modifiers:w,hasImportantModifier:C,baseClassName:N,maybePostfixModifierPosition:E}=s(v);if(_){b=v+(b.length>0?" "+b:b);continue}let k=!!E,B=r(k?N.substring(0,E):N);if(!B){if(!k){b=v+(b.length>0?" "+b:b);continue}if(B=r(N),!B){b=v+(b.length>0?" "+b:b);continue}k=!1}const P=w.length===0?"":w.length===1?w[0]:c(w).join(":"),z=C?P+Y6:P,K=z+B;if(h.indexOf(K)>-1)continue;h.push(K);const Y=o(B,k);for(let Z=0;Z<Y.length;++Z){const W=Y[Z];h.push(z+W)}b=v+(b.length>0?" "+b:b)}return b},K7=(...u)=>{let i=0,s,r,o="";for(;i<u.length;)(s=u[i++])&&(r=Ip(s))&&(o&&(o+=" "),o+=r);return o},Ip=u=>{if(typeof u=="string")return u;let i,s="";for(let r=0;r<u.length;r++)u[r]&&(i=Ip(u[r]))&&(s&&(s+=" "),s+=i);return s},Q7=(u,...i)=>{let s,r,o,c;const h=b=>{const p=i.reduce((v,_)=>_(v),u());return s=Y7(p),r=s.cache.get,o=s.cache.set,c=m,m(b)},m=b=>{const p=r(b);if(p)return p;const v=G7(b,s);return o(b,v),v};return c=h,(...b)=>c(K7(...b))},X7=[],ut=u=>{const i=s=>s[u]||X7;return i.isThemeGetter=!0,i},Yp=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,Vp=/^\((?:(\w[\w-]*):)?(.+)\)$/i,W7=/^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/,Z7=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,$7=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,J7=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,e1=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,t1=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,xn=u=>W7.test(u),xe=u=>!!u&&!Number.isNaN(Number(u)),wn=u=>!!u&&Number.isInteger(Number(u)),S6=u=>u.endsWith("%")&&xe(u.slice(0,-1)),Vu=u=>Z7.test(u),Gp=()=>!0,u1=u=>$7.test(u)&&!J7.test(u),vc=()=>!1,n1=u=>e1.test(u),i1=u=>t1.test(u),a1=u=>!re(u)&&!se(u),r1=u=>Nn(u,Xp,vc),re=u=>Yp.test(u),ti=u=>Nn(u,Wp,u1),kh=u=>Nn(u,m1,xe),s1=u=>Nn(u,$p,Gp),o1=u=>Nn(u,Zp,vc),Dh=u=>Nn(u,Kp,vc),l1=u=>Nn(u,Qp,i1),$s=u=>Nn(u,Jp,n1),se=u=>Vp.test(u),pr=u=>oi(u,Wp),c1=u=>oi(u,Zp),Oh=u=>oi(u,Kp),d1=u=>oi(u,Xp),f1=u=>oi(u,Qp),Js=u=>oi(u,Jp,!0),h1=u=>oi(u,$p,!0),Nn=(u,i,s)=>{const r=Yp.exec(u);return r?r[1]?i(r[1]):s(r[2]):!1},oi=(u,i,s=!1)=>{const r=Vp.exec(u);return r?r[1]?i(r[1]):s:!1},Kp=u=>u==="position"||u==="percentage",Qp=u=>u==="image"||u==="url",Xp=u=>u==="length"||u==="size"||u==="bg-size",Wp=u=>u==="length",m1=u=>u==="number",Zp=u=>u==="family-name",$p=u=>u==="number"||u==="weight",Jp=u=>u==="shadow",p1=()=>{const u=ut("color"),i=ut("font"),s=ut("text"),r=ut("font-weight"),o=ut("tracking"),c=ut("leading"),h=ut("breakpoint"),m=ut("container"),b=ut("spacing"),p=ut("radius"),v=ut("shadow"),_=ut("inset-shadow"),w=ut("text-shadow"),C=ut("drop-shadow"),N=ut("blur"),E=ut("perspective"),k=ut("aspect"),B=ut("ease"),P=ut("animate"),z=()=>["auto","avoid","all","avoid-page","page","left","right","column"],K=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"],Y=()=>[...K(),se,re],Z=()=>["auto","hidden","clip","visible","scroll"],W=()=>["auto","contain","none"],I=()=>[se,re,b],te=()=>[xn,"full","auto",...I()],de=()=>[wn,"none","subgrid",se,re],fe=()=>["auto",{span:["full",wn,se,re]},wn,se,re],oe=()=>[wn,"auto",se,re],ve=()=>["auto","min","max","fr",se,re],ee=()=>["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"],le=()=>["start","end","center","stretch","center-safe","end-safe"],D=()=>["auto",...I()],q=()=>[xn,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...I()],$=()=>[xn,"screen","full","dvw","lvw","svw","min","max","fit",...I()],ne=()=>[xn,"screen","full","lh","dvh","lvh","svh","min","max","fit",...I()],x=()=>[u,se,re],G=()=>[...K(),Oh,Dh,{position:[se,re]}],j=()=>["no-repeat",{repeat:["","x","y","space","round"]}],J=()=>["auto","cover","contain",d1,r1,{size:[se,re]}],ue=()=>[S6,pr,ti],he=()=>["","none","full",p,se,re],ie=()=>["",xe,pr,ti],Le=()=>["solid","dashed","dotted","double"],Ce=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],ke=()=>[xe,S6,Oh,Dh],pu=()=>["","none",N,se,re],yt=()=>["none",xe,se,re],Qt=()=>["none",xe,se,re],Xe=()=>[xe,se,re],gu=()=>[xn,"full",...I()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[Vu],breakpoint:[Vu],color:[Gp],container:[Vu],"drop-shadow":[Vu],ease:["in","out","in-out"],font:[a1],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[Vu],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[Vu],shadow:[Vu],spacing:["px",xe],text:[Vu],"text-shadow":[Vu],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",xn,re,se,k]}],container:["container"],columns:[{columns:[xe,re,se,m]}],"break-after":[{"break-after":z()}],"break-before":[{"break-before":z()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],sr:["sr-only","not-sr-only"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:Y()}],overflow:[{overflow:Z()}],"overflow-x":[{"overflow-x":Z()}],"overflow-y":[{"overflow-y":Z()}],overscroll:[{overscroll:W()}],"overscroll-x":[{"overscroll-x":W()}],"overscroll-y":[{"overscroll-y":W()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:te()}],"inset-x":[{"inset-x":te()}],"inset-y":[{"inset-y":te()}],start:[{"inset-s":te(),start:te()}],end:[{"inset-e":te(),end:te()}],"inset-bs":[{"inset-bs":te()}],"inset-be":[{"inset-be":te()}],top:[{top:te()}],right:[{right:te()}],bottom:[{bottom:te()}],left:[{left:te()}],visibility:["visible","invisible","collapse"],z:[{z:[wn,"auto",se,re]}],basis:[{basis:[xn,"full","auto",m,...I()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[xe,xn,"auto","initial","none",re]}],grow:[{grow:["",xe,se,re]}],shrink:[{shrink:["",xe,se,re]}],order:[{order:[wn,"first","last","none",se,re]}],"grid-cols":[{"grid-cols":de()}],"col-start-end":[{col:fe()}],"col-start":[{"col-start":oe()}],"col-end":[{"col-end":oe()}],"grid-rows":[{"grid-rows":de()}],"row-start-end":[{row:fe()}],"row-start":[{"row-start":oe()}],"row-end":[{"row-end":oe()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":ve()}],"auto-rows":[{"auto-rows":ve()}],gap:[{gap:I()}],"gap-x":[{"gap-x":I()}],"gap-y":[{"gap-y":I()}],"justify-content":[{justify:[...ee(),"normal"]}],"justify-items":[{"justify-items":[...le(),"normal"]}],"justify-self":[{"justify-self":["auto",...le()]}],"align-content":[{content:["normal",...ee()]}],"align-items":[{items:[...le(),{baseline:["","last"]}]}],"align-self":[{self:["auto",...le(),{baseline:["","last"]}]}],"place-content":[{"place-content":ee()}],"place-items":[{"place-items":[...le(),"baseline"]}],"place-self":[{"place-self":["auto",...le()]}],p:[{p:I()}],px:[{px:I()}],py:[{py:I()}],ps:[{ps:I()}],pe:[{pe:I()}],pbs:[{pbs:I()}],pbe:[{pbe:I()}],pt:[{pt:I()}],pr:[{pr:I()}],pb:[{pb:I()}],pl:[{pl:I()}],m:[{m:D()}],mx:[{mx:D()}],my:[{my:D()}],ms:[{ms:D()}],me:[{me:D()}],mbs:[{mbs:D()}],mbe:[{mbe:D()}],mt:[{mt:D()}],mr:[{mr:D()}],mb:[{mb:D()}],ml:[{ml:D()}],"space-x":[{"space-x":I()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":I()}],"space-y-reverse":["space-y-reverse"],size:[{size:q()}],"inline-size":[{inline:["auto",...$()]}],"min-inline-size":[{"min-inline":["auto",...$()]}],"max-inline-size":[{"max-inline":["none",...$()]}],"block-size":[{block:["auto",...ne()]}],"min-block-size":[{"min-block":["auto",...ne()]}],"max-block-size":[{"max-block":["none",...ne()]}],w:[{w:[m,"screen",...q()]}],"min-w":[{"min-w":[m,"screen","none",...q()]}],"max-w":[{"max-w":[m,"screen","none","prose",{screen:[h]},...q()]}],h:[{h:["screen","lh",...q()]}],"min-h":[{"min-h":["screen","lh","none",...q()]}],"max-h":[{"max-h":["screen","lh",...q()]}],"font-size":[{text:["base",s,pr,ti]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[r,h1,s1]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",S6,re]}],"font-family":[{font:[c1,o1,i]}],"font-features":[{"font-features":[re]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:[o,se,re]}],"line-clamp":[{"line-clamp":[xe,"none",se,kh]}],leading:[{leading:[c,...I()]}],"list-image":[{"list-image":["none",se,re]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",se,re]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:x()}],"text-color":[{text:x()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...Le(),"wavy"]}],"text-decoration-thickness":[{decoration:[xe,"from-font","auto",se,ti]}],"text-decoration-color":[{decoration:x()}],"underline-offset":[{"underline-offset":[xe,"auto",se,re]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:I()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",se,re]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],wrap:[{wrap:["break-word","anywhere","normal"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",se,re]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:G()}],"bg-repeat":[{bg:j()}],"bg-size":[{bg:J()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},wn,se,re],radial:["",se,re],conic:[wn,se,re]},f1,l1]}],"bg-color":[{bg:x()}],"gradient-from-pos":[{from:ue()}],"gradient-via-pos":[{via:ue()}],"gradient-to-pos":[{to:ue()}],"gradient-from":[{from:x()}],"gradient-via":[{via:x()}],"gradient-to":[{to:x()}],rounded:[{rounded:he()}],"rounded-s":[{"rounded-s":he()}],"rounded-e":[{"rounded-e":he()}],"rounded-t":[{"rounded-t":he()}],"rounded-r":[{"rounded-r":he()}],"rounded-b":[{"rounded-b":he()}],"rounded-l":[{"rounded-l":he()}],"rounded-ss":[{"rounded-ss":he()}],"rounded-se":[{"rounded-se":he()}],"rounded-ee":[{"rounded-ee":he()}],"rounded-es":[{"rounded-es":he()}],"rounded-tl":[{"rounded-tl":he()}],"rounded-tr":[{"rounded-tr":he()}],"rounded-br":[{"rounded-br":he()}],"rounded-bl":[{"rounded-bl":he()}],"border-w":[{border:ie()}],"border-w-x":[{"border-x":ie()}],"border-w-y":[{"border-y":ie()}],"border-w-s":[{"border-s":ie()}],"border-w-e":[{"border-e":ie()}],"border-w-bs":[{"border-bs":ie()}],"border-w-be":[{"border-be":ie()}],"border-w-t":[{"border-t":ie()}],"border-w-r":[{"border-r":ie()}],"border-w-b":[{"border-b":ie()}],"border-w-l":[{"border-l":ie()}],"divide-x":[{"divide-x":ie()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":ie()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:[...Le(),"hidden","none"]}],"divide-style":[{divide:[...Le(),"hidden","none"]}],"border-color":[{border:x()}],"border-color-x":[{"border-x":x()}],"border-color-y":[{"border-y":x()}],"border-color-s":[{"border-s":x()}],"border-color-e":[{"border-e":x()}],"border-color-bs":[{"border-bs":x()}],"border-color-be":[{"border-be":x()}],"border-color-t":[{"border-t":x()}],"border-color-r":[{"border-r":x()}],"border-color-b":[{"border-b":x()}],"border-color-l":[{"border-l":x()}],"divide-color":[{divide:x()}],"outline-style":[{outline:[...Le(),"none","hidden"]}],"outline-offset":[{"outline-offset":[xe,se,re]}],"outline-w":[{outline:["",xe,pr,ti]}],"outline-color":[{outline:x()}],shadow:[{shadow:["","none",v,Js,$s]}],"shadow-color":[{shadow:x()}],"inset-shadow":[{"inset-shadow":["none",_,Js,$s]}],"inset-shadow-color":[{"inset-shadow":x()}],"ring-w":[{ring:ie()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:x()}],"ring-offset-w":[{"ring-offset":[xe,ti]}],"ring-offset-color":[{"ring-offset":x()}],"inset-ring-w":[{"inset-ring":ie()}],"inset-ring-color":[{"inset-ring":x()}],"text-shadow":[{"text-shadow":["none",w,Js,$s]}],"text-shadow-color":[{"text-shadow":x()}],opacity:[{opacity:[xe,se,re]}],"mix-blend":[{"mix-blend":[...Ce(),"plus-darker","plus-lighter"]}],"bg-blend":[{"bg-blend":Ce()}],"mask-clip":[{"mask-clip":["border","padding","content","fill","stroke","view"]},"mask-no-clip"],"mask-composite":[{mask:["add","subtract","intersect","exclude"]}],"mask-image-linear-pos":[{"mask-linear":[xe]}],"mask-image-linear-from-pos":[{"mask-linear-from":ke()}],"mask-image-linear-to-pos":[{"mask-linear-to":ke()}],"mask-image-linear-from-color":[{"mask-linear-from":x()}],"mask-image-linear-to-color":[{"mask-linear-to":x()}],"mask-image-t-from-pos":[{"mask-t-from":ke()}],"mask-image-t-to-pos":[{"mask-t-to":ke()}],"mask-image-t-from-color":[{"mask-t-from":x()}],"mask-image-t-to-color":[{"mask-t-to":x()}],"mask-image-r-from-pos":[{"mask-r-from":ke()}],"mask-image-r-to-pos":[{"mask-r-to":ke()}],"mask-image-r-from-color":[{"mask-r-from":x()}],"mask-image-r-to-color":[{"mask-r-to":x()}],"mask-image-b-from-pos":[{"mask-b-from":ke()}],"mask-image-b-to-pos":[{"mask-b-to":ke()}],"mask-image-b-from-color":[{"mask-b-from":x()}],"mask-image-b-to-color":[{"mask-b-to":x()}],"mask-image-l-from-pos":[{"mask-l-from":ke()}],"mask-image-l-to-pos":[{"mask-l-to":ke()}],"mask-image-l-from-color":[{"mask-l-from":x()}],"mask-image-l-to-color":[{"mask-l-to":x()}],"mask-image-x-from-pos":[{"mask-x-from":ke()}],"mask-image-x-to-pos":[{"mask-x-to":ke()}],"mask-image-x-from-color":[{"mask-x-from":x()}],"mask-image-x-to-color":[{"mask-x-to":x()}],"mask-image-y-from-pos":[{"mask-y-from":ke()}],"mask-image-y-to-pos":[{"mask-y-to":ke()}],"mask-image-y-from-color":[{"mask-y-from":x()}],"mask-image-y-to-color":[{"mask-y-to":x()}],"mask-image-radial":[{"mask-radial":[se,re]}],"mask-image-radial-from-pos":[{"mask-radial-from":ke()}],"mask-image-radial-to-pos":[{"mask-radial-to":ke()}],"mask-image-radial-from-color":[{"mask-radial-from":x()}],"mask-image-radial-to-color":[{"mask-radial-to":x()}],"mask-image-radial-shape":[{"mask-radial":["circle","ellipse"]}],"mask-image-radial-size":[{"mask-radial":[{closest:["side","corner"],farthest:["side","corner"]}]}],"mask-image-radial-pos":[{"mask-radial-at":K()}],"mask-image-conic-pos":[{"mask-conic":[xe]}],"mask-image-conic-from-pos":[{"mask-conic-from":ke()}],"mask-image-conic-to-pos":[{"mask-conic-to":ke()}],"mask-image-conic-from-color":[{"mask-conic-from":x()}],"mask-image-conic-to-color":[{"mask-conic-to":x()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:G()}],"mask-repeat":[{mask:j()}],"mask-size":[{mask:J()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",se,re]}],filter:[{filter:["","none",se,re]}],blur:[{blur:pu()}],brightness:[{brightness:[xe,se,re]}],contrast:[{contrast:[xe,se,re]}],"drop-shadow":[{"drop-shadow":["","none",C,Js,$s]}],"drop-shadow-color":[{"drop-shadow":x()}],grayscale:[{grayscale:["",xe,se,re]}],"hue-rotate":[{"hue-rotate":[xe,se,re]}],invert:[{invert:["",xe,se,re]}],saturate:[{saturate:[xe,se,re]}],sepia:[{sepia:["",xe,se,re]}],"backdrop-filter":[{"backdrop-filter":["","none",se,re]}],"backdrop-blur":[{"backdrop-blur":pu()}],"backdrop-brightness":[{"backdrop-brightness":[xe,se,re]}],"backdrop-contrast":[{"backdrop-contrast":[xe,se,re]}],"backdrop-grayscale":[{"backdrop-grayscale":["",xe,se,re]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[xe,se,re]}],"backdrop-invert":[{"backdrop-invert":["",xe,se,re]}],"backdrop-opacity":[{"backdrop-opacity":[xe,se,re]}],"backdrop-saturate":[{"backdrop-saturate":[xe,se,re]}],"backdrop-sepia":[{"backdrop-sepia":["",xe,se,re]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":I()}],"border-spacing-x":[{"border-spacing-x":I()}],"border-spacing-y":[{"border-spacing-y":I()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",se,re]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[xe,"initial",se,re]}],ease:[{ease:["linear","initial",B,se,re]}],delay:[{delay:[xe,se,re]}],animate:[{animate:["none",P,se,re]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[E,se,re]}],"perspective-origin":[{"perspective-origin":Y()}],rotate:[{rotate:yt()}],"rotate-x":[{"rotate-x":yt()}],"rotate-y":[{"rotate-y":yt()}],"rotate-z":[{"rotate-z":yt()}],scale:[{scale:Qt()}],"scale-x":[{"scale-x":Qt()}],"scale-y":[{"scale-y":Qt()}],"scale-z":[{"scale-z":Qt()}],"scale-3d":["scale-3d"],skew:[{skew:Xe()}],"skew-x":[{"skew-x":Xe()}],"skew-y":[{"skew-y":Xe()}],transform:[{transform:[se,re,"","none","gpu","cpu"]}],"transform-origin":[{origin:Y()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:gu()}],"translate-x":[{"translate-x":gu()}],"translate-y":[{"translate-y":gu()}],"translate-z":[{"translate-z":gu()}],"translate-none":["translate-none"],accent:[{accent:x()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:x()}],"color-scheme":[{scheme:["normal","dark","light","light-dark","only-dark","only-light"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",se,re]}],"field-sizing":[{"field-sizing":["fixed","content"]}],"pointer-events":[{"pointer-events":["auto","none"]}],resize:[{resize:["none","","y","x"]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":I()}],"scroll-mx":[{"scroll-mx":I()}],"scroll-my":[{"scroll-my":I()}],"scroll-ms":[{"scroll-ms":I()}],"scroll-me":[{"scroll-me":I()}],"scroll-mbs":[{"scroll-mbs":I()}],"scroll-mbe":[{"scroll-mbe":I()}],"scroll-mt":[{"scroll-mt":I()}],"scroll-mr":[{"scroll-mr":I()}],"scroll-mb":[{"scroll-mb":I()}],"scroll-ml":[{"scroll-ml":I()}],"scroll-p":[{"scroll-p":I()}],"scroll-px":[{"scroll-px":I()}],"scroll-py":[{"scroll-py":I()}],"scroll-ps":[{"scroll-ps":I()}],"scroll-pe":[{"scroll-pe":I()}],"scroll-pbs":[{"scroll-pbs":I()}],"scroll-pbe":[{"scroll-pbe":I()}],"scroll-pt":[{"scroll-pt":I()}],"scroll-pr":[{"scroll-pr":I()}],"scroll-pb":[{"scroll-pb":I()}],"scroll-pl":[{"scroll-pl":I()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",se,re]}],fill:[{fill:["none",...x()]}],"stroke-w":[{stroke:[xe,pr,ti,kh]}],stroke:[{stroke:["none",...x()]}],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","inset-bs","inset-be","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-y":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pbs","pbe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mbs","mbe","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-x","border-w-y","border-w-s","border-w-e","border-w-bs","border-w-be","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-y":["border-w-t","border-w-b"],"border-color":["border-color-x","border-color-y","border-color-s","border-color-e","border-color-bs","border-color-be","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-y":["border-color-t","border-color-b"],translate:["translate-x","translate-y","translate-none"],"translate-none":["translate","translate-x","translate-y","translate-z"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mbs","scroll-mbe","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pbs","scroll-pbe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]},orderSensitiveModifiers:["*","**","after","backdrop","before","details-content","file","first-letter","first-line","marker","placeholder","selection"]}},g1=Q7(p1);function vt(...u){return g1(Up(u))}const b1=v7,eg=A.forwardRef(({className:u,...i},s)=>f.jsx(Dp,{ref:s,className:vt("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",u),...i}));eg.displayName=Dp.displayName;const v1=zp("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",{variants:{variant:{default:"border bg-background text-foreground",destructive:"destructive group border-destructive bg-destructive text-destructive-foreground"}},defaultVariants:{variant:"default"}}),tg=A.forwardRef(({className:u,variant:i,...s},r)=>f.jsx(Op,{ref:r,className:vt(v1({variant:i}),u),...s}));tg.displayName=Op.displayName;const y1=A.forwardRef(({className:u,...i},s)=>f.jsx(Rp,{ref:s,className:vt("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",u),...i}));y1.displayName=Rp.displayName;const ug=A.forwardRef(({className:u,...i},s)=>f.jsx(Mp,{ref:s,className:vt("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",u),"toast-close":"",...i,children:f.jsx(T7,{className:"h-4 w-4"})}));ug.displayName=Mp.displayName;const ng=A.forwardRef(({className:u,...i},s)=>f.jsx(jp,{ref:s,className:vt("text-sm font-semibold",u),...i}));ng.displayName=jp.displayName;const ig=A.forwardRef(({className:u,...i},s)=>f.jsx(Np,{ref:s,className:vt("text-sm opacity-90",u),...i}));ig.displayName=Np.displayName;function A1(){const{toasts:u}=cp();return f.jsxs(b1,{children:[u.map(function({id:i,title:s,description:r,action:o,...c}){return f.jsxs(tg,{...c,children:[f.jsxs("div",{className:"grid gap-1",children:[s&&f.jsx(ng,{children:s}),r&&f.jsx(ig,{children:r})]}),o,f.jsx(ug,{})]},i)}),f.jsx(eg,{})]})}const _1=["top","right","bottom","left"],On=Math.min,Vt=Math.max,ho=Math.round,eo=Math.floor,Eu=u=>({x:u,y:u}),x1={left:"right",right:"left",bottom:"top",top:"bottom"};function V6(u,i,s){return Vt(u,On(i,s))}function Qu(u,i){return typeof u=="function"?u(i):u}function Xu(u){return u.split("-")[0]}function da(u){return u.split("-")[1]}function yc(u){return u==="x"?"y":"x"}function Ac(u){return u==="y"?"height":"width"}function Su(u){const i=u[0];return i==="t"||i==="b"?"y":"x"}function _c(u){return yc(Su(u))}function w1(u,i,s){s===void 0&&(s=!1);const r=da(u),o=_c(u),c=Ac(o);let h=o==="x"?r===(s?"end":"start")?"right":"left":r==="start"?"bottom":"top";return i.reference[c]>i.floating[c]&&(h=mo(h)),[h,mo(h)]}function S1(u){const i=mo(u);return[G6(u),i,G6(i)]}function G6(u){return u.includes("start")?u.replace("start","end"):u.replace("end","start")}const jh=["left","right"],Nh=["right","left"],E1=["top","bottom"],C1=["bottom","top"];function T1(u,i,s){switch(u){case"top":case"bottom":return s?i?Nh:jh:i?jh:Nh;case"left":case"right":return i?E1:C1;default:return[]}}function k1(u,i,s,r){const o=da(u);let c=T1(Xu(u),s==="start",r);return o&&(c=c.map(h=>h+"-"+o),i&&(c=c.concat(c.map(G6)))),c}function mo(u){const i=Xu(u);return x1[i]+u.slice(i.length)}function D1(u){return{top:0,right:0,bottom:0,left:0,...u}}function ag(u){return typeof u!="number"?D1(u):{top:u,right:u,bottom:u,left:u}}function po(u){const{x:i,y:s,width:r,height:o}=u;return{width:r,height:o,top:s,left:i,right:i+r,bottom:s+o,x:i,y:s}}function Rh(u,i,s){let{reference:r,floating:o}=u;const c=Su(i),h=_c(i),m=Ac(h),b=Xu(i),p=c==="y",v=r.x+r.width/2-o.width/2,_=r.y+r.height/2-o.height/2,w=r[m]/2-o[m]/2;let C;switch(b){case"top":C={x:v,y:r.y-o.height};break;case"bottom":C={x:v,y:r.y+r.height};break;case"right":C={x:r.x+r.width,y:_};break;case"left":C={x:r.x-o.width,y:_};break;default:C={x:r.x,y:r.y}}switch(da(i)){case"start":C[h]-=w*(s&&p?-1:1);break;case"end":C[h]+=w*(s&&p?-1:1);break}return C}async function O1(u,i){var s;i===void 0&&(i={});const{x:r,y:o,platform:c,rects:h,elements:m,strategy:b}=u,{boundary:p="clippingAncestors",rootBoundary:v="viewport",elementContext:_="floating",altBoundary:w=!1,padding:C=0}=Qu(i,u),N=ag(C),k=m[w?_==="floating"?"reference":"floating":_],B=po(await c.getClippingRect({element:(s=await(c.isElement==null?void 0:c.isElement(k)))==null||s?k:k.contextElement||await(c.getDocumentElement==null?void 0:c.getDocumentElement(m.floating)),boundary:p,rootBoundary:v,strategy:b})),P=_==="floating"?{x:r,y:o,width:h.floating.width,height:h.floating.height}:h.reference,z=await(c.getOffsetParent==null?void 0:c.getOffsetParent(m.floating)),K=await(c.isElement==null?void 0:c.isElement(z))?await(c.getScale==null?void 0:c.getScale(z))||{x:1,y:1}:{x:1,y:1},Y=po(c.convertOffsetParentRelativeRectToViewportRelativeRect?await c.convertOffsetParentRelativeRectToViewportRelativeRect({elements:m,rect:P,offsetParent:z,strategy:b}):P);return{top:(B.top-Y.top+N.top)/K.y,bottom:(Y.bottom-B.bottom+N.bottom)/K.y,left:(B.left-Y.left+N.left)/K.x,right:(Y.right-B.right+N.right)/K.x}}const j1=50,N1=async(u,i,s)=>{const{placement:r="bottom",strategy:o="absolute",middleware:c=[],platform:h}=s,m=h.detectOverflow?h:{...h,detectOverflow:O1},b=await(h.isRTL==null?void 0:h.isRTL(i));let p=await h.getElementRects({reference:u,floating:i,strategy:o}),{x:v,y:_}=Rh(p,r,b),w=r,C=0;const N={};for(let E=0;E<c.length;E++){const k=c[E];if(!k)continue;const{name:B,fn:P}=k,{x:z,y:K,data:Y,reset:Z}=await P({x:v,y:_,initialPlacement:r,placement:w,strategy:o,middlewareData:N,rects:p,platform:m,elements:{reference:u,floating:i}});v=z??v,_=K??_,N[B]={...N[B],...Y},Z&&C<j1&&(C++,typeof Z=="object"&&(Z.placement&&(w=Z.placement),Z.rects&&(p=Z.rects===!0?await h.getElementRects({reference:u,floating:i,strategy:o}):Z.rects),{x:v,y:_}=Rh(p,w,b)),E=-1)}return{x:v,y:_,placement:w,strategy:o,middlewareData:N}},R1=u=>({name:"arrow",options:u,async fn(i){const{x:s,y:r,placement:o,rects:c,platform:h,elements:m,middlewareData:b}=i,{element:p,padding:v=0}=Qu(u,i)||{};if(p==null)return{};const _=ag(v),w={x:s,y:r},C=_c(o),N=Ac(C),E=await h.getDimensions(p),k=C==="y",B=k?"top":"left",P=k?"bottom":"right",z=k?"clientHeight":"clientWidth",K=c.reference[N]+c.reference[C]-w[C]-c.floating[N],Y=w[C]-c.reference[C],Z=await(h.getOffsetParent==null?void 0:h.getOffsetParent(p));let W=Z?Z[z]:0;(!W||!await(h.isElement==null?void 0:h.isElement(Z)))&&(W=m.floating[z]||c.floating[N]);const I=K/2-Y/2,te=W/2-E[N]/2-1,de=On(_[B],te),fe=On(_[P],te),oe=de,ve=W-E[N]-fe,ee=W/2-E[N]/2+I,le=V6(oe,ee,ve),D=!b.arrow&&da(o)!=null&&ee!==le&&c.reference[N]/2-(ee<oe?de:fe)-E[N]/2<0,q=D?ee<oe?ee-oe:ee-ve:0;return{[C]:w[C]+q,data:{[C]:le,centerOffset:ee-le-q,...D&&{alignmentOffset:q}},reset:D}}}),M1=function(u){return u===void 0&&(u={}),{name:"flip",options:u,async fn(i){var s,r;const{placement:o,middlewareData:c,rects:h,initialPlacement:m,platform:b,elements:p}=i,{mainAxis:v=!0,crossAxis:_=!0,fallbackPlacements:w,fallbackStrategy:C="bestFit",fallbackAxisSideDirection:N="none",flipAlignment:E=!0,...k}=Qu(u,i);if((s=c.arrow)!=null&&s.alignmentOffset)return{};const B=Xu(o),P=Su(m),z=Xu(m)===m,K=await(b.isRTL==null?void 0:b.isRTL(p.floating)),Y=w||(z||!E?[mo(m)]:S1(m)),Z=N!=="none";!w&&Z&&Y.push(...k1(m,E,N,K));const W=[m,...Y],I=await b.detectOverflow(i,k),te=[];let de=((r=c.flip)==null?void 0:r.overflows)||[];if(v&&te.push(I[B]),_){const ee=w1(o,h,K);te.push(I[ee[0]],I[ee[1]])}if(de=[...de,{placement:o,overflows:te}],!te.every(ee=>ee<=0)){var fe,oe;const ee=(((fe=c.flip)==null?void 0:fe.index)||0)+1,le=W[ee];if(le&&(!(_==="alignment"?P!==Su(le):!1)||de.every($=>Su($.placement)===P?$.overflows[0]>0:!0)))return{data:{index:ee,overflows:de},reset:{placement:le}};let D=(oe=de.filter(q=>q.overflows[0]<=0).sort((q,$)=>q.overflows[1]-$.overflows[1])[0])==null?void 0:oe.placement;if(!D)switch(C){case"bestFit":{var ve;const q=(ve=de.filter($=>{if(Z){const ne=Su($.placement);return ne===P||ne==="y"}return!0}).map($=>[$.placement,$.overflows.filter(ne=>ne>0).reduce((ne,x)=>ne+x,0)]).sort(($,ne)=>$[1]-ne[1])[0])==null?void 0:ve[0];q&&(D=q);break}case"initialPlacement":D=m;break}if(o!==D)return{reset:{placement:D}}}return{}}}};function Mh(u,i){return{top:u.top-i.height,right:u.right-i.width,bottom:u.bottom-i.height,left:u.left-i.width}}function Ph(u){return _1.some(i=>u[i]>=0)}const P1=function(u){return u===void 0&&(u={}),{name:"hide",options:u,async fn(i){const{rects:s,platform:r}=i,{strategy:o="referenceHidden",...c}=Qu(u,i);switch(o){case"referenceHidden":{const h=await r.detectOverflow(i,{...c,elementContext:"reference"}),m=Mh(h,s.reference);return{data:{referenceHiddenOffsets:m,referenceHidden:Ph(m)}}}case"escaped":{const h=await r.detectOverflow(i,{...c,altBoundary:!0}),m=Mh(h,s.floating);return{data:{escapedOffsets:m,escaped:Ph(m)}}}default:return{}}}}},rg=new Set(["left","top"]);async function U1(u,i){const{placement:s,platform:r,elements:o}=u,c=await(r.isRTL==null?void 0:r.isRTL(o.floating)),h=Xu(s),m=da(s),b=Su(s)==="y",p=rg.has(h)?-1:1,v=c&&b?-1:1,_=Qu(i,u);let{mainAxis:w,crossAxis:C,alignmentAxis:N}=typeof _=="number"?{mainAxis:_,crossAxis:0,alignmentAxis:null}:{mainAxis:_.mainAxis||0,crossAxis:_.crossAxis||0,alignmentAxis:_.alignmentAxis};return m&&typeof N=="number"&&(C=m==="end"?N*-1:N),b?{x:C*v,y:w*p}:{x:w*p,y:C*v}}const z1=function(u){return u===void 0&&(u=0),{name:"offset",options:u,async fn(i){var s,r;const{x:o,y:c,placement:h,middlewareData:m}=i,b=await U1(i,u);return h===((s=m.offset)==null?void 0:s.placement)&&(r=m.arrow)!=null&&r.alignmentOffset?{}:{x:o+b.x,y:c+b.y,data:{...b,placement:h}}}}},F1=function(u){return u===void 0&&(u={}),{name:"shift",options:u,async fn(i){const{x:s,y:r,placement:o,platform:c}=i,{mainAxis:h=!0,crossAxis:m=!1,limiter:b={fn:B=>{let{x:P,y:z}=B;return{x:P,y:z}}},...p}=Qu(u,i),v={x:s,y:r},_=await c.detectOverflow(i,p),w=Su(Xu(o)),C=yc(w);let N=v[C],E=v[w];if(h){const B=C==="y"?"top":"left",P=C==="y"?"bottom":"right",z=N+_[B],K=N-_[P];N=V6(z,N,K)}if(m){const B=w==="y"?"top":"left",P=w==="y"?"bottom":"right",z=E+_[B],K=E-_[P];E=V6(z,E,K)}const k=b.fn({...i,[C]:N,[w]:E});return{...k,data:{x:k.x-s,y:k.y-r,enabled:{[C]:h,[w]:m}}}}}},L1=function(u){return u===void 0&&(u={}),{options:u,fn(i){const{x:s,y:r,placement:o,rects:c,middlewareData:h}=i,{offset:m=0,mainAxis:b=!0,crossAxis:p=!0}=Qu(u,i),v={x:s,y:r},_=Su(o),w=yc(_);let C=v[w],N=v[_];const E=Qu(m,i),k=typeof E=="number"?{mainAxis:E,crossAxis:0}:{mainAxis:0,crossAxis:0,...E};if(b){const z=w==="y"?"height":"width",K=c.reference[w]-c.floating[z]+k.mainAxis,Y=c.reference[w]+c.reference[z]-k.mainAxis;C<K?C=K:C>Y&&(C=Y)}if(p){var B,P;const z=w==="y"?"width":"height",K=rg.has(Xu(o)),Y=c.reference[_]-c.floating[z]+(K&&((B=h.offset)==null?void 0:B[_])||0)+(K?0:k.crossAxis),Z=c.reference[_]+c.reference[z]+(K?0:((P=h.offset)==null?void 0:P[_])||0)-(K?k.crossAxis:0);N<Y?N=Y:N>Z&&(N=Z)}return{[w]:C,[_]:N}}}},B1=function(u){return u===void 0&&(u={}),{name:"size",options:u,async fn(i){var s,r;const{placement:o,rects:c,platform:h,elements:m}=i,{apply:b=()=>{},...p}=Qu(u,i),v=await h.detectOverflow(i,p),_=Xu(o),w=da(o),C=Su(o)==="y",{width:N,height:E}=c.floating;let k,B;_==="top"||_==="bottom"?(k=_,B=w===(await(h.isRTL==null?void 0:h.isRTL(m.floating))?"start":"end")?"left":"right"):(B=_,k=w==="end"?"top":"bottom");const P=E-v.top-v.bottom,z=N-v.left-v.right,K=On(E-v[k],P),Y=On(N-v[B],z),Z=!i.middlewareData.shift;let W=K,I=Y;if((s=i.middlewareData.shift)!=null&&s.enabled.x&&(I=z),(r=i.middlewareData.shift)!=null&&r.enabled.y&&(W=P),Z&&!w){const de=Vt(v.left,0),fe=Vt(v.right,0),oe=Vt(v.top,0),ve=Vt(v.bottom,0);C?I=N-2*(de!==0||fe!==0?de+fe:Vt(v.left,v.right)):W=E-2*(oe!==0||ve!==0?oe+ve:Vt(v.top,v.bottom))}await b({...i,availableWidth:I,availableHeight:W});const te=await h.getDimensions(m.floating);return N!==te.width||E!==te.height?{reset:{rects:!0}}:{}}}};function Uo(){return typeof window<"u"}function fa(u){return sg(u)?(u.nodeName||"").toLowerCase():"#document"}function Gt(u){var i;return(u==null||(i=u.ownerDocument)==null?void 0:i.defaultView)||window}function Cu(u){var i;return(i=(sg(u)?u.ownerDocument:u.document)||window.document)==null?void 0:i.documentElement}function sg(u){return Uo()?u instanceof Node||u instanceof Gt(u).Node:!1}function hu(u){return Uo()?u instanceof Element||u instanceof Gt(u).Element:!1}function Wu(u){return Uo()?u instanceof HTMLElement||u instanceof Gt(u).HTMLElement:!1}function Uh(u){return!Uo()||typeof ShadowRoot>"u"?!1:u instanceof ShadowRoot||u instanceof Gt(u).ShadowRoot}function Or(u){const{overflow:i,overflowX:s,overflowY:r,display:o}=mu(u);return/auto|scroll|overlay|hidden|clip/.test(i+r+s)&&o!=="inline"&&o!=="contents"}function H1(u){return/^(table|td|th)$/.test(fa(u))}function zo(u){try{if(u.matches(":popover-open"))return!0}catch{}try{return u.matches(":modal")}catch{return!1}}const q1=/transform|translate|scale|rotate|perspective|filter/,I1=/paint|layout|strict|content/,ui=u=>!!u&&u!=="none";let E6;function xc(u){const i=hu(u)?mu(u):u;return ui(i.transform)||ui(i.translate)||ui(i.scale)||ui(i.rotate)||ui(i.perspective)||!wc()&&(ui(i.backdropFilter)||ui(i.filter))||q1.test(i.willChange||"")||I1.test(i.contain||"")}function Y1(u){let i=jn(u);for(;Wu(i)&&!ia(i);){if(xc(i))return i;if(zo(i))return null;i=jn(i)}return null}function wc(){return E6==null&&(E6=typeof CSS<"u"&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),E6}function ia(u){return/^(html|body|#document)$/.test(fa(u))}function mu(u){return Gt(u).getComputedStyle(u)}function Fo(u){return hu(u)?{scrollLeft:u.scrollLeft,scrollTop:u.scrollTop}:{scrollLeft:u.scrollX,scrollTop:u.scrollY}}function jn(u){if(fa(u)==="html")return u;const i=u.assignedSlot||u.parentNode||Uh(u)&&u.host||Cu(u);return Uh(i)?i.host:i}function og(u){const i=jn(u);return ia(i)?u.ownerDocument?u.ownerDocument.body:u.body:Wu(i)&&Or(i)?i:og(i)}function wr(u,i,s){var r;i===void 0&&(i=[]),s===void 0&&(s=!0);const o=og(u),c=o===((r=u.ownerDocument)==null?void 0:r.body),h=Gt(o);if(c){const m=K6(h);return i.concat(h,h.visualViewport||[],Or(o)?o:[],m&&s?wr(m):[])}else return i.concat(o,wr(o,[],s))}function K6(u){return u.parent&&Object.getPrototypeOf(u.parent)?u.frameElement:null}function lg(u){const i=mu(u);let s=parseFloat(i.width)||0,r=parseFloat(i.height)||0;const o=Wu(u),c=o?u.offsetWidth:s,h=o?u.offsetHeight:r,m=ho(s)!==c||ho(r)!==h;return m&&(s=c,r=h),{width:s,height:r,$:m}}function Sc(u){return hu(u)?u:u.contextElement}function ua(u){const i=Sc(u);if(!Wu(i))return Eu(1);const s=i.getBoundingClientRect(),{width:r,height:o,$:c}=lg(i);let h=(c?ho(s.width):s.width)/r,m=(c?ho(s.height):s.height)/o;return(!h||!Number.isFinite(h))&&(h=1),(!m||!Number.isFinite(m))&&(m=1),{x:h,y:m}}const V1=Eu(0);function cg(u){const i=Gt(u);return!wc()||!i.visualViewport?V1:{x:i.visualViewport.offsetLeft,y:i.visualViewport.offsetTop}}function G1(u,i,s){return i===void 0&&(i=!1),!s||i&&s!==Gt(u)?!1:i}function ri(u,i,s,r){i===void 0&&(i=!1),s===void 0&&(s=!1);const o=u.getBoundingClientRect(),c=Sc(u);let h=Eu(1);i&&(r?hu(r)&&(h=ua(r)):h=ua(u));const m=G1(c,s,r)?cg(c):Eu(0);let b=(o.left+m.x)/h.x,p=(o.top+m.y)/h.y,v=o.width/h.x,_=o.height/h.y;if(c){const w=Gt(c),C=r&&hu(r)?Gt(r):r;let N=w,E=K6(N);for(;E&&r&&C!==N;){const k=ua(E),B=E.getBoundingClientRect(),P=mu(E),z=B.left+(E.clientLeft+parseFloat(P.paddingLeft))*k.x,K=B.top+(E.clientTop+parseFloat(P.paddingTop))*k.y;b*=k.x,p*=k.y,v*=k.x,_*=k.y,b+=z,p+=K,N=Gt(E),E=K6(N)}}return po({width:v,height:_,x:b,y:p})}function Lo(u,i){const s=Fo(u).scrollLeft;return i?i.left+s:ri(Cu(u)).left+s}function dg(u,i){const s=u.getBoundingClientRect(),r=s.left+i.scrollLeft-Lo(u,s),o=s.top+i.scrollTop;return{x:r,y:o}}function K1(u){let{elements:i,rect:s,offsetParent:r,strategy:o}=u;const c=o==="fixed",h=Cu(r),m=i?zo(i.floating):!1;if(r===h||m&&c)return s;let b={scrollLeft:0,scrollTop:0},p=Eu(1);const v=Eu(0),_=Wu(r);if((_||!_&&!c)&&((fa(r)!=="body"||Or(h))&&(b=Fo(r)),_)){const C=ri(r);p=ua(r),v.x=C.x+r.clientLeft,v.y=C.y+r.clientTop}const w=h&&!_&&!c?dg(h,b):Eu(0);return{width:s.width*p.x,height:s.height*p.y,x:s.x*p.x-b.scrollLeft*p.x+v.x+w.x,y:s.y*p.y-b.scrollTop*p.y+v.y+w.y}}function Q1(u){return Array.from(u.getClientRects())}function X1(u){const i=Cu(u),s=Fo(u),r=u.ownerDocument.body,o=Vt(i.scrollWidth,i.clientWidth,r.scrollWidth,r.clientWidth),c=Vt(i.scrollHeight,i.clientHeight,r.scrollHeight,r.clientHeight);let h=-s.scrollLeft+Lo(u);const m=-s.scrollTop;return mu(r).direction==="rtl"&&(h+=Vt(i.clientWidth,r.clientWidth)-o),{width:o,height:c,x:h,y:m}}const zh=25;function W1(u,i){const s=Gt(u),r=Cu(u),o=s.visualViewport;let c=r.clientWidth,h=r.clientHeight,m=0,b=0;if(o){c=o.width,h=o.height;const v=wc();(!v||v&&i==="fixed")&&(m=o.offsetLeft,b=o.offsetTop)}const p=Lo(r);if(p<=0){const v=r.ownerDocument,_=v.body,w=getComputedStyle(_),C=v.compatMode==="CSS1Compat"&&parseFloat(w.marginLeft)+parseFloat(w.marginRight)||0,N=Math.abs(r.clientWidth-_.clientWidth-C);N<=zh&&(c-=N)}else p<=zh&&(c+=p);return{width:c,height:h,x:m,y:b}}function Z1(u,i){const s=ri(u,!0,i==="fixed"),r=s.top+u.clientTop,o=s.left+u.clientLeft,c=Wu(u)?ua(u):Eu(1),h=u.clientWidth*c.x,m=u.clientHeight*c.y,b=o*c.x,p=r*c.y;return{width:h,height:m,x:b,y:p}}function Fh(u,i,s){let r;if(i==="viewport")r=W1(u,s);else if(i==="document")r=X1(Cu(u));else if(hu(i))r=Z1(i,s);else{const o=cg(u);r={x:i.x-o.x,y:i.y-o.y,width:i.width,height:i.height}}return po(r)}function fg(u,i){const s=jn(u);return s===i||!hu(s)||ia(s)?!1:mu(s).position==="fixed"||fg(s,i)}function $1(u,i){const s=i.get(u);if(s)return s;let r=wr(u,[],!1).filter(m=>hu(m)&&fa(m)!=="body"),o=null;const c=mu(u).position==="fixed";let h=c?jn(u):u;for(;hu(h)&&!ia(h);){const m=mu(h),b=xc(h);!b&&m.position==="fixed"&&(o=null),(c?!b&&!o:!b&&m.position==="static"&&!!o&&(o.position==="absolute"||o.position==="fixed")||Or(h)&&!b&&fg(u,h))?r=r.filter(v=>v!==h):o=m,h=jn(h)}return i.set(u,r),r}function J1(u){let{element:i,boundary:s,rootBoundary:r,strategy:o}=u;const h=[...s==="clippingAncestors"?zo(i)?[]:$1(i,this._c):[].concat(s),r],m=Fh(i,h[0],o);let b=m.top,p=m.right,v=m.bottom,_=m.left;for(let w=1;w<h.length;w++){const C=Fh(i,h[w],o);b=Vt(C.top,b),p=On(C.right,p),v=On(C.bottom,v),_=Vt(C.left,_)}return{width:p-_,height:v-b,x:_,y:b}}function ew(u){const{width:i,height:s}=lg(u);return{width:i,height:s}}function tw(u,i,s){const r=Wu(i),o=Cu(i),c=s==="fixed",h=ri(u,!0,c,i);let m={scrollLeft:0,scrollTop:0};const b=Eu(0);function p(){b.x=Lo(o)}if(r||!r&&!c)if((fa(i)!=="body"||Or(o))&&(m=Fo(i)),r){const C=ri(i,!0,c,i);b.x=C.x+i.clientLeft,b.y=C.y+i.clientTop}else o&&p();c&&!r&&o&&p();const v=o&&!r&&!c?dg(o,m):Eu(0),_=h.left+m.scrollLeft-b.x-v.x,w=h.top+m.scrollTop-b.y-v.y;return{x:_,y:w,width:h.width,height:h.height}}function C6(u){return mu(u).position==="static"}function Lh(u,i){if(!Wu(u)||mu(u).position==="fixed")return null;if(i)return i(u);let s=u.offsetParent;return Cu(u)===s&&(s=s.ownerDocument.body),s}function hg(u,i){const s=Gt(u);if(zo(u))return s;if(!Wu(u)){let o=jn(u);for(;o&&!ia(o);){if(hu(o)&&!C6(o))return o;o=jn(o)}return s}let r=Lh(u,i);for(;r&&H1(r)&&C6(r);)r=Lh(r,i);return r&&ia(r)&&C6(r)&&!xc(r)?s:r||Y1(u)||s}const uw=async function(u){const i=this.getOffsetParent||hg,s=this.getDimensions,r=await s(u.floating);return{reference:tw(u.reference,await i(u.floating),u.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}};function nw(u){return mu(u).direction==="rtl"}const iw={convertOffsetParentRelativeRectToViewportRelativeRect:K1,getDocumentElement:Cu,getClippingRect:J1,getOffsetParent:hg,getElementRects:uw,getClientRects:Q1,getDimensions:ew,getScale:ua,isElement:hu,isRTL:nw};function mg(u,i){return u.x===i.x&&u.y===i.y&&u.width===i.width&&u.height===i.height}function aw(u,i){let s=null,r;const o=Cu(u);function c(){var m;clearTimeout(r),(m=s)==null||m.disconnect(),s=null}function h(m,b){m===void 0&&(m=!1),b===void 0&&(b=1),c();const p=u.getBoundingClientRect(),{left:v,top:_,width:w,height:C}=p;if(m||i(),!w||!C)return;const N=eo(_),E=eo(o.clientWidth-(v+w)),k=eo(o.clientHeight-(_+C)),B=eo(v),z={rootMargin:-N+"px "+-E+"px "+-k+"px "+-B+"px",threshold:Vt(0,On(1,b))||1};let K=!0;function Y(Z){const W=Z[0].intersectionRatio;if(W!==b){if(!K)return h();W?h(!1,W):r=setTimeout(()=>{h(!1,1e-7)},1e3)}W===1&&!mg(p,u.getBoundingClientRect())&&h(),K=!1}try{s=new IntersectionObserver(Y,{...z,root:o.ownerDocument})}catch{s=new IntersectionObserver(Y,z)}s.observe(u)}return h(!0),c}function rw(u,i,s,r){r===void 0&&(r={});const{ancestorScroll:o=!0,ancestorResize:c=!0,elementResize:h=typeof ResizeObserver=="function",layoutShift:m=typeof IntersectionObserver=="function",animationFrame:b=!1}=r,p=Sc(u),v=o||c?[...p?wr(p):[],...i?wr(i):[]]:[];v.forEach(B=>{o&&B.addEventListener("scroll",s,{passive:!0}),c&&B.addEventListener("resize",s)});const _=p&&m?aw(p,s):null;let w=-1,C=null;h&&(C=new ResizeObserver(B=>{let[P]=B;P&&P.target===p&&C&&i&&(C.unobserve(i),cancelAnimationFrame(w),w=requestAnimationFrame(()=>{var z;(z=C)==null||z.observe(i)})),s()}),p&&!b&&C.observe(p),i&&C.observe(i));let N,E=b?ri(u):null;b&&k();function k(){const B=ri(u);E&&!mg(E,B)&&s(),E=B,N=requestAnimationFrame(k)}return s(),()=>{var B;v.forEach(P=>{o&&P.removeEventListener("scroll",s),c&&P.removeEventListener("resize",s)}),_?.(),(B=C)==null||B.disconnect(),C=null,b&&cancelAnimationFrame(N)}}const sw=z1,ow=F1,lw=M1,cw=B1,dw=P1,Bh=R1,fw=L1,hw=(u,i,s)=>{const r=new Map,o={platform:iw,...s},c={...o.platform,_c:r};return N1(u,i,{...o,platform:c})};var mw=typeof document<"u",pw=function(){},ao=mw?A.useLayoutEffect:pw;function go(u,i){if(u===i)return!0;if(typeof u!=typeof i)return!1;if(typeof u=="function"&&u.toString()===i.toString())return!0;let s,r,o;if(u&&i&&typeof u=="object"){if(Array.isArray(u)){if(s=u.length,s!==i.length)return!1;for(r=s;r--!==0;)if(!go(u[r],i[r]))return!1;return!0}if(o=Object.keys(u),s=o.length,s!==Object.keys(i).length)return!1;for(r=s;r--!==0;)if(!{}.hasOwnProperty.call(i,o[r]))return!1;for(r=s;r--!==0;){const c=o[r];if(!(c==="_owner"&&u.$$typeof)&&!go(u[c],i[c]))return!1}return!0}return u!==u&&i!==i}function pg(u){return typeof window>"u"?1:(u.ownerDocument.defaultView||window).devicePixelRatio||1}function Hh(u,i){const s=pg(u);return Math.round(i*s)/s}function T6(u){const i=A.useRef(u);return ao(()=>{i.current=u}),i}function gw(u){u===void 0&&(u={});const{placement:i="bottom",strategy:s="absolute",middleware:r=[],platform:o,elements:{reference:c,floating:h}={},transform:m=!0,whileElementsMounted:b,open:p}=u,[v,_]=A.useState({x:0,y:0,strategy:s,placement:i,middlewareData:{},isPositioned:!1}),[w,C]=A.useState(r);go(w,r)||C(r);const[N,E]=A.useState(null),[k,B]=A.useState(null),P=A.useCallback($=>{$!==Z.current&&(Z.current=$,E($))},[]),z=A.useCallback($=>{$!==W.current&&(W.current=$,B($))},[]),K=c||N,Y=h||k,Z=A.useRef(null),W=A.useRef(null),I=A.useRef(v),te=b!=null,de=T6(b),fe=T6(o),oe=T6(p),ve=A.useCallback(()=>{if(!Z.current||!W.current)return;const $={placement:i,strategy:s,middleware:w};fe.current&&($.platform=fe.current),hw(Z.current,W.current,$).then(ne=>{const x={...ne,isPositioned:oe.current!==!1};ee.current&&!go(I.current,x)&&(I.current=x,sa.flushSync(()=>{_(x)}))})},[w,i,s,fe,oe]);ao(()=>{p===!1&&I.current.isPositioned&&(I.current.isPositioned=!1,_($=>({...$,isPositioned:!1})))},[p]);const ee=A.useRef(!1);ao(()=>(ee.current=!0,()=>{ee.current=!1}),[]),ao(()=>{if(K&&(Z.current=K),Y&&(W.current=Y),K&&Y){if(de.current)return de.current(K,Y,ve);ve()}},[K,Y,ve,de,te]);const le=A.useMemo(()=>({reference:Z,floating:W,setReference:P,setFloating:z}),[P,z]),D=A.useMemo(()=>({reference:K,floating:Y}),[K,Y]),q=A.useMemo(()=>{const $={position:s,left:0,top:0};if(!D.floating)return $;const ne=Hh(D.floating,v.x),x=Hh(D.floating,v.y);return m?{...$,transform:"translate("+ne+"px, "+x+"px)",...pg(D.floating)>=1.5&&{willChange:"transform"}}:{position:s,left:ne,top:x}},[s,m,D.floating,v.x,v.y]);return A.useMemo(()=>({...v,update:ve,refs:le,elements:D,floatingStyles:q}),[v,ve,le,D,q])}const bw=u=>{function i(s){return{}.hasOwnProperty.call(s,"current")}return{name:"arrow",options:u,fn(s){const{element:r,padding:o}=typeof u=="function"?u(s):u;return r&&i(r)?r.current!=null?Bh({element:r.current,padding:o}).fn(s):{}:r?Bh({element:r,padding:o}).fn(s):{}}}},vw=(u,i)=>{const s=sw(u);return{name:s.name,fn:s.fn,options:[u,i]}},yw=(u,i)=>{const s=ow(u);return{name:s.name,fn:s.fn,options:[u,i]}},Aw=(u,i)=>({fn:fw(u).fn,options:[u,i]}),_w=(u,i)=>{const s=lw(u);return{name:s.name,fn:s.fn,options:[u,i]}},xw=(u,i)=>{const s=cw(u);return{name:s.name,fn:s.fn,options:[u,i]}},ww=(u,i)=>{const s=dw(u);return{name:s.name,fn:s.fn,options:[u,i]}},Sw=(u,i)=>{const s=bw(u);return{name:s.name,fn:s.fn,options:[u,i]}};var Ew="Arrow",gg=A.forwardRef((u,i)=>{const{children:s,width:r=10,height:o=5,...c}=u;return f.jsx(Pt.svg,{...c,ref:i,width:r,height:o,viewBox:"0 0 30 10",preserveAspectRatio:"none",children:u.asChild?s:f.jsx("polygon",{points:"0,0 30,0 15,10"})})});gg.displayName=Ew;var Cw=gg;function Tw(u){const[i,s]=A.useState(void 0);return Dn(()=>{if(u){s({width:u.offsetWidth,height:u.offsetHeight});const r=new ResizeObserver(o=>{if(!Array.isArray(o)||!o.length)return;const c=o[0];let h,m;if("borderBoxSize"in c){const b=c.borderBoxSize,p=Array.isArray(b)?b[0]:b;h=p.inlineSize,m=p.blockSize}else h=u.offsetWidth,m=u.offsetHeight;s({width:h,height:m})});return r.observe(u,{box:"border-box"}),()=>r.unobserve(u)}else s(void 0)},[u]),i}var bg="Popper",[vg,yg]=No(bg),[v5,Ag]=vg(bg),_g="PopperAnchor",xg=A.forwardRef((u,i)=>{const{__scopePopper:s,virtualRef:r,...o}=u,c=Ag(_g,s),h=A.useRef(null),m=fu(i,h),b=A.useRef(null);return A.useEffect(()=>{const p=b.current;b.current=r?.current||h.current,p!==b.current&&c.onAnchorChange(b.current)}),r?null:f.jsx(Pt.div,{...o,ref:m})});xg.displayName=_g;var Ec="PopperContent",[kw,Dw]=vg(Ec),wg=A.forwardRef((u,i)=>{const{__scopePopper:s,side:r="bottom",sideOffset:o=0,align:c="center",alignOffset:h=0,arrowPadding:m=0,avoidCollisions:b=!0,collisionBoundary:p=[],collisionPadding:v=0,sticky:_="partial",hideWhenDetached:w=!1,updatePositionStrategy:C="optimized",onPlaced:N,...E}=u,k=Ag(Ec,s),[B,P]=A.useState(null),z=fu(i,Le=>P(Le)),[K,Y]=A.useState(null),Z=Tw(K),W=Z?.width??0,I=Z?.height??0,te=r+(c!=="center"?"-"+c:""),de=typeof v=="number"?v:{top:0,right:0,bottom:0,left:0,...v},fe=Array.isArray(p)?p:[p],oe=fe.length>0,ve={padding:de,boundary:fe.filter(jw),altBoundary:oe},{refs:ee,floatingStyles:le,placement:D,isPositioned:q,middlewareData:$}=gw({strategy:"fixed",placement:te,whileElementsMounted:(...Le)=>rw(...Le,{animationFrame:C==="always"}),elements:{reference:k.anchor},middleware:[vw({mainAxis:o+I,alignmentAxis:h}),b&&yw({mainAxis:!0,crossAxis:!1,limiter:_==="partial"?Aw():void 0,...ve}),b&&_w({...ve}),xw({...ve,apply:({elements:Le,rects:Ce,availableWidth:ke,availableHeight:pu})=>{const{width:yt,height:Qt}=Ce.reference,Xe=Le.floating.style;Xe.setProperty("--radix-popper-available-width",`${ke}px`),Xe.setProperty("--radix-popper-available-height",`${pu}px`),Xe.setProperty("--radix-popper-anchor-width",`${yt}px`),Xe.setProperty("--radix-popper-anchor-height",`${Qt}px`)}}),K&&Sw({element:K,padding:m}),Nw({arrowWidth:W,arrowHeight:I}),w&&ww({strategy:"referenceHidden",...ve})]}),[ne,x]=Cg(D),G=kn(N);Dn(()=>{q&&G?.()},[q,G]);const j=$.arrow?.x,J=$.arrow?.y,ue=$.arrow?.centerOffset!==0,[he,ie]=A.useState();return Dn(()=>{B&&ie(window.getComputedStyle(B).zIndex)},[B]),f.jsx("div",{ref:ee.setFloating,"data-radix-popper-content-wrapper":"",style:{...le,transform:q?le.transform:"translate(0, -200%)",minWidth:"max-content",zIndex:he,"--radix-popper-transform-origin":[$.transformOrigin?.x,$.transformOrigin?.y].join(" "),...$.hide?.referenceHidden&&{visibility:"hidden",pointerEvents:"none"}},dir:u.dir,children:f.jsx(kw,{scope:s,placedSide:ne,onArrowChange:Y,arrowX:j,arrowY:J,shouldHideArrow:ue,children:f.jsx(Pt.div,{"data-side":ne,"data-align":x,...E,ref:z,style:{...E.style,animation:q?void 0:"none"}})})})});wg.displayName=Ec;var Sg="PopperArrow",Ow={top:"bottom",right:"left",bottom:"top",left:"right"},Eg=A.forwardRef(function(i,s){const{__scopePopper:r,...o}=i,c=Dw(Sg,r),h=Ow[c.placedSide];return f.jsx("span",{ref:c.onArrowChange,style:{position:"absolute",left:c.arrowX,top:c.arrowY,[h]:0,transformOrigin:{top:"",right:"0 0",bottom:"center 0",left:"100% 0"}[c.placedSide],transform:{top:"translateY(100%)",right:"translateY(50%) rotate(90deg) translateX(-50%)",bottom:"rotate(180deg)",left:"translateY(50%) rotate(-90deg) translateX(50%)"}[c.placedSide],visibility:c.shouldHideArrow?"hidden":void 0},children:f.jsx(Cw,{...o,ref:s,style:{...o.style,display:"block"}})})});Eg.displayName=Sg;function jw(u){return u!==null}var Nw=u=>({name:"transformOrigin",options:u,fn(i){const{placement:s,rects:r,middlewareData:o}=i,h=o.arrow?.centerOffset!==0,m=h?0:u.arrowWidth,b=h?0:u.arrowHeight,[p,v]=Cg(s),_={start:"0%",center:"50%",end:"100%"}[v],w=(o.arrow?.x??0)+m/2,C=(o.arrow?.y??0)+b/2;let N="",E="";return p==="bottom"?(N=h?_:`${w}px`,E=`${-b}px`):p==="top"?(N=h?_:`${w}px`,E=`${r.floating.height+b}px`):p==="right"?(N=`${-b}px`,E=h?_:`${C}px`):p==="left"&&(N=`${r.floating.width+b}px`,E=h?_:`${C}px`),{data:{x:N,y:E}}}});function Cg(u){const[i,s="center"]=u.split("-");return[i,s]}var Rw=xg,Mw=wg,Pw=Eg,[Bo]=No("Tooltip",[yg]),Cc=yg(),Tg="TooltipProvider",Uw=700,qh="tooltip.open",[zw,kg]=Bo(Tg),Dg=u=>{const{__scopeTooltip:i,delayDuration:s=Uw,skipDelayDuration:r=300,disableHoverableContent:o=!1,children:c}=u,h=A.useRef(!0),m=A.useRef(!1),b=A.useRef(0);return A.useEffect(()=>{const p=b.current;return()=>window.clearTimeout(p)},[]),f.jsx(zw,{scope:i,isOpenDelayedRef:h,delayDuration:s,onOpen:A.useCallback(()=>{window.clearTimeout(b.current),h.current=!1},[]),onClose:A.useCallback(()=>{window.clearTimeout(b.current),b.current=window.setTimeout(()=>h.current=!0,r)},[r]),isPointerInTransitRef:m,onPointerInTransitChange:A.useCallback(p=>{m.current=p},[]),disableHoverableContent:o,children:c})};Dg.displayName=Tg;var Og="Tooltip",[y5,jr]=Bo(Og),Q6="TooltipTrigger",Fw=A.forwardRef((u,i)=>{const{__scopeTooltip:s,...r}=u,o=jr(Q6,s),c=kg(Q6,s),h=Cc(s),m=A.useRef(null),b=fu(i,m,o.onTriggerChange),p=A.useRef(!1),v=A.useRef(!1),_=A.useCallback(()=>p.current=!1,[]);return A.useEffect(()=>()=>document.removeEventListener("pointerup",_),[_]),f.jsx(Rw,{asChild:!0,...h,children:f.jsx(Pt.button,{"aria-describedby":o.open?o.contentId:void 0,"data-state":o.stateAttribute,...r,ref:b,onPointerMove:it(u.onPointerMove,w=>{w.pointerType!=="touch"&&!v.current&&!c.isPointerInTransitRef.current&&(o.onTriggerEnter(),v.current=!0)}),onPointerLeave:it(u.onPointerLeave,()=>{o.onTriggerLeave(),v.current=!1}),onPointerDown:it(u.onPointerDown,()=>{o.open&&o.onClose(),p.current=!0,document.addEventListener("pointerup",_,{once:!0})}),onFocus:it(u.onFocus,()=>{p.current||o.onOpen()}),onBlur:it(u.onBlur,o.onClose),onClick:it(u.onClick,o.onClose)})})});Fw.displayName=Q6;var Tc="TooltipPortal",[Lw,Bw]=Bo(Tc,{forceMount:void 0}),jg=u=>{const{__scopeTooltip:i,forceMount:s,children:r,container:o}=u,c=jr(Tc,i);return f.jsx(Lw,{scope:i,forceMount:s,children:f.jsx(Ro,{present:s||c.open,children:f.jsx(hc,{asChild:!0,container:o,children:r})})})};jg.displayName=Tc;var aa="TooltipContent",Ng=A.forwardRef((u,i)=>{const s=Bw(aa,u.__scopeTooltip),{forceMount:r=s.forceMount,side:o="top",...c}=u,h=jr(aa,u.__scopeTooltip);return f.jsx(Ro,{present:r||h.open,children:h.disableHoverableContent?f.jsx(Rg,{side:o,...c,ref:i}):f.jsx(Hw,{side:o,...c,ref:i})})}),Hw=A.forwardRef((u,i)=>{const s=jr(aa,u.__scopeTooltip),r=kg(aa,u.__scopeTooltip),o=A.useRef(null),c=fu(i,o),[h,m]=A.useState(null),{trigger:b,onClose:p}=s,v=o.current,{onPointerInTransitChange:_}=r,w=A.useCallback(()=>{m(null),_(!1)},[_]),C=A.useCallback((N,E)=>{const k=N.currentTarget,B={x:N.clientX,y:N.clientY},P=Gw(B,k.getBoundingClientRect()),z=Kw(B,P),K=Qw(E.getBoundingClientRect()),Y=Ww([...z,...K]);m(Y),_(!0)},[_]);return A.useEffect(()=>()=>w(),[w]),A.useEffect(()=>{if(b&&v){const N=k=>C(k,v),E=k=>C(k,b);return b.addEventListener("pointerleave",N),v.addEventListener("pointerleave",E),()=>{b.removeEventListener("pointerleave",N),v.removeEventListener("pointerleave",E)}}},[b,v,C,w]),A.useEffect(()=>{if(h){const N=E=>{const k=E.target,B={x:E.clientX,y:E.clientY},P=b?.contains(k)||v?.contains(k),z=!Xw(B,h);P?w():z&&(w(),p())};return document.addEventListener("pointermove",N),()=>document.removeEventListener("pointermove",N)}},[b,v,h,p,w]),f.jsx(Rg,{...u,ref:c})}),[qw,Iw]=Bo(Og,{isInside:!1}),Yw=Dx("TooltipContent"),Rg=A.forwardRef((u,i)=>{const{__scopeTooltip:s,children:r,"aria-label":o,onEscapeKeyDown:c,onPointerDownOutside:h,...m}=u,b=jr(aa,s),p=Cc(s),{onClose:v}=b;return A.useEffect(()=>(document.addEventListener(qh,v),()=>document.removeEventListener(qh,v)),[v]),A.useEffect(()=>{if(b.trigger){const _=w=>{w.target?.contains(b.trigger)&&v()};return window.addEventListener("scroll",_,{capture:!0}),()=>window.removeEventListener("scroll",_,{capture:!0})}},[b.trigger,v]),f.jsx(fc,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:c,onPointerDownOutside:h,onFocusOutside:_=>_.preventDefault(),onDismiss:v,children:f.jsxs(Mw,{"data-state":b.stateAttribute,...p,...m,ref:i,style:{...m.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"},children:[f.jsx(Yw,{children:r}),f.jsx(qw,{scope:s,isInside:!0,children:f.jsx(e7,{id:b.contentId,role:"tooltip",children:o||r})})]})})});Ng.displayName=aa;var Mg="TooltipArrow",Vw=A.forwardRef((u,i)=>{const{__scopeTooltip:s,...r}=u,o=Cc(s);return Iw(Mg,s).isInside?null:f.jsx(Pw,{...o,...r,ref:i})});Vw.displayName=Mg;function Gw(u,i){const s=Math.abs(i.top-u.y),r=Math.abs(i.bottom-u.y),o=Math.abs(i.right-u.x),c=Math.abs(i.left-u.x);switch(Math.min(s,r,o,c)){case c:return"left";case o:return"right";case s:return"top";case r:return"bottom";default:throw new Error("unreachable")}}function Kw(u,i,s=5){const r=[];switch(i){case"top":r.push({x:u.x-s,y:u.y+s},{x:u.x+s,y:u.y+s});break;case"bottom":r.push({x:u.x-s,y:u.y-s},{x:u.x+s,y:u.y-s});break;case"left":r.push({x:u.x+s,y:u.y-s},{x:u.x+s,y:u.y+s});break;case"right":r.push({x:u.x-s,y:u.y-s},{x:u.x-s,y:u.y+s});break}return r}function Qw(u){const{top:i,right:s,bottom:r,left:o}=u;return[{x:o,y:i},{x:s,y:i},{x:s,y:r},{x:o,y:r}]}function Xw(u,i){const{x:s,y:r}=u;let o=!1;for(let c=0,h=i.length-1;c<i.length;h=c++){const m=i[c],b=i[h],p=m.x,v=m.y,_=b.x,w=b.y;v>r!=w>r&&s<(_-p)*(r-v)/(w-v)+p&&(o=!o)}return o}function Ww(u){const i=u.slice();return i.sort((s,r)=>s.x<r.x?-1:s.x>r.x?1:s.y<r.y?-1:s.y>r.y?1:0),Zw(i)}function Zw(u){if(u.length<=1)return u.slice();const i=[];for(let r=0;r<u.length;r++){const o=u[r];for(;i.length>=2;){const c=i[i.length-1],h=i[i.length-2];if((c.x-h.x)*(o.y-h.y)>=(c.y-h.y)*(o.x-h.x))i.pop();else break}i.push(o)}i.pop();const s=[];for(let r=u.length-1;r>=0;r--){const o=u[r];for(;s.length>=2;){const c=s[s.length-1],h=s[s.length-2];if((c.x-h.x)*(o.y-h.y)>=(c.y-h.y)*(o.x-h.x))s.pop();else break}s.push(o)}return s.pop(),i.length===1&&s.length===1&&i[0].x===s[0].x&&i[0].y===s[0].y?i:i.concat(s)}var $w=Dg,Jw=jg,Pg=Ng;const eS=$w,tS=A.forwardRef(({className:u,sideOffset:i=4,...s},r)=>f.jsx(Jw,{children:f.jsx(Pg,{ref:r,sideOffset:i,className:vt("z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",u),...s})}));tS.displayName=Pg.displayName;var uS=Symbol.for("react.lazy"),bo=xo[" use ".trim().toString()];function nS(u){return typeof u=="object"&&u!==null&&"then"in u}function Ug(u){return u!=null&&typeof u=="object"&&"$$typeof"in u&&u.$$typeof===uS&&"_payload"in u&&nS(u._payload)}function iS(u){const i=rS(u),s=A.forwardRef((r,o)=>{let{children:c,...h}=r;Ug(c)&&typeof bo=="function"&&(c=bo(c._payload));const m=A.Children.toArray(c),b=m.find(oS);if(b){const p=b.props.children,v=m.map(_=>_===b?A.Children.count(p)>1?A.Children.only(null):A.isValidElement(p)?p.props.children:null:_);return f.jsx(i,{...h,ref:o,children:A.isValidElement(p)?A.cloneElement(p,void 0,v):null})}return f.jsx(i,{...h,ref:o,children:c})});return s.displayName=`${u}.Slot`,s}var aS=iS("Slot");function rS(u){const i=A.forwardRef((s,r)=>{let{children:o,...c}=s;if(Ug(o)&&typeof bo=="function"&&(o=bo(o._payload)),A.isValidElement(o)){const h=cS(o),m=lS(c,o.props);return o.type!==A.Fragment&&(m.ref=r?dc(r,h):h),A.cloneElement(o,m)}return A.Children.count(o)>1?A.Children.only(null):null});return i.displayName=`${u}.SlotClone`,i}var sS=Symbol("radix.slottable");function oS(u){return A.isValidElement(u)&&typeof u.type=="function"&&"__radixId"in u.type&&u.type.__radixId===sS}function lS(u,i){const s={...i};for(const r in i){const o=u[r],c=i[r];/^on[A-Z]/.test(r)?o&&c?s[r]=(...m)=>{const b=c(...m);return o(...m),b}:o&&(s[r]=o):r==="style"?s[r]={...o,...c}:r==="className"&&(s[r]=[o,c].filter(Boolean).join(" "))}return{...u,...s}}function cS(u){let i=Object.getOwnPropertyDescriptor(u.props,"ref")?.get,s=i&&"isReactWarning"in i&&i.isReactWarning;return s?u.ref:(i=Object.getOwnPropertyDescriptor(u,"ref")?.get,s=i&&"isReactWarning"in i&&i.isReactWarning,s?u.props.ref:u.props.ref||u.ref)}const dS=zp("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover-elevate active-elevate-2",{variants:{variant:{default:"bg-primary text-primary-foreground border border-primary-border",destructive:"bg-destructive text-destructive-foreground shadow-sm border-destructive-border",outline:" border [border-color:var(--button-outline)] shadow-xs active:shadow-none ",secondary:"border bg-secondary text-secondary-foreground border border-secondary-border ",ghost:"border border-transparent",link:"text-primary underline-offset-4 hover:underline"},size:{default:"min-h-9 px-4 py-2",sm:"min-h-8 rounded-md px-3 text-xs",lg:"min-h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),Ae=A.forwardRef(({className:u,variant:i,size:s,asChild:r=!1,...o},c)=>{const h=r?aS:"button";return f.jsx(h,{className:vt(dS({variant:i,size:s,className:u})),ref:c,...o})});Ae.displayName="Button";const fS=[{icon:"🎯",title:"نشر تلقائي",desc:"انشر منشوراتك في عشرات المجموعات بضغطة زر واحدة"},{icon:"🔒",title:"آمن وموثوق",desc:"يعمل عبر إضافة متصفح خفيفة - حسابك يبقى آمنًا"},{icon:"⏱️",title:"تأخير ذكي",desc:"تأخير عشوائي بين 90 و 191 ثانية لحماية حسابك"},{icon:"🖼️",title:"نشر مع الصور",desc:"رفع حتى 10 صور مع كل منشور"},{icon:"📋",title:"قوائم محفوظة",desc:"احفظ قوائم مجموعاتك المفضلة لاستخدامها لاحقًا"},{icon:"📊",title:"متابعة فورية",desc:"شاهد تقدم النشر لحظة بلحظة مع روابط المنشورات"}],hS=[{n:1,title:"حمّل الملف وافكّ ضغطه",desc:"اضغط زر التحميل — ستحصل على ملف ZIP، افكّ ضغطه وستجد مجلداً اسمه fb-publisher-bridge."},{n:2,title:"افتح صفحة الإضافات",desc:"في شريط Chrome اكتب chrome://extensions ثم اضغط Enter."},{n:3,title:"فعّل وضع المطور — Developer mode",desc:'من الزاوية العلوية اليمنى فعّل مفتاح "وضع المطور (Developer mode)".'},{n:4,title:'اسحب المجلد أو اضغط "تحميل غير مضغوط (Load unpacked)"',desc:'الطريقة الأسهل: اسحب مجلد fb-publisher-bridge مباشرةً فوق صفحة الإضافات وأفلته. أو: اضغط "تحميل غير مضغوط (Load unpacked)" واختر المجلد يدوياً.'},{n:5,title:"سجّل الدخول وابدأ النشر",desc:"تأكد من تسجيل دخولك في فيسبوك بنفس المتصفح. سيظهر أيقونة الإضافة في شريط المتصفح — اضغط عليها لفتح الأداة."}];function mS(){return f.jsxs("div",{className:"min-h-screen flex flex-col",children:[f.jsxs("header",{className:"px-6 py-4 flex items-center justify-between max-w-6xl mx-auto w-full",children:[f.jsxs("div",{className:"flex items-center gap-3",children:[f.jsx("img",{src:"/logo.png",alt:"logo",className:"w-10 h-10 rounded-xl"}),f.jsx("span",{className:"text-xl font-bold text-gradient",children:"FB Group Publisher PRO"})]}),f.jsx("a",{href:"/extension/fb-publisher-bridge.zip",download:"fb-publisher-bridge.zip","data-testid":"btn-download-nav",children:f.jsx(Ae,{className:"btn-primary-grad",children:"⬇️ تحميل الإضافة"})})]}),f.jsxs("main",{className:"flex-1 flex flex-col items-center px-6 py-12 max-w-6xl mx-auto w-full gap-16",children:[f.jsxs("section",{className:"text-center max-w-3xl",children:[f.jsxs("div",{className:"inline-block px-4 py-1 rounded-full glass mb-6 text-sm",children:[f.jsx("span",{className:"text-[#bb86fc]",children:"✨ شهر كامل مجاني"})," ثم 2.50$ كل شهرين فقط"]}),f.jsxs("h1",{className:"text-5xl md:text-6xl font-extrabold mb-6 leading-tight",children:["انشر في ",f.jsx("span",{className:"text-gradient",children:"كل مجموعاتك"}),f.jsx("br",{}),"بضغطة زر واحدة"]}),f.jsxs("p",{className:"text-lg text-gray-300 mb-8",children:["أداة احترافية لنشر منشوراتك تلقائيًا في مجموعات فيسبوك مع نظام أمان متقدم وتأخير ذكي.",f.jsx("br",{}),f.jsx("span",{className:"text-[#bb86fc]",children:"حمّل الإضافة أدناه وابدأ خلال دقيقتين."})]}),f.jsx("a",{href:"/extension/fb-publisher-bridge.zip",download:"fb-publisher-bridge.zip","data-testid":"cta-download-hero",children:f.jsxs("button",{className:"btn-primary-grad inline-flex items-center gap-3 px-10 py-4 rounded-2xl text-xl font-bold shadow-lg hover:scale-105 transition-transform",children:[f.jsx("svg",{className:"w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2.5,children:f.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1M12 4v12m0 0l-4-4m4 4l4-4"})}),"تحميل الإضافة مجاناً"]})}),f.jsx("p",{className:"text-xs text-gray-500 mt-3",children:"متوافق مع Chrome • مجاني للتحميل"})]}),f.jsx("section",{className:"w-full max-w-4xl",id:"download","data-testid":"section-download",children:f.jsx("div",{className:"glass rounded-3xl p-10",children:f.jsxs("div",{className:"flex flex-col md:flex-row items-start gap-8",children:[f.jsxs("div",{className:"flex-1 text-center md:text-right",children:[f.jsxs("div",{className:"flex items-center gap-3 justify-center md:justify-start mb-4",children:[f.jsx("img",{src:"/logo.png",alt:"icon",className:"w-14 h-14 rounded-2xl shadow-lg"}),f.jsxs("div",{children:[f.jsx("div",{className:"font-bold text-lg",children:"FB Group Publisher PRO"}),f.jsx("div",{className:"text-xs text-gray-400",children:"إضافة Chrome المجانية"})]})]}),f.jsxs("h2",{className:"text-3xl font-extrabold mb-3",children:["حمّل الإضافة ",f.jsx("span",{className:"text-gradient",children:"مجاناً"})]}),f.jsx("p",{className:"text-gray-300 text-sm mb-6 leading-relaxed",children:"إضافة خفيفة لمتصفح Chrome تعمل محلياً على جهازك وتتيح النشر التلقائي الآمن في مجموعات فيسبوك. لا تُخزّن بياناتك على أي خادم."}),f.jsx("a",{href:"/extension/fb-publisher-bridge.zip",download:"fb-publisher-bridge.zip","data-testid":"btn-download-zip-landing",children:f.jsxs("button",{className:"btn-primary-grad inline-flex items-center gap-3 px-8 py-3.5 rounded-2xl text-lg font-bold shadow-lg hover:scale-105 transition-transform w-full justify-center",children:[f.jsx("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2.5,children:f.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1M12 4v12m0 0l-4-4m4 4l4-4"})}),"تحميل fb-publisher-bridge.zip"]})}),f.jsxs("div",{className:"mt-5 glass rounded-2xl p-4 text-sm text-gray-300 text-right",children:[f.jsx("div",{className:"font-semibold text-[#bb86fc] mb-1",children:"💡 بعد التثبيت:"}),"اضغط على أيقونة الإضافة في شريط Chrome لفتح لوحة التحكم والبدء في النشر."]})]}),f.jsxs("div",{className:"flex-1 w-full",children:[f.jsx("h3",{className:"font-bold text-base mb-4 text-[#bb86fc]",children:"خطوات التثبيت"}),f.jsx("ol",{className:"space-y-4",children:hS.map(i=>f.jsxs("li",{className:"flex items-start gap-3",children:[f.jsx("span",{className:"flex-shrink-0 w-7 h-7 rounded-full bg-[#bb86fc] text-black text-xs font-bold flex items-center justify-center mt-0.5",children:i.n}),f.jsxs("div",{children:[f.jsx("div",{className:"font-semibold text-sm",children:i.title}),f.jsx("div",{className:"text-xs text-gray-400 leading-relaxed mt-0.5",children:i.desc})]})]},i.n))})]})]})})}),f.jsxs("section",{className:"w-full",children:[f.jsx("h2",{className:"text-2xl font-bold text-center mb-8",children:"لماذا FB Group Publisher PRO؟"}),f.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5",children:fS.map(i=>f.jsxs("div",{className:"glass rounded-2xl p-6",children:[f.jsx("div",{className:"text-3xl mb-3",children:i.icon}),f.jsx("h3",{className:"text-lg font-bold mb-2",children:i.title}),f.jsx("p",{className:"text-gray-300 text-sm leading-relaxed",children:i.desc})]},i.title))})]}),f.jsxs("section",{className:"glass rounded-3xl p-10 w-full max-w-3xl text-center",children:[f.jsx("h2",{className:"text-3xl font-bold mb-3",children:"سعر بسيط، قيمة كبيرة"}),f.jsxs("div",{className:"my-6",children:[f.jsx("div",{className:"text-5xl font-extrabold text-gradient mb-1",children:"$2.50"}),f.jsx("div",{className:"text-gray-400",children:"كل شهرين عبر PayPal"})]}),f.jsx("div",{className:"text-[#bb86fc] font-semibold mb-6",children:"🎁 شهر كامل مجاني عند الاشتراك"}),f.jsx("a",{href:"/extension/fb-publisher-bridge.zip",download:"fb-publisher-bridge.zip",children:f.jsx(Ae,{size:"lg",className:"btn-primary-grad px-10 h-12","data-testid":"cta-pricing",children:"⬇️ حمّل الإضافة الآن"})})]})]}),f.jsxs("footer",{className:"px-6 py-8 text-center text-sm text-gray-400",children:["FB Group Publisher PRO © ",new Date().getFullYear()]})]})}const Gu=A.forwardRef(({className:u,type:i,...s},r)=>f.jsx("input",{type:i,className:vt("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",u),ref:r,...s}));Gu.displayName="Input";const zg=A.forwardRef(({className:u,...i},s)=>f.jsx("textarea",{className:vt("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",u),ref:s,...i}));zg.displayName="Textarea";const pS="fbpub-web",gS="fbpub-bridge",Fg="https://sare26-fb-publisher-backend.hf.space";let bS=1;const vo=new Map,X6=new Set;function Ih(u){return u.replace(/\/$/,"")}function vS(u){const i=Ih(u.origin),s=Ih(Fg);if(i!==s&&!(i.startsWith("http://localhost")||i.startsWith("http://127.0.0.1")))return console.warn(`[Bridge] تم رفض رسالة من مصدر غير موثوق: ${u.origin}`),!1;const r=u.data;return!(!r||r.source!==gS)}typeof window<"u"&&window.addEventListener("message",u=>{if(!vS(u))return;const i=u.data;if(i.broadcast&&i.message){for(const r of X6)try{r(i.message)}catch{}return}if(!i.requestId)return;const s=vo.get(i.requestId);s&&(vo.delete(i.requestId),clearTimeout(s.timeout),i.error?s.reject(new Error(i.error)):s.resolve(i.response))});function yS(u){return X6.add(u),()=>X6.delete(u)}function Nr(u,i,s=600*1e3){return new Promise((r,o)=>{const c=`req_${bS++}_${Date.now()}`,h=setTimeout(()=>{vo.delete(c),o(new Error("Bridge request timed out"))},s);vo.set(c,{resolve:r,reject:o,timeout:h}),window.postMessage({source:pS,requestId:c,action:u,payload:i},Fg)})}async function ro(u=1500){try{const i=await Nr("ping",void 0,u)||{installed:!1};return i.installed?i:{installed:!1}}catch{return{installed:!1}}}async function Yh(){return Nr("getGroups",void 0,300*1e3)}async function AS(){return Nr("openFacebook")}async function _S(u,i,s,r){return Nr("publishToMultipleGroups",{groupIds:u,text:i,images:s,delayConfig:r})}async function k6(){return Nr("stopPublishing")}function xS(u){const[i,s]=A.useState(0);return A.useEffect(()=>{if(!u)return;const r=new Date(u).getTime(),o=()=>s(Math.max(0,r-Date.now()));o();const c=setInterval(o,1e3);return()=>clearInterval(c)},[u]),i}function wS(u){if(u<=0)return"انتهت";const i=Math.floor(u/1e3),s=Math.floor(i/86400),r=Math.floor(i%86400/3600),o=Math.floor(i%3600/60),c=i%60;return s>0?`${s} يوم و ${r} ساعة`:r>0?`${r}:${String(o).padStart(2,"0")}:${String(c).padStart(2,"0")}`:`${o}:${String(c).padStart(2,"0")}`}function SS({trialEnd:u}){const i=xS(u);return i<=0?null:f.jsxs("div",{className:"rounded-xl border border-[#bb86fc]/30 bg-[#bb86fc]/10 px-4 py-3 mb-5 flex items-center gap-3 flex-wrap","data-testid":"trial-banner",children:[f.jsx("span",{className:"text-xl",children:"🎁"}),f.jsxs("div",{className:"flex-1 min-w-0",children:[f.jsx("span",{className:"text-sm font-semibold text-[#bb86fc]",children:"أنت في فترة التجربة المجانية"}),f.jsx("span",{className:"text-xs text-gray-300 mr-2",children:"— شهر واحد مجاناً، ثم $2.50 كل شهرين"})]}),f.jsxs("div",{className:"text-sm font-mono font-bold text-white bg-[#1f1f3a] px-3 py-1 rounded-lg","data-testid":"trial-countdown",children:["⏱ ",wS(i)]}),f.jsx(Cn,{href:"/subscription",children:f.jsx("span",{className:"text-xs text-[#bb86fc] underline cursor-pointer",children:"تفاصيل الاشتراك"})})]})}function ES({status:u}){return u==="publishing"?f.jsx("span",{className:"inline-block w-7 h-7 rounded-full border-[3px] border-[#bb86fc]/30 border-t-[#bb86fc] animate-spin","aria-label":"جاري النشر","data-testid":"icon-publishing"}):u==="success"?f.jsx("span",{className:"inline-flex w-7 h-7 rounded-full bg-green-500 text-white items-center justify-center text-base font-bold","aria-label":"ناجح","data-testid":"icon-success",children:"✓"}):u==="pending"?f.jsx("span",{className:"inline-flex w-7 h-7 rounded-full bg-yellow-500 text-[#0d0d18] items-center justify-center text-sm font-bold","aria-label":"في انتظار المشرف","data-testid":"icon-pending",children:"⏳"}):f.jsx("span",{className:"inline-flex w-7 h-7 rounded-full bg-red-500 text-white items-center justify-center text-base font-bold","aria-label":"فاشل","data-testid":"icon-failed",children:"✕"})}function CS({item:u,index:i}){const s=u.status==="publishing"?"جاري النشر، الرجاء عدم إغلاق تبويب فيسبوك":u.status==="success"?"تم النشر بنجاح":u.status==="pending"?"في انتظار موافقة المشرف":"فشل النشر",r=u.status==="publishing"?"text-[#bb86fc]":u.status==="success"?"text-green-300":u.status==="pending"?"text-yellow-300":"text-red-300";return f.jsxs("div",{className:"flex items-center gap-3 p-3 rounded-lg bg-[#1f1f3a]/40 text-sm","data-testid":`progress-item-${i}`,children:[u.groupImage?f.jsx("img",{src:u.groupImage,alt:"",className:"w-9 h-9 rounded-lg object-cover flex-shrink-0 border border-white/10"}):f.jsx("div",{className:"w-9 h-9 rounded-lg bg-[#bb86fc]/20 flex-shrink-0 flex items-center justify-center text-[#bb86fc] text-base font-bold",children:u.groupName.charAt(0)}),f.jsx(ES,{status:u.status}),f.jsxs("div",{className:"flex-1 min-w-0",children:[f.jsx("div",{className:"font-semibold truncate",children:u.groupName}),f.jsxs("div",{className:`text-xs mt-0.5 ${r}`,"data-testid":`progress-status-${i}`,children:[s,u.error&&u.status==="failed"?` — ${u.error}`:""]})]}),u.postUrl&&(u.status==="success"||u.status==="pending")&&f.jsx("a",{href:u.postUrl,target:"_blank",rel:"noreferrer",className:"text-[#bb86fc] text-xs underline cursor-pointer whitespace-nowrap","data-testid":`link-post-${i}`,children:"رابط المنشور"})]})}function TS(u){return new Promise((i,s)=>{const r=new FileReader;r.onload=()=>i(r.result),r.onerror=s,r.readAsDataURL(u)})}function au(u,i){try{const s=sessionStorage.getItem(u);return s!==null?JSON.parse(s):i}catch{return i}}function Rt(u,i){try{sessionStorage.setItem(u,JSON.stringify(i))}catch{}}function kS(){const{user:u}=rm(),{signOut:i}=am(),[s,r]=kr(),o=Jm({query:{staleTime:1/0,gcTime:1/0,refetchOnWindowFocus:!1,refetchOnReconnect:!1,refetchOnMount:!1,retry:(H,pe)=>pe?.status===403?!1:H<2}}),c=W_({query:{staleTime:1/0,gcTime:1/0,refetchOnWindowFocus:!1,refetchOnReconnect:!1,refetchOnMount:!1}});A.useEffect(()=>{o.error?.status===403&&i({redirectUrl:"/sign-in"})},[o.error,i]),A.useEffect(()=>{const H=new EventSource("/api/events",{withCredentials:!0});return H.addEventListener("forceSignOut",()=>{i({redirectUrl:"/sign-in"})}),()=>H.close()},[i]);const[h,m]=A.useState(null),[b,p]=A.useState(()=>au("pub_groups",[])),[v,_]=A.useState(!1),[w,C]=A.useState(()=>au("pub_groupsStatus","")),[N,E]=A.useState(""),[k,B]=A.useState("all"),[P,z]=A.useState(()=>new Set(au("pub_selected",[]))),[K,Y]=A.useState(()=>au("pub_postText","")),[Z,W]=A.useState(()=>au("pub_images",[])),[I,te]=A.useState(()=>au("pub_delayMode","random")),[de,fe]=A.useState(()=>au("pub_customDelay",90)),[oe,ve]=A.useState(()=>au("pub_delayUnit","seconds")),[ee,le]=A.useState(()=>au("pub_publishing",!1)),[D,q]=A.useState(()=>au("pub_progress",[])),[$,ne]=A.useState(null),[x,G]=A.useState(()=>au("pub_completedCount",0)),[j,J]=A.useState(()=>au("pub_totalCount",0)),[ue,he]=A.useState(!1),[ie,Le]=A.useState(!1),[Ce,ke]=A.useState(""),[pu,yt]=A.useState(!1),[Qt,Xe]=A.useState(!1),[gu,Rr]=A.useState(!1),[ha,At]=A.useState(null),li=A.useRef(null),Rn=A.useRef(void 0),ma=A.useRef(ee),Xt=A.useRef(D),Ho=A.useRef(x),Mn=A.useRef(!1),pa=A.useRef(s);A.useEffect(()=>{Ho.current=x},[x]),A.useEffect(()=>{Xt.current=D},[D]),A.useEffect(()=>{Rt("pub_groups",b)},[b]),A.useEffect(()=>{Rt("pub_selected",Array.from(P))},[P]),A.useEffect(()=>{Rt("pub_postText",K)},[K]),A.useEffect(()=>{Rt("pub_images",Z)},[Z]),A.useEffect(()=>{Rt("pub_publishing",ee),ma.current=ee},[ee]),A.useEffect(()=>{Rt("pub_progress",D)},[D]),A.useEffect(()=>{Rt("pub_completedCount",x)},[x]),A.useEffect(()=>{Rt("pub_totalCount",j)},[j]),A.useEffect(()=>{Rt("pub_groupsStatus",w)},[w]),A.useEffect(()=>{const H=sessionStorage.getItem("pub_page_reloaded")==="1";sessionStorage.removeItem("pub_page_reloaded"),H&&(k6().catch(()=>{}),["pub_publishing","pub_progress","pub_completedCount","pub_totalCount"].forEach(Ne=>sessionStorage.removeItem(Ne)),le(!1),q([]),G(0),J(0),ne(null))},[]),A.useEffect(()=>{const H=()=>{sessionStorage.setItem("pub_page_reloaded","1"),ma.current&&k6().catch(()=>{})};return window.addEventListener("beforeunload",H),()=>window.removeEventListener("beforeunload",H)},[]),A.useEffect(()=>{let H=!0;return(async()=>{const Ne=await ro(2e3);H&&m(Ne.installed)})(),()=>{H=!1}},[]),A.useEffect(()=>{pa.current!==s&&(pa.current==="/subscription"&&s==="/app"&&o.refetch(),pa.current=s)},[s,o]);const We=o.data?.subscription,_t=!!We?.hasAccess;A.useEffect(()=>{if(Rn.current===void 0){Rn.current=_t;return}Rn.current===!0&&_t===!1&&(ee?yt(!0):Xe(!0)),Rn.current=_t},[_t,ee]),A.useEffect(()=>yS(H=>{if(H.action==="publishProgress"){const pe=H.groupId,Ne=b.find(Je=>Je.id===pe),Tt=H.status;q(Je=>{const vu=Je.findIndex(kt=>kt.groupId===pe),Zu={current:H.current,total:H.total,status:Tt,groupId:pe,groupName:Ne?.name??Je[vu]?.groupName??pe,groupImage:Ne?.image??Je[vu]?.groupImage,postUrl:H.postUrl??null,error:H.error??null},Ut=vu>=0?Je.map((kt,Ge)=>Ge===vu?Zu:kt):[...Je,Zu];return Xt.current=Ut,Ut}),ne(null),(Tt==="success"||Tt==="pending"||Tt==="failed")&&G(Je=>Je+1)}else if(H.action==="publishCountdown")ne({sec:H.seconds,total:H.totalDelay,nextGroup:H.nextGroup});else if(H.action==="publishComplete"){const pe=Xt.current.filter(Ne=>Ne.status!=="publishing").length;le(!1),ne(null),yt(Ne=>(Ne&&Xe(!0),!1)),q([]),G(0),J(0),At(`اكتمل النشر في ${pe} مجموعة ✓`)}else if(H.action==="publishStopped"){const pe=Xt.current.filter(Ne=>Ne.status!=="publishing").length;le(!1),ne(null),yt(Ne=>(Ne&&Xe(!0),!1)),q([]),G(0),J(0),At(`تم الإيقاف — اكتمل النشر في ${pe} مجموعة`)}else H.action==="groupsProgress"?C(H.message):H.action==="needFacebookLogin"&&he(!0)}),[b]);const ct=A.useMemo(()=>{let H=b;if(k==="admin"?H=H.filter(pe=>pe.isAdmin):k==="member"?H=H.filter(pe=>!pe.isAdmin):k==="selected"&&(H=H.filter(pe=>P.has(pe.id))),N.trim()){const pe=N.trim().toLowerCase();H=H.filter(Ne=>Ne.name.toLowerCase().includes(pe))}return H},[b,k,N,P]),bu=async()=>{if(!h){const H=await ro(2e3);if(m(H.installed),!H.installed)return}_(!0),p([]),z(new Set),he(!1),C("جاري التحقق من تسجيل الدخول إلى فيسبوك...");try{const H=await Yh();if(!H.success){H.error==="not_logged_in"?(he(!0),C(H.message??"يرجى تسجيل الدخول إلى فيسبوك أولاً")):C(H.message??"تعذر جلب المجموعات");return}p(H.groups??[]),C(`تم جلب ${H.groups?.length??0} مجموعة بنجاح`),Rr(!0)}catch(H){console.error(H),C("حدث خطأ أثناء جلب المجموعات")}finally{_(!1)}},xt=H=>{z(pe=>{const Ne=new Set(pe);return Ne.has(H)?Ne.delete(H):Ne.add(H),Ne})},qo=()=>z(new Set(ct.map(H=>H.id))),Io=()=>z(new Set),Yo=async H=>{if(!H)return;const pe=[...Z];for(const Ne of Array.from(H)){if(pe.length>=10)break;const Tt=await TS(Ne);pe.push({data:Tt,name:Ne.name})}W(pe),li.current&&(li.current.value="")},ci=H=>{W(pe=>pe.filter((Ne,Tt)=>Tt!==H))},di=async()=>{if(Mn.current)return;if(Mn.current=!0,await o.refetch(),!o.data?.subscription?.hasAccess){alert("انتهى اشتراكك أو لم يعد نشطاً. يرجى الاشتراك للمتابعة."),Xe(!0);return}if(P.size===0){alert("يرجى اختيار مجموعة واحدة على الأقل");return}if(!K.trim()&&Z.length===0){alert("يرجى كتابة نص أو إضافة صورة على الأقل");return}At(null);const pe=Array.from(P),Ne=I==="random"?{mode:"random",seconds:0}:{mode:"fixed",seconds:oe==="minutes"?de*60:de},Tt=async()=>{try{return await _S(pe,K,Z,Ne)}catch{return{success:!1,error:"تعذر الاتصال بالامتداد"}}};let Je=await Tt();if(!Je.success&&Je.error?.includes("جلب المجموعات")){C("جاري تجديد بيانات الجلسة...");try{const Ut=await Yh();Ut.success&&Ut.groups&&(p(Ut.groups),Rr(!0),C(`تم جلب ${Ut.groups.length} مجموعة بنجاح`),Je=await Tt())}catch{}}if(!Je.success){Mn.current=!1,alert(Je.error??"تعذر بدء النشر");return}const vu=b,Zu=pe.map((Ut,kt)=>{const Ge=vu.find(pt=>pt.id===Ut);return{current:kt+1,total:pe.length,status:"publishing",groupId:Ut,groupName:Ge?.name??Ut,groupImage:Ge?.image,postUrl:null,error:null}});q(Zu),Xt.current=Zu,G(0),J(pe.length),le(!0),Mn.current=!1},Tu=async()=>{const H=Xt.current.filter(pe=>pe.status!=="publishing").length;await k6(),le(!1),ne(null),q([]),Xt.current=[],G(0),J(0),At(`تم الإيقاف — اكتمل النشر في ${H} مجموعة`)},fi=async()=>{if(!Ce.trim()||P.size===0){alert("يرجى إدخال اسم للقائمة واختيار مجموعات");return}Le(!0);try{await $_({name:Ce.trim(),groupIds:Array.from(P)}),ke(""),await c.refetch()}catch(H){console.error(H),alert("تعذر حفظ القائمة")}finally{Le(!1)}},Pn=H=>{z(new Set(H)),B("selected")},Vo=async H=>{confirm("حذف القائمة المحفوظة؟")&&(await ex(H),await c.refetch())},Mr=D.filter(H=>H.status==="success").length,Pr=D.filter(H=>H.status==="pending").length,ga=D.filter(H=>H.status==="failed").length;return o.isLoading&&!o.data?f.jsx("div",{className:"min-h-screen flex items-center justify-center",children:f.jsx("div",{className:"text-gray-300",children:"جاري التحميل..."})}):f.jsxs("div",{className:"min-h-screen px-4 py-6 max-w-7xl mx-auto",children:[f.jsxs("header",{className:"flex items-center justify-between mb-6 flex-wrap gap-3",children:[f.jsxs("div",{className:"flex items-center gap-3",children:[f.jsx("img",{src:"/logo.png",alt:"logo",className:"w-10 h-10 rounded-xl"}),f.jsxs("div",{children:[f.jsx("h1",{className:"text-xl font-bold text-gradient",children:"FB Group Publisher PRO"}),f.jsx("div",{className:"text-xs text-gray-400",children:u?.primaryEmailAddress?.emailAddress})]})]}),f.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[f.jsx(Cn,{href:"/extension",children:f.jsxs(Ae,{variant:"outline",size:"sm","data-testid":"link-extension",children:[f.jsx("span",{className:`inline-block w-2 h-2 rounded-full ml-2 ${h?"bg-green-500":"bg-red-500"}`}),"الإضافة"]})}),f.jsx(Cn,{href:"/subscription",children:f.jsx(Ae,{variant:"outline",size:"sm","data-testid":"link-subscription",children:_t?`الاشتراك: ${We?.status==="trialing"?"تجربة":"نشط"}`:"اشترك الآن"})}),f.jsx(Ae,{variant:"ghost",size:"sm",onClick:()=>i({redirectUrl:"/sign-in"}),"data-testid":"btn-signout",className:"cursor-pointer",children:"خروج"})]})]}),We&&We.status==="trialing"&&We.trialEnd&&f.jsx(SS,{trialEnd:We.trialEnd}),!h&&f.jsxs("div",{className:"glass rounded-2xl p-5 mb-5 border border-yellow-500/30",children:[f.jsx("div",{className:"font-bold mb-1",children:"⚠️ إضافة المتصفح غير مثبتة"}),f.jsx("p",{className:"text-sm text-gray-300 mb-3",children:"يجب تثبيت إضافة المتصفح أولاً لتتمكن من جلب مجموعاتك والنشر فيها اذا كانت الاضافة مثبتة فعلا اعد تحميل الصفحة."}),f.jsx(Ae,{className:"btn-primary-grad cursor-pointer",size:"sm",onClick:async()=>{const H=await ro(2e3);m(H.installed)},"data-testid":"btn-install-ext",children:"تحقق من تثبيت الإضافة"})]}),!_t&&h&&f.jsxs("div",{className:"glass rounded-2xl p-5 mb-5 border border-purple-500/30 flex items-start gap-4 flex-wrap",children:[f.jsx("div",{className:"flex-1 min-w-0",children:We?.status==="trial_expired"?f.jsxs(f.Fragment,{children:[f.jsx("div",{className:"font-bold mb-1",children:"⏰ انتهت فترة التجربة المجانية"}),f.jsx("p",{className:"text-sm text-gray-300",children:"يمكنك الاشتراك لمواصلة النشر، أو الاستمرار في استعراض الأداة بدون نشر."})]}):We?.status==="cancelled"?f.jsxs(f.Fragment,{children:[f.jsx("div",{className:"font-bold mb-1",children:"🔓 اشتراكك ملغى"}),f.jsx("p",{className:"text-sm text-gray-300",children:"يمكنك إعادة الاشتراك في أي وقت لمواصلة النشر، أو الاستمرار في استعراض الأداة بدون نشر."})]}):We?.status==="suspended"?f.jsxs(f.Fragment,{children:[f.jsx("div",{className:"font-bold mb-1",children:"⚠️ اشتراكك موقوف مؤقتاً"}),f.jsx("p",{className:"text-sm text-gray-300",children:"تعذّر تجديد اشتراكك تلقائياً. يمكنك تجديده عبر PayPal أو الاستمرار بدون نشر."})]}):We?.status==="expired"?f.jsxs(f.Fragment,{children:[f.jsx("div",{className:"font-bold mb-1",children:"📭 انتهى اشتراكك المدفوع"}),f.jsx("p",{className:"text-sm text-gray-300",children:"انتهت فترة اشتراكك. يمكنك تجديده لمواصلة النشر، أو الاستمرار في استعراض الأداة بدون نشر."})]}):f.jsxs(f.Fragment,{children:[f.jsx("div",{className:"font-bold mb-1",children:"💎 اشترك للبدء في النشر"}),f.jsx("p",{className:"text-sm text-gray-300",children:"شهر تجربة مجاني ثم $2.50 كل شهرين فقط."})]})}),f.jsx(Cn,{href:"/subscription",children:f.jsx(Ae,{className:"btn-primary-grad cursor-pointer",size:"sm","data-testid":"btn-start-sub",children:We?.status==="trial_expired"||We?.status==="cancelled"||We?.status==="suspended"||We?.status==="expired"?"اشترك / جدد الاشتراك":"ابدأ التجربة المجانية"})})]}),f.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-3 gap-5",children:[f.jsxs("section",{className:"glass rounded-2xl p-5 lg:col-span-1",children:[f.jsx("h2",{className:"font-bold mb-3",children:"📝 المنشور"}),f.jsx(zg,{value:K,onChange:H=>Y(H.target.value),placeholder:"اكتب نص المنشور هنا...",rows:8,className:"bg-[#1f1f3a] border-[#3a3a55] text-white placeholder:text-gray-500","data-testid":"input-post-text"}),f.jsxs("div",{className:"mt-4",children:[f.jsxs("div",{className:"flex items-center justify-between mb-2",children:[f.jsxs("span",{className:"font-semibold text-sm",children:["الصور (",Z.length,"/10)"]}),f.jsx(Ae,{size:"sm",variant:"outline",onClick:()=>li.current?.click(),disabled:Z.length>=10,"data-testid":"btn-add-image",className:"cursor-pointer",children:"+ إضافة صور"})]}),f.jsx("input",{ref:li,type:"file",accept:"image/*",multiple:!0,hidden:!0,onChange:H=>Yo(H.target.files),"data-testid":"input-image-file"}),Z.length>0&&f.jsx("div",{className:"grid grid-cols-3 gap-2",children:Z.map((H,pe)=>f.jsxs("div",{className:"relative group",children:[f.jsx("img",{src:H.data,alt:H.name,className:"w-full h-20 object-cover rounded-lg border border-[#3a3a55]"}),f.jsx("button",{onClick:()=>ci(pe),className:"absolute top-1 right-1 bg-red-500/90 text-white rounded-full w-5 h-5 text-xs cursor-pointer","data-testid":`btn-remove-image-${pe}`,children:"×"})]},pe))})]}),!ee&&f.jsxs("div",{className:"mt-4 rounded-xl border border-[#3a3a55] bg-[#1a1a30] p-3 space-y-3",children:[f.jsx("div",{className:"text-xs text-gray-400 font-semibold",children:"⏱ الوقت بين كل منشور"}),f.jsxs("div",{className:"flex gap-2",children:[f.jsx("button",{onClick:()=>{te("random"),Rt("pub_delayMode","random")},className:`flex-1 rounded-lg py-1.5 text-xs font-bold border transition-all cursor-pointer ${I==="random"?"border-[#bb86fc] bg-[#bb86fc]/20 text-[#bb86fc]":"border-[#3a3a55] text-gray-400 hover:border-gray-500"}`,children:"🎲 عشوائي (62–149 ث)"}),f.jsx("button",{onClick:()=>{te("fixed"),Rt("pub_delayMode","fixed")},className:`flex-1 rounded-lg py-1.5 text-xs font-bold border transition-all cursor-pointer ${I==="fixed"?"border-[#bb86fc] bg-[#bb86fc]/20 text-[#bb86fc]":"border-[#3a3a55] text-gray-400 hover:border-gray-500"}`,children:"✏️ مخصص"})]}),I==="fixed"&&f.jsxs("div",{className:"flex gap-2 items-center",children:[f.jsx(Gu,{type:"number",min:10,max:oe==="minutes"?60:3600,value:de,onChange:H=>{const pe=Math.max(1,parseInt(H.target.value)||1);fe(pe),Rt("pub_customDelay",pe)},className:"bg-[#0f0f1e] border-[#3a3a55] text-white text-sm w-24 text-center"}),f.jsxs("div",{className:"flex gap-1",children:[f.jsx("button",{onClick:()=>{ve("seconds"),Rt("pub_delayUnit","seconds")},className:`rounded px-2 py-1 text-xs border transition-all cursor-pointer ${oe==="seconds"?"border-[#bb86fc] bg-[#bb86fc]/20 text-[#bb86fc]":"border-[#3a3a55] text-gray-400"}`,children:"ثانية"}),f.jsx("button",{onClick:()=>{ve("minutes"),Rt("pub_delayUnit","minutes")},className:`rounded px-2 py-1 text-xs border transition-all cursor-pointer ${oe==="minutes"?"border-[#bb86fc] bg-[#bb86fc]/20 text-[#bb86fc]":"border-[#3a3a55] text-gray-400"}`,children:"دقيقة"})]}),f.jsxs("span",{className:"text-xs text-gray-500",children:["= ",oe==="minutes"?`${de*60} ث`:`${de} ث`]})]}),I==="random"&&f.jsx("p",{className:"text-xs text-gray-600",children:"سيتم اختيار وقت عشوائي بين 62 و149 ثانية بين كل مجموعتين"})]}),f.jsxs("div",{className:"mt-5 space-y-2",children:[f.jsx(Ae,{className:`w-full h-12 text-base transition-all duration-200 cursor-pointer ${ee?"bg-red-600 hover:bg-red-700 text-white border-none":"btn-primary-grad"}`,onClick:ee?Tu:di,disabled:!ee&&(!_t||!h||P.size===0),title:!_t&&!ee?"يلزم اشتراك نشط للنشر":void 0,"data-testid":ee?"btn-stop":"btn-publish",children:ee?`⏹ إيقاف النشر (${x}/${j})`:`🚀 نشر في ${P.size} مجموعة`}),!_t&&!ee&&f.jsxs("p",{className:"text-xs text-center text-gray-500",children:["النشر متاح للمشتركين فقط —"," ",f.jsx(Cn,{href:"/subscription",children:f.jsx("span",{className:"text-[#bb86fc] underline cursor-pointer",children:"اشترك أو جدد اشتراكك"})})]})]}),$&&f.jsxs("div",{className:"mt-4 text-center bg-[#1f1f3a] rounded-lg p-3 text-sm",children:[f.jsxs("div",{className:"text-[#bb86fc] font-bold mb-1",children:["⏳ ",$.sec," ثانية"]}),f.jsxs("div",{className:"text-gray-400 text-xs",children:["المجموعة التالية (",$.nextGroup,")"]})]})]}),f.jsxs("section",{className:"glass rounded-2xl p-5 lg:col-span-2",children:[f.jsxs("div",{className:"flex items-center justify-between mb-3 flex-wrap gap-2",children:[f.jsx("h2",{className:"font-bold",children:"👥 المجموعات"}),f.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[f.jsx(Ae,{onClick:bu,disabled:v||!h,className:"btn-fb-grad cursor-pointer",size:"sm","data-testid":"btn-fetch-groups",children:v?"جاري الجلب...":"🔄 جلب المجموعات"}),ue&&f.jsx(Ae,{onClick:()=>AS(),variant:"outline",size:"sm",className:"cursor-pointer","data-testid":"btn-open-fb",children:"افتح فيسبوك"})]})]}),w&&f.jsx("div",{className:"text-sm text-gray-300 mb-3","data-testid":"text-groups-status",children:w}),f.jsx(Gu,{placeholder:"بحث في المجموعات...",value:N,onChange:H=>E(H.target.value),className:"bg-[#1f1f3a] border-[#3a3a55] text-white mb-3","data-testid":"input-search-groups"}),f.jsxs("div",{className:"flex gap-2 mb-3 flex-wrap text-sm",children:[["all","admin","member","selected"].map(H=>f.jsxs("button",{onClick:()=>B(H),className:`px-3 py-1 rounded-lg cursor-pointer ${k===H?"bg-[#bb86fc] text-[#0d0d18] font-bold":"bg-[#1f1f3a] text-gray-300"}`,"data-testid":`tab-${H}`,children:[H==="all"&&`الكل (${b.length})`,H==="admin"&&`أدمن (${b.filter(pe=>pe.isAdmin).length})`,H==="member"&&`عضو (${b.filter(pe=>!pe.isAdmin).length})`,H==="selected"&&`المختارة (${P.size})`]},H)),f.jsx("button",{onClick:qo,className:"px-3 py-1 rounded-lg bg-[#1f1f3a] text-[#bb86fc] cursor-pointer","data-testid":"btn-select-all",children:"اختر الكل"}),f.jsx("button",{onClick:Io,className:"px-3 py-1 rounded-lg bg-[#1f1f3a] text-gray-400 cursor-pointer","data-testid":"btn-deselect-all",children:"إلغاء التحديد"})]}),f.jsxs("div",{className:"max-h-[420px] overflow-y-auto space-y-1","data-testid":"list-groups",children:[ct.length===0&&!v&&f.jsx("div",{className:"text-center text-gray-400 py-8 text-sm",children:gu?"لا توجد مجموعات مختارة للعرض هنا":'لا توجد مجموعات للعرض. اضغط "جلب المجموعات" لبدء التحميل.'}),ct.map(H=>f.jsxs("label",{className:"flex items-center gap-3 p-2 rounded-lg bg-[#1f1f3a]/40 hover:bg-[#2a2a4a]/60 cursor-pointer","data-testid":`group-item-${H.id}`,children:[f.jsx("input",{type:"checkbox",checked:P.has(H.id),onChange:()=>xt(H.id),className:"w-4 h-4 accent-[#bb86fc] cursor-pointer"}),H.image?f.jsx("img",{src:H.image,alt:"",className:"w-9 h-9 rounded-lg"}):f.jsx("div",{className:"w-9 h-9 rounded-lg bg-[#3a3a55]"}),f.jsxs("div",{className:"flex-1 min-w-0",children:[f.jsx("div",{className:"font-semibold text-sm truncate",children:H.name}),f.jsx("div",{className:"text-xs text-gray-400",children:H.isAdmin?"👑 أدمن":"👤 عضو"})]})]},H.id))]}),f.jsxs("div",{className:"mt-4 pt-4 border-t border-[#3a3a55]/40",children:[f.jsx("h3",{className:"font-bold text-sm mb-2",children:"📋 القوائم المحفوظة"}),f.jsxs("div",{className:"flex gap-2 mb-2",children:[f.jsx(Gu,{value:Ce,onChange:H=>ke(H.target.value),placeholder:"اسم القائمة",className:"bg-[#1f1f3a] border-[#3a3a55] text-white","data-testid":"input-list-name"}),f.jsx(Ae,{onClick:fi,disabled:ie||P.size===0||!Ce.trim(),size:"sm",className:"cursor-pointer","data-testid":"btn-save-list",children:"💾 حفظ"})]}),f.jsxs("div",{className:"flex flex-wrap gap-2",children:[c.data?.map(H=>f.jsxs("div",{className:"flex items-center gap-1 bg-[#1f1f3a] rounded-lg px-2 py-1 text-xs","data-testid":`saved-list-${H.id}`,children:[f.jsxs("button",{onClick:()=>Pn(H.groupIds),className:"text-[#bb86fc] cursor-pointer",children:[H.name," (",H.groupIds.length,")"]}),f.jsx("button",{onClick:()=>Vo(H.id),className:"text-red-400 cursor-pointer",children:"×"})]},H.id)),c.data?.length===0&&f.jsx("div",{className:"text-xs text-gray-400",children:"لا توجد قوائم محفوظة بعد."})]})]})]}),(ee||D.length>0||ha)&&f.jsxs("section",{className:"glass rounded-2xl p-5 lg:col-span-3",children:[f.jsxs("div",{className:"flex items-center justify-between mb-3 flex-wrap gap-2",children:[f.jsx("h2",{className:"font-bold",children:"📊 تقدم النشر"}),f.jsxs("div",{className:"flex gap-3 text-sm",children:[f.jsxs("span",{className:"text-green-400",children:["✅ ",Mr," ناجح"]}),f.jsxs("span",{className:"text-yellow-400",children:["🟠 ",Pr," معلق"]}),f.jsxs("span",{className:"text-red-400",children:["❌ ",ga," فاشل"]})]})]}),f.jsxs("div",{className:"max-h-72 overflow-y-auto space-y-1","data-testid":"list-progress",children:[D.map((H,pe)=>f.jsx(CS,{item:H,index:pe},H.groupId)),!ee&&D.length===0&&ha&&f.jsx("div",{className:"text-center text-green-300 font-semibold py-4",children:ha})]})]})]}),Qt&&f.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/70 backdrop-blur-sm px-4","data-testid":"trial-expired-overlay",children:f.jsxs("div",{className:"glass rounded-2xl p-8 max-w-md w-full text-center border border-[#bb86fc]/30",children:[We?.status==="trial_expired"?f.jsxs(f.Fragment,{children:[f.jsx("div",{className:"text-5xl mb-4",children:"⏰"}),f.jsx("h2",{className:"text-2xl font-bold mb-2",children:"انتهت فترة التجربة المجانية"}),f.jsxs("p",{className:"text-gray-300 mb-5 text-sm leading-relaxed",children:["لمواصلة النشر في مجموعاتك يمكنك الاشتراك بـ"," ",f.jsx("span",{className:"text-white font-bold",children:"$2.50 كل شهرين"})," ","فقط — أو أغلق هذه الرسالة والمتابعة بدون نشر."]})]}):We?.status==="cancelled"?f.jsxs(f.Fragment,{children:[f.jsx("div",{className:"text-5xl mb-4",children:"🔓"}),f.jsx("h2",{className:"text-2xl font-bold mb-2",children:"تم إلغاء اشتراكك"}),f.jsxs("p",{className:"text-gray-300 mb-5 text-sm leading-relaxed",children:["اشتراكك ملغى حالياً. يمكنك إعادة الاشتراك في أي وقت بـ"," ",f.jsx("span",{className:"text-white font-bold",children:"$2.50 كل شهرين"})," — أو أغلق هذه الرسالة والمتابعة بدون نشر."]})]}):We?.status==="suspended"?f.jsxs(f.Fragment,{children:[f.jsx("div",{className:"text-5xl mb-4",children:"⚠️"}),f.jsx("h2",{className:"text-2xl font-bold mb-2",children:"اشتراكك موقوف مؤقتاً"}),f.jsx("p",{className:"text-gray-300 mb-5 text-sm leading-relaxed",children:"تم إيقاف اشتراكك مؤقتاً (قد يكون بسبب مشكلة في الدفع). يمكنك تجديده عبر PayPal — أو أغلق هذه الرسالة والمتابعة بدون نشر."})]}):f.jsxs(f.Fragment,{children:[f.jsx("div",{className:"text-5xl mb-4",children:"📭"}),f.jsx("h2",{className:"text-2xl font-bold mb-2",children:"انتهى اشتراكك"}),f.jsxs("p",{className:"text-gray-300 mb-5 text-sm leading-relaxed",children:["انتهت فترة اشتراكك المدفوع. يمكنك تجديده بـ"," ",f.jsx("span",{className:"text-white font-bold",children:"$2.50 كل شهرين"})," — أو أغلق هذه الرسالة والمتابعة بدون نشر."]})]}),f.jsx(Ae,{className:"btn-primary-grad w-full h-12 text-base mb-3 cursor-pointer",onClick:()=>{Xe(!1),r("/subscription")},"data-testid":"btn-trial-subscribe",children:We?.status==="trial_expired"?"اشترك الآن — $2.50 كل شهرين":"جدد اشتراكك — $2.50 كل شهرين"}),f.jsx(Ae,{variant:"outline",className:"w-full h-10 text-sm border-gray-600 text-gray-300 hover:text-white hover:border-gray-400 cursor-pointer",onClick:()=>Xe(!1),"data-testid":"btn-trial-dismiss",children:"ليس الآن — متابعة بدون نشر"}),f.jsxs("p",{className:"text-xs text-gray-500 mt-4",children:["يمكنك الاشتراك في أي وقت من صفحة"," ",f.jsx("button",{className:"text-[#bb86fc] underline cursor-pointer",onClick:()=>{Xe(!1),r("/subscription")},children:"إدارة الاشتراك"})]})]})}),pu&&ee&&f.jsxs("div",{className:"fixed bottom-4 left-4 right-4 z-40 max-w-lg mx-auto glass rounded-xl p-4 border border-yellow-500/40 flex items-center gap-3","data-testid":"trial-expiring-banner",children:[f.jsx("span",{className:"text-2xl",children:"⏳"}),f.jsxs("div",{className:"flex-1",children:[f.jsx("div",{className:"font-bold text-yellow-300 text-sm",children:"انتهت فترة التجربة"}),f.jsx("div",{className:"text-xs text-gray-300",children:"سيتوقف النشر عند اكتمال العملية الحالية"})]})]}),f.jsxs("div",{className:"mt-8 pt-6 border-t border-[#3a3a55]/40 text-center",children:[f.jsx("p",{className:"text-gray-400 text-sm mb-2",children:"هل تواجه مشكلة؟ تواصل مع الدعم وسنرد عليك في أقرب وقت."}),f.jsx(Ae,{asChild:!0,variant:"outline",size:"sm",children:f.jsx("a",{href:"mailto:saresare2555@hotmail.com?subject=مشكلة في FB Group Publisher PRO",children:"تواصل مع الدعم"})}),f.jsx("p",{className:"text-[10px] text-gray-500 mt-1",children:"(بريد الدعم)"})]})]})}function Vh(u){return u?new Date(u).toLocaleDateString("ar",{year:"numeric",month:"long",day:"numeric"}):"—"}const DS={none:"لا يوجد اشتراك",trialing:"تجربة مجانية نشطة",trial_expired:"انتهت التجربة",active:"نشط",cancelled:"ملغى",suspended:"موقوف",expired:"منتهي"};function OS(){const u=Jm(),[i,s]=A.useState(!1),[r,o]=A.useState(null),c=u.data?.subscription,h=async()=>{o(null),s(!0);try{const b=await H_();window.location.href=b.approvalUrl}catch(b){o("تعذر إنشاء الاشتراك. تحقق من إعدادات PayPal."),s(!1),console.error(b)}},m=async()=>{if(confirm("هل أنت متأكد من إلغاء الاشتراك؟")){o(null),s(!0);try{await V_(),await u.refetch()}catch(b){o("تعذر إلغاء الاشتراك."),console.error(b)}finally{s(!1)}}};return f.jsxs("div",{className:"min-h-screen px-4 py-10 max-w-3xl mx-auto",children:[f.jsxs("div",{className:"flex items-center justify-between mb-6",children:[f.jsx("h1",{className:"text-2xl font-bold",children:"الاشتراك"}),f.jsx(Cn,{href:"/app",children:f.jsx(Ae,{variant:"ghost","data-testid":"link-back-app",children:"رجوع للوحة"})})]}),u.isLoading&&f.jsx("div",{className:"glass rounded-2xl p-6",children:"جاري التحميل..."}),c&&f.jsxs("div",{className:"glass rounded-2xl p-6 mb-6",children:[f.jsxs("div",{className:"flex items-center justify-between mb-4",children:[f.jsx("span",{className:"text-gray-300",children:"الحالة الحالية"}),f.jsx("span",{className:`px-3 py-1 rounded-full text-sm font-bold ${c.hasAccess?"bg-green-500/20 text-green-300":"bg-red-500/20 text-red-300"}`,"data-testid":"text-status",children:DS[c.status]??c.status})]}),c.status==="trialing"&&c.trialEnd&&f.jsxs("div",{className:"text-sm text-gray-300 bg-[#1f1f3a] rounded-lg p-3",children:["🎁 تجربتك المجانية تنتهي في:"," ",f.jsx("strong",{className:"text-white","data-testid":"text-trial-end",children:Vh(c.trialEnd)}),f.jsx("div",{className:"text-xs text-gray-400 mt-1",children:"بعد انتهاء التجربة ستحتاج إلى الاشتراك المدفوع للاستمرار."})]}),c.status==="active"&&c.currentPeriodEnd&&f.jsxs("div",{className:"text-sm text-gray-300",children:["التجديد القادم:"," ",f.jsx("strong",{"data-testid":"text-next-billing",children:Vh(c.currentPeriodEnd)})]}),c.status==="trial_expired"&&f.jsx("div",{className:"text-sm text-red-300 bg-red-500/10 rounded-lg p-3 mt-2",children:"انتهت تجربتك المجانية. اشترك الآن لمواصلة النشر."}),c.status==="cancelled"&&f.jsx("div",{className:"text-sm text-gray-300",children:"تم إلغاء اشتراكك. يمكنك الاشتراك مجددًا في أي وقت."})]}),(!c||!c.hasAccess)&&f.jsxs("div",{className:"glass rounded-2xl p-8 text-center",children:[c?.status==="cancelled"?f.jsx("h2",{className:"text-2xl font-bold mb-1",children:"أعد تفعيل اشتراكك"}):c?.status==="suspended"?f.jsx("h2",{className:"text-2xl font-bold mb-1",children:"جدد اشتراكك الموقوف"}):c?.status==="expired"?f.jsx("h2",{className:"text-2xl font-bold mb-1",children:"جدد اشتراكك المنتهي"}):f.jsx("h2",{className:"text-2xl font-bold mb-1",children:"اشترك لمواصلة النشر"}),f.jsx("p",{className:"text-sm text-gray-400 mb-5",children:"استعراض الأداة مجاني — النشر الفعلي يتطلب اشتراكاً نشطاً"}),f.jsxs("div",{className:"my-5 rounded-2xl bg-[#1f1f3a] border border-[#3a3a55] p-5 space-y-3",children:[f.jsxs("div",{className:"flex items-center justify-between text-sm",children:[f.jsx("span",{className:"text-gray-300",children:"عند الاشتراك الآن"}),f.jsx("span",{className:"text-white font-bold text-xl",children:"$2.50"})]}),f.jsx("div",{className:"border-t border-[#3a3a55]"}),f.jsxs("div",{className:"flex items-center justify-between text-sm",children:[f.jsx("span",{className:"text-gray-300",children:"التجديد التلقائي كل"}),f.jsx("span",{className:"text-gray-300 font-semibold",children:"شهرين"})]})]}),c?.status==="trial_expired"&&f.jsx("div",{className:"text-[#bb86fc] mb-6 text-sm font-semibold bg-[#bb86fc]/10 rounded-xl p-3 border border-[#bb86fc]/20",children:"✓ استمتعت بشهر كامل مجاني — الدفع الآن $2.50 فقط للاستمرار"}),f.jsx(Ae,{size:"lg",className:"btn-primary-grad px-10 h-12 text-base w-full",onClick:h,disabled:i,"data-testid":"btn-subscribe",children:i?"جاري إنشاء الاشتراك...":c?.status==="cancelled"||c?.status==="expired"||c?.status==="suspended"?"جدد اشتراكك عبر PayPal — $2.50 (أو ادفع ببطاقتك البنكية عبر PayPal)":"اشترك بـ $2.50 عبر PayPal — يمكنك الدفع من بطاقتك البنكية أيضاً"}),r&&f.jsx("div",{className:"mt-4 text-red-400 text-sm","data-testid":"text-error",children:r}),f.jsx("p",{className:"mt-5 text-xs text-gray-500",children:"يمكنك استعراض الأداة دون اشتراك — لكن زر النشر لن يعمل حتى يكون اشتراكك نشطاً."})]}),c?.hasAccess&&c.status==="active"&&f.jsxs("div",{className:"glass rounded-2xl p-6",children:[f.jsx("h3",{className:"font-bold mb-2",children:"إدارة الاشتراك"}),f.jsx("p",{className:"text-sm text-gray-300 mb-4",children:"يمكنك إلغاء الاشتراك في أي وقت. ستحتفظ بصلاحية الاستخدام حتى نهاية الفترة الحالية."}),f.jsx(Ae,{variant:"outline",onClick:m,disabled:i,"data-testid":"btn-cancel",children:i?"جاري الإلغاء...":"إلغاء الاشتراك"}),r&&f.jsx("div",{className:"mt-4 text-red-400 text-sm","data-testid":"text-error",children:r})]})]})}async function jS(u=15e3){const i=Date.now();for(;Date.now()-i<u;){try{if((await $m()).subscription?.hasAccess)return!0}catch{}await new Promise(s=>setTimeout(s,2e3))}return!1}function NS(){const[,u]=kr(),[i,s]=A.useState("loading"),[r,o]=A.useState("");return A.useEffect(()=>{const h=new URLSearchParams(window.location.search).get("subscription_id");if(!h){s("error"),o("لم يتم استلام معرف الاشتراك من PayPal.");return}(async()=>{try{await I_({subscriptionId:h}),s("ok"),o("تم تفعيل اشتراكك بنجاح! استمتع بشهرك المجاني.");return}catch(b){console.warn("Direct activate failed, falling back to webhook poll:",b)}await jS(15e3)?(s("ok"),o("تم تفعيل اشتراكك بنجاح! استمتع بشهرك المجاني.")):(s("error"),o("حدث خطأ أثناء تفعيل الاشتراك. إذا اكتمل الدفع سيُحدَّث حسابك تلقائيًا خلال دقيقة."))})()},[]),f.jsx("div",{className:"min-h-screen flex items-center justify-center px-4",children:f.jsxs("div",{className:"glass rounded-2xl p-8 max-w-md w-full text-center",children:[i==="loading"&&f.jsxs(f.Fragment,{children:[f.jsx("div",{className:"text-4xl mb-4 animate-spin",children:"⏳"}),f.jsx("h1",{className:"text-xl font-bold mb-2",children:"جاري تفعيل اشتراكك..."}),f.jsx("p",{className:"text-gray-300 text-sm",children:"يرجى الانتظار لحظة."})]}),i==="ok"&&f.jsxs(f.Fragment,{children:[f.jsx("div",{className:"text-5xl mb-4",children:"🎉"}),f.jsx("h1",{className:"text-2xl font-bold mb-2",children:"تم بنجاح!"}),f.jsx("p",{className:"text-gray-300 mb-6","data-testid":"text-success",children:r}),f.jsx(Ae,{className:"btn-primary-grad px-8 h-12",onClick:()=>u("/app"),"data-testid":"btn-go-app",children:"الذهاب إلى لوحة النشر"})]}),i==="error"&&f.jsxs(f.Fragment,{children:[f.jsx("div",{className:"text-5xl mb-4",children:"⚠️"}),f.jsx("h1",{className:"text-xl font-bold mb-2",children:"حدث خطأ"}),f.jsx("p",{className:"text-gray-300 mb-6","data-testid":"text-error",children:r}),f.jsxs("div",{className:"flex gap-3 justify-center flex-wrap",children:[f.jsx(Ae,{className:"btn-primary-grad px-6 h-11",onClick:()=>u("/app"),children:"الذهاب للوحة النشر"}),f.jsx(Ae,{variant:"outline",onClick:()=>u("/subscription"),"data-testid":"btn-go-subscription",children:"صفحة الاشتراك"})]})]})]})})}function RS(){const[u,i]=A.useState(null);return A.useEffect(()=>{let r=!0;const o=async()=>{const h=await ro(2e3);r&&i(h.installed)};o();const c=setInterval(o,3e3);return()=>{r=!1,clearInterval(c)}},[]),f.jsxs("div",{className:"min-h-screen px-4 py-10 max-w-3xl mx-auto",children:[f.jsxs("div",{className:"flex items-center justify-between mb-6",children:[f.jsx("h1",{className:"text-2xl font-bold",children:"تثبيت إضافة المتصفح"}),f.jsx(Cn,{href:"/app",children:f.jsx(Ae,{variant:"ghost","data-testid":"link-back-app",children:"رجوع"})})]}),f.jsxs("div",{className:"glass rounded-2xl p-6 mb-6",children:[f.jsxs("div",{className:"flex items-center gap-3 mb-2",children:[f.jsx("div",{className:`w-3 h-3 rounded-full ${u===null?"bg-yellow-400 animate-pulse":u?"bg-green-500":"bg-red-500"}`,"data-testid":"status-indicator"}),f.jsx("span",{className:"font-semibold",children:u===null?"جاري التحقق من تثبيت الإضافة...":u?"✅ الإضافة مثبتة وجاهزة!":"❌ الإضافة غير مثبتة"})]}),u&&f.jsx(Cn,{href:"/app",children:f.jsx(Ae,{className:"btn-primary-grad mt-4","data-testid":"btn-go-app",children:"الذهاب إلى لوحة النشر"})})]}),f.jsxs("div",{className:"glass rounded-2xl p-6 mb-6 text-center",children:[f.jsx("div",{className:"text-5xl mb-3",children:"📦"}),f.jsx("h2",{className:"text-xl font-bold mb-1",children:"حمّل الإضافة دفعةً واحدة"}),f.jsx("p",{className:"text-gray-400 text-sm mb-5",children:"ملف مضغوط جاهز يحتوي على الإضافة — فك الضغط وثبّتها"}),f.jsx("a",{href:"/extension/fb-publisher-bridge.zip",download:"fb-publisher-bridge.zip","data-testid":"btn-download-zip",className:"btn-primary-grad inline-flex items-center gap-2 px-8 py-3 rounded-xl text-lg font-bold",children:"⬇️ تحميل fb-publisher-bridge.zip"})]}),f.jsxs("div",{className:"glass rounded-2xl p-6 space-y-5",children:[f.jsx("h2",{className:"text-xl font-bold",children:"خطوات التثبيت"}),f.jsxs("ol",{className:"space-y-5 list-none pr-0",children:[f.jsxs("li",{className:"flex gap-4",children:[f.jsx("span",{className:"flex-shrink-0 w-8 h-8 rounded-full bg-[#bb86fc] text-black font-bold flex items-center justify-center",children:"1"}),f.jsxs("div",{children:[f.jsx("div",{className:"font-semibold mb-1",children:"حمّل الملف وافكّ ضغطه"}),f.jsxs("p",{className:"text-sm text-gray-400",children:["اضغط زر التحميل أعلاه — ستجد مجلدًا اسمه"," ",f.jsx("code",{className:"bg-[#1f1f3a] px-1 rounded text-white",children:"fb-publisher-bridge"})," ","احتفظ به في مكان تعرفه."]})]})]}),f.jsxs("li",{className:"flex gap-4",children:[f.jsx("span",{className:"flex-shrink-0 w-8 h-8 rounded-full bg-[#bb86fc] text-black font-bold flex items-center justify-center",children:"2"}),f.jsxs("div",{children:[f.jsx("div",{className:"font-semibold mb-1",children:"افتح صفحة الإضافات في Chrome"}),f.jsxs("p",{className:"text-sm text-gray-400",children:["في شريط العنوان اكتب"," ",f.jsx("code",{className:"bg-[#1f1f3a] px-2 py-0.5 rounded text-white",children:"chrome://extensions"})," ","واضغط Enter."]})]})]}),f.jsxs("li",{className:"flex gap-4",children:[f.jsx("span",{className:"flex-shrink-0 w-8 h-8 rounded-full bg-[#bb86fc] text-black font-bold flex items-center justify-center",children:"3"}),f.jsxs("div",{children:[f.jsxs("div",{className:"font-semibold mb-1",children:["فعّل وضع المطور"," ",f.jsx("span",{className:"text-[#bb86fc] font-normal",children:"(Developer mode)"})]}),f.jsxs("p",{className:"text-sm text-gray-400",children:["من الزاوية العلوية اليمنى فعّل المفتاح المسمّى"," ",f.jsx("strong",{className:"text-white",children:'"وضع المطور" أو "Developer mode"'}),"."]})]})]}),f.jsxs("li",{className:"flex gap-4",children:[f.jsx("span",{className:"flex-shrink-0 w-8 h-8 rounded-full bg-[#bb86fc] text-black font-bold flex items-center justify-center",children:"4"}),f.jsxs("div",{children:[f.jsxs("div",{className:"font-semibold mb-1",children:["اسحب المجلد أو استخدم"," ",f.jsx("span",{className:"text-[#bb86fc] font-normal",children:'"تحميل غير مضغوط (Load unpacked)"'})]}),f.jsxs("p",{className:"text-sm text-gray-400",children:[f.jsx("strong",{className:"text-white",children:"الطريقة الأسهل:"})," اسحب مجلد"," ",f.jsx("code",{className:"bg-[#1f1f3a] px-1 rounded text-white",children:"fb-publisher-bridge"})," ","مباشرةً فوق صفحة الإضافات وأفلته.",f.jsx("br",{}),f.jsx("strong",{className:"text-white",children:"أو:"})," اضغط"," ",f.jsx("strong",{className:"text-white",children:'"تحميل غير مضغوط" (Load unpacked)'})," ","واختر المجلد يدوياً."]})]})]}),f.jsxs("li",{className:"flex gap-4",children:[f.jsx("span",{className:"flex-shrink-0 w-8 h-8 rounded-full bg-[#bb86fc] text-black font-bold flex items-center justify-center",children:"5"}),f.jsxs("div",{children:[f.jsx("div",{className:"font-semibold mb-1",children:"تأكد من تسجيل الدخول لفيسبوك"}),f.jsxs("p",{className:"text-sm text-gray-400",children:["في نفس المتصفح تأكد من أنك مسجل دخول في"," ",f.jsx("a",{href:"https://www.facebook.com",target:"_blank",rel:"noreferrer",className:"text-[#bb86fc] underline",children:"facebook.com"}),"، ثم ارجع لهذه الصفحة — سيضيء المؤشر أخضر تلقائيًا."]})]})]})]})]})]})}async function MS(){const u=await fetch(Kt("extension-update"));return u.ok?u.json():{updateAvailable:!1,version:null,message:null}}async function PS(u){const i=await fetch(Kt("admin/extension-update"),{method:"PATCH",credentials:"include",headers:{"Content-Type":"application/json"},body:JSON.stringify(u)});if(!i.ok)throw new Error((await i.json()).error??"خطأ في التحديث")}function Kt(u){return`/api/${u}`}const Gh="saresare2555@hotmail.com";function US(u){if(!u)return{text:"لا يوجد",color:"text-gray-400"};const i=u.status;return i==="trialing"?{text:"تجريبي",color:"text-blue-400"}:i==="active"?{text:"مشترك",color:"text-green-400"}:i==="trial_expired"?{text:"انتهت التجربة",color:"text-yellow-400"}:i==="cancelled"?{text:"ملغى",color:"text-red-400"}:{text:i,color:"text-gray-400"}}function D6(u){return u?new Date(u).toLocaleDateString("ar-SA",{year:"numeric",month:"short",day:"numeric"}):"—"}async function zS(){const u=await fetch(Kt("admin/users"),{credentials:"include"});if(!u.ok)throw new Error((await u.json()).error??"خطأ في الجلب");return u.json()}async function FS(){const u=await fetch(Kt("admin/blocked-emails"),{credentials:"include"});if(!u.ok)throw new Error((await u.json()).error??"خطأ في الجلب");return u.json()}async function LS(u,i){const s=await fetch(Kt("admin/blocked-emails"),{method:"POST",credentials:"include",headers:{"Content-Type":"application/json"},body:JSON.stringify({email:u,reason:i})});if(!s.ok)throw new Error((await s.json()).error??"خطأ في الحظر")}async function BS(){const u=await fetch(Kt("admin/cleanup-orphans"),{method:"POST",credentials:"include"});if(!u.ok)throw new Error((await u.json()).error??"خطأ في التنظيف");return u.json()}async function HS(){const u=await fetch(Kt("admin/force-signout-banned"),{method:"POST",credentials:"include"});if(!u.ok)throw new Error((await u.json()).error??"خطأ في الطرد");return u.json()}async function qS(u){const i=await fetch(Kt(`admin/blocked-emails/${encodeURIComponent(u)}`),{method:"DELETE",credentials:"include"});if(!i.ok)throw new Error((await i.json()).error??"خطأ في إلغاء الحظر")}async function IS(u){const i=await fetch(Kt(`admin/ban/${u}`),{method:"POST",credentials:"include"});if(!i.ok)throw new Error((await i.json()).error??"خطأ في الحظر")}async function YS(u){const i=await fetch(Kt(`admin/unban/${u}`),{method:"POST",credentials:"include"});if(!i.ok)throw new Error((await i.json()).error??"خطأ في رفع الحظر")}async function VS(u){const i=await fetch(Kt(`admin/users/${u}`),{method:"DELETE",credentials:"include"});if(!i.ok)throw new Error((await i.json()).error??"خطأ في الحذف")}async function GS(u,i){const s=await fetch(Kt(`admin/subscription/${u}`),{method:"PATCH",credentials:"include",headers:{"Content-Type":"application/json"},body:JSON.stringify(i)});if(!s.ok)throw new Error((await s.json()).error??"خطأ في التحديث")}function KS(){const{user:u,isLoaded:i}=rm(),[,s]=kr(),{toast:r}=cp(),o=jo(),[c,h]=A.useState(""),[m,b]=A.useState(null),[p,v]=A.useState(""),[_,w]=A.useState(""),[C,N]=A.useState(""),[E,k]=A.useState(""),P=(u?.emailAddresses?.map(j=>j.emailAddress.toLowerCase())??[]).includes(Gh.toLowerCase()),{data:z,refetch:K}=ta({queryKey:["admin-blocked-emails"],queryFn:FS,enabled:P}),Y=Iu({mutationFn:({email:j,reason:J})=>LS(j,J),onSuccess:()=>{r({title:"✅ تم حظر البريد وحذف الحساب إن وُجد"}),N(""),k(""),o.invalidateQueries({queryKey:["admin-blocked-emails"]}),o.invalidateQueries({queryKey:["admin-users"]})},onError:j=>r({title:"❌ فشل الحظر",description:j.message,variant:"destructive"})}),Z=Iu({mutationFn:j=>qS(j),onSuccess:()=>{r({title:"✅ تم رفع الحظر"}),o.invalidateQueries({queryKey:["admin-blocked-emails"]})},onError:j=>r({title:"❌ فشل",description:j.message,variant:"destructive"})}),{data:W,refetch:I}=ta({queryKey:["extension-update-admin"],queryFn:MS,enabled:P}),te=Iu({mutationFn:PS,onSuccess:()=>{r({title:"✅ تم تحديث إعدادات الإشعار"}),o.invalidateQueries({queryKey:["extension-update-admin"]}),o.invalidateQueries({queryKey:["extension-update"]}),I()},onError:j=>{r({title:"❌ فشل",description:j.message,variant:"destructive"})}}),{data:de,isLoading:fe,error:oe,refetch:ve}=ta({queryKey:["admin-users"],queryFn:zS,enabled:P,retry:!1}),ee=Iu({mutationFn:VS,onSuccess:()=>{r({title:"تم الحذف بنجاح",description:"تم حذف الحساب وجميع بياناته"}),o.invalidateQueries({queryKey:["admin-users"]}),b(null)},onError:j=>{r({title:"فشل الحذف",description:j.message,variant:"destructive"}),b(null)}}),le=Iu({mutationFn:IS,onSuccess:()=>{r({title:"🚫 تم حظر الحساب",description:"المستخدم لن يتمكن من الدخول حتى رفع الحظر"}),o.invalidateQueries({queryKey:["admin-users"]})},onError:j=>r({title:"❌ فشل الحظر",description:j.message,variant:"destructive"})}),D=Iu({mutationFn:YS,onSuccess:()=>{r({title:"✅ تم رفع الحظر",description:"المستخدم يمكنه الدخول الآن"}),o.invalidateQueries({queryKey:["admin-users"]})},onError:j=>r({title:"❌ فشل رفع الحظر",description:j.message,variant:"destructive"})}),q=Iu({mutationFn:BS,onSuccess:j=>{j.count===0?r({title:"✅ لا توجد سجلات يتيمة",description:"قاعدة البيانات نظيفة"}):r({title:`✅ تم حذف ${j.count} سجل يتيم`,description:j.removed.slice(0,5).join("، ")+(j.count>5?` ... و${j.count-5} آخرين`:"")}),o.invalidateQueries({queryKey:["admin-users"]})},onError:j=>r({title:"❌ فشل التنظيف",description:j.message,variant:"destructive"})}),$=Iu({mutationFn:HS,onSuccess:j=>{r({title:"📡 تم إرسال أمر الطرد",description:j.connectionsSent>0?`تم طرد ${j.connectionsSent} اتصال من ${j.usersNotified} مستخدم محظور`:"لا يوجد محظورون متصلون حالياً"})},onError:j=>r({title:"❌ فشل الطرد",description:j.message,variant:"destructive"})}),ne=Iu({mutationFn:({userId:j,body:J})=>GS(j,J),onSuccess:()=>{r({title:"تم التحديث بنجاح"}),o.invalidateQueries({queryKey:["admin-users"]})},onError:j=>{r({title:"فشل التحديث",description:j.message,variant:"destructive"})}});if(!i)return f.jsx("div",{className:"flex min-h-screen items-center justify-center bg-[#0f0f1e]",children:f.jsx("div",{className:"text-gray-400",children:"جارٍ التحميل..."})});if(!u)return s("/sign-in"),null;if(!P)return f.jsx("div",{className:"flex min-h-screen items-center justify-center bg-[#0f0f1e]",children:f.jsxs("div",{className:"text-center space-y-3",children:[f.jsx("div",{className:"text-red-400 text-2xl",children:"⛔ غير مصرح بالدخول"}),f.jsxs("div",{className:"text-gray-500 text-sm",children:["البريد المسجل: ",u.primaryEmailAddress?.emailAddress]})]})});const x=de?.users??[],G=x.filter(j=>!c||j.email?.toLowerCase().includes(c.toLowerCase())||j.id.includes(c));return f.jsx("div",{dir:"rtl",className:"min-h-screen bg-[#0f0f1e] text-white p-6",children:f.jsxs("div",{className:"max-w-5xl mx-auto",children:[f.jsxs("div",{className:"flex items-center justify-between mb-6 flex-wrap gap-3",children:[f.jsx("h1",{className:"text-2xl font-bold text-[#bb86fc]",children:"لوحة إدارة المستخدمين"}),f.jsxs("div",{className:"flex gap-2 flex-wrap",children:[f.jsx(Ae,{variant:"outline",size:"sm",onClick:async()=>{if(!confirm("مسح إعدادات PayPal المخزّنة؟ ستُعاد إنشاؤها تلقائياً عند أول اشتراك."))return;const j=await fetch(Kt("admin/paypal-config"),{method:"DELETE",credentials:"include"}),J=await j.json();r({title:j.ok?"✅ تم المسح":"❌ خطأ",description:J.message??J.error})},className:"border-orange-700 text-orange-400 hover:bg-orange-900/20 text-xs",children:"🔄 إعادة ضبط PayPal"}),f.jsx(Ae,{variant:"outline",size:"sm",disabled:q.isPending,onClick:()=>{confirm("سيتم حذف جميع السجلات التي ليس لها حساب نشط في Clerk. تأكيد؟")&&q.mutate()},className:"border-yellow-700 text-yellow-400 hover:bg-yellow-900/20 text-xs",children:q.isPending?"⏳ جاري التنظيف...":"🧹 تنظيف السجلات اليتيمة"}),f.jsx(Ae,{variant:"outline",size:"sm",disabled:$.isPending,onClick:()=>{confirm("سيتم إرسال أمر تسجيل خروج فوري لجميع المحظورين المتصلين حالياً. تأكيد؟")&&$.mutate()},className:"border-red-700 text-red-400 hover:bg-red-900/20 text-xs",children:$.isPending?"⏳ جاري الإرسال...":"📡 طرد المحظورين فوراً"}),f.jsx(Ae,{variant:"outline",size:"sm",onClick:()=>{const j=(x??[]).map(J=>J.email).filter(Boolean).join(`
+`);if(!j){r({title:"لا توجد إيميلات",variant:"destructive"});return}navigator.clipboard.writeText(j).then(()=>{r({title:"✅ تم النسخ",description:`${j.split(`
+`).length} إيميل في الحافظة`})})},className:"border-blue-700 text-blue-400 hover:bg-blue-900/20 text-xs",children:"📋 نسخ الإيميلات"}),f.jsx(Ae,{variant:"outline",size:"sm",onClick:()=>ve(),className:"border-[#3a3a55] text-gray-300 hover:text-white",children:"تحديث"})]})]}),f.jsxs("div",{className:"mb-6 rounded-xl border border-[#3a3a55] bg-[#1a1a30] p-4",children:[f.jsxs("div",{className:"flex items-center justify-between mb-3 flex-wrap gap-2",children:[f.jsxs("div",{className:"flex items-center gap-2",children:[f.jsx("span",{className:"text-base font-semibold text-[#bb86fc]",children:"🔔 إشعار تحديث الإضافة"}),W?.updateAvailable?f.jsx("span",{className:"rounded-full bg-green-900/40 px-2 py-0.5 text-xs text-green-400 border border-green-800",children:"مفعّل"}):f.jsx("span",{className:"rounded-full bg-gray-800/60 px-2 py-0.5 text-xs text-gray-500 border border-gray-700",children:"متوقف"})]}),f.jsxs("div",{className:"flex gap-2",children:[f.jsx(Ae,{size:"sm",disabled:te.isPending,onClick:()=>te.mutate({enabled:!0,version:p.trim()||void 0,message:_.trim()||void 0}),className:"bg-[#bb86fc] hover:bg-[#a070e0] text-black font-bold text-xs",children:"📢 إرسال الإشعار للجميع"}),f.jsx(Ae,{size:"sm",variant:"outline",disabled:te.isPending||!W?.updateAvailable,onClick:()=>te.mutate({enabled:!1}),className:"border-red-800 text-red-400 hover:bg-red-900/20 text-xs",children:"✕ إيقاف الإشعار"})]})]}),f.jsxs("div",{className:"flex gap-2 flex-wrap",children:[f.jsx(Gu,{placeholder:"رقم الإصدار — مثال: 1.3.0",value:p,onChange:j=>v(j.target.value),className:"bg-[#0f0f1e] border-[#3a3a55] text-white placeholder:text-gray-600 text-sm flex-1 min-w-[140px]"}),f.jsx(Gu,{placeholder:"رسالة اختيارية للمستخدمين",value:_,onChange:j=>w(j.target.value),className:"bg-[#0f0f1e] border-[#3a3a55] text-white placeholder:text-gray-600 text-sm flex-1 min-w-[200px]"})]}),W?.updateAvailable&&f.jsxs("div",{className:"mt-2 text-xs text-gray-500",children:["الإصدار الحالي: ",f.jsx("span",{className:"text-[#bb86fc]",children:W.version??"—"}),W.message&&f.jsxs(f.Fragment,{children:[" · الرسالة: ",f.jsx("span",{className:"text-gray-400",children:W.message})]})]})]}),f.jsxs("div",{className:"mb-6 rounded-xl border border-[#3a3a55] bg-[#1a1a30] p-4",children:[f.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[f.jsx("span",{className:"text-base font-semibold text-red-400",children:"🚫 البريد الإلكتروني المحظور"}),f.jsx("span",{className:"rounded-full bg-red-900/30 px-2 py-0.5 text-xs text-red-400 border border-red-800",children:z?.blockedEmails.length??0})]}),f.jsxs("div",{className:"flex gap-2 flex-wrap mb-3",children:[f.jsx(Gu,{placeholder:"بريد إلكتروني للحظر",value:C,onChange:j=>N(j.target.value),onKeyDown:j=>{j.key==="Enter"&&C.includes("@")&&Y.mutate({email:C,reason:E})},className:"bg-[#0f0f1e] border-[#3a3a55] text-white placeholder:text-gray-600 text-sm flex-1 min-w-[200px]"}),f.jsx(Gu,{placeholder:"سبب الحظر (اختياري)",value:E,onChange:j=>k(j.target.value),className:"bg-[#0f0f1e] border-[#3a3a55] text-white placeholder:text-gray-600 text-sm flex-1 min-w-[150px]"}),f.jsx(Ae,{size:"sm",disabled:Y.isPending||!C.includes("@"),onClick:()=>Y.mutate({email:C,reason:E}),className:"bg-red-700 hover:bg-red-800 text-white text-xs font-bold",children:"🚫 حظر وحذف"})]}),z?.blockedEmails.length===0&&f.jsx("div",{className:"text-xs text-gray-600 text-center py-2",children:"لا توجد بريد محظور"}),(z?.blockedEmails.length??0)>0&&f.jsx("div",{className:"space-y-1 max-h-48 overflow-y-auto",children:z.blockedEmails.map(j=>f.jsxs("div",{className:"flex items-center justify-between rounded-lg bg-[#0f0f1e] px-3 py-2 text-sm",children:[f.jsxs("div",{children:[f.jsx("span",{className:"text-red-300 font-mono text-xs",children:j.email}),j.reason&&f.jsxs("span",{className:"text-gray-500 text-xs mr-2",children:["— ",j.reason]})]}),f.jsx(Ae,{size:"sm",variant:"outline",disabled:Z.isPending,onClick:()=>Z.mutate(j.email),className:"text-xs border-gray-700 text-gray-400 hover:text-white h-6 px-2",children:"رفع الحظر"})]},j.email))})]}),f.jsx("div",{className:"mb-4",children:f.jsx(Gu,{placeholder:"ابحث بالبريد أو المعرّف...",value:c,onChange:j=>h(j.target.value),className:"bg-[#1f1f3a] border-[#3a3a55] text-white placeholder:text-gray-500"})}),fe&&f.jsx("div",{className:"text-center text-gray-400 py-16",children:"جارٍ تحميل المستخدمين..."}),oe&&f.jsxs("div",{className:"text-center text-red-400 py-16",children:["خطأ: ",oe.message]}),!fe&&!oe&&f.jsxs(f.Fragment,{children:[f.jsxs("div",{className:"text-sm text-gray-500 mb-3",children:["إجمالي المستخدمين: ",x.length," | المعروض: ",G.length]}),f.jsx("div",{className:"rounded-xl border border-[#3a3a55] overflow-hidden",children:f.jsxs("table",{className:"w-full text-sm",children:[f.jsx("thead",{className:"bg-[#1f1f3a] text-gray-400",children:f.jsxs("tr",{children:[f.jsx("th",{className:"text-right px-4 py-3",children:"البريد الإلكتروني"}),f.jsx("th",{className:"text-right px-4 py-3",children:"الاشتراك"}),f.jsx("th",{className:"text-right px-4 py-3",children:"عنوان IP"}),f.jsx("th",{className:"text-right px-4 py-3",children:"تاريخ التسجيل"}),f.jsx("th",{className:"text-right px-4 py-3",children:"آخر نشاط"}),f.jsx("th",{className:"text-right px-4 py-3",children:"إجراء"})]})}),f.jsxs("tbody",{children:[G.length===0&&f.jsx("tr",{children:f.jsx("td",{colSpan:5,className:"text-center text-gray-500 py-10",children:"لا يوجد مستخدمون"})}),G.map(j=>{const J=US(j.subscription),ue=j.email?.toLowerCase()===Gh.toLowerCase();return f.jsxs("tr",{style:j.isBanned?{opacity:.7,background:"rgba(234,88,12,0.05)"}:void 0,className:"border-t border-[#2a2a45] hover:bg-[#1a1a30] transition-colors",children:[f.jsxs("td",{className:"px-4 py-3",children:[f.jsxs("div",{className:"font-medium flex items-center gap-2 flex-wrap",children:[j.email??f.jsx("span",{className:"text-gray-500",children:"بدون بريد"}),j.isBanned&&f.jsx("span",{className:"text-xs bg-orange-900/40 text-orange-400 border border-orange-700 rounded px-1.5 py-0.5",children:"🚫 محظور مؤقتاً"})]}),ue&&f.jsx("span",{className:"text-xs text-[#bb86fc]",children:"أنت (المالك)"})]}),f.jsxs("td",{className:"px-4 py-3",children:[f.jsx("span",{className:J.color,children:J.text}),j.subscription?.trialEnd&&j.subscription.status==="trialing"&&f.jsxs("div",{className:"text-xs text-gray-500",children:["تنتهي: ",D6(j.subscription.trialEnd)]})]}),f.jsx("td",{className:"px-4 py-3",children:j.ipAddress?f.jsxs("div",{className:"flex flex-col gap-1",children:[f.jsx("span",{className:"font-mono text-xs text-gray-300 select-all",children:j.ipAddress}),!ue&&f.jsx("button",{className:"text-xs text-red-400 hover:text-red-300 underline text-right",onClick:()=>Y.mutate({email:j.ipAddress,reason:"حظر بالـ IP"}),disabled:Y.isPending,children:"🚫 حظر IP"})]}):f.jsx("span",{className:"text-gray-600 text-xs",children:"—"})}),f.jsx("td",{className:"px-4 py-3 text-gray-400",children:D6(j.createdAt)}),f.jsx("td",{className:"px-4 py-3 text-gray-400",children:j.lastSeenAt?f.jsxs("div",{children:[f.jsx("div",{children:D6(j.lastSeenAt)}),f.jsx("div",{className:"text-xs text-gray-600",children:"يُحدَّث مرة/يوم"})]}):f.jsx("span",{className:"text-gray-600",children:"—"})}),f.jsx("td",{className:"px-4 py-3",children:f.jsxs("div",{className:"flex flex-col gap-1",children:[(j.subscription?.status==="trialing"||ue)&&f.jsx(Ae,{size:"sm",variant:"outline",disabled:ne.isPending,onClick:()=>ne.mutate({userId:j.id,body:{status:"trial_expired",trialEnd:new Date(Date.now()-6e4).toISOString()}}),className:"text-xs border-yellow-700 text-yellow-400 hover:bg-yellow-900/20",children:"⏰ إنهاء التجربة"}),j.subscription&&j.subscription.status!=="trialing"&&f.jsx(Ae,{size:"sm",variant:"outline",disabled:ne.isPending,onClick:()=>ne.mutate({userId:j.id,body:{status:"trialing",trialEnd:new Date(Date.now()+720*3600*1e3).toISOString()}}),className:"text-xs border-blue-700 text-blue-400 hover:bg-blue-900/20",children:"🔄 إعادة التجربة"}),!ue&&(j.isBanned?f.jsx(Ae,{size:"sm",variant:"outline",disabled:D.isPending,onClick:()=>D.mutate(j.id),className:"text-xs border-green-700 text-green-400 hover:bg-green-900/20",children:D.isPending?"⏳":"✅ رفع الحظر"}):f.jsx(Ae,{size:"sm",variant:"outline",disabled:le.isPending,onClick:()=>{confirm(`حظر ${j.email??j.id}؟ سيُسجَّل خروجه فوراً ولن يتمكن من الدخول.`)&&le.mutate(j.id)},className:"text-xs border-orange-700 text-orange-400 hover:bg-orange-900/20",children:le.isPending?"⏳":"🚫 حظر مؤقت"})),!ue&&m===j.id?f.jsxs("div",{className:"flex gap-1",children:[f.jsx(Ae,{size:"sm",variant:"destructive",onClick:()=>ee.mutate(j.id),disabled:ee.isPending,className:"text-xs",children:ee.isPending?"جارٍ...":"تأكيد"}),f.jsx(Ae,{size:"sm",variant:"outline",onClick:()=>b(null),className:"text-xs border-[#3a3a55] text-gray-300",children:"إلغاء"})]}):ue?null:f.jsx(Ae,{size:"sm",variant:"outline",onClick:()=>b(j.id),className:"text-xs border-red-800 text-red-400 hover:bg-red-900/20",children:"حذف الحساب"})]})})]},j.id)})]})]})})]})]})})}const Lg=A.forwardRef(({className:u,...i},s)=>f.jsx("div",{ref:s,className:vt("rounded-xl border bg-card text-card-foreground shadow",u),...i}));Lg.displayName="Card";const QS=A.forwardRef(({className:u,...i},s)=>f.jsx("div",{ref:s,className:vt("flex flex-col space-y-1.5 p-6",u),...i}));QS.displayName="CardHeader";const XS=A.forwardRef(({className:u,...i},s)=>f.jsx("div",{ref:s,className:vt("font-semibold leading-none tracking-tight",u),...i}));XS.displayName="CardTitle";const WS=A.forwardRef(({className:u,...i},s)=>f.jsx("div",{ref:s,className:vt("text-sm text-muted-foreground",u),...i}));WS.displayName="CardDescription";const Bg=A.forwardRef(({className:u,...i},s)=>f.jsx("div",{ref:s,className:vt("p-6 pt-0",u),...i}));Bg.displayName="CardContent";const ZS=A.forwardRef(({className:u,...i},s)=>f.jsx("div",{ref:s,className:vt("flex items-center p-6 pt-0",u),...i}));ZS.displayName="CardFooter";function $S(){return f.jsx("div",{className:"min-h-screen w-full flex items-center justify-center bg-gray-50",children:f.jsx(Lg,{className:"w-full max-w-md mx-4",children:f.jsxs(Bg,{className:"pt-6",children:[f.jsxs("div",{className:"flex mb-4 gap-2",children:[f.jsx(E7,{className:"h-8 w-8 text-red-500"}),f.jsx("h1",{className:"text-2xl font-bold text-gray-900",children:"404 Page Not Found"})]}),f.jsx("p",{className:"mt-4 text-sm text-gray-600",children:"Did you forget to add the page to the router?"})]})})})}async function JS(){const u=await fetch("/api/extension-update");return u.ok?u.json():{updateAvailable:!1,version:null,message:null}}function e5(u,i){const s=u.split(".").map(Number),r=i.split(".").map(Number);for(let o=0;o<Math.max(s.length,r.length);o++){const c=(s[o]??0)-(r[o]??0);if(c!==0)return c}return 0}function t5(){return new Promise(u=>{const i=`ping-${Date.now()}`,s=setTimeout(()=>{window.removeEventListener("message",r),u(null)},2e3);function r(o){if(o.source!==window)return;const c=o.data;if(c){if(c.source==="fbpub-bridge"&&c.event==="ready"){clearTimeout(s),window.removeEventListener("message",r),u(c.version??null);return}c.source==="fbpub-bridge"&&c.requestId===i&&(clearTimeout(s),window.removeEventListener("message",r),u(c.response?.version??null))}}window.addEventListener("message",r),window.postMessage({source:"fbpub-web",requestId:i,action:"ping",payload:{}},"*")})}function u5(){const[,u]=kr(),[i,s]=A.useState(null),[r,o]=A.useState(!1),{data:c}=ta({queryKey:["extension-update"],queryFn:JS,refetchInterval:1800*1e3,staleTime:1500*1e3});if(A.useEffect(()=>{t5().then(m=>{s(m),o(!0)})},[]),!c?.updateAvailable||!r||c.version&&i&&e5(i,c.version)>=0)return null;const h=c.version?`تحديث جديد v${c.version}`:"تحديث جديد متاح";return f.jsxs("div",{className:"fixed bottom-5 left-5 z-50",dir:"rtl",children:[f.jsxs("button",{onClick:()=>u("/extension"),className:"relative flex flex-col items-start gap-0.5 rounded-2xl px-4 py-3 text-white shadow-xl transition-transform hover:scale-105 active:scale-95",style:{background:"linear-gradient(135deg, #bb86fc 0%, #6200ee 100%)",animation:"pulse-glow 2s infinite"},children:[f.jsxs("div",{className:"flex items-center gap-2 font-bold text-sm",children:[f.jsxs("span",{className:"relative flex h-3 w-3",children:[f.jsx("span",{className:"absolute inline-flex h-full w-full rounded-full opacity-75 bg-white",style:{animation:"ping 1.2s cubic-bezier(0,0,0.2,1) infinite"}}),f.jsx("span",{className:"relative inline-flex h-3 w-3 rounded-full bg-white"})]}),"🔔 ",h]}),c.message&&f.jsx("div",{className:"text-xs text-white/80 pr-5",children:c.message})]}),f.jsx("style",{children:`
+        @keyframes pulse-glow {
+          0%, 100% { box-shadow: 0 0 12px 3px rgba(187,134,252,0.6); }
+          50%       { box-shadow: 0 0 28px 10px rgba(187,134,252,0.3); }
+        }
+        @keyframes ping {
+          75%, 100% { transform: scale(2); opacity: 0; }
+        }
+      `})]})}const n5="pk_test_c3VtbWFyeS1yZWRmaXNoLTU4LmNsZXJrLmFjY291bnRzLmRldiQ",i5=void 0,Mt="/".replace(/\/$/,"");function Kh(u){return Mt&&u.startsWith(Mt)?u.slice(Mt.length)||"/":u}const a5={theme:BA.shadcn,cssLayerName:"clerk",options:{logoPlacement:"inside",logoLinkUrl:Mt||"/",logoImageUrl:`${window.location.origin}${Mt}/logo.svg`},variables:{colorPrimary:"#bb86fc",colorForeground:"#f5f5f7",colorMutedForeground:"#a8a8b3",colorDanger:"#ff6b6b",colorBackground:"#16162a",colorInput:"#1f1f3a",colorInputForeground:"#f5f5f7",colorNeutral:"#3a3a55",fontFamily:'"Tajawal", "Inter", system-ui, sans-serif',borderRadius:"12px"},elements:{rootBox:"w-full",cardBox:"bg-[#16162a] rounded-2xl w-[440px] max-w-full overflow-hidden border border-[#3a3a55]/40",card:"!shadow-none !border-0 !bg-transparent !rounded-none",footer:"!shadow-none !border-0 !bg-transparent !rounded-none",headerTitle:"text-white",headerSubtitle:"text-gray-300",socialButtonsBlockButtonText:"text-white",formFieldLabel:"text-gray-200",footerActionLink:"text-[#bb86fc] hover:text-[#d4b3ff]",footerActionText:"text-gray-300",dividerText:"text-gray-400",identityPreviewEditButton:"text-[#bb86fc]",formFieldSuccessText:"text-green-300",alertText:"text-gray-200",logoBox:"mb-2",logoImage:"h-10 w-10",socialButtonsBlockButton:"bg-[#1f1f3a] hover:bg-[#2a2a4a] border border-[#3a3a55] text-white",formButtonPrimary:"btn-primary-grad",formFieldInput:"bg-[#1f1f3a] border-[#3a3a55] text-white",footerAction:"text-gray-300",dividerLine:"bg-[#3a3a55]",alert:"bg-[#1f1f3a] border-[#3a3a55]",otpCodeFieldInput:"bg-[#1f1f3a] border-[#3a3a55] text-white",main:"text-white"}};function r5(){return f.jsx("div",{className:"flex min-h-[100dvh] items-center justify-center px-4",children:f.jsx(ky,{routing:"path",path:`${Mt}/sign-in`,signUpUrl:`${Mt}/sign-up`,forceRedirectUrl:`${Mt}/app`})})}function s5(){return f.jsx("div",{className:"flex min-h-[100dvh] items-center justify-center px-4",children:f.jsxs("div",{className:"w-full max-w-md space-y-4",children:[f.jsx(Dy,{routing:"path",path:`${Mt}/sign-up`,signInUrl:`${Mt}/sign-in`,forceRedirectUrl:`${Mt}/app`}),f.jsxs("div",{className:"rounded-lg border border-red-500/30 bg-red-950/20 p-3 text-center text-sm text-red-300 backdrop-blur-sm",children:["⚠️ ",f.jsx("strong",{children:"تنبيه هام لمكافحة السبام والرسائل المزعجة (Spam):"})," ","التسجيل باستخدام البريد الإلكتروني المؤقت (مثل"," ",f.jsx("code",{className:"rounded bg-red-950/40 px-1",children:"tempumail.art"}),") ممنوع تمامًا وسيؤدي إلى ",f.jsx("strong",{children:"حظر الحساب فور اكتشافه"}),". يُرجى استخدام بريد إلكتروني حقيقي ودائم."]})]})})}function o5(){return f.jsxs(f.Fragment,{children:[f.jsx(na,{when:"signed-in",children:f.jsx(kS,{})}),f.jsx(na,{when:"signed-out",children:f.jsx(cc,{to:"/sign-in"})})]})}function l5(){return f.jsxs(f.Fragment,{children:[f.jsx(na,{when:"signed-in",children:f.jsx(OS,{})}),f.jsx(na,{when:"signed-out",children:f.jsx(cc,{to:"/sign-in"})})]})}function c5(){return f.jsxs(f.Fragment,{children:[f.jsx(na,{when:"signed-in",children:f.jsx(RS,{})}),f.jsx(na,{when:"signed-out",children:f.jsx(cc,{to:"/sign-in"})})]})}function d5(){const[u,i]=A.useState(!1);return A.useEffect(()=>{let s;const r=()=>{s=setTimeout(()=>i(!0),4e3),fetch("/api/healthz",{cache:"no-store"}).then(()=>{clearTimeout(s),i(!1)}).catch(()=>{clearTimeout(s),i(!1)})};r();const o=setInterval(r,600*1e3);return()=>{clearInterval(o),clearTimeout(s)}},[]),u?f.jsx("div",{className:"fixed inset-0 z-[9999] flex items-center justify-center bg-[#16162a]/90 backdrop-blur-sm",dir:"rtl",children:f.jsxs("div",{className:"bg-[#1f1f3a] border border-[#3a3a55] rounded-2xl p-8 text-center max-w-sm mx-4 shadow-2xl",children:[f.jsx("div",{className:"text-5xl mb-4",children:"⚙️"}),f.jsx("h2",{className:"text-white text-xl font-bold mb-2",children:"جاري تشغيل الخادم…"}),f.jsxs("p",{className:"text-gray-400 text-sm leading-relaxed",children:["الخادم كان في وضع السكون.",f.jsx("br",{}),"يستغرق الأمر بضع ثوانٍ، شكراً لصبرك."]}),f.jsx("div",{className:"mt-5 flex justify-center gap-2",children:[0,1,2].map(s=>f.jsx("div",{className:"w-2.5 h-2.5 bg-[#bb86fc] rounded-full animate-bounce",style:{animationDelay:`${s*.18}s`}},s))})]})}):null}function f5(){const{getToken:u}=Am();return A.useEffect(()=>(oh(()=>u()),()=>oh(null)),[u]),null}function h5(){const{addListener:u}=am(),i=jo(),s=A.useRef(void 0);return A.useEffect(()=>u(({user:o})=>{const c=o?.id??null;s.current!==void 0&&s.current!==c&&i.clear(),s.current=c}),[u,i]),null}function m5(){const[,u]=kr();return f.jsx(Mm,{publishableKey:n5,proxyUrl:i5,appearance:a5,signInUrl:`${Mt}/sign-in`,signUpUrl:`${Mt}/sign-up`,localization:{...hr,formFieldInputPlaceholder__emailAddress:"أدخل بريدك الإلكتروني",signIn:{...hr.signIn,start:{...hr.signIn?.start,title:"تسجيل الدخول",subtitle:"أدخل بياناتك للوصول إلى حسابك"}},signUp:{...hr.signUp,start:{...hr.signUp?.start,title:"إنشاء حساب جديد",subtitle:"ابدأ تجربتك المجانية لمدة شهر كامل"}},signIn__forgotPasswordLink:"نسيت كلمة المرور؟"},routerPush:i=>u(Kh(i)),routerReplace:i=>u(Kh(i),{replace:!0}),children:f.jsxs(d_,{client:_x,children:[f.jsx(d5,{}),f.jsx(f5,{}),f.jsx(h5,{}),f.jsxs(eS,{children:[f.jsxs(Ax,{children:[f.jsx(Yu,{path:"/",component:mS}),f.jsx(Yu,{path:"/sign-in/*?",component:r5}),f.jsx(Yu,{path:"/sign-up/*?",component:s5}),f.jsx(Yu,{path:"/app",component:o5}),f.jsx(Yu,{path:"/subscription",component:l5}),f.jsx(Yu,{path:"/subscription/return",component:NS}),f.jsx(Yu,{path:"/extension",component:c5}),f.jsx(Yu,{path:"/admin",component:KS}),f.jsx(Yu,{component:$S})]}),f.jsx(u5,{}),f.jsx(A1,{})]})]})})}function p5(){return f.jsx(op,{base:Mt,children:f.jsx(m5,{})})}document.documentElement.classList.add("dark");document.documentElement.lang="ar";document.documentElement.dir="rtl";W6.createRoot(document.getElementById("root")).render(f.jsx(p5,{}));
diff --git a/artifacts/fb-publisher/dist/public/extension/background.js b/artifacts/fb-publisher/dist/public/extension/background.js
new file mode 100644
index 0000000000000000000000000000000000000000..dd9a3e4bbf2bdc440ec73c929524f248dc5468ef
--- /dev/null
+++ b/artifacts/fb-publisher/dist/public/extension/background.js
@@ -0,0 +1 @@
+const DEFAULT_APP_URL='https://social-media-bridge-s2555.replit.app/app';function bgLogError(_0x24e1e7,_0x445805,_0x623bd3={}){console['error']('❌\x20[BG]['+_0x24e1e7+']',_0x445805,_0x623bd3);}function bgLogInfo(_0x2f6de9,_0x425659,_0x2400a5={}){console['log']('✅\x20[BG]['+_0x2f6de9+']',_0x425659,_0x2400a5);}const USER_CONFIG={'userId':null,'doc_id_groups':'3884641628300421','doc_id_post_text':'3559434960802556','doc_id_post_photo':'25528973250111023','fb_dtsg':null,'lsd':null,'jazoest':'25415','upload_id':'jsc_c_9','targetGroupId':null};let publishCancelled=![],isPublishingNow=![],activePublishImages=[],appTabId=null,currentPublishTabId=null,resolveStorageReady;const storageReady=new Promise(_0x2637a7=>{resolveStorageReady=_0x2637a7;});chrome['storage']['local']['get'](['fb_dtsg','lsd','targetGroupId','publishCancelled','userId'],_0x4b579e=>{if(_0x4b579e['fb_dtsg'])USER_CONFIG['fb_dtsg']=_0x4b579e['fb_dtsg'];if(_0x4b579e['lsd'])USER_CONFIG['lsd']=_0x4b579e['lsd'];if(_0x4b579e['userId'])USER_CONFIG['userId']=_0x4b579e['userId'];if(_0x4b579e['targetGroupId'])USER_CONFIG['targetGroupId']=_0x4b579e['targetGroupId'];_0x4b579e['publishCancelled']&&(publishCancelled=_0x4b579e['publishCancelled'],chrome['storage']['local']['set']({'publishCancelled':![]})),bgLogInfo('init','تم\x20تحميل\x20البيانات\x20المخزنة'),resolveStorageReady();});function randomDelay(){return Math['floor'](Math['random']()*(0x95-0x3e+0x1))+0x3e;}function getFacebookUserId(){return new Promise(_0x2d8a66=>{chrome['cookies']['get']({'url':'https://www.facebook.com','name':'c_user'},_0x532d4e=>{_0x532d4e&&_0x532d4e['value']?(bgLogInfo('cookies','تم\x20العثور\x20على\x20c_user:\x20'+_0x532d4e['value']),_0x2d8a66(_0x532d4e['value'])):(bgLogInfo('cookies','لم\x20يتم\x20العثور\x20على\x20c_user\x20-\x20قد\x20لا\x20يكون\x20المستخدم\x20مسجل\x20الدخول'),_0x2d8a66(null));});});}function parseDtsgFromText(_0x352e66){let _0x6236ee=null,_0x971753=null,_0x375ee2=_0x352e66['match'](/DTSGInitialData[^{]*\{[^}]*"token"\s*:\s*"([^"]+)"/);if(_0x375ee2)_0x6236ee=_0x375ee2[0x1];if(!_0x6236ee){_0x375ee2=_0x352e66['match'](/\["fb_dtsg"\s*,\s*\[\]\s*,\s*\{\s*"token"\s*:\s*"([^"]+)"/);if(_0x375ee2)_0x6236ee=_0x375ee2[0x1];}if(!_0x6236ee){_0x375ee2=_0x352e66['match'](/"fb_dtsg"\s*:\s*"([A-Za-z0-9_\-:\.]{10,120})"/);if(_0x375ee2)_0x6236ee=_0x375ee2[0x1];}if(!_0x6236ee){_0x375ee2=_0x352e66['match'](/fb_dtsg["']\s*[,:]\s*["']([^"']{10,120})/);if(_0x375ee2)_0x6236ee=_0x375ee2[0x1];}if(!_0x6236ee){_0x375ee2=_0x352e66['match'](/DTSGInitializer\s*\(\s*\{[^}]*"token"\s*:\s*"([^"]+)"/);if(_0x375ee2)_0x6236ee=_0x375ee2[0x1];}_0x375ee2=_0x352e66['match'](/\["LSD"\s*,\s*\[\]\s*,\s*\{\s*"token"\s*:\s*"([^"]+)"/);if(_0x375ee2)_0x971753=_0x375ee2[0x1];if(!_0x971753){_0x375ee2=_0x352e66['match'](/"LSD"\s*,\s*\[\s*\]\s*,\s*\{\s*"token"\s*:\s*"([^"]+)"/);if(_0x375ee2)_0x971753=_0x375ee2[0x1];}return{'fb_dtsg':_0x6236ee,'lsd':_0x971753};}async function extractFbDtsg(_0x258cbb){return new Promise(_0x45919e=>{chrome['scripting']['executeScript']({'target':{'tabId':_0x258cbb},'func':()=>{let _0x514d7c=null,_0x381c4f=null;const _0x5aa70f=document['querySelector']('input[name=\x22fb_dtsg\x22]');if(_0x5aa70f&&_0x5aa70f['value'])_0x514d7c=_0x5aa70f['value'];const _0x1c5bf7=document['querySelector']('input[name=\x22lsd\x22]');if(_0x1c5bf7&&_0x1c5bf7['value'])_0x381c4f=_0x1c5bf7['value'];const _0x235787=document['documentElement']['innerHTML'];if(!_0x514d7c){let _0x24158e=_0x235787['match'](/DTSGInitialData[^{]*\{[^}]*"token"\s*:\s*"([^"]+)"/);if(_0x24158e)_0x514d7c=_0x24158e[0x1];}if(!_0x514d7c){let _0x269bc2=_0x235787['match'](/\["fb_dtsg"\s*,\s*\[\]\s*,\s*\{\s*"token"\s*:\s*"([^"]+)"/);if(_0x269bc2)_0x514d7c=_0x269bc2[0x1];}if(!_0x514d7c){let _0xd3123=_0x235787['match'](/"fb_dtsg"\s*:\s*"([A-Za-z0-9_\-:\.]{10,120})"/);if(_0xd3123)_0x514d7c=_0xd3123[0x1];}if(!_0x514d7c){const _0x52ce8a=document['querySelectorAll']('script');for(let _0x5ca0b7 of _0x52ce8a){const _0x219c3b=_0x5ca0b7['textContent'];if(!_0x219c3b)continue;let _0x5b3b59=_0x219c3b['match'](/DTSGInitialData[^}]*token["']\s*:\s*["']([^"']+)["']/);if(_0x5b3b59&&_0x5b3b59[0x1]){_0x514d7c=_0x5b3b59[0x1];break;}_0x5b3b59=_0x219c3b['match'](/fb_dtsg["']\s*:\s*["']([^"']+)["']/);if(_0x5b3b59&&_0x5b3b59[0x1]){_0x514d7c=_0x5b3b59[0x1];break;}_0x5b3b59=_0x219c3b['match'](/["']fb_dtsg["']\s*,\s*["']([^"']+)["']/);if(_0x5b3b59&&_0x5b3b59[0x1]){_0x514d7c=_0x5b3b59[0x1];break;}_0x5b3b59=_0x219c3b['match'](/DTSGInitializer[^)]*"token"\s*:\s*"([^"]+)"/);if(_0x5b3b59&&_0x5b3b59[0x1]){_0x514d7c=_0x5b3b59[0x1];break;}}}if(!_0x381c4f){let _0x34f649=_0x235787['match'](/\["LSD"\s*,\s*\[\]\s*,\s*\{\s*"token"\s*:\s*"([^"]+)"/);if(_0x34f649)_0x381c4f=_0x34f649[0x1];}if(!_0x381c4f){let _0xe7e267=_0x235787['match'](/["']LSD["']\s*,\s*\[\s*\]\s*,\s*\{\s*["']token["']\s*:\s*["']([^"']+)["']/);if(_0xe7e267)_0x381c4f=_0xe7e267[0x1];}return{'fb_dtsg':_0x514d7c,'lsd':_0x381c4f};}},_0x369f7e=>{if(_0x369f7e&&_0x369f7e[0x0]&&_0x369f7e[0x0]['result'])_0x45919e(_0x369f7e[0x0]['result']);else _0x45919e({'fb_dtsg':null,'lsd':null});});});}async function extractFbDtsgViaFetch(){try{bgLogInfo('fetchDtsg','محاولة\x20استخراج\x20DTSG\x20عبر\x20fetch...');const _0x182377=await fetch('https://www.facebook.com/',{'credentials':'include','headers':{'Accept':'text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8','Accept-Language':'ar,en-US;q=0.9,en;q=0.8','Cache-Control':'no-cache'}});if(!_0x182377['ok'])return bgLogInfo('fetchDtsg','HTTP\x20error:\x20'+_0x182377['status']),{'fb_dtsg':null,'lsd':null};const _0x2afc96=await _0x182377['text'](),_0x3dbc1f=parseDtsgFromText(_0x2afc96);return bgLogInfo('fetchDtsg',_0x3dbc1f['fb_dtsg']?'✅\x20نجح\x20الاستخراج\x20عبر\x20fetch':'❌\x20لم\x20يُعثر\x20على\x20DTSG\x20في\x20fetch'),_0x3dbc1f;}catch(_0x10d493){return bgLogInfo('fetchDtsg','فشل\x20fetch:\x20'+_0x10d493['message']),{'fb_dtsg':null,'lsd':null};}}async function ensureFacebookAndCaptureKeys(){return new Promise(async _0x3fc6b0=>{bgLogInfo('autoCapture','بدء\x20عملية\x20التحقق\x20من\x20فيسبوك\x20واصطياد\x20المفاتيح\x20تلقائياً');const _0x123e56=await getFacebookUserId();if(!_0x123e56){_0x3fc6b0({'success':![],'error':'not_logged_in','message':'يجب\x20تسجيل\x20الدخول\x20إلى\x20فيسبوك\x20أولاً.\x20هل\x20تريد\x20فتح\x20فيسبوك\x20الآن؟'});return;}USER_CONFIG['userId']=_0x123e56,bgLogInfo('autoCapture','تم\x20التعرف\x20على\x20الحساب:\x20'+_0x123e56);const _0x143a37=await chrome['tabs']['query']({'url':['*://*.facebook.com/*','*://*.web.facebook.com/*']});let _0x3f33d4=null;if(_0x143a37['length']===0x0){bgLogInfo('autoCapture','لا\x20يوجد\x20تبويب\x20فيسبوك\x20مفتوح،\x20جاري\x20فتح\x20تبويب\x20جديد...');const _0xc738e0=await chrome['tabs']['create']({'url':'https://www.facebook.com','active':!![]});_0x3f33d4=_0xc738e0['id'],await new Promise(_0x57712a=>setTimeout(_0x57712a,0x1388));}else _0x3f33d4=_0x143a37[0x0]['id'],bgLogInfo('autoCapture','تم\x20العثور\x20على\x20تبويب\x20فيسبوك\x20مفتوح:\x20'+_0x3f33d4);let _0x226f0f=await extractFbDtsg(_0x3f33d4);if(!_0x226f0f['fb_dtsg']){bgLogInfo('autoCapture','المحاولة\x201\x20فشلت\x20—\x20جاري\x20استخراج\x20DTSG\x20عبر\x20fetch\x20مباشر...');const _0x3026f4=await extractFbDtsgViaFetch();if(_0x3026f4['fb_dtsg'])_0x226f0f=_0x3026f4,bgLogInfo('autoCapture','✅\x20نجح\x20استخراج\x20DTSG\x20عبر\x20fetch');else{bgLogInfo('autoCapture','المحاولة\x202\x20فشلت\x20—\x20جاري\x20تحديث\x20صفحة\x20فيسبوك...'),await chrome['tabs']['reload'](_0x3f33d4),await new Promise(_0x351209=>setTimeout(_0x351209,0x1770));const _0x5adbbb=await extractFbDtsg(_0x3f33d4);if(_0x5adbbb['fb_dtsg'])_0x226f0f=_0x5adbbb,bgLogInfo('autoCapture','✅\x20نجح\x20استخراج\x20DTSG\x20بعد\x20إعادة\x20التحميل');else{const _0xc9cb93=await extractFbDtsgViaFetch();if(!_0xc9cb93['fb_dtsg']){_0x3fc6b0({'success':![],'error':'no_fb_dtsg','message':'لم\x20يتم\x20العثور\x20على\x20مفاتيح\x20فيسبوك.\x20تأكد\x20من\x20أنك\x20مسجل\x20الدخول\x20في\x20فيسبوك\x20بنفس\x20المتصفح\x20وأن\x20الصفحة\x20محملة\x20بالكامل.'});return;}_0x226f0f=_0xc9cb93;}}}USER_CONFIG['fb_dtsg']=_0x226f0f['fb_dtsg'],USER_CONFIG['lsd']=_0x226f0f['lsd'],chrome['storage']['local']['set']({'fb_dtsg':_0x226f0f['fb_dtsg'],'lsd':_0x226f0f['lsd'],'userId':_0x123e56}),bgLogInfo('autoCapture','✅\x20تم\x20اصطياد\x20المفاتيح\x20بنجاح\x20تلقائياً'),_0x3fc6b0({'success':!![],'userId':_0x123e56,'tabId':_0x3f33d4});});}async function uploadImage(_0xac0cfb,_0x1d2148,_0x59a0d2){return new Promise(_0x474830=>{bgLogInfo('upload','رفع\x20الصورة:\x20'+_0x59a0d2),chrome['scripting']['executeScript']({'target':{'tabId':_0xac0cfb},'func':(_0x38b99f,_0x516758,_0x3d7ae7)=>{return new Promise(_0x506a82=>{try{const _0x3301d9=atob(_0x516758['split'](',')[0x1]),_0x4ed531=_0x516758['split'](',')[0x0]['split'](':')[0x1]['split'](';')[0x0],_0x3026b6=new ArrayBuffer(_0x3301d9['length']),_0x241b8e=new Uint8Array(_0x3026b6);for(let _0x5d3531=0x0;_0x5d3531<_0x3301d9['length'];_0x5d3531++)_0x241b8e[_0x5d3531]=_0x3301d9['charCodeAt'](_0x5d3531);const _0xc96fb0=new Blob([_0x3026b6],{'type':_0x4ed531}),_0x462d1c=new FormData();_0x462d1c['append']('fb_dtsg',_0x38b99f['fb_dtsg']),_0x462d1c['append']('profile_id',_0x38b99f['userId']),_0x462d1c['append']('source','8'),_0x462d1c['append']('waterfallxapp','comet'),_0x462d1c['append']('farr',_0xc96fb0,_0x3d7ae7),_0x462d1c['append']('upload_id',_0x38b99f['upload_id']);const _0x4bdea4=(0x61a8+Math['floor'](Math['random']()*0x3e8))['toString']();_0x462d1c['append']('jazoest',_0x4bdea4);const _0x174a13='https://upload.facebook.com/ajax/react_composer/attachments/photo/upload?av='+_0x38b99f['userId']+'&__user='+_0x38b99f['userId']+'&__a=1&fb_dtsg='+_0x38b99f['fb_dtsg'];fetch(_0x174a13,{'method':'OPTIONS','credentials':'include'})['then'](()=>fetch(_0x174a13,{'method':'POST','credentials':'include','body':_0x462d1c,'headers':{'Accept':'*/*','Origin':'https://upload.facebook.com','Referer':'https://upload.facebook.com/'}}))['then'](async _0x3c89f3=>{const _0x579084=await _0x3c89f3['text']();let _0x3e6a24=null;const _0x1f05a6=_0x579084['match'](/"photoID":"(\d+)"/);if(_0x1f05a6)_0x3e6a24=_0x1f05a6[0x1];if(!_0x3e6a24){const _0x32c148=_0x579084['match'](/photoID["']\s*:\s*["'](\d+)["']/);if(_0x32c148)_0x3e6a24=_0x32c148[0x1];}if(!_0x3e6a24){const _0x474a45=_0x579084['match'](/fbid["']\s*:\s*["'](\d+)["']/);if(_0x474a45)_0x3e6a24=_0x474a45[0x1];}_0x3e6a24?_0x506a82({'success':!![],'photoId':_0x3e6a24}):_0x506a82({'success':![],'error':'لم\x20يتم\x20استخراج\x20photoID'});})['catch'](_0x20d224=>_0x506a82({'success':![],'error':_0x20d224['message']}));}catch(_0x3490e8){_0x506a82({'success':![],'error':_0x3490e8['message']});}});},'args':[USER_CONFIG,_0x1d2148,_0x59a0d2]},_0x39cd81=>{if(_0x39cd81&&_0x39cd81[0x0]&&_0x39cd81[0x0]['result'])_0x474830(_0x39cd81[0x0]['result']);else _0x474830({'success':![],'error':'فشل\x20تنفيذ\x20السكربت'});});});}async function checkPostStatus(_0x2d3027,_0x50a17a){return new Promise(_0x2c15ef=>{if(!_0x50a17a){_0x2c15ef({'isPending':![],'isPublic':![]});return;}bgLogInfo('checkStatus','فحص\x20حالة\x20المنشور:\x20'+_0x50a17a),chrome['scripting']['executeScript']({'target':{'tabId':_0x2d3027},'func':_0x4e81b4=>{return new Promise(_0x22c7a4=>{fetch(_0x4e81b4,{'credentials':'include','headers':{'Accept':'text/html'}})['then'](_0x4c2581=>_0x4c2581['text']())['then'](_0xff3860=>{const _0x4b0051=_0xff3860['includes']('pending_post')||_0xff3860['includes']('في\x20انتظار\x20موافقة\x20المسؤول')||_0xff3860['includes']('Your\x20post\x20is\x20pending')||_0xff3860['includes']('منشورك\x20في\x20الانتظار')||_0xff3860['includes']('waiting\x20for\x20admin\x20approval')||_0xff3860['includes']('pending\x20approval')||_0xff3860['includes']('قيد\x20المراجعة')||_0xff3860['includes']('تحت\x20المراجعة')||_0xff3860['includes']('في\x20انتظار\x20المراجعة'),_0x2a3084=_0xff3860['includes']('\x22reaction_count\x22')||_0xff3860['includes']('like_button')||_0xff3860['includes']('comment_list')||_0xff3860['includes']('\x22comment_count\x22'),_0x36a984=_0xff3860['includes']('pending_post_footer_title');_0x22c7a4({'isPending':_0x4b0051||_0x36a984,'isPublic':_0x2a3084&&!_0x4b0051&&!_0x36a984,'hasPendingFooter':_0x36a984});})['catch'](()=>_0x22c7a4({'isPending':![],'isPublic':![]}));});},'args':[_0x50a17a]},_0x24a22f=>{if(_0x24a22f&&_0x24a22f[0x0]&&_0x24a22f[0x0]['result']){const _0x38d39f=_0x24a22f[0x0]['result'];bgLogInfo('checkStatus','نتيجة\x20الفحص:\x20معلق='+_0x38d39f['isPending']+',\x20footer='+_0x38d39f['hasPendingFooter']),_0x2c15ef(_0x38d39f);}else _0x2c15ef({'isPending':![],'isPublic':![]});});});}async function publishToGroup(_0x2b0d43,_0x5d4f89,_0x50bcdf,_0x188103){return new Promise(_0x48b08a=>{if(!_0x188103){_0x48b08a({'success':![],'error':'لم\x20يتم\x20تحديد\x20المجموعة'});return;}const _0x3e089a=_0x50bcdf&&_0x50bcdf['length']>0x0,_0x4c9cae=_0x3e089a?USER_CONFIG['doc_id_post_photo']:USER_CONFIG['doc_id_post_text'];bgLogInfo('publish','نشر\x20في:\x20'+_0x188103+'\x20('+(_0x3e089a?'مع\x20صور':'نص\x20فقط')+')'),chrome['scripting']['executeScript']({'target':{'tabId':_0x2b0d43},'func':(_0x4d132f,_0x1dd120,_0x29668e,_0x2e1828,_0x3ead20)=>{return new Promise(_0x504c13=>{const _0x53b16e=_0x29668e&&_0x29668e['length']>0x0,_0x4a7cda={'input':{'source':'WWW','attachments':_0x53b16e?_0x29668e['map'](_0x4f8588=>({'photo':{'id':_0x4f8588}})):[],'message':{'ranges':[],'text':_0x1dd120||''},'inline_activities':[],'explicit_place_id':'0','tracking':[null],'audience':{'to_id':_0x2e1828},'actor_id':_0x4d132f['userId'],'client_mutation_id':(Date['now']()+Math['floor'](Math['random']()*0xf4240))['toString']()}},_0x3eb40e=new FormData();_0x3eb40e['append']('av',_0x4d132f['userId']),_0x3eb40e['append']('__user',_0x4d132f['userId']),_0x3eb40e['append']('__a','1'),_0x3eb40e['append']('fb_dtsg',_0x4d132f['fb_dtsg']),_0x3eb40e['append']('variables',JSON['stringify'](_0x4a7cda)),_0x3eb40e['append']('doc_id',_0x3ead20),_0x3eb40e['append']('jazoest',_0x4d132f['jazoest']);const _0x21a9ce=Math['floor'](Math['random']()*(0xbb8-0x3e8+0x1))+0x3e8;new Promise(_0x1b75a1=>setTimeout(_0x1b75a1,_0x21a9ce))['then'](()=>fetch('https://www.facebook.com/api/graphql/',{'method':'OPTIONS','credentials':'include','headers':{'Accept':'*/*','Origin':'https://www.facebook.com','Referer':'https://www.facebook.com/groups/'+_0x2e1828+'/'}}))['then'](()=>fetch('https://www.facebook.com/api/graphql/',{'method':'POST','credentials':'include','body':_0x3eb40e,'headers':{'Accept':'*/*','Origin':'https://www.facebook.com','Referer':'https://www.facebook.com/groups/'+_0x2e1828+'/'}}))['then'](_0x2584bf=>_0x2584bf['text']())['then'](_0x14817f=>{let _0x24d44d=null,_0xe64cf4=null,_0x5c6345=null;const _0x5b89ca=_0x14817f['match'](/"legacy_story_hideable_id":"(\d+)"/);_0x5b89ca&&(_0xe64cf4=_0x5b89ca[0x1],_0x5c6345='https://www.facebook.com/groups/'+_0x2e1828+'/posts/'+_0xe64cf4+'/');if(!_0xe64cf4){const _0x193eb9=_0x14817f['match'](/"story_id":"([^"]+)"/);_0x193eb9&&(_0x24d44d=_0x193eb9[0x1],_0x5c6345='https://www.facebook.com/groups/'+_0x2e1828+'/permalink/'+_0x24d44d+'/');}if(!_0xe64cf4&&!_0x24d44d){const _0x2117de=_0x14817f['match'](/"story":\s*\{\s*"id":\s*"([^"]+)"/);_0x2117de&&(_0x24d44d=_0x2117de[0x1],_0x5c6345='https://www.facebook.com/groups/'+_0x2e1828+'/permalink/'+_0x24d44d+'/');}if(!_0x5c6345){const _0x7ec12a=_0x14817f['match'](/"url":"([^"]+)\/posts\/(\d+)\/"/);_0x7ec12a&&(_0x5c6345=_0x7ec12a[0x0]['replace'](/.*"url":"/,'')['replace'](/".*/,''),_0x5c6345=_0x5c6345['replace'](/\\\//g,'/'));}const _0x925c85=_0x14817f['includes']('\x22story_id\x22')||_0x14817f['includes']('\x22story\x22')||_0x14817f['includes']('\x22legacy_story_hideable_id\x22'),_0x234d6c=_0x14817f['includes']('pending_post_footer_title')||_0x14817f['includes']('/pending_posts/');let _0x2a6951=![],_0x20d21b=![];if(_0x5c6345)_0x2a6951=!![],_0x20d21b=![];else{if(_0x925c85)_0x2a6951=!![],_0x20d21b=!![];else _0x234d6c?(_0x2a6951=![],_0x20d21b=!![]):(_0x2a6951=![],_0x20d21b=![]);}_0x504c13({'success':_0x2a6951,'pending':_0x20d21b,'story_id':_0xe64cf4||_0x24d44d,'post_url':_0x5c6345,'raw_response':_0x14817f['substring'](0x0,0x1f4)});})['catch'](_0x31fb6c=>_0x504c13({'success':![],'pending':![],'error':_0x31fb6c['message'],'post_url':null}));});},'args':[USER_CONFIG,_0x5d4f89,_0x50bcdf,_0x188103,_0x4c9cae]},_0x3689f0=>{if(_0x3689f0&&_0x3689f0[0x0])_0x48b08a(_0x3689f0[0x0]['result']);else _0x48b08a({'success':![],'error':'فشل\x20تنفيذ\x20النشر','post_url':null});});});}async function fetchAllGroups(_0x32a1f6){return new Promise(_0x28285d=>{let _0x529030=new Map(),_0x3b9744=null,_0x168e92=0x14,_0x8fe240=0x0,_0x35172b=null;const _0x5a1c1f=()=>{_0x8fe240++;if(_0x8fe240>_0x168e92){const _0x416bed=Array['from'](_0x529030['values']());_0x416bed['sort']((_0x441744,_0x25ecca)=>_0x441744['isAdmin']===_0x25ecca['isAdmin']?0x0:_0x441744['isAdmin']?-0x1:0x1),_0x28285d({'groups':_0x416bed});return;}chrome['scripting']['executeScript']({'target':{'tabId':_0x32a1f6},'func':(_0xf230dc,_0x2c1483,_0x282e32,_0x21314a)=>{return new Promise(_0x2a75c2=>{const _0x997e11=new URLSearchParams();_0x997e11['append']('fb_dtsg',_0xf230dc),_0x997e11['append']('av',_0x2c1483);if(_0x282e32)_0x997e11['append']('lsd',_0x282e32);_0x997e11['append']('__req','1'),_0x997e11['append']('fb_api_caller_class','RelayModern'),_0x997e11['append']('fb_api_req_friendly_name','CometGroupsListQuery'),_0x997e11['append']('variables',JSON['stringify']({'adminGroupsCount':0x5a,'memberGroupsCount':0x1388,'scale':1.5,'count':0x32,'cursor':_0x21314a})),_0x997e11['append']('doc_id','3884641628300421'),fetch('https://www.facebook.com/api/graphql/',{'method':'POST','headers':{'Content-Type':'application/x-www-form-urlencoded'},'credentials':'include','body':_0x997e11['toString']()})['then'](_0x284ad3=>_0x284ad3['json']())['then'](_0x1a4ec8=>{const _0x39ea9e=[],_0x1f2d43=_0x47a6a9=>_0x47a6a9?.['image']?.['uri']||_0x47a6a9?.['profile_picture']?.['uri']||'';_0x1a4ec8['data']?.['adminGroups']?.['groups_tab']?.['tab_groups_list']?.['edges']&&_0x1a4ec8['data']['adminGroups']['groups_tab']['tab_groups_list']['edges']['forEach'](_0x7f0a03=>{const _0x5c938b=_0x7f0a03['node'];if(_0x5c938b&&_0x5c938b['id'])_0x39ea9e['push']({'name':_0x5c938b['name'],'id':_0x5c938b['id'],'image':_0x1f2d43(_0x5c938b),'url':'https://www.facebook.com/groups/'+_0x5c938b['id'],'isAdmin':!![]});});_0x1a4ec8['data']?.['viewer']?.['groups']?.['edges']&&_0x1a4ec8['data']['viewer']['groups']['edges']['forEach'](_0x327e3d=>{const _0x1e6295=_0x327e3d['node'];if(_0x1e6295&&_0x1e6295['id'])_0x39ea9e['push']({'name':_0x1e6295['name'],'id':_0x1e6295['id'],'image':_0x1f2d43(_0x1e6295),'url':'https://www.facebook.com/groups/'+_0x1e6295['id'],'isAdmin':![]});});_0x1a4ec8['data']?.['nonAdminGroups']?.['groups_tab']?.['tab_groups_list']?.['edges']&&_0x1a4ec8['data']['nonAdminGroups']['groups_tab']['tab_groups_list']['edges']['forEach'](_0x1eb408=>{const _0x25bd19=_0x1eb408['node'];if(_0x25bd19&&_0x25bd19['id'])_0x39ea9e['push']({'name':_0x25bd19['name'],'id':_0x25bd19['id'],'image':_0x1f2d43(_0x25bd19),'url':'https://www.facebook.com/groups/'+_0x25bd19['id'],'isAdmin':![]});});let _0x30ca3f=null;if(_0x1a4ec8['data']?.['viewer']?.['groups']?.['page_info']?.['end_cursor'])_0x30ca3f=_0x1a4ec8['data']['viewer']['groups']['page_info']['end_cursor'];if(_0x1a4ec8['data']?.['nonAdminGroups']?.['groups_tab']?.['tab_groups_list']?.['page_info']?.['end_cursor'])_0x30ca3f=_0x1a4ec8['data']['nonAdminGroups']['groups_tab']['tab_groups_list']['page_info']['end_cursor'];if(_0x1a4ec8['data']?.['adminGroups']?.['groups_tab']?.['tab_groups_list']?.['page_info']?.['end_cursor'])_0x30ca3f=_0x1a4ec8['data']['adminGroups']['groups_tab']['tab_groups_list']['page_info']['end_cursor'];_0x2a75c2({'groups':_0x39ea9e,'nextCursor':_0x30ca3f,'hasMore':_0x30ca3f&&_0x30ca3f!==_0x21314a});})['catch'](_0x4a7782=>_0x2a75c2({'error':_0x4a7782['message']}));});},'args':[USER_CONFIG['fb_dtsg'],USER_CONFIG['userId'],USER_CONFIG['lsd']||'',_0x3b9744]},_0x532d1f=>{if(_0x532d1f&&_0x532d1f[0x0]&&_0x532d1f[0x0]['result']){const _0x24465a=_0x532d1f[0x0]['result'];_0x24465a['groups']&&_0x24465a['groups']['forEach'](_0x253a9a=>{if(!_0x529030['has'](_0x253a9a['id']))_0x529030['set'](_0x253a9a['id'],_0x253a9a);});const _0x269641=_0x24465a['hasMore']&&_0x24465a['nextCursor']&&_0x24465a['nextCursor']!==_0x35172b;if(_0x269641&&_0x8fe240<_0x168e92)_0x35172b=_0x3b9744,_0x3b9744=_0x24465a['nextCursor'],setTimeout(()=>_0x5a1c1f(),0x1f4);else{const _0x7d516d=Array['from'](_0x529030['values']());_0x7d516d['sort']((_0x1fca8e,_0x37c3a1)=>_0x1fca8e['isAdmin']===_0x37c3a1['isAdmin']?0x0:_0x1fca8e['isAdmin']?-0x1:0x1),_0x28285d({'groups':_0x7d516d});}}else{const _0x2d71c0=Array['from'](_0x529030['values']());_0x2d71c0['sort']((_0x22d572,_0x545c29)=>_0x22d572['isAdmin']===_0x545c29['isAdmin']?0x0:_0x22d572['isAdmin']?-0x1:0x1),_0x28285d({'groups':_0x2d71c0});}});};_0x5a1c1f();});}async function publishToOneGroup(_0x3bfd86,_0x41c537,_0x283118){return new Promise(async _0x2f0d5e=>{const _0x2bfa89='https://www.facebook.com/groups/'+_0x3bfd86+'/';bgLogInfo('publishOne','فتح\x20تبويب:\x20'+_0x2bfa89),chrome['tabs']['create']({'url':_0x2bfa89,'active':![]},async _0x5180b4=>{const _0x385c90=_0x5180b4['id'];currentPublishTabId=_0x385c90;let _0x8530ba=![],_0x5d6f14=![];const _0x340edd=_0x2b79a8=>{if(_0x2b79a8!==_0x385c90)return;chrome['tabs']['onRemoved']['removeListener'](_0x340edd),_0x8530ba=!![],currentPublishTabId=null,!_0x5d6f14&&(_0x5d6f14=!![],bgLogInfo('publishOne','⚠️\x20تم\x20إغلاق\x20تبويب\x20فيسبوك\x20من\x20قبل\x20المستخدم'),_0x2f0d5e({'success':![],'error':'أغلق\x20المستخدم\x20تبويب\x20فيسبوك','tabClosed':!![],'post_url':null}));};chrome['tabs']['onRemoved']['addListener'](_0x340edd);const _0x4d8e37=async _0x53ca8a=>{const _0x36bcce=0x1f4;let _0x3e3e8a=0x0;while(_0x3e3e8a<_0x53ca8a){if(publishCancelled||_0x8530ba)return;await new Promise(_0x2efa60=>setTimeout(_0x2efa60,Math['min'](_0x36bcce,_0x53ca8a-_0x3e3e8a))),_0x3e3e8a+=_0x36bcce;}},_0x2dca3a=Math['floor'](Math['random']()*(0x4e20-0x1f40+0x1))+0x1f40;bgLogInfo('publishOne','⏳\x20انتظار\x20'+_0x2dca3a/0x3e8+'\x20ثانية\x20قبل\x20بدء\x20النشر...'),await _0x4d8e37(_0x2dca3a);if(_0x8530ba||publishCancelled){chrome['tabs']['onRemoved']['removeListener'](_0x340edd);!publishCancelled&&!_0x5d6f14&&(_0x5d6f14=!![],chrome['tabs']['remove'](_0x385c90,()=>{}),currentPublishTabId=null,_0x2f0d5e({'success':![],'error':'تم\x20الإلغاء','post_url':null}));return;}let _0x453de1=[];if(!publishCancelled&&!_0x8530ba&&_0x283118&&_0x283118['length']>0x0)for(let _0x303a3a=0x0;_0x303a3a<_0x283118['length'];_0x303a3a++){if(publishCancelled||_0x8530ba)break;const _0x55756f=_0x283118[_0x303a3a],_0x7cd524=await uploadImage(_0x385c90,_0x55756f['data'],_0x55756f['name']);_0x7cd524['success']&&_0x7cd524['photoId']&&(_0x453de1['push'](_0x7cd524['photoId']),bgLogInfo('publishOne','✅\x20تم\x20رفع\x20الصورة:\x20'+_0x7cd524['photoId']));if(_0x303a3a<_0x283118['length']-0x1)await _0x4d8e37(0x5dc);}if(_0x8530ba||publishCancelled){chrome['tabs']['onRemoved']['removeListener'](_0x340edd);!_0x5d6f14&&(_0x5d6f14=!![],chrome['tabs']['remove'](_0x385c90,()=>{}),currentPublishTabId=null,_0x2f0d5e({'success':![],'error':'تم\x20الإلغاء','post_url':null}));return;}if(_0x453de1['length']>0x0)await _0x4d8e37(0x7d0);if(_0x8530ba||publishCancelled){chrome['tabs']['onRemoved']['removeListener'](_0x340edd);!_0x5d6f14&&(_0x5d6f14=!![],chrome['tabs']['remove'](_0x385c90,()=>{}),currentPublishTabId=null,_0x2f0d5e({'success':![],'error':'تم\x20الإلغاء','post_url':null}));return;}const _0x4c06d0=await publishToGroup(_0x385c90,_0x41c537,_0x453de1,_0x3bfd86);if(_0x8530ba){chrome['tabs']['onRemoved']['removeListener'](_0x340edd);return;}if(_0x4c06d0['success']&&_0x4c06d0['post_url']){bgLogInfo('publishOne','🔗\x20رابط\x20المنشور:\x20'+_0x4c06d0['post_url']),await _0x4d8e37(0x7d0);if(!_0x8530ba){const _0x4713bf=await checkPostStatus(_0x385c90,_0x4c06d0['post_url']);_0x4713bf['isPending']?(_0x4c06d0['pending']=!![],bgLogInfo('publishOne','🟠\x20المنشور\x20معلق\x20(قيد\x20المراجعة)')):(_0x4c06d0['pending']=![],bgLogInfo('publishOne','✅\x20المنشور\x20منشور\x20فعلاً'));}}chrome['tabs']['onRemoved']['removeListener'](_0x340edd),setTimeout(()=>{chrome['tabs']['remove'](_0x385c90,()=>{});},0xbb8),currentPublishTabId=null,!_0x5d6f14&&(_0x5d6f14=!![],_0x2f0d5e(_0x4c06d0));});});}function isRealAppUrl(_0x19ba5b){if(!_0x19ba5b)return![];try{const _0x5690e5=new URL(_0x19ba5b);return _0x5690e5['pathname']==='/app'||_0x5690e5['pathname']['startsWith']('/app/')||_0x5690e5['pathname']['startsWith']('/app?');}catch{return _0x19ba5b['includes']('/app');}}chrome['runtime']['onMessage']['addListener']((_0x580bda,_0x1f28e2,_0x465786)=>{_0x1f28e2['tab']&&_0x1f28e2['tab']['id']&&(appTabId=_0x1f28e2['tab']['id'],_0x1f28e2['tab']['url']&&isRealAppUrl(_0x1f28e2['tab']['url'])&&(chrome['storage']['local']['set']({'appUrl':_0x1f28e2['tab']['url']}),bgLogInfo('connection','تم\x20حفظ\x20appUrl:\x20'+_0x1f28e2['tab']['url'])),bgLogInfo('connection','تم\x20تحديث\x20appTabId\x20إلى:\x20'+appTabId));if(_0x580bda['action']==='registerAppUrl'){if(_0x580bda['url']&&isRealAppUrl(_0x580bda['url']))chrome['storage']['local']['set']({'appUrl':_0x580bda['url']}),bgLogInfo('registerAppUrl','تم\x20حفظ\x20رابط\x20الأداة:\x20'+_0x580bda['url']);else _0x580bda['url']&&bgLogInfo('registerAppUrl','تم\x20تجاهل\x20رابط\x20صفحة\x20الهبوط:\x20'+_0x580bda['url']);return _0x465786({'success':!![]}),!![];}if(_0x580bda['action']==='getGroups')return((async()=>{bgLogInfo('getGroups','بدء\x20عملية\x20جلب\x20المجموعات\x20التلقائية');appTabId?chrome['tabs']['sendMessage'](appTabId,{'action':'groupsProgress','status':'checking','message':'جاري\x20التحقق\x20من\x20تسجيل\x20الدخول\x20إلى\x20فيسبوك...'})['catch'](()=>{}):chrome['runtime']['sendMessage']({'action':'groupsProgress','status':'checking','message':'جاري\x20التحقق\x20من\x20تسجيل\x20الدخول\x20إلى\x20فيسبوك...'})['catch'](()=>{});const _0x195a12=await ensureFacebookAndCaptureKeys();if(!_0x195a12['success']){const _0x586d69=_0x195a12['error']==='not_logged_in'?{'action':'needFacebookLogin','message':_0x195a12['message']}:{'action':'groupsProgress','status':'error','message':_0x195a12['message']};appTabId?chrome['tabs']['sendMessage'](appTabId,_0x586d69)['catch'](()=>{}):chrome['runtime']['sendMessage'](_0x586d69)['catch'](()=>{});_0x465786({'success':![],'error':_0x195a12['error'],'message':_0x195a12['message']});return;}const _0xaa237f={'action':'groupsProgress','status':'capturing','message':'تم\x20اصطياد\x20المفاتيح\x20بنجاح،\x20جاري\x20جلب\x20المجموعات...'};appTabId?chrome['tabs']['sendMessage'](appTabId,_0xaa237f)['catch'](()=>{}):chrome['runtime']['sendMessage'](_0xaa237f)['catch'](()=>{});const _0x36c92b=await fetchAllGroups(_0x195a12['tabId']);if(_0x36c92b['groups']&&_0x36c92b['groups']['length']>0x0){bgLogInfo('getGroups','تم\x20جلب\x20'+_0x36c92b['groups']['length']+'\x20مجموعة');const _0x384af5={'action':'groupsProgress','status':'complete','message':'تم\x20جلب\x20'+_0x36c92b['groups']['length']+'\x20مجموعة\x20بنجاح'};appTabId?chrome['tabs']['sendMessage'](appTabId,_0x384af5)['catch'](()=>{}):chrome['runtime']['sendMessage'](_0x384af5)['catch'](()=>{}),_0x465786({'success':!![],'groups':_0x36c92b['groups'],'userId':_0x195a12['userId']});}else{const _0x4684e6={'action':'groupsProgress','status':'error','message':'لم\x20يتم\x20العثور\x20على\x20مجموعات'};appTabId?chrome['tabs']['sendMessage'](appTabId,_0x4684e6)['catch'](()=>{}):chrome['runtime']['sendMessage'](_0x4684e6)['catch'](()=>{}),_0x465786({'success':![],'error':'no_groups','message':'لم\x20يتم\x20العثور\x20على\x20مجموعات'});}})()),!![];if(_0x580bda['action']==='openFacebook')return chrome['tabs']['create']({'url':'https://www.facebook.com','active':!![]},()=>{_0x465786({'success':!![]});}),!![];if(_0x580bda['action']==='removePublishImage'){const _0x2d7722=_0x580bda['index'];return typeof _0x2d7722==='number'&&_0x2d7722>=0x0&&_0x2d7722<activePublishImages['length']&&(activePublishImages['splice'](_0x2d7722,0x1),bgLogInfo('removeImg','تم\x20حذف\x20الصورة\x20'+_0x2d7722+'،\x20متبقي:\x20'+activePublishImages['length'])),_0x465786({'success':!![],'remaining':activePublishImages['length']}),!![];}if(_0x580bda['action']==='stopPublishing')return publishCancelled=!![],isPublishingNow=![],chrome['storage']['local']['set']({'publishCancelled':!![]}),bgLogInfo('stop','🛑\x20تم\x20طلب\x20إيقاف\x20النشر'),currentPublishTabId!==null&&(chrome['tabs']['remove'](currentPublishTabId,()=>{}),currentPublishTabId=null),_0x465786({'success':!![]}),!![];if(_0x580bda['action']==='getPublishStatus')return _0x465786({'isPublishing':isPublishingNow}),!![];if(_0x580bda['action']==='publishToGroup')return((async()=>{await storageReady;if(!USER_CONFIG['fb_dtsg']||!USER_CONFIG['userId']){_0x465786({'success':![],'error':'الرجاء\x20جلب\x20المجموعات\x20أولاً\x20ليتم\x20التحقق\x20من\x20الحساب\x20تلقائياً'});return;}if(!_0x580bda['groupId']){_0x465786({'success':![],'error':'الرجاء\x20اختيار\x20مجموعة'});return;}publishCancelled=![],isPublishingNow=!![],chrome['storage']['local']['set']({'publishCancelled':![]});const _0xe5a1ad=await publishToOneGroup(_0x580bda['groupId'],_0x580bda['text']||'',_0x580bda['images']||[]);isPublishingNow=![],_0x465786(_0xe5a1ad);})()),!![];if(_0x580bda['action']==='publishToMultipleGroups')return((async()=>{await storageReady;if(isPublishingNow){_0x465786({'success':![],'error':'النشر\x20جارٍ\x20بالفعل،\x20يرجى\x20الانتظار'});return;}if(!USER_CONFIG['fb_dtsg']||!USER_CONFIG['userId']){_0x465786({'success':![],'error':'الرجاء\x20جلب\x20المجموعات\x20أولاً\x20ليتم\x20التحقق\x20من\x20الحساب\x20تلقائياً'});return;}if(!_0x580bda['groupIds']||_0x580bda['groupIds']['length']===0x0){_0x465786({'success':![],'error':'الرجاء\x20اختيار\x20مجموعة\x20واحدة\x20على\x20الأقل'});return;}publishCancelled=![],isPublishingNow=!![],chrome['storage']['local']['set']({'publishCancelled':![]});const _0x16f3b6=_0x580bda['groupIds'],_0x1b00b6=_0x580bda['text']||'';activePublishImages=JSON['parse'](JSON['stringify'](_0x580bda['images']||[])),bgLogInfo('multiPublish','بدء\x20النشر\x20في\x20'+_0x16f3b6['length']+'\x20مجموعة'),_0x465786({'success':!![],'started':!![],'total':_0x16f3b6['length']});const _0x5272ff=_0x56f50b=>{appTabId?chrome['tabs']['sendMessage'](appTabId,_0x56f50b)['catch'](()=>{}):chrome['runtime']['sendMessage'](_0x56f50b)['catch'](()=>{});};for(let _0x454bee=0x0;_0x454bee<_0x16f3b6['length'];_0x454bee++){if(publishCancelled){bgLogInfo('multiPublish','🛑\x20تم\x20إلغاء\x20النشر\x20عند\x20المجموعة\x20'+(_0x454bee+0x1)),_0x5272ff({'action':'publishStopped','doneCount':_0x454bee,'total':_0x16f3b6['length']});break;}const _0x186456=_0x16f3b6[_0x454bee];bgLogInfo('multiPublish','نشر\x20'+(_0x454bee+0x1)+'/'+_0x16f3b6['length']+'\x20في:\x20'+_0x186456),_0x5272ff({'action':'publishProgress','current':_0x454bee+0x1,'total':_0x16f3b6['length'],'groupId':_0x186456,'status':'publishing'});const _0x134701=await publishToOneGroup(_0x186456,_0x1b00b6,[...activePublishImages]);if(publishCancelled){_0x5272ff({'action':'publishStopped','doneCount':_0x454bee+(_0x134701['success']?0x1:0x0),'total':_0x16f3b6['length']});break;}let _0x3f27ed='failed';_0x134701['success']&&(_0x3f27ed=_0x134701['pending']?'pending':'success');_0x5272ff({'action':'publishProgress','current':_0x454bee+0x1,'total':_0x16f3b6['length'],'groupId':_0x186456,'status':_0x3f27ed,'pending':_0x134701['pending']||![],'error':_0x134701['error']||null,'postUrl':_0x134701['post_url']||null});if(_0x454bee<_0x16f3b6['length']-0x1&&!publishCancelled){const _0x591c47=_0x580bda['delayConfig'],_0x5a75d4=_0x591c47&&_0x591c47['mode']==='fixed'&&_0x591c47['seconds']>0x0?Math['max'](0xa,Math['floor'](_0x591c47['seconds'])):randomDelay();bgLogInfo('multiPublish','⏳\x20انتظار\x20'+_0x5a75d4+'\x20ثانية\x20قبل\x20المجموعة\x20التالية');for(let _0x4d1bab=_0x5a75d4;_0x4d1bab>0x0;_0x4d1bab--){if(publishCancelled)break;_0x5272ff({'action':'publishCountdown','seconds':_0x4d1bab,'totalDelay':_0x5a75d4,'nextGroup':_0x454bee+0x2,'total':_0x16f3b6['length']}),await new Promise(_0x32d2e7=>setTimeout(_0x32d2e7,0x3e8));}}}!publishCancelled&&(_0x5272ff({'action':'publishComplete','total':_0x16f3b6['length']}),bgLogInfo('multiPublish','✅\x20اكتمل\x20النشر\x20في\x20'+_0x16f3b6['length']+'\x20مجموعة')),isPublishingNow=![],publishCancelled=![],chrome['storage']['local']['set']({'publishCancelled':![]});})()),!![];}),chrome['action']['onClicked']['addListener'](async()=>{if(appTabId!==null)try{const _0x1f1c4d=await chrome['tabs']['get'](appTabId);await chrome['tabs']['update'](appTabId,{'active':!![]});if(_0x1f1c4d['windowId'])chrome['windows']['update'](_0x1f1c4d['windowId'],{'focused':!![]});bgLogInfo('onClicked','تم\x20التركيز\x20على\x20تبويب\x20الأداة\x20الموجود');return;}catch{appTabId=null;}const _0x1c99f5=await chrome['storage']['local']['get']('appUrl');if(_0x1c99f5['appUrl']&&isRealAppUrl(_0x1c99f5['appUrl'])){const _0x261c04=await chrome['tabs']['query']({'url':_0x1c99f5['appUrl']['replace'](/#.*$/,'')+'*'});if(_0x261c04['length']>0x0&&_0x261c04[0x0]['id']){appTabId=_0x261c04[0x0]['id'],await chrome['tabs']['update'](_0x261c04[0x0]['id'],{'active':!![]});if(_0x261c04[0x0]['windowId'])chrome['windows']['update'](_0x261c04[0x0]['windowId'],{'focused':!![]});bgLogInfo('onClicked','تم\x20التركيز\x20على\x20تبويب\x20موجود\x20عبر\x20appUrl');}else chrome['tabs']['create']({'url':_0x1c99f5['appUrl']}),bgLogInfo('onClicked','تم\x20فتح\x20تبويب\x20جديد\x20بالرابط\x20المحفوظ');return;}const _0x5c625b=await chrome['tabs']['query']({'url':['*://*.replit.app/app','*://*.replit.app/app/*','*://*.replit.dev/app','*://*.replit.dev/app/*','http://localhost/app','http://localhost/app/*']});if(_0x5c625b['length']>0x0&&_0x5c625b[0x0]['id']){appTabId=_0x5c625b[0x0]['id'],await chrome['tabs']['update'](_0x5c625b[0x0]['id'],{'active':!![]});if(_0x5c625b[0x0]['windowId'])chrome['windows']['update'](_0x5c625b[0x0]['windowId'],{'focused':!![]});bgLogInfo('onClicked','تم\x20التركيز\x20على\x20تبويب\x20/app\x20المفتوح');}else bgLogInfo('onClicked','لا\x20يوجد\x20تبويب\x20مفتوح\x20—\x20فتح\x20الرابط\x20الافتراضي:\x20'+DEFAULT_APP_URL),chrome['tabs']['create']({'url':DEFAULT_APP_URL});});
\ No newline at end of file
diff --git a/artifacts/fb-publisher/dist/public/extension/bridge.js b/artifacts/fb-publisher/dist/public/extension/bridge.js
new file mode 100644
index 0000000000000000000000000000000000000000..6acd4b73f7d1c0177e44351a4c411d82d883ed19
--- /dev/null
+++ b/artifacts/fb-publisher/dist/public/extension/bridge.js
@@ -0,0 +1 @@
+(function(){const _0x31afb7='fbpub-bridge',_0x1e77ff='fbpub-web';console['log']('[Bridge]\x20Loaded\x20v'+chrome['runtime']['getManifest']()['version']),window['addEventListener']('message',_0x31d291=>{if(_0x31d291['source']!==window)return;const _0xd03a3=_0x31d291['data'];if(!_0xd03a3||_0xd03a3['source']!==_0x1e77ff)return;const {requestId:_0x353843,action:_0x1152cb,payload:_0x4a5f3f}=_0xd03a3;console['log']('[Bridge]\x20Message\x20from\x20web:',_0x1152cb,_0x4a5f3f);if(_0x1152cb==='ping'){window['postMessage']({'source':_0x31afb7,'requestId':_0x353843,'response':{'installed':!![],'version':chrome['runtime']['getManifest']()['version']}},'*');return;}chrome['runtime']['sendMessage']({'action':_0x1152cb,..._0x4a5f3f||{}},_0x4cc6a3=>{console['log']('[Bridge]\x20Response\x20from\x20bg\x20for\x20'+_0x1152cb+':',_0x4cc6a3),window['postMessage']({'source':_0x31afb7,'requestId':_0x353843,'response':_0x4cc6a3??{'success':![],'error':'no\x20response'},'error':chrome['runtime']['lastError']?chrome['runtime']['lastError']['message']:null},'*');});}),chrome['runtime']['onMessage']['addListener'](_0x4d3c36=>{console['log']('[Bridge]\x20Broadcast\x20from\x20bg:',_0x4d3c36),window['postMessage']({'source':_0x31afb7,'broadcast':!![],'message':_0x4d3c36},'*');}),window['postMessage']({'source':_0x31afb7,'event':'ready','version':chrome['runtime']['getManifest']()['version']},'*');const _0x4163b8=window['location']['pathname'];(_0x4163b8==='/app'||_0x4163b8['startsWith']('/app/')||_0x4163b8['startsWith']('/app?'))&&chrome['runtime']['sendMessage']({'action':'registerAppUrl','url':window['location']['href']});}());
\ No newline at end of file
diff --git a/artifacts/fb-publisher/dist/public/extension/fb-publisher-bridge.zip b/artifacts/fb-publisher/dist/public/extension/fb-publisher-bridge.zip
new file mode 100644
index 0000000000000000000000000000000000000000..fbb2d62d407c6a2c8303219e36b07a58f6e13967
--- /dev/null
+++ b/artifacts/fb-publisher/dist/public/extension/fb-publisher-bridge.zip
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1e6a381ae0192da7cd4789fd69abf7ee7dac65ee7bd0306e3107e09d787958ad
+size 36984
diff --git a/artifacts/fb-publisher/dist/public/extension/icon-128.png b/artifacts/fb-publisher/dist/public/extension/icon-128.png
new file mode 100644
index 0000000000000000000000000000000000000000..98c2c3513729696f53874f230a83652180ccba2c
Binary files /dev/null and b/artifacts/fb-publisher/dist/public/extension/icon-128.png differ
diff --git a/artifacts/fb-publisher/dist/public/extension/manifest.json b/artifacts/fb-publisher/dist/public/extension/manifest.json
new file mode 100644
index 0000000000000000000000000000000000000000..ba5b0b4d9e673f2bbbc6d2c3a5cee776e6961c6f
--- /dev/null
+++ b/artifacts/fb-publisher/dist/public/extension/manifest.json
@@ -0,0 +1,43 @@
+{
+  "manifest_version": 3,
+  "name": "FB Group Publisher PRO Bridge",
+  "version": "1.6.0",
+  "description": "Bridge extension for FB Group Publisher PRO web app",
+  "icons": {
+    "128": "icon-128.png"
+  },
+  "action": {
+    "default_icon": {
+      "128": "icon-128.png"
+    }
+  },
+  "permissions": [
+    "tabs",
+    "storage",
+    "cookies",
+    "scripting",
+    "notifications"
+  ],
+  "host_permissions": [
+    "https://*.facebook.com/*",
+    "https://upload.facebook.com/*"
+  ],
+  "background": {
+    "service_worker": "background.js"
+  },
+  "content_scripts": [
+    {
+      "matches": [
+        "https://*.replit.app/*",
+        "https://*.replit.dev/*",
+        "https://*.repl.co/*",
+        "http://localhost/*"
+      ],
+      "js": [
+        "bridge.js"
+      ],
+      "run_at": "document_start",
+      "all_frames": false
+    }
+  ]
+}
diff --git a/artifacts/fb-publisher/dist/public/extension/popup.html b/artifacts/fb-publisher/dist/public/extension/popup.html
new file mode 100644
index 0000000000000000000000000000000000000000..ffe063ac40142e601b7d5b2b99e57fcd71132543
--- /dev/null
+++ b/artifacts/fb-publisher/dist/public/extension/popup.html
@@ -0,0 +1,162 @@
+<!DOCTYPE html>
+<html dir="rtl" lang="ar">
+<head>
+  <meta charset="UTF-8" />
+  <title>FB Group Publisher PRO</title>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+
+    body {
+      width: 280px;
+      background: #16162a;
+      color: #f5f5f7;
+      font-family: 'Tajawal', 'Segoe UI', sans-serif;
+      font-size: 14px;
+      direction: rtl;
+    }
+
+    .header {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 14px 16px;
+      border-bottom: 1px solid #2a2a4a;
+      background: #1a1a30;
+    }
+
+    .header img {
+      width: 28px;
+      height: 28px;
+      border-radius: 6px;
+    }
+
+    .header-title {
+      font-size: 13px;
+      font-weight: 700;
+      color: #bb86fc;
+      line-height: 1.2;
+    }
+
+    .header-sub {
+      font-size: 11px;
+      color: #7070a0;
+      margin-top: 1px;
+    }
+
+    .body {
+      padding: 16px;
+    }
+
+    .status-row {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      background: #1f1f3a;
+      border: 1px solid #3a3a55;
+      border-radius: 10px;
+      padding: 12px 14px;
+      margin-bottom: 14px;
+    }
+
+    .dot {
+      width: 10px;
+      height: 10px;
+      border-radius: 50%;
+      flex-shrink: 0;
+      background: #555;
+    }
+
+    .dot.idle    { background: #555577; }
+    .dot.active  { background: #4caf50; animation: pulse 1.2s infinite; }
+    .dot.stopped { background: #ff6b6b; }
+
+    @keyframes pulse {
+      0%, 100% { opacity: 1; transform: scale(1); }
+      50%       { opacity: 0.5; transform: scale(0.8); }
+    }
+
+    .status-text {
+      font-size: 13px;
+      color: #c8c8e0;
+      line-height: 1.4;
+    }
+
+    .status-text strong {
+      display: block;
+      font-size: 14px;
+      color: #f5f5f7;
+    }
+
+    .btn-stop {
+      width: 100%;
+      padding: 11px;
+      border: none;
+      border-radius: 10px;
+      background: linear-gradient(135deg, #e53935, #c62828);
+      color: #fff;
+      font-size: 14px;
+      font-weight: 700;
+      font-family: inherit;
+      cursor: pointer;
+      transition: opacity 0.2s;
+      letter-spacing: 0.3px;
+    }
+
+    .btn-stop:hover  { opacity: 0.85; }
+    .btn-stop:active { opacity: 0.7; }
+
+    .btn-open {
+      width: 100%;
+      padding: 11px;
+      border: 1px solid #3a3a55;
+      border-radius: 10px;
+      background: transparent;
+      color: #bb86fc;
+      font-size: 14px;
+      font-weight: 600;
+      font-family: inherit;
+      cursor: pointer;
+      transition: background 0.2s;
+      letter-spacing: 0.3px;
+    }
+
+    .btn-open:hover { background: #1f1f3a; }
+
+    .hidden { display: none !important; }
+
+    .footer {
+      padding: 10px 16px;
+      text-align: center;
+      font-size: 11px;
+      color: #44445a;
+      border-top: 1px solid #1f1f3a;
+    }
+  </style>
+</head>
+<body>
+  <div class="header">
+    <img src="icon-128.png" alt="icon" />
+    <div>
+      <div class="header-title">FB Group Publisher PRO</div>
+      <div class="header-sub">إضافة المزامنة</div>
+    </div>
+  </div>
+
+  <div class="body">
+    <div class="status-row">
+      <div class="dot idle" id="dot"></div>
+      <div class="status-text">
+        <strong id="statusTitle">جاهز</strong>
+        <span id="statusSub">لا يوجد نشر نشط حالياً</span>
+      </div>
+    </div>
+
+    <button class="btn-stop hidden" id="btnStop">⏹ إيقاف النشر الآن</button>
+    <button class="btn-open" id="btnOpen">فتح التطبيق</button>
+  </div>
+
+  <div class="footer">FB Group Publisher PRO</div>
+
+  <script src="popup.js"></script>
+</body>
+</html>
diff --git a/artifacts/fb-publisher/dist/public/extension/popup.js b/artifacts/fb-publisher/dist/public/extension/popup.js
new file mode 100644
index 0000000000000000000000000000000000000000..3f81723956227a0a533f4939ef60cd26c5a03c24
--- /dev/null
+++ b/artifacts/fb-publisher/dist/public/extension/popup.js
@@ -0,0 +1,82 @@
+(function () {
+  const dot       = document.getElementById('dot');
+  const titleEl   = document.getElementById('statusTitle');
+  const subEl     = document.getElementById('statusSub');
+  const btnStop   = document.getElementById('btnStop');
+  const btnOpen   = document.getElementById('btnOpen');
+
+  let isPublishing = false;
+  let pollTimer    = null;
+
+  function setIdle() {
+    isPublishing = false;
+    dot.className = 'dot idle';
+    titleEl.textContent = 'جاهز';
+    subEl.textContent   = 'لا يوجد نشر نشط حالياً';
+    btnStop.classList.add('hidden');
+  }
+
+  function setActive() {
+    isPublishing = true;
+    dot.className = 'dot active';
+    titleEl.textContent = 'جارٍ النشر…';
+    subEl.textContent   = 'اضغط إيقاف لإنهاء العملية';
+    btnStop.classList.remove('hidden');
+  }
+
+  function setStopped() {
+    isPublishing = false;
+    dot.className = 'dot stopped';
+    titleEl.textContent = 'تم الإيقاف';
+    subEl.textContent   = 'تم إيقاف النشر بنجاح';
+    btnStop.classList.add('hidden');
+  }
+
+  function checkStatus() {
+    chrome.runtime.sendMessage({ action: 'getPublishStatus' }, (res) => {
+      if (chrome.runtime.lastError) return;
+      if (res && res.isPublishing) {
+        setActive();
+      } else if (!isPublishing) {
+        setIdle();
+      }
+    });
+  }
+
+  function stopPublishing() {
+    chrome.runtime.sendMessage({ action: 'stopPublishing' }, (res) => {
+      if (chrome.runtime.lastError) return;
+      if (res && res.success) setStopped();
+    });
+  }
+
+  btnStop.addEventListener('click', stopPublishing);
+
+  btnOpen.addEventListener('click', () => {
+    chrome.storage.local.get('appUrl', (data) => {
+      const url = (data && data.appUrl) || 'https://social-media-bridge-s2555.replit.app/app';
+      chrome.tabs.query({ url: url.replace(/#.*$/, '') + '*' }, (tabs) => {
+        if (tabs && tabs.length > 0) {
+          chrome.tabs.update(tabs[0].id, { active: true });
+          if (tabs[0].windowId) chrome.windows.update(tabs[0].windowId, { focused: true });
+        } else {
+          chrome.tabs.create({ url: url });
+        }
+      });
+    });
+    window.close();
+  });
+
+  window.addEventListener('pagehide', () => {
+    if (isPublishing) {
+      chrome.runtime.sendMessage({ action: 'stopPublishing' });
+    }
+  });
+
+  checkStatus();
+  pollTimer = setInterval(checkStatus, 2000);
+
+  window.addEventListener('unload', () => {
+    clearInterval(pollTimer);
+  });
+})();
diff --git a/artifacts/fb-publisher/dist/public/extension/src/.gitignore b/artifacts/fb-publisher/dist/public/extension/src/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..619be26f5e6b47ecd53862f73075c1cfe5f9e223
--- /dev/null
+++ b/artifacts/fb-publisher/dist/public/extension/src/.gitignore
@@ -0,0 +1,2 @@
+# الكود المصدري الأصلي — لا يُرفع للـ Git
+*.source.js
diff --git a/artifacts/fb-publisher/dist/public/extension/src/background.source.js b/artifacts/fb-publisher/dist/public/extension/src/background.source.js
new file mode 100644
index 0000000000000000000000000000000000000000..9986b415f425eaf6dc980a76678f3dd27131f1df
--- /dev/null
+++ b/artifacts/fb-publisher/dist/public/extension/src/background.source.js
@@ -0,0 +1,678 @@
+// ========== رابط التطبيق الافتراضي (محدّث لـ Hugging Face) ==========
+const DEFAULT_APP_URL = 'https://sare26-fb-publisher-backend.hf.space/app';
+
+// ========== نطاق التطبيق الموثوق ==========
+const APP_ORIGIN = 'https://sare26-fb-publisher-backend.hf.space';
+
+// ========== نظام مراقبة الأخطاء ==========
+function bgLogError(source, error, details = {}) {
+    console.error(`❌ [BG][${source}]`, error, details);
+}
+
+function bgLogInfo(source, message, data = {}) {
+    console.log(`✅ [BG][${source}]`, message, data);
+}
+
+// ========== الإعدادات الثابتة ==========
+const USER_CONFIG = {
+    userId: null,
+    doc_id_groups: "3884641628300421",
+    doc_id_post_text: "3559434960802556",
+    doc_id_post_photo: "25528973250111023",
+    fb_dtsg: null,
+    lsd: null,
+    dyn: null,
+    jazoest: "25415",
+    upload_id: "jsc_c_9",
+    targetGroupId: null
+};
+
+// ========== حالة النشر المتعدد ==========
+let publishCancelled = false;
+let isPublishingNow = false;
+let activePublishImages = [];
+let appTabId = null;
+let currentPublishTabId = null;
+
+// Promise تنتهي عند اكتمال تحميل التخزين المحلي
+let resolveStorageReady;
+const storageReady = new Promise((resolve) => { resolveStorageReady = resolve; });
+
+// تحميل القيم المخزنة
+chrome.storage.local.get(['fb_dtsg', 'lsd', 'dyn', 'targetGroupId', 'publishCancelled', 'userId'], (data) => {
+    if (data.fb_dtsg) USER_CONFIG.fb_dtsg = data.fb_dtsg;
+    if (data.lsd) USER_CONFIG.lsd = data.lsd;
+    if (data.dyn) USER_CONFIG.dyn = data.dyn;
+    if (data.userId) USER_CONFIG.userId = data.userId;
+    if (data.targetGroupId) USER_CONFIG.targetGroupId = data.targetGroupId;
+    if (data.publishCancelled) {
+        publishCancelled = data.publishCancelled;
+        chrome.storage.local.set({ publishCancelled: false });
+    }
+    bgLogInfo('init', 'تم تحميل البيانات المخزنة');
+    resolveStorageReady();
+});
+
+// ========== تأخير عشوائي بين 62 و149 ثانية ==========
+function randomDelay() {
+    return Math.floor(Math.random() * (195 - 80 + 1)) + 80;
+}
+
+// ========== توليد نص عشوائي متغير لكل منشور (حماية من الحظر) ==========
+function generateRandomText() {
+    const emojis = ["✨", "🌟", "💫", "🔥", "⚡", "🎯", "💎", "🔮", "🌈", "🎪", "🎭", "🎨", "🎵", "🎶", "🍀", "🌺", "🌸", "🌼", "🌻", "💐", "🦋", "🐝", "🐞", "🕊️", "🦅"];
+    const letters = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
+    const numbers = "0123456789";
+    
+    const randomLetter = letters[Math.floor(Math.random() * letters.length)];
+    const randomNumber = numbers[Math.floor(Math.random() * numbers.length)];
+    const randomEmoji1 = emojis[Math.floor(Math.random() * emojis.length)];
+    const randomEmoji2 = emojis[Math.floor(Math.random() * emojis.length)];
+    
+    let randomWord = "";
+    const wordLength = Math.floor(Math.random() * 6) + 5;
+    for (let i = 0; i < wordLength; i++) {
+        randomWord += letters[Math.floor(Math.random() * letters.length)];
+    }
+    
+    return `${randomEmoji1} ${randomWord}${randomNumber} ${randomEmoji2}`;
+}
+
+// ========== دالة استخراج معرف الحساب الشخصي من الكوكيز ==========
+function getFacebookUserId() {
+    return new Promise((resolve) => {
+        chrome.cookies.get({ url: 'https://www.facebook.com', name: 'c_user' }, (cookie) => {
+            if (cookie && cookie.value) {
+                bgLogInfo('cookies', `تم العثور على c_user (حساب شخصي): ${cookie.value}`);
+                resolve(cookie.value);
+            } else {
+                bgLogInfo('cookies', 'لم يتم العثور على c_user - قد لا يكون المستخدم مسجل الدخول');
+                resolve(null);
+            }
+        });
+    });
+}
+
+// ========== دالة استخراج معرف الصفحة من الكوكيز ==========
+function getFacebookPageId() {
+    return new Promise((resolve) => {
+        chrome.cookies.get({ url: 'https://www.facebook.com', name: 'i_user' }, (cookie) => {
+            if (cookie && cookie.value) {
+                bgLogInfo('cookies', `✅ تم العثور على i_user (معرف الصفحة): ${cookie.value}`);
+                resolve(cookie.value);
+            } else {
+                bgLogInfo('cookies', '⚠️ لم يتم العثور على i_user');
+                resolve(null);
+            }
+        });
+    });
+}
+
+// ========== دالة استخراج fb_dtsg ==========
+async function extractFbDtsg(tabId) {
+    return new Promise((resolve) => {
+        chrome.scripting.executeScript({
+            target: { tabId: tabId },
+            func: () => {
+                let fbDtsg = null;
+                let lsd = null;
+
+                const dtsgInput = document.querySelector('input[name="fb_dtsg"]');
+                if (dtsgInput && dtsgInput.value) fbDtsg = dtsgInput.value;
+                const lsdInput = document.querySelector('input[name="lsd"]');
+                if (lsdInput && lsdInput.value) lsd = lsdInput.value;
+
+                const fullText = document.documentElement.innerHTML;
+
+                if (!fbDtsg) {
+                    let m = fullText.match(/DTSGInitialData[^{]*\{[^}]*"token"\s*:\s*"([^"]+)"/);
+                    if (m) fbDtsg = m[1];
+                }
+                if (!fbDtsg) {
+                    let m = fullText.match(/\["fb_dtsg"\s*,\s*\[\]\s*,\s*\{\s*"token"\s*:\s*"([^"]+)"/);
+                    if (m) fbDtsg = m[1];
+                }
+                if (!fbDtsg) {
+                    let m = fullText.match(/"fb_dtsg"\s*:\s*"([A-Za-z0-9_\-:\.]{10,120})"/);
+                    if (m) fbDtsg = m[1];
+                }
+                if (!fbDtsg) {
+                    const scripts = document.querySelectorAll('script');
+                    for (let script of scripts) {
+                        const content = script.textContent;
+                        if (!content) continue;
+                        let m = content.match(/DTSGInitialData[^}]*token["']\s*:\s*["']([^"']+)["']/);
+                        if (m && m[1]) { fbDtsg = m[1]; break; }
+                        m = content.match(/fb_dtsg["']\s*:\s*["']([^"']+)["']/);
+                        if (m && m[1]) { fbDtsg = m[1]; break; }
+                        m = content.match(/["']fb_dtsg["']\s*,\s*["']([^"']+)["']/);
+                        if (m && m[1]) { fbDtsg = m[1]; break; }
+                        m = content.match(/DTSGInitializer[^)]*"token"\s*:\s*"([^"]+)"/);
+                        if (m && m[1]) { fbDtsg = m[1]; break; }
+                    }
+                }
+                if (!lsd) {
+                    let m = fullText.match(/\["LSD"\s*,\s*\[\]\s*,\s*\{\s*"token"\s*:\s*"([^"]+)"/);
+                    if (m) lsd = m[1];
+                }
+                if (!lsd) {
+                    let m = fullText.match(/["']LSD["']\s*,\s*\[\s*\]\s*,\s*\{\s*["']token["']\s*:\s*["']([^"']+)["']/);
+                    if (m) lsd = m[1];
+                }
+
+                return { fb_dtsg: fbDtsg, lsd: lsd };
+            }
+        }, (results) => {
+            if (results && results[0] && results[0].result) resolve(results[0].result);
+            else resolve({ fb_dtsg: null, lsd: null });
+        });
+    });
+}
+
+// ========== دالة استخراج __dyn ==========
+async function extractDyn(tabId) {
+    return new Promise((resolve) => {
+        chrome.scripting.executeScript({
+            target: { tabId: tabId },
+            func: () => {
+                let dyn = document.querySelector('input[name="__dyn"]')?.value;
+                if (dyn && dyn.length > 20) return dyn;
+
+                const scripts = document.querySelectorAll('script');
+                for (let script of scripts) {
+                    const content = script.textContent;
+                    if (content) {
+                        let match = content.match(/__dyn\s*:\s*"([^"]+)"/);
+                        if (match && match[1] && match[1].length > 20) return match[1];
+                        match = content.match(/"__dyn":"([^"]+)"/);
+                        if (match && match[1] && match[1].length > 20) return match[1];
+                        match = content.match(/DYN\s*=\s*"([^"]+)"/);
+                        if (match && match[1] && match[1].length > 20) return match[1];
+                    }
+                }
+
+                const html = document.documentElement.innerHTML;
+                let match = html.match(/__dyn":"([^"]+?)"/);
+                if (match && match[1] && match[1].length > 20) return match[1];
+                match = html.match(/__dyn=([^&"\s]+)/);
+                if (match && match[1] && match[1].length > 20) return match[1];
+
+                return null;
+            }
+        }, (results) => {
+            const dyn = results?.[0]?.result || null;
+            if (dyn) bgLogInfo('extractDyn', `✅ تم استخراج __dyn`);
+            else bgLogInfo('extractDyn', '❌ لم يتم العثور على __dyn');
+            resolve(dyn);
+        });
+    });
+}
+
+// ========== دالة تحديث الجلسة ==========
+async function refreshSession(tabId) {
+    bgLogInfo('session', 'جاري تحديث الجلسة');
+    try {
+        await chrome.scripting.executeScript({
+            target: { tabId: tabId },
+            func: () => fetch('https://www.facebook.com/help/463972400461409/?_rdr', { credentials: 'include', headers: { 'Accept': 'text/html' } })
+        });
+        await new Promise(r => setTimeout(r, 2000));
+        bgLogInfo('session', 'تم تحديث الجلسة بنجاح');
+    } catch(e) { bgLogError('session', e); }
+}
+
+// ========== دالة مدمجة: التحقق من الفيسبوك + اصطياد المفاتيح ==========
+async function ensureFacebookAndCaptureKeys() {
+    return new Promise(async (resolve) => {
+        bgLogInfo('autoCapture', 'بدء عملية التحقق من فيسبوك واصطياد المفاتيح');
+        
+        const personalUserId = await getFacebookUserId();
+        const pageId = await getFacebookPageId();
+        const effectiveUserId = pageId || personalUserId;
+        
+        if (!effectiveUserId) {
+            resolve({ success: false, error: "not_logged_in", message: "يجب تسجيل الدخول إلى فيسبوك أولاً" });
+            return;
+        }
+        
+        USER_CONFIG.userId = effectiveUserId;
+        bgLogInfo('autoCapture', `✅ استخدام المعرف: ${effectiveUserId}`);
+        
+        const tabs = await chrome.tabs.query({ url: ["*://*.facebook.com/*", "*://*.web.facebook.com/*"] });
+        let targetTabId = null;
+        
+        if (tabs.length === 0) {
+            const newTab = await chrome.tabs.create({ url: 'https://www.facebook.com', active: true });
+            targetTabId = newTab.id;
+            await new Promise(r => setTimeout(r, 5000));
+        } else {
+            targetTabId = tabs[0].id;
+        }
+        
+        await refreshSession(targetTabId);
+        let result = await extractFbDtsg(targetTabId);
+        
+        if (!result.fb_dtsg) {
+            await chrome.tabs.reload(targetTabId);
+            await new Promise(r => setTimeout(r, 5000));
+            const retryResult = await extractFbDtsg(targetTabId);
+            if (!retryResult.fb_dtsg) {
+                resolve({ success: false, error: "no_fb_dtsg", message: "لم يتم العثور على مفاتيح فيسبوك" });
+                return;
+            }
+            result = retryResult;
+        }
+        
+        USER_CONFIG.fb_dtsg = result.fb_dtsg;
+        USER_CONFIG.lsd = result.lsd;
+        
+        const dyn = await extractDyn(targetTabId);
+        if (dyn) USER_CONFIG.dyn = dyn;
+        
+        chrome.storage.local.set({ fb_dtsg: result.fb_dtsg, lsd: result.lsd, dyn: dyn, userId: effectiveUserId });
+        bgLogInfo('autoCapture', '✅ تم اصطياد المفاتيح بنجاح');
+        resolve({ success: true, userId: effectiveUserId, tabId: targetTabId });
+    });
+}
+
+// ========== دالة رفع صورة ==========
+async function uploadImage(tabId, imageBase64, fileName) {
+    return new Promise((resolve) => {
+        chrome.scripting.executeScript({
+            target: { tabId: tabId },
+            func: (config, imgBase64, name) => {
+                return new Promise((resolve) => {
+                    try {
+                        const byteString = atob(imgBase64.split(',')[1]);
+                        const mimeType = imgBase64.split(',')[0].split(':')[1].split(';')[0];
+                        const ab = new ArrayBuffer(byteString.length);
+                        const ia = new Uint8Array(ab);
+                        for (let i = 0; i < byteString.length; i++) ia[i] = byteString.charCodeAt(i);
+                        const blob = new Blob([ab], { type: mimeType });
+                        const formData = new FormData();
+                        formData.append('fb_dtsg', config.fb_dtsg);
+                        formData.append('profile_id', config.userId);
+                        formData.append('source', '8');
+                        formData.append('waterfallxapp', 'comet');
+                        formData.append('farr', blob, name);
+                        formData.append('upload_id', config.upload_id);
+                        formData.append('jazoest', (25000 + Math.floor(Math.random() * 1000)).toString());
+                        const uploadUrl = `https://upload.facebook.com/ajax/react_composer/attachments/photo/upload?av=${config.userId}&__user=${config.userId}&__a=1&fb_dtsg=${config.fb_dtsg}`;
+                        fetch(uploadUrl, { method: 'OPTIONS', credentials: 'include' })
+                            .then(() => fetch(uploadUrl, { method: 'POST', credentials: 'include', body: formData, headers: { 'Accept': '*/*', 'Origin': 'https://upload.facebook.com', 'Referer': 'https://upload.facebook.com/' } }))
+                            .then(async (response) => {
+                                const text = await response.text();
+                                let photoId = null;
+                                const photoIDMatch = text.match(/"photoID":"(\d+)"/);
+                                if (photoIDMatch) photoId = photoIDMatch[1];
+                                if (!photoId) { const m2 = text.match(/photoID["']\s*:\s*["'](\d+)["']/); if (m2) photoId = m2[1]; }
+                                if (!photoId) { const m3 = text.match(/fbid["']\s*:\s*["'](\d+)["']/); if (m3) photoId = m3[1]; }
+                                if (photoId) resolve({ success: true, photoId });
+                                else resolve({ success: false, error: 'لم يتم استخراج photoID' });
+                            })
+                            .catch(err => resolve({ success: false, error: err.message }));
+                    } catch (e) { resolve({ success: false, error: e.message }); }
+                });
+            },
+            args: [USER_CONFIG, imageBase64, fileName]
+        }, (results) => {
+            if (results && results[0] && results[0].result) resolve(results[0].result);
+            else resolve({ success: false, error: 'فشل تنفيذ السكربت' });
+        });
+    });
+}
+
+// ========== دالة فحص حالة المنشور ==========
+async function checkPostStatus(tabId, postUrl) {
+    return new Promise((resolve) => {
+        if (!postUrl) { resolve({ isPending: false, isPublic: false }); return; }
+        chrome.scripting.executeScript({
+            target: { tabId: tabId },
+            func: (url) => {
+                return new Promise((resolve) => {
+                    fetch(url, { credentials: 'include', headers: { 'Accept': 'text/html' } })
+                        .then(res => res.text())
+                        .then(html => {
+                            const isPending = html.includes('pending_post') || html.includes('في انتظار موافقة المسؤول') || html.includes('pending approval');
+                            const hasPendingFooter = html.includes('pending_post_footer_title');
+                            resolve({ isPending: isPending || hasPendingFooter, isPublic: !isPending && !hasPendingFooter, hasPendingFooter });
+                        })
+                        .catch(() => resolve({ isPending: false, isPublic: false }));
+                });
+            },
+            args: [postUrl]
+        }, (results) => {
+            if (results && results[0] && results[0].result) resolve(results[0].result);
+            else resolve({ isPending: false, isPublic: false });
+        });
+    });
+}
+
+// ========== دالة نشر منشور في مجموعة (مع نص عشوائي للحماية) ==========
+async function publishToGroup(tabId, text, photoIds, groupId) {
+    return new Promise((resolve) => {
+        if (!groupId) { resolve({ success: false, error: 'لم يتم تحديد المجموعة' }); return; }
+        const hasPhotos = photoIds && photoIds.length > 0;
+        const docId = hasPhotos ? USER_CONFIG.doc_id_post_photo : USER_CONFIG.doc_id_post_text;
+        chrome.scripting.executeScript({
+            target: { tabId: tabId },
+            func: (config, postText, imagesIds, targetGroupId, docIdValue) => {
+                return new Promise((resolve) => {
+                    const hasPhotos = imagesIds && imagesIds.length > 0;
+                    
+                    // ✅ توليد النص العشوائي داخل func - يتغير لكل منشور
+                    const emojis = ["✨", "🌟", "💫", "🔥", "⚡", "🎯", "💎", "🔮", "🌈", "🎪", "🎭", "🎨", "🎵", "🎶", "🍀", "🌺", "🌸", "🌼", "🌻", "💐", "🦋", "🐝", "🐞", "🕊️", "🦅"];
+                    const letters = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
+                    const numbers = "0123456789";
+                    const randomEmoji1 = emojis[Math.floor(Math.random() * emojis.length)];
+                    const randomEmoji2 = emojis[Math.floor(Math.random() * emojis.length)];
+                    const randomNumber = numbers[Math.floor(Math.random() * numbers.length)];
+                    let randomWord = "";
+                    const wordLength = Math.floor(Math.random() * 6) + 5;
+                    for (let i = 0; i < wordLength; i++) {
+                        randomWord += letters[Math.floor(Math.random() * letters.length)];
+                    }
+                    const randomText = `\n​\n​\n​\n​\n​\n${randomEmoji1} ${randomWord}${randomNumber} ${randomEmoji2}`;
+                    
+                    const finalText = (postText || "") + randomText;
+                    
+                    const variables = {
+                        input: {
+                            source: "WWW",
+                            attachments: hasPhotos ? imagesIds.map(id => ({ photo: { id: id } })) : [],
+                            message: { ranges: [], text: finalText },
+                            inline_activities: [],
+                            explicit_place_id: "0",
+                            tracking: [null],
+                            audience: { to_id: targetGroupId },
+                            actor_id: config.userId,
+                            client_mutation_id: (Date.now() + Math.floor(Math.random() * 1000000)).toString()
+                        }
+                    };
+                    const formData = new FormData();
+                    formData.append('av', config.userId);
+                    formData.append('__user', config.userId);
+                    formData.append('__a', '1');
+                    formData.append('fb_dtsg', config.fb_dtsg);
+                    formData.append('variables', JSON.stringify(variables));
+                    formData.append('doc_id', docIdValue);
+                    formData.append('jazoest', config.jazoest);
+                    const prePublishDelay = Math.floor(Math.random() * (3000 - 1000 + 1)) + 1000;
+                    new Promise(r => setTimeout(r, prePublishDelay))
+                        .then(() => fetch('https://www.facebook.com/api/graphql/', { method: 'OPTIONS', credentials: 'include', headers: { 'Accept': '*/*', 'Origin': 'https://www.facebook.com', 'Referer': `https://www.facebook.com/groups/${targetGroupId}/` } }))
+                        .then(() => fetch('https://www.facebook.com/api/graphql/', { method: 'POST', credentials: 'include', body: formData, headers: { 'Accept': '*/*', 'Origin': 'https://www.facebook.com', 'Referer': `https://www.facebook.com/groups/${targetGroupId}/` } }))
+                        .then(res => res.text())
+                        .then(rawText => {
+                            let legacyId = null, storyId = null, postUrl = null;
+                            const legacyMatch = rawText.match(/"legacy_story_hideable_id":"(\d+)"/);
+                            if (legacyMatch) { legacyId = legacyMatch[1]; postUrl = `https://www.facebook.com/groups/${targetGroupId}/posts/${legacyId}/`; }
+                            if (!legacyId) { const storyMatch = rawText.match(/"story_id":"([^"]+)"/); if (storyMatch) { storyId = storyMatch[1]; postUrl = `https://www.facebook.com/groups/${targetGroupId}/permalink/${storyId}/`; } }
+                            if (!legacyId && !storyId) { const idMatch = rawText.match(/"story":\s*\{\s*"id":\s*"([^"]+)"/); if (idMatch) { storyId = idMatch[1]; postUrl = `https://www.facebook.com/groups/${targetGroupId}/permalink/${storyId}/`; } }
+                            const hasStory = rawText.includes('"story_id"') || rawText.includes('"story"');
+                            const hasPendingFooter = rawText.includes('pending_post_footer_title');
+                            let finalSuccess = false, initialPending = false;
+                            if (postUrl) { finalSuccess = true; initialPending = false; }
+                            else if (hasStory) { finalSuccess = true; initialPending = true; }
+                            else if (hasPendingFooter) { finalSuccess = false; initialPending = true; }
+                            resolve({ success: finalSuccess, pending: initialPending, story_id: legacyId || storyId, post_url: postUrl });
+                        })
+                        .catch(e => resolve({ success: false, pending: false, error: e.message, post_url: null }));
+                });
+            },
+            args: [USER_CONFIG, text, photoIds, groupId, docId] // ✅ بدون randomText هنا
+        }, (results) => {
+            if (results && results[0]) resolve(results[0].result);
+            else resolve({ success: false, error: 'فشل تنفيذ النشر', post_url: null });
+        });
+    });
+}
+
+// ========== دالة جلب المجموعات ==========
+async function fetchAllGroups(tabId) {
+    return new Promise((resolve) => {
+        chrome.scripting.executeScript({
+            target: { tabId: tabId },
+            func: (fb_dtsg, av, dyn) => {
+                return new Promise((resolve) => {
+                    const params = new URLSearchParams();
+                    params.append('fb_dtsg', fb_dtsg);
+                    params.append('av', av);
+                    if (dyn) params.append('__dyn', dyn);
+                    params.append('variables', JSON.stringify({ "adminGroupsCount": 999, "memberGroupsCount": 999, "scale": 1.5, "count": 999, "cursor": null }));
+                    params.append('doc_id', '3884641628300421');
+                    fetch('https://www.facebook.com/api/graphql/', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, credentials: 'include', body: params.toString() })
+                        .then(async (res) => {
+                            const text = await res.text();
+                            try {
+                                const data = JSON.parse(text);
+                                const groups = [];
+                                const getImageUrl = (node) => node?.image?.uri || node?.profile_picture?.uri || '';
+                                if (data.data?.adminGroups?.groups_tab?.tab_groups_list?.edges) {
+                                    data.data.adminGroups.groups_tab.tab_groups_list.edges.forEach(edge => { const node = edge.node; if (node && node.id) groups.push({ name: node.name, id: node.id, image: getImageUrl(node), url: `https://www.facebook.com/groups/${node.id}`, isAdmin: true }); });
+                                }
+                                if (data.data?.viewer?.groups?.edges) {
+                                    data.data.viewer.groups.edges.forEach(edge => { const node = edge.node; if (node && node.id) groups.push({ name: node.name, id: node.id, image: getImageUrl(node), url: `https://www.facebook.com/groups/${node.id}`, isAdmin: false }); });
+                                }
+                                if (data.data?.nonAdminGroups?.groups_tab?.tab_groups_list?.edges) {
+                                    data.data.nonAdminGroups.groups_tab.tab_groups_list.edges.forEach(edge => { const node = edge.node; if (node && node.id) groups.push({ name: node.name, id: node.id, image: getImageUrl(node), url: `https://www.facebook.com/groups/${node.id}`, isAdmin: false }); });
+                                }
+                                resolve({ success: true, groups });
+                            } catch (parseError) { resolve({ success: false, error: 'Invalid JSON' }); }
+                        })
+                        .catch(err => resolve({ success: false, error: err.message }));
+                });
+            },
+            args: [USER_CONFIG.fb_dtsg, USER_CONFIG.userId, USER_CONFIG.dyn || null]
+        }, (results) => {
+            const result = results?.[0]?.result;
+            if (result?.success && result.groups?.length > 0) {
+                result.groups.sort((a, b) => (a.isAdmin === b.isAdmin) ? 0 : a.isAdmin ? -1 : 1);
+                resolve({ groups: result.groups });
+            } else resolve({ groups: result?.groups || [] });
+        });
+    });
+}
+
+// ========== نشر في مجموعة واحدة ==========
+async function publishToOneGroup(groupId, text, images) {
+    return new Promise(async (resolve) => {
+        const groupUrl = `https://www.facebook.com/groups/${groupId}/`;
+        chrome.tabs.create({ url: groupUrl, active: false }, async (groupTab) => {
+            const tabId = groupTab.id;
+            currentPublishTabId = tabId;
+
+            let tabClosedByUser = false;
+            let resolved = false;
+
+            const sendProgress = (payload) => {
+                if (appTabId) chrome.tabs.sendMessage(appTabId, payload).catch(() => {});
+                else chrome.runtime.sendMessage(payload).catch(() => {});
+            };
+
+            const onTabRemoved = (removedTabId) => {
+                if (removedTabId !== tabId) return;
+                chrome.tabs.onRemoved.removeListener(onTabRemoved);
+                tabClosedByUser = true;
+                currentPublishTabId = null;
+                publishCancelled = true;
+                sendProgress({ action: "publishStopped", doneCount: 0, total: 0 });
+                if (!resolved) { resolved = true; resolve({ success: false, error: 'أغلق المستخدم تبويب فيسبوك', tabClosed: true, post_url: null }); }
+            };
+            chrome.tabs.onRemoved.addListener(onTabRemoved);
+
+            const waitWithCheck = async (ms) => {
+                const step = 500; let elapsed = 0;
+                while (elapsed < ms) { if (publishCancelled || tabClosedByUser) return; await new Promise(r => setTimeout(r, Math.min(step, ms - elapsed))); elapsed += step; }
+            };
+
+            const initialWait = Math.floor(Math.random() * (20000 - 8000 + 1)) + 8000;
+            await waitWithCheck(initialWait);
+            if (tabClosedByUser || publishCancelled) { chrome.tabs.onRemoved.removeListener(onTabRemoved); if (!resolved) { resolved = true; chrome.tabs.remove(tabId, () => {}); currentPublishTabId = null; resolve({ success: false, error: 'تم الإلغاء', post_url: null }); } return; }
+
+            let photoIds = [];
+            if (!publishCancelled && !tabClosedByUser && images && images.length > 0) {
+                for (let i = 0; i < images.length; i++) {
+                    if (publishCancelled || tabClosedByUser) break;
+                    const img = images[i];
+                    const result = await uploadImage(tabId, img.data, img.name);
+                    if (result.success && result.photoId) photoIds.push(result.photoId);
+                    if (i < images.length - 1) await waitWithCheck(1500);
+                }
+            }
+            if (tabClosedByUser || publishCancelled) { chrome.tabs.onRemoved.removeListener(onTabRemoved); if (!resolved) { resolved = true; chrome.tabs.remove(tabId, () => {}); currentPublishTabId = null; resolve({ success: false, error: 'تم الإلغاء', post_url: null }); } return; }
+            if (photoIds.length > 0) await waitWithCheck(2000);
+            if (tabClosedByUser || publishCancelled) { chrome.tabs.onRemoved.removeListener(onTabRemoved); if (!resolved) { resolved = true; chrome.tabs.remove(tabId, () => {}); currentPublishTabId = null; resolve({ success: false, error: 'تم الإلغاء', post_url: null }); } return; }
+
+            const publishResult = await publishToGroup(tabId, text, photoIds, groupId);
+            if (tabClosedByUser) { chrome.tabs.onRemoved.removeListener(onTabRemoved); return; }
+            if (publishResult.success && publishResult.post_url) {
+                await waitWithCheck(2000);
+                if (!tabClosedByUser) {
+                    const statusCheck = await checkPostStatus(tabId, publishResult.post_url);
+                    publishResult.pending = statusCheck.isPending;
+                }
+            }
+            chrome.tabs.onRemoved.removeListener(onTabRemoved);
+            setTimeout(() => { chrome.tabs.remove(tabId, () => {}); }, 3000);
+            currentPublishTabId = null;
+            if (!resolved) { resolved = true; resolve(publishResult); }
+        });
+    });
+}
+
+// ========== دوال مساعدة ==========
+function isAppOrigin(url) { if (!url) return false; try { return new URL(url).origin === APP_ORIGIN; } catch { return false; } }
+function isRealAppUrl(url) { if (!url) return false; try { const p = new URL(url); return p.pathname === '/app' || p.pathname.startsWith('/app/') || p.pathname.startsWith('/app?'); } catch { return url.includes('/app'); } }
+
+// ========== معالجة الرسائل ==========
+chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
+    if (sender.tab && sender.tab.id && sender.tab.url && isAppOrigin(sender.tab.url)) {
+        appTabId = sender.tab.id;
+        if (isRealAppUrl(sender.tab.url)) chrome.storage.local.set({ appUrl: sender.tab.url });
+    }
+
+    if (request.action === "registerAppUrl") { sendResponse({ success: true }); return true; }
+
+    if (request.action === "getGroups") {
+        (async () => {
+            const sendProgress = (p) => { if (appTabId) chrome.tabs.sendMessage(appTabId, p).catch(() => {}); else chrome.runtime.sendMessage(p).catch(() => {}); };
+            sendProgress({ action: "groupsProgress", status: "checking", message: "جاري التحقق..." });
+            const captureResult = await ensureFacebookAndCaptureKeys();
+            if (!captureResult.success) { sendResponse({ success: false, error: captureResult.error, message: captureResult.message }); return; }
+            sendProgress({ action: "groupsProgress", status: "fetching", message: "جاري جلب المجموعات..." });
+            const groupsResult = await fetchAllGroups(captureResult.tabId);
+            if (groupsResult.groups && groupsResult.groups.length > 0) {
+                sendProgress({ action: "groupsProgress", status: "complete", message: `تم جلب ${groupsResult.groups.length} مجموعة` });
+                sendResponse({ success: true, groups: groupsResult.groups, userId: captureResult.userId });
+            } else {
+                sendResponse({ success: false, error: "no_groups", message: "لم يتم العثور على مجموعات" });
+            }
+        })();
+        return true;
+    }
+
+    if (request.action === "openFacebook") { chrome.tabs.create({ url: 'https://www.facebook.com', active: true }, () => sendResponse({ success: true })); return true; }
+    if (request.action === "removePublishImage") { if (typeof request.index === 'number' && request.index >= 0 && request.index < activePublishImages.length) activePublishImages.splice(request.index, 1); sendResponse({ success: true, remaining: activePublishImages.length }); return true; }
+
+    if (request.action === "stopPublishing") {
+        publishCancelled = true;
+        isPublishingNow = false;
+        chrome.storage.local.set({ publishCancelled: true });
+        if (currentPublishTabId !== null) { chrome.tabs.remove(currentPublishTabId, () => {}); currentPublishTabId = null; }
+        sendResponse({ success: true });
+        return true;
+    }
+
+    if (request.action === "getPublishStatus") { sendResponse({ isPublishing: isPublishingNow }); return true; }
+
+    if (request.action === "publishToGroup") {
+        (async () => {
+            await storageReady;
+            if (!USER_CONFIG.fb_dtsg || !USER_CONFIG.userId) { sendResponse({ success: false, error: "الرجاء جلب المجموعات أولاً" }); return; }
+            publishCancelled = false; isPublishingNow = true; chrome.storage.local.set({ publishCancelled: false });
+            const result = await publishToOneGroup(request.groupId, request.text || "", request.images || []);
+            isPublishingNow = false; sendResponse(result);
+        })();
+        return true;
+    }
+
+    if (request.action === "publishToMultipleGroups") {
+        (async () => {
+            await storageReady;
+            if (isPublishingNow) { sendResponse({ success: false, error: "النشر جارٍ بالفعل" }); return; }
+            if (!USER_CONFIG.fb_dtsg || !USER_CONFIG.userId) { sendResponse({ success: false, error: "الرجاء جلب المجموعات أولاً" }); return; }
+            if (!request.groupIds || request.groupIds.length === 0) { sendResponse({ success: false, error: "الرجاء اختيار مجموعة" }); return; }
+
+            publishCancelled = false; isPublishingNow = true;
+            chrome.storage.local.set({ publishCancelled: false });
+
+            const groupIds = request.groupIds;
+            const text = request.text || "";
+            activePublishImages = JSON.parse(JSON.stringify(request.images || []));
+
+            sendResponse({ success: true, started: true, total: groupIds.length });
+
+            const sendProgress = (payload) => {
+                if (appTabId) chrome.tabs.sendMessage(appTabId, payload).catch(() => {});
+                else chrome.runtime.sendMessage(payload).catch(() => {});
+            };
+
+            for (let i = 0; i < groupIds.length; i++) {
+                if (publishCancelled) {
+                    const allProgress = [];
+                    for (let j = i; j < groupIds.length; j++) {
+                        allProgress.push({ groupId: groupIds[j], status: "failed", error: "تم إيقاف النشر - أُغلق تبويب فيسبوك" });
+                    }
+                    sendProgress({ action: "publishStopped", doneCount: i, total: groupIds.length, failedGroups: allProgress });
+                    break;
+                }
+
+                const groupId = groupIds[i];
+                sendProgress({ action: "publishProgress", current: i + 1, total: groupIds.length, groupId, status: "publishing" });
+
+                const result = await publishToOneGroup(groupId, text, [...activePublishImages]);
+
+                if (publishCancelled) {
+                    const allProgress = [];
+                    for (let j = i + 1; j < groupIds.length; j++) {
+                        allProgress.push({ groupId: groupIds[j], status: "failed", error: "تم إيقاف النشر - أُغلق تبويب فيسبوك" });
+                    }
+                    sendProgress({ action: "publishStopped", doneCount: i + (result.success ? 1 : 0), total: groupIds.length, failedGroups: allProgress });
+                    break;
+                }
+
+                let status = result.success ? (result.pending ? "pending" : "success") : "failed";
+                sendProgress({ action: "publishProgress", current: i + 1, total: groupIds.length, groupId, status, pending: result.pending || false, error: result.error || null, postUrl: result.post_url || null });
+
+                if (i < groupIds.length - 1 && !publishCancelled) {
+                    const delaySeconds = request.delayConfig?.mode === 'fixed' && request.delayConfig.seconds > 0 ? Math.max(10, Math.floor(request.delayConfig.seconds)) : randomDelay();
+                    for (let sec = delaySeconds; sec > 0; sec--) {
+                        if (publishCancelled) break;
+                        sendProgress({ action: "publishCountdown", seconds: sec, totalDelay: delaySeconds, nextGroup: i + 2, total: groupIds.length });
+                        await new Promise(r => setTimeout(r, 1000));
+                    }
+                }
+            }
+
+            if (!publishCancelled) sendProgress({ action: "publishComplete", total: groupIds.length });
+
+            isPublishingNow = false; publishCancelled = false;
+            chrome.storage.local.set({ publishCancelled: false });
+        })();
+        return true;
+    }
+});
+
+// ========== فتح صفحة الأداة ==========
+chrome.action.onClicked.addListener(async () => {
+    if (appTabId !== null) {
+        try { const tab = await chrome.tabs.get(appTabId); if (tab.url && isAppOrigin(tab.url)) { await chrome.tabs.update(appTabId, { active: true }); return; } } catch { appTabId = null; }
+    }
+    const stored = await chrome.storage.local.get("appUrl");
+    if (stored.appUrl && isRealAppUrl(stored.appUrl) && isAppOrigin(stored.appUrl)) {
+        try { const existingTabs = await chrome.tabs.query({ url: stored.appUrl.replace(/#.*$/, '') + '*' }); if (existingTabs.length > 0 && existingTabs[0].id) { appTabId = existingTabs[0].id; await chrome.tabs.update(existingTabs[0].id, { active: true }); return; } } catch { }
+        chrome.tabs.create({ url: stored.appUrl }); return;
+    }
+    try { const appTabs = await chrome.tabs.query({ url: [APP_ORIGIN + "/app", APP_ORIGIN + "/app/*"] }); if (appTabs.length > 0 && appTabs[0].id) { appTabId = appTabs[0].id; await chrome.tabs.update(appTabs[0].id, { active: true }); return; } } catch { }
+    chrome.tabs.create({ url: DEFAULT_APP_URL });
+});
\ No newline at end of file
diff --git a/artifacts/fb-publisher/dist/public/extension/src/bridge.source.js b/artifacts/fb-publisher/dist/public/extension/src/bridge.source.js
new file mode 100644
index 0000000000000000000000000000000000000000..8f244d0a215982afb828db8a390594c3f8bbce6e
--- /dev/null
+++ b/artifacts/fb-publisher/dist/public/extension/src/bridge.source.js
@@ -0,0 +1,74 @@
+(function () {
+  const BRIDGE_TAG = "fbpub-bridge";
+  const WEB_TAG = "fbpub-web";
+
+  console.log("[Bridge] Loaded v" + chrome.runtime.getManifest().version);
+
+  // استقبال الرسائل من تطبيق الويب (Replit)
+  window.addEventListener("message", (event) => {
+    if (event.source !== window) return;
+    const msg = event.data;
+    if (!msg || msg.source !== WEB_TAG) return;
+    const { requestId, action, payload } = msg;
+
+    console.log("[Bridge] Message from web:", action, payload);
+
+    if (action === "ping") {
+      window.postMessage(
+        {
+          source: BRIDGE_TAG,
+          requestId,
+          response: { installed: true, version: chrome.runtime.getManifest().version },
+        },
+        "*",
+      );
+      return;
+    }
+
+    // إرسال الأوامر إلى الخلفية (background.js)
+    chrome.runtime.sendMessage({ action, ...(payload || {}) }, (response) => {
+      console.log("[Bridge] Response from bg for " + action + ":", response);
+      window.postMessage(
+        {
+          source: BRIDGE_TAG,
+          requestId,
+          response: response ?? { success: false, error: "no response" },
+          error: chrome.runtime.lastError ? chrome.runtime.lastError.message : null,
+        },
+        "*",
+      );
+    });
+  });
+
+  // استقبال البثوث من الخلفية (publishProgress, publishComplete, إلخ)
+  chrome.runtime.onMessage.addListener((message) => {
+    console.log("[Bridge] Broadcast from bg:", message);
+    window.postMessage(
+      {
+        source: BRIDGE_TAG,
+        broadcast: true,
+        message,
+      },
+      "*",
+    );
+  });
+
+  // إشعار جاهزية الجسر للصفحة
+  window.postMessage(
+    {
+      source: BRIDGE_TAG,
+      event: "ready",
+      version: chrome.runtime.getManifest().version,
+    },
+    "*",
+  );
+
+  // تسجيل رابط الأداة في الخلفية — فقط إذا كانت هذه صفحة التطبيق الفعلية وليس صفحة الهبوط
+  const _path = window.location.pathname;
+  if (_path === '/app' || _path.startsWith('/app/') || _path.startsWith('/app?')) {
+    chrome.runtime.sendMessage({
+      action: "registerAppUrl",
+      url: window.location.href,
+    });
+  }
+})();
diff --git a/artifacts/fb-publisher/dist/public/favicon.png b/artifacts/fb-publisher/dist/public/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..98c2c3513729696f53874f230a83652180ccba2c
Binary files /dev/null and b/artifacts/fb-publisher/dist/public/favicon.png differ
diff --git a/artifacts/fb-publisher/dist/public/favicon.svg b/artifacts/fb-publisher/dist/public/favicon.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4373d3cd2f3dad5ca6f33b5cdcccc61edaef8eb7
--- /dev/null
+++ b/artifacts/fb-publisher/dist/public/favicon.svg
@@ -0,0 +1,3 @@
+<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="180" height="180" rx="36" fill="#FF3C00"/>
+</svg>
diff --git a/artifacts/fb-publisher/dist/public/index.html b/artifacts/fb-publisher/dist/public/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..fa6f9ed58d6e7172ec1bb4347fa72b355ddfe2b9
--- /dev/null
+++ b/artifacts/fb-publisher/dist/public/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
+    <title>FB Group Publisher PRO</title>
+    <meta name="description" content="أداة احترافية لنشر المنشورات تلقائياً في مجموعات فيسبوك بسهولة وسرعة — FB Group Publisher PRO" />
+    <link rel="icon" type="image/png" href="/favicon.png" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+    <script type="module" crossorigin src="/assets/index-oEk3pbMd.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-CBpzG2YA.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
diff --git a/artifacts/fb-publisher/dist/public/logo.png b/artifacts/fb-publisher/dist/public/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..98c2c3513729696f53874f230a83652180ccba2c
Binary files /dev/null and b/artifacts/fb-publisher/dist/public/logo.png differ
diff --git a/artifacts/fb-publisher/dist/public/logo.svg b/artifacts/fb-publisher/dist/public/logo.svg
new file mode 100644
index 0000000000000000000000000000000000000000..482d6c0592dbb7155cb53d88d9dd757543b2d420
--- /dev/null
+++ b/artifacts/fb-publisher/dist/public/logo.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
+  <defs>
+    <linearGradient id="g" x1="0" y1="0" x2="64" y2="64" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#bb86fc"/>
+      <stop offset="1" stop-color="#0866ff"/>
+    </linearGradient>
+  </defs>
+  <rect width="64" height="64" rx="14" fill="url(#g)"/>
+  <path d="M37.5 19h-4.4c-3 0-5.6 2.5-5.6 5.6V29h-4v5.5h4V49h5.5V34.5h4.6l.9-5.5h-5.5v-3.5c0-1 .8-1.5 1.5-1.5h4V19z" fill="#fff"/>
+</svg>
diff --git a/artifacts/fb-publisher/dist/public/opengraph.jpg b/artifacts/fb-publisher/dist/public/opengraph.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b442e009a1727a44dbcfcf88a165f29c041b877e
Binary files /dev/null and b/artifacts/fb-publisher/dist/public/opengraph.jpg differ
diff --git a/artifacts/fb-publisher/dist/public/robots.txt b/artifacts/fb-publisher/dist/public/robots.txt
new file mode 100644
index 0000000000000000000000000000000000000000..c2a49f4fb82f19ffa9089fcf8630e5a2870d3feb
--- /dev/null
+++ b/artifacts/fb-publisher/dist/public/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /
diff --git a/artifacts/fb-publisher/index.html b/artifacts/fb-publisher/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..9ddfc9497396e9cc7b0502c6ceb070382b6251a2
--- /dev/null
+++ b/artifacts/fb-publisher/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
+    <title>FB Group Publisher PRO</title>
+    <meta name="description" content="أداة احترافية لنشر المنشورات تلقائياً في مجموعات فيسبوك بسهولة وسرعة — FB Group Publisher PRO" />
+    <link rel="icon" type="image/png" href="/favicon.png" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/artifacts/fb-publisher/package.json b/artifacts/fb-publisher/package.json
new file mode 100644
index 0000000000000000000000000000000000000000..aa166076a75321eec50cbe37baafb4393edf849c
--- /dev/null
+++ b/artifacts/fb-publisher/package.json
@@ -0,0 +1,83 @@
+{
+  "name": "@workspace/fb-publisher",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite --config vite.config.ts --host 0.0.0.0",
+    "build": "vite build --config vite.config.ts",
+    "serve": "vite preview --config vite.config.ts --host 0.0.0.0",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  },
+  "devDependencies": {
+    "@hookform/resolvers": "^3.10.0",
+    "@radix-ui/react-accordion": "^1.2.4",
+    "@radix-ui/react-alert-dialog": "^1.1.7",
+    "@radix-ui/react-aspect-ratio": "^1.1.3",
+    "@radix-ui/react-avatar": "^1.1.4",
+    "@radix-ui/react-checkbox": "^1.1.5",
+    "@radix-ui/react-collapsible": "^1.1.4",
+    "@radix-ui/react-context-menu": "^2.2.7",
+    "@radix-ui/react-dialog": "^1.1.7",
+    "@radix-ui/react-dropdown-menu": "^2.1.7",
+    "@radix-ui/react-hover-card": "^1.1.7",
+    "@radix-ui/react-label": "^2.1.3",
+    "@radix-ui/react-menubar": "^1.1.7",
+    "@radix-ui/react-navigation-menu": "^1.2.6",
+    "@radix-ui/react-popover": "^1.1.7",
+    "@radix-ui/react-progress": "^1.1.3",
+    "@radix-ui/react-radio-group": "^1.2.4",
+    "@radix-ui/react-scroll-area": "^1.2.4",
+    "@radix-ui/react-select": "^2.1.7",
+    "@radix-ui/react-separator": "^1.1.3",
+    "@radix-ui/react-slider": "^1.2.4",
+    "@radix-ui/react-slot": "^1.2.0",
+    "@radix-ui/react-switch": "^1.1.4",
+    "@radix-ui/react-tabs": "^1.1.4",
+    "@radix-ui/react-toast": "^1.2.7",
+    "@radix-ui/react-toggle": "^1.1.3",
+    "@radix-ui/react-toggle-group": "^1.1.3",
+    "@radix-ui/react-tooltip": "^1.2.0",
+    "@replit/vite-plugin-cartographer": "catalog:",
+    "@replit/vite-plugin-dev-banner": "catalog:",
+    "@replit/vite-plugin-runtime-error-modal": "catalog:",
+    "@tailwindcss/typography": "^0.5.15",
+    "@tailwindcss/vite": "catalog:",
+    "@tanstack/react-query": "catalog:",
+    "@types/node": "catalog:",
+    "@types/react": "catalog:",
+    "@types/react-dom": "catalog:",
+    "@vitejs/plugin-react": "catalog:",
+    "@workspace/api-client-react": "workspace:*",
+    "class-variance-authority": "catalog:",
+    "clsx": "catalog:",
+    "cmdk": "^1.1.1",
+    "date-fns": "^3.6.0",
+    "embla-carousel-react": "^8.6.0",
+    "framer-motion": "catalog:",
+    "input-otp": "^1.4.2",
+    "lucide-react": "catalog:",
+    "next-themes": "^0.4.6",
+    "react": "catalog:",
+    "react-day-picker": "^9.11.1",
+    "react-dom": "catalog:",
+    "react-hook-form": "^7.55.0",
+    "react-icons": "^5.4.0",
+    "react-resizable-panels": "^2.1.7",
+    "recharts": "^2.15.2",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "catalog:",
+    "tailwindcss": "catalog:",
+    "tw-animate-css": "^1.4.0",
+    "vaul": "^1.1.2",
+    "vite": "catalog:",
+    "wouter": "^3.3.5",
+    "zod": "catalog:"
+  },
+  "dependencies": {
+    "@clerk/localizations": "^4.5.5",
+    "@clerk/react": "^6.4.3",
+    "@clerk/themes": "^2.4.57",
+    "jszip": "^3.10.1"
+  }
+}
diff --git a/artifacts/fb-publisher/public/extension/background.js b/artifacts/fb-publisher/public/extension/background.js
new file mode 100644
index 0000000000000000000000000000000000000000..dd9a3e4bbf2bdc440ec73c929524f248dc5468ef
--- /dev/null
+++ b/artifacts/fb-publisher/public/extension/background.js
@@ -0,0 +1 @@
+const DEFAULT_APP_URL='https://social-media-bridge-s2555.replit.app/app';function bgLogError(_0x24e1e7,_0x445805,_0x623bd3={}){console['error']('❌\x20[BG]['+_0x24e1e7+']',_0x445805,_0x623bd3);}function bgLogInfo(_0x2f6de9,_0x425659,_0x2400a5={}){console['log']('✅\x20[BG]['+_0x2f6de9+']',_0x425659,_0x2400a5);}const USER_CONFIG={'userId':null,'doc_id_groups':'3884641628300421','doc_id_post_text':'3559434960802556','doc_id_post_photo':'25528973250111023','fb_dtsg':null,'lsd':null,'jazoest':'25415','upload_id':'jsc_c_9','targetGroupId':null};let publishCancelled=![],isPublishingNow=![],activePublishImages=[],appTabId=null,currentPublishTabId=null,resolveStorageReady;const storageReady=new Promise(_0x2637a7=>{resolveStorageReady=_0x2637a7;});chrome['storage']['local']['get'](['fb_dtsg','lsd','targetGroupId','publishCancelled','userId'],_0x4b579e=>{if(_0x4b579e['fb_dtsg'])USER_CONFIG['fb_dtsg']=_0x4b579e['fb_dtsg'];if(_0x4b579e['lsd'])USER_CONFIG['lsd']=_0x4b579e['lsd'];if(_0x4b579e['userId'])USER_CONFIG['userId']=_0x4b579e['userId'];if(_0x4b579e['targetGroupId'])USER_CONFIG['targetGroupId']=_0x4b579e['targetGroupId'];_0x4b579e['publishCancelled']&&(publishCancelled=_0x4b579e['publishCancelled'],chrome['storage']['local']['set']({'publishCancelled':![]})),bgLogInfo('init','تم\x20تحميل\x20البيانات\x20المخزنة'),resolveStorageReady();});function randomDelay(){return Math['floor'](Math['random']()*(0x95-0x3e+0x1))+0x3e;}function getFacebookUserId(){return new Promise(_0x2d8a66=>{chrome['cookies']['get']({'url':'https://www.facebook.com','name':'c_user'},_0x532d4e=>{_0x532d4e&&_0x532d4e['value']?(bgLogInfo('cookies','تم\x20العثور\x20على\x20c_user:\x20'+_0x532d4e['value']),_0x2d8a66(_0x532d4e['value'])):(bgLogInfo('cookies','لم\x20يتم\x20العثور\x20على\x20c_user\x20-\x20قد\x20لا\x20يكون\x20المستخدم\x20مسجل\x20الدخول'),_0x2d8a66(null));});});}function parseDtsgFromText(_0x352e66){let _0x6236ee=null,_0x971753=null,_0x375ee2=_0x352e66['match'](/DTSGInitialData[^{]*\{[^}]*"token"\s*:\s*"([^"]+)"/);if(_0x375ee2)_0x6236ee=_0x375ee2[0x1];if(!_0x6236ee){_0x375ee2=_0x352e66['match'](/\["fb_dtsg"\s*,\s*\[\]\s*,\s*\{\s*"token"\s*:\s*"([^"]+)"/);if(_0x375ee2)_0x6236ee=_0x375ee2[0x1];}if(!_0x6236ee){_0x375ee2=_0x352e66['match'](/"fb_dtsg"\s*:\s*"([A-Za-z0-9_\-:\.]{10,120})"/);if(_0x375ee2)_0x6236ee=_0x375ee2[0x1];}if(!_0x6236ee){_0x375ee2=_0x352e66['match'](/fb_dtsg["']\s*[,:]\s*["']([^"']{10,120})/);if(_0x375ee2)_0x6236ee=_0x375ee2[0x1];}if(!_0x6236ee){_0x375ee2=_0x352e66['match'](/DTSGInitializer\s*\(\s*\{[^}]*"token"\s*:\s*"([^"]+)"/);if(_0x375ee2)_0x6236ee=_0x375ee2[0x1];}_0x375ee2=_0x352e66['match'](/\["LSD"\s*,\s*\[\]\s*,\s*\{\s*"token"\s*:\s*"([^"]+)"/);if(_0x375ee2)_0x971753=_0x375ee2[0x1];if(!_0x971753){_0x375ee2=_0x352e66['match'](/"LSD"\s*,\s*\[\s*\]\s*,\s*\{\s*"token"\s*:\s*"([^"]+)"/);if(_0x375ee2)_0x971753=_0x375ee2[0x1];}return{'fb_dtsg':_0x6236ee,'lsd':_0x971753};}async function extractFbDtsg(_0x258cbb){return new Promise(_0x45919e=>{chrome['scripting']['executeScript']({'target':{'tabId':_0x258cbb},'func':()=>{let _0x514d7c=null,_0x381c4f=null;const _0x5aa70f=document['querySelector']('input[name=\x22fb_dtsg\x22]');if(_0x5aa70f&&_0x5aa70f['value'])_0x514d7c=_0x5aa70f['value'];const _0x1c5bf7=document['querySelector']('input[name=\x22lsd\x22]');if(_0x1c5bf7&&_0x1c5bf7['value'])_0x381c4f=_0x1c5bf7['value'];const _0x235787=document['documentElement']['innerHTML'];if(!_0x514d7c){let _0x24158e=_0x235787['match'](/DTSGInitialData[^{]*\{[^}]*"token"\s*:\s*"([^"]+)"/);if(_0x24158e)_0x514d7c=_0x24158e[0x1];}if(!_0x514d7c){let _0x269bc2=_0x235787['match'](/\["fb_dtsg"\s*,\s*\[\]\s*,\s*\{\s*"token"\s*:\s*"([^"]+)"/);if(_0x269bc2)_0x514d7c=_0x269bc2[0x1];}if(!_0x514d7c){let _0xd3123=_0x235787['match'](/"fb_dtsg"\s*:\s*"([A-Za-z0-9_\-:\.]{10,120})"/);if(_0xd3123)_0x514d7c=_0xd3123[0x1];}if(!_0x514d7c){const _0x52ce8a=document['querySelectorAll']('script');for(let _0x5ca0b7 of _0x52ce8a){const _0x219c3b=_0x5ca0b7['textContent'];if(!_0x219c3b)continue;let _0x5b3b59=_0x219c3b['match'](/DTSGInitialData[^}]*token["']\s*:\s*["']([^"']+)["']/);if(_0x5b3b59&&_0x5b3b59[0x1]){_0x514d7c=_0x5b3b59[0x1];break;}_0x5b3b59=_0x219c3b['match'](/fb_dtsg["']\s*:\s*["']([^"']+)["']/);if(_0x5b3b59&&_0x5b3b59[0x1]){_0x514d7c=_0x5b3b59[0x1];break;}_0x5b3b59=_0x219c3b['match'](/["']fb_dtsg["']\s*,\s*["']([^"']+)["']/);if(_0x5b3b59&&_0x5b3b59[0x1]){_0x514d7c=_0x5b3b59[0x1];break;}_0x5b3b59=_0x219c3b['match'](/DTSGInitializer[^)]*"token"\s*:\s*"([^"]+)"/);if(_0x5b3b59&&_0x5b3b59[0x1]){_0x514d7c=_0x5b3b59[0x1];break;}}}if(!_0x381c4f){let _0x34f649=_0x235787['match'](/\["LSD"\s*,\s*\[\]\s*,\s*\{\s*"token"\s*:\s*"([^"]+)"/);if(_0x34f649)_0x381c4f=_0x34f649[0x1];}if(!_0x381c4f){let _0xe7e267=_0x235787['match'](/["']LSD["']\s*,\s*\[\s*\]\s*,\s*\{\s*["']token["']\s*:\s*["']([^"']+)["']/);if(_0xe7e267)_0x381c4f=_0xe7e267[0x1];}return{'fb_dtsg':_0x514d7c,'lsd':_0x381c4f};}},_0x369f7e=>{if(_0x369f7e&&_0x369f7e[0x0]&&_0x369f7e[0x0]['result'])_0x45919e(_0x369f7e[0x0]['result']);else _0x45919e({'fb_dtsg':null,'lsd':null});});});}async function extractFbDtsgViaFetch(){try{bgLogInfo('fetchDtsg','محاولة\x20استخراج\x20DTSG\x20عبر\x20fetch...');const _0x182377=await fetch('https://www.facebook.com/',{'credentials':'include','headers':{'Accept':'text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8','Accept-Language':'ar,en-US;q=0.9,en;q=0.8','Cache-Control':'no-cache'}});if(!_0x182377['ok'])return bgLogInfo('fetchDtsg','HTTP\x20error:\x20'+_0x182377['status']),{'fb_dtsg':null,'lsd':null};const _0x2afc96=await _0x182377['text'](),_0x3dbc1f=parseDtsgFromText(_0x2afc96);return bgLogInfo('fetchDtsg',_0x3dbc1f['fb_dtsg']?'✅\x20نجح\x20الاستخراج\x20عبر\x20fetch':'❌\x20لم\x20يُعثر\x20على\x20DTSG\x20في\x20fetch'),_0x3dbc1f;}catch(_0x10d493){return bgLogInfo('fetchDtsg','فشل\x20fetch:\x20'+_0x10d493['message']),{'fb_dtsg':null,'lsd':null};}}async function ensureFacebookAndCaptureKeys(){return new Promise(async _0x3fc6b0=>{bgLogInfo('autoCapture','بدء\x20عملية\x20التحقق\x20من\x20فيسبوك\x20واصطياد\x20المفاتيح\x20تلقائياً');const _0x123e56=await getFacebookUserId();if(!_0x123e56){_0x3fc6b0({'success':![],'error':'not_logged_in','message':'يجب\x20تسجيل\x20الدخول\x20إلى\x20فيسبوك\x20أولاً.\x20هل\x20تريد\x20فتح\x20فيسبوك\x20الآن؟'});return;}USER_CONFIG['userId']=_0x123e56,bgLogInfo('autoCapture','تم\x20التعرف\x20على\x20الحساب:\x20'+_0x123e56);const _0x143a37=await chrome['tabs']['query']({'url':['*://*.facebook.com/*','*://*.web.facebook.com/*']});let _0x3f33d4=null;if(_0x143a37['length']===0x0){bgLogInfo('autoCapture','لا\x20يوجد\x20تبويب\x20فيسبوك\x20مفتوح،\x20جاري\x20فتح\x20تبويب\x20جديد...');const _0xc738e0=await chrome['tabs']['create']({'url':'https://www.facebook.com','active':!![]});_0x3f33d4=_0xc738e0['id'],await new Promise(_0x57712a=>setTimeout(_0x57712a,0x1388));}else _0x3f33d4=_0x143a37[0x0]['id'],bgLogInfo('autoCapture','تم\x20العثور\x20على\x20تبويب\x20فيسبوك\x20مفتوح:\x20'+_0x3f33d4);let _0x226f0f=await extractFbDtsg(_0x3f33d4);if(!_0x226f0f['fb_dtsg']){bgLogInfo('autoCapture','المحاولة\x201\x20فشلت\x20—\x20جاري\x20استخراج\x20DTSG\x20عبر\x20fetch\x20مباشر...');const _0x3026f4=await extractFbDtsgViaFetch();if(_0x3026f4['fb_dtsg'])_0x226f0f=_0x3026f4,bgLogInfo('autoCapture','✅\x20نجح\x20استخراج\x20DTSG\x20عبر\x20fetch');else{bgLogInfo('autoCapture','المحاولة\x202\x20فشلت\x20—\x20جاري\x20تحديث\x20صفحة\x20فيسبوك...'),await chrome['tabs']['reload'](_0x3f33d4),await new Promise(_0x351209=>setTimeout(_0x351209,0x1770));const _0x5adbbb=await extractFbDtsg(_0x3f33d4);if(_0x5adbbb['fb_dtsg'])_0x226f0f=_0x5adbbb,bgLogInfo('autoCapture','✅\x20نجح\x20استخراج\x20DTSG\x20بعد\x20إعادة\x20التحميل');else{const _0xc9cb93=await extractFbDtsgViaFetch();if(!_0xc9cb93['fb_dtsg']){_0x3fc6b0({'success':![],'error':'no_fb_dtsg','message':'لم\x20يتم\x20العثور\x20على\x20مفاتيح\x20فيسبوك.\x20تأكد\x20من\x20أنك\x20مسجل\x20الدخول\x20في\x20فيسبوك\x20بنفس\x20المتصفح\x20وأن\x20الصفحة\x20محملة\x20بالكامل.'});return;}_0x226f0f=_0xc9cb93;}}}USER_CONFIG['fb_dtsg']=_0x226f0f['fb_dtsg'],USER_CONFIG['lsd']=_0x226f0f['lsd'],chrome['storage']['local']['set']({'fb_dtsg':_0x226f0f['fb_dtsg'],'lsd':_0x226f0f['lsd'],'userId':_0x123e56}),bgLogInfo('autoCapture','✅\x20تم\x20اصطياد\x20المفاتيح\x20بنجاح\x20تلقائياً'),_0x3fc6b0({'success':!![],'userId':_0x123e56,'tabId':_0x3f33d4});});}async function uploadImage(_0xac0cfb,_0x1d2148,_0x59a0d2){return new Promise(_0x474830=>{bgLogInfo('upload','رفع\x20الصورة:\x20'+_0x59a0d2),chrome['scripting']['executeScript']({'target':{'tabId':_0xac0cfb},'func':(_0x38b99f,_0x516758,_0x3d7ae7)=>{return new Promise(_0x506a82=>{try{const _0x3301d9=atob(_0x516758['split'](',')[0x1]),_0x4ed531=_0x516758['split'](',')[0x0]['split'](':')[0x1]['split'](';')[0x0],_0x3026b6=new ArrayBuffer(_0x3301d9['length']),_0x241b8e=new Uint8Array(_0x3026b6);for(let _0x5d3531=0x0;_0x5d3531<_0x3301d9['length'];_0x5d3531++)_0x241b8e[_0x5d3531]=_0x3301d9['charCodeAt'](_0x5d3531);const _0xc96fb0=new Blob([_0x3026b6],{'type':_0x4ed531}),_0x462d1c=new FormData();_0x462d1c['append']('fb_dtsg',_0x38b99f['fb_dtsg']),_0x462d1c['append']('profile_id',_0x38b99f['userId']),_0x462d1c['append']('source','8'),_0x462d1c['append']('waterfallxapp','comet'),_0x462d1c['append']('farr',_0xc96fb0,_0x3d7ae7),_0x462d1c['append']('upload_id',_0x38b99f['upload_id']);const _0x4bdea4=(0x61a8+Math['floor'](Math['random']()*0x3e8))['toString']();_0x462d1c['append']('jazoest',_0x4bdea4);const _0x174a13='https://upload.facebook.com/ajax/react_composer/attachments/photo/upload?av='+_0x38b99f['userId']+'&__user='+_0x38b99f['userId']+'&__a=1&fb_dtsg='+_0x38b99f['fb_dtsg'];fetch(_0x174a13,{'method':'OPTIONS','credentials':'include'})['then'](()=>fetch(_0x174a13,{'method':'POST','credentials':'include','body':_0x462d1c,'headers':{'Accept':'*/*','Origin':'https://upload.facebook.com','Referer':'https://upload.facebook.com/'}}))['then'](async _0x3c89f3=>{const _0x579084=await _0x3c89f3['text']();let _0x3e6a24=null;const _0x1f05a6=_0x579084['match'](/"photoID":"(\d+)"/);if(_0x1f05a6)_0x3e6a24=_0x1f05a6[0x1];if(!_0x3e6a24){const _0x32c148=_0x579084['match'](/photoID["']\s*:\s*["'](\d+)["']/);if(_0x32c148)_0x3e6a24=_0x32c148[0x1];}if(!_0x3e6a24){const _0x474a45=_0x579084['match'](/fbid["']\s*:\s*["'](\d+)["']/);if(_0x474a45)_0x3e6a24=_0x474a45[0x1];}_0x3e6a24?_0x506a82({'success':!![],'photoId':_0x3e6a24}):_0x506a82({'success':![],'error':'لم\x20يتم\x20استخراج\x20photoID'});})['catch'](_0x20d224=>_0x506a82({'success':![],'error':_0x20d224['message']}));}catch(_0x3490e8){_0x506a82({'success':![],'error':_0x3490e8['message']});}});},'args':[USER_CONFIG,_0x1d2148,_0x59a0d2]},_0x39cd81=>{if(_0x39cd81&&_0x39cd81[0x0]&&_0x39cd81[0x0]['result'])_0x474830(_0x39cd81[0x0]['result']);else _0x474830({'success':![],'error':'فشل\x20تنفيذ\x20السكربت'});});});}async function checkPostStatus(_0x2d3027,_0x50a17a){return new Promise(_0x2c15ef=>{if(!_0x50a17a){_0x2c15ef({'isPending':![],'isPublic':![]});return;}bgLogInfo('checkStatus','فحص\x20حالة\x20المنشور:\x20'+_0x50a17a),chrome['scripting']['executeScript']({'target':{'tabId':_0x2d3027},'func':_0x4e81b4=>{return new Promise(_0x22c7a4=>{fetch(_0x4e81b4,{'credentials':'include','headers':{'Accept':'text/html'}})['then'](_0x4c2581=>_0x4c2581['text']())['then'](_0xff3860=>{const _0x4b0051=_0xff3860['includes']('pending_post')||_0xff3860['includes']('في\x20انتظار\x20موافقة\x20المسؤول')||_0xff3860['includes']('Your\x20post\x20is\x20pending')||_0xff3860['includes']('منشورك\x20في\x20الانتظار')||_0xff3860['includes']('waiting\x20for\x20admin\x20approval')||_0xff3860['includes']('pending\x20approval')||_0xff3860['includes']('قيد\x20المراجعة')||_0xff3860['includes']('تحت\x20المراجعة')||_0xff3860['includes']('في\x20انتظار\x20المراجعة'),_0x2a3084=_0xff3860['includes']('\x22reaction_count\x22')||_0xff3860['includes']('like_button')||_0xff3860['includes']('comment_list')||_0xff3860['includes']('\x22comment_count\x22'),_0x36a984=_0xff3860['includes']('pending_post_footer_title');_0x22c7a4({'isPending':_0x4b0051||_0x36a984,'isPublic':_0x2a3084&&!_0x4b0051&&!_0x36a984,'hasPendingFooter':_0x36a984});})['catch'](()=>_0x22c7a4({'isPending':![],'isPublic':![]}));});},'args':[_0x50a17a]},_0x24a22f=>{if(_0x24a22f&&_0x24a22f[0x0]&&_0x24a22f[0x0]['result']){const _0x38d39f=_0x24a22f[0x0]['result'];bgLogInfo('checkStatus','نتيجة\x20الفحص:\x20معلق='+_0x38d39f['isPending']+',\x20footer='+_0x38d39f['hasPendingFooter']),_0x2c15ef(_0x38d39f);}else _0x2c15ef({'isPending':![],'isPublic':![]});});});}async function publishToGroup(_0x2b0d43,_0x5d4f89,_0x50bcdf,_0x188103){return new Promise(_0x48b08a=>{if(!_0x188103){_0x48b08a({'success':![],'error':'لم\x20يتم\x20تحديد\x20المجموعة'});return;}const _0x3e089a=_0x50bcdf&&_0x50bcdf['length']>0x0,_0x4c9cae=_0x3e089a?USER_CONFIG['doc_id_post_photo']:USER_CONFIG['doc_id_post_text'];bgLogInfo('publish','نشر\x20في:\x20'+_0x188103+'\x20('+(_0x3e089a?'مع\x20صور':'نص\x20فقط')+')'),chrome['scripting']['executeScript']({'target':{'tabId':_0x2b0d43},'func':(_0x4d132f,_0x1dd120,_0x29668e,_0x2e1828,_0x3ead20)=>{return new Promise(_0x504c13=>{const _0x53b16e=_0x29668e&&_0x29668e['length']>0x0,_0x4a7cda={'input':{'source':'WWW','attachments':_0x53b16e?_0x29668e['map'](_0x4f8588=>({'photo':{'id':_0x4f8588}})):[],'message':{'ranges':[],'text':_0x1dd120||''},'inline_activities':[],'explicit_place_id':'0','tracking':[null],'audience':{'to_id':_0x2e1828},'actor_id':_0x4d132f['userId'],'client_mutation_id':(Date['now']()+Math['floor'](Math['random']()*0xf4240))['toString']()}},_0x3eb40e=new FormData();_0x3eb40e['append']('av',_0x4d132f['userId']),_0x3eb40e['append']('__user',_0x4d132f['userId']),_0x3eb40e['append']('__a','1'),_0x3eb40e['append']('fb_dtsg',_0x4d132f['fb_dtsg']),_0x3eb40e['append']('variables',JSON['stringify'](_0x4a7cda)),_0x3eb40e['append']('doc_id',_0x3ead20),_0x3eb40e['append']('jazoest',_0x4d132f['jazoest']);const _0x21a9ce=Math['floor'](Math['random']()*(0xbb8-0x3e8+0x1))+0x3e8;new Promise(_0x1b75a1=>setTimeout(_0x1b75a1,_0x21a9ce))['then'](()=>fetch('https://www.facebook.com/api/graphql/',{'method':'OPTIONS','credentials':'include','headers':{'Accept':'*/*','Origin':'https://www.facebook.com','Referer':'https://www.facebook.com/groups/'+_0x2e1828+'/'}}))['then'](()=>fetch('https://www.facebook.com/api/graphql/',{'method':'POST','credentials':'include','body':_0x3eb40e,'headers':{'Accept':'*/*','Origin':'https://www.facebook.com','Referer':'https://www.facebook.com/groups/'+_0x2e1828+'/'}}))['then'](_0x2584bf=>_0x2584bf['text']())['then'](_0x14817f=>{let _0x24d44d=null,_0xe64cf4=null,_0x5c6345=null;const _0x5b89ca=_0x14817f['match'](/"legacy_story_hideable_id":"(\d+)"/);_0x5b89ca&&(_0xe64cf4=_0x5b89ca[0x1],_0x5c6345='https://www.facebook.com/groups/'+_0x2e1828+'/posts/'+_0xe64cf4+'/');if(!_0xe64cf4){const _0x193eb9=_0x14817f['match'](/"story_id":"([^"]+)"/);_0x193eb9&&(_0x24d44d=_0x193eb9[0x1],_0x5c6345='https://www.facebook.com/groups/'+_0x2e1828+'/permalink/'+_0x24d44d+'/');}if(!_0xe64cf4&&!_0x24d44d){const _0x2117de=_0x14817f['match'](/"story":\s*\{\s*"id":\s*"([^"]+)"/);_0x2117de&&(_0x24d44d=_0x2117de[0x1],_0x5c6345='https://www.facebook.com/groups/'+_0x2e1828+'/permalink/'+_0x24d44d+'/');}if(!_0x5c6345){const _0x7ec12a=_0x14817f['match'](/"url":"([^"]+)\/posts\/(\d+)\/"/);_0x7ec12a&&(_0x5c6345=_0x7ec12a[0x0]['replace'](/.*"url":"/,'')['replace'](/".*/,''),_0x5c6345=_0x5c6345['replace'](/\\\//g,'/'));}const _0x925c85=_0x14817f['includes']('\x22story_id\x22')||_0x14817f['includes']('\x22story\x22')||_0x14817f['includes']('\x22legacy_story_hideable_id\x22'),_0x234d6c=_0x14817f['includes']('pending_post_footer_title')||_0x14817f['includes']('/pending_posts/');let _0x2a6951=![],_0x20d21b=![];if(_0x5c6345)_0x2a6951=!![],_0x20d21b=![];else{if(_0x925c85)_0x2a6951=!![],_0x20d21b=!![];else _0x234d6c?(_0x2a6951=![],_0x20d21b=!![]):(_0x2a6951=![],_0x20d21b=![]);}_0x504c13({'success':_0x2a6951,'pending':_0x20d21b,'story_id':_0xe64cf4||_0x24d44d,'post_url':_0x5c6345,'raw_response':_0x14817f['substring'](0x0,0x1f4)});})['catch'](_0x31fb6c=>_0x504c13({'success':![],'pending':![],'error':_0x31fb6c['message'],'post_url':null}));});},'args':[USER_CONFIG,_0x5d4f89,_0x50bcdf,_0x188103,_0x4c9cae]},_0x3689f0=>{if(_0x3689f0&&_0x3689f0[0x0])_0x48b08a(_0x3689f0[0x0]['result']);else _0x48b08a({'success':![],'error':'فشل\x20تنفيذ\x20النشر','post_url':null});});});}async function fetchAllGroups(_0x32a1f6){return new Promise(_0x28285d=>{let _0x529030=new Map(),_0x3b9744=null,_0x168e92=0x14,_0x8fe240=0x0,_0x35172b=null;const _0x5a1c1f=()=>{_0x8fe240++;if(_0x8fe240>_0x168e92){const _0x416bed=Array['from'](_0x529030['values']());_0x416bed['sort']((_0x441744,_0x25ecca)=>_0x441744['isAdmin']===_0x25ecca['isAdmin']?0x0:_0x441744['isAdmin']?-0x1:0x1),_0x28285d({'groups':_0x416bed});return;}chrome['scripting']['executeScript']({'target':{'tabId':_0x32a1f6},'func':(_0xf230dc,_0x2c1483,_0x282e32,_0x21314a)=>{return new Promise(_0x2a75c2=>{const _0x997e11=new URLSearchParams();_0x997e11['append']('fb_dtsg',_0xf230dc),_0x997e11['append']('av',_0x2c1483);if(_0x282e32)_0x997e11['append']('lsd',_0x282e32);_0x997e11['append']('__req','1'),_0x997e11['append']('fb_api_caller_class','RelayModern'),_0x997e11['append']('fb_api_req_friendly_name','CometGroupsListQuery'),_0x997e11['append']('variables',JSON['stringify']({'adminGroupsCount':0x5a,'memberGroupsCount':0x1388,'scale':1.5,'count':0x32,'cursor':_0x21314a})),_0x997e11['append']('doc_id','3884641628300421'),fetch('https://www.facebook.com/api/graphql/',{'method':'POST','headers':{'Content-Type':'application/x-www-form-urlencoded'},'credentials':'include','body':_0x997e11['toString']()})['then'](_0x284ad3=>_0x284ad3['json']())['then'](_0x1a4ec8=>{const _0x39ea9e=[],_0x1f2d43=_0x47a6a9=>_0x47a6a9?.['image']?.['uri']||_0x47a6a9?.['profile_picture']?.['uri']||'';_0x1a4ec8['data']?.['adminGroups']?.['groups_tab']?.['tab_groups_list']?.['edges']&&_0x1a4ec8['data']['adminGroups']['groups_tab']['tab_groups_list']['edges']['forEach'](_0x7f0a03=>{const _0x5c938b=_0x7f0a03['node'];if(_0x5c938b&&_0x5c938b['id'])_0x39ea9e['push']({'name':_0x5c938b['name'],'id':_0x5c938b['id'],'image':_0x1f2d43(_0x5c938b),'url':'https://www.facebook.com/groups/'+_0x5c938b['id'],'isAdmin':!![]});});_0x1a4ec8['data']?.['viewer']?.['groups']?.['edges']&&_0x1a4ec8['data']['viewer']['groups']['edges']['forEach'](_0x327e3d=>{const _0x1e6295=_0x327e3d['node'];if(_0x1e6295&&_0x1e6295['id'])_0x39ea9e['push']({'name':_0x1e6295['name'],'id':_0x1e6295['id'],'image':_0x1f2d43(_0x1e6295),'url':'https://www.facebook.com/groups/'+_0x1e6295['id'],'isAdmin':![]});});_0x1a4ec8['data']?.['nonAdminGroups']?.['groups_tab']?.['tab_groups_list']?.['edges']&&_0x1a4ec8['data']['nonAdminGroups']['groups_tab']['tab_groups_list']['edges']['forEach'](_0x1eb408=>{const _0x25bd19=_0x1eb408['node'];if(_0x25bd19&&_0x25bd19['id'])_0x39ea9e['push']({'name':_0x25bd19['name'],'id':_0x25bd19['id'],'image':_0x1f2d43(_0x25bd19),'url':'https://www.facebook.com/groups/'+_0x25bd19['id'],'isAdmin':![]});});let _0x30ca3f=null;if(_0x1a4ec8['data']?.['viewer']?.['groups']?.['page_info']?.['end_cursor'])_0x30ca3f=_0x1a4ec8['data']['viewer']['groups']['page_info']['end_cursor'];if(_0x1a4ec8['data']?.['nonAdminGroups']?.['groups_tab']?.['tab_groups_list']?.['page_info']?.['end_cursor'])_0x30ca3f=_0x1a4ec8['data']['nonAdminGroups']['groups_tab']['tab_groups_list']['page_info']['end_cursor'];if(_0x1a4ec8['data']?.['adminGroups']?.['groups_tab']?.['tab_groups_list']?.['page_info']?.['end_cursor'])_0x30ca3f=_0x1a4ec8['data']['adminGroups']['groups_tab']['tab_groups_list']['page_info']['end_cursor'];_0x2a75c2({'groups':_0x39ea9e,'nextCursor':_0x30ca3f,'hasMore':_0x30ca3f&&_0x30ca3f!==_0x21314a});})['catch'](_0x4a7782=>_0x2a75c2({'error':_0x4a7782['message']}));});},'args':[USER_CONFIG['fb_dtsg'],USER_CONFIG['userId'],USER_CONFIG['lsd']||'',_0x3b9744]},_0x532d1f=>{if(_0x532d1f&&_0x532d1f[0x0]&&_0x532d1f[0x0]['result']){const _0x24465a=_0x532d1f[0x0]['result'];_0x24465a['groups']&&_0x24465a['groups']['forEach'](_0x253a9a=>{if(!_0x529030['has'](_0x253a9a['id']))_0x529030['set'](_0x253a9a['id'],_0x253a9a);});const _0x269641=_0x24465a['hasMore']&&_0x24465a['nextCursor']&&_0x24465a['nextCursor']!==_0x35172b;if(_0x269641&&_0x8fe240<_0x168e92)_0x35172b=_0x3b9744,_0x3b9744=_0x24465a['nextCursor'],setTimeout(()=>_0x5a1c1f(),0x1f4);else{const _0x7d516d=Array['from'](_0x529030['values']());_0x7d516d['sort']((_0x1fca8e,_0x37c3a1)=>_0x1fca8e['isAdmin']===_0x37c3a1['isAdmin']?0x0:_0x1fca8e['isAdmin']?-0x1:0x1),_0x28285d({'groups':_0x7d516d});}}else{const _0x2d71c0=Array['from'](_0x529030['values']());_0x2d71c0['sort']((_0x22d572,_0x545c29)=>_0x22d572['isAdmin']===_0x545c29['isAdmin']?0x0:_0x22d572['isAdmin']?-0x1:0x1),_0x28285d({'groups':_0x2d71c0});}});};_0x5a1c1f();});}async function publishToOneGroup(_0x3bfd86,_0x41c537,_0x283118){return new Promise(async _0x2f0d5e=>{const _0x2bfa89='https://www.facebook.com/groups/'+_0x3bfd86+'/';bgLogInfo('publishOne','فتح\x20تبويب:\x20'+_0x2bfa89),chrome['tabs']['create']({'url':_0x2bfa89,'active':![]},async _0x5180b4=>{const _0x385c90=_0x5180b4['id'];currentPublishTabId=_0x385c90;let _0x8530ba=![],_0x5d6f14=![];const _0x340edd=_0x2b79a8=>{if(_0x2b79a8!==_0x385c90)return;chrome['tabs']['onRemoved']['removeListener'](_0x340edd),_0x8530ba=!![],currentPublishTabId=null,!_0x5d6f14&&(_0x5d6f14=!![],bgLogInfo('publishOne','⚠️\x20تم\x20إغلاق\x20تبويب\x20فيسبوك\x20من\x20قبل\x20المستخدم'),_0x2f0d5e({'success':![],'error':'أغلق\x20المستخدم\x20تبويب\x20فيسبوك','tabClosed':!![],'post_url':null}));};chrome['tabs']['onRemoved']['addListener'](_0x340edd);const _0x4d8e37=async _0x53ca8a=>{const _0x36bcce=0x1f4;let _0x3e3e8a=0x0;while(_0x3e3e8a<_0x53ca8a){if(publishCancelled||_0x8530ba)return;await new Promise(_0x2efa60=>setTimeout(_0x2efa60,Math['min'](_0x36bcce,_0x53ca8a-_0x3e3e8a))),_0x3e3e8a+=_0x36bcce;}},_0x2dca3a=Math['floor'](Math['random']()*(0x4e20-0x1f40+0x1))+0x1f40;bgLogInfo('publishOne','⏳\x20انتظار\x20'+_0x2dca3a/0x3e8+'\x20ثانية\x20قبل\x20بدء\x20النشر...'),await _0x4d8e37(_0x2dca3a);if(_0x8530ba||publishCancelled){chrome['tabs']['onRemoved']['removeListener'](_0x340edd);!publishCancelled&&!_0x5d6f14&&(_0x5d6f14=!![],chrome['tabs']['remove'](_0x385c90,()=>{}),currentPublishTabId=null,_0x2f0d5e({'success':![],'error':'تم\x20الإلغاء','post_url':null}));return;}let _0x453de1=[];if(!publishCancelled&&!_0x8530ba&&_0x283118&&_0x283118['length']>0x0)for(let _0x303a3a=0x0;_0x303a3a<_0x283118['length'];_0x303a3a++){if(publishCancelled||_0x8530ba)break;const _0x55756f=_0x283118[_0x303a3a],_0x7cd524=await uploadImage(_0x385c90,_0x55756f['data'],_0x55756f['name']);_0x7cd524['success']&&_0x7cd524['photoId']&&(_0x453de1['push'](_0x7cd524['photoId']),bgLogInfo('publishOne','✅\x20تم\x20رفع\x20الصورة:\x20'+_0x7cd524['photoId']));if(_0x303a3a<_0x283118['length']-0x1)await _0x4d8e37(0x5dc);}if(_0x8530ba||publishCancelled){chrome['tabs']['onRemoved']['removeListener'](_0x340edd);!_0x5d6f14&&(_0x5d6f14=!![],chrome['tabs']['remove'](_0x385c90,()=>{}),currentPublishTabId=null,_0x2f0d5e({'success':![],'error':'تم\x20الإلغاء','post_url':null}));return;}if(_0x453de1['length']>0x0)await _0x4d8e37(0x7d0);if(_0x8530ba||publishCancelled){chrome['tabs']['onRemoved']['removeListener'](_0x340edd);!_0x5d6f14&&(_0x5d6f14=!![],chrome['tabs']['remove'](_0x385c90,()=>{}),currentPublishTabId=null,_0x2f0d5e({'success':![],'error':'تم\x20الإلغاء','post_url':null}));return;}const _0x4c06d0=await publishToGroup(_0x385c90,_0x41c537,_0x453de1,_0x3bfd86);if(_0x8530ba){chrome['tabs']['onRemoved']['removeListener'](_0x340edd);return;}if(_0x4c06d0['success']&&_0x4c06d0['post_url']){bgLogInfo('publishOne','🔗\x20رابط\x20المنشور:\x20'+_0x4c06d0['post_url']),await _0x4d8e37(0x7d0);if(!_0x8530ba){const _0x4713bf=await checkPostStatus(_0x385c90,_0x4c06d0['post_url']);_0x4713bf['isPending']?(_0x4c06d0['pending']=!![],bgLogInfo('publishOne','🟠\x20المنشور\x20معلق\x20(قيد\x20المراجعة)')):(_0x4c06d0['pending']=![],bgLogInfo('publishOne','✅\x20المنشور\x20منشور\x20فعلاً'));}}chrome['tabs']['onRemoved']['removeListener'](_0x340edd),setTimeout(()=>{chrome['tabs']['remove'](_0x385c90,()=>{});},0xbb8),currentPublishTabId=null,!_0x5d6f14&&(_0x5d6f14=!![],_0x2f0d5e(_0x4c06d0));});});}function isRealAppUrl(_0x19ba5b){if(!_0x19ba5b)return![];try{const _0x5690e5=new URL(_0x19ba5b);return _0x5690e5['pathname']==='/app'||_0x5690e5['pathname']['startsWith']('/app/')||_0x5690e5['pathname']['startsWith']('/app?');}catch{return _0x19ba5b['includes']('/app');}}chrome['runtime']['onMessage']['addListener']((_0x580bda,_0x1f28e2,_0x465786)=>{_0x1f28e2['tab']&&_0x1f28e2['tab']['id']&&(appTabId=_0x1f28e2['tab']['id'],_0x1f28e2['tab']['url']&&isRealAppUrl(_0x1f28e2['tab']['url'])&&(chrome['storage']['local']['set']({'appUrl':_0x1f28e2['tab']['url']}),bgLogInfo('connection','تم\x20حفظ\x20appUrl:\x20'+_0x1f28e2['tab']['url'])),bgLogInfo('connection','تم\x20تحديث\x20appTabId\x20إلى:\x20'+appTabId));if(_0x580bda['action']==='registerAppUrl'){if(_0x580bda['url']&&isRealAppUrl(_0x580bda['url']))chrome['storage']['local']['set']({'appUrl':_0x580bda['url']}),bgLogInfo('registerAppUrl','تم\x20حفظ\x20رابط\x20الأداة:\x20'+_0x580bda['url']);else _0x580bda['url']&&bgLogInfo('registerAppUrl','تم\x20تجاهل\x20رابط\x20صفحة\x20الهبوط:\x20'+_0x580bda['url']);return _0x465786({'success':!![]}),!![];}if(_0x580bda['action']==='getGroups')return((async()=>{bgLogInfo('getGroups','بدء\x20عملية\x20جلب\x20المجموعات\x20التلقائية');appTabId?chrome['tabs']['sendMessage'](appTabId,{'action':'groupsProgress','status':'checking','message':'جاري\x20التحقق\x20من\x20تسجيل\x20الدخول\x20إلى\x20فيسبوك...'})['catch'](()=>{}):chrome['runtime']['sendMessage']({'action':'groupsProgress','status':'checking','message':'جاري\x20التحقق\x20من\x20تسجيل\x20الدخول\x20إلى\x20فيسبوك...'})['catch'](()=>{});const _0x195a12=await ensureFacebookAndCaptureKeys();if(!_0x195a12['success']){const _0x586d69=_0x195a12['error']==='not_logged_in'?{'action':'needFacebookLogin','message':_0x195a12['message']}:{'action':'groupsProgress','status':'error','message':_0x195a12['message']};appTabId?chrome['tabs']['sendMessage'](appTabId,_0x586d69)['catch'](()=>{}):chrome['runtime']['sendMessage'](_0x586d69)['catch'](()=>{});_0x465786({'success':![],'error':_0x195a12['error'],'message':_0x195a12['message']});return;}const _0xaa237f={'action':'groupsProgress','status':'capturing','message':'تم\x20اصطياد\x20المفاتيح\x20بنجاح،\x20جاري\x20جلب\x20المجموعات...'};appTabId?chrome['tabs']['sendMessage'](appTabId,_0xaa237f)['catch'](()=>{}):chrome['runtime']['sendMessage'](_0xaa237f)['catch'](()=>{});const _0x36c92b=await fetchAllGroups(_0x195a12['tabId']);if(_0x36c92b['groups']&&_0x36c92b['groups']['length']>0x0){bgLogInfo('getGroups','تم\x20جلب\x20'+_0x36c92b['groups']['length']+'\x20مجموعة');const _0x384af5={'action':'groupsProgress','status':'complete','message':'تم\x20جلب\x20'+_0x36c92b['groups']['length']+'\x20مجموعة\x20بنجاح'};appTabId?chrome['tabs']['sendMessage'](appTabId,_0x384af5)['catch'](()=>{}):chrome['runtime']['sendMessage'](_0x384af5)['catch'](()=>{}),_0x465786({'success':!![],'groups':_0x36c92b['groups'],'userId':_0x195a12['userId']});}else{const _0x4684e6={'action':'groupsProgress','status':'error','message':'لم\x20يتم\x20العثور\x20على\x20مجموعات'};appTabId?chrome['tabs']['sendMessage'](appTabId,_0x4684e6)['catch'](()=>{}):chrome['runtime']['sendMessage'](_0x4684e6)['catch'](()=>{}),_0x465786({'success':![],'error':'no_groups','message':'لم\x20يتم\x20العثور\x20على\x20مجموعات'});}})()),!![];if(_0x580bda['action']==='openFacebook')return chrome['tabs']['create']({'url':'https://www.facebook.com','active':!![]},()=>{_0x465786({'success':!![]});}),!![];if(_0x580bda['action']==='removePublishImage'){const _0x2d7722=_0x580bda['index'];return typeof _0x2d7722==='number'&&_0x2d7722>=0x0&&_0x2d7722<activePublishImages['length']&&(activePublishImages['splice'](_0x2d7722,0x1),bgLogInfo('removeImg','تم\x20حذف\x20الصورة\x20'+_0x2d7722+'،\x20متبقي:\x20'+activePublishImages['length'])),_0x465786({'success':!![],'remaining':activePublishImages['length']}),!![];}if(_0x580bda['action']==='stopPublishing')return publishCancelled=!![],isPublishingNow=![],chrome['storage']['local']['set']({'publishCancelled':!![]}),bgLogInfo('stop','🛑\x20تم\x20طلب\x20إيقاف\x20النشر'),currentPublishTabId!==null&&(chrome['tabs']['remove'](currentPublishTabId,()=>{}),currentPublishTabId=null),_0x465786({'success':!![]}),!![];if(_0x580bda['action']==='getPublishStatus')return _0x465786({'isPublishing':isPublishingNow}),!![];if(_0x580bda['action']==='publishToGroup')return((async()=>{await storageReady;if(!USER_CONFIG['fb_dtsg']||!USER_CONFIG['userId']){_0x465786({'success':![],'error':'الرجاء\x20جلب\x20المجموعات\x20أولاً\x20ليتم\x20التحقق\x20من\x20الحساب\x20تلقائياً'});return;}if(!_0x580bda['groupId']){_0x465786({'success':![],'error':'الرجاء\x20اختيار\x20مجموعة'});return;}publishCancelled=![],isPublishingNow=!![],chrome['storage']['local']['set']({'publishCancelled':![]});const _0xe5a1ad=await publishToOneGroup(_0x580bda['groupId'],_0x580bda['text']||'',_0x580bda['images']||[]);isPublishingNow=![],_0x465786(_0xe5a1ad);})()),!![];if(_0x580bda['action']==='publishToMultipleGroups')return((async()=>{await storageReady;if(isPublishingNow){_0x465786({'success':![],'error':'النشر\x20جارٍ\x20بالفعل،\x20يرجى\x20الانتظار'});return;}if(!USER_CONFIG['fb_dtsg']||!USER_CONFIG['userId']){_0x465786({'success':![],'error':'الرجاء\x20جلب\x20المجموعات\x20أولاً\x20ليتم\x20التحقق\x20من\x20الحساب\x20تلقائياً'});return;}if(!_0x580bda['groupIds']||_0x580bda['groupIds']['length']===0x0){_0x465786({'success':![],'error':'الرجاء\x20اختيار\x20مجموعة\x20واحدة\x20على\x20الأقل'});return;}publishCancelled=![],isPublishingNow=!![],chrome['storage']['local']['set']({'publishCancelled':![]});const _0x16f3b6=_0x580bda['groupIds'],_0x1b00b6=_0x580bda['text']||'';activePublishImages=JSON['parse'](JSON['stringify'](_0x580bda['images']||[])),bgLogInfo('multiPublish','بدء\x20النشر\x20في\x20'+_0x16f3b6['length']+'\x20مجموعة'),_0x465786({'success':!![],'started':!![],'total':_0x16f3b6['length']});const _0x5272ff=_0x56f50b=>{appTabId?chrome['tabs']['sendMessage'](appTabId,_0x56f50b)['catch'](()=>{}):chrome['runtime']['sendMessage'](_0x56f50b)['catch'](()=>{});};for(let _0x454bee=0x0;_0x454bee<_0x16f3b6['length'];_0x454bee++){if(publishCancelled){bgLogInfo('multiPublish','🛑\x20تم\x20إلغاء\x20النشر\x20عند\x20المجموعة\x20'+(_0x454bee+0x1)),_0x5272ff({'action':'publishStopped','doneCount':_0x454bee,'total':_0x16f3b6['length']});break;}const _0x186456=_0x16f3b6[_0x454bee];bgLogInfo('multiPublish','نشر\x20'+(_0x454bee+0x1)+'/'+_0x16f3b6['length']+'\x20في:\x20'+_0x186456),_0x5272ff({'action':'publishProgress','current':_0x454bee+0x1,'total':_0x16f3b6['length'],'groupId':_0x186456,'status':'publishing'});const _0x134701=await publishToOneGroup(_0x186456,_0x1b00b6,[...activePublishImages]);if(publishCancelled){_0x5272ff({'action':'publishStopped','doneCount':_0x454bee+(_0x134701['success']?0x1:0x0),'total':_0x16f3b6['length']});break;}let _0x3f27ed='failed';_0x134701['success']&&(_0x3f27ed=_0x134701['pending']?'pending':'success');_0x5272ff({'action':'publishProgress','current':_0x454bee+0x1,'total':_0x16f3b6['length'],'groupId':_0x186456,'status':_0x3f27ed,'pending':_0x134701['pending']||![],'error':_0x134701['error']||null,'postUrl':_0x134701['post_url']||null});if(_0x454bee<_0x16f3b6['length']-0x1&&!publishCancelled){const _0x591c47=_0x580bda['delayConfig'],_0x5a75d4=_0x591c47&&_0x591c47['mode']==='fixed'&&_0x591c47['seconds']>0x0?Math['max'](0xa,Math['floor'](_0x591c47['seconds'])):randomDelay();bgLogInfo('multiPublish','⏳\x20انتظار\x20'+_0x5a75d4+'\x20ثانية\x20قبل\x20المجموعة\x20التالية');for(let _0x4d1bab=_0x5a75d4;_0x4d1bab>0x0;_0x4d1bab--){if(publishCancelled)break;_0x5272ff({'action':'publishCountdown','seconds':_0x4d1bab,'totalDelay':_0x5a75d4,'nextGroup':_0x454bee+0x2,'total':_0x16f3b6['length']}),await new Promise(_0x32d2e7=>setTimeout(_0x32d2e7,0x3e8));}}}!publishCancelled&&(_0x5272ff({'action':'publishComplete','total':_0x16f3b6['length']}),bgLogInfo('multiPublish','✅\x20اكتمل\x20النشر\x20في\x20'+_0x16f3b6['length']+'\x20مجموعة')),isPublishingNow=![],publishCancelled=![],chrome['storage']['local']['set']({'publishCancelled':![]});})()),!![];}),chrome['action']['onClicked']['addListener'](async()=>{if(appTabId!==null)try{const _0x1f1c4d=await chrome['tabs']['get'](appTabId);await chrome['tabs']['update'](appTabId,{'active':!![]});if(_0x1f1c4d['windowId'])chrome['windows']['update'](_0x1f1c4d['windowId'],{'focused':!![]});bgLogInfo('onClicked','تم\x20التركيز\x20على\x20تبويب\x20الأداة\x20الموجود');return;}catch{appTabId=null;}const _0x1c99f5=await chrome['storage']['local']['get']('appUrl');if(_0x1c99f5['appUrl']&&isRealAppUrl(_0x1c99f5['appUrl'])){const _0x261c04=await chrome['tabs']['query']({'url':_0x1c99f5['appUrl']['replace'](/#.*$/,'')+'*'});if(_0x261c04['length']>0x0&&_0x261c04[0x0]['id']){appTabId=_0x261c04[0x0]['id'],await chrome['tabs']['update'](_0x261c04[0x0]['id'],{'active':!![]});if(_0x261c04[0x0]['windowId'])chrome['windows']['update'](_0x261c04[0x0]['windowId'],{'focused':!![]});bgLogInfo('onClicked','تم\x20التركيز\x20على\x20تبويب\x20موجود\x20عبر\x20appUrl');}else chrome['tabs']['create']({'url':_0x1c99f5['appUrl']}),bgLogInfo('onClicked','تم\x20فتح\x20تبويب\x20جديد\x20بالرابط\x20المحفوظ');return;}const _0x5c625b=await chrome['tabs']['query']({'url':['*://*.replit.app/app','*://*.replit.app/app/*','*://*.replit.dev/app','*://*.replit.dev/app/*','http://localhost/app','http://localhost/app/*']});if(_0x5c625b['length']>0x0&&_0x5c625b[0x0]['id']){appTabId=_0x5c625b[0x0]['id'],await chrome['tabs']['update'](_0x5c625b[0x0]['id'],{'active':!![]});if(_0x5c625b[0x0]['windowId'])chrome['windows']['update'](_0x5c625b[0x0]['windowId'],{'focused':!![]});bgLogInfo('onClicked','تم\x20التركيز\x20على\x20تبويب\x20/app\x20المفتوح');}else bgLogInfo('onClicked','لا\x20يوجد\x20تبويب\x20مفتوح\x20—\x20فتح\x20الرابط\x20الافتراضي:\x20'+DEFAULT_APP_URL),chrome['tabs']['create']({'url':DEFAULT_APP_URL});});
\ No newline at end of file
diff --git a/artifacts/fb-publisher/public/extension/bridge.js b/artifacts/fb-publisher/public/extension/bridge.js
new file mode 100644
index 0000000000000000000000000000000000000000..6acd4b73f7d1c0177e44351a4c411d82d883ed19
--- /dev/null
+++ b/artifacts/fb-publisher/public/extension/bridge.js
@@ -0,0 +1 @@
+(function(){const _0x31afb7='fbpub-bridge',_0x1e77ff='fbpub-web';console['log']('[Bridge]\x20Loaded\x20v'+chrome['runtime']['getManifest']()['version']),window['addEventListener']('message',_0x31d291=>{if(_0x31d291['source']!==window)return;const _0xd03a3=_0x31d291['data'];if(!_0xd03a3||_0xd03a3['source']!==_0x1e77ff)return;const {requestId:_0x353843,action:_0x1152cb,payload:_0x4a5f3f}=_0xd03a3;console['log']('[Bridge]\x20Message\x20from\x20web:',_0x1152cb,_0x4a5f3f);if(_0x1152cb==='ping'){window['postMessage']({'source':_0x31afb7,'requestId':_0x353843,'response':{'installed':!![],'version':chrome['runtime']['getManifest']()['version']}},'*');return;}chrome['runtime']['sendMessage']({'action':_0x1152cb,..._0x4a5f3f||{}},_0x4cc6a3=>{console['log']('[Bridge]\x20Response\x20from\x20bg\x20for\x20'+_0x1152cb+':',_0x4cc6a3),window['postMessage']({'source':_0x31afb7,'requestId':_0x353843,'response':_0x4cc6a3??{'success':![],'error':'no\x20response'},'error':chrome['runtime']['lastError']?chrome['runtime']['lastError']['message']:null},'*');});}),chrome['runtime']['onMessage']['addListener'](_0x4d3c36=>{console['log']('[Bridge]\x20Broadcast\x20from\x20bg:',_0x4d3c36),window['postMessage']({'source':_0x31afb7,'broadcast':!![],'message':_0x4d3c36},'*');}),window['postMessage']({'source':_0x31afb7,'event':'ready','version':chrome['runtime']['getManifest']()['version']},'*');const _0x4163b8=window['location']['pathname'];(_0x4163b8==='/app'||_0x4163b8['startsWith']('/app/')||_0x4163b8['startsWith']('/app?'))&&chrome['runtime']['sendMessage']({'action':'registerAppUrl','url':window['location']['href']});}());
\ No newline at end of file
diff --git a/artifacts/fb-publisher/public/extension/fb-publisher-bridge.zip b/artifacts/fb-publisher/public/extension/fb-publisher-bridge.zip
new file mode 100644
index 0000000000000000000000000000000000000000..fbb2d62d407c6a2c8303219e36b07a58f6e13967
--- /dev/null
+++ b/artifacts/fb-publisher/public/extension/fb-publisher-bridge.zip
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1e6a381ae0192da7cd4789fd69abf7ee7dac65ee7bd0306e3107e09d787958ad
+size 36984
diff --git a/artifacts/fb-publisher/public/extension/icon-128.png b/artifacts/fb-publisher/public/extension/icon-128.png
new file mode 100644
index 0000000000000000000000000000000000000000..98c2c3513729696f53874f230a83652180ccba2c
Binary files /dev/null and b/artifacts/fb-publisher/public/extension/icon-128.png differ
diff --git a/artifacts/fb-publisher/public/extension/manifest.json b/artifacts/fb-publisher/public/extension/manifest.json
new file mode 100644
index 0000000000000000000000000000000000000000..ba5b0b4d9e673f2bbbc6d2c3a5cee776e6961c6f
--- /dev/null
+++ b/artifacts/fb-publisher/public/extension/manifest.json
@@ -0,0 +1,43 @@
+{
+  "manifest_version": 3,
+  "name": "FB Group Publisher PRO Bridge",
+  "version": "1.6.0",
+  "description": "Bridge extension for FB Group Publisher PRO web app",
+  "icons": {
+    "128": "icon-128.png"
+  },
+  "action": {
+    "default_icon": {
+      "128": "icon-128.png"
+    }
+  },
+  "permissions": [
+    "tabs",
+    "storage",
+    "cookies",
+    "scripting",
+    "notifications"
+  ],
+  "host_permissions": [
+    "https://*.facebook.com/*",
+    "https://upload.facebook.com/*"
+  ],
+  "background": {
+    "service_worker": "background.js"
+  },
+  "content_scripts": [
+    {
+      "matches": [
+        "https://*.replit.app/*",
+        "https://*.replit.dev/*",
+        "https://*.repl.co/*",
+        "http://localhost/*"
+      ],
+      "js": [
+        "bridge.js"
+      ],
+      "run_at": "document_start",
+      "all_frames": false
+    }
+  ]
+}
diff --git a/artifacts/fb-publisher/public/extension/popup.html b/artifacts/fb-publisher/public/extension/popup.html
new file mode 100644
index 0000000000000000000000000000000000000000..ffe063ac40142e601b7d5b2b99e57fcd71132543
--- /dev/null
+++ b/artifacts/fb-publisher/public/extension/popup.html
@@ -0,0 +1,162 @@
+<!DOCTYPE html>
+<html dir="rtl" lang="ar">
+<head>
+  <meta charset="UTF-8" />
+  <title>FB Group Publisher PRO</title>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+
+    body {
+      width: 280px;
+      background: #16162a;
+      color: #f5f5f7;
+      font-family: 'Tajawal', 'Segoe UI', sans-serif;
+      font-size: 14px;
+      direction: rtl;
+    }
+
+    .header {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 14px 16px;
+      border-bottom: 1px solid #2a2a4a;
+      background: #1a1a30;
+    }
+
+    .header img {
+      width: 28px;
+      height: 28px;
+      border-radius: 6px;
+    }
+
+    .header-title {
+      font-size: 13px;
+      font-weight: 700;
+      color: #bb86fc;
+      line-height: 1.2;
+    }
+
+    .header-sub {
+      font-size: 11px;
+      color: #7070a0;
+      margin-top: 1px;
+    }
+
+    .body {
+      padding: 16px;
+    }
+
+    .status-row {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      background: #1f1f3a;
+      border: 1px solid #3a3a55;
+      border-radius: 10px;
+      padding: 12px 14px;
+      margin-bottom: 14px;
+    }
+
+    .dot {
+      width: 10px;
+      height: 10px;
+      border-radius: 50%;
+      flex-shrink: 0;
+      background: #555;
+    }
+
+    .dot.idle    { background: #555577; }
+    .dot.active  { background: #4caf50; animation: pulse 1.2s infinite; }
+    .dot.stopped { background: #ff6b6b; }
+
+    @keyframes pulse {
+      0%, 100% { opacity: 1; transform: scale(1); }
+      50%       { opacity: 0.5; transform: scale(0.8); }
+    }
+
+    .status-text {
+      font-size: 13px;
+      color: #c8c8e0;
+      line-height: 1.4;
+    }
+
+    .status-text strong {
+      display: block;
+      font-size: 14px;
+      color: #f5f5f7;
+    }
+
+    .btn-stop {
+      width: 100%;
+      padding: 11px;
+      border: none;
+      border-radius: 10px;
+      background: linear-gradient(135deg, #e53935, #c62828);
+      color: #fff;
+      font-size: 14px;
+      font-weight: 700;
+      font-family: inherit;
+      cursor: pointer;
+      transition: opacity 0.2s;
+      letter-spacing: 0.3px;
+    }
+
+    .btn-stop:hover  { opacity: 0.85; }
+    .btn-stop:active { opacity: 0.7; }
+
+    .btn-open {
+      width: 100%;
+      padding: 11px;
+      border: 1px solid #3a3a55;
+      border-radius: 10px;
+      background: transparent;
+      color: #bb86fc;
+      font-size: 14px;
+      font-weight: 600;
+      font-family: inherit;
+      cursor: pointer;
+      transition: background 0.2s;
+      letter-spacing: 0.3px;
+    }
+
+    .btn-open:hover { background: #1f1f3a; }
+
+    .hidden { display: none !important; }
+
+    .footer {
+      padding: 10px 16px;
+      text-align: center;
+      font-size: 11px;
+      color: #44445a;
+      border-top: 1px solid #1f1f3a;
+    }
+  </style>
+</head>
+<body>
+  <div class="header">
+    <img src="icon-128.png" alt="icon" />
+    <div>
+      <div class="header-title">FB Group Publisher PRO</div>
+      <div class="header-sub">إضافة المزامنة</div>
+    </div>
+  </div>
+
+  <div class="body">
+    <div class="status-row">
+      <div class="dot idle" id="dot"></div>
+      <div class="status-text">
+        <strong id="statusTitle">جاهز</strong>
+        <span id="statusSub">لا يوجد نشر نشط حالياً</span>
+      </div>
+    </div>
+
+    <button class="btn-stop hidden" id="btnStop">⏹ إيقاف النشر الآن</button>
+    <button class="btn-open" id="btnOpen">فتح التطبيق</button>
+  </div>
+
+  <div class="footer">FB Group Publisher PRO</div>
+
+  <script src="popup.js"></script>
+</body>
+</html>
diff --git a/artifacts/fb-publisher/public/extension/popup.js b/artifacts/fb-publisher/public/extension/popup.js
new file mode 100644
index 0000000000000000000000000000000000000000..3f81723956227a0a533f4939ef60cd26c5a03c24
--- /dev/null
+++ b/artifacts/fb-publisher/public/extension/popup.js
@@ -0,0 +1,82 @@
+(function () {
+  const dot       = document.getElementById('dot');
+  const titleEl   = document.getElementById('statusTitle');
+  const subEl     = document.getElementById('statusSub');
+  const btnStop   = document.getElementById('btnStop');
+  const btnOpen   = document.getElementById('btnOpen');
+
+  let isPublishing = false;
+  let pollTimer    = null;
+
+  function setIdle() {
+    isPublishing = false;
+    dot.className = 'dot idle';
+    titleEl.textContent = 'جاهز';
+    subEl.textContent   = 'لا يوجد نشر نشط حالياً';
+    btnStop.classList.add('hidden');
+  }
+
+  function setActive() {
+    isPublishing = true;
+    dot.className = 'dot active';
+    titleEl.textContent = 'جارٍ النشر…';
+    subEl.textContent   = 'اضغط إيقاف لإنهاء العملية';
+    btnStop.classList.remove('hidden');
+  }
+
+  function setStopped() {
+    isPublishing = false;
+    dot.className = 'dot stopped';
+    titleEl.textContent = 'تم الإيقاف';
+    subEl.textContent   = 'تم إيقاف النشر بنجاح';
+    btnStop.classList.add('hidden');
+  }
+
+  function checkStatus() {
+    chrome.runtime.sendMessage({ action: 'getPublishStatus' }, (res) => {
+      if (chrome.runtime.lastError) return;
+      if (res && res.isPublishing) {
+        setActive();
+      } else if (!isPublishing) {
+        setIdle();
+      }
+    });
+  }
+
+  function stopPublishing() {
+    chrome.runtime.sendMessage({ action: 'stopPublishing' }, (res) => {
+      if (chrome.runtime.lastError) return;
+      if (res && res.success) setStopped();
+    });
+  }
+
+  btnStop.addEventListener('click', stopPublishing);
+
+  btnOpen.addEventListener('click', () => {
+    chrome.storage.local.get('appUrl', (data) => {
+      const url = (data && data.appUrl) || 'https://social-media-bridge-s2555.replit.app/app';
+      chrome.tabs.query({ url: url.replace(/#.*$/, '') + '*' }, (tabs) => {
+        if (tabs && tabs.length > 0) {
+          chrome.tabs.update(tabs[0].id, { active: true });
+          if (tabs[0].windowId) chrome.windows.update(tabs[0].windowId, { focused: true });
+        } else {
+          chrome.tabs.create({ url: url });
+        }
+      });
+    });
+    window.close();
+  });
+
+  window.addEventListener('pagehide', () => {
+    if (isPublishing) {
+      chrome.runtime.sendMessage({ action: 'stopPublishing' });
+    }
+  });
+
+  checkStatus();
+  pollTimer = setInterval(checkStatus, 2000);
+
+  window.addEventListener('unload', () => {
+    clearInterval(pollTimer);
+  });
+})();
diff --git a/artifacts/fb-publisher/public/extension/src/.gitignore b/artifacts/fb-publisher/public/extension/src/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..619be26f5e6b47ecd53862f73075c1cfe5f9e223
--- /dev/null
+++ b/artifacts/fb-publisher/public/extension/src/.gitignore
@@ -0,0 +1,2 @@
+# الكود المصدري الأصلي — لا يُرفع للـ Git
+*.source.js
diff --git a/artifacts/fb-publisher/public/extension/src/background.source.js b/artifacts/fb-publisher/public/extension/src/background.source.js
new file mode 100644
index 0000000000000000000000000000000000000000..9986b415f425eaf6dc980a76678f3dd27131f1df
--- /dev/null
+++ b/artifacts/fb-publisher/public/extension/src/background.source.js
@@ -0,0 +1,678 @@
+// ========== رابط التطبيق الافتراضي (محدّث لـ Hugging Face) ==========
+const DEFAULT_APP_URL = 'https://sare26-fb-publisher-backend.hf.space/app';
+
+// ========== نطاق التطبيق الموثوق ==========
+const APP_ORIGIN = 'https://sare26-fb-publisher-backend.hf.space';
+
+// ========== نظام مراقبة الأخطاء ==========
+function bgLogError(source, error, details = {}) {
+    console.error(`❌ [BG][${source}]`, error, details);
+}
+
+function bgLogInfo(source, message, data = {}) {
+    console.log(`✅ [BG][${source}]`, message, data);
+}
+
+// ========== الإعدادات الثابتة ==========
+const USER_CONFIG = {
+    userId: null,
+    doc_id_groups: "3884641628300421",
+    doc_id_post_text: "3559434960802556",
+    doc_id_post_photo: "25528973250111023",
+    fb_dtsg: null,
+    lsd: null,
+    dyn: null,
+    jazoest: "25415",
+    upload_id: "jsc_c_9",
+    targetGroupId: null
+};
+
+// ========== حالة النشر المتعدد ==========
+let publishCancelled = false;
+let isPublishingNow = false;
+let activePublishImages = [];
+let appTabId = null;
+let currentPublishTabId = null;
+
+// Promise تنتهي عند اكتمال تحميل التخزين المحلي
+let resolveStorageReady;
+const storageReady = new Promise((resolve) => { resolveStorageReady = resolve; });
+
+// تحميل القيم المخزنة
+chrome.storage.local.get(['fb_dtsg', 'lsd', 'dyn', 'targetGroupId', 'publishCancelled', 'userId'], (data) => {
+    if (data.fb_dtsg) USER_CONFIG.fb_dtsg = data.fb_dtsg;
+    if (data.lsd) USER_CONFIG.lsd = data.lsd;
+    if (data.dyn) USER_CONFIG.dyn = data.dyn;
+    if (data.userId) USER_CONFIG.userId = data.userId;
+    if (data.targetGroupId) USER_CONFIG.targetGroupId = data.targetGroupId;
+    if (data.publishCancelled) {
+        publishCancelled = data.publishCancelled;
+        chrome.storage.local.set({ publishCancelled: false });
+    }
+    bgLogInfo('init', 'تم تحميل البيانات المخزنة');
+    resolveStorageReady();
+});
+
+// ========== تأخير عشوائي بين 62 و149 ثانية ==========
+function randomDelay() {
+    return Math.floor(Math.random() * (195 - 80 + 1)) + 80;
+}
+
+// ========== توليد نص عشوائي متغير لكل منشور (حماية من الحظر) ==========
+function generateRandomText() {
+    const emojis = ["✨", "🌟", "💫", "🔥", "⚡", "🎯", "💎", "🔮", "🌈", "🎪", "🎭", "🎨", "🎵", "🎶", "🍀", "🌺", "🌸", "🌼", "🌻", "💐", "🦋", "🐝", "🐞", "🕊️", "🦅"];
+    const letters = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
+    const numbers = "0123456789";
+    
+    const randomLetter = letters[Math.floor(Math.random() * letters.length)];
+    const randomNumber = numbers[Math.floor(Math.random() * numbers.length)];
+    const randomEmoji1 = emojis[Math.floor(Math.random() * emojis.length)];
+    const randomEmoji2 = emojis[Math.floor(Math.random() * emojis.length)];
+    
+    let randomWord = "";
+    const wordLength = Math.floor(Math.random() * 6) + 5;
+    for (let i = 0; i < wordLength; i++) {
+        randomWord += letters[Math.floor(Math.random() * letters.length)];
+    }
+    
+    return `${randomEmoji1} ${randomWord}${randomNumber} ${randomEmoji2}`;
+}
+
+// ========== دالة استخراج معرف الحساب الشخصي من الكوكيز ==========
+function getFacebookUserId() {
+    return new Promise((resolve) => {
+        chrome.cookies.get({ url: 'https://www.facebook.com', name: 'c_user' }, (cookie) => {
+            if (cookie && cookie.value) {
+                bgLogInfo('cookies', `تم العثور على c_user (حساب شخصي): ${cookie.value}`);
+                resolve(cookie.value);
+            } else {
+                bgLogInfo('cookies', 'لم يتم العثور على c_user - قد لا يكون المستخدم مسجل الدخول');
+                resolve(null);
+            }
+        });
+    });
+}
+
+// ========== دالة استخراج معرف الصفحة من الكوكيز ==========
+function getFacebookPageId() {
+    return new Promise((resolve) => {
+        chrome.cookies.get({ url: 'https://www.facebook.com', name: 'i_user' }, (cookie) => {
+            if (cookie && cookie.value) {
+                bgLogInfo('cookies', `✅ تم العثور على i_user (معرف الصفحة): ${cookie.value}`);
+                resolve(cookie.value);
+            } else {
+                bgLogInfo('cookies', '⚠️ لم يتم العثور على i_user');
+                resolve(null);
+            }
+        });
+    });
+}
+
+// ========== دالة استخراج fb_dtsg ==========
+async function extractFbDtsg(tabId) {
+    return new Promise((resolve) => {
+        chrome.scripting.executeScript({
+            target: { tabId: tabId },
+            func: () => {
+                let fbDtsg = null;
+                let lsd = null;
+
+                const dtsgInput = document.querySelector('input[name="fb_dtsg"]');
+                if (dtsgInput && dtsgInput.value) fbDtsg = dtsgInput.value;
+                const lsdInput = document.querySelector('input[name="lsd"]');
+                if (lsdInput && lsdInput.value) lsd = lsdInput.value;
+
+                const fullText = document.documentElement.innerHTML;
+
+                if (!fbDtsg) {
+                    let m = fullText.match(/DTSGInitialData[^{]*\{[^}]*"token"\s*:\s*"([^"]+)"/);
+                    if (m) fbDtsg = m[1];
+                }
+                if (!fbDtsg) {
+                    let m = fullText.match(/\["fb_dtsg"\s*,\s*\[\]\s*,\s*\{\s*"token"\s*:\s*"([^"]+)"/);
+                    if (m) fbDtsg = m[1];
+                }
+                if (!fbDtsg) {
+                    let m = fullText.match(/"fb_dtsg"\s*:\s*"([A-Za-z0-9_\-:\.]{10,120})"/);
+                    if (m) fbDtsg = m[1];
+                }
+                if (!fbDtsg) {
+                    const scripts = document.querySelectorAll('script');
+                    for (let script of scripts) {
+                        const content = script.textContent;
+                        if (!content) continue;
+                        let m = content.match(/DTSGInitialData[^}]*token["']\s*:\s*["']([^"']+)["']/);
+                        if (m && m[1]) { fbDtsg = m[1]; break; }
+                        m = content.match(/fb_dtsg["']\s*:\s*["']([^"']+)["']/);
+                        if (m && m[1]) { fbDtsg = m[1]; break; }
+                        m = content.match(/["']fb_dtsg["']\s*,\s*["']([^"']+)["']/);
+                        if (m && m[1]) { fbDtsg = m[1]; break; }
+                        m = content.match(/DTSGInitializer[^)]*"token"\s*:\s*"([^"]+)"/);
+                        if (m && m[1]) { fbDtsg = m[1]; break; }
+                    }
+                }
+                if (!lsd) {
+                    let m = fullText.match(/\["LSD"\s*,\s*\[\]\s*,\s*\{\s*"token"\s*:\s*"([^"]+)"/);
+                    if (m) lsd = m[1];
+                }
+                if (!lsd) {
+                    let m = fullText.match(/["']LSD["']\s*,\s*\[\s*\]\s*,\s*\{\s*["']token["']\s*:\s*["']([^"']+)["']/);
+                    if (m) lsd = m[1];
+                }
+
+                return { fb_dtsg: fbDtsg, lsd: lsd };
+            }
+        }, (results) => {
+            if (results && results[0] && results[0].result) resolve(results[0].result);
+            else resolve({ fb_dtsg: null, lsd: null });
+        });
+    });
+}
+
+// ========== دالة استخراج __dyn ==========
+async function extractDyn(tabId) {
+    return new Promise((resolve) => {
+        chrome.scripting.executeScript({
+            target: { tabId: tabId },
+            func: () => {
+                let dyn = document.querySelector('input[name="__dyn"]')?.value;
+                if (dyn && dyn.length > 20) return dyn;
+
+                const scripts = document.querySelectorAll('script');
+                for (let script of scripts) {
+                    const content = script.textContent;
+                    if (content) {
+                        let match = content.match(/__dyn\s*:\s*"([^"]+)"/);
+                        if (match && match[1] && match[1].length > 20) return match[1];
+                        match = content.match(/"__dyn":"([^"]+)"/);
+                        if (match && match[1] && match[1].length > 20) return match[1];
+                        match = content.match(/DYN\s*=\s*"([^"]+)"/);
+                        if (match && match[1] && match[1].length > 20) return match[1];
+                    }
+                }
+
+                const html = document.documentElement.innerHTML;
+                let match = html.match(/__dyn":"([^"]+?)"/);
+                if (match && match[1] && match[1].length > 20) return match[1];
+                match = html.match(/__dyn=([^&"\s]+)/);
+                if (match && match[1] && match[1].length > 20) return match[1];
+
+                return null;
+            }
+        }, (results) => {
+            const dyn = results?.[0]?.result || null;
+            if (dyn) bgLogInfo('extractDyn', `✅ تم استخراج __dyn`);
+            else bgLogInfo('extractDyn', '❌ لم يتم العثور على __dyn');
+            resolve(dyn);
+        });
+    });
+}
+
+// ========== دالة تحديث الجلسة ==========
+async function refreshSession(tabId) {
+    bgLogInfo('session', 'جاري تحديث الجلسة');
+    try {
+        await chrome.scripting.executeScript({
+            target: { tabId: tabId },
+            func: () => fetch('https://www.facebook.com/help/463972400461409/?_rdr', { credentials: 'include', headers: { 'Accept': 'text/html' } })
+        });
+        await new Promise(r => setTimeout(r, 2000));
+        bgLogInfo('session', 'تم تحديث الجلسة بنجاح');
+    } catch(e) { bgLogError('session', e); }
+}
+
+// ========== دالة مدمجة: التحقق من الفيسبوك + اصطياد المفاتيح ==========
+async function ensureFacebookAndCaptureKeys() {
+    return new Promise(async (resolve) => {
+        bgLogInfo('autoCapture', 'بدء عملية التحقق من فيسبوك واصطياد المفاتيح');
+        
+        const personalUserId = await getFacebookUserId();
+        const pageId = await getFacebookPageId();
+        const effectiveUserId = pageId || personalUserId;
+        
+        if (!effectiveUserId) {
+            resolve({ success: false, error: "not_logged_in", message: "يجب تسجيل الدخول إلى فيسبوك أولاً" });
+            return;
+        }
+        
+        USER_CONFIG.userId = effectiveUserId;
+        bgLogInfo('autoCapture', `✅ استخدام المعرف: ${effectiveUserId}`);
+        
+        const tabs = await chrome.tabs.query({ url: ["*://*.facebook.com/*", "*://*.web.facebook.com/*"] });
+        let targetTabId = null;
+        
+        if (tabs.length === 0) {
+            const newTab = await chrome.tabs.create({ url: 'https://www.facebook.com', active: true });
+            targetTabId = newTab.id;
+            await new Promise(r => setTimeout(r, 5000));
+        } else {
+            targetTabId = tabs[0].id;
+        }
+        
+        await refreshSession(targetTabId);
+        let result = await extractFbDtsg(targetTabId);
+        
+        if (!result.fb_dtsg) {
+            await chrome.tabs.reload(targetTabId);
+            await new Promise(r => setTimeout(r, 5000));
+            const retryResult = await extractFbDtsg(targetTabId);
+            if (!retryResult.fb_dtsg) {
+                resolve({ success: false, error: "no_fb_dtsg", message: "لم يتم العثور على مفاتيح فيسبوك" });
+                return;
+            }
+            result = retryResult;
+        }
+        
+        USER_CONFIG.fb_dtsg = result.fb_dtsg;
+        USER_CONFIG.lsd = result.lsd;
+        
+        const dyn = await extractDyn(targetTabId);
+        if (dyn) USER_CONFIG.dyn = dyn;
+        
+        chrome.storage.local.set({ fb_dtsg: result.fb_dtsg, lsd: result.lsd, dyn: dyn, userId: effectiveUserId });
+        bgLogInfo('autoCapture', '✅ تم اصطياد المفاتيح بنجاح');
+        resolve({ success: true, userId: effectiveUserId, tabId: targetTabId });
+    });
+}
+
+// ========== دالة رفع صورة ==========
+async function uploadImage(tabId, imageBase64, fileName) {
+    return new Promise((resolve) => {
+        chrome.scripting.executeScript({
+            target: { tabId: tabId },
+            func: (config, imgBase64, name) => {
+                return new Promise((resolve) => {
+                    try {
+                        const byteString = atob(imgBase64.split(',')[1]);
+                        const mimeType = imgBase64.split(',')[0].split(':')[1].split(';')[0];
+                        const ab = new ArrayBuffer(byteString.length);
+                        const ia = new Uint8Array(ab);
+                        for (let i = 0; i < byteString.length; i++) ia[i] = byteString.charCodeAt(i);
+                        const blob = new Blob([ab], { type: mimeType });
+                        const formData = new FormData();
+                        formData.append('fb_dtsg', config.fb_dtsg);
+                        formData.append('profile_id', config.userId);
+                        formData.append('source', '8');
+                        formData.append('waterfallxapp', 'comet');
+                        formData.append('farr', blob, name);
+                        formData.append('upload_id', config.upload_id);
+                        formData.append('jazoest', (25000 + Math.floor(Math.random() * 1000)).toString());
+                        const uploadUrl = `https://upload.facebook.com/ajax/react_composer/attachments/photo/upload?av=${config.userId}&__user=${config.userId}&__a=1&fb_dtsg=${config.fb_dtsg}`;
+                        fetch(uploadUrl, { method: 'OPTIONS', credentials: 'include' })
+                            .then(() => fetch(uploadUrl, { method: 'POST', credentials: 'include', body: formData, headers: { 'Accept': '*/*', 'Origin': 'https://upload.facebook.com', 'Referer': 'https://upload.facebook.com/' } }))
+                            .then(async (response) => {
+                                const text = await response.text();
+                                let photoId = null;
+                                const photoIDMatch = text.match(/"photoID":"(\d+)"/);
+                                if (photoIDMatch) photoId = photoIDMatch[1];
+                                if (!photoId) { const m2 = text.match(/photoID["']\s*:\s*["'](\d+)["']/); if (m2) photoId = m2[1]; }
+                                if (!photoId) { const m3 = text.match(/fbid["']\s*:\s*["'](\d+)["']/); if (m3) photoId = m3[1]; }
+                                if (photoId) resolve({ success: true, photoId });
+                                else resolve({ success: false, error: 'لم يتم استخراج photoID' });
+                            })
+                            .catch(err => resolve({ success: false, error: err.message }));
+                    } catch (e) { resolve({ success: false, error: e.message }); }
+                });
+            },
+            args: [USER_CONFIG, imageBase64, fileName]
+        }, (results) => {
+            if (results && results[0] && results[0].result) resolve(results[0].result);
+            else resolve({ success: false, error: 'فشل تنفيذ السكربت' });
+        });
+    });
+}
+
+// ========== دالة فحص حالة المنشور ==========
+async function checkPostStatus(tabId, postUrl) {
+    return new Promise((resolve) => {
+        if (!postUrl) { resolve({ isPending: false, isPublic: false }); return; }
+        chrome.scripting.executeScript({
+            target: { tabId: tabId },
+            func: (url) => {
+                return new Promise((resolve) => {
+                    fetch(url, { credentials: 'include', headers: { 'Accept': 'text/html' } })
+                        .then(res => res.text())
+                        .then(html => {
+                            const isPending = html.includes('pending_post') || html.includes('في انتظار موافقة المسؤول') || html.includes('pending approval');
+                            const hasPendingFooter = html.includes('pending_post_footer_title');
+                            resolve({ isPending: isPending || hasPendingFooter, isPublic: !isPending && !hasPendingFooter, hasPendingFooter });
+                        })
+                        .catch(() => resolve({ isPending: false, isPublic: false }));
+                });
+            },
+            args: [postUrl]
+        }, (results) => {
+            if (results && results[0] && results[0].result) resolve(results[0].result);
+            else resolve({ isPending: false, isPublic: false });
+        });
+    });
+}
+
+// ========== دالة نشر منشور في مجموعة (مع نص عشوائي للحماية) ==========
+async function publishToGroup(tabId, text, photoIds, groupId) {
+    return new Promise((resolve) => {
+        if (!groupId) { resolve({ success: false, error: 'لم يتم تحديد المجموعة' }); return; }
+        const hasPhotos = photoIds && photoIds.length > 0;
+        const docId = hasPhotos ? USER_CONFIG.doc_id_post_photo : USER_CONFIG.doc_id_post_text;
+        chrome.scripting.executeScript({
+            target: { tabId: tabId },
+            func: (config, postText, imagesIds, targetGroupId, docIdValue) => {
+                return new Promise((resolve) => {
+                    const hasPhotos = imagesIds && imagesIds.length > 0;
+                    
+                    // ✅ توليد النص العشوائي داخل func - يتغير لكل منشور
+                    const emojis = ["✨", "🌟", "💫", "🔥", "⚡", "🎯", "💎", "🔮", "🌈", "🎪", "🎭", "🎨", "🎵", "🎶", "🍀", "🌺", "🌸", "🌼", "🌻", "💐", "🦋", "🐝", "🐞", "🕊️", "🦅"];
+                    const letters = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
+                    const numbers = "0123456789";
+                    const randomEmoji1 = emojis[Math.floor(Math.random() * emojis.length)];
+                    const randomEmoji2 = emojis[Math.floor(Math.random() * emojis.length)];
+                    const randomNumber = numbers[Math.floor(Math.random() * numbers.length)];
+                    let randomWord = "";
+                    const wordLength = Math.floor(Math.random() * 6) + 5;
+                    for (let i = 0; i < wordLength; i++) {
+                        randomWord += letters[Math.floor(Math.random() * letters.length)];
+                    }
+                    const randomText = `\n​\n​\n​\n​\n​\n${randomEmoji1} ${randomWord}${randomNumber} ${randomEmoji2}`;
+                    
+                    const finalText = (postText || "") + randomText;
+                    
+                    const variables = {
+                        input: {
+                            source: "WWW",
+                            attachments: hasPhotos ? imagesIds.map(id => ({ photo: { id: id } })) : [],
+                            message: { ranges: [], text: finalText },
+                            inline_activities: [],
+                            explicit_place_id: "0",
+                            tracking: [null],
+                            audience: { to_id: targetGroupId },
+                            actor_id: config.userId,
+                            client_mutation_id: (Date.now() + Math.floor(Math.random() * 1000000)).toString()
+                        }
+                    };
+                    const formData = new FormData();
+                    formData.append('av', config.userId);
+                    formData.append('__user', config.userId);
+                    formData.append('__a', '1');
+                    formData.append('fb_dtsg', config.fb_dtsg);
+                    formData.append('variables', JSON.stringify(variables));
+                    formData.append('doc_id', docIdValue);
+                    formData.append('jazoest', config.jazoest);
+                    const prePublishDelay = Math.floor(Math.random() * (3000 - 1000 + 1)) + 1000;
+                    new Promise(r => setTimeout(r, prePublishDelay))
+                        .then(() => fetch('https://www.facebook.com/api/graphql/', { method: 'OPTIONS', credentials: 'include', headers: { 'Accept': '*/*', 'Origin': 'https://www.facebook.com', 'Referer': `https://www.facebook.com/groups/${targetGroupId}/` } }))
+                        .then(() => fetch('https://www.facebook.com/api/graphql/', { method: 'POST', credentials: 'include', body: formData, headers: { 'Accept': '*/*', 'Origin': 'https://www.facebook.com', 'Referer': `https://www.facebook.com/groups/${targetGroupId}/` } }))
+                        .then(res => res.text())
+                        .then(rawText => {
+                            let legacyId = null, storyId = null, postUrl = null;
+                            const legacyMatch = rawText.match(/"legacy_story_hideable_id":"(\d+)"/);
+                            if (legacyMatch) { legacyId = legacyMatch[1]; postUrl = `https://www.facebook.com/groups/${targetGroupId}/posts/${legacyId}/`; }
+                            if (!legacyId) { const storyMatch = rawText.match(/"story_id":"([^"]+)"/); if (storyMatch) { storyId = storyMatch[1]; postUrl = `https://www.facebook.com/groups/${targetGroupId}/permalink/${storyId}/`; } }
+                            if (!legacyId && !storyId) { const idMatch = rawText.match(/"story":\s*\{\s*"id":\s*"([^"]+)"/); if (idMatch) { storyId = idMatch[1]; postUrl = `https://www.facebook.com/groups/${targetGroupId}/permalink/${storyId}/`; } }
+                            const hasStory = rawText.includes('"story_id"') || rawText.includes('"story"');
+                            const hasPendingFooter = rawText.includes('pending_post_footer_title');
+                            let finalSuccess = false, initialPending = false;
+                            if (postUrl) { finalSuccess = true; initialPending = false; }
+                            else if (hasStory) { finalSuccess = true; initialPending = true; }
+                            else if (hasPendingFooter) { finalSuccess = false; initialPending = true; }
+                            resolve({ success: finalSuccess, pending: initialPending, story_id: legacyId || storyId, post_url: postUrl });
+                        })
+                        .catch(e => resolve({ success: false, pending: false, error: e.message, post_url: null }));
+                });
+            },
+            args: [USER_CONFIG, text, photoIds, groupId, docId] // ✅ بدون randomText هنا
+        }, (results) => {
+            if (results && results[0]) resolve(results[0].result);
+            else resolve({ success: false, error: 'فشل تنفيذ النشر', post_url: null });
+        });
+    });
+}
+
+// ========== دالة جلب المجموعات ==========
+async function fetchAllGroups(tabId) {
+    return new Promise((resolve) => {
+        chrome.scripting.executeScript({
+            target: { tabId: tabId },
+            func: (fb_dtsg, av, dyn) => {
+                return new Promise((resolve) => {
+                    const params = new URLSearchParams();
+                    params.append('fb_dtsg', fb_dtsg);
+                    params.append('av', av);
+                    if (dyn) params.append('__dyn', dyn);
+                    params.append('variables', JSON.stringify({ "adminGroupsCount": 999, "memberGroupsCount": 999, "scale": 1.5, "count": 999, "cursor": null }));
+                    params.append('doc_id', '3884641628300421');
+                    fetch('https://www.facebook.com/api/graphql/', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, credentials: 'include', body: params.toString() })
+                        .then(async (res) => {
+                            const text = await res.text();
+                            try {
+                                const data = JSON.parse(text);
+                                const groups = [];
+                                const getImageUrl = (node) => node?.image?.uri || node?.profile_picture?.uri || '';
+                                if (data.data?.adminGroups?.groups_tab?.tab_groups_list?.edges) {
+                                    data.data.adminGroups.groups_tab.tab_groups_list.edges.forEach(edge => { const node = edge.node; if (node && node.id) groups.push({ name: node.name, id: node.id, image: getImageUrl(node), url: `https://www.facebook.com/groups/${node.id}`, isAdmin: true }); });
+                                }
+                                if (data.data?.viewer?.groups?.edges) {
+                                    data.data.viewer.groups.edges.forEach(edge => { const node = edge.node; if (node && node.id) groups.push({ name: node.name, id: node.id, image: getImageUrl(node), url: `https://www.facebook.com/groups/${node.id}`, isAdmin: false }); });
+                                }
+                                if (data.data?.nonAdminGroups?.groups_tab?.tab_groups_list?.edges) {
+                                    data.data.nonAdminGroups.groups_tab.tab_groups_list.edges.forEach(edge => { const node = edge.node; if (node && node.id) groups.push({ name: node.name, id: node.id, image: getImageUrl(node), url: `https://www.facebook.com/groups/${node.id}`, isAdmin: false }); });
+                                }
+                                resolve({ success: true, groups });
+                            } catch (parseError) { resolve({ success: false, error: 'Invalid JSON' }); }
+                        })
+                        .catch(err => resolve({ success: false, error: err.message }));
+                });
+            },
+            args: [USER_CONFIG.fb_dtsg, USER_CONFIG.userId, USER_CONFIG.dyn || null]
+        }, (results) => {
+            const result = results?.[0]?.result;
+            if (result?.success && result.groups?.length > 0) {
+                result.groups.sort((a, b) => (a.isAdmin === b.isAdmin) ? 0 : a.isAdmin ? -1 : 1);
+                resolve({ groups: result.groups });
+            } else resolve({ groups: result?.groups || [] });
+        });
+    });
+}
+
+// ========== نشر في مجموعة واحدة ==========
+async function publishToOneGroup(groupId, text, images) {
+    return new Promise(async (resolve) => {
+        const groupUrl = `https://www.facebook.com/groups/${groupId}/`;
+        chrome.tabs.create({ url: groupUrl, active: false }, async (groupTab) => {
+            const tabId = groupTab.id;
+            currentPublishTabId = tabId;
+
+            let tabClosedByUser = false;
+            let resolved = false;
+
+            const sendProgress = (payload) => {
+                if (appTabId) chrome.tabs.sendMessage(appTabId, payload).catch(() => {});
+                else chrome.runtime.sendMessage(payload).catch(() => {});
+            };
+
+            const onTabRemoved = (removedTabId) => {
+                if (removedTabId !== tabId) return;
+                chrome.tabs.onRemoved.removeListener(onTabRemoved);
+                tabClosedByUser = true;
+                currentPublishTabId = null;
+                publishCancelled = true;
+                sendProgress({ action: "publishStopped", doneCount: 0, total: 0 });
+                if (!resolved) { resolved = true; resolve({ success: false, error: 'أغلق المستخدم تبويب فيسبوك', tabClosed: true, post_url: null }); }
+            };
+            chrome.tabs.onRemoved.addListener(onTabRemoved);
+
+            const waitWithCheck = async (ms) => {
+                const step = 500; let elapsed = 0;
+                while (elapsed < ms) { if (publishCancelled || tabClosedByUser) return; await new Promise(r => setTimeout(r, Math.min(step, ms - elapsed))); elapsed += step; }
+            };
+
+            const initialWait = Math.floor(Math.random() * (20000 - 8000 + 1)) + 8000;
+            await waitWithCheck(initialWait);
+            if (tabClosedByUser || publishCancelled) { chrome.tabs.onRemoved.removeListener(onTabRemoved); if (!resolved) { resolved = true; chrome.tabs.remove(tabId, () => {}); currentPublishTabId = null; resolve({ success: false, error: 'تم الإلغاء', post_url: null }); } return; }
+
+            let photoIds = [];
+            if (!publishCancelled && !tabClosedByUser && images && images.length > 0) {
+                for (let i = 0; i < images.length; i++) {
+                    if (publishCancelled || tabClosedByUser) break;
+                    const img = images[i];
+                    const result = await uploadImage(tabId, img.data, img.name);
+                    if (result.success && result.photoId) photoIds.push(result.photoId);
+                    if (i < images.length - 1) await waitWithCheck(1500);
+                }
+            }
+            if (tabClosedByUser || publishCancelled) { chrome.tabs.onRemoved.removeListener(onTabRemoved); if (!resolved) { resolved = true; chrome.tabs.remove(tabId, () => {}); currentPublishTabId = null; resolve({ success: false, error: 'تم الإلغاء', post_url: null }); } return; }
+            if (photoIds.length > 0) await waitWithCheck(2000);
+            if (tabClosedByUser || publishCancelled) { chrome.tabs.onRemoved.removeListener(onTabRemoved); if (!resolved) { resolved = true; chrome.tabs.remove(tabId, () => {}); currentPublishTabId = null; resolve({ success: false, error: 'تم الإلغاء', post_url: null }); } return; }
+
+            const publishResult = await publishToGroup(tabId, text, photoIds, groupId);
+            if (tabClosedByUser) { chrome.tabs.onRemoved.removeListener(onTabRemoved); return; }
+            if (publishResult.success && publishResult.post_url) {
+                await waitWithCheck(2000);
+                if (!tabClosedByUser) {
+                    const statusCheck = await checkPostStatus(tabId, publishResult.post_url);
+                    publishResult.pending = statusCheck.isPending;
+                }
+            }
+            chrome.tabs.onRemoved.removeListener(onTabRemoved);
+            setTimeout(() => { chrome.tabs.remove(tabId, () => {}); }, 3000);
+            currentPublishTabId = null;
+            if (!resolved) { resolved = true; resolve(publishResult); }
+        });
+    });
+}
+
+// ========== دوال مساعدة ==========
+function isAppOrigin(url) { if (!url) return false; try { return new URL(url).origin === APP_ORIGIN; } catch { return false; } }
+function isRealAppUrl(url) { if (!url) return false; try { const p = new URL(url); return p.pathname === '/app' || p.pathname.startsWith('/app/') || p.pathname.startsWith('/app?'); } catch { return url.includes('/app'); } }
+
+// ========== معالجة الرسائل ==========
+chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
+    if (sender.tab && sender.tab.id && sender.tab.url && isAppOrigin(sender.tab.url)) {
+        appTabId = sender.tab.id;
+        if (isRealAppUrl(sender.tab.url)) chrome.storage.local.set({ appUrl: sender.tab.url });
+    }
+
+    if (request.action === "registerAppUrl") { sendResponse({ success: true }); return true; }
+
+    if (request.action === "getGroups") {
+        (async () => {
+            const sendProgress = (p) => { if (appTabId) chrome.tabs.sendMessage(appTabId, p).catch(() => {}); else chrome.runtime.sendMessage(p).catch(() => {}); };
+            sendProgress({ action: "groupsProgress", status: "checking", message: "جاري التحقق..." });
+            const captureResult = await ensureFacebookAndCaptureKeys();
+            if (!captureResult.success) { sendResponse({ success: false, error: captureResult.error, message: captureResult.message }); return; }
+            sendProgress({ action: "groupsProgress", status: "fetching", message: "جاري جلب المجموعات..." });
+            const groupsResult = await fetchAllGroups(captureResult.tabId);
+            if (groupsResult.groups && groupsResult.groups.length > 0) {
+                sendProgress({ action: "groupsProgress", status: "complete", message: `تم جلب ${groupsResult.groups.length} مجموعة` });
+                sendResponse({ success: true, groups: groupsResult.groups, userId: captureResult.userId });
+            } else {
+                sendResponse({ success: false, error: "no_groups", message: "لم يتم العثور على مجموعات" });
+            }
+        })();
+        return true;
+    }
+
+    if (request.action === "openFacebook") { chrome.tabs.create({ url: 'https://www.facebook.com', active: true }, () => sendResponse({ success: true })); return true; }
+    if (request.action === "removePublishImage") { if (typeof request.index === 'number' && request.index >= 0 && request.index < activePublishImages.length) activePublishImages.splice(request.index, 1); sendResponse({ success: true, remaining: activePublishImages.length }); return true; }
+
+    if (request.action === "stopPublishing") {
+        publishCancelled = true;
+        isPublishingNow = false;
+        chrome.storage.local.set({ publishCancelled: true });
+        if (currentPublishTabId !== null) { chrome.tabs.remove(currentPublishTabId, () => {}); currentPublishTabId = null; }
+        sendResponse({ success: true });
+        return true;
+    }
+
+    if (request.action === "getPublishStatus") { sendResponse({ isPublishing: isPublishingNow }); return true; }
+
+    if (request.action === "publishToGroup") {
+        (async () => {
+            await storageReady;
+            if (!USER_CONFIG.fb_dtsg || !USER_CONFIG.userId) { sendResponse({ success: false, error: "الرجاء جلب المجموعات أولاً" }); return; }
+            publishCancelled = false; isPublishingNow = true; chrome.storage.local.set({ publishCancelled: false });
+            const result = await publishToOneGroup(request.groupId, request.text || "", request.images || []);
+            isPublishingNow = false; sendResponse(result);
+        })();
+        return true;
+    }
+
+    if (request.action === "publishToMultipleGroups") {
+        (async () => {
+            await storageReady;
+            if (isPublishingNow) { sendResponse({ success: false, error: "النشر جارٍ بالفعل" }); return; }
+            if (!USER_CONFIG.fb_dtsg || !USER_CONFIG.userId) { sendResponse({ success: false, error: "الرجاء جلب المجموعات أولاً" }); return; }
+            if (!request.groupIds || request.groupIds.length === 0) { sendResponse({ success: false, error: "الرجاء اختيار مجموعة" }); return; }
+
+            publishCancelled = false; isPublishingNow = true;
+            chrome.storage.local.set({ publishCancelled: false });
+
+            const groupIds = request.groupIds;
+            const text = request.text || "";
+            activePublishImages = JSON.parse(JSON.stringify(request.images || []));
+
+            sendResponse({ success: true, started: true, total: groupIds.length });
+
+            const sendProgress = (payload) => {
+                if (appTabId) chrome.tabs.sendMessage(appTabId, payload).catch(() => {});
+                else chrome.runtime.sendMessage(payload).catch(() => {});
+            };
+
+            for (let i = 0; i < groupIds.length; i++) {
+                if (publishCancelled) {
+                    const allProgress = [];
+                    for (let j = i; j < groupIds.length; j++) {
+                        allProgress.push({ groupId: groupIds[j], status: "failed", error: "تم إيقاف النشر - أُغلق تبويب فيسبوك" });
+                    }
+                    sendProgress({ action: "publishStopped", doneCount: i, total: groupIds.length, failedGroups: allProgress });
+                    break;
+                }
+
+                const groupId = groupIds[i];
+                sendProgress({ action: "publishProgress", current: i + 1, total: groupIds.length, groupId, status: "publishing" });
+
+                const result = await publishToOneGroup(groupId, text, [...activePublishImages]);
+
+                if (publishCancelled) {
+                    const allProgress = [];
+                    for (let j = i + 1; j < groupIds.length; j++) {
+                        allProgress.push({ groupId: groupIds[j], status: "failed", error: "تم إيقاف النشر - أُغلق تبويب فيسبوك" });
+                    }
+                    sendProgress({ action: "publishStopped", doneCount: i + (result.success ? 1 : 0), total: groupIds.length, failedGroups: allProgress });
+                    break;
+                }
+
+                let status = result.success ? (result.pending ? "pending" : "success") : "failed";
+                sendProgress({ action: "publishProgress", current: i + 1, total: groupIds.length, groupId, status, pending: result.pending || false, error: result.error || null, postUrl: result.post_url || null });
+
+                if (i < groupIds.length - 1 && !publishCancelled) {
+                    const delaySeconds = request.delayConfig?.mode === 'fixed' && request.delayConfig.seconds > 0 ? Math.max(10, Math.floor(request.delayConfig.seconds)) : randomDelay();
+                    for (let sec = delaySeconds; sec > 0; sec--) {
+                        if (publishCancelled) break;
+                        sendProgress({ action: "publishCountdown", seconds: sec, totalDelay: delaySeconds, nextGroup: i + 2, total: groupIds.length });
+                        await new Promise(r => setTimeout(r, 1000));
+                    }
+                }
+            }
+
+            if (!publishCancelled) sendProgress({ action: "publishComplete", total: groupIds.length });
+
+            isPublishingNow = false; publishCancelled = false;
+            chrome.storage.local.set({ publishCancelled: false });
+        })();
+        return true;
+    }
+});
+
+// ========== فتح صفحة الأداة ==========
+chrome.action.onClicked.addListener(async () => {
+    if (appTabId !== null) {
+        try { const tab = await chrome.tabs.get(appTabId); if (tab.url && isAppOrigin(tab.url)) { await chrome.tabs.update(appTabId, { active: true }); return; } } catch { appTabId = null; }
+    }
+    const stored = await chrome.storage.local.get("appUrl");
+    if (stored.appUrl && isRealAppUrl(stored.appUrl) && isAppOrigin(stored.appUrl)) {
+        try { const existingTabs = await chrome.tabs.query({ url: stored.appUrl.replace(/#.*$/, '') + '*' }); if (existingTabs.length > 0 && existingTabs[0].id) { appTabId = existingTabs[0].id; await chrome.tabs.update(existingTabs[0].id, { active: true }); return; } } catch { }
+        chrome.tabs.create({ url: stored.appUrl }); return;
+    }
+    try { const appTabs = await chrome.tabs.query({ url: [APP_ORIGIN + "/app", APP_ORIGIN + "/app/*"] }); if (appTabs.length > 0 && appTabs[0].id) { appTabId = appTabs[0].id; await chrome.tabs.update(appTabs[0].id, { active: true }); return; } } catch { }
+    chrome.tabs.create({ url: DEFAULT_APP_URL });
+});
\ No newline at end of file
diff --git a/artifacts/fb-publisher/public/extension/src/bridge.source.js b/artifacts/fb-publisher/public/extension/src/bridge.source.js
new file mode 100644
index 0000000000000000000000000000000000000000..3bdbcf3bacb197a82fad63b47ffcd9e30c4acb4a
--- /dev/null
+++ b/artifacts/fb-publisher/public/extension/src/bridge.source.js
@@ -0,0 +1,118 @@
+(function () {
+  const BRIDGE_TAG = "fbpub-bridge";
+  const WEB_TAG = "fbpub-web";
+
+  console.log("[Bridge] Loaded v" + chrome.runtime.getManifest().version);
+
+  const APP_DOMAIN = "https://sare26-fb-publisher-backend.hf.space";
+
+  function isTrustedOrigin(origin) {
+    if (!origin || origin === "null") return false;
+    try {
+      const url = new URL(origin);
+      return url.origin === APP_DOMAIN;
+    } catch {
+      return false;
+    }
+  }
+
+  window.addEventListener("message", (event) => {
+    if (!isTrustedOrigin(event.origin)) {
+      console.warn("[Bridge] رسالة مرفوضة من مصدر غير موثوق:", event.origin);
+      return;
+    }
+
+    if (event.source !== window) return;
+
+    const msg = event.data;
+    if (!msg || msg.source !== WEB_TAG) return;
+
+    const { requestId, action, payload } = msg;
+
+    console.log("[Bridge] رسالة من الويب:", action, payload);
+
+    if (action === "ping") {
+      window.postMessage(
+        {
+          source: BRIDGE_TAG,
+          requestId,
+          response: {
+            installed: true,
+            version: chrome.runtime.getManifest().version,
+          },
+        },
+        APP_DOMAIN
+      );
+      return;
+    }
+
+    chrome.runtime.sendMessage(
+      { action, ...(payload || {}) },
+      (response) => {
+        console.log("[Bridge] رد الخلفية على", action, ":", response);
+
+        if (chrome.runtime.lastError) {
+          console.error(
+            "[Bridge] خطأ في الاتصال بالخلفية:",
+            chrome.runtime.lastError.message
+          );
+          window.postMessage(
+            {
+              source: BRIDGE_TAG,
+              requestId,
+              response: {
+                success: false,
+                error: chrome.runtime.lastError.message,
+              },
+            },
+            APP_DOMAIN
+          );
+          return;
+        }
+
+        window.postMessage(
+          {
+            source: BRIDGE_TAG,
+            requestId,
+            response: response ?? { success: false, error: "no response" },
+          },
+          APP_DOMAIN
+        );
+      }
+    );
+  });
+
+  chrome.runtime.onMessage.addListener((message) => {
+    console.log("[Bridge] بث من الخلفية:", message);
+    window.postMessage(
+      {
+        source: BRIDGE_TAG,
+        broadcast: true,
+        message,
+      },
+      APP_DOMAIN
+    );
+  });
+
+  window.postMessage(
+    {
+      source: BRIDGE_TAG,
+      event: "ready",
+      version: chrome.runtime.getManifest().version,
+    },
+    APP_DOMAIN
+  );
+
+  const currentPath = window.location.pathname;
+  const isAppPage =
+    currentPath === "/app" ||
+    currentPath.startsWith("/app/") ||
+    currentPath.startsWith("/app?");
+
+  if (isAppPage) {
+    chrome.runtime.sendMessage({
+      action: "registerAppUrl",
+      url: window.location.href,
+    });
+  }
+})();
\ No newline at end of file
diff --git a/artifacts/fb-publisher/public/favicon.png b/artifacts/fb-publisher/public/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..98c2c3513729696f53874f230a83652180ccba2c
Binary files /dev/null and b/artifacts/fb-publisher/public/favicon.png differ
diff --git a/artifacts/fb-publisher/public/favicon.svg b/artifacts/fb-publisher/public/favicon.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4373d3cd2f3dad5ca6f33b5cdcccc61edaef8eb7
--- /dev/null
+++ b/artifacts/fb-publisher/public/favicon.svg
@@ -0,0 +1,3 @@
+<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="180" height="180" rx="36" fill="#FF3C00"/>
+</svg>
diff --git a/artifacts/fb-publisher/public/logo.png b/artifacts/fb-publisher/public/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..98c2c3513729696f53874f230a83652180ccba2c
Binary files /dev/null and b/artifacts/fb-publisher/public/logo.png differ
diff --git a/artifacts/fb-publisher/public/logo.svg b/artifacts/fb-publisher/public/logo.svg
new file mode 100644
index 0000000000000000000000000000000000000000..482d6c0592dbb7155cb53d88d9dd757543b2d420
--- /dev/null
+++ b/artifacts/fb-publisher/public/logo.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
+  <defs>
+    <linearGradient id="g" x1="0" y1="0" x2="64" y2="64" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#bb86fc"/>
+      <stop offset="1" stop-color="#0866ff"/>
+    </linearGradient>
+  </defs>
+  <rect width="64" height="64" rx="14" fill="url(#g)"/>
+  <path d="M37.5 19h-4.4c-3 0-5.6 2.5-5.6 5.6V29h-4v5.5h4V49h5.5V34.5h4.6l.9-5.5h-5.5v-3.5c0-1 .8-1.5 1.5-1.5h4V19z" fill="#fff"/>
+</svg>
diff --git a/artifacts/fb-publisher/public/opengraph.jpg b/artifacts/fb-publisher/public/opengraph.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b442e009a1727a44dbcfcf88a165f29c041b877e
Binary files /dev/null and b/artifacts/fb-publisher/public/opengraph.jpg differ
diff --git a/artifacts/fb-publisher/public/robots.txt b/artifacts/fb-publisher/public/robots.txt
new file mode 100644
index 0000000000000000000000000000000000000000..c2a49f4fb82f19ffa9089fcf8630e5a2870d3feb
--- /dev/null
+++ b/artifacts/fb-publisher/public/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /
diff --git a/artifacts/fb-publisher/src/App.tsx b/artifacts/fb-publisher/src/App.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..10011c012cc9b2ad0b1f542ed8d0090d219bff87
--- /dev/null
+++ b/artifacts/fb-publisher/src/App.tsx
@@ -0,0 +1,281 @@
+import { useEffect, useRef, useState } from "react";
+import {
+  ClerkProvider,
+  SignIn,
+  SignUp,
+  Show,
+  useClerk,
+  useAuth,
+} from "@clerk/react";
+import { arSA } from "@clerk/localizations";
+import { shadcn } from "@clerk/themes";
+import { setAuthTokenGetter } from "@workspace/api-client-react";
+import {
+  Switch,
+  Route,
+  useLocation,
+  Router as WouterRouter,
+  Redirect,
+} from "wouter";
+import { QueryClientProvider, useQueryClient } from "@tanstack/react-query";
+import { queryClient } from "./lib/queryClient";
+import { Toaster } from "@/components/ui/toaster";
+import { TooltipProvider } from "@/components/ui/tooltip";
+import Landing from "@/pages/Landing";
+import Publisher from "@/pages/Publisher";
+import Subscription from "@/pages/Subscription";
+import SubscriptionReturn from "@/pages/SubscriptionReturn";
+import InstallExtension from "@/pages/InstallExtension";
+import Admin from "@/pages/Admin";
+import NotFound from "@/pages/not-found";
+import UpdateBanner from "@/components/UpdateBanner";
+
+const clerkPubKey = import.meta.env.VITE_CLERK_PUBLISHABLE_KEY as string;
+const clerkProxyUrl = import.meta.env.VITE_CLERK_PROXY_URL as string | undefined;
+const basePath = import.meta.env.BASE_URL.replace(/\/$/, "");
+
+function stripBase(path: string): string {
+  return basePath && path.startsWith(basePath)
+    ? path.slice(basePath.length) || "/"
+    : path;
+}
+
+if (!clerkPubKey) {
+  throw new Error("Missing VITE_CLERK_PUBLISHABLE_KEY");
+}
+
+const clerkAppearance = {
+  theme: shadcn,
+  cssLayerName: "clerk",
+  options: {
+    logoPlacement: "inside" as const,
+    logoLinkUrl: basePath || "/",
+    logoImageUrl: `${window.location.origin}${basePath}/logo.svg`,
+  },
+  variables: {
+    colorPrimary: "#bb86fc",
+    colorForeground: "#f5f5f7",
+    colorMutedForeground: "#a8a8b3",
+    colorDanger: "#ff6b6b",
+    colorBackground: "#16162a",
+    colorInput: "#1f1f3a",
+    colorInputForeground: "#f5f5f7",
+    colorNeutral: "#3a3a55",
+    fontFamily: '"Tajawal", "Inter", system-ui, sans-serif',
+    borderRadius: "12px",
+  },
+  elements: {
+    rootBox: "w-full",
+    cardBox: "bg-[#16162a] rounded-2xl w-[440px] max-w-full overflow-hidden border border-[#3a3a55]/40",
+    card: "!shadow-none !border-0 !bg-transparent !rounded-none",
+    footer: "!shadow-none !border-0 !bg-transparent !rounded-none",
+    headerTitle: "text-white",
+    headerSubtitle: "text-gray-300",
+    socialButtonsBlockButtonText: "text-white",
+    formFieldLabel: "text-gray-200",
+    footerActionLink: "text-[#bb86fc] hover:text-[#d4b3ff]",
+    footerActionText: "text-gray-300",
+    dividerText: "text-gray-400",
+    identityPreviewEditButton: "text-[#bb86fc]",
+    formFieldSuccessText: "text-green-300",
+    alertText: "text-gray-200",
+    logoBox: "mb-2",
+    logoImage: "h-10 w-10",
+    socialButtonsBlockButton: "bg-[#1f1f3a] hover:bg-[#2a2a4a] border border-[#3a3a55] text-white",
+    formButtonPrimary: "btn-primary-grad",
+    formFieldInput: "bg-[#1f1f3a] border-[#3a3a55] text-white",
+    footerAction: "text-gray-300",
+    dividerLine: "bg-[#3a3a55]",
+    alert: "bg-[#1f1f3a] border-[#3a3a55]",
+    otpCodeFieldInput: "bg-[#1f1f3a] border-[#3a3a55] text-white",
+    main: "text-white",
+  },
+};
+
+function SignInPage() {
+  return (
+    <div className="flex min-h-[100dvh] items-center justify-center px-4">
+      <SignIn
+        routing="path"
+        path={`${basePath}/sign-in`}
+        signUpUrl={`${basePath}/sign-up`}
+        forceRedirectUrl={`${basePath}/app`}
+      />
+    </div>
+  );
+}
+
+function SignUpPage() {
+  return (
+    <div className="flex min-h-[100dvh] items-center justify-center px-4">
+      <div className="w-full max-w-md space-y-4">
+        <SignUp
+          routing="path"
+          path={`${basePath}/sign-up`}
+          signInUrl={`${basePath}/sign-in`}
+          forceRedirectUrl={`${basePath}/app`}
+        />
+        <div className="rounded-lg border border-red-500/30 bg-red-950/20 p-3 text-center text-sm text-red-300 backdrop-blur-sm">
+          ⚠️ <strong>تنبيه هام لمكافحة السبام والرسائل المزعجة (Spam):</strong>{" "}
+          التسجيل باستخدام البريد الإلكتروني المؤقت (مثل{" "}
+          <code className="rounded bg-red-950/40 px-1">tempumail.art</code>)
+          ممنوع تمامًا وسيؤدي إلى <strong>حظر الحساب فور اكتشافه</strong>. يُرجى
+          استخدام بريد إلكتروني حقيقي ودائم.
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function ProtectedPublisher() {
+  return (
+    <>
+      <Show when="signed-in">
+        <Publisher />
+      </Show>
+      <Show when="signed-out">
+        <Redirect to="/sign-in" />
+      </Show>
+    </>
+  );
+}
+
+function ProtectedSubscription() {
+  return (
+    <>
+      <Show when="signed-in">
+        <Subscription />
+      </Show>
+      <Show when="signed-out">
+        <Redirect to="/sign-in" />
+      </Show>
+    </>
+  );
+}
+
+function ProtectedExtension() {
+  return (
+    <>
+      <Show when="signed-in">
+        <InstallExtension />
+      </Show>
+      <Show when="signed-out">
+        <Redirect to="/sign-in" />
+      </Show>
+    </>
+  );
+}
+
+function ServerKeepAlive() {
+  const [waking, setWaking] = useState(false);
+
+  useEffect(() => {
+    let wakingTimer: ReturnType<typeof setTimeout>;
+    const ping = () => {
+      wakingTimer = setTimeout(() => setWaking(true), 4000);
+      fetch("/api/healthz", { cache: "no-store" })
+        .then(() => { clearTimeout(wakingTimer); setWaking(false); })
+        .catch(() => { clearTimeout(wakingTimer); setWaking(false); });
+    };
+    ping();
+    const interval = setInterval(ping, 10 * 60 * 1000);
+    return () => { clearInterval(interval); clearTimeout(wakingTimer); };
+  }, []);
+
+  if (!waking) return null;
+
+  return (
+    <div className="fixed inset-0 z-[9999] flex items-center justify-center bg-[#16162a]/90 backdrop-blur-sm" dir="rtl">
+      <div className="bg-[#1f1f3a] border border-[#3a3a55] rounded-2xl p-8 text-center max-w-sm mx-4 shadow-2xl">
+        <div className="text-5xl mb-4">⚙️</div>
+        <h2 className="text-white text-xl font-bold mb-2">جاري تشغيل الخادم…</h2>
+        <p className="text-gray-400 text-sm leading-relaxed">الخادم كان في وضع السكون.<br />يستغرق الأمر بضع ثوانٍ، شكراً لصبرك.</p>
+        <div className="mt-5 flex justify-center gap-2">
+          {[0, 1, 2].map((i) => (
+            <div key={i} className="w-2.5 h-2.5 bg-[#bb86fc] rounded-full animate-bounce" style={{ animationDelay: `${i * 0.18}s` }} />
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function ClerkAuthTokenSetter() {
+  const { getToken } = useAuth();
+  useEffect(() => {
+    setAuthTokenGetter(() => getToken());
+    return () => setAuthTokenGetter(null);
+  }, [getToken]);
+  return null;
+}
+
+function ClerkQueryClientCacheInvalidator() {
+  const { addListener } = useClerk();
+  const qc = useQueryClient();
+  const prevUserIdRef = useRef<string | null | undefined>(undefined);
+
+  useEffect(() => {
+    const unsubscribe = addListener(({ user }) => {
+      const userId = user?.id ?? null;
+      if (prevUserIdRef.current !== undefined && prevUserIdRef.current !== userId) {
+        qc.clear();
+      }
+      prevUserIdRef.current = userId;
+    });
+    return unsubscribe;
+  }, [addListener, qc]);
+
+  return null;
+}
+
+function ClerkProviderWithRoutes() {
+  const [, setLocation] = useLocation();
+
+  return (
+    <ClerkProvider
+      publishableKey={clerkPubKey}
+      proxyUrl={clerkProxyUrl}
+      appearance={clerkAppearance}
+      signInUrl={`${basePath}/sign-in`}
+      signUpUrl={`${basePath}/sign-up`}
+      localization={{
+        ...arSA,
+        formFieldInputPlaceholder__emailAddress: "أدخل بريدك الإلكتروني",
+        signIn: { ...arSA.signIn, start: { ...((arSA.signIn as any)?.start), title: "تسجيل الدخول", subtitle: "أدخل بياناتك للوصول إلى حسابك" } },
+        signUp: { ...arSA.signUp, start: { ...((arSA.signUp as any)?.start), title: "إنشاء حساب جديد", subtitle: "ابدأ تجربتك المجانية لمدة شهر كامل" } },
+        signIn__forgotPasswordLink: "نسيت كلمة المرور؟",
+      }}
+      routerPush={(to) => setLocation(stripBase(to))}
+      routerReplace={(to) => setLocation(stripBase(to), { replace: true })}
+    >
+      <QueryClientProvider client={queryClient}>
+        <ServerKeepAlive />
+        <ClerkAuthTokenSetter />
+        <ClerkQueryClientCacheInvalidator />
+        <TooltipProvider>
+          <Switch>
+            <Route path="/" component={Landing} />
+            <Route path="/sign-in/*?" component={SignInPage} />
+            <Route path="/sign-up/*?" component={SignUpPage} />
+            <Route path="/app" component={ProtectedPublisher} />
+            <Route path="/subscription" component={ProtectedSubscription} />
+            <Route path="/subscription/return" component={SubscriptionReturn} />
+            <Route path="/extension" component={ProtectedExtension} />
+            <Route path="/admin" component={Admin} />
+            <Route component={NotFound} />
+          </Switch>
+          <UpdateBanner />
+          <Toaster />
+        </TooltipProvider>
+      </QueryClientProvider>
+    </ClerkProvider>
+  );
+}
+
+export default function App() {
+  return (
+    <WouterRouter base={basePath}>
+      <ClerkProviderWithRoutes />
+    </WouterRouter>
+  );
+}
\ No newline at end of file
diff --git a/artifacts/fb-publisher/src/components/UpdateBanner.tsx b/artifacts/fb-publisher/src/components/UpdateBanner.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..f1eec2a4c12de1798f078c39913c4ae9989d8c56
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/UpdateBanner.tsx
@@ -0,0 +1,125 @@
+import { useEffect, useState } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { useLocation } from "wouter";
+
+interface UpdateStatus {
+  updateAvailable: boolean;
+  version: string | null;
+  message: string | null;
+}
+
+async function fetchUpdateStatus(): Promise<UpdateStatus> {
+  const res = await fetch("/api/extension-update");
+  if (!res.ok) return { updateAvailable: false, version: null, message: null };
+  return res.json();
+}
+
+function compareVersions(installed: string, latest: string): number {
+  const a = installed.split(".").map(Number);
+  const b = latest.split(".").map(Number);
+  for (let i = 0; i < Math.max(a.length, b.length); i++) {
+    const diff = (a[i] ?? 0) - (b[i] ?? 0);
+    if (diff !== 0) return diff;
+  }
+  return 0;
+}
+
+function pingExtension(): Promise<string | null> {
+  return new Promise((resolve) => {
+    const reqId = `ping-${Date.now()}`;
+    const timeout = setTimeout(() => {
+      window.removeEventListener("message", handler);
+      resolve(null);
+    }, 2000);
+
+    function handler(e: MessageEvent) {
+      if (e.source !== window) return;
+      const d = e.data;
+      if (!d) return;
+      if (d.source === "fbpub-bridge" && d.event === "ready") {
+        clearTimeout(timeout);
+        window.removeEventListener("message", handler);
+        resolve(d.version ?? null);
+        return;
+      }
+      if (d.source === "fbpub-bridge" && d.requestId === reqId) {
+        clearTimeout(timeout);
+        window.removeEventListener("message", handler);
+        resolve(d.response?.version ?? null);
+      }
+    }
+
+    window.addEventListener("message", handler);
+
+    window.postMessage(
+      { source: "fbpub-web", requestId: reqId, action: "ping", payload: {} },
+      "*"
+    );
+  });
+}
+
+export default function UpdateBanner() {
+  const [, setLocation] = useLocation();
+  const [installedVersion, setInstalledVersion] = useState<string | null>(null);
+  const [checked, setChecked] = useState(false);
+
+  const { data } = useQuery({
+    queryKey: ["extension-update"],
+    queryFn: fetchUpdateStatus,
+    refetchInterval: 30 * 60 * 1000,
+    staleTime: 25 * 60 * 1000,
+  });
+
+  useEffect(() => {
+    pingExtension().then((v) => {
+      setInstalledVersion(v);
+      setChecked(true);
+    });
+  }, []);
+
+  if (!data?.updateAvailable) return null;
+  if (!checked) return null;
+
+  if (data.version && installedVersion) {
+    if (compareVersions(installedVersion, data.version) >= 0) return null;
+  }
+
+  const label = data.version ? `تحديث جديد v${data.version}` : "تحديث جديد متاح";
+
+  return (
+    <div className="fixed bottom-5 left-5 z-50" dir="rtl">
+      <button
+        onClick={() => setLocation("/extension")}
+        className="relative flex flex-col items-start gap-0.5 rounded-2xl px-4 py-3 text-white shadow-xl transition-transform hover:scale-105 active:scale-95"
+        style={{
+          background: "linear-gradient(135deg, #bb86fc 0%, #6200ee 100%)",
+          animation: "pulse-glow 2s infinite",
+        }}
+      >
+        <div className="flex items-center gap-2 font-bold text-sm">
+          <span className="relative flex h-3 w-3">
+            <span
+              className="absolute inline-flex h-full w-full rounded-full opacity-75 bg-white"
+              style={{ animation: "ping 1.2s cubic-bezier(0,0,0.2,1) infinite" }}
+            />
+            <span className="relative inline-flex h-3 w-3 rounded-full bg-white" />
+          </span>
+          🔔 {label}
+        </div>
+        {data.message && (
+          <div className="text-xs text-white/80 pr-5">{data.message}</div>
+        )}
+      </button>
+
+      <style>{`
+        @keyframes pulse-glow {
+          0%, 100% { box-shadow: 0 0 12px 3px rgba(187,134,252,0.6); }
+          50%       { box-shadow: 0 0 28px 10px rgba(187,134,252,0.3); }
+        }
+        @keyframes ping {
+          75%, 100% { transform: scale(2); opacity: 0; }
+        }
+      `}</style>
+    </div>
+  );
+}
diff --git a/artifacts/fb-publisher/src/components/ui/accordion.tsx b/artifacts/fb-publisher/src/components/ui/accordion.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e1797c93458f3751a2e0f1189ff50d77f20ae3ed
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/accordion.tsx
@@ -0,0 +1,55 @@
+import * as React from "react"
+import * as AccordionPrimitive from "@radix-ui/react-accordion"
+import { ChevronDown } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Accordion = AccordionPrimitive.Root
+
+const AccordionItem = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
+>(({ className, ...props }, ref) => (
+  <AccordionPrimitive.Item
+    ref={ref}
+    className={cn("border-b", className)}
+    {...props}
+  />
+))
+AccordionItem.displayName = "AccordionItem"
+
+const AccordionTrigger = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <AccordionPrimitive.Header className="flex">
+    <AccordionPrimitive.Trigger
+      ref={ref}
+      className={cn(
+        "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <ChevronDown className="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" />
+    </AccordionPrimitive.Trigger>
+  </AccordionPrimitive.Header>
+))
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName
+
+const AccordionContent = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <AccordionPrimitive.Content
+    ref={ref}
+    className="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
+    {...props}
+  >
+    <div className={cn("pb-4 pt-0", className)}>{children}</div>
+  </AccordionPrimitive.Content>
+))
+AccordionContent.displayName = AccordionPrimitive.Content.displayName
+
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }
diff --git a/artifacts/fb-publisher/src/components/ui/alert-dialog.tsx b/artifacts/fb-publisher/src/components/ui/alert-dialog.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..fa2b4429f4303210462ad03f9f49280ac5ae07ce
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/alert-dialog.tsx
@@ -0,0 +1,139 @@
+import * as React from "react"
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
+
+import { cn } from "@/lib/utils"
+import { buttonVariants } from "@/components/ui/button"
+
+const AlertDialog = AlertDialogPrimitive.Root
+
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger
+
+const AlertDialogPortal = AlertDialogPrimitive.Portal
+
+const AlertDialogOverlay = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Overlay
+    className={cn(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    )}
+    {...props}
+    ref={ref}
+  />
+))
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName
+
+const AlertDialogContent = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPortal>
+    <AlertDialogOverlay />
+    <AlertDialogPrimitive.Content
+      ref={ref}
+      className={cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      )}
+      {...props}
+    />
+  </AlertDialogPortal>
+))
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName
+
+const AlertDialogHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    )}
+    {...props}
+  />
+)
+AlertDialogHeader.displayName = "AlertDialogHeader"
+
+const AlertDialogFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    )}
+    {...props}
+  />
+)
+AlertDialogFooter.displayName = "AlertDialogFooter"
+
+const AlertDialogTitle = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Title
+    ref={ref}
+    className={cn("text-lg font-semibold", className)}
+    {...props}
+  />
+))
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName
+
+const AlertDialogDescription = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+AlertDialogDescription.displayName =
+  AlertDialogPrimitive.Description.displayName
+
+const AlertDialogAction = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Action>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Action
+    ref={ref}
+    className={cn(buttonVariants(), className)}
+    {...props}
+  />
+))
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName
+
+const AlertDialogCancel = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Cancel
+    ref={ref}
+    className={cn(
+      buttonVariants({ variant: "outline" }),
+      "mt-2 sm:mt-0",
+      className
+    )}
+    {...props}
+  />
+))
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName
+
+export {
+  AlertDialog,
+  AlertDialogPortal,
+  AlertDialogOverlay,
+  AlertDialogTrigger,
+  AlertDialogContent,
+  AlertDialogHeader,
+  AlertDialogFooter,
+  AlertDialogTitle,
+  AlertDialogDescription,
+  AlertDialogAction,
+  AlertDialogCancel,
+}
diff --git a/artifacts/fb-publisher/src/components/ui/alert.tsx b/artifacts/fb-publisher/src/components/ui/alert.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..5afd41d142c95c74069ebb5460117e74ead3b9df
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/alert.tsx
@@ -0,0 +1,59 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const alertVariants = cva(
+  "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive:
+          "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+const Alert = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>
+>(({ className, variant, ...props }, ref) => (
+  <div
+    ref={ref}
+    role="alert"
+    className={cn(alertVariants({ variant }), className)}
+    {...props}
+  />
+))
+Alert.displayName = "Alert"
+
+const AlertTitle = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLHeadingElement>
+>(({ className, ...props }, ref) => (
+  <h5
+    ref={ref}
+    className={cn("mb-1 font-medium leading-none tracking-tight", className)}
+    {...props}
+  />
+))
+AlertTitle.displayName = "AlertTitle"
+
+const AlertDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("text-sm [&_p]:leading-relaxed", className)}
+    {...props}
+  />
+))
+AlertDescription.displayName = "AlertDescription"
+
+export { Alert, AlertTitle, AlertDescription }
diff --git a/artifacts/fb-publisher/src/components/ui/aspect-ratio.tsx b/artifacts/fb-publisher/src/components/ui/aspect-ratio.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..c4abbf37f217c715a0eaade7f45ac78600df419f
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/aspect-ratio.tsx
@@ -0,0 +1,5 @@
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio"
+
+const AspectRatio = AspectRatioPrimitive.Root
+
+export { AspectRatio }
diff --git a/artifacts/fb-publisher/src/components/ui/avatar.tsx b/artifacts/fb-publisher/src/components/ui/avatar.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..51e507ba9d08bcdbb1fb630498f1cbdf2bf50093
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/avatar.tsx
@@ -0,0 +1,50 @@
+"use client"
+
+import * as React from "react"
+import * as AvatarPrimitive from "@radix-ui/react-avatar"
+
+import { cn } from "@/lib/utils"
+
+const Avatar = React.forwardRef<
+  React.ElementRef<typeof AvatarPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <AvatarPrimitive.Root
+    ref={ref}
+    className={cn(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      className
+    )}
+    {...props}
+  />
+))
+Avatar.displayName = AvatarPrimitive.Root.displayName
+
+const AvatarImage = React.forwardRef<
+  React.ElementRef<typeof AvatarPrimitive.Image>,
+  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>
+>(({ className, ...props }, ref) => (
+  <AvatarPrimitive.Image
+    ref={ref}
+    className={cn("aspect-square h-full w-full", className)}
+    {...props}
+  />
+))
+AvatarImage.displayName = AvatarPrimitive.Image.displayName
+
+const AvatarFallback = React.forwardRef<
+  React.ElementRef<typeof AvatarPrimitive.Fallback>,
+  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>
+>(({ className, ...props }, ref) => (
+  <AvatarPrimitive.Fallback
+    ref={ref}
+    className={cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      className
+    )}
+    {...props}
+  />
+))
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName
+
+export { Avatar, AvatarImage, AvatarFallback }
diff --git a/artifacts/fb-publisher/src/components/ui/badge.tsx b/artifacts/fb-publisher/src/components/ui/badge.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..3f03665878d609428688f5736ab2300297115e5f
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/badge.tsx
@@ -0,0 +1,43 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const badgeVariants = cva(
+  // @replit
+  // Whitespace-nowrap: Badges should never wrap.
+  "whitespace-nowrap inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2" +
+  " hover-elevate ",
+  {
+    variants: {
+      variant: {
+        default:
+          // @replit shadow-xs instead of shadow, no hover because we use hover-elevate
+          "border-transparent bg-primary text-primary-foreground shadow-xs",
+        secondary:
+          // @replit no hover because we use hover-elevate
+          "border-transparent bg-secondary text-secondary-foreground",
+        destructive:
+          // @replit shadow-xs instead of shadow, no hover because we use hover-elevate
+          "border-transparent bg-destructive text-destructive-foreground shadow-xs",
+          // @replit shadow-xs" - use badge outline variable
+        outline: "text-foreground border [border-color:var(--badge-outline)]",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+export interface BadgeProps
+  extends React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof badgeVariants> {}
+
+function Badge({ className, variant, ...props }: BadgeProps) {
+  return (
+    <div className={cn(badgeVariants({ variant }), className)} {...props} />
+  )
+}
+
+export { Badge, badgeVariants }
diff --git a/artifacts/fb-publisher/src/components/ui/breadcrumb.tsx b/artifacts/fb-publisher/src/components/ui/breadcrumb.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..60e6c96f72f0350d08b47e4730cab8f3975dc853
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/breadcrumb.tsx
@@ -0,0 +1,115 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { ChevronRight, MoreHorizontal } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Breadcrumb = React.forwardRef<
+  HTMLElement,
+  React.ComponentPropsWithoutRef<"nav"> & {
+    separator?: React.ReactNode
+  }
+>(({ ...props }, ref) => <nav ref={ref} aria-label="breadcrumb" {...props} />)
+Breadcrumb.displayName = "Breadcrumb"
+
+const BreadcrumbList = React.forwardRef<
+  HTMLOListElement,
+  React.ComponentPropsWithoutRef<"ol">
+>(({ className, ...props }, ref) => (
+  <ol
+    ref={ref}
+    className={cn(
+      "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
+      className
+    )}
+    {...props}
+  />
+))
+BreadcrumbList.displayName = "BreadcrumbList"
+
+const BreadcrumbItem = React.forwardRef<
+  HTMLLIElement,
+  React.ComponentPropsWithoutRef<"li">
+>(({ className, ...props }, ref) => (
+  <li
+    ref={ref}
+    className={cn("inline-flex items-center gap-1.5", className)}
+    {...props}
+  />
+))
+BreadcrumbItem.displayName = "BreadcrumbItem"
+
+const BreadcrumbLink = React.forwardRef<
+  HTMLAnchorElement,
+  React.ComponentPropsWithoutRef<"a"> & {
+    asChild?: boolean
+  }
+>(({ asChild, className, ...props }, ref) => {
+  const Comp = asChild ? Slot : "a"
+
+  return (
+    <Comp
+      ref={ref}
+      className={cn("transition-colors hover:text-foreground", className)}
+      {...props}
+    />
+  )
+})
+BreadcrumbLink.displayName = "BreadcrumbLink"
+
+const BreadcrumbPage = React.forwardRef<
+  HTMLSpanElement,
+  React.ComponentPropsWithoutRef<"span">
+>(({ className, ...props }, ref) => (
+  <span
+    ref={ref}
+    role="link"
+    aria-disabled="true"
+    aria-current="page"
+    className={cn("font-normal text-foreground", className)}
+    {...props}
+  />
+))
+BreadcrumbPage.displayName = "BreadcrumbPage"
+
+const BreadcrumbSeparator = ({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<"li">) => (
+  <li
+    role="presentation"
+    aria-hidden="true"
+    className={cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className)}
+    {...props}
+  >
+    {children ?? <ChevronRight />}
+  </li>
+)
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator"
+
+const BreadcrumbEllipsis = ({
+  className,
+  ...props
+}: React.ComponentProps<"span">) => (
+  <span
+    role="presentation"
+    aria-hidden="true"
+    className={cn("flex h-9 w-9 items-center justify-center", className)}
+    {...props}
+  >
+    <MoreHorizontal className="h-4 w-4" />
+    <span className="sr-only">More</span>
+  </span>
+)
+BreadcrumbEllipsis.displayName = "BreadcrumbElipssis"
+
+export {
+  Breadcrumb,
+  BreadcrumbList,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  BreadcrumbEllipsis,
+}
diff --git a/artifacts/fb-publisher/src/components/ui/button-group.tsx b/artifacts/fb-publisher/src/components/ui/button-group.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..d6e78014fc491465c059253d541b10afdaa3227a
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/button-group.tsx
@@ -0,0 +1,83 @@
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+import { Separator } from "@/components/ui/separator"
+
+const buttonGroupVariants = cva(
+  "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
+  {
+    variants: {
+      orientation: {
+        horizontal:
+          "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+        vertical:
+          "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none",
+      },
+    },
+    defaultVariants: {
+      orientation: "horizontal",
+    },
+  }
+)
+
+function ButtonGroup({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>) {
+  return (
+    <div
+      role="group"
+      data-slot="button-group"
+      data-orientation={orientation}
+      className={cn(buttonGroupVariants({ orientation }), className)}
+      {...props}
+    />
+  )
+}
+
+function ButtonGroupText({
+  className,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"div"> & {
+  asChild?: boolean
+}) {
+  const Comp = asChild ? Slot : "div"
+
+  return (
+    <Comp
+      className={cn(
+        "bg-muted shadow-xs flex items-center gap-2 rounded-md border px-4 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function ButtonGroupSeparator({
+  className,
+  orientation = "vertical",
+  ...props
+}: React.ComponentProps<typeof Separator>) {
+  return (
+    <Separator
+      data-slot="button-group-separator"
+      orientation={orientation}
+      className={cn(
+        "bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  ButtonGroup,
+  ButtonGroupSeparator,
+  ButtonGroupText,
+  buttonGroupVariants,
+}
diff --git a/artifacts/fb-publisher/src/components/ui/button.tsx b/artifacts/fb-publisher/src/components/ui/button.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..16eb95d1cca6cdc61889bdf0d9206ad0dfcec427
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/button.tsx
@@ -0,0 +1,65 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0" +
+" hover-elevate active-elevate-2",
+  {
+    variants: {
+      variant: {
+        default:
+           // @replit: no hover, and add primary border
+           "bg-primary text-primary-foreground border border-primary-border",
+        destructive:
+          "bg-destructive text-destructive-foreground shadow-sm border-destructive-border",
+        outline:
+          // @replit Shows the background color of whatever card / sidebar / accent background it is inside of.
+          // Inherits the current text color. Uses shadow-xs. no shadow on active
+          // No hover state
+          " border [border-color:var(--button-outline)] shadow-xs active:shadow-none ",
+        secondary:
+          // @replit border, no hover, no shadow, secondary border.
+          "border bg-secondary text-secondary-foreground border border-secondary-border ",
+        // @replit no hover, transparent border
+        ghost: "border border-transparent",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        // @replit changed sizes
+        default: "min-h-9 px-4 py-2",
+        sm: "min-h-8 rounded-md px-3 text-xs",
+        lg: "min-h-10 rounded-md px-8",
+        icon: "h-9 w-9",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+export interface ButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+    VariantProps<typeof buttonVariants> {
+  asChild?: boolean
+}
+
+const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button"
+    return (
+      <Comp
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Button.displayName = "Button"
+
+export { Button, buttonVariants }
diff --git a/artifacts/fb-publisher/src/components/ui/calendar.tsx b/artifacts/fb-publisher/src/components/ui/calendar.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..a623682dab53fbe9e1777b83b2e93763837653d8
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/calendar.tsx
@@ -0,0 +1,213 @@
+"use client"
+
+import * as React from "react"
+import {
+  ChevronDownIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+} from "lucide-react"
+import { DayButton, DayPicker, getDefaultClassNames } from "react-day-picker"
+
+import { cn } from "@/lib/utils"
+import { Button, buttonVariants } from "@/components/ui/button"
+
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "label",
+  buttonVariant = "ghost",
+  formatters,
+  components,
+  ...props
+}: React.ComponentProps<typeof DayPicker> & {
+  buttonVariant?: React.ComponentProps<typeof Button>["variant"]
+}) {
+  const defaultClassNames = getDefaultClassNames()
+
+  return (
+    <DayPicker
+      showOutsideDays={showOutsideDays}
+      className={cn(
+        "bg-background group/calendar p-3 [--cell-size:2rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        className
+      )}
+      captionLayout={captionLayout}
+      formatters={{
+        formatMonthDropdown: (date) =>
+          date.toLocaleString("default", { month: "short" }),
+        ...formatters,
+      }}
+      classNames={{
+        root: cn("w-fit", defaultClassNames.root),
+        months: cn(
+          "relative flex flex-col gap-4 md:flex-row",
+          defaultClassNames.months
+        ),
+        month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
+        nav: cn(
+          "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
+          defaultClassNames.nav
+        ),
+        button_previous: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
+          defaultClassNames.button_previous
+        ),
+        button_next: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
+          defaultClassNames.button_next
+        ),
+        month_caption: cn(
+          "flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]",
+          defaultClassNames.month_caption
+        ),
+        dropdowns: cn(
+          "flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium",
+          defaultClassNames.dropdowns
+        ),
+        dropdown_root: cn(
+          "has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border",
+          defaultClassNames.dropdown_root
+        ),
+        dropdown: cn(
+          "bg-popover absolute inset-0 opacity-0",
+          defaultClassNames.dropdown
+        ),
+        caption_label: cn(
+          "select-none font-medium",
+          captionLayout === "label"
+            ? "text-sm"
+            : "[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5",
+          defaultClassNames.caption_label
+        ),
+        table: "w-full border-collapse",
+        weekdays: cn("flex", defaultClassNames.weekdays),
+        weekday: cn(
+          "text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal",
+          defaultClassNames.weekday
+        ),
+        week: cn("mt-2 flex w-full", defaultClassNames.week),
+        week_number_header: cn(
+          "w-[--cell-size] select-none",
+          defaultClassNames.week_number_header
+        ),
+        week_number: cn(
+          "text-muted-foreground select-none text-[0.8rem]",
+          defaultClassNames.week_number
+        ),
+        day: cn(
+          "group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md",
+          defaultClassNames.day
+        ),
+        range_start: cn(
+          "bg-accent rounded-l-md",
+          defaultClassNames.range_start
+        ),
+        range_middle: cn("rounded-none", defaultClassNames.range_middle),
+        range_end: cn("bg-accent rounded-r-md", defaultClassNames.range_end),
+        today: cn(
+          "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
+          defaultClassNames.today
+        ),
+        outside: cn(
+          "text-muted-foreground aria-selected:text-muted-foreground",
+          defaultClassNames.outside
+        ),
+        disabled: cn(
+          "text-muted-foreground opacity-50",
+          defaultClassNames.disabled
+        ),
+        hidden: cn("invisible", defaultClassNames.hidden),
+        ...classNames,
+      }}
+      components={{
+        Root: ({ className, rootRef, ...props }) => {
+          return (
+            <div
+              data-slot="calendar"
+              ref={rootRef}
+              className={cn(className)}
+              {...props}
+            />
+          )
+        },
+        Chevron: ({ className, orientation, ...props }) => {
+          if (orientation === "left") {
+            return (
+              <ChevronLeftIcon className={cn("size-4", className)} {...props} />
+            )
+          }
+
+          if (orientation === "right") {
+            return (
+              <ChevronRightIcon
+                className={cn("size-4", className)}
+                {...props}
+              />
+            )
+          }
+
+          return (
+            <ChevronDownIcon className={cn("size-4", className)} {...props} />
+          )
+        },
+        DayButton: CalendarDayButton,
+        WeekNumber: ({ children, ...props }) => {
+          return (
+            <td {...props}>
+              <div className="flex size-[--cell-size] items-center justify-center text-center">
+                {children}
+              </div>
+            </td>
+          )
+        },
+        ...components,
+      }}
+      {...props}
+    />
+  )
+}
+
+function CalendarDayButton({
+  className,
+  day,
+  modifiers,
+  ...props
+}: React.ComponentProps<typeof DayButton>) {
+  const defaultClassNames = getDefaultClassNames()
+
+  const ref = React.useRef<HTMLButtonElement>(null)
+  React.useEffect(() => {
+    if (modifiers.focused) ref.current?.focus()
+  }, [modifiers.focused])
+
+  return (
+    <Button
+      ref={ref}
+      variant="ghost"
+      size="icon"
+      data-day={day.date.toLocaleDateString()}
+      data-selected-single={
+        modifiers.selected &&
+        !modifiers.range_start &&
+        !modifiers.range_end &&
+        !modifiers.range_middle
+      }
+      data-range-start={modifiers.range_start}
+      data-range-end={modifiers.range_end}
+      data-range-middle={modifiers.range_middle}
+      className={cn(
+        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",
+        defaultClassNames.day,
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Calendar, CalendarDayButton }
diff --git a/artifacts/fb-publisher/src/components/ui/card.tsx b/artifacts/fb-publisher/src/components/ui/card.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..cabfbfc59d955db9efc2049783cad4a71db55442
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/card.tsx
@@ -0,0 +1,76 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Card = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      "rounded-xl border bg-card text-card-foreground shadow",
+      className
+    )}
+    {...props}
+  />
+))
+Card.displayName = "Card"
+
+const CardHeader = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex flex-col space-y-1.5 p-6", className)}
+    {...props}
+  />
+))
+CardHeader.displayName = "CardHeader"
+
+const CardTitle = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("font-semibold leading-none tracking-tight", className)}
+    {...props}
+  />
+))
+CardTitle.displayName = "CardTitle"
+
+const CardDescription = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+CardDescription.displayName = "CardDescription"
+
+const CardContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
+))
+CardContent.displayName = "CardContent"
+
+const CardFooter = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex items-center p-6 pt-0", className)}
+    {...props}
+  />
+))
+CardFooter.displayName = "CardFooter"
+
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
diff --git a/artifacts/fb-publisher/src/components/ui/carousel.tsx b/artifacts/fb-publisher/src/components/ui/carousel.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..9c2b9bf3705d8421bef00704c0c52e83d371ca11
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/carousel.tsx
@@ -0,0 +1,260 @@
+import * as React from "react"
+import useEmblaCarousel, {
+  type UseEmblaCarouselType,
+} from "embla-carousel-react"
+import { ArrowLeft, ArrowRight } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+
+type CarouselApi = UseEmblaCarouselType[1]
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>
+type CarouselOptions = UseCarouselParameters[0]
+type CarouselPlugin = UseCarouselParameters[1]
+
+type CarouselProps = {
+  opts?: CarouselOptions
+  plugins?: CarouselPlugin
+  orientation?: "horizontal" | "vertical"
+  setApi?: (api: CarouselApi) => void
+}
+
+type CarouselContextProps = {
+  carouselRef: ReturnType<typeof useEmblaCarousel>[0]
+  api: ReturnType<typeof useEmblaCarousel>[1]
+  scrollPrev: () => void
+  scrollNext: () => void
+  canScrollPrev: boolean
+  canScrollNext: boolean
+} & CarouselProps
+
+const CarouselContext = React.createContext<CarouselContextProps | null>(null)
+
+function useCarousel() {
+  const context = React.useContext(CarouselContext)
+
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />")
+  }
+
+  return context
+}
+
+const Carousel = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement> & CarouselProps
+>(
+  (
+    {
+      orientation = "horizontal",
+      opts,
+      setApi,
+      plugins,
+      className,
+      children,
+      ...props
+    },
+    ref
+  ) => {
+    const [carouselRef, api] = useEmblaCarousel(
+      {
+        ...opts,
+        axis: orientation === "horizontal" ? "x" : "y",
+      },
+      plugins
+    )
+    const [canScrollPrev, setCanScrollPrev] = React.useState(false)
+    const [canScrollNext, setCanScrollNext] = React.useState(false)
+
+    const onSelect = React.useCallback((api: CarouselApi) => {
+      if (!api) {
+        return
+      }
+
+      setCanScrollPrev(api.canScrollPrev())
+      setCanScrollNext(api.canScrollNext())
+    }, [])
+
+    const scrollPrev = React.useCallback(() => {
+      api?.scrollPrev()
+    }, [api])
+
+    const scrollNext = React.useCallback(() => {
+      api?.scrollNext()
+    }, [api])
+
+    const handleKeyDown = React.useCallback(
+      (event: React.KeyboardEvent<HTMLDivElement>) => {
+        if (event.key === "ArrowLeft") {
+          event.preventDefault()
+          scrollPrev()
+        } else if (event.key === "ArrowRight") {
+          event.preventDefault()
+          scrollNext()
+        }
+      },
+      [scrollPrev, scrollNext]
+    )
+
+    React.useEffect(() => {
+      if (!api || !setApi) {
+        return
+      }
+
+      setApi(api)
+    }, [api, setApi])
+
+    React.useEffect(() => {
+      if (!api) {
+        return
+      }
+
+      onSelect(api)
+      api.on("reInit", onSelect)
+      api.on("select", onSelect)
+
+      return () => {
+        api?.off("select", onSelect)
+      }
+    }, [api, onSelect])
+
+    return (
+      <CarouselContext.Provider
+        value={{
+          carouselRef,
+          api: api,
+          opts,
+          orientation:
+            orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+          scrollPrev,
+          scrollNext,
+          canScrollPrev,
+          canScrollNext,
+        }}
+      >
+        <div
+          ref={ref}
+          onKeyDownCapture={handleKeyDown}
+          className={cn("relative", className)}
+          role="region"
+          aria-roledescription="carousel"
+          {...props}
+        >
+          {children}
+        </div>
+      </CarouselContext.Provider>
+    )
+  }
+)
+Carousel.displayName = "Carousel"
+
+const CarouselContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  const { carouselRef, orientation } = useCarousel()
+
+  return (
+    <div ref={carouselRef} className="overflow-hidden">
+      <div
+        ref={ref}
+        className={cn(
+          "flex",
+          orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
+          className
+        )}
+        {...props}
+      />
+    </div>
+  )
+})
+CarouselContent.displayName = "CarouselContent"
+
+const CarouselItem = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  const { orientation } = useCarousel()
+
+  return (
+    <div
+      ref={ref}
+      role="group"
+      aria-roledescription="slide"
+      className={cn(
+        "min-w-0 shrink-0 grow-0 basis-full",
+        orientation === "horizontal" ? "pl-4" : "pt-4",
+        className
+      )}
+      {...props}
+    />
+  )
+})
+CarouselItem.displayName = "CarouselItem"
+
+const CarouselPrevious = React.forwardRef<
+  HTMLButtonElement,
+  React.ComponentProps<typeof Button>
+>(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel()
+
+  return (
+    <Button
+      ref={ref}
+      variant={variant}
+      size={size}
+      className={cn(
+        "absolute  h-8 w-8 rounded-full",
+        orientation === "horizontal"
+          ? "-left-12 top-1/2 -translate-y-1/2"
+          : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      )}
+      disabled={!canScrollPrev}
+      onClick={scrollPrev}
+      {...props}
+    >
+      <ArrowLeft className="h-4 w-4" />
+      <span className="sr-only">Previous slide</span>
+    </Button>
+  )
+})
+CarouselPrevious.displayName = "CarouselPrevious"
+
+const CarouselNext = React.forwardRef<
+  HTMLButtonElement,
+  React.ComponentProps<typeof Button>
+>(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+  const { orientation, scrollNext, canScrollNext } = useCarousel()
+
+  return (
+    <Button
+      ref={ref}
+      variant={variant}
+      size={size}
+      className={cn(
+        "absolute h-8 w-8 rounded-full",
+        orientation === "horizontal"
+          ? "-right-12 top-1/2 -translate-y-1/2"
+          : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      )}
+      disabled={!canScrollNext}
+      onClick={scrollNext}
+      {...props}
+    >
+      <ArrowRight className="h-4 w-4" />
+      <span className="sr-only">Next slide</span>
+    </Button>
+  )
+})
+CarouselNext.displayName = "CarouselNext"
+
+export {
+  type CarouselApi,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselPrevious,
+  CarouselNext,
+}
diff --git a/artifacts/fb-publisher/src/components/ui/chart.tsx b/artifacts/fb-publisher/src/components/ui/chart.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..23dc1c1bb3a575bdb557e5fce9348f3815458178
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/chart.tsx
@@ -0,0 +1,367 @@
+import * as React from "react"
+import * as RechartsPrimitive from "recharts"
+
+import { cn } from "@/lib/utils"
+
+// Format: { THEME_NAME: CSS_SELECTOR }
+const THEMES = { light: "", dark: ".dark" } as const
+
+export type ChartConfig = {
+  [k in string]: {
+    label?: React.ReactNode
+    icon?: React.ComponentType
+  } & (
+    | { color?: string; theme?: never }
+    | { color?: never; theme: Record<keyof typeof THEMES, string> }
+  )
+}
+
+type ChartContextProps = {
+  config: ChartConfig
+}
+
+const ChartContext = React.createContext<ChartContextProps | null>(null)
+
+function useChart() {
+  const context = React.useContext(ChartContext)
+
+  if (!context) {
+    throw new Error("useChart must be used within a <ChartContainer />")
+  }
+
+  return context
+}
+
+const ChartContainer = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<"div"> & {
+    config: ChartConfig
+    children: React.ComponentProps<
+      typeof RechartsPrimitive.ResponsiveContainer
+    >["children"]
+  }
+>(({ id, className, children, config, ...props }, ref) => {
+  const uniqueId = React.useId()
+  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`
+
+  return (
+    <ChartContext.Provider value={{ config }}>
+      <div
+        data-chart={chartId}
+        ref={ref}
+        className={cn(
+          "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
+          className
+        )}
+        {...props}
+      >
+        <ChartStyle id={chartId} config={config} />
+        <RechartsPrimitive.ResponsiveContainer>
+          {children}
+        </RechartsPrimitive.ResponsiveContainer>
+      </div>
+    </ChartContext.Provider>
+  )
+})
+ChartContainer.displayName = "Chart"
+
+const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
+  const colorConfig = Object.entries(config).filter(
+    ([, config]) => config.theme || config.color
+  )
+
+  if (!colorConfig.length) {
+    return null
+  }
+
+  return (
+    <style
+      dangerouslySetInnerHTML={{
+        __html: Object.entries(THEMES)
+          .map(
+            ([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig
+  .map(([key, itemConfig]) => {
+    const color =
+      itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||
+      itemConfig.color
+    return color ? `  --color-${key}: ${color};` : null
+  })
+  .join("\n")}
+}
+`
+          )
+          .join("\n"),
+      }}
+    />
+  )
+}
+
+const ChartTooltip = RechartsPrimitive.Tooltip
+
+const ChartTooltipContent = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<typeof RechartsPrimitive.Tooltip> &
+    React.ComponentProps<"div"> & {
+      hideLabel?: boolean
+      hideIndicator?: boolean
+      indicator?: "line" | "dot" | "dashed"
+      nameKey?: string
+      labelKey?: string
+    }
+>(
+  (
+    {
+      active,
+      payload,
+      className,
+      indicator = "dot",
+      hideLabel = false,
+      hideIndicator = false,
+      label,
+      labelFormatter,
+      labelClassName,
+      formatter,
+      color,
+      nameKey,
+      labelKey,
+    },
+    ref
+  ) => {
+    const { config } = useChart()
+
+    const tooltipLabel = React.useMemo(() => {
+      if (hideLabel || !payload?.length) {
+        return null
+      }
+
+      const [item] = payload
+      const key = `${labelKey || item?.dataKey || item?.name || "value"}`
+      const itemConfig = getPayloadConfigFromPayload(config, item, key)
+      const value =
+        !labelKey && typeof label === "string"
+          ? config[label as keyof typeof config]?.label || label
+          : itemConfig?.label
+
+      if (labelFormatter) {
+        return (
+          <div className={cn("font-medium", labelClassName)}>
+            {labelFormatter(value, payload)}
+          </div>
+        )
+      }
+
+      if (!value) {
+        return null
+      }
+
+      return <div className={cn("font-medium", labelClassName)}>{value}</div>
+    }, [
+      label,
+      labelFormatter,
+      payload,
+      hideLabel,
+      labelClassName,
+      config,
+      labelKey,
+    ])
+
+    if (!active || !payload?.length) {
+      return null
+    }
+
+    const nestLabel = payload.length === 1 && indicator !== "dot"
+
+    return (
+      <div
+        ref={ref}
+        className={cn(
+          "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
+          className
+        )}
+      >
+        {!nestLabel ? tooltipLabel : null}
+        <div className="grid gap-1.5">
+          {payload
+            .filter((item) => item.type !== "none")
+            .map((item, index) => {
+              const key = `${nameKey || item.name || item.dataKey || "value"}`
+              const itemConfig = getPayloadConfigFromPayload(config, item, key)
+              const indicatorColor = color || item.payload.fill || item.color
+
+              return (
+                <div
+                  key={item.dataKey}
+                  className={cn(
+                    "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
+                    indicator === "dot" && "items-center"
+                  )}
+                >
+                  {formatter && item?.value !== undefined && item.name ? (
+                    formatter(item.value, item.name, item, index, item.payload)
+                  ) : (
+                    <>
+                      {itemConfig?.icon ? (
+                        <itemConfig.icon />
+                      ) : (
+                        !hideIndicator && (
+                          <div
+                            className={cn(
+                              "shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]",
+                              {
+                                "h-2.5 w-2.5": indicator === "dot",
+                                "w-1": indicator === "line",
+                                "w-0 border-[1.5px] border-dashed bg-transparent":
+                                  indicator === "dashed",
+                                "my-0.5": nestLabel && indicator === "dashed",
+                              }
+                            )}
+                            style={
+                              {
+                                "--color-bg": indicatorColor,
+                                "--color-border": indicatorColor,
+                              } as React.CSSProperties
+                            }
+                          />
+                        )
+                      )}
+                      <div
+                        className={cn(
+                          "flex flex-1 justify-between leading-none",
+                          nestLabel ? "items-end" : "items-center"
+                        )}
+                      >
+                        <div className="grid gap-1.5">
+                          {nestLabel ? tooltipLabel : null}
+                          <span className="text-muted-foreground">
+                            {itemConfig?.label || item.name}
+                          </span>
+                        </div>
+                        {item.value && (
+                          <span className="font-mono font-medium tabular-nums text-foreground">
+                            {item.value.toLocaleString()}
+                          </span>
+                        )}
+                      </div>
+                    </>
+                  )}
+                </div>
+              )
+            })}
+        </div>
+      </div>
+    )
+  }
+)
+ChartTooltipContent.displayName = "ChartTooltip"
+
+const ChartLegend = RechartsPrimitive.Legend
+
+const ChartLegendContent = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<"div"> &
+    Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
+      hideIcon?: boolean
+      nameKey?: string
+    }
+>(
+  (
+    { className, hideIcon = false, payload, verticalAlign = "bottom", nameKey },
+    ref
+  ) => {
+    const { config } = useChart()
+
+    if (!payload?.length) {
+      return null
+    }
+
+    return (
+      <div
+        ref={ref}
+        className={cn(
+          "flex items-center justify-center gap-4",
+          verticalAlign === "top" ? "pb-3" : "pt-3",
+          className
+        )}
+      >
+        {payload
+          .filter((item) => item.type !== "none")
+          .map((item) => {
+            const key = `${nameKey || item.dataKey || "value"}`
+            const itemConfig = getPayloadConfigFromPayload(config, item, key)
+
+            return (
+              <div
+                key={item.value}
+                className={cn(
+                  "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
+                )}
+              >
+                {itemConfig?.icon && !hideIcon ? (
+                  <itemConfig.icon />
+                ) : (
+                  <div
+                    className="h-2 w-2 shrink-0 rounded-[2px]"
+                    style={{
+                      backgroundColor: item.color,
+                    }}
+                  />
+                )}
+                {itemConfig?.label}
+              </div>
+            )
+          })}
+      </div>
+    )
+  }
+)
+ChartLegendContent.displayName = "ChartLegend"
+
+// Helper to extract item config from a payload.
+function getPayloadConfigFromPayload(
+  config: ChartConfig,
+  payload: unknown,
+  key: string
+) {
+  if (typeof payload !== "object" || payload === null) {
+    return undefined
+  }
+
+  const payloadPayload =
+    "payload" in payload &&
+    typeof payload.payload === "object" &&
+    payload.payload !== null
+      ? payload.payload
+      : undefined
+
+  let configLabelKey: string = key
+
+  if (
+    key in payload &&
+    typeof payload[key as keyof typeof payload] === "string"
+  ) {
+    configLabelKey = payload[key as keyof typeof payload] as string
+  } else if (
+    payloadPayload &&
+    key in payloadPayload &&
+    typeof payloadPayload[key as keyof typeof payloadPayload] === "string"
+  ) {
+    configLabelKey = payloadPayload[
+      key as keyof typeof payloadPayload
+    ] as string
+  }
+
+  return configLabelKey in config
+    ? config[configLabelKey]
+    : config[key as keyof typeof config]
+}
+
+export {
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+  ChartLegend,
+  ChartLegendContent,
+  ChartStyle,
+}
diff --git a/artifacts/fb-publisher/src/components/ui/checkbox.tsx b/artifacts/fb-publisher/src/components/ui/checkbox.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..90b71e4131b047201b35476638ea324b12f76113
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/checkbox.tsx
@@ -0,0 +1,28 @@
+import * as React from "react"
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
+import { Check } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Checkbox = React.forwardRef<
+  React.ElementRef<typeof CheckboxPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <CheckboxPrimitive.Root
+    ref={ref}
+    className={cn(
+      "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      className
+    )}
+    {...props}
+  >
+    <CheckboxPrimitive.Indicator
+      className={cn("grid place-content-center text-current")}
+    >
+      <Check className="h-4 w-4" />
+    </CheckboxPrimitive.Indicator>
+  </CheckboxPrimitive.Root>
+))
+Checkbox.displayName = CheckboxPrimitive.Root.displayName
+
+export { Checkbox }
diff --git a/artifacts/fb-publisher/src/components/ui/collapsible.tsx b/artifacts/fb-publisher/src/components/ui/collapsible.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..9fa48946afd1eb56bd932377fd888e3986304676
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/collapsible.tsx
@@ -0,0 +1,11 @@
+"use client"
+
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible"
+
+const Collapsible = CollapsiblePrimitive.Root
+
+const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger
+
+const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent
+
+export { Collapsible, CollapsibleTrigger, CollapsibleContent }
diff --git a/artifacts/fb-publisher/src/components/ui/command.tsx b/artifacts/fb-publisher/src/components/ui/command.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..2cecd9104b27be82d238aa2f1cbb351e05446af7
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/command.tsx
@@ -0,0 +1,153 @@
+"use client"
+
+import * as React from "react"
+import { type DialogProps } from "@radix-ui/react-dialog"
+import { Command as CommandPrimitive } from "cmdk"
+import { Search } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+import { Dialog, DialogContent } from "@/components/ui/dialog"
+
+const Command = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive
+    ref={ref}
+    className={cn(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      className
+    )}
+    {...props}
+  />
+))
+Command.displayName = CommandPrimitive.displayName
+
+const CommandDialog = ({ children, ...props }: DialogProps) => {
+  return (
+    <Dialog {...props}>
+      <DialogContent className="overflow-hidden p-0">
+        <Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
+          {children}
+        </Command>
+      </DialogContent>
+    </Dialog>
+  )
+}
+
+const CommandInput = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Input>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>
+>(({ className, ...props }, ref) => (
+  <div className="flex items-center border-b px-3" cmdk-input-wrapper="">
+    <Search className="mr-2 h-4 w-4 shrink-0 opacity-50" />
+    <CommandPrimitive.Input
+      ref={ref}
+      className={cn(
+        "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )}
+      {...props}
+    />
+  </div>
+))
+
+CommandInput.displayName = CommandPrimitive.Input.displayName
+
+const CommandList = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.List>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.List
+    ref={ref}
+    className={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)}
+    {...props}
+  />
+))
+
+CommandList.displayName = CommandPrimitive.List.displayName
+
+const CommandEmpty = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Empty>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>
+>((props, ref) => (
+  <CommandPrimitive.Empty
+    ref={ref}
+    className="py-6 text-center text-sm"
+    {...props}
+  />
+))
+
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName
+
+const CommandGroup = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Group>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.Group
+    ref={ref}
+    className={cn(
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      className
+    )}
+    {...props}
+  />
+))
+
+CommandGroup.displayName = CommandPrimitive.Group.displayName
+
+const CommandSeparator = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 h-px bg-border", className)}
+    {...props}
+  />
+))
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName
+
+const CommandItem = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      className
+    )}
+    {...props}
+  />
+))
+
+CommandItem.displayName = CommandPrimitive.Item.displayName
+
+const CommandShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+CommandShortcut.displayName = "CommandShortcut"
+
+export {
+  Command,
+  CommandDialog,
+  CommandInput,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandItem,
+  CommandShortcut,
+  CommandSeparator,
+}
diff --git a/artifacts/fb-publisher/src/components/ui/context-menu.tsx b/artifacts/fb-publisher/src/components/ui/context-menu.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..0cd4b2c03d306c38836d43c7f3dc2cb2547c64a7
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/context-menu.tsx
@@ -0,0 +1,198 @@
+import * as React from "react"
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu"
+import { Check, ChevronRight, Circle } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const ContextMenu = ContextMenuPrimitive.Root
+
+const ContextMenuTrigger = ContextMenuPrimitive.Trigger
+
+const ContextMenuGroup = ContextMenuPrimitive.Group
+
+const ContextMenuPortal = ContextMenuPrimitive.Portal
+
+const ContextMenuSub = ContextMenuPrimitive.Sub
+
+const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup
+
+const ContextMenuSubTrigger = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.SubTrigger>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {
+    inset?: boolean
+  }
+>(({ className, inset, children, ...props }, ref) => (
+  <ContextMenuPrimitive.SubTrigger
+    ref={ref}
+    className={cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <ChevronRight className="ml-auto h-4 w-4" />
+  </ContextMenuPrimitive.SubTrigger>
+))
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName
+
+const ContextMenuSubContent = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.SubContent>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>
+>(({ className, ...props }, ref) => (
+  <ContextMenuPrimitive.SubContent
+    ref={ref}
+    className={cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-context-menu-content-transform-origin]",
+      className
+    )}
+    {...props}
+  />
+))
+ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName
+
+const ContextMenuContent = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <ContextMenuPrimitive.Portal>
+    <ContextMenuPrimitive.Content
+      ref={ref}
+      className={cn(
+        "z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-context-menu-content-transform-origin]",
+        className
+      )}
+      {...props}
+    />
+  </ContextMenuPrimitive.Portal>
+))
+ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName
+
+const ContextMenuItem = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <ContextMenuPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName
+
+const ContextMenuCheckboxItem = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>
+>(({ className, children, checked, ...props }, ref) => (
+  <ContextMenuPrimitive.CheckboxItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    checked={checked}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <ContextMenuPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </ContextMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </ContextMenuPrimitive.CheckboxItem>
+))
+ContextMenuCheckboxItem.displayName =
+  ContextMenuPrimitive.CheckboxItem.displayName
+
+const ContextMenuRadioItem = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.RadioItem>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>
+>(({ className, children, ...props }, ref) => (
+  <ContextMenuPrimitive.RadioItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <ContextMenuPrimitive.ItemIndicator>
+        <Circle className="h-4 w-4 fill-current" />
+      </ContextMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </ContextMenuPrimitive.RadioItem>
+))
+ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName
+
+const ContextMenuLabel = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <ContextMenuPrimitive.Label
+    ref={ref}
+    className={cn(
+      "px-2 py-1.5 text-sm font-semibold text-foreground",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName
+
+const ContextMenuSeparator = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <ContextMenuPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-border", className)}
+    {...props}
+  />
+))
+ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName
+
+const ContextMenuShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+ContextMenuShortcut.displayName = "ContextMenuShortcut"
+
+export {
+  ContextMenu,
+  ContextMenuTrigger,
+  ContextMenuContent,
+  ContextMenuItem,
+  ContextMenuCheckboxItem,
+  ContextMenuRadioItem,
+  ContextMenuLabel,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuGroup,
+  ContextMenuPortal,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuRadioGroup,
+}
diff --git a/artifacts/fb-publisher/src/components/ui/dialog.tsx b/artifacts/fb-publisher/src/components/ui/dialog.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..9dbeaa096eef7b54a3272898770c4c32e00630af
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/dialog.tsx
@@ -0,0 +1,120 @@
+import * as React from "react"
+import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { X } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Dialog = DialogPrimitive.Root
+
+const DialogTrigger = DialogPrimitive.Trigger
+
+const DialogPortal = DialogPrimitive.Portal
+
+const DialogClose = DialogPrimitive.Close
+
+const DialogOverlay = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Overlay
+    ref={ref}
+    className={cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    )}
+    {...props}
+  />
+))
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName
+
+const DialogContent = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <DialogPortal>
+    <DialogOverlay />
+    <DialogPrimitive.Content
+      ref={ref}
+      className={cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
+        <X className="h-4 w-4" />
+        <span className="sr-only">Close</span>
+      </DialogPrimitive.Close>
+    </DialogPrimitive.Content>
+  </DialogPortal>
+))
+DialogContent.displayName = DialogPrimitive.Content.displayName
+
+const DialogHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    )}
+    {...props}
+  />
+)
+DialogHeader.displayName = "DialogHeader"
+
+const DialogFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    )}
+    {...props}
+  />
+)
+DialogFooter.displayName = "DialogFooter"
+
+const DialogTitle = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Title
+    ref={ref}
+    className={cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    )}
+    {...props}
+  />
+))
+DialogTitle.displayName = DialogPrimitive.Title.displayName
+
+const DialogDescription = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+DialogDescription.displayName = DialogPrimitive.Description.displayName
+
+export {
+  Dialog,
+  DialogPortal,
+  DialogOverlay,
+  DialogTrigger,
+  DialogClose,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+  DialogTitle,
+  DialogDescription,
+}
diff --git a/artifacts/fb-publisher/src/components/ui/drawer.tsx b/artifacts/fb-publisher/src/components/ui/drawer.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..c17b0ccaa95dccfb96c75618e078efd263e54fd0
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/drawer.tsx
@@ -0,0 +1,116 @@
+import * as React from "react"
+import { Drawer as DrawerPrimitive } from "vaul"
+
+import { cn } from "@/lib/utils"
+
+const Drawer = ({
+  shouldScaleBackground = true,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (
+  <DrawerPrimitive.Root
+    shouldScaleBackground={shouldScaleBackground}
+    {...props}
+  />
+)
+Drawer.displayName = "Drawer"
+
+const DrawerTrigger = DrawerPrimitive.Trigger
+
+const DrawerPortal = DrawerPrimitive.Portal
+
+const DrawerClose = DrawerPrimitive.Close
+
+const DrawerOverlay = React.forwardRef<
+  React.ElementRef<typeof DrawerPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <DrawerPrimitive.Overlay
+    ref={ref}
+    className={cn("fixed inset-0 z-50 bg-black/80", className)}
+    {...props}
+  />
+))
+DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName
+
+const DrawerContent = React.forwardRef<
+  React.ElementRef<typeof DrawerPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <DrawerPortal>
+    <DrawerOverlay />
+    <DrawerPrimitive.Content
+      ref={ref}
+      className={cn(
+        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
+        className
+      )}
+      {...props}
+    >
+      <div className="mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" />
+      {children}
+    </DrawerPrimitive.Content>
+  </DrawerPortal>
+))
+DrawerContent.displayName = "DrawerContent"
+
+const DrawerHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn("grid gap-1.5 p-4 text-center sm:text-left", className)}
+    {...props}
+  />
+)
+DrawerHeader.displayName = "DrawerHeader"
+
+const DrawerFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn("mt-auto flex flex-col gap-2 p-4", className)}
+    {...props}
+  />
+)
+DrawerFooter.displayName = "DrawerFooter"
+
+const DrawerTitle = React.forwardRef<
+  React.ElementRef<typeof DrawerPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <DrawerPrimitive.Title
+    ref={ref}
+    className={cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    )}
+    {...props}
+  />
+))
+DrawerTitle.displayName = DrawerPrimitive.Title.displayName
+
+const DrawerDescription = React.forwardRef<
+  React.ElementRef<typeof DrawerPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <DrawerPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+DrawerDescription.displayName = DrawerPrimitive.Description.displayName
+
+export {
+  Drawer,
+  DrawerPortal,
+  DrawerOverlay,
+  DrawerTrigger,
+  DrawerClose,
+  DrawerContent,
+  DrawerHeader,
+  DrawerFooter,
+  DrawerTitle,
+  DrawerDescription,
+}
diff --git a/artifacts/fb-publisher/src/components/ui/dropdown-menu.tsx b/artifacts/fb-publisher/src/components/ui/dropdown-menu.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..5a20503b547ea0e4e467d63fe1ae78e4171afb52
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/dropdown-menu.tsx
@@ -0,0 +1,201 @@
+"use client"
+
+import * as React from "react"
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
+import { Check, ChevronRight, Circle } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const DropdownMenu = DropdownMenuPrimitive.Root
+
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
+
+const DropdownMenuGroup = DropdownMenuPrimitive.Group
+
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal
+
+const DropdownMenuSub = DropdownMenuPrimitive.Sub
+
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
+
+const DropdownMenuSubTrigger = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean
+  }
+>(({ className, inset, children, ...props }, ref) => (
+  <DropdownMenuPrimitive.SubTrigger
+    ref={ref}
+    className={cn(
+      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <ChevronRight className="ml-auto" />
+  </DropdownMenuPrimitive.SubTrigger>
+))
+DropdownMenuSubTrigger.displayName =
+  DropdownMenuPrimitive.SubTrigger.displayName
+
+const DropdownMenuSubContent = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
+>(({ className, ...props }, ref) => (
+  <DropdownMenuPrimitive.SubContent
+    ref={ref}
+    className={cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+      className
+    )}
+    {...props}
+  />
+))
+DropdownMenuSubContent.displayName =
+  DropdownMenuPrimitive.SubContent.displayName
+
+const DropdownMenuContent = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
+>(({ className, sideOffset = 4, ...props }, ref) => (
+  <DropdownMenuPrimitive.Portal>
+    <DropdownMenuPrimitive.Content
+      ref={ref}
+      sideOffset={sideOffset}
+      className={cn(
+        "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+        className
+      )}
+      {...props}
+    />
+  </DropdownMenuPrimitive.Portal>
+))
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
+
+const DropdownMenuItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <DropdownMenuPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
+
+const DropdownMenuCheckboxItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
+>(({ className, children, checked, ...props }, ref) => (
+  <DropdownMenuPrimitive.CheckboxItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    checked={checked}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <DropdownMenuPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </DropdownMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </DropdownMenuPrimitive.CheckboxItem>
+))
+DropdownMenuCheckboxItem.displayName =
+  DropdownMenuPrimitive.CheckboxItem.displayName
+
+const DropdownMenuRadioItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
+>(({ className, children, ...props }, ref) => (
+  <DropdownMenuPrimitive.RadioItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <DropdownMenuPrimitive.ItemIndicator>
+        <Circle className="h-2 w-2 fill-current" />
+      </DropdownMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </DropdownMenuPrimitive.RadioItem>
+))
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
+
+const DropdownMenuLabel = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <DropdownMenuPrimitive.Label
+    ref={ref}
+    className={cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
+
+const DropdownMenuSeparator = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <DropdownMenuPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    {...props}
+  />
+))
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
+
+const DropdownMenuShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
+      {...props}
+    />
+  )
+}
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut"
+
+export {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuGroup,
+  DropdownMenuPortal,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuRadioGroup,
+}
diff --git a/artifacts/fb-publisher/src/components/ui/empty.tsx b/artifacts/fb-publisher/src/components/ui/empty.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..71667632e77bf4265ab740e906f785fee806eec2
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/empty.tsx
@@ -0,0 +1,104 @@
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+function Empty({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="empty"
+      className={cn(
+        "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance rounded-lg border-dashed p-6 text-center md:p-12",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function EmptyHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="empty-header"
+      className={cn(
+        "flex max-w-sm flex-col items-center gap-2 text-center",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+const emptyMediaVariants = cva(
+  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+function EmptyMedia({
+  className,
+  variant = "default",
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>) {
+  return (
+    <div
+      data-slot="empty-icon"
+      data-variant={variant}
+      className={cn(emptyMediaVariants({ variant, className }))}
+      {...props}
+    />
+  )
+}
+
+function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="empty-title"
+      className={cn("text-lg font-medium tracking-tight", className)}
+      {...props}
+    />
+  )
+}
+
+function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+  return (
+    <div
+      data-slot="empty-description"
+      className={cn(
+        "text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function EmptyContent({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="empty-content"
+      className={cn(
+        "flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  Empty,
+  EmptyHeader,
+  EmptyTitle,
+  EmptyDescription,
+  EmptyContent,
+  EmptyMedia,
+}
diff --git a/artifacts/fb-publisher/src/components/ui/field.tsx b/artifacts/fb-publisher/src/components/ui/field.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..0a276fcb1d7623b0d57fd649fddfb043b535ea62
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/field.tsx
@@ -0,0 +1,244 @@
+"use client"
+
+import { useMemo } from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+import { Label } from "@/components/ui/label"
+import { Separator } from "@/components/ui/separator"
+
+function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">) {
+  return (
+    <fieldset
+      data-slot="field-set"
+      className={cn(
+        "flex flex-col gap-6",
+        "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldLegend({
+  className,
+  variant = "legend",
+  ...props
+}: React.ComponentProps<"legend"> & { variant?: "legend" | "label" }) {
+  return (
+    <legend
+      data-slot="field-legend"
+      data-variant={variant}
+      className={cn(
+        "mb-3 font-medium",
+        "data-[variant=legend]:text-base",
+        "data-[variant=label]:text-sm",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="field-group"
+      className={cn(
+        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+const fieldVariants = cva(
+  "group/field data-[invalid=true]:text-destructive flex w-full gap-3",
+  {
+    variants: {
+      orientation: {
+        vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+        horizontal: [
+          "flex-row items-center",
+          "[&>[data-slot=field-label]]:flex-auto",
+          "has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-content]]:items-start",
+        ],
+        responsive: [
+          "@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto flex-col [&>*]:w-full [&>.sr-only]:w-auto",
+          "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+          "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+        ],
+      },
+    },
+    defaultVariants: {
+      orientation: "vertical",
+    },
+  }
+)
+
+function Field({
+  className,
+  orientation = "vertical",
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) {
+  return (
+    <div
+      role="group"
+      data-slot="field"
+      data-orientation={orientation}
+      className={cn(fieldVariants({ orientation }), className)}
+      {...props}
+    />
+  )
+}
+
+function FieldContent({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="field-content"
+      className={cn(
+        "group/field-content flex flex-1 flex-col gap-1.5 leading-snug",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldLabel({
+  className,
+  ...props
+}: React.ComponentProps<typeof Label>) {
+  return (
+    <Label
+      data-slot="field-label"
+      className={cn(
+        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>[data-slot=field]]:p-4",
+        "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="field-label"
+      className={cn(
+        "flex w-fit items-center gap-2 text-sm font-medium leading-snug group-data-[disabled=true]/field:opacity-50",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldDescription({ className, ...props }: React.ComponentProps<"p">) {
+  return (
+    <p
+      data-slot="field-description"
+      className={cn(
+        "text-muted-foreground text-sm font-normal leading-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
+        "nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldSeparator({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<"div"> & {
+  children?: React.ReactNode
+}) {
+  return (
+    <div
+      data-slot="field-separator"
+      data-content={!!children}
+      className={cn(
+        "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
+        className
+      )}
+      {...props}
+    >
+      <Separator className="absolute inset-0 top-1/2" />
+      {children && (
+        <span
+          className="bg-background text-muted-foreground relative mx-auto block w-fit px-2"
+          data-slot="field-separator-content"
+        >
+          {children}
+        </span>
+      )}
+    </div>
+  )
+}
+
+function FieldError({
+  className,
+  children,
+  errors,
+  ...props
+}: React.ComponentProps<"div"> & {
+  errors?: Array<{ message?: string } | undefined>
+}) {
+  const content = useMemo(() => {
+    if (children) {
+      return children
+    }
+
+    if (!errors) {
+      return null
+    }
+
+    if (errors?.length === 1 && errors[0]?.message) {
+      return errors[0].message
+    }
+
+    return (
+      <ul className="ml-4 flex list-disc flex-col gap-1">
+        {errors.map(
+          (error, index) =>
+            error?.message && <li key={index}>{error.message}</li>
+        )}
+      </ul>
+    )
+  }, [children, errors])
+
+  if (!content) {
+    return null
+  }
+
+  return (
+    <div
+      role="alert"
+      data-slot="field-error"
+      className={cn("text-destructive text-sm font-normal", className)}
+      {...props}
+    >
+      {content}
+    </div>
+  )
+}
+
+export {
+  Field,
+  FieldLabel,
+  FieldDescription,
+  FieldError,
+  FieldGroup,
+  FieldLegend,
+  FieldSeparator,
+  FieldSet,
+  FieldContent,
+  FieldTitle,
+}
diff --git a/artifacts/fb-publisher/src/components/ui/form.tsx b/artifacts/fb-publisher/src/components/ui/form.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..1fe22e6f0be2750d1b5ec3efc7346fef4612b2e3
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/form.tsx
@@ -0,0 +1,176 @@
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { Slot } from "@radix-ui/react-slot"
+import {
+  Controller,
+  FormProvider,
+  useFormContext,
+  type ControllerProps,
+  type FieldPath,
+  type FieldValues,
+} from "react-hook-form"
+
+import { cn } from "@/lib/utils"
+import { Label } from "@/components/ui/label"
+
+const Form = FormProvider
+
+type FormFieldContextValue<
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
+> = {
+  name: TName
+}
+
+const FormFieldContext = React.createContext<FormFieldContextValue | null>(null)
+
+const FormField = <
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
+>({
+  ...props
+}: ControllerProps<TFieldValues, TName>) => {
+  return (
+    <FormFieldContext.Provider value={{ name: props.name }}>
+      <Controller {...props} />
+    </FormFieldContext.Provider>
+  )
+}
+
+const useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext)
+  const itemContext = React.useContext(FormItemContext)
+  const { getFieldState, formState } = useFormContext()
+
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>")
+  }
+
+  if (!itemContext) {
+    throw new Error("useFormField should be used within <FormItem>")
+  }
+
+  const fieldState = getFieldState(fieldContext.name, formState)
+
+  const { id } = itemContext
+
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState,
+  }
+}
+
+type FormItemContextValue = {
+  id: string
+}
+
+const FormItemContext = React.createContext<FormItemContextValue | null>(null)
+
+const FormItem = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  const id = React.useId()
+
+  return (
+    <FormItemContext.Provider value={{ id }}>
+      <div ref={ref} className={cn("space-y-2", className)} {...props} />
+    </FormItemContext.Provider>
+  )
+})
+FormItem.displayName = "FormItem"
+
+const FormLabel = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>
+>(({ className, ...props }, ref) => {
+  const { error, formItemId } = useFormField()
+
+  return (
+    <Label
+      ref={ref}
+      className={cn(error && "text-destructive", className)}
+      htmlFor={formItemId}
+      {...props}
+    />
+  )
+})
+FormLabel.displayName = "FormLabel"
+
+const FormControl = React.forwardRef<
+  React.ElementRef<typeof Slot>,
+  React.ComponentPropsWithoutRef<typeof Slot>
+>(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
+
+  return (
+    <Slot
+      ref={ref}
+      id={formItemId}
+      aria-describedby={
+        !error
+          ? `${formDescriptionId}`
+          : `${formDescriptionId} ${formMessageId}`
+      }
+      aria-invalid={!!error}
+      {...props}
+    />
+  )
+})
+FormControl.displayName = "FormControl"
+
+const FormDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField()
+
+  return (
+    <p
+      ref={ref}
+      id={formDescriptionId}
+      className={cn("text-[0.8rem] text-muted-foreground", className)}
+      {...props}
+    />
+  )
+})
+FormDescription.displayName = "FormDescription"
+
+const FormMessage = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, children, ...props }, ref) => {
+  const { error, formMessageId } = useFormField()
+  const body = error ? String(error?.message ?? "") : children
+
+  if (!body) {
+    return null
+  }
+
+  return (
+    <p
+      ref={ref}
+      id={formMessageId}
+      className={cn("text-[0.8rem] font-medium text-destructive", className)}
+      {...props}
+    >
+      {body}
+    </p>
+  )
+})
+FormMessage.displayName = "FormMessage"
+
+export {
+  useFormField,
+  Form,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormDescription,
+  FormMessage,
+  FormField,
+}
diff --git a/artifacts/fb-publisher/src/components/ui/hover-card.tsx b/artifacts/fb-publisher/src/components/ui/hover-card.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..95643d9c7099c1179f8a876fbf8840dc077e1b38
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/hover-card.tsx
@@ -0,0 +1,27 @@
+import * as React from "react"
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card"
+
+import { cn } from "@/lib/utils"
+
+const HoverCard = HoverCardPrimitive.Root
+
+const HoverCardTrigger = HoverCardPrimitive.Trigger
+
+const HoverCardContent = React.forwardRef<
+  React.ElementRef<typeof HoverCardPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>
+>(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
+  <HoverCardPrimitive.Content
+    ref={ref}
+    align={align}
+    sideOffset={sideOffset}
+    className={cn(
+      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-hover-card-content-transform-origin]",
+      className
+    )}
+    {...props}
+  />
+))
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName
+
+export { HoverCard, HoverCardTrigger, HoverCardContent }
diff --git a/artifacts/fb-publisher/src/components/ui/input-group.tsx b/artifacts/fb-publisher/src/components/ui/input-group.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..1233eff82050abcd053131fd15ab80f87ecc15c6
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/input-group.tsx
@@ -0,0 +1,168 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Textarea } from "@/components/ui/textarea"
+
+function InputGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="input-group"
+      role="group"
+      className={cn(
+        "group/input-group border-input dark:bg-input/30 shadow-xs relative flex w-full items-center rounded-md border outline-none transition-[color,box-shadow]",
+        "h-9 has-[>textarea]:h-auto",
+
+        // Variants based on alignment.
+        "has-[>[data-align=inline-start]]:[&>input]:pl-2",
+        "has-[>[data-align=inline-end]]:[&>input]:pr-2",
+        "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
+        "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3",
+
+        // Focus state.
+        "has-[[data-slot=input-group-control]:focus-visible]:ring-ring has-[[data-slot=input-group-control]:focus-visible]:ring-1",
+
+        // Error state.
+        "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40",
+
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+const inputGroupAddonVariants = cva(
+  "text-muted-foreground flex h-auto cursor-text select-none items-center justify-center gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      align: {
+        "inline-start":
+          "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
+        "inline-end":
+          "order-last pr-3 has-[>button]:mr-[-0.4rem] has-[>kbd]:mr-[-0.35rem]",
+        "block-start":
+          "[.border-b]:pb-3 order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5",
+        "block-end":
+          "[.border-t]:pt-3 order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5",
+      },
+    },
+    defaultVariants: {
+      align: "inline-start",
+    },
+  }
+)
+
+function InputGroupAddon({
+  className,
+  align = "inline-start",
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>) {
+  return (
+    <div
+      role="group"
+      data-slot="input-group-addon"
+      data-align={align}
+      className={cn(inputGroupAddonVariants({ align }), className)}
+      onClick={(e) => {
+        if ((e.target as HTMLElement).closest("button")) {
+          return
+        }
+        e.currentTarget.parentElement?.querySelector("input")?.focus()
+      }}
+      {...props}
+    />
+  )
+}
+
+const inputGroupButtonVariants = cva(
+  "flex items-center gap-2 text-sm shadow-none",
+  {
+    variants: {
+      size: {
+        xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
+        sm: "h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",
+        "icon-xs":
+          "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+        "icon-sm": "size-8 p-0 has-[>svg]:p-0",
+      },
+    },
+    defaultVariants: {
+      size: "xs",
+    },
+  }
+)
+
+function InputGroupButton({
+  className,
+  type = "button",
+  variant = "ghost",
+  size = "xs",
+  ...props
+}: Omit<React.ComponentProps<typeof Button>, "size"> &
+  VariantProps<typeof inputGroupButtonVariants>) {
+  return (
+    <Button
+      type={type}
+      data-size={size}
+      variant={variant}
+      className={cn(inputGroupButtonVariants({ size }), className)}
+      {...props}
+    />
+  )
+}
+
+function InputGroupText({ className, ...props }: React.ComponentProps<"span">) {
+  return (
+    <span
+      className={cn(
+        "text-muted-foreground flex items-center gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function InputGroupInput({
+  className,
+  ...props
+}: React.ComponentProps<"input">) {
+  return (
+    <Input
+      data-slot="input-group-control"
+      className={cn(
+        "flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function InputGroupTextarea({
+  className,
+  ...props
+}: React.ComponentProps<"textarea">) {
+  return (
+    <Textarea
+      data-slot="input-group-control"
+      className={cn(
+        "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupText,
+  InputGroupInput,
+  InputGroupTextarea,
+}
diff --git a/artifacts/fb-publisher/src/components/ui/input-otp.tsx b/artifacts/fb-publisher/src/components/ui/input-otp.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..f7891c9cc8ba7868f4b5bdb67dc883b1880ade9f
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/input-otp.tsx
@@ -0,0 +1,69 @@
+import * as React from "react"
+import { OTPInput, OTPInputContext } from "input-otp"
+import { Minus } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const InputOTP = React.forwardRef<
+  React.ElementRef<typeof OTPInput>,
+  React.ComponentPropsWithoutRef<typeof OTPInput>
+>(({ className, containerClassName, ...props }, ref) => (
+  <OTPInput
+    ref={ref}
+    containerClassName={cn(
+      "flex items-center gap-2 has-[:disabled]:opacity-50",
+      containerClassName
+    )}
+    className={cn("disabled:cursor-not-allowed", className)}
+    {...props}
+  />
+))
+InputOTP.displayName = "InputOTP"
+
+const InputOTPGroup = React.forwardRef<
+  React.ElementRef<"div">,
+  React.ComponentPropsWithoutRef<"div">
+>(({ className, ...props }, ref) => (
+  <div ref={ref} className={cn("flex items-center", className)} {...props} />
+))
+InputOTPGroup.displayName = "InputOTPGroup"
+
+const InputOTPSlot = React.forwardRef<
+  React.ElementRef<"div">,
+  React.ComponentPropsWithoutRef<"div"> & { index: number }
+>(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React.useContext(OTPInputContext)
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]
+
+  return (
+    <div
+      ref={ref}
+      className={cn(
+        "relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
+        isActive && "z-10 ring-1 ring-ring",
+        className
+      )}
+      {...props}
+    >
+      {char}
+      {hasFakeCaret && (
+        <div className="pointer-events-none absolute inset-0 flex items-center justify-center">
+          <div className="h-4 w-px animate-caret-blink bg-foreground duration-1000" />
+        </div>
+      )}
+    </div>
+  )
+})
+InputOTPSlot.displayName = "InputOTPSlot"
+
+const InputOTPSeparator = React.forwardRef<
+  React.ElementRef<"div">,
+  React.ComponentPropsWithoutRef<"div">
+>(({ ...props }, ref) => (
+  <div ref={ref} role="separator" {...props}>
+    <Minus />
+  </div>
+))
+InputOTPSeparator.displayName = "InputOTPSeparator"
+
+export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }
diff --git a/artifacts/fb-publisher/src/components/ui/input.tsx b/artifacts/fb-publisher/src/components/ui/input.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..69b64fb2455114c3eeda2d18741af0027b3c5e89
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/input.tsx
@@ -0,0 +1,22 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
+  ({ className, type, ...props }, ref) => {
+    return (
+      <input
+        type={type}
+        className={cn(
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          className
+        )}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Input.displayName = "Input"
+
+export { Input }
diff --git a/artifacts/fb-publisher/src/components/ui/item.tsx b/artifacts/fb-publisher/src/components/ui/item.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..93d2b8122ddd7119c3580afa71e8c53708982983
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/item.tsx
@@ -0,0 +1,193 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+import { Separator } from "@/components/ui/separator"
+
+function ItemGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      role="list"
+      data-slot="item-group"
+      className={cn("group/item-group flex flex-col", className)}
+      {...props}
+    />
+  )
+}
+
+function ItemSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Separator>) {
+  return (
+    <Separator
+      data-slot="item-separator"
+      orientation="horizontal"
+      className={cn("my-0", className)}
+      {...props}
+    />
+  )
+}
+
+const itemVariants = cva(
+  "group/item [a]:hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-ring/50 [a]:transition-colors flex flex-wrap items-center rounded-md border border-transparent text-sm outline-none transition-colors duration-100 focus-visible:ring-[3px]",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border-border",
+        muted: "bg-muted/50",
+      },
+      size: {
+        default: "gap-4 p-4 ",
+        sm: "gap-2.5 px-4 py-3",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+function Item({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}: React.ComponentProps<"div"> &
+  VariantProps<typeof itemVariants> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : "div"
+  return (
+    <Comp
+      data-slot="item"
+      data-variant={variant}
+      data-size={size}
+      className={cn(itemVariants({ variant, size, className }))}
+      {...props}
+    />
+  )
+}
+
+const itemMediaVariants = cva(
+  "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4",
+        image:
+          "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+function ItemMedia({
+  className,
+  variant = "default",
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>) {
+  return (
+    <div
+      data-slot="item-media"
+      data-variant={variant}
+      className={cn(itemMediaVariants({ variant, className }))}
+      {...props}
+    />
+  )
+}
+
+function ItemContent({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="item-content"
+      className={cn(
+        "flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function ItemTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="item-title"
+      className={cn(
+        "flex w-fit items-center gap-2 text-sm font-medium leading-snug",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function ItemDescription({ className, ...props }: React.ComponentProps<"p">) {
+  return (
+    <p
+      data-slot="item-description"
+      className={cn(
+        "text-muted-foreground line-clamp-2 text-balance text-sm font-normal leading-normal",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function ItemActions({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="item-actions"
+      className={cn("flex items-center gap-2", className)}
+      {...props}
+    />
+  )
+}
+
+function ItemHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="item-header"
+      className={cn(
+        "flex basis-full items-center justify-between gap-2",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function ItemFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="item-footer"
+      className={cn(
+        "flex basis-full items-center justify-between gap-2",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  Item,
+  ItemMedia,
+  ItemContent,
+  ItemActions,
+  ItemGroup,
+  ItemSeparator,
+  ItemTitle,
+  ItemDescription,
+  ItemHeader,
+  ItemFooter,
+}
diff --git a/artifacts/fb-publisher/src/components/ui/kbd.tsx b/artifacts/fb-publisher/src/components/ui/kbd.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..44d8ba842d739468527fd004503f4546cc152576
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/kbd.tsx
@@ -0,0 +1,28 @@
+import { cn } from "@/lib/utils"
+
+function Kbd({ className, ...props }: React.ComponentProps<"kbd">) {
+  return (
+    <kbd
+      data-slot="kbd"
+      className={cn(
+        "bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 select-none items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium",
+        "[&_svg:not([class*='size-'])]:size-3",
+        "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function KbdGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <kbd
+      data-slot="kbd-group"
+      className={cn("inline-flex items-center gap-1", className)}
+      {...props}
+    />
+  )
+}
+
+export { Kbd, KbdGroup }
diff --git a/artifacts/fb-publisher/src/components/ui/label.tsx b/artifacts/fb-publisher/src/components/ui/label.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..534182176bf87f9308355514adc884d2b69750a5
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/label.tsx
@@ -0,0 +1,26 @@
+"use client"
+
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+)
+
+const Label = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
+    VariantProps<typeof labelVariants>
+>(({ className, ...props }, ref) => (
+  <LabelPrimitive.Root
+    ref={ref}
+    className={cn(labelVariants(), className)}
+    {...props}
+  />
+))
+Label.displayName = LabelPrimitive.Root.displayName
+
+export { Label }
diff --git a/artifacts/fb-publisher/src/components/ui/menubar.tsx b/artifacts/fb-publisher/src/components/ui/menubar.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..6919168b87c646d3b27fd66d68cdd7e391757583
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/menubar.tsx
@@ -0,0 +1,254 @@
+import * as React from "react"
+import * as MenubarPrimitive from "@radix-ui/react-menubar"
+import { Check, ChevronRight, Circle } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function MenubarMenu({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {
+  return <MenubarPrimitive.Menu {...props} />
+}
+
+function MenubarGroup({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Group>) {
+  return <MenubarPrimitive.Group {...props} />
+}
+
+function MenubarPortal({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {
+  return <MenubarPrimitive.Portal {...props} />
+}
+
+function MenubarRadioGroup({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {
+  return <MenubarPrimitive.RadioGroup {...props} />
+}
+
+function MenubarSub({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {
+  return <MenubarPrimitive.Sub data-slot="menubar-sub" {...props} />
+}
+
+const Menubar = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <MenubarPrimitive.Root
+    ref={ref}
+    className={cn(
+      "flex h-9 items-center space-x-1 rounded-md border bg-background p-1 shadow-sm",
+      className
+    )}
+    {...props}
+  />
+))
+Menubar.displayName = MenubarPrimitive.Root.displayName
+
+const MenubarTrigger = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>
+>(({ className, ...props }, ref) => (
+  <MenubarPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      className
+    )}
+    {...props}
+  />
+))
+MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName
+
+const MenubarSubTrigger = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.SubTrigger>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> & {
+    inset?: boolean
+  }
+>(({ className, inset, children, ...props }, ref) => (
+  <MenubarPrimitive.SubTrigger
+    ref={ref}
+    className={cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <ChevronRight className="ml-auto h-4 w-4" />
+  </MenubarPrimitive.SubTrigger>
+))
+MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName
+
+const MenubarSubContent = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.SubContent>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>
+>(({ className, ...props }, ref) => (
+  <MenubarPrimitive.SubContent
+    ref={ref}
+    className={cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-menubar-content-transform-origin]",
+      className
+    )}
+    {...props}
+  />
+))
+MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName
+
+const MenubarContent = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>
+>(
+  (
+    { className, align = "start", alignOffset = -4, sideOffset = 8, ...props },
+    ref
+  ) => (
+    <MenubarPrimitive.Portal>
+      <MenubarPrimitive.Content
+        ref={ref}
+        align={align}
+        alignOffset={alignOffset}
+        sideOffset={sideOffset}
+        className={cn(
+          "z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-menubar-content-transform-origin]",
+          className
+        )}
+        {...props}
+      />
+    </MenubarPrimitive.Portal>
+  )
+)
+MenubarContent.displayName = MenubarPrimitive.Content.displayName
+
+const MenubarItem = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <MenubarPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+MenubarItem.displayName = MenubarPrimitive.Item.displayName
+
+const MenubarCheckboxItem = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.CheckboxItem>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>
+>(({ className, children, checked, ...props }, ref) => (
+  <MenubarPrimitive.CheckboxItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    checked={checked}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <MenubarPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </MenubarPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </MenubarPrimitive.CheckboxItem>
+))
+MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName
+
+const MenubarRadioItem = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.RadioItem>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>
+>(({ className, children, ...props }, ref) => (
+  <MenubarPrimitive.RadioItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <MenubarPrimitive.ItemIndicator>
+        <Circle className="h-4 w-4 fill-current" />
+      </MenubarPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </MenubarPrimitive.RadioItem>
+))
+MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName
+
+const MenubarLabel = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <MenubarPrimitive.Label
+    ref={ref}
+    className={cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+MenubarLabel.displayName = MenubarPrimitive.Label.displayName
+
+const MenubarSeparator = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <MenubarPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    {...props}
+  />
+))
+MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName
+
+const MenubarShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+MenubarShortcut.displayname = "MenubarShortcut"
+
+export {
+  Menubar,
+  MenubarMenu,
+  MenubarTrigger,
+  MenubarContent,
+  MenubarItem,
+  MenubarSeparator,
+  MenubarLabel,
+  MenubarCheckboxItem,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarPortal,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarGroup,
+  MenubarSub,
+  MenubarShortcut,
+}
diff --git a/artifacts/fb-publisher/src/components/ui/navigation-menu.tsx b/artifacts/fb-publisher/src/components/ui/navigation-menu.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..056354bf824bf1f06e9dbceeacad512ce21b03d1
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/navigation-menu.tsx
@@ -0,0 +1,128 @@
+import * as React from "react"
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu"
+import { cva } from "class-variance-authority"
+import { ChevronDown } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const NavigationMenu = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>
+>(({ className, children, ...props }, ref) => (
+  <NavigationMenuPrimitive.Root
+    ref={ref}
+    className={cn(
+      "relative z-10 flex max-w-max flex-1 items-center justify-center",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <NavigationMenuViewport />
+  </NavigationMenuPrimitive.Root>
+))
+NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName
+
+const NavigationMenuList = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.List>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>
+>(({ className, ...props }, ref) => (
+  <NavigationMenuPrimitive.List
+    ref={ref}
+    className={cn(
+      "group flex flex-1 list-none items-center justify-center space-x-1",
+      className
+    )}
+    {...props}
+  />
+))
+NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName
+
+const NavigationMenuItem = NavigationMenuPrimitive.Item
+
+const navigationMenuTriggerStyle = cva(
+  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"
+)
+
+const NavigationMenuTrigger = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <NavigationMenuPrimitive.Trigger
+    ref={ref}
+    className={cn(navigationMenuTriggerStyle(), "group", className)}
+    {...props}
+  >
+    {children}{" "}
+    <ChevronDown
+      className="relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180"
+      aria-hidden="true"
+    />
+  </NavigationMenuPrimitive.Trigger>
+))
+NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName
+
+const NavigationMenuContent = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <NavigationMenuPrimitive.Content
+    ref={ref}
+    className={cn(
+      "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ",
+      className
+    )}
+    {...props}
+  />
+))
+NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName
+
+const NavigationMenuLink = NavigationMenuPrimitive.Link
+
+const NavigationMenuViewport = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>
+>(({ className, ...props }, ref) => (
+  <div className={cn("absolute left-0 top-full flex justify-center")}>
+    <NavigationMenuPrimitive.Viewport
+      className={cn(
+        "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
+        className
+      )}
+      ref={ref}
+      {...props}
+    />
+  </div>
+))
+NavigationMenuViewport.displayName =
+  NavigationMenuPrimitive.Viewport.displayName
+
+const NavigationMenuIndicator = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>
+>(({ className, ...props }, ref) => (
+  <NavigationMenuPrimitive.Indicator
+    ref={ref}
+    className={cn(
+      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
+      className
+    )}
+    {...props}
+  >
+    <div className="relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" />
+  </NavigationMenuPrimitive.Indicator>
+))
+NavigationMenuIndicator.displayName =
+  NavigationMenuPrimitive.Indicator.displayName
+
+export {
+  navigationMenuTriggerStyle,
+  NavigationMenu,
+  NavigationMenuList,
+  NavigationMenuItem,
+  NavigationMenuContent,
+  NavigationMenuTrigger,
+  NavigationMenuLink,
+  NavigationMenuIndicator,
+  NavigationMenuViewport,
+}
diff --git a/artifacts/fb-publisher/src/components/ui/pagination.tsx b/artifacts/fb-publisher/src/components/ui/pagination.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..d3311054cd07a90d130f7996c79b3fc0feeede39
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/pagination.tsx
@@ -0,0 +1,117 @@
+import * as React from "react"
+import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+import { ButtonProps, buttonVariants } from "@/components/ui/button"
+
+const Pagination = ({ className, ...props }: React.ComponentProps<"nav">) => (
+  <nav
+    role="navigation"
+    aria-label="pagination"
+    className={cn("mx-auto flex w-full justify-center", className)}
+    {...props}
+  />
+)
+Pagination.displayName = "Pagination"
+
+const PaginationContent = React.forwardRef<
+  HTMLUListElement,
+  React.ComponentProps<"ul">
+>(({ className, ...props }, ref) => (
+  <ul
+    ref={ref}
+    className={cn("flex flex-row items-center gap-1", className)}
+    {...props}
+  />
+))
+PaginationContent.displayName = "PaginationContent"
+
+const PaginationItem = React.forwardRef<
+  HTMLLIElement,
+  React.ComponentProps<"li">
+>(({ className, ...props }, ref) => (
+  <li ref={ref} className={cn("", className)} {...props} />
+))
+PaginationItem.displayName = "PaginationItem"
+
+type PaginationLinkProps = {
+  isActive?: boolean
+} & Pick<ButtonProps, "size"> &
+  React.ComponentProps<"a">
+
+const PaginationLink = ({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}: PaginationLinkProps) => (
+  <a
+    aria-current={isActive ? "page" : undefined}
+    className={cn(
+      buttonVariants({
+        variant: isActive ? "outline" : "ghost",
+        size,
+      }),
+      className
+    )}
+    {...props}
+  />
+)
+PaginationLink.displayName = "PaginationLink"
+
+const PaginationPrevious = ({
+  className,
+  ...props
+}: React.ComponentProps<typeof PaginationLink>) => (
+  <PaginationLink
+    aria-label="Go to previous page"
+    size="default"
+    className={cn("gap-1 pl-2.5", className)}
+    {...props}
+  >
+    <ChevronLeft className="h-4 w-4" />
+    <span>Previous</span>
+  </PaginationLink>
+)
+PaginationPrevious.displayName = "PaginationPrevious"
+
+const PaginationNext = ({
+  className,
+  ...props
+}: React.ComponentProps<typeof PaginationLink>) => (
+  <PaginationLink
+    aria-label="Go to next page"
+    size="default"
+    className={cn("gap-1 pr-2.5", className)}
+    {...props}
+  >
+    <span>Next</span>
+    <ChevronRight className="h-4 w-4" />
+  </PaginationLink>
+)
+PaginationNext.displayName = "PaginationNext"
+
+const PaginationEllipsis = ({
+  className,
+  ...props
+}: React.ComponentProps<"span">) => (
+  <span
+    aria-hidden
+    className={cn("flex h-9 w-9 items-center justify-center", className)}
+    {...props}
+  >
+    <MoreHorizontal className="h-4 w-4" />
+    <span className="sr-only">More pages</span>
+  </span>
+)
+PaginationEllipsis.displayName = "PaginationEllipsis"
+
+export {
+  Pagination,
+  PaginationContent,
+  PaginationLink,
+  PaginationItem,
+  PaginationPrevious,
+  PaginationNext,
+  PaginationEllipsis,
+}
diff --git a/artifacts/fb-publisher/src/components/ui/popover.tsx b/artifacts/fb-publisher/src/components/ui/popover.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..fdcb511dc768b79951de97416e9bd0ff1ae9ea05
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/popover.tsx
@@ -0,0 +1,31 @@
+import * as React from "react"
+import * as PopoverPrimitive from "@radix-ui/react-popover"
+
+import { cn } from "@/lib/utils"
+
+const Popover = PopoverPrimitive.Root
+
+const PopoverTrigger = PopoverPrimitive.Trigger
+
+const PopoverAnchor = PopoverPrimitive.Anchor
+
+const PopoverContent = React.forwardRef<
+  React.ElementRef<typeof PopoverPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
+>(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
+  <PopoverPrimitive.Portal>
+    <PopoverPrimitive.Content
+      ref={ref}
+      align={align}
+      sideOffset={sideOffset}
+      className={cn(
+        "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
+        className
+      )}
+      {...props}
+    />
+  </PopoverPrimitive.Portal>
+))
+PopoverContent.displayName = PopoverPrimitive.Content.displayName
+
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }
diff --git a/artifacts/fb-publisher/src/components/ui/progress.tsx b/artifacts/fb-publisher/src/components/ui/progress.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..4fc3b473e6f51afa972f840fb0f4476f8663c256
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/progress.tsx
@@ -0,0 +1,28 @@
+"use client"
+
+import * as React from "react"
+import * as ProgressPrimitive from "@radix-ui/react-progress"
+
+import { cn } from "@/lib/utils"
+
+const Progress = React.forwardRef<
+  React.ElementRef<typeof ProgressPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>
+>(({ className, value, ...props }, ref) => (
+  <ProgressPrimitive.Root
+    ref={ref}
+    className={cn(
+      "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
+      className
+    )}
+    {...props}
+  >
+    <ProgressPrimitive.Indicator
+      className="h-full w-full flex-1 bg-primary transition-all"
+      style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
+    />
+  </ProgressPrimitive.Root>
+))
+Progress.displayName = ProgressPrimitive.Root.displayName
+
+export { Progress }
diff --git a/artifacts/fb-publisher/src/components/ui/radio-group.tsx b/artifacts/fb-publisher/src/components/ui/radio-group.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..9d3a26e6ec5d8647f22d754be5affd9e8eba1ec5
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/radio-group.tsx
@@ -0,0 +1,42 @@
+import * as React from "react"
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group"
+import { Circle } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const RadioGroup = React.forwardRef<
+  React.ElementRef<typeof RadioGroupPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>
+>(({ className, ...props }, ref) => {
+  return (
+    <RadioGroupPrimitive.Root
+      className={cn("grid gap-2", className)}
+      {...props}
+      ref={ref}
+    />
+  )
+})
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName
+
+const RadioGroupItem = React.forwardRef<
+  React.ElementRef<typeof RadioGroupPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>
+>(({ className, ...props }, ref) => {
+  return (
+    <RadioGroupPrimitive.Item
+      ref={ref}
+      className={cn(
+        "aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )}
+      {...props}
+    >
+      <RadioGroupPrimitive.Indicator className="flex items-center justify-center">
+        <Circle className="h-3.5 w-3.5 fill-primary" />
+      </RadioGroupPrimitive.Indicator>
+    </RadioGroupPrimitive.Item>
+  )
+})
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName
+
+export { RadioGroup, RadioGroupItem }
diff --git a/artifacts/fb-publisher/src/components/ui/resizable.tsx b/artifacts/fb-publisher/src/components/ui/resizable.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..f4bc5586b67f45d3cc35f228e8bac2e4bc2cea16
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/resizable.tsx
@@ -0,0 +1,45 @@
+"use client"
+
+import { GripVertical } from "lucide-react"
+import * as ResizablePrimitive from "react-resizable-panels"
+
+import { cn } from "@/lib/utils"
+
+const ResizablePanelGroup = ({
+  className,
+  ...props
+}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (
+  <ResizablePrimitive.PanelGroup
+    className={cn(
+      "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+      className
+    )}
+    {...props}
+  />
+)
+
+const ResizablePanel = ResizablePrimitive.Panel
+
+const ResizableHandle = ({
+  withHandle,
+  className,
+  ...props
+}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+  withHandle?: boolean
+}) => (
+  <ResizablePrimitive.PanelResizeHandle
+    className={cn(
+      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+      className
+    )}
+    {...props}
+  >
+    {withHandle && (
+      <div className="z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border">
+        <GripVertical className="h-2.5 w-2.5" />
+      </div>
+    )}
+  </ResizablePrimitive.PanelResizeHandle>
+)
+
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle }
diff --git a/artifacts/fb-publisher/src/components/ui/scroll-area.tsx b/artifacts/fb-publisher/src/components/ui/scroll-area.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..cf253cf17056ce04827219643e484ea99c77cf6b
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/scroll-area.tsx
@@ -0,0 +1,46 @@
+import * as React from "react"
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
+
+import { cn } from "@/lib/utils"
+
+const ScrollArea = React.forwardRef<
+  React.ElementRef<typeof ScrollAreaPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>
+>(({ className, children, ...props }, ref) => (
+  <ScrollAreaPrimitive.Root
+    ref={ref}
+    className={cn("relative overflow-hidden", className)}
+    {...props}
+  >
+    <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">
+      {children}
+    </ScrollAreaPrimitive.Viewport>
+    <ScrollBar />
+    <ScrollAreaPrimitive.Corner />
+  </ScrollAreaPrimitive.Root>
+))
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName
+
+const ScrollBar = React.forwardRef<
+  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,
+  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>
+>(({ className, orientation = "vertical", ...props }, ref) => (
+  <ScrollAreaPrimitive.ScrollAreaScrollbar
+    ref={ref}
+    orientation={orientation}
+    className={cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" &&
+        "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" &&
+        "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      className
+    )}
+    {...props}
+  >
+    <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-border" />
+  </ScrollAreaPrimitive.ScrollAreaScrollbar>
+))
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName
+
+export { ScrollArea, ScrollBar }
diff --git a/artifacts/fb-publisher/src/components/ui/select.tsx b/artifacts/fb-publisher/src/components/ui/select.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..6e637f7dc67daa0b2ce4f440e4bbdb3f14ce3c03
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/select.tsx
@@ -0,0 +1,159 @@
+"use client"
+
+import * as React from "react"
+import * as SelectPrimitive from "@radix-ui/react-select"
+import { Check, ChevronDown, ChevronUp } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Select = SelectPrimitive.Root
+
+const SelectGroup = SelectPrimitive.Group
+
+const SelectValue = SelectPrimitive.Value
+
+const SelectTrigger = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <SelectPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <SelectPrimitive.Icon asChild>
+      <ChevronDown className="h-4 w-4 opacity-50" />
+    </SelectPrimitive.Icon>
+  </SelectPrimitive.Trigger>
+))
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
+
+const SelectScrollUpButton = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.ScrollUpButton
+    ref={ref}
+    className={cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    )}
+    {...props}
+  >
+    <ChevronUp className="h-4 w-4" />
+  </SelectPrimitive.ScrollUpButton>
+))
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
+
+const SelectScrollDownButton = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.ScrollDownButton
+    ref={ref}
+    className={cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    )}
+    {...props}
+  >
+    <ChevronDown className="h-4 w-4" />
+  </SelectPrimitive.ScrollDownButton>
+))
+SelectScrollDownButton.displayName =
+  SelectPrimitive.ScrollDownButton.displayName
+
+const SelectContent = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
+>(({ className, children, position = "popper", ...props }, ref) => (
+  <SelectPrimitive.Portal>
+    <SelectPrimitive.Content
+      ref={ref}
+      className={cn(
+        "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
+        position === "popper" &&
+          "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      )}
+      position={position}
+      {...props}
+    >
+      <SelectScrollUpButton />
+      <SelectPrimitive.Viewport
+        className={cn(
+          "p-1",
+          position === "popper" &&
+            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+        )}
+      >
+        {children}
+      </SelectPrimitive.Viewport>
+      <SelectScrollDownButton />
+    </SelectPrimitive.Content>
+  </SelectPrimitive.Portal>
+))
+SelectContent.displayName = SelectPrimitive.Content.displayName
+
+const SelectLabel = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Label
+    ref={ref}
+    className={cn("px-2 py-1.5 text-sm font-semibold", className)}
+    {...props}
+  />
+))
+SelectLabel.displayName = SelectPrimitive.Label.displayName
+
+const SelectItem = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>
+>(({ className, children, ...props }, ref) => (
+  <SelectPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute right-2 flex h-3.5 w-3.5 items-center justify-center">
+      <SelectPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </SelectPrimitive.ItemIndicator>
+    </span>
+    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+  </SelectPrimitive.Item>
+))
+SelectItem.displayName = SelectPrimitive.Item.displayName
+
+const SelectSeparator = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    {...props}
+  />
+))
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName
+
+export {
+  Select,
+  SelectGroup,
+  SelectValue,
+  SelectTrigger,
+  SelectContent,
+  SelectLabel,
+  SelectItem,
+  SelectSeparator,
+  SelectScrollUpButton,
+  SelectScrollDownButton,
+}
diff --git a/artifacts/fb-publisher/src/components/ui/separator.tsx b/artifacts/fb-publisher/src/components/ui/separator.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..6d7f12265ba0338704f013930ce4d52c56527dd1
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/separator.tsx
@@ -0,0 +1,29 @@
+import * as React from "react"
+import * as SeparatorPrimitive from "@radix-ui/react-separator"
+
+import { cn } from "@/lib/utils"
+
+const Separator = React.forwardRef<
+  React.ElementRef<typeof SeparatorPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
+>(
+  (
+    { className, orientation = "horizontal", decorative = true, ...props },
+    ref
+  ) => (
+    <SeparatorPrimitive.Root
+      ref={ref}
+      decorative={decorative}
+      orientation={orientation}
+      className={cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      )}
+      {...props}
+    />
+  )
+)
+Separator.displayName = SeparatorPrimitive.Root.displayName
+
+export { Separator }
diff --git a/artifacts/fb-publisher/src/components/ui/sheet.tsx b/artifacts/fb-publisher/src/components/ui/sheet.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..272cb721eb48b7a5833ccd51f940a8830d85b64e
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/sheet.tsx
@@ -0,0 +1,140 @@
+"use client"
+
+import * as React from "react"
+import * as SheetPrimitive from "@radix-ui/react-dialog"
+import { cva, type VariantProps } from "class-variance-authority"
+import { X } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Sheet = SheetPrimitive.Root
+
+const SheetTrigger = SheetPrimitive.Trigger
+
+const SheetClose = SheetPrimitive.Close
+
+const SheetPortal = SheetPrimitive.Portal
+
+const SheetOverlay = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Overlay
+    className={cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    )}
+    {...props}
+    ref={ref}
+  />
+))
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName
+
+const sheetVariants = cva(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom:
+          "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right:
+          "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
+      },
+    },
+    defaultVariants: {
+      side: "right",
+    },
+  }
+)
+
+interface SheetContentProps
+  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
+    VariantProps<typeof sheetVariants> {}
+
+const SheetContent = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Content>,
+  SheetContentProps
+>(({ side = "right", className, children, ...props }, ref) => (
+  <SheetPortal>
+    <SheetOverlay />
+    <SheetPrimitive.Content
+      ref={ref}
+      className={cn(sheetVariants({ side }), className)}
+      {...props}
+    >
+      <SheetPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary">
+        <X className="h-4 w-4" />
+        <span className="sr-only">Close</span>
+      </SheetPrimitive.Close>
+      {children}
+    </SheetPrimitive.Content>
+  </SheetPortal>
+))
+SheetContent.displayName = SheetPrimitive.Content.displayName
+
+const SheetHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    )}
+    {...props}
+  />
+)
+SheetHeader.displayName = "SheetHeader"
+
+const SheetFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    )}
+    {...props}
+  />
+)
+SheetFooter.displayName = "SheetFooter"
+
+const SheetTitle = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Title
+    ref={ref}
+    className={cn("text-lg font-semibold text-foreground", className)}
+    {...props}
+  />
+))
+SheetTitle.displayName = SheetPrimitive.Title.displayName
+
+const SheetDescription = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+SheetDescription.displayName = SheetPrimitive.Description.displayName
+
+export {
+  Sheet,
+  SheetPortal,
+  SheetOverlay,
+  SheetTrigger,
+  SheetClose,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription,
+}
diff --git a/artifacts/fb-publisher/src/components/ui/sidebar.tsx b/artifacts/fb-publisher/src/components/ui/sidebar.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..41362f6f40769bd800e4b1e77dfcc0ca61300636
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/sidebar.tsx
@@ -0,0 +1,727 @@
+"use client"
+
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, VariantProps } from "class-variance-authority"
+import { PanelLeftIcon } from "lucide-react"
+
+import { useIsMobile } from "@/hooks/use-mobile"
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Separator } from "@/components/ui/separator"
+import {
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetHeader,
+  SheetTitle,
+} from "@/components/ui/sheet"
+import { Skeleton } from "@/components/ui/skeleton"
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip"
+
+const SIDEBAR_COOKIE_NAME = "sidebar_state"
+const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7
+const SIDEBAR_WIDTH = "16rem"
+const SIDEBAR_WIDTH_MOBILE = "18rem"
+const SIDEBAR_WIDTH_ICON = "3rem"
+const SIDEBAR_KEYBOARD_SHORTCUT = "b"
+
+type SidebarContextProps = {
+  state: "expanded" | "collapsed"
+  open: boolean
+  setOpen: (open: boolean) => void
+  openMobile: boolean
+  setOpenMobile: (open: boolean) => void
+  isMobile: boolean
+  toggleSidebar: () => void
+}
+
+const SidebarContext = React.createContext<SidebarContextProps | null>(null)
+
+function useSidebar() {
+  const context = React.useContext(SidebarContext)
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider.")
+  }
+
+  return context
+}
+
+function SidebarProvider({
+  defaultOpen = true,
+  open: openProp,
+  onOpenChange: setOpenProp,
+  className,
+  style,
+  children,
+  ...props
+}: React.ComponentProps<"div"> & {
+  defaultOpen?: boolean
+  open?: boolean
+  onOpenChange?: (open: boolean) => void
+}) {
+  const isMobile = useIsMobile()
+  const [openMobile, setOpenMobile] = React.useState(false)
+
+  // This is the internal state of the sidebar.
+  // We use openProp and setOpenProp for control from outside the component.
+  const [_open, _setOpen] = React.useState(defaultOpen)
+  const open = openProp ?? _open
+  const setOpen = React.useCallback(
+    (value: boolean | ((value: boolean) => boolean)) => {
+      const openState = typeof value === "function" ? value(open) : value
+      if (setOpenProp) {
+        setOpenProp(openState)
+      } else {
+        _setOpen(openState)
+      }
+
+      // This sets the cookie to keep the sidebar state.
+      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`
+    },
+    [setOpenProp, open]
+  )
+
+  // Helper to toggle the sidebar.
+  const toggleSidebar = React.useCallback(() => {
+    return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open)
+  }, [isMobile, setOpen, setOpenMobile])
+
+  // Adds a keyboard shortcut to toggle the sidebar.
+  React.useEffect(() => {
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (
+        event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
+        (event.metaKey || event.ctrlKey)
+      ) {
+        event.preventDefault()
+        toggleSidebar()
+      }
+    }
+
+    window.addEventListener("keydown", handleKeyDown)
+    return () => window.removeEventListener("keydown", handleKeyDown)
+  }, [toggleSidebar])
+
+  // We add a state so that we can do data-state="expanded" or "collapsed".
+  // This makes it easier to style the sidebar with Tailwind classes.
+  const state = open ? "expanded" : "collapsed"
+
+  const contextValue = React.useMemo<SidebarContextProps>(
+    () => ({
+      state,
+      open,
+      setOpen,
+      isMobile,
+      openMobile,
+      setOpenMobile,
+      toggleSidebar,
+    }),
+    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
+  )
+
+  return (
+    <SidebarContext.Provider value={contextValue}>
+      <TooltipProvider delayDuration={0}>
+        <div
+          data-slot="sidebar-wrapper"
+          style={
+            {
+              "--sidebar-width": SIDEBAR_WIDTH,
+              "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+              ...style,
+            } as React.CSSProperties
+          }
+          className={cn(
+            "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",
+            className
+          )}
+          {...props}
+        >
+          {children}
+        </div>
+      </TooltipProvider>
+    </SidebarContext.Provider>
+  )
+}
+
+function Sidebar({
+  side = "left",
+  variant = "sidebar",
+  collapsible = "offcanvas",
+  className,
+  children,
+  ...props
+}: React.ComponentProps<"div"> & {
+  side?: "left" | "right"
+  variant?: "sidebar" | "floating" | "inset"
+  collapsible?: "offcanvas" | "icon" | "none"
+}) {
+  const { isMobile, state, openMobile, setOpenMobile } = useSidebar()
+
+  if (collapsible === "none") {
+    return (
+      <div
+        data-slot="sidebar"
+        className={cn(
+          "bg-sidebar text-sidebar-foreground flex h-full w-[var(--sidebar-width)] flex-col",
+          className
+        )}
+        {...props}
+      >
+        {children}
+      </div>
+    )
+  }
+
+  if (isMobile) {
+    return (
+      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>
+        <SheetContent
+          data-sidebar="sidebar"
+          data-slot="sidebar"
+          data-mobile="true"
+          className="bg-sidebar text-sidebar-foreground w-[var(--sidebar-width)] p-0 [&>button]:hidden"
+          style={
+            {
+              "--sidebar-width": SIDEBAR_WIDTH_MOBILE,
+            } as React.CSSProperties
+          }
+          side={side}
+        >
+          <SheetHeader className="sr-only">
+            <SheetTitle>Sidebar</SheetTitle>
+            <SheetDescription>Displays the mobile sidebar.</SheetDescription>
+          </SheetHeader>
+          <div className="flex h-full w-full flex-col">{children}</div>
+        </SheetContent>
+      </Sheet>
+    )
+  }
+
+  return (
+    <div
+      className="group peer text-sidebar-foreground hidden md:block"
+      data-state={state}
+      data-collapsible={state === "collapsed" ? collapsible : ""}
+      data-variant={variant}
+      data-side={side}
+      data-slot="sidebar"
+    >
+      {/* This is what handles the sidebar gap on desktop */}
+      <div
+        data-slot="sidebar-gap"
+        className={cn(
+          "relative w-[var(--sidebar-width)] bg-transparent transition-[width] duration-200 ease-linear",
+          "group-data-[collapsible=offcanvas]:w-0",
+          "group-data-[side=right]:rotate-180",
+          variant === "floating" || variant === "inset"
+            ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+var(--spacing-4))]"
+            : "group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)]"
+        )}
+      />
+      <div
+        data-slot="sidebar-container"
+        className={cn(
+          "fixed inset-y-0 z-10 hidden h-svh w-[var(--sidebar-width)] transition-[left,right,width] duration-200 ease-linear md:flex",
+          side === "left"
+            ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]"
+            : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+          // Adjust the padding for floating and inset variants.
+          variant === "floating" || variant === "inset"
+            ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+var(--spacing-4)+2px)]"
+            : "group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)] group-data-[side=left]:border-r group-data-[side=right]:border-l",
+          className
+        )}
+        {...props}
+      >
+        <div
+          data-sidebar="sidebar"
+          data-slot="sidebar-inner"
+          className="bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm"
+        >
+          {children}
+        </div>
+      </div>
+    </div>
+  )
+}
+
+function SidebarTrigger({
+  className,
+  onClick,
+  ...props
+}: React.ComponentProps<typeof Button>) {
+  const { toggleSidebar } = useSidebar()
+
+  return (
+    <Button
+      data-sidebar="trigger"
+      data-slot="sidebar-trigger"
+      variant="ghost"
+      size="icon"
+      className={cn("h-7 w-7", className)}
+      onClick={(event) => {
+        onClick?.(event)
+        toggleSidebar()
+      }}
+      {...props}
+    >
+      <PanelLeftIcon />
+      <span className="sr-only">Toggle Sidebar</span>
+    </Button>
+  )
+}
+
+function SidebarRail({ className, ...props }: React.ComponentProps<"button">) {
+  const { toggleSidebar } = useSidebar()
+
+  // Note: Tailwind v3.4 doesn't support "in-" selectors. So the rail won't work perfectly.
+  return (
+    <button
+      data-sidebar="rail"
+      data-slot="sidebar-rail"
+      aria-label="Toggle Sidebar"
+      tabIndex={-1}
+      onClick={toggleSidebar}
+      title="Toggle Sidebar"
+      className={cn(
+        "hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex",
+        "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
+        "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+        "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full",
+        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarInset({ className, ...props }: React.ComponentProps<"main">) {
+  return (
+    <main
+      data-slot="sidebar-inset"
+      className={cn(
+        "bg-background relative flex w-full flex-1 flex-col",
+        "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarInput({
+  className,
+  ...props
+}: React.ComponentProps<typeof Input>) {
+  return (
+    <Input
+      data-slot="sidebar-input"
+      data-sidebar="input"
+      className={cn("bg-background h-8 w-full shadow-none", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-header"
+      data-sidebar="header"
+      className={cn("flex flex-col gap-2 p-2", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-footer"
+      data-sidebar="footer"
+      className={cn("flex flex-col gap-2 p-2", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Separator>) {
+  return (
+    <Separator
+      data-slot="sidebar-separator"
+      data-sidebar="separator"
+      className={cn("bg-sidebar-border mx-2 w-auto", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarContent({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-content"
+      data-sidebar="content"
+      className={cn(
+        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-group"
+      data-sidebar="group"
+      className={cn("relative flex w-full min-w-0 flex-col p-2", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarGroupLabel({
+  className,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"div"> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : "div"
+
+  return (
+    <Comp
+      data-slot="sidebar-group-label"
+      data-sidebar="group-label"
+      className={cn(
+        "text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:h-4 [&>svg]:w-4 [&>svg]:shrink-0",
+        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarGroupAction({
+  className,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"button"> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : "button"
+
+  return (
+    <Comp
+      data-slot="sidebar-group-action"
+      data-sidebar="group-action"
+      className={cn(
+        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 md:after:hidden",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarGroupContent({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-group-content"
+      data-sidebar="group-content"
+      className={cn("w-full text-sm", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">) {
+  return (
+    <ul
+      data-slot="sidebar-menu"
+      data-sidebar="menu"
+      className={cn("flex w-full min-w-0 flex-col gap-1", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">) {
+  return (
+    <li
+      data-slot="sidebar-menu-item"
+      data-sidebar="menu-item"
+      className={cn("group/menu-item relative", className)}
+      {...props}
+    />
+  )
+}
+
+const sidebarMenuButtonVariants = cva(
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:w-8! group-data-[collapsible=icon]:h-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+        outline:
+          "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]",
+      },
+      size: {
+        default: "h-8 text-sm",
+        sm: "h-7 text-xs",
+        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+function SidebarMenuButton({
+  asChild = false,
+  isActive = false,
+  variant = "default",
+  size = "default",
+  tooltip,
+  className,
+  ...props
+}: React.ComponentProps<"button"> & {
+  asChild?: boolean
+  isActive?: boolean
+  tooltip?: string | React.ComponentProps<typeof TooltipContent>
+} & VariantProps<typeof sidebarMenuButtonVariants>) {
+  const Comp = asChild ? Slot : "button"
+  const { isMobile, state } = useSidebar()
+
+  const button = (
+    <Comp
+      data-slot="sidebar-menu-button"
+      data-sidebar="menu-button"
+      data-size={size}
+      data-active={isActive}
+      className={cn(sidebarMenuButtonVariants({ variant, size }), className)}
+      {...props}
+    />
+  )
+
+  if (!tooltip) {
+    return button
+  }
+
+  if (typeof tooltip === "string") {
+    tooltip = {
+      children: tooltip,
+    }
+  }
+
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>{button}</TooltipTrigger>
+      <TooltipContent
+        side="right"
+        align="center"
+        hidden={state !== "collapsed" || isMobile}
+        {...tooltip}
+      />
+    </Tooltip>
+  )
+}
+
+function SidebarMenuAction({
+  className,
+  asChild = false,
+  showOnHover = false,
+  ...props
+}: React.ComponentProps<"button"> & {
+  asChild?: boolean
+  showOnHover?: boolean
+}) {
+  const Comp = asChild ? Slot : "button"
+
+  return (
+    <Comp
+      data-slot="sidebar-menu-action"
+      data-sidebar="menu-action"
+      className={cn(
+        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 md:after:hidden",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        showOnHover &&
+          "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuBadge({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-menu-badge"
+      data-sidebar="menu-badge"
+      className={cn(
+        "text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none",
+        "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuSkeleton({
+  className,
+  showIcon = false,
+  ...props
+}: React.ComponentProps<"div"> & {
+  showIcon?: boolean
+}) {
+  // Random width between 50 to 90%.
+  const width = React.useMemo(() => {
+    return `${Math.floor(Math.random() * 40) + 50}%`
+  }, [])
+
+  return (
+    <div
+      data-slot="sidebar-menu-skeleton"
+      data-sidebar="menu-skeleton"
+      className={cn("flex h-8 items-center gap-2 rounded-md px-2", className)}
+      {...props}
+    >
+      {showIcon && (
+        <Skeleton
+          className="size-4 rounded-md"
+          data-sidebar="menu-skeleton-icon"
+        />
+      )}
+      <Skeleton
+        className="h-4 max-w-[var(--skeleton-width)] flex-1"
+        data-sidebar="menu-skeleton-text"
+        style={
+          {
+            "--skeleton-width": width,
+          } as React.CSSProperties
+        }
+      />
+    </div>
+  )
+}
+
+function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">) {
+  return (
+    <ul
+      data-slot="sidebar-menu-sub"
+      data-sidebar="menu-sub"
+      className={cn(
+        "border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuSubItem({
+  className,
+  ...props
+}: React.ComponentProps<"li">) {
+  return (
+    <li
+      data-slot="sidebar-menu-sub-item"
+      data-sidebar="menu-sub-item"
+      className={cn("group/menu-sub-item relative", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuSubButton({
+  asChild = false,
+  size = "md",
+  isActive = false,
+  className,
+  ...props
+}: React.ComponentProps<"a"> & {
+  asChild?: boolean
+  size?: "sm" | "md"
+  isActive?: boolean
+}) {
+  const Comp = asChild ? Slot : "a"
+
+  return (
+    <Comp
+      data-slot="sidebar-menu-sub-button"
+      data-sidebar="menu-sub-button"
+      data-size={size}
+      data-active={isActive}
+      className={cn(
+        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline outline-2 outline-transparent outline-offset-2 focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+        "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
+        size === "sm" && "text-xs",
+        size === "md" && "text-sm",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInput,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuBadge,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSkeleton,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  SidebarProvider,
+  SidebarRail,
+  SidebarSeparator,
+  SidebarTrigger,
+  useSidebar,
+}
diff --git a/artifacts/fb-publisher/src/components/ui/skeleton.tsx b/artifacts/fb-publisher/src/components/ui/skeleton.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..d7e45f7bd315f86eabf32f2c9425223417920e60
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/skeleton.tsx
@@ -0,0 +1,15 @@
+import { cn } from "@/lib/utils"
+
+function Skeleton({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) {
+  return (
+    <div
+      className={cn("animate-pulse rounded-md bg-primary/10", className)}
+      {...props}
+    />
+  )
+}
+
+export { Skeleton }
diff --git a/artifacts/fb-publisher/src/components/ui/slider.tsx b/artifacts/fb-publisher/src/components/ui/slider.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..9398b331513e9668b8d76f2905d570c34d080fd2
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/slider.tsx
@@ -0,0 +1,26 @@
+import * as React from "react"
+import * as SliderPrimitive from "@radix-ui/react-slider"
+
+import { cn } from "@/lib/utils"
+
+const Slider = React.forwardRef<
+  React.ElementRef<typeof SliderPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <SliderPrimitive.Root
+    ref={ref}
+    className={cn(
+      "relative flex w-full touch-none select-none items-center",
+      className
+    )}
+    {...props}
+  >
+    <SliderPrimitive.Track className="relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20">
+      <SliderPrimitive.Range className="absolute h-full bg-primary" />
+    </SliderPrimitive.Track>
+    <SliderPrimitive.Thumb className="block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" />
+  </SliderPrimitive.Root>
+))
+Slider.displayName = SliderPrimitive.Root.displayName
+
+export { Slider }
diff --git a/artifacts/fb-publisher/src/components/ui/sonner.tsx b/artifacts/fb-publisher/src/components/ui/sonner.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..452f4d9f0dde88611113632c1d759d60155fe4d3
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/sonner.tsx
@@ -0,0 +1,31 @@
+"use client"
+
+import { useTheme } from "next-themes"
+import { Toaster as Sonner } from "sonner"
+
+type ToasterProps = React.ComponentProps<typeof Sonner>
+
+const Toaster = ({ ...props }: ToasterProps) => {
+  const { theme = "system" } = useTheme()
+
+  return (
+    <Sonner
+      theme={theme as ToasterProps["theme"]}
+      className="toaster group"
+      toastOptions={{
+        classNames: {
+          toast:
+            "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+          description: "group-[.toast]:text-muted-foreground",
+          actionButton:
+            "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+          cancelButton:
+            "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
+        },
+      }}
+      {...props}
+    />
+  )
+}
+
+export { Toaster }
diff --git a/artifacts/fb-publisher/src/components/ui/spinner.tsx b/artifacts/fb-publisher/src/components/ui/spinner.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..a70e713c5b4ecb2af186efe3fadea51805f26ba5
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/spinner.tsx
@@ -0,0 +1,16 @@
+import { Loader2Icon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function Spinner({ className, ...props }: React.ComponentProps<"svg">) {
+  return (
+    <Loader2Icon
+      role="status"
+      aria-label="Loading"
+      className={cn("size-4 animate-spin", className)}
+      {...props}
+    />
+  )
+}
+
+export { Spinner }
diff --git a/artifacts/fb-publisher/src/components/ui/switch.tsx b/artifacts/fb-publisher/src/components/ui/switch.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..455c23b6cd5adcb0278792568cdddf084a4a37c9
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/switch.tsx
@@ -0,0 +1,27 @@
+import * as React from "react"
+import * as SwitchPrimitives from "@radix-ui/react-switch"
+
+import { cn } from "@/lib/utils"
+
+const Switch = React.forwardRef<
+  React.ElementRef<typeof SwitchPrimitives.Root>,
+  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
+>(({ className, ...props }, ref) => (
+  <SwitchPrimitives.Root
+    className={cn(
+      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      className
+    )}
+    {...props}
+    ref={ref}
+  >
+    <SwitchPrimitives.Thumb
+      className={cn(
+        "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+      )}
+    />
+  </SwitchPrimitives.Root>
+))
+Switch.displayName = SwitchPrimitives.Root.displayName
+
+export { Switch }
diff --git a/artifacts/fb-publisher/src/components/ui/table.tsx b/artifacts/fb-publisher/src/components/ui/table.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..c0df655c0bf26af1148d038e1d013e884663b240
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/table.tsx
@@ -0,0 +1,120 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Table = React.forwardRef<
+  HTMLTableElement,
+  React.HTMLAttributes<HTMLTableElement>
+>(({ className, ...props }, ref) => (
+  <div className="relative w-full overflow-auto">
+    <table
+      ref={ref}
+      className={cn("w-full caption-bottom text-sm", className)}
+      {...props}
+    />
+  </div>
+))
+Table.displayName = "Table"
+
+const TableHeader = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
+))
+TableHeader.displayName = "TableHeader"
+
+const TableBody = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tbody
+    ref={ref}
+    className={cn("[&_tr:last-child]:border-0", className)}
+    {...props}
+  />
+))
+TableBody.displayName = "TableBody"
+
+const TableFooter = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tfoot
+    ref={ref}
+    className={cn(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      className
+    )}
+    {...props}
+  />
+))
+TableFooter.displayName = "TableFooter"
+
+const TableRow = React.forwardRef<
+  HTMLTableRowElement,
+  React.HTMLAttributes<HTMLTableRowElement>
+>(({ className, ...props }, ref) => (
+  <tr
+    ref={ref}
+    className={cn(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      className
+    )}
+    {...props}
+  />
+))
+TableRow.displayName = "TableRow"
+
+const TableHead = React.forwardRef<
+  HTMLTableCellElement,
+  React.ThHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <th
+    ref={ref}
+    className={cn(
+      "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      className
+    )}
+    {...props}
+  />
+))
+TableHead.displayName = "TableHead"
+
+const TableCell = React.forwardRef<
+  HTMLTableCellElement,
+  React.TdHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <td
+    ref={ref}
+    className={cn(
+      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      className
+    )}
+    {...props}
+  />
+))
+TableCell.displayName = "TableCell"
+
+const TableCaption = React.forwardRef<
+  HTMLTableCaptionElement,
+  React.HTMLAttributes<HTMLTableCaptionElement>
+>(({ className, ...props }, ref) => (
+  <caption
+    ref={ref}
+    className={cn("mt-4 text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+TableCaption.displayName = "TableCaption"
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+}
diff --git a/artifacts/fb-publisher/src/components/ui/tabs.tsx b/artifacts/fb-publisher/src/components/ui/tabs.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..85d83beab3224580318b1dd85f93e9294fae32c0
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/tabs.tsx
@@ -0,0 +1,53 @@
+import * as React from "react"
+import * as TabsPrimitive from "@radix-ui/react-tabs"
+
+import { cn } from "@/lib/utils"
+
+const Tabs = TabsPrimitive.Root
+
+const TabsList = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.List>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.List
+    ref={ref}
+    className={cn(
+      "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+      className
+    )}
+    {...props}
+  />
+))
+TabsList.displayName = TabsPrimitive.List.displayName
+
+const TabsTrigger = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
+      className
+    )}
+    {...props}
+  />
+))
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName
+
+const TabsContent = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Content
+    ref={ref}
+    className={cn(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      className
+    )}
+    {...props}
+  />
+))
+TabsContent.displayName = TabsPrimitive.Content.displayName
+
+export { Tabs, TabsList, TabsTrigger, TabsContent }
diff --git a/artifacts/fb-publisher/src/components/ui/textarea.tsx b/artifacts/fb-publisher/src/components/ui/textarea.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e56b0affd7e03bd8359092a81d81c606ab09972d
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/textarea.tsx
@@ -0,0 +1,22 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Textarea = React.forwardRef<
+  HTMLTextAreaElement,
+  React.ComponentProps<"textarea">
+>(({ className, ...props }, ref) => {
+  return (
+    <textarea
+      className={cn(
+        "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      )}
+      ref={ref}
+      {...props}
+    />
+  )
+})
+Textarea.displayName = "Textarea"
+
+export { Textarea }
diff --git a/artifacts/fb-publisher/src/components/ui/toast.tsx b/artifacts/fb-publisher/src/components/ui/toast.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..a822477534192c4df5073e4015f7461e739d3344
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/toast.tsx
@@ -0,0 +1,127 @@
+import * as React from "react"
+import * as ToastPrimitives from "@radix-ui/react-toast"
+import { cva, type VariantProps } from "class-variance-authority"
+import { X } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const ToastProvider = ToastPrimitives.Provider
+
+const ToastViewport = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Viewport>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Viewport
+    ref={ref}
+    className={cn(
+      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      className
+    )}
+    {...props}
+  />
+))
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName
+
+const toastVariants = cva(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "border bg-background text-foreground",
+        destructive:
+          "destructive group border-destructive bg-destructive text-destructive-foreground",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+const Toast = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Root>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &
+    VariantProps<typeof toastVariants>
+>(({ className, variant, ...props }, ref) => {
+  return (
+    <ToastPrimitives.Root
+      ref={ref}
+      className={cn(toastVariants({ variant }), className)}
+      {...props}
+    />
+  )
+})
+Toast.displayName = ToastPrimitives.Root.displayName
+
+const ToastAction = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Action>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Action
+    ref={ref}
+    className={cn(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
+      className
+    )}
+    {...props}
+  />
+))
+ToastAction.displayName = ToastPrimitives.Action.displayName
+
+const ToastClose = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Close>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Close
+    ref={ref}
+    className={cn(
+      "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      className
+    )}
+    toast-close=""
+    {...props}
+  >
+    <X className="h-4 w-4" />
+  </ToastPrimitives.Close>
+))
+ToastClose.displayName = ToastPrimitives.Close.displayName
+
+const ToastTitle = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Title>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Title
+    ref={ref}
+    className={cn("text-sm font-semibold", className)}
+    {...props}
+  />
+))
+ToastTitle.displayName = ToastPrimitives.Title.displayName
+
+const ToastDescription = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Description>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Description
+    ref={ref}
+    className={cn("text-sm opacity-90", className)}
+    {...props}
+  />
+))
+ToastDescription.displayName = ToastPrimitives.Description.displayName
+
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>
+
+type ToastActionElement = React.ReactElement<typeof ToastAction>
+
+export {
+  type ToastProps,
+  type ToastActionElement,
+  ToastProvider,
+  ToastViewport,
+  Toast,
+  ToastTitle,
+  ToastDescription,
+  ToastClose,
+  ToastAction,
+}
diff --git a/artifacts/fb-publisher/src/components/ui/toaster.tsx b/artifacts/fb-publisher/src/components/ui/toaster.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..6c67edff67a48c6ac1c46f25a6d468dd461e66cb
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/toaster.tsx
@@ -0,0 +1,33 @@
+import { useToast } from "@/hooks/use-toast"
+import {
+  Toast,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
+} from "@/components/ui/toast"
+
+export function Toaster() {
+  const { toasts } = useToast()
+
+  return (
+    <ToastProvider>
+      {toasts.map(function ({ id, title, description, action, ...props }) {
+        return (
+          <Toast key={id} {...props}>
+            <div className="grid gap-1">
+              {title && <ToastTitle>{title}</ToastTitle>}
+              {description && (
+                <ToastDescription>{description}</ToastDescription>
+              )}
+            </div>
+            {action}
+            <ToastClose />
+          </Toast>
+        )
+      })}
+      <ToastViewport />
+    </ToastProvider>
+  )
+}
diff --git a/artifacts/fb-publisher/src/components/ui/toggle-group.tsx b/artifacts/fb-publisher/src/components/ui/toggle-group.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..1c876bbeecabe59b684719afe58e684f34cdecbf
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/toggle-group.tsx
@@ -0,0 +1,61 @@
+"use client"
+
+import * as React from "react"
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group"
+import { type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+import { toggleVariants } from "@/components/ui/toggle"
+
+const ToggleGroupContext = React.createContext<
+  VariantProps<typeof toggleVariants>
+>({
+  size: "default",
+  variant: "default",
+})
+
+const ToggleGroup = React.forwardRef<
+  React.ElementRef<typeof ToggleGroupPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &
+    VariantProps<typeof toggleVariants>
+>(({ className, variant, size, children, ...props }, ref) => (
+  <ToggleGroupPrimitive.Root
+    ref={ref}
+    className={cn("flex items-center justify-center gap-1", className)}
+    {...props}
+  >
+    <ToggleGroupContext.Provider value={{ variant, size }}>
+      {children}
+    </ToggleGroupContext.Provider>
+  </ToggleGroupPrimitive.Root>
+))
+
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName
+
+const ToggleGroupItem = React.forwardRef<
+  React.ElementRef<typeof ToggleGroupPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> &
+    VariantProps<typeof toggleVariants>
+>(({ className, children, variant, size, ...props }, ref) => {
+  const context = React.useContext(ToggleGroupContext)
+
+  return (
+    <ToggleGroupPrimitive.Item
+      ref={ref}
+      className={cn(
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size,
+        }),
+        className
+      )}
+      {...props}
+    >
+      {children}
+    </ToggleGroupPrimitive.Item>
+  )
+})
+
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName
+
+export { ToggleGroup, ToggleGroupItem }
diff --git a/artifacts/fb-publisher/src/components/ui/toggle.tsx b/artifacts/fb-publisher/src/components/ui/toggle.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..ab0a30fb3daa5b3fe5a4158ee1372405aac50aba
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/toggle.tsx
@@ -0,0 +1,43 @@
+import * as React from "react"
+import * as TogglePrimitive from "@radix-ui/react-toggle"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const toggleVariants = cva(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline:
+          "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground",
+      },
+      size: {
+        default: "h-9 px-2 min-w-9",
+        sm: "h-8 px-1.5 min-w-8",
+        lg: "h-10 px-2.5 min-w-10",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+const Toggle = React.forwardRef<
+  React.ElementRef<typeof TogglePrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &
+    VariantProps<typeof toggleVariants>
+>(({ className, variant, size, ...props }, ref) => (
+  <TogglePrimitive.Root
+    ref={ref}
+    className={cn(toggleVariants({ variant, size, className }))}
+    {...props}
+  />
+))
+
+Toggle.displayName = TogglePrimitive.Root.displayName
+
+export { Toggle, toggleVariants }
diff --git a/artifacts/fb-publisher/src/components/ui/tooltip.tsx b/artifacts/fb-publisher/src/components/ui/tooltip.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..28e19183f4d9dfbb73c82928190556b69575eb2b
--- /dev/null
+++ b/artifacts/fb-publisher/src/components/ui/tooltip.tsx
@@ -0,0 +1,32 @@
+"use client"
+
+import * as React from "react"
+import * as TooltipPrimitive from "@radix-ui/react-tooltip"
+
+import { cn } from "@/lib/utils"
+
+const TooltipProvider = TooltipPrimitive.Provider
+
+const Tooltip = TooltipPrimitive.Root
+
+const TooltipTrigger = TooltipPrimitive.Trigger
+
+const TooltipContent = React.forwardRef<
+  React.ElementRef<typeof TooltipPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
+>(({ className, sideOffset = 4, ...props }, ref) => (
+  <TooltipPrimitive.Portal>
+    <TooltipPrimitive.Content
+      ref={ref}
+      sideOffset={sideOffset}
+      className={cn(
+        "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
+        className
+      )}
+      {...props}
+    />
+  </TooltipPrimitive.Portal>
+))
+TooltipContent.displayName = TooltipPrimitive.Content.displayName
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
diff --git a/artifacts/fb-publisher/src/hooks/use-mobile.tsx b/artifacts/fb-publisher/src/hooks/use-mobile.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..2b0fe1dfef3b17850bbac040665f514a8ffd0f15
--- /dev/null
+++ b/artifacts/fb-publisher/src/hooks/use-mobile.tsx
@@ -0,0 +1,19 @@
+import * as React from "react"
+
+const MOBILE_BREAKPOINT = 768
+
+export function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)
+
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    }
+    mql.addEventListener("change", onChange)
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    return () => mql.removeEventListener("change", onChange)
+  }, [])
+
+  return !!isMobile
+}
diff --git a/artifacts/fb-publisher/src/hooks/use-toast.ts b/artifacts/fb-publisher/src/hooks/use-toast.ts
new file mode 100644
index 0000000000000000000000000000000000000000..2c14125ac48b874740770da80d9e424daf1db58b
--- /dev/null
+++ b/artifacts/fb-publisher/src/hooks/use-toast.ts
@@ -0,0 +1,191 @@
+import * as React from "react"
+
+import type {
+  ToastActionElement,
+  ToastProps,
+} from "@/components/ui/toast"
+
+const TOAST_LIMIT = 1
+const TOAST_REMOVE_DELAY = 1000000
+
+type ToasterToast = ToastProps & {
+  id: string
+  title?: React.ReactNode
+  description?: React.ReactNode
+  action?: ToastActionElement
+}
+
+const actionTypes = {
+  ADD_TOAST: "ADD_TOAST",
+  UPDATE_TOAST: "UPDATE_TOAST",
+  DISMISS_TOAST: "DISMISS_TOAST",
+  REMOVE_TOAST: "REMOVE_TOAST",
+} as const
+
+let count = 0
+
+function genId() {
+  count = (count + 1) % Number.MAX_SAFE_INTEGER
+  return count.toString()
+}
+
+type ActionType = typeof actionTypes
+
+type Action =
+  | {
+      type: ActionType["ADD_TOAST"]
+      toast: ToasterToast
+    }
+  | {
+      type: ActionType["UPDATE_TOAST"]
+      toast: Partial<ToasterToast>
+    }
+  | {
+      type: ActionType["DISMISS_TOAST"]
+      toastId?: ToasterToast["id"]
+    }
+  | {
+      type: ActionType["REMOVE_TOAST"]
+      toastId?: ToasterToast["id"]
+    }
+
+interface State {
+  toasts: ToasterToast[]
+}
+
+const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()
+
+const addToRemoveQueue = (toastId: string) => {
+  if (toastTimeouts.has(toastId)) {
+    return
+  }
+
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId)
+    dispatch({
+      type: "REMOVE_TOAST",
+      toastId: toastId,
+    })
+  }, TOAST_REMOVE_DELAY)
+
+  toastTimeouts.set(toastId, timeout)
+}
+
+export const reducer = (state: State, action: Action): State => {
+  switch (action.type) {
+    case "ADD_TOAST":
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
+      }
+
+    case "UPDATE_TOAST":
+      return {
+        ...state,
+        toasts: state.toasts.map((t) =>
+          t.id === action.toast.id ? { ...t, ...action.toast } : t
+        ),
+      }
+
+    case "DISMISS_TOAST": {
+      const { toastId } = action
+
+      // ! Side effects ! - This could be extracted into a dismissToast() action,
+      // but I'll keep it here for simplicity
+      if (toastId) {
+        addToRemoveQueue(toastId)
+      } else {
+        state.toasts.forEach((toast) => {
+          addToRemoveQueue(toast.id)
+        })
+      }
+
+      return {
+        ...state,
+        toasts: state.toasts.map((t) =>
+          t.id === toastId || toastId === undefined
+            ? {
+                ...t,
+                open: false,
+              }
+            : t
+        ),
+      }
+    }
+    case "REMOVE_TOAST":
+      if (action.toastId === undefined) {
+        return {
+          ...state,
+          toasts: [],
+        }
+      }
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId),
+      }
+  }
+}
+
+const listeners: Array<(state: State) => void> = []
+
+let memoryState: State = { toasts: [] }
+
+function dispatch(action: Action) {
+  memoryState = reducer(memoryState, action)
+  listeners.forEach((listener) => {
+    listener(memoryState)
+  })
+}
+
+type Toast = Omit<ToasterToast, "id">
+
+function toast({ ...props }: Toast) {
+  const id = genId()
+
+  const update = (props: ToasterToast) =>
+    dispatch({
+      type: "UPDATE_TOAST",
+      toast: { ...props, id },
+    })
+  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id })
+
+  dispatch({
+    type: "ADD_TOAST",
+    toast: {
+      ...props,
+      id,
+      open: true,
+      onOpenChange: (open) => {
+        if (!open) dismiss()
+      },
+    },
+  })
+
+  return {
+    id: id,
+    dismiss,
+    update,
+  }
+}
+
+function useToast() {
+  const [state, setState] = React.useState<State>(memoryState)
+
+  React.useEffect(() => {
+    listeners.push(setState)
+    return () => {
+      const index = listeners.indexOf(setState)
+      if (index > -1) {
+        listeners.splice(index, 1)
+      }
+    }
+  }, [state])
+
+  return {
+    ...state,
+    toast,
+    dismiss: (toastId?: string) => dispatch({ type: "DISMISS_TOAST", toastId }),
+  }
+}
+
+export { useToast, toast }
diff --git a/artifacts/fb-publisher/src/index.css b/artifacts/fb-publisher/src/index.css
new file mode 100644
index 0000000000000000000000000000000000000000..bff368c86a95b3157824efe62a07172f5b1bea00
--- /dev/null
+++ b/artifacts/fb-publisher/src/index.css
@@ -0,0 +1,178 @@
+@layer theme, base, clerk, components, utilities;
+@import "tailwindcss";
+@import "@clerk/themes/shadcn.css";
+@import "tw-animate-css";
+@plugin "@tailwindcss/typography";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: hsl(var(--background));
+  --color-foreground: hsl(var(--foreground));
+  --color-border: hsl(var(--border));
+  --color-input: hsl(var(--input));
+  --color-ring: hsl(var(--ring));
+
+  --color-card: hsl(var(--card));
+  --color-card-foreground: hsl(var(--card-foreground));
+
+  --color-popover: hsl(var(--popover));
+  --color-popover-foreground: hsl(var(--popover-foreground));
+
+  --color-primary: hsl(var(--primary));
+  --color-primary-foreground: hsl(var(--primary-foreground));
+
+  --color-secondary: hsl(var(--secondary));
+  --color-secondary-foreground: hsl(var(--secondary-foreground));
+
+  --color-muted: hsl(var(--muted));
+  --color-muted-foreground: hsl(var(--muted-foreground));
+
+  --color-accent: hsl(var(--accent));
+  --color-accent-foreground: hsl(var(--accent-foreground));
+
+  --color-destructive: hsl(var(--destructive));
+  --color-destructive-foreground: hsl(var(--destructive-foreground));
+
+  --color-sidebar: hsl(var(--sidebar));
+  --color-sidebar-foreground: hsl(var(--sidebar-foreground));
+  --color-sidebar-border: hsl(var(--sidebar-border));
+  --color-sidebar-primary: hsl(var(--sidebar-primary));
+  --color-sidebar-primary-foreground: hsl(var(--sidebar-primary-foreground));
+  --color-sidebar-accent: hsl(var(--sidebar-accent));
+  --color-sidebar-accent-foreground: hsl(var(--sidebar-accent-foreground));
+  --color-sidebar-ring: hsl(var(--sidebar-ring));
+
+  --font-sans: "Tajawal", "Inter", system-ui, sans-serif;
+  --radius: 12px;
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+}
+
+:root {
+  --background: 240 30% 8%;
+  --foreground: 0 0% 96%;
+  --border: 260 30% 25%;
+  --input: 260 30% 18%;
+  --ring: 269 96% 76%;
+
+  --card: 240 30% 12%;
+  --card-foreground: 0 0% 96%;
+
+  --popover: 240 30% 12%;
+  --popover-foreground: 0 0% 96%;
+
+  --primary: 269 96% 76%;
+  --primary-foreground: 240 30% 8%;
+
+  --secondary: 217 100% 51%;
+  --secondary-foreground: 0 0% 100%;
+
+  --muted: 240 20% 16%;
+  --muted-foreground: 240 10% 70%;
+
+  --accent: 269 96% 76%;
+  --accent-foreground: 240 30% 8%;
+
+  --destructive: 0 75% 60%;
+  --destructive-foreground: 0 0% 100%;
+
+  --sidebar: 240 30% 10%;
+  --sidebar-foreground: 0 0% 96%;
+  --sidebar-border: 260 30% 22%;
+  --sidebar-primary: 269 96% 76%;
+  --sidebar-primary-foreground: 240 30% 8%;
+  --sidebar-accent: 240 20% 18%;
+  --sidebar-accent-foreground: 0 0% 96%;
+  --sidebar-ring: 269 96% 76%;
+}
+
+.dark {
+  /* Same palette — site is dark by default */
+}
+
+html,
+body,
+#root {
+  min-height: 100vh;
+}
+
+html {
+  direction: rtl;
+}
+
+body {
+  font-family: var(--font-sans);
+  background:
+    radial-gradient(1200px 600px at 0% 0%, rgba(187, 134, 252, 0.15), transparent 60%),
+    radial-gradient(1200px 600px at 100% 100%, rgba(8, 102, 255, 0.15), transparent 60%),
+    linear-gradient(135deg, hsl(240 35% 8%) 0%, hsl(260 35% 12%) 50%, hsl(220 35% 10%) 100%);
+  background-attachment: fixed;
+  color: hsl(var(--foreground));
+  -webkit-font-smoothing: antialiased;
+}
+
+@layer base {
+  * {
+    border-color: hsl(var(--border));
+  }
+}
+
+.glass {
+  background: linear-gradient(
+    135deg,
+    rgba(255, 255, 255, 0.06),
+    rgba(255, 255, 255, 0.02)
+  );
+  backdrop-filter: blur(14px);
+  -webkit-backdrop-filter: blur(14px);
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+}
+
+.text-gradient {
+  background: linear-gradient(135deg, #bb86fc, #0866ff);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+}
+
+.btn-primary-grad {
+  background: linear-gradient(135deg, #bb86fc, #8a4ce8);
+  color: #0d0d18;
+  font-weight: 700;
+  transition: filter 0.15s ease, transform 0.05s ease;
+}
+.btn-primary-grad:hover {
+  filter: brightness(1.08);
+}
+.btn-primary-grad:active {
+  transform: translateY(1px);
+}
+
+.btn-fb-grad {
+  background: linear-gradient(135deg, #0866ff, #1a4cd1);
+  color: #fff;
+  font-weight: 700;
+  transition: filter 0.15s ease, transform 0.05s ease;
+}
+.btn-fb-grad:hover {
+  filter: brightness(1.1);
+}
+
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+::-webkit-scrollbar-track {
+  background: rgba(255, 255, 255, 0.04);
+}
+::-webkit-scrollbar-thumb {
+  background: rgba(187, 134, 252, 0.4);
+  border-radius: 8px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: rgba(187, 134, 252, 0.65);
+}
diff --git a/artifacts/fb-publisher/src/lib/bridge.ts b/artifacts/fb-publisher/src/lib/bridge.ts
new file mode 100644
index 0000000000000000000000000000000000000000..16c067b0a20045586b170037ad88575c0dceecc2
--- /dev/null
+++ b/artifacts/fb-publisher/src/lib/bridge.ts
@@ -0,0 +1,211 @@
+export interface BridgeStatus {
+  installed: boolean;
+  version?: string;
+}
+
+export interface BridgeBroadcast {
+  action: string;
+  [k: string]: unknown;
+}
+
+const WEB_TAG = "fbpub-web";
+const BRIDGE_TAG = "fbpub-bridge";
+
+const APP_ORIGIN = "https://sare26-fb-publisher-backend.hf.space";
+
+let nextRequestId = 1;
+const pendingRequests = new Map<
+  string,
+  {
+    resolve: (v: unknown) => void;
+    reject: (e: Error) => void;
+    timeout: ReturnType<typeof setTimeout>;
+  }
+>();
+
+const broadcastListeners = new Set<(msg: BridgeBroadcast) => void>();
+
+function normalizeOrigin(origin: string): string {
+  return origin.replace(/\/$/, "");
+}
+
+function isTrustedBridgeMessage(event: MessageEvent): boolean {
+  const eventOrigin = normalizeOrigin(event.origin);
+  const trustedOrigin = normalizeOrigin(APP_ORIGIN);
+
+  if (eventOrigin !== trustedOrigin) {
+    const isLocalhost =
+      eventOrigin.startsWith("http://localhost") ||
+      eventOrigin.startsWith("http://127.0.0.1");
+    if (!isLocalhost) {
+      console.warn(
+        `[Bridge] تم رفض رسالة من مصدر غير موثوق: ${event.origin}`
+      );
+      return false;
+    }
+  }
+
+  const data = event.data as { source?: string } | undefined;
+  if (!data || data.source !== BRIDGE_TAG) return false;
+
+  return true;
+}
+
+if (typeof window !== "undefined") {
+  window.addEventListener("message", (event: MessageEvent) => {
+    if (!isTrustedBridgeMessage(event)) return;
+
+    const data = event.data as {
+      source?: string;
+      requestId?: string;
+      response?: unknown;
+      error?: string | null;
+      broadcast?: boolean;
+      message?: BridgeBroadcast;
+    };
+
+    if (data.broadcast && data.message) {
+      for (const cb of broadcastListeners) {
+        try {
+          cb(data.message);
+        } catch {
+          /* ignore */
+        }
+      }
+      return;
+    }
+
+    if (!data.requestId) return;
+    const pending = pendingRequests.get(data.requestId);
+    if (!pending) return;
+
+    pendingRequests.delete(data.requestId);
+    clearTimeout(pending.timeout);
+
+    if (data.error) {
+      pending.reject(new Error(data.error));
+    } else {
+      pending.resolve(data.response);
+    }
+  });
+}
+
+export function onBridgeBroadcast(
+  cb: (msg: BridgeBroadcast) => void
+): () => void {
+  broadcastListeners.add(cb);
+  return () => broadcastListeners.delete(cb);
+}
+
+export function callBridge<T = unknown>(
+  action: string,
+  payload?: Record<string, unknown>,
+  timeoutMs: number = 10 * 60 * 1000
+): Promise<T> {
+  return new Promise((resolve, reject) => {
+    const requestId = `req_${nextRequestId++}_${Date.now()}`;
+
+    const timeout = setTimeout(() => {
+      pendingRequests.delete(requestId);
+      reject(new Error("Bridge request timed out"));
+    }, timeoutMs);
+
+    pendingRequests.set(requestId, {
+      resolve: resolve as (v: unknown) => void,
+      reject,
+      timeout,
+    });
+
+    window.postMessage(
+      { source: WEB_TAG, requestId, action, payload },
+      APP_ORIGIN
+    );
+  });
+}
+
+export async function checkBridgeInstalled(
+  timeoutMs = 1500
+): Promise<BridgeStatus> {
+  try {
+    const result = (await callBridge<BridgeStatus>(
+      "ping",
+      undefined,
+      timeoutMs
+    )) || { installed: false };
+    return result.installed ? result : { installed: false };
+  } catch {
+    return { installed: false };
+  }
+}
+
+export interface FbGroup {
+  id: string;
+  name: string;
+  image: string;
+  url: string;
+  isAdmin: boolean;
+}
+
+export interface PublishImage {
+  data: string;
+  name: string;
+}
+
+export interface DelayConfig {
+  mode: "random" | "fixed";
+  seconds: number;
+}
+
+export async function bridgeGetGroups(): Promise<{
+  success: boolean;
+  groups?: FbGroup[];
+  userId?: string;
+  error?: string;
+  message?: string;
+}> {
+  return callBridge("getGroups", undefined, 5 * 60 * 1000);
+}
+
+export async function bridgeOpenFacebook(): Promise<{ success: boolean }> {
+  return callBridge("openFacebook");
+}
+
+export async function bridgePublishToMultiple(
+  groupIds: string[],
+  text: string,
+  images: PublishImage[],
+  delayConfig?: DelayConfig
+): Promise<{
+  success: boolean;
+  started?: boolean;
+  total?: number;
+  error?: string;
+}> {
+  return callBridge("publishToMultipleGroups", {
+    groupIds,
+    text,
+    images,
+    delayConfig,
+  });
+}
+
+export async function bridgePublishToGroup(
+  groupId: string,
+  text: string,
+  images: PublishImage[]
+): Promise<{
+  success: boolean;
+  pending?: boolean;
+  post_url?: string | null;
+  error?: string;
+}> {
+  return callBridge(
+    "publishToGroup",
+    { groupId, text, images },
+    30 * 60 * 1000
+  );
+}
+
+export async function bridgeStopPublishing(): Promise<{ success: boolean }> {
+  return callBridge("stopPublishing");
+}
\ No newline at end of file
diff --git a/artifacts/fb-publisher/src/lib/queryClient.ts b/artifacts/fb-publisher/src/lib/queryClient.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3f0ac71352c75a180dd5fa500940933ab22ee43f
--- /dev/null
+++ b/artifacts/fb-publisher/src/lib/queryClient.ts
@@ -0,0 +1,14 @@
+import { QueryClient } from "@tanstack/react-query";
+
+export const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      staleTime: 60 * 60 * 1000,  // ساعة واحدة (بدلاً من 15 دقيقة)
+      gcTime: 2 * 60 * 60 * 1000,     // احتفظ بالـ cache لمدة 30 دقيقة
+      refetchOnWindowFocus: false,
+      refetchOnReconnect: false,   // أضف هذا
+      refetchInterval: false,      // أضف هذا - يوقف أي polling تلقائي
+      retry: 1,
+    },
+  },
+});
\ No newline at end of file
diff --git a/artifacts/fb-publisher/src/lib/utils.ts b/artifacts/fb-publisher/src/lib/utils.ts
new file mode 100644
index 0000000000000000000000000000000000000000..bd0c391ddd1088e9067844c48835bf4abcd61783
--- /dev/null
+++ b/artifacts/fb-publisher/src/lib/utils.ts
@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
diff --git a/artifacts/fb-publisher/src/main.tsx b/artifacts/fb-publisher/src/main.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..fbdf4fd50067fb9f601b47500d49005a4b79b621
--- /dev/null
+++ b/artifacts/fb-publisher/src/main.tsx
@@ -0,0 +1,9 @@
+import { createRoot } from "react-dom/client";
+import App from "./App";
+import "./index.css";
+
+document.documentElement.classList.add("dark");
+document.documentElement.lang = "ar";
+document.documentElement.dir = "rtl";
+
+createRoot(document.getElementById("root")!).render(<App />);
diff --git a/artifacts/fb-publisher/src/pages/Admin.tsx b/artifacts/fb-publisher/src/pages/Admin.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..2e3680b64cc825268a264b9d5fad0092c60748d5
--- /dev/null
+++ b/artifacts/fb-publisher/src/pages/Admin.tsx
@@ -0,0 +1,706 @@
+import { useState } from "react";
+import { useUser } from "@clerk/react";
+import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
+import { useLocation } from "wouter";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { useToast } from "@/hooks/use-toast";
+
+interface UpdateStatus {
+  updateAvailable: boolean;
+  version: string | null;
+  message: string | null;
+}
+
+async function fetchUpdateStatus(): Promise<UpdateStatus> {
+  const res = await fetch(apiUrl("extension-update"));
+  if (!res.ok) return { updateAvailable: false, version: null, message: null };
+  return res.json();
+}
+
+async function setExtensionUpdate(body: { enabled: boolean; version?: string; message?: string }): Promise<void> {
+  const res = await fetch(apiUrl("admin/extension-update"), {
+    method: "PATCH",
+    credentials: "include",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(body),
+  });
+  if (!res.ok) throw new Error((await res.json()).error ?? "خطأ في التحديث");
+}
+
+function apiUrl(path: string) {
+  return `/api/${path}`;
+}
+
+const OWNER_EMAIL = "saresare2555@hotmail.com";
+
+interface UserRow {
+  id: string;
+  email: string | null;
+  ipAddress: string | null;
+  isBanned: boolean;
+  bannedAt: string | null;
+  createdAt: string;
+  lastSeenAt: string | null;
+  lastSignIn: string | null;
+  inDb: boolean;
+  subscription: {
+    status: string;
+    trialEnd: string | null;
+    currentPeriodEnd: string | null;
+  } | null;
+}
+
+function statusLabel(sub: UserRow["subscription"]) {
+  if (!sub) return { text: "لا يوجد", color: "text-gray-400" };
+  const s = sub.status;
+  if (s === "trialing") return { text: "تجريبي", color: "text-blue-400" };
+  if (s === "active") return { text: "مشترك", color: "text-green-400" };
+  if (s === "trial_expired") return { text: "انتهت التجربة", color: "text-yellow-400" };
+  if (s === "cancelled") return { text: "ملغى", color: "text-red-400" };
+  return { text: s, color: "text-gray-400" };
+}
+
+function formatDate(iso: string | null) {
+  if (!iso) return "—";
+  return new Date(iso).toLocaleDateString("ar-SA", {
+    year: "numeric", month: "short", day: "numeric",
+  });
+}
+
+interface BlockedEmail {
+  email: string;
+  reason: string | null;
+  blockedAt: string;
+}
+
+async function fetchUsers(): Promise<{ users: UserRow[] }> {
+  const res = await fetch(apiUrl("admin/users"), { credentials: "include" });
+  if (!res.ok) throw new Error((await res.json()).error ?? "خطأ في الجلب");
+  return res.json();
+}
+
+async function fetchBlockedEmails(): Promise<{ blockedEmails: BlockedEmail[] }> {
+  const res = await fetch(apiUrl("admin/blocked-emails"), { credentials: "include" });
+  if (!res.ok) throw new Error((await res.json()).error ?? "خطأ في الجلب");
+  return res.json();
+}
+
+async function blockEmail(email: string, reason: string): Promise<void> {
+  const res = await fetch(apiUrl("admin/blocked-emails"), {
+    method: "POST",
+    credentials: "include",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ email, reason }),
+  });
+  if (!res.ok) throw new Error((await res.json()).error ?? "خطأ في الحظر");
+}
+
+async function cleanupOrphans(): Promise<{ removed: string[]; count: number }> {
+  const res = await fetch(apiUrl("admin/cleanup-orphans"), {
+    method: "POST",
+    credentials: "include",
+  });
+  if (!res.ok) throw new Error((await res.json()).error ?? "خطأ في التنظيف");
+  return res.json();
+}
+
+async function forceSignOutBanned(): Promise<{ usersNotified: number; connectionsSent: number }> {
+  const res = await fetch(apiUrl("admin/force-signout-banned"), {
+    method: "POST",
+    credentials: "include",
+  });
+  if (!res.ok) throw new Error((await res.json()).error ?? "خطأ في الطرد");
+  return res.json();
+}
+
+async function unblockEmail(email: string): Promise<void> {
+  const res = await fetch(apiUrl(`admin/blocked-emails/${encodeURIComponent(email)}`), {
+    method: "DELETE",
+    credentials: "include",
+  });
+  if (!res.ok) throw new Error((await res.json()).error ?? "خطأ في إلغاء الحظر");
+}
+
+async function banUser(id: string): Promise<void> {
+  const res = await fetch(apiUrl(`admin/ban/${id}`), {
+    method: "POST",
+    credentials: "include",
+  });
+  if (!res.ok) throw new Error((await res.json()).error ?? "خطأ في الحظر");
+}
+
+async function unbanUser(id: string): Promise<void> {
+  const res = await fetch(apiUrl(`admin/unban/${id}`), {
+    method: "POST",
+    credentials: "include",
+  });
+  if (!res.ok) throw new Error((await res.json()).error ?? "خطأ في رفع الحظر");
+}
+
+async function deleteUser(id: string): Promise<void> {
+  const res = await fetch(apiUrl(`admin/users/${id}`), {
+    method: "DELETE",
+    credentials: "include",
+  });
+  if (!res.ok) throw new Error((await res.json()).error ?? "خطأ في الحذف");
+}
+
+async function updateSubscription(userId: string, body: { status?: string; trialEnd?: string | null }): Promise<void> {
+  const res = await fetch(apiUrl(`admin/subscription/${userId}`), {
+    method: "PATCH",
+    credentials: "include",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(body),
+  });
+  if (!res.ok) throw new Error((await res.json()).error ?? "خطأ في التحديث");
+}
+
+export default function Admin() {
+  const { user, isLoaded } = useUser();
+  const [, setLocation] = useLocation();
+  const { toast } = useToast();
+  const qc = useQueryClient();
+  const [search, setSearch] = useState("");
+  const [confirmId, setConfirmId] = useState<string | null>(null);
+  const [newVersion, setNewVersion] = useState("");
+  const [newMessage, setNewMessage] = useState("");
+  const [blockEmailInput, setBlockEmailInput] = useState("");
+  const [blockReasonInput, setBlockReasonInput] = useState("");
+
+  const allEmails = user?.emailAddresses?.map((e) => e.emailAddress.toLowerCase()) ?? [];
+  const isOwner = allEmails.includes(OWNER_EMAIL.toLowerCase());
+
+  const { data: blockedData, refetch: refetchBlocked } = useQuery({
+    queryKey: ["admin-blocked-emails"],
+    queryFn: fetchBlockedEmails,
+    enabled: isOwner,
+  });
+
+  const blockMutation = useMutation({
+    mutationFn: ({ email, reason }: { email: string; reason: string }) => blockEmail(email, reason),
+    onSuccess: () => {
+      toast({ title: "✅ تم حظر البريد - يمكن فك الحظر لاحقاً" });
+      setBlockEmailInput("");
+      setBlockReasonInput("");
+      qc.invalidateQueries({ queryKey: ["admin-blocked-emails"] });
+      qc.invalidateQueries({ queryKey: ["admin-users"] });
+    },
+    onError: (err: any) => toast({ title: "❌ فشل الحظر", description: err.message, variant: "destructive" }),
+  });
+
+  const unblockMutation = useMutation({
+    mutationFn: (email: string) => unblockEmail(email),
+    onSuccess: () => {
+      toast({ title: "✅ تم رفع الحظر - يمكن للمستخدم التسجيل من جديد" });
+      qc.invalidateQueries({ queryKey: ["admin-blocked-emails"] });
+    },
+    onError: (err: any) => toast({ title: "❌ فشل", description: err.message, variant: "destructive" }),
+  });
+
+  const { data: updateStatus, refetch: refetchUpdate } = useQuery({
+    queryKey: ["extension-update-admin"],
+    queryFn: fetchUpdateStatus,
+    enabled: isOwner,
+  });
+
+  const updateExtMutation = useMutation({
+    mutationFn: setExtensionUpdate,
+    onSuccess: () => {
+      toast({ title: "✅ تم تحديث إعدادات الإشعار" });
+      qc.invalidateQueries({ queryKey: ["extension-update-admin"] });
+      qc.invalidateQueries({ queryKey: ["extension-update"] });
+      refetchUpdate();
+    },
+    onError: (err: any) => {
+      toast({ title: "❌ فشل", description: err.message, variant: "destructive" });
+    },
+  });
+
+  const { data, isLoading, error, refetch } = useQuery({
+    queryKey: ["admin-users"],
+    queryFn: fetchUsers,
+    enabled: isOwner,
+    retry: false,
+  });
+
+  const deleteMutation = useMutation({
+    mutationFn: deleteUser,
+    onSuccess: () => {
+      toast({ title: "تم حظر الحساب", description: "تم حظر الحساب - يمكن فك الحظر لاحقاً" });
+      qc.invalidateQueries({ queryKey: ["admin-users"] });
+      setConfirmId(null);
+    },
+    onError: (err: any) => {
+      toast({ title: "فشل الحظر", description: err.message, variant: "destructive" });
+      setConfirmId(null);
+    },
+  });
+
+  const banMutation = useMutation({
+    mutationFn: banUser,
+    onSuccess: () => {
+      toast({ title: "🚫 تم حظر الحساب", description: "المستخدم لن يتمكن من الدخول حتى رفع الحظر" });
+      qc.invalidateQueries({ queryKey: ["admin-users"] });
+    },
+    onError: (err: any) => toast({ title: "❌ فشل الحظر", description: err.message, variant: "destructive" }),
+  });
+
+  const unbanMutation = useMutation({
+    mutationFn: unbanUser,
+    onSuccess: () => {
+      toast({ title: "✅ تم رفع الحظر", description: "المستخدم يمكنه الدخول الآن" });
+      qc.invalidateQueries({ queryKey: ["admin-users"] });
+    },
+    onError: (err: any) => toast({ title: "❌ فشل رفع الحظر", description: err.message, variant: "destructive" }),
+  });
+
+  const cleanupMutation = useMutation({
+    mutationFn: cleanupOrphans,
+    onSuccess: (data) => {
+      if (data.count === 0) {
+        toast({ title: "✅ لا توجد سجلات يتيمة", description: "قاعدة البيانات نظيفة" });
+      } else {
+        toast({
+          title: `✅ تم حذف ${data.count} سجل يتيم`,
+          description: data.removed.slice(0, 5).join("، ") + (data.count > 5 ? ` ... و${data.count - 5} آخرين` : ""),
+        });
+      }
+      qc.invalidateQueries({ queryKey: ["admin-users"] });
+    },
+    onError: (err: any) => toast({ title: "❌ فشل التنظيف", description: err.message, variant: "destructive" }),
+  });
+
+  const forceSignOutMutation = useMutation({
+    mutationFn: forceSignOutBanned,
+    onSuccess: (data) => {
+      toast({
+        title: `📡 تم إرسال أمر الطرد`,
+        description: data.connectionsSent > 0
+          ? `تم طرد ${data.connectionsSent} اتصال من ${data.usersNotified} مستخدم محظور`
+          : `لا يوجد محظورون متصلون حالياً`,
+      });
+    },
+    onError: (err: any) => toast({ title: "❌ فشل الطرد", description: err.message, variant: "destructive" }),
+  });
+
+  const updateSubMutation = useMutation({
+    mutationFn: ({ userId, body }: { userId: string; body: Parameters<typeof updateSubscription>[1] }) =>
+      updateSubscription(userId, body),
+    onSuccess: () => {
+      toast({ title: "تم التحديث بنجاح" });
+      qc.invalidateQueries({ queryKey: ["admin-users"] });
+    },
+    onError: (err: any) => {
+      toast({ title: "فشل التحديث", description: err.message, variant: "destructive" });
+    },
+  });
+
+  if (!isLoaded) {
+    return (
+      <div className="flex min-h-screen items-center justify-center bg-[#0f0f1e]">
+        <div className="text-gray-400">جارٍ التحميل...</div>
+      </div>
+    );
+  }
+
+  if (!user) {
+    setLocation("/sign-in");
+    return null;
+  }
+
+  if (!isOwner) {
+    return (
+      <div className="flex min-h-screen items-center justify-center bg-[#0f0f1e]">
+        <div className="text-center space-y-3">
+          <div className="text-red-400 text-2xl">⛔ غير مصرح بالدخول</div>
+          <div className="text-gray-500 text-sm">
+            البريد المسجل: {user.primaryEmailAddress?.emailAddress}
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  const users: UserRow[] = data?.users ?? [];
+  const filtered = users.filter(
+    (u) =>
+      !search ||
+      u.email?.toLowerCase().includes(search.toLowerCase()) ||
+      u.id.includes(search)
+  );
+
+  return (
+    <div dir="rtl" className="min-h-screen bg-[#0f0f1e] text-white p-6">
+      <div className="max-w-5xl mx-auto">
+        <div className="flex items-center justify-between mb-6 flex-wrap gap-3">
+          <h1 className="text-2xl font-bold text-[#bb86fc]">لوحة إدارة المستخدمين</h1>
+          <div className="flex gap-2 flex-wrap">
+            <Button
+              variant="outline"
+              size="sm"
+              onClick={async () => {
+                if (!confirm("مسح إعدادات PayPal المخزّنة؟ ستُعاد إنشاؤها تلقائياً عند أول اشتراك.")) return;
+                const res = await fetch(apiUrl("admin/paypal-config"), { method: "DELETE", credentials: "include" });
+                const data = await res.json();
+                toast({ title: res.ok ? "✅ تم المسح" : "❌ خطأ", description: data.message ?? data.error });
+              }}
+              className="border-orange-700 text-orange-400 hover:bg-orange-900/20 text-xs"
+            >
+              🔄 إعادة ضبط PayPal
+            </Button>
+            <Button
+              variant="outline"
+              size="sm"
+              disabled={cleanupMutation.isPending}
+              onClick={() => {
+                if (!confirm("سيتم حذف جميع السجلات التي ليس لها حساب نشط في Clerk. تأكيد؟")) return;
+                cleanupMutation.mutate();
+              }}
+              className="border-yellow-700 text-yellow-400 hover:bg-yellow-900/20 text-xs"
+            >
+              {cleanupMutation.isPending ? "⏳ جاري التنظيف..." : "🧹 تنظيف السجلات اليتيمة"}
+            </Button>
+            <Button
+              variant="outline"
+              size="sm"
+              disabled={forceSignOutMutation.isPending}
+              onClick={() => {
+                if (!confirm("سيتم إرسال أمر تسجيل خروج فوري لجميع المحظورين المتصلين حالياً. تأكيد؟")) return;
+                forceSignOutMutation.mutate();
+              }}
+              className="border-red-700 text-red-400 hover:bg-red-900/20 text-xs"
+            >
+              {forceSignOutMutation.isPending ? "⏳ جاري الإرسال..." : "📡 طرد المحظورين فوراً"}
+            </Button>
+            <Button
+              variant="outline"
+              size="sm"
+              onClick={() => {
+                const emails = (users ?? [])
+                  .map((u) => u.email)
+                  .filter(Boolean)
+                  .join("\n");
+                if (!emails) {
+                  toast({ title: "لا توجد إيميلات", variant: "destructive" });
+                  return;
+                }
+                navigator.clipboard.writeText(emails).then(() => {
+                  toast({
+                    title: `✅ تم النسخ`,
+                    description: `${emails.split("\n").length} إيميل في الحافظة`,
+                  });
+                });
+              }}
+              className="border-blue-700 text-blue-400 hover:bg-blue-900/20 text-xs"
+            >
+              📋 نسخ الإيميلات
+            </Button>
+            <Button
+              variant="outline"
+              size="sm"
+              onClick={() => refetch()}
+              className="border-[#3a3a55] text-gray-300 hover:text-white"
+            >
+              تحديث
+            </Button>
+          </div>
+        </div>
+        {/* Extension Update Control */}
+        <div className="mb-6 rounded-xl border border-[#3a3a55] bg-[#1a1a30] p-4">
+          <div className="flex items-center justify-between mb-3 flex-wrap gap-2">
+            <div className="flex items-center gap-2">
+              <span className="text-base font-semibold text-[#bb86fc]">🔔 إشعار تحديث الإضافة</span>
+              {updateStatus?.updateAvailable ? (
+                <span className="rounded-full bg-green-900/40 px-2 py-0.5 text-xs text-green-400 border border-green-800">مفعّل</span>
+              ) : (
+                <span className="rounded-full bg-gray-800/60 px-2 py-0.5 text-xs text-gray-500 border border-gray-700">متوقف</span>
+              )}
+            </div>
+            <div className="flex gap-2">
+              <Button
+                size="sm"
+                disabled={updateExtMutation.isPending}
+                onClick={() => updateExtMutation.mutate({
+                  enabled: true,
+                  version: newVersion.trim() || undefined,
+                  message: newMessage.trim() || undefined,
+                })}
+                className="bg-[#bb86fc] hover:bg-[#a070e0] text-black font-bold text-xs"
+              >
+                📢 إرسال الإشعار للجميع
+              </Button>
+              <Button
+                size="sm"
+                variant="outline"
+                disabled={updateExtMutation.isPending || !updateStatus?.updateAvailable}
+                onClick={() => updateExtMutation.mutate({ enabled: false })}
+                className="border-red-800 text-red-400 hover:bg-red-900/20 text-xs"
+              >
+                ✕ إيقاف الإشعار
+              </Button>
+            </div>
+          </div>
+          <div className="flex gap-2 flex-wrap">
+            <Input
+              placeholder="رقم الإصدار — مثال: 1.3.0"
+              value={newVersion}
+              onChange={(e) => setNewVersion(e.target.value)}
+              className="bg-[#0f0f1e] border-[#3a3a55] text-white placeholder:text-gray-600 text-sm flex-1 min-w-[140px]"
+            />
+            <Input
+              placeholder="رسالة اختيارية للمستخدمين"
+              value={newMessage}
+              onChange={(e) => setNewMessage(e.target.value)}
+              className="bg-[#0f0f1e] border-[#3a3a55] text-white placeholder:text-gray-600 text-sm flex-1 min-w-[200px]"
+            />
+          </div>
+          {updateStatus?.updateAvailable && (
+            <div className="mt-2 text-xs text-gray-500">
+              الإصدار الحالي: <span className="text-[#bb86fc]">{updateStatus.version ?? "—"}</span>
+              {updateStatus.message && <> · الرسالة: <span className="text-gray-400">{updateStatus.message}</span></>}
+            </div>
+          )}
+        </div>
+        {/* Blocked Emails */}
+        <div className="mb-6 rounded-xl border border-[#3a3a55] bg-[#1a1a30] p-4">
+          <div className="flex items-center gap-2 mb-3">
+            <span className="text-base font-semibold text-red-400">🚫 البريد الإلكتروني المحظور</span>
+            <span className="rounded-full bg-red-900/30 px-2 py-0.5 text-xs text-red-400 border border-red-800">
+              {blockedData?.blockedEmails.length ?? 0}
+            </span>
+          </div>
+          <div className="flex gap-2 flex-wrap mb-3">
+            <Input
+              placeholder="بريد إلكتروني للحظر"
+              value={blockEmailInput}
+              onChange={(e) => setBlockEmailInput(e.target.value)}
+              onKeyDown={(e) => {
+                if (e.key === "Enter" && blockEmailInput.includes("@")) {
+                  blockMutation.mutate({ email: blockEmailInput, reason: blockReasonInput });
+                }
+              }}
+              className="bg-[#0f0f1e] border-[#3a3a55] text-white placeholder:text-gray-600 text-sm flex-1 min-w-[200px]"
+            />
+            <Input
+              placeholder="سبب الحظر (اختياري)"
+              value={blockReasonInput}
+              onChange={(e) => setBlockReasonInput(e.target.value)}
+              className="bg-[#0f0f1e] border-[#3a3a55] text-white placeholder:text-gray-600 text-sm flex-1 min-w-[150px]"
+            />
+            <Button
+              size="sm"
+              disabled={blockMutation.isPending || !blockEmailInput.includes("@")}
+              onClick={() => blockMutation.mutate({ email: blockEmailInput, reason: blockReasonInput })}
+              className="bg-red-700 hover:bg-red-800 text-white text-xs font-bold"
+            >
+              🚫 حظر البريد
+            </Button>
+          </div>
+          {blockedData?.blockedEmails.length === 0 && (
+            <div className="text-xs text-gray-600 text-center py-2">لا توجد بريد محظور</div>
+          )}
+          {(blockedData?.blockedEmails.length ?? 0) > 0 && (
+            <div className="space-y-1 max-h-48 overflow-y-auto">
+              {blockedData!.blockedEmails.map((b) => (
+                <div key={b.email} className="flex items-center justify-between rounded-lg bg-[#0f0f1e] px-3 py-2 text-sm">
+                  <div>
+                    <span className="text-red-300 font-mono text-xs">{b.email}</span>
+                    {b.reason && <span className="text-gray-500 text-xs mr-2">— {b.reason}</span>}
+                  </div>
+                  <Button
+                    size="sm"
+                    variant="outline"
+                    disabled={unblockMutation.isPending}
+                    onClick={() => unblockMutation.mutate(b.email)}
+                    className="text-xs border-gray-700 text-gray-400 hover:text-white h-6 px-2"
+                  >
+                    رفع الحظر
+                  </Button>
+                </div>
+              ))}
+            </div>
+          )}
+        </div>
+        <div className="mb-4">
+          <Input
+            placeholder="ابحث بالبريد أو المعرّف..."
+            value={search}
+            onChange={(e) => setSearch(e.target.value)}
+            className="bg-[#1f1f3a] border-[#3a3a55] text-white placeholder:text-gray-500"
+          />
+        </div>
+        {isLoading && (
+          <div className="text-center text-gray-400 py-16">جارٍ تحميل المستخدمين...</div>
+        )}
+        {error && (
+          <div className="text-center text-red-400 py-16">
+            خطأ: {(error as any).message}
+          </div>
+        )}
+        {!isLoading && !error && (
+          <>
+            <div className="text-sm text-gray-500 mb-3">
+              إجمالي المستخدمين: {users.length} | المعروض: {filtered.length}
+            </div>
+            <div className="rounded-xl border border-[#3a3a55] overflow-hidden">
+              <table className="w-full text-sm">
+                <thead className="bg-[#1f1f3a] text-gray-400">
+                  <tr>
+                    <th className="text-right px-4 py-3">البريد الإلكتروني</th>
+                    <th className="text-right px-4 py-3">الاشتراك</th>
+                    <th className="text-right px-4 py-3">عنوان IP</th>
+                    <th className="text-right px-4 py-3">تاريخ التسجيل</th>
+                    <th className="text-right px-4 py-3">آخر نشاط</th>
+                    <th className="text-right px-4 py-3">إجراء</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {filtered.length === 0 && (
+                    <tr>
+                      <td colSpan={5} className="text-center text-gray-500 py-10">
+                        لا يوجد مستخدمون
+                      </td>
+                    </tr>
+                  )}
+                  {filtered.map((u) => {
+                    const sl = statusLabel(u.subscription);
+                    const isMe = u.email?.toLowerCase() === OWNER_EMAIL.toLowerCase();
+                    return (
+                      <tr
+                        key={u.id}
+                        style={u.isBanned ? { opacity: 0.7, background: "rgba(234,88,12,0.05)" } : undefined}
+                        className="border-t border-[#2a2a45] hover:bg-[#1a1a30] transition-colors"
+                      >
+                        <td className="px-4 py-3">
+                          <div className="font-medium flex items-center gap-2 flex-wrap">
+                            {u.email ?? <span className="text-gray-500">بدون بريد</span>}
+                            {u.isBanned && (
+                              <span className="text-xs bg-orange-900/40 text-orange-400 border border-orange-700 rounded px-1.5 py-0.5">🚫 محظور</span>
+                            )}
+                          </div>
+                          {isMe && (
+                            <span className="text-xs text-[#bb86fc]">أنت (المالك)</span>
+                          )}
+                        </td>
+                        <td className="px-4 py-3">
+                          <span className={sl.color}>{sl.text}</span>
+                          {u.subscription?.trialEnd && u.subscription.status === "trialing" && (
+                            <div className="text-xs text-gray-500">
+                              تنتهي: {formatDate(u.subscription.trialEnd)}
+                            </div>
+                          )}
+                        </td>
+                        <td className="px-4 py-3">
+                          {u.ipAddress ? (
+                            <div className="flex flex-col gap-1">
+                              <span className="font-mono text-xs text-gray-300 select-all">{u.ipAddress}</span>
+                              {!isMe && (
+                                <button
+                                  className="text-xs text-red-400 hover:text-red-300 underline text-right"
+                                  onClick={() => blockMutation.mutate({ email: u.ipAddress!, reason: "حظر بالـ IP" })}
+                                  disabled={blockMutation.isPending}
+                                >
+                                  🚫 حظر IP
+                                </button>
+                              )}
+                            </div>
+                          ) : (
+                            <span className="text-gray-600 text-xs">—</span>
+                          )}
+                        </td>
+                        <td className="px-4 py-3 text-gray-400">
+                          {formatDate(u.createdAt)}
+                        </td>
+                        <td className="px-4 py-3 text-gray-400">
+                          {u.lastSeenAt ? (
+                            <div>
+                              <div>{formatDate(u.lastSeenAt)}</div>
+                              <div className="text-xs text-gray-600">يُحدَّث مرة/يوم</div>
+                            </div>
+                          ) : (
+                            <span className="text-gray-600">—</span>
+                          )}
+                        </td>
+                        <td className="px-4 py-3">
+                          <div className="flex flex-col gap-1">
+                            {(u.subscription?.status === "trialing" || isMe) && (
+                              <Button
+                                size="sm"
+                                variant="outline"
+                                disabled={updateSubMutation.isPending}
+                                onClick={() => updateSubMutation.mutate({
+                                  userId: u.id,
+                                  body: { status: "trial_expired", trialEnd: new Date(Date.now() - 60000).toISOString() }
+                                })}
+                                className="text-xs border-yellow-700 text-yellow-400 hover:bg-yellow-900/20"
+                              >
+                                ⏰ إنهاء التجربة
+                              </Button>
+                            )}
+                            {u.subscription && u.subscription.status !== "trialing" && (
+                              <Button
+                                size="sm"
+                                variant="outline"
+                                disabled={updateSubMutation.isPending}
+                                onClick={() => updateSubMutation.mutate({
+                                  userId: u.id,
+                                  body: { status: "trialing", trialEnd: new Date(Date.now() + 30 * 24 * 3600 * 1000).toISOString() }
+                                })}
+                                className="text-xs border-blue-700 text-blue-400 hover:bg-blue-900/20"
+                              >
+                                🔄 إعادة التجربة
+                              </Button>
+                            )}
+                            {!isMe && (
+                              u.isBanned ? (
+                                <Button
+                                  size="sm"
+                                  variant="outline"
+                                  disabled={unbanMutation.isPending}
+                                  onClick={() => unbanMutation.mutate(u.id)}
+                                  className="text-xs border-green-700 text-green-400 hover:bg-green-900/20"
+                                >
+                                  {unbanMutation.isPending ? "⏳" : "✅ رفع الحظر"}
+                                </Button>
+                              ) : (
+                                <Button
+                                  size="sm"
+                                  variant="outline"
+                                  disabled={banMutation.isPending}
+                                  onClick={() => {
+                                    if (!confirm(`حظر ${u.email ?? u.id}؟ يمكن فك الحظر لاحقاً.`)) return;
+                                    banMutation.mutate(u.id);
+                                  }}
+                                  className="text-xs border-orange-700 text-orange-400 hover:bg-orange-900/20"
+                                >
+                                  {banMutation.isPending ? "⏳" : "🚫 حظر الحساب"}
+                                </Button>
+                              )
+                            )}
+                            {!isMe && confirmId === u.id ? (
+                              <div className="flex gap-1">
+                                <Button size="sm" variant="destructive" onClick={() => deleteMutation.mutate(u.id)} disabled={deleteMutation.isPending} className="text-xs">
+                                  {deleteMutation.isPending ? "جارٍ..." : "تأكيد"}
+                                </Button>
+                                <Button size="sm" variant="outline" onClick={() => setConfirmId(null)} className="text-xs border-[#3a3a55] text-gray-300">إلغاء</Button>
+                              </div>
+                            ) : !isMe ? (
+                              <Button size="sm" variant="outline" onClick={() => setConfirmId(u.id)} className="text-xs border-red-800 text-red-400 hover:bg-red-900/20">
+                                🗑️ حظر وحذف البيانات
+                              </Button>
+                            ) : null}
+                          </div>
+                        </td>
+                      </tr>
+                    );
+                  })}
+                </tbody>
+              </table>
+            </div>
+          </>
+        )}
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/artifacts/fb-publisher/src/pages/InstallExtension.tsx b/artifacts/fb-publisher/src/pages/InstallExtension.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..474e98b8ef874d86ced915aabea17e21538fc57d
--- /dev/null
+++ b/artifacts/fb-publisher/src/pages/InstallExtension.tsx
@@ -0,0 +1,165 @@
+import { useEffect, useState } from "react";
+import { Link } from "wouter";
+import { Button } from "@/components/ui/button";
+import { checkBridgeInstalled } from "@/lib/bridge";
+
+export default function InstallExtension() {
+  const [installed, setInstalled] = useState<boolean | null>(null);
+
+  useEffect(() => {
+    let mounted = true;
+    const check = async () => {
+      const status = await checkBridgeInstalled(2000);
+      if (mounted) setInstalled(status.installed);
+    };
+    check();
+    const id = setInterval(check, 3000);
+    return () => {
+      mounted = false;
+      clearInterval(id);
+    };
+  }, []);
+
+  const base = import.meta.env.BASE_URL;
+
+  return (
+    <div className="min-h-screen px-4 py-10 max-w-3xl mx-auto">
+      <div className="flex items-center justify-between mb-6">
+        <h1 className="text-2xl font-bold">تثبيت إضافة المتصفح</h1>
+        <Link href="/app">
+          <Button variant="ghost" data-testid="link-back-app">رجوع</Button>
+        </Link>
+      </div>
+
+      {/* حالة الإضافة */}
+      <div className="glass rounded-2xl p-6 mb-6">
+        <div className="flex items-center gap-3 mb-2">
+          <div
+            className={`w-3 h-3 rounded-full ${
+              installed === null
+                ? "bg-yellow-400 animate-pulse"
+                : installed
+                  ? "bg-green-500"
+                  : "bg-red-500"
+            }`}
+            data-testid="status-indicator"
+          />
+          <span className="font-semibold">
+            {installed === null
+              ? "جاري التحقق من تثبيت الإضافة..."
+              : installed
+                ? "✅ الإضافة مثبتة وجاهزة!"
+                : "❌ الإضافة غير مثبتة"}
+          </span>
+        </div>
+        {installed && (
+          <Link href="/app">
+            <Button className="btn-primary-grad mt-4" data-testid="btn-go-app">
+              الذهاب إلى لوحة النشر
+            </Button>
+          </Link>
+        )}
+      </div>
+
+      {/* تنزيل الإضافة */}
+      <div className="glass rounded-2xl p-6 mb-6 text-center">
+        <div className="text-5xl mb-3">📦</div>
+        <h2 className="text-xl font-bold mb-1">حمّل الإضافة دفعةً واحدة</h2>
+        <p className="text-gray-400 text-sm mb-5">
+          ملف مضغوط جاهز يحتوي على الإضافة — فك الضغط وثبّتها
+        </p>
+        <a
+          href={`${base}extension/fb-publisher-bridge.zip`}
+          download="fb-publisher-bridge.zip"
+          data-testid="btn-download-zip"
+          className="btn-primary-grad inline-flex items-center gap-2 px-8 py-3 rounded-xl text-lg font-bold"
+        >
+          ⬇️ تحميل fb-publisher-bridge.zip
+        </a>
+      </div>
+
+      {/* خطوات التثبيت */}
+      <div className="glass rounded-2xl p-6 space-y-5">
+        <h2 className="text-xl font-bold">خطوات التثبيت</h2>
+
+        <ol className="space-y-5 list-none pr-0">
+          <li className="flex gap-4">
+            <span className="flex-shrink-0 w-8 h-8 rounded-full bg-[#bb86fc] text-black font-bold flex items-center justify-center">1</span>
+            <div>
+              <div className="font-semibold mb-1">حمّل الملف وافكّ ضغطه</div>
+              <p className="text-sm text-gray-400">
+                اضغط زر التحميل أعلاه — ستجد مجلدًا اسمه{" "}
+                <code className="bg-[#1f1f3a] px-1 rounded text-white">fb-publisher-bridge</code>{" "}
+                احتفظ به في مكان تعرفه.
+              </p>
+            </div>
+          </li>
+
+          <li className="flex gap-4">
+            <span className="flex-shrink-0 w-8 h-8 rounded-full bg-[#bb86fc] text-black font-bold flex items-center justify-center">2</span>
+            <div>
+              <div className="font-semibold mb-1">افتح صفحة الإضافات في Chrome</div>
+              <p className="text-sm text-gray-400">
+                في شريط العنوان اكتب{" "}
+                <code className="bg-[#1f1f3a] px-2 py-0.5 rounded text-white">chrome://extensions</code>
+                {" "}واضغط Enter.
+              </p>
+            </div>
+          </li>
+
+          <li className="flex gap-4">
+            <span className="flex-shrink-0 w-8 h-8 rounded-full bg-[#bb86fc] text-black font-bold flex items-center justify-center">3</span>
+            <div>
+              <div className="font-semibold mb-1">
+                فعّل وضع المطور{" "}
+                <span className="text-[#bb86fc] font-normal">(Developer mode)</span>
+              </div>
+              <p className="text-sm text-gray-400">
+                من الزاوية العلوية اليمنى فعّل المفتاح المسمّى{" "}
+                <strong className="text-white">"وضع المطور" أو "Developer mode"</strong>.
+              </p>
+            </div>
+          </li>
+
+          <li className="flex gap-4">
+            <span className="flex-shrink-0 w-8 h-8 rounded-full bg-[#bb86fc] text-black font-bold flex items-center justify-center">4</span>
+            <div>
+              <div className="font-semibold mb-1">
+                اسحب المجلد أو استخدم{" "}
+                <span className="text-[#bb86fc] font-normal">"تحميل غير مضغوط (Load unpacked)"</span>
+              </div>
+              <p className="text-sm text-gray-400">
+                <strong className="text-white">الطريقة الأسهل:</strong> اسحب مجلد{" "}
+                <code className="bg-[#1f1f3a] px-1 rounded text-white">fb-publisher-bridge</code>{" "}
+                مباشرةً فوق صفحة الإضافات وأفلته.
+                <br />
+                <strong className="text-white">أو:</strong> اضغط{" "}
+                <strong className="text-white">"تحميل غير مضغوط" (Load unpacked)</strong>{" "}
+                واختر المجلد يدوياً.
+              </p>
+            </div>
+          </li>
+
+          <li className="flex gap-4">
+            <span className="flex-shrink-0 w-8 h-8 rounded-full bg-[#bb86fc] text-black font-bold flex items-center justify-center">5</span>
+            <div>
+              <div className="font-semibold mb-1">تأكد من تسجيل الدخول لفيسبوك</div>
+              <p className="text-sm text-gray-400">
+                في نفس المتصفح تأكد من أنك مسجل دخول في{" "}
+                <a
+                  href="https://www.facebook.com"
+                  target="_blank"
+                  rel="noreferrer"
+                  className="text-[#bb86fc] underline"
+                >
+                  facebook.com
+                </a>
+                ، ثم ارجع لهذه الصفحة — سيضيء المؤشر أخضر تلقائيًا.
+              </p>
+            </div>
+          </li>
+        </ol>
+      </div>
+    </div>
+  );
+}
diff --git a/artifacts/fb-publisher/src/pages/Landing.tsx b/artifacts/fb-publisher/src/pages/Landing.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..32f8fa6961279f20306b90a77595538c250a4e70
--- /dev/null
+++ b/artifacts/fb-publisher/src/pages/Landing.tsx
@@ -0,0 +1,190 @@
+import { Link } from "wouter";
+import { Button } from "@/components/ui/button";
+
+const features = [
+  { icon: "🎯", title: "نشر تلقائي", desc: "انشر منشوراتك في عشرات المجموعات بضغطة زر واحدة" },
+  { icon: "🔒", title: "آمن وموثوق", desc: "يعمل عبر إضافة متصفح خفيفة - حسابك يبقى آمنًا" },
+  { icon: "⏱️", title: "تأخير ذكي", desc: "تأخير عشوائي بين 90 و 191 ثانية لحماية حسابك" },
+  { icon: "🖼️", title: "نشر مع الصور", desc: "رفع حتى 10 صور مع كل منشور" },
+  { icon: "📋", title: "قوائم محفوظة", desc: "احفظ قوائم مجموعاتك المفضلة لاستخدامها لاحقًا" },
+  { icon: "📊", title: "متابعة فورية", desc: "شاهد تقدم النشر لحظة بلحظة مع روابط المنشورات" },
+];
+
+const installSteps = [
+  {
+    n: 1,
+    title: "حمّل الملف وافكّ ضغطه",
+    desc: 'اضغط زر التحميل — ستحصل على ملف ZIP، افكّ ضغطه وستجد مجلداً اسمه fb-publisher-bridge.',
+  },
+  {
+    n: 2,
+    title: "افتح صفحة الإضافات",
+    desc: 'في شريط Chrome اكتب chrome://extensions ثم اضغط Enter.',
+  },
+  {
+    n: 3,
+    title: 'فعّل وضع المطور — Developer mode',
+    desc: 'من الزاوية العلوية اليمنى فعّل مفتاح "وضع المطور (Developer mode)".',
+  },
+  {
+    n: 4,
+    title: 'اسحب المجلد أو اضغط "تحميل غير مضغوط (Load unpacked)"',
+    desc: 'الطريقة الأسهل: اسحب مجلد fb-publisher-bridge مباشرةً فوق صفحة الإضافات وأفلته. أو: اضغط "تحميل غير مضغوط (Load unpacked)" واختر المجلد يدوياً.',
+  },
+  {
+    n: 5,
+    title: "سجّل الدخول وابدأ النشر",
+    desc: 'تأكد من تسجيل دخولك في فيسبوك بنفس المتصفح. سيظهر أيقونة الإضافة في شريط المتصفح — اضغط عليها لفتح الأداة.',
+  },
+];
+
+export default function Landing() {
+  const base = import.meta.env.BASE_URL;
+
+  return (
+    <div className="min-h-screen flex flex-col">
+      {/* ===== شريط التنقل ===== */}
+      <header className="px-6 py-4 flex items-center justify-between max-w-6xl mx-auto w-full">
+        <div className="flex items-center gap-3">
+          <img src={`${base}logo.png`} alt="logo" className="w-10 h-10 rounded-xl" />
+          <span className="text-xl font-bold text-gradient">FB Group Publisher PRO</span>
+        </div>
+        <a
+          href={`${base}extension/fb-publisher-bridge.zip`}
+          download="fb-publisher-bridge.zip"
+          data-testid="btn-download-nav"
+        >
+          <Button className="btn-primary-grad">⬇️ تحميل الإضافة</Button>
+        </a>
+      </header>
+
+      <main className="flex-1 flex flex-col items-center px-6 py-12 max-w-6xl mx-auto w-full gap-16">
+
+        {/* ===== Hero ===== */}
+        <section className="text-center max-w-3xl">
+          <div className="inline-block px-4 py-1 rounded-full glass mb-6 text-sm">
+            <span className="text-[#bb86fc]">✨ شهر كامل مجاني</span> ثم 2.50$ كل شهرين فقط
+          </div>
+          <h1 className="text-5xl md:text-6xl font-extrabold mb-6 leading-tight">
+            انشر في <span className="text-gradient">كل مجموعاتك</span>
+            <br />
+            بضغطة زر واحدة
+          </h1>
+          <p className="text-lg text-gray-300 mb-8">
+            أداة احترافية لنشر منشوراتك تلقائيًا في مجموعات فيسبوك مع نظام أمان متقدم وتأخير ذكي.
+            <br />
+            <span className="text-[#bb86fc]">حمّل الإضافة أدناه وابدأ خلال دقيقتين.</span>
+          </p>
+          <a
+            href={`${base}extension/fb-publisher-bridge.zip`}
+            download="fb-publisher-bridge.zip"
+            data-testid="cta-download-hero"
+          >
+            <button className="btn-primary-grad inline-flex items-center gap-3 px-10 py-4 rounded-2xl text-xl font-bold shadow-lg hover:scale-105 transition-transform">
+              <svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2.5}>
+                <path strokeLinecap="round" strokeLinejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1M12 4v12m0 0l-4-4m4 4l4-4" />
+              </svg>
+              تحميل الإضافة مجاناً
+            </button>
+          </a>
+          <p className="text-xs text-gray-500 mt-3">متوافق مع Chrome • مجاني للتحميل</p>
+        </section>
+
+        {/* ===== قسم التحميل والتثبيت ===== */}
+        <section className="w-full max-w-4xl" id="download" data-testid="section-download">
+          <div className="glass rounded-3xl p-10">
+            <div className="flex flex-col md:flex-row items-start gap-8">
+              {/* معلومات الإضافة */}
+              <div className="flex-1 text-center md:text-right">
+                <div className="flex items-center gap-3 justify-center md:justify-start mb-4">
+                  <img src={`${base}logo.png`} alt="icon" className="w-14 h-14 rounded-2xl shadow-lg" />
+                  <div>
+                    <div className="font-bold text-lg">FB Group Publisher PRO</div>
+                    <div className="text-xs text-gray-400">إضافة Chrome المجانية</div>
+                  </div>
+                </div>
+                <h2 className="text-3xl font-extrabold mb-3">
+                  حمّل الإضافة <span className="text-gradient">مجاناً</span>
+                </h2>
+                <p className="text-gray-300 text-sm mb-6 leading-relaxed">
+                  إضافة خفيفة لمتصفح Chrome تعمل محلياً على جهازك وتتيح النشر التلقائي الآمن في مجموعات فيسبوك.
+                  لا تُخزّن بياناتك على أي خادم.
+                </p>
+                <a
+                  href={`${base}extension/fb-publisher-bridge.zip`}
+                  download="fb-publisher-bridge.zip"
+                  data-testid="btn-download-zip-landing"
+                >
+                  <button className="btn-primary-grad inline-flex items-center gap-3 px-8 py-3.5 rounded-2xl text-lg font-bold shadow-lg hover:scale-105 transition-transform w-full justify-center">
+                    <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2.5}>
+                      <path strokeLinecap="round" strokeLinejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1M12 4v12m0 0l-4-4m4 4l4-4" />
+                    </svg>
+                    تحميل fb-publisher-bridge.zip
+                  </button>
+                </a>
+                <div className="mt-5 glass rounded-2xl p-4 text-sm text-gray-300 text-right">
+                  <div className="font-semibold text-[#bb86fc] mb-1">💡 بعد التثبيت:</div>
+                  اضغط على أيقونة الإضافة في شريط Chrome لفتح لوحة التحكم والبدء في النشر.
+                </div>
+              </div>
+
+              {/* خطوات التثبيت */}
+              <div className="flex-1 w-full">
+                <h3 className="font-bold text-base mb-4 text-[#bb86fc]">خطوات التثبيت</h3>
+                <ol className="space-y-4">
+                  {installSteps.map((s) => (
+                    <li key={s.n} className="flex items-start gap-3">
+                      <span className="flex-shrink-0 w-7 h-7 rounded-full bg-[#bb86fc] text-black text-xs font-bold flex items-center justify-center mt-0.5">
+                        {s.n}
+                      </span>
+                      <div>
+                        <div className="font-semibold text-sm">{s.title}</div>
+                        <div className="text-xs text-gray-400 leading-relaxed mt-0.5">{s.desc}</div>
+                      </div>
+                    </li>
+                  ))}
+                </ol>
+              </div>
+            </div>
+          </div>
+        </section>
+
+        {/* ===== المميزات ===== */}
+        <section className="w-full">
+          <h2 className="text-2xl font-bold text-center mb-8">لماذا FB Group Publisher PRO؟</h2>
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5">
+            {features.map((f) => (
+              <div key={f.title} className="glass rounded-2xl p-6">
+                <div className="text-3xl mb-3">{f.icon}</div>
+                <h3 className="text-lg font-bold mb-2">{f.title}</h3>
+                <p className="text-gray-300 text-sm leading-relaxed">{f.desc}</p>
+              </div>
+            ))}
+          </div>
+        </section>
+
+        {/* ===== التسعير ===== */}
+        <section className="glass rounded-3xl p-10 w-full max-w-3xl text-center">
+          <h2 className="text-3xl font-bold mb-3">سعر بسيط، قيمة كبيرة</h2>
+          <div className="my-6">
+            <div className="text-5xl font-extrabold text-gradient mb-1">$2.50</div>
+            <div className="text-gray-400">كل شهرين عبر PayPal</div>
+          </div>
+          <div className="text-[#bb86fc] font-semibold mb-6">🎁 شهر كامل مجاني عند الاشتراك</div>
+          <a
+            href={`${base}extension/fb-publisher-bridge.zip`}
+            download="fb-publisher-bridge.zip"
+          >
+            <Button size="lg" className="btn-primary-grad px-10 h-12" data-testid="cta-pricing">
+              ⬇️ حمّل الإضافة الآن
+            </Button>
+          </a>
+        </section>
+      </main>
+
+      <footer className="px-6 py-8 text-center text-sm text-gray-400">
+        FB Group Publisher PRO © {new Date().getFullYear()}
+      </footer>
+    </div>
+  );
+}
diff --git a/artifacts/fb-publisher/src/pages/Publisher.tsx b/artifacts/fb-publisher/src/pages/Publisher.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..4dbabe51c8c799715c3fdda4f834f5ba8de55913
--- /dev/null
+++ b/artifacts/fb-publisher/src/pages/Publisher.tsx
@@ -0,0 +1,1405 @@
+import { useEffect, useMemo, useRef, useState } from "react";
+import { Link, useLocation } from "wouter";
+import { useUser, useClerk } from "@clerk/react";
+import { useQueryClient } from "@tanstack/react-query";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Textarea } from "@/components/ui/textarea";
+import {
+  useGetMe,
+  useListSavedLists,
+  createSavedList,
+  deleteSavedList,
+} from "@workspace/api-client-react";
+import {
+  bridgeGetGroups,
+  bridgePublishToMultiple,
+  bridgeStopPublishing,
+  bridgeOpenFacebook,
+  checkBridgeInstalled,
+  onBridgeBroadcast,
+  type DelayConfig,
+  type FbGroup,
+  type PublishImage,
+} from "@/lib/bridge";
+
+interface ProgressItem {
+  current: number;
+  total: number;
+  status: "publishing" | "success" | "pending" | "failed";
+  groupId: string;
+  groupName: string;
+  groupImage?: string;
+  postUrl?: string | null;
+  error?: string | null;
+  countdown?: number;
+}
+
+type Tab = "all" | "admin" | "member" | "selected";
+
+function useCountdown(targetIso: string | null | undefined) {
+  const [remaining, setRemaining] = useState<number>(0);
+  useEffect(() => {
+    if (!targetIso) return;
+    const target = new Date(targetIso).getTime();
+    const tick = () => setRemaining(Math.max(0, target - Date.now()));
+    tick();
+    const id = setInterval(tick, 1000);
+    return () => clearInterval(id);
+  }, [targetIso]);
+  return remaining;
+}
+
+function formatCountdown(ms: number): string {
+  if (ms <= 0) return "انتهت";
+  const totalSec = Math.floor(ms / 1000);
+  const days = Math.floor(totalSec / 86400);
+  const hours = Math.floor((totalSec % 86400) / 3600);
+  const mins = Math.floor((totalSec % 3600) / 60);
+  const secs = totalSec % 60;
+  if (days > 0) return `${days} يوم و ${hours} ساعة`;
+  if (hours > 0)
+    return `${hours}:${String(mins).padStart(2, "0")}:${String(secs).padStart(2, "0")}`;
+  return `${mins}:${String(secs).padStart(2, "0")}`;
+}
+
+function TrialBanner({ trialEnd }: { trialEnd: string }) {
+  const remaining = useCountdown(trialEnd);
+  if (remaining <= 0) return null;
+  return (
+    <div
+      className="rounded-xl border border-[#bb86fc]/30 bg-[#bb86fc]/10 px-4 py-3 mb-5 flex items-center gap-3 flex-wrap"
+      data-testid="trial-banner"
+    >
+      <span className="text-xl">🎁</span>
+      <div className="flex-1 min-w-0">
+        <span className="text-sm font-semibold text-[#bb86fc]">
+          أنت في فترة التجربة المجانية
+        </span>
+        <span className="text-xs text-gray-300 mr-2">
+          — شهر واحد مجاناً، ثم $2.50 كل شهرين
+        </span>
+      </div>
+      <div
+        className="text-sm font-mono font-bold text-white bg-[#1f1f3a] px-3 py-1 rounded-lg"
+        data-testid="trial-countdown"
+      >
+        ⏱ {formatCountdown(remaining)}
+      </div>
+      <Link href="/subscription">
+        <span className="text-xs text-[#bb86fc] underline cursor-pointer">
+          تفاصيل الاشتراك
+        </span>
+      </Link>
+    </div>
+  );
+}
+
+function StatusIcon({ status }: { status: ProgressItem["status"] }) {
+  if (status === "publishing") {
+    return (
+      <span
+        className="inline-block w-7 h-7 rounded-full border-[3px] border-[#bb86fc]/30 border-t-[#bb86fc] animate-spin"
+        aria-label="جاري النشر"
+        data-testid="icon-publishing"
+      />
+    );
+  }
+  if (status === "success") {
+    return (
+      <span
+        className="inline-flex w-7 h-7 rounded-full bg-green-500 text-white items-center justify-center text-base font-bold"
+        aria-label="ناجح"
+        data-testid="icon-success"
+      >
+        ✓
+      </span>
+    );
+  }
+  if (status === "pending") {
+    return (
+      <span
+        className="inline-flex w-7 h-7 rounded-full bg-yellow-500 text-[#0d0d18] items-center justify-center text-sm font-bold"
+        aria-label="في انتظار المشرف"
+        data-testid="icon-pending"
+      >
+        ⏳
+      </span>
+    );
+  }
+  return (
+    <span
+      className="inline-flex w-7 h-7 rounded-full bg-red-500 text-white items-center justify-center text-base font-bold"
+      aria-label="فاشل"
+      data-testid="icon-failed"
+    >
+      ✕
+    </span>
+  );
+}
+
+function ProgressRow({ item, index }: { item: ProgressItem; index: number }) {
+  const statusText =
+    item.status === "publishing"
+      ? "جاري النشر، الرجاء عدم إغلاق تبويب فيسبوك"
+      : item.status === "success"
+        ? "تم النشر بنجاح"
+        : item.status === "pending"
+          ? "في انتظار موافقة المشرف"
+          : "فشل النشر";
+
+  const statusColor =
+    item.status === "publishing"
+      ? "text-[#bb86fc]"
+      : item.status === "success"
+        ? "text-green-300"
+        : item.status === "pending"
+          ? "text-yellow-300"
+          : "text-red-300";
+
+  return (
+    <div
+      className="flex items-center gap-3 p-3 rounded-lg bg-[#1f1f3a]/40 text-sm"
+      data-testid={`progress-item-${index}`}
+    >
+      {item.groupImage ? (
+        <img
+          src={item.groupImage}
+          alt=""
+          className="w-9 h-9 rounded-lg object-cover flex-shrink-0 border border-white/10"
+        />
+      ) : (
+        <div className="w-9 h-9 rounded-lg bg-[#bb86fc]/20 flex-shrink-0 flex items-center justify-center text-[#bb86fc] text-base font-bold">
+          {item.groupName.charAt(0)}
+        </div>
+      )}
+      <StatusIcon status={item.status} />
+      <div className="flex-1 min-w-0">
+        <div className="font-semibold truncate">{item.groupName}</div>
+        <div
+          className={`text-xs mt-0.5 ${statusColor}`}
+          data-testid={`progress-status-${index}`}
+        >
+          {statusText}
+          {item.error && item.status === "failed" ? ` — ${item.error}` : ""}
+        </div>
+      </div>
+      {item.postUrl &&
+        (item.status === "success" || item.status === "pending") && (
+          <a
+            href={item.postUrl}
+            target="_blank"
+            rel="noreferrer"
+            className="text-[#bb86fc] text-xs underline cursor-pointer whitespace-nowrap"
+            data-testid={`link-post-${index}`}
+          >
+            رابط المنشور
+          </a>
+        )}
+    </div>
+  );
+}
+
+function fileToBase64(file: File): Promise<string> {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => resolve(reader.result as string);
+    reader.onerror = reject;
+    reader.readAsDataURL(file);
+  });
+}
+
+function ssGet<T>(key: string, fallback: T): T {
+  try {
+    const v = sessionStorage.getItem(key);
+    return v !== null ? (JSON.parse(v) as T) : fallback;
+  } catch {
+    return fallback;
+  }
+}
+function ssSet(key: string, value: unknown) {
+  try {
+    sessionStorage.setItem(key, JSON.stringify(value));
+  } catch {
+    /* quota exceeded */
+  }
+}
+
+export default function Publisher() {
+  const { user } = useUser();
+  const { signOut } = useClerk();
+  const [location, setLocation] = useLocation();
+  const queryClient = useQueryClient();
+
+  const meQuery = useGetMe({
+    query: {
+      staleTime: Infinity,
+      gcTime: Infinity,
+      refetchOnWindowFocus: false,
+      refetchOnReconnect: false,
+      refetchOnMount: false,
+      retry: (failureCount: number, error: any) => {
+        if (error?.status === 403) return false;
+        return failureCount < 2;
+      },
+    } as any,
+  });
+
+  const savedListsQuery = useListSavedLists({
+    query: {
+      staleTime: Infinity,
+      gcTime: Infinity,
+      refetchOnWindowFocus: false,
+      refetchOnReconnect: false,
+      refetchOnMount: false,
+    } as any,
+  });
+
+  useEffect(() => {
+    meQuery.refetch();
+  }, []);
+
+  useEffect(() => {
+    meQuery.refetch();
+  }, [location]);
+
+  useEffect(() => {
+    const err = (meQuery as any).error;
+    if (err?.status === 403) {
+      signOut({ redirectUrl: "/sign-in" });
+    }
+  }, [(meQuery as any).error, signOut]);
+
+  useEffect(() => {
+    const es = new EventSource("/api/events", { withCredentials: true });
+    es.addEventListener("forceSignOut", () => {
+      signOut({ redirectUrl: "/sign-in" });
+    });
+    return () => es.close();
+  }, [signOut]);
+
+  const [bridgeReady, setBridgeReady] = useState<boolean | null>(null);
+  const [groups, setGroups] = useState<FbGroup[]>(() =>
+    ssGet<FbGroup[]>("pub_groups", []),
+  );
+  const [loadingGroups, setLoadingGroups] = useState(false);
+  const [groupsStatus, setGroupsStatus] = useState<string>(() =>
+    ssGet<string>("pub_groupsStatus", ""),
+  );
+  const [search, setSearch] = useState("");
+  const [tab, setTab] = useState<Tab>("all");
+  const [selected, setSelected] = useState<Set<string>>(
+    () => new Set(ssGet<string[]>("pub_selected", [])),
+  );
+  const [postText, setPostText] = useState(() =>
+    ssGet<string>("pub_postText", ""),
+  );
+  const [images, setImages] = useState<PublishImage[]>(() =>
+    ssGet<PublishImage[]>("pub_images", []),
+  );
+  const [delayMode, setDelayMode] = useState<"random" | "fixed">(() =>
+    (ssGet<string>("pub_delayMode", "random") as "random" | "fixed"),
+  );
+  const [customDelay, setCustomDelay] = useState<number>(() =>
+    ssGet<number>("pub_customDelay", 90),
+  );
+  const [delayUnit, setDelayUnit] = useState<"seconds" | "minutes">(() =>
+    (ssGet<string>("pub_delayUnit", "seconds") as "seconds" | "minutes"),
+  );
+  const [publishing, setPublishing] = useState(() =>
+    ssGet<boolean>("pub_publishing", false),
+  );
+  const [progress, setProgress] = useState<ProgressItem[]>(() =>
+    ssGet<ProgressItem[]>("pub_progress", []),
+  );
+  const [countdown, setCountdown] = useState<{
+    sec: number;
+    total: number;
+    nextGroup: number;
+  } | null>(null);
+  const [completedCount, setCompletedCount] = useState(() =>
+    ssGet<number>("pub_completedCount", 0),
+  );
+  const [totalCount, setTotalCount] = useState(() =>
+    ssGet<number>("pub_totalCount", 0),
+  );
+  const [needLogin, setNeedLogin] = useState(false);
+  const [savingList, setSavingList] = useState(false);
+  const [newListName, setNewListName] = useState("");
+  const [trialExpiredPending, setTrialExpiredPending] = useState(false);
+  const [showTrialExpired, setShowTrialExpired] = useState(false);
+  const [hasFetchedGroups, setHasFetchedGroups] = useState(false);
+  const [completionMessage, setCompletionMessage] = useState<string | null>(null);
+
+  const fileInputRef = useRef<HTMLInputElement | null>(null);
+  const prevHasAccessRef = useRef<boolean | undefined>(undefined);
+  const publishingRef = useRef(publishing);
+  const progressRef = useRef(progress);
+  const completedRef = useRef(completedCount);
+  const startingPublishRef = useRef(false);
+  const prevLocationRef = useRef(location);
+
+  useEffect(() => {
+    completedRef.current = completedCount;
+  }, [completedCount]);
+  useEffect(() => {
+    progressRef.current = progress;
+  }, [progress]);
+
+  useEffect(() => {
+    ssSet("pub_groups", groups);
+  }, [groups]);
+  useEffect(() => {
+    ssSet("pub_selected", Array.from(selected));
+  }, [selected]);
+  useEffect(() => {
+    ssSet("pub_postText", postText);
+  }, [postText]);
+  useEffect(() => {
+    ssSet("pub_images", images);
+  }, [images]);
+  useEffect(() => {
+    ssSet("pub_publishing", publishing);
+    publishingRef.current = publishing;
+  }, [publishing]);
+  useEffect(() => {
+    ssSet("pub_progress", progress);
+  }, [progress]);
+  useEffect(() => {
+    ssSet("pub_completedCount", completedCount);
+  }, [completedCount]);
+  useEffect(() => {
+    ssSet("pub_totalCount", totalCount);
+  }, [totalCount]);
+  useEffect(() => {
+    ssSet("pub_groupsStatus", groupsStatus);
+  }, [groupsStatus]);
+
+  useEffect(() => {
+    const wasReloaded = sessionStorage.getItem("pub_page_reloaded") === "1";
+    sessionStorage.removeItem("pub_page_reloaded");
+
+    if (wasReloaded) {
+      bridgeStopPublishing().catch(() => {});
+      const keys = ["pub_publishing", "pub_progress", "pub_completedCount", "pub_totalCount"];
+      keys.forEach((k) => sessionStorage.removeItem(k));
+      setPublishing(false);
+      setProgress([]);
+      setCompletedCount(0);
+      setTotalCount(0);
+      setCountdown(null);
+    }
+  }, []);
+
+  useEffect(() => {
+    const handleBeforeUnload = () => {
+      sessionStorage.setItem("pub_page_reloaded", "1");
+      if (publishingRef.current) {
+        bridgeStopPublishing().catch(() => {});
+      }
+    };
+    window.addEventListener("beforeunload", handleBeforeUnload);
+    return () => window.removeEventListener("beforeunload", handleBeforeUnload);
+  }, []);
+
+  useEffect(() => {
+    let mounted = true;
+    const checkOnce = async () => {
+      const status = await checkBridgeInstalled(2000);
+      if (mounted) setBridgeReady(status.installed);
+    };
+    checkOnce();
+    return () => {
+      mounted = false;
+    };
+  }, []);
+
+  const sub = meQuery.data?.subscription;
+  const hasAccess = !!sub?.hasAccess;
+
+  useEffect(() => {
+    if (prevHasAccessRef.current === undefined) {
+      prevHasAccessRef.current = hasAccess;
+      return;
+    }
+    if (prevHasAccessRef.current === true && hasAccess === false) {
+      if (publishing) {
+        setTrialExpiredPending(true);
+      } else {
+        setShowTrialExpired(true);
+      }
+    }
+    prevHasAccessRef.current = hasAccess;
+  }, [hasAccess, publishing]);
+
+  useEffect(() => {
+    return onBridgeBroadcast((msg) => {
+      if (msg.action === "publishProgress") {
+        const groupId = msg["groupId"] as string;
+        const grp = groups.find((g) => g.id === groupId);
+        const newStatus = msg["status"] as ProgressItem["status"];
+        setProgress((prev) => {
+          const idx = prev.findIndex((p) => p.groupId === groupId);
+          const updated: ProgressItem = {
+            current: msg["current"] as number,
+            total: msg["total"] as number,
+            status: newStatus,
+            groupId,
+            groupName: grp?.name ?? prev[idx]?.groupName ?? groupId,
+            groupImage: grp?.image ?? prev[idx]?.groupImage,
+            postUrl: (msg["postUrl"] as string) ?? null,
+            error: (msg["error"] as string) ?? null,
+          };
+          const next = idx >= 0
+            ? prev.map((p, i) => (i === idx ? updated : p))
+            : [...prev, updated];
+          progressRef.current = next;
+          return next;
+        });
+        setCountdown(null);
+        if (
+          newStatus === "success" ||
+          newStatus === "pending" ||
+          newStatus === "failed"
+        ) {
+          setCompletedCount((c) => c + 1);
+        }
+      } else if (msg.action === "publishCountdown") {
+        setCountdown({
+          sec: msg["seconds"] as number,
+          total: msg["totalDelay"] as number,
+          nextGroup: msg["nextGroup"] as number,
+        });
+      } else if (msg.action === "publishComplete") {
+        const finalCount = progressRef.current.filter(p => p.status !== "publishing").length;
+        setPublishing(false);
+        setCountdown(null);
+        setTrialExpiredPending((pending) => {
+          if (pending) setShowTrialExpired(true);
+          return false;
+        });
+        setCompletedCount(0);
+        setTotalCount(0);
+        setCompletionMessage(`✅ اكتمل النشر في ${finalCount} مجموعة`);
+      } else if (msg.action === "publishStopped") {
+        const finalCount = progressRef.current.filter(p => p.status !== "publishing").length;
+        
+        // ✅ إضافة المجموعات الفاشلة إلى القائمة
+        if (msg["failedGroups"]) {
+          const failedGroups = msg["failedGroups"] as Array<{groupId: string; status: string; error: string}>;
+          setProgress((prev) => {
+            const updated = [...prev];
+            for (const fg of failedGroups) {
+              const idx = updated.findIndex(p => p.groupId === fg.groupId);
+              const grp = groups.find(g => g.id === fg.groupId);
+              const item: ProgressItem = {
+                current: 0,
+                total: (msg["total"] as number) || 0,
+                status: "failed",
+                groupId: fg.groupId,
+                groupName: grp?.name ?? fg.groupId,
+                groupImage: grp?.image,
+                postUrl: null,
+                error: fg.error
+              };
+              if (idx >= 0) updated[idx] = item;
+              else updated.push(item);
+            }
+            progressRef.current = updated;
+            return updated;
+          });
+        }
+        
+        setPublishing(false);
+        setCountdown(null);
+        setTrialExpiredPending((pending) => {
+          if (pending) setShowTrialExpired(true);
+          return false;
+        });
+        setCompletedCount(0);
+        setTotalCount(0);
+        setCompletionMessage(`⏹ تم الإيقاف — اكتمل النشر في ${finalCount} مجموعة`);
+      } else if (msg.action === "groupsProgress") {
+        setGroupsStatus(msg["message"] as string);
+      } else if (msg.action === "needFacebookLogin") {
+        setNeedLogin(true);
+      }
+    });
+  }, [groups]);
+
+  const filteredGroups = useMemo(() => {
+    let list = groups;
+    if (tab === "admin") list = list.filter((g) => g.isAdmin);
+    else if (tab === "member") list = list.filter((g) => !g.isAdmin);
+    else if (tab === "selected") list = list.filter((g) => selected.has(g.id));
+    if (search.trim()) {
+      const q = search.trim().toLowerCase();
+      list = list.filter((g) => g.name.toLowerCase().includes(q));
+    }
+    return list;
+  }, [groups, tab, search, selected]);
+
+  const handleFetchGroups = async () => {
+    await meQuery.refetch();
+    const latestSub = meQuery.data?.subscription;
+    if (!latestSub?.hasAccess) {
+      alert("انتهى اشتراكك أو لم يعد نشطاً. يرجى الاشتراك للمتابعة.");
+      setShowTrialExpired(true);
+      return;
+    }
+
+    if (!bridgeReady) {
+      const status = await checkBridgeInstalled(2000);
+      setBridgeReady(status.installed);
+      if (!status.installed) return;
+    }
+    setLoadingGroups(true);
+    setGroups([]);
+    setSelected(new Set());
+    setNeedLogin(false);
+    setGroupsStatus("جاري التحقق من تسجيل الدخول إلى فيسبوك...");
+    try {
+      const res = await bridgeGetGroups();
+      if (!res.success) {
+        if (res.error === "not_logged_in") {
+          setNeedLogin(true);
+          setGroupsStatus(res.message ?? "يرجى تسجيل الدخول إلى فيسبوك أولاً");
+        } else {
+          setGroupsStatus(res.message ?? "تعذر جلب المجموعات");
+        }
+        return;
+      }
+      setGroups(res.groups ?? []);
+      setGroupsStatus(`تم جلب ${res.groups?.length ?? 0} مجموعة بنجاح`);
+      setHasFetchedGroups(true);
+    } catch (e) {
+      console.error(e);
+      setGroupsStatus("حدث خطأ أثناء جلب المجموعات");
+    } finally {
+      setLoadingGroups(false);
+    }
+  };
+
+  const toggleSelect = (id: string) => {
+    setSelected((prev) => {
+      const n = new Set(prev);
+      if (n.has(id)) n.delete(id);
+      else n.add(id);
+      return n;
+    });
+  };
+
+  const selectAll = () => setSelected(new Set(filteredGroups.map((g) => g.id)));
+  const deselectAll = () => setSelected(new Set());
+
+  const handleAddImages = async (files: FileList | null) => {
+    if (!files) return;
+    const newImages: PublishImage[] = [...images];
+    for (const file of Array.from(files)) {
+      if (newImages.length >= 10) break;
+      const data = await fileToBase64(file);
+      newImages.push({ data, name: file.name });
+    }
+    setImages(newImages);
+    if (fileInputRef.current) fileInputRef.current.value = "";
+  };
+
+  const removeImage = (idx: number) => {
+    setImages((prev) => prev.filter((_, i) => i !== idx));
+  };
+
+  const handlePublish = async () => {
+    if (startingPublishRef.current) return;
+    startingPublishRef.current = true;
+    await meQuery.refetch();
+    const latestSub = meQuery.data?.subscription;
+    if (!latestSub?.hasAccess) {
+      alert("انتهى اشتراكك أو لم يعد نشطاً. يرجى الاشتراك للمتابعة.");
+      setShowTrialExpired(true);
+      return;
+    }
+
+    if (selected.size === 0) {
+      alert("يرجى اختيار مجموعة واحدة على الأقل");
+      return;
+    }
+    if (!postText.trim() && images.length === 0) {
+      alert("يرجى كتابة نص أو إضافة صورة على الأقل");
+      return;
+    }
+    
+    setCompletionMessage(null);
+    setProgress([]);
+    progressRef.current = [];
+    setCompletedCount(0);
+    setTotalCount(0);
+    setCountdown(null);
+    
+    const selectedIds = Array.from(selected);
+    const delayConfig: DelayConfig = delayMode === "random"
+      ? { mode: "random", seconds: 0 }
+      : { mode: "fixed", seconds: delayUnit === "minutes" ? customDelay * 60 : customDelay };
+
+    const tryPublish = async (): Promise<{ success: boolean; error?: string }> => {
+      try {
+        return await bridgePublishToMultiple(selectedIds, postText, images, delayConfig);
+      } catch {
+        return { success: false, error: "تعذر الاتصال بالامتداد" };
+      }
+    };
+
+    let res = await tryPublish();
+
+    if (!res.success && res.error?.includes("جلب المجموعات")) {
+      setGroupsStatus("جاري تجديد بيانات الجلسة...");
+      try {
+        const refetch = await bridgeGetGroups();
+        if (refetch.success && refetch.groups) {
+          setGroups(refetch.groups);
+          setHasFetchedGroups(true);
+          setGroupsStatus(`تم جلب ${refetch.groups.length} مجموعة بنجاح`);
+          res = await tryPublish();
+        }
+      } catch { /* يُكمل ويعرض الخطأ الأصلي */ }
+    }
+
+    if (!res.success) {
+      startingPublishRef.current = false;
+      alert(res.error ?? "تعذر بدء النشر");
+      return;
+    }
+
+    const currentGroups = groups;
+    const initialProgress: ProgressItem[] = selectedIds.map((gid, i) => {
+      const grp = currentGroups.find((g) => g.id === gid);
+      return {
+        current: i + 1,
+        total: selectedIds.length,
+        status: "publishing" as const,
+        groupId: gid,
+        groupName: grp?.name ?? gid,
+        groupImage: grp?.image,
+        postUrl: null,
+        error: null,
+      };
+    });
+    setProgress(initialProgress);
+    progressRef.current = initialProgress;
+    setCompletedCount(0);
+    setTotalCount(selectedIds.length);
+    setPublishing(true);
+    startingPublishRef.current = false;
+  };
+
+  const handleStop = async () => {
+    const finalCount = progressRef.current.filter(p => p.status !== "publishing").length;
+    await bridgeStopPublishing();
+    setPublishing(false);
+    setCountdown(null);
+    setProgress([]);
+    progressRef.current = [];
+    setCompletedCount(0);
+    setTotalCount(0);
+    setCompletionMessage(`⏹ تم الإيقاف — اكتمل النشر في ${finalCount} مجموعة`);
+  };
+
+  const handleSaveList = async () => {
+    if (!newListName.trim() || selected.size === 0) {
+      alert("يرجى إدخال اسم للقائمة واختيار مجموعات");
+      return;
+    }
+    setSavingList(true);
+    try {
+      await createSavedList({
+        name: newListName.trim(),
+        groupIds: Array.from(selected),
+      });
+      setNewListName("");
+      await savedListsQuery.refetch();
+    } catch (e) {
+      console.error(e);
+      alert("تعذر حفظ القائمة");
+    } finally {
+      setSavingList(false);
+    }
+  };
+
+  const handleLoadList = (groupIds: string[]) => {
+    setSelected(new Set(groupIds));
+    setTab("selected");
+  };
+
+  const handleDeleteList = async (id: number) => {
+    if (!confirm("حذف القائمة المحفوظة؟")) return;
+    try {
+      await deleteSavedList(id);
+      queryClient.setQueryData(
+        savedListsQuery.queryKey,
+        (old: any) => old?.filter((list: any) => list.id !== id)
+      );
+    } catch (e) {
+      console.error(e);
+      alert("تعذر حذف القائمة");
+    }
+  };
+
+  const successCount = progress.filter((p) => p.status === "success").length;
+  const pendingCount = progress.filter((p) => p.status === "pending").length;
+  const failedCount = progress.filter((p) => p.status === "failed").length;
+
+  if (meQuery.isLoading && !meQuery.data) {
+    return (
+      <div className="min-h-screen flex items-center justify-center">
+        <div className="text-gray-300">جاري التحميل...</div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="min-h-screen px-4 py-6 max-w-7xl mx-auto">
+      <header className="flex items-center justify-between mb-6 flex-wrap gap-3">
+        <div className="flex items-center gap-3">
+          <img
+            src={`${import.meta.env.BASE_URL}logo.png`}
+            alt="logo"
+            className="w-10 h-10 rounded-xl"
+          />
+          <div>
+            <h1 className="text-xl font-bold text-gradient">
+              FB Group Publisher PRO
+            </h1>
+            <div className="text-xs text-gray-400">
+              {user?.primaryEmailAddress?.emailAddress}
+            </div>
+          </div>
+        </div>
+        <div className="flex items-center gap-2 flex-wrap">
+          <Link href="/extension">
+            <Button variant="outline" size="sm" data-testid="link-extension">
+              <span
+                className={`inline-block w-2 h-2 rounded-full ml-2 ${bridgeReady ? "bg-green-500" : "bg-red-500"}`}
+              />
+              الإضافة
+            </Button>
+          </Link>
+          <Link href="/subscription">
+            <Button variant="outline" size="sm" data-testid="link-subscription">
+              {hasAccess
+                ? `الاشتراك: ${sub?.status === "trialing" ? "تجربة" : "نشط"}`
+                : "اشترك الآن"}
+            </Button>
+          </Link>
+          {/* 🔐 زر سياسة الخصوصية - إضافة جديدة */}
+          <a
+            href="https://fb-pub.online/privacy.html"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="inline-flex items-center gap-1 text-sm text-gray-400 hover:text-[#bb86fc] transition-colors px-3 py-2 rounded-lg hover:bg-[#1f1f3a]"
+            data-testid="link-privacy-policy"
+          >
+            <span>🔐</span>
+            <span>سياسة الخصوصية</span>
+          </a>
+          <Button
+            variant="ghost"
+            size="sm"
+            onClick={() => signOut({ redirectUrl: `${import.meta.env.BASE_URL}sign-in` })}
+            data-testid="btn-signout"
+            className="cursor-pointer"
+          >
+            خروج
+          </Button>
+        </div>
+      </header>
+
+      {sub && sub.status === "trialing" && sub.trialEnd && (
+        <TrialBanner trialEnd={sub.trialEnd} />
+      )}
+
+      {!bridgeReady && (
+        <div className="glass rounded-2xl p-5 mb-5 border border-yellow-500/30">
+          <div className="font-bold mb-1">⚠️ إضافة المتصفح غير مثبتة</div>
+          <p className="text-sm text-gray-300 mb-3">
+            يجب تثبيت إضافة المتصفح أولاً لتتمكن من جلب مجموعاتك والنشر فيها اذا كانت الاضافة مثبتة فعلا اعد تحميل الصفحة.
+          </p>
+          <Button
+            className="btn-primary-grad cursor-pointer"
+            size="sm"
+            onClick={async () => {
+              const status = await checkBridgeInstalled(2000);
+              setBridgeReady(status.installed);
+            }}
+            data-testid="btn-install-ext"
+          >
+            تحقق من تثبيت الإضافة
+          </Button>
+        </div>
+      )}
+
+      {!hasAccess && bridgeReady && (
+        <div className="glass rounded-2xl p-5 mb-5 border border-purple-500/30 flex items-start gap-4 flex-wrap">
+          <div className="flex-1 min-w-0">
+            {(sub?.status as string) === "trial_expired" ? (
+              <>
+                <div className="font-bold mb-1">
+                  ⏰ انتهت فترة التجربة المجانية
+                </div>
+                <p className="text-sm text-gray-300">
+                  يمكنك الاشتراك لمواصلة النشر، أو الاستمرار في استعراض الأداة بدون نشر.
+                </p>
+              </>
+            ) : sub?.status === "cancelled" ? (
+              <>
+                <div className="font-bold mb-1">🔓 اشتراكك ملغى</div>
+                <p className="text-sm text-gray-300">
+                  يمكنك إعادة الاشتراك في أي وقت لمواصلة النشر، أو الاستمرار في استعراض الأداة بدون نشر.
+                </p>
+              </>
+            ) : sub?.status === "suspended" ? (
+              <>
+                <div className="font-bold mb-1">⚠️ اشتراكك موقوف مؤقتاً</div>
+                <p className="text-sm text-gray-300">
+                  تعذّر تجديد اشتراكك تلقائياً. يمكنك تجديده عبر PayPal أو الاستمرار بدون نشر.
+                </p>
+              </>
+            ) : sub?.status === "expired" ? (
+              <>
+                <div className="font-bold mb-1">📭 انتهى اشتراكك المدفوع</div>
+                <p className="text-sm text-gray-300">
+                  انتهت فترة اشتراكك. يمكنك تجديده لمواصلة النشر، أو الاستمرار في استعراض الأداة بدون نشر.
+                </p>
+              </>
+            ) : (
+              <>
+                <div className="font-bold mb-1">💎 اشترك للبدء في النشر</div>
+                <p className="text-sm text-gray-300">
+                  شهر تجربة مجاني ثم $2.50 كل شهرين فقط.
+                </p>
+              </>
+            )}
+          </div>
+          <Link href="/subscription">
+            <Button
+              className="btn-primary-grad cursor-pointer"
+              size="sm"
+              data-testid="btn-start-sub"
+            >
+              {(sub?.status as string) === "trial_expired" ||
+              sub?.status === "cancelled" ||
+              sub?.status === "suspended" ||
+              sub?.status === "expired"
+                ? "اشترك / جدد الاشتراك"
+                : "ابدأ التجربة المجانية"}
+            </Button>
+          </Link>
+        </div>
+      )}
+
+      <div className="grid grid-cols-1 lg:grid-cols-3 gap-5">
+        <section className="glass rounded-2xl p-5 lg:col-span-1">
+          <h2 className="font-bold mb-3">📝 المنشور</h2>
+          <Textarea
+            value={postText}
+            onChange={(e) => setPostText(e.target.value)}
+            placeholder="اكتب نص المنشور هنا..."
+            rows={8}
+            className="bg-[#1f1f3a] border-[#3a3a55] text-white placeholder:text-gray-500"
+            data-testid="input-post-text"
+          />
+
+          <div className="mt-4">
+            <div className="flex items-center justify-between mb-2">
+              <span className="font-semibold text-sm">
+                الصور ({images.length}/10)
+              </span>
+              <Button
+                size="sm"
+                variant="outline"
+                onClick={() => fileInputRef.current?.click()}
+                disabled={images.length >= 10}
+                data-testid="btn-add-image"
+                className="cursor-pointer"
+              >
+                + إضافة صور
+              </Button>
+            </div>
+            <input
+              ref={fileInputRef}
+              type="file"
+              accept="image/*"
+              multiple
+              hidden
+              onChange={(e) => handleAddImages(e.target.files)}
+              data-testid="input-image-file"
+            />
+            {images.length > 0 && (
+              <div className="grid grid-cols-3 gap-2">
+                {images.map((img, i) => (
+                  <div key={i} className="relative group">
+                    <img
+                      src={img.data}
+                      alt={img.name}
+                      className="w-full h-20 object-cover rounded-lg border border-[#3a3a55]"
+                    />
+                    <button
+                      onClick={() => removeImage(i)}
+                      className="absolute top-1 right-1 bg-red-500/90 text-white rounded-full w-5 h-5 text-xs cursor-pointer"
+                      data-testid={`btn-remove-image-${i}`}
+                    >
+                      ×
+                    </button>
+                  </div>
+                ))}
+              </div>
+            )}
+          </div>
+
+          {!publishing && (
+            <div className="mt-4 rounded-xl border border-[#3a3a55] bg-[#1a1a30] p-3 space-y-3">
+              <div className="text-xs text-gray-400 font-semibold">⏱ الوقت بين كل منشور</div>
+              <div className="flex gap-2">
+                <button
+                  onClick={() => { setDelayMode("random"); ssSet("pub_delayMode", "random"); }}
+                  className={`flex-1 rounded-lg py-1.5 text-xs font-bold border transition-all cursor-pointer ${
+                    delayMode === "random"
+                      ? "border-[#bb86fc] bg-[#bb86fc]/20 text-[#bb86fc]"
+                      : "border-[#3a3a55] text-gray-400 hover:border-gray-500"
+                  }`}
+                >
+                  🎲 عشوائي (62–149 ث)
+                </button>
+                <button
+                  onClick={() => { setDelayMode("fixed"); ssSet("pub_delayMode", "fixed"); }}
+                  className={`flex-1 rounded-lg py-1.5 text-xs font-bold border transition-all cursor-pointer ${
+                    delayMode === "fixed"
+                      ? "border-[#bb86fc] bg-[#bb86fc]/20 text-[#bb86fc]"
+                      : "border-[#3a3a55] text-gray-400 hover:border-gray-500"
+                  }`}
+                >
+                  ✏️ مخصص
+                </button>
+              </div>
+
+              {delayMode === "fixed" && (
+                <div className="flex gap-2 items-center">
+                  <Input
+                    type="number"
+                    min={10}
+                    max={delayUnit === "minutes" ? 60 : 3600}
+                    value={customDelay}
+                    onChange={(e) => {
+                      const v = Math.max(1, parseInt(e.target.value) || 1);
+                      setCustomDelay(v);
+                      ssSet("pub_customDelay", v);
+                    }}
+                    className="bg-[#0f0f1e] border-[#3a3a55] text-white text-sm w-24 text-center"
+                  />
+                  <div className="flex gap-1">
+                    <button
+                      onClick={() => { setDelayUnit("seconds"); ssSet("pub_delayUnit", "seconds"); }}
+                      className={`rounded px-2 py-1 text-xs border transition-all cursor-pointer ${
+                        delayUnit === "seconds"
+                          ? "border-[#bb86fc] bg-[#bb86fc]/20 text-[#bb86fc]"
+                          : "border-[#3a3a55] text-gray-400"
+                      }`}
+                    >ثانية</button>
+                    <button
+                      onClick={() => { setDelayUnit("minutes"); ssSet("pub_delayUnit", "minutes"); }}
+                      className={`rounded px-2 py-1 text-xs border transition-all cursor-pointer ${
+                        delayUnit === "minutes"
+                          ? "border-[#bb86fc] bg-[#bb86fc]/20 text-[#bb86fc]"
+                          : "border-[#3a3a55] text-gray-400"
+                      }`}
+                    >دقيقة</button>
+                  </div>
+                  <span className="text-xs text-gray-500">
+                    = {delayUnit === "minutes" ? `${customDelay * 60} ث` : `${customDelay} ث`}
+                  </span>
+                </div>
+              )}
+
+              {delayMode === "random" && (
+                <p className="text-xs text-gray-600">
+                  (سيتم اختيار وقت عشوائي بين 80 و149 ثانية بين كل مجموعتين (مستحسن
+                </p>
+              )}
+            </div>
+          )}
+
+          <div className="mt-5 space-y-2">
+            <Button
+              className={`w-full h-12 text-base transition-all duration-200 cursor-pointer ${
+                publishing
+                  ? "bg-red-600 hover:bg-red-700 text-white border-none"
+                  : "btn-primary-grad"
+              }`}
+              onClick={publishing ? handleStop : handlePublish}
+              disabled={
+                !publishing &&
+                (!hasAccess || !bridgeReady || selected.size === 0)
+              }
+              title={
+                !hasAccess && !publishing ? "يلزم اشتراك نشط للنشر" : undefined
+              }
+              data-testid={publishing ? "btn-stop" : "btn-publish"}
+            >
+              {publishing
+                ? `⏹ إيقاف النشر (${completedCount}/${totalCount})`
+                : `🚀 نشر في ${selected.size} مجموعة`}
+            </Button>
+            {!hasAccess && !publishing && (
+              <p className="text-xs text-center text-gray-500">
+                النشر متاح للمشتركين فقط —{" "}
+                <Link href="/subscription">
+                  <span className="text-[#bb86fc] underline cursor-pointer">
+                    اشترك أو جدد اشتراكك
+                  </span>
+                </Link>
+              </p>
+            )}
+          </div>
+
+          {countdown && (
+            <div className="mt-4 text-center bg-[#1f1f3a] rounded-lg p-3 text-sm">
+              <div className="text-[#bb86fc] font-bold mb-1">
+                ⏳ {countdown.sec} ثانية
+              </div>
+              <div className="text-gray-400 text-xs">
+                المجموعة التالية ({countdown.nextGroup})
+              </div>
+            </div>
+          )}
+        </section>
+
+        <section className="glass rounded-2xl p-5 lg:col-span-2">
+          <div className="flex items-center justify-between mb-3 flex-wrap gap-2">
+            <h2 className="font-bold">👥 المجموعات</h2>
+            <div className="flex items-center gap-2 flex-wrap">
+              <Button
+                onClick={handleFetchGroups}
+                disabled={loadingGroups || !bridgeReady}
+                className="btn-fb-grad cursor-pointer"
+                size="sm"
+                data-testid="btn-fetch-groups"
+              >
+                {loadingGroups ? "جاري الجلب..." : "🔄 جلب المجموعات"}
+              </Button>
+              {needLogin && (
+                <Button
+                  onClick={() => bridgeOpenFacebook()}
+                  variant="outline"
+                  size="sm"
+                  className="cursor-pointer"
+                  data-testid="btn-open-fb"
+                >
+                  افتح فيسبوك
+                </Button>
+              )}
+            </div>
+          </div>
+
+          {groupsStatus && (
+            <div
+              className="text-sm text-gray-300 mb-3"
+              data-testid="text-groups-status"
+            >
+              {groupsStatus}
+            </div>
+          )}
+
+          <Input
+            placeholder="بحث في المجموعات..."
+            value={search}
+            onChange={(e) => setSearch(e.target.value)}
+            className="bg-[#1f1f3a] border-[#3a3a55] text-white mb-3"
+            data-testid="input-search-groups"
+          />
+
+          <div className="flex gap-2 mb-3 flex-wrap text-sm">
+            {(["all", "admin", "member", "selected"] as Tab[]).map((t) => (
+              <button
+                key={t}
+                onClick={() => setTab(t)}
+                className={`px-3 py-1 rounded-lg cursor-pointer ${
+                  tab === t
+                    ? "bg-[#bb86fc] text-[#0d0d18] font-bold"
+                    : "bg-[#1f1f3a] text-gray-300"
+                }`}
+                data-testid={`tab-${t}`}
+              >
+                {t === "all" && `الكل (${groups.length})`}
+                {t === "admin" &&
+                  `أدمن (${groups.filter((g) => g.isAdmin).length})`}
+                {t === "member" &&
+                  `عضو (${groups.filter((g) => !g.isAdmin).length})`}
+                {t === "selected" && `المختارة (${selected.size})`}
+              </button>
+            ))}
+            <button
+              onClick={selectAll}
+              className="px-3 py-1 rounded-lg bg-[#1f1f3a] text-[#bb86fc] cursor-pointer"
+              data-testid="btn-select-all"
+            >
+              اختر الكل
+            </button>
+            <button
+              onClick={deselectAll}
+              className="px-3 py-1 rounded-lg bg-[#1f1f3a] text-gray-400 cursor-pointer"
+              data-testid="btn-deselect-all"
+            >
+              إلغاء التحديد
+            </button>
+          </div>
+
+          <div
+            className="max-h-[420px] overflow-y-auto space-y-1"
+            data-testid="list-groups"
+          >
+            {filteredGroups.length === 0 && !loadingGroups && (
+              <div className="text-center text-gray-400 py-8 text-sm">
+                {hasFetchedGroups
+                  ? "لا توجد مجموعات مختارة للعرض هنا"
+                  : 'لا توجد مجموعات للعرض. اضغط "جلب المجموعات" لبدء التحميل.'}
+              </div>
+            )}
+            {filteredGroups.map((g) => (
+              <label
+                key={g.id}
+                className="flex items-center gap-3 p-2 rounded-lg bg-[#1f1f3a]/40 hover:bg-[#2a2a4a]/60 cursor-pointer"
+                data-testid={`group-item-${g.id}`}
+              >
+                <input
+                  type="checkbox"
+                  checked={selected.has(g.id)}
+                  onChange={() => toggleSelect(g.id)}
+                  className="w-4 h-4 accent-[#bb86fc] cursor-pointer"
+                />
+                {g.image ? (
+                  <img src={g.image} alt="" className="w-9 h-9 rounded-lg" />
+                ) : (
+                  <div className="w-9 h-9 rounded-lg bg-[#3a3a55]" />
+                )}
+                <div className="flex-1 min-w-0">
+                  <div className="font-semibold text-sm truncate">{g.name}</div>
+                  <div className="text-xs text-gray-400">
+                    {g.isAdmin ? "👑 أدمن" : "👤 عضو"}
+                  </div>
+                </div>
+              </label>
+            ))}
+          </div>
+
+          <div className="mt-4 pt-4 border-t border-[#3a3a55]/40">
+            <h3 className="font-bold text-sm mb-2">📋 القوائم المحفوظة</h3>
+            <div className="flex gap-2 mb-2">
+              <Input
+                value={newListName}
+                onChange={(e) => setNewListName(e.target.value)}
+                placeholder="اسم القائمة"
+                className="bg-[#1f1f3a] border-[#3a3a55] text-white"
+                data-testid="input-list-name"
+              />
+              <Button
+                onClick={handleSaveList}
+                disabled={
+                  savingList || selected.size === 0 || !newListName.trim()
+                }
+                size="sm"
+                className="cursor-pointer"
+                data-testid="btn-save-list"
+              >
+                💾 حفظ
+              </Button>
+            </div>
+            <div className="flex flex-wrap gap-2">
+              {savedListsQuery.data?.map((list) => (
+                <div
+                  key={list.id}
+                  className="flex items-center gap-1 bg-[#1f1f3a] rounded-lg px-2 py-1 text-xs"
+                  data-testid={`saved-list-${list.id}`}
+                >
+                  <button
+                    onClick={() => handleLoadList(list.groupIds)}
+                    className="text-[#bb86fc] cursor-pointer"
+                  >
+                    {list.name} ({list.groupIds.length})
+                  </button>
+                  <button
+                    onClick={() => handleDeleteList(list.id)}
+                    className="text-red-400 cursor-pointer"
+                  >
+                    ×
+                  </button>
+                </div>
+              ))}
+              {savedListsQuery.data?.length === 0 && (
+                <div className="text-xs text-gray-400">
+                  لا توجد قوائم محفوظة بعد.
+                </div>
+              )}
+            </div>
+          </div>
+        </section>
+
+        {(publishing || progress.length > 0 || completionMessage) && (
+          <section className="glass rounded-2xl p-5 lg:col-span-3">
+            <div className="flex items-center justify-between mb-3 flex-wrap gap-2">
+              <h2 className="font-bold">📊 تقدم النشر</h2>
+              <div className="flex gap-3 text-sm">
+                <span className="text-green-400">✅ {successCount} ناجح</span>
+                <span className="text-yellow-400">🟠 {pendingCount} معلق</span>
+                <span className="text-red-400">❌ {failedCount} فاشل</span>
+              </div>
+            </div>
+            <div
+              className="max-h-72 overflow-y-auto space-y-1"
+              data-testid="list-progress"
+            >
+              {progress.map((p, i) => (
+                <ProgressRow key={p.groupId} item={p} index={i} />
+              ))}
+            </div>
+            {!publishing && progress.length > 0 && completionMessage && (
+              <div className="text-center text-green-300 font-semibold py-4 border-t border-[#3a3a55] mt-3">
+                {completionMessage}
+              </div>
+            )}
+          </section>
+        )}
+      </div>
+
+      {showTrialExpired && (
+        <div
+          className="fixed inset-0 z-50 flex items-center justify-center bg-black/70 backdrop-blur-sm px-4"
+          data-testid="trial-expired-overlay"
+        >
+          <div className="glass rounded-2xl p-8 max-w-md w-full text-center border border-[#bb86fc]/30">
+            {(sub?.status as string) === "trial_expired" ? (
+              <>
+                <div className="text-5xl mb-4">⏰</div>
+                <h2 className="text-2xl font-bold mb-2">
+                  انتهت فترة التجربة المجانية
+                </h2>
+                <p className="text-gray-300 mb-5 text-sm leading-relaxed">
+                  لمواصلة النشر في مجموعاتك يمكنك الاشتراك بـ{" "}
+                  <span className="text-white font-bold">$2.50 كل شهرين</span>{" "}
+                  فقط — أو أغلق هذه الرسالة والمتابعة بدون نشر.
+                </p>
+              </>
+            ) : sub?.status === "cancelled" ? (
+              <>
+                <div className="text-5xl mb-4">🔓</div>
+                <h2 className="text-2xl font-bold mb-2">تم إلغاء اشتراكك</h2>
+                <p className="text-gray-300 mb-5 text-sm leading-relaxed">
+                  اشتراكك ملغى حالياً. يمكنك إعادة الاشتراك في أي وقت بـ{" "}
+                  <span className="text-white font-bold">$2.50 كل شهرين</span> —
+                  أو أغلق هذه الرسالة والمتابعة بدون نشر.
+                </p>
+              </>
+            ) : sub?.status === "suspended" ? (
+              <>
+                <div className="text-5xl mb-4">⚠️</div>
+                <h2 className="text-2xl font-bold mb-2">
+                  اشتراكك موقوف مؤقتاً
+                </h2>
+                <p className="text-gray-300 mb-5 text-sm leading-relaxed">
+                  تم إيقاف اشتراكك مؤقتاً (قد يكون بسبب مشكلة في الدفع). يمكنك
+                  تجديده عبر PayPal — أو أغلق هذه الرسالة والمتابعة بدون نشر.
+                </p>
+              </>
+            ) : (
+              <>
+                <div className="text-5xl mb-4">📭</div>
+                <h2 className="text-2xl font-bold mb-2">انتهى اشتراكك</h2>
+                <p className="text-gray-300 mb-5 text-sm leading-relaxed">
+                  انتهت فترة اشتراكك المدفوع. يمكنك تجديده بـ{" "}
+                  <span className="text-white font-bold">$2.50 كل شهرين</span> —
+                  أو أغلق هذه الرسالة والمتابعة بدون نشر.
+                </p>
+              </>
+            )}
+
+            <Button
+              className="btn-primary-grad w-full h-12 text-base mb-3 cursor-pointer"
+              onClick={() => {
+                setShowTrialExpired(false);
+                setLocation("/subscription");
+              }}
+              data-testid="btn-trial-subscribe"
+            >
+              {(sub?.status as string) === "trial_expired"
+                ? "اشترك الآن — $2.50 كل شهرين"
+                : "جدد اشتراكك — $2.50 كل شهرين"}
+            </Button>
+
+            <Button
+              variant="outline"
+              className="w-full h-10 text-sm border-gray-600 text-gray-300 hover:text-white hover:border-gray-400 cursor-pointer"
+              onClick={() => setShowTrialExpired(false)}
+              data-testid="btn-trial-dismiss"
+            >
+              ليس الآن — متابعة بدون نشر
+            </Button>
+
+            <p className="text-xs text-gray-500 mt-4">
+              يمكنك الاشتراك في أي وقت من صفحة{" "}
+              <button
+                className="text-[#bb86fc] underline cursor-pointer"
+                onClick={() => {
+                  setShowTrialExpired(false);
+                  setLocation("/subscription");
+                }}
+              >
+                إدارة الاشتراك
+              </button>
+            </p>
+          </div>
+        </div>
+      )}
+
+      {trialExpiredPending && publishing && (
+        <div
+          className="fixed bottom-4 left-4 right-4 z-40 max-w-lg mx-auto glass rounded-xl p-4 border border-yellow-500/40 flex items-center gap-3"
+          data-testid="trial-expiring-banner"
+        >
+          <span className="text-2xl">⏳</span>
+          <div className="flex-1">
+            <div className="font-bold text-yellow-300 text-sm">
+              انتهت فترة التجربة
+            </div>
+            <div className="text-xs text-gray-300">
+              سيتوقف النشر عند اكتمال العملية الحالية
+            </div>
+          </div>
+        </div>
+      )}
+
+      {/* 🔐 منطقة الفوتر - زر سياسة الخصوصية والدعم */}
+      <div className="mt-8 pt-6 border-t border-[#3a3a55]/40 text-center">
+        <div className="flex justify-center items-center gap-4 mb-3 flex-wrap">
+          <a
+            href="https://fb-pub.online/privacy.html"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="inline-flex items-center gap-1 text-sm text-gray-400 hover:text-[#bb86fc] transition-colors"
+            data-testid="footer-link-privacy-policy"
+          >
+            <span>🔐</span>
+            <span>سياسة الخصوصية</span>
+          </a>
+          <Button asChild variant="outline" size="sm">
+            <a href="mailto:saresare2555@hotmail.com?subject=مشكلة في FB Group Publisher PRO">
+              تواصل مع الدعم
+            </a>
+          </Button>
+        </div>
+        <p className="text-gray-400 text-sm mb-2">
+          هل تواجه مشكلة؟ تواصل مع الدعم وسنرد عليك في أقرب وقت.
+        </p>
+        <p className="text-[10px] text-gray-500">
+          (بريد الدعم: saresare2555@hotmail.com)
+        </p>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/artifacts/fb-publisher/src/pages/Subscription.tsx b/artifacts/fb-publisher/src/pages/Subscription.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..20e5c728819117d106ab8806e358f51c89850e40
--- /dev/null
+++ b/artifacts/fb-publisher/src/pages/Subscription.tsx
@@ -0,0 +1,214 @@
+import { useState } from "react";
+import { Link } from "wouter";
+import { Button } from "@/components/ui/button";
+import {
+  useGetMe,
+  createSubscription,
+  cancelSubscription,
+} from "@workspace/api-client-react";
+
+function fmtDate(iso: string | null | undefined) {
+  if (!iso) return "—";
+  return new Date(iso).toLocaleDateString("ar", {
+    year: "numeric",
+    month: "long",
+    day: "numeric",
+  });
+}
+
+const STATUS_LABEL: Record<string, string> = {
+  none: "لا يوجد اشتراك",
+  trialing: "تجربة مجانية نشطة",
+  trial_expired: "انتهت التجربة",
+  active: "نشط",
+  cancelled: "ملغى",
+  suspended: "موقوف",
+  expired: "منتهي",
+};
+
+export default function Subscription() {
+  const meQuery = useGetMe();
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  const sub = meQuery.data?.subscription;
+
+  const handleSubscribe = async () => {
+    setError(null);
+    setBusy(true);
+    try {
+      const res = await createSubscription();
+      window.location.href = res.approvalUrl;
+    } catch (e) {
+      setError("تعذر إنشاء الاشتراك. تحقق من إعدادات PayPal.");
+      setBusy(false);
+      console.error(e);
+    }
+  };
+
+  const handleCancel = async () => {
+    if (!confirm("هل أنت متأكد من إلغاء الاشتراك؟")) return;
+    setError(null);
+    setBusy(true);
+    try {
+      await cancelSubscription();
+      await meQuery.refetch();
+    } catch (e) {
+      setError("تعذر إلغاء الاشتراك.");
+      console.error(e);
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  return (
+    <div className="min-h-screen px-4 py-10 max-w-3xl mx-auto">
+      <div className="flex items-center justify-between mb-6">
+        <h1 className="text-2xl font-bold">الاشتراك</h1>
+        <Link href="/app">
+          <Button variant="ghost" data-testid="link-back-app">
+            رجوع للوحة
+          </Button>
+        </Link>
+      </div>
+
+      {meQuery.isLoading && (
+        <div className="glass rounded-2xl p-6">جاري التحميل...</div>
+      )}
+
+      {sub && (
+        <div className="glass rounded-2xl p-6 mb-6">
+          <div className="flex items-center justify-between mb-4">
+            <span className="text-gray-300">الحالة الحالية</span>
+            <span
+              className={`px-3 py-1 rounded-full text-sm font-bold ${
+                sub.hasAccess
+                  ? "bg-green-500/20 text-green-300"
+                  : "bg-red-500/20 text-red-300"
+              }`}
+              data-testid="text-status"
+            >
+              {STATUS_LABEL[sub.status as string] ?? sub.status}
+            </span>
+          </div>
+          {sub.status === "trialing" && sub.trialEnd && (
+            <div className="text-sm text-gray-300 bg-[#1f1f3a] rounded-lg p-3">
+              🎁 تجربتك المجانية تنتهي في:{" "}
+              <strong className="text-white" data-testid="text-trial-end">
+                {fmtDate(sub.trialEnd)}
+              </strong>
+              <div className="text-xs text-gray-400 mt-1">
+                بعد انتهاء التجربة ستحتاج إلى الاشتراك المدفوع للاستمرار.
+              </div>
+            </div>
+          )}
+          {sub.status === "active" && sub.currentPeriodEnd && (
+            <div className="text-sm text-gray-300">
+              التجديد القادم:{" "}
+              <strong data-testid="text-next-billing">
+                {fmtDate(sub.currentPeriodEnd)}
+              </strong>
+            </div>
+          )}
+          {(sub.status as string) === "trial_expired" && (
+            <div className="text-sm text-red-300 bg-red-500/10 rounded-lg p-3 mt-2">
+              انتهت تجربتك المجانية. اشترك الآن لمواصلة النشر.
+            </div>
+          )}
+          {sub.status === "cancelled" && (
+            <div className="text-sm text-gray-300">
+              تم إلغاء اشتراكك. يمكنك الاشتراك مجددًا في أي وقت.
+            </div>
+          )}
+        </div>
+      )}
+
+      {(!sub || !sub.hasAccess) && (
+        <div className="glass rounded-2xl p-8 text-center">
+          {/* عنوان يتكيّف مع الحالة */}
+          {sub?.status === "cancelled" ? (
+            <h2 className="text-2xl font-bold mb-1">أعد تفعيل اشتراكك</h2>
+          ) : sub?.status === "suspended" ? (
+            <h2 className="text-2xl font-bold mb-1">جدد اشتراكك الموقوف</h2>
+          ) : sub?.status === "expired" ? (
+            <h2 className="text-2xl font-bold mb-1">جدد اشتراكك المنتهي</h2>
+          ) : (
+            <h2 className="text-2xl font-bold mb-1">اشترك لمواصلة النشر</h2>
+          )}
+          <p className="text-sm text-gray-400 mb-5">
+            استعراض الأداة مجاني — النشر الفعلي يتطلب اشتراكاً نشطاً
+          </p>
+
+          <div className="my-5 rounded-2xl bg-[#1f1f3a] border border-[#3a3a55] p-5 space-y-3">
+            <div className="flex items-center justify-between text-sm">
+              <span className="text-gray-300">عند الاشتراك الآن</span>
+              <span className="text-white font-bold text-xl">$2.50</span>
+            </div>
+            <div className="border-t border-[#3a3a55]" />
+            <div className="flex items-center justify-between text-sm">
+              <span className="text-gray-300">التجديد التلقائي كل</span>
+              <span className="text-gray-300 font-semibold">شهرين</span>
+            </div>
+          </div>
+
+          {/* ملاحظة التجربة المجانية — فقط للمستخدمين الذين استمتعوا بالتجربة */}
+          {(sub?.status as string) === "trial_expired" && (
+            <div className="text-[#bb86fc] mb-6 text-sm font-semibold bg-[#bb86fc]/10 rounded-xl p-3 border border-[#bb86fc]/20">
+              ✓ استمتعت بشهر كامل مجاني — الدفع الآن $2.50 فقط للاستمرار
+            </div>
+          )}
+
+          <Button
+            size="lg"
+            className="btn-primary-grad px-10 h-12 text-base w-full"
+            onClick={handleSubscribe}
+            disabled={busy}
+            data-testid="btn-subscribe"
+          >
+            {busy
+              ? "جاري إنشاء الاشتراك..."
+              : sub?.status === "cancelled" ||
+                  sub?.status === "expired" ||
+                  sub?.status === "suspended"
+                ? "جدد اشتراكك عبر PayPal — $2.50 (أو ادفع ببطاقتك البنكية عبر PayPal)"
+                : "اشترك بـ $2.50 عبر PayPal — يمكنك الدفع من بطاقتك البنكية أيضاً"}
+          </Button>
+
+          {error && (
+            <div className="mt-4 text-red-400 text-sm" data-testid="text-error">
+              {error}
+            </div>
+          )}
+
+          <p className="mt-5 text-xs text-gray-500">
+            يمكنك استعراض الأداة دون اشتراك — لكن زر النشر لن يعمل حتى يكون
+            اشتراكك نشطاً.
+          </p>
+        </div>
+      )}
+
+      {sub?.hasAccess && sub.status === "active" && (
+        <div className="glass rounded-2xl p-6">
+          <h3 className="font-bold mb-2">إدارة الاشتراك</h3>
+          <p className="text-sm text-gray-300 mb-4">
+            يمكنك إلغاء الاشتراك في أي وقت. ستحتفظ بصلاحية الاستخدام حتى نهاية
+            الفترة الحالية.
+          </p>
+          <Button
+            variant="outline"
+            onClick={handleCancel}
+            disabled={busy}
+            data-testid="btn-cancel"
+          >
+            {busy ? "جاري الإلغاء..." : "إلغاء الاشتراك"}
+          </Button>
+          {error && (
+            <div className="mt-4 text-red-400 text-sm" data-testid="text-error">
+              {error}
+            </div>
+          )}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/artifacts/fb-publisher/src/pages/SubscriptionReturn.tsx b/artifacts/fb-publisher/src/pages/SubscriptionReturn.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..67d2efe1deb9aff48327faa5d15a8a9881e6a512
--- /dev/null
+++ b/artifacts/fb-publisher/src/pages/SubscriptionReturn.tsx
@@ -0,0 +1,107 @@
+import { useEffect, useState } from "react";
+import { useLocation } from "wouter";
+import { Button } from "@/components/ui/button";
+import { activateSubscription, getMe } from "@workspace/api-client-react";
+
+async function waitForActiveSubscription(maxWaitMs = 15000): Promise<boolean> {
+  const start = Date.now();
+  while (Date.now() - start < maxWaitMs) {
+    try {
+      const me = await getMe();
+      if (me.subscription?.hasAccess) return true;
+    } catch {
+      // ignore
+    }
+    await new Promise((r) => setTimeout(r, 2000));
+  }
+  return false;
+}
+
+export default function SubscriptionReturn() {
+  const [, setLocation] = useLocation();
+  const [status, setStatus] = useState<"loading" | "ok" | "error">("loading");
+  const [message, setMessage] = useState<string>("");
+
+  useEffect(() => {
+    const params = new URLSearchParams(window.location.search);
+    const subscriptionId = params.get("subscription_id");
+
+    if (!subscriptionId) {
+      setStatus("error");
+      setMessage("لم يتم استلام معرف الاشتراك من PayPal.");
+      return;
+    }
+
+    (async () => {
+      // 1) حاول التفعيل المباشر
+      try {
+        await activateSubscription({ subscriptionId });
+        setStatus("ok");
+        setMessage("تم تفعيل اشتراكك بنجاح! استمتع بشهرك المجاني.");
+        return;
+      } catch (err) {
+        console.warn("Direct activate failed, falling back to webhook poll:", err);
+      }
+
+      // 2) إذا فشل التفعيل المباشر، انتظر حتى يعالجه الـ webhook
+      const active = await waitForActiveSubscription(15000);
+      if (active) {
+        setStatus("ok");
+        setMessage("تم تفعيل اشتراكك بنجاح! استمتع بشهرك المجاني.");
+      } else {
+        setStatus("error");
+        setMessage("حدث خطأ أثناء تفعيل الاشتراك. إذا اكتمل الدفع سيُحدَّث حسابك تلقائيًا خلال دقيقة.");
+      }
+    })();
+  }, []);
+
+  return (
+    <div className="min-h-screen flex items-center justify-center px-4">
+      <div className="glass rounded-2xl p-8 max-w-md w-full text-center">
+        {status === "loading" && (
+          <>
+            <div className="text-4xl mb-4 animate-spin">⏳</div>
+            <h1 className="text-xl font-bold mb-2">جاري تفعيل اشتراكك...</h1>
+            <p className="text-gray-300 text-sm">يرجى الانتظار لحظة.</p>
+          </>
+        )}
+        {status === "ok" && (
+          <>
+            <div className="text-5xl mb-4">🎉</div>
+            <h1 className="text-2xl font-bold mb-2">تم بنجاح!</h1>
+            <p className="text-gray-300 mb-6" data-testid="text-success">{message}</p>
+            <Button
+              className="btn-primary-grad px-8 h-12"
+              onClick={() => setLocation("/app")}
+              data-testid="btn-go-app"
+            >
+              الذهاب إلى لوحة النشر
+            </Button>
+          </>
+        )}
+        {status === "error" && (
+          <>
+            <div className="text-5xl mb-4">⚠️</div>
+            <h1 className="text-xl font-bold mb-2">حدث خطأ</h1>
+            <p className="text-gray-300 mb-6" data-testid="text-error">{message}</p>
+            <div className="flex gap-3 justify-center flex-wrap">
+              <Button
+                className="btn-primary-grad px-6 h-11"
+                onClick={() => setLocation("/app")}
+              >
+                الذهاب للوحة النشر
+              </Button>
+              <Button
+                variant="outline"
+                onClick={() => setLocation("/subscription")}
+                data-testid="btn-go-subscription"
+              >
+                صفحة الاشتراك
+              </Button>
+            </div>
+          </>
+        )}
+      </div>
+    </div>
+  );
+}
diff --git a/artifacts/fb-publisher/src/pages/not-found.tsx b/artifacts/fb-publisher/src/pages/not-found.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..dba9f8316f8e796e2808090c4f6cf770e6b90c4a
--- /dev/null
+++ b/artifacts/fb-publisher/src/pages/not-found.tsx
@@ -0,0 +1,21 @@
+import { Card, CardContent } from "@/components/ui/card";
+import { AlertCircle } from "lucide-react";
+
+export default function NotFound() {
+  return (
+    <div className="min-h-screen w-full flex items-center justify-center bg-gray-50">
+      <Card className="w-full max-w-md mx-4">
+        <CardContent className="pt-6">
+          <div className="flex mb-4 gap-2">
+            <AlertCircle className="h-8 w-8 text-red-500" />
+            <h1 className="text-2xl font-bold text-gray-900">404 Page Not Found</h1>
+          </div>
+
+          <p className="mt-4 text-sm text-gray-600">
+            Did you forget to add the page to the router?
+          </p>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}
diff --git a/artifacts/fb-publisher/tsconfig.json b/artifacts/fb-publisher/tsconfig.json
new file mode 100644
index 0000000000000000000000000000000000000000..a10abf0caa7b3dc33de300679904c94385ba99ab
--- /dev/null
+++ b/artifacts/fb-publisher/tsconfig.json
@@ -0,0 +1,22 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "build", "dist", "**/*.test.ts"],
+  "compilerOptions": {
+    "noEmit": true,
+    "jsx": "preserve",
+    "lib": ["esnext", "dom", "dom.iterable"],
+    "resolveJsonModule": true,
+    "allowImportingTsExtensions": true,
+    "moduleResolution": "bundler",
+    "types": ["node", "vite/client"],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "references": [
+    {
+      "path": "../../lib/api-client-react"
+    }
+  ]
+}
diff --git a/artifacts/fb-publisher/vite.config.ts b/artifacts/fb-publisher/vite.config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6d683c0a1b48d110337ed7332fab4ec63076b8d3
--- /dev/null
+++ b/artifacts/fb-publisher/vite.config.ts
@@ -0,0 +1,73 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import tailwindcss from "@tailwindcss/vite";
+import path from "path";
+import runtimeErrorOverlay from "@replit/vite-plugin-runtime-error-modal";
+
+const rawPort = process.env.PORT;
+const isProduction = process.env.NODE_ENV === "production";
+
+if (!rawPort && !isProduction) {
+  throw new Error(
+    "PORT environment variable is required but was not provided.",
+  );
+}
+
+const port = Number(rawPort ?? "3000");
+
+if (!isProduction && (Number.isNaN(port) || port <= 0)) {
+  throw new Error(`Invalid PORT value: "${rawPort}"`);
+}
+
+const basePath = process.env.BASE_PATH ?? "/";
+
+export default defineConfig({
+  base: basePath,
+  plugins: [
+    react(),
+    tailwindcss({ optimize: false }),
+    runtimeErrorOverlay(),
+    ...(process.env.NODE_ENV !== "production" &&
+    process.env.REPL_ID !== undefined
+      ? [
+          await import("@replit/vite-plugin-cartographer").then((m) =>
+            m.cartographer({
+              root: path.resolve(import.meta.dirname, ".."),
+            }),
+          ),
+          await import("@replit/vite-plugin-dev-banner").then((m) =>
+            m.devBanner(),
+          ),
+        ]
+      : []),
+  ],
+  resolve: {
+    alias: {
+      "@": path.resolve(import.meta.dirname, "src"),
+      "@assets": path.resolve(import.meta.dirname, "..", "..", "attached_assets"),
+    },
+    dedupe: ["react", "react-dom"],
+  },
+  root: path.resolve(import.meta.dirname),
+  build: {
+    // OUT_DIR يُستخدم عند البناء المدمج مع api-server
+    outDir: process.env.OUT_DIR
+      ? path.resolve(process.env.OUT_DIR)
+      : path.resolve(import.meta.dirname, "dist/public"),
+    emptyOutDir: true,
+  },
+  server: {
+    port,
+    strictPort: true,
+    host: "0.0.0.0",
+    allowedHosts: true,
+    fs: {
+      strict: true,
+    },
+  },
+  preview: {
+    port,
+    host: "0.0.0.0",
+    allowedHosts: true,
+  },
+});
diff --git a/artifacts/mockup-sandbox/.replit-artifact/artifact.toml b/artifacts/mockup-sandbox/.replit-artifact/artifact.toml
new file mode 100644
index 0000000000000000000000000000000000000000..8f94c258bc9f10c764e933c5bcea986a62b4c2a4
--- /dev/null
+++ b/artifacts/mockup-sandbox/.replit-artifact/artifact.toml
@@ -0,0 +1,17 @@
+kind = "design"
+previewPath = "/__mockup"
+title = "Canvas"
+version = "1.0.0"
+id = "XegfDyZt7HqfW2Bb8Ghoy"
+
+[[services]]
+localPort = 8081
+name = "Component Preview Server"
+paths = ["/__mockup"]
+
+[services.env]
+PORT = "8081"
+BASE_PATH = "/__mockup"
+
+[services.development]
+run = "pnpm --filter @workspace/mockup-sandbox run dev"
diff --git a/artifacts/mockup-sandbox/components.json b/artifacts/mockup-sandbox/components.json
new file mode 100644
index 0000000000000000000000000000000000000000..ba0c18c0c790c4270fe1d596a400e4e24dcc643e
--- /dev/null
+++ b/artifacts/mockup-sandbox/components.json
@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/index.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "lucide",
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  }
+}
diff --git a/artifacts/mockup-sandbox/index.html b/artifacts/mockup-sandbox/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..1397a638300ec564af33d63612ff217ea2c4012b
--- /dev/null
+++ b/artifacts/mockup-sandbox/index.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<!--
+  This file is the entry for ALL routes, including /preview/* canvas iframes.
+  Fonts are loaded here as non-blocking <link> tags (not CSS @import, which is render-blocking).
+-->
+<html lang="en" style="height: 100%">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
+
+    <meta property="og:title" content="Mockup Canvas" />
+    <meta property="og:description" content="UI prototyping sandbox with infinite canvas" />
+    <meta property="og:type" content="website" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="Mockup Canvas" />
+    <meta name="twitter:description" content="UI prototyping sandbox with infinite canvas" />
+
+    <title>Mockup Canvas</title>
+    <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🎨</text></svg>">
+    <!-- Non-blocking font bundle: renders with fallback fonts immediately, swaps in when loaded -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="stylesheet" media="print" onload="this.media='all'"
+          href="https://fonts.googleapis.com/css2?family=Architects+Daughter&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Fira+Code:wght@300..700&family=Geist+Mono:wght@100..900&family=Geist:wght@100..900&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Lora:ital,wght@0,400..700;1,400..700&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&family=Oxanium:wght@200..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100..900;1,100..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&family=Space+Grotesk:wght@300..700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap">
+    <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Architects+Daughter&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Fira+Code:wght@300..700&family=Geist+Mono:wght@100..900&family=Geist:wght@100..900&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Lora:ital,wght@0,400..700;1,400..700&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&family=Oxanium:wght@200..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100..900;1,100..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&family=Space+Grotesk:wght@300..700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap"></noscript>
+  </head>
+  <body style="height: 100%; margin: 0">
+    <div id="root" style="height: 100%"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/artifacts/mockup-sandbox/mockupPreviewPlugin.ts b/artifacts/mockup-sandbox/mockupPreviewPlugin.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c09ed92cbbc0cbe8e5499340d22a576720eb3c8f
--- /dev/null
+++ b/artifacts/mockup-sandbox/mockupPreviewPlugin.ts
@@ -0,0 +1,180 @@
+import { mkdirSync, writeFileSync } from "fs";
+import path from "path";
+import glob from "fast-glob";
+import chokidar from "chokidar";
+import type { FSWatcher } from "chokidar";
+import type { Plugin } from "vite";
+
+const MOCKUPS_DIR = "src/components/mockups";
+const GENERATED_MODULE = "src/.generated/mockup-components.ts";
+
+interface DiscoveredComponent {
+  globKey: string;
+  importPath: string;
+}
+
+export function mockupPreviewPlugin(): Plugin {
+  let root = "";
+  let currentSource = "";
+  let watcher: FSWatcher | null = null;
+
+  function getMockupsAbsDir(): string {
+    return path.join(root, MOCKUPS_DIR);
+  }
+
+  function getGeneratedModuleAbsPath(): string {
+    return path.join(root, GENERATED_MODULE);
+  }
+
+  function isMockupFile(absolutePath: string): boolean {
+    const rel = path.relative(getMockupsAbsDir(), absolutePath);
+    return (
+      !rel.startsWith("..") && !path.isAbsolute(rel) && rel.endsWith(".tsx")
+    );
+  }
+
+  function isPreviewTarget(relativeToMockups: string): boolean {
+    return relativeToMockups
+      .split(path.sep)
+      .every((segment) => !segment.startsWith("_"));
+  }
+
+  async function discoverComponents(): Promise<Array<DiscoveredComponent>> {
+    const files = await glob(`${MOCKUPS_DIR}/**/*.tsx`, {
+      cwd: root,
+      ignore: ["**/_*/**", "**/_*.tsx"],
+    });
+
+    return files.map((f) => ({
+      globKey: "./" + f.slice("src/".length),
+      importPath: path.posix.relative("src/.generated", f),
+    }));
+  }
+
+  function generateSource(components: Array<DiscoveredComponent>): string {
+    const entries = components
+      .map(
+        (c) =>
+          `  ${JSON.stringify(c.globKey)}: () => import(${JSON.stringify(c.importPath)})`,
+      )
+      .join(",\n");
+
+    return [
+      "// This file is auto-generated by mockupPreviewPlugin.ts.",
+      "type ModuleMap = Record<string, () => Promise<Record<string, unknown>>>;",
+      "export const modules: ModuleMap = {",
+      entries,
+      "};",
+      "",
+    ].join("\n");
+  }
+
+  function shouldAutoRescan(pathname: string): boolean {
+    return (
+      pathname.includes("/components/mockups/") ||
+      pathname.includes("/.generated/mockup-components")
+    );
+  }
+
+  let refreshInFlight = false;
+  let refreshQueued = false;
+
+  async function refresh(): Promise<boolean> {
+    if (refreshInFlight) {
+      refreshQueued = true;
+      return false;
+    }
+
+    refreshInFlight = true;
+    let changed = false;
+    try {
+      const components = await discoverComponents();
+      const newSource = generateSource(components);
+      if (newSource !== currentSource) {
+        currentSource = newSource;
+        const generatedModuleAbsPath = getGeneratedModuleAbsPath();
+        mkdirSync(path.dirname(generatedModuleAbsPath), { recursive: true });
+        writeFileSync(generatedModuleAbsPath, currentSource);
+        changed = true;
+      }
+    } finally {
+      refreshInFlight = false;
+    }
+
+    if (refreshQueued) {
+      refreshQueued = false;
+      const followUp = await refresh();
+      return changed || followUp;
+    }
+
+    return changed;
+  }
+
+  async function onFileAddedOrRemoved(): Promise<void> {
+    await refresh();
+  }
+
+  return {
+    name: "mockup-preview",
+    enforce: "pre",
+
+    configResolved(config) {
+      root = config.root;
+    },
+
+    async buildStart() {
+      await refresh();
+    },
+
+    async configureServer(viteServer) {
+      await refresh();
+
+      const mockupsAbsDir = getMockupsAbsDir();
+      mkdirSync(mockupsAbsDir, { recursive: true });
+
+      watcher = chokidar.watch(mockupsAbsDir, {
+        ignoreInitial: true,
+        awaitWriteFinish: {
+          stabilityThreshold: 100,
+          pollInterval: 50,
+        },
+      });
+
+      watcher.on("add", (file) => {
+        if (
+          isMockupFile(file) &&
+          isPreviewTarget(path.relative(mockupsAbsDir, file))
+        ) {
+          void onFileAddedOrRemoved();
+        }
+      });
+
+      watcher.on("unlink", (file) => {
+        if (isMockupFile(file)) {
+          void onFileAddedOrRemoved();
+        }
+      });
+
+      viteServer.middlewares.use((req, res, next) => {
+        const requestUrl = new URL(req.url ?? "/", "http://127.0.0.1");
+        const pathname = requestUrl.pathname;
+        const originalEnd = res.end.bind(res);
+
+        res.end = ((...args: Parameters<typeof originalEnd>) => {
+          if (res.statusCode === 404 && shouldAutoRescan(pathname)) {
+            void refresh();
+          }
+          return originalEnd(...args);
+        }) as typeof res.end;
+
+        next();
+      });
+    },
+
+    async closeWatcher() {
+      if (watcher) {
+        await watcher.close();
+      }
+    },
+  };
+}
diff --git a/artifacts/mockup-sandbox/package.json b/artifacts/mockup-sandbox/package.json
new file mode 100644
index 0000000000000000000000000000000000000000..20e280611ead90d8869b7460aedbaa2fb14b506b
--- /dev/null
+++ b/artifacts/mockup-sandbox/package.json
@@ -0,0 +1,74 @@
+{
+  "name": "@workspace/mockup-sandbox",
+  "version": "2.0.0",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build",
+    "preview": "vite preview",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  },
+  "devDependencies": {
+    "@hookform/resolvers": "^3.10.0",
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-aspect-ratio": "^1.1.8",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-menubar": "^1.1.16",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toast": "^1.2.7",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@replit/vite-plugin-cartographer": "catalog:",
+    "@replit/vite-plugin-runtime-error-modal": "catalog:",
+    "@tailwindcss/vite": "catalog:",
+    "@types/node": "catalog:",
+    "@types/react": "catalog:",
+    "@types/react-dom": "catalog:",
+    "@vitejs/plugin-react": "catalog:",
+    "chokidar": "^4.0.3",
+    "class-variance-authority": "catalog:",
+    "clsx": "catalog:",
+    "cmdk": "^1.1.1",
+    "date-fns": "^3.6.0",
+    "embla-carousel-react": "^8.6.0",
+    "fast-glob": "^3.3.3",
+    "framer-motion": "catalog:",
+    "input-otp": "^1.4.2",
+    "lucide-react": "catalog:",
+    "next-themes": "^0.4.6",
+    "react": "catalog:",
+    "react-day-picker": "^9.11.1",
+    "react-dom": "catalog:",
+    "react-hook-form": "^7.66.0",
+    "react-resizable-panels": "^2.1.9",
+    "recharts": "^2.15.4",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "catalog:",
+    "tailwindcss": "catalog:",
+    "tailwindcss-animate": "^1.0.7",
+    "tw-animate-css": "^1.4.0",
+    "vaul": "^1.1.2",
+    "vite": "catalog:",
+    "zod": "catalog:"
+  }
+}
diff --git a/artifacts/mockup-sandbox/src/.generated/mockup-components.ts b/artifacts/mockup-sandbox/src/.generated/mockup-components.ts
new file mode 100644
index 0000000000000000000000000000000000000000..97c87e1fe941456236fbbaa8a06da5a8dbab649c
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/.generated/mockup-components.ts
@@ -0,0 +1,5 @@
+// This file is auto-generated by mockupPreviewPlugin.ts.
+type ModuleMap = Record<string, () => Promise<Record<string, unknown>>>;
+export const modules: ModuleMap = {
+
+};
diff --git a/artifacts/mockup-sandbox/src/App.tsx b/artifacts/mockup-sandbox/src/App.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..d9c2317f0d952aefe737473c57dc4afe359048a0
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/App.tsx
@@ -0,0 +1,146 @@
+import { useEffect, useState, type ComponentType } from "react";
+
+import { modules as discoveredModules } from "./.generated/mockup-components";
+
+type ModuleMap = Record<string, () => Promise<Record<string, unknown>>>;
+
+function _resolveComponent(
+  mod: Record<string, unknown>,
+  name: string,
+): ComponentType | undefined {
+  const fns = Object.values(mod).filter(
+    (v) => typeof v === "function",
+  ) as ComponentType[];
+  return (
+    (mod.default as ComponentType) ||
+    (mod.Preview as ComponentType) ||
+    (mod[name] as ComponentType) ||
+    fns[fns.length - 1]
+  );
+}
+
+function PreviewRenderer({
+  componentPath,
+  modules,
+}: {
+  componentPath: string;
+  modules: ModuleMap;
+}) {
+  const [Component, setComponent] = useState<ComponentType | null>(null);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    let cancelled = false;
+
+    setComponent(null);
+    setError(null);
+
+    async function loadComponent(): Promise<void> {
+      const key = `./components/mockups/${componentPath}.tsx`;
+      const loader = modules[key];
+      if (!loader) {
+        setError(`No component found at ${componentPath}.tsx`);
+        return;
+      }
+
+      try {
+        const mod = await loader();
+        if (cancelled) {
+          return;
+        }
+        const name = componentPath.split("/").pop()!;
+        const comp = _resolveComponent(mod, name);
+        if (!comp) {
+          setError(
+            `No exported React component found in ${componentPath}.tsx\n\nMake sure the file has at least one exported function component.`,
+          );
+          return;
+        }
+        setComponent(() => comp);
+      } catch (e) {
+        if (cancelled) {
+          return;
+        }
+
+        const message = e instanceof Error ? e.message : String(e);
+        setError(`Failed to load preview.\n${message}`);
+      }
+    }
+
+    void loadComponent();
+
+    return () => {
+      cancelled = true;
+    };
+  }, [componentPath, modules]);
+
+  if (error) {
+    return (
+      <pre style={{ color: "red", padding: "2rem", fontFamily: "system-ui" }}>
+        {error}
+      </pre>
+    );
+  }
+
+  if (!Component) return null;
+
+  return <Component />;
+}
+
+function getBasePath(): string {
+  return import.meta.env.BASE_URL.replace(/\/$/, "");
+}
+
+function getPreviewExamplePath(): string {
+  const basePath = getBasePath();
+  return `${basePath}/preview/ComponentName`;
+}
+
+function Gallery() {
+  return (
+    <div className="min-h-screen bg-gray-50 flex items-center justify-center p-8">
+      <div className="text-center max-w-md">
+        <h1 className="text-2xl font-semibold text-gray-900 mb-3">
+          Component Preview Server
+        </h1>
+        <p className="text-gray-500 mb-4">
+          This server renders individual components for the workspace canvas.
+        </p>
+        <p className="text-sm text-gray-400">
+          Access component previews at{" "}
+          <code className="bg-gray-100 px-1.5 py-0.5 rounded text-gray-600">
+            {getPreviewExamplePath()}
+          </code>
+        </p>
+      </div>
+    </div>
+  );
+}
+
+function getPreviewPath(): string | null {
+  const basePath = getBasePath();
+  const { pathname } = window.location;
+  const local =
+    basePath && pathname.startsWith(basePath)
+      ? pathname.slice(basePath.length) || "/"
+      : pathname;
+  const match = local.match(/^\/preview\/(.+)$/);
+  return match ? match[1] : null;
+}
+
+function App() {
+  const previewPath = getPreviewPath();
+
+  if (previewPath) {
+    return (
+      <PreviewRenderer
+        componentPath={previewPath}
+        modules={discoveredModules}
+      />
+    );
+  }
+
+  return <Gallery />;
+}
+
+export default App;
diff --git a/artifacts/mockup-sandbox/src/components/ui/accordion.tsx b/artifacts/mockup-sandbox/src/components/ui/accordion.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e1797c93458f3751a2e0f1189ff50d77f20ae3ed
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/accordion.tsx
@@ -0,0 +1,55 @@
+import * as React from "react"
+import * as AccordionPrimitive from "@radix-ui/react-accordion"
+import { ChevronDown } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Accordion = AccordionPrimitive.Root
+
+const AccordionItem = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
+>(({ className, ...props }, ref) => (
+  <AccordionPrimitive.Item
+    ref={ref}
+    className={cn("border-b", className)}
+    {...props}
+  />
+))
+AccordionItem.displayName = "AccordionItem"
+
+const AccordionTrigger = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <AccordionPrimitive.Header className="flex">
+    <AccordionPrimitive.Trigger
+      ref={ref}
+      className={cn(
+        "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <ChevronDown className="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" />
+    </AccordionPrimitive.Trigger>
+  </AccordionPrimitive.Header>
+))
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName
+
+const AccordionContent = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <AccordionPrimitive.Content
+    ref={ref}
+    className="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
+    {...props}
+  >
+    <div className={cn("pb-4 pt-0", className)}>{children}</div>
+  </AccordionPrimitive.Content>
+))
+AccordionContent.displayName = AccordionPrimitive.Content.displayName
+
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }
diff --git a/artifacts/mockup-sandbox/src/components/ui/alert-dialog.tsx b/artifacts/mockup-sandbox/src/components/ui/alert-dialog.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..fa2b4429f4303210462ad03f9f49280ac5ae07ce
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/alert-dialog.tsx
@@ -0,0 +1,139 @@
+import * as React from "react"
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
+
+import { cn } from "@/lib/utils"
+import { buttonVariants } from "@/components/ui/button"
+
+const AlertDialog = AlertDialogPrimitive.Root
+
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger
+
+const AlertDialogPortal = AlertDialogPrimitive.Portal
+
+const AlertDialogOverlay = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Overlay
+    className={cn(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    )}
+    {...props}
+    ref={ref}
+  />
+))
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName
+
+const AlertDialogContent = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPortal>
+    <AlertDialogOverlay />
+    <AlertDialogPrimitive.Content
+      ref={ref}
+      className={cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      )}
+      {...props}
+    />
+  </AlertDialogPortal>
+))
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName
+
+const AlertDialogHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    )}
+    {...props}
+  />
+)
+AlertDialogHeader.displayName = "AlertDialogHeader"
+
+const AlertDialogFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    )}
+    {...props}
+  />
+)
+AlertDialogFooter.displayName = "AlertDialogFooter"
+
+const AlertDialogTitle = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Title
+    ref={ref}
+    className={cn("text-lg font-semibold", className)}
+    {...props}
+  />
+))
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName
+
+const AlertDialogDescription = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+AlertDialogDescription.displayName =
+  AlertDialogPrimitive.Description.displayName
+
+const AlertDialogAction = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Action>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Action
+    ref={ref}
+    className={cn(buttonVariants(), className)}
+    {...props}
+  />
+))
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName
+
+const AlertDialogCancel = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Cancel
+    ref={ref}
+    className={cn(
+      buttonVariants({ variant: "outline" }),
+      "mt-2 sm:mt-0",
+      className
+    )}
+    {...props}
+  />
+))
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName
+
+export {
+  AlertDialog,
+  AlertDialogPortal,
+  AlertDialogOverlay,
+  AlertDialogTrigger,
+  AlertDialogContent,
+  AlertDialogHeader,
+  AlertDialogFooter,
+  AlertDialogTitle,
+  AlertDialogDescription,
+  AlertDialogAction,
+  AlertDialogCancel,
+}
diff --git a/artifacts/mockup-sandbox/src/components/ui/alert.tsx b/artifacts/mockup-sandbox/src/components/ui/alert.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..5afd41d142c95c74069ebb5460117e74ead3b9df
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/alert.tsx
@@ -0,0 +1,59 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const alertVariants = cva(
+  "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive:
+          "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+const Alert = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>
+>(({ className, variant, ...props }, ref) => (
+  <div
+    ref={ref}
+    role="alert"
+    className={cn(alertVariants({ variant }), className)}
+    {...props}
+  />
+))
+Alert.displayName = "Alert"
+
+const AlertTitle = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLHeadingElement>
+>(({ className, ...props }, ref) => (
+  <h5
+    ref={ref}
+    className={cn("mb-1 font-medium leading-none tracking-tight", className)}
+    {...props}
+  />
+))
+AlertTitle.displayName = "AlertTitle"
+
+const AlertDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("text-sm [&_p]:leading-relaxed", className)}
+    {...props}
+  />
+))
+AlertDescription.displayName = "AlertDescription"
+
+export { Alert, AlertTitle, AlertDescription }
diff --git a/artifacts/mockup-sandbox/src/components/ui/aspect-ratio.tsx b/artifacts/mockup-sandbox/src/components/ui/aspect-ratio.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..c4abbf37f217c715a0eaade7f45ac78600df419f
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/aspect-ratio.tsx
@@ -0,0 +1,5 @@
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio"
+
+const AspectRatio = AspectRatioPrimitive.Root
+
+export { AspectRatio }
diff --git a/artifacts/mockup-sandbox/src/components/ui/avatar.tsx b/artifacts/mockup-sandbox/src/components/ui/avatar.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..51e507ba9d08bcdbb1fb630498f1cbdf2bf50093
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/avatar.tsx
@@ -0,0 +1,50 @@
+"use client"
+
+import * as React from "react"
+import * as AvatarPrimitive from "@radix-ui/react-avatar"
+
+import { cn } from "@/lib/utils"
+
+const Avatar = React.forwardRef<
+  React.ElementRef<typeof AvatarPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <AvatarPrimitive.Root
+    ref={ref}
+    className={cn(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      className
+    )}
+    {...props}
+  />
+))
+Avatar.displayName = AvatarPrimitive.Root.displayName
+
+const AvatarImage = React.forwardRef<
+  React.ElementRef<typeof AvatarPrimitive.Image>,
+  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>
+>(({ className, ...props }, ref) => (
+  <AvatarPrimitive.Image
+    ref={ref}
+    className={cn("aspect-square h-full w-full", className)}
+    {...props}
+  />
+))
+AvatarImage.displayName = AvatarPrimitive.Image.displayName
+
+const AvatarFallback = React.forwardRef<
+  React.ElementRef<typeof AvatarPrimitive.Fallback>,
+  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>
+>(({ className, ...props }, ref) => (
+  <AvatarPrimitive.Fallback
+    ref={ref}
+    className={cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      className
+    )}
+    {...props}
+  />
+))
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName
+
+export { Avatar, AvatarImage, AvatarFallback }
diff --git a/artifacts/mockup-sandbox/src/components/ui/badge.tsx b/artifacts/mockup-sandbox/src/components/ui/badge.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..cfd176a05b00824f7a6a029b10bb935ef38d10bb
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/badge.tsx
@@ -0,0 +1,37 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const badgeVariants = cva(
+  "whitespace-nowrap inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2" +
+  " hover-elevate ",
+  {
+    variants: {
+      variant: {
+        default:
+          "border-transparent bg-primary text-primary-foreground shadow-xs",
+        secondary:
+          "border-transparent bg-secondary text-secondary-foreground",
+        destructive:
+          "border-transparent bg-destructive text-destructive-foreground shadow-xs",
+        outline: "text-foreground border [border-color:var(--badge-outline)]",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+export interface BadgeProps
+  extends React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof badgeVariants> {}
+
+function Badge({ className, variant, ...props }: BadgeProps) {
+  return (
+    <div className={cn(badgeVariants({ variant }), className)} {...props} />
+  )
+}
+
+export { Badge, badgeVariants }
diff --git a/artifacts/mockup-sandbox/src/components/ui/breadcrumb.tsx b/artifacts/mockup-sandbox/src/components/ui/breadcrumb.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..60e6c96f72f0350d08b47e4730cab8f3975dc853
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/breadcrumb.tsx
@@ -0,0 +1,115 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { ChevronRight, MoreHorizontal } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Breadcrumb = React.forwardRef<
+  HTMLElement,
+  React.ComponentPropsWithoutRef<"nav"> & {
+    separator?: React.ReactNode
+  }
+>(({ ...props }, ref) => <nav ref={ref} aria-label="breadcrumb" {...props} />)
+Breadcrumb.displayName = "Breadcrumb"
+
+const BreadcrumbList = React.forwardRef<
+  HTMLOListElement,
+  React.ComponentPropsWithoutRef<"ol">
+>(({ className, ...props }, ref) => (
+  <ol
+    ref={ref}
+    className={cn(
+      "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
+      className
+    )}
+    {...props}
+  />
+))
+BreadcrumbList.displayName = "BreadcrumbList"
+
+const BreadcrumbItem = React.forwardRef<
+  HTMLLIElement,
+  React.ComponentPropsWithoutRef<"li">
+>(({ className, ...props }, ref) => (
+  <li
+    ref={ref}
+    className={cn("inline-flex items-center gap-1.5", className)}
+    {...props}
+  />
+))
+BreadcrumbItem.displayName = "BreadcrumbItem"
+
+const BreadcrumbLink = React.forwardRef<
+  HTMLAnchorElement,
+  React.ComponentPropsWithoutRef<"a"> & {
+    asChild?: boolean
+  }
+>(({ asChild, className, ...props }, ref) => {
+  const Comp = asChild ? Slot : "a"
+
+  return (
+    <Comp
+      ref={ref}
+      className={cn("transition-colors hover:text-foreground", className)}
+      {...props}
+    />
+  )
+})
+BreadcrumbLink.displayName = "BreadcrumbLink"
+
+const BreadcrumbPage = React.forwardRef<
+  HTMLSpanElement,
+  React.ComponentPropsWithoutRef<"span">
+>(({ className, ...props }, ref) => (
+  <span
+    ref={ref}
+    role="link"
+    aria-disabled="true"
+    aria-current="page"
+    className={cn("font-normal text-foreground", className)}
+    {...props}
+  />
+))
+BreadcrumbPage.displayName = "BreadcrumbPage"
+
+const BreadcrumbSeparator = ({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<"li">) => (
+  <li
+    role="presentation"
+    aria-hidden="true"
+    className={cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className)}
+    {...props}
+  >
+    {children ?? <ChevronRight />}
+  </li>
+)
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator"
+
+const BreadcrumbEllipsis = ({
+  className,
+  ...props
+}: React.ComponentProps<"span">) => (
+  <span
+    role="presentation"
+    aria-hidden="true"
+    className={cn("flex h-9 w-9 items-center justify-center", className)}
+    {...props}
+  >
+    <MoreHorizontal className="h-4 w-4" />
+    <span className="sr-only">More</span>
+  </span>
+)
+BreadcrumbEllipsis.displayName = "BreadcrumbElipssis"
+
+export {
+  Breadcrumb,
+  BreadcrumbList,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  BreadcrumbEllipsis,
+}
diff --git a/artifacts/mockup-sandbox/src/components/ui/button-group.tsx b/artifacts/mockup-sandbox/src/components/ui/button-group.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..d6e78014fc491465c059253d541b10afdaa3227a
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/button-group.tsx
@@ -0,0 +1,83 @@
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+import { Separator } from "@/components/ui/separator"
+
+const buttonGroupVariants = cva(
+  "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
+  {
+    variants: {
+      orientation: {
+        horizontal:
+          "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+        vertical:
+          "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none",
+      },
+    },
+    defaultVariants: {
+      orientation: "horizontal",
+    },
+  }
+)
+
+function ButtonGroup({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>) {
+  return (
+    <div
+      role="group"
+      data-slot="button-group"
+      data-orientation={orientation}
+      className={cn(buttonGroupVariants({ orientation }), className)}
+      {...props}
+    />
+  )
+}
+
+function ButtonGroupText({
+  className,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"div"> & {
+  asChild?: boolean
+}) {
+  const Comp = asChild ? Slot : "div"
+
+  return (
+    <Comp
+      className={cn(
+        "bg-muted shadow-xs flex items-center gap-2 rounded-md border px-4 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function ButtonGroupSeparator({
+  className,
+  orientation = "vertical",
+  ...props
+}: React.ComponentProps<typeof Separator>) {
+  return (
+    <Separator
+      data-slot="button-group-separator"
+      orientation={orientation}
+      className={cn(
+        "bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  ButtonGroup,
+  ButtonGroupSeparator,
+  ButtonGroupText,
+  buttonGroupVariants,
+}
diff --git a/artifacts/mockup-sandbox/src/components/ui/button.tsx b/artifacts/mockup-sandbox/src/components/ui/button.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..a471859fcdc6b46cc07cf9445f8b7a1765d563df
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/button.tsx
@@ -0,0 +1,58 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0" +
+" hover-elevate active-elevate-2",
+  {
+    variants: {
+      variant: {
+        default:
+          "bg-primary text-primary-foreground border border-primary-border",
+        destructive:
+          "bg-destructive text-destructive-foreground shadow-sm border-destructive-border",
+        outline:
+          "border [border-color:var(--button-outline)] shadow-xs active:shadow-none",
+        secondary:
+          "border bg-secondary text-secondary-foreground border border-secondary-border",
+        ghost: "border border-transparent",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default: "min-h-9 px-4 py-2",
+        sm: "min-h-8 rounded-md px-3 text-xs",
+        lg: "min-h-10 rounded-md px-8",
+        icon: "h-9 w-9",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+export interface ButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+    VariantProps<typeof buttonVariants> {
+  asChild?: boolean
+}
+
+const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button"
+    return (
+      <Comp
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Button.displayName = "Button"
+
+export { Button, buttonVariants }
diff --git a/artifacts/mockup-sandbox/src/components/ui/calendar.tsx b/artifacts/mockup-sandbox/src/components/ui/calendar.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..a623682dab53fbe9e1777b83b2e93763837653d8
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/calendar.tsx
@@ -0,0 +1,213 @@
+"use client"
+
+import * as React from "react"
+import {
+  ChevronDownIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+} from "lucide-react"
+import { DayButton, DayPicker, getDefaultClassNames } from "react-day-picker"
+
+import { cn } from "@/lib/utils"
+import { Button, buttonVariants } from "@/components/ui/button"
+
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "label",
+  buttonVariant = "ghost",
+  formatters,
+  components,
+  ...props
+}: React.ComponentProps<typeof DayPicker> & {
+  buttonVariant?: React.ComponentProps<typeof Button>["variant"]
+}) {
+  const defaultClassNames = getDefaultClassNames()
+
+  return (
+    <DayPicker
+      showOutsideDays={showOutsideDays}
+      className={cn(
+        "bg-background group/calendar p-3 [--cell-size:2rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        className
+      )}
+      captionLayout={captionLayout}
+      formatters={{
+        formatMonthDropdown: (date) =>
+          date.toLocaleString("default", { month: "short" }),
+        ...formatters,
+      }}
+      classNames={{
+        root: cn("w-fit", defaultClassNames.root),
+        months: cn(
+          "relative flex flex-col gap-4 md:flex-row",
+          defaultClassNames.months
+        ),
+        month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
+        nav: cn(
+          "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
+          defaultClassNames.nav
+        ),
+        button_previous: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
+          defaultClassNames.button_previous
+        ),
+        button_next: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
+          defaultClassNames.button_next
+        ),
+        month_caption: cn(
+          "flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]",
+          defaultClassNames.month_caption
+        ),
+        dropdowns: cn(
+          "flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium",
+          defaultClassNames.dropdowns
+        ),
+        dropdown_root: cn(
+          "has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border",
+          defaultClassNames.dropdown_root
+        ),
+        dropdown: cn(
+          "bg-popover absolute inset-0 opacity-0",
+          defaultClassNames.dropdown
+        ),
+        caption_label: cn(
+          "select-none font-medium",
+          captionLayout === "label"
+            ? "text-sm"
+            : "[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5",
+          defaultClassNames.caption_label
+        ),
+        table: "w-full border-collapse",
+        weekdays: cn("flex", defaultClassNames.weekdays),
+        weekday: cn(
+          "text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal",
+          defaultClassNames.weekday
+        ),
+        week: cn("mt-2 flex w-full", defaultClassNames.week),
+        week_number_header: cn(
+          "w-[--cell-size] select-none",
+          defaultClassNames.week_number_header
+        ),
+        week_number: cn(
+          "text-muted-foreground select-none text-[0.8rem]",
+          defaultClassNames.week_number
+        ),
+        day: cn(
+          "group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md",
+          defaultClassNames.day
+        ),
+        range_start: cn(
+          "bg-accent rounded-l-md",
+          defaultClassNames.range_start
+        ),
+        range_middle: cn("rounded-none", defaultClassNames.range_middle),
+        range_end: cn("bg-accent rounded-r-md", defaultClassNames.range_end),
+        today: cn(
+          "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
+          defaultClassNames.today
+        ),
+        outside: cn(
+          "text-muted-foreground aria-selected:text-muted-foreground",
+          defaultClassNames.outside
+        ),
+        disabled: cn(
+          "text-muted-foreground opacity-50",
+          defaultClassNames.disabled
+        ),
+        hidden: cn("invisible", defaultClassNames.hidden),
+        ...classNames,
+      }}
+      components={{
+        Root: ({ className, rootRef, ...props }) => {
+          return (
+            <div
+              data-slot="calendar"
+              ref={rootRef}
+              className={cn(className)}
+              {...props}
+            />
+          )
+        },
+        Chevron: ({ className, orientation, ...props }) => {
+          if (orientation === "left") {
+            return (
+              <ChevronLeftIcon className={cn("size-4", className)} {...props} />
+            )
+          }
+
+          if (orientation === "right") {
+            return (
+              <ChevronRightIcon
+                className={cn("size-4", className)}
+                {...props}
+              />
+            )
+          }
+
+          return (
+            <ChevronDownIcon className={cn("size-4", className)} {...props} />
+          )
+        },
+        DayButton: CalendarDayButton,
+        WeekNumber: ({ children, ...props }) => {
+          return (
+            <td {...props}>
+              <div className="flex size-[--cell-size] items-center justify-center text-center">
+                {children}
+              </div>
+            </td>
+          )
+        },
+        ...components,
+      }}
+      {...props}
+    />
+  )
+}
+
+function CalendarDayButton({
+  className,
+  day,
+  modifiers,
+  ...props
+}: React.ComponentProps<typeof DayButton>) {
+  const defaultClassNames = getDefaultClassNames()
+
+  const ref = React.useRef<HTMLButtonElement>(null)
+  React.useEffect(() => {
+    if (modifiers.focused) ref.current?.focus()
+  }, [modifiers.focused])
+
+  return (
+    <Button
+      ref={ref}
+      variant="ghost"
+      size="icon"
+      data-day={day.date.toLocaleDateString()}
+      data-selected-single={
+        modifiers.selected &&
+        !modifiers.range_start &&
+        !modifiers.range_end &&
+        !modifiers.range_middle
+      }
+      data-range-start={modifiers.range_start}
+      data-range-end={modifiers.range_end}
+      data-range-middle={modifiers.range_middle}
+      className={cn(
+        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",
+        defaultClassNames.day,
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Calendar, CalendarDayButton }
diff --git a/artifacts/mockup-sandbox/src/components/ui/card.tsx b/artifacts/mockup-sandbox/src/components/ui/card.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..cabfbfc59d955db9efc2049783cad4a71db55442
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/card.tsx
@@ -0,0 +1,76 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Card = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      "rounded-xl border bg-card text-card-foreground shadow",
+      className
+    )}
+    {...props}
+  />
+))
+Card.displayName = "Card"
+
+const CardHeader = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex flex-col space-y-1.5 p-6", className)}
+    {...props}
+  />
+))
+CardHeader.displayName = "CardHeader"
+
+const CardTitle = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("font-semibold leading-none tracking-tight", className)}
+    {...props}
+  />
+))
+CardTitle.displayName = "CardTitle"
+
+const CardDescription = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+CardDescription.displayName = "CardDescription"
+
+const CardContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
+))
+CardContent.displayName = "CardContent"
+
+const CardFooter = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex items-center p-6 pt-0", className)}
+    {...props}
+  />
+))
+CardFooter.displayName = "CardFooter"
+
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
diff --git a/artifacts/mockup-sandbox/src/components/ui/carousel.tsx b/artifacts/mockup-sandbox/src/components/ui/carousel.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..9c2b9bf3705d8421bef00704c0c52e83d371ca11
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/carousel.tsx
@@ -0,0 +1,260 @@
+import * as React from "react"
+import useEmblaCarousel, {
+  type UseEmblaCarouselType,
+} from "embla-carousel-react"
+import { ArrowLeft, ArrowRight } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+
+type CarouselApi = UseEmblaCarouselType[1]
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>
+type CarouselOptions = UseCarouselParameters[0]
+type CarouselPlugin = UseCarouselParameters[1]
+
+type CarouselProps = {
+  opts?: CarouselOptions
+  plugins?: CarouselPlugin
+  orientation?: "horizontal" | "vertical"
+  setApi?: (api: CarouselApi) => void
+}
+
+type CarouselContextProps = {
+  carouselRef: ReturnType<typeof useEmblaCarousel>[0]
+  api: ReturnType<typeof useEmblaCarousel>[1]
+  scrollPrev: () => void
+  scrollNext: () => void
+  canScrollPrev: boolean
+  canScrollNext: boolean
+} & CarouselProps
+
+const CarouselContext = React.createContext<CarouselContextProps | null>(null)
+
+function useCarousel() {
+  const context = React.useContext(CarouselContext)
+
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />")
+  }
+
+  return context
+}
+
+const Carousel = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement> & CarouselProps
+>(
+  (
+    {
+      orientation = "horizontal",
+      opts,
+      setApi,
+      plugins,
+      className,
+      children,
+      ...props
+    },
+    ref
+  ) => {
+    const [carouselRef, api] = useEmblaCarousel(
+      {
+        ...opts,
+        axis: orientation === "horizontal" ? "x" : "y",
+      },
+      plugins
+    )
+    const [canScrollPrev, setCanScrollPrev] = React.useState(false)
+    const [canScrollNext, setCanScrollNext] = React.useState(false)
+
+    const onSelect = React.useCallback((api: CarouselApi) => {
+      if (!api) {
+        return
+      }
+
+      setCanScrollPrev(api.canScrollPrev())
+      setCanScrollNext(api.canScrollNext())
+    }, [])
+
+    const scrollPrev = React.useCallback(() => {
+      api?.scrollPrev()
+    }, [api])
+
+    const scrollNext = React.useCallback(() => {
+      api?.scrollNext()
+    }, [api])
+
+    const handleKeyDown = React.useCallback(
+      (event: React.KeyboardEvent<HTMLDivElement>) => {
+        if (event.key === "ArrowLeft") {
+          event.preventDefault()
+          scrollPrev()
+        } else if (event.key === "ArrowRight") {
+          event.preventDefault()
+          scrollNext()
+        }
+      },
+      [scrollPrev, scrollNext]
+    )
+
+    React.useEffect(() => {
+      if (!api || !setApi) {
+        return
+      }
+
+      setApi(api)
+    }, [api, setApi])
+
+    React.useEffect(() => {
+      if (!api) {
+        return
+      }
+
+      onSelect(api)
+      api.on("reInit", onSelect)
+      api.on("select", onSelect)
+
+      return () => {
+        api?.off("select", onSelect)
+      }
+    }, [api, onSelect])
+
+    return (
+      <CarouselContext.Provider
+        value={{
+          carouselRef,
+          api: api,
+          opts,
+          orientation:
+            orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+          scrollPrev,
+          scrollNext,
+          canScrollPrev,
+          canScrollNext,
+        }}
+      >
+        <div
+          ref={ref}
+          onKeyDownCapture={handleKeyDown}
+          className={cn("relative", className)}
+          role="region"
+          aria-roledescription="carousel"
+          {...props}
+        >
+          {children}
+        </div>
+      </CarouselContext.Provider>
+    )
+  }
+)
+Carousel.displayName = "Carousel"
+
+const CarouselContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  const { carouselRef, orientation } = useCarousel()
+
+  return (
+    <div ref={carouselRef} className="overflow-hidden">
+      <div
+        ref={ref}
+        className={cn(
+          "flex",
+          orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
+          className
+        )}
+        {...props}
+      />
+    </div>
+  )
+})
+CarouselContent.displayName = "CarouselContent"
+
+const CarouselItem = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  const { orientation } = useCarousel()
+
+  return (
+    <div
+      ref={ref}
+      role="group"
+      aria-roledescription="slide"
+      className={cn(
+        "min-w-0 shrink-0 grow-0 basis-full",
+        orientation === "horizontal" ? "pl-4" : "pt-4",
+        className
+      )}
+      {...props}
+    />
+  )
+})
+CarouselItem.displayName = "CarouselItem"
+
+const CarouselPrevious = React.forwardRef<
+  HTMLButtonElement,
+  React.ComponentProps<typeof Button>
+>(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel()
+
+  return (
+    <Button
+      ref={ref}
+      variant={variant}
+      size={size}
+      className={cn(
+        "absolute  h-8 w-8 rounded-full",
+        orientation === "horizontal"
+          ? "-left-12 top-1/2 -translate-y-1/2"
+          : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      )}
+      disabled={!canScrollPrev}
+      onClick={scrollPrev}
+      {...props}
+    >
+      <ArrowLeft className="h-4 w-4" />
+      <span className="sr-only">Previous slide</span>
+    </Button>
+  )
+})
+CarouselPrevious.displayName = "CarouselPrevious"
+
+const CarouselNext = React.forwardRef<
+  HTMLButtonElement,
+  React.ComponentProps<typeof Button>
+>(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+  const { orientation, scrollNext, canScrollNext } = useCarousel()
+
+  return (
+    <Button
+      ref={ref}
+      variant={variant}
+      size={size}
+      className={cn(
+        "absolute h-8 w-8 rounded-full",
+        orientation === "horizontal"
+          ? "-right-12 top-1/2 -translate-y-1/2"
+          : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      )}
+      disabled={!canScrollNext}
+      onClick={scrollNext}
+      {...props}
+    >
+      <ArrowRight className="h-4 w-4" />
+      <span className="sr-only">Next slide</span>
+    </Button>
+  )
+})
+CarouselNext.displayName = "CarouselNext"
+
+export {
+  type CarouselApi,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselPrevious,
+  CarouselNext,
+}
diff --git a/artifacts/mockup-sandbox/src/components/ui/chart.tsx b/artifacts/mockup-sandbox/src/components/ui/chart.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..558b810e741ae2fa05d5249c46d3253bc9e32e4f
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/chart.tsx
@@ -0,0 +1,365 @@
+import * as React from "react"
+import * as RechartsPrimitive from "recharts"
+
+import { cn } from "@/lib/utils"
+
+const THEMES = { light: "", dark: ".dark" } as const
+
+export type ChartConfig = {
+  [k in string]: {
+    label?: React.ReactNode
+    icon?: React.ComponentType
+  } & (
+    | { color?: string; theme?: never }
+    | { color?: never; theme: Record<keyof typeof THEMES, string> }
+  )
+}
+
+type ChartContextProps = {
+  config: ChartConfig
+}
+
+const ChartContext = React.createContext<ChartContextProps | null>(null)
+
+function useChart() {
+  const context = React.useContext(ChartContext)
+
+  if (!context) {
+    throw new Error("useChart must be used within a <ChartContainer />")
+  }
+
+  return context
+}
+
+const ChartContainer = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<"div"> & {
+    config: ChartConfig
+    children: React.ComponentProps<
+      typeof RechartsPrimitive.ResponsiveContainer
+    >["children"]
+  }
+>(({ id, className, children, config, ...props }, ref) => {
+  const uniqueId = React.useId()
+  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`
+
+  return (
+    <ChartContext.Provider value={{ config }}>
+      <div
+        data-chart={chartId}
+        ref={ref}
+        className={cn(
+          "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
+          className
+        )}
+        {...props}
+      >
+        <ChartStyle id={chartId} config={config} />
+        <RechartsPrimitive.ResponsiveContainer>
+          {children}
+        </RechartsPrimitive.ResponsiveContainer>
+      </div>
+    </ChartContext.Provider>
+  )
+})
+ChartContainer.displayName = "Chart"
+
+const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
+  const colorConfig = Object.entries(config).filter(
+    ([, config]) => config.theme || config.color
+  )
+
+  if (!colorConfig.length) {
+    return null
+  }
+
+  return (
+    <style
+      dangerouslySetInnerHTML={{
+        __html: Object.entries(THEMES)
+          .map(
+            ([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig
+  .map(([key, itemConfig]) => {
+    const color =
+      itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||
+      itemConfig.color
+    return color ? `  --color-${key}: ${color};` : null
+  })
+  .join("\n")}
+}
+`
+          )
+          .join("\n"),
+      }}
+    />
+  )
+}
+
+const ChartTooltip = RechartsPrimitive.Tooltip
+
+const ChartTooltipContent = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<typeof RechartsPrimitive.Tooltip> &
+    React.ComponentProps<"div"> & {
+      hideLabel?: boolean
+      hideIndicator?: boolean
+      indicator?: "line" | "dot" | "dashed"
+      nameKey?: string
+      labelKey?: string
+    }
+>(
+  (
+    {
+      active,
+      payload,
+      className,
+      indicator = "dot",
+      hideLabel = false,
+      hideIndicator = false,
+      label,
+      labelFormatter,
+      labelClassName,
+      formatter,
+      color,
+      nameKey,
+      labelKey,
+    },
+    ref
+  ) => {
+    const { config } = useChart()
+
+    const tooltipLabel = React.useMemo(() => {
+      if (hideLabel || !payload?.length) {
+        return null
+      }
+
+      const [item] = payload
+      const key = `${labelKey || item?.dataKey || item?.name || "value"}`
+      const itemConfig = getPayloadConfigFromPayload(config, item, key)
+      const value =
+        !labelKey && typeof label === "string"
+          ? config[label as keyof typeof config]?.label || label
+          : itemConfig?.label
+
+      if (labelFormatter) {
+        return (
+          <div className={cn("font-medium", labelClassName)}>
+            {labelFormatter(value, payload)}
+          </div>
+        )
+      }
+
+      if (!value) {
+        return null
+      }
+
+      return <div className={cn("font-medium", labelClassName)}>{value}</div>
+    }, [
+      label,
+      labelFormatter,
+      payload,
+      hideLabel,
+      labelClassName,
+      config,
+      labelKey,
+    ])
+
+    if (!active || !payload?.length) {
+      return null
+    }
+
+    const nestLabel = payload.length === 1 && indicator !== "dot"
+
+    return (
+      <div
+        ref={ref}
+        className={cn(
+          "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
+          className
+        )}
+      >
+        {!nestLabel ? tooltipLabel : null}
+        <div className="grid gap-1.5">
+          {payload
+            .filter((item) => item.type !== "none")
+            .map((item, index) => {
+              const key = `${nameKey || item.name || item.dataKey || "value"}`
+              const itemConfig = getPayloadConfigFromPayload(config, item, key)
+              const indicatorColor = color || item.payload.fill || item.color
+
+              return (
+                <div
+                  key={item.dataKey}
+                  className={cn(
+                    "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
+                    indicator === "dot" && "items-center"
+                  )}
+                >
+                  {formatter && item?.value !== undefined && item.name ? (
+                    formatter(item.value, item.name, item, index, item.payload)
+                  ) : (
+                    <>
+                      {itemConfig?.icon ? (
+                        <itemConfig.icon />
+                      ) : (
+                        !hideIndicator && (
+                          <div
+                            className={cn(
+                              "shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]",
+                              {
+                                "h-2.5 w-2.5": indicator === "dot",
+                                "w-1": indicator === "line",
+                                "w-0 border-[1.5px] border-dashed bg-transparent":
+                                  indicator === "dashed",
+                                "my-0.5": nestLabel && indicator === "dashed",
+                              }
+                            )}
+                            style={
+                              {
+                                "--color-bg": indicatorColor,
+                                "--color-border": indicatorColor,
+                              } as React.CSSProperties
+                            }
+                          />
+                        )
+                      )}
+                      <div
+                        className={cn(
+                          "flex flex-1 justify-between leading-none",
+                          nestLabel ? "items-end" : "items-center"
+                        )}
+                      >
+                        <div className="grid gap-1.5">
+                          {nestLabel ? tooltipLabel : null}
+                          <span className="text-muted-foreground">
+                            {itemConfig?.label || item.name}
+                          </span>
+                        </div>
+                        {item.value && (
+                          <span className="font-mono font-medium tabular-nums text-foreground">
+                            {item.value.toLocaleString()}
+                          </span>
+                        )}
+                      </div>
+                    </>
+                  )}
+                </div>
+              )
+            })}
+        </div>
+      </div>
+    )
+  }
+)
+ChartTooltipContent.displayName = "ChartTooltip"
+
+const ChartLegend = RechartsPrimitive.Legend
+
+const ChartLegendContent = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<"div"> &
+    Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
+      hideIcon?: boolean
+      nameKey?: string
+    }
+>(
+  (
+    { className, hideIcon = false, payload, verticalAlign = "bottom", nameKey },
+    ref
+  ) => {
+    const { config } = useChart()
+
+    if (!payload?.length) {
+      return null
+    }
+
+    return (
+      <div
+        ref={ref}
+        className={cn(
+          "flex items-center justify-center gap-4",
+          verticalAlign === "top" ? "pb-3" : "pt-3",
+          className
+        )}
+      >
+        {payload
+          .filter((item) => item.type !== "none")
+          .map((item) => {
+            const key = `${nameKey || item.dataKey || "value"}`
+            const itemConfig = getPayloadConfigFromPayload(config, item, key)
+
+            return (
+              <div
+                key={item.value}
+                className={cn(
+                  "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
+                )}
+              >
+                {itemConfig?.icon && !hideIcon ? (
+                  <itemConfig.icon />
+                ) : (
+                  <div
+                    className="h-2 w-2 shrink-0 rounded-[2px]"
+                    style={{
+                      backgroundColor: item.color,
+                    }}
+                  />
+                )}
+                {itemConfig?.label}
+              </div>
+            )
+          })}
+      </div>
+    )
+  }
+)
+ChartLegendContent.displayName = "ChartLegend"
+
+function getPayloadConfigFromPayload(
+  config: ChartConfig,
+  payload: unknown,
+  key: string
+) {
+  if (typeof payload !== "object" || payload === null) {
+    return undefined
+  }
+
+  const payloadPayload =
+    "payload" in payload &&
+    typeof payload.payload === "object" &&
+    payload.payload !== null
+      ? payload.payload
+      : undefined
+
+  let configLabelKey: string = key
+
+  if (
+    key in payload &&
+    typeof payload[key as keyof typeof payload] === "string"
+  ) {
+    configLabelKey = payload[key as keyof typeof payload] as string
+  } else if (
+    payloadPayload &&
+    key in payloadPayload &&
+    typeof payloadPayload[key as keyof typeof payloadPayload] === "string"
+  ) {
+    configLabelKey = payloadPayload[
+      key as keyof typeof payloadPayload
+    ] as string
+  }
+
+  return configLabelKey in config
+    ? config[configLabelKey]
+    : config[key as keyof typeof config]
+}
+
+export {
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+  ChartLegend,
+  ChartLegendContent,
+  ChartStyle,
+}
diff --git a/artifacts/mockup-sandbox/src/components/ui/checkbox.tsx b/artifacts/mockup-sandbox/src/components/ui/checkbox.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..90b71e4131b047201b35476638ea324b12f76113
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/checkbox.tsx
@@ -0,0 +1,28 @@
+import * as React from "react"
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
+import { Check } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Checkbox = React.forwardRef<
+  React.ElementRef<typeof CheckboxPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <CheckboxPrimitive.Root
+    ref={ref}
+    className={cn(
+      "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      className
+    )}
+    {...props}
+  >
+    <CheckboxPrimitive.Indicator
+      className={cn("grid place-content-center text-current")}
+    >
+      <Check className="h-4 w-4" />
+    </CheckboxPrimitive.Indicator>
+  </CheckboxPrimitive.Root>
+))
+Checkbox.displayName = CheckboxPrimitive.Root.displayName
+
+export { Checkbox }
diff --git a/artifacts/mockup-sandbox/src/components/ui/collapsible.tsx b/artifacts/mockup-sandbox/src/components/ui/collapsible.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..9fa48946afd1eb56bd932377fd888e3986304676
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/collapsible.tsx
@@ -0,0 +1,11 @@
+"use client"
+
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible"
+
+const Collapsible = CollapsiblePrimitive.Root
+
+const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger
+
+const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent
+
+export { Collapsible, CollapsibleTrigger, CollapsibleContent }
diff --git a/artifacts/mockup-sandbox/src/components/ui/command.tsx b/artifacts/mockup-sandbox/src/components/ui/command.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..2cecd9104b27be82d238aa2f1cbb351e05446af7
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/command.tsx
@@ -0,0 +1,153 @@
+"use client"
+
+import * as React from "react"
+import { type DialogProps } from "@radix-ui/react-dialog"
+import { Command as CommandPrimitive } from "cmdk"
+import { Search } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+import { Dialog, DialogContent } from "@/components/ui/dialog"
+
+const Command = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive
+    ref={ref}
+    className={cn(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      className
+    )}
+    {...props}
+  />
+))
+Command.displayName = CommandPrimitive.displayName
+
+const CommandDialog = ({ children, ...props }: DialogProps) => {
+  return (
+    <Dialog {...props}>
+      <DialogContent className="overflow-hidden p-0">
+        <Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
+          {children}
+        </Command>
+      </DialogContent>
+    </Dialog>
+  )
+}
+
+const CommandInput = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Input>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>
+>(({ className, ...props }, ref) => (
+  <div className="flex items-center border-b px-3" cmdk-input-wrapper="">
+    <Search className="mr-2 h-4 w-4 shrink-0 opacity-50" />
+    <CommandPrimitive.Input
+      ref={ref}
+      className={cn(
+        "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )}
+      {...props}
+    />
+  </div>
+))
+
+CommandInput.displayName = CommandPrimitive.Input.displayName
+
+const CommandList = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.List>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.List
+    ref={ref}
+    className={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)}
+    {...props}
+  />
+))
+
+CommandList.displayName = CommandPrimitive.List.displayName
+
+const CommandEmpty = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Empty>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>
+>((props, ref) => (
+  <CommandPrimitive.Empty
+    ref={ref}
+    className="py-6 text-center text-sm"
+    {...props}
+  />
+))
+
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName
+
+const CommandGroup = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Group>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.Group
+    ref={ref}
+    className={cn(
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      className
+    )}
+    {...props}
+  />
+))
+
+CommandGroup.displayName = CommandPrimitive.Group.displayName
+
+const CommandSeparator = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 h-px bg-border", className)}
+    {...props}
+  />
+))
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName
+
+const CommandItem = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      className
+    )}
+    {...props}
+  />
+))
+
+CommandItem.displayName = CommandPrimitive.Item.displayName
+
+const CommandShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+CommandShortcut.displayName = "CommandShortcut"
+
+export {
+  Command,
+  CommandDialog,
+  CommandInput,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandItem,
+  CommandShortcut,
+  CommandSeparator,
+}
diff --git a/artifacts/mockup-sandbox/src/components/ui/context-menu.tsx b/artifacts/mockup-sandbox/src/components/ui/context-menu.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..0cd4b2c03d306c38836d43c7f3dc2cb2547c64a7
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/context-menu.tsx
@@ -0,0 +1,198 @@
+import * as React from "react"
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu"
+import { Check, ChevronRight, Circle } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const ContextMenu = ContextMenuPrimitive.Root
+
+const ContextMenuTrigger = ContextMenuPrimitive.Trigger
+
+const ContextMenuGroup = ContextMenuPrimitive.Group
+
+const ContextMenuPortal = ContextMenuPrimitive.Portal
+
+const ContextMenuSub = ContextMenuPrimitive.Sub
+
+const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup
+
+const ContextMenuSubTrigger = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.SubTrigger>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {
+    inset?: boolean
+  }
+>(({ className, inset, children, ...props }, ref) => (
+  <ContextMenuPrimitive.SubTrigger
+    ref={ref}
+    className={cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <ChevronRight className="ml-auto h-4 w-4" />
+  </ContextMenuPrimitive.SubTrigger>
+))
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName
+
+const ContextMenuSubContent = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.SubContent>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>
+>(({ className, ...props }, ref) => (
+  <ContextMenuPrimitive.SubContent
+    ref={ref}
+    className={cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-context-menu-content-transform-origin]",
+      className
+    )}
+    {...props}
+  />
+))
+ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName
+
+const ContextMenuContent = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <ContextMenuPrimitive.Portal>
+    <ContextMenuPrimitive.Content
+      ref={ref}
+      className={cn(
+        "z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-context-menu-content-transform-origin]",
+        className
+      )}
+      {...props}
+    />
+  </ContextMenuPrimitive.Portal>
+))
+ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName
+
+const ContextMenuItem = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <ContextMenuPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName
+
+const ContextMenuCheckboxItem = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>
+>(({ className, children, checked, ...props }, ref) => (
+  <ContextMenuPrimitive.CheckboxItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    checked={checked}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <ContextMenuPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </ContextMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </ContextMenuPrimitive.CheckboxItem>
+))
+ContextMenuCheckboxItem.displayName =
+  ContextMenuPrimitive.CheckboxItem.displayName
+
+const ContextMenuRadioItem = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.RadioItem>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>
+>(({ className, children, ...props }, ref) => (
+  <ContextMenuPrimitive.RadioItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <ContextMenuPrimitive.ItemIndicator>
+        <Circle className="h-4 w-4 fill-current" />
+      </ContextMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </ContextMenuPrimitive.RadioItem>
+))
+ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName
+
+const ContextMenuLabel = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <ContextMenuPrimitive.Label
+    ref={ref}
+    className={cn(
+      "px-2 py-1.5 text-sm font-semibold text-foreground",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName
+
+const ContextMenuSeparator = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <ContextMenuPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-border", className)}
+    {...props}
+  />
+))
+ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName
+
+const ContextMenuShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+ContextMenuShortcut.displayName = "ContextMenuShortcut"
+
+export {
+  ContextMenu,
+  ContextMenuTrigger,
+  ContextMenuContent,
+  ContextMenuItem,
+  ContextMenuCheckboxItem,
+  ContextMenuRadioItem,
+  ContextMenuLabel,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuGroup,
+  ContextMenuPortal,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuRadioGroup,
+}
diff --git a/artifacts/mockup-sandbox/src/components/ui/dialog.tsx b/artifacts/mockup-sandbox/src/components/ui/dialog.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..9dbeaa096eef7b54a3272898770c4c32e00630af
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/dialog.tsx
@@ -0,0 +1,120 @@
+import * as React from "react"
+import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { X } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Dialog = DialogPrimitive.Root
+
+const DialogTrigger = DialogPrimitive.Trigger
+
+const DialogPortal = DialogPrimitive.Portal
+
+const DialogClose = DialogPrimitive.Close
+
+const DialogOverlay = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Overlay
+    ref={ref}
+    className={cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    )}
+    {...props}
+  />
+))
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName
+
+const DialogContent = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <DialogPortal>
+    <DialogOverlay />
+    <DialogPrimitive.Content
+      ref={ref}
+      className={cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
+        <X className="h-4 w-4" />
+        <span className="sr-only">Close</span>
+      </DialogPrimitive.Close>
+    </DialogPrimitive.Content>
+  </DialogPortal>
+))
+DialogContent.displayName = DialogPrimitive.Content.displayName
+
+const DialogHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    )}
+    {...props}
+  />
+)
+DialogHeader.displayName = "DialogHeader"
+
+const DialogFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    )}
+    {...props}
+  />
+)
+DialogFooter.displayName = "DialogFooter"
+
+const DialogTitle = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Title
+    ref={ref}
+    className={cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    )}
+    {...props}
+  />
+))
+DialogTitle.displayName = DialogPrimitive.Title.displayName
+
+const DialogDescription = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+DialogDescription.displayName = DialogPrimitive.Description.displayName
+
+export {
+  Dialog,
+  DialogPortal,
+  DialogOverlay,
+  DialogTrigger,
+  DialogClose,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+  DialogTitle,
+  DialogDescription,
+}
diff --git a/artifacts/mockup-sandbox/src/components/ui/drawer.tsx b/artifacts/mockup-sandbox/src/components/ui/drawer.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..c17b0ccaa95dccfb96c75618e078efd263e54fd0
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/drawer.tsx
@@ -0,0 +1,116 @@
+import * as React from "react"
+import { Drawer as DrawerPrimitive } from "vaul"
+
+import { cn } from "@/lib/utils"
+
+const Drawer = ({
+  shouldScaleBackground = true,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (
+  <DrawerPrimitive.Root
+    shouldScaleBackground={shouldScaleBackground}
+    {...props}
+  />
+)
+Drawer.displayName = "Drawer"
+
+const DrawerTrigger = DrawerPrimitive.Trigger
+
+const DrawerPortal = DrawerPrimitive.Portal
+
+const DrawerClose = DrawerPrimitive.Close
+
+const DrawerOverlay = React.forwardRef<
+  React.ElementRef<typeof DrawerPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <DrawerPrimitive.Overlay
+    ref={ref}
+    className={cn("fixed inset-0 z-50 bg-black/80", className)}
+    {...props}
+  />
+))
+DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName
+
+const DrawerContent = React.forwardRef<
+  React.ElementRef<typeof DrawerPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <DrawerPortal>
+    <DrawerOverlay />
+    <DrawerPrimitive.Content
+      ref={ref}
+      className={cn(
+        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
+        className
+      )}
+      {...props}
+    >
+      <div className="mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" />
+      {children}
+    </DrawerPrimitive.Content>
+  </DrawerPortal>
+))
+DrawerContent.displayName = "DrawerContent"
+
+const DrawerHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn("grid gap-1.5 p-4 text-center sm:text-left", className)}
+    {...props}
+  />
+)
+DrawerHeader.displayName = "DrawerHeader"
+
+const DrawerFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn("mt-auto flex flex-col gap-2 p-4", className)}
+    {...props}
+  />
+)
+DrawerFooter.displayName = "DrawerFooter"
+
+const DrawerTitle = React.forwardRef<
+  React.ElementRef<typeof DrawerPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <DrawerPrimitive.Title
+    ref={ref}
+    className={cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    )}
+    {...props}
+  />
+))
+DrawerTitle.displayName = DrawerPrimitive.Title.displayName
+
+const DrawerDescription = React.forwardRef<
+  React.ElementRef<typeof DrawerPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <DrawerPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+DrawerDescription.displayName = DrawerPrimitive.Description.displayName
+
+export {
+  Drawer,
+  DrawerPortal,
+  DrawerOverlay,
+  DrawerTrigger,
+  DrawerClose,
+  DrawerContent,
+  DrawerHeader,
+  DrawerFooter,
+  DrawerTitle,
+  DrawerDescription,
+}
diff --git a/artifacts/mockup-sandbox/src/components/ui/dropdown-menu.tsx b/artifacts/mockup-sandbox/src/components/ui/dropdown-menu.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..5a20503b547ea0e4e467d63fe1ae78e4171afb52
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/dropdown-menu.tsx
@@ -0,0 +1,201 @@
+"use client"
+
+import * as React from "react"
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
+import { Check, ChevronRight, Circle } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const DropdownMenu = DropdownMenuPrimitive.Root
+
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
+
+const DropdownMenuGroup = DropdownMenuPrimitive.Group
+
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal
+
+const DropdownMenuSub = DropdownMenuPrimitive.Sub
+
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
+
+const DropdownMenuSubTrigger = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean
+  }
+>(({ className, inset, children, ...props }, ref) => (
+  <DropdownMenuPrimitive.SubTrigger
+    ref={ref}
+    className={cn(
+      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <ChevronRight className="ml-auto" />
+  </DropdownMenuPrimitive.SubTrigger>
+))
+DropdownMenuSubTrigger.displayName =
+  DropdownMenuPrimitive.SubTrigger.displayName
+
+const DropdownMenuSubContent = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
+>(({ className, ...props }, ref) => (
+  <DropdownMenuPrimitive.SubContent
+    ref={ref}
+    className={cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+      className
+    )}
+    {...props}
+  />
+))
+DropdownMenuSubContent.displayName =
+  DropdownMenuPrimitive.SubContent.displayName
+
+const DropdownMenuContent = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
+>(({ className, sideOffset = 4, ...props }, ref) => (
+  <DropdownMenuPrimitive.Portal>
+    <DropdownMenuPrimitive.Content
+      ref={ref}
+      sideOffset={sideOffset}
+      className={cn(
+        "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+        className
+      )}
+      {...props}
+    />
+  </DropdownMenuPrimitive.Portal>
+))
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
+
+const DropdownMenuItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <DropdownMenuPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
+
+const DropdownMenuCheckboxItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
+>(({ className, children, checked, ...props }, ref) => (
+  <DropdownMenuPrimitive.CheckboxItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    checked={checked}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <DropdownMenuPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </DropdownMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </DropdownMenuPrimitive.CheckboxItem>
+))
+DropdownMenuCheckboxItem.displayName =
+  DropdownMenuPrimitive.CheckboxItem.displayName
+
+const DropdownMenuRadioItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
+>(({ className, children, ...props }, ref) => (
+  <DropdownMenuPrimitive.RadioItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <DropdownMenuPrimitive.ItemIndicator>
+        <Circle className="h-2 w-2 fill-current" />
+      </DropdownMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </DropdownMenuPrimitive.RadioItem>
+))
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
+
+const DropdownMenuLabel = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <DropdownMenuPrimitive.Label
+    ref={ref}
+    className={cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
+
+const DropdownMenuSeparator = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <DropdownMenuPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    {...props}
+  />
+))
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
+
+const DropdownMenuShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
+      {...props}
+    />
+  )
+}
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut"
+
+export {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuGroup,
+  DropdownMenuPortal,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuRadioGroup,
+}
diff --git a/artifacts/mockup-sandbox/src/components/ui/empty.tsx b/artifacts/mockup-sandbox/src/components/ui/empty.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..71667632e77bf4265ab740e906f785fee806eec2
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/empty.tsx
@@ -0,0 +1,104 @@
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+function Empty({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="empty"
+      className={cn(
+        "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance rounded-lg border-dashed p-6 text-center md:p-12",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function EmptyHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="empty-header"
+      className={cn(
+        "flex max-w-sm flex-col items-center gap-2 text-center",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+const emptyMediaVariants = cva(
+  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+function EmptyMedia({
+  className,
+  variant = "default",
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>) {
+  return (
+    <div
+      data-slot="empty-icon"
+      data-variant={variant}
+      className={cn(emptyMediaVariants({ variant, className }))}
+      {...props}
+    />
+  )
+}
+
+function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="empty-title"
+      className={cn("text-lg font-medium tracking-tight", className)}
+      {...props}
+    />
+  )
+}
+
+function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+  return (
+    <div
+      data-slot="empty-description"
+      className={cn(
+        "text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function EmptyContent({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="empty-content"
+      className={cn(
+        "flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  Empty,
+  EmptyHeader,
+  EmptyTitle,
+  EmptyDescription,
+  EmptyContent,
+  EmptyMedia,
+}
diff --git a/artifacts/mockup-sandbox/src/components/ui/field.tsx b/artifacts/mockup-sandbox/src/components/ui/field.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..0a276fcb1d7623b0d57fd649fddfb043b535ea62
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/field.tsx
@@ -0,0 +1,244 @@
+"use client"
+
+import { useMemo } from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+import { Label } from "@/components/ui/label"
+import { Separator } from "@/components/ui/separator"
+
+function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">) {
+  return (
+    <fieldset
+      data-slot="field-set"
+      className={cn(
+        "flex flex-col gap-6",
+        "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldLegend({
+  className,
+  variant = "legend",
+  ...props
+}: React.ComponentProps<"legend"> & { variant?: "legend" | "label" }) {
+  return (
+    <legend
+      data-slot="field-legend"
+      data-variant={variant}
+      className={cn(
+        "mb-3 font-medium",
+        "data-[variant=legend]:text-base",
+        "data-[variant=label]:text-sm",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="field-group"
+      className={cn(
+        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+const fieldVariants = cva(
+  "group/field data-[invalid=true]:text-destructive flex w-full gap-3",
+  {
+    variants: {
+      orientation: {
+        vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+        horizontal: [
+          "flex-row items-center",
+          "[&>[data-slot=field-label]]:flex-auto",
+          "has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-content]]:items-start",
+        ],
+        responsive: [
+          "@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto flex-col [&>*]:w-full [&>.sr-only]:w-auto",
+          "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+          "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+        ],
+      },
+    },
+    defaultVariants: {
+      orientation: "vertical",
+    },
+  }
+)
+
+function Field({
+  className,
+  orientation = "vertical",
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) {
+  return (
+    <div
+      role="group"
+      data-slot="field"
+      data-orientation={orientation}
+      className={cn(fieldVariants({ orientation }), className)}
+      {...props}
+    />
+  )
+}
+
+function FieldContent({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="field-content"
+      className={cn(
+        "group/field-content flex flex-1 flex-col gap-1.5 leading-snug",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldLabel({
+  className,
+  ...props
+}: React.ComponentProps<typeof Label>) {
+  return (
+    <Label
+      data-slot="field-label"
+      className={cn(
+        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>[data-slot=field]]:p-4",
+        "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="field-label"
+      className={cn(
+        "flex w-fit items-center gap-2 text-sm font-medium leading-snug group-data-[disabled=true]/field:opacity-50",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldDescription({ className, ...props }: React.ComponentProps<"p">) {
+  return (
+    <p
+      data-slot="field-description"
+      className={cn(
+        "text-muted-foreground text-sm font-normal leading-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
+        "nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldSeparator({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<"div"> & {
+  children?: React.ReactNode
+}) {
+  return (
+    <div
+      data-slot="field-separator"
+      data-content={!!children}
+      className={cn(
+        "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
+        className
+      )}
+      {...props}
+    >
+      <Separator className="absolute inset-0 top-1/2" />
+      {children && (
+        <span
+          className="bg-background text-muted-foreground relative mx-auto block w-fit px-2"
+          data-slot="field-separator-content"
+        >
+          {children}
+        </span>
+      )}
+    </div>
+  )
+}
+
+function FieldError({
+  className,
+  children,
+  errors,
+  ...props
+}: React.ComponentProps<"div"> & {
+  errors?: Array<{ message?: string } | undefined>
+}) {
+  const content = useMemo(() => {
+    if (children) {
+      return children
+    }
+
+    if (!errors) {
+      return null
+    }
+
+    if (errors?.length === 1 && errors[0]?.message) {
+      return errors[0].message
+    }
+
+    return (
+      <ul className="ml-4 flex list-disc flex-col gap-1">
+        {errors.map(
+          (error, index) =>
+            error?.message && <li key={index}>{error.message}</li>
+        )}
+      </ul>
+    )
+  }, [children, errors])
+
+  if (!content) {
+    return null
+  }
+
+  return (
+    <div
+      role="alert"
+      data-slot="field-error"
+      className={cn("text-destructive text-sm font-normal", className)}
+      {...props}
+    >
+      {content}
+    </div>
+  )
+}
+
+export {
+  Field,
+  FieldLabel,
+  FieldDescription,
+  FieldError,
+  FieldGroup,
+  FieldLegend,
+  FieldSeparator,
+  FieldSet,
+  FieldContent,
+  FieldTitle,
+}
diff --git a/artifacts/mockup-sandbox/src/components/ui/form.tsx b/artifacts/mockup-sandbox/src/components/ui/form.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..1fe22e6f0be2750d1b5ec3efc7346fef4612b2e3
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/form.tsx
@@ -0,0 +1,176 @@
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { Slot } from "@radix-ui/react-slot"
+import {
+  Controller,
+  FormProvider,
+  useFormContext,
+  type ControllerProps,
+  type FieldPath,
+  type FieldValues,
+} from "react-hook-form"
+
+import { cn } from "@/lib/utils"
+import { Label } from "@/components/ui/label"
+
+const Form = FormProvider
+
+type FormFieldContextValue<
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
+> = {
+  name: TName
+}
+
+const FormFieldContext = React.createContext<FormFieldContextValue | null>(null)
+
+const FormField = <
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
+>({
+  ...props
+}: ControllerProps<TFieldValues, TName>) => {
+  return (
+    <FormFieldContext.Provider value={{ name: props.name }}>
+      <Controller {...props} />
+    </FormFieldContext.Provider>
+  )
+}
+
+const useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext)
+  const itemContext = React.useContext(FormItemContext)
+  const { getFieldState, formState } = useFormContext()
+
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>")
+  }
+
+  if (!itemContext) {
+    throw new Error("useFormField should be used within <FormItem>")
+  }
+
+  const fieldState = getFieldState(fieldContext.name, formState)
+
+  const { id } = itemContext
+
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState,
+  }
+}
+
+type FormItemContextValue = {
+  id: string
+}
+
+const FormItemContext = React.createContext<FormItemContextValue | null>(null)
+
+const FormItem = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  const id = React.useId()
+
+  return (
+    <FormItemContext.Provider value={{ id }}>
+      <div ref={ref} className={cn("space-y-2", className)} {...props} />
+    </FormItemContext.Provider>
+  )
+})
+FormItem.displayName = "FormItem"
+
+const FormLabel = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>
+>(({ className, ...props }, ref) => {
+  const { error, formItemId } = useFormField()
+
+  return (
+    <Label
+      ref={ref}
+      className={cn(error && "text-destructive", className)}
+      htmlFor={formItemId}
+      {...props}
+    />
+  )
+})
+FormLabel.displayName = "FormLabel"
+
+const FormControl = React.forwardRef<
+  React.ElementRef<typeof Slot>,
+  React.ComponentPropsWithoutRef<typeof Slot>
+>(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
+
+  return (
+    <Slot
+      ref={ref}
+      id={formItemId}
+      aria-describedby={
+        !error
+          ? `${formDescriptionId}`
+          : `${formDescriptionId} ${formMessageId}`
+      }
+      aria-invalid={!!error}
+      {...props}
+    />
+  )
+})
+FormControl.displayName = "FormControl"
+
+const FormDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField()
+
+  return (
+    <p
+      ref={ref}
+      id={formDescriptionId}
+      className={cn("text-[0.8rem] text-muted-foreground", className)}
+      {...props}
+    />
+  )
+})
+FormDescription.displayName = "FormDescription"
+
+const FormMessage = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, children, ...props }, ref) => {
+  const { error, formMessageId } = useFormField()
+  const body = error ? String(error?.message ?? "") : children
+
+  if (!body) {
+    return null
+  }
+
+  return (
+    <p
+      ref={ref}
+      id={formMessageId}
+      className={cn("text-[0.8rem] font-medium text-destructive", className)}
+      {...props}
+    >
+      {body}
+    </p>
+  )
+})
+FormMessage.displayName = "FormMessage"
+
+export {
+  useFormField,
+  Form,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormDescription,
+  FormMessage,
+  FormField,
+}
diff --git a/artifacts/mockup-sandbox/src/components/ui/hover-card.tsx b/artifacts/mockup-sandbox/src/components/ui/hover-card.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..95643d9c7099c1179f8a876fbf8840dc077e1b38
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/hover-card.tsx
@@ -0,0 +1,27 @@
+import * as React from "react"
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card"
+
+import { cn } from "@/lib/utils"
+
+const HoverCard = HoverCardPrimitive.Root
+
+const HoverCardTrigger = HoverCardPrimitive.Trigger
+
+const HoverCardContent = React.forwardRef<
+  React.ElementRef<typeof HoverCardPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>
+>(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
+  <HoverCardPrimitive.Content
+    ref={ref}
+    align={align}
+    sideOffset={sideOffset}
+    className={cn(
+      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-hover-card-content-transform-origin]",
+      className
+    )}
+    {...props}
+  />
+))
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName
+
+export { HoverCard, HoverCardTrigger, HoverCardContent }
diff --git a/artifacts/mockup-sandbox/src/components/ui/input-group.tsx b/artifacts/mockup-sandbox/src/components/ui/input-group.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e66a505a0fa0c4767cc00beefe969a8a41a5b597
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/input-group.tsx
@@ -0,0 +1,165 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Textarea } from "@/components/ui/textarea"
+
+function InputGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="input-group"
+      role="group"
+      className={cn(
+        "group/input-group border-input dark:bg-input/30 shadow-xs relative flex w-full items-center rounded-md border outline-none transition-[color,box-shadow]",
+        "h-9 has-[>textarea]:h-auto",
+
+        "has-[>[data-align=inline-start]]:[&>input]:pl-2",
+        "has-[>[data-align=inline-end]]:[&>input]:pr-2",
+        "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
+        "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3",
+
+        "has-[[data-slot=input-group-control]:focus-visible]:ring-ring has-[[data-slot=input-group-control]:focus-visible]:ring-1",
+
+        "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40",
+
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+const inputGroupAddonVariants = cva(
+  "text-muted-foreground flex h-auto cursor-text select-none items-center justify-center gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      align: {
+        "inline-start":
+          "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
+        "inline-end":
+          "order-last pr-3 has-[>button]:mr-[-0.4rem] has-[>kbd]:mr-[-0.35rem]",
+        "block-start":
+          "[.border-b]:pb-3 order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5",
+        "block-end":
+          "[.border-t]:pt-3 order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5",
+      },
+    },
+    defaultVariants: {
+      align: "inline-start",
+    },
+  }
+)
+
+function InputGroupAddon({
+  className,
+  align = "inline-start",
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>) {
+  return (
+    <div
+      role="group"
+      data-slot="input-group-addon"
+      data-align={align}
+      className={cn(inputGroupAddonVariants({ align }), className)}
+      onClick={(e) => {
+        if ((e.target as HTMLElement).closest("button")) {
+          return
+        }
+        e.currentTarget.parentElement?.querySelector("input")?.focus()
+      }}
+      {...props}
+    />
+  )
+}
+
+const inputGroupButtonVariants = cva(
+  "flex items-center gap-2 text-sm shadow-none",
+  {
+    variants: {
+      size: {
+        xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
+        sm: "h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",
+        "icon-xs":
+          "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+        "icon-sm": "size-8 p-0 has-[>svg]:p-0",
+      },
+    },
+    defaultVariants: {
+      size: "xs",
+    },
+  }
+)
+
+function InputGroupButton({
+  className,
+  type = "button",
+  variant = "ghost",
+  size = "xs",
+  ...props
+}: Omit<React.ComponentProps<typeof Button>, "size"> &
+  VariantProps<typeof inputGroupButtonVariants>) {
+  return (
+    <Button
+      type={type}
+      data-size={size}
+      variant={variant}
+      className={cn(inputGroupButtonVariants({ size }), className)}
+      {...props}
+    />
+  )
+}
+
+function InputGroupText({ className, ...props }: React.ComponentProps<"span">) {
+  return (
+    <span
+      className={cn(
+        "text-muted-foreground flex items-center gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function InputGroupInput({
+  className,
+  ...props
+}: React.ComponentProps<"input">) {
+  return (
+    <Input
+      data-slot="input-group-control"
+      className={cn(
+        "flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function InputGroupTextarea({
+  className,
+  ...props
+}: React.ComponentProps<"textarea">) {
+  return (
+    <Textarea
+      data-slot="input-group-control"
+      className={cn(
+        "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupText,
+  InputGroupInput,
+  InputGroupTextarea,
+}
diff --git a/artifacts/mockup-sandbox/src/components/ui/input-otp.tsx b/artifacts/mockup-sandbox/src/components/ui/input-otp.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..f7891c9cc8ba7868f4b5bdb67dc883b1880ade9f
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/input-otp.tsx
@@ -0,0 +1,69 @@
+import * as React from "react"
+import { OTPInput, OTPInputContext } from "input-otp"
+import { Minus } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const InputOTP = React.forwardRef<
+  React.ElementRef<typeof OTPInput>,
+  React.ComponentPropsWithoutRef<typeof OTPInput>
+>(({ className, containerClassName, ...props }, ref) => (
+  <OTPInput
+    ref={ref}
+    containerClassName={cn(
+      "flex items-center gap-2 has-[:disabled]:opacity-50",
+      containerClassName
+    )}
+    className={cn("disabled:cursor-not-allowed", className)}
+    {...props}
+  />
+))
+InputOTP.displayName = "InputOTP"
+
+const InputOTPGroup = React.forwardRef<
+  React.ElementRef<"div">,
+  React.ComponentPropsWithoutRef<"div">
+>(({ className, ...props }, ref) => (
+  <div ref={ref} className={cn("flex items-center", className)} {...props} />
+))
+InputOTPGroup.displayName = "InputOTPGroup"
+
+const InputOTPSlot = React.forwardRef<
+  React.ElementRef<"div">,
+  React.ComponentPropsWithoutRef<"div"> & { index: number }
+>(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React.useContext(OTPInputContext)
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]
+
+  return (
+    <div
+      ref={ref}
+      className={cn(
+        "relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
+        isActive && "z-10 ring-1 ring-ring",
+        className
+      )}
+      {...props}
+    >
+      {char}
+      {hasFakeCaret && (
+        <div className="pointer-events-none absolute inset-0 flex items-center justify-center">
+          <div className="h-4 w-px animate-caret-blink bg-foreground duration-1000" />
+        </div>
+      )}
+    </div>
+  )
+})
+InputOTPSlot.displayName = "InputOTPSlot"
+
+const InputOTPSeparator = React.forwardRef<
+  React.ElementRef<"div">,
+  React.ComponentPropsWithoutRef<"div">
+>(({ ...props }, ref) => (
+  <div ref={ref} role="separator" {...props}>
+    <Minus />
+  </div>
+))
+InputOTPSeparator.displayName = "InputOTPSeparator"
+
+export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }
diff --git a/artifacts/mockup-sandbox/src/components/ui/input.tsx b/artifacts/mockup-sandbox/src/components/ui/input.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..69b64fb2455114c3eeda2d18741af0027b3c5e89
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/input.tsx
@@ -0,0 +1,22 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
+  ({ className, type, ...props }, ref) => {
+    return (
+      <input
+        type={type}
+        className={cn(
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          className
+        )}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Input.displayName = "Input"
+
+export { Input }
diff --git a/artifacts/mockup-sandbox/src/components/ui/item.tsx b/artifacts/mockup-sandbox/src/components/ui/item.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..93d2b8122ddd7119c3580afa71e8c53708982983
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/item.tsx
@@ -0,0 +1,193 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+import { Separator } from "@/components/ui/separator"
+
+function ItemGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      role="list"
+      data-slot="item-group"
+      className={cn("group/item-group flex flex-col", className)}
+      {...props}
+    />
+  )
+}
+
+function ItemSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Separator>) {
+  return (
+    <Separator
+      data-slot="item-separator"
+      orientation="horizontal"
+      className={cn("my-0", className)}
+      {...props}
+    />
+  )
+}
+
+const itemVariants = cva(
+  "group/item [a]:hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-ring/50 [a]:transition-colors flex flex-wrap items-center rounded-md border border-transparent text-sm outline-none transition-colors duration-100 focus-visible:ring-[3px]",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border-border",
+        muted: "bg-muted/50",
+      },
+      size: {
+        default: "gap-4 p-4 ",
+        sm: "gap-2.5 px-4 py-3",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+function Item({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}: React.ComponentProps<"div"> &
+  VariantProps<typeof itemVariants> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : "div"
+  return (
+    <Comp
+      data-slot="item"
+      data-variant={variant}
+      data-size={size}
+      className={cn(itemVariants({ variant, size, className }))}
+      {...props}
+    />
+  )
+}
+
+const itemMediaVariants = cva(
+  "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4",
+        image:
+          "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+function ItemMedia({
+  className,
+  variant = "default",
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>) {
+  return (
+    <div
+      data-slot="item-media"
+      data-variant={variant}
+      className={cn(itemMediaVariants({ variant, className }))}
+      {...props}
+    />
+  )
+}
+
+function ItemContent({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="item-content"
+      className={cn(
+        "flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function ItemTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="item-title"
+      className={cn(
+        "flex w-fit items-center gap-2 text-sm font-medium leading-snug",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function ItemDescription({ className, ...props }: React.ComponentProps<"p">) {
+  return (
+    <p
+      data-slot="item-description"
+      className={cn(
+        "text-muted-foreground line-clamp-2 text-balance text-sm font-normal leading-normal",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function ItemActions({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="item-actions"
+      className={cn("flex items-center gap-2", className)}
+      {...props}
+    />
+  )
+}
+
+function ItemHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="item-header"
+      className={cn(
+        "flex basis-full items-center justify-between gap-2",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function ItemFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="item-footer"
+      className={cn(
+        "flex basis-full items-center justify-between gap-2",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  Item,
+  ItemMedia,
+  ItemContent,
+  ItemActions,
+  ItemGroup,
+  ItemSeparator,
+  ItemTitle,
+  ItemDescription,
+  ItemHeader,
+  ItemFooter,
+}
diff --git a/artifacts/mockup-sandbox/src/components/ui/kbd.tsx b/artifacts/mockup-sandbox/src/components/ui/kbd.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..44d8ba842d739468527fd004503f4546cc152576
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/kbd.tsx
@@ -0,0 +1,28 @@
+import { cn } from "@/lib/utils"
+
+function Kbd({ className, ...props }: React.ComponentProps<"kbd">) {
+  return (
+    <kbd
+      data-slot="kbd"
+      className={cn(
+        "bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 select-none items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium",
+        "[&_svg:not([class*='size-'])]:size-3",
+        "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function KbdGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <kbd
+      data-slot="kbd-group"
+      className={cn("inline-flex items-center gap-1", className)}
+      {...props}
+    />
+  )
+}
+
+export { Kbd, KbdGroup }
diff --git a/artifacts/mockup-sandbox/src/components/ui/label.tsx b/artifacts/mockup-sandbox/src/components/ui/label.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..534182176bf87f9308355514adc884d2b69750a5
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/label.tsx
@@ -0,0 +1,26 @@
+"use client"
+
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+)
+
+const Label = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
+    VariantProps<typeof labelVariants>
+>(({ className, ...props }, ref) => (
+  <LabelPrimitive.Root
+    ref={ref}
+    className={cn(labelVariants(), className)}
+    {...props}
+  />
+))
+Label.displayName = LabelPrimitive.Root.displayName
+
+export { Label }
diff --git a/artifacts/mockup-sandbox/src/components/ui/menubar.tsx b/artifacts/mockup-sandbox/src/components/ui/menubar.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..6919168b87c646d3b27fd66d68cdd7e391757583
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/menubar.tsx
@@ -0,0 +1,254 @@
+import * as React from "react"
+import * as MenubarPrimitive from "@radix-ui/react-menubar"
+import { Check, ChevronRight, Circle } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function MenubarMenu({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {
+  return <MenubarPrimitive.Menu {...props} />
+}
+
+function MenubarGroup({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Group>) {
+  return <MenubarPrimitive.Group {...props} />
+}
+
+function MenubarPortal({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {
+  return <MenubarPrimitive.Portal {...props} />
+}
+
+function MenubarRadioGroup({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {
+  return <MenubarPrimitive.RadioGroup {...props} />
+}
+
+function MenubarSub({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {
+  return <MenubarPrimitive.Sub data-slot="menubar-sub" {...props} />
+}
+
+const Menubar = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <MenubarPrimitive.Root
+    ref={ref}
+    className={cn(
+      "flex h-9 items-center space-x-1 rounded-md border bg-background p-1 shadow-sm",
+      className
+    )}
+    {...props}
+  />
+))
+Menubar.displayName = MenubarPrimitive.Root.displayName
+
+const MenubarTrigger = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>
+>(({ className, ...props }, ref) => (
+  <MenubarPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      className
+    )}
+    {...props}
+  />
+))
+MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName
+
+const MenubarSubTrigger = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.SubTrigger>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> & {
+    inset?: boolean
+  }
+>(({ className, inset, children, ...props }, ref) => (
+  <MenubarPrimitive.SubTrigger
+    ref={ref}
+    className={cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <ChevronRight className="ml-auto h-4 w-4" />
+  </MenubarPrimitive.SubTrigger>
+))
+MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName
+
+const MenubarSubContent = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.SubContent>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>
+>(({ className, ...props }, ref) => (
+  <MenubarPrimitive.SubContent
+    ref={ref}
+    className={cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-menubar-content-transform-origin]",
+      className
+    )}
+    {...props}
+  />
+))
+MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName
+
+const MenubarContent = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>
+>(
+  (
+    { className, align = "start", alignOffset = -4, sideOffset = 8, ...props },
+    ref
+  ) => (
+    <MenubarPrimitive.Portal>
+      <MenubarPrimitive.Content
+        ref={ref}
+        align={align}
+        alignOffset={alignOffset}
+        sideOffset={sideOffset}
+        className={cn(
+          "z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-menubar-content-transform-origin]",
+          className
+        )}
+        {...props}
+      />
+    </MenubarPrimitive.Portal>
+  )
+)
+MenubarContent.displayName = MenubarPrimitive.Content.displayName
+
+const MenubarItem = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <MenubarPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+MenubarItem.displayName = MenubarPrimitive.Item.displayName
+
+const MenubarCheckboxItem = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.CheckboxItem>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>
+>(({ className, children, checked, ...props }, ref) => (
+  <MenubarPrimitive.CheckboxItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    checked={checked}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <MenubarPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </MenubarPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </MenubarPrimitive.CheckboxItem>
+))
+MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName
+
+const MenubarRadioItem = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.RadioItem>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>
+>(({ className, children, ...props }, ref) => (
+  <MenubarPrimitive.RadioItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <MenubarPrimitive.ItemIndicator>
+        <Circle className="h-4 w-4 fill-current" />
+      </MenubarPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </MenubarPrimitive.RadioItem>
+))
+MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName
+
+const MenubarLabel = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <MenubarPrimitive.Label
+    ref={ref}
+    className={cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+MenubarLabel.displayName = MenubarPrimitive.Label.displayName
+
+const MenubarSeparator = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <MenubarPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    {...props}
+  />
+))
+MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName
+
+const MenubarShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+MenubarShortcut.displayname = "MenubarShortcut"
+
+export {
+  Menubar,
+  MenubarMenu,
+  MenubarTrigger,
+  MenubarContent,
+  MenubarItem,
+  MenubarSeparator,
+  MenubarLabel,
+  MenubarCheckboxItem,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarPortal,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarGroup,
+  MenubarSub,
+  MenubarShortcut,
+}
diff --git a/artifacts/mockup-sandbox/src/components/ui/navigation-menu.tsx b/artifacts/mockup-sandbox/src/components/ui/navigation-menu.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..056354bf824bf1f06e9dbceeacad512ce21b03d1
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/navigation-menu.tsx
@@ -0,0 +1,128 @@
+import * as React from "react"
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu"
+import { cva } from "class-variance-authority"
+import { ChevronDown } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const NavigationMenu = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>
+>(({ className, children, ...props }, ref) => (
+  <NavigationMenuPrimitive.Root
+    ref={ref}
+    className={cn(
+      "relative z-10 flex max-w-max flex-1 items-center justify-center",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <NavigationMenuViewport />
+  </NavigationMenuPrimitive.Root>
+))
+NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName
+
+const NavigationMenuList = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.List>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>
+>(({ className, ...props }, ref) => (
+  <NavigationMenuPrimitive.List
+    ref={ref}
+    className={cn(
+      "group flex flex-1 list-none items-center justify-center space-x-1",
+      className
+    )}
+    {...props}
+  />
+))
+NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName
+
+const NavigationMenuItem = NavigationMenuPrimitive.Item
+
+const navigationMenuTriggerStyle = cva(
+  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"
+)
+
+const NavigationMenuTrigger = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <NavigationMenuPrimitive.Trigger
+    ref={ref}
+    className={cn(navigationMenuTriggerStyle(), "group", className)}
+    {...props}
+  >
+    {children}{" "}
+    <ChevronDown
+      className="relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180"
+      aria-hidden="true"
+    />
+  </NavigationMenuPrimitive.Trigger>
+))
+NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName
+
+const NavigationMenuContent = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <NavigationMenuPrimitive.Content
+    ref={ref}
+    className={cn(
+      "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ",
+      className
+    )}
+    {...props}
+  />
+))
+NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName
+
+const NavigationMenuLink = NavigationMenuPrimitive.Link
+
+const NavigationMenuViewport = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>
+>(({ className, ...props }, ref) => (
+  <div className={cn("absolute left-0 top-full flex justify-center")}>
+    <NavigationMenuPrimitive.Viewport
+      className={cn(
+        "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
+        className
+      )}
+      ref={ref}
+      {...props}
+    />
+  </div>
+))
+NavigationMenuViewport.displayName =
+  NavigationMenuPrimitive.Viewport.displayName
+
+const NavigationMenuIndicator = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>
+>(({ className, ...props }, ref) => (
+  <NavigationMenuPrimitive.Indicator
+    ref={ref}
+    className={cn(
+      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
+      className
+    )}
+    {...props}
+  >
+    <div className="relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" />
+  </NavigationMenuPrimitive.Indicator>
+))
+NavigationMenuIndicator.displayName =
+  NavigationMenuPrimitive.Indicator.displayName
+
+export {
+  navigationMenuTriggerStyle,
+  NavigationMenu,
+  NavigationMenuList,
+  NavigationMenuItem,
+  NavigationMenuContent,
+  NavigationMenuTrigger,
+  NavigationMenuLink,
+  NavigationMenuIndicator,
+  NavigationMenuViewport,
+}
diff --git a/artifacts/mockup-sandbox/src/components/ui/pagination.tsx b/artifacts/mockup-sandbox/src/components/ui/pagination.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..d3311054cd07a90d130f7996c79b3fc0feeede39
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/pagination.tsx
@@ -0,0 +1,117 @@
+import * as React from "react"
+import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+import { ButtonProps, buttonVariants } from "@/components/ui/button"
+
+const Pagination = ({ className, ...props }: React.ComponentProps<"nav">) => (
+  <nav
+    role="navigation"
+    aria-label="pagination"
+    className={cn("mx-auto flex w-full justify-center", className)}
+    {...props}
+  />
+)
+Pagination.displayName = "Pagination"
+
+const PaginationContent = React.forwardRef<
+  HTMLUListElement,
+  React.ComponentProps<"ul">
+>(({ className, ...props }, ref) => (
+  <ul
+    ref={ref}
+    className={cn("flex flex-row items-center gap-1", className)}
+    {...props}
+  />
+))
+PaginationContent.displayName = "PaginationContent"
+
+const PaginationItem = React.forwardRef<
+  HTMLLIElement,
+  React.ComponentProps<"li">
+>(({ className, ...props }, ref) => (
+  <li ref={ref} className={cn("", className)} {...props} />
+))
+PaginationItem.displayName = "PaginationItem"
+
+type PaginationLinkProps = {
+  isActive?: boolean
+} & Pick<ButtonProps, "size"> &
+  React.ComponentProps<"a">
+
+const PaginationLink = ({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}: PaginationLinkProps) => (
+  <a
+    aria-current={isActive ? "page" : undefined}
+    className={cn(
+      buttonVariants({
+        variant: isActive ? "outline" : "ghost",
+        size,
+      }),
+      className
+    )}
+    {...props}
+  />
+)
+PaginationLink.displayName = "PaginationLink"
+
+const PaginationPrevious = ({
+  className,
+  ...props
+}: React.ComponentProps<typeof PaginationLink>) => (
+  <PaginationLink
+    aria-label="Go to previous page"
+    size="default"
+    className={cn("gap-1 pl-2.5", className)}
+    {...props}
+  >
+    <ChevronLeft className="h-4 w-4" />
+    <span>Previous</span>
+  </PaginationLink>
+)
+PaginationPrevious.displayName = "PaginationPrevious"
+
+const PaginationNext = ({
+  className,
+  ...props
+}: React.ComponentProps<typeof PaginationLink>) => (
+  <PaginationLink
+    aria-label="Go to next page"
+    size="default"
+    className={cn("gap-1 pr-2.5", className)}
+    {...props}
+  >
+    <span>Next</span>
+    <ChevronRight className="h-4 w-4" />
+  </PaginationLink>
+)
+PaginationNext.displayName = "PaginationNext"
+
+const PaginationEllipsis = ({
+  className,
+  ...props
+}: React.ComponentProps<"span">) => (
+  <span
+    aria-hidden
+    className={cn("flex h-9 w-9 items-center justify-center", className)}
+    {...props}
+  >
+    <MoreHorizontal className="h-4 w-4" />
+    <span className="sr-only">More pages</span>
+  </span>
+)
+PaginationEllipsis.displayName = "PaginationEllipsis"
+
+export {
+  Pagination,
+  PaginationContent,
+  PaginationLink,
+  PaginationItem,
+  PaginationPrevious,
+  PaginationNext,
+  PaginationEllipsis,
+}
diff --git a/artifacts/mockup-sandbox/src/components/ui/popover.tsx b/artifacts/mockup-sandbox/src/components/ui/popover.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..fdcb511dc768b79951de97416e9bd0ff1ae9ea05
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/popover.tsx
@@ -0,0 +1,31 @@
+import * as React from "react"
+import * as PopoverPrimitive from "@radix-ui/react-popover"
+
+import { cn } from "@/lib/utils"
+
+const Popover = PopoverPrimitive.Root
+
+const PopoverTrigger = PopoverPrimitive.Trigger
+
+const PopoverAnchor = PopoverPrimitive.Anchor
+
+const PopoverContent = React.forwardRef<
+  React.ElementRef<typeof PopoverPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
+>(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
+  <PopoverPrimitive.Portal>
+    <PopoverPrimitive.Content
+      ref={ref}
+      align={align}
+      sideOffset={sideOffset}
+      className={cn(
+        "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
+        className
+      )}
+      {...props}
+    />
+  </PopoverPrimitive.Portal>
+))
+PopoverContent.displayName = PopoverPrimitive.Content.displayName
+
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }
diff --git a/artifacts/mockup-sandbox/src/components/ui/progress.tsx b/artifacts/mockup-sandbox/src/components/ui/progress.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..4fc3b473e6f51afa972f840fb0f4476f8663c256
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/progress.tsx
@@ -0,0 +1,28 @@
+"use client"
+
+import * as React from "react"
+import * as ProgressPrimitive from "@radix-ui/react-progress"
+
+import { cn } from "@/lib/utils"
+
+const Progress = React.forwardRef<
+  React.ElementRef<typeof ProgressPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>
+>(({ className, value, ...props }, ref) => (
+  <ProgressPrimitive.Root
+    ref={ref}
+    className={cn(
+      "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
+      className
+    )}
+    {...props}
+  >
+    <ProgressPrimitive.Indicator
+      className="h-full w-full flex-1 bg-primary transition-all"
+      style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
+    />
+  </ProgressPrimitive.Root>
+))
+Progress.displayName = ProgressPrimitive.Root.displayName
+
+export { Progress }
diff --git a/artifacts/mockup-sandbox/src/components/ui/radio-group.tsx b/artifacts/mockup-sandbox/src/components/ui/radio-group.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..9d3a26e6ec5d8647f22d754be5affd9e8eba1ec5
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/radio-group.tsx
@@ -0,0 +1,42 @@
+import * as React from "react"
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group"
+import { Circle } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const RadioGroup = React.forwardRef<
+  React.ElementRef<typeof RadioGroupPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>
+>(({ className, ...props }, ref) => {
+  return (
+    <RadioGroupPrimitive.Root
+      className={cn("grid gap-2", className)}
+      {...props}
+      ref={ref}
+    />
+  )
+})
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName
+
+const RadioGroupItem = React.forwardRef<
+  React.ElementRef<typeof RadioGroupPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>
+>(({ className, ...props }, ref) => {
+  return (
+    <RadioGroupPrimitive.Item
+      ref={ref}
+      className={cn(
+        "aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )}
+      {...props}
+    >
+      <RadioGroupPrimitive.Indicator className="flex items-center justify-center">
+        <Circle className="h-3.5 w-3.5 fill-primary" />
+      </RadioGroupPrimitive.Indicator>
+    </RadioGroupPrimitive.Item>
+  )
+})
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName
+
+export { RadioGroup, RadioGroupItem }
diff --git a/artifacts/mockup-sandbox/src/components/ui/resizable.tsx b/artifacts/mockup-sandbox/src/components/ui/resizable.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..f4bc5586b67f45d3cc35f228e8bac2e4bc2cea16
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/resizable.tsx
@@ -0,0 +1,45 @@
+"use client"
+
+import { GripVertical } from "lucide-react"
+import * as ResizablePrimitive from "react-resizable-panels"
+
+import { cn } from "@/lib/utils"
+
+const ResizablePanelGroup = ({
+  className,
+  ...props
+}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (
+  <ResizablePrimitive.PanelGroup
+    className={cn(
+      "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+      className
+    )}
+    {...props}
+  />
+)
+
+const ResizablePanel = ResizablePrimitive.Panel
+
+const ResizableHandle = ({
+  withHandle,
+  className,
+  ...props
+}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+  withHandle?: boolean
+}) => (
+  <ResizablePrimitive.PanelResizeHandle
+    className={cn(
+      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+      className
+    )}
+    {...props}
+  >
+    {withHandle && (
+      <div className="z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border">
+        <GripVertical className="h-2.5 w-2.5" />
+      </div>
+    )}
+  </ResizablePrimitive.PanelResizeHandle>
+)
+
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle }
diff --git a/artifacts/mockup-sandbox/src/components/ui/scroll-area.tsx b/artifacts/mockup-sandbox/src/components/ui/scroll-area.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..cf253cf17056ce04827219643e484ea99c77cf6b
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/scroll-area.tsx
@@ -0,0 +1,46 @@
+import * as React from "react"
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
+
+import { cn } from "@/lib/utils"
+
+const ScrollArea = React.forwardRef<
+  React.ElementRef<typeof ScrollAreaPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>
+>(({ className, children, ...props }, ref) => (
+  <ScrollAreaPrimitive.Root
+    ref={ref}
+    className={cn("relative overflow-hidden", className)}
+    {...props}
+  >
+    <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">
+      {children}
+    </ScrollAreaPrimitive.Viewport>
+    <ScrollBar />
+    <ScrollAreaPrimitive.Corner />
+  </ScrollAreaPrimitive.Root>
+))
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName
+
+const ScrollBar = React.forwardRef<
+  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,
+  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>
+>(({ className, orientation = "vertical", ...props }, ref) => (
+  <ScrollAreaPrimitive.ScrollAreaScrollbar
+    ref={ref}
+    orientation={orientation}
+    className={cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" &&
+        "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" &&
+        "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      className
+    )}
+    {...props}
+  >
+    <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-border" />
+  </ScrollAreaPrimitive.ScrollAreaScrollbar>
+))
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName
+
+export { ScrollArea, ScrollBar }
diff --git a/artifacts/mockup-sandbox/src/components/ui/select.tsx b/artifacts/mockup-sandbox/src/components/ui/select.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..6e637f7dc67daa0b2ce4f440e4bbdb3f14ce3c03
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/select.tsx
@@ -0,0 +1,159 @@
+"use client"
+
+import * as React from "react"
+import * as SelectPrimitive from "@radix-ui/react-select"
+import { Check, ChevronDown, ChevronUp } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Select = SelectPrimitive.Root
+
+const SelectGroup = SelectPrimitive.Group
+
+const SelectValue = SelectPrimitive.Value
+
+const SelectTrigger = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <SelectPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <SelectPrimitive.Icon asChild>
+      <ChevronDown className="h-4 w-4 opacity-50" />
+    </SelectPrimitive.Icon>
+  </SelectPrimitive.Trigger>
+))
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
+
+const SelectScrollUpButton = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.ScrollUpButton
+    ref={ref}
+    className={cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    )}
+    {...props}
+  >
+    <ChevronUp className="h-4 w-4" />
+  </SelectPrimitive.ScrollUpButton>
+))
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
+
+const SelectScrollDownButton = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.ScrollDownButton
+    ref={ref}
+    className={cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    )}
+    {...props}
+  >
+    <ChevronDown className="h-4 w-4" />
+  </SelectPrimitive.ScrollDownButton>
+))
+SelectScrollDownButton.displayName =
+  SelectPrimitive.ScrollDownButton.displayName
+
+const SelectContent = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
+>(({ className, children, position = "popper", ...props }, ref) => (
+  <SelectPrimitive.Portal>
+    <SelectPrimitive.Content
+      ref={ref}
+      className={cn(
+        "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
+        position === "popper" &&
+          "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      )}
+      position={position}
+      {...props}
+    >
+      <SelectScrollUpButton />
+      <SelectPrimitive.Viewport
+        className={cn(
+          "p-1",
+          position === "popper" &&
+            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+        )}
+      >
+        {children}
+      </SelectPrimitive.Viewport>
+      <SelectScrollDownButton />
+    </SelectPrimitive.Content>
+  </SelectPrimitive.Portal>
+))
+SelectContent.displayName = SelectPrimitive.Content.displayName
+
+const SelectLabel = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Label
+    ref={ref}
+    className={cn("px-2 py-1.5 text-sm font-semibold", className)}
+    {...props}
+  />
+))
+SelectLabel.displayName = SelectPrimitive.Label.displayName
+
+const SelectItem = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>
+>(({ className, children, ...props }, ref) => (
+  <SelectPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute right-2 flex h-3.5 w-3.5 items-center justify-center">
+      <SelectPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </SelectPrimitive.ItemIndicator>
+    </span>
+    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+  </SelectPrimitive.Item>
+))
+SelectItem.displayName = SelectPrimitive.Item.displayName
+
+const SelectSeparator = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    {...props}
+  />
+))
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName
+
+export {
+  Select,
+  SelectGroup,
+  SelectValue,
+  SelectTrigger,
+  SelectContent,
+  SelectLabel,
+  SelectItem,
+  SelectSeparator,
+  SelectScrollUpButton,
+  SelectScrollDownButton,
+}
diff --git a/artifacts/mockup-sandbox/src/components/ui/separator.tsx b/artifacts/mockup-sandbox/src/components/ui/separator.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..6d7f12265ba0338704f013930ce4d52c56527dd1
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/separator.tsx
@@ -0,0 +1,29 @@
+import * as React from "react"
+import * as SeparatorPrimitive from "@radix-ui/react-separator"
+
+import { cn } from "@/lib/utils"
+
+const Separator = React.forwardRef<
+  React.ElementRef<typeof SeparatorPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
+>(
+  (
+    { className, orientation = "horizontal", decorative = true, ...props },
+    ref
+  ) => (
+    <SeparatorPrimitive.Root
+      ref={ref}
+      decorative={decorative}
+      orientation={orientation}
+      className={cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      )}
+      {...props}
+    />
+  )
+)
+Separator.displayName = SeparatorPrimitive.Root.displayName
+
+export { Separator }
diff --git a/artifacts/mockup-sandbox/src/components/ui/sheet.tsx b/artifacts/mockup-sandbox/src/components/ui/sheet.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..272cb721eb48b7a5833ccd51f940a8830d85b64e
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/sheet.tsx
@@ -0,0 +1,140 @@
+"use client"
+
+import * as React from "react"
+import * as SheetPrimitive from "@radix-ui/react-dialog"
+import { cva, type VariantProps } from "class-variance-authority"
+import { X } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Sheet = SheetPrimitive.Root
+
+const SheetTrigger = SheetPrimitive.Trigger
+
+const SheetClose = SheetPrimitive.Close
+
+const SheetPortal = SheetPrimitive.Portal
+
+const SheetOverlay = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Overlay
+    className={cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    )}
+    {...props}
+    ref={ref}
+  />
+))
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName
+
+const sheetVariants = cva(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom:
+          "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right:
+          "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
+      },
+    },
+    defaultVariants: {
+      side: "right",
+    },
+  }
+)
+
+interface SheetContentProps
+  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
+    VariantProps<typeof sheetVariants> {}
+
+const SheetContent = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Content>,
+  SheetContentProps
+>(({ side = "right", className, children, ...props }, ref) => (
+  <SheetPortal>
+    <SheetOverlay />
+    <SheetPrimitive.Content
+      ref={ref}
+      className={cn(sheetVariants({ side }), className)}
+      {...props}
+    >
+      <SheetPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary">
+        <X className="h-4 w-4" />
+        <span className="sr-only">Close</span>
+      </SheetPrimitive.Close>
+      {children}
+    </SheetPrimitive.Content>
+  </SheetPortal>
+))
+SheetContent.displayName = SheetPrimitive.Content.displayName
+
+const SheetHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    )}
+    {...props}
+  />
+)
+SheetHeader.displayName = "SheetHeader"
+
+const SheetFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    )}
+    {...props}
+  />
+)
+SheetFooter.displayName = "SheetFooter"
+
+const SheetTitle = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Title
+    ref={ref}
+    className={cn("text-lg font-semibold text-foreground", className)}
+    {...props}
+  />
+))
+SheetTitle.displayName = SheetPrimitive.Title.displayName
+
+const SheetDescription = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+SheetDescription.displayName = SheetPrimitive.Description.displayName
+
+export {
+  Sheet,
+  SheetPortal,
+  SheetOverlay,
+  SheetTrigger,
+  SheetClose,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription,
+}
diff --git a/artifacts/mockup-sandbox/src/components/ui/sidebar.tsx b/artifacts/mockup-sandbox/src/components/ui/sidebar.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..3e5c20556fd9212b53e8305579b57954a1bd06ad
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/sidebar.tsx
@@ -0,0 +1,714 @@
+"use client"
+
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, VariantProps } from "class-variance-authority"
+import { PanelLeftIcon } from "lucide-react"
+
+import { useIsMobile } from "@/hooks/use-mobile"
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Separator } from "@/components/ui/separator"
+import {
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetHeader,
+  SheetTitle,
+} from "@/components/ui/sheet"
+import { Skeleton } from "@/components/ui/skeleton"
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip"
+
+const SIDEBAR_COOKIE_NAME = "sidebar_state"
+const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7
+const SIDEBAR_WIDTH = "16rem"
+const SIDEBAR_WIDTH_MOBILE = "18rem"
+const SIDEBAR_WIDTH_ICON = "3rem"
+const SIDEBAR_KEYBOARD_SHORTCUT = "b"
+
+type SidebarContextProps = {
+  state: "expanded" | "collapsed"
+  open: boolean
+  setOpen: (open: boolean) => void
+  openMobile: boolean
+  setOpenMobile: (open: boolean) => void
+  isMobile: boolean
+  toggleSidebar: () => void
+}
+
+const SidebarContext = React.createContext<SidebarContextProps | null>(null)
+
+function useSidebar() {
+  const context = React.useContext(SidebarContext)
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider.")
+  }
+
+  return context
+}
+
+function SidebarProvider({
+  defaultOpen = true,
+  open: openProp,
+  onOpenChange: setOpenProp,
+  className,
+  style,
+  children,
+  ...props
+}: React.ComponentProps<"div"> & {
+  defaultOpen?: boolean
+  open?: boolean
+  onOpenChange?: (open: boolean) => void
+}) {
+  const isMobile = useIsMobile()
+  const [openMobile, setOpenMobile] = React.useState(false)
+
+  const [_open, _setOpen] = React.useState(defaultOpen)
+  const open = openProp ?? _open
+  const setOpen = React.useCallback(
+    (value: boolean | ((value: boolean) => boolean)) => {
+      const openState = typeof value === "function" ? value(open) : value
+      if (setOpenProp) {
+        setOpenProp(openState)
+      } else {
+        _setOpen(openState)
+      }
+
+      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`
+    },
+    [setOpenProp, open]
+  )
+
+  const toggleSidebar = React.useCallback(() => {
+    return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open)
+  }, [isMobile, setOpen, setOpenMobile])
+
+  React.useEffect(() => {
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (
+        event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
+        (event.metaKey || event.ctrlKey)
+      ) {
+        event.preventDefault()
+        toggleSidebar()
+      }
+    }
+
+    window.addEventListener("keydown", handleKeyDown)
+    return () => window.removeEventListener("keydown", handleKeyDown)
+  }, [toggleSidebar])
+
+  const state = open ? "expanded" : "collapsed"
+
+  const contextValue = React.useMemo<SidebarContextProps>(
+    () => ({
+      state,
+      open,
+      setOpen,
+      isMobile,
+      openMobile,
+      setOpenMobile,
+      toggleSidebar,
+    }),
+    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
+  )
+
+  return (
+    <SidebarContext.Provider value={contextValue}>
+      <TooltipProvider delayDuration={0}>
+        <div
+          data-slot="sidebar-wrapper"
+          style={
+            {
+              "--sidebar-width": SIDEBAR_WIDTH,
+              "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+              ...style,
+            } as React.CSSProperties
+          }
+          className={cn(
+            "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",
+            className
+          )}
+          {...props}
+        >
+          {children}
+        </div>
+      </TooltipProvider>
+    </SidebarContext.Provider>
+  )
+}
+
+function Sidebar({
+  side = "left",
+  variant = "sidebar",
+  collapsible = "offcanvas",
+  className,
+  children,
+  ...props
+}: React.ComponentProps<"div"> & {
+  side?: "left" | "right"
+  variant?: "sidebar" | "floating" | "inset"
+  collapsible?: "offcanvas" | "icon" | "none"
+}) {
+  const { isMobile, state, openMobile, setOpenMobile } = useSidebar()
+
+  if (collapsible === "none") {
+    return (
+      <div
+        data-slot="sidebar"
+        className={cn(
+          "bg-sidebar text-sidebar-foreground flex h-full w-[var(--sidebar-width)] flex-col",
+          className
+        )}
+        {...props}
+      >
+        {children}
+      </div>
+    )
+  }
+
+  if (isMobile) {
+    return (
+      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>
+        <SheetContent
+          data-sidebar="sidebar"
+          data-slot="sidebar"
+          data-mobile="true"
+          className="bg-sidebar text-sidebar-foreground w-[var(--sidebar-width)] p-0 [&>button]:hidden"
+          style={
+            {
+              "--sidebar-width": SIDEBAR_WIDTH_MOBILE,
+            } as React.CSSProperties
+          }
+          side={side}
+        >
+          <SheetHeader className="sr-only">
+            <SheetTitle>Sidebar</SheetTitle>
+            <SheetDescription>Displays the mobile sidebar.</SheetDescription>
+          </SheetHeader>
+          <div className="flex h-full w-full flex-col">{children}</div>
+        </SheetContent>
+      </Sheet>
+    )
+  }
+
+  return (
+    <div
+      className="group peer text-sidebar-foreground hidden md:block"
+      data-state={state}
+      data-collapsible={state === "collapsed" ? collapsible : ""}
+      data-variant={variant}
+      data-side={side}
+      data-slot="sidebar"
+    >
+      <div
+        data-slot="sidebar-gap"
+        className={cn(
+          "relative w-[var(--sidebar-width)] bg-transparent transition-[width] duration-200 ease-linear",
+          "group-data-[collapsible=offcanvas]:w-0",
+          "group-data-[side=right]:rotate-180",
+          variant === "floating" || variant === "inset"
+            ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+var(--spacing-4))]"
+            : "group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)]"
+        )}
+      />
+      <div
+        data-slot="sidebar-container"
+        className={cn(
+          "fixed inset-y-0 z-10 hidden h-svh w-[var(--sidebar-width)] transition-[left,right,width] duration-200 ease-linear md:flex",
+          side === "left"
+            ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]"
+            : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+          variant === "floating" || variant === "inset"
+            ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+var(--spacing-4)+2px)]"
+            : "group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)] group-data-[side=left]:border-r group-data-[side=right]:border-l",
+          className
+        )}
+        {...props}
+      >
+        <div
+          data-sidebar="sidebar"
+          data-slot="sidebar-inner"
+          className="bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm"
+        >
+          {children}
+        </div>
+      </div>
+    </div>
+  )
+}
+
+function SidebarTrigger({
+  className,
+  onClick,
+  ...props
+}: React.ComponentProps<typeof Button>) {
+  const { toggleSidebar } = useSidebar()
+
+  return (
+    <Button
+      data-sidebar="trigger"
+      data-slot="sidebar-trigger"
+      variant="ghost"
+      size="icon"
+      className={cn("h-7 w-7", className)}
+      onClick={(event) => {
+        onClick?.(event)
+        toggleSidebar()
+      }}
+      {...props}
+    >
+      <PanelLeftIcon />
+      <span className="sr-only">Toggle Sidebar</span>
+    </Button>
+  )
+}
+
+function SidebarRail({ className, ...props }: React.ComponentProps<"button">) {
+  const { toggleSidebar } = useSidebar()
+
+  return (
+    <button
+      data-sidebar="rail"
+      data-slot="sidebar-rail"
+      aria-label="Toggle Sidebar"
+      tabIndex={-1}
+      onClick={toggleSidebar}
+      title="Toggle Sidebar"
+      className={cn(
+        "hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex",
+        "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
+        "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+        "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full",
+        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarInset({ className, ...props }: React.ComponentProps<"main">) {
+  return (
+    <main
+      data-slot="sidebar-inset"
+      className={cn(
+        "bg-background relative flex w-full flex-1 flex-col",
+        "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarInput({
+  className,
+  ...props
+}: React.ComponentProps<typeof Input>) {
+  return (
+    <Input
+      data-slot="sidebar-input"
+      data-sidebar="input"
+      className={cn("bg-background h-8 w-full shadow-none", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-header"
+      data-sidebar="header"
+      className={cn("flex flex-col gap-2 p-2", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-footer"
+      data-sidebar="footer"
+      className={cn("flex flex-col gap-2 p-2", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Separator>) {
+  return (
+    <Separator
+      data-slot="sidebar-separator"
+      data-sidebar="separator"
+      className={cn("bg-sidebar-border mx-2 w-auto", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarContent({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-content"
+      data-sidebar="content"
+      className={cn(
+        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-group"
+      data-sidebar="group"
+      className={cn("relative flex w-full min-w-0 flex-col p-2", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarGroupLabel({
+  className,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"div"> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : "div"
+
+  return (
+    <Comp
+      data-slot="sidebar-group-label"
+      data-sidebar="group-label"
+      className={cn(
+        "text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:h-4 [&>svg]:w-4 [&>svg]:shrink-0",
+        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarGroupAction({
+  className,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"button"> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : "button"
+
+  return (
+    <Comp
+      data-slot="sidebar-group-action"
+      data-sidebar="group-action"
+      className={cn(
+        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        "after:absolute after:-inset-2 md:after:hidden",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarGroupContent({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-group-content"
+      data-sidebar="group-content"
+      className={cn("w-full text-sm", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">) {
+  return (
+    <ul
+      data-slot="sidebar-menu"
+      data-sidebar="menu"
+      className={cn("flex w-full min-w-0 flex-col gap-1", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">) {
+  return (
+    <li
+      data-slot="sidebar-menu-item"
+      data-sidebar="menu-item"
+      className={cn("group/menu-item relative", className)}
+      {...props}
+    />
+  )
+}
+
+const sidebarMenuButtonVariants = cva(
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:w-8! group-data-[collapsible=icon]:h-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+        outline:
+          "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]",
+      },
+      size: {
+        default: "h-8 text-sm",
+        sm: "h-7 text-xs",
+        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+function SidebarMenuButton({
+  asChild = false,
+  isActive = false,
+  variant = "default",
+  size = "default",
+  tooltip,
+  className,
+  ...props
+}: React.ComponentProps<"button"> & {
+  asChild?: boolean
+  isActive?: boolean
+  tooltip?: string | React.ComponentProps<typeof TooltipContent>
+} & VariantProps<typeof sidebarMenuButtonVariants>) {
+  const Comp = asChild ? Slot : "button"
+  const { isMobile, state } = useSidebar()
+
+  const button = (
+    <Comp
+      data-slot="sidebar-menu-button"
+      data-sidebar="menu-button"
+      data-size={size}
+      data-active={isActive}
+      className={cn(sidebarMenuButtonVariants({ variant, size }), className)}
+      {...props}
+    />
+  )
+
+  if (!tooltip) {
+    return button
+  }
+
+  if (typeof tooltip === "string") {
+    tooltip = {
+      children: tooltip,
+    }
+  }
+
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>{button}</TooltipTrigger>
+      <TooltipContent
+        side="right"
+        align="center"
+        hidden={state !== "collapsed" || isMobile}
+        {...tooltip}
+      />
+    </Tooltip>
+  )
+}
+
+function SidebarMenuAction({
+  className,
+  asChild = false,
+  showOnHover = false,
+  ...props
+}: React.ComponentProps<"button"> & {
+  asChild?: boolean
+  showOnHover?: boolean
+}) {
+  const Comp = asChild ? Slot : "button"
+
+  return (
+    <Comp
+      data-slot="sidebar-menu-action"
+      data-sidebar="menu-action"
+      className={cn(
+        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        "after:absolute after:-inset-2 md:after:hidden",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        showOnHover &&
+          "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuBadge({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-menu-badge"
+      data-sidebar="menu-badge"
+      className={cn(
+        "text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none",
+        "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuSkeleton({
+  className,
+  showIcon = false,
+  ...props
+}: React.ComponentProps<"div"> & {
+  showIcon?: boolean
+}) {
+  const width = React.useMemo(() => {
+    return `${Math.floor(Math.random() * 40) + 50}%`
+  }, [])
+
+  return (
+    <div
+      data-slot="sidebar-menu-skeleton"
+      data-sidebar="menu-skeleton"
+      className={cn("flex h-8 items-center gap-2 rounded-md px-2", className)}
+      {...props}
+    >
+      {showIcon && (
+        <Skeleton
+          className="size-4 rounded-md"
+          data-sidebar="menu-skeleton-icon"
+        />
+      )}
+      <Skeleton
+        className="h-4 max-w-[var(--skeleton-width)] flex-1"
+        data-sidebar="menu-skeleton-text"
+        style={
+          {
+            "--skeleton-width": width,
+          } as React.CSSProperties
+        }
+      />
+    </div>
+  )
+}
+
+function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">) {
+  return (
+    <ul
+      data-slot="sidebar-menu-sub"
+      data-sidebar="menu-sub"
+      className={cn(
+        "border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuSubItem({
+  className,
+  ...props
+}: React.ComponentProps<"li">) {
+  return (
+    <li
+      data-slot="sidebar-menu-sub-item"
+      data-sidebar="menu-sub-item"
+      className={cn("group/menu-sub-item relative", className)}
+      {...props}
+    />
+  )
+}
+
+function SidebarMenuSubButton({
+  asChild = false,
+  size = "md",
+  isActive = false,
+  className,
+  ...props
+}: React.ComponentProps<"a"> & {
+  asChild?: boolean
+  size?: "sm" | "md"
+  isActive?: boolean
+}) {
+  const Comp = asChild ? Slot : "a"
+
+  return (
+    <Comp
+      data-slot="sidebar-menu-sub-button"
+      data-sidebar="menu-sub-button"
+      data-size={size}
+      data-active={isActive}
+      className={cn(
+        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline outline-2 outline-transparent outline-offset-2 focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+        "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
+        size === "sm" && "text-xs",
+        size === "md" && "text-sm",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInput,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuBadge,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSkeleton,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  SidebarProvider,
+  SidebarRail,
+  SidebarSeparator,
+  SidebarTrigger,
+  useSidebar,
+}
diff --git a/artifacts/mockup-sandbox/src/components/ui/skeleton.tsx b/artifacts/mockup-sandbox/src/components/ui/skeleton.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..d7e45f7bd315f86eabf32f2c9425223417920e60
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/skeleton.tsx
@@ -0,0 +1,15 @@
+import { cn } from "@/lib/utils"
+
+function Skeleton({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) {
+  return (
+    <div
+      className={cn("animate-pulse rounded-md bg-primary/10", className)}
+      {...props}
+    />
+  )
+}
+
+export { Skeleton }
diff --git a/artifacts/mockup-sandbox/src/components/ui/slider.tsx b/artifacts/mockup-sandbox/src/components/ui/slider.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..9398b331513e9668b8d76f2905d570c34d080fd2
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/slider.tsx
@@ -0,0 +1,26 @@
+import * as React from "react"
+import * as SliderPrimitive from "@radix-ui/react-slider"
+
+import { cn } from "@/lib/utils"
+
+const Slider = React.forwardRef<
+  React.ElementRef<typeof SliderPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <SliderPrimitive.Root
+    ref={ref}
+    className={cn(
+      "relative flex w-full touch-none select-none items-center",
+      className
+    )}
+    {...props}
+  >
+    <SliderPrimitive.Track className="relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20">
+      <SliderPrimitive.Range className="absolute h-full bg-primary" />
+    </SliderPrimitive.Track>
+    <SliderPrimitive.Thumb className="block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" />
+  </SliderPrimitive.Root>
+))
+Slider.displayName = SliderPrimitive.Root.displayName
+
+export { Slider }
diff --git a/artifacts/mockup-sandbox/src/components/ui/sonner.tsx b/artifacts/mockup-sandbox/src/components/ui/sonner.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..452f4d9f0dde88611113632c1d759d60155fe4d3
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/sonner.tsx
@@ -0,0 +1,31 @@
+"use client"
+
+import { useTheme } from "next-themes"
+import { Toaster as Sonner } from "sonner"
+
+type ToasterProps = React.ComponentProps<typeof Sonner>
+
+const Toaster = ({ ...props }: ToasterProps) => {
+  const { theme = "system" } = useTheme()
+
+  return (
+    <Sonner
+      theme={theme as ToasterProps["theme"]}
+      className="toaster group"
+      toastOptions={{
+        classNames: {
+          toast:
+            "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+          description: "group-[.toast]:text-muted-foreground",
+          actionButton:
+            "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+          cancelButton:
+            "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
+        },
+      }}
+      {...props}
+    />
+  )
+}
+
+export { Toaster }
diff --git a/artifacts/mockup-sandbox/src/components/ui/spinner.tsx b/artifacts/mockup-sandbox/src/components/ui/spinner.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..a70e713c5b4ecb2af186efe3fadea51805f26ba5
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/spinner.tsx
@@ -0,0 +1,16 @@
+import { Loader2Icon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function Spinner({ className, ...props }: React.ComponentProps<"svg">) {
+  return (
+    <Loader2Icon
+      role="status"
+      aria-label="Loading"
+      className={cn("size-4 animate-spin", className)}
+      {...props}
+    />
+  )
+}
+
+export { Spinner }
diff --git a/artifacts/mockup-sandbox/src/components/ui/switch.tsx b/artifacts/mockup-sandbox/src/components/ui/switch.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..455c23b6cd5adcb0278792568cdddf084a4a37c9
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/switch.tsx
@@ -0,0 +1,27 @@
+import * as React from "react"
+import * as SwitchPrimitives from "@radix-ui/react-switch"
+
+import { cn } from "@/lib/utils"
+
+const Switch = React.forwardRef<
+  React.ElementRef<typeof SwitchPrimitives.Root>,
+  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
+>(({ className, ...props }, ref) => (
+  <SwitchPrimitives.Root
+    className={cn(
+      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      className
+    )}
+    {...props}
+    ref={ref}
+  >
+    <SwitchPrimitives.Thumb
+      className={cn(
+        "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+      )}
+    />
+  </SwitchPrimitives.Root>
+))
+Switch.displayName = SwitchPrimitives.Root.displayName
+
+export { Switch }
diff --git a/artifacts/mockup-sandbox/src/components/ui/table.tsx b/artifacts/mockup-sandbox/src/components/ui/table.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..c0df655c0bf26af1148d038e1d013e884663b240
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/table.tsx
@@ -0,0 +1,120 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Table = React.forwardRef<
+  HTMLTableElement,
+  React.HTMLAttributes<HTMLTableElement>
+>(({ className, ...props }, ref) => (
+  <div className="relative w-full overflow-auto">
+    <table
+      ref={ref}
+      className={cn("w-full caption-bottom text-sm", className)}
+      {...props}
+    />
+  </div>
+))
+Table.displayName = "Table"
+
+const TableHeader = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
+))
+TableHeader.displayName = "TableHeader"
+
+const TableBody = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tbody
+    ref={ref}
+    className={cn("[&_tr:last-child]:border-0", className)}
+    {...props}
+  />
+))
+TableBody.displayName = "TableBody"
+
+const TableFooter = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tfoot
+    ref={ref}
+    className={cn(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      className
+    )}
+    {...props}
+  />
+))
+TableFooter.displayName = "TableFooter"
+
+const TableRow = React.forwardRef<
+  HTMLTableRowElement,
+  React.HTMLAttributes<HTMLTableRowElement>
+>(({ className, ...props }, ref) => (
+  <tr
+    ref={ref}
+    className={cn(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      className
+    )}
+    {...props}
+  />
+))
+TableRow.displayName = "TableRow"
+
+const TableHead = React.forwardRef<
+  HTMLTableCellElement,
+  React.ThHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <th
+    ref={ref}
+    className={cn(
+      "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      className
+    )}
+    {...props}
+  />
+))
+TableHead.displayName = "TableHead"
+
+const TableCell = React.forwardRef<
+  HTMLTableCellElement,
+  React.TdHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <td
+    ref={ref}
+    className={cn(
+      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      className
+    )}
+    {...props}
+  />
+))
+TableCell.displayName = "TableCell"
+
+const TableCaption = React.forwardRef<
+  HTMLTableCaptionElement,
+  React.HTMLAttributes<HTMLTableCaptionElement>
+>(({ className, ...props }, ref) => (
+  <caption
+    ref={ref}
+    className={cn("mt-4 text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+TableCaption.displayName = "TableCaption"
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+}
diff --git a/artifacts/mockup-sandbox/src/components/ui/tabs.tsx b/artifacts/mockup-sandbox/src/components/ui/tabs.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..85d83beab3224580318b1dd85f93e9294fae32c0
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/tabs.tsx
@@ -0,0 +1,53 @@
+import * as React from "react"
+import * as TabsPrimitive from "@radix-ui/react-tabs"
+
+import { cn } from "@/lib/utils"
+
+const Tabs = TabsPrimitive.Root
+
+const TabsList = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.List>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.List
+    ref={ref}
+    className={cn(
+      "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+      className
+    )}
+    {...props}
+  />
+))
+TabsList.displayName = TabsPrimitive.List.displayName
+
+const TabsTrigger = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
+      className
+    )}
+    {...props}
+  />
+))
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName
+
+const TabsContent = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Content
+    ref={ref}
+    className={cn(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      className
+    )}
+    {...props}
+  />
+))
+TabsContent.displayName = TabsPrimitive.Content.displayName
+
+export { Tabs, TabsList, TabsTrigger, TabsContent }
diff --git a/artifacts/mockup-sandbox/src/components/ui/textarea.tsx b/artifacts/mockup-sandbox/src/components/ui/textarea.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e56b0affd7e03bd8359092a81d81c606ab09972d
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/textarea.tsx
@@ -0,0 +1,22 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Textarea = React.forwardRef<
+  HTMLTextAreaElement,
+  React.ComponentProps<"textarea">
+>(({ className, ...props }, ref) => {
+  return (
+    <textarea
+      className={cn(
+        "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      )}
+      ref={ref}
+      {...props}
+    />
+  )
+})
+Textarea.displayName = "Textarea"
+
+export { Textarea }
diff --git a/artifacts/mockup-sandbox/src/components/ui/toast.tsx b/artifacts/mockup-sandbox/src/components/ui/toast.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..a822477534192c4df5073e4015f7461e739d3344
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/toast.tsx
@@ -0,0 +1,127 @@
+import * as React from "react"
+import * as ToastPrimitives from "@radix-ui/react-toast"
+import { cva, type VariantProps } from "class-variance-authority"
+import { X } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const ToastProvider = ToastPrimitives.Provider
+
+const ToastViewport = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Viewport>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Viewport
+    ref={ref}
+    className={cn(
+      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      className
+    )}
+    {...props}
+  />
+))
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName
+
+const toastVariants = cva(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "border bg-background text-foreground",
+        destructive:
+          "destructive group border-destructive bg-destructive text-destructive-foreground",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+const Toast = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Root>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &
+    VariantProps<typeof toastVariants>
+>(({ className, variant, ...props }, ref) => {
+  return (
+    <ToastPrimitives.Root
+      ref={ref}
+      className={cn(toastVariants({ variant }), className)}
+      {...props}
+    />
+  )
+})
+Toast.displayName = ToastPrimitives.Root.displayName
+
+const ToastAction = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Action>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Action
+    ref={ref}
+    className={cn(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
+      className
+    )}
+    {...props}
+  />
+))
+ToastAction.displayName = ToastPrimitives.Action.displayName
+
+const ToastClose = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Close>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Close
+    ref={ref}
+    className={cn(
+      "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      className
+    )}
+    toast-close=""
+    {...props}
+  >
+    <X className="h-4 w-4" />
+  </ToastPrimitives.Close>
+))
+ToastClose.displayName = ToastPrimitives.Close.displayName
+
+const ToastTitle = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Title>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Title
+    ref={ref}
+    className={cn("text-sm font-semibold", className)}
+    {...props}
+  />
+))
+ToastTitle.displayName = ToastPrimitives.Title.displayName
+
+const ToastDescription = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Description>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Description
+    ref={ref}
+    className={cn("text-sm opacity-90", className)}
+    {...props}
+  />
+))
+ToastDescription.displayName = ToastPrimitives.Description.displayName
+
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>
+
+type ToastActionElement = React.ReactElement<typeof ToastAction>
+
+export {
+  type ToastProps,
+  type ToastActionElement,
+  ToastProvider,
+  ToastViewport,
+  Toast,
+  ToastTitle,
+  ToastDescription,
+  ToastClose,
+  ToastAction,
+}
diff --git a/artifacts/mockup-sandbox/src/components/ui/toaster.tsx b/artifacts/mockup-sandbox/src/components/ui/toaster.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..6c67edff67a48c6ac1c46f25a6d468dd461e66cb
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/toaster.tsx
@@ -0,0 +1,33 @@
+import { useToast } from "@/hooks/use-toast"
+import {
+  Toast,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
+} from "@/components/ui/toast"
+
+export function Toaster() {
+  const { toasts } = useToast()
+
+  return (
+    <ToastProvider>
+      {toasts.map(function ({ id, title, description, action, ...props }) {
+        return (
+          <Toast key={id} {...props}>
+            <div className="grid gap-1">
+              {title && <ToastTitle>{title}</ToastTitle>}
+              {description && (
+                <ToastDescription>{description}</ToastDescription>
+              )}
+            </div>
+            {action}
+            <ToastClose />
+          </Toast>
+        )
+      })}
+      <ToastViewport />
+    </ToastProvider>
+  )
+}
diff --git a/artifacts/mockup-sandbox/src/components/ui/toggle-group.tsx b/artifacts/mockup-sandbox/src/components/ui/toggle-group.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..1c876bbeecabe59b684719afe58e684f34cdecbf
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/toggle-group.tsx
@@ -0,0 +1,61 @@
+"use client"
+
+import * as React from "react"
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group"
+import { type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+import { toggleVariants } from "@/components/ui/toggle"
+
+const ToggleGroupContext = React.createContext<
+  VariantProps<typeof toggleVariants>
+>({
+  size: "default",
+  variant: "default",
+})
+
+const ToggleGroup = React.forwardRef<
+  React.ElementRef<typeof ToggleGroupPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &
+    VariantProps<typeof toggleVariants>
+>(({ className, variant, size, children, ...props }, ref) => (
+  <ToggleGroupPrimitive.Root
+    ref={ref}
+    className={cn("flex items-center justify-center gap-1", className)}
+    {...props}
+  >
+    <ToggleGroupContext.Provider value={{ variant, size }}>
+      {children}
+    </ToggleGroupContext.Provider>
+  </ToggleGroupPrimitive.Root>
+))
+
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName
+
+const ToggleGroupItem = React.forwardRef<
+  React.ElementRef<typeof ToggleGroupPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> &
+    VariantProps<typeof toggleVariants>
+>(({ className, children, variant, size, ...props }, ref) => {
+  const context = React.useContext(ToggleGroupContext)
+
+  return (
+    <ToggleGroupPrimitive.Item
+      ref={ref}
+      className={cn(
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size,
+        }),
+        className
+      )}
+      {...props}
+    >
+      {children}
+    </ToggleGroupPrimitive.Item>
+  )
+})
+
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName
+
+export { ToggleGroup, ToggleGroupItem }
diff --git a/artifacts/mockup-sandbox/src/components/ui/toggle.tsx b/artifacts/mockup-sandbox/src/components/ui/toggle.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..ab0a30fb3daa5b3fe5a4158ee1372405aac50aba
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/toggle.tsx
@@ -0,0 +1,43 @@
+import * as React from "react"
+import * as TogglePrimitive from "@radix-ui/react-toggle"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const toggleVariants = cva(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline:
+          "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground",
+      },
+      size: {
+        default: "h-9 px-2 min-w-9",
+        sm: "h-8 px-1.5 min-w-8",
+        lg: "h-10 px-2.5 min-w-10",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+const Toggle = React.forwardRef<
+  React.ElementRef<typeof TogglePrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &
+    VariantProps<typeof toggleVariants>
+>(({ className, variant, size, ...props }, ref) => (
+  <TogglePrimitive.Root
+    ref={ref}
+    className={cn(toggleVariants({ variant, size, className }))}
+    {...props}
+  />
+))
+
+Toggle.displayName = TogglePrimitive.Root.displayName
+
+export { Toggle, toggleVariants }
diff --git a/artifacts/mockup-sandbox/src/components/ui/tooltip.tsx b/artifacts/mockup-sandbox/src/components/ui/tooltip.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..28e19183f4d9dfbb73c82928190556b69575eb2b
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/components/ui/tooltip.tsx
@@ -0,0 +1,32 @@
+"use client"
+
+import * as React from "react"
+import * as TooltipPrimitive from "@radix-ui/react-tooltip"
+
+import { cn } from "@/lib/utils"
+
+const TooltipProvider = TooltipPrimitive.Provider
+
+const Tooltip = TooltipPrimitive.Root
+
+const TooltipTrigger = TooltipPrimitive.Trigger
+
+const TooltipContent = React.forwardRef<
+  React.ElementRef<typeof TooltipPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
+>(({ className, sideOffset = 4, ...props }, ref) => (
+  <TooltipPrimitive.Portal>
+    <TooltipPrimitive.Content
+      ref={ref}
+      sideOffset={sideOffset}
+      className={cn(
+        "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
+        className
+      )}
+      {...props}
+    />
+  </TooltipPrimitive.Portal>
+))
+TooltipContent.displayName = TooltipPrimitive.Content.displayName
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
diff --git a/artifacts/mockup-sandbox/src/hooks/use-mobile.tsx b/artifacts/mockup-sandbox/src/hooks/use-mobile.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..2b0fe1dfef3b17850bbac040665f514a8ffd0f15
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/hooks/use-mobile.tsx
@@ -0,0 +1,19 @@
+import * as React from "react"
+
+const MOBILE_BREAKPOINT = 768
+
+export function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)
+
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    }
+    mql.addEventListener("change", onChange)
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    return () => mql.removeEventListener("change", onChange)
+  }, [])
+
+  return !!isMobile
+}
diff --git a/artifacts/mockup-sandbox/src/hooks/use-toast.ts b/artifacts/mockup-sandbox/src/hooks/use-toast.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4da06d4715bc3dfba3873ec4229040533a02d272
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/hooks/use-toast.ts
@@ -0,0 +1,189 @@
+import * as React from "react"
+
+import type {
+  ToastActionElement,
+  ToastProps,
+} from "@/components/ui/toast"
+
+const TOAST_LIMIT = 1
+const TOAST_REMOVE_DELAY = 1000000
+
+type ToasterToast = ToastProps & {
+  id: string
+  title?: React.ReactNode
+  description?: React.ReactNode
+  action?: ToastActionElement
+}
+
+const actionTypes = {
+  ADD_TOAST: "ADD_TOAST",
+  UPDATE_TOAST: "UPDATE_TOAST",
+  DISMISS_TOAST: "DISMISS_TOAST",
+  REMOVE_TOAST: "REMOVE_TOAST",
+} as const
+
+let count = 0
+
+function genId() {
+  count = (count + 1) % Number.MAX_SAFE_INTEGER
+  return count.toString()
+}
+
+type ActionType = typeof actionTypes
+
+type Action =
+  | {
+      type: ActionType["ADD_TOAST"]
+      toast: ToasterToast
+    }
+  | {
+      type: ActionType["UPDATE_TOAST"]
+      toast: Partial<ToasterToast>
+    }
+  | {
+      type: ActionType["DISMISS_TOAST"]
+      toastId?: ToasterToast["id"]
+    }
+  | {
+      type: ActionType["REMOVE_TOAST"]
+      toastId?: ToasterToast["id"]
+    }
+
+interface State {
+  toasts: ToasterToast[]
+}
+
+const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()
+
+const addToRemoveQueue = (toastId: string) => {
+  if (toastTimeouts.has(toastId)) {
+    return
+  }
+
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId)
+    dispatch({
+      type: "REMOVE_TOAST",
+      toastId: toastId,
+    })
+  }, TOAST_REMOVE_DELAY)
+
+  toastTimeouts.set(toastId, timeout)
+}
+
+export const reducer = (state: State, action: Action): State => {
+  switch (action.type) {
+    case "ADD_TOAST":
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
+      }
+
+    case "UPDATE_TOAST":
+      return {
+        ...state,
+        toasts: state.toasts.map((t) =>
+          t.id === action.toast.id ? { ...t, ...action.toast } : t
+        ),
+      }
+
+    case "DISMISS_TOAST": {
+      const { toastId } = action
+
+      if (toastId) {
+        addToRemoveQueue(toastId)
+      } else {
+        state.toasts.forEach((toast) => {
+          addToRemoveQueue(toast.id)
+        })
+      }
+
+      return {
+        ...state,
+        toasts: state.toasts.map((t) =>
+          t.id === toastId || toastId === undefined
+            ? {
+                ...t,
+                open: false,
+              }
+            : t
+        ),
+      }
+    }
+    case "REMOVE_TOAST":
+      if (action.toastId === undefined) {
+        return {
+          ...state,
+          toasts: [],
+        }
+      }
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId),
+      }
+  }
+}
+
+const listeners: Array<(state: State) => void> = []
+
+let memoryState: State = { toasts: [] }
+
+function dispatch(action: Action) {
+  memoryState = reducer(memoryState, action)
+  listeners.forEach((listener) => {
+    listener(memoryState)
+  })
+}
+
+type Toast = Omit<ToasterToast, "id">
+
+function toast({ ...props }: Toast) {
+  const id = genId()
+
+  const update = (props: ToasterToast) =>
+    dispatch({
+      type: "UPDATE_TOAST",
+      toast: { ...props, id },
+    })
+  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id })
+
+  dispatch({
+    type: "ADD_TOAST",
+    toast: {
+      ...props,
+      id,
+      open: true,
+      onOpenChange: (open) => {
+        if (!open) dismiss()
+      },
+    },
+  })
+
+  return {
+    id: id,
+    dismiss,
+    update,
+  }
+}
+
+function useToast() {
+  const [state, setState] = React.useState<State>(memoryState)
+
+  React.useEffect(() => {
+    listeners.push(setState)
+    return () => {
+      const index = listeners.indexOf(setState)
+      if (index > -1) {
+        listeners.splice(index, 1)
+      }
+    }
+  }, [state])
+
+  return {
+    ...state,
+    toast,
+    dismiss: (toastId?: string) => dispatch({ type: "DISMISS_TOAST", toastId }),
+  }
+}
+
+export { useToast, toast }
diff --git a/artifacts/mockup-sandbox/src/index.css b/artifacts/mockup-sandbox/src/index.css
new file mode 100644
index 0000000000000000000000000000000000000000..53b9b028ddbeeaf35a42470b4bff8387e1d08a6b
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/index.css
@@ -0,0 +1,158 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --color-background: hsl(var(--background));
+  --color-foreground: hsl(var(--foreground));
+  --color-card: hsl(var(--card));
+  --color-card-foreground: hsl(var(--card-foreground));
+  --color-popover: hsl(var(--popover));
+  --color-popover-foreground: hsl(var(--popover-foreground));
+  --color-primary: hsl(var(--primary));
+  --color-primary-foreground: hsl(var(--primary-foreground));
+  --color-secondary: hsl(var(--secondary));
+  --color-secondary-foreground: hsl(var(--secondary-foreground));
+  --color-muted: hsl(var(--muted));
+  --color-muted-foreground: hsl(var(--muted-foreground));
+  --color-accent: hsl(var(--accent));
+  --color-accent-foreground: hsl(var(--accent-foreground));
+  --color-destructive: hsl(var(--destructive));
+  --color-destructive-foreground: hsl(var(--destructive-foreground));
+  --color-border: hsl(var(--border));
+  --color-input: hsl(var(--input));
+  --color-ring: hsl(var(--ring));
+  --color-chart-1: hsl(var(--chart-1));
+  --color-chart-2: hsl(var(--chart-2));
+  --color-chart-3: hsl(var(--chart-3));
+  --color-chart-4: hsl(var(--chart-4));
+  --color-chart-5: hsl(var(--chart-5));
+  --color-sidebar: hsl(var(--sidebar));
+  --color-sidebar-foreground: hsl(var(--sidebar-foreground));
+  --color-sidebar-primary: hsl(var(--sidebar-primary));
+  --color-sidebar-primary-foreground: hsl(var(--sidebar-primary-foreground));
+  --color-sidebar-accent: hsl(var(--sidebar-accent));
+  --color-sidebar-accent-foreground: hsl(var(--sidebar-accent-foreground));
+  --color-sidebar-border: hsl(var(--sidebar-border));
+  --color-sidebar-ring: hsl(var(--sidebar-ring));
+}
+
+/* LIGHT MODE - Default theme with placeholder values */
+:root {
+  --button-outline: rgba(0,0,0, .10);
+  --badge-outline: rgba(0,0,0, .05);
+  --opaque-button-border-intensity: -8;
+
+  --elevate-1: rgba(0,0,0, .03);
+  --elevate-2: rgba(0,0,0, .08);
+
+  --background: 0 0% 100%;
+  --foreground: 240 10% 3.9%;
+  --card: 0 0% 100%;
+  --card-foreground: 240 10% 3.9%;
+  --popover: 0 0% 100%;
+  --popover-foreground: 240 10% 3.9%;
+  --primary: 240 5.9% 10%;
+  --primary-foreground: 0 0% 98%;
+  --secondary: 240 4.8% 95.9%;
+  --secondary-foreground: 240 5.9% 10%;
+  --muted: 240 4.8% 95.9%;
+  --muted-foreground: 240 3.8% 46.1%;
+  --accent: 240 4.8% 95.9%;
+  --accent-foreground: 240 5.9% 10%;
+  --destructive: 0 84.2% 60.2%;
+  --destructive-foreground: 0 0% 98%;
+  --border: 240 5.9% 90%;
+  --input: 240 5.9% 90%;
+  --ring: 240 5.9% 10%;
+  --chart-1: 12 76% 61%;
+  --chart-2: 173 58% 39%;
+  --chart-3: 197 37% 24%;
+  --chart-4: 43 74% 66%;
+  --chart-5: 27 87% 67%;
+  --sidebar: 0 0% 98%;
+  --sidebar-foreground: 240 5.3% 26.1%;
+  --sidebar-primary: 240 5.9% 10%;
+  --sidebar-primary-foreground: 0 0% 98%;
+  --sidebar-accent: 240 4.8% 95.9%;
+  --sidebar-accent-foreground: 240 5.9% 10%;
+  --sidebar-border: 220 13% 91%;
+  --sidebar-ring: 240 5.9% 10%;
+
+  --font-sans: 'Inter', sans-serif;
+  --font-serif: Georgia, serif;
+  --font-mono: Menlo, monospace;
+  --radius: .5rem;
+  --spacing: 0.25rem;
+}
+
+/* DARK MODE */
+.dark {
+  --button-outline: rgba(255,255,255, .10);
+  --badge-outline: rgba(255,255,255, .05);
+  --opaque-button-border-intensity: 9;
+
+  --elevate-1: rgba(255,255,255, .04);
+  --elevate-2: rgba(255,255,255, .09);
+
+  --background: 240 10% 3.9%;
+  --foreground: 0 0% 98%;
+  --card: 240 10% 3.9%;
+  --card-foreground: 0 0% 98%;
+  --popover: 240 10% 3.9%;
+  --popover-foreground: 0 0% 98%;
+  --primary: 0 0% 98%;
+  --primary-foreground: 240 5.9% 10%;
+  --secondary: 240 3.7% 15.9%;
+  --secondary-foreground: 0 0% 98%;
+  --muted: 240 3.7% 15.9%;
+  --muted-foreground: 240 5% 64.9%;
+  --accent: 240 3.7% 15.9%;
+  --accent-foreground: 0 0% 98%;
+  --destructive: 0 62.8% 30.6%;
+  --destructive-foreground: 0 0% 98%;
+  --border: 240 3.7% 15.9%;
+  --input: 240 3.7% 15.9%;
+  --ring: 240 4.9% 83.9%;
+  --chart-1: 220 70% 50%;
+  --chart-2: 160 60% 45%;
+  --chart-3: 30 80% 55%;
+  --chart-4: 280 65% 60%;
+  --chart-5: 340 75% 55%;
+  --sidebar: 240 5.9% 10%;
+  --sidebar-foreground: 240 4.8% 95.9%;
+  --sidebar-primary: 224.3 76.3% 48%;
+  --sidebar-primary-foreground: 0 0% 100%;
+  --sidebar-accent: 240 3.7% 15.9%;
+  --sidebar-accent-foreground: 240 4.8% 95.9%;
+  --sidebar-border: 240 3.7% 15.9%;
+  --sidebar-ring: 240 4.9% 83.9%;
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply font-sans antialiased bg-background text-foreground;
+  }
+}
+
+@layer utilities {
+  /* Hide ugly search cancel button in Chrome */
+  input[type="search"]::-webkit-search-cancel-button {
+    @apply hidden;
+  }
+
+  /* Placeholder styling for contentEditable div */
+  [contenteditable][data-placeholder]:empty::before {
+    content: attr(data-placeholder);
+    color: hsl(var(--muted-foreground));
+    pointer-events: none;
+  }
+}
\ No newline at end of file
diff --git a/artifacts/mockup-sandbox/src/lib/utils.ts b/artifacts/mockup-sandbox/src/lib/utils.ts
new file mode 100644
index 0000000000000000000000000000000000000000..bd0c391ddd1088e9067844c48835bf4abcd61783
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/lib/utils.ts
@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
diff --git a/artifacts/mockup-sandbox/src/main.tsx b/artifacts/mockup-sandbox/src/main.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..696e0d2b94fbc09e5bf2378678cfe86625c2f15c
--- /dev/null
+++ b/artifacts/mockup-sandbox/src/main.tsx
@@ -0,0 +1,5 @@
+import { createRoot } from "react-dom/client";
+import App from "./App";
+import "./index.css";
+
+createRoot(document.getElementById("root")!).render(<App />);
diff --git a/artifacts/mockup-sandbox/tsconfig.json b/artifacts/mockup-sandbox/tsconfig.json
new file mode 100644
index 0000000000000000000000000000000000000000..bfcc6513c12ae483a36ed1e43d12611ba0eb246a
--- /dev/null
+++ b/artifacts/mockup-sandbox/tsconfig.json
@@ -0,0 +1,16 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "include": ["src/**/*", "mockupPreviewPlugin.ts", "vite.config.ts"],
+  "exclude": ["node_modules", "build", "dist", "**/*.test.ts"],
+  "compilerOptions": {
+    "noEmit": true,
+    "lib": ["es2022", "dom", "dom.iterable"],
+    "jsx": "preserve",
+    "esModuleInterop": true,
+    "allowImportingTsExtensions": true,
+    "types": ["node", "vite/client"],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}
diff --git a/artifacts/mockup-sandbox/vite.config.ts b/artifacts/mockup-sandbox/vite.config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3b4f2ca0d9f1531a73133ce58513bcc8a9f0f420
--- /dev/null
+++ b/artifacts/mockup-sandbox/vite.config.ts
@@ -0,0 +1,72 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import tailwindcss from "@tailwindcss/vite";
+import path from "path";
+import runtimeErrorOverlay from "@replit/vite-plugin-runtime-error-modal";
+import { mockupPreviewPlugin } from "./mockupPreviewPlugin";
+
+const rawPort = process.env.PORT;
+
+if (!rawPort) {
+  throw new Error(
+    "PORT environment variable is required but was not provided.",
+  );
+}
+
+const port = Number(rawPort);
+
+if (Number.isNaN(port) || port <= 0) {
+  throw new Error(`Invalid PORT value: "${rawPort}"`);
+}
+
+const basePath = process.env.BASE_PATH;
+
+if (!basePath) {
+  throw new Error(
+    "BASE_PATH environment variable is required but was not provided.",
+  );
+}
+
+export default defineConfig({
+  base: basePath,
+  plugins: [
+    mockupPreviewPlugin(),
+    react(),
+    tailwindcss(),
+    runtimeErrorOverlay(),
+    ...(process.env.NODE_ENV !== "production" &&
+    process.env.REPL_ID !== undefined
+      ? [
+          await import("@replit/vite-plugin-cartographer").then((m) =>
+            m.cartographer({
+              root: path.resolve(import.meta.dirname, ".."),
+            }),
+          ),
+        ]
+      : []),
+  ],
+  resolve: {
+    alias: {
+      "@": path.resolve(import.meta.dirname, "src"),
+    },
+  },
+  root: path.resolve(import.meta.dirname),
+  build: {
+    outDir: path.resolve(import.meta.dirname, "dist"),
+    emptyOutDir: true,
+  },
+  server: {
+    port,
+    host: "0.0.0.0",
+    allowedHosts: true,
+    fs: {
+      strict: true,
+      deny: ["**/.*"],
+    },
+  },
+  preview: {
+    port,
+    host: "0.0.0.0",
+    allowedHosts: true,
+  },
+});