ideasbugs 0.9.0 → 0.10.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 722346f32d21b2a7007ffb9b04aeda8bf66e8194dc3eaa544bc3ea4bbdb2fe47
-  data.tar.gz: ca6574200a4e00570ed5a26aa9f4ed758c06192789336f4852622766b471fb5e
+  metadata.gz: d3b0669f68f65a7cef3986dac6a2ca57938b1d38942338283593e026003e2688
+  data.tar.gz: ed01d83195291ee4cdc81bbf43f043d520c772155780c14a9e070fe0c1e4a2a4
 SHA512:
-  metadata.gz: aede97be97f27ce8e4cb615efc2e4ffb864ac7b1a7d09a1c6dc67fe2429a2ebb42cc01b2e65541d41a4a2908406fef9d6a90ae886a1e87ce93d78e51f3ca9d30
-  data.tar.gz: e1266b1bd43e2a14b5ad92c1fd1f29752bb13ee925d46a1a5939dc9ec3570d625b0d49b8e6de3d17e7cb054e4d066e86493abc8ec26043c567aa6062ffb06ed5
+  metadata.gz: 866b49d6047d00eaef7b79bf419fd8d0762e7ab1a5c1ea45c04b6cb121aa7f929c7049ca41bd9dfe7759bedf2fb46d69d6b8b017cf5e612a6be5046008472217
+  data.tar.gz: 8f25c5e661173324bce15de5ab9ca6e077d04da693231e3df9cf4e46f5a053062e678a2a8c82caedb2e1b47d2539b81036c97c496eb489f32888b2b1c2b0be4a

data/AGENTS.md

@@ -177,6 +177,6 @@ Conventions this codebase holds to — follow them rather than the first thing t
 - **Attachments stream through the engine's gate**, never a public blob URL.
 - **The widget is plain JS served same-origin by the engine** — no build step, no framework.
 - **The dummy app pins `config.active_job.queue_adapter = :test`.** Do not remove it or let it drift back to the `:async` default. Attaching a screenshot enqueues Active Storage's analysis job, and `:async` runs it on a background thread that checks out its own connection — writes no test transaction covers, landing in the middle of whatever runs next. That is a suite that fails order-dependently in a test which never created a row, and it is miserable to trace back.
-- **`lib/ideasbugs/dashboard.css` is half shared.** Everything above the `GEM-SPECIFIC` banner is the design system all five gems in the family ship — the same tokens, the same `.page-head`/`.tabs`/`.filters`/`.card`/`.badge`/`button`, the same `.dashboard-shell` + `.record-row` + `.detail-panel` two-pane dashboard — identical in every repo apart from the `ib` prefix. Diff it against a sibling before changing it, and carry the change to the other four. Anything only this gem has goes below the banner. New dashboard markup reuses the shared class names rather than inventing a domain-specific one.
+- **`lib/ideasbugs/dashboard.css` is half shared.** Everything above the `GEM-SPECIFIC` banner is the design system all five gems in the family ship — the same tokens, the same `.page-head`/`.tabs`/`.filters`/`.card`/`.badge`/`button`/`.status-switch`, the same `.dashboard-shell` + `.record-row` + `.detail-panel` two-pane dashboard — identical in every repo apart from the `ib` prefix. Diff it against a sibling before changing it, and carry the change to the other four. Anything only this gem has goes below the banner. New dashboard markup reuses the shared class names rather than inventing a domain-specific one.
 - Every user-facing change bumps `lib/ideasbugs/version.rb` and adds a `CHANGELOG.md` entry that says what it costs, not only what it adds.
 - Commit messages are prose that explains the tradeoff — read `git log` before writing one.

data/CHANGELOG.md

@@ -1,5 +1,32 @@
 # Changelog
 
+## 0.10.1
+
+- **The demo inbox now teaches the Ideasbugs workflow.** Its open, in-review,
+  and resolved records form a short path through captured request context,
+  triage, kinds and sections, search, production authorization, attribution,
+  and gated screenshots instead of posing as unrelated customer reports.
+- `ideasbugs:seed_demo` keeps the existing demo identities, so rerunning it
+  upgrades those three rows in place. That also means it overwrites edits made
+  to the gem-owned demo rows; real feedback is not touched.
+
+## 0.10.0
+
+- **Triage is one switch now.** Open, In review and Resolved sit in a single pill
+  in the panel heading — the status the report is in is lit in that status's
+  colour, the other two are one click away. It replaces the row of `Mark in
+  review` / `Mark resolved` / `Reopen` buttons under the message, which grew a
+  button per status and read as three unrelated actions rather than one control.
+  The status badge left the heading with them: the switch already says it.
+- **The switch is the family's, not this gem's.** It lives in the shared core of
+  `dashboard.css` as `.status-switch`, the same component livechat's
+  open/resolved switch now uses, so a third gem that needs one inherits it.
+- No JavaScript: each segment is a submit button in one form, and the lit segment
+  is a `type="button"` so clicking the status a report already has cannot re-file
+  it. If you styled the old `.actions` status buttons, that is the breaking
+  change — `PATCH /feedbacks/:id` with `feedback[status]` is unchanged, so any
+  script or link that drove triage still works.
+
 ## 0.9.0
 
 - **One design system across the family.** The stylesheet now opens with a

data/app/views/ideasbugs/feedbacks/_feedback_panel.html.erb

@@ -4,11 +4,25 @@
       <span class="badge kind-<%= feedback.kind.to_s.parameterize %>">
         <%= t("ideasbugs.kinds.#{feedback.kind}", default: feedback.kind.humanize) %>
       </span>
-      <span class="badge status-<%= feedback.status %>">
-        <%= t("ideasbugs.statuses.#{feedback.status}", default: feedback.status.humanize) %>
-      </span>
       <span class="case-id">#<%= feedback.id %></span>
     </h1>
+
+    <%# The shared status switch, carrying the status the heading badge used to
+        state: the current one is lit and inert, every other one is a submit
+        that files the report under it. One form, no JS. %>
+    <%= form_with url: feedback_path(feedback), method: :patch, class: 'status-switch' do %>
+      <% Ideasbugs::Feedback::STATUSES.each do |status| %>
+        <% label = t("ideasbugs.statuses.#{status}", default: status.humanize) %>
+        <% if status == feedback.status %>
+          <button type="button" class="status-<%= status %> current" aria-current="true"><%= label %></button>
+        <% else %>
+          <button name="feedback[status]" value="<%= status %>" class="status-<%= status %>"
+                  aria-label="<%= t("ideasbugs.dashboard.move_to_#{status}", default: "Mark #{status.humanize.downcase}") %>">
+            <%= label %>
+          </button>
+        <% end %>
+      <% end %>
+    <% end %>
   </div>
 
   <div class="detail-scroll">
@@ -49,13 +63,9 @@
       <% end %>
     </div>
 
+    <%# Status lives in the switch in the heading; only what a switch cannot say
+        is left here. %>
     <div class="actions">
-      <% (Ideasbugs::Feedback::STATUSES - [feedback.status]).each do |status| %>
-        <%= button_to t("ideasbugs.dashboard.move_to_#{status}", default: "Mark #{status.humanize.downcase}"),
-                      feedback_path(feedback),
-                      method: :patch, params: { feedback: { status: status } },
-                      class: ('primary' if status == 'resolved') %>
-      <% end %>
       <%= button_to t('ideasbugs.dashboard.delete', default: 'Delete'),
                     feedback_path(feedback),
                     method: :delete, class: 'danger',

data/lib/ideasbugs/dashboard.css

@@ -144,6 +144,19 @@
   & .actions form { display: inline; }
   & .form-actions { padding-top: 12px; }
 
+  /* Status switch: one pill holding every state a record can be in, the state it
+     is in now lit. Each other segment is a submit button, so moving a record
+     takes one click and no JavaScript; the current segment is a `type="button"`
+     so clicking it cannot re-file the record it is already filed under. Two
+     states or five, the pill sizes itself. A gem tints the lit segment with its
+     own status colour — see the `GEM-SPECIFIC` section. */
+  & .status-switch { display: inline-flex; flex: 0 0 auto; margin: 0; padding: 3px; border: 1px solid var(--ib-border); border-radius: 999px; background: var(--ib-bg); }
+  & .status-switch button { min-height: 30px; padding: 0 12px; border: 0; border-radius: 999px; background: none; color: var(--ib-muted); font-size: 13px; font-weight: 700; white-space: nowrap; transition: background .16s ease, color .16s ease; }
+  & .status-switch button:hover { border: 0; background: color-mix(in srgb, var(--ib-muted) 12%, transparent); color: var(--ib-text); }
+  & .status-switch button.current { background: var(--ib-surface); color: var(--ib-text); box-shadow: 0 1px 2px rgba(15, 23, 42, .12); cursor: default; }
+  & .status-switch button.current:hover { background: var(--ib-surface); }
+  & .panel-head .status-switch { margin-left: auto; }
+
   & .card { overflow: hidden; border: 1px solid var(--ib-border); border-radius: 12px; background: var(--ib-surface); }
   & .card.pad { padding: 16px; overflow: visible; }
   & table { width: 100%; border-collapse: collapse; }
@@ -266,6 +279,7 @@
     & .dashboard-detail .detail-panel { min-height: calc(100vh - 64px); }
     & .mobile-back { display: block; flex: 0 0 auto; margin: 4px 0 10px; font-size: 13px; }
     & .panel-head h1 { font-size: 18px; }
+    & .status-switch button { padding: 0 9px; font-size: 12px; }
     & dl { grid-template-columns: 1fr; gap: 3px; }
     & dd { margin-bottom: 8px; }
   }
@@ -294,6 +308,12 @@
   & .badge.status-in_review { background: var(--ib-in-review); }
   & .badge.status-resolved { background: var(--ib-resolved); }
 
+  /* The lit segment of the status switch carries the same colour as the badge
+     for that status, so the panel and the queue agree at a glance. */
+  & .status-switch button.current.status-open { color: var(--ib-open); }
+  & .status-switch button.current.status-in_review { color: var(--ib-in-review); }
+  & .status-switch button.current.status-resolved { color: var(--ib-resolved); }
+
   & .shots { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 8px; }
   & .shots img { max-width: 280px; max-height: 200px; border: 1px solid var(--ib-border); border-radius: 8px; }
 }

data/lib/ideasbugs/seeds.rb

@@ -6,29 +6,35 @@ module Ideasbugs
       {
         seed_id: 'checkout-error',
         kind: 'bug',
-        section: 'Checkout',
-        message: 'The payment form shows "Something went wrong" after entering a valid card.',
+        section: '1. Try triage',
+        message: 'Start here: this open bug shows what the widget captures — kind, section, page URL, ' \
+                 'browser context, and an author when you configure one. Move it to In review as your ' \
+                 'first triage action.',
         status: 'open',
-        page_url: '/checkout',
-        author_label: 'Demo Customer'
+        page_url: '/checkout?demo=ideasbugs',
+        author_label: 'Demo customer · open this first'
       },
       {
         seed_id: 'saved-filters',
         kind: 'feature',
-        section: 'Reports',
-        message: 'It would save time if I could save this report filter and reuse it next week.',
+        section: '2. Shape the inbox',
+        message: 'This feature request is already In review so you can compare workflow states. Set ' \
+                 'config.sections to your product areas, adjust config.kinds if needed, then use the board ' \
+                 'filters and search to keep recurring themes visible.',
         status: 'in_review',
-        page_url: '/reports/revenue',
-        author_label: 'Demo Product Manager'
+        page_url: '/reports?demo=ideasbugs',
+        author_label: 'Demo product manager · compare states'
       },
       {
         seed_id: 'export-confusing',
         kind: 'other',
-        section: 'Settings',
-        message: 'The CSV export worked, but I expected the button to say when the file was ready.',
+        section: '3. Ship safely',
+        message: 'This resolved item is your launch checklist: render ideasbugs_tag, set authorize_admin ' \
+                 'before production, and configure current_user plus author_label when you want attributed ' \
+                 'feedback. Screenshots remain behind the dashboard gate.',
         status: 'resolved',
-        page_url: '/settings/exports',
-        author_label: 'Demo Admin'
+        page_url: '/settings?demo=ideasbugs',
+        author_label: 'Demo admin · launch checklist'
       }
     ].freeze
 

data/lib/ideasbugs/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Ideasbugs
-  VERSION = '0.9.0'
+  VERSION = '0.10.1'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ideasbugs
 version: !ruby/object:Gem::Version
-  version: 0.9.0
+  version: 0.10.1
 platform: ruby
 authors:
 - Yaroslav Shmarov
@@ -120,7 +120,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.6.9
+rubygems_version: 4.0.10
 specification_version: 4
 summary: 'In-app product feedback collection for Rails: a drop-in widget and a built-in
   triage dashboard.'