chore: add cargo shear exception for getrandom

docs: update readme image
chore: maintenance updates & leptos 0.8
2025-05-08 20:25:46 +02:00 · 2025-05-08 20:24:38 +02:00 · 2025-05-08 20:24:14 +02:00 · 2025-04-19 20:54:23 +02:00 · 2025-04-19 20:53:01 +02:00 · 2025-04-06 23:27:11 +02:00
42 changed files with 2876 additions and 847 deletions
--- a/.helix/languages.toml
+++ b/.helix/languages.toml
@@ -5,9 +5,15 @@ language-servers = ["rust-analyzer", "tailwindcss-ls"]
 [language-server.rust-analyzer.config]
 # procMacro = { ignored = { leptos_macro = ["server"] } }
 cargo = { features = ["ssr", "hydrate"] }
 check = { command = "check" }
-[language-server.rust-analyzer.config.check]
+rustfmt = { overrideCommand = ["leptosfmt", "--stdin", "--rustfmt"] }
-command = "clippy"
+
 # rustfmt = { overrideCommand = [
 #   "sh",
 #   "-c",
 #   "set -euo pipefail; rustfmt --emit stdout --edition 2024 | leptosfmt --stdin",
 # ] }
 [language-server.tailwindcss-ls]
 config = { userLanguages = { rust = "html", "*.rs" = "html" } }
--- a/Cargo.lock
+++ b/Cargo.lock
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -1,9 +1,9 @@
 [workspace]
-resolver = "2"
+resolver = "3"
 members = ["crates/ascend", "crates/moonboard-parser"]
 [workspace.package]
-edition = "2021"
+edition = "2024"
 authors = ["Asger Juul Brunshøj <asgerbrunshoj@gmail.com>"]
 [workspace.dependencies.moonboard-parser]
--- a/crates/ascend/Cargo.toml
+++ b/crates/ascend/Cargo.toml
@@ -9,7 +9,7 @@ publish = false
 crate-type = ["cdylib", "rlib"]
 [dependencies]
-axum = { version = "0.7", optional = true }
+axum = { version = "0.8", optional = true }
 camino = { version = "1.1", optional = true }
 chrono = { version = "0.4.39", features = ["now", "serde"] }
 clap = { version = "4.5.7", features = ["derive"] }
@@ -23,18 +23,17 @@ derive_more = { version = "2", features = [
 ] }
 http = "1"
 image = { version = "0.25", optional = true }
-leptos = { version = "0.7.4", features = ["tracing"] }
+leptos = { version = "0.8", features = ["tracing"] }
-leptos_axum = { version = "0.7", optional = true }
+leptos_axum = { version = "0.8", optional = true }
-leptos_meta = { version = "0.7" }
+leptos_meta = { version = "0.8" }
-leptos_router = { version = "0.7.0" }
+leptos_router = { version = "0.8" }
 moonboard-parser = { workspace = true, optional = true }
 rand = { version = "0.9", default-features = false, features = ["thread_rng"] }
 ron = { version = "0.8" }
 serde = { version = "1", features = ["derive"] }
-server_fn = { version = "0.7.4", features = ["cbor"] }
+server_fn = { version = "0.8", features = ["cbor"] }
 smart-default = "0.7.1"
 tokio = { version = "1", features = ["rt-multi-thread"], optional = true }
 tower = { version = "0.4", optional = true }
 tower-http = { version = "0.5", features = ["fs"], optional = true }
 tracing = { version = "0.1" }
 tracing-subscriber = { version = "0.3.18", features = ["env-filter"] }
@@ -46,16 +45,12 @@ xdg = { version = "2.5", optional = true }
 uuid = { version = "1.12", features = ["serde", "v4"] }
 redb = { version = "2.4", optional = true }
 bincode = { version = "1.3", optional = true }
 serde_json = { version = "1" }
 codee = { version = "0.3" }
 error_reporter = { version = "1" }
 getrandom = { version = "0.3.1" }
-[dev-dependencies.serde_json]
+[dev-dependencies]
-version = "1"
+test-try = "0.1"
 [dev-dependencies.test-try]
 version = "0.1"
 [features]
 hydrate = ["leptos/hydrate", "getrandom/wasm_js", "uuid/js"]
@@ -65,7 +60,6 @@ ssr = [
  "dep:image",
  "dep:bincode",
  "dep:tokio",
  "dep:tower",
  "dep:tower-http",
  "dep:leptos_axum",
  "dep:confik",
@@ -77,6 +71,11 @@ ssr = [
  "leptos_router/ssr",
 ]
 [package.metadata.cargo-shear]
 # getrandom is depended on in order to turn on its wasm feature indirectly
 ignored = ["getrandom"]
 [package.metadata.leptos]
 # The name used by wasm-bindgen/cargo-leptos for the JS/WASM bundle. Defaults to the crate name
 output-name = "ascend"
--- a/crates/ascend/src/app.rs
+++ b/crates/ascend/src/app.rs
@@ -17,7 +17,7 @@ pub fn shell(options: LeptosOptions) -> impl IntoView {
                <HydrationScripts options />
                <MetaTags />
            </head>
-            <body class="bg-slate-950 text-white">
+            <body class="text-white bg-slate-950">
                <App />
            </body>
        </html>
@@ -42,9 +42,8 @@ pub fn App() -> impl IntoView {
        <Router>
            <Routes fallback=|| "Not found">
                <Route path=path!("/") view=Home />
-                <Route path=path!("/wall/:wall_uid") view=pages::wall::Wall />
+                <Route path=path!("/wall/:wall_uid") view=pages::wall::Page />
-                <Route path=path!("/wall/:wall_uid/edit") view=pages::edit_wall::EditWall />
+                <Route path=path!("/wall/:wall_uid/holds") view=pages::holds::Page />
                <Route path=path!("/wall/:wall_uid/routes") view=pages::routes::Routes />
            </Routes>
        </Router>
    }
--- a/crates/ascend/src/codec.rs
+++ b/crates/ascend/src/codec.rs
@@ -3,19 +3,22 @@ pub mod ron {
    use codee::Decoder;
    use codee::Encoder;
    use leptos::prelude::FromServerFnError;
    use leptos::prelude::ServerFnErrorErr;
    use serde::Deserialize;
    use serde::Serialize;
    use serde::de::DeserializeOwned;
-    use server_fn::ServerFnError;
+    use server_fn::ContentType;
    use server_fn::codec::Encoding;
    use server_fn::codec::FromReq;
    use server_fn::codec::FromRes;
    use server_fn::codec::IntoReq;
    use server_fn::codec::IntoRes;
    use server_fn::error::IntoAppError;
    use server_fn::request::ClientReq;
    use server_fn::request::Req;
    use server_fn::response::ClientRes;
-    use server_fn::response::Res;
+    use server_fn::response::TryRes;
    pub struct Ron;
@@ -44,10 +47,13 @@ pub mod ron {
    }
    impl Encoding for Ron {
        const CONTENT_TYPE: &'static str = "application/ron";
        const METHOD: http::Method = http::Method::POST;
    }
    impl ContentType for Ron {
        const CONTENT_TYPE: &'static str = "application/ron";
    }
    #[derive(Debug, Clone)]
    pub struct RonEncoded<T>(pub T);
@@ -74,9 +80,10 @@ pub mod ron {
    where
        Request: ClientReq<Err>,
        T: Serialize,
        Err: FromServerFnError,
    {
-        fn into_req(self, path: &str, accepts: &str) -> Result<Request, ServerFnError<Err>> {
+        fn into_req(self, path: &str, accepts: &str) -> Result<Request, Err> {
-            let data = Ron::encode(&self.0).map_err(|e| ServerFnError::Serialization(e.to_string()))?;
+            let data = Ron::encode(&self.0).map_err(|e| ServerFnErrorErr::Serialization(e.to_string()).into_app_error())?;
            Request::try_new_post(path, Ron::CONTENT_TYPE, accepts, data)
        }
    }
@@ -86,21 +93,25 @@ pub mod ron {
    where
        Request: Req<Err> + Send,
        T: DeserializeOwned,
        Err: FromServerFnError,
    {
-        async fn from_req(req: Request) -> Result<Self, ServerFnError<Err>> {
+        async fn from_req(req: Request) -> Result<Self, Err> {
            let data = req.try_into_string().await?;
-            Ron::decode(&data).map(RonEncoded).map_err(|e| ServerFnError::Args(e.to_string()))
+            Ron::decode(&data)
                .map(RonEncoded)
                .map_err(|e| ServerFnErrorErr::Args(e.to_string()).into_app_error())
        }
    }
    // IntoRes
-    impl<CustErr, T, Response> IntoRes<Ron, Response, CustErr> for RonEncoded<T>
+    impl<Err, T, Response> IntoRes<Ron, Response, Err> for RonEncoded<T>
    where
-        Response: Res<CustErr>,
+        Response: TryRes<Err>,
        T: Serialize + Send,
        Err: FromServerFnError,
    {
-        async fn into_res(self) -> Result<Response, ServerFnError<CustErr>> {
+        async fn into_res(self) -> Result<Response, Err> {
-            let data = Ron::encode(&self.0).map_err(|e| ServerFnError::Serialization(e.to_string()))?;
+            let data = Ron::encode(&self.0).map_err(|e| ServerFnErrorErr::Serialization(e.to_string()).into_app_error())?;
            Response::try_from_string(Ron::CONTENT_TYPE, data)
        }
    }
@@ -110,12 +121,13 @@ pub mod ron {
    where
        Response: ClientRes<Err> + Send,
        T: DeserializeOwned,
        Err: FromServerFnError,
    {
-        async fn from_res(res: Response) -> Result<Self, ServerFnError<Err>> {
+        async fn from_res(res: Response) -> Result<Self, Err> {
            let data = res.try_into_string().await?;
            Ron::decode(&data)
                .map(RonEncoded)
-                .map_err(|e| ServerFnError::Deserialization(e.to_string()))
+                .map_err(|e| ServerFnErrorErr::Deserialization(e.to_string()).into_app_error())
        }
    }
--- a/crates/ascend/src/components.rs
+++ b/crates/ascend/src/components.rs
@@ -0,0 +1,27 @@
 pub use attempt::Attempt;
 pub use button::Button;
 pub use header::StyledHeader;
 pub use problem::Problem;
 pub use problem_info::ProblemInfo;
 pub mod attempt;
 pub mod button;
 pub mod checkbox;
 pub mod header;
 pub mod header_v2;
 pub mod icons;
 pub mod outlined_box;
 pub mod problem;
 pub mod problem_info;
 use leptos::prelude::*;
 #[component]
 pub fn OnHoverRed(children: Children) -> impl IntoView {
    view! {
        <div class="relative group">
            <div>{children()}</div>
            <div class="absolute inset-0 bg-red-500 opacity-0 group-hover:opacity-50" />
        </div>
    }
 }
--- a/crates/ascend/src/components/attempt.rs
+++ b/crates/ascend/src/components/attempt.rs
@@ -0,0 +1,58 @@
 use crate::components::icons;
 use crate::models;
 use chrono::DateTime;
 use chrono::Utc;
 use leptos::prelude::*;
 #[component]
 #[tracing::instrument(skip_all)]
 pub fn Attempt(#[prop(into)] date: Signal<DateTime<Utc>>, #[prop(into)] attempt: Signal<Option<models::Attempt>>) -> impl IntoView {
    crate::tracing::on_enter!();
    let s = time_ago(date.get());
    let text = move || match attempt.get() {
        Some(models::Attempt::Flash) => "Flash",
        Some(models::Attempt::Send) => "Send",
        Some(models::Attempt::Attempt) => "Learning experience",
        None => "No attempt",
    };
    let text_color = match attempt.get() {
        Some(attempt) => attempt.gradient().class_text(),
        None => "",
    };
    let icon = move || match attempt.get() {
        Some(models::Attempt::Flash) => view! { <icons::BoltSolid /> }.into_any(),
        Some(models::Attempt::Send) => view! { <icons::Trophy /> }.into_any(),
        Some(models::Attempt::Attempt) => view! { <icons::ArrowTrendingUp /> }.into_any(),
        None => view! { <icons::NoSymbol /> }.into_any(),
    };
    let classes = format!("flex flex-row gap-3 {}", text_color);
    view! {
        <div class="flex flex-row justify-between my-2">
            <div>{s}</div>
            <div class=classes>
                <span>{text}</span>
                <span>{icon}</span>
            </div>
        </div>
    }
 }
 fn time_ago(dt: chrono::DateTime<chrono::Utc>) -> String {
    let now = chrono::Utc::now();
    let duration = now.signed_duration_since(dt);
    if duration.num_days() == 0 {
        "Today".to_string()
    } else if duration.num_days() == 1 {
        "1 day ago".to_string()
    } else {
        format!("{} days ago", duration.num_days())
    }
 }
--- a/crates/ascend/src/components/button.rs
+++ b/crates/ascend/src/components/button.rs
@@ -1,15 +1,104 @@
 use super::icons::Icon;
 use crate::components::outlined_box::OutlinedBox;
 use crate::gradient::Gradient;
 use leptos::prelude::*;
 use web_sys::MouseEvent;
 #[component]
-pub fn Button(#[prop(into)] text: String, onclick: impl Fn(MouseEvent) + 'static) -> impl IntoView {
+pub fn Button(
    #[prop(into, optional)] icon: MaybeProp<Icon>,
    #[prop(into, optional)] text: MaybeProp<String>,
    #[prop(optional)] color: Gradient,
    #[prop(into, optional)] highlight: MaybeProp<bool>,
    #[prop(into, optional)] disabled: MaybeProp<bool>,
    #[prop(into, optional)] on_click: MaybeProp<Callback<()>>,
 ) -> impl IntoView {
    let margin = "mx-2 my-1 sm:mx-5 sm:my-2.5";
    let icon_view = move || {
        icon.get().map(|i| {
            let icon_view = i.into_view();
            let mut classes = "self-center".to_string();
            classes.push(' ');
            classes.push_str(margin);
            classes.push(' ');
            classes.push_str(color.class_text());
            view! { <div class=classes>{icon_view}</div> }
        })
    };
    let separator = move || {
        (icon.read().is_some() && text.read().is_some()).then(|| {
            let mut classes = "w-0.5 bg-linear-to-br min-w-0.5".to_string();
            classes.push(' ');
            classes.push_str(color.class_from());
            classes.push(' ');
            classes.push_str(color.class_to());
            view! { <div class=classes /> }
        })
    };
    let text_view = move || {
        text.get().map(|text| {
            let mut classes = "self-center uppercase w-full text-sm sm:text-base md:text-lg font-thin".to_string();
            classes.push(' ');
            classes.push_str(margin);
            view! { <div class=classes>{text}</div> }
        })
    };
    let class = move || {
        let mut classes = vec![];
        if disabled.get().unwrap_or_default() {
            classes.extend(["brightness-50"]);
        } else {
            classes.extend(["cursor-pointer", "hover:brightness-125", "active:brightness-90"]);
        }
        classes.join(" ")
    };
    let on_click = move |_| {
        if let Some(cb) = on_click.get() {
            cb.run(());
        }
    };
    let prop_disabled = move || disabled.get();
    view! {
-        <button
+        <button type="button" class=class prop:disabled=prop_disabled on:click=on_click>
-            on:click=onclick
+            <OutlinedBox color highlight>
-            type="button"
+                <div class="flex items-stretch">{icon_view} {separator} {text_view}</div>
-            class="text-black bg-orange-300 hover:bg-orange-400 focus:ring-4 focus:ring-orange-500 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 focus:outline-none"
+            </OutlinedBox>
        >
            {text}
        </button>
    }
 }
 #[cfg(test)]
 mod tests {
    use super::*;
    #[test]
    fn baseline() {
        let text = "foo";
        let onclick = |_| {};
        view! { <Button text on:click=onclick /> };
    }
    #[test]
    fn simple() {
        let icon = Icon::ForwardSolid;
        let text = "foo";
        let onclick = |_| {};
        view! { <Button icon text on:click=onclick /> };
    }
 }
--- a/crates/ascend/src/components/checkbox.rs
+++ b/crates/ascend/src/components/checkbox.rs
@@ -0,0 +1,50 @@
 use crate::components::icons;
 use crate::components::outlined_box::OutlinedBox;
 use crate::gradient::Gradient;
 use leptos::prelude::*;
 #[component]
 pub fn Checkbox(checked: RwSignal<bool>, #[prop(into)] text: Signal<String>, #[prop(optional)] color: Gradient) -> impl IntoView {
    let unique_id = Oco::from(format!("checkbox-{}", uuid::Uuid::new_v4()));
    let checkbox_view = view! {
        <div class="self-center my-2.5 mx-5 text-white bg-white rounded-xs aspect-square">
            <span class=("text-gray-950", move || checked.get())>
                <icons::Check />
            </span>
        </div>
    };
    let separator = {
        let mut classes = "w-0.5 bg-linear-to-br min-w-0.5".to_string();
        classes.push(' ');
        classes.push_str(color.class_from());
        classes.push(' ');
        classes.push_str(color.class_to());
        view! { <div class=classes /> }
    };
    let text_view = view! {
        <div class="self-center my-2.5 mx-5 w-full text-lg font-thin uppercase">
            {move || text.get()}
        </div>
    };
    view! {
        <div class="inline-block mb-2 me-2 hover:brightness-125 active:brightness-90">
            <input
                type="checkbox"
                id=unique_id.clone()
                value=""
                class="hidden peer"
                required=""
                bind:checked=checked
            />
            <label for=unique_id class="cursor-pointer">
                <OutlinedBox color>
                    <div class="flex">{checkbox_view} {separator} {text_view}</div>
                </OutlinedBox>
            </label>
        </div>
    }
 }
--- a/crates/ascend/src/components/header.rs
+++ b/crates/ascend/src/components/header.rs
@@ -17,7 +17,7 @@ pub struct HeaderItem {
 #[component]
 pub fn StyledHeader(#[prop(into)] items: Signal<HeaderItems>) -> impl IntoView {
    view! {
-        <div class="bg-orange-300 text-black border-b-2 border-b-orange-400">
+        <div class="text-black bg-orange-300 border-b-2 border-b-orange-400">
            // <div class="container mx-auto" >
            <Header items />
        // </div>
@@ -33,7 +33,7 @@ pub fn Header(#[prop(into)] items: Signal<HeaderItems>) -> impl IntoView {
    let right = move || items.read().right.clone();
    view! {
-        <div class="grid grid-cols-[1fr_3fr_1fr] text-xl font-semibold p-4">
+        <div class="grid p-4 text-xl font-semibold grid-cols-[1fr_3fr_1fr]">
            // Left side of header
            <div class="justify-self-start">
                <Items items=Signal::derive(left) />
--- a/crates/ascend/src/components/header_v2.rs
+++ b/crates/ascend/src/components/header_v2.rs
@@ -0,0 +1,13 @@
 use leptos::prelude::*;
 #[component]
 #[tracing::instrument(skip_all)]
 pub fn Header(children: Children) -> impl IntoView {
    crate::tracing::on_enter!();
    view! {
        <div class="w-full text-black bg-orange-300 border-b-2 border-b-orange-400">
            {children()}
        </div>
    }
 }
--- a/crates/ascend/src/components/icons.rs
+++ b/crates/ascend/src/components/icons.rs
@@ -0,0 +1,302 @@
 use leptos::prelude::*;
 #[derive(Copy, Debug, Clone)]
 pub enum Icon {
    BoltSolid,
    BoltSlashSolid,
    WrenchSolid,
    ForwardSolid,
    Check,
    Heart,
    HeartOutline,
    ArrowPath,
    PaperAirplaneSolid,
    NoSymbol,
    Trophy,
    ArrowTrendingUp,
    ChevronLeft,
    ChevronRight,
    CodeBracketSquare,
 }
 impl Icon {
    // TODO: Actually impl IntoView for Icon instead
    pub fn into_view(self) -> impl IntoView {
        match self {
            Icon::BoltSolid => view! { <BoltSolid /> }.into_any(),
            Icon::BoltSlashSolid => view! { <BoltSlashSolid /> }.into_any(),
            Icon::WrenchSolid => view! { <WrenchSolid /> }.into_any(),
            Icon::ForwardSolid => view! { <ForwardSolid /> }.into_any(),
            Icon::Check => view! { <Check /> }.into_any(),
            Icon::Heart => view! { <Heart /> }.into_any(),
            Icon::HeartOutline => view! { <HeartOutline /> }.into_any(),
            Icon::ArrowPath => view! { <ArrowPath /> }.into_any(),
            Icon::PaperAirplaneSolid => view! { <PaperAirplaneSolid /> }.into_any(),
            Icon::NoSymbol => view! { <NoSymbol /> }.into_any(),
            Icon::Trophy => view! { <Trophy /> }.into_any(),
            Icon::ArrowTrendingUp => view! { <ArrowTrendingUp /> }.into_any(),
            Icon::ChevronLeft => view! { <ChevronLeft /> }.into_any(),
            Icon::ChevronRight => view! { <ChevronRight /> }.into_any(),
            Icon::CodeBracketSquare => view! { <CodeBracketSquare /> }.into_any(),
        }
    }
 }
 #[component]
 pub fn BoltSolid() -> impl IntoView {
    view! {
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 24 24"
            fill="currentColor"
            class="size-6"
        >
            <path
                fill-rule="evenodd"
                d="M14.615 1.595a.75.75 0 0 1 .359.852L12.982 9.75h7.268a.75.75 0 0 1 .548 1.262l-10.5 11.25a.75.75 0 0 1-1.272-.71l1.992-7.302H3.75a.75.75 0 0 1-.548-1.262l10.5-11.25a.75.75 0 0 1 .913-.143Z"
                clip-rule="evenodd"
            />
        </svg>
    }
 }
 #[component]
 pub fn BoltSlashSolid() -> impl IntoView {
    view! {
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 24 24"
            fill="currentColor"
            class="size-6"
        >
            <path d="m20.798 11.012-3.188 3.416L9.462 6.28l4.24-4.542a.75.75 0 0 1 1.272.71L12.982 9.75h7.268a.75.75 0 0 1 .548 1.262ZM3.202 12.988 6.39 9.572l8.148 8.148-4.24 4.542a.75.75 0 0 1-1.272-.71l1.992-7.302H3.75a.75.75 0 0 1-.548-1.262ZM3.53 2.47a.75.75 0 0 0-1.06 1.06l18 18a.75.75 0 1 0 1.06-1.06l-18-18Z" />
        </svg>
    }
 }
 #[component]
 pub fn WrenchSolid() -> impl IntoView {
    view! {
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 24 24"
            fill="currentColor"
            class="size-6"
        >
            <path
                fill-rule="evenodd"
                d="M12 6.75a5.25 5.25 0 0 1 6.775-5.025.75.75 0 0 1 .313 1.248l-3.32 3.319c.063.475.276.934.641 1.299.365.365.824.578 1.3.64l3.318-3.319a.75.75 0 0 1 1.248.313 5.25 5.25 0 0 1-5.472 6.756c-1.018-.086-1.87.1-2.309.634L7.344 21.3A3.298 3.298 0 1 1 2.7 16.657l8.684-7.151c.533-.44.72-1.291.634-2.309A5.342 5.342 0 0 1 12 6.75ZM4.117 19.125a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75h-.008a.75.75 0 0 1-.75-.75v-.008Z"
                clip-rule="evenodd"
            />
        </svg>
    }
 }
 #[component]
 pub fn ForwardSolid() -> impl IntoView {
    view! {
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 24 24"
            fill="currentColor"
            class="size-6"
        >
            <path d="M5.055 7.06C3.805 6.347 2.25 7.25 2.25 8.69v8.122c0 1.44 1.555 2.343 2.805 1.628L12 14.471v2.34c0 1.44 1.555 2.343 2.805 1.628l7.108-4.061c1.26-.72 1.26-2.536 0-3.256l-7.108-4.061C13.555 6.346 12 7.249 12 8.689v2.34L5.055 7.061Z" />
        </svg>
    }
 }
 #[component]
 pub fn Check() -> impl IntoView {
    view! {
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 24 24"
            fill="currentColor"
            class="size-6"
        >
            <path
                fill-rule="evenodd"
                stroke="currentColor"
                stroke-width="2"
                d="M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z"
                clip-rule="evenodd"
            />
        </svg>
    }
 }
 #[component]
 pub fn Heart() -> impl IntoView {
    view! {
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 24 24"
            fill="currentColor"
            class="size-6"
        >
            <path d="m11.645 20.91-.007-.003-.022-.012a15.247 15.247 0 0 1-.383-.218 25.18 25.18 0 0 1-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0 1 12 5.052 5.5 5.5 0 0 1 16.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 0 1-4.244 3.17 15.247 15.247 0 0 1-.383.219l-.022.012-.007.004-.003.001a.752.752 0 0 1-.704 0l-.003-.001Z" />
        </svg>
    }
 }
 #[component]
 pub fn HeartOutline() -> impl IntoView {
    view! {
        <svg
            xmlns="http://www.w3.org/2000/svg"
            fill="none"
            viewBox="0 0 24 24"
            stroke-width="1.5"
            stroke="currentColor"
            class="size-6"
        >
            <path
                stroke-linecap="round"
                stroke-linejoin="round"
                d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"
            />
        </svg>
    }
 }
 #[component]
 pub fn ArrowPath() -> impl IntoView {
    view! {
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 24 24"
            fill="currentColor"
            class="size-6"
        >
            <path
                fill-rule="evenodd"
                d="M4.755 10.059a7.5 7.5 0 0 1 12.548-3.364l1.903 1.903h-3.183a.75.75 0 1 0 0 1.5h4.992a.75.75 0 0 0 .75-.75V4.356a.75.75 0 0 0-1.5 0v3.18l-1.9-1.9A9 9 0 0 0 3.306 9.67a.75.75 0 1 0 1.45.388Zm15.408 3.352a.75.75 0 0 0-.919.53 7.5 7.5 0 0 1-12.548 3.364l-1.902-1.903h3.183a.75.75 0 0 0 0-1.5H2.984a.75.75 0 0 0-.75.75v4.992a.75.75 0 0 0 1.5 0v-3.18l1.9 1.9a9 9 0 0 0 15.059-4.035.75.75 0 0 0-.53-.918Z"
                clip-rule="evenodd"
            />
        </svg>
    }
 }
 #[component]
 pub fn PaperAirplaneSolid() -> impl IntoView {
    view! {
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 24 24"
            fill="currentColor"
            class="size-6"
        >
            <path d="M3.478 2.404a.75.75 0 0 0-.926.941l2.432 7.905H13.5a.75.75 0 0 1 0 1.5H4.984l-2.432 7.905a.75.75 0 0 0 .926.94 60.519 60.519 0 0 0 18.445-8.986.75.75 0 0 0 0-1.218A60.517 60.517 0 0 0 3.478 2.404Z" />
        </svg>
    }
 }
 #[component]
 pub fn NoSymbol() -> impl IntoView {
    view! {
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 24 24"
            fill="currentColor"
            class="size-6"
        >
            <path
                fill-rule="evenodd"
                d="m6.72 5.66 11.62 11.62A8.25 8.25 0 0 0 6.72 5.66Zm10.56 12.68L5.66 6.72a8.25 8.25 0 0 0 11.62 11.62ZM5.105 5.106c3.807-3.808 9.98-3.808 13.788 0 3.808 3.807 3.808 9.98 0 13.788-3.807 3.808-9.98 3.808-13.788 0-3.808-3.807-3.808-9.98 0-13.788Z"
                clip-rule="evenodd"
            />
        </svg>
    }
 }
 #[component]
 pub fn Trophy() -> impl IntoView {
    view! {
        <svg
            xmlns="http://www.w3.org/2000/svg"
            fill="none"
            viewBox="0 0 24 24"
            stroke-width="1.5"
            stroke="currentColor"
            class="size-6"
        >
            <path
                stroke-linecap="round"
                stroke-linejoin="round"
                d="M16.5 18.75h-9m9 0a3 3 0 0 1 3 3h-15a3 3 0 0 1 3-3m9 0v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5 18.75v-3.375c0-.621.504-1.125 1.125-1.125h.872m5.007 0H9.497m5.007 0a7.454 7.454 0 0 1-.982-3.172M9.497 14.25a7.454 7.454 0 0 0 .981-3.172M5.25 4.236c-.982.143-1.954.317-2.916.52A6.003 6.003 0 0 0 7.73 9.728M5.25 4.236V4.5c0 2.108.966 3.99 2.48 5.228M5.25 4.236V2.721C7.456 2.41 9.71 2.25 12 2.25c2.291 0 4.545.16 6.75.47v1.516M7.73 9.728a6.726 6.726 0 0 0 2.748 1.35m8.272-6.842V4.5c0 2.108-.966 3.99-2.48 5.228m2.48-5.492a46.32 46.32 0 0 1 2.916.52 6.003 6.003 0 0 1-5.395 4.972m0 0a6.726 6.726 0 0 1-2.749 1.35m0 0a6.772 6.772 0 0 1-3.044 0"
            />
        </svg>
    }
 }
 #[component]
 pub fn ArrowTrendingUp() -> impl IntoView {
    view! {
        <svg
            xmlns="http://www.w3.org/2000/svg"
            fill="none"
            viewBox="0 0 24 24"
            stroke-width="1.5"
            stroke="currentColor"
            class="size-6"
        >
            <path
                stroke-linecap="round"
                stroke-linejoin="round"
                d="M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941"
            />
        </svg>
    }
 }
 #[component]
 pub fn ChevronLeft() -> impl IntoView {
    view! {
        <svg
            xmlns="http://www.w3.org/2000/svg"
            fill="none"
            viewBox="0 0 24 24"
            stroke-width="1.5"
            stroke="currentColor"
            class="size-6"
        >
            <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5" />
        </svg>
    }
 }
 #[component]
 pub fn ChevronRight() -> impl IntoView {
    view! {
        <svg
            xmlns="http://www.w3.org/2000/svg"
            fill="none"
            viewBox="0 0 24 24"
            stroke-width="1.5"
            stroke="currentColor"
            class="size-6"
        >
            <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" />
        </svg>
    }
 }
 #[component]
 pub fn CodeBracketSquare() -> impl IntoView {
    view! {
        <svg
            xmlns="http://www.w3.org/2000/svg"
            fill="none"
            viewBox="0 0 24 24"
            stroke-width="1.5"
            stroke="currentColor"
            class="size-6"
        >
            <path
                stroke-linecap="round"
                stroke-linejoin="round"
                d="M14.25 9.75 16.5 12l-2.25 2.25m-4.5 0L7.5 12l2.25-2.25M6 20.25h12A2.25 2.25 0 0 0 20.25 18V6A2.25 2.25 0 0 0 18 3.75H6A2.25 2.25 0 0 0 3.75 6v12A2.25 2.25 0 0 0 6 20.25Z"
            />
        </svg>
    }
 }
--- a/crates/ascend/src/components/outlined_box.rs
+++ b/crates/ascend/src/components/outlined_box.rs
@@ -0,0 +1,49 @@
 use crate::gradient::Gradient;
 use leptos::prelude::*;
 #[component]
 pub fn OutlinedBox(children: Children, color: Gradient, #[prop(optional)] highlight: MaybeProp<bool>) -> impl IntoView {
    let highlight = move || highlight.get().unwrap_or(false);
    let outer_classes = move || {
        let mut c = "p-0.5 bg-linear-to-br rounded-lg".to_string();
        c.push(' ');
        c.push_str(color.class_from());
        c.push(' ');
        c.push_str(color.class_to());
        if highlight() {
            c.push(' ');
            c.push_str("brightness-110");
        }
        c
    };
    let inner_classes = move || {
        let mut c = "py-1.5 rounded-md".to_string();
        if highlight() {
            let bg = match color {
                Gradient::PinkOrange => "bg-rose-900",
                Gradient::CyanBlue => "bg-cyan-800",
                Gradient::TealLime => "bg-emerald-700",
                Gradient::PurplePink => "bg-fuchsia-950",
                Gradient::PurpleBlue => "bg-purple-900",
                Gradient::Orange => "bg-orange-900",
                Gradient::Pink => "bg-pink-900",
                Gradient::PinkRed => "bg-fuchsia-950",
            };
            c.push(' ');
            c.push_str(bg);
        } else {
            c.push(' ');
            c.push_str("bg-gray-900");
        }
        c
    };
    view! {
        <div class=outer_classes>
            <div class=inner_classes>{children()}</div>
        </div>
    }
 }
--- a/crates/ascend/src/components/problem.rs
+++ b/crates/ascend/src/components/problem.rs
@@ -19,7 +19,7 @@ pub fn Problem(
        for row in 0..dim.get().rows {
            for col in 0..dim.get().cols {
                let hold_position = models::HoldPosition { row, col };
-                let role = move || problem.get().holds.get(&hold_position).copied();
+                let role = move || problem.read().pattern.pattern.get(&hold_position).copied();
                let role = Signal::derive(role);
                let hold = view! { <Hold role /> };
                holds.push(hold);
@@ -28,11 +28,17 @@ pub fn Problem(
        holds.into_iter().collect_view()
    };
-    let grid_classes = move || format!("grid grid-rows-{} grid-cols-{} gap-3", dim.get().rows, dim.get().cols);
+    let style = move || {
        let grid_rows = crate::css::grid_rows_n(dim.get().rows);
        let grid_cols = crate::css::grid_cols_n(dim.get().cols);
        [grid_rows, grid_cols].join(" ")
    };
    view! {
-        <div class="grid grid-cols-[auto,1fr] gap-8">
+        <div class="grid gap-8 grid-cols-[auto_1fr]">
-            <div class=move || { grid_classes }>{holds}</div>
+            <div style=style class="grid gap-3">
                {holds}
            </div>
        </div>
    }
 }
@@ -48,7 +54,7 @@ fn Hold(#[prop(into)] role: Signal<Option<HoldRole>>) -> impl IntoView {
            Some(HoldRole::End) => Some("outline outline-offset-2 outline-red-500"),
            None => Some("brightness-50"),
        };
-        let mut s = "min-w-2 bg-sky-100 aspect-square rounded".to_string();
+        let mut s = "min-w-2 bg-sky-100 aspect-square rounded-sm".to_string();
        if let Some(c) = role_classes {
            s.push(' ');
            s.push_str(c);
--- a/crates/ascend/src/components/problem_info.rs
+++ b/crates/ascend/src/components/problem_info.rs
@@ -3,27 +3,27 @@ use leptos::prelude::*;
 #[component]
 #[tracing::instrument(skip_all)]
-pub fn ProblemInfo(problem: models::Problem) -> impl IntoView {
+pub fn ProblemInfo(#[prop(into)] problem: Signal<models::Problem>) -> impl IntoView {
    tracing::trace!("Enter problem info");
-    let name = problem.name;
+    let method = Signal::derive(move || problem.read().method.to_string());
-    let set_by = problem.set_by;
+    // let name = Signal::derive(move || problem.read().name.clone());
-    let method = problem.method;
+    // let set_by = Signal::derive(move || problem.read().set_by.clone());
    view! {
-        <div class="grid grid-rows-none grid-cols-[auto,1fr]">
+        <div class="grid grid-rows-none gap-x-0.5 gap-y-1 grid-cols-[auto_1fr]">
-            <NameValue name="Name:" value=name />
+            <NameValue name="Method:" value=method />
-            <NameValue name="Method:" value=method.to_string() />
+        // <NameValue name="Name:" value=name />
-            <NameValue name="Set By:" value=set_by />
+        // <NameValue name="Set By:" value=set_by />
        </div>
    }
 }
 #[component]
 #[tracing::instrument(skip_all)]
-fn NameValue(#[prop(into)] name: String, #[prop(into)] value: String) -> impl IntoView {
+fn NameValue(#[prop(into)] name: Signal<String>, #[prop(into)] value: Signal<String>) -> impl IntoView {
    view! {
-            <p class="text-orange-300 mr-4">{name}</p>
+        <p class="mr-4 font-light text-right text-orange-300">{name.get()}</p>
-            <p class="text-white font-semibold">{value}</p>
+        <p class="text-white">{value.get()}</p>
    }
 }
--- a/crates/ascend/src/css.rs
+++ b/crates/ascend/src/css.rs
@@ -0,0 +1,9 @@
 /// Tailwind's grid-rows-<n>
 pub fn grid_rows_n(n: u64) -> String {
    format!("grid-template-rows: repeat({n}, minmax(0, 1fr));")
 }
 /// Tailwind's grid-cols-<n>
 pub fn grid_cols_n(n: u64) -> String {
    format!("grid-template-columns: repeat({n}, minmax(0, 1fr));")
 }
--- a/crates/ascend/src/gradient.rs
+++ b/crates/ascend/src/gradient.rs
@@ -0,0 +1,52 @@
 #[derive(Debug, Copy, Clone, Default)]
 pub enum Gradient {
    PurpleBlue,
    PinkOrange,
    CyanBlue,
    TealLime,
    PurplePink,
    #[default]
    Orange,
    Pink,
    PinkRed,
 }
 impl Gradient {
    pub fn class_from(&self) -> &'static str {
        match self {
            Gradient::PinkOrange => "from-pink-500",
            Gradient::CyanBlue => "from-cyan-500",
            Gradient::TealLime => "from-teal-300",
            Gradient::PurplePink => "from-purple-500",
            Gradient::PurpleBlue => "from-purple-600",
            Gradient::Orange => "from-orange-400",
            Gradient::Pink => "from-pink-400",
            Gradient::PinkRed => "from-pink-400",
        }
    }
    pub fn class_to(&self) -> &'static str {
        match self {
            Gradient::PinkOrange => "to-orange-400",
            Gradient::CyanBlue => "to-blue-500",
            Gradient::TealLime => "to-lime-300",
            Gradient::PurplePink => "to-pink-500",
            Gradient::PurpleBlue => "to-blue-500",
            Gradient::Orange => "to-orange-500",
            Gradient::Pink => "to-pink-500",
            Gradient::PinkRed => "to-red-500",
        }
    }
    pub fn class_text(&self) -> &'static str {
        match self {
            Gradient::PinkOrange => "text-rose-400",
            Gradient::CyanBlue => "text-cyan-500",
            Gradient::TealLime => "text-emerald-300",
            Gradient::PurplePink => "text-fuchsia-500",
            Gradient::PurpleBlue => "text-purple-600",
            Gradient::Orange => "text-orange-400",
            Gradient::Pink => "text-pink-400",
            Gradient::PinkRed => "text-pink-400",
        }
    }
 }
--- a/crates/ascend/src/lib.rs
+++ b/crates/ascend/src/lib.rs
@@ -1,63 +1,13 @@
 pub mod app;
 pub mod pages {
    pub mod edit_wall;
    pub mod routes;
    pub mod settings;
    pub mod wall;
 }
 pub mod components {
    pub use button::Button;
    pub use header::StyledHeader;
    pub use problem::Problem;
    pub use problem_info::ProblemInfo;
    pub mod button;
    pub mod header;
    pub mod problem;
    pub mod problem_info;
 }
 pub mod resources {
    use crate::codec::ron::Ron;
    use crate::codec::ron::RonEncoded;
    use crate::models::{self};
    use leptos::prelude::Get;
    use leptos::prelude::Signal;
    use leptos::server::Resource;
    use server_fn::ServerFnError;
    type RonResource<T> = Resource<Result<T, ServerFnError>, Ron>;
    pub fn wall_by_uid(wall_uid: Signal<models::WallUid>) -> RonResource<models::Wall> {
        Resource::new_with_options(
            move || wall_uid.get(),
            move |wall_uid| async move { crate::server_functions::get_wall(wall_uid).await.map(RonEncoded::into_inner) },
            false,
        )
    }
    pub fn problem_by_uid(wall_uid: Signal<models::WallUid>, problem_uid: Signal<models::ProblemUid>) -> RonResource<models::Problem> {
        Resource::new_with_options(
            move || (wall_uid.get(), problem_uid.get()),
            move |(wall_uid, problem_uid)| async move {
                crate::server_functions::get_problem(wall_uid, problem_uid)
                    .await
                    .map(RonEncoded::into_inner)
            },
            false,
        )
    }
    pub fn problems_for_wall(wall_uid: Signal<models::WallUid>) -> RonResource<Vec<models::Problem>> {
        Resource::new_with_options(
            move || wall_uid.get(),
            move |wall_uid| async move { crate::server_functions::get_problems_for_wall(wall_uid).await.map(RonEncoded::into_inner) },
            false,
        )
    }
 }
 pub mod codec;
 pub mod components;
 pub mod css;
 pub mod gradient;
 pub mod models;
 pub mod pages;
 pub mod resources;
 pub mod server_functions;
 pub mod tracing;
 #[cfg(feature = "ssr")]
 pub mod server;
@@ -72,12 +22,12 @@ pub fn hydrate() {
    tracing_subscriber::fmt()
        .with_env_filter(
            tracing_subscriber::EnvFilter::builder()
-                .with_default_directive(tracing::level_filters::LevelFilter::DEBUG.into())
+                .with_default_directive(::tracing::level_filters::LevelFilter::DEBUG.into())
                .from_env_lossy(),
        )
        .with_writer(
            // To avoide trace events in the browser from showing their JS backtrace
-            tracing_subscriber_wasm::MakeConsoleWriter::default().map_trace_level_to(tracing::Level::DEBUG),
+            tracing_subscriber_wasm::MakeConsoleWriter::default().map_trace_level_to(::tracing::Level::DEBUG),
        )
        // For some reason, if we don't do this in the browser, we get a runtime error.
        .without_time()
--- a/crates/ascend/src/models.rs
+++ b/crates/ascend/src/models.rs
@@ -8,12 +8,111 @@ pub use v2::ImageFilename;
 pub use v2::ImageResolution;
 pub use v2::ImageUid;
 pub use v2::Method;
 pub use v2::Problem;
 pub use v2::ProblemUid;
 pub use v2::Root;
 pub use v2::Wall;
 pub use v2::WallDimensions;
 pub use v2::WallUid;
 pub use v3::Attempt;
 pub use v4::DatedAttempt;
 pub use v4::Pattern;
 pub use v4::Problem;
 pub use v4::Transformation;
 pub use v4::UserInteraction;
 pub use v4::Wall;
 mod semantics;
 pub mod v4 {
    use super::v1;
    use super::v2;
    use super::v3;
    use chrono::DateTime;
    use chrono::Utc;
    use serde::Deserialize;
    use serde::Serialize;
    use std::collections::BTreeMap;
    use std::collections::BTreeSet;
    #[derive(Serialize, Deserialize, Debug, Clone)]
    pub struct Wall {
        pub uid: v2::WallUid,
        pub wall_dimensions: v2::WallDimensions,
        pub holds: BTreeMap<v1::HoldPosition, v2::Hold>,
        /// Canonicalized.
        pub problems: BTreeSet<Problem>,
    }
    #[derive(Serialize, Deserialize, Debug, Clone, PartialEq, Eq, PartialOrd, Ord, Hash)]
    pub struct Problem {
        pub pattern: Pattern,
        pub method: v2::Method,
    }
    #[derive(Serialize, Deserialize, Debug, Clone, PartialEq, Eq, PartialOrd, Ord, Hash)]
    pub struct Pattern {
        pub pattern: BTreeMap<v1::HoldPosition, v1::HoldRole>,
    }
    #[derive(Serialize, Deserialize, Debug, Clone, PartialEq, Eq, PartialOrd, Ord, Copy, Default)]
    pub struct Transformation {
        pub shift_right: u64,
        pub mirror: bool,
    }
    #[derive(Serialize, Deserialize, Debug, Clone)]
    pub struct UserInteraction {
        pub wall_uid: v2::WallUid,
        pub problem: Problem,
        /// Dates on which this problem was attempted, and how it went
        pub attempted_on: BTreeMap<chrono::DateTime<chrono::Utc>, v3::Attempt>,
        /// Is among favorite problems
        pub is_favorite: bool,
    }
    #[derive(Debug, Clone, Copy)]
    pub struct DatedAttempt {
        pub date_time: DateTime<Utc>,
        pub attempt: v3::Attempt,
    }
 }
 pub mod v3 {
    use super::v2;
    use derive_more::Display;
    use serde::Deserialize;
    use serde::Serialize;
    use std::collections::BTreeMap;
    /// Registers user interaction with a problem
    #[derive(Serialize, Deserialize, Debug, Clone)]
    pub struct UserInteraction {
        pub wall_uid: v2::WallUid,
        pub problem_uid: v2::ProblemUid,
        /// Dates on which this problem was attempted, and how it went
        pub attempted_on: BTreeMap<chrono::DateTime<chrono::Utc>, Attempt>,
        /// Is among favorite problems
        pub is_favorite: bool,
        /// Added to personal challenges
        pub is_saved: bool,
    }
    #[derive(Serialize, Deserialize, Debug, Clone, PartialEq, Eq, PartialOrd, Ord, Copy, Display)]
    pub enum Attempt {
        /// Tried to climb problem, but was not able to.
        Attempt,
        /// Climbed problem, but not flashed.
        Send,
        /// Flashed problem.
        Flash,
    }
 }
 pub mod v2 {
    use super::v1;
@@ -32,22 +131,14 @@ pub mod v2 {
    pub struct Wall {
        pub uid: WallUid,
        // TODO: Replace by walldimensions
        pub rows: u64,
        pub cols: u64,
        pub holds: BTreeMap<v1::HoldPosition, Hold>,
        pub problems: BTreeSet<ProblemUid>,
    }
    impl Wall {
        pub fn random_problem(&self) -> Option<ProblemUid> {
            use rand::seq::IteratorRandom;
            let mut rng = rand::rng();
            self.problems.iter().choose(&mut rng).copied()
        }
    }
-    #[derive(Debug, Copy, Clone, PartialEq, Eq)]
+    #[derive(Debug, Copy, Clone, PartialEq, Eq, Serialize, Deserialize)]
    pub struct WallDimensions {
        pub rows: u64,
        pub cols: u64,
@@ -55,11 +146,6 @@ pub mod v2 {
    #[derive(Serialize, Deserialize, Debug, PartialEq, Eq, PartialOrd, Ord, Clone, Copy, Hash, derive_more::FromStr, derive_more::Display)]
    pub struct WallUid(pub uuid::Uuid);
    impl WallUid {
        pub fn create() -> Self {
            Self(uuid::Uuid::new_v4())
        }
    }
    #[derive(Serialize, Deserialize, Debug, Clone, PartialEq, Eq, PartialOrd, Ord)]
    pub struct Problem {
@@ -73,22 +159,17 @@ pub mod v2 {
    #[derive(Serialize, Deserialize, Debug, PartialEq, Eq, PartialOrd, Ord, Clone, Copy, Hash, derive_more::FromStr, derive_more::Display)]
    pub struct ProblemUid(pub uuid::Uuid);
    impl ProblemUid {
        pub fn create() -> Self {
            Self(uuid::Uuid::new_v4())
        }
    }
-    #[derive(Serialize, Deserialize, Debug, Clone, PartialEq, Eq, PartialOrd, Ord, Display)]
+    #[derive(Serialize, Deserialize, Debug, Clone, PartialEq, Eq, PartialOrd, Ord, Display, Copy, Hash)]
    pub enum Method {
        #[display("Feet follow hands")]
        FeetFollowHands,
        #[display("Footless")]
        Footless,
        #[display("Footless plus kickboard")]
        FootlessPlusKickboard,
        #[display("Footless")]
        Footless,
    }
    #[derive(Serialize, Deserialize, Clone, Debug)]
@@ -102,15 +183,6 @@ pub mod v2 {
        pub uid: ImageUid,
        pub resolutions: BTreeMap<ImageResolution, ImageFilename>,
    }
    impl Image {
        pub(crate) fn srcset(&self) -> String {
            self.resolutions
                .iter()
                .map(|(res, filename)| format!("/files/holds/{} {}w", filename.filename, res.width))
                .collect::<Vec<String>>()
                .join(", ")
        }
    }
    #[derive(Serialize, Deserialize, Debug, Clone, PartialEq, Eq, PartialOrd, Ord)]
    pub struct ImageResolution {
@@ -125,11 +197,6 @@ pub mod v2 {
    #[derive(Serialize, Deserialize, Debug, PartialEq, Eq, PartialOrd, Ord, Clone, Copy, Hash, derive_more::FromStr, derive_more::Display)]
    pub struct ImageUid(pub uuid::Uuid);
    impl ImageUid {
        pub fn create() -> Self {
            Self(uuid::Uuid::new_v4())
        }
    }
 }
 pub mod v1 {
--- a/crates/ascend/src/models/semantics.rs
+++ b/crates/ascend/src/models/semantics.rs
@@ -0,0 +1,295 @@
 use super::*;
 use crate::gradient::Gradient;
 use chrono::DateTime;
 use chrono::Utc;
 use std::collections::BTreeMap;
 use std::collections::HashSet;
 impl Problem {
    /// Returns all possible transformations for the pattern. Not for the method.
    #[must_use]
    pub fn transformations(&self, wall_dimensions: WallDimensions) -> HashSet<Self> {
        self.pattern
            .transformations(wall_dimensions)
            .into_iter()
            .map(|pattern| Self {
                pattern,
                method: self.method,
            })
            .collect()
    }
 }
 impl Pattern {
    #[must_use]
    pub fn canonicalize(&self) -> Self {
        let mut pattern = self.clone();
        let min_col = pattern.pattern.keys().map(|hold_position| hold_position.col).min().unwrap_or(0);
        pattern.pattern = pattern
            .pattern
            .iter()
            .map(|(hold_position, hold_role)| {
                let hold_position = HoldPosition {
                    row: hold_position.row,
                    col: hold_position.col - min_col,
                };
                (hold_position, *hold_role)
            })
            .collect();
        std::cmp::min(pattern.mirror(), pattern)
    }
    #[must_use]
    pub fn shift_left(&self, shift: u64) -> Option<Self> {
        // Out of bounds check
        if let Some(min_col) = self.pattern.keys().map(|hold_position| hold_position.col).min() {
            if shift > min_col {
                return None;
            }
        }
        let pattern: BTreeMap<HoldPosition, HoldRole> = self
            .pattern
            .iter()
            .map(|(hold_position, hold_role)| {
                let mut hold_position = *hold_position;
                hold_position.col -= shift;
                (hold_position, *hold_role)
            })
            .collect();
        Some(Self { pattern })
    }
    #[must_use]
    pub fn shift_right(&self, wall_dimensions: WallDimensions, shift: u64) -> Option<Self> {
        // Out of bounds check
        if let Some(max_col) = self.pattern.keys().map(|hold_position| hold_position.col).max() {
            if max_col + shift >= wall_dimensions.cols {
                return None;
            }
        }
        let pattern: BTreeMap<HoldPosition, HoldRole> = self
            .pattern
            .iter()
            .map(|(hold_position, hold_role)| {
                let mut hold_position = *hold_position;
                hold_position.col += shift;
                (hold_position, *hold_role)
            })
            .collect();
        Some(Self { pattern })
    }
    #[must_use]
    pub fn mirror(&self) -> Self {
        let mut pattern = self.clone();
        let min_col = pattern.pattern.keys().map(|hold_position| hold_position.col).min().unwrap_or(0);
        let max_col = pattern.pattern.keys().map(|hold_position| hold_position.col).max().unwrap_or(0);
        pattern.pattern = pattern
            .pattern
            .iter()
            .map(|(hold_position, hold_role)| {
                let HoldPosition { row, col } = *hold_position;
                let mut mirrored_col = col;
                mirrored_col += 2 * (max_col - col);
                mirrored_col -= max_col - min_col;
                let hold_position = HoldPosition { row, col: mirrored_col };
                (hold_position, *hold_role)
            })
            .collect();
        pattern
    }
    /// Returns all possible transformations for the pattern
    #[must_use]
    pub fn transformations(&self, wall_dimensions: WallDimensions) -> HashSet<Self> {
        let mut transformations = HashSet::new();
        let pattern = self.canonicalize();
        for mut pat in [pattern.mirror(), pattern] {
            transformations.insert(pat.clone());
            while let Some(p) = pat.shift_right(wall_dimensions, 1) {
                transformations.insert(p.clone());
                pat = p;
            }
        }
        transformations
    }
 }
 impl UserInteraction {
    pub(crate) fn new(wall_uid: WallUid, problem: Problem) -> Self {
        Self {
            wall_uid,
            problem,
            is_favorite: false,
            attempted_on: BTreeMap::new(),
        }
    }
    pub(crate) fn latest_attempt(&self) -> Option<DatedAttempt> {
        self.attempted_on.last_key_value().map(Into::into)
    }
    pub(crate) fn todays_attempt(&self) -> Option<Attempt> {
        self.latest_attempt()
            .filter(|latest_attempt| {
                let today_local_naive = chrono::Local::now().date_naive();
                let datetime_local_naive = latest_attempt.date_time.with_timezone(&chrono::Local).date_naive();
                datetime_local_naive == today_local_naive
            })
            .map(|dated_attempt| dated_attempt.attempt)
    }
    pub(crate) fn best_attempt(&self) -> Option<DatedAttempt> {
        self.attempted_on.iter().max_by_key(|(_date_time, attempt)| *attempt).map(Into::into)
    }
    pub(crate) fn attempted_on(&self) -> impl IntoIterator<Item = DatedAttempt> {
        self.attempted_on.iter().rev().map(Into::into)
    }
 }
 impl From<(DateTime<Utc>, Attempt)> for DatedAttempt {
    fn from(value: (DateTime<Utc>, Attempt)) -> Self {
        let (date_time, attempt) = value;
        DatedAttempt { date_time, attempt }
    }
 }
 impl From<&(DateTime<Utc>, Attempt)> for DatedAttempt {
    fn from(value: &(DateTime<Utc>, Attempt)) -> Self {
        let &(date_time, attempt) = value;
        DatedAttempt { date_time, attempt }
    }
 }
 impl From<(&DateTime<Utc>, &Attempt)> for DatedAttempt {
    fn from(value: (&DateTime<Utc>, &Attempt)) -> Self {
        let (&date_time, &attempt) = value;
        DatedAttempt { date_time, attempt }
    }
 }
 impl WallUid {
    #[expect(dead_code)]
    pub(crate) fn create() -> Self {
        Self(uuid::Uuid::new_v4())
    }
    #[expect(dead_code)]
    pub(crate) fn min() -> Self {
        Self(uuid::Uuid::nil())
    }
    #[expect(dead_code)]
    pub(crate) fn max() -> Self {
        Self(uuid::Uuid::max())
    }
 }
 impl Image {
    pub(crate) fn srcset(&self) -> String {
        self.resolutions
            .iter()
            .map(|(res, filename)| format!("/files/holds/{} {}w", filename.filename, res.width))
            .collect::<Vec<String>>()
            .join(", ")
    }
 }
 impl ImageUid {
    pub(crate) fn create() -> Self {
        Self(uuid::Uuid::new_v4())
    }
 }
 impl Attempt {
    pub(crate) fn icon(&self) -> crate::components::icons::Icon {
        use crate::components::icons::Icon;
        match self {
            Attempt::Attempt => Icon::ArrowTrendingUp,
            Attempt::Send => Icon::Trophy,
            Attempt::Flash => Icon::BoltSolid,
        }
    }
    pub(crate) fn gradient(&self) -> Gradient {
        match self {
            Attempt::Attempt => Gradient::PinkOrange,
            Attempt::Send => Gradient::TealLime,
            Attempt::Flash => Gradient::CyanBlue,
        }
    }
 }
 impl std::str::FromStr for Problem {
    type Err = ron::Error;
    fn from_str(s: &str) -> Result<Self, Self::Err> {
        let problem = ron::from_str(s)?;
        Ok(problem)
    }
 }
 impl std::fmt::Display for Problem {
    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
        let s = ron::to_string(self).unwrap();
        write!(f, "{s}")?;
        Ok(())
    }
 }
 #[cfg(test)]
 mod tests {
    use super::*;
    #[test_try::test_try]
    fn canonicalize_empty_pattern() {
        let pattern = Pattern {
            pattern: [].into_iter().collect(),
        };
        let canonicalized = pattern.canonicalize();
        assert_eq!(pattern, canonicalized);
        let mirrored = pattern.mirror();
        assert_eq!(pattern, mirrored);
    }
    #[test_try::test_try]
    fn canonicalize_pattern() {
        let pattern = Pattern {
            pattern: [
                (HoldPosition { row: 0, col: 1 }, HoldRole::End),
                (HoldPosition { row: 7, col: 6 }, HoldRole::Start),
            ]
            .into_iter()
            .collect(),
        };
        let canonicalized = pattern.canonicalize();
        assert_eq!(canonicalized.pattern[&HoldPosition { row: 0, col: 0 }], HoldRole::End);
        assert_eq!(canonicalized.pattern[&HoldPosition { row: 7, col: 5 }], HoldRole::Start);
    }
    #[test_try::test_try]
    fn mirror_pattern() {
        let pattern = Pattern {
            pattern: [
                (HoldPosition { row: 0, col: 1 }, HoldRole::End),
                (HoldPosition { row: 7, col: 6 }, HoldRole::Start),
            ]
            .into_iter()
            .collect(),
        };
        let mirrored = pattern.mirror();
        assert_eq!(mirrored.pattern[&HoldPosition { row: 0, col: 6 }], HoldRole::End);
        assert_eq!(mirrored.pattern[&HoldPosition { row: 7, col: 1 }], HoldRole::Start);
    }
 }
--- a/crates/ascend/src/pages.rs
+++ b/crates/ascend/src/pages.rs
@@ -0,0 +1,3 @@
 pub mod holds;
 pub mod settings;
 pub mod wall;
--- a/crates/ascend/src/pages/edit_wall.rs
+++ b/crates/ascend/src/pages/edit_wall.rs
@@ -24,7 +24,7 @@ struct RouteParams {
 }
 #[component]
-pub fn EditWall() -> impl IntoView {
+pub fn Page() -> impl IntoView {
    let params = leptos_router::hooks::use_params::<RouteParams>();
    let wall_uid = Signal::derive(move || {
        params
@@ -49,7 +49,7 @@ pub fn EditWall() -> impl IntoView {
    };
    leptos::view! {
-        <div class="min-w-screen min-h-screen bg-slate-900">
+        <div class="min-h-screen min-w-screen bg-slate-900">
            <StyledHeader items=Signal::derive(header_items) />
            <div class="container mx-auto mt-2">
@@ -84,12 +84,18 @@ fn Ready(wall: models::Wall) -> impl IntoView {
        holds.push(view! { <Hold wall_uid=wall.uid hold /> });
    }
-    let grid_classes = format!("grid grid-rows-{} grid-cols-{} gap-3", wall.rows, wall.cols);
+    let style = {
        let grid_rows = crate::css::grid_rows_n(wall.wall_dimensions.rows);
        let grid_cols = crate::css::grid_cols_n(wall.wall_dimensions.cols);
        [grid_rows, grid_cols].join(" ")
    };
    view! {
        <div>
            <p class="my-4 font-semibold">"Click hold to replace image"</p>
-            <div class=move || { grid_classes.clone() }>{holds}</div>
+            <div style=style class="grid gap-3">
                {holds}
            </div>
        </div>
    }
 }
@@ -105,7 +111,7 @@ fn Hold(wall_uid: models::WallUid, hold: models::Hold) -> impl IntoView {
        }
    };
-    let upload = Action::from(ServerAction::<SetImage>::new());
+    let upload = ServerAction::<SetImage>::new();
    let hold = Signal::derive(move || {
        let refreshed = upload.value().get().map(Result::unwrap);
@@ -155,7 +161,7 @@ fn Hold(wall_uid: models::WallUid, hold: models::Hold) -> impl IntoView {
    view! {
        <button on:click=open_camera>
-            <div class="bg-indigo-100 aspect-square rounded">{img}</div>
+            <div class="bg-indigo-100 rounded-sm aspect-square">{img}</div>
        </button>
        <input
--- a/crates/ascend/src/pages/routes.rs
+++ b/crates/ascend/src/pages/routes.rs
@@ -1,100 +0,0 @@
 use crate::components;
 use crate::components::header::HeaderItem;
 use crate::components::header::HeaderItems;
 use crate::components::header::StyledHeader;
 use crate::models;
 use crate::models::WallUid;
 use leptos::Params;
 use leptos::prelude::*;
 use leptos_router::params::Params;
 #[derive(Params, PartialEq, Clone)]
 struct RouteParams {
    // Is never None
    wall_uid: Option<models::WallUid>,
 }
 #[component]
 #[tracing::instrument(skip_all)]
 pub fn Routes() -> impl IntoView {
    tracing::debug!("Enter");
    let params = leptos_router::hooks::use_params::<RouteParams>();
    let wall_uid = Signal::derive(move || {
        params
            .get()
            .expect("gets wall_uid from URL")
            .wall_uid
            .expect("wall_uid param is never None")
    });
    let wall = crate::resources::wall_by_uid(wall_uid);
    let problems = crate::resources::problems_for_wall(wall_uid);
    let header_items = HeaderItems {
        left: vec![HeaderItem {
            text: "← Ascend".to_string(),
            link: Some("/".to_string()),
        }],
        middle: vec![HeaderItem {
            text: "Routes".to_string(),
            link: None,
        }],
        right: vec![],
    };
    let suspend = move || {
        Suspend::new(async move {
            let wall = wall.await;
            let problems = problems.await;
            let v = move || -> Result<_, ServerFnError> {
                let wall = wall.clone()?;
                let problems = problems.clone()?;
                let wall_dimensions = models::WallDimensions {
                    rows: wall.rows,
                    cols: wall.cols,
                };
                let problems_sample = move || problems.iter().take(10).cloned().collect::<Vec<_>>();
                Ok(view! {
                    <div>
                        <For
                            each=problems_sample
                            key=|problem| problem.uid
                            children=move |problem: models::Problem| {
                                view! { <Problem dim=wall_dimensions problem /> <hr class="h-px my-8 border-0 bg-gray-700" />}
                            }
                        />
                    </div>
                })
            };
            view! { <ErrorBoundary fallback=|_errors| "error">{v}</ErrorBoundary> }
        })
    };
    view! {
        <div class="min-w-screen min-h-screen bg-neutral-950">
            <StyledHeader items=header_items />
            <div class="container mx-auto mt-6">
                <Suspense fallback=|| view! { <p>"loading"</p> }>{suspend}</Suspense>
            </div>
        </div>
    }
 }
 #[component]
 #[tracing::instrument(skip_all)]
 fn Problem(#[prop(into)] dim: Signal<models::WallDimensions>, #[prop(into)] problem: Signal<models::Problem>) -> impl IntoView {
    view! {
        <div class="flex items-start">
            <div class="flex-none">
            <components::Problem dim problem />
            </div>
            <components::ProblemInfo problem=problem.get() />
        </div>
    }
 }
--- a/crates/ascend/src/pages/settings.rs
+++ b/crates/ascend/src/pages/settings.rs
@@ -20,32 +20,29 @@ pub fn Settings() -> impl IntoView {
    };
    view! {
-        <div class="min-w-screen min-h-screen bg-neutral-950">
+        <div class="min-h-screen min-w-screen bg-neutral-950">
            <StyledHeader items=header_items />
            <div class="container mx-auto mt-2">
            // {move || view! { <Import wall_uid=wall_uid.get() /> }}
-            </div>
+            <div class="container mx-auto mt-2" />
        </div>
    }
 }
-#[component]
+// #[component]
-#[tracing::instrument(skip_all)]
+// #[tracing::instrument(skip_all)]
-fn Import(wall_uid: WallUid) -> impl IntoView {
+// fn Import(wall_uid: WallUid) -> impl IntoView {
-    let import_from_mini_moonboard = Action::from(ServerAction::<ImportFromMiniMoonboard>::new());
+//     let import_from_mini_moonboard = ServerAction::<ImportFromMiniMoonboard>::new();
 //     let onclick = move |_mouse_event| {
 //         import_from_mini_moonboard.dispatch(ImportFromMiniMoonboard { wall_uid });
 //     };
 //     view! {
 //         <p>"Import problems from"</p>
 //         <button on:click=onclick>"Mini Moonboard"</button>
 //     }
 // }
-    let onclick = move |_mouse_event| {
+#[server]
        import_from_mini_moonboard.dispatch(ImportFromMiniMoonboard { wall_uid });
    };
    view! {
        <p>"Import problems from"</p>
        <button on:click=onclick>"Mini Moonboard"</button>
    }
 }
 #[server(name = ImportFromMiniMoonboard)]
 #[tracing::instrument]
 async fn import_from_mini_moonboard(wall_uid: WallUid) -> Result<(), ServerFnError> {
    use crate::server::config::Config;
--- a/crates/ascend/src/pages/wall.rs
+++ b/crates/ascend/src/pages/wall.rs
@@ -1,16 +1,21 @@
 // TODO: Put current problem UID in url
 use crate::codec::ron::RonEncoded;
 use crate::components::OnHoverRed;
 use crate::components::ProblemInfo;
 use crate::components::attempt::Attempt;
 use crate::components::button::Button;
-use crate::components::header::HeaderItem;
+use crate::components::icons::Icon;
-use crate::components::header::HeaderItems;
+use crate::gradient::Gradient;
 use crate::components::header::StyledHeader;
 use crate::models;
 use crate::models::HoldRole;
 use crate::server_functions;
 use crate::server_functions::SetIsFavorite;
 use leptos::Params;
 use leptos::prelude::*;
 use leptos_router::params::Params;
 use std::collections::BTreeMap;
 use std::collections::BTreeSet;
 use std::collections::HashSet;
 use std::ops::Deref;
 #[derive(Params, PartialEq, Clone)]
 struct RouteParams {
@@ -19,12 +24,13 @@ struct RouteParams {
 #[component]
 #[tracing::instrument(skip_all)]
-pub fn Wall() -> impl IntoView {
+pub fn Page() -> impl IntoView {
-    tracing::debug!("Enter");
+    crate::tracing::on_enter!();
    let route_params = leptos_router::hooks::use_params::<RouteParams>();
    let params = leptos_router::hooks::use_params::<RouteParams>();
    let wall_uid = Signal::derive(move || {
-        params
+        route_params
            .get()
            .expect("gets wall_uid from URL")
            .wall_uid
@@ -32,140 +38,694 @@ pub fn Wall() -> impl IntoView {
    });
    let wall = crate::resources::wall_by_uid(wall_uid);
-
+    let user_interactions = crate::resources::user_interactions_for_wall(wall_uid);
    let problem_action = Action::new(move |&(wall_uid, problem_uid): &(models::WallUid, models::ProblemUid)| async move {
        tracing::info!("fetching");
        crate::server_functions::get_problem(wall_uid, problem_uid)
            .await
            .map(RonEncoded::into_inner)
    });
    let problem_signal = Signal::derive(move || {
        let v = problem_action.value().read_only().get();
        v.and_then(Result::ok)
    });
    Effect::new(move |_prev_value| {
        problem_action.value().write_only().set(None);
        match wall.get() {
            Some(Ok(wall)) => {
                if let Some(problem_uid) = wall.random_problem() {
                    tracing::debug!("dispatching from effect");
                    problem_action.dispatch((wall.uid, problem_uid));
                }
            }
            Some(Err(_err)) => {}
            None => {}
        }
    });
    let header_items = move || HeaderItems {
        left: vec![],
        middle: vec![HeaderItem {
            text: "ASCEND".to_string(),
            link: None,
        }],
        right: vec![
            HeaderItem {
                text: "Routes".to_string(),
                link: Some(format!("/wall/{}/routes", wall_uid.get())),
            },
            HeaderItem {
                text: "Holds".to_string(),
                link: Some(format!("/wall/{}/edit", wall_uid.get())),
            },
        ],
    };
    leptos::view! {
-        <div class="min-w-screen min-h-screen bg-neutral-950">
+        <div class="min-h-screen min-w-screen bg-neutral-950">
-            <StyledHeader items=Signal::derive(header_items) />
+            <Suspense fallback=|| {
-
+                "loading"
            <div class="m-2">
                <Suspense fallback=move || {
                    view! { <p>"Loading..."</p> }
            }>
                {move || Suspend::new(async move {
-                        tracing::info!("executing Suspend future");
+                    tracing::debug!("executing main suspend");
                    let wall = wall.await?;
-                        let v = view! {
+                    let user_interactions = user_interactions.await?;
-                            <div class="grid grid-cols-[auto,1fr] gap-8">
+                    let user_interactions = RwSignal::new(user_interactions);
-                                <Grid wall=wall.clone() problem=problem_signal />
+                    Ok::<_, ServerFnError>(view! { <Controller wall user_interactions /> })
                                <div>
                                    <Button
                                        onclick=move |_| {
                                            if let Some(problem_uid) = wall.random_problem() {
                                                tracing::info!("dispatching from button click handler");
                                                problem_action.dispatch((wall.uid, problem_uid));
                                            }
                                        }
                                        text="➤ Next problem"
                                    />
                                    <div class="m-4"/>
                                    {move || problem_signal.get().map(|problem| view! { <ProblemInfo problem /> })}
                                </div>
                            </div>
                        };
                        Ok::<_, ServerFnError>(v)
                })}
            </Suspense>
        </div>
    }
 }
 #[derive(Debug, Clone, Copy)]
 struct Context {
    wall: Signal<models::Wall>,
    user_interactions: Signal<BTreeMap<models::Problem, models::UserInteraction>>,
    problem: Signal<Option<models::Problem>>,
    filtered_problem_transformations: Signal<Vec<HashSet<models::Problem>>>,
    user_interaction: Signal<Option<models::UserInteraction>>,
    todays_attempt: Signal<Option<models::Attempt>>,
    latest_attempt: Signal<Option<models::DatedAttempt>>,
    filter_holds: Signal<BTreeSet<models::HoldPosition>>,
    cb_click_hold: Callback<models::HoldPosition>,
    cb_remove_hold_from_filter: Callback<models::HoldPosition>,
    cb_next_problem: Callback<()>,
    cb_set_problem: Callback<models::Problem>,
    cb_upsert_todays_attempt: Callback<server_functions::UpsertTodaysAttempt>,
    cb_set_is_favorite: Callback<bool>,
 }
 #[component]
 #[tracing::instrument(skip_all)]
 fn Controller(
    #[prop(into)] wall: Signal<models::Wall>,
    #[prop(into)] user_interactions: RwSignal<BTreeMap<models::Problem, models::UserInteraction>>,
 ) -> impl IntoView {
    crate::tracing::on_enter!();
    // Extract data from URL
    let (problem, set_problem) = leptos_router::hooks::query_signal::<models::Problem>("problem");
    // Filter
    let (filter_holds, set_filter_holds) = signal(BTreeSet::new());
    let cb_remove_hold_from_filter: Callback<models::HoldPosition> = Callback::new(move |hold_pos: models::HoldPosition| {
        set_filter_holds.update(move |set| {
            set.remove(&hold_pos);
        });
    });
    // Derive signals
    let user_interaction = signals::user_interaction(user_interactions.into(), problem.into());
    let problem_transformations = signals::problem_transformations(wall);
    let filtered_problem_transformations = signals::filtered_problem_transformations(problem_transformations.into(), filter_holds.into());
    let todays_attempt = signals::todays_attempt(user_interaction);
    let latest_attempt = signals::latest_attempt(user_interaction);
    // Submit attempt action
    let upsert_todays_attempt = ServerAction::<RonEncoded<server_functions::UpsertTodaysAttempt>>::new();
    let cb_upsert_todays_attempt = Callback::new(move |attempt| {
        upsert_todays_attempt.dispatch(RonEncoded(attempt));
    });
    // Set favorite
    let set_is_favorite = ServerAction::<RonEncoded<server_functions::SetIsFavorite>>::new();
    let cb_set_is_favorite = Callback::new(move |is_favorite| {
        let wall_uid = wall.read().uid;
        let Some(problem) = problem.get() else {
            return;
        };
        set_is_favorite.dispatch(RonEncoded(SetIsFavorite {
            wall_uid,
            problem,
            is_favorite,
        }));
    });
    // Callback: Set specific problem
    let cb_set_problem: Callback<models::Problem> = Callback::new(move |problem| {
        set_problem.set(Some(problem));
    });
    // Callback: Set next problem to a random problem
    let cb_set_random_problem: Callback<()> = Callback::new(move |_| {
        // TODO: remove current problem from population
        let population = filtered_problem_transformations.read();
        let population = population.deref();
        use rand::seq::IteratorRandom;
        let mut rng = rand::rng();
        // Pick pattern
        let Some(problem_set) = population.iter().choose(&mut rng) else {
            return;
        };
        // Pick problem out of pattern transformations
        let Some(problem) = problem_set.iter().choose(&mut rng) else {
            return;
        };
        set_problem.set(Some(problem.clone()));
    });
    // Callback: On click hold, Add/Remove hold position to problem filter
    let cb_click_hold: Callback<models::HoldPosition> = Callback::new(move |hold_position| {
        set_filter_holds.update(|set| {
            if !set.remove(&hold_position) {
                set.insert(hold_position);
            }
        });
    });
    // Set a problem when wall is set (loaded)
    Effect::new(move |_prev_value| {
        if problem.read().is_none() {
            tracing::debug!("Setting initial problem");
            cb_set_random_problem.run(());
        }
    });
    // Update user interactions after submitting an attempt
    Effect::new(move || {
        if let Some(Ok(v)) = upsert_todays_attempt.value().get() {
            let v = v.into_inner();
            user_interactions.update(|map| {
                map.insert(v.problem.clone(), v);
            });
        }
    });
    // Update user interactions after setting favorite
    Effect::new(move || {
        if let Some(Ok(v)) = set_is_favorite.value().get() {
            let v = v.into_inner();
            user_interactions.update(|map| {
                map.insert(v.problem.clone(), v);
            });
        }
    });
    provide_context(Context {
        wall,
        problem: problem.into(),
        cb_click_hold,
        user_interaction,
        latest_attempt,
        cb_upsert_todays_attempt,
        cb_remove_hold_from_filter,
        cb_next_problem: cb_set_random_problem,
        cb_set_problem,
        cb_set_is_favorite,
        todays_attempt,
        filter_holds: filter_holds.into(),
        filtered_problem_transformations: filtered_problem_transformations.into(),
        user_interactions: user_interactions.into(),
    });
    view! { <View /> }
 }
 #[component]
 #[tracing::instrument(skip_all)]
 fn View() -> impl IntoView {
    crate::tracing::on_enter!();
    let ctx = use_context::<Context>().unwrap();
    view! {
        <div class="flex">
            <div class="flex-initial">
                <Wall />
            </div>
            <div class="flex flex-col px-2 pt-3" style="width:38rem">
                <Section title="Problems">
                    <Filter />
                    <Separator />
                    <div class="flex flex-row justify-between">
                        <NextProblemButton />
                    </div>
                </Section>
                <Separator />
                <Section title="Current problem">
                    {move || ctx.problem.get().map(|problem| view! { <ProblemInfo problem /> })}
                    <Separator /> <div class="flex flex-row gap-2 justify-between">
                        <Transformations />
                        <FavoriteButton />
                    </div> <Separator /> <AttemptRadioGroup /> <Separator /> <History />
                </Section>
            </div>
            <div class="flex flex-col px-2 pt-3 gap-4">
                <HoldsButton />
            </div>
        </div>
    }
 }
 #[component]
 #[tracing::instrument(skip_all)]
-fn Grid(wall: models::Wall, problem: Signal<Option<models::Problem>>) -> impl IntoView {
+fn Transformations() -> impl IntoView {
-    tracing::debug!("Enter");
+    crate::tracing::on_enter!();
    let ctx = use_context::<Context>().unwrap();
    let left = Signal::derive(move || {
        let mut problem = ctx.problem.get()?;
        let new_pattern = problem.pattern.shift_left(1)?;
        problem.pattern = new_pattern;
        Some(problem)
    });
    let right = Signal::derive(move || {
        let mut problem = ctx.problem.get()?;
        let wall_dimensions = ctx.wall.read().wall_dimensions;
        let new_pattern = problem.pattern.shift_right(wall_dimensions, 1)?;
        problem.pattern = new_pattern;
        Some(problem)
    });
    let on_click_left = Callback::new(move |()| {
        tracing::debug!("left");
        if let Some(problem) = left.get() {
            ctx.cb_set_problem.run(problem);
        }
    });
    let on_click_mirror = Callback::new(move |()| {
        tracing::debug!("mirror");
        if let Some(mut problem) = ctx.problem.get() {
            problem.pattern = problem.pattern.mirror();
            ctx.cb_set_problem.run(problem);
        }
    });
    let on_click_right = Callback::new(move |()| {
        tracing::debug!("right");
        if let Some(problem) = right.get() {
            ctx.cb_set_problem.run(problem);
        }
    });
    let left_disabled = Signal::derive(move || left.read().is_none());
    let right_disabled = Signal::derive(move || right.read().is_none());
    view! {
        <div class="flex flex-row gap-2 justify-center">
            <Button icon=Icon::ChevronLeft disabled=left_disabled on_click=on_click_left />
            <Button icon=Icon::CodeBracketSquare on_click=on_click_mirror />
            <Button icon=Icon::ChevronRight disabled=right_disabled on_click=on_click_right />
        </div>
    }
 }
 #[component]
 #[tracing::instrument(skip_all)]
 fn LikedButton() -> impl IntoView {
    crate::tracing::on_enter!();
    let _ctx = use_context::<Context>().unwrap();
    view! { <Button text="Saved" icon=Icon::HeartOutline color=Gradient::PinkRed /> }
 }
 #[component]
 #[tracing::instrument(skip_all)]
 fn HoldsButton() -> impl IntoView {
    crate::tracing::on_enter!();
    let ctx = use_context::<Context>().unwrap();
    let link = move || format!("/wall/{}/edit", ctx.wall.read().uid);
    view! {
        <a href=link>
            <Button text="Holds" icon=Icon::WrenchSolid />
        </a>
    }
 }
 #[component]
 #[tracing::instrument(skip_all)]
 fn FavoriteButton() -> impl IntoView {
    crate::tracing::on_enter!();
    let ctx = use_context::<Context>().unwrap();
    let ui_toggle = Signal::derive(move || {
        let guard = ctx.user_interaction.read();
        guard.as_ref().map(|user_interaction| user_interaction.is_favorite).unwrap_or(false)
    });
    let on_click = Callback::new(move |_| {
        ctx.cb_set_is_favorite.run(!ui_toggle.get());
    });
    let icon = Signal::derive(move || if ui_toggle.get() { Icon::Heart } else { Icon::HeartOutline });
    let text = Signal::derive(move || if ui_toggle.get() { "Saved" } else { "Save" }.to_string());
    view! { <Button text icon on_click color=Gradient::PinkRed /> }
 }
 #[component]
 #[tracing::instrument(skip_all)]
 fn NextProblemButton() -> impl IntoView {
    crate::tracing::on_enter!();
    let ctx = use_context::<Context>().unwrap();
    let on_click = Callback::new(move |_| ctx.cb_next_problem.run(()));
    view! { <Button icon=Icon::ArrowPath text="Randomize" on_click color=Gradient::PurpleBlue /> }
 }
 #[component]
 #[tracing::instrument(skip_all)]
 fn Filter() -> impl IntoView {
    crate::tracing::on_enter!();
    let ctx = use_context::<Context>().unwrap();
    move || {
        let mut cells = vec![];
        for hold_pos in ctx.filter_holds.get() {
            let w = &*ctx.wall.read();
            if let Some(hold) = w.holds.get(&hold_pos).cloned() {
                let onclick = move |_| {
                    ctx.cb_remove_hold_from_filter.run(hold_pos);
                };
                let v = view! {
                    <button on:click=onclick class="cursor-pointer">
                        <OnHoverRed>
                            <Hold hold />
                        </OnHoverRed>
                    </button>
                };
                cells.push(v);
            }
        }
        let problems_count = ctx.filtered_problem_transformations.read().iter().map(|set| set.len()).sum::<usize>();
        let problems_counter = {
            let name = view! { <p class="mr-4 font-light text-right text-orange-300">{"Problems:"}</p> };
            let value = view! { <p class="text-white">{problems_count}</p> };
            view! {
                <div class="grid grid-rows-none gap-x-0.5 gap-y-1 grid-cols-[auto_1fr]">
                    {name} {value}
                </div>
            }
        };
        let sep = (!cells.is_empty()).then_some(view! { <Separator /> });
        #[derive(Default)]
        struct InteractionCounters {
            flash: u64,
            send: u64,
            attempt: u64,
        }
        let mut interaction_counters = InteractionCounters::default();
        let interaction_counters_view = {
            let user_ints = ctx.user_interactions.read();
            for problem_set in ctx.filtered_problem_transformations.read().iter() {
                for problem in problem_set {
                    if let Some(user_int) = user_ints.get(problem) {
                        match user_int.best_attempt().map(|da| da.attempt) {
                            Some(models::Attempt::Flash) => interaction_counters.flash += 1,
                            Some(models::Attempt::Send) => interaction_counters.send += 1,
                            Some(models::Attempt::Attempt) => interaction_counters.attempt += 1,
                            None => {}
                        }
                    }
                }
            }
            let flash = (interaction_counters.flash > 0).then(|| {
                let class = Gradient::CyanBlue.class_text();
                view! {
                    <span class="mx-1">
                        <span class=class>{interaction_counters.flash}</span>
                    </span>
                }
            });
            let send = (interaction_counters.send > 0).then(|| {
                let class = Gradient::TealLime.class_text();
                view! {
                    <span class="mx-1">
                        <span class=class>{interaction_counters.send}</span>
                    </span>
                }
            });
            let attempt = (interaction_counters.attempt > 0).then(|| {
                let class = Gradient::PinkOrange.class_text();
                view! {
                    <span class="mx-1">
                        <span class=class>{interaction_counters.attempt}</span>
                    </span>
                }
            });
            if flash.is_some() || send.is_some() || attempt.is_some() {
                view! {
                    <span>{"("}</span>
                    {flash}
                    {send}
                    {attempt}
                    <span>{")"}</span>
                }
                .into_any()
            } else {
                ().into_any()
            }
        };
        view! {
            <div class="grid grid-cols-5 gap-1">{cells}</div>
            {sep}
            {problems_counter}
            {interaction_counters_view}
        }
    }
 }
 #[component]
 #[tracing::instrument(skip_all)]
 fn AttemptRadioGroup() -> impl IntoView {
    crate::tracing::on_enter!();
    let ctx = use_context::<Context>().unwrap();
    let problem = ctx.problem;
    let mut attempt_radio_buttons = vec![];
    for variant in [models::Attempt::Flash, models::Attempt::Send, models::Attempt::Attempt] {
        let ui_toggle = Signal::derive(move || ctx.todays_attempt.get() == Some(variant));
        let onclick = move |_| {
            let attempt = if ui_toggle.get() { None } else { Some(variant) };
            if let Some(problem) = problem.get() {
                ctx.cb_upsert_todays_attempt.run(server_functions::UpsertTodaysAttempt {
                    wall_uid: ctx.wall.read().uid,
                    problem,
                    attempt,
                });
            }
        };
        attempt_radio_buttons.push(view! { <AttemptRadioButton on:click=onclick variant selected=ui_toggle /> });
    }
    view! { <div class="flex flex-col gap-2 justify-evenly 2xl:flex-row">{attempt_radio_buttons}</div> }
 }
 #[component]
 #[tracing::instrument(skip_all)]
 fn AttemptRadioButton(variant: models::Attempt, #[prop(into)] selected: Signal<bool>) -> impl IntoView {
    crate::tracing::on_enter!();
    let text = variant.to_string();
    let icon = variant.icon();
    let color = match variant {
        models::Attempt::Attempt => Gradient::PinkOrange,
        models::Attempt::Send => Gradient::TealLime,
        models::Attempt::Flash => Gradient::CyanBlue,
    };
    view! { <Button text icon color highlight=selected /> }
 }
 #[component]
 #[tracing::instrument(skip_all)]
 fn History() -> impl IntoView {
    crate::tracing::on_enter!();
    let ctx = use_context::<Context>().unwrap();
    let attempts = move || {
        ctx.user_interaction
            .read()
            .as_ref()
            .iter()
            .flat_map(|x| x.attempted_on())
            .map(|dated_attempt| {
                let date = dated_attempt.date_time;
                let attempt = dated_attempt.attempt;
                view! { <Attempt date attempt /> }
            })
            .collect_view()
    };
    let placeholder = move || {
        ctx.latest_attempt.read().is_none().then(|| {
            let today = chrono::Utc::now();
            view! { <Attempt date=today attempt=None /> }
        })
    };
    view! {
        {placeholder}
        {attempts}
    }
 }
 #[component]
 #[tracing::instrument(skip_all)]
 fn Wall() -> impl IntoView {
    crate::tracing::on_enter!();
    let ctx = use_context::<Context>().unwrap();
    move || {
        let wall = ctx.wall.read();
        let mut cells = vec![];
        for (&hold_position, hold) in &wall.holds {
-        let role = move || problem.get().and_then(|p| p.holds.get(&hold_position).copied());
+            let hold_role = signals::hold_role(ctx.problem, hold_position);
-        let role = Signal::derive(role);
+
-        let cell = view! { <Hold role hold=hold.clone() /> };
+            let on_click = move |_| {
                ctx.cb_click_hold.run(hold_position);
            };
            let cell = view! {
                <div class="cursor-pointer">
                    <Hold on:click=on_click role=hold_role hold=hold.clone() />
                </div>
            };
            cells.push(cell);
        }
-    let grid_classes = format!("grid grid-rows-{} grid-cols-{} gap-3", wall.rows, wall.cols,);
+
        let style = {
            let grid_rows = crate::css::grid_rows_n(wall.wall_dimensions.rows);
            let grid_cols = crate::css::grid_cols_n(wall.wall_dimensions.cols);
            let max_width = format!("{}vh", wall.wall_dimensions.cols as f64 / wall.wall_dimensions.rows as f64 * 100.);
            format!("max-height: 100vh; max-width: {max_width}; {}", [grid_rows, grid_cols].join(" "))
        };
        view! {
-        <div class="grid grid-cols-[auto,1fr] gap-8">
+            <div style=style class="grid gap-1 p-1">
            <div style="max-height: 90vh; max-width: 90vh;" class=move || { grid_classes.clone() }>
                {cells}
            </div>
-        </div>
+        }
    }
 }
 // TODO: refactor this to use the Problem component
 #[component]
 #[tracing::instrument(skip_all)]
-fn Hold(hold: models::Hold, role: Signal<Option<HoldRole>>) -> impl IntoView {
+fn Hold(
-    tracing::trace!("Enter");
+    hold: models::Hold,
    let class = move || {
        let role_classes = match role.get() {
            Some(HoldRole::Start) => Some("outline outline-offset-2 outline-green-500"),
            Some(HoldRole::Normal) => Some("outline outline-offset-2 outline-blue-500"),
            Some(HoldRole::Zone) => Some("outline outline-offset-2 outline-amber-500"),
            Some(HoldRole::End) => Some("outline outline-offset-2 outline-red-500"),
            None => Some("brightness-50"),
            // None => None,
        };
        let mut s = "bg-sky-100 aspect-square rounded".to_string();
        if let Some(c) = role_classes {
            s.push(' ');
            s.push_str(c);
        }
        s
    };
-    let img = hold.image.map(|img| {
+    #[prop(optional)]
    #[prop(into)]
    role: Option<Signal<Option<HoldRole>>>,
 ) -> impl IntoView {
    crate::tracing::on_enter!();
    move || {
        let mut class = "bg-sky-100 max-w-full max-h-full aspect-square rounded-sm hover:brightness-125".to_string();
        if let Some(role) = role {
            let role = role.get();
            let role_classes = match role {
                Some(HoldRole::Start) => Some("outline outline-3 outline-green-500"),
                Some(HoldRole::Normal) => Some("outline outline-3 outline-blue-500"),
                Some(HoldRole::Zone) => Some("outline outline-3 outline-amber-500"),
                Some(HoldRole::End) => Some("outline outline-3 outline-red-500"),
                None => Some("brightness-50"),
            };
            if let Some(c) = role_classes {
                class.push(' ');
                class.push_str(c);
            }
        }
        let img = hold.image.as_ref().map(|img| {
            let srcset = img.srcset();
            view! { <img class="object-cover w-full h-full" srcset=srcset /> }
        });
    tracing::trace!("view");
        view! { <div class=class>{img}</div> }
    }
 }
 #[component]
 fn Separator() -> impl IntoView {
    view! { <div class="m-2 h-4 sm:m-3 md:m-4" /> }
 }
 #[component]
 fn Section(children: Children, #[prop(into)] title: MaybeProp<String>) -> impl IntoView {
    view! {
        <div class="px-5 pt-3 pb-8 rounded-lg bg-neutral-900">
            <div class="py-3 text-lg text-center text-orange-400 border-t border-orange-400">
                {move || title.get()}
            </div>
            {children()}
        </div>
    }
 }
 mod signals {
    use crate::models;
    use leptos::prelude::*;
    use std::collections::BTreeMap;
    use std::collections::BTreeSet;
    use std::collections::HashSet;
    pub fn latest_attempt(user_interaction: Signal<Option<models::UserInteraction>>) -> Signal<Option<models::DatedAttempt>> {
        Signal::derive(move || user_interaction.read().as_ref().and_then(models::UserInteraction::latest_attempt))
    }
    pub fn todays_attempt(latest_attempt: Signal<Option<models::UserInteraction>>) -> Signal<Option<models::Attempt>> {
        Signal::derive(move || latest_attempt.read().as_ref().and_then(models::UserInteraction::todays_attempt))
    }
    #[expect(dead_code)]
    pub fn wall_uid(wall: Signal<models::Wall>) -> Signal<models::WallUid> {
        Signal::derive(move || wall.read().uid)
    }
    pub fn user_interaction(
        user_interactions: Signal<BTreeMap<models::Problem, models::UserInteraction>>,
        problem: Signal<Option<models::Problem>>,
    ) -> Signal<Option<models::UserInteraction>> {
        Signal::derive(move || {
            let problem = problem.get()?;
            let user_interactions = user_interactions.read();
            user_interactions.get(&problem).cloned()
        })
    }
    /// Maps each problem to a set of problems comprising all transformation of the problem pattern.
    pub(crate) fn problem_transformations(wall: Signal<models::Wall>) -> Memo<Vec<HashSet<models::Problem>>> {
        Memo::new(move |_prev_val| {
            let wall = wall.read();
            wall.problems
                .iter()
                .map(|problem| problem.transformations(wall.wall_dimensions))
                .collect()
        })
    }
    #[expect(dead_code)]
    pub(crate) fn filtered_problems(
        wall: Signal<models::Wall>,
        filter_holds: Signal<BTreeSet<models::HoldPosition>>,
    ) -> Memo<BTreeSet<models::Problem>> {
        Memo::new(move |_prev_val| {
            let filter_holds = filter_holds.read();
            wall.with(|wall| {
                wall.problems
                    .iter()
                    .filter(|problem| filter_holds.iter().all(|hold_pos| problem.pattern.pattern.contains_key(hold_pos)))
                    .cloned()
                    .collect::<BTreeSet<models::Problem>>()
            })
        })
    }
    pub(crate) fn filtered_problem_transformations(
        problem_transformations: Signal<Vec<HashSet<models::Problem>>>,
        filter_holds: Signal<BTreeSet<models::HoldPosition>>,
    ) -> Memo<Vec<HashSet<models::Problem>>> {
        Memo::new(move |_prev_val| {
            let filter_holds = filter_holds.read();
            let problem_transformations = problem_transformations.read();
            problem_transformations
                .iter()
                .map(|problem_set| {
                    problem_set
                        .iter()
                        .filter(|problem| filter_holds.iter().all(|hold_pos| problem.pattern.pattern.contains_key(hold_pos)))
                        .cloned()
                        .collect::<HashSet<models::Problem>>()
                })
                .filter(|set| !set.is_empty())
                .collect()
        })
    }
    pub(crate) fn hold_role(problem: Signal<Option<models::Problem>>, hold_position: models::HoldPosition) -> Signal<Option<models::HoldRole>> {
        Signal::derive(move || problem.get().and_then(|p| p.pattern.pattern.get(&hold_position).copied()))
    }
 }
--- a/crates/ascend/src/resources.rs
+++ b/crates/ascend/src/resources.rs
@@ -0,0 +1,47 @@
 use crate::codec::ron::Ron;
 use crate::codec::ron::RonEncoded;
 use crate::models::{self};
 use leptos::prelude::Get;
 use leptos::prelude::Signal;
 use leptos::server::Resource;
 use server_fn::ServerFnError;
 use std::collections::BTreeMap;
 type RonResource<T> = Resource<Result<T, ServerFnError>, Ron>;
 pub fn wall_by_uid(wall_uid: Signal<models::WallUid>) -> RonResource<models::Wall> {
    Resource::new_with_options(
        move || wall_uid.get(),
        move |wall_uid| async move { crate::server_functions::get_wall_by_uid(wall_uid).await.map(RonEncoded::into_inner) },
        false,
    )
 }
 /// Returns user interaction for a single problem
 pub fn user_interaction(wall_uid: Signal<models::WallUid>, problem: Signal<Option<models::Problem>>) -> RonResource<Option<models::UserInteraction>> {
    Resource::new_with_options(
        move || (wall_uid.get(), problem.get()),
        move |(wall_uid, problem)| async move {
            let Some(problem) = problem else {
                return Ok(None);
            };
            crate::server_functions::get_user_interaction(wall_uid, problem)
                .await
                .map(RonEncoded::into_inner)
        },
        false,
    )
 }
 /// Returns all user interactions for a wall
 pub fn user_interactions_for_wall(wall_uid: Signal<models::WallUid>) -> RonResource<BTreeMap<models::Problem, models::UserInteraction>> {
    Resource::new_with_options(
        move || wall_uid.get(),
        move |wall_uid| async move {
            crate::server_functions::get_user_interactions_for_wall(wall_uid)
                .await
                .map(RonEncoded::into_inner)
        },
        false,
    )
 }
--- a/crates/ascend/src/server/db.rs
+++ b/crates/ascend/src/server/db.rs
@@ -56,6 +56,16 @@ impl Database {
        self.read(|dbtx| dbtx.open_table(TABLE_VERSION)?.get(()).map(|o| o.map(|v| v.value())).map_err(Into::into))
            .await
    }
    #[tracing::instrument(skip_all)]
    pub async fn set_version(&self, version: Version) -> Result<(), DatabaseOperationError> {
        self.write(|txn| {
            let mut table = txn.open_table(TABLE_VERSION)?;
            table.insert((), version)?;
            Ok(())
        })
        .await
    }
 }
 #[derive(Debug, derive_more::Error, derive_more::Display, derive_more::From)]
@@ -75,7 +85,7 @@ impl DatabaseOperationError {
 }
 pub const TABLE_VERSION: TableDefinition<(), Bincode<Version>> = TableDefinition::new("version");
-#[derive(Serialize, Deserialize, Debug, derive_more::Display)]
+#[derive(Serialize, Deserialize, Debug, derive_more::Display, PartialEq, Eq, PartialOrd, Ord)]
 #[display("{version}")]
 pub struct Version {
    pub version: u64,
@@ -86,6 +96,7 @@ impl Version {
    }
 }
 // TODO: implement test
 #[tracing::instrument(skip_all, err)]
 pub async fn init_at_current_version(db: &Database) -> Result<(), DatabaseOperationError> {
    db.write(|txn| {
@@ -110,10 +121,10 @@ pub async fn init_at_current_version(db: &Database) -> Result<(), DatabaseOperat
                assert!(table.is_empty()?);
            }
-            // Problems table
+            // User table
            {
                // Opening the table creates the table
-                let table = txn.open_table(current::TABLE_PROBLEMS)?;
+                let table = txn.open_table(current::TABLE_USER)?;
                assert!(table.is_empty()?);
            }
        }
@@ -126,7 +137,38 @@ pub async fn init_at_current_version(db: &Database) -> Result<(), DatabaseOperat
 }
 use crate::models;
-pub use v2 as current;
+pub mod current {
    use super::v2;
    use super::v3;
    use super::v4;
    pub use v2::TABLE_ROOT;
    pub use v3::VERSION;
    pub use v4::TABLE_USER;
    pub use v4::TABLE_WALLS;
 }
 pub mod v4 {
    use crate::models;
    use crate::server::db::bincode::Bincode;
    use redb::TableDefinition;
    pub const VERSION: u64 = 4;
    pub const TABLE_WALLS: TableDefinition<Bincode<models::v2::WallUid>, Bincode<models::v4::Wall>> = TableDefinition::new("walls");
    pub const TABLE_USER: TableDefinition<Bincode<(models::v2::WallUid, models::v4::Problem)>, Bincode<models::v4::UserInteraction>> =
        TableDefinition::new("user");
 }
 pub mod v3 {
    use crate::models;
    use crate::server::db::bincode::Bincode;
    use redb::TableDefinition;
    pub const VERSION: u64 = 3;
    pub const TABLE_USER: TableDefinition<Bincode<(models::v2::WallUid, models::v2::ProblemUid)>, Bincode<models::v3::UserInteraction>> =
        TableDefinition::new("user");
 }
 pub mod v2 {
    use crate::models;
--- a/crates/ascend/src/server/migrations.rs
+++ b/crates/ascend/src/server/migrations.rs
@@ -1,6 +1,140 @@
 use super::db::Database;
 use super::db::DatabaseOperationError;
 use super::db::{self};
 use crate::models;
 use redb::ReadableTable;
 use std::collections::BTreeMap;
 #[tracing::instrument(skip_all, err)]
-pub async fn run_migrations(_db: &Database) -> Result<(), Box<dyn std::error::Error>> {
+pub async fn run_migrations(db: &Database) -> Result<(), Box<dyn std::error::Error>> {
    if is_at_version(db, 2).await? {
        migrate_to_v3(db).await?;
    }
    if is_at_version(db, 3).await? {
        migrate_to_v4(db).await?;
    }
    Ok(())
 }
 /// migrate: walls table
 /// migrate: user table
 /// remove: problems table
 #[tracing::instrument(skip_all, err)]
 pub async fn migrate_to_v4(db: &Database) -> Result<(), Box<dyn std::error::Error>> {
    tracing::warn!("MIGRATING TO VERSION 4");
    db.write(|txn| {
        let walls_dump = txn
            .open_table(db::v2::TABLE_WALLS)?
            .iter()?
            .map(|el| {
                let (k, v) = el.unwrap();
                (k.value(), v.value())
            })
            .collect::<BTreeMap<_, _>>();
        let problems_dump = txn
            .open_table(db::v2::TABLE_PROBLEMS)?
            .iter()?
            .map(|el| {
                let (k, v) = el.unwrap();
                (k.value(), v.value())
            })
            .collect::<BTreeMap<_, _>>();
        let user_dump = txn
            .open_table(db::v3::TABLE_USER)?
            .iter()?
            .map(|el| {
                let (k, v) = el.unwrap();
                (k.value(), v.value())
            })
            .collect::<BTreeMap<_, _>>();
        txn.delete_table(db::v2::TABLE_WALLS)?;
        txn.delete_table(db::v2::TABLE_PROBLEMS)?;
        txn.delete_table(db::v3::TABLE_USER)?;
        let mut new_walls_table = txn.open_table(db::current::TABLE_WALLS)?;
        let mut new_user_table = txn.open_table(db::current::TABLE_USER)?;
        for (wall_uid, wall) in walls_dump.into_iter() {
            let models::v2::Wall {
                uid: _,
                rows,
                cols,
                holds,
                problems,
            } = wall;
            let problems = problems
                .into_iter()
                .map(|problem_uid| {
                    let old_prob = &problems_dump[&(wall_uid, problem_uid)];
                    let method = old_prob.method;
                    models::Problem {
                        pattern: models::Pattern {
                            pattern: old_prob.holds.clone(),
                        },
                        method,
                    }
                })
                .collect();
            let wall = models::Wall {
                uid: wall_uid,
                wall_dimensions: models::WallDimensions { rows, cols },
                holds,
                problems,
            };
            new_walls_table.insert(wall_uid, wall)?;
        }
        for ((wall_uid, problem_uid), user_interaction) in user_dump.into_iter() {
            let old_prob = &problems_dump[&(wall_uid, problem_uid)];
            let problem = models::Problem {
                pattern: models::Pattern {
                    pattern: old_prob.holds.clone(),
                },
                method: old_prob.method,
            };
            let key = (wall_uid, problem.clone());
            let value = models::UserInteraction {
                wall_uid,
                problem,
                attempted_on: user_interaction.attempted_on,
                is_favorite: user_interaction.is_favorite,
            };
            new_user_table.insert(key, value)?;
        }
        Ok(())
    })
    .await?;
    db.set_version(db::Version { version: db::v4::VERSION }).await?;
    Ok(())
 }
 #[tracing::instrument(skip_all, err)]
 pub async fn migrate_to_v3(db: &Database) -> Result<(), Box<dyn std::error::Error>> {
    use redb::ReadableTableMetadata;
    tracing::warn!("MIGRATING TO VERSION 3");
    db.write(|txn| {
        // Opening the table creates the table
        let table = txn.open_table(db::current::TABLE_USER)?;
        assert!(table.is_empty()?);
        Ok(())
    })
    .await?;
    db.set_version(db::Version { version: db::v3::VERSION }).await?;
    Ok(())
 }
 async fn is_at_version(db: &Database, version: u64) -> Result<bool, DatabaseOperationError> {
    let v = db.get_version().await?;
    Ok(v == Some(db::Version { version }))
 }
--- a/crates/ascend/src/server/operations.rs
+++ b/crates/ascend/src/server/operations.rs
@@ -20,11 +20,9 @@ pub(crate) async fn import_mini_moonboard_problems(config: &Config, db: Database
    tracing::info!("Parsing mini moonboard problems from {file_path}");
    let set_by = "mini-mb-2020-parser";
    let mini_moonboard = mini_moonboard::parse(file_path.as_std_path()).await?;
    for mini_mb_problem in mini_moonboard.problems {
-        let mut holds = BTreeMap::<HoldPosition, HoldRole>::new();
+        let mut pattern = BTreeMap::<HoldPosition, HoldRole>::new();
        for mv in mini_mb_problem.moves {
            let row = mv.description.row();
            let col = mv.description.column();
@@ -36,43 +34,27 @@ pub(crate) async fn import_mini_moonboard_problems(config: &Config, db: Database
                (false, true) => HoldRole::End,
                (false, false) => HoldRole::Normal,
            };
-            holds.insert(hold_position, role);
+            pattern.insert(hold_position, role);
        }
        let name = mini_mb_problem.name;
        let method = match mini_mb_problem.method {
            mini_moonboard::Method::FeetFollowHands => models::Method::FeetFollowHands,
            mini_moonboard::Method::Footless => models::Method::Footless,
            mini_moonboard::Method::FootlessPlusKickboard => models::Method::FootlessPlusKickboard,
        };
-        let problem_id = models::ProblemUid::create();
+        let pattern = models::Pattern { pattern }.canonicalize();
-
+        let problem = models::Problem { pattern, method };
        let problem = models::Problem {
            uid: problem_id,
            name,
            set_by: set_by.to_owned(),
            holds,
            method,
            date_added: chrono::Utc::now(),
        };
        problems.push(problem);
    }
    db.write(|txn| {
        let mut walls_table = txn.open_table(db::current::TABLE_WALLS)?;
        let mut problems_table = txn.open_table(db::current::TABLE_PROBLEMS)?;
        let mut wall = walls_table.get(wall_uid)?.unwrap().value();
-        wall.problems.extend(problems.iter().map(|p| p.uid));
+        wall.problems.extend(problems);
        walls_table.insert(wall_uid, wall)?;
        for problem in problems {
            let key = (wall_uid, problem.uid);
            problems_table.insert(key, problem)?;
        }
        Ok(())
    })
    .await?;
--- a/crates/ascend/src/server_functions.rs
+++ b/crates/ascend/src/server_functions.rs
@@ -1,8 +1,14 @@
 use crate::codec::ron::Ron;
 use crate::codec::ron::RonEncoded;
 use crate::models;
 use crate::models::UserInteraction;
 use derive_more::Display;
 use derive_more::Error;
 use derive_more::From;
 use leptos::prelude::*;
 use leptos::server;
 use server_fn::ServerFnError;
 use std::collections::BTreeMap;
 #[server(
    input = Ron,
@@ -14,7 +20,7 @@ pub async fn get_walls() -> Result<RonEncoded<Vec<models::Wall>>, ServerFnError>
    use crate::server::db::Database;
    use leptos::prelude::expect_context;
    use redb::ReadableTable;
-    tracing::debug!("Enter");
+    crate::tracing::on_enter!();
    let db = expect_context::<Database>();
@@ -26,8 +32,6 @@ pub async fn get_walls() -> Result<RonEncoded<Vec<models::Wall>>, ServerFnError>
        })
        .await?;
    tracing::debug!("Exit");
    Ok(RonEncoded::new(walls))
 }
@@ -37,11 +41,11 @@ pub async fn get_walls() -> Result<RonEncoded<Vec<models::Wall>>, ServerFnError>
    custom = RonEncoded
 )]
 #[tracing::instrument(skip_all, err(Debug))]
-pub(crate) async fn get_wall(wall_uid: models::WallUid) -> Result<RonEncoded<models::Wall>, ServerFnError> {
+pub(crate) async fn get_wall_by_uid(wall_uid: models::WallUid) -> Result<RonEncoded<models::Wall>, ServerFnError> {
    use crate::server::db::Database;
    use crate::server::db::DatabaseOperationError;
    use leptos::prelude::expect_context;
-    tracing::debug!("Enter");
+    crate::tracing::on_enter!();
    #[derive(Debug, derive_more::Error, derive_more::Display)]
    enum Error {
@@ -63,22 +67,24 @@ pub(crate) async fn get_wall(wall_uid: models::WallUid) -> Result<RonEncoded<mod
        })
        .await?;
    tracing::debug!("ok");
    Ok(RonEncoded::new(wall))
 }
 /// Returns user interaction for a single wall problem
 #[server(
    input = Ron,
    output = Ron,
    custom = RonEncoded
 )]
 #[tracing::instrument(err(Debug))]
-pub(crate) async fn get_problems_for_wall(wall_uid: models::WallUid) -> Result<RonEncoded<Vec<models::Problem>>, ServerFnError> {
+pub(crate) async fn get_user_interaction(
    wall_uid: models::WallUid,
    problem: models::Problem,
 ) -> Result<RonEncoded<Option<models::UserInteraction>>, ServerFnError> {
    use crate::server::db::Database;
    use crate::server::db::DatabaseOperationError;
    use leptos::prelude::expect_context;
-    tracing::debug!("Enter");
+    crate::tracing::on_enter!();
    #[derive(Debug, derive_more::Error, derive_more::Display, derive_more::From)]
    enum Error {
@@ -88,75 +94,212 @@ pub(crate) async fn get_problems_for_wall(wall_uid: models::WallUid) -> Result<R
        DatabaseOperation(DatabaseOperationError),
    }
-    async fn inner(wall_uid: models::WallUid) -> Result<Vec<models::Problem>, Error> {
+    async fn inner(wall_uid: models::WallUid, problem: models::Problem) -> Result<Option<UserInteraction>, Error> {
        let db = expect_context::<Database>();
-        let problems = db
+        let user_interaction = db
            .read(|txn| {
-                let walls_table = txn.open_table(crate::server::db::current::TABLE_WALLS)?;
+                let user_table = txn.open_table(crate::server::db::current::TABLE_USER)?;
-                tracing::debug!("getting wall");
+                let user_interaction = user_table.get(&(wall_uid, problem))?.map(|guard| guard.value());
-                let wall = walls_table
+                Ok(user_interaction)
                    .get(wall_uid)?
                    .ok_or(Error::WallNotFound(wall_uid))
                    .map_err(DatabaseOperationError::custom)?
                    .value();
                tracing::debug!("got wall");
                drop(walls_table);
                tracing::debug!("open problems table");
                let problems_table = txn.open_table(crate::server::db::current::TABLE_PROBLEMS)?;
                tracing::debug!("opened problems table");
                let mut problems = Vec::new();
                for &problem_uid in &wall.problems {
                    if let Some(problem) = problems_table.get((wall_uid, problem_uid))? {
                        problems.push(problem.value());
                    }
                }
                Ok(problems)
            })
            .await?;
-        Ok(problems)
+        Ok(user_interaction)
    }
-    let problems = inner(wall_uid).await.map_err(error_reporter::Report::new).map_err(ServerFnError::new)?;
+    let user_interaction = inner(wall_uid, problem)
-
+        .await
-    tracing::debug!("ok");
+        .map_err(error_reporter::Report::new)
-
+        .map_err(ServerFnError::new)?;
-    Ok(RonEncoded::new(problems))
+    Ok(RonEncoded::new(user_interaction))
 }
 /// Returns all user interactions for a wall
 #[server(
    input = Ron,
    output = Ron,
    custom = RonEncoded
 )]
-#[tracing::instrument(skip_all, err(Debug))]
+#[tracing::instrument(err(Debug))]
-pub(crate) async fn get_problem(wall_uid: models::WallUid, problem_uid: models::ProblemUid) -> Result<RonEncoded<models::Problem>, ServerFnError> {
+pub(crate) async fn get_user_interactions_for_wall(
    wall_uid: models::WallUid,
 ) -> Result<RonEncoded<BTreeMap<models::Problem, models::UserInteraction>>, ServerFnError> {
    use crate::server::db::Database;
    use crate::server::db::DatabaseOperationError;
    use leptos::prelude::expect_context;
-    tracing::debug!("Enter");
+    use redb::ReadableTable;
    crate::tracing::on_enter!();
-    #[derive(Debug, derive_more::Error, derive_more::Display)]
+    #[derive(Debug, derive_more::Error, derive_more::Display, derive_more::From)]
    enum Error {
-        #[display("Problem not found: {_0:?}")]
+        DatabaseOperation(DatabaseOperationError),
        NotFound(#[error(not(source))] models::ProblemUid),
    }
    async fn inner(wall_uid: models::WallUid) -> Result<BTreeMap<models::Problem, models::UserInteraction>, Error> {
        let db = expect_context::<Database>();
-    let problem = db
+
        let user_interactions = db
            .read(|txn| {
-            let table = txn.open_table(crate::server::db::current::TABLE_PROBLEMS)?;
+                let user_table = txn.open_table(crate::server::db::current::TABLE_USER)?;
-            let problem = table
+                let user_interactions = user_table
-                .get((wall_uid, problem_uid))?
+                    .iter()?
-                .ok_or(Error::NotFound(problem_uid))
+                    .filter(|guard| {
-                .map_err(DatabaseOperationError::custom)?
+                        guard
-                .value();
+                            .as_ref()
-            Ok(problem)
+                            .map(|(key, _val)| {
                                let (wall_uid, _problem) = key.value();
                                wall_uid
                            })
                            .map(|wall_uid_| wall_uid_ == wall_uid)
                            .unwrap_or(false)
                    })
                    .map(|guard| {
                        guard.map(|(_key, val)| {
                            let val = val.value();
                            (val.problem.clone(), val)
                        })
                    })
                    .collect::<Result<_, _>>()?;
                Ok(user_interactions)
            })
            .await?;
-    Ok(RonEncoded::new(problem))
+        Ok(user_interactions)
    }
    let user_interaction = inner(wall_uid).await.map_err(error_reporter::Report::new).map_err(ServerFnError::new)?;
    Ok(RonEncoded::new(user_interaction))
 }
 /// Inserts or updates today's attempt.
 #[server(
    input = Ron,
    output = Ron,
    custom = RonEncoded
 )]
 #[tracing::instrument(err(Debug))]
 pub(crate) async fn upsert_todays_attempt(
    wall_uid: models::WallUid,
    problem: models::Problem,
    attempt: Option<models::Attempt>,
 ) -> Result<RonEncoded<models::UserInteraction>, ServerFnError> {
    use crate::server::db::Database;
    use crate::server::db::DatabaseOperationError;
    use leptos::prelude::expect_context;
    crate::tracing::on_enter!();
    #[derive(Debug, Error, Display, From)]
    enum Error {
        #[display("Wall not found: {_0:?}")]
        WallNotFound(#[error(not(source))] models::WallUid),
        DatabaseOperation(DatabaseOperationError),
    }
    async fn inner(wall_uid: models::WallUid, problem: models::Problem, attempt: Option<models::Attempt>) -> Result<UserInteraction, Error> {
        let db = expect_context::<Database>();
        let user_interaction = db
            .write(|txn| {
                let mut user_table = txn.open_table(crate::server::db::current::TABLE_USER)?;
                let key = (wall_uid, problem.clone());
                // Pop or default
                let mut user_interaction = user_table
                    .remove(&key)?
                    .map(|guard| guard.value())
                    .unwrap_or_else(|| models::UserInteraction::new(wall_uid, problem));
                // If the last entry is from today, remove it
                if let Some(entry) = user_interaction.attempted_on.last_entry() {
                    let today_local_naive = chrono::Local::now().date_naive();
                    let entry_date = entry.key();
                    let entry_date_local_naive = entry_date.with_timezone(&chrono::Local).date_naive();
                    if entry_date_local_naive == today_local_naive {
                        entry.remove();
                    }
                }
                if let Some(attempt) = attempt {
                    user_interaction.attempted_on.insert(chrono::Utc::now(), attempt);
                }
                user_table.insert(key, user_interaction.clone())?;
                Ok(user_interaction)
            })
            .await?;
        Ok(user_interaction)
    }
    inner(wall_uid, problem, attempt)
        .await
        .map_err(error_reporter::Report::new)
        .map_err(ServerFnError::new)
        .map(RonEncoded::new)
 }
 /// Sets is_favorite field for a problem
 #[server(
    input = Ron,
    output = Ron,
    custom = RonEncoded
 )]
 #[tracing::instrument(err(Debug))]
 pub(crate) async fn set_is_favorite(
    wall_uid: models::WallUid,
    problem: models::Problem,
    is_favorite: bool,
 ) -> Result<RonEncoded<models::UserInteraction>, ServerFnError> {
    use crate::server::db::Database;
    use crate::server::db::DatabaseOperationError;
    use leptos::prelude::expect_context;
    crate::tracing::on_enter!();
    #[derive(Debug, Error, Display, From)]
    enum Error {
        #[display("Wall not found: {_0:?}")]
        WallNotFound(#[error(not(source))] models::WallUid),
        DatabaseOperation(DatabaseOperationError),
    }
    async fn inner(wall_uid: models::WallUid, problem: models::Problem, is_favorite: bool) -> Result<UserInteraction, Error> {
        let db = expect_context::<Database>();
        let user_interaction = db
            .write(|txn| {
                let mut user_table = txn.open_table(crate::server::db::current::TABLE_USER)?;
                let key = (wall_uid, problem.clone());
                // Pop or default
                let mut user_interaction = user_table
                    .remove(&key)?
                    .map(|guard| guard.value())
                    .unwrap_or_else(|| models::UserInteraction::new(wall_uid, problem));
                user_interaction.is_favorite = is_favorite;
                user_table.insert(key, user_interaction.clone())?;
                Ok(user_interaction)
            })
            .await?;
        Ok(user_interaction)
    }
    inner(wall_uid, problem, is_favorite)
        .await
        .map_err(error_reporter::Report::new)
        .map_err(ServerFnError::new)
        .map(RonEncoded::new)
 }
--- a/crates/ascend/src/tracing.rs
+++ b/crates/ascend/src/tracing.rs
@@ -0,0 +1,22 @@
 macro_rules! where_am_i {
    () => {{
        fn f() {}
        fn type_name_of<T>(_: T) -> &'static str {
            std::any::type_name::<T>()
        }
        let name = type_name_of(f);
        // `3` is the length of the `::f`.
        &name[..name.len() - 3]
    }};
 }
 pub(crate) use where_am_i;
 macro_rules! on_enter {
    () => {
        tracing::trace!("Entering {}", crate::tracing::where_am_i!());
    };
 }
 pub(crate) use on_enter;
--- a/crates/ascend/style/tailwind.css
+++ b/crates/ascend/style/tailwind.css
@@ -1,3 +1,19 @@
-@tailwind base;
+@import 'tailwindcss';
-@tailwind components;
+
-@tailwind utilities;
+/*
  The default border color has changed to `currentColor` in Tailwind CSS v4,
  so we've added these compatibility styles to make sure everything still
  looks the same as it did with Tailwind CSS v3.
  If we ever want to remove these styles, we need to add an explicit border
  color utility to any element that depends on these defaults.
 */
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    border-color: var(--color-gray-200, currentColor);
  }
 }
--- a/crates/ascend/tailwind.config.js
+++ b/crates/ascend/tailwind.config.js
@@ -4,15 +4,6 @@
        relative: true,
        files: ["*.html", "./src/**/*.rs"],
      },
      // https://tailwindcss.com/docs/content-configuration#using-regular-expressions
      safelist: [
        {
          pattern: /grid-cols-.+/,
        },
        {
          pattern: /grid-rows-.+/,
        },
      ],
      theme: {
        extend: {},
      },
--- a/docs/ascend.jpg
+++ b/docs/ascend.jpg
--- a/flake.lock
+++ b/flake.lock
@@ -10,11 +10,11 @@
        ]
      },
      "locked": {
-        "lastModified": 1739793388,
+        "lastModified": 1746696290,
-        "narHash": "sha256-mf0FJ7JJi5gTUFz0SyWF8bqqonxoFD2DG9D785uyYJM=",
+        "narHash": "sha256-YokYinNgGIu80OErVMuFoIELhetzb45aWKTiKYNXvWA=",
        "owner": "plul",
        "repo": "basecamp",
-        "rev": "f0f702ef6d5e8446eb8cd64e56fe1fe3cfbc677d",
+        "rev": "108ef2874fd8f934602cda5bfdc0e58a541c6b4a",
        "type": "github"
      },
      "original": {
@@ -25,11 +25,11 @@
    },
    "nixpkgs": {
      "locked": {
-        "lastModified": 1738797219,
+        "lastModified": 1746576598,
-        "narHash": "sha256-KRwX9Z1XavpgeSDVM/THdFd6uH8rNm/6R+7kIbGa+2s=",
+        "narHash": "sha256-FshoQvr6Aor5SnORVvh/ZdJ1Sa2U4ZrIMwKBX5k2wu0=",
        "owner": "NixOS",
        "repo": "nixpkgs",
-        "rev": "1da52dd49a127ad74486b135898da2cef8c62665",
+        "rev": "b3582c75c7f21ce0b429898980eddbbf05c68e55",
        "type": "github"
      },
      "original": {
@@ -53,11 +53,11 @@
        ]
      },
      "locked": {
-        "lastModified": 1738895285,
+        "lastModified": 1746671794,
-        "narHash": "sha256-4Ukr4reJfQ67c6QqIxbX47wnPIGxE8BXCAEPu1C3MFM=",
+        "narHash": "sha256-V+mpk2frYIEm85iYf+KPDmCGG3zBRAEhbv0E3lHdG2U=",
        "owner": "oxalica",
        "repo": "rust-overlay",
-        "rev": "85f3aed5f4b8eb312c6e8fe8c476bac248aed75f",
+        "rev": "ceec434b8741c66bb8df5db70d7e629a9d9c598f",
        "type": "github"
      },
      "original": {
--- a/flake.nix
+++ b/flake.nix
@@ -47,7 +47,7 @@
          nativeBuildInputs = [
            pkgs.cargo-leptos
            pkgs.dart-sass
-            pkgs.tailwindcss
+            pkgs.tailwindcss_4
            # For optimizing wasm release builds
            pkgs.binaryen
@@ -130,20 +130,23 @@
        basecamp.mkShell pkgs {
          rust.enable = true;
          rust.toolchain.targets = [ "wasm32-unknown-unknown" ];
          rust.toolchain.components.rust-analyzer.nightly = true;
          packages = [
            pkgs.bacon
            pkgs.cargo-leptos
            pkgs.leptosfmt
            pkgs.dart-sass
-            pkgs.tailwindcss
+            pkgs.tailwindcss_4
            pkgs.tailwindcss-language-server
            # For optimizing wasm release builds
            pkgs.binaryen
          ];
-          env.RUST_LOG = "info,ascend=trace";
+          env.RUST_LOG = "info,ascend=debug";
          env.MOONBOARD_PROBLEMS = "moonboard-problems";
          env.LEPTOS_TAILWIND_VERSION = "v4.0.8";
        };
    };
 }
--- a/12
+++ b/12
@@ -8,6 +8,9 @@ fmt:
    fd --extension=rs --exec-batch leptosfmt
    bc-fmt
 fix:
    bc-fix
 serve:
    RUST_BACKTRACE=1 cargo leptos watch -- serve
@@ -36,7 +39,13 @@ cp-prod-datastore:
 # Update ascend input and nixos-rebuild switch
 prod-deploy:
    # Build on this machine (faster) and copy to prod /nix/store
    nix copy --to ssh://192.168.1.3 .
    # Update ascend input on prod machine nix configuration
    ssh 192.168.1.3 'cd /home/plul/repos/gitlab.com/plul/nixexprs; just update-ascend'
    # Switch nix configuration on prod (should be fast as /nix/store should be pre-populated)
    ssh -t 192.168.1.3 'cd /home/plul/repos/gitlab.com/plul/nixexprs; just switch'
 prod-logs:
@@ -47,3 +56,6 @@ leptos-discord:
 leptos-issues:
    xdg-open "https://github.com/leptos-rs/leptos/issues"
 icons:
    xdg-open "https://heroicons.com/"
--- a/leptosfmt.toml
+++ b/leptosfmt.toml
@@ -0,0 +1,4 @@
 closing_tag_style = "SelfClosing"
 [attr_values]
 class = "Tailwind"
--- a/notes.txt
+++ b/notes.txt
@@ -0,0 +1,16 @@
 # Random selection: Sample from filtered
 [patterns with variations that satisfy filter]
 	[variations]
 # Random selection no filter: Sample equally weighted patterns
 [patterns]
 	[random variation within pattern]
 Normalize: shift left, and use minimum of mirrored pattern pair
 # Filter stats:
 patterns: X
 pattern variations: Y
--- a/rustfmt.toml
+++ b/rustfmt.toml
@@ -1,4 +1,4 @@
-style_edition = "2024"
+edition = "2024"
 unstable_features = true
 imports_granularity = "Item"
 group_imports = "One"
--- a/todo.md
+++ b/todo.md
@@ -5,10 +5,10 @@
 - Record problem success (enum: flash, send, no-send)
 - implement routes page to show all routes for a given wall
 - implement favorite routes feature
 - use wall id in URL.
 - decide on routes vs problems terminology
 - decide on holds vs wall-edit terminology
 - clock
 - hotkeys (enter =next problem, arrow = shift left/right up/down)
 - remove brightness reduction when mousing over holds
 - impl `sizes` hint next to `srcset`
 - add refresh wall button for when a hold is changed
 - fix a font, or why does font-thin not do anything?
Author	SHA1	Message	Date
Asger Juul Brunshøj	4d609118de	chore: add cargo shear exception for getrandom	2025-05-08 20:25:46 +02:00
Asger Juul Brunshøj	d11bf28625	docs: update readme image	2025-05-08 20:24:38 +02:00
Asger Juul Brunshøj	9bbe1dd214	chore: maintenance updates & leptos 0.8	2025-05-08 20:24:14 +02:00
Asger Juul Brunshøj	e3ef695069	chore: remove canonicalize migration	2025-04-19 20:54:23 +02:00
Asger Juul Brunshøj	5bdfd6835d	feat: use on_enter	2025-04-19 20:53:01 +02:00
Asger Juul Brunshøj	27716c5ec0	save/saved text	2025-04-06 23:27:11 +02:00
Asger Juul Brunshøj	dea8c45939	feat: canonicalize patterns on import	2025-04-06 22:50:07 +02:00
Asger Juul Brunshøj	22367f45f2	feat: like button	2025-04-06 22:44:47 +02:00
Asger Juul Brunshøj	e5853268de	feat: migration canonicalize problems	2025-04-06 21:11:09 +02:00
Asger Juul Brunshøj	b37386b9e8	feat: sample from transformations	2025-04-03 23:12:42 +02:00
Asger Juul Brunshøj	bd8b0fecf1	feat: transformation buttons	2025-04-01 21:00:31 +02:00
Asger Juul Brunshøj	c15db2847d	wip	2025-04-01 17:48:19 +02:00
Asger Juul Brunshøj	0a95aca872	wip	2025-04-01 15:02:49 +02:00
Asger Juul Brunshøj	91bea767d0	wip	2025-04-01 13:46:28 +02:00
Asger Juul Brunshøj	ed6aa4b9c9	wip	2025-03-31 22:43:19 +02:00
Asger Juul Brunshøj	d11f8510b4	wip	2025-03-31 16:25:20 +02:00
Asger Juul Brunshøj	221e15d7ac	transformation buttons	2025-03-31 13:20:47 +02:00
Asger Juul Brunshøj	e403be8090	feat: refactor to controller component and redesign	2025-03-28 15:20:37 +01:00
Asger Juul Brunshøj	58698a1087	better	2025-03-24 23:08:15 +01:00
Asger Juul Brunshøj	f1be2dd735	refactor	2025-03-24 13:46:00 +01:00
Asger Juul Brunshøj	d9406f98d1	chore: migrate to tailwindcss v4	2025-03-23 20:56:15 +01:00
Asger Juul Brunshøj	98703f2c8b	refactor: user interaction signal	2025-03-21 13:39:19 +01:00
Asger Juul Brunshøj	9b15daaf6d	refactor: radio button group	2025-03-20 22:53:51 +01:00
Asger Juul Brunshøj	7d95e48941	refactor	2025-03-20 16:44:30 +01:00
Asger Juul Brunshøj	f8aa1e29a2	show counter for filter	2025-03-17 23:14:26 +01:00
Asger Juul Brunshøj	83bd8e0e5e	feat: problem filtering	2025-03-17 16:51:04 +01:00
Asger Juul Brunshøj	9898af1bf7	feat: filter UI part 2	2025-03-17 15:08:50 +01:00
Asger Juul Brunshøj	ed9eba8dc1	feat: filter UI	2025-03-17 12:25:34 +01:00
Asger Juul Brunshøj	3740224f79	feat: remove attempt	2025-03-11 21:24:46 +01:00
Asger Juul Brunshøj	2e83efcf12	feat: store attempts	2025-03-11 18:16:21 +01:00
Asger Juul Brunshøj	7118b66104	feat: responsive /wall layout	2025-02-26 15:39:34 +01:00
Asger Juul Brunshøj	f1d0fc68c5	feat: highlight hold on hover	2025-02-26 13:41:30 +01:00
Asger Juul Brunshøj	1d7374d387	feat: just prod-deploy with upload of locally build artifact	2025-02-26 13:35:28 +01:00
Asger Juul Brunshøj	91430f8985	problem UID in query params	2025-02-25 23:38:01 +01:00
Asger Juul Brunshøj	fc96105091	rust edition 2024	2025-02-25 21:42:03 +01:00