From 3ffdf8f0d7ad91a32185e95d68693ba5e0eb40dd Mon Sep 17 00:00:00 2001
From: Robert Perce <contact@rperce.net>
Date: Fri, 3 Apr 2026 11:54:36 -0500
Subject: [PATCH 01/20] refactor: switch from chrono to jiff

---
 Cargo.lock                       | 57 +++++++++++++++++++
 Cargo.toml                       |  1 +
 e2e/pages/contact.spec.ts        | 23 +++++---
 src/models/birthday.rs           | 24 +++++---
 src/models/contact.rs            | 11 ++--
 src/models/journal.rs            |  6 +-
 src/models/year_optional_date.rs | 57 +++++++++----------
 src/switchboard.rs               | 10 +---
 src/web/contact/mod.rs           | 94 +++++++++++++++-----------------
 src/web/home.rs                  | 57 +++++++++----------
 src/web/ics.rs                   |  6 +-
 src/web/journal.rs               | 20 +++----
 12 files changed, 205 insertions(+), 161 deletions(-)

diff --git a/Cargo.lock b/Cargo.lock
index b300c23..3c03174 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -1280,6 +1280,47 @@ version = "1.0.15"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "4a5f13b858c8d314ee3e8f639011f7ccefe71f97f96e50151fb991f267928e2c"
 
+[[package]]
+name = "jiff"
+version = "0.2.23"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1a3546dc96b6d42c5f24902af9e2538e82e39ad350b0c766eb3fbf2d8f3d8359"
+dependencies = [
+ "jiff-static",
+ "jiff-tzdb-platform",
+ "log",
+ "portable-atomic",
+ "portable-atomic-util",
+ "serde_core",
+ "windows-sys 0.61.2",
+]
+
+[[package]]
+name = "jiff-static"
+version = "0.2.23"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2a8c8b344124222efd714b73bb41f8b5120b27a7cc1c75593a6ff768d9d05aa4"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.106",
+]
+
+[[package]]
+name = "jiff-tzdb"
+version = "0.1.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c900ef84826f1338a557697dc8fc601df9ca9af4ac137c7fb61d4c6f2dfd3076"
+
+[[package]]
+name = "jiff-tzdb-platform"
+version = "0.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "875a5a69ac2bab1a891711cf5eccbec1ce0341ea805560dcd90b7a2e925132e8"
+dependencies = [
+ "jiff-tzdb",
+]
+
 [[package]]
 name = "js-sys"
 version = "0.3.81"
@@ -1427,6 +1468,7 @@ dependencies = [
  "http",
  "icalendar",
  "itertools 0.14.0",
+ "jiff",
  "listenfd",
  "markdown",
  "maud",
@@ -1847,6 +1889,21 @@ version = "0.3.32"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "7edddbd0b52d732b21ad9a5fab5c704c14cd949e5e9a1ec5929a24fded1b904c"
 
+[[package]]
+name = "portable-atomic"
+version = "1.13.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c33a9471896f1c69cecef8d20cbe2f7accd12527ce60845ff44c153bb2a21b49"
+
+[[package]]
+name = "portable-atomic-util"
+version = "0.2.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "091397be61a01d4be58e7841595bd4bfedb15f1cd54977d79b8271e94ed799a3"
+dependencies = [
+ "portable-atomic",
+]
+
 [[package]]
 name = "potential_utf"
 version = "0.1.3"
diff --git a/Cargo.toml b/Cargo.toml
index d246956..5b03dc4 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -19,6 +19,7 @@ clap                      = { version = "4.5.53", features  = ["derive"] }
 http                      = "1.3.1"
 icalendar                 = "0.17.5"
 itertools                 = "0.14.0"
+jiff = { version = "0.2.23", features = ["serde"] }
 listenfd                  = "1.0.2"
 markdown                  = "1.0.0"
 maud                      = { version = "0.27.0",  features = ["axum"] }
diff --git a/e2e/pages/contact.spec.ts b/e2e/pages/contact.spec.ts
index dad20e5..46af08e 100644
--- a/e2e/pages/contact.spec.ts
+++ b/e2e/pages/contact.spec.ts
@@ -30,14 +30,14 @@ test.skip("groups wrap nicely", async ({ page }) => {
 
   const groupBox = page.getByPlaceholder(/group name/i);
   await groupBox.fill('this is a long group name');
-	await page.getByRole('button', { name: /save/i }).click();
+  await page.getByRole('button', { name: /save/i }).click();
   await expect(page.locator('#alpine-loaded')).not.toHaveAttribute('x-cloak');
 
-	// TODO: this drives to the right location but i can't figure out how to assert
-	// that the text is all on one line. Manual inspection looks good at time of writing.
+  // TODO: this drives to the right location but i can't figure out how to assert
+  // that the text is all on one line. Manual inspection looks good at time of writing.
 });
 
-test('allow marking as hidden', async ({ page }) => {
+test('allow marking as inactive', async ({ page }) => {
 
 });
 
@@ -45,15 +45,20 @@ test('allow exempting from stale', async ({ page }) => {
 
 });
 
+test('stale list considers periodicity', async ({ page }) => {
+
+});
+
+test('page title has contact primary name', async ({ page }) => {
+  await expect(page.title()).toContain("Test Testerson");
+});
+
+
+/*
 test('bullet points in free text display well', async ({ page }) => {
 
 });
 
-twst('page title has contact primary name', async ({ page }) => {
-  await expect(page.title()).toContain("Test Testerson");
-});
-
-/*
 home: contact list scrolls in screen, not off screen
 home: clicking off contact list closes it
 home: contact list is sorted ignoring case
diff --git a/src/models/birthday.rs b/src/models/birthday.rs
index 603191a..f7c0256 100644
--- a/src/models/birthday.rs
+++ b/src/models/birthday.rs
@@ -1,4 +1,4 @@
-use chrono::Local;
+use jiff::{Timestamp, Unit, Zoned, civil, tz::TimeZone};
 use sqlx::sqlite::SqliteRow;
 use sqlx::{FromRow, Row};
 use std::fmt::Display;
@@ -29,25 +29,31 @@ impl Display for Birthday {
 }
 
 impl Birthday {
-    pub fn next_occurrence(&self) -> Option<chrono::NaiveDate> {
+    pub fn next_occurrence(&self) -> Option<civil::Date> {
         match &self {
             Birthday::Text(_) => None,
-            Birthday::Date(date) => Some(date.next_month_day_occurrence()?),
+            Birthday::Date(date) => date.next_month_day_occurrence(),
         }
     }
 
-    pub fn until_next(&self) -> Option<chrono::TimeDelta> {
+    pub fn until_next(&self) -> Option<jiff::Span> {
         self.next_occurrence()
-            .map(|when| when.signed_duration_since(Local::now().date_naive()))
+            .map(|when| when.since(Zoned::now().date()).ok())?
     }
 
     /// None if this is a text birthday or doesn't have a year
-    pub fn age(&self) -> Option<u32> {
+    pub fn age(&self) -> Option<i32> {
         match &self {
             Birthday::Text(_) => None,
-            Birthday::Date(date) => date
-                .to_date_naive()
-                .map(|birthdate| Local::now().date_naive().years_since(birthdate))?,
+            Birthday::Date(date) => {
+                let now = Timestamp::now().to_zoned(TimeZone::UTC);
+                date.to_civil_date().map(|birthdate| {
+                    now.since(&birthdate.to_zoned(TimeZone::UTC).unwrap())
+                        .unwrap()
+                        .total((Unit::Year, &now))
+                        .unwrap() as i32
+                })
+            }
         }
     }
 
diff --git a/src/models/contact.rs b/src/models/contact.rs
index bad0ff4..8ed0be6 100644
--- a/src/models/contact.rs
+++ b/src/models/contact.rs
@@ -1,4 +1,4 @@
-use chrono::{DateTime, NaiveDate, Utc};
+use jiff::{Timestamp, civil};
 use sqlx::sqlite::SqlitePool;
 use std::str::FromStr;
 
@@ -18,7 +18,7 @@ struct RawContact {
 pub struct Contact {
     pub id: DbId,
     pub birthday: Option<Birthday>,
-    pub manually_freshened_at: Option<DateTime<Utc>>,
+    pub manually_freshened_at: Option<Timestamp>,
     pub lives_with: String,
 }
 
@@ -31,8 +31,7 @@ impl Into<Contact> for RawContact {
                 .and_then(|s| Birthday::from_str(s.as_ref()).ok()),
             manually_freshened_at: self
                 .manually_freshened_at
-                .and_then(|str| DateTime::parse_from_str(str.as_ref(), "%+").ok())
-                .map(|d| d.to_utc()),
+                .and_then(|str| str.parse::<Timestamp>().ok()),
             lives_with: self.lives_with,
         }
     }
@@ -50,7 +49,7 @@ struct RawHydratedContact {
 #[derive(Clone, Debug)]
 pub struct HydratedContact {
     pub contact: Contact,
-    pub last_mention_date: Option<NaiveDate>,
+    pub last_mention_date: Option<civil::Date>,
     pub names: Vec<String>,
 }
 
@@ -71,7 +70,7 @@ impl Into<HydratedContact> for RawHydratedContact {
                 .collect::<Vec<String>>(),
             last_mention_date: self
                 .last_mention_date
-                .and_then(|str| NaiveDate::from_str(str.as_ref()).ok()),
+                .and_then(|str| str.parse::<civil::Date>().ok()),
         }
     }
 }
diff --git a/src/models/journal.rs b/src/models/journal.rs
index 4a90d86..fdc9940 100644
--- a/src/models/journal.rs
+++ b/src/models/journal.rs
@@ -1,4 +1,4 @@
-use chrono::NaiveDate;
+use jiff::civil::Date;
 use maud::{Markup, html};
 use serde_json::json;
 use sqlx::sqlite::{SqlitePool, SqliteRow};
@@ -12,7 +12,7 @@ use crate::switchboard::{MentionHost, MentionHostType};
 pub struct JournalEntry {
     pub id: DbId,
     pub value: String,
-    pub date: NaiveDate,
+    pub date: Date,
 }
 
 impl<'a> Into<MentionHost<'a>> for &'a JournalEntry {
@@ -69,7 +69,7 @@ impl FromRow<'_, SqliteRow> for JournalEntry {
         let id: DbId = row.try_get("id")?;
         let value: String = row.try_get("value")?;
         let date_str: &str = row.try_get("date")?;
-        let date = NaiveDate::parse_from_str(date_str, "%Y-%m-%d").unwrap();
+        let date: Date = date_str.parse().unwrap();
         Ok(Self { id, value, date })
     }
 }
diff --git a/src/models/year_optional_date.rs b/src/models/year_optional_date.rs
index 196360d..fa1fc1f 100644
--- a/src/models/year_optional_date.rs
+++ b/src/models/year_optional_date.rs
@@ -1,4 +1,4 @@
-use chrono::{Datelike, Local, NaiveDate};
+use jiff::{Timestamp, civil::Date, tz::TimeZone};
 use regex::Regex;
 use sqlx::{Database, Decode, Encode, Sqlite, encode::IsNull};
 use std::fmt::Display;
@@ -6,38 +6,39 @@ use std::str::FromStr;
 
 #[derive(Debug, Clone)]
 pub struct YearOptionalDate {
-    pub year: Option<i32>,
-    pub month: u32,
-    pub day: u32,
+    pub year: Option<i16>,
+    pub month: i8,
+    pub day: i8,
 }
 
 impl YearOptionalDate {
-    pub fn prev_month_day_occurrence(&self) -> Option<NaiveDate> {
-        let now = Local::now();
+    pub fn prev_month_day_occurrence(&self) -> Option<Date> {
+        let now = Timestamp::now().to_zoned(TimeZone::UTC);
         let year = now.year();
-        let mut date = NaiveDate::from_ymd_opt(year, self.month, self.day);
-        if let Some(real_date) = date {
-            if real_date >= now.date_naive() {
-                date = NaiveDate::from_ymd_opt(year - 1, self.month, self.day);
+        Date::new(year, self.month, self.day).ok().and_then(|date| {
+            if date >= now.date() {
+                Date::new(year - 1, self.month, self.day).ok()
+            } else {
+                Some(date)
             }
-        }
-        date
-    }
-    pub fn next_month_day_occurrence(&self) -> Option<NaiveDate> {
-        let now = Local::now();
-        let year = now.year();
-        let mut date = NaiveDate::from_ymd_opt(year, self.month, self.day);
-        if let Some(real_date) = date {
-            if real_date < now.date_naive() {
-                date = NaiveDate::from_ymd_opt(year + 1, self.month, self.day);
-            }
-        }
-        date
+        })
     }
 
-    pub fn to_date_naive(&self) -> Option<NaiveDate> {
+    pub fn next_month_day_occurrence(&self) -> Option<Date> {
+        let now = Timestamp::now().to_zoned(TimeZone::UTC);
+        let year = now.year();
+        Date::new(year, self.month, self.day).ok().and_then(|date| {
+            if date < now.date() {
+                Date::new(year + 1, self.month, self.day).ok()
+            } else {
+                Some(date)
+            }
+        })
+    }
+
+    pub fn to_civil_date(&self) -> Option<Date> {
         if let Some(year) = self.year {
-            NaiveDate::from_ymd_opt(year, self.month, self.day)
+            Date::new(year, self.month, self.day).ok()
         } else {
             None
         }
@@ -68,12 +69,12 @@ impl FromStr for YearOptionalDate {
         let date_re = Regex::new(r"^([0-9]{4}|--)([0-9]{2})([0-9]{2})$").unwrap();
         if let Some(caps) = date_re.captures(str) {
             let year_str = &caps[1];
-            let month = u32::from_str(&caps[2]).unwrap();
-            let day = u32::from_str(&caps[3]).unwrap();
+            let month = i8::from_str(&caps[2]).unwrap();
+            let day = i8::from_str(&caps[3]).unwrap();
             let year = if year_str == "--" {
                 None
             } else {
-                Some(i32::from_str(year_str).unwrap())
+                Some(i16::from_str(year_str).unwrap())
             };
 
             return Ok(Self { year, month, day });
diff --git a/src/switchboard.rs b/src/switchboard.rs
index 0b7d3f8..6635700 100644
--- a/src/switchboard.rs
+++ b/src/switchboard.rs
@@ -74,7 +74,7 @@ impl MentionHost<'_> {
 }
 
 impl Switchboard {
-    pub async fn gen_trie(pool: &SqlitePool) -> Result<radix_trie::Trie<String,String>, AppError> {
+    pub async fn gen_trie(pool: &SqlitePool) -> Result<radix_trie::Trie<String, String>, AppError> {
         let mut trie = radix_trie::Trie::new();
 
         let mentionables = sqlx::query_as!(
@@ -109,14 +109,6 @@ impl Switchboard {
         }
     }
 
-    pub fn remove(self: &mut Self, text: &String) {
-        self.trie.remove(text);
-    }
-
-    pub fn add_mentionable(self: &mut Self, text: String, uri: String) {
-        self.trie.insert(text, uri);
-    }
-
     pub fn extract_mentions<'a>(&self, host: impl Into<MentionHost<'a>>) -> HashSet<Mention> {
         let host: MentionHost = host.into();
         let name_re = Regex::new(r"\[\[(.+?)\]\]").unwrap();
diff --git a/src/web/contact/mod.rs b/src/web/contact/mod.rs
index 35f66e0..6386bdd 100644
--- a/src/web/contact/mod.rs
+++ b/src/web/contact/mod.rs
@@ -7,19 +7,19 @@ use axum::{
 };
 use axum_extra::extract::Form;
 use cache_bust::asset;
-use chrono::DateTime;
+use jiff::{Timestamp, Unit, tz::TimeZone};
 use maud::{Markup, html};
 use serde::Deserialize;
 use serde_json::json;
 use slug::slugify;
-use sqlx::{QueryBuilder, Sqlite};
+use sqlx::QueryBuilder;
 
 use super::Layout;
 use super::home::journal_section;
 use crate::db::DbId;
 use crate::models::user::AuthSession;
 use crate::models::{HydratedContact, JournalEntry};
-use crate::switchboard::{MentionHost, MentionHostType, insert_mentions, Switchboard};
+use crate::switchboard::{MentionHost, MentionHostType, Switchboard, insert_mentions};
 use crate::{AppError, AppState};
 
 pub mod fields;
@@ -40,22 +40,22 @@ pub fn router() -> Router<AppState> {
         .route("/contact/{contact_id}/edit", get(self::get::contact_edit))
 }
 
-fn human_delta(delta: &chrono::TimeDelta) -> String {
-    if delta.num_days() == 0 {
-        return "today".to_string();
-    }
+fn human_delta(span: &jiff::Span) -> String {
+    let todate = Timestamp::now().to_zoned(TimeZone::UTC).date();
+    let span = span
+        .round(
+            jiff::SpanRound::new()
+                .largest(Unit::Year)
+                .smallest(Unit::Day)
+                .relative(todate),
+        )
+        .unwrap();
 
-    let mut result = "in ".to_string();
-    let mut rem = delta.clone();
-    if rem.num_days().abs() >= 7 {
-        let weeks = rem.num_days() / 7;
-        rem -= chrono::TimeDelta::days(weeks * 7);
-        result.push_str(&format!("{}w ", weeks));
+    if span.is_zero() {
+        "today".to_string()
+    } else {
+        format!("in {:#}", span)
     }
-    if rem.num_days().abs() > 0 {
-        result.push_str(&format!("{}d ", rem.num_days()));
-    }
-    result.trim().to_string()
 }
 
 mod get {
@@ -88,7 +88,9 @@ mod get {
         .await?;
 
         let freshened = std::cmp::max(
-            contact.manually_freshened_at.map(|when| when.date_naive()),
+            contact
+                .manually_freshened_at
+                .map(|when| when.to_zoned(jiff::tz::TimeZone::UTC).date()),
             entries.get(0).map(|entry| entry.date),
         );
 
@@ -213,7 +215,7 @@ mod get {
         let mfresh_str = contact
             .manually_freshened_at
             .clone()
-            .map_or("".to_string(), |m| m.to_rfc3339());
+            .map_or("".to_string(), |m| m.to_string());
 
         let text_body: String =
             sqlx::query!("select text_body from contacts where id = $1", contact_id)
@@ -224,7 +226,7 @@ mod get {
 
         Ok(layout.render(
             format!("Edit: {}", contact.names.get(0).unwrap_or(&String::from("(unknown)"))),
-            Some(vec![asset!("contact.css")]), 
+            Some(vec![asset!("contact.css")]),
             html! {
         form hx-ext="response-targets" {
             div {
@@ -351,14 +353,15 @@ mod put {
             Some(payload.birthday)
         };
 
-        let manually_freshened_at = if payload.manually_freshened_at.is_empty() {
+        let manually_freshened_at: Option<String> = if payload.manually_freshened_at.is_empty() {
             None
         } else {
             Some(
-                DateTime::parse_from_str(&payload.manually_freshened_at, "%+")
+                payload
+                    .manually_freshened_at
+                    .parse::<Timestamp>()
                     .map_err(|_| anyhow::Error::msg("Could not parse freshened-at string"))?
-                    .to_utc()
-                    .to_rfc3339(),
+                    .to_string(),
             )
         };
 
@@ -386,9 +389,6 @@ mod put {
         .execute(pool)
         .await?;
 
-        if old_contact.text_body != text_body {
-        }
-
         // these blocks are not in functions because payload gets progressively
         // partially moved as we handle each field and i don't want to deal with it
 
@@ -488,25 +488,21 @@ mod put {
             let old_names: Vec<String> = old_names.into_iter().map(|(s,)| s).collect();
 
             if old_names != new_names {
-                sqlx::query!(
-                    "delete from names where contact_id = $1",
-                    contact_id
-                )
-                .execute(pool)
-                .await?;
-
-                if !new_names.is_empty() {
-                    QueryBuilder::new(
-                        "insert into names (contact_id, sort, name) "
-                    ).push_values(new_names.iter().enumerate(), |mut b, (sort, name)| {
-                        b
-                            .push_bind(contact_id)
-                            .push_bind(DbId::try_from(sort).unwrap())
-                            .push_bind(name);
-                    }).build()
-                    .persistent(false)
+                sqlx::query!("delete from names where contact_id = $1", contact_id)
                     .execute(pool)
                     .await?;
+
+                if !new_names.is_empty() {
+                    QueryBuilder::new("insert into names (contact_id, sort, name) ")
+                        .push_values(new_names.iter().enumerate(), |mut b, (sort, name)| {
+                            b.push_bind(contact_id)
+                                .push_bind(DbId::try_from(sort).unwrap())
+                                .push_bind(name);
+                        })
+                        .build()
+                        .persistent(false)
+                        .execute(pool)
+                        .await?;
                 }
             }
 
@@ -524,12 +520,9 @@ mod put {
             let old_groups: Vec<String> = old_groups.into_iter().map(|(s,)| s).collect();
 
             if new_groups != old_groups {
-                sqlx::query!(
-                    "delete from groups where contact_id = $1",
-                    contact_id
-                )
-                .execute(pool)
-                .await?;
+                sqlx::query!("delete from groups where contact_id = $1", contact_id)
+                    .execute(pool)
+                    .await?;
 
                 if new_groups.len() > 0 {
                     QueryBuilder::new("insert into groups (contact_id, name, slug) ")
@@ -566,7 +559,6 @@ mod put {
                 .await?;
             }
 
-
             if regen_text_body {
                 sqlx::query!(
                     "delete from mentions where entity_id = $1 and entity_type = $2",
diff --git a/src/web/home.rs b/src/web/home.rs
index 36c2a31..8af2d07 100644
--- a/src/web/home.rs
+++ b/src/web/home.rs
@@ -1,7 +1,7 @@
 use axum::extract::State;
 use axum::response::IntoResponse;
 use cache_bust::asset;
-use chrono::{Local, NaiveDate, TimeDelta};
+use jiff::{Timestamp, Unit, Zoned, civil, tz::TimeZone};
 use maud::{Markup, html};
 use sqlx::sqlite::SqlitePool;
 
@@ -15,7 +15,7 @@ use crate::{AppError, AppState};
 struct ContactFreshness {
     contact_id: DbId,
     display: String,
-    fresh_date: NaiveDate,
+    fresh_date: civil::Date,
     fresh_str: String,
     elapsed_str: String,
 }
@@ -46,8 +46,8 @@ fn freshness_section(freshens: &Vec<ContactFreshness>) -> Result<Markup, AppErro
 struct KnownBirthdayContact {
     contact_id: i64,
     display: String,
-    prev_birthday: NaiveDate,
-    next_birthday: NaiveDate,
+    prev_birthday: civil::Date,
+    next_birthday: civil::Date,
 }
 fn birthdays_section(
     prev_birthdays: &Vec<KnownBirthdayContact>,
@@ -64,7 +64,7 @@ fn birthdays_section(
                             (contact.display)
                         }
                         span {
-                            (contact.next_birthday.format("%m-%d"))
+                            (contact.next_birthday.strftime("%m-%d"))
                         }
                     }
                 }
@@ -75,7 +75,7 @@ fn birthdays_section(
                             (contact.display)
                         }
                         span {
-                            (contact.prev_birthday.format("%m-%d"))
+                            (contact.prev_birthday.strftime("%m-%d"))
                         }
                     }
                 }
@@ -103,7 +103,7 @@ pub async fn journal_section(
                     added to the top of the list regardless of date; refresh the page to re-sort."
             }
             form hx-post="/journal_entry" hx-target="next .entries" hx-target-error="#journal-error" hx-swap="afterbegin" hx-on::after-request="if(event.detail.successful) this.reset()" {
-                input name="date" placeholder=(Local::now().date_naive().to_string());
+                input name="date" placeholder=(Zoned::now().date().to_string());
                 textarea name="value" placeholder="New entry..." autofocus {}
                 input type="submit" value="Add Entry";
             }
@@ -135,11 +135,11 @@ pub mod get {
             .clone()
             .into_iter()
             .map(|contact| {
-                let zero = NaiveDate::from_epoch_days(0).unwrap();
+                let zero = jiff::civil::Date::ZERO;
                 let fresh_date = std::cmp::max(
                     contact
                         .manually_freshened_at
-                        .map(|x| x.date_naive())
+                        .map(|ts| ts.to_zoned(TimeZone::UTC).date())
                         .unwrap_or(zero),
                     contact.last_mention_date.unwrap_or(zero),
                 );
@@ -152,30 +152,23 @@ pub mod get {
                         elapsed_str: "".to_string(),
                     }
                 } else {
-                    let mut duration = Local::now().date_naive().signed_duration_since(fresh_date);
-                    let mut elapsed: Vec<String> = Vec::new();
-                    let y = duration.num_weeks() / 52;
-                    let count = |n: i64, noun: &str| {
-                        format!("{} {}{}", n, noun, if n > 1 { "s" } else { "" })
-                    };
-                    if y > 0 {
-                        elapsed.push(count(y, "year"));
-                        duration -= TimeDelta::weeks(y * 52);
-                    }
-                    let w = duration.num_weeks();
-                    if w > 0 {
-                        elapsed.push(count(w, "week"));
-                        duration -= TimeDelta::weeks(w);
-                    }
-                    let d = duration.num_days();
-                    if d > 0 {
-                        elapsed.push(count(d, "day"));
-                    }
+                    let utc = TimeZone::UTC;
+                    let todate = Timestamp::now().to_zoned(utc.clone()).date();
+                    let duration = todate
+                        .since(&fresh_date.to_zoned(utc).unwrap())
+                        .unwrap()
+                        .round(
+                            jiff::SpanRound::new()
+                                .largest(Unit::Year)
+                                .smallest(Unit::Day)
+                                .relative(todate),
+                        )
+                        .unwrap();
 
-                    let elapsed_str = if elapsed.is_empty() {
+                    let elapsed_str = if duration.is_zero() {
                         "today".to_string()
                     } else {
-                        elapsed.join(", ")
+                        format!("{:#}", duration)
                     };
 
                     ContactFreshness {
@@ -197,8 +190,8 @@ pub mod get {
                     Some(KnownBirthdayContact {
                         contact_id: contact.id,
                         display: contact.display_name(),
-                        prev_birthday: date.prev_month_day_occurrence().unwrap(),
-                        next_birthday: date.next_month_day_occurrence().unwrap(),
+                        prev_birthday: date.prev_month_day_occurrence()?,
+                        next_birthday: date.next_month_day_occurrence()?,
                     })
                 } else {
                     None
diff --git a/src/web/ics.rs b/src/web/ics.rs
index b7780ec..162b3f9 100644
--- a/src/web/ics.rs
+++ b/src/web/ics.rs
@@ -61,9 +61,9 @@ mod get {
         for contact in &contacts {
             if let Some(Birthday::Date(yo_date)) = &contact.birthday {
                 if let Some(date) = NaiveDate::from_ymd_opt(
-                    yo_date.year.unwrap_or(1900),
-                    yo_date.month,
-                    yo_date.day,
+                    yo_date.year.unwrap_or(1900).into(),
+                    yo_date.month.try_into().unwrap(),
+                    yo_date.day.try_into().unwrap(),
                 ) {
                     calendar.push(
                         Event::new()
diff --git a/src/web/journal.rs b/src/web/journal.rs
index b3bb30e..2ff6ddc 100644
--- a/src/web/journal.rs
+++ b/src/web/journal.rs
@@ -4,14 +4,14 @@ use axum::{
     response::IntoResponse,
     routing::{delete, patch, post},
 };
-use chrono::{Datelike, Local, NaiveDate};
+use jiff::{Zoned, civil::Date};
 use maud::Markup;
 use regex::Regex;
 use serde::Deserialize;
 
 use crate::models::JournalEntry;
 use crate::models::user::AuthSession;
-use crate::switchboard::{MentionHost, MentionHostType, insert_mentions};
+use crate::switchboard::{MentionHostType, insert_mentions};
 use crate::{AppError, AppState, DbId};
 
 pub fn router() -> Router<AppState> {
@@ -39,10 +39,10 @@ mod post {
         let pool = &state.db(&user).pool;
         let sw_lock = state.switchboard(&user);
 
-        let now = Local::now().date_naive();
+        let now = Zoned::now();
 
         let date = if payload.date.is_empty() {
-            now
+            now.date()
         } else {
             let date_re =
                 Regex::new(r"^(?:(?<year>[0-9]{4})-)?(?:(?<month>[0-9]{2})-)?(?<day>[0-9]{2})$")
@@ -54,17 +54,16 @@ mod post {
             // unwrapping these parses is safe since it's matching [0-9]{2,4}
             let year = caps
                 .name("year")
-                .map(|m| m.as_str().parse::<i32>().unwrap())
+                .map(|m| m.as_str().parse::<i16>().unwrap())
                 .unwrap_or(now.year());
             let month = caps
                 .name("month")
-                .map(|m| m.as_str().parse::<u32>().unwrap())
+                .map(|m| m.as_str().parse::<i8>().unwrap())
                 .unwrap_or(now.month());
-            let day = caps.name("day").unwrap().as_str().parse::<u32>().unwrap();
+            let day = caps.name("day").unwrap().as_str().parse::<i8>().unwrap();
 
-            NaiveDate::from_ymd_opt(year, month, day).ok_or(anyhow::Error::msg(
-                "invalid date: failed NaiveDate construction",
-            ))?
+            Date::new(year, month, day)
+                .map_err(|_| anyhow::Error::msg("invalid date: failed NaiveDate construction"))?
         };
 
         // not a macro query, we want to use JournalEntry's custom FromRow
@@ -131,7 +130,6 @@ mod patch {
             insert_mentions(&mentions, pool).await?;
         }
 
-
         Ok(new_entry.to_html(pool).await?)
     }
 }

From b361c1ab5815bf612fa7fdd3e301145ef26959ca Mon Sep 17 00:00:00 2001
From: Robert Perce <contact@rperce.net>
Date: Fri, 3 Apr 2026 13:47:23 -0500
Subject: [PATCH 02/20] feat: can_stale and periodicity

---
 .../each_user/0013_contact-periodicity.sql    |  8 +++
 src/models/contact.rs                         | 50 +++++++++++++++++--
 src/web/contact/mod.rs                        | 41 +++++++++++++--
 src/web/home.rs                               | 26 +++++++---
 4 files changed, 108 insertions(+), 17 deletions(-)
 create mode 100644 migrations/each_user/0013_contact-periodicity.sql

diff --git a/migrations/each_user/0013_contact-periodicity.sql b/migrations/each_user/0013_contact-periodicity.sql
new file mode 100644
index 0000000..05e65ad
--- /dev/null
+++ b/migrations/each_user/0013_contact-periodicity.sql
@@ -0,0 +1,8 @@
+alter table contacts add column
+  can_stale boolean not null default true;
+
+alter table contacts add column
+  periodicity text not null default 'P0D';
+
+alter table contacts add column
+  active boolean not null default true;
diff --git a/src/models/contact.rs b/src/models/contact.rs
index 8ed0be6..165c43b 100644
--- a/src/models/contact.rs
+++ b/src/models/contact.rs
@@ -1,4 +1,4 @@
-use jiff::{Timestamp, civil};
+use jiff::{Span, Timestamp, civil::Date};
 use sqlx::sqlite::SqlitePool;
 use std::str::FromStr;
 
@@ -12,6 +12,9 @@ struct RawContact {
     birthday: Option<String>,
     manually_freshened_at: Option<String>,
     lives_with: String,
+    can_stale: bool,
+    active: bool,
+    periodicity: String,
 }
 
 #[derive(Clone, Debug)]
@@ -20,6 +23,9 @@ pub struct Contact {
     pub birthday: Option<Birthday>,
     pub manually_freshened_at: Option<Timestamp>,
     pub lives_with: String,
+    pub can_stale: bool,
+    pub active: bool,
+    pub periodicity: Span,
 }
 
 impl Into<Contact> for RawContact {
@@ -33,6 +39,9 @@ impl Into<Contact> for RawContact {
                 .manually_freshened_at
                 .and_then(|str| str.parse::<Timestamp>().ok()),
             lives_with: self.lives_with,
+            can_stale: self.can_stale,
+            active: self.active,
+            periodicity: self.periodicity.parse().unwrap(),
         }
     }
 }
@@ -42,6 +51,10 @@ struct RawHydratedContact {
     birthday: Option<String>,
     manually_freshened_at: Option<String>,
     lives_with: String,
+    can_stale: bool,
+    active: bool,
+    periodicity: String,
+
     last_mention_date: Option<String>,
     names: Option<String>,
 }
@@ -49,7 +62,7 @@ struct RawHydratedContact {
 #[derive(Clone, Debug)]
 pub struct HydratedContact {
     pub contact: Contact,
-    pub last_mention_date: Option<civil::Date>,
+    pub last_mention_date: Option<Date>,
     pub names: Vec<String>,
 }
 
@@ -61,6 +74,9 @@ impl Into<HydratedContact> for RawHydratedContact {
                 birthday: self.birthday,
                 manually_freshened_at: self.manually_freshened_at,
                 lives_with: self.lives_with,
+                can_stale: self.can_stale,
+                active: self.active,
+                periodicity: self.periodicity,
             }),
             names: self
                 .names
@@ -70,7 +86,7 @@ impl Into<HydratedContact> for RawHydratedContact {
                 .collect::<Vec<String>>(),
             last_mention_date: self
                 .last_mention_date
-                .and_then(|str| str.parse::<civil::Date>().ok()),
+                .and_then(|str| str.parse::<Date>().ok()),
         }
     }
 }
@@ -91,11 +107,27 @@ impl HydratedContact {
         }
     }
 
+    pub fn status(&self) -> &'static str {
+        if self.can_stale {
+            if self.active { "normal" } else { "inactive" }
+        } else {
+            "permanent"
+        }
+    }
+
     pub async fn load(id: DbId, pool: &SqlitePool) -> Result<Self, AppError> {
         // copy-paste the query from 'all', then add "where c.id = $2" to the last line
         let raw = sqlx::query_as!(
             RawHydratedContact,
-            r#"select id, birthday, lives_with, manually_freshened_at as "manually_freshened_at: String", (
+            r#"select
+            id,
+            birthday,
+            lives_with,
+            manually_freshened_at as "manually_freshened_at: String",
+            can_stale,
+            active,
+            periodicity,
+            (
                 select string_agg(name,x'1c' order by sort)
                 from names where contact_id = c.id
             ) as names, (
@@ -122,7 +154,15 @@ impl HydratedContact {
     pub async fn all(pool: &SqlitePool) -> Result<Vec<Self>, AppError> {
         let contacts = sqlx::query_as!(
             RawHydratedContact,
-            r#"select id, birthday, lives_with, manually_freshened_at as "manually_freshened_at: String", (
+            r#"select
+            id,
+            birthday,
+            lives_with,
+            manually_freshened_at as "manually_freshened_at: String",
+            can_stale,
+            active,
+            periodicity,
+            (
                 select string_agg(name,x'1c' order by sort)
                 from names where contact_id = c.id
             ) as names, (
diff --git a/src/web/contact/mod.rs b/src/web/contact/mod.rs
index 6386bdd..88bd303 100644
--- a/src/web/contact/mod.rs
+++ b/src/web/contact/mod.rs
@@ -132,6 +132,14 @@ mod get {
                             div { (name) }
                         }
                     }
+                    @if contact.status() != "normal" {
+                        label { "status" }
+                        div { (contact.status()) }
+                    }
+                    @if contact.status() == "normal" && contact.periodicity.is_positive() {
+                        label { "periodicity" }
+                        div { (format!("{:#}", contact.periodicity)) }
+                    }
                     @if let Some(bday) = &contact.birthday {
                         label { "birthday" }
                         div {
@@ -235,7 +243,7 @@ mod get {
                 div #error;
             }
 
-            div #fields {
+            #fields x-data=(json!({ "status": contact.status() })){
                 label { @if contact.names.len() > 1 { "names" } @else { "name" }}
                 div #names x-data=(format!("{{ names: {:?}, new_name: '' }}", &contact.names)) {
                     template x-for="(name, idx) in names" {
@@ -251,6 +259,19 @@ mod get {
                         input type="button" value="Add" x-on:click="names.push(new_name); new_name = ''";
                     }
                 }
+                label { "status" }
+                div {
+                    select name="status" x-model=("status") {
+                        option value="normal" { "Normal" }
+                        option value="permanent" { "Cannot go stale" }
+                        option value="inactive" { "Inactive" }
+                    }
+                }
+                label x-show="status === 'normal'" { "minimum stale time" }
+                div x-show="status === 'normal'"{
+                    input name="periodicity" value=(format!("{:#}", contact.periodicity));
+                    span .hint { code { "[0-9]+ (yr|mo|wk|day|h|m|s)" } "(" a href="https://docs.rs/jiff/latest/jiff/struct.Span.html#parsing-and-printing" { "details" } ")" }
+                }
                 label { "birthday" }
                 div {
                     input name="birthday" value=(contact.birthday.clone().map_or("".to_string(), |b| b.serialize()));
@@ -326,6 +347,8 @@ mod put {
     #[derive(Deserialize)]
     pub struct PutContact {
         name: Option<Vec<String>>,
+        status: String,
+        periodicity: Option<String>,
         birthday: String,
         manually_freshened_at: String,
         lives_with: String,
@@ -365,6 +388,10 @@ mod put {
             )
         };
 
+        let active: bool = payload.status != "inactive";
+        let can_stale: bool = payload.status != "permanent";
+        let periodicity: String = payload.periodicity.unwrap_or("P0D".to_string());
+
         let text_body = if payload.text_body.is_empty() {
             None
         } else {
@@ -377,13 +404,19 @@ mod put {
 
         sqlx::query!(
             "update contacts set
-                (birthday, manually_freshened_at, lives_with, text_body) =
-                ($1, $2, $3, $4)
-                where id = $5",
+                (
+                  birthday, manually_freshened_at, lives_with, text_body,
+                  active, can_stale, periodicity
+                ) =
+                (?, ?, ?, ?, ?, ?, ?)
+                where id = ?",
             birthday,
             manually_freshened_at,
             payload.lives_with,
             text_body,
+            active,
+            can_stale,
+            periodicity,
             contact_id
         )
         .execute(pool)
diff --git a/src/web/home.rs b/src/web/home.rs
index 8af2d07..231ee6a 100644
--- a/src/web/home.rs
+++ b/src/web/home.rs
@@ -134,7 +134,11 @@ pub mod get {
         let mut freshens: Vec<ContactFreshness> = contacts
             .clone()
             .into_iter()
-            .map(|contact| {
+            .filter_map(|contact| {
+                if !contact.can_stale || !contact.active {
+                    return None;
+                }
+
                 let zero = jiff::civil::Date::ZERO;
                 let fresh_date = std::cmp::max(
                     contact
@@ -144,17 +148,17 @@ pub mod get {
                     contact.last_mention_date.unwrap_or(zero),
                 );
                 if fresh_date == zero {
-                    ContactFreshness {
+                    Some(ContactFreshness {
                         contact_id: contact.id,
                         display: contact.display_name(),
                         fresh_date,
                         fresh_str: "never".to_string(),
                         elapsed_str: "".to_string(),
-                    }
+                    })
                 } else {
                     let utc = TimeZone::UTC;
                     let todate = Timestamp::now().to_zoned(utc.clone()).date();
-                    let duration = todate
+                    let elapsed = todate
                         .since(&fresh_date.to_zoned(utc).unwrap())
                         .unwrap()
                         .round(
@@ -165,19 +169,25 @@ pub mod get {
                         )
                         .unwrap();
 
-                    let elapsed_str = if duration.is_zero() {
+                    if let Some(cmp) = elapsed.compare((contact.periodicity, todate)).ok() {
+                        if cmp == std::cmp::Ordering::Less {
+                            return None;
+                        }
+                    }
+
+                    let elapsed_str = if elapsed.is_zero() {
                         "today".to_string()
                     } else {
-                        format!("{:#}", duration)
+                        format!("{:#}", elapsed)
                     };
 
-                    ContactFreshness {
+                    Some(ContactFreshness {
                         contact_id: contact.id,
                         display: contact.display_name(),
                         fresh_date,
                         fresh_str: fresh_date.to_string(),
                         elapsed_str,
-                    }
+                    })
                 }
             })
             .collect();

From f75260c079388ac3b711c63642b4e11227c3bbc6 Mon Sep 17 00:00:00 2001
From: Robert Perce <contact@rperce.net>
Date: Fri, 3 Apr 2026 13:56:06 -0500
Subject: [PATCH 03/20] chore: gitkeep dbs folder

---
 .gitignore   | 2 +-
 dbs/.gitkeep | 0
 2 files changed, 1 insertion(+), 1 deletion(-)
 create mode 100644 dbs/.gitkeep

diff --git a/.gitignore b/.gitignore
index 774c5d2..3869d49 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,7 +3,7 @@ e2e/node_modules
 e2e/playwright-report
 e2e/test-results
 /some_user.db
-/dbs
+/dbs/*
 /hashed_static
 /users.db
 /.sqlx
diff --git a/dbs/.gitkeep b/dbs/.gitkeep
new file mode 100644
index 0000000..e69de29

From b079001cc52cb8330206dc474da168e4d36623ec Mon Sep 17 00:00:00 2001
From: Robert Perce <contact@rperce.net>
Date: Fri, 3 Apr 2026 16:03:16 -0500
Subject: [PATCH 04/20] feat: inactive contacts hidden in sidebar

---
 e2e/pages/contact.spec.ts | 12 +++++-
 e2e/pages/journal.spec.ts |  1 -
 e2e/playwright.config.ts  | 90 +++++++++++++++++++--------------------
 migrations/demo.sql       |  4 +-
 src/web/contact/mod.rs    | 22 +++++++---
 src/web/mod.rs            | 40 ++++++++++++++++-
 static/index.css          | 12 +++++-
 7 files changed, 123 insertions(+), 58 deletions(-)

diff --git a/e2e/pages/contact.spec.ts b/e2e/pages/contact.spec.ts
index 46af08e..a1e411d 100644
--- a/e2e/pages/contact.spec.ts
+++ b/e2e/pages/contact.spec.ts
@@ -9,7 +9,7 @@ test.beforeEach(async ({ page }) => {
 
 test('manual-freshen date is editable', async ({ page }) => {
   await page.getByRole('link', { name: /edit/i }).click();
-  await expect(page.getByRole('textbox', { name: /freshened/i })).toBeVisible();
+  await expect(page.locator('input[name="manually_freshened_on"]')).toBeVisible();
 });
 
 test('last-contact date on display resolves journal mentions and manual-freshen', async ({ page }) => {
@@ -38,7 +38,15 @@ test.skip("groups wrap nicely", async ({ page }) => {
 });
 
 test('allow marking as inactive', async ({ page }) => {
+  await page.getByRole('link', { name: /edit/i }).click();
+  await expect(page.locator('#alpine-loaded')).not.toHaveAttribute('x-cloak');
 
+  // TODO: this only works if there's no other comboboxes on the page :/
+  await page.getByRole('combobox').selectOption('Inactive')
+  await page.getByRole('button', { name: /save/i }).click();
+  await expect(page.locator('#alpine-loaded')).not.toHaveAttribute('x-cloak');
+
+  await expect(page.locator('#contacts-sidebar').getByText("Test Testerson")).not.toBeVisible();
 });
 
 test('allow exempting from stale', async ({ page }) => {
@@ -50,7 +58,7 @@ test('stale list considers periodicity', async ({ page }) => {
 });
 
 test('page title has contact primary name', async ({ page }) => {
-  await expect(page.title()).toContain("Test Testerson");
+  expect(await page.title()).toContain("Test Testerson");
 });
 
 
diff --git a/e2e/pages/journal.spec.ts b/e2e/pages/journal.spec.ts
index f30efa3..fe9ecb9 100644
--- a/e2e/pages/journal.spec.ts
+++ b/e2e/pages/journal.spec.ts
@@ -43,7 +43,6 @@ test("changing a contact's names updates journal entries", async ({ page }) => {
   await page.getByRole('button', { name: 'Add' }).nth(1).click();
   await page.getByRole('button', { name: /save/i }).click();
   await page.getByRole('link', { name: 'Mascarpone' }).click();
-  console.log(await journal.innerHTML());
   await expect.soft(journal.getByRole('link', { name: 'JC' })).toHaveCount(1);
 
   // delete an existing name
diff --git a/e2e/playwright.config.ts b/e2e/playwright.config.ts
index 1065269..f1b1fab 100644
--- a/e2e/playwright.config.ts
+++ b/e2e/playwright.config.ts
@@ -1,72 +1,72 @@
 import { defineConfig, devices } from '@playwright/test';
-import 'custom-expects';
+import './custom-expects';
 
 // purposefully not using ??: we want to replace empty empty string with default
 const BASE_URL = process.env.BASE_URL || 'http://localhost:3000';
 
 let addlConfig = {
-	retries: process.env.CI ? 2 : 0,
+  retries: process.env.CI ? 2 : 0,
 };
 
 let projects = [
-		{
-			name: 'chromium',
-			use: { ...devices['Desktop Chrome'] },
-		},
+  {
+    name: 'chromium',
+    use: { ...devices['Desktop Chrome'] },
+  },
 
-		{
-			name: 'firefox',
-			use: { ...devices['Desktop Firefox'] },
-		},
+  {
+    name: 'firefox',
+    use: { ...devices['Desktop Firefox'] },
+  },
 
-		{
-			name: 'webkit',
-			use: { ...devices['Desktop Safari'] },
-		},
+  {
+    name: 'webkit',
+    use: { ...devices['Desktop Safari'] },
+  },
 
-		/* Test against mobile viewports. */
-		{
-		  name: 'Mobile Chrome',
-		  use: { ...devices['Pixel 5'] },
-		},
+  /* Test against mobile viewports. */
+  {
+    name: 'Mobile Chrome',
+    use: { ...devices['Pixel 5'] },
+  },
 
-		{
-		  name: 'Mobile Safari',
-		  use: { ...devices['iPhone 12'] },
-		},
+  {
+    name: 'Mobile Safari',
+    use: { ...devices['iPhone 12'] },
+  },
 ];
 
 const pfil = process.env.PROJECT_FILTER;
 if (pfil) {
-	if (pfil.startsWith('!')) {
-		projects = projects.filter(p => p.name !== pfil.slice(1));
-	} else {
-		projects = projects.filter(p => p.name === pfil);
-	}
+  if (pfil.startsWith('!')) {
+    projects = projects.filter(p => p.name !== pfil.slice(1));
+  } else {
+    projects = projects.filter(p => p.name === pfil);
+  }
 }
 
 /**
  * See https://playwright.dev/docs/test-configuration.
  */
 export default defineConfig({
-	testDir: './pages',
-	fullyParallel: true,
-	workers: 1,
-	/* Fail the build on CI if you accidentally left test.only in the source code. */
-	forbidOnly: Boolean(process.env.CI),
-	/* Reporter to use. See https://playwright.dev/docs/test-reporters */
-	reporter: 'html',
-	/* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
-	use: {
-		/* Base URL to use in actions like `await page.goto('/')`. */
-		baseURL: BASE_URL,
+  testDir: './pages',
+  fullyParallel: true,
+  workers: 1,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: Boolean(process.env.CI),
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Base URL to use in actions like `await page.goto('/')`. */
+    baseURL: BASE_URL,
 
-		/* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
-		trace: 'on-first-retry',
-	},
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+  },
 
-	/* Configure projects for major browsers */
-	projects,
-	...addlConfig,
+  /* Configure projects for major browsers */
+  projects,
+  ...addlConfig,
 });
 
diff --git a/migrations/demo.sql b/migrations/demo.sql
index 17bda4c..8eb0d76 100644
--- a/migrations/demo.sql
+++ b/migrations/demo.sql
@@ -7,8 +7,8 @@ insert into names(contact_id, sort, name) values
 insert into groups(contact_id, name, slug) values
   (0, 'ABC', 'abc');
 
-insert into contacts(id, birthday) values
-  (1, 'April?');
+insert into contacts(id, birthday, active) values
+  (1, 'April?', false);
 insert into names(contact_id, sort, name) values
   (1, 0, 'Bazel Bagend'),
   (1, 1, 'Bazel');
diff --git a/src/web/contact/mod.rs b/src/web/contact/mod.rs
index 88bd303..9f4bf8f 100644
--- a/src/web/contact/mod.rs
+++ b/src/web/contact/mod.rs
@@ -223,7 +223,9 @@ mod get {
         let mfresh_str = contact
             .manually_freshened_at
             .clone()
-            .map_or("".to_string(), |m| m.to_string());
+            .map_or("".to_string(), |m| {
+                m.to_zoned(TimeZone::UTC).date().to_string()
+            });
 
         let text_body: String =
             sqlx::query!("select text_body from contacts where id = $1", contact_id)
@@ -278,10 +280,20 @@ mod get {
                     span .hint { code { "(yyyy|--)mmdd" } " or free text" }
                 }
                 label { "freshened" }
-                div x-data=(json!({ "date": mfresh_str })) {
-                    input type="hidden" name="manually_freshened_at" x-model="date";
-                    span x-text="date.length ? date.split('T')[0] : '(never)'" {}
-                    input type="button" value="Mark fresh now" x-on:click="date = new Date().toISOString()";
+                div x-data=(json!({ "date": mfresh_str, "stamp": "" })) x-init="today = () => (new Date().toISOString().split('T')[0])" {
+                    input
+                      type="hidden"
+                      name="manually_freshened_at"
+                      x-model="stamp";
+                    input
+                      type="date"
+                      name="manually_freshened_on"
+                      x-model="date"
+                      x-bind:max="today()"
+                      x-on:input="stamp = new Date(date).toISOString()";
+
+                    input type="button" value="Mark fresh now" x-on:click="date = today(); stamp = new Date().toISOString()";
+                    span .hint x-text="`max ${today()}`";
                 }
                 label { "phone" }
                 #phone_numbers x-data=(json!({ "phones": phone_numbers, "new_label": "", "new_number": "" })) {
diff --git a/src/web/mod.rs b/src/web/mod.rs
index 6a6e141..a7f755d 100644
--- a/src/web/mod.rs
+++ b/src/web/mod.rs
@@ -25,6 +25,7 @@ struct ContactLink {
 #[derive(Debug)]
 pub struct Layout {
     contact_links: Vec<ContactLink>,
+    inactive_contact_links: Vec<ContactLink>,
     user: User,
 }
 
@@ -48,6 +49,20 @@ impl FromRequestParts<AppState> for Layout {
                 from contacts c
                 left join names n on c.id = n.contact_id
                 where n.sort is null or n.sort = 0
+                and c.active = true
+                order by name asc",
+        )
+        .fetch_all(&state.db(&user).pool)
+        .await?;
+
+        let inactive_contact_links = sqlx::query_as!(
+            ContactLink,
+            "select c.id as contact_id,
+                coalesce(n.name, '(unnamed)') as name
+                from contacts c
+                left join names n on c.id = n.contact_id
+                where n.sort is null or n.sort = 0
+                and c.active = false
                 order by name asc",
         )
         .fetch_all(&state.db(&user).pool)
@@ -55,13 +70,19 @@ impl FromRequestParts<AppState> for Layout {
 
         Ok(Layout {
             contact_links,
+            inactive_contact_links,
             user,
         })
     }
 }
 
 impl Layout {
-    pub fn render(&self, title: impl AsRef<str>, css: Option<Vec<&str>>, content: Markup) -> Markup {
+    pub fn render(
+        &self,
+        title: impl AsRef<str>,
+        css: Option<Vec<&str>>,
+        content: Markup,
+    ) -> Markup {
         html! {
             (DOCTYPE)
             html {
@@ -101,6 +122,23 @@ impl Layout {
                                         }
                                     }
                                 }
+
+                           @if !self.inactive_contact_links.is_empty() {
+                               li .inactive {
+                               details {
+                                   summary { "Inactive contacts" }
+                                   ul {
+                                       @for link in &self.inactive_contact_links {
+                                           li {
+                                                a href=(format!("/contact/{}", link.contact_id)) {
+                                                    (link.name)
+                                                }
+                                           }
+                                       }
+                                   }
+                               }
+                               }
+                           }
                            }
                         }
                         main {
diff --git a/static/index.css b/static/index.css
index 03bf9da..5889146 100644
--- a/static/index.css
+++ b/static/index.css
@@ -8,7 +8,7 @@ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abb
 
 body {
   width: 100%;
-  min-height: 100vh;
+  height: 100vh;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -35,6 +35,7 @@ section#content {
   display: flex;
   flex-direction: row;
   width: 100%;
+  height: 100%;
   @media only screen and (max-width: 650px) {
     position: relative;
   }
@@ -44,6 +45,8 @@ section#content {
   display: flex;
   flex-direction: column;
   padding-right: 1em;
+  height: 100%;
+  overflow-y: auto;
   @media only screen and (max-width: 650px) {
     position: absolute;
     float: left;
@@ -58,7 +61,7 @@ section#content {
     }
   }
 
-  ul {
+  & > ul {
     flex: 1;
     width: fit-content;
     background-color: var(--main-bg-color);
@@ -79,12 +82,17 @@ section#content {
       border-bottom: none;
     }
   }
+
+  li.inactive {
+    font-size: small;
+  }
 }
 
 main {
   display: flex;
   flex-direction: column;
   flex: 1;
+  overflow-y: auto;
 }
 
 .icon {

From 5866c94535963b235dde32f12e7f0b2e6171a0f6 Mon Sep 17 00:00:00 2001
From: Robert Perce <contact@rperce.net>
Date: Sat, 4 Apr 2026 22:47:23 -0500
Subject: [PATCH 05/20] fix: manually-freshened-at date overwritten

---
 Taskfile                  |  4 ++--
 e2e/Taskfile              | 10 +---------
 e2e/pages/contact.spec.ts | 35 ++++++++++++++++++++++++++++++++---
 src/web/contact/mod.rs    | 19 ++++++++++++-------
 4 files changed, 47 insertions(+), 21 deletions(-)

diff --git a/Taskfile b/Taskfile
index 9eeaa50..9fa64cf 100755
--- a/Taskfile
+++ b/Taskfile
@@ -1,11 +1,11 @@
 #!/usr/bin/env bash
 
 playwright:local() {
-  bash e2e/Taskfile playwright:local
+  bash e2e/Taskfile playwright:local "$@"
 }
 
 playwright:ui() {
-  bash e2e/Taskfile playwright:ui
+  bash e2e/Taskfile playwright:ui "$@"
 }
 
 refresh_sqlx_db() {
diff --git a/e2e/Taskfile b/e2e/Taskfile
index 8cb16ea..ee88f38 100755
--- a/e2e/Taskfile
+++ b/e2e/Taskfile
@@ -10,20 +10,12 @@ playwright:local() {
   exec docker run \
     --interactive --tty --rm --ipc=host --net=host \
     --volume "$SCRIPT_DIR":/e2e:rw --env BASE_URL="$BASE_URL" \
-    --env ASTRO_TELEMETRY_DISABLED=1 \
     "mcr.microsoft.com/playwright:$(_playwright_version)" \
     bash -c "cd /e2e && env PROJECT_FILTER=firefox ./Taskfile _test $*"
 }
 
 playwright:ui() {
-  xhost +local:docker
-  exec docker run \
-    --interactive --tty --rm --ipc=host --net=host\
-    --env DISPLAY="$DISPLAY" \
-    --volume /tmp/.X11-unix:/tmp/.X11-unix \
-    --volume "$SCRIPT_DIR":/e2e:rw --env BASE_URL="$BASE_URL" \
-    "mcr.microsoft.com/playwright:$(_playwright_version)" \
-    /bin/bash -c "cd /e2e && ./Taskfile _test --ui $*"
+  playwright:local --ui-host=0.0.0.0
 }
 
 playwright:ci() {
diff --git a/e2e/pages/contact.spec.ts b/e2e/pages/contact.spec.ts
index a1e411d..8b4318d 100644
--- a/e2e/pages/contact.spec.ts
+++ b/e2e/pages/contact.spec.ts
@@ -41,23 +41,52 @@ test('allow marking as inactive', async ({ page }) => {
   await page.getByRole('link', { name: /edit/i }).click();
   await expect(page.locator('#alpine-loaded')).not.toHaveAttribute('x-cloak');
 
-  // TODO: this only works if there's no other comboboxes on the page :/
-  await page.getByRole('combobox').selectOption('Inactive')
+  await page.getByLabel('status').selectOption('Inactive');
   await page.getByRole('button', { name: /save/i }).click();
-  await expect(page.locator('#alpine-loaded')).not.toHaveAttribute('x-cloak');
 
   await expect(page.locator('#contacts-sidebar').getByText("Test Testerson")).not.toBeVisible();
 });
 
 test('allow exempting from stale', async ({ page }) => {
+  await page.goto('/');
+  await expect(page.locator('#freshness')).toContainText('Test Testersonnever');
+  await page.locator('#freshness').getByRole('link', { name: /testerson/i }).click();
+  await page.getByRole('link', { name: /edit/i }).click();
 
+  await page.getByLabel('status').selectOption('Cannot go stale');
+  await page.getByRole('button', { name: /save/i }).click();
+  await page.goto('/');
+  await expect(page.locator('#freshness')).not.toContainText('Test Testersonnever');
 });
 
 test('stale list considers periodicity', async ({ page }) => {
+  await page.getByRole('link', { name: /edit/i }).click();
+  const last_week = (() => {
+    let last_week = new Date();
+    last_week.setDate(last_week.getDate() - 7);
+    return last_week.toISOString().split("T")[0];
+  })();
+  await page.getByLabel('freshened').fill(last_week);
+  await page.getByRole('button', { name: /save/i }).click();
+  await expect(page.locator('#journal')).toBeVisible();
+  await expect(page.locator('#fields')).toContainText(`freshened${last_week}`);
 
+  await page.goto('/');
+  await expect(page.locator('#freshness')).toContainText(`Test Testerson${last_week}7d`);
+  await page.locator('#freshness').getByRole('link', { name: /testerson/i }).click();
+  await page.getByRole('link', { name: /edit/i }).click();
+
+  await page.getByLabel('minimum stale time').fill('2 weeks');
+  await page.getByRole('button', { name: /save/i }).click();
+  await expect(page.locator('#journal')).toBeVisible();
+
+  await page.goto('/');
+  await expect(page.locator('#freshness')).not.toContainText(`Test Testerson`);
 });
 
 test('page title has contact primary name', async ({ page }) => {
+  // wait for page load to finish
+  await expect(page.locator('#journal')).toBeVisible();
   expect(await page.title()).toContain("Test Testerson");
 });
 
diff --git a/src/web/contact/mod.rs b/src/web/contact/mod.rs
index 9f4bf8f..7dc487b 100644
--- a/src/web/contact/mod.rs
+++ b/src/web/contact/mod.rs
@@ -220,12 +220,16 @@ mod get {
         .await?;
 
         let cid_url = format!("/contact/{}", contact.id);
-        let mfresh_str = contact
+        let mfresh_on_str = contact
             .manually_freshened_at
             .clone()
             .map_or("".to_string(), |m| {
                 m.to_zoned(TimeZone::UTC).date().to_string()
             });
+        let mfresh_at_str = contact
+            .manually_freshened_at
+            .clone()
+            .map_or("".to_string(), |m| m.to_zoned(TimeZone::UTC).to_string());
 
         let text_body: String =
             sqlx::query!("select text_body from contacts where id = $1", contact_id)
@@ -261,17 +265,17 @@ mod get {
                         input type="button" value="Add" x-on:click="names.push(new_name); new_name = ''";
                     }
                 }
-                label { "status" }
+                label for="status" { "status" }
                 div {
-                    select name="status" x-model=("status") {
+                    select #status name="status" x-model=("status") {
                         option value="normal" { "Normal" }
                         option value="permanent" { "Cannot go stale" }
                         option value="inactive" { "Inactive" }
                     }
                 }
-                label x-show="status === 'normal'" { "minimum stale time" }
+                label x-show="status === 'normal'" for="periodicity" { "minimum stale time" }
                 div x-show="status === 'normal'"{
-                    input name="periodicity" value=(format!("{:#}", contact.periodicity));
+                    input name="periodicity" id="periodicity" value=(format!("{:#}", contact.periodicity));
                     span .hint { code { "[0-9]+ (yr|mo|wk|day|h|m|s)" } "(" a href="https://docs.rs/jiff/latest/jiff/struct.Span.html#parsing-and-printing" { "details" } ")" }
                 }
                 label { "birthday" }
@@ -279,8 +283,8 @@ mod get {
                     input name="birthday" value=(contact.birthday.clone().map_or("".to_string(), |b| b.serialize()));
                     span .hint { code { "(yyyy|--)mmdd" } " or free text" }
                 }
-                label { "freshened" }
-                div x-data=(json!({ "date": mfresh_str, "stamp": "" })) x-init="today = () => (new Date().toISOString().split('T')[0])" {
+                label for="manually_freshened_on" { "freshened" }
+                div x-data=(json!({ "date": mfresh_on_str, "stamp": mfresh_at_str })) x-init="today = () => (new Date().toISOString().split('T')[0])" {
                     input
                       type="hidden"
                       name="manually_freshened_at"
@@ -288,6 +292,7 @@ mod get {
                     input
                       type="date"
                       name="manually_freshened_on"
+                      id="manually_freshened_on"
                       x-model="date"
                       x-bind:max="today()"
                       x-on:input="stamp = new Date(date).toISOString()";

From 4f141b01c30a4e8e35de6484879d347fac28618c Mon Sep 17 00:00:00 2001
From: Robert Perce <contact@rperce.net>
Date: Sat, 4 Apr 2026 22:59:39 -0500
Subject: [PATCH 06/20] docs: more README instructions

---
 README.md | 43 +++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 41 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 90fb9b5..fad7cb6 100644
--- a/README.md
+++ b/README.md
@@ -11,17 +11,56 @@ I think of when I see "CRM".
     * Last-contact-time mapping
     * Address as single field (plus code? lat/long? go crazy!)
     * Free-text-entry field
+    * Desired contact periodicity
 * Journal with Obsidian-like `[[link]]` syntax
+* Contact groups (e.g. "Met with `[[Brunch Bunch]]` at the diner")
 * ical server for birthday reminders
 
+## Explore
+
+My instance is at https://crm.rperce.net. Username "demo" and password "demo" let
+you log into an ephemeral demo user if you want to poke around.
+
+If you want an account, contact me directly or use the "self-hosting" instructions below.
+
 ## Planned features
 * Report birthdays and manage add'l fields for contacts stored on a remote CardDAV server
 * Act as CardDAV server for other clients
 * For each contact:
     * Arbitrary add'l yearly dates (e.g. anniversaries) that show on calendar
     * Relationship mapping
-    * Desired contact periodicity
     * Additional arbitrary fields (no special handling)
-* Contact groups (e.g. "Met with `[[Brunch Bunch]]` at the diner")
 * "Named in journal but has no contact entry" detection
 * Email birthday reminders over SMTP
+
+---
+
+## Development / self-hosting
+
+1. Clone the repo.
+2. Build for your system with `./Taskfile _cargo build --release`.
+3. Deploy the binary from `./target/release/mascarpone` to wherever you want that's in PATH
+   (or use it from here if you want)
+4. In the working directory that you want the server to save its databases in,
+    1. Create a user for yourself with `mascarpone set-password YOUR_USERNAME`. This will create a `users.db` file.
+    2. Run `mkdir dbs`.
+    3. Copy the `hashed_static` directory from the code repository.
+5. Run `mascarpone serve [port]` from that working directory. The default port is 3000.
+   If you need to be able to bind to a host other than `0.0.0.0`, contact me directly.
+
+### Example systemd service file
+```
+[Unit]
+Description=Mascarpone CRM
+After=network.target
+
+[Service]
+Type=simple
+WorkingDirectory=/var/local/mascarpone/
+ExecStart=/usr/bin/mascarpone serve
+Restart=on-failure
+RestartSec=5
+
+[Install]
+WantedBy=multi-user.target
+```

From c12975926d52595f8e46d9a1c6d00097a30557d1 Mon Sep 17 00:00:00 2001
From: Robert Perce <contact@rperce.net>
Date: Sun, 5 Apr 2026 12:05:13 -0500
Subject: [PATCH 07/20] spec: show birthdays until a week out

---
 e2e/pages/home.spec.ts           | 78 ++++++++++++++++++++++++--------
 src/models/birthday.rs           | 16 ++-----
 src/models/year_optional_date.rs | 11 +----
 src/web/home.rs                  |  4 +-
 4 files changed, 65 insertions(+), 44 deletions(-)

diff --git a/e2e/pages/home.spec.ts b/e2e/pages/home.spec.ts
index 13b9fa1..8ec39dd 100644
--- a/e2e/pages/home.spec.ts
+++ b/e2e/pages/home.spec.ts
@@ -2,44 +2,82 @@ import { test, expect } from '@playwright/test';
 import { login, verifyCreateUser, todate } from './util';
 
 test.beforeEach(async ({ page }) => {
-	await login(page);
+  await login(page);
 });
 
 test('can log out', async ({ page }) => {
-	await page.getByText("Logout").click();
-	await expect(page.getByLabel("Username")).toBeVisible();
+  await page.getByText("Logout").click();
+  await expect(page.getByLabel("Username")).toBeVisible();
 });
 
 test('has no contacts', async ({ page }) => {
-	await expect(page.getByRole("navigation").getByRole("link")).toHaveCount(0);
+  await expect(page.getByRole("navigation").getByRole("link")).toHaveCount(0);
 });
 
 test('can add contacts', async ({ page }) => {
-	await verifyCreateUser(page, { names: ['John Contact'] });
-	await verifyCreateUser(page, { names: ['Jack Contact'] });
-	await expect(page.getByRole("navigation").getByRole("link")).toHaveCount(2);
+  await verifyCreateUser(page, { names: ['John Contact'] });
+  await verifyCreateUser(page, { names: ['Jack Contact'] });
+  await expect(page.getByRole("navigation").getByRole("link")).toHaveCount(2);
 });
 
 test('shows "never" for unfreshened contacts', async ({ page }) => {
-	await verifyCreateUser(page, { names: ['John Contact'] });
-	await page.getByRole('link', { name: 'Mascarpone' }).click();
+  await verifyCreateUser(page, { names: ['John Contact'] });
+  await page.getByRole('link', { name: 'Mascarpone' }).click();
 
-	await expect(page.locator('#freshness')).toContainText('John Contactnever');
+  await expect(page.locator('#freshness')).toContainText('John Contactnever');
 });
 
 test('shows the date for fresh contacts', async ({ page }) => {
-	await verifyCreateUser(page, { names: ['John Contact'] });
-	await page.getByRole('link', { name: /edit/i }).click();
-	await page.getByRole('button', { name: /fresh/i }).click();
-	await page.getByRole('button', { name: /save/i }).click();
-	await page.getByRole('link', { name: 'Mascarpone' }).click();
-	await expect(page.locator('#freshness')).toContainText(`John Contact${todate()}`);
+  await verifyCreateUser(page, { names: ['John Contact'] });
+  await page.getByRole('link', { name: /edit/i }).click();
+  await page.getByRole('button', { name: /fresh/i }).click();
+  await page.getByRole('button', { name: /save/i }).click();
+  await page.getByRole('link', { name: 'Mascarpone' }).click();
+  await expect(page.locator('#freshness')).toContainText(`John Contact${todate()}`);
 });
 
 test('sidebar is sorted alphabetically', async ({ page }) => {
-	await verifyCreateUser(page, { names: ['Zulu'] });
-	await verifyCreateUser(page, { names: ['Alfa'] });
-	await verifyCreateUser(page, { names: ['Golf'] });
+  await verifyCreateUser(page, { names: ['Zulu'] });
+  await verifyCreateUser(page, { names: ['Alfa'] });
+  await verifyCreateUser(page, { names: ['Golf'] });
 
-	await expect(page.getByRole('navigation')).toHaveText(/Alfa\s*Golf\s*Zulu/);
+  await expect(page.getByRole('navigation')).toHaveText(/Alfa\s*Golf\s*Zulu/);
+});
+
+test('upcoming and recent show at least one birthday a week away', async ({ page }) => {
+  const monthday = d => d.toISOString().split("T")[0].replace(/^\d{4}-/, '');
+  const today = monthday(new Date());
+  const yesterday = monthday((() => {
+    let date = new Date();
+    date.setDate(date.getDate() - 1);
+    return date;
+  })());
+  const tomorrow = monthday((() => {
+    let date = new Date();
+    date.setDate(date.getDate() + 1);
+    return date;
+  })());
+  const aMonthAgo = monthday((() => {
+    let date = new Date();
+    date.setDate(date.getDate() - 28);
+    return date;
+  })());
+  const inAMonth = monthday((() => {
+    let date = new Date();
+    date.setDate(date.getDate() + 28);
+    return date;
+  })());
+  await verifyCreateUser(page, { names: ['Alfa'], birthday: today });
+  await verifyCreateUser(page, { names: ['Beta'], birthday: yesterday });
+  await verifyCreateUser(page, { names: ['Echo'], birthday: today });
+  await verifyCreateUser(page, { names: ['Golf'], birthday: yesterday });
+  await verifyCreateUser(page, { names: ['Lima'], birthday: tomorrow });
+  await verifyCreateUser(page, { names: ['Mike'], birthday: yesterday });
+  await verifyCreateUser(page, { names: ['Xray'], birthday: inAMonth });
+  await verifyCreateUser(page, { names: ['Zulu'], birthday: aMonthAgo });
+
+  await page.goto('/');
+
+  await expect(page.locator('#upcoming').getByRole('link')).toHaveCount(4);
+  await expect(page.locator('#recent').getByRole('link')).toHaveCount(4);
 });
diff --git a/src/models/birthday.rs b/src/models/birthday.rs
index f7c0256..2db0296 100644
--- a/src/models/birthday.rs
+++ b/src/models/birthday.rs
@@ -20,11 +20,10 @@ pub enum Birthday {
 
 impl Display for Birthday {
     fn fmt(&self, f: &mut std::fmt::Formatter) -> std::fmt::Result {
-        let str = match self {
-            Birthday::Date(date) => date.to_string(),
-            Birthday::Text(t) => t.value.clone(),
-        };
-        write!(f, "{}", str)
+        match self {
+            Birthday::Date(date) => write!(f, "{}", date),
+            Birthday::Text(t) => write!(f, "{}", t.value),
+        }
     }
 }
 
@@ -56,13 +55,6 @@ impl Birthday {
             }
         }
     }
-
-    pub fn serialize(&self) -> String {
-        match &self {
-            Birthday::Text(text) => text.value.clone(),
-            Birthday::Date(date) => date.serialize(),
-        }
-    }
 }
 
 impl FromStr for Birthday {
diff --git a/src/models/year_optional_date.rs b/src/models/year_optional_date.rs
index fa1fc1f..d0052b8 100644
--- a/src/models/year_optional_date.rs
+++ b/src/models/year_optional_date.rs
@@ -43,15 +43,6 @@ impl YearOptionalDate {
             None
         }
     }
-
-    pub fn serialize(&self) -> String {
-        format!(
-            "{}{:0>2}{:0>2}",
-            self.year.map_or("--".to_string(), |y| format!("{:0>4}", y)),
-            self.month,
-            self.day
-        )
-    }
 }
 
 impl Display for YearOptionalDate {
@@ -110,6 +101,6 @@ where
         &self,
         buf: &mut <Sqlite as Database>::ArgumentBuffer<'r>,
     ) -> Result<IsNull, Box<dyn std::error::Error + Sync + Send>> {
-        <String as Encode<'r, Sqlite>>::encode(self.serialize(), buf)
+        <String as Encode<'r, Sqlite>>::encode(self.to_string(), buf)
     }
 }
diff --git a/src/web/home.rs b/src/web/home.rs
index 231ee6a..81ba00e 100644
--- a/src/web/home.rs
+++ b/src/web/home.rs
@@ -57,7 +57,7 @@ fn birthdays_section(
         div id="birthdays" {
             h2 { "Birthdays" }
             #birthday-sections {
-                .datelist {
+                .datelist #upcoming {
                     h3 { "upcoming" }
                     @for contact in &upcoming_birthdays[0..std::cmp::min(3, upcoming_birthdays.len())] {
                         a href=(format!("/contact/{}", contact.contact_id)) {
@@ -68,7 +68,7 @@ fn birthdays_section(
                         }
                     }
                 }
-                .datelist {
+                .datelist #recent {
                     h3 { "recent" }
                     @for contact in &prev_birthdays[0..std::cmp::min(3, prev_birthdays.len())] {
                         a href=(format!("/contact/{}", contact.contact_id)) {

From 4c710dcd201dcf37e089020f1e98c2b214a6f9c6 Mon Sep 17 00:00:00 2001
From: Robert Perce <contact@rperce.net>
Date: Sun, 5 Apr 2026 13:20:00 -0500
Subject: [PATCH 08/20] feat: sane date format

---
 migrations/demo.sql                           |  4 ++--
 migrations/each_user/0014_birthday-format.sql |  7 +++++++
 src/models/year_optional_date.rs              | 13 +++++--------
 src/web/contact/mod.rs                        |  6 +++---
 4 files changed, 17 insertions(+), 13 deletions(-)
 create mode 100644 migrations/each_user/0014_birthday-format.sql

diff --git a/migrations/demo.sql b/migrations/demo.sql
index 8eb0d76..73b2d4b 100644
--- a/migrations/demo.sql
+++ b/migrations/demo.sql
@@ -1,5 +1,5 @@
 insert into contacts(id, birthday, manually_freshened_at) values
-  (0, '--0415', '2000-01-01T12:00:00');
+  (0, '04-15', '2000-01-01T12:00:00');
 insert into names(contact_id, sort, name) values
   (0, 0, 'Alex Aaronson'),
   (0, 1, 'Alexi'),
@@ -16,7 +16,7 @@ insert into groups(contact_id, name, slug) values
   (1, 'ABC', 'abc');
 
 insert into contacts(id, birthday) values
-  (2, '19951018');
+  (2, '1995-10-18');
 insert into names(contact_id, sort, name) values
   (2, 0, 'Charlie Certaindate');
 insert into groups(contact_id, name, slug) values
diff --git a/migrations/each_user/0014_birthday-format.sql b/migrations/each_user/0014_birthday-format.sql
new file mode 100644
index 0000000..80b69cf
--- /dev/null
+++ b/migrations/each_user/0014_birthday-format.sql
@@ -0,0 +1,7 @@
+update contacts
+  set birthday = substr(birthday, 3, 2) || '-' || substr(birthday, 5, 2)
+  where birthday GLOB '--[01][0-9][0-3][0-9]';
+
+update contacts
+  set birthday = substr(birthday, 1, 4) || '-' || substr(birthday, 5, 2) || '-' || substr(birthday, 7, 2)
+  where birthday GLOB '[0-9][0-9][0-9][0-9][01][0-9][0-3][0-9]';
diff --git a/src/models/year_optional_date.rs b/src/models/year_optional_date.rs
index d0052b8..a4cd381 100644
--- a/src/models/year_optional_date.rs
+++ b/src/models/year_optional_date.rs
@@ -57,21 +57,18 @@ impl Display for YearOptionalDate {
 impl FromStr for YearOptionalDate {
     type Err = anyhow::Error;
     fn from_str(str: &str) -> Result<Self, Self::Err> {
-        let date_re = Regex::new(r"^([0-9]{4}|--)([0-9]{2})([0-9]{2})$").unwrap();
+        let date_re = Regex::new(r"^(?:([0-9]{4})-)?([0-9]{2})-([0-9]{2})$").unwrap();
         if let Some(caps) = date_re.captures(str) {
-            let year_str = &caps[1];
+            let year = caps
+                .get(1)
+                .map(|yyyy| i16::from_str(yyyy.as_str()).unwrap());
             let month = i8::from_str(&caps[2]).unwrap();
             let day = i8::from_str(&caps[3]).unwrap();
-            let year = if year_str == "--" {
-                None
-            } else {
-                Some(i16::from_str(year_str).unwrap())
-            };
 
             return Ok(Self { year, month, day });
         }
         Err(anyhow::Error::msg(format!(
-            "parsing failure in YearOptionalDate: '{}' does not match regex /([0-9]{{4}}|--)[0-9]{{4}}/",
+            "parsing failure in YearOptionalDate: '{}' does not match regex /([0-9]{{4}}-)?[0-9]{{2}}-[0-9]{{2}}/",
             str
         )))
     }
diff --git a/src/web/contact/mod.rs b/src/web/contact/mod.rs
index 7dc487b..b99abdb 100644
--- a/src/web/contact/mod.rs
+++ b/src/web/contact/mod.rs
@@ -278,10 +278,10 @@ mod get {
                     input name="periodicity" id="periodicity" value=(format!("{:#}", contact.periodicity));
                     span .hint { code { "[0-9]+ (yr|mo|wk|day|h|m|s)" } "(" a href="https://docs.rs/jiff/latest/jiff/struct.Span.html#parsing-and-printing" { "details" } ")" }
                 }
-                label { "birthday" }
+                label for="birthday" { "birthday" }
                 div {
-                    input name="birthday" value=(contact.birthday.clone().map_or("".to_string(), |b| b.serialize()));
-                    span .hint { code { "(yyyy|--)mmdd" } " or free text" }
+                    input name="birthday" id="birthday" value=(contact.birthday.clone().map_or("".to_string(), |b| format!("{b}")));
+                    span .hint { code { "(yyyy-)?mm-dd" } " or free text" }
                 }
                 label for="manually_freshened_on" { "freshened" }
                 div x-data=(json!({ "date": mfresh_on_str, "stamp": mfresh_at_str })) x-init="today = () => (new Date().toISOString().split('T')[0])" {

From 0baf51646ed361eed03b6e4893ad5600e2dbcb43 Mon Sep 17 00:00:00 2001
From: Robert Perce <contact@rperce.net>
Date: Sun, 5 Apr 2026 13:20:22 -0500
Subject: [PATCH 09/20] feat: show birthdays until a week out

---
 src/web/home.rs | 33 ++++++++++++++++++++++++++++++---
 1 file changed, 30 insertions(+), 3 deletions(-)

diff --git a/src/web/home.rs b/src/web/home.rs
index 81ba00e..49fbb4a 100644
--- a/src/web/home.rs
+++ b/src/web/home.rs
@@ -1,7 +1,7 @@
 use axum::extract::State;
 use axum::response::IntoResponse;
 use cache_bust::asset;
-use jiff::{Timestamp, Unit, Zoned, civil, tz::TimeZone};
+use jiff::{Timestamp, ToSpan, Unit, Zoned, civil, tz::TimeZone};
 use maud::{Markup, html};
 use sqlx::sqlite::SqlitePool;
 
@@ -53,13 +53,40 @@ fn birthdays_section(
     prev_birthdays: &Vec<KnownBirthdayContact>,
     upcoming_birthdays: &Vec<KnownBirthdayContact>,
 ) -> Result<Markup, AppError> {
+    let now = Timestamp::now().to_zoned(TimeZone::UTC);
+    let in_a_week = upcoming_birthdays
+        .iter()
+        .position(|b| {
+            now.until(&b.next_birthday.to_zoned(TimeZone::UTC).unwrap())
+                .unwrap()
+                .compare((&1_i32.week(), &now))
+                .unwrap()
+                != std::cmp::Ordering::Less
+        })
+        .unwrap_or(upcoming_birthdays.len());
+    let upcoming = &upcoming_birthdays
+        [0..std::cmp::min(std::cmp::max(3, in_a_week + 1), upcoming_birthdays.len())];
+
+    let a_week_ago = prev_birthdays
+        .iter()
+        .position(|b| {
+            now.since(&b.prev_birthday.to_zoned(TimeZone::UTC).unwrap())
+                .unwrap()
+                .compare((&1_i32.week(), &now))
+                .unwrap()
+                != std::cmp::Ordering::Less
+        })
+        .unwrap_or(upcoming_birthdays.len());
+    let recent =
+        &prev_birthdays[0..std::cmp::min(std::cmp::max(3, a_week_ago + 1), prev_birthdays.len())];
+
     Ok(html! {
         div id="birthdays" {
             h2 { "Birthdays" }
             #birthday-sections {
                 .datelist #upcoming {
                     h3 { "upcoming" }
-                    @for contact in &upcoming_birthdays[0..std::cmp::min(3, upcoming_birthdays.len())] {
+                    @for contact in upcoming {
                         a href=(format!("/contact/{}", contact.contact_id)) {
                             (contact.display)
                         }
@@ -70,7 +97,7 @@ fn birthdays_section(
                 }
                 .datelist #recent {
                     h3 { "recent" }
-                    @for contact in &prev_birthdays[0..std::cmp::min(3, prev_birthdays.len())] {
+                    @for contact in recent {
                         a href=(format!("/contact/{}", contact.contact_id)) {
                             (contact.display)
                         }

From 62b0efac0465de4f7cca10c7f9f37f87ce0aa874 Mon Sep 17 00:00:00 2001
From: Robert Perce <contact@rperce.net>
Date: Tue, 7 Apr 2026 10:49:04 -0500
Subject: [PATCH 10/20] feat: scroll to current contact in sidebar by default

---
 e2e/pages/contact.spec.ts |  4 ----
 e2e/pages/home.spec.ts    | 18 ++++++++++++++++++
 src/web/contact/mod.rs    | 19 +++++++++++++++++--
 src/web/mod.rs            |  2 +-
 4 files changed, 36 insertions(+), 7 deletions(-)

diff --git a/e2e/pages/contact.spec.ts b/e2e/pages/contact.spec.ts
index 8b4318d..3d2e4c9 100644
--- a/e2e/pages/contact.spec.ts
+++ b/e2e/pages/contact.spec.ts
@@ -96,9 +96,5 @@ test('bullet points in free text display well', async ({ page }) => {
 
 });
 
-home: contact list scrolls in screen, not off screen
-home: clicking off contact list closes it
-home: contact list is sorted ignoring case
-home: contact list should scroll to current contact in center of view
 journal: bullet points don't display
 */
diff --git a/e2e/pages/home.spec.ts b/e2e/pages/home.spec.ts
index 8ec39dd..2ab54f2 100644
--- a/e2e/pages/home.spec.ts
+++ b/e2e/pages/home.spec.ts
@@ -81,3 +81,21 @@ test('upcoming and recent show at least one birthday a week away', async ({ page
   await expect(page.locator('#upcoming').getByRole('link')).toHaveCount(4);
   await expect(page.locator('#recent').getByRole('link')).toHaveCount(4);
 });
+
+
+test('contact list scrolls (independently) to current contact in center of view', async ({ page }) => {
+  for (let count = 0; count < 30; count++) {
+    await verifyCreateUser(page, { names: [`Contact${count < 10 ? '0' + count : count}`] });
+  }
+
+  await page.goto('/contact/28');
+  await expect(page.getByRole('navigation').getByRole('link', { name: /Contact28/ })).toBeVisible();
+  expect(await page.locator('main').evaluate(e => e.scrollTop)).toEqual(0);
+
+  await page.goto('/contact/16');
+  await expect(page.locator('#nav-link-16')).toBeVisible();
+  const linkPos: number = await page.locator('#nav-link-16').evaluate(e => e.getBoundingClientRect().y);
+
+  // roughly centered is fine, not that fussy about headers and whatnot
+  expect(Math.abs(linkPos - (await page.evaluate('window.innerHeight/2') as number))).toBeLessThan(200);
+});
diff --git a/src/web/contact/mod.rs b/src/web/contact/mod.rs
index b99abdb..6b90020 100644
--- a/src/web/contact/mod.rs
+++ b/src/web/contact/mod.rs
@@ -61,6 +61,21 @@ fn human_delta(span: &jiff::Span) -> String {
 mod get {
     use super::*;
 
+    fn scroll_to(id: DbId) -> String {
+        format!(
+            "\
+            const top = document\
+                .getElementById('nav-link-{}')\
+                ?.getBoundingClientRect()\
+                ?.top;\
+                console.log({{ top }});\
+                top && document\
+                    .getElementById('contacts-sidebar')\
+                    .scrollTo({{top: top+window.innerHeight/2,left:0,behavior:'instant'}});",
+            id
+        )
+    }
+
     pub async fn contact(
         auth_session: AuthSession,
         State(state): State<AppState>,
@@ -125,7 +140,7 @@ mod get {
             html! {
                 a href=(format!("/contact/{}/edit", contact_id)) { "Edit" }
 
-                div id="fields" {
+                div #fields x-init=(scroll_to(contact_id)) {
                     label { @if contact.names.len() > 1 { "names" } @else { "name" }}
                     div {
                         @for name in &contact.names {
@@ -249,7 +264,7 @@ mod get {
                 div #error;
             }
 
-            #fields x-data=(json!({ "status": contact.status() })){
+            #fields x-data=(json!({ "status": contact.status() })) x-init=(scroll_to(contact_id)) {
                 label { @if contact.names.len() > 1 { "names" } @else { "name" }}
                 div #names x-data=(format!("{{ names: {:?}, new_name: '' }}", &contact.names)) {
                     template x-for="(name, idx) in names" {
diff --git a/src/web/mod.rs b/src/web/mod.rs
index a7f755d..3aa6b89 100644
--- a/src/web/mod.rs
+++ b/src/web/mod.rs
@@ -117,7 +117,7 @@ impl Layout {
                                li { button hx-post="/contact/new" { "+ Add Contact" } }
                                 @for link in &self.contact_links {
                                     li {
-                                        a href=(format!("/contact/{}", link.contact_id)) {
+                                        a id=(format!("nav-link-{}", link.contact_id)) href=(format!("/contact/{}", link.contact_id)) {
                                             (link.name)
                                         }
                                     }

From 1206e211d52ed65553b9d77369b81b6b9212ccb5 Mon Sep 17 00:00:00 2001
From: Robert Perce <contact@rperce.net>
Date: Tue, 7 Apr 2026 10:49:23 -0500
Subject: [PATCH 11/20] feat: click off sidebar on small windows closes it

---
 e2e/pages/home.spec.ts | 12 ++++++++++++
 src/web/mod.rs         |  2 +-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/e2e/pages/home.spec.ts b/e2e/pages/home.spec.ts
index 2ab54f2..d852a0e 100644
--- a/e2e/pages/home.spec.ts
+++ b/e2e/pages/home.spec.ts
@@ -99,3 +99,15 @@ test('contact list scrolls (independently) to current contact in center of view'
   // roughly centered is fine, not that fussy about headers and whatnot
   expect(Math.abs(linkPos - (await page.evaluate('window.innerHeight/2') as number))).toBeLessThan(200);
 });
+
+test('clicking off contact list when expanded closes it', async ({ page }) => {
+  await page.setViewportSize({
+    width: 640,
+    height: 1000,
+  });
+  // TODO aria-label
+  await page.locator('#sidebar-show-hide').click();
+  await expect(page.getByRole('button', { name: /add contact/i })).toBeVisible();
+  await page.mouse.click(600, 500);
+  await expect(page.getByRole('button', { name: /add contact/i })).not.toBeVisible();
+});
diff --git a/src/web/mod.rs b/src/web/mod.rs
index 3aa6b89..3a3a47c 100644
--- a/src/web/mod.rs
+++ b/src/web/mod.rs
@@ -112,7 +112,7 @@ impl Layout {
                         a href="/logout" { "Logout" }
                     }
                     section #content {
-                       nav #contacts-sidebar x-bind:class="sidebar ? 'show' : 'hide'" {
+                       nav #contacts-sidebar x-bind:class="sidebar ? 'show' : 'hide'" "x-on:click.self"="sidebar = !sidebar" {
                            ul {
                                li { button hx-post="/contact/new" { "+ Add Contact" } }
                                 @for link in &self.contact_links {

From 559c1f17601fc595fe22117a288c8409cf6b3fcb Mon Sep 17 00:00:00 2001
From: Robert Perce <contact@rperce.net>
Date: Tue, 7 Apr 2026 10:49:46 -0500
Subject: [PATCH 12/20] feat: sort contacts sidebar ignoring case

---
 e2e/pages/home.spec.ts | 9 +++++++++
 src/web/mod.rs         | 4 ++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/e2e/pages/home.spec.ts b/e2e/pages/home.spec.ts
index d852a0e..db98bb1 100644
--- a/e2e/pages/home.spec.ts
+++ b/e2e/pages/home.spec.ts
@@ -111,3 +111,12 @@ test('clicking off contact list when expanded closes it', async ({ page }) => {
   await page.mouse.click(600, 500);
   await expect(page.getByRole('button', { name: /add contact/i })).not.toBeVisible();
 });
+
+test('contact list is sorted ignoring case', async ({ page }) => {
+  await verifyCreateUser(page, { names: ['Alfa'] });
+  await verifyCreateUser(page, { names: ['bob'] });
+  await verifyCreateUser(page, { names: ['Charlie'] });
+
+  await expect(page.locator('#contacts-sidebar')).toContainText(/alfa\s*bob\s*charlie/i);
+
+});
diff --git a/src/web/mod.rs b/src/web/mod.rs
index 3a3a47c..c6b0462 100644
--- a/src/web/mod.rs
+++ b/src/web/mod.rs
@@ -50,7 +50,7 @@ impl FromRequestParts<AppState> for Layout {
                 left join names n on c.id = n.contact_id
                 where n.sort is null or n.sort = 0
                 and c.active = true
-                order by name asc",
+                order by name collate nocase asc",
         )
         .fetch_all(&state.db(&user).pool)
         .await?;
@@ -63,7 +63,7 @@ impl FromRequestParts<AppState> for Layout {
                 left join names n on c.id = n.contact_id
                 where n.sort is null or n.sort = 0
                 and c.active = false
-                order by name asc",
+                order by name collate nocase asc",
         )
         .fetch_all(&state.db(&user).pool)
         .await?;

From e74fe354d0141f8a32113c59309395510170d5aa Mon Sep 17 00:00:00 2001
From: Robert Perce <contact@rperce.net>
Date: Tue, 7 Apr 2026 11:09:14 -0500
Subject: [PATCH 13/20] feat: report version information

---
 Cargo.lock             | 185 +++++++++++++++++++++++++++++++++++++++--
 Cargo.toml             |   1 +
 build.rs               |  11 +++
 e2e/pages/home.spec.ts |   1 -
 src/main.rs            |  55 +++++++-----
 5 files changed, 223 insertions(+), 30 deletions(-)

diff --git a/Cargo.lock b/Cargo.lock
index 3c03174..8443327 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -400,6 +400,39 @@ dependencies = [
  "litrs",
 ]
 
+[[package]]
+name = "camino"
+version = "1.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e629a66d692cb9ff1a1c664e41771b3dcaf961985a9774c0eb0bd1b51cf60a48"
+dependencies = [
+ "serde_core",
+]
+
+[[package]]
+name = "cargo-platform"
+version = "0.3.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "87a0c0e6148f11f01f32650a2ea02d532b2ad4e81d8bd41e6e565b5adc5e6082"
+dependencies = [
+ "serde",
+ "serde_core",
+]
+
+[[package]]
+name = "cargo_metadata"
+version = "0.23.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ef987d17b0a113becdd19d3d0022d04d7ef41f9efe4f3fb63ac44ba61df3ade9"
+dependencies = [
+ "camino",
+ "cargo-platform",
+ "semver",
+ "serde",
+ "serde_json",
+ "thiserror 2.0.17",
+]
+
 [[package]]
 name = "cc"
 version = "1.2.29"
@@ -582,6 +615,41 @@ dependencies = [
  "typenum",
 ]
 
+[[package]]
+name = "darling"
+version = "0.20.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fc7f46116c46ff9ab3eb1597a45688b6715c6e628b5c133e288e709a29bcb4ee"
+dependencies = [
+ "darling_core",
+ "darling_macro",
+]
+
+[[package]]
+name = "darling_core"
+version = "0.20.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0d00b9596d185e565c2207a0b01f8bd1a135483d02d9b7b0a54b11da8d53412e"
+dependencies = [
+ "fnv",
+ "ident_case",
+ "proc-macro2",
+ "quote",
+ "strsim",
+ "syn 2.0.106",
+]
+
+[[package]]
+name = "darling_macro"
+version = "0.20.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fc34b93ccb385b40dc71c6fceac4b2ad23662c7eeb248cf10d529b7e055b6ead"
+dependencies = [
+ "darling_core",
+ "quote",
+ "syn 2.0.106",
+]
+
 [[package]]
 name = "debug-helper"
 version = "0.3.13"
@@ -609,6 +677,37 @@ dependencies = [
  "serde_core",
 ]
 
+[[package]]
+name = "derive_builder"
+version = "0.20.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "507dfb09ea8b7fa618fcf76e953f4f5e192547945816d5358edffe39f6f94947"
+dependencies = [
+ "derive_builder_macro",
+]
+
+[[package]]
+name = "derive_builder_core"
+version = "0.20.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2d5bcf7b024d6835cfb3d473887cd966994907effbe9227e8c8219824d06c4e8"
+dependencies = [
+ "darling",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.106",
+]
+
+[[package]]
+name = "derive_builder_macro"
+version = "0.20.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ab63b0e2bf4d5928aff72e83a7dace85d7bba5fe12dcc3c5a572d78caffd3f3c"
+dependencies = [
+ "derive_builder_core",
+ "syn 2.0.106",
+]
+
 [[package]]
 name = "deunicode"
 version = "1.6.2"
@@ -1189,6 +1288,12 @@ dependencies = [
  "zerovec",
 ]
 
+[[package]]
+name = "ident_case"
+version = "1.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b9e0384b61958566e926dc50660321d12159025e767c18e043daf26b70104c39"
+
 [[package]]
 name = "idna"
 version = "0.4.0"
@@ -1490,6 +1595,7 @@ dependencies = [
  "tracing",
  "tracing-subscriber",
  "vcard",
+ "vergen-gitcl",
 ]
 
 [[package]]
@@ -1649,9 +1755,9 @@ dependencies = [
 
 [[package]]
 name = "num-conv"
-version = "0.1.0"
+version = "0.2.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "51d515d32fb182ee37cda2ccdcb92950d6a3c2893aa280e540671c2cd0f3b1d9"
+checksum = "c6673768db2d862beb9b39a78fdcb1a69439615d5794a1be50caa9bc92c81967"
 
 [[package]]
 name = "num-integer"
@@ -1683,6 +1789,15 @@ dependencies = [
  "libm",
 ]
 
+[[package]]
+name = "num_threads"
+version = "0.1.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5c7398b9c8b70908f6371f47ed36737907c87c52af34c268fed0bf0ceb92ead9"
+dependencies = [
+ "libc",
+]
+
 [[package]]
 name = "object"
 version = "0.37.3"
@@ -2213,6 +2328,16 @@ version = "1.2.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "94143f37725109f92c262ed2cf5e59bce7498c01bcc1502d7b9afe439a4e9f49"
 
+[[package]]
+name = "semver"
+version = "1.0.28"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8a7852d02fc848982e0c167ef163aaff9cd91dc640ba85e263cb1ce46fae51cd"
+dependencies = [
+ "serde",
+ "serde_core",
+]
+
 [[package]]
 name = "serde"
 version = "1.0.228"
@@ -2748,30 +2873,32 @@ dependencies = [
 
 [[package]]
 name = "time"
-version = "0.3.44"
+version = "0.3.47"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "91e7d9e3bb61134e77bde20dd4825b97c010155709965fedf0f49bb138e52a9d"
+checksum = "743bd48c283afc0388f9b8827b976905fb217ad9e647fae3a379a9283c4def2c"
 dependencies = [
  "deranged",
  "itoa",
+ "libc",
  "num-conv",
+ "num_threads",
  "powerfmt",
- "serde",
+ "serde_core",
  "time-core",
  "time-macros",
 ]
 
 [[package]]
 name = "time-core"
-version = "0.1.6"
+version = "0.1.8"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "40868e7c1d2f0b8d73e4a8c7f0ff63af4f6d19be117e90bd73eb1d62cf831c6b"
+checksum = "7694e1cfe791f8d31026952abf09c69ca6f6fa4e1a1229e18988f06a04a12dca"
 
 [[package]]
 name = "time-macros"
-version = "0.2.24"
+version = "0.2.27"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "30cfb0125f12d9c277f35663a0a33f8c30190f4e4574868a330595412d34ebf3"
+checksum = "2e70e4c5a0e0a8a4823ad65dfe1a6930e4f4d756dcd9dd7939022b5e8c501215"
 dependencies = [
  "num-conv",
  "time-core",
@@ -3194,6 +3321,46 @@ version = "0.2.15"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "accd4ea62f7bb7a82fe23066fb0957d48ef677f6eeb8215f372f52e48bb32426"
 
+[[package]]
+name = "vergen"
+version = "9.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b849a1f6d8639e8de261e81ee0fc881e3e3620db1af9f2e0da015d4382ceaf75"
+dependencies = [
+ "anyhow",
+ "cargo_metadata",
+ "derive_builder",
+ "regex",
+ "rustversion",
+ "time",
+ "vergen-lib",
+]
+
+[[package]]
+name = "vergen-gitcl"
+version = "9.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "77ff3b5300a085d6bcd8fc96a507f706a28ae3814693236c9b409db71a1d15b9"
+dependencies = [
+ "anyhow",
+ "derive_builder",
+ "rustversion",
+ "time",
+ "vergen",
+ "vergen-lib",
+]
+
+[[package]]
+name = "vergen-lib"
+version = "9.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b34a29ba7e9c59e62f229ae1932fb1b8fb8a6fdcc99215a641913f5f5a59a569"
+dependencies = [
+ "anyhow",
+ "derive_builder",
+ "rustversion",
+]
+
 [[package]]
 name = "version_check"
 version = "0.9.5"
diff --git a/Cargo.toml b/Cargo.toml
index 5b03dc4..f2fdc22 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -44,3 +44,4 @@ vcard                     = "0.4.13"
 
 [build-dependencies]
 cache_bust = "0.2.0"
+vergen-gitcl = { version = "9.1.0", features = ["build", "cargo"] }
diff --git a/build.rs b/build.rs
index 7195630..2c984c9 100644
--- a/build.rs
+++ b/build.rs
@@ -1,4 +1,5 @@
 use cache_bust::CacheBust;
+use vergen_gitcl::{BuildBuilder, Emitter, GitclBuilder};
 
 fn main() {
     println!("cargo:rerun-if-changed=migrations");
@@ -9,4 +10,14 @@ fn main() {
         .build();
 
     cache_bust.hash_dir().expect("Cache busting failed");
+
+    let build = BuildBuilder::all_build().expect("build information failed");
+    let gitcl = GitclBuilder::all_git().expect("gitcl information failed");
+    Emitter::default()
+        .add_instructions(&build)
+        .unwrap()
+        .add_instructions(&gitcl)
+        .unwrap()
+        .emit()
+        .unwrap();
 }
diff --git a/e2e/pages/home.spec.ts b/e2e/pages/home.spec.ts
index db98bb1..cf9f50b 100644
--- a/e2e/pages/home.spec.ts
+++ b/e2e/pages/home.spec.ts
@@ -118,5 +118,4 @@ test('contact list is sorted ignoring case', async ({ page }) => {
   await verifyCreateUser(page, { names: ['Charlie'] });
 
   await expect(page.locator('#contacts-sidebar')).toContainText(/alfa\s*bob\s*charlie/i);
-
 });
diff --git a/src/main.rs b/src/main.rs
index 9c86f81..6ebad84 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -12,7 +12,7 @@ use std::sync::{Arc, RwLock};
 use tokio::net::TcpListener;
 use tokio::signal;
 use tokio::task::AbortHandle;
-use tower_http::services::{ServeDir,ServeFile};
+use tower_http::services::{ServeDir, ServeFile};
 use tower_sessions::{ExpiredDeletion, Expiry, SessionManagerLayer, cookie::Key};
 use tower_sessions_sqlx_store::SqliteStore;
 use tracing_subscriber::{layer::SubscriberExt, util::SubscriberInitExt};
@@ -124,6 +124,8 @@ enum Commands {
         ephemeral: bool,
     },
 
+    /// print version information
+    Version,
 }
 
 async fn serve(port: &u32) -> Result<(), anyhow::Error> {
@@ -181,7 +183,10 @@ async fn serve(port: &u32) -> Result<(), anyhow::Error> {
         .merge(auth::router())
         .merge(ics::router())
         .nest_service("/static", ServeDir::new("./hashed_static"))
-        .nest_service("/favicon.ico", ServeFile::new(format!("./hashed_static/{}", asset!("favicon.ico"))))
+        .nest_service(
+            "/favicon.ico",
+            ServeFile::new(format!("./hashed_static/{}", asset!("favicon.ico"))),
+        )
         .layer(auth_layer)
         .layer(tower_http::trace::TraceLayer::new_for_http())
         .with_state(state);
@@ -231,7 +236,10 @@ async fn main() -> Result<(), anyhow::Error> {
                 println!("No update was made; probably something went wrong.");
             }
         }
-        Some(Commands::SetEphemeral { username, ephemeral }) => {
+        Some(Commands::SetEphemeral {
+            username,
+            ephemeral,
+        }) => {
             let users_db = {
                 let db_options = SqliteConnectOptions::from_str("users.db")?
                     .create_if_missing(true)
@@ -242,23 +250,24 @@ async fn main() -> Result<(), anyhow::Error> {
                 db
             };
 
-            let eph: Option<bool> = sqlx::query_scalar(
-                "select ephemeral from users where username = ?"
-            )
-                .bind(&username)
-                .fetch_optional(&users_db)
-                .await?;
-            if let Some(eph) = eph {
-                if eph == *ephemeral  {
-                    println!("User {} is already {}.", username, if eph { "ephemeral" } else { "not ephemeral"  });
-                } else {
-                    let update = sqlx::query(
-                        "update users set ephemeral=$1 where username = $2",
-                    )
-                    .bind(ephemeral)
+            let eph: Option<bool> =
+                sqlx::query_scalar("select ephemeral from users where username = ?")
                     .bind(&username)
-                    .execute(&users_db)
+                    .fetch_optional(&users_db)
                     .await?;
+            if let Some(eph) = eph {
+                if eph == *ephemeral {
+                    println!(
+                        "User {} is already {}.",
+                        username,
+                        if eph { "ephemeral" } else { "not ephemeral" }
+                    );
+                } else {
+                    let update = sqlx::query("update users set ephemeral=$1 where username = $2")
+                        .bind(ephemeral)
+                        .bind(&username)
+                        .execute(&users_db)
+                        .await?;
 
                     if update.rows_affected() > 0 {
                         println!("Updated ephemerality for {}.", username);
@@ -267,13 +276,19 @@ async fn main() -> Result<(), anyhow::Error> {
                     }
                 }
             } else {
-                println!("User {} does not exist. Create them first with set-password.", username);
+                println!(
+                    "User {} does not exist. Create them first with set-password.",
+                    username
+                );
             }
-
         }
         Some(Commands::Serve { port }) => {
             serve(port).await?;
         }
+        Some(Commands::Version) => {
+            println!("mascarpone v{}", env!("CARGO_PKG_VERSION"));
+            println!("from git commit {}", env!("VERGEN_GIT_SHA"));
+        }
         None => {
             serve(&3000).await?;
         }

From e82b6167ef51d8a54fa3cea0e239628b6ab847bd Mon Sep 17 00:00:00 2001
From: Robert Perce <contact@rperce.net>
Date: Tue, 7 Apr 2026 22:58:28 -0500
Subject: [PATCH 14/20] perf(test): test performance improvements

---
 cliff.toml        | 94 +++++++++++++++++++++++++++++++++++++++++++++++
 e2e/pages/util.ts |  5 ++-
 mise.toml         |  1 +
 src/web/auth.rs   | 12 ++++--
 src/web/mod.rs    | 12 ++++--
 5 files changed, 116 insertions(+), 8 deletions(-)
 create mode 100644 cliff.toml

diff --git a/cliff.toml b/cliff.toml
new file mode 100644
index 0000000..8228887
--- /dev/null
+++ b/cliff.toml
@@ -0,0 +1,94 @@
+# git-cliff ~ configuration file
+# https://git-cliff.org/docs/configuration
+
+
+[changelog]
+# A Tera template to be rendered for each release in the changelog.
+# See https://keats.github.io/tera/docs/#introduction
+body = """
+{% if version %}\
+    ## [{{ version | trim_start_matches(pat="v") }}] - {{ timestamp | date(format="%Y-%m-%d") }}
+{% else %}\
+    ## [unreleased]
+{% endif %}\
+{% for group, commits in commits | group_by(attribute="group") %}
+    ### {{ group | striptags | trim | upper_first }}
+    {% for commit in commits %}
+        - {% if commit.scope %}*({{ commit.scope }})* {% endif %}\
+            {% if commit.breaking %}[**breaking**] {% endif %}\
+            {{ commit.message | upper_first }}\
+    {% endfor %}
+{% endfor %}
+"""
+# Remove leading and trailing whitespaces from the changelog's body.
+trim = true
+# Render body even when there are no releases to process.
+render_always = true
+# An array of regex based postprocessors to modify the changelog.
+postprocessors = [
+    # Replace the placeholder <REPO> with a URL.
+    #{ pattern = '<REPO>', replace = "https://github.com/orhun/git-cliff" },
+]
+# render body even when there are no releases to process
+# render_always = true
+# output file path
+# output = "test.md"
+
+[git]
+# Parse commits according to the conventional commits specification.
+# See https://www.conventionalcommits.org
+conventional_commits = true
+# Exclude commits that do not match the conventional commits specification.
+filter_unconventional = true
+# Require all commits to be conventional.
+# Takes precedence over filter_unconventional.
+require_conventional = false
+# Split commits on newlines, treating each line as an individual commit.
+split_commits = false
+# An array of regex based parsers to modify commit messages prior to further processing.
+commit_preprocessors = [
+    # Replace issue numbers with link templates to be updated in `changelog.postprocessors`.
+    #{ pattern = '\((\w+\s)?#([0-9]+)\)', replace = "([#${2}](<REPO>/issues/${2}))"},
+    # Check spelling of the commit message using https://github.com/crate-ci/typos.
+    # If the spelling is incorrect, it will be fixed automatically.
+    #{ pattern = '.*', replace_command = 'typos --write-changes -' },
+]
+# Prevent commits that are breaking from being excluded by commit parsers.
+protect_breaking_commits = false
+# An array of regex based parsers for extracting data from the commit message.
+# Assigns commits to groups.
+# Optionally sets the commit's scope and can decide to exclude commits from further processing.
+commit_parsers = [
+    { message = "^feat", group = "<!-- 0 -->Features" },
+    { message = "^fix", group = "<!-- 1 -->Bug Fixes" },
+    { message = "^doc", group = "<!-- 3 -->Documentation" },
+    { message = "^perf", group = "<!-- 4 -->Performance" },
+    { message = "^refactor", group = "<!-- 2 -->Refactor" },
+    { message = "^style", group = "<!-- 5 -->Styling" },
+    { message = "^test", group = "<!-- 6 -->Testing" },
+    { message = "^chore\\(release\\): prepare for", skip = true },
+    { message = "^chore\\(deps.*\\)", skip = true },
+    { message = "^chore\\(pr\\)", skip = true },
+    { message = "^chore\\(pull\\)", skip = true },
+    { message = "^chore|^ci", group = "<!-- 7 -->⚙️ Miscellaneous Tasks" },
+    { body = ".*security", group = "<!-- 8 -->🛡️ Security" },
+    { message = "^revert", group = "<!-- 9 -->◀️ Revert" },
+    { message = ".*", group = "<!-- 10 -->💼 Other" },
+]
+# Exclude commits that are not matched by any commit parser.
+filter_commits = false
+# Fail on a commit that is not matched by any commit parser.
+fail_on_unmatched_commit = false
+# An array of link parsers for extracting external references, and turning them into URLs, using regex.
+link_parsers = []
+# Include only the tags that belong to the current branch.
+use_branch_tags = false
+# Order releases topologically instead of chronologically.
+topo_order = false
+# Order commits topologically instead of chronologically.
+topo_order_commits = true
+# Order of commits in each group/release within the changelog.
+# Allowed values: newest, oldest
+sort_commits = "oldest"
+# Process submodules commits
+recurse_submodules = false
diff --git a/e2e/pages/util.ts b/e2e/pages/util.ts
index f73c74a..d23e326 100644
--- a/e2e/pages/util.ts
+++ b/e2e/pages/util.ts
@@ -1,3 +1,4 @@
+import { expect } from '@playwright/test';
 import type { Page } from '@playwright/test';
 
 export const login = async (page: Page) => {
@@ -15,9 +16,9 @@ type UserFields = {
 };
 export const verifyCreateUser = async (page: Page, fields: UserFields) => {
   await page.getByRole('button', { name: /add contact/i }).click();
+  await page.waitForResponse('/contact/new');
 
-  // TODO this is stupid but playwright kept filling while alpine was initializing
-  await page.waitForTimeout(200);
+  await expect(page.locator('#alpine-loaded')).not.toHaveAttribute('x-cloak');
 
   const { names, ...simple } = fields;
   for (const name of (names ?? [])) {
diff --git a/mise.toml b/mise.toml
index 6846e14..fe79931 100644
--- a/mise.toml
+++ b/mise.toml
@@ -2,3 +2,4 @@
 "rust-analyzer" = "latest"
 "jj" = "latest"
 node = "24"
+git-cliff = "latest"
diff --git a/src/web/auth.rs b/src/web/auth.rs
index 42890cc..79eb733 100644
--- a/src/web/auth.rs
+++ b/src/web/auth.rs
@@ -81,9 +81,15 @@ mod get {
                 link rel="manifest" href=(format!("/static/{}", asset!("site.webmanifest")));
                 title { "Mascarpone CRM" }
                 meta name="viewport" content="width=device-width";
-                script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.7/dist/htmx.min.js" {}
-                script src="https://cdn.jsdelivr.net/npm/htmx-ext-response-targets@2.0.4" integrity="sha384-T41oglUPvXLGBVyRdZsVRxNWnOOqCynaPubjUVjxhsjFTKrFJGEMm3/0KGmNQ+Pg" crossorigin="anonymous" {}
-                script src="https://cdn.jsdelivr.net/npm/alpinejs@3.15.0/dist/cdn.min.js" defer {}
+                @if cfg!(debug_assertions) {
+                    script src=(format!("/static/{}", asset!("htmx.min.js"))) defer {}
+                    script src=(format!("/static/{}", asset!("htmx-ext-response-targets.js"))) defer {}
+                    script src=(format!("/static/{}", asset!("alpinejs.min.js"))) defer {}
+                } @else {
+                    script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.7/dist/htmx.min.js" defer {}
+                    script src="https://cdn.jsdelivr.net/npm/htmx-ext-response-targets@2.0.4" integrity="sha384-T41oglUPvXLGBVyRdZsVRxNWnOOqCynaPubjUVjxhsjFTKrFJGEMm3/0KGmNQ+Pg" crossorigin="anonymous" defer {}
+                    script src="https://cdn.jsdelivr.net/npm/alpinejs@3.15.0/dist/cdn.min.js" defer {}
+                }
                 link rel="stylesheet" type="text/css" href=(format!("/static/{}", asset!("index.css")));
                 link rel="stylesheet" type="text/css" href=(format!("/static/{}", asset!("login.css")));
                 title { "Mascarpone" }
diff --git a/src/web/mod.rs b/src/web/mod.rs
index c6b0462..0cf96dc 100644
--- a/src/web/mod.rs
+++ b/src/web/mod.rs
@@ -94,9 +94,15 @@ impl Layout {
                     link rel="manifest" href=(format!("/static/{}", asset!("site.webmanifest")));
                     link rel="stylesheet" type="text/css" href=(format!("/static/{}", asset!("index.css")));
                     meta name="viewport" content="width=device-width";
-                    script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.7/dist/htmx.min.js" {}
-                    script src="https://cdn.jsdelivr.net/npm/htmx-ext-response-targets@2.0.4" integrity="sha384-T41oglUPvXLGBVyRdZsVRxNWnOOqCynaPubjUVjxhsjFTKrFJGEMm3/0KGmNQ+Pg" crossorigin="anonymous" {}
-                    script src="https://cdn.jsdelivr.net/npm/alpinejs@3.15.0/dist/cdn.min.js" defer {}
+                    @if cfg!(debug_assertions) {
+                        script src=(format!("/static/{}", asset!("htmx.min.js"))) defer {}
+                        script src=(format!("/static/{}", asset!("htmx-ext-response-targets.js"))) defer {}
+                        script src=(format!("/static/{}", asset!("alpinejs.min.js"))) defer {}
+                    } @else {
+                        script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.7/dist/htmx.min.js" defer {}
+                        script src="https://cdn.jsdelivr.net/npm/htmx-ext-response-targets@2.0.4" integrity="sha384-T41oglUPvXLGBVyRdZsVRxNWnOOqCynaPubjUVjxhsjFTKrFJGEMm3/0KGmNQ+Pg" crossorigin="anonymous" defer {}
+                        script src="https://cdn.jsdelivr.net/npm/alpinejs@3.15.0/dist/cdn.min.js" defer {}
+                    }
                     @if let Some(hrefs) = css {
                         @for href in hrefs {
                             link rel="stylesheet" type="text/css" href=(format!("/static/{}", href));

From 41972ca1abe6d77cc658584a8ab93eb0f83bf80c Mon Sep 17 00:00:00 2001
From: Robert Perce <contact@rperce.net>
Date: Tue, 7 Apr 2026 22:59:02 -0500
Subject: [PATCH 15/20] perf: large cache time on immutable hashed statics

---
 Cargo.lock                          |  5 +++--
 Cargo.toml                          |  3 ++-
 src/main.rs                         | 12 +++++++++++-
 static/alpinejs.min.js              |  5 +++++
 static/htmx-ext-response-targets.js |  1 +
 static/htmx.min.js                  |  1 +
 6 files changed, 23 insertions(+), 4 deletions(-)
 create mode 100644 static/alpinejs.min.js
 create mode 100644 static/htmx-ext-response-targets.js
 create mode 100644 static/htmx.min.js

diff --git a/Cargo.lock b/Cargo.lock
index 8443327..8d6aae0 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -1589,6 +1589,7 @@ dependencies = [
  "thiserror 2.0.17",
  "time",
  "tokio",
+ "tower",
  "tower-http",
  "tower-sessions",
  "tower-sessions-sqlx-store",
@@ -2985,9 +2986,9 @@ dependencies = [
 
 [[package]]
 name = "tower"
-version = "0.5.2"
+version = "0.5.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d039ad9159c98b70ecfd540b2573b97f7f52c3e8d9f8ad57a24b916a536975f9"
+checksum = "ebe5ef63511595f1344e2d5cfa636d973292adc0eec1f0ad45fae9f0851ab1d4"
 dependencies = [
  "futures-core",
  "futures-util",
diff --git a/Cargo.toml b/Cargo.toml
index f2fdc22..3d73af5 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -35,7 +35,8 @@ sqlx                      = { version = "0.8",     features = ["macros", "runtim
 thiserror                 = "2.0.17"
 time                      = "0.3.44"
 tokio                     = { version = "1.47.1",  features  = ["macros", "rt-multi-thread", "signal"] }
-tower-http                = { version = "0.6.6",   features = ["fs", "trace"] }
+tower = "0.5.3"
+tower-http                = { version = "0.6.6", features = ["fs", "set-header", "trace"] }
 tower-sessions            = { version = "0.14.0",  features  = ["signed"] }
 tower-sessions-sqlx-store = { version = "0.15.0",  features  = ["sqlite"] }
 tracing                   = { version = "0.1.41", features = ["attributes"] }
diff --git a/src/main.rs b/src/main.rs
index 6ebad84..330c4a7 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -12,7 +12,9 @@ use std::sync::{Arc, RwLock};
 use tokio::net::TcpListener;
 use tokio::signal;
 use tokio::task::AbortHandle;
+use tower::ServiceBuilder;
 use tower_http::services::{ServeDir, ServeFile};
+use tower_http::set_header::SetResponseHeaderLayer;
 use tower_sessions::{ExpiredDeletion, Expiry, SessionManagerLayer, cookie::Key};
 use tower_sessions_sqlx_store::SqliteStore;
 use tracing_subscriber::{layer::SubscriberExt, util::SubscriberInitExt};
@@ -182,7 +184,15 @@ async fn serve(port: &u32) -> Result<(), anyhow::Error> {
         .route_layer(login_required!(Backend, login_url = "/login"))
         .merge(auth::router())
         .merge(ics::router())
-        .nest_service("/static", ServeDir::new("./hashed_static"))
+        .nest_service(
+            "/static",
+            ServiceBuilder::new()
+                .layer(SetResponseHeaderLayer::overriding(
+                    http::header::CACHE_CONTROL,
+                    http::header::HeaderValue::from_static("public, max-age=31536000, immutable"),
+                ))
+                .service(ServeDir::new("./hashed_static")),
+        )
         .nest_service(
             "/favicon.ico",
             ServeFile::new(format!("./hashed_static/{}", asset!("favicon.ico"))),
diff --git a/static/alpinejs.min.js b/static/alpinejs.min.js
new file mode 100644
index 0000000..0acdcef
--- /dev/null
+++ b/static/alpinejs.min.js
@@ -0,0 +1,5 @@
+(()=>{var nt=!1,it=!1,W=[],ot=-1;function Ut(e){Rn(e)}function Rn(e){W.includes(e)||W.push(e),Mn()}function Wt(e){let t=W.indexOf(e);t!==-1&&t>ot&&W.splice(t,1)}function Mn(){!it&&!nt&&(nt=!0,queueMicrotask(Nn))}function Nn(){nt=!1,it=!0;for(let e=0;e<W.length;e++)W[e](),ot=e;W.length=0,ot=-1,it=!1}var T,N,$,at,st=!0;function Gt(e){st=!1,e(),st=!0}function Jt(e){T=e.reactive,$=e.release,N=t=>e.effect(t,{scheduler:r=>{st?Ut(r):r()}}),at=e.raw}function ct(e){N=e}function Yt(e){let t=()=>{};return[n=>{let i=N(n);return e._x_effects||(e._x_effects=new Set,e._x_runEffects=()=>{e._x_effects.forEach(o=>o())}),e._x_effects.add(i),t=()=>{i!==void 0&&(e._x_effects.delete(i),$(i))},i},()=>{t()}]}function ve(e,t){let r=!0,n,i=N(()=>{let o=e();JSON.stringify(o),r?n=o:queueMicrotask(()=>{t(o,n),n=o}),r=!1});return()=>$(i)}var Xt=[],Zt=[],Qt=[];function er(e){Qt.push(e)}function te(e,t){typeof t=="function"?(e._x_cleanups||(e._x_cleanups=[]),e._x_cleanups.push(t)):(t=e,Zt.push(t))}function Ae(e){Xt.push(e)}function Oe(e,t,r){e._x_attributeCleanups||(e._x_attributeCleanups={}),e._x_attributeCleanups[t]||(e._x_attributeCleanups[t]=[]),e._x_attributeCleanups[t].push(r)}function lt(e,t){e._x_attributeCleanups&&Object.entries(e._x_attributeCleanups).forEach(([r,n])=>{(t===void 0||t.includes(r))&&(n.forEach(i=>i()),delete e._x_attributeCleanups[r])})}function tr(e){for(e._x_effects?.forEach(Wt);e._x_cleanups?.length;)e._x_cleanups.pop()()}var ut=new MutationObserver(mt),ft=!1;function ue(){ut.observe(document,{subtree:!0,childList:!0,attributes:!0,attributeOldValue:!0}),ft=!0}function dt(){kn(),ut.disconnect(),ft=!1}var le=[];function kn(){let e=ut.takeRecords();le.push(()=>e.length>0&&mt(e));let t=le.length;queueMicrotask(()=>{if(le.length===t)for(;le.length>0;)le.shift()()})}function m(e){if(!ft)return e();dt();let t=e();return ue(),t}var pt=!1,Se=[];function rr(){pt=!0}function nr(){pt=!1,mt(Se),Se=[]}function mt(e){if(pt){Se=Se.concat(e);return}let t=[],r=new Set,n=new Map,i=new Map;for(let o=0;o<e.length;o++)if(!e[o].target._x_ignoreMutationObserver&&(e[o].type==="childList"&&(e[o].removedNodes.forEach(s=>{s.nodeType===1&&s._x_marker&&r.add(s)}),e[o].addedNodes.forEach(s=>{if(s.nodeType===1){if(r.has(s)){r.delete(s);return}s._x_marker||t.push(s)}})),e[o].type==="attributes")){let s=e[o].target,a=e[o].attributeName,c=e[o].oldValue,l=()=>{n.has(s)||n.set(s,[]),n.get(s).push({name:a,value:s.getAttribute(a)})},u=()=>{i.has(s)||i.set(s,[]),i.get(s).push(a)};s.hasAttribute(a)&&c===null?l():s.hasAttribute(a)?(u(),l()):u()}i.forEach((o,s)=>{lt(s,o)}),n.forEach((o,s)=>{Xt.forEach(a=>a(s,o))});for(let o of r)t.some(s=>s.contains(o))||Zt.forEach(s=>s(o));for(let o of t)o.isConnected&&Qt.forEach(s=>s(o));t=null,r=null,n=null,i=null}function Ce(e){return z(B(e))}function k(e,t,r){return e._x_dataStack=[t,...B(r||e)],()=>{e._x_dataStack=e._x_dataStack.filter(n=>n!==t)}}function B(e){return e._x_dataStack?e._x_dataStack:typeof ShadowRoot=="function"&&e instanceof ShadowRoot?B(e.host):e.parentNode?B(e.parentNode):[]}function z(e){return new Proxy({objects:e},Dn)}var Dn={ownKeys({objects:e}){return Array.from(new Set(e.flatMap(t=>Object.keys(t))))},has({objects:e},t){return t==Symbol.unscopables?!1:e.some(r=>Object.prototype.hasOwnProperty.call(r,t)||Reflect.has(r,t))},get({objects:e},t,r){return t=="toJSON"?Pn:Reflect.get(e.find(n=>Reflect.has(n,t))||{},t,r)},set({objects:e},t,r,n){let i=e.find(s=>Object.prototype.hasOwnProperty.call(s,t))||e[e.length-1],o=Object.getOwnPropertyDescriptor(i,t);return o?.set&&o?.get?o.set.call(n,r)||!0:Reflect.set(i,t,r)}};function Pn(){return Reflect.ownKeys(this).reduce((t,r)=>(t[r]=Reflect.get(this,r),t),{})}function Te(e){let t=n=>typeof n=="object"&&!Array.isArray(n)&&n!==null,r=(n,i="")=>{Object.entries(Object.getOwnPropertyDescriptors(n)).forEach(([o,{value:s,enumerable:a}])=>{if(a===!1||s===void 0||typeof s=="object"&&s!==null&&s.__v_skip)return;let c=i===""?o:`${i}.${o}`;typeof s=="object"&&s!==null&&s._x_interceptor?n[o]=s.initialize(e,c,o):t(s)&&s!==n&&!(s instanceof Element)&&r(s,c)})};return r(e)}function Re(e,t=()=>{}){let r={initialValue:void 0,_x_interceptor:!0,initialize(n,i,o){return e(this.initialValue,()=>In(n,i),s=>ht(n,i,s),i,o)}};return t(r),n=>{if(typeof n=="object"&&n!==null&&n._x_interceptor){let i=r.initialize.bind(r);r.initialize=(o,s,a)=>{let c=n.initialize(o,s,a);return r.initialValue=c,i(o,s,a)}}else r.initialValue=n;return r}}function In(e,t){return t.split(".").reduce((r,n)=>r[n],e)}function ht(e,t,r){if(typeof t=="string"&&(t=t.split(".")),t.length===1)e[t[0]]=r;else{if(t.length===0)throw error;return e[t[0]]||(e[t[0]]={}),ht(e[t[0]],t.slice(1),r)}}var ir={};function y(e,t){ir[e]=t}function fe(e,t){let r=Ln(t);return Object.entries(ir).forEach(([n,i])=>{Object.defineProperty(e,`$${n}`,{get(){return i(t,r)},enumerable:!1})}),e}function Ln(e){let[t,r]=_t(e),n={interceptor:Re,...t};return te(e,r),n}function or(e,t,r,...n){try{return r(...n)}catch(i){re(i,e,t)}}function re(e,t,r=void 0){e=Object.assign(e??{message:"No error message given."},{el:t,expression:r}),console.warn(`Alpine Expression Error: ${e.message}
+
+${r?'Expression: "'+r+`"
+
+`:""}`,t),setTimeout(()=>{throw e},0)}var Me=!0;function ke(e){let t=Me;Me=!1;let r=e();return Me=t,r}function R(e,t,r={}){let n;return x(e,t)(i=>n=i,r),n}function x(...e){return sr(...e)}var sr=xt;function ar(e){sr=e}function xt(e,t){let r={};fe(r,e);let n=[r,...B(e)],i=typeof t=="function"?$n(n,t):Fn(n,t,e);return or.bind(null,e,t,i)}function $n(e,t){return(r=()=>{},{scope:n={},params:i=[],context:o}={})=>{let s=t.apply(z([n,...e]),i);Ne(r,s)}}var gt={};function jn(e,t){if(gt[e])return gt[e];let r=Object.getPrototypeOf(async function(){}).constructor,n=/^[\n\s]*if.*\(.*\)/.test(e.trim())||/^(let|const)\s/.test(e.trim())?`(async()=>{ ${e} })()`:e,o=(()=>{try{let s=new r(["__self","scope"],`with (scope) { __self.result = ${n} }; __self.finished = true; return __self.result;`);return Object.defineProperty(s,"name",{value:`[Alpine] ${e}`}),s}catch(s){return re(s,t,e),Promise.resolve()}})();return gt[e]=o,o}function Fn(e,t,r){let n=jn(t,r);return(i=()=>{},{scope:o={},params:s=[],context:a}={})=>{n.result=void 0,n.finished=!1;let c=z([o,...e]);if(typeof n=="function"){let l=n.call(a,n,c).catch(u=>re(u,r,t));n.finished?(Ne(i,n.result,c,s,r),n.result=void 0):l.then(u=>{Ne(i,u,c,s,r)}).catch(u=>re(u,r,t)).finally(()=>n.result=void 0)}}}function Ne(e,t,r,n,i){if(Me&&typeof t=="function"){let o=t.apply(r,n);o instanceof Promise?o.then(s=>Ne(e,s,r,n)).catch(s=>re(s,i,t)):e(o)}else typeof t=="object"&&t instanceof Promise?t.then(o=>e(o)):e(t)}var wt="x-";function C(e=""){return wt+e}function cr(e){wt=e}var De={};function d(e,t){return De[e]=t,{before(r){if(!De[r]){console.warn(String.raw`Cannot find directive \`${r}\`. \`${e}\` will use the default order of execution`);return}let n=G.indexOf(r);G.splice(n>=0?n:G.indexOf("DEFAULT"),0,e)}}}function lr(e){return Object.keys(De).includes(e)}function pe(e,t,r){if(t=Array.from(t),e._x_virtualDirectives){let o=Object.entries(e._x_virtualDirectives).map(([a,c])=>({name:a,value:c})),s=Et(o);o=o.map(a=>s.find(c=>c.name===a.name)?{name:`x-bind:${a.name}`,value:`"${a.value}"`}:a),t=t.concat(o)}let n={};return t.map(dr((o,s)=>n[o]=s)).filter(mr).map(zn(n,r)).sort(Kn).map(o=>Bn(e,o))}function Et(e){return Array.from(e).map(dr()).filter(t=>!mr(t))}var yt=!1,de=new Map,ur=Symbol();function fr(e){yt=!0;let t=Symbol();ur=t,de.set(t,[]);let r=()=>{for(;de.get(t).length;)de.get(t).shift()();de.delete(t)},n=()=>{yt=!1,r()};e(r),n()}function _t(e){let t=[],r=a=>t.push(a),[n,i]=Yt(e);return t.push(i),[{Alpine:K,effect:n,cleanup:r,evaluateLater:x.bind(x,e),evaluate:R.bind(R,e)},()=>t.forEach(a=>a())]}function Bn(e,t){let r=()=>{},n=De[t.type]||r,[i,o]=_t(e);Oe(e,t.original,o);let s=()=>{e._x_ignore||e._x_ignoreSelf||(n.inline&&n.inline(e,t,i),n=n.bind(n,e,t,i),yt?de.get(ur).push(n):n())};return s.runCleanups=o,s}var Pe=(e,t)=>({name:r,value:n})=>(r.startsWith(e)&&(r=r.replace(e,t)),{name:r,value:n}),Ie=e=>e;function dr(e=()=>{}){return({name:t,value:r})=>{let{name:n,value:i}=pr.reduce((o,s)=>s(o),{name:t,value:r});return n!==t&&e(n,t),{name:n,value:i}}}var pr=[];function ne(e){pr.push(e)}function mr({name:e}){return hr().test(e)}var hr=()=>new RegExp(`^${wt}([^:^.]+)\\b`);function zn(e,t){return({name:r,value:n})=>{let i=r.match(hr()),o=r.match(/:([a-zA-Z0-9\-_:]+)/),s=r.match(/\.[^.\]]+(?=[^\]]*$)/g)||[],a=t||e[r]||r;return{type:i?i[1]:null,value:o?o[1]:null,modifiers:s.map(c=>c.replace(".","")),expression:n,original:a}}}var bt="DEFAULT",G=["ignore","ref","data","id","anchor","bind","init","for","model","modelable","transition","show","if",bt,"teleport"];function Kn(e,t){let r=G.indexOf(e.type)===-1?bt:e.type,n=G.indexOf(t.type)===-1?bt:t.type;return G.indexOf(r)-G.indexOf(n)}function J(e,t,r={}){e.dispatchEvent(new CustomEvent(t,{detail:r,bubbles:!0,composed:!0,cancelable:!0}))}function D(e,t){if(typeof ShadowRoot=="function"&&e instanceof ShadowRoot){Array.from(e.children).forEach(i=>D(i,t));return}let r=!1;if(t(e,()=>r=!0),r)return;let n=e.firstElementChild;for(;n;)D(n,t,!1),n=n.nextElementSibling}function E(e,...t){console.warn(`Alpine Warning: ${e}`,...t)}var _r=!1;function gr(){_r&&E("Alpine has already been initialized on this page. Calling Alpine.start() more than once can cause problems."),_r=!0,document.body||E("Unable to initialize. Trying to load Alpine before `<body>` is available. Did you forget to add `defer` in Alpine's `<script>` tag?"),J(document,"alpine:init"),J(document,"alpine:initializing"),ue(),er(t=>S(t,D)),te(t=>P(t)),Ae((t,r)=>{pe(t,r).forEach(n=>n())});let e=t=>!Y(t.parentElement,!0);Array.from(document.querySelectorAll(br().join(","))).filter(e).forEach(t=>{S(t)}),J(document,"alpine:initialized"),setTimeout(()=>{Vn()})}var vt=[],xr=[];function yr(){return vt.map(e=>e())}function br(){return vt.concat(xr).map(e=>e())}function Le(e){vt.push(e)}function $e(e){xr.push(e)}function Y(e,t=!1){return j(e,r=>{if((t?br():yr()).some(i=>r.matches(i)))return!0})}function j(e,t){if(e){if(t(e))return e;if(e._x_teleportBack&&(e=e._x_teleportBack),!!e.parentElement)return j(e.parentElement,t)}}function wr(e){return yr().some(t=>e.matches(t))}var Er=[];function vr(e){Er.push(e)}var Hn=1;function S(e,t=D,r=()=>{}){j(e,n=>n._x_ignore)||fr(()=>{t(e,(n,i)=>{n._x_marker||(r(n,i),Er.forEach(o=>o(n,i)),pe(n,n.attributes).forEach(o=>o()),n._x_ignore||(n._x_marker=Hn++),n._x_ignore&&i())})})}function P(e,t=D){t(e,r=>{tr(r),lt(r),delete r._x_marker})}function Vn(){[["ui","dialog",["[x-dialog], [x-popover]"]],["anchor","anchor",["[x-anchor]"]],["sort","sort",["[x-sort]"]]].forEach(([t,r,n])=>{lr(r)||n.some(i=>{if(document.querySelector(i))return E(`found "${i}", but missing ${t} plugin`),!0})})}var St=[],At=!1;function ie(e=()=>{}){return queueMicrotask(()=>{At||setTimeout(()=>{je()})}),new Promise(t=>{St.push(()=>{e(),t()})})}function je(){for(At=!1;St.length;)St.shift()()}function Sr(){At=!0}function me(e,t){return Array.isArray(t)?Ar(e,t.join(" ")):typeof t=="object"&&t!==null?qn(e,t):typeof t=="function"?me(e,t()):Ar(e,t)}function Ar(e,t){let r=o=>o.split(" ").filter(Boolean),n=o=>o.split(" ").filter(s=>!e.classList.contains(s)).filter(Boolean),i=o=>(e.classList.add(...o),()=>{e.classList.remove(...o)});return t=t===!0?t="":t||"",i(n(t))}function qn(e,t){let r=a=>a.split(" ").filter(Boolean),n=Object.entries(t).flatMap(([a,c])=>c?r(a):!1).filter(Boolean),i=Object.entries(t).flatMap(([a,c])=>c?!1:r(a)).filter(Boolean),o=[],s=[];return i.forEach(a=>{e.classList.contains(a)&&(e.classList.remove(a),s.push(a))}),n.forEach(a=>{e.classList.contains(a)||(e.classList.add(a),o.push(a))}),()=>{s.forEach(a=>e.classList.add(a)),o.forEach(a=>e.classList.remove(a))}}function X(e,t){return typeof t=="object"&&t!==null?Un(e,t):Wn(e,t)}function Un(e,t){let r={};return Object.entries(t).forEach(([n,i])=>{r[n]=e.style[n],n.startsWith("--")||(n=Gn(n)),e.style.setProperty(n,i)}),setTimeout(()=>{e.style.length===0&&e.removeAttribute("style")}),()=>{X(e,r)}}function Wn(e,t){let r=e.getAttribute("style",t);return e.setAttribute("style",t),()=>{e.setAttribute("style",r||"")}}function Gn(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function he(e,t=()=>{}){let r=!1;return function(){r?t.apply(this,arguments):(r=!0,e.apply(this,arguments))}}d("transition",(e,{value:t,modifiers:r,expression:n},{evaluate:i})=>{typeof n=="function"&&(n=i(n)),n!==!1&&(!n||typeof n=="boolean"?Yn(e,r,t):Jn(e,n,t))});function Jn(e,t,r){Or(e,me,""),{enter:i=>{e._x_transition.enter.during=i},"enter-start":i=>{e._x_transition.enter.start=i},"enter-end":i=>{e._x_transition.enter.end=i},leave:i=>{e._x_transition.leave.during=i},"leave-start":i=>{e._x_transition.leave.start=i},"leave-end":i=>{e._x_transition.leave.end=i}}[r](t)}function Yn(e,t,r){Or(e,X);let n=!t.includes("in")&&!t.includes("out")&&!r,i=n||t.includes("in")||["enter"].includes(r),o=n||t.includes("out")||["leave"].includes(r);t.includes("in")&&!n&&(t=t.filter((g,b)=>b<t.indexOf("out"))),t.includes("out")&&!n&&(t=t.filter((g,b)=>b>t.indexOf("out")));let s=!t.includes("opacity")&&!t.includes("scale"),a=s||t.includes("opacity"),c=s||t.includes("scale"),l=a?0:1,u=c?_e(t,"scale",95)/100:1,p=_e(t,"delay",0)/1e3,h=_e(t,"origin","center"),w="opacity, transform",F=_e(t,"duration",150)/1e3,Ee=_e(t,"duration",75)/1e3,f="cubic-bezier(0.4, 0.0, 0.2, 1)";i&&(e._x_transition.enter.during={transformOrigin:h,transitionDelay:`${p}s`,transitionProperty:w,transitionDuration:`${F}s`,transitionTimingFunction:f},e._x_transition.enter.start={opacity:l,transform:`scale(${u})`},e._x_transition.enter.end={opacity:1,transform:"scale(1)"}),o&&(e._x_transition.leave.during={transformOrigin:h,transitionDelay:`${p}s`,transitionProperty:w,transitionDuration:`${Ee}s`,transitionTimingFunction:f},e._x_transition.leave.start={opacity:1,transform:"scale(1)"},e._x_transition.leave.end={opacity:l,transform:`scale(${u})`})}function Or(e,t,r={}){e._x_transition||(e._x_transition={enter:{during:r,start:r,end:r},leave:{during:r,start:r,end:r},in(n=()=>{},i=()=>{}){Fe(e,t,{during:this.enter.during,start:this.enter.start,end:this.enter.end},n,i)},out(n=()=>{},i=()=>{}){Fe(e,t,{during:this.leave.during,start:this.leave.start,end:this.leave.end},n,i)}})}window.Element.prototype._x_toggleAndCascadeWithTransitions=function(e,t,r,n){let i=document.visibilityState==="visible"?requestAnimationFrame:setTimeout,o=()=>i(r);if(t){e._x_transition&&(e._x_transition.enter||e._x_transition.leave)?e._x_transition.enter&&(Object.entries(e._x_transition.enter.during).length||Object.entries(e._x_transition.enter.start).length||Object.entries(e._x_transition.enter.end).length)?e._x_transition.in(r):o():e._x_transition?e._x_transition.in(r):o();return}e._x_hidePromise=e._x_transition?new Promise((s,a)=>{e._x_transition.out(()=>{},()=>s(n)),e._x_transitioning&&e._x_transitioning.beforeCancel(()=>a({isFromCancelledTransition:!0}))}):Promise.resolve(n),queueMicrotask(()=>{let s=Cr(e);s?(s._x_hideChildren||(s._x_hideChildren=[]),s._x_hideChildren.push(e)):i(()=>{let a=c=>{let l=Promise.all([c._x_hidePromise,...(c._x_hideChildren||[]).map(a)]).then(([u])=>u?.());return delete c._x_hidePromise,delete c._x_hideChildren,l};a(e).catch(c=>{if(!c.isFromCancelledTransition)throw c})})})};function Cr(e){let t=e.parentNode;if(t)return t._x_hidePromise?t:Cr(t)}function Fe(e,t,{during:r,start:n,end:i}={},o=()=>{},s=()=>{}){if(e._x_transitioning&&e._x_transitioning.cancel(),Object.keys(r).length===0&&Object.keys(n).length===0&&Object.keys(i).length===0){o(),s();return}let a,c,l;Xn(e,{start(){a=t(e,n)},during(){c=t(e,r)},before:o,end(){a(),l=t(e,i)},after:s,cleanup(){c(),l()}})}function Xn(e,t){let r,n,i,o=he(()=>{m(()=>{r=!0,n||t.before(),i||(t.end(),je()),t.after(),e.isConnected&&t.cleanup(),delete e._x_transitioning})});e._x_transitioning={beforeCancels:[],beforeCancel(s){this.beforeCancels.push(s)},cancel:he(function(){for(;this.beforeCancels.length;)this.beforeCancels.shift()();o()}),finish:o},m(()=>{t.start(),t.during()}),Sr(),requestAnimationFrame(()=>{if(r)return;let s=Number(getComputedStyle(e).transitionDuration.replace(/,.*/,"").replace("s",""))*1e3,a=Number(getComputedStyle(e).transitionDelay.replace(/,.*/,"").replace("s",""))*1e3;s===0&&(s=Number(getComputedStyle(e).animationDuration.replace("s",""))*1e3),m(()=>{t.before()}),n=!0,requestAnimationFrame(()=>{r||(m(()=>{t.end()}),je(),setTimeout(e._x_transitioning.finish,s+a),i=!0)})})}function _e(e,t,r){if(e.indexOf(t)===-1)return r;let n=e[e.indexOf(t)+1];if(!n||t==="scale"&&isNaN(n))return r;if(t==="duration"||t==="delay"){let i=n.match(/([0-9]+)ms/);if(i)return i[1]}return t==="origin"&&["top","right","left","center","bottom"].includes(e[e.indexOf(t)+2])?[n,e[e.indexOf(t)+2]].join(" "):n}var I=!1;function A(e,t=()=>{}){return(...r)=>I?t(...r):e(...r)}function Tr(e){return(...t)=>I&&e(...t)}var Rr=[];function H(e){Rr.push(e)}function Mr(e,t){Rr.forEach(r=>r(e,t)),I=!0,kr(()=>{S(t,(r,n)=>{n(r,()=>{})})}),I=!1}var Be=!1;function Nr(e,t){t._x_dataStack||(t._x_dataStack=e._x_dataStack),I=!0,Be=!0,kr(()=>{Zn(t)}),I=!1,Be=!1}function Zn(e){let t=!1;S(e,(n,i)=>{D(n,(o,s)=>{if(t&&wr(o))return s();t=!0,i(o,s)})})}function kr(e){let t=N;ct((r,n)=>{let i=t(r);return $(i),()=>{}}),e(),ct(t)}function ge(e,t,r,n=[]){switch(e._x_bindings||(e._x_bindings=T({})),e._x_bindings[t]=r,t=n.includes("camel")?si(t):t,t){case"value":Qn(e,r);break;case"style":ti(e,r);break;case"class":ei(e,r);break;case"selected":case"checked":ri(e,t,r);break;default:Pr(e,t,r);break}}function Qn(e,t){if(Ot(e))e.attributes.value===void 0&&(e.value=t),window.fromModel&&(typeof t=="boolean"?e.checked=xe(e.value)===t:e.checked=Dr(e.value,t));else if(ze(e))Number.isInteger(t)?e.value=t:!Array.isArray(t)&&typeof t!="boolean"&&![null,void 0].includes(t)?e.value=String(t):Array.isArray(t)?e.checked=t.some(r=>Dr(r,e.value)):e.checked=!!t;else if(e.tagName==="SELECT")oi(e,t);else{if(e.value===t)return;e.value=t===void 0?"":t}}function ei(e,t){e._x_undoAddedClasses&&e._x_undoAddedClasses(),e._x_undoAddedClasses=me(e,t)}function ti(e,t){e._x_undoAddedStyles&&e._x_undoAddedStyles(),e._x_undoAddedStyles=X(e,t)}function ri(e,t,r){Pr(e,t,r),ii(e,t,r)}function Pr(e,t,r){[null,void 0,!1].includes(r)&&ci(t)?e.removeAttribute(t):(Ir(t)&&(r=t),ni(e,t,r))}function ni(e,t,r){e.getAttribute(t)!=r&&e.setAttribute(t,r)}function ii(e,t,r){e[t]!==r&&(e[t]=r)}function oi(e,t){let r=[].concat(t).map(n=>n+"");Array.from(e.options).forEach(n=>{n.selected=r.includes(n.value)})}function si(e){return e.toLowerCase().replace(/-(\w)/g,(t,r)=>r.toUpperCase())}function Dr(e,t){return e==t}function xe(e){return[1,"1","true","on","yes",!0].includes(e)?!0:[0,"0","false","off","no",!1].includes(e)?!1:e?Boolean(e):null}var ai=new Set(["allowfullscreen","async","autofocus","autoplay","checked","controls","default","defer","disabled","formnovalidate","inert","ismap","itemscope","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","selected","shadowrootclonable","shadowrootdelegatesfocus","shadowrootserializable"]);function Ir(e){return ai.has(e)}function ci(e){return!["aria-pressed","aria-checked","aria-expanded","aria-selected"].includes(e)}function Lr(e,t,r){return e._x_bindings&&e._x_bindings[t]!==void 0?e._x_bindings[t]:jr(e,t,r)}function $r(e,t,r,n=!0){if(e._x_bindings&&e._x_bindings[t]!==void 0)return e._x_bindings[t];if(e._x_inlineBindings&&e._x_inlineBindings[t]!==void 0){let i=e._x_inlineBindings[t];return i.extract=n,ke(()=>R(e,i.expression))}return jr(e,t,r)}function jr(e,t,r){let n=e.getAttribute(t);return n===null?typeof r=="function"?r():r:n===""?!0:Ir(t)?!![t,"true"].includes(n):n}function ze(e){return e.type==="checkbox"||e.localName==="ui-checkbox"||e.localName==="ui-switch"}function Ot(e){return e.type==="radio"||e.localName==="ui-radio"}function Ke(e,t){let r;return function(){let n=this,i=arguments,o=function(){r=null,e.apply(n,i)};clearTimeout(r),r=setTimeout(o,t)}}function He(e,t){let r;return function(){let n=this,i=arguments;r||(e.apply(n,i),r=!0,setTimeout(()=>r=!1,t))}}function Ve({get:e,set:t},{get:r,set:n}){let i=!0,o,s,a=N(()=>{let c=e(),l=r();if(i)n(Ct(c)),i=!1;else{let u=JSON.stringify(c),p=JSON.stringify(l);u!==o?n(Ct(c)):u!==p&&t(Ct(l))}o=JSON.stringify(e()),s=JSON.stringify(r())});return()=>{$(a)}}function Ct(e){return typeof e=="object"?JSON.parse(JSON.stringify(e)):e}function Fr(e){(Array.isArray(e)?e:[e]).forEach(r=>r(K))}var Z={},Br=!1;function zr(e,t){if(Br||(Z=T(Z),Br=!0),t===void 0)return Z[e];Z[e]=t,Te(Z[e]),typeof t=="object"&&t!==null&&t.hasOwnProperty("init")&&typeof t.init=="function"&&Z[e].init()}function Kr(){return Z}var Hr={};function Vr(e,t){let r=typeof t!="function"?()=>t:t;return e instanceof Element?Tt(e,r()):(Hr[e]=r,()=>{})}function qr(e){return Object.entries(Hr).forEach(([t,r])=>{Object.defineProperty(e,t,{get(){return(...n)=>r(...n)}})}),e}function Tt(e,t,r){let n=[];for(;n.length;)n.pop()();let i=Object.entries(t).map(([s,a])=>({name:s,value:a})),o=Et(i);return i=i.map(s=>o.find(a=>a.name===s.name)?{name:`x-bind:${s.name}`,value:`"${s.value}"`}:s),pe(e,i,r).map(s=>{n.push(s.runCleanups),s()}),()=>{for(;n.length;)n.pop()()}}var Ur={};function Wr(e,t){Ur[e]=t}function Gr(e,t){return Object.entries(Ur).forEach(([r,n])=>{Object.defineProperty(e,r,{get(){return(...i)=>n.bind(t)(...i)},enumerable:!1})}),e}var li={get reactive(){return T},get release(){return $},get effect(){return N},get raw(){return at},version:"3.15.0",flushAndStopDeferringMutations:nr,dontAutoEvaluateFunctions:ke,disableEffectScheduling:Gt,startObservingMutations:ue,stopObservingMutations:dt,setReactivityEngine:Jt,onAttributeRemoved:Oe,onAttributesAdded:Ae,closestDataStack:B,skipDuringClone:A,onlyDuringClone:Tr,addRootSelector:Le,addInitSelector:$e,interceptClone:H,addScopeToNode:k,deferMutations:rr,mapAttributes:ne,evaluateLater:x,interceptInit:vr,setEvaluator:ar,mergeProxies:z,extractProp:$r,findClosest:j,onElRemoved:te,closestRoot:Y,destroyTree:P,interceptor:Re,transition:Fe,setStyles:X,mutateDom:m,directive:d,entangle:Ve,throttle:He,debounce:Ke,evaluate:R,initTree:S,nextTick:ie,prefixed:C,prefix:cr,plugin:Fr,magic:y,store:zr,start:gr,clone:Nr,cloneNode:Mr,bound:Lr,$data:Ce,watch:ve,walk:D,data:Wr,bind:Vr},K=li;function Rt(e,t){let r=Object.create(null),n=e.split(",");for(let i=0;i<n.length;i++)r[n[i]]=!0;return t?i=>!!r[i.toLowerCase()]:i=>!!r[i]}var ui="itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly";var Ls=Rt(ui+",async,autofocus,autoplay,controls,default,defer,disabled,hidden,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected");var Jr=Object.freeze({}),$s=Object.freeze([]);var fi=Object.prototype.hasOwnProperty,ye=(e,t)=>fi.call(e,t),V=Array.isArray,oe=e=>Yr(e)==="[object Map]";var di=e=>typeof e=="string",qe=e=>typeof e=="symbol",be=e=>e!==null&&typeof e=="object";var pi=Object.prototype.toString,Yr=e=>pi.call(e),Mt=e=>Yr(e).slice(8,-1);var Ue=e=>di(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e;var We=e=>{let t=Object.create(null);return r=>t[r]||(t[r]=e(r))},mi=/-(\w)/g,js=We(e=>e.replace(mi,(t,r)=>r?r.toUpperCase():"")),hi=/\B([A-Z])/g,Fs=We(e=>e.replace(hi,"-$1").toLowerCase()),Nt=We(e=>e.charAt(0).toUpperCase()+e.slice(1)),Bs=We(e=>e?`on${Nt(e)}`:""),kt=(e,t)=>e!==t&&(e===e||t===t);var Dt=new WeakMap,we=[],L,Q=Symbol("iterate"),Pt=Symbol("Map key iterate");function _i(e){return e&&e._isEffect===!0}function rn(e,t=Jr){_i(e)&&(e=e.raw);let r=xi(e,t);return t.lazy||r(),r}function nn(e){e.active&&(on(e),e.options.onStop&&e.options.onStop(),e.active=!1)}var gi=0;function xi(e,t){let r=function(){if(!r.active)return e();if(!we.includes(r)){on(r);try{return bi(),we.push(r),L=r,e()}finally{we.pop(),sn(),L=we[we.length-1]}}};return r.id=gi++,r.allowRecurse=!!t.allowRecurse,r._isEffect=!0,r.active=!0,r.raw=e,r.deps=[],r.options=t,r}function on(e){let{deps:t}=e;if(t.length){for(let r=0;r<t.length;r++)t[r].delete(e);t.length=0}}var se=!0,Lt=[];function yi(){Lt.push(se),se=!1}function bi(){Lt.push(se),se=!0}function sn(){let e=Lt.pop();se=e===void 0?!0:e}function M(e,t,r){if(!se||L===void 0)return;let n=Dt.get(e);n||Dt.set(e,n=new Map);let i=n.get(r);i||n.set(r,i=new Set),i.has(L)||(i.add(L),L.deps.push(i),L.options.onTrack&&L.options.onTrack({effect:L,target:e,type:t,key:r}))}function U(e,t,r,n,i,o){let s=Dt.get(e);if(!s)return;let a=new Set,c=u=>{u&&u.forEach(p=>{(p!==L||p.allowRecurse)&&a.add(p)})};if(t==="clear")s.forEach(c);else if(r==="length"&&V(e))s.forEach((u,p)=>{(p==="length"||p>=n)&&c(u)});else switch(r!==void 0&&c(s.get(r)),t){case"add":V(e)?Ue(r)&&c(s.get("length")):(c(s.get(Q)),oe(e)&&c(s.get(Pt)));break;case"delete":V(e)||(c(s.get(Q)),oe(e)&&c(s.get(Pt)));break;case"set":oe(e)&&c(s.get(Q));break}let l=u=>{u.options.onTrigger&&u.options.onTrigger({effect:u,target:e,key:r,type:t,newValue:n,oldValue:i,oldTarget:o}),u.options.scheduler?u.options.scheduler(u):u()};a.forEach(l)}var wi=Rt("__proto__,__v_isRef,__isVue"),an=new Set(Object.getOwnPropertyNames(Symbol).map(e=>Symbol[e]).filter(qe)),Ei=cn();var vi=cn(!0);var Xr=Si();function Si(){let e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...r){let n=_(this);for(let o=0,s=this.length;o<s;o++)M(n,"get",o+"");let i=n[t](...r);return i===-1||i===!1?n[t](...r.map(_)):i}}),["push","pop","shift","unshift","splice"].forEach(t=>{e[t]=function(...r){yi();let n=_(this)[t].apply(this,r);return sn(),n}}),e}function cn(e=!1,t=!1){return function(n,i,o){if(i==="__v_isReactive")return!e;if(i==="__v_isReadonly")return e;if(i==="__v_raw"&&o===(e?t?Bi:dn:t?Fi:fn).get(n))return n;let s=V(n);if(!e&&s&&ye(Xr,i))return Reflect.get(Xr,i,o);let a=Reflect.get(n,i,o);return(qe(i)?an.has(i):wi(i))||(e||M(n,"get",i),t)?a:It(a)?!s||!Ue(i)?a.value:a:be(a)?e?pn(a):et(a):a}}var Ai=Oi();function Oi(e=!1){return function(r,n,i,o){let s=r[n];if(!e&&(i=_(i),s=_(s),!V(r)&&It(s)&&!It(i)))return s.value=i,!0;let a=V(r)&&Ue(n)?Number(n)<r.length:ye(r,n),c=Reflect.set(r,n,i,o);return r===_(o)&&(a?kt(i,s)&&U(r,"set",n,i,s):U(r,"add",n,i)),c}}function Ci(e,t){let r=ye(e,t),n=e[t],i=Reflect.deleteProperty(e,t);return i&&r&&U(e,"delete",t,void 0,n),i}function Ti(e,t){let r=Reflect.has(e,t);return(!qe(t)||!an.has(t))&&M(e,"has",t),r}function Ri(e){return M(e,"iterate",V(e)?"length":Q),Reflect.ownKeys(e)}var Mi={get:Ei,set:Ai,deleteProperty:Ci,has:Ti,ownKeys:Ri},Ni={get:vi,set(e,t){return console.warn(`Set operation on key "${String(t)}" failed: target is readonly.`,e),!0},deleteProperty(e,t){return console.warn(`Delete operation on key "${String(t)}" failed: target is readonly.`,e),!0}};var $t=e=>be(e)?et(e):e,jt=e=>be(e)?pn(e):e,Ft=e=>e,Qe=e=>Reflect.getPrototypeOf(e);function Ge(e,t,r=!1,n=!1){e=e.__v_raw;let i=_(e),o=_(t);t!==o&&!r&&M(i,"get",t),!r&&M(i,"get",o);let{has:s}=Qe(i),a=n?Ft:r?jt:$t;if(s.call(i,t))return a(e.get(t));if(s.call(i,o))return a(e.get(o));e!==i&&e.get(t)}function Je(e,t=!1){let r=this.__v_raw,n=_(r),i=_(e);return e!==i&&!t&&M(n,"has",e),!t&&M(n,"has",i),e===i?r.has(e):r.has(e)||r.has(i)}function Ye(e,t=!1){return e=e.__v_raw,!t&&M(_(e),"iterate",Q),Reflect.get(e,"size",e)}function Zr(e){e=_(e);let t=_(this);return Qe(t).has.call(t,e)||(t.add(e),U(t,"add",e,e)),this}function Qr(e,t){t=_(t);let r=_(this),{has:n,get:i}=Qe(r),o=n.call(r,e);o?un(r,n,e):(e=_(e),o=n.call(r,e));let s=i.call(r,e);return r.set(e,t),o?kt(t,s)&&U(r,"set",e,t,s):U(r,"add",e,t),this}function en(e){let t=_(this),{has:r,get:n}=Qe(t),i=r.call(t,e);i?un(t,r,e):(e=_(e),i=r.call(t,e));let o=n?n.call(t,e):void 0,s=t.delete(e);return i&&U(t,"delete",e,void 0,o),s}function tn(){let e=_(this),t=e.size!==0,r=oe(e)?new Map(e):new Set(e),n=e.clear();return t&&U(e,"clear",void 0,void 0,r),n}function Xe(e,t){return function(n,i){let o=this,s=o.__v_raw,a=_(s),c=t?Ft:e?jt:$t;return!e&&M(a,"iterate",Q),s.forEach((l,u)=>n.call(i,c(l),c(u),o))}}function Ze(e,t,r){return function(...n){let i=this.__v_raw,o=_(i),s=oe(o),a=e==="entries"||e===Symbol.iterator&&s,c=e==="keys"&&s,l=i[e](...n),u=r?Ft:t?jt:$t;return!t&&M(o,"iterate",c?Pt:Q),{next(){let{value:p,done:h}=l.next();return h?{value:p,done:h}:{value:a?[u(p[0]),u(p[1])]:u(p),done:h}},[Symbol.iterator](){return this}}}}function q(e){return function(...t){{let r=t[0]?`on key "${t[0]}" `:"";console.warn(`${Nt(e)} operation ${r}failed: target is readonly.`,_(this))}return e==="delete"?!1:this}}function ki(){let e={get(o){return Ge(this,o)},get size(){return Ye(this)},has:Je,add:Zr,set:Qr,delete:en,clear:tn,forEach:Xe(!1,!1)},t={get(o){return Ge(this,o,!1,!0)},get size(){return Ye(this)},has:Je,add:Zr,set:Qr,delete:en,clear:tn,forEach:Xe(!1,!0)},r={get(o){return Ge(this,o,!0)},get size(){return Ye(this,!0)},has(o){return Je.call(this,o,!0)},add:q("add"),set:q("set"),delete:q("delete"),clear:q("clear"),forEach:Xe(!0,!1)},n={get(o){return Ge(this,o,!0,!0)},get size(){return Ye(this,!0)},has(o){return Je.call(this,o,!0)},add:q("add"),set:q("set"),delete:q("delete"),clear:q("clear"),forEach:Xe(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(o=>{e[o]=Ze(o,!1,!1),r[o]=Ze(o,!0,!1),t[o]=Ze(o,!1,!0),n[o]=Ze(o,!0,!0)}),[e,r,t,n]}var[Di,Pi,Ii,Li]=ki();function ln(e,t){let r=t?e?Li:Ii:e?Pi:Di;return(n,i,o)=>i==="__v_isReactive"?!e:i==="__v_isReadonly"?e:i==="__v_raw"?n:Reflect.get(ye(r,i)&&i in n?r:n,i,o)}var $i={get:ln(!1,!1)};var ji={get:ln(!0,!1)};function un(e,t,r){let n=_(r);if(n!==r&&t.call(e,n)){let i=Mt(e);console.warn(`Reactive ${i} contains both the raw and reactive versions of the same object${i==="Map"?" as keys":""}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`)}}var fn=new WeakMap,Fi=new WeakMap,dn=new WeakMap,Bi=new WeakMap;function zi(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function Ki(e){return e.__v_skip||!Object.isExtensible(e)?0:zi(Mt(e))}function et(e){return e&&e.__v_isReadonly?e:mn(e,!1,Mi,$i,fn)}function pn(e){return mn(e,!0,Ni,ji,dn)}function mn(e,t,r,n,i){if(!be(e))return console.warn(`value cannot be made reactive: ${String(e)}`),e;if(e.__v_raw&&!(t&&e.__v_isReactive))return e;let o=i.get(e);if(o)return o;let s=Ki(e);if(s===0)return e;let a=new Proxy(e,s===2?n:r);return i.set(e,a),a}function _(e){return e&&_(e.__v_raw)||e}function It(e){return Boolean(e&&e.__v_isRef===!0)}y("nextTick",()=>ie);y("dispatch",e=>J.bind(J,e));y("watch",(e,{evaluateLater:t,cleanup:r})=>(n,i)=>{let o=t(n),a=ve(()=>{let c;return o(l=>c=l),c},i);r(a)});y("store",Kr);y("data",e=>Ce(e));y("root",e=>Y(e));y("refs",e=>(e._x_refs_proxy||(e._x_refs_proxy=z(Hi(e))),e._x_refs_proxy));function Hi(e){let t=[];return j(e,r=>{r._x_refs&&t.push(r._x_refs)}),t}var Bt={};function zt(e){return Bt[e]||(Bt[e]=0),++Bt[e]}function hn(e,t){return j(e,r=>{if(r._x_ids&&r._x_ids[t])return!0})}function _n(e,t){e._x_ids||(e._x_ids={}),e._x_ids[t]||(e._x_ids[t]=zt(t))}y("id",(e,{cleanup:t})=>(r,n=null)=>{let i=`${r}${n?`-${n}`:""}`;return Vi(e,i,t,()=>{let o=hn(e,r),s=o?o._x_ids[r]:zt(r);return n?`${r}-${s}-${n}`:`${r}-${s}`})});H((e,t)=>{e._x_id&&(t._x_id=e._x_id)});function Vi(e,t,r,n){if(e._x_id||(e._x_id={}),e._x_id[t])return e._x_id[t];let i=n();return e._x_id[t]=i,r(()=>{delete e._x_id[t]}),i}y("el",e=>e);gn("Focus","focus","focus");gn("Persist","persist","persist");function gn(e,t,r){y(t,n=>E(`You can't use [$${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${r}`,n))}d("modelable",(e,{expression:t},{effect:r,evaluateLater:n,cleanup:i})=>{let o=n(t),s=()=>{let u;return o(p=>u=p),u},a=n(`${t} = __placeholder`),c=u=>a(()=>{},{scope:{__placeholder:u}}),l=s();c(l),queueMicrotask(()=>{if(!e._x_model)return;e._x_removeModelListeners.default();let u=e._x_model.get,p=e._x_model.set,h=Ve({get(){return u()},set(w){p(w)}},{get(){return s()},set(w){c(w)}});i(h)})});d("teleport",(e,{modifiers:t,expression:r},{cleanup:n})=>{e.tagName.toLowerCase()!=="template"&&E("x-teleport can only be used on a <template> tag",e);let i=xn(r),o=e.content.cloneNode(!0).firstElementChild;e._x_teleport=o,o._x_teleportBack=e,e.setAttribute("data-teleport-template",!0),o.setAttribute("data-teleport-target",!0),e._x_forwardEvents&&e._x_forwardEvents.forEach(a=>{o.addEventListener(a,c=>{c.stopPropagation(),e.dispatchEvent(new c.constructor(c.type,c))})}),k(o,{},e);let s=(a,c,l)=>{l.includes("prepend")?c.parentNode.insertBefore(a,c):l.includes("append")?c.parentNode.insertBefore(a,c.nextSibling):c.appendChild(a)};m(()=>{s(o,i,t),A(()=>{S(o)})()}),e._x_teleportPutBack=()=>{let a=xn(r);m(()=>{s(e._x_teleport,a,t)})},n(()=>m(()=>{o.remove(),P(o)}))});var qi=document.createElement("div");function xn(e){let t=A(()=>document.querySelector(e),()=>qi)();return t||E(`Cannot find x-teleport element for selector: "${e}"`),t}var yn=()=>{};yn.inline=(e,{modifiers:t},{cleanup:r})=>{t.includes("self")?e._x_ignoreSelf=!0:e._x_ignore=!0,r(()=>{t.includes("self")?delete e._x_ignoreSelf:delete e._x_ignore})};d("ignore",yn);d("effect",A((e,{expression:t},{effect:r})=>{r(x(e,t))}));function ae(e,t,r,n){let i=e,o=c=>n(c),s={},a=(c,l)=>u=>l(c,u);if(r.includes("dot")&&(t=Ui(t)),r.includes("camel")&&(t=Wi(t)),r.includes("passive")&&(s.passive=!0),r.includes("capture")&&(s.capture=!0),r.includes("window")&&(i=window),r.includes("document")&&(i=document),r.includes("debounce")){let c=r[r.indexOf("debounce")+1]||"invalid-wait",l=tt(c.split("ms")[0])?Number(c.split("ms")[0]):250;o=Ke(o,l)}if(r.includes("throttle")){let c=r[r.indexOf("throttle")+1]||"invalid-wait",l=tt(c.split("ms")[0])?Number(c.split("ms")[0]):250;o=He(o,l)}return r.includes("prevent")&&(o=a(o,(c,l)=>{l.preventDefault(),c(l)})),r.includes("stop")&&(o=a(o,(c,l)=>{l.stopPropagation(),c(l)})),r.includes("once")&&(o=a(o,(c,l)=>{c(l),i.removeEventListener(t,o,s)})),(r.includes("away")||r.includes("outside"))&&(i=document,o=a(o,(c,l)=>{e.contains(l.target)||l.target.isConnected!==!1&&(e.offsetWidth<1&&e.offsetHeight<1||e._x_isShown!==!1&&c(l))})),r.includes("self")&&(o=a(o,(c,l)=>{l.target===e&&c(l)})),(Ji(t)||wn(t))&&(o=a(o,(c,l)=>{Yi(l,r)||c(l)})),i.addEventListener(t,o,s),()=>{i.removeEventListener(t,o,s)}}function Ui(e){return e.replace(/-/g,".")}function Wi(e){return e.toLowerCase().replace(/-(\w)/g,(t,r)=>r.toUpperCase())}function tt(e){return!Array.isArray(e)&&!isNaN(e)}function Gi(e){return[" ","_"].includes(e)?e:e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[_\s]/,"-").toLowerCase()}function Ji(e){return["keydown","keyup"].includes(e)}function wn(e){return["contextmenu","click","mouse"].some(t=>e.includes(t))}function Yi(e,t){let r=t.filter(o=>!["window","document","prevent","stop","once","capture","self","away","outside","passive","preserve-scroll"].includes(o));if(r.includes("debounce")){let o=r.indexOf("debounce");r.splice(o,tt((r[o+1]||"invalid-wait").split("ms")[0])?2:1)}if(r.includes("throttle")){let o=r.indexOf("throttle");r.splice(o,tt((r[o+1]||"invalid-wait").split("ms")[0])?2:1)}if(r.length===0||r.length===1&&bn(e.key).includes(r[0]))return!1;let i=["ctrl","shift","alt","meta","cmd","super"].filter(o=>r.includes(o));return r=r.filter(o=>!i.includes(o)),!(i.length>0&&i.filter(s=>((s==="cmd"||s==="super")&&(s="meta"),e[`${s}Key`])).length===i.length&&(wn(e.type)||bn(e.key).includes(r[0])))}function bn(e){if(!e)return[];e=Gi(e);let t={ctrl:"control",slash:"/",space:" ",spacebar:" ",cmd:"meta",esc:"escape",up:"arrow-up",down:"arrow-down",left:"arrow-left",right:"arrow-right",period:".",comma:",",equal:"=",minus:"-",underscore:"_"};return t[e]=e,Object.keys(t).map(r=>{if(t[r]===e)return r}).filter(r=>r)}d("model",(e,{modifiers:t,expression:r},{effect:n,cleanup:i})=>{let o=e;t.includes("parent")&&(o=e.parentNode);let s=x(o,r),a;typeof r=="string"?a=x(o,`${r} = __placeholder`):typeof r=="function"&&typeof r()=="string"?a=x(o,`${r()} = __placeholder`):a=()=>{};let c=()=>{let h;return s(w=>h=w),En(h)?h.get():h},l=h=>{let w;s(F=>w=F),En(w)?w.set(h):a(()=>{},{scope:{__placeholder:h}})};typeof r=="string"&&e.type==="radio"&&m(()=>{e.hasAttribute("name")||e.setAttribute("name",r)});let u=e.tagName.toLowerCase()==="select"||["checkbox","radio"].includes(e.type)||t.includes("lazy")?"change":"input",p=I?()=>{}:ae(e,u,t,h=>{l(Kt(e,t,h,c()))});if(t.includes("fill")&&([void 0,null,""].includes(c())||ze(e)&&Array.isArray(c())||e.tagName.toLowerCase()==="select"&&e.multiple)&&l(Kt(e,t,{target:e},c())),e._x_removeModelListeners||(e._x_removeModelListeners={}),e._x_removeModelListeners.default=p,i(()=>e._x_removeModelListeners.default()),e.form){let h=ae(e.form,"reset",[],w=>{ie(()=>e._x_model&&e._x_model.set(Kt(e,t,{target:e},c())))});i(()=>h())}e._x_model={get(){return c()},set(h){l(h)}},e._x_forceModelUpdate=h=>{h===void 0&&typeof r=="string"&&r.match(/\./)&&(h=""),window.fromModel=!0,m(()=>ge(e,"value",h)),delete window.fromModel},n(()=>{let h=c();t.includes("unintrusive")&&document.activeElement.isSameNode(e)||e._x_forceModelUpdate(h)})});function Kt(e,t,r,n){return m(()=>{if(r instanceof CustomEvent&&r.detail!==void 0)return r.detail!==null&&r.detail!==void 0?r.detail:r.target.value;if(ze(e))if(Array.isArray(n)){let i=null;return t.includes("number")?i=Ht(r.target.value):t.includes("boolean")?i=xe(r.target.value):i=r.target.value,r.target.checked?n.includes(i)?n:n.concat([i]):n.filter(o=>!Xi(o,i))}else return r.target.checked;else{if(e.tagName.toLowerCase()==="select"&&e.multiple)return t.includes("number")?Array.from(r.target.selectedOptions).map(i=>{let o=i.value||i.text;return Ht(o)}):t.includes("boolean")?Array.from(r.target.selectedOptions).map(i=>{let o=i.value||i.text;return xe(o)}):Array.from(r.target.selectedOptions).map(i=>i.value||i.text);{let i;return Ot(e)?r.target.checked?i=r.target.value:i=n:i=r.target.value,t.includes("number")?Ht(i):t.includes("boolean")?xe(i):t.includes("trim")?i.trim():i}}})}function Ht(e){let t=e?parseFloat(e):null;return Zi(t)?t:e}function Xi(e,t){return e==t}function Zi(e){return!Array.isArray(e)&&!isNaN(e)}function En(e){return e!==null&&typeof e=="object"&&typeof e.get=="function"&&typeof e.set=="function"}d("cloak",e=>queueMicrotask(()=>m(()=>e.removeAttribute(C("cloak")))));$e(()=>`[${C("init")}]`);d("init",A((e,{expression:t},{evaluate:r})=>typeof t=="string"?!!t.trim()&&r(t,{},!1):r(t,{},!1)));d("text",(e,{expression:t},{effect:r,evaluateLater:n})=>{let i=n(t);r(()=>{i(o=>{m(()=>{e.textContent=o})})})});d("html",(e,{expression:t},{effect:r,evaluateLater:n})=>{let i=n(t);r(()=>{i(o=>{m(()=>{e.innerHTML=o,e._x_ignoreSelf=!0,S(e),delete e._x_ignoreSelf})})})});ne(Pe(":",Ie(C("bind:"))));var vn=(e,{value:t,modifiers:r,expression:n,original:i},{effect:o,cleanup:s})=>{if(!t){let c={};qr(c),x(e,n)(u=>{Tt(e,u,i)},{scope:c});return}if(t==="key")return Qi(e,n);if(e._x_inlineBindings&&e._x_inlineBindings[t]&&e._x_inlineBindings[t].extract)return;let a=x(e,n);o(()=>a(c=>{c===void 0&&typeof n=="string"&&n.match(/\./)&&(c=""),m(()=>ge(e,t,c,r))})),s(()=>{e._x_undoAddedClasses&&e._x_undoAddedClasses(),e._x_undoAddedStyles&&e._x_undoAddedStyles()})};vn.inline=(e,{value:t,modifiers:r,expression:n})=>{t&&(e._x_inlineBindings||(e._x_inlineBindings={}),e._x_inlineBindings[t]={expression:n,extract:!1})};d("bind",vn);function Qi(e,t){e._x_keyExpression=t}Le(()=>`[${C("data")}]`);d("data",(e,{expression:t},{cleanup:r})=>{if(eo(e))return;t=t===""?"{}":t;let n={};fe(n,e);let i={};Gr(i,n);let o=R(e,t,{scope:i});(o===void 0||o===!0)&&(o={}),fe(o,e);let s=T(o);Te(s);let a=k(e,s);s.init&&R(e,s.init),r(()=>{s.destroy&&R(e,s.destroy),a()})});H((e,t)=>{e._x_dataStack&&(t._x_dataStack=e._x_dataStack,t.setAttribute("data-has-alpine-state",!0))});function eo(e){return I?Be?!0:e.hasAttribute("data-has-alpine-state"):!1}d("show",(e,{modifiers:t,expression:r},{effect:n})=>{let i=x(e,r);e._x_doHide||(e._x_doHide=()=>{m(()=>{e.style.setProperty("display","none",t.includes("important")?"important":void 0)})}),e._x_doShow||(e._x_doShow=()=>{m(()=>{e.style.length===1&&e.style.display==="none"?e.removeAttribute("style"):e.style.removeProperty("display")})});let o=()=>{e._x_doHide(),e._x_isShown=!1},s=()=>{e._x_doShow(),e._x_isShown=!0},a=()=>setTimeout(s),c=he(p=>p?s():o(),p=>{typeof e._x_toggleAndCascadeWithTransitions=="function"?e._x_toggleAndCascadeWithTransitions(e,p,s,o):p?a():o()}),l,u=!0;n(()=>i(p=>{!u&&p===l||(t.includes("immediate")&&(p?a():o()),c(p),l=p,u=!1)}))});d("for",(e,{expression:t},{effect:r,cleanup:n})=>{let i=ro(t),o=x(e,i.items),s=x(e,e._x_keyExpression||"index");e._x_prevKeys=[],e._x_lookup={},r(()=>to(e,i,o,s)),n(()=>{Object.values(e._x_lookup).forEach(a=>m(()=>{P(a),a.remove()})),delete e._x_prevKeys,delete e._x_lookup})});function to(e,t,r,n){let i=s=>typeof s=="object"&&!Array.isArray(s),o=e;r(s=>{no(s)&&s>=0&&(s=Array.from(Array(s).keys(),f=>f+1)),s===void 0&&(s=[]);let a=e._x_lookup,c=e._x_prevKeys,l=[],u=[];if(i(s))s=Object.entries(s).map(([f,g])=>{let b=Sn(t,g,f,s);n(v=>{u.includes(v)&&E("Duplicate key on x-for",e),u.push(v)},{scope:{index:f,...b}}),l.push(b)});else for(let f=0;f<s.length;f++){let g=Sn(t,s[f],f,s);n(b=>{u.includes(b)&&E("Duplicate key on x-for",e),u.push(b)},{scope:{index:f,...g}}),l.push(g)}let p=[],h=[],w=[],F=[];for(let f=0;f<c.length;f++){let g=c[f];u.indexOf(g)===-1&&w.push(g)}c=c.filter(f=>!w.includes(f));let Ee="template";for(let f=0;f<u.length;f++){let g=u[f],b=c.indexOf(g);if(b===-1)c.splice(f,0,g),p.push([Ee,f]);else if(b!==f){let v=c.splice(f,1)[0],O=c.splice(b-1,1)[0];c.splice(f,0,O),c.splice(b,0,v),h.push([v,O])}else F.push(g);Ee=g}for(let f=0;f<w.length;f++){let g=w[f];g in a&&(m(()=>{P(a[g]),a[g].remove()}),delete a[g])}for(let f=0;f<h.length;f++){let[g,b]=h[f],v=a[g],O=a[b],ee=document.createElement("div");m(()=>{O||E('x-for ":key" is undefined or invalid',o,b,a),O.after(ee),v.after(O),O._x_currentIfEl&&O.after(O._x_currentIfEl),ee.before(v),v._x_currentIfEl&&v.after(v._x_currentIfEl),ee.remove()}),O._x_refreshXForScope(l[u.indexOf(b)])}for(let f=0;f<p.length;f++){let[g,b]=p[f],v=g==="template"?o:a[g];v._x_currentIfEl&&(v=v._x_currentIfEl);let O=l[b],ee=u[b],ce=document.importNode(o.content,!0).firstElementChild,qt=T(O);k(ce,qt,o),ce._x_refreshXForScope=On=>{Object.entries(On).forEach(([Cn,Tn])=>{qt[Cn]=Tn})},m(()=>{v.after(ce),A(()=>S(ce))()}),typeof ee=="object"&&E("x-for key cannot be an object, it must be a string or an integer",o),a[ee]=ce}for(let f=0;f<F.length;f++)a[F[f]]._x_refreshXForScope(l[u.indexOf(F[f])]);o._x_prevKeys=u})}function ro(e){let t=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,r=/^\s*\(|\)\s*$/g,n=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,i=e.match(n);if(!i)return;let o={};o.items=i[2].trim();let s=i[1].replace(r,"").trim(),a=s.match(t);return a?(o.item=s.replace(t,"").trim(),o.index=a[1].trim(),a[2]&&(o.collection=a[2].trim())):o.item=s,o}function Sn(e,t,r,n){let i={};return/^\[.*\]$/.test(e.item)&&Array.isArray(t)?e.item.replace("[","").replace("]","").split(",").map(s=>s.trim()).forEach((s,a)=>{i[s]=t[a]}):/^\{.*\}$/.test(e.item)&&!Array.isArray(t)&&typeof t=="object"?e.item.replace("{","").replace("}","").split(",").map(s=>s.trim()).forEach(s=>{i[s]=t[s]}):i[e.item]=t,e.index&&(i[e.index]=r),e.collection&&(i[e.collection]=n),i}function no(e){return!Array.isArray(e)&&!isNaN(e)}function An(){}An.inline=(e,{expression:t},{cleanup:r})=>{let n=Y(e);n._x_refs||(n._x_refs={}),n._x_refs[t]=e,r(()=>delete n._x_refs[t])};d("ref",An);d("if",(e,{expression:t},{effect:r,cleanup:n})=>{e.tagName.toLowerCase()!=="template"&&E("x-if can only be used on a <template> tag",e);let i=x(e,t),o=()=>{if(e._x_currentIfEl)return e._x_currentIfEl;let a=e.content.cloneNode(!0).firstElementChild;return k(a,{},e),m(()=>{e.after(a),A(()=>S(a))()}),e._x_currentIfEl=a,e._x_undoIf=()=>{m(()=>{P(a),a.remove()}),delete e._x_currentIfEl},a},s=()=>{e._x_undoIf&&(e._x_undoIf(),delete e._x_undoIf)};r(()=>i(a=>{a?o():s()})),n(()=>e._x_undoIf&&e._x_undoIf())});d("id",(e,{expression:t},{evaluate:r})=>{r(t).forEach(i=>_n(e,i))});H((e,t)=>{e._x_ids&&(t._x_ids=e._x_ids)});ne(Pe("@",Ie(C("on:"))));d("on",A((e,{value:t,modifiers:r,expression:n},{cleanup:i})=>{let o=n?x(e,n):()=>{};e.tagName.toLowerCase()==="template"&&(e._x_forwardEvents||(e._x_forwardEvents=[]),e._x_forwardEvents.includes(t)||e._x_forwardEvents.push(t));let s=ae(e,t,r,a=>{o(()=>{},{scope:{$event:a},params:[a]})});i(()=>s())}));rt("Collapse","collapse","collapse");rt("Intersect","intersect","intersect");rt("Focus","trap","focus");rt("Mask","mask","mask");function rt(e,t,r){d(t,n=>E(`You can't use [x-${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${r}`,n))}K.setEvaluator(xt);K.setReactivityEngine({reactive:et,effect:rn,release:nn,raw:_});var Vt=K;window.Alpine=Vt;queueMicrotask(()=>{Vt.start()});})();
diff --git a/static/htmx-ext-response-targets.js b/static/htmx-ext-response-targets.js
new file mode 100644
index 0000000..6434afb
--- /dev/null
+++ b/static/htmx-ext-response-targets.js
@@ -0,0 +1 @@
+(function(){var f;var o="hx-target-";function g(e,r){return e.substring(0,r.length)===r}function s(e,r){if(!e||!r)return null;var t=r.toString();var s=[t,t.substring(0,2)+"*",t.substring(0,2)+"x",t.substring(0,1)+"*",t.substring(0,1)+"x",t.substring(0,1)+"**",t.substring(0,1)+"xx","*","x","***","xxx"];if(g(t,"4")||g(t,"5")){s.push("error")}for(var n=0;n<s.length;n++){var i=o+s[n];var a=f.getClosestAttributeValue(e,i);if(a){if(a==="this"){return f.findThisElement(e,i)}else{return f.querySelectorExt(e,a)}}}return null}function n(e){if(e.detail.isError){if(htmx.config.responseTargetUnsetsError){e.detail.isError=false}}else if(htmx.config.responseTargetSetsError){e.detail.isError=true}}htmx.defineExtension("response-targets",{init:function(e){f=e;if(htmx.config.responseTargetUnsetsError===undefined){htmx.config.responseTargetUnsetsError=true}if(htmx.config.responseTargetSetsError===undefined){htmx.config.responseTargetSetsError=false}if(htmx.config.responseTargetPrefersExisting===undefined){htmx.config.responseTargetPrefersExisting=false}if(htmx.config.responseTargetPrefersRetargetHeader===undefined){htmx.config.responseTargetPrefersRetargetHeader=true}},onEvent:function(e,r){if(e==="htmx:beforeSwap"&&r.detail.xhr&&r.detail.xhr.status!==200){if(r.detail.target){if(htmx.config.responseTargetPrefersExisting){r.detail.shouldSwap=true;n(r);return true}if(htmx.config.responseTargetPrefersRetargetHeader&&r.detail.xhr.getAllResponseHeaders().match(/HX-Retarget:/i)){r.detail.shouldSwap=true;n(r);return true}}if(!r.detail.requestConfig){return true}var t=s(r.detail.requestConfig.elt,r.detail.xhr.status);if(t){n(r);r.detail.shouldSwap=true;r.detail.target=t}return true}}})})();
\ No newline at end of file
diff --git a/static/htmx.min.js b/static/htmx.min.js
new file mode 100644
index 0000000..d49e662
--- /dev/null
+++ b/static/htmx.min.js
@@ -0,0 +1 @@
+var htmx=function(){"use strict";const Q={onLoad:null,process:null,on:null,off:null,trigger:null,ajax:null,find:null,findAll:null,closest:null,values:function(e,t){const n=dn(e,t||"post");return n.values},remove:null,addClass:null,removeClass:null,toggleClass:null,takeClass:null,swap:null,defineExtension:null,removeExtension:null,logAll:null,logNone:null,logger:null,config:{historyEnabled:true,historyCacheSize:10,refreshOnHistoryMiss:false,defaultSwapStyle:"innerHTML",defaultSwapDelay:0,defaultSettleDelay:20,includeIndicatorStyles:true,indicatorClass:"htmx-indicator",requestClass:"htmx-request",addedClass:"htmx-added",settlingClass:"htmx-settling",swappingClass:"htmx-swapping",allowEval:true,allowScriptTags:true,inlineScriptNonce:"",inlineStyleNonce:"",attributesToSettle:["class","style","width","height"],withCredentials:false,timeout:0,wsReconnectDelay:"full-jitter",wsBinaryType:"blob",disableSelector:"[hx-disable], [data-hx-disable]",scrollBehavior:"instant",defaultFocusScroll:false,getCacheBusterParam:false,globalViewTransitions:false,methodsThatUseUrlParams:["get","delete"],selfRequestsOnly:true,ignoreTitle:false,scrollIntoViewOnBoost:true,triggerSpecsCache:null,disableInheritance:false,responseHandling:[{code:"204",swap:false},{code:"[23]..",swap:true},{code:"[45]..",swap:false,error:true}],allowNestedOobSwaps:true,historyRestoreAsHxRequest:true,reportValidityOfForms:false},parseInterval:null,location:location,_:null,version:"2.0.7"};Q.onLoad=V;Q.process=Mt;Q.on=xe;Q.off=be;Q.trigger=ae;Q.ajax=Ln;Q.find=f;Q.findAll=x;Q.closest=g;Q.remove=_;Q.addClass=K;Q.removeClass=G;Q.toggleClass=W;Q.takeClass=Z;Q.swap=ze;Q.defineExtension=_n;Q.removeExtension=zn;Q.logAll=j;Q.logNone=$;Q.parseInterval=d;Q._=e;const n={addTriggerHandler:St,bodyContains:se,canAccessLocalStorage:B,findThisElement:Se,filterValues:yn,swap:ze,hasAttribute:s,getAttributeValue:a,getClosestAttributeValue:ne,getClosestMatch:q,getExpressionVars:Tn,getHeaders:mn,getInputValues:dn,getInternalData:oe,getSwapSpecification:bn,getTriggerSpecs:st,getTarget:Ee,makeFragment:P,mergeObjects:le,makeSettleInfo:Sn,oobSwap:He,querySelectorExt:ue,settleImmediately:Yt,shouldCancel:ht,triggerEvent:ae,triggerErrorEvent:fe,withExtensions:Vt};const de=["get","post","put","delete","patch"];const T=de.map(function(e){return"[hx-"+e+"], [data-hx-"+e+"]"}).join(", ");function d(e){if(e==undefined){return undefined}let t=NaN;if(e.slice(-2)=="ms"){t=parseFloat(e.slice(0,-2))}else if(e.slice(-1)=="s"){t=parseFloat(e.slice(0,-1))*1e3}else if(e.slice(-1)=="m"){t=parseFloat(e.slice(0,-1))*1e3*60}else{t=parseFloat(e)}return isNaN(t)?undefined:t}function ee(e,t){return e instanceof Element&&e.getAttribute(t)}function s(e,t){return!!e.hasAttribute&&(e.hasAttribute(t)||e.hasAttribute("data-"+t))}function a(e,t){return ee(e,t)||ee(e,"data-"+t)}function u(e){const t=e.parentElement;if(!t&&e.parentNode instanceof ShadowRoot)return e.parentNode;return t}function te(){return document}function y(e,t){return e.getRootNode?e.getRootNode({composed:t}):te()}function q(e,t){while(e&&!t(e)){e=u(e)}return e||null}function o(e,t,n){const r=a(t,n);const o=a(t,"hx-disinherit");var i=a(t,"hx-inherit");if(e!==t){if(Q.config.disableInheritance){if(i&&(i==="*"||i.split(" ").indexOf(n)>=0)){return r}else{return null}}if(o&&(o==="*"||o.split(" ").indexOf(n)>=0)){return"unset"}}return r}function ne(t,n){let r=null;q(t,function(e){return!!(r=o(t,ce(e),n))});if(r!=="unset"){return r}}function h(e,t){return e instanceof Element&&e.matches(t)}function A(e){const t=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i;const n=t.exec(e);if(n){return n[1].toLowerCase()}else{return""}}function L(e){const t=new DOMParser;return t.parseFromString(e,"text/html")}function N(e,t){while(t.childNodes.length>0){e.append(t.childNodes[0])}}function r(e){const t=te().createElement("script");ie(e.attributes,function(e){t.setAttribute(e.name,e.value)});t.textContent=e.textContent;t.async=false;if(Q.config.inlineScriptNonce){t.nonce=Q.config.inlineScriptNonce}return t}function i(e){return e.matches("script")&&(e.type==="text/javascript"||e.type==="module"||e.type==="")}function I(e){Array.from(e.querySelectorAll("script")).forEach(e=>{if(i(e)){const t=r(e);const n=e.parentNode;try{n.insertBefore(t,e)}catch(e){R(e)}finally{e.remove()}}})}function P(e){const t=e.replace(/<head(\s[^>]*)?>[\s\S]*?<\/head>/i,"");const n=A(t);let r;if(n==="html"){r=new DocumentFragment;const i=L(e);N(r,i.body);r.title=i.title}else if(n==="body"){r=new DocumentFragment;const i=L(t);N(r,i.body);r.title=i.title}else{const i=L('<body><template class="internal-htmx-wrapper">'+t+"</template></body>");r=i.querySelector("template").content;r.title=i.title;var o=r.querySelector("title");if(o&&o.parentNode===r){o.remove();r.title=o.innerText}}if(r){if(Q.config.allowScriptTags){I(r)}else{r.querySelectorAll("script").forEach(e=>e.remove())}}return r}function re(e){if(e){e()}}function t(e,t){return Object.prototype.toString.call(e)==="[object "+t+"]"}function D(e){return typeof e==="function"}function k(e){return t(e,"Object")}function oe(e){const t="htmx-internal-data";let n=e[t];if(!n){n=e[t]={}}return n}function F(t){const n=[];if(t){for(let e=0;e<t.length;e++){n.push(t[e])}}return n}function ie(t,n){if(t){for(let e=0;e<t.length;e++){n(t[e])}}}function M(e){const t=e.getBoundingClientRect();const n=t.top;const r=t.bottom;return n<window.innerHeight&&r>=0}function se(e){return e.getRootNode({composed:true})===document}function X(e){return e.trim().split(/\s+/)}function le(e,t){for(const n in t){if(t.hasOwnProperty(n)){e[n]=t[n]}}return e}function v(e){try{return JSON.parse(e)}catch(e){R(e);return null}}function B(){const e="htmx:sessionStorageTest";try{sessionStorage.setItem(e,e);sessionStorage.removeItem(e);return true}catch(e){return false}}function U(e){const t=new URL(e,"http://x");if(t){e=t.pathname+t.search}if(e!="/"){e=e.replace(/\/+$/,"")}return e}function e(e){return On(te().body,function(){return eval(e)})}function V(t){const e=Q.on("htmx:load",function(e){t(e.detail.elt)});return e}function j(){Q.logger=function(e,t,n){if(console){console.log(t,e,n)}}}function $(){Q.logger=null}function f(e,t){if(typeof e!=="string"){return e.querySelector(t)}else{return f(te(),e)}}function x(e,t){if(typeof e!=="string"){return e.querySelectorAll(t)}else{return x(te(),e)}}function b(){return window}function _(e,t){e=w(e);if(t){b().setTimeout(function(){_(e);e=null},t)}else{u(e).removeChild(e)}}function ce(e){return e instanceof Element?e:null}function z(e){return e instanceof HTMLElement?e:null}function J(e){return typeof e==="string"?e:null}function p(e){return e instanceof Element||e instanceof Document||e instanceof DocumentFragment?e:null}function K(e,t,n){e=ce(w(e));if(!e){return}if(n){b().setTimeout(function(){K(e,t);e=null},n)}else{e.classList&&e.classList.add(t)}}function G(e,t,n){let r=ce(w(e));if(!r){return}if(n){b().setTimeout(function(){G(r,t);r=null},n)}else{if(r.classList){r.classList.remove(t);if(r.classList.length===0){r.removeAttribute("class")}}}}function W(e,t){e=w(e);e.classList.toggle(t)}function Z(e,t){e=w(e);ie(e.parentElement.children,function(e){G(e,t)});K(ce(e),t)}function g(e,t){e=ce(w(e));if(e){return e.closest(t)}return null}function l(e,t){return e.substring(0,t.length)===t}function Y(e,t){return e.substring(e.length-t.length)===t}function pe(e){const t=e.trim();if(l(t,"<")&&Y(t,"/>")){return t.substring(1,t.length-2)}else{return t}}function m(t,r,n){if(r.indexOf("global ")===0){return m(t,r.slice(7),true)}t=w(t);const o=[];{let t=0;let n=0;for(let e=0;e<r.length;e++){const l=r[e];if(l===","&&t===0){o.push(r.substring(n,e));n=e+1;continue}if(l==="<"){t++}else if(l==="/"&&e<r.length-1&&r[e+1]===">"){t--}}if(n<r.length){o.push(r.substring(n))}}const i=[];const s=[];while(o.length>0){const r=pe(o.shift());let e;if(r.indexOf("closest ")===0){e=g(ce(t),pe(r.slice(8)))}else if(r.indexOf("find ")===0){e=f(p(t),pe(r.slice(5)))}else if(r==="next"||r==="nextElementSibling"){e=ce(t).nextElementSibling}else if(r.indexOf("next ")===0){e=ge(t,pe(r.slice(5)),!!n)}else if(r==="previous"||r==="previousElementSibling"){e=ce(t).previousElementSibling}else if(r.indexOf("previous ")===0){e=me(t,pe(r.slice(9)),!!n)}else if(r==="document"){e=document}else if(r==="window"){e=window}else if(r==="body"){e=document.body}else if(r==="root"){e=y(t,!!n)}else if(r==="host"){e=t.getRootNode().host}else{s.push(r)}if(e){i.push(e)}}if(s.length>0){const e=s.join(",");const c=p(y(t,!!n));i.push(...F(c.querySelectorAll(e)))}return i}var ge=function(t,e,n){const r=p(y(t,n)).querySelectorAll(e);for(let e=0;e<r.length;e++){const o=r[e];if(o.compareDocumentPosition(t)===Node.DOCUMENT_POSITION_PRECEDING){return o}}};var me=function(t,e,n){const r=p(y(t,n)).querySelectorAll(e);for(let e=r.length-1;e>=0;e--){const o=r[e];if(o.compareDocumentPosition(t)===Node.DOCUMENT_POSITION_FOLLOWING){return o}}};function ue(e,t){if(typeof e!=="string"){return m(e,t)[0]}else{return m(te().body,e)[0]}}function w(e,t){if(typeof e==="string"){return f(p(t)||document,e)}else{return e}}function ye(e,t,n,r){if(D(t)){return{target:te().body,event:J(e),listener:t,options:n}}else{return{target:w(e),event:J(t),listener:n,options:r}}}function xe(t,n,r,o){Gn(function(){const e=ye(t,n,r,o);e.target.addEventListener(e.event,e.listener,e.options)});const e=D(n);return e?n:r}function be(t,n,r){Gn(function(){const e=ye(t,n,r);e.target.removeEventListener(e.event,e.listener)});return D(n)?n:r}const ve=te().createElement("output");function we(t,n){const e=ne(t,n);if(e){if(e==="this"){return[Se(t,n)]}else{const r=m(t,e);const o=/(^|,)(\s*)inherit(\s*)($|,)/.test(e);if(o){const i=ce(q(t,function(e){return e!==t&&s(ce(e),n)}));if(i){r.push(...we(i,n))}}if(r.length===0){R('The selector "'+e+'" on '+n+" returned no matches!");return[ve]}else{return r}}}}function Se(e,t){return ce(q(e,function(e){return a(ce(e),t)!=null}))}function Ee(e){const t=ne(e,"hx-target");if(t){if(t==="this"){return Se(e,"hx-target")}else{return ue(e,t)}}else{const n=oe(e);if(n.boosted){return te().body}else{return e}}}function Ce(e){return Q.config.attributesToSettle.includes(e)}function Oe(t,n){ie(Array.from(t.attributes),function(e){if(!n.hasAttribute(e.name)&&Ce(e.name)){t.removeAttribute(e.name)}});ie(n.attributes,function(e){if(Ce(e.name)){t.setAttribute(e.name,e.value)}})}function Re(t,e){const n=Jn(e);for(let e=0;e<n.length;e++){const r=n[e];try{if(r.isInlineSwap(t)){return true}}catch(e){R(e)}}return t==="outerHTML"}function He(e,o,i,t){t=t||te();let n="#"+CSS.escape(ee(o,"id"));let s="outerHTML";if(e==="true"){}else if(e.indexOf(":")>0){s=e.substring(0,e.indexOf(":"));n=e.substring(e.indexOf(":")+1)}else{s=e}o.removeAttribute("hx-swap-oob");o.removeAttribute("data-hx-swap-oob");const r=m(t,n,false);if(r.length){ie(r,function(e){let t;const n=o.cloneNode(true);t=te().createDocumentFragment();t.appendChild(n);if(!Re(s,e)){t=p(n)}const r={shouldSwap:true,target:e,fragment:t};if(!ae(e,"htmx:oobBeforeSwap",r))return;e=r.target;if(r.shouldSwap){qe(t);$e(s,e,e,t,i);Te()}ie(i.elts,function(e){ae(e,"htmx:oobAfterSwap",r)})});o.parentNode.removeChild(o)}else{o.parentNode.removeChild(o);fe(te().body,"htmx:oobErrorNoTarget",{content:o})}return e}function Te(){const e=f("#--htmx-preserve-pantry--");if(e){for(const t of[...e.children]){const n=f("#"+t.id);n.parentNode.moveBefore(t,n);n.remove()}e.remove()}}function qe(e){ie(x(e,"[hx-preserve], [data-hx-preserve]"),function(e){const t=a(e,"id");const n=te().getElementById(t);if(n!=null){if(e.moveBefore){let e=f("#--htmx-preserve-pantry--");if(e==null){te().body.insertAdjacentHTML("afterend","<div id='--htmx-preserve-pantry--'></div>");e=f("#--htmx-preserve-pantry--")}e.moveBefore(n,null)}else{e.parentNode.replaceChild(n,e)}}})}function Ae(l,e,c){ie(e.querySelectorAll("[id]"),function(t){const n=ee(t,"id");if(n&&n.length>0){const r=n.replace("'","\\'");const o=t.tagName.replace(":","\\:");const e=p(l);const i=e&&e.querySelector(o+"[id='"+r+"']");if(i&&i!==e){const s=t.cloneNode();Oe(t,i);c.tasks.push(function(){Oe(t,s)})}}})}function Le(e){return function(){G(e,Q.config.addedClass);Mt(ce(e));Ne(p(e));ae(e,"htmx:load")}}function Ne(e){const t="[autofocus]";const n=z(h(e,t)?e:e.querySelector(t));if(n!=null){n.focus()}}function c(e,t,n,r){Ae(e,n,r);while(n.childNodes.length>0){const o=n.firstChild;K(ce(o),Q.config.addedClass);e.insertBefore(o,t);if(o.nodeType!==Node.TEXT_NODE&&o.nodeType!==Node.COMMENT_NODE){r.tasks.push(Le(o))}}}function Ie(e,t){let n=0;while(n<e.length){t=(t<<5)-t+e.charCodeAt(n++)|0}return t}function Pe(t){let n=0;for(let e=0;e<t.attributes.length;e++){const r=t.attributes[e];if(r.value){n=Ie(r.name,n);n=Ie(r.value,n)}}return n}function De(t){const n=oe(t);if(n.onHandlers){for(let e=0;e<n.onHandlers.length;e++){const r=n.onHandlers[e];be(t,r.event,r.listener)}delete n.onHandlers}}function ke(e){const t=oe(e);if(t.timeout){clearTimeout(t.timeout)}if(t.listenerInfos){ie(t.listenerInfos,function(e){if(e.on){be(e.on,e.trigger,e.listener)}})}De(e);ie(Object.keys(t),function(e){if(e!=="firstInitCompleted")delete t[e]})}function S(e){ae(e,"htmx:beforeCleanupElement");ke(e);ie(e.children,function(e){S(e)})}function Fe(t,e,n){if(t.tagName==="BODY"){return je(t,e,n)}let r;const o=t.previousSibling;const i=u(t);if(!i){return}c(i,t,e,n);if(o==null){r=i.firstChild}else{r=o.nextSibling}n.elts=n.elts.filter(function(e){return e!==t});while(r&&r!==t){if(r instanceof Element){n.elts.push(r)}r=r.nextSibling}S(t);t.remove()}function Me(e,t,n){return c(e,e.firstChild,t,n)}function Xe(e,t,n){return c(u(e),e,t,n)}function Be(e,t,n){return c(e,null,t,n)}function Ue(e,t,n){return c(u(e),e.nextSibling,t,n)}function Ve(e){S(e);const t=u(e);if(t){return t.removeChild(e)}}function je(e,t,n){const r=e.firstChild;c(e,r,t,n);if(r){while(r.nextSibling){S(r.nextSibling);e.removeChild(r.nextSibling)}S(r);e.removeChild(r)}}function $e(t,e,n,r,o){switch(t){case"none":return;case"outerHTML":Fe(n,r,o);return;case"afterbegin":Me(n,r,o);return;case"beforebegin":Xe(n,r,o);return;case"beforeend":Be(n,r,o);return;case"afterend":Ue(n,r,o);return;case"delete":Ve(n);return;default:var i=Jn(e);for(let e=0;e<i.length;e++){const s=i[e];try{const l=s.handleSwap(t,n,r,o);if(l){if(Array.isArray(l)){for(let e=0;e<l.length;e++){const c=l[e];if(c.nodeType!==Node.TEXT_NODE&&c.nodeType!==Node.COMMENT_NODE){o.tasks.push(Le(c))}}}return}}catch(e){R(e)}}if(t==="innerHTML"){je(n,r,o)}else{$e(Q.config.defaultSwapStyle,e,n,r,o)}}}function _e(e,n,r){var t=x(e,"[hx-swap-oob], [data-hx-swap-oob]");ie(t,function(e){if(Q.config.allowNestedOobSwaps||e.parentElement===null){const t=a(e,"hx-swap-oob");if(t!=null){He(t,e,n,r)}}else{e.removeAttribute("hx-swap-oob");e.removeAttribute("data-hx-swap-oob")}});return t.length>0}function ze(h,d,p,g){if(!g){g={}}let m=null;let n=null;let e=function(){re(g.beforeSwapCallback);h=w(h);const r=g.contextElement?y(g.contextElement,false):te();const e=document.activeElement;let t={};t={elt:e,start:e?e.selectionStart:null,end:e?e.selectionEnd:null};const o=Sn(h);if(p.swapStyle==="textContent"){h.textContent=d}else{let n=P(d);o.title=g.title||n.title;if(g.historyRequest){n=n.querySelector("[hx-history-elt],[data-hx-history-elt]")||n}if(g.selectOOB){const i=g.selectOOB.split(",");for(let t=0;t<i.length;t++){const s=i[t].split(":",2);let e=s[0].trim();if(e.indexOf("#")===0){e=e.substring(1)}const l=s[1]||"true";const c=n.querySelector("#"+e);if(c){He(l,c,o,r)}}}_e(n,o,r);ie(x(n,"template"),function(e){if(e.content&&_e(e.content,o,r)){e.remove()}});if(g.select){const u=te().createDocumentFragment();ie(n.querySelectorAll(g.select),function(e){u.appendChild(e)});n=u}qe(n);$e(p.swapStyle,g.contextElement,h,n,o);Te()}if(t.elt&&!se(t.elt)&&ee(t.elt,"id")){const f=document.getElementById(ee(t.elt,"id"));const a={preventScroll:p.focusScroll!==undefined?!p.focusScroll:!Q.config.defaultFocusScroll};if(f){if(t.start&&f.setSelectionRange){try{f.setSelectionRange(t.start,t.end)}catch(e){}}f.focus(a)}}h.classList.remove(Q.config.swappingClass);ie(o.elts,function(e){if(e.classList){e.classList.add(Q.config.settlingClass)}ae(e,"htmx:afterSwap",g.eventInfo)});re(g.afterSwapCallback);if(!p.ignoreTitle){Bn(o.title)}const n=function(){ie(o.tasks,function(e){e.call()});ie(o.elts,function(e){if(e.classList){e.classList.remove(Q.config.settlingClass)}ae(e,"htmx:afterSettle",g.eventInfo)});if(g.anchor){const e=ce(w("#"+g.anchor));if(e){e.scrollIntoView({block:"start",behavior:"auto"})}}En(o.elts,p);re(g.afterSettleCallback);re(m)};if(p.settleDelay>0){b().setTimeout(n,p.settleDelay)}else{n()}};let t=Q.config.globalViewTransitions;if(p.hasOwnProperty("transition")){t=p.transition}const r=g.contextElement||te();if(t&&ae(r,"htmx:beforeTransition",g.eventInfo)&&typeof Promise!=="undefined"&&document.startViewTransition){const o=new Promise(function(e,t){m=e;n=t});const i=e;e=function(){document.startViewTransition(function(){i();return o})}}try{if(p?.swapDelay&&p.swapDelay>0){b().setTimeout(e,p.swapDelay)}else{e()}}catch(e){fe(r,"htmx:swapError",g.eventInfo);re(n);throw e}}function Je(e,t,n){const r=e.getResponseHeader(t);if(r.indexOf("{")===0){const o=v(r);for(const i in o){if(o.hasOwnProperty(i)){let e=o[i];if(k(e)){n=e.target!==undefined?e.target:n}else{e={value:e}}ae(n,i,e)}}}else{const s=r.split(",");for(let e=0;e<s.length;e++){ae(n,s[e].trim(),[])}}}const Ke=/\s/;const E=/[\s,]/;const Ge=/[_$a-zA-Z]/;const We=/[_$a-zA-Z0-9]/;const Ze=['"',"'","/"];const C=/[^\s]/;const Ye=/[{(]/;const Qe=/[})]/;function et(e){const t=[];let n=0;while(n<e.length){if(Ge.exec(e.charAt(n))){var r=n;while(We.exec(e.charAt(n+1))){n++}t.push(e.substring(r,n+1))}else if(Ze.indexOf(e.charAt(n))!==-1){const o=e.charAt(n);var r=n;n++;while(n<e.length&&e.charAt(n)!==o){if(e.charAt(n)==="\\"){n++}n++}t.push(e.substring(r,n+1))}else{const i=e.charAt(n);t.push(i)}n++}return t}function tt(e,t,n){return Ge.exec(e.charAt(0))&&e!=="true"&&e!=="false"&&e!=="this"&&e!==n&&t!=="."}function nt(r,o,i){if(o[0]==="["){o.shift();let e=1;let t=" return (function("+i+"){ return (";let n=null;while(o.length>0){const s=o[0];if(s==="]"){e--;if(e===0){if(n===null){t=t+"true"}o.shift();t+=")})";try{const l=On(r,function(){return Function(t)()},function(){return true});l.source=t;return l}catch(e){fe(te().body,"htmx:syntax:error",{error:e,source:t});return null}}}else if(s==="["){e++}if(tt(s,n,i)){t+="(("+i+"."+s+") ? ("+i+"."+s+") : (window."+s+"))"}else{t=t+s}n=o.shift()}}}function O(e,t){let n="";while(e.length>0&&!t.test(e[0])){n+=e.shift()}return n}function rt(e){let t;if(e.length>0&&Ye.test(e[0])){e.shift();t=O(e,Qe).trim();e.shift()}else{t=O(e,E)}return t}const ot="input, textarea, select";function it(e,t,n){const r=[];const o=et(t);do{O(o,C);const l=o.length;const c=O(o,/[,\[\s]/);if(c!==""){if(c==="every"){const u={trigger:"every"};O(o,C);u.pollInterval=d(O(o,/[,\[\s]/));O(o,C);var i=nt(e,o,"event");if(i){u.eventFilter=i}r.push(u)}else{const f={trigger:c};var i=nt(e,o,"event");if(i){f.eventFilter=i}O(o,C);while(o.length>0&&o[0]!==","){const a=o.shift();if(a==="changed"){f.changed=true}else if(a==="once"){f.once=true}else if(a==="consume"){f.consume=true}else if(a==="delay"&&o[0]===":"){o.shift();f.delay=d(O(o,E))}else if(a==="from"&&o[0]===":"){o.shift();if(Ye.test(o[0])){var s=rt(o)}else{var s=O(o,E);if(s==="closest"||s==="find"||s==="next"||s==="previous"){o.shift();const h=rt(o);if(h.length>0){s+=" "+h}}}f.from=s}else if(a==="target"&&o[0]===":"){o.shift();f.target=rt(o)}else if(a==="throttle"&&o[0]===":"){o.shift();f.throttle=d(O(o,E))}else if(a==="queue"&&o[0]===":"){o.shift();f.queue=O(o,E)}else if(a==="root"&&o[0]===":"){o.shift();f[a]=rt(o)}else if(a==="threshold"&&o[0]===":"){o.shift();f[a]=O(o,E)}else{fe(e,"htmx:syntax:error",{token:o.shift()})}O(o,C)}r.push(f)}}if(o.length===l){fe(e,"htmx:syntax:error",{token:o.shift()})}O(o,C)}while(o[0]===","&&o.shift());if(n){n[t]=r}return r}function st(e){const t=a(e,"hx-trigger");let n=[];if(t){const r=Q.config.triggerSpecsCache;n=r&&r[t]||it(e,t,r)}if(n.length>0){return n}else if(h(e,"form")){return[{trigger:"submit"}]}else if(h(e,'input[type="button"], input[type="submit"]')){return[{trigger:"click"}]}else if(h(e,ot)){return[{trigger:"change"}]}else{return[{trigger:"click"}]}}function lt(e){oe(e).cancelled=true}function ct(e,t,n){const r=oe(e);r.timeout=b().setTimeout(function(){if(se(e)&&r.cancelled!==true){if(!pt(n,e,Bt("hx:poll:trigger",{triggerSpec:n,target:e}))){t(e)}ct(e,t,n)}},n.pollInterval)}function ut(e){return location.hostname===e.hostname&&ee(e,"href")&&ee(e,"href").indexOf("#")!==0}function ft(e){return g(e,Q.config.disableSelector)}function at(t,n,e){if(t instanceof HTMLAnchorElement&&ut(t)&&(t.target===""||t.target==="_self")||t.tagName==="FORM"&&String(ee(t,"method")).toLowerCase()!=="dialog"){n.boosted=true;let r,o;if(t.tagName==="A"){r="get";o=ee(t,"href")}else{const i=ee(t,"method");r=i?i.toLowerCase():"get";o=ee(t,"action");if(o==null||o===""){o=location.href}if(r==="get"&&o.includes("?")){o=o.replace(/\?[^#]+/,"")}}e.forEach(function(e){gt(t,function(e,t){const n=ce(e);if(ft(n)){S(n);return}he(r,o,n,t)},n,e,true)})}}function ht(e,t){if(e.type==="submit"&&t.tagName==="FORM"){return true}else if(e.type==="click"){const n=t.closest('input[type="submit"], button');if(n&&n.form&&n.type==="submit"){return true}const r=t.closest("a");const o=/^#.+/;if(r&&r.href&&!o.test(r.getAttribute("href"))){return true}}return false}function dt(e,t){return oe(e).boosted&&e instanceof HTMLAnchorElement&&t.type==="click"&&(t.ctrlKey||t.metaKey)}function pt(e,t,n){const r=e.eventFilter;if(r){try{return r.call(t,n)!==true}catch(e){const o=r.source;fe(te().body,"htmx:eventFilter:error",{error:e,source:o});return true}}return false}function gt(l,c,e,u,f){const a=oe(l);let t;if(u.from){t=m(l,u.from)}else{t=[l]}if(u.changed){if(!("lastValue"in a)){a.lastValue=new WeakMap}t.forEach(function(e){if(!a.lastValue.has(u)){a.lastValue.set(u,new WeakMap)}a.lastValue.get(u).set(e,e.value)})}ie(t,function(i){const s=function(e){if(!se(l)){i.removeEventListener(u.trigger,s);return}if(dt(l,e)){return}if(f||ht(e,i)){e.preventDefault()}if(pt(u,l,e)){return}const t=oe(e);t.triggerSpec=u;if(t.handledFor==null){t.handledFor=[]}if(t.handledFor.indexOf(l)<0){t.handledFor.push(l);if(u.consume){e.stopPropagation()}if(u.target&&e.target){if(!h(ce(e.target),u.target)){return}}if(u.once){if(a.triggeredOnce){return}else{a.triggeredOnce=true}}if(u.changed){const n=e.target;const r=n.value;const o=a.lastValue.get(u);if(o.has(n)&&o.get(n)===r){return}o.set(n,r)}if(a.delayed){clearTimeout(a.delayed)}if(a.throttle){return}if(u.throttle>0){if(!a.throttle){ae(l,"htmx:trigger");c(l,e);a.throttle=b().setTimeout(function(){a.throttle=null},u.throttle)}}else if(u.delay>0){a.delayed=b().setTimeout(function(){ae(l,"htmx:trigger");c(l,e)},u.delay)}else{ae(l,"htmx:trigger");c(l,e)}}};if(e.listenerInfos==null){e.listenerInfos=[]}e.listenerInfos.push({trigger:u.trigger,listener:s,on:i});i.addEventListener(u.trigger,s)})}let mt=false;let yt=null;function xt(){if(!yt){yt=function(){mt=true};window.addEventListener("scroll",yt);window.addEventListener("resize",yt);setInterval(function(){if(mt){mt=false;ie(te().querySelectorAll("[hx-trigger*='revealed'],[data-hx-trigger*='revealed']"),function(e){bt(e)})}},200)}}function bt(e){if(!s(e,"data-hx-revealed")&&M(e)){e.setAttribute("data-hx-revealed","true");const t=oe(e);if(t.initHash){ae(e,"revealed")}else{e.addEventListener("htmx:afterProcessNode",function(){ae(e,"revealed")},{once:true})}}}function vt(e,t,n,r){const o=function(){if(!n.loaded){n.loaded=true;ae(e,"htmx:trigger");t(e)}};if(r>0){b().setTimeout(o,r)}else{o()}}function wt(t,n,e){let i=false;ie(de,function(r){if(s(t,"hx-"+r)){const o=a(t,"hx-"+r);i=true;n.path=o;n.verb=r;e.forEach(function(e){St(t,e,n,function(e,t){const n=ce(e);if(ft(n)){S(n);return}he(r,o,n,t)})})}});return i}function St(r,e,t,n){if(e.trigger==="revealed"){xt();gt(r,n,t,e);bt(ce(r))}else if(e.trigger==="intersect"){const o={};if(e.root){o.root=ue(r,e.root)}if(e.threshold){o.threshold=parseFloat(e.threshold)}const i=new IntersectionObserver(function(t){for(let e=0;e<t.length;e++){const n=t[e];if(n.isIntersecting){ae(r,"intersect");break}}},o);i.observe(ce(r));gt(ce(r),n,t,e)}else if(!t.firstInitCompleted&&e.trigger==="load"){if(!pt(e,r,Bt("load",{elt:r}))){vt(ce(r),n,t,e.delay)}}else if(e.pollInterval>0){t.polling=true;ct(ce(r),n,e)}else{gt(r,n,t,e)}}function Et(e){const t=ce(e);if(!t){return false}const n=t.attributes;for(let e=0;e<n.length;e++){const r=n[e].name;if(l(r,"hx-on:")||l(r,"data-hx-on:")||l(r,"hx-on-")||l(r,"data-hx-on-")){return true}}return false}const Ct=(new XPathEvaluator).createExpression('.//*[@*[ starts-with(name(), "hx-on:") or starts-with(name(), "data-hx-on:") or'+' starts-with(name(), "hx-on-") or starts-with(name(), "data-hx-on-") ]]');function Ot(e,t){if(Et(e)){t.push(ce(e))}const n=Ct.evaluate(e);let r=null;while(r=n.iterateNext())t.push(ce(r))}function Rt(e){const t=[];if(e instanceof DocumentFragment){for(const n of e.childNodes){Ot(n,t)}}else{Ot(e,t)}return t}function Ht(e){if(e.querySelectorAll){const n=", [hx-boost] a, [data-hx-boost] a, a[hx-boost], a[data-hx-boost]";const r=[];for(const i in jn){const s=jn[i];if(s.getSelectors){var t=s.getSelectors();if(t){r.push(t)}}}const o=e.querySelectorAll(T+n+", form, [type='submit'],"+" [hx-ext], [data-hx-ext], [hx-trigger], [data-hx-trigger]"+r.flat().map(e=>", "+e).join(""));return o}else{return[]}}function Tt(e){const t=At(e.target);const n=Nt(e);if(n){n.lastButtonClicked=t}}function qt(e){const t=Nt(e);if(t){t.lastButtonClicked=null}}function At(e){return g(ce(e),"button, input[type='submit']")}function Lt(e){return e.form||g(e,"form")}function Nt(e){const t=At(e.target);if(!t){return}const n=Lt(t);if(!n){return}return oe(n)}function It(e){e.addEventListener("click",Tt);e.addEventListener("focusin",Tt);e.addEventListener("focusout",qt)}function Pt(t,e,n){const r=oe(t);if(!Array.isArray(r.onHandlers)){r.onHandlers=[]}let o;const i=function(e){On(t,function(){if(ft(t)){return}if(!o){o=new Function("event",n)}o.call(t,e)})};t.addEventListener(e,i);r.onHandlers.push({event:e,listener:i})}function Dt(t){De(t);for(let e=0;e<t.attributes.length;e++){const n=t.attributes[e].name;const r=t.attributes[e].value;if(l(n,"hx-on")||l(n,"data-hx-on")){const o=n.indexOf("-on")+3;const i=n.slice(o,o+1);if(i==="-"||i===":"){let e=n.slice(o+1);if(l(e,":")){e="htmx"+e}else if(l(e,"-")){e="htmx:"+e.slice(1)}else if(l(e,"htmx-")){e="htmx:"+e.slice(5)}Pt(t,e,r)}}}}function kt(t){ae(t,"htmx:beforeProcessNode");const n=oe(t);const e=st(t);const r=wt(t,n,e);if(!r){if(ne(t,"hx-boost")==="true"){at(t,n,e)}else if(s(t,"hx-trigger")){e.forEach(function(e){St(t,e,n,function(){})})}}if(t.tagName==="FORM"||ee(t,"type")==="submit"&&s(t,"form")){It(t)}n.firstInitCompleted=true;ae(t,"htmx:afterProcessNode")}function Ft(e){if(!(e instanceof Element)){return false}const t=oe(e);const n=Pe(e);if(t.initHash!==n){ke(e);t.initHash=n;return true}return false}function Mt(e){e=w(e);if(ft(e)){S(e);return}const t=[];if(Ft(e)){t.push(e)}ie(Ht(e),function(e){if(ft(e)){S(e);return}if(Ft(e)){t.push(e)}});ie(Rt(e),Dt);ie(t,kt)}function Xt(e){return e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}function Bt(e,t){return new CustomEvent(e,{bubbles:true,cancelable:true,composed:true,detail:t})}function fe(e,t,n){ae(e,t,le({error:t},n))}function Ut(e){return e==="htmx:afterProcessNode"}function Vt(e,t,n){ie(Jn(e,[],n),function(e){try{t(e)}catch(e){R(e)}})}function R(e){console.error(e)}function ae(e,t,n){e=w(e);if(n==null){n={}}n.elt=e;const r=Bt(t,n);if(Q.logger&&!Ut(t)){Q.logger(e,t,n)}if(n.error){R(n.error);ae(e,"htmx:error",{errorInfo:n})}let o=e.dispatchEvent(r);const i=Xt(t);if(o&&i!==t){const s=Bt(i,r.detail);o=o&&e.dispatchEvent(s)}Vt(ce(e),function(e){o=o&&(e.onEvent(t,r)!==false&&!r.defaultPrevented)});return o}let jt=location.pathname+location.search;function $t(e){jt=e;if(B()){sessionStorage.setItem("htmx-current-path-for-history",e)}}function _t(){const e=te().querySelector("[hx-history-elt],[data-hx-history-elt]");return e||te().body}function zt(t,e){if(!B()){return}const n=Kt(e);const r=te().title;const o=window.scrollY;if(Q.config.historyCacheSize<=0){sessionStorage.removeItem("htmx-history-cache");return}t=U(t);const i=v(sessionStorage.getItem("htmx-history-cache"))||[];for(let e=0;e<i.length;e++){if(i[e].url===t){i.splice(e,1);break}}const s={url:t,content:n,title:r,scroll:o};ae(te().body,"htmx:historyItemCreated",{item:s,cache:i});i.push(s);while(i.length>Q.config.historyCacheSize){i.shift()}while(i.length>0){try{sessionStorage.setItem("htmx-history-cache",JSON.stringify(i));break}catch(e){fe(te().body,"htmx:historyCacheError",{cause:e,cache:i});i.shift()}}}function Jt(t){if(!B()){return null}t=U(t);const n=v(sessionStorage.getItem("htmx-history-cache"))||[];for(let e=0;e<n.length;e++){if(n[e].url===t){return n[e]}}return null}function Kt(e){const t=Q.config.requestClass;const n=e.cloneNode(true);ie(x(n,"."+t),function(e){G(e,t)});ie(x(n,"[data-disabled-by-htmx]"),function(e){e.removeAttribute("disabled")});return n.innerHTML}function Gt(){const e=_t();let t=jt;if(B()){t=sessionStorage.getItem("htmx-current-path-for-history")}t=t||location.pathname+location.search;const n=te().querySelector('[hx-history="false" i],[data-hx-history="false" i]');if(!n){ae(te().body,"htmx:beforeHistorySave",{path:t,historyElt:e});zt(t,e)}if(Q.config.historyEnabled)history.replaceState({htmx:true},te().title,location.href)}function Wt(e){if(Q.config.getCacheBusterParam){e=e.replace(/org\.htmx\.cache-buster=[^&]*&?/,"");if(Y(e,"&")||Y(e,"?")){e=e.slice(0,-1)}}if(Q.config.historyEnabled){history.pushState({htmx:true},"",e)}$t(e)}function Zt(e){if(Q.config.historyEnabled)history.replaceState({htmx:true},"",e);$t(e)}function Yt(e){ie(e,function(e){e.call(undefined)})}function Qt(e){const t=new XMLHttpRequest;const n={swapStyle:"innerHTML",swapDelay:0,settleDelay:0};const r={path:e,xhr:t,historyElt:_t(),swapSpec:n};t.open("GET",e,true);if(Q.config.historyRestoreAsHxRequest){t.setRequestHeader("HX-Request","true")}t.setRequestHeader("HX-History-Restore-Request","true");t.setRequestHeader("HX-Current-URL",location.href);t.onload=function(){if(this.status>=200&&this.status<400){r.response=this.response;ae(te().body,"htmx:historyCacheMissLoad",r);ze(r.historyElt,r.response,n,{contextElement:r.historyElt,historyRequest:true});$t(r.path);ae(te().body,"htmx:historyRestore",{path:e,cacheMiss:true,serverResponse:r.response})}else{fe(te().body,"htmx:historyCacheMissLoadError",r)}};if(ae(te().body,"htmx:historyCacheMiss",r)){t.send()}}function en(e){Gt();e=e||location.pathname+location.search;const t=Jt(e);if(t){const n={swapStyle:"innerHTML",swapDelay:0,settleDelay:0,scroll:t.scroll};const r={path:e,item:t,historyElt:_t(),swapSpec:n};if(ae(te().body,"htmx:historyCacheHit",r)){ze(r.historyElt,t.content,n,{contextElement:r.historyElt,title:t.title});$t(r.path);ae(te().body,"htmx:historyRestore",r)}}else{if(Q.config.refreshOnHistoryMiss){Q.location.reload(true)}else{Qt(e)}}}function tn(e){let t=we(e,"hx-indicator");if(t==null){t=[e]}ie(t,function(e){const t=oe(e);t.requestCount=(t.requestCount||0)+1;e.classList.add.call(e.classList,Q.config.requestClass)});return t}function nn(e){let t=we(e,"hx-disabled-elt");if(t==null){t=[]}ie(t,function(e){const t=oe(e);t.requestCount=(t.requestCount||0)+1;e.setAttribute("disabled","");e.setAttribute("data-disabled-by-htmx","")});return t}function rn(e,t){ie(e.concat(t),function(e){const t=oe(e);t.requestCount=(t.requestCount||1)-1});ie(e,function(e){const t=oe(e);if(t.requestCount===0){e.classList.remove.call(e.classList,Q.config.requestClass)}});ie(t,function(e){const t=oe(e);if(t.requestCount===0){e.removeAttribute("disabled");e.removeAttribute("data-disabled-by-htmx")}})}function on(t,n){for(let e=0;e<t.length;e++){const r=t[e];if(r.isSameNode(n)){return true}}return false}function sn(e){const t=e;if(t.name===""||t.name==null||t.disabled||g(t,"fieldset[disabled]")){return false}if(t.type==="button"||t.type==="submit"||t.tagName==="image"||t.tagName==="reset"||t.tagName==="file"){return false}if(t.type==="checkbox"||t.type==="radio"){return t.checked}return true}function ln(t,e,n){if(t!=null&&e!=null){if(Array.isArray(e)){e.forEach(function(e){n.append(t,e)})}else{n.append(t,e)}}}function cn(t,n,r){if(t!=null&&n!=null){let e=r.getAll(t);if(Array.isArray(n)){e=e.filter(e=>n.indexOf(e)<0)}else{e=e.filter(e=>e!==n)}r.delete(t);ie(e,e=>r.append(t,e))}}function un(e){if(e instanceof HTMLSelectElement&&e.multiple){return F(e.querySelectorAll("option:checked")).map(function(e){return e.value})}if(e instanceof HTMLInputElement&&e.files){return F(e.files)}return e.value}function fn(t,n,r,e,o){if(e==null||on(t,e)){return}else{t.push(e)}if(sn(e)){const i=ee(e,"name");ln(i,un(e),n);if(o){an(e,r)}}if(e instanceof HTMLFormElement){ie(e.elements,function(e){if(t.indexOf(e)>=0){cn(e.name,un(e),n)}else{t.push(e)}if(o){an(e,r)}});new FormData(e).forEach(function(e,t){if(e instanceof File&&e.name===""){return}ln(t,e,n)})}}function an(e,t){const n=e;if(n.willValidate){ae(n,"htmx:validation:validate");if(!n.checkValidity()){if(ae(n,"htmx:validation:failed",{message:n.validationMessage,validity:n.validity})&&!t.length&&Q.config.reportValidityOfForms){n.reportValidity()}t.push({elt:n,message:n.validationMessage,validity:n.validity})}}}function hn(n,e){for(const t of e.keys()){n.delete(t)}e.forEach(function(e,t){n.append(t,e)});return n}function dn(e,t){const n=[];const r=new FormData;const o=new FormData;const i=[];const s=oe(e);if(s.lastButtonClicked&&!se(s.lastButtonClicked)){s.lastButtonClicked=null}let l=e instanceof HTMLFormElement&&e.noValidate!==true||a(e,"hx-validate")==="true";if(s.lastButtonClicked){l=l&&s.lastButtonClicked.formNoValidate!==true}if(t!=="get"){fn(n,o,i,Lt(e),l)}fn(n,r,i,e,l);if(s.lastButtonClicked||e.tagName==="BUTTON"||e.tagName==="INPUT"&&ee(e,"type")==="submit"){const u=s.lastButtonClicked||e;const f=ee(u,"name");ln(f,u.value,o)}const c=we(e,"hx-include");ie(c,function(e){fn(n,r,i,ce(e),l);if(!h(e,"form")){ie(p(e).querySelectorAll(ot),function(e){fn(n,r,i,e,l)})}});hn(r,o);return{errors:i,formData:r,values:kn(r)}}function pn(e,t,n){if(e!==""){e+="&"}if(String(n)==="[object Object]"){n=JSON.stringify(n)}const r=encodeURIComponent(n);e+=encodeURIComponent(t)+"="+r;return e}function gn(e){e=Pn(e);let n="";e.forEach(function(e,t){n=pn(n,t,e)});return n}function mn(e,t,n){const r={"HX-Request":"true","HX-Trigger":ee(e,"id"),"HX-Trigger-Name":ee(e,"name"),"HX-Target":a(t,"id"),"HX-Current-URL":location.href};Cn(e,"hx-headers",false,r);if(n!==undefined){r["HX-Prompt"]=n}if(oe(e).boosted){r["HX-Boosted"]="true"}return r}function yn(n,e){const t=ne(e,"hx-params");if(t){if(t==="none"){return new FormData}else if(t==="*"){return n}else if(t.indexOf("not ")===0){ie(t.slice(4).split(","),function(e){e=e.trim();n.delete(e)});return n}else{const r=new FormData;ie(t.split(","),function(t){t=t.trim();if(n.has(t)){n.getAll(t).forEach(function(e){r.append(t,e)})}});return r}}else{return n}}function xn(e){return!!ee(e,"href")&&ee(e,"href").indexOf("#")>=0}function bn(e,t){const n=t||ne(e,"hx-swap");const r={swapStyle:oe(e).boosted?"innerHTML":Q.config.defaultSwapStyle,swapDelay:Q.config.defaultSwapDelay,settleDelay:Q.config.defaultSettleDelay};if(Q.config.scrollIntoViewOnBoost&&oe(e).boosted&&!xn(e)){r.show="top"}if(n){const s=X(n);if(s.length>0){for(let e=0;e<s.length;e++){const l=s[e];if(l.indexOf("swap:")===0){r.swapDelay=d(l.slice(5))}else if(l.indexOf("settle:")===0){r.settleDelay=d(l.slice(7))}else if(l.indexOf("transition:")===0){r.transition=l.slice(11)==="true"}else if(l.indexOf("ignoreTitle:")===0){r.ignoreTitle=l.slice(12)==="true"}else if(l.indexOf("scroll:")===0){const c=l.slice(7);var o=c.split(":");const u=o.pop();var i=o.length>0?o.join(":"):null;r.scroll=u;r.scrollTarget=i}else if(l.indexOf("show:")===0){const f=l.slice(5);var o=f.split(":");const a=o.pop();var i=o.length>0?o.join(":"):null;r.show=a;r.showTarget=i}else if(l.indexOf("focus-scroll:")===0){const h=l.slice("focus-scroll:".length);r.focusScroll=h=="true"}else if(e==0){r.swapStyle=l}else{R("Unknown modifier in hx-swap: "+l)}}}}return r}function vn(e){return ne(e,"hx-encoding")==="multipart/form-data"||h(e,"form")&&ee(e,"enctype")==="multipart/form-data"}function wn(t,n,r){let o=null;Vt(n,function(e){if(o==null){o=e.encodeParameters(t,r,n)}});if(o!=null){return o}else{if(vn(n)){return hn(new FormData,Pn(r))}else{return gn(r)}}}function Sn(e){return{tasks:[],elts:[e]}}function En(e,t){const n=e[0];const r=e[e.length-1];if(t.scroll){var o=null;if(t.scrollTarget){o=ce(ue(n,t.scrollTarget))}if(t.scroll==="top"&&(n||o)){o=o||n;o.scrollTop=0}if(t.scroll==="bottom"&&(r||o)){o=o||r;o.scrollTop=o.scrollHeight}if(typeof t.scroll==="number"){b().setTimeout(function(){window.scrollTo(0,t.scroll)},0)}}if(t.show){var o=null;if(t.showTarget){let e=t.showTarget;if(t.showTarget==="window"){e="body"}o=ce(ue(n,e))}if(t.show==="top"&&(n||o)){o=o||n;o.scrollIntoView({block:"start",behavior:Q.config.scrollBehavior})}if(t.show==="bottom"&&(r||o)){o=o||r;o.scrollIntoView({block:"end",behavior:Q.config.scrollBehavior})}}}function Cn(r,e,o,i,s){if(i==null){i={}}if(r==null){return i}const l=a(r,e);if(l){let e=l.trim();let t=o;if(e==="unset"){return null}if(e.indexOf("javascript:")===0){e=e.slice(11);t=true}else if(e.indexOf("js:")===0){e=e.slice(3);t=true}if(e.indexOf("{")!==0){e="{"+e+"}"}let n;if(t){n=On(r,function(){if(s){return Function("event","return ("+e+")").call(r,s)}else{return Function("return ("+e+")").call(r)}},{})}else{n=v(e)}for(const c in n){if(n.hasOwnProperty(c)){if(i[c]==null){i[c]=n[c]}}}}return Cn(ce(u(r)),e,o,i,s)}function On(e,t,n){if(Q.config.allowEval){return t()}else{fe(e,"htmx:evalDisallowedError");return n}}function Rn(e,t,n){return Cn(e,"hx-vars",true,n,t)}function Hn(e,t,n){return Cn(e,"hx-vals",false,n,t)}function Tn(e,t){return le(Rn(e,t),Hn(e,t))}function qn(t,n,r){if(r!==null){try{t.setRequestHeader(n,r)}catch(e){t.setRequestHeader(n,encodeURIComponent(r));t.setRequestHeader(n+"-URI-AutoEncoded","true")}}}function An(t){if(t.responseURL){try{const e=new URL(t.responseURL);return e.pathname+e.search}catch(e){fe(te().body,"htmx:badResponseUrl",{url:t.responseURL})}}}function H(e,t){return t.test(e.getAllResponseHeaders())}function Ln(t,n,r){t=t.toLowerCase();if(r){if(r instanceof Element||typeof r==="string"){return he(t,n,null,null,{targetOverride:w(r)||ve,returnPromise:true})}else{let e=w(r.target);if(r.target&&!e||r.source&&!e&&!w(r.source)){e=ve}return he(t,n,w(r.source),r.event,{handler:r.handler,headers:r.headers,values:r.values,targetOverride:e,swapOverride:r.swap,select:r.select,returnPromise:true})}}else{return he(t,n,null,null,{returnPromise:true})}}function Nn(e){const t=[];while(e){t.push(e);e=e.parentElement}return t}function In(e,t,n){const r=new URL(t,location.protocol!=="about:"?location.href:window.origin);const o=location.protocol!=="about:"?location.origin:window.origin;const i=o===r.origin;if(Q.config.selfRequestsOnly){if(!i){return false}}return ae(e,"htmx:validateUrl",le({url:r,sameHost:i},n))}function Pn(e){if(e instanceof FormData)return e;const t=new FormData;for(const n in e){if(e.hasOwnProperty(n)){if(e[n]&&typeof e[n].forEach==="function"){e[n].forEach(function(e){t.append(n,e)})}else if(typeof e[n]==="object"&&!(e[n]instanceof Blob)){t.append(n,JSON.stringify(e[n]))}else{t.append(n,e[n])}}}return t}function Dn(r,o,e){return new Proxy(e,{get:function(t,e){if(typeof e==="number")return t[e];if(e==="length")return t.length;if(e==="push"){return function(e){t.push(e);r.append(o,e)}}if(typeof t[e]==="function"){return function(){t[e].apply(t,arguments);r.delete(o);t.forEach(function(e){r.append(o,e)})}}if(t[e]&&t[e].length===1){return t[e][0]}else{return t[e]}},set:function(e,t,n){e[t]=n;r.delete(o);e.forEach(function(e){r.append(o,e)});return true}})}function kn(o){return new Proxy(o,{get:function(e,t){if(typeof t==="symbol"){const r=Reflect.get(e,t);if(typeof r==="function"){return function(){return r.apply(o,arguments)}}else{return r}}if(t==="toJSON"){return()=>Object.fromEntries(o)}if(t in e){if(typeof e[t]==="function"){return function(){return o[t].apply(o,arguments)}}}const n=o.getAll(t);if(n.length===0){return undefined}else if(n.length===1){return n[0]}else{return Dn(e,t,n)}},set:function(t,n,e){if(typeof n!=="string"){return false}t.delete(n);if(e&&typeof e.forEach==="function"){e.forEach(function(e){t.append(n,e)})}else if(typeof e==="object"&&!(e instanceof Blob)){t.append(n,JSON.stringify(e))}else{t.append(n,e)}return true},deleteProperty:function(e,t){if(typeof t==="string"){e.delete(t)}return true},ownKeys:function(e){return Reflect.ownKeys(Object.fromEntries(e))},getOwnPropertyDescriptor:function(e,t){return Reflect.getOwnPropertyDescriptor(Object.fromEntries(e),t)}})}function he(t,n,r,o,i,k){let s=null;let l=null;i=i!=null?i:{};if(i.returnPromise&&typeof Promise!=="undefined"){var e=new Promise(function(e,t){s=e;l=t})}if(r==null){r=te().body}const F=i.handler||Vn;const M=i.select||null;if(!se(r)){re(s);return e}const c=i.targetOverride||ce(Ee(r));if(c==null||c==ve){fe(r,"htmx:targetError",{target:ne(r,"hx-target")});re(l);return e}let u=oe(r);const f=u.lastButtonClicked;if(f){const A=ee(f,"formaction");if(A!=null){n=A}const L=ee(f,"formmethod");if(L!=null){if(de.includes(L.toLowerCase())){t=L}else{re(s);return e}}}const a=ne(r,"hx-confirm");if(k===undefined){const K=function(e){return he(t,n,r,o,i,!!e)};const G={target:c,elt:r,path:n,verb:t,triggeringEvent:o,etc:i,issueRequest:K,question:a};if(ae(r,"htmx:confirm",G)===false){re(s);return e}}let h=r;let d=ne(r,"hx-sync");let p=null;let X=false;if(d){const N=d.split(":");const I=N[0].trim();if(I==="this"){h=Se(r,"hx-sync")}else{h=ce(ue(r,I))}d=(N[1]||"drop").trim();u=oe(h);if(d==="drop"&&u.xhr&&u.abortable!==true){re(s);return e}else if(d==="abort"){if(u.xhr){re(s);return e}else{X=true}}else if(d==="replace"){ae(h,"htmx:abort")}else if(d.indexOf("queue")===0){const W=d.split(" ");p=(W[1]||"last").trim()}}if(u.xhr){if(u.abortable){ae(h,"htmx:abort")}else{if(p==null){if(o){const P=oe(o);if(P&&P.triggerSpec&&P.triggerSpec.queue){p=P.triggerSpec.queue}}if(p==null){p="last"}}if(u.queuedRequests==null){u.queuedRequests=[]}if(p==="first"&&u.queuedRequests.length===0){u.queuedRequests.push(function(){he(t,n,r,o,i)})}else if(p==="all"){u.queuedRequests.push(function(){he(t,n,r,o,i)})}else if(p==="last"){u.queuedRequests=[];u.queuedRequests.push(function(){he(t,n,r,o,i)})}re(s);return e}}const g=new XMLHttpRequest;u.xhr=g;u.abortable=X;const m=function(){u.xhr=null;u.abortable=false;if(u.queuedRequests!=null&&u.queuedRequests.length>0){const e=u.queuedRequests.shift();e()}};const B=ne(r,"hx-prompt");if(B){var y=prompt(B);if(y===null||!ae(r,"htmx:prompt",{prompt:y,target:c})){re(s);m();return e}}if(a&&!k){if(!confirm(a)){re(s);m();return e}}let x=mn(r,c,y);if(t!=="get"&&!vn(r)){x["Content-Type"]="application/x-www-form-urlencoded"}if(i.headers){x=le(x,i.headers)}const U=dn(r,t);let b=U.errors;const V=U.formData;if(i.values){hn(V,Pn(i.values))}const j=Pn(Tn(r,o));const v=hn(V,j);let w=yn(v,r);if(Q.config.getCacheBusterParam&&t==="get"){w.set("org.htmx.cache-buster",ee(c,"id")||"true")}if(n==null||n===""){n=location.href}const S=Cn(r,"hx-request");const $=oe(r).boosted;let E=Q.config.methodsThatUseUrlParams.indexOf(t)>=0;const C={boosted:$,useUrlParams:E,formData:w,parameters:kn(w),unfilteredFormData:v,unfilteredParameters:kn(v),headers:x,elt:r,target:c,verb:t,errors:b,withCredentials:i.credentials||S.credentials||Q.config.withCredentials,timeout:i.timeout||S.timeout||Q.config.timeout,path:n,triggeringEvent:o};if(!ae(r,"htmx:configRequest",C)){re(s);m();return e}n=C.path;t=C.verb;x=C.headers;w=Pn(C.parameters);b=C.errors;E=C.useUrlParams;if(b&&b.length>0){ae(r,"htmx:validation:halted",C);re(s);m();return e}const _=n.split("#");const z=_[0];const O=_[1];let R=n;if(E){R=z;const Z=!w.keys().next().done;if(Z){if(R.indexOf("?")<0){R+="?"}else{R+="&"}R+=gn(w);if(O){R+="#"+O}}}if(!In(r,R,C)){fe(r,"htmx:invalidPath",C);re(l);m();return e}g.open(t.toUpperCase(),R,true);g.overrideMimeType("text/html");g.withCredentials=C.withCredentials;g.timeout=C.timeout;if(S.noHeaders){}else{for(const D in x){if(x.hasOwnProperty(D)){const Y=x[D];qn(g,D,Y)}}}const H={xhr:g,target:c,requestConfig:C,etc:i,boosted:$,select:M,pathInfo:{requestPath:n,finalRequestPath:R,responsePath:null,anchor:O}};g.onload=function(){try{const t=Nn(r);H.pathInfo.responsePath=An(g);F(r,H);if(H.keepIndicators!==true){rn(T,q)}ae(r,"htmx:afterRequest",H);ae(r,"htmx:afterOnLoad",H);if(!se(r)){let e=null;while(t.length>0&&e==null){const n=t.shift();if(se(n)){e=n}}if(e){ae(e,"htmx:afterRequest",H);ae(e,"htmx:afterOnLoad",H)}}re(s)}catch(e){fe(r,"htmx:onLoadError",le({error:e},H));throw e}finally{m()}};g.onerror=function(){rn(T,q);fe(r,"htmx:afterRequest",H);fe(r,"htmx:sendError",H);re(l);m()};g.onabort=function(){rn(T,q);fe(r,"htmx:afterRequest",H);fe(r,"htmx:sendAbort",H);re(l);m()};g.ontimeout=function(){rn(T,q);fe(r,"htmx:afterRequest",H);fe(r,"htmx:timeout",H);re(l);m()};if(!ae(r,"htmx:beforeRequest",H)){re(s);m();return e}var T=tn(r);var q=nn(r);ie(["loadstart","loadend","progress","abort"],function(t){ie([g,g.upload],function(e){e.addEventListener(t,function(e){ae(r,"htmx:xhr:"+t,{lengthComputable:e.lengthComputable,loaded:e.loaded,total:e.total})})})});ae(r,"htmx:beforeSend",H);const J=E?null:wn(g,r,w);g.send(J);return e}function Fn(e,t){const n=t.xhr;let r=null;let o=null;if(H(n,/HX-Push:/i)){r=n.getResponseHeader("HX-Push");o="push"}else if(H(n,/HX-Push-Url:/i)){r=n.getResponseHeader("HX-Push-Url");o="push"}else if(H(n,/HX-Replace-Url:/i)){r=n.getResponseHeader("HX-Replace-Url");o="replace"}if(r){if(r==="false"){return{}}else{return{type:o,path:r}}}const i=t.pathInfo.finalRequestPath;const s=t.pathInfo.responsePath;const l=ne(e,"hx-push-url");const c=ne(e,"hx-replace-url");const u=oe(e).boosted;let f=null;let a=null;if(l){f="push";a=l}else if(c){f="replace";a=c}else if(u){f="push";a=s||i}if(a){if(a==="false"){return{}}if(a==="true"){a=s||i}if(t.pathInfo.anchor&&a.indexOf("#")===-1){a=a+"#"+t.pathInfo.anchor}return{type:f,path:a}}else{return{}}}function Mn(e,t){var n=new RegExp(e.code);return n.test(t.toString(10))}function Xn(e){for(var t=0;t<Q.config.responseHandling.length;t++){var n=Q.config.responseHandling[t];if(Mn(n,e.status)){return n}}return{swap:false}}function Bn(e){if(e){const t=f("title");if(t){t.textContent=e}else{window.document.title=e}}}function Un(e,t){if(t==="this"){return e}const n=ce(ue(e,t));if(n==null){fe(e,"htmx:targetError",{target:t});throw new Error(`Invalid re-target ${t}`)}return n}function Vn(t,e){const n=e.xhr;let r=e.target;const o=e.etc;const i=e.select;if(!ae(t,"htmx:beforeOnLoad",e))return;if(H(n,/HX-Trigger:/i)){Je(n,"HX-Trigger",t)}if(H(n,/HX-Location:/i)){Gt();let e=n.getResponseHeader("HX-Location");var s;if(e.indexOf("{")===0){s=v(e);e=s.path;delete s.path}Ln("get",e,s).then(function(){Wt(e)});return}const l=H(n,/HX-Refresh:/i)&&n.getResponseHeader("HX-Refresh")==="true";if(H(n,/HX-Redirect:/i)){e.keepIndicators=true;Q.location.href=n.getResponseHeader("HX-Redirect");l&&Q.location.reload();return}if(l){e.keepIndicators=true;Q.location.reload();return}const c=Fn(t,e);const u=Xn(n);const f=u.swap;let a=!!u.error;let h=Q.config.ignoreTitle||u.ignoreTitle;let d=u.select;if(u.target){e.target=Un(t,u.target)}var p=o.swapOverride;if(p==null&&u.swapOverride){p=u.swapOverride}if(H(n,/HX-Retarget:/i)){e.target=Un(t,n.getResponseHeader("HX-Retarget"))}if(H(n,/HX-Reswap:/i)){p=n.getResponseHeader("HX-Reswap")}var g=n.response;var m=le({shouldSwap:f,serverResponse:g,isError:a,ignoreTitle:h,selectOverride:d,swapOverride:p},e);if(u.event&&!ae(r,u.event,m))return;if(!ae(r,"htmx:beforeSwap",m))return;r=m.target;g=m.serverResponse;a=m.isError;h=m.ignoreTitle;d=m.selectOverride;p=m.swapOverride;e.target=r;e.failed=a;e.successful=!a;if(m.shouldSwap){if(n.status===286){lt(t)}Vt(t,function(e){g=e.transformResponse(g,n,t)});if(c.type){Gt()}var y=bn(t,p);if(!y.hasOwnProperty("ignoreTitle")){y.ignoreTitle=h}r.classList.add(Q.config.swappingClass);if(i){d=i}if(H(n,/HX-Reselect:/i)){d=n.getResponseHeader("HX-Reselect")}const x=ne(t,"hx-select-oob");const b=ne(t,"hx-select");ze(r,g,y,{select:d==="unset"?null:d||b,selectOOB:x,eventInfo:e,anchor:e.pathInfo.anchor,contextElement:t,afterSwapCallback:function(){if(H(n,/HX-Trigger-After-Swap:/i)){let e=t;if(!se(t)){e=te().body}Je(n,"HX-Trigger-After-Swap",e)}},afterSettleCallback:function(){if(H(n,/HX-Trigger-After-Settle:/i)){let e=t;if(!se(t)){e=te().body}Je(n,"HX-Trigger-After-Settle",e)}},beforeSwapCallback:function(){if(c.type){ae(te().body,"htmx:beforeHistoryUpdate",le({history:c},e));if(c.type==="push"){Wt(c.path);ae(te().body,"htmx:pushedIntoHistory",{path:c.path})}else{Zt(c.path);ae(te().body,"htmx:replacedInHistory",{path:c.path})}}}})}if(a){fe(t,"htmx:responseError",le({error:"Response Status Error Code "+n.status+" from "+e.pathInfo.requestPath},e))}}const jn={};function $n(){return{init:function(e){return null},getSelectors:function(){return null},onEvent:function(e,t){return true},transformResponse:function(e,t,n){return e},isInlineSwap:function(e){return false},handleSwap:function(e,t,n,r){return false},encodeParameters:function(e,t,n){return null}}}function _n(e,t){if(t.init){t.init(n)}jn[e]=le($n(),t)}function zn(e){delete jn[e]}function Jn(e,n,r){if(n==undefined){n=[]}if(e==undefined){return n}if(r==undefined){r=[]}const t=a(e,"hx-ext");if(t){ie(t.split(","),function(e){e=e.replace(/ /g,"");if(e.slice(0,7)=="ignore:"){r.push(e.slice(7));return}if(r.indexOf(e)<0){const t=jn[e];if(t&&n.indexOf(t)<0){n.push(t)}}})}return Jn(ce(u(e)),n,r)}var Kn=false;te().addEventListener("DOMContentLoaded",function(){Kn=true});function Gn(e){if(Kn||te().readyState==="complete"){e()}else{te().addEventListener("DOMContentLoaded",e)}}function Wn(){if(Q.config.includeIndicatorStyles!==false){const e=Q.config.inlineStyleNonce?` nonce="${Q.config.inlineStyleNonce}"`:"";const t=Q.config.indicatorClass;const n=Q.config.requestClass;te().head.insertAdjacentHTML("beforeend",`<style${e}>`+`.${t}{opacity:0;visibility: hidden} `+`.${n} .${t}, .${n}.${t}{opacity:1;visibility: visible;transition: opacity 200ms ease-in}`+"</style>")}}function Zn(){const e=te().querySelector('meta[name="htmx-config"]');if(e){return v(e.content)}else{return null}}function Yn(){const e=Zn();if(e){Q.config=le(Q.config,e)}}Gn(function(){Yn();Wn();let e=te().body;Mt(e);const t=te().querySelectorAll("[hx-trigger='restored'],[data-hx-trigger='restored']");e.addEventListener("htmx:abort",function(e){const t=e.target;const n=oe(t);if(n&&n.xhr){n.xhr.abort()}});const n=window.onpopstate?window.onpopstate.bind(window):null;window.onpopstate=function(e){if(e.state&&e.state.htmx){en();ie(t,function(e){ae(e,"htmx:restored",{document:te(),triggerEvent:ae})})}else{if(n){n(e)}}};b().setTimeout(function(){ae(e,"htmx:load",{});e=null},0)});return Q}();
\ No newline at end of file

From bb8cb20b2ef893c371139d6eceb0f039b972fc09 Mon Sep 17 00:00:00 2001
From: Robert Perce <contact@rperce.net>
Date: Tue, 7 Apr 2026 22:59:31 -0500
Subject: [PATCH 16/20] chore: prepare for tagged releases

---
 CHANGELOG.md | 15 +++++++++++++++
 Taskfile     | 12 ++++++++++++
 2 files changed, 27 insertions(+)
 create mode 100644 CHANGELOG.md

diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 0000000..60b3141
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,15 @@
+## [0.1.0] - 2026-04-05
+
+# Features
+* In-app contacts
+* For each contact:
+    * Names
+    * Birthday
+    * Last-contact-time mapping
+    * Address as single field (plus code? lat/long? go crazy!)
+    * Free-text-entry field
+    * Desired contact periodicity
+* Journal with Obsidian-like `[[link]]` syntax
+* Contact groups (e.g. "Met with `[[Brunch Bunch]]` at the diner")
+* ical server for birthday reminders
+* Mark contacts as inactive or prevent stale checks
diff --git a/Taskfile b/Taskfile
index 9fa64cf..a9bc978 100755
--- a/Taskfile
+++ b/Taskfile
@@ -44,4 +44,16 @@ dev() {
   find src static migrations | entr -ccdr ./Taskfile _cargo run -- serve
 }
 
+release() {
+  set -euo pipefail
+  bash e2e/Taskfile playwright:ci
+  _cargo test
+  new_tag=$(git-cliff --bumped-version)
+  git tag -m "$new_tag" "$new_tag"
+  cargo set-version "${new_tag#v}"
+  mv CHANGELOG.md CHANGELOG.old
+  cat <(git cliff) <(printf "\n") CHANGELOG.old > CHANGELOG.md
+  rm CHANGELOG.old
+}
+
 "$@"

From 7b70a10463b3547f345038278d9f38215463c36c Mon Sep 17 00:00:00 2001
From: Robert Perce <contact@rperce.net>
Date: Tue, 7 Apr 2026 23:02:11 -0500
Subject: [PATCH 17/20] test: deflake by waiting for Save response

---
 e2e/pages/util.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/e2e/pages/util.ts b/e2e/pages/util.ts
index d23e326..cdad8b6 100644
--- a/e2e/pages/util.ts
+++ b/e2e/pages/util.ts
@@ -31,5 +31,6 @@ export const verifyCreateUser = async (page: Page, fields: UserFields) => {
   }
 
   await page.getByRole('button', { name: /save/i }).click();
+  await page.waitForResponse(/\/contact\/\d+/);
 };
 

From 231eee3e1093c454c73a91ac4b2f9c30aa6024fd Mon Sep 17 00:00:00 2001
From: Robert Perce <contact@rperce.net>
Date: Wed, 8 Apr 2026 09:27:14 -0500
Subject: [PATCH 18/20] refactor: cloak elements that need alpine loaded

---
 e2e/pages/contact.spec.ts | 9 +++++----
 e2e/pages/util.ts         | 6 ++----
 src/web/auth.rs           | 4 ++--
 src/web/contact/mod.rs    | 9 ++++-----
 src/web/home.rs           | 2 +-
 src/web/mod.rs            | 1 -
 static/index.css          | 2 ++
 7 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/e2e/pages/contact.spec.ts b/e2e/pages/contact.spec.ts
index 3d2e4c9..ba32a1b 100644
--- a/e2e/pages/contact.spec.ts
+++ b/e2e/pages/contact.spec.ts
@@ -4,7 +4,6 @@ import { login, verifyCreateUser, todate } from './util';
 test.beforeEach(async ({ page }) => {
   await login(page);
   await verifyCreateUser(page, { names: ['Test Testerson'] });
-  await expect(page.locator('#alpine-loaded')).not.toHaveAttribute('x-cloak');
 });
 
 test('manual-freshen date is editable', async ({ page }) => {
@@ -19,19 +18,21 @@ test('last-contact date on display resolves journal mentions and manual-freshen'
   const entryBox = page.getByPlaceholder(/new entry/i);
   await entryDate.fill("2025-05-05");
   await entryBox.fill("[[Test Testerson]]");
+
+  let load = page.waitForResponse('/journal_entry');
   await page.getByRole('button', { name: /add entry/i }).click();
+  await load;
+
   await page.reload();
   await expect(page.locator('#fields')).toContainText("freshened2025-05-05");
 });
 
 test.skip("groups wrap nicely", async ({ page }) => {
   await page.getByRole('link', { name: /edit/i }).click();
-  await expect(page.locator('#alpine-loaded')).not.toHaveAttribute('x-cloak');
 
   const groupBox = page.getByPlaceholder(/group name/i);
   await groupBox.fill('this is a long group name');
   await page.getByRole('button', { name: /save/i }).click();
-  await expect(page.locator('#alpine-loaded')).not.toHaveAttribute('x-cloak');
 
   // TODO: this drives to the right location but i can't figure out how to assert
   // that the text is all on one line. Manual inspection looks good at time of writing.
@@ -39,7 +40,6 @@ test.skip("groups wrap nicely", async ({ page }) => {
 
 test('allow marking as inactive', async ({ page }) => {
   await page.getByRole('link', { name: /edit/i }).click();
-  await expect(page.locator('#alpine-loaded')).not.toHaveAttribute('x-cloak');
 
   await page.getByLabel('status').selectOption('Inactive');
   await page.getByRole('button', { name: /save/i }).click();
@@ -55,6 +55,7 @@ test('allow exempting from stale', async ({ page }) => {
 
   await page.getByLabel('status').selectOption('Cannot go stale');
   await page.getByRole('button', { name: /save/i }).click();
+  await page.waitForURL(/contact\/\d+$/);
   await page.goto('/');
   await expect(page.locator('#freshness')).not.toContainText('Test Testersonnever');
 });
diff --git a/e2e/pages/util.ts b/e2e/pages/util.ts
index cdad8b6..46a3692 100644
--- a/e2e/pages/util.ts
+++ b/e2e/pages/util.ts
@@ -16,9 +16,7 @@ type UserFields = {
 };
 export const verifyCreateUser = async (page: Page, fields: UserFields) => {
   await page.getByRole('button', { name: /add contact/i }).click();
-  await page.waitForResponse('/contact/new');
-
-  await expect(page.locator('#alpine-loaded')).not.toHaveAttribute('x-cloak');
+  await page.waitForURL(/contact\/\d+\/edit$/);
 
   const { names, ...simple } = fields;
   for (const name of (names ?? [])) {
@@ -31,6 +29,6 @@ export const verifyCreateUser = async (page: Page, fields: UserFields) => {
   }
 
   await page.getByRole('button', { name: /save/i }).click();
-  await page.waitForResponse(/\/contact\/\d+/);
+  await page.waitForURL(/contact\/\d+$/);
 };
 
diff --git a/src/web/auth.rs b/src/web/auth.rs
index 79eb733..0ce501d 100644
--- a/src/web/auth.rs
+++ b/src/web/auth.rs
@@ -98,9 +98,9 @@ mod get {
                 h1 { "Mascarpone" }
                 form hx-post=(post_url) hx-target-error="#error" x-data="{ user: '', pass: '' }" {
                     label for="username" { "Username" }
-                    input name="username" #username autofocus x-model="user";
+                    input name="username" #username autofocus x-model="user" x-cloak;
                     label for="password" { "Password" }
-                    input name="password" #password type="password" x-model="pass";
+                    input name="password" #password type="password" x-model="pass" x-cloak;
 
                     input type="submit" value="login" x-bind:disabled="!(user.length && pass.length)";
                     #error {}
diff --git a/src/web/contact/mod.rs b/src/web/contact/mod.rs
index 6b90020..d9a291a 100644
--- a/src/web/contact/mod.rs
+++ b/src/web/contact/mod.rs
@@ -64,14 +64,13 @@ mod get {
     fn scroll_to(id: DbId) -> String {
         format!(
             "\
-            const top = document\
+            const top=document\
                 .getElementById('nav-link-{}')\
                 ?.getBoundingClientRect()\
                 ?.top;\
-                console.log({{ top }});\
-                top && document\
+                top&&document\
                     .getElementById('contacts-sidebar')\
-                    .scrollTo({{top: top+window.innerHeight/2,left:0,behavior:'instant'}});",
+                    .scrollTo({{top:top+window.innerHeight/2,left:0,behavior:'instant'}});",
             id
         )
     }
@@ -264,7 +263,7 @@ mod get {
                 div #error;
             }
 
-            #fields x-data=(json!({ "status": contact.status() })) x-init=(scroll_to(contact_id)) {
+            #fields x-data=(json!({ "status": contact.status() })) x-init=(scroll_to(contact_id)) x-cloak {
                 label { @if contact.names.len() > 1 { "names" } @else { "name" }}
                 div #names x-data=(format!("{{ names: {:?}, new_name: '' }}", &contact.names)) {
                     template x-for="(name, idx) in names" {
diff --git a/src/web/home.rs b/src/web/home.rs
index 49fbb4a..d396d79 100644
--- a/src/web/home.rs
+++ b/src/web/home.rs
@@ -129,7 +129,7 @@ pub async fn journal_section(
                     are now, or leave everything blank to default to 'today'. Entries will be
                     added to the top of the list regardless of date; refresh the page to re-sort."
             }
-            form hx-post="/journal_entry" hx-target="next .entries" hx-target-error="#journal-error" hx-swap="afterbegin" hx-on::after-request="if(event.detail.successful) this.reset()" {
+            form hx-post="/journal_entry" hx-target="next .entries" hx-target-error="#journal-error" hx-swap="afterbegin" hx-on::after-request="if(event.detail.successful) this.reset()" x-cloak {
                 input name="date" placeholder=(Zoned::now().date().to_string());
                 textarea name="value" placeholder="New entry..." autofocus {}
                 input type="submit" value="Add Entry";
diff --git a/src/web/mod.rs b/src/web/mod.rs
index 0cf96dc..a622bb0 100644
--- a/src/web/mod.rs
+++ b/src/web/mod.rs
@@ -151,7 +151,6 @@ impl Layout {
                             (content)
                         }
                     }
-                    template #alpine-loaded x-cloak {}
                 }
             }
         }
diff --git a/static/index.css b/static/index.css
index 5889146..e2941b3 100644
--- a/static/index.css
+++ b/static/index.css
@@ -106,3 +106,5 @@ a, a:visited {
   color: var(--link-color);
   text-decoration: underline dotted;
 }
+
+[x-cloak] { display: none !important; }

From 18de4c589529406b73f3e88281ce690155632d60 Mon Sep 17 00:00:00 2001
From: Robert Perce <contact@rperce.net>
Date: Wed, 8 Apr 2026 11:37:32 -0500
Subject: [PATCH 19/20] test: deflake and open sidebar on mobile

---
 e2e/pages/home.spec.ts    | 16 +++++++++++++++-
 e2e/pages/journal.spec.ts | 25 +++++++++++++++++++++++++
 e2e/pages/util.ts         |  6 +++++-
 3 files changed, 45 insertions(+), 2 deletions(-)

diff --git a/e2e/pages/home.spec.ts b/e2e/pages/home.spec.ts
index cf9f50b..6981632 100644
--- a/e2e/pages/home.spec.ts
+++ b/e2e/pages/home.spec.ts
@@ -17,6 +17,9 @@ test('has no contacts', async ({ page }) => {
 test('can add contacts', async ({ page }) => {
   await verifyCreateUser(page, { names: ['John Contact'] });
   await verifyCreateUser(page, { names: ['Jack Contact'] });
+  if (await page.locator('#sidebar-show-hide').isVisible()) {
+    await page.locator('#sidebar-show-hide').click();
+  }
   await expect(page.getByRole("navigation").getByRole("link")).toHaveCount(2);
 });
 
@@ -41,6 +44,10 @@ test('sidebar is sorted alphabetically', async ({ page }) => {
   await verifyCreateUser(page, { names: ['Alfa'] });
   await verifyCreateUser(page, { names: ['Golf'] });
 
+  if (await page.locator('#sidebar-show-hide').isVisible()) {
+    await page.locator('#sidebar-show-hide').click();
+  }
+
   await expect(page.getByRole('navigation')).toHaveText(/Alfa\s*Golf\s*Zulu/);
 });
 
@@ -89,15 +96,22 @@ test('contact list scrolls (independently) to current contact in center of view'
   }
 
   await page.goto('/contact/28');
+  if (await page.locator('#sidebar-show-hide').isVisible()) {
+    await page.locator('#sidebar-show-hide').click();
+  }
   await expect(page.getByRole('navigation').getByRole('link', { name: /Contact28/ })).toBeVisible();
   expect(await page.locator('main').evaluate(e => e.scrollTop)).toEqual(0);
 
   await page.goto('/contact/16');
+  if (await page.locator('#sidebar-show-hide').isVisible()) {
+    await page.locator('#sidebar-show-hide').click();
+  }
   await expect(page.locator('#nav-link-16')).toBeVisible();
   const linkPos: number = await page.locator('#nav-link-16').evaluate(e => e.getBoundingClientRect().y);
 
   // roughly centered is fine, not that fussy about headers and whatnot
-  expect(Math.abs(linkPos - (await page.evaluate('window.innerHeight/2') as number))).toBeLessThan(200);
+  expect(await page.getByRole('navigation').evaluate(e => e.scrollTop)).not.toEqual(0);
+  expect(Math.abs(linkPos - (await page.evaluate('window.innerHeight/2') as number))).toBeLessThan(300);
 });
 
 test('clicking off contact list when expanded closes it', async ({ page }) => {
diff --git a/e2e/pages/journal.spec.ts b/e2e/pages/journal.spec.ts
index fe9ecb9..329644a 100644
--- a/e2e/pages/journal.spec.ts
+++ b/e2e/pages/journal.spec.ts
@@ -6,7 +6,9 @@ test('can add journal entries', async ({ page }) => {
 
   const entryBox = page.getByPlaceholder(/new entry/i);
   await entryBox.fill('banana banana banana');
+  let load = page.waitForResponse('/journal_entry');
   await page.getByRole('button', { name: /add entry/i }).click();
+  await load;
 
   await expect(entryBox).toBeEmpty();
   await expect(page.getByText('banana banana banana')).toBeVisible();
@@ -18,7 +20,9 @@ test('journal entries autolink', async ({ page }) => {
   await page.getByRole('link', { name: 'Mascarpone' }).click();
 
   await page.getByPlaceholder(/new entry/i).fill('met with [[John Contact]]');
+  let load = page.waitForResponse('/journal_entry');
   await page.getByRole('button', { name: /add entry/i }).click();
+  await load;
 
   await expect(page.locator('#journal').getByRole('link', { name: 'John Contact' })).toBeVisible();
 });
@@ -29,7 +33,9 @@ test("changing a contact's names updates journal entries", async ({ page }) => {
   await verifyCreateUser(page, { names: ['Jack Contact'] });
 
   await page.getByPlaceholder(/new entry/i).fill('met with [[JC]]');
+  let load = page.waitForResponse('/journal_entry');
   await page.getByRole('button', { name: /add entry/i }).click();
+  await load;
 
   const nav = page.getByRole('navigation');
   const journal = page.locator('#journal');
@@ -37,6 +43,9 @@ test("changing a contact's names updates journal entries", async ({ page }) => {
   await expect.soft(journal.getByRole('link', { name: 'JC' })).toHaveCount(0);
 
   // add a new name
+  if (await page.locator('#sidebar-show-hide').isVisible()) {
+    await page.locator('#sidebar-show-hide').click();
+  }
   await nav.getByRole("link", { name: 'John Contact' }).click();
   await page.getByRole('link', { name: /edit/i }).click();
   await page.getByRole('textbox', { name: 'New name' }).fill('JC');
@@ -46,6 +55,9 @@ test("changing a contact's names updates journal entries", async ({ page }) => {
   await expect.soft(journal.getByRole('link', { name: 'JC' })).toHaveCount(1);
 
   // delete an existing name
+  if (await page.locator('#sidebar-show-hide').isVisible()) {
+    await page.locator('#sidebar-show-hide').click();
+  }
   await nav.getByRole("link", { name: 'John Contact' }).click();
   await page.getByRole('link', { name: /edit/i }).click();
   await page.getByRole('button', { name: '×', disabled: false }).click();
@@ -54,6 +66,9 @@ test("changing a contact's names updates journal entries", async ({ page }) => {
   await expect.soft(journal.getByRole('link', { name: 'JC' })).toHaveCount(0);
 
   // put it back, then...
+  if (await page.locator('#sidebar-show-hide').isVisible()) {
+    await page.locator('#sidebar-show-hide').click();
+  }
   await nav.getByRole("link", { name: 'John Contact' }).click();
   await page.getByRole('link', { name: /edit/i }).click();
   await page.getByRole('textbox', { name: 'New name' }).fill('JC');
@@ -63,6 +78,9 @@ test("changing a contact's names updates journal entries", async ({ page }) => {
   await expect.soft(journal.getByRole('link', { name: 'JC' })).toHaveCount(1);
 
   // ...add a name that makes it no longer n=1
+  if (await page.locator('#sidebar-show-hide').isVisible()) {
+    await page.locator('#sidebar-show-hide').click();
+  }
   await nav.getByRole("link", { name: 'Jack Contact' }).click();
   await page.getByRole('link', { name: /edit/i }).click();
   await page.getByRole('textbox', { name: 'New name' }).fill('JC');
@@ -71,6 +89,9 @@ test("changing a contact's names updates journal entries", async ({ page }) => {
   await expect.soft(journal.getByRole('link', { name: 'JC' })).toHaveCount(0);
 
   // delete a name that makes it now n=1
+  if (await page.locator('#sidebar-show-hide').isVisible()) {
+    await page.locator('#sidebar-show-hide').click();
+  }
   await nav.getByRole("link", { name: 'John Contact' }).click();
   await page.getByRole('link', { name: /edit/i }).click();
   await page.getByRole('button', { name: '×', disabled: false }).click();
@@ -85,7 +106,9 @@ test('can edit existing journal entries on home page', async ({ page }) => {
   await page.getByRole('link', { name: 'Mascarpone' }).click();
 
   await page.getByPlaceholder(/new entry/i).fill("[[John Contact]]'s banana banana banana");
+  let load = page.waitForResponse('/journal_entry');
   await page.getByRole('button', { name: /add entry/i }).click();
+  await load;
 
   await page.reload();
 
@@ -108,7 +131,9 @@ test('can have multiple links', async ({ page }) => {
   await page.getByRole('link', { name: 'Mascarpone' }).click();
 
   await page.getByPlaceholder(/new entry/i).fill('met with [[alice]] and [[bob]] and their kids');
+  let load = page.waitForResponse('/journal_entry');
   await page.getByRole('button', { name: /add entry/i }).click();
+  await load;
 
   const journal = page.locator('#journal');
   await expect.soft(journal.getByRole('link', { name: 'alice' })).toHaveCount(1);
diff --git a/e2e/pages/util.ts b/e2e/pages/util.ts
index 46a3692..9d872b8 100644
--- a/e2e/pages/util.ts
+++ b/e2e/pages/util.ts
@@ -2,10 +2,11 @@ import { expect } from '@playwright/test';
 import type { Page } from '@playwright/test';
 
 export const login = async (page: Page) => {
-  await page.goto('/');
+  await page.goto('/login');
   await page.getByLabel("Username").fill("test");
   await page.getByLabel("Password").fill("test");
   await page.getByRole("button", { name: /login/i }).click();
+  await page.waitForURL('/');
 };
 
 export const todate = () => new Date().toISOString().split('T')[0];
@@ -15,6 +16,9 @@ type UserFields = {
   birthday?: string,
 };
 export const verifyCreateUser = async (page: Page, fields: UserFields) => {
+  if (await page.locator('#sidebar-show-hide').isVisible()) {
+    await page.locator('#sidebar-show-hide').click();
+  }
   await page.getByRole('button', { name: /add contact/i }).click();
   await page.waitForURL(/contact\/\d+\/edit$/);
 

From a178bc1cc039fd24c83599f763b6cd4678b626f2 Mon Sep 17 00:00:00 2001
From: Robert Perce <contact@rperce.net>
Date: Wed, 8 Apr 2026 11:38:05 -0500
Subject: [PATCH 20/20] feat: sidebar scrolling works on mobile

---
 CHANGELOG.md           | 27 +++++++++++++++++++++++++++
 Cargo.lock             |  2 +-
 Cargo.toml             |  2 +-
 Taskfile               |  2 +-
 src/web/auth.rs        |  4 ++--
 src/web/contact/mod.rs |  2 +-
 static/index.css       |  3 ++-
 7 files changed, 35 insertions(+), 7 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 60b3141..d1ceba7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,30 @@
+## [0.2.0] - 2026-04-08
+
+### Features
+
+- Scroll to current contact in sidebar by default
+- Clicking off sidebar on small windows closes it
+- Sort contacts sidebar ignoring case
+- Report version information
+
+### Refactor
+
+- Cloak input elements while alpine.js loads
+
+### Performance
+
+- *(test)* Test performance improvements
+- Large cache time on immutable hashed statics
+
+### Testing
+
+- Deflake by waiting for Save response
+- Open sidebar on mobile
+
+### ⚙️ Miscellaneous Tasks
+
+- Prepare for tagged releases
+
 ## [0.1.0] - 2026-04-05
 
 # Features
diff --git a/Cargo.lock b/Cargo.lock
index 8d6aae0..79b598d 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -1560,7 +1560,7 @@ dependencies = [
 
 [[package]]
 name = "mascarpone"
-version = "0.1.0"
+version = "0.2.0"
 dependencies = [
  "anyhow",
  "axum",
diff --git a/Cargo.toml b/Cargo.toml
index 3d73af5..b348f60 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -1,6 +1,6 @@
 [package]
 name    = "mascarpone"
-version = "0.1.0"
+version = "0.2.0"
 edition = "2024"
 
 [profile.release]
diff --git a/Taskfile b/Taskfile
index a9bc978..9ca36c9 100755
--- a/Taskfile
+++ b/Taskfile
@@ -48,7 +48,7 @@ release() {
   set -euo pipefail
   bash e2e/Taskfile playwright:ci
   _cargo test
-  new_tag=$(git-cliff --bumped-version)
+  new_tag=$(git-cliff --unreleased --bumped-version)
   git tag -m "$new_tag" "$new_tag"
   cargo set-version "${new_tag#v}"
   mv CHANGELOG.md CHANGELOG.old
diff --git a/src/web/auth.rs b/src/web/auth.rs
index 0ce501d..1416511 100644
--- a/src/web/auth.rs
+++ b/src/web/auth.rs
@@ -96,13 +96,13 @@ mod get {
             }
             body hx-ext="response-targets" {
                 h1 { "Mascarpone" }
-                form hx-post=(post_url) hx-target-error="#error" x-data="{ user: '', pass: '' }" {
+                form hx-post=(post_url) hx-target-error="#error" x-data="{ user: '', pass: '', htmx: false }" "x-on:htmx:load.document"="htmx = true" {
                     label for="username" { "Username" }
                     input name="username" #username autofocus x-model="user" x-cloak;
                     label for="password" { "Password" }
                     input name="password" #password type="password" x-model="pass" x-cloak;
 
-                    input type="submit" value="login" x-bind:disabled="!(user.length && pass.length)";
+                    input type="submit" value="login" x-bind:disabled="!(user.length && pass.length && htmx)" hx-disabled-elt;
                     #error {}
                 }
             }
diff --git a/src/web/contact/mod.rs b/src/web/contact/mod.rs
index d9a291a..d3a3cca 100644
--- a/src/web/contact/mod.rs
+++ b/src/web/contact/mod.rs
@@ -70,7 +70,7 @@ mod get {
                 ?.top;\
                 top&&document\
                     .getElementById('contacts-sidebar')\
-                    .scrollTo({{top:top+window.innerHeight/2,left:0,behavior:'instant'}});",
+                    .scrollTo({{top:top-window.innerHeight/2,left:0,behavior:'instant'}});",
             id
         )
     }
diff --git a/static/index.css b/static/index.css
index e2941b3..d6b1520 100644
--- a/static/index.css
+++ b/static/index.css
@@ -57,7 +57,8 @@ section#content {
     height: 100%;
 
     &.hide {
-      display: none;
+      left: -200%;
+      visibility: hidden;
     }
   }