Canviq Admin — Moderation

Mockup
Scene 1 — Moderation Queue
The main moderation page shows pending items with stats at the top, filter tabs, and a scrollable queue. Each item displays author avatar, timestamp, flag reason, and sentiment indicator. Bulk actions appear when items are selected.

Moderation

Pending Review
12
Approved Today
34
Rejected
3
Flagged
5
Add support for CSV export of relationship data
JD
John Doe
2h ago
Spam detected
Dark mode colors are too bright on iOS
AS
Alice Smith
4h ago
Reported by users
Allow custom notification sounds
MB
Maria Brown
6h ago
Auto-flagged: duplicate
Push notifications not working on Android 14
RL
Robert Lee
8h ago
Spam detected
Add biometric authentication for app lock
SK
Sarah Kim
1d ago
Reported by users
Timeline view is confusing with multiple entries
TC
Tom Chen
1d ago
Auto-flagged: duplicate
3 selected

Design Notes

1

Stats at a glance. Four key metrics show pending, approved, rejected, and flagged items. Updates in real-time as actions are taken.

2

Filter tabs. All (default), Pending, Flagged, and Spam views. Active filter is highlighted with coral accent.

3

Queue items. Each shows title, author initials in colored circle, timestamp, flag reason badge, and sentiment dot (green/gray/red).

4

Bulk actions. Select multiple items (checkbox appears on hover), then bulk approve or reject. Floating action bar appears at bottom.

Scene 2 — Review Panel (Split View)
When reviewing an item, the UI splits into left (compact queue) and right (detailed panel). The detail shows full submission text, author info, spam score bar, duplicate detection, action buttons, reject reason dropdown, and internal notes textarea for team communication.

Moderation

Add support for CSV export
JD
2h ago
Dark mode colors too bright
AS
4h ago
Custom notification sounds
MB
6h ago
Push notifications Android 14
RL
8h ago
Dark mode colors are too bright on iOS
The dark mode interface is much brighter than other apps and causes eye strain at night. The background colors need to be darker, especially in the main timeline view and settings pages. I compared with Instagram and Snapchat and they're noticeably dimmer. This makes it uncomfortable to use before bed.

Author Information

Name Alice Smith
Email alice@example.com
Joined 2 months ago
Submissions 8 total

Spam Score

32 / 100

Similar submissions found

Dark mode is not dark enough (#142)
Please make dark mode darker (#89)

Design Notes

1

Split layout. Left side shows compact queue (360px fixed width), right side shows full detail panel with scrollable content.

2

Author context. Name, email, join date, and submission count help identify trusted users vs. potential spam accounts.

3

Spam score bar. Visual 0-100 score with color gradient (green→amber→red). Scores above 75 auto-flag for review.

4

Duplicate detection. AI-powered similarity matching shows related submissions with clickable links to those items.

5

Action buttons. Approve (green), Reject (red), Merge (purple), Request Changes (amber). Reject shows dropdown for reason.

6

Internal notes. Team-only textarea for leaving context for other moderators or flagging edge cases.

Scene 3 — Moderation Settings
Configure auto-moderation rules, spam threshold slider, auto-approve trusted users toggle with submission count threshold, blocked words textarea, AI moderation toggle, and notification settings for flagged items and daily digests.

Moderation Settings

Auto-Moderation Rules

Spam Threshold 75
Auto-approve trusted users
Automatically approve submissions from users with 5+ approved posts
Trusted User Threshold (min submissions) 5
AI Moderation (Claude)
Use Claude to analyze submissions for spam, toxicity, and relevance

Notification Settings

Email on new flagged items
Receive immediate email when items are flagged for review
Daily digest
Daily summary of moderation activity at 9 AM

Design Notes

1

Spam threshold slider. 0-100 scale, currently 75. Items scoring above this are auto-flagged for review. Realtime value display next to label.

2

Auto-approve toggle. When ON, users with 5+ approved submissions bypass moderation queue. Threshold is configurable via slider below.

3

Blocked words textarea. Newline-separated list. Submissions containing these terms are auto-flagged or rejected depending on settings.

4

AI moderation toggle. When ON, Claude analyzes all submissions for spam, toxicity, off-topic content, and provides a confidence score.

5

Email notifications. Two toggles: instant alerts for flagged items, and daily digest at 9 AM with summary stats.

6

Toggle design. Coral accent when ON, subtle gray when OFF. Smooth animation via CSS transition on knob position.