plutonium 0.51.0 → 0.53.0

data/src/js/controllers/register_controllers.js

@@ -32,6 +32,7 @@ import CaptureUrlController from "./capture_url_controller.js"
 import RowClickController from "./row_click_controller.js"
 import ViewSwitcherController from "./view_switcher_controller.js"
 import AutosubmitController from "./autosubmit_controller.js"
+import DirtyFormGuardController from "./dirty_form_guard_controller.js"
 
 export default function (application) {
   // Register controllers here
@@ -68,4 +69,5 @@ export default function (application) {
   application.register("row-click", RowClickController)
   application.register("view-switcher", ViewSwitcherController)
   application.register("autosubmit", AutosubmitController)
+  application.register("dirty-form-guard", DirtyFormGuardController)
 }

data/src/js/controllers/remote_modal_controller.js

@@ -1,45 +1,79 @@
 import { Controller } from "@hotwired/stimulus";
 
 // Connects to data-controller="remote-modal"
+// Drives the open/close lifecycle of a turbo-fetched <dialog>.
+//
+// Entry is animated by deferring `data-open` to the frame after
+// showModal() — the dialog renders one frame with its closed-state
+// transform/opacity, then transitions into the open state. Exit
+// reverses it: remove `data-open`, wait for the dialog's animations
+// to settle, then call close(). This avoids the @starting-style /
+// allow-discrete spec dance, which is unreliable across browsers.
 export default class extends Controller {
   connect() {
-    // Store original scroll position and body overflow
     this.originalScrollPosition = window.scrollY;
     this.originalOverflow = document.body.style.overflow;
     this.bodyStateRestored = false;
-
-    // Lock body scroll
+    this._closing = false;
     document.body.style.overflow = "hidden";
 
-    // Show the modal
     this.element.showModal();
-    // Add close event listener
-    this.element.addEventListener("close", this.handleClose.bind(this));
+    // Double rAF ensures the closed-state styles paint before we flip
+    // data-open, so the transition actually fires.
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        this.element.setAttribute("data-open", "");
+      });
+    });
+
+    this.onCancel = this.#onCancel.bind(this);
+    this.onClose = this.#onClose.bind(this);
+    this.onRequestClose = () => this.#animateClose();
+
+    this.element.addEventListener("cancel", this.onCancel);
+    this.element.addEventListener("close", this.onClose);
+    this.element.addEventListener("modal:request-close", this.onRequestClose);
+  }
+
+  disconnect() {
+    this.element.removeEventListener("cancel", this.onCancel);
+    this.element.removeEventListener("close", this.onClose);
+    this.element.removeEventListener("modal:request-close", this.onRequestClose);
+    this.#restoreBodyState();
   }
 
   close() {
-    // Close the modal
-    this.element.close();
-    this.restoreBodyState();
+    this.#animateClose();
   }
 
-  disconnect() {
-    // Clean up event listener when controller is disconnected
-    this.element.removeEventListener("close", this.handleClose);
-    this.restoreBodyState();
+  #onCancel(event) {
+    // Another listener (typically dirty-form-guard) already handled
+    // this — don't double-process.
+    if (event.defaultPrevented) return;
+    event.preventDefault();
+    this.#animateClose();
   }
 
-  handleClose() {
-    this.restoreBodyState();
+  #onClose() {
+    this.#restoreBodyState();
   }
 
-  restoreBodyState() {
+  async #animateClose() {
+    if (this._closing) return;
+    this._closing = true;
+
+    this.element.removeAttribute("data-open");
+
+    const animations = this.element.getAnimations({ subtree: true });
+    await Promise.allSettled(animations.map((a) => a.finished));
+
+    this.element.close();
+  }
+
+  #restoreBodyState() {
     if (this.bodyStateRestored) return;
     this.bodyStateRestored = true;
-
-    // Restore body overflow
     document.body.style.overflow = this.originalOverflow || "";
-    // Restore the original scroll position
     window.scrollTo(0, this.originalScrollPosition);
   }
 }

data/src/js/turbo/index.js

@@ -1,3 +1,4 @@
 import "./turbo_actions"
+import "./turbo_confirm"
 // import "./turbo_debug"
 // import "./turbo_frame_monkey_patch"

data/src/js/turbo/turbo_confirm.js

@@ -0,0 +1,128 @@
+// Themed replacement for Turbo's default window.confirm. The dialog is
+// built lazily and reused so per-call cost is just a textContent swap.
+
+let dialog;
+let messageEl;
+let confirmButton;
+let cancelButton;
+
+function ensureDialog() {
+  // Turbo Drive replaces document.body on full-page navigation, which
+  // detaches the cached dialog. showModal() then throws InvalidStateError
+  // ("not in a Document"). Re-attach if detached; the node itself plus
+  // its listeners survive, so we don't have to rebuild.
+  if (dialog) {
+    if (!dialog.isConnected) document.body.appendChild(dialog);
+    return;
+  }
+
+  dialog = document.createElement("dialog");
+  // Surface (bg, border, radius, backdrop) comes from .pu-dialog; the
+  // remaining utilities are positioning, size, and the opacity/scale
+  // animation hooks driven by [data-open]. Matches Modal::Centered.
+  dialog.className = [
+    "pu-dialog",
+    "top-1/2",
+    "-translate-y-1/2",
+    "left-1/2",
+    "-translate-x-1/2",
+    "w-full",
+    "max-w-md",
+    "p-0",
+    "open:flex",
+    "flex-col",
+    "opacity-0",
+    "scale-95",
+    "data-[open]:opacity-100",
+    "data-[open]:scale-100",
+    "transition-[opacity,transform]",
+    "duration-200",
+    "ease-out",
+  ].join(" ");
+  dialog.setAttribute("aria-labelledby", "pu-turbo-confirm-message");
+
+  const header = document.createElement("div");
+  header.className = "px-6 pt-5 pb-4 border-b border-[var(--pu-border)]";
+
+  messageEl = document.createElement("h2");
+  messageEl.id = "pu-turbo-confirm-message";
+  messageEl.className = "text-lg font-semibold text-[var(--pu-text)]";
+  header.appendChild(messageEl);
+
+  const footer = document.createElement("div");
+  footer.className = "flex items-center justify-end gap-2 px-6 py-4";
+
+  cancelButton = document.createElement("button");
+  cancelButton.type = "button";
+  cancelButton.className = "pu-btn pu-btn-md pu-btn-outline";
+  cancelButton.textContent = "Cancel";
+
+  confirmButton = document.createElement("button");
+  confirmButton.type = "button";
+  confirmButton.className = "pu-btn pu-btn-md pu-btn-primary";
+  confirmButton.textContent = "Confirm";
+
+  footer.appendChild(cancelButton);
+  footer.appendChild(confirmButton);
+
+  dialog.appendChild(header);
+  dialog.appendChild(footer);
+  document.body.appendChild(dialog);
+}
+
+async function animateClose() {
+  dialog.removeAttribute("data-open");
+  const animations = dialog.getAnimations({ subtree: true });
+  await Promise.allSettled(animations.map((a) => a.finished));
+  if (dialog.open) dialog.close();
+}
+
+function themedConfirm(message) {
+  ensureDialog();
+  messageEl.textContent = message || "Are you sure?";
+
+  return new Promise((resolve) => {
+    let settled = false;
+
+    const settle = (value) => {
+      if (settled) return;
+      settled = true;
+      cleanup();
+      resolve(value);
+      animateClose();
+    };
+
+    const onConfirm = () => settle(true);
+    const onCancel = () => settle(false);
+    const onClose = () => settle(false);
+
+    const cleanup = () => {
+      confirmButton.removeEventListener("click", onConfirm);
+      cancelButton.removeEventListener("click", onCancel);
+      dialog.removeEventListener("close", onClose);
+    };
+
+    confirmButton.addEventListener("click", onConfirm);
+    cancelButton.addEventListener("click", onCancel);
+    // Esc / backdrop / programmatic close — all resolve as cancel.
+    dialog.addEventListener("close", onClose);
+
+    dialog.showModal();
+    // Double rAF so the closed-state styles paint before [data-open]
+    // flips — same rationale as remote_modal_controller.
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => dialog.setAttribute("data-open", ""));
+    });
+    confirmButton.focus();
+  });
+}
+
+if (typeof window !== "undefined" && window.Turbo) {
+  // Turbo 8 deprecated setConfirmMethod in favor of config.forms.confirm.
+  // Prefer the new path; fall back for older Turbo versions still in use.
+  if (window.Turbo.config?.forms) {
+    window.Turbo.config.forms.confirm = themedConfirm;
+  } else if (window.Turbo.setConfirmMethod) {
+    window.Turbo.setConfirmMethod(themedConfirm);
+  }
+}

data/yarn.lock

@@ -876,6 +876,7 @@ __metadata:
     "@hotwired/stimulus": "npm:^3.2.2"
     "@hotwired/turbo": "npm:^8.0.4"
     "@popperjs/core": "npm:^2.11.8"
+    "@tabler/icons-vue": "npm:^3.44.0"
     "@tailwindcss/forms": "npm:^0.5.10"
     "@tailwindcss/postcss": "npm:^4.3.0"
     "@tailwindcss/typography": "npm:^0.5.16"
@@ -883,6 +884,7 @@ __metadata:
     "@uppy/dashboard": "npm:^4.1.3"
     "@uppy/image-editor": "npm:^3.2.1"
     "@uppy/xhr-upload": "npm:^4.2.3"
+    asciinema-player: "npm:^3.15.1"
     chokidar-cli: "npm:^3.0.0"
     concurrently: "npm:^8.2.2"
     cssnano: "npm:^7.0.2"
@@ -892,6 +894,7 @@ __metadata:
     flowbite-typography: "npm:^1.0.5"
     lodash.debounce: "npm:^4.0.8"
     marked: "npm:^15.0.3"
+    medium-zoom: "npm:^1.1.0"
     mermaid: "npm:^11.15.0"
     postcss: "npm:^8.5.14"
     postcss-cli: "npm:^11.0.1"
@@ -1158,6 +1161,53 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@solid-primitives/refs@npm:^1.0.5":
+  version: 1.1.3
+  resolution: "@solid-primitives/refs@npm:1.1.3"
+  dependencies:
+    "@solid-primitives/utils": "npm:^6.4.0"
+  peerDependencies:
+    solid-js: ^1.6.12
+  checksum: 10c0/af1e27b5b38f639e5a3125a982ff8f9c58fe2aea4609718c9383d88d1fc5a13e490fb40c262eb183c695b3efacd89b5328876a615814c0edb54981b58b3804fa
+  languageName: node
+  linkType: hard
+
+"@solid-primitives/transition-group@npm:^1.0.2":
+  version: 1.1.2
+  resolution: "@solid-primitives/transition-group@npm:1.1.2"
+  peerDependencies:
+    solid-js: ^1.6.12
+  checksum: 10c0/f676cefc38bab6aad7c1214ef2ea145d598ec2e873eca663a79a3a8e46b9ee8f6ea57f3e11c0acf5156ffa63ba727e9676c46c6fd0cf9130e034da79ead12402
+  languageName: node
+  linkType: hard
+
+"@solid-primitives/utils@npm:^6.4.0":
+  version: 6.4.0
+  resolution: "@solid-primitives/utils@npm:6.4.0"
+  peerDependencies:
+    solid-js: ^1.6.12
+  checksum: 10c0/fdac336c74be180251ac40df280571534d427c773b207e19a51aa01f013e16864f15c5c829f53a8e7d0033543bef07a6410c2dbaf364410dc29783966e14fcac
+  languageName: node
+  linkType: hard
+
+"@tabler/icons-vue@npm:^3.44.0":
+  version: 3.44.0
+  resolution: "@tabler/icons-vue@npm:3.44.0"
+  dependencies:
+    "@tabler/icons": "npm:3.44.0"
+  peerDependencies:
+    vue: ">=3.0.1"
+  checksum: 10c0/7730f3cd00056584ad322ab9d7b740d0f62632e5480a89dfd458f916af278010a940bfb62bcd1067b32177bf8ff5c101534aa898666501e47dc0ddaf3f0f9c9f
+  languageName: node
+  linkType: hard
+
+"@tabler/icons@npm:3.44.0":
+  version: 3.44.0
+  resolution: "@tabler/icons@npm:3.44.0"
+  checksum: 10c0/0d5c1f9d6e68aa04c4a661e96035190e0884e0bc0022d31922efad3cfba210a25b2f013c0b6c0ab6aeb3d5a402a9b85a168966bd11a30ba6087f614f8521ccf3
+  languageName: node
+  linkType: hard
+
 "@tailwindcss/forms@npm:^0.5.10":
   version: 0.5.10
   resolution: "@tailwindcss/forms@npm:0.5.10"
@@ -2184,6 +2234,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"asciinema-player@npm:^3.15.1":
+  version: 3.15.1
+  resolution: "asciinema-player@npm:3.15.1"
+  dependencies:
+    "@babel/runtime": "npm:^7.21.0"
+    solid-js: "npm:^1.3.0"
+    solid-transition-group: "npm:^0.2.3"
+  checksum: 10c0/36638e9804a94866d6c6ae25cdbf867313873e68838b2630eed73229819170bc67667098865fe38b061012c3fa78e8235322725c5e1bda258ec82787d470f8a4
+  languageName: node
+  linkType: hard
+
 "balanced-match@npm:^4.0.2":
   version: 4.0.4
   resolution: "balanced-match@npm:4.0.4"
@@ -2647,7 +2708,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"csstype@npm:^3.2.3":
+"csstype@npm:^3.1.0, csstype@npm:^3.2.3":
   version: 3.2.3
   resolution: "csstype@npm:3.2.3"
   checksum: 10c0/cd29c51e70fa822f1cecd8641a1445bed7063697469d35633b516e60fe8c1bde04b08f6c5b6022136bb669b64c63d4173af54864510fbb4ee23281801841a3ce
@@ -4153,6 +4214,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"medium-zoom@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "medium-zoom@npm:1.1.0"
+  checksum: 10c0/7d1f05e8eab045c33d7c04d4ee7bf04f5246cf7a720d7b5f5a51c36ab23666e363bcbb6bffae50b5948d5eb19361914cb0e26a1fce5c1fff7a266bc0217893f3
+  languageName: node
+  linkType: hard
+
 "mermaid@npm:^11.15.0":
   version: 11.15.0
   resolution: "mermaid@npm:11.15.0"
@@ -5355,6 +5423,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"seroval-plugins@npm:~1.5.0":
+  version: 1.5.4
+  resolution: "seroval-plugins@npm:1.5.4"
+  peerDependencies:
+    seroval: ^1.0
+  checksum: 10c0/f8843ff12c2fcbf0d1124d02addcffc1a727f55b500ac24218a528e95e540c42052e2e6f6b3dfaad2aa8105fd0985dff722c3ae774723b9899e0fafe7d4698be
+  languageName: node
+  linkType: hard
+
+"seroval@npm:~1.5.0":
+  version: 1.5.4
+  resolution: "seroval@npm:1.5.4"
+  checksum: 10c0/6191e27f21000f7693ab923fde69c47a3ce5fbb86e585e5a8fc072d70db52ebc3c4dab83c3b2ab67311ec646b2064df089a3a155c49b21846438aaf510d4b964
+  languageName: node
+  linkType: hard
+
 "set-blocking@npm:^2.0.0":
   version: 2.0.0
   resolution: "set-blocking@npm:2.0.0"
@@ -5434,6 +5518,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"solid-js@npm:^1.3.0":
+  version: 1.9.13
+  resolution: "solid-js@npm:1.9.13"
+  dependencies:
+    csstype: "npm:^3.1.0"
+    seroval: "npm:~1.5.0"
+    seroval-plugins: "npm:~1.5.0"
+  checksum: 10c0/1c407da820435771ec6fd65e605fd804fc1faf74ee84af2d3dce2bc5c223563017a9e15746eb86d27237e6d0d6ac8660685c560eb1f1decdc6f3c7b913927928
+  languageName: node
+  linkType: hard
+
+"solid-transition-group@npm:^0.2.3":
+  version: 0.2.3
+  resolution: "solid-transition-group@npm:0.2.3"
+  dependencies:
+    "@solid-primitives/refs": "npm:^1.0.5"
+    "@solid-primitives/transition-group": "npm:^1.0.2"
+  peerDependencies:
+    solid-js: ^1.6.12
+  checksum: 10c0/584656bedefb03fd91801d858c9abf0de5afc175e9a7bea2023000faa5ed3af4c6e4b8b99dd7ed1069595d362b002d4ae8ca08d030e422b65dc23742fb2ac681
+  languageName: node
+  linkType: hard
+
 "source-map-js@npm:^1.0.1, source-map-js@npm:^1.2.1":
   version: 1.2.1
   resolution: "source-map-js@npm:1.2.1"

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: plutonium
 version: !ruby/object:Gem::Version
-  version: 0.51.0
+  version: 0.53.0
 platform: ruby
 authors:
 - Stefan Froelich
 bindir: exe
 cert_chain: []
-date: 2026-05-14 00:00:00.000000000 Z
+date: 2026-05-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: zeitwerk
@@ -532,6 +532,14 @@ files:
 - config/initializers/rabl.rb
 - config/initializers/sqlite_alias.rb
 - docs/.vitepress/config.ts
+- docs/.vitepress/theme/components/HomeAudienceSplit.vue
+- docs/.vitepress/theme/components/HomeCta.vue
+- docs/.vitepress/theme/components/HomeHero.vue
+- docs/.vitepress/theme/components/HomeInTheBox.vue
+- docs/.vitepress/theme/components/HomePillars.vue
+- docs/.vitepress/theme/components/HomeStopWriting.vue
+- docs/.vitepress/theme/components/HomeWalkthrough.vue
+- docs/.vitepress/theme/components/SectionLanding.vue
 - docs/.vitepress/theme/custom.css
 - docs/.vitepress/theme/index.ts
 - docs/getting-started/index.md
@@ -550,6 +558,7 @@ files:
 - docs/guides/authorization.md
 - docs/guides/creating-packages.md
 - docs/guides/custom-actions.md
+- docs/guides/customizing-ui.md
 - docs/guides/index.md
 - docs/guides/multi-tenancy.md
 - docs/guides/nested-resources.md
@@ -564,9 +573,40 @@ files:
 - docs/public/android-chrome-192x192.png
 - docs/public/android-chrome-512x512.png
 - docs/public/apple-touch-icon.png
+- docs/public/asciinema/home-scaffold.cast
 - docs/public/favicon-16x16.png
 - docs/public/favicon-32x32.png
 - docs/public/favicon.ico
+- docs/public/images/components/avatar.png
+- docs/public/images/guides/custom-actions-bulk.png
+- docs/public/images/guides/multi-tenancy-dashboard.png
+- docs/public/images/guides/multi-tenancy-welcome.png
+- docs/public/images/guides/nested-inputs.png
+- docs/public/images/guides/nested-resources-tab.png
+- docs/public/images/guides/search-filtering-index.png
+- docs/public/images/guides/search-filtering-panel.png
+- docs/public/images/guides/theming-after.png
+- docs/public/images/guides/theming-before.png
+- docs/public/images/guides/user-invites-landing.png
+- docs/public/images/guides/user-profile-edit.png
+- docs/public/images/guides/user-profile-show.png
+- docs/public/images/home-index.png
+- docs/public/images/home-new.png
+- docs/public/images/home-show.png
+- docs/public/images/tutorial/02-empty-index.png
+- docs/public/images/tutorial/02-index-with-posts.png
+- docs/public/images/tutorial/02-new-form-modal.png
+- docs/public/images/tutorial/02-new-form.png
+- docs/public/images/tutorial/03-create-account.png
+- docs/public/images/tutorial/03-login.png
+- docs/public/images/tutorial/04-admin-index.png
+- docs/public/images/tutorial/05-actions-menu.png
+- docs/public/images/tutorial/05-row-actions.png
+- docs/public/images/tutorial/06-comments-tab.png
+- docs/public/images/tutorial/06-post-with-comments.png
+- docs/public/images/tutorial/07-author-dashboard.png
+- docs/public/images/tutorial/07-author-portal.png
+- docs/public/images/tutorial/08-customized-index.png
 - docs/public/og-image.png
 - docs/public/plutonium.png
 - docs/public/site.webmanifest
@@ -594,6 +634,7 @@ files:
 - docs/reference/behavior/index.md
 - docs/reference/behavior/interactions.md
 - docs/reference/behavior/policies.md
+- docs/reference/configuration.md
 - docs/reference/index.md
 - docs/reference/resource/actions.md
 - docs/reference/resource/definition.md
@@ -620,12 +661,16 @@ files:
 - docs/superpowers/plans/2026-05-06-multi-invite-model-support.md.tasks.json
 - docs/superpowers/plans/2026-05-07-ui-layout-overhaul.md
 - docs/superpowers/plans/2026-05-07-ui-layout-overhaul.md.tasks.json
+- docs/superpowers/plans/2026-05-15-public-pages-overhaul.md
+- docs/superpowers/plans/2026-05-15-public-pages-overhaul.md.tasks.json
 - docs/superpowers/specs/2026-04-08-plutonium-skills-overhaul-design.md
 - docs/superpowers/specs/2026-04-14-plutonium-testing-design.md
 - docs/superpowers/specs/2026-05-07-ui-layout-overhaul-design.md
 - docs/superpowers/specs/2026-05-09-typeahead-endpoint-design.md
 - docs/superpowers/specs/2026-05-12-skill-compaction-design.md
 - docs/superpowers/specs/2026-05-13-docs-restructure-design.md
+- docs/superpowers/specs/2026-05-15-public-pages-overhaul-design.md
+- docs/superpowers/specs/2026-05-29-avatar-component-design.md
 - esbuild.config.js
 - exe/pug
 - gemfiles/rails_7.gemfile
@@ -837,13 +882,13 @@ files:
 - lib/generators/pu/rodauth/templates/app/rodauth/rodauth_app.rb.tt
 - lib/generators/pu/rodauth/templates/app/rodauth/rodauth_plugin.rb.tt
 - lib/generators/pu/rodauth/templates/app/views/_login_form_footer.html.erb.tt
+- lib/generators/pu/rodauth/templates/app/views/rodauth_mailer/change_password_notify.text.erb
 - lib/generators/pu/rodauth/templates/app/views/rodauth_mailer/email_auth.text.erb
 - lib/generators/pu/rodauth/templates/app/views/rodauth_mailer/otp_disabled.text.erb
 - lib/generators/pu/rodauth/templates/app/views/rodauth_mailer/otp_locked_out.text.erb
 - lib/generators/pu/rodauth/templates/app/views/rodauth_mailer/otp_setup.text.erb
 - lib/generators/pu/rodauth/templates/app/views/rodauth_mailer/otp_unlock_failed.text.erb
 - lib/generators/pu/rodauth/templates/app/views/rodauth_mailer/otp_unlocked.text.erb
-- lib/generators/pu/rodauth/templates/app/views/rodauth_mailer/password_changed.text.erb
 - lib/generators/pu/rodauth/templates/app/views/rodauth_mailer/reset_password.text.erb
 - lib/generators/pu/rodauth/templates/app/views/rodauth_mailer/reset_password_notify.text.erb
 - lib/generators/pu/rodauth/templates/app/views/rodauth_mailer/unlock_account.text.erb
@@ -933,10 +978,8 @@ files:
 - lib/plutonium/helpers.rb
 - lib/plutonium/helpers/application_helper.rb
 - lib/plutonium/helpers/assets_helper.rb
-- lib/plutonium/helpers/attachment_helper.rb
 - lib/plutonium/helpers/content_helper.rb
 - lib/plutonium/helpers/display_helper.rb
-- lib/plutonium/helpers/table_helper.rb
 - lib/plutonium/helpers/turbo_helper.rb
 - lib/plutonium/helpers/turbo_stream_actions_helper.rb
 - lib/plutonium/interaction/README.md
@@ -1021,6 +1064,7 @@ files:
 - lib/plutonium/ui.rb
 - lib/plutonium/ui/action_button.rb
 - lib/plutonium/ui/actions_dropdown.rb
+- lib/plutonium/ui/avatar.rb
 - lib/plutonium/ui/block.rb
 - lib/plutonium/ui/breadcrumbs.rb
 - lib/plutonium/ui/color_mode_selector.rb
@@ -1138,6 +1182,7 @@ files:
 - src/js/controllers/capture_url_controller.js
 - src/js/controllers/clipboard_controller.js
 - src/js/controllers/color_mode_controller.js
+- src/js/controllers/dirty_form_guard_controller.js
 - src/js/controllers/easymde_controller.js
 - src/js/controllers/filter_panel_controller.js
 - src/js/controllers/flatpickr_controller.js
@@ -1170,6 +1215,7 @@ files:
 - src/js/support/mime_icon.js
 - src/js/turbo/index.js
 - src/js/turbo/turbo_actions.js
+- src/js/turbo/turbo_confirm.js
 - src/js/turbo/turbo_debug.js
 - src/js/turbo/turbo_frame_monkey_patch.js
 - tailwind.config.js
@@ -1183,7 +1229,7 @@ metadata:
   homepage_uri: https://radioactive-labs.github.io/plutonium-core/
   source_code_uri: https://github.com/radioactive-labs/plutonium-core
 post_install_message: |
-  ⚠️  Plutonium 0.51.0 — breaking change
+  ⚠️  Plutonium 0.53.0 — breaking change
 
   Entity-scoped URL helpers and path params have been renamed from
   `<entity>_scope_*` to `<entity>_scoped_*`.

data/lib/plutonium/helpers/attachment_helper.rb

@@ -1,73 +0,0 @@
-module Plutonium
-  module Helpers
-    module AttachmentHelper
-      def attachment_preview(attachments, **options)
-        clamp_content begin
-          tag.div class: [options[:identity_class], "attachment-preview-container d-flex flex-wrap gap-1 my-1"],
-            data: {controller: "attachment-preview-container"} do
-            Array(attachments).each do |attachment|
-              next unless attachment.url.present?
-
-              concat begin
-                tag.div class: [options[:identity_class], "attachment-preview d-inline-block text-center"],
-                  title: attachment.filename,
-                  data: {
-                    controller: "attachment-preview",
-                    attachment_preview_mime_type_value: attachment.content_type,
-                    attachment_preview_thumbnail_url_value: _attachment_thumbnail_url(attachment)
-                  } do
-                  tag.figure class: "figure my-1", style: "width: 160px;" do
-                    concat attachment_preview_thumnail(attachment)
-                    concat begin
-                      tag.figcaption class: "figure-caption text-truncate" do
-                        if options[:caption]
-                          caption = options[:caption].is_a?(String) ? options[:caption] : attachment.filename
-                          concat link_to(caption, attachment.url, class: "text-decoration-none", target: :blank)
-                        end
-
-                        if block_given?
-                          elements = Array(yield attachment).compact
-                          elements.each { |elem| concat elem }
-                        end
-                      end
-                    end
-                  end
-                end
-              end
-            end
-          end
-        end
-      end
-
-      def attachment_preview_thumnail(attachment)
-        return unless attachment.url.present?
-
-        # Any changes made here must be reflected in attachment_input_controller#buildPreviewTemplate
-
-        tag.div class: "bg-white border border-gray-200 rounded-lg shadow hover:bg-gray-100 dark:bg-gray-800 dark:border-gray-700 dark:hover:bg-gray-700", data: {attachment_preview_target: "thumbnail"} do
-          thumbnail_url = _attachment_thumbnail_url(attachment)
-          link_body = if thumbnail_url
-            image_tag thumbnail_url, style: "width:100%; height:100%; object-fit: contain;"
-          else
-            _attachment_extension(attachment)
-          end
-
-          link_to link_body, attachment.url, style: "width:150px; height:150px; line-height: 150px;",
-            class: "d-block text-decoration-none user-select-none fs-5 font-monospace text-body-secondary",
-            target: :blank,
-            data: {attachment_preview_target: "thumbnailLink"}
-        end
-      end
-
-      private
-
-      def _attachment_thumbnail_url(attachment)
-        attachment.url if attachment.representable?
-      end
-
-      def _attachment_extension(attachment)
-        attachment.try(:extension) || File.extname(attachment.filename.to_s)
-      end
-    end
-  end
-end