@coinlist-co/react 0.11.0 → 0.11.1-rc.8cfcd2a

package/dist/client/index.js

@@ -1,7 +1,10 @@
 import {
   AuthenticatedApiClient,
-  NABU_BASE_URL
-} from "../chunk-KDGNDAHA.js";
+  NABU_BASE_URL,
+  PINO_LEVEL,
+  SDK_LOGGER_NAME,
+  loggerOverPino
+} from "../chunk-AQIHCFW4.js";
 import {
   AuthorizationCode,
   CodeVerifier,
@@ -13,6 +16,7 @@ import {
   ONDO_QUOTE_EXPIRY_THRESHOLD_MS,
   ONDO_SUPPORTED_INPUT_ASSETS,
   OffersNamespaceImpl,
+  RedactedWalletError,
   SLIPPAGE_OPTIONS_BPS,
   SUPERSTATE_ISSUER_NAME,
   SUPERSTATE_SUPPORTED_INPUT_ASSETS,
@@ -30,7 +34,7 @@ import {
   isStopped,
   ondoSwapContractAddress,
   superstateSwapContractAddress
-} from "../chunk-B2HCVPCQ.js";
+} from "../chunk-5KYO7OOX.js";
 import {
   API_VERSION,
   AssetDecimals,
@@ -60,31 +64,30 @@ import {
   TokensNamespaceImpl,
   VERIFY_IDENTITY_ACCREDITATION_PATH,
   VERIFY_IDENTITY_PATH,
-  VERIFY_IDENTITY_PROOF_OF_ADDRESS_PATH,
-  VERIFY_IDENTITY_SOURCE_OF_FUNDS_PATH,
-  VERIFY_IDENTITY_VERIFIED_PATH,
   WALLET_PATH,
   WalletAddress,
   WalletsNamespaceImpl,
   apiErrorCode,
   assetAmount,
+  describeErrorUnredacted,
   formatAmount,
   formatBpsAsPercent,
   formatRawAmount,
   formattedUsdPrice,
   getNetworkName,
   getUUIDv4,
+  internalLogger,
   parseBlockchainAmount,
   shortenAddress,
   txExplorerUrl,
   usdAmount
-} from "../chunk-UIIXXLA7.js";
+} from "../chunk-ZVB6KWZ2.js";
 
 // src/client/CoinListProvider.tsx
 import {
-  createContext as createContext2,
+  createContext as createContext3,
   useEffect,
-  useMemo,
+  useMemo as useMemo2,
   useState
 } from "react";
 
@@ -125,10 +128,13 @@ function generateUserAgent() {
 
 // src/client/core/api/api-client.ts
 var ApiClient = class {
-  constructor(config, fetchAccessToken) {
-    this.client = new AuthenticatedApiClient(config, fetchAccessToken, [
-      userAgentMiddleware
-    ]);
+  constructor(config, fetchAccessToken, logger = null) {
+    this.client = new AuthenticatedApiClient(
+      config,
+      fetchAccessToken,
+      [userAgentMiddleware],
+      logger
+    );
   }
   async send(request) {
     return this.client.send(request);
@@ -142,11 +148,15 @@ var ClientAuthNamespaceImpl = class {
   constructor(config, session) {
     this.config = config;
     this.session = session;
+    this.log = internalLogger(config.logger ?? null, "AUTH");
   }
   getState() {
     return this.session.getState();
   }
   async startOAuth() {
+    return this.log.wrap("startOAuth", void 0, () => this.redirectToOAuth());
+  }
+  async redirectToOAuth() {
     const pkceParams = await generatePKCEParams(this.config);
     sessionStorage.setItem(OAUTH_STATE_KEY, pkceParams.state);
     sessionStorage.setItem(OAUTH_CODE_VERIFIER_KEY, pkceParams.codeVerifier);
@@ -159,9 +169,37 @@ var ClientAuthNamespaceImpl = class {
       state: pkceParams.state
     });
     const baseUrl = this.config.coinlistBaseUrl ?? COINLIST_BASE_URL;
+    this.log.child({ op: "startOAuth" }).info(() => ({ msg: "redirecting to CoinList", fields: { baseUrl } }));
     window.location.href = `${baseUrl}${OAUTH_PAGE_PATH}?${params.toString()}`;
   }
+  /**
+   * Every failure here is silent from the browser's side - a state mismatch
+   * and a missing verifier both just leave the user logged out - so the
+   * reason is logged rather than left for the host to infer from a callback.
+   */
   completeOAuth() {
+    const result = this.readOauthCallback();
+    switch (result.type) {
+      case "error":
+        this.log.child({ op: "completeOAuth" }).error(() => ({
+          msg: "oauth callback rejected",
+          fields: { reason: result.reason }
+        }));
+        return result;
+      case "ok":
+        this.log.child({ op: "completeOAuth" }).info(() => ({ msg: "authorization code received" }));
+        return result;
+      default: {
+        const _exhaustive = result;
+        return result;
+      }
+    }
+  }
+  logout() {
+    this.log.child({ op: "logout" }).info(() => ({ msg: "access token cleared" }));
+    this.session.clearAccessToken();
+  }
+  readOauthCallback() {
     const params = new URLSearchParams(window.location.search);
     const coinlistError = params.get("error");
     if (coinlistError) {
@@ -189,33 +227,42 @@ var ClientAuthNamespaceImpl = class {
       codeVerifier: CodeVerifier(codeVerifierValue)
     };
   }
-  logout() {
-    this.session.clearAccessToken();
-  }
 };
 
 // src/client/core/blockchain/wallet-error.ts
 import {
+  BaseError,
   ContractFunctionRevertedError,
   InsufficientFundsError,
   UserRejectedRequestError,
   WaitForTransactionReceiptTimeoutError
 } from "viem";
 function classifyWalletError(error, ctx) {
-  if (error instanceof UserRejectedRequestError) {
+  if (causeOf(error, UserRejectedRequestError)) {
     return { type: "user_rejected" };
   }
-  if (error instanceof InsufficientFundsError) {
+  if (causeOf(error, InsufficientFundsError)) {
     return { type: "insufficient_funds" };
   }
-  if (error instanceof ContractFunctionRevertedError) {
-    return { type: "contract_reverted", reason: error.reason ?? error.message };
+  const reverted = causeOf(error, ContractFunctionRevertedError);
+  if (reverted) {
+    return { type: "contract_reverted", reason: revertReason(reverted) };
   }
-  if (error instanceof WaitForTransactionReceiptTimeoutError && ctx?.hash) {
+  if (causeOf(error, WaitForTransactionReceiptTimeoutError) && ctx?.hash) {
     return { type: "timeout", hash: ctx.hash };
   }
   return { type: "unknown", cause: error };
 }
+function causeOf(error, errorClass) {
+  if (error instanceof errorClass) return error;
+  if (!(error instanceof BaseError)) return null;
+  const found = error.walk((cause) => cause instanceof errorClass);
+  return found instanceof errorClass ? found : null;
+}
+function revertReason(error) {
+  if (!error.raw || error.raw === "0x") return null;
+  return error.reason ?? error.data?.errorName ?? error.signature ?? null;
+}
 
 // src/client/core/blockchain/erc20/approval.ts
 async function ensureErc20Allowance({
@@ -394,6 +441,72 @@ async function executeTokenSale(params) {
   return { type: "success", participation, approvalTxHash };
 }
 
+// src/client/core/observability/flow-logging.ts
+async function withFlowLogging(log, flow, onProgress, run) {
+  const flowLog = log.child({ flow });
+  flowLog.info(() => ({ msg: "flow started" }));
+  try {
+    const result = await run((phase) => {
+      flowLog.info(() => ({ msg: "flow advanced", fields: { phase } }));
+      onProgress?.(phase);
+    });
+    logOutcome(flowLog, result);
+    return result;
+  } catch (error) {
+    flowLog.failure(
+      () => ({ msg: "flow threw instead of returning a step" }),
+      error
+    );
+    throw error;
+  }
+}
+function logOutcome(log, outcome) {
+  switch (outcome.type) {
+    case "success":
+      log.info(() => ({ msg: "flow succeeded" }));
+      return;
+    case "error":
+      log.debug(() => ({
+        msg: "flow failed",
+        fields: {
+          step: outcome.error.step,
+          error: describeErrorUnredacted(outcome.error.cause)
+        }
+      }));
+      log.error(() => ({
+        msg: "flow failed",
+        fields: { step: outcome.error.step },
+        ...walletCause(outcome.error.cause)
+      }));
+      return;
+    default: {
+      const _exhaustive = outcome;
+      return;
+    }
+  }
+}
+function walletCause(cause) {
+  if (!isWalletError(cause)) return {};
+  return {
+    cause: {
+      type: "wallet",
+      error: RedactedWalletError.fromWalletError(cause)
+    }
+  };
+}
+var WALLET_ERROR_TYPES = /* @__PURE__ */ new Set([
+  "user_rejected",
+  "insufficient_funds",
+  "contract_reverted",
+  "timeout",
+  "unknown"
+]);
+function isWalletError(value) {
+  if (typeof value !== "object" || value === null) return false;
+  const type = value.type;
+  return typeof type === "string" && WALLET_ERROR_TYPES.has(type);
+}
+
 // src/client/core/checkout/coin-list/client-token-sale-namespace.ts
 var ClientCoinListTokenSaleNamespaceImpl = class extends CoinListTokenSaleNamespaceImpl {
   constructor(ctx, erc20) {
@@ -401,7 +514,17 @@ var ClientCoinListTokenSaleNamespaceImpl = class extends CoinListTokenSaleNamesp
     this.erc20 = erc20;
   }
   execute(params) {
-    return executeTokenSale({ ...params, erc20: this.erc20, tokenSale: this });
+    return withFlowLogging(
+      this.log,
+      "execute",
+      params.onProgress,
+      (onProgress) => executeTokenSale({
+        ...params,
+        onProgress,
+        erc20: this.erc20,
+        tokenSale: this
+      })
+    );
   }
 };
 
@@ -515,10 +638,25 @@ var ClientOndoNamespaceImpl = class extends OndoNamespaceImpl {
     this.erc20 = erc20;
   }
   prepareSwap(params) {
-    return prepareOndoSwap({ ...params, ondo: this, erc20: this.erc20 });
+    return withFlowLogging(
+      this.log,
+      "prepareSwap",
+      params.onProgress,
+      (onProgress) => prepareOndoSwap({
+        ...params,
+        onProgress,
+        ondo: this,
+        erc20: this.erc20
+      })
+    );
   }
   executeSwap(params) {
-    return executeOndoSwap(params);
+    return withFlowLogging(
+      this.log,
+      "executeSwap",
+      params.onProgress,
+      (onProgress) => executeOndoSwap({ ...params, onProgress })
+    );
   }
 };
 
@@ -711,10 +849,25 @@ var ClientSuperstateSwapNamespaceImpl = class extends SuperstateSwapNamespaceImp
     this.wallets = wallets;
   }
   execute(params) {
-    return executeSwap({ ...params, swap: this, erc20: this.erc20 });
+    return withFlowLogging(
+      this.log,
+      "execute",
+      params.onProgress,
+      (onProgress) => executeSwap({ ...params, onProgress, swap: this, erc20: this.erc20 })
+    );
   }
   authorizeWallet(params) {
-    return authorizeWallet({ ...params, swap: this, wallets: this.wallets });
+    return withFlowLogging(
+      this.log,
+      "authorizeWallet",
+      params.onProgress,
+      (onProgress) => authorizeWallet({
+        ...params,
+        onProgress,
+        swap: this,
+        wallets: this.wallets
+      })
+    );
   }
 };
 
@@ -740,12 +893,6 @@ function requirementPath(requirement) {
   switch (requirement.type) {
     case "kyc_approved":
       return VERIFY_IDENTITY_PATH;
-    case "identity_verified":
-      return VERIFY_IDENTITY_VERIFIED_PATH;
-    case "proof_of_address":
-      return VERIFY_IDENTITY_PROOF_OF_ADDRESS_PATH;
-    case "source_of_funds":
-      return VERIFY_IDENTITY_SOURCE_OF_FUNDS_PATH;
     case "accreditation":
       return VERIFY_IDENTITY_ACCREDITATION_PATH;
     case "external_wallet":
@@ -770,7 +917,14 @@ function requirementPath(requirement) {
 
 // src/client/core/support/client-support-namespace.ts
 var ClientSupportNamespaceImpl = class {
+  constructor(logger = null) {
+    this.log = internalLogger(logger, "SUPPORT");
+  }
   contact() {
+    this.log.child({ op: "contact" }).info(() => ({
+      msg: "opening the support ticket page",
+      fields: { supportUrl: SUPPORT_NEW_TICKET_URL }
+    }));
     openInNewTab(SUPPORT_NEW_TICKET_URL);
   }
 };
@@ -781,15 +935,18 @@ var CoinListClientImpl = class {
     this._config = _config;
     /** Cached access token: undefined = loading, null = no token, AccessToken = logged in */
     this._accessToken = void 0;
+    const logger = _config.logger ?? null;
     this.api = new ApiClient(
       {
         baseUrl: _config.baseUrl || PUBLIC_API_BASE_URL,
         xApiVersion: API_VERSION
       },
-      this.fetchAccessToken.bind(this)
+      this.fetchAccessToken.bind(this),
+      logger
     );
     const ctx = {
       api: this.api,
+      logger,
       ensureUserAuthenticated: async () => this.ensureAuthenticated()
     };
     this.auth = new ClientAuthNamespaceImpl(_config, {
@@ -813,9 +970,10 @@ var CoinListClientImpl = class {
     );
     this.ondo = new ClientOndoNamespaceImpl(ctx, this.erc20);
     this.tokens = new TokensNamespaceImpl(
-      _config.tokensBaseUrl ?? NABU_BASE_URL
+      _config.tokensBaseUrl ?? NABU_BASE_URL,
+      logger
     );
-    this.support = new ClientSupportNamespaceImpl();
+    this.support = new ClientSupportNamespaceImpl(logger);
   }
   async init() {
     await this.fetchAccessToken(true);
@@ -856,16 +1014,27 @@ function useLocale() {
   return useContext(CoinListLocaleContext);
 }
 
+// src/client/hooks/shared/useLogger.ts
+import { createContext as createContext2, useContext as useContext2, useMemo } from "react";
+var CoinListLoggerContext = createContext2(null);
+function useLogger(hook) {
+  const logger = useContext2(CoinListLoggerContext);
+  return useMemo(
+    () => internalLogger(logger, "HOOKS").child({ hook }),
+    [logger, hook]
+  );
+}
+
 // src/client/CoinListProvider.tsx
 import { jsx } from "react/jsx-runtime";
-var CoinListContext = createContext2(null);
+var CoinListContext = createContext3(null);
 function CoinListContextProvider({
   config,
   locale,
   children
 }) {
   const [isReady, setIsReady] = useState(false);
-  const coinlist = useMemo(() => createCoinListClient(config), [config]);
+  const coinlist = useMemo2(() => createCoinListClient(config), [config]);
   useEffect(() => {
     let isCancelled = false;
     if (coinlist.auth.getState() === "unknown") {
@@ -885,22 +1054,23 @@ function CoinListContextProvider({
       isCancelled = true;
     };
   }, [coinlist]);
-  const value = useMemo(() => ({ coinlist, isReady }), [coinlist, isReady]);
-  return /* @__PURE__ */ jsx(CoinListContext.Provider, { value, children: /* @__PURE__ */ jsx(CoinListLocaleContext.Provider, { value: locale ?? DEFAULT_LOCALE, children }) });
+  const value = useMemo2(() => ({ coinlist, isReady }), [coinlist, isReady]);
+  const logger = config.logger ?? null;
+  return /* @__PURE__ */ jsx(CoinListContext.Provider, { value, children: /* @__PURE__ */ jsx(CoinListLocaleContext.Provider, { value: locale ?? DEFAULT_LOCALE, children: /* @__PURE__ */ jsx(CoinListLoggerContext.Provider, { value: logger, children }) }) });
 }
 var CoinListProvider = CoinListContextProvider;
 
 // src/client/CoinListStyleScope.tsx
-import { createContext as createContext3, useContext as useContext2 } from "react";
+import { createContext as createContext4, useContext as useContext3 } from "react";
 
 // src/client/generated/sdk-styles.gen.ts
 var sdkStyles = '/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--clcosdk-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--clcosdk-color-red-400:oklch(70.4% .191 22.216);--clcosdk-color-red-500:oklch(63.7% .237 25.331);--clcosdk-color-amber-500:oklch(76.9% .188 70.08);--clcosdk-color-gray-400:oklch(70.7% .022 261.325);--clcosdk-color-gray-500:oklch(55.1% .027 264.364);--clcosdk-color-black:#000;--clcosdk-spacing:.25rem;--clcosdk-container-sm:24rem;--clcosdk-container-md:28rem;--clcosdk-container-xl:36rem;--clcosdk-text-xs:.75rem;--clcosdk-text-xs--line-height:calc(1 / .75);--clcosdk-text-sm:.875rem;--clcosdk-text-sm--line-height:calc(1.25 / .875);--clcosdk-text-base:1rem;--clcosdk-text-base--line-height:calc(1.5 / 1);--clcosdk-text-lg:1.125rem;--clcosdk-text-lg--line-height:calc(1.75 / 1.125);--clcosdk-font-weight-normal:400;--clcosdk-font-weight-medium:500;--clcosdk-font-weight-semibold:600;--clcosdk-radius-md:.375rem;--clcosdk-radius-lg:.5rem;--clcosdk-radius-xl:.75rem;--clcosdk-radius-2xl:1rem;--clcosdk-ease-in-out:cubic-bezier(.4, 0, .2, 1);--clcosdk-animate-spin:spin 1s linear infinite;--clcosdk-animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--clcosdk-color-brand-primary:var(--color-brand-primary)}}@layer base{.clco-sdk-root{--color-brand-primary:#171717;--color-brand-primary-hover:#000;--color-brand-primary-active:#262626;--color-accent:#2b3a67;--color-accent-hover:#243057;--color-accent-active:#1d2647;--color-accent-focus:#c7d2fe;--color-accent-subtle:#eef1f8;--color-text-primary:#171717;--color-text-secondary:#8c8c8c;--color-text-disabled:#d1d1d1;--color-text-inverse:#fff;--color-background:#fff;--color-surface:#fafafa;--color-section:#f3f3f3;--color-border:#e5e5e5;--color-divider:#ececec;--color-overlay:#00000080;--color-positive:#15803d;--color-positive-subtle:#dcfce7;--color-negative:#dc2626;--color-negative-subtle:#fee2e2;--color-success:#2c8c5e;--color-success-subtle:#e6f4ec;--color-success-border:#cfe9db;--color-warning:#e08a1a;--color-warning-subtle:#fff7ed;--color-warning-border:#fdead7;--color-error:#b42318;--color-error-subtle:#feeceb;--color-error-border:#fbd5d2;--shadow-step-active:0px 0px 10px 0px #0000001a;--shadow-dialog:0px 8px 32px 0px #0000001a;--btn-primary-gradient:linear-gradient(180deg, #262626 0%, #1c1c1c 50%, #0f0f0f 100%);--btn-primary-shadow:inset 0px -1px 3px 0px #00000059, inset 0px 1px 2px 0px #ffffff2e, inset 0px 1px 0px 0px #ffffff1a}@media (prefers-color-scheme:dark){.clco-sdk-root:not(:where(.light,.light *)){--color-brand-primary:#f4f4f5;--color-brand-primary-hover:#fff;--color-brand-primary-active:#e4e4e7;--color-accent:#6f82c9;--color-accent-hover:#8799e4;--color-accent-active:#5b6fcf;--color-accent-focus:#6f82c959;--color-accent-subtle:#6f82c91f;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-disabled:#71717a;--color-text-inverse:#171717;--color-background:#0f1115;--color-surface:#161a20;--color-section:#20242c;--color-border:#2a2e35;--color-divider:#323741;--color-overlay:#000000b3;--color-positive:#22c55e;--color-positive-subtle:#22c55e1f;--color-negative:#ef4444;--color-negative-subtle:#ef44441f;--color-success:#34d399;--color-success-subtle:#34d3991f;--color-success-border:#34d39940;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b1f;--color-warning-border:#f59e0b40;--color-error:#f87171;--color-error-subtle:#f871711f;--color-error-border:#f8717140;--shadow-step-active:0px 0px 10px 0px #00000080;--shadow-dialog:0px 8px 32px 0px #0009;--btn-primary-gradient:linear-gradient(180deg, #fafafa 0%, #f0f0f0 50%, #e4e4e7 100%);--btn-primary-shadow:inset 0px -1px 3px 0px #0000001f, inset 0px 1px 2px 0px #fff9, inset 0px 1px 0px 0px #fff6}}:where(.dark,.dark *) .clco-sdk-root{--color-brand-primary:#f4f4f5;--color-brand-primary-hover:#fff;--color-brand-primary-active:#e4e4e7;--color-accent:#6f82c9;--color-accent-hover:#8799e4;--color-accent-active:#5b6fcf;--color-accent-focus:#6f82c959;--color-accent-subtle:#6f82c91f;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-disabled:#71717a;--color-text-inverse:#171717;--color-background:#0f1115;--color-surface:#161a20;--color-section:#20242c;--color-border:#2a2e35;--color-divider:#323741;--color-overlay:#000000b3;--color-positive:#22c55e;--color-positive-subtle:#22c55e1f;--color-negative:#ef4444;--color-negative-subtle:#ef44441f;--color-success:#34d399;--color-success-subtle:#34d3991f;--color-success-border:#34d39940;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b1f;--color-warning-border:#f59e0b40;--color-error:#f87171;--color-error-subtle:#f871711f;--color-error-border:#f8717140;--shadow-step-active:0px 0px 10px 0px #00000080;--shadow-dialog:0px 8px 32px 0px #0009;--btn-primary-gradient:linear-gradient(180deg, #fafafa 0%, #f0f0f0 50%, #e4e4e7 100%);--btn-primary-shadow:inset 0px -1px 3px 0px #0000001f, inset 0px 1px 2px 0px #fff9, inset 0px 1px 0px 0px #fff6}.clco-sdk-root{color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.clco-sdk-root *,.clco-sdk-root :before,.clco-sdk-root :after{box-sizing:border-box}.clco-sdk-root button{appearance:none;cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;padding:0}.clco-sdk-root input,.clco-sdk-root textarea,.clco-sdk-root select{font:inherit;color:inherit;background:0 0;border:none;border-radius:0;padding:0}.clco-sdk-root a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.clco-sdk-root ul,.clco-sdk-root ol{margin:0;padding:0;list-style:none}.clco-sdk-root h1,.clco-sdk-root h2,.clco-sdk-root h3,.clco-sdk-root h4,.clco-sdk-root h5,.clco-sdk-root h6,.clco-sdk-root p,.clco-sdk-root figure,.clco-sdk-root blockquote,.clco-sdk-root dl,.clco-sdk-root dd,.clco-sdk-root pre{margin:0}.clco-sdk-root img,.clco-sdk-root svg{max-width:100%;display:block}}@layer components;@layer utilities{.clcosdk\\:pointer-events-none{pointer-events:none}.clcosdk\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.clcosdk\\:absolute{position:absolute}.clcosdk\\:fixed{position:fixed}.clcosdk\\:relative{position:relative}.clcosdk\\:inset-0{inset:calc(var(--clcosdk-spacing) * 0)}.clcosdk\\:top-4{top:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:top-full{top:100%}.clcosdk\\:-right-0\\.5{right:calc(var(--clcosdk-spacing) * -.5)}.clcosdk\\:right-4{right:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:-bottom-0\\.5{bottom:calc(var(--clcosdk-spacing) * -.5)}.clcosdk\\:bottom-full{bottom:100%}.clcosdk\\:left-1\\/2{left:50%}.clcosdk\\:z-50{z-index:50}.clcosdk\\:order-1{order:1}.clcosdk\\:order-2{order:2}.clcosdk\\:mt-2{margin-top:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:mt-4{margin-top:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:mb-2{margin-bottom:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:mb-6{margin-bottom:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:flex{display:flex}.clcosdk\\:grid{display:grid}.clcosdk\\:inline-flex{display:inline-flex}.clcosdk\\:size-2{width:calc(var(--clcosdk-spacing) * 2);height:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:size-3{width:calc(var(--clcosdk-spacing) * 3);height:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:size-3\\.5{width:calc(var(--clcosdk-spacing) * 3.5);height:calc(var(--clcosdk-spacing) * 3.5)}.clcosdk\\:size-4{width:calc(var(--clcosdk-spacing) * 4);height:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:size-5{width:calc(var(--clcosdk-spacing) * 5);height:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:size-10{width:calc(var(--clcosdk-spacing) * 10);height:calc(var(--clcosdk-spacing) * 10)}.clcosdk\\:size-16{width:calc(var(--clcosdk-spacing) * 16);height:calc(var(--clcosdk-spacing) * 16)}.clcosdk\\:size-24{width:calc(var(--clcosdk-spacing) * 24);height:calc(var(--clcosdk-spacing) * 24)}.clcosdk\\:size-full{width:100%;height:100%}.clcosdk\\:h-1{height:calc(var(--clcosdk-spacing) * 1)}.clcosdk\\:h-3{height:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:h-4{height:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:h-5{height:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:h-6{height:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:h-8{height:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:h-9{height:calc(var(--clcosdk-spacing) * 9)}.clcosdk\\:h-10{height:calc(var(--clcosdk-spacing) * 10)}.clcosdk\\:h-11{height:calc(var(--clcosdk-spacing) * 11)}.clcosdk\\:h-12{height:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:h-14{height:calc(var(--clcosdk-spacing) * 14)}.clcosdk\\:h-28{height:calc(var(--clcosdk-spacing) * 28)}.clcosdk\\:h-52{height:calc(var(--clcosdk-spacing) * 52)}.clcosdk\\:h-\\[18px\\]{height:18px}.clcosdk\\:h-\\[54px\\]{height:54px}.clcosdk\\:h-auto{height:auto}.clcosdk\\:h-full{height:100%}.clcosdk\\:h-px{height:1px}.clcosdk\\:max-h-\\[92vh\\]{max-height:92vh}.clcosdk\\:max-h-full{max-height:100%}.clcosdk\\:min-h-0{min-height:calc(var(--clcosdk-spacing) * 0)}.clcosdk\\:min-h-9{min-height:calc(var(--clcosdk-spacing) * 9)}.clcosdk\\:min-h-40{min-height:calc(var(--clcosdk-spacing) * 40)}.clcosdk\\:min-h-\\[2\\.4rem\\]{min-height:2.4rem}.clcosdk\\:min-h-screen{min-height:100vh}.clcosdk\\:w-1{width:calc(var(--clcosdk-spacing) * 1)}.clcosdk\\:w-4{width:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:w-5{width:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:w-6{width:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:w-12{width:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:w-16{width:calc(var(--clcosdk-spacing) * 16)}.clcosdk\\:w-20{width:calc(var(--clcosdk-spacing) * 20)}.clcosdk\\:w-24{width:calc(var(--clcosdk-spacing) * 24)}.clcosdk\\:w-28{width:calc(var(--clcosdk-spacing) * 28)}.clcosdk\\:w-32{width:calc(var(--clcosdk-spacing) * 32)}.clcosdk\\:w-40{width:calc(var(--clcosdk-spacing) * 40)}.clcosdk\\:w-48{width:calc(var(--clcosdk-spacing) * 48)}.clcosdk\\:w-80{width:calc(var(--clcosdk-spacing) * 80)}.clcosdk\\:w-96{width:calc(var(--clcosdk-spacing) * 96)}.clcosdk\\:w-\\[16px\\]{width:16px}.clcosdk\\:w-\\[448px\\]{width:448px}.clcosdk\\:w-auto{width:auto}.clcosdk\\:w-component{width:448px}.clcosdk\\:w-fit{width:fit-content}.clcosdk\\:w-full{width:100%}.clcosdk\\:w-max{width:max-content}.clcosdk\\:max-w-\\[16rem\\]{max-width:16rem}.clcosdk\\:max-w-\\[22rem\\]{max-width:22rem}.clcosdk\\:max-w-\\[28rem\\]{max-width:28rem}.clcosdk\\:max-w-\\[30rem\\]{max-width:30rem}.clcosdk\\:max-w-\\[760px\\]{max-width:760px}.clcosdk\\:max-w-\\[1200px\\]{max-width:1200px}.clcosdk\\:max-w-full{max-width:100%}.clcosdk\\:max-w-md{max-width:var(--clcosdk-container-md)}.clcosdk\\:max-w-sm{max-width:var(--clcosdk-container-sm)}.clcosdk\\:max-w-xl{max-width:var(--clcosdk-container-xl)}.clcosdk\\:min-w-0{min-width:calc(var(--clcosdk-spacing) * 0)}.clcosdk\\:flex-1{flex:1}.clcosdk\\:shrink-0{flex-shrink:0}.clcosdk\\:-translate-x-1\\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.clcosdk\\:rotate-90{rotate:90deg}.clcosdk\\:rotate-180{rotate:180deg}.clcosdk\\:animate-pulse{animation:var(--clcosdk-animate-pulse)}.clcosdk\\:animate-spin{animation:var(--clcosdk-animate-spin)}.clcosdk\\:cursor-pointer{cursor:pointer}.clcosdk\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.clcosdk\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.clcosdk\\:grid-rows-\\[0fr\\]{grid-template-rows:0fr}.clcosdk\\:grid-rows-\\[1fr\\]{grid-template-rows:1fr}.clcosdk\\:flex-col{flex-direction:column}.clcosdk\\:flex-wrap{flex-wrap:wrap}.clcosdk\\:items-center{align-items:center}.clcosdk\\:items-end{align-items:flex-end}.clcosdk\\:items-start{align-items:flex-start}.clcosdk\\:justify-between{justify-content:space-between}.clcosdk\\:justify-center{justify-content:center}.clcosdk\\:justify-end{justify-content:flex-end}.clcosdk\\:gap-1{gap:calc(var(--clcosdk-spacing) * 1)}.clcosdk\\:gap-1\\.5{gap:calc(var(--clcosdk-spacing) * 1.5)}.clcosdk\\:gap-2{gap:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:gap-3{gap:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:gap-4{gap:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:gap-5{gap:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:gap-6{gap:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:gap-8{gap:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:gap-\\[5px\\]{gap:5px}:where(.clcosdk\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--clcosdk-spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--clcosdk-spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.clcosdk\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--clcosdk-spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--clcosdk-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.clcosdk\\:divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.clcosdk\\:divide-border>:not(:last-child)){border-color:var(--color-border)}:where(.clcosdk\\:divide-divider>:not(:last-child)){border-color:var(--color-divider)}.clcosdk\\:self-start{align-self:flex-start}.clcosdk\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clcosdk\\:overflow-hidden{overflow:hidden}.clcosdk\\:overflow-y-auto{overflow-y:auto}.clcosdk\\:rounded{border-radius:.25rem}.clcosdk\\:rounded-2xl{border-radius:var(--clcosdk-radius-2xl)}.clcosdk\\:rounded-btn{border-radius:12px}.clcosdk\\:rounded-card{border-radius:24px}.clcosdk\\:rounded-full{border-radius:3.40282e38px}.clcosdk\\:rounded-lg{border-radius:var(--clcosdk-radius-lg)}.clcosdk\\:rounded-md{border-radius:var(--clcosdk-radius-md)}.clcosdk\\:rounded-xl{border-radius:var(--clcosdk-radius-xl)}.clcosdk\\:border{border-style:var(--tw-border-style);border-width:1px}.clcosdk\\:border-2{border-style:var(--tw-border-style);border-width:2px}.clcosdk\\:border-\\[1\\.5px\\]{border-style:var(--tw-border-style);border-width:1.5px}.clcosdk\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.clcosdk\\:border-dashed{--tw-border-style:dashed;border-style:dashed}.clcosdk\\:border-accent\\/50{border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:border-accent\\/50{border-color:color-mix(in oklab, var(--color-accent) 50%, transparent)}}.clcosdk\\:border-accent\\/60{border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:border-accent\\/60{border-color:color-mix(in oklab, var(--color-accent) 60%, transparent)}}.clcosdk\\:border-amber-500{border-color:var(--clcosdk-color-amber-500)}.clcosdk\\:border-background{border-color:var(--color-background)}.clcosdk\\:border-border,.clcosdk\\:border-border\\/60{border-color:var(--color-border)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:border-border\\/60{border-color:color-mix(in oklab, var(--color-border) 60%, transparent)}}.clcosdk\\:border-brand-primary{border-color:var(--color-brand-primary)}.clcosdk\\:border-current{border-color:currentColor}.clcosdk\\:border-divider{border-color:var(--color-divider)}.clcosdk\\:border-error-border{border-color:var(--color-error-border)}.clcosdk\\:border-success-border{border-color:var(--color-success-border)}.clcosdk\\:border-warning-border{border-color:var(--color-warning-border)}.clcosdk\\:border-t-transparent{border-top-color:#0000}.clcosdk\\:bg-accent\\/10{background-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:bg-accent\\/10{background-color:color-mix(in oklab, var(--color-accent) 10%, transparent)}}.clcosdk\\:bg-background{background-color:var(--color-background)}.clcosdk\\:bg-black\\/50{background-color:var(--clcosdk-color-black)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:bg-black\\/50{background-color:color-mix(in oklab, var(--clcosdk-color-black) 50%, transparent)}}.clcosdk\\:bg-brand-primary{background-color:var(--color-brand-primary)}.clcosdk\\:bg-divider{background-color:var(--color-divider)}.clcosdk\\:bg-error-subtle{background-color:var(--color-error-subtle)}.clcosdk\\:bg-overlay{background-color:var(--color-overlay)}.clcosdk\\:bg-positive{background-color:var(--color-positive)}.clcosdk\\:bg-positive-subtle{background-color:var(--color-positive-subtle)}.clcosdk\\:bg-section{background-color:var(--color-section)}.clcosdk\\:bg-success-subtle{background-color:var(--color-success-subtle)}.clcosdk\\:bg-surface{background-color:var(--color-surface)}.clcosdk\\:bg-text-disabled{background-color:var(--color-text-disabled)}.clcosdk\\:bg-text-primary{background-color:var(--color-text-primary)}.clcosdk\\:bg-transparent{background-color:#0000}.clcosdk\\:bg-warning-subtle{background-color:var(--color-warning-subtle)}.clcosdk\\:bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.clcosdk\\:bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.clcosdk\\:bg-\\[image\\:var\\(--btn-primary-gradient\\)\\]{background-image:var(--btn-primary-gradient)}.clcosdk\\:from-surface{--tw-gradient-from:var(--color-surface);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.clcosdk\\:from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.clcosdk\\:via-section{--tw-gradient-via:var(--color-section);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.clcosdk\\:via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.clcosdk\\:to-background{--tw-gradient-to:var(--color-background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.clcosdk\\:to-overlay\\/35{--tw-gradient-to:var(--color-overlay)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:to-overlay\\/35{--tw-gradient-to:color-mix(in oklab, var(--color-overlay) 35%, transparent)}}.clcosdk\\:to-overlay\\/35{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.clcosdk\\:object-contain{object-fit:contain}.clcosdk\\:object-cover{object-fit:cover}.clcosdk\\:p-0{padding:calc(var(--clcosdk-spacing) * 0)}.clcosdk\\:p-1\\.5{padding:calc(var(--clcosdk-spacing) * 1.5)}.clcosdk\\:p-3{padding:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:p-3\\.5{padding:calc(var(--clcosdk-spacing) * 3.5)}.clcosdk\\:p-4{padding:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:p-6{padding:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:p-8{padding:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:p-16{padding:calc(var(--clcosdk-spacing) * 16)}.clcosdk\\:px-2{padding-inline:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:px-3{padding-inline:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:px-4{padding-inline:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:px-5{padding-inline:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:px-6{padding-inline:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:py-1\\.5{padding-block:calc(var(--clcosdk-spacing) * 1.5)}.clcosdk\\:py-2{padding-block:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:py-3{padding-block:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:py-8{padding-block:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:py-12{padding-block:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:pt-1{padding-top:calc(var(--clcosdk-spacing) * 1)}.clcosdk\\:pt-4{padding-top:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:pt-14{padding-top:calc(var(--clcosdk-spacing) * 14)}.clcosdk\\:pr-4{padding-right:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:pb-4{padding-bottom:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:pl-3{padding-left:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:text-center{text-align:center}.clcosdk\\:text-left{text-align:left}.clcosdk\\:text-right{text-align:right}.clcosdk\\:font-mono{font-family:var(--clcosdk-font-mono)}.clcosdk\\:text-base{font-size:var(--clcosdk-text-base);line-height:var(--tw-leading,var(--clcosdk-text-base--line-height))}.clcosdk\\:text-lg{font-size:var(--clcosdk-text-lg);line-height:var(--tw-leading,var(--clcosdk-text-lg--line-height))}.clcosdk\\:text-sm{font-size:var(--clcosdk-text-sm);line-height:var(--tw-leading,var(--clcosdk-text-sm--line-height))}.clcosdk\\:text-xs{font-size:var(--clcosdk-text-xs);line-height:var(--tw-leading,var(--clcosdk-text-xs--line-height))}.clcosdk\\:text-\\[11px\\]{font-size:11px}.clcosdk\\:text-\\[12px\\]{font-size:12px}.clcosdk\\:text-\\[14px\\]{font-size:14px}.clcosdk\\:text-\\[15px\\]{font-size:15px}.clcosdk\\:text-\\[16px\\]{font-size:16px}.clcosdk\\:text-\\[18px\\]{font-size:18px}.clcosdk\\:text-\\[22px\\]{font-size:22px}.clcosdk\\:text-\\[28px\\]{font-size:28px}.clcosdk\\:text-\\[36px\\]{font-size:36px}.clcosdk\\:text-\\[48px\\]{font-size:48px}.clcosdk\\:text-\\[64px\\]{font-size:64px}.clcosdk\\:leading-\\[110\\%\\]{--tw-leading:110%;line-height:110%}.clcosdk\\:leading-\\[120\\%\\]{--tw-leading:120%;line-height:120%}.clcosdk\\:leading-\\[125\\%\\]{--tw-leading:125%;line-height:125%}.clcosdk\\:leading-\\[130\\%\\]{--tw-leading:130%;line-height:130%}.clcosdk\\:leading-\\[135\\%\\]{--tw-leading:135%;line-height:135%}.clcosdk\\:leading-\\[140\\%\\]{--tw-leading:140%;line-height:140%}.clcosdk\\:leading-\\[150\\%\\]{--tw-leading:150%;line-height:150%}.clcosdk\\:leading-\\[160\\%\\]{--tw-leading:160%;line-height:160%}.clcosdk\\:font-medium{--tw-font-weight:var(--clcosdk-font-weight-medium);font-weight:var(--clcosdk-font-weight-medium)}.clcosdk\\:font-normal{--tw-font-weight:var(--clcosdk-font-weight-normal);font-weight:var(--clcosdk-font-weight-normal)}.clcosdk\\:font-semibold{--tw-font-weight:var(--clcosdk-font-weight-semibold);font-weight:var(--clcosdk-font-weight-semibold)}.clcosdk\\:tracking-\\[0\\.12px\\]{--tw-tracking:.12px;letter-spacing:.12px}.clcosdk\\:tracking-\\[0\\.28px\\]{--tw-tracking:.28px;letter-spacing:.28px}.clcosdk\\:break-words{overflow-wrap:break-word}.clcosdk\\:whitespace-nowrap{white-space:nowrap}.clcosdk\\:text-background{color:var(--color-background)}.clcosdk\\:text-brand-primary{color:var(--color-brand-primary)}.clcosdk\\:text-error{color:var(--color-error)}.clcosdk\\:text-positive{color:var(--color-positive)}.clcosdk\\:text-success{color:var(--color-success)}.clcosdk\\:text-text-disabled{color:var(--color-text-disabled)}.clcosdk\\:text-text-inverse{color:var(--color-text-inverse)}.clcosdk\\:text-text-primary{color:var(--color-text-primary)}.clcosdk\\:text-text-secondary{color:var(--color-text-secondary)}.clcosdk\\:text-warning{color:var(--color-warning)}.clcosdk\\:capitalize{text-transform:capitalize}.clcosdk\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.clcosdk\\:no-underline{text-decoration-line:none}.clcosdk\\:underline{text-decoration-line:underline}.clcosdk\\:underline-offset-2{text-underline-offset:2px}.clcosdk\\:underline-offset-4{text-underline-offset:4px}.clcosdk\\:opacity-0{opacity:0}.clcosdk\\:opacity-60{opacity:.6}.clcosdk\\:shadow-\\[0_0_0_3px_rgba\\(59\\,130\\,246\\,0\\.2\\)\\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#3b82f633);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[0_0_0_3px_rgba\\(59\\,130\\,246\\,0\\.18\\)\\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#3b82f62e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[0_0_0_3px_rgba\\(59\\,130\\,246\\,0\\.25\\)\\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#3b82f640);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[0_10px_24px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 10px 24px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[0_10px_24px_rgba\\(0\\,0\\,0\\,0\\.25\\)\\]{--tw-shadow:0 10px 24px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[var\\(--btn-primary-shadow\\)\\]{--tw-shadow:var(--btn-primary-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-card{--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,#0000000d), 0px 12px 24px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-dialog{--tw-shadow:var(--shadow-dialog);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-step-active{--tw-shadow:var(--shadow-step-active);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:transition-\\[grid-template-rows\\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.clcosdk\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.clcosdk\\:ease-in-out{--tw-ease:var(--clcosdk-ease-in-out);transition-timing-function:var(--clcosdk-ease-in-out)}.clcosdk\\:outline-none{--tw-outline-style:none;outline-style:none}.clcosdk\\:group-focus-within\\:opacity-100:is(:where(.clcosdk\\:group):focus-within *){opacity:1}@media (hover:hover){.clcosdk\\:group-hover\\:opacity-100:is(:where(.clcosdk\\:group):hover *){opacity:1}}.clcosdk\\:placeholder\\:text-text-disabled::placeholder{color:var(--color-text-disabled)}@media (hover:hover){.clcosdk\\:hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--clcosdk-spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.clcosdk\\:hover\\:border-divider:hover{border-color:var(--color-divider)}.clcosdk\\:hover\\:border-text-disabled:hover{border-color:var(--color-text-disabled)}.clcosdk\\:hover\\:bg-\\[\\#fcdcd8\\]:hover{background-color:#fcdcd8}.clcosdk\\:hover\\:bg-border:hover{background-color:var(--color-border)}.clcosdk\\:hover\\:bg-brand-primary:hover{background-color:var(--color-brand-primary)}.clcosdk\\:hover\\:bg-brand-primary-hover:hover{background-color:var(--color-brand-primary-hover)}.clcosdk\\:hover\\:bg-section:hover{background-color:var(--color-section)}.clcosdk\\:hover\\:bg-surface:hover{background-color:var(--color-surface)}.clcosdk\\:hover\\:text-\\[\\#8b1a13\\]:hover{color:#8b1a13}.clcosdk\\:hover\\:text-text-primary:hover{color:var(--color-text-primary)}.clcosdk\\:hover\\:underline:hover{text-decoration-line:underline}.clcosdk\\:hover\\:opacity-80:hover{opacity:.8}.clcosdk\\:hover\\:opacity-90:hover{opacity:.9}.clcosdk\\:hover\\:shadow-\\[0px_14px_32px_-10px_rgba\\(0\\,0\\,0\\,0\\.35\\)\\]:hover{--tw-shadow:0px 14px 32px -10px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.clcosdk\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:focus-visible\\:ring-accent-focus:focus-visible{--tw-ring-color:var(--color-accent-focus)}.clcosdk\\:focus-visible\\:ring-gray-400:focus-visible{--tw-ring-color:var(--clcosdk-color-gray-400)}.clcosdk\\:focus-visible\\:ring-gray-500:focus-visible{--tw-ring-color:var(--clcosdk-color-gray-500)}.clcosdk\\:focus-visible\\:ring-red-400:focus-visible{--tw-ring-color:var(--clcosdk-color-red-400)}.clcosdk\\:focus-visible\\:ring-red-500:focus-visible{--tw-ring-color:var(--clcosdk-color-red-500)}.clcosdk\\:focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.clcosdk\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.clcosdk\\:active\\:bg-\\[\\#d9d9d9\\]:active{background-color:#d9d9d9}.clcosdk\\:active\\:bg-\\[\\#f9c9c4\\]:active{background-color:#f9c9c4}.clcosdk\\:active\\:bg-border:active{background-color:var(--color-border)}.clcosdk\\:active\\:bg-brand-primary-active:active{background-color:var(--color-brand-primary-active)}.clcosdk\\:active\\:text-\\[\\#6d1510\\]:active{color:#6d1510}.clcosdk\\:active\\:opacity-80:active{opacity:.8}.clcosdk\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.clcosdk\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.clcosdk\\:disabled\\:opacity-40:disabled{opacity:.4}.clcosdk\\:disabled\\:opacity-50:disabled{opacity:.5}.clcosdk\\:aria-disabled\\:cursor-not-allowed[aria-disabled=true]{cursor:not-allowed}.clcosdk\\:aria-disabled\\:opacity-50[aria-disabled=true]{opacity:.5}@media not all and (min-width:48rem){.clcosdk\\:max-md\\:hidden{display:none}.clcosdk\\:max-md\\:w-full{width:100%}.clcosdk\\:max-md\\:justify-start{justify-content:flex-start}.clcosdk\\:max-md\\:gap-4{gap:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:max-md\\:rounded-none{border-radius:0}.clcosdk\\:max-md\\:border-0{border-style:var(--tw-border-style);border-width:0}.clcosdk\\:max-md\\:bg-transparent{background-color:#0000}.clcosdk\\:max-md\\:p-0{padding:calc(var(--clcosdk-spacing) * 0)}}@media (min-width:40rem){.clcosdk\\:sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48rem){.clcosdk\\:md\\:order-1{order:1}.clcosdk\\:md\\:order-2{order:2}.clcosdk\\:md\\:hidden{display:none}.clcosdk\\:md\\:grid-cols-\\[minmax\\(0\\,11fr\\)_minmax\\(0\\,8fr\\)\\]{grid-template-columns:minmax(0,11fr) minmax(0,8fr)}.clcosdk\\:md\\:flex-row{flex-direction:row}.clcosdk\\:md\\:items-center{align-items:center}.clcosdk\\:md\\:items-end{align-items:flex-end}.clcosdk\\:md\\:justify-between{justify-content:space-between}.clcosdk\\:md\\:justify-end{justify-content:flex-end}.clcosdk\\:md\\:gap-6{gap:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:md\\:gap-x-12{column-gap:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:md\\:self-end{align-self:flex-end}.clcosdk\\:md\\:rounded-card{border-radius:24px}.clcosdk\\:md\\:rounded-dialog{border-radius:32px}.clcosdk\\:md\\:p-6{padding:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:md\\:px-6{padding-inline:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:md\\:px-8{padding-inline:calc(var(--clcosdk-spacing) * 8)}}@media (prefers-color-scheme:dark){@media (hover:hover){.clcosdk\\:dark\\:hover\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.20\\)\\]:not(:where(.light,.light *)):hover{background-color:#f8717133}}}@media (hover:hover){.clcosdk\\:dark\\:hover\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.20\\)\\]:where(.dark,.dark *):hover{background-color:#f8717133}}@media (prefers-color-scheme:dark){@media (hover:hover){.clcosdk\\:dark\\:hover\\:text-\\[\\#fca5a5\\]:not(:where(.light,.light *)):hover{color:#fca5a5}}}@media (hover:hover){.clcosdk\\:dark\\:hover\\:text-\\[\\#fca5a5\\]:where(.dark,.dark *):hover{color:#fca5a5}}@media (prefers-color-scheme:dark){.clcosdk\\:dark\\:active\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.30\\)\\]:not(:where(.light,.light *)):active{background-color:#f871714d}}.clcosdk\\:dark\\:active\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.30\\)\\]:where(.dark,.dark *):active{background-color:#f871714d}@media (prefers-color-scheme:dark){.clcosdk\\:dark\\:active\\:bg-divider:not(:where(.light,.light *)):active{background-color:var(--color-divider)}}.clcosdk\\:dark\\:active\\:bg-divider:where(.dark,.dark *):active{background-color:var(--color-divider)}@media (prefers-color-scheme:dark){.clcosdk\\:dark\\:active\\:text-\\[\\#f87171\\]:not(:where(.light,.light *)):active{color:#f87171}}.clcosdk\\:dark\\:active\\:text-\\[\\#f87171\\]:where(.dark,.dark *):active{color:#f87171}.clcosdk\\:\\[\\&_circle\\]\\:fill-error-subtle circle{fill:var(--color-error-subtle)}.clcosdk\\:\\[\\&_circle\\]\\:fill-success-subtle circle{fill:var(--color-success-subtle)}.clcosdk\\:\\[\\&_circle\\]\\:fill-warning-subtle circle{fill:var(--color-warning-subtle)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}';
 
 // src/client/CoinListStyleScope.tsx
 import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
-var ScopeContext = createContext3(false);
+var ScopeContext = createContext4(false);
 function CoinListStyleScope({ children }) {
-  const alreadyScoped = useContext2(ScopeContext);
+  const alreadyScoped = useContext3(ScopeContext);
   if (alreadyScoped) {
     return /* @__PURE__ */ jsx2(Fragment, { children });
   }
@@ -1348,12 +1518,12 @@ function CoinListSignInCardView({
 }
 
 // src/client/hooks/auth/useCoinListSignInCardViewModel.ts
-import { useCallback, useMemo as useMemo2 } from "react";
+import { useCallback, useMemo as useMemo3 } from "react";
 
 // src/client/hooks/useCoinList.ts
-import { useContext as useContext3 } from "react";
+import { useContext as useContext4 } from "react";
 function useCoinList() {
-  const context = useContext3(CoinListContext);
+  const context = useContext4(CoinListContext);
   if (context === null) {
     throw new CoinListClientInitializationError();
   }
@@ -1374,7 +1544,7 @@ var ERROR_MESSAGE = "Error signing in. Please try again.";
 function useCoinListSignInCardViewModel(options = {}) {
   const { status = "idle", onSignIn, onClose } = options;
   const { coinlist } = useCoinList();
-  const state = useMemo2(() => {
+  const state = useMemo3(() => {
     const closable = onClose !== void 0;
     return status === "error" ? { type: "error", message: ERROR_MESSAGE, closable } : { type: "idle", closable };
   }, [status, onClose]);
@@ -1436,12 +1606,13 @@ function CheckoutAmountInput({
   invalid = false,
   disabled = false,
   prefix,
-  suffix,
+  prefixTone = "primary",
   action,
   className
 }) {
   const inputId = useId();
   const toneClass = invalid ? "clcosdk:text-error" : "clcosdk:text-text-primary";
+  const prefixToneClass = prefixTone === "muted" ? "clcosdk:text-text-secondary" : toneClass;
   return /* @__PURE__ */ jsx12(CoinListStyleScope, { children: /* @__PURE__ */ jsxs8(
     "div",
     {
@@ -1471,7 +1642,7 @@ function CheckoutAmountInput({
                     className: cn(
                       typeClasses.h4,
                       "clcosdk:shrink-0 clcosdk:font-medium",
-                      toneClass
+                      prefixToneClass
                     ),
                     children: prefix
                   }
@@ -1495,16 +1666,6 @@ function CheckoutAmountInput({
                       toneClass
                     )
                   }
-                ),
-                suffix && /* @__PURE__ */ jsx12(
-                  "span",
-                  {
-                    className: cn(
-                      typeClasses.h4,
-                      "clcosdk:shrink-0 clcosdk:font-medium clcosdk:text-text-secondary"
-                    ),
-                    children: suffix
-                  }
                 )
               ] }),
               action
@@ -1864,7 +2025,8 @@ function ActiveView({
             placeholder: AMOUNT_PLACEHOLDER,
             invalid: state.error !== null,
             disabled: isLoading,
-            suffix: selectedAsset?.symbol,
+            prefix: selectedAsset?.symbol,
+            prefixTone: "muted",
             action: selectedAsset && /* @__PURE__ */ jsx18(
               MaxButton,
               {
@@ -2499,7 +2661,8 @@ function ActiveView2({
         }
       )
     ] }),
-    state.error ? /* @__PURE__ */ jsx27(QuoteLine, { tone: "error", children: state.error }) : /* @__PURE__ */ jsx27(QuoteStatusLine, { quote: state.quote, onEvent }),
+    state.error !== null && /* @__PURE__ */ jsx27(QuoteLine, { tone: "error", children: state.error }),
+    /* @__PURE__ */ jsx27(QuoteStatusLine, { quote: state.quote, onEvent }),
     /* @__PURE__ */ jsx27(
       ClButton,
       {
@@ -4919,6 +5082,7 @@ function ondoLoadErrorReason(error) {
 function useOndoSwapTransaction(options) {
   const { request, data, enabled } = options;
   const { coinlist, isReady } = useCoinList();
+  const log = useLogger("useOndoSwapTransaction");
   const [state, setState] = useState5(
     () => data === void 0 ? { type: "LOADING" } : {
       type: "CONTENT",
@@ -4944,6 +5108,10 @@ function useOndoSwapTransaction(options) {
     try {
       const transaction = await coinlist.ondo.buildSwapTransaction(params);
       if (currentFetchId !== fetchIdRef.current) return;
+      log.debug(() => ({
+        msg: "settled",
+        fields: { state: "CONTENT" }
+      }));
       setState({
         type: "CONTENT",
         transaction,
@@ -4953,13 +5121,17 @@ function useOndoSwapTransaction(options) {
     } catch (error) {
       if (currentFetchId !== fetchIdRef.current) return;
       const reason = ondoLoadErrorReason(error);
+      log.failure(
+        () => ({ msg: "settled", fields: { state: "ERROR", reason } }),
+        error
+      );
       setState(
         (previous) => previous.type === "CONTENT" ? { ...previous, isRefreshing: false, refreshError: reason } : { type: "ERROR", reason }
       );
     } finally {
       isFetchingRef.current = false;
     }
-  }, [coinlist, isReady, enabled]);
+  }, [coinlist, isReady, enabled, log]);
   useEffect5(() => {
     if (data === void 0) return;
     ++fetchIdRef.current;
@@ -5297,6 +5469,7 @@ function useOndoWalletSelectViewModel({
   onComplete,
   onEdit
 }) {
+  const log = useLogger("useOndoWalletSelectViewModel");
   const [selected, setSelected] = useState7(null);
   const [error, setError] = useState7(null);
   const networkName = getNetworkName(chain);
@@ -5341,7 +5514,11 @@ function useOndoWalletSelectViewModel({
     setError(null);
     try {
       await wallets.connectExternal();
-    } catch {
+    } catch (error2) {
+      log.failure(
+        () => ({ msg: "the host connectExternal handler threw" }),
+        error2
+      );
       setError(CONNECT_FAILED);
       return;
     }
@@ -5436,11 +5613,13 @@ function useOndoPrice(options) {
     enabled
   } = options;
   const { coinlist, isReady } = useCoinList();
+  const log = useLogger("useOndoPrice");
   const [state, setState] = useState8(
     () => data === void 0 ? LOADING : { type: "CONTENT", quote: data, isRefreshing: false }
   );
   const fetchIdRef = useRef5(0);
   const isFetchingRef = useRef5(false);
+  const hasQuoteRef = useRef5(data !== void 0);
   const sizeKey = quoteSizeKey(size);
   useEffect8(() => {
     if (!isReady || !enabled) return;
@@ -5456,11 +5635,31 @@ function useOndoPrice(options) {
       try {
         const quote = await coinlist.ondo.getQuote({ symbol, side, ...size2 });
         if (currentFetchId !== fetchIdRef.current) return;
+        log.debug(() => ({
+          msg: "settled",
+          fields: { state: "CONTENT" }
+        }));
+        hasQuoteRef.current = true;
         setState({ type: "CONTENT", quote, isRefreshing: false });
       } catch (error) {
         if (currentFetchId !== fetchIdRef.current) return;
+        const reason = ondoLoadErrorReason(error);
+        if (hasQuoteRef.current) {
+          log.warning(
+            () => ({
+              msg: "poll failed; keeping the last quote",
+              fields: { reason }
+            }),
+            error
+          );
+        } else {
+          log.failure(
+            () => ({ msg: "settled", fields: { state: "ERROR", reason } }),
+            error
+          );
+        }
         setState(
-          (previous) => previous.type === "CONTENT" ? { ...previous, isRefreshing: false } : { type: "ERROR", reason: ondoLoadErrorReason(error) }
+          (previous) => previous.type === "CONTENT" ? { ...previous, isRefreshing: false } : { type: "ERROR", reason }
         );
       } finally {
         if (currentFetchId === fetchIdRef.current) {
@@ -5474,7 +5673,7 @@ function useOndoPrice(options) {
       clearInterval(interval);
       ++fetchIdRef.current;
     };
-  }, [coinlist, isReady, enabled, symbol, side, sizeKey, pollIntervalMs]);
+  }, [coinlist, isReady, enabled, symbol, side, sizeKey, pollIntervalMs, log]);
   return { state };
 }
 function quoteSizeKey(size) {
@@ -5506,11 +5705,13 @@ function useOndoTradingStatus(options) {
     enabled
   } = options;
   const { coinlist, isReady } = useCoinList();
+  const log = useLogger("useOndoTradingStatus");
   const [state, setState] = useState9(
     () => data === void 0 ? LOADING2 : { type: "CONTENT", status: data }
   );
   const fetchIdRef = useRef6(0);
   const isFetchingRef = useRef6(false);
+  const hasStatusRef = useRef6(data !== void 0);
   useEffect9(() => {
     if (!isReady || !enabled) return;
     const currentFetchId = ++fetchIdRef.current;
@@ -5521,11 +5722,31 @@ function useOndoTradingStatus(options) {
       try {
         const status = await coinlist.ondo.getTradingStatus({ symbol, side });
         if (currentFetchId !== fetchIdRef.current) return;
+        log.debug(() => ({
+          msg: "settled",
+          fields: { state: "CONTENT", status: status.type }
+        }));
+        hasStatusRef.current = true;
         setState({ type: "CONTENT", status });
       } catch (error) {
         if (currentFetchId !== fetchIdRef.current) return;
+        const reason = ondoLoadErrorReason(error);
+        if (hasStatusRef.current) {
+          log.warning(
+            () => ({
+              msg: "poll failed; keeping the last status",
+              fields: { reason }
+            }),
+            error
+          );
+        } else {
+          log.failure(
+            () => ({ msg: "settled", fields: { state: "ERROR", reason } }),
+            error
+          );
+        }
         setState(
-          (previous) => previous.type === "CONTENT" ? previous : { type: "ERROR", reason: ondoLoadErrorReason(error) }
+          (previous) => previous.type === "CONTENT" ? previous : { type: "ERROR", reason }
         );
       } finally {
         if (currentFetchId === fetchIdRef.current) {
@@ -5539,7 +5760,7 @@ function useOndoTradingStatus(options) {
       clearInterval(interval);
       ++fetchIdRef.current;
     };
-  }, [coinlist, isReady, enabled, symbol, side, pollIntervalMs]);
+  }, [coinlist, isReady, enabled, symbol, side, pollIntervalMs, log]);
   return { state };
 }
 
@@ -5951,6 +6172,7 @@ var LOADING_STATE = { type: "LOADING" };
 function useSwapOutputToken(options) {
   const { contractAddress, chain, enabled } = options;
   const { coinlist, isReady } = useCoinList();
+  const log = useLogger("useSwapOutputToken");
   const [outputTokenState, setOutputTokenState] = useState12(LOADING_STATE);
   const [retryCount, setRetryCount] = useState12(0);
   const fetchIdRef = useRef7(0);
@@ -5968,9 +6190,17 @@ function useSwapOutputToken(options) {
           chain
         });
         if (currentFetchId !== fetchIdRef.current) return;
+        log.debug(() => ({
+          msg: "settled",
+          fields: { state: "CONTENT", symbol: outputToken.symbol }
+        }));
         setOutputTokenState({ type: "CONTENT", outputToken });
-      } catch {
+      } catch (error) {
         if (currentFetchId !== fetchIdRef.current) return;
+        log.failure(
+          () => ({ msg: "settled", fields: { state: "ERROR" } }),
+          error
+        );
         setOutputTokenState({ type: "ERROR" });
       }
     };
@@ -5978,7 +6208,7 @@ function useSwapOutputToken(options) {
     return () => {
       ++fetchIdRef.current;
     };
-  }, [coinlist, isReady, contractAddress, chain, enabled, retryCount]);
+  }, [coinlist, isReady, contractAddress, chain, enabled, retryCount, log]);
   return { outputTokenState, refetch };
 }
 
@@ -5995,6 +6225,7 @@ function useSwapQuote(options) {
     enabled
   } = options;
   const { coinlist, isReady } = useCoinList();
+  const log = useLogger("useSwapQuote");
   const [quote, setQuote] = useState13(null);
   const [isLoading, setIsLoading] = useState13(true);
   const [isRefreshing, setIsRefreshing] = useState13(false);
@@ -6035,7 +6266,11 @@ function useSwapQuote(options) {
           hasQuoteRef.current = true;
           setIsLoading(false);
         }
-      } catch {
+      } catch (error) {
+        log.warning(
+          () => ({ msg: "poll failed; retrying on the next tick" }),
+          error
+        );
       } finally {
         if (currentFetchId === fetchIdRef.current) {
           isFetchingRef.current = false;
@@ -6060,7 +6295,8 @@ function useSwapQuote(options) {
     inputTokenAddress,
     outputTokenDecimals,
     pollIntervalMs,
-    enabled
+    enabled,
+    log
   ]);
   return { quote, isLoading, isRefreshing };
 }
@@ -6409,6 +6645,7 @@ function useSuperstateWalletViewModel({
   onEdit
 }) {
   const { coinlist, isReady } = useCoinList();
+  const log = useLogger("useSuperstateWalletViewModel");
   const [selected, setSelected] = useState15(null);
   const [phase, setPhase] = useState15(null);
   const [error, setError] = useState15(null);
@@ -6489,7 +6726,11 @@ function useSuperstateWalletViewModel({
     setError(null);
     try {
       await wallets.connectExternal();
-    } catch {
+    } catch (error2) {
+      log.failure(
+        () => ({ msg: "the host connectExternal handler threw" }),
+        error2
+      );
       setError(CONNECT_FAILED2);
       return;
     }
@@ -7186,13 +7427,14 @@ function EmptyState() {
 }
 
 // src/client/hooks/offers/grid/useOffersGridViewModel.ts
-import { useCallback as useCallback4, useMemo as useMemo3 } from "react";
+import { useCallback as useCallback4, useMemo as useMemo4 } from "react";
 
 // src/client/hooks/offers/data/useOffers.ts
 import { useEffect as useEffect15, useState as useState17 } from "react";
 var LOADING_STATE2 = { type: "LOADING" };
 function useOffers(options = {}) {
   const { coinlist, isReady } = useCoinList();
+  const log = useLogger("useOffers");
   const { data: serverOffers } = options;
   const [offersState, setOffersState] = useState17(
     serverOffers !== void 0 ? { type: "CONTENT", offers: serverOffers } : LOADING_STATE2
@@ -7215,18 +7457,26 @@ function useOffers(options = {}) {
     setOffersState(LOADING_STATE2);
     coinlist.offers.list().then((offers) => {
       if (!isCancelled) {
+        log.debug(() => ({
+          msg: "settled",
+          fields: { state: "CONTENT", count: offers.length }
+        }));
         setOffersState({ type: "CONTENT", offers });
       }
     }).catch((error) => {
       if (!isCancelled) {
         const reason = error instanceof NotAuthenticatedError ? "not-authenticated" : "generic-error";
+        log.failure(
+          () => ({ msg: "settled", fields: { state: "ERROR", reason } }),
+          error
+        );
         setOffersState({ type: "ERROR", reason });
       }
     });
     return () => {
       isCancelled = true;
     };
-  }, [coinlist, isReady, serverOffers]);
+  }, [coinlist, isReady, serverOffers, log]);
   return { offersState };
 }
 
@@ -7258,7 +7508,7 @@ function useOffersGridViewModel(options = {}) {
   const { data, onOfferClick } = options;
   const { offersState } = useOffers({ data });
   const locale = useLocale();
-  const state = useMemo3(
+  const state = useMemo4(
     () => toUiState(offersState, locale, onOfferClick !== void 0),
     [offersState, locale, onOfferClick]
   );
@@ -7901,7 +8151,7 @@ function toError(error) {
 }
 
 // src/client/hooks/requirements/identity-verification/useIdentityVerificationViewModel.ts
-import { useCallback as useCallback6, useEffect as useEffect17, useMemo as useMemo4, useRef as useRef10 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect17, useMemo as useMemo5, useRef as useRef10 } from "react";
 
 // src/client/hooks/requirements/data/useKycToken.ts
 import { useCallback as useCallback5, useEffect as useEffect16, useRef as useRef9, useState as useState19 } from "react";
@@ -7909,6 +8159,7 @@ var IDLE_STATE = { type: "IDLE" };
 var LOADING_STATE3 = { type: "LOADING" };
 function useKycToken(levelName, reset) {
   const { coinlist } = useCoinList();
+  const log = useLogger("useKycToken");
   const [kycTokenState, setKycTokenState] = useState19(IDLE_STATE);
   const resetPendingRef = useRef9(reset === true);
   const tokenIssuedRef = useRef9(false);
@@ -7926,14 +8177,22 @@ function useKycToken(levelName, reset) {
       });
       resetPendingRef.current = false;
       tokenIssuedRef.current = true;
+      log.debug(() => ({
+        msg: "settled",
+        fields: { state: "CONTENT" }
+      }));
       setKycTokenState({ type: "CONTENT", token: kycToken.token });
       return kycToken.token;
     } catch (error) {
       const reason = error instanceof NotAuthenticatedError ? "not-authenticated" : "generic-error";
+      log.failure(
+        () => ({ msg: "settled", fields: { state: "ERROR", reason } }),
+        error
+      );
       setKycTokenState({ type: "ERROR", reason });
       throw error;
     }
-  }, [coinlist, levelName]);
+  }, [coinlist, levelName, log]);
   return { kycTokenState, fetchToken };
 }
 
@@ -7952,7 +8211,7 @@ function useIdentityVerificationViewModel(options = {}) {
     fetchToken().catch(() => {
     });
   }, [fetchToken]);
-  const state = useMemo4(() => {
+  const state = useMemo5(() => {
     switch (kycTokenState.type) {
       case "IDLE":
       case "LOADING":
@@ -8240,7 +8499,7 @@ function SignOnlyScreen({
 }
 
 // src/client/hooks/requirements/tax-document/useTaxDocumentModalViewModel.ts
-import { useCallback as useCallback8, useEffect as useEffect19, useMemo as useMemo5 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect19, useMemo as useMemo6 } from "react";
 
 // src/client/hooks/requirements/data/useTaxDocument.ts
 import { useCallback as useCallback7, useEffect as useEffect18, useState as useState20 } from "react";
@@ -8317,6 +8576,7 @@ function useTaxDocument({
   isOpen
 }) {
   const { coinlist, isReady } = useCoinList();
+  const log = useLogger("useTaxDocument");
   const [state, setState] = useState20(LOADING_STATE4);
   useEffect18(() => {
     let isCancelled = false;
@@ -8348,15 +8608,17 @@ function useTaxDocument({
       });
     }).catch((error) => {
       if (isCancelled) return;
-      setState({
-        type: "ERROR",
-        reason: error instanceof NotAuthenticatedError ? "not-authenticated" : "generic-error"
-      });
+      const reason = error instanceof NotAuthenticatedError ? "not-authenticated" : "generic-error";
+      log.failure(
+        () => ({ msg: "settled", fields: { state: "ERROR", reason } }),
+        error
+      );
+      setState({ type: "ERROR", reason });
     });
     return () => {
       isCancelled = true;
     };
-  }, [coinlist, isReady, isOpen]);
+  }, [coinlist, isReady, isOpen, log]);
   const onEditField = useCallback7(
     (field, value) => {
       setState(
@@ -8413,12 +8675,13 @@ function useTaxDocument({
       fields: state.type === "REVIEW" ? toSubmissionFields(state.fields, state.addressParts) : {}
     }).then((submission) => {
       setState({ type: "SUBMITTED", submission });
-    }).catch(() => {
+    }).catch((error) => {
+      log.failure(() => ({ msg: "signing the tax document failed" }), error);
       setState(
         (prev) => prev.type === "REVIEW" || prev.type === "SIGN_ONLY" ? { ...prev, sign: { type: "idle", error: SIGN_FAILED_MESSAGE } } : prev
       );
     });
-  }, [state, coinlist]);
+  }, [state, coinlist, log]);
   return { state, onEditField, onStartEdit, onSaveEdit, onCancelEdit, onSign };
 }
 
@@ -8445,7 +8708,7 @@ function useTaxDocumentModalViewModel({
       onClose();
     }
   }, [state]);
-  const uiState = useMemo5(() => {
+  const uiState = useMemo6(() => {
     if (!isOpen || state.type === "SUBMITTED") {
       return { type: "hidden" };
     }
@@ -8667,7 +8930,7 @@ function Screen2({
 }
 
 // src/client/hooks/requirements/wallet/useConnectWalletModalViewModel.ts
-import { useCallback as useCallback10, useEffect as useEffect21, useMemo as useMemo6 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect21, useMemo as useMemo7 } from "react";
 
 // src/client/hooks/requirements/data/useConnectWallet.ts
 import { useCallback as useCallback9, useEffect as useEffect20, useRef as useRef11, useState as useState21 } from "react";
@@ -8886,7 +9149,7 @@ function useConnectWalletModalViewModel({
       onClose();
     }
   }, [state]);
-  const uiState = useMemo6(() => {
+  const uiState = useMemo7(() => {
     if (!isOpen || state.type === "CONNECTED") {
       return { type: "hidden" };
     }
@@ -8952,7 +9215,7 @@ function ConnectWalletModalContainer({
 }
 
 // src/client/hooks/requirements/checklist/useRequirementsChecklistViewModel.ts
-import { useCallback as useCallback13, useEffect as useEffect24, useMemo as useMemo7, useRef as useRef12, useState as useState24 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect24, useMemo as useMemo8, useRef as useRef12, useState as useState24 } from "react";
 
 // src/client/hooks/requirements/checklist/useRequirementsChecklistViewModel.types.ts
 var RequirementItemUi = {
@@ -9014,6 +9277,7 @@ var EMPTY_STATE = {
 };
 function useOptionAddresses(offerId, offerOptionId, options = {}) {
   const { coinlist, isReady } = useCoinList();
+  const log = useLogger("useOptionAddresses");
   const { data, enabled = true } = options;
   const [addressesState, setAddressesState] = useState22(
     data !== void 0 ? { type: "CONTENT", addresses: data } : LOADING_STATE5
@@ -9059,18 +9323,26 @@ function useOptionAddresses(offerId, offerOptionId, options = {}) {
     setAddressesState(LOADING_STATE5);
     coinlist.wallets.list({ offerId, offerOptionId }).then((addresses) => {
       if (!isCancelled) {
+        log.debug(() => ({
+          msg: "settled",
+          fields: { state: "CONTENT", count: addresses.length }
+        }));
         setAddressesState({ type: "CONTENT", addresses });
       }
     }).catch((error) => {
       if (!isCancelled) {
         const reason = error instanceof NotAuthenticatedError ? "not-authenticated" : "generic-error";
+        log.failure(
+          () => ({ msg: "settled", fields: { state: "ERROR", reason } }),
+          error
+        );
         setAddressesState({ type: "ERROR", reason });
       }
     });
     return () => {
       isCancelled = true;
     };
-  }, [coinlist, isReady, enabled, offerId, offerOptionId, fetchKey]);
+  }, [coinlist, isReady, enabled, offerId, offerOptionId, fetchKey, log]);
   return { addressesState, refetch, disconnect };
 }
 
@@ -9079,6 +9351,7 @@ import { useCallback as useCallback12, useEffect as useEffect23, useState as use
 var LOADING_STATE6 = { type: "LOADING" };
 function useRequirements(offerId, options = {}) {
   const { coinlist, isReady } = useCoinList();
+  const log = useLogger("useRequirements");
   const { data } = options;
   const [requirementsState, setRequirementsState] = useState23(
     data !== void 0 ? { type: "CONTENT", ...data } : LOADING_STATE6
@@ -9112,6 +9385,14 @@ function useRequirements(offerId, options = {}) {
       coinlist.requirements.statuses(offerId)
     ]).then(([requirementsByOptionId, statuses]) => {
       if (!isCancelled) {
+        log.debug(() => ({
+          msg: "settled",
+          fields: {
+            state: "CONTENT",
+            options: Object.keys(requirementsByOptionId).length,
+            statuses: statuses.length
+          }
+        }));
         setRequirementsState({
           type: "CONTENT",
           requirements: requirementsByOptionId,
@@ -9121,22 +9402,23 @@ function useRequirements(offerId, options = {}) {
     }).catch((error) => {
       if (!isCancelled) {
         const reason = error instanceof NotAuthenticatedError ? "not-authenticated" : "generic-error";
+        log.failure(
+          () => ({ msg: "settled", fields: { state: "ERROR", reason } }),
+          error
+        );
         setRequirementsState({ type: "ERROR", reason });
       }
     });
     return () => {
       isCancelled = true;
     };
-  }, [coinlist, isReady, offerId, fetchKey]);
+  }, [coinlist, isReady, offerId, fetchKey, log]);
   return { requirementsState, refetch };
 }
 
 // src/client/hooks/requirements/checklist/useRequirementsChecklistViewModel.ts
 var DEFAULT_LABELS = {
   kyc_approved: "KYC Verification",
-  identity_verified: "Identity Verification",
-  proof_of_address: "Proof of Address",
-  source_of_funds: "Source of Funds",
   external_wallet: "External Wallet",
   whitelisted_wallet: "Whitelisted Wallet",
   jurisdiction: "Jurisdiction Check",
@@ -9145,9 +9427,6 @@ var DEFAULT_LABELS = {
 };
 var DEFAULT_DESCRIPTIONS = {
   kyc_approved: "Complete Know Your Customer verification.",
-  identity_verified: "Verify your identity.",
-  proof_of_address: "Provide proof of your residential address.",
-  source_of_funds: "Provide documentation for your source of funds.",
   external_wallet: "Connect an external wallet.",
   whitelisted_wallet: "Connect a whitelisted wallet.",
   jurisdiction: "Confirm your jurisdiction eligibility.",
@@ -9176,6 +9455,7 @@ function useRequirementsChecklistViewModel(options) {
     data,
     identityVerificationOptions
   } = options;
+  const log = useLogger("useRequirementsChecklistViewModel");
   const { coinlist } = useCoinList();
   const { requirementsState, refetch } = useRequirements(offerId, { data });
   const [expandedId, setExpandedId] = useState24(null);
@@ -9227,6 +9507,9 @@ function useRequirementsChecklistViewModel(options) {
             )?.status;
             if (current !== void 0 && current !== statusBeforeSubmit) break;
           } catch (_) {
+            log.debug(() => ({
+              msg: "status poll tick failed; retrying until deadline"
+            }));
           }
         }
         if (isMountedRef.current) {
@@ -9235,13 +9518,13 @@ function useRequirementsChecklistViewModel(options) {
         }
       })();
     },
-    [coinlist, offerId, refetch]
+    [coinlist, offerId, refetch, log]
   );
-  const requirements = useMemo7(
+  const requirements = useMemo8(
     () => requirementsState.type === "CONTENT" ? requirementsState.requirements[optionId] ?? [] : [],
     [requirementsState, optionId]
   );
-  const statusById = useMemo7(() => {
+  const statusById = useMemo8(() => {
     if (requirementsState.type !== "CONTENT") {
       return /* @__PURE__ */ new Map();
     }
@@ -9250,7 +9533,7 @@ function useRequirementsChecklistViewModel(options) {
       requirementsState.statuses.filter((s) => ids.has(s.id)).map((s) => [s.id, s])
     );
   }, [requirementsState, requirements]);
-  const state = useMemo7(() => {
+  const state = useMemo8(() => {
     switch (requirementsState.type) {
       case "LOADING":
         return { type: "loading" };
@@ -9514,10 +9797,27 @@ function RequirementsChecklistContainer({
   ] });
 }
 
+// src/client/core/observability/pino-client-logger.ts
+import { pino } from "pino";
+function pinoClientLogger(options) {
+  return loggerOverPino(
+    // `name` as a child binding rather than pino's `name` option: the option
+    // is honoured by pino's node build and silently dropped by its browser
+    // build, so a binding is the only spelling that identifies the SDK in
+    // both environments.
+    pino({
+      level: PINO_LEVEL[options.level],
+      browser: { asObject: true }
+    }).child({ name: SDK_LOGGER_NAME }),
+    options.level
+  );
+}
+
 // src/client/hooks/auth/useCompleteOAuth.ts
 import { useEffect as useEffect25, useRef as useRef13 } from "react";
 function useCompleteOAuth(options) {
   const { coinlist } = useCoinList();
+  const log = useLogger("useCompleteOAuth");
   const postOAuthCompleteRef = useRef13(options.postOAuthComplete);
   const onFailureRef = useRef13(options.onFailure);
   const onSuccessRef = useRef13(options.onSuccess);
@@ -9532,8 +9832,16 @@ function useCompleteOAuth(options) {
     if (hasStartedExchangeRef.current) return;
     const oauthResult = coinlist.auth.completeOAuth();
     if (oauthResult.type === "error") {
+      log.error(() => ({
+        msg: "oauth callback rejected",
+        fields: { reason: oauthResult.reason }
+      }));
       void Promise.resolve(onFailureRef.current(oauthResult.reason)).catch(
-        () => {
+        (error) => {
+          log.failure(
+            () => ({ msg: "the host onFailure handler threw" }),
+            error
+          );
         }
       );
       return;
@@ -9548,15 +9856,27 @@ function useCompleteOAuth(options) {
         });
         if (cancelled) return;
         if (!ok) {
+          log.error(() => ({
+            msg: "the host postOAuthComplete handler reported failure",
+            fields: { reason: "complete_request_failed" }
+          }));
           hasStartedExchangeRef.current = false;
           await onFailureRef.current("complete_request_failed");
           return;
         }
         await coinlist.init();
         if (cancelled) return;
+        log.info(() => ({ msg: "session established" }));
         await onSuccessRef.current();
-      } catch {
+      } catch (error) {
         if (cancelled) return;
+        log.failure(
+          () => ({
+            msg: "settled",
+            fields: { state: "ERROR", reason: "complete_request_failed" }
+          }),
+          error
+        );
         hasStartedExchangeRef.current = false;
         await onFailureRef.current("complete_request_failed");
       }
@@ -9565,7 +9885,7 @@ function useCompleteOAuth(options) {
       cancelled = true;
       hasStartedExchangeRef.current = false;
     };
-  }, [coinlist]);
+  }, [coinlist, log]);
 }
 
 // src/client/hooks/checkout/coin-list/token-sale/data/useParticipations.ts
@@ -9573,6 +9893,7 @@ import { useEffect as useEffect26, useState as useState25 } from "react";
 var LOADING_STATE7 = { type: "LOADING" };
 function useParticipations(offerId, options = {}) {
   const { coinlist, isReady } = useCoinList();
+  const log = useLogger("useParticipations");
   const { data } = options;
   const [participationsState, setParticipationsState] = useState25(
     data !== void 0 ? { type: "CONTENT", participations: data } : LOADING_STATE7
@@ -9595,18 +9916,26 @@ function useParticipations(offerId, options = {}) {
     setParticipationsState(LOADING_STATE7);
     coinlist.tokenSale.list(offerId).then((participations) => {
       if (!isCancelled) {
+        log.debug(() => ({
+          msg: "settled",
+          fields: { state: "CONTENT", count: participations.length }
+        }));
         setParticipationsState({ type: "CONTENT", participations });
       }
     }).catch((error) => {
       if (!isCancelled) {
         const reason = error instanceof NotAuthenticatedError ? "not-authenticated" : "generic-error";
+        log.failure(
+          () => ({ msg: "settled", fields: { state: "ERROR", reason } }),
+          error
+        );
         setParticipationsState({ type: "ERROR", reason });
       }
     });
     return () => {
       isCancelled = true;
     };
-  }, [coinlist, isReady, offerId, data]);
+  }, [coinlist, isReady, offerId, data, log]);
   return { participationsState };
 }
 
@@ -9615,6 +9944,7 @@ import { useEffect as useEffect27, useState as useState26 } from "react";
 var LOADING_STATE8 = { type: "LOADING" };
 function useOfferDetails(offerId, options = {}) {
   const { coinlist, isReady } = useCoinList();
+  const log = useLogger("useOfferDetails");
   const { data } = options;
   const [offerDetailsState, setOfferDetailsState] = useState26(
     data !== void 0 ? { type: "CONTENT", offerDetail: data } : LOADING_STATE8
@@ -9637,18 +9967,26 @@ function useOfferDetails(offerId, options = {}) {
     setOfferDetailsState(LOADING_STATE8);
     coinlist.offers.get(offerId).then((offerDetail) => {
       if (!isCancelled) {
+        log.debug(() => ({
+          msg: "settled",
+          fields: { state: "CONTENT", offerId: offerDetail.id }
+        }));
         setOfferDetailsState({ type: "CONTENT", offerDetail });
       }
     }).catch((error) => {
       if (!isCancelled) {
         const reason = error instanceof NotAuthenticatedError ? "not-authenticated" : "generic-error";
+        log.failure(
+          () => ({ msg: "settled", fields: { state: "ERROR", reason } }),
+          error
+        );
         setOfferDetailsState({ type: "ERROR", reason });
       }
     });
     return () => {
       isCancelled = true;
     };
-  }, [coinlist, isReady, offerId, data]);
+  }, [coinlist, isReady, offerId, data, log]);
   return { offerDetailsState };
 }
 
@@ -9659,6 +9997,7 @@ var LOADING_STATE9 = { type: "LOADING" };
 function useTokenMetadata(options) {
   const { chain, address, data, enabled = true } = options;
   const { coinlist, isReady } = useCoinList();
+  const log = useLogger("useTokenMetadata");
   const [state, setState] = useState27(
     () => data !== void 0 ? { type: "CONTENT", tokenMetadata: data } : LOADING_STATE9
   );
@@ -9677,17 +10016,32 @@ function useTokenMetadata(options) {
     setState(LOADING_STATE9);
     coinlist.tokens.get({ chain, address }).then((tokenMetadata) => {
       if (!isCancelled) {
+        log.debug(() => ({
+          msg: "settled",
+          fields: {
+            state: "CONTENT",
+            listed: tokenMetadata !== null,
+            symbol: tokenMetadata?.symbol ?? null
+          }
+        }));
         setState({ type: "CONTENT", tokenMetadata });
       }
-    }).catch(() => {
+    }).catch((error) => {
       if (!isCancelled) {
+        log.failure(
+          () => ({
+            msg: "settled",
+            fields: { state: "ERROR", reason: "generic-error" }
+          }),
+          error
+        );
         setState({ type: "ERROR", reason: "generic-error" });
       }
     });
     return () => {
       isCancelled = true;
     };
-  }, [coinlist, isReady, enabled, chain, address, data, refetchCount]);
+  }, [coinlist, isReady, enabled, chain, address, data, refetchCount, log]);
   return {
     // LOADING would be a lie while disabled: nothing is in flight and nothing
     // will replace it. Settled states (a seed, a previous answer) survive.
@@ -9734,6 +10088,7 @@ export {
   OndoReviewView,
   OndoSidebarView,
   OndoWalletSelectView,
+  RedactedWalletError,
   RequirementItem,
   RequirementItemUi,
   RequirementStatus,
@@ -9766,6 +10121,7 @@ export {
   formatMonthYear,
   offerIconUrl,
   ondoLoadErrorReason,
+  pinoClientLogger,
   prepareOndoSwap,
   quoteIsStale,
   quoteOverAsks,