Product resource lifecycle
A coherent product resource composition covering queryable indexes, validated forms, lifecycle details, edit-owned deletion, and a narrow sidebar shell.
Product administration
A complete product workflow spanning search, forms, details, lifecycle history, deletion, and narrow screens.
Complete screen
Skip to content
View complete history
| Name | Telemetry Hub |
|---|---|
| Sku | TEL-001 |
| Status | Active |
| Price | $129.00 |
| Available inventory | 84 |
| Description | Collects fleet telemetry and turns operational signals into reviewable incidents. |
| Created | |
| Last updated |
Recent lifecycle history
Application-owned events record the actor, timing, and provenance of each state change.
| Event | Actor | Occurred | Detail |
|---|---|---|---|
| Activated | Ada Lovelace | July 28, 2026 14:32 | Published the current pricing and inventory policy. |
| Price changed | Grace Hopper | July 21, 2026 09:17 | Changed the monthly price from $119 to $129. |
Viewport
Ruby
test/dummy/app/components/gallery/compositions/product_resource_page.rbrender NitroKit::AppShell.new(
id: "gallery-product-resource-shell",
layout: :sidebar,
data: {
ui: "inset-workspace",
gallery: "composition-surface",
gallery_shell_preview: "true",
gallery_composition: "product-resource",
gallery_composition_state: state,
gallery_mobile: state == "narrow" ? "true" : nil
}.compact
) do |shell|
shell.brand { img(src: "/gallery/racecamp-logo.png", alt: "Racecamp", width: 132, height: 28, data: { ui: "application-logo" }) }
shell.navigation { render_product_navigation }
shell.topbar { render_product_toolbar }
shell.main do
render NitroKit::Flex.new(
dir: :col,
gap: 6,
align: :stretch,
id: "gallery-product-resource-stack",
data: { gallery: "product-resource-main", ui: "workspace-content" }
) { render_product_state }
end
end