@fastbackr/react 0.0.0-stage → 0.0.3

package/dist/app-Cw3fHqqr.js

@@ -0,0 +1,1615 @@
+"use client";
+import { rememberVisible } from "@fastbackr/core/boot";
+import { createContext, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ApiClient, Layer, Selection, TokenSource, anchorBox, captureAnchor, captureScreenshot, consumeThreadLink, isCovered, isReflowed, pageContext, pathBreak, placeBox, plainKey, position, preloadScreenshot, regionBox, resolveAnchor, skeleton, threadLink, watchNavigation } from "@fastbackr/core";
+import { createPortal } from "react-dom";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+import { LIMITS, THREAD_STATUSES } from "@fastbackr/core/contract";
+import { Button } from "@base-ui/react/button";
+import { Input } from "@base-ui/react/input";
+import { RiAddLine, RiArrowDownSLine, RiChat3Line, RiCheckLine, RiCloseLine, RiPencilLine } from "@remixicon/react";
+import { Checkbox } from "@base-ui/react/checkbox";
+import { Separator } from "@base-ui/react/separator";
+//#region \0virtual:fastbackr-styles
+var _virtual_fastbackr_styles_default = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (display:block){:host,:host{--shimmer-angle:20deg}*,: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-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-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-duration:initial;--tw-ease:initial;--tw-content:\"\";--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-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;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:host,:host{--font-sans:var(--font-sans);--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--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:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-widest:.1em;--leading-snug:1.375;--leading-normal:1.5;--radius-xl:calc(var(--radius) * 1.4);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--perspective-normal:500px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, 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;-webkit-text-decoration: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{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}: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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}body{background-color:var(--background);color:var(--foreground)}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}}@layer components;@layer utilities{.\\@container\\/card-header{container:card-header/inline-size}.\\@container\\/field-group{container:field-group/inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.top-1\\.5{top:calc(var(--spacing) * 1.5)}.top-1\\/2{top:50%}.top-2\\.5{top:calc(var(--spacing) * 2.5)}.top-3{top:calc(var(--spacing) * 3)}.top-3\\.5{top:calc(var(--spacing) * 3.5)}.top-4{top:calc(var(--spacing) * 4)}.right-0{right:0}.right-1{right:var(--spacing)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-full{right:100%}.bottom-0{bottom:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-22{bottom:calc(var(--spacing) * 22)}.bottom-\\[calc\\(100\\%\\+6px\\)\\]{bottom:calc(100% + 6px)}.left-1\\/2{left:50%}.isolate{isolation:isolate}.-z-1{z-index:calc(1 * -1)}.-z-10{z-index:calc(10 * -1)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-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-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing) * -2)}.my-1{margin-block:var(--spacing)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-auto{margin-top:auto}.-mr-1{margin-right:calc(var(--spacing) * -1)}.-mr-1\\.5{margin-right:calc(var(--spacing) * -1.5)}.mr-1\\.5{margin-right:calc(var(--spacing) * 1.5)}.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.size-2\\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3\\!{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}.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-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-full{width:100%;height:100%}.h-\\(--accordion-panel-height\\){height:var(--accordion-panel-height)}.h-2\\.5{height:calc(var(--spacing) * 2.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-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-\\[calc\\(100\\%-1px\\)\\]{height:calc(100% - 1px)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-\\(--available-height\\){max-height:var(--available-height)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-\\[calc\\(100vh-110px\\)\\]{max-height:calc(100vh - 110px)}.min-h-0{min-height:0}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-svh{min-height:100svh}.w-\\(--anchor-width\\){width:var(--anchor-width)}.w-\\(--sidebar-width\\){width:var(--sidebar-width)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-36{width:calc(var(--spacing) * 36)}.w-48{width:calc(var(--spacing) * 48)}.w-\\[350px\\]{width:350px}.w-\\[420px\\]{width:420px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\\(--skeleton-width\\){max-width:var(--skeleton-width)}.max-w-40{max-width:calc(var(--spacing) * 40)}.max-w-\\[440px\\]{max-width:440px}.max-w-\\[calc\\(100\\%-2rem\\)\\]{max-width:calc(100% - 2rem)}.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem)}.max-w-\\[calc\\(100vw-24px\\)\\]{max-width:calc(100vw - 24px)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-7{min-width:calc(var(--spacing) * 7)}.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-36{min-width:calc(var(--spacing) * 36)}.min-w-48{min-width:calc(var(--spacing) * 48)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.caption-bottom{caption-side:bottom}.origin-\\(--transform-origin\\){transform-origin:var(--transform-origin)}.-translate-x-1\\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);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-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\\[calc\\(-50\\%-2px\\)\\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-fade-in{animation:.6s ease-in both fade-in}.animate-fade-in-left{animation:.6s ease-in-out both fade-in-left}.animate-fade-out{animation:.6s ease-out both fade-out}.animate-fade-out-right{animation:.6s ease-out both fade-out-right}.animate-flip-in-x{animation:.6s ease-out both flip-in-x}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.list-disc{list-style-type:disc}.auto-rows-min{grid-auto-rows:min-content}.grid-rows-\\[auto_1fr\\]{grid-template-rows:auto 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}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-\\(--card-spacing\\){gap:var(--card-spacing)}.gap-0{gap:0}.gap-0\\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.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-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-\\[--spacing\\(var\\(--gap\\)\\)\\]{gap:calc(var(--spacing) * var(--gap))}:where(.-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)))}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:calc(var(--radius) * 1.8)}.rounded-4xl{border-radius:calc(var(--radius) * 2.6)}.rounded-\\[2px\\]{border-radius:2px}.rounded-\\[6px\\]{border-radius:6px}.rounded-\\[14px_14px_14px_3px\\]{border-radius:14px 14px 14px 3px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) * .8)}.rounded-xl{border-radius:calc(var(--radius) * 1.4)}.rounded-t-xl{border-top-left-radius:calc(var(--radius) * 1.4);border-top-right-radius:calc(var(--radius) * 1.4)}.rounded-b-xl{border-bottom-right-radius:calc(var(--radius) * 1.4);border-bottom-left-radius:calc(var(--radius) * 1.4)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-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-background{border-color:var(--background)}.border-border{border-color:var(--border)}.border-input{border-color:var(--input)}.border-sidebar-border{border-color:var(--sidebar-border)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-black\\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-border,.bg-border\\/50{background-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.bg-border\\/50{background-color:color-mix(in oklab, var(--border) 50%, transparent)}}.bg-card{background-color:var(--card)}.bg-destructive,.bg-destructive\\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\\/10{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.bg-foreground{background-color:var(--foreground)}.bg-input\\/30{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.bg-input\\/30{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.bg-muted,.bg-muted\\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\\/50{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\\/15{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/15{background-color:color-mix(in oklab, var(--primary) 15%, transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-sidebar{background-color:var(--sidebar)}.bg-sidebar-border{background-color:var(--sidebar-border)}.bg-transparent{background-color:#0000}.bg-clip-padding{background-clip:padding-box}.fill-foreground{fill:var(--foreground)}.object-cover{object-fit:cover}.object-top{object-position:top}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-\\[3px\\]{padding:3px}.px-\\(--card-spacing\\){padding-inline:var(--card-spacing)}.px-1{padding-inline:var(--spacing)}.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-5{padding-inline:calc(var(--spacing) * 5)}.py-\\(--card-spacing\\){padding-block:var(--card-spacing)}.py-0{padding-block:0}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-0{padding-top:0}.pr-3{padding-right:calc(var(--spacing) * 3)}.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-1\\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-heading,.font-sans{font-family:var(--font-sans)}.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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.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-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}.whitespace-pre-wrap{white-space:pre-wrap}.text-background{color:var(--background)}.text-card-foreground{color:var(--card-foreground)}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-foreground,.text-foreground\\/60{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\\/60{color:color-mix(in oklab, var(--foreground) 60%, transparent)}}.text-link{color:var(--link)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-sidebar-foreground,.text-sidebar-foreground\\/70{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab, red, red)){.text-sidebar-foreground\\/70{color:color-mix(in oklab, var(--sidebar-foreground) 70%, transparent)}}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.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-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-blend-color{background-blend-mode:color}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);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,#00000040);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_var\\(--sidebar-border\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,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,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);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,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);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-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);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-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-2{--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)}.ring-background{--tw-ring-color:var(--background)}.ring-foreground\\/5{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ring-foreground\\/5{--tw-ring-color:color-mix(in oklab, var(--foreground) 5%, transparent)}}.ring-foreground\\/10{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ring-foreground\\/10{--tw-ring-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.ring-sidebar-ring{--tw-ring-color:var(--sidebar-ring)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.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-primary{outline-color:var(--primary)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{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-\\[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-shadow{transition-property:box-shadow;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))}.transition-none{transition-property:none}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.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}.animate-delay-250{animation-delay:.25s}.animate-duration-150{animation-duration:.15s}.animate-duration-250{animation-duration:.25s}.animate-duration-300{animation-duration:.3s}.outline-dashed{--tw-outline-style:dashed;outline-style:dashed}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\\[--card-spacing\\:--spacing\\(6\\)\\]{--card-spacing:calc(var(--spacing) * 6)}.\\[--radius\\:var\\(--radius-xl\\)\\]{--radius:var(--radius-xl)}.perspective-normal{perspective:var(--perspective-normal)}:is(.\\*\\:pointer-events-auto>*){pointer-events:auto}:is(.\\*\\:w-full>*){width:100%}.not-last\\:border-b:not(:last-child){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.group-focus-within\\/menu-item\\:opacity-100:is(:where(.group\\/menu-item):focus-within *){opacity:1}@media (hover:hover){.group-hover\\/menu-item\\:opacity-100:is(:where(.group\\/menu-item):hover *){opacity:1}}.group-focus\\/dropdown-menu-item\\:text-accent-foreground:is(:where(.group\\/dropdown-menu-item):focus *){color:var(--accent-foreground)}.group-has-disabled\\/field\\:opacity-50:is(:where(.group\\/field):has(:disabled) *){opacity:.5}.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-\\[size\\=lg\\]\\/avatar-group\\:size-10:is(:where(.group\\/avatar-group):has([data-size=lg]) *){width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.group-has-data-\\[size\\=sm\\]\\/avatar-group\\:size-6:is(:where(.group\\/avatar-group):has([data-size=sm]) *){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.group-has-data-horizontal\\/field\\:text-balance:is(:where(.group\\/field):has(:where([data-orientation=horizontal])) *){text-wrap:balance}.group-has-\\[\\:focus-visible\\]\\/field-label\\:ring-0:is(:where(.group\\/field-label):has(: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)}.group-has-\\[\\:focus-visible\\]\\/field-label\\:not-data-checked\\:border-input:is(:where(.group\\/field-label):has(:focus-visible) *):not(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){border-color:var(--input)}.group-has-\\[\\>svg\\]\\/alert\\:col-start-2:is(:where(.group\\/alert):has(>svg) *){grid-column-start:2}.group-aria-expanded\\/accordion-trigger\\:hidden:is(:where(.group\\/accordion-trigger)[aria-expanded=true] *){display:none}.group-aria-expanded\\/accordion-trigger\\:inline:is(:where(.group\\/accordion-trigger)[aria-expanded=true] *){display:inline}.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\\]\\:size-8\\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing) * 8)!important;height:calc(var(--spacing) * 8)!important}.group-data-\\[collapsible\\=icon\\]\\:w-\\(--sidebar-width-icon\\):is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+\\(--spacing\\(4\\)\\)\\)\\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)))}.group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+\\(--spacing\\(4\\)\\)\\+2px\\)\\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px)}.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: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\\]\\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:0}.group-data-\\[collapsible\\=offcanvas\\]\\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\\[disabled\\=true\\]\\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\\[disabled\\=true\\]\\:opacity-50:is(:where(.group)[data-disabled=true] *),.group-data-\\[disabled\\=true\\]\\/field\\:opacity-50:is(:where(.group\\/field)[data-disabled=true] *){opacity:.5}.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: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-\\[size\\=default\\]\\/avatar\\:size-2\\.5:is(:where(.group\\/avatar)[data-size=default] *){width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.group-data-\\[size\\=lg\\]\\/avatar\\:size-3:is(:where(.group\\/avatar)[data-size=lg] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\\[size\\=sm\\]\\/alert-dialog-content\\:grid:is(:where(.group\\/alert-dialog-content)[data-size=sm] *){display:grid}.group-data-\\[size\\=sm\\]\\/alert-dialog-content\\:grid-cols-2:is(:where(.group\\/alert-dialog-content)[data-size=sm] *){grid-template-columns:repeat(2,minmax(0,1fr))}.group-data-\\[size\\=sm\\]\\/avatar\\:size-2:is(:where(.group\\/avatar)[data-size=sm] *){width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\\[size\\=sm\\]\\/avatar\\:text-xs:is(:where(.group\\/avatar)[data-size=sm] *){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.group-data-\\[spacing\\=0\\]\\/toggle-group\\:rounded-none:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *){border-radius:0}.group-data-\\[spacing\\=0\\]\\/toggle-group\\:px-3:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *){padding-inline:calc(var(--spacing) * 3)}.group-data-\\[spacing\\=0\\]\\/toggle-group\\:shadow-none:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *){--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)}.group-data-\\[variant\\=floating\\]\\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius)}.group-data-\\[variant\\=floating\\]\\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);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\\=floating\\]\\:ring-1:is(:where(.group)[data-variant=floating] *){--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)}.group-data-\\[variant\\=floating\\]\\:ring-sidebar-border:is(:where(.group)[data-variant=floating] *){--tw-ring-color:var(--sidebar-border)}.group-data-\\[variant\\=line\\]\\/tabs-list\\:bg-transparent:is(:where(.group\\/tabs-list)[data-variant=line] *){background-color:#0000}.group-data-\\[variant\\=outline\\]\\/field-group\\:-mb-2:is(:where(.group\\/field-group)[data-variant=outline] *){margin-bottom:calc(var(--spacing) * -2)}.group-data-horizontal\\/tabs\\:h-9:is(:where(.group\\/tabs):where([data-orientation=horizontal]) *){height:calc(var(--spacing) * 9)}.group-data-vertical\\/tabs\\:h-fit:is(:where(.group\\/tabs):where([data-orientation=vertical]) *){height:fit-content}.group-data-vertical\\/tabs\\:w-full:is(:where(.group\\/tabs):where([data-orientation=vertical]) *){width:100%}.group-data-vertical\\/tabs\\:flex-col:is(:where(.group\\/tabs):where([data-orientation=vertical]) *){flex-direction:column}.group-data-vertical\\/tabs\\:justify-start:is(:where(.group\\/tabs):where([data-orientation=vertical]) *){justify-content:flex-start}.group-data-vertical\\/tabs\\:rounded-2xl:is(:where(.group\\/tabs):where([data-orientation=vertical]) *){border-radius:calc(var(--radius) * 1.8)}.group-data-vertical\\/tabs\\:px-2\\.5:is(:where(.group\\/tabs):where([data-orientation=vertical]) *){padding-inline:calc(var(--spacing) * 2.5)}.group-data-vertical\\/tabs\\:py-1\\.5:is(:where(.group\\/tabs):where([data-orientation=vertical]) *){padding-block:calc(var(--spacing) * 1.5)}@media (hover:hover){.peer-hover\\/menu-button\\:text-sidebar-accent-foreground:is(:where(.peer\\/menu-button):hover~*){color:var(--sidebar-accent-foreground)}}.peer-disabled\\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.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\\=default\\]\\/menu-button\\:top-2:is(:where(.peer\\/menu-button)[data-size=default]~*){top:calc(var(--spacing) * 2)}.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:var(--spacing)}.peer-data-active\\/menu-button\\:text-sidebar-accent-foreground:is(:is(:where(.peer\\/menu-button):where([data-state=active]),:where(.peer\\/menu-button):where([data-active]:not([data-active=false])))~*){color:var(--sidebar-accent-foreground)}.file\\:inline-flex::file-selector-button{display:inline-flex}.file\\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}.file\\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\\:bg-transparent::file-selector-button{background-color:#0000}.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:var(--foreground)}.placeholder\\:text-muted-foreground::placeholder{color: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-0:after{content:var(--tw-content);inset:0}.after\\:-inset-x-3:after{content:var(--tw-content);inset-inline:calc(var(--spacing) * -3)}.after\\:-inset-y-2:after{content:var(--tw-content);inset-block:calc(var(--spacing) * -2)}.after\\:inset-y-0:after{content:var(--tw-content);inset-block:0}.after\\:start-1\\/2:after{content:var(--tw-content);inset-inline-start:50%}.after\\:w-\\[2px\\]:after{content:var(--tw-content);width:2px}.after\\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\\:border:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.after\\:border-border:after{content:var(--tw-content);border-color:var(--border)}.after\\:bg-foreground:after{content:var(--tw-content);background-color:var(--foreground)}.after\\:opacity-0:after{content:var(--tw-content);opacity:0}.after\\:mix-blend-darken:after{content:var(--tw-content);mix-blend-mode:darken}.after\\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-data-\\[collapsible\\=offcanvas\\]\\:after\\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.group-data-horizontal\\/tabs\\:after\\:inset-x-0:is(:where(.group\\/tabs):where([data-orientation=horizontal]) *):after{content:var(--tw-content);inset-inline:0}.group-data-horizontal\\/tabs\\:after\\:bottom-\\[-5px\\]:is(:where(.group\\/tabs):where([data-orientation=horizontal]) *):after{content:var(--tw-content);bottom:-5px}.group-data-horizontal\\/tabs\\:after\\:h-0\\.5:is(:where(.group\\/tabs):where([data-orientation=horizontal]) *):after{content:var(--tw-content);height:calc(var(--spacing) * .5)}.group-data-vertical\\/tabs\\:after\\:inset-y-0:is(:where(.group\\/tabs):where([data-orientation=vertical]) *):after{content:var(--tw-content);inset-block:0}.group-data-vertical\\/tabs\\:after\\:-right-1:is(:where(.group\\/tabs):where([data-orientation=vertical]) *):after{content:var(--tw-content);right:calc(var(--spacing) * -1)}.group-data-vertical\\/tabs\\:after\\:w-0\\.5:is(:where(.group\\/tabs):where([data-orientation=vertical]) *):after{content:var(--tw-content);width:calc(var(--spacing) * .5)}.last\\:mt-0:last-child{margin-top:0}@media (hover:hover){.hover\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\]:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\]:hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.hover\\:bg-destructive\\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-destructive\\/20:hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.hover\\:bg-input\\/50:hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-input\\/50:hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}.hover\\:bg-muted:hover,.hover\\:bg-muted\\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-muted\\/50:hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.hover\\:bg-primary\\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/80:hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.hover\\:bg-sidebar-accent:hover{background-color:var(--sidebar-accent)}.hover\\:text-foreground:hover{color:var(--foreground)}.hover\\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\\:text-sidebar-accent-foreground:hover{color:var(--sidebar-accent-foreground)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:shadow-\\[0_0_0_1px_var\\(--sidebar-accent\\)\\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,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)}.hover\\:group-data-\\[collapsible\\=offcanvas\\]\\:bg-sidebar:hover:is(:where(.group)[data-collapsible=offcanvas] *){background-color:var(--sidebar)}.hover\\:after\\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:var(--sidebar-border)}}.focus\\:z-10:focus{z-index:10}.focus\\:bg-accent:focus{background-color:var(--accent)}.focus\\:text-accent-foreground:focus,:is(.focus\\:\\*\\*\\:text-accent-foreground:focus *),:is(.not-data-\\[variant\\=destructive\\]\\:focus\\:\\*\\*\\:text-accent-foreground:not([data-variant=destructive]):focus *){color:var(--accent-foreground)}.focus-visible\\:z-10:focus-visible{z-index:10}.focus-visible\\:border-destructive\\/40:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:border-destructive\\/40:focus-visible{border-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.focus-visible\\:border-ring:focus-visible{border-color:var(--ring)}.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-destructive\\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\\:outline-ring:focus-visible{outline-color:var(--ring)}.active\\:bg-sidebar-accent:active{background-color:var(--sidebar-accent)}.active\\:text-sidebar-accent-foreground:active{color:var(--sidebar-accent-foreground)}.active\\:not-aria-\\[haspopup\\]\\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}: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-aria-expanded\\:bg-muted\\/50:has([aria-expanded=true]){background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.has-aria-expanded\\:bg-muted\\/50:has([aria-expanded=true]){background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.has-data-\\[icon\\=inline-end\\]\\:pr-1\\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\\[icon\\=inline-end\\]\\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\\[icon\\=inline-end\\]\\:pr-2\\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2.5)}.has-data-\\[icon\\=inline-end\\]\\:pr-3:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 3)}.group-data-\\[spacing\\=0\\]\\/toggle-group\\:has-data-\\[icon\\=inline-end\\]\\:pr-2\\.5:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *):has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2.5)}.has-data-\\[icon\\=inline-start\\]\\:pl-1\\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\\[icon\\=inline-start\\]\\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\\[icon\\=inline-start\\]\\:pl-2\\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2.5)}.has-data-\\[icon\\=inline-start\\]\\:pl-3:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 3)}.group-data-\\[spacing\\=0\\]\\/toggle-group\\:has-data-\\[icon\\=inline-start\\]\\:pl-2\\.5:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *):has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2.5)}.has-data-\\[slot\\=alert-action\\]\\:relative:has([data-slot=alert-action]){position:relative}.has-data-\\[slot\\=alert-action\\]\\:pr-18:has([data-slot=alert-action]){padding-right:calc(var(--spacing) * 18)}.has-data-\\[slot\\=alert-dialog-media\\]\\:grid-rows-\\[auto_auto_1fr\\]:has([data-slot=alert-dialog-media]){grid-template-rows:auto auto 1fr}.has-data-\\[slot\\=alert-dialog-media\\]\\:gap-x-6:has([data-slot=alert-dialog-media]){column-gap:calc(var(--spacing) * 6)}.has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\\[slot\\=card-description\\]\\:grid-rows-\\[auto_auto\\]:has([data-slot=card-description]){grid-template-rows:auto auto}.has-data-\\[slot\\=kbd\\]\\:pr-1\\.5:has([data-slot=kbd]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\\[variant\\=inset\\]\\:bg-sidebar:has([data-variant=inset]){background-color:var(--sidebar)}.has-data-checked\\:border-primary\\/30:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.has-data-checked\\:border-primary\\/30:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){border-color:color-mix(in oklab, var(--primary) 30%, transparent)}}.has-data-checked\\:bg-primary\\/5:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.has-data-checked\\:bg-primary\\/5:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){background-color:color-mix(in oklab, var(--primary) 5%, transparent)}}.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-xl:has(>[data-slot=field]){border-radius:calc(var(--radius) * 1.4)}.has-\\[\\>\\[data-slot\\=field\\]\\]\\:border:has(>[data-slot=field]){border-style:var(--tw-border-style);border-width:1px}@media (hover:hover){.has-\\[\\>\\[data-slot\\=field\\]\\]\\:not-has-\\[\\:disabled\\,\\[data-disabled\\]\\]\\:hover\\:bg-input\\/40:has(>[data-slot=field]):not(:has(:is(:disabled,[data-disabled]))):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.has-\\[\\>\\[data-slot\\=field\\]\\]\\:not-has-\\[\\:disabled\\,\\[data-disabled\\]\\]\\:hover\\:bg-input\\/40:has(>[data-slot=field]):not(:has(:is(:disabled,[data-disabled]))):hover{background-color:color-mix(in oklab, var(--input) 40%, transparent)}}}.has-\\[\\>\\[data-slot\\=field\\]\\]\\:has-\\[\\:focus-visible\\]\\:border-ring:has(>[data-slot=field]):has(:focus-visible){border-color:var(--ring)}.has-\\[\\>\\[data-slot\\=field\\]\\]\\:has-\\[\\:focus-visible\\]\\:ring-\\[3px\\]:has(>[data-slot=field]):has(: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)}.has-\\[\\>\\[data-slot\\=field\\]\\]\\:has-\\[\\:focus-visible\\]\\:ring-ring\\/50:has(>[data-slot=field]):has(:focus-visible){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.has-\\[\\>\\[data-slot\\=field\\]\\]\\:has-\\[\\:focus-visible\\]\\:ring-ring\\/50:has(>[data-slot=field]):has(:focus-visible){--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.has-\\[\\>\\[data-slot\\=radio-group\\]\\]\\:gap-3:has(>[data-slot=radio-group]){gap:calc(var(--spacing) * 3)}.has-\\[\\>img\\:first-child\\]\\:pt-0:has(>img:first-child){padding-top:0}.has-\\[\\>svg\\]\\:grid-cols-\\[auto_1fr\\]:has(>svg){grid-template-columns:auto 1fr}.has-\\[\\>svg\\]\\:gap-x-2\\.5:has(>svg){column-gap:calc(var(--spacing) * 2.5)}.aria-disabled\\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\\:opacity-50[aria-disabled=true]{opacity:.5}.aria-expanded\\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.aria-expanded\\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-expanded\\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.aria-expanded\\:opacity-100[aria-expanded=true]{opacity:1}.aria-invalid\\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\\:ring-\\[3px\\][aria-invalid=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)}.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.aria-invalid\\:aria-checked\\:border-primary[aria-invalid=true][aria-checked=true]{border-color:var(--primary)}.aria-pressed\\:bg-muted[aria-pressed=true]{background-color:var(--muted)}.data-ending-style\\:h-0[data-ending-style]{height:0}.data-ending-style\\:opacity-0[data-ending-style]{opacity:0}.data-inset\\:pl-9\\.5[data-inset]{padding-left:calc(var(--spacing) * 9.5)}.data-popup-open\\:bg-accent[data-popup-open]{background-color:var(--accent)}.data-popup-open\\:text-accent-foreground[data-popup-open]{color:var(--accent-foreground)}.data-starting-style\\:h-0[data-starting-style]{height:0}.data-starting-style\\:opacity-0[data-starting-style]{opacity:0}.data-\\[invalid\\=true\\]\\:text-destructive[data-invalid=true]{color:var(--destructive)}.data-\\[side\\=bottom\\]\\:inset-x-0[data-side=bottom]{inset-inline:0}.data-\\[side\\=bottom\\]\\:top-1[data-side=bottom]{top:var(--spacing)}.data-\\[side\\=bottom\\]\\:bottom-0[data-side=bottom]{bottom:0}.data-\\[side\\=bottom\\]\\:h-auto[data-side=bottom]{height:auto}.data-\\[side\\=bottom\\]\\:border-t[data-side=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\\[side\\=bottom\\]\\:data-ending-style\\:translate-y-\\[2\\.5rem\\][data-side=bottom][data-ending-style],.data-\\[side\\=bottom\\]\\:data-starting-style\\:translate-y-\\[2\\.5rem\\][data-side=bottom][data-starting-style]{--tw-translate-y:2.5rem;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\\[side\\=inline-end\\]\\:top-1\\/2\\![data-side=inline-end]{top:50%!important}.data-\\[side\\=inline-end\\]\\:-left-1[data-side=inline-end]{left:calc(var(--spacing) * -1)}.data-\\[side\\=inline-end\\]\\:translate-x-\\[1\\.5px\\][data-side=inline-end]{--tw-translate-x:1.5px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\\[side\\=inline-end\\]\\:-translate-y-1\\/2[data-side=inline-end]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\\[side\\=inline-end\\]\\:slide-in-from-left-2[data-side=inline-end]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\\[side\\=inline-start\\]\\:top-1\\/2\\![data-side=inline-start]{top:50%!important}.data-\\[side\\=inline-start\\]\\:-right-1[data-side=inline-start]{right:calc(var(--spacing) * -1)}.data-\\[side\\=inline-start\\]\\:translate-x-\\[-1\\.5px\\][data-side=inline-start]{--tw-translate-x:-1.5px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\\[side\\=inline-start\\]\\:-translate-y-1\\/2[data-side=inline-start]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\\[side\\=inline-start\\]\\:slide-in-from-right-2[data-side=inline-start]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\\[side\\=left\\]\\:inset-y-0[data-side=left]{inset-block:0}.data-\\[side\\=left\\]\\:top-1\\/2\\![data-side=left]{top:50%!important}.data-\\[side\\=left\\]\\:-right-1[data-side=left]{right:calc(var(--spacing) * -1)}.data-\\[side\\=left\\]\\:left-0[data-side=left]{left:0}.data-\\[side\\=left\\]\\:h-full[data-side=left]{height:100%}.data-\\[side\\=left\\]\\:w-3\\/4[data-side=left]{width:75%}.data-\\[side\\=left\\]\\:translate-x-\\[-1\\.5px\\][data-side=left]{--tw-translate-x:-1.5px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\\[side\\=left\\]\\:-translate-y-1\\/2[data-side=left]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\\[side\\=left\\]\\:border-r[data-side=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\\[side\\=left\\]\\:group-data-\\[collapsible\\=offcanvas\\]\\:left-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\][data-side=left]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width) * -1)}.data-\\[side\\=left\\]\\:data-ending-style\\:translate-x-\\[-2\\.5rem\\][data-side=left][data-ending-style],.data-\\[side\\=left\\]\\:data-starting-style\\:translate-x-\\[-2\\.5rem\\][data-side=left][data-starting-style]{--tw-translate-x:-2.5rem;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\\[side\\=right\\]\\:inset-y-0[data-side=right]{inset-block:0}.data-\\[side\\=right\\]\\:top-1\\/2\\![data-side=right]{top:50%!important}.data-\\[side\\=right\\]\\:right-0[data-side=right]{right:0}.data-\\[side\\=right\\]\\:-left-1[data-side=right]{left:calc(var(--spacing) * -1)}.data-\\[side\\=right\\]\\:h-full[data-side=right]{height:100%}.data-\\[side\\=right\\]\\:w-3\\/4[data-side=right]{width:75%}.data-\\[side\\=right\\]\\:translate-x-\\[1\\.5px\\][data-side=right]{--tw-translate-x:1.5px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\\[side\\=right\\]\\:-translate-y-1\\/2[data-side=right]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\\[side\\=right\\]\\:border-l[data-side=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\\[side\\=right\\]\\:group-data-\\[collapsible\\=offcanvas\\]\\:right-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\][data-side=right]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width) * -1)}.data-\\[side\\=right\\]\\:data-ending-style\\:translate-x-\\[2\\.5rem\\][data-side=right][data-ending-style],.data-\\[side\\=right\\]\\:data-starting-style\\:translate-x-\\[2\\.5rem\\][data-side=right][data-starting-style]{--tw-translate-x:2.5rem;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\\[side\\=top\\]\\:inset-x-0[data-side=top]{inset-inline:0}.data-\\[side\\=top\\]\\:top-0[data-side=top]{top:0}.data-\\[side\\=top\\]\\:-bottom-2\\.5[data-side=top]{bottom:calc(var(--spacing) * -2.5)}.data-\\[side\\=top\\]\\:h-auto[data-side=top]{height:auto}.data-\\[side\\=top\\]\\:border-b[data-side=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\\[side\\=top\\]\\:data-ending-style\\:translate-y-\\[-2\\.5rem\\][data-side=top][data-ending-style],.data-\\[side\\=top\\]\\:data-starting-style\\:translate-y-\\[-2\\.5rem\\][data-side=top][data-starting-style]{--tw-translate-y:-2.5rem;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\\[size\\=default\\]\\:max-w-xs[data-size=default]{max-width:var(--container-xs)}.data-\\[size\\=lg\\]\\:size-10[data-size=lg]{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.data-\\[size\\=md\\]\\:text-sm[data-size=md]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.data-\\[size\\=sm\\]\\:size-6[data-size=sm]{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.data-\\[size\\=sm\\]\\:max-w-xs[data-size=sm]{max-width:var(--container-xs)}.data-\\[size\\=sm\\]\\:text-xs[data-size=sm]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.data-\\[size\\=sm\\]\\:\\[--card-spacing\\:--spacing\\(4\\)\\][data-size=sm]{--card-spacing:calc(var(--spacing) * 4)}:is(.\\*\\*\\:data-\\[slot\\=accordion-trigger-icon\\]\\:ml-auto *)[data-slot=accordion-trigger-icon]{margin-left:auto}:is(.\\*\\*\\:data-\\[slot\\=accordion-trigger-icon\\]\\:size-4 *)[data-slot=accordion-trigger-icon]{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}:is(.\\*\\*\\:data-\\[slot\\=accordion-trigger-icon\\]\\:text-muted-foreground *)[data-slot=accordion-trigger-icon]{color:var(--muted-foreground)}:is(.\\*\\:data-\\[slot\\=alert-description\\]\\:text-destructive\\/90>*)[data-slot=alert-description]{color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){:is(.\\*\\:data-\\[slot\\=alert-description\\]\\:text-destructive\\/90>*)[data-slot=alert-description]{color:color-mix(in oklab, var(--destructive) 90%, transparent)}}:is(.\\*\\:data-\\[slot\\=avatar\\]\\:ring-2>*)[data-slot=avatar]{--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)}:is(.\\*\\:data-\\[slot\\=avatar\\]\\:ring-background>*)[data-slot=avatar]{--tw-ring-color:var(--background)}.data-\\[slot\\=checkbox-group\\]\\:gap-3[data-slot=checkbox-group]{gap:calc(var(--spacing) * 3)}:is(.\\*\\:data-\\[slot\\=field\\]\\:p-4>*)[data-slot=field]{padding:calc(var(--spacing) * 4)}:is(.\\*\\:data-\\[slot\\=field-group\\]\\:gap-4>*)[data-slot=field-group]{gap:calc(var(--spacing) * 4)}:is(.\\*\\:data-\\[slot\\=field-label\\]\\:flex-auto>*)[data-slot=field-label]{flex:auto}:is(.\\*\\*\\:data-\\[slot\\=kbd\\]\\:relative *)[data-slot=kbd]{position:relative}:is(.\\*\\*\\:data-\\[slot\\=kbd\\]\\:isolate *)[data-slot=kbd]{isolation:isolate}:is(.\\*\\*\\:data-\\[slot\\=kbd\\]\\:z-50 *)[data-slot=kbd]{z-index:50}:is(.\\*\\*\\:data-\\[slot\\=kbd\\]\\:rounded-4xl *)[data-slot=kbd]{border-radius:calc(var(--radius) * 2.6)}.group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:first\\:rounded-l-3xl:is(:where(.group\\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing=\"0\"]:first-child{border-top-left-radius:calc(var(--radius) * 2.2);border-bottom-left-radius:calc(var(--radius) * 2.2)}.group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:first\\:rounded-t-3xl:is(:where(.group\\/toggle-group):where([data-orientation=vertical]) *)[data-spacing=\"0\"]:first-child{border-top-left-radius:calc(var(--radius) * 2.2);border-top-right-radius:calc(var(--radius) * 2.2)}.group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:last\\:rounded-r-3xl:is(:where(.group\\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing=\"0\"]:last-child{border-top-right-radius:calc(var(--radius) * 2.2);border-bottom-right-radius:calc(var(--radius) * 2.2)}.group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:last\\:rounded-b-3xl:is(:where(.group\\/toggle-group):where([data-orientation=vertical]) *)[data-spacing=\"0\"]:last-child{border-bottom-right-radius:calc(var(--radius) * 2.2);border-bottom-left-radius:calc(var(--radius) * 2.2)}.data-\\[state\\=delayed-open\\]\\:animate-in[data-state=delayed-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\\=delayed-open\\]\\:fade-in-0[data-state=delayed-open]{--tw-enter-opacity:0}.data-\\[state\\=delayed-open\\]\\:zoom-in-95[data-state=delayed-open]{--tw-enter-scale:.95}.data-\\[state\\=on\\]\\:bg-muted[data-state=on],.data-\\[state\\=selected\\]\\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\\[variant\\=destructive\\]\\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.data-\\[variant\\=destructive\\]\\:focus\\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}.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))}.data-\\[variant\\=line\\]\\:rounded-none[data-variant=line]{border-radius:0}.data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:rounded-4xl[data-spacing=\"0\"][data-variant=outline]{border-radius:calc(var(--radius) * 2.6)}.group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:border-l-0:is(:where(.group\\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing=\"0\"][data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:border-t-0:is(:where(.group\\/toggle-group):where([data-orientation=vertical]) *)[data-spacing=\"0\"][data-variant=outline]{border-top-style:var(--tw-border-style);border-top-width:0}.group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:first\\:border-l:is(:where(.group\\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing=\"0\"][data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:first\\:border-t:is(:where(.group\\/toggle-group):where([data-orientation=vertical]) *)[data-spacing=\"0\"][data-variant=outline]:first-child{border-top-style:var(--tw-border-style);border-top-width:1px}.nth-last-2\\:-mt-1:nth-last-child(2){margin-top:calc(var(--spacing) * -1)}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-backdrop-filter\\:backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-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,)}}@media (prefers-reduced-motion:reduce){.motion-reduce\\:animate-none{animation:none}}@media (min-width:40rem){.sm\\:right-\\[22px\\]{right:22px}.sm\\:bottom-\\[22px\\]{bottom:22px}.sm\\:flex{display:flex}.sm\\:w-52{width:calc(var(--spacing) * 52)}.sm\\:max-w-md{max-width:var(--container-md)}.sm\\:flex-row{flex-direction:row}.sm\\:justify-end{justify-content:flex-end}.sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:row-span-2:is(:where(.group\\/alert-dialog-content)[data-size=default] *){grid-row:span 2/span 2}.sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:place-items-start:is(:where(.group\\/alert-dialog-content)[data-size=default] *){place-items:start}.sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:text-left:is(:where(.group\\/alert-dialog-content)[data-size=default] *){text-align:left}.sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:group-has-data-\\[slot\\=alert-dialog-media\\]\\/alert-dialog-content\\:col-start-2:is(:where(.group\\/alert-dialog-content)[data-size=default] *):is(:where(.group\\/alert-dialog-content):has([data-slot=alert-dialog-media]) *){grid-column-start:2}.sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:has-data-\\[slot\\=alert-dialog-media\\]\\:grid-rows-\\[auto_1fr\\]:is(:where(.group\\/alert-dialog-content)[data-size=default] *):has([data-slot=alert-dialog-media]){grid-template-rows:auto 1fr}.data-\\[side\\=left\\]\\:sm\\:max-w-sm[data-side=left],.data-\\[side\\=right\\]\\:sm\\:max-w-sm[data-side=right]{max-width:var(--container-sm)}.data-\\[size\\=default\\]\\:sm\\:max-w-md[data-size=default]{max-width:var(--container-md)}}@media (min-width:48rem){.md\\:block{display:block}.md\\:flex{display:flex}.md\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\\:text-pretty{text-wrap:pretty}.md\\:opacity-0{opacity:0}.md\\:peer-data-\\[variant\\=inset\\]\\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing) * 2)}.md\\:peer-data-\\[variant\\=inset\\]\\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:0}.md\\:peer-data-\\[variant\\=inset\\]\\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:calc(var(--radius) * 1.4)}.md\\:peer-data-\\[variant\\=inset\\]\\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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)}.md\\:after\\:hidden:after{content:var(--tw-content);display:none}}@container field-group (min-width:28rem){.\\@md\\/field-group\\:flex-row{flex-direction:row}.\\@md\\/field-group\\:items-center{align-items:center}:is(.\\@md\\/field-group\\:\\*\\:w-auto>*){width:auto}.\\@md\\/field-group\\:has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:items-start:has(>[data-slot=field-content]){align-items:flex-start}:is(.\\@md\\/field-group\\:\\*\\:data-\\[slot\\=field-label\\]\\:flex-auto>*)[data-slot=field-label]{flex:auto}}.ltr\\:-translate-x-1\\/2:where(:dir(ltr),[dir=ltr],[dir=ltr] *),.rtl\\:-translate-x-1\\/2:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.dark\\:bg-destructive\\/20:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-destructive\\/20:is(.dark *){background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.dark\\:bg-input\\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-input\\/30:is(.dark *){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\\:text-muted-foreground:is(.dark *){color:var(--muted-foreground)}.dark\\:ring-foreground\\/10:is(.dark *){--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.dark\\:ring-foreground\\/10:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.dark\\:after\\:mix-blend-lighten:is(.dark *):after{content:var(--tw-content);mix-blend-mode:lighten}@media (hover:hover){.dark\\:hover\\:bg-destructive\\/30:is(.dark *):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-destructive\\/30:is(.dark *):hover{background-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.dark\\:hover\\:bg-muted\\/50:is(.dark *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-muted\\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.dark\\:hover\\:text-foreground:is(.dark *):hover{color:var(--foreground)}}.dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\\:has-data-checked\\:border-primary\\/20:is(.dark *):has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.dark\\:has-data-checked\\:border-primary\\/20:is(.dark *):has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){border-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.dark\\:has-data-checked\\:bg-primary\\/10:is(.dark *):has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.dark\\:has-data-checked\\:bg-primary\\/10:is(.dark *):has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.dark\\:aria-invalid\\:border-destructive\\/50:is(.dark *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:aria-invalid\\:border-destructive\\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20:is(.dark *)[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20:is(.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-open\\:animate-accordion-down:where([data-state=open]),.data-open\\:animate-accordion-down:where([data-open]:not([data-open=false])){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-open\\:animate-in:where([data-state=open]),.data-open\\:animate-in:where([data-open]:not([data-open=false])){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-open\\:bg-accent:where([data-state=open]),.data-open\\:bg-accent:where([data-open]:not([data-open=false])){background-color:var(--accent)}.data-open\\:bg-muted\\/50:where([data-state=open]),.data-open\\:bg-muted\\/50:where([data-open]:not([data-open=false])){background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.data-open\\:bg-muted\\/50:where([data-state=open]),.data-open\\:bg-muted\\/50:where([data-open]:not([data-open=false])){background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.data-open\\:text-accent-foreground:where([data-state=open]),.data-open\\:text-accent-foreground:where([data-open]:not([data-open=false])){color:var(--accent-foreground)}.data-open\\:fade-in-0:where([data-state=open]),.data-open\\:fade-in-0:where([data-open]:not([data-open=false])){--tw-enter-opacity:0}.data-open\\:zoom-in-95:where([data-state=open]),.data-open\\:zoom-in-95:where([data-open]:not([data-open=false])){--tw-enter-scale:.95}@media (hover:hover){:is(.data-open\\:hover\\:bg-sidebar-accent:where([data-state=open]),.data-open\\:hover\\:bg-sidebar-accent:where([data-open]:not([data-open=false]))):hover{background-color:var(--sidebar-accent)}:is(.data-open\\:hover\\:text-sidebar-accent-foreground:where([data-state=open]),.data-open\\:hover\\:text-sidebar-accent-foreground:where([data-open]:not([data-open=false]))):hover{color:var(--sidebar-accent-foreground)}}.data-closed\\:animate-accordion-up:where([data-state=closed]),.data-closed\\:animate-accordion-up:where([data-closed]:not([data-closed=false])){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-closed\\:animate-out:where([data-state=closed]),.data-closed\\:animate-out:where([data-closed]:not([data-closed=false])){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-closed\\:overflow-hidden:where([data-state=closed]),.data-closed\\:overflow-hidden:where([data-closed]:not([data-closed=false])){overflow:hidden}.data-closed\\:fade-out-0:where([data-state=closed]),.data-closed\\:fade-out-0:where([data-closed]:not([data-closed=false])){--tw-exit-opacity:0}.data-closed\\:zoom-out-95:where([data-state=closed]),.data-closed\\:zoom-out-95:where([data-closed]:not([data-closed=false])){--tw-exit-scale:.95}.data-checked\\:border-primary:where([data-state=checked]),.data-checked\\:border-primary:where([data-checked]:not([data-checked=false])){border-color:var(--primary)}.data-checked\\:bg-primary:where([data-state=checked]),.data-checked\\:bg-primary:where([data-checked]:not([data-checked=false])){background-color:var(--primary)}.data-checked\\:text-primary-foreground:where([data-state=checked]),.data-checked\\:text-primary-foreground:where([data-checked]:not([data-checked=false])){color:var(--primary-foreground)}.group-has-\\[\\:focus-visible\\]\\/field-label\\:data-checked\\:border-primary:is(:where(.group\\/field-label):has(:focus-visible) *):where([data-state=checked]),.group-has-\\[\\:focus-visible\\]\\/field-label\\:data-checked\\:border-primary:is(:where(.group\\/field-label):has(:focus-visible) *):where([data-checked]:not([data-checked=false])){border-color:var(--primary)}.dark\\:data-checked\\:bg-primary:is(.dark *):where([data-state=checked]),.dark\\:data-checked\\:bg-primary:is(.dark *):where([data-checked]:not([data-checked=false])){background-color:var(--primary)}.data-disabled\\:pointer-events-none:where([data-disabled=true]),.data-disabled\\:pointer-events-none:where([data-disabled]:not([data-disabled=false])){pointer-events:none}.data-disabled\\:opacity-50:where([data-disabled=true]),.data-disabled\\:opacity-50:where([data-disabled]:not([data-disabled=false])){opacity:.5}.data-active\\:bg-background:where([data-state=active]),.data-active\\:bg-background:where([data-active]:not([data-active=false])){background-color:var(--background)}.data-active\\:bg-sidebar-accent:where([data-state=active]),.data-active\\:bg-sidebar-accent:where([data-active]:not([data-active=false])){background-color:var(--sidebar-accent)}.data-active\\:font-medium:where([data-state=active]),.data-active\\:font-medium:where([data-active]:not([data-active=false])){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-active\\:text-foreground:where([data-state=active]),.data-active\\:text-foreground:where([data-active]:not([data-active=false])){color:var(--foreground)}.data-active\\:text-sidebar-accent-foreground:where([data-state=active]),.data-active\\:text-sidebar-accent-foreground:where([data-active]:not([data-active=false])){color:var(--sidebar-accent-foreground)}.group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-transparent:is(:where(.group\\/tabs-list)[data-variant=line] *):where([data-state=active]),.group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-transparent:is(:where(.group\\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){background-color:#0000}:is(.group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:after\\:opacity-100:is(:where(.group\\/tabs-list)[data-variant=line] *):where([data-state=active]),.group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:after\\:opacity-100:is(:where(.group\\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false]))):after{content:var(--tw-content);opacity:1}.dark\\:data-active\\:border-input:is(.dark *):where([data-state=active]),.dark\\:data-active\\:border-input:is(.dark *):where([data-active]:not([data-active=false])){border-color:var(--input)}.dark\\:data-active\\:bg-input\\/30:is(.dark *):where([data-state=active]),.dark\\:data-active\\:bg-input\\/30:is(.dark *):where([data-active]:not([data-active=false])){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\\:data-active\\:bg-input\\/30:is(.dark *):where([data-state=active]),.dark\\:data-active\\:bg-input\\/30:is(.dark *):where([data-active]:not([data-active=false])){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\\:data-active\\:text-foreground:is(.dark *):where([data-state=active]),.dark\\:data-active\\:text-foreground:is(.dark *):where([data-active]:not([data-active=false])){color:var(--foreground)}.dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:border-transparent:is(.dark *):is(:where(.group\\/tabs-list)[data-variant=line] *):where([data-state=active]),.dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:border-transparent:is(.dark *):is(:where(.group\\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){border-color:#0000}.dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-transparent:is(.dark *):is(:where(.group\\/tabs-list)[data-variant=line] *):where([data-state=active]),.dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-transparent:is(.dark *):is(:where(.group\\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){background-color:#0000}.data-horizontal\\:h-px:where([data-orientation=horizontal]){height:1px}.data-horizontal\\:w-full:where([data-orientation=horizontal]){width:100%}.data-horizontal\\:flex-col:where([data-orientation=horizontal]){flex-direction:column}.data-vertical\\:w-px:where([data-orientation=vertical]){width:1px}.data-vertical\\:flex-col:where([data-orientation=vertical]){flex-direction:column}.data-vertical\\:items-stretch:where([data-orientation=vertical]){align-items:stretch}.data-vertical\\:self-stretch:where([data-orientation=vertical]){align-self:stretch}.\\[\\&_a\\]\\:underline a{text-decoration-line:underline}.\\[\\&_a\\]\\:underline-offset-3 a{text-underline-offset:3px}@media (hover:hover){.\\[\\&_a\\]\\:hover\\:text-foreground a:hover{color:var(--foreground)}}.\\[\\&_p\\:not\\(\\:last-child\\)\\]\\:mb-4 p:not(:last-child){margin-bottom:calc(var(--spacing) * 4)}.\\[\\&_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)}.\\[\\&_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:0}.\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0:has([role=checkbox]){padding-right:0}.\\[\\.border-b\\]\\:pb-\\(--card-spacing\\).border-b{padding-bottom:var(--card-spacing)}.\\[\\.border-t\\]\\:pt-\\(--card-spacing\\).border-t{padding-top:var(--card-spacing)}:is(.\\*\\:\\[a\\]\\:underline>*):is(a){text-decoration-line:underline}:is(.\\*\\:\\[a\\]\\:underline-offset-3>*):is(a){text-underline-offset:3px}@media (hover:hover){.\\[a\\]\\:hover\\:bg-destructive\\/20:is(a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.\\[a\\]\\:hover\\:bg-destructive\\/20:is(a):hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.\\[a\\]\\:hover\\:bg-muted:is(a):hover{background-color:var(--muted)}.\\[a\\]\\:hover\\:bg-primary\\/80:is(a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.\\[a\\]\\:hover\\:bg-primary\\/80:is(a):hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.\\[a\\]\\:hover\\:bg-secondary\\/80:is(a):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.\\[a\\]\\:hover\\:bg-secondary\\/80:is(a):hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.\\[a\\]\\:hover\\:text-muted-foreground:is(a):hover{color:var(--muted-foreground)}:is(.\\*\\:\\[a\\]\\:hover\\:text-foreground>*):is(a):hover{color:var(--foreground)}}:is(.\\*\\:\\[img\\:first-child\\]\\:rounded-t-xl>*):is(img:first-child){border-top-left-radius:calc(var(--radius) * 1.4);border-top-right-radius:calc(var(--radius) * 1.4)}:is(.\\*\\:\\[img\\:last-child\\]\\:rounded-b-xl>*):is(img:last-child){border-bottom-right-radius:calc(var(--radius) * 1.4);border-bottom-left-radius:calc(var(--radius) * 1.4)}:is(.\\*\\:\\[svg\\]\\:row-span-2>*):is(svg){grid-row:span 2/span 2}:is(.\\*\\:\\[svg\\]\\:translate-y-0\\.5>*):is(svg){--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}:is(.\\*\\:\\[svg\\]\\:text-current>*):is(svg){color:currentColor}:is(.data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)}:is(.\\*\\:\\[svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4>*):is(svg:not([class*=size-])){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}:is(.\\*\\:\\[svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-8>*):is(svg:not([class*=size-])){width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.\\[\\&\\>\\.sr-only\\]\\:w-auto>.sr-only{width:auto}.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 (min-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:var(--primary)}.\\[\\&\\>button\\]\\:hidden>button{display:none}.\\[\\&\\>span\\:last-child\\]\\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\\[\\&\\>svg\\]\\:pointer-events-none>svg{pointer-events:none}.\\[\\&\\>svg\\]\\:size-3\\!>svg{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}.\\[\\&\\>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\\]\\:shrink-0>svg{flex-shrink:0}.\\[\\&\\>svg\\]\\:text-sidebar-accent-foreground>svg{color:var(--sidebar-accent-foreground)}.group-has-data-\\[size\\=lg\\]\\/avatar-group\\:\\[\\&\\>svg\\]\\:size-5:is(:where(.group\\/avatar-group):has([data-size=lg]) *)>svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.group-has-data-\\[size\\=sm\\]\\/avatar-group\\:\\[\\&\\>svg\\]\\:size-3:is(:where(.group\\/avatar-group):has([data-size=sm]) *)>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\\[size\\=default\\]\\/avatar\\:\\[\\&\\>svg\\]\\:size-2:is(:where(.group\\/avatar)[data-size=default] *)>svg,.group-data-\\[size\\=lg\\]\\/avatar\\:\\[\\&\\>svg\\]\\:size-2:is(:where(.group\\/avatar)[data-size=lg] *)>svg{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\\[size\\=sm\\]\\/avatar\\:\\[\\&\\>svg\\]\\:hidden:is(:where(.group\\/avatar)[data-size=sm] *)>svg{display:none}.\\[\\&\\>tr\\]\\:last\\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}[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-variant=legend]+.\\[\\[data-variant\\=legend\\]\\+\\&\\]\\:-mt-1\\.5{margin-top:calc(var(--spacing) * -1.5)}.animate-dialog{opacity:var(--tw-anim-dialog-start-opacity,0);translate:var(--tw-anim-dialog-start-translate,0 1.5rem);scale:var(--tw-anim-dialog-start-scale,.96);will-change:opacity, translate, scale;transition:opacity var(--tw-anim-dialog-duration,.35s) ease, translate var(--tw-anim-dialog-duration,.35s) var(--tw-anim-dialog-easing,cubic-bezier(.22, 1, .36, 1)), scale var(--tw-anim-dialog-duration,.35s) var(--tw-anim-dialog-easing,cubic-bezier(.22, 1, .36, 1)), overlay var(--tw-anim-dialog-duration,.35s) ease allow-discrete, display var(--tw-anim-dialog-duration,.35s) ease allow-discrete}.animate-dialog[open]{opacity:1;translate:0;scale:1}.animate-dialog[open].is-closing,.animate-dialog[open].is-opening{opacity:var(--tw-anim-dialog-start-opacity,0);translate:var(--tw-anim-dialog-start-translate,0 1.5rem);scale:var(--tw-anim-dialog-start-scale,.96)}@starting-style{.animate-dialog[open]{opacity:var(--tw-anim-dialog-start-opacity,0);translate:var(--tw-anim-dialog-start-translate,0 1.5rem);scale:var(--tw-anim-dialog-start-scale,.96)}}.animate-dialog::backdrop{opacity:0;background:var(--tw-anim-dialog-backdrop-background,#0f172a94);-webkit-backdrop-filter:var(--tw-anim-dialog-backdrop-filter,blur(8px));backdrop-filter:var(--tw-anim-dialog-backdrop-filter,blur(8px));transition:opacity var(--tw-anim-dialog-duration,.35s) ease, overlay var(--tw-anim-dialog-duration,.35s) ease allow-discrete, display var(--tw-anim-dialog-duration,.35s) ease allow-discrete}.animate-dialog[open]::backdrop{opacity:1}.animate-dialog[open].is-closing::backdrop,.animate-dialog[open].is-opening::backdrop{opacity:0}@starting-style{.animate-dialog[open]::backdrop{opacity:0}}}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:host{--background:oklch(100% 0 0);--foreground:oklch(14.8% .004 228.8);--card:oklch(100% 0 0);--card-foreground:oklch(14.8% .004 228.8);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.8% .004 228.8);--primary:oklch(84.1% .238 128.85);--link:oklch(45.3% .124 130.933);--primary-foreground:oklch(40.5% .101 131.063);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--muted:oklch(96.3% .002 197.1);--muted-foreground:oklch(56% .021 213.5);--accent:oklch(96.3% .002 197.1);--accent-foreground:oklch(21.8% .008 223.9);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.5% .005 214.3);--input:oklch(92.5% .005 214.3);--ring:oklch(72.3% .014 214.4);--chart-1:oklch(89.7% .196 126.665);--chart-2:oklch(76.8% .233 130.85);--chart-3:oklch(64.8% .2 131.684);--chart-4:oklch(53.2% .157 131.589);--chart-5:oklch(45.3% .124 130.933);--radius:.625rem;--sidebar:oklch(98.7% .002 197.1);--sidebar-foreground:oklch(14.8% .004 228.8);--sidebar-primary:oklch(64.8% .2 131.684);--sidebar-primary-foreground:oklch(98.6% .031 120.757);--sidebar-accent:oklch(96.3% .002 197.1);--sidebar-accent-foreground:oklch(21.8% .008 223.9);--sidebar-border:oklch(92.5% .005 214.3);--sidebar-ring:oklch(72.3% .014 214.4)}.dark{--background:oklch(14.8% .004 228.8);--foreground:oklch(98.7% .002 197.1);--card:oklch(21.8% .008 223.9);--card-foreground:oklch(98.7% .002 197.1);--popover:oklch(21.8% .008 223.9);--popover-foreground:oklch(98.7% .002 197.1);--primary:oklch(76.8% .233 130.85);--link:var(--primary);--primary-foreground:oklch(40.5% .101 131.063);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(27.5% .011 216.9);--muted-foreground:oklch(72.3% .014 214.4);--accent:oklch(27.5% .011 216.9);--accent-foreground:oklch(98.7% .002 197.1);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(56% .021 213.5);--chart-1:oklch(89.7% .196 126.665);--chart-2:oklch(76.8% .233 130.85);--chart-3:oklch(64.8% .2 131.684);--chart-4:oklch(53.2% .157 131.589);--chart-5:oklch(45.3% .124 130.933);--sidebar:oklch(21.8% .008 223.9);--sidebar-foreground:oklch(98.7% .002 197.1);--sidebar-primary:oklch(76.8% .233 130.85);--sidebar-primary-foreground:oklch(27.4% .072 132.109);--sidebar-accent:oklch(27.5% .011 216.9);--sidebar-accent-foreground:oklch(98.7% .002 197.1);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(56% .021 213.5)}:host{--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;font-family:var(--font-sans);color:var(--foreground);-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5}.fb-or{transition:opacity .3s}[data-named] .fb-or{opacity:0}.fb-glow,.fb-halo{border-radius:inherit;z-index:-1;pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;inset:-2px;overflow:hidden}.fb-halo{filter:blur(14px);inset:-3px}[data-glow] .fb-glow{opacity:1}[data-glow] .fb-halo{opacity:.75}.fb-glow:before,.fb-halo:before{content:\"\";aspect-ratio:1;background:conic-gradient(#0000,#ff3b30 4%,#ff9500 7%,#fc0 10%,#34c759 13%,#007aff 16%,#af52de 19%,#0000 23%);width:max(200%,480px);animation:4s linear infinite paused fb-spin;position:absolute;top:50%;left:50%;translate:-50% -50%}[data-glow] .fb-glow:before,[data-glow] .fb-halo:before{animation-play-state:running}.fb-glow:after{content:\"\";border-radius:inherit;background:var(--background);position:absolute;inset:2px}@keyframes fb-spin{to{rotate:360deg}}.fb-surface{animation:.25s ease-out backwards fb-expand}[data-leaving] .fb-surface{animation:.25s ease-in .15s both fb-collapse}@keyframes fb-expand{0%{clip-path:inset(0 0 0 calc(100% - 52px) round 9999px)}to{clip-path:inset(0 round 9999px)}}@keyframes fb-collapse{0%{clip-path:inset(0 round 9999px)}20%{opacity:1}to{clip-path:inset(0 0 0 calc(100% - 52px) round 9999px);opacity:0}}.selection-outline{z-index:-1;border:2px solid var(--chart-3);background:var(--primary);position:fixed}@supports (color:color-mix(in lab, red, red)){.selection-outline{background:color-mix(in oklch, var(--primary) 12%, transparent)}}.selection-outline{pointer-events:none;border-radius:4px}@media (prefers-reduced-motion:reduce){.fb-or,.fb-glow,.fb-halo{transition:none}.fb-glow:before,.fb-halo:before,.fb-surface,[data-leaving] .fb-surface{animation:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@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(--accordion-panel-height,auto))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--accordion-panel-height,auto))}to{height:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in-left{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fade-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes flip-in-x{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}\n";
+//#endregion
+//#region ../ui/src/components/badge.tsx
+const badgeVariants = cva("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
+	variants: { variant: {
+		default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+		secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+		destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+		outline: "border-border bg-input/30 text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+		ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+		link: "text-primary underline-offset-4 hover:underline"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Badge({ className, variant = "default", render, ...props }) {
+	return useRender({
+		defaultTagName: "span",
+		props: mergeProps({ className: cn(badgeVariants({ variant }), className) }, props),
+		render,
+		state: {
+			slot: "badge",
+			variant
+		}
+	});
+}
+//#endregion
+//#region src/frame.ts
+const PAINT_INTERVAL_MS = 32;
+function createFrameLoop(signal) {
+	const callbacks = /* @__PURE__ */ new Set();
+	let last = 0;
+	let frame = requestAnimationFrame(function paint(time) {
+		if (time - last > PAINT_INTERVAL_MS) {
+			last = time;
+			for (const callback of callbacks) callback();
+		}
+		frame = requestAnimationFrame(paint);
+	});
+	signal.addEventListener("abort", () => cancelAnimationFrame(frame));
+	return { add(callback) {
+		callbacks.add(callback);
+		return () => callbacks.delete(callback);
+	} };
+}
+const FrameContext = createContext(null);
+function useFrame(callback) {
+	const loop = useContext(FrameContext);
+	const latest = useRef(callback);
+	useLayoutEffect(() => {
+		latest.current = callback;
+		callback();
+	});
+	useEffect(() => loop?.add(() => latest.current()), [loop]);
+}
+//#endregion
+//#region src/badges.tsx
+const shownAnchor = (thread) => thread.suggestion?.anchor ?? thread.anchor;
+function Badges({ groups, activeId, open }) {
+	const nodes = useRef(/* @__PURE__ */ new Map());
+	const outline = useRef(null);
+	const [hovered, setHovered] = useState(null);
+	useFrame(() => {
+		const boxes = new Map(groups.map((group) => {
+			const box = anchorBox(group.anchor, group.target);
+			return [group.key, box && !isCovered(group.target, box) ? box : null];
+		}));
+		for (const [key, box] of boxes) {
+			const node = nodes.current.get(key);
+			if (!node) continue;
+			node.hidden = !box;
+			if (!box) continue;
+			const x = Math.max(0, Math.min(innerWidth - 30, box.x + box.width - 8));
+			node.style.left = `${x}px`;
+			node.style.top = `${Math.max(0, box.y - 12)}px`;
+		}
+		const lit = groups.find((group) => group.key === hovered) ?? groups.find((group) => group.threads.some((thread) => thread.id === activeId));
+		if (outline.current) placeBox(outline.current, (lit && boxes.get(lit.key)) ?? null);
+	});
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+		ref: outline,
+		hidden: true,
+		className: "selection-outline"
+	}), groups.map((group) => {
+		const [first] = group.threads;
+		if (!first) return null;
+		const many = group.threads.length > 1;
+		return /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			ref: (node) => {
+				if (node) nodes.current.set(group.key, node);
+				else nodes.current.delete(group.key);
+			},
+			hidden: true,
+			"aria-label": (many ? `${group.threads.length} comment threads` : `Comment ${first.number}`) + (group.moved ? ", moved" : ""),
+			onClick: () => open(group.threads),
+			onPointerEnter: () => setHovered(group.key),
+			onPointerLeave: () => setHovered((key) => key === group.key ? null : key),
+			className: cn("pointer-events-auto fixed grid h-7 min-w-7 cursor-pointer place-items-center rounded-[14px_14px_14px_3px] border-2 border-background bg-primary px-1.5 text-xs font-bold text-primary-foreground shadow-md hover:bg-primary/80", group.moved && "outline-2 outline-offset-2 outline-primary outline-dashed"),
+			children: [many ? group.threads.length : first.number, group.moved && /* @__PURE__ */ jsx(Badge, {
+				variant: "secondary",
+				className: "absolute top-1/2 right-full mr-1.5 -translate-y-1/2 shadow-md",
+				children: "Moved"
+			})]
+		}, group.key);
+	})] });
+}
+//#endregion
+//#region ../ui/src/components/button.tsx
+const buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-4xl border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/80",
+			outline: "border-border bg-input/30 hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+			ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+			destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5",
+			xs: "h-6 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3",
+			sm: "h-8 gap-1 px-3 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			lg: "h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+			icon: "size-9",
+			"icon-xs": "size-6 [&_svg:not([class*='size-'])]:size-3",
+			"icon-sm": "size-8",
+			"icon-lg": "size-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Button$1({ className, variant = "default", size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		"data-slot": "button",
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
+//#endregion
+//#region ../ui/src/components/input.tsx
+function Input$1({ className, type, ...props }) {
+	return /* @__PURE__ */ jsx(Input, {
+		type,
+		"data-slot": "input",
+		className: cn("h-9 w-full min-w-0 rounded-4xl border border-input bg-input/30 px-3 py-1 text-base transition-colors outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 md:text-sm dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
+		...props
+	});
+}
+//#endregion
+//#region src/logo.tsx
+const WORDMARK = "M7 0V-71H56V-58H14L23 -67V-34L14 -41H55V-28H14L23 -35V0ZM78 1Q69 1 64 -3Q59 -7 59 -13Q59 -20 63 -24Q68 -28 77 -30L94 -33Q94 -39 92 -41Q89 -44 85 -44Q81 -44 78 -42Q76 -40 75 -36L60 -37Q61 -46 68 -50Q74 -55 85 -55Q97 -55 103 -49Q109 -43 109 -32V-14Q109 -12 110 -11Q110 -10 112 -10H113V0Q113 0 111 0Q110 1 108 1Q105 1 102 -1Q99 -2 98 -4Q96 -7 96 -12L97 -11Q96 -7 94 -5Q91 -2 87 0Q83 1 78 1ZM81 -9Q85 -9 88 -11Q91 -12 92 -15Q94 -18 94 -21V-24L82 -21Q78 -21 76 -19Q74 -17 74 -15Q74 -12 76 -11Q78 -9 81 -9ZM141 1Q132 1 127 -1Q121 -3 118 -8Q115 -12 115 -17L130 -17Q131 -14 133 -12Q136 -9 141 -9Q145 -9 147 -11Q149 -12 149 -15Q149 -16 148 -18Q148 -19 145 -20Q143 -20 138 -21Q130 -23 125 -25Q120 -27 118 -30Q116 -33 116 -38Q116 -45 122 -50Q128 -55 140 -55Q148 -55 153 -52Q158 -50 161 -46Q164 -42 164 -36L149 -36Q149 -38 148 -40Q146 -42 144 -43Q143 -44 140 -44Q136 -44 134 -43Q132 -41 132 -38Q132 -36 133 -35Q134 -34 136 -33Q138 -32 142 -32Q150 -30 155 -28Q160 -26 162 -23Q165 -20 165 -15Q165 -10 162 -6Q159 -3 153 -1Q148 1 141 1ZM192 0Q184 0 180 -4Q176 -8 176 -16V-66H191V-18Q191 -14 193 -13Q194 -11 198 -11H205V0ZM167 -42V-54H205V-42ZM242 1Q236 1 232 -1Q228 -4 226 -8L226 0H211V-71H226V-46Q228 -50 233 -52Q237 -55 242 -55Q249 -55 254 -51Q259 -48 262 -42Q264 -35 264 -27Q264 -18 262 -12Q259 -6 254 -2Q249 1 242 1ZM238 -10Q243 -10 246 -15Q249 -19 249 -27Q249 -35 246 -39Q243 -43 238 -43Q234 -43 232 -41Q229 -39 228 -36Q226 -32 226 -27Q226 -22 228 -18Q229 -14 232 -12Q234 -10 238 -10ZM288 1Q279 1 274 -3Q269 -7 269 -13Q269 -20 273 -24Q278 -28 287 -30L304 -33Q304 -39 301 -41Q299 -44 295 -44Q290 -44 288 -42Q286 -40 285 -36L270 -37Q271 -46 278 -50Q284 -55 295 -55Q307 -55 313 -49Q319 -43 319 -32V-14Q319 -12 320 -11Q320 -10 322 -10H323V0Q323 0 321 0Q319 1 318 1Q315 1 312 -1Q309 -2 308 -4Q306 -7 306 -12L307 -11Q306 -7 304 -5Q301 -2 297 0Q293 1 288 1ZM291 -9Q295 -9 298 -11Q301 -12 302 -15Q304 -18 304 -21V-24L292 -21Q288 -21 286 -19Q284 -17 284 -15Q284 -12 286 -11Q288 -9 291 -9ZM352 1Q344 1 338 -2Q332 -6 328 -12Q325 -18 325 -27Q325 -35 328 -42Q332 -48 338 -51Q344 -55 352 -55Q359 -55 365 -52Q370 -50 374 -45Q377 -40 378 -34L363 -33Q362 -38 359 -41Q356 -43 352 -43Q346 -43 343 -39Q340 -35 340 -27Q340 -19 343 -15Q346 -10 352 -10Q356 -10 359 -13Q362 -16 363 -21L378 -20Q377 -14 374 -9Q371 -4 365 -1Q359 1 352 1ZM384 0V-71H399V-32L419 -54H437L416 -32L438 0H421L406 -23L399 -15V0ZM442 0V-54H456L457 -38L456 -38Q457 -46 460 -50Q463 -54 469 -54H474V-41H469Q465 -41 462 -40Q460 -39 458 -37Q457 -34 457 -30V0Z";
+function Logo({ className }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 -71 567 72",
+		role: "img",
+		"aria-label": "Fastbackr",
+		className,
+		children: [/* @__PURE__ */ jsx("circle", {
+			cx: "28",
+			cy: "-35.5",
+			r: "28",
+			fill: "var(--primary)"
+		}), /* @__PURE__ */ jsx("path", {
+			transform: "translate(93 0)",
+			d: WORDMARK,
+			fill: "currentColor"
+		})]
+	});
+}
+//#endregion
+//#region src/bar.tsx
+const GLOW_MS = 10250;
+const FLASH_MS = 2e3;
+const ANONYMOUS_NAME = "Anonymous";
+const CLOSE_TITLE = "Close Fastbackr in this browser. Press f three times to bring it back.";
+function Bar(props) {
+	const [leaving, setLeaving] = useState(false);
+	const [flashing, setFlashing] = useState(false);
+	const seenFlash = useRef(props.flashRequest);
+	useEffect(() => {
+		if (props.flashRequest === seenFlash.current) return;
+		seenFlash.current = props.flashRequest;
+		setFlashing(true);
+		const timer = setTimeout(() => setFlashing(false), FLASH_MS);
+		return () => clearTimeout(timer);
+	}, [props.flashRequest]);
+	const minimize = () => {
+		if (matchMedia("(prefers-reduced-motion: reduce)").matches) props.minimize();
+		else {
+			setLeaving(true);
+			props.showFab();
+		}
+	};
+	const shared = {
+		...props,
+		minimize,
+		leaving,
+		flashing,
+		collapsed: props.minimize
+	};
+	return props.reviewer ? /* @__PURE__ */ jsx(SignedIn, {
+		...shared,
+		reviewer: props.reviewer
+	}) : /* @__PURE__ */ jsx(SignedOut, { ...shared });
+}
+const BAR = "pointer-events-auto fixed right-4 bottom-4 flex max-w-[calc(100vw-2rem)] items-center gap-2 rounded-full p-2 sm:right-[22px] sm:bottom-[22px]";
+const ENTER = "animate-fade-in-left animate-duration-250 animate-delay-250 motion-reduce:animate-none";
+const LEAVE = "animate-fade-out-right animate-duration-150 motion-reduce:animate-none";
+function navProps({ leaving, flashing }, glow = false) {
+	return {
+		"aria-label": "Fastbackr bar",
+		"data-leaving": leaving || void 0,
+		"data-glow": glow || flashing || void 0,
+		className: cn(BAR, leaving && "pointer-events-none")
+	};
+}
+function Glow({ leaving }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"aria-hidden": "true",
+		className: cn("absolute inset-0 -z-1 rounded-full motion-reduce:animate-none", leaving ? "animate-fade-out animate-duration-150" : "animate-fade-in animate-duration-250 animate-delay-250"),
+		children: [/* @__PURE__ */ jsx("div", { className: "fb-halo" }), /* @__PURE__ */ jsx("div", { className: "fb-glow" })]
+	});
+}
+function Surface({ leaving, collapsed }) {
+	return /* @__PURE__ */ jsx("div", {
+		"aria-hidden": "true",
+		className: "fb-surface absolute inset-0 -z-10 rounded-full bg-background shadow-xl ring-1 ring-foreground/10",
+		onAnimationEnd: (event) => {
+			if (leaving && event.animationName === "fb-collapse" && event.target === event.currentTarget) collapsed();
+		}
+	});
+}
+function Author({ name, verified, strong = false }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: "inline-flex min-w-0 items-center gap-1.5",
+		children: [strong ? /* @__PURE__ */ jsx("strong", {
+			className: "truncate font-semibold",
+			children: name
+		}) : /* @__PURE__ */ jsx("span", {
+			className: "truncate",
+			children: name
+		}), !verified && /* @__PURE__ */ jsx(Badge, {
+			variant: "outline",
+			children: "guest"
+		})]
+	});
+}
+function WindowButtons({ minimize, close, size, className, iconClassName }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button$1, {
+		variant: "ghost",
+		size,
+		className,
+		"aria-label": "Minimize",
+		title: "Minimize",
+		onClick: minimize,
+		children: /* @__PURE__ */ jsx(RiArrowDownSLine, {
+			"aria-hidden": "true",
+			className: iconClassName
+		})
+	}), /* @__PURE__ */ jsx(Button$1, {
+		variant: "ghost",
+		size,
+		className,
+		"aria-label": "Close",
+		title: CLOSE_TITLE,
+		onClick: close,
+		children: /* @__PURE__ */ jsx(RiCloseLine, {
+			"aria-hidden": "true",
+			className: iconClassName
+		})
+	})] });
+}
+const PILL = "h-4 rounded-full bg-background shadow-md ring-1 ring-foreground/10";
+const TAB = `${PILL} hover:bg-muted`;
+function TopRow(props) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("pointer-events-none absolute inset-x-0 bottom-[calc(100%+6px)] flex items-center justify-between gap-1 *:pointer-events-auto", props.leaving ? LEAVE : ENTER),
+		children: [/* @__PURE__ */ jsx("span", {
+			className: `${PILL} flex items-center px-1.5`,
+			children: /* @__PURE__ */ jsx(Logo, { className: "h-2.5 w-auto" })
+		}), /* @__PURE__ */ jsxs("span", {
+			className: "flex gap-1",
+			children: [props.signIn && /* @__PURE__ */ jsx(Button$1, {
+				variant: "ghost",
+				className: `${TAB} px-1.5 text-[10px]`,
+				onClick: props.signIn,
+				children: "Sign in"
+			}), /* @__PURE__ */ jsx(WindowButtons, {
+				...props,
+				size: "icon-xs",
+				className: `${TAB} size-4`,
+				iconClassName: "size-3!"
+			})]
+		})]
+	});
+}
+function Identity({ reviewer, changeName }) {
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+		"aria-hidden": "true",
+		className: "grid size-6 shrink-0 place-items-center rounded-full bg-muted text-xs font-semibold text-muted-foreground uppercase",
+		children: reviewer.name.trim().charAt(0) || "?"
+	}), /* @__PURE__ */ jsx("span", {
+		className: "truncate",
+		children: reviewer.name
+	})] });
+	const className = "max-w-40 gap-2 pr-3 pl-1.5";
+	return reviewer.verified ? /* @__PURE__ */ jsx("span", {
+		className: cn(className, "inline-flex h-9 min-w-0 items-center text-sm font-medium"),
+		title: `Signed in as ${reviewer.name}`,
+		children: content
+	}) : /* @__PURE__ */ jsxs(Button$1, {
+		variant: "ghost",
+		className: cn(className, "min-w-0"),
+		title: "Change name",
+		"aria-label": `${reviewer.name}, change name`,
+		onClick: changeName,
+		children: [content, /* @__PURE__ */ jsx(RiPencilLine, {
+			"aria-hidden": "true",
+			className: "text-muted-foreground"
+		})]
+	});
+}
+function SignedIn(props) {
+	const { reviewer, count, leaving } = props;
+	return /* @__PURE__ */ jsxs("nav", {
+		...navProps(props),
+		children: [
+			/* @__PURE__ */ jsx(Surface, { ...props }),
+			/* @__PURE__ */ jsx(Glow, { leaving }),
+			/* @__PURE__ */ jsx(TopRow, {
+				leaving,
+				minimize: props.minimize,
+				close: props.close
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: cn("flex min-w-0 items-center gap-2", leaving ? LEAVE : ENTER),
+				children: [
+					/* @__PURE__ */ jsx(Identity, {
+						reviewer,
+						changeName: props.changeName
+					}),
+					/* @__PURE__ */ jsxs(Button$1, {
+						variant: "outline",
+						onClick: props.toggleDrawer,
+						"aria-label": `Feedback, ${count} open on this page`,
+						children: [
+							/* @__PURE__ */ jsx(RiChat3Line, { "aria-hidden": "true" }),
+							"Feedback",
+							count > 0 && /* @__PURE__ */ jsx(Badge, {
+								variant: "outline",
+								className: "-mr-1 bg-background tabular-nums",
+								children: count
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx(Button$1, {
+						size: "icon",
+						"aria-label": "New comment",
+						"aria-keyshortcuts": "c",
+						title: "New comment (c)",
+						onClick: props.comment,
+						children: /* @__PURE__ */ jsx(RiAddLine, {
+							"aria-hidden": "true",
+							className: "size-6"
+						})
+					})
+				]
+			})
+		]
+	});
+}
+function SignedOut(props) {
+	const { leaving } = props;
+	const [name, setName] = useState(props.guestName === ANONYMOUS_NAME ? "" : props.guestName);
+	const [busy, setBusy] = useState(false);
+	const [typed, setTyped] = useState(false);
+	const input = useRef(null);
+	const named = Boolean(name.trim());
+	const [glowed, setGlowed] = useState(false);
+	useEffect(() => {
+		const timer = setTimeout(() => setGlowed(true), GLOW_MS);
+		return () => clearTimeout(timer);
+	}, []);
+	const go = (as) => {
+		setBusy(true);
+		props.continueAsGuest(as).finally(() => setBusy(false));
+	};
+	return /* @__PURE__ */ jsxs("nav", {
+		...navProps(props, !named && !glowed),
+		"data-named": named || void 0,
+		children: [
+			/* @__PURE__ */ jsx(Surface, { ...props }),
+			/* @__PURE__ */ jsx(Glow, { leaving }),
+			/* @__PURE__ */ jsx(TopRow, {
+				leaving,
+				minimize: props.minimize,
+				close: props.close,
+				signIn: props.canSignIn ? props.signIn : void 0
+			}),
+			/* @__PURE__ */ jsxs("form", {
+				className: cn("flex items-center gap-2", leaving ? LEAVE : ENTER),
+				onSubmit: (event) => {
+					event.preventDefault();
+					if (named) go(name);
+				},
+				children: [
+					/* @__PURE__ */ jsx(Input$1, {
+						name: "name",
+						"aria-label": "Your name",
+						autoComplete: "name",
+						placeholder: "Comment with your name",
+						maxLength: LIMITS.reviewerNameChars,
+						ref: input,
+						value: name,
+						onChange: (event) => {
+							setName(event.target.value);
+							setTyped(true);
+						},
+						className: "w-48 flex-1 sm:w-52"
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "fb-or text-xs text-muted-foreground",
+						children: "or"
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "grid w-36 perspective-normal",
+						children: /* @__PURE__ */ jsx("div", {
+							className: cn("flex gap-1.5", typed && "animate-flip-in-x animate-duration-300 motion-reduce:animate-none"),
+							children: named ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button$1, {
+								type: "submit",
+								className: "flex-1 font-semibold",
+								disabled: busy,
+								children: "Save"
+							}), /* @__PURE__ */ jsx(Button$1, {
+								type: "button",
+								variant: "destructive",
+								size: "icon",
+								"aria-label": "Clear name",
+								title: "Clear name",
+								disabled: busy,
+								onClick: () => {
+									setName("");
+									input.current?.focus();
+								},
+								children: /* @__PURE__ */ jsx(RiCloseLine, { "aria-hidden": "true" })
+							})] }) : /* @__PURE__ */ jsx(Button$1, {
+								type: "button",
+								className: "flex-1 font-semibold",
+								disabled: busy,
+								onClick: () => go(ANONYMOUS_NAME),
+								children: "Anonymously"
+							})
+						}, named ? "named" : "anonymous")
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region ../ui/src/components/card.tsx
+function Card({ className, size = "default", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card",
+		"data-size": size,
+		className: cn("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-2xl bg-card py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(6)] has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(4)] *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className),
+		...props
+	});
+}
+//#endregion
+//#region ../ui/src/components/checkbox.tsx
+function Checkbox$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Checkbox.Root, {
+		"data-slot": "checkbox",
+		className: cn("peer relative flex size-4 shrink-0 items-center justify-center rounded-[6px] border border-input transition-shadow outline-none group-has-disabled/field:opacity-50 group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground group-has-[:focus-visible]/field-label:data-checked:border-primary dark:data-checked:bg-primary", className),
+		...props,
+		children: /* @__PURE__ */ jsx(Checkbox.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
+			children: /* @__PURE__ */ jsx(RiCheckLine, {})
+		})
+	});
+}
+//#endregion
+//#region ../ui/src/components/label.tsx
+function Label({ className, ...props }) {
+	return /* @__PURE__ */ jsx("label", {
+		"data-slot": "label",
+		className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
+		...props
+	});
+}
+//#endregion
+//#region ../ui/src/components/textarea.tsx
+function Textarea({ className, ...props }) {
+	return /* @__PURE__ */ jsx("textarea", {
+		"data-slot": "textarea",
+		className: cn("flex field-sizing-content min-h-16 w-full resize-none rounded-xl border border-input bg-input/30 px-3 py-3 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 md:text-sm dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
+		...props
+	});
+}
+//#endregion
+//#region src/panel.tsx
+const PANEL = "pointer-events-auto fixed w-[350px] max-w-[calc(100vw-24px)] px-4 shadow-xl";
+function PanelHeading({ eyebrow, title, children }) {
+	return /* @__PURE__ */ jsxs("div", { children: [
+		/* @__PURE__ */ jsx("div", {
+			className: "text-[10px] tracking-widest text-muted-foreground uppercase",
+			children: eyebrow
+		}),
+		/* @__PURE__ */ jsx("h2", {
+			className: "text-base font-semibold",
+			children: title
+		}),
+		children
+	] });
+}
+const sendOnModEnter = (send) => (event) => {
+	if (event.key === "Enter" && (event.metaKey || event.ctrlKey)) {
+		event.preventDefault();
+		send();
+	}
+};
+//#endregion
+//#region src/composer.tsx
+function draftKey(pageKey, target) {
+	const anchor = captureAnchor(target);
+	return `new:${pageKey}:${anchor.stableId ?? anchor.elementId ?? anchor.selectorCandidates[0]}`;
+}
+function Composer(props) {
+	const { selection, drafts, pageKey } = props;
+	const { target, region } = selection;
+	const key = useMemo(() => draftKey(pageKey, target), [pageKey, target]);
+	const [body, setBody] = useState(() => drafts.get(key) ?? "");
+	const [saving, setSaving] = useState(false);
+	const [screenshot, setScreenshot] = useState(true);
+	const panel = useRef(null);
+	const textarea = useRef(null);
+	useEffect(() => {
+		setBody(drafts.get(key) ?? "");
+		textarea.current?.focus();
+	}, [drafts, key]);
+	useFrame(() => {
+		if (panel.current) position(panel.current, regionBox(target, region), Boolean(region));
+	});
+	const write = (value) => {
+		setBody(value);
+		drafts.set(key, value);
+	};
+	const submit = async () => {
+		const text = body.trim();
+		if (!text) {
+			textarea.current?.focus();
+			return;
+		}
+		setSaving(true);
+		try {
+			if (await props.save(selection, text, screenshot)) {
+				drafts.delete(key);
+				props.close();
+			}
+		} finally {
+			setSaving(false);
+		}
+	};
+	const [first] = props.existing;
+	const plural = props.existing.length === 1 ? "" : "s";
+	return /* @__PURE__ */ jsxs(Card, {
+		ref: panel,
+		size: "sm",
+		"aria-label": "New comment",
+		className: PANEL,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between gap-2",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-base font-semibold",
+					children: "New comment"
+				}), /* @__PURE__ */ jsx(Button$1, {
+					variant: "ghost",
+					size: "icon-xs",
+					className: "-mr-1.5",
+					"aria-label": "Close",
+					title: "Close",
+					onClick: props.close,
+					children: /* @__PURE__ */ jsx(RiCloseLine, { "aria-hidden": "true" })
+				})]
+			}),
+			first && /* @__PURE__ */ jsxs(Button$1, {
+				variant: "ghost",
+				className: "self-start",
+				onClick: () => {
+					props.openThread(first.id);
+					props.close();
+				},
+				children: [
+					"Read ",
+					props.existing.length,
+					" existing comment",
+					plural
+				]
+			}),
+			/* @__PURE__ */ jsx(Textarea, {
+				ref: textarea,
+				"aria-label": "Your comment",
+				placeholder: "What could be better?",
+				maxLength: LIMITS.bodyChars,
+				value: body,
+				onChange: (event) => write(event.target.value),
+				onKeyDown: sendOnModEnter(() => void submit()),
+				className: "min-h-28"
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between gap-2",
+				children: [props.canScreenshot && /* @__PURE__ */ jsxs(Label, {
+					className: "text-xs font-normal text-muted-foreground",
+					children: [/* @__PURE__ */ jsx(Checkbox$1, {
+						checked: screenshot,
+						onCheckedChange: (checked) => setScreenshot(checked)
+					}), "Take screenshot"]
+				}), /* @__PURE__ */ jsx(Button$1, {
+					className: "ml-auto",
+					disabled: saving,
+					onClick: () => void submit(),
+					children: "Save"
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/controller.ts
+const ERROR_MS = 6e3;
+const RELOCATE_IDLE_MS = 2e3;
+var FeedbackController = class {
+	state;
+	options;
+	signal;
+	tokens;
+	api;
+	picker;
+	listeners = /* @__PURE__ */ new Set();
+	resolutions = /* @__PURE__ */ new Map();
+	pendingComment = false;
+	pageRequest = 0;
+	listRequest = 0;
+	detailRequest = 0;
+	errorTimer = 0;
+	relocated = /* @__PURE__ */ new Set();
+	relocateTimer = 0;
+	constructor(options, layer, signal) {
+		this.options = options;
+		this.signal = signal;
+		this.state = {
+			reviewer: null,
+			guestName: "",
+			page: pageContext(options),
+			threads: [],
+			groups: [],
+			composer: null,
+			conversation: null,
+			drawer: {
+				open: false,
+				status: "open",
+				page: "",
+				list: { items: [] }
+			},
+			error: null
+		};
+		this.tokens = new TokenSource({
+			getToken: options.getToken,
+			onChange: (reviewer) => this.reviewerChanged(reviewer)
+		});
+		this.api = new ApiClient(options.endpoint, this.tokens);
+		this.picker = new Selection(layer, (target, point, region) => this.select(target, point, region), () => {});
+		layer.follow(() => this.updateBadges(this.state.threads), signal);
+		const restoreHistory = watchNavigation(() => this.navigate(), signal);
+		signal.addEventListener("abort", () => {
+			restoreHistory();
+			this.picker.destroy();
+			clearTimeout(this.errorTimer);
+			clearTimeout(this.relocateTimer);
+		});
+		this.set({ guestName: this.tokens.guest()?.name ?? "" });
+		this.connect();
+	}
+	subscribe = (listener) => {
+		this.listeners.add(listener);
+		return () => this.listeners.delete(listener);
+	};
+	getSnapshot = () => this.state;
+	set(patch) {
+		if (this.signal.aborted) return;
+		this.state = {
+			...this.state,
+			...patch
+		};
+		for (const listener of this.listeners) listener();
+	}
+	setDrawer(patch) {
+		this.set({ drawer: {
+			...this.state.drawer,
+			...patch
+		} });
+	}
+	closedDrawer() {
+		return {
+			...this.state.drawer,
+			open: false
+		};
+	}
+	showError = (message) => {
+		clearTimeout(this.errorTimer);
+		this.set({ error: {
+			message,
+			id: (this.state.error?.id ?? 0) + 1
+		} });
+		this.errorTimer = window.setTimeout(() => this.set({ error: null }), ERROR_MS);
+	};
+	failed(error) {
+		if (this.signal.aborted) return;
+		if (error instanceof DOMException && error.name === "AbortError") return;
+		this.showError(error instanceof Error ? error.message : "Feedback is unavailable. Try again.");
+	}
+	async connect() {
+		try {
+			await this.tokens.token();
+		} catch (error) {
+			this.failed(error);
+		}
+	}
+	reviewerChanged(reviewer) {
+		if (this.signal.aborted) return;
+		const before = this.state.reviewer;
+		this.set({
+			reviewer,
+			guestName: this.tokens.guest()?.name ?? ""
+		});
+		if (!reviewer) {
+			this.signedOut();
+			return;
+		}
+		if (this.pendingComment) this.startSelection();
+		if (before?.id === reviewer.id && before.verified === reviewer.verified) return;
+		this.signedIn(!before);
+	}
+	async signedIn(arriving) {
+		await this.refreshAnchors();
+		if (this.state.drawer.open) this.loadDrawer();
+		if (arriving) {
+			const id = consumeThreadLink();
+			if (id) {
+				this.setDrawer({ open: true });
+				await this.openThread(id, true);
+			}
+		}
+	}
+	signedOut() {
+		this.picker.clear();
+		this.resolutions.clear();
+		this.forgetRelocations();
+		this.set({
+			threads: [],
+			groups: [],
+			composer: null,
+			conversation: null,
+			drawer: this.closedDrawer()
+		});
+	}
+	continueAsGuest = async (name) => {
+		try {
+			if (!await this.tokens.continueAsGuest(name)) this.showError(this.options.signIn ? "This site does not take guest comments. Sign in to comment." : "This site does not take guest comments.");
+		} catch (error) {
+			this.failed(error);
+		}
+	};
+	changeName = () => this.tokens.forgetGuestName();
+	signIn = async () => {
+		rememberVisible(true);
+		try {
+			await this.options.signIn?.();
+		} catch (error) {
+			this.failed(error);
+			return;
+		}
+		if (this.signal.aborted) return;
+		this.tokens.invalidate();
+		await this.connect();
+	};
+	comment = () => {
+		this.pendingComment = true;
+		if (this.state.reviewer) this.startSelection();
+	};
+	startSelection = () => {
+		if (!this.state.reviewer) return;
+		this.pendingComment = false;
+		this.closePanels();
+		this.picker.start();
+	};
+	select(target, point, region) {
+		if (this.tokens.features.screenshots) preloadScreenshot();
+		this.set({ composer: region ? {
+			target,
+			point,
+			region
+		} : {
+			target,
+			point
+		} });
+	}
+	closeComposer = () => {
+		this.picker.clear();
+		this.set({ composer: null });
+	};
+	closePanels = () => {
+		this.picker.clear();
+		this.detailRequest++;
+		this.set({
+			composer: null,
+			conversation: null,
+			drawer: this.closedDrawer()
+		});
+	};
+	existing(target) {
+		return this.state.threads.filter((thread) => this.resolutions.get(thread.id)?.element === target);
+	}
+	get canScreenshot() {
+		return this.tokens.features.screenshots;
+	}
+	save = async (selection, body, screenshot) => {
+		const { target, point, region } = selection;
+		const anchor = captureAnchor(target, point, region);
+		const image = screenshot && this.canScreenshot ? captureScreenshot(region ? {
+			target,
+			region
+		} : { target }) : null;
+		let thread;
+		try {
+			thread = await this.api.createThread({
+				page: this.state.page,
+				anchor,
+				body
+			}, this.signal);
+		} catch (error) {
+			this.failed(error);
+			return false;
+		}
+		this.refreshAnchors();
+		if (image) this.uploadScreenshot(thread.id, image);
+		return true;
+	};
+	async uploadScreenshot(id, screenshot) {
+		try {
+			const image = await screenshot;
+			if (!image || this.signal.aborted) return;
+			await this.api.uploadScreenshot(id, image, this.signal);
+		} catch {}
+	}
+	screenshot = (id, signal) => this.api.getScreenshot(id, signal);
+	navigate() {
+		const next = pageContext(this.options);
+		if (next.key === this.state.page.key) return;
+		this.picker.clear();
+		this.detailRequest++;
+		this.resolutions.clear();
+		this.forgetRelocations();
+		this.set({
+			page: next,
+			composer: null,
+			conversation: null,
+			threads: [],
+			groups: []
+		});
+		if (this.state.reviewer) {
+			this.refreshAnchors();
+			if (this.state.drawer.open) this.loadDrawer();
+		}
+	}
+	async refreshAnchors() {
+		if (!this.state.reviewer) return;
+		const generation = ++this.pageRequest;
+		try {
+			const result = await this.api.listThreads({
+				status: "open",
+				page: this.state.page.key
+			}, this.signal);
+			if (generation !== this.pageRequest || this.signal.aborted) return;
+			this.updateBadges(result.items);
+		} catch (error) {
+			this.failed(error);
+		}
+	}
+	updateBadges(threads) {
+		this.resolutions = /* @__PURE__ */ new Map();
+		const groups = /* @__PURE__ */ new Map();
+		for (const thread of threads) {
+			const anchor = shownAnchor(thread);
+			const found = resolveAnchor(anchor);
+			this.resolutions.set(thread.id, found);
+			if (!found.element) continue;
+			const areas = groups.get(found.element) ?? /* @__PURE__ */ new Map();
+			const area = JSON.stringify([anchor.region ?? null, Boolean(thread.suggestion)]);
+			areas.set(area, [...areas.get(area) ?? [], thread]);
+			groups.set(found.element, areas);
+		}
+		const badges = [];
+		for (const [target, areas] of groups) for (const grouped of areas.values()) {
+			const first = grouped[0];
+			if (first) badges.push({
+				key: grouped.map((thread) => thread.id).join(","),
+				target,
+				anchor: shownAnchor(first),
+				threads: grouped,
+				moved: Boolean(first.suggestion)
+			});
+		}
+		this.set({
+			threads,
+			groups: badges
+		});
+		this.scheduleRelocation();
+	}
+	forgetRelocations() {
+		clearTimeout(this.relocateTimer);
+		this.relocated.clear();
+	}
+	scheduleRelocation() {
+		clearTimeout(this.relocateTimer);
+		if (!this.state.reviewer?.verified) return;
+		this.relocateTimer = window.setTimeout(() => void this.relocate(), RELOCATE_IDLE_MS);
+	}
+	async relocate() {
+		const { reviewer, page, threads } = this.state;
+		if (!reviewer?.verified) return;
+		for (const thread of threads) {
+			if (this.signal.aborted || this.state.page.key !== page.key) return;
+			const state = this.resolutions.get(thread.id)?.state;
+			if (state !== "orphan" && state !== "ambiguous" || !thread.anchor.path || thread.suggestion || thread.pageKey !== page.key || this.relocated.has(thread.id)) continue;
+			this.relocated.add(thread.id);
+			const request = relocationRequest(thread);
+			if (!request) continue;
+			try {
+				const { suggestion } = await this.api.relocate(thread.id, request, this.signal);
+				if (!suggestion || this.state.page.key !== page.key) continue;
+				this.patchThread(thread.id, (current) => ({
+					...current,
+					suggestion
+				}));
+			} catch {}
+		}
+	}
+	patchThread(id, change) {
+		const open = this.state.conversation;
+		if (open?.detail.thread.id === id) this.set({ conversation: {
+			...open,
+			detail: {
+				...open.detail,
+				thread: change(open.detail.thread)
+			}
+		} });
+		if (this.state.threads.some((thread) => thread.id === id)) this.updateBadges(this.state.threads.map((thread) => thread.id === id ? change(thread) : thread));
+	}
+	decideSuggestion = async (thread, decision) => {
+		const { suggestion } = thread;
+		if (!suggestion) return false;
+		let next;
+		try {
+			next = await this.api.decideSuggestion(thread.id, {
+				suggestionId: suggestion.id,
+				decision
+			}, this.signal);
+		} catch (error) {
+			this.failed(error);
+			return false;
+		}
+		this.patchThread(thread.id, () => next);
+		const open = this.state.conversation;
+		if (open?.detail.thread.id === thread.id && !open.inDrawer && !resolveAnchor(shownAnchor(next)).element) this.set({
+			conversation: {
+				...open,
+				inDrawer: true
+			},
+			drawer: {
+				...this.state.drawer,
+				open: true
+			}
+		});
+		return true;
+	};
+	openBadge = (threads) => {
+		const [first] = threads;
+		if (threads.length === 1 && first) {
+			this.openThread(first.id, false);
+			return;
+		}
+		this.setDrawer({
+			open: true,
+			page: this.state.page.key
+		});
+		this.loadDrawer();
+	};
+	toggleDrawer = () => {
+		if (this.state.drawer.open) {
+			this.closeDrawer();
+			return;
+		}
+		this.setDrawer({ open: true });
+		this.loadDrawer();
+	};
+	closeDrawer = () => {
+		this.detailRequest++;
+		const inDrawer = this.state.conversation?.inDrawer;
+		this.set({
+			drawer: this.closedDrawer(),
+			conversation: inDrawer ? null : this.state.conversation
+		});
+	};
+	setDrawerFilter = (patch) => {
+		this.setDrawer(patch);
+		this.loadDrawer();
+	};
+	refresh = () => {
+		Promise.all([this.loadDrawer(), this.refreshAnchors()]);
+	};
+	loadDrawer = async () => {
+		if (!this.state.reviewer) return;
+		const generation = ++this.listRequest;
+		this.detailRequest++;
+		const { status, page } = this.state.drawer;
+		this.set({
+			conversation: null,
+			drawer: {
+				...this.state.drawer,
+				list: {
+					items: [],
+					message: "Loading feedback…"
+				}
+			}
+		});
+		try {
+			const query = page ? {
+				status,
+				page
+			} : { status };
+			const result = await this.api.listThreads(query, this.signal);
+			if (generation !== this.listRequest || this.signal.aborted) return;
+			this.setDrawer({ list: { items: result.items } });
+		} catch (error) {
+			this.setDrawer({ list: {
+				items: [],
+				message: "Could not load feedback. Use Refresh to try again."
+			} });
+			this.failed(error);
+		}
+	};
+	openThread = async (id, inDrawer) => {
+		if (!this.state.reviewer) return;
+		this.picker.clear();
+		this.set({ composer: null });
+		const generation = ++this.detailRequest;
+		try {
+			const detail = await this.api.getThread(id, this.signal);
+			if (generation !== this.detailRequest || this.signal.aborted) return;
+			const { thread } = detail;
+			const visible = thread.pageKey === this.state.page.key && Boolean(resolveAnchor(shownAnchor(thread)).element);
+			const shownInDrawer = inDrawer || !visible;
+			this.set({
+				conversation: {
+					detail,
+					inDrawer: shownInDrawer
+				},
+				drawer: shownInDrawer ? {
+					...this.state.drawer,
+					open: true
+				} : this.state.drawer
+			});
+		} catch (error) {
+			this.failed(error);
+		}
+	};
+	closeConversation = () => {
+		this.detailRequest++;
+		this.set({ conversation: null });
+	};
+	async reloadThread() {
+		const open = this.state.conversation;
+		await Promise.all([open ? this.openThread(open.detail.thread.id, open.inDrawer) : null, this.refreshAnchors()]);
+	}
+	reply = async (thread, body) => {
+		try {
+			await this.api.createMessage(thread.id, { body }, this.signal);
+		} catch (error) {
+			this.failed(error);
+			return false;
+		}
+		await this.reloadThread();
+		return true;
+	};
+	toggleStatus = async (thread) => {
+		try {
+			await this.api.updateThread(thread.id, { status: thread.status === "open" ? "done" : "open" }, this.signal);
+			await this.reloadThread();
+		} catch (error) {
+			this.failed(error);
+		}
+	};
+};
+function relocationRequest(thread) {
+	const found = pathBreak(thread.anchor);
+	if (!found || found.breakAt === thread.anchor.path?.length) return null;
+	const request = {
+		breakAt: found.breakAt,
+		skeleton: skeleton(found.root)
+	};
+	return new TextEncoder().encode(JSON.stringify(request)).length > LIMITS.relocateBytes ? null : request;
+}
+//#endregion
+//#region ../ui/src/components/separator.tsx
+function Separator$1({ className, orientation = "horizontal", ...props }) {
+	return /* @__PURE__ */ jsx(Separator, {
+		"data-slot": "separator",
+		orientation,
+		className: cn("shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch", className),
+		...props
+	});
+}
+//#endregion
+//#region src/conversation.tsx
+function Screenshot({ threadId, load }) {
+	const [url, setUrl] = useState(null);
+	useEffect(() => {
+		const request = new AbortController();
+		let objectUrl = null;
+		setUrl(null);
+		load(threadId, request.signal).then((image) => {
+			if (request.signal.aborted) return;
+			objectUrl = URL.createObjectURL(image);
+			setUrl(objectUrl);
+		}).catch(() => {});
+		return () => {
+			request.abort();
+			if (objectUrl) URL.revokeObjectURL(objectUrl);
+		};
+	}, [threadId, load]);
+	if (!url) return null;
+	return /* @__PURE__ */ jsx("a", {
+		href: url,
+		target: "_blank",
+		rel: "noopener",
+		title: "Open full size",
+		className: "block overflow-hidden rounded-xl border",
+		children: /* @__PURE__ */ jsx("img", {
+			src: url,
+			alt: "Screenshot of the page when this comment was made",
+			className: "block h-auto max-h-64 w-full object-cover object-top",
+			onError: () => setUrl(null)
+		})
+	});
+}
+function notice(thread, pageKey, resolution) {
+	if (thread.pageKey !== pageKey) return null;
+	const width = thread.anchor.viewport?.width;
+	const leftAt = width ? ` It was left at ${Math.round(width)}px wide.` : "";
+	if (resolution.state === "orphan" || resolution.state === "ambiguous") return `Orphan — element not found in this view. It may be in a closed dialog or have changed.${leftAt}`;
+	if (resolution.state === "hidden") return `This element is hidden in the current view.${leftAt}`;
+	if (resolution.element && isReflowed(thread.anchor, resolution.element)) return `The layout has changed since this area was drawn, so the whole element is outlined.${leftAt}`;
+	return null;
+}
+function Conversation(props) {
+	const { detail, inDrawer, drafts, showError } = props;
+	const { thread, messages } = detail;
+	const draftKey = `reply:${thread.id}`;
+	const [body, setBody] = useState(() => drafts.get(draftKey) ?? "");
+	const [sending, setSending] = useState(false);
+	const [deciding, setDeciding] = useState(false);
+	const panel = useRef(null);
+	const anchor = shownAnchor(thread);
+	const resolution = useMemo(() => resolveAnchor(anchor), [anchor, props.layout]);
+	useFrame(() => {
+		if (inDrawer || !panel.current) return;
+		const target = resolution.element;
+		position(panel.current, target ? anchorBox(anchor, target) : null);
+	});
+	const decide = async (decision) => {
+		setDeciding(true);
+		try {
+			await props.decideSuggestion(thread, decision);
+		} finally {
+			setDeciding(false);
+		}
+	};
+	const send = async () => {
+		const text = body.trim();
+		if (!text) return;
+		setSending(true);
+		try {
+			if (await props.reply(thread, text)) {
+				drafts.delete(draftKey);
+				setBody("");
+			}
+		} finally {
+			setSending(false);
+		}
+	};
+	const locate = () => {
+		if (thread.pageKey === props.pageKey) {
+			const target = resolution.element;
+			if (!target) {
+				showError("This element is not on the page right now.");
+				return;
+			}
+			const reduced = matchMedia("(prefers-reduced-motion: reduce)").matches;
+			target.scrollIntoView({
+				block: "center",
+				behavior: reduced ? "instant" : "smooth"
+			});
+			return;
+		}
+		const href = threadLink(location.href, thread.path, thread.id);
+		if (href) location.assign(href);
+		else showError("This comment's page is not on this site.");
+	};
+	const copyLink = async () => {
+		const href = threadLink(location.href, thread.path, thread.id);
+		if (!href) {
+			showError("This comment's page is not on this site.");
+			return;
+		}
+		try {
+			await navigator.clipboard.writeText(href);
+		} catch {
+			showError(`Could not copy the link: ${href}`);
+		}
+	};
+	const suggestion = thread.pageKey === props.pageKey ? thread.suggestion : void 0;
+	const warning = suggestion ? null : notice(thread, props.pageKey, resolution);
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-between gap-2",
+			children: [/* @__PURE__ */ jsx(Button$1, {
+				variant: "ghost",
+				size: "xs",
+				onClick: inDrawer ? props.backToList : props.close,
+				children: inDrawer ? "← All feedback" : "Close"
+			}), /* @__PURE__ */ jsx(Button$1, {
+				size: "xs",
+				onClick: () => props.toggleStatus(thread),
+				children: thread.status === "open" ? "Mark done" : "Reopen"
+			})]
+		}),
+		/* @__PURE__ */ jsx(PanelHeading, {
+			eyebrow: thread.status,
+			title: `Comment #${thread.number}`,
+			children: /* @__PURE__ */ jsx("div", {
+				className: "text-xs text-muted-foreground",
+				children: thread.path
+			})
+		}),
+		warning && /* @__PURE__ */ jsx("div", {
+			className: "rounded-xl bg-primary/15 px-3 py-2 text-xs text-primary-foreground",
+			children: warning
+		}),
+		suggestion && /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-2 rounded-xl bg-primary/15 px-3 py-2 text-xs text-primary-foreground",
+			children: [/* @__PURE__ */ jsxs("p", { children: [
+				"This part of the page changed. We think the comment belongs here (",
+				Math.round(suggestion.confidence * 100),
+				"% sure)."
+			] }), props.canDecide && /* @__PURE__ */ jsxs("div", {
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ jsx(Button$1, {
+					size: "xs",
+					disabled: deciding,
+					onClick: () => void decide("accept"),
+					children: "Yes, it's here"
+				}), /* @__PURE__ */ jsx(Button$1, {
+					variant: "outline",
+					size: "xs",
+					disabled: deciding,
+					onClick: () => void decide("reject"),
+					children: "No"
+				})]
+			})]
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-between gap-2",
+			children: [/* @__PURE__ */ jsx(Button$1, {
+				variant: "ghost",
+				size: "xs",
+				onClick: locate,
+				children: "Locate on page"
+			}), /* @__PURE__ */ jsx(Button$1, {
+				variant: "ghost",
+				size: "xs",
+				onClick: () => void copyLink(),
+				children: "Copy link"
+			})]
+		}),
+		thread.hasScreenshot && /* @__PURE__ */ jsx(Screenshot, {
+			threadId: thread.id,
+			load: props.loadScreenshot
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "flex flex-col",
+			children: messages.map((message) => /* @__PURE__ */ jsxs("article", {
+				className: "flex flex-col gap-2 py-3",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center justify-between gap-2 text-xs text-muted-foreground",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-foreground",
+							children: /* @__PURE__ */ jsx(Author, {
+								name: message.authorName,
+								verified: message.authorVerified,
+								strong: true
+							})
+						}), /* @__PURE__ */ jsx("span", { children: new Date(message.createdAt).toLocaleString() })]
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "break-words whitespace-pre-wrap",
+						children: message.body
+					}),
+					/* @__PURE__ */ jsx(Separator$1, { className: "mt-1" })
+				]
+			}, message.id))
+		}),
+		/* @__PURE__ */ jsx(Textarea, {
+			"aria-label": "Reply",
+			placeholder: "Write a reply…",
+			maxLength: LIMITS.bodyChars,
+			value: body,
+			onChange: (event) => {
+				setBody(event.target.value);
+				drafts.set(draftKey, event.target.value);
+			},
+			onKeyDown: sendOnModEnter(() => void send()),
+			className: "min-h-24"
+		}),
+		/* @__PURE__ */ jsx(Button$1, {
+			className: "self-start",
+			disabled: sending,
+			onClick: () => void send(),
+			children: "Reply"
+		})
+	] });
+	if (inDrawer) return /* @__PURE__ */ jsx("div", {
+		className: "flex flex-col gap-3 p-4",
+		children: content
+	});
+	return /* @__PURE__ */ jsx(Card, {
+		ref: panel,
+		size: "sm",
+		"aria-label": `Comment #${thread.number}`,
+		className: `${PANEL} max-h-[calc(100vh-110px)] overflow-auto`,
+		children: content
+	});
+}
+//#endregion
+//#region src/drawer.tsx
+const STATUS_FILTERS = [...THREAD_STATUSES, "all"];
+function Drawer(props) {
+	const [page, setPage] = useState(props.page);
+	const { items, message } = props.list;
+	return /* @__PURE__ */ jsxs(Card, {
+		size: "sm",
+		"aria-label": "Feedback",
+		className: "pointer-events-auto fixed top-3 right-3 bottom-22 w-[420px] max-w-[calc(100vw-24px)] gap-0 py-0 shadow-xl",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-between gap-3 border-b px-5 py-4",
+			children: [/* @__PURE__ */ jsx("h2", {
+				className: "text-lg font-semibold",
+				children: props.detail?.title ?? "Feedback"
+			}), /* @__PURE__ */ jsx(Button$1, {
+				variant: "ghost",
+				size: "xs",
+				onClick: props.close,
+				children: "Close"
+			})]
+		}), props.detail ? /* @__PURE__ */ jsx("div", {
+			className: "flex-1 overflow-auto",
+			children: props.detail.content
+		}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-wrap items-center gap-2 border-b px-4 py-3",
+			children: [
+				/* @__PURE__ */ jsx("select", {
+					"aria-label": "Status",
+					value: props.status,
+					onChange: (event) => props.setStatus(STATUS_FILTERS.find((value) => value === event.target.value) ?? "open"),
+					className: "h-8 rounded-4xl border border-input bg-input/30 px-3 text-sm",
+					children: STATUS_FILTERS.map((value) => /* @__PURE__ */ jsx("option", {
+						value,
+						children: value.charAt(0).toUpperCase() + value.slice(1)
+					}, value))
+				}),
+				/* @__PURE__ */ jsx(Button$1, {
+					variant: "outline",
+					size: "sm",
+					onClick: props.refresh,
+					children: "Refresh"
+				}),
+				/* @__PURE__ */ jsx(Input$1, {
+					"aria-label": "Page filter",
+					placeholder: "Filter by page path",
+					value: page,
+					onChange: (event) => setPage(event.target.value),
+					onBlur: () => props.setPage(page.trim()),
+					onKeyDown: (event) => {
+						if (event.key === "Enter") props.setPage(page.trim());
+					},
+					className: "h-8 text-xs"
+				})
+			]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex-1 overflow-auto px-2 pb-3",
+			children: [(message || !items.length) && /* @__PURE__ */ jsx("p", {
+				className: "px-4 py-8 text-center text-muted-foreground",
+				children: message ?? "No feedback here yet. Click a place on the page to comment."
+			}), items.map((thread) => {
+				const replies = thread.messageCount - 1;
+				const plural = replies === 1 ? "y" : "ies";
+				return /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					onClick: () => props.openThread(thread.id),
+					className: "block w-full cursor-pointer border-b px-3 py-4 text-left hover:bg-muted",
+					children: [
+						/* @__PURE__ */ jsxs("span", {
+							className: "mb-1.5 flex justify-between gap-2 text-[11px] text-muted-foreground",
+							children: [/* @__PURE__ */ jsxs("span", { children: [
+								"#",
+								thread.number,
+								" · ",
+								thread.status
+							] }), /* @__PURE__ */ jsx(Author, {
+								name: thread.authorName,
+								verified: thread.authorVerified
+							})]
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "block break-words whitespace-pre-wrap",
+							children: thread.excerpt
+						}),
+						/* @__PURE__ */ jsxs("span", {
+							className: "mt-2 block text-[11px] text-muted-foreground",
+							children: [
+								thread.path,
+								" ·",
+								" ",
+								replies ? `${replies} repl${plural}` : "No replies"
+							]
+						})
+					]
+				}, thread.id);
+			})]
+		})] })]
+	});
+}
+//#endregion
+//#region src/app.tsx
+function App(props) {
+	const [shell, setShell] = useState(null);
+	const { options } = props;
+	useEffect(() => {
+		const abort = new AbortController();
+		const layer = new Layer(_virtual_fastbackr_styles_default);
+		const container = document.createElement("div");
+		container.className = "contents";
+		layer.root.append(container);
+		const loop = createFrameLoop(abort.signal);
+		loop.add(() => layer.sync());
+		const controller = new FeedbackController(options, layer, abort.signal);
+		loop.add(() => controller.picker.paint());
+		setShell({
+			container,
+			loop,
+			controller
+		});
+		return () => {
+			abort.abort();
+			layer.destroy();
+		};
+	}, [options]);
+	if (!shell) return null;
+	return createPortal(/* @__PURE__ */ jsx(FrameContext, {
+		value: shell.loop,
+		children: /* @__PURE__ */ jsx(Feedback, {
+			...props,
+			controller: shell.controller
+		})
+	}), shell.container);
+}
+function Feedback(props) {
+	const { controller, drafts, commentRequest, hideFab } = props;
+	const state = useSyncExternalStore(controller.subscribe, controller.getSnapshot);
+	const { reviewer, conversation, drawer, composer, page, error } = state;
+	useLayoutEffect(() => {
+		hideFab();
+	}, [hideFab]);
+	useEffect(() => {
+		if (commentRequest) controller.comment();
+	}, [controller, commentRequest]);
+	useEffect(() => {
+		const abort = new AbortController();
+		document.addEventListener("keydown", (event) => {
+			if (!plainKey(event)) return;
+			if (event.key.toLowerCase() === "c" && controller.state.reviewer) {
+				event.preventDefault();
+				controller.startSelection();
+			}
+			const { composer, conversation, drawer } = controller.state;
+			const panelOpen = Boolean(composer || conversation || drawer.open);
+			if (event.key === "Escape" && !controller.picker.active && panelOpen) {
+				event.preventDefault();
+				event.stopPropagation();
+				controller.closePanels();
+			}
+		}, { signal: abort.signal });
+		return () => abort.abort();
+	}, [controller]);
+	const thread = conversation && /* @__PURE__ */ jsx(Conversation, {
+		detail: conversation.detail,
+		inDrawer: conversation.inDrawer,
+		pageKey: page.key,
+		drafts,
+		showError: controller.showError,
+		layout: state.groups,
+		close: controller.closeConversation,
+		backToList: () => void controller.loadDrawer(),
+		toggleStatus: (thread) => void controller.toggleStatus(thread),
+		reply: controller.reply,
+		canDecide: reviewer?.verified === true,
+		decideSuggestion: controller.decideSuggestion,
+		loadScreenshot: controller.screenshot
+	}, conversation.detail.thread.id);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "font-sans text-sm text-foreground antialiased",
+		children: [
+			/* @__PURE__ */ jsx(Badges, {
+				groups: state.groups,
+				activeId: conversation ? conversation.detail.thread.id : null,
+				open: controller.openBadge
+			}),
+			drawer.open && /* @__PURE__ */ jsx(Drawer, {
+				status: drawer.status,
+				page: drawer.page,
+				list: drawer.list,
+				detail: conversation?.inDrawer ? {
+					title: `Comment #${conversation.detail.thread.number}`,
+					content: thread
+				} : null,
+				setStatus: (status) => controller.setDrawerFilter({ status }),
+				setPage: (page) => controller.setDrawerFilter({ page }),
+				refresh: controller.refresh,
+				openThread: (id) => void controller.openThread(id, true),
+				close: controller.closeDrawer
+			}),
+			conversation && !conversation.inDrawer && thread,
+			composer && reviewer && /* @__PURE__ */ jsx(Composer, {
+				selection: composer,
+				drafts,
+				pageKey: page.key,
+				canScreenshot: controller.canScreenshot,
+				existing: controller.existing(composer.target),
+				openThread: (id) => void controller.openThread(id, false),
+				close: controller.closeComposer,
+				save: controller.save
+			}),
+			/* @__PURE__ */ jsx(Bar, {
+				reviewer,
+				count: state.threads.length,
+				guestName: state.guestName,
+				canSignIn: Boolean(props.options.signIn),
+				comment: controller.startSelection,
+				toggleDrawer: controller.toggleDrawer,
+				minimize: props.minimize,
+				showFab: props.showFab,
+				flashRequest: props.flashRequest,
+				close: props.close,
+				continueAsGuest: controller.continueAsGuest,
+				signIn: () => void controller.signIn(),
+				changeName: controller.changeName
+			}, reviewer?.id ?? "signed-out"),
+			error && /* @__PURE__ */ jsx("div", {
+				role: "alert",
+				className: "pointer-events-auto fixed top-4 left-1/2 max-w-[440px] -translate-x-1/2 rounded-2xl bg-destructive px-4 py-2.5 text-white shadow-lg",
+				children: error.message
+			}, error.id)
+		]
+	});
+}
+//#endregion
+export { App as default };