@multiplatform.one/core 6.0.0

package/CHANGELOG.md

@@ -0,0 +1,25 @@
+# @multiplatform.one/core
+
+## 6.0.0
+
+### Major Changes
+
+- Unified 6.0.0 release: realign all public `@multiplatform.one/*` packages onto a single, matching version line (changesets `fixed` group). Highlights:
+  - **web3 split** into standalone `@multiplatform.one/connectkit` and `@multiplatform.one/gpg` packages; `web3` now depends on them instead of bundling ConnectKit.
+  - **Sign-In With GPG** screen added to the ConnectKit modal.
+  - **Native workspace web-resolution fix** + platform-split wrappers (rich-text / `TextEditor`, forms `Barcode`) so web-only libraries stay out of the native Hermes bundle.
+
+  From this release on, these packages are versioned together.
+
+### Patch Changes
+
+- Updated dependencies
+  - @multiplatform.one/frappe@6.0.0
+  - @multiplatform.one/frappe-ui@6.0.0
+  - @multiplatform.one/i18n@6.0.0
+  - @multiplatform.one/keycloak@6.0.0
+  - @multiplatform.one/logger@6.0.0
+  - @multiplatform.one/platform@6.0.0
+  - @multiplatform.one/store@6.0.0
+  - @multiplatform.one/theme@6.0.0
+  - @multiplatform.one/web3@6.0.0

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2021 [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/package.json

@@ -0,0 +1,126 @@
+{
+  "name": "@multiplatform.one/core",
+  "version": "6.0.0",
+  "description": "Core framework shell, provider composition, and layout factories for multiplatform.one",
+  "keywords": [
+    "app",
+    "multiplatform",
+    "multiplatform.one"
+  ],
+  "license": "Apache-2.0",
+  "author": "BitSpur",
+  "source": "src/index.ts",
+  "sideEffects": true,
+  "main": "src/index.ts",
+  "module": "src/index.ts",
+  "types": "src/index.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    "./healthz": {
+      "types": "./src/healthz.ts",
+      "source": "./src/healthz.ts",
+      "default": "./src/healthz.ts"
+    },
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./src/index.ts",
+      "default": "./src/index.ts"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@tanstack/devtools-event-client": "^0.4.3",
+    "@tanstack/react-devtools": "^0.10.2",
+    "@tanstack/react-form-devtools": "0.2.22",
+    "@tanstack/react-pacer-devtools": "^0.7.0",
+    "react-cookie": "^8.1.2",
+    "@multiplatform.one/i18n": "6.0.0",
+    "@multiplatform.one/platform": "6.0.0",
+    "@multiplatform.one/store": "6.0.0",
+    "@multiplatform.one/theme": "6.0.0",
+    "@multiplatform.one/logger": "6.0.0",
+    "@multiplatform.one/web3": "6.0.0"
+  },
+  "devDependencies": {
+    "@sentry/react": "^10.51.0",
+    "@tanstack/react-query": "^5.100.7",
+    "@tanstack/react-query-devtools": "^5.100.7",
+    "@types/react": "~19.2.14",
+    "i18next": "^25.10.10",
+    "one": "^1.16.5",
+    "react": "19.2.5",
+    "react-i18next": "^16.6.6",
+    "react-native": "0.83.2",
+    "react-native-gesture-handler": "~2.31.1",
+    "react-native-safe-area-context": "~5.7.0",
+    "tamagui": "2.0.0-rc.41",
+    "typescript": "~5.9.3",
+    "@multiplatform.one/frappe": "6.0.0",
+    "@multiplatform.one/web3": "6.0.0"
+  },
+  "peerDependencies": {
+    "@sentry/react": "^9.0.0",
+    "@tanstack/react-query": "^5.0.0",
+    "@tanstack/react-query-devtools": "^5.0.0",
+    "@vxrn/color-scheme": "^1.0.0",
+    "expo-font": ">=11.0.0",
+    "i18next": "^25.0.0",
+    "one": "^1.0.0",
+    "react": "^19.1.0",
+    "react-i18next": "^16.0.0",
+    "react-native": ">=0.83.0",
+    "react-native-gesture-handler": ">=2.0.0",
+    "react-native-safe-area-context": ">=4.0.0",
+    "tamagui": "^2.0.0-rc",
+    "@multiplatform.one/frappe": "6.0.0",
+    "@multiplatform.one/keycloak": "6.0.0",
+    "@multiplatform.one/frappe-ui": "6.0.0",
+    "@multiplatform.one/web3": "6.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@multiplatform.one/frappe": {
+      "optional": true
+    },
+    "@multiplatform.one/frappe-ui": {
+      "optional": true
+    },
+    "@multiplatform.one/keycloak": {
+      "optional": true
+    },
+    "@multiplatform.one/web3": {
+      "optional": true
+    },
+    "@sentry/react": {
+      "optional": true
+    },
+    "@tanstack/react-query": {
+      "optional": true
+    },
+    "@tanstack/react-query-devtools": {
+      "optional": true
+    },
+    "@vxrn/color-scheme": {
+      "optional": true
+    },
+    "i18next": {
+      "optional": true
+    },
+    "react-i18next": {
+      "optional": true
+    },
+    "expo-font": {
+      "optional": true
+    },
+    "react-native-gesture-handler": {
+      "optional": true
+    },
+    "react-native-safe-area-context": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "typecheck": "tsc --noEmit"
+  }
+}

package/src/app/CreateApp.tsx

@@ -0,0 +1,325 @@
+import React, {
+  Suspense,
+  createContext,
+  lazy,
+  useContext,
+  type ComponentType,
+  type PropsWithChildren,
+  type ReactNode,
+} from "react";
+import { config, isWeb } from "@multiplatform.one/platform";
+import type { ThemeConfig } from "@multiplatform.one/theme";
+import { ThemeProvider } from "@multiplatform.one/theme";
+import { FrappeProvider } from "@multiplatform.one/frappe-ui";
+import { createTanstackProvider } from "./TanstackProvider";
+// Platform-split: native -> bridge-only web3 via the `/native` subpath (no connectkit
+// in Hermes); web -> passthrough (web mounts the provider at screen scope). Importing a
+// single symbol here avoids a bare dynamic import("@multiplatform.one/web3") on native,
+// which would resolve the WEB dist and dead-bundle the EVM-modal stack into Hermes.
+import LazyWalletProvider from "./loadWalletProvider";
+
+export type ProviderComponent = ComponentType<PropsWithChildren>;
+
+// ---------------------------------------------------------------------------
+// Provider config types
+// ---------------------------------------------------------------------------
+
+export interface TanstackConfig {
+  /** Show React Query devtools (web only, ignored on native and in Storybook). */
+  debug?: boolean;
+  /** Options forwarded to the QueryClient constructor. */
+  queryClientOptions?: Record<string, unknown>;
+  /**
+   * Pass `useUserScheme` from `one` / `@vxrn/color-scheme` so the theme
+   * devtools panel can control the color scheme (light / dark / system).
+   */
+  useUserScheme?: () => {
+    setting: "system" | "light" | "dark";
+    value: "light" | "dark";
+    set: (s: "system" | "light" | "dark") => void;
+  };
+  /**
+   * Tamagui config object (from `createTamagui()`). When provided, the
+   * TanStack Devtools theme panel extracts `$color1`–`$color12` directly
+   * from the config's themes for the color line visualizer.
+   * Passed automatically by `createApp()` from the theme config.
+   */
+  tamaguiConfig?: unknown;
+}
+
+export interface KeycloakConfig {
+  /** Force-enable or disable. When omitted, reads KEYCLOAK_ENABLED from env config. */
+  enabled?: boolean;
+  baseUrl?: string;
+  clientId?: string;
+  publicClientId?: string;
+  realm?: string;
+  debug?: boolean;
+  iframeSso?: boolean;
+  loginRedirectUri?: string;
+  messageHandlerKeys?: string[];
+}
+
+export interface FrappeConfig {
+  /** Force-enable or disable. When omitted, reads FRAPPE_ENABLED from env config. */
+  enabled?: boolean;
+  baseURL?: string;
+  /**
+   * Override port for Socket.IO realtime connection (e.g. 9000 in dev).
+   * Omit in production behind a reverse proxy.
+   */
+  socketPort?: number;
+  auth?: {
+    useToken?: boolean;
+    token?: string;
+    type?: string;
+  };
+}
+
+export interface Web3AppConfig {
+  /** Force-enable or disable. When omitted, reads WEB3_ENABLED from env config. */
+  enabled?: boolean;
+  walletConnectProjectId?: string;
+  appName?: string;
+  appDescription?: string;
+  appUrl?: string;
+  appIcon?: string;
+  enableTestnets?: boolean;
+  /** Native: URL serving the wallet WebView HTML (preferred over the inline string). */
+  webViewUrl?: string;
+  /** E2E only (native): route connect through the in-WebView mock wallet. */
+  mockWallet?: boolean;
+}
+
+// ---------------------------------------------------------------------------
+// createApp config & props
+// ---------------------------------------------------------------------------
+
+export interface CreateAppConfig {
+  /** ThemeConfig to pass to the built-in ThemeProvider. */
+  theme?: ThemeConfig;
+  /**
+   * Additional providers composed outermost-to-innermost order.
+   * Each component receives `{ children }` and must render them.
+   * The first provider in the array becomes the outermost wrapper.
+   */
+  providers?: ProviderComponent[];
+  /** TanStack Query provider with optional devtools. Pass `true` for defaults. */
+  tanstack?: TanstackConfig | boolean;
+  /** Keycloak auth provider (lazy-loaded). Pass `true` to read all settings from env config. */
+  keycloak?: KeycloakConfig | boolean;
+  /** Frappe provider (lazy-loaded). Pass `true` to read all settings from env config. */
+  frappe?: FrappeConfig | boolean;
+  /** Web3 wallet provider (lazy-loaded). Pass `true` to read all settings from env config. */
+  web3?: Web3AppConfig | boolean;
+}
+
+export interface AppProviderProps extends PropsWithChildren {
+  /** System color scheme for theme resolution. */
+  systemTheme?: "light" | "dark";
+  /** Override the theme config set at createApp() time (useful for Storybook). */
+  themeConfig?: ThemeConfig;
+}
+
+const AppConfigContext = createContext<CreateAppConfig>({});
+
+// ---------------------------------------------------------------------------
+// createApp
+// ---------------------------------------------------------------------------
+
+/**
+ * Creates a pre-configured app shell with composable providers.
+ *
+ * Returns `{ AppProvider, withApp, useAppConfig }`.
+ *
+ * Provider composition order (outermost → innermost):
+ *   config context → TanStack → Web3 → Keycloak → Frappe → custom providers → ThemeProvider → children
+ */
+export function createApp(appConfig: CreateAppConfig) {
+  const builtinProviders: ProviderComponent[] = [];
+
+  // -- TanStack (outermost built-in, eagerly loaded) -------------------------
+  if (appConfig.tanstack) {
+    const cfg: TanstackConfig = appConfig.tanstack === true ? {} : { ...appConfig.tanstack };
+    // Inject the Tamagui config so the devtools panel can read theme colors
+    if (appConfig.theme?.tamagui && !cfg.tamaguiConfig) {
+      cfg.tamaguiConfig = appConfig.theme.tamagui;
+    }
+    builtinProviders.push(createTanstackProvider(cfg));
+  }
+
+  // -- Web3 (lazy-loaded) ----------------------------------------------------
+  if (appConfig.web3) {
+    const cfg: Web3AppConfig = appConfig.web3 === true ? {} : appConfig.web3;
+
+    function Web3Provider({ children }: PropsWithChildren) {
+      const enabled = cfg.enabled ?? config.get("WEB3_ENABLED") === "1";
+      if (!enabled) return children;
+
+      // On web the WagmiProvider must NOT sit above the router: it can't be
+      // server-rendered (wagmi/connectkit throw under the SSR ESM evaluator), so
+      // mounting it only on the client changes the element type above the
+      // navigator on hydration and remounts it → "Another navigator is already
+      // registered". Instead, web mounts the provider at screen scope (below the
+      // navigator) — see features/wallet/screen.tsx. Native has no SSR/navigator
+      // conflict, so it keeps the global provider here. Config is still available
+      // to the screen via useAppConfig().web3.
+      if (isWeb) return children;
+
+      const projectId = cfg.walletConnectProjectId || config.get("WALLETCONNECT_PROJECT_ID") || "";
+      const testnetsEnabled = cfg.enableTestnets ?? config.get("WEB3_TESTNETS_ENABLED") === "1";
+
+      const WalletWithChildren = LazyWalletProvider as unknown as ComponentType<
+        PropsWithChildren<{ config: Record<string, unknown> }>
+      >;
+      return (
+        // fallback must NOT be `children`: rendering web3-consuming screens before
+        // the lazy WagmiProvider loads throws "useConfig must be used within WagmiProvider".
+        <Suspense fallback={null}>
+          <WalletWithChildren
+            config={{
+              walletConnectProjectId: projectId,
+              appName: cfg.appName || "Multiplatform.one",
+              appDescription: cfg.appDescription || "Connect your wallet",
+              appUrl:
+                cfg.appUrl ||
+                (isWeb && typeof window !== "undefined" ? window.location.origin : ""),
+              appIcon: cfg.appIcon,
+              enableTestnets: testnetsEnabled,
+              webViewUrl: cfg.webViewUrl,
+              mockWallet: cfg.mockWallet,
+            }}
+          >
+            {children}
+          </WalletWithChildren>
+        </Suspense>
+      );
+    }
+    Web3Provider.displayName = "Web3Provider";
+    builtinProviders.push(Web3Provider);
+  }
+
+  // -- Keycloak (lazy-loaded) ------------------------------------------------
+  if (appConfig.keycloak) {
+    const cfg: KeycloakConfig = appConfig.keycloak === true ? {} : appConfig.keycloak;
+    const LazyKeycloakProvider = lazy(async () => {
+      const mod = await import("@multiplatform.one/keycloak");
+      return {
+        default: mod.KeycloakProvider as ComponentType<
+          PropsWithChildren<{
+            disabled?: boolean;
+            debug?: boolean;
+            baseUrl?: string;
+            clientId?: string;
+            publicClientId?: string;
+            realm?: string;
+            iframeSso?: boolean;
+            loginRedirectUri?: string;
+            messageHandlerKeys?: string[];
+          }>
+        >,
+      };
+    });
+
+    function KeycloakProviderWrapper({ children }: PropsWithChildren) {
+      const enabled = cfg.enabled ?? config.get("KEYCLOAK_ENABLED") === "1";
+      if (!enabled) return children;
+
+      return (
+        <Suspense fallback={children}>
+          <LazyKeycloakProvider
+            disabled={false}
+            debug={cfg.debug ?? config.get("DEBUG") === "1"}
+            baseUrl={cfg.baseUrl || `${config.get("BASE_URL") || ""}/auth`}
+            clientId={cfg.clientId || config.get("KEYCLOAK_CLIENT_ID")}
+            publicClientId={cfg.publicClientId || config.get("KEYCLOAK_PUBLIC_CLIENT_ID")}
+            realm={cfg.realm || config.get("KEYCLOAK_REALM") || ""}
+            iframeSso={cfg.iframeSso}
+            loginRedirectUri={cfg.loginRedirectUri}
+            messageHandlerKeys={cfg.messageHandlerKeys || []}
+          >
+            {children}
+          </LazyKeycloakProvider>
+        </Suspense>
+      );
+    }
+    KeycloakProviderWrapper.displayName = "KeycloakProvider";
+    builtinProviders.push(KeycloakProviderWrapper);
+  }
+
+  // -- Frappe (eagerly imported) ---------------------------------------------
+  // NOT lazy: a lazy()+Suspense boundary here remounts the router subtree when
+  // the (large) frappe-ui chunk resolves, which resets one's navigation to the
+  // index route — so deep-loading e.g. /wallet snapped back to /. (fallback=null
+  // doesn't help; the remount is from the lazy boundary resolving, not the
+  // fallback content.) frappe-ui is on the critical path for this app anyway.
+  if (appConfig.frappe) {
+    const cfg: FrappeConfig = appConfig.frappe === true ? {} : appConfig.frappe;
+
+    function FrappeProviderWrapper({ children }: PropsWithChildren) {
+      const enabled = cfg.enabled ?? config.get("FRAPPE_ENABLED") === "1";
+      if (!enabled) return children;
+
+      const baseURL = cfg.baseURL || config.get("BASE_URL") || "http://localhost:8000";
+      const socketPort =
+        cfg.socketPort ?? (Number(config.get("FRAPPE_SOCKETIO_PORT")) || undefined);
+
+      return (
+        <FrappeProvider baseURL={baseURL} socketPort={socketPort} auth={cfg.auth}>
+          {children}
+        </FrappeProvider>
+      );
+    }
+    FrappeProviderWrapper.displayName = "FrappeProvider";
+    builtinProviders.push(FrappeProviderWrapper);
+  }
+
+  // -- Combine: builtin → custom providers (theme is innermost) --------------
+  const allProviders = [...builtinProviders, ...(appConfig.providers || [])];
+
+  function AppProvider({ children, systemTheme, themeConfig }: AppProviderProps) {
+    const theme = themeConfig || appConfig.theme;
+
+    // Theme wraps children directly (innermost layer)
+    let content: ReactNode = theme ? (
+      <ThemeProvider config={theme} systemTheme={systemTheme}>
+        {children}
+      </ThemeProvider>
+    ) : (
+      children
+    );
+
+    // Compose providers outermost-to-innermost (reduceRight so first element is outermost)
+    for (let i = allProviders.length - 1; i >= 0; i--) {
+      const Provider = allProviders[i];
+      content = <Provider>{content}</Provider>;
+    }
+
+    // AppConfig context is the outermost layer
+    return <AppConfigContext.Provider value={appConfig}>{content}</AppConfigContext.Provider>;
+  }
+  AppProvider.displayName = "AppProvider";
+
+  /**
+   * HOC that wraps a screen component in the AppProvider.
+   * Useful for wrapping individual route screens.
+   */
+  function withApp<P extends Record<string, unknown>>(Screen: ComponentType<P>): ComponentType<P> {
+    function WrappedScreen(props: P) {
+      return (
+        <AppProvider>
+          <Screen {...props} />
+        </AppProvider>
+      );
+    }
+    WrappedScreen.displayName = `withApp(${Screen.displayName || Screen.name || "Component"})`;
+    return WrappedScreen;
+  }
+
+  /** Read the app config from the nearest AppProvider context. */
+  function useAppConfig(): CreateAppConfig {
+    return useContext(AppConfigContext);
+  }
+
+  return { AppProvider, withApp, useAppConfig };
+}