From 1f72de87741b3995cf4d4dac50ad3bce1888d5c4 Mon Sep 17 00:00:00 2001 From: Paul Mulligan Date: Tue, 26 May 2026 16:47:15 -0400 Subject: [PATCH] feat: serve embed via versioned CDN with auto-update - Add tracked cdn/ bundle (claudius.iife.js + claudius.css), served by jsDelivr at gh@; the release workflow rebuilds and commits it onto the release PR so the tagged commit carries the served bytes, and uploads it to the GitHub Release. - Stamp the build version into the bundle as window.ClaudiusWidgetVersion. - Document the CDN embed snippet and CSP requirement in README and DEPLOY. Co-Authored-By: Claude Opus 4.7 (1M context) --- .github/workflows/release-please.yml | 52 ++++++++++++++++++++++++++++ DEPLOY.md | 26 +++++++++++++- README.md | 12 +++++++ cdn/claudius.css | 1 + cdn/claudius.iife.js | 41 ++++++++++++++++++++++ widget/src/embed.tsx | 11 ++++++ widget/vite.config.embed.ts | 6 ++++ 7 files changed, 148 insertions(+), 1 deletion(-) create mode 100644 cdn/claudius.css create mode 100644 cdn/claudius.iife.js diff --git a/.github/workflows/release-please.yml b/.github/workflows/release-please.yml index 7d72f06..dcd3b45 100644 --- a/.github/workflows/release-please.yml +++ b/.github/workflows/release-please.yml @@ -17,8 +17,60 @@ jobs: name: Release Please runs-on: ubuntu-latest steps: + - uses: actions/checkout@v4 + - uses: googleapis/release-please-action@v4 id: release with: config-file: release-please-config.json manifest-file: .release-please-manifest.json + + # While a release PR is open, rebuild the embed bundle and commit the + # fresh artifacts onto the PR branch, so the tagged release commit carries + # the exact bytes jsDelivr serves at gh@/cdn/. + - name: Checkout release PR branch + if: ${{ steps.release.outputs.pr }} + uses: actions/checkout@v4 + with: + ref: ${{ fromJSON(steps.release.outputs.pr).headBranchName }} + + - name: Setup pnpm + if: ${{ steps.release.outputs.pr }} + uses: pnpm/action-setup@v4 + with: + version: 9 + + - name: Setup Node + if: ${{ steps.release.outputs.pr }} + uses: actions/setup-node@v4 + with: + node-version: 20 + cache: pnpm + cache-dependency-path: widget/pnpm-lock.yaml + + - name: Rebuild and commit cdn/ bundle + if: ${{ steps.release.outputs.pr }} + env: + PR_BRANCH: ${{ fromJSON(steps.release.outputs.pr).headBranchName }} + run: | + pnpm --dir widget install --frozen-lockfile + pnpm --dir widget run build:embed + mkdir -p cdn + cp widget/dist/claudius.iife.js cdn/claudius.iife.js + cp widget/dist/claudius.css cdn/claudius.css + git config user.name "github-actions[bot]" + git config user.email "41898282+github-actions[bot]@users.noreply.github.com" + if ! git diff --quiet -- cdn/; then + git add cdn/claudius.iife.js cdn/claudius.css + git commit -m "chore: rebuild cdn bundle for release" + git push origin "HEAD:${PR_BRANCH}" + fi + + # On merge, attach the same bundle to the GitHub Release. + - name: Upload bundle to release + if: ${{ steps.release.outputs.release_created }} + env: + GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} + run: | + gh release upload "${{ steps.release.outputs.tag_name }}" \ + cdn/claudius.iife.js cdn/claudius.css --clobber diff --git a/DEPLOY.md b/DEPLOY.md index b1460d7..7b5d70d 100644 --- a/DEPLOY.md +++ b/DEPLOY.md @@ -70,7 +70,31 @@ pnpm build:embed # Output: dist/claudius.iife.js + dist/claudius.css ``` -## Embed on pmds.info (Replit) +## Embed via CDN (recommended, auto-updating) + +Point the site at the version-pinned jsDelivr channel. `@1` always resolves the +latest `v1.x` release, so patches and minor versions roll out automatically; a +new major (`v2`) never lands without an explicit bump. (jsDelivr caches the +range resolution for ~12h.) + +```html + + + +``` + +Pin to an exact release with `@1.2.0` when you need it. Embedding sites must +allow `cdn.jsdelivr.net` in their CSP `script-src` and `style-src`. Check what a +page is running via `window.ClaudiusWidgetVersion` in the browser console. + +## Embed self-hosted (alternative) Upload `claudius.iife.js` and `claudius.css` to the Replit project, then add before ``: diff --git a/README.md b/README.md index 94bc357..fa632ba 100644 --- a/README.md +++ b/README.md @@ -88,6 +88,18 @@ For non-React sites, use the IIFE bundle with `window.ClaudiusConfig`: ``` +To auto-update instead of self-hosting, load the version-pinned CDN channel +(`@1` resolves the latest `v1.x` release; requires allowing `cdn.jsdelivr.net` +in your CSP). See [DEPLOY.md](DEPLOY.md#embed-via-cdn-recommended-auto-updating). + +```html + + +``` + ## Configuration Both the React component and embed script accept these options: diff --git a/cdn/claudius.css b/cdn/claudius.css new file mode 100644 index 0000000..0405ed3 --- /dev/null +++ b/cdn/claudius.css @@ -0,0 +1 @@ +*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.bottom-20{bottom:5rem}.bottom-24{bottom:6rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-3{left:.75rem}.left-4{left:1rem}.left-6{left:1.5rem}.right-1{right:.25rem}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-1{top:.25rem}.top-20{top:5rem}.top-24{top:6rem}.top-6{top:1.5rem}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.block{display:block}.flex{display:flex}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[90vh\]{height:90vh}.h-\[min\(500px\,calc\(100vh-7rem\)\)\]{height:min(500px,calc(100vh - 7rem))}.h-full{height:100%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[280px\]{width:280px}.w-\[calc\(100vw-1\.5rem\)\]{width:calc(100vw - 1.5rem)}.w-full{width:100%}.min-w-4{min-width:1rem}.max-w-\[380px\]{max-width:380px}.max-w-\[85\%\]{max-width:85%}.max-w-\[90\%\]{max-width:90%}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[12px\]{border-radius:12px}.rounded-bubble{border-radius:var(--claudius-radius-bubble, 16px)}.rounded-button{border-radius:var(--claudius-radius-button, 12px)}.rounded-card{border-radius:var(--claudius-radius-card, 16px)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-r-card{border-top-right-radius:var(--claudius-radius-card, 16px);border-bottom-right-radius:var(--claudius-radius-card, 16px)}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-bl-sm{border-bottom-left-radius:.125rem}.rounded-br-sm{border-bottom-right-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-r-2{border-right-width:2px}.border-t{border-top-width:1px}.border-claudius-border{border-color:var(--claudius-border, #e2e8f0)}.bg-black\/50{background-color:#00000080}.bg-claudius-assistant-bg{background-color:var(--claudius-assistant-bg, #f1f5f9)}.bg-claudius-gray{background-color:var(--claudius-gray, #64748b)}.bg-claudius-light{background-color:var(--claudius-light, #f1f5f9)}.bg-claudius-primary{background-color:var(--claudius-primary, #2563eb)}.bg-claudius-user-bg{background-color:var(--claudius-user-bg, #2563eb)}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:#fff3}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pr-8{padding-right:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-body{font-family:var(--claudius-font-body, system-ui),sans-serif}.font-heading{font-family:var(--claudius-font-heading, system-ui),sans-serif}.text-\[10px\]{font-size:10px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.text-claudius-assistant-text{color:var(--claudius-assistant-text, #1e293b)}.text-claudius-dark{color:var(--claudius-dark, #1e293b)}.text-claudius-error{color:var(--claudius-error, #dc2626)}.text-claudius-gray{color:var(--claudius-gray, #64748b)}.text-claudius-user-text{color:var(--claudius-user-text, #ffffff)}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/70{color:#ffffffb3}.underline{text-decoration-line:underline}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-slate-200{--tw-ring-opacity: 1;--tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity, 1))}.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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[animation-delay\:0ms\]{animation-delay:0ms}.\[animation-delay\:150ms\]{animation-delay:.15s}.\[animation-delay\:300ms\]{animation-delay:.3s}.claudius-bottom-sheet{transition:transform .3s cubic-bezier(.32,.72,0,1)}.claudius-bottom-sheet[data-dragging=true]{transition:none}.claudius-scrim{transition:opacity .3s ease}@media(prefers-reduced-motion:reduce){.claudius-bottom-sheet{transition:opacity .2s ease;transform:none!important}.claudius-scrim{transition:opacity .15s ease}}.placeholder\:text-claudius-gray::-moz-placeholder{color:var(--claudius-gray, #64748b)}.placeholder\:text-claudius-gray::placeholder{color:var(--claudius-gray, #64748b)}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-claudius-border:hover{background-color:var(--claudius-border, #e2e8f0)}.hover\:bg-claudius-light:hover{background-color:var(--claudius-light, #f1f5f9)}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:text-claudius-dark:hover{color:var(--claudius-dark, #1e293b)}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-claudius-primary:focus{border-color:var(--claudius-primary, #2563eb)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-\[var\(--claudius-primary\,\#2563eb\)\]:focus{--tw-ring-color: var(--claudius-primary,#2563eb)}.focus\:ring-claudius-primary:focus{--tw-ring-color: var(--claudius-primary, #2563eb)}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-red-500:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width: 1px}.disabled\:opacity-50:disabled{opacity:.5}@media(prefers-reduced-motion:no-preference){@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.motion-safe\:animate-bounce{animation:bounce 1s infinite}}@media(min-width:640px){.sm\:left-6{left:1.5rem}.sm\:right-6{right:1.5rem}.sm\:max-w-\[400px\]{max-width:400px}}@media(min-width:768px){.md\:max-w-\[440px\]{max-width:440px}}.dark\:border-gray-700:where([data-claudius-dark=true],[data-claudius-dark=true] *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:bg-gray-600:where([data-claudius-dark=true],[data-claudius-dark=true] *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800:where([data-claudius-dark=true],[data-claudius-dark=true] *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-900:where([data-claudius-dark=true],[data-claudius-dark=true] *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:bg-red-900\/30:where([data-claudius-dark=true],[data-claudius-dark=true] *){background-color:#7f1d1d4d}.dark\:bg-slate-800:where([data-claudius-dark=true],[data-claudius-dark=true] *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dark\:text-blue-400:where([data-claudius-dark=true],[data-claudius-dark=true] *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:text-gray-100:where([data-claudius-dark=true],[data-claudius-dark=true] *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.dark\:text-gray-200:where([data-claudius-dark=true],[data-claudius-dark=true] *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.dark\:text-red-400:where([data-claudius-dark=true],[data-claudius-dark=true] *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-slate-100:where([data-claudius-dark=true],[data-claudius-dark=true] *){--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.dark\:text-slate-300:where([data-claudius-dark=true],[data-claudius-dark=true] *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.dark\:ring-slate-700:where([data-claudius-dark=true],[data-claudius-dark=true] *){--tw-ring-opacity: 1;--tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity, 1))}.dark\:placeholder\:text-gray-400:where([data-claudius-dark=true],[data-claudius-dark=true] *)::-moz-placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:placeholder\:text-gray-400:where([data-claudius-dark=true],[data-claudius-dark=true] *)::placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-gray-700:hover:where([data-claudius-dark=true],[data-claudius-dark=true] *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-slate-700:hover:where([data-claudius-dark=true],[data-claudius-dark=true] *){--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))} diff --git a/cdn/claudius.iife.js b/cdn/claudius.iife.js new file mode 100644 index 0000000..73c9efd --- /dev/null +++ b/cdn/claudius.iife.js @@ -0,0 +1,41 @@ +var Claudius=(function(Et){"use strict";var Bd=Object.defineProperty;var Wd=(Et,at,gt)=>at in Et?Bd(Et,at,{enumerable:!0,configurable:!0,writable:!0,value:gt}):Et[at]=gt;var qt=(Et,at,gt)=>Wd(Et,typeof at!="symbol"?at+"":at,gt);var at={exports:{}},gt={},Il={exports:{}},q={};/** + * @license React + * react.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var Iu;function qa(){if(Iu)return q;Iu=1;var m=Symbol.for("react.element"),v=Symbol.for("react.portal"),a=Symbol.for("react.fragment"),S=Symbol.for("react.strict_mode"),x=Symbol.for("react.profiler"),_=Symbol.for("react.provider"),z=Symbol.for("react.context"),D=Symbol.for("react.forward_ref"),R=Symbol.for("react.suspense"),A=Symbol.for("react.memo"),Q=Symbol.for("react.lazy"),G=Symbol.iterator;function V(f){return f===null||typeof f!="object"?null:(f=G&&f[G]||f["@@iterator"],typeof f=="function"?f:null)}var J={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},X=Object.assign,$={};function W(f,g,Y){this.props=f,this.context=g,this.refs=$,this.updater=Y||J}W.prototype.isReactComponent={},W.prototype.setState=function(f,g){if(typeof f!="object"&&typeof f!="function"&&f!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,f,g,"setState")},W.prototype.forceUpdate=function(f){this.updater.enqueueForceUpdate(this,f,"forceUpdate")};function ue(){}ue.prototype=W.prototype;function me(f,g,Y){this.props=f,this.context=g,this.refs=$,this.updater=Y||J}var Ce=me.prototype=new ue;Ce.constructor=me,X(Ce,W.prototype),Ce.isPureReactComponent=!0;var de=Array.isArray,Ne=Object.prototype.hasOwnProperty,oe={current:null},ye={key:!0,ref:!0,__self:!0,__source:!0};function Le(f,g,Y){var Z,b={},K=null,se=null;if(g!=null)for(Z in g.ref!==void 0&&(se=g.ref),g.key!==void 0&&(K=""+g.key),g)Ne.call(g,Z)&&!ye.hasOwnProperty(Z)&&(b[Z]=g[Z]);var ie=arguments.length-2;if(ie===1)b.children=Y;else if(1>>1,g=N[f];if(0>>1;fx(b,L))Kx(se,b)?(N[f]=se,N[K]=L,f=K):(N[f]=b,N[Z]=L,f=Z);else if(Kx(se,L))N[f]=se,N[K]=L,f=K;else break e}}return H}function x(N,H){var L=N.sortIndex-H.sortIndex;return L!==0?L:N.id-H.id}if(typeof performance=="object"&&typeof performance.now=="function"){var _=performance;m.unstable_now=function(){return _.now()}}else{var z=Date,D=z.now();m.unstable_now=function(){return z.now()-D}}var R=[],A=[],Q=1,G=null,V=3,J=!1,X=!1,$=!1,W=typeof setTimeout=="function"?setTimeout:null,ue=typeof clearTimeout=="function"?clearTimeout:null,me=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function Ce(N){for(var H=a(A);H!==null;){if(H.callback===null)S(A);else if(H.startTime<=N)S(A),H.sortIndex=H.expirationTime,v(R,H);else break;H=a(A)}}function de(N){if($=!1,Ce(N),!X)if(a(R)!==null)X=!0,Ie(Ne);else{var H=a(A);H!==null&&ce(de,H.startTime-N)}}function Ne(N,H){X=!1,$&&($=!1,ue(Le),Le=-1),J=!0;var L=V;try{for(Ce(H),G=a(R);G!==null&&(!(G.expirationTime>H)||N&&!ee());){var f=G.callback;if(typeof f=="function"){G.callback=null,V=G.priorityLevel;var g=f(G.expirationTime<=H);H=m.unstable_now(),typeof g=="function"?G.callback=g:G===a(R)&&S(R),Ce(H)}else S(R);G=a(R)}if(G!==null)var Y=!0;else{var Z=a(A);Z!==null&&ce(de,Z.startTime-H),Y=!1}return Y}finally{G=null,V=L,J=!1}}var oe=!1,ye=null,Le=-1,re=5,Ue=-1;function ee(){return!(m.unstable_now()-UeN||125f?(N.sortIndex=L,v(A,N),a(R)===null&&N===a(A)&&($?(ue(Le),Le=-1):$=!0,ce(de,L-f))):(N.sortIndex=g,v(R,N),X||J||(X=!0,Ie(Ne))),N},m.unstable_shouldYield=ee,m.unstable_wrapCallback=function(N){var H=V;return function(){var L=V;V=H;try{return N.apply(this,arguments)}finally{V=L}}}})(Al)),Al}var Hu;function tc(){return Hu||(Hu=1,Ul.exports=ec()),Ul.exports}/** + * @license React + * react-dom.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var Vu;function nc(){if(Vu)return Qe;Vu=1;var m=Dl(),v=tc();function a(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),R=Object.prototype.hasOwnProperty,A=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,Q={},G={};function V(e){return R.call(G,e)?!0:R.call(Q,e)?!1:A.test(e)?G[e]=!0:(Q[e]=!0,!1)}function J(e,t,n,r){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return r?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function X(e,t,n,r){if(t===null||typeof t>"u"||J(e,t,n,r))return!0;if(r)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function $(e,t,n,r,l,i,u){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=l,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=i,this.removeEmptyString=u}var W={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){W[e]=new $(e,0,!1,e,null,!1,!1)}),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];W[t]=new $(t,1,!1,e[1],null,!1,!1)}),["contentEditable","draggable","spellCheck","value"].forEach(function(e){W[e]=new $(e,2,!1,e.toLowerCase(),null,!1,!1)}),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){W[e]=new $(e,2,!1,e,null,!1,!1)}),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){W[e]=new $(e,3,!1,e.toLowerCase(),null,!1,!1)}),["checked","multiple","muted","selected"].forEach(function(e){W[e]=new $(e,3,!0,e,null,!1,!1)}),["capture","download"].forEach(function(e){W[e]=new $(e,4,!1,e,null,!1,!1)}),["cols","rows","size","span"].forEach(function(e){W[e]=new $(e,6,!1,e,null,!1,!1)}),["rowSpan","start"].forEach(function(e){W[e]=new $(e,5,!1,e.toLowerCase(),null,!1,!1)});var ue=/[\-:]([a-z])/g;function me(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(ue,me);W[t]=new $(t,1,!1,e,null,!1,!1)}),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(ue,me);W[t]=new $(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)}),["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(ue,me);W[t]=new $(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)}),["tabIndex","crossOrigin"].forEach(function(e){W[e]=new $(e,1,!1,e.toLowerCase(),null,!1,!1)}),W.xlinkHref=new $("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach(function(e){W[e]=new $(e,1,!1,e.toLowerCase(),null,!0,!0)});function Ce(e,t,n,r){var l=W.hasOwnProperty(t)?W[t]:null;(l!==null?l.type!==0:r||!(2o||l[u]!==i[o]){var s=` +`+l[u].replace(" at new "," at ");return e.displayName&&s.includes("")&&(s=s.replace("",e.displayName)),s}while(1<=u&&0<=o);break}}}finally{Y=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?g(e):""}function b(e){switch(e.tag){case 5:return g(e.type);case 16:return g("Lazy");case 13:return g("Suspense");case 19:return g("SuspenseList");case 0:case 2:case 15:return e=Z(e.type,!1),e;case 11:return e=Z(e.type.render,!1),e;case 1:return e=Z(e.type,!0),e;default:return""}}function K(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case ye:return"Fragment";case oe:return"Portal";case re:return"Profiler";case Le:return"StrictMode";case Se:return"Suspense";case we:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case ee:return(e.displayName||"Context")+".Consumer";case Ue:return(e._context.displayName||"Context")+".Provider";case te:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case nt:return t=e.displayName||null,t!==null?t:K(e.type)||"Memo";case Ie:t=e._payload,e=e._init;try{return K(e(t))}catch{}}return null}function se(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return K(t);case 8:return t===Le?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function ie(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function ve(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function qe(e){var t=ve(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var l=n.get,i=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return l.call(this)},set:function(u){r=""+u,i.call(this,u)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(u){r=""+u},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function _r(e){e._valueTracker||(e._valueTracker=qe(e))}function no(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=ve(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function Rr(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function Bl(e,t){var n=t.checked;return L({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function ro(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=ie(t.value!=null?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function lo(e,t){t=t.checked,t!=null&&Ce(e,"checked",t,!1)}function Wl(e,t){lo(e,t);var n=ie(t.value),r=t.type;if(n!=null)r==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(r==="submit"||r==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?$l(e,t.type,n):t.hasOwnProperty("defaultValue")&&$l(e,t.type,ie(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function io(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!(r!=="submit"&&r!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function $l(e,t,n){(t!=="number"||Rr(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var Un=Array.isArray;function pn(e,t,n,r){if(e=e.options,t){t={};for(var l=0;l"+t.valueOf().toString()+"",t=Nr.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function An(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var Hn={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},Qc=["Webkit","ms","Moz","O"];Object.keys(Hn).forEach(function(e){Qc.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),Hn[t]=Hn[e]})});function fo(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||Hn.hasOwnProperty(e)&&Hn[e]?(""+t).trim():t+"px"}function po(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,l=fo(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,l):e[n]=l}}var Kc=L({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function Yl(e,t){if(t){if(Kc[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(a(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(a(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(a(61))}if(t.style!=null&&typeof t.style!="object")throw Error(a(62))}}function Gl(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var Xl=null;function Zl(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var ql=null,hn=null,mn=null;function ho(e){if(e=sr(e)){if(typeof ql!="function")throw Error(a(280));var t=e.stateNode;t&&(t=Zr(t),ql(e.stateNode,e.type,t))}}function mo(e){hn?mn?mn.push(e):mn=[e]:hn=e}function vo(){if(hn){var e=hn,t=mn;if(mn=hn=null,ho(e),t)for(e=0;e>>=0,e===0?32:31-(rf(e)/lf|0)|0}var Mr=64,jr=4194304;function $n(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function Or(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,l=e.suspendedLanes,i=e.pingedLanes,u=n&268435455;if(u!==0){var o=u&~l;o!==0?r=$n(o):(i&=u,i!==0&&(r=$n(i)))}else u=n&~l,u!==0?r=$n(u):i!==0&&(r=$n(i));if(r===0)return 0;if(t!==0&&t!==r&&(t&l)===0&&(l=r&-r,i=t&-t,l>=i||l===16&&(i&4194240)!==0))return t;if((r&4)!==0&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0n;n++)t.push(e);return t}function Qn(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-ct(t),e[t]=n}function af(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0=bn),$o=" ",Qo=!1;function Ko(e,t){switch(e){case"keyup":return Ff.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Yo(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var yn=!1;function Af(e,t){switch(e){case"compositionend":return Yo(t);case"keypress":return t.which!==32?null:(Qo=!0,$o);case"textInput":return e=t.data,e===$o&&Qo?null:e;default:return null}}function Hf(e,t){if(yn)return e==="compositionend"||!mi&&Ko(e,t)?(e=Uo(),Ar=ai=Dt=null,yn=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=es(n)}}function ns(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?ns(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function rs(){for(var e=window,t=Rr();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=Rr(e.document)}return t}function yi(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function Xf(e){var t=rs(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&ns(n.ownerDocument.documentElement,n)){if(r!==null&&yi(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var l=n.textContent.length,i=Math.min(r.start,l);r=r.end===void 0?i:Math.min(r.end,l),!e.extend&&i>r&&(l=r,r=i,i=l),l=ts(n,i);var u=ts(n,r);l&&u&&(e.rangeCount!==1||e.anchorNode!==l.node||e.anchorOffset!==l.offset||e.focusNode!==u.node||e.focusOffset!==u.offset)&&(t=t.createRange(),t.setStart(l.node,l.offset),e.removeAllRanges(),i>r?(e.addRange(t),e.extend(u.node,u.offset)):(t.setEnd(u.node,u.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n=document.documentMode,wn=null,wi=null,rr=null,ki=!1;function ls(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;ki||wn==null||wn!==Rr(r)||(r=wn,"selectionStart"in r&&yi(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),rr&&nr(rr,r)||(rr=r,r=Yr(wi,"onSelect"),0Cn||(e.current=Mi[Cn],Mi[Cn]=null,Cn--)}function fe(e,t){Cn++,Mi[Cn]=e.current,e.current=t}var Ht={},Ae=At(Ht),Ke=At(!1),en=Ht;function _n(e,t){var n=e.type.contextTypes;if(!n)return Ht;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var l={},i;for(i in n)l[i]=t[i];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=l),l}function Ye(e){return e=e.childContextTypes,e!=null}function qr(){he(Ke),he(Ae)}function ws(e,t,n){if(Ae.current!==Ht)throw Error(a(168));fe(Ae,t),fe(Ke,n)}function ks(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,typeof r.getChildContext!="function")return n;r=r.getChildContext();for(var l in r)if(!(l in t))throw Error(a(108,se(e)||"Unknown",l));return L({},n,r)}function Jr(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Ht,en=Ae.current,fe(Ae,e),fe(Ke,Ke.current),!0}function xs(e,t,n){var r=e.stateNode;if(!r)throw Error(a(169));n?(e=ks(e,t,en),r.__reactInternalMemoizedMergedChildContext=e,he(Ke),he(Ae),fe(Ae,e)):he(Ke),fe(Ke,n)}var _t=null,br=!1,ji=!1;function Ss(e){_t===null?_t=[e]:_t.push(e)}function od(e){br=!0,Ss(e)}function Vt(){if(!ji&&_t!==null){ji=!0;var e=0,t=ae;try{var n=_t;for(ae=1;e>=u,l-=u,Rt=1<<32-ct(t)+l|n<B?(Oe=U,U=null):Oe=U.sibling;var le=y(d,U,p[B],C);if(le===null){U===null&&(U=Oe);break}e&&U&&le.alternate===null&&t(d,U),c=i(le,c,B),F===null?O=le:F.sibling=le,F=le,U=Oe}if(B===p.length)return n(d,U),ge&&nn(d,B),O;if(U===null){for(;BB?(Oe=U,U=null):Oe=U.sibling;var Zt=y(d,U,le.value,C);if(Zt===null){U===null&&(U=Oe);break}e&&U&&Zt.alternate===null&&t(d,U),c=i(Zt,c,B),F===null?O=Zt:F.sibling=Zt,F=Zt,U=Oe}if(le.done)return n(d,U),ge&&nn(d,B),O;if(U===null){for(;!le.done;B++,le=p.next())le=k(d,le.value,C),le!==null&&(c=i(le,c,B),F===null?O=le:F.sibling=le,F=le);return ge&&nn(d,B),O}for(U=r(d,U);!le.done;B++,le=p.next())le=T(U,d,B,le.value,C),le!==null&&(e&&le.alternate!==null&&U.delete(le.key===null?B:le.key),c=i(le,c,B),F===null?O=le:F.sibling=le,F=le);return e&&U.forEach(function(Vd){return t(d,Vd)}),ge&&nn(d,B),O}function Re(d,c,p,C){if(typeof p=="object"&&p!==null&&p.type===ye&&p.key===null&&(p=p.props.children),typeof p=="object"&&p!==null){switch(p.$$typeof){case Ne:e:{for(var O=p.key,F=c;F!==null;){if(F.key===O){if(O=p.type,O===ye){if(F.tag===7){n(d,F.sibling),c=l(F,p.props.children),c.return=d,d=c;break e}}else if(F.elementType===O||typeof O=="object"&&O!==null&&O.$$typeof===Ie&&Ts(O)===F.type){n(d,F.sibling),c=l(F,p.props),c.ref=ar(d,F,p),c.return=d,d=c;break e}n(d,F);break}else t(d,F);F=F.sibling}p.type===ye?(c=fn(p.props.children,d.mode,C,p.key),c.return=d,d=c):(C=Nl(p.type,p.key,p.props,null,d.mode,C),C.ref=ar(d,c,p),C.return=d,d=C)}return u(d);case oe:e:{for(F=p.key;c!==null;){if(c.key===F)if(c.tag===4&&c.stateNode.containerInfo===p.containerInfo&&c.stateNode.implementation===p.implementation){n(d,c.sibling),c=l(c,p.children||[]),c.return=d,d=c;break e}else{n(d,c);break}else t(d,c);c=c.sibling}c=Pu(p,d.mode,C),c.return=d,d=c}return u(d);case Ie:return F=p._init,Re(d,c,F(p._payload),C)}if(Un(p))return M(d,c,p,C);if(H(p))return j(d,c,p,C);rl(d,p)}return typeof p=="string"&&p!==""||typeof p=="number"?(p=""+p,c!==null&&c.tag===6?(n(d,c.sibling),c=l(c,p),c.return=d,d=c):(n(d,c),c=Lu(p,d.mode,C),c.return=d,d=c),u(d)):n(d,c)}return Re}var Ln=Ls(!0),Ps=Ls(!1),ll=At(null),il=null,Pn=null,Ai=null;function Hi(){Ai=Pn=il=null}function Vi(e){var t=ll.current;he(ll),e._currentValue=t}function Bi(e,t,n){for(;e!==null;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,r!==null&&(r.childLanes|=t)):r!==null&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function zn(e,t){il=e,Ai=Pn=null,e=e.dependencies,e!==null&&e.firstContext!==null&&((e.lanes&t)!==0&&(Ge=!0),e.firstContext=null)}function it(e){var t=e._currentValue;if(Ai!==e)if(e={context:e,memoizedValue:t,next:null},Pn===null){if(il===null)throw Error(a(308));Pn=e,il.dependencies={lanes:0,firstContext:e}}else Pn=Pn.next=e;return t}var rn=null;function Wi(e){rn===null?rn=[e]:rn.push(e)}function zs(e,t,n,r){var l=t.interleaved;return l===null?(n.next=n,Wi(t)):(n.next=l.next,l.next=n),t.interleaved=n,Tt(e,r)}function Tt(e,t){e.lanes|=t;var n=e.alternate;for(n!==null&&(n.lanes|=t),n=e,e=e.return;e!==null;)e.childLanes|=t,n=e.alternate,n!==null&&(n.childLanes|=t),n=e,e=e.return;return n.tag===3?n.stateNode:null}var Bt=!1;function $i(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Ms(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function Lt(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Wt(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,(ne&2)!==0){var l=r.pending;return l===null?t.next=t:(t.next=l.next,l.next=t),r.pending=t,Tt(e,n)}return l=r.interleaved,l===null?(t.next=t,Wi(r)):(t.next=l.next,l.next=t),r.interleaved=t,Tt(e,n)}function ul(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,(n&4194240)!==0)){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,li(e,n)}}function js(e,t){var n=e.updateQueue,r=e.alternate;if(r!==null&&(r=r.updateQueue,n===r)){var l=null,i=null;if(n=n.firstBaseUpdate,n!==null){do{var u={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};i===null?l=i=u:i=i.next=u,n=n.next}while(n!==null);i===null?l=i=t:i=i.next=t}else l=i=t;n={baseState:r.baseState,firstBaseUpdate:l,lastBaseUpdate:i,shared:r.shared,effects:r.effects},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function ol(e,t,n,r){var l=e.updateQueue;Bt=!1;var i=l.firstBaseUpdate,u=l.lastBaseUpdate,o=l.shared.pending;if(o!==null){l.shared.pending=null;var s=o,h=s.next;s.next=null,u===null?i=h:u.next=h,u=s;var w=e.alternate;w!==null&&(w=w.updateQueue,o=w.lastBaseUpdate,o!==u&&(o===null?w.firstBaseUpdate=h:o.next=h,w.lastBaseUpdate=s))}if(i!==null){var k=l.baseState;u=0,w=h=s=null,o=i;do{var y=o.lane,T=o.eventTime;if((r&y)===y){w!==null&&(w=w.next={eventTime:T,lane:0,tag:o.tag,payload:o.payload,callback:o.callback,next:null});e:{var M=e,j=o;switch(y=t,T=n,j.tag){case 1:if(M=j.payload,typeof M=="function"){k=M.call(T,k,y);break e}k=M;break e;case 3:M.flags=M.flags&-65537|128;case 0:if(M=j.payload,y=typeof M=="function"?M.call(T,k,y):M,y==null)break e;k=L({},k,y);break e;case 2:Bt=!0}}o.callback!==null&&o.lane!==0&&(e.flags|=64,y=l.effects,y===null?l.effects=[o]:y.push(o))}else T={eventTime:T,lane:y,tag:o.tag,payload:o.payload,callback:o.callback,next:null},w===null?(h=w=T,s=k):w=w.next=T,u|=y;if(o=o.next,o===null){if(o=l.shared.pending,o===null)break;y=o,o=y.next,y.next=null,l.lastBaseUpdate=y,l.shared.pending=null}}while(!0);if(w===null&&(s=k),l.baseState=s,l.firstBaseUpdate=h,l.lastBaseUpdate=w,t=l.shared.interleaved,t!==null){l=t;do u|=l.lane,l=l.next;while(l!==t)}else i===null&&(l.shared.lanes=0);on|=u,e.lanes=u,e.memoizedState=k}}function Os(e,t,n){if(e=t.effects,t.effects=null,e!==null)for(t=0;tn?n:4,e(!0);var r=Xi.transition;Xi.transition={};try{e(!1),t()}finally{ae=n,Xi.transition=r}}function bs(){return ut().memoizedState}function fd(e,t,n){var r=Yt(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},ea(e))ta(t,n);else if(n=zs(e,t,n,r),n!==null){var l=$e();vt(n,e,r,l),na(n,t,r)}}function dd(e,t,n){var r=Yt(e),l={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(ea(e))ta(t,l);else{var i=e.alternate;if(e.lanes===0&&(i===null||i.lanes===0)&&(i=t.lastRenderedReducer,i!==null))try{var u=t.lastRenderedState,o=i(u,n);if(l.hasEagerState=!0,l.eagerState=o,ft(o,u)){var s=t.interleaved;s===null?(l.next=l,Wi(t)):(l.next=s.next,s.next=l),t.interleaved=l;return}}catch{}finally{}n=zs(e,t,l,r),n!==null&&(l=$e(),vt(n,e,r,l),na(n,t,r))}}function ea(e){var t=e.alternate;return e===xe||t!==null&&t===xe}function ta(e,t){pr=cl=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function na(e,t,n){if((n&4194240)!==0){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,li(e,n)}}var pl={readContext:it,useCallback:He,useContext:He,useEffect:He,useImperativeHandle:He,useInsertionEffect:He,useLayoutEffect:He,useMemo:He,useReducer:He,useRef:He,useState:He,useDebugValue:He,useDeferredValue:He,useTransition:He,useMutableSource:He,useSyncExternalStore:He,useId:He,unstable_isNewReconciler:!1},pd={readContext:it,useCallback:function(e,t){return xt().memoizedState=[e,t===void 0?null:t],e},useContext:it,useEffect:Qs,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,fl(4194308,4,Gs.bind(null,t,e),n)},useLayoutEffect:function(e,t){return fl(4194308,4,e,t)},useInsertionEffect:function(e,t){return fl(4,2,e,t)},useMemo:function(e,t){var n=xt();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=xt();return t=n!==void 0?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=fd.bind(null,xe,e),[r.memoizedState,e]},useRef:function(e){var t=xt();return e={current:e},t.memoizedState=e},useState:Ws,useDebugValue:nu,useDeferredValue:function(e){return xt().memoizedState=e},useTransition:function(){var e=Ws(!1),t=e[0];return e=cd.bind(null,e[1]),xt().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=xe,l=xt();if(ge){if(n===void 0)throw Error(a(407));n=n()}else{if(n=t(),je===null)throw Error(a(349));(un&30)!==0||Us(r,t,n)}l.memoizedState=n;var i={value:n,getSnapshot:t};return l.queue=i,Qs(Hs.bind(null,r,i,e),[e]),r.flags|=2048,vr(9,As.bind(null,r,i,n,t),void 0,null),n},useId:function(){var e=xt(),t=je.identifierPrefix;if(ge){var n=Nt,r=Rt;n=(r&~(1<<32-ct(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=hr++,0<\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=u.createElement(n,{is:r.is}):(e=u.createElement(n),n==="select"&&(u=e,r.multiple?u.multiple=!0:r.size&&(u.size=r.size))):e=u.createElementNS(e,n),e[wt]=t,e[or]=r,Sa(e,t,!1,!1),t.stateNode=e;e:{switch(u=Gl(n,r),n){case"dialog":pe("cancel",e),pe("close",e),l=r;break;case"iframe":case"object":case"embed":pe("load",e),l=r;break;case"video":case"audio":for(l=0;lDn&&(t.flags|=128,r=!0,gr(i,!1),t.lanes=4194304)}else{if(!r)if(e=sl(u),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),gr(i,!0),i.tail===null&&i.tailMode==="hidden"&&!u.alternate&&!ge)return Ve(t),null}else 2*_e()-i.renderingStartTime>Dn&&n!==1073741824&&(t.flags|=128,r=!0,gr(i,!1),t.lanes=4194304);i.isBackwards?(u.sibling=t.child,t.child=u):(n=i.last,n!==null?n.sibling=u:t.child=u,i.last=u)}return i.tail!==null?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=_e(),t.sibling=null,n=ke.current,fe(ke,r?n&1|2:n&1),t):(Ve(t),null);case 22:case 23:return Ru(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&(t.mode&1)!==0?(tt&1073741824)!==0&&(Ve(t),t.subtreeFlags&6&&(t.flags|=8192)):Ve(t),null;case 24:return null;case 25:return null}throw Error(a(156,t.tag))}function xd(e,t){switch(Ii(t),t.tag){case 1:return Ye(t.type)&&qr(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return Mn(),he(Ke),he(Ae),Gi(),e=t.flags,(e&65536)!==0&&(e&128)===0?(t.flags=e&-65537|128,t):null;case 5:return Ki(t),null;case 13:if(he(ke),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(a(340));Tn()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return he(ke),null;case 4:return Mn(),null;case 10:return Vi(t.type._context),null;case 22:case 23:return Ru(),null;case 24:return null;default:return null}}var gl=!1,Be=!1,Sd=typeof WeakSet=="function"?WeakSet:Set,P=null;function On(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){Ee(e,t,r)}else n.current=null}function hu(e,t,n){try{n()}catch(r){Ee(e,t,r)}}var _a=!1;function Ed(e,t){if(Ri=Fr,e=rs(),yi(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var l=r.anchorOffset,i=r.focusNode;r=r.focusOffset;try{n.nodeType,i.nodeType}catch{n=null;break e}var u=0,o=-1,s=-1,h=0,w=0,k=e,y=null;t:for(;;){for(var T;k!==n||l!==0&&k.nodeType!==3||(o=u+l),k!==i||r!==0&&k.nodeType!==3||(s=u+r),k.nodeType===3&&(u+=k.nodeValue.length),(T=k.firstChild)!==null;)y=k,k=T;for(;;){if(k===e)break t;if(y===n&&++h===l&&(o=u),y===i&&++w===r&&(s=u),(T=k.nextSibling)!==null)break;k=y,y=k.parentNode}k=T}n=o===-1||s===-1?null:{start:o,end:s}}else n=null}n=n||{start:0,end:0}}else n=null;for(Ni={focusedElem:e,selectionRange:n},Fr=!1,P=t;P!==null;)if(t=P,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,P=e;else for(;P!==null;){t=P;try{var M=t.alternate;if((t.flags&1024)!==0)switch(t.tag){case 0:case 11:case 15:break;case 1:if(M!==null){var j=M.memoizedProps,Re=M.memoizedState,d=t.stateNode,c=d.getSnapshotBeforeUpdate(t.elementType===t.type?j:pt(t.type,j),Re);d.__reactInternalSnapshotBeforeUpdate=c}break;case 3:var p=t.stateNode.containerInfo;p.nodeType===1?p.textContent="":p.nodeType===9&&p.documentElement&&p.removeChild(p.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(a(163))}}catch(C){Ee(t,t.return,C)}if(e=t.sibling,e!==null){e.return=t.return,P=e;break}P=t.return}return M=_a,_a=!1,M}function yr(e,t,n){var r=t.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var l=r=r.next;do{if((l.tag&e)===e){var i=l.destroy;l.destroy=void 0,i!==void 0&&hu(t,n,i)}l=l.next}while(l!==r)}}function yl(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function mu(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function Ra(e){var t=e.alternate;t!==null&&(e.alternate=null,Ra(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[wt],delete t[or],delete t[zi],delete t[id],delete t[ud])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function Na(e){return e.tag===5||e.tag===3||e.tag===4}function Ta(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||Na(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function vu(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=Xr));else if(r!==4&&(e=e.child,e!==null))for(vu(e,t,n),e=e.sibling;e!==null;)vu(e,t,n),e=e.sibling}function gu(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(gu(e,t,n),e=e.sibling;e!==null;)gu(e,t,n),e=e.sibling}var De=null,ht=!1;function $t(e,t,n){for(n=n.child;n!==null;)La(e,t,n),n=n.sibling}function La(e,t,n){if(yt&&typeof yt.onCommitFiberUnmount=="function")try{yt.onCommitFiberUnmount(zr,n)}catch{}switch(n.tag){case 5:Be||On(n,t);case 6:var r=De,l=ht;De=null,$t(e,t,n),De=r,ht=l,De!==null&&(ht?(e=De,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):De.removeChild(n.stateNode));break;case 18:De!==null&&(ht?(e=De,n=n.stateNode,e.nodeType===8?Pi(e.parentNode,n):e.nodeType===1&&Pi(e,n),Zn(e)):Pi(De,n.stateNode));break;case 4:r=De,l=ht,De=n.stateNode.containerInfo,ht=!0,$t(e,t,n),De=r,ht=l;break;case 0:case 11:case 14:case 15:if(!Be&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){l=r=r.next;do{var i=l,u=i.destroy;i=i.tag,u!==void 0&&((i&2)!==0||(i&4)!==0)&&hu(n,t,u),l=l.next}while(l!==r)}$t(e,t,n);break;case 1:if(!Be&&(On(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(o){Ee(n,t,o)}$t(e,t,n);break;case 21:$t(e,t,n);break;case 22:n.mode&1?(Be=(r=Be)||n.memoizedState!==null,$t(e,t,n),Be=r):$t(e,t,n);break;default:$t(e,t,n)}}function Pa(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new Sd),t.forEach(function(r){var l=Md.bind(null,e,r);n.has(r)||(n.add(r),r.then(l,l))})}}function mt(e,t){var n=t.deletions;if(n!==null)for(var r=0;rl&&(l=u),r&=~i}if(r=l,r=_e()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*_d(r/1960))-r,10e?16:e,Kt===null)var r=!1;else{if(e=Kt,Kt=null,El=0,(ne&6)!==0)throw Error(a(331));var l=ne;for(ne|=4,P=e.current;P!==null;){var i=P,u=i.child;if((P.flags&16)!==0){var o=i.deletions;if(o!==null){for(var s=0;s_e()-ku?an(e,0):wu|=n),Ze(e,t)}function Wa(e,t){t===0&&((e.mode&1)===0?t=1:(t=jr,jr<<=1,(jr&130023424)===0&&(jr=4194304)));var n=$e();e=Tt(e,t),e!==null&&(Qn(e,t,n),Ze(e,n))}function zd(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),Wa(e,n)}function Md(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,l=e.memoizedState;l!==null&&(n=l.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(a(314))}r!==null&&r.delete(t),Wa(e,n)}var $a;$a=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||Ke.current)Ge=!0;else{if((e.lanes&n)===0&&(t.flags&128)===0)return Ge=!1,wd(e,t,n);Ge=(e.flags&131072)!==0}else Ge=!1,ge&&(t.flags&1048576)!==0&&Es(t,tl,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;vl(e,t),e=t.pendingProps;var l=_n(t,Ae.current);zn(t,n),l=qi(null,t,r,e,l,n);var i=Ji();return t.flags|=1,typeof l=="object"&&l!==null&&typeof l.render=="function"&&l.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Ye(r)?(i=!0,Jr(t)):i=!1,t.memoizedState=l.state!==null&&l.state!==void 0?l.state:null,$i(t),l.updater=hl,t.stateNode=l,l._reactInternals=t,lu(t,r,e,n),t=su(null,t,r,!0,i,n)):(t.tag=0,ge&&i&&Oi(t),We(null,t,l,n),t=t.child),t;case 16:r=t.elementType;e:{switch(vl(e,t),e=t.pendingProps,l=r._init,r=l(r._payload),t.type=r,l=t.tag=Od(r),e=pt(r,e),l){case 0:t=ou(null,t,r,e,n);break e;case 1:t=va(null,t,r,e,n);break e;case 11:t=fa(null,t,r,e,n);break e;case 14:t=da(null,t,r,pt(r.type,e),n);break e}throw Error(a(306,r,""))}return t;case 0:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:pt(r,l),ou(e,t,r,l,n);case 1:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:pt(r,l),va(e,t,r,l,n);case 3:e:{if(ga(t),e===null)throw Error(a(387));r=t.pendingProps,i=t.memoizedState,l=i.element,Ms(e,t),ol(t,r,null,n);var u=t.memoizedState;if(r=u.element,i.isDehydrated)if(i={element:r,isDehydrated:!1,cache:u.cache,pendingSuspenseBoundaries:u.pendingSuspenseBoundaries,transitions:u.transitions},t.updateQueue.baseState=i,t.memoizedState=i,t.flags&256){l=jn(Error(a(423)),t),t=ya(e,t,r,n,l);break e}else if(r!==l){l=jn(Error(a(424)),t),t=ya(e,t,r,n,l);break e}else for(et=Ut(t.stateNode.containerInfo.firstChild),be=t,ge=!0,dt=null,n=Ps(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(Tn(),r===l){t=Pt(e,t,n);break e}We(e,t,r,n)}t=t.child}return t;case 5:return Is(t),e===null&&Fi(t),r=t.type,l=t.pendingProps,i=e!==null?e.memoizedProps:null,u=l.children,Ti(r,l)?u=null:i!==null&&Ti(r,i)&&(t.flags|=32),ma(e,t),We(e,t,u,n),t.child;case 6:return e===null&&Fi(t),null;case 13:return wa(e,t,n);case 4:return Qi(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=Ln(t,null,r,n):We(e,t,r,n),t.child;case 11:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:pt(r,l),fa(e,t,r,l,n);case 7:return We(e,t,t.pendingProps,n),t.child;case 8:return We(e,t,t.pendingProps.children,n),t.child;case 12:return We(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,l=t.pendingProps,i=t.memoizedProps,u=l.value,fe(ll,r._currentValue),r._currentValue=u,i!==null)if(ft(i.value,u)){if(i.children===l.children&&!Ke.current){t=Pt(e,t,n);break e}}else for(i=t.child,i!==null&&(i.return=t);i!==null;){var o=i.dependencies;if(o!==null){u=i.child;for(var s=o.firstContext;s!==null;){if(s.context===r){if(i.tag===1){s=Lt(-1,n&-n),s.tag=2;var h=i.updateQueue;if(h!==null){h=h.shared;var w=h.pending;w===null?s.next=s:(s.next=w.next,w.next=s),h.pending=s}}i.lanes|=n,s=i.alternate,s!==null&&(s.lanes|=n),Bi(i.return,n,t),o.lanes|=n;break}s=s.next}}else if(i.tag===10)u=i.type===t.type?null:i.child;else if(i.tag===18){if(u=i.return,u===null)throw Error(a(341));u.lanes|=n,o=u.alternate,o!==null&&(o.lanes|=n),Bi(u,n,t),u=i.sibling}else u=i.child;if(u!==null)u.return=i;else for(u=i;u!==null;){if(u===t){u=null;break}if(i=u.sibling,i!==null){i.return=u.return,u=i;break}u=u.return}i=u}We(e,t,l.children,n),t=t.child}return t;case 9:return l=t.type,r=t.pendingProps.children,zn(t,n),l=it(l),r=r(l),t.flags|=1,We(e,t,r,n),t.child;case 14:return r=t.type,l=pt(r,t.pendingProps),l=pt(r.type,l),da(e,t,r,l,n);case 15:return pa(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:pt(r,l),vl(e,t),t.tag=1,Ye(r)?(e=!0,Jr(t)):e=!1,zn(t,n),la(t,r,l),lu(t,r,l,n),su(null,t,r,!0,e,n);case 19:return xa(e,t,n);case 22:return ha(e,t,n)}throw Error(a(156,t.tag))};function Qa(e,t){return Co(e,t)}function jd(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function st(e,t,n,r){return new jd(e,t,n,r)}function Tu(e){return e=e.prototype,!(!e||!e.isReactComponent)}function Od(e){if(typeof e=="function")return Tu(e)?1:0;if(e!=null){if(e=e.$$typeof,e===te)return 11;if(e===nt)return 14}return 2}function Xt(e,t){var n=e.alternate;return n===null?(n=st(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Nl(e,t,n,r,l,i){var u=2;if(r=e,typeof e=="function")Tu(e)&&(u=1);else if(typeof e=="string")u=5;else e:switch(e){case ye:return fn(n.children,l,i,t);case Le:u=8,l|=8;break;case re:return e=st(12,n,t,l|2),e.elementType=re,e.lanes=i,e;case Se:return e=st(13,n,t,l),e.elementType=Se,e.lanes=i,e;case we:return e=st(19,n,t,l),e.elementType=we,e.lanes=i,e;case ce:return Tl(n,l,i,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case Ue:u=10;break e;case ee:u=9;break e;case te:u=11;break e;case nt:u=14;break e;case Ie:u=16,r=null;break e}throw Error(a(130,e==null?e:typeof e,""))}return t=st(u,n,t,l),t.elementType=e,t.type=r,t.lanes=i,t}function fn(e,t,n,r){return e=st(7,e,r,t),e.lanes=n,e}function Tl(e,t,n,r){return e=st(22,e,r,t),e.elementType=ce,e.lanes=n,e.stateNode={isHidden:!1},e}function Lu(e,t,n){return e=st(6,e,null,t),e.lanes=n,e}function Pu(e,t,n){return t=st(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Id(e,t,n,r,l){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=ri(0),this.expirationTimes=ri(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=ri(0),this.identifierPrefix=r,this.onRecoverableError=l,this.mutableSourceEagerHydrationData=null}function zu(e,t,n,r,l,i,u,o,s){return e=new Id(e,t,n,o,s),t===1?(t=1,i===!0&&(t|=8)):t=0,i=st(3,null,null,t),e.current=i,i.stateNode=e,i.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},$i(i),e}function Dd(e,t,n){var r=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(m)}catch(v){console.error(v)}}return m(),Fl.exports=nc(),Fl.exports}var Wu;function lc(){if(Wu)return Er;Wu=1;var m=rc();return Er.createRoot=m.createRoot,Er.hydrateRoot=m.hydrateRoot,Er}var $u=lc(),I=Dl();class dn extends Error{constructor(v,a,S,x){super(v),this.status=a,this.code=S,this.retryAfter=x,this.name="ChatApiError"}}class Qu extends Error{constructor(){super("Request debounced"),this.name="DebounceError"}}const ic=3e4;class uc{constructor(v,a){qt(this,"baseUrl");qt(this,"maxRetries");qt(this,"debounceMs");qt(this,"timeoutMs");qt(this,"lastSendTime",0);this.baseUrl=v,this.maxRetries=(a==null?void 0:a.maxRetries)??2,this.debounceMs=(a==null?void 0:a.debounceMs)??300,this.timeoutMs=(a==null?void 0:a.timeoutMs)??ic}async sendMessage(v){if(this.debounceMs>0&&Date.now()-this.lastSendTime({})),z=x.headers.get("Retry-After"),D=z?Number(z):void 0;if(a=new dn(_.error??`Request failed with status ${x.status}`,x.status,_.code,D),!this.isRetryable(x.status))throw a;if(Sa.abort(),this.timeoutMs);try{return await fetch(`${this.baseUrl}/api/chat`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({messages:v}),signal:a.signal})}catch(x){throw a.signal.aborted?new dn("Request timed out. Please try again.",0,"TIMEOUT"):x}finally{clearTimeout(S)}}isRetryable(v,a){return a==="TIMEOUT"||a==="NETWORK_ERROR"?!0:v===429||v===503}getRetryDelay(v,a){if(v&&v.status===429){const S=v.headers.get("Retry-After");if(S){const x=Number(S);return Math.min(x*1e3,6e4)}}return a===0?1e3:3e3}delay(v){return new Promise(a=>setTimeout(a,v))}}const oc=200,sc="claudius:messages";function ac(m,v){let a;try{a=new URL(v).host}catch{a=v}return`${m}:${a}`}function Hl(){try{return typeof sessionStorage<"u"?sessionStorage:null}catch{return null}}function cc(m){const v=Hl();if(!v)return[];try{const a=v.getItem(m);if(!a)return[];const S=JSON.parse(a);return Array.isArray(S)?S:[]}catch{return[]}}function fc({apiUrl:m,persistMessages:v=!0,storageKeyPrefix:a=sc,timeoutMs:S,translations:x}){const _=I.useMemo(()=>new uc(m,{debounceMs:0,timeoutMs:S}),[m,S]),z=ac(a,m),D=v?cc(z):[],[R,A]=I.useState(D),[Q,G]=I.useState(!1),[V,J]=I.useState(null),[X,$]=I.useState(!1),W=I.useRef(D.length),ue=I.useRef(!1),me=I.useRef(D),Ce=I.useCallback(ee=>{if(!v)return;const te=Hl();if(te)try{const Se=ee.slice(-oc);te.setItem(z,JSON.stringify(Se))}catch{}},[v,z]),de=()=>(W.current+=1,`msg-${W.current}`),Ne=I.useCallback((ee,te)=>{if(!x)return te??"Something went wrong. Please try again.";switch(ee){case"TIMEOUT":return x.errorTimeout;case"NETWORK_ERROR":return x.errorConnection;case"RATE_LIMITED":return te!=null&&te.includes("minute")?x.errorRateLimitMinute:x.errorRateLimitHour;case"VALIDATION_ERROR":case"CONFIG_ERROR":case"SERVICE_ERROR":case"UNKNOWN_ERROR":default:return te??x.errorGeneric}},[x]),oe=I.useCallback(ee=>!(ee instanceof dn)||ee.code==="TIMEOUT"||ee.code==="NETWORK_ERROR"||ee.code==="RATE_LIMITED"||ee.code==="SERVICE_ERROR"||ee.code==="UNKNOWN_ERROR"||ee.status>=500||ee.status===0,[]),ye=I.useCallback(async ee=>{G(!0),ue.current=!0,J(null),$(!1);try{const te=await _.sendMessage(ee),Se={id:de(),role:"assistant",content:te.reply,sources:te.sources},we=[...ee,Se];me.current=we,A(we),Ce(we)}catch(te){if(te instanceof Qu)return;te instanceof dn?J(Ne(te.code,te.message)):J((x==null?void 0:x.errorConnection)??"Failed to connect. Please try again."),$(oe(te))}finally{G(!1),ue.current=!1}},[_,Ne,oe,Ce,x]),Le=I.useCallback(async ee=>{const te=ee.trim();if(!te||ue.current)return;const Se={id:de(),role:"user",content:te},we=[...me.current,Se];me.current=we,A(we),Ce(we),await ye(we)},[Ce,ye]),re=I.useCallback(async()=>{if(ue.current)return;const ee=me.current[me.current.length-1];!ee||ee.role!=="user"||await ye(me.current)},[ye]),Ue=I.useCallback(()=>{if(me.current=[],A([]),J(null),$(!1),v){const ee=Hl();if(!ee)return;try{ee.removeItem(z)}catch{}}},[v,z]);return{messages:R,isLoading:Q,error:V,canRetry:X,sendMessage:Le,retry:re,clearMessages:Ue}}function dc(m){const[v,a]=I.useState(()=>typeof window>"u"?!1:window.matchMedia(m).matches);return I.useEffect(()=>{const S=window.matchMedia(m);a(S.matches);const x=_=>a(_.matches);return S.addEventListener("change",x),()=>S.removeEventListener("change",x)},[m]),v}function Cr(m,v){return m instanceof RegExp?m.test(v):v.toLowerCase().includes(m.toLowerCase())}function pc(){const m=document.documentElement,v=document.body,a=m.scrollTop||v.scrollTop||0,S=Math.max(m.scrollHeight,v.scrollHeight),x=m.clientHeight||window.innerHeight,_=S-x;return _<=0?100:a/_*100}function hc({triggers:m,enabled:v,onOpen:a,onGreeting:S}){I.useEffect(()=>{if(!v||!m||m.length===0)return;const x=new Set,_=[],z=typeof window<"u"?window.location.href:"",D=(R,A)=>{x.has(R)||(x.add(R),A==="open"?a():S(A.greeting))};return m.forEach((R,A)=>{switch(R.on){case"url":{Cr(R.pattern,z)&&D(A,R.action);break}case"time":{if(R.matchUrl&&!Cr(R.matchUrl,z))return;const Q=window.setTimeout(()=>D(A,R.action),Math.max(0,R.seconds*1e3));_.push(()=>window.clearTimeout(Q));break}case"scroll":{if(R.matchUrl&&!Cr(R.matchUrl,z))return;const Q=()=>{pc()>=R.percent&&D(A,R.action)};Q(),window.addEventListener("scroll",Q,{passive:!0}),_.push(()=>window.removeEventListener("scroll",Q));break}case"exit-intent":{if(R.matchUrl&&!Cr(R.matchUrl,z))return;const Q=G=>{G.clientY<=0&&D(A,R.action)};document.addEventListener("mouseleave",Q),_.push(()=>document.removeEventListener("mouseleave",Q));break}}}),()=>{_.forEach(R=>R())}},[m,v,a,S])}const mc={"bottom-right":"bottom-6 right-6","bottom-left":"bottom-6 left-6","top-right":"top-6 right-6","top-left":"top-6 left-6"},vc=I.forwardRef(function({isOpen:v,onClick:a,position:S="bottom-right",translations:x},_){const z=v?(x==null?void 0:x.closeChat)??"Close chat":(x==null?void 0:x.openChat)??"Open chat";return E.jsx("button",{ref:_,onClick:a,"aria-label":z,className:`fixed ${mc[S]} z-50 flex h-14 w-14 items-center justify-center rounded-full bg-claudius-primary text-white shadow-lg transition-transform hover:scale-105 focus:outline-none focus:ring-2 focus:ring-claudius-primary focus:ring-offset-2`,children:v?E.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[E.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),E.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}):E.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:E.jsx("path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"})})})}),gc=I.memo(function({count:v,isActive:a,onClick:S}){return E.jsxs("button",{onClick:S,"aria-label":"View sources",title:"View sources",className:`group relative flex h-7 w-7 items-center justify-center rounded-full transition-colors ${a?"bg-claudius-primary text-white":"text-claudius-gray hover:bg-claudius-light hover:text-claudius-dark dark:hover:bg-gray-700"}`,children:[E.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[E.jsx("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),E.jsx("polyline",{points:"14 2 14 8 20 8"}),E.jsx("line",{x1:"16",y1:"13",x2:"8",y2:"13"}),E.jsx("line",{x1:"16",y1:"17",x2:"8",y2:"17"})]}),E.jsx("span",{className:"absolute -right-1 -top-1 flex h-4 min-w-4 items-center justify-center rounded-full bg-claudius-primary px-1 text-[10px] font-bold text-white",children:v})]})}),yc=["http:","https:"];function Ku(m){if(!m||typeof m!="string")return null;const v=m.trim();if(!v)return null;try{const a=new URL(v);return yc.includes(a.protocol)?v:null}catch{return null}}const Yu=/(https?:\/\/[^\s)]+)/,Gu=/(\*\*[^*]+\*\*)/,Xu=/(\*[^*]+\*)/;function wc(m,v){const a=m.match(/[.,;:!?'"]+$/),S=a?m.slice(0,-a[0].length):m,x=a?a[0]:"",_=Ku(S);return _?E.jsxs(E.Fragment,{children:[E.jsxs("a",{href:_,target:"_blank",rel:"noopener noreferrer",className:"underline font-medium hover:opacity-80 dark:text-blue-400",children:[_.replace(/^https?:\/\//,""),E.jsx("span",{className:"sr-only",children:" (opens in a new tab)"})]},v),x]}):m}function kc(m,v){const a=m.split(Gu),S=[];return a.forEach((x,_)=>{if(Gu.test(x)){const z=x.slice(2,-2);S.push(E.jsx("strong",{children:z},`${v}-b${_}`))}else x.split(Xu).forEach((D,R)=>{if(Xu.test(D)){const A=D.slice(1,-1);S.push(E.jsx("em",{children:A},`${v}-b${_}-i${R}`))}else D.split(Yu).forEach((Q,G)=>{Yu.test(Q)?S.push(wc(Q,`${v}-b${_}-i${R}-u${G}`)):Q&&S.push(Q)})})}),S}function xc(m){const v=m.split(` +`);return v.map((a,S)=>E.jsxs("span",{children:[kc(a,`l${S}`),S0&&x&&E.jsx("div",{className:"mt-1",children:E.jsx(gc,{count:S.length,isActive:_??!1,onClick:x})})]})}),Vl=2e3,Ec=1800;function Cc({onSend:m,isLoading:v,placeholder:a,translations:S}){const[x,_]=I.useState(""),z=I.useRef(null),D=x.length,R=D>=Ec,A=D>=Vl,Q=a??(S==null?void 0:S.placeholder)??"Type your message...",G=(S==null?void 0:S.sendMessage)??"Send message",V=(S==null?void 0:S.typeYourMessage)??"Type your message";I.useEffect(()=>{var $;v||($=z.current)==null||$.focus()},[v]);const J=$=>{$.preventDefault();const W=x.trim();!W||A||(m(W),_(""))},X=$=>{const W=$.target.value;W.length<=Vl&&_(W)};return E.jsxs("form",{onSubmit:J,className:"border-t border-claudius-border dark:border-gray-700 dark:bg-gray-900 p-3",children:[E.jsxs("div",{className:"flex gap-2",children:[E.jsx("input",{ref:z,type:"text",value:x,onChange:X,placeholder:Q,disabled:v,"aria-label":V,"aria-describedby":R?"char-count":void 0,className:"flex-1 rounded-lg border border-claudius-border dark:bg-gray-800 dark:border-gray-700 dark:text-gray-100 dark:placeholder:text-gray-400 px-3 py-2 text-sm font-body text-claudius-dark placeholder:text-claudius-gray focus:border-claudius-primary focus:outline-none focus:ring-1 focus:ring-claudius-primary disabled:opacity-50"}),E.jsx("button",{type:"submit",disabled:v||A,"aria-label":G,className:"flex h-11 w-11 shrink-0 items-center justify-center rounded-lg bg-claudius-primary text-white transition-colors hover:opacity-90 disabled:opacity-50",children:E.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[E.jsx("line",{x1:"22",y1:"2",x2:"11",y2:"13"}),E.jsx("polygon",{points:"22 2 15 22 11 13 2 9 22 2"})]})})]}),R&&E.jsxs("div",{id:"char-count",className:`mt-1 text-xs text-right ${A?"text-claudius-error":"text-claudius-gray"}`,"aria-live":"polite",children:[D,"/",Vl]})]})}const _c=["blog","page","external"],Rc={blog:"Blog",page:"Page",external:"External"};function Nc(m){try{return new URL(m).hostname}catch{return m}}const Tc=I.memo(function({sources:v,onClose:a}){const S=_c.map(_=>({type:_,label:Rc[_],items:v.filter(z=>z.type===_)})).filter(_=>_.items.length>0),x=v.length===1?"1 source found":`${v.length} sources found`;return E.jsxs("div",{className:"absolute inset-y-0 left-0 z-10 flex w-[280px] flex-col border-r-2 border-claudius-border bg-white dark:bg-gray-900 rounded-r-card transition-transform duration-200 ease-out",children:[E.jsxs("div",{className:"flex items-center justify-between border-b border-claudius-border px-4 py-3",children:[E.jsxs("div",{children:[E.jsx("h3",{className:"text-sm font-heading font-semibold text-claudius-dark dark:text-gray-100",children:"Sources"}),E.jsx("p",{className:"text-xs text-claudius-gray",children:x})]}),E.jsx("button",{onClick:a,"aria-label":"Close sources",className:"flex h-7 w-7 items-center justify-center rounded-full text-claudius-gray transition-colors hover:bg-claudius-light hover:text-claudius-dark dark:hover:bg-gray-700",children:E.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[E.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),E.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]}),E.jsx("div",{className:"flex-1 overflow-y-auto px-3 py-3 space-y-4",children:S.map(_=>E.jsxs("div",{children:[E.jsx("h4",{className:"mb-2 text-xs font-semibold uppercase tracking-wide text-claudius-gray",children:_.label}),E.jsx("div",{className:"space-y-2",children:_.items.map(z=>{const D=Ku(z.url);return D?E.jsxs("a",{href:D,target:"_blank",rel:"noopener noreferrer",className:"block rounded-[12px] border-2 border-claudius-border bg-claudius-light p-3 transition-colors hover:bg-claudius-border dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700",children:[E.jsx("p",{className:"truncate text-sm font-medium text-claudius-dark dark:text-gray-100",children:z.title}),E.jsx("p",{className:"mt-0.5 text-xs text-claudius-gray",children:Nc(D)})]},D):null})})]},_.type))})]})});function Lc(m,v,a){const[S,x]=I.useState(0),_=I.useRef(0),z=I.useRef(0),D=I.useRef(0),R=I.useRef(!1);return I.useEffect(()=>{const A=m.current;if(!a||!A)return;const Q=J=>{if(A.scrollTop>0){R.current=!1;return}R.current=!0,z.current=J.touches[0].clientY,D.current=Date.now()},G=J=>{if(!R.current)return;let X=J.touches[0].clientY-z.current;X<0&&(X=X*.3),_.current=X,x(X)},V=()=>{if(!R.current)return;R.current=!1;const J=_.current,X=(Date.now()-D.current)/1e3,$=A.getBoundingClientRect().height,W=X>.05&&J>0&&J/X>500,ue=J>$*.3;W||ue?v():(_.current=0,x(0))};return A.addEventListener("touchstart",Q,{passive:!0}),A.addEventListener("touchmove",G,{passive:!0}),A.addEventListener("touchend",V),()=>{A.removeEventListener("touchstart",Q),A.removeEventListener("touchmove",G),A.removeEventListener("touchend",V)}},[m,v,a]),{offsetY:S}}const Pc='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';function zc(m,v){I.useEffect(()=>{const a=m.current;if(!a)return;const S=x=>{if(x.key!=="Tab")return;const _=Array.from(a.querySelectorAll(Pc)).filter(A=>!A.hasAttribute("aria-hidden"));if(_.length===0)return;const z=_[0],D=_[_.length-1],R=document.activeElement;x.shiftKey&&R===z?(x.preventDefault(),D.focus()):!x.shiftKey&&R===D&&(x.preventDefault(),z.focus())};return a.addEventListener("keydown",S),()=>a.removeEventListener("keydown",S)},[m,v])}const Mc=/\*\*([^*]+)\*\*/g,jc=/\*([^*]+)\*/g,Oc=/https?:\/\/[^\s)]+/g;function Ic(m){return m.replace(Mc,"$1").replace(jc,"$1").replace(Oc,v=>{try{return new URL(v).hostname}catch{return v}})}function Dc({label:m}){return E.jsx("div",{role:"status","aria-live":"polite","aria-label":m,className:"mr-auto flex max-w-[85%]",children:E.jsxs("div",{className:"flex gap-1 rounded-2xl rounded-bl-sm bg-claudius-light dark:bg-gray-800 px-4 py-3",children:[E.jsx("span",{className:"h-2 w-2 motion-safe:animate-bounce rounded-full bg-claudius-gray [animation-delay:0ms]"}),E.jsx("span",{className:"h-2 w-2 motion-safe:animate-bounce rounded-full bg-claudius-gray [animation-delay:150ms]"}),E.jsx("span",{className:"h-2 w-2 motion-safe:animate-bounce rounded-full bg-claudius-gray [animation-delay:300ms]"})]})})}const Fc={"bottom-right":"bottom-24 right-3 sm:right-6","bottom-left":"bottom-24 left-3 sm:left-6","top-right":"top-24 right-3 sm:right-6","top-left":"top-24 left-3 sm:left-6"};function Uc({messages:m,isLoading:v,error:a,canRetry:S=!1,onSend:x,onRetry:_,onClose:z,title:D="Chat",subtitle:R="Ask me anything",welcomeMessage:A="Hi! How can I help you today?",placeholder:Q,position:G="bottom-right",translations:V,isMobile:J=!1}){const X=I.useId(),$=I.useRef(null),W=I.useRef(null),[ue,me]=I.useState(null);zc($,!0);const{offsetY:Ce}=Lc(W,z,J),de=Ce!==0,Ne=typeof window<"u"&&typeof window.matchMedia=="function"?window.matchMedia("(prefers-reduced-motion: reduce)").matches:!1;I.useEffect(()=>{const re=W.current;re&&(re.scrollTop=re.scrollHeight)},[m,v]),I.useEffect(()=>{const re=Ue=>{Ue.key==="Escape"&&!Ue.isComposing&&z()};return document.addEventListener("keydown",re),()=>document.removeEventListener("keydown",re)},[z]);const oe=(V==null?void 0:V.closeChat)??"Close chat",ye=(V==null?void 0:V.chatMessages)??"Chat messages",Le=[...m].reverse().find(re=>re.role==="assistant");return E.jsxs("div",{ref:$,role:"dialog","aria-modal":J?"true":void 0,"aria-labelledby":X,className:J?"claudius-bottom-sheet fixed inset-x-0 bottom-0 z-50 flex h-[90vh] w-full flex-col overflow-hidden rounded-t-2xl bg-white dark:bg-gray-900 shadow-2xl font-body":`fixed ${Fc[G]} z-50 flex h-[min(500px,calc(100vh-7rem))] w-[calc(100vw-1.5rem)] max-w-[380px] sm:max-w-[400px] md:max-w-[440px] flex-col overflow-hidden rounded-card bg-white dark:bg-gray-900 shadow-2xl font-body`,style:J&&!Ne?{transform:`translateY(${Math.max(0,Ce)}px)`}:void 0,"data-dragging":de||void 0,children:[J&&E.jsx("div",{className:"flex justify-center py-2","aria-hidden":"true",children:E.jsx("div",{className:"h-1 w-8 rounded-full bg-gray-300 dark:bg-gray-600"})}),E.jsxs("div",{className:"flex items-center gap-3 bg-claudius-primary px-5 py-4",children:[E.jsx("div",{"aria-hidden":"true",className:"flex h-8 w-8 items-center justify-center rounded-full bg-white/20 text-sm font-bold text-white",children:D.charAt(0).toUpperCase()}),E.jsxs("div",{className:"flex-1",children:[E.jsx("h2",{id:X,className:"text-sm font-heading font-semibold text-white",children:D}),E.jsx("p",{className:"text-xs text-white",children:R})]}),E.jsx("button",{onClick:z,"aria-label":oe,className:"flex h-10 w-10 items-center justify-center rounded-full text-white/70 transition-colors hover:bg-white/10 hover:text-white",children:E.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[E.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),E.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]}),E.jsxs("div",{className:"relative flex-1 overflow-hidden",children:[ue&&E.jsx(Tc,{sources:ue.sources,onClose:()=>me(null)}),E.jsxs("div",{ref:W,role:"log","aria-label":ye,className:"h-full space-y-3 overflow-y-auto px-4 py-4",children:[m.length===0&&!a&&E.jsx("div",{className:"mr-auto flex max-w-[85%]",children:E.jsx("div",{className:"rounded-2xl rounded-bl-sm bg-claudius-light dark:bg-gray-800 px-4 py-2.5 text-sm leading-relaxed text-claudius-dark dark:text-gray-200",children:A})}),m.map(re=>E.jsx(Sc,{role:re.role,content:re.content,sources:re.sources,isSourceActive:(ue==null?void 0:ue.messageId)===re.id,onSourceClick:()=>{(ue==null?void 0:ue.messageId)===re.id?me(null):re.sources&&re.sources.length>0&&me({messageId:re.id,sources:re.sources})}},re.id)),v&&E.jsx(Dc,{label:(V==null?void 0:V.typingIndicator)??"Assistant is typing"}),a&&E.jsxs("div",{role:"alert",className:"mx-auto flex max-w-[90%] flex-col items-center gap-2 rounded-lg bg-red-50 dark:bg-red-900/30 px-3 py-2 text-center text-xs text-red-600 dark:text-red-400",children:[E.jsx("span",{children:a}),S&&_&&!v&&E.jsx("button",{type:"button",onClick:_,className:"rounded-button bg-red-600 px-3 py-1 text-xs font-semibold text-white transition-colors hover:bg-red-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-1",children:(V==null?void 0:V.errorRetry)??"Retry"})]})]})]}),E.jsx("div",{"data-claudius-live":"assistant","aria-live":"polite","aria-atomic":"true",className:"sr-only",children:Le?Ic(Le.content):""}),E.jsx(Cc,{onSend:x,isLoading:v,placeholder:Q,translations:V})]})}function Ac({message:m,position:v,onOpen:a,onDismiss:S,dismissLabel:x}){const _=v.startsWith("bottom"),z=v.endsWith("right"),D=["claudius-greeting-bubble","fixed z-40 max-w-xs",_?"bottom-20":"top-20",z?"right-4":"left-4"].join(" ");return E.jsxs("div",{className:D,role:"status","aria-live":"polite",children:[E.jsx("button",{type:"button",onClick:a,className:"block w-full rounded-2xl bg-white p-4 pr-8 text-left text-sm text-slate-900 shadow-lg ring-1 ring-slate-200 transition hover:shadow-xl focus:outline-none focus:ring-2 focus:ring-[var(--claudius-primary,#2563eb)] dark:bg-slate-800 dark:text-slate-100 dark:ring-slate-700",children:m}),E.jsx("button",{type:"button",onClick:R=>{R.stopPropagation(),S()},"aria-label":x,className:"absolute right-1 top-1 flex h-6 w-6 items-center justify-center rounded-full text-slate-500 hover:bg-slate-100 focus:outline-none focus:ring-2 focus:ring-[var(--claudius-primary,#2563eb)] dark:text-slate-300 dark:hover:bg-slate-700",children:E.jsx("span",{"aria-hidden":"true",children:"×"})})]})}const Zu={en:{title:"Chat",subtitle:"Ask me anything",welcomeMessage:"Hi! How can I help you today?",closeChat:"Close chat",chatMessages:"Chat messages",typingIndicator:"Assistant is typing",placeholder:"Type your message...",sendMessage:"Send message",typeYourMessage:"Type your message",openChat:"Open chat",dismissGreeting:"Dismiss greeting",errorGeneric:"Something went wrong. Please try again.",errorConnection:"Failed to connect. Please try again.",errorTimeout:"Request timed out. Please try again.",errorRateLimitMinute:"Too many requests. Please wait a minute.",errorRateLimitHour:"Hourly limit reached. Please try again later.",errorRetry:"Retry"},es:{title:"Chat",subtitle:"Pregúntame lo que quieras",welcomeMessage:"¡Hola! ¿En qué puedo ayudarte hoy?",closeChat:"Cerrar chat",chatMessages:"Mensajes del chat",typingIndicator:"El asistente está escribiendo",placeholder:"Escribe tu mensaje...",sendMessage:"Enviar mensaje",typeYourMessage:"Escribe tu mensaje",openChat:"Abrir chat",dismissGreeting:"Descartar saludo",errorGeneric:"Algo salió mal. Inténtalo de nuevo.",errorConnection:"No se pudo conectar. Inténtalo de nuevo.",errorTimeout:"La solicitud tardó demasiado. Inténtalo de nuevo.",errorRateLimitMinute:"Demasiadas solicitudes. Espera un minuto.",errorRateLimitHour:"Has alcanzado el límite por hora. Inténtalo más tarde.",errorRetry:"Reintentar"},fr:{title:"Chat",subtitle:"Posez-moi vos questions",welcomeMessage:"Bonjour ! Comment puis-je vous aider aujourd'hui ?",closeChat:"Fermer le chat",chatMessages:"Messages du chat",typingIndicator:"L'assistant écrit",placeholder:"Saisissez votre message...",sendMessage:"Envoyer le message",typeYourMessage:"Saisissez votre message",openChat:"Ouvrir le chat",dismissGreeting:"Ignorer le message d'accueil",errorGeneric:"Une erreur s'est produite. Veuillez réessayer.",errorConnection:"Échec de la connexion. Veuillez réessayer.",errorTimeout:"La requête a expiré. Veuillez réessayer.",errorRateLimitMinute:"Trop de requêtes. Veuillez patienter une minute.",errorRateLimitHour:"Limite horaire atteinte. Veuillez réessayer plus tard.",errorRetry:"Réessayer"},de:{title:"Chat",subtitle:"Fragen Sie mich alles",welcomeMessage:"Hallo! Wie kann ich Ihnen heute helfen?",closeChat:"Chat schließen",chatMessages:"Chat-Nachrichten",typingIndicator:"Der Assistent schreibt",placeholder:"Geben Sie Ihre Nachricht ein...",sendMessage:"Nachricht senden",typeYourMessage:"Geben Sie Ihre Nachricht ein",openChat:"Chat öffnen",dismissGreeting:"Begrüßung schließen",errorGeneric:"Etwas ist schiefgelaufen. Bitte versuchen Sie es erneut.",errorConnection:"Verbindung fehlgeschlagen. Bitte versuchen Sie es erneut.",errorTimeout:"Zeitüberschreitung der Anfrage. Bitte versuchen Sie es erneut.",errorRateLimitMinute:"Zu viele Anfragen. Bitte warten Sie eine Minute.",errorRateLimitHour:"Stündliches Limit erreicht. Bitte versuchen Sie es später erneut.",errorRetry:"Erneut versuchen"}};function qu(m){if(!m)return;const v=m.toLowerCase().split("-")[0];return Object.prototype.hasOwnProperty.call(Zu,v)?v:void 0}function Hc(){const m=typeof document<"u"?qu(document.documentElement.lang):void 0;if(m)return m;const v=typeof navigator<"u"?qu(navigator.language):void 0;return v||"en"}function Vc(m={}){const{locale:v,translations:a}=m,S=Zu[v??Hc()];return a?{...S,...a}:{...S}}const Ju="claudius:triggers:dismissed";function Bc(){if(typeof window>"u")return!1;try{return window.sessionStorage.getItem(Ju)==="1"}catch{return!1}}function Wc(){if(!(typeof window>"u"))try{window.sessionStorage.setItem(Ju,"1")}catch{}}function bu({apiUrl:m,title:v,subtitle:a,welcomeMessage:S,placeholder:x,persistMessages:_,storageKeyPrefix:z,requestTimeoutMs:D,theme:R="light",accentColor:A,position:Q="bottom-right",locale:G,translations:V,triggers:J}){const[X,$]=I.useState(!1),[W,ue]=I.useState(null),[me,Ce]=I.useState(Bc),de=I.useRef(!1),Ne=dc("(max-width: 639px)"),oe=I.useMemo(()=>Vc({locale:G,translations:V}),[G,V]),{messages:ye,isLoading:Le,error:re,canRetry:Ue,sendMessage:ee,retry:te}=fc({apiUrl:m,persistMessages:_,storageKeyPrefix:z,timeoutMs:D,translations:oe}),Se=I.useRef(null),we=I.useRef(X),[nt,Ie]=I.useState(!1);I.useEffect(()=>{if(R!=="auto")return;const K=window.matchMedia("(prefers-color-scheme: dark)");Ie(K.matches);const se=ie=>Ie(ie.matches);return K.addEventListener("change",se),()=>K.removeEventListener("change",se)},[R]),I.useEffect(()=>{var K;we.current&&!X&&((K=Se.current)==null||K.focus()),we.current=X},[X]);const ce=I.useCallback(()=>{Ce(!0),Wc()},[]),N=I.useCallback(()=>{$(!1),de.current&&(de.current=!1,ce())},[ce]),H=I.useCallback(()=>{$(K=>!K)},[]),L=I.useCallback(()=>{de.current=!0,ue(null),$(!0)},[]),f=I.useCallback(K=>{ue(K)},[]),g=I.useCallback(()=>{ue(null),L()},[L]),Y=I.useCallback(()=>{ue(null),ce()},[ce]);hc({triggers:J,enabled:!me&&!X,onOpen:L,onGreeting:f});const Z=R==="dark"||R==="auto"&&nt,b=A?{"--claudius-primary":A}:void 0;return E.jsxs("div",{"data-claudius-dark":Z?"true":"false",style:b,children:[X&&Ne&&E.jsx("div",{className:"claudius-scrim fixed inset-0 z-40 bg-black/50",onClick:N,"aria-hidden":"true"}),X&&E.jsx(Uc,{messages:ye,isLoading:Le,error:re,canRetry:Ue,onSend:ee,onRetry:te,onClose:N,title:v??oe.title,subtitle:a??oe.subtitle,welcomeMessage:S??oe.welcomeMessage,placeholder:x??oe.placeholder,position:Q,translations:oe,isMobile:Ne}),!(X&&Ne)&&E.jsx(vc,{ref:Se,isOpen:X,onClick:H,position:Q,translations:oe}),!X&&W&&E.jsx(Ac,{message:W,position:Q,onOpen:g,onDismiss:Y,dismissLabel:oe.dismissGreeting})]})}const $c="1.1.0";typeof window<"u"&&(window.ClaudiusWidgetVersion=$c);function eo(){const m=window.ClaudiusConfig;if(!(m!=null&&m.apiUrl)){console.error("[Claudius] Missing ClaudiusConfig.apiUrl");return}const v=document.createElement("div");v.id="claudius-chat-widget",document.body.appendChild(v),$u.createRoot(v).render(E.jsx(bu,{apiUrl:m.apiUrl,title:m.title,subtitle:m.subtitle,welcomeMessage:m.welcomeMessage,placeholder:m.placeholder,persistMessages:m.persistMessages,storageKeyPrefix:m.storageKeyPrefix,requestTimeoutMs:m.requestTimeoutMs,theme:m.theme,accentColor:m.accentColor,position:m.position,locale:m.locale,translations:m.translations,triggers:m.triggers}))}class to extends HTMLElement{constructor(){super(...arguments);qt(this,"root",null);qt(this,"container",null)}static get observedAttributes(){return["api-url","title","subtitle","welcome-message","placeholder","persist-messages","storage-key-prefix","request-timeout-ms","theme","accent-color","position"]}connectedCallback(){this.container=document.createElement("div"),this.appendChild(this.container),this.root=$u.createRoot(this.container),this.render()}disconnectedCallback(){this.root&&(this.root.unmount(),this.root=null),this.container&&(this.container.remove(),this.container=null)}attributeChangedCallback(){this.render()}render(){if(!this.root)return;const a=this.getAttribute("api-url");if(!a){console.error("[Claudius] Missing api-url attribute on ");return}const S=this.getAttribute("persist-messages"),x=S===null?void 0:S!=="false",_=this.getAttribute("request-timeout-ms"),z=_===null?void 0:Number(_);this.root.render(E.jsx(bu,{apiUrl:a,title:this.getAttribute("title")??void 0,subtitle:this.getAttribute("subtitle")??void 0,welcomeMessage:this.getAttribute("welcome-message")??void 0,placeholder:this.getAttribute("placeholder")??void 0,persistMessages:x,storageKeyPrefix:this.getAttribute("storage-key-prefix")??void 0,requestTimeoutMs:z!==void 0&&Number.isFinite(z)?z:void 0,theme:this.getAttribute("theme")??void 0,accentColor:this.getAttribute("accent-color")??void 0,position:this.getAttribute("position")??void 0}))}}return typeof customElements<"u"&&!customElements.get("claudius-chat")&&customElements.define("claudius-chat",to),document.readyState==="loading"?document.addEventListener("DOMContentLoaded",eo):eo(),Et.ClaudiusChat=to,Object.defineProperty(Et,Symbol.toStringTag,{value:"Module"}),Et})({}); diff --git a/widget/src/embed.tsx b/widget/src/embed.tsx index 5415a67..720817a 100644 --- a/widget/src/embed.tsx +++ b/widget/src/embed.tsx @@ -5,6 +5,12 @@ import type { LocaleCode } from "./locales"; import type { ClaudiusTranslations } from "./i18n"; import "./styles.css"; +// Injected at build time by vite.config.embed.ts; undefined under unit tests. +declare const __CLAUDIUS_VERSION__: string | undefined; + +const CLAUDIUS_VERSION = + typeof __CLAUDIUS_VERSION__ !== "undefined" ? __CLAUDIUS_VERSION__ : "dev"; + interface ClaudiusConfig { apiUrl: string; title?: string; @@ -25,9 +31,14 @@ interface ClaudiusConfig { declare global { interface Window { ClaudiusConfig?: ClaudiusConfig; + ClaudiusWidgetVersion?: string; } } +if (typeof window !== "undefined") { + window.ClaudiusWidgetVersion = CLAUDIUS_VERSION; +} + // Script-based initialization (existing method) function init() { const config = window.ClaudiusConfig; diff --git a/widget/vite.config.embed.ts b/widget/vite.config.embed.ts index 6eacf79..df6d8dd 100644 --- a/widget/vite.config.embed.ts +++ b/widget/vite.config.embed.ts @@ -1,6 +1,11 @@ import { defineConfig } from "vite"; import react from "@vitejs/plugin-react"; import { resolve } from "path"; +import { readFileSync } from "fs"; + +const pkg = JSON.parse( + readFileSync(resolve(__dirname, "package.json"), "utf-8"), +) as { version: string }; export default defineConfig({ plugins: [react()], @@ -9,6 +14,7 @@ export default defineConfig({ // gate dev warnings) blows up at runtime. Replace it at build time. define: { "process.env.NODE_ENV": JSON.stringify("production"), + __CLAUDIUS_VERSION__: JSON.stringify(pkg.version), }, build: { lib: {