diff --git a/app/javascript/application.js b/app/javascript/application.js
index bdafb95b09..c43a45eaa6 100644
--- a/app/javascript/application.js
+++ b/app/javascript/application.js
@@ -1,8 +1,8 @@
 // Configure your import map in config/importmap.rb. Read more: https://github.com/rails/importmap-rails
 import "@hotwired/turbo-rails"
+import "@hotwired/hotwire-native-bridge"
 import "initializers"
 import "controllers"
 
 import "lexxy"
 import "@rails/actiontext"
-
diff --git a/app/javascript/bridge/controllers/bridge/page_controller.js b/app/javascript/bridge/controllers/bridge/page_controller.js
new file mode 100644
index 0000000000..d9fb53b1b7
--- /dev/null
+++ b/app/javascript/bridge/controllers/bridge/page_controller.js
@@ -0,0 +1,131 @@
+import { BridgeComponent } from "@hotwired/hotwire-native-bridge"
+import { BridgeElement } from "@hotwired/hotwire-native-bridge"
+import { viewport } from "bridge/helpers/viewport"
+import { nextFrame } from "helpers/timing_helpers"
+
+export default class extends BridgeComponent {
+  static component = "page"
+  static targets = [ "header" ]
+  static values = { title: String }
+
+  async connect() {
+    super.connect()
+    this.notifyBridgeOfPageChange()
+    await nextFrame()
+    this.startObserver()
+    window.addEventListener("resize", this.windowResized)
+    window.addEventListener("turbo:submit-start", this.submitStart)
+    window.addEventListener("turbo:submit-end", this.submitEnd)
+  }
+
+  disconnect() {
+    super.disconnect()
+    this.stopObserver()
+    window.removeEventListener("resize", this.windowResized)
+    window.removeEventListener("turbo:submit-start", this.submitStart)
+    window.removeEventListener("turbo:submit-end", this.submitEnd)
+  }
+
+  receive(message) {
+    switch (message.event) {
+    case "change":
+      this.updateHeaderVisibility(message.data)
+      break
+    case "set-text-size":
+      this.setTextSize(message.data)
+      break
+    }
+  }
+
+  setTextSize(data) {
+    document.documentElement.dataset.textSize = data.textSize
+  }
+
+  updateHeaderVisibility(data) {
+    if (!this.hasHeaderTarget) return
+
+    const headerElement = new BridgeElement(this.headerTarget)
+
+    if (data.displayOnPlatform) {
+      headerElement?.showOnPlatform()
+    } else {
+      headerElement?.hideOnPlatform()
+    }
+  }
+
+  // Bridge
+
+  notifyBridgeOfPageChange() {
+    let headerElement = null
+    const data = {
+      title: this.title,
+      url: window.location.href
+    }
+
+    if (this.hasHeaderTarget) {
+      // Assume header visible by default until we get IntersectionObserver update
+      headerElement = new BridgeElement(this.headerTarget)
+      data.elementVisible = true
+      data.displayOnPlatform = headerElement.isDisplayedOnPlatform()
+    }
+
+    this.send("change", data, message => this.receive(message))
+  }
+
+  notifyBridgeOfVisibilityChange(visible) {
+    this.send("visibility", { title: this.title, elementVisible: visible })
+  }
+
+  notifyBridgeOfSubmitStart() {
+    this.send("submitStart")
+  }
+
+  notifyBridgeOfSubmitEnd() {
+    this.send("submitEnd")
+  }
+
+  // Intersection Observer
+
+  startObserver() {
+    if (!this.hasHeaderTarget) return
+
+    this.observer = new IntersectionObserver(([ entry ]) =>
+      this.notifyBridgeOfVisibilityChange(entry.isIntersecting),
+      { rootMargin: `-${this.topOffset}px 0px 0px 0px` }
+    )
+
+    this.observer.observe(this.headerTarget)
+    this.previousTopOffset = this.topOffset
+  }
+
+  stopObserver() {
+    this.observer?.disconnect()
+  }
+
+  updateObserverIfNeeded() {
+    if (this.topOffset === this.previousTopOffset) return
+
+    this.stopObserver()
+    this.startObserver()
+  }
+
+  windowResized = () => {
+    this.updateObserverIfNeeded()
+  }
+
+  submitStart = () => {
+    this.notifyBridgeOfSubmitStart()
+  }
+
+  submitEnd = () => {
+    this.notifyBridgeOfSubmitEnd()
+  }
+
+  get title() {
+    return this.titleValue ? this.titleValue : document.title
+  }
+
+  get topOffset() {
+    return viewport.top
+  }
+}
diff --git a/app/javascript/bridge/helpers/viewport.js b/app/javascript/bridge/helpers/viewport.js
new file mode 100644
index 0000000000..559143607e
--- /dev/null
+++ b/app/javascript/bridge/helpers/viewport.js
@@ -0,0 +1,24 @@
+let top = 0
+const viewportTarget = window.visualViewport || window
+
+export const viewport = {
+  get top() {
+    return top
+  },
+  get height() {
+    return viewportTarget.height || window.innerHeight
+  }
+}
+
+function update() {
+  requestAnimationFrame(() => {
+    const styles = getComputedStyle(document.documentElement)
+    const customInset = styles.getPropertyValue("--custom-safe-inset-top")
+    const fallbackInset = styles.getPropertyValue("--safe-area-inset-top")
+    const insetValue = (customInset || fallbackInset).trim()
+    top = parseInt(insetValue || "0", 10) || 0
+  })
+}
+
+viewportTarget.addEventListener("resize", update)
+update()
diff --git a/app/javascript/bridge/initializers/bridge_element.js b/app/javascript/bridge/initializers/bridge_element.js
new file mode 100644
index 0000000000..7e96bae1c1
--- /dev/null
+++ b/app/javascript/bridge/initializers/bridge_element.js
@@ -0,0 +1,13 @@
+import { BridgeElement } from "@hotwired/hotwire-native-bridge"
+
+BridgeElement.prototype.isDisplayedOnPlatform = function() {
+  return !this.hasClass("hide-on-native")
+}
+
+BridgeElement.prototype.showOnPlatform = function() {
+  this.element.classList.remove("hide-on-native")
+}
+
+BridgeElement.prototype.hideOnPlatform = function() {
+  this.element.classList.add("hide-on-native")
+}
diff --git a/app/javascript/bridge/initializers/index.js b/app/javascript/bridge/initializers/index.js
new file mode 100644
index 0000000000..8e17fab0c0
--- /dev/null
+++ b/app/javascript/bridge/initializers/index.js
@@ -0,0 +1 @@
+import "bridge/initializers/bridge_element"
diff --git a/app/javascript/initializers/index.js b/app/javascript/initializers/index.js
index 10fb369755..d128addc96 100644
--- a/app/javascript/initializers/index.js
+++ b/app/javascript/initializers/index.js
@@ -1 +1,2 @@
 import "initializers/current"
+import "bridge/initializers"
diff --git a/app/views/account/settings/show.html.erb b/app/views/account/settings/show.html.erb
index fc5e799b38..799045c172 100644
--- a/app/views/account/settings/show.html.erb
+++ b/app/views/account/settings/show.html.erb
@@ -1,7 +1,7 @@
 <% @page_title = "Account Settings" %>
 
 <% content_for :header do %>
-  <h1 class="header__title">
+  <h1 class="header__title" data-bridge--page-target="header">
     <%= @page_title %>
     <% unless Current.user.admin? %>
       <div class="txt-normal font-weight-normal">Only admins can change these settings</div>
diff --git a/app/views/boards/columns/closeds/show.html.erb b/app/views/boards/columns/closeds/show.html.erb
index 8a9d1f56cb..cfa56d721f 100644
--- a/app/views/boards/columns/closeds/show.html.erb
+++ b/app/views/boards/columns/closeds/show.html.erb
@@ -5,7 +5,7 @@
     <%= link_back_to_board(@board) %>
   </div>
 
-  <h1 class="header__title divider divider--fade full-width">
+  <h1 class="header__title divider divider--fade full-width" data-bridge--page-target="header">
     <span class="overflow-ellipsis"><%= @page_title %></span>
   </h1>
 <% end %>
diff --git a/app/views/boards/columns/not_nows/show.html.erb b/app/views/boards/columns/not_nows/show.html.erb
index 88ea338685..3fb62213c5 100644
--- a/app/views/boards/columns/not_nows/show.html.erb
+++ b/app/views/boards/columns/not_nows/show.html.erb
@@ -5,7 +5,7 @@
     <%= link_back_to_board(@board) %>
   </div>
 
-  <h1 class="header__title divider divider--fade full-width">
+  <h1 class="header__title divider divider--fade full-width" data-bridge--page-target="header">
     <span class="overflow-ellipsis"><%= @page_title %></span>
   </h1>
 <% end %>
diff --git a/app/views/boards/columns/show.html.erb b/app/views/boards/columns/show.html.erb
index 4fef4eec70..aa730b1798 100644
--- a/app/views/boards/columns/show.html.erb
+++ b/app/views/boards/columns/show.html.erb
@@ -5,7 +5,7 @@
     <%= link_back_to_board(@column.board) %>
   </div>
 
-  <h1 class="header__title divider divider--fade full-width">
+  <h1 class="header__title divider divider--fade full-width" data-bridge--page-target="header">
     <span class="overflow-ellipsis"><%= @page_title %></span>
   </h1>
 <% end %>
diff --git a/app/views/boards/columns/streams/show.html.erb b/app/views/boards/columns/streams/show.html.erb
index 9f0477b390..c98bd28b16 100644
--- a/app/views/boards/columns/streams/show.html.erb
+++ b/app/views/boards/columns/streams/show.html.erb
@@ -5,7 +5,7 @@
     <%= link_back_to_board(@board) %>
   </div>
 
-  <h1 class="header__title divider divider--fade full-width">
+  <h1 class="header__title divider divider--fade full-width" data-bridge--page-target="header">
     <span class="overflow-ellipsis"><%= @page_title %></span>
   </h1>
 <% end %>
diff --git a/app/views/boards/edit.html.erb b/app/views/boards/edit.html.erb
index 36beee3c86..92b74ebbb1 100644
--- a/app/views/boards/edit.html.erb
+++ b/app/views/boards/edit.html.erb
@@ -5,7 +5,7 @@
     <%= link_back_to_board(@board) %>
   </div>
 
-  <h1 class="header__title">
+  <h1 class="header__title" data-bridge--page-target="header">
     <div><%= @page_title %></div>
     <% unless Current.user.can_administer_board?(@board) %>
       <div class="txt-normal font-weight-normal">Only admins can change these settings</div>
diff --git a/app/views/boards/show.html.erb b/app/views/boards/show.html.erb
index 9f0c2ebeef..c2a9320d08 100644
--- a/app/views/boards/show.html.erb
+++ b/app/views/boards/show.html.erb
@@ -8,7 +8,7 @@
     <%= link_to_webhooks(@board) if Current.user.admin? %>
   </div>
 
-  <h1 class="header__title divider divider--fade full-width">
+  <h1 class="header__title divider divider--fade full-width" data-bridge--page-target="header">
     <span class="overflow-ellipsis"><%= @board.name %></span>
   </h1>
 
diff --git a/app/views/cards/index.html.erb b/app/views/cards/index.html.erb
index c11876e165..e59a91eb46 100644
--- a/app/views/cards/index.html.erb
+++ b/app/views/cards/index.html.erb
@@ -4,7 +4,7 @@
 <%= render "cards/broadcasts", filter: @filter %>
 
 <% content_for :header do %>
-  <h1 class="header__title divider divider--fade full-width">
+  <h1 class="header__title divider divider--fade full-width" data-bridge--page-target="header">
     <span class="overflow-ellipsis txt-capitalize-first-letter"><%= @user_filtering.selected_boards_label %></span>
   </h1>
 
diff --git a/app/views/events/day_timeline/columns/show.html.erb b/app/views/events/day_timeline/columns/show.html.erb
index dada2ebc4f..ae85d6acef 100644
--- a/app/views/events/day_timeline/columns/show.html.erb
+++ b/app/views/events/day_timeline/columns/show.html.erb
@@ -5,7 +5,7 @@
     <%= back_link_to "Activity", root_path, "keydown.left@document->hotkey#click keydown.esc@document->hotkey#click" %>
   </div>
 
-  <h1 class="header__title">
+  <h1 class="header__title" data-bridge--page-target="header">
     <%= @column.title %>
   </h1>
 <% end %>
diff --git a/app/views/events/index.html.erb b/app/views/events/index.html.erb
index 1279e4dac1..c9b9d0e8c1 100644
--- a/app/views/events/index.html.erb
+++ b/app/views/events/index.html.erb
@@ -6,7 +6,7 @@
 <% content_for :header do %>
   <%= render "events/index/add_card_button", user_filtering: @user_filtering %>
 
-  <h1 class="header__title">
+  <h1 class="header__title" data-bridge--page-target="header">
     <% if @user_filtering.boards.many? %>
       <span>Activity <%= @user_filtering.filter.boards.any? ? "in" : "across" %></span>
     <% else %>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 7211e718d9..2b6aa7370d 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -2,7 +2,7 @@
 <html lang="en">
   <%= render "layouts/shared/head" %>
 
-  <body data-controller="local-time timezone-cookie turbo-navigation theme" data-action="turbo:morph@window->local-time#refreshAll turbo:before-visit@document->turbo-navigation#rememberLocation" data-platform="<%= platform.type %>">
+  <body data-controller="bridge--page local-time timezone-cookie turbo-navigation theme" data-action="turbo:morph@window->local-time#refreshAll turbo:before-visit@document->turbo-navigation#rememberLocation" data-platform="<%= platform.type %>" <%= "data-bridge--page-title-value=#{@page_title}" if @page_title %>>
     <header class="header header--mobile-actions-stack <%= @header_class %>" id="header">
       <a href="#main" class="header__skip-navigation btn" data-turbo="false">Skip to main content</a>
       <%= render "my/menu" if Current.user %>
diff --git a/app/views/my/access_tokens/index.html.erb b/app/views/my/access_tokens/index.html.erb
index cc9b83ede5..5c1f938fd6 100644
--- a/app/views/my/access_tokens/index.html.erb
+++ b/app/views/my/access_tokens/index.html.erb
@@ -5,7 +5,7 @@
     <%= back_link_to "My profile", user_path(Current.user), "keydown.left@document->hotkey#click keydown.esc@document->hotkey#click" %>
   </div>
 
-  <h1 class="header__title"><%= @page_title %></h1>
+  <h1 class="header__title" data-bridge--page-target="header"><%= @page_title %></h1>
 <% end %>
 
 <section class="panel panel--wide shadow center webhooks">
diff --git a/app/views/my/access_tokens/new.html.erb b/app/views/my/access_tokens/new.html.erb
index be08e5031a..3e5c1d9d30 100644
--- a/app/views/my/access_tokens/new.html.erb
+++ b/app/views/my/access_tokens/new.html.erb
@@ -5,7 +5,7 @@
     <%= back_link_to "tokens", my_access_tokens_path, "keydown.left@document->hotkey#click keydown.esc@document->hotkey#click" %>
   </div>
 
-  <h1 class="header__title"><%= @page_title %></h1>
+  <h1 class="header__title" data-bridge--page-target="header"><%= @page_title %></h1>
 <% end %>
 
 <article class="panel panel--wide shadow center txt-align-start" style="view-transition-name: <%= dom_id(@access_token) %>">
diff --git a/app/views/my/access_tokens/show.html.erb b/app/views/my/access_tokens/show.html.erb
index 16becf7c21..4b78c754da 100644
--- a/app/views/my/access_tokens/show.html.erb
+++ b/app/views/my/access_tokens/show.html.erb
@@ -5,7 +5,7 @@
     <%= back_link_to "Tokens", my_access_tokens_path, "keydown.left@document->hotkey#click keydown.esc@document->hotkey#click" %>
   </div>
 
-  <h1 class="header__title"><%= @page_title %></h1>
+  <h1 class="header__title" data-bridge--page-target="header"><%= @page_title %></h1>
 <% end %>
 
 <article class="panel panel--wide shadow center txt-align-start" style="view-transition-name: <%= dom_id(@access_token) %>">
diff --git a/app/views/my/pins/index.html.erb b/app/views/my/pins/index.html.erb
index e98c418dee..b4a7cf3280 100644
--- a/app/views/my/pins/index.html.erb
+++ b/app/views/my/pins/index.html.erb
@@ -5,7 +5,7 @@
     <%= back_link_to "Home", root_path, "keydown.left@document->hotkey#click keydown.esc@document->hotkey#click" %>
   </div>
 
-  <h1 class="header__title"><%= @page_title %></h1>
+  <h1 class="header__title" data-bridge--page-target="header"><%= @page_title %></h1>
 <% end %>
 
 <div class="pins-list panel panel--wide flex center borderless unpad flex-column gap-half margin-block-start">
diff --git a/app/views/notifications/index.html.erb b/app/views/notifications/index.html.erb
index 7115367236..b09c7856be 100644
--- a/app/views/notifications/index.html.erb
+++ b/app/views/notifications/index.html.erb
@@ -6,7 +6,7 @@
     <%= back_link_to "Home", root_path, "keydown.left@document->hotkey#click keydown.esc@document->hotkey#click" %>
   </div>
 
-  <h1 class="header__title"><%= @page_title %></h1>
+  <h1 class="header__title" data-bridge--page-target="header"><%= @page_title %></h1>
 
   <div class="header__actions header__actions--end">
     <%= link_to notifications_settings_path, class: "btn" do %>
diff --git a/app/views/notifications/settings/show.html.erb b/app/views/notifications/settings/show.html.erb
index 8c1e94b199..37a2d2d7a2 100644
--- a/app/views/notifications/settings/show.html.erb
+++ b/app/views/notifications/settings/show.html.erb
@@ -1,7 +1,7 @@
 <% @page_title = "Notifications settings" %>
 
 <% content_for :header do %>
-  <h1 class="header__title"><%= @page_title %></h1>
+  <h1 class="header__title" data-bridge--page-target="header"><%= @page_title %></h1>
 <% end %>
 
 <section class="settings">
diff --git a/app/views/public/boards/columns/closeds/show.html.erb b/app/views/public/boards/columns/closeds/show.html.erb
index 0986b06fcf..3760151250 100644
--- a/app/views/public/boards/columns/closeds/show.html.erb
+++ b/app/views/public/boards/columns/closeds/show.html.erb
@@ -5,7 +5,7 @@
     <%= back_link_to @board.name, published_board_url(@board), "keydown.left@document->hotkey#click keydown.esc@document->hotkey#click" %>
   </div>
 
-  <h1 class="header__title divider divider--fade full-width">
+  <h1 class="header__title divider divider--fade full-width" data-bridge--page-target="header">
     <span class="overflow-ellipsis"><%= @page_title %></span>
   </h1>
 <% end %>
diff --git a/app/views/public/boards/columns/not_nows/show.html.erb b/app/views/public/boards/columns/not_nows/show.html.erb
index c92c6bce41..514e84b7c1 100644
--- a/app/views/public/boards/columns/not_nows/show.html.erb
+++ b/app/views/public/boards/columns/not_nows/show.html.erb
@@ -5,7 +5,7 @@
     <%= back_link_to @board.name, published_board_url(@board), "keydown.left@document->hotkey#click keydown.esc@document->hotkey#click" %>
   </div>
 
-  <h1 class="header__title divider divider--fade full-width">
+  <h1 class="header__title divider divider--fade full-width" data-bridge--page-target="header">
     <span class="overflow-ellipsis"><%= @page_title %></span>
   </h1>
 <% end %>
diff --git a/app/views/public/boards/columns/show.html.erb b/app/views/public/boards/columns/show.html.erb
index 68d3b168de..9b65799126 100644
--- a/app/views/public/boards/columns/show.html.erb
+++ b/app/views/public/boards/columns/show.html.erb
@@ -5,7 +5,7 @@
     <%= back_link_to @column.board.name, published_board_url(@column.board), "keydown.left@document->hotkey#click keydown.esc@document->hotkey#click" %>
   </div>
 
-  <h1 class="header__title divider divider--fade full-width">
+  <h1 class="header__title divider divider--fade full-width" data-bridge--page-target="header">
     <span class="overflow-ellipsis"><%= @page_title %></span>
   </h1>
 <% end %>
diff --git a/app/views/public/boards/columns/streams/show.html.erb b/app/views/public/boards/columns/streams/show.html.erb
index 77902570a2..37351aa38c 100644
--- a/app/views/public/boards/columns/streams/show.html.erb
+++ b/app/views/public/boards/columns/streams/show.html.erb
@@ -5,7 +5,7 @@
     <%= back_link_to @board.name, published_board_url(@board), "keydown.left@document->hotkey#click keydown.esc@document->hotkey#click" %>
   </div>
 
-  <h1 class="header__title divider divider--fade full-width">
+  <h1 class="header__title divider divider--fade full-width" data-bridge--page-target="header">
     <span class="overflow-ellipsis"><%= @page_title %></span>
   </h1>
 <% end %>
diff --git a/app/views/public/boards/show.html.erb b/app/views/public/boards/show.html.erb
index eef2a90733..cb5875a7d8 100644
--- a/app/views/public/boards/show.html.erb
+++ b/app/views/public/boards/show.html.erb
@@ -13,7 +13,7 @@
 <% end %>
 
 <% content_for :header do %>
-  <h1 class="header__title divider divider--fade full-width">
+  <h1 class="header__title divider divider--fade full-width" data-bridge--page-target="header">
     <span class="overflow-ellipsis"><%= @page_title %></span>
   </h1>
 <% end %>
diff --git a/app/views/searches/show.html.erb b/app/views/searches/show.html.erb
index 6ffc0facc6..50af612279 100644
--- a/app/views/searches/show.html.erb
+++ b/app/views/searches/show.html.erb
@@ -5,7 +5,7 @@
     <%= back_link_to "Home", root_path, "keydown.left@document->hotkey#click keydown.esc@document->hotkey#click" %>
   </div>
 
-  <h1 class="header__title"><%= @page_title %></h1>
+  <h1 class="header__title" data-bridge--page-target="header"><%= @page_title %></h1>
 <% end %>
 
 <div class="search-perma margin-block-start">
diff --git a/app/views/webhooks/index.html.erb b/app/views/webhooks/index.html.erb
index e8f72c0a40..b06841fc24 100644
--- a/app/views/webhooks/index.html.erb
+++ b/app/views/webhooks/index.html.erb
@@ -5,7 +5,7 @@
     <%= link_back_to_board(@board) %>
   </div>
 
-  <h1 class="header__title"><%= @page_title %></h1>
+  <h1 class="header__title" data-bridge--page-target="header"><%= @page_title %></h1>
 <% end %>
 
 <%= tag.section class: "panel panel--wide shadow center webhooks" do %>
diff --git a/app/views/webhooks/new.html.erb b/app/views/webhooks/new.html.erb
index e1a6af5138..1e9fd21054 100644
--- a/app/views/webhooks/new.html.erb
+++ b/app/views/webhooks/new.html.erb
@@ -5,7 +5,7 @@
     <%= back_link_to "Webhooks", board_webhooks_path, "keydown.left@document->hotkey#click keydown.esc@document->hotkey#click" %>
   </div>
 
-  <h1 class="header__title"><%= @page_title %></h1>
+  <h1 class="header__title" data-bridge--page-target="header"><%= @page_title %></h1>
 <% end %>
 
 <article class="panel panel--wide center txt-align-start" style="view-transition-name: <%= dom_id(@webhook) %>">
diff --git a/config/importmap.rb b/config/importmap.rb
index 3431633f98..27dbd7015d 100644
--- a/config/importmap.rb
+++ b/config/importmap.rb
@@ -4,11 +4,15 @@
 pin "@hotwired/turbo-rails", to: "turbo.min.js"
 pin "@hotwired/stimulus", to: "stimulus.min.js"
 pin "@hotwired/stimulus-loading", to: "stimulus-loading.js"
+pin "@hotwired/hotwire-native-bridge", to: "@hotwired--hotwire-native-bridge.js"
 pin "@rails/request.js", to: "@rails--request.js" # @0.0.13
 
 pin_all_from "app/javascript/controllers", under: "controllers"
 pin_all_from "app/javascript/helpers", under: "helpers"
 pin_all_from "app/javascript/initializers", under: "initializers"
+pin_all_from "app/javascript/bridge/initializers", under: "bridge/initializers"
+pin_all_from "app/javascript/bridge/helpers", under: "bridge/helpers"
+pin_all_from "app/javascript/bridge/controllers/bridge", under: "controllers/bridge", to: "bridge/controllers/bridge"
 pin "marked" # @15.0.11
 pin "lexxy"
 pin "@rails/activestorage", to: "activestorage.esm.js"
diff --git a/vendor/javascript/@hotwired--hotwire-native-bridge.js b/vendor/javascript/@hotwired--hotwire-native-bridge.js
new file mode 100644
index 0000000000..c7e9927a7d
--- /dev/null
+++ b/vendor/javascript/@hotwired--hotwire-native-bridge.js
@@ -0,0 +1,4 @@
+// @hotwired/hotwire-native-bridge@1.2.2 downloaded from https://ga.jspm.io/npm:@hotwired/hotwire-native-bridge@1.2.2/dist/hotwire-native-bridge.js
+
+import{Controller as e}from"@hotwired/stimulus";var t=class{#e;#t;#s;#n;constructor(){this.#e=null;this.#t=0;this.#s=[];this.#n=new Map}start(){this.notifyApplicationAfterStart()}notifyApplicationAfterStart(){document.dispatchEvent(new Event("web-bridge:ready"))}supportsComponent(e){return!!this.#e&&this.#e.supportsComponent(e)}send({component:e,event:t,data:s,callback:n}){if(!this.#e){this.#i({component:e,event:t,data:s,callback:n});return null}if(!this.supportsComponent(e))return null;const i=this.generateMessageId();const r={id:i,component:e,event:t,data:s||{}};this.#e.receive(r);n&&this.#n.set(i,n);return i}receive(e){this.executeCallbackFor(e)}executeCallbackFor(e){const t=this.#n.get(e.id);t&&t(e)}removeCallbackFor(e){this.#n.has(e)&&this.#n.delete(e)}removePendingMessagesFor(e){this.#s=this.#s.filter((t=>t.component!=e))}generateMessageId(){const e=++this.#t;return e.toString()}setAdapter(e){this.#e=e;document.documentElement.dataset.bridgePlatform=this.#e.platform;this.adapterDidUpdateSupportedComponents();this.#r()}adapterDidUpdateSupportedComponents(){this.#e&&(document.documentElement.dataset.bridgeComponents=this.#e.supportedComponents.join(" "))}#i(e){this.#s.push(e)}#r(){this.#s.forEach((e=>this.send(e)));this.#s=[]}};var s=class{constructor(e){this.element=e}get title(){return(this.bridgeAttribute("title")||this.attribute("aria-label")||this.element.textContent||this.element.value).trim()}get enabled(){return!this.disabled}get disabled(){const e=this.bridgeAttribute("disabled");return e==="true"||e===this.platform}enableForComponent(e){e.enabled&&this.removeBridgeAttribute("disabled")}hasClass(e){return this.element.classList.contains(e)}attribute(e){return this.element.getAttribute(e)}bridgeAttribute(e){return this.attribute(`data-bridge-${e}`)}setBridgeAttribute(e,t){this.element.setAttribute(`data-bridge-${e}`,t)}removeBridgeAttribute(e){this.element.removeAttribute(`data-bridge-${e}`)}click(){this.platform=="android"&&this.element.removeAttribute("target");this.element.click()}get platform(){return document.documentElement.dataset.bridgePlatform}};var{userAgent:n}=window.navigator;function i(e){const t=n.match(/bridge-components: \[(.*?)\]/);return!!t&&t[1].split(" ").includes(e)}var r=class extends e{static component="";static get shouldLoad(){return i(this.component)}pendingMessageCallbacks=[];initialize(){this.pendingMessageCallbacks=[]}connect(){this.removeRestoreEventListener();this.addRestoreEventListener()}disconnect(){this.removePendingCallbacks();this.removePendingMessages();this.removeRestoreEventListener()}addRestoreEventListener(){this.restore=this.restore.bind(this);document.addEventListener("native:restore",this.restore)}removeRestoreEventListener(){document.removeEventListener("native:restore",this.restore)}restore(){this.connect()}get component(){return this.constructor.component}get platformOptingOut(){const{bridgePlatform:e}=document.documentElement.dataset;return this.identifier==this.element.getAttribute(`data-controller-optout-${e}`)}get enabled(){return!this.platformOptingOut&&this.bridge.supportsComponent(this.component)}send(e,t={},s){t.metadata={url:window.location.href};const n={component:this.component,event:e,data:t,callback:s};const i=this.bridge.send(n);s&&this.pendingMessageCallbacks.push(i)}removePendingCallbacks(){this.pendingMessageCallbacks.forEach((e=>this.bridge.removeCallbackFor(e)))}removePendingMessages(){this.bridge.removePendingMessagesFor(this.component)}get bridgeElement(){return new s(this.element)}get bridge(){return window.HotwireNative.web}};if(!window.HotwireNative){const e=new t;window.HotwireNative={web:e};a(e);e.start()}function a(e){window.Strada||(window.Strada={web:e});window.webBridge||(window.webBridge=e)}export{r as BridgeComponent,s as BridgeElement};
+