From 188536867d176b7e6d729be2b0d4d0b42e0b4eb7 Mon Sep 17 00:00:00 2001
From: Terry Yiu <git@tyiu.xyz>
Date: Wed, 16 Sep 2026 18:35:23 +0300
Subject: [PATCH] Add a Compose HTML (DOM) web app and split Compose UI out of
 :shared

webHtmlApp is a new web build using Compose HTML instead of Compose
Multiplatform UI's Skia/canvas renderer - real <select>/<input>/<button>
elements, an anchored popup menu for reordering/removing currencies
(Compose HTML has no built-in DropdownMenu), and locale-independent
English strings (moko-resources' Compose integration pulls in
compose.foundation/ui, which this module exists to avoid).

Realizing the bundle-size win needed splitting sharedUi out of shared:
the Compose Multiplatform Gradle plugin bundles Skiko's several-MB web
runtime into any js/wasmJs target whose resolved dependencies contain
org.jetbrains.compose.ui:ui anywhere, and shared previously declared it
directly for the other (Skia-based) web app's UI. shared is now pure
business/data logic with no Compose dependency; sharedUi holds App()/
PriceScreen() for androidApp, desktopApp, and webApp to render.
PriceViewModel's ViewModel supertype and CurrencyConverter's BigDecimal
params moved from implementation() to api() in shared, since they're
part of its public surface that webHtmlApp now touches directly.

Also drops the @js-joda/timezone dependency from both web builds: the
app only ever calls TimeZone.currentSystemDefault(), which resolves to
a synthetic zone backed by the native Date offset on Kotlin/JS and
never touches the tz database - confirmed empirically on both js and
wasmJs targets. Cuts webApp's js bundle by ~950 KB and webHtmlApp's by
~800 KB.

currencyFlagEmoji() gained an explicit supportsFlagEmoji parameter
(defaulting to the existing expect/actual, false on web) so webHtmlApp
can opt in - Compose HTML renders real DOM text, so flag emoji work
fine there even though they don't on Compose Multiplatform's canvas.

website/serve-local.sh now builds and serves webHtmlApp instead of
webApp's wasmJs build, so it no longer mirrors what's actually deployed
to production; docs updated to reflect the new module layout and that
divergence, and the Pages workflow's path trigger now includes
sharedUi/** so UI changes there still redeploy the site.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 .github/workflows/pages.yml                   |   1 +
 AGENTS.md                                     |  58 +++-
 README.md                                     |  10 +-
 androidApp/build.gradle.kts                   |   2 +-
 desktopApp/build.gradle.kts                   |   2 +-
 gradle/libs.versions.toml                     |   2 +
 kotlin-js-store/wasm/yarn.lock                |   5 -
 kotlin-js-store/yarn.lock                     |   5 -
 settings.gradle.kts                           |   4 +-
 shared/build.gradle.kts                       |  24 +-
 .../xyz/tyiu/satsprice/ui/Dimensions.apple.kt |   8 -
 .../kotlin/xyz/tyiu/satsprice/CurrencyFlag.kt |  11 +-
 sharedUi/build.gradle.kts                     |  61 ++++
 .../tyiu/satsprice/ui/Dimensions.android.kt   |   0
 .../kotlin/xyz/tyiu/satsprice/App.kt          |   0
 .../xyz/tyiu/satsprice/ui/Dimensions.kt       |   0
 .../xyz/tyiu/satsprice/ui/PriceScreen.kt      |   0
 .../xyz/tyiu/satsprice/ui/Dimensions.jvm.kt   |   0
 .../xyz/tyiu/satsprice/ui/Dimensions.web.kt   |   0
 webApp/build.gradle.kts                       |   4 +-
 .../webMain/kotlin/xyz/tyiu/satsprice/main.kt |   8 +-
 webHtmlApp/build.gradle.kts                   |  25 ++
 .../kotlin/xyz/tyiu/satsprice/HtmlApp.kt      | 285 ++++++++++++++++
 .../xyz/tyiu/satsprice/HtmlCurrencyPicker.kt  | 137 ++++++++
 .../kotlin/xyz/tyiu/satsprice/Strings.kt      |  45 +++
 .../webMain/kotlin/xyz/tyiu/satsprice/main.kt |   9 +
 .../src/webMain/resources/favicon-192.png     | Bin 0 -> 22473 bytes
 webHtmlApp/src/webMain/resources/favicon.ico  | Bin 0 -> 6939 bytes
 webHtmlApp/src/webMain/resources/index.html   |  16 +
 webHtmlApp/src/webMain/resources/styles.css   | 314 ++++++++++++++++++
 website/serve-local.sh                        |   6 +-
 31 files changed, 970 insertions(+), 72 deletions(-)
 delete mode 100644 shared/src/appleMain/kotlin/xyz/tyiu/satsprice/ui/Dimensions.apple.kt
 create mode 100644 sharedUi/build.gradle.kts
 rename {shared => sharedUi}/src/androidMain/kotlin/xyz/tyiu/satsprice/ui/Dimensions.android.kt (100%)
 rename {shared => sharedUi}/src/commonMain/kotlin/xyz/tyiu/satsprice/App.kt (100%)
 rename {shared => sharedUi}/src/commonMain/kotlin/xyz/tyiu/satsprice/ui/Dimensions.kt (100%)
 rename {shared => sharedUi}/src/commonMain/kotlin/xyz/tyiu/satsprice/ui/PriceScreen.kt (100%)
 rename {shared => sharedUi}/src/jvmMain/kotlin/xyz/tyiu/satsprice/ui/Dimensions.jvm.kt (100%)
 rename {shared => sharedUi}/src/webMain/kotlin/xyz/tyiu/satsprice/ui/Dimensions.web.kt (100%)
 create mode 100644 webHtmlApp/build.gradle.kts
 create mode 100644 webHtmlApp/src/webMain/kotlin/xyz/tyiu/satsprice/HtmlApp.kt
 create mode 100644 webHtmlApp/src/webMain/kotlin/xyz/tyiu/satsprice/HtmlCurrencyPicker.kt
 create mode 100644 webHtmlApp/src/webMain/kotlin/xyz/tyiu/satsprice/Strings.kt
 create mode 100644 webHtmlApp/src/webMain/kotlin/xyz/tyiu/satsprice/main.kt
 create mode 100644 webHtmlApp/src/webMain/resources/favicon-192.png
 create mode 100644 webHtmlApp/src/webMain/resources/favicon.ico
 create mode 100644 webHtmlApp/src/webMain/resources/index.html
 create mode 100644 webHtmlApp/src/webMain/resources/styles.css

diff --git a/.github/workflows/pages.yml b/.github/workflows/pages.yml
index 37e251f..ced0a08 100644
--- a/.github/workflows/pages.yml
+++ b/.github/workflows/pages.yml
@@ -6,6 +6,7 @@ on:
     paths:
       - "website/**"
       - "shared/**"
+      - "sharedUi/**"
       - "webApp/**"
       - "gradle/**"
       - "gradlew"
diff --git a/AGENTS.md b/AGENTS.md
index 1384ea2..462ed9f 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -24,10 +24,28 @@ Kotlin) implementation — `main` is now this Kotlin Multiplatform project.
 
 ## Module layout
 
-- `shared/` — the actual app: UI, view models, data sources, domain logic.
-  Almost everything happens here.
+- `shared/` — view models, data sources, domain logic. No Compose UI
+  toolkit dependency (deliberately - see `sharedUi/` below). Almost all
+  business logic happens here.
+- `sharedUi/` — the Skia-based Compose Multiplatform UI (`App()`,
+  `ui/PriceScreen.kt`) that `androidApp`, `desktopApp`, and `webApp`
+  render. Split out from `shared` so a js/wasmJs consumer that doesn't
+  want Compose UI's several-MB Skia web runtime (see `webHtmlApp/`) can
+  depend on `shared` alone without pulling it in transitively - the
+  Compose Multiplatform Gradle plugin bundles that runtime into *any*
+  js/wasmJs target whose resolved dependencies contain
+  `org.jetbrains.compose.ui:ui` anywhere.
 - `androidApp/`, `desktopApp/`, `webApp/` — thin launcher shells around
-  `shared`'s Compose UI. Rarely need changes.
+  `sharedUi`'s Compose UI. Rarely need changes.
+- `webHtmlApp/` — an alternative web build rendering to real DOM via
+  Compose HTML instead of Compose Multiplatform UI's canvas/Skia. Depends
+  on `shared` directly, not `sharedUi`: Compose HTML and Compose
+  Multiplatform UI are different, incompatible composable sets, so its
+  screens (`HtmlApp.kt`, `HtmlCurrencyPicker.kt`) are a separate
+  hand-written port of `sharedUi/ui/PriceScreen.kt` rather than a shared
+  one. Not what's deployed to production (`webApp`'s wasmJs build is);
+  exists for comparing the two approaches and via
+  `website/serve-local.sh`.
 - `iosApp/` — a native SwiftUI app (shared across iOS and macOS via
   `#if os(macOS)`), **not** Compose. It talks to `shared` through a
   hand-written bridge (see "Core architecture" below), not by rendering
@@ -53,8 +71,10 @@ unused KMP-wizard scaffolding, not load-bearing.
   (`ConverterUiState.xyz()` extension functions) shared between Compose and
   the iOS bridge. **Read the localization note below before adding
   anything here that produces user-facing text.**
-- `ui/PriceScreen.kt` — the actual Compose UI. Used as-is by Android,
-  Desktop, and Web (same composable, three renderers).
+- `sharedUi/src/commonMain/.../ui/PriceScreen.kt` — the actual Compose UI.
+  Used as-is by Android, Desktop, and `webApp` (same composable, three
+  renderers). `webHtmlApp` has its own separate Compose HTML port of this
+  screen instead (see "Module layout" above).
 - iOS/macOS **doesn't** use Compose. The chain is:
   `PriceViewModel` (Kotlin) → `IosPriceViewModel`/`IosConverterState`
   (`shared/src/appleMain/.../IosPriceViewModel.kt`, a flattened Map-free
@@ -92,6 +112,13 @@ the pattern to copy: it returns a locale-formatted `String?` (using
 locale-aware formatting via platform APIs, not translated text), and each
 UI layer wraps it with its own localized "Updated %1$s" string.
 
+`webHtmlApp` is the one UI layer that deliberately breaks this pattern: its
+`Strings.kt` hardcodes English rather than calling `stringResource()`,
+because moko-resources' Compose integration (`moko-resourcesCompose`) pulls
+in `compose.foundation`/`compose.ui` transitively - exactly the dependency
+`webHtmlApp` exists to avoid (see "Module layout" above). Not a template to
+follow elsewhere; a one-off tradeoff specific to that module.
+
 ## Locale-aware formatting
 
 `domain/NumberFormat.kt` (digit grouping, decimal separator) and
@@ -164,14 +191,17 @@ site (nav, hero, download section) via `/app/`.
 
 - `website/app/` is git-ignored — it's build output, generated fresh by CI
   (and locally by the script below), never committed.
-- To reproduce the production layout locally (site + web app together,
-  `/app/` links working): `./website/serve-local.sh [port]`. It builds the
-  wasmJs distribution, copies it into `website/app/`, and serves
-  `website/` with `python3 -m http.server`.
+- To try the site + web app together locally (`/app/` links working):
+  `./website/serve-local.sh [port]`. It builds `webHtmlApp`'s Compose
+  HTML (DOM) distribution, copies it into `website/app/`, and serves
+  `website/` with `python3 -m http.server` — note this no longer matches
+  what the Pages workflow actually deploys (still the Skia `webApp`
+  wasmJs build), so it's for trying the DOM build, not reproducing
+  production.
 - If you change the Pages workflow, remember `paths:` in the trigger
-  includes `webApp/**`/`shared/**`/Gradle files, not just `website/**` —
-  a shared-code change that affects the web app should also redeploy the
-  site.
+  includes `webApp/**`/`shared/**`/`sharedUi/**`/Gradle files, not just
+  `website/**` — a shared-code change that affects the web app should
+  also redeploy the site.
 
 ## Testing and verification
 
@@ -195,6 +225,10 @@ site (nav, hero, download section) via `/app/`.
   `--headless=new --disable-gpu-sandbox --use-gl=angle --use-angle=swiftshader --enable-unsafe-swiftshader --ignore-gpu-blocklist`.
   This is also the most practical way to verify a Compose UI change at
   all, since there's no headless Android/Desktop runner set up here.
+- `webHtmlApp` is the exception to the above: it renders real DOM, so
+  plain `--headless=new --dump-dom` (no WebGL/GPU flags needed) shows
+  actual inspectable HTML. Build/serve it with
+  `./gradlew :webHtmlApp:jsBrowserDistribution` and a static file server.
 - Interactive verification of the native macOS build via AppleScript/System
   Events GUI scripting works but is genuinely flaky — stale processes can
   linger across launches, the accessibility tree doesn't always reflect
diff --git a/README.md b/README.md
index 0e437b4..c3c20a6 100644
--- a/README.md
+++ b/README.md
@@ -71,13 +71,15 @@ options:
 - Desktop app:
     - Hot reload: `./gradlew :desktopApp:hotRun --auto`
     - Standard run: `./gradlew :desktopApp:run`
-- Web app:
+- Web app (Compose Multiplatform UI, Skia-rendered - what's deployed to production):
     - Wasm target (faster, modern browsers): `./gradlew :webApp:wasmJsBrowserDevelopmentRun`
     - JS target (slower, supports older browsers): `./gradlew :webApp:jsBrowserDevelopmentRun`
+- Web app, DOM alternative (Compose HTML UI, renders real DOM instead of Skia/canvas - not what's
+  deployed to production): `./gradlew :webHtmlApp:jsBrowserDevelopmentRun`
 - iOS app: open the [/iosApp](./iosApp) directory in Xcode and run it from there.
-- [Website](./website) (with the web app built and served at `/app/`, matching production):
-  `./website/serve-local.sh` (serves at http://localhost:8000 by default; pass a port number to
-  override)
+- [Website](./website) with the web app built and served at `/app/` (the `webHtmlApp` DOM build,
+  not the one production actually deploys): `./website/serve-local.sh` (serves at
+  http://localhost:8000 by default; pass a port number to override)
 
 ### Running tests
 
diff --git a/androidApp/build.gradle.kts b/androidApp/build.gradle.kts
index f4a1f2b..f16ddad 100644
--- a/androidApp/build.gradle.kts
+++ b/androidApp/build.gradle.kts
@@ -11,7 +11,7 @@ kotlin {
     }
 }
 dependencies {
-    implementation(project(":shared"))
+    implementation(project(":sharedUi"))
 
     implementation(libs.androidx.activity.compose)
 
diff --git a/desktopApp/build.gradle.kts b/desktopApp/build.gradle.kts
index d305b03..e4e28c3 100644
--- a/desktopApp/build.gradle.kts
+++ b/desktopApp/build.gradle.kts
@@ -7,7 +7,7 @@ plugins {
 }
 
 dependencies {
-    implementation(project(":shared"))
+    implementation(project(":sharedUi"))
 
     implementation(compose.desktop.currentOs)
     implementation(libs.kotlinx.coroutinesSwing)
diff --git a/gradle/libs.versions.toml b/gradle/libs.versions.toml
index 3b721bf..0903454 100644
--- a/gradle/libs.versions.toml
+++ b/gradle/libs.versions.toml
@@ -34,6 +34,7 @@ androidx-espresso-core = { module = "androidx.test.espresso:espresso-core", vers
 androidx-appcompat = { module = "androidx.appcompat:appcompat", version.ref = "androidx-appcompat" }
 androidx-activity-compose = { module = "androidx.activity:activity-compose", version.ref = "androidx-activity" }
 compose-uiTooling = { module = "org.jetbrains.compose.ui:ui-tooling", version.ref = "composeMultiplatform" }
+androidx-lifecycle-viewmodel = { module = "org.jetbrains.androidx.lifecycle:lifecycle-viewmodel", version.ref = "androidx-lifecycle" }
 androidx-lifecycle-viewmodelCompose = { module = "org.jetbrains.androidx.lifecycle:lifecycle-viewmodel-compose", version.ref = "androidx-lifecycle" }
 androidx-lifecycle-runtimeCompose = { module = "org.jetbrains.androidx.lifecycle:lifecycle-runtime-compose", version.ref = "androidx-lifecycle" }
 compose-runtime = { module = "org.jetbrains.compose.runtime:runtime", version.ref = "composeMultiplatform" }
@@ -41,6 +42,7 @@ compose-foundation = { module = "org.jetbrains.compose.foundation:foundation", v
 compose-material3 = { module = "org.jetbrains.compose.material3:material3", version.ref = "material3" }
 compose-materialIconsExtended = { module = "org.jetbrains.compose.material:material-icons-extended", version.ref = "composeMaterialIcons" }
 compose-ui = { module = "org.jetbrains.compose.ui:ui", version.ref = "composeMultiplatform" }
+compose-html-core = { module = "org.jetbrains.compose.html:html-core", version.ref = "composeMultiplatform" }
 compose-uiToolingPreview = { module = "org.jetbrains.compose.ui:ui-tooling-preview", version.ref = "composeMultiplatform" }
 moko-resources = { module = "dev.icerock.moko:resources", version.ref = "mokoResources" }
 moko-resourcesCompose = { module = "dev.icerock.moko:resources-compose", version.ref = "mokoResources" }
diff --git a/kotlin-js-store/wasm/yarn.lock b/kotlin-js-store/wasm/yarn.lock
index 249cfeb..48ed79a 100644
--- a/kotlin-js-store/wasm/yarn.lock
+++ b/kotlin-js-store/wasm/yarn.lock
@@ -7,11 +7,6 @@
   resolved "https://registry.yarnpkg.com/@js-joda/core/-/core-3.2.0.tgz#3e61e21b7b2b8a6be746df1335cf91d70db2a273"
   integrity sha512-PMqgJ0sw5B7FKb2d5bWYIoxjri+QlW/Pys7+Rw82jSH0QN3rB05jZ/VrrsUdh1w4+i2kw9JOejXGq/KhDOX7Kg==
 
-"@js-joda/timezone@2.25.1":
-  version "2.25.1"
-  resolved "https://registry.yarnpkg.com/@js-joda/timezone/-/timezone-2.25.1.tgz#4628f18d51af1b197a410834d344418f48a8a264"
-  integrity sha512-s79ts8bXrWqM9dIBKc0AdgGuAUFpu9gmzYhOCPHJlks/Sf7FSbJHRauWlFYUwjSTZevimqthEvJycrwrVz5m4g==
-
 "@messageformat/core@3.1.0":
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/@messageformat/core/-/core-3.1.0.tgz#d4d2f5c3555228a6b5980b122a02b53dfc6458bd"
diff --git a/kotlin-js-store/yarn.lock b/kotlin-js-store/yarn.lock
index 30fecbc..9206275 100644
--- a/kotlin-js-store/yarn.lock
+++ b/kotlin-js-store/yarn.lock
@@ -63,11 +63,6 @@
   resolved "https://registry.yarnpkg.com/@js-joda/core/-/core-3.2.0.tgz#3e61e21b7b2b8a6be746df1335cf91d70db2a273"
   integrity sha512-PMqgJ0sw5B7FKb2d5bWYIoxjri+QlW/Pys7+Rw82jSH0QN3rB05jZ/VrrsUdh1w4+i2kw9JOejXGq/KhDOX7Kg==
 
-"@js-joda/timezone@2.25.1":
-  version "2.25.1"
-  resolved "https://registry.yarnpkg.com/@js-joda/timezone/-/timezone-2.25.1.tgz#4628f18d51af1b197a410834d344418f48a8a264"
-  integrity sha512-s79ts8bXrWqM9dIBKc0AdgGuAUFpu9gmzYhOCPHJlks/Sf7FSbJHRauWlFYUwjSTZevimqthEvJycrwrVz5m4g==
-
 "@jsonjoy.com/base64@17.67.0":
   version "17.67.0"
   resolved "https://registry.yarnpkg.com/@jsonjoy.com/base64/-/base64-17.67.0.tgz#7eeda3cb41138d77a90408fd2e42b2aba10576d7"
diff --git a/settings.gradle.kts b/settings.gradle.kts
index 9e8a660..054b35a 100644
--- a/settings.gradle.kts
+++ b/settings.gradle.kts
@@ -30,4 +30,6 @@ dependencyResolutionManagement {
 include(":androidApp")
 include(":desktopApp")
 include(":shared")
-include(":webApp")
\ No newline at end of file
+include(":sharedUi")
+include(":webApp")
+include(":webHtmlApp")
\ No newline at end of file
diff --git a/shared/build.gradle.kts b/shared/build.gradle.kts
index 4ca110a..6027a16 100644
--- a/shared/build.gradle.kts
+++ b/shared/build.gradle.kts
@@ -4,8 +4,6 @@ import org.jetbrains.kotlin.gradle.dsl.JvmTarget
 plugins {
     alias(libs.plugins.kotlinMultiplatform)
     alias(libs.plugins.androidMultiplatformLibrary)
-    alias(libs.plugins.composeMultiplatform)
-    alias(libs.plugins.composeCompiler)
     alias(libs.plugins.kotlinSerialization)
     alias(libs.plugins.mokoResources)
     alias(libs.plugins.sqldelight)
@@ -62,28 +60,22 @@ kotlin {
 
     sourceSets {
         androidMain.dependencies {
-            implementation(libs.compose.uiToolingPreview)
-            implementation(libs.compose.uiTooling)
             implementation(libs.ktor.client.okhttp)
             implementation(libs.sqldelight.androidDriver)
         }
         commonMain.dependencies {
-            implementation(libs.compose.runtime)
-            implementation(libs.compose.foundation)
-            implementation(libs.compose.material3)
-            implementation(libs.compose.materialIconsExtended)
-            implementation(libs.compose.ui)
-            implementation(libs.compose.uiToolingPreview)
             api(libs.moko.resources)
-            api(libs.moko.resourcesCompose)
-            implementation(libs.androidx.lifecycle.viewmodelCompose)
-            implementation(libs.androidx.lifecycle.runtimeCompose)
+            // PriceViewModel's own supertype and CurrencyConverter's BigDecimal parameters are
+            // part of :shared's public API, so consumers that touch those types directly (e.g.
+            // webHtmlApp's Compose HTML screens) need them on their own compile classpath too -
+            // api() (not implementation()) is what makes Gradle expose them transitively.
+            api(libs.androidx.lifecycle.viewmodel)
+            api(libs.bignum)
             implementation(libs.kotlinx.datetime)
             implementation(libs.kotlinx.serialization.json)
             implementation(libs.ktor.client.core)
             implementation(libs.ktor.client.contentNegotiation)
             implementation(libs.ktor.serialization.kotlinxJson)
-            implementation(libs.bignum)
             implementation(libs.sqldelight.runtime)
         }
         commonTest.dependencies {
@@ -112,10 +104,6 @@ kotlin {
     }
 }
 
-dependencies {
-    androidRuntimeClasspath(libs.compose.uiTooling)
-}
-
 multiplatformResources {
     resourcesPackage.set("xyz.tyiu.satsprice.shared")
 }
diff --git a/shared/src/appleMain/kotlin/xyz/tyiu/satsprice/ui/Dimensions.apple.kt b/shared/src/appleMain/kotlin/xyz/tyiu/satsprice/ui/Dimensions.apple.kt
deleted file mode 100644
index 54a1839..0000000
--- a/shared/src/appleMain/kotlin/xyz/tyiu/satsprice/ui/Dimensions.apple.kt
+++ /dev/null
@@ -1,8 +0,0 @@
-package xyz.tyiu.satsprice.ui
-
-import androidx.compose.ui.unit.Dp
-import androidx.compose.ui.unit.dp
-
-// PriceScreen.kt is unused on iOS (native SwiftUI is used instead), but this module still
-// needs an actual to satisfy the expect declaration for this target.
-actual val screenHorizontalPadding: Dp = 16.dp
diff --git a/shared/src/commonMain/kotlin/xyz/tyiu/satsprice/CurrencyFlag.kt b/shared/src/commonMain/kotlin/xyz/tyiu/satsprice/CurrencyFlag.kt
index e1c5ff4..b7cdfcb 100644
--- a/shared/src/commonMain/kotlin/xyz/tyiu/satsprice/CurrencyFlag.kt
+++ b/shared/src/commonMain/kotlin/xyz/tyiu/satsprice/CurrencyFlag.kt
@@ -36,11 +36,14 @@ internal fun issuingCountryCodes(code: String): List<String> {
  * A country flag emoji for [code], or null when there's no flag to show — either because [code]
  * isn't tied to any country, because it's shared by more than [MAX_FLAGS_PER_CURRENCY] countries
  * (too visually noisy to show side by side), or because [supportsFlagEmoji] says the platform
- * can't render one anyway (Compose for Web's canvas-based text renderer has no color-emoji font
- * to fall back to, so a flag's regional-indicator codepoints draw as empty boxes there).
+ * can't render one anyway. [supportsFlagEmoji] defaults to the expect/actual of the same name,
+ * which is false for Compose Multiplatform's canvas-based Skia renderer on web (no bundled or
+ * system color-emoji font to fall back to, so a flag's regional-indicator codepoints draw as
+ * empty boxes there) - callers that render through a real DOM text node instead (e.g. Compose
+ * HTML) can pass `true` explicitly, since the browser's own font stack handles it fine.
  */
-fun currencyFlagEmoji(code: String): String? {
-    if (!supportsFlagEmoji()) return null
+fun currencyFlagEmoji(code: String, supportsFlagEmoji: Boolean = supportsFlagEmoji()): String? {
+    if (!supportsFlagEmoji) return null
     val regionCodes = issuingCountryCodes(code)
     if (regionCodes.isEmpty() || regionCodes.size > MAX_FLAGS_PER_CURRENCY) return null
     return regionCodes.joinToString(" ") { regionFlagEmoji(it) }
diff --git a/sharedUi/build.gradle.kts b/sharedUi/build.gradle.kts
new file mode 100644
index 0000000..4de5639
--- /dev/null
+++ b/sharedUi/build.gradle.kts
@@ -0,0 +1,61 @@
+import org.jetbrains.kotlin.gradle.ExperimentalWasmDsl
+import org.jetbrains.kotlin.gradle.dsl.JvmTarget
+
+plugins {
+    alias(libs.plugins.kotlinMultiplatform)
+    alias(libs.plugins.androidMultiplatformLibrary)
+    alias(libs.plugins.composeMultiplatform)
+    alias(libs.plugins.composeCompiler)
+}
+
+// The Skia-based Compose Multiplatform UI (App()/PriceScreen()) that androidApp, desktopApp,
+// and webApp render. Split out of :shared so :shared itself stays free of compose.ui - the
+// Compose Multiplatform Gradle plugin bundles the several-MB Skiko web runtime into *any*
+// js/wasmJs target whose resolved dependency graph contains org.jetbrains.compose.ui:ui
+// anywhere, and webHtmlApp's DOM-only build needs to avoid that.
+kotlin {
+    jvm()
+
+    js {
+        browser()
+    }
+
+    @OptIn(ExperimentalWasmDsl::class)
+    wasmJs {
+        browser()
+    }
+
+    android {
+        namespace = "xyz.tyiu.satsprice.sharedui"
+        compileSdk = libs.versions.android.compileSdk.get().toInt()
+        minSdk = libs.versions.android.minSdk.get().toInt()
+
+        compilerOptions {
+            jvmTarget = JvmTarget.JVM_11
+        }
+    }
+
+    sourceSets {
+        androidMain.dependencies {
+            implementation(libs.compose.uiToolingPreview)
+            implementation(libs.compose.uiTooling)
+        }
+        commonMain.dependencies {
+            api(project(":shared"))
+
+            implementation(libs.compose.runtime)
+            implementation(libs.compose.foundation)
+            implementation(libs.compose.material3)
+            implementation(libs.compose.materialIconsExtended)
+            implementation(libs.compose.ui)
+            implementation(libs.compose.uiToolingPreview)
+            implementation(libs.moko.resourcesCompose)
+            implementation(libs.androidx.lifecycle.viewmodelCompose)
+            implementation(libs.androidx.lifecycle.runtimeCompose)
+        }
+    }
+}
+
+dependencies {
+    androidRuntimeClasspath(libs.compose.uiTooling)
+}
diff --git a/shared/src/androidMain/kotlin/xyz/tyiu/satsprice/ui/Dimensions.android.kt b/sharedUi/src/androidMain/kotlin/xyz/tyiu/satsprice/ui/Dimensions.android.kt
similarity index 100%
rename from shared/src/androidMain/kotlin/xyz/tyiu/satsprice/ui/Dimensions.android.kt
rename to sharedUi/src/androidMain/kotlin/xyz/tyiu/satsprice/ui/Dimensions.android.kt
diff --git a/shared/src/commonMain/kotlin/xyz/tyiu/satsprice/App.kt b/sharedUi/src/commonMain/kotlin/xyz/tyiu/satsprice/App.kt
similarity index 100%
rename from shared/src/commonMain/kotlin/xyz/tyiu/satsprice/App.kt
rename to sharedUi/src/commonMain/kotlin/xyz/tyiu/satsprice/App.kt
diff --git a/shared/src/commonMain/kotlin/xyz/tyiu/satsprice/ui/Dimensions.kt b/sharedUi/src/commonMain/kotlin/xyz/tyiu/satsprice/ui/Dimensions.kt
similarity index 100%
rename from shared/src/commonMain/kotlin/xyz/tyiu/satsprice/ui/Dimensions.kt
rename to sharedUi/src/commonMain/kotlin/xyz/tyiu/satsprice/ui/Dimensions.kt
diff --git a/shared/src/commonMain/kotlin/xyz/tyiu/satsprice/ui/PriceScreen.kt b/sharedUi/src/commonMain/kotlin/xyz/tyiu/satsprice/ui/PriceScreen.kt
similarity index 100%
rename from shared/src/commonMain/kotlin/xyz/tyiu/satsprice/ui/PriceScreen.kt
rename to sharedUi/src/commonMain/kotlin/xyz/tyiu/satsprice/ui/PriceScreen.kt
diff --git a/shared/src/jvmMain/kotlin/xyz/tyiu/satsprice/ui/Dimensions.jvm.kt b/sharedUi/src/jvmMain/kotlin/xyz/tyiu/satsprice/ui/Dimensions.jvm.kt
similarity index 100%
rename from shared/src/jvmMain/kotlin/xyz/tyiu/satsprice/ui/Dimensions.jvm.kt
rename to sharedUi/src/jvmMain/kotlin/xyz/tyiu/satsprice/ui/Dimensions.jvm.kt
diff --git a/shared/src/webMain/kotlin/xyz/tyiu/satsprice/ui/Dimensions.web.kt b/sharedUi/src/webMain/kotlin/xyz/tyiu/satsprice/ui/Dimensions.web.kt
similarity index 100%
rename from shared/src/webMain/kotlin/xyz/tyiu/satsprice/ui/Dimensions.web.kt
rename to sharedUi/src/webMain/kotlin/xyz/tyiu/satsprice/ui/Dimensions.web.kt
diff --git a/webApp/build.gradle.kts b/webApp/build.gradle.kts
index 1852c0e..a778316 100644
--- a/webApp/build.gradle.kts
+++ b/webApp/build.gradle.kts
@@ -21,11 +21,9 @@ kotlin {
 
     sourceSets {
         commonMain.dependencies {
-            implementation(project(":shared"))
+            implementation(project(":sharedUi"))
 
             implementation(libs.compose.ui)
-
-            implementation(npm("@js-joda/timezone", "2.25.1"))
         }
     }
 }
diff --git a/webApp/src/webMain/kotlin/xyz/tyiu/satsprice/main.kt b/webApp/src/webMain/kotlin/xyz/tyiu/satsprice/main.kt
index f822270..8e71d95 100644
--- a/webApp/src/webMain/kotlin/xyz/tyiu/satsprice/main.kt
+++ b/webApp/src/webMain/kotlin/xyz/tyiu/satsprice/main.kt
@@ -3,15 +3,9 @@ package xyz.tyiu.satsprice
 import androidx.compose.ui.ExperimentalComposeUiApi
 import androidx.compose.ui.window.ComposeViewport
 
-@OptIn(ExperimentalWasmJsInterop::class)
-@JsModule("@js-joda/timezone")
-external object JsJodaTimeZoneModule
-
-private val jsJodaTz = JsJodaTimeZoneModule
-
 @OptIn(ExperimentalComposeUiApi::class)
 fun main() {
     ComposeViewport {
         App()
     }
-}
\ No newline at end of file
+}
diff --git a/webHtmlApp/build.gradle.kts b/webHtmlApp/build.gradle.kts
new file mode 100644
index 0000000..b130487
--- /dev/null
+++ b/webHtmlApp/build.gradle.kts
@@ -0,0 +1,25 @@
+plugins {
+    alias(libs.plugins.kotlinMultiplatform)
+    alias(libs.plugins.composeMultiplatform)
+    alias(libs.plugins.composeCompiler)
+}
+
+// Compose HTML (org.jetbrains.compose.html:html-core) only publishes js and jvm target
+// variants as of Compose Multiplatform 1.11.1 - no wasmJs artifact exists yet, unlike the
+// Skia-based Compose Multiplatform UI toolkit webApp uses (which targets both). So this
+// comparison module is js-only for now.
+kotlin {
+    js {
+        browser()
+        binaries.executable()
+    }
+
+    sourceSets {
+        commonMain.dependencies {
+            implementation(project(":shared"))
+
+            implementation(libs.compose.runtime)
+            implementation(libs.compose.html.core)
+        }
+    }
+}
diff --git a/webHtmlApp/src/webMain/kotlin/xyz/tyiu/satsprice/HtmlApp.kt b/webHtmlApp/src/webMain/kotlin/xyz/tyiu/satsprice/HtmlApp.kt
new file mode 100644
index 0000000..686d92a
--- /dev/null
+++ b/webHtmlApp/src/webMain/kotlin/xyz/tyiu/satsprice/HtmlApp.kt
@@ -0,0 +1,285 @@
+package xyz.tyiu.satsprice
+
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import org.jetbrains.compose.web.attributes.InputType
+import org.jetbrains.compose.web.dom.Button
+import org.jetbrains.compose.web.dom.Div
+import org.jetbrains.compose.web.dom.H1
+import org.jetbrains.compose.web.dom.Input
+import org.jetbrains.compose.web.dom.Option
+import org.jetbrains.compose.web.dom.Select
+import org.jetbrains.compose.web.dom.Span
+import org.jetbrains.compose.web.dom.Text
+import xyz.tyiu.satsprice.domain.CurrencyConverter
+import xyz.tyiu.satsprice.domain.formatAmount
+import xyz.tyiu.satsprice.domain.groupDigits
+import xyz.tyiu.satsprice.ui.PriceViewModel
+import xyz.tyiu.satsprice.ui.defaultCurrencyRate
+import xyz.tyiu.satsprice.ui.exceedsMaxSupply
+import xyz.tyiu.satsprice.ui.isPriced
+import xyz.tyiu.satsprice.ui.lastUpdatedDateTime
+import xyz.tyiu.satsprice.ui.oneCurrencyToSats
+
+@Composable
+fun HtmlApp() {
+    val viewModel = remember { PriceViewModel() }
+    val state by viewModel.uiState.collectAsState()
+    var showCurrencyPicker by remember { mutableStateOf(false) }
+
+    if (showCurrencyPicker) {
+        HtmlCurrencyPicker(
+            state = state,
+            onToggle = viewModel::onFiatCurrencyToggled,
+            onReset = viewModel::onSelectedCurrenciesReset,
+            onDone = { showCurrencyPicker = false },
+        )
+        return
+    }
+
+    Div({ classes("screen") }) {
+        H1({ classes("app-title") }) { Text("SatsPrice") }
+
+        // Price source
+        Div({ classes("card") }) {
+            Div({ classes("row") }) {
+                Span({ classes("field-inline-label") }) { Text(Strings.priceSource) }
+                Select(attrs = {
+                    onChange { event -> viewModel.onSourceSelected(event.target.value) }
+                }) {
+                    viewModel.availableSources.forEach { name ->
+                        Option(value = name, attrs = { if (name == state.sourceName) attr("selected", "") }) { Text(name) }
+                    }
+                }
+            }
+
+            Div({ classes("row") }) {
+                LabeledInput(
+                    label = Strings.btcToCurrency(state.defaultCurrencyCode),
+                    value = if (state.isManualSource) state.manualRateInput else state.defaultCurrencyRate(),
+                    readOnly = !state.isManualSource,
+                    onValueChange = viewModel::onManualRateChanged,
+                    modifierClass = "grow",
+                )
+                if (!state.isManualSource) {
+                    if (state.isLoading) {
+                        Span({ classes("spinner") })
+                    } else {
+                        Button(attrs = {
+                            classes("icon-button")
+                            attr("aria-label", Strings.refresh)
+                            attr("title", Strings.refresh)
+                            onClick { viewModel.refresh() }
+                        }) { Text("↻") }
+                    }
+                }
+            }
+
+            if (state.isManualSource) {
+                LabeledInput(
+                    label = Strings.currencyToSats(state.defaultCurrencyCode),
+                    value = state.manualSatsPerCurrencyInput,
+                    onValueChange = viewModel::onManualSatsPerCurrencyChanged,
+                )
+            } else {
+                LabeledInput(
+                    label = Strings.currencyToSats(state.defaultCurrencyCode),
+                    value = state.oneCurrencyToSats(),
+                    readOnly = true,
+                    onValueChange = {},
+                )
+            }
+
+            val statusLine = if (state.isManualSource) {
+                null
+            } else {
+                state.lastUpdatedDateTime()?.let { Strings.updatedStatus(it) } ?: Strings.loadingRatesStatus
+            }
+            statusLine?.let { Div({ classes("status") }) { Text(it) } }
+        }
+
+        state.errorMessage?.let { message ->
+            Div({ classes("card", "error-banner") }) {
+                Span { Text(message) }
+                Button(attrs = { onClick { viewModel.refresh() } }) { Text(Strings.retry) }
+            }
+        }
+
+        val exceedsMaxSupply = state.exceedsMaxSupply()
+
+        // Bitcoin
+        Div({ classes("card") }) {
+            Div({ classes("section-title") }) { Text(Strings.bitcoinSectionTitle) }
+            LabeledInput(
+                label = Strings.satsLabel,
+                value = state.satsAmount,
+                isError = exceedsMaxSupply,
+                onValueChange = viewModel::onSatsAmountChanged,
+            )
+            LabeledInput(
+                label = Strings.btcLabel,
+                value = state.btcAmount,
+                isError = exceedsMaxSupply,
+                onValueChange = viewModel::onBtcAmountChanged,
+            )
+            if (exceedsMaxSupply) {
+                val maxSupplyText = groupDigits(formatAmount(CurrencyConverter.MAX_BTC_SUPPLY, 0)) + " BTC"
+                Div({ classes("warning") }) { Text(Strings.exceedsMaxSupply(maxSupplyText)) }
+                Button(attrs = {
+                    classes("link-button")
+                    onClick { viewModel.onBtcAmountChanged(formatAmount(CurrencyConverter.MAX_BTC_SUPPLY, 0)) }
+                }) { Text("Set BTC to $maxSupplyText") }
+            }
+        }
+
+        // Currencies
+        Div({ classes("card") }) {
+            Div({ classes("row", "section-title-row") }) {
+                Span({ classes("section-title") }) { Text(Strings.currenciesSectionTitle) }
+                if (!state.isManualSource) {
+                    Button(attrs = { classes("outlined-button"); onClick { showCurrencyPicker = true } }) {
+                        Text(
+                            if (state.selectedFiatCurrencies.size <= 1) {
+                                Strings.addCurrency
+                            } else {
+                                Strings.currenciesSelectedCount(state.selectedFiatCurrencies.size)
+                            },
+                        )
+                    }
+                }
+            }
+
+            val displayedCurrencies = if (state.isManualSource) {
+                listOf(state.defaultCurrencyCode)
+            } else {
+                state.selectedFiatCurrencies
+            }
+            displayedCurrencies.forEachIndexed { index, code ->
+                val isPriced = state.isPriced(code)
+                val fieldLabel = currencyFlagEmoji(code, supportsFlagEmoji = true)?.let { flag -> "$flag $code" } ?: code
+                Div({ classes("row", "currency-row") }) {
+                    LabeledInput(
+                        label = fieldLabel,
+                        value = if (isPriced) state.fiatAmounts[code].orEmpty() else "",
+                        enabled = isPriced,
+                        isError = !isPriced && !state.isManualSource,
+                        supportingText = if (!isPriced && !state.isManualSource) {
+                            Strings.currencyNotPriced(state.sourceName)
+                        } else {
+                            null
+                        },
+                        onValueChange = { viewModel.onFiatAmountChanged(code, it) },
+                        modifierClass = "grow",
+                    )
+                    if (displayedCurrencies.size > 1) {
+                        val selection = state.selectedFiatCurrencies
+                        CurrencyRowMenu(
+                            code = code,
+                            canMoveUp = index > 0,
+                            canMoveDown = index < selection.lastIndex,
+                            canRemove = code != state.defaultCurrencyCode,
+                            onMoveUp = { viewModel.onFiatCurrenciesReordered(selection.moved(index, index - 1)) },
+                            onMoveDown = { viewModel.onFiatCurrenciesReordered(selection.moved(index, index + 1)) },
+                            onMoveToTop = { viewModel.onFiatCurrenciesReordered(selection.moved(index, 0)) },
+                            onMoveToBottom = {
+                                viewModel.onFiatCurrenciesReordered(selection.moved(index, selection.lastIndex))
+                            },
+                            onRemove = { viewModel.onFiatCurrencyToggled(code) },
+                        )
+                    }
+                }
+            }
+        }
+    }
+}
+
+internal fun List<String>.moved(fromIndex: Int, toIndex: Int): List<String> =
+    toMutableList().apply { add(toIndex, removeAt(fromIndex)) }
+
+/**
+ * An anchored popup menu for reordering/removing a currency row, matching Material3's
+ * DropdownMenu behavior. Compose HTML has no built-in menu primitive, so this is plain DOM: a
+ * relatively-positioned trigger, an absolutely-positioned popup anchored under it (CSS handles
+ * the anchoring - no JS position math needed), and a full-viewport backdrop that closes the menu
+ * on any outside click, matching how the Material3 version dismisses.
+ */
+@Composable
+private fun CurrencyRowMenu(
+    code: String,
+    canMoveUp: Boolean,
+    canMoveDown: Boolean,
+    canRemove: Boolean,
+    onMoveUp: () -> Unit,
+    onMoveDown: () -> Unit,
+    onMoveToTop: () -> Unit,
+    onMoveToBottom: () -> Unit,
+    onRemove: () -> Unit,
+) {
+    var expanded by remember { mutableStateOf(false) }
+    Div({ classes("menu-anchor") }) {
+        Button(attrs = {
+            classes("icon-button")
+            attr("aria-label", Strings.currencyOptions(code))
+            attr("aria-haspopup", "true")
+            attr("aria-expanded", if (expanded) "true" else "false")
+            onClick { expanded = true }
+        }) { Text("⋮") }
+
+        if (expanded) {
+            Div({
+                classes("menu-backdrop")
+                onClick { expanded = false }
+            })
+            Div({ classes("menu-popup") }) {
+                MenuItem(Strings.moveToTop, enabled = canMoveUp) { expanded = false; onMoveToTop() }
+                MenuItem(Strings.moveUp, enabled = canMoveUp) { expanded = false; onMoveUp() }
+                MenuItem(Strings.moveDown, enabled = canMoveDown) { expanded = false; onMoveDown() }
+                MenuItem(Strings.moveToBottom, enabled = canMoveDown) { expanded = false; onMoveToBottom() }
+                if (canRemove) {
+                    MenuItem(Strings.remove, destructive = true) { expanded = false; onRemove() }
+                }
+            }
+        }
+    }
+}
+
+@Composable
+private fun MenuItem(label: String, enabled: Boolean = true, destructive: Boolean = false, onClick: () -> Unit) {
+    Button(attrs = {
+        classes("menu-item")
+        if (destructive) classes("menu-item-destructive")
+        if (!enabled) attr("disabled", "")
+        onClick { onClick() }
+    }) { Text(label) }
+}
+
+@Composable
+internal fun LabeledInput(
+    label: String,
+    value: String,
+    onValueChange: (String) -> Unit,
+    readOnly: Boolean = false,
+    enabled: Boolean = true,
+    isError: Boolean = false,
+    supportingText: String? = null,
+    modifierClass: String? = null,
+) {
+    Div({
+        classes("field")
+        modifierClass?.let { classes(it) }
+        if (isError) classes("field-error")
+    }) {
+        Span({ classes("field-label") }) { Text(label) }
+        Input(type = InputType.Text, attrs = {
+            value(value)
+            if (readOnly) attr("readonly", "")
+            if (!enabled) attr("disabled", "")
+            onInput { event -> onValueChange(event.value) }
+        })
+        supportingText?.let { Div({ classes("supporting-text") }) { Text(it) } }
+    }
+}
diff --git a/webHtmlApp/src/webMain/kotlin/xyz/tyiu/satsprice/HtmlCurrencyPicker.kt b/webHtmlApp/src/webMain/kotlin/xyz/tyiu/satsprice/HtmlCurrencyPicker.kt
new file mode 100644
index 0000000..4d2b69c
--- /dev/null
+++ b/webHtmlApp/src/webMain/kotlin/xyz/tyiu/satsprice/HtmlCurrencyPicker.kt
@@ -0,0 +1,137 @@
+package xyz.tyiu.satsprice
+
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import org.jetbrains.compose.web.attributes.InputType
+import org.jetbrains.compose.web.dom.Button
+import org.jetbrains.compose.web.dom.Div
+import org.jetbrains.compose.web.dom.H2
+import org.jetbrains.compose.web.dom.Input
+import org.jetbrains.compose.web.dom.Span
+import org.jetbrains.compose.web.dom.Text
+import xyz.tyiu.satsprice.ui.ConverterUiState
+import xyz.tyiu.satsprice.ui.currentCurrency
+import xyz.tyiu.satsprice.ui.isPriced
+import xyz.tyiu.satsprice.ui.selectedOtherCurrencies
+import xyz.tyiu.satsprice.ui.unselectedCurrencies
+
+@Composable
+internal fun HtmlCurrencyPicker(
+    state: ConverterUiState,
+    onToggle: (String) -> Unit,
+    onReset: () -> Unit,
+    onDone: () -> Unit,
+) {
+    var showResetConfirmation by remember { mutableStateOf(false) }
+
+    if (showResetConfirmation) {
+        Div({ classes("modal-overlay") }) {
+            Div({ classes("modal") }) {
+                H2 { Text(Strings.resetConfirmationTitle) }
+                Div { Text(Strings.resetConfirmationMessage(state.defaultCurrencyCode)) }
+                Div({ classes("row", "modal-actions") }) {
+                    Button(attrs = { onClick { showResetConfirmation = false } }) { Text(Strings.cancel) }
+                    Button(attrs = {
+                        classes("destructive-button")
+                        onClick {
+                            showResetConfirmation = false
+                            onReset()
+                        }
+                    }) { Text(Strings.resetButton) }
+                }
+            }
+        }
+    }
+
+    Div({ classes("screen") }) {
+        Div({ classes("row", "section-title-row") }) {
+            H2 { Text(Strings.currenciesSectionTitle) }
+            Div({ classes("row") }) {
+                if (state.selectedFiatCurrencies.size > 1) {
+                    Button(attrs = { onClick { showResetConfirmation = true } }) { Text(Strings.resetButton) }
+                }
+                Button(attrs = { onClick { onDone() } }) { Text(Strings.done) }
+            }
+        }
+
+        var searchQuery by remember { mutableStateOf("") }
+        Input(type = InputType.Text, attrs = {
+            classes("search-input")
+            attr("placeholder", Strings.searchCurrenciesPlaceholder)
+            value(searchQuery)
+            onInput { event -> searchQuery = event.value }
+        })
+
+        val currentCurrency = state.currentCurrency()
+        val selectedOthers = state.selectedOtherCurrencies().filter { matchesCurrencySearch(it, searchQuery) }
+        val unselected = state.unselectedCurrencies().filter { matchesCurrencySearch(it, searchQuery) }
+        val (unselectedPriced, unselectedUnpriced) = unselected.partition { state.isPriced(it.code) }
+
+        if (matchesCurrencySearch(currentCurrency, searchQuery)) {
+            CurrencySection(Strings.currentCurrencySectionTitle) {
+                CurrencyRow(currentCurrency, isSelected = true, isPriced = state.isPriced(currentCurrency.code), state, onClick = null)
+            }
+        }
+        if (selectedOthers.isNotEmpty()) {
+            CurrencySection(Strings.selectedCurrenciesSectionTitle) {
+                selectedOthers.forEach { info ->
+                    CurrencyRow(info, isSelected = true, isPriced = state.isPriced(info.code), state) { onToggle(info.code) }
+                }
+            }
+        }
+        if (unselectedPriced.isNotEmpty()) {
+            CurrencySection(Strings.pricedCurrenciesSectionTitle) {
+                unselectedPriced.forEach { info ->
+                    CurrencyRow(info, isSelected = false, isPriced = true, state) { onToggle(info.code) }
+                }
+            }
+        }
+        if (unselectedUnpriced.isNotEmpty()) {
+            CurrencySection(Strings.unpricedCurrenciesSectionTitle) {
+                unselectedUnpriced.forEach { info ->
+                    CurrencyRow(info, isSelected = false, isPriced = false, state) { onToggle(info.code) }
+                }
+            }
+        }
+    }
+}
+
+@Composable
+private fun CurrencySection(title: String, content: @Composable () -> Unit) {
+    Div({ classes("currency-section") }) {
+        Div({ classes("section-header") }) { Text(title.uppercase()) }
+        content()
+    }
+}
+
+@Composable
+private fun CurrencyRow(
+    info: CurrencyInfo,
+    isSelected: Boolean,
+    isPriced: Boolean,
+    state: ConverterUiState,
+    onClick: (() -> Unit)?,
+) {
+    val text = Strings.currencyOptionLabel(info.code, info.displayName)
+    val label = currencyFlagEmoji(info.code, supportsFlagEmoji = true)?.let { flag -> "$flag $text" } ?: text
+    Div({
+        classes("row", "picker-row")
+        if (onClick != null) {
+            classes("clickable")
+            onClick { onClick() }
+        }
+    }) {
+        Div {
+            Div { Text(label) }
+            if (!isPriced) {
+                Div({ classes("supporting-text", "error-text") }) {
+                    Text(Strings.currencyNotPriced(state.sourceName))
+                }
+            }
+        }
+        if (isSelected) Span({ classes("check-mark") }) { Text("✓") }
+    }
+}
diff --git a/webHtmlApp/src/webMain/kotlin/xyz/tyiu/satsprice/Strings.kt b/webHtmlApp/src/webMain/kotlin/xyz/tyiu/satsprice/Strings.kt
new file mode 100644
index 0000000..1de6e96
--- /dev/null
+++ b/webHtmlApp/src/webMain/kotlin/xyz/tyiu/satsprice/Strings.kt
@@ -0,0 +1,45 @@
+package xyz.tyiu.satsprice
+
+/**
+ * English-only string constants mirroring shared/src/commonMain/moko-resources/base/strings.xml.
+ * moko-resources-compose's `stringResource()` pulls in Compose Foundation/UI (for its
+ * `LocalComposition`/`Modifier` plumbing) transitively, which would drag Skia-oriented
+ * dependencies into a module whose whole point is avoiding them, so this DOM build skips
+ * moko-resources rather than fight that dependency and stays English-only as a result.
+ */
+object Strings {
+    const val addCurrency = "Add currency"
+    const val bitcoinSectionTitle = "Bitcoin"
+    const val btcLabel = "BTC"
+    fun btcToCurrency(code: String) = "BTC to $code"
+    const val cancel = "Cancel"
+    const val clearSearch = "Clear search"
+    const val currenciesSectionTitle = "Currencies"
+    fun currenciesSelectedCount(count: Int) = "$count selected"
+    const val currentCurrencySectionTitle = "Current Currency"
+    fun currencyNotPriced(sourceName: String) = "Not priced by $sourceName"
+    fun currencyOptions(code: String) = "Options for $code"
+    fun currencyOptionLabel(code: String, displayName: String) = "$code - $displayName"
+    fun currencyToSats(code: String) = "$code to Sats"
+    const val done = "Done"
+    fun exceedsMaxSupply(maxSupplyText: String) = "Exceeds the $maxSupplyText maximum supply"
+    const val loadingRatesStatus = "Loading rates…"
+    const val moveDown = "Move down"
+    const val moveToBottom = "Move to bottom"
+    const val moveToTop = "Move to top"
+    const val moveUp = "Move up"
+    const val priceSource = "Price Source"
+    const val pricedCurrenciesSectionTitle = "Priced Currencies"
+    const val refresh = "Refresh"
+    const val remove = "Remove"
+    const val resetButton = "Reset"
+    fun resetConfirmationMessage(code: String) =
+        "This keeps $code, but removes every other currency you've added."
+    const val resetConfirmationTitle = "Remove all selected currencies?"
+    const val retry = "Retry"
+    const val satsLabel = "Sats"
+    const val searchCurrenciesPlaceholder = "Search currencies"
+    const val selectedCurrenciesSectionTitle = "Selected Currencies"
+    const val unpricedCurrenciesSectionTitle = "Unpriced Currencies"
+    fun updatedStatus(time: String) = "Updated $time"
+}
diff --git a/webHtmlApp/src/webMain/kotlin/xyz/tyiu/satsprice/main.kt b/webHtmlApp/src/webMain/kotlin/xyz/tyiu/satsprice/main.kt
new file mode 100644
index 0000000..d3a0698
--- /dev/null
+++ b/webHtmlApp/src/webMain/kotlin/xyz/tyiu/satsprice/main.kt
@@ -0,0 +1,9 @@
+package xyz.tyiu.satsprice
+
+import org.jetbrains.compose.web.renderComposable
+
+fun main() {
+    renderComposable(rootElementId = "root") {
+        HtmlApp()
+    }
+}
diff --git a/webHtmlApp/src/webMain/resources/favicon-192.png b/webHtmlApp/src/webMain/resources/favicon-192.png
new file mode 100644
index 0000000000000000000000000000000000000000..27f24602ca059b9c656521f5fce9e868d8a82768
GIT binary patch
literal 22473
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
Ye}__o(6wMy%>V!Z07*qoM6N<$f+pz>sQ>@~

literal 0
HcmV?d00001

diff --git a/webHtmlApp/src/webMain/resources/favicon.ico b/webHtmlApp/src/webMain/resources/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..d0c7ef7140794299da8bcc6ab86b6e05c4a4a1e0
GIT binary patch
literal 6939
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
D<8o9c

literal 0
HcmV?d00001

diff --git a/webHtmlApp/src/webMain/resources/index.html b/webHtmlApp/src/webMain/resources/index.html
new file mode 100644
index 0000000..947d817
--- /dev/null
+++ b/webHtmlApp/src/webMain/resources/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>SatsPrice (DOM)</title>
+    <meta name="description" content="SatsPrice converts Bitcoin, satoshis, and fiat currency in real time — Compose HTML build.">
+    <link type="text/css" rel="stylesheet" href="styles.css">
+    <link rel="icon" href="favicon.ico" sizes="any">
+    <link rel="icon" type="image/png" href="favicon-192.png" sizes="192x192">
+</head>
+<body>
+<div id="root"></div>
+<script type="application/javascript" src="webHtmlApp.js"></script>
+</body>
+</html>
diff --git a/webHtmlApp/src/webMain/resources/styles.css b/webHtmlApp/src/webMain/resources/styles.css
new file mode 100644
index 0000000..3226c5d
--- /dev/null
+++ b/webHtmlApp/src/webMain/resources/styles.css
@@ -0,0 +1,314 @@
+:root {
+    --bg: #fef7ff;
+    --surface: #ffffff;
+    --surface-container: #f3edf7;
+    --on-surface: #1d1b20;
+    --on-surface-variant: #49454f;
+    --primary: #6750a4;
+    --outline: #79747e;
+    --error: #b3261e;
+    --error-container: #f9dedc;
+    --on-error-container: #410e0b;
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        --bg: #141218;
+        --surface: #211f26;
+        --surface-container: #2b2930;
+        --on-surface: #e6e0e9;
+        --on-surface-variant: #cac4d0;
+        --primary: #d0bcff;
+        --outline: #948f99;
+        --error: #f2b8b5;
+        --error-container: #8c1d18;
+        --on-error-container: #f9dedc;
+    }
+}
+
+html, body {
+    margin: 0;
+    padding: 0;
+    background: var(--bg);
+    color: var(--on-surface);
+    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+}
+
+.screen {
+    max-width: 480px;
+    margin: 0 auto;
+    padding: 16px;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    box-sizing: border-box;
+}
+
+.app-title {
+    margin: 8px;
+    font-size: 1.5rem;
+}
+
+.card {
+    background: var(--surface-container);
+    border-radius: 12px;
+    padding: 16px;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.row {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.section-title {
+    font-weight: 600;
+    font-size: 1.05rem;
+}
+
+.section-title-row {
+    justify-content: space-between;
+}
+
+.field {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    flex: 1;
+}
+
+.field.grow {
+    flex: 1;
+}
+
+.field-label {
+    font-size: 0.75rem;
+    color: var(--on-surface-variant);
+}
+
+.field-inline-label {
+    font-size: 0.9rem;
+    color: var(--on-surface-variant);
+}
+
+.field input {
+    font-size: 1rem;
+    padding: 10px 12px;
+    border-radius: 8px;
+    border: 1px solid var(--outline);
+    background: var(--surface);
+    color: var(--on-surface);
+    box-sizing: border-box;
+}
+
+.field input:disabled {
+    opacity: 0.6;
+}
+
+.field-error input {
+    border-color: var(--error);
+}
+
+.supporting-text {
+    font-size: 0.75rem;
+    color: var(--on-surface-variant);
+}
+
+.error-text {
+    color: var(--error);
+}
+
+.status {
+    font-size: 0.8rem;
+    color: var(--on-surface-variant);
+}
+
+.error-banner {
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    background: var(--error-container);
+    color: var(--on-error-container);
+}
+
+.warning {
+    color: var(--error);
+    font-size: 0.85rem;
+}
+
+.currency-row {
+    align-items: flex-start;
+}
+
+.menu-anchor {
+    position: relative;
+    margin-top: 20px;
+}
+
+.menu-backdrop {
+    position: fixed;
+    inset: 0;
+    z-index: 15;
+}
+
+.menu-popup {
+    position: absolute;
+    top: 100%;
+    right: 0;
+    z-index: 16;
+    margin-top: 4px;
+    min-width: 200px;
+    background: var(--surface);
+    border-radius: 8px;
+    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
+    padding: 4px;
+    display: flex;
+    flex-direction: column;
+}
+
+.menu-item {
+    border: none;
+    background: transparent;
+    color: var(--on-surface);
+    text-align: left;
+    padding: 10px 12px;
+    border-radius: 6px;
+    font-size: 0.9rem;
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.menu-item:not(:disabled):hover {
+    background: rgba(0, 0, 0, 0.08);
+}
+
+.menu-item-destructive {
+    color: var(--error);
+}
+
+button {
+    font-family: inherit;
+    cursor: pointer;
+}
+
+button:disabled {
+    cursor: default;
+    opacity: 0.35;
+}
+
+.icon-button {
+    border: none;
+    background: transparent;
+    color: var(--on-surface);
+    font-size: 1.1rem;
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+}
+
+.icon-button:not(:disabled):hover {
+    background: rgba(0, 0, 0, 0.08);
+}
+
+.outlined-button, .link-button, .destructive-button, .modal-actions button, .section-title-row button {
+    border: 1px solid var(--outline);
+    background: transparent;
+    color: var(--primary);
+    border-radius: 20px;
+    padding: 8px 16px;
+    font-size: 0.9rem;
+}
+
+.link-button {
+    border: none;
+    padding: 0;
+    text-decoration: underline;
+    align-self: flex-start;
+}
+
+.destructive-button {
+    color: var(--error);
+    border-color: var(--error);
+}
+
+.spinner {
+    width: 20px;
+    height: 20px;
+    border: 2px solid var(--outline);
+    border-top-color: var(--primary);
+    border-radius: 50%;
+    animation: spin 0.8s linear infinite;
+}
+
+@keyframes spin {
+    to { transform: rotate(360deg); }
+}
+
+.search-input {
+    font-size: 1rem;
+    padding: 10px 12px;
+    border-radius: 8px;
+    border: 1px solid var(--outline);
+    background: var(--surface);
+    color: var(--on-surface);
+    box-sizing: border-box;
+}
+
+.currency-section {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+}
+
+.section-header {
+    font-size: 0.75rem;
+    letter-spacing: 0.05em;
+    color: var(--primary);
+    font-weight: 600;
+    margin-top: 8px;
+}
+
+.picker-row {
+    justify-content: space-between;
+    padding: 10px 4px;
+    border-bottom: 1px solid var(--surface-container);
+}
+
+.picker-row.clickable {
+    cursor: pointer;
+}
+
+.picker-row.clickable:hover {
+    background: rgba(0, 0, 0, 0.04);
+}
+
+.check-mark {
+    color: var(--primary);
+}
+
+.modal-overlay {
+    position: fixed;
+    inset: 0;
+    background: rgba(0, 0, 0, 0.5);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 10;
+}
+
+.modal {
+    background: var(--surface);
+    border-radius: 12px;
+    padding: 20px;
+    max-width: 360px;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.modal-actions {
+    justify-content: flex-end;
+}
diff --git a/website/serve-local.sh b/website/serve-local.sh
index e05f4fd..f6f2f1b 100755
--- a/website/serve-local.sh
+++ b/website/serve-local.sh
@@ -7,12 +7,12 @@ PORT="${1:-8000}"
 SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
 REPO_ROOT="$(dirname "$SCRIPT_DIR")"
 
-echo "Building web app (wasmJs)..."
-"$REPO_ROOT/gradlew" -p "$REPO_ROOT" :webApp:wasmJsBrowserDistribution
+echo "Building web app (webHtmlApp)..."
+"$REPO_ROOT/gradlew" -p "$REPO_ROOT" :webHtmlApp:jsBrowserDistribution
 
 echo "Copying web app into website/app/..."
 mkdir -p "$SCRIPT_DIR/app"
-cp -r "$REPO_ROOT/webApp/build/dist/wasmJs/productionExecutable/." "$SCRIPT_DIR/app/"
+cp -r "$REPO_ROOT/webHtmlApp/build/dist/js/productionExecutable/." "$SCRIPT_DIR/app/"
 
 echo "Serving website at http://localhost:$PORT/ (web app at http://localhost:$PORT/app/)"
 cd "$SCRIPT_DIR" && python3 -m http.server "$PORT"