AiDE Loop — Mockup Index

A

AiDE Loop

Internal Idea & Feedback Tracking Portal — UI Mockup

🎨 HTML Mockup · 49 pages · All features clickable · Sprints 1–57

🔄 Design Iteration v49 📅 19 Jun 2026

Authentication

Login / Magic Link

Passwordless authentication. Email magic link flow with 2-step UI — enter email → check inbox.

Core User Flows

Personalised KPI widgets — votes used, top feedback, app overview, activity feed, status charts.

Browse all AiDE tools accessible to the user. Filter by status, search, view feedback counts per app.

App Feedback List

All feedback for one application. Rich filters (Type, Status, Sort), voting, report button, pagination.

Feedback Detail

Full feedback item view — description, status workflow, voting, threaded comments, moderation actions.

Submit Feedback

Feedback submission form — type selector, title + description, duplicate detection, bug-specific fields.

In-app notification centre — tabbed by type, mark read/all, unread indicator, notification preferences modal.

Personal stats, daily vote gauge, My Submissions / My Votes / My Comments tabs, edit profile modal.

Async report generation — feedback, audit log, user activity exports. CSV/PDF. Job status tracking.

Admin Area

Master application list — create, edit, activate/deactivate apps; manage per-user per-app access grants.

Admin · P1 ↗

User Management

List, search, and manage all users. View activity, assign/change roles, activate/deactivate accounts.

Admin · P1 ↗

Top voted, trending, feedback distribution, voting activity over time, most active apps, top contributors.

Admin · P2 ↗

Append-only record of all admin & system actions. Filterable, paginated, with JSON diff view and export.

Admin · P1 ↗

System Settings

Daily vote limit, auto-flag threshold, magic link expiry, email/push notifications, danger zone actions.

Admin · P1 ↗

Email Templates

Manage Handlebars email templates — preview, enable/disable, send test emails, track send counts.

Admin · P2 ↗

Widget Management

Configure the embeddable JS widget per-app — embed code, allowed origins, honeypot, anonymous submission settings.

Admin · Sprint 57 ↗

Webhook Integrations

Configure outbound webhooks to Slack, Teams, Jira or any custom endpoint. HMAC-SHA256 signing, event subscriptions, test ping.

Admin · Sprint 57 ↗

Feedback Clusters

AI-powered TF-IDF keyword clustering — groups similar feedback into themes, run on-demand, KPI strip & expandable cluster cards.

Admin · Sprint 57 ↗

Custom Dashboards

Build analytics dashboards with draggable widgets — KPI counters, bar/line/donut charts, data tables. Share or schedule as email reports.

Admin · Sprint 57 ↗

Connect AiDE Loop to PowerBI, Tableau, Looker & Metabase via OData v4 and REST. Manage API keys, test connections, view query logs.

Admin · Sprint 57 ↗

Interactive Slack bot — upvote or comment on feedback with /aide commands. Real-time notifications, channel management, activity log.

Admin · Sprint 57 ↗

Discord bot integration — publish feedback updates to Discord channels, collect upvotes and comments via /aide slash commands.

Admin · Sprint 57 ↗

SMS Notifications

Twilio integration for critical admin alerts via SMS

⚠️ Admin ↗

User Reputation

Reputation points, tier progression and leaderboard

Achievement Badges

Gamification badge library and award management

Leaderboard Dashboard

Top contributors for the month and all-time rankings

Cache Management

Monitor and manage the API response cache layer

DB Read Replicas & Sharding

Configure PostgreSQL read replicas, connection routing, and shard topology

Multi-Region Deployment

Azure Traffic Manager, regional endpoints, and global failover

CDN Integration

Azure CDN / Cloudflare for static assets and user uploads

AI Feedback Summarization

Automatically summarize lengthy feedback using OpenAI or built-in AI

AI Sentiment Analysis

Tag feedback as Positive / Neutral / Negative using built-in or OpenAI provider

Feature Coverage

P0 — Must Have

✅ Magic link authentication ✅ RBAC — 4 roles, 14 permissions ✅ Feedback submission ✅ Up / down voting + daily limit ✅ Comments on feedback ✅ User reporting ✅ Filters — Type, Status, Sort, Search ✅ In-app notifications

P1 — Should Have

✅ Master app list management ✅ Per-user per-app access control ✅ Feedback status workflow ✅ Moderation (Flag/Hide/Lock/Delete) ✅ Auto-flag threshold ✅ Admin user management ✅ System audit log ✅ Email notifications (UI) ✅ Admin-configurable settings

P2 — Should Have

✅ Dashboard KPI widgets ✅ User profile page (3 tabs) ✅ Edit profile ✅ Admin analytics dashboard ✅ Async reports (CSV/PDF) ⬜ Push notifications (infra deferred)

Mockup Stack & Design Notes

Pure HTML5 CSS Custom Properties Vanilla JS No frameworks / no build step Inter font (Google Fonts) Shared design system (style.css) Dynamic nav via nav.js Toast notifications Interactive modals Live tab switching Clickable vote buttons Role-aware sidebar pg_trgm AI duplicate detection Public Roadmap / Status Board Embeddable JS Widget (Shadow DOM) Feedback merge (votes + comments transfer)

✨ Sprint 57 — New Features

🗺 Public Roadmap Kanban status board, widget demo 🔀 AI Duplicate Detection Similar items panel + merge 💡 Duplicate Hints Live similarity during submission 💬 Embeddable Widget JS SDK embed codes

Natural language interface — query the feedback database via chat, powered by built-in NL engine or OpenAI GPT

Developer API Keys

Generate and manage revocable API keys for developer and public endpoint access — with scope control, rotation, and usage stats

Rate-limited public GraphQL layer — query playground, schema browser, history, and config.

Documentation Portal

Developer-facing SDK and API docs — browse sections, search articles, and manage portal config.

Manage and publish Next.js, React, .NET and CLI SDK packages to npm and NuGet.

Bi-directional Jira issue sync, project mappings & status tracking

Zendesk support tickets auto-converted to feedback with bi-directional sync

Issue Generator

Push bugs from AiDE Loop to GitHub/GitLab repos with label mapping

Zapier triggers & actions for AiDE Loop events — connect 5,000+ apps

Right-to-erasure workflows, PII anonymization & compliance audit trails

SOC2 Audit Trails

Compliance Export