User Feedback

A 2-way communication channel between users and developers. Users submit feedback directly from within apps; developers review, respond, and manage from the dashboard.

Feedback Types

Type	Icon	Purpose
Bug Report	🐛	Something isn't working. Auto-attaches browser context, page URL, recent session events.
Feature Request	💡	User wants something new. Supports upvoting — other users can +1.
Comment	💬	General feedback, thoughts, suggestions.
Praise	⭐	Positive feedback. Good for developer morale and understanding what works.

User-Facing Widget

The React SDK provides a <FeedbackButton> component — a floating button that opens a feedback panel:

┌────────────────────────────────┐
│  📝 Send Feedback              │
│                                │
│  What type?                    │
│  [🐛 Bug] [💡 Feature] [💬] [⭐] │
│                                │
│  ┌──────────────────────────┐  │
│  │ Tell us more...          │  │
│  │                          │  │
│  │                          │  │
│  └──────────────────────────┘  │
│                                │
│  [📸 Add screenshot]           │
│                                │
│  [Send]              [Cancel]  │
└────────────────────────────────┘

Widget Features

Type selector (bug/feature/comment/praise)
Text input
Optional screenshot capture (html2canvas)
Auto-attaches: page URL, browser info, profile info, recent events
Shows previous feedback from this user (threaded conversation)

Usage

import { FeedbackButton } from '@shellapps/experience-react';
 
<FeedbackButton position="bottom-right" />

Developer Dashboard (Feedback Inbox)

┌────────────────────────────────────────────────────────────────┐
│  Feedback — Monet.live                          Filter ▼       │
│                                                                │
│  ┌──────────────────────────────────────────────────────────┐  │
│  │ 🐛  "Upload fails for PNG files over 5MB"     NEW       │  │
│  │     @alice · 2 hours ago · /create             Reply →   │  │
│  ├──────────────────────────────────────────────────────────┤  │
│  │ 💡  "Add batch generation feature"       12 upvotes      │  │
│  │     @bob · 3 days ago · /create         ACKNOWLEDGED     │  │
│  ├──────────────────────────────────────────────────────────┤  │
│  │ ⭐  "Love the new UI!"                                   │  │
│  │     @charlie · 1 week ago · /gallery       RESOLVED      │  │
│  └──────────────────────────────────────────────────────────┘  │
│                                                                │
│  Feature Request Leaderboard:                                  │
│  1. Batch generation (12 votes)                                │
│  2. Custom aspect ratios (8 votes)                             │
│  3. Image editing tools (5 votes)                              │
└────────────────────────────────────────────────────────────────┘

Feedback Threads (2-Way)

When a developer replies to feedback, the user sees it next time they open the widget or via notification:

User:      "Upload fails for PNG files over 5MB"
Developer: "Thanks for reporting! Can you tell me which browser you're using?"
User:      "Chrome 120 on Mac"
Developer: "Found the bug — fix deploying today. Thanks!"
           Status: RESOLVED ✅

Status Workflow

NEW → ACKNOWLEDGED → IN PROGRESS → RESOLVED
                                  → WON'T FIX

API Endpoints

Method	Path	Auth	Description
`POST`	`/api/v1/feedback`	API Key/Bearer	Submit feedback
`GET`	`/api/v1/feedback`	Bearer	List feedback for app
`GET`	`/api/v1/feedback/:id`	Bearer	Feedback detail + thread
`POST`	`/api/v1/feedback/:id/reply`	Bearer	Reply to feedback
`PUT`	`/api/v1/feedback/:id/status`	Bearer	Update status
`PUT`	`/api/v1/feedback/:id/tags`	Bearer	Update tags
`POST`	`/api/v1/feedback/:id/upvote`	API Key/Bearer	Upvote feature request
`GET`	`/api/v1/feedback/stats`	Bearer	Feedback volume stats

See the full API Reference and Data Models for schemas.

Translations Theming