openui-rails 0.4.0 → 0.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1fd5862a42a9eaf7c669e6e94fa38d8aaac1784e4f7efe5340e9cec48756902a
-  data.tar.gz: f7ada4e9693c3de0c0d13b05a7cc7692a44b402b291721d430038a68c6047f4c
+  metadata.gz: 9a8e938067e723b80e9efc974e2a2bd19878499bdc459c6d675452fa919584fb
+  data.tar.gz: 1a0d9ffaa09afef3c185f21154c56bf78ef8141f15bf4bef8fe1562aa47eb68b
 SHA512:
-  metadata.gz: 0dc08e62c9508a13e11fa3d4995717d6b88be85458d505da3c363bccbfa1b57a1017bc59d72d667ed3d8043eb68f1005cd18b77bc87bae3ac9df0d2fe4683017
-  data.tar.gz: 524eb2239e400a15e6e0dee14d98b5d71e0a6f94866e4bfafda48917ea17f55a18a9eda9126cb13d7a7e4e149bd3ecfaa4f755ebac32f4ba2ca99d9b18db1d01
+  metadata.gz: 0161351030bb99e07eb7fa9c7fa968c4921ea436e76da253c6b1827ac3a55650e0dfc6903d737cd1ae94a71b9ae978ae20642e9ea9aec5dd5aa0bd550ff5eb2c
+  data.tar.gz: 6b583705522c3871e981289572701a5c0c62bb6c9a8cb7679c26a6af9cac185937d4401b960c4a653442f08ef08b8b552468e42deeaf7ba45bcca5d78e491005

data/CHANGELOG.md

@@ -6,6 +6,26 @@ adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
 
+## [0.5.0] - 2026-10-21
+
+### Added
+
+- Content-free `action.openui_rails` and `stream.openui_rails` notifications with
+  monotonic duration, fixed outcomes, replay status, and stream watermarks.
+- Browser `openui:ready` and `openui:snapshot-applied` events for host-owned
+  fallback and recovery, plus stable runtime and network failure codes.
+- Ordinary HTML fallback and explicit reload, scoped snapshot, and fresh sign-in
+  controls in the reference host, with keyboard and Turbo restoration checks.
+
+### Fixed
+
+- Late action responses cannot report into a reconnected surface. Failed
+  runtime scripts are removed so later mounts can retry loading.
+- Unmounted renderer callbacks cannot send actions, tool requests, state, or
+  errors through a new connection. A late snapshot cannot dismiss a host's
+  authentication or permission failure.
+- Browser failures use events without automatically logging raw error objects.
+
 ## [0.4.0] - 2026-10-20
 
 ### Added
@@ -133,7 +153,8 @@ adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 - Gem-scoped RubyGems Trusted Publishing through GitHub OIDC, with a protected
   release environment and verified artifact handoff.
 
-[Unreleased]: https://github.com/yorzi/openui-rails/compare/v0.4.0...main
+[Unreleased]: https://github.com/yorzi/openui-rails/compare/v0.5.0...main
+[0.5.0]: https://github.com/yorzi/openui-rails/releases/tag/v0.5.0
 [0.4.0]: https://github.com/yorzi/openui-rails/releases/tag/v0.4.0
 [0.3.0]: https://github.com/yorzi/openui-rails/releases/tag/v0.3.0
 [0.2.0]: https://github.com/yorzi/openui-rails/releases/tag/v0.2.0

data/CONTRIBUTING.md

@@ -25,7 +25,7 @@ bundle exec bin/rails test        # unit + integration tests
 bundle exec bin/rails test:system # browser (system) tests, needs Chrome
 bundle exec rubocop               # style (rubocop-rails-omakase)
 bundle exec gem build openui-rails.gemspec
-bundle exec ruby bin/smoke-package openui-rails-0.4.0.gem
+bundle exec ruby bin/smoke-package openui-rails-0.5.0.gem
 bundle exec bundler-audit check --update
 bundle exec ruby -Itest test/compatibility/ruby_llm_smoke.rb
 ```

data/DEVELOPMENT.md

@@ -17,7 +17,7 @@ authorizes a live call. Follow this loop for each feature:
 ```sh
 bin/check-reference
 bin/check-reference --runtime tmp/real-runtime
-bin/check-reference --gem tmp/package/openui-rails-0.4.0.gem --runtime tmp/real-runtime
+bin/check-reference --gem tmp/package/openui-rails-0.5.0.gem --runtime tmp/real-runtime
 # Focus one browser scenario:
 bin/check-reference --runtime tmp/real-runtime --name test_a_lost_turbo_envelope_recovers_from_the_scoped_snapshot
 ```

data/README.md

@@ -32,7 +32,7 @@ The runtime-fetch task also needs npm. RubyLLM is optional.
 
 ```ruby
 # Gemfile
-gem "openui-rails", "~> 0.4.0"
+gem "openui-rails", "~> 0.5.0"
 ```
 
 ```sh
@@ -65,15 +65,15 @@ The documentation site contains the full guides and API reference:
 - [RubyLLM](https://openui-rails.wangyaodi.com/ruby-llm/) and [production setup](https://openui-rails.wangyaodi.com/production/)
 - [Upgrading](https://openui-rails.wangyaodi.com/upgrading/) and [API reference](https://openui-rails.wangyaodi.com/api-reference/)
 
-Version `0.4.0` adds optional shared replay storage for Rails workers.
-See [What's New](https://openui-rails.wangyaodi.com/whats-new-in-0-4/) for the upgrade.
+Version `0.5.0` adds outcome diagnostics and host-owned recovery examples.
+See [What's New](https://openui-rails.wangyaodi.com/whats-new-in-0-5/) for the upgrade.
 The API may change during `0.x`; see the
 [changelog](CHANGELOG.md) and the proposed [path to 1.0](ROADMAP.md).
 The site's stable channel follows the latest release; [/next/](https://openui-rails.wangyaodi.com/next/)
 follows `main`.
 
 For repository work, use [Contributing](CONTRIBUTING.md),
-[Releasing](RELEASING.md), and the [0.3.0 release record](RELEASE_0_3.md).
+[Releasing](RELEASING.md), and the [0.4.0 release record](RELEASE_0_4.md).
 Report vulnerabilities through the [security policy](SECURITY.md).
 
 ## License

data/app/controllers/openui/rails/actions_controller.rb

@@ -54,14 +54,7 @@ module OpenUI
       end
 
       def error_code(error)
-        case error
-        when UnknownActionError then "unknown_action"
-        when UnauthorizedActionError then "unauthorized"
-        when StaleSurfaceError then "stale_surface"
-        when ReplayError then "replay"
-        when InvalidActionError then "invalid_action"
-        else "error"
-        end
+        Instrumentation.action_error_code(error)
       end
 
       def error_status(error)

data/app/javascript/openui/rails/openui_controller.js

@@ -12,16 +12,18 @@ function loadRuntime(url, integrity) {
       script.async = true
       script.crossOrigin = "anonymous"
       if (integrity) script.integrity = integrity
+      const failed = (message) => {
+        script.remove()
+        reject(Object.assign(new Error(message), { code: "runtime_load_failed" }))
+      }
       script.addEventListener("load", () => {
         if (!window.__OpenUI) {
-          reject(new Error(`OpenUI runtime at ${url} did not expose window.__OpenUI`))
+          failed("OpenUI runtime did not expose window.__OpenUI")
           return
         }
         resolve(window.__OpenUI)
       })
-      script.addEventListener("error", () =>
-        reject(new Error(`Failed to load the OpenUI runtime from ${url}`))
-      )
+      script.addEventListener("error", () => failed("Failed to load the OpenUI runtime"))
       document.head.appendChild(script)
     })
     promise.catch(() => runtimePromises.delete(url))
@@ -80,6 +82,8 @@ export default class extends Controller {
     this.abortController?.abort()
     this.root?.unmount()
     this.root = null
+    this.runtime = null
+    this.tools = null
     this.mountPoint?.remove()
     this.mountPoint = null
   }
@@ -88,11 +92,11 @@ export default class extends Controller {
     try {
       const runtime = await loadRuntime(this.runtimeUrl, this.runtimeIntegrity)
       await this.verifyLibrary(runtime.openuiChatLibrary)
-      if (connection !== this.connection || !this.element.isConnected || !this.mountPoint) return
+      if (!this.isCurrent(connection) || !this.mountPoint) return
       this.runtime = runtime
-      this.render()
+      if (this.render()) this.dispatch("ready", { surfaceId: this.surfaceId })
     } catch (error) {
-      if (connection !== this.connection) return
+      if (!this.isCurrent(connection)) return
       this.state.streaming = false
       this.syncBusy()
       this.handleError(error)
@@ -104,6 +108,7 @@ export default class extends Controller {
     if (!this.runtime || !this.mountPoint || !this.connection) return
     if (!this.withinByteLimit(this.state.source)) return
     const { React, createRoot, Renderer, openuiChatLibrary } = this.runtime
+    const connection = this.connection
     if (!this.root) this.root = createRoot(this.mountPoint)
     this.root.render(
       React.createElement(Renderer, {
@@ -115,12 +120,13 @@ export default class extends Controller {
         initialState: this.initialState,
         // The official runtime emits { type, params }. It does not await this
         // void callback; dispatchAction already emits a structured error.
-        onAction: (action) => { this.dispatchAction(action).catch(() => {}) },
-        onStateUpdate: (formState) => this.persistState(formState),
+        onAction: (action) => { if (this.isCurrent(connection)) this.dispatchAction(action).catch(() => {}) },
+        onStateUpdate: (formState) => { if (this.isCurrent(connection)) this.persistState(formState) },
         toolProvider: this.toolProvider(),
-        onError: (error) => this.handleError(error),
+        onError: (error) => { if (this.isCurrent(connection)) this.handleError(error) },
       })
     )
+    return true
   }
 
   async verifyLibrary(library) {
@@ -203,6 +209,7 @@ export default class extends Controller {
     this.state.streaming = envelope.streaming === true
     this.state.completed = !this.state.streaming
     this.render()
+    this.dispatch("snapshot-applied", { surfaceId: this.surfaceId, sequence: envelope.sequence })
   }
 
   requestSnapshot() {
@@ -224,6 +231,8 @@ export default class extends Controller {
   // --- Actions -------------------------------------------------------------
 
   async dispatchAction(payload = {}) {
+    const connection = this.connection
+    if (!this.isCurrent(connection)) throw new DOMException("Surface disconnected", "AbortError")
     const body = {
       action: payload.action ?? payload.name ?? payload.type,
       args: this.actionArguments(payload),
@@ -241,6 +250,7 @@ export default class extends Controller {
         headers: this.headers(),
         body: JSON.stringify(body),
       })
+      if (!this.isCurrent(connection)) throw new DOMException("Surface disconnected", "AbortError")
       if (response.redirected) {
         throw Object.assign(new Error("Action request was redirected; authentication may have expired"), { code: "unauthorized" })
       }
@@ -253,8 +263,9 @@ export default class extends Controller {
       } catch {
         throw Object.assign(new Error("Action endpoint returned malformed JSON"), { code: "invalid_response" })
       }
+      if (!this.isCurrent(connection)) throw new DOMException("Surface disconnected", "AbortError")
       if (!response.ok) {
-        throw Object.assign(new Error(json?.error?.message || "action failed"), { code: json?.error?.code })
+        throw Object.assign(new Error(json?.error?.message || "action failed"), { code: json?.error?.code || "action_failed" })
       }
       const result = json?.result
       if (!result || result.action !== body.action || result.surface_id !== body.surface_id || result.version !== body.version) {
@@ -263,7 +274,7 @@ export default class extends Controller {
       this.dispatch("action", { surfaceId: this.surfaceId, result })
       return result
     } catch (error) {
-      if (error.name !== "AbortError" || this.connection) this.handleError(error)
+      if (this.isCurrent(connection)) this.handleError(error, error.name === "AbortError" ? "request_cancelled" : "network_error")
       throw error
     }
   }
@@ -284,6 +295,7 @@ export default class extends Controller {
   // Every browser `Query()`/`Mutation()` tool call is routed to the same
   // server endpoint; the host registry decides what is permitted.
   toolProvider() {
+    const connection = this.connection
     const reserved = new Set([ "callTool", "then", "__proto__", "constructor", "prototype", "toJSON" ])
     return this.tools ||= new Proxy(
       {},
@@ -291,7 +303,10 @@ export default class extends Controller {
         has: (_target, name) => typeof name === "string" && !reserved.has(name),
         get: (_target, name) => {
           if (typeof name !== "string" || reserved.has(name)) return undefined
-          return (args) => this.dispatchAction({ action: name, args: args ?? {} }).then((result) => result.value)
+          return (args) => {
+            if (!this.isCurrent(connection)) return Promise.reject(new DOMException("Surface disconnected", "AbortError"))
+            return this.dispatchAction({ action: name, args: args ?? {} }).then((result) => result.value)
+          }
         },
       }
     )
@@ -310,17 +325,19 @@ export default class extends Controller {
     this.element.setAttribute("aria-busy", this.state.streaming ? "true" : "false")
   }
 
-  handleError(error) {
+  handleError(error, fallbackCode = "renderer_error") {
     // Renderer#onError receives an array, including [] after successful parses.
     if (Array.isArray(error)) {
       if (error.length === 0) return
       error = Object.assign(new Error(error.map((entry) => entry.message || String(entry)).join("; ")),
         { code: "renderer_error" })
     }
-    console.error("[openui-rails]", error)
-    this.dispatch("error", { surfaceId: this.surfaceId, message: error?.message, code: error?.code })
+    this.dispatch("error", { surfaceId: this.surfaceId, message: error?.message,
+      code: typeof error?.code === "string" ? error.code : fallbackCode })
   }
 
+  isCurrent(connection) { return !!connection && connection === this.connection && this.element.isConnected }
+
   headers() {
     const token = document.querySelector("meta[name='csrf-token']")?.content
     const headers = { "Content-Type": "application/json", Accept: "application/json" }

data/examples/support_desk/README.md

@@ -6,12 +6,17 @@ OpenUI runtime, SQLite, importmap, and HTTP Turbo Streams. It opts into the
 Active Record idempotency store and retains a unique business receipt for closing
 a ticket. Shared claims do not replace that database constraint.
 
+The plain HTML fallback provides ticket details, an explicit reload, and a fresh
+sign-in. Snapshot recovery is scoped and single-flight. Unknown action outcomes
+are never retried automatically. Browser checks cover failure feedback, keyboard
+recovery, and Turbo restoration as well as the successful workflow.
+
 From the repository:
 
 ```sh
 mkdir -p tmp/package
-bundle exec gem build openui-rails.gemspec --output tmp/package/openui-rails-0.4.0.gem
-bin/check-reference --gem tmp/package/openui-rails-0.4.0.gem --runtime tmp/real-runtime
+bundle exec gem build openui-rails.gemspec --output tmp/package/openui-rails-0.5.0.gem
+bin/check-reference --gem tmp/package/openui-rails-0.5.0.gem --runtime tmp/real-runtime
 ```
 
 Fetch the runtime first. See the [complete guide](https://openui-rails.wangyaodi.com/reference-workflow/)

data/examples/support_desk/app/javascript/support_desk.js

@@ -5,37 +5,68 @@ import EnvelopeController from "openui/rails/openui_envelope_controller"
 
 class SupportDeskController extends Controller {
   connect() {
+    this.connection = Symbol("support-desk")
     this.abort = new AbortController()
     this.saves = Promise.resolve()
     this.lastState = null
-    if (this.surface.dataset.openuiStreaming === "true") this.stream().catch(error => this.failure(error))
+    this.runtimeReady = false
+    this.recovering = false
+    this.failureCode = this.element.dataset.supportDeskFailure || null
+    this.beforeCache = () => this.disconnect()
+    document.addEventListener("turbo:before-cache", this.beforeCache)
+    if (this.surface.dataset.openuiStreaming === "true" && !this.failureCode) {
+      const connection = this.connection
+      this.stream(connection).catch(error => { if (this.current(connection)) this.failure(error) })
+    }
   }
 
-  disconnect() { this.abort.abort() }
+  disconnect() {
+    this.connection = null
+    this.abort?.abort()
+    document.removeEventListener("turbo:before-cache", this.beforeCache)
+  }
+  current(connection) { return !!connection && connection === this.connection && this.element.isConnected }
   get surface() { return this.element.querySelector("[data-controller='openui']") }
   get status() { return this.element.querySelector("#desk-status") }
+  get fallback() { return this.element.querySelector("#desk-fallback") }
+  get recoverButton() { return this.element.querySelector("#desk-recover") }
 
   headers() {
     return { "Content-Type": "application/json", "X-CSRF-Token": document.querySelector("meta[name='csrf-token']").content }
   }
 
-  async checked(response) {
-    if (response.redirected || !response.ok) throw new Error(response.status === 401 || response.status === 403 ? "Session expired. Sign in again." : "Request rejected. Reload the conversation.")
+  checked(response) {
+    if (response.redirected || [401, 403].includes(response.status)) {
+      throw Object.assign(new Error("Session or permission rejected"), { code: "unauthorized" })
+    }
+    if (!response.ok) throw Object.assign(new Error("Request rejected"), {
+      code: response.status === 409 ? "stale_surface" : "request_failed"
+    })
     return response
   }
 
-  // Consume newline-delimited Turbo Stream elements as response chunks arrive.
-  // Authorization and canonical response persistence happen before delivery.
-  async stream() {
-    const response = await this.checked(await fetch(this.element.dataset.supportDeskStreamUrl, {
+  ready() {
+    this.runtimeReady = true
+    if (!this.failureCode) {
+      this.fallback.hidden = true
+      this.surface.inert = false
+    }
+  }
+
+  // Persisted canonical output is independent of this disposable connection.
+  async stream(connection) {
+    const response = await fetch(this.element.dataset.supportDeskStreamUrl, {
       method: "POST", headers: this.headers(), signal: this.abort.signal, credentials: "same-origin"
-    }))
+    })
+    if (!this.current(connection)) return
+    this.checked(response)
     const reader = response.body.getReader()
     const decoder = new TextDecoder()
     let pending = ""
     try {
       while (true) {
         const { value, done } = await reader.read()
+        if (!this.current(connection)) return
         pending += decoder.decode(value, { stream: !done })
         let end
         while ((end = pending.indexOf("\n")) >= 0) {
@@ -44,26 +75,54 @@ class SupportDeskController extends Controller {
         }
         if (done) break
       }
-      if (pending.trim()) throw new Error("Incomplete stream. Reload the conversation.")
-      this.status.textContent = "Response loaded"
+      if (pending.trim()) throw new Error("Incomplete stream")
+      if (!this.failureCode) this.status.textContent = "Response loaded"
     } finally {
       await reader.cancel().catch(() => {})
     }
   }
 
   async recover() {
-    if (this.recovering) return
+    if (!this.current(this.connection) || this.recovering || ["unauthorized", "csrf_failed"].includes(this.failureCode)) return
+    const connection = this.connection
     this.recovering = true
+    this.failure({ code: "sequence_gap" })
+    this.recoverButton.disabled = true
+    this.recoverButton.setAttribute("aria-busy", "true")
+    this.status.textContent = "Restoring saved response"
     try {
-      const response = await this.checked(await fetch(this.element.dataset.supportDeskSnapshotUrl, {
+      const response = await fetch(this.element.dataset.supportDeskSnapshotUrl, {
         headers: { Accept: "application/json" }, signal: this.abort.signal, credentials: "same-origin"
-      }))
-      const envelope = await response.json()
+      })
+      if (!this.current(connection)) return
+      const envelope = await this.checked(response).json()
+      if (!this.current(connection)) return
+      this.snapshotApplied = false
       this.surface.dispatchEvent(new CustomEvent("openui:envelope", { bubbles: true, detail: envelope }))
-      this.element.dataset.recovered = "true"
-      this.status.textContent = "Recovered from a missing update"
-    } catch (error) { this.failure(error) }
-    finally { this.recovering = false }
+      if (!this.snapshotApplied) throw Object.assign(new Error("Snapshot not accepted"), { code: "snapshot_unavailable" })
+    } catch (error) {
+      if (this.current(connection)) this.failure(error)
+    } finally {
+      if (this.current(connection)) {
+        this.recovering = false
+        this.recoverButton.disabled = this.failureCode !== "sequence_gap" && this.failureCode !== "request_failed"
+        this.recoverButton.setAttribute("aria-busy", "false")
+      }
+    }
+  }
+
+  restored() {
+    this.snapshotApplied = true
+    // A transport snapshot cannot restore identity or permission. Keep that
+    // failure visible until the host performs a fresh sign-in or reload.
+    if (this.failureCode && !["sequence_gap", "request_failed"].includes(this.failureCode)) return
+    this.failureCode = null
+    delete this.element.dataset.supportDeskFailure
+    this.element.dataset.recovered = "true"
+    this.element.querySelector("#desk-error").textContent = ""
+    this.status.textContent = "Recovered from a missing update"
+    this.surface.inert = false
+    if (this.runtimeReady) this.fallback.hidden = true
   }
 
   saveState(event) {
@@ -74,32 +133,58 @@ class SupportDeskController extends Controller {
     if (this.lastState === serialized) return
     this.lastState = serialized
     this.status.textContent = "Saving draft"
+    const connection = this.connection, signal = this.abort.signal
     const version = Number(this.surface.dataset.openuiVersion)
     this.saves = this.saves.then(async () => {
-      await this.checked(await fetch(this.element.dataset.supportDeskStateUrl, {
-        method: "PATCH", headers: this.headers(), credentials: "same-origin", signal: this.abort.signal,
+      if (!this.current(connection)) return
+      const response = await fetch(this.element.dataset.supportDeskStateUrl, {
+        method: "PATCH", headers: this.headers(), credentials: "same-origin", signal,
         body: JSON.stringify({ state, version })
-      }))
-      if (this.lastState === serialized) this.status.textContent = "Draft saved"
-    }).catch(error => this.failure(error))
+      })
+      if (!this.current(connection)) return
+      this.checked(response)
+      if (this.lastState === serialized && !this.failureCode) this.status.textContent = "Draft saved"
+    }).catch(error => { if (this.current(connection)) this.failure(error) })
   }
 
   async action(event) {
     if (!["continue_conversation", "close_ticket"].includes(event.detail.result.action)) return
+    const connection = this.connection
     await this.saves
-    window.location.reload()
+    if (this.current(connection)) window.location.reload()
   }
 
   error(event) {
-    if (["unauthorized", "csrf_failed"].includes(event.detail.code)) {
-      this.denied = true
-      this.failure(new Error("Action not permitted. Sign in again."))
-    } else if (!this.denied) {
-      this.failure(new Error(event.detail.message || "Unable to render this response."))
-    }
+    // The runtime can report a secondary parse failure after an action error.
+    // Keep the actionable server outcome instead of replacing it with that echo.
+    if (this.failureCode && event.detail.code === "renderer_error") return
+    this.failure(event.detail)
   }
+
   failure(error) {
-    if (error.name !== "AbortError") this.element.querySelector("#desk-error").textContent = error.message
+    if (error.name === "AbortError") return
+    this.failureCode = error.code || "request_failed"
+    this.element.dataset.supportDeskFailure = this.failureCode
+    const messages = {
+      runtime_load_failed: "Interactive view could not load. Review the ticket details or reload.",
+      library_version_mismatch: "The response uses a different library. Reload after correcting setup.",
+      provider_rejected: "Generation stopped. Reload the saved conversation before trying again.",
+      stream_failed: "Generation stopped. Reload the saved conversation before trying again.",
+      stream_cancelled: "Generation stopped. Reload the saved conversation before trying again.",
+      stream_too_large: "The response is too large. Reload the saved conversation.",
+      stale_surface: "Conversation changed. Reload before submitting another action.",
+      unauthorized: "Action not permitted. Sign in again.",
+      csrf_failed: "Action not permitted. Sign in again.",
+      sequence_gap: "An update is missing. Restore the saved response or reload.",
+      snapshot_unavailable: "Saved response cannot be applied. Reload the conversation.",
+      renderer_error: "Interactive response could not render. Reload the conversation."
+    }
+    this.element.querySelector("#desk-error").textContent = messages[this.failureCode] || "Request failed; its outcome may be unknown. Reload canonical state before trying again."
+    this.fallback.hidden = false
+    this.surface.inert = true
+    this.recoverButton.disabled = !["sequence_gap", "request_failed"].includes(this.failureCode)
+    this.element.querySelector("#desk-sign-in").hidden = !["unauthorized", "csrf_failed"].includes(this.failureCode)
+    this.status.textContent = "Recovery required"
   }
 }
 

data/examples/support_desk/app/views/support_desk/conversations/show.html.erb

@@ -1,6 +1,7 @@
 <header>
   <h1>Support Desk</h1>
   <span><%= current_actor.name %> · <%= current_actor.tenant_id %> tenant</span>
+  <%= link_to "Conversations", root_path %>
   <%= button_to "Sign out", session_path, method: :delete %>
 </header>
 <p class="notice">Recorded response, real OpenUI runtime. Your Rails host owns the ticket and conversation.</p>
@@ -8,9 +9,18 @@
          data-support-desk-stream-url="<%= stream_conversation_path(@conversation) %>"
          data-support-desk-snapshot-url="<%= snapshot_conversation_path(@conversation) %>"
          data-support-desk-state-url="<%= state_conversation_path(@conversation) %>"
-         data-action="openui:state->support-desk#saveState openui:snapshot-required->support-desk#recover openui:action->support-desk#action openui:error->support-desk#error">
+         data-action="openui:ready->support-desk#ready openui:snapshot-applied->support-desk#restored openui:state->support-desk#saveState openui:snapshot-required->support-desk#recover openui:action->support-desk#action openui:error->support-desk#error">
   <%= openui_surface(surface: @conversation.surface, label: "Support ticket") %>
   <div id="desk-envelopes" hidden></div>
   <p role="status" id="desk-status">Ready</p>
   <p role="alert" id="desk-error"></p>
+  <aside id="desk-fallback" class="notice" aria-labelledby="desk-fallback-title">
+    <h2 id="desk-fallback-title">Ticket details and recovery</h2>
+    <p><%= @conversation.ticket.title %> · <%= @conversation.ticket.status %></p>
+    <p>If the interactive view is unavailable, review these saved details. Reloading does not resubmit your last action.</p>
+    <%= link_to "Reload conversation", conversation_path(@conversation), data: { turbo: false } %>
+    <%= link_to "Sign in again", root_path, id: "desk-sign-in", data: { turbo: false }, hidden: true %>
+    <button id="desk-recover" type="button" disabled aria-busy="false" aria-describedby="desk-error"
+            data-action="support-desk#recover">Restore saved response</button>
+  </aside>
 </section>

data/lib/openui/rails/actions/dispatcher.rb

@@ -78,8 +78,16 @@ module OpenUI
         #
         # @return [Result]
         #
-        # @raise [OpenUI::Rails::Error] on any failed gate, before side effects
+        # Emits one content-free action.openui_rails outcome notification.
+        # Failed gates run before the handler. Handler and storage failures can
+        # occur after a business effect; hosts must reconcile that outcome.
+        #
+        # @raise [OpenUI::Rails::Error] on a failed gate or domain operation
         def call(payload, actor: nil, surface: nil, tenant: nil, context: {})
+          started = Instrumentation.now
+          outcome = "rejected"
+          replayed = false
+          code = nil
           submission = Submission.parse(payload)
           definition = @registry.fetch(submission.action)
 
@@ -102,11 +110,22 @@ module OpenUI
           authorize!(definition, invocation)
 
           replayed, stored, key, token = claim_idempotency(submission, invocation)
-          return result(submission, stored, replayed: true) if replayed
+          if replayed
+            outcome = "replayed"
+            return result(submission, stored, replayed: true)
+          end
 
+          outcome = "failed"
           value = definition.handler.call(invocation)
           @idempotency_store.record(key, value, claim_token: token)
+          outcome = "succeeded"
           result(submission, value, replayed: false)
+        rescue StandardError => error
+          code = Instrumentation.action_error_code(error)
+          outcome = "failed" unless error.is_a?(Error)
+          raise
+        ensure
+          Instrumentation.publish("action", started: started, outcome: outcome, code: code, replayed: replayed == true)
         end
 
         private

data/lib/openui/rails/instrumentation.rb

@@ -0,0 +1,36 @@
+# frozen_string_literal: true
+
+require "active_support/notifications"
+
+module OpenUI
+  module Rails
+    # Internal publisher for the documented, content-free notification contract.
+    module Instrumentation # :nodoc:
+      def self.now
+        Process.clock_gettime(Process::CLOCK_MONOTONIC)
+      end
+
+      def self.publish(name, started:, **metadata)
+        # Do not wrap application code in instrument's block: Active Support
+        # would attach the raw exception and its message if that code raised.
+        ActiveSupport::Notifications.instrument("#{name}.openui_rails",
+          **metadata, duration_ms: (now - started) * 1000)
+      rescue StandardError
+        # Observability must not change a business result or mask its exception.
+        nil
+      end
+
+      def self.action_error_code(error)
+        case error
+        when UnknownActionError then "unknown_action"
+        when UnauthorizedActionError then "unauthorized"
+        when StaleSurfaceError then "stale_surface"
+        when ReplayError then "replay"
+        when InvalidActionError then "invalid_action"
+        when Error then "error"
+        else "internal_error"
+        end
+      end
+    end
+  end
+end

data/lib/openui/rails/stream/bridge.rb

@@ -1,5 +1,7 @@
 # frozen_string_literal: true
 
+require "openui/rails/instrumentation"
+
 module OpenUI
   module Rails
     module Stream
@@ -107,6 +109,7 @@ module OpenUI
             @total_bytes = 0
             @pending = +""
             @terminated = false
+            @started = Instrumentation.now
           end
 
           # Append a chunk and return a delta once the pending threshold is reached.
@@ -131,7 +134,8 @@ module OpenUI
             [ flush_delta ]
           end
 
-          # Flush pending text and emit the completion envelope once.
+          # Flush pending text and emit the completion envelope once. A terminal
+          # stream.openui_rails notification describes creation, not delivery.
           #
           # @return [Array<Envelope>] the final delta, if any, and completion
           def finish
@@ -144,6 +148,7 @@ module OpenUI
             )
             @sequence += 1
             @terminated = true
+            notify_termination("completed")
             envelopes
           end
 
@@ -184,8 +189,14 @@ module OpenUI
             @sequence += 1
             @terminated = true
             @pending.clear
+            notify_termination(code == "stream_cancelled" ? "cancelled" : "failed", code)
             envelope
           end
+
+          def notify_termination(outcome, code = nil)
+            Instrumentation.publish("stream", started: @started, outcome: outcome,
+              code: code, sequence: @sequence - 1, bytes: @total_bytes)
+          end
         end
       end
     end

data/lib/openui/rails/version.rb

@@ -1,5 +1,5 @@
 module OpenUI
   module Rails
-    VERSION = "0.4.0"
+    VERSION = "0.5.0"
   end
 end

data/lib/openui/rails.rb

@@ -14,6 +14,7 @@ module OpenUI
 end
 
 require "openui/rails/errors"
+require "openui/rails/instrumentation"
 require "openui/rails/json_value"
 require "openui/rails/library_manifest"
 require "openui/rails/prompt_builder"

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: openui-rails
 version: !ruby/object:Gem::Version
-  version: 0.4.0
+  version: 0.5.0
 platform: ruby
 authors:
 - Andy Wang
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-10-20 00:00:00.000000000 Z
+date: 2026-10-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -104,6 +104,7 @@ files:
 - lib/openui/rails/doctor.rb
 - lib/openui/rails/engine.rb
 - lib/openui/rails/errors.rb
+- lib/openui/rails/instrumentation.rb
 - lib/openui/rails/json_value.rb
 - lib/openui/rails/library_manifest.rb
 - lib/openui/rails/message.rb