@alliance-droid/status-feedback-system 2.3.1 → 2.3.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 2.3.2
+
+### Changed
+
+- `<DevFeedback>` *Report Bug* form: when the consumer app's render-token endpoint is unreachable or returns an error, the form now shows paste-screenshot instructions ("Paste a screenshot to attach one — capture with ⌘⇧4 / Win+Shift+S, then ⌘V / Ctrl+V into the description") instead of the dead-end "Screenshot setup failed / Retry" panel. The previous panel offered a Retry button that could never succeed when the endpoint was simply not configured.
+
 ## 2.3.1
 
 ### Fixed

package/dist/components/DevFeedback.svelte

@@ -89,6 +89,10 @@
 	// --- Environment gate ---
 	let isEnabled = $state(false);
 	let hasUserEmail = $derived(!!userEmail);
+	const isMac = $derived(
+		typeof navigator !== 'undefined' &&
+			/Mac|iPhone|iPad|iPod/i.test(navigator.platform || navigator.userAgent || '')
+	);
 
 	// --- State ---
 	let menuOpen = $state(false);
@@ -508,16 +512,14 @@
 								{:else if renderTokenFailed && !pastedScreenshot}
 									<div class="rounded-md border border-border bg-surface p-3">
 										<div class="flex items-center gap-2 text-sm text-foreground-secondary mb-1">
-											<i class="fa-solid fa-image-slash" aria-hidden="true"></i>
-											<span>Screenshot setup failed</span>
+											<i class="fa-solid fa-paste" aria-hidden="true"></i>
+											<span>Paste a screenshot to attach one</span>
 										</div>
-										<p class="text-xs text-foreground-tertiary mb-2">Your feedback will be submitted without a screenshot.</p>
-										<button
-											class="text-xs text-primary hover:underline bg-transparent border-none cursor-pointer p-0"
-											onclick={fetchRenderToken}
-										>
-											Retry
-										</button>
+										<p class="text-xs text-foreground-tertiary">
+											Capture a screenshot (<kbd class="px-1 py-0.5 rounded bg-surface-secondary border border-border text-[10px] font-mono">{isMac ? '⌘⇧4' : 'Win+Shift+S'}</kbd>),
+											then paste it into the description above with
+											<kbd class="px-1 py-0.5 rounded bg-surface-secondary border border-border text-[10px] font-mono">{isMac ? '⌘V' : 'Ctrl+V'}</kbd>.
+										</p>
 									</div>
 								{:else if renderContext && !pastedScreenshot}
 									<div class="rounded-md border border-border bg-surface-secondary p-2 flex items-center gap-2 text-sm text-foreground-secondary">

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@alliance-droid/status-feedback-system",
-	"version": "2.3.1",
+	"version": "2.3.2",
 	"type": "module",
 	"description": "Drop-in system status pages and user feedback forms for SvelteKit apps",
 	"svelte": "./dist/index.js",