website: redesign part 34

website: redesign part 33
deps: bumped
2026-06-22 12:23:04 -07:00 · 2026-06-22 16:42:14 +02:00 · 2026-06-21 17:12:25 +02:00 · 2026-06-21 17:11:43 +02:00 · 2026-06-19 23:16:27 +02:00 · 2026-06-18 22:39:28 +02:00
2635 changed files with 598636 additions and 40960 deletions
@@ -0,0 +1,5 @@
+[build]
+rustflags = ["-C", "target-cpu=native"]
+
+[alias]
+dev = "run -p brk_cli --features brk_server/bindgen"
@@ -0,0 +1,3 @@
+.git
+target
+docker
@@ -1,7 +1,53 @@
+# Mac OS
 .DS_Store

-/datasets
-/datasets2
-/datasets_*
+# Builds
+target
+websites/dist
+bridge/
+/ids.txt
+rust_out

-TODO.md
+# Copies
+*\ copy*
+
+# Ignored
+_*
+!__*.py
+/*.md
+/*.py
+/*.json
+/*.html
+!/btc-cycle-sim.html
+/research
+/filter_*
+/heatmaps*
+/oracle*
+/playground
+/*.txt
+/*.csv
+
+# Logs
+*.log*
+
+# Environment variables/configs
+.env
+
+# Profiling
+profile.json.gz
+flamegraph.svg
+*.trace
+
+# AI
+.claude/settings*
+!CLAUDE.md
+
+# Expand
+expand.rs
+
+# Benchmarks
+[0-9]/
+/benches
+
+# AI
+.claude
@@ -1,49 +0,0 @@
-# Changelog
-
-## v. 0.1.1 | 849240 - 2024/06/24
-
-### Parser
-
- Fixed overflow in `Price` struct which caused many Realized Caps and Realized Prices to have completely bogus data
- Fixed Realized Cap computation which was using rounded prices instead normal ones
-
-### Server
-
- Added the chunk, date and time in the terminal logs
-
-### App
-
- Chart
-  - Added double click option on a legend to toggle the visibility of all other series
-  - Added highlight effect to a legend by darkening the color of all the other series on the chart while hovering it with the mouse
-  - Added an API link in the legend for each dataset where applicable (when isn't generated locally)
-  - Save fullscreen preference in local storage and url
-  - Improved resize bar on desktop
-  - Changed resize button logo
-  - Changed the share button to visible on small screen too
-  - Improved share screen
-  - Fixed time range shifting not being the one in url params or saved in local storage
-  - Fixed time range shifting on series toggling via the legend
-  - Fixed time range shifting on fullscreen
-  - Fixed time range shifting on resize of the sidebar
-  - Set default view at first load to last 6 months
-  - Added some padding around the datasets (year 1970 to 2100)
- History
-  - Changed background for the sticky dates from blur to a solid color as it didn't appear properly in Firefox
- Build
-  - Tried to add lazy loads to have split chunks after build, to have much faster load times and they worked great ! But they completely broke Safari on iOS, we can't have nice things
-  - Removed many libraries and did some things manually instead to improve build size
- Strip
-  - Temporarily removed the Home button on the strip bar on desktop as there is no landing page yet
- Settings
-  - Add version
- PWA
-  - Fixed background update
-  - Changed update check frequency to 1 minute (~1kb to fetch every minute which is very reasonable)
-  - Added a nice banner to ask the user to install the update
- Misc
-  - Removed tracker even though it was a very privacy friendly as it appeared to not be working properly
-
-### Price
-
- Deleted old price datasets and their backups
@@ -0,0 +1,94 @@
+[workspace]
+resolver = "3"
+members = ["crates/*"]
+package.description = "The Bitcoin Research Kit is a suite of tools designed to extract, compute and display data stored on a Bitcoin Core node"
+package.license = "MIT"
+package.edition = "2024"
+package.version = "0.3.4"
+package.homepage = "https://bitcoinresearchkit.org"
+package.repository = "https://github.com/bitcoinresearchkit/brk"
+package.readme = "README.md"
+
+[profile.dev]
+lto = "thin"
+codegen-units = 16
+opt-level = 2
+split-debuginfo = "unpacked"
+
+[profile.release]
+lto = "fat"
+codegen-units = 1
+panic = "abort"
+strip = true
+overflow-checks = false
+
+[profile.bloaty]
+debug = true
+lto = false
+strip = false
+inherits = "release"
+
+[profile.profiling]
+inherits = "release"
+debug = true
+
+[workspace.dependencies]
+aide = { version = "0.16.0-alpha.4", features = ["axum-json", "axum-query"] }
+axum = { version = "0.8.9", default-features = false, features = ["http1", "json", "query", "tokio", "tracing"] }
+bitcoin = { version = "0.32.10", features = ["serde"] }
+brk_alloc = { version = "0.3.4", path = "crates/brk_alloc" }
+brk_bencher = { version = "0.3.4", path = "crates/brk_bencher" }
+brk_bindgen = { version = "0.3.4", path = "crates/brk_bindgen" }
+brk_cli = { version = "0.3.4", path = "crates/brk_cli" }
+brk_client = { version = "0.3.4", path = "crates/brk_client" }
+brk_cohort = { version = "0.3.4", path = "crates/brk_cohort" }
+brk_computer = { version = "0.3.4", path = "crates/brk_computer" }
+brk_error = { version = "0.3.4", path = "crates/brk_error" }
+brk_fetcher = { version = "0.3.4", path = "crates/brk_fetcher" }
+brk_indexer = { version = "0.3.4", path = "crates/brk_indexer" }
+brk_iterator = { version = "0.3.4", path = "crates/brk_iterator" }
+brk_logger = { version = "0.3.4", path = "crates/brk_logger" }
+brk_mempool = { version = "0.3.4", path = "crates/brk_mempool" }
+brk_oracle = { version = "0.3.4", path = "crates/brk_oracle" }
+brk_query = { version = "0.3.4", path = "crates/brk_query", features = ["tokio"] }
+brk_reader = { version = "0.3.4", path = "crates/brk_reader" }
+brk_rpc = { version = "0.3.4", path = "crates/brk_rpc" }
+brk_server = { version = "0.3.4", path = "crates/brk_server" }
+brk_store = { version = "0.3.4", path = "crates/brk_store" }
+brk_traversable = { version = "0.3.4", path = "crates/brk_traversable", features = ["pco", "derive"] }
+brk_traversable_derive = { version = "0.3.4", path = "crates/brk_traversable_derive" }
+brk_types = { version = "0.3.4", path = "crates/brk_types" }
+brk_website = { version = "0.3.4", path = "crates/brk_website" }
+byteview = "0.10.1"
+color-eyre = "0.6.5"
+corepc-jsonrpc = { package = "jsonrpc", version = "0.19.0", features = ["simple_http"], default-features = false }
+corepc-types = { version = "0.15.0", features = ["std"], default-features = false }
+derive_more = { version = "2.1.1", features = ["deref", "deref_mut"] }
+fjall = "3.1.5"
+indexmap = { version = "2.14.0", features = ["serde"] }
+jiff = { version = "0.2.29", features = ["perf-inline", "tz-system"], default-features = false }
+owo-colors = "4.3.0"
+parking_lot = "0.12.5"
+pco = "1.0.2"
+rayon = "1.12.0"
+rustc-hash = "2.1.2"
+schemars = { version = "1.2.1", features = ["indexmap2"] }
+serde = "1.0.228"
+serde_bytes = "0.11.19"
+serde_derive = "1.0.228"
+serde_json = { version = "1.0.150", features = ["float_roundtrip", "preserve_order"] }
+smallvec = "1.15.2"
+tokio = { version = "1.52.3", features = ["rt-multi-thread"] }
+tower-http = { version = "0.7.0", features = ["catch-panic", "compression-br", "compression-gzip", "compression-zstd", "cors", "normalize-path", "timeout", "trace"] }
+tower-layer = "0.3"
+tracing = { version = "0.1", default-features = false, features = ["std"] }
+ureq = { version = "3.3.0", features = ["json"] }
+vecdb = { version = "0.10.3", features = ["derive", "serde_json", "pco", "schemars"] }
+# vecdb = { path = "../anydb/crates/vecdb", features = ["derive", "serde_json", "pco", "schemars"] }
+
+[workspace.metadata.release]
+shared-version = true
+tag-name = "v{{version}}"
+pre-release-commit-message = "release: v{{version}}"
+tag-message = "release: v{{version}}"
+allow-branch = ["main", "next"]
@@ -1,6 +1,6 @@
 MIT License

-Copyright (c) 2024 Satonomics
+Copyright (c) 2025 Bitcoin Research Kit

 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -1,59 +0,0 @@
-# SATONOMICS
-
-## Description
-
-TLDR: Free, open source, verifiable and self-hostable Bitcoin on-chain data generator and visualizer
-
-Satonomics is an open-source suite of tools that computes, distributes, and displays on-chain data, making it freely available for anyone to use.
-
-The generated datasets are incredibly diverse and can be used for a wide range of purposes. Whether you're looking to conduct a health check on the network, gain insights into its current or past state, or leverage the data for trading purposes, these tools offer various charts, dashboards (Soon TM), and an extensive API to help you achieve your goals.
-
-To promote transparency and trust in the network, this project is committed to making on-chain data accessible and verifiable to all, without discrimination and is a great complimentary tool to [mempool.space](https://mempool.space).
-
-## Instances
-
-Web App:
- [app.satonomics.xyz](https://app.satonomics.xyz)
-
-API:
- [api.satonomics.xyz](https://api.satonomics.xyz)
-
-## Structure
-
- `parser`: The backbone of the project, it does most of the work by parsing and then computing datasets from the timechain.
- `server`: A small server which automatically creates routes to access through an API all created datasets.
- `app`: A web app which displays the generated datasets in various charts.
-
-## Git
-
- [Repository](https://codeberg.org/satonomics/satonomics)
- [Issues](https://gitworkshop.dev/r/naddr1qq99xct5dahx7mtfvdesz9thwden5te0wp6hyurvv4ex2mrp0yhxxmmdqgsfw5dacngjlahye34krvgz7u0yghhjgk7gxzl5ptm9v6n2y3sn03srqsqqqaueek2h03/issues)
- [Proposals](https://gitworkshop.dev/r/naddr1qq99xct5dahx7mtfvdesz9thwden5te0wp6hyurvv4ex2mrp0yhxxmmdqgsfw5dacngjlahye34krvgz7u0yghhjgk7gxzl5ptm9v6n2y3sn03srqsqqqaueek2h03/proposals)
-
-## Goals
-
- Be the absolute best on-chain data source and app
- Have as many datasets and charts as possible
- Be self-hostable on cheap computers
-  - Be runnable on a machine with 8 GB RAM (16 GB RAM is already possible right now)
- Still being runnable 10 years from now
-  - By not relying on any third-party dependencies besides price APIs (which are and should be very common and easy to update)
-  - By **NOT** doing address labelling/tagging (which means **NO** exchange or any other individual address tracking), for that please use [mempool.space](https://mempool.space) or any other tool
-
-## Proof of Work
-
-Aka: Previous iterations
-
-The initial idea was totally different yet morphed over time into what it is today: a fully FOSS self-hostable on-chain data generator
-
- https://github.com/drgarlic/satonomics
- https://github.com/drgarlic/satonomics-parser
- https://github.com/drgarlic/satonomics-explorer
- https://github.com/drgarlic/satonomics-server
- https://github.com/drgarlic/satonomics-app
- https://github.com/drgarlic/bitalisys
- https://github.com/drgarlic/bitesque-app
- https://github.com/drgarlic/bitesque-back
- https://github.com/drgarlic/bitesque-front
- https://github.com/drgarlic/bitesque-assets
- https://github.com/drgarlic/syf
@@ -1,9 +0,0 @@
-node_modules
-charts
-dist
-dev-dist
-.DS_Store
-visualizer
-# Local Netlify folder
-.netlify
-.wrangler
@@ -1,17 +0,0 @@
-# Satonomics - App
-
-## Description
-
-A web app to view the generated datasets in various charts.
-
-## Requirements
-
- Install `node`
- Install `pnpm`
- If using `cloudflare`, add cache rule to bypass the cache for `/sw.js`
-
-## Deployment
-
-```bash
-pnpm deploy-prod
-```
@@ -1 +0,0 @@
-/* /index.html
@@ -1,372 +0,0 @@
-<!doctype html>
-<html lang="en" class="overflow-hidden bg-black text-white">
-  <head>
-    <meta charset="utf-8" />
-    <title>Satonomics</title>
-    <meta
-      name="description"
-      content="An app to visualize Bitcoin on-chain data"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
-    />
-    <link rel="manifest" href="/manifest.webmanifest" />
-    <meta name="theme-color" content="#0c0a09" />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="196x196"
-      href="/assets/favicon-196.png"
-    />
-    <link rel="apple-touch-icon" href="/assets/apple-icon-180.png" />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-2048-2732.jpg"
-      media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-2732-2048.jpg"
-      media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-1668-2388.jpg"
-      media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-2388-1668.jpg"
-      media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-1536-2048.jpg"
-      media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-2048-1536.jpg"
-      media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-1488-2266.jpg"
-      media="(device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-2266-1488.jpg"
-      media="(device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-1640-2360.jpg"
-      media="(device-width: 820px) and (device-height: 1180px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-2360-1640.jpg"
-      media="(device-width: 820px) and (device-height: 1180px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-1668-2224.jpg"
-      media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-2224-1668.jpg"
-      media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-1620-2160.jpg"
-      media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-2160-1620.jpg"
-      media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-1290-2796.jpg"
-      media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-2796-1290.jpg"
-      media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-1179-2556.jpg"
-      media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-2556-1179.jpg"
-      media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-1284-2778.jpg"
-      media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-2778-1284.jpg"
-      media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-1170-2532.jpg"
-      media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-2532-1170.jpg"
-      media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-1125-2436.jpg"
-      media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-2436-1125.jpg"
-      media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-1242-2688.jpg"
-      media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-2688-1242.jpg"
-      media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-828-1792.jpg"
-      media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-1792-828.jpg"
-      media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-1242-2208.jpg"
-      media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-2208-1242.jpg"
-      media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-750-1334.jpg"
-      media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-1334-750.jpg"
-      media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-640-1136.jpg"
-      media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-1136-640.jpg"
-      media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-    />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-2048-2732.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-2732-2048.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-1668-2388.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-2388-1668.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-1536-2048.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-2048-1536.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-1488-2266.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-2266-1488.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-1640-2360.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 820px) and (device-height: 1180px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-2360-1640.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 820px) and (device-height: 1180px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-1668-2224.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-2224-1668.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-1620-2160.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-2160-1620.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-1290-2796.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-2796-1290.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-1179-2556.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-2556-1179.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-1284-2778.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-2778-1284.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-1170-2532.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-2532-1170.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-1125-2436.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-2436-1125.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-1242-2688.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-2688-1242.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-828-1792.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-1792-828.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-1242-2208.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-2208-1242.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-750-1334.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-1334-750.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-640-1136.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-    />
-    <link
-      rel="apple-touch-startup-image"
-      href="/assets/apple-splash-dark-1136-640.jpg"
-      media="(prefers-color-scheme: dark) and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-    />
-  </head>
-  <body style="font-size: 15px; line-height: 22px">
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-
-    <div id="root"></div>
-
-    <script src="/src/index.tsx" type="module"></script>
-  </body>
-</html>
@@ -1,48 +0,0 @@
-{
-  "name": "satonomics",
-  "description": "Satoshi Economics",
-  "version": "0.1.1",
-  "license": "MIT",
-  "type": "module",
-  "scripts": {
-    "dev": "($npm_execpath outdated || read -p \"Press enter to ignore...\") && vite --host",
-    "build": "vite build",
-    "check": "tsc --noEmit --skipLibCheck --pretty",
-    "check-watch": "$npm_execpath check --watch",
-    "format": "prettier --write './src'",
-    "prod": "$npm_execpath run build && vite preview --host",
-    "pages-prod": "pnpm build && pnpm wrangler pages deploy ./dist",
-    "pages-dev": "pnpm build && pnpm wrangler pages deploy --branch dev ./dist",
-    "assets": "pnpm pwa-asset-generator ./public/logo/white.svg ./public/assets --index ./index.html --manifest ./public/manifest.webmanifest --icon-only --favicon --background \"linear-gradient(to right bottom, rgb(249, 115, 22), rgb(154, 52, 18))\" --padding \"min(15vh, 15vw)\" --path-override \"/assets\" && pnpm pwa-asset-generator ./public/logo/white.svg ./public/assets --index ./index.html --splash-only --background \"linear-gradient(to right bottom, rgb(249, 115, 22), rgb(154, 52, 18))\" --padding \"min(33vh, 33vw)\" --path-override \"/assets\" && pnpm pwa-asset-generator ./public/logo/white.svg ./public/assets --index ./index.html --splash-only --dark-mode --background \"#0c0a09\" --padding \"min(33vh, 33vw)\" --path-override \"/assets\""
-  },
-  "dependencies": {
-    "@leeoniya/ufuzzy": "^1.0.14",
-    "@solid-primitives/event-listener": "^2.3.3",
-    "@solid-primitives/intersection-observer": "^2.1.6",
-    "@solid-primitives/memo": "^1.3.8",
-    "@solid-primitives/resize-observer": "^2.0.25",
-    "lean-qr": "^2.3.4",
-    "lightweight-charts": "^4.1.6",
-    "solid-js": "^1.8.17"
-  },
-  "devDependencies": {
-    "@ianvs/prettier-plugin-sort-imports": "^4.2.1",
-    "@iconify-json/tabler": "^1.1.114",
-    "@tailwindcss/container-queries": "^0.1.1",
-    "autoprefixer": "^10.4.19",
-    "postcss": "^8.4.38",
-    "prettier": "^3.3.2",
-    "prettier-plugin-tailwindcss": "^0.6.5",
-    "pwa-asset-generator": "^6.3.1",
-    "rollup-plugin-visualizer": "^5.12.0",
-    "tailwindcss": "^3.4.4",
-    "typescript": "^5.5.2",
-    "unplugin-auto-import": "^0.17.6",
-    "unplugin-icons": "^0.19.0",
-    "vite": "^5.3.1",
-    "vite-plugin-pwa": "^0.20.0",
-    "vite-plugin-solid": "^2.10.2",
-    "workbox-window": "^7.1.0",
-    "wrangler": "^3.61.0"
-  }
-}
@@ -1,11 +0,0 @@
-/** @type {import("prettier").Options} */
-export default {
-  plugins: [
-    '@ianvs/prettier-plugin-sort-imports',
-    'prettier-plugin-tailwindcss', // MUST come last
-  ],
-
-  tailwindFunctions: ['classList'],
-
-  importOrder: ['<THIRD_PARTY_MODULES>', '', '^/?(~|src)/', '', '^[./]'],
-}
@@ -1,17 +0,0 @@
-<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;" fill="black">
-    <g transform="matrix(1.14102,0,0,2.63158,-0.849652,5.12904)">
-        <rect x="4.25" y="3.751" width="14.023" height="1.52"/>
-    </g>
-    <g transform="matrix(1.14102,0,0,2.63158,-0.849652,0.129039)">
-        <rect x="4.25" y="3.751" width="14.023" height="1.52"/>
-    </g>
-    <g transform="matrix(1.14102,0,0,2.63158,-0.849652,-4.87096)">
-        <rect x="4.25" y="3.751" width="14.023" height="1.52"/>
-    </g>
-    <g transform="matrix(0.285256,0,0,2.63158,8.78759,-9.87096)">
-        <rect x="4.25" y="3.751" width="14.023" height="1.52"/>
-    </g>
-    <g transform="matrix(0.285256,0,0,2.63158,8.78759,10.129)">
-        <rect x="4.25" y="3.751" width="14.023" height="1.52"/>
-    </g>
-</svg>
@@ -1,17 +0,0 @@
-<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;" fill="white">
-    <g transform="matrix(1.14102,0,0,2.63158,-0.849652,5.12904)">
-        <rect x="4.25" y="3.751" width="14.023" height="1.52"/>
-    </g>
-    <g transform="matrix(1.14102,0,0,2.63158,-0.849652,0.129039)">
-        <rect x="4.25" y="3.751" width="14.023" height="1.52"/>
-    </g>
-    <g transform="matrix(1.14102,0,0,2.63158,-0.849652,-4.87096)">
-        <rect x="4.25" y="3.751" width="14.023" height="1.52"/>
-    </g>
-    <g transform="matrix(0.285256,0,0,2.63158,8.78759,-9.87096)">
-        <rect x="4.25" y="3.751" width="14.023" height="1.52"/>
-    </g>
-    <g transform="matrix(0.285256,0,0,2.63158,8.78759,10.129)">
-        <rect x="4.25" y="3.751" width="14.023" height="1.52"/>
-    </g>
-</svg>
@@ -1,37 +0,0 @@
-{
-  "name": "Satonomics",
-  "short_name": "Satonomics",
-  "description": "Satoshi Economics",
-  "start_url": "/",
-  "display": "standalone",
-  "theme_color": "#0c0a09",
-  "background_color": "#0c0a09",
-  "lang": "en",
-  "scope": "/",
-  "icons": [
-    {
-      "src": "/assets/manifest-icon-192.maskable.png",
-      "sizes": "192x192",
-      "type": "image/png",
-      "purpose": "any"
-    },
-    {
-      "src": "/assets/manifest-icon-192.maskable.png",
-      "sizes": "192x192",
-      "type": "image/png",
-      "purpose": "maskable"
-    },
-    {
-      "src": "/assets/manifest-icon-512.maskable.png",
-      "sizes": "512x512",
-      "type": "image/png",
-      "purpose": "any"
-    },
-    {
-      "src": "/assets/manifest-icon-512.maskable.png",
-      "sizes": "512x512",
-      "type": "image/png",
-      "purpose": "maskable"
-    }
-  ]
-}
@@ -1,2 +0,0 @@
-User-agent: *
-Allow: /
@@ -1,175 +0,0 @@
-import { createRWS } from "/src/solid/rws";
-
-const texts = [
-  "satonomics",
-  "satonomics",
-  "satonomics",
-
-  "stay humble, stack sats",
-  "21 million",
-  "cold storage",
-  "utxo",
-  "satoshi nakamoto",
-  "hodl",
-  `don't trust, verify`,
-  "zap",
-  "bitcoin",
-  "lightning",
-  "nostr",
-  "freedom tech",
-  "2008/10/31",
-  "2009/01/03",
-  "2010/05/22",
-  "hodl!",
-  "Hal Finney",
-  "Vote for better money",
-  "gradually then suddenly",
-  "timechain",
-  "self custody",
-  "be your own bank",
-  "resistance money",
-  "foss",
-];
-
-export const LOCAL_STORAGE_MARQUEE_KEY = "bg-marquee";
-
-export function Background({
-  marquee: on,
-  focused,
-}: {
-  marquee: Accessor<boolean>;
-  focused: Accessor<boolean>;
-}) {
-  createEffect(() => {
-    if (on()) {
-      localStorage.removeItem(LOCAL_STORAGE_MARQUEE_KEY);
-    } else {
-      localStorage.setItem(LOCAL_STORAGE_MARQUEE_KEY, "false");
-    }
-  });
-
-  return (
-    <>
-      <div class="absolute h-full w-full overflow-hidden opacity-[0.0333] will-change-auto">
-        <div class="-m-[2rem] -space-y-1 overflow-hidden md:-m-[1rem]">
-          <Line on={on} focused={focused} />
-          <Line on={on} focused={focused} />
-          <Line on={on} focused={focused} />
-          <Line on={on} focused={focused} />
-          <Line on={on} focused={focused} />
-          <Line on={on} focused={focused} />
-          <Line on={on} focused={focused} />
-          <Line on={on} focused={focused} />
-          <Line on={on} focused={focused} />
-          <Line on={on} focused={focused} />
-          <Line on={on} focused={focused} />
-          <Line on={on} focused={focused} />
-          <Line on={on} focused={focused} />
-          <Line on={on} focused={focused} />
-          <Line on={on} focused={focused} />
-          <Line on={on} focused={focused} />
-          <Line on={on} focused={focused} />
-          <Line on={on} focused={focused} />
-          <Line on={on} focused={focused} />
-          <Line on={on} focused={focused} />
-          <Line on={on} focused={focused} />
-          <Line on={on} focused={focused} />
-          <Line on={on} focused={focused} />
-        </div>
-      </div>
-      <div class="absolute h-full w-full opacity-10 mix-blend-multiply">
-        <Noise />
-      </div>
-      <div class="absolute h-full w-full opacity-10 mix-blend-hard-light">
-        <Noise />
-      </div>
-    </>
-  );
-}
-
-function Line({
-  on,
-  focused,
-}: {
-  on: Accessor<boolean>;
-  focused: Accessor<boolean>;
-}) {
-  const shuffled = shuffle([...texts]);
-  shuffled.pop();
-  const joined = shuffled.join(". ");
-
-  return (
-    <div class="select-none whitespace-nowrap">
-      <TextWrapper on={on} focused={focused} joined={joined} />
-    </div>
-  );
-}
-
-function TextWrapper({
-  joined,
-  on,
-  focused,
-}: {
-  on: Accessor<boolean>;
-  focused: Accessor<boolean>;
-  joined: string;
-}) {
-  const seconds = joined.length * 2;
-
-  const wasOnceOn = createRWS(false);
-
-  createEffect(() => {
-    if (!wasOnceOn() && on()) {
-      wasOnceOn.set(true);
-    }
-  });
-
-  return (
-    <p
-      class="inline-block px-2 text-[5dvh] font-black uppercase leading-none"
-      style={{
-        ...(wasOnceOn()
-          ? {
-              animation: `marquee ${seconds}s linear infinite`,
-              "animation-play-state": focused() && on() ? "running" : "paused",
-            }
-          : {}),
-      }}
-    >
-      {joined} {wasOnceOn() ? joined : undefined}
-    </p>
-  );
-}
-
-function shuffle<T>([...arr]: T[]): T[] {
-  let m = arr.length;
-
-  while (m) {
-    const i = Math.floor(Math.random() * m--);
-    [arr[m], arr[i]] = [arr[i], arr[m]];
-  }
-
-  return arr;
-}
-
-function Noise() {
-  return (
-    <svg
-      class="size-full"
-      viewBox="0 0 200 200"
-      preserveAspectRatio="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <filter id="noiseFilter">
-        <feTurbulence
-          type="fractalNoise"
-          baseFrequency="3"
-          numOctaves="3"
-          stitchTiles="stitch"
-        />
-      </filter>
-
-      <rect width="100%" height="100%" filter="url(#noiseFilter)" />
-    </svg>
-  );
-}
@@ -1,154 +0,0 @@
-import { createResizeObserver } from "@solid-primitives/resize-observer";
-
-import { classPropToString } from "/src/solid/classes";
-import { createRWS } from "/src/solid/rws";
-
-export function Box({
-  flex = true,
-  absolute,
-  padded = true,
-  children,
-  dark,
-  overflowY,
-}: {
-  flex?: boolean;
-  absolute?: "top" | "bottom";
-  padded?: boolean;
-  dark?: boolean;
-  overflowY?: boolean;
-} & ParentProps) {
-  const maybeScrollable = createRWS<HTMLDivElement | undefined>(undefined);
-  const scrollable = createRWS(false);
-  const showLeftArrow = createRWS(false);
-  const showRightArrow = createRWS(false);
-
-  onMount(() => {
-    createResizeObserver(maybeScrollable, (_, el) => {
-      if (el !== maybeScrollable()) {
-        return;
-      }
-
-      scrollable.set(() => el.scrollWidth > el.clientWidth);
-
-      checkArrows();
-    });
-  });
-
-  function checkArrows() {
-    const offset = 20;
-
-    const target = maybeScrollable()!;
-
-    const left = target.scrollLeft;
-    const right = target.scrollWidth - target.scrollLeft - target.clientWidth;
-
-    showLeftArrow.set(() => left > offset);
-    showRightArrow.set(() => right > offset);
-  }
-
-  return (
-    <div
-      class={classPropToString([
-        "p-2",
-        absolute
-          ? [
-              "absolute inset-x-0",
-              absolute === "top"
-                ? "top-0"
-                : "pointer-events-none bottom-0 bg-gradient-to-b from-transparent to-black",
-            ]
-          : "relative",
-      ])}
-    >
-      <div
-        class={classPropToString([
-          "pointer-events-auto relative overflow-hidden rounded-xl border border-orange-200/10 shadow-md",
-          dark
-            ? "bg-orange-100/5 backdrop-blur-sm"
-            : "bg-orange-200/10 backdrop-blur-md",
-        ])}
-      >
-        <For
-          each={[
-            {
-              showArrow: showLeftArrow,
-              side: "left-0",
-              order: "",
-              buttonPadding: "pl-3 pr-2",
-              iconPadding: "pr-0.5",
-              scrollMultiplier: -1,
-              chevronIcon: IconTablerChevronLeft,
-              gradientDirection: "bg-gradient-to-r",
-            },
-            {
-              showArrow: showRightArrow,
-              side: "right-0",
-              order: "order-2",
-              buttonPadding: "pl-2 pr-3",
-              iconPadding: "pl-0.5",
-              scrollMultiplier: 1,
-              chevronIcon: IconTablerChevronRight,
-              gradientDirection: "bg-gradient-to-l",
-            },
-          ]}
-        >
-          {(obj) => (
-            <Show when={scrollable() && obj.showArrow()}>
-              <div
-                class={[
-                  obj.side,
-                  "pointer-events-none absolute bottom-0 top-0 z-20 flex transition-opacity duration-200 ease-in-out",
-                ].join(" ")}
-              >
-                <div
-                  class={[
-                    obj.order,
-                    obj.buttonPadding,
-                    "pointer-events-auto hidden h-full items-center bg-black/90 md:flex",
-                  ].join(" ")}
-                >
-                  <button
-                    onClick={() => {
-                      maybeScrollable()?.scrollBy({
-                        left: Math.floor(
-                          maybeScrollable()!.clientWidth *
-                            obj.scrollMultiplier *
-                            0.8,
-                        ),
-                        behavior: "smooth",
-                      });
-                    }}
-                    class="rounded-full border border-orange-200/20 bg-black p-0.5 transition hover:scale-110 active:scale-100"
-                  >
-                    <Dynamic
-                      component={obj.chevronIcon}
-                      class={[`size-5 ${obj.iconPadding}`]}
-                    />
-                  </button>
-                </div>
-                <div
-                  class={[
-                    obj.gradientDirection,
-                    "h-full w-10 from-black/90 to-transparent",
-                  ].join(" ")}
-                />
-              </div>
-            </Show>
-          )}
-        </For>
-
-        <div
-          ref={maybeScrollable.set}
-          onScroll={checkArrows}
-          class={classPropToString([
-            flex && "flex w-full space-x-2",
-            overflowY && "overflow-y-auto",
-            padded && "p-1.5",
-          ])}
-        >
-          {children}
-        </div>
-      </div>
-    </div>
-  );
-}
@@ -1,13 +0,0 @@
-export function Button({
-  onClick,
-  children,
-}: { onClick: VoidFunction } & ParentProps) {
-  return (
-    <button
-      class="group flex w-full flex-1 items-center justify-center rounded-lg px-2 py-1.5 hover:bg-orange-200/20 active:scale-95"
-      onClick={onClick}
-    >
-      {children}
-    </button>
-  );
-}
@@ -1,103 +0,0 @@
-import { generate } from "lean-qr";
-
-import { chartState } from "/src/scripts/lightweightCharts/chart/state";
-import { setTimeScale } from "/src/scripts/lightweightCharts/chart/time";
-import { classPropToString } from "/src/solid/classes";
-import { createRWS } from "/src/solid/rws";
-
-export function Actions({
-  presets,
-  fullscreen,
-  qrcode,
-}: {
-  presets: Presets;
-  qrcode: RWS<string>;
-  fullscreen?: RWS<boolean>;
-}) {
-  return (
-    <div class="flex space-x-1">
-      <Show when={fullscreen}>
-        {(fullscreen) => (
-          <Button
-            title="Toggle fullscreen"
-            icon={() =>
-              fullscreen()()
-                ? IconTablerLayoutSidebarLeftExpand
-                : IconTablerLayoutSidebarRightExpand
-            }
-            onClick={() => {
-              const range = chartState.range;
-
-              fullscreen().set((b) => !b);
-
-              setTimeScale(range);
-            }}
-            classes="hidden md:block"
-          />
-        )}
-      </Show>
-
-      <Button
-        title="Share"
-        icon={() => IconTablerShare}
-        onClick={() => {
-          qrcode.set(() =>
-            generate(document.location.href).toDataURL({
-              on: [0xff, 0xff, 0xff, 0xff],
-              off: [0x00, 0x00, 0x00, 0x00],
-            }),
-          );
-        }}
-      />
-      <Button
-        title="Favorite"
-        colors={() =>
-          presets.selected().isFavorite()
-            ? "text-amber-500 bg-amber-500/15 hover:bg-amber-500/30"
-            : ""
-        }
-        icon={() =>
-          presets.selected().isFavorite()
-            ? IconTablerStarFilled
-            : IconTablerStar
-        }
-        onClick={() => presets.selected().isFavorite.set((b) => !b)}
-      />
-    </div>
-  );
-}
-
-function Button({
-  title,
-  icon,
-  colors,
-  onClick,
-  disabled,
-  classes,
-}: {
-  title: string;
-  icon: () => ValidComponent;
-  colors?: () => string;
-  onClick: VoidFunction;
-  disabled?: () => boolean;
-  classes?: string;
-}) {
-  return (
-    <button
-      title={title}
-      disabled={disabled?.()}
-      class={classPropToString([
-        colors?.() || (disabled?.() ? "" : "hover:bg-orange-200/15"),
-        !disabled?.() && "group",
-        classes,
-        "flex-none rounded-lg p-2 disabled:opacity-50",
-      ])}
-      onClick={onClick}
-    >
-      <Dynamic
-        component={icon()}
-        class="size-[1.125rem] group-active:scale-90"
-      />
-    </button>
-  );
-}
@@ -1,33 +0,0 @@
-import { cleanChart } from "/src/scripts/lightweightCharts/chart/clean";
-import { renderChart } from "/src/scripts/lightweightCharts/chart/render";
-
-export function Chart({
-  presets,
-  datasets,
-  legendSetter,
-  activeResources,
-}: {
-  presets: Presets;
-  datasets: Datasets;
-  legendSetter: Setter<PresetLegend>;
-  activeResources: Accessor<Set<ResourceDataset<any, any>>>;
-}) {
-  onMount(() => {
-    createEffect(() => {
-      const preset = presets.selected();
-
-      untrack(() =>
-        renderChart({
-          datasets,
-          preset,
-          legendSetter,
-          activeResources,
-        }),
-      );
-    });
-
-    onCleanup(cleanChart);
-  });
-
-  return <div id="chart" class="h-full w-full cursor-crosshair" />;
-}
@@ -1,135 +0,0 @@
-import { createRWS } from "/src/solid/rws";
-
-const transparency = "66";
-
-export function Legend({
-  legend: legendList,
-}: {
-  legend: Accessor<PresetLegend>;
-}) {
-  const hovering = createRWS<SeriesLegend | undefined>(undefined);
-
-  let toggle = false;
-
-  return (
-    <div class="flex flex-1 items-center gap-1 overflow-y-auto">
-      <For each={legendList()}>
-        {(legend) => {
-          const initialColors = {} as any;
-          const darkenColors = {} as any;
-
-          Object.entries(legend.series.options()).forEach(([k, v]) => {
-            if (k.toLowerCase().includes("color") && v) {
-              initialColors[k] = v;
-              darkenColors[k] = `${v}${transparency}`;
-            } else if (k === "lastValueVisible" && v) {
-              initialColors[k] = v;
-              darkenColors[k] = !v;
-            }
-          });
-
-          createEffect(() => {
-            if (hovering()) {
-              if (hovering()?.title !== legend.title) {
-                legend.series.applyOptions(darkenColors);
-              }
-            } else {
-              legend.series.applyOptions(initialColors);
-            }
-          });
-
-          let previousClickValueOf: number = 0;
-
-          return (
-            <Show when={!legend.disabled()}>
-              <button
-                onMouseEnter={() => {
-                  hovering.set(legend);
-                }}
-                onMouseLeave={() => hovering.set(undefined)}
-                onClick={() => {
-                  const currentClickValueOf = new Date().valueOf();
-
-                  if (currentClickValueOf - previousClickValueOf > 300) {
-                    legend.visible.set((visible) => !visible);
-                  } else {
-                    legendList().forEach((_legend) => {
-                      if (_legend.title != legend.title) {
-                        _legend.visible.set(toggle);
-                      }
-                    });
-
-                    legend.visible.set(true);
-
-                    toggle = !toggle;
-                  }
-
-                  previousClickValueOf = currentClickValueOf;
-                }}
-                class="flex flex-none items-center space-x-1.5 rounded-full py-1.5 pl-2 pr-2.5 hover:bg-orange-200/20 active:scale-[0.975]"
-              >
-                <span
-                  class="flex size-4 flex-col overflow-hidden rounded-full"
-                  style={{
-                    opacity: legend.visible() ? 1 : 0.5,
-                  }}
-                >
-                  <For
-                    each={
-                      Array.isArray(legend.color())
-                        ? (legend.color() as string[])
-                        : [legend.color() as string]
-                    }
-                  >
-                    {(color) => (
-                      <span
-                        class="w-full flex-1"
-                        style={{
-                          "background-color": color,
-                        }}
-                      />
-                    )}
-                  </For>
-                </span>
-                <span
-                  class="text-white decoration-white decoration-wavy decoration-[1.5px]"
-                  style={{
-                    "text-decoration-line": !legend.visible()
-                      ? "line-through"
-                      : undefined,
-                    "--tw-text-opacity": legend.visible() ? 1 : 0.5,
-                  }}
-                >
-                  {legend.title}
-                </span>
-                <Show when={legend.url}>
-                  {(url) => (
-                    <a
-                      title="Dataset"
-                      class="-my-0.5 !-mr-1 inline-flex size-6 flex-col overflow-hidden rounded-full border border-orange-200/5 bg-orange-200 bg-opacity-5 p-1 pl-0.5 hover:bg-opacity-30"
-                      style={{
-                        opacity: legend.visible() ? 1 : 0.5,
-                      }}
-                      onClick={(event) => {
-                        event.stopPropagation();
-                        // event.preventDefault();
-                      }}
-                      href={url()}
-                      target={
-                        url()?.startsWith("/") || url()?.startsWith("http")
-                          ? "_blank"
-                          : undefined
-                      }
-                    >
-                      <IconTablerExternalLink />
-                    </a>
-                  )}
-                </Show>
-              </button>
-            </Show>
-          );
-        }}
-      </For>
-    </div>
-  );
-}
@@ -1,67 +0,0 @@
-import { chartState } from "/src/scripts/lightweightCharts/chart/state";
-import { GENESIS_DAY } from "/src/scripts/lightweightCharts/chart/whitespace";
-import { ONE_DAY_IN_MS } from "/src/scripts/utils/time";
-
-import { Box } from "../../box";
-
-export function TimeScale() {
-  return (
-    <Box dark padded overflowY>
-      <Button onClick={() => setTimeScale()}>All Time</Button>
-      <Button onClick={() => setTimeScale(7)}>1 Week</Button>
-      <Button onClick={() => setTimeScale(30)}>1 Month</Button>
-      <Button onClick={() => setTimeScale(30 * 6)}>6 Months</Button>
-      <Button
-        onClick={() =>
-          setTimeScale(
-            Math.ceil(
-              (new Date().valueOf() -
-                new Date(`${new Date().getUTCFullYear()}-01-01`).valueOf()) /
-                ONE_DAY_IN_MS,
-            ),
-          )
-        }
-      >
-        Year To Date
-      </Button>
-      <Button onClick={() => setTimeScale(365)}>1 Year</Button>
-      <Button onClick={() => setTimeScale(2 * 365)}>2 Years</Button>
-      <Button onClick={() => setTimeScale(4 * 365)}>4 Years</Button>
-      <Button onClick={() => setTimeScale(8 * 365)}>8 Years</Button>
-    </Box>
-  );
-}
-
-function Button(props: ParentProps & { onClick: VoidFunction }) {
-  return (
-    <button
-      class="min-w-20 flex-shrink-0 flex-grow whitespace-nowrap rounded-lg px-2 py-1.5 hover:bg-white/20 active:scale-95"
-      onClick={props.onClick}
-    >
-      {props.children}
-    </button>
-  );
-}
-
-function setTimeScale(days?: number) {
-  const to = new Date();
-
-  if (days) {
-    const from = new Date();
-    from.setDate(from.getUTCDate() - days);
-
-    chartState.chart?.timeScale().setVisibleRange({
-      from: (from.getTime() / 1000) as Time,
-      to: (to.getTime() / 1000) as Time,
-    });
-  } else {
-    // chartState.chart?.timeScale().fitContent();
-    chartState.chart?.timeScale().setVisibleRange({
-      from: (new Date(
-        // datasets.candlesticks.values()?.[0]?.date || "",
-        GENESIS_DAY,
-      ).getTime() / 1000) as Time,
-      to: (to.getTime() / 1000) as Time,
-    });
-  }
-}
@@ -1,12 +0,0 @@
-export function Title({ presets }: { presets: Presets }) {
-  return (
-    <div class="flex flex-1 items-center overflow-y-auto pb-1.5 text-orange-100/50">
-      <div class="flex-1 -space-y-1 whitespace-nowrap px-1 md:mt-0.5 md:-space-y-1.5">
-        <h3 class="text-xs">{`/ ${[...presets.selected().path.map(({ name }) => name), presets.selected().name].join(" / ")}`}</h3>
-        <h1 class="text-lg font-bold text-white md:text-xl">
-          {presets.selected().title}
-        </h1>
-      </div>
-    </div>
-  );
-}
--- a/Show More
+++ b/Show More