From e184213330e548760e635bc7acd0009dda135ff3 Mon Sep 17 00:00:00 2001 From: Bryan Helmkamp Date: Wed, 22 Apr 2026 19:43:49 -0400 Subject: [PATCH] refactor(install): collapse install UI pickers and dedupe server strings - Derive install stepper's current step from INSTALL_STEPS instead of a hand-maintained pathname if-chain. - Replace four near-identical picker components with one generic CardPicker plus per-flow option arrays. - Extract repeated object-store validation error strings into constants and a small helper. - Run the S3 artifacts/ and slatedb/ prefix probes concurrently via tokio::try_join!. Co-Authored-By: Claude Opus 4.7 (1M context) --- apps/fabro-web/app/install-app.tsx | 234 +++++++----------- lib/crates/fabro-server/src/install.rs | 80 +++--- .../{entry-k8y1hgqx.js => entry-v9xzq9ab.js} | 210 ++++++++-------- lib/crates/fabro-spa/assets/index.html | 2 +- 4 files changed, 226 insertions(+), 300 deletions(-) rename lib/crates/fabro-spa/assets/assets/{entry-k8y1hgqx.js => entry-v9xzq9ab.js} (75%) diff --git a/apps/fabro-web/app/install-app.tsx b/apps/fabro-web/app/install-app.tsx index bdf2ecced..290c04c8e 100644 --- a/apps/fabro-web/app/install-app.tsx +++ b/apps/fabro-web/app/install-app.tsx @@ -247,14 +247,12 @@ export default function InstallApp() { }; }, [finishState]); - const currentStep = useMemo(() => { - if (location.pathname.startsWith("/install/object-store")) return "object_store"; - if (location.pathname.startsWith("/install/llm")) return "llm"; - if (location.pathname.startsWith("/install/server")) return "server"; - if (location.pathname.startsWith("/install/github")) return "github"; - if (location.pathname.startsWith("/install/review")) return "review"; - return "welcome"; - }, [location.pathname]); + const currentStep = useMemo( + () => + STEPPER_STEPS.find((step) => location.pathname.startsWith(step.href))?.id ?? + "welcome", + [location.pathname], + ); const completedSteps = new Set(session?.completed_steps ?? []); @@ -471,8 +469,10 @@ export default function InstallApp() { } }} > - { setObjectStoreForm((current) => ({ ...current, provider })); if (provider === "s3") { @@ -516,8 +516,10 @@ export default function InstallApp() { autoCapitalize="off" /> - { setObjectStoreForm((current) => ({ ...current, credentialMode })); if (credentialMode === "access_key") { @@ -642,7 +644,12 @@ export default function InstallApp() { } }} > - + setGithubStrategy(strategy)} + /> {githubStrategy === "token" ? (
@@ -683,9 +690,11 @@ export default function InstallApp() {
) : (
- + setAppForm((current) => ({ ...current, owner: @@ -1247,33 +1256,27 @@ function ProviderFields({ ); } -function GithubStrategyPicker({ - strategy, +type CardOption = { id: T; title: string; body: string }; + +function CardPicker({ + legend, + options, + value, onChange, }: { - strategy: GithubStrategy; - onChange: (value: GithubStrategy) => void; + legend: string; + options: ReadonlyArray>; + value: T; + onChange: (value: T) => void; }) { - const options: Array<{ id: GithubStrategy; title: string; body: string }> = [ - { - id: "token", - title: "Personal access token", - body: "Quickest path. Validates a PAT and stores it in the vault.", - }, - { - id: "app", - title: "GitHub App", - body: "Recommended for teams. Enables OAuth.", - }, - ]; return (
- Authentication + {legend}
{options.map((option) => ( onChange(option.id)} title={option.title} body={option.body} @@ -1284,120 +1287,59 @@ function GithubStrategyPicker({ ); } -function ObjectStoreProviderPicker({ - provider, - onChange, -}: { - provider: ObjectStoreProvider; - onChange: (value: ObjectStoreProvider) => void; -}) { - const options: Array<{ id: ObjectStoreProvider; title: string; body: string }> = [ - { - id: "local", - title: "Local disk", - body: "Uses the host filesystem for SlateDB and run artifacts.", - }, - { - id: "s3", - title: "AWS S3", - body: "Uses one S3 bucket with fixed slatedb/ and artifacts/ prefixes.", - }, - ]; - return ( -
- Object store -
- {options.map((option) => ( - onChange(option.id)} - title={option.title} - body={option.body} - /> - ))} -
-
- ); -} +const GITHUB_STRATEGY_OPTIONS: ReadonlyArray> = [ + { + id: "token", + title: "Personal access token", + body: "Quickest path. Validates a PAT and stores it in the vault.", + }, + { + id: "app", + title: "GitHub App", + body: "Recommended for teams. Enables OAuth.", + }, +]; -function ObjectStoreCredentialModePicker({ - credentialMode, - onChange, -}: { - credentialMode: ObjectStoreCredentialMode; - onChange: (value: ObjectStoreCredentialMode) => void; -}) { - const options: Array<{ - id: ObjectStoreCredentialMode; - title: string; - body: string; - }> = [ - { - id: "runtime", - title: "Use AWS runtime credentials", - body: "Use credentials already supplied by the deployment environment.", - }, - { - id: "access_key", - title: "Enter AWS access key credentials", - body: "Store an access key pair in server.env for startup and validation.", - }, - ]; - return ( -
- Credentials -
- {options.map((option) => ( - onChange(option.id)} - title={option.title} - body={option.body} - /> - ))} -
-
- ); -} +const OBJECT_STORE_PROVIDER_OPTIONS: ReadonlyArray> = [ + { + id: "local", + title: "Local disk", + body: "Uses the host filesystem for SlateDB and run artifacts.", + }, + { + id: "s3", + title: "AWS S3", + body: "Uses one S3 bucket with fixed slatedb/ and artifacts/ prefixes.", + }, +]; -function OwnerPicker({ - ownerKind, - setOwnerKind, -}: { - ownerKind: GithubOwnerKind; - setOwnerKind: (value: GithubOwnerKind) => void; -}) { - const options: Array<{ id: GithubOwnerKind; title: string; body: string }> = [ - { - id: "personal", - title: "Personal account", - body: "GitHub's personal app creation flow.", - }, - { - id: "org", - title: "Organization", - body: "GitHub's org flow — requires the org slug.", - }, - ]; - return ( -
- Owner -
- {options.map((option) => ( - setOwnerKind(option.id)} - title={option.title} - body={option.body} - /> - ))} -
-
- ); -} +const OBJECT_STORE_CREDENTIAL_MODE_OPTIONS: ReadonlyArray< + CardOption +> = [ + { + id: "runtime", + title: "Use AWS runtime credentials", + body: "Use credentials already supplied by the deployment environment.", + }, + { + id: "access_key", + title: "Enter AWS access key credentials", + body: "Store an access key pair in server.env for startup and validation.", + }, +]; + +const GITHUB_OWNER_OPTIONS: ReadonlyArray> = [ + { + id: "personal", + title: "Personal account", + body: "GitHub's personal app creation flow.", + }, + { + id: "org", + title: "Organization", + body: "GitHub's org flow — requires the org slug.", + }, +]; function OptionCard({ selected, diff --git a/lib/crates/fabro-server/src/install.rs b/lib/crates/fabro-server/src/install.rs index 66cef4f61..a3b983164 100644 --- a/lib/crates/fabro-server/src/install.rs +++ b/lib/crates/fabro-server/src/install.rs @@ -956,10 +956,7 @@ async fn validate_install_object_store_selection( } } Err(_) => { - return Err( - "Timed out while checking S3 access. Verify the bucket, region, and network path, then try again." - .to_string(), - ); + return Err(VALIDATION_TIMEOUT_MSG.to_string()); } Ok(Ok(_)) => {} } @@ -985,50 +982,53 @@ async fn validate_install_object_store_selection( ) .map_err(|err| err.to_string())?; - let prefixes = ["artifacts", "slatedb"]; - let probe = async { - for (index, prefix) in prefixes.iter().enumerate() { - let path = ObjectStorePath::from(*prefix); - if let Err(err) = object_store.list_with_delimiter(Some(&path)).await { - return Err((index, err)); - } + let probe_prefix = |index: usize, prefix: &'static str| { + let object_store = &object_store; + async move { + let path = ObjectStorePath::from(prefix); + object_store + .list_with_delimiter(Some(&path)) + .await + .map(|_| ()) + .map_err(|err| (index, err)) } - Ok::<(), (usize, object_store::Error)>(()) + }; + let probe = async { + tokio::try_join!(probe_prefix(0, "artifacts"), probe_prefix(1, "slatedb")).map(|_| ()) }; match timeout(VALIDATION_TIMEOUT, probe).await { Ok(Ok(())) => Ok(()), - Err(_) => Err( - "Timed out while checking S3 access. Verify the bucket, region, and network path, then try again." - .to_string(), - ), + Err(_) => Err(VALIDATION_TIMEOUT_MSG.to_string()), Ok(Err((index, err))) => Err(classify_object_store_validation_error( - bucket, - region, - index, - &err, + bucket, region, index, &err, )), } } +const PREFIX_ACCESS_ERROR_MSG: &str = "Fabro reached the bucket but could not verify access to slatedb/ and artifacts/. Validation requires bucket list access plus object access under both prefixes."; +const VALIDATION_TIMEOUT_MSG: &str = "Timed out while checking S3 access. Verify the bucket, region, and network path, then try again."; + +fn bucket_credentials_error(bucket: &str, region: &str) -> String { + format!("Could not access bucket {bucket} in region {region} with the selected credentials.") +} + fn classify_object_store_validation_error( bucket: &str, region: &str, prefix_index: usize, err: &object_store::Error, ) -> String { + let credentials_or_prefix_error = || { + if prefix_index == 0 { + bucket_credentials_error(bucket, region) + } else { + PREFIX_ACCESS_ERROR_MSG.to_string() + } + }; match err { object_store::Error::PermissionDenied { .. } - | object_store::Error::Unauthenticated { .. } => { - if prefix_index == 0 { - format!( - "Could not access bucket {bucket} in region {region} with the selected credentials." - ) - } else { - "Fabro reached the bucket but could not verify access to slatedb/ and artifacts/. Validation requires bucket list access plus object access under both prefixes." - .to_string() - } - } + | object_store::Error::Unauthenticated { .. } => credentials_or_prefix_error(), object_store::Error::NotFound { .. } => format!("Bucket {bucket} was not found."), object_store::Error::Generic { .. } => { let rendered = err.to_string(); @@ -1038,27 +1038,11 @@ fn classify_object_store_validation_error( ) } else if rendered.contains("not found") { format!("Bucket {bucket} was not found.") - } else if prefix_index == 0 { - format!( - "Could not access bucket {bucket} in region {region} with the selected credentials." - ) } else { - "Fabro reached the bucket but could not verify access to slatedb/ and artifacts/. Validation requires bucket list access plus object access under both prefixes." - .to_string() + credentials_or_prefix_error() } } - object_store::Error::NotSupported { .. } - | object_store::Error::AlreadyExists { .. } - | object_store::Error::Precondition { .. } - | object_store::Error::NotModified { .. } - | object_store::Error::InvalidPath { .. } - | object_store::Error::NotImplemented { .. } - | object_store::Error::UnknownConfigurationKey { .. } => { - "Fabro reached the bucket but could not verify access to slatedb/ and artifacts/. Validation requires bucket list access plus object access under both prefixes." - .to_string() - } - _ => "Fabro reached the bucket but could not verify access to slatedb/ and artifacts/. Validation requires bucket list access plus object access under both prefixes." - .to_string(), + _ => PREFIX_ACCESS_ERROR_MSG.to_string(), } } diff --git a/lib/crates/fabro-spa/assets/assets/entry-k8y1hgqx.js b/lib/crates/fabro-spa/assets/assets/entry-v9xzq9ab.js similarity index 75% rename from lib/crates/fabro-spa/assets/assets/entry-k8y1hgqx.js rename to lib/crates/fabro-spa/assets/assets/entry-v9xzq9ab.js index d1479ecfb..e73980b81 100644 --- a/lib/crates/fabro-spa/assets/assets/entry-k8y1hgqx.js +++ b/lib/crates/fabro-spa/assets/assets/entry-v9xzq9ab.js @@ -1,4 +1,4 @@ -import{X as h,Y as D3,Z as p5,_ as x}from"./chunk-q07bg6gn.js";var J0=D3((Tr,QU)=>{(function(){function Z(y,Y0){Object.defineProperty(z.prototype,y,{get:function(){console.warn("%s(...) is deprecated in plain JavaScript React classes. %s",Y0[0],Y0[1])}})}function Y(y){if(y===null||typeof y!=="object")return null;return y=B1&&y[B1]||y["@@iterator"],typeof y==="function"?y:null}function Q(y,Y0){y=(y=y.constructor)&&(y.displayName||y.name)||"ReactClass";var A0=y+"."+Y0;L0[A0]||(console.error("Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",Y0,y),L0[A0]=!0)}function z(y,Y0,A0){this.props=y,this.context=Y0,this.refs=n5,this.updater=A0||C1}function q(){}function B(y,Y0,A0){this.props=y,this.context=Y0,this.refs=n5,this.updater=A0||C1}function W(){}function $(y){return""+y}function U(y){try{$(y);var Y0=!1}catch(k0){Y0=!0}if(Y0){Y0=console;var A0=Y0.error,R0=typeof Symbol==="function"&&Symbol.toStringTag&&y[Symbol.toStringTag]||y.constructor.name||"Object";return A0.call(Y0,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",R0),$(y)}}function M(y){if(y==null)return null;if(typeof y==="function")return y.$$typeof===t6?null:y.displayName||y.name||null;if(typeof y==="string")return y;switch(y){case q0:return"Fragment";case l:return"Profiler";case f:return"StrictMode";case u0:return"Suspense";case w0:return"SuspenseList";case R1:return"Activity"}if(typeof y==="object")switch(typeof y.tag==="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),y.$$typeof){case Z0:return"Portal";case W0:return y.displayName||"Context";case n:return(y._context.displayName||"Context")+".Consumer";case C0:var Y0=y.render;return y=y.displayName,y||(y=Y0.displayName||Y0.name||"",y=y!==""?"ForwardRef("+y+")":"ForwardRef"),y;case p0:return Y0=y.displayName||null,Y0!==null?Y0:M(y.type)||"Memo";case t0:Y0=y._payload,y=y._init;try{return M(y(Y0))}catch(A0){}}return null}function w(y){if(y===q0)return"<>";if(typeof y==="object"&&y!==null&&y.$$typeof===t0)return"<...>";try{var Y0=M(y);return Y0?"<"+Y0+">":"<...>"}catch(A0){return"<...>"}}function O(){var y=W1.A;return y===null?null:y.getOwner()}function _(){return Error("react-stack-top-frame")}function A(y){if(N4.call(y,"key")){var Y0=Object.getOwnPropertyDescriptor(y,"key").get;if(Y0&&Y0.isReactWarning)return!1}return y.key!==void 0}function P(y,Y0){function A0(){V6||(V6=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",Y0))}A0.isReactWarning=!0,Object.defineProperty(y,"key",{get:A0,configurable:!0})}function L(){var y=M(this.type);return d4[y]||(d4[y]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),y=this.props.ref,y!==void 0?y:null}function v(y,Y0,A0,R0,k0,Y1){var x0=A0.ref;return y={$$typeof:G0,type:y,key:Y0,props:A0,_owner:R0},(x0!==void 0?x0:null)!==null?Object.defineProperty(y,"ref",{enumerable:!1,get:L}):Object.defineProperty(y,"ref",{enumerable:!1,value:null}),y._store={},Object.defineProperty(y._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(y,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(y,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:k0}),Object.defineProperty(y,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:Y1}),Object.freeze&&(Object.freeze(y.props),Object.freeze(y)),y}function R(y,Y0){return Y0=v(y.type,Y0,y.props,y._owner,y._debugStack,y._debugTask),y._store&&(Y0._store.validated=y._store.validated),Y0}function T(y){C(y)?y._store&&(y._store.validated=1):typeof y==="object"&&y!==null&&y.$$typeof===t0&&(y._payload.status==="fulfilled"?C(y._payload.value)&&y._payload.value._store&&(y._payload.value._store.validated=1):y._store&&(y._store.validated=1))}function C(y){return typeof y==="object"&&y!==null&&y.$$typeof===G0}function j(y){var Y0={"=":"=0",":":"=2"};return"$"+y.replace(/[=:]/g,function(A0){return Y0[A0]})}function b(y,Y0){return typeof y==="object"&&y!==null&&y.key!=null?(U(y.key),j(""+y.key)):Y0.toString(36)}function S(y){switch(y.status){case"fulfilled":return y.value;case"rejected":throw y.reason;default:switch(typeof y.status==="string"?y.then(W,W):(y.status="pending",y.then(function(Y0){y.status==="pending"&&(y.status="fulfilled",y.value=Y0)},function(Y0){y.status==="pending"&&(y.status="rejected",y.reason=Y0)})),y.status){case"fulfilled":return y.value;case"rejected":throw y.reason}}throw y}function I(y,Y0,A0,R0,k0){var Y1=typeof y;if(Y1==="undefined"||Y1==="boolean")y=null;var x0=!1;if(y===null)x0=!0;else switch(Y1){case"bigint":case"string":case"number":x0=!0;break;case"object":switch(y.$$typeof){case G0:case Z0:x0=!0;break;case t0:return x0=y._init,I(x0(y._payload),Y0,A0,R0,k0)}}if(x0){x0=y,k0=k0(x0);var Q1=R0===""?"."+b(x0,0):R0;return w1(k0)?(A0="",Q1!=null&&(A0=Q1.replace(Y7,"$&/")+"/"),I(k0,Y0,A0,"",function(_5){return _5})):k0!=null&&(C(k0)&&(k0.key!=null&&(x0&&x0.key===k0.key||U(k0.key)),A0=R(k0,A0+(k0.key==null||x0&&x0.key===k0.key?"":(""+k0.key).replace(Y7,"$&/")+"/")+Q1),R0!==""&&x0!=null&&C(x0)&&x0.key==null&&x0._store&&!x0._store.validated&&(A0._store.validated=2),k0=A0),Y0.push(k0)),1}if(x0=0,Q1=R0===""?".":R0+":",w1(y))for(var j0=0;j0{(function(){function Z(j,Y0){Object.defineProperty(z.prototype,j,{get:function(){console.warn("%s(...) is deprecated in plain JavaScript React classes. %s",Y0[0],Y0[1])}})}function Y(j){if(j===null||typeof j!=="object")return null;return j=B1&&j[B1]||j["@@iterator"],typeof j==="function"?j:null}function Q(j,Y0){j=(j=j.constructor)&&(j.displayName||j.name)||"ReactClass";var A0=j+"."+Y0;R0[A0]||(console.error("Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",Y0,j),R0[A0]=!0)}function z(j,Y0,A0){this.props=j,this.context=Y0,this.refs=n5,this.updater=A0||C1}function q(){}function B(j,Y0,A0){this.props=j,this.context=Y0,this.refs=n5,this.updater=A0||C1}function W(){}function $(j){return""+j}function U(j){try{$(j);var Y0=!1}catch(k0){Y0=!0}if(Y0){Y0=console;var A0=Y0.error,L0=typeof Symbol==="function"&&Symbol.toStringTag&&j[Symbol.toStringTag]||j.constructor.name||"Object";return A0.call(Y0,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",L0),$(j)}}function M(j){if(j==null)return null;if(typeof j==="function")return j.$$typeof===t6?null:j.displayName||j.name||null;if(typeof j==="string")return j;switch(j){case q0:return"Fragment";case d:return"Profiler";case f:return"StrictMode";case u0:return"Suspense";case w0:return"SuspenseList";case L1:return"Activity"}if(typeof j==="object")switch(typeof j.tag==="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),j.$$typeof){case Z0:return"Portal";case W0:return j.displayName||"Context";case n:return(j._context.displayName||"Context")+".Consumer";case C0:var Y0=j.render;return j=j.displayName,j||(j=Y0.displayName||Y0.name||"",j=j!==""?"ForwardRef("+j+")":"ForwardRef"),j;case p0:return Y0=j.displayName||null,Y0!==null?Y0:M(j.type)||"Memo";case t0:Y0=j._payload,j=j._init;try{return M(j(Y0))}catch(A0){}}return null}function w(j){if(j===q0)return"<>";if(typeof j==="object"&&j!==null&&j.$$typeof===t0)return"<...>";try{var Y0=M(j);return Y0?"<"+Y0+">":"<...>"}catch(A0){return"<...>"}}function O(){var j=W1.A;return j===null?null:j.getOwner()}function _(){return Error("react-stack-top-frame")}function A(j){if(N4.call(j,"key")){var Y0=Object.getOwnPropertyDescriptor(j,"key").get;if(Y0&&Y0.isReactWarning)return!1}return j.key!==void 0}function P(j,Y0){function A0(){V6||(V6=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",Y0))}A0.isReactWarning=!0,Object.defineProperty(j,"key",{get:A0,configurable:!0})}function R(){var j=M(this.type);return d4[j]||(d4[j]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),j=this.props.ref,j!==void 0?j:null}function v(j,Y0,A0,L0,k0,Y1){var x0=A0.ref;return j={$$typeof:G0,type:j,key:Y0,props:A0,_owner:L0},(x0!==void 0?x0:null)!==null?Object.defineProperty(j,"ref",{enumerable:!1,get:R}):Object.defineProperty(j,"ref",{enumerable:!1,value:null}),j._store={},Object.defineProperty(j._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(j,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(j,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:k0}),Object.defineProperty(j,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:Y1}),Object.freeze&&(Object.freeze(j.props),Object.freeze(j)),j}function L(j,Y0){return Y0=v(j.type,Y0,j.props,j._owner,j._debugStack,j._debugTask),j._store&&(Y0._store.validated=j._store.validated),Y0}function T(j){C(j)?j._store&&(j._store.validated=1):typeof j==="object"&&j!==null&&j.$$typeof===t0&&(j._payload.status==="fulfilled"?C(j._payload.value)&&j._payload.value._store&&(j._payload.value._store.validated=1):j._store&&(j._store.validated=1))}function C(j){return typeof j==="object"&&j!==null&&j.$$typeof===G0}function y(j){var Y0={"=":"=0",":":"=2"};return"$"+j.replace(/[=:]/g,function(A0){return Y0[A0]})}function b(j,Y0){return typeof j==="object"&&j!==null&&j.key!=null?(U(j.key),y(""+j.key)):Y0.toString(36)}function S(j){switch(j.status){case"fulfilled":return j.value;case"rejected":throw j.reason;default:switch(typeof j.status==="string"?j.then(W,W):(j.status="pending",j.then(function(Y0){j.status==="pending"&&(j.status="fulfilled",j.value=Y0)},function(Y0){j.status==="pending"&&(j.status="rejected",j.reason=Y0)})),j.status){case"fulfilled":return j.value;case"rejected":throw j.reason}}throw j}function I(j,Y0,A0,L0,k0){var Y1=typeof j;if(Y1==="undefined"||Y1==="boolean")j=null;var x0=!1;if(j===null)x0=!0;else switch(Y1){case"bigint":case"string":case"number":x0=!0;break;case"object":switch(j.$$typeof){case G0:case Z0:x0=!0;break;case t0:return x0=j._init,I(x0(j._payload),Y0,A0,L0,k0)}}if(x0){x0=j,k0=k0(x0);var Q1=L0===""?"."+b(x0,0):L0;return w1(k0)?(A0="",Q1!=null&&(A0=Q1.replace(Y7,"$&/")+"/"),I(k0,Y0,A0,"",function(_5){return _5})):k0!=null&&(C(k0)&&(k0.key!=null&&(x0&&x0.key===k0.key||U(k0.key)),A0=L(k0,A0+(k0.key==null||x0&&x0.key===k0.key?"":(""+k0.key).replace(Y7,"$&/")+"/")+Q1),L0!==""&&x0!=null&&C(x0)&&x0.key==null&&x0._store&&!x0._store.validated&&(A0._store.validated=2),k0=A0),Y0.push(k0)),1}if(x0=0,Q1=L0===""?".":L0+":",w1(j))for(var y0=0;y0 import('./MyComponent')) @@ -6,37 +6,37 @@ Your code should look like: Did you accidentally put curly braces around the import?`,Y0),"default"in Y0||console.error(`lazy: Expected the result of a dynamic import() call. Instead received: %s Your code should look like: - const MyComponent = lazy(() => import('./MyComponent'))`,Y0),Y0.default;throw y._result}function k(){var y=W1.H;return y===null&&console.error(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: + const MyComponent = lazy(() => import('./MyComponent'))`,Y0),Y0.default;throw j._result}function k(){var j=W1.H;return j===null&&console.error(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app -See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`),y}function i(){W1.asyncTransitions--}function z0(y){if(O4===null)try{var Y0=("require"+Math.random()).slice(0,7);O4=(QU&&QU[Y0]).call(QU,"timers").setImmediate}catch(A0){O4=function(R0){$2===!1&&($2=!0,typeof MessageChannel>"u"&&console.error("This browser does not have a MessageChannel implementation, so enqueuing tasks via await act(async () => ...) will fail. Please file an issue at https://github.com/facebook/react/issues if you encounter this warning."));var k0=new MessageChannel;k0.port1.onmessage=R0,k0.port2.postMessage(void 0)}}return O4(y)}function $0(y){return 1 ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);"))}),{then:function(j0,_5){k0=!0,x0.then(function(K5){if(H0(Y0,A0),A0===0){try{X0(R0),z0(function(){return e(K5,j0,_5)})}catch(e5){W1.thrownErrors.push(e5)}if(0 ...)"))}),W1.actQueue=null),0W1.recentlyCreatedOwnerStacks++;return v(y,k0,R0,O(),j0?Error("react-stack-top-frame"):x2,j0?S1(w(y)):L6)},Tr.createRef=function(){var y={current:null};return Object.seal(y),y},Tr.forwardRef=function(y){y!=null&&y.$$typeof===p0?console.error("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):typeof y!=="function"?console.error("forwardRef requires a render function but was given %s.",y===null?"null":typeof y):y.length!==0&&y.length!==2&&console.error("forwardRef render functions accept exactly two parameters: props and ref. %s",y.length===1?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),y!=null&&y.defaultProps!=null&&console.error("forwardRef render functions do not support defaultProps. Did you accidentally pass a React component?");var Y0={$$typeof:C0,render:y},A0;return Object.defineProperty(Y0,"displayName",{enumerable:!1,configurable:!0,get:function(){return A0},set:function(R0){A0=R0,y.name||y.displayName||(Object.defineProperty(y,"name",{value:R0}),y.displayName=R0)}}),Y0},Tr.isValidElement=C,Tr.lazy=function(y){y={_status:-1,_result:y};var Y0={$$typeof:t0,_payload:y,_init:a},A0={name:"lazy",start:-1,end:-1,value:null,owner:null,debugStack:Error("react-stack-top-frame"),debugTask:console.createTask?console.createTask("lazy()"):null};return y._ioInfo=A0,Y0._debugInfo=[{awaited:A0}],Y0},Tr.memo=function(y,Y0){y==null&&console.error("memo: The first argument must be a component. Instead received: %s",y===null?"null":typeof y),Y0={$$typeof:p0,type:y,compare:Y0===void 0?null:Y0};var A0;return Object.defineProperty(Y0,"displayName",{enumerable:!1,configurable:!0,get:function(){return A0},set:function(R0){A0=R0,y.name||y.displayName||(Object.defineProperty(y,"name",{value:R0}),y.displayName=R0)}}),Y0},Tr.startTransition=function(y){var Y0=W1.T,A0={};A0._updatedFibers=new Set,W1.T=A0;try{var R0=y(),k0=W1.S;k0!==null&&k0(A0,R0),typeof R0==="object"&&R0!==null&&typeof R0.then==="function"&&(W1.asyncTransitions++,R0.then(i,i),R0.then(W,C5))}catch(Y1){C5(Y1)}finally{Y0===null&&A0._updatedFibers&&(y=A0._updatedFibers.size,A0._updatedFibers.clear(),10{(function(){function Z(){if(j=!1,g){var e=vr.unstable_now();i=e;var X0=!0;try{Z:{T=!1,C&&(C=!1,S(a),a=-1),R=!0;var G0=v;try{Y:{B(e);for(L=Q(_);L!==null&&!(L.expirationTime>e&&$());){var Z0=L.callback;if(typeof Z0==="function"){L.callback=null,v=L.priorityLevel;var q0=Z0(L.expirationTime<=e);if(e=vr.unstable_now(),typeof q0==="function"){L.callback=q0,B(e),X0=!0;break Y}L===Q(_)&&z(_),B(e)}else z(_);L=Q(_)}if(L!==null)X0=!0;else{var f=Q(A);f!==null&&U(W,f.startTime-e),X0=!1}}break Z}finally{L=null,v=G0,R=!1}X0=void 0}}finally{X0?z0():g=!1}}}function Y(e,X0){var G0=e.length;e.push(X0);Z:for(;0>>1,q0=e[Z0];if(0>>1;Z0q(n,G0))W0q(C0,n)?(e[Z0]=C0,e[W0]=G0,Z0=W0):(e[Z0]=n,e[l]=G0,Z0=l);else if(W0q(C0,G0))e[Z0]=C0,e[W0]=G0,Z0=W0;else break Z}}return X0}function q(e,X0){var G0=e.sortIndex-X0.sortIndex;return G0!==0?G0:e.id-X0.id}function B(e){for(var X0=Q(A);X0!==null;){if(X0.callback===null)z(A);else if(X0.startTime<=e)z(A),X0.sortIndex=X0.expirationTime,Y(_,X0);else break;X0=Q(A)}}function W(e){if(C=!1,B(e),!T)if(Q(_)!==null)T=!0,g||(g=!0,z0());else{var X0=Q(A);X0!==null&&U(W,X0.startTime-e)}}function $(){return j?!0:vr.unstable_now()-ie||125Z0?(e.sortIndex=G0,Y(A,e),Q(_)===null&&e===Q(A)&&(C?(S(a),a=-1):C=!0,U(W,G0-Z0))):(e.sortIndex=q0,Y(_,e),T||R||(T=!0,g||(g=!0,z0()))),e},vr.unstable_shouldYield=$,vr.unstable_wrapCallback=function(e){var X0=v;return function(){var G0=v;v=X0;try{return e.apply(this,arguments)}finally{v=G0}}},typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop==="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())})()});var dI=D3((Cr)=>{var lA=h(J0());(function(){function Z(){}function Y(w){return""+w}function Q(w,O,_){var A=3"u"&&console.error("This browser does not have a MessageChannel implementation, so enqueuing tasks via await act(async () => ...) will fail. Please file an issue at https://github.com/facebook/react/issues if you encounter this warning."));var k0=new MessageChannel;k0.port1.onmessage=L0,k0.port2.postMessage(void 0)}}return O4(j)}function $0(j){return 1 ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);"))}),{then:function(y0,_5){k0=!0,x0.then(function(K5){if(H0(Y0,A0),A0===0){try{X0(L0),z0(function(){return e(K5,y0,_5)})}catch(e5){W1.thrownErrors.push(e5)}if(0 ...)"))}),W1.actQueue=null),0W1.recentlyCreatedOwnerStacks++;return v(j,k0,L0,O(),y0?Error("react-stack-top-frame"):x2,y0?S1(w(j)):R6)},Tr.createRef=function(){var j={current:null};return Object.seal(j),j},Tr.forwardRef=function(j){j!=null&&j.$$typeof===p0?console.error("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):typeof j!=="function"?console.error("forwardRef requires a render function but was given %s.",j===null?"null":typeof j):j.length!==0&&j.length!==2&&console.error("forwardRef render functions accept exactly two parameters: props and ref. %s",j.length===1?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),j!=null&&j.defaultProps!=null&&console.error("forwardRef render functions do not support defaultProps. Did you accidentally pass a React component?");var Y0={$$typeof:C0,render:j},A0;return Object.defineProperty(Y0,"displayName",{enumerable:!1,configurable:!0,get:function(){return A0},set:function(L0){A0=L0,j.name||j.displayName||(Object.defineProperty(j,"name",{value:L0}),j.displayName=L0)}}),Y0},Tr.isValidElement=C,Tr.lazy=function(j){j={_status:-1,_result:j};var Y0={$$typeof:t0,_payload:j,_init:a},A0={name:"lazy",start:-1,end:-1,value:null,owner:null,debugStack:Error("react-stack-top-frame"),debugTask:console.createTask?console.createTask("lazy()"):null};return j._ioInfo=A0,Y0._debugInfo=[{awaited:A0}],Y0},Tr.memo=function(j,Y0){j==null&&console.error("memo: The first argument must be a component. Instead received: %s",j===null?"null":typeof j),Y0={$$typeof:p0,type:j,compare:Y0===void 0?null:Y0};var A0;return Object.defineProperty(Y0,"displayName",{enumerable:!1,configurable:!0,get:function(){return A0},set:function(L0){A0=L0,j.name||j.displayName||(Object.defineProperty(j,"name",{value:L0}),j.displayName=L0)}}),Y0},Tr.startTransition=function(j){var Y0=W1.T,A0={};A0._updatedFibers=new Set,W1.T=A0;try{var L0=j(),k0=W1.S;k0!==null&&k0(A0,L0),typeof L0==="object"&&L0!==null&&typeof L0.then==="function"&&(W1.asyncTransitions++,L0.then(i,i),L0.then(W,C5))}catch(Y1){C5(Y1)}finally{Y0===null&&A0._updatedFibers&&(j=A0._updatedFibers.size,A0._updatedFibers.clear(),10{(function(){function Z(){if(y=!1,g){var e=vr.unstable_now();i=e;var X0=!0;try{Z:{T=!1,C&&(C=!1,S(a),a=-1),L=!0;var G0=v;try{Y:{B(e);for(R=Q(_);R!==null&&!(R.expirationTime>e&&$());){var Z0=R.callback;if(typeof Z0==="function"){R.callback=null,v=R.priorityLevel;var q0=Z0(R.expirationTime<=e);if(e=vr.unstable_now(),typeof q0==="function"){R.callback=q0,B(e),X0=!0;break Y}R===Q(_)&&z(_),B(e)}else z(_);R=Q(_)}if(R!==null)X0=!0;else{var f=Q(A);f!==null&&U(W,f.startTime-e),X0=!1}}break Z}finally{R=null,v=G0,L=!1}X0=void 0}}finally{X0?z0():g=!1}}}function Y(e,X0){var G0=e.length;e.push(X0);Z:for(;0>>1,q0=e[Z0];if(0>>1;Z0q(n,G0))W0q(C0,n)?(e[Z0]=C0,e[W0]=G0,Z0=W0):(e[Z0]=n,e[d]=G0,Z0=d);else if(W0q(C0,G0))e[Z0]=C0,e[W0]=G0,Z0=W0;else break Z}}return X0}function q(e,X0){var G0=e.sortIndex-X0.sortIndex;return G0!==0?G0:e.id-X0.id}function B(e){for(var X0=Q(A);X0!==null;){if(X0.callback===null)z(A);else if(X0.startTime<=e)z(A),X0.sortIndex=X0.expirationTime,Y(_,X0);else break;X0=Q(A)}}function W(e){if(C=!1,B(e),!T)if(Q(_)!==null)T=!0,g||(g=!0,z0());else{var X0=Q(A);X0!==null&&U(W,X0.startTime-e)}}function $(){return y?!0:vr.unstable_now()-ie||125Z0?(e.sortIndex=G0,Y(A,e),Q(_)===null&&e===Q(A)&&(C?(S(a),a=-1):C=!0,U(W,G0-Z0))):(e.sortIndex=q0,Y(_,e),T||L||(T=!0,g||(g=!0,z0()))),e},vr.unstable_shouldYield=$,vr.unstable_wrapCallback=function(e){var X0=v;return function(){var G0=v;v=X0;try{return e.apply(this,arguments)}finally{v=G0}}},typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop==="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())})()});var dI=D3((Cr)=>{var lA=h(J0());(function(){function Z(){}function Y(w){return""+w}function Q(w,O,_){var A=3` tag.%s',_),typeof w==="string"&&typeof O==="object"&&O!==null&&typeof O.as==="string"){_=O.as;var A=z(_,O.crossOrigin);$.d.L(w,_,{crossOrigin:A,integrity:typeof O.integrity==="string"?O.integrity:void 0,nonce:typeof O.nonce==="string"?O.nonce:void 0,type:typeof O.type==="string"?O.type:void 0,fetchPriority:typeof O.fetchPriority==="string"?O.fetchPriority:void 0,referrerPolicy:typeof O.referrerPolicy==="string"?O.referrerPolicy:void 0,imageSrcSet:typeof O.imageSrcSet==="string"?O.imageSrcSet:void 0,imageSizes:typeof O.imageSizes==="string"?O.imageSizes:void 0,media:typeof O.media==="string"?O.media:void 0})}},Cr.preloadModule=function(w,O){var _="";typeof w==="string"&&w||(_+=" The `href` argument encountered was "+q(w)+"."),O!==void 0&&typeof O!=="object"?_+=" The `options` argument encountered was "+q(O)+".":O&&("as"in O)&&typeof O.as!=="string"&&(_+=" The `as` option encountered was "+q(O.as)+"."),_&&console.error('ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `` tag.%s',_),typeof w==="string"&&(O?(_=z(O.as,O.crossOrigin),$.d.m(w,{as:typeof O.as==="string"&&O.as!=="script"?O.as:void 0,crossOrigin:_,integrity:typeof O.integrity==="string"?O.integrity:void 0})):$.d.m(w))},Cr.requestFormReset=function(w){$.d.r(w)},Cr.unstable_batchedUpdates=function(w,O){return w(O)},Cr.useFormState=function(w,O,_){return W().useFormState(w,O,_)},Cr.useFormStatus=function(){return W().useHostTransitionStatus()},Cr.version="19.2.4",typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop==="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())})()});var b3=D3((kQ0,lI)=>{var Dr=h(dI());lI.exports=Dr});var aI=D3((br)=>{var r1=h(cI()),oQ=h(J0()),aA=h(b3());(function(){function Z(J,X){for(J=J.memoizedState;J!==null&&0=X.length)return G;var H=X[K],N=T2(J)?J.slice():E1({},J);return N[H]=Y(J[H],X,K+1,G),N}function Q(J,X,K){if(X.length!==K.length)console.warn("copyWithRename() expects paths of the same length");else{for(var G=0;GP8?console.error("Unexpected pop."):(X!==L_[P8]&&console.error("Unexpected Fiber popped."),J.current=V_[P8],V_[P8]=null,L_[P8]=null,P8--)}function $0(J,X,K){P8++,V_[P8]=J.current,L_[P8]=K,J.current=X}function H0(J){return J===null&&console.error("Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."),J}function e(J,X){$0(S9,X,J),$0(iq,J,J),$0(y9,null,J);var K=X.nodeType;switch(K){case 9:case 11:K=K===9?"#document":"#fragment",X=(X=X.documentElement)?(X=X.namespaceURI)?vD(X):k8:k8;break;default:if(K=X.tagName,X=X.namespaceURI)X=vD(X),X=CD(X,K);else switch(K){case"svg":X=rQ;break;case"math":X=iG;break;default:X=k8}}K=K.toLowerCase(),K=FT(null,K),K={context:X,ancestorInfo:K},z0(y9,J),$0(y9,K,J)}function X0(J){z0(y9,J),z0(iq,J),z0(S9,J)}function G0(){return H0(y9.current)}function Z0(J){J.memoizedState!==null&&$0(e$,J,J);var X=H0(y9.current),K=J.type,G=CD(X.context,K);K=FT(X.ancestorInfo,K),G={context:G,ancestorInfo:K},X!==G&&($0(iq,J,J),$0(y9,G,J))}function q0(J){iq.current===J&&(z0(y9,J),z0(iq,J)),e$.current===J&&(z0(e$,J),uK._currentValue=IY)}function f(){}function l(){if(tq===0){Qb=console.log,Xb=console.info,zb=console.warn,qb=console.error,Kb=console.group,Bb=console.groupCollapsed,Wb=console.groupEnd;var J={configurable:!0,enumerable:!0,value:f,writable:!0};Object.defineProperties(console,{info:J,log:J,warn:J,error:J,group:J,groupCollapsed:J,groupEnd:J})}tq++}function n(){if(tq--,tq===0){var J={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:E1({},J,{value:Qb}),info:E1({},J,{value:Xb}),warn:E1({},J,{value:zb}),error:E1({},J,{value:qb}),group:E1({},J,{value:Kb}),groupCollapsed:E1({},J,{value:Bb}),groupEnd:E1({},J,{value:Wb})})}0>tq&&console.error("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}function W0(J){var X=Error.prepareStackTrace;if(Error.prepareStackTrace=void 0,J=J.stack,Error.prepareStackTrace=X,J.startsWith(`Error: react-stack-top-frame +See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`),w}typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart==="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var $={d:{f:Z,r:function(){throw Error("Invalid form element. requestFormReset must be passed a form that was rendered by React.")},D:Z,C:Z,L:Z,m:Z,X:Z,S:Z,M:Z},p:0,findDOMNode:null},U=Symbol.for("react.portal"),M=lA.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;typeof Map==="function"&&Map.prototype!=null&&typeof Map.prototype.forEach==="function"&&typeof Set==="function"&&Set.prototype!=null&&typeof Set.prototype.clear==="function"&&typeof Set.prototype.forEach==="function"||console.error("React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"),Cr.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=$,Cr.createPortal=function(w,O){var _=2` tag.%s',_),typeof w==="string"&&typeof O==="object"&&O!==null&&typeof O.as==="string"){_=O.as;var A=z(_,O.crossOrigin);$.d.L(w,_,{crossOrigin:A,integrity:typeof O.integrity==="string"?O.integrity:void 0,nonce:typeof O.nonce==="string"?O.nonce:void 0,type:typeof O.type==="string"?O.type:void 0,fetchPriority:typeof O.fetchPriority==="string"?O.fetchPriority:void 0,referrerPolicy:typeof O.referrerPolicy==="string"?O.referrerPolicy:void 0,imageSrcSet:typeof O.imageSrcSet==="string"?O.imageSrcSet:void 0,imageSizes:typeof O.imageSizes==="string"?O.imageSizes:void 0,media:typeof O.media==="string"?O.media:void 0})}},Cr.preloadModule=function(w,O){var _="";typeof w==="string"&&w||(_+=" The `href` argument encountered was "+q(w)+"."),O!==void 0&&typeof O!=="object"?_+=" The `options` argument encountered was "+q(O)+".":O&&("as"in O)&&typeof O.as!=="string"&&(_+=" The `as` option encountered was "+q(O.as)+"."),_&&console.error('ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `` tag.%s',_),typeof w==="string"&&(O?(_=z(O.as,O.crossOrigin),$.d.m(w,{as:typeof O.as==="string"&&O.as!=="script"?O.as:void 0,crossOrigin:_,integrity:typeof O.integrity==="string"?O.integrity:void 0})):$.d.m(w))},Cr.requestFormReset=function(w){$.d.r(w)},Cr.unstable_batchedUpdates=function(w,O){return w(O)},Cr.useFormState=function(w,O,_){return W().useFormState(w,O,_)},Cr.useFormStatus=function(){return W().useHostTransitionStatus()},Cr.version="19.2.4",typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop==="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())})()});var b3=D3((xQ0,lI)=>{var Dr=h(dI());lI.exports=Dr});var aI=D3((br)=>{var r1=h(cI()),iQ=h(J0()),aA=h(b3());(function(){function Z(J,X){for(J=J.memoizedState;J!==null&&0=X.length)return G;var H=X[K],N=T2(J)?J.slice():E1({},J);return N[H]=Y(J[H],X,K+1,G),N}function Q(J,X,K){if(X.length!==K.length)console.warn("copyWithRename() expects paths of the same length");else{for(var G=0;GP8?console.error("Unexpected pop."):(X!==R_[P8]&&console.error("Unexpected Fiber popped."),J.current=V_[P8],V_[P8]=null,R_[P8]=null,P8--)}function $0(J,X,K){P8++,V_[P8]=J.current,R_[P8]=K,J.current=X}function H0(J){return J===null&&console.error("Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."),J}function e(J,X){$0(S9,X,J),$0(iq,J,J),$0(j9,null,J);var K=X.nodeType;switch(K){case 9:case 11:K=K===9?"#document":"#fragment",X=(X=X.documentElement)?(X=X.namespaceURI)?vD(X):k8:k8;break;default:if(K=X.tagName,X=X.namespaceURI)X=vD(X),X=CD(X,K);else switch(K){case"svg":X=sQ;break;case"math":X=iG;break;default:X=k8}}K=K.toLowerCase(),K=FT(null,K),K={context:X,ancestorInfo:K},z0(j9,J),$0(j9,K,J)}function X0(J){z0(j9,J),z0(iq,J),z0(S9,J)}function G0(){return H0(j9.current)}function Z0(J){J.memoizedState!==null&&$0(e$,J,J);var X=H0(j9.current),K=J.type,G=CD(X.context,K);K=FT(X.ancestorInfo,K),G={context:G,ancestorInfo:K},X!==G&&($0(iq,J,J),$0(j9,G,J))}function q0(J){iq.current===J&&(z0(j9,J),z0(iq,J)),e$.current===J&&(z0(e$,J),uK._currentValue=IY)}function f(){}function d(){if(tq===0){Qb=console.log,Xb=console.info,zb=console.warn,qb=console.error,Kb=console.group,Bb=console.groupCollapsed,Wb=console.groupEnd;var J={configurable:!0,enumerable:!0,value:f,writable:!0};Object.defineProperties(console,{info:J,log:J,warn:J,error:J,group:J,groupCollapsed:J,groupEnd:J})}tq++}function n(){if(tq--,tq===0){var J={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:E1({},J,{value:Qb}),info:E1({},J,{value:Xb}),warn:E1({},J,{value:zb}),error:E1({},J,{value:qb}),group:E1({},J,{value:Kb}),groupCollapsed:E1({},J,{value:Bb}),groupEnd:E1({},J,{value:Wb})})}0>tq&&console.error("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}function W0(J){var X=Error.prepareStackTrace;if(Error.prepareStackTrace=void 0,J=J.stack,Error.prepareStackTrace=X,J.startsWith(`Error: react-stack-top-frame `)&&(J=J.slice(29)),X=J.indexOf(` `),X!==-1&&(J=J.slice(X+1)),X=J.indexOf("react_stack_bottom_frame"),X!==-1&&(X=J.lastIndexOf(` -`,X)),X!==-1)J=J.slice(0,X);else return"";return J}function C0(J){if(R_===void 0)try{throw Error()}catch(K){var X=K.stack.trim().match(/\n( *(at )?)/);R_=X&&X[1]||"",$b=-1)":-1F||E[N]!==s[F]){var o=` `+E[N].replace(" at new "," at ");return J.displayName&&o.includes("")&&(o=o.replace("",J.displayName)),typeof J==="function"&&v_.set(J,o),o}while(1<=N&&0<=F);break}}}finally{T_=!1,M0.H=G,n(),Error.prepareStackTrace=K}return E=(E=J?J.displayName||J.name:"")?C0(E):"",typeof J==="function"&&v_.set(J,E),E}function w0(J,X){switch(J.tag){case 26:case 27:case 5:return C0(J.type);case 16:return C0("Lazy");case 13:return J.child!==X&&X!==null?C0("Suspense Fallback"):C0("Suspense");case 19:return C0("SuspenseList");case 0:case 15:return u0(J.type,!1);case 11:return u0(J.type.render,!1);case 1:return u0(J.type,!0);case 31:return C0("Activity");default:return""}}function p0(J){try{var X="",K=null;do{X+=w0(J,K);var G=J._debugInfo;if(G)for(var H=G.length-1;0<=H;H--){var N=G[H];if(typeof N.name==="string"){var F=X;Z:{var{name:V,env:D,debugLocation:E}=N;if(E!=null){var s=W0(E),o=s.lastIndexOf(` `),c=o===-1?s:s.slice(o+1);if(c.indexOf(V)!==-1){var K0=` `+c;break Z}}K0=C0(V+(D?" ["+D+"]":""))}X=F+K0}}K=J,J=J.return}while(J);return X}catch(T0){return` Error generating stack: `+T0.message+` -`+T0.stack}}function t0(J){return(J=J?J.displayName||J.name:"")?C0(J):""}function R1(){if(v4===null)return null;var J=v4._debugOwner;return J!=null?a(J):null}function B1(){if(v4===null)return"";var J=v4;try{var X="";switch(J.tag===6&&(J=J.return),J.tag){case 26:case 27:case 5:X+=C0(J.type);break;case 13:X+=C0("Suspense");break;case 19:X+=C0("SuspenseList");break;case 31:X+=C0("Activity");break;case 30:case 0:case 15:case 1:J._debugOwner||X!==""||(X+=t0(J.type));break;case 11:J._debugOwner||X!==""||(X+=t0(J.type.render))}for(;J;)if(typeof J.tag==="number"){var K=J;J=K._debugOwner;var G=K._debugStack;if(J&&G){var H=W0(G);H!==""&&(X+=` +`+T0.stack}}function t0(J){return(J=J?J.displayName||J.name:"")?C0(J):""}function L1(){if(v4===null)return null;var J=v4._debugOwner;return J!=null?a(J):null}function B1(){if(v4===null)return"";var J=v4;try{var X="";switch(J.tag===6&&(J=J.return),J.tag){case 26:case 27:case 5:X+=C0(J.type);break;case 13:X+=C0("Suspense");break;case 19:X+=C0("SuspenseList");break;case 31:X+=C0("Activity");break;case 30:case 0:case 15:case 1:J._debugOwner||X!==""||(X+=t0(J.type));break;case 11:J._debugOwner||X!==""||(X+=t0(J.type.render))}for(;J;)if(typeof J.tag==="number"){var K=J;J=K._debugOwner;var G=K._debugStack;if(J&&G){var H=W0(G);H!==""&&(X+=` `+H)}}else if(J.debugStack!=null){var N=J.debugStack;(J=J.owner)&&N&&(X+=` `+W0(N))}else break;var F=X}catch(V){F=` Error generating stack: `+V.message+` -`+V.stack}return F}function L0(J,X,K,G,H,N,F){var V=v4;C1(J);try{return J!==null&&J._debugTask?J._debugTask.run(X.bind(null,K,G,H,N,F)):X(K,G,H,N,F)}finally{C1(V)}throw Error("runWithFiberInDEV should never be called in production. This is a bug in React.")}function C1(J){M0.getCurrentStack=J===null?null:B1,_3=!1,v4=J}function X5(J){return typeof Symbol==="function"&&Symbol.toStringTag&&J[Symbol.toStringTag]||J.constructor.name||"Object"}function n5(J){try{return O5(J),!1}catch(X){return!0}}function O5(J){return""+J}function w1(J,X){if(n5(J))return console.error("The provided `%s` attribute is an unsupported type %s. This value must be coerced to a string before using it here.",X,X5(J)),O5(J)}function t6(J,X){if(n5(J))return console.error("The provided `%s` CSS property is an unsupported type %s. This value must be coerced to a string before using it here.",X,X5(J)),O5(J)}function W1(J){if(n5(J))return console.error("Form field values (value, checked, defaultValue, or defaultChecked props) must be strings, not %s. This value must be coerced to a string before using it here.",X5(J)),O5(J)}function N4(J){if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u")return!1;var X=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(X.isDisabled)return!0;if(!X.supportsFiber)return console.error("The installed version of React DevTools is too old and will not work with the current version of React. Please update React DevTools. https://react.dev/link/react-devtools"),!0;try{wQ=X.inject(J),F7=X}catch(K){console.error("React instrumentation encountered an error: %o.",K)}return X.checkDCE?!0:!1}function S1(J){if(typeof pl==="function"&&cl(J),F7&&typeof F7.setStrictMode==="function")try{F7.setStrictMode(wQ,J)}catch(X){A3||(A3=!0,console.error("React instrumentation encountered an error: %o",X))}}function V6(J){return J>>>=0,J===0?32:31-(dl(J)/ll|0)|0}function Z7(J){var X=J&42;if(X!==0)return X;switch(J&-J){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:return 128;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:return J&261888;case 262144:case 524288:case 1048576:case 2097152:return J&3932160;case 4194304:case 8388608:case 16777216:case 33554432:return J&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 0;default:return console.error("Should have found matching lanes. This is a bug in React."),J}}function d4(J,X,K){var G=J.pendingLanes;if(G===0)return 0;var H=0,N=J.suspendedLanes,F=J.pingedLanes;J=J.warmLanes;var V=G&134217727;return V!==0?(G=V&~N,G!==0?H=Z7(G):(F&=V,F!==0?H=Z7(F):K||(K=V&~J,K!==0&&(H=Z7(K))))):(V=G&~N,V!==0?H=Z7(V):F!==0?H=Z7(F):K||(K=G&~J,K!==0&&(H=Z7(K)))),H===0?0:X!==0&&X!==H&&(X&N)===0&&(N=H&-H,K=X&-X,N>=K||N===32&&(K&4194048)!==0)?X:H}function x2(J,X){return(J.pendingLanes&~(J.suspendedLanes&~J.pingedLanes)&X)===0}function L6(J,X){switch(J){case 1:case 2:case 4:case 8:case 64:return X+250;case 16:case 32:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return X+5000;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return console.error("Should have found matching lanes. This is a bug in React."),-1}}function R6(){var J=JG;return JG<<=1,(JG&62914560)===0&&(JG=4194304),J}function Y7(J){for(var X=[],K=0;31>K;K++)X.push(J);return X}function C5(J,X){J.pendingLanes|=X,X!==268435456&&(J.suspendedLanes=0,J.pingedLanes=0,J.warmLanes=0)}function $2(J,X,K,G,H,N){var F=J.pendingLanes;J.pendingLanes=K,J.suspendedLanes=0,J.pingedLanes=0,J.warmLanes=0,J.expiredLanes&=K,J.entangledLanes&=K,J.errorRecoveryDisabledLanes&=K,J.shellSuspendCounter=0;var{entanglements:V,expirationTimes:D,hiddenUpdates:E}=J;for(K=F&~K;0"u")return null;try{return J.activeElement||J.body}catch(X){return J.body}}function S0(J){return J.replace(il,function(X){return"\\"+X.charCodeAt(0).toString(16)+" "})}function l0(J,X){X.checked===void 0||X.defaultChecked===void 0||Nb||(console.error("%s contains an input of type %s with both checked and defaultChecked props. Input elements must be either controlled or uncontrolled (specify either the checked prop, or the defaultChecked prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",R1()||"A component",X.type),Nb=!0),X.value===void 0||X.defaultValue===void 0||wb||(console.error("%s contains an input of type %s with both value and defaultValue props. Input elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",R1()||"A component",X.type),wb=!0)}function r0(J,X,K,G,H,N,F,V){if(J.name="",F!=null&&typeof F!=="function"&&typeof F!=="symbol"&&typeof F!=="boolean"?(w1(F,"type"),J.type=F):J.removeAttribute("type"),X!=null)if(F==="number"){if(X===0&&J.value===""||J.value!=X)J.value=""+t(X)}else J.value!==""+t(X)&&(J.value=""+t(X));else F!=="submit"&&F!=="reset"||J.removeAttribute("value");X!=null?a0(J,F,t(X)):K!=null?a0(J,F,t(K)):G!=null&&J.removeAttribute("value"),H==null&&N!=null&&(J.defaultChecked=!!N),H!=null&&(J.checked=H&&typeof H!=="function"&&typeof H!=="symbol"),V!=null&&typeof V!=="function"&&typeof V!=="symbol"&&typeof V!=="boolean"?(w1(V,"name"),J.name=""+t(V)):J.removeAttribute("name")}function J1(J,X,K,G,H,N,F,V){if(N!=null&&typeof N!=="function"&&typeof N!=="symbol"&&typeof N!=="boolean"&&(w1(N,"type"),J.type=N),X!=null||K!=null){if(!(N!=="submit"&&N!=="reset"||X!==void 0&&X!==null)){P0(J);return}K=K!=null?""+t(K):"",X=X!=null?""+t(X):K,V||X===J.value||(J.value=X),J.defaultValue=X}G=G!=null?G:H,G=typeof G!=="function"&&typeof G!=="symbol"&&!!G,J.checked=V?J.checked:!!G,J.defaultChecked=!!G,F!=null&&typeof F!=="function"&&typeof F!=="symbol"&&typeof F!=="boolean"&&(w1(F,"name"),J.name=F),P0(J)}function a0(J,X,K){X==="number"&&y0(J.ownerDocument)===J||J.defaultValue===""+K||(J.defaultValue=""+K)}function p1(J,X){X.value==null&&(typeof X.children==="object"&&X.children!==null?oQ.Children.forEach(X.children,function(K){K==null||typeof K==="string"||typeof K==="number"||typeof K==="bigint"||_b||(_b=!0,console.error("Cannot infer the option value of complex children. Pass a `value` prop or use a plain string as children to